@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(https://libs.iraiser.eu/libs/forms/select2/css/select2.min.css);
@import url(https://use.fontawesome.com/releases/v5.8.1/css/all.css);

: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
}

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

@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)
}

.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, .2, .8, 1) infinite;
    animation: lds-ripple 1.5s cubic-bezier(0, .2, .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
}

.lds-ripple {
    width: 60px !important;
    height: 60px !important;
    -webkit-transform: translate(-30px, -30px) scale(.3) translate(30px, 30px);
    transform: translate(-30px, -30px) scale(.3) translate(30px, 30px)
}

#type-b.arya {
    color: var(--text-color);
    font-family: var(--main-font)
}

#type-b.arya .dark-text {
    color: var(--text-color) !important
}

#type-b.arya .light-text {
    color: #fff !important
}

#type-b.arya {
    min-height: 100%;
    font-family: Poppins;
    font-size: 15px
}

#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
}

body#type-b.arya {
    background-size: 0
}

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
}

#type-b.arya #main {
    overflow: visible
}

#type-b.arya #main_wrapinner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start
}
#type-b.arya.annexes_pages #main_wrapinner {
    background-color: var(--column-background-color, rgba(255, 255, 255, 1));
    border-radius: var(--border-radius, 4px);
    padding: 20px 45px
}

#type-b.arya #floatingCirclesG {
    margin: 0 auto
}

#type-b.arya #container {
    opacity: 0;
    display: none
}

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

#type-b.arya * {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

#type-b.arya li {
    padding: 8px
}

#type-b.arya .clearfix,
#type-b.arya .spacer {
    clear: both;
    min-height: 1px
}

#type-b.arya #step-1 .clearfix {
    margin-top: -1px
}

#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 .fma-dropdown__item {
    padding: 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 .step-content {
    transition: all .4s ease
}

#type-b.arya #step-3 .step-content {
    overflow: hidden
}

#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 h1 {
    margin-bottom: 15px
}

#type-b.arya {
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    min-height: 100%
}

#type-b.arya #header {
    background-size: 0;
    background-color: transparent;
    margin: 0 0 30px 0
}

#type-b.arya #header .container {
    background-image: inherit;
    height: 100%;
    background-position: center center;
    background-size: cover;
    display: flex;
    justify-content: space-between;
    min-height: 100px
}

#type-b.arya #lang {
    background-color: transparent
}

#type-b.arya.header-banner #header {
    background-color: var(--banner-color)
}

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

#type-b.arya #header #logo {
    align-self: center;
    margin-right: 30px;
    flex-shrink: 0
}

#type-b.arya #header #logo h1 {
    margin: 0
}

#type-b.arya #logo a,
#type-b.arya #logo h1,
#type-b.arya #logo img {
    float: none;
    overflow: hidden;
    text-align: center;
    display: block;
    margin: 0 auto;
    max-width: 100%
}

#type-b.arya #logo a {
    margin-top: 20px
}

#type-b.arya.header-banner #logo a {
    margin-top: 50px;
    margin-bottom: 20px
}

#type-b.arya #lang {
    text-align: right;
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 50px;
    border-radius: var(--border-radius, 4px);
    width: auto
}

#type-b.arya #lang:after {
    content: ''
}

#type-b.arya #lang label span {
    display: none
}

#type-b.arya #lang,
#type-b.arya #lang a {
    border-color: var(--information-color);
    color: var(--information-color)
}

#type-b.arya #lang a {
    text-decoration: none;
    font-weight: 400;
    padding: 10px;
    border: 1px solid #fff;
    border: 1px solid var(--information-color);
    display: block;
    float: left;
    border-left: none;
    border-right: none
}

#type-b.arya #lang p.duo a:first-child {
    border-left: 1px solid #fff;
    border-color: var(--information-color);
    border-top-left-radius: var(--border-radius, 4px);
    border-bottom-left-radius: var(--border-radius, 4px)
}

#type-b.arya #lang a:nth-child(3) {
    border-left: 1px solid #fff;
    border-color: var(--information-color);
    border-top-left-radius: var(--border-radius, 4px);
    border-bottom-left-radius: var(--border-radius, 4px)
}

#type-b.arya #lang a:last-child {
    border-right: 1px solid #fff;
    border-color: var(--information-color);
    border-top-right-radius: var(--border-radius, 4px);
    border-bottom-right-radius: var(--border-radius, 4px)
}

#type-b.arya #lang select {
    padding: 0 10px;
    height: 30px;
    border-radius: var(--border-radius);
    font-weight: 100;
    font-size: inherit;
    border: 1px solid #fff;
    color: #fff;
    border-color: var(--information-color);
    color: var(--information-color);
    background-color: transparent;
    letter-spacing: 2px;
    padding: 0 0 0 6px;
    width: 120px;
    float: left;
    font-weight: 400;
    margin: 0 20px 0 0
}

#type-b.arya #lang select option {
    background-color: transparent;
    color: inherit;
    font-weight: 400;
    text-transform: none
}

#type-b.arya.header-banner #lang,
#type-b.arya.header-banner #lang a {
    border-color: #fff;
    color: #fff
}

#type-b.arya.header-banner #lang p.duo a:first-child {
    border-color: #fff
}

#type-b.arya.header-banner #lang a:nth-child(3) {
    border-color: #fff
}

#type-b.arya.header-banner #lang a:last-child {
    border-right: 1px solid #fff;
    border-color: #fff
}

#type-b.arya.header-banner #lang select {
    border: 1px solid #fff;
    color: #fff;
    text-transform: none;
    font-weight: 400
}

#type-b.arya.header-banner #lang select option {
    background-color: transparent;
    color: #000;
    font-weight: 400;
    text-transform: none
}

#type-b.arya.header-banner #lang.dark-text,
#type-b.arya.header-banner #lang.dark-text a {
    border-color: #000;
    color: #000
}

#type-b.arya.header-banner #lang.dark-text p.duo a:first-child {
    border-color: #000
}

#type-b.arya.header-banner #lang.dark-text a:nth-child(3) {
    border-color: #000
}

#type-b.arya.header-banner #lang.dark-text a:last-child {
    border-right: 1px solid #000;
    border-color: #000
}

#type-b.arya.header-banner #lang.dark-text select {
    border: 1px solid #000;
    color: #000
}

#type-b.arya #header #logo,
#type-b.arya #step-1,
#type-b.arya #step-2,
#type-b.arya #step-3 {
    width: calc((100% - 60px)/ 3);
    display: block;
    float: left;
    margin: 0
}

