@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,600);
@import url(https://fonts.googleapis.com/css?family=Arvo&display=swap);
@import url(/themes/default/css/select2.min.css);
@import url(https://use.fontawesome.com/releases/v5.8.1/css/all.css);
#type-b.arya #floatingCirclesG {
  margin: 0 auto; }

:root {
  --main-action-color: #59C77F;
  --main-action-color-lighter: #79d89a;
  --description-color: #142133;
  --information-color: #142032;
  --column-background-color: #ffffff;
  --banner-color: #142032;
  --banner-color-darker: #12171f;
  --border-radius: 4px;
  --amount-color: var(--main-action-color);
  --button-color: var(--main-action-color);
  --border-color: #d1d1d1;
  --radio-color: var(--main-action-color);
  --border: 1px solid var(--border-color, #d1d1d1);
  --text-color: #252525;
  --stepinfo-background-color: var(--banner-color);
  --placehoder-color: #969696;
  --main-font: 'Poppins', sans-serif;
  --fontsize: 15px; }

#container {
  display: none; }

#type-b.arya #loader {
  background-color: #fff;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10000; }

#type-b.arya.loaded #container {
  display: block;
  opacity: 1; }

@keyframes lds-ripple {
  0% {
    top: 96px;
    left: 96px;
    width: 0;
    height: 0;
    opacity: 1; }
  100% {
    top: 8px;
    left: 8px;
    width: 176px;
    height: 176px;
    opacity: 0; } }

@-webkit-keyframes lds-ripple {
  0% {
    top: 96px;
    left: 96px;
    width: 0;
    height: 0;
    opacity: 1; }
  100% {
    top: 8px;
    left: 8px;
    width: 176px;
    height: 176px;
    opacity: 0; } }

.lds-ripple {
  position: fixed;
  top: calc(50% - 40px);
  left: calc(50% - 40px);
  width: 60px !important;
  height: 60px !important;
  -webkit-transform: translate(-30px, -30px) scale(0.3) translate(30px, 30px);
  transform: translate(-30px, -30px) scale(0.3) translate(30px, 30px); }
  .lds-ripple div {
    box-sizing: content-box;
    position: absolute;
    border-width: 8px;
    border-style: solid;
    opacity: 1;
    border-radius: 50%;
    -webkit-animation: lds-ripple 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    animation: lds-ripple 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite; }
  .lds-ripple div:nth-child(1) {
    border-color: var(--main-action-color); }
  .lds-ripple div:nth-child(2) {
    border-color: var(--main-action-color);
    -webkit-animation-delay: -.75s;
    animation-delay: -.75s; }

#type-b.arya {
  color: var(--text-color);
  font-family: var(--main-font);
  min-height: 100%;
  font-family: var(--main-font);
  font-size: var(--fontsize);
  /* nyromodal */ }
  #type-b.arya * {
    box-sizing: border-box;
    margin: 0;
    padding: 0; }
  #type-b.arya .dark-text:not(.apple_pay_styled_button) {
    color: var(--text-color) !important; }
  #type-b.arya .light-text:not(.apple_pay_styled_button) {
    color: #fff !important; }
  #type-b.arya li {
    padding: 8px; }
  #type-b.arya .clearfix,
  #type-b.arya .spacer {
    clear: both;
    min-height: 1px; }
  #type-b.arya #bottom .clearfix {
    min-height: 0; }
  #type-b.arya a {
    color: inherit; }
  #type-b.arya em {
    font-style: italic; }
  #type-b.arya #greetings-comp .submit input,
  #type-b.arya .ui-widget,
  #type-b.arya input,
  #type-b.arya textarea {
    font-family: inherit;
    font-size: inherit; }
  #type-b.arya select,
  #type-b.arya select option {
    font-family: inherit; }
  #type-b.arya #form-error,
  #type-b.arya #form-error p,
  #type-b.arya #form-info,
  #type-b.arya #form-info p,
  #type-b.arya #greetings-text p,
  #type-b.arya #step-1 .step-info .step-info-body p,
  #type-b.arya #step-2 .step-info .step-info-body p,
  #type-b.arya #step-3 .step-info .step-info-body p,
  #type-b.arya.annexes_pages p {
    padding: 15px 0;
    font-size: inherit; }
  #type-b.arya h1,
  #type-b.arya #form-error h1,
  #type-b.arya #form-info h1,
  #type-b.arya #greetings-text h1,
  #type-b.arya #step-1 .step-info .step-info-body h1,
  #type-b.arya #step-2 .step-info .step-info-body h1,
  #type-b.arya #step-3 .step-info .step-info-body h1,
  #type-b.arya.annexes_pages h1 {
    font-size: calc(var(--fontsize) + 9px);
    margin-bottom: 15px; }
  #type-b.arya h2,
  #type-b.arya #form-error h2,
  #type-b.arya #form-info h2,
  #type-b.arya #greetings-text h2,
  #type-b.arya #step-1 .step-info .step-info-body h2,
  #type-b.arya #step-2 .step-info .step-info-body h2,
  #type-b.arya #step-3 .step-info .step-info-body h2,
  #type-b.arya.annexes_pages h2 {
    font-size: calc(var(--fontsize) + 7px); }
  #type-b.arya #greetings-comp h2,
  #type-b.arya .step-title h2 {
    padding: 12px;
    text-align: center; }
  #type-b.arya h3,
  #type-b.arya #form-error h3,
  #type-b.arya #form-info h3,
  #type-b.arya #greetings-text h3,
  #type-b.arya #step-1 .step-info .step-info-body h3,
  #type-b.arya #step-2 .step-info .step-info-body h3,
  #type-b.arya #step-3 .step-info .step-info-body h3,
  #type-b.arya.annexes_pages h3 {
    font-size: calc(var(--fontsize) + 5px); }
  #type-b.arya h4,
  #type-b.arya #form-error h4,
  #type-b.arya #form-info h4,
  #type-b.arya #greetings-text h4,
  #type-b.arya #step-1 .step-info .step-info-body h4,
  #type-b.arya #step-2 .step-info .step-info-body h4,
  #type-b.arya #step-3 .step-info .step-info-body h4,
  #type-b.arya.annexes_pages h4 {
    font-size: calc(var(--fontsize) + 3px); }
  #type-b.arya .step-info h4 {
    padding: 12px;
    text-align: center;
    border: none;
    color: inherit; }
  #type-b.arya h5,
  #type-b.arya #form-error h5,
  #type-b.arya #form-info h5,
  #type-b.arya #greetings-text h5,
  #type-b.arya #step-1 .step-info .step-info-body h5,
  #type-b.arya #step-2 .step-info .step-info-body h5,
  #type-b.arya #step-3 .step-info .step-info-body h5,
  #type-b.arya.annexes_pages h5 {
    font-size: calc(var(--fontsize) + 1px); }
  #type-b.arya h6,
  #type-b.arya #form-error h6,
  #type-b.arya #form-info h6,
  #type-b.arya #greetings-text h6,
  #type-b.arya #step-1 .step-info .step-info-body h6,
  #type-b.arya #step-2 .step-info .step-info-body h6,
  #type-b.arya #step-3 .step-info .step-info-body h6,
  #type-b.arya.annexes_pages h6 {
    font-size: var(--fontsize); }
  #type-b.arya #form-error li,
  #type-b.arya #form-info li,
  #type-b.arya #greetings-text li,
  #type-b.arya #step-1 .step-info .step-info-body li,
  #type-b.arya #step-2 .step-info .step-info-body li,
  #type-b.arya #step-3 .step-info .step-info-body li,
  #type-b.arya.annexes_pages li {
    margin-left: 20px;
    padding: 5px 0;
    list-style: disc; }
  #type-b.arya .step-content {
    transition: all .4s ease; }
  #type-b.arya iframe {
    max-width: 100%; }
  #type-b.arya h1,
  #type-b.arya h2,
  #type-b.arya h3,
  #type-b.arya h4,
  #type-b.arya h5,
  #type-b.arya h6,
  #type-b.arya legend,
  #type-b.arya ol,
  #type-b.arya p,
  #type-b.arya ul {
    padding: 0; }
  #type-b.arya #banner-info h2,
  #type-b.arya #form-info h2 {
    margin: 15px 0 10px; }
  #type-b.arya #banner-info,
  #type-b.arya #form-info,
  #type-b.arya #step-1 .step-title,
  #type-b.arya #step-2 .step-title,
  #type-b.arya #step-3 .step-title,
  #type-b.arya #step-1.no_title .step-content {
    border-top-left-radius: var(--border-radius, 4px);
    border-top-right-radius: var(--border-radius, 4px); }
  #type-b.arya #greetings-comp h2,
  #type-b.arya #step-1 .step-title,
  #type-b.arya #step-2 .step-title,
  #type-b.arya #step-3 .step-title {
    background-color: var(--information-color); }
  #type-b.arya .bloc-content {
    padding: 0; }
  #type-b.arya #greetings-comp .submit input,
  #type-b.arya #step-3 a.button,
  #type-b.arya #step-3 input.button,
  #type-b.arya input[type=submit],
  #type-b.arya input.apple_pay_styled_button {
    min-height: 50px;
    height: auto;
    text-align: center;
    font-weight: 700;
    font-size: calc(var(--fontsize) + 2px);
    text-transform: uppercase;
    width: 100%;
    max-width: 100%;
    padding: 0 40px;
    border: 1px solid;
    border-radius: var(--border-radius, 4px);
    font-weight: 400;
    display: block;
    margin: 0 auto;
    white-space: normal;
    padding: 10px; }
  #type-b.arya #greetings-comp .submit input:not(.apple_pay_styled_button),
  #type-b.arya #step-3 a.button,
  #type-b.arya #step-3 input.button:not(.apple_pay_styled_button),
  #type-b.arya input[type=submit]:not(.apple_pay_styled_button) {
    color: #fff;
    -webkit-appearance: none; }
  #type-b.arya #greetings-comp fieldset p.submit,
  #type-b.arya #step-3 .step-content .payment-submit {
    padding: 0;
    margin: 4px 0 20px 0;
    clear: both;
    float: left;
    width: 100%; }
  #type-b.arya .payment-submit {
    clear: both; }
  #type-b.arya .nyroModalBg {
    z-index: 200; }
  #type-b.arya .nyroModalCont {
    z-index: 201;
    overflow: visible !important;
    padding: 10px !important;
    box-sizing: content-box !important;
    border-radius: var(--border-radius, 4px);
    border: none; }
  #type-b.arya .nyroModalCloseButton {
    background-image: url("data:image/svg+xml;utf8,<svg aria-hidden='true' focusable='false' data-prefix='far' data-icon='times' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' class='svg-inline--fa fa-times fa-w-10 fa-3x'><path fill='black' d='M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z' class=''></path></svg>");
    width: 15px;
    height: 40px;
    text-indent: -9999em;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 202;
    padding-top: 0;
    background-position: bottom center;
    margin-left: -21px; }

/* hack background iphone */
body#type-b.arya {
  background-size: 0;
  background-attachment: fixed;
  background-repeat: no-repeat;
  min-height: 100%; }

body#type-b.arya:before {
  content: '';
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-size: cover;
  background-image: inherit;
  background-position: center center;
  background-attachment: scroll; }

/* main layout */
#type-b.arya #container {
  opacity: 0;
  display: none;
  width: 100%;
  position: relative;
  min-height: 100vh;
  padding-bottom: 118px; }
  #type-b.arya #container #main {
    overflow: visible; }
  #type-b.arya #container #main_wrapinner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start; }
  #type-b.arya #container #header #logo,
  #type-b.arya #container #step-1,
  #type-b.arya #container #step-2,
  #type-b.arya #container #step-3 {
    width: calc((100% - 60px)/ 3);
    display: block;
    float: left;
    margin: 0; }
  #type-b.arya #container #banner-info,
  #type-b.arya #container #form-info {
    background-color: var(--main-action-color);
    color: #fff;
    width: 100%;
    margin: 0 0 20px 0;
    border-radius: var(--border-radius, 4px);
    border: none;
    text-align: center;
    padding: 20px 15px; }
  #type-b.arya #container #video {
    width: 100%;
    border-radius: var(--border-radius);
    padding-bottom: 10px; }
    #type-b.arya #container #video iframe {
      width: 100%;
      border-radius: var(--border-radius); }
  #type-b.arya #container #form-info {
    order: 1; }
  #type-b.arya #container .bloc {
    border: none; }
  #type-b.arya #container .content-desc {
    margin: 20px 0 0 0;
    text-align: center; }
  #type-b.arya #container #form-error,
  #type-b.arya #container .container {
    position: relative;
    width: 1200px;
    margin: 0 auto; }
  #type-b.arya #container #form-error {
    margin: 0 auto 20px; }

#type-b.arya.footer-detach #container {
  padding-bottom: 78px; }

@media only screen and (min-width: 960px) and (max-width: 1250px) {
  #type-b.arya #form-error,
  #type-b.arya .container,
  #type-b.arya #bottom .container {
    width: 960px; } }

@media only screen and (min-width: 768px) and (max-width: 959px) {
  #type-b.arya #form-error,
  #type-b.arya .container,
  #type-b.arya #bottom .container {
    width: 768px; } }

@media only screen and (max-width: 767px) {
  #type-b.arya #form-error,
  #type-b.arya .container,
  #type-b.arya #bottom .container {
    width: 300px; } }

@media only screen and (min-width: 480px) and (max-width: 767px) {
  #type-b.arya #form-error,
  #type-b.arya .container,
  #type-b.arya #bottom .container {
    width: 420px; } }

#type-b.arya.annexes_pages #main_wrapinner {
  background-color: var(--column-background-color, white);
  border-radius: var(--border-radius, 4px);
  padding: 20px 45px;
  margin-bottom: 20px;
  word-break: break-word; }

#type-b.arya.annexes_pages #container {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  padding: 0; }
  #type-b.arya.annexes_pages #container #lang p {
    padding: 0; }
  #type-b.arya.annexes_pages #container #bottom {
    display: none; }
  #type-b.arya.annexes_pages #container #footer {
    position: relative;
    margin-top: auto; }

@media only screen and (max-width: 1250px) and (min-width: 960px) {
  #type-b.arya.arya.annexes_pages #container #main_wrapinner {
    margin: 0 20px 20px; } }

