.hidden {
    display: none !important;
}

input:focus,
textarea:focus {
	outline: none;
}

.form label { display: block; }

input:not([type="checkbox"]),
textarea {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    color: #fff;
    font-weight: normal;
    border-top: 0 none;
    border-left: 0 none;
    border-right: 0 none;
    border-bottom: 1px solid #343843;
    margin-bottom: 14px;
    position: relative !important;
    display: block;
    z-index: 998 !important;
    width: 100%;
}

input:not([type="checkbox"]):hover,
input:not([type="checkbox"]):focus {
    border-bottom: 1px solid #FFB300;
}

button {
    outline: none;
    border: 0;
    cursor: pointer;
}

button:active {
    outline: none;
}

button:focus {
    outline: none;
}

#change-number {
    cursor: pointer;
    text-align: center;
    justify-content: center;
}

#name-error,
#phone-error,
#email-error,
#phoneConfirm-error,
#footerName-error,
#footerEmail-error,
#footerPhone-error,
#codeError {
    display: inherit;
    background: transparent !important;
    font-size: 10px;
    width: 100%;
    height: auto;
    color: red;
    margin: 0;
    position: absolute;
    font-family: Verdana, Arial;
    font-weight: normal;
    text-align: right;
    margin: -32px 0 0 0;
}

#name-error {

}

#email-error {

}

#phone-error {
    text-align: right !important;
    display: block;
    margin: 4px 0 0 0;
}

#phoneConfirm-error {
    margin: 10px 0 0 0;
    width: 100%;
    display: block;
}

#codeError {
    
}

.iti.iti--allow-dropdown {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.iti.iti--allow-dropdown {
    flex-direction: column;
    align-items: flex-start;
}

.iti__country-name {
    color: #202020;
}

.iti-mobile .iti--container {
    z-index: 999999999;
}

.iti__flag-container {
    z-index: 1001;
}

#phone {
    padding-left: 64px;
}

#change-number {
    display: block;
    margin: 0 auto;
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    color: #686868;
    margin-top: 15px;
    text-align: center;
}

#codeError {
    display: none;
}

.popup * {
    font-family: Verdana, Arial;
}

.popup {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999999999;
}

.popup_content {
    width: 514px;
    background: #FFFFFF;
    border-radius: 10px;
    padding: 34px 43px 50px 43px;
    position: relative;
}

.close_popup {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}

.popup h3 {
    font-weight: 700;
    font-size: 28px;
    line-height: 34px;
    color: #191938;
    margin-bottom: 25px;
}

.popup p {
    color: #191938 !important;
    margin-bottom: 10px;
}

.popup label {
    margin-bottom: 20px;
    display: block;
    position: relative;
}

.popup input {
    width: 100%;
    z-index: 999;
    position: relative;
    background-color: transparent;
    font-size: 20px;
    color: #000;
}

.popup button {
    width: 100%;
}

.popup .politic {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #747474;
    max-width: 358px;
    display: block;
}

.popup .form_button {
    margin-bottom: 20px;
}

.popup_sms_change h3 {
    margin-bottom: 10px;
}

.popup_sms_change h3 ~ p {
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    color: #686868;
    margin-bottom: 14px;
}

.popup .btn_gradient {
    width: 100%;
}

@media (max-width: 575px) {
    .popup_content {
        width: 100%;
        height: 100%;
        border-radius: 0;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        align-content: center;
    }
    .popup_content form {
        width: 100%;
    }
}

#tildaformcaptchabox {
    display: none !important;
}

.node.css1>.wrapper1 {
    background-image: linear-gradient(to bottom, rgb(255, 179, 0) 0%, rgb(255, 209, 102) 100%)
}

.node.css1 {
    color: #FFF
}

.node.css1>.padding_top {
    padding-top: 50px
}

.node.css1>.padding_bottom {
    padding-bottom: 50px
}

.node.css1 a {
    color: rgb(230, 169, 25)
}

.node.css2 {
    color: #FFF;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css2 a {
    color: rgb(230, 169, 25)
}

.metahtml.css3 .lds-roller {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.metahtml.css3 .lds-roller div {
    animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 40px 40px;
}

.metahtml.css3 .lds-roller div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: rgb(255, 255, 255);
    margin: -4px 0 0 -4px;
}

.metahtml.css3 .lds-roller div:nth-child(1) {
    animation-delay: -0.036s;
}

.metahtml.css3 .lds-roller div:nth-child(1):after {
    top: 63px;
    left: 63px;
}

.metahtml.css3 .lds-roller div:nth-child(2) {
    animation-delay: -0.072s;
}

.metahtml.css3 .lds-roller div:nth-child(2):after {
    top: 68px;
    left: 56px;
}

.metahtml.css3 .lds-roller div:nth-child(3) {
    animation-delay: -0.108s;
}

.metahtml.css3 .lds-roller div:nth-child(3):after {
    top: 71px;
    left: 48px;
}

.metahtml.css3 .lds-roller div:nth-child(4) {
    animation-delay: -0.144s;
}

.metahtml.css3 .lds-roller div:nth-child(4):after {
    top: 72px;
    left: 40px;
}

.metahtml.css3 .lds-roller div:nth-child(5) {
    animation-delay: -0.18s;
}

.metahtml.css3 .lds-roller div:nth-child(5):after {
    top: 71px;
    left: 32px;
}

.metahtml.css3 .lds-roller div:nth-child(6) {
    animation-delay: -0.216s;
}

.metahtml.css3 .lds-roller div:nth-child(6):after {
    top: 68px;
    left: 24px;
}

.metahtml.css3 .lds-roller div:nth-child(7) {
    animation-delay: -0.252s;
}

.metahtml.css3 .lds-roller div:nth-child(7):after {
    top: 63px;
    left: 17px;
}

.metahtml.css3 .lds-roller div:nth-child(8) {
    animation-delay: -0.288s;
}

.metahtml.css3 .lds-roller div:nth-child(8):after {
    top: 56px;
    left: 12px;
}

@keyframes lds-roller {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.node.css4>.wrapper1 {
    background-color: white
}

.node.css4 {
    color: #333
}

.node.css4>.padding_top {
    padding-top: 0px
}

.node.css4>.padding_bottom {
    padding-bottom: 0px
}

.node.css4 a {
    color: rgb(230, 169, 25)
}

.metahtml.css5 .only-for-editor+.progress-bar {
    position: relative;
    width: 60%;
}

.metahtml.css5 .progress-bar {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgb(255, 179, 0);
    width: 0%;
    height: 3px;
}

.node.css6>.wrapper1 {
    background-color: white
}

.node.css6 {
    color: #333
}

.node.css6 a {
    color: rgb(230, 169, 25)
}

.node.css7>.zero-grid {
    height: 799px
}

.zero-layer.css8>.zero-layer-axis>.zero-layer-frame>.cont {
    z-index: 9;
    transform: scale(1, 1)
}

.zero-layer.css8>.zero-layer-axis {
    height: 799px
}

.zero-layer.css8>.zero-layer-axis>.zero-layer-frame {
    left: 20px;
    top: 25px;
    width: 564px
}

.screen-md .zero-layer.css8>.zero-layer-axis>.zero-layer-frame {
    left: 6.5px !important;
    top: 173px !important;
    width: 467px !important
}

.screen-sm .zero-layer.css8>.zero-layer-axis>.zero-layer-frame {
    left: 5.5px !important;
    top: 223px !important;
    width: 417px !important
}

.screen-xs .zero-layer.css8>.zero-layer-axis>.zero-layer-frame {
    left: 0px !important;
    top: 20px !important;
    width: 279px !important
}

.node.css9 {
    color: #333;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px
}

.screen-xs .node.css9 {
    padding-left: 5px !important
}

.node.css9 a {
    color: rgb(230, 169, 25)
}

.textable.css10 {
    text-align: left;
    font-family: "Bebas Neue Bold";
    font-size: 56px;
    line-height: 1.2;
    letter-spacing: 0em;
    color: rgb(32, 39, 50);
    opacity: 1
}

.screen-md .textable.css10 {
    font-size: 48px !important
}

.screen-sm .textable.css10 {
    font-size: 37px !important
}

.screen-xs .textable.css10 {
    text-align: left !important;
    font-size: 27px !important
}

.node.css11 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 0px
}

.screen-xs .node.css11 {
    padding-left: 5px !important;
    padding-right: 5px !important
}

.node.css11 a {
    color: rgb(230, 169, 25)
}

.textable.css12 {
    text-align: left;
    font-family: "Bebas Neue Regular";
    font-size: 36px;
    line-height: 1.2;
    letter-spacing: 0em;
    opacity: 1
}

.screen-xs .textable.css12 {
    text-align: left !important;
    font-size: 14px !important
}

.textable.css13 {
    text-align: left;
    font-family: "Bebas Neue Regular";
    font-size: 26px;
    line-height: 1.2;
    letter-spacing: 0em;
    opacity: 1
}

.screen-xs .textable.css13 {
    text-align: left !important;
    font-size: 14px !important
}

.node.css14 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css14 a {
    color: rgb(230, 169, 25)
}

.node.css15 .padding {
    height: 20px
}

.node.css16 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 10px
}

.node.css16 a {
    color: rgb(230, 169, 25)
}

.metahtml.css17 .bl {
    width: 141px;
    margin: 0 auto;
}

.metahtml.css17 .dref .cont .btn-legacy {
    position: relative;
    overflow: hidden;
    -webkit-transition: ease 0.3s;
    -o-transition: ease 0.3s;
    transition: ease 0.3s;
    display: inline-block;
}

.metahtml.css17 .dref .cont .btn-legacy:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
    -webkit-transition: ease 0.3s;
    -o-transition: ease 0.3s;
    transition: ease 0.3s;
}

.metahtml.css17 .dref .cont .btn-legacy:after {
    content: "";
    display: inline-block;
    width: 5px;
    box-shadow: 1px 1px 26px 26px rgb(255, 255, 255);
    height: 300px;
    margin-left: 60px;
    background: rgb(255, 255, 255);
    opacity: 0.5;
    position: absolute;
    left: -40px;
    top: -150px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-animation-name: slidemem;
    animation-name: slidemem;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes slidemem {
    0% {
        left: -10%;
        margin-left: 0px;
    }

    30% {
        left: 110%;
        margin-left: 80px;
    }

    100% {
        left: 110%;
        margin-left: 80px;
    }
}

.metahtml.css17 .ripple {
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.4);
    transform: scale(0);
    position: absolute;
    opacity: 1;
}

.metahtml.css17 .rippleEffect {
    animation: rippleDrop 1.6s infinite linear;
}

@keyframes rippleDrop {
    100% {
        transform: scale(2);
        opacity: 0;
    }
}

.node.css18 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css18>.wrapper1 {
    border-radius: 10px;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5)
}

.node.css18 a {
    color: rgb(230, 169, 25)
}

.btn.css19 {
    text-align: center
}

.btn.css19 {
    background-color: rgb(255, 178, 0);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: rgb(204, 142, 0);
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 22px;
    color: rgb(0, 0, 0) !important;
    font-family: "Bebas Neue Bold";
}

.btn.css19:hover,
.btn.css19.hover {
    background-color: rgb(255, 178, 0);
    border-color: rgb(204, 142, 0);
    color: rgb(255, 255, 255) !important;
}

.btn.css19:active,
.btn.css19.active {
    background-color: rgb(230, 160, 0);
    border-color: rgb(204, 142, 0);
    color: rgb(255, 255, 255) !important;
}

.btn.css19:before {}

.btn.css19:active:before,
.btn.css19.active:before {
    background-color: rgb(230, 160, 0);
}

.modal.css20 .modal-dialog {
    width: 410px
}

.metahtml.css21 .modal2-root {
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    opacity: 0;
    transform: scale(1.1);
    transition: 300ms all ease-out;
}

.metahtml.css21 .modal2-root.is-active {
    opacity: 1;
    transform: scale(1);
}

.metahtml.css21 .modal2-root.is-hiding {
    opacity: 0;
    transform: scale(0.9);
}

.metahtml.css21 .modal2-panel {
    padding: 15px;
    border-radius: 6px;
    background-image: linear-gradient(to right, rgb(13, 16, 20), rgb(32, 39, 50));
}

.metahtml.css21 .modal2-divider {
    margin-top: 10px;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.05);
    margin-bottom: 10px;
}

.metahtml.css21 .modal2-close {
    cursor: pointer;
    background-color: white;
    border: 2px solid black;
    border-radius: 100px;
    position: absolute;
    width: 30px;
    height: 30px;
    padding: 0;
    top: -10px;
    right: -10px;
    transition: transform 200ms;
}

.metahtml.css21 .modal2-close-h,
.metahtml.css21 .modal2-close-v {
    background-color: black;
    display: block;
    width: 16px;
    height: 2px;
    position: absolute;
    left: 50%;
    top: 50%;
}

.metahtml.css21 .modal2-close-h {
    transform: translate(-50%, -50%) rotate(135deg);
}

.metahtml.css21 .modal2-close-v {
    transform: translate(-50%, -50%) rotate(45deg);
}

.metahtml.css21 .modal2-close:hover {
    transform: scale(1.1);
}

.node.css22 {
    color: #FFF;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css22 a {
    color: rgb(230, 169, 25)
}

.textable.css23 {
    text-align: center;
    font-family: "Bebas Neue Bold";
    font-size: 30px;
    line-height: 1.1;
    letter-spacing: 0.028571428571428574em;
    opacity: 1
}

.screen-xs .textable.css23 {
    text-align: center !important
}

.node.css24 {
    color: #FFF;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css24 a {
    color: rgb(230, 169, 25)
}

.textable.css25 {
    text-align: center;
    font-family: "Montserrat Regular";
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 0.65
}

.screen-xs .textable.css25 {
    text-align: center !important
}

.node.css26 {
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css26 a {
    color: rgb(230, 169, 25)
}

.metahtml.css27 .form1-cover {
    padding: 0px 15px;
    background-color: transparent;
    border-color: rgb(255, 179, 0);
    border-style: none;
    border-width: 2px;
    border-radius: 5px;
    box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.1);
}

.node.css28 {
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css28 a {
    color: rgb(230, 169, 25)
}

.textable.css29 {
    text-align: left;
    font-family: "Open Sans";
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 0.52
}

.node.css30 {
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px
}

.screen-xs .node.css30 {
    padding-bottom: 5px !important
}

.node.css30 a {
    color: rgb(230, 169, 25)
}

.metahtml.css31 [cr-field] {
    padding-bottom: 0px;
    font-size: 13px;
    font-family: Open Sans;
}

.metahtml.css31 .name {
    transition: 300ms all;
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    word-wrap: break-word;
    padding-bottom: 4px;
}

.metahtml.css31 .is-text .name {
    position: absolute;
    line-height: 1.2;
    font-size: 13px;
}

.metahtml.css31 .is-text:focus-within .name,
.metahtml.css31 .is-text.is-filled .name {
    transform: translateY(-100%);
    font-size: 12px;
}

.metahtml.css31 .form-control {
    height: auto;
    line-height: 1.2;
    box-shadow: none;
    position: relative;
    color: rgb(255, 255, 255);
    border: 0 solid rgba(255, 247, 229, 0.24);
    border-bottom-width: 1px;
    border-radius: 0;
    padding: 0 0 8px 0;
    font-size: 13px;
    cursor: initial;
    background-color: transparent;
}

.metahtml.css31 .is-text .form-control {
    margin-top: 21px;
}

.metahtml.css31 .form-control:focus,
.metahtml.css31 .form-control:focus-within {
    border-color: rgb(255, 179, 0);
}

.metahtml.css31 .form-control+.form-control {
    margin-top: 10px;
}

.metahtml.css31 label {
    font-weight: normal;
    display: block;
    cursor: pointer;
}

.metahtml.css31 textarea {
    resize: vertical;
}

.metahtml.css31 .checkbox {
    width: 18px;
    height: 18px;
    padding: 0;
    margin: 0 4.5px 0 0;
    line-height: 0;
    min-height: auto;
    display: inline-block;
    vertical-align: middle;
    background: white;
    border: 2px solid rgba(0, 0, 0, 0.25);
    position: relative;
    transition: 300ms all;
    border-radius: 2px;
}

.metahtml.css31 .checkbox svg {
    width: 100%;
    opacity: 0;
    transform: scale(0);
    transition: 300ms all;
}

.metahtml.css31 input:hover~.checkbox,
.metahtml.css31 input:focus~.checkbox {
    border-color: rgb(255, 217, 128);
}

.metahtml.css31 input:checked~.checkbox {
    border-color: rgb(230, 161, 0);
    background-color: rgb(255, 179, 0);
}

.metahtml.css31 input:active~.checkbox {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css31 input:checked~.checkbox svg {
    opacity: 1;
    transform: scale(1);
}

.metahtml.css31 .radio {
    margin: 0;
    margin: 0 4.5px 0 0;
    padding: 0;
    line-height: 0;
    width: 18px;
    height: 18px;
    min-height: auto;
    display: inline-block;
    vertical-align: middle;
    background: white;
    border: 2px solid rgba(0, 0, 0, 0.25);
    position: relative;
    transition: 300ms all;
    border-radius: 100px;
}

.metahtml.css31 .radio:before {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    content: '';
    display: block;
    background-color: white;
    border-radius: 100px;
    opacity: 0;
    transform: scale(0);
    transition: 300ms all;
}

.metahtml.css31 input:hover~.radio,
.metahtml.css31 input:focus~.radio {
    border-color: rgb(255, 217, 128);
}

.metahtml.css31 input:active~.radio {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css31 input:checked~.radio {
    border-color: rgb(230, 161, 0);
    background-color: rgb(255, 179, 0);
}

.metahtml.css31 input:checked~.radio:before {
    opacity: 1;
    transform: scale(0.5);
}

.metahtml.css31 [cr-field="checkbox-list"] span {
    vertical-align: middle;
}

.metahtml.css31 [cr-field="checkbox-list"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css31 [cr-field="checkbox-list"] label+label {
    margin-top: 6px;
}

.metahtml.css31 [cr-field="checkbox-visual"] {
    overflow: hidden;
}

.metahtml.css31 [cr-field="checkbox-visual"] .items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
    justify-content: space-between;
}

.metahtml.css31 [cr-field="checkbox-visual"] .item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-bottom: 20px;
    width: 30%;
}

.metahtml.css31 [cr-field="checkbox-visual"] label {
    position: relative;
}

.metahtml.css31 [cr-field="checkbox-visual"] .bgimage {
    background-size: cover;
    display: inline-block;
    background-position: center;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.metahtml.css31 [cr-field="checkbox-visual"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.metahtml.css31 [cr-field="checkbox-visual"] .tick {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 179, 0, 0.75);
    transition: all 300ms;
    opacity: 0;
}

.metahtml.css31 [cr-field="checkbox-visual"] .tick svg {
    opacity: 0;
    transition: all 300ms;
    max-width: 26px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.metahtml.css31 [cr-field="checkbox-visual"] .subname {
    margin: 6.5px 0;
    word-wrap: break-word;
    white-space: normal;
}

.metahtml.css31 [cr-field="checkbox-visual"] input:hover~.bgimage .tick,
.metahtml.css31 [cr-field="checkbox-visual"] input:focus~.bgimage .tick {
    opacity: 0.5;
}

.metahtml.css31 [cr-field="checkbox-visual"] input:checked~.bgimage .tick,
.metahtml.css31 [cr-field="checkbox-visual"] input:checked~.bgimage .tick svg {
    opacity: 1;
}

.screen-xs .metahtml.css31 [cr-field="checkbox-visual"] .item {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    white-space: nowrap;
}

.screen-xs .metahtml.css31 [cr-field="checkbox-visual"] .bgimage {
    width: 25%;
    padding-top: 25%;
    vertical-align: middle;
}

.screen-xs .metahtml.css31 [cr-field="checkbox-visual"] .subname {
    width: 75%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5%;
    margin-left: -4px;
}

.metahtml.css31 [cr-field="checkbox-input"] span {
    vertical-align: middle;
}

.metahtml.css31 [cr-field="checkbox-input"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css31 [cr-field="radio-list"] span {
    vertical-align: middle;
}

.metahtml.css31 [cr-field="radio-list"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css31 [cr-field="radio-list"] label+label {
    margin-top: 6px;
}

.metahtml.css31 [cr-field="radio-visual"] {
    overflow: hidden;
}

.metahtml.css31 [cr-field="radio-visual"] .items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
    justify-content: space-between;
}

.metahtml.css31 [cr-field="radio-visual"] .item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-bottom: 20px;
    width: 30%;
}

.metahtml.css31 [cr-field="radio-visual"] label {
    position: relative;
}

.metahtml.css31 [cr-field="radio-visual"] .bgimage {
    background-size: cover;
    display: inline-block;
    background-position: center;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.metahtml.css31 [cr-field="radio-visual"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.metahtml.css31 [cr-field="radio-visual"] .tick {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 179, 0, 0.75);
    transition: all 300ms;
    opacity: 0;
}

.metahtml.css31 [cr-field="radio-visual"] .tick svg {
    opacity: 0;
    transition: all 300ms;
    max-width: 26px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.metahtml.css31 [cr-field="radio-visual"] .subname {
    margin: 6.5px 0;
    word-wrap: break-word;
    white-space: normal;
}

.metahtml.css31 [cr-field="radio-visual"] input:hover~.bgimage .tick {
    opacity: 0.5;
}

.metahtml.css31 [cr-field="radio-visual"] input:checked~.bgimage .tick,
.metahtml.css31 [cr-field="radio-visual"] input:checked~.bgimage .tick svg {
    opacity: 1;
}

.screen-xs .metahtml.css31 [cr-field="radio-visual"] .item {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    white-space: nowrap;
}

.screen-xs .metahtml.css31 [cr-field="radio-visual"] .bgimage {
    width: 25%;
    padding-top: 25%;
    vertical-align: middle;
}

.screen-xs .metahtml.css31 [cr-field="radio-visual"] .subname {
    width: 75%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5%;
    margin-left: -4px;
}

.metahtml.css31 [cr-field="select-menu"] select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
    color: black;
    -webkit-appearance: none;
}

.metahtml.css31 [cr-field="select-menu"] .fa {
    font-size: 20px;
    line-height: 0;
    opacity: 0.5;
    vertical-align: middle;
}

.metahtml.css31 [cr-field="select-menu"] .flexgrid {
    display: flex;
    align-items: center;
}

.metahtml.css31 [cr-field="select-menu"] .flexgrid .left {
    flex-grow: 1;
    min-width: 50%;
    word-wrap: break-word;
}

.metahtml.css31 [cr-field="file"] svg {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-top: -5px;
    margin-bottom: -5px;
}

.metahtml.css31 [cr-field="file"] span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}

.metahtml.css31 [cr-field="file"] input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 0;
}

.metahtml.css31 [cr-field="file"] .clean {
    float: right;
    opacity: 0.5;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.metahtml.css31 [cr-field="file"] .clean:hover {
    opacity: 1;
}

.metahtml.css31 [cr-field="file"] .flexgrid {
    display: flex;
    align-items: center;
}

.metahtml.css31 [cr-field="file"] .flexgrid .center {
    flex-grow: 1;
    min-width: 50%;
    word-wrap: break-word;
}

.metahtml.css31 [cr-field="result"] .flexgrid.align-sides {
    display: flex;
    align-items: center;
}

.metahtml.css31 [cr-field="result"] .flexgrid.align-sides .left .name {
    margin-bottom: 0;
}

.metahtml.css31 [cr-field="result"] .flexgrid.align-center .left {
    text-align: center;
}

.metahtml.css31 [cr-field="result"] .flexgrid.align-right .left {
    text-align: right;
}

.metahtml.css31 [cr-field="result"] .flexgrid .right {
    flex-grow: 1;
    min-width: 25%;
    word-wrap: break-word;
    text-align: right;
    font-size: 100%;
}

.metahtml.css31 [cr-field="result"] .flexgrid.align-left .right {
    text-align: left;
}

.metahtml.css31 [cr-field="result"] .flexgrid.align-center .right {
    text-align: center;
}

.metahtml.css31 [cr-field="result"] .flexgrid.align-right .right {
    text-align: right;
}

.metahtml.css31 [cr-field="privacy-button"] .open {
    text-align: center;
    opacity: 0.5;
    font-size: 80%;
    cursor: pointer;
}

.metahtml.css31 [cr-field="privacy-button"] .open a {
    color: inherit;
    text-decoration: none;
}

.metahtml.css31 [cr-field="privacy-checkbox"] {
    font-size: 80%;
}

.metahtml.css31 [cr-field="privacy-checkbox"] span {
    vertical-align: middle;
}

.metahtml.css31 [cr-field="privacy-checkbox"] a {
    vertical-align: middle;
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    color: inherit;
    cursor: pointer;
}

.metahtml.css31 [cr-field="privacy-checkbox"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css31 [cr-field="privacy-text"] {
    font-size: 80%;
    text-align: center;
}

.metahtml.css31 [cr-field="privacy-text"] a {
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    color: inherit;
    cursor: pointer;
}

.metahtml.css31 [cr-field="hidden"] {
    opacity: 0.25;
}

.metahtml.css32 .svgwrap {
    width: 20px;
    height: 20px;
    color: rgba(255, 179, 0, 0.8);
    top: -1px;
    margin-right: 0px;
}

.metahtml.css32 .name {
    margin-bottom: -3px;
}

.metahtml.css32 .label {
    display: inline-block;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 0;
}

.metahtml.css32 div.checkbox,
.metahtml.css32 div.radio {
    display: none;
}

.metahtml.css32 input~span {
    display: inline-block;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 7px;
    padding-bottom: 7px;
    background: rgba(65, 80, 102, 0.4);
    color: rgba(255, 255, 255, 0.9) !important;
    border-radius: 10px;
    transition: .3s all;
}

.metahtml.css32 input:hover~span {
    background-color: rgba(255, 255, 255, 0.3);
    color: rgb(255, 255, 255) !important;
    border-radius: 10px;
}

.metahtml.css32 input:checked~span {
    background-color: rgb(255, 179, 0);
    color: rgb(0, 0, 0) !important;
    border-radius: 10px;
}

.node.css33 {
    color: #FFF;
    padding-top: 20px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css33 a {
    color: rgb(230, 169, 25)
}

.node.css34 {
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 15px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css34 a {
    color: rgb(230, 169, 25)
}

.node.css35 {
    color: #FFF;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css35 a {
    color: rgb(230, 169, 25)
}

.metahtml.css36 [cr-field] {
    padding-bottom: 0px;
    font-size: 13px;
    font-family: Open Sans;
}

.metahtml.css36 .name {
    transition: 300ms all;
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    word-wrap: break-word;
    padding-bottom: 4px;
}

.metahtml.css36 .is-text .name {
    position: absolute;
    line-height: 1.2;
    font-size: 13px;
}

.metahtml.css36 .is-text:focus-within .name,
.metahtml.css36 .is-text.is-filled .name {
    transform: translateY(-100%);
    font-size: 12px;
}

.metahtml.css36 .form-control {
    height: auto;
    line-height: 1.2;
    box-shadow: none;
    position: relative;
    color: rgb(255, 255, 255);
    border: 0 solid rgba(255, 247, 229, 0.24);
    border-bottom-width: 1px;
    border-radius: 0;
    padding: 0 0 8px 0;
    font-size: 13px;
    cursor: initial;
    background-color: transparent;
}

.metahtml.css36 .is-text .form-control {
    margin-top: 21px;
}

.metahtml.css36 .form-control:focus,
.metahtml.css36 .form-control:focus-within {
    border-color: rgb(255, 179, 0);
}

.metahtml.css36 .form-control+.form-control {
    margin-top: 10px;
}

.metahtml.css36 label {
    font-weight: normal;
    display: block;
    cursor: pointer;
}

.metahtml.css36 textarea {
    resize: vertical;
}

.metahtml.css36 .checkbox {
    width: 18px;
    height: 18px;
    padding: 0;
    margin: 0 4.5px 0 0;
    line-height: 0;
    min-height: auto;
    display: inline-block;
    vertical-align: middle;
    background: white;
    border: 2px solid rgba(0, 0, 0, 0.25);
    position: relative;
    transition: 300ms all;
    border-radius: 2px;
}

.metahtml.css36 .checkbox svg {
    width: 100%;
    opacity: 0;
    transform: scale(0);
    transition: 300ms all;
}

.metahtml.css36 input:hover~.checkbox,
.metahtml.css36 input:focus~.checkbox {
    border-color: rgb(255, 217, 128);
}

.metahtml.css36 input:checked~.checkbox {
    border-color: rgb(230, 161, 0);
    background-color: rgb(255, 179, 0);
}

.metahtml.css36 input:active~.checkbox {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css36 input:checked~.checkbox svg {
    opacity: 1;
    transform: scale(1);
}

.metahtml.css36 .radio {
    margin: 0;
    margin: 0 4.5px 0 0;
    padding: 0;
    line-height: 0;
    width: 18px;
    height: 18px;
    min-height: auto;
    display: inline-block;
    vertical-align: middle;
    background: white;
    border: 2px solid rgba(0, 0, 0, 0.25);
    position: relative;
    transition: 300ms all;
    border-radius: 100px;
}

.metahtml.css36 .radio:before {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    content: '';
    display: block;
    background-color: white;
    border-radius: 100px;
    opacity: 0;
    transform: scale(0);
    transition: 300ms all;
}

.metahtml.css36 input:hover~.radio,
.metahtml.css36 input:focus~.radio {
    border-color: rgb(255, 217, 128);
}

.metahtml.css36 input:active~.radio {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css36 input:checked~.radio {
    border-color: rgb(230, 161, 0);
    background-color: rgb(255, 179, 0);
}

.metahtml.css36 input:checked~.radio:before {
    opacity: 1;
    transform: scale(0.5);
}

.metahtml.css36 [cr-field="checkbox-list"] span {
    vertical-align: middle;
}

.metahtml.css36 [cr-field="checkbox-list"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css36 [cr-field="checkbox-list"] label+label {
    margin-top: 6px;
}

.metahtml.css36 [cr-field="checkbox-visual"] {
    overflow: hidden;
}

.metahtml.css36 [cr-field="checkbox-visual"] .items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
    justify-content: space-between;
}

.metahtml.css36 [cr-field="checkbox-visual"] .item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-bottom: 20px;
    width: 30%;
}

.metahtml.css36 [cr-field="checkbox-visual"] label {
    position: relative;
}

.metahtml.css36 [cr-field="checkbox-visual"] .bgimage {
    background-size: cover;
    display: inline-block;
    background-position: center;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.metahtml.css36 [cr-field="checkbox-visual"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.metahtml.css36 [cr-field="checkbox-visual"] .tick {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 179, 0, 0.75);
    transition: all 300ms;
    opacity: 0;
}

.metahtml.css36 [cr-field="checkbox-visual"] .tick svg {
    opacity: 0;
    transition: all 300ms;
    max-width: 26px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.metahtml.css36 [cr-field="checkbox-visual"] .subname {
    margin: 6.5px 0;
    word-wrap: break-word;
    white-space: normal;
}

.metahtml.css36 [cr-field="checkbox-visual"] input:hover~.bgimage .tick,
.metahtml.css36 [cr-field="checkbox-visual"] input:focus~.bgimage .tick {
    opacity: 0.5;
}

.metahtml.css36 [cr-field="checkbox-visual"] input:checked~.bgimage .tick,
.metahtml.css36 [cr-field="checkbox-visual"] input:checked~.bgimage .tick svg {
    opacity: 1;
}

.screen-xs .metahtml.css36 [cr-field="checkbox-visual"] .item {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    white-space: nowrap;
}

.screen-xs .metahtml.css36 [cr-field="checkbox-visual"] .bgimage {
    width: 25%;
    padding-top: 25%;
    vertical-align: middle;
}

.screen-xs .metahtml.css36 [cr-field="checkbox-visual"] .subname {
    width: 75%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5%;
    margin-left: -4px;
}

.metahtml.css36 [cr-field="checkbox-input"] span {
    vertical-align: middle;
}

.metahtml.css36 [cr-field="checkbox-input"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css36 [cr-field="radio-list"] span {
    vertical-align: middle;
}

.metahtml.css36 [cr-field="radio-list"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css36 [cr-field="radio-list"] label+label {
    margin-top: 6px;
}

.metahtml.css36 [cr-field="radio-visual"] {
    overflow: hidden;
}

.metahtml.css36 [cr-field="radio-visual"] .items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
    justify-content: space-between;
}

.metahtml.css36 [cr-field="radio-visual"] .item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-bottom: 20px;
    width: 30%;
}

.metahtml.css36 [cr-field="radio-visual"] label {
    position: relative;
}

.metahtml.css36 [cr-field="radio-visual"] .bgimage {
    background-size: cover;
    display: inline-block;
    background-position: center;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.metahtml.css36 [cr-field="radio-visual"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.metahtml.css36 [cr-field="radio-visual"] .tick {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 179, 0, 0.75);
    transition: all 300ms;
    opacity: 0;
}

.metahtml.css36 [cr-field="radio-visual"] .tick svg {
    opacity: 0;
    transition: all 300ms;
    max-width: 26px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.metahtml.css36 [cr-field="radio-visual"] .subname {
    margin: 6.5px 0;
    word-wrap: break-word;
    white-space: normal;
}

.metahtml.css36 [cr-field="radio-visual"] input:hover~.bgimage .tick {
    opacity: 0.5;
}

.metahtml.css36 [cr-field="radio-visual"] input:checked~.bgimage .tick,
.metahtml.css36 [cr-field="radio-visual"] input:checked~.bgimage .tick svg {
    opacity: 1;
}

.screen-xs .metahtml.css36 [cr-field="radio-visual"] .item {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    white-space: nowrap;
}

.screen-xs .metahtml.css36 [cr-field="radio-visual"] .bgimage {
    width: 25%;
    padding-top: 25%;
    vertical-align: middle;
}

.screen-xs .metahtml.css36 [cr-field="radio-visual"] .subname {
    width: 75%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5%;
    margin-left: -4px;
}

.metahtml.css36 [cr-field="select-menu"] select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
    color: black;
    -webkit-appearance: none;
}

.metahtml.css36 [cr-field="select-menu"] .fa {
    font-size: 20px;
    line-height: 0;
    opacity: 0.5;
    vertical-align: middle;
}

.metahtml.css36 [cr-field="select-menu"] .flexgrid {
    display: flex;
    align-items: center;
}

.metahtml.css36 [cr-field="select-menu"] .flexgrid .left {
    flex-grow: 1;
    min-width: 50%;
    word-wrap: break-word;
}

.metahtml.css36 [cr-field="file"] svg {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-top: -5px;
    margin-bottom: -5px;
}

.metahtml.css36 [cr-field="file"] span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}

.metahtml.css36 [cr-field="file"] input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 0;
}

.metahtml.css36 [cr-field="file"] .clean {
    float: right;
    opacity: 0.5;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.metahtml.css36 [cr-field="file"] .clean:hover {
    opacity: 1;
}

.metahtml.css36 [cr-field="file"] .flexgrid {
    display: flex;
    align-items: center;
}

.metahtml.css36 [cr-field="file"] .flexgrid .center {
    flex-grow: 1;
    min-width: 50%;
    word-wrap: break-word;
}

.metahtml.css36 [cr-field="result"] .flexgrid.align-sides {
    display: flex;
    align-items: center;
}

.metahtml.css36 [cr-field="result"] .flexgrid.align-sides .left .name {
    margin-bottom: 0;
}

.metahtml.css36 [cr-field="result"] .flexgrid.align-center .left {
    text-align: center;
}

.metahtml.css36 [cr-field="result"] .flexgrid.align-right .left {
    text-align: right;
}

.metahtml.css36 [cr-field="result"] .flexgrid .right {
    flex-grow: 1;
    min-width: 25%;
    word-wrap: break-word;
    text-align: right;
    font-size: 120%;
}

.metahtml.css36 [cr-field="result"] .flexgrid.align-left .right {
    text-align: left;
}

.metahtml.css36 [cr-field="result"] .flexgrid.align-center .right {
    text-align: center;
}

.metahtml.css36 [cr-field="result"] .flexgrid.align-right .right {
    text-align: right;
}

.metahtml.css36 [cr-field="privacy-button"] .open {
    text-align: center;
    opacity: 0.5;
    font-size: 80%;
    cursor: pointer;
}

.metahtml.css36 [cr-field="privacy-button"] .open a {
    color: inherit;
    text-decoration: none;
}

.metahtml.css36 [cr-field="privacy-checkbox"] {
    font-size: 80%;
}

.metahtml.css36 [cr-field="privacy-checkbox"] span {
    vertical-align: middle;
}

.metahtml.css36 [cr-field="privacy-checkbox"] a {
    vertical-align: middle;
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    color: inherit;
    cursor: pointer;
}

.metahtml.css36 [cr-field="privacy-checkbox"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css36 [cr-field="privacy-text"] {
    font-size: 80%;
    text-align: center;
}

.metahtml.css36 [cr-field="privacy-text"] a {
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    color: inherit;
    cursor: pointer;
}

.metahtml.css36 [cr-field="hidden"] {
    opacity: 0.25;
}

.btn.css37 {
    text-align: center
}

.btn.css37 {
    background-color: rgb(255, 179, 0);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: rgb(204, 143, 0);
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 20px;
    color: rgb(6, 5, 5) !important;
    font-family: "Bebas Neue Bold";
}

.btn.css37:hover,
.btn.css37.hover {
    background-color: rgb(230, 161, 0);
    border-color: rgb(163, 115, 0);
    color: rgb(255, 255, 255) !important;
}

.btn.css37:active,
.btn.css37.active {
    background-color: rgb(207, 145, 0);
    border-color: rgb(184, 129, 0);
    color: rgb(255, 255, 255) !important;
}

.btn.css37:before {}

.btn.css37:active:before,
.btn.css37.active:before {
    background-color: rgb(207, 145, 0);
}

.metahtml.css38 .link a {
    color: rgb(255, 225, 153) !important;
    text-decoration: underline !important;
}

.node.css39 {
    color: #FFF;
    padding-top: 2px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css39 a {
    color: rgb(230, 169, 25)
}

.textable.css40 {
    text-align: center;
    font-family: "Open Sans";
    font-size: 10px;
    line-height: 1.4;
    letter-spacing: 0em;
    opacity: 1
}

.node.section-clear.section.sm-hidden.md-hidden.lg-hidden.css342 input,
.node.section-clear.section.xs-hidden.md-hidden.lg-hidden.css342 input,
.node.section-clear.section.xs-hidden.sm-hidden.lg-hidden.css342 input,
.node.section-clear.section.xs-hidden.sm-hidden.md-hidden.css342 input,
.node.section-clear.section.sm-hidden.md-hidden.lg-hidden.css342 .textable.css40,
.node.section-clear.section.xs-hidden.md-hidden.lg-hidden.css342 .textable.css40,
.node.section-clear.section.xs-hidden.sm-hidden.lg-hidden.css342 .textable.css40,
.node.section-clear.section.xs-hidden.sm-hidden.md-hidden.css342 .textable.css40 {
    color: #000;
}

.screen-xs .textable.css40 {
    text-align: center !important
}

.node.css41>.wrapper1 {
    background-color: rgb(26, 31, 40);
    border-radius: 28px
}

.node.css41 {
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css41 a {
    color: rgb(25, 105, 230)
}

.metahtml.css42 .button711 {
    font-family: Montserrat Medium;
    background: none;
    font-size: 16px;
    padding: 0;
    display: flex;
    position: relative;
    align-items: center;
    max-width: 100%;
    width: 100%;
    border: none;
    font-weight: normal;
    text-transform: initial;
    letter-spacing: initial;
    outline: none;
    text-decoration: none;
    color: rgb(255, 255, 255);
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
}

.metahtml.css42 .button711:hover,
.metahtml.css42 .button711.hover,
.metahtml.css42 .button711:active,
.metahtml.css42 .button711.active,
.metahtml.css42 .button711:focus {
    color: rgb(255, 255, 255);
}

.metahtml.css42 .button711[disabled] {
    opacity: 0.5;
    pointer-events: none;
}

.metahtml.css42 .circle-bg {
    height: 56px;
    width: 56px;
    display: block;
    position: absolute;
    border-radius: 1000px;
    background-color: rgb(255, 179, 0);
    box-shadow: 0 0px 0px 0px rgba(255, 179, 0, 0);
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
}

.metahtml.css42 .button711:active .circle-bg,
.metahtml.css42 .button711.active .circle-bg {
    background-color: rgb(230, 161, 0);
}

.metahtml.css42 .button711:hover .circle-bg,
.metahtml.css42 .button711.hover .circle-bg,
.metahtml.css42 .button711:active .circle-bg,
.metahtml.css42 .button711.active .circle-bg,
.metahtml.css42 .button711:focus .circle-bg {
    width: 100%;
}

.metahtml.css42 .circle {
    height: 56px;
    width: 56px;
    flex-shrink: 0;
    flex-grow: 0;
    display: block;
    position: relative;
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
}

.metahtml.css42 .dash {
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    left: 10%;
    top: 50%;
    margin-top: -1px;
    margin-left: 3px;
    width: 40%;
    height: 2px;
    background: transparent;
    display: block;
    position: relative;
}

.metahtml.css42 .button711:hover .dash,
.metahtml.css42 .button711.hover .dash,
.metahtml.css42 .button711:active .dash,
.metahtml.css42 .button711.active .dash,
.metahtml.css42 .button711:focus .dash {
    background: rgb(255, 255, 255);
}

.metahtml.css42 .arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    border-top: 2px solid rgb(255, 255, 255);
    border-right: 2px solid rgb(255, 255, 255);
    transform: translate(-65%, -50%) rotate(45deg);
}

.metahtml.css42 .button711:hover .circle,
.metahtml.css42 .button711.hover .circle,
.metahtml.css42 .button711:active .circle,
.metahtml.css42 .button711:active .circle,
.metahtml.css42 .button711:focus .circle {
    transform: translate(45%, 0);
}

.metahtml.css42 .padding {
    flex-shrink: 1000000;
    flex-grow: 1;
    width: 28px;
    display: block;
}

.metahtml.css42 .text {
    flex-shrink: 1;
    text-align: center;
    z-index: 1;
}

.metahtml.css42 .circle-bg {
    animation: css42_pulse 3s linear infinite;
}

@keyframes css42_pulse {
    70% {
        transform: scale(1);
    }

    85% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1);
    }
}

.modal.css43 .modal-dialog {
    width: 400px
}

.metahtml.css44 .modal4-root {
    border-radius: 10px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    opacity: 0;
    transform: scale(1.1);
    transition: 300ms all ease-out;
}

.metahtml.css44 .modal4-root.is-active {
    opacity: 1;
    transform: scale(1);
}

.metahtml.css44 .modal4-root.is-hiding {
    opacity: 0;
    transform: scale(0.9);
}

.metahtml.css44 .modal4-panel1 {
    padding: 15px;
    background-color: rgb(19, 23, 30);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.metahtml.css44 .modal4-panel2 {
    padding: 15px;
    background-color: rgb(255, 255, 255);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.metahtml.css44 .modal4-close {
    cursor: pointer;
    background-color: white;
    border: 2px solid black;
    border-radius: 100px;
    position: absolute;
    width: 30px;
    height: 30px;
    padding: 0;
    top: -10px;
    right: -10px;
    transition: transform 200ms;
}

.metahtml.css44 .modal4-close-h,
.metahtml.css44 .modal4-close-v {
    background-color: black;
    display: block;
    width: 16px;
    height: 2px;
    position: absolute;
    left: 50%;
    top: 50%;
}

.metahtml.css44 .modal4-close-h {
    transform: translate(-50%, -50%) rotate(135deg);
}

.metahtml.css44 .modal4-close-v {
    transform: translate(-50%, -50%) rotate(45deg);
}

.metahtml.css44 .modal4-close:hover {
    transform: scale(1.1);
}

.node.css45 {
    color: #FFF;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css45 a {
    color: rgb(25, 105, 230)
}

.textable.css46 {
    text-align: center;
    font-family: "Bebas Neue Bold";
    font-size: 30px;
    line-height: 1.1;
    letter-spacing: 0.028571428571428574em;
    color: rgb(255, 255, 255);
    opacity: 1
}

.screen-xs .textable.css46 {
    text-align: center !important
}

.textable.css47 {
    text-align: center;
    font-family: "Montserrat Regular";
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: 0em;
    color: rgb(255, 255, 255);
    opacity: 0.65
}

.screen-xs .textable.css47 {
    text-align: center !important
}

.node.css48 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css48 a {
    color: rgb(25, 105, 230)
}

.metahtml.css49 .form1-cover {
    padding: 10px 15px;
    background-color: transparent;
    border-color: rgb(255, 179, 0);
    border-style: none;
    border-width: 2px;
    border-radius: 5px;
    box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.1);
}

.node.css50 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 5px
}

.node.css50 a {
    color: rgb(25, 105, 230)
}

.textable.css51 {
    text-align: left;
    font-family: "Open Sans";
    font-size: 13px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 0.58
}

.node.css52 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 0px
}

.screen-xs .node.css52 {
    padding-bottom: 5px !important
}

.node.css52 a {
    color: rgb(25, 105, 230)
}

.metahtml.css53 [cr-field] {
    padding-bottom: 0px;
    font-size: 13px;
    font-family: Open Sans;
}

.metahtml.css53 .name {
    transition: 300ms all;
    color: rgba(51, 51, 51, 0.5);
    font-size: 12px;
    word-wrap: break-word;
    padding-bottom: 4px;
}

.metahtml.css53 .is-text .name {
    position: absolute;
    line-height: 1.2;
    font-size: 13px;
}

.metahtml.css53 .is-text:focus-within .name,
.metahtml.css53 .is-text.is-filled .name {
    transform: translateY(-100%);
    font-size: 12px;
}

.metahtml.css53 .form-control {
    height: auto;
    line-height: 1.2;
    box-shadow: none;
    position: relative;
    color: rgb(51, 51, 51);
    border: 0 solid rgba(0, 0, 0, 0.24);
    border-bottom-width: 1px;
    border-radius: 0;
    padding: 0 0 8px 0;
    font-size: 13px;
    cursor: initial;
    background-color: transparent;
}

.metahtml.css53 .is-text .form-control {
    margin-top: 21px;
}

.metahtml.css53 .form-control:focus,
.metahtml.css53 .form-control:focus-within {
    border-color: rgb(255, 179, 0);
}

.metahtml.css53 .form-control+.form-control {
    margin-top: 10px;
}

.metahtml.css53 label {
    font-weight: normal;
    display: block;
    cursor: pointer;
}

.metahtml.css53 textarea {
    resize: vertical;
}

.metahtml.css53 .checkbox {
    width: 18px;
    height: 18px;
    padding: 0;
    margin: 0 4.5px 0 0;
    line-height: 0;
    min-height: auto;
    display: inline-block;
    vertical-align: middle;
    background: white;
    border: 2px solid rgba(0, 0, 0, 0.25);
    position: relative;
    transition: 300ms all;
    border-radius: 2px;
}

.metahtml.css53 .checkbox svg {
    width: 100%;
    opacity: 0;
    transform: scale(0);
    transition: 300ms all;
}

.metahtml.css53 input:hover~.checkbox,
.metahtml.css53 input:focus~.checkbox {
    border-color: rgb(255, 217, 128);
}

.metahtml.css53 input:checked~.checkbox {
    border-color: rgb(230, 161, 0);
    background-color: rgb(255, 179, 0);
}

.metahtml.css53 input:active~.checkbox {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css53 input:checked~.checkbox svg {
    opacity: 1;
    transform: scale(1);
}

.metahtml.css53 .radio {
    margin: 0;
    margin: 0 4.5px 0 0;
    padding: 0;
    line-height: 0;
    width: 18px;
    height: 18px;
    min-height: auto;
    display: inline-block;
    vertical-align: middle;
    background: white;
    border: 2px solid rgba(0, 0, 0, 0.25);
    position: relative;
    transition: 300ms all;
    border-radius: 100px;
}

.metahtml.css53 .radio:before {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    content: '';
    display: block;
    background-color: white;
    border-radius: 100px;
    opacity: 0;
    transform: scale(0);
    transition: 300ms all;
}

.metahtml.css53 input:hover~.radio,
.metahtml.css53 input:focus~.radio {
    border-color: rgb(255, 217, 128);
}

.metahtml.css53 input:active~.radio {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css53 input:checked~.radio {
    border-color: rgb(230, 161, 0);
    background-color: rgb(255, 179, 0);
}

.metahtml.css53 input:checked~.radio:before {
    opacity: 1;
    transform: scale(0.5);
}

.metahtml.css53 [cr-field="checkbox-list"] span {
    vertical-align: middle;
}

.metahtml.css53 [cr-field="checkbox-list"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css53 [cr-field="checkbox-list"] label+label {
    margin-top: 6px;
}

.metahtml.css53 [cr-field="checkbox-visual"] {
    overflow: hidden;
}

.metahtml.css53 [cr-field="checkbox-visual"] .items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
    justify-content: space-between;
}

.metahtml.css53 [cr-field="checkbox-visual"] .item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-bottom: 20px;
    width: 30%;
}

.metahtml.css53 [cr-field="checkbox-visual"] label {
    position: relative;
}

.metahtml.css53 [cr-field="checkbox-visual"] .bgimage {
    background-size: cover;
    display: inline-block;
    background-position: center;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.metahtml.css53 [cr-field="checkbox-visual"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.metahtml.css53 [cr-field="checkbox-visual"] .tick {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 179, 0, 0.75);
    transition: all 300ms;
    opacity: 0;
}

.metahtml.css53 [cr-field="checkbox-visual"] .tick svg {
    opacity: 0;
    transition: all 300ms;
    max-width: 26px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.metahtml.css53 [cr-field="checkbox-visual"] .subname {
    margin: 6.5px 0;
    word-wrap: break-word;
    white-space: normal;
}

.metahtml.css53 [cr-field="checkbox-visual"] input:hover~.bgimage .tick,
.metahtml.css53 [cr-field="checkbox-visual"] input:focus~.bgimage .tick {
    opacity: 0.5;
}

.metahtml.css53 [cr-field="checkbox-visual"] input:checked~.bgimage .tick,
.metahtml.css53 [cr-field="checkbox-visual"] input:checked~.bgimage .tick svg {
    opacity: 1;
}

.screen-xs .metahtml.css53 [cr-field="checkbox-visual"] .item {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    white-space: nowrap;
}

.screen-xs .metahtml.css53 [cr-field="checkbox-visual"] .bgimage {
    width: 25%;
    padding-top: 25%;
    vertical-align: middle;
}

.screen-xs .metahtml.css53 [cr-field="checkbox-visual"] .subname {
    width: 75%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5%;
    margin-left: -4px;
}

.metahtml.css53 [cr-field="checkbox-input"] span {
    vertical-align: middle;
}

.metahtml.css53 [cr-field="checkbox-input"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css53 [cr-field="radio-list"] span {
    vertical-align: middle;
}

.metahtml.css53 [cr-field="radio-list"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css53 [cr-field="radio-list"] label+label {
    margin-top: 6px;
}

.metahtml.css53 [cr-field="radio-visual"] {
    overflow: hidden;
}

.metahtml.css53 [cr-field="radio-visual"] .items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
    justify-content: space-between;
}

.metahtml.css53 [cr-field="radio-visual"] .item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-bottom: 20px;
    width: 30%;
}

.metahtml.css53 [cr-field="radio-visual"] label {
    position: relative;
}

.metahtml.css53 [cr-field="radio-visual"] .bgimage {
    background-size: cover;
    display: inline-block;
    background-position: center;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.metahtml.css53 [cr-field="radio-visual"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.metahtml.css53 [cr-field="radio-visual"] .tick {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 179, 0, 0.75);
    transition: all 300ms;
    opacity: 0;
}

.metahtml.css53 [cr-field="radio-visual"] .tick svg {
    opacity: 0;
    transition: all 300ms;
    max-width: 26px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.metahtml.css53 [cr-field="radio-visual"] .subname {
    margin: 6.5px 0;
    word-wrap: break-word;
    white-space: normal;
}

.metahtml.css53 [cr-field="radio-visual"] input:hover~.bgimage .tick {
    opacity: 0.5;
}

.metahtml.css53 [cr-field="radio-visual"] input:checked~.bgimage .tick,
.metahtml.css53 [cr-field="radio-visual"] input:checked~.bgimage .tick svg {
    opacity: 1;
}

.screen-xs .metahtml.css53 [cr-field="radio-visual"] .item {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    white-space: nowrap;
}

.screen-xs .metahtml.css53 [cr-field="radio-visual"] .bgimage {
    width: 25%;
    padding-top: 25%;
    vertical-align: middle;
}

.screen-xs .metahtml.css53 [cr-field="radio-visual"] .subname {
    width: 75%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5%;
    margin-left: -4px;
}

.metahtml.css53 [cr-field="select-menu"] select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
    color: black;
    -webkit-appearance: none;
}

.metahtml.css53 [cr-field="select-menu"] .fa {
    font-size: 20px;
    line-height: 0;
    opacity: 0.5;
    vertical-align: middle;
}

.metahtml.css53 [cr-field="select-menu"] .flexgrid {
    display: flex;
    align-items: center;
}

.metahtml.css53 [cr-field="select-menu"] .flexgrid .left {
    flex-grow: 1;
    min-width: 50%;
    word-wrap: break-word;
}

.metahtml.css53 [cr-field="file"] svg {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-top: -5px;
    margin-bottom: -5px;
}

.metahtml.css53 [cr-field="file"] span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}

.metahtml.css53 [cr-field="file"] input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 0;
}

.metahtml.css53 [cr-field="file"] .clean {
    float: right;
    opacity: 0.5;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.metahtml.css53 [cr-field="file"] .clean:hover {
    opacity: 1;
}

.metahtml.css53 [cr-field="file"] .flexgrid {
    display: flex;
    align-items: center;
}

.metahtml.css53 [cr-field="file"] .flexgrid .center {
    flex-grow: 1;
    min-width: 50%;
    word-wrap: break-word;
}

.metahtml.css53 [cr-field="result"] .flexgrid.align-sides {
    display: flex;
    align-items: center;
}

.metahtml.css53 [cr-field="result"] .flexgrid.align-sides .left .name {
    margin-bottom: 0;
}

.metahtml.css53 [cr-field="result"] .flexgrid.align-center .left {
    text-align: center;
}

.metahtml.css53 [cr-field="result"] .flexgrid.align-right .left {
    text-align: right;
}

.metahtml.css53 [cr-field="result"] .flexgrid .right {
    flex-grow: 1;
    min-width: 25%;
    word-wrap: break-word;
    text-align: right;
    font-size: 100%;
}

.metahtml.css53 [cr-field="result"] .flexgrid.align-left .right {
    text-align: left;
}

.metahtml.css53 [cr-field="result"] .flexgrid.align-center .right {
    text-align: center;
}

.metahtml.css53 [cr-field="result"] .flexgrid.align-right .right {
    text-align: right;
}

.metahtml.css53 [cr-field="privacy-button"] .open {
    text-align: center;
    opacity: 0.5;
    font-size: 80%;
    cursor: pointer;
}

.metahtml.css53 [cr-field="privacy-button"] .open a {
    color: inherit;
    text-decoration: none;
}

.metahtml.css53 [cr-field="privacy-checkbox"] {
    font-size: 80%;
}

.metahtml.css53 [cr-field="privacy-checkbox"] span {
    vertical-align: middle;
}

.metahtml.css53 [cr-field="privacy-checkbox"] a {
    vertical-align: middle;
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    color: inherit;
    cursor: pointer;
}

.metahtml.css53 [cr-field="privacy-checkbox"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css53 [cr-field="privacy-text"] {
    font-size: 80%;
    text-align: center;
}

.metahtml.css53 [cr-field="privacy-text"] a {
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    color: inherit;
    cursor: pointer;
}

.metahtml.css53 [cr-field="hidden"] {
    opacity: 0.25;
}

.metahtml.css54 .svgwrap {
    width: 20px;
    height: 20px;
    color: rgba(255, 179, 0, 0.8);
    top: -1px;
    margin-right: 0px;
}

.metahtml.css54 .name {
    margin-bottom: -3px;
}

.metahtml.css54 .label {
    display: inline-block;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 0;
}

.metahtml.css54 div.checkbox,
.metahtml.css54 div.radio {
    display: none;
}

.metahtml.css54 input~span {
    display: inline-block;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 7px;
    padding-bottom: 7px;
    background: rgba(26, 30, 40, 0.97);
    color: rgba(255, 255, 255, 0.9) !important;
    border-radius: 10px;
    transition: .3s all;
}

.metahtml.css54 input:hover~span {
    background-color: rgba(26, 30, 40, 0.9);
    color: rgb(255, 255, 255) !important;
    border-radius: 10px;
}

.metahtml.css54 input:checked~span {
    background-color: rgb(255, 179, 0);
    color: rgb(0, 0, 0) !important;
    border-radius: 10px;
}

.node.css55 {
    color: #333;
    padding-top: 15px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 5px
}

.node.css55 a {
    color: rgb(25, 105, 230)
}

.node.css56 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 15px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css56 a {
    color: rgb(25, 105, 230)
}

.node.css57 {
    color: #333;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css57 a {
    color: rgb(25, 105, 230)
}

.metahtml.css58 [cr-field] {
    padding-bottom: 0px;
    font-size: 13px;
    font-family: Open Sans;
}

.metahtml.css58 .name {
    transition: 300ms all;
    color: rgba(51, 51, 51, 0.5);
    font-size: 12px;
    word-wrap: break-word;
    padding-bottom: 4px;
}

.metahtml.css58 .is-text .name {
    position: absolute;
    line-height: 1.2;
    font-size: 13px;
}

.metahtml.css58 .is-text:focus-within .name,
.metahtml.css58 .is-text.is-filled .name {
    transform: translateY(-100%);
    font-size: 12px;
}

.metahtml.css58 .form-control {
    height: auto;
    line-height: 1.2;
    box-shadow: none;
    position: relative;
    color: rgb(51, 51, 51);
    border: 0 solid rgba(0, 0, 0, 0.24);
    border-bottom-width: 1px;
    border-radius: 0;
    padding: 0 0 8px 0;
    font-size: 13px;
    cursor: initial;
    background-color: transparent;
}

.metahtml.css58 .is-text .form-control {
    margin-top: 21px;
}

.metahtml.css58 .form-control:focus,
.metahtml.css58 .form-control:focus-within {
    border-color: rgb(255, 179, 0);
}

.metahtml.css58 .form-control+.form-control {
    margin-top: 10px;
}

.metahtml.css58 label {
    font-weight: normal;
    display: block;
    cursor: pointer;
}

.metahtml.css58 textarea {
    resize: vertical;
}

.metahtml.css58 .checkbox {
    width: 18px;
    height: 18px;
    padding: 0;
    margin: 0 4.5px 0 0;
    line-height: 0;
    min-height: auto;
    display: inline-block;
    vertical-align: middle;
    background: white;
    border: 2px solid rgba(0, 0, 0, 0.25);
    position: relative;
    transition: 300ms all;
    border-radius: 2px;
}

.metahtml.css58 .checkbox svg {
    width: 100%;
    opacity: 0;
    transform: scale(0);
    transition: 300ms all;
}

.metahtml.css58 input:hover~.checkbox,
.metahtml.css58 input:focus~.checkbox {
    border-color: rgb(255, 217, 128);
}

.metahtml.css58 input:checked~.checkbox {
    border-color: rgb(230, 161, 0);
    background-color: rgb(255, 179, 0);
}

.metahtml.css58 input:active~.checkbox {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css58 input:checked~.checkbox svg {
    opacity: 1;
    transform: scale(1);
}

.metahtml.css58 .radio {
    margin: 0;
    margin: 0 4.5px 0 0;
    padding: 0;
    line-height: 0;
    width: 18px;
    height: 18px;
    min-height: auto;
    display: inline-block;
    vertical-align: middle;
    background: white;
    border: 2px solid rgba(0, 0, 0, 0.25);
    position: relative;
    transition: 300ms all;
    border-radius: 100px;
}

.metahtml.css58 .radio:before {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    content: '';
    display: block;
    background-color: white;
    border-radius: 100px;
    opacity: 0;
    transform: scale(0);
    transition: 300ms all;
}

.metahtml.css58 input:hover~.radio,
.metahtml.css58 input:focus~.radio {
    border-color: rgb(255, 217, 128);
}

.metahtml.css58 input:active~.radio {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css58 input:checked~.radio {
    border-color: rgb(230, 161, 0);
    background-color: rgb(255, 179, 0);
}

.metahtml.css58 input:checked~.radio:before {
    opacity: 1;
    transform: scale(0.5);
}

.metahtml.css58 [cr-field="checkbox-list"] span {
    vertical-align: middle;
}

.metahtml.css58 [cr-field="checkbox-list"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css58 [cr-field="checkbox-list"] label+label {
    margin-top: 6px;
}

.metahtml.css58 [cr-field="checkbox-visual"] {
    overflow: hidden;
}

.metahtml.css58 [cr-field="checkbox-visual"] .items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
    justify-content: space-between;
}

.metahtml.css58 [cr-field="checkbox-visual"] .item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-bottom: 20px;
    width: 30%;
}

.metahtml.css58 [cr-field="checkbox-visual"] label {
    position: relative;
}

.metahtml.css58 [cr-field="checkbox-visual"] .bgimage {
    background-size: cover;
    display: inline-block;
    background-position: center;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.metahtml.css58 [cr-field="checkbox-visual"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.metahtml.css58 [cr-field="checkbox-visual"] .tick {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 179, 0, 0.75);
    transition: all 300ms;
    opacity: 0;
}

.metahtml.css58 [cr-field="checkbox-visual"] .tick svg {
    opacity: 0;
    transition: all 300ms;
    max-width: 26px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.metahtml.css58 [cr-field="checkbox-visual"] .subname {
    margin: 6.5px 0;
    word-wrap: break-word;
    white-space: normal;
}

.metahtml.css58 [cr-field="checkbox-visual"] input:hover~.bgimage .tick,
.metahtml.css58 [cr-field="checkbox-visual"] input:focus~.bgimage .tick {
    opacity: 0.5;
}

.metahtml.css58 [cr-field="checkbox-visual"] input:checked~.bgimage .tick,
.metahtml.css58 [cr-field="checkbox-visual"] input:checked~.bgimage .tick svg {
    opacity: 1;
}

.screen-xs .metahtml.css58 [cr-field="checkbox-visual"] .item {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    white-space: nowrap;
}

.screen-xs .metahtml.css58 [cr-field="checkbox-visual"] .bgimage {
    width: 25%;
    padding-top: 25%;
    vertical-align: middle;
}

.screen-xs .metahtml.css58 [cr-field="checkbox-visual"] .subname {
    width: 75%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5%;
    margin-left: -4px;
}

.metahtml.css58 [cr-field="checkbox-input"] span {
    vertical-align: middle;
}

.metahtml.css58 [cr-field="checkbox-input"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css58 [cr-field="radio-list"] span {
    vertical-align: middle;
}

.metahtml.css58 [cr-field="radio-list"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css58 [cr-field="radio-list"] label+label {
    margin-top: 6px;
}

.metahtml.css58 [cr-field="radio-visual"] {
    overflow: hidden;
}

.metahtml.css58 [cr-field="radio-visual"] .items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
    justify-content: space-between;
}

.metahtml.css58 [cr-field="radio-visual"] .item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-bottom: 20px;
    width: 30%;
}

.metahtml.css58 [cr-field="radio-visual"] label {
    position: relative;
}

.metahtml.css58 [cr-field="radio-visual"] .bgimage {
    background-size: cover;
    display: inline-block;
    background-position: center;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.metahtml.css58 [cr-field="radio-visual"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.metahtml.css58 [cr-field="radio-visual"] .tick {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 179, 0, 0.75);
    transition: all 300ms;
    opacity: 0;
}

.metahtml.css58 [cr-field="radio-visual"] .tick svg {
    opacity: 0;
    transition: all 300ms;
    max-width: 26px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.metahtml.css58 [cr-field="radio-visual"] .subname {
    margin: 6.5px 0;
    word-wrap: break-word;
    white-space: normal;
}

.metahtml.css58 [cr-field="radio-visual"] input:hover~.bgimage .tick {
    opacity: 0.5;
}

.metahtml.css58 [cr-field="radio-visual"] input:checked~.bgimage .tick,
.metahtml.css58 [cr-field="radio-visual"] input:checked~.bgimage .tick svg {
    opacity: 1;
}

.screen-xs .metahtml.css58 [cr-field="radio-visual"] .item {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    white-space: nowrap;
}

.screen-xs .metahtml.css58 [cr-field="radio-visual"] .bgimage {
    width: 25%;
    padding-top: 25%;
    vertical-align: middle;
}

.screen-xs .metahtml.css58 [cr-field="radio-visual"] .subname {
    width: 75%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5%;
    margin-left: -4px;
}

.metahtml.css58 [cr-field="select-menu"] select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
    color: black;
    -webkit-appearance: none;
}

.metahtml.css58 [cr-field="select-menu"] .fa {
    font-size: 20px;
    line-height: 0;
    opacity: 0.5;
    vertical-align: middle;
}

.metahtml.css58 [cr-field="select-menu"] .flexgrid {
    display: flex;
    align-items: center;
}

.metahtml.css58 [cr-field="select-menu"] .flexgrid .left {
    flex-grow: 1;
    min-width: 50%;
    word-wrap: break-word;
}

.metahtml.css58 [cr-field="file"] svg {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-top: -5px;
    margin-bottom: -5px;
}

.metahtml.css58 [cr-field="file"] span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}

.metahtml.css58 [cr-field="file"] input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 0;
}

.metahtml.css58 [cr-field="file"] .clean {
    float: right;
    opacity: 0.5;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.metahtml.css58 [cr-field="file"] .clean:hover {
    opacity: 1;
}

.metahtml.css58 [cr-field="file"] .flexgrid {
    display: flex;
    align-items: center;
}

.metahtml.css58 [cr-field="file"] .flexgrid .center {
    flex-grow: 1;
    min-width: 50%;
    word-wrap: break-word;
}

.metahtml.css58 [cr-field="result"] .flexgrid.align-sides {
    display: flex;
    align-items: center;
}

.metahtml.css58 [cr-field="result"] .flexgrid.align-sides .left .name {
    margin-bottom: 0;
}

.metahtml.css58 [cr-field="result"] .flexgrid.align-center .left {
    text-align: center;
}

.metahtml.css58 [cr-field="result"] .flexgrid.align-right .left {
    text-align: right;
}

.metahtml.css58 [cr-field="result"] .flexgrid .right {
    flex-grow: 1;
    min-width: 25%;
    word-wrap: break-word;
    text-align: right;
    font-size: 120%;
}

.metahtml.css58 [cr-field="result"] .flexgrid.align-left .right {
    text-align: left;
}

.metahtml.css58 [cr-field="result"] .flexgrid.align-center .right {
    text-align: center;
}

.metahtml.css58 [cr-field="result"] .flexgrid.align-right .right {
    text-align: right;
}

.metahtml.css58 [cr-field="privacy-button"] .open {
    text-align: center;
    opacity: 0.5;
    font-size: 80%;
    cursor: pointer;
}

.metahtml.css58 [cr-field="privacy-button"] .open a {
    color: inherit;
    text-decoration: none;
}

.metahtml.css58 [cr-field="privacy-checkbox"] {
    font-size: 80%;
}

.metahtml.css58 [cr-field="privacy-checkbox"] span {
    vertical-align: middle;
}

.metahtml.css58 [cr-field="privacy-checkbox"] a {
    vertical-align: middle;
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    color: inherit;
    cursor: pointer;
}

.metahtml.css58 [cr-field="privacy-checkbox"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css58 [cr-field="privacy-text"] {
    font-size: 80%;
    text-align: center;
}

.metahtml.css58 [cr-field="privacy-text"] a {
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    color: inherit;
    cursor: pointer;
}

.metahtml.css58 [cr-field="hidden"] {
    opacity: 0.25;
}

.btn.css59 {
    text-align: center
}

.btn.css59 {
    background-color: rgb(255, 179, 0);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: rgb(204, 143, 0);
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 20px;
    color: rgb(19, 23, 30) !important;
    font-family: "Bebas Neue Bold";
}

.btn.css59:hover,
.btn.css59.hover {
    background-color: rgb(230, 161, 0);
    border-color: rgb(163, 115, 0);
    color: rgb(255, 255, 255) !important;
}

.btn.css59:active,
.btn.css59.active {
    background-color: rgb(207, 145, 0);
    border-color: rgb(184, 129, 0);
    color: rgb(255, 255, 255) !important;
}

.btn.css59:before {}

.btn.css59:active:before,
.btn.css59.active:before {
    background-color: rgb(207, 145, 0);
}

.metahtml.css60 .link a {
    color: rgb(6, 8, 10) !important;
    text-decoration: underline !important;
}

.node.css61 {
    color: #333;
    padding-top: 2px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css61 a {
    color: rgb(25, 105, 230)
}

.node.css62 {
    color: #333;
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css62 a {
    color: rgb(230, 169, 25)
}

.textable.css63 {
    text-align: left;
    font-family: "Open Sans";
    font-size: 12px;
    line-height: 1.6;
    letter-spacing: 0em;
    opacity: 1
}

.screen-md .textable.css63 {
    font-size: 10px !important;
    line-height: 1.3 !important;
    letter-spacing: 0em !important
}

.screen-sm .textable.css63 {
    font-size: 10px !important;
    line-height: 1.3 !important;
    letter-spacing: 0em !important
}

.screen-xs .textable.css63 {
    font-size: 10px !important;
    line-height: 1.3 !important;
    letter-spacing: 0em !important
}

.zero-layer.css64>.zero-layer-axis>.zero-layer-frame>.cont {
    z-index: 11;
    transform: scale(1, 1)
}

.zero-layer.css64>.zero-layer-axis {
    height: 799px
}

.zero-layer.css64>.zero-layer-axis>.zero-layer-frame {
    left: 20px;
    top: 0px;
    width: 1155px
}

.node.css65 img {
    width: calc(1 * var(--width))
}

.node.css65 .bgnormal {
    text-align: center
}

.node.css66 {
    color: #333;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 0px
}

.node.css66 a {
    color: rgb(230, 169, 25)
}

.node.css67 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css67 a {
    color: rgb(230, 169, 25)
}

.btn.css68 {
    text-align: center
}

.btn.css68 {
    background-color: rgba(0, 0, 0, 0);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: rgb(0, 0, 0);
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 20px;
    color: rgb(0, 0, 0) !important;
    font-family: "Bebas Neue Bold";
}

.btn.css68:hover,
.btn.css68.hover {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgb(0, 0, 0);
    color: rgb(0, 0, 0) !important;
}

.btn.css68:active,
.btn.css68.active {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgb(0, 0, 0);
    color: rgb(0, 0, 0) !important;
}

.btn.css68:before {}

.btn.css68:active:before,
.btn.css68.active:before {
    background-color: rgba(0, 0, 0, 0);
}

.node.css69 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 0px
}

.node.css69 a {
    color: rgb(230, 169, 25)
}

.btn.css70 {
    text-align: center
}

.btn.css70 {
    background-color: rgba(19, 23, 30, 0);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: rgb(15, 18, 24);
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 20px;
    color: rgb(19, 23, 30) !important;
    font-family: "Bebas Neue Bold";
}

.btn.css70:hover,
.btn.css70.hover {
    background-color: rgba(17, 21, 27, 0);
    border-color: rgb(12, 15, 19);
    color: rgb(15, 18, 24) !important;
}

.btn.css70:active,
.btn.css70.active {
    background-color: rgba(15, 19, 24, 0);
    border-color: rgb(14, 17, 22);
    color: rgb(0, 0, 0) !important;
}

.btn.css70:before {}

.btn.css70:active:before,
.btn.css70.active:before {
    background-color: rgba(15, 19, 24, 0);
}

.node.css71 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 15px
}

.node.css71 a {
    color: rgb(230, 169, 25)
}

.btn.css72 {
    text-align: center
}

.btn.css72 {
    background-color: rgb(26, 31, 40);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: rgb(20, 25, 32);
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 20px;
    color: rgb(255, 194, 51) !important;
    font-family: "Bebas Neue Bold";
}

.btn.css72:hover,
.btn.css72.hover {
    background-color: rgb(23, 28, 36);
    border-color: rgb(16, 20, 26);
    color: rgb(255, 255, 255) !important;
}

.btn.css72:active,
.btn.css72.active {
    background-color: rgb(21, 25, 32);
    border-color: rgb(18, 22, 29);
    color: rgb(255, 255, 255) !important;
}

.btn.css72:before {}

.btn.css72:active:before,
.btn.css72.active:before {
    background-color: rgb(21, 25, 32);
}

.metahtml.css73 .modal2-root {
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    opacity: 0;
    transform: scale(1.1);
    transition: 300ms all ease-out;
}

.metahtml.css73 .modal2-root.is-active {
    opacity: 1;
    transform: scale(1);
}

.metahtml.css73 .modal2-root.is-hiding {
    opacity: 0;
    transform: scale(0.9);
}

.metahtml.css73 .modal2-panel {
    padding: 15px;
    border-radius: 6px;
    background-image: linear-gradient(to right, rgb(19, 23, 30), rgb(32, 39, 50));
}

.metahtml.css73 .modal2-divider {
    margin-top: 10px;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.05);
    margin-bottom: 10px;
}

.metahtml.css73 .modal2-close {
    cursor: pointer;
    background-color: white;
    border: 2px solid black;
    border-radius: 100px;
    position: absolute;
    width: 30px;
    height: 30px;
    padding: 0;
    top: -10px;
    right: -10px;
    transition: transform 200ms;
}

.metahtml.css73 .modal2-close-h,
.metahtml.css73 .modal2-close-v {
    background-color: black;
    display: block;
    width: 16px;
    height: 2px;
    position: absolute;
    left: 50%;
    top: 50%;
}

.metahtml.css73 .modal2-close-h {
    transform: translate(-50%, -50%) rotate(135deg);
}

.metahtml.css73 .modal2-close-v {
    transform: translate(-50%, -50%) rotate(45deg);
}

.metahtml.css73 .modal2-close:hover {
    transform: scale(1.1);
}

.btn.css74 {
    text-align: center
}

.btn.css74 {
    background-color: rgb(255, 179, 0);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: rgb(204, 143, 0);
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 20px;
    color: rgb(26, 31, 40) !important;
    font-family: "Bebas Neue Bold";
}

.btn.css74:hover,
.btn.css74.hover {
    background-color: rgb(255, 187, 26);
    border-color: rgb(163, 115, 0);
    color: rgb(26, 31, 40) !important;
}

.btn.css74:active,
.btn.css74.active {
    background-color: rgb(252, 177, 0);
    border-color: rgb(224, 158, 0);
    color: rgb(255, 255, 255) !important;
}

.btn.css74:before {}

.btn.css74:active:before,
.btn.css74.active:before {
    background-color: rgb(252, 177, 0);
}

.metahtml.css75 .modal4-root {
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    opacity: 0;
    transform: scale(1.1);
    transition: 300ms all ease-out;
}

.metahtml.css75 .modal4-root.is-active {
    opacity: 1;
    transform: scale(1);
}

.metahtml.css75 .modal4-root.is-hiding {
    opacity: 0;
    transform: scale(0.9);
}

.metahtml.css75 .modal4-panel1 {
    padding: 15px;
    background-color: rgb(26, 31, 40);
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.metahtml.css75 .modal4-panel2 {
    padding: 15px;
    background-color: rgb(255, 255, 255);
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.metahtml.css75 .modal4-close {
    cursor: pointer;
    background-color: white;
    border: 2px solid black;
    border-radius: 100px;
    position: absolute;
    width: 30px;
    height: 30px;
    padding: 0;
    top: -10px;
    right: -10px;
    transition: transform 200ms;
}

.metahtml.css75 .modal4-close-h,
.metahtml.css75 .modal4-close-v {
    background-color: black;
    display: block;
    width: 16px;
    height: 2px;
    position: absolute;
    left: 50%;
    top: 50%;
}

.metahtml.css75 .modal4-close-h {
    transform: translate(-50%, -50%) rotate(135deg);
}

.metahtml.css75 .modal4-close-v {
    transform: translate(-50%, -50%) rotate(45deg);
}

.metahtml.css75 .modal4-close:hover {
    transform: scale(1.1);
}

.node.css76 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 5px
}

.node.css76 a {
    color: rgb(230, 169, 25)
}

.node.css77 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 0px
}

.screen-xs .node.css77 {
    padding-bottom: 5px !important
}

.node.css77 a {
    color: rgb(230, 169, 25)
}

.node.css78 {
    color: #333;
    padding-top: 14px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 5px
}

.node.css78 a {
    color: rgb(230, 169, 25)
}

.node.css79 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 15px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css79 a {
    color: rgb(230, 169, 25)
}

.node.css80 {
    color: #333;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css80 a {
    color: rgb(230, 169, 25)
}

.node.css81 {
    color: #333;
    padding-top: 2px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css81 a {
    color: rgb(230, 169, 25)
}

.zero-layer.css82>.zero-layer-axis>.zero-layer-frame>.cont {
    z-index: 12;
    transform: scale(1, 1)
}

.zero-layer.css82>.zero-layer-axis {
    height: 799px
}

.zero-layer.css82>.zero-layer-axis>.zero-layer-frame {
    left: 500px;
    top: 240px;
    width: 680px
}

.node.css83>.wrapper1 {
    background-position: center center;
    background-size: cover;
    background-repeat: repeat
}

.node.css83>.wrapper1>.wrapper2 {
    background-color: rgba(0, 0, 0, 0)
}

.node.css83 {
    color: #FFF;
    padding-top: 29px;
    padding-bottom: 44px;
    padding-left: 33px;
    padding-right: 28px
}

.node.css83 a {
    color: rgb(230, 25, 25)
}

.node.css84 {
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css84 a {
    color: rgb(230, 25, 25)
}

.metahtml.css85 .cr-player {
    /*width: 85%;
            margin: 0 auto;*/
}

.metahtml.css85 .only-for-editor {
    width: 100%;
    margin: 0 auto;
}

.metahtml.css85 .plyr__video-embed iframe {
    top: -50%;
    height: 200%;
}

.metahtml.css85 .plyr {
    --plyr-color-main: rgb(255, 177, 0) !important;
}

.zero-layer.css86>.zero-layer-axis>.zero-layer-frame>.cont {
    z-index: 13;
    transform: scale(1, 1)
}

.zero-layer.css86>.zero-layer-axis {
    height: 799px
}

.zero-layer.css86>.zero-layer-axis>.zero-layer-frame {
    left: 25px;
    top: 710px;
    width: 1155px
}

.node.css87 {
    color: #333;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css87 a {
    color: rgb(230, 169, 25)
}

.textable.css88 {
    text-align: left;
    font-family: "Bebas Neue Bold";
    font-size: 56px;
    line-height: 1.2;
    letter-spacing: 0em;
    opacity: 1
}

.screen-xs .textable.css88 {
    font-size: 51px !important
}

.zero-layer.css89>.zero-layer-axis>.zero-layer-frame>.cont {
    z-index: 8;
    transform: scale(1, 1)
}

.zero-layer.css89>.zero-layer-axis {
    height: 799px
}

.zero-layer.css89>.zero-layer-axis>.zero-layer-frame {
    left: 15px;
    top: 110px;
    width: 995px
}

.zero-layer.css90>.zero-layer-axis>.zero-layer-frame>.cont {
    z-index: 10;
    transform: scale(1, 1)
}

.zero-layer.css90>.zero-layer-axis {
    height: 799px
}

.zero-layer.css90>.zero-layer-axis>.zero-layer-frame {
    left: 575px;
    top: -493px;
    width: 1492.22px
}

.node.css91>.zero-grid {
    height: 709px
}

.zero-layer.css92>.zero-layer-axis>.zero-layer-frame>.cont {
    z-index: 9;
    transform: scale(1, 1)
}

.zero-layer.css92>.zero-layer-axis {
    height: 709px
}

.zero-layer.css92>.zero-layer-axis>.zero-layer-frame {
    left: 20px;
    top: 25px;
    width: 564px
}

.screen-md .zero-layer.css92>.zero-layer-axis>.zero-layer-frame {
    left: 0px !important;
    top: 9.5px !important;
    width: 467px !important
}

.screen-sm .zero-layer.css92>.zero-layer-axis>.zero-layer-frame {
    left: 5.5px !important;
    top: 223px !important;
    width: 417px !important
}

.screen-xs .zero-layer.css92>.zero-layer-axis>.zero-layer-frame {
    left: 0px !important;
    top: 20px !important;
    width: 279px !important
}

.btn.css93 {
    text-align: center
}

.btn.css93 {
    background-color: rgb(255, 179, 0);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: rgb(204, 143, 0);
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 20px;
    color: rgb(0, 0, 0) !important;
    font-family: "Bebas Neue Bold";
}

.btn.css93:hover,
.btn.css93.hover {
    background-color: rgb(255, 179, 0);
    border-color: rgb(204, 143, 0);
    color: rgb(255, 255, 255) !important;
}

.btn.css93:active,
.btn.css93.active {
    background-color: rgb(230, 161, 0);
    border-color: rgb(204, 143, 0);
    color: rgb(255, 255, 255) !important;
}

.btn.css93:before {}

.btn.css93:active:before,
.btn.css93.active:before {
    background-color: rgb(230, 161, 0);
}

.metahtml.css94 .button711 {
    font-family: Montserrat Medium;
    background: none;
    font-size: 14px;
    padding: 0;
    display: flex;
    position: relative;
    align-items: center;
    max-width: 100%;
    width: 100%;
    border: none;
    font-weight: normal;
    text-transform: initial;
    letter-spacing: initial;
    outline: none;
    text-decoration: none;
    color: rgb(255, 255, 255);
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
}

.metahtml.css94 .button711:hover,
.metahtml.css94 .button711.hover,
.metahtml.css94 .button711:active,
.metahtml.css94 .button711.active,
.metahtml.css94 .button711:focus {
    color: rgb(255, 255, 255);
}

.metahtml.css94 .button711[disabled] {
    opacity: 0.5;
    pointer-events: none;
}

.metahtml.css94 .circle-bg {
    height: 56px;
    width: 56px;
    display: block;
    position: absolute;
    border-radius: 1000px;
    background-color: rgb(255, 179, 0);
    box-shadow: 0 0px 0px 0px rgba(255, 179, 0, 0);
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
}

.metahtml.css94 .button711:active .circle-bg,
.metahtml.css94 .button711.active .circle-bg {
    background-color: rgb(230, 161, 0);
}

.metahtml.css94 .button711:hover .circle-bg,
.metahtml.css94 .button711.hover .circle-bg,
.metahtml.css94 .button711:active .circle-bg,
.metahtml.css94 .button711.active .circle-bg,
.metahtml.css94 .button711:focus .circle-bg {
    width: 100%;
}

.metahtml.css94 .circle {
    height: 56px;
    width: 56px;
    flex-shrink: 0;
    flex-grow: 0;
    display: block;
    position: relative;
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
}

.metahtml.css94 .dash {
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    left: 10%;
    top: 50%;
    margin-top: -1px;
    margin-left: 3px;
    width: 40%;
    height: 2px;
    background: transparent;
    display: block;
    position: relative;
}

.metahtml.css94 .button711:hover .dash,
.metahtml.css94 .button711.hover .dash,
.metahtml.css94 .button711:active .dash,
.metahtml.css94 .button711.active .dash,
.metahtml.css94 .button711:focus .dash {
    background: rgb(255, 255, 255);
}

.metahtml.css94 .arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    border-top: 2px solid rgb(255, 255, 255);
    border-right: 2px solid rgb(255, 255, 255);
    transform: translate(-65%, -50%) rotate(45deg);
}

.metahtml.css94 .button711:hover .circle,
.metahtml.css94 .button711.hover .circle,
.metahtml.css94 .button711:active .circle,
.metahtml.css94 .button711:active .circle,
.metahtml.css94 .button711:focus .circle {
    transform: translate(45%, 0);
}

.metahtml.css94 .padding {
    flex-shrink: 1000000;
    flex-grow: 1;
    width: 28px;
    display: block;
}

.metahtml.css94 .text {
    flex-shrink: 1;
    text-align: center;
    z-index: 1;
}

.metahtml.css94 .circle-bg {
    animation: css94_pulse 3s linear infinite;
}

@keyframes css94_pulse {
    70% {
        transform: scale(1);
    }

    85% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1);
    }
}

.textable.css95 {
    text-align: center;
    font-family: "Montserrat Regular";
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0em;
    color: rgb(255, 255, 255);
    opacity: 0.65
}

.screen-md .textable.css95 {
    line-height: 1.3 !important;
    letter-spacing: 0em !important
}

.screen-sm .textable.css95 {
    line-height: 1.3 !important;
    letter-spacing: 0em !important
}

.screen-xs .textable.css95 {
    text-align: center !important;
    line-height: 1.3 !important;
    letter-spacing: 0em !important
}

.node.css96 {
    color: #333;
    padding-top: 21px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 5px
}

.node.css96 a {
    color: rgb(25, 105, 230)
}

.node.css97 {
    color: #333;
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 5px
}

.node.css97 a {
    color: rgb(230, 169, 25)
}

.textable.css98 {
    text-align: left;
    font-family: "Open Sans";
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: 0em;
    opacity: 1
}

.screen-md .textable.css98 {
    font-size: 10px !important;
    line-height: 1.3 !important;
    letter-spacing: 0em !important
}

.screen-sm .textable.css98 {
    font-size: 10px !important;
    line-height: 1.3 !important;
    letter-spacing: 0em !important
}

.screen-xs .textable.css98 {
    font-size: 10px !important;
    line-height: 1.3 !important;
    letter-spacing: 0em !important
}

.zero-layer.css99>.zero-layer-axis>.zero-layer-frame>.cont {
    z-index: 11;
    transform: scale(1, 1)
}

.zero-layer.css99>.zero-layer-axis {
    height: 709px
}

.zero-layer.css99>.zero-layer-axis>.zero-layer-frame {
    left: 20px;
    top: 0px;
    width: 1160px
}

.screen-md .zero-layer.css99>.zero-layer-axis>.zero-layer-frame {
    left: 0px !important;
    width: 945px !important
}

.screen-sm .zero-layer.css99>.zero-layer-axis>.zero-layer-frame {
    left: 0px !important;
    width: 945px !important
}

.screen-xs .zero-layer.css99>.zero-layer-axis>.zero-layer-frame {
    left: 0px !important;
    width: 945px !important
}

.btn.css100 {
    text-align: center
}

.btn.css100 {
    background-color: rgba(0, 0, 0, 0);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: rgb(0, 0, 0);
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 18px;
    color: rgb(0, 0, 0) !important;
    font-family: "Bebas Neue Bold";
}

.btn.css100:hover,
.btn.css100.hover {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgb(0, 0, 0);
    color: rgb(0, 0, 0) !important;
}

.btn.css100:active,
.btn.css100.active {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgb(0, 0, 0);
    color: rgb(0, 0, 0) !important;
}

.btn.css100:before {}

.btn.css100:active:before,
.btn.css100.active:before {
    background-color: rgba(0, 0, 0, 0);
}

.btn.css101 {
    text-align: center
}

.btn.css101 {
    background-color: rgba(19, 23, 30, 0);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: rgb(15, 18, 24);
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 18px;
    color: rgb(19, 23, 30) !important;
    font-family: "Bebas Neue Bold";
}

.btn.css101:hover,
.btn.css101.hover {
    background-color: rgba(17, 21, 27, 0);
    border-color: rgb(12, 15, 19);
    color: rgb(15, 18, 24) !important;
}

.btn.css101:active,
.btn.css101.active {
    background-color: rgba(15, 19, 24, 0);
    border-color: rgb(14, 17, 22);
    color: rgb(0, 0, 0) !important;
}

.btn.css101:before {}

.btn.css101:active:before,
.btn.css101.active:before {
    background-color: rgba(15, 19, 24, 0);
}

.btn.css102 {
    text-align: center
}

.btn.css102 {
    background-color: rgb(26, 31, 40);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: rgb(20, 25, 32);
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
    color: rgb(255, 194, 51) !important;
    font-family: "Bebas Neue Bold";
}

.btn.css102:hover,
.btn.css102.hover {
    background-color: rgb(23, 28, 36);
    border-color: rgb(16, 20, 26);
    color: rgb(255, 255, 255) !important;
}

.btn.css102:active,
.btn.css102.active {
    background-color: rgb(21, 25, 32);
    border-color: rgb(18, 22, 29);
    color: rgb(255, 255, 255) !important;
}

.btn.css102:before {}

.btn.css102:active:before,
.btn.css102.active:before {
    background-color: rgb(21, 25, 32);
}

.textable.css103 {
    text-align: left;
    font-family: "Open Sans";
    font-size: 13px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 0.52
}

.btn.css104 {
    text-align: center
}

.btn.css104 {
    background-color: rgb(255, 179, 0);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: rgb(204, 143, 0);
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
    color: rgb(26, 31, 40) !important;
    font-family: "Bebas Neue Bold";
}

.btn.css104:hover,
.btn.css104.hover {
    background-color: rgb(255, 187, 26);
    border-color: rgb(163, 115, 0);
    color: rgb(26, 31, 40) !important;
}

.btn.css104:active,
.btn.css104.active {
    background-color: rgb(252, 177, 0);
    border-color: rgb(224, 158, 0);
    color: rgb(255, 255, 255) !important;
}

.btn.css104:before {}

.btn.css104:active:before,
.btn.css104.active:before {
    background-color: rgb(252, 177, 0);
}

.node.css105 {
    color: #333;
    padding-top: 21px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 5px
}

.node.css105 a {
    color: rgb(230, 169, 25)
}

.zero-layer.css106>.zero-layer-axis>.zero-layer-frame>.cont {
    z-index: 12;
    transform: scale(1, 1)
}

.zero-layer.css106>.zero-layer-axis {
    height: 709px
}

.zero-layer.css106>.zero-layer-axis>.zero-layer-frame {
    left: 520px;
    top: 243.5px;
    width: 680px
}

.screen-md .zero-layer.css106>.zero-layer-axis>.zero-layer-frame {
    left: 455px !important;
    top: 224.5px !important;
    width: 505px !important
}

.screen-sm .zero-layer.css106>.zero-layer-axis>.zero-layer-frame {
    left: 455px !important;
    top: 224.5px !important;
    width: 505px !important
}

.screen-xs .zero-layer.css106>.zero-layer-axis>.zero-layer-frame {
    left: 455px !important;
    top: 224.5px !important;
    width: 505px !important
}

.node.css107>.wrapper1 {
    background-position: center center;
    background-size: cover;
    background-repeat: repeat
}

.node.css107>.wrapper1>.wrapper2 {
    background-color: rgba(0, 0, 0, 0)
}

.node.css107 {
    color: #FFF;
    padding-top: 18px;
    padding-bottom: 33px;
    padding-left: 37px;
    padding-right: 31px
}

.node.css107 a {
    color: rgb(230, 25, 25)
}

.metahtml.css108 .cr-player {
    width: 88%;
    margin: 0 auto;
}

.metahtml.css108 .only-for-editor {
    width: 100%;
    margin: 0 auto;
}

.metahtml.css108 .plyr__video-embed iframe {
    top: -50%;
    height: 200%;
}

.metahtml.css108 .plyr {
    --plyr-color-main: rgb(255, 179, 0) !important;
}

.zero-layer.css109>.zero-layer-axis>.zero-layer-frame>.cont {
    z-index: 13;
    transform: scale(1, 1)
}

.zero-layer.css109>.zero-layer-axis {
    height: 709px
}

.zero-layer.css109>.zero-layer-axis>.zero-layer-frame {
    left: 25px;
    top: 710px;
    width: 1155px
}

.screen-md .zero-layer.css109>.zero-layer-axis>.zero-layer-frame {
    left: 15px !important;
    top: 631px !important
}

.screen-sm .zero-layer.css109>.zero-layer-axis>.zero-layer-frame {
    left: 15px !important;
    top: 631px !important
}

.screen-xs .zero-layer.css109>.zero-layer-axis>.zero-layer-frame {
    left: 15px !important;
    top: 631px !important
}

.textable.css110 {
    text-align: left;
    font-family: "Bebas Neue Bold";
    font-size: 56px;
    line-height: 1.2;
    letter-spacing: 0em;
    opacity: 1
}

.screen-md .textable.css110 {
    font-size: 48px !important
}

.screen-sm .textable.css110 {
    font-size: 48px !important
}

.screen-xs .textable.css110 {
    font-size: 51px !important
}

.zero-layer.css111>.zero-layer-axis>.zero-layer-frame>.cont {
    z-index: 8;
    transform: scale(1, 1)
}

.zero-layer.css111>.zero-layer-axis {
    height: 709px
}

.zero-layer.css111>.zero-layer-axis>.zero-layer-frame {
    left: 20px;
    top: 120px;
    width: 995px
}

.screen-md .zero-layer.css111>.zero-layer-axis>.zero-layer-frame {
    left: -35px !important;
    top: 117px !important;
    width: 1060px !important
}

.screen-sm .zero-layer.css111>.zero-layer-axis>.zero-layer-frame {
    left: -35px !important;
    top: 117px !important;
    width: 1060px !important
}

.screen-xs .zero-layer.css111>.zero-layer-axis>.zero-layer-frame {
    left: -35px !important;
    top: 117px !important;
    width: 1060px !important
}

.zero-layer.css112>.zero-layer-axis>.zero-layer-frame>.cont {
    z-index: 10;
    transform: scale(1, 1)
}

.zero-layer.css112>.zero-layer-axis {
    height: 709px
}

.zero-layer.css112>.zero-layer-axis>.zero-layer-frame {
    left: 575px;
    top: -493px;
    width: 1492.22px
}

.screen-md .zero-layer.css112>.zero-layer-axis>.zero-layer-frame {
    left: 480px !important;
    top: -583px !important
}

.screen-sm .zero-layer.css112>.zero-layer-axis>.zero-layer-frame {
    left: 480px !important;
    top: -583px !important
}

.screen-xs .zero-layer.css112>.zero-layer-axis>.zero-layer-frame {
    left: 480px !important;
    top: -583px !important
}

.node.css113>.zero-grid {
    height: 1111px
}

.zero-layer.css114>.zero-layer-axis>.zero-layer-frame>.cont {
    z-index: 9;
    transform: scale(1, 1)
}

.zero-layer.css114>.zero-layer-axis {
    height: 1111px
}

.zero-layer.css114>.zero-layer-axis>.zero-layer-frame {
    left: 20px;
    top: 25px;
    width: 564px
}

.screen-md .zero-layer.css114>.zero-layer-axis>.zero-layer-frame {
    left: 0px !important;
    top: 9.5px !important;
    width: 467px !important
}

.screen-sm .zero-layer.css114>.zero-layer-axis>.zero-layer-frame {
    left: 2.5px !important;
    top: 220px !important;
    width: 570px !important
}

.screen-xs .zero-layer.css114>.zero-layer-axis>.zero-layer-frame {
    left: 0px !important;
    top: 20px !important;
    width: 279px !important
}

.textable.css115 {
    text-align: left;
    font-family: "Bebas Neue Bold";
    font-size: 56px;
    line-height: 1.2;
    letter-spacing: 0em;
    color: rgb(32, 39, 50);
    opacity: 1
}

.screen-md .textable.css115 {
    font-size: 48px !important
}

.screen-sm .textable.css115 {
    font-size: 54px !important;
    line-height: 1 !important;
    letter-spacing: 0em !important
}

.screen-xs .textable.css115 {
    text-align: left !important;
    font-size: 27px !important;
    line-height: 1 !important;
    letter-spacing: 0em !important
}

.textable.css116 {
    text-align: left;
    font-family: "Bebas Neue Regular";
    font-size: 36px;
    line-height: 1.2;
    letter-spacing: 0em;
    opacity: 1
}

.screen-sm .textable.css116 {
    font-size: 44px !important
}

.screen-xs .textable.css116 {
    text-align: left !important;
    font-size: 14px !important
}

.textable.css117 {
    text-align: left;
    font-family: "Bebas Neue Regular";
    font-size: 26px;
    line-height: 1.2;
    letter-spacing: 0em;
    opacity: 1
}

.screen-sm .textable.css117 {
    font-size: 26px !important
}

.screen-xs .textable.css117 {
    text-align: left !important;
    font-size: 14px !important
}

.metahtml.css118 .bl {
    width: 168px;
    margin: 0 auto;
}

.metahtml.css118 .dref .cont .btn-legacy {
    position: relative;
    overflow: hidden;
    -webkit-transition: ease 0.3s;
    -o-transition: ease 0.3s;
    transition: ease 0.3s;
    display: inline-block;
}

.metahtml.css118 .dref .cont .btn-legacy:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
    -webkit-transition: ease 0.3s;
    -o-transition: ease 0.3s;
    transition: ease 0.3s;
}

.metahtml.css118 .dref .cont .btn-legacy:after {
    content: "";
    display: inline-block;
    width: 5px;
    box-shadow: 1px 1px 26px 26px rgb(255, 255, 255);
    height: 300px;
    margin-left: 60px;
    background: rgb(255, 255, 255);
    opacity: 0.5;
    position: absolute;
    left: -40px;
    top: -150px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-animation-name: slidemem;
    animation-name: slidemem;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes slidemem {
    0% {
        left: -10%;
        margin-left: 0px;
    }

    30% {
        left: 110%;
        margin-left: 80px;
    }

    100% {
        left: 110%;
        margin-left: 80px;
    }
}

.metahtml.css118 .ripple {
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.4);
    transform: scale(0);
    position: absolute;
    opacity: 1;
}

.metahtml.css118 .rippleEffect {
    animation: rippleDrop 1.6s infinite linear;
}

@keyframes rippleDrop {
    100% {
        transform: scale(2);
        opacity: 0;
    }
}

.textable.css119 {
    text-align: center;
    font-family: "Montserrat Regular";
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 0.65
}

.screen-sm .textable.css119 {
    font-size: 14px !important
}

.screen-xs .textable.css119 {
    text-align: center !important;
    font-size: 14px !important
}

.metahtml.css120 .form1-cover {
    padding: 0px 10px;
    background-color: transparent;
    border-color: rgb(255, 179, 0);
    border-style: none;
    border-width: 2px;
    border-radius: 5px;
    box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.1);
}

.node.css121 {
    color: #FFF;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css121 a {
    color: rgb(25, 105, 230)
}

.textable.css122 {
    text-align: center;
    font-family: "Montserrat Regular";
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0em;
    color: rgb(255, 255, 255);
    opacity: 0.65
}

.screen-sm .textable.css122 {
    font-size: 14px !important;
    line-height: 1.3 !important;
    letter-spacing: 0em !important
}

.screen-xs .textable.css122 {
    text-align: center !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    letter-spacing: 0em !important
}

.metahtml.css123 .form1-cover {
    padding: 10px 10px;
    background-color: transparent;
    border-color: rgb(255, 179, 0);
    border-style: none;
    border-width: 2px;
    border-radius: 5px;
    box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.1);
}

.node.css124 {
    color: #333;
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 5px
}

.node.css124 a {
    color: rgb(230, 169, 25)
}

.textable.css125 {
    text-align: left;
    font-family: "Open Sans";
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: 0em;
    opacity: 1
}

.screen-md .textable.css125 {
    font-size: 10px !important;
    line-height: 1.3 !important;
    letter-spacing: 0em !important
}

.screen-sm .textable.css125 {
    font-size: 11px !important;
    line-height: 1.3 !important;
    letter-spacing: 0em !important
}

.screen-xs .textable.css125 {
    font-size: 11px !important;
    line-height: 1.3 !important;
    letter-spacing: 0em !important
}

.zero-layer.css126>.zero-layer-axis>.zero-layer-frame>.cont {
    z-index: 11;
    transform: scale(1, 1)
}

.zero-layer.css126>.zero-layer-axis {
    height: 1111px
}

.zero-layer.css126>.zero-layer-axis>.zero-layer-frame {
    left: 20px;
    top: 0px;
    width: 1160px
}

.screen-md .zero-layer.css126>.zero-layer-axis>.zero-layer-frame {
    left: 0px !important;
    width: 945px !important
}

.screen-sm .zero-layer.css126>.zero-layer-axis>.zero-layer-frame {
    left: 0px !important;
    width: 715px !important
}

.screen-xs .zero-layer.css126>.zero-layer-axis>.zero-layer-frame {
    left: 0px !important;
    width: 715px !important
}

.btn.css127 {
    text-align: center
}

.btn.css127 {
    background-color: rgba(0, 0, 0, 0);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: rgb(0, 0, 0);
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 16px;
    color: rgb(0, 0, 0) !important;
    font-family: "Bebas Neue Bold";
}

.btn.css127:hover,
.btn.css127.hover {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgb(0, 0, 0);
    color: rgb(0, 0, 0) !important;
}

.btn.css127:active,
.btn.css127.active {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgb(0, 0, 0);
    color: rgb(0, 0, 0) !important;
}

.btn.css127:before {}

.btn.css127:active:before,
.btn.css127.active:before {
    background-color: rgba(0, 0, 0, 0);
}

.btn.css128 {
    text-align: center
}

.btn.css128 {
    background-color: rgba(19, 23, 30, 0);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: rgb(15, 18, 24);
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 16px;
    color: rgb(19, 23, 30) !important;
    font-family: "Bebas Neue Bold";
}

.btn.css128:hover,
.btn.css128.hover {
    background-color: rgba(17, 21, 27, 0);
    border-color: rgb(12, 15, 19);
    color: rgb(15, 18, 24) !important;
}

.btn.css128:active,
.btn.css128.active {
    background-color: rgba(15, 19, 24, 0);
    border-color: rgb(14, 17, 22);
    color: rgb(0, 0, 0) !important;
}

.btn.css128:before {}

.btn.css128:active:before,
.btn.css128.active:before {
    background-color: rgba(15, 19, 24, 0);
}

.btn.css129 {
    text-align: center
}

.btn.css129 {
    background-color: rgb(26, 31, 40);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: rgb(20, 25, 32);
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
    color: rgb(255, 194, 51) !important;
    font-family: "Bebas Neue Bold";
}

.btn.css129:hover,
.btn.css129.hover {
    background-color: rgb(23, 28, 36);
    border-color: rgb(16, 20, 26);
    color: rgb(255, 255, 255) !important;
}

.btn.css129:active,
.btn.css129.active {
    background-color: rgb(21, 25, 32);
    border-color: rgb(18, 22, 29);
    color: rgb(255, 255, 255) !important;
}

.btn.css129:before {}

.btn.css129:active:before,
.btn.css129.active:before {
    background-color: rgb(21, 25, 32);
}

.btn.css130 {
    text-align: center
}

.btn.css130 {
    background-color: rgb(255, 179, 0);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: rgb(204, 143, 0);
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
    color: rgb(26, 31, 40) !important;
    font-family: "Bebas Neue Bold";
}

.btn.css130:hover,
.btn.css130.hover {
    background-color: rgb(255, 187, 26);
    border-color: rgb(163, 115, 0);
    color: rgb(26, 31, 40) !important;
}

.btn.css130:active,
.btn.css130.active {
    background-color: rgb(252, 177, 0);
    border-color: rgb(224, 158, 0);
    color: rgb(255, 255, 255) !important;
}

.btn.css130:before {}

.btn.css130:active:before,
.btn.css130.active:before {
    background-color: rgb(252, 177, 0);
}

.zero-layer.css131>.zero-layer-axis>.zero-layer-frame>.cont {
    z-index: 12;
    transform: scale(1, 1)
}

.zero-layer.css131>.zero-layer-axis {
    height: 1111px
}

.zero-layer.css131>.zero-layer-axis>.zero-layer-frame {
    left: 520px;
    top: 243.5px;
    width: 680px
}

.screen-md .zero-layer.css131>.zero-layer-axis>.zero-layer-frame {
    left: 455px !important;
    top: 213.5px !important;
    width: 505px !important
}

.screen-sm .zero-layer.css131>.zero-layer-axis>.zero-layer-frame {
    left: 2.5px !important;
    top: 580px !important;
    width: 710px !important
}

.screen-xs .zero-layer.css131>.zero-layer-axis>.zero-layer-frame {
    left: 2.5px !important;
    top: 580px !important;
    width: 710px !important
}

.metahtml.css132 .cr-player {
    width: 85%;
    margin: 0 auto;
}

.metahtml.css132 .only-for-editor {
    width: 100%;
    margin: 0 auto;
}

.metahtml.css132 .plyr__video-embed iframe {
    top: -50%;
    height: 200%;
}

.metahtml.css132 .plyr {
    --plyr-color-main: rgb(255, 179, 0) !important;
}

.zero-layer.css133>.zero-layer-axis>.zero-layer-frame>.cont {
    z-index: 13;
    transform: scale(1, 1)
}

.zero-layer.css133>.zero-layer-axis {
    height: 1111px
}

.zero-layer.css133>.zero-layer-axis>.zero-layer-frame {
    left: 25px;
    top: 710px;
    width: 1155px
}

.screen-md .zero-layer.css133>.zero-layer-axis>.zero-layer-frame {
    left: 15px !important;
    top: 631px !important
}

.screen-sm .zero-layer.css133>.zero-layer-axis>.zero-layer-frame {
    left: 5px !important;
    top: 1038px !important
}

.screen-xs .zero-layer.css133>.zero-layer-axis>.zero-layer-frame {
    left: 5px !important;
    top: 1038px !important
}

.textable.css134 {
    text-align: left;
    font-family: "Bebas Neue Bold";
    font-size: 56px;
    line-height: 1.2;
    letter-spacing: 0em;
    opacity: 1
}

.screen-md .textable.css134 {
    font-size: 48px !important
}

.screen-sm .textable.css134 {
    font-size: 44px !important;
    color: rgb(19, 23, 30) !important;
    opacity: 1 !important
}

.screen-xs .textable.css134 {
    font-size: 51px !important;
    color: rgb(19, 23, 30) !important;
    opacity: 1 !important
}

.zero-layer.css135>.zero-layer-axis>.zero-layer-frame>.cont {
    z-index: 8;
    transform: scale(1, 1)
}

.zero-layer.css135>.zero-layer-axis {
    height: 1111px
}

.zero-layer.css135>.zero-layer-axis>.zero-layer-frame {
    left: 20px;
    top: 120px;
    width: 995px
}

.screen-md .zero-layer.css135>.zero-layer-axis>.zero-layer-frame {
    left: 0px !important;
    top: 117px !important;
    width: 1025px !important
}

.screen-sm .zero-layer.css135>.zero-layer-axis>.zero-layer-frame {
    left: -95px !important;
    top: 117px !important;
    width: 1120px !important
}

.screen-xs .zero-layer.css135>.zero-layer-axis>.zero-layer-frame {
    left: -95px !important;
    top: 117px !important;
    width: 1120px !important
}

.zero-layer.css136>.zero-layer-axis>.zero-layer-frame>.cont {
    z-index: 10;
    transform: scale(1, 1)
}

.zero-layer.css136>.zero-layer-axis {
    height: 1111px
}

.zero-layer.css136>.zero-layer-axis>.zero-layer-frame {
    left: 575px;
    top: -493px;
    width: 1492.22px
}

.screen-md .zero-layer.css136>.zero-layer-axis>.zero-layer-frame {
    left: 480px !important;
    top: -583px !important
}

.screen-sm .zero-layer.css136>.zero-layer-axis>.zero-layer-frame {
    left: 435px !important;
    top: -181px !important
}

.screen-xs .zero-layer.css136>.zero-layer-axis>.zero-layer-frame {
    left: 435px !important;
    top: -181px !important
}

.zero-layer.css137>.zero-layer-axis>.zero-layer-frame>.cont {
    z-index: 14;
    transform: scale(1, 1)
}

.zero-layer.css137>.zero-layer-axis {
    height: 1111px
}

.zero-layer.css137>.zero-layer-axis>.zero-layer-frame {
    left: 65px;
    top: 280px;
    width: 260px
}

.screen-sm .zero-layer.css137>.zero-layer-axis>.zero-layer-frame {
    left: 407.81px !important;
    top: 423px !important;
    width: 274.38px !important
}

.screen-sm .zero-layer.css137>.zero-layer-axis>.zero-layer-frame>.cont {
    transform: scale(1, 1) !important
}

.screen-xs .zero-layer.css137>.zero-layer-axis>.zero-layer-frame {
    left: 407.81px !important;
    top: 423px !important;
    width: 274.38px !important
}

.screen-xs .zero-layer.css137>.zero-layer-axis>.zero-layer-frame>.cont {
    transform: scale(1, 1) !important
}

.node.css138 {
    color: #333;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 5px
}

.node.css138 a {
    color: rgb(230, 169, 25)
}

.node.css139 .stack-image-content {
    width: calc(136px * var(--ratio));
    height: 136px
}

.node.css139 .stack-image-content img {
    width: calc(136px * var(--ratio) / 1);
    left: calc((136px * var(--ratio) - (136px * var(--ratio) / 1)) / 2);
    top: 0px
}

.node.css139 .stack {
    text-align: center
}

.zero-layer.css140>.zero-layer-axis>.zero-layer-frame>.textable {
    z-index: 15;
    transform: scale(1, 1)
}

.zero-layer.css140>.zero-layer-axis {
    height: 1111px
}

.zero-layer.css140>.zero-layer-axis>.zero-layer-frame {
    left: 85px;
    top: 254px;
    width: 460px
}

.screen-sm .zero-layer.css140>.zero-layer-axis>.zero-layer-frame {
    left: 515px !important;
    top: 400px !important
}

.screen-xs .zero-layer.css140>.zero-layer-axis>.zero-layer-frame {
    left: 515px !important;
    top: 400px !important
}

.textable.css141 {
    text-align: left;
    font-family: "Open Sans";
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: 0em;
    opacity: 1
}

.screen-sm .textable.css141 {
    font-family: "Montserrat Bold" !important;
    font-size: 18px !important;
    line-height: 1.3 !important;
    letter-spacing: 0em !important
}

.screen-xs .textable.css141 {
    font-family: "Montserrat Bold" !important;
    font-size: 18px !important;
    line-height: 1.3 !important;
    letter-spacing: 0em !important
}

.node.css142>.wrapper1 {
    background-color: rgb(32, 39, 50)
}

.node.css142 {
    color: #FFF
}

.node.css142>.padding_top {
    padding-top: 2px
}

.node.css142>.padding_bottom {
    padding-bottom: 2px
}

.node.css142 a {
    color: rgb(25, 105, 230)
}

.node.css143 {
    color: #FFF
}

.node.css143 a {
    color: rgb(25, 105, 230)
}

.node.css144>.zero-grid {
    height: 64px
}

.screen-xs .node.css144>.zero-grid {
    height: 60px !important
}

.zero-layer.css145>.zero-layer-axis>.zero-layer-frame>.cont {
    z-index: 8;
    transform: scale(1, 1)
}

.zero-layer.css145>.zero-layer-axis {
    height: 64px
}

.zero-layer.css145>.zero-layer-axis>.zero-layer-frame {
    left: 890px;
    top: 5.75px;
    width: 235px
}

.screen-md .zero-layer.css145>.zero-layer-axis>.zero-layer-frame {
    left: 667px !important;
    top: 7px !important
}

.screen-sm .zero-layer.css145>.zero-layer-axis>.zero-layer-frame {
    left: 590px !important;
    top: 11.75px !important;
    width: 185px !important
}

.screen-xs .zero-layer.css145>.zero-layer-axis {
    height: 60px !important
}

.screen-xs .zero-layer.css145>.zero-layer-axis>.zero-layer-frame {
    left: 0px !important;
    top: 4px !important;
    width: 120px !important
}

.node.css146 {
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css146 a {
    color: rgb(25, 105, 230)
}

.zero-layer.css147>.zero-layer-axis>.zero-layer-frame>.cont {
    z-index: 9;
    transform: scale(1, 1)
}

.zero-layer.css147>.zero-layer-axis {
    height: 64px
}

.zero-layer.css147>.zero-layer-axis>.zero-layer-frame {
    left: 552px;
    top: 25.25px;
    width: 110px
}

.screen-md .zero-layer.css147>.zero-layer-axis>.zero-layer-frame {
    left: 587px !important;
    top: 55.5px !important
}

.screen-sm .zero-layer.css147>.zero-layer-axis>.zero-layer-frame {
    left: 1190px !important;
    top: 11.25px !important
}

.screen-xs .zero-layer.css147>.zero-layer-axis {
    height: 60px !important
}

.screen-xs .zero-layer.css147>.zero-layer-axis>.zero-layer-frame {
    left: -7px !important;
    top: 0px !important;
    width: 40px !important
}

.btn.css148 {
    text-align: center
}

.btn.css148 {
    background-color: rgb(32, 39, 50);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: rgb(32, 39, 50);
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 26px;
    color: rgb(255, 255, 255) !important;
}

.btn.css148:hover,
.btn.css148.hover {
    background-color: rgb(32, 39, 50);
    border-color: rgb(32, 39, 50);
    color: rgb(255, 179, 0) !important;
}

.btn.css148:active,
.btn.css148.active {
    background-color: rgb(32, 39, 50);
    border-color: rgb(32, 39, 50);
    color: rgb(255, 255, 255) !important;
}

.btn.css148:before {}

.btn.css148:active:before,
.btn.css148.active:before {
    background-color: rgb(32, 39, 50);
}

.btn.css148 .fas {
    font-size: 34px;
}

.modal.css149 .modal-dialog {
    width: 320px
}

.metahtml.css150 .menu1-root {
    position: relative;
    background-color: rgb(255, 255, 255);
    outline: none;
    opacity: 0;
    transform: translateX(100%);
    transition: 250ms transform, 250ms opacity;
    box-shadow: 5px 0 30px rgba(0, 0, 0, 0.1);
}

.metahtml.css150 .menu1-root.is-active {
    opacity: 1;
    transform: translateX(0);
}

.metahtml.css150 .menu1-root.is-hiding {
    opacity: 0;
    transform: translateX(100%);
}

.metahtml.css150 .menu1-header {
    padding: 20px 20px;
    border-bottom: 1px solid rgb(230, 230, 230);
    color: rgb(0, 0, 0);
    min-height: 16px;
}

.metahtml.css150 .menu1-body {
    position: relative;
    padding: 20px 20px;
}

.metahtml.css150 .menu1-title {
    margin-right: 20px;
    text-align: left;
}

.metahtml.css150 .menu1-close {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    float: right;
    font-size: 24px;
    line-height: 1;
    opacity: 0.5;
    margin-top: -4px;
}

.metahtml.css150 .menu1-close:hover {
    text-decoration: none;
    cursor: pointer;
    opacity: 0.75;
}

.textable.css151 {
    text-align: left;
    font-family: "Open Sans";
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0em;
    opacity: 1
}

.screen-xs .textable.css151 {
    font-family: "Rubik One" !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    letter-spacing: 0em !important
}

.node.css152 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css152 a {
    color: rgb(25, 105, 230)
}

.node.css153 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 0px
}

.node.css153 a {
    color: rgb(25, 105, 230)
}

.node.css154 .padding {
    height: 15px
}

.btn.css155 {
    text-align: center
}

.btn.css155 {
    background-color: rgba(189, 4, 4, 0);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: rgb(152, 3, 3);
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 18px;
    color: rgb(189, 4, 4) !important;
    font-family: "Bebas Neue Bold";
}

.btn.css155:hover,
.btn.css155.hover {
    background-color: rgba(171, 4, 4, 0);
    border-color: rgb(121, 3, 3);
    color: rgb(152, 3, 3) !important;
}

.btn.css155:active,
.btn.css155.active {
    background-color: rgba(153, 3, 3, 0);
    border-color: rgb(136, 3, 3);
    color: rgb(0, 0, 0) !important;
}

.btn.css155:before {}

.btn.css155:active:before,
.btn.css155.active:before {
    background-color: rgba(153, 3, 3, 0);
}

.btn.css155 .fas {
    font-size: 23px;
    margin-right: 9px;
}

.node.css156 {
    color: #333;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css156 a {
    color: rgb(25, 105, 230)
}

.textable.css157 {
    text-align: center;
    font-family: "Open Sans";
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: 0em;
    opacity: 1
}

.screen-xs .textable.css157 {
    text-align: left !important;
    font-family: "Montserrat Medium" !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    letter-spacing: 0em !important
}

.node.css158 {
    color: #333;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 55px
}

.node.css158 a {
    color: rgb(25, 105, 230)
}

.soc-icon.css159 .link .bg {
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    width: 35px;
    height: 35px;
    padding: 10px;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
}

.soc-icon.css159 span {
    line-height: 35px
}

.node.css160 {
    color: #333;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css160 a {
    color: rgb(25, 105, 230)
}

.node.css161 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 20px
}

.node.css161 a {
    color: rgb(25, 105, 230)
}

.btn.css162 {
    text-align: center
}

.btn.css162 {
    background-color: rgb(22, 27, 36);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: rgb(18, 22, 29);
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 18px;
    color: rgb(255, 194, 51) !important;
    font-family: "Bebas Neue Bold";
}

.btn.css162:hover,
.btn.css162.hover {
    background-color: rgb(20, 24, 32);
    border-color: rgb(14, 17, 23);
    color: rgb(255, 255, 255) !important;
}

.btn.css162:active,
.btn.css162.active {
    background-color: rgb(18, 22, 29);
    border-color: rgb(16, 19, 26);
    color: rgb(255, 255, 255) !important;
}

.btn.css162:before {}

.btn.css162:active:before,
.btn.css162.active:before {
    background-color: rgb(18, 22, 29);
}

.textable.css163 {
    text-align: center;
    font-family: "Bebas Neue Bold";
    font-size: 30px;
    line-height: 1.1;
    letter-spacing: 0.028571428571428574em;
    opacity: 1
}

.screen-xs .textable.css163 {
    text-align: center !important;
    font-size: 25px !important
}

.textable.css164 {
    text-align: center;
    font-family: "Montserrat Regular";
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 0.65
}

.screen-xs .textable.css164 {
    text-align: center !important;
    font-size: 14px !important
}

.metahtml.css165 .form1-cover {
    padding: 10px 0px;
    background-color: transparent;
    border-color: rgb(255, 179, 0);
    border-style: none;
    border-width: 2px;
    border-radius: 5px;
    box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.1);
}

.node.css166 {
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css166 a {
    color: rgb(25, 105, 230)
}

.node.css167 {
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px
}

.screen-xs .node.css167 {
    padding-bottom: 5px !important
}

.node.css167 a {
    color: rgb(25, 105, 230)
}

.metahtml.css168 .svgwrap {
    width: 20px;
    height: 20px;
    color: rgba(255, 179, 0, 0.8);
    top: -1px;
    margin-right: 0px;
}

.metahtml.css168 .name {
    margin-bottom: -3px;
}

.metahtml.css168 .label {
    display: inline-block;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 0;
}

.metahtml.css168 div.checkbox,
.metahtml.css168 div.radio {
    display: none;
}

.metahtml.css168 input~span {
    display: inline-block;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 7px;
    padding-bottom: 7px;
    background: rgba(65, 80, 102, 0.4);
    color: rgba(255, 255, 255, 0.9) !important;
    border-radius: 10px;
    transition: .3s all;
}

.metahtml.css168 input:hover~span {
    background-color: rgba(255, 255, 255, 0.3);
    color: rgb(255, 255, 255) !important;
    border-radius: 10px;
}

.metahtml.css168 input:checked~span {
    background-color: rgb(255, 179, 0);
    color: rgb(0, 0, 0) !important;
    border-radius: 10px;
}

.screen-xs .metahtml.css168 input~span {
    padding-left: 7px;
    padding-right: 7px;
}

.node.css169 {
    color: #FFF;
    padding-top: 15px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css169 a {
    color: rgb(25, 105, 230)
}

.metahtml.css170 .svgwrap {
    width: 20px;
    height: 20px;
    color: rgba(255, 179, 0, 0.8);
    top: -1px;
    margin-right: 0px;
}

.metahtml.css170 .name {
    margin-bottom: -3px;
}

.metahtml.css170 .label {
    display: inline-block;
    margin-top: 6px;
    margin-right: 6px;
    margin-bottom: 0;
}

.metahtml.css170 div.checkbox,
.metahtml.css170 div.radio {
    display: none;
}

.metahtml.css170 input~span {
    display: inline-block;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 7px;
    padding-bottom: 7px;
    background: rgba(65, 80, 102, 0.4);
    color: rgba(255, 255, 255, 0.9) !important;
    border-radius: 10px;
    transition: .3s all;
}

.metahtml.css170 input:hover~span {
    background-color: rgba(255, 255, 255, 0.3);
    color: rgb(255, 255, 255) !important;
    border-radius: 10px;
}

.metahtml.css170 input:checked~span {
    background-color: rgb(255, 179, 0);
    color: rgb(0, 0, 0) !important;
    border-radius: 10px;
}

.screen-xs .metahtml.css170 input~span {
    padding-left: 9px;
    padding-right: 9px;
}

.node.css171 {
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 15px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css171 a {
    color: rgb(25, 105, 230)
}

.node.css172 {
    color: #FFF;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css172 a {
    color: rgb(25, 105, 230)
}

.node.css173 {
    color: #FFF;
    padding-top: 2px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css173 a {
    color: rgb(25, 105, 230)
}

.node.css174 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 20px
}

.node.css174 a {
    color: rgb(25, 105, 230)
}

.btn.css175 {
    text-align: center
}

.btn.css175 {
    background-color: rgb(255, 179, 0);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: rgb(204, 143, 0);
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 18px;
    color: rgb(22, 27, 36) !important;
    font-family: "Bebas Neue Bold";
}

.btn.css175:hover,
.btn.css175.hover {
    background-color: rgb(255, 187, 26);
    border-color: rgb(163, 115, 0);
    color: rgb(255, 255, 255) !important;
}

.btn.css175:active,
.btn.css175.active {
    background-color: rgb(252, 177, 0);
    border-color: rgb(224, 158, 0);
    color: rgb(255, 255, 255) !important;
}

.btn.css175:before {}

.btn.css175:active:before,
.btn.css175.active:before {
    background-color: rgb(252, 177, 0);
}

.metahtml.css176 .modal4-root {
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    opacity: 0;
    transform: scale(1.1);
    transition: 300ms all ease-out;
}

.metahtml.css176 .modal4-root.is-active {
    opacity: 1;
    transform: scale(1);
}

.metahtml.css176 .modal4-root.is-hiding {
    opacity: 0;
    transform: scale(0.9);
}

.metahtml.css176 .modal4-panel1 {
    padding: 15px;
    background-color: rgb(26, 30, 40);
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.metahtml.css176 .modal4-panel2 {
    padding: 15px;
    background-color: rgb(255, 255, 255);
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.metahtml.css176 .modal4-close {
    cursor: pointer;
    background-color: white;
    border: 2px solid black;
    border-radius: 100px;
    position: absolute;
    width: 30px;
    height: 30px;
    padding: 0;
    top: -10px;
    right: -10px;
    transition: transform 200ms;
}

.metahtml.css176 .modal4-close-h,
.metahtml.css176 .modal4-close-v {
    background-color: black;
    display: block;
    width: 16px;
    height: 2px;
    position: absolute;
    left: 50%;
    top: 50%;
}

.metahtml.css176 .modal4-close-h {
    transform: translate(-50%, -50%) rotate(135deg);
}

.metahtml.css176 .modal4-close-v {
    transform: translate(-50%, -50%) rotate(45deg);
}

.metahtml.css176 .modal4-close:hover {
    transform: scale(1.1);
}

.textable.css177 {
    text-align: center;
    font-family: "Bebas Neue Bold";
    font-size: 30px;
    line-height: 1.1;
    letter-spacing: 0.028571428571428574em;
    color: rgb(255, 255, 255);
    opacity: 1
}

.screen-xs .textable.css177 {
    text-align: center !important;
    font-size: 25px !important
}

.textable.css178 {
    text-align: center;
    font-family: "Montserrat Regular";
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0em;
    color: rgb(255, 255, 255);
    opacity: 0.65
}

.screen-sm .textable.css178 {
    line-height: 1.3 !important;
    letter-spacing: 0em !important
}

.screen-xs .textable.css178 {
    text-align: center !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    letter-spacing: 0em !important
}

.node.css179 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px
}

.screen-xs .node.css179 {
    padding-bottom: 5px !important
}

.node.css179 a {
    color: rgb(25, 105, 230)
}

.metahtml.css180 .svgwrap {
    width: 20px;
    height: 20px;
    color: rgba(255, 179, 0, 0.8);
    top: -1px;
    margin-right: 0px;
}

.metahtml.css180 .name {
    margin-bottom: -3px;
}

.metahtml.css180 .label {
    display: inline-block;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 0;
}

.metahtml.css180 div.checkbox,
.metahtml.css180 div.radio {
    display: none;
}

.metahtml.css180 input~span {
    display: inline-block;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 7px;
    padding-bottom: 7px;
    background: rgba(26, 30, 40, 0.97);
    color: rgba(255, 255, 255, 0.9) !important;
    border-radius: 10px;
    transition: .3s all;
}

.metahtml.css180 input:hover~span {
    background-color: rgba(32, 39, 50, 0.9);
    color: rgb(255, 255, 255) !important;
    border-radius: 10px;
}

.metahtml.css180 input:checked~span {
    background-color: rgb(255, 178, 0);
    color: rgb(0, 0, 0) !important;
    border-radius: 10px;
}

.node.css181 {
    color: #333;
    padding-top: 15px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css181 a {
    color: rgb(25, 105, 230)
}

.metahtml.css182 .svgwrap {
    width: 20px;
    height: 20px;
    color: rgba(255, 179, 0, 0.8);
    top: -1px;
    margin-right: 0px;
}

.metahtml.css182 .name {
    margin-bottom: -3px;
}

.metahtml.css182 .label {
    display: inline-block;
    margin-top: 6px;
    margin-right: 6px;
    margin-bottom: 0;
}

.metahtml.css182 div.checkbox,
.metahtml.css182 div.radio {
    display: none;
}

.metahtml.css182 input~span {
    display: inline-block;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 7px;
    padding-bottom: 7px;
    background: rgba(26, 30, 40, 0.97);
    color: rgba(255, 255, 255, 0.9) !important;
    border-radius: 10px;
    transition: .3s all;
}

.metahtml.css182 input:hover~span {
    background-color: rgba(32, 39, 50, 0.9);
    color: rgb(255, 255, 255) !important;
    border-radius: 10px;
}

.metahtml.css182 input:checked~span {
    background-color: rgb(255, 178, 0);
    color: rgb(0, 0, 0) !important;
    border-radius: 10px;
}

.screen-xs .metahtml.css182 input~span {
    padding-top: 7px;
    padding-bottom: 7px;
}

.screen-xs .metahtml.css182 input~span {
    padding-left: 9px;
    padding-right: 9px;
}

.btn.css183 {
    text-align: center
}

.btn.css183 {
    background-color: rgb(255, 179, 0);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: rgb(204, 143, 0);
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 20px;
    color: rgb(32, 39, 50) !important;
    font-family: "Bebas Neue Bold";
}

.btn.css183:hover,
.btn.css183.hover {
    background-color: rgb(230, 161, 0);
    border-color: rgb(163, 115, 0);
    color: rgb(255, 255, 255) !important;
}

.btn.css183:active,
.btn.css183.active {
    background-color: rgb(207, 145, 0);
    border-color: rgb(184, 129, 0);
    color: rgb(255, 255, 255) !important;
}

.btn.css183:before {}

.btn.css183:active:before,
.btn.css183.active:before {
    background-color: rgb(207, 145, 0);
}

.metahtml.css184 .link a {
    color: rgb(19, 23, 30) !important;
    text-decoration: underline !important;
}

.zero-layer.css185>.zero-layer-axis>.zero-layer-frame>.cont {
    z-index: 10;
    transform: scale(1, 1)
}

.zero-layer.css185>.zero-layer-axis {
    height: 64px
}

.zero-layer.css185>.zero-layer-axis>.zero-layer-frame {
    left: 660px;
    top: 70px;
    width: 73px
}

.screen-xs .zero-layer.css185>.zero-layer-axis {
    height: 60px !important
}

.screen-xs .zero-layer.css185>.zero-layer-axis>.zero-layer-frame {
    left: 140px !important;
    top: 7px !important;
    width: 130px !important
}

.btn.css186 {
    text-align: center
}

.btn.css186 {
    background-color: rgb(255, 179, 0);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: rgb(204, 143, 0);
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
    color: rgb(32, 39, 50) !important;
    font-family: "Bebas Neue Bold";
}

.btn.css186:hover,
.btn.css186.hover {
    background-color: rgb(230, 161, 0);
    border-color: rgb(163, 115, 0);
    color: rgb(255, 255, 255) !important;
}

.btn.css186:active,
.btn.css186.active {
    background-color: rgb(207, 145, 0);
    border-color: rgb(184, 129, 0);
    color: rgb(255, 255, 255) !important;
}

.btn.css186:before {}

.btn.css186:active:before,
.btn.css186.active:before {
    background-color: rgb(207, 145, 0);
}

.node.css187>.zero-grid {
    height: 894px
}

.zero-layer.css188>.zero-layer-axis>.zero-layer-frame>.cont {
    z-index: 9;
    transform: scale(1, 1)
}

.zero-layer.css188>.zero-layer-axis {
    height: 894px
}

.zero-layer.css188>.zero-layer-axis>.zero-layer-frame {
    left: 20px;
    top: 25px;
    width: 564px
}

.screen-md .zero-layer.css188>.zero-layer-axis>.zero-layer-frame {
    left: 0px !important;
    top: 9.5px !important;
    width: 467px !important
}

.screen-sm .zero-layer.css188>.zero-layer-axis>.zero-layer-frame {
    left: 5.5px !important;
    top: 223px !important;
    width: 417px !important
}

.screen-xs .zero-layer.css188>.zero-layer-axis>.zero-layer-frame {
    left: 7.5px !important;
    top: 190px !important;
    width: 320px !important
}

.node.css189 {
    color: #333;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px
}

.screen-xs .node.css189 {
    padding-left: 0px !important
}

.node.css189 a {
    color: rgb(230, 169, 25)
}

.textable.css190 {
    text-align: left;
    font-family: "Bebas Neue Bold";
    font-size: 56px;
    line-height: 1.2;
    letter-spacing: 0em;
    color: rgb(32, 39, 50);
    opacity: 1
}

.screen-md .textable.css190 {
    font-size: 48px !important
}

.screen-sm .textable.css190 {
    font-size: 37px !important
}

.screen-xs .textable.css190 {
    text-align: left !important;
    font-size: 37px !important
}

.node.css191 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 0px
}

.screen-xs .node.css191 {
    padding-left: 0px !important;
    padding-right: 5px !important
}

.node.css191 a {
    color: rgb(230, 169, 25)
}

.textable.css192 {
    text-align: left;
    font-family: "Bebas Neue Regular";
    font-size: 36px;
    line-height: 1.2;
    letter-spacing: 0em;
    opacity: 1
}

.screen-xs .textable.css192 {
    text-align: left !important;
    font-size: 30px !important
}

.node.css193 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 15px;
    padding-left: 5px;
    padding-right: 0px
}

.screen-xs .node.css193 {
    padding-left: 0px !important;
    padding-right: 5px !important
}

.node.css193 a {
    color: rgb(230, 169, 25)
}

.textable.css194 {
    text-align: left;
    font-family: "Bebas Neue Regular";
    font-size: 26px;
    line-height: 1.2;
    letter-spacing: 0em;
    opacity: 1
}

.screen-xs .textable.css194 {
    text-align: left !important;
    font-size: 22px !important
}

.metahtml.css195 .bl {
    width: 310px;
    margin: 0 auto;
}

.metahtml.css195 .dref .cont .btn-legacy {
    position: relative;
    overflow: hidden;
    -webkit-transition: ease 0.3s;
    -o-transition: ease 0.3s;
    transition: ease 0.3s;
    display: inline-block;
}

.metahtml.css195 .dref .cont .btn-legacy:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
    -webkit-transition: ease 0.3s;
    -o-transition: ease 0.3s;
    transition: ease 0.3s;
}

.metahtml.css195 .dref .cont .btn-legacy:after {
    content: "";
    display: inline-block;
    width: 5px;
    box-shadow: 1px 1px 26px 26px rgb(255, 255, 255);
    height: 300px;
    margin-left: 60px;
    background: rgb(255, 255, 255);
    opacity: 0.5;
    position: absolute;
    left: -40px;
    top: -150px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-animation-name: slidemem;
    animation-name: slidemem;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes slidemem {
    0% {
        left: -10%;
        margin-left: 0px;
    }

    30% {
        left: 110%;
        margin-left: 80px;
    }

    100% {
        left: 110%;
        margin-left: 80px;
    }
}

.metahtml.css195 .ripple {
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.4);
    transform: scale(0);
    position: absolute;
    opacity: 1;
}

.metahtml.css195 .rippleEffect {
    animation: rippleDrop 1.6s infinite linear;
}

@keyframes rippleDrop {
    100% {
        transform: scale(2);
        opacity: 0;
    }
}

.node.css196 {
    color: #FFF;
    padding-top: 15px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css196 a {
    color: rgb(230, 169, 25)
}

.node.css197 {
    color: #333;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 5px
}

.node.css197 a {
    color: rgb(230, 169, 25)
}

.textable.css198 {
    text-align: left;
    font-family: "Open Sans";
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: 0em;
    opacity: 1
}

.screen-md .textable.css198 {
    font-size: 10px !important;
    line-height: 1.3 !important;
    letter-spacing: 0em !important
}

.screen-sm .textable.css198 {
    font-size: 10px !important;
    line-height: 1.3 !important;
    letter-spacing: 0em !important
}

.screen-xs .textable.css198 {
    text-align: center !important;
    font-size: 10px !important;
    line-height: 1.3 !important;
    letter-spacing: 0em !important
}

.node.css199 {
    color: #333;
    padding-top: 15px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 10px
}

.node.css199 a {
    color: rgb(230, 169, 25)
}

.metahtml.css200 .bl {
    width: 310px;
    margin: 0 auto;
}

.metahtml.css200 .pulse {
    border-radius: 5px;
    animation: radial-pulsecss200 3s infinite !important;
    width: 100%;
}

.metahtml.css200 .dref .cont .btn-legacy {
    border-radius: 5px !important;
}

@keyframes radial-pulsecss200 {
    0% {
        box-shadow: 0 0 0 0px rgba(13, 16, 20, 0.48);
    }

    100% {
        box-shadow: 0 0 0 8px rgba(0, 0, 0, 0);
    }
}

.metahtml.css200 .ripple {
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.4);
    transform: scale(0);
    position: absolute;
    opacity: 1;
}

.metahtml.css200 .rippleEffect {
    animation: rippleDrop 1.6s infinite linear;
}

@keyframes rippleDrop {
    100% {
        transform: scale(2);
        opacity: 0;
    }
}

.btn.css201 {
    text-align: center
}

.btn.css201 {
    background-color: rgb(26, 31, 40);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: rgb(20, 25, 32);
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 20px;
    color: rgb(255, 255, 255) !important;
    font-family: "Bebas Neue Bold";
}

.btn.css201:hover,
.btn.css201.hover {
    background-color: rgb(23, 28, 36);
    border-color: rgb(16, 20, 26);
    color: rgb(255, 179, 0) !important;
}

.btn.css201:active,
.btn.css201.active {
    background-color: rgb(21, 25, 32);
    border-color: rgb(18, 22, 29);
    color: rgb(255, 255, 255) !important;
}

.btn.css201:before {}

.btn.css201:active:before,
.btn.css201.active:before {
    background-color: rgb(21, 25, 32);
}

.metahtml.css202 .modal4-root {
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    opacity: 0;
    transform: scale(1.1);
    transition: 300ms all ease-out;
}

.metahtml.css202 .modal4-root.is-active {
    opacity: 1;
    transform: scale(1);
}

.metahtml.css202 .modal4-root.is-hiding {
    opacity: 0;
    transform: scale(0.9);
}

.metahtml.css202 .modal4-panel1 {
    padding: 15px;
    background-color: rgb(26, 29, 40);
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.metahtml.css202 .modal4-panel2 {
    padding: 15px;
    background-color: rgb(255, 255, 255);
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.metahtml.css202 .modal4-close {
    cursor: pointer;
    background-color: white;
    border: 2px solid black;
    border-radius: 100px;
    position: absolute;
    width: 30px;
    height: 30px;
    padding: 0;
    top: -10px;
    right: -10px;
    transition: transform 200ms;
}

.metahtml.css202 .modal4-close-h,
.metahtml.css202 .modal4-close-v {
    background-color: black;
    display: block;
    width: 16px;
    height: 2px;
    position: absolute;
    left: 50%;
    top: 50%;
}

.metahtml.css202 .modal4-close-h {
    transform: translate(-50%, -50%) rotate(135deg);
}

.metahtml.css202 .modal4-close-v {
    transform: translate(-50%, -50%) rotate(45deg);
}

.metahtml.css202 .modal4-close:hover {
    transform: scale(1.1);
}

.node.css203 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px
}

.screen-xs .node.css203 {
    padding-bottom: 5px !important
}

.node.css203 a {
    color: rgb(230, 169, 25)
}

.node.css204 {
    color: #333;
    padding-top: 15px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css204 a {
    color: rgb(230, 169, 25)
}

.btn.css205 {
    text-align: center
}

.btn.css205 {
    background-color: rgb(255, 179, 0);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: rgb(204, 143, 0);
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 20px;
    color: rgb(255, 179, 0) !important;
    font-family: "Bebas Neue Bold";
}

.btn.css205:hover,
.btn.css205.hover {
    background-color: rgb(230, 161, 0);
    border-color: rgb(163, 115, 0);
    color: rgb(255, 255, 255) !important;
}

.btn.css205:active,
.btn.css205.active {
    background-color: rgb(207, 145, 0);
    border-color: rgb(184, 129, 0);
    color: rgb(255, 255, 255) !important;
}

.btn.css205:before {}

.btn.css205:active:before,
.btn.css205.active:before {
    background-color: rgb(207, 145, 0);
}

.metahtml.css206 .bl {
    width: 129px;
    margin: 0 auto;
}

.metahtml.css206 .dref .cont .btn-legacy {
    position: relative;
    overflow: hidden;
    -webkit-transition: ease 0.3s;
    -o-transition: ease 0.3s;
    transition: ease 0.3s;
    display: inline-block;
}

.metahtml.css206 .dref .cont .btn-legacy:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
    -webkit-transition: ease 0.3s;
    -o-transition: ease 0.3s;
    transition: ease 0.3s;
}

.metahtml.css206 .dref .cont .btn-legacy:after {
    content: "";
    display: inline-block;
    width: 5px;
    box-shadow: 1px 1px 26px 26px rgb(255, 255, 255);
    height: 300px;
    margin-left: 60px;
    background: rgb(255, 255, 255);
    opacity: 0.5;
    position: absolute;
    left: -40px;
    top: -150px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-animation-name: slidemem;
    animation-name: slidemem;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes slidemem {
    0% {
        left: -10%;
        margin-left: 0px;
    }

    30% {
        left: 110%;
        margin-left: 80px;
    }

    100% {
        left: 110%;
        margin-left: 80px;
    }
}

.metahtml.css206 .ripple {
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.4);
    transform: scale(0);
    position: absolute;
    opacity: 1;
}

.metahtml.css206 .rippleEffect {
    animation: rippleDrop 1.6s infinite linear;
}

@keyframes rippleDrop {
    100% {
        transform: scale(2);
        opacity: 0;
    }
}

.btn.css207 {
    text-align: center
}

.btn.css207 {
    background-color: rgb(255, 179, 0);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: rgb(204, 143, 0);
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 18px;
    color: rgb(0, 0, 0) !important;
    font-family: "Bebas Neue Bold";
}

.btn.css207:hover,
.btn.css207.hover {
    background-color: rgb(255, 179, 0);
    border-color: rgb(204, 143, 0);
    color: rgb(255, 255, 255) !important;
}

.btn.css207:active,
.btn.css207.active {
    background-color: rgb(230, 161, 0);
    border-color: rgb(204, 143, 0);
    color: rgb(255, 255, 255) !important;
}

.btn.css207:before {}

.btn.css207:active:before,
.btn.css207.active:before {
    background-color: rgb(230, 161, 0);
}

.node.css208 {
    color: #FFF;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px
}

.node.css208 a {
    color: rgb(230, 169, 25)
}

.metahtml.css209 [cr-field] {
    padding-bottom: 0px;
    font-size: 13px;
    font-family: Open Sans;
}

.metahtml.css209 .name {
    transition: 300ms all;
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    word-wrap: break-word;
    padding-bottom: 4px;
}

.metahtml.css209 .is-text .name {
    position: absolute;
    line-height: 1.2;
    font-size: 13px;
}

.metahtml.css209 .is-text:focus-within .name,
.metahtml.css209 .is-text.is-filled .name {
    transform: translateY(-100%);
    font-size: 12px;
}

.metahtml.css209 .form-control {
    height: auto;
    line-height: 1.2;
    box-shadow: none;
    position: relative;
    color: rgb(255, 255, 255);
    border: 0 solid rgba(229, 233, 238, 0.24);
    border-bottom-width: 1px;
    border-radius: 0;
    padding: 0 0 8px 0;
    font-size: 13px;
    cursor: initial;
    background-color: transparent;
}

.metahtml.css209 .is-text .form-control {
    margin-top: 21px;
}

.metahtml.css209 .form-control:focus,
.metahtml.css209 .form-control:focus-within {
    border-color: rgb(255, 179, 0);
}

.metahtml.css209 .form-control+.form-control {
    margin-top: 10px;
}

.metahtml.css209 label {
    font-weight: normal;
    display: block;
    cursor: pointer;
}

.metahtml.css209 textarea {
    resize: vertical;
}

.metahtml.css209 .checkbox {
    width: 22px;
    height: 22px;
    padding: 0;
    margin: 0 5.5px 0 0;
    line-height: 0;
    min-height: auto;
    display: inline-block;
    vertical-align: middle;
    background: white;
    border: 2px solid rgba(0, 0, 0, 0.25);
    position: relative;
    transition: 300ms all;
    border-radius: 2px;
}

.metahtml.css209 .checkbox svg {
    width: 100%;
    opacity: 0;
    transform: scale(0);
    transition: 300ms all;
}

.metahtml.css209 input:hover~.checkbox,
.metahtml.css209 input:focus~.checkbox {
    border-color: rgb(255, 217, 128);
}

.metahtml.css209 input:checked~.checkbox {
    border-color: rgb(230, 161, 0);
    background-color: rgb(255, 179, 0);
}

.metahtml.css209 input:active~.checkbox {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css209 input:checked~.checkbox svg {
    opacity: 1;
    transform: scale(1);
}

.metahtml.css209 .radio {
    margin: 0;
    margin: 0 5.5px 0 0;
    padding: 0;
    line-height: 0;
    width: 22px;
    height: 22px;
    min-height: auto;
    display: inline-block;
    vertical-align: middle;
    background: white;
    border: 2px solid rgba(0, 0, 0, 0.25);
    position: relative;
    transition: 300ms all;
    border-radius: 100px;
}

.metahtml.css209 .radio:before {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    content: '';
    display: block;
    background-color: white;
    border-radius: 100px;
    opacity: 0;
    transform: scale(0);
    transition: 300ms all;
}

.metahtml.css209 input:hover~.radio,
.metahtml.css209 input:focus~.radio {
    border-color: rgb(255, 217, 128);
}

.metahtml.css209 input:active~.radio {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css209 input:checked~.radio {
    border-color: rgb(230, 161, 0);
    background-color: rgb(255, 179, 0);
}

.metahtml.css209 input:checked~.radio:before {
    opacity: 1;
    transform: scale(0.5);
}

.metahtml.css209 [cr-field="checkbox-list"] span {
    vertical-align: middle;
}

.metahtml.css209 [cr-field="checkbox-list"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css209 [cr-field="checkbox-list"] label+label {
    margin-top: 7.333333333333333px;
}

.metahtml.css209 [cr-field="checkbox-visual"] {
    overflow: hidden;
}

.metahtml.css209 [cr-field="checkbox-visual"] .items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
    justify-content: space-between;
}

.metahtml.css209 [cr-field="checkbox-visual"] .item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-bottom: 20px;
    width: 30%;
}

.metahtml.css209 [cr-field="checkbox-visual"] label {
    position: relative;
}

.metahtml.css209 [cr-field="checkbox-visual"] .bgimage {
    background-size: cover;
    display: inline-block;
    background-position: center;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.metahtml.css209 [cr-field="checkbox-visual"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.metahtml.css209 [cr-field="checkbox-visual"] .tick {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 179, 0, 0.75);
    transition: all 300ms;
    opacity: 0;
}

.metahtml.css209 [cr-field="checkbox-visual"] .tick svg {
    opacity: 0;
    transition: all 300ms;
    max-width: 26px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.metahtml.css209 [cr-field="checkbox-visual"] .subname {
    margin: 6.5px 0;
    word-wrap: break-word;
    white-space: normal;
}

.metahtml.css209 [cr-field="checkbox-visual"] input:hover~.bgimage .tick,
.metahtml.css209 [cr-field="checkbox-visual"] input:focus~.bgimage .tick {
    opacity: 0.5;
}

.metahtml.css209 [cr-field="checkbox-visual"] input:checked~.bgimage .tick,
.metahtml.css209 [cr-field="checkbox-visual"] input:checked~.bgimage .tick svg {
    opacity: 1;
}

.screen-xs .metahtml.css209 [cr-field="checkbox-visual"] .item {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    white-space: nowrap;
}

.screen-xs .metahtml.css209 [cr-field="checkbox-visual"] .bgimage {
    width: 25%;
    padding-top: 25%;
    vertical-align: middle;
}

.screen-xs .metahtml.css209 [cr-field="checkbox-visual"] .subname {
    width: 75%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5%;
    margin-left: -4px;
}

.metahtml.css209 [cr-field="checkbox-input"] span {
    vertical-align: middle;
}

.metahtml.css209 [cr-field="checkbox-input"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css209 [cr-field="radio-list"] span {
    vertical-align: middle;
}

.metahtml.css209 [cr-field="radio-list"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css209 [cr-field="radio-list"] label+label {
    margin-top: 7.333333333333333px;
}

.metahtml.css209 [cr-field="radio-visual"] {
    overflow: hidden;
}

.metahtml.css209 [cr-field="radio-visual"] .items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
    justify-content: space-between;
}

.metahtml.css209 [cr-field="radio-visual"] .item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-bottom: 20px;
    width: 30%;
}

.metahtml.css209 [cr-field="radio-visual"] label {
    position: relative;
}

.metahtml.css209 [cr-field="radio-visual"] .bgimage {
    background-size: cover;
    display: inline-block;
    background-position: center;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.metahtml.css209 [cr-field="radio-visual"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.metahtml.css209 [cr-field="radio-visual"] .tick {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 179, 0, 0.75);
    transition: all 300ms;
    opacity: 0;
}

.metahtml.css209 [cr-field="radio-visual"] .tick svg {
    opacity: 0;
    transition: all 300ms;
    max-width: 26px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.metahtml.css209 [cr-field="radio-visual"] .subname {
    margin: 6.5px 0;
    word-wrap: break-word;
    white-space: normal;
}

.metahtml.css209 [cr-field="radio-visual"] input:hover~.bgimage .tick {
    opacity: 0.5;
}

.metahtml.css209 [cr-field="radio-visual"] input:checked~.bgimage .tick,
.metahtml.css209 [cr-field="radio-visual"] input:checked~.bgimage .tick svg {
    opacity: 1;
}

.screen-xs .metahtml.css209 [cr-field="radio-visual"] .item {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    white-space: nowrap;
}

.screen-xs .metahtml.css209 [cr-field="radio-visual"] .bgimage {
    width: 25%;
    padding-top: 25%;
    vertical-align: middle;
}

.screen-xs .metahtml.css209 [cr-field="radio-visual"] .subname {
    width: 75%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5%;
    margin-left: -4px;
}

.metahtml.css209 [cr-field="select-menu"] select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
    color: black;
    -webkit-appearance: none;
}

.metahtml.css209 [cr-field="select-menu"] .fa {
    font-size: 20px;
    line-height: 0;
    opacity: 0.5;
    vertical-align: middle;
}

.metahtml.css209 [cr-field="select-menu"] .flexgrid {
    display: flex;
    align-items: center;
}

.metahtml.css209 [cr-field="select-menu"] .flexgrid .left {
    flex-grow: 1;
    min-width: 50%;
    word-wrap: break-word;
}

.metahtml.css209 [cr-field="file"] svg {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-top: -5px;
    margin-bottom: -5px;
}

.metahtml.css209 [cr-field="file"] span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}

.metahtml.css209 [cr-field="file"] input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 0;
}

.metahtml.css209 [cr-field="file"] .clean {
    float: right;
    opacity: 0.5;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.metahtml.css209 [cr-field="file"] .clean:hover {
    opacity: 1;
}

.metahtml.css209 [cr-field="file"] .flexgrid {
    display: flex;
    align-items: center;
}

.metahtml.css209 [cr-field="file"] .flexgrid .center {
    flex-grow: 1;
    min-width: 50%;
    word-wrap: break-word;
}

.metahtml.css209 [cr-field="result"] .flexgrid.align-sides {
    display: flex;
    align-items: center;
}

.metahtml.css209 [cr-field="result"] .flexgrid.align-sides .left .name {
    margin-bottom: 0;
}

.metahtml.css209 [cr-field="result"] .flexgrid.align-center .left {
    text-align: center;
}

.metahtml.css209 [cr-field="result"] .flexgrid.align-right .left {
    text-align: right;
}

.metahtml.css209 [cr-field="result"] .flexgrid .right {
    flex-grow: 1;
    min-width: 25%;
    word-wrap: break-word;
    text-align: right;
    font-size: 100%;
}

.metahtml.css209 [cr-field="result"] .flexgrid.align-left .right {
    text-align: left;
}

.metahtml.css209 [cr-field="result"] .flexgrid.align-center .right {
    text-align: center;
}

.metahtml.css209 [cr-field="result"] .flexgrid.align-right .right {
    text-align: right;
}

.metahtml.css209 [cr-field="privacy-button"] .open {
    text-align: center;
    opacity: 0.5;
    font-size: 80%;
    cursor: pointer;
}

.metahtml.css209 [cr-field="privacy-button"] .open a {
    color: inherit;
    text-decoration: none;
}

.metahtml.css209 [cr-field="privacy-checkbox"] {
    font-size: 80%;
}

.metahtml.css209 [cr-field="privacy-checkbox"] span {
    vertical-align: middle;
}

.metahtml.css209 [cr-field="privacy-checkbox"] a {
    vertical-align: middle;
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    color: inherit;
    cursor: pointer;
}

.metahtml.css209 [cr-field="privacy-checkbox"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css209 [cr-field="privacy-text"] {
    font-size: 80%;
    text-align: center;
}

.metahtml.css209 [cr-field="privacy-text"] a {
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    color: inherit;
    cursor: pointer;
}

.metahtml.css209 [cr-field="hidden"] {
    opacity: 0.25;
}

.node.css210 {
    color: #FFF;
    padding-top: 5px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px
}

.node.css210 a {
    color: rgb(230, 169, 25)
}

.metahtml.css211 [cr-field] {
    padding-bottom: 0px;
    font-size: 13px;
    font-family: Open Sans;
}

.metahtml.css211 .name {
    transition: 300ms all;
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    word-wrap: break-word;
    padding-bottom: 4px;
}

.metahtml.css211 .is-text .name {
    position: absolute;
    line-height: 1.2;
    font-size: 13px;
}

.metahtml.css211 .is-text:focus-within .name,
.metahtml.css211 .is-text.is-filled .name {
    transform: translateY(-100%);
    font-size: 12px;
}

.metahtml.css211 .form-control {
    height: auto;
    line-height: 1.2;
    box-shadow: none;
    position: relative;
    color: rgb(255, 255, 255);
    border: 0 solid rgba(229, 233, 238, 0.24);
    border-bottom-width: 1px;
    border-radius: 0;
    padding: 0 0 8px 0;
    font-size: 13px;
    cursor: initial;
    background-color: transparent;
}

.metahtml.css211 .is-text .form-control {
    margin-top: 21px;
}

.metahtml.css211 .form-control:focus,
.metahtml.css211 .form-control:focus-within {
    border-color: rgb(255, 179, 0);
}

.metahtml.css211 .form-control+.form-control {
    margin-top: 10px;
}

.metahtml.css211 label {
    font-weight: normal;
    display: block;
    cursor: pointer;
}

.metahtml.css211 textarea {
    resize: vertical;
}

.metahtml.css211 .checkbox {
    width: 22px;
    height: 22px;
    padding: 0;
    margin: 0 5.5px 0 0;
    line-height: 0;
    min-height: auto;
    display: inline-block;
    vertical-align: middle;
    background: white;
    border: 2px solid rgba(0, 0, 0, 0.25);
    position: relative;
    transition: 300ms all;
    border-radius: 2px;
}

.metahtml.css211 .checkbox svg {
    width: 100%;
    opacity: 0;
    transform: scale(0);
    transition: 300ms all;
}

.metahtml.css211 input:hover~.checkbox,
.metahtml.css211 input:focus~.checkbox {
    border-color: rgb(255, 217, 128);
}

.metahtml.css211 input:checked~.checkbox {
    border-color: rgb(230, 161, 0);
    background-color: rgb(255, 179, 0);
}

.metahtml.css211 input:active~.checkbox {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css211 input:checked~.checkbox svg {
    opacity: 1;
    transform: scale(1);
}

.metahtml.css211 .radio {
    margin: 0;
    margin: 0 5.5px 0 0;
    padding: 0;
    line-height: 0;
    width: 22px;
    height: 22px;
    min-height: auto;
    display: inline-block;
    vertical-align: middle;
    background: white;
    border: 2px solid rgba(0, 0, 0, 0.25);
    position: relative;
    transition: 300ms all;
    border-radius: 100px;
}

.metahtml.css211 .radio:before {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    content: '';
    display: block;
    background-color: white;
    border-radius: 100px;
    opacity: 0;
    transform: scale(0);
    transition: 300ms all;
}

.metahtml.css211 input:hover~.radio,
.metahtml.css211 input:focus~.radio {
    border-color: rgb(255, 217, 128);
}

.metahtml.css211 input:active~.radio {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css211 input:checked~.radio {
    border-color: rgb(230, 161, 0);
    background-color: rgb(255, 179, 0);
}

.metahtml.css211 input:checked~.radio:before {
    opacity: 1;
    transform: scale(0.5);
}

.metahtml.css211 [cr-field="checkbox-list"] span {
    vertical-align: middle;
}

.metahtml.css211 [cr-field="checkbox-list"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css211 [cr-field="checkbox-list"] label+label {
    margin-top: 7.333333333333333px;
}

.metahtml.css211 [cr-field="checkbox-visual"] {
    overflow: hidden;
}

.metahtml.css211 [cr-field="checkbox-visual"] .items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
    justify-content: space-between;
}

.metahtml.css211 [cr-field="checkbox-visual"] .item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-bottom: 20px;
    width: 30%;
}

.metahtml.css211 [cr-field="checkbox-visual"] label {
    position: relative;
}

.metahtml.css211 [cr-field="checkbox-visual"] .bgimage {
    background-size: cover;
    display: inline-block;
    background-position: center;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.metahtml.css211 [cr-field="checkbox-visual"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.metahtml.css211 [cr-field="checkbox-visual"] .tick {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 179, 0, 0.75);
    transition: all 300ms;
    opacity: 0;
}

.metahtml.css211 [cr-field="checkbox-visual"] .tick svg {
    opacity: 0;
    transition: all 300ms;
    max-width: 26px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.metahtml.css211 [cr-field="checkbox-visual"] .subname {
    margin: 6.5px 0;
    word-wrap: break-word;
    white-space: normal;
}

.metahtml.css211 [cr-field="checkbox-visual"] input:hover~.bgimage .tick,
.metahtml.css211 [cr-field="checkbox-visual"] input:focus~.bgimage .tick {
    opacity: 0.5;
}

.metahtml.css211 [cr-field="checkbox-visual"] input:checked~.bgimage .tick,
.metahtml.css211 [cr-field="checkbox-visual"] input:checked~.bgimage .tick svg {
    opacity: 1;
}

.screen-xs .metahtml.css211 [cr-field="checkbox-visual"] .item {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    white-space: nowrap;
}

.screen-xs .metahtml.css211 [cr-field="checkbox-visual"] .bgimage {
    width: 25%;
    padding-top: 25%;
    vertical-align: middle;
}

.screen-xs .metahtml.css211 [cr-field="checkbox-visual"] .subname {
    width: 75%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5%;
    margin-left: -4px;
}

.metahtml.css211 [cr-field="checkbox-input"] span {
    vertical-align: middle;
}

.metahtml.css211 [cr-field="checkbox-input"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css211 [cr-field="radio-list"] span {
    vertical-align: middle;
}

.metahtml.css211 [cr-field="radio-list"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css211 [cr-field="radio-list"] label+label {
    margin-top: 7.333333333333333px;
}

.metahtml.css211 [cr-field="radio-visual"] {
    overflow: hidden;
}

.metahtml.css211 [cr-field="radio-visual"] .items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
    justify-content: space-between;
}

.metahtml.css211 [cr-field="radio-visual"] .item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-bottom: 20px;
    width: 30%;
}

.metahtml.css211 [cr-field="radio-visual"] label {
    position: relative;
}

.metahtml.css211 [cr-field="radio-visual"] .bgimage {
    background-size: cover;
    display: inline-block;
    background-position: center;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.metahtml.css211 [cr-field="radio-visual"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.metahtml.css211 [cr-field="radio-visual"] .tick {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 179, 0, 0.75);
    transition: all 300ms;
    opacity: 0;
}

.metahtml.css211 [cr-field="radio-visual"] .tick svg {
    opacity: 0;
    transition: all 300ms;
    max-width: 26px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.metahtml.css211 [cr-field="radio-visual"] .subname {
    margin: 6.5px 0;
    word-wrap: break-word;
    white-space: normal;
}

.metahtml.css211 [cr-field="radio-visual"] input:hover~.bgimage .tick {
    opacity: 0.5;
}

.metahtml.css211 [cr-field="radio-visual"] input:checked~.bgimage .tick,
.metahtml.css211 [cr-field="radio-visual"] input:checked~.bgimage .tick svg {
    opacity: 1;
}

.screen-xs .metahtml.css211 [cr-field="radio-visual"] .item {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    white-space: nowrap;
}

.screen-xs .metahtml.css211 [cr-field="radio-visual"] .bgimage {
    width: 25%;
    padding-top: 25%;
    vertical-align: middle;
}

.screen-xs .metahtml.css211 [cr-field="radio-visual"] .subname {
    width: 75%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5%;
    margin-left: -4px;
}

.metahtml.css211 [cr-field="select-menu"] select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
    color: black;
    -webkit-appearance: none;
}

.metahtml.css211 [cr-field="select-menu"] .fa {
    font-size: 20px;
    line-height: 0;
    opacity: 0.5;
    vertical-align: middle;
}

.metahtml.css211 [cr-field="select-menu"] .flexgrid {
    display: flex;
    align-items: center;
}

.metahtml.css211 [cr-field="select-menu"] .flexgrid .left {
    flex-grow: 1;
    min-width: 50%;
    word-wrap: break-word;
}

.metahtml.css211 [cr-field="file"] svg {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-top: -5px;
    margin-bottom: -5px;
}

.metahtml.css211 [cr-field="file"] span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}

.metahtml.css211 [cr-field="file"] input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 0;
}

.metahtml.css211 [cr-field="file"] .clean {
    float: right;
    opacity: 0.5;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.metahtml.css211 [cr-field="file"] .clean:hover {
    opacity: 1;
}

.metahtml.css211 [cr-field="file"] .flexgrid {
    display: flex;
    align-items: center;
}

.metahtml.css211 [cr-field="file"] .flexgrid .center {
    flex-grow: 1;
    min-width: 50%;
    word-wrap: break-word;
}

.metahtml.css211 [cr-field="result"] .flexgrid.align-sides {
    display: flex;
    align-items: center;
}

.metahtml.css211 [cr-field="result"] .flexgrid.align-sides .left .name {
    margin-bottom: 0;
}

.metahtml.css211 [cr-field="result"] .flexgrid.align-center .left {
    text-align: center;
}

.metahtml.css211 [cr-field="result"] .flexgrid.align-right .left {
    text-align: right;
}

.metahtml.css211 [cr-field="result"] .flexgrid .right {
    flex-grow: 1;
    min-width: 25%;
    word-wrap: break-word;
    text-align: right;
    font-size: 120%;
}

.metahtml.css211 [cr-field="result"] .flexgrid.align-left .right {
    text-align: left;
}

.metahtml.css211 [cr-field="result"] .flexgrid.align-center .right {
    text-align: center;
}

.metahtml.css211 [cr-field="result"] .flexgrid.align-right .right {
    text-align: right;
}

.metahtml.css211 [cr-field="privacy-button"] .open {
    text-align: center;
    opacity: 0.5;
    font-size: 80%;
    cursor: pointer;
}

.metahtml.css211 [cr-field="privacy-button"] .open a {
    color: inherit;
    text-decoration: none;
}

.metahtml.css211 [cr-field="privacy-checkbox"] {
    font-size: 80%;
}

.metahtml.css211 [cr-field="privacy-checkbox"] span {
    vertical-align: middle;
}

.metahtml.css211 [cr-field="privacy-checkbox"] a {
    vertical-align: middle;
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    color: inherit;
    cursor: pointer;
}

.metahtml.css211 [cr-field="privacy-checkbox"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css211 [cr-field="privacy-text"] {
    font-size: 80%;
    text-align: center;
}

.metahtml.css211 [cr-field="privacy-text"] a {
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    color: inherit;
    cursor: pointer;
}

.metahtml.css211 [cr-field="hidden"] {
    opacity: 0.25;
}

.node.css212 {
    color: #FFF;
    padding-top: 3px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css212 a {
    color: rgb(230, 169, 25)
}

.metahtml.css213 .link a {
    text-decoration: none;
    border-bottom: 1px dashed #444;
    color: #fff;
}

.node.css214 {
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css214 a {
    color: rgb(230, 169, 25)
}

.textable.css215 {
    text-align: center;
    font-family: "Open Sans";
    font-size: 10px;
    line-height: 1.3;
    letter-spacing: 0em;
    color: rgb(255, 255, 255);
    opacity: 1
}

.screen-xs .textable.css215 {
    text-align: center !important
}

.metahtml.css216 .button711 {
    font-family: Montserrat Medium;
    background: none;
    font-size: 12px;
    padding: 0;
    display: flex;
    position: relative;
    align-items: center;
    max-width: 100%;
    width: 100%;
    border: none;
    font-weight: normal;
    text-transform: initial;
    letter-spacing: initial;
    outline: none;
    text-decoration: none;
    color: rgb(255, 255, 255);
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
}

.metahtml.css216 .button711:hover,
.metahtml.css216 .button711.hover,
.metahtml.css216 .button711:active,
.metahtml.css216 .button711.active,
.metahtml.css216 .button711:focus {
    color: rgb(255, 255, 255);
}

.metahtml.css216 .button711[disabled] {
    opacity: 0.5;
    pointer-events: none;
}

.metahtml.css216 .circle-bg {
    height: 52px;
    width: 52px;
    display: block;
    position: absolute;
    border-radius: 1000px;
    background-color: rgb(255, 179, 0);
    box-shadow: 0 0px 0px 0px rgba(255, 179, 0, 0);
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
}

.metahtml.css216 .button711:active .circle-bg,
.metahtml.css216 .button711.active .circle-bg {
    background-color: rgb(230, 161, 0);
}

.metahtml.css216 .button711:hover .circle-bg,
.metahtml.css216 .button711.hover .circle-bg,
.metahtml.css216 .button711:active .circle-bg,
.metahtml.css216 .button711.active .circle-bg,
.metahtml.css216 .button711:focus .circle-bg {
    width: 100%;
}

.metahtml.css216 .circle {
    height: 52px;
    width: 52px;
    flex-shrink: 0;
    flex-grow: 0;
    display: block;
    position: relative;
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
}

.metahtml.css216 .dash {
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    left: 10%;
    top: 50%;
    margin-top: -1px;
    margin-left: 3px;
    width: 40%;
    height: 2px;
    background: transparent;
    display: block;
    position: relative;
}

.metahtml.css216 .button711:hover .dash,
.metahtml.css216 .button711.hover .dash,
.metahtml.css216 .button711:active .dash,
.metahtml.css216 .button711.active .dash,
.metahtml.css216 .button711:focus .dash {
    background: rgb(255, 255, 255);
}

.metahtml.css216 .arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    border-top: 2px solid rgb(255, 255, 255);
    border-right: 2px solid rgb(255, 255, 255);
    transform: translate(-65%, -50%) rotate(45deg);
}

.metahtml.css216 .button711:hover .circle,
.metahtml.css216 .button711.hover .circle,
.metahtml.css216 .button711:active .circle,
.metahtml.css216 .button711:active .circle,
.metahtml.css216 .button711:focus .circle {
    transform: translate(45%, 0);
}

.metahtml.css216 .padding {
    flex-shrink: 1000000;
    flex-grow: 1;
    width: 26px;
    display: block;
}

.metahtml.css216 .text {
    flex-shrink: 1;
    text-align: center;
    z-index: 1;
}

.metahtml.css216 .circle-bg {
    animation: css216_pulse 3s linear infinite;
}

@keyframes css216_pulse {
    70% {
        transform: scale(1);
    }

    85% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1);
    }
}

.textable.css217 {
    text-align: center;
    font-family: "Montserrat Regular";
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0em;
    color: rgb(255, 255, 255);
    opacity: 0.65
}

.screen-xs .textable.css217 {
    text-align: center !important;
    line-height: 1.3 !important;
    letter-spacing: 0em !important
}

.node.css218 {
    color: #333;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px
}

.node.css218 a {
    color: rgb(25, 105, 230)
}

.metahtml.css219 [cr-field] {
    padding-bottom: 0px;
    font-size: 13px;
    font-family: Open Sans;
}

.metahtml.css219 .name {
    transition: 300ms all;
    color: rgba(51, 51, 51, 0.5);
    font-size: 12px;
    word-wrap: break-word;
    padding-bottom: 4px;
}

.metahtml.css219 .is-text .name {
    position: absolute;
    line-height: 1.2;
    font-size: 13px;
}

.metahtml.css219 .is-text:focus-within .name,
.metahtml.css219 .is-text.is-filled .name {
    transform: translateY(-100%);
    font-size: 12px;
}

.metahtml.css219 .form-control {
    height: auto;
    line-height: 1.2;
    box-shadow: none;
    position: relative;
    color: rgb(51, 51, 51);
    border: 0 solid rgba(0, 0, 0, 0.24);
    border-bottom-width: 1px;
    border-radius: 0;
    padding: 0 0 8px 0;
    font-size: 13px;
    cursor: initial;
    background-color: transparent;
}

.metahtml.css219 .is-text .form-control {
    margin-top: 21px;
}

.metahtml.css219 .form-control:focus,
.metahtml.css219 .form-control:focus-within {
    border-color: rgb(255, 179, 0);
}

.metahtml.css219 .form-control+.form-control {
    margin-top: 10px;
}

.metahtml.css219 label {
    font-weight: normal;
    display: block;
    cursor: pointer;
}

.metahtml.css219 textarea {
    resize: vertical;
}

.metahtml.css219 .checkbox {
    width: 22px;
    height: 22px;
    padding: 0;
    margin: 0 5.5px 0 0;
    line-height: 0;
    min-height: auto;
    display: inline-block;
    vertical-align: middle;
    background: white;
    border: 2px solid rgba(0, 0, 0, 0.25);
    position: relative;
    transition: 300ms all;
    border-radius: 2px;
}

.metahtml.css219 .checkbox svg {
    width: 100%;
    opacity: 0;
    transform: scale(0);
    transition: 300ms all;
}

.metahtml.css219 input:hover~.checkbox,
.metahtml.css219 input:focus~.checkbox {
    border-color: rgb(255, 217, 128);
}

.metahtml.css219 input:checked~.checkbox {
    border-color: rgb(230, 161, 0);
    background-color: rgb(255, 179, 0);
}

.metahtml.css219 input:active~.checkbox {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css219 input:checked~.checkbox svg {
    opacity: 1;
    transform: scale(1);
}

.metahtml.css219 .radio {
    margin: 0;
    margin: 0 5.5px 0 0;
    padding: 0;
    line-height: 0;
    width: 22px;
    height: 22px;
    min-height: auto;
    display: inline-block;
    vertical-align: middle;
    background: white;
    border: 2px solid rgba(0, 0, 0, 0.25);
    position: relative;
    transition: 300ms all;
    border-radius: 100px;
}

.metahtml.css219 .radio:before {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    content: '';
    display: block;
    background-color: white;
    border-radius: 100px;
    opacity: 0;
    transform: scale(0);
    transition: 300ms all;
}

.metahtml.css219 input:hover~.radio,
.metahtml.css219 input:focus~.radio {
    border-color: rgb(255, 217, 128);
}

.metahtml.css219 input:active~.radio {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css219 input:checked~.radio {
    border-color: rgb(230, 161, 0);
    background-color: rgb(255, 179, 0);
}

.metahtml.css219 input:checked~.radio:before {
    opacity: 1;
    transform: scale(0.5);
}

.metahtml.css219 [cr-field="checkbox-list"] span {
    vertical-align: middle;
}

.metahtml.css219 [cr-field="checkbox-list"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css219 [cr-field="checkbox-list"] label+label {
    margin-top: 7.333333333333333px;
}

.metahtml.css219 [cr-field="checkbox-visual"] {
    overflow: hidden;
}

.metahtml.css219 [cr-field="checkbox-visual"] .items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
    justify-content: space-between;
}

.metahtml.css219 [cr-field="checkbox-visual"] .item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-bottom: 20px;
    width: 30%;
}

.metahtml.css219 [cr-field="checkbox-visual"] label {
    position: relative;
}

.metahtml.css219 [cr-field="checkbox-visual"] .bgimage {
    background-size: cover;
    display: inline-block;
    background-position: center;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.metahtml.css219 [cr-field="checkbox-visual"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.metahtml.css219 [cr-field="checkbox-visual"] .tick {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 179, 0, 0.75);
    transition: all 300ms;
    opacity: 0;
}

.metahtml.css219 [cr-field="checkbox-visual"] .tick svg {
    opacity: 0;
    transition: all 300ms;
    max-width: 26px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.metahtml.css219 [cr-field="checkbox-visual"] .subname {
    margin: 6.5px 0;
    word-wrap: break-word;
    white-space: normal;
}

.metahtml.css219 [cr-field="checkbox-visual"] input:hover~.bgimage .tick,
.metahtml.css219 [cr-field="checkbox-visual"] input:focus~.bgimage .tick {
    opacity: 0.5;
}

.metahtml.css219 [cr-field="checkbox-visual"] input:checked~.bgimage .tick,
.metahtml.css219 [cr-field="checkbox-visual"] input:checked~.bgimage .tick svg {
    opacity: 1;
}

.screen-xs .metahtml.css219 [cr-field="checkbox-visual"] .item {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    white-space: nowrap;
}

.screen-xs .metahtml.css219 [cr-field="checkbox-visual"] .bgimage {
    width: 25%;
    padding-top: 25%;
    vertical-align: middle;
}

.screen-xs .metahtml.css219 [cr-field="checkbox-visual"] .subname {
    width: 75%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5%;
    margin-left: -4px;
}

.metahtml.css219 [cr-field="checkbox-input"] span {
    vertical-align: middle;
}

.metahtml.css219 [cr-field="checkbox-input"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css219 [cr-field="radio-list"] span {
    vertical-align: middle;
}

.metahtml.css219 [cr-field="radio-list"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css219 [cr-field="radio-list"] label+label {
    margin-top: 7.333333333333333px;
}

.metahtml.css219 [cr-field="radio-visual"] {
    overflow: hidden;
}

.metahtml.css219 [cr-field="radio-visual"] .items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
    justify-content: space-between;
}

.metahtml.css219 [cr-field="radio-visual"] .item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-bottom: 20px;
    width: 30%;
}

.metahtml.css219 [cr-field="radio-visual"] label {
    position: relative;
}

.metahtml.css219 [cr-field="radio-visual"] .bgimage {
    background-size: cover;
    display: inline-block;
    background-position: center;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.metahtml.css219 [cr-field="radio-visual"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.metahtml.css219 [cr-field="radio-visual"] .tick {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 179, 0, 0.75);
    transition: all 300ms;
    opacity: 0;
}

.metahtml.css219 [cr-field="radio-visual"] .tick svg {
    opacity: 0;
    transition: all 300ms;
    max-width: 26px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.metahtml.css219 [cr-field="radio-visual"] .subname {
    margin: 6.5px 0;
    word-wrap: break-word;
    white-space: normal;
}

.metahtml.css219 [cr-field="radio-visual"] input:hover~.bgimage .tick {
    opacity: 0.5;
}

.metahtml.css219 [cr-field="radio-visual"] input:checked~.bgimage .tick,
.metahtml.css219 [cr-field="radio-visual"] input:checked~.bgimage .tick svg {
    opacity: 1;
}

.screen-xs .metahtml.css219 [cr-field="radio-visual"] .item {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    white-space: nowrap;
}

.screen-xs .metahtml.css219 [cr-field="radio-visual"] .bgimage {
    width: 25%;
    padding-top: 25%;
    vertical-align: middle;
}

.screen-xs .metahtml.css219 [cr-field="radio-visual"] .subname {
    width: 75%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5%;
    margin-left: -4px;
}

.metahtml.css219 [cr-field="select-menu"] select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
    color: black;
    -webkit-appearance: none;
}

.metahtml.css219 [cr-field="select-menu"] .fa {
    font-size: 20px;
    line-height: 0;
    opacity: 0.5;
    vertical-align: middle;
}

.metahtml.css219 [cr-field="select-menu"] .flexgrid {
    display: flex;
    align-items: center;
}

.metahtml.css219 [cr-field="select-menu"] .flexgrid .left {
    flex-grow: 1;
    min-width: 50%;
    word-wrap: break-word;
}

.metahtml.css219 [cr-field="file"] svg {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-top: -5px;
    margin-bottom: -5px;
}

.metahtml.css219 [cr-field="file"] span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}

.metahtml.css219 [cr-field="file"] input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 0;
}

.metahtml.css219 [cr-field="file"] .clean {
    float: right;
    opacity: 0.5;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.metahtml.css219 [cr-field="file"] .clean:hover {
    opacity: 1;
}

.metahtml.css219 [cr-field="file"] .flexgrid {
    display: flex;
    align-items: center;
}

.metahtml.css219 [cr-field="file"] .flexgrid .center {
    flex-grow: 1;
    min-width: 50%;
    word-wrap: break-word;
}

.metahtml.css219 [cr-field="result"] .flexgrid.align-sides {
    display: flex;
    align-items: center;
}

.metahtml.css219 [cr-field="result"] .flexgrid.align-sides .left .name {
    margin-bottom: 0;
}

.metahtml.css219 [cr-field="result"] .flexgrid.align-center .left {
    text-align: center;
}

.metahtml.css219 [cr-field="result"] .flexgrid.align-right .left {
    text-align: right;
}

.metahtml.css219 [cr-field="result"] .flexgrid .right {
    flex-grow: 1;
    min-width: 25%;
    word-wrap: break-word;
    text-align: right;
    font-size: 100%;
}

.metahtml.css219 [cr-field="result"] .flexgrid.align-left .right {
    text-align: left;
}

.metahtml.css219 [cr-field="result"] .flexgrid.align-center .right {
    text-align: center;
}

.metahtml.css219 [cr-field="result"] .flexgrid.align-right .right {
    text-align: right;
}

.metahtml.css219 [cr-field="privacy-button"] .open {
    text-align: center;
    opacity: 0.5;
    font-size: 80%;
    cursor: pointer;
}

.metahtml.css219 [cr-field="privacy-button"] .open a {
    color: inherit;
    text-decoration: none;
}

.metahtml.css219 [cr-field="privacy-checkbox"] {
    font-size: 80%;
}

.metahtml.css219 [cr-field="privacy-checkbox"] span {
    vertical-align: middle;
}

.metahtml.css219 [cr-field="privacy-checkbox"] a {
    vertical-align: middle;
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    color: inherit;
    cursor: pointer;
}

.metahtml.css219 [cr-field="privacy-checkbox"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css219 [cr-field="privacy-text"] {
    font-size: 80%;
    text-align: center;
}

.metahtml.css219 [cr-field="privacy-text"] a {
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    color: inherit;
    cursor: pointer;
}

.metahtml.css219 [cr-field="hidden"] {
    opacity: 0.25;
}

.node.css220 {
    color: #333;
    padding-top: 5px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px
}

.node.css220 a {
    color: rgb(25, 105, 230)
}

.metahtml.css221 [cr-field] {
    padding-bottom: 0px;
    font-size: 13px;
    font-family: Open Sans;
}

.metahtml.css221 .name {
    transition: 300ms all;
    color: rgba(51, 51, 51, 0.5);
    font-size: 12px;
    word-wrap: break-word;
    padding-bottom: 4px;
}

.metahtml.css221 .is-text .name {
    position: absolute;
    line-height: 1.2;
    font-size: 13px;
}

.metahtml.css221 .is-text:focus-within .name,
.metahtml.css221 .is-text.is-filled .name {
    transform: translateY(-100%);
    font-size: 12px;
}

.metahtml.css221 .form-control {
    height: auto;
    line-height: 1.2;
    box-shadow: none;
    position: relative;
    color: rgb(51, 51, 51);
    border: 0 solid rgba(0, 0, 0, 0.24);
    border-bottom-width: 1px;
    border-radius: 0;
    padding: 0 0 8px 0;
    font-size: 13px;
    cursor: initial;
    background-color: transparent;
}

.metahtml.css221 .is-text .form-control {
    margin-top: 21px;
}

.metahtml.css221 .form-control:focus,
.metahtml.css221 .form-control:focus-within {
    border-color: rgb(255, 179, 0);
}

.metahtml.css221 .form-control+.form-control {
    margin-top: 10px;
}

.metahtml.css221 label {
    font-weight: normal;
    display: block;
    cursor: pointer;
}

.metahtml.css221 textarea {
    resize: vertical;
}

.metahtml.css221 .checkbox {
    width: 22px;
    height: 22px;
    padding: 0;
    margin: 0 5.5px 0 0;
    line-height: 0;
    min-height: auto;
    display: inline-block;
    vertical-align: middle;
    background: white;
    border: 2px solid rgba(0, 0, 0, 0.25);
    position: relative;
    transition: 300ms all;
    border-radius: 2px;
}

.metahtml.css221 .checkbox svg {
    width: 100%;
    opacity: 0;
    transform: scale(0);
    transition: 300ms all;
}

.metahtml.css221 input:hover~.checkbox,
.metahtml.css221 input:focus~.checkbox {
    border-color: rgb(255, 217, 128);
}

.metahtml.css221 input:checked~.checkbox {
    border-color: rgb(230, 161, 0);
    background-color: rgb(255, 179, 0);
}

.metahtml.css221 input:active~.checkbox {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css221 input:checked~.checkbox svg {
    opacity: 1;
    transform: scale(1);
}

.metahtml.css221 .radio {
    margin: 0;
    margin: 0 5.5px 0 0;
    padding: 0;
    line-height: 0;
    width: 22px;
    height: 22px;
    min-height: auto;
    display: inline-block;
    vertical-align: middle;
    background: white;
    border: 2px solid rgba(0, 0, 0, 0.25);
    position: relative;
    transition: 300ms all;
    border-radius: 100px;
}

.metahtml.css221 .radio:before {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    content: '';
    display: block;
    background-color: white;
    border-radius: 100px;
    opacity: 0;
    transform: scale(0);
    transition: 300ms all;
}

.metahtml.css221 input:hover~.radio,
.metahtml.css221 input:focus~.radio {
    border-color: rgb(255, 217, 128);
}

.metahtml.css221 input:active~.radio {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css221 input:checked~.radio {
    border-color: rgb(230, 161, 0);
    background-color: rgb(255, 179, 0);
}

.metahtml.css221 input:checked~.radio:before {
    opacity: 1;
    transform: scale(0.5);
}

.metahtml.css221 [cr-field="checkbox-list"] span {
    vertical-align: middle;
}

.metahtml.css221 [cr-field="checkbox-list"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css221 [cr-field="checkbox-list"] label+label {
    margin-top: 7.333333333333333px;
}

.metahtml.css221 [cr-field="checkbox-visual"] {
    overflow: hidden;
}

.metahtml.css221 [cr-field="checkbox-visual"] .items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
    justify-content: space-between;
}

.metahtml.css221 [cr-field="checkbox-visual"] .item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-bottom: 20px;
    width: 30%;
}

.metahtml.css221 [cr-field="checkbox-visual"] label {
    position: relative;
}

.metahtml.css221 [cr-field="checkbox-visual"] .bgimage {
    background-size: cover;
    display: inline-block;
    background-position: center;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.metahtml.css221 [cr-field="checkbox-visual"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.metahtml.css221 [cr-field="checkbox-visual"] .tick {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 179, 0, 0.75);
    transition: all 300ms;
    opacity: 0;
}

.metahtml.css221 [cr-field="checkbox-visual"] .tick svg {
    opacity: 0;
    transition: all 300ms;
    max-width: 26px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.metahtml.css221 [cr-field="checkbox-visual"] .subname {
    margin: 6.5px 0;
    word-wrap: break-word;
    white-space: normal;
}

.metahtml.css221 [cr-field="checkbox-visual"] input:hover~.bgimage .tick,
.metahtml.css221 [cr-field="checkbox-visual"] input:focus~.bgimage .tick {
    opacity: 0.5;
}

.metahtml.css221 [cr-field="checkbox-visual"] input:checked~.bgimage .tick,
.metahtml.css221 [cr-field="checkbox-visual"] input:checked~.bgimage .tick svg {
    opacity: 1;
}

.screen-xs .metahtml.css221 [cr-field="checkbox-visual"] .item {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    white-space: nowrap;
}

.screen-xs .metahtml.css221 [cr-field="checkbox-visual"] .bgimage {
    width: 25%;
    padding-top: 25%;
    vertical-align: middle;
}

.screen-xs .metahtml.css221 [cr-field="checkbox-visual"] .subname {
    width: 75%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5%;
    margin-left: -4px;
}

.metahtml.css221 [cr-field="checkbox-input"] span {
    vertical-align: middle;
}

.metahtml.css221 [cr-field="checkbox-input"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css221 [cr-field="radio-list"] span {
    vertical-align: middle;
}

.metahtml.css221 [cr-field="radio-list"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css221 [cr-field="radio-list"] label+label {
    margin-top: 7.333333333333333px;
}

.metahtml.css221 [cr-field="radio-visual"] {
    overflow: hidden;
}

.metahtml.css221 [cr-field="radio-visual"] .items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
    justify-content: space-between;
}

.metahtml.css221 [cr-field="radio-visual"] .item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-bottom: 20px;
    width: 30%;
}

.metahtml.css221 [cr-field="radio-visual"] label {
    position: relative;
}

.metahtml.css221 [cr-field="radio-visual"] .bgimage {
    background-size: cover;
    display: inline-block;
    background-position: center;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.metahtml.css221 [cr-field="radio-visual"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.metahtml.css221 [cr-field="radio-visual"] .tick {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 179, 0, 0.75);
    transition: all 300ms;
    opacity: 0;
}

.metahtml.css221 [cr-field="radio-visual"] .tick svg {
    opacity: 0;
    transition: all 300ms;
    max-width: 26px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.metahtml.css221 [cr-field="radio-visual"] .subname {
    margin: 6.5px 0;
    word-wrap: break-word;
    white-space: normal;
}

.metahtml.css221 [cr-field="radio-visual"] input:hover~.bgimage .tick {
    opacity: 0.5;
}

.metahtml.css221 [cr-field="radio-visual"] input:checked~.bgimage .tick,
.metahtml.css221 [cr-field="radio-visual"] input:checked~.bgimage .tick svg {
    opacity: 1;
}

.screen-xs .metahtml.css221 [cr-field="radio-visual"] .item {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    white-space: nowrap;
}

.screen-xs .metahtml.css221 [cr-field="radio-visual"] .bgimage {
    width: 25%;
    padding-top: 25%;
    vertical-align: middle;
}

.screen-xs .metahtml.css221 [cr-field="radio-visual"] .subname {
    width: 75%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5%;
    margin-left: -4px;
}

.metahtml.css221 [cr-field="select-menu"] select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
    color: black;
    -webkit-appearance: none;
}

.metahtml.css221 [cr-field="select-menu"] .fa {
    font-size: 20px;
    line-height: 0;
    opacity: 0.5;
    vertical-align: middle;
}

.metahtml.css221 [cr-field="select-menu"] .flexgrid {
    display: flex;
    align-items: center;
}

.metahtml.css221 [cr-field="select-menu"] .flexgrid .left {
    flex-grow: 1;
    min-width: 50%;
    word-wrap: break-word;
}

.metahtml.css221 [cr-field="file"] svg {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-top: -5px;
    margin-bottom: -5px;
}

.metahtml.css221 [cr-field="file"] span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}

.metahtml.css221 [cr-field="file"] input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 0;
}

.metahtml.css221 [cr-field="file"] .clean {
    float: right;
    opacity: 0.5;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.metahtml.css221 [cr-field="file"] .clean:hover {
    opacity: 1;
}

.metahtml.css221 [cr-field="file"] .flexgrid {
    display: flex;
    align-items: center;
}

.metahtml.css221 [cr-field="file"] .flexgrid .center {
    flex-grow: 1;
    min-width: 50%;
    word-wrap: break-word;
}

.metahtml.css221 [cr-field="result"] .flexgrid.align-sides {
    display: flex;
    align-items: center;
}

.metahtml.css221 [cr-field="result"] .flexgrid.align-sides .left .name {
    margin-bottom: 0;
}

.metahtml.css221 [cr-field="result"] .flexgrid.align-center .left {
    text-align: center;
}

.metahtml.css221 [cr-field="result"] .flexgrid.align-right .left {
    text-align: right;
}

.metahtml.css221 [cr-field="result"] .flexgrid .right {
    flex-grow: 1;
    min-width: 25%;
    word-wrap: break-word;
    text-align: right;
    font-size: 120%;
}

.metahtml.css221 [cr-field="result"] .flexgrid.align-left .right {
    text-align: left;
}

.metahtml.css221 [cr-field="result"] .flexgrid.align-center .right {
    text-align: center;
}

.metahtml.css221 [cr-field="result"] .flexgrid.align-right .right {
    text-align: right;
}

.metahtml.css221 [cr-field="privacy-button"] .open {
    text-align: center;
    opacity: 0.5;
    font-size: 80%;
    cursor: pointer;
}

.metahtml.css221 [cr-field="privacy-button"] .open a {
    color: inherit;
    text-decoration: none;
}

.metahtml.css221 [cr-field="privacy-checkbox"] {
    font-size: 80%;
}

.metahtml.css221 [cr-field="privacy-checkbox"] span {
    vertical-align: middle;
}

.metahtml.css221 [cr-field="privacy-checkbox"] a {
    vertical-align: middle;
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    color: inherit;
    cursor: pointer;
}

.metahtml.css221 [cr-field="privacy-checkbox"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css221 [cr-field="privacy-text"] {
    font-size: 80%;
    text-align: center;
}

.metahtml.css221 [cr-field="privacy-text"] a {
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    color: inherit;
    cursor: pointer;
}

.metahtml.css221 [cr-field="hidden"] {
    opacity: 0.25;
}

.btn.css222 {
    text-align: center
}

.btn.css222 {
    background-color: rgb(255, 179, 0);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: rgb(204, 143, 0);
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 20px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgb(19, 23, 30) !important;
    font-family: "Bebas Neue Bold";
}

.btn.css222:hover,
.btn.css222.hover {
    background-color: rgb(230, 161, 0);
    border-color: rgb(163, 115, 0);
    color: rgb(255, 255, 255) !important;
}

.btn.css222:active,
.btn.css222.active {
    background-color: rgb(207, 145, 0);
    border-color: rgb(184, 129, 0);
    color: rgb(255, 255, 255) !important;
}

.btn.css222:before {}

.btn.css222:active:before,
.btn.css222.active:before {
    background-color: rgb(207, 145, 0);
}

.node.css223 {
    color: #333;
    padding-top: 3px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css223 a {
    color: rgb(25, 105, 230)
}

.node.css224 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css224 a {
    color: rgb(25, 105, 230)
}

.textable.css225 {
    text-align: center;
    font-family: "Open Sans";
    font-size: 10px;
    line-height: 1.3;
    letter-spacing: 0em;
    color: rgb(0, 0, 0);
    opacity: 1
}

.screen-xs .textable.css225 {
    text-align: center !important
}

.zero-layer.css226>.zero-layer-axis>.zero-layer-frame>.cont {
    z-index: 10;
    transform: scale(1, 1)
}

.zero-layer.css226>.zero-layer-axis {
    height: 894px
}

.zero-layer.css226>.zero-layer-axis>.zero-layer-frame {
    left: 520px;
    top: 243.5px;
    width: 680px
}

.screen-md .zero-layer.css226>.zero-layer-axis>.zero-layer-frame {
    left: 455px !important;
    top: 213.5px !important;
    width: 505px !important
}

.screen-sm .zero-layer.css226>.zero-layer-axis>.zero-layer-frame {
    left: 455px !important;
    top: 213.5px !important;
    width: 505px !important
}

.screen-xs .zero-layer.css226>.zero-layer-axis>.zero-layer-frame {
    left: -20px !important;
    top: 630px !important;
    width: 360px !important
}

.node.css227>.wrapper1 {
    background-position: center center;
    background-size: cover;
    background-repeat: repeat
}

.node.css227>.wrapper1>.wrapper2 {
    background-color: rgba(0, 0, 0, 0)
}

.node.css227 {
    color: #FFF;
    padding-top: 10px;
    padding-bottom: 34px;
    padding-left: 42px;
    padding-right: 36px
}

.node.css227 a {
    color: rgb(230, 25, 25)
}

.metahtml.css228 .cr-player {
    width: 100%;
    margin: 0 auto;
}

.metahtml.css228 .only-for-editor {
    width: 100%;
    margin: 0 auto;
}

.metahtml.css228 .plyr__video-embed iframe {
    top: -50%;
    height: 200%;
}

.metahtml.css228 .plyr {
    --plyr-color-main: rgb(255, 179, 0) !important;
}

.zero-layer.css229>.zero-layer-axis>.zero-layer-frame>.cont {
    z-index: 8;
    transform: scale(1, 1)
}

.zero-layer.css229>.zero-layer-axis {
    height: 894px
}

.zero-layer.css229>.zero-layer-axis>.zero-layer-frame {
    left: 20px;
    top: 120px;
    width: 995px
}

.screen-md .zero-layer.css229>.zero-layer-axis>.zero-layer-frame {
    left: 0px !important;
    top: 117px !important;
    width: 1025px !important
}

.screen-sm .zero-layer.css229>.zero-layer-axis>.zero-layer-frame {
    left: 0px !important;
    top: 117px !important;
    width: 1025px !important
}

.screen-xs .zero-layer.css229>.zero-layer-axis>.zero-layer-frame {
    left: -322.5px !important;
    top: 80px !important;
    width: 1025px !important
}

.zero-layer.css230>.zero-layer-axis>.zero-layer-frame>.cont {
    z-index: 11;
    transform: scale(1, 1)
}

.zero-layer.css230>.zero-layer-axis {
    height: 894px
}

.zero-layer.css230>.zero-layer-axis>.zero-layer-frame {
    left: 552px;
    top: 25.25px;
    width: 110px
}

.screen-md .zero-layer.css230>.zero-layer-axis>.zero-layer-frame {
    left: 587px !important;
    top: 55.5px !important
}

.screen-sm .zero-layer.css230>.zero-layer-axis>.zero-layer-frame {
    left: 1190px !important;
    top: 11.25px !important
}

.screen-xs .zero-layer.css230>.zero-layer-axis>.zero-layer-frame {
    left: 0px !important;
    top: -413.5px !important;
    width: 40px !important
}

.btn.css231 {
    text-align: center
}

.btn.css231 {
    background-color: rgb(255, 255, 255);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: rgb(255, 255, 255);
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 27px;
    color: rgb(13, 16, 20) !important;
}

.btn.css231:hover,
.btn.css231.hover {
    background-color: rgb(255, 255, 255);
    border-color: rgb(255, 255, 255);
    color: rgb(255, 179, 0) !important;
}

.btn.css231:active,
.btn.css231.active {
    background-color: rgb(255, 255, 255);
    border-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0) !important;
}

.btn.css231:before {}

.btn.css231:active:before,
.btn.css231.active:before {
    background-color: rgb(255, 255, 255);
}

.btn.css231 .fas {
    font-size: 35px;
}

.node.css232 {
    color: #333;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 55px
}

.node.css232 a {
    color: rgb(230, 169, 25)
}

.node.css233 {
    color: #333;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css233 a {
    color: rgb(230, 169, 25)
}

.node.css234 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 20px
}

.node.css234 a {
    color: rgb(230, 169, 25)
}

.btn.css235 {
    text-align: center
}

.btn.css235 {
    background-color: rgb(26, 31, 40);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: rgb(20, 25, 32);
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 18px;
    color: rgb(255, 194, 51) !important;
    font-family: "Bebas Neue Bold";
}

.btn.css235:hover,
.btn.css235.hover {
    background-color: rgb(22, 27, 36);
    border-color: rgb(16, 20, 26);
    color: rgb(255, 255, 255) !important;
}

.btn.css235:active,
.btn.css235.active {
    background-color: rgb(20, 24, 32);
    border-color: rgb(18, 22, 29);
    color: rgb(255, 255, 255) !important;
}

.btn.css235:before {}

.btn.css235:active:before,
.btn.css235.active:before {
    background-color: rgb(20, 24, 32);
}

.node.css236 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 20px
}

.node.css236 a {
    color: rgb(230, 169, 25)
}

.btn.css237 {
    text-align: center
}

.btn.css237 {
    background-color: rgb(255, 179, 0);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: rgb(204, 143, 0);
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 18px;
    color: rgb(26, 31, 40) !important;
    font-family: "Bebas Neue Bold";
}

.btn.css237:hover,
.btn.css237.hover {
    background-color: rgb(255, 187, 26);
    border-color: rgb(163, 115, 0);
    color: rgb(26, 31, 40) !important;
}

.btn.css237:active,
.btn.css237.active {
    background-color: rgb(252, 177, 0);
    border-color: rgb(224, 158, 0);
    color: rgb(255, 255, 255) !important;
}

.btn.css237:before {}

.btn.css237:active:before,
.btn.css237.active:before {
    background-color: rgb(252, 177, 0);
}

.zero-layer.css238>.zero-layer-axis>.zero-layer-frame>.cont {
    z-index: 12;
    transform: scale(1, 1)
}

.zero-layer.css238>.zero-layer-axis {
    height: 894px
}

.zero-layer.css238>.zero-layer-axis>.zero-layer-frame {
    left: 890px;
    top: 5.75px;
    width: 235px
}

.screen-md .zero-layer.css238>.zero-layer-axis>.zero-layer-frame {
    left: 667px !important;
    top: 7px !important
}

.screen-sm .zero-layer.css238>.zero-layer-axis>.zero-layer-frame {
    left: 590px !important;
    top: 11.75px !important;
    width: 185px !important
}

.screen-xs .zero-layer.css238>.zero-layer-axis>.zero-layer-frame {
    left: 0px !important;
    top: 4px !important;
    width: 120px !important
}

.zero-layer.css239>.zero-layer-axis>.zero-layer-frame>.cont {
    z-index: 13;
    transform: scale(1, 1)
}

.zero-layer.css239>.zero-layer-axis {
    height: 894px
}

.zero-layer.css239>.zero-layer-axis>.zero-layer-frame {
    left: 95px;
    top: 740px;
    width: 260px
}

.screen-xs .zero-layer.css239>.zero-layer-axis>.zero-layer-frame {
    left: 17.5px !important;
    top: 544px !important;
    width: 300px !important
}

.textable.css240 {
    text-align: left;
    font-family: "Open Sans";
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: 0em;
    opacity: 1
}

.screen-xs .textable.css240 {
    font-family: "Montserrat Medium" !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    letter-spacing: 0em !important
}

.zero-layer.css241>.zero-layer-axis>.zero-layer-frame>.cont {
    z-index: 14;
    transform: scale(1, 1)
}

.zero-layer.css241>.zero-layer-axis {
    height: 894px
}

.zero-layer.css241>.zero-layer-axis>.zero-layer-frame {
    left: 473px;
    top: 740px;
    width: 260px
}

.screen-xs .zero-layer.css241>.zero-layer-axis>.zero-layer-frame {
    left: 7.5px !important;
    top: 513px !important;
    width: 40px !important
}

.screen-xs .zero-layer.css241>.zero-layer-axis>.zero-layer-frame>.cont {
    transform: scale(1, 1) !important
}

.zero-layer.css242>.zero-layer-axis>.zero-layer-frame>.cont {
    z-index: 15;
    transform: scale(1, 1)
}

.zero-layer.css242>.zero-layer-axis {
    height: 894px
}

.zero-layer.css242>.zero-layer-axis>.zero-layer-frame {
    left: 660px;
    top: 70px;
    width: 73px
}

.screen-xs .zero-layer.css242>.zero-layer-axis>.zero-layer-frame {
    left: 140px !important;
    top: 7px !important;
    width: 130px !important
}

.btn.css243 {
    text-align: center
}

.btn.css243 {
    background-color: rgb(255, 180, 0);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: rgb(204, 144, 0);
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
    color: rgb(19, 23, 30) !important;
    font-family: "Bebas Neue Bold";
}

.btn.css243:hover,
.btn.css243.hover {
    background-color: rgb(230, 162, 0);
    border-color: rgb(163, 115, 0);
    color: rgb(255, 255, 255) !important;
}

.btn.css243:active,
.btn.css243.active {
    background-color: rgb(207, 146, 0);
    border-color: rgb(184, 130, 0);
    color: rgb(255, 255, 255) !important;
}

.btn.css243:before {}

.btn.css243:active:before,
.btn.css243.active:before {
    background-color: rgb(207, 146, 0);
}

.node.css244>.wrapper1 {
    background-color: rgb(26, 30, 40)
}

.node.css244 {
    color: #FFF
}

.node.css244 a {
    color: rgb(25, 84, 230)
}

.node.css245>.zero-grid {
    height: 603px
}

.zero-layer.css246>.zero-layer-axis>.zero-layer-frame>.cont {
    z-index: 9;
    transform: scale(1, 1)
}

.zero-layer.css246>.zero-layer-axis {
    height: 603px
}

.zero-layer.css246>.zero-layer-axis>.zero-layer-frame {
    left: -131.5px;
    top: -35px;
    width: 130px;
    height: 130px
}

.screen-md .zero-layer.css246>.zero-layer-axis>.zero-layer-frame {
    left: -71.5px !important;
    top: -40px !important
}

.screen-sm .zero-layer.css246>.zero-layer-axis>.zero-layer-frame {
    left: -71.5px !important;
    top: -40px !important
}

.screen-xs .zero-layer.css246>.zero-layer-axis>.zero-layer-frame {
    left: 0px !important;
    top: 5px !important;
    width: 181.5px !important
}

.node.css247>.wrapper1 {
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 100px
}

.node.css247>.wrapper1>.wrapper2 {
    background-color: rgba(0, 0, 0, 0)
}

.node.css247 {
    color: #FFF
}

.node.css247 a {
    color: rgb(230, 25, 25)
}

.zero-layer.css248>.zero-layer-axis>.zero-layer-frame>.cont {
    z-index: 8;
    transform: scale(1, 1)
}

.zero-layer.css248>.zero-layer-axis {
    height: 603px
}

.zero-layer.css248>.zero-layer-axis>.zero-layer-frame {
    left: -221.12px;
    top: -105px;
    width: 180px;
    height: 180px
}

.screen-md .zero-layer.css248>.zero-layer-axis>.zero-layer-frame {
    left: -151.5px !important;
    top: -100px !important
}

.screen-sm .zero-layer.css248>.zero-layer-axis>.zero-layer-frame {
    left: -151.5px !important;
    top: -100px !important
}

.screen-xs .zero-layer.css248>.zero-layer-axis>.zero-layer-frame {
    left: 9.5px !important;
    top: -60px !important;
    width: 176px !important;
    height: 120px !important
}

.zero-layer.css249>.zero-layer-axis>.zero-layer-frame>.cont {
    z-index: 10;
    transform: scale(1, 1)
}

.zero-layer.css249>.zero-layer-axis {
    height: 603px
}

.zero-layer.css249>.zero-layer-axis>.zero-layer-frame {
    left: 188.5px;
    top: -138.5px;
    width: 70px;
    height: 70px
}

.screen-md .zero-layer.css249>.zero-layer-axis>.zero-layer-frame {
    left: 98.5px !important;
    top: -110px !important
}

.screen-sm .zero-layer.css249>.zero-layer-axis>.zero-layer-frame {
    left: 98.5px !important;
    top: -110px !important
}

.screen-xs .zero-layer.css249>.zero-layer-axis>.zero-layer-frame {
    left: -20px !important;
    top: 73.5px !important;
    width: 212.5px !important;
    height: 50px !important
}

.zero-layer.css250>.zero-layer-axis>.zero-layer-frame>.cont {
    z-index: 11;
    transform: scale(1, 1)
}

.zero-layer.css250>.zero-layer-axis {
    height: 603px
}

.zero-layer.css250>.zero-layer-axis>.zero-layer-frame {
    left: 328.5px;
    top: -85px;
    width: 180px;
    height: 177px
}

.screen-md .zero-layer.css250>.zero-layer-axis>.zero-layer-frame {
    left: 238.5px !important;
    top: -73px !important
}

.screen-sm .zero-layer.css250>.zero-layer-axis>.zero-layer-frame {
    left: 238.5px !important;
    top: -73px !important
}

.screen-xs .zero-layer.css250>.zero-layer-axis>.zero-layer-frame {
    left: 9.5px !important;
    top: -71px !important;
    width: 190px !important;
    height: 100px !important
}

.zero-layer.css251>.zero-layer-axis>.zero-layer-frame>.cont {
    z-index: 12;
    transform: scale(1, 1)
}

.zero-layer.css251>.zero-layer-axis {
    height: 603px
}

.zero-layer.css251>.zero-layer-axis>.zero-layer-frame {
    left: 88.5px;
    top: -57px;
    width: 160px;
    height: 163px
}

.screen-xs .zero-layer.css251>.zero-layer-axis>.zero-layer-frame {
    left: -14.25px !important;
    top: -13px !important;
    width: 167.25px !important;
    height: 100px !important
}

.zero-layer.css252>.zero-layer-axis>.zero-layer-frame>.cont {
    z-index: 13;
    transform: scale(1, 1)
}

.zero-layer.css252>.zero-layer-axis {
    height: 603px
}

.zero-layer.css252>.zero-layer-axis>.zero-layer-frame {
    left: 0px;
    top: -18.5px;
    width: 200px;
    height: 200px
}

.screen-xs .zero-layer.css252>.zero-layer-axis>.zero-layer-frame {
    left: 0px !important;
    top: 80px !important;
    width: 174px !important;
    height: 150px !important
}

.zero-layer.css253>.zero-layer-axis>.zero-layer-frame>.cont {
    z-index: 14;
    transform: scale(1, 1)
}

.zero-layer.css253>.zero-layer-axis {
    height: 603px
}

.zero-layer.css253>.zero-layer-axis>.zero-layer-frame {
    left: 258.5px;
    top: -35px;
    width: 140px;
    height: 140px
}

.screen-md .zero-layer.css253>.zero-layer-axis>.zero-layer-frame {
    left: 168.5px !important;
    top: -40px !important
}

.screen-sm .zero-layer.css253>.zero-layer-axis>.zero-layer-frame {
    left: 168.5px !important;
    top: -40px !important
}

.screen-xs .zero-layer.css253>.zero-layer-axis>.zero-layer-frame {
    left: 20px !important;
    top: 141.5px !important;
    width: 162.5px !important;
    height: 100px !important
}

.zero-layer.css254>.zero-layer-axis>.zero-layer-frame>.cont {
    z-index: 15;
    transform: scale(1, 1)
}

.zero-layer.css254>.zero-layer-axis {
    height: 603px
}

.zero-layer.css254>.zero-layer-axis>.zero-layer-frame {
    left: -351.5px;
    top: -47px;
    width: 70px;
    height: 70px
}

.screen-md .zero-layer.css254>.zero-layer-axis>.zero-layer-frame {
    left: -276.5px !important;
    top: 140px !important
}

.screen-sm .zero-layer.css254>.zero-layer-axis>.zero-layer-frame {
    left: -276.5px !important;
    top: 140px !important
}

.screen-xs .zero-layer.css254>.zero-layer-axis>.zero-layer-frame {
    left: -7.12px !important;
    top: -153px !important;
    width: 146.5px !important;
    height: 50px !important
}

.zero-layer.css255>.zero-layer-axis>.zero-layer-frame>.cont {
    z-index: 16;
    transform: scale(1, 1)
}

.zero-layer.css255>.zero-layer-axis {
    height: 603px
}

.zero-layer.css255>.zero-layer-axis>.zero-layer-frame {
    left: 25px;
    top: 710px;
    width: 1155px
}

.screen-md .zero-layer.css255>.zero-layer-axis>.zero-layer-frame {
    left: 15px !important;
    top: 631px !important
}

.screen-sm .zero-layer.css255>.zero-layer-axis>.zero-layer-frame {
    left: 15px !important;
    top: 631px !important
}

.screen-xs .zero-layer.css255>.zero-layer-axis>.zero-layer-frame {
    left: -20px !important;
    top: 9px !important;
    width: 365px !important
}

.node.css256 {
    color: #FFF;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css256 a {
    color: rgb(25, 84, 230)
}

.textable.css257 {
    text-align: left;
    font-family: "Bebas Neue Bold";
    font-size: 56px;
    line-height: 1.2;
    letter-spacing: 0em;
    opacity: 1
}

.screen-md .textable.css257 {
    font-size: 48px !important
}

.screen-sm .textable.css257 {
    font-size: 48px !important
}

.screen-xs .textable.css257 {
    text-align: center !important;
    font-size: 38px !important;
    color: rgb(255, 255, 255) !important;
    opacity: 1 !important
}

.metahtml.css258 .goup {
    display: none;
    position: fixed;
    left: 20px;
    bottom: 20px;
}

.metahtml.css258 .goup {
    opacity: 0.95;
}

.metahtml.css258 .goup:hover {
    opacity: 1;
}

.metahtml.css258 .only-for-editor+.goup {
    display: block;
    position: absolute;
    border: 1px dashed silver;
    min-height: 30px;
    min-width: 30px;
    z-index: 50;
}

.btn.css259 {
    text-align: center
}

.btn.css259 {
    background-color: rgb(255, 209, 102);
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: rgb(255, 188, 31);
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
    color: rgb(255, 255, 255) !important;
}

.btn.css259:hover,
.btn.css259.hover {
    background-color: rgb(255, 194, 51);
    border-color: rgb(228, 160, 0);
    color: rgb(255, 255, 255) !important;
}

.btn.css259:active,
.btn.css259.active {
    background-color: rgb(255, 185, 20);
    border-color: rgb(245, 172, 0);
    color: rgb(255, 255, 255) !important;
}

.btn.css259:before {}

.btn.css259:active:before,
.btn.css259.active:before {
    background-color: rgb(255, 185, 20);
}

.btn.css259 .fas {
    font-size: 21px;
}

.node.css260>.wrapper1 {
    background-color: rgb(26, 31, 40)
}

.node.css260 {
    color: #FFF
}

.node.css260>.padding_top {
    padding-top: 35px
}

.node.css260>.padding_bottom {
    padding-bottom: 74px
}

.node.css260 a {
    color: rgb(25, 105, 230)
}

.node.css261>div>.w-elements-cell {
    width: 25%
}

.node.css261>.w-elements-grid {
    margin: -5px -5px
}

.node.css261>div>div>.w-elements-cellwrapper {
    padding: 5px 5px
}

.node.css262>.wrapper1 {
    background-color: rgb(255, 255, 255);
    border-radius: 10px
}

.node.css262 {
    color: #333;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css262 a {
    color: rgb(230, 169, 25)
}

.node.css263 {
    color: #333;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css263 a {
    color: rgb(230, 169, 25)
}

.node.css264 img {
    width: calc(0.75 * var(--width))
}

.node.css264 .bgnormal {
    text-align: center
}

.node.css265 {
    color: #333;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css265 a {
    color: rgb(230, 169, 25)
}

.node.css266 img {
    width: calc(0.8 * var(--width))
}

.node.css266 .bgnormal {
    text-align: center
}

.node.css267>.wrapper1 {
    background-color: rgb(255, 255, 255);
    border-radius: 10px
}

.node.css267 {
    color: #333;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css267 a {
    color: rgb(230, 169, 25)
}

.node.css268 img {
    width: calc(0.2 * var(--width))
}

.node.css268 .bgnormal {
    text-align: center
}

.node.css269 {
    color: #333;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css269 a {
    color: rgb(230, 169, 25)
}

.node.css270>.wrapper1 {
    background-color: rgb(255, 255, 255);
    border-radius: 10px
}

.node.css270 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css270 a {
    color: rgb(230, 169, 25)
}

.node.css271 img {
    width: calc(0.03 * var(--width))
}

.node.css271 .bgnormal {
    text-align: center
}

.node.css272 img {
    width: calc(0.23 * var(--width))
}

.node.css272 .bgnormal {
    text-align: center
}

.node.css273 {
    color: #333;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css273 a {
    color: rgb(230, 169, 25)
}

.node.css274 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css274 a {
    color: rgb(230, 169, 25)
}

.node.css275 {
    color: #333;
    padding-top: 20px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css275 a {
    color: rgb(230, 169, 25)
}

.node.css276>.wrapper1 {
    background-color: rgb(26, 30, 40)
}

.node.css276 {
    color: #FFF
}

.node.css276>.padding_top {
    padding-top: 32px
}

.node.css276>.padding_bottom {
    padding-bottom: 60px
}

.node.css276 a {
    color: rgb(25, 84, 230)
}

.node.css277>.wrapper1 {
    background-position: center center;
    background-size: cover;
    background-repeat: repeat;
    border-radius: 10px
}

.node.css277>.wrapper1>.wrapper2 {
    background-color: rgba(255, 255, 255, 0.82)
}

.node.css277 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px
}

.node.css277 a {
    color: rgb(230, 169, 25)
}

.node.css278 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css278>.wrapper1 {
    border-radius: 10px
}

.node.css278 a {
    color: rgb(230, 169, 25)
}

.node.css279 .padding {
    height: 33px
}

.node.css280 {
    color: #333;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 0px
}

.screen-xs .node.css280 {
    padding-left: 0px !important
}

.node.css280 a {
    color: rgb(230, 169, 25)
}

.textable.css281 {
    text-align: left;
    font-family: "Bebas Neue Bold";
    font-size: 56px;
    line-height: 1.2;
    letter-spacing: 0em;
    color: rgb(32, 39, 50);
    opacity: 1
}

.screen-md .textable.css281 {
    font-size: 42px !important
}

.screen-sm .textable.css281 {
    font-size: 37px !important
}

.screen-xs .textable.css281 {
    text-align: left !important;
    font-size: 27px !important
}

.node.css282 .padding {
    height: 50px
}

.node.css283 img {
    width: calc(0.04 * var(--width))
}

.node.css283 .bgnormal {
    text-align: center
}

.textable.css284 {
    text-align: left;
    font-family: "Montserrat Medium";
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: 0em;
    color: rgb(29, 35, 45);
    opacity: 1
}

.screen-md .textable.css284 {
    font-size: 14px !important
}

.screen-sm .textable.css284 {
    font-size: 14px !important
}

.screen-xs .textable.css284 {
    font-size: 14px !important
}

.node.css285 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px
}

.node.css285 a {
    color: rgb(230, 169, 25)
}

.metahtml.css286 .counter__item {
    display: flex;
    flex-direction: row;
    justify-content:
        center;
    align-items:
        center;
}

.metahtml.css286 .counter__indicator {
    justify-content: center;
    min-width: 80px;
    display: inline-flex;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    font-size: 68px;
    color: rgb(246, 181, 30);
    font-family: Bebas Neue Regular;
    font-weight: normal;
}

/*  мобилка */
.screen-xs .metahtml.css286 .counter__item {
    flex-direction: column;
}

.screen-xs .metahtml.css286 .counter__indicator {
    font-size: 30px;
    margin-left: 0px;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 10px;
}

.textable.css287 {
    text-align: left;
    font-family: "Open Sans";
    font-size: 24px;
    line-height: 1.4;
    letter-spacing: 0em;
    opacity: 1
}

.screen-xs .textable.css287 {
    font-size: 18px !important
}

.node.css288 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css288 a {
    color: rgb(230, 169, 25)
}

.textable.css289 {
    text-align: center;
    font-family: "Bebas Neue Regular";
    font-size: 23px;
    line-height: 1.3;
    letter-spacing: 0em;
    color: rgb(29, 35, 45);
    opacity: 1
}

.node.css290 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 20px;
    padding-right: 0px
}

.node.css290 a {
    color: rgb(230, 169, 25)
}

.metahtml.css291 .counter__item {
    display: flex;
    flex-direction: row;
    justify-content:
        flex-end;
    align-items:
        center;
}

.metahtml.css291 .counter__indicator {
    justify-content: center;
    min-width: 101px;
    display: inline-flex;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    font-size: 64px;
    color: rgb(246, 181, 30);
    font-family: Bebas Neue Regular;
    font-weight: normal;
}

/*  мобилка */
.screen-xs .metahtml.css291 .counter__item {
    flex-direction: column;
}

.screen-xs .metahtml.css291 .counter__indicator {
    font-size: 30px;
    margin-left: 0px;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 10px;
}

.metahtml.css292 .counter__item {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items:
        center;
}

.metahtml.css292 .counter__indicator {
    justify-content: center;
    min-width: 100px;
    display: inline-flex;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    font-size: 64px;
    color: rgb(246, 181, 30);
    font-family: Bebas Neue Regular;
    font-weight: normal;
}

/*  мобилка */
.screen-xs .metahtml.css292 .counter__item {
    flex-direction: column;
}

.screen-xs .metahtml.css292 .counter__indicator {
    font-size: 30px;
    margin-left: 0px;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 10px;
}

.textable.css293 {
    text-align: left;
    font-family: "Bebas Neue Regular";
    font-size: 64px;
    line-height: 1.3;
    letter-spacing: 0em;
    color: rgb(255, 179, 0);
    opacity: 1
}

.screen-xs .textable.css293 {
    font-size: 18px !important
}

.node.css294>.wrapper1 {
    background-position: center center;
    background-size: cover;
    background-repeat: repeat;
    border-radius: 10px
}

.node.css294>.wrapper1>.wrapper2 {
    background-color: rgba(255, 255, 255, 0.88)
}

.node.css294 {
    color: #333;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px
}

.node.css294 a {
    color: rgb(230, 169, 25)
}

.node.css295 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css295>.wrapper1 {
    border-radius: 10px
}

.node.css295 a {
    color: rgb(230, 169, 25)
}

.textable.css296 {
    text-align: left;
    font-family: "Bebas Neue Bold";
    font-size: 56px;
    line-height: 1.2;
    letter-spacing: 0em;
    color: rgb(32, 39, 50);
    opacity: 1
}

.screen-md .textable.css296 {
    font-size: 42px !important
}

.screen-sm .textable.css296 {
    font-size: 36px !important
}

.screen-xs .textable.css296 {
    text-align: center !important;
    font-size: 35px !important
}

.metahtml.css297 .counter__item {
    display: flex;
    flex-direction: row;
    justify-content:
        center;
    align-items:
        center;
}

.metahtml.css297 .counter__indicator {
    justify-content: center;
    min-width: 55px;
    display: inline-flex;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    font-size: 60px;
    color: rgb(246, 181, 30);
    font-family: Bebas Neue Bold;
    font-weight: normal;
}

/*  мобилка */
.screen-xs .metahtml.css297 .counter__item {
    flex-direction: column;
}

.screen-xs .metahtml.css297 .counter__indicator {
    font-size: 68px;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

.node.css298 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css298 a {
    color: rgb(230, 169, 25)
}

.textable.css299 {
    text-align: center;
    font-family: "Bebas Neue Regular";
    font-size: 23px;
    line-height: 1.3;
    letter-spacing: 0em;
    color: rgb(29, 35, 45);
    opacity: 1
}

.screen-sm .textable.css299 {
    font-size: 20px !important
}

.screen-xs .textable.css299 {
    font-size: 22px !important
}

.node.css300 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 20px
}

.node.css300 a {
    color: rgb(230, 169, 25)
}

.node.css301 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 0px
}

.node.css301 a {
    color: rgb(230, 169, 25)
}

.metahtml.css302 .counter__item {
    display: flex;
    flex-direction: row;
    justify-content:
        flex-end;
    align-items:
        end;
}

.metahtml.css302 .counter__indicator {
    justify-content: center;
    min-width: 73px;
    display: inline-flex;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    font-size: 60px;
    color: rgb(246, 181, 30);
    font-family: Bebas Neue Bold;
    font-weight: normal;
}

/*  мобилка */
.screen-xs .metahtml.css302 .counter__item {
    flex-direction: column;
}

.screen-xs .metahtml.css302 .counter__indicator {
    font-size: 68px;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

.metahtml.css303 .counter__item {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items:
        center;
}

.metahtml.css303 .counter__indicator {
    justify-content: center;
    min-width: 72px;
    display: inline-flex;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    font-size: 60px;
    color: rgb(246, 181, 30);
    font-family: Bebas Neue Bold;
    font-weight: normal;
}

/*  мобилка */
.screen-xs .metahtml.css303 .counter__item {
    flex-direction: row;
}

.screen-xs .metahtml.css303 .counter__indicator {
    font-size: 68px;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

.textable.css304 {
    text-align: left;
    font-family: "Bebas Neue Regular";
    font-size: 64px;
    line-height: 1.3;
    letter-spacing: 0em;
    color: rgb(255, 179, 0);
    opacity: 1
}

.screen-xs .textable.css304 {
    font-family: "Bebas Neue Bold" !important;
    font-size: 68px !important
}

.textable.css305 {
    text-align: left;
    font-family: "Montserrat Medium";
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: 0em;
    color: rgb(29, 35, 45);
    opacity: 1
}

.screen-sm .textable.css305 {
    font-size: 10px !important
}

.screen-xs .textable.css305 {
    font-size: 14px !important
}

.node.css306>.wrapper1 {
    background-position: center center;
    background-size: cover;
    background-repeat: repeat;
    border-radius: 10px
}

.node.css306>.wrapper1>.wrapper2 {
    background-color: rgba(255, 255, 255, 0.82)
}

.node.css306 {
    color: #333;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px
}

.node.css306 a {
    color: rgb(230, 169, 25)
}

.textable.css307 {
    text-align: left;
    font-family: "Bebas Neue Bold";
    font-size: 56px;
    line-height: 1.2;
    letter-spacing: 0em;
    color: rgb(32, 39, 50);
    opacity: 1
}

.screen-md .textable.css307 {
    font-size: 42px !important
}

.screen-sm .textable.css307 {
    font-size: 36px !important
}

.screen-xs .textable.css307 {
    text-align: left !important;
    font-size: 27px !important
}

.textable.css308 {
    text-align: left;
    font-family: "Montserrat Medium";
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: 0em;
    color: rgb(29, 35, 45);
    opacity: 1
}

.screen-sm .textable.css308 {
    font-size: 10px !important
}

.screen-xs .textable.css308 {
    font-size: 10px !important
}

.metahtml.css309 .counter__item {
    display: flex;
    flex-direction: row;
    justify-content:
        center;
    align-items:
        center;
}

.metahtml.css309 .counter__indicator {
    justify-content: center;
    min-width: 55px;
    display: inline-flex;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    font-size: 58px;
    color: rgb(246, 181, 30);
    font-family: Bebas Neue Regular;
    font-weight: normal;
}

/*  мобилка */
.screen-xs .metahtml.css309 .counter__item {
    flex-direction: column;
}

.screen-xs .metahtml.css309 .counter__indicator {
    font-size: 30px;
    margin-left: 0px;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 10px;
}

.node.css310 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css310 a {
    color: rgb(230, 169, 25)
}

.textable.css311 {
    text-align: center;
    font-family: "Bebas Neue Regular";
    font-size: 23px;
    line-height: 1.3;
    letter-spacing: 0em;
    color: rgb(29, 35, 45);
    opacity: 1
}

.screen-sm .textable.css311 {
    font-size: 20px !important
}

.screen-xs .textable.css311 {
    font-size: 20px !important
}

.node.css312 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 5px
}

.node.css312 a {
    color: rgb(230, 169, 25)
}

.metahtml.css313 .counter__item {
    display: flex;
    flex-direction: row;
    justify-content:
        flex-end;
    align-items:
        center;
}

.metahtml.css313 .counter__indicator {
    justify-content: center;
    min-width: 75px;
    display: inline-flex;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    font-size: 58px;
    color: rgb(246, 181, 30);
    font-family: Bebas Neue Regular;
    font-weight: normal;
}

/*  мобилка */
.screen-xs .metahtml.css313 .counter__item {
    flex-direction: column;
}

.screen-xs .metahtml.css313 .counter__indicator {
    font-size: 30px;
    margin-left: 0px;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 10px;
}

.metahtml.css314 .counter__item {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items:
        center;
}

.metahtml.css314 .counter__indicator {
    justify-content: center;
    min-width: 80px;
    display: inline-flex;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    font-size: 58px;
    color: rgb(246, 181, 30);
    font-family: Bebas Neue Regular;
    font-weight: normal;
}

/*  мобилка */
.screen-xs .metahtml.css314 .counter__item {
    flex-direction: column;
}

.screen-xs .metahtml.css314 .counter__indicator {
    font-size: 30px;
    margin-left: 0px;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 10px;
}

.textable.css315 {
    text-align: left;
    font-family: "Bebas Neue Regular";
    font-size: 64px;
    line-height: 1.3;
    letter-spacing: 0em;
    color: rgb(255, 179, 0);
    opacity: 1
}

.screen-sm .textable.css315 {
    font-size: 58px !important
}

.screen-xs .textable.css315 {
    font-size: 18px !important
}

.textable.css316 {
    text-align: left;
    font-family: "Montserrat Medium";
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: 0em;
    color: rgb(29, 35, 45);
    opacity: 1
}

.node.css317>.zero-grid {
    height: 443px
}

.zero-layer.css318>.zero-layer-axis>.zero-layer-frame>.cont {
    z-index: 8;
    transform: scale(1, 1)
}

.zero-layer.css318>.zero-layer-axis {
    height: 443px
}

.zero-layer.css318>.zero-layer-axis>.zero-layer-frame {
    left: 15px;
    top: 50px;
    width: 1170px
}

.node.css319>.wrapper1 {
    background-color: rgb(255, 255, 255);
    border-radius: 10px
}

.node.css319 {
    color: #333;
    padding-top: 6px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css319 a {
    color: rgb(230, 169, 25)
}

.node.css320>div>.w-elements-cell {
    width: 49%
}

.node.css320>.w-elements-grid {
    margin: -10px -15px
}

.node.css320>div>div>.w-elements-cellwrapper {
    padding: 10px 15px
}

.screen-xs .node.css320>div>.w-elements-cell {
    width: 100% !important
}

.node.css321 {
    color: #333;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css321>.wrapper1 {
    border-radius: 10px
}

.node.css321 a {
    color: rgb(230, 169, 25)
}

.node.css322 img {
    width: 69px
}

.node.css322 .roundimage {
    text-align: center
}

.textable.css323 {
    text-align: center;
    font-family: "Bebas Neue Bold";
    font-size: 30px;
    line-height: 1.2;
    letter-spacing: 0.1em;
    opacity: 1
}

.node.css324 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 10px;
    padding-left: 35px;
    padding-right: 35px
}

.node.css324 a {
    color: rgb(230, 169, 25)
}

.textable.css325 {
    text-align: center;
    font-family: "Montserrat Medium";
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 1
}

.node.css326 img {
    width: 59px
}

.node.css326 .roundimage {
    text-align: center
}

.textable.css327 {
    text-align: center;
    font-family: "Bebas Neue Bold";
    font-size: 28px;
    line-height: 1.2;
    letter-spacing: 0.1em;
    opacity: 1
}

.node.css328 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css328>.wrapper1 {
    border-radius: 10px
}

.node.css328 a {
    color: rgb(230, 169, 25)
}

.node.css329 img {
    width: calc(0.13 * var(--width))
}

.node.css329 .bgnormal {
    text-align: center
}

.node.css330>.wrapper1 {
    background-color: white
}

.node.css330 {
    color: #333
}

.node.css330>.padding_top {
    padding-top: 40px
}

.node.css330>.padding_bottom {
    padding-bottom: 60px
}

.node.css330 a {
    color: rgb(230, 169, 25)
}

.node.css331 img {
    width: calc(0.15 * var(--width))
}

.node.css331 .bgnormal {
    text-align: center
}

.textable.css332 {
    text-align: center;
    font-family: "Bebas Neue Bold";
    font-size: 28px;
    line-height: 1.2;
    letter-spacing: 0.1em;
    opacity: 1
}

.screen-sm .textable.css332 {
    font-size: 26px !important
}

.screen-xs .textable.css332 {
    font-size: 26px !important
}

.textable.css333 {
    text-align: center;
    font-family: "Bebas Neue Bold";
    font-size: 28px;
    line-height: 1.1;
    letter-spacing: 0.1em;
    opacity: 1
}

.screen-md .textable.css333 {
    line-height: 1.2 !important;
    letter-spacing: 0.1em !important
}

.screen-sm .textable.css333 {
    font-size: 26px !important;
    line-height: 1.2 !important;
    letter-spacing: 0.1em !important
}

.screen-xs .textable.css333 {
    font-size: 26px !important;
    line-height: 1.2 !important;
    letter-spacing: 0.1em !important
}

.textable.css334 {
    text-align: center;
    font-family: "Montserrat Medium";
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 1
}

.screen-sm .textable.css334 {
    font-size: 16px !important
}

.screen-xs .textable.css334 {
    font-size: 16px !important
}

.node.css335>.wrapper1 {
    background-color: white
}

.node.css335 {
    color: #333
}

.node.css335>.padding_top {
    padding-top: 40px
}

.node.css335>.padding_bottom {
    padding-bottom: 30px
}

.node.css335 a {
    color: rgb(230, 169, 25)
}

.node.css336 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 15px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css336 a {
    color: rgb(230, 169, 25)
}

.textable.css337 {
    text-align: center;
    font-family: "Montserrat Medium";
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 1
}

.screen-xs .textable.css337 {
    font-size: 15px !important
}

.textable.css338 {
    text-align: center;
    font-family: "Montserrat Medium";
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 1
}

.screen-sm .textable.css338 {
    font-size: 16px !important
}

.screen-xs .textable.css338 {
    font-size: 15px !important
}

.node.css339>.wrapper1 {
    background-color: rgb(255, 255, 255)
}

.node.css339 {
    color: #333
}

.node.css339>.padding_top {
    padding-top: 50px
}

.node.css339>.padding_bottom {
    padding-bottom: 0px
}

.node.css339 a {
    color: rgb(25, 98, 230)
}

.node.css340 {
    color: #333;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px
}

.screen-xs .node.css340 {
    padding-left: 0px !important
}

.node.css340 a {
    color: rgb(25, 98, 230)
}

.textable.css341 {
    text-align: center;
    font-family: "Bebas Neue Bold";
    font-size: 60px;
    line-height: 1.2;
    letter-spacing: 0em;
    color: rgb(32, 39, 50);
    opacity: 1
}

.screen-md .textable.css341 {
    font-size: 51px !important
}

.screen-sm .textable.css341 {
    font-size: 48px !important
}

.screen-xs .textable.css341 {
    text-align: center !important;
    font-size: 32px !important
}

.node.css342>.wrapper1 {
    background-color: rgb(26, 30, 40)
}

.node.css342 {
    color: #FFF
}

.node.css342>.padding_top {
    padding-top: 60px
}

.node.css342>.padding_bottom {
    padding-bottom: 60px
}

.node.css342 a {
    color: rgb(25, 84, 230)
}

.metahtml.css343 .tabs5-root {
    position: relative;
}

.metahtml.css343 .tabs5-pagination {
    text-align: left;
    overflow: auto;
    margin-bottom: 20px;
    display: flex;
    align-content: stretch;
}

.metahtml.css343 .tabs5-page {
    position: relative;
    transition: all 0.5s;
    padding: 0 5px 10px;
    color: rgba(255, 255, 255, 0.75);
    border-bottom: 3px solid rgba(255, 255, 255, 0.15);
    font-size: 14px;
    flex-grow: 1;
}

.metahtml.css343 .tabs5-page:hover {
    border-bottom-color: rgba(255, 255, 255, 0.6);
}

.metahtml.css343 .tabs5-page.is-active {
    color: rgb(255, 179, 0);
    border-bottom-color: rgb(255, 179, 0);
}

.metahtml.css343 .tabs5-page.is-active:before {
    background-color: rgb(255, 179, 0);
}

.textable.css344 {
    text-align: center;
    font-family: "Bebas Neue Bold";
    font-size: 48px;
    line-height: 1.3;
    letter-spacing: 0em;
    color: rgb(255, 255, 255);
    opacity: 1
}

.node.css345 {
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 40px;
    padding-left: 10px;
    padding-right: 10px
}

.node.css345 a {
    color: rgb(25, 84, 230)
}

.node.css346 {
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 25px;
    padding-right: 5px
}

.node.css346 a {
    color: rgb(25, 84, 230)
}

.textable.css347 {
    text-align: left;
    font-family: "Bebas Neue Book";
    font-size: 36px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 1
}

.textable.css348 {
    text-align: left;
    font-family: "Bebas Neue Book";
    font-size: 36px;
    line-height: 1.3;
    letter-spacing: 0em;
    color: rgb(255, 255, 255);
    opacity: 1
}

.node.css349 {
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 25px;
    padding-right: 10px
}

.node.css349 a {
    color: rgb(25, 84, 230)
}

.svgicon.css350 path,
.svgicon.css350 polygon,
.svgicon.css350 circle,
.svgicon.css350 ellipse,
.svgicon.css350 rect {
    fill: rgb(255, 179, 0)
}

.svgicon.css350 defs>path {
    fill: none
}

.svgicon.css350 [fill="none"] {
    fill: none
}

.svgicon.css351 .st0 {
    fill: rgb(255, 179, 0);
}

.node.css352 {
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 5px;
    padding-left: 26px;
    padding-right: 5px
}

.node.css352 a {
    color: rgb(25, 84, 230)
}

.metahtml.css353 .button423 {
    background-color: rgb(26, 30, 40);
    color: rgb(255, 255, 255);
    font-family: Open Sans;
    font-size: 14px;
    padding: 15px 0;
    display: flex;
    position: relative;
    align-items: center;
    text-decoration: none;
    flex-direction: row-reverse;
    max-width: 100%;
    width: 100%;
    border: none;
    border-radius: 15px;
    outline: none;
    transition: 150ms transform;
    box-shadow: 0 3.3333333333333335px 10px 0px rgba(26, 30, 40, 0.5);
}

.metahtml.css353 .ico {
    width: 16.099999999999998px;
    display: inline-block;
    flex-shrink: 0;
    box-sizing: content-box;
}

.metahtml.css353 .ico-margin {
    width: 4.2px;
    display: inline-block;
    flex-shrink: 0;
}

.metahtml.css353 .button423:hover,
.metahtml.css353 .button423:focus,
.metahtml.css353 .button423.hover {
    background-color: rgb(26, 31, 40);
}

.metahtml.css353 .button423:active,
.metahtml.css353 .button423.active {
    background-color: rgb(26, 31, 40);
}

.metahtml.css353 .button423[disabled] {
    opacity: 0.5;
    pointer-events: none;
}

.metahtml.css353 .button423.bold {
    font-weight: bold;
}

.metahtml.css353 .button423.uppercase {
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.metahtml.css353 .padding {
    flex-shrink: 1000000;
    flex-grow: 1;
    width: 0px;
    display: block;
}

.metahtml.css353 .text {
    flex-shrink: 1;
    text-align: center;
}

.metahtml.css353 .button423:hover {
    transform: scale(1.02);
}

.node.css354 {
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css354 a {
    color: rgb(25, 84, 230)
}

.metahtml.css355 .video-button3 {
    display: inline-block;
    width: 68px;
    height: 68px;
    border-radius: 100%;
    line-height: 68px;
    text-align: center;
    font-size: 22.666666666666668px;
    padding-left: 4.25px;
    background-color: rgb(255, 179, 0);
    color: rgb(255, 255, 255);
    box-shadow: 0 6.666666666666667px 20px 0px rgba(0, 0, 0, 0.5);
}

.metahtml.css355 .video-button3-bg {
    display: inline-block;
    position: relative;
}

.metahtml.css355 .video-button3-bgimg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
}

.metahtml.css355 .video-button3-bgimg:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.25);
}

.metahtml.css355 .video-button3-bg img {
    width: 550px;
    max-width: 100%;
}

.metahtml.css355 .video-button3-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.metahtml.css355 .expan-controller+.expan {
    display: none;
}

.metahtml.css355 .expan {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 250;
}

.modal.css356 .modal-dialog {
    width: 720px
}

.metahtml.css357 .modal2-root {
    position: relative;
    background-color: rgb(255, 255, 255);
    border-radius: 5px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: none;
    opacity: 0;
    transform: translateY(-25px);
    transition: 300ms all ease-out;
}

.metahtml.css357 .modal2-root.is-active {
    opacity: 1;
    transform: translateY(0);
}

.node.css358 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css358>.wrapper1 {
    border-radius: 10px
}

.node.css358 a {
    color: rgb(25, 84, 230)
}

.node.css359 {
    color: #FFF;
    padding-top: 6px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css359 a {
    color: rgb(25, 84, 230)
}

.node.css360>div>.w-elements-cell {
    width: 33%
}

.node.css360>.w-elements-grid {
    margin: -5px -0px
}

.node.css360>div>div>.w-elements-cellwrapper {
    padding: 5px 0px
}

.node.css361 {
    color: #FFF;
    padding-top: 24px;
    padding-bottom: 21px;
    padding-left: 21px;
    padding-right: 21px
}

.node.css361>.wrapper1 {
    border-radius: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(103, 103, 103)
}

.node.css361 a {
    color: rgb(25, 84, 230)
}

.node.css362 {
    color: #FFF;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css362 a {
    color: rgb(25, 84, 230)
}

.textable.css363 {
    text-align: center;
    font-family: "Bebas Neue Bold";
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: 0em;
    opacity: 1
}

.node.css364 {
    color: #FFF;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css364 a {
    color: rgb(25, 84, 230)
}

.node.css365 {
    color: #FFF;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css365 a {
    color: rgb(25, 84, 230)
}

.textable.css366 {
    text-align: center;
    font-family: "Montserrat Medium";
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 1
}

.screen-xs .textable.css366 {
    text-align: center !important
}

.node.css367 {
    color: #FFF;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css367 a {
    color: rgb(25, 84, 230)
}

.textable.css368 {
    text-align: left;
    font-family: "Montserrat Medium";
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 1
}

.screen-md .textable.css368 {
    font-family: "Montserrat Regular" !important
}

.screen-sm .textable.css368 {
    font-family: "Montserrat Regular" !important
}

.screen-xs .textable.css368 {
    text-align: center !important;
    font-family: "Montserrat Regular" !important
}

.node.css369 {
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css369 a {
    color: rgb(25, 84, 230)
}

.metahtml.css370 .spoiler43-header {
    margin-top: 6px;
}

.metahtml.css370 .spoiler43-link {
    display: inline-block;
    position: relative;
    cursor: pointer;
    color: rgb(255, 179, 0);
    border-bottom: 1px dashed rgb(255, 179, 0);
}

.metahtml.css370 .spoiler43-header.is-expanded .spoiler43-show {
    display: none;
}

.metahtml.css370 .spoiler43-header.is-collapsed .spoiler43-hide {
    display: none;
}

.textable.css371 {
    text-align: left;
    font-family: "Montserrat Regular";
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 1
}

.node.css372 .padding {
    height: 35px
}

.btn.css373 {
    text-align: center
}

.btn.css373 {
    background-color: rgb(255, 179, 0);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: rgb(204, 143, 0);
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 22px;
    color: rgb(13, 16, 20) !important;
    font-family: "Bebas Neue Bold";
}

.btn.css373:hover,
.btn.css373.hover {
    background-color: rgb(230, 161, 0);
    border-color: rgb(163, 115, 0);
    color: rgb(255, 255, 255) !important;
}

.btn.css373:active,
.btn.css373.active {
    background-color: rgb(230, 161, 0);
    border-color: rgb(184, 129, 0);
    color: rgb(255, 255, 255) !important;
}

.btn.css373:before {}

.btn.css373:active:before,
.btn.css373.active:before {
    background-color: rgb(230, 161, 0);
}

.textable.css374 {
    text-align: center;
    font-family: "Montserrat Regular";
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 0.82
}

.screen-xs .textable.css374 {
    text-align: center !important
}

.node.css375 {
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css375 a {
    color: rgb(25, 84, 230)
}

.node.css376 {
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px
}

.screen-xs .node.css376 {
    padding-bottom: 5px !important
}

.node.css376 a {
    color: rgb(25, 84, 230)
}

.metahtml.css377 [cr-field] {
    padding-bottom: 0px;
    font-size: 13px;
    font-family: Open Sans;
}

.metahtml.css377 .name {
    transition: 300ms all;
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    word-wrap: break-word;
    padding-bottom: 4px;
}

.metahtml.css377 .is-text .name {
    position: absolute;
    line-height: 1.2;
    font-size: 13px;
}

.metahtml.css377 .is-text:focus-within .name,
.metahtml.css377 .is-text.is-filled .name {
    transform: translateY(-100%);
    font-size: 12px;
}

.metahtml.css377 .form-control {
    height: auto;
    line-height: 1.2;
    box-shadow: none;
    position: relative;
    color: rgb(255, 255, 255);
    border: 0 solid rgba(229, 233, 238, 0.24);
    border-bottom-width: 1px;
    border-radius: 0;
    padding: 0 0 8px 0;
    font-size: 13px;
    cursor: initial;
    background-color: transparent;
}

.metahtml.css377 .is-text .form-control {
    margin-top: 21px;
}

.metahtml.css377 .form-control:focus,
.metahtml.css377 .form-control:focus-within {
    border-color: rgb(255, 179, 0);
}

.metahtml.css377 .form-control+.form-control {
    margin-top: 10px;
}

.metahtml.css377 label {
    font-weight: normal;
    display: block;
    cursor: pointer;
}

.metahtml.css377 textarea {
    resize: vertical;
}

.metahtml.css377 .checkbox {
    width: 18px;
    height: 18px;
    padding: 0;
    margin: 0 4.5px 0 0;
    line-height: 0;
    min-height: auto;
    display: inline-block;
    vertical-align: middle;
    background: white;
    border: 2px solid rgba(0, 0, 0, 0.25);
    position: relative;
    transition: 300ms all;
    border-radius: 2px;
}

.metahtml.css377 .checkbox svg {
    width: 100%;
    opacity: 0;
    transform: scale(0);
    transition: 300ms all;
}

.metahtml.css377 input:hover~.checkbox,
.metahtml.css377 input:focus~.checkbox {
    border-color: rgb(255, 217, 128);
}

.metahtml.css377 input:checked~.checkbox {
    border-color: rgb(230, 161, 0);
    background-color: rgb(255, 179, 0);
}

.metahtml.css377 input:active~.checkbox {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css377 input:checked~.checkbox svg {
    opacity: 1;
    transform: scale(1);
}

.metahtml.css377 .radio {
    margin: 0;
    margin: 0 4.5px 0 0;
    padding: 0;
    line-height: 0;
    width: 18px;
    height: 18px;
    min-height: auto;
    display: inline-block;
    vertical-align: middle;
    background: white;
    border: 2px solid rgba(0, 0, 0, 0.25);
    position: relative;
    transition: 300ms all;
    border-radius: 100px;
}

.metahtml.css377 .radio:before {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    content: '';
    display: block;
    background-color: white;
    border-radius: 100px;
    opacity: 0;
    transform: scale(0);
    transition: 300ms all;
}

.metahtml.css377 input:hover~.radio,
.metahtml.css377 input:focus~.radio {
    border-color: rgb(255, 217, 128);
}

.metahtml.css377 input:active~.radio {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css377 input:checked~.radio {
    border-color: rgb(230, 161, 0);
    background-color: rgb(255, 179, 0);
}

.metahtml.css377 input:checked~.radio:before {
    opacity: 1;
    transform: scale(0.5);
}

.metahtml.css377 [cr-field="checkbox-list"] span {
    vertical-align: middle;
}

.metahtml.css377 [cr-field="checkbox-list"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css377 [cr-field="checkbox-list"] label+label {
    margin-top: 6px;
}

.metahtml.css377 [cr-field="checkbox-visual"] {
    overflow: hidden;
}

.metahtml.css377 [cr-field="checkbox-visual"] .items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
    justify-content: space-between;
}

.metahtml.css377 [cr-field="checkbox-visual"] .item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-bottom: 20px;
    width: 30%;
}

.metahtml.css377 [cr-field="checkbox-visual"] label {
    position: relative;
}

.metahtml.css377 [cr-field="checkbox-visual"] .bgimage {
    background-size: cover;
    display: inline-block;
    background-position: center;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.metahtml.css377 [cr-field="checkbox-visual"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.metahtml.css377 [cr-field="checkbox-visual"] .tick {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 179, 0, 0.75);
    transition: all 300ms;
    opacity: 0;
}

.metahtml.css377 [cr-field="checkbox-visual"] .tick svg {
    opacity: 0;
    transition: all 300ms;
    max-width: 26px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.metahtml.css377 [cr-field="checkbox-visual"] .subname {
    margin: 6.5px 0;
    word-wrap: break-word;
    white-space: normal;
}

.metahtml.css377 [cr-field="checkbox-visual"] input:hover~.bgimage .tick,
.metahtml.css377 [cr-field="checkbox-visual"] input:focus~.bgimage .tick {
    opacity: 0.5;
}

.metahtml.css377 [cr-field="checkbox-visual"] input:checked~.bgimage .tick,
.metahtml.css377 [cr-field="checkbox-visual"] input:checked~.bgimage .tick svg {
    opacity: 1;
}

.screen-xs .metahtml.css377 [cr-field="checkbox-visual"] .item {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    white-space: nowrap;
}

.screen-xs .metahtml.css377 [cr-field="checkbox-visual"] .bgimage {
    width: 25%;
    padding-top: 25%;
    vertical-align: middle;
}

.screen-xs .metahtml.css377 [cr-field="checkbox-visual"] .subname {
    width: 75%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5%;
    margin-left: -4px;
}

.metahtml.css377 [cr-field="checkbox-input"] span {
    vertical-align: middle;
}

.metahtml.css377 [cr-field="checkbox-input"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css377 [cr-field="radio-list"] span {
    vertical-align: middle;
}

.metahtml.css377 [cr-field="radio-list"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css377 [cr-field="radio-list"] label+label {
    margin-top: 6px;
}

.metahtml.css377 [cr-field="radio-visual"] {
    overflow: hidden;
}

.metahtml.css377 [cr-field="radio-visual"] .items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
    justify-content: space-between;
}

.metahtml.css377 [cr-field="radio-visual"] .item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-bottom: 20px;
    width: 30%;
}

.metahtml.css377 [cr-field="radio-visual"] label {
    position: relative;
}

.metahtml.css377 [cr-field="radio-visual"] .bgimage {
    background-size: cover;
    display: inline-block;
    background-position: center;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.metahtml.css377 [cr-field="radio-visual"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.metahtml.css377 [cr-field="radio-visual"] .tick {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 179, 0, 0.75);
    transition: all 300ms;
    opacity: 0;
}

.metahtml.css377 [cr-field="radio-visual"] .tick svg {
    opacity: 0;
    transition: all 300ms;
    max-width: 26px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.metahtml.css377 [cr-field="radio-visual"] .subname {
    margin: 6.5px 0;
    word-wrap: break-word;
    white-space: normal;
}

.metahtml.css377 [cr-field="radio-visual"] input:hover~.bgimage .tick {
    opacity: 0.5;
}

.metahtml.css377 [cr-field="radio-visual"] input:checked~.bgimage .tick,
.metahtml.css377 [cr-field="radio-visual"] input:checked~.bgimage .tick svg {
    opacity: 1;
}

.screen-xs .metahtml.css377 [cr-field="radio-visual"] .item {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    white-space: nowrap;
}

.screen-xs .metahtml.css377 [cr-field="radio-visual"] .bgimage {
    width: 25%;
    padding-top: 25%;
    vertical-align: middle;
}

.screen-xs .metahtml.css377 [cr-field="radio-visual"] .subname {
    width: 75%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5%;
    margin-left: -4px;
}

.metahtml.css377 [cr-field="select-menu"] select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
    color: black;
    -webkit-appearance: none;
}

.metahtml.css377 [cr-field="select-menu"] .fa {
    font-size: 20px;
    line-height: 0;
    opacity: 0.5;
    vertical-align: middle;
}

.metahtml.css377 [cr-field="select-menu"] .flexgrid {
    display: flex;
    align-items: center;
}

.metahtml.css377 [cr-field="select-menu"] .flexgrid .left {
    flex-grow: 1;
    min-width: 50%;
    word-wrap: break-word;
}

.metahtml.css377 [cr-field="file"] svg {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-top: -5px;
    margin-bottom: -5px;
}

.metahtml.css377 [cr-field="file"] span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}

.metahtml.css377 [cr-field="file"] input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 0;
}

.metahtml.css377 [cr-field="file"] .clean {
    float: right;
    opacity: 0.5;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.metahtml.css377 [cr-field="file"] .clean:hover {
    opacity: 1;
}

.metahtml.css377 [cr-field="file"] .flexgrid {
    display: flex;
    align-items: center;
}

.metahtml.css377 [cr-field="file"] .flexgrid .center {
    flex-grow: 1;
    min-width: 50%;
    word-wrap: break-word;
}

.metahtml.css377 [cr-field="result"] .flexgrid.align-sides {
    display: flex;
    align-items: center;
}

.metahtml.css377 [cr-field="result"] .flexgrid.align-sides .left .name {
    margin-bottom: 0;
}

.metahtml.css377 [cr-field="result"] .flexgrid.align-center .left {
    text-align: center;
}

.metahtml.css377 [cr-field="result"] .flexgrid.align-right .left {
    text-align: right;
}

.metahtml.css377 [cr-field="result"] .flexgrid .right {
    flex-grow: 1;
    min-width: 25%;
    word-wrap: break-word;
    text-align: right;
    font-size: 100%;
}

.metahtml.css377 [cr-field="result"] .flexgrid.align-left .right {
    text-align: left;
}

.metahtml.css377 [cr-field="result"] .flexgrid.align-center .right {
    text-align: center;
}

.metahtml.css377 [cr-field="result"] .flexgrid.align-right .right {
    text-align: right;
}

.metahtml.css377 [cr-field="privacy-button"] .open {
    text-align: center;
    opacity: 0.5;
    font-size: 80%;
    cursor: pointer;
}

.metahtml.css377 [cr-field="privacy-button"] .open a {
    color: inherit;
    text-decoration: none;
}

.metahtml.css377 [cr-field="privacy-checkbox"] {
    font-size: 80%;
}

.metahtml.css377 [cr-field="privacy-checkbox"] span {
    vertical-align: middle;
}

.metahtml.css377 [cr-field="privacy-checkbox"] a {
    vertical-align: middle;
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    color: inherit;
    cursor: pointer;
}

.metahtml.css377 [cr-field="privacy-checkbox"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css377 [cr-field="privacy-text"] {
    font-size: 80%;
    text-align: center;
}

.metahtml.css377 [cr-field="privacy-text"] a {
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    color: inherit;
    cursor: pointer;
}

.metahtml.css377 [cr-field="hidden"] {
    opacity: 0.25;
}

.node.css378 {
    color: #FFF;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css378 a {
    color: rgb(25, 84, 230)
}

.metahtml.css379 [cr-field] {
    padding-bottom: 0px;
    font-size: 13px;
    font-family: Open Sans;
}

.metahtml.css379 .name {
    transition: 300ms all;
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    word-wrap: break-word;
    padding-bottom: 4px;
}

.metahtml.css379 .is-text .name {
    position: absolute;
    line-height: 1.2;
    font-size: 13px;
}

.metahtml.css379 .is-text:focus-within .name,
.metahtml.css379 .is-text.is-filled .name {
    transform: translateY(-100%);
    font-size: 12px;
}

.metahtml.css379 .form-control {
    height: auto;
    line-height: 1.2;
    box-shadow: none;
    position: relative;
    color: rgb(255, 255, 255);
    border: 0 solid rgba(229, 233, 238, 0.24);
    border-bottom-width: 1px;
    border-radius: 0;
    padding: 0 0 8px 0;
    font-size: 13px;
    cursor: initial;
    background-color: transparent;
}

.metahtml.css379 .is-text .form-control {
    margin-top: 21px;
}

.metahtml.css379 .form-control:focus,
.metahtml.css379 .form-control:focus-within {
    border-color: rgb(255, 179, 0);
}

.metahtml.css379 .form-control+.form-control {
    margin-top: 10px;
}

.metahtml.css379 label {
    font-weight: normal;
    display: block;
    cursor: pointer;
}

.metahtml.css379 textarea {
    resize: vertical;
}

.metahtml.css379 .checkbox {
    width: 18px;
    height: 18px;
    padding: 0;
    margin: 0 4.5px 0 0;
    line-height: 0;
    min-height: auto;
    display: inline-block;
    vertical-align: middle;
    background: white;
    border: 2px solid rgba(0, 0, 0, 0.25);
    position: relative;
    transition: 300ms all;
    border-radius: 2px;
}

.metahtml.css379 .checkbox svg {
    width: 100%;
    opacity: 0;
    transform: scale(0);
    transition: 300ms all;
}

.metahtml.css379 input:hover~.checkbox,
.metahtml.css379 input:focus~.checkbox {
    border-color: rgb(255, 217, 128);
}

.metahtml.css379 input:checked~.checkbox {
    border-color: rgb(230, 161, 0);
    background-color: rgb(255, 179, 0);
}

.metahtml.css379 input:active~.checkbox {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css379 input:checked~.checkbox svg {
    opacity: 1;
    transform: scale(1);
}

.metahtml.css379 .radio {
    margin: 0;
    margin: 0 4.5px 0 0;
    padding: 0;
    line-height: 0;
    width: 18px;
    height: 18px;
    min-height: auto;
    display: inline-block;
    vertical-align: middle;
    background: white;
    border: 2px solid rgba(0, 0, 0, 0.25);
    position: relative;
    transition: 300ms all;
    border-radius: 100px;
}

.metahtml.css379 .radio:before {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    content: '';
    display: block;
    background-color: white;
    border-radius: 100px;
    opacity: 0;
    transform: scale(0);
    transition: 300ms all;
}

.metahtml.css379 input:hover~.radio,
.metahtml.css379 input:focus~.radio {
    border-color: rgb(255, 217, 128);
}

.metahtml.css379 input:active~.radio {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css379 input:checked~.radio {
    border-color: rgb(230, 161, 0);
    background-color: rgb(255, 179, 0);
}

.metahtml.css379 input:checked~.radio:before {
    opacity: 1;
    transform: scale(0.5);
}

.metahtml.css379 [cr-field="checkbox-list"] span {
    vertical-align: middle;
}

.metahtml.css379 [cr-field="checkbox-list"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css379 [cr-field="checkbox-list"] label+label {
    margin-top: 6px;
}

.metahtml.css379 [cr-field="checkbox-visual"] {
    overflow: hidden;
}

.metahtml.css379 [cr-field="checkbox-visual"] .items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
    justify-content: space-between;
}

.metahtml.css379 [cr-field="checkbox-visual"] .item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-bottom: 20px;
    width: 30%;
}

.metahtml.css379 [cr-field="checkbox-visual"] label {
    position: relative;
}

.metahtml.css379 [cr-field="checkbox-visual"] .bgimage {
    background-size: cover;
    display: inline-block;
    background-position: center;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.metahtml.css379 [cr-field="checkbox-visual"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.metahtml.css379 [cr-field="checkbox-visual"] .tick {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 179, 0, 0.75);
    transition: all 300ms;
    opacity: 0;
}

.metahtml.css379 [cr-field="checkbox-visual"] .tick svg {
    opacity: 0;
    transition: all 300ms;
    max-width: 26px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.metahtml.css379 [cr-field="checkbox-visual"] .subname {
    margin: 6.5px 0;
    word-wrap: break-word;
    white-space: normal;
}

.metahtml.css379 [cr-field="checkbox-visual"] input:hover~.bgimage .tick,
.metahtml.css379 [cr-field="checkbox-visual"] input:focus~.bgimage .tick {
    opacity: 0.5;
}

.metahtml.css379 [cr-field="checkbox-visual"] input:checked~.bgimage .tick,
.metahtml.css379 [cr-field="checkbox-visual"] input:checked~.bgimage .tick svg {
    opacity: 1;
}

.screen-xs .metahtml.css379 [cr-field="checkbox-visual"] .item {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    white-space: nowrap;
}

.screen-xs .metahtml.css379 [cr-field="checkbox-visual"] .bgimage {
    width: 25%;
    padding-top: 25%;
    vertical-align: middle;
}

.screen-xs .metahtml.css379 [cr-field="checkbox-visual"] .subname {
    width: 75%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5%;
    margin-left: -4px;
}

.metahtml.css379 [cr-field="checkbox-input"] span {
    vertical-align: middle;
}

.metahtml.css379 [cr-field="checkbox-input"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css379 [cr-field="radio-list"] span {
    vertical-align: middle;
}

.metahtml.css379 [cr-field="radio-list"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css379 [cr-field="radio-list"] label+label {
    margin-top: 6px;
}

.metahtml.css379 [cr-field="radio-visual"] {
    overflow: hidden;
}

.metahtml.css379 [cr-field="radio-visual"] .items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
    justify-content: space-between;
}

.metahtml.css379 [cr-field="radio-visual"] .item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-bottom: 20px;
    width: 30%;
}

.metahtml.css379 [cr-field="radio-visual"] label {
    position: relative;
}

.metahtml.css379 [cr-field="radio-visual"] .bgimage {
    background-size: cover;
    display: inline-block;
    background-position: center;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.metahtml.css379 [cr-field="radio-visual"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.metahtml.css379 [cr-field="radio-visual"] .tick {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 179, 0, 0.75);
    transition: all 300ms;
    opacity: 0;
}

.metahtml.css379 [cr-field="radio-visual"] .tick svg {
    opacity: 0;
    transition: all 300ms;
    max-width: 26px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.metahtml.css379 [cr-field="radio-visual"] .subname {
    margin: 6.5px 0;
    word-wrap: break-word;
    white-space: normal;
}

.metahtml.css379 [cr-field="radio-visual"] input:hover~.bgimage .tick {
    opacity: 0.5;
}

.metahtml.css379 [cr-field="radio-visual"] input:checked~.bgimage .tick,
.metahtml.css379 [cr-field="radio-visual"] input:checked~.bgimage .tick svg {
    opacity: 1;
}

.screen-xs .metahtml.css379 [cr-field="radio-visual"] .item {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    white-space: nowrap;
}

.screen-xs .metahtml.css379 [cr-field="radio-visual"] .bgimage {
    width: 25%;
    padding-top: 25%;
    vertical-align: middle;
}

.screen-xs .metahtml.css379 [cr-field="radio-visual"] .subname {
    width: 75%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5%;
    margin-left: -4px;
}

.metahtml.css379 [cr-field="select-menu"] select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
    color: black;
    -webkit-appearance: none;
}

.metahtml.css379 [cr-field="select-menu"] .fa {
    font-size: 20px;
    line-height: 0;
    opacity: 0.5;
    vertical-align: middle;
}

.metahtml.css379 [cr-field="select-menu"] .flexgrid {
    display: flex;
    align-items: center;
}

.metahtml.css379 [cr-field="select-menu"] .flexgrid .left {
    flex-grow: 1;
    min-width: 50%;
    word-wrap: break-word;
}

.metahtml.css379 [cr-field="file"] svg {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-top: -5px;
    margin-bottom: -5px;
}

.metahtml.css379 [cr-field="file"] span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}

.metahtml.css379 [cr-field="file"] input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 0;
}

.metahtml.css379 [cr-field="file"] .clean {
    float: right;
    opacity: 0.5;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.metahtml.css379 [cr-field="file"] .clean:hover {
    opacity: 1;
}

.metahtml.css379 [cr-field="file"] .flexgrid {
    display: flex;
    align-items: center;
}

.metahtml.css379 [cr-field="file"] .flexgrid .center {
    flex-grow: 1;
    min-width: 50%;
    word-wrap: break-word;
}

.metahtml.css379 [cr-field="result"] .flexgrid.align-sides {
    display: flex;
    align-items: center;
}

.metahtml.css379 [cr-field="result"] .flexgrid.align-sides .left .name {
    margin-bottom: 0;
}

.metahtml.css379 [cr-field="result"] .flexgrid.align-center .left {
    text-align: center;
}

.metahtml.css379 [cr-field="result"] .flexgrid.align-right .left {
    text-align: right;
}

.metahtml.css379 [cr-field="result"] .flexgrid .right {
    flex-grow: 1;
    min-width: 25%;
    word-wrap: break-word;
    text-align: right;
    font-size: 120%;
}

.metahtml.css379 [cr-field="result"] .flexgrid.align-left .right {
    text-align: left;
}

.metahtml.css379 [cr-field="result"] .flexgrid.align-center .right {
    text-align: center;
}

.metahtml.css379 [cr-field="result"] .flexgrid.align-right .right {
    text-align: right;
}

.metahtml.css379 [cr-field="privacy-button"] .open {
    text-align: center;
    opacity: 0.5;
    font-size: 80%;
    cursor: pointer;
}

.metahtml.css379 [cr-field="privacy-button"] .open a {
    color: inherit;
    text-decoration: none;
}

.metahtml.css379 [cr-field="privacy-checkbox"] {
    font-size: 80%;
}

.metahtml.css379 [cr-field="privacy-checkbox"] span {
    vertical-align: middle;
}

.metahtml.css379 [cr-field="privacy-checkbox"] a {
    vertical-align: middle;
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    color: inherit;
    cursor: pointer;
}

.metahtml.css379 [cr-field="privacy-checkbox"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css379 [cr-field="privacy-text"] {
    font-size: 80%;
    text-align: center;
}

.metahtml.css379 [cr-field="privacy-text"] a {
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    color: inherit;
    cursor: pointer;
}

.metahtml.css379 [cr-field="hidden"] {
    opacity: 0.25;
}

.node.css380 {
    color: #FFF;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css380 a {
    color: rgb(25, 84, 230)
}

.metahtml.css381 .link a {
    color: rgb(255, 209, 102) !important;
    text-decoration: underline !important;
}

.node.css382 {
    color: #FFF;
    padding-top: 2px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css382 a {
    color: rgb(25, 84, 230)
}

.node.css383>.wrapper1 {
    background-color: rgb(255, 255, 255);
    border-radius: 10px;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5)
}

.node.css383 {
    color: #333;
    padding-top: 10px;
    padding-bottom: 25px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css383 a {
    color: rgb(230, 169, 25)
}

.metahtml.css384 .thumbnail .img-link .thumbnail-price {
    position: absolute;
    bottom: 89%;
    left: -2px;
    padding: 1px 23px 3px;
    color: #fff;
    font-size: 24px;
    font-family: Bebas Neue Bold;
    color: rgb(13, 16, 20);
    background-color: rgb(255, 179, 0);
    transition: 0.3s;
    border-radius: 0px 10px 10px 0px;
    opacity: 100%;
    z-index: 999;
}

.metahtml.css384 .img-link span:empty {
    display: none;
}

.node.css385 {
    color: #333;
    padding-top: 85px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px
}

.node.css385 a {
    color: rgb(230, 169, 25)
}

.node.css386 {
    color: #333;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px
}

.node.css386 a {
    color: rgb(230, 169, 25)
}

.node.css387 {
    color: #333;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 25px;
    padding-right: 25px
}

.node.css387 a {
    color: rgb(230, 169, 25)
}

.textable.css388 {
    text-align: left;
    font-family: "Montserrat Medium";
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 1
}

.screen-xs .textable.css388 {
    text-align: center !important
}

.node.css389 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px
}

.node.css389 a {
    color: rgb(230, 169, 25)
}

.node.css390 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 25px;
    padding-right: 25px
}

.node.css390 a {
    color: rgb(230, 169, 25)
}

.node.css391 .padding {
    height: 30px
}

.node.css392 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 20px;
    padding-right: 20px
}

.node.css392 a {
    color: rgb(230, 169, 25)
}

.btn.css393 {
    text-align: center
}

.btn.css393 {
    background-color: rgb(13, 16, 20);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: rgb(10, 12, 16);
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 22px;
    color: rgb(255, 194, 51) !important;
    font-family: "Bebas Neue Bold";
}

.btn.css393:hover,
.btn.css393.hover {
    background-color: rgb(31, 38, 49);
    border-color: rgb(8, 10, 13);
    color: rgb(245, 172, 0) !important;
}

.btn.css393:active,
.btn.css393.active {
    background-color: rgb(31, 38, 49);
    border-color: rgb(25, 31, 39);
    color: rgb(255, 255, 255) !important;
}

.btn.css393:before {}

.btn.css393:active:before,
.btn.css393.active:before {
    background-color: rgb(31, 38, 49);
}

.node.css394 {
    color: #FFF;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css394 a {
    color: rgb(230, 169, 25)
}

.node.css395 {
    color: #FFF;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css395 a {
    color: rgb(230, 169, 25)
}

.node.css396 {
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css396 a {
    color: rgb(230, 169, 25)
}

.metahtml.css397 .modal2-root {
    position: relative;
    background-color: rgb(255, 255, 255);
    border-radius: 0px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: none;
    opacity: 0;
    transform: translateY(-25px);
    transition: 300ms all ease-out;
}

.metahtml.css397 .modal2-root.is-active {
    opacity: 1;
    transform: translateY(0);
}

.node.css398 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css398 a {
    color: rgb(25, 84, 230)
}

.node.css399>.wrapper1 {
    background-color: rgb(255, 255, 255);
    border-radius: 5px;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1)
}

.node.css399 {
    color: #333;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px
}

.node.css399 a {
    color: rgb(25, 133, 230)
}

.node.css400 {
    color: #333;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css400 a {
    color: rgb(25, 133, 230)
}

.node.css401 {
    color: #333;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css401 a {
    color: rgb(25, 133, 230)
}

.textable.css402 {
    text-align: left;
    font-family: "Montserrat Medium";
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 1
}

.node.css403>.wrapper1 {
    background-color: rgb(255, 255, 255);
    border-radius: 10px
}

.node.css403 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 10px
}

.node.css403 a {
    color: rgb(25, 133, 230)
}

.textable.css404 {
    text-align: left;
    font-family: "Bebas Neue Bold";
    font-size: 31px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 1
}

.node.css405 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css405 a {
    color: rgb(25, 133, 230)
}

.node.css406 {
    color: #333;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css406 a {
    color: rgb(25, 133, 230)
}

.btn.css407 {
    text-align: center
}

.btn.css407 {
    background-color: rgb(255, 179, 0);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: rgb(204, 143, 0);
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 21px;
    color: rgb(13, 16, 20) !important;
    font-family: "Bebas Neue Bold";
}

.btn.css407:hover,
.btn.css407.hover {
    background-color: rgb(230, 161, 0);
    border-color: rgb(163, 115, 0);
    color: rgb(255, 255, 255) !important;
}

.btn.css407:active,
.btn.css407.active {
    background-color: rgb(230, 161, 0);
    border-color: rgb(184, 129, 0);
    color: rgb(255, 255, 255) !important;
}

.btn.css407:before {}

.btn.css407:active:before,
.btn.css407.active:before {
    background-color: rgb(230, 161, 0);
}

.node.css408 {
    color: #FFF;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css408 a {
    color: rgb(25, 133, 230)
}

.node.css409 {
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css409 a {
    color: rgb(25, 133, 230)
}

.node.css410 {
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css410 a {
    color: rgb(25, 133, 230)
}

.node.css411 {
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px
}

.screen-xs .node.css411 {
    padding-bottom: 5px !important
}

.node.css411 a {
    color: rgb(25, 133, 230)
}

.node.css412 {
    color: #FFF;
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css412 a {
    color: rgb(25, 133, 230)
}

.node.css413 {
    color: #FFF;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css413 a {
    color: rgb(25, 133, 230)
}

.node.css414 {
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css414 a {
    color: rgb(25, 133, 230)
}

.node.css415 {
    color: #FFF;
    padding-top: 2px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css415 a {
    color: rgb(25, 133, 230)
}

.node.css416>.wrapper1 {
    background-color: rgb(255, 255, 255);
    border-radius: 10px
}

.node.css416 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css416 a {
    color: rgb(25, 133, 230)
}

.node.css417 {
    color: #333;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 5px
}

.node.css417 a {
    color: rgb(25, 133, 230)
}

.textable.css418 {
    text-align: left;
    font-family: "Bebas Neue Bold";
    font-size: 25px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 1
}

.node.css419 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 10px;
    padding-left: 35px;
    padding-right: 5px
}

.node.css419 a {
    color: rgb(25, 133, 230)
}

.node.css420 {
    color: #333;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 5px
}

.node.css420 a {
    color: rgb(25, 133, 230)
}

.node.css421 ul {
    padding-left: 16px;
    list-style-type: decimal
}

.node.css421 li {
    padding-left: 5px
}

.node.css421 li+li {
    margin-top: 0.25em
}

.textable.css422 {
    text-align: center;
    font-family: "Bebas Neue Bold";
    font-size: 60px;
    line-height: 1.2;
    letter-spacing: 0em;
    color: rgb(32, 39, 50);
    opacity: 1
}

.screen-md .textable.css422 {
    font-size: 48px !important
}

.screen-sm .textable.css422 {
    font-size: 48px !important
}

.screen-xs .textable.css422 {
    text-align: center !important;
    font-size: 32px !important
}

.node.css423>.wrapper1 {
    background-color: rgb(26, 30, 40)
}

.node.css423 {
    color: #FFF
}

.node.css423>.padding_top {
    padding-top: 30px
}

.node.css423>.padding_bottom {
    padding-bottom: 60px
}

.node.css423 a {
    color: rgb(25, 84, 230)
}

.node.css424 {
    color: #FFF;
    padding-top: 15px;
    padding-bottom: 50px;
    padding-left: 10px;
    padding-right: 10px
}

.node.css424 a {
    color: rgb(25, 84, 230)
}

.node.css425 {
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 66px;
    padding-right: 5px
}

.node.css425 a {
    color: rgb(25, 84, 230)
}

.node.css426 {
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 66px;
    padding-right: 82px
}

.node.css426 a {
    color: rgb(25, 84, 230)
}

.node.css427 {
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 5px;
    padding-left: 30px;
    padding-right: 5px
}

.node.css427 a {
    color: rgb(25, 84, 230)
}

.metahtml.css428 .button423 {
    background-color: rgb(26, 30, 40);
    color: rgb(255, 255, 255);
    font-family: Open Sans;
    font-size: 14px;
    padding: 15px 0;
    display: flex;
    position: relative;
    align-items: center;
    text-decoration: none;
    flex-direction: row-reverse;
    max-width: 100%;
    width: 100%;
    border: none;
    border-radius: 15px;
    outline: none;
    transition: 150ms transform;
    box-shadow: 0 3.3333333333333335px 10px 0px rgba(26, 30, 40, 0.5);
}

.metahtml.css428 .ico {
    width: 16.099999999999998px;
    display: inline-block;
    flex-shrink: 0;
    box-sizing: content-box;
}

.metahtml.css428 .ico-margin {
    width: 4.2px;
    display: inline-block;
    flex-shrink: 0;
}

.metahtml.css428 .button423:hover,
.metahtml.css428 .button423:focus,
.metahtml.css428 .button423.hover {
    background-color: rgb(26, 31, 40);
}

.metahtml.css428 .button423:active,
.metahtml.css428 .button423.active {
    background-color: rgb(26, 31, 40);
}

.metahtml.css428 .button423[disabled] {
    opacity: 0.5;
    pointer-events: none;
}

.metahtml.css428 .button423.bold {
    font-weight: bold;
}

.metahtml.css428 .button423.uppercase {
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.metahtml.css428 .padding {
    flex-shrink: 1000000;
    flex-grow: 1;
    width: 38px;
    display: block;
}

.metahtml.css428 .text {
    flex-shrink: 1;
    text-align: center;
}

.metahtml.css428 .button423:hover {
    transform: scale(1.02);
}

.metahtml.css429 .video-button3 {
    display: inline-block;
    width: 68px;
    height: 68px;
    border-radius: 100%;
    line-height: 68px;
    text-align: center;
    font-size: 22.666666666666668px;
    padding-left: 4.25px;
    background-color: rgb(255, 179, 0);
    color: rgb(255, 255, 255);
    box-shadow: 0 6.666666666666667px 20px 0px rgba(0, 0, 0, 0.5);
}

.metahtml.css429 .video-button3-bg {
    display: inline-block;
    position: relative;
}

.metahtml.css429 .video-button3-bgimg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
}

.metahtml.css429 .video-button3-bgimg:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.25);
}

.metahtml.css429 .video-button3-bg img {
    width: 560px;
    max-width: 100%;
}

.metahtml.css429 .video-button3-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.metahtml.css429 .expan-controller+.expan {
    display: none;
}

.metahtml.css429 .expan {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 250;
}

.node.css430 {
    color: #FFF;
    padding-top: 24px;
    padding-bottom: 41px;
    padding-left: 26px;
    padding-right: 26px
}

.node.css430>.wrapper1 {
    border-radius: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(103, 103, 103)
}

.node.css430 a {
    color: rgb(25, 84, 230)
}

.textable.css431 {
    text-align: left;
    font-family: "Montserrat Regular";
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 1
}

.screen-xs .textable.css431 {
    text-align: center !important
}

.node.css432>.wrapper1 {
    background-color: rgb(255, 255, 255);
    border-radius: 10px;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5)
}

.node.css432 {
    color: #333;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css432 a {
    color: rgb(230, 169, 25)
}

.node.css433 {
    color: #333;
    padding-top: 95px;
    padding-bottom: 10px;
    padding-left: 40px;
    padding-right: 40px
}

.node.css433 a {
    color: rgb(230, 169, 25)
}

.node.css434 {
    color: #333;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 40px;
    padding-right: 40px
}

.node.css434 a {
    color: rgb(230, 169, 25)
}

.node.css435 {
    color: #333;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 40px;
    padding-right: 40px
}

.node.css435 a {
    color: rgb(230, 169, 25)
}

.node.css436 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 5px;
    padding-left: 40px;
    padding-right: 40px
}

.node.css436 a {
    color: rgb(230, 169, 25)
}

.node.css437 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 40px;
    padding-right: 40px
}

.node.css437 a {
    color: rgb(230, 169, 25)
}

.node.css438 .padding {
    height: 24px
}

.node.css439>.wrapper1 {
    background-color: rgb(255, 255, 255);
    border-radius: 10px
}

.node.css439 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px
}

.node.css439 a {
    color: rgb(25, 133, 230)
}

.node.css440 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css440 a {
    color: rgb(25, 133, 230)
}

.node.css441 {
    color: #FFF;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css441 a {
    color: rgb(25, 133, 230)
}

.node.css442 {
    color: #FFF;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css442 a {
    color: rgb(25, 133, 230)
}

.textable.css443 {
    text-align: center;
    font-family: "Bebas Neue Bold";
    font-size: 48px;
    line-height: 1.3;
    letter-spacing: 0em;
    color: rgb(255, 255, 255);
    opacity: 1
}

.screen-sm .textable.css443 {
    font-size: 38px !important
}

.screen-xs .textable.css443 {
    font-size: 38px !important
}

.node.css444 {
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 5px
}

.node.css444 a {
    color: rgb(25, 84, 230)
}

.textable.css445 {
    text-align: left;
    font-family: "Bebas Neue Book";
    font-size: 36px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 1
}

.screen-sm .textable.css445 {
    font-size: 30px !important
}

.screen-xs .textable.css445 {
    font-size: 30px !important
}

.textable.css446 {
    text-align: left;
    font-family: "Bebas Neue Book";
    font-size: 36px;
    line-height: 1.3;
    letter-spacing: 0em;
    color: rgb(255, 255, 255);
    opacity: 1
}

.screen-sm .textable.css446 {
    font-size: 30px !important
}

.screen-xs .textable.css446 {
    font-size: 30px !important
}

.node.css447 {
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 5px;
    padding-left: 14px;
    padding-right: 5px
}

.node.css447 a {
    color: rgb(25, 84, 230)
}

.node.css448 {
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css448>.wrapper1 {
    border-radius: 4px
}

.node.css448 a {
    color: rgb(25, 84, 230)
}

.metahtml.css449 .courses11 {
    display: flex;
    padding-bottom: 5px;
    margin: auto;
    overflow-x: auto;
    overflow-x: scroll;
    overflow-y: hidden;
    will-change: transform;
    user-select: none;
    cursor: pointer;
    transition: transform 0.83s;
    border-radius: 20px;
}

.metahtml.css449 .courses11.active {
    cursor: grabbing;
    cursor: -webkit-grabbing;
}

.metahtml.css449 .courses11::-webkit-scrollbar {
    height: 3px;
}

.metahtml.css449 .courses11::-webkit-scrollbar-track {
    background: rgba(128, 128, 128, 0);
    border-radius: 20px;
}

.metahtml.css449 .courses11::-webkit-scrollbar-thumb {
    background-color: rgb(255, 179, 0);
    /* цвет тумблера */
    border-radius: 20px;
    /* скругление углов тумблера */
}

.metahtml.css449 .item11 {
    margin: 0px;
    flex: 0 0 980px;
    height: 100%;
    min-height: 10px;
    border-radius: 20px;
}

.node.css450 {
    color: #FFF;
    padding-top: 16px;
    padding-bottom: 21px;
    padding-left: 11px;
    padding-right: 11px
}

.node.css450>.wrapper1 {
    border-radius: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(103, 103, 103)
}

.node.css450 a {
    color: rgb(25, 84, 230)
}

.textable.css451 {
    text-align: center;
    font-family: "Bebas Neue Bold";
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: 0em;
    opacity: 1
}

.screen-sm .textable.css451 {
    font-size: 28px !important
}

.screen-xs .textable.css451 {
    font-size: 28px !important
}

.textable.css452 {
    text-align: center;
    font-family: "Montserrat Medium";
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 1
}

.screen-sm .textable.css452 {
    font-size: 15px !important
}

.screen-xs .textable.css452 {
    text-align: center !important;
    font-size: 15px !important
}

.textable.css453 {
    text-align: left;
    font-family: "Montserrat Medium";
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 1
}

.screen-sm .textable.css453 {
    font-family: "Montserrat Regular" !important
}

.screen-xs .textable.css453 {
    text-align: center !important;
    font-family: "Montserrat Regular" !important
}

.node.css454 {
    color: #FFF;
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css454 a {
    color: rgb(25, 84, 230)
}

.node.css455>.wrapper1 {
    background-color: rgb(255, 255, 255);
    border-radius: 10px;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5)
}

.node.css455 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 25px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css455 a {
    color: rgb(230, 169, 25)
}

.node.css456 {
    color: #333;
    padding-top: 80px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px
}

.node.css456 a {
    color: rgb(230, 169, 25)
}

.node.css457 {
    color: #333;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px
}

.node.css457 a {
    color: rgb(230, 169, 25)
}

.node.css458 {
    color: #333;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px
}

.node.css458 a {
    color: rgb(230, 169, 25)
}

.node.css459 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px
}

.node.css459 a {
    color: rgb(230, 169, 25)
}

.node.css460 {
    color: #FFF;
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css460 a {
    color: rgb(230, 169, 25)
}

.node.css461 {
    color: #FFF;
    padding-top: 21px;
    padding-bottom: 16px;
    padding-left: 11px;
    padding-right: 11px
}

.node.css461>.wrapper1 {
    border-radius: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(103, 103, 103)
}

.node.css461 a {
    color: rgb(25, 84, 230)
}

.node.css462 {
    color: #333;
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css462 a {
    color: rgb(25, 133, 230)
}

.textable.css463 {
    text-align: left;
    font-family: "Bebas Neue Bold";
    font-size: 31px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 1
}

.screen-sm .textable.css463 {
    font-size: 30px !important
}

.screen-xs .textable.css463 {
    font-size: 30px !important
}

.node.css464 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 5px
}

.node.css464 a {
    color: rgb(25, 133, 230)
}

.node.css465 {
    color: #333;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 40px;
    padding-right: 5px
}

.node.css465 a {
    color: rgb(25, 133, 230)
}

.node.css466 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css466 a {
    color: rgb(25, 133, 230)
}

.node.css467 {
    color: #333;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 40px;
    padding-right: 5px
}

.node.css467 a {
    color: rgb(25, 133, 230)
}

.textable.css468 {
    text-align: center;
    font-family: "Bebas Neue Bold";
    font-size: 60px;
    line-height: 1.2;
    letter-spacing: 0em;
    color: rgb(32, 39, 50);
    opacity: 1
}

.screen-md .textable.css468 {
    font-size: 48px !important
}

.screen-sm .textable.css468 {
    font-size: 48px !important
}

.screen-xs .textable.css468 {
    text-align: center !important;
    font-size: 38px !important
}

.node.css469>.wrapper1 {
    background-color: rgb(26, 30, 40)
}

.node.css469 {
    color: #FFF
}

.node.css469>.padding_top {
    padding-top: 21px
}

.node.css469>.padding_bottom {
    padding-bottom: 60px
}

.node.css469 a {
    color: rgb(25, 84, 230)
}

.textable.css470 {
    text-align: center;
    font-family: "Bebas Neue Bold";
    font-size: 48px;
    line-height: 1.3;
    letter-spacing: 0em;
    color: rgb(255, 255, 255);
    opacity: 1
}

.screen-sm .textable.css470 {
    font-size: 38px !important
}

.screen-xs .textable.css470 {
    font-size: 25px !important
}

.textable.css471 {
    text-align: left;
    font-family: "Bebas Neue Book";
    font-size: 36px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 1
}

.screen-sm .textable.css471 {
    font-size: 30px !important
}

.screen-xs .textable.css471 {
    font-size: 24px !important
}

.textable.css472 {
    text-align: left;
    font-family: "Bebas Neue Book";
    font-size: 36px;
    line-height: 1.3;
    letter-spacing: 0em;
    color: rgb(255, 255, 255);
    opacity: 1
}

.screen-sm .textable.css472 {
    font-size: 30px !important
}

.screen-xs .textable.css472 {
    font-size: 24px !important
}

.node.css473 {
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 22px
}

.node.css473 a {
    color: rgb(25, 84, 230)
}

.node.css474 {
    color: #FFF;
    padding-top: 5px;
    padding-bottom: 15px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css474 a {
    color: rgb(25, 84, 230)
}

.metahtml.css475 .courses11 {
    display: flex;
    padding-bottom: 5px;
    margin: auto;
    overflow-x: auto;
    overflow-x: scroll;
    overflow-y: hidden;
    will-change: transform;
    user-select: none;
    cursor: pointer;
    transition: transform 0.83s;
    border-radius: 20px;
}

.metahtml.css475 .courses11.active {
    cursor: grabbing;
    cursor: -webkit-grabbing;
}

.metahtml.css475 .courses11::-webkit-scrollbar {
    height: 3px;
}

.metahtml.css475 .courses11::-webkit-scrollbar-track {
    background: rgba(128, 128, 128, 0);
    border-radius: 20px;
}

.metahtml.css475 .courses11::-webkit-scrollbar-thumb {
    background-color: rgb(255, 179, 0);
    /* цвет тумблера */
    border-radius: 20px;
    /* скругление углов тумблера */
}

.metahtml.css475 .item11 {
    margin: 0px;
    flex: 0 0 968px;
    height: 100%;
    min-height: 10px;
    border-radius: 20px;
}

.node.css476 {
    color: #FFF;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css476 a {
    color: rgb(25, 84, 230)
}

.node.css477 {
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 1px;
    padding-left: 1px;
    padding-right: 0px
}

.node.css477 a {
    color: rgb(25, 84, 230)
}

.textable.css478 {
    text-align: left;
    font-family: "Bebas Neue Bold";
    font-size: 31px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 1
}

.screen-sm .textable.css478 {
    font-size: 30px !important
}

.screen-xs .textable.css478 {
    font-size: 25px !important
}

.node.css479 {
    color: #FFF;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css479 a {
    color: rgb(25, 133, 230)
}

.textable.css480 {
    text-align: center;
    font-family: "Montserrat Regular";
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 0.82
}

.screen-xs .textable.css480 {
    text-align: center !important;
    font-size: 14px !important
}

.node.css481 {
    color: #FFF;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css481 a {
    color: rgb(25, 133, 230)
}

.textable.css482 {
    text-align: left;
    font-family: "Bebas Neue Bold";
    font-size: 25px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 1
}

.screen-xs .textable.css482 {
    font-size: 24px !important
}

.node.css483 {
    color: #333;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 0px
}

.node.css483 a {
    color: rgb(25, 133, 230)
}

.node.css484 {
    color: #333;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 0px
}

.node.css484 a {
    color: rgb(25, 133, 230)
}

.node.css485 {
    color: #333;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 0px
}

.node.css485 a {
    color: rgb(25, 133, 230)
}

.node.css486>.wrapper1 {
    background-color: white
}

.node.css486 {
    color: #333
}

.node.css486>.padding_top {
    padding-top: 60px
}

.node.css486>.padding_bottom {
    padding-bottom: 50px
}

.node.css486 a {
    color: rgb(230, 169, 25)
}

.node.css487 {
    color: #333;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css487>.wrapper1 {
    border-radius: 10px
}

.node.css487 a {
    color: rgb(230, 169, 25)
}

.node.css488 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 0px
}

.screen-xs .node.css488 {
    padding-left: 0px !important
}

.node.css488 a {
    color: rgb(230, 169, 25)
}

.textable.css489 {
    text-align: left;
    font-family: "Bebas Neue Bold";
    font-size: 44px;
    line-height: 1.2;
    letter-spacing: 0em;
    color: rgb(32, 39, 50);
    opacity: 1
}

.screen-md .textable.css489 {
    font-size: 46px !important
}

.screen-sm .textable.css489 {
    font-size: 37px !important
}

.screen-xs .textable.css489 {
    text-align: left !important;
    font-size: 27px !important
}

.textable.css490 {
    text-align: left;
    font-family: "Montserrat Medium";
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: 0em;
    color: rgb(32, 39, 50);
    opacity: 1
}

.screen-md .textable.css490 {
    font-size: 48px !important
}

.screen-sm .textable.css490 {
    font-size: 37px !important
}

.screen-xs .textable.css490 {
    text-align: left !important;
    font-size: 27px !important
}

.node.css491 {
    color: #333;
    padding-top: 5px;
    padding-bottom: 30px;
    padding-left: 5px;
    padding-right: 0px
}

.screen-xs .node.css491 {
    padding-left: 0px !important
}

.node.css491 a {
    color: rgb(230, 169, 25)
}

.textable.css492 {
    text-align: left;
    font-family: "Montserrat Medium";
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: 0em;
    color: rgb(29, 35, 45);
    opacity: 1
}

.screen-md .textable.css492 {
    font-size: 46px !important
}

.screen-sm .textable.css492 {
    font-size: 37px !important
}

.screen-xs .textable.css492 {
    text-align: left !important;
    font-size: 27px !important
}

.node.css493>.wrapper1 {
    background-image: linear-gradient(to right, rgb(19, 23, 30) 0%, rgb(32, 39, 50) 100%);
    border-radius: 10px;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5)
}

.node.css493 {
    color: #FFF;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css493 a {
    color: rgb(25, 105, 230)
}

.node.css494 {
    color: #FFF;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 22px;
    padding-right: 5px
}

.node.css494 a {
    color: rgb(25, 105, 230)
}

.textable.css495 {
    text-align: left;
    font-family: "Bebas Neue Regular";
    font-size: 28px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 1
}

.metahtml.css496 .form1-cover {
    padding: 15px 15px;
    background-color: transparent;
    border-color: rgb(255, 179, 0);
    border-style: none;
    border-width: 2px;
    border-radius: 5px;
    box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.1);
}

.node.css497 {
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 0px
}

.node.css497 a {
    color: rgb(25, 105, 230)
}

.node.css498 {
    color: #FFF;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 10px
}

.node.css498 a {
    color: rgb(25, 105, 230)
}

.metahtml.css499 [cr-field] {
    padding-bottom: 6px;
    font-size: 13px;
    font-family: Open Sans;
}

.metahtml.css499 .name {
    transition: 300ms all;
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    word-wrap: break-word;
    padding-bottom: 4px;
}

.metahtml.css499 .is-text .name {
    position: absolute;
    line-height: 1.2;
    font-size: 13px;
}

.metahtml.css499 .is-text:focus-within .name,
.metahtml.css499 .is-text.is-filled .name {
    transform: translateY(-100%);
    font-size: 12px;
}

.metahtml.css499 .form-control {
    height: auto;
    line-height: 1.2;
    box-shadow: none;
    position: relative;
    color: rgb(255, 255, 255);
    border: 0 solid rgba(255, 255, 255, 0.17);
    border-bottom-width: 1px;
    border-radius: 0;
    padding: 0 0 8px 0;
    font-size: 13px;
    cursor: initial;
    background-color: transparent;
}

.metahtml.css499 .is-text .form-control {
    margin-top: 21px;
}

.metahtml.css499 .form-control:focus,
.metahtml.css499 .form-control:focus-within {
    border-color: rgb(255, 179, 0);
}

.metahtml.css499 .form-control+.form-control {
    margin-top: 10px;
}

.metahtml.css499 label {
    font-weight: normal;
    display: block;
    cursor: pointer;
}

.metahtml.css499 textarea {
    resize: vertical;
}

.metahtml.css499 .checkbox {
    width: 18px;
    height: 18px;
    padding: 0;
    margin: 0 4.5px 0 0;
    line-height: 0;
    min-height: auto;
    display: inline-block;
    vertical-align: middle;
    background: white;
    border: 2px solid rgba(0, 0, 0, 0.25);
    position: relative;
    transition: 300ms all;
    border-radius: 2px;
}

.metahtml.css499 .checkbox svg {
    width: 100%;
    opacity: 0;
    transform: scale(0);
    transition: 300ms all;
}

.metahtml.css499 input:hover~.checkbox,
.metahtml.css499 input:focus~.checkbox {
    border-color: rgb(255, 217, 128);
}

.metahtml.css499 input:checked~.checkbox {
    border-color: rgb(230, 161, 0);
    background-color: rgb(255, 179, 0);
}

.metahtml.css499 input:active~.checkbox {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css499 input:checked~.checkbox svg {
    opacity: 1;
    transform: scale(1);
}

.metahtml.css499 .radio {
    margin: 0;
    margin: 0 4.5px 0 0;
    padding: 0;
    line-height: 0;
    width: 18px;
    height: 18px;
    min-height: auto;
    display: inline-block;
    vertical-align: middle;
    background: white;
    border: 2px solid rgba(0, 0, 0, 0.25);
    position: relative;
    transition: 300ms all;
    border-radius: 100px;
}

.metahtml.css499 .radio:before {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    content: '';
    display: block;
    background-color: white;
    border-radius: 100px;
    opacity: 0;
    transform: scale(0);
    transition: 300ms all;
}

.metahtml.css499 input:hover~.radio,
.metahtml.css499 input:focus~.radio {
    border-color: rgb(255, 217, 128);
}

.metahtml.css499 input:active~.radio {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css499 input:checked~.radio {
    border-color: rgb(230, 161, 0);
    background-color: rgb(255, 179, 0);
}

.metahtml.css499 input:checked~.radio:before {
    opacity: 1;
    transform: scale(0.5);
}

.metahtml.css499 [cr-field="checkbox-list"] span {
    vertical-align: middle;
}

.metahtml.css499 [cr-field="checkbox-list"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css499 [cr-field="checkbox-list"] label+label {
    margin-top: 6px;
}

.metahtml.css499 [cr-field="checkbox-visual"] {
    overflow: hidden;
}

.metahtml.css499 [cr-field="checkbox-visual"] .items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
    justify-content: space-between;
}

.metahtml.css499 [cr-field="checkbox-visual"] .item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-bottom: 20px;
    width: 30%;
}

.metahtml.css499 [cr-field="checkbox-visual"] label {
    position: relative;
}

.metahtml.css499 [cr-field="checkbox-visual"] .bgimage {
    background-size: cover;
    display: inline-block;
    background-position: center;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.metahtml.css499 [cr-field="checkbox-visual"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.metahtml.css499 [cr-field="checkbox-visual"] .tick {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 179, 0, 0.75);
    transition: all 300ms;
    opacity: 0;
}

.metahtml.css499 [cr-field="checkbox-visual"] .tick svg {
    opacity: 0;
    transition: all 300ms;
    max-width: 26px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.metahtml.css499 [cr-field="checkbox-visual"] .subname {
    margin: 6.5px 0;
    word-wrap: break-word;
    white-space: normal;
}

.metahtml.css499 [cr-field="checkbox-visual"] input:hover~.bgimage .tick,
.metahtml.css499 [cr-field="checkbox-visual"] input:focus~.bgimage .tick {
    opacity: 0.5;
}

.metahtml.css499 [cr-field="checkbox-visual"] input:checked~.bgimage .tick,
.metahtml.css499 [cr-field="checkbox-visual"] input:checked~.bgimage .tick svg {
    opacity: 1;
}

.screen-xs .metahtml.css499 [cr-field="checkbox-visual"] .item {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    white-space: nowrap;
}

.screen-xs .metahtml.css499 [cr-field="checkbox-visual"] .bgimage {
    width: 25%;
    padding-top: 25%;
    vertical-align: middle;
}

.screen-xs .metahtml.css499 [cr-field="checkbox-visual"] .subname {
    width: 75%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5%;
    margin-left: -4px;
}

.metahtml.css499 [cr-field="checkbox-input"] span {
    vertical-align: middle;
}

.metahtml.css499 [cr-field="checkbox-input"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css499 [cr-field="radio-list"] span {
    vertical-align: middle;
}

.metahtml.css499 [cr-field="radio-list"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css499 [cr-field="radio-list"] label+label {
    margin-top: 6px;
}

.metahtml.css499 [cr-field="radio-visual"] {
    overflow: hidden;
}

.metahtml.css499 [cr-field="radio-visual"] .items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
    justify-content: space-between;
}

.metahtml.css499 [cr-field="radio-visual"] .item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-bottom: 20px;
    width: 30%;
}

.metahtml.css499 [cr-field="radio-visual"] label {
    position: relative;
}

.metahtml.css499 [cr-field="radio-visual"] .bgimage {
    background-size: cover;
    display: inline-block;
    background-position: center;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.metahtml.css499 [cr-field="radio-visual"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.metahtml.css499 [cr-field="radio-visual"] .tick {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 179, 0, 0.75);
    transition: all 300ms;
    opacity: 0;
}

.metahtml.css499 [cr-field="radio-visual"] .tick svg {
    opacity: 0;
    transition: all 300ms;
    max-width: 26px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.metahtml.css499 [cr-field="radio-visual"] .subname {
    margin: 6.5px 0;
    word-wrap: break-word;
    white-space: normal;
}

.metahtml.css499 [cr-field="radio-visual"] input:hover~.bgimage .tick {
    opacity: 0.5;
}

.metahtml.css499 [cr-field="radio-visual"] input:checked~.bgimage .tick,
.metahtml.css499 [cr-field="radio-visual"] input:checked~.bgimage .tick svg {
    opacity: 1;
}

.screen-xs .metahtml.css499 [cr-field="radio-visual"] .item {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    white-space: nowrap;
}

.screen-xs .metahtml.css499 [cr-field="radio-visual"] .bgimage {
    width: 25%;
    padding-top: 25%;
    vertical-align: middle;
}

.screen-xs .metahtml.css499 [cr-field="radio-visual"] .subname {
    width: 75%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5%;
    margin-left: -4px;
}

.metahtml.css499 [cr-field="select-menu"] select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
    color: black;
    -webkit-appearance: none;
}

.metahtml.css499 [cr-field="select-menu"] .fa {
    font-size: 20px;
    line-height: 0;
    opacity: 0.5;
    vertical-align: middle;
}

.metahtml.css499 [cr-field="select-menu"] .flexgrid {
    display: flex;
    align-items: center;
}

.metahtml.css499 [cr-field="select-menu"] .flexgrid .left {
    flex-grow: 1;
    min-width: 50%;
    word-wrap: break-word;
}

.metahtml.css499 [cr-field="file"] svg {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-top: -5px;
    margin-bottom: -5px;
}

.metahtml.css499 [cr-field="file"] span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}

.metahtml.css499 [cr-field="file"] input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 0;
}

.metahtml.css499 [cr-field="file"] .clean {
    float: right;
    opacity: 0.5;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.metahtml.css499 [cr-field="file"] .clean:hover {
    opacity: 1;
}

.metahtml.css499 [cr-field="file"] .flexgrid {
    display: flex;
    align-items: center;
}

.metahtml.css499 [cr-field="file"] .flexgrid .center {
    flex-grow: 1;
    min-width: 50%;
    word-wrap: break-word;
}

.metahtml.css499 [cr-field="result"] .flexgrid.align-sides {
    display: flex;
    align-items: center;
}

.metahtml.css499 [cr-field="result"] .flexgrid.align-sides .left .name {
    margin-bottom: 0;
}

.metahtml.css499 [cr-field="result"] .flexgrid.align-center .left {
    text-align: center;
}

.metahtml.css499 [cr-field="result"] .flexgrid.align-right .left {
    text-align: right;
}

.metahtml.css499 [cr-field="result"] .flexgrid .right {
    flex-grow: 1;
    min-width: 25%;
    word-wrap: break-word;
    text-align: right;
    font-size: 120%;
}

.metahtml.css499 [cr-field="result"] .flexgrid.align-left .right {
    text-align: left;
}

.metahtml.css499 [cr-field="result"] .flexgrid.align-center .right {
    text-align: center;
}

.metahtml.css499 [cr-field="result"] .flexgrid.align-right .right {
    text-align: right;
}

.metahtml.css499 [cr-field="privacy-button"] .open {
    text-align: center;
    opacity: 0.5;
    font-size: 80%;
    cursor: pointer;
}

.metahtml.css499 [cr-field="privacy-button"] .open a {
    color: inherit;
    text-decoration: none;
}

.metahtml.css499 [cr-field="privacy-checkbox"] {
    font-size: 80%;
}

.metahtml.css499 [cr-field="privacy-checkbox"] span {
    vertical-align: middle;
}

.metahtml.css499 [cr-field="privacy-checkbox"] a {
    vertical-align: middle;
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    color: inherit;
    cursor: pointer;
}

.metahtml.css499 [cr-field="privacy-checkbox"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css499 [cr-field="privacy-text"] {
    font-size: 80%;
    text-align: center;
}

.metahtml.css499 [cr-field="privacy-text"] a {
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    color: inherit;
    cursor: pointer;
}

.metahtml.css499 [cr-field="hidden"] {
    opacity: 0.25;
}

.node.css500 {
    color: #FFF;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css500 a {
    color: rgb(25, 105, 230)
}

.metahtml.css501 .bl {
    width: 249px;
    margin: 0 auto;
}

.metahtml.css501 .dref .cont .btn-legacy {
    position: relative;
    overflow: hidden;
    -webkit-transition: ease 0.3s;
    -o-transition: ease 0.3s;
    transition: ease 0.3s;
    display: inline-block;
}

.metahtml.css501 .dref .cont .btn-legacy:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
    -webkit-transition: ease 0.3s;
    -o-transition: ease 0.3s;
    transition: ease 0.3s;
}

.metahtml.css501 .dref .cont .btn-legacy:after {
    content: "";
    display: inline-block;
    width: 5px;
    box-shadow: 1px 1px 26px 26px rgb(255, 255, 255);
    height: 300px;
    margin-left: 60px;
    background: rgb(255, 255, 255);
    opacity: 0.5;
    position: absolute;
    left: -40px;
    top: -150px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-animation-name: slidemem;
    animation-name: slidemem;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes slidemem {
    0% {
        left: -10%;
        margin-left: 0px;
    }

    30% {
        left: 110%;
        margin-left: 80px;
    }

    100% {
        left: 110%;
        margin-left: 80px;
    }
}

.metahtml.css501 .ripple {
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.4);
    transform: scale(0);
    position: absolute;
    opacity: 1;
}

.metahtml.css501 .rippleEffect {
    animation: rippleDrop 1.6s infinite linear;
}

@keyframes rippleDrop {
    100% {
        transform: scale(2);
        opacity: 0;
    }
}

.btn.css502 {
    text-align: center
}

.btn.css502 {
    background-color: rgb(255, 179, 0);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: rgb(204, 143, 0);
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 22px;
    color: rgb(19, 23, 30) !important;
    font-family: "Bebas Neue Bold";
}

.btn.css502:hover,
.btn.css502.hover {
    background-color: rgb(230, 161, 0);
    border-color: rgb(184, 129, 0);
    color: rgb(255, 255, 255) !important;
}

.btn.css502:active,
.btn.css502.active {
    background-color: rgb(207, 145, 0);
    border-color: rgb(184, 129, 0);
    color: rgb(255, 255, 255) !important;
}

.btn.css502:before {}

.btn.css502:active:before,
.btn.css502.active:before {
    background-color: rgb(207, 145, 0);
}

.svgicon.css503 path,
.svgicon.css503 polygon,
.svgicon.css503 circle,
.svgicon.css503 ellipse,
.svgicon.css503 rect {
    fill: rgb(26, 31, 40)
}

.svgicon.css503 defs>path {
    fill: none
}

.svgicon.css503 [fill="none"] {
    fill: none
}

.svgicon.css504 .st0 {
    fill: rgb(26, 31, 40);
}

.textable.css505 {
    text-align: left;
    font-family: "Bebas Neue Bold";
    font-size: 27px;
    line-height: 1.3;
    letter-spacing: 0em;
    color: rgb(32, 39, 50);
    opacity: 1
}

.textable.css506 {
    text-align: left;
    font-family: "Montserrat Medium";
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: 0em;
    color: rgb(29, 35, 45);
    opacity: 1
}

.textable.css507 {
    text-align: left;
    font-family: "Bebas Neue Bold";
    font-size: 27px;
    line-height: 1.3;
    letter-spacing: 0em;
    color: rgb(29, 35, 45);
    opacity: 1
}

.node.css508>.wrapper1 {
    background-color: white
}

.node.css508 {
    color: #333
}

.node.css508>.padding_top {
    padding-top: 50px
}

.node.css508>.padding_bottom {
    padding-bottom: 50px
}

.node.css508 a {
    color: rgb(230, 169, 25)
}

.node.css509 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px
}

.screen-xs .node.css509 {
    padding-left: 0px !important
}

.node.css509 a {
    color: rgb(230, 169, 25)
}

.textable.css510 {
    text-align: left;
    font-family: "Bebas Neue Bold";
    font-size: 44px;
    line-height: 1.2;
    letter-spacing: 0em;
    color: rgb(32, 39, 50);
    opacity: 1
}

.screen-md .textable.css510 {
    font-size: 41px !important
}

.screen-sm .textable.css510 {
    font-size: 48px !important
}

.screen-xs .textable.css510 {
    text-align: left !important;
    font-size: 36px !important
}

.textable.css511 {
    text-align: left;
    font-family: "Montserrat Medium";
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: 0em;
    color: rgb(32, 39, 50);
    opacity: 1
}

.screen-md .textable.css511 {
    font-size: 24px !important
}

.screen-sm .textable.css511 {
    font-family: "Bebas Neue Regular" !important;
    font-size: 36px !important
}

.screen-xs .textable.css511 {
    text-align: left !important;
    font-family: "Bebas Neue Regular" !important;
    font-size: 27px !important
}

.node.css512 {
    color: #333;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px
}

.screen-xs .node.css512 {
    padding-left: 0px !important
}

.node.css512 a {
    color: rgb(230, 169, 25)
}

.textable.css513 {
    text-align: left;
    font-family: "Montserrat Medium";
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: 0em;
    color: rgb(29, 35, 45);
    opacity: 1
}

.screen-md .textable.css513 {
    font-size: 16px !important
}

.screen-sm .textable.css513 {
    font-family: "Montserrat Regular" !important;
    font-size: 16px !important
}

.screen-xs .textable.css513 {
    text-align: left !important;
    font-family: "Montserrat Regular" !important;
    font-size: 14px !important
}

.node.css514 {
    color: #333;
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css514>.wrapper1 {
    border-radius: 10px
}

.node.css514 a {
    color: rgb(230, 169, 25)
}

.node.css515 {
    color: #333;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 5px
}

.node.css515 a {
    color: rgb(230, 169, 25)
}

.textable.css516 {
    text-align: left;
    font-family: "Bebas Neue Bold";
    font-size: 27px;
    line-height: 1.3;
    letter-spacing: 0em;
    color: rgb(32, 39, 50);
    opacity: 1
}

.screen-sm .textable.css516 {
    font-size: 27px !important
}

.screen-xs .textable.css516 {
    font-size: 24px !important
}

.textable.css517 {
    text-align: left;
    font-family: "Montserrat Medium";
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: 0em;
    color: rgb(29, 35, 45);
    opacity: 1
}

.screen-md .textable.css517 {
    font-size: 16px !important
}

.screen-sm .textable.css517 {
    font-size: 16px !important
}

.screen-xs .textable.css517 {
    font-size: 14px !important
}

.textable.css518 {
    text-align: left;
    font-family: "Bebas Neue Bold";
    font-size: 27px;
    line-height: 1.3;
    letter-spacing: 0em;
    color: rgb(29, 35, 45);
    opacity: 1
}

.screen-xs .textable.css518 {
    font-size: 24px !important
}

.node.css519 {
    color: #FFF;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 5px
}

.node.css519 a {
    color: rgb(25, 105, 230)
}

.textable.css520 {
    text-align: left;
    font-family: "Bebas Neue Regular";
    font-size: 28px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 1
}

.screen-md .textable.css520 {
    font-size: 32px !important
}

.screen-sm .textable.css520 {
    font-size: 32px !important
}

.screen-xs .textable.css520 {
    font-size: 27px !important
}

.node.css521 {
    color: #FFF;
    padding-top: 20px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 5px
}

.node.css521 a {
    color: rgb(25, 105, 230)
}

.node.css522 {
    color: #FFF;
    padding-top: 5px;
    padding-bottom: 15px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css522 a {
    color: rgb(25, 105, 230)
}

.node.css523 {
    color: #FFF;
    padding-top: 2px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css523 a {
    color: rgb(25, 105, 230)
}

.textable.css524 {
    text-align: left;
    font-family: "Bebas Neue Bold";
    font-size: 44px;
    line-height: 1.2;
    letter-spacing: 0em;
    color: rgb(32, 39, 50);
    opacity: 1
}

.screen-md .textable.css524 {
    font-size: 41px !important
}

.screen-sm .textable.css524 {
    font-size: 48px !important
}

.screen-xs .textable.css524 {
    text-align: left !important;
    font-size: 27px !important
}

.textable.css525 {
    text-align: left;
    font-family: "Montserrat Medium";
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: 0em;
    color: rgb(29, 35, 45);
    opacity: 1
}

.screen-md .textable.css525 {
    font-size: 16px !important
}

.screen-sm .textable.css525 {
    font-family: "Montserrat Regular" !important;
    font-size: 16px !important
}

.screen-xs .textable.css525 {
    text-align: left !important;
    font-family: "Montserrat Regular" !important;
    font-size: 27px !important
}

.textable.css526 {
    text-align: left;
    font-family: "Bebas Neue Bold";
    font-size: 27px;
    line-height: 1.3;
    letter-spacing: 0em;
    color: rgb(32, 39, 50);
    opacity: 1
}

.screen-sm .textable.css526 {
    font-size: 27px !important
}

.screen-xs .textable.css526 {
    font-size: 27px !important
}

.textable.css527 {
    text-align: left;
    font-family: "Montserrat Medium";
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: 0em;
    color: rgb(29, 35, 45);
    opacity: 1
}

.screen-md .textable.css527 {
    font-size: 16px !important
}

.screen-sm .textable.css527 {
    font-size: 16px !important
}

.screen-xs .textable.css527 {
    font-size: 16px !important
}

.textable.css528 {
    text-align: left;
    font-family: "Bebas Neue Regular";
    font-size: 28px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 1
}

.screen-md .textable.css528 {
    font-size: 32px !important
}

.screen-sm .textable.css528 {
    font-size: 32px !important
}

.screen-xs .textable.css528 {
    font-size: 32px !important
}

.node.css529 {
    color: #FFF;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px
}

.node.css529 a {
    color: rgb(25, 105, 230)
}

.metahtml.css530 [cr-field] {
    padding-bottom: 6px;
    font-size: 14px;
    font-family: Open Sans;
}

.metahtml.css530 .name {
    transition: 300ms all;
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    word-wrap: break-word;
    padding-bottom: 4px;
}

.metahtml.css530 .is-text .name {
    position: absolute;
    line-height: 1.2;
    font-size: 14px;
}

.metahtml.css530 .is-text:focus-within .name,
.metahtml.css530 .is-text.is-filled .name {
    transform: translateY(-100%);
    font-size: 12px;
}

.metahtml.css530 .form-control {
    height: auto;
    line-height: 1.2;
    box-shadow: none;
    position: relative;
    color: rgb(255, 255, 255);
    border: 0 solid rgba(255, 255, 255, 0.17);
    border-bottom-width: 1px;
    border-radius: 0;
    padding: 0 0 8px 0;
    font-size: 14px;
    cursor: initial;
    background-color: transparent;
}

.metahtml.css530 .is-text .form-control {
    margin-top: 22px;
}

.metahtml.css530 .form-control:focus,
.metahtml.css530 .form-control:focus-within {
    border-color: rgb(255, 179, 0);
}

.metahtml.css530 .form-control+.form-control {
    margin-top: 10px;
}

.metahtml.css530 label {
    font-weight: normal;
    display: block;
    cursor: pointer;
}

.metahtml.css530 textarea {
    resize: vertical;
}

.metahtml.css530 .checkbox {
    width: 18px;
    height: 18px;
    padding: 0;
    margin: 0 4.5px 0 0;
    line-height: 0;
    min-height: auto;
    display: inline-block;
    vertical-align: middle;
    background: white;
    border: 2px solid rgba(0, 0, 0, 0.25);
    position: relative;
    transition: 300ms all;
    border-radius: 2px;
}

.metahtml.css530 .checkbox svg {
    width: 100%;
    opacity: 0;
    transform: scale(0);
    transition: 300ms all;
}

.metahtml.css530 input:hover~.checkbox,
.metahtml.css530 input:focus~.checkbox {
    border-color: rgb(255, 217, 128);
}

.metahtml.css530 input:checked~.checkbox {
    border-color: rgb(230, 161, 0);
    background-color: rgb(255, 179, 0);
}

.metahtml.css530 input:active~.checkbox {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css530 input:checked~.checkbox svg {
    opacity: 1;
    transform: scale(1);
}

.metahtml.css530 .radio {
    margin: 0;
    margin: 0 4.5px 0 0;
    padding: 0;
    line-height: 0;
    width: 18px;
    height: 18px;
    min-height: auto;
    display: inline-block;
    vertical-align: middle;
    background: white;
    border: 2px solid rgba(0, 0, 0, 0.25);
    position: relative;
    transition: 300ms all;
    border-radius: 100px;
}

.metahtml.css530 .radio:before {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    content: '';
    display: block;
    background-color: white;
    border-radius: 100px;
    opacity: 0;
    transform: scale(0);
    transition: 300ms all;
}

.metahtml.css530 input:hover~.radio,
.metahtml.css530 input:focus~.radio {
    border-color: rgb(255, 217, 128);
}

.metahtml.css530 input:active~.radio {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css530 input:checked~.radio {
    border-color: rgb(230, 161, 0);
    background-color: rgb(255, 179, 0);
}

.metahtml.css530 input:checked~.radio:before {
    opacity: 1;
    transform: scale(0.5);
}

.metahtml.css530 [cr-field="checkbox-list"] span {
    vertical-align: middle;
}

.metahtml.css530 [cr-field="checkbox-list"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css530 [cr-field="checkbox-list"] label+label {
    margin-top: 6px;
}

.metahtml.css530 [cr-field="checkbox-visual"] {
    overflow: hidden;
}

.metahtml.css530 [cr-field="checkbox-visual"] .items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
    justify-content: space-between;
}

.metahtml.css530 [cr-field="checkbox-visual"] .item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-bottom: 20px;
    width: 30%;
}

.metahtml.css530 [cr-field="checkbox-visual"] label {
    position: relative;
}

.metahtml.css530 [cr-field="checkbox-visual"] .bgimage {
    background-size: cover;
    display: inline-block;
    background-position: center;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.metahtml.css530 [cr-field="checkbox-visual"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.metahtml.css530 [cr-field="checkbox-visual"] .tick {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 179, 0, 0.75);
    transition: all 300ms;
    opacity: 0;
}

.metahtml.css530 [cr-field="checkbox-visual"] .tick svg {
    opacity: 0;
    transition: all 300ms;
    max-width: 26px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.metahtml.css530 [cr-field="checkbox-visual"] .subname {
    margin: 7px 0;
    word-wrap: break-word;
    white-space: normal;
}

.metahtml.css530 [cr-field="checkbox-visual"] input:hover~.bgimage .tick,
.metahtml.css530 [cr-field="checkbox-visual"] input:focus~.bgimage .tick {
    opacity: 0.5;
}

.metahtml.css530 [cr-field="checkbox-visual"] input:checked~.bgimage .tick,
.metahtml.css530 [cr-field="checkbox-visual"] input:checked~.bgimage .tick svg {
    opacity: 1;
}

.screen-xs .metahtml.css530 [cr-field="checkbox-visual"] .item {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    white-space: nowrap;
}

.screen-xs .metahtml.css530 [cr-field="checkbox-visual"] .bgimage {
    width: 25%;
    padding-top: 25%;
    vertical-align: middle;
}

.screen-xs .metahtml.css530 [cr-field="checkbox-visual"] .subname {
    width: 75%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5%;
    margin-left: -4px;
}

.metahtml.css530 [cr-field="checkbox-input"] span {
    vertical-align: middle;
}

.metahtml.css530 [cr-field="checkbox-input"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css530 [cr-field="radio-list"] span {
    vertical-align: middle;
}

.metahtml.css530 [cr-field="radio-list"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css530 [cr-field="radio-list"] label+label {
    margin-top: 6px;
}

.metahtml.css530 [cr-field="radio-visual"] {
    overflow: hidden;
}

.metahtml.css530 [cr-field="radio-visual"] .items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
    justify-content: space-between;
}

.metahtml.css530 [cr-field="radio-visual"] .item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-bottom: 20px;
    width: 30%;
}

.metahtml.css530 [cr-field="radio-visual"] label {
    position: relative;
}

.metahtml.css530 [cr-field="radio-visual"] .bgimage {
    background-size: cover;
    display: inline-block;
    background-position: center;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.metahtml.css530 [cr-field="radio-visual"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.metahtml.css530 [cr-field="radio-visual"] .tick {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 179, 0, 0.75);
    transition: all 300ms;
    opacity: 0;
}

.metahtml.css530 [cr-field="radio-visual"] .tick svg {
    opacity: 0;
    transition: all 300ms;
    max-width: 26px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.metahtml.css530 [cr-field="radio-visual"] .subname {
    margin: 7px 0;
    word-wrap: break-word;
    white-space: normal;
}

.metahtml.css530 [cr-field="radio-visual"] input:hover~.bgimage .tick {
    opacity: 0.5;
}

.metahtml.css530 [cr-field="radio-visual"] input:checked~.bgimage .tick,
.metahtml.css530 [cr-field="radio-visual"] input:checked~.bgimage .tick svg {
    opacity: 1;
}

.screen-xs .metahtml.css530 [cr-field="radio-visual"] .item {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    white-space: nowrap;
}

.screen-xs .metahtml.css530 [cr-field="radio-visual"] .bgimage {
    width: 25%;
    padding-top: 25%;
    vertical-align: middle;
}

.screen-xs .metahtml.css530 [cr-field="radio-visual"] .subname {
    width: 75%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5%;
    margin-left: -4px;
}

.metahtml.css530 [cr-field="select-menu"] select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
    color: black;
    -webkit-appearance: none;
}

.metahtml.css530 [cr-field="select-menu"] .fa {
    font-size: 20px;
    line-height: 0;
    opacity: 0.5;
    vertical-align: middle;
}

.metahtml.css530 [cr-field="select-menu"] .flexgrid {
    display: flex;
    align-items: center;
}

.metahtml.css530 [cr-field="select-menu"] .flexgrid .left {
    flex-grow: 1;
    min-width: 50%;
    word-wrap: break-word;
}

.metahtml.css530 [cr-field="file"] svg {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-top: -5px;
    margin-bottom: -5px;
}

.metahtml.css530 [cr-field="file"] span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}

.metahtml.css530 [cr-field="file"] input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 0;
}

.metahtml.css530 [cr-field="file"] .clean {
    float: right;
    opacity: 0.5;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.metahtml.css530 [cr-field="file"] .clean:hover {
    opacity: 1;
}

.metahtml.css530 [cr-field="file"] .flexgrid {
    display: flex;
    align-items: center;
}

.metahtml.css530 [cr-field="file"] .flexgrid .center {
    flex-grow: 1;
    min-width: 50%;
    word-wrap: break-word;
}

.metahtml.css530 [cr-field="result"] .flexgrid.align-sides {
    display: flex;
    align-items: center;
}

.metahtml.css530 [cr-field="result"] .flexgrid.align-sides .left .name {
    margin-bottom: 0;
}

.metahtml.css530 [cr-field="result"] .flexgrid.align-center .left {
    text-align: center;
}

.metahtml.css530 [cr-field="result"] .flexgrid.align-right .left {
    text-align: right;
}

.metahtml.css530 [cr-field="result"] .flexgrid .right {
    flex-grow: 1;
    min-width: 25%;
    word-wrap: break-word;
    text-align: right;
    font-size: 120%;
}

.metahtml.css530 [cr-field="result"] .flexgrid.align-left .right {
    text-align: left;
}

.metahtml.css530 [cr-field="result"] .flexgrid.align-center .right {
    text-align: center;
}

.metahtml.css530 [cr-field="result"] .flexgrid.align-right .right {
    text-align: right;
}

.metahtml.css530 [cr-field="privacy-button"] .open {
    text-align: center;
    opacity: 0.5;
    font-size: 80%;
    cursor: pointer;
}

.metahtml.css530 [cr-field="privacy-button"] .open a {
    color: inherit;
    text-decoration: none;
}

.metahtml.css530 [cr-field="privacy-checkbox"] {
    font-size: 80%;
}

.metahtml.css530 [cr-field="privacy-checkbox"] span {
    vertical-align: middle;
}

.metahtml.css530 [cr-field="privacy-checkbox"] a {
    vertical-align: middle;
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    color: inherit;
    cursor: pointer;
}

.metahtml.css530 [cr-field="privacy-checkbox"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css530 [cr-field="privacy-text"] {
    font-size: 80%;
    text-align: center;
}

.metahtml.css530 [cr-field="privacy-text"] a {
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    color: inherit;
    cursor: pointer;
}

.metahtml.css530 [cr-field="hidden"] {
    opacity: 0.25;
}

.textable.css531 {
    text-align: left;
    font-family: "Open Sans";
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: 0em;
    opacity: 0.65
}

.screen-sm .textable.css531 {
    font-size: 12px !important;
    line-height: 1.3 !important;
    letter-spacing: 0em !important;
    opacity: 0.55 !important
}

.screen-xs .textable.css531 {
    font-size: 12px !important;
    line-height: 1.3 !important;
    letter-spacing: 0em !important;
    opacity: 0.55 !important
}

.metahtml.css532 [cr-field] {
    padding-bottom: 6px;
    font-size: 14px;
    font-family: Open Sans;
}

.metahtml.css532 .name {
    transition: 300ms all;
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    word-wrap: break-word;
    padding-bottom: 4px;
}

.metahtml.css532 .is-text .name {
    position: absolute;
    line-height: 1.2;
    font-size: 14px;
}

.metahtml.css532 .is-text:focus-within .name,
.metahtml.css532 .is-text.is-filled .name {
    transform: translateY(-100%);
    font-size: 12px;
}

.metahtml.css532 .form-control {
    height: auto;
    line-height: 1.2;
    box-shadow: none;
    position: relative;
    color: rgb(255, 255, 255);
    border: 0 solid rgba(255, 255, 255, 0.17);
    border-bottom-width: 1px;
    border-radius: 0;
    padding: 0 0 8px 0;
    font-size: 14px;
    cursor: initial;
    background-color: transparent;
}

.metahtml.css532 .is-text .form-control {
    margin-top: 22px;
}

.metahtml.css532 .form-control:focus,
.metahtml.css532 .form-control:focus-within {
    border-color: rgb(255, 179, 0);
}

.metahtml.css532 .form-control+.form-control {
    margin-top: 10px;
}

.metahtml.css532 label {
    font-weight: normal;
    display: block;
    cursor: pointer;
}

.metahtml.css532 textarea {
    resize: vertical;
}

.metahtml.css532 .checkbox {
    width: 18px;
    height: 18px;
    padding: 0;
    margin: 0 4.5px 0 0;
    line-height: 0;
    min-height: auto;
    display: inline-block;
    vertical-align: middle;
    background: white;
    border: 2px solid rgba(0, 0, 0, 0.25);
    position: relative;
    transition: 300ms all;
    border-radius: 2px;
}

.metahtml.css532 .checkbox svg {
    width: 100%;
    opacity: 0;
    transform: scale(0);
    transition: 300ms all;
}

.metahtml.css532 input:hover~.checkbox,
.metahtml.css532 input:focus~.checkbox {
    border-color: rgb(255, 217, 128);
}

.metahtml.css532 input:checked~.checkbox {
    border-color: rgb(230, 161, 0);
    background-color: rgb(255, 179, 0);
}

.metahtml.css532 input:active~.checkbox {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css532 input:checked~.checkbox svg {
    opacity: 1;
    transform: scale(1);
}

.metahtml.css532 .radio {
    margin: 0;
    margin: 0 4.5px 0 0;
    padding: 0;
    line-height: 0;
    width: 18px;
    height: 18px;
    min-height: auto;
    display: inline-block;
    vertical-align: middle;
    background: white;
    border: 2px solid rgba(0, 0, 0, 0.25);
    position: relative;
    transition: 300ms all;
    border-radius: 100px;
}

.metahtml.css532 .radio:before {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    content: '';
    display: block;
    background-color: white;
    border-radius: 100px;
    opacity: 0;
    transform: scale(0);
    transition: 300ms all;
}

.metahtml.css532 input:hover~.radio,
.metahtml.css532 input:focus~.radio {
    border-color: rgb(255, 217, 128);
}

.metahtml.css532 input:active~.radio {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css532 input:checked~.radio {
    border-color: rgb(230, 161, 0);
    background-color: rgb(255, 179, 0);
}

.metahtml.css532 input:checked~.radio:before {
    opacity: 1;
    transform: scale(0.5);
}

.metahtml.css532 [cr-field="checkbox-list"] span {
    vertical-align: middle;
}

.metahtml.css532 [cr-field="checkbox-list"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css532 [cr-field="checkbox-list"] label+label {
    margin-top: 6px;
}

.metahtml.css532 [cr-field="checkbox-visual"] {
    overflow: hidden;
}

.metahtml.css532 [cr-field="checkbox-visual"] .items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
    justify-content: space-between;
}

.metahtml.css532 [cr-field="checkbox-visual"] .item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-bottom: 20px;
    width: 30%;
}

.metahtml.css532 [cr-field="checkbox-visual"] label {
    position: relative;
}

.metahtml.css532 [cr-field="checkbox-visual"] .bgimage {
    background-size: cover;
    display: inline-block;
    background-position: center;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.metahtml.css532 [cr-field="checkbox-visual"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.metahtml.css532 [cr-field="checkbox-visual"] .tick {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 179, 0, 0.75);
    transition: all 300ms;
    opacity: 0;
}

.metahtml.css532 [cr-field="checkbox-visual"] .tick svg {
    opacity: 0;
    transition: all 300ms;
    max-width: 26px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.metahtml.css532 [cr-field="checkbox-visual"] .subname {
    margin: 7px 0;
    word-wrap: break-word;
    white-space: normal;
}

.metahtml.css532 [cr-field="checkbox-visual"] input:hover~.bgimage .tick,
.metahtml.css532 [cr-field="checkbox-visual"] input:focus~.bgimage .tick {
    opacity: 0.5;
}

.metahtml.css532 [cr-field="checkbox-visual"] input:checked~.bgimage .tick,
.metahtml.css532 [cr-field="checkbox-visual"] input:checked~.bgimage .tick svg {
    opacity: 1;
}

.screen-xs .metahtml.css532 [cr-field="checkbox-visual"] .item {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    white-space: nowrap;
}

.screen-xs .metahtml.css532 [cr-field="checkbox-visual"] .bgimage {
    width: 25%;
    padding-top: 25%;
    vertical-align: middle;
}

.screen-xs .metahtml.css532 [cr-field="checkbox-visual"] .subname {
    width: 75%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5%;
    margin-left: -4px;
}

.metahtml.css532 [cr-field="checkbox-input"] span {
    vertical-align: middle;
}

.metahtml.css532 [cr-field="checkbox-input"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css532 [cr-field="radio-list"] span {
    vertical-align: middle;
}

.metahtml.css532 [cr-field="radio-list"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css532 [cr-field="radio-list"] label+label {
    margin-top: 6px;
}

.metahtml.css532 [cr-field="radio-visual"] {
    overflow: hidden;
}

.metahtml.css532 [cr-field="radio-visual"] .items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
    justify-content: space-between;
}

.metahtml.css532 [cr-field="radio-visual"] .item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-bottom: 20px;
    width: 30%;
}

.metahtml.css532 [cr-field="radio-visual"] label {
    position: relative;
}

.metahtml.css532 [cr-field="radio-visual"] .bgimage {
    background-size: cover;
    display: inline-block;
    background-position: center;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.metahtml.css532 [cr-field="radio-visual"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.metahtml.css532 [cr-field="radio-visual"] .tick {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 179, 0, 0.75);
    transition: all 300ms;
    opacity: 0;
}

.metahtml.css532 [cr-field="radio-visual"] .tick svg {
    opacity: 0;
    transition: all 300ms;
    max-width: 26px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.metahtml.css532 [cr-field="radio-visual"] .subname {
    margin: 7px 0;
    word-wrap: break-word;
    white-space: normal;
}

.metahtml.css532 [cr-field="radio-visual"] input:hover~.bgimage .tick {
    opacity: 0.5;
}

.metahtml.css532 [cr-field="radio-visual"] input:checked~.bgimage .tick,
.metahtml.css532 [cr-field="radio-visual"] input:checked~.bgimage .tick svg {
    opacity: 1;
}

.screen-xs .metahtml.css532 [cr-field="radio-visual"] .item {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    white-space: nowrap;
}

.screen-xs .metahtml.css532 [cr-field="radio-visual"] .bgimage {
    width: 25%;
    padding-top: 25%;
    vertical-align: middle;
}

.screen-xs .metahtml.css532 [cr-field="radio-visual"] .subname {
    width: 75%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5%;
    margin-left: -4px;
}

.metahtml.css532 [cr-field="select-menu"] select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
    color: black;
    -webkit-appearance: none;
}

.metahtml.css532 [cr-field="select-menu"] .fa {
    font-size: 20px;
    line-height: 0;
    opacity: 0.5;
    vertical-align: middle;
}

.metahtml.css532 [cr-field="select-menu"] .flexgrid {
    display: flex;
    align-items: center;
}

.metahtml.css532 [cr-field="select-menu"] .flexgrid .left {
    flex-grow: 1;
    min-width: 50%;
    word-wrap: break-word;
}

.metahtml.css532 [cr-field="file"] svg {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-top: -5px;
    margin-bottom: -5px;
}

.metahtml.css532 [cr-field="file"] span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}

.metahtml.css532 [cr-field="file"] input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 0;
}

.metahtml.css532 [cr-field="file"] .clean {
    float: right;
    opacity: 0.5;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.metahtml.css532 [cr-field="file"] .clean:hover {
    opacity: 1;
}

.metahtml.css532 [cr-field="file"] .flexgrid {
    display: flex;
    align-items: center;
}

.metahtml.css532 [cr-field="file"] .flexgrid .center {
    flex-grow: 1;
    min-width: 50%;
    word-wrap: break-word;
}

.metahtml.css532 [cr-field="result"] .flexgrid.align-sides {
    display: flex;
    align-items: center;
}

.metahtml.css532 [cr-field="result"] .flexgrid.align-sides .left .name {
    margin-bottom: 0;
}

.metahtml.css532 [cr-field="result"] .flexgrid.align-center .left {
    text-align: center;
}

.metahtml.css532 [cr-field="result"] .flexgrid.align-right .left {
    text-align: right;
}

.metahtml.css532 [cr-field="result"] .flexgrid .right {
    flex-grow: 1;
    min-width: 25%;
    word-wrap: break-word;
    text-align: right;
    font-size: 100%;
}

.metahtml.css532 [cr-field="result"] .flexgrid.align-left .right {
    text-align: left;
}

.metahtml.css532 [cr-field="result"] .flexgrid.align-center .right {
    text-align: center;
}

.metahtml.css532 [cr-field="result"] .flexgrid.align-right .right {
    text-align: right;
}

.metahtml.css532 [cr-field="privacy-button"] .open {
    text-align: center;
    opacity: 0.5;
    font-size: 80%;
    cursor: pointer;
}

.metahtml.css532 [cr-field="privacy-button"] .open a {
    color: inherit;
    text-decoration: none;
}

.metahtml.css532 [cr-field="privacy-checkbox"] {
    font-size: 80%;
}

.metahtml.css532 [cr-field="privacy-checkbox"] span {
    vertical-align: middle;
}

.metahtml.css532 [cr-field="privacy-checkbox"] a {
    vertical-align: middle;
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    color: inherit;
    cursor: pointer;
}

.metahtml.css532 [cr-field="privacy-checkbox"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css532 [cr-field="privacy-text"] {
    font-size: 80%;
    text-align: center;
}

.metahtml.css532 [cr-field="privacy-text"] a {
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    color: inherit;
    cursor: pointer;
}

.metahtml.css532 [cr-field="hidden"] {
    opacity: 0.25;
}

.metahtml.css533 .svgwrap {
    width: 20px;
    height: 20px;
    color: rgba(255, 179, 0, 0.8);
    top: -1px;
    margin-right: 0px;
}

.metahtml.css533 .name {
    margin-bottom: -3px;
}

.metahtml.css533 .label {
    display: inline-block;
    margin-top: 8px;
    margin-right: 8px;
    margin-bottom: 0;
}

.metahtml.css533 div.checkbox,
.metahtml.css533 div.radio {
    display: none;
}

.metahtml.css533 input~span {
    display: inline-block;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 6px;
    padding-bottom: 6px;
    background: rgba(65, 80, 102, 0.4);
    color: rgba(255, 255, 255, 0.9) !important;
    border-radius: 10px;
    transition: .3s all;
}

.metahtml.css533 input:hover~span {
    background-color: rgba(255, 255, 255, 0.3);
    color: rgb(255, 255, 255) !important;
    border-radius: 10px;
}

.metahtml.css533 input:checked~span {
    background-color: rgb(255, 179, 0);
    color: rgb(0, 0, 0) !important;
    border-radius: 10px;
}

.metahtml.css534 .bl {
    width: 219px;
    margin: 0 auto;
}

.metahtml.css534 .dref .cont .btn-legacy {
    position: relative;
    overflow: hidden;
    -webkit-transition: ease 0.3s;
    -o-transition: ease 0.3s;
    transition: ease 0.3s;
    display: inline-block;
}

.metahtml.css534 .dref .cont .btn-legacy:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
    -webkit-transition: ease 0.3s;
    -o-transition: ease 0.3s;
    transition: ease 0.3s;
}

.metahtml.css534 .dref .cont .btn-legacy:after {
    content: "";
    display: inline-block;
    width: 5px;
    box-shadow: 1px 1px 26px 26px rgb(255, 255, 255);
    height: 300px;
    margin-left: 60px;
    background: rgb(255, 255, 255);
    opacity: 0.5;
    position: absolute;
    left: -40px;
    top: -150px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-animation-name: slidemem;
    animation-name: slidemem;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes slidemem {
    0% {
        left: -10%;
        margin-left: 0px;
    }

    30% {
        left: 110%;
        margin-left: 80px;
    }

    100% {
        left: 110%;
        margin-left: 80px;
    }
}

.metahtml.css534 .ripple {
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.4);
    transform: scale(0);
    position: absolute;
    opacity: 1;
}

.metahtml.css534 .rippleEffect {
    animation: rippleDrop 1.6s infinite linear;
}

@keyframes rippleDrop {
    100% {
        transform: scale(2);
        opacity: 0;
    }
}

.btn.css535 {
    text-align: center
}

.btn.css535 {
    background-color: rgb(255, 179, 0);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: rgb(204, 143, 0);
    padding-top: 13px;
    padding-bottom: 13px;
    font-size: 20px;
    color: rgb(19, 23, 30) !important;
    font-family: "Bebas Neue Bold";
}

.btn.css535:hover,
.btn.css535.hover {
    background-color: rgb(230, 161, 0);
    border-color: rgb(184, 129, 0);
    color: rgb(255, 255, 255) !important;
}

.btn.css535:active,
.btn.css535.active {
    background-color: rgb(207, 145, 0);
    border-color: rgb(184, 129, 0);
    color: rgb(255, 255, 255) !important;
}

.btn.css535:before {}

.btn.css535:active:before,
.btn.css535.active:before {
    background-color: rgb(207, 145, 0);
}

.node.css536 {
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css536 a {
    color: rgb(25, 105, 230)
}

.textable.css537 {
    text-align: left;
    font-family: "Bebas Neue Bold";
    font-size: 44px;
    line-height: 1.2;
    letter-spacing: 0em;
    color: rgb(32, 39, 50);
    opacity: 1
}

.screen-md .textable.css537 {
    font-size: 41px !important
}

.screen-sm .textable.css537 {
    font-size: 37px !important
}

.screen-xs .textable.css537 {
    text-align: left !important;
    font-size: 27px !important
}

.textable.css538 {
    text-align: left;
    font-family: "Montserrat Medium";
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: 0em;
    color: rgb(32, 39, 50);
    opacity: 1
}

.screen-md .textable.css538 {
    font-size: 24px !important
}

.screen-sm .textable.css538 {
    font-size: 37px !important
}

.screen-xs .textable.css538 {
    text-align: left !important;
    font-size: 27px !important
}

.node.css539 {
    color: #333;
    padding-top: 5px;
    padding-bottom: 25px;
    padding-left: 5px;
    padding-right: 0px
}

.screen-xs .node.css539 {
    padding-left: 0px !important
}

.node.css539 a {
    color: rgb(230, 169, 25)
}

.textable.css540 {
    text-align: left;
    font-family: "Montserrat Medium";
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: 0em;
    color: rgb(29, 35, 45);
    opacity: 1
}

.screen-md .textable.css540 {
    font-size: 16px !important
}

.screen-sm .textable.css540 {
    font-size: 37px !important
}

.screen-xs .textable.css540 {
    text-align: left !important;
    font-size: 27px !important
}

.node.css541 {
    color: #FFF;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 0px
}

.node.css541 a {
    color: rgb(25, 105, 230)
}

.metahtml.css542 .bl {
    width: 244px;
    margin: 0 auto;
}

.metahtml.css542 .dref .cont .btn-legacy {
    position: relative;
    overflow: hidden;
    -webkit-transition: ease 0.3s;
    -o-transition: ease 0.3s;
    transition: ease 0.3s;
    display: inline-block;
}

.metahtml.css542 .dref .cont .btn-legacy:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
    -webkit-transition: ease 0.3s;
    -o-transition: ease 0.3s;
    transition: ease 0.3s;
}

.metahtml.css542 .dref .cont .btn-legacy:after {
    content: "";
    display: inline-block;
    width: 5px;
    box-shadow: 1px 1px 26px 26px rgb(255, 255, 255);
    height: 300px;
    margin-left: 60px;
    background: rgb(255, 255, 255);
    opacity: 0.5;
    position: absolute;
    left: -40px;
    top: -150px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-animation-name: slidemem;
    animation-name: slidemem;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes slidemem {
    0% {
        left: -10%;
        margin-left: 0px;
    }

    30% {
        left: 110%;
        margin-left: 80px;
    }

    100% {
        left: 110%;
        margin-left: 80px;
    }
}

.metahtml.css542 .ripple {
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.4);
    transform: scale(0);
    position: absolute;
    opacity: 1;
}

.metahtml.css542 .rippleEffect {
    animation: rippleDrop 1.6s infinite linear;
}

@keyframes rippleDrop {
    100% {
        transform: scale(2);
        opacity: 0;
    }
}

.node.css543 {
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px
}

.node.css543 a {
    color: rgb(25, 105, 230)
}

.node.css544>.wrapper1 {
    background-color: white
}

.node.css544 {
    color: #333
}

.node.css544>.padding_top {
    padding-top: 60px
}

.node.css544>.padding_bottom {
    padding-bottom: 60px
}

.node.css544 a {
    color: rgb(230, 169, 25)
}

.node.css545 {
    color: #333;
    padding-top: 5px;
    padding-bottom: 15px;
    padding-left: 0px;
    padding-right: 0px
}

.screen-xs .node.css545 {
    padding-left: 0px !important
}

.node.css545 a {
    color: rgb(230, 169, 25)
}

.textable.css546 {
    text-align: center;
    font-family: "Bebas Neue Bold";
    font-size: 56px;
    line-height: 1.2;
    letter-spacing: 0em;
    color: rgb(32, 39, 50);
    opacity: 1
}

.screen-md .textable.css546 {
    font-size: 48px !important
}

.screen-sm .textable.css546 {
    font-size: 37px !important
}

.screen-xs .textable.css546 {
    text-align: left !important;
    font-size: 27px !important
}

.node.css547>.wrapper1 {
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border-radius: 10px
}

.node.css547>.wrapper1>.wrapper2 {
    background-color: rgba(0, 0, 0, 0)
}

.node.css547 {
    color: #FFF;
    padding-top: 10px;
    padding-bottom: 30px;
    padding-left: 10px;
    padding-right: 10px
}

.node.css547 a {
    color: rgb(230, 25, 25)
}

.node.css548 {
    color: #FFF;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px
}

.screen-md .node.css548 {
    padding-left: 0px !important;
    padding-right: 0px !important
}

.screen-xs .node.css548 {
    padding-left: 5px !important
}

.node.css548 a {
    color: rgb(230, 25, 25)
}

.textable.css549 {
    text-align: center;
    font-family: "Bebas Neue Bold";
    font-size: 24px;
    line-height: 1.3;
    letter-spacing: 0em;
    color: rgb(32, 39, 50);
    opacity: 1
}

.screen-md .textable.css549 {
    font-size: 21px !important
}

.screen-sm .textable.css549 {
    font-size: 21px !important
}

.screen-xs .textable.css549 {
    font-size: 21px !important
}

.node.css550 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 0px
}

.node.css550 a {
    color: rgb(230, 169, 25)
}

.node.css551 {
    color: #FFF;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css551 a {
    color: rgb(230, 25, 25)
}

.textable.css552 {
    text-align: center;
    font-family: "Bebas Neue Bold";
    font-size: 56px;
    line-height: 1.2;
    letter-spacing: 0em;
    color: rgb(32, 39, 50);
    opacity: 1
}

.screen-md .textable.css552 {
    font-size: 48px !important
}

.screen-sm .textable.css552 {
    font-size: 37px !important
}

.screen-xs .textable.css552 {
    text-align: center !important;
    font-size: 38px !important
}

.node.css553 {
    color: #FFF;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 0px
}

.screen-md .node.css553 {
    padding-left: 0px !important;
    padding-right: 0px !important
}

.screen-xs .node.css553 {
    padding-left: 5px !important
}

.node.css553 a {
    color: rgb(230, 25, 25)
}

.node.css554 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px
}

.screen-xs .node.css554 {
    padding-bottom: 20px !important
}

.node.css554 a {
    color: rgb(230, 169, 25)
}

.node.css555 {
    color: #FFF;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css555 a {
    color: rgb(230, 25, 25)
}

.node.css556 {
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css556 a {
    color: rgb(25, 84, 230)
}

.node.css557>.wrapper1 {
    background-color: rgb(255, 255, 255);
    border-radius: 10px;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5)
}

.node.css557 {
    color: #333;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px
}

.node.css557 a {
    color: rgb(25, 133, 230)
}

.node.css558 {
    color: #333;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css558 a {
    color: rgb(25, 133, 230)
}

.textable.css559 {
    text-align: left;
    font-family: "Bebas Neue Bold";
    font-size: 44px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 1
}

.textable.css560 {
    text-align: left;
    font-family: "Montserrat Medium";
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 1
}

.metahtml.css561 .form1-cover {
    padding: 5px 5px;
    background-color: rgb(255, 255, 255);
    border-color: rgb(255, 179, 0);
    border-style: none;
    border-width: 2px;
    border-radius: 5px;
    box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.1);
}

.node.css562 {
    color: #333;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 10px
}

.node.css562 a {
    color: rgb(25, 133, 230)
}

.metahtml.css563 [cr-field] {
    padding-bottom: 6px;
    font-size: 13px;
    font-family: Open Sans;
}

.metahtml.css563 .name {
    transition: 300ms all;
    color: rgba(51, 51, 51, 0.5);
    font-size: 12px;
    word-wrap: break-word;
    padding-bottom: 4px;
}

.metahtml.css563 .is-text .name {
    position: absolute;
    line-height: 1.2;
    font-size: 13px;
}

.metahtml.css563 .is-text:focus-within .name,
.metahtml.css563 .is-text.is-filled .name {
    transform: translateY(-100%);
    font-size: 12px;
}

.metahtml.css563 .form-control {
    height: auto;
    line-height: 1.2;
    box-shadow: none;
    position: relative;
    color: rgb(51, 51, 51);
    border: 0 solid rgba(0, 0, 0, 0.15);
    border-bottom-width: 1px;
    border-radius: 0;
    padding: 0 0 8px 0;
    font-size: 13px;
    cursor: initial;
    background-color: transparent;
}

.metahtml.css563 .is-text .form-control {
    margin-top: 21px;
}

.metahtml.css563 .form-control:focus,
.metahtml.css563 .form-control:focus-within {
    border-color: rgb(255, 179, 0);
}

.metahtml.css563 .form-control+.form-control {
    margin-top: 10px;
}

.metahtml.css563 label {
    font-weight: normal;
    display: block;
    cursor: pointer;
}

.metahtml.css563 textarea {
    resize: vertical;
}

.metahtml.css563 .checkbox {
    width: 18px;
    height: 18px;
    padding: 0;
    margin: 0 4.5px 0 0;
    line-height: 0;
    min-height: auto;
    display: inline-block;
    vertical-align: middle;
    background: white;
    border: 2px solid rgba(0, 0, 0, 0.25);
    position: relative;
    transition: 300ms all;
    border-radius: 2px;
}

.metahtml.css563 .checkbox svg {
    width: 100%;
    opacity: 0;
    transform: scale(0);
    transition: 300ms all;
}

.metahtml.css563 input:hover~.checkbox,
.metahtml.css563 input:focus~.checkbox {
    border-color: rgb(255, 217, 128);
}

.metahtml.css563 input:checked~.checkbox {
    border-color: rgb(230, 161, 0);
    background-color: rgb(255, 179, 0);
}

.metahtml.css563 input:active~.checkbox {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css563 input:checked~.checkbox svg {
    opacity: 1;
    transform: scale(1);
}

.metahtml.css563 .radio {
    margin: 0;
    margin: 0 4.5px 0 0;
    padding: 0;
    line-height: 0;
    width: 18px;
    height: 18px;
    min-height: auto;
    display: inline-block;
    vertical-align: middle;
    background: white;
    border: 2px solid rgba(0, 0, 0, 0.25);
    position: relative;
    transition: 300ms all;
    border-radius: 100px;
}

.metahtml.css563 .radio:before {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    content: '';
    display: block;
    background-color: white;
    border-radius: 100px;
    opacity: 0;
    transform: scale(0);
    transition: 300ms all;
}

.metahtml.css563 input:hover~.radio,
.metahtml.css563 input:focus~.radio {
    border-color: rgb(255, 217, 128);
}

.metahtml.css563 input:active~.radio {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css563 input:checked~.radio {
    border-color: rgb(230, 161, 0);
    background-color: rgb(255, 179, 0);
}

.metahtml.css563 input:checked~.radio:before {
    opacity: 1;
    transform: scale(0.5);
}

.metahtml.css563 [cr-field="checkbox-list"] span {
    vertical-align: middle;
}

.metahtml.css563 [cr-field="checkbox-list"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css563 [cr-field="checkbox-list"] label+label {
    margin-top: 6px;
}

.metahtml.css563 [cr-field="checkbox-visual"] {
    overflow: hidden;
}

.metahtml.css563 [cr-field="checkbox-visual"] .items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
    justify-content: space-between;
}

.metahtml.css563 [cr-field="checkbox-visual"] .item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-bottom: 20px;
    width: 30%;
}

.metahtml.css563 [cr-field="checkbox-visual"] label {
    position: relative;
}

.metahtml.css563 [cr-field="checkbox-visual"] .bgimage {
    background-size: cover;
    display: inline-block;
    background-position: center;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.metahtml.css563 [cr-field="checkbox-visual"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.metahtml.css563 [cr-field="checkbox-visual"] .tick {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 179, 0, 0.75);
    transition: all 300ms;
    opacity: 0;
}

.metahtml.css563 [cr-field="checkbox-visual"] .tick svg {
    opacity: 0;
    transition: all 300ms;
    max-width: 26px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.metahtml.css563 [cr-field="checkbox-visual"] .subname {
    margin: 6.5px 0;
    word-wrap: break-word;
    white-space: normal;
}

.metahtml.css563 [cr-field="checkbox-visual"] input:hover~.bgimage .tick,
.metahtml.css563 [cr-field="checkbox-visual"] input:focus~.bgimage .tick {
    opacity: 0.5;
}

.metahtml.css563 [cr-field="checkbox-visual"] input:checked~.bgimage .tick,
.metahtml.css563 [cr-field="checkbox-visual"] input:checked~.bgimage .tick svg {
    opacity: 1;
}

.screen-xs .metahtml.css563 [cr-field="checkbox-visual"] .item {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    white-space: nowrap;
}

.screen-xs .metahtml.css563 [cr-field="checkbox-visual"] .bgimage {
    width: 25%;
    padding-top: 25%;
    vertical-align: middle;
}

.screen-xs .metahtml.css563 [cr-field="checkbox-visual"] .subname {
    width: 75%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5%;
    margin-left: -4px;
}

.metahtml.css563 [cr-field="checkbox-input"] span {
    vertical-align: middle;
}

.metahtml.css563 [cr-field="checkbox-input"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css563 [cr-field="radio-list"] span {
    vertical-align: middle;
}

.metahtml.css563 [cr-field="radio-list"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css563 [cr-field="radio-list"] label+label {
    margin-top: 6px;
}

.metahtml.css563 [cr-field="radio-visual"] {
    overflow: hidden;
}

.metahtml.css563 [cr-field="radio-visual"] .items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
    justify-content: space-between;
}

.metahtml.css563 [cr-field="radio-visual"] .item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-bottom: 20px;
    width: 30%;
}

.metahtml.css563 [cr-field="radio-visual"] label {
    position: relative;
}

.metahtml.css563 [cr-field="radio-visual"] .bgimage {
    background-size: cover;
    display: inline-block;
    background-position: center;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.metahtml.css563 [cr-field="radio-visual"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.metahtml.css563 [cr-field="radio-visual"] .tick {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 179, 0, 0.75);
    transition: all 300ms;
    opacity: 0;
}

.metahtml.css563 [cr-field="radio-visual"] .tick svg {
    opacity: 0;
    transition: all 300ms;
    max-width: 26px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.metahtml.css563 [cr-field="radio-visual"] .subname {
    margin: 6.5px 0;
    word-wrap: break-word;
    white-space: normal;
}

.metahtml.css563 [cr-field="radio-visual"] input:hover~.bgimage .tick {
    opacity: 0.5;
}

.metahtml.css563 [cr-field="radio-visual"] input:checked~.bgimage .tick,
.metahtml.css563 [cr-field="radio-visual"] input:checked~.bgimage .tick svg {
    opacity: 1;
}

.screen-xs .metahtml.css563 [cr-field="radio-visual"] .item {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    white-space: nowrap;
}

.screen-xs .metahtml.css563 [cr-field="radio-visual"] .bgimage {
    width: 25%;
    padding-top: 25%;
    vertical-align: middle;
}

.screen-xs .metahtml.css563 [cr-field="radio-visual"] .subname {
    width: 75%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5%;
    margin-left: -4px;
}

.metahtml.css563 [cr-field="select-menu"] select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
    color: black;
    -webkit-appearance: none;
}

.metahtml.css563 [cr-field="select-menu"] .fa {
    font-size: 20px;
    line-height: 0;
    opacity: 0.5;
    vertical-align: middle;
}

.metahtml.css563 [cr-field="select-menu"] .flexgrid {
    display: flex;
    align-items: center;
}

.metahtml.css563 [cr-field="select-menu"] .flexgrid .left {
    flex-grow: 1;
    min-width: 50%;
    word-wrap: break-word;
}

.metahtml.css563 [cr-field="file"] svg {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-top: -5px;
    margin-bottom: -5px;
}

.metahtml.css563 [cr-field="file"] span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}

.metahtml.css563 [cr-field="file"] input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 0;
}

.metahtml.css563 [cr-field="file"] .clean {
    float: right;
    opacity: 0.5;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.metahtml.css563 [cr-field="file"] .clean:hover {
    opacity: 1;
}

.metahtml.css563 [cr-field="file"] .flexgrid {
    display: flex;
    align-items: center;
}

.metahtml.css563 [cr-field="file"] .flexgrid .center {
    flex-grow: 1;
    min-width: 50%;
    word-wrap: break-word;
}

.metahtml.css563 [cr-field="result"] .flexgrid.align-sides {
    display: flex;
    align-items: center;
}

.metahtml.css563 [cr-field="result"] .flexgrid.align-sides .left .name {
    margin-bottom: 0;
}

.metahtml.css563 [cr-field="result"] .flexgrid.align-center .left {
    text-align: center;
}

.metahtml.css563 [cr-field="result"] .flexgrid.align-right .left {
    text-align: right;
}

.metahtml.css563 [cr-field="result"] .flexgrid .right {
    flex-grow: 1;
    min-width: 25%;
    word-wrap: break-word;
    text-align: right;
    font-size: 120%;
}

.metahtml.css563 [cr-field="result"] .flexgrid.align-left .right {
    text-align: left;
}

.metahtml.css563 [cr-field="result"] .flexgrid.align-center .right {
    text-align: center;
}

.metahtml.css563 [cr-field="result"] .flexgrid.align-right .right {
    text-align: right;
}

.metahtml.css563 [cr-field="privacy-button"] .open {
    text-align: center;
    opacity: 0.5;
    font-size: 80%;
    cursor: pointer;
}

.metahtml.css563 [cr-field="privacy-button"] .open a {
    color: inherit;
    text-decoration: none;
}

.metahtml.css563 [cr-field="privacy-checkbox"] {
    font-size: 80%;
}

.metahtml.css563 [cr-field="privacy-checkbox"] span {
    vertical-align: middle;
}

.metahtml.css563 [cr-field="privacy-checkbox"] a {
    vertical-align: middle;
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    color: inherit;
    cursor: pointer;
}

.metahtml.css563 [cr-field="privacy-checkbox"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css563 [cr-field="privacy-text"] {
    font-size: 80%;
    text-align: center;
}

.metahtml.css563 [cr-field="privacy-text"] a {
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    color: inherit;
    cursor: pointer;
}

.metahtml.css563 [cr-field="hidden"] {
    opacity: 0.25;
}

.node.css564 {
    color: #333;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css564 a {
    color: rgb(25, 133, 230)
}

.metahtml.css565 .bl {
    width: 258px;
    margin: 0 auto;
}

.metahtml.css565 .dref .cont .btn-legacy {
    position: relative;
    overflow: hidden;
    -webkit-transition: ease 0.3s;
    -o-transition: ease 0.3s;
    transition: ease 0.3s;
    display: inline-block;
}

.metahtml.css565 .dref .cont .btn-legacy:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
    -webkit-transition: ease 0.3s;
    -o-transition: ease 0.3s;
    transition: ease 0.3s;
}

.metahtml.css565 .dref .cont .btn-legacy:after {
    content: "";
    display: inline-block;
    width: 5px;
    box-shadow: 1px 1px 26px 26px rgb(255, 255, 255);
    height: 300px;
    margin-left: 60px;
    background: rgb(255, 255, 255);
    opacity: 0.5;
    position: absolute;
    left: -40px;
    top: -150px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-animation-name: slidemem;
    animation-name: slidemem;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes slidemem {
    0% {
        left: -10%;
        margin-left: 0px;
    }

    30% {
        left: 110%;
        margin-left: 80px;
    }

    100% {
        left: 110%;
        margin-left: 80px;
    }
}

.metahtml.css565 .ripple {
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.4);
    transform: scale(0);
    position: absolute;
    opacity: 1;
}

.metahtml.css565 .rippleEffect {
    animation: rippleDrop 1.6s infinite linear;
}

@keyframes rippleDrop {
    100% {
        transform: scale(2);
        opacity: 0;
    }
}

.btn.css566 {
    text-align: center
}

.btn.css566 {
    background-color: rgb(26, 31, 40);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: rgb(20, 25, 32);
    padding-top: 11px;
    padding-bottom: 11px;
    font-size: 22px;
    color: rgb(255, 255, 255) !important;
    font-family: "Bebas Neue Bold";
}

.btn.css566:hover,
.btn.css566.hover {
    background-color: rgb(26, 31, 40);
    border-color: rgb(20, 25, 32);
    color: rgb(255, 195, 51) !important;
}

.btn.css566:active,
.btn.css566.active {
    background-color: rgb(23, 28, 36);
    border-color: rgb(20, 25, 32);
    color: rgb(255, 255, 255) !important;
}

.btn.css566:before {}

.btn.css566:active:before,
.btn.css566.active:before {
    background-color: rgb(23, 28, 36);
}

.node.css567 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px
}

.node.css567 a {
    color: rgb(25, 133, 230)
}

.node.css568 {
    color: #333;
    padding-top: 2px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css568 a {
    color: rgb(25, 133, 230)
}

.node.css569 {
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css569 a {
    color: rgb(25, 84, 230)
}

.node.css570 {
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 23px;
    padding-right: 5px
}

.node.css570 a {
    color: rgb(25, 84, 230)
}

.metahtml.css571 .speach1 {
    padding: 7px;
    background-color: rgb(255, 255, 255);
    border-radius: 4px;
    border-bottom-left-radius: 4px;
    box-shadow: 0 8px 24px 0px rgba(115, 135, 164, 0.1);
}

.metahtml.css571 .speach1-angle {
    margin-left: 30px;
    width: 30px;
    height: 16.666666666666668px;
    overflow: hidden;
}

.metahtml.css571 .speach1-angle:before {
    content: ' ';
    display: block;
    margin-top: -20px;
    margin-left: -13.333333333333334px;
    width: 30px;
    height: 30px;
    background-color: rgb(255, 255, 255);
    transform: rotate(50deg);
    box-shadow: 0 8px 24px 0px rgba(0, 0, 0, 0.1);
}

.node.css572 {
    color: #333;
    padding-top: 9px;
    padding-bottom: 10px;
    padding-left: 17px;
    padding-right: 17px
}

.node.css572 a {
    color: rgb(25, 84, 230)
}

.node.css573 img {
    width: 120px
}

.node.css573 .roundimage {
    text-align: center
}

.node.css574 {
    color: #FFF;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css574 a {
    color: rgb(25, 84, 230)
}

.textable.css575 {
    text-align: left;
    font-family: "Montserrat Medium";
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 1
}

.node.css576 {
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css576 a {
    color: rgb(25, 84, 230)
}

.textable.css577 {
    text-align: left;
    font-family: "Montserrat Regular";
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 1
}

.screen-md .textable.css577 {
    font-family: "Montserrat Regular" !important
}

.screen-sm .textable.css577 {
    font-family: "Montserrat Regular" !important
}

.screen-xs .textable.css577 {
    font-family: "Montserrat Regular" !important
}

.node.css578>.wrapper1 {
    background-color: rgb(255, 255, 255);
    border-radius: 10px;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5)
}

.node.css578 {
    color: #333;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px
}

.node.css578 a {
    color: rgb(25, 133, 230)
}

.textable.css579 {
    text-align: left;
    font-family: "Bebas Neue Bold";
    font-size: 44px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 1
}

.screen-sm .textable.css579 {
    font-size: 37px !important
}

.screen-xs .textable.css579 {
    font-size: 33px !important
}

.textable.css580 {
    text-align: left;
    font-family: "Montserrat Medium";
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 1
}

.screen-sm .textable.css580 {
    font-size: 14px !important
}

.screen-xs .textable.css580 {
    font-size: 14px !important
}

.metahtml.css581 .form1-cover {
    padding: 10px 5px;
    background-color: rgb(255, 255, 255);
    border-color: rgb(255, 179, 0);
    border-style: none;
    border-width: 2px;
    border-radius: 5px;
    box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.1);
}

.node.css582 {
    color: #333;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css582 a {
    color: rgb(25, 133, 230)
}

.metahtml.css583 [cr-field] {
    padding-bottom: 6px;
    font-size: 13px;
    font-family: Open Sans;
}

.metahtml.css583 .name {
    transition: 300ms all;
    color: rgba(51, 51, 51, 0.5);
    font-size: 12px;
    word-wrap: break-word;
    padding-bottom: 4px;
}

.metahtml.css583 .is-text .name {
    position: absolute;
    line-height: 1.2;
    font-size: 13px;
}

.metahtml.css583 .is-text:focus-within .name,
.metahtml.css583 .is-text.is-filled .name {
    transform: translateY(-100%);
    font-size: 12px;
}

.metahtml.css583 .form-control {
    height: auto;
    line-height: 1.2;
    box-shadow: none;
    position: relative;
    color: rgb(51, 51, 51);
    border: 0 solid rgba(0, 0, 0, 0.15);
    border-bottom-width: 1px;
    border-radius: 0;
    padding: 0 0 8px 0;
    font-size: 13px;
    cursor: initial;
    background-color: transparent;
}

.metahtml.css583 .is-text .form-control {
    margin-top: 21px;
}

.metahtml.css583 .form-control:focus,
.metahtml.css583 .form-control:focus-within {
    border-color: rgb(255, 179, 0);
}

.metahtml.css583 .form-control+.form-control {
    margin-top: 10px;
}

.metahtml.css583 label {
    font-weight: normal;
    display: block;
    cursor: pointer;
}

.metahtml.css583 textarea {
    resize: vertical;
}

.metahtml.css583 .checkbox {
    width: 18px;
    height: 18px;
    padding: 0;
    margin: 0 4.5px 0 0;
    line-height: 0;
    min-height: auto;
    display: inline-block;
    vertical-align: middle;
    background: white;
    border: 2px solid rgba(0, 0, 0, 0.25);
    position: relative;
    transition: 300ms all;
    border-radius: 2px;
}

.metahtml.css583 .checkbox svg {
    width: 100%;
    opacity: 0;
    transform: scale(0);
    transition: 300ms all;
}

.metahtml.css583 input:hover~.checkbox,
.metahtml.css583 input:focus~.checkbox {
    border-color: rgb(255, 217, 128);
}

.metahtml.css583 input:checked~.checkbox {
    border-color: rgb(230, 161, 0);
    background-color: rgb(255, 179, 0);
}

.metahtml.css583 input:active~.checkbox {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css583 input:checked~.checkbox svg {
    opacity: 1;
    transform: scale(1);
}

.metahtml.css583 .radio {
    margin: 0;
    margin: 0 4.5px 0 0;
    padding: 0;
    line-height: 0;
    width: 18px;
    height: 18px;
    min-height: auto;
    display: inline-block;
    vertical-align: middle;
    background: white;
    border: 2px solid rgba(0, 0, 0, 0.25);
    position: relative;
    transition: 300ms all;
    border-radius: 100px;
}

.metahtml.css583 .radio:before {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    content: '';
    display: block;
    background-color: white;
    border-radius: 100px;
    opacity: 0;
    transform: scale(0);
    transition: 300ms all;
}

.metahtml.css583 input:hover~.radio,
.metahtml.css583 input:focus~.radio {
    border-color: rgb(255, 217, 128);
}

.metahtml.css583 input:active~.radio {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css583 input:checked~.radio {
    border-color: rgb(230, 161, 0);
    background-color: rgb(255, 179, 0);
}

.metahtml.css583 input:checked~.radio:before {
    opacity: 1;
    transform: scale(0.5);
}

.metahtml.css583 [cr-field="checkbox-list"] span {
    vertical-align: middle;
}

.metahtml.css583 [cr-field="checkbox-list"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css583 [cr-field="checkbox-list"] label+label {
    margin-top: 6px;
}

.metahtml.css583 [cr-field="checkbox-visual"] {
    overflow: hidden;
}

.metahtml.css583 [cr-field="checkbox-visual"] .items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
    justify-content: space-between;
}

.metahtml.css583 [cr-field="checkbox-visual"] .item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-bottom: 20px;
    width: 30%;
}

.metahtml.css583 [cr-field="checkbox-visual"] label {
    position: relative;
}

.metahtml.css583 [cr-field="checkbox-visual"] .bgimage {
    background-size: cover;
    display: inline-block;
    background-position: center;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.metahtml.css583 [cr-field="checkbox-visual"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.metahtml.css583 [cr-field="checkbox-visual"] .tick {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 179, 0, 0.75);
    transition: all 300ms;
    opacity: 0;
}

.metahtml.css583 [cr-field="checkbox-visual"] .tick svg {
    opacity: 0;
    transition: all 300ms;
    max-width: 26px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.metahtml.css583 [cr-field="checkbox-visual"] .subname {
    margin: 6.5px 0;
    word-wrap: break-word;
    white-space: normal;
}

.metahtml.css583 [cr-field="checkbox-visual"] input:hover~.bgimage .tick,
.metahtml.css583 [cr-field="checkbox-visual"] input:focus~.bgimage .tick {
    opacity: 0.5;
}

.metahtml.css583 [cr-field="checkbox-visual"] input:checked~.bgimage .tick,
.metahtml.css583 [cr-field="checkbox-visual"] input:checked~.bgimage .tick svg {
    opacity: 1;
}

.screen-xs .metahtml.css583 [cr-field="checkbox-visual"] .item {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    white-space: nowrap;
}

.screen-xs .metahtml.css583 [cr-field="checkbox-visual"] .bgimage {
    width: 25%;
    padding-top: 25%;
    vertical-align: middle;
}

.screen-xs .metahtml.css583 [cr-field="checkbox-visual"] .subname {
    width: 75%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5%;
    margin-left: -4px;
}

.metahtml.css583 [cr-field="checkbox-input"] span {
    vertical-align: middle;
}

.metahtml.css583 [cr-field="checkbox-input"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css583 [cr-field="radio-list"] span {
    vertical-align: middle;
}

.metahtml.css583 [cr-field="radio-list"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css583 [cr-field="radio-list"] label+label {
    margin-top: 6px;
}

.metahtml.css583 [cr-field="radio-visual"] {
    overflow: hidden;
}

.metahtml.css583 [cr-field="radio-visual"] .items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
    justify-content: space-between;
}

.metahtml.css583 [cr-field="radio-visual"] .item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-bottom: 20px;
    width: 30%;
}

.metahtml.css583 [cr-field="radio-visual"] label {
    position: relative;
}

.metahtml.css583 [cr-field="radio-visual"] .bgimage {
    background-size: cover;
    display: inline-block;
    background-position: center;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.metahtml.css583 [cr-field="radio-visual"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.metahtml.css583 [cr-field="radio-visual"] .tick {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 179, 0, 0.75);
    transition: all 300ms;
    opacity: 0;
}

.metahtml.css583 [cr-field="radio-visual"] .tick svg {
    opacity: 0;
    transition: all 300ms;
    max-width: 26px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.metahtml.css583 [cr-field="radio-visual"] .subname {
    margin: 6.5px 0;
    word-wrap: break-word;
    white-space: normal;
}

.metahtml.css583 [cr-field="radio-visual"] input:hover~.bgimage .tick {
    opacity: 0.5;
}

.metahtml.css583 [cr-field="radio-visual"] input:checked~.bgimage .tick,
.metahtml.css583 [cr-field="radio-visual"] input:checked~.bgimage .tick svg {
    opacity: 1;
}

.screen-xs .metahtml.css583 [cr-field="radio-visual"] .item {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    white-space: nowrap;
}

.screen-xs .metahtml.css583 [cr-field="radio-visual"] .bgimage {
    width: 25%;
    padding-top: 25%;
    vertical-align: middle;
}

.screen-xs .metahtml.css583 [cr-field="radio-visual"] .subname {
    width: 75%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5%;
    margin-left: -4px;
}

.metahtml.css583 [cr-field="select-menu"] select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
    color: black;
    -webkit-appearance: none;
}

.metahtml.css583 [cr-field="select-menu"] .fa {
    font-size: 20px;
    line-height: 0;
    opacity: 0.5;
    vertical-align: middle;
}

.metahtml.css583 [cr-field="select-menu"] .flexgrid {
    display: flex;
    align-items: center;
}

.metahtml.css583 [cr-field="select-menu"] .flexgrid .left {
    flex-grow: 1;
    min-width: 50%;
    word-wrap: break-word;
}

.metahtml.css583 [cr-field="file"] svg {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-top: -5px;
    margin-bottom: -5px;
}

.metahtml.css583 [cr-field="file"] span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}

.metahtml.css583 [cr-field="file"] input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 0;
}

.metahtml.css583 [cr-field="file"] .clean {
    float: right;
    opacity: 0.5;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.metahtml.css583 [cr-field="file"] .clean:hover {
    opacity: 1;
}

.metahtml.css583 [cr-field="file"] .flexgrid {
    display: flex;
    align-items: center;
}

.metahtml.css583 [cr-field="file"] .flexgrid .center {
    flex-grow: 1;
    min-width: 50%;
    word-wrap: break-word;
}

.metahtml.css583 [cr-field="result"] .flexgrid.align-sides {
    display: flex;
    align-items: center;
}

.metahtml.css583 [cr-field="result"] .flexgrid.align-sides .left .name {
    margin-bottom: 0;
}

.metahtml.css583 [cr-field="result"] .flexgrid.align-center .left {
    text-align: center;
}

.metahtml.css583 [cr-field="result"] .flexgrid.align-right .left {
    text-align: right;
}

.metahtml.css583 [cr-field="result"] .flexgrid .right {
    flex-grow: 1;
    min-width: 25%;
    word-wrap: break-word;
    text-align: right;
    font-size: 100%;
}

.metahtml.css583 [cr-field="result"] .flexgrid.align-left .right {
    text-align: left;
}

.metahtml.css583 [cr-field="result"] .flexgrid.align-center .right {
    text-align: center;
}

.metahtml.css583 [cr-field="result"] .flexgrid.align-right .right {
    text-align: right;
}

.metahtml.css583 [cr-field="privacy-button"] .open {
    text-align: center;
    opacity: 0.5;
    font-size: 80%;
    cursor: pointer;
}

.metahtml.css583 [cr-field="privacy-button"] .open a {
    color: inherit;
    text-decoration: none;
}

.metahtml.css583 [cr-field="privacy-checkbox"] {
    font-size: 80%;
}

.metahtml.css583 [cr-field="privacy-checkbox"] span {
    vertical-align: middle;
}

.metahtml.css583 [cr-field="privacy-checkbox"] a {
    vertical-align: middle;
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    color: inherit;
    cursor: pointer;
}

.metahtml.css583 [cr-field="privacy-checkbox"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css583 [cr-field="privacy-text"] {
    font-size: 80%;
    text-align: center;
}

.metahtml.css583 [cr-field="privacy-text"] a {
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    color: inherit;
    cursor: pointer;
}

.metahtml.css583 [cr-field="hidden"] {
    opacity: 0.25;
}

.metahtml.css584 .bl {
    width: 289px;
    margin: 0 auto;
}

.metahtml.css584 .dref .cont .btn-legacy {
    position: relative;
    overflow: hidden;
    -webkit-transition: ease 0.3s;
    -o-transition: ease 0.3s;
    transition: ease 0.3s;
    display: inline-block;
}

.metahtml.css584 .dref .cont .btn-legacy:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
    -webkit-transition: ease 0.3s;
    -o-transition: ease 0.3s;
    transition: ease 0.3s;
}

.metahtml.css584 .dref .cont .btn-legacy:after {
    content: "";
    display: inline-block;
    width: 5px;
    box-shadow: 1px 1px 26px 26px rgb(255, 255, 255);
    height: 300px;
    margin-left: 60px;
    background: rgb(255, 255, 255);
    opacity: 0.5;
    position: absolute;
    left: -40px;
    top: -150px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-animation-name: slidemem;
    animation-name: slidemem;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes slidemem {
    0% {
        left: -10%;
        margin-left: 0px;
    }

    30% {
        left: 110%;
        margin-left: 80px;
    }

    100% {
        left: 110%;
        margin-left: 80px;
    }
}

.metahtml.css584 .ripple {
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.4);
    transform: scale(0);
    position: absolute;
    opacity: 1;
}

.metahtml.css584 .rippleEffect {
    animation: rippleDrop 1.6s infinite linear;
}

@keyframes rippleDrop {
    100% {
        transform: scale(2);
        opacity: 0;
    }
}

.btn.css585 {
    text-align: center
}

.btn.css585 {
    background-color: rgb(26, 31, 40);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: rgb(20, 25, 32);
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 20px;
    color: rgb(255, 255, 255) !important;
    font-family: "Bebas Neue Bold";
}

.btn.css585:hover,
.btn.css585.hover {
    background-color: rgb(26, 31, 40);
    border-color: rgb(20, 25, 32);
    color: rgb(255, 195, 51) !important;
}

.btn.css585:active,
.btn.css585.active {
    background-color: rgb(23, 28, 36);
    border-color: rgb(20, 25, 32);
    color: rgb(255, 255, 255) !important;
}

.btn.css585:before {}

.btn.css585:active:before,
.btn.css585.active:before {
    background-color: rgb(23, 28, 36);
}

.node.css586 {
    color: #FFF;
    padding-top: 20px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css586 a {
    color: rgb(25, 84, 230)
}

.node.css587 {
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 39px;
    padding-right: 17px
}

.node.css587 a {
    color: rgb(25, 84, 230)
}

.node.css588 {
    color: #333;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css588 a {
    color: rgb(25, 84, 230)
}

.node.css589 {
    color: #FFF;
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css589 a {
    color: rgb(25, 84, 230)
}

.textable.css590 {
    text-align: left;
    font-family: "Montserrat Regular";
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 1
}

.screen-sm .textable.css590 {
    font-family: "Montserrat Light" !important;
    font-size: 14px !important
}

.screen-xs .textable.css590 {
    font-family: "Montserrat Light" !important;
    font-size: 14px !important
}

.textable.css591 {
    text-align: left;
    font-family: "Bebas Neue Bold";
    font-size: 44px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 1
}

.screen-sm .textable.css591 {
    font-size: 37px !important
}

.screen-xs .textable.css591 {
    font-size: 37px !important
}

.metahtml.css592 [cr-field] {
    padding-bottom: 6px;
    font-size: 14px;
    font-family: Open Sans;
}

.metahtml.css592 .name {
    transition: 300ms all;
    color: rgba(51, 51, 51, 0.5);
    font-size: 12px;
    word-wrap: break-word;
    padding-bottom: 4px;
}

.metahtml.css592 .is-text .name {
    position: absolute;
    line-height: 1.2;
    font-size: 14px;
}

.metahtml.css592 .is-text:focus-within .name,
.metahtml.css592 .is-text.is-filled .name {
    transform: translateY(-100%);
    font-size: 12px;
}

.metahtml.css592 .form-control {
    height: auto;
    line-height: 1.2;
    box-shadow: none;
    position: relative;
    color: rgb(51, 51, 51);
    border: 0 solid rgba(0, 0, 0, 0.15);
    border-bottom-width: 1px;
    border-radius: 0;
    padding: 0 0 8px 0;
    font-size: 14px;
    cursor: initial;
    background-color: transparent;
}

.metahtml.css592 .is-text .form-control {
    margin-top: 22px;
}

.metahtml.css592 .form-control:focus,
.metahtml.css592 .form-control:focus-within {
    border-color: rgb(255, 179, 0);
}

.metahtml.css592 .form-control+.form-control {
    margin-top: 10px;
}

.metahtml.css592 label {
    font-weight: normal;
    display: block;
    cursor: pointer;
}

.metahtml.css592 textarea {
    resize: vertical;
}

.metahtml.css592 .checkbox {
    width: 18px;
    height: 18px;
    padding: 0;
    margin: 0 4.5px 0 0;
    line-height: 0;
    min-height: auto;
    display: inline-block;
    vertical-align: middle;
    background: white;
    border: 2px solid rgba(0, 0, 0, 0.25);
    position: relative;
    transition: 300ms all;
    border-radius: 2px;
}

.metahtml.css592 .checkbox svg {
    width: 100%;
    opacity: 0;
    transform: scale(0);
    transition: 300ms all;
}

.metahtml.css592 input:hover~.checkbox,
.metahtml.css592 input:focus~.checkbox {
    border-color: rgb(255, 217, 128);
}

.metahtml.css592 input:checked~.checkbox {
    border-color: rgb(230, 161, 0);
    background-color: rgb(255, 179, 0);
}

.metahtml.css592 input:active~.checkbox {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css592 input:checked~.checkbox svg {
    opacity: 1;
    transform: scale(1);
}

.metahtml.css592 .radio {
    margin: 0;
    margin: 0 4.5px 0 0;
    padding: 0;
    line-height: 0;
    width: 18px;
    height: 18px;
    min-height: auto;
    display: inline-block;
    vertical-align: middle;
    background: white;
    border: 2px solid rgba(0, 0, 0, 0.25);
    position: relative;
    transition: 300ms all;
    border-radius: 100px;
}

.metahtml.css592 .radio:before {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    content: '';
    display: block;
    background-color: white;
    border-radius: 100px;
    opacity: 0;
    transform: scale(0);
    transition: 300ms all;
}

.metahtml.css592 input:hover~.radio,
.metahtml.css592 input:focus~.radio {
    border-color: rgb(255, 217, 128);
}

.metahtml.css592 input:active~.radio {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css592 input:checked~.radio {
    border-color: rgb(230, 161, 0);
    background-color: rgb(255, 179, 0);
}

.metahtml.css592 input:checked~.radio:before {
    opacity: 1;
    transform: scale(0.5);
}

.metahtml.css592 [cr-field="checkbox-list"] span {
    vertical-align: middle;
}

.metahtml.css592 [cr-field="checkbox-list"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css592 [cr-field="checkbox-list"] label+label {
    margin-top: 6px;
}

.metahtml.css592 [cr-field="checkbox-visual"] {
    overflow: hidden;
}

.metahtml.css592 [cr-field="checkbox-visual"] .items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
    justify-content: space-between;
}

.metahtml.css592 [cr-field="checkbox-visual"] .item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-bottom: 20px;
    width: 30%;
}

.metahtml.css592 [cr-field="checkbox-visual"] label {
    position: relative;
}

.metahtml.css592 [cr-field="checkbox-visual"] .bgimage {
    background-size: cover;
    display: inline-block;
    background-position: center;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.metahtml.css592 [cr-field="checkbox-visual"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.metahtml.css592 [cr-field="checkbox-visual"] .tick {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 179, 0, 0.75);
    transition: all 300ms;
    opacity: 0;
}

.metahtml.css592 [cr-field="checkbox-visual"] .tick svg {
    opacity: 0;
    transition: all 300ms;
    max-width: 26px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.metahtml.css592 [cr-field="checkbox-visual"] .subname {
    margin: 7px 0;
    word-wrap: break-word;
    white-space: normal;
}

.metahtml.css592 [cr-field="checkbox-visual"] input:hover~.bgimage .tick,
.metahtml.css592 [cr-field="checkbox-visual"] input:focus~.bgimage .tick {
    opacity: 0.5;
}

.metahtml.css592 [cr-field="checkbox-visual"] input:checked~.bgimage .tick,
.metahtml.css592 [cr-field="checkbox-visual"] input:checked~.bgimage .tick svg {
    opacity: 1;
}

.screen-xs .metahtml.css592 [cr-field="checkbox-visual"] .item {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    white-space: nowrap;
}

.screen-xs .metahtml.css592 [cr-field="checkbox-visual"] .bgimage {
    width: 25%;
    padding-top: 25%;
    vertical-align: middle;
}

.screen-xs .metahtml.css592 [cr-field="checkbox-visual"] .subname {
    width: 75%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5%;
    margin-left: -4px;
}

.metahtml.css592 [cr-field="checkbox-input"] span {
    vertical-align: middle;
}

.metahtml.css592 [cr-field="checkbox-input"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css592 [cr-field="radio-list"] span {
    vertical-align: middle;
}

.metahtml.css592 [cr-field="radio-list"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css592 [cr-field="radio-list"] label+label {
    margin-top: 6px;
}

.metahtml.css592 [cr-field="radio-visual"] {
    overflow: hidden;
}

.metahtml.css592 [cr-field="radio-visual"] .items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
    justify-content: space-between;
}

.metahtml.css592 [cr-field="radio-visual"] .item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-bottom: 20px;
    width: 30%;
}

.metahtml.css592 [cr-field="radio-visual"] label {
    position: relative;
}

.metahtml.css592 [cr-field="radio-visual"] .bgimage {
    background-size: cover;
    display: inline-block;
    background-position: center;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.metahtml.css592 [cr-field="radio-visual"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.metahtml.css592 [cr-field="radio-visual"] .tick {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 179, 0, 0.75);
    transition: all 300ms;
    opacity: 0;
}

.metahtml.css592 [cr-field="radio-visual"] .tick svg {
    opacity: 0;
    transition: all 300ms;
    max-width: 26px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.metahtml.css592 [cr-field="radio-visual"] .subname {
    margin: 7px 0;
    word-wrap: break-word;
    white-space: normal;
}

.metahtml.css592 [cr-field="radio-visual"] input:hover~.bgimage .tick {
    opacity: 0.5;
}

.metahtml.css592 [cr-field="radio-visual"] input:checked~.bgimage .tick,
.metahtml.css592 [cr-field="radio-visual"] input:checked~.bgimage .tick svg {
    opacity: 1;
}

.screen-xs .metahtml.css592 [cr-field="radio-visual"] .item {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    white-space: nowrap;
}

.screen-xs .metahtml.css592 [cr-field="radio-visual"] .bgimage {
    width: 25%;
    padding-top: 25%;
    vertical-align: middle;
}

.screen-xs .metahtml.css592 [cr-field="radio-visual"] .subname {
    width: 75%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5%;
    margin-left: -4px;
}

.metahtml.css592 [cr-field="select-menu"] select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
    color: black;
    -webkit-appearance: none;
}

.metahtml.css592 [cr-field="select-menu"] .fa {
    font-size: 20px;
    line-height: 0;
    opacity: 0.5;
    vertical-align: middle;
}

.metahtml.css592 [cr-field="select-menu"] .flexgrid {
    display: flex;
    align-items: center;
}

.metahtml.css592 [cr-field="select-menu"] .flexgrid .left {
    flex-grow: 1;
    min-width: 50%;
    word-wrap: break-word;
}

.metahtml.css592 [cr-field="file"] svg {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-top: -5px;
    margin-bottom: -5px;
}

.metahtml.css592 [cr-field="file"] span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}

.metahtml.css592 [cr-field="file"] input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 0;
}

.metahtml.css592 [cr-field="file"] .clean {
    float: right;
    opacity: 0.5;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.metahtml.css592 [cr-field="file"] .clean:hover {
    opacity: 1;
}

.metahtml.css592 [cr-field="file"] .flexgrid {
    display: flex;
    align-items: center;
}

.metahtml.css592 [cr-field="file"] .flexgrid .center {
    flex-grow: 1;
    min-width: 50%;
    word-wrap: break-word;
}

.metahtml.css592 [cr-field="result"] .flexgrid.align-sides {
    display: flex;
    align-items: center;
}

.metahtml.css592 [cr-field="result"] .flexgrid.align-sides .left .name {
    margin-bottom: 0;
}

.metahtml.css592 [cr-field="result"] .flexgrid.align-center .left {
    text-align: center;
}

.metahtml.css592 [cr-field="result"] .flexgrid.align-right .left {
    text-align: right;
}

.metahtml.css592 [cr-field="result"] .flexgrid .right {
    flex-grow: 1;
    min-width: 25%;
    word-wrap: break-word;
    text-align: right;
    font-size: 120%;
}

.metahtml.css592 [cr-field="result"] .flexgrid.align-left .right {
    text-align: left;
}

.metahtml.css592 [cr-field="result"] .flexgrid.align-center .right {
    text-align: center;
}

.metahtml.css592 [cr-field="result"] .flexgrid.align-right .right {
    text-align: right;
}

.metahtml.css592 [cr-field="privacy-button"] .open {
    text-align: center;
    opacity: 0.5;
    font-size: 80%;
    cursor: pointer;
}

.metahtml.css592 [cr-field="privacy-button"] .open a {
    color: inherit;
    text-decoration: none;
}

.metahtml.css592 [cr-field="privacy-checkbox"] {
    font-size: 80%;
}

.metahtml.css592 [cr-field="privacy-checkbox"] span {
    vertical-align: middle;
}

.metahtml.css592 [cr-field="privacy-checkbox"] a {
    vertical-align: middle;
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    color: inherit;
    cursor: pointer;
}

.metahtml.css592 [cr-field="privacy-checkbox"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css592 [cr-field="privacy-text"] {
    font-size: 80%;
    text-align: center;
}

.metahtml.css592 [cr-field="privacy-text"] a {
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    color: inherit;
    cursor: pointer;
}

.metahtml.css592 [cr-field="hidden"] {
    opacity: 0.25;
}

.metahtml.css593 .bl {
    width: 190px;
    margin: 0 auto;
}

.metahtml.css593 .dref .cont .btn-legacy {
    position: relative;
    overflow: hidden;
    -webkit-transition: ease 0.3s;
    -o-transition: ease 0.3s;
    transition: ease 0.3s;
    display: inline-block;
}

.metahtml.css593 .dref .cont .btn-legacy:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
    -webkit-transition: ease 0.3s;
    -o-transition: ease 0.3s;
    transition: ease 0.3s;
}

.metahtml.css593 .dref .cont .btn-legacy:after {
    content: "";
    display: inline-block;
    width: 5px;
    box-shadow: 1px 1px 26px 26px rgb(255, 255, 255);
    height: 300px;
    margin-left: 60px;
    background: rgb(255, 255, 255);
    opacity: 0.5;
    position: absolute;
    left: -40px;
    top: -150px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-animation-name: slidemem;
    animation-name: slidemem;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes slidemem {
    0% {
        left: -10%;
        margin-left: 0px;
    }

    30% {
        left: 110%;
        margin-left: 80px;
    }

    100% {
        left: 110%;
        margin-left: 80px;
    }
}

.metahtml.css593 .ripple {
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.4);
    transform: scale(0);
    position: absolute;
    opacity: 1;
}

.metahtml.css593 .rippleEffect {
    animation: rippleDrop 1.6s infinite linear;
}

@keyframes rippleDrop {
    100% {
        transform: scale(2);
        opacity: 0;
    }
}

.btn.css594 {
    text-align: center
}

.btn.css594 {
    background-color: rgb(26, 31, 40);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: rgb(20, 25, 32);
    padding-top: 11px;
    padding-bottom: 11px;
    font-size: 20px;
    color: rgb(255, 255, 255) !important;
    font-family: "Bebas Neue Bold";
}

.btn.css594:hover,
.btn.css594.hover {
    background-color: rgb(26, 31, 40);
    border-color: rgb(20, 25, 32);
    color: rgb(255, 195, 51) !important;
}

.btn.css594:active,
.btn.css594.active {
    background-color: rgb(23, 28, 36);
    border-color: rgb(20, 25, 32);
    color: rgb(255, 255, 255) !important;
}

.btn.css594:before {}

.btn.css594:active:before,
.btn.css594.active:before {
    background-color: rgb(23, 28, 36);
}

.node.css595 {
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 39px;
    padding-right: 0px
}

.node.css595 a {
    color: rgb(25, 84, 230)
}

.node.css596 {
    color: #333;
    padding-top: 9px;
    padding-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css596 a {
    color: rgb(25, 84, 230)
}

.node.css597 {
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 0px
}

.node.css597 a {
    color: rgb(25, 84, 230)
}

.metahtml.css598 .form1-cover {
    padding: 15px 5px;
    background-color: rgb(255, 255, 255);
    border-color: rgb(255, 179, 0);
    border-style: none;
    border-width: 2px;
    border-radius: 5px;
    box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.1);
}

.btn.css599 {
    text-align: center
}

.btn.css599 {
    background-color: rgb(26, 31, 40);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: rgb(20, 25, 32);
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 16px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgb(255, 255, 255) !important;
    font-family: "Oswald Medium";
}

.btn.css599:hover,
.btn.css599.hover {
    background-color: rgb(26, 31, 40);
    border-color: rgb(20, 25, 32);
    color: rgb(255, 195, 51) !important;
}

.btn.css599:active,
.btn.css599.active {
    background-color: rgb(23, 28, 36);
    border-color: rgb(20, 25, 32);
    color: rgb(255, 255, 255) !important;
}

.btn.css599:before {}

.btn.css599:active:before,
.btn.css599.active:before {
    background-color: rgb(23, 28, 36);
}

.metahtml.css600 .link a {
    color: rgb(26, 31, 40) !important;
    text-decoration: underline !important;
}

.node.css601 {
    color: #FFF;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 34px;
    padding-right: 5px
}

.node.css601 a {
    color: rgb(25, 84, 230)
}

.node.css602 {
    color: #333;
    padding-top: 9px;
    padding-bottom: 20px;
    padding-left: 17px;
    padding-right: 17px
}

.node.css602 a {
    color: rgb(25, 84, 230)
}

.node.css603 {
    color: #333;
    padding-top: 5px;
    padding-bottom: 15px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css603 a {
    color: rgb(230, 169, 25)
}

.textable.css604 {
    text-align: center;
    font-family: "Bebas Neue Bold";
    font-size: 56px;
    line-height: 1.1;
    letter-spacing: 0em;
    opacity: 1
}

.screen-xs .textable.css604 {
    text-align: center !important;
    font-size: 38px !important
}

.metahtml.css605 .slider1-root {
    position: relative;
}

.metahtml.css605 .slider1-previous,
.metahtml.css605 .slider1-next {
    display: inline-block;
    height: 32px;
    width: 32px;
    font-size: 10.666666666666666px;
    vertical-align: middle;
    line-height: 28px;
    text-align: center;
    border-radius: 100%;
    border: 2px solid rgba(51, 51, 51, 0.2);
    color: rgb(51, 51, 51);
    opacity: 0.8;
}

.metahtml.css605 .slider1-previous {
    margin-right: 10.666666666666666px;
}

.metahtml.css605 .slider1-previous:hover {
    opacity: 1;
}

.metahtml.css605 .slider1-previous i {
    margin-right: 2.1333333333333333px;
}

.metahtml.css605 .slider1-next {
    margin-left: 10.666666666666666px;
}

.metahtml.css605 .slider1-next:hover {
    opacity: 1;
}

.metahtml.css605 .slider1-next i {
    margin-left: 2.1333333333333333px;
}

.metahtml.css605 .slider1-container {
    margin-top: 10px;
}

.node.css606 .bgimage {
    height: 511px;
    background-position: center
}

.node.css606 img.selectable {
    max-height: 511px
}

.node.css606 .proportions {
    width: calc(var(--width) / var(--height) * 511);
    padding-top: 511px
}

.node.css607 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css607>.wrapper1 {
    border-radius: 20px
}

.node.css607 a {
    color: rgb(230, 169, 25)
}

.metahtml.css608 .courses11 {
    display: flex;
    padding-bottom: 5px;
    margin: auto;
    overflow-x: auto;
    overflow-x: scroll;
    overflow-y: hidden;
    will-change: transform;
    user-select: none;
    cursor: pointer;
    transition: transform 0.83s;
    border-radius: 20px;
}

.metahtml.css608 .courses11.active {
    cursor: grabbing;
    cursor: -webkit-grabbing;
}

.metahtml.css608 .courses11::-webkit-scrollbar {
    height: 5px;
}

.metahtml.css608 .courses11::-webkit-scrollbar-track {
    background: rgba(128, 128, 128, 0);
    border-radius: 20px;
}

.metahtml.css608 .courses11::-webkit-scrollbar-thumb {
    background-color: rgb(255, 179, 0);
    /* цвет тумблера */
    border-radius: 20px;
    /* скругление углов тумблера */
}

.metahtml.css608 .item11 {
    margin: 0px;
    flex: 0 0 4359px;
    height: 100%;
    min-height: 10px;
    border-radius: 20px;
}

.screen-sm .metahtml.css608 .item11 {
    width: 3924px;
}

.node.css609>div>.w-elements-cell {
    width: 11.11111111111111%
}

.node.css609>.w-elements-grid {
    margin: -5px -5px
}

.node.css609>div>div>.w-elements-cellwrapper {
    padding: 5px 5px
}

.node.css610 {
    color: #333;
    padding-top: 20px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css610>.wrapper1 {
    border-radius: 20px
}

.node.css610 a {
    color: rgb(230, 169, 25)
}

.metahtml.css611 .courses11 {
    display: flex;
    padding-bottom: 5px;
    margin: auto;
    overflow-x: auto;
    overflow-x: scroll;
    overflow-y: hidden;
    will-change: transform;
    user-select: none;
    cursor: pointer;
    transition: transform 0.83s;
    border-radius: 20px;
}

.metahtml.css611 .courses11.active {
    cursor: grabbing;
    cursor: -webkit-grabbing;
}

.metahtml.css611 .courses11::-webkit-scrollbar {
    height: 5px;
}

.metahtml.css611 .courses11::-webkit-scrollbar-track {
    background: rgba(128, 128, 128, 0);
    border-radius: 20px;
}

.metahtml.css611 .courses11::-webkit-scrollbar-thumb {
    background-color: rgb(255, 179, 0);
    /* цвет тумблера */
    border-radius: 20px;
    /* скругление углов тумблера */
}

.metahtml.css611 .item11 {
    margin: 0px;
    flex: 0 0 4016px;
    height: 100%;
    min-height: 10px;
    border-radius: 20px;
}

.node.css612 {
    color: #FFF;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 5px
}

.node.css612 a {
    color: rgb(25, 84, 230)
}

.textable.css613 {
    text-align: left;
    font-family: "Bebas Neue Bold";
    font-size: 56px;
    line-height: 1.2;
    letter-spacing: 0em;
    opacity: 1
}

.screen-md .textable.css613 {
    font-size: 48px !important
}

.screen-sm .textable.css613 {
    font-size: 51px !important
}

.screen-xs .textable.css613 {
    font-size: 25px !important
}

.node.css614 {
    color: #FFF;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px
}

.screen-xs .node.css614 {
    padding-right: 5px !important
}

.node.css614 a {
    color: rgb(25, 84, 230)
}

.textable.css615 {
    text-align: left;
    font-family: "Open Sans";
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 0.89
}

.node.css616 {
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 8px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css616 a {
    color: rgb(25, 84, 230)
}

.textable.css617 {
    text-align: left;
    font-family: "Open Sans";
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 0.89
}

.screen-md .textable.css617 {
    font-family: "Open Sans" !important;
    opacity: 0.89 !important
}

.screen-sm .textable.css617 {
    font-family: "Open Sans" !important;
    opacity: 0.89 !important
}

.screen-xs .textable.css617 {
    text-align: center !important;
    font-family: "Open Sans" !important;
    opacity: 0.89 !important
}

.textable.css618 {
    text-align: left;
    font-family: "Montserrat Regular";
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 1
}

.screen-md .textable.css618 {
    font-size: 13px !important
}

.screen-sm .textable.css618 {
    font-size: 13px !important
}

.screen-xs .textable.css618 {
    font-size: 13px !important
}

.textable.css619 {
    text-align: left;
    font-family: "Bebas Neue Regular";
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: 0em;
    opacity: 1
}

.screen-sm .textable.css619 {
    font-size: 51px !important
}

.screen-xs .textable.css619 {
    font-size: 25px !important
}

.node.css620 img {
    width: calc(0.17 * var(--width))
}

.node.css620 .bgnormal {
    text-align: center
}

.textable.css621 {
    text-align: left;
    font-family: "Open Sans";
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: 0em;
    opacity: 1
}

.screen-md .textable.css621 {
    font-size: 14px !important
}

.screen-sm .textable.css621 {
    font-size: 14px !important
}

.screen-xs .textable.css621 {
    font-size: 14px !important
}

.textable.css622 {
    text-align: left;
    font-family: "Montserrat Regular";
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 1
}

.textable.css623 {
    text-align: left;
    font-family: "Montserrat Medium";
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 1
}

.screen-md .textable.css623 {
    font-family: "Open Sans" !important;
    opacity: 0.89 !important
}

.screen-sm .textable.css623 {
    font-family: "Open Sans" !important;
    opacity: 0.89 !important
}

.screen-xs .textable.css623 {
    text-align: center !important;
    font-family: "Open Sans" !important;
    opacity: 0.89 !important
}

.textable.css624 {
    text-align: left;
    font-family: "Open Sans";
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: 0em;
    opacity: 1
}

.screen-md .textable.css624 {
    font-size: 14px !important;
    line-height: 1.3 !important;
    letter-spacing: 0em !important
}

.screen-sm .textable.css624 {
    font-size: 14px !important;
    line-height: 1.4 !important;
    letter-spacing: 0em !important
}

.screen-xs .textable.css624 {
    font-size: 14px !important;
    line-height: 1.4 !important;
    letter-spacing: 0em !important
}

.textable.css625 {
    text-align: left;
    font-family: "Montserrat Regular";
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 1
}

.screen-md .textable.css625 {
    font-size: 14px !important
}

.screen-sm .textable.css625 {
    font-size: 14px !important
}

.screen-xs .textable.css625 {
    font-size: 14px !important
}

.textable.css626 {
    text-align: left;
    font-family: "Open Sans";
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: 0em;
    opacity: 1
}

.screen-md .textable.css626 {
    font-size: 14px !important;
    line-height: 1.3 !important;
    letter-spacing: 0em !important
}

.screen-sm .textable.css626 {
    font-size: 14px !important;
    line-height: 1.3 !important;
    letter-spacing: 0em !important
}

.screen-xs .textable.css626 {
    font-size: 14px !important;
    line-height: 1.3 !important;
    letter-spacing: 0em !important
}

.textable.css627 {
    text-align: left;
    font-family: "Bebas Neue Bold";
    font-size: 56px;
    line-height: 1.2;
    letter-spacing: 0em;
    opacity: 1
}

.screen-md .textable.css627 {
    font-size: 48px !important
}

.screen-sm .textable.css627 {
    font-size: 51px !important
}

.screen-xs .textable.css627 {
    font-size: 38px !important
}

.textable.css628 {
    text-align: left;
    font-family: "Montserrat Medium";
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 1
}

.screen-md .textable.css628 {
    font-family: "Open Sans" !important;
    opacity: 0.89 !important
}

.screen-sm .textable.css628 {
    font-family: "Open Sans" !important;
    opacity: 0.89 !important
}

.screen-xs .textable.css628 {
    text-align: left !important;
    font-family: "Open Sans" !important;
    opacity: 0.89 !important
}

.node.css629 {
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 5px
}

.node.css629 a {
    color: rgb(25, 84, 230)
}

.textable.css630 {
    text-align: left;
    font-family: "Bebas Neue Regular";
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: 0em;
    opacity: 1
}

.screen-sm .textable.css630 {
    font-size: 42px !important
}

.screen-xs .textable.css630 {
    font-size: 31px !important
}

.textable.css631 {
    text-align: left;
    font-family: "Open Sans";
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: 0em;
    opacity: 1
}

.screen-md .textable.css631 {
    font-size: 14px !important
}

.screen-sm .textable.css631 {
    font-size: 18px !important;
    line-height: 1.3 !important;
    letter-spacing: 0em !important
}

.screen-xs .textable.css631 {
    font-size: 18px !important;
    line-height: 1.3 !important;
    letter-spacing: 0em !important
}

.textable.css632 {
    text-align: left;
    font-family: "Bebas Neue Regular";
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: 0em;
    opacity: 1
}

.screen-sm .textable.css632 {
    font-size: 42px !important
}

.screen-xs .textable.css632 {
    font-size: 25px !important
}

.textable.css633 {
    text-align: left;
    font-family: "Bebas Neue Bold";
    font-size: 48px;
    line-height: 1.2;
    letter-spacing: 0em;
    opacity: 1
}

.node.css634 {
    color: #333;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 19px
}

.node.css634 a {
    color: rgb(230, 169, 25)
}

.node.css635 {
    color: #333;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 5px
}

.node.css635 a {
    color: rgb(230, 169, 25)
}

.metahtml.css636 .spoiler2 {
    background-color: rgb(255, 255, 255);
    border-radius: 5px;
    box-shadow: 0 6.666666666666667px 20px 0px rgba(52, 60, 68, 0.1);
    color: rgb(25, 25, 25);
    padding: 0 25px;
}

.metahtml.css636 .spoiler2-header {
    padding: 15px 5px;
    padding-right: 20px;
    position: relative;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: bold;
}

.metahtml.css636 .spoiler2-toggle {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
    font-size: 14px;
}

.metahtml.css636 .spoiler2-toggle i {
    transition: all 0.2s ease-in-out;
}

.metahtml.css636 .spoiler2-header.is-expanded .spoiler2-toggle i {
    transform: rotate(180deg);
    margin-top: 6px;
}

.metahtml.css636 .spoiler2-container {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 15px 0;
}

.textable.css637 {
    text-align: left;
    font-family: "Montserrat Medium";
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: 0.1142857142857143em;
    opacity: 1
}

.metahtml.css638 .form1-cover {
    padding: 0px 25px;
    background-color: rgb(26, 29, 40);
    border-color: rgb(255, 179, 0);
    border-style: none;
    border-width: 2px;
    border-radius: 10px;
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.1);
}

.textable.css639 {
    text-align: left;
    font-family: "Bebas Neue Regular";
    font-size: 48px;
    line-height: 1.2;
    letter-spacing: 0.1em;
    opacity: 1
}

.node.css640 {
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css640 a {
    color: rgb(230, 169, 25)
}

.node.css641 {
    color: #FFF;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 0px
}

.node.css641 a {
    color: rgb(230, 169, 25)
}

.metahtml.css642 [cr-field] {
    padding-bottom: 6px;
    font-size: 14px;
    font-family: Open Sans;
}

.metahtml.css642 .name {
    transition: 300ms all;
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    word-wrap: break-word;
    padding-bottom: 4px;
}

.metahtml.css642 .is-text .name {
    position: absolute;
    line-height: 1.2;
    font-size: 14px;
}

.metahtml.css642 .is-text:focus-within .name,
.metahtml.css642 .is-text.is-filled .name {
    transform: translateY(-100%);
    font-size: 12px;
}

.metahtml.css642 .form-control {
    height: auto;
    line-height: 1.2;
    box-shadow: none;
    position: relative;
    color: rgb(255, 255, 255);
    border: 0 solid rgba(203, 210, 222, 0.15);
    border-bottom-width: 1px;
    border-radius: 0;
    padding: 0 0 8px 0;
    font-size: 14px;
    cursor: initial;
    background-color: transparent;
}

.metahtml.css642 .is-text .form-control {
    margin-top: 22px;
}

.metahtml.css642 .form-control:focus,
.metahtml.css642 .form-control:focus-within {
    border-color: rgb(255, 179, 0);
}

.metahtml.css642 .form-control+.form-control {
    margin-top: 10px;
}

.metahtml.css642 label {
    font-weight: normal;
    display: block;
    cursor: pointer;
}

.metahtml.css642 textarea {
    resize: vertical;
}

.metahtml.css642 .checkbox {
    width: 22px;
    height: 22px;
    padding: 0;
    margin: 0 5.5px 0 0;
    line-height: 0;
    min-height: auto;
    display: inline-block;
    vertical-align: middle;
    background: white;
    border: 2px solid rgba(0, 0, 0, 0.25);
    position: relative;
    transition: 300ms all;
    border-radius: 2px;
}

.metahtml.css642 .checkbox svg {
    width: 100%;
    opacity: 0;
    transform: scale(0);
    transition: 300ms all;
}

.metahtml.css642 input:hover~.checkbox,
.metahtml.css642 input:focus~.checkbox {
    border-color: rgb(255, 217, 128);
}

.metahtml.css642 input:checked~.checkbox {
    border-color: rgb(230, 161, 0);
    background-color: rgb(255, 179, 0);
}

.metahtml.css642 input:active~.checkbox {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css642 input:checked~.checkbox svg {
    opacity: 1;
    transform: scale(1);
}

.metahtml.css642 .radio {
    margin: 0;
    margin: 0 5.5px 0 0;
    padding: 0;
    line-height: 0;
    width: 22px;
    height: 22px;
    min-height: auto;
    display: inline-block;
    vertical-align: middle;
    background: white;
    border: 2px solid rgba(0, 0, 0, 0.25);
    position: relative;
    transition: 300ms all;
    border-radius: 100px;
}

.metahtml.css642 .radio:before {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    content: '';
    display: block;
    background-color: white;
    border-radius: 100px;
    opacity: 0;
    transform: scale(0);
    transition: 300ms all;
}

.metahtml.css642 input:hover~.radio,
.metahtml.css642 input:focus~.radio {
    border-color: rgb(255, 217, 128);
}

.metahtml.css642 input:active~.radio {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css642 input:checked~.radio {
    border-color: rgb(230, 161, 0);
    background-color: rgb(255, 179, 0);
}

.metahtml.css642 input:checked~.radio:before {
    opacity: 1;
    transform: scale(0.5);
}

.metahtml.css642 [cr-field="checkbox-list"] span {
    vertical-align: middle;
}

.metahtml.css642 [cr-field="checkbox-list"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css642 [cr-field="checkbox-list"] label+label {
    margin-top: 7.333333333333333px;
}

.metahtml.css642 [cr-field="checkbox-visual"] {
    overflow: hidden;
}

.metahtml.css642 [cr-field="checkbox-visual"] .items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
    justify-content: space-between;
}

.metahtml.css642 [cr-field="checkbox-visual"] .item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-bottom: 20px;
    width: 30%;
}

.metahtml.css642 [cr-field="checkbox-visual"] label {
    position: relative;
}

.metahtml.css642 [cr-field="checkbox-visual"] .bgimage {
    background-size: cover;
    display: inline-block;
    background-position: center;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.metahtml.css642 [cr-field="checkbox-visual"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.metahtml.css642 [cr-field="checkbox-visual"] .tick {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 179, 0, 0.75);
    transition: all 300ms;
    opacity: 0;
}

.metahtml.css642 [cr-field="checkbox-visual"] .tick svg {
    opacity: 0;
    transition: all 300ms;
    max-width: 26px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.metahtml.css642 [cr-field="checkbox-visual"] .subname {
    margin: 7px 0;
    word-wrap: break-word;
    white-space: normal;
}

.metahtml.css642 [cr-field="checkbox-visual"] input:hover~.bgimage .tick,
.metahtml.css642 [cr-field="checkbox-visual"] input:focus~.bgimage .tick {
    opacity: 0.5;
}

.metahtml.css642 [cr-field="checkbox-visual"] input:checked~.bgimage .tick,
.metahtml.css642 [cr-field="checkbox-visual"] input:checked~.bgimage .tick svg {
    opacity: 1;
}

.screen-xs .metahtml.css642 [cr-field="checkbox-visual"] .item {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    white-space: nowrap;
}

.screen-xs .metahtml.css642 [cr-field="checkbox-visual"] .bgimage {
    width: 25%;
    padding-top: 25%;
    vertical-align: middle;
}

.screen-xs .metahtml.css642 [cr-field="checkbox-visual"] .subname {
    width: 75%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5%;
    margin-left: -4px;
}

.metahtml.css642 [cr-field="checkbox-input"] span {
    vertical-align: middle;
}

.metahtml.css642 [cr-field="checkbox-input"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css642 [cr-field="radio-list"] span {
    vertical-align: middle;
}

.metahtml.css642 [cr-field="radio-list"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css642 [cr-field="radio-list"] label+label {
    margin-top: 7.333333333333333px;
}

.metahtml.css642 [cr-field="radio-visual"] {
    overflow: hidden;
}

.metahtml.css642 [cr-field="radio-visual"] .items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
    justify-content: space-between;
}

.metahtml.css642 [cr-field="radio-visual"] .item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-bottom: 20px;
    width: 30%;
}

.metahtml.css642 [cr-field="radio-visual"] label {
    position: relative;
}

.metahtml.css642 [cr-field="radio-visual"] .bgimage {
    background-size: cover;
    display: inline-block;
    background-position: center;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.metahtml.css642 [cr-field="radio-visual"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.metahtml.css642 [cr-field="radio-visual"] .tick {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 179, 0, 0.75);
    transition: all 300ms;
    opacity: 0;
}

.metahtml.css642 [cr-field="radio-visual"] .tick svg {
    opacity: 0;
    transition: all 300ms;
    max-width: 26px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.metahtml.css642 [cr-field="radio-visual"] .subname {
    margin: 7px 0;
    word-wrap: break-word;
    white-space: normal;
}

.metahtml.css642 [cr-field="radio-visual"] input:hover~.bgimage .tick {
    opacity: 0.5;
}

.metahtml.css642 [cr-field="radio-visual"] input:checked~.bgimage .tick,
.metahtml.css642 [cr-field="radio-visual"] input:checked~.bgimage .tick svg {
    opacity: 1;
}

.screen-xs .metahtml.css642 [cr-field="radio-visual"] .item {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    white-space: nowrap;
}

.screen-xs .metahtml.css642 [cr-field="radio-visual"] .bgimage {
    width: 25%;
    padding-top: 25%;
    vertical-align: middle;
}

.screen-xs .metahtml.css642 [cr-field="radio-visual"] .subname {
    width: 75%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5%;
    margin-left: -4px;
}

.metahtml.css642 [cr-field="select-menu"] select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
    color: black;
    -webkit-appearance: none;
}

.metahtml.css642 [cr-field="select-menu"] .fa {
    font-size: 20px;
    line-height: 0;
    opacity: 0.5;
    vertical-align: middle;
}

.metahtml.css642 [cr-field="select-menu"] .flexgrid {
    display: flex;
    align-items: center;
}

.metahtml.css642 [cr-field="select-menu"] .flexgrid .left {
    flex-grow: 1;
    min-width: 50%;
    word-wrap: break-word;
}

.metahtml.css642 [cr-field="file"] svg {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-top: -5px;
    margin-bottom: -5px;
}

.metahtml.css642 [cr-field="file"] span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}

.metahtml.css642 [cr-field="file"] input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 0;
}

.metahtml.css642 [cr-field="file"] .clean {
    float: right;
    opacity: 0.5;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.metahtml.css642 [cr-field="file"] .clean:hover {
    opacity: 1;
}

.metahtml.css642 [cr-field="file"] .flexgrid {
    display: flex;
    align-items: center;
}

.metahtml.css642 [cr-field="file"] .flexgrid .center {
    flex-grow: 1;
    min-width: 50%;
    word-wrap: break-word;
}

.metahtml.css642 [cr-field="result"] .flexgrid.align-sides {
    display: flex;
    align-items: center;
}

.metahtml.css642 [cr-field="result"] .flexgrid.align-sides .left .name {
    margin-bottom: 0;
}

.metahtml.css642 [cr-field="result"] .flexgrid.align-center .left {
    text-align: center;
}

.metahtml.css642 [cr-field="result"] .flexgrid.align-right .left {
    text-align: right;
}

.metahtml.css642 [cr-field="result"] .flexgrid .right {
    flex-grow: 1;
    min-width: 25%;
    word-wrap: break-word;
    text-align: right;
    font-size: 120%;
}

.metahtml.css642 [cr-field="result"] .flexgrid.align-left .right {
    text-align: left;
}

.metahtml.css642 [cr-field="result"] .flexgrid.align-center .right {
    text-align: center;
}

.metahtml.css642 [cr-field="result"] .flexgrid.align-right .right {
    text-align: right;
}

.metahtml.css642 [cr-field="privacy-button"] .open {
    text-align: center;
    opacity: 0.5;
    font-size: 80%;
    cursor: pointer;
}

.metahtml.css642 [cr-field="privacy-button"] .open a {
    color: inherit;
    text-decoration: none;
}

.metahtml.css642 [cr-field="privacy-checkbox"] {
    font-size: 80%;
}

.metahtml.css642 [cr-field="privacy-checkbox"] span {
    vertical-align: middle;
}

.metahtml.css642 [cr-field="privacy-checkbox"] a {
    vertical-align: middle;
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    color: inherit;
    cursor: pointer;
}

.metahtml.css642 [cr-field="privacy-checkbox"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css642 [cr-field="privacy-text"] {
    font-size: 80%;
    text-align: center;
}

.metahtml.css642 [cr-field="privacy-text"] a {
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    color: inherit;
    cursor: pointer;
}

.metahtml.css642 [cr-field="hidden"] {
    opacity: 0.25;
}

.node.css643 {
    color: #FFF;
    padding-top: 15px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 5px
}

.node.css643 a {
    color: rgb(230, 169, 25)
}

.node.css644 {
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 0px
}

.screen-xs .node.css644 {
    padding-bottom: 5px !important
}

.node.css644 a {
    color: rgb(230, 169, 25)
}

.metahtml.css645 [cr-field] {
    padding-bottom: 6px;
    font-size: 14px;
    font-family: Open Sans;
}

.metahtml.css645 .name {
    transition: 300ms all;
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    word-wrap: break-word;
    padding-bottom: 4px;
}

.metahtml.css645 .is-text .name {
    position: absolute;
    line-height: 1.2;
    font-size: 14px;
}

.metahtml.css645 .is-text:focus-within .name,
.metahtml.css645 .is-text.is-filled .name {
    transform: translateY(-100%);
    font-size: 12px;
}

.metahtml.css645 .form-control {
    height: auto;
    line-height: 1.2;
    box-shadow: none;
    position: relative;
    color: rgb(255, 255, 255);
    border: 0 solid rgba(203, 210, 222, 0.15);
    border-bottom-width: 1px;
    border-radius: 0;
    padding: 0 0 8px 0;
    font-size: 14px;
    cursor: initial;
    background-color: transparent;
}

.metahtml.css645 .is-text .form-control {
    margin-top: 22px;
}

.metahtml.css645 .form-control:focus,
.metahtml.css645 .form-control:focus-within {
    border-color: rgb(255, 179, 0);
}

.metahtml.css645 .form-control+.form-control {
    margin-top: 10px;
}

.metahtml.css645 label {
    font-weight: normal;
    display: block;
    cursor: pointer;
}

.metahtml.css645 textarea {
    resize: vertical;
}

.metahtml.css645 .checkbox {
    width: 22px;
    height: 22px;
    padding: 0;
    margin: 0 5.5px 0 0;
    line-height: 0;
    min-height: auto;
    display: inline-block;
    vertical-align: middle;
    background: white;
    border: 2px solid rgba(0, 0, 0, 0.25);
    position: relative;
    transition: 300ms all;
    border-radius: 2px;
}

.metahtml.css645 .checkbox svg {
    width: 100%;
    opacity: 0;
    transform: scale(0);
    transition: 300ms all;
}

.metahtml.css645 input:hover~.checkbox,
.metahtml.css645 input:focus~.checkbox {
    border-color: rgb(255, 217, 128);
}

.metahtml.css645 input:checked~.checkbox {
    border-color: rgb(230, 161, 0);
    background-color: rgb(255, 179, 0);
}

.metahtml.css645 input:active~.checkbox {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css645 input:checked~.checkbox svg {
    opacity: 1;
    transform: scale(1);
}

.metahtml.css645 .radio {
    margin: 0;
    margin: 0 5.5px 0 0;
    padding: 0;
    line-height: 0;
    width: 22px;
    height: 22px;
    min-height: auto;
    display: inline-block;
    vertical-align: middle;
    background: white;
    border: 2px solid rgba(0, 0, 0, 0.25);
    position: relative;
    transition: 300ms all;
    border-radius: 100px;
}

.metahtml.css645 .radio:before {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    content: '';
    display: block;
    background-color: white;
    border-radius: 100px;
    opacity: 0;
    transform: scale(0);
    transition: 300ms all;
}

.metahtml.css645 input:hover~.radio,
.metahtml.css645 input:focus~.radio {
    border-color: rgb(255, 217, 128);
}

.metahtml.css645 input:active~.radio {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css645 input:checked~.radio {
    border-color: rgb(230, 161, 0);
    background-color: rgb(255, 179, 0);
}

.metahtml.css645 input:checked~.radio:before {
    opacity: 1;
    transform: scale(0.5);
}

.metahtml.css645 [cr-field="checkbox-list"] span {
    vertical-align: middle;
}

.metahtml.css645 [cr-field="checkbox-list"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css645 [cr-field="checkbox-list"] label+label {
    margin-top: 7.333333333333333px;
}

.metahtml.css645 [cr-field="checkbox-visual"] {
    overflow: hidden;
}

.metahtml.css645 [cr-field="checkbox-visual"] .items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
    justify-content: space-between;
}

.metahtml.css645 [cr-field="checkbox-visual"] .item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-bottom: 20px;
    width: 30%;
}

.metahtml.css645 [cr-field="checkbox-visual"] label {
    position: relative;
}

.metahtml.css645 [cr-field="checkbox-visual"] .bgimage {
    background-size: cover;
    display: inline-block;
    background-position: center;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.metahtml.css645 [cr-field="checkbox-visual"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.metahtml.css645 [cr-field="checkbox-visual"] .tick {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 179, 0, 0.75);
    transition: all 300ms;
    opacity: 0;
}

.metahtml.css645 [cr-field="checkbox-visual"] .tick svg {
    opacity: 0;
    transition: all 300ms;
    max-width: 26px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.metahtml.css645 [cr-field="checkbox-visual"] .subname {
    margin: 7px 0;
    word-wrap: break-word;
    white-space: normal;
}

.metahtml.css645 [cr-field="checkbox-visual"] input:hover~.bgimage .tick,
.metahtml.css645 [cr-field="checkbox-visual"] input:focus~.bgimage .tick {
    opacity: 0.5;
}

.metahtml.css645 [cr-field="checkbox-visual"] input:checked~.bgimage .tick,
.metahtml.css645 [cr-field="checkbox-visual"] input:checked~.bgimage .tick svg {
    opacity: 1;
}

.screen-xs .metahtml.css645 [cr-field="checkbox-visual"] .item {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    white-space: nowrap;
}

.screen-xs .metahtml.css645 [cr-field="checkbox-visual"] .bgimage {
    width: 25%;
    padding-top: 25%;
    vertical-align: middle;
}

.screen-xs .metahtml.css645 [cr-field="checkbox-visual"] .subname {
    width: 75%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5%;
    margin-left: -4px;
}

.metahtml.css645 [cr-field="checkbox-input"] span {
    vertical-align: middle;
}

.metahtml.css645 [cr-field="checkbox-input"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css645 [cr-field="radio-list"] span {
    vertical-align: middle;
}

.metahtml.css645 [cr-field="radio-list"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css645 [cr-field="radio-list"] label+label {
    margin-top: 7.333333333333333px;
}

.metahtml.css645 [cr-field="radio-visual"] {
    overflow: hidden;
}

.metahtml.css645 [cr-field="radio-visual"] .items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
    justify-content: space-between;
}

.metahtml.css645 [cr-field="radio-visual"] .item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-bottom: 20px;
    width: 30%;
}

.metahtml.css645 [cr-field="radio-visual"] label {
    position: relative;
}

.metahtml.css645 [cr-field="radio-visual"] .bgimage {
    background-size: cover;
    display: inline-block;
    background-position: center;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.metahtml.css645 [cr-field="radio-visual"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.metahtml.css645 [cr-field="radio-visual"] .tick {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 179, 0, 0.75);
    transition: all 300ms;
    opacity: 0;
}

.metahtml.css645 [cr-field="radio-visual"] .tick svg {
    opacity: 0;
    transition: all 300ms;
    max-width: 26px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.metahtml.css645 [cr-field="radio-visual"] .subname {
    margin: 7px 0;
    word-wrap: break-word;
    white-space: normal;
}

.metahtml.css645 [cr-field="radio-visual"] input:hover~.bgimage .tick {
    opacity: 0.5;
}

.metahtml.css645 [cr-field="radio-visual"] input:checked~.bgimage .tick,
.metahtml.css645 [cr-field="radio-visual"] input:checked~.bgimage .tick svg {
    opacity: 1;
}

.screen-xs .metahtml.css645 [cr-field="radio-visual"] .item {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    white-space: nowrap;
}

.screen-xs .metahtml.css645 [cr-field="radio-visual"] .bgimage {
    width: 25%;
    padding-top: 25%;
    vertical-align: middle;
}

.screen-xs .metahtml.css645 [cr-field="radio-visual"] .subname {
    width: 75%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5%;
    margin-left: -4px;
}

.metahtml.css645 [cr-field="select-menu"] select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
    color: black;
    -webkit-appearance: none;
}

.metahtml.css645 [cr-field="select-menu"] .fa {
    font-size: 20px;
    line-height: 0;
    opacity: 0.5;
    vertical-align: middle;
}

.metahtml.css645 [cr-field="select-menu"] .flexgrid {
    display: flex;
    align-items: center;
}

.metahtml.css645 [cr-field="select-menu"] .flexgrid .left {
    flex-grow: 1;
    min-width: 50%;
    word-wrap: break-word;
}

.metahtml.css645 [cr-field="file"] svg {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-top: -5px;
    margin-bottom: -5px;
}

.metahtml.css645 [cr-field="file"] span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}

.metahtml.css645 [cr-field="file"] input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 0;
}

.metahtml.css645 [cr-field="file"] .clean {
    float: right;
    opacity: 0.5;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.metahtml.css645 [cr-field="file"] .clean:hover {
    opacity: 1;
}

.metahtml.css645 [cr-field="file"] .flexgrid {
    display: flex;
    align-items: center;
}

.metahtml.css645 [cr-field="file"] .flexgrid .center {
    flex-grow: 1;
    min-width: 50%;
    word-wrap: break-word;
}

.metahtml.css645 [cr-field="result"] .flexgrid.align-sides {
    display: flex;
    align-items: center;
}

.metahtml.css645 [cr-field="result"] .flexgrid.align-sides .left .name {
    margin-bottom: 0;
}

.metahtml.css645 [cr-field="result"] .flexgrid.align-center .left {
    text-align: center;
}

.metahtml.css645 [cr-field="result"] .flexgrid.align-right .left {
    text-align: right;
}

.metahtml.css645 [cr-field="result"] .flexgrid .right {
    flex-grow: 1;
    min-width: 25%;
    word-wrap: break-word;
    text-align: right;
    font-size: 100%;
}

.metahtml.css645 [cr-field="result"] .flexgrid.align-left .right {
    text-align: left;
}

.metahtml.css645 [cr-field="result"] .flexgrid.align-center .right {
    text-align: center;
}

.metahtml.css645 [cr-field="result"] .flexgrid.align-right .right {
    text-align: right;
}

.metahtml.css645 [cr-field="privacy-button"] .open {
    text-align: center;
    opacity: 0.5;
    font-size: 80%;
    cursor: pointer;
}

.metahtml.css645 [cr-field="privacy-button"] .open a {
    color: inherit;
    text-decoration: none;
}

.metahtml.css645 [cr-field="privacy-checkbox"] {
    font-size: 80%;
}

.metahtml.css645 [cr-field="privacy-checkbox"] span {
    vertical-align: middle;
}

.metahtml.css645 [cr-field="privacy-checkbox"] a {
    vertical-align: middle;
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    color: inherit;
    cursor: pointer;
}

.metahtml.css645 [cr-field="privacy-checkbox"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css645 [cr-field="privacy-text"] {
    font-size: 80%;
    text-align: center;
}

.metahtml.css645 [cr-field="privacy-text"] a {
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    color: inherit;
    cursor: pointer;
}

.metahtml.css645 [cr-field="hidden"] {
    opacity: 0.25;
}

.node.css646 {
    color: #FFF;
    padding-top: 10px;
    padding-bottom: 3px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css646 a {
    color: rgb(230, 169, 25)
}

.metahtml.css647 .bl {
    /*width: 436px;*/
    margin: 0 auto;
}

.metahtml.css647 .dref .cont .btn-legacy {
    position: relative;
    overflow: hidden;
    -webkit-transition: ease 0.3s;
    -o-transition: ease 0.3s;
    transition: ease 0.3s;
    display: inline-block;
}

.metahtml.css647 .dref .cont .btn-legacy:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
    -webkit-transition: ease 0.3s;
    -o-transition: ease 0.3s;
    transition: ease 0.3s;
}

.metahtml.css647 .dref .cont .btn-legacy:after {
    content: "";
    display: inline-block;
    width: 5px;
    box-shadow: 1px 1px 26px 26px rgb(255, 255, 255);
    height: 300px;
    margin-left: 60px;
    background: rgb(255, 255, 255);
    opacity: 0.5;
    position: absolute;
    left: -40px;
    top: -150px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-animation-name: slidemem;
    animation-name: slidemem;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes slidemem {
    0% {
        left: -10%;
        margin-left: 0px;
    }

    30% {
        left: 110%;
        margin-left: 80px;
    }

    100% {
        left: 110%;
        margin-left: 80px;
    }
}

.metahtml.css647 .ripple {
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.4);
    transform: scale(0);
    position: absolute;
    opacity: 1;
}

.metahtml.css647 .rippleEffect {
    animation: rippleDrop 1.6s infinite linear;
}

@keyframes rippleDrop {
    100% {
        transform: scale(2);
        opacity: 0;
    }
}

.btn.css648 {
    text-align: center
}

.btn.css648 {
    background-color: rgb(255, 180, 0);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: rgb(204, 144, 0);
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 22px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgb(0, 0, 0) !important;
    font-family: "Bebas Neue Bold";
}

.btn.css648:hover,
.btn.css648.hover {
    background-color: rgb(255, 180, 0);
    border-color: rgb(204, 144, 0);
    color: rgb(255, 255, 255) !important;
}

.btn.css648:active,
.btn.css648.active {
    background-color: rgb(230, 162, 0);
    border-color: rgb(204, 144, 0);
    color: rgb(255, 255, 255) !important;
}

.btn.css648:before {}

.btn.css648:active:before,
.btn.css648.active:before {
    background-color: rgb(230, 162, 0);
}

.node.css649 {
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px
}

.node.css649 a {
    color: rgb(230, 169, 25)
}

.textable.css650 {
    text-align: left;
    font-family: "Bebas Neue Bold";
    font-size: 48px;
    line-height: 1.2;
    letter-spacing: 0em;
    opacity: 1
}

.screen-md .textable.css650 {
    font-size: 45px !important
}

.screen-sm .textable.css650 {
    font-size: 45px !important
}

.screen-xs .textable.css650 {
    font-size: 45px !important
}

.metahtml.css651 .form1-cover {
    padding: 0px 25px;
    background-color: rgb(26, 31, 40);
    border-color: rgb(255, 179, 0);
    border-style: none;
    border-width: 2px;
    border-radius: 10px;
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.1);
}

.textable.css652 {
    text-align: left;
    font-family: "Bebas Neue Regular";
    font-size: 48px;
    line-height: 1.2;
    letter-spacing: 0.1em;
    opacity: 1
}

.screen-md .textable.css652 {
    font-size: 45px !important
}

.screen-sm .textable.css652 {
    font-size: 45px !important
}

.screen-xs .textable.css652 {
    font-size: 45px !important
}

.textable.css653 {
    text-align: left;
    font-family: "Bebas Neue Book";
    font-size: 36px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 1
}

.screen-md .textable.css653 {
    font-size: 33px !important
}

.screen-sm .textable.css653 {
    font-size: 33px !important
}

.screen-xs .textable.css653 {
    font-size: 33px !important
}

.textable.css654 {
    text-align: left;
    font-family: "Open Sans";
    font-size: 13px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 0.52
}

.screen-md .textable.css654 {
    font-size: 14px !important
}

.screen-sm .textable.css654 {
    font-size: 14px !important
}

.screen-xs .textable.css654 {
    font-size: 14px !important
}

.metahtml.css655 .svgwrap {
    width: 20px;
    height: 20px;
    color: rgba(255, 179, 0, 0.8);
    top: -1px;
    margin-right: 0px;
}

.metahtml.css655 .name {
    margin-bottom: -3px;
}

.metahtml.css655 .label {
    display: inline-block;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 0;
}

.metahtml.css655 div.checkbox,
.metahtml.css655 div.radio {
    display: none;
}

.metahtml.css655 input~span {
    display: inline-block;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 7px;
    padding-bottom: 7px;
    background: rgba(65, 80, 102, 0.4);
    color: rgba(255, 255, 255, 0.9) !important;
    border-radius: 5px;
    transition: .3s all;
}

.metahtml.css655 input:hover~span {
    background-color: rgba(255, 255, 255, 0.3);
    color: rgb(255, 255, 255) !important;
    border-radius: 10px;
}

.metahtml.css655 input:checked~span {
    background-color: rgb(255, 179, 0);
    color: rgb(0, 0, 0) !important;
    border-radius: 10px;
}

.metahtml.css656 .bl {
    width: 348px;
    margin: 0 auto;
}

.metahtml.css656 .dref .cont .btn-legacy {
    position: relative;
    overflow: hidden;
    -webkit-transition: ease 0.3s;
    -o-transition: ease 0.3s;
    transition: ease 0.3s;
    display: inline-block;
}

.metahtml.css656 .dref .cont .btn-legacy:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
    -webkit-transition: ease 0.3s;
    -o-transition: ease 0.3s;
    transition: ease 0.3s;
}

.metahtml.css656 .dref .cont .btn-legacy:after {
    content: "";
    display: inline-block;
    width: 5px;
    box-shadow: 1px 1px 26px 26px rgb(255, 255, 255);
    height: 300px;
    margin-left: 60px;
    background: rgb(255, 255, 255);
    opacity: 0.5;
    position: absolute;
    left: -40px;
    top: -150px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-animation-name: slidemem;
    animation-name: slidemem;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes slidemem {
    0% {
        left: -10%;
        margin-left: 0px;
    }

    30% {
        left: 110%;
        margin-left: 80px;
    }

    100% {
        left: 110%;
        margin-left: 80px;
    }
}

.metahtml.css656 .ripple {
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.4);
    transform: scale(0);
    position: absolute;
    opacity: 1;
}

.metahtml.css656 .rippleEffect {
    animation: rippleDrop 1.6s infinite linear;
}

@keyframes rippleDrop {
    100% {
        transform: scale(2);
        opacity: 0;
    }
}

.btn.css657 {
    text-align: center
}

.btn.css657 {
    background-color: rgb(255, 180, 0);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: rgb(204, 144, 0);
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 22px;
    color: rgb(0, 0, 0) !important;
    font-family: "Bebas Neue Bold";
}

.btn.css657:hover,
.btn.css657.hover {
    background-color: rgb(255, 180, 0);
    border-color: rgb(204, 144, 0);
    color: rgb(255, 255, 255) !important;
}

.btn.css657:active,
.btn.css657.active {
    background-color: rgb(230, 162, 0);
    border-color: rgb(204, 144, 0);
    color: rgb(255, 255, 255) !important;
}

.btn.css657:before {}

.btn.css657:active:before,
.btn.css657.active:before {
    background-color: rgb(230, 162, 0);
}

.textable.css658 {
    text-align: left;
    font-family: "Bebas Neue Bold";
    font-size: 48px;
    line-height: 1.2;
    letter-spacing: 0em;
    opacity: 1
}

.screen-md .textable.css658 {
    font-size: 45px !important
}

.screen-sm .textable.css658 {
    font-size: 31px !important
}

.screen-xs .textable.css658 {
    font-size: 38px !important
}

.node.css659 {
    color: #333;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css659 a {
    color: rgb(230, 169, 25)
}

.metahtml.css660 .spoiler2-header {
    padding-left: 25px;
    position: relative;
    cursor: pointer;
    margin-bottom: 6px;
    padding-bottom: 5px;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.25);
}

.metahtml.css660 .spoiler2-toggle {
    position: absolute;
    top: 11px;
    transform: translateY(-50%);
    left: 5px;
    font-size: 20px;
}

.metahtml.css660 .spoiler2-toggle i {
    transition: all 0.2s ease-in-out;
}

.metahtml.css660 .spoiler2-header.is-expanded .spoiler2-toggle i {
    transform: rotate(180deg);
    margin-top: 6px;
}

.textable.css661 {
    text-align: left;
    font-family: "Open Sans";
    font-size: 14px;
    line-height: 1.5999999999999999;
    letter-spacing: 0.1142857142857143em;
    opacity: 1
}

.screen-xs .textable.css661 {
    font-family: "Montserrat Medium" !important;
    line-height: 1.3 !important;
    letter-spacing: 0em !important
}

.node.css662 {
    color: #333;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 5px
}

.node.css662 a {
    color: rgb(230, 169, 25)
}

.textable.css663 {
    text-align: left;
    font-family: "Open Sans";
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: 0em;
    opacity: 1
}

.screen-xs .textable.css663 {
    font-size: 14px !important;
    line-height: 1.3 !important;
    letter-spacing: 0em !important
}

.node.css664 {
    color: #333;
    padding-top: 10px;
    padding-bottom: 15px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css664 a {
    color: rgb(230, 169, 25)
}

.metahtml.css665 .form1-cover {
    padding: 0px 15px;
    background-color: rgb(26, 31, 40);
    border-color: rgb(255, 179, 0);
    border-style: none;
    border-width: 2px;
    border-radius: 10px;
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.1);
}

.textable.css666 {
    text-align: left;
    font-family: "Bebas Neue Regular";
    font-size: 48px;
    line-height: 1.2;
    letter-spacing: 0.1em;
    opacity: 1
}

.screen-md .textable.css666 {
    font-size: 45px !important
}

.screen-sm .textable.css666 {
    font-size: 32px !important
}

.screen-xs .textable.css666 {
    font-size: 32px !important
}

.textable.css667 {
    text-align: left;
    font-family: "Bebas Neue Book";
    font-size: 36px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 1
}

.screen-md .textable.css667 {
    font-size: 33px !important
}

.screen-sm .textable.css667 {
    font-size: 26px !important
}

.screen-xs .textable.css667 {
    font-size: 26px !important
}

.node.css668 {
    color: #FFF;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css668 a {
    color: rgb(230, 169, 25)
}

.node.css669 {
    color: #FFF;
    padding-top: 15px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css669 a {
    color: rgb(230, 169, 25)
}

.metahtml.css670 .svgwrap {
    width: 20px;
    height: 20px;
    color: rgba(255, 179, 0, 0.8);
    top: -1px;
    margin-right: 0px;
}

.metahtml.css670 .name {
    margin-bottom: -3px;
}

.metahtml.css670 .label {
    display: inline-block;
    margin-top: 6px;
    margin-right: 6px;
    margin-bottom: 0;
}

.metahtml.css670 div.checkbox,
.metahtml.css670 div.radio {
    display: none;
}

.metahtml.css670 input~span {
    display: inline-block;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 7px;
    padding-bottom: 7px;
    background: rgba(65, 80, 102, 0.4);
    color: rgba(255, 255, 255, 0.9) !important;
    border-radius: 10px;
    transition: .3s all;
}

.metahtml.css670 input:hover~span {
    background-color: rgba(255, 255, 255, 0.3);
    color: rgb(255, 255, 255) !important;
    border-radius: 10px;
}

.metahtml.css670 input:checked~span {
    background-color: rgb(255, 179, 0);
    color: rgb(0, 0, 0) !important;
    border-radius: 10px;
}

.screen-xs .metahtml.css670 input~span {
    padding-left: 5px;
    padding-right: 5px;
}

.metahtml.css671 .bl {
    width: 284px;
    margin: 0 auto;
}

.metahtml.css671 .dref .cont .btn-legacy {
    position: relative;
    overflow: hidden;
    -webkit-transition: ease 0.3s;
    -o-transition: ease 0.3s;
    transition: ease 0.3s;
    display: inline-block;
}

.metahtml.css671 .dref .cont .btn-legacy:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
    -webkit-transition: ease 0.3s;
    -o-transition: ease 0.3s;
    transition: ease 0.3s;
}

.metahtml.css671 .dref .cont .btn-legacy:after {
    content: "";
    display: inline-block;
    width: 5px;
    box-shadow: 1px 1px 26px 26px rgb(255, 255, 255);
    height: 300px;
    margin-left: 60px;
    background: rgb(255, 255, 255);
    opacity: 0.5;
    position: absolute;
    left: -40px;
    top: -150px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-animation-name: slidemem;
    animation-name: slidemem;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes slidemem {
    0% {
        left: -10%;
        margin-left: 0px;
    }

    30% {
        left: 110%;
        margin-left: 80px;
    }

    100% {
        left: 110%;
        margin-left: 80px;
    }
}

.metahtml.css671 .ripple {
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.4);
    transform: scale(0);
    position: absolute;
    opacity: 1;
}

.metahtml.css671 .rippleEffect {
    animation: rippleDrop 1.6s infinite linear;
}

@keyframes rippleDrop {
    100% {
        transform: scale(2);
        opacity: 0;
    }
}

.btn.css672 {
    text-align: center
}

.btn.css672 {
    background-color: rgb(255, 180, 0);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: rgb(204, 144, 0);
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 20px;
    color: rgb(0, 0, 0) !important;
    font-family: "Bebas Neue Bold";
}

.btn.css672:hover,
.btn.css672.hover {
    background-color: rgb(255, 180, 0);
    border-color: rgb(204, 144, 0);
    color: rgb(255, 255, 255) !important;
}

.btn.css672:active,
.btn.css672.active {
    background-color: rgb(230, 162, 0);
    border-color: rgb(204, 144, 0);
    color: rgb(255, 255, 255) !important;
}

.btn.css672:before {}

.btn.css672:active:before,
.btn.css672.active:before {
    background-color: rgb(230, 162, 0);
}

.textable.css673 {
    text-align: left;
    font-family: "Bebas Neue Bold";
    font-size: 48px;
    line-height: 1.2;
    letter-spacing: 0em;
    opacity: 1
}

.screen-md .textable.css673 {
    font-size: 45px !important
}

.screen-sm .textable.css673 {
    font-size: 31px !important
}

.screen-xs .textable.css673 {
    font-size: 31px !important
}

.node.css674 {
    color: #FFF;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px
}

.node.css674 a {
    color: rgb(230, 169, 25)
}

.metahtml.css675 [cr-field] {
    padding-bottom: 6px;
    font-size: 13px;
    font-family: Open Sans;
}

.metahtml.css675 .name {
    transition: 300ms all;
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    word-wrap: break-word;
    padding-bottom: 4px;
}

.metahtml.css675 .is-text .name {
    position: absolute;
    line-height: 1.2;
    font-size: 13px;
}

.metahtml.css675 .is-text:focus-within .name,
.metahtml.css675 .is-text.is-filled .name {
    transform: translateY(-100%);
    font-size: 12px;
}

.metahtml.css675 .form-control {
    height: auto;
    line-height: 1.2;
    box-shadow: none;
    position: relative;
    color: rgb(255, 255, 255);
    border: 0 solid rgba(203, 210, 222, 0.15);
    border-bottom-width: 1px;
    border-radius: 0;
    padding: 0 0 8px 0;
    font-size: 13px;
    cursor: initial;
    background-color: transparent;
}

.metahtml.css675 .is-text .form-control {
    margin-top: 21px;
}

.metahtml.css675 .form-control:focus,
.metahtml.css675 .form-control:focus-within {
    border-color: rgb(255, 179, 0);
}

.metahtml.css675 .form-control+.form-control {
    margin-top: 10px;
}

.metahtml.css675 label {
    font-weight: normal;
    display: block;
    cursor: pointer;
}

.metahtml.css675 textarea {
    resize: vertical;
}

.metahtml.css675 .checkbox {
    width: 22px;
    height: 22px;
    padding: 0;
    margin: 0 5.5px 0 0;
    line-height: 0;
    min-height: auto;
    display: inline-block;
    vertical-align: middle;
    background: white;
    border: 2px solid rgba(0, 0, 0, 0.25);
    position: relative;
    transition: 300ms all;
    border-radius: 2px;
}

.metahtml.css675 .checkbox svg {
    width: 100%;
    opacity: 0;
    transform: scale(0);
    transition: 300ms all;
}

.metahtml.css675 input:hover~.checkbox,
.metahtml.css675 input:focus~.checkbox {
    border-color: rgb(255, 217, 128);
}

.metahtml.css675 input:checked~.checkbox {
    border-color: rgb(230, 161, 0);
    background-color: rgb(255, 179, 0);
}

.metahtml.css675 input:active~.checkbox {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css675 input:checked~.checkbox svg {
    opacity: 1;
    transform: scale(1);
}

.metahtml.css675 .radio {
    margin: 0;
    margin: 0 5.5px 0 0;
    padding: 0;
    line-height: 0;
    width: 22px;
    height: 22px;
    min-height: auto;
    display: inline-block;
    vertical-align: middle;
    background: white;
    border: 2px solid rgba(0, 0, 0, 0.25);
    position: relative;
    transition: 300ms all;
    border-radius: 100px;
}

.metahtml.css675 .radio:before {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    content: '';
    display: block;
    background-color: white;
    border-radius: 100px;
    opacity: 0;
    transform: scale(0);
    transition: 300ms all;
}

.metahtml.css675 input:hover~.radio,
.metahtml.css675 input:focus~.radio {
    border-color: rgb(255, 217, 128);
}

.metahtml.css675 input:active~.radio {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css675 input:checked~.radio {
    border-color: rgb(230, 161, 0);
    background-color: rgb(255, 179, 0);
}

.metahtml.css675 input:checked~.radio:before {
    opacity: 1;
    transform: scale(0.5);
}

.metahtml.css675 [cr-field="checkbox-list"] span {
    vertical-align: middle;
}

.metahtml.css675 [cr-field="checkbox-list"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css675 [cr-field="checkbox-list"] label+label {
    margin-top: 7.333333333333333px;
}

.metahtml.css675 [cr-field="checkbox-visual"] {
    overflow: hidden;
}

.metahtml.css675 [cr-field="checkbox-visual"] .items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
    justify-content: space-between;
}

.metahtml.css675 [cr-field="checkbox-visual"] .item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-bottom: 20px;
    width: 30%;
}

.metahtml.css675 [cr-field="checkbox-visual"] label {
    position: relative;
}

.metahtml.css675 [cr-field="checkbox-visual"] .bgimage {
    background-size: cover;
    display: inline-block;
    background-position: center;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.metahtml.css675 [cr-field="checkbox-visual"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.metahtml.css675 [cr-field="checkbox-visual"] .tick {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 179, 0, 0.75);
    transition: all 300ms;
    opacity: 0;
}

.metahtml.css675 [cr-field="checkbox-visual"] .tick svg {
    opacity: 0;
    transition: all 300ms;
    max-width: 26px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.metahtml.css675 [cr-field="checkbox-visual"] .subname {
    margin: 6.5px 0;
    word-wrap: break-word;
    white-space: normal;
}

.metahtml.css675 [cr-field="checkbox-visual"] input:hover~.bgimage .tick,
.metahtml.css675 [cr-field="checkbox-visual"] input:focus~.bgimage .tick {
    opacity: 0.5;
}

.metahtml.css675 [cr-field="checkbox-visual"] input:checked~.bgimage .tick,
.metahtml.css675 [cr-field="checkbox-visual"] input:checked~.bgimage .tick svg {
    opacity: 1;
}

.screen-xs .metahtml.css675 [cr-field="checkbox-visual"] .item {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    white-space: nowrap;
}

.screen-xs .metahtml.css675 [cr-field="checkbox-visual"] .bgimage {
    width: 25%;
    padding-top: 25%;
    vertical-align: middle;
}

.screen-xs .metahtml.css675 [cr-field="checkbox-visual"] .subname {
    width: 75%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5%;
    margin-left: -4px;
}

.metahtml.css675 [cr-field="checkbox-input"] span {
    vertical-align: middle;
}

.metahtml.css675 [cr-field="checkbox-input"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css675 [cr-field="radio-list"] span {
    vertical-align: middle;
}

.metahtml.css675 [cr-field="radio-list"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css675 [cr-field="radio-list"] label+label {
    margin-top: 7.333333333333333px;
}

.metahtml.css675 [cr-field="radio-visual"] {
    overflow: hidden;
}

.metahtml.css675 [cr-field="radio-visual"] .items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
    justify-content: space-between;
}

.metahtml.css675 [cr-field="radio-visual"] .item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-bottom: 20px;
    width: 30%;
}

.metahtml.css675 [cr-field="radio-visual"] label {
    position: relative;
}

.metahtml.css675 [cr-field="radio-visual"] .bgimage {
    background-size: cover;
    display: inline-block;
    background-position: center;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.metahtml.css675 [cr-field="radio-visual"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.metahtml.css675 [cr-field="radio-visual"] .tick {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 179, 0, 0.75);
    transition: all 300ms;
    opacity: 0;
}

.metahtml.css675 [cr-field="radio-visual"] .tick svg {
    opacity: 0;
    transition: all 300ms;
    max-width: 26px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.metahtml.css675 [cr-field="radio-visual"] .subname {
    margin: 6.5px 0;
    word-wrap: break-word;
    white-space: normal;
}

.metahtml.css675 [cr-field="radio-visual"] input:hover~.bgimage .tick {
    opacity: 0.5;
}

.metahtml.css675 [cr-field="radio-visual"] input:checked~.bgimage .tick,
.metahtml.css675 [cr-field="radio-visual"] input:checked~.bgimage .tick svg {
    opacity: 1;
}

.screen-xs .metahtml.css675 [cr-field="radio-visual"] .item {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    white-space: nowrap;
}

.screen-xs .metahtml.css675 [cr-field="radio-visual"] .bgimage {
    width: 25%;
    padding-top: 25%;
    vertical-align: middle;
}

.screen-xs .metahtml.css675 [cr-field="radio-visual"] .subname {
    width: 75%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5%;
    margin-left: -4px;
}

.metahtml.css675 [cr-field="select-menu"] select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
    color: black;
    -webkit-appearance: none;
}

.metahtml.css675 [cr-field="select-menu"] .fa {
    font-size: 20px;
    line-height: 0;
    opacity: 0.5;
    vertical-align: middle;
}

.metahtml.css675 [cr-field="select-menu"] .flexgrid {
    display: flex;
    align-items: center;
}

.metahtml.css675 [cr-field="select-menu"] .flexgrid .left {
    flex-grow: 1;
    min-width: 50%;
    word-wrap: break-word;
}

.metahtml.css675 [cr-field="file"] svg {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-top: -5px;
    margin-bottom: -5px;
}

.metahtml.css675 [cr-field="file"] span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}

.metahtml.css675 [cr-field="file"] input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 0;
}

.metahtml.css675 [cr-field="file"] .clean {
    float: right;
    opacity: 0.5;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.metahtml.css675 [cr-field="file"] .clean:hover {
    opacity: 1;
}

.metahtml.css675 [cr-field="file"] .flexgrid {
    display: flex;
    align-items: center;
}

.metahtml.css675 [cr-field="file"] .flexgrid .center {
    flex-grow: 1;
    min-width: 50%;
    word-wrap: break-word;
}

.metahtml.css675 [cr-field="result"] .flexgrid.align-sides {
    display: flex;
    align-items: center;
}

.metahtml.css675 [cr-field="result"] .flexgrid.align-sides .left .name {
    margin-bottom: 0;
}

.metahtml.css675 [cr-field="result"] .flexgrid.align-center .left {
    text-align: center;
}

.metahtml.css675 [cr-field="result"] .flexgrid.align-right .left {
    text-align: right;
}

.metahtml.css675 [cr-field="result"] .flexgrid .right {
    flex-grow: 1;
    min-width: 25%;
    word-wrap: break-word;
    text-align: right;
    font-size: 120%;
}

.metahtml.css675 [cr-field="result"] .flexgrid.align-left .right {
    text-align: left;
}

.metahtml.css675 [cr-field="result"] .flexgrid.align-center .right {
    text-align: center;
}

.metahtml.css675 [cr-field="result"] .flexgrid.align-right .right {
    text-align: right;
}

.metahtml.css675 [cr-field="privacy-button"] .open {
    text-align: center;
    opacity: 0.5;
    font-size: 80%;
    cursor: pointer;
}

.metahtml.css675 [cr-field="privacy-button"] .open a {
    color: inherit;
    text-decoration: none;
}

.metahtml.css675 [cr-field="privacy-checkbox"] {
    font-size: 80%;
}

.metahtml.css675 [cr-field="privacy-checkbox"] span {
    vertical-align: middle;
}

.metahtml.css675 [cr-field="privacy-checkbox"] a {
    vertical-align: middle;
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    color: inherit;
    cursor: pointer;
}

.metahtml.css675 [cr-field="privacy-checkbox"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css675 [cr-field="privacy-text"] {
    font-size: 80%;
    text-align: center;
}

.metahtml.css675 [cr-field="privacy-text"] a {
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    color: inherit;
    cursor: pointer;
}

.metahtml.css675 [cr-field="hidden"] {
    opacity: 0.25;
}

.metahtml.css676 [cr-field] {
    padding-bottom: 6px;
    font-size: 13px;
    font-family: Open Sans;
}

.metahtml.css676 .name {
    transition: 300ms all;
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    word-wrap: break-word;
    padding-bottom: 4px;
}

.metahtml.css676 .is-text .name {
    position: absolute;
    line-height: 1.2;
    font-size: 13px;
}

.metahtml.css676 .is-text:focus-within .name,
.metahtml.css676 .is-text.is-filled .name {
    transform: translateY(-100%);
    font-size: 12px;
}

.metahtml.css676 .form-control {
    height: auto;
    line-height: 1.2;
    box-shadow: none;
    position: relative;
    color: rgb(255, 255, 255);
    border: 0 solid rgba(203, 210, 222, 0.15);
    border-bottom-width: 1px;
    border-radius: 0;
    padding: 0 0 8px 0;
    font-size: 13px;
    cursor: initial;
    background-color: transparent;
}

.metahtml.css676 .is-text .form-control {
    margin-top: 21px;
}

.metahtml.css676 .form-control:focus,
.metahtml.css676 .form-control:focus-within {
    border-color: rgb(255, 179, 0);
}

.metahtml.css676 .form-control+.form-control {
    margin-top: 10px;
}

.metahtml.css676 label {
    font-weight: normal;
    display: block;
    cursor: pointer;
}

.metahtml.css676 textarea {
    resize: vertical;
}

.metahtml.css676 .checkbox {
    width: 22px;
    height: 22px;
    padding: 0;
    margin: 0 5.5px 0 0;
    line-height: 0;
    min-height: auto;
    display: inline-block;
    vertical-align: middle;
    background: white;
    border: 2px solid rgba(0, 0, 0, 0.25);
    position: relative;
    transition: 300ms all;
    border-radius: 2px;
}

.metahtml.css676 .checkbox svg {
    width: 100%;
    opacity: 0;
    transform: scale(0);
    transition: 300ms all;
}

.metahtml.css676 input:hover~.checkbox,
.metahtml.css676 input:focus~.checkbox {
    border-color: rgb(255, 217, 128);
}

.metahtml.css676 input:checked~.checkbox {
    border-color: rgb(230, 161, 0);
    background-color: rgb(255, 179, 0);
}

.metahtml.css676 input:active~.checkbox {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css676 input:checked~.checkbox svg {
    opacity: 1;
    transform: scale(1);
}

.metahtml.css676 .radio {
    margin: 0;
    margin: 0 5.5px 0 0;
    padding: 0;
    line-height: 0;
    width: 22px;
    height: 22px;
    min-height: auto;
    display: inline-block;
    vertical-align: middle;
    background: white;
    border: 2px solid rgba(0, 0, 0, 0.25);
    position: relative;
    transition: 300ms all;
    border-radius: 100px;
}

.metahtml.css676 .radio:before {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    content: '';
    display: block;
    background-color: white;
    border-radius: 100px;
    opacity: 0;
    transform: scale(0);
    transition: 300ms all;
}

.metahtml.css676 input:hover~.radio,
.metahtml.css676 input:focus~.radio {
    border-color: rgb(255, 217, 128);
}

.metahtml.css676 input:active~.radio {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css676 input:checked~.radio {
    border-color: rgb(230, 161, 0);
    background-color: rgb(255, 179, 0);
}

.metahtml.css676 input:checked~.radio:before {
    opacity: 1;
    transform: scale(0.5);
}

.metahtml.css676 [cr-field="checkbox-list"] span {
    vertical-align: middle;
}

.metahtml.css676 [cr-field="checkbox-list"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css676 [cr-field="checkbox-list"] label+label {
    margin-top: 7.333333333333333px;
}

.metahtml.css676 [cr-field="checkbox-visual"] {
    overflow: hidden;
}

.metahtml.css676 [cr-field="checkbox-visual"] .items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
    justify-content: space-between;
}

.metahtml.css676 [cr-field="checkbox-visual"] .item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-bottom: 20px;
    width: 30%;
}

.metahtml.css676 [cr-field="checkbox-visual"] label {
    position: relative;
}

.metahtml.css676 [cr-field="checkbox-visual"] .bgimage {
    background-size: cover;
    display: inline-block;
    background-position: center;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.metahtml.css676 [cr-field="checkbox-visual"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.metahtml.css676 [cr-field="checkbox-visual"] .tick {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 179, 0, 0.75);
    transition: all 300ms;
    opacity: 0;
}

.metahtml.css676 [cr-field="checkbox-visual"] .tick svg {
    opacity: 0;
    transition: all 300ms;
    max-width: 26px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.metahtml.css676 [cr-field="checkbox-visual"] .subname {
    margin: 6.5px 0;
    word-wrap: break-word;
    white-space: normal;
}

.metahtml.css676 [cr-field="checkbox-visual"] input:hover~.bgimage .tick,
.metahtml.css676 [cr-field="checkbox-visual"] input:focus~.bgimage .tick {
    opacity: 0.5;
}

.metahtml.css676 [cr-field="checkbox-visual"] input:checked~.bgimage .tick,
.metahtml.css676 [cr-field="checkbox-visual"] input:checked~.bgimage .tick svg {
    opacity: 1;
}

.screen-xs .metahtml.css676 [cr-field="checkbox-visual"] .item {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    white-space: nowrap;
}

.screen-xs .metahtml.css676 [cr-field="checkbox-visual"] .bgimage {
    width: 25%;
    padding-top: 25%;
    vertical-align: middle;
}

.screen-xs .metahtml.css676 [cr-field="checkbox-visual"] .subname {
    width: 75%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5%;
    margin-left: -4px;
}

.metahtml.css676 [cr-field="checkbox-input"] span {
    vertical-align: middle;
}

.metahtml.css676 [cr-field="checkbox-input"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css676 [cr-field="radio-list"] span {
    vertical-align: middle;
}

.metahtml.css676 [cr-field="radio-list"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css676 [cr-field="radio-list"] label+label {
    margin-top: 7.333333333333333px;
}

.metahtml.css676 [cr-field="radio-visual"] {
    overflow: hidden;
}

.metahtml.css676 [cr-field="radio-visual"] .items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
    justify-content: space-between;
}

.metahtml.css676 [cr-field="radio-visual"] .item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-bottom: 20px;
    width: 30%;
}

.metahtml.css676 [cr-field="radio-visual"] label {
    position: relative;
}

.metahtml.css676 [cr-field="radio-visual"] .bgimage {
    background-size: cover;
    display: inline-block;
    background-position: center;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.metahtml.css676 [cr-field="radio-visual"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.metahtml.css676 [cr-field="radio-visual"] .tick {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 179, 0, 0.75);
    transition: all 300ms;
    opacity: 0;
}

.metahtml.css676 [cr-field="radio-visual"] .tick svg {
    opacity: 0;
    transition: all 300ms;
    max-width: 26px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.metahtml.css676 [cr-field="radio-visual"] .subname {
    margin: 6.5px 0;
    word-wrap: break-word;
    white-space: normal;
}

.metahtml.css676 [cr-field="radio-visual"] input:hover~.bgimage .tick {
    opacity: 0.5;
}

.metahtml.css676 [cr-field="radio-visual"] input:checked~.bgimage .tick,
.metahtml.css676 [cr-field="radio-visual"] input:checked~.bgimage .tick svg {
    opacity: 1;
}

.screen-xs .metahtml.css676 [cr-field="radio-visual"] .item {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    white-space: nowrap;
}

.screen-xs .metahtml.css676 [cr-field="radio-visual"] .bgimage {
    width: 25%;
    padding-top: 25%;
    vertical-align: middle;
}

.screen-xs .metahtml.css676 [cr-field="radio-visual"] .subname {
    width: 75%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5%;
    margin-left: -4px;
}

.metahtml.css676 [cr-field="select-menu"] select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
    color: black;
    -webkit-appearance: none;
}

.metahtml.css676 [cr-field="select-menu"] .fa {
    font-size: 20px;
    line-height: 0;
    opacity: 0.5;
    vertical-align: middle;
}

.metahtml.css676 [cr-field="select-menu"] .flexgrid {
    display: flex;
    align-items: center;
}

.metahtml.css676 [cr-field="select-menu"] .flexgrid .left {
    flex-grow: 1;
    min-width: 50%;
    word-wrap: break-word;
}

.metahtml.css676 [cr-field="file"] svg {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-top: -5px;
    margin-bottom: -5px;
}

.metahtml.css676 [cr-field="file"] span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}

.metahtml.css676 [cr-field="file"] input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 0;
}

.metahtml.css676 [cr-field="file"] .clean {
    float: right;
    opacity: 0.5;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.metahtml.css676 [cr-field="file"] .clean:hover {
    opacity: 1;
}

.metahtml.css676 [cr-field="file"] .flexgrid {
    display: flex;
    align-items: center;
}

.metahtml.css676 [cr-field="file"] .flexgrid .center {
    flex-grow: 1;
    min-width: 50%;
    word-wrap: break-word;
}

.metahtml.css676 [cr-field="result"] .flexgrid.align-sides {
    display: flex;
    align-items: center;
}

.metahtml.css676 [cr-field="result"] .flexgrid.align-sides .left .name {
    margin-bottom: 0;
}

.metahtml.css676 [cr-field="result"] .flexgrid.align-center .left {
    text-align: center;
}

.metahtml.css676 [cr-field="result"] .flexgrid.align-right .left {
    text-align: right;
}

.metahtml.css676 [cr-field="result"] .flexgrid .right {
    flex-grow: 1;
    min-width: 25%;
    word-wrap: break-word;
    text-align: right;
    font-size: 100%;
}

.metahtml.css676 [cr-field="result"] .flexgrid.align-left .right {
    text-align: left;
}

.metahtml.css676 [cr-field="result"] .flexgrid.align-center .right {
    text-align: center;
}

.metahtml.css676 [cr-field="result"] .flexgrid.align-right .right {
    text-align: right;
}

.metahtml.css676 [cr-field="privacy-button"] .open {
    text-align: center;
    opacity: 0.5;
    font-size: 80%;
    cursor: pointer;
}

.metahtml.css676 [cr-field="privacy-button"] .open a {
    color: inherit;
    text-decoration: none;
}

.metahtml.css676 [cr-field="privacy-checkbox"] {
    font-size: 80%;
}

.metahtml.css676 [cr-field="privacy-checkbox"] span {
    vertical-align: middle;
}

.metahtml.css676 [cr-field="privacy-checkbox"] a {
    vertical-align: middle;
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    color: inherit;
    cursor: pointer;
}

.metahtml.css676 [cr-field="privacy-checkbox"] input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.metahtml.css676 [cr-field="privacy-text"] {
    font-size: 80%;
    text-align: center;
}

.metahtml.css676 [cr-field="privacy-text"] a {
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    color: inherit;
    cursor: pointer;
}

.metahtml.css676 [cr-field="hidden"] {
    opacity: 0.25;
}

.metahtml.css677 .svgwrap {
    width: 20px;
    height: 20px;
    color: rgba(255, 179, 0, 0.8);
    top: -1px;
    margin-right: 0px;
}

.metahtml.css677 .name {
    margin-bottom: -3px;
}

.metahtml.css677 .label {
    display: inline-block;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 0;
}

.metahtml.css677 div.checkbox,
.metahtml.css677 div.radio {
    display: none;
}

.metahtml.css677 input~span {
    display: inline-block;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 7px;
    padding-bottom: 7px;
    background: rgba(65, 80, 102, 0.4);
    color: rgba(255, 255, 255, 0.9) !important;
    border-radius: 10px;
    transition: .3s all;
}

.metahtml.css677 input:hover~span {
    background-color: rgba(255, 255, 255, 0.3);
    color: rgb(255, 255, 255) !important;
    border-radius: 10px;
}

.metahtml.css677 input:checked~span {
    background-color: rgb(255, 179, 0);
    color: rgb(0, 0, 0) !important;
    border-radius: 10px;
}

.screen-sm .metahtml.css677 input~span {
    padding-left: 8px;
    padding-right: 8px;
}

.metahtml.css678 .bl {
    width: 326px;
    margin: 0 auto;
}

.metahtml.css678 .dref .cont .btn-legacy {
    position: relative;
    overflow: hidden;
    -webkit-transition: ease 0.3s;
    -o-transition: ease 0.3s;
    transition: ease 0.3s;
    display: inline-block;
}

.metahtml.css678 .dref .cont .btn-legacy:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
    -webkit-transition: ease 0.3s;
    -o-transition: ease 0.3s;
    transition: ease 0.3s;
}

.metahtml.css678 .dref .cont .btn-legacy:after {
    content: "";
    display: inline-block;
    width: 5px;
    box-shadow: 1px 1px 26px 26px rgb(255, 255, 255);
    height: 300px;
    margin-left: 60px;
    background: rgb(255, 255, 255);
    opacity: 0.5;
    position: absolute;
    left: -40px;
    top: -150px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-animation-name: slidemem;
    animation-name: slidemem;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes slidemem {
    0% {
        left: -10%;
        margin-left: 0px;
    }

    30% {
        left: 110%;
        margin-left: 80px;
    }

    100% {
        left: 110%;
        margin-left: 80px;
    }
}

.metahtml.css678 .ripple {
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.4);
    transform: scale(0);
    position: absolute;
    opacity: 1;
}

.metahtml.css678 .rippleEffect {
    animation: rippleDrop 1.6s infinite linear;
}

@keyframes rippleDrop {
    100% {
        transform: scale(2);
        opacity: 0;
    }
}

.btn.css679 {
    text-align: center
}

.btn.css679 {
    background-color: rgb(255, 180, 0);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: rgb(204, 144, 0);
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 22px;
    color: rgb(0, 0, 0) !important;
    font-family: "Bebas Neue Bold";
}

.btn.css679:hover,
.btn.css679.hover {
    background-color: rgb(255, 180, 0);
    border-color: rgb(204, 144, 0);
    color: rgb(255, 255, 255) !important;
}

.btn.css679:active,
.btn.css679.active {
    background-color: rgb(230, 162, 0);
    border-color: rgb(204, 144, 0);
    color: rgb(255, 255, 255) !important;
}

.btn.css679:before {}

.btn.css679:active:before,
.btn.css679.active:before {
    background-color: rgb(230, 162, 0);
}

.metahtml.css680 .goup {
    display: block;
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 2000;
}

.metahtml.css680 .goup {
    opacity: 1;
}

.metahtml.css680 .goup:hover {
    opacity: 1;
}

.metahtml.css680 .only-for-editor+.goup {
    display: block;
    position: absolute;
    border: 1px dashed silver;
    min-height: 30px;
    min-width: 30px;
    z-index: 50;
}

.btn.css681 {
    text-align: center
}

.btn.css681 {
    background-color: rgba(255, 179, 0, 0);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: rgb(204, 143, 0);
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 13px;
    color: rgb(0, 0, 0) !important;
}

.btn.css681:hover,
.btn.css681.hover {
    background-color: rgba(230, 161, 0, 0);
    border-color: rgb(163, 115, 0);
    color: rgb(0, 0, 0) !important;
}

.btn.css681:active,
.btn.css681.active {
    background-color: rgba(207, 145, 0, 0);
    border-color: rgb(184, 129, 0);
    color: rgb(0, 0, 0) !important;
}

.btn.css681:before {}

.btn.css681:active:before,
.btn.css681.active:before {
    background-color: rgba(207, 145, 0, 0);
}

.metahtml.css682 a {
    background-image: url(/img/-7e-ec-0d-4ea0cf03022cbe6f89b528fcbad4d9a6ee-1a4e154b13dd9ed30a4611d8e9d325ff.png);
    background-repeat: no-repeat;
    display: inline-block;
    margin: 5px;
    margin-right: 10px;
    border-radius: 50px;
}

.screen-xs .metahtml.css682 .sprite {
    zoom: 87.5%;
}

.metahtml.css682 .sprite {
    width: calc(160px*40/100);
    height: calc(160px*40/100);
    background-size: calc(1260px*40/100) calc(1039px*40/100);
    -webkit-background-size: calc(1260px*40/100) calc(1039px*40/100);
    -o-background-size: calc(1260px*40/100) calc(1039px*40/100);
    -moz-background-size: calc(1260px*40/100) calc(1039px*40/100);
}

.metahtml.css682 .sprite-1vk_alt {
    background-position: 0px 0px;
}

.metahtml.css682 .sprite-2vk {
    background-position: calc(-220px*40/100 - (160px*40/100 * (100 - 40)/1000000)) calc(0px*40/100 - (160px*40/100 * (100 - 40)/1000000));
}

.metahtml.css682 .sprite-3fb {
    background-position: calc(-443px*40/100 - (160px*40/100 * (100 - 40)/1000000)) calc(0px*40/100 - (160px*40/100 * (100 - 40)/1000000));
}

.metahtml.css682 .sprite-4twitter {
    background-position: calc(-665px*40/100 - (160px*40/100 * (100 - 40)/1000000)) calc(0px*40/100 - (160px*40/100 * (100 - 40)/1000000));
}

.metahtml.css682 .sprite-6instagram {
    background-position: calc(-1098px*40/100 - (160px*40/100 * (100 - 40)/1000000)) calc(0px*40/100 - (160px*40/100 * (100 - 40)/1000000));
}

.metahtml.css682 .sprite-7dropbox {
    background-position: calc(0px*40/100 - (160px*40/100 * (100 - 40)/1000000)) calc(-220px*40/100 - (160px*40/100 * (100 - 40)/1000000));
}

.metahtml.css682 .sprite-81linkedin {
    background-position: calc(-443px*40/100 - (160px*40/100 * (100 - 40)/1000000)) calc(-220px*40/100 - (160px*40/100 * (100 - 40)/1000000));
}

.metahtml.css682 .sprite-82youtube {
    background-position: calc(-665px*40/100 - (160px*40/100 * (100 - 40)/1000000)) calc(-220px*40/100 - (160px*40/100 * (100 - 40)/1000000));
}

.metahtml.css682 .sprite-83youtube_alt {
    background-position: calc(-883px*40/100 - (160px*40/100 * (100 - 40)/1000000)) calc(-220px*40/100 - (160px*40/100 * (100 - 40)/1000000));
}

.metahtml.css682 .sprite-84vimeo {
    background-position: calc(-1100px*40/100 - (160px*40/100 * (100 - 40)/1000000)) calc(-220px*40/100 - (160px*40/100 * (100 - 40)/1000000));
}

.metahtml.css682 .sprite-85yandex {
    background-position: calc(0px*40/100 - (160px*40/100 * (100 - 40)/1000000)) calc(-440px*40/100 - (160px*40/100 * (100 - 40)/1000000));
}

.metahtml.css682 .sprite-86mail {
    background-position: calc(-220px*40/100 - (160px*40/100 * (100 - 40)/1000000)) calc(-440px*40/100 - (160px*40/100 * (100 - 40)/1000000));
}

.metahtml.css682 .sprite-87ok {
    background-position: calc(-443px*40/100 - (160px*40/100 * (100 - 40)/1000000)) calc(-440px*40/100 - (160px*40/100 * (100 - 40)/1000000));
}

.metahtml.css682 .sprite-88yandex_disc {
    background-position: calc(-663px*40/100 - (160px*40/100 * (100 - 40)/1000000)) calc(-440px*40/100 - (160px*40/100 * (100 - 40)/1000000));
}

.metahtml.css682 .sprite-8pinterest {
    background-position: calc(-220px*40/100 - (160px*40/100 * (100 - 40)/1000000)) calc(-220px*40/100 - (160px*40/100 * (100 - 40)/1000000));
}

.metahtml.css682 .sprite-91viber {
    background-position: calc(0px*40/100 - (160px*40/100 * (100 - 40)/1000000)) calc(-660px*40/100 - (160px*40/100 * (100 - 40)/1000000));
}

.metahtml.css682 .sprite-92whatsapp {
    background-position: calc(-220px*40/100 - (160px*40/100 * (100 - 40)/1000000)) calc(-660px*40/100 - (160px*40/100 * (100 - 40)/1000000));
}

.metahtml.css682 .sprite-93telegram {
    background-position: calc(-443px*40/100 - (160px*40/100 * (100 - 40)/1000000)) calc(-660px*40/100 - (160px*40/100 * (100 - 40)/1000000));
}

.metahtml.css682 .sprite-94skype {
    background-position: calc(-665px*40/100 - (160px*40/100 * (100 - 40)/1000000)) calc(-660px*40/100 - (160px*40/100 * (100 - 40)/1000000));
}

.metahtml.css682 .sprite-95periscope {
    background-position: calc(-883px*40/100 - (160px*40/100 * (100 - 40)/1000000)) calc(-660px*40/100 - (160px*40/100 * (100 - 40)/1000000));
}

.metahtml.css682 .sprite-972evernote {
    background-position: calc(-443px*40/100 - (160px*40/100 * (100 - 40)/1000000)) calc(-880px*40/100 - (160px*40/100 * (100 - 40)/1000000));
}

.metahtml.css682 .sprite-973phone {
    background-position: calc(-1100px*40/100 - (160px*40/100 * (100 - 40)/1000000)) calc(-440px*40/100 - (160px*40/100 * (100 - 40)/1000000));
}

.metahtml.css682 a:hover {
    background-image: url(/img/-66-84-63-e2aae951f4d42fe808dbd352d23145b1ca-1.png);
}

.node.css683>.wrapper1 {
    background-color: rgb(26, 29, 40)
}

.node.css683 {
    color: #FFF
}

.node.css683>.padding_top {
    padding-top: 30px
}

.node.css683>.padding_bottom {
    padding-bottom: 30px
}

.node.css683 a {
    color: rgb(25, 69, 230)
}

.node.css684 {
    color: #FFF;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css684 a {
    color: rgb(25, 69, 230)
}

.node.css685 {
    color: #FFF;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css685 a {
    color: rgb(25, 69, 230)
}

.textable.css686 {
    text-align: left;
    font-family: "Open Sans";
    font-size: 11px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 1
}

.node.css687 {
    color: #FFF;
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css687 a {
    color: rgb(25, 69, 230)
}

.node.css688 {
    color: #FFF;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css688 a {
    color: rgb(25, 69, 230)
}

.textable.css689 {
    text-align: left;
    font-family: "Open Sans";
    font-size: 11px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 1
}

.screen-xs .textable.css689 {
    text-align: center !important
}

.node.css690 {
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 0px
}

.node.css690 a {
    color: rgb(25, 69, 230)
}

.node.css691 img {
    width: calc(0.12 * var(--width))
}

.node.css691 .bgnormal {
    text-align: right
}

.node.css692 {
    color: #FFF;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 0px
}

.node.css692 a {
    color: rgb(25, 69, 230)
}

.textable.css693 {
    text-align: right;
    font-family: "Open Sans";
    font-size: 12px;
    line-height: 1.2;
    letter-spacing: 0em;
    opacity: 0.63
}

.screen-xs .textable.css693 {
    text-align: center !important
}

.node.css694 {
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css694 a {
    color: rgb(25, 69, 230)
}

.metahtml.css695 .link a {
    color: rgb(255, 255, 255) !important;
    text-decoration: underline !important;
}

.node.css696 {
    color: #FFF;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css696 a {
    color: rgb(25, 69, 230)
}

.textable.css697 {
    text-align: right;
    font-family: "Open Sans";
    font-size: 11px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 1
}

.screen-xs .textable.css697 {
    text-align: center !important
}

.node.css698 {
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px
}

.node.css698 a {
    color: rgb(25, 69, 230)
}

.textable.css699 {
    text-align: left;
    font-family: "Open Sans";
    font-size: 11px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 1
}

.screen-xs .textable.css699 {
    text-align: left !important
}

.node.css700 img {
    width: calc(0.12 * var(--width))
}

.node.css700 .bgnormal {
    text-align: left
}

.textable.css701 {
    text-align: right;
    font-family: "Open Sans";
    font-size: 12px;
    line-height: 1.2;
    letter-spacing: 0em;
    opacity: 0.63
}

.screen-xs .textable.css701 {
    text-align: left !important
}

.textable.css702 {
    text-align: right;
    font-family: "Open Sans";
    font-size: 11px;
    line-height: 1.3;
    letter-spacing: 0em;
    opacity: 1
}

.screen-xs .textable.css702 {
    text-align: left !important
}

.node.css703 {
    color: #FFF;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px
}

.node.css703 a {
    color: rgb(25, 69, 230)
}

.area.screen-lg {
    min-width: 1200px;
}

.area.screen-lg .container {
    width: 1140px;
}

.area.screen-lg .container.soft {
    max-width: 1140px;
}

.area.screen-md {
    min-width: 960px;
}

.area.screen-md .container {
    width: 940px;
}

.area.screen-md .container.soft {
    max-width: 940px;
}

.area.screen-sm {
    min-width: 720px;
}

.area.screen-sm .container {
    width: 720px;
}

.area.screen-sm .container.soft {
    max-width: 720px;
}

.area.screen-xs .container {
    max-width: 737px;
    padding: 0 10px;
}

.tradingview-widget-copyright {
    font-size: 13px !important;
    line-height: 32px !important;
    text-align: center !important;
    vertical-align: middle !important;
    /* @mixin sf-pro-display-font; */
    font-family: -apple-system, BlinkMacSystemFont, 'Trebuchet MS', Roboto, Ubuntu, sans-serif !important;
    color: #B2B5BE !important;
}

.tradingview-widget-copyright .blue-text {
    color: #2962FF !important;
}

.tradingview-widget-copyright a {
    text-decoration: none !important;
    color: #B2B5BE !important;
}

.tradingview-widget-copyright a:visited {
    color: #B2B5BE !important;
}

.tradingview-widget-copyright a:hover .blue-text {
    color: #1E53E5 !important;
}

.tradingview-widget-copyright a:active .blue-text {
    color: #1848CC !important;
}

.tradingview-widget-copyright a:visited .blue-text {
    color: #2962FF !important;
}

.modalPic {
    display: none;
}

.modalPic.wr {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #101010;
    z-index: 99999;
    opacity: 0.8;
    top: 0;
    left: 0;
}

.modalPic.n1 {
    z-index: 999999;
    margin: 0 auto;
    width: 30%;
    position: fixed;
    top: 10px;
    left: 35%;
}

@media (max-width:900px) {
    .modalPic.n1 {
        width: 50%;
    }
}

.modalPic.n1 h2 {
    font-family: GothaProLig;
    font-size: 20px;
    padding: 0;
    color: #000000;
    text-transform: uppercase;
    margin: 0 auto;
    width: 230px;
    white-space: nowrap;
}

.modalPic.n1 p {
    font-family: GothaProLig;
    font-size: 14px;
    color: #858585;
    text-align: center;
    margin: 0 auto;
    padding: 30px 0 5px;
    width: 310px;
    line-height: 1.5;
}

.modalPic.n1 .req {
    color: red;
}

.modalPic.n1 .closeModal {
    position: absolute;
    border: 1px solid #707070;
    padding: 3px 10px;
    margin: 50px 50px 0 0;
    background-color: #fff;
    border-radius: 25px;
    cursor: pointer;
    color: #000;
    right: 0;
    font-weight: bold;
    font-size: 18px;
}