#type-b.arya #banner-info,
#type-b.arya #form-info {
    background-color: var(--main-action-color);
    color: #fff;
    width: 100%;
    margin: 0 0 20px 0;
    border-radius: var(--border-radius, 4px)
}

#type-b.arya #step-1 .step-content,
#type-b.arya #step-1 .step-title,
#type-b.arya #step-2 .step-content,
#type-b.arya #step-2 .step-title,
#type-b.arya #step-3 .step-content,
#type-b.arya #step-3 .step-title {
    background-color: var(--column-background-color, #fff)
}

#type-b.arya #step-1 .step-content,
#type-b.arya #step-2 .step-content,
#type-b.arya #step-3 .step-content {
    padding: 0
}

#type-b.arya #step-2 .step2_head {
    color: var(--text-color, #333);
    margin: 0 0 15px 0;
    padding: 0 0;
    font-size: 18px;
    font-weight: 700;
    font-family: inherit !important;
    text-align: center
}

#type-b.arya #step-2 #fieldset-step2 .step2_head {
    margin: 15px 0 30px 0;
    color: #969696;
    font-size: 12px;
    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 #step-2 #fieldset-step2 .step2_head span::after,
#type-b.arya #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 #step-2 #fieldset-step2 .step2_head span {
    position: relative
}

#type-b.arya #step-2 #fieldset-step2 .step2_head span::before {
    left: calc(-100% - 10px)
}

#type-b.arya #step-2 #fieldset-step2 .step2_head span::after {
    right: calc(-100% - 10px)
}

#type-b.arya #greetings-comp h2,
#type-b.arya .step-title h2 {
    color: inherit
}

#type-b.arya #form-steps {
    clear: both;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start
}

#type-b.arya .bloc {
    border: none
}

#type-b.arya #step-1 {
    margin-right: 15px;
    margin-left: 0
}

#type-b.arya #step-2 {
    margin-right: 15px;
    margin-left: 15px
}

#type-b.arya #once,
#type-b.arya #regular,
#type-b.arya #step-2 .step-content,
#type-b.arya #step-3 .step-content {
    padding: 0 20px
}

#once::after,
#regular::after {
    content: '';
    display: block;
    clear: both;
    height: 1px
}

#type-b.arya .content-desc {
    margin: 20px 0 0 0
}

#type-b.arya #step-3 {
    margin-right: 0;
    margin-left: 15px
}

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

#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-bottom-left-radius: var(--border-radius, 4px);
    border-bottom-right-radius: var(--border-radius, 4px);
    height: auto !important
}

#type-b.arya #form-error,
#type-b.arya .container {
    position: relative;
    width: 1200px;
    margin: 0 auto
}

#type-b.arya #step-2 .select2-container {
    width: 100% !important
}

@media only screen and (min-width:960px) and (max-width:1250px) {

    #type-b.arya #form-error,
    #type-b.arya .container {
        width: 960px
    }
}

@media only screen and (min-width:768px) and (max-width:959px) {

    #type-b.arya #form-error,
    #type-b.arya .container {
        width: 768px
    }

    #type-b.arya #header .container {
        flex-direction: column
    }

    #type-b.arya #header .container #widget_progress_bar {
        width: 100%;
        margin: 20px 0 0 0
    }
    #type-b.arya.one-column.one-column-single-step #header .container #widget_progress_bar {
        margin: 40px auto 0
    }
}

@media only screen and (max-width:767px) {

    #type-b.arya #form-error,
    #type-b.arya .container {
        width: 300px
    }

    #type-b.arya #header .container {
        flex-direction: column
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {

    #type-b.arya #form-error,
    #type-b.arya .container {
        width: 420px
    }
}

#type-b.arya #container {
    width: 100%;
    position: relative;
    min-height: 100vh;
    padding-bottom: 78px
}

#type-b.arya #banner-info,
#type-b.arya #form-info {
    border: none;
    text-align: center;
    padding: 20px 15px
}

#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 {
    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 .step-title {
    padding: 0
}

#type-b.arya .step-info {
    width: 100%;
    padding: 40px 0 20px;
    float: none;
    margin: 0;
    background-color: var(--stepinfo-background-color)
}

#type-b.arya #greetings-comp h2,
#type-b.arya .step-info h4,
#type-b.arya .step-title h2 {
    padding: 12px;
    text-align: center
}

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

#type-b.arya .step-info .step-info-body {
    padding: 0 20px 20px;
    font-size: inherit;
    line-height: 25px;
    font-weight: 100
}

#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-1 .step-content {
    padding-top: 0;
    padding-bottom: 25px
}

#type-b.arya #step-1 .step-content .tabs_menu {
    display: flex;
    align-items: stretch;
    padding: 0 20px
}

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

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

#type-b.arya #step-1 .step-content .tabs_menu {
    padding-top: 0 !important
}

#type-b.arya #once[aria-hidden=false],
#type-b.arya #regular[aria-hidden=false] {
    display: block !important
}

#type-b.arya #once[aria-hidden=true],
#type-b.arya #regular[aria-hidden=true] {
    display: none !important
}

#type-b.arya .ui-widget-header {
    background: 0 0;
    background-color: transparent
}

#type-b.arya .ui-widget.ui-widget-content {
    margin: 0;
    padding: 0;
    border: none
}

#type-b.arya .tabs ul,
#type-b.arya .ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0;
    border: 0
}

#type-b.arya .tabs ul>li,
#type-b.arya .ui-tabs .ui-tabs-nav li {
    padding: 0;
    width: 50%;
    margin: 0;
    float: left;
    border-radius: 0;
    border: none;
    display: flex;
    align-items: center;
    min-height: 100%;
    border-width: 1px
}

#type-b.arya .ui-tabs .ui-tabs-nav li:first-child {
    border-top-left-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius)
}

#type-b.arya .ui-tabs .ui-tabs-nav li:last-child {
    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius)
}

#type-b.arya .tabs ul li:first-child:last-child,
#type-b.arya .ui-tabs .ui-tabs-nav li:first-child:last-child {
    width: 100%
}

#type-b.arya .tabs ul li a,
#type-b.arya .ui-tabs .ui-tabs-nav .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 .tabs ul li a,
#type-b.arya .ui-state-default a,
#type-b.arya .ui-state-default a:focus,
#type-b.arya .ui-state-default a:link,
#type-b.arya .ui-state-default a:visited {
    border: none;
    outline: 0
}

#type-b.arya .tabs ul li a,
#type-b.arya .ui-button.ui-state-active:hover,
#type-b.arya .ui-button:active,
#type-b.arya .ui-state-active,
#type-b.arya .ui-widget-content .ui-state-active,
#type-b.arya .ui-widget-header .ui-state-active,
#type-b.arya a.ui-button:active {
    background-color: transparent
}