#type-b.arya {
  /* ios select fix*/
  /* tel */
  /* select2 */
  /* date */
  /* radio */
  /* checkbox */
  /* is company */
  /* findmyadress */
  /* email */
  /* civility */
  /* firstname */
  /* cp / ville */
  /* required */ }
  #type-b.arya input,
  #type-b.arya input#city,
  #type-b.arya input#postcode,
  #type-b.arya select#country,
  #type-b.arya .select2-container .select2-selection--single,
  #type-b.arya input[type=text],
  #type-b.arya select,
  #type-b.arya textarea {
    width: 100%;
    height: 50px;
    border-radius: var(--border-radius, 4px);
    padding-left: 10px; }
  #type-b.arya select#cardmonth.select2-hidden-accessible,
  #type-b.arya select#cardyear.select2-hidden-accessible {
    display: none !important;
    pointer-events: none; }
  #type-b.arya textarea {
    min-height: 100px;
    padding: 10px;
    height: 50px;
    max-width: 100%;
    resize: vertical; }
  #type-b.arya .fma-dropdown__item {
    padding: 10px; }
  #type-b.arya #step-2 p[data-ira-placeholder=false] label:first-child {
    padding: 5px;
    display: block; }
  #type-b.arya .help {
    font-size: calc(var(--fontsize) - 4px);
    line-height: 15px !important;
    margin-top: 10px !important; }
  #type-b.arya span.title,
  #type-b.arya span.reserved_title {
    line-height: 30px;
    min-height: 30px; }
  #type-b.arya .action_block p,
  #type-b.arya .info_block p,
  #type-b.arya p[name^=reserved_],
  #type-b.arya #greetings-comp fieldset p,
  #type-b.arya #step-2 p {
    margin: 0 0 16px 0;
    padding: 0;
    min-height: 50px;
    border: none;
    background: 0 0;
    line-height: inherit;
    clear: both;
    font-size: inherit; }
  #type-b.arya #step-2 #address-complementary {
    margin-top: 16px; }
  #type-b.arya #step-1 .action_block p,
  #type-b.arya #step-1 .info_block p,
  #type-b.arya #step-1 p[name^=reserved_] {
    margin: 0 20px 0;
    clear: both;
    padding: 0 0 20px 0;
    min-height: 50px; }
  #type-b.arya .intl-tel-input {
    width: 100%; }
    #type-b.arya .intl-tel-input .country-list {
      z-index: 200; }
      #type-b.arya .intl-tel-input .country-list .country {
        padding: 5px 10px; }
      #type-b.arya .intl-tel-input .country-list .divider {
        padding-bottom: 5px;
        margin-bottom: 5px; }
      #type-b.arya .intl-tel-input .country-list .country-name,
      #type-b.arya .intl-tel-input .country-list .flag-box {
        margin-right: 6px; }
    #type-b.arya .intl-tel-input input {
      padding-left: 50px; }
    #type-b.arya .intl-tel-input .selected-flag {
      padding: 0 0 0 11px; }
      #type-b.arya .intl-tel-input .selected-flag .iti-arrow {
        right: 2px; }
      #type-b.arya .intl-tel-input .selected-flag .iti-flag {
        margin: auto; }
  #type-b.arya .select2.select2-container {
    width: 100% !important; }
  #type-b.arya .select2-hidden-accessible {
    max-width: 1px; }
  #type-b.arya .select2-container--default .select2-selection--single .select2-selection__arrow,
  #type-b.arya .select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 48px;
    line-height: 48px;
    font-size: inherit;
    color: var(--text-color, #333); }
  #type-b.arya .select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-left: -4px;
    margin-top: -2px; }
  #type-b.arya input[type=date i]::-webkit-inner-spin-button {
    margin: 4px 0;
    height: 40px; }
  #type-b.arya input::-webkit-clear-button {
    margin-right: 5px; }
  #type-b.arya .action_block p[data-type=radio] label:first-child,
  #type-b.arya .info_block p[data-type=radio] label:first-child,
  #type-b.arya p[name^=reserved_][data-type=radio] label:first-child {
    display: block;
    padding: 0;
    line-height: 20px;
    min-height: 30px;
    height: auto;
    width: 100%; }
  #type-b.arya .action_block p[data-type=radio] label:first-child::after,
  #type-b.arya .info_block p[data-type=radio] label:first-child::after,
  #type-b.arya p[name^=reserved_][data-type=radio] label:first-child::after {
    content: '';
    height: 0;
    width: 0;
    border: none; }
  #type-b.arya #bban-uk ul li {
    padding: 0; }
  #type-b.arya .action_block p[data-type=radio],
  #type-b.arya .info_block p[data-type=radio],
  #type-b.arya p[name^=reserved_][data-type=radio],
  #type-b.arya #bban-uk ul li {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
    #type-b.arya .action_block p[data-type=radio] > label,
    #type-b.arya .action_block p[data-type=radio] > label.table,
    #type-b.arya .info_block p[data-type=radio] > label,
    #type-b.arya .info_block p[data-type=radio] > label.table,
    #type-b.arya p[name^=reserved_][data-type=radio] > label,
    #type-b.arya p[name^=reserved_][data-type=radio] > label.table,
    #type-b.arya #bban-uk ul li > label,
    #type-b.arya #bban-uk ul li > label.table {
      position: relative;
      padding-left: 27px;
      min-height: 40px;
      display: table;
      vertical-align: top;
      clear: both;
      cursor: pointer;
      flex: 1 1 auto; }
    #type-b.arya .action_block p[data-type=radio] > label.table,
    #type-b.arya .info_block p[data-type=radio] > label.table,
    #type-b.arya p[name^=reserved_][data-type=radio] > label.table,
    #type-b.arya #bban-uk ul li > label.table {
      margin-top: 10px; }
      #type-b.arya .action_block p[data-type=radio] > label.table span.column,
      #type-b.arya .info_block p[data-type=radio] > label.table span.column,
      #type-b.arya p[name^=reserved_][data-type=radio] > label.table span.column,
      #type-b.arya #bban-uk ul li > label.table span.column {
        padding-top: 5px; }
    #type-b.arya .action_block p[data-type=radio] > label span,
    #type-b.arya .info_block p[data-type=radio] > label span,
    #type-b.arya p[name^=reserved_][data-type=radio] > label span,
    #type-b.arya #bban-uk ul li > label span {
      display: block;
      float: left;
      line-height: 24px;
      padding: 5px 0 0; }
    #type-b.arya .action_block p[data-type=radio] > label span.title,
    #type-b.arya .action_block p[data-type=radio] > label span.reserved_title,
    #type-b.arya .info_block p[data-type=radio] > label span.title,
    #type-b.arya .info_block p[data-type=radio] > label span.reserved_title,
    #type-b.arya p[name^=reserved_][data-type=radio] > label span.title,
    #type-b.arya p[name^=reserved_][data-type=radio] > label span.reserved_title,
    #type-b.arya #bban-uk ul li > label span.title,
    #type-b.arya #bban-uk ul li > label span.reserved_title {
      min-height: 40px;
      line-height: 25px;
      height: auto;
      padding: 10px 0 10px 0;
      display: inline;
      float: none; }
    #type-b.arya .action_block p[data-type=radio] > label span.title + span.required,
    #type-b.arya .action_block p[data-type=radio] > label span.reserved_title + span.required,
    #type-b.arya .info_block p[data-type=radio] > label span.title + span.required,
    #type-b.arya .info_block p[data-type=radio] > label span.reserved_title + span.required,
    #type-b.arya p[name^=reserved_][data-type=radio] > label span.title + span.required,
    #type-b.arya p[name^=reserved_][data-type=radio] > label span.reserved_title + span.required,
    #type-b.arya #bban-uk ul li > label span.title + span.required,
    #type-b.arya #bban-uk ul li > label span.reserved_title + span.required {
      display: inline;
      float: none; }
    #type-b.arya .action_block p[data-type=radio] > label span.help,
    #type-b.arya .info_block p[data-type=radio] > label span.help,
    #type-b.arya p[name^=reserved_][data-type=radio] > label span.help,
    #type-b.arya #bban-uk ul li > label span.help {
      display: inline;
      float: none; }
    #type-b.arya .action_block p[data-type=radio] > label::after,
    #type-b.arya .info_block p[data-type=radio] > label::after,
    #type-b.arya p[name^=reserved_][data-type=radio] > label::after,
    #type-b.arya #bban-uk ul li > label::after {
      content: '';
      font-family: "Font Awesome 5 Free";
      color: var(--border-color);
      position: absolute;
      left: 0;
      top: 0;
      height: 20px;
      line-height: 20px;
      font-weight: 400;
      width: 20px;
      text-align: center;
      padding: 0;
      font-size: 30px;
      margin: 5px 0;
      border: 2px solid var(--border-color);
      border-radius: 20px; }
    #type-b.arya .action_block p[data-type=radio] input:checked + span::after,
    #type-b.arya .info_block p[data-type=radio] input:checked + span::after,
    #type-b.arya p[name^=reserved_][data-type=radio] input:checked + span::after,
    #type-b.arya #bban-uk ul li input:checked + span::after {
      content: "";
      font-family: "Font Awesome 5 Free";
      position: absolute;
      left: 0;
      top: 0;
      font-weight: 900;
      text-align: center;
      width: 14px;
      margin: 10px 5px;
      color: var(--main-action-color);
      height: 14px;
      line-height: 14px;
      background-color: var(--main-action-color);
      border-radius: 14px; }
    #type-b.arya .action_block p[data-type=radio] input,
    #type-b.arya .info_block p[data-type=radio] input,
    #type-b.arya p[name^=reserved_][data-type=radio] input,
    #type-b.arya #bban-uk ul li input {
      height: 0;
      visibility: hidden;
      display: none; }
  #type-b.arya p[data-type=checkbox] label,
  #type-b.arya #c-isc label {
    display: block; }
  #type-b.arya .action_block p[data-type=checkbox],
  #type-b.arya .info_block p[data-type=checkbox],
  #type-b.arya p[name^=reserved_][data-type=checkbox] {
    min-height: 24px; }
  #type-b.arya p[data-type=checkbox] input[type=checkbox] {
    width: 1px;
    height: 0 !important;
    visibility: hidden;
    float: left; }
  #type-b.arya p[data-type=checkbox] input:checked + span::after {
    content: "";
    font-size: inherit;
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 900;
    text-align: center;
    width: 24px;
    height: 24px;
    z-index: 200;
    border-radius: var(--border-radius, 4px);
    line-height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 448 512'%3E%3Cpath d='M413.505 91.951L133.49 371.966l-98.995-98.995c-4.686-4.686-12.284-4.686-16.971 0L6.211 284.284c-4.686 4.686-4.686 12.284 0 16.971l118.794 118.794c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-11.314-11.314c-4.686-4.686-12.284-4.686-16.97 0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px;
    border-radius: var(--border-radius, 4px); }
  #type-b.arya p[data-type=checkbox] > label {
    position: relative;
    min-height: 24px;
    line-height: 28px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 34px; }
    #type-b.arya p[data-type=checkbox] > label span {
      height: 24px;
      display: block;
      line-height: 24px;
      padding-top: 0;
      padding-bottom: 0;
      padding-left: 30px;
      padding-right: 0;
      position: absolute;
      top: 0;
      left: 0; }
    #type-b.arya p[data-type=checkbox] > label span.required {
      display: inline-block;
      float: none;
      position: relative;
      top: inherit;
      left: inherit;
      padding: 0 0 0 4px;
      height: 18px;
      line-height: 18px; }
    #type-b.arya p[data-type=checkbox] > label span.title.label_required::after,
    #type-b.arya p[data-type=checkbox] > label span.reserved_title.label_required::after {
      content: ' *';
      display: inline; }
    #type-b.arya p[data-type=checkbox] > label span.title,
    #type-b.arya p[data-type=checkbox] > label span.reserved_title {
      position: relative;
      top: initial;
      left: initial;
      height: auto;
      padding: 0; }
    #type-b.arya p[data-type=checkbox] > label span.help {
      display: inline;
      float: none;
      position: relative;
      padding: 0;
      left: -30px; }
  #type-b.arya p[data-type=checkbox] > label::after {
    content: "";
    font-size: 25px;
    position: absolute;
    left: 0;
    top: 0;
    height: 20px;
    line-height: 20px;
    font-weight: 400;
    width: 20px;
    text-align: center;
    border: solid 2px var(--border-color, #9b9b9b);
    border-radius: var(--border-radius, 4px);
    z-index: 100; }
  #type-b.arya label[for=qualif_membership],
  #type-b.arya label[for=qualif_anonymous] {
    display: flex;
    justify-content: flex-start;
    align-items: center; }
    #type-b.arya label[for=qualif_membership] input[type=checkbox],
    #type-b.arya label[for=qualif_anonymous] input[type=checkbox] {
      width: initial;
      display: inline;
      margin-right: 10px; }
  #type-b.arya p#c-isc {
    padding-top: 5px; }
    #type-b.arya p#c-isc > label {
      position: relative;
      padding-left: 34px;
      min-height: 40px;
      display: table;
      vertical-align: top;
      padding-top: 15px; }
      #type-b.arya p#c-isc > label span {
        height: 40px;
        display: block;
        line-height: 40px;
        padding-top: 6px;
        padding-bottom: 6px;
        padding-left: 30px;
        padding-right: 0;
        position: absolute;
        top: 0;
        left: 0; }
    #type-b.arya p#c-isc > label::after {
      content: "";
      font-size: 25px;
      position: absolute;
      left: 0;
      top: 11px;
      height: 20px;
      line-height: 20px;
      font-weight: 400;
      width: 20px;
      text-align: center;
      border: solid 2px var(--border-color, #9b9b9b);
      border-radius: var(--border-radius, 4px);
      z-index: 100; }
    #type-b.arya p#c-isc input {
      height: 0;
      visibility: hidden;
      display: none; }
    #type-b.arya p#c-isc input:checked + span::after {
      content: "";
      position: absolute;
      left: 0;
      top: 11px;
      font-weight: 900;
      text-align: center;
      width: 24px;
      height: 24px;
      z-index: 200;
      border-radius: var(--border-radius, 4px);
      line-height: 24px;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 448 512'%3E%3Cpath d='M413.505 91.951L133.49 371.966l-98.995-98.995c-4.686-4.686-12.284-4.686-16.971 0L6.211 284.284c-4.686 4.686-4.686 12.284 0 16.971l118.794 118.794c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-11.314-11.314c-4.686-4.686-12.284-4.686-16.97 0z'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 16px; }
  #type-b.arya .pay-icon {
    right: 8px;
    top: 15px;
    background-image: url(/themes/default/arya/assets/icon_pen.svg);
    background-size: 16px; }
  #type-b.arya p#c-email label:first-child {
    background-color: #f0f0f0;
    border: 1px solid #d1d1d1;
    float: left;
    display: block;
    width: 45px;
    height: 50px;
    color: #fff;
    border-top-left-radius: var(--border-radius, 4px);
    border-bottom-left-radius: var(--border-radius, 4px);
    line-height: 46px;
    font-size: 20px;
    text-align: center;
    line-height: 56px; }
  #type-b.arya p#c-email label svg {
    height: 22px; }
  #type-b.arya p#c-email input {
    width: calc(100% - 45px) !important;
    float: left;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0; }
  #type-b.arya p#c-civ {
    width: 40%;
    float: left;
    clear: none; }
  #type-b.arya p#c-fname {
    width: 100%;
    float: right;
    clear: none; }
  #type-b.arya p#c-civ + p#c-fname {
    width: calc(60% - 20px);
    float: right;
    clear: none; }
  #type-b.arya #step-2 .line,
  #type-b.arya #step-3 .line {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center; }
  #type-b.arya p#c-pcode {
    width: auto;
    flex-grow: 1; }
  #type-b.arya p#c-city {
    width: auto;
    flex-basis: 70%;
    flex-grow: 1; }
  #type-b.arya p#c-pcode + p#c-city {
    margin-left: 20px; }
  #type-b.arya span.title + span.required,
  #type-b.arya span.reserved_title + span.required {
    display: inline;
    float: none; }

