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: "Maison Neue";
  font-style: normal;
  font-weight: 300;
  src: local("Maison Neue Light"), url("../fonts/MaisonNeueLight_normal_normal.woff2") format("woff2"), url("../fonts/MaisonNeueLight_normal_normal.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Maison Neue";
  font-style: italic;
  font-weight: 300;
  src: local("Maison Neue Light Italic"), url("../fonts/MaisonNeueLightItalic_italic_normal.woff2") format("woff2"), url("../fonts/MaisonNeueLightItalic_italic_normal.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Maison Neue";
  font-style: normal;
  font-weight: 400;
  src: local("Maison Neue Book"), url("../fonts/MaisonNeueBook_normal_normal.woff2") format("woff2"), url("../fonts/MaisonNeueBook_normal_normal.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Maison Neue";
  font-style: italic;
  font-weight: 400;
  src: local("Maison Neue Book Italic"), url("../fonts/MaisonNeueBookItalic_italic_normal.woff2") format("woff2"), url("../fonts/MaisonNeueBookItalic_italic_normal.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Maison Neue";
  font-style: normal;
  font-weight: 500;
  src: local("Maison Neue Medium"), url("../fonts/MaisonNeueMedium_normal_normal.woff2") format("woff2"), url("../fonts/MaisonNeueMedium_normal_normal.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Maison Neue";
  font-style: italic;
  font-weight: 500;
  src: local("Maison Neue Medium Italic"), url("../fonts/MaisonNeueMediumItalic_italic_normal.woff2") format("woff2"), url("../fonts/MaisonNeueMediumItalic_italic_normal.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Maison Neue";
  font-style: normal;
  font-weight: 600;
  src: local("Maison Neue Demi"), url("../fonts/MaisonNeueDemi_normal_normal.woff2") format("woff2"), url("../fonts/MaisonNeueDemi_normal_normal.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Maison Neue";
  font-style: italic;
  font-weight: 600;
  src: local("Maison Neue Demi Italic"), url("../fonts/MaisonNeueDemiItalic_italic_normal.woff2") format("woff2"), url("../fonts/MaisonNeueDemiItalic_italic_normal.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: "Maison Neue", 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 rgb(0, 235, 159.022556391);
  border-left: 8px solid #00855a;
  border-right: 8px solid #00855a;
  color: rgb(0, 31, 20.977443609);
  margin-top: 20px;
  border-radius: 2px;
  opacity: 0.5;
  -webkit-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
  cursor: pointer;
}
.theme-demo-block.active-region {
  border: 1px solid rgb(0, 235, 159.022556391);
  border-left: 8px solid #00855a;
  border-right: 8px solid #00855a;
}
.theme-demo-block.inactive-region {
  border: 1px solid rgb(255, 229.2, 102);
  border-left: 8px solid #ffd400;
  border-right: 8px solid #ffd400;
  color: rgb(153, 127.2, 0);
}
.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((100% - 30px) / 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;
}
.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,
.node-client-story-card .links a {
  color: white;
  font-size: 22px;
}
.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;
  }
}

.webform-type-radios legend,
.webform-type-checkboxes legend, .field--type-datetime .label, .form-item__label {
  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: rgb(249.9, 249.9, 249.9) !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: rgb(170, 170, 170);
}
.form-item__description {
  margin-bottom: 16px;
  clear: both;
  font-size: 13px;
  color: rgb(102.2949640288, 112.6978417266, 138.7050359712);
}
.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;
}
.form-managed-file .form-submit:hover {
  text-decoration: none;
  border-color: #ad030f;
  background-color: #ad030f;
}
.form-managed-file .form-submit {
  background-color: white;
  color: #d40e14;
}
.form-managed-file .form-submit:hover {
  background-color: #d40e14;
  color: white;
}
.form-managed-file .form-submit {
  position: relative;
  z-index: 1;
  font-size: 14px;
  padding: 2px 8px;
  margin: 0;
}
.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: rgb(242.25, 242.25, 242.25);
}
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: rgb(127.5, 127.5, 127.5);
}

.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 rgb(249.9, 249.9, 249.9);
}
.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: rgb(249.9, 249.9, 249.9);
}
.field-group-tabs-wrapper .horizontal-tab-button {
  padding: 0;
  border-right: 1px solid rgb(249.9, 249.9, 249.9);
}
.field-group-tabs-wrapper .horizontal-tab-button:before {
  display: none;
}
.field-group-tabs-wrapper .horizontal-tab-button a {
  color: rgb(249.9, 249.9, 249.9);
  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: rgb(229.5, 229.5, 229.5);
  background-color: rgb(229.5, 229.5, 229.5);
}
.field-group-tabs-wrapper .horizontal-tab-button.selected a {
  color: #d40e14;
  background-color: rgb(247.35, 247.35, 247.35);
}