#type-b.arya .tabs ul li a,
#type-b.arya .ui-state-active a,
#type-b.arya .ui-state-active a:focus,
#type-b.arya .ui-state-active a:link,
#type-b.arya .ui-state-active a:visited {
    background-color: #fff;
    border: none;
    outline: 0
}

#type-b.arya #step-1 .ui-state-active {
    border-color: var(--main-action-color-lighter);
    color: var(--banner-color)
}

#type-b.arya #step-1 .ui-state-default {
    color: #838383
}

#type-b.arya .ui-tabs .ui-tabs-panel {
    background-color: transparent;
    background: 0 0;
    padding: 0
}

#type-b.arya .ui-widget-content {
    background-color: transparent;
    background: 0 0
}

#type-b.arya .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    padding-bottom: 0
}

#type-b.arya .bloc-content {
    padding: 0
}

#type-b.arya #step-1 .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 #step-1 .tabs_menu h3::after {
    content: ''
}

#type-b.arya #step-1 .tabs_menu li:first-child a {
    border-top-left-radius: var(--border-radius, 4px);
    border-bottom-left-radius: var(--border-radius, 4px)
}

#type-b.arya #step-1 .tabs_menu li:last-child a {
    border-top-right-radius: var(--border-radius, 4px);
    border-bottom-right-radius: var(--border-radius, 4px)
}

#type-b.arya #once,
#type-b.arya #regular {
    background-color: transparent;
    padding-bottom: 0;
    margin-bottom: 0
}

#type-b.arya #or {
    display: none
}

#type-b.arya .amount {
    padding: 20px 0 10px 0;
    margin: 0
}

#type-b.arya .thumbs {
    margin-bottom: 20px
}

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

#type-b.arya .free-amount {
    padding: 0 0 20px
}

#type-b.arya .amount ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1.5%
}

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

#type-b.arya .amount ul li .lastUnit {
    display: block;
    width: 100%
}

#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);
    height: 60px;
    border-width: 1px;
    flex: 1 0 22%
}

#type-b.arya .type2ct .radio-desc p {
    margin: 0
}

#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: 17px;
    display: flex;
    justify-content: center;
    padding: 0px;
}

#type-b.arya .amount label input {
    display: none
}

#type-b.arya .type2ct .radio-desc label {
    font-size: inherit
}

#type-b.arya .amount label.active {
    position: relative;
    background: 0 0
}

#type-b.arya .amount label.active span.active {
    background: 0 0
}

#type-b.arya .ui-widget button,
#type-b.arya .ui-widget input,
#type-b.arya .ui-widget select,
#type-b.arya .ui-widget textarea {
    font-family: inherit;
    font-size: inherit
}

#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 .radio-desc li,
#type-b.arya .radio-inline li {
    float: left;
    overflow: visible
}

#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 #step-1 .free-amount {
    height: 70px;
    padding-bottom: 20px
}

#type-b.arya #step-1 .free-amount label {
    font-size: 0
}

#type-b.arya #step-1 .free-amount p {
    border: none
}

#type-b.arya #step-1 .free-amount span {
    float: right;
    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: 18px
}

#type-b.arya #step-1 .free-amount input[type=text] {
    display: block;
    width: calc(100% - 45px);
    float: left;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: transparent;
    padding-right: 10px;
    font-size: 18px;
    background-color: #fff;
    text-align: right
}

html[lang=en_EN] #type-b.arya #step-1 .free-amount span {
    float: left;
    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: 18px
}

html[lang=en_EN] #type-b.arya #step-1 .free-amount input[type=text] {
    display: block;
    width: calc(100% - 45px);
    float: right;
    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: 18px;
    background-color: #fff;
    text-align: left
}

#type-b.arya #step-1 .height_adaptor>div p:last-of-type.tax-info,
#type-b.arya .tax-info {
    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 .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 #step-1 .height_adaptor .onceblock+div:not(.regularblock) p:last-child,
#type-b.arya #step-1 .height_adaptor .regularblock+div:not(.onceblock) p:last-child {
    margin-bottom: 4px
}

#type-b.arya #step-2 {
    padding: 0
}

#type-b.arya #fieldset-step2 {
    padding: 0
}

#type-b.arya #step-1 .renew-info p,
#type-b.arya #step-2 .renew-info p,
#type-b.arya #step-3 .renew-info p {
    height: auto;
    min-height: 0
}

#type-b.arya #step-1 .renew-info {
    padding: 10px 20px
}

#type-b.arya #step-3 .payment,
#type-b.arya #step-3 .renew-info,
#type-b.arya #step-3 p {
    padding: 0
}

#type-b.arya #security-info {
    clear: both;
    height: 50px;
    display: flex !important;
    align-items: center;
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0
}

#type-b.arya #security-info p {
    float: left;
    padding: 0 0 0 10px;
    font-size: 14px;
    text-align: left;
    width: calc(100% - 40px);
    font-weight: 400;
    margin: 0;
    background-color: transparent;
    border: none
}

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

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

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

#type-b.arya .select2-hidden-accessible {
    max-width: 1px
}

#step-3 .payment_titles {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    flex-direction: row
}

#type-b.arya .payment_mode .payment_head {
    display: none !important
}

#type-b.arya #step-3 .payment_head {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    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 #step-3 .payment_titles.has_2_child .payment_head,
#type-b.arya #step-3 .payment_titles.has_4_child .payment_head {
    width: 50%
}

#type-b.arya #step-3 .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 #step-3 .payment_head.active::before {
    background-color: var(--main-action-color)
}

#type-b.arya #step-3 .payment_head[data-stripe-mode=google]::before {
    -webkit-mask-image: url(./assets/payment_title/pay_google.svg);
    mask-image: url(./assets/payment_title/pay_google.svg)
}

#type-b.arya #step-3 .payment_head[data-stripe-mode=apple]::before {
    -webkit-mask-image: url(./assets/payment_title/pay_apple.svg);
    mask-image: url(./assets/payment_title/pay_apple.svg)
}

#type-b.arya #step-3 .payment_head.payment_mode-buckaroo-ideal::before {
    -webkit-mask-image: url(./assets/payment_title/pay_ideal.svg);
    mask-image: url(./assets/payment_title/pay_ideal.svg)
}

#type-b.arya #step-3 .payment_head.payment_mode-bban-uk::before {
    -webkit-mask-image: url(./assets/payment_title/pay_iban_bic.svg);
    mask-image: url(./assets/payment_title/pay_iban_bic.svg)
}