#type-b.arya {
  /* form error */ }
  #type-b.arya #container #step-1 .step-title,
  #type-b.arya #container #step-2 .step-title,
  #type-b.arya #container #step-3 .step-title {
    background-color: var(--information-color);
    padding: 0; }
  #type-b.arya #container #step-1 .step-content,
  #type-b.arya #container #step-2 .step-content,
  #type-b.arya #container #step-3 .step-content {
    background-color: var(--column-background-color, #fff);
    padding: 0;
    padding-top: 30px !important;
    padding-bottom: 0 !important; }
  #type-b.arya #container #step-1 .renew-info,
  #type-b.arya #container #step-2 .renew-info,
  #type-b.arya #container #step-3 .renew-info {
    padding: 10px 20px; }
    #type-b.arya #container #step-1 .renew-info p,
    #type-b.arya #container #step-2 .renew-info p,
    #type-b.arya #container #step-3 .renew-info p {
      height: auto;
      min-height: 0; }
  #type-b.arya #container #form-steps {
    order: 2;
    clear: both;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    width: 100%; }
  #type-b.arya #container #once,
  #type-b.arya #container #regular,
  #type-b.arya #container #step-2 .step-content,
  #type-b.arya #container #step-3 .step-content {
    padding: 0 20px; }
  #type-b.arya #container #banner-info,
  #type-b.arya #container #form-info {
    background-color: var(--description-color);
    color: #fff;
    font-size: inherit;
    font-weight: 100;
    padding: 20px 25px;
    text-align: justify;
    line-height: 25px; }
  #type-b.arya .step-info {
    width: 100%;
    padding: 40px 0 20px;
    float: none;
    margin: 0;
    background-color: var(--stepinfo-background-color);
    display: block;
    float: left;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 26px;
    font-size: inherit;
    font-weight: 400; }
    #type-b.arya .step-info .step-info-body {
      padding: 0 20px 20px;
      font-size: calc(var(--fontsize) - 2px);
      line-height: 25px;
      font-weight: 100;
      word-break: break-word; }
      #type-b.arya .step-info .step-info-body p {
        min-height: auto; }
      #type-b.arya .step-info .step-info-body a {
        color: inherit; }
  #type-b.arya .step-info.desktop_hidden {
    display: none; }
  #type-b.arya .step-info.step-info-1 {
    margin: 0 25px 0 0; }
  #type-b.arya .step-info.step-info-2 {
    margin: 0 25px; }
  #type-b.arya .step-info.step-info-3 {
    margin: 0 0 0 25px; }
  #type-b.arya #form-error {
    border-radius: var(--border-radius, 4px);
    padding: 20px;
    margin-bottom: 20px;
    margin-right: 0;
    position: relative;
    margin: 0 auto 20px;
    background-color: #ffd8d8;
    border: 1px solid #e53c3c;
    color: #e53c3c; }
    #type-b.arya #form-error li {
      list-style-type: disc;
      margin: 0 15px;
      padding: 8px 0 0 0; }
    #type-b.arya #form-error h3 {
      font-size: inherit;
      letter-spacing: -1px;
      color: #e53c3c; }

/* reassurances dans les colonnes */
#type-b.arya.footer-column #container #step-1 .step-content,
#type-b.arya.footer-column #container #step-2 .step-content,
#type-b.arya.footer-column #container #step-3 .step-content {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

#type-b.arya.footer-column #container .step-info.desktop_hidden {
  display: none; }

#type-b.arya.footer-column #container .step-info {
  width: 100%;
  border-bottom-left-radius: var(--border-radius, 4px);
  border-bottom-right-radius: var(--border-radius, 4px);
  margin-bottom: 40px;
  padding: 10px 10px 0; }

@media only screen and (max-width: 959px) and (min-width: 0px) {
  #type-b.arya.footer-column #container .step-info {
    display: none; }
  #type-b.arya.footer-column #container .step-info.mobile_show {
    display: none; } }

/* reassurances detach */
#type-b.arya.footer-detach #container #step-1 .step-content,
#type-b.arya.footer-detach #container #step-2 .step-content,
#type-b.arya.footer-detach #container #step-3 .step-content {
  border-bottom-left-radius: var(--border-radius, 4px);
  border-bottom-right-radius: var(--border-radius, 4px);
  height: auto !important; }

#type-b.arya.footer-detach #bottom .container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start; }

#type-b.arya.footer-detach .step-info {
  height: auto !important;
  background-color: transparent;
  flex: 1 1 0px;
  width: calc((99% - 100px)/ 3);
  margin: 0 15px;
  padding-top: 15px; }

@media only screen and (min-width: 0px) and (max-width: 959px) {
  #type-b.arya.footer-detach #bottom .container {
    flex-direction: column; }
  #type-b.arya.footer-detach .step-info {
    flex: 1; }
  #type-b.arya.footer-detach #container #step-1 .step-content,
  #type-b.arya.footer-detach #container #step-2 .step-title,
  #type-b.arya.footer-detach #container #step-2 .step-content,
  #type-b.arya.footer-detach #container #step-3 .step-title,
  #type-b.arya #container #step-1 .step-content,
  #type-b.arya #container #step-2 .step-title,
  #type-b.arya #container #step-2 .step-content,
  #type-b.arya #container #step-3 .step-title {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; } }

@media only screen and (min-width: 960px) and (max-width: 1250px) {
  #type-b.arya #container .container,
  #type-b.arya #container #bottom .container {
    width: calc(100% - 40px);
    margin: 0 20px; }
  #type-b.arya #container #form-error {
    margin: 0 0 20px 0;
    width: 100%; }
  #type-b.arya #container #step-1 {
    margin-right: 10px;
    margin-left: 0; }
  #type-b.arya #container #step-2 {
    margin-right: 10px;
    margin-left: 10px; }
  #type-b.arya #container #step-3 {
    margin-right: 0;
    margin-left: 10px; }
  #type-b.arya #container #step-1,
  #type-b.arya #container #step-2,
  #type-b.arya #container #step-3 {
    width: calc((100% - 40px)/ 3); } }

@media only screen and (min-width: 0px) and (max-width: 959px) {
  #type-b.arya #container #main:after {
    content: '';
    position: fixed;
    z-index: -1;
    bottom: 0;
    top: 50px;
    left: 0;
    right: 0; }
  #type-b.arya #container .container,
  #type-b.arya #container #bottom .container {
    width: calc(100% - 40px);
    margin: 0 20px; }
  #type-b.arya #container #form-error {
    margin: 0 0 20px 0;
    width: 100%; }
  #type-b.arya #container #form-steps {
    flex-direction: column;
    width: 100%; }
  #type-b.arya #container #banner-info,
  #type-b.arya #container #form-info,
  #type-b.arya #container #step-1,
  #type-b.arya #container #step-2,
  #type-b.arya #container #step-3 {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important; }
  #type-b.arya #container #step-3 {
    border-bottom-right-radius: var(--border-radius, 4px);
    border-bottom-left-radius: var(--border-radius, 4px); }
  #type-b.arya #container .step-title h2 {
    text-align: center;
    margin: 10px;
    font-weight: 500;
    padding: 10px; }
  #type-b.arya #container #step-3 .step-content {
    padding-bottom: 40px; }
  #type-b.arya #container .tax-info {
    border-radius: var(--border-radius, 4px); }
  #type-b.arya #container .tax-info::before {
    border: transparent; }
  #type-b.arya #container p#c-pcode {
    width: calc(50% - 10px) !important;
    float: left !important; }
  #type-b.arya #container p#c-city {
    width: calc(50% - 10px) !important;
    float: right !important; }
  #type-b.arya #container #footer {
    position: relative;
    bottom: initial;
    width: 100%;
    left: initial;
    color: #fff; }
  #type-b.arya #container #bottom {
    margin-top: 20px; } }

#type-b.arya #container #step-1 {
  margin-right: 15px;
  margin-left: 0; }
  #type-b.arya #container #step-1 .clearfix {
    margin-top: -1px; }
  #type-b.arya #container #step-1 .step-content {
    padding-top: 0;
    padding-bottom: 25px; }
    #type-b.arya #container #step-1 .step-content .tabs {
      margin: 0;
      padding: 0;
      border: none;
      background-color: transparent;
      background: 0 0; }
      #type-b.arya #container #step-1 .step-content .tabs button,
      #type-b.arya #container #step-1 .step-content .tabs input,
      #type-b.arya #container #step-1 .step-content .tabs select,
      #type-b.arya #container #step-1 .step-content .tabs textarea {
        font-family: inherit;
        font-size: calc(var(--fontsize) + 3px); }
      #type-b.arya #container #step-1 .step-content .tabs .tabs_menu {
        background: 0 0;
        background-color: transparent;
        display: flex;
        align-items: stretch;
        padding: 0 20px;
        padding-top: 0 !important;
        margin: 0;
        border: 0; }
        #type-b.arya #container #step-1 .step-content .tabs .tabs_menu li.ui-tabs-tab {
          padding: 0;
          width: 50%;
          margin: 0;
          float: left;
          border-radius: 0;
          display: flex;
          align-items: center;
          min-height: 100%;
          border-width: 1px; }
          #type-b.arya #container #step-1 .step-content .tabs .tabs_menu li.ui-tabs-tab:first-child {
            border-top-left-radius: var(--border-radius);
            border-bottom-left-radius: var(--border-radius); }
            #type-b.arya #container #step-1 .step-content .tabs .tabs_menu li.ui-tabs-tab:first-child a {
              border-top-left-radius: var(--border-radius, 4px);
              border-bottom-left-radius: var(--border-radius, 4px); }
          #type-b.arya #container #step-1 .step-content .tabs .tabs_menu li.ui-tabs-tab:last-child {
            border-top-right-radius: var(--border-radius);
            border-bottom-right-radius: var(--border-radius); }
            #type-b.arya #container #step-1 .step-content .tabs .tabs_menu li.ui-tabs-tab:last-child a {
              border-top-right-radius: var(--border-radius, 4px);
              border-bottom-right-radius: var(--border-radius, 4px); }
          #type-b.arya #container #step-1 .step-content .tabs .tabs_menu li.ui-tabs-tab:first-child:last-child {
            width: 100%; }
          #type-b.arya #container #step-1 .step-content .tabs .tabs_menu li.ui-tabs-tab a,
          #type-b.arya #container #step-1 .step-content .tabs .tabs_menu li.ui-tabs-tab .ui-tabs-anchor {
            margin: 0;
            padding: 0;
            width: 100%;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 100%; }
        #type-b.arya #container #step-1 .step-content .tabs .tabs_menu li.ui-state-default {
          background-color: transparent;
          color: inherit;
          border: 1px solid var(--main-action-color);
          border-width: 1px;
          color: #838383; }
          #type-b.arya #container #step-1 .step-content .tabs .tabs_menu li.ui-state-default a,
          #type-b.arya #container #step-1 .step-content .tabs .tabs_menu li.ui-state-default a:focus,
          #type-b.arya #container #step-1 .step-content .tabs .tabs_menu li.ui-state-default a:link,
          #type-b.arya #container #step-1 .step-content .tabs .tabs_menu li.ui-state-default a:visited {
            border: none;
            outline: 0;
            background-color: inherit;
            color: var(--main-action-color);
            border: transparent; }
        #type-b.arya #container #step-1 .step-content .tabs .tabs_menu li.ui-state-active {
          color: #fff;
          background-color: var(--main-action-color);
          border-color: var(--main-action-color-lighter);
          border-width: 1px;
          background-image: none;
          padding-bottom: 0; }
          #type-b.arya #container #step-1 .step-content .tabs .tabs_menu li.ui-state-active a,
          #type-b.arya #container #step-1 .step-content .tabs .tabs_menu li.ui-state-active a:focus,
          #type-b.arya #container #step-1 .step-content .tabs .tabs_menu li.ui-state-active a:link,
          #type-b.arya #container #step-1 .step-content .tabs .tabs_menu li.ui-state-active a:visited {
            border: none;
            outline: 0;
            color: inherit;
            background-color: inherit;
            border-color: transparent; }
          #type-b.arya #container #step-1 .step-content .tabs .tabs_menu li.ui-state-active::after {
            content: '';
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 10px 10px 0 10px;
            border-color: var(--main-action-color) transparent transparent transparent;
            position: absolute;
            bottom: -10px;
            left: calc( 50% - 10px); }
        #type-b.arya #container #step-1 .step-content .tabs .tabs_menu h3 {
          font-size: inherit;
          font-weight: 400;
          word-break: break-word;
          white-space: normal;
          background-color: transparent;
          color: inherit;
          letter-spacing: .8px;
          padding: 4px 10px; }
      #type-b.arya #container #step-1 .step-content .tabs .tabs_menu.single_frequency li.ui-state-active {
        color: var(--text-color, #333);
        border: none;
        min-height: 25px;
        height: auto; }
      #type-b.arya #container #step-1 .step-content .tabs .tabs_menu.single_frequency .ui-tabs-panel {
        background-color: transparent;
        background: 0 0;
        padding: 0; }
    #type-b.arya #container #step-1 .step-content #once,
    #type-b.arya #container #step-1 .step-content #regular {
      background-color: transparent;
      padding-bottom: 0;
      margin-bottom: 0; }
      #type-b.arya #container #step-1 .step-content #once::after,
      #type-b.arya #container #step-1 .step-content #regular::after {
        content: '';
        display: block;
        clear: both;
        height: 1px; }
      #type-b.arya #container #step-1 .step-content #once[aria-hidden=false],
      #type-b.arya #container #step-1 .step-content #regular[aria-hidden=false] {
        display: block !important; }
      #type-b.arya #container #step-1 .step-content #once[aria-hidden=true],
      #type-b.arya #container #step-1 .step-content #regular[aria-hidden=true] {
        display: none !important; }
    #type-b.arya #container #step-1 .step-content #or {
      margin: 0 20px 15px;
      border-top: 1px solid var(--information-color); }
      #type-b.arya #container #step-1 .step-content #or p {
        display: none; }
  #type-b.arya #container #step-1 .height_adaptor .onceblock + div:not(.regularblock) p:last-child,
  #type-b.arya #container #step-1 .height_adaptor .regularblock + div:not(.onceblock) p:last-child {
    margin-bottom: 4px; }
  #type-b.arya #container #step-1 .tax-info, #type-b.arya #container #step-1 .amount-equivalences-description {
    background-color: var(--information-color);
    color: #fff; }
  #type-b.arya #container #step-1 .height_adaptor > div p:last-of-type.tax-info,
  #type-b.arya #container #step-1 .tax-info, #type-b.arya #container #step-1 .amount-equivalences-description {
    text-align: center;
    padding: 15px 25px 15px;
    position: relative;
    border-radius: var(--border-radius, 4px);
    line-height: 25px;
    margin: 0 0 20px; }
  #type-b.arya #container #step-1 .tax-info::before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 12px 10px;
    position: absolute;
    left: 10%;
    top: -11px; }

#type-b.arya #container #step-2 {
  margin-right: 15px;
  margin-left: 15px;
  padding: 0;
  /* payment step2 */ }
  #type-b.arya #container #step-2 .step-title h2 {
    color: inherit; }
  #type-b.arya #container #step-2 .step2_head {
    color: var(--text-color, #333);
    margin: 0 0 15px 0;
    padding: 0 0;
    font-size: calc(var(--fontsize) + 1px);
    font-weight: normal;
    font-family: inherit !important;
    text-align: center; }
  #type-b.arya #container #step-2 #fieldset-step2 {
    padding: 0; }
    #type-b.arya #container #step-2 #fieldset-step2 .step2_head {
      margin: 15px 0 30px 0;
      color: #969696;
      font-size: calc(var(--fontsize) - 1px);
      text-align: center;
      justify-content: center;
      font-weight: 400;
      width: auto;
      display: flex;
      min-height: 14px;
      text-align: center;
      position: relative;
      overflow: hidden; }
      #type-b.arya #container #step-2 #fieldset-step2 .step2_head span::after,
      #type-b.arya #container #step-2 #fieldset-step2 .step2_head span::before {
        content: '';
        height: 1px;
        position: absolute;
        top: 50%;
        width: 100%;
        border-bottom: 1px solid #969696; }
      #type-b.arya #container #step-2 #fieldset-step2 .step2_head span {
        position: relative; }
      #type-b.arya #container #step-2 #fieldset-step2 .step2_head span::before {
        left: calc(-100% - 10px); }
      #type-b.arya #container #step-2 #fieldset-step2 .step2_head span::after {
        right: calc(-100% - 10px); }
    #type-b.arya #container #step-2 #fieldset-step2 p#required-info {
      font-size: calc(var(--fontsize) - 3px);
      min-height: auto;
      margin: 0 0 12px 0; }
      #type-b.arya #container #step-2 #fieldset-step2 p#required-info .required, #type-b.arya #container #step-2 #fieldset-step2 p#required-info .help {
        font-size: inherit; }
  #type-b.arya #container #step-2 .paypal_img {
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    padding-top: 8px; }
  #type-b.arya #container #step-2 .paypal_button {
    background-color: #ffc439;
    width: 100%;
    width: 100%;
    max-width: 100%;
    min-height: 40px;
    cursor: pointer;
    border-radius: 5px; }
  #type-b.arya #container #step-2 .paypal_button:hover {
    opacity: .8; }
  #type-b.arya #container #step-2 #amazon-connect img,
  #type-b.arya #container #step-2 #fielset-step2-connect .button {
    margin: 0 auto 10px !important; }