.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;
}
.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 {
  background-color: white;
  color: #d40e14;
}
.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;
}

.webform-submission-form .form-item-verification-code-sms .form-item__label {
  text-transform: none !important;
}

.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: "Maison Neue", sans-serif;
  padding: 0;
  margin: 0;
  font-size: 16px;
  background-color: white;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #08162A;
  font-family: "Maison Neue", 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;
}
p.button.button--button a:hover {
  text-decoration: none;
  border-color: #ad030f;
  background-color: #ad030f;
}
p.button.button--button a {
  background-color: white;
  color: #d40e14;
}
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;
}
@media all and (min-width: 1220px) {
  button,
  input,
  textarea {
    font-size: 16px;
  }
}
button,
input,
textarea {
  color: #3B4150;
  font-family: "Maison Neue", sans-serif;
  letter-spacing: -0.008em;
}

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: "Maison Neue", 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;
}
.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 {
  width: 28px !important;
  height: 28px !important;
  border: 0;
  background: transparent;
}
.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:before {
  display: none !important;
}
.pager__item {
  list-style-type: none;
  display: inline-block;
  padding: 0;
  margin: 0 8px;
}
.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: 0.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: rgb(235.9203539823, 15.5796460177, 22.2566371681);
}
[type=range]:focus::-ms-fill-lower {
  background: #d40e14;
}
[type=range]:focus::-ms-fill-upper {
  background: rgb(235.9203539823, 15.5796460177, 22.2566371681);
}
[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(12.75, 12.75, 12.75, 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(12.75, 12.75, 12.75, 0.2);
  background: #d40e14;
  border: 0 solid #eceff1;
  border-radius: 16px;
  box-sizing: border-box;
  cursor: pointer;
  height: 16px;
  width: 16px;
}
[type=range]::-webkit-slider-thumb:hover {
  background: rgb(188.0796460177, 12.4203539823, 17.7433628319);
}
[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  margin-top: -6px;
}
[type=range]::-moz-range-track {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 rgba(12.75, 12.75, 12.75, 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(12.75, 12.75, 12.75, 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: rgb(188.0796460177, 12.4203539823, 17.7433628319);
}
[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(12.75, 12.75, 12.75, 0.2);
  background: rgb(188.0796460177, 12.4203539823, 17.7433628319);
  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(12.75, 12.75, 12.75, 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(12.75, 12.75, 12.75, 0.2);
  background: #d40e14;
  border: 0 solid #eceff1;
  border-radius: 16px;
  box-sizing: border-box;
  cursor: pointer;
  height: 16px;
  width: 16px;
}
[type=range]::-ms-thumb:hover {
  background: rgb(188.0796460177, 12.4203539823, 17.7433628319);
}
[type=range]::-ms-thumb {
  margin-top: 1px;
}
[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: rgb(249.9, 249.9, 249.9);
}
.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: rgb(249.9, 249.9, 249.9);
}
.kursna-lista-table tbody td:nth-of-type(4), .kursna-lista-table tbody td:nth-of-type(5) {
  background-color: rgb(249.9, 249.9, 249.9);
}
.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;
}
.block-complaint .button a:hover {
  text-decoration: none;
  border-color: #ad030f;
  background-color: #ad030f;
}
.block-complaint .button a {
  background-color: white;
  color: #d40e14;
}
.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((100% - 96px) / 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;
}
.block-not-working-now__container .button:hover,
.block-try-later__container .button:hover {
  text-decoration: none;
  border-color: #ad030f;
  background-color: #ad030f;
}
.block-not-working-now__container .button,
.block-try-later__container .button {
  margin-top: 54px;
}

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 .breadcrumb__item-link {
  pointer-events: none;
  text-decoration: none;
  color: #3B4150;
}
.breadcrumb__item:last-child {
  display: none;
}
@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;
}
.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-compliance-categories button {
  padding: 4px 8px;
  font-size: 13px;
}
.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;
}
.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, .eu-cookie-compliance-categories button.eu-cookie-withdraw-button {
  background-color: white;
  color: #d40e14;
}
.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, .eu-cookie-compliance-categories button.eu-cookie-withdraw-button {
  padding: 4px 8px;
  margin-left: 16px;
}
.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 0.25s ease-in-out;
  transition: box-shadow 0.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 0.25s;
  transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  transition: transform 0.25s, -webkit-transform 0.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((100% - 96px) / 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:before, .lightgallery:after {
  content: " ";
  display: table;
}
.lightgallery:after {
  clear: both;
}
.lightgallery {
  padding: 20px 0 0 0;
}
@media all and (min-width: 768px) {
  .lightgallery {
    padding: 40px 0 0 0;
  }
}
.lightgallery li {
  margin-bottom: 40px;
  width: calc((100% - 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((100% - 30px) / 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: "Maison Neue", 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: rgb(127.5, 127.5, 127.5);
  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 0.5s;
  transition: all ease-in-out 0.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: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 {
  -webkit-transition: none !important;
  transition: none !important;
  opacity: 1 !important;
}
.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: 0.3s !important;
          transition-duration: 0.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;
}

@-webkit-keyframes onAutoFillStart {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}

@keyframes onAutoFillStart {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
.paragraph-newsletter__form input:-webkit-autofill {
  -webkit-animation-name: onAutoFillStart;
          animation-name: onAutoFillStart;
}

.paragraph-newsletter-wrapper {
  width: 100%;
  padding: 32px 0;
}
@media all and (min-width: 1220px) {
  .paragraph-newsletter-wrapper {
    padding: 48px 0;
  }
}

.paragraph-newsletter {
  max-width: 1170px;
  margin: 0 auto;
  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;
}
.paragraph-newsletter__container {
  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-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
}
@media all and (min-width: 1220px) {
  .paragraph-newsletter__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
  }
}
.paragraph-newsletter__image {
  min-height: 300px;
  width: 100%;
}
@media all and (min-width: 1220px) {
  .paragraph-newsletter__image {
    width: 50%;
  }
}
.paragraph-newsletter__image-wrap {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}
.paragraph-newsletter__content {
  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;
  padding: 32px 24px;
  width: 100%;
}
@media all and (min-width: 1220px) {
  .paragraph-newsletter__content {
    width: 50%;
    padding: 32px 40px;
  }
}
.paragraph-newsletter__text {
  margin-bottom: 12px;
  text-align: center;
}
@media all and (min-width: 1220px) {
  .paragraph-newsletter__text {
    text-align: left;
  }
}
.paragraph-newsletter__subtitle {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #d40e14;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 8px;
}
.paragraph-newsletter__subtitle .field__item {
  display: inline;
}
.paragraph-newsletter__field-title {
  font-size: 28px;
  color: #08162A;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 1.2;
}
@media all and (min-width: 1220px) {
  .paragraph-newsletter__field-title {
    font-size: 36px;
  }
}
.paragraph-newsletter__field-body {
  margin-top: 16px;
  font-size: 16px;
  line-height: 1.5;
  color: #3B4150;
}
.paragraph-newsletter__field-body p {
  margin: 0 0 8px;
}
.paragraph-newsletter__field-body p:last-child {
  margin-bottom: 0;
}
.paragraph-newsletter__form .form-item,
.paragraph-newsletter__form .js-form-item {
  position: relative;
  margin-bottom: 12px;
}
.paragraph-newsletter__form .form-item label,
.paragraph-newsletter__form .js-form-item label {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 13px;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  pointer-events: none;
  font-size: 11px;
  color: #3B4150;
  z-index: 1;
  line-height: 1;
  margin: 0;
}
.paragraph-newsletter__form .form-item.focus label,
.paragraph-newsletter__form .js-form-item.focus label {
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  top: 6px;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  left: 13px;
  color: rgba(0, 0, 0, 0.5);
}
.paragraph-newsletter__form .form-item.focus input[type=text],
.paragraph-newsletter__form .form-item.focus input[type=email],
.paragraph-newsletter__form .form-item.focus input[type=tel],
.paragraph-newsletter__form .form-item.focus textarea,
.paragraph-newsletter__form .js-form-item.focus input[type=text],
.paragraph-newsletter__form .js-form-item.focus input[type=email],
.paragraph-newsletter__form .js-form-item.focus input[type=tel],
.paragraph-newsletter__form .js-form-item.focus textarea {
  padding: 19px 13px 6px 13px;
}
.paragraph-newsletter__form .form-item input[type=text],
.paragraph-newsletter__form .form-item input[type=email],
.paragraph-newsletter__form .form-item input[type=tel],
.paragraph-newsletter__form .form-item textarea,
.paragraph-newsletter__form .js-form-item input[type=text],
.paragraph-newsletter__form .js-form-item input[type=email],
.paragraph-newsletter__form .js-form-item input[type=tel],
.paragraph-newsletter__form .js-form-item textarea {
  padding: 13px;
  height: 45px;
  margin-bottom: 0;
  font-size: 13px;
}
.paragraph-newsletter__form .form-item textarea,
.paragraph-newsletter__form .js-form-item textarea {
  height: auto;
  min-height: 80px;
  padding-top: 13px;
}
.paragraph-newsletter__form .js-form-type-tel label,
.paragraph-newsletter__form .form-type-tel label {
  display: none;
}
.paragraph-newsletter__form .js-form-type-tel input[type=tel],
.paragraph-newsletter__form .form-type-tel input[type=tel] {
  font-size: 13px;
}
.paragraph-newsletter__form .form-type-checkbox,
.paragraph-newsletter__form .form-type-radio,
.paragraph-newsletter__form .js-form-type-checkbox,
.paragraph-newsletter__form .js-form-type-radio {
  margin-bottom: 6px;
}
.paragraph-newsletter__form .form-type-checkbox:first-of-type,
.paragraph-newsletter__form .form-type-radio:first-of-type,
.paragraph-newsletter__form .js-form-type-checkbox:first-of-type,
.paragraph-newsletter__form .js-form-type-radio:first-of-type {
  margin-top: 6px;
}
.paragraph-newsletter__form .form-type-checkbox label,
.paragraph-newsletter__form .form-type-radio label,
.paragraph-newsletter__form .js-form-type-checkbox label,
.paragraph-newsletter__form .js-form-type-radio label {
  position: relative;
  top: auto;
  left: auto;
  -webkit-transform: none;
          transform: none;
  pointer-events: auto;
  font-size: 12px;
  text-transform: none;
  letter-spacing: normal;
}
.paragraph-newsletter__form .form-type-checkbox.focus label,
.paragraph-newsletter__form .form-type-radio.focus label,
.paragraph-newsletter__form .js-form-type-checkbox.focus label,
.paragraph-newsletter__form .js-form-type-radio.focus label {
  font-size: 12px;
  top: auto;
  left: auto;
  -webkit-transform: none;
          transform: none;
  color: inherit;
}
.paragraph-newsletter__form .form-type-select label,
.paragraph-newsletter__form .js-form-type-select label {
  position: relative;
  top: auto;
  left: auto;
  margin-bottom: 4px;
}
.paragraph-newsletter__form .form-submit,
.paragraph-newsletter__form button[type=submit] {
  padding: 10px 20px;
  font-size: 13px;
  margin-top: 12px;
}
.paragraph-newsletter__form .form-actions,
.paragraph-newsletter__form .webform-actions {
  margin: 12px 0 0 0 !important;
  padding: 0;
}
.paragraph-newsletter__form.webform-submission-form .form-actions,
.paragraph-newsletter__form .webform-submission-form .form-actions {
  margin: 12px 0 0 0 !important;
}
@media all and (min-width: 1220px) {
  .paragraph-newsletter[data-paragraph-image-position=right] .paragraph-newsletter__image {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media all and (min-width: 1220px) {
  .paragraph-newsletter[data-paragraph-image-position=right] .paragraph-newsletter__content {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media all and (min-width: 1220px) {
  .paragraph-newsletter[data-paragraph-image-position=left] .paragraph-newsletter__content {
    padding-left: 48px;
  }
}
.paragraph-newsletter[data-paragraph-image-without-background=yes] .paragraph-newsletter__image {
  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: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 24px;
}
@media all and (min-width: 1220px) {
  .paragraph-newsletter[data-paragraph-image-without-background=yes] .paragraph-newsletter__image {
    padding: 0;
  }
}
.paragraph-newsletter[data-paragraph-image-without-background=yes] .paragraph-newsletter__image-wrap {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: auto;
  min-height: 280px;
}
@media all and (min-width: 1220px) {
  .paragraph-newsletter[data-paragraph-image-without-background=yes] .paragraph-newsletter__image-wrap {
    width: 85%;
    max-width: 425px;
    height: 350px;
    min-height: auto;
  }
}
@media all and (min-width: 1220px) {
  .paragraph-newsletter[data-paragraph-image-without-background=yes][data-paragraph-image-size=small] .paragraph-newsletter__image-wrap {
    width: 55%;
    max-width: 275px;
    height: 220px;
  }
}
@media all and (min-width: 1220px) {
  .paragraph-newsletter[data-paragraph-image-without-background=yes][data-paragraph-image-size=medium] .paragraph-newsletter__image-wrap {
    width: 70%;
    max-width: 350px;
    height: 280px;
  }
}
@media all and (min-width: 1220px) {
  .paragraph-newsletter[data-paragraph-image-without-background=yes][data-paragraph-image-size=large] .paragraph-newsletter__image-wrap {
    width: 85%;
    max-width: 425px;
    height: 340px;
  }
}
.paragraph-newsletter__form[data-button-color=red] .form-submit,
.paragraph-newsletter__form[data-button-color=red] button[type=submit] {
  background-color: #d40e14 !important;
  border-color: #d40e14 !important;
  color: white !important;
}
.paragraph-newsletter__form[data-button-color=red] .form-submit:hover,
.paragraph-newsletter__form[data-button-color=red] button[type=submit]:hover {
  background-color: rgb(164.1592920354, 10.8407079646, 15.4867256637) !important;
  border-color: rgb(164.1592920354, 10.8407079646, 15.4867256637) !important;
}
.paragraph-newsletter__form[data-button-color=blue] .form-submit,
.paragraph-newsletter__form[data-button-color=blue] button[type=submit] {
  background-color: #004f95 !important;
  border-color: #004f95 !important;
  color: white !important;
}
.paragraph-newsletter__form[data-button-color=blue] .form-submit:hover,
.paragraph-newsletter__form[data-button-color=blue] button[type=submit]:hover {
  background-color: rgb(0, 51.9597315436, 98) !important;
  border-color: rgb(0, 51.9597315436, 98) !important;
}
.paragraph-newsletter__form[data-button-color=green] .form-submit,
.paragraph-newsletter__form[data-button-color=green] button[type=submit] {
  background-color: #00855a !important;
  border-color: #00855a !important;
  color: white !important;
}
.paragraph-newsletter__form[data-button-color=green] .form-submit:hover,
.paragraph-newsletter__form[data-button-color=green] button[type=submit]:hover {
  background-color: rgb(0, 82, 55.4887218045) !important;
  border-color: rgb(0, 82, 55.4887218045) !important;
}
.paragraph-newsletter__form[data-button-color=white] .form-submit,
.paragraph-newsletter__form[data-button-color=white] button[type=submit] {
  background-color: white !important;
  border-color: #D5D8E0 !important;
  color: #3B4150 !important;
}
.paragraph-newsletter__form[data-button-color=white] .form-submit:hover,
.paragraph-newsletter__form[data-button-color=white] button[type=submit]:hover {
  background-color: #F4F5F7 !important;
  border-color: #B6BBC7 !important;
}
.paragraph-newsletter[data-paragraph-invert=yes] .paragraph-newsletter__subtitle {
  color: white;
}
.paragraph-newsletter[data-paragraph-invert=yes] .paragraph-newsletter__field-title {
  color: white;
}
.paragraph-newsletter[data-paragraph-invert=yes] .paragraph-newsletter__field-body {
  color: white;
}
.paragraph-newsletter[data-paragraph-invert=yes] .paragraph-newsletter__form .form-item label,
.paragraph-newsletter[data-paragraph-invert=yes] .paragraph-newsletter__form .js-form-item label {
  color: rgba(255, 255, 255, 0.7);
}
.paragraph-newsletter[data-paragraph-invert=yes] .paragraph-newsletter__form .form-item.focus label,
.paragraph-newsletter[data-paragraph-invert=yes] .paragraph-newsletter__form .js-form-item.focus label {
  color: rgba(255, 255, 255, 0.5);
}
.paragraph-newsletter[data-paragraph-invert=yes] .paragraph-newsletter__form .form-type-checkbox label,
.paragraph-newsletter[data-paragraph-invert=yes] .paragraph-newsletter__form .form-type-radio label,
.paragraph-newsletter[data-paragraph-invert=yes] .paragraph-newsletter__form .js-form-type-checkbox label,
.paragraph-newsletter[data-paragraph-invert=yes] .paragraph-newsletter__form .js-form-type-radio label {
  color: white;
}
.paragraph-newsletter[data-paragraph-invert=yes] .paragraph-newsletter__form .form-type-checkbox label:before,
.paragraph-newsletter[data-paragraph-invert=yes] .paragraph-newsletter__form .form-type-radio label:before,
.paragraph-newsletter[data-paragraph-invert=yes] .paragraph-newsletter__form .js-form-type-checkbox label:before,
.paragraph-newsletter[data-paragraph-invert=yes] .paragraph-newsletter__form .js-form-type-radio label:before {
  border-color: white;
}
.paragraph-newsletter[data-paragraph-invert=yes] .paragraph-newsletter__form .form-type-checkbox input[type=checkbox]:checked + label:before,
.paragraph-newsletter[data-paragraph-invert=yes] .paragraph-newsletter__form .js-form-type-checkbox input[type=checkbox]:checked + label:before {
  border-color: white;
}
.paragraph-newsletter[data-paragraph-invert=yes] .paragraph-newsletter__form .form-type-radio input[type=radio]:checked + label:before,
.paragraph-newsletter[data-paragraph-invert=yes] .paragraph-newsletter__form .js-form-type-radio input[type=radio]:checked + label:before {
  border-color: white;
}
.paragraph-newsletter[data-paragraph-invert=yes] .paragraph-newsletter__form .webform-element label,
.paragraph-newsletter[data-paragraph-invert=yes] .paragraph-newsletter__form .webform-element--title-inline label {
  color: white;
}
.paragraph-newsletter[data-paragraph-invert=yes] .paragraph-newsletter__form .form-item .description,
.paragraph-newsletter[data-paragraph-invert=yes] .paragraph-newsletter__form .js-form-item .description {
  color: rgba(255, 255, 255, 0.8);
}
.paragraph-newsletter[data-paragraph-invert=yes] .paragraph-newsletter__form a {
  color: white;
  text-decoration: underline;
}
.paragraph-newsletter[data-paragraph-invert=yes] .paragraph-newsletter__form a:hover {
  color: rgba(255, 255, 255, 0.9);
}
.paragraph-newsletter[data-paragraph-invert=yes] .paragraph-newsletter__form input::-webkit-input-placeholder, .paragraph-newsletter[data-paragraph-invert=yes] .paragraph-newsletter__form textarea::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.paragraph-newsletter[data-paragraph-invert=yes] .paragraph-newsletter__form input::-moz-placeholder, .paragraph-newsletter[data-paragraph-invert=yes] .paragraph-newsletter__form textarea::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.paragraph-newsletter[data-paragraph-invert=yes] .paragraph-newsletter__form input:-ms-input-placeholder, .paragraph-newsletter[data-paragraph-invert=yes] .paragraph-newsletter__form textarea:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.paragraph-newsletter[data-paragraph-invert=yes] .paragraph-newsletter__form input::-ms-input-placeholder, .paragraph-newsletter[data-paragraph-invert=yes] .paragraph-newsletter__form textarea::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.paragraph-newsletter[data-paragraph-invert=yes] .paragraph-newsletter__form input::placeholder,
.paragraph-newsletter[data-paragraph-invert=yes] .paragraph-newsletter__form textarea::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.paragraph-newsletter[data-paragraph-invert=yes] .paragraph-newsletter__form input[type=text],
.paragraph-newsletter[data-paragraph-invert=yes] .paragraph-newsletter__form input[type=email],
.paragraph-newsletter[data-paragraph-invert=yes] .paragraph-newsletter__form input[type=tel],
.paragraph-newsletter[data-paragraph-invert=yes] .paragraph-newsletter__form textarea {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.3);
  color: white;
}
.paragraph-newsletter[data-paragraph-invert=yes] .paragraph-newsletter__form input[type=text]:focus,
.paragraph-newsletter[data-paragraph-invert=yes] .paragraph-newsletter__form input[type=email]:focus,
.paragraph-newsletter[data-paragraph-invert=yes] .paragraph-newsletter__form input[type=tel]:focus,
.paragraph-newsletter[data-paragraph-invert=yes] .paragraph-newsletter__form textarea:focus {
  border-color: rgba(255, 255, 255, 0.6);
  background-color: rgba(255, 255, 255, 0.15);
}
.paragraph-newsletter[data-paragraph-invert=yes] .paragraph-newsletter__form .form-item--error-message {
  color: white;
  background-color: transparent;
}
.paragraph-newsletter[data-paragraph-invert=yes] .paragraph-newsletter__form .webform-element-description,
.paragraph-newsletter[data-paragraph-invert=yes] .paragraph-newsletter__form .error {
  color: white;
}
.paragraph-newsletter[data-paragraph-invert=yes] .paragraph-newsletter__form .messages {
  color: white;
  background-color: rgba(255, 255, 255, 0.15);
}
.paragraph-newsletter[data-paragraph-invert=yes] .paragraph-newsletter__form .messages--error {
  color: white;
  background-color: rgba(255, 255, 255, 0.15);
}
.paragraph-newsletter[data-paragraph-invert=yes] .paragraph-newsletter__form .messages--error .messages__close-button {
  background-color: white;
}

.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;
}
.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;
}
.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 {
  margin: 0;
  padding: 8px 12px;
}
@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%;
}
@media all and (min-width: 1220px) {
  .view-news-page-1__row {
    width: calc(33.3333333333% - 21.3333333333px);
  }
}
.view-news-page-1__row {
  margin-bottom: 32px;
}
.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((100% - 96px) / 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 .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;
  }
}
.view-exchange-rate-list-page-1__footer {
  padding: 0 24px;
}
@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;
}
.form-online-account-openinitial-step-form #edit-frame #edit-free-account .button span:hover {
  text-decoration: none;
  border-color: #ad030f;
  background-color: #ad030f;
}
.form-online-account-openinitial-step-form #edit-frame #edit-free-account .button span {
  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;
}
@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;
}
.form-online-account-openinitial-step-form #edit-frame #edit-basic-account .button span:hover {
  text-decoration: none;
  border-color: #ad030f;
  background-color: #ad030f;
}
.form-online-account-openinitial-step-form #edit-frame #edit-basic-account .button span {
  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;
}
@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;
}
.form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .button span:hover {
  text-decoration: none;
  border-color: #ad030f;
  background-color: #ad030f;
}
.form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .button span {
  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;
}
@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;
}
@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 {
  display: none;
}
#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 rgba(0, 0, 0, 0.2);
  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.form-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.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;
}

.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%;
}
@media all and (min-width: 1220px) {
  .view-sale-page-1__row,
  .view-sale-page-2__row {
    width: calc(33.3333333333% - 21.3333333333px);
  }
}
.view-sale-page-1__row,
.view-sale-page-2__row {
  margin-bottom: 24px;
}

.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 */