#type-b.arya #step-3 .payment_head.payment_mode-limonetik_card::before {
    -webkit-mask-image: url(./assets/payment_title/pay_sodexo.svg);
    mask-image: url(./assets/payment_title/pay_sodexo.svg)
}

#type-b.arya #step-3 .payment_head.payment_mode-amazon::before {
    -webkit-mask-image: url(./assets/payment_title/pay_amazon-pay.svg);
    mask-image: url(./assets/payment_title/pay_amazon-pay.svg)
}
#type-b.arya #step-3 .payment_head.payment_mode-ogone-pm::before {
    -webkit-mask-image: url(./assets/payment_title/pay_credit-card.svg);
    mask-image: url(./assets/payment_title/pay_credit-card.svg)
}

#type-b.arya #step-3 .payment_head.payment_mode-ogone-pm-twint::before {
    -webkit-mask-image: url(./assets/payment_title/pay_twint.svg);
    mask-image: url(./assets/payment_title/pay_twint.svg);
    -webkit-mask-size: 85%;
    mask-size: 85%;
    -webkit-mask-position-x: center;
    mask-position-x: center;
}

#type-b.arya #step-3 .payment_head.payment_mode-ogone-pm-postfinancecard::before {
    -webkit-mask-image: url(./assets/payment_title/pay_postfinance.svg);
    mask-image: url(./assets/payment_title/pay_postfinance.svg);
    -webkit-mask-size: 75%;
    mask-size: 75%;
    -webkit-mask-position-x: center;
    mask-position-x: center;
}

#type-b.arya #step-3 .payment_head.payment_mode-card::before {
    -webkit-mask-image: url(./assets/payment_title/pay_credit-card.svg);
    mask-image: url(./assets/payment_title/pay_credit-card.svg)
}

#type-b.arya #step-3 .payment_head[class^="payment_mode-card-"]::before,
#type-b.arya #step-3 .payment_head[class*=" payment_mode-card-"]::before{
    -webkit-mask-image: url(./assets/payment_title/pay_credit-card.svg);
    mask-image: url(./assets/payment_title/pay_credit-card.svg)
}

#type-b.arya #step-3 .payment_head.payment_mode-gestpay_ideal::before {
    -webkit-mask-image: url(./assets/payment_title/pay_ideal.svg);
    mask-image: url(./assets/payment_title/pay_ideal.svg)
}

#type-b.arya #step-3 .payment_head.payment_mode-iban::before {
    -webkit-mask-image: url(./assets/payment_title/pay_iban_bic.svg);
    mask-image: url(./assets/payment_title/pay_iban_bic.svg)
}

#type-b.arya #step-3 .payment_head.payment_mode-ideal::before {
    -webkit-mask-image: url(./assets/payment_title/pay_ideal.svg);
    mask-image: url(./assets/payment_title/pay_ideal.svg)
}

#type-b.arya #step-3 .payment_head.payment_mode-paypal::before {
    -webkit-mask-image: url(./assets/payment_title/pay_paypal.svg);
    mask-image: url(./assets/payment_title/pay_paypal.svg)
}

#type-b.arya #step-3 .payment_head.payment_mode-alipay::before {
    -webkit-mask-image: url(./assets/payment_title/pay_alipay.svg);
    mask-image: url(./assets/payment_title/pay_alipay.svg)
}

#type-b.arya #step-3 .payment_head.payment_mode-check::before {
    -webkit-mask-image: url(./assets/payment_title/pay_check.svg);
    mask-image: url(./assets/payment_title/pay_check.svg)
}

#type-b.arya #step-3 .payment_head.payment_mode-ddebit::before {
    -webkit-mask-image: url(./assets/payment_title/pay_check.svg);
    mask-image: url(./assets/payment_title/pay_check.svg)
}

#type-b.arya #step-3 .payment_head.payment_mode-bancontact::before {
    -webkit-mask-image: url(./assets/payment_title/pay_bancontact.svg);
    mask-image: url(./assets/payment_title/pay_bancontact.svg)
}

#type-b.arya #step-3 .payment_head.payment_mode-satispay_satispay::before {
    -webkit-mask-image: url(./assets/payment_title/pay_satispay.svg);
    mask-image: url(./assets/payment_title/pay_satispay.svg)
}

#type-b.arya #step-3 .payment_head.payment_mode-gocardless_bacs::before {
    -webkit-mask-image: url(./assets/payment_title/pay_direct_debit_square.svg);
    mask-image: url(./assets/payment_title/pay_direct_debit_square.svg)
}

#type-b.arya #step-3 .payment_head.payment_mode-mobilepay_mobilepay::before {
    -webkit-mask-image: url(./assets/payment_title/pay_mobilepay.svg);
    mask-image: url(./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 #step-3 .payment_head.payment_mode-paytrail_mobilepay::before {
    -webkit-mask-image: url(./assets/payment_title/pay_mobilepay.svg);
    mask-image: url(./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 #step-3 .payment_head.payment_mode-paytrail_other::before {
    -webkit-mask-image: url(./assets/payment_title/pay_paytrail.svg);
    mask-image: url(./assets/payment_title/pay_paytrail.svg)
}

#type-b.arya #step-3 .payment_head.active {
    border-color: var(--main-action-color)
}

#type-b.arya #step-3 #gocardless_bacs_account_holder {
    background-color: #f0f0f0;
    border: var(--border);
    border-radius: var(--border-radius);
    padding: 12px;
}
#type-b.arya #step-3 #gocardless_bacs_disclaimer_text{
    font-size:12px;
    margin-bottom: 15px;
}

#type-b.arya #step-3 .payment_head .payment_mode_title {
    color: #969696;
    font-size: 12px;
    text-align: center;
    height: 40px;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0;
    margin: 0;
    justify-content: center;
}

#type-b.arya #step-3 .payment_head.active .payment_mode_title {
    color: var(--main-action-color)
}

#step-3 .payment_head svg {
    height: auto;
    width: 40px
}

#step-3 .payment_head svg path {
    fill: #969696
}

#step-3 .payment_head.active svg path {
    fill: var(--main-action-color)
}

#type-b.arya .payment_body {
    margin: 0;
    padding: 0 20px
}

#type-b.arya .payment_mode {
    margin: 0 -20px 0 -20px;
    background-color: transparent
}