/* reassurance detach */
#type-b.arya.footer-detach #step-2 .step-content {
  padding-bottom: 8px !important; }

#type-b.arya #container #step-3 {
  margin-right: 0;
  margin-left: 15px; }
  #type-b.arya #container #step-3 .payment,
  #type-b.arya #container #step-3 .renew-info,
  #type-b.arya #container #step-3 p {
    padding: 0; }
  #type-b.arya #container #step-3 .step-content {
    overflow: hidden; }
    #type-b.arya #container #step-3 .step-content .height_adaptor {
      display: flex;
      flex-direction: column; }
  #type-b.arya #container #step-3 #security-info {
    margin-bottom: 20px;
    font-size: calc(var(--fontsize) - 2px);
    justify-content: center;
    display: flex; }
    #type-b.arya #container #step-3 #security-info p {
      padding: 0;
      font-size: inherit;
      text-align: center;
      margin: 0;
      background-color: transparent;
      border: none; }

#type-b.arya.security_info_new #container #step-3 .step-content .height_adaptor #security-info {
  order: 999; }

@media only screen and (max-width: 767px) and (min-width: 480px) {
  #type-b.arya #container #step-3 #security-info {
    display: flex !important;
    padding: 0; } }

@media only screen and (max-width: 767px) {
  #type-b.arya #container #step-3 #security-info {
    display: flex !important; } }

img.select-logo {
  margin: 0px 10px 0px 0px !important;
  display: inherit !important;
  height: 15px;
  width: 28px; }

#type-b.arya .amount {
  padding: 20px 0 10px 0;
  margin: 0; }
  #type-b.arya .amount ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1.5%; }
    #type-b.arya .amount ul li {
      margin: 0 1.5% 10px;
      padding: 0;
      width: auto;
      flex-grow: 1;
      border-radius: var(--border-radius, 4px);
      border: var(--border, 1px solid #9b9b9b);
      border-width: 1px;
      flex: 1 0 22%; }
      #type-b.arya .amount ul li .lastUnit {
        display: block;
        width: 100%; }
      #type-b.arya .amount ul li label input {
        display: none; }
      #type-b.arya .amount ul li label.active {
        position: relative;
        background: 0 0; }
        #type-b.arya .amount ul li label.active span.active {
          background: 0 0; }
  #type-b.arya .amount .radio-desc li,
  #type-b.arya .amount .radio-inline li {
    float: left;
    overflow: visible; }

#type-b.arya .amount.type2ct .radio-desc p {
  margin: 0; }
  #type-b.arya .amount.type2ct .radio-desc p label {
    font-size: inherit; }

#type-b.arya .amount label,
#type-b.arya .type2ct .radio-desc label {
  padding: 15px 2px;
  z-index: 100;
  position: relative;
  display: block;
  cursor: pointer;
  font-weight: 500;
  float: none;
  height: 100%;
  line-height: 100%;
  text-align: center;
  align-content: center;
  justify-content: center;
  width: 100%; }
  #type-b.arya .amount label span,
  #type-b.arya .type2ct .radio-desc label span {
    text-align: center;
    align-items: center;
    height: 100%;
    line-height: 20px;
    font-size: calc(var(--fontsize) + 2px);
    display: flex;
    justify-content: center;
    padding: 0px; }

#type-b.arya .thumbs {
  margin-bottom: 20px; }
  #type-b.arya .thumbs img {
    width: 100%;
    height: auto;
    display: block; }

@media only screen and (max-width: 767px) {
  #type-b.arya .amount ul li .lastUnit {
    width: 100% !important; } }

/* equivalences */
#type-b.arya #once .detail,
#type-b.arya #regular .detail {
  margin: 0;
  text-align: center;
  padding: 0;
  margin-bottom: 0; }
  #type-b.arya #once .detail img,
  #type-b.arya #regular .detail img {
    width: 100%;
    display: block;
    margin: 0px;
    margin-bottom: 20px; }
  #type-b.arya #once .detail p,
  #type-b.arya #regular .detail p {
    color: var(--text-color, #333);
    margin: 0;
    padding: 0;
    font-size: calc(var(--fontsize) - 1px);
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 20px; }

/* free amount */
#type-b.arya .free-amount,
#type-b.arya .free-amount {
  height: 70px;
  padding: 0 0 20px; }
  #type-b.arya .free-amount label,
  #type-b.arya .free-amount label {
    font-size: 0;
    display: flex;
    flex-direction: row; }
  #type-b.arya .free-amount p,
  #type-b.arya .free-amount p {
    border: none; }
  #type-b.arya .free-amount span,
  #type-b.arya .free-amount span {
    display: block;
    height: 50px;
    line-height: 50px;
    width: 45px;
    text-align: center;
    color: #969696;
    border-top-right-radius: var(--border-radius, 4px);
    border-bottom-right-radius: var(--border-radius, 4px);
    font-size: calc(var(--fontsize) + 3px);
    background-color: #f0f0f0;
    border: 1px solid #d1d1d1; }
  #type-b.arya .free-amount input[type=text],
  #type-b.arya .free-amount input[type=text] {
    display: block;
    width: calc(100% - 45px);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: transparent;
    padding-right: 10px;
    font-size: calc(var(--fontsize) + 3px);
    background-color: #fff;
    text-align: right; }

html[lang=zh_TW] #type-b.arya .free-amount label,
html[lang=zh_TW] #type-b.arya .free-amount label,
html[lang=zh_CN] #type-b.arya .free-amount label,
html[lang=zh_CN] #type-b.arya .free-amount label,
html[lang=en_ME] #type-b.arya .free-amount label,
html[lang=en_ME] #type-b.arya .free-amount label,
html[lang=en_HK] #type-b.arya .free-amount label,
html[lang=en_HK] #type-b.arya .free-amount label,
html[lang=en_EN] #type-b.arya .free-amount label,
html[lang=en_EN] #type-b.arya .free-amount label,
html[lang=ja_JP] #type-b.arya .free-amount label,
html[lang=ja_JP] #type-b.arya .free-amount label,
html[lang=nl_BE] #type-b.arya .free-amount label,
html[lang=nl_BE] #type-b.arya .free-amount label,
html[lang=it_IT] #type-b.arya .free-amount label,
html[lang=it_IT] #type-b.arya .free-amount label,
html[lang=nl_NL] #type-b.arya .free-amount label,
html[lang=nl_NL] #type-b.arya .free-amount label {
  display: flex;
  flex-direction: row; }
  html[lang=zh_TW] #type-b.arya .free-amount label span,
  html[lang=zh_TW] #type-b.arya .free-amount label span,
  html[lang=zh_CN] #type-b.arya .free-amount label span,
  html[lang=zh_CN] #type-b.arya .free-amount label span,
  html[lang=en_ME] #type-b.arya .free-amount label span,
  html[lang=en_ME] #type-b.arya .free-amount label span,
  html[lang=en_HK] #type-b.arya .free-amount label span,
  html[lang=en_HK] #type-b.arya .free-amount label span,
  html[lang=en_EN] #type-b.arya .free-amount label span,
  html[lang=en_EN] #type-b.arya .free-amount label span,
  html[lang=ja_JP] #type-b.arya .free-amount label span,
  html[lang=ja_JP] #type-b.arya .free-amount label span,
  html[lang=nl_BE] #type-b.arya .free-amount label span,
  html[lang=nl_BE] #type-b.arya .free-amount label span,
  html[lang=it_IT] #type-b.arya .free-amount label span,
  html[lang=it_IT] #type-b.arya .free-amount label span,
  html[lang=nl_NL] #type-b.arya .free-amount label span,
  html[lang=nl_NL] #type-b.arya .free-amount label span {
    display: block;
    height: 50px;
    line-height: 50px;
    width: 45px;
    text-align: center;
    color: #969696;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: var(--border-radius, 4px);
    border-bottom-left-radius: var(--border-radius, 4px);
    font-size: calc(var(--fontsize) + 3px); }
  html[lang=zh_TW] #type-b.arya .free-amount label input[type=text],
  html[lang=zh_TW] #type-b.arya .free-amount label input[type=text],
  html[lang=zh_CN] #type-b.arya .free-amount label input[type=text],
  html[lang=zh_CN] #type-b.arya .free-amount label input[type=text],
  html[lang=en_ME] #type-b.arya .free-amount label input[type=text],
  html[lang=en_ME] #type-b.arya .free-amount label input[type=text],
  html[lang=en_HK] #type-b.arya .free-amount label input[type=text],
  html[lang=en_HK] #type-b.arya .free-amount label input[type=text],
  html[lang=en_EN] #type-b.arya .free-amount label input[type=text],
  html[lang=en_EN] #type-b.arya .free-amount label input[type=text],
  html[lang=ja_JP] #type-b.arya .free-amount label input[type=text],
  html[lang=ja_JP] #type-b.arya .free-amount label input[type=text],
  html[lang=nl_BE] #type-b.arya .free-amount label input[type=text],
  html[lang=nl_BE] #type-b.arya .free-amount label input[type=text],
  html[lang=it_IT] #type-b.arya .free-amount label input[type=text],
  html[lang=it_IT] #type-b.arya .free-amount label input[type=text],
  html[lang=nl_NL] #type-b.arya .free-amount label input[type=text],
  html[lang=nl_NL] #type-b.arya .free-amount label input[type=text] {
    display: block;
    width: calc(100% - 45px);
    border-radius: var(--border-radius, 4px);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border: var(--border, 2px solid #d1d1d1);
    border-left: transparent;
    padding-right: 0;
    padding-left: 10px;
    font-size: calc(var(--fontsize) + 3px);
    background-color: #fff;
    text-align: left; }

