.c23-mobile-menu {
    left: -100vw;
    width: 100vw;
    max-width: 100vw;
    z-index: 101;
    top: 0px;
}

.c23-mobile-menu-viewport {
    top: 0px;
    left: 0px;
    height: 100vh;
    width: 0vw;
    position: fixed;
    z-index: 101;
    display: block;
    /* backdrop-filter: blur(5px); */
    background: rgba(0, 0, 0, .5);
}

.c23-mobile-menu .c23-navi-language-2 {
    padding-left: 15px;
    padding-top: 10px;
}

@media screen and (max-width: 766px) {
    .c23-mobile-menu .c23-navi-language-wrapper {
        display: block;
    }
}


.transitionClose {
    position: fixed;
    width: 100vw;
    height: 0vh;
    display: block;
    top: 0px;
    bottom: 100px;
    left: 0px;
    right: 0px;
    z-index: 50;
    overflow: hidden;
    background: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
}

.transitionOpen {
    position: fixed;
    width: 100vw;
    height: 100vh;
    display: block;
    top: 0px;
    bottom: 100px;
    left: 0px;
    right: 0px;
    z-index: 50;
    overflow: hidden;
    background: #000;
    display: flex;
    justify-content: center;
    align-items: center;
}


.transitionOpen {
    display: none;
}