#type-b.arya #step-3 .payment_mode h4 {
    height: 70px;
    text-align: center;
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    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 #step-3 #payment_mode-apple_pay h4 svg.fa-chevron-down,
#type-b.arya #step-3 #payment_mode-paypal h4 svg.fa-chevron-down,
#type-b.arya #step-3 .payment_mode h4 svg.fa-chevron-down {
    position: absolute;
    height: 15px;
    right: 10px;
    width: 15px;
    min-height: 15px;
    padding: 0
}

#type-b.arya .paypal_img {
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    padding-top: 11px
}

#type-b.arya .paypal_button {
    background-color: #ffc439;
    width: 100%;
    width: 100%;
    max-width: 100%;
    min-height: 50px;
    cursor: pointer;
    border-radius: 5px
}

#type-b.arya .paypal_button:hover {
    opacity: .8
}

#type-b.arya #amazon-connect img,
#type-b.arya #fielset-step2-connect .button {
    margin: 2px;
    margin-left: auto;
    margin-right: m;
    margin: 2px auto !important
}

#type-b.arya #step-3 .payment_mode h4 svg.fa-chevron-down path:nth-child(1) {
    fill: #fff
}

#type-b.arya #step-3 .payment_mode h4.active {
    font-weight: 500
}

#type-b.arya #bban-de input[type=text],
#type-b.arya #bic-input input[type=text],
#type-b.arya #card-scode #CVV2,
#type-b.arya #card-scode #scode,
#type-b.arya #iban-input input[type=text] {
    width: 100%
}

#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] {
    min-height: 50px;
    height: auto;
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 17px;
    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;
    -webkit-appearance: none;
    white-space: normal;
    padding: 10px
}

#type-b.arya #step-3 .simple .payment-submit {
    position: relative
}

#type-b.arya #step-3 .simple .payment_body {
    padding: 0;
    margin: 0
}

#type-b.arya #step-3 .simple .payment_head .payment_mode_title img {
    margin: 0 0 0 5px
}

#type-b.arya #step-3 .step-content .simple .payment-submit {
    margin: 0
}

#type-b.arya #step-3 .simple input.button {
    -webkit-appearance: none;
    height: 70px;
    text-align: center;
    font-weight: 400;
    font-size: 0;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    cursor: pointer;
    border-radius: 0;
    border: none;
    position: absolute;
    background: 0 0;
    color: transparent;
    top: 0;
    left: 0
}

#type-b.arya #step-3 .payment_body #card-scode {
    float: right;
    width: 20%;
    margin: 0
}

#type-b.arya #card-expiry {
    float: left;
    width: 80%
}

#type-b.arya #card-scode .help {
    display: none
}

#type-b.arya #card-expiry label {
    width: calc(65% - 10px);
    float: left;
    display: block;
    margin-right: 10px
}

#type-b.arya #card-expiry label:last-child {
    width: calc(35% - 10px)
}

#type-b.arya #card-expiry>span:first-child {
    padding-left: 10px
}

#type-b.arya #payment_mode-card .select2-container .select2-selection--single {
    padding: 0 0 0 10px
}

#type-b.arya #card-expiry label .select2-container {
    width: 100% !important
}

#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 #step-3 .step-content .payment_mode.simple .payment-submit {
    position: absolute;
    top: 0;
    padding: 0 !important;
    height: 70px
}

#type-b.arya .payment-submit {
    clear: both
}

#type-b.arya #card-type li>label,
#type-b.arya #payment_mode-ogone-pm li>label,
#type-b.arya p[data-type=radio]>label,
#type-b.arya p[data-type=radio]>label.table {
    position: relative;
    padding-left: 27px;
    min-height: 40px;
    display: table;
    vertical-align: top;
    clear: both;
    cursor: pointer;
}
#type-b.arya #card-type li label::after,
#type-b.arya #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 #card-type li label,
#type-b.arya #payment_mode-ogone-pm li label {
    position: relative;
}

#type-b.arya #card-type li>label .radio-type,
#type-b.arya #payment_mode-ogone-pm li>label .radio-type {
    padding: 0;
    margin: 0;
    min-height: auto;
    height: auto
}

#type-b.arya #card-type li input:checked+span::after,
#type-b.arya #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 p[data-type=radio]>label.table {
    margin-top: 10px
}

#type-b.arya p[data-type=radio]>label.table span.column {
    padding-top: 5px
}

#type-b.arya #card-type li>label span,
#type-b.arya #payment_mode-ogone-pm li>label span,
#type-b.arya p[data-type=radio]>label span {
    min-height: 30px;
    padding: 0;
    display: block;
    float: left;
    padding-top: 7px
}

#type-b.arya #card-type li>label span,
#type-b.arya #payment_mode-ogone-pm li>label span {
    min-height: 26px
}

#type-b.arya #card-type li input,
#type-b.arya #payment_mode-ogone-pm li input,
#type-b.arya p[data-type=radio] input {
    height: 0;
    visibility: hidden;
    display: none
}

#type-b.arya .payment_body #card-type {
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

#type-b.arya #card-type {
    margin-bottom: 10px
}

#type-b.arya #payment_mode-ogone-pm ul {
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#type-b.arya #payment_mode-ogone-pm li {
    width: 50px;
    float: left;
    padding: 0;
    margin: 0 5px;
    padding-bottom: 30px;
}
#type-b.arya li[data-value="PostFinance Card"] label {
    background-image: url(//libs.iraiser.eu/images/pictos/2020/credit_card/cb_postfinance_grey.svg)
}
#type-b.arya li[data-value="PostFinance Card"].selected label {
    background-image: url(//libs.iraiser.eu/images/pictos/2020/credit_card/cb_postfinance_color.svg)
}
#type-b.arya li[data-value="TWINT"] label {
    /* background-image: url(//libs.iraiser.eu/images/pictos/2020/credit_card/bancontact_grey.svg) */
    background-image: url(//libs.iraiser.eu/images/pictos/2020/credit_card/cb_twint_grey.svg)
}
#type-b.arya li[data-value="TWINT"].selected label {
    /* background-image: url(//libs.iraiser.eu/images/pictos/2020/credit_card/bancontact_grey.svg) */
    background-image: url(//libs.iraiser.eu/images/pictos/2020/credit_card/cb_twint_color.svg)
}

#type-b.arya #card-type li {
    width: 50px;
    float: left;
    padding: 0;
    margin: 0 5px;
    padding-bottom: 30px;
}
#type-b.arya #card-type li label,
#type-b.arya #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
}

#type-b.arya li[data-value=amex] label {
    background-image: url(//libs.iraiser.eu/images/pictos/2020/credit_card/american_express_grey.svg)
}

#type-b.arya li[data-value=bancontact] label {
    background-image: url(//libs.iraiser.eu/images/pictos/2020/credit_card/bancontact_grey.svg)
}