/* PAYMENT TYPE */
#type-b.arya #container #step-3 {
  /* carte bancaire */ }
  #type-b.arya #container #step-3 .payment_titles {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    flex-direction: row;
    /* custo gocardless bacs*/ }
    #type-b.arya #container #step-3 .payment_titles .payment_head {
      cursor: pointer;
      text-align: center;
      color: #fff;
      text-transform: uppercase;
      width: calc(100% / 3);
      border-radius: 0;
      display: flex;
      flex-direction: column;
      border-bottom: 4px solid transparent;
      justify-content: center;
      align-items: center;
      flex: 3 1 auto;
      margin-bottom: 20px; }
      #type-b.arya #container #step-3 .payment_titles .payment_head .payment_mode_title {
        color: #969696;
        font-size: calc(var(--fontsize) - 3px);
        text-align: center;
        height: 40px;
        display: flex;
        align-items: center;
        width: 100%;
        padding: 0;
        margin: 0;
        justify-content: center; }
      #type-b.arya #container #step-3 .payment_titles .payment_head svg {
        height: auto;
        width: 40px; }
        #type-b.arya #container #step-3 .payment_titles .payment_head svg path {
          fill: #969696; }
    #type-b.arya #container #step-3 .payment_titles .payment_head::before {
      content: '';
      height: 40px;
      width: 40px;
      background-repeat: no-repeat;
      background-size: 40px;
      background-color: #969696;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-size: 40px;
      mask-size: 40px; }
    #type-b.arya #container #step-3 .payment_titles .payment_head.active {
      border-color: var(--main-action-color); }
      #type-b.arya #container #step-3 .payment_titles .payment_head.active .payment_mode_title {
        color: var(--main-action-color); }
      #type-b.arya #container #step-3 .payment_titles .payment_head.active svg path {
        fill: var(--main-action-color); }
    #type-b.arya #container #step-3 .payment_titles .payment_head.active::before {
      background-color: var(--main-action-color); }
    #type-b.arya #container #step-3 .payment_titles #gocardless_bacs_account_holder {
      background-color: #f0f0f0;
      border: var(--border);
      border-radius: var(--border-radius);
      padding: 12px; }
    #type-b.arya #container #step-3 .payment_titles #gocardless_bacs_disclaimer_text {
      font-size: calc(var(--fontsize) - 3px);
      margin-bottom: 15px; }
  #type-b.arya #container #step-3 .payment_titles.has_2_child .payment_head,
  #type-b.arya #container #step-3 .payment_titles.has_4_child .payment_head {
    width: 50%; }
  #type-b.arya #container #step-3 .payment_mode {
    margin: 0 -20px 0 -20px;
    background-color: transparent;
    /* uk direct debit #46483
        #payment_mode-bban-uk h4,
        #payment_mode-bban-uk #bban-uk-startdates,
        #payment_mode-bban-uk ul {
            display:none;
        }
        */ }
    #type-b.arya #container #step-3 .payment_mode .payment_head {
      display: none !important; }
    #type-b.arya #container #step-3 .payment_mode h4 {
      height: 70px;
      text-align: center;
      color: #fff;
      font-weight: 400;
      font-size: calc(var(--fontsize) + 3px);
      text-transform: uppercase;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0 20px;
      cursor: pointer;
      border: none;
      border-radius: 0;
      position: relative; }
    #type-b.arya #container #step-3 .payment_mode .payment_body {
      margin: 0;
      padding: 0 20px; }
      #type-b.arya #container #step-3 .payment_mode .payment_body p {
        margin: 0 0 16px 0;
        background: 0 0;
        border: none;
        position: relative; }
    #type-b.arya #container #step-3 .payment_mode .payment_body p#card-scode.unit {
      margin-left: 20px; }
    #type-b.arya #container #step-3 .payment_mode #bban-de input[type=text],
    #type-b.arya #container #step-3 .payment_mode #bic-input input[type=text],
    #type-b.arya #container #step-3 .payment_mode #card-scode #CVV2,
    #type-b.arya #container #step-3 .payment_mode #card-scode #scode,
    #type-b.arya #container #step-3 .payment_mode #iban-input input[type=text] {
      width: 100%; }
  #type-b.arya #container #step-3 .payment_mode-card #card-scode {
    float: right;
    width: 20%; }
    #type-b.arya #container #step-3 .payment_mode-card #card-scode:not(.unit) {
      margin: 0; }
    #type-b.arya #container #step-3 .payment_mode-card #card-scode .help {
      display: none; }
  #type-b.arya #container #step-3 .payment_mode-card #card-expiry {
    float: left;
    width: 80%; }
    #type-b.arya #container #step-3 .payment_mode-card #card-expiry label {
      width: calc(65% - 10px);
      float: left;
      display: block;
      margin-right: 10px; }
      #type-b.arya #container #step-3 .payment_mode-card #card-expiry label .select2-container {
        width: 100% !important; }
    #type-b.arya #container #step-3 .payment_mode-card #card-expiry label:last-child {
      width: calc(35% - 10px); }
  #type-b.arya #container #step-3 .payment_mode-card #card-expiry > span:first-child {
    padding-left: 10px; }
  #type-b.arya #container #step-3 .payment_mode-card .select2-container .select2-selection--single {
    padding: 0 0 0 10px; }
  #type-b.arya #container #step-3 #card-type {
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 10px; }
  #type-b.arya #container #step-3 #payment_mode-ogone-pm ul {
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    #type-b.arya #container #step-3 #payment_mode-ogone-pm ul li {
      width: 50px;
      float: left;
      padding: 0;
      margin: 0 5px;
      padding-bottom: 30px; }
  #type-b.arya #container #step-3 #card-number {
    clear: both; }
  #type-b.arya #container #step-3 #card-expiry label {
    margin-top: 0; }
  #type-b.arya #container #step-3 #card-expiry > span:first-child {
    padding-left: 0; }
  #type-b.arya #container #step-3 #card-scode {
    position: relative;
    overflow: visible; }
    #type-b.arya #container #step-3 #card-scode .help {
      position: absolute;
      bottom: 0;
      right: 0;
      width: 500%;
      height: 50px;
      padding: 0 10px 0;
      font-size: calc(var(--fontsize) - 3px);
      line-height: 18px;
      text-align: center; }
  #type-b.arya #container #step-3 #scode {
    margin-bottom: 60px; }
  #type-b.arya #container #step-3 #scode[maxlength="5"] {
    margin-bottom: 0; }
  #type-b.arya #container #step-3 #card-type li,
  #type-b.arya #container #step-3 #payment_mode-ogone-pm li {
    width: 50px;
    float: left;
    padding: 0;
    margin: 0 5px;
    padding-bottom: 30px; }
    #type-b.arya #container #step-3 #card-type li label,
    #type-b.arya #container #step-3 #payment_mode-ogone-pm li label {
      font-size: 0;
      color: transparent;
      background-position: center center;
      background-size: 46px;
      background-repeat: no-repeat;
      width: 100%;
      margin-top: 0;
      line-height: 26px;
      min-height: 30px;
      padding: 0;
      border: 2px solid #d1d1d1;
      border-radius: 5px;
      position: relative; }
    #type-b.arya #container #step-3 #card-type li > label,
    #type-b.arya #container #step-3 #payment_mode-ogone-pm li > label {
      position: relative;
      padding-left: 27px;
      min-height: 30px;
      display: table;
      vertical-align: top;
      clear: both;
      cursor: pointer; }
      #type-b.arya #container #step-3 #card-type li > label .radio-type,
      #type-b.arya #container #step-3 #payment_mode-ogone-pm li > label .radio-type {
        padding: 0;
        margin: 0;
        min-height: auto;
        height: auto; }
      #type-b.arya #container #step-3 #card-type li > label span,
      #type-b.arya #container #step-3 #payment_mode-ogone-pm li > label span {
        padding: 0;
        display: block;
        float: left;
        padding-top: 7px;
        min-height: 26px; }
    #type-b.arya #container #step-3 #card-type li label::after,
    #type-b.arya #container #step-3 #payment_mode-ogone-pm li label::after {
      content: '';
      color: var(--border-color);
      position: absolute;
      left: calc( 50% - 10px);
      bottom: -27px;
      height: 16px;
      line-height: 16px;
      font-weight: 400;
      width: 16px;
      text-align: center;
      padding: 0;
      font-size: 30px;
      margin: 0;
      border: 2px solid var(--border-color);
      border-radius: 20px; }
    #type-b.arya #container #step-3 #card-type li input:checked + span::after,
    #type-b.arya #container #step-3 #payment_mode-ogone-pm li input:checked + span::after {
      content: '';
      background-color: var(--main-action-color);
      height: 12px;
      width: 12px;
      position: absolute;
      border-radius: 15px;
      left: calc(50% - 6px);
      bottom: -23px;
      margin: 0; }
    #type-b.arya #container #step-3 #card-type li input,
    #type-b.arya #container #step-3 #payment_mode-ogone-pm li input {
      height: 0;
      visibility: hidden;
      display: none; }
  #type-b.arya #container #step-3 #card-type li.selected label,
  #type-b.arya #container #step-3 #payment_mode-ogone-pm li.selected label {
    border: 2px solid var(--main-action-color); }
  #type-b.arya #container #step-3 #card-type li[data-value="PostFinance Card"] label,
  #type-b.arya #container #step-3 #payment_mode-ogone-pm li[data-value="PostFinance Card"] label {
    background-image: url(/themes/default/arya/assets/creditcard-icons/cb_postfinance_color.svg); }
  #type-b.arya #container #step-3 #card-type li[data-value="TWINT"] label,
  #type-b.arya #container #step-3 #payment_mode-ogone-pm li[data-value="TWINT"] label {
    background-image: url(/themes/default/arya/assets/creditcard-icons/cb_twint_color.svg); }
  #type-b.arya #container #step-3 #card-type li[data-value=amex] label,
  #type-b.arya #container #step-3 #payment_mode-ogone-pm li[data-value=amex] label {
    background-image: url(/themes/default/arya/assets/creditcard-icons/american_express.svg); }
  #type-b.arya #container #step-3 #card-type li[data-value=bancontact] label,
  #type-b.arya #container #step-3 #payment_mode-ogone-pm li[data-value=bancontact] label {
    background-image: url(/themes/default/arya/assets/creditcard-icons/bancontact.svg); }
  #type-b.arya #container #step-3 #card-type li[data-value=cartebleue] label,
  #type-b.arya #container #step-3 #payment_mode-ogone-pm li[data-value=cartebleue] label {
    background-image: url(/themes/default/arya/assets/creditcard-icons/carte_bleue.svg); }
  #type-b.arya #container #step-3 #card-type li[data-value=maestro] label,
  #type-b.arya #container #step-3 #payment_mode-ogone-pm li[data-value=maestro] label {
    background-image: url(/themes/default/arya/assets/creditcard-icons/maestro.svg); }
  #type-b.arya #container #step-3 #card-type li[data-value=maestrobe] label,
  #type-b.arya #container #step-3 #payment_mode-ogone-pm li[data-value=maestrobe] label {
    background-image: url(/themes/default/arya/assets/creditcard-icons/maestro.svg); }
  #type-b.arya #container #step-3 #card-type li[data-value=mastercard] label,
  #type-b.arya #container #step-3 #payment_mode-ogone-pm li[data-value=mastercard] label {
    background-image: url(/themes/default/arya/assets/creditcard-icons/master_card.svg); }
  #type-b.arya #container #step-3 #card-type li[data-value=visaelectron] label,
  #type-b.arya #container #step-3 #payment_mode-ogone-pm li[data-value=visaelectron] label {
    background-image: url(/themes/default/arya/assets/creditcard-icons/visa_electron.svg); }
  #type-b.arya #container #step-3 #card-type li[data-value=visa] label,
  #type-b.arya #container #step-3 #payment_mode-ogone-pm li[data-value=visa] label {
    background-image: url(/themes/default/arya/assets/creditcard-icons/visa.svg); }
  #type-b.arya #container #step-3 #card-type li[data-value="KBC Online"] label,
  #type-b.arya #container #step-3 #card-type li[data-value=KBC] label,
  #type-b.arya #container #step-3 #payment_mode-ogone-pm li[data-value="KBC Online"] label,
  #type-b.arya #container #step-3 #payment_mode-ogone-pm li[data-value=KBC] label {
    background-image: url(/themes/default/arya/assets/creditcard-icons/kbc_color.svg); }
  #type-b.arya #container #step-3 #card-type li[data-value="CBC Online"] label,
  #type-b.arya #container #step-3 #card-type li[data-value=CBC] label,
  #type-b.arya #container #step-3 #payment_mode-ogone-pm li[data-value="CBC Online"] label,
  #type-b.arya #container #step-3 #payment_mode-ogone-pm li[data-value=CBC] label {
    background-image: url(/themes/default/arya/assets/creditcard-icons/cbc_color.svg); }
  #type-b.arya #container #step-3 #card-type li[data-value="ING HomePay"] label,
  #type-b.arya #container #step-3 #card-type li[data-value=ING] label,
  #type-b.arya #container #step-3 #payment_mode-ogone-pm li[data-value="ING HomePay"] label,
  #type-b.arya #container #step-3 #payment_mode-ogone-pm li[data-value=ING] label {
    background-image: url(/themes/default/arya/assets/creditcard-icons/ing_home_pay_color.svg); }
  #type-b.arya #container #step-3 #card-type li[data-value="Belfius Direct Net"] label,
  #type-b.arya #container #step-3 #card-type li[data-value=Belfius] label,
  #type-b.arya #container #step-3 #payment_mode-ogone-pm li[data-value="Belfius Direct Net"] label,
  #type-b.arya #container #step-3 #payment_mode-ogone-pm li[data-value=Belfius] label {
    background-image: url(/themes/default/arya/assets/creditcard-icons/belfius_color.svg); }

#type-b.arya ul#select2-fintecture_banktransfer_provider_select-results .select2-results__option .select-logo {
  background-position: left center;
  background-size: 40px auto;
  background-repeat: no-repeat;
  padding-left: 46px;
  display: flex; }

#type-b.arya #fintecture_banktransfer_provider .select2 .select2-selection.select2-selection--single .select-logo {
  background-position: left center;
  background-size: 40px auto;
  background-repeat: no-repeat;
  padding-left: 46px;
  display: flex; }

#type-b.arya #AmazonPayButton img {
  margin: 0 auto;
  display: block; }

#type-b.arya #walletWidgetOnceDiv {
  width: 100% !important; }