@font-face {
    font-family: "Open Sans Regular";
    font-weight: 400;
    font-style: normal;
    src: url(https://cdn.opptylab.com/fonts/2e4b16cf-5b0b-481c-9fe4-f034bcf92ab9.ttf)
}

@font-face {
    font-family: "Kohinoor Bold Regular";
    font-weight: 700;
    font-style: normal;
    src: url(https://cdn.opptylab.com/fonts/349463ab-b40b-4623-888c-787e0e883125.otf), url(https://cdn.opptylab.com/fonts/9cd1debd-2600-45ca-9c52-1d01b56bb705.eot), url(https://cdn.opptylab.com/fonts/746409a2-3ea1-422e-a3a4-c0550afdfe7c.ttf), url(../assets/fonts/ca4248ae-71ab-41a1-8ae4-fce2ee824c59.woff)
}

@font-face {
    font-family: "Kohinoor Book Regular";
    font-weight: 400;
    font-style: normal;
    src: url(https://cdn.opptylab.com/fonts/9efeebe8-ee32-4ac5-9765-c894f2f3699b.otf), url(https://cdn.opptylab.com/fonts/6e49dc11-0395-49cd-bf08-df838e4eab1c.eot), url(https://cdn.opptylab.com/fonts/790c1158-e0d0-4bc4-8de1-4d35b79d8582.ttf), url(../assets/fonts/0c4347b4-5990-423e-b0ec-827bbfd0cb45.woff)
}

@font-face {
    font-family: "Kohinoor Light Regular";
    font-weight: 300;
    font-style: normal;
    src: url(https://cdn.opptylab.com/fonts/343fde14-b7c0-4348-af4a-8d5483f7b420.otf), url(https://cdn.opptylab.com/fonts/5ab0d60e-dd12-4544-b17b-4efc8f16e013.eot), url(https://cdn.opptylab.com/fonts/5f6022b0-f158-4040-a383-66c779d99aa4.ttf), url(../assets/fonts/68909b38-07ca-45ff-a7f2-81275c300dd1.woff)
}

.o-default-theme {
    --o-button-primary-bg-color: rgb(200, 50, 70);
    --o-button-primary-bg-disabled-color: rgba(200, 50, 70, 0.50);
    --o-button-primary-bg-hover-color: rgb(222, 60, 83);
    --o-button-primary-disabled-color: rgba(0, 101, 242, 0.15);
    --o-button-primary-fg-color: white;
    --o-button-primary-fg-disabled-color: white;
    --o-button-primary-fg-hover-color: white;
    --o-button-primary-font-size: 17px;
    --o-button-primary-height-size: 38px;
    --o-button-primary-icon-color: initial;
    --o-button-primary-padding-left: 36px;
    --o-button-primary-padding-right: 36px;
    --o-button-primary-text-align: center;
    --o-button-secondary-bg-color: black;
    --o-button-secondary-bg-disabled-color: rgba(0, 0, 0, 0.15);
    --o-button-secondary-bg-hover-color: rgb(40, 40, 40);
    --o-button-secondary-disabled-color: rgba(0, 0, 0, 0.15);
    --o-button-secondary-fg-color: white;
    --o-button-secondary-fg-disabled-color: white;
    --o-button-secondary-fg-hover-color: white;
    --o-button-secondary-font-size: 17px;
    --o-button-secondary-height-size: 48px;
    --o-button-secondary-icon-color: red;
    --o-button-secondary-padding-right: 45px;
    --o-button-secondary-text-align: center;
    --o-checkbox-bg-color: rgba(255, 255, 255, 1);
    --o-checkmark-color: rgba(0, 0, 0, 1);
    --o-checkradio-bg-color: white;
    --o-checkradio-border-color: rgb(221, 221, 221);
    --o-checkradio-border-width: 1.5px;
    --o-checkradio-size: 18px;
    --o-font-family-btn-primary: "Open Sans Regular";
    --o-font-family-btn-secondary: "Open Sans Regular";
    --o-font-family-error: "Inter Regular Regular";
    --o-font-family-input: "Open Sans Regular";
    --o-font-family-label: "Inter Regular Regular";
    --o-form-bg-color: rgba (255, 255, 255, 0);
    --o-form-error-color: red;
    --o-form-error-font: "Inter Regular Regular";
    --o-form-fg-color: black;
    --o-form-icon-font: "opptyform";
    --o-form-subtitle-font-color: rgb(0, 150, 185);
    --o-form-subtitle-font-family: "Inter Regular Regular";
    --o-form-subtitle-font-size: 21px;
    --o-form-title-font-color: rgb(0, 150, 185);
    --o-form-title-font-family: "Inter Bold Bold";
    --o-form-title-font-size: 27px;
    --o-input-bg-color: rgb(255, 255, 255);
    --o-input-disabled-color: rgb(200, 200, 200);
    --o-input-error-border-color: red;
    --o-input-fg-color: rgb(0, 47, 65);
    --o-input-focus-bg-color: rgb(255, 255, 255);
    --o-input-focus-border-color: #ccc;
    --o-input-focus-border-width-b: 1px;
    --o-input-focus-fg-color: #ccc;
    --o-input-font-size: 15px;
    --o-input-height-size: 40px;
    --o-label-font-size: 14px;
    --o-label-font-color: rgb(17, 63, 82);
    --o-radio-border-width: 1.5px
}

.o--form,
.o--swap,
.o-default-theme {
    width: 100%
}

.o-default-theme .o--form,
.o-default-theme .o--swap {
    padding: 15px;
    width: 100%;
    padding-top: 0px !important;
    -webkit-font-smoothing: auto;
    font-family: var(--o-font-family-label);
    background-color: var(--o-form-bg-color);
    color: var(--o-form-fg-color)
}

.o-default-theme .o--form .o-form .o--row .o--column h1 {
    margin-top: 0
}

.o-default-theme .o-form-label,
.o-default-theme .o-checkbox-label,
.o-default-theme .o-radio-label {
    margin-bottom: 5px;
    font-family: var(--o-font-family-label);
    font-size: var(--o-label-font-size);
    color: var(--o-label-font-color)
}

.o-default-theme .o-form .o-form-select,
.o-default-theme .o-form .o-form-input {
    display: block;
    width: 100%;
    padding: 8px 12px;
    margin-bottom: 0;
    line-height: 20px;
    vertical-align: middle;
    cursor: pointer;
    transition: all .1s ease;
    font-family: var(--o-font-family-input);
    border-width: 1px;
    border-style: solid;
    border-top-color: #ccc !important;
    border-right-color: #ccc !important;
    border-bottom-color: #ccc !important;
    border-left-color: #0082a5 !important;
    border-left-width: 3px !important;
    border-radius: 4px !important;
    background-color: var(--o-input-bg-color) !important;
    color: var(--o-input-fg-color) !important;
    height: var(--o-input-height-size);
    font-size: var(--o-input-font-size)
}

.o-default-theme .o-form .o-form-select:focus,
.o-default-theme .o-form .o-form-input:focus {
    box-shadow: 1px 3px 5px rgb(0 0 0 / 15%) !important;
    transition: all .1s ease
}

.o-default-theme .o-radio:focus~.o-radiomark {
    background-color: var(--o-input-focus-bg-color);
    color: var(--o-input-focus-fg-color)
}

.o-default-theme .o-checkbox,
.o-default-theme .o-checkbox:hover,
.o-default-theme .o-checkbox:active,
.o-default-theme .o-checkmark,
.o-default-theme .o-checkmark:active,
.o-default-theme .o-checkmark:hover {
    background-color: var(--o-checkbox-bg-color)
}

.o-default-theme .o-checkmark {
    color: var(--o-checkmark-color)
}

.o-default-theme .o-form .o-form-submit-primary {
    display: inline-block;
    position: static;
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
    line-height: inherit;
    text-decoration: none;
    cursor: pointer;
    border-radius: 25px;
    font-family: var(--o-font-family-btn-primary);
    background-color: var(--o-button-primary-bg-color);
    color: var(--o-button-primary-fg-color);
    text-align: var(--o-button-primary-text-align);
    font-size: var(--o-button-primary-font-size);
    height: var(--o-button-primary-height-size);
    padding-right: var(--o-button-primary-padding-right);
    padding-left: var(--o-button-primary-padding-left)
}

.o-default-theme .o-form .o-form-submit-secondary {
    display: inline-block;
    position: static;
    padding: 9px 15px;
    border: 0;
    line-height: inherit;
    text-decoration: none;
    cursor: pointer;
    font-family: var(--o-font-family-btn-secondary);
    background-color: var(--o-button-secondary-bg-color);
    color: var(--o-button-secondary-fg-color);
    text-align: var(--o-button-secondary-text-align);
    font-size: var(--o-button-secondary-font-size);
    height: var(--o-button-secondary-height-size);
    padding-right: var(--o-button-secondary-padding-right)
}

.o-default-theme .o-form .o-form-submit-primary:hover {
    background-color: var(--o-button-primary-bg-hover-color);
    color: var(--o-button-primary-fg-hover-color)
}

.o-default-theme .o-form .o-form-submit-secondary:hover {
    background-color: var(--o-button-secondary-bg-hover-color);
    color: var(--o-button-secondary-fg-hover-color)
}

.o-default-theme .o-form .o-form-submit-primary[disabled] {
    background-color: var(--o-button-primary-bg-disabled-color);
    color: var(--o-button-primary-fg-disabled-color)
}

.o-default-theme .o-form .o-form-submit-secondary[disabled] {
    background-color: var(--o-button-secondary-bg-disabled-color);
    color: var(--o-button-secondary-fg-disabled-color)
}

.o-default-theme .o-form-submit-primary[disabled]+.o-form-button-icon {
    color: var(--o-button-primary-fg-disabled-color)
}

.o-default-theme .o-form-submit-secondary[disabled]+.o-form-button-icon {
    color: var(--o-button-primary-fg-disabled-color)
}

.o-default-theme .o-form-primary-wrapper .o-form-button-icon {
    pointer-events: none;
    ;
    color: var(--o-button-secondary-icon-color);
    line-height: var(--o-button-primary-height-size)
}

.o-default-theme .o-form-secondary-wrapper .o-form-button-icon {
    pointer-events: none;
    ;
    color: var(--o-button-secondary-icon-color);
    line-height: var(--o-button-secondary-height-size)
}

.o-default-theme .o-form-error,
.o-default-theme .o-error .o-form-label {
    color: var(--o-form-error-color);
    font-family: var(--o-form-error-font)
}

.o-default-theme .o-error .o-form-input {
    border-color: var(--o-input-error-border-color)
}

.o-default-theme .o--column h1 {
    font-family: var(--o-form-title-font-family);
    font-size: var(--o-form-title-font-size, 2.5rem);
    color: var(--o-form-title-font-color)
}

.o-default-theme .o--column h2,
.o-default-theme .o--column h3,
.o-default-theme .o--column h4 {
    font-family: var(--o-form-subtitle-font-family);
    font-size: var(--o-form-subtitle-font-size, 2rem);
    color: var(--o-form-subtitle-font-color)
}

.hidden-form-row {
    visibility: hidden
}

.o-form .realname {
    position: fixed;
    height: 10px;
    width: 100px;
    top: -100px
}

.o-form input[type=checkbox],
.o-form input[type=radio] {
    box-sizing: border-box;
    padding: initial;
    position: initial;
    margin-top: initial;
    margin-left: initial;
    width: 100%;
    margin-right: 8px
}

.o-form-area {
    width: 100%
}

.o-form input[type=password] {
    letter-spacing: 5px
}

.o-form select {
    background-color: #fff;
    border-radius: 0;
    height: 40px;
    width: 100%;
    background-image: initial
}

.o-form label[for] {
    font-weight: initial;
    letter-spacing: initial;
    line-height: initial
}

.o-form-label {
    width: 100%
}

.o-checkbox-label a {
    padding-left: 4px;
    padding-right: 4px
}

.o-form img,
.o--swap img {
    max-width: 100%
}

.o--row {
    margin-left: -10px;
    margin-right: -10px;
    padding-top: 0;
    padding-bottom: 5px
}

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

.o--row:after {
    clear: both
}

.o--row .o-layout.row {
    margin-left: 0;
    margin-right: 0
}

.o--column {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px
}

.o--hidden {
    display: none !important
}

.o--checkbox,
.o--checkbox-label {
    display: inline-block
}

.o--submit {
    min-width: 100px;
    min-height: 40px
}

.o--form-error .o--submit,
.o--form-error .o--submit:hover {
    background-color: red
}

.o--form-error .o--submit:after {
    color: red;
    content: attr(data-error);
    position: absolute;
    right: -60px
}

.o-col-12-12-1,
.o-col-12-6-1 {
    width: 8.3333333333333%
}

.o-col-12-12-2,
.o-col-12-6-2 {
    width: 16.666666666667%
}

.o-col-12-12-3,
.o-col-12-6-3 {
    width: 25%
}

.o-col-12-12-4,
.o-col-12-6-4 {
    width: 33.333333333333%
}

.o-col-12-12-5,
.o-col-12-6-5 {
    width: 41.666666666667%
}

.o-col-12-12-6,
.o-col-12-6-6 {
    width: 50%
}

.o-col-12-12-7,
.o-col-12-6-7 {
    width: 58.333333333333%
}

.o-col-12-12-8,
.o-col-12-6-8 {
    width: 66.666666666667%
}

.o-col-12-12-9,
.o-col-12-6-9 {
    width: 75%
}

.o-col-12-12-10,
.o-col-12-6-10 {
    width: 83.333333333333%
}

.o-col-12-12-11,
.o-col-12-6-11 {
    width: 91.666666666667%
}

.o-col-12-12-12,
.o-col-12-6-12 {
    width: 100%
}

@media screen and (max-width:991px) {
    .o--column {
        margin-bottom: 10px
    }

    .o-col-12-6-1,
    .o-col-12-6-2,
    .o-col-12-6-3,
    .o-col-12-6-4,
    .o-col-12-6-5,
    .o-col-12-6-6 {
        width: 50%
    }

    .o-col-12-6-7,
    .o-col-12-6-8,
    .o-col-12-6-9,
    .o-col-12-6-10,
    .o-col-12-6-11,
    .o-col-12-6-12 {
        width: 50%
    }

    .o-col-12-12-1,
    .o-col-12-12-2,
    .o-col-12-12-3,
    .o-col-12-12-4,
    .o-col-12-12-5,
    .o-col-12-12-6 {
        width: 100%
    }

    .o-col-12-12-7,
    .o-col-12-12-8,
    .o-col-12-12-9,
    .o-col-12-12-10,
    .o-col-12-12-11,
    .o-col-12-12-12 {
        width: 100%
    }
}

@media screen and (max-width:766px) {
    .o--column {
        margin-bottom: 10px
    }

    .o-col-12-6-1,
    .o-col-12-6-2,
    .o-col-12-6-3,
    .o-col-12-6-4,
    .o-col-12-6-5,
    .o-col-12-6-6 {
        width: 100%
    }

    .o-col-12-6-7,
    .o-col-12-6-8,
    .o-col-12-6-9,
    .o-col-12-6-10,
    .o-col-12-6-11,
    .o-col-12-6-12 {
        width: 100%
    }

    .o-col-12-12-1,
    .o-col-12-12-2,
    .o-col-12-12-3,
    .o-col-12-12-4,
    .o-col-12-12-5,
    .o-col-12-12-6 {
        width: 100%
    }

    .o-col-12-12-7,
    .o-col-12-12-8,
    .o-col-12-12-9,
    .o-col-12-12-10,
    .o-col-12-12-11,
    .o-col-12-12-12 {
        width: 100%
    }
}

.o--swap:not(.o-preview-form) {
    display: none !important
}

.o--code:not(.o-preview-form) {
    display: none !important
}

.o--reset:not(.o-preview-form) {
    display: none !important
}

.show-code .o--form:not(.o-preview-form),
.show-reset .o--form:not(.o-preview-form),
.show-swap .o--form:not(.o-preview-form) {
    display: none !important
}

.show-swap .o--swap:not(.o-preview-form) {
    display: block !important
}

.show-code .o--code:not(.o-preview-form) {
    display: block !important
}

.show-reset .o--reset:not(.o-preview-form) {
    display: block !important
}

.o-form-error.hidden {
    display: none
}

.o-error .o-form-error:not(.hidden) {
    display: block
}

.o-form input[type=password] {
    letter-spacing: 5px
}

.o-form-error {
    display: none
}

.o-form input {
    width: 100%;
    padding: .7em
}

.o-form select,
.o-form input {
    padding: 8px 12px
}

.o-form-label,
.o-radio-label,
.o-checkbox-label {
    user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.o-form-primary-wrapper {
    position: relative;
    width: fit-content
}

.o-form-secondary-wrapper {
    position: relative;
    width: fit-content
}

\.o-error \.o-form-error {
    display: block
}

.o-form-input {
    transition: background-color 400ms
}

.o-form-radiorow-wrapper[readonly] {
    pointer-events: none
}

.o-form-select-wrapper[readonly] {
    pointer-events: none
}

.o-form-checkbox-wrapper[readonly] {
    pointer-events: none
}

@font-face {
    font-family: 'opptyform';
    src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAA2MABAAAAAAFkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAANcAAAABoAAAAciZTQwUdERUYAAA1QAAAAHgAAAB4AKQAPT1MvMgAAAeAAAABDAAAAVj4gUkxjbWFwAAACSAAAAEoAAAFS6CLc62N2dCAAAAigAAAAEwAAACAG1f8EZnBnbQAAApQAAAWQAAALcIqRkFlnYXNwAAANSAAAAAgAAAAIAAAAEGdseWYAAAjIAAACoAAAAyCQW/4SaGVhZAAAAWwAAAAzAAAANhcL7VloaGVhAAABoAAAAB8AAAAkBz0DW2htdHgAAAIkAAAAJAAAACQbQgBnbG9jYQAACLQAAAAUAAAAFAJoAw5tYXhwAAABwAAAACAAAAAgANIAh25hbWUAAAtoAAABjQAAAvQtwH6+cG9zdAAADPgAAABNAAAAY+lB8ABwcmVwAAAIJAAAAHoAAACG5UErvHjaY2BkYGAA4oSNMVHx/DZfGeSZXwBFGG7+CLkDo/9//Z/F/Jk5CMjlYGACiQIAkdcPJwB42mNgZGBgDvqfBSRf/P/6/z/zZwagCArgBAC2jgedAAABAAAACQA0AAMAAAAAAAIADAAcAHMAAABGADUAAAAAeNpjYGRewziBgZWBgamKaQ8DA0MPhGZ8wGDIyAQUZWBlZsAKAtJcUxgcXjB8FGQO+p/FEMUcxDANKMwIkgMA+OEL8wAD6AAAAAAAAAFNAAADWQAAA+gAMgPoAEQDoP//A+j/9QNZ//142mNgYGBmgGAZBkYGEPAB8hjBfBYGAyDNAYRMDAwvmF+wfhT8/x/IYoCwJJglmPi+Q3WBASMbA5zLCNQD0ocCGBmGPQAAQJkLzAAAeNqtVml300YUHXlJnIQsJQstamHExGmwRiZswYAJQbJjIF2crZWgixQ76b7xid/gX/Nk2nPoN35a7xsvJJC053Cak6N3583VzNtlElqS2AvrkZSbL8XU1iaN7DwJ6YZNy1F8KDt7IWWKyd8FURCtltq3HYdERCJQta6wRBD7HlmaZHzoUUbLtqRXTcotPekuW+NBvVXffho6yrE7oaRmM3RoPbIlVRhVokimPVLSpmWo+itJK7y/wsxXzVDCiE4iabwZxtBI3htntMpoNbbjKIpsstwoUiSa4UEUeZTVEufkigkMygfNkPLKpxHlw/yIrNijnFawS7bT/L4vead3OT+xX29RtuRAH8iO7ODsdCVfhFtbYdy0k+0oVBF213dCbNnsVP9mj/KaRgO3KzK90IxgqXyFECs/ocz+IVktnE/5kkejWrKRE0HrZU7sSz6B1uOIKXHNGFnQ3dEJEdT9kjMM9pg+Hvzx3imWCxMCeBzLekclnAgTKWFzNEnaMHJgJWWLKqn1rpg45XVaxFvCfu3a0ZfOaONQd2I8Ww8dWzlRyfFoUqeZTJ3aSc2jKQ2ilHQmeMyvAyg/oklebWM1iZVH0zhmxoREIgIt3EtTQSw7saQpBM2jGb25G6a5di1apMkD9dyj9/TmVri501PaDvSzRn9Wp2I62AvT6WnkL/Fp2uUiRen66Rl+TOJB1gIykS02w5SDB2/9DtLL15YchdcG2O7t8yuofdZE8KQB+xvQHk/VKQlMhZhViFZAYq1rWZbJ1awWqcjUd0OaVr6s0wSKchwXx76Mcf1fMzOWmBK+34nTsyMuPXPtSwjTHHybdT2a16nFcgFxZnlOp1mW7+s0x/IDneZZntfpCEtbp6MsP9RpgeVHOh1jeUELmnTfwZCLMOQCDpAwhKUDQ1hegiEsFQxhuQhDWBZhCMslGMLyYxjCchmGsLysZdXUU0nj2plYBmxCYGKOHrnMReVqKrlUQrtoVGpDnhJulVQUz6p/ZaBePPKGObAWSJfIml8xzpWPRuX41hUtbxo7V8Cx6m8fjvY58VLWi4U/Bf/V1lQlvWLNw5Or8BuGnmwnqjapeHRNl89VPbr+X1RUWAv0G0iFWCjKsmxwZyKEjzqdhmqglUPMbMw8tOt1y5qfw/03MUIWUP34NxQaC9yDTllJWe3grNXX27LcO4NyOBMsSTE38/pW+CIjs9J+kVnKno98HnAFjEpl2GoDrRW82ScxD5neJM8EcVtRNkja2M4EiQ0c84B5850EJmHqqg3kTuGGDfgFYW7BeSdconqjLIfuRezzKKT8W6fiRPaoaIzAs9kbYa/vQspvcQwkNPmlfgxUFaGpGDUV0DRSbqgGX8bZum1Cxg70Iyp2w7Ks4sPHFveVkm0ZhHykiNWjo5/WXqJOqtx+ZhSX752+BcEgNTF/e990cZDKu1rJMkdtA1O3GpVT15pD41WH6uZR9b3j7BM5a5puuiceel/TqtvBxVwssPZtDtJSJhfU9WGFDaLLxaVQ6mU0Se+4BxgWGNDvUIqN/6v62HyeK1WF0XEk307Ut9HnYAz8D9h/R/UD0Pdj6HINLs/3mhOfbvThbJmuohfrp+g3MGutuVm6BtzQdAPiIUetjrjKDXynBnF6pLkc6SHgY90V4gHAJoDF4BPdtYzmUwCj+Yw5PsDnzGHQZA6DLeYw2GbOGsAOcxjsMofBHnMYfMGcdYAvmcMgZA6DiDkMnjAnAHjKHAZfMYfB18xh8A1z7gN8yxwGMXMYJMxhsK/p1jDMLV7QXaC2QVWgA1NPWNzD4lBTZcj+jheG/b1BzP7BIKb+qOn2kPoTLwz1Z4OY+otBTP1V050h9TdeGOrvBjH1D4OY+ky/GMtlBr+MfJcKB5RdbD7n74n3D9vFQLl42mPw3sFwIihiIyNjX+QGxp0cDBwMyQUbGVidNjEwMmiBGJu5mBg5ICw+BjCLzWkX0wGgNCeQze60i8EBwmZmcNmowtgRGLHBoSNiI3OKy0Y1EG8XRwMDI4tDR3JIBEhJJBBs5mFi5NHawfi/dQNL70YmBhcADHYj9AAAeNpjYEADEhDIHPQ/C4QBEmwD3QAAAAAAAAAAAABGAHwAtAECAW4BkHjaRZLPaxNBFMffm9lf2U2TTTo7a2uzNZs2qUmpkCatxBiDWEohgqgHhailllZqbUUqQgse9KIgVYItRfCgbbyoBy8eRMilFPHkTf8DpaAX9VZ3naT+gOE7vLewn+/3vQEE8O/QPPkKDvSU40AJnQdAuAoEkZwGQvAMIMEK700ySd6TQaai4h7AZO4Ixt3kYcwN2fFUsxrK2shpnnkrvGClOV/3bsR6emJ4d53ztFXgeJlhwWHeQ8bSVtFaTzujThrrrChKy1thgpr1P9PXZD8w6CjzNgTEUWEDUFiCKWZHqWxnAgKfwj/AgJBu5Iw+9yZ0R/cmDOOcuLEP+4yuYNXA+95Fw8DHhqNXDcP7JNpG1ehqJjwGSOtkDSyIlTvDLZbITObhP481ebuB/xK7cZdI66a3z+w3ve1wuCLuDZwTWjEJ5+JDOIy8VZp1nDfNShiI7/sz9AltAw3ikCn3iR9BCCmSUZCEHQnGBZgSpONi5m1kzE6w9qgsd2QwN4AK4yVE1py7knAHSElyiM1Um5PbtQ81cdDpL7DG5NKJ2qUyKc4ubyzPFnGkYeGt6RpZfb+m3PMexdJWY6Q08+Dp8lxBOjq1enxpsmGJoED9n/4r+p2ehLDwNgj5cnZvhFASEHsH4Y/IVCb0ClDhk7Z8SihVQZaD8ph9MJVKJhS5M9ObzyUz6CoxZNwezA6l2nOpZkNVLJvxYdGhyNUQquLVpJLDWMIsJ4d0dVbVW4K6rKqLiiYHguq0FtTwBbMCbnTnWdQNWAxfBtyke2pG03VNCAY/IiqSokiaL2uoEHPnWyIRiSIzEwkajTAmcqH/S+S6QA0IQqQc+rdYq53IXOw1hM1RYtZBevba1pd3c8ri2x9vbuL565sLC5vbTfkN/0eQinjahZHNSsNAFIXPtFVpCy5UXN+VVJT0BwR1VSjUjSsX3cc2fyXNhMlUyOv4AC5d+wguxYVP4Nq1J+kgKKgJmXxz5s6ZmxMAe3iDwuY6Q+pYoY1Hxw3s4Nlxk/q74xbaquN4C1116nib+rXjDk7Ug+Mu9hsNOqhWm7Nl7VaxYg/3jhvYxZPjJvUXxy3yh+MtHKoDx9vYU+eOO5ipmeMujtQrJtDIUcIgQYQYFoIe1WO+RxhgiAvSLSuElZuqBBl85iAc19wR1ysF52M+IWcZ1YAVKdnDnOMKmOi8NEkUW+lNjmU0GF7IbSmaUpL5qfhrG2tTyFhCndkgTbU319xW9ZfTr6ydTeWk89yWoTbEG54TsYuUvRhOg2id+ua/XX+vzuhZfU9Sf4kwA49JYBaYItGZDL3Bfw5XdMhqF79OYvGVYYE79juiarmzSsvU6QimP3IT+ldrSypz6h5tgywwvg0WVXDFXTSyNpTQ6JVMXWSSG70M5pbFcX1Gjkv0ef/6V2Jr88t+/1vmnwS+i7AAAAB42m3DUQqAIAwA0M3KWHfxUGZDR7GFDbp+Qb89eBDgs8A/eiMEDDjgiBNGnKlLbZ5WqbTZrclO1mB7vDj30ii7s7qYxiK9HPwAl4YRDwAAAAABAAH//wAPAAEAAAAMAAAAFgAAAAIAAQADAAgAAQAEAAAAAgAAAAB42mNgYGBkAIKrS9Q5QPTNHyF3YDQAR/MHrAAA) format('woff');
    font-weight: 400;
    font-style: normal
}

[class^="oi-"]:before,
[class*=" oi-"]:before {
    font-family: "opptyform";
    font-style: normal;
    font-weight: 400;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.oi-right-big:before {
    content: '\e800'
}

.oi-down-open:before {
    content: '\e801'
}

.oi-chevron-down:before {
    content: '\e801'
}

.oi-ok:before {
    content: '\e802'
}

.oi-search:before {
    content: '\e803'
}

.oi-attention:before {
    content: '\e805'
}

.oi-circle:before {
    content: '\f111'
}

form[class*="o-form"] *:focus {
    outline: none
}

.o-form-select::-ms-expand {
    display: none
}

.o-form-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.o-form-select-wrapper {
    position: relative
}

.o-form-select-icon {
    position: absolute;
    right: 1em;
    margin-top: calc(-1 * var(--o-input-height-size) - 10px);
    line-height: 48px
}

.o-form-button-icon {
    position: absolute;
    right: 8px;
    top: 0;
    color: var(--o-button-icon-color)
}

.o-form-radiorow-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.o-radio-wrapper,
.o-checkbox-wrapper {
    display: flex
}

.o-radio,
.o-checkbox {
    position: absolute !important;
    opacity: 0;
    cursor: pointer
}

.o-checkbox-label,
.o-radio-label {
    padding-left: 8px;
    padding-right: 8px
}

.o-radiomark,
.o-checkmark {
    min-width: var(--o-checkradio-size);
    max-width: var(--o-checkradio-size);
    min-height: var(--o-checkradio-size);
    max-height: var(--o-checkradio-size);
    background-color: var(--o-form-bg-color);
    color: var(--o-input-fg-color);
    display: inline-flex
}

.o-form svg {
    overflow: visible
}

.o-radiomark {
    border-radius: 50%
}

.o-radio-wrapper circle.border {
    stroke: var(--o-checkradio-border-color);
    fill: transparent;
    stroke-width: var(--o-radio-border-width)
}

.o-radio-wrapper input~.o-radiomark circle.dot {
    stroke-width: 0;
    fill: transparent
}

.o-checkmark {
    border: var(--o-checkradio-border-width) solid var(--o-checkradio-border-color);
    border-radius: var(--o-input-border-radius)
}

.o-checkmark:after {
    font-family: 'opptyform' !important;
    font-size: calc(var(--o-checkradio-size) - 2 * var(--o-checkradio-border-width));
    content: "\e802";
    color: inherit;
    text-rendering: auto;
    display: none;
    width: var(--o-checkradio-size);
    text-align: center
}

.o-radio-wrapper input:checked,
.o-checkbox-wrapper input:checked {
    background-color: var(--o-input-bg-color)
}

.o-checkbox-wrapper input:checked~.o-checkmark:after {
    display: inline-block
}

.o-radio-wrapper input:checked~.o-radiomark circle.dot {
    fill: var(--o-input-fg-color)
}

.o-radio-wrapper input:focus~.o-radiomark circle.border {
    fill: var(--o-input-focus-bg-color)
}

.o-slide-flip {
    padding: 8px;
    background-color: aliceblue
}

*[class*="o-slide slide-"] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 300ms;
    transition-delay: 0ms
}

*[data-slide="slide-1"] .slide-1,
*[data-slide="slide-2"] .slide-2,
*[data-slide="slide-3"] .slide-3,
*[data-slide="slide-4"] .slide-4,
*[data-slide="slide-5"] .slide-5,
*[data-slide="slide-6"] .slide-6,
*[data-slide="slide-7"] .slide-7,
*[data-slide="slide-8"] .slide-8,
*[data-slide="slide-9"] .slide-9 {
    max-height: 50vh;
    transition-delay: 200ms
}