#type-b.arya li[data-value=cartebleue] label {
    background-image: url(//libs.iraiser.eu/images/pictos/2020/credit_card/carte_bleue_grey.svg)
}

#type-b.arya li[data-value=maestro] label {
    background-image: url(//libs.iraiser.eu/images/pictos/2020/credit_card/maestro_grey.svg)
}

#type-b.arya li[data-value=maestrobe] label {
    background-image: url(//libs.iraiser.eu/images/pictos/2020/credit_card/maestro_grey.svg)
}

#type-b.arya li[data-value=mastercard] label {
    background-image: url(//libs.iraiser.eu/images/pictos/2020/credit_card/master_card_grey.svg)
}

#type-b.arya li[data-value=visaelectron] label {
    background-image: url(//libs.iraiser.eu/images/pictos/2020/credit_card/visa_electron_grey.svg)
}

#type-b.arya li[data-value=visa] label {
    background-image: url(//libs.iraiser.eu/images/pictos/2020/credit_card/visa_grey.svg)
}

#type-b.arya li[data-value=amex].selected label {
    background-image: url(//libs.iraiser.eu/images/pictos/2020/credit_card/american_express.svg)
}

#type-b.arya li[data-value=bancontact].selected label {
    background-image: url(//libs.iraiser.eu/images/pictos/2020/credit_card/bancontact.svg)
}

#type-b.arya li[data-value=cartebleue].selected label {
    background-image: url(//libs.iraiser.eu/images/pictos/2020/credit_card/carte_bleue.svg)
}

#type-b.arya li[data-value=maestro].selected label {
    background-image: url(//libs.iraiser.eu/images/pictos/2020/credit_card/maestro.svg)
}

#type-b.arya li[data-value=maestrobe].selected label {
    background-image: url(//libs.iraiser.eu/images/pictos/2020/credit_card/maestro.svg)
}

#type-b.arya li[data-value=mastercard].selected label {
    background-image: url(//libs.iraiser.eu/images/pictos/2020/credit_card/master_card.svg)
}

#type-b.arya li[data-value=visaelectron].selected label {
    background-image: url(//libs.iraiser.eu/images/pictos/2020/credit_card/visa_electron.svg)
}

#type-b.arya li[data-value=visa].selected label {
    background-image: url(//libs.iraiser.eu/images/pictos/2020/credit_card/visa.svg)
}

#type-b.arya #card-type li.selected label,
#type-b.arya #payment_mode-ogone-pm li.selected label {
    border: 2px solid var(--main-action-color)
}

#type-b.arya #card-number {
    clear: both
}

#type-b.arya #card-expiry label {
    margin-top: 0
}

#type-b.arya #card-expiry>span:first-child {
    padding-left: 0
}

#type-b.arya #step-3 .payment_body p {
    margin: 0 0 16px 0;
    background: 0 0;
    border: none;
    position: relative
}

#type-b.arya #card-scode {
    position: relative;
    overflow: visible
}

#type-b.arya #scode {
    margin-bottom: 60px
}

#type-b.arya #scode[maxlength="5"] {
    margin-bottom: 0
}

#type-b.arya #card-scode .help {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 500%;
    height: 50px;
    padding: 0 10px 0;
    font-size: 12px;
    line-height: 18px;
    text-align: center
}

#type-b.arya #bottom {
    margin-top: 100px;
    padding-top: 15px
}

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

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

#type-b.arya.footer-column .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 .step-info {
        display: none
    }

    #type-b.arya.footer-column #container {
        padding-bottom: 88px
    }
}

@media only screen and (max-width:400px) {
    #type-b.arya.footer-column #container {
        padding-bottom: 126px
    }
}

#type-b.arya.footer-detach .step-info {
    width: calc((99% - 100px)/ 3);
    height: auto !important;
    background-color: var(--banner-color, #323031)
}

#type-b.arya .step-info {
    display: block;
    float: left;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 26px;
    font-size: inherit;
    font-weight: 400
}

#type-b.arya .step-info-1 {
    margin: 0 25px 0 0
}

#type-b.arya .step-info-2 {
    margin: 0 25px
}

#type-b.arya .step-info-3 {
    margin: 0 0 0 25px
}

#type-b.arya #footer {
    padding: 20px 0
}

#type-b.arya .intl-tel-input {
    width: 100%
}

#type-b.arya #step-1 .intl-tel-input input,
#type-b.arya #step-2 .intl-tel-input input,
#type-b.arya #step-3 .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 #step-1 input,
#type-b.arya #step-2 input,
#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 {
    width: 100%;
    height: 50px;
    border-radius: var(--border-radius, 4px);
    padding-left: 10px
}

#type-b.arya textarea {
    min-height: 100px;
    padding: 10px;
    height: 50px;
    max-width: 100%
}

#type-b.arya #step-1 input[type=checkbox],
#type-b.arya #step-2 input[type=checkbox] {
    width: 1px;
    height: 1px
}

#type-b.arya p[data-type=radio]>label {
    position: relative;
    padding-left: 20px;
    height: 40px
}

#type-b.arya p[data-type=radio] label:first-child::after {
    content: '';
    height: 0;
    width: 0;
    border: none
}

#type-b.arya p[data-type=radio]>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 p[data-type=radio]>label span {
    min-height: 40px;
    padding: 0;
    display: block;
    float: left;
    line-height: 24px;
    padding-left: 0
}

#type-b.arya p[data-type=radio]>label span.reserved_title {
    min-height: 40px;
    line-height: 25px;
    height: auto;
    padding: 10px 0 10px 0;
    display: inline;
    float: none
}

#type-b.arya span.reserved_title+span.required {
    display: inline;
    float: none
}

#type-b.arya p[data-type=radio] 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 p[data-type=radio] input {
    height: 0;
    visibility: hidden
}

#type-b.arya p#c-isc {
    padding-top: 5px
}

#type-b.arya p#c-isc>label {
    position: relative;
    padding-left: 38px;
    min-height: 40px;
    display: table;
    vertical-align: top;
    padding-top: 10px
}

#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>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 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 p#c-isc input {
    height: 0;
    visibility: hidden;
    display: none
}

#type-b.arya p[data-type=checkbox] input[type=checkbox] {
    float: left
}

#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::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 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.reserved_title {
    height: auto;
    padding: 0;
    position: relative;
    display: block;
    float: none;
    line-height: 18px;
    padding-top: 2px;
    min-height: 24px
}
#type-b.arya p[data-type=checkbox]>label span.reserved_title.label_required::after {
    content:' *';
    display: inline;
}
#type-b.arya span.reserved_title {
    line-height: 30px;
    min-height: 30px
}