/*
deprecated




#type-b.arya #payment_mode-apple_pay svg,
#type-b.arya #payment_mode-paypal svg {
    width: 60%;
    margin: 0 auto;
    display: block
}

#type-b.arya #payment_mode-apple_pay .payment_head svg {
    height: 100%;
    min-height: 50px;
    padding: 10px 0;
    fill: #000
}

#type-b.arya #payment_mode-apple_pay .payment_head.active svg {
    fill: #fff
}

#type-b.arya #payment_mode-paypal .payment_head svg {
    height: 100%;
    min-height: 50px;
    padding: 10px 0
}

#type-b.arya #payment_mode-paypal .payment_head svg path:nth-child(1) {
    fill: #8c8888
}

#type-b.arya #payment_mode-paypal .payment_head svg path:nth-child(2) {
    fill: #ccc
}

#type-b.arya #payment_mode-paypal .payment_head svg path:nth-child(3) {
    fill: #676565
}

#type-b.arya #payment_mode-paypal .payment_head svg path:nth-child(4) {
    fill: #ccc
}

#type-b.arya #payment_mode-paypal .payment_head svg path:nth-child(5) {
    fill: #676565
}

#type-b.arya #payment_mode-paypal .payment_head svg path:nth-child(6) {
    fill: #8c8888
}

#type-b.arya #payment_mode-paypal .payment_head.active svg path:nth-child(1) {
    fill: #253b80
}

#type-b.arya #payment_mode-paypal .payment_head.active svg path:nth-child(2) {
    fill: #179bd7
}

#type-b.arya #payment_mode-paypal .payment_head.active svg path:nth-child(3) {
    fill: #253b80
}

#type-b.arya #payment_mode-paypal .payment_head.active svg path:nth-child(4) {
    fill: #179bd7
}

#type-b.arya #payment_mode-paypal .payment_head.active svg path:nth-child(5) {
    fill: #222d65
}

#type-b.arya #payment_mode-paypal .payment_head.active svg path:nth-child(6) {
    fill: #253b80
}
*/
#type-b.arya #container #step-3 .payment_titles {
  /* default*/
  /* gateway */
  /*old*/ }
  #type-b.arya #container #step-3 .payment_titles .payment_head::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_default_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_default_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles [data-paymentid$="_card"]::before,
  #type-b.arya #container #step-3 .payment_titles [class*="payment_mode-gw"][class*="_card"]::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_credit-card_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_credit-card_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles [data-paymentid$="_passrestaurant"]::before,
  #type-b.arya #container #step-3 .payment_titles [class*="payment_mode-gw"][class*="_passrestaurant"]::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_pass_resaurant_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_pass_resaurant_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles [data-paymentid$="_ebanking"]::before,
  #type-b.arya #container #step-3 .payment_titles [class*="payment_mode-gw"][class*="_ebanking"]::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_ebanking_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_ebanking_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles [data-paymentid$="_fintecture_banktransfer"]::before,
  #type-b.arya #container #step-3 .payment_titles [class*="payment_mode-gw"][class*="_fintecture_banktransfer"]::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_fintechture_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_fintechture_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles [data-paymentid$="_sofort"]::before,
  #type-b.arya #container #step-3 .payment_titles [class*="payment_mode-gw"][class*="_sofort"]::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_sofort_s_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_sofort_s_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles [data-paymentid$="_ideal"]::before,
  #type-b.arya #container #step-3 .payment_titles [class*="payment_mode-gw"][class*="_ideal"]::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_ideal_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_ideal_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles [data-paymentid$="_blik"]::before,
  #type-b.arya #container #step-3 .payment_titles [class*="payment_mode-gw"][class*="_blik"]::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_blik_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_blik_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles [data-paymentid$="_invoice"]::before,
  #type-b.arya #container #step-3 .payment_titles [class*="payment_mode-gw"][class*="_invoice"]::before,
  #type-b.arya #container #step-3 .payment_titles [data-paymentid$="_einvoice"]::before,
  #type-b.arya #container #step-3 .payment_titles [class*="payment_mode-gw"][class*="_einvoice"]::before,
  #type-b.arya #container #step-3 .payment_titles [data-paymentid$="_sepadirectdebit"]::before,
  #type-b.arya #container #step-3 .payment_titles [class*="payment_mode-gw"][class*="_sepadirectdebit"]::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_iban_bic_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_iban_bic_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles [data-paymentid$="_pagopa"]::before,
  #type-b.arya #container #step-3 .payment_titles [class*="payment_mode-gw"][class*="_pagopa"]::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_pagopa_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_pagopa_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles [data-paymentid$="_directdebit"]::before,
  #type-b.arya #container #step-3 .payment_titles [class*="payment_mode-gw"][class*="_directdebit"]::before,
  #type-b.arya #container #step-3 .payment_titles [data-paymentid$="_betalingsservice"]::before,
  #type-b.arya #container #step-3 .payment_titles [class*="payment_mode-gw"][class*="_betalingsservice"]::before,
  #type-b.arya #container #step-3 .payment_titles [data-paymentid$="_bacs"]::before,
  #type-b.arya #container #step-3 .payment_titles [class*="payment_mode-gw"][class*="_bacs"]::before,
  #type-b.arya #container #step-3 .payment_titles [data-paymentid$="_becs"]::before,
  #type-b.arya #container #step-3 .payment_titles [class*="payment_mode-gw"][class*="_becs"]::before,
  #type-b.arya #container #step-3 .payment_titles [data-paymentid$="_becsnz"]::before,
  #type-b.arya #container #step-3 .payment_titles [class*="payment_mode-gw"][class*="_becsnz"]::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_directdebit_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_directdebit_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles [data-paymentid$="_autogiro"]::before,
  #type-b.arya #container #step-3 .payment_titles [class*="payment_mode-gw"][class*="_autogiro"]::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_autogiro_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_autogiro_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles [data-paymentid$="_mobile"]::before,
  #type-b.arya #container #step-3 .payment_titles [class*="payment_mode-gw"][class*="_mobile"]::before,
  #type-b.arya #container #step-3 .payment_titles [data-paymentid$="_mobilepay"]::before,
  #type-b.arya #container #step-3 .payment_titles [class*="payment_mode-gw"][class*="_mobilepay"]::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_mobilepay_bis_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_mobilepay_bis_full_size.svg);
    -webkit-mask-size: 75%;
    mask-size: 75%;
    -webkit-mask-position-x: center;
    mask-position-x: center; }
  #type-b.arya #container #step-3 .payment_titles [data-paymentid$="_account"]::before,
  #type-b.arya #container #step-3 .payment_titles [class*="payment_mode-gw"][class*="_account"]::before,
  #type-b.arya #container #step-3 .payment_titles [data-paymentid$="_swish"]::before,
  #type-b.arya #container #step-3 .payment_titles [class*="payment_mode-gw"][class*="_swish"]::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_swish_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_swish_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles [data-paymentid$="_vipps"]::before,
  #type-b.arya #container #step-3 .payment_titles [class*="payment_mode-gw"][class*="_vipps"]::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_vipps_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_vipps_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles [data-paymentid$="_satispay"]::before,
  #type-b.arya #container #step-3 .payment_titles [class*="payment_mode-gw"][class*="_satispay"]::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_satispay_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_satispay_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles [data-paymentid$="_twint"]::before,
  #type-b.arya #container #step-3 .payment_titles [class*="payment_mode-gw"][class*="_twint"]::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_twint_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_twint_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles [data-paymentid$="_sms"]::before,
  #type-b.arya #container #step-3 .payment_titles [class*="payment_mode-gw"][class*="_sms"]::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_sms_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_sms_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles [data-paymentid$="_amazonpay"]::before,
  #type-b.arya #container #step-3 .payment_titles [class*="payment_mode-gw"][class*="_amazonpay"]::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_amazon-pay_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_amazon-pay_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles [data-paymentid$="_googlepay"]::before,
  #type-b.arya #container #step-3 .payment_titles [class*="payment_mode-gw"][class*="_googlepay"]::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_google_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_google_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles [data-paymentid$="_applepay"]::before,
  #type-b.arya #container #step-3 .payment_titles [class*="payment_mode-gw"][class*="_applepay"]::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_apple_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_apple_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles [data-paymentid$="_paypal"]::before,
  #type-b.arya #container #step-3 .payment_titles [class*="payment_mode-gw"][class*="_paypal"]::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_paypal_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_paypal_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-ddebit::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_check_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_check_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-unionpay::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_unionpay_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_unionpay_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-ideal::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_ideal_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_ideal_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-gestpay_mybank::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_mybank_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_mybank_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-card::before,
  #type-b.arya #container #step-3 .payment_titles .payment_head[class^=payment_mode-card-]::before,
  #type-b.arya #container #step-3 .payment_titles .payment_head[class*=" payment_mode-card-"]::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_credit-card_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_credit-card_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-card::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_credit-card_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_credit-card_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-card::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_credit-card_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_credit-card_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-check::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_check_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_check_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-gestpay_masterpass::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_masterpass_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_masterpass_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-card::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_credit-card_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_credit-card_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-gestpay_hype::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_hype_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_hype_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-paypal::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_paypal_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_paypal_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-alipay::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_alipay_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_alipay_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-card::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_credit-card_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_credit-card_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-gestpay_sofort::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_sofort_s_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_sofort_s_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-alipay::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_alipay_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_alipay_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-buckaroo-ideal::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_ideal_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_ideal_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-paypal::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_paypal_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_paypal_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-card-ingenico::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_credit-card_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_credit-card_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-bban-uk::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_iban_bic_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_iban_bic_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-card::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_credit-card_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_credit-card_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-iban::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_iban_bic_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_iban_bic_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-amazon::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_amazon-pay_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_amazon-pay_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-bancontact::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_bancontact.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_bancontact.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-card::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_credit-card_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_credit-card_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-sepadirectdebit::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_iban_bic_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_iban_bic_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-ideal::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_ideal_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_ideal_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-bban_fr::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_iban_bic_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_iban_bic_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-bban_de::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_iban_bic_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_iban_bic_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-bban_uk::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_iban_bic_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_iban_bic_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-iban::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_iban_bic_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_iban_bic_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-gban::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_iban_bic_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_iban_bic_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-gestpay_sofort::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_sofort_s_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_sofort_s_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-gestpay_ideal::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_ideal_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_ideal_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-gestpay_mybank::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_ebanking_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_ebanking_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-gestpay_masterpass::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_masterpass_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_masterpass_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-gestpay_hype::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_hype_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_hype_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-stripe_creditcard::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_credit-card_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_credit-card_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-stripe_alipay::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_alipay_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_alipay_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-stripe_bancontact::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_bancontact.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_bancontact.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-stripe_sepa_debit::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_iban_bic_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_iban_bic_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-stripe_apple_pay::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_apple_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_apple_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-netaxept::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_nets_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_nets_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-swedbankpay::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_swedbank_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_swedbank_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-dibsd2::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_nets_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_nets_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-payu::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_pay_u_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_pay_u_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-paypal::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_paypal_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_paypal_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-vipps::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_vipps_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_vipps_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-mobilepay::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_mobilepay_bis_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_mobilepay_bis_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-satispay::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_satispay_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_satispay_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-satispay_satispay::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_satispay_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_satispay_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-govpay::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_govpaynet_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_govpaynet_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-swish::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_swish_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_swish_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-paytrail_ebanking::before,
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-paytrail::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_paytrail_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_paytrail_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-amazonpay::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_amazon-pay_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_amazon-pay_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-ebanking::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_ebanking_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_ebanking_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-fintecture_banktransfer::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_fintechture_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_fintechture_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-passrestaurant::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_pass_resaurant_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_pass_resaurant_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-sofort::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_sofort_s_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_sofort_s_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-blik::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_blik_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_blik_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-invoice::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_iban_bic_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_iban_bic_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-einvoice::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_iban_bic_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_iban_bic_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-directdebit::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_directdebit_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_directdebit_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-autogiro::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_autogiro_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_autogiro_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-betalingsservice::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_directdebit_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_directdebit_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-bacs::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_directdebit_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_directdebit_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-becs::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_directdebit_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_directdebit_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-becsnz::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_directdebit_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_directdebit_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-twint::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_twint_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_twint_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-sms::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_sms_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_sms_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-amazonpay::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_amazon-pay_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_amazon-pay_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-googlepay::before,
  #type-b.arya #container #step-3 .payment_titles .payment_head[data-stripe-mode=google]::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_google_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_google_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-applepay::before,
  #type-b.arya #container #step-3 .payment_titles .payment_head[data-stripe-mode=apple]::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_apple_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_apple_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-ogone-pm::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_credit-card.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_credit-card.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-ogone-pm-twint::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_twint.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_twint.svg);
    -webkit-mask-size: 85%;
    mask-size: 85%;
    -webkit-mask-position-x: center;
    mask-position-x: center;
    /* -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_twint_full_size.svg);
					mask-image: url(/themes/default/arya/assets/payment_title/pay_twint_full_size.svg); */ }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-ogone-pm-cbc::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_cbc_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_cbc_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-ogone-pm-kbc::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_kbc_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_kbc_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-ogone-pm-bdn::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_belfius_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_belfius_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-ogone-pm-ing::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_ing_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_ing_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-ogone-pm-ideal::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_ideal_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_ideal_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-ogone-pm-postfinancecard::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_postfinance_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_postfinance_full_size.svg);
    -webkit-mask-size: 75%;
    mask-size: 75%;
    -webkit-mask-position-x: center;
    mask-position-x: center;
    /* -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_postfinance_full_size.svg);
					mask-image: url(/themes/default/arya/assets/payment_title/pay_postfinance_full_size.svg); */ }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-ogone-pm-paylib::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_paylib_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_paylib_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-ogone-pm-cashu::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_cashu_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_cashu_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-ogone-pm-cashudirect::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_cashu_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_cashu_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-ogone-pm-postfinanceefinance::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_postfinance_full_size.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_postfinance_full_size.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-gocardless_bacs::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_direct_debit_square.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_direct_debit_square.svg); }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-mobilepay_mobilepay::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_mobilepay.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_mobilepay.svg);
    -webkit-mask-size: 75%;
    mask-size: 75%;
    -webkit-mask-position-x: center;
    mask-position-x: center; }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-paytrail_mobilepay::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_mobilepay.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_mobilepay.svg);
    -webkit-mask-size: 75%;
    mask-size: 75%;
    -webkit-mask-position-x: center;
    mask-position-x: center; }
  #type-b.arya #container #step-3 .payment_titles .payment_head.payment_mode-paytrail_other::before {
    -webkit-mask-image: url(/themes/default/arya/assets/payment_title/pay_paytrail.svg);
    mask-image: url(/themes/default/arya/assets/payment_title/pay_paytrail.svg); }

#type-b.arya.thanks-page #container {
  padding-bottom: 178px; }

#type-b.arya.thanks-page #greetings-comp {
  padding: 0; }
  #type-b.arya.thanks-page #greetings-comp h2 {
    color: inherit;
    margin: 0 -30px 30px -30px;
    border-top-left-radius: var(--border-radius, 4px);
    border-top-right-radius: var(--border-radius, 4px); }
  #type-b.arya.thanks-page #greetings-comp fieldset {
    padding: 0; }
    #type-b.arya.thanks-page #greetings-comp fieldset p {
      margin: 0;
      padding: 0 0 15px 0;
      min-height: auto; }
    #type-b.arya.thanks-page #greetings-comp fieldset p.submit {
      padding: 15px 0 15px 0; }
    #type-b.arya.thanks-page #greetings-comp fieldset p::after {
      content: '';
      clear: both;
      height: 1px;
      display: block; }
    #type-b.arya.thanks-page #greetings-comp fieldset label {
      line-height: 30px;
      min-height: 30px; }
  #type-b.arya.thanks-page #greetings-comp input[type=text] {
    width: 100%; }
  #type-b.arya.thanks-page #greetings-comp p[data-type=radio] > label:first-child {
    padding-left: 0; }
  #type-b.arya.thanks-page #greetings-comp p[data-type=radio] > label {
    padding-left: 38px; }

#type-b.arya.thanks-page #greetings {
  padding: 0;
  margin: 0;
  width: 100%; }
  #type-b.arya.thanks-page #greetings .unit.size1of2:first-child {
    float: left;
    width: calc(62% - 65px);
    margin: 0 65px 0 0;
    background-color: var(--column-background-color, white);
    border-radius: var(--border-radius, 4px);
    font-size: inherit; }
  #type-b.arya.thanks-page #greetings .unit.size1of2:last-child {
    width: 38%;
    background-color: var(--column-background-color, white);
    border-radius: var(--border-radius, 4px);
    font-size: inherit;
    padding-left: 30px;
    padding-right: 30px;
    float: left; }
  #type-b.arya.thanks-page #greetings .unit.size1of2:only-child {
    width: 100%; }

#type-b.arya.thanks-page #greetings-text h1,
#type-b.arya.thanks-page #greetings-text h2 {
  margin: 10px 0 20px; }

#type-b.arya.thanks-page #greetings-text h3 {
  margin: 10px 0 10px; }

#type-b.arya.thanks-page #qualif_birthday,
#type-b.arya.thanks-page #qualif_birthmonth,
#type-b.arya.thanks-page #qualif_birthyear {
  width: 30% !important;
  margin: 0 5% 0 0;
  float: left; }

#type-b.arya.thanks-page #qualif_birthyear {
  margin: 0; }

#type-b.arya.thanks-page #greetings-text {
  padding: 15px 45px 40px; }

@media only screen and (max-width: 959px) {
  #type-b.arya.thanks-page #greetings .unit.size1of2:first-child {
    margin: 0; }
  #type-b.arya.thanks-page #greetings .unit.size1of2:last-child {
    width: 100% !important;
    display: block;
    margin-top: 20px; } }

@media only screen and (max-width: 450px) {
  #type-b.arya.thanks-page #greetings .unit.size1of2:first-child,
  #type-b.arya.thanks-page #greetings-comp h2 {
    border-radius: 0; } }

#type-b.arya #header {
  background-size: 0;
  background-color: transparent;
  margin: 0 0 30px 0;
  /* lang */
  /* logo */ }
  #type-b.arya #header .container {
    background-image: inherit;
    height: 100%;
    background-position: center center;
    background-size: cover;
    display: flex;
    justify-content: space-between;
    background-color: transparent; }
    #type-b.arya #header .container#header_wrapinner {
      min-height: 100px; }
  #type-b.arya #header #lang {
    background-color: transparent;
    text-align: right;
    position: relative;
    border-radius: var(--border-radius, 4px);
    width: auto;
    border-color: var(--text-color);
    color: var(--text-color);
    font-size: calc(var(--fontsize) - 2px);
    margin-top: 15px; }
    #type-b.arya #header #lang label {
      display: flex;
      margin: 0;
      padding: 0;
      position: relative;
      top: initial;
      left: initial;
      right: initial;
      color: #000 !important;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      height: 40px; }
      #type-b.arya #header #lang label span {
        display: none; }
      #type-b.arya #header #lang label select {
        display: block; }
    #type-b.arya #header #lang p.duo a {
      background-color: #fff; }
    #type-b.arya #header #lang p.duo a:first-child {
      border-left: 1px solid #fff;
      border-color: var(--text-color);
      border-top-left-radius: var(--border-radius, 4px);
      border-bottom-left-radius: var(--border-radius, 4px); }
    #type-b.arya #header #lang a {
      border-color: var(--text-color);
      color: var(--text-color);
      text-decoration: none;
      font-weight: 400;
      padding: 5px 10px;
      border: 1px solid #fff;
      border: 1px solid var(--main-action-color);
      display: block;
      float: left;
      border-left: none;
      border-right: none; }
    #type-b.arya #header #lang a:nth-child(3) {
      border-left: 1px solid #fff;
      border-color: var(--text-color);
      border-top-left-radius: var(--border-radius, 4px);
      border-bottom-left-radius: var(--border-radius, 4px); }
    #type-b.arya #header #lang a:last-child {
      border-right: 1px solid #fff;
      border-color: var(--text-color);
      border-top-right-radius: var(--border-radius, 4px);
      border-bottom-right-radius: var(--border-radius, 4px); }
    #type-b.arya #header #lang select {
      height: 30px;
      border-radius: var(--border-radius);
      font-weight: 100;
      font-size: calc(var(--fontsize) - 2px);
      border: 1px solid var(--text-color);
      color: #252525;
      background-color: #fff;
      padding: 0 5px;
      width: auto;
      float: left;
      font-weight: 400; }
      #type-b.arya #header #lang select option {
        background-color: transparent;
        color: inherit;
        font-weight: 400;
        text-transform: none; }
  #type-b.arya #header #lang:after {
    content: ''; }
  #type-b.arya #header #logo {
    align-self: center;
    margin-right: 30px;
    flex-shrink: 0; }
    #type-b.arya #header #logo a,
    #type-b.arya #header #logo h1,
    #type-b.arya #header #logo img {
      float: none;
      overflow: hidden;
      text-align: center;
      display: block;
      margin: 0 auto;
      max-width: 100%; }
    #type-b.arya #header #logo h1 {
      margin: 0; }
    #type-b.arya #header #logo a {
      margin-top: 20px; }

/* header banner colored */
#type-b.arya.header-banner #header {
  background-color: var(--banner-color);
  margin: 0 0 20px 0;
  /* lang */
  /* logo */ }
  #type-b.arya.header-banner #header #lang {
    background-color: inherit;
    border-color: #fff;
    color: #fff; }
    #type-b.arya.header-banner #header #lang .duo a {
      background-color: transparent; }
    #type-b.arya.header-banner #header #lang .duo a:first-child {
      border-color: #fff; }
    #type-b.arya.header-banner #header #lang select {
      background-color: transparent;
      color: var(--main-action-color);
      border-color: var(--main-action-color);
      border: 1px solid #fff;
      color: #fff;
      text-transform: none;
      font-weight: 400;
      font-size: calc(var(--fontsize) - 2px); }
      #type-b.arya.header-banner #header #lang select option {
        background-color: transparent;
        color: #000;
        font-weight: 400;
        text-transform: none; }
    #type-b.arya.header-banner #header #lang a {
      border-color: #fff;
      color: #fff; }
    #type-b.arya.header-banner #header #lang a:nth-child(3) {
      border-color: #fff; }
    #type-b.arya.header-banner #header #lang a:last-child {
      border-right: 1px solid #fff;
      border-color: #fff; }
  #type-b.arya.header-banner #header #lang.dark-text {
    border-color: #000;
    color: #000; }
    #type-b.arya.header-banner #header #lang.dark-text a {
      border-color: #000;
      color: #000; }
    #type-b.arya.header-banner #header #lang.dark-text p.duo a:first-child {
      border-color: #000; }
    #type-b.arya.header-banner #header #lang.dark-text p.duo a:nth-child(3) {
      border-color: #000; }
    #type-b.arya.header-banner #header #lang.dark-text p.duo a:last-child {
      border-right: 1px solid #000;
      border-color: #000; }
    #type-b.arya.header-banner #header #lang.dark-text select {
      border: 1px solid #000;
      color: #000; }
  #type-b.arya.header-banner #header #logo a {
    margin-top: 50px;
    margin-bottom: 20px; }

@media only screen and (max-width: 1080px) {
  #type-b.arya #header #header_wrapinner {
    align-items: center; }
  #type-b.arya #header #logo {
    order: 2; }
  #type-b.arya #header #lang {
    order: 1; } }

@media only screen and (min-width: 768px) and (max-width: 959px) {
  #type-b.arya #header .container {
    flex-direction: column; } }

@media only screen and (max-width: 767px) {
  #type-b.arya #header .container {
    flex-direction: column; } }

#type-b.arya #bottom {
  margin-top: 100px; }
  #type-b.arya #bottom .container {
    width: 1230px; }
  #type-b.arya #bottom .step-info.desktop_hidden {
    display: none; }

#type-b.arya #footer {
  padding: 20px 0;
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  background-color: var(--banner-color-darker, #323031);
  color: #fff;
  font-size: calc(var(--fontsize) - 2px); }
  #type-b.arya #footer a {
    color: inherit; }
  #type-b.arya #footer #copyright {
    line-height: 38px; }

#type-b.arya.thanks-page #bottom {
  display: none; }

@media only screen and (max-width: 959px) and (min-width: 0px) {
  #type-b.arya #container {
    padding-bottom: 0px; }
  #type-b.arya #footer {
    font-size: 12px; }
    #type-b.arya #footer #footer_wrapinner {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      #type-b.arya #footer #footer_wrapinner #powered {
        margin: 10px ​0 20px; }
      #type-b.arya #footer #footer_wrapinner #copyright p {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
        #type-b.arya #footer #footer_wrapinner #copyright p a {
          line-height: 22px; }
        #type-b.arya #footer #footer_wrapinner #copyright p span {
          display: none; }
  #type-b.arya.footer-detach #container {
    padding-bottom: 0; } }

/* ONE COLUMN */
#type-b.arya.one-column-layout #container #header #logo {
  width: 500px; }

#type-b.arya.one-column-layout #container #main_wrapinner {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap; }
  #type-b.arya.one-column-layout #container #main_wrapinner #form-error {
    order: -1;
    width: 100%;
    margin: 0 0 20px 0; }
  #type-b.arya.one-column-layout #container #main_wrapinner #form-info {
    width: 100%;
    padding: 0;
    margin: 0; }
  #type-b.arya.one-column-layout #container #main_wrapinner .widget {
    margin: 0 0 20px 0; }
  #type-b.arya.one-column-layout #container #main_wrapinner #widgets {
    display: flex;
    flex-direction: column;
    max-width: 560px;
    width: 100%; }
  #type-b.arya.one-column-layout #container #main_wrapinner #widgets #form-info,
  #type-b.arya.one-column-layout #container #main_wrapinner #widgets .widget {
    width: 100%;
    padding: 20px;
    background-color: var(--description-color);
    border-radius: var(--border-radius); }
  #type-b.arya.one-column-layout #container #main_wrapinner #widgets #widget_progress_bar {
    background-color: var(--widgets-color-progress-bar-goal); }
  #type-b.arya.one-column-layout #container #main_wrapinner #form-steps {
    width: 500px;
    flex-direction: column; }
  #type-b.arya.one-column-layout #container #main_wrapinner #form-steps #step-1,
  #type-b.arya.one-column-layout #container #main_wrapinner #form-steps #step-2,
  #type-b.arya.one-column-layout #container #main_wrapinner #form-steps #step-3 {
    width: 100%;
    margin: 0; }
  #type-b.arya.one-column-layout #container #main_wrapinner .step-content {
    border: var(--border); }
  #type-b.arya.one-column-layout #container #main_wrapinner #step-2 .step-content,
  #type-b.arya.one-column-layout #container #main_wrapinner #step-3 .step-content {
    border-top: none; }
  #type-b.arya.one-column-layout #container #main_wrapinner #step-1 .step-content,
  #type-b.arya.one-column-layout #container #main_wrapinner #step-2 .step-title,
  #type-b.arya.one-column-layout #container #main_wrapinner #step-2 .step-content,
  #type-b.arya.one-column-layout #container #main_wrapinner #step-3 .step-title {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }
  #type-b.arya.one-column-layout #container #main_wrapinner #step-1 .step-title {
    border: var(--border);
    border-bottom: none; }
  #type-b.arya.one-column-layout #container #main_wrapinner #step-2 .step-title,
  #type-b.arya.one-column-layout #container #main_wrapinner #step-3 .step-title {
    border: var(--border);
    border-top: none; }
  #type-b.arya.one-column-layout #container #main_wrapinner #step-1.no_title .step-content {
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius); }

#type-b.arya.one-column-layout #container #once .detail,
#type-b.arya.one-column-layout #container #regular .detail {
  display: flex;
  flex-direction: row;
  background-color: rgba(255, 255, 255, 0.9);
  margin-bottom: 20px;
  justify-content: center;
  align-items: center; }
  #type-b.arya.one-column-layout #container #once .detail img,
  #type-b.arya.one-column-layout #container #once .detail p,
  #type-b.arya.one-column-layout #container #regular .detail img,
  #type-b.arya.one-column-layout #container #regular .detail p {
    flex: 1 1 50%;
    width: 50%;
    margin-bottom: 0; }
  #type-b.arya.one-column-layout #container #once .detail img,
  #type-b.arya.one-column-layout #container #regular .detail img {
    height: 50%; }
  #type-b.arya.one-column-layout #container #once .detail p,
  #type-b.arya.one-column-layout #container #regular .detail p {
    justify-content: center;
    align-items: center;
    display: flex;
    padding: 0 10px; }

#type-b.arya.one-column-layout #container .step-content,
#type-b.arya.one-column-layout #container .step-info {
  height: auto !important; }

#type-b.arya.one-column-layout.form_right #container #header #logo {
  width: 560px;
  padding-left: 30px;
  padding-right: 30px; }

#type-b.arya.one-column-layout.form_left #container #main_wrapinner {
  flex-direction: row-reverse; }
  #type-b.arya.one-column-layout.form_left #container #main_wrapinner #widgets {
    margin: 0 0 0 40px; }

#type-b.arya.one-column-layout.footer-column #container #step-1 .step-info,
#type-b.arya.one-column-layout.footer-column #container #step-2 .step-info {
  margin-bottom: 0;
  border-radius: 0; }

#type-b.arya.one-column-layout.footer-column #container #step-2 .step-title,
#type-b.arya.one-column-layout.footer-column #container #step-3 .step-title {
  border-radius: 0; }

#type-b.arya.one-column-layout.footer-detach #container #step-1 .step-content,
#type-b.arya.one-column-layout.footer-detach #container #step-2 .step-content {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

@media only screen and (max-width: 1160px) and (min-width: 0px) {
  #type-b.arya.one-column-layout.form_left #container #main_wrapinner,
  #type-b.arya.one-column-layout.form_right #container #main_wrapinner {
    flex-direction: column;
    align-items: center; }
    #type-b.arya.one-column-layout.form_left #container #main_wrapinner #widgets,
    #type-b.arya.one-column-layout.form_right #container #main_wrapinner #widgets {
      margin: 20px 0 40px; }
    #type-b.arya.one-column-layout.form_left #container #main_wrapinner #form-steps,
    #type-b.arya.one-column-layout.form_right #container #main_wrapinner #form-steps {
      width: 100%;
      max-width: 560px; } }

@media only screen and (max-width: 959px) and (min-width: 0px) {
  #type-b.arya.one-column-layout.form_right #container #main_wrapinner,
  #type-b.arya.one-column-layout.form_left #container #main_wrapinner {
    flex-direction: column;
    align-items: center; }
    #type-b.arya.one-column-layout.form_right #container #main_wrapinner #form-info,
    #type-b.arya.one-column-layout.form_left #container #main_wrapinner #form-info {
      width: calc( 100% - 20px); } }

@media only screen and (max-width: 568px) and (min-width: 0px) {
  #type-b.arya.one-column-layout.form_left #container #main_wrapinner #widgets,
  #type-b.arya.one-column-layout.form_right #container #main_wrapinner #widgets {
    margin: 20px 20px 40px 20px;
    width: calc( 100% - 40px); }
  #type-b.arya.one-column-layout.form_left #container #main_wrapinner #form-info,
  #type-b.arya.one-column-layout.form_right #container #main_wrapinner #form-info {
    margin: 0 0 20px 0;
    width: 100%; }
  #type-b.arya.one-column-layout.form_left #container #main_wrapinner #form-steps,
  #type-b.arya.one-column-layout.form_right #container #main_wrapinner #form-steps {
    width: 100%; }
  #type-b.arya.one-column-layout.form_left #container #main_wrapinner #main,
  #type-b.arya.one-column-layout.form_right #container #main_wrapinner #main {
    margin-bottom: 60px; }
  #type-b.arya.one-column-layout.form_left #container #main_wrapinner #step-1 .step-title,
  #type-b.arya.one-column-layout.form_left #container #main_wrapinner #step-1 .step-content,
  #type-b.arya.one-column-layout.form_left #container #main_wrapinner #step-2 .step-title,
  #type-b.arya.one-column-layout.form_left #container #main_wrapinner #step-2 .step-content,
  #type-b.arya.one-column-layout.form_left #container #main_wrapinner #step-3 .step-title,
  #type-b.arya.one-column-layout.form_left #container #main_wrapinner #step-3 .step-content,
  #type-b.arya.one-column-layout.form_right #container #main_wrapinner #step-1 .step-title,
  #type-b.arya.one-column-layout.form_right #container #main_wrapinner #step-1 .step-content,
  #type-b.arya.one-column-layout.form_right #container #main_wrapinner #step-2 .step-title,
  #type-b.arya.one-column-layout.form_right #container #main_wrapinner #step-2 .step-content,
  #type-b.arya.one-column-layout.form_right #container #main_wrapinner #step-3 .step-title,
  #type-b.arya.one-column-layout.form_right #container #main_wrapinner #step-3 .step-content {
    border: none; }
  #type-b.arya.mobile_no_widget.one-column-layout.form_left #container #main_wrapinner #widgets,
  #type-b.arya.mobile_no_widget.one-column-layout.form_right #container #main_wrapinner #widgets {
    margin: 0; }
  #type-b.arya.mobile_no_widget.one-column-layout.form_left #container #main_wrapinner .widgets,
  #type-b.arya.mobile_no_widget.one-column-layout.form_right #container #main_wrapinner .widgets {
    margin: 0;
    width: 0;
    display: none; } }

/*widget progress bar*/
html[lang=zh_TW] #widget_progress_bar .amount_with_currency,
html[lang=zh_CN] #widget_progress_bar .amount_with_currency,
html[lang=en_ME] #widget_progress_bar .amount_with_currency,
html[lang=en_HK] #widget_progress_bar .amount_with_currency,
html[lang=en_EN] #widget_progress_bar .amount_with_currency,
html[lang=ja_JP] #widget_progress_bar .amount_with_currency,
html[lang=nl_BE] #widget_progress_bar .amount_with_currency,
html[lang=it_IT] #widget_progress_bar .amount_with_currency,
html[lang=nl_NL] #widget_progress_bar .amount_with_currency {
  display: inline-block; }

html[lang=zh_TW] #widget_progress_bar span.currency,
html[lang=zh_CN] #widget_progress_bar span.currency,
html[lang=en_ME] #widget_progress_bar span.currency,
html[lang=en_HK] #widget_progress_bar span.currency,
html[lang=en_EN] #widget_progress_bar span.currency,
html[lang=ja_JP] #widget_progress_bar span.currency,
html[lang=nl_BE] #widget_progress_bar span.currency,
html[lang=it_IT] #widget_progress_bar span.currency,
html[lang=nl_NL] #widget_progress_bar span.currency {
  float: left; }

@media only screen and (min-width: 768px) and (max-width: 959px) {
  #type-b.arya #header .container #widget_progress_bar {
    width: 100%;
    margin: 20px 0 0 0; }
  #type-b.arya.one-column-layout.one-column-layout-single-step #header .container #widget_progress_bar {
    margin: 40px auto 0; } }

@media only screen and (max-width: 767px) {
  #type-b.arya #widget_progress_bar {
    width: 100%; } }

@media only screen and (min-width: 0px) and (max-width: 814px) {
  #type-b.arya.i18n #widget_progress_bar {
    margin: 20px 20px 20px 20px;
    width: calc(100% - 40px); } }

#type-b.arya #widget_progress_bar {
  margin: 30px auto 25px;
  padding: 20px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  float: left;
  width: calc(100% - ((100% - 40px)/ 3) - 20px);
  position: relative;
  flex-direction: column;
  border-radius: var(--border-radius);
  border: none;
  background-color: var(--widgets-color-progress-bar-goal, --description-color);
  color: inherit; }
  #type-b.arya #widget_progress_bar h1,
  #type-b.arya #widget_progress_bar h2,
  #type-b.arya #widget_progress_bar h3,
  #type-b.arya #widget_progress_bar h4,
  #type-b.arya #widget_progress_bar p {
    color: inherit;
    text-align: center;
    font-weight: 400; }
  #type-b.arya #widget_progress_bar .progress_bar_description {
    width: 100%;
    background-color: transparent;
    color: inherit;
    align-self: self-start;
    text-align: center; }
  #type-b.arya #widget_progress_bar .progress_bar_bar {
    background-color: var(--column-background-color, white);
    height: 20px;
    border-radius: var(--border-radius, 4px);
    margin: 18px 0;
    width: 100%;
    color: inherit;
    overflow: hidden;
    border: 1px solid var(--main-action-color); }
    #type-b.arya #widget_progress_bar .progress_bar_bar .current {
      width: 40%;
      background-color: var(--main-action-color);
      height: 20px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      text-align: right;
      padding: 0 10px;
      line-height: 30px; }
  #type-b.arya #widget_progress_bar .percent {
    color: inherit;
    position: absolute;
    bottom: 18px;
    left: 20px; }
  #type-b.arya #widget_progress_bar .goal {
    color: inherit;
    position: absolute;
    bottom: 18px;
    right: 20px; }

#type-b.arya.header-banner #widget_progress_bar {
  background-color: inherit; }

/* last donors */
#type-b.arya #last_donors_banner {
  background-color: var(--widgets-color-last-donors, --main-action-color);
  height: 50px;
  overflow: hidden;
  position: relative;
  color: #fff; }
  #type-b.arya #last_donors_banner .donors {
    height: 100%;
    display: flex;
    color: inherit;
    justify-content: center;
    align-items: center;
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
    padding: 0 20px; }

/* block */
#amount_tip_block span.help {
  margin-top: 0 !important; }

#type-b.arya #amount_tip_block span.help {
  margin-top: 0 !important; }

#type-b.arya .action_block .info {
  text-align: center;
  padding: 15px 25px 15px;
  position: relative;
  border-radius: var(--border-radius, 4px);
  line-height: 25px;
  margin: 0 0 20px;
  background-color: var(--information-color); }

#type-b.arya .action_block .title {
  font-weight: bold; }