#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] 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] input {
    height: 0;
    visibility: hidden
}

#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: -2p
}

#type-b.arya #step-2 p[data-ira-placeholder=false] label:first-child {
    padding: 5px;
    display: block
}

#type-b.arya #step-1 p[name^=reserved_][data-type=checkbox],
#type-b.arya #step-2 p[name^=reserved_][data-type=checkbox],
#type-b.arya #step-3 p[name^=reserved_][data-type=checkbox] {
    min-height: 24px
}

#type-b.arya #step-1 p[name^=reserved_][data-type=radio] label:first-child,
#type-b.arya #step-2 p[name^=reserved_][data-type=radio] label:first-child,
#type-b.arya #step-3 p[name^=reserved_][data-type=radio] label:first-child {
    display: block;
    padding: 0;
    line-height: 20px;
    min-height: 30px;
    height: auto
}

#type-b.arya #step-1 [data-type=checkbox] label,
#type-b.arya #step-2 #c-isc label,
#type-b.arya #step-2 [data-type=checkbox] label,
#type-b.arya #step-3 [data-type=checkbox] label {
    display: block
}

#type-b.arya #greetings-comp fieldset p,
#type-b.arya #step-1 p[name^=reserved_],
#type-b.arya #step-2 p,
#type-b.arya #step-3 p[name^=reserved_] {
    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 .pay-icon {
    right: 8px;
    top: 15px;
    background-image: url(//libs.iraiser.eu/images/pictos/2020/icon_pen.svg);
    background-size: 16px
}

#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 p#c-email label:first-child {
    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);
    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 {
    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 #content-container {
    margin-bottom: 0;
    margin-left: 0;
    overflow: hidden
}

#type-b.arya #once .detail p,
#type-b.arya #regular .detail p {
    color: var(--text-color, #333);
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 20px;
}

#type-b.arya #payment_mode-card #card-number:before {
    width: 45px;
    height: 26px;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    display: block;
    left: 4px;
    top: 27px;
    z-index: 1000;
    background-size: contain
}

#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 #AmazonPayButton img {
    margin: 0 auto;
    display: block
}

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

#type-b.arya #greetings {
    padding: 0;
    margin: 0;
    width: 100%;
}

#type-b.arya #greetings-comp fieldset p {
    margin: 0;
    padding: 15px 0;
    min-height: auto
}

#type-b.arya #greetings-comp fieldset p::after {
    content: '';
    clear: both;
    height: 1px;
    display: block
}

#type-b.arya #greetings .unit.size1of2:first-child {
    float: left;
    width: calc(62% - 65px);
    margin: 0 65px 0 0;
    background-color: var(--column-background-color, rgba(255, 255, 255, 1));
    border-radius: var(--border-radius, 4px);
    font-size: inherit
}

#type-b.arya #greetings .unit.size1of2:last-child {
    width: 38%;
    background-color: var(--column-background-color, rgba(255, 255, 255, 1));
    border-radius: var(--border-radius, 4px);
    font-size: inherit;
    padding-left: 30px;
    padding-right: 30px;
    float: left
}

#type-b.arya #greetings .unit.size1of2:only-child {
    width: 100%
}

#type-b.arya #greetings-comp {
    padding: 0
}

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

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

#type-b.arya #greetings-comp h2 {
    margin: 0 -30px 30px -30px;
    border-top-left-radius: var(--border-radius, 4px);
    border-top-right-radius: var(--border-radius, 4px)
}

#type-b.arya #greetings-comp fieldset {
    padding: 0
}

#type-b.arya #greetings-comp input[type=text] {
    width: 100%
}

#type-b.arya #greetings-comp p[data-type=radio]>label:first-child {
    padding-left: 0
}

#type-b.arya #greetings-comp p[data-type=radio]>label {
    padding-left: 38px
}

@media only screen and (max-width:959px) {
    #type-b.arya #greetings .unit.size1of2:first-child {
        margin: 0
    }

    #type-b.arya #greetings .unit.size1of2:last-child {
        width: 100% !important;
        display: block;
        margin-top: 20px
    }
}

@media only screen and (max-width:450px) {

    #type-b.arya #greetings .unit.size1of2:first-child,
    #type-b.arya #greetings-comp h2 {
        border-radius: 0
    }
}

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

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

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

#type-b.arya h1 {
    font-size: 24px
}

#type-b.arya h2 {
    font-size: 22px
}

#type-b.arya h3 {
    font-size: 20px
}

#type-b.arya h4 {
    font-size: 18px
}

#type-b.arya h5 {
    font-size: 16px
}

#type-b.arya h6 {
    font-size: 15px
}

#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 #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: 24px
}

#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: 22px
}

#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: 20px
}

#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: 18px
}

#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: 16px
}

#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: 15px
}

#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 #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
}

#form-error li {
    list-style-type: disc;
    margin: 0 15px;
    padding: 8px 0 0 0
}

#form-error h3 {
    font-size: inherit;
    letter-spacing: -1px;
    color: #e53c3c
}

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

    #type-b.arya #form-error {
        margin: 0 0 20px 0;
        width: 100%
    }

    #type-b.arya #step-1 {
        margin-right: 10px;
        margin-left: 0
    }

    #type-b.arya #step-2 {
        margin-right: 10px;
        margin-left: 10px
    }

    #type-b.arya #step-3 {
        margin-right: 0;
        margin-left: 10px
    }

    #type-b.arya #step-1,
    #type-b.arya #step-2,
    #type-b.arya #step-3 {
        width: calc((100% - 40px)/ 3)
    }
}

@media only screen and (min-width:0px) and (max-width:959px) {
    #type-b.arya #main:after {
        content: '';
        position: fixed;
        z-index: -1;
        bottom: 0;
        top: 50px;
        left: 0;
        right: 0
    }

    #type-b.arya .container {
        width: calc(100% - 40px);
        margin: 0 20px
    }

    #type-b.arya #form-error {
        margin: 0 0 20px 0;
        width: 100%
    }

    #type-b.arya #form-steps {
        flex-direction: column;
        width: 100%;
    }
    #type-b.arya #banner-info,
    #type-b.arya #form-info,
    #type-b.arya #step-1,
    #type-b.arya #step-2,
    #type-b.arya #step-3 {
        width: 100% !important;
        margin-left: 0;
        margin-right: 0
    }

    #type-b.arya #step-3 {
        border-bottom-right-radius: var(--border-radius, 4px);
        border-bottom-left-radius: var(--border-radius, 4px)
    }

    #type-b.arya .step-title h2 {
        text-align: center;
        margin: 10px;
        font-weight: 500;
        padding: 10px
    }

    #type-b.arya #step-3 .step-content {
        padding-bottom: 40px
    }

    #type-b.arya .tax-info {
        border-radius: var(--border-radius, 4px)
    }

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

    #type-b.arya p#c-pcode {
        width: calc(50% - 10px) !important;
        float: left !important
    }

    #type-b.arya p#c-city {
        width: calc(50% - 10px) !important;
        float: right !important
    }
}