#type-b.arya .action_block .help, #type-b.arya .action_block .summary {
  font-size: calc(var(--fontsize) - 2px);
  line-height: 18px !important; }

#type-b.arya .action_block .select2 {
  font-weight: bold; }

#type-b.arya #step-1 .info_block,
#type-b.arya #step-1 .action_block {
  margin: 0px 20px 20px 20px; }

#type-b.arya #step-2 .info_block,
#type-b.arya #step-2 .action_block,
#type-b.arya #step-3 .info_block,
#type-b.arya #step-3 .action_block {
  margin: 0px 0 20px 0; }

#type-b.arya #greetings-comp .info_block,
#type-b.arya #greetings-comp .action_block {
  margin-bottom: 20px; }

#type-b.arya #step-1 .action_block,
#type-b.arya #step-1 .info_block,
#type-b.arya #step-2 .action_block,
#type-b.arya #step-2 .info_block,
#type-b.arya #step-3 .action_block,
#type-b.arya #step-3 .info_block,
#type-b.arya #greetings-comp .action_block,
#type-b.arya #greetings-comp .info_block {
  padding: 15px;
  border-radius: var(--border-radius);
  position: relative;
  z-index: 1;
  margin-top: 15px;
  padding: 24px 20px 20px 20px;
  background-color: #F3F5F0; }
  #type-b.arya #step-1 .action_block p,
  #type-b.arya #step-1 .info_block p,
  #type-b.arya #step-2 .action_block p,
  #type-b.arya #step-2 .info_block p,
  #type-b.arya #step-3 .action_block p,
  #type-b.arya #step-3 .info_block p,
  #type-b.arya #greetings-comp .action_block p,
  #type-b.arya #greetings-comp .info_block p {
    margin: 0;
    padding: 0;
    min-height: 30px; }
  #type-b.arya #step-1 .action_block:first-child,
  #type-b.arya #step-1 .info_block:first-child,
  #type-b.arya #step-2 .action_block:first-child,
  #type-b.arya #step-2 .info_block:first-child,
  #type-b.arya #step-3 .action_block:first-child,
  #type-b.arya #step-3 .info_block:first-child,
  #type-b.arya #greetings-comp .action_block:first-child,
  #type-b.arya #greetings-comp .info_block:first-child {
    margin-top: 0; }
  #type-b.arya #step-1 .action_block::before,
  #type-b.arya #step-1 .info_block::before,
  #type-b.arya #step-2 .action_block::before,
  #type-b.arya #step-2 .info_block::before,
  #type-b.arya #step-3 .action_block::before,
  #type-b.arya #step-3 .info_block::before,
  #type-b.arya #greetings-comp .action_block::before,
  #type-b.arya #greetings-comp .info_block::before {
    content: "";
    height: 50px;
    width: 50px;
    position: absolute;
    top: -20px;
    left: calc(50% - 25px);
    background-color: #F3F5F0;
    border-radius: 50px;
    z-index: -1; }
  #type-b.arya #step-1 .action_block > p::after,
  #type-b.arya #step-1 .info_block > p::after,
  #type-b.arya #step-2 .action_block > p::after,
  #type-b.arya #step-2 .info_block > p::after,
  #type-b.arya #step-3 .action_block > p::after,
  #type-b.arya #step-3 .info_block > p::after,
  #type-b.arya #greetings-comp .action_block > p::after,
  #type-b.arya #greetings-comp .info_block > p::after {
    content: "\f004";
    height: 50px;
    width: 50px;
    position: absolute;
    top: -20px;
    left: calc(50% - 25px);
    z-index: 0;
    font-family: "Font Awesome 5 Free";
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 900;
    color: var(--main-action-color);
    font-size: 24px; }

#type-b.arya #step-1 select,
#type-b.arya #step-2 select,
#type-b.arya #step-3 select,
#type-b.arya #greetings-comp select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='caret-down' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' class='svg-inline--fa fa-caret-down fa-w-10 fa-3x'><path fill='gray' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z' class=''></path></svg>");
  background-repeat: no-repeat;
  background-size: 8px 12px;
  background-position: right 6px center;
  background-color: #fff;
  padding: 0 14px 0 10px; }

/* cookie banner */
#type-b.arya #cookiesBanner {
  z-index: 900;
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: var(--widgets-color-cookies-banner, --banner-color);
  color: #fff;
  text-align: center;
  padding: 20px 10px;
  line-height: 30px; }
  #type-b.arya #cookiesBanner span.close {
    background-color: #fff;
    padding: 5px 10px;
    color: var(--text-color, #333);
    margin: 0 0 0 20px;
    border-radius: var(--border-radius, 4px);
    cursor: pointer;
    font-size: inherit; }

/*mobile no widget*/
@media only screen and (max-width: 568px) and (min-width: 0px) {
  #type-b.arya.mobile_no_widget #widget_progress_bar,
  #type-b.arya.mobile_no_widget #last_donors_banner,
  #type-b.arya.mobile_no_widget #main_wrapinner .widgets,
  #type-b.arya.mobile_no_widget #form-info,
  #type-b.arya.mobile_no_widget #video {
    display: none; }
  #type-b.arya.mobile_no_widget #widgets {
    margin: 0; } }

#type-b.arya .amount li,
#type-b.arya .type2ct .radio-desc li {
  border-color: #dedfda; }

#type-b.arya .amount li,
#type-b.arya .amount ul li,
#type-b.arya .type2ct .radio-desc li {
  background-color: #fff;
  border-radius: var(--border-radius, 4px); }

#type-b.arya .amount li.active,
#type-b.arya .type2ct .radio-desc li.active {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  background-color: var(--amount-color, var(--main-action-color));
  color: #fff;
  border-color: var(--amount-color, var(--main-action-color)); }

#type-b.arya #greetings-comp .submit input,
#type-b.arya #step-3 a.button,
#type-b.arya #step-3 input.button {
  background-color: var(--button-color, var(--main-action-color));
  color: #fff;
  border-color: var(--button-color, var(--main-action-color)); }

#type-b.arya input[type=submit] {
  background-color: var(--main-action-color);
  color: #fff;
  border-color: var(--main-action-color); }

#type-b.arya .tax-info::before {
  border-color: transparent; }

#type-b.arya #step-3 .payment_mode h4 {
  background-color: #f0f0f0;
  color: #fff; }

#type-b.arya #step-3 .payment_mode.active h4 {
  background-color: #fff;
  color: #fff; }

#type-b.arya #step-3 .payment_mode h4.active {
  background-color: #fff;
  color: #383838;
  border: 2px solid #fff; }

#type-b.arya #card-type li > label::after,
#type-b.arya #payment_mode-ogone-pm li > label::after,
#type-b.arya #step-nav ul li,
#type-b.arya p#c-isc > label::after,
#type-b.arya p[data-type=checkbox] > label::after,
#type-b.arya p[data-type=radio] > label::after {
  color: var(--radio-color, --border-color); }

#type-b.arya p#c-isc input:checked + span::after,
#type-b.arya p[data-type=checkbox] input:checked + span::after {
  background-color: var(--main-action-color); }

#type-b.arya #bottom,
#type-b.arya #footer,
#type-b.arya.footer-column .step-info {
  background-color: var(--banner-color, #323031);
  color: #fff; }

#type-b.arya.footer-detach #bottom {
  background-color: var(--banner-color, #323031);
  color: #fff; }

#type-b.arya.footer-detach #footer {
  background-color: var(--banner-color-darker, #323031);
  color: #fff; }

#type-b.arya ::placeholder {
  font-size: inherit;
  color: var(--placehoder-color); }

#type-b.arya #step-1 input,
#type-b.arya #step-2 input:not(.apple_pay_styled_button),
#type-b.arya #step-2 input#city,
#type-b.arya #step-2 input#postcode,
#type-b.arya #step-2 select#country,
#type-b.arya .select2-container .select2-selection--single,
#type-b.arya input[type=text],
#type-b.arya select,
#type-b.arya textarea {
  border: var(--border, 2px solid #d1d1d1); }

#type-b.arya #step-2 input#city.error,
#type-b.arya #step-2 input#postcode.error,
#type-b.arya #step-2 input.error,
#type-b.arya #step-2 select#country.error,
#type-b.arya .select2-container .select2-selection--single.error,
#type-b.arya input[type=text].error,
#type-b.arya select.error {
  background-color: #ffd8d8;
  border: 1px solid #e53c3c;
  color: #e53c3c; }

#type-b.arya #step-2 input#city.error::placeholder,
#type-b.arya #step-2 input#postcode.error::placeholder,
#type-b.arya #step-2 input.error::placeholder,
#type-b.arya #step-2 select#country.error::placeholder,
#type-b.arya .select2-container .select2-selection--single.error::placeholder,
#type-b.arya input[type=text].error::placeholder,
#type-b.arya select.error::placeholder {
  color: #e53c3c; }

@media only screen and (max-width: 568px) and (min-width: 0px) {
  #type-b.arya #container #main_wrapinner {
    margin: 0;
    width: 100%; }
    #type-b.arya #container #main_wrapinner #step-1 .step-title,
    #type-b.arya #container #main_wrapinner #step-3 .step-content,
    #type-b.arya #container #main_wrapinner #form-info,
    #type-b.arya #container #main_wrapinner #form-error {
      border-bottom-left-radius: 0;
      border-top-left-radius: 0;
      border-bottom-right-radius: 0;
      border-top-right-radius: 0; } }

@media only screen and (min-width: 0px) and (max-width: 959px) {
  #type-b.arya.footer-detach .step-info {
    width: 100%;
    padding: 0 20px 20px 20px;
    margin: 0; }
  #type-b.arya .step-info .step-info-body,
  #type-b.arya .step-info h4,
  #type-b.arya .step-title h2 {
    padding-left: 0;
    padding-right: 0; }
  #type-b.arya #container #main {
    margin-bottom: 20px; } }

@media only screen and (max-width: 767px) {
  #type-b.arya #header .container {
    flex-direction: column;
    margin-top: 0; }
  #type-b.arya #lang a,
  #type-b.arya #lang a:last-child,
  #type-b.arya #lang a:nth-child(3),
  #type-b.arya #lang p.duo a:first-child,
  #type-b.arya.header-banner #lang a,
  #type-b.arya.header-banner #lang a:last-child,
  #type-b.arya.header-banner #lang a:nth-child(3),
  #type-b.arya.header-banner #lang p.duo a:first-child {
    border: none;
    border-left: none;
    border-right: none; }
  #type-b.arya #copyright {
    clear: both;
    width: 100% !important;
    float: none !important;
    display: block; } }

@media only screen and (min-width: 0px) and (max-width: 814px) {
  #type-b.arya #header #logo {
    margin: 40px auto 0;
    max-width: 100%; }
  #type-b.arya #lang {
    margin-top: 10px; }
  #type-b.arya #form-msf,
  #type-b.arya .form-connexion {
    width: 90%;
    float: left;
    position: relative;
    margin: 20px 5% 0; } }

@media only screen and (max-width: 959px) and (min-width: 768px) {
  #type-b.arya #next-submit,
  #type-b.arya .payment-submit {
    text-align: center !important; }
  #type-b.arya .amount ul li .lastUnit {
    display: block;
    width: 100% !important; }
  #copyright {
    float: right !important; } }

@media only screen and (max-width: 450px) {
  #type-b.arya .container,
  #type-b.arya #bottom .container {
    width: 100%;
    margin: 0; }
  #type-b.arya #footer .container {
    width: calc(100% - 40px);
    margin: 0 20px; }
  #type-b.arya #form-error,
  #type-b.arya #form-info,
  #type-b.arya #step-1,
  #type-b.arya #step-1 .step-title,
  #type-b.arya #step-2,
  #type-b.arya #step-2 .step-title,
  #type-b.arya #step-3,
  #type-b.arya #step-3 .step-title,
  #type-b.arya.footer-detach #step-1 .step-content,
  #type-b.arya.footer-detach #step-2 .step-content,
  #type-b.arya.footer-detach #step-3 .step-content {
    border-radius: 0; }
  #type-b.arya #bottom {
    display: none; } }

@media only screen and (min-width: 0px) and (max-width: 959px) {
  body:not(#type-a):not(#type-b.arya):not(#campaigns_edit):not(#theme_edit) #main {
    margin: 0; } }

@media only screen and (max-width: 1080px) {
  #type-b.arya #header .container {
    flex-direction: column; }
  #type-b.arya #header #logo {
    padding-top: 40px; }
  #type-b.arya #header #lang {
    margin-top: 20px; } }

@media only screen and (max-width: 959px) and (min-width: 0px) {
  #type-b.arya .step-title h2 {
    margin: 0;
    padding: 20px;
    padding-top: 15px;
    padding-bottom: 15px; }
  #type-b.arya #bottom {
    display: block; }
  #type-b.arya #bottom .step-info-1.mobile_hidden,
  #type-b.arya #bottom .step-info-2.mobile_hidden,
  #type-b.arya #bottom .step-info-3.mobile_hidden {
    display: none; }
  #type-b.arya #bottom .step-info-1.mobile_show,
  #type-b.arya #bottom .step-info-2.mobile_show,
  #type-b.arya #bottom .step-info-3.mobile_show {
    display: block; }
  #type-b.arya #header #lang {
    position: relative; }
  #type-b.arya.classic-layout .step-info {
    display: none; } }

@media only screen and (max-width: 570px) and (min-width: 0px) {
  #type-b.arya #step-1 .tabs_menu h3 {
    font-size: inherit; }
  #type-b.arya #bottom {
    display: block; }
  #type-b.arya #bottom .step-info-1.mobile_hidden,
  #type-b.arya #bottom .step-info-2.mobile_hidden,
  #type-b.arya #bottom .step-info-3.mobile_hidden {
    display: none; }
  #type-b.arya #bottom .step-info-1.mobile_show,
  #type-b.arya #bottom .step-info-2.mobile_show,
  #type-b.arya #bottom .step-info-3.mobile_show {
    display: block; } }

#type-b.arya .padlock {
  height: 30px;
  float: left; }

#type-b.arya #content-container {
  margin-bottom: 0;
  margin-left: 0;
  overflow: hidden; }

#type-b.arya #fielset-amazon {
  margin: 0 0 12px 0; }

#type-b.arya #header-banner #logo {
  margin: 0 0 20px 0; }

#type-b.arya #form-msf,
#type-b.arya .form-connexion {
  width: 65%;
  float: right;
  position: relative;
  margin-top: 20px; }

#type-b.arya #form-msf .msf_div:first-child,
#type-b.arya .form-connexion .form-connexion_div:first-child {
  width: 100%;
  clear: both;
  color: #fff;
  padding-bottom: 10px;
  font-weight: 400; }

#type-b.arya #form-msf .msf_div,
#type-b.arya .form-connexion .form-connexion_div {
  width: calc(100% / 3);
  float: left;
  padding: 0 15px 0 0; }

#type-b.arya #form-msf .msf_div label,
#type-b.arya .form-connexion .form-connexion_div label {
  display: none; }

#type-b.arya #step-2 .step-content,
#type-b.arya #step-3 .step-content {
  padding-top: 30px !important; }

body:not(#type-a):not(#type-b.arya):not(#campaigns_edit):not(#theme_edit) #main {
  background-color: var(--column-background-color, white); }

body:not(#type-a):not(#type-b.arya):not(#campaigns_edit):not(#theme_edit) #main {
  border-radius: var(--border-radius, 4px);
  margin: 0 20%;
  padding: 20px; }

body#campaigns_edit #type-b.arya .step-info h4,
body#theme_edit #type-b.arya .step-info h4 {
  border: none;
  color: inherit; }

body#campaigns_edit #type-b.arya #step-1 .tax-info,
body#theme_edit #type-b.arya #step-1 .tax-info {
  background-color: var(--information-color);
  color: #fff; }