#type-b.arya .ui-tabs .ui-tabs-nav li.ui-tabs-active::before {
    color: var(--main-action-color)
}

#type-b.arya #banner-info,
#type-b.arya #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 .tax-info,
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
}

#type-b.arya .free-amount span,
#type-b.arya p#c-email label {
    background-color: #f0f0f0;
    border: 1px solid #d1d1d1
}

#type-b.arya #step-1 .ui-state-default {
    background-color: transparent;
    color: inherit;
    border: var(--border, 1px solid #9b9b9b);
    border-width: 1px
}

#type-b.arya #step-1 .single_frequency .ui-state-active {
    color: var(--text-color, #333);
    border: none;
    min-height: 25px;
    height: auto
}

#type-b.arya #step-1 .ui-state-active {
    color: #fff;
    background-color: var(--main-action-color);
    border-color: var(--main-action-color-lighter);
    border-width: 2px;
    background-image: none
}

#type-b.arya #step-1 .ui-state-default a,
#type-b.arya #step-1 .ui-state-default a:focus,
#type-b.arya #step-1 .ui-state-default a:link,
#type-b.arya #step-1 .ui-state-default a:visited {
    background-color: inherit;
    color: var(--main-action-color);
    border: transparent
}

#type-b.arya #step-1 .ui-state-active a,
#type-b.arya #step-1 .ui-state-active a:focus,
#type-b.arya #step-1 .ui-state-active a:link,
#type-b.arya #step-1 .ui-state-active a:visited {
    color: inherit;
    background-color: inherit;
    border-color: transparent
}

#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 #bottom .clearfix {
    min-height: 0
}

#type-b.arya #footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    background-color: var(--banner-color-darker, #323031);
    color: #fff
}

#type-b.arya.annexes_pages #container {
    padding-bottom: 208px
}

#type-b.arya.annexes_pages #bottom {
    display: none
}

#type-b.arya #footer a {
    color: #fff
}

#type-b.arya #copyright {
    line-height: 38px
}

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

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

#type-b.arya #step-1 input,
#type-b.arya #step-2 input,
#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 (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 #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
}

@media only screen and (max-width:767px) {
    #type-b.arya #container {
        padding-bottom: 116px
    }

    #type-b.arya.footer-column #container {
        padding-bottom: 136px
    }

    #type-b.arya #header .container {
        flex-direction: column;
        margin-top: 0
    }

    #type-b.arya #widget_progress_bar {
        width: 100%
    }

    #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.i18n #widget_progress_bar {
        margin: 20px 20px 20px 20px;
        width: calc(100% - 40px)
    }

    #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 {
        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
    }
}

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

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
}

@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
    }
}

#type-b.arya #cookiesBanner {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    background-color: var(--banner-color, #383838);
    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
}

#type-b.arya #widget_progress_bar {
    margin: 30px auto 25px
}

#type-b.arya #widget_progress_bar {
    color: #fff
}

#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 {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    float: left;
    width: calc(100% - ((100% - 40px)/ 3) - 20px);
    position: relative;
    flex-direction: column;
    padding: 0 0 23px 0
}

#type-b.arya #widget_progress_bar .progress_bar_description {
    width: 100%;
    background-color: transparent;
    color: #fff;
    align-self: self-start;
    text-align: center
}

#type-b.arya #widget_progress_bar .progress_bar_bar {
    background-color: var(--column-background-color, rgba(255, 255, 255, 1));
    height: 20px;
    border-radius: var(--border-radius, 4px);
    margin-top: 18px;
    width: 100%;
    color: #fff;
    overflow: hidden
}

#type-b.arya #widget_progress_bar .progress_bar_bar .current {
    width: 40%;
    background-color: var(--main-action-color);
    height: 20px;
    border-radius: var(--border-radius, 4px);
    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: #fff;
    position: absolute;
    bottom: 0;
    left: 0
}

#type-b.arya #widget_progress_bar .goal {
    color: #fff;
    position: absolute;
    bottom: 0;
    right: 0
}


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


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

@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
    }
}

@media only screen and (max-width:570px) and (min-width:0px) {
    
    #type-b.arya #step-1 .tabs_menu h3 {
        font-size: inherit
    }

   
}


@media only screen and (max-width:525px) and (min-width:0px) {

   
}

#type-b.arya #last_donors_banner {
    background-color: var(--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
}

#container {
    display: none
}

body.loaded #container {
    display: block
}

#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
}


/* ONE COLUMN */
#type-b.arya.one-column #main_wrapinner {
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}
#type-b.arya.one-column #main_wrapinner #form-error {
    order: -1;
    width: 100%;
}
#type-b.arya.one-column #main_wrapinner #form-info {
    margin: 0 40px 0 0;
    width: calc( 100% - 540px);
}
#type-b.arya.one-column #main_wrapinner #form-steps {
    width: 500px;
    flex-direction: column;
}
#type-b.arya.one-column #main_wrapinner #form-steps #step-1,
#type-b.arya.one-column #main_wrapinner #form-steps #step-2,
#type-b.arya.one-column #main_wrapinner #form-steps #step-3 {
    width: 100%;
    margin:0;
}
#type-b.arya.one-column.footer-detach #step-1 .step-content,
#type-b.arya.one-column.footer-detach #step-2 .step-content {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
@media only screen and (max-width: 959px) and (min-width: 0px) {
    #type-b.arya.one-column #main_wrapinner {
        flex-direction: column;
        align-items: center;
    }
    #type-b.arya.one-column #main_wrapinner #form-info {
        margin: 0px 20px 40px;
        width: calc( 100% - 20px) !important;
    }
}
@media only screen and (max-width: 570px) and (min-width: 0px) {
    #type-b.arya.one-column #main_wrapinner {
        
    }
    #type-b.arya.one-column #main_wrapinner #form-info {
        margin: 0 0 20px 0;
        width: 100% !important;
    }
    #type-b.arya.one-column #main_wrapinner #form-steps {
        width: 100%;
    }
    #type-b.arya.one-column #main {
        margin-bottom: 60px;
    }
}