/*region BG_Android*/
/*region general*/
.gform_wrapper .BG_Android .gfield_checkbox  input[type='checkbox'],
.gform_wrapper .BG_Android .gfield_radio  input[type='radio'] {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    min-width: unset !important;
    min-height: unset !important;
    opacity: 0 !important;
}

.BG_Android  .BG_default input[type='radio'] ~ label, .BG_Android  .BG_default input[type='checkbox'] ~ label {
    position: relative;
    margin-left: 25px !important
}

.BG_Android .BG_default  input[type='checkbox']:hover ~ label > .BG_check:after {
    display: inline-block;
    border-color: #605e5c
}

.BG_Android .BG_default  input[type='checkbox']:checked ~ label > .BG_check:after {
    border-color: #fff;
    display: inline-block
}

.BG_Android  .BG_default input[type='radio']:hover ~ label .BG_check:after {
    display: inline-block
}

.BG_Android .BG_default  input[type='checkbox'] ~ label > .BG_check:after {
    content: '';
    width: 12px;
    height: 6px;
    border-bottom: 2px solid #605e5c;
    border-left: 2px solid #605e5c;
    position: absolute;
    right: calc(100% + 8px);
    display: none;
    top: 46%;
    transform: translateY(-66%) rotate(-45deg);
    transition: all .1s cubic-bezier(0.4,0,0.23,1);
    -webkit-transition: all .1s cubic-bezier(0.4,0,0.23,1);
    -moz-transition: all .1s cubic-bezier(0.4,0,0.23,1);
    -ms-transition: all .1s cubic-bezier(0.4,0,0.23,1);
    -o-transition: all .1s cubic-bezier(0.4,0,0.23,1);
    -webkit-transform: translateY(-66%) rotate(-45deg);
    -moz-transform: translateY(-66%) rotate(-45deg);
    -ms-transform: translateY(-66%) rotate(-45deg);
    -o-transform: translateY(-66%) rotate(-45deg)
}

.BG_Android.BG_large_size .BG_default  input[type='checkbox'] ~ label > .BG_check:after {
    top: 48% !important
}

.BG_Android .BG_default  input[type='checkbox'] ~ label > .BG_check:before {
    content: '';
    width: 20px;
    height: 20px;
    border: 2px solid #6d6d6d;
    display: inline-block;
    position: absolute;
    right: calc(100% + 4px);
    top: 50%;
    border-radius: 2px;
    transform: translateY(-50%);
    transition: all .2s linear !important;
    -webkit-transition: all .2s linear !important;
    -moz-transition: all .2s linear !important;
    -ms-transition: all .2s linear !important;
    -o-transition: all .2s linear !important;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}

.BG_Android .BG_default  input[type='radio'] ~ label .BG_check {
    width: 20px;
    height: 20px;
    border: 2px solid #6d6d6d;
    display: inline-block;
    position: absolute;
    right: calc(100% + 4px);
    top: 50%;
    border-radius: 50%;
    transform: translateY(-50%);
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

    .BG_Android  .BG_default input[type='radio'] ~ label .BG_check:after {
        content: '';
        width: 9px;
        height: 9px;
        border-radius: 50%;
        position: absolute;
        background: #605e5c;
        left: 50%;
        display: none;
        top: 50%;
        transform: translate(-50%,-50%);
        transition: all .1s cubic-bezier(0.4,0,0.23,1);
        -webkit-transition: all .1s cubic-bezier(0.4,0,0.23,1);
        -moz-transition: all .1s cubic-bezier(0.4,0,0.23,1);
        -ms-transition: all .1s cubic-bezier(0.4,0,0.23,1);
        -o-transition: all .1s cubic-bezier(0.4,0,0.23,1);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
    }

.BG_Android .BG_toggle input[type='checkbox']:hover ~ label > .BG_check:after, .BG_Android .BG_toggle input[type='radio']:hover ~ label > .BG_check:after {
    display: inline-block;
    border-color: #605e5c
}

.BG_Android .BG_toggle input[type='radio'], .BG_Android .BG_toggle input[type='radio'] ~ label {
    margin-left: 0 !important
}

    .BG_Android .BG_toggle input[type='checkbox']:hover ~ label > .BG_check, .BG_Android .BG_toggle input[type='radio']:hover ~ label > .BG_cheeck {
        border-color: #201f1e
    }

    .BG_Android .BG_toggle input[type='checkbox'] ~ label > .BG_check:after, .BG_Android .BG_toggle input[type='radio'] ~ label > .BG_check:after {
        content: '';
        width: 20px;
        height: 20px;
        position: absolute;
        border-radius: 50%;
        background-color: #F1F1F1;
        left: -4px;
        right: calc(100% + 10px);
        top: 50%;
        box-shadow: 1px 1px 3px 0 grey;
        transform: translateY(-50%);
        transition: all .1s cubic-bezier(0.4,0,0.23,1);
        -webkit-transition: all .1s cubic-bezier(0.4,0,0.23,1);
        -moz-transition: all .1s cubic-bezier(0.4,0,0.23,1);
        -ms-transition: all .1s cubic-bezier(0.4,0,0.23,1);
        -o-transition: all .1s cubic-bezier(0.4,0,0.23,1);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%)
    }

    .BG_Android .BG_toggle input[type='checkbox'] ~ label > .BG_check, .BG_Android .BG_toggle input[type='radio'] ~ label > .BG_check {
        width: 32px;
        height: 14px;
        border-radius: 10px;
        background: #ccc;
        float: left;
        position: relative;
        border-radius: 10px;
        margin: 0 10px 0 5px;
        transition: all .2s linear;
        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -ms-transition: all .2s linear;
        -o-transition: all .2s linear;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px
    }

.BG_Android .BG_fileupload {
    border: none !important;
    border-bottom: 2px solid #00000012 !important
}

.BG_Android .BG_filecancel_icon {
    margin: 10px
}

    .BG_Android .BG_filecancel_icon:before {
        margin: 0 -8px 0 0 !important
    }

.BG_Android .BG_fileupload_text {
    margin-left: 0 !important
}

.BG_Android .BG_fileupload_icon {
    margin-right: 10px !important
}

.BG_Android .ginput_container_fileupload {
    padding: 0 5px
}

    .BG_Android .ginput_container_fileupload .BG_fileupload {
        width: calc(50% - 35px);
        justify-content: space-between
    }

.BG_Android .BG_Button {
    display: flex;
    flex-direction: row !important;
    flex-wrap: wrap;
}

    .BG_Android .BG_Button label:hover ~ .gf_tooltip_body > i {
        color: #fff !important;
        transition: all .3 linear;
        -webkit-transition: all .1s linear;
        -moz-transition: all .3 linear;
        -ms-transition: all .3 linear;
        -o-transition: all .3 linear
    }

    .BG_Android .BG_Button input[type='checkbox']:checked ~ .gf_tooltip_body > i, .BG_Android .BG_Button input[type='radio']:checked ~ .gf_tooltip_body > i {
        color: #fff !important;
        transition: all .3 linear;
        -webkit-transition: all .1s linear;
        -moz-transition: all .3 linear;
        -ms-transition: all .3 linear;
        -o-transition: all .3 linear
    }

@media only screen and (max-width: 641px) {
    .BG_Android .BG_Button .gf_tooltip_body, .BG_Android .BG_Button .gf_tooltip_body > span, .BG_Android .BG_Button  label > .BG_check {
        display: inline-block !important
    }

    .BG_Android .BG_Button  label {
        width: unset !important
    }
}

.BG_Android input[type=button].gform_previous_button {
    border: 1px solid #8a8886 !important;
    background: #fff !important;
    color: #323130 !important;
    font-weight: 600 !important
}

    .BG_Android input[type=button].gform_previous_button:hover {
        background: #f3f2f1 !important
    }

.BG_Android .gf_progressbar {
    padding: 0 !important
}

    .BG_Android .gf_progressbar:after {
        height: 0 !important
    }

.BG_Android .gf_progressbar_percentage span {
    color: #8a8886 !important;
    text-shadow: none !important
}

.BG_Android select option {
    background-color: #000 !important
}

.BG_Android .bg_field_icon {
    display: flex;
    justify-content: flex-start;
    flex-direction: row-reverse;
    align-items: center;
}

    .BG_Android .bg_field_icon~.ginput_container input[type=text] {
        /* width: calc(50% - 40px) !important; */
        padding-left: 8px !important;
    }

    .BG_Android .bg_field_icon:not(.BG_Icon) i {
        margin-right: 16px !important;
        position: relative !important;
        transform: none !important;
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
        top: unset !important;
    }

    .BG_Android .bg_field_icon ~ .gfield_description {
        position: relative;
        left: 50px;
    }

    .BG_Android .bg_field_icon input ~ i:before {
        transform: none !important;
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
    }

.BG_Android select {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 4px !important;
}


.BG_Android .bg_label_container {
    width: 100%;
    display: flex;
    align-items: center;
    background: #f5f5f5;
    padding-left: 16px;
    background: #f5f5f5;
    border-top: 1px solid #d0cfcf;
    border-bottom: 1px solid #d0cfcf;
}

.BG_Android .bg_label_container label{
    margin: 0 !important;
}

.BG_Android.BG_Dark .bg_label_container {
    background: #646464;
    border-color: #444444;
}

/* .BG_Android .bg_field_icon input[type='text']{
    width: calc(50% - 56px);
} */

.BG_Android .bg_field_icon input[type='text']~i
.BG_Android .bg_field_icon input[type='number']~i,
.BG_Android .bg_field_icon input[type='tel']~i,
.BG_Android .bg_field_icon input[type='email']~i{
    /* margin: 0 16px; */
    width: 16px;
}


.BG_Android .bg_field_icon .ginput_container{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row-reverse;
}


@media only screen and (max-width: 767px) {
    .BG_Android .bg_label_container {
        transform: scaleX(1.2);
        padding-left: 50px;
        -webkit-transform: scaleX(1.2);
        -moz-transform: scaleX(1.2);
        -ms-transform: scaleX(1.2);
        -o-transform: scaleX(1.2);
    }
}



@media only screen and (max-width: 580px) {
    .BG_Android .bg_label_container {
        padding-left: 40px;
    }
}


@media only screen and (max-width: 480px) {
    .BG_Android .bg_label_container {
        padding-left: 30px;
    }
}


/*endregion*/
/*endregion*/
/*region BG_Cute*/
/*region general*/
.BG_Cute input[type='text']::placeholder,
.BG_Cute input[type='tel']::placeholder,
.BG_Cute input[type='number']::placeholder,
.BG_Cute input[type='email']::placeholder {
    color: #0000004d;
    font-style: italic
}

.BG_Cute .BG_fileupload .BG_fileupload_text {
    margin: 0 0 0 5px
}

.BG_Cute button:focus, .BG_Cute input[type=submit]:focus, .BG_Cute input[type=button]:focus {
    outline: none
}

.gform_wrapper .BG_Cute .gfield_checkbox input[type='checkbox'], .gform_wrapper .BG_Cute .gfield_radio input[type='radio'] {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    min-width: unset !important;
    min-height: unset !important;
    opacity: 0 !important;
    border: none !important;
}

.gform_wrapper > form.BG_Dark.BG_Cute input[type='text'],
.gform_wrapper > form.BG_Dark.BG_Cute input[type='tel'],
.gform_wrapper > form.BG_Dark.BG_Cute input[type='number'],
.gform_wrapper > form.BG_Dark.BG_Cute input[type='email'],
 .gform_wrapper > form.BG_Cute.BG_Dark select {
    background: rgba(255,255,255,0.226) !important;
    color: inherit
}

    .gform_wrapper > form.BG_Dark.BG_Cute input[type='text']::placeholder ,
    .gform_wrapper > form.BG_Dark.BG_Cute input[type='tel']::placeholder ,
    .gform_wrapper > form.BG_Dark.BG_Cute input[type='number']::placeholder ,
    .gform_wrapper > form.BG_Dark.BG_Cute input[type='email']::placeholder {
        color: #ffffff96
    }

.BG_Cute  .BG_default input[type='radio'] ~ label, .BG_Cute  .BG_default input[type='checkbox'] ~ label {
    position: relative;
    display: flex !important;
    justify-content: flex-end;
    flex-direction: row-reverse;
    align-items: center;
}

.BG_Cute .BG_default  input[type='checkbox']:checked ~ label > .BG_check:after {
    border-color: #fff;
    display: inline-block
}

.BG_Cute  .BG_default input[type='radio']:checked ~ label .BG_check:after {
    display: inline-block;
    box-sizing: border-box;
    background: #fff;
    transition: .2s all cubic-bezier(0.4,0,0.23,1);
    -webkit-transition: .2s all cubic-bezier(0.4,0,0.23,1);
    -moz-transition: .2s all cubic-bezier(0.4,0,0.23,1);
    -ms-transition: .2s all cubic-bezier(0.4,0,0.23,1);
    -o-transition: .2s all cubic-bezier(0.4,0,0.23,1)
}

.BG_Cute .BG_default  input[type='checkbox'] ~ label > .BG_check:after {
    content: '';
    width: 10px;
    height: 6px;
    border-bottom: 2px solid #605e5c;
    border-left: 2px solid #605e5c;
    position: absolute;
    left: 8px;
    display: none;
    border-radius: 1px 0 1px 2px;
    top: 46%;
    transform: translateY(-66%) rotate(-45deg);
    transition: all .1s cubic-bezier(0.4,0,0.23,1);
    -webkit-transition: all .1s cubic-bezier(0.4,0,0.23,1);
    -moz-transition: all .1s cubic-bezier(0.4,0,0.23,1);
    -ms-transition: all .1s cubic-bezier(0.4,0,0.23,1);
    -o-transition: all .1s cubic-bezier(0.4,0,0.23,1);
    -webkit-transform: translateY(-66%) rotate(-45deg);
    -moz-transform: translateY(-66%) rotate(-45deg);
    -ms-transform: translateY(-66%) rotate(-45deg);
    -o-transform: translateY(-66%) rotate(-45deg);
    -webkit-border-radius: 1px 0 1px 2px;
    -moz-border-radius: 1px 0 1px 2px;
    -ms-border-radius: 1px 0 1px 2px;
    -o-border-radius: 1px 0 1px 2px
}

.BG_Cute.BG_Dark .BG_default  input[type='checkbox'] ~ label > .BG_check:before, .BG_Cute.BG_Dark   input[type='radio'] ~ label > .BG_check {
    background: rgba(255,255,255,0.226)
}

.BG_Cute.BG_Dark .BG_default  input[type='radio'] ~ label .BG_check {
    box-shadow: none !important
}

.BG_Cute .BG_default  input[type='radio'] ~ label .BG_check:after {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    border-color: gray;
    left: 50%;
    display: none;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: all .1s cubic-bezier(0.4,0,0.23,1);
    -webkit-transition: all .1s cubic-bezier(0.4,0,0.23,1);
    -moz-transition: all .1s cubic-bezier(0.4,0,0.23,1);
    -ms-transition: all .1s cubic-bezier(0.4,0,0.23,1);
    -o-transition: all .1s cubic-bezier(0.4,0,0.23,1);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

/* .BG_Cute .BG_toggle input[type='checkbox'] {
    display: none !important
} */

    .BG_Cute .BG_toggle input[type='checkbox']:hover ~ label > .BG_check:after, .BG_Cute .BG_toggle input[type='radio']:hover ~ label > .BG_check:after {
        display: inline-block;
        border-color: #605e5c
    }

.BG_Cute select {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.BG_Cute .BG_toggle input[type='radio'], .BG_Cute .BG_toggle input[type='radio'] ~ label {
    margin-left: 0 !important
}

    .BG_Cute .BG_toggle input[type='checkbox']:hover ~ label > .BG_check, .BG_Cute .BG_toggle input[type='radio']:hover ~ label > .BG_check {
        border-color: #201f1e
    }

.BG_Cute input[type=button].gform_previous_button {
    box-shadow: none !important;
    background: #fff !important
}


.BG_Cute .gf_progressbar {
    padding: 0 !important
}

    .BG_Cute .gf_progressbar:after {
        height: 0 !important
    }

.BG_Cute .gf_progressbar_percentage span {
    display: none
}


/* button mode*/

.BG_Cute .BG_Button {
    display: flex;
    flex-direction: row !important;
    flex-wrap: wrap;
}


    .BG_Cute .BG_Button label:hover ~ .gf_tooltip_body > i {
        color: white !important;
        transition: all 0.3 linear;
        -webkit-transition: all 0.1s linear;
        -moz-transition: all 0.3 linear;
        -ms-transition: all 0.3 linear;
        -o-transition: all 0.3 linear;
    }


.BG_Cute .BG_Button input[type='checkbox']:checked ~ .gf_tooltip_body > i,
.BG_Cute .BG_Button input[type='radio']:checked ~ .gf_tooltip_body > i {
    color: white !important;
    transition: all 0.3 linear;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.3 linear;
    -ms-transition: all 0.3 linear;
    -o-transition: all 0.3 linear;
}

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

    .BG_Cute .BG_Button .gf_tooltip_body,
    .BG_Cute .BG_Button .gf_tooltip_body > span,
    .BG_Cute .BG_Button   label  .BG_check {
        display: inline-block !important;
    }

    .BG_Cute .BG_Button  label {
        width: unset !important;
    }
}

.BG_Cute .BG_Button .gf_tooltip_body {
    position: absolute !important;
}

.BG_Cute .ginput_container_text i.fas {
    position: absolute;
    left: 10px;
    bottom: 15%;
}

/**/

/*endregion*/
/*endregion*/
/*region BG_Material*/
/*region general*/



.BG_Material .ginput_container_text i.fas {
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
}


    .BG_Material .ginput_container_text i ~ label,
    .BG_Material .ginput_container_phone i ~ label,
    .BG_Material .ginput_container_date i ~ label,
    .BG_Material .ginput_container_email i ~ label {
        left: 35px !important;
    }

form.BG_Material select {
    height: 45px !important;
    margin: 0px !important;
    padding-top: 10px !important;
}

.BG_Material textarea {
    border: 1px solid rgba(0,0,0,.42) !important;
    border-radius: 4px;
    background-color: #f5f5f5 !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    padding-top: 16px !important;
}

.BG_Material .hidden_label textarea{
    padding-top: 16px !important;
}




.BG_Material .gfield_date_month input[type='text']:focus ~ label,
.BG_Material .gfield_date_month input[type='text']:valid ~ label,
.BG_Material .gfield_date_day input[type='text']:focus ~ label,
.BG_Material .gfield_date_day input[type='text']:valid ~ label,
.BG_Material .gfield_date_year input[type='text']:focus ~ label,
.BG_Material .gfield_date_year input[type='text']:valid ~ label,
.BG_Material .gfield_time_minute input[type='text']:focus ~ label,
.BG_Material .gfield_time_minute input[type='text']:valid ~ label,
.BG_Material .gfield_time_hour input[type='text']:focus ~ label,
.BG_Material .gfield_time_hour input[type='text']:valid ~ label,
.BG_Material .gfield_date_day input[type='number']:focus ~ label,
.BG_Material .gfield_date_day input[type='number']:valid ~ label,
.BG_Material .gfield_date_year input[type='number']:focus ~ label,
.BG_Material .gfield_date_year input[type='number']:valid ~ label,
.BG_Material .gfield_time_minute input[type='number']:focus ~ label,
.BG_Material .gfield_time_minute input[type='number']:valid ~ label,
.BG_Material .gfield_time_hour input[type='number']:focus ~ label,
.BG_Material .gfield_time_hour input[type='number']:valid ~ label{
    left: 0 !important;
}

.gform_wrapper .BG_Material .gfield_checkbox , .gform_wrapper .BG_Material .gfield_radio  {
    overflow: visible;
}
.gform_wrapper ul.gfield_checkbox li, .gform_wrapper ul.gfield_radio li {
    overflow: visible !important;
}

.BG_Material .bg_field_icon input[type='text']:focus ~ label,
.BG_Material .bg_field_icon input[type='text']:valid ~ label,
.BG_Material .bg_field_icon input[type='tel']:focus ~ label,
.BG_Material .bg_field_icon input[type='tel']:valid ~ label,
.BG_Material .bg_field_icon input[type='email']:focus ~ label,
.BG_Material .bg_field_icon input[type='email']:valid ~ label,
.BG_Material .bg_field_icon input[type='number']:focus ~ label,
.BG_Material .bg_field_icon input[type='number']:valid ~ label,
.BG_Material .bg_field_icon select:focus ~ label,
.BG_Material .bg_field_icon select:valid ~ label {
    left: 50px !important;
}




.BG_Material input[type='text'] ~ label,
.BG_Material input[type='number'] ~ label,
.BG_Material input[type='tel'] ~ label,
.BG_Material input[type='email'] ~ label,
.BG_Material select ~ label,
.BG_Material textarea ~ label {
    position: absolute;
    left: 0;
    top: 50%;
    color: inherit;
    transform: translateY(-50%);
    font-weight: 400 !important;
    padding-left: 16px;
    font-size: inherit !important;
    transition: all 0.15s ease-in-out;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.BG_Material textarea ~ label {
    top: 22px !important;
    padding: 0 5px !important;
    margin-left: 10px !important;
}


.BG_Material .ginput_container {
    position: relative;
    display: block;
    /* margin-bottom: 35px !important; */
}


.BG_Material select:not([multiple='multiple']) {
    outline: none !important;
    border: none;
    border-bottom: 1px solid rgba(0,0,0,.42);
}

.BG_Material .ginput_complex > span {
    position: relative;
    margin-top: 16px !important;
    display: block;
}

/* .BG_Material .ginput_complex > span:first-child{
    margin-top: 0 !important;
} */



.BG_Material .ginput_complex.ginput_container_name > span {
    display: inline-block;
}

.gform_wrapper .BG_Material .gfield_checkbox  input[type='checkbox'],
.gform_wrapper .BG_Material .gfield_radio  input[type='radio'] {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    min-width: unset !important;
    min-height: unset !important;
    opacity: 0 !important;
}

.BG_Material input[type='text']::placeholder,
.BG_Material input[type='tel']::placeholder,
.BG_Material input[type='number']::placeholder,
.BG_Material input[type='email']::placeholder {
    opacity: 0;
}

.BG_Material input[type='text']:hover,
.BG_Material input[type='tel']:hover,
.BG_Material input[type='number']:hover,
.BG_Material input[type='email']:hover,
.BG_Material .ginput_container select:not([multiple='multiple']):hover {
    background-color: rgb(236, 236, 236) !important;
    border-color: rgba(0,0,0,.87) !important;
}

.BG_Material.BG_Dark input[type='text']:hover,
.BG_Material.BG_Dark input[type='tel']:hover,
.BG_Material.BG_Dark input[type='number']:hover,
.BG_Material.BG_Dark input[type='email']:hover,
.BG_Material.BG_Dark .ginput_container select:not([multiple='multiple']):hover {
    background-color: #80808038 !important;
}


.BG_Material .gfield_checkbox > ,
.BG_Material .gfield_radio >  {
    margin-bottom: 16px !important;
    /* margin-right: 10px !important; */
}

.BG_Material .gfield_checkbox.BG_Button > ,
.BG_Material .gfield_radio.BG_Button >  {
    margin-bottom: 10px !important;
}


.BG_Material .bg_field_icon > i {
    color: inherit;
}

.BG_Material .bg_field_icon input:focus ~ i:before {
    transform: none !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
}

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

    .BG_Material .ginput_container .BG_check {
        margin-bottom: 0 !important;
    }

    .BG_Material .ginput_container label {
        width: auto !important;
    }
}



/* default */



.BG_Material .BG_default  input[type='checkbox']:checked ~ label > .BG_check:before {
    border-color: rgb(255, 255, 255);
    display: inline-block;
}


.BG_Material .BG_default  input[type='checkbox'] ~ label > .BG_check:after {
    content: '';
    width: 17px;
    height: 17px;
    left: 0;
    top: 0;
    display: inline-block;
    position: absolute;
    transition: left 0.2s ease-in-out 0.1s, background-color 0.01s linear;
    -webkit-transition: left 0.2s ease-in-out 0.1s, background-color 0.01s linear;
    -moz-transition: left 0.2s ease-in-out 0.1s, background-color 0.01s linear;
    -ms-transition: left 0.2s ease-in-out 0.1s, background-color 0.01s linear;
    -o-transition: left 0.2s ease-in-out 0.1s, background-color 0.01s linear;
}

.BG_Material.BG_large_size .BG_default  input[type='checkbox'] ~ label > .BG_check:after {
    top: 0 !important;
}

.BG_Material .BG_default  input[type='checkbox'] ~ label .BG_check {
    width: 20px;
    height: 20px;
    border: 2px solid rgba(109, 109, 109);
    display: inline-block;
    position: relative;
    margin-right: 10px;
    overflow: hidden;
    border-radius: 2px;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}


.BG_Material .gfield_checkbox.BG_toggle input[type='checkbox'] ~ label:not(.gfield_label):before,
.BG_Material .gfield_radio.BG_toggle input[type='radio'] ~ label:not(.gfield_label):before {
    left:8px
}

.BG_Material .gfield_checkbox.BG_toggle input[type='checkbox'] ~ label:not(.gfield_label):after,
.BG_Material .gfield_radio.BG_toggle input[type='radio'] ~ label:not(.gfield_label):after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 48px;
    height: 48px;
    background-color: #9e9e9e;
    border-radius: 50%;
    top: 50%;
    opacity: 0;
    left: -18px;
    /* z-index: -1; */
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.BG_Material .gfield_checkbox input[type='checkbox']:hover ~ label:not(.gfield_label):after,
.BG_Material .gfield_radio input[type='radio']:hover ~ label:not(.gfield_label):after {
    opacity: 0.1;
}


.BG_Material .gfield_checkbox.BG_toggle input[type='checkbox']:checked ~ label:not(.gfield_label):before,
.BG_Material .gfield_radio.BG_toggle input[type='radio']:checked ~ label:not(.gfield_label):before {
    left: 16px !important;
}

.BG_Material .BG_default  input[type='checkbox'] ~ label,
.BG_Material .BG_default  input[type='radio'] ~ label {
    position: relative;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end;
    flex-direction: row-reverse;
    max-width: unset !important;
    margin-left: 0 !important;
}

    .BG_Material .BG_default  input[type='checkbox'] ~ label.BG_label_focused:after,
    .BG_Material  .BG_default input[type='radio'] ~ label.BG_label_focused:after {
        content: '';
        position: absolute;
        display: inline-block;
        width: 40px;
        height: 40px;
        background: rgb(165, 165, 165);
        border-radius: 50%;
        left: -10px;
        opacity: 0.2;
        /* z-index: -1; */
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
    }

@-webkit-keyframes rippleOn {
    0% {
        opacity: 0.4;
    }

    100% {
        opacity: 0;
        transform: translateY(-50%) scale(2.5,2.5);
        -webkit-transform: translateY(-50%) scale(2.5,2.5);
        -moz-transform: translateY(-50%) scale(2.5,2.5);
        -ms-transform: translateY(-50%) scale(2.5,2.5);
        -o-transform: translateY(-50%) scale(2.5,2.5);
    }
}

@keyframes rippleOn {
    0% {
        opacity: 0.4;
    }

    100% {
        opacity: 0;
        transform: translateY(-50%) scale(2.5, 2.5);
        -webkit-transform: translateY(-50%) scale(2.5, 2.5);
        -moz-transform: translateY(-50%) scale(2.5, 2.5);
        -ms-transform: translateY(-50%) scale(2.5, 2.5);
        -o-transform: translateY(-50%) scale(2.5, 2.5);
    }
}

.BG_Material .ginput_container_consent:not(.BG_Button) input[type='checkbox']:checked ~ label:before,
.BG_Material .gfield_checkbox:not(.BG_Button) input[type='checkbox']:checked ~ label:before,
.BG_Material .gfield_radio:not(.BG_Button) input[type='radio']:checked ~ label:before {
    -webkit-animation: rippleOn 700ms forwards ease-out;
    animation: rippleOn 700ms forwards ease-out;
}

.BG_Material  .BG_default input[type='checkbox'] ~ label > .BG_check:before {
    content: '';
    width: 14px;
    height: 7px;
    border-bottom: 2px solid transparent;
    border-left: 2px solid transparent;
    position: absolute;
    right: calc(100% + -15px);
    top: 46%;
    transform: translateY(-66%) rotate(-45deg);
    transition: all 0.1s cubic-bezier(0.4, 0, 0.23, 1);
    -webkit-transition: all 0.1s cubic-bezier(0.4, 0, 0.23, 1);
    -moz-transition: all 0.1s cubic-bezier(0.4, 0, 0.23, 1);
    -ms-transition: all 0.1s cubic-bezier(0.4, 0, 0.23, 1);
    -o-transition: all 0.1s cubic-bezier(0.4, 0, 0.23, 1);
    -webkit-transform: translateY(-66%) rotate(-45deg);
    -moz-transform: translateY(-66%) rotate(-45deg);
    -ms-transform: translateY(-66%) rotate(-45deg);
    -o-transform: translateY(-66%) rotate(-45deg);
}

.BG_Material .BG_default  input[type='radio']:checked ~ label .BG_check:after {
    opacity: 1 !important;
    width: 10px !important;
    height: 10px !important;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}


.BG_Material .BG_default  input[type='radio'] ~ label .BG_check {
    width: 20px;
    height: 20px;
    border: 2px solid rgb(109, 109, 109);
    display: inline-block;
    position: relative;
    border-radius: 50%;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    margin-right: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}


/**/



/* toggle mode*/


.gform_wrapper .BG_Material .BG_toggle >  {
    padding: 5px !important;
}

.BG_Material .BG_toggle input[type='checkbox']:hover ~ label > .BG_check:after,
.BG_Material .BG_toggle input[type='radio']:hover ~ label > .BG_check:after {
    display: inline-block;
    border-color: rgb(96, 94, 92);
}

.BG_Material .BG_toggle input[type='radio'],
.BG_Material .BG_toggle input[type='radio'] ~ label {
    margin-left: 0 !important;
}

  
    .BG_Material .BG_toggle input[type='checkbox']:hover ~ label > .BG_check,
    .BG_Material .BG_toggle input[type='radio']:hover ~ label > .BG_cheeck {
        border-color: rgb(32, 31, 30);
    }

    .BG_Material .BG_toggle input[type='checkbox'] ~ label > .BG_check:after,
    .BG_Material .BG_toggle input[type='radio'] ~ label > .BG_check:after {
        content: '';
        width: 20px;
        height: 20px;
        position: absolute;
        border-radius: 50%;
        background-color: #F1F1F1;
        left: -4px;
        right: calc(100% + 10px);
        top: 50%;
        box-shadow: 1px 1px 3px 0px grey;
        transform: translateY(-50%);
        transition: all 0.1s cubic-bezier(0.4, 0, 0.23, 1);
        -webkit-transition: all 0.1s cubic-bezier(0.4, 0, 0.23, 1);
        -moz-transition: all 0.1s cubic-bezier(0.4, 0, 0.23, 1);
        -ms-transition: all 0.1s cubic-bezier(0.4, 0, 0.23, 1);
        -o-transition: all 0.1s cubic-bezier(0.4, 0, 0.23, 1);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }

    


    .BG_Material .BG_toggle input[type='checkbox'] ~ label.BG_label_focused > .BG_check:before,
    .BG_Material .BG_toggle input[type='radio'] ~ label.BG_label_focused > .BG_check:before {
        content: '';
        position: absolute;
        display: inline-block;
        width: 41px;
        height: 41px;
        background: rgb(165, 165, 165);
        border-radius: 50%;
        left: -15px;
        opacity: 0.2;
        z-index: -1;
        top: 50%;
        transform: translateY(-50%);
        transition: all 4s ease-in-out;
        -webkit-transition: all 4s ease-in-out;
        -moz-transition: all 4s ease-in-out;
        -ms-transition: all 4s ease-in-out;
        -o-transition: all 4s ease-in-out;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }

    .BG_Material .BG_toggle input[type='checkbox']:checked ~ label.BG_label_focused > .BG_check:before,
    .BG_Material .BG_toggle input[type='radio']:checked ~ label.BG_label_focused > .BG_check:before {
        left: 4px !important;
        transition: all 4s ease-in-out;
        -webkit-transition: all 4s ease-in-out;
        -moz-transition: all 4s ease-in-out;
        -ms-transition: all 4s ease-in-out;
        -o-transition: all 4s ease-in-out;
    }

    .BG_Material .BG_toggle input[type='checkbox']:checked ~ label:focus > .BG_check:before,
    .BG_Material .BG_toggle input[type='radio']:checked ~ label:focus > .BG_check:before {
        left: 5px;
    }

    .BG_Material .BG_toggle input[type='checkbox'] ~ label > .BG_check,
    .BG_Material .BG_toggle input[type='radio'] ~ label > .BG_check {
        width: 30px;
        height: 14px;
        border-radius: 10px;
        background: #cccccc;
        float: left;
        position: relative;
        border-radius: 10px;
        margin-right: 10px;
        transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
    }

.BG_Material .BG_fileupload {
    border: none;
}

.BG_Material .BG_filecancel_icon {
    margin: 10px;
}

    .BG_Material .BG_filecancel_icon:before {
        margin: 0 -8px 0 0 !important;
    }


.BG_Material .BG_fileupload_text {
    margin-left: 0 !important;
    max-width: unset !important;
    position: absolute;
    color: black !important;
    left: 150px;
}

.BG_Material.BG_Dark .BG_fileupload_text {
    color: white !important;
}

.BG_Material .BG_uploadText{
    width: 100%;
    height: 100%;
    display: flex;
    color: white;
    align-items: center;
    overflow: hidden;
    padding: 0 15px;
    position: relative;
}

.BG_Material .BG_fileupload_icon_selected, .BG_Material .BG_filecancel_icon {
    display: none;
}

.BG_Material .BG_fileupload_icon {
    margin-right: 10px !important;
    display: none !important;
}

.BG_Material .ginput_container_fileupload {
    padding: 0;
}



.BG_Material .ginput_container_fileupload {
    position: relative;
    display: flex;
}

.BG_Material .bg_field_icon.BG_Button label i {
    position: relative !important;
    top: 0;
    left: 0 !important;
    transform: unset !important;
    -webkit-transform: unset !important;
    -moz-transform: unset !important;
    -ms-transform: unset !important;
    -o-transform: unset !important;
}

/**/



/* button mode*/

.BG_Material .BG_Button {
    display: flex;
    flex-direction: row !important;
    flex-wrap: wrap;
    justify-content: flex-start;
}


.gform_wrapper .BG_Material .BG_Button label i {
    margin: 1px 10px 1px 0;
}


.BG_Material .BG_Button input[type='checkbox']:checked ~ .gf_tooltip_body > i,
.BG_Material .BG_Button input[type='radio']:checked ~ .gf_tooltip_body > i {
    color: white !important;
    transition: all 0.3 linear;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.3 linear;
    -ms-transition: all 0.3 linear;
    -o-transition: all 0.3 linear;
}

.ripple_selected {
    width: 50px;
    height: 50px;
    position: absolute;
    border-radius: 50%;
    display: inline-block;
    background: black;
    -webkit-animation: rippleBtnOn 700ms forwards ease-out;
    animation: rippleBtnOn 700ms forwards ease-out;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}


@-webkit-keyframes rippleBtnOn {
    0% {
        opacity: 0.5;
    }

    100% {
        opacity: 0;
        transform: translateY(-50%) scale(5,5);
        -webkit-transform: translateY(-50%) scale(5,5);
        -moz-transform: translateY(-50%) scale(5,5);
        -ms-transform: translateY(-50%) scale(5,5);
        -o-transform: translateY(-50%) scale(5,5);
    }
}

@keyframes rippleBtnOn {
    0% {
        opacity: 0.5;
    }

    100% {
        opacity: 0;
        transform: translate(-50%,-50%) scale(5, 5);
        -webkit-transform: translate(-50%,-50%) scale(5, 5);
        -moz-transform: translate(-50%,-50%) scale(5, 5);
        -ms-transform: translate(-50%,-50%) scale(5, 5);
        -o-transform: translate(-50%,-50%) scale(5, 5);
    }
}

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

    .BG_Material .BG_Button .gf_tooltip_body,
    .BG_Material .BG_Button .gf_tooltip_body > span,
    .BG_Material .BG_Button  label > .BG_check {
        display: inline-block !important;
    }

    .BG_Material .BG_Button  label {
        width: unset !important;
    }

    .BG_Material .ginput_container label {
        width: auto !important;
    }
}


/**/

.BG_Material .bg_field_icon select:not(:focus):not(:valid) ~ label{
    left: 50px !important;
    padding-left:0 !important;
}

 

.BG_Material .gf_progressbar {
    padding: 0 !important;
}

    .BG_Material .gf_progressbar:after {
        height: 0 !important;
    }

    .BG_Material .gf_progressbar_percentage span {
        color: rgb(138, 136, 134) !important;
        text-shadow: none !important;
    }

.BG_Material select[multiple=multiple] {
    border-color: rgba(0,0,0,.42) !important;
}



.BG_Material .gform_page_footer input[type=button].bg_disabled,
.BG_Material .gform_page_footer input[type=submit].bg_disabled {
    color: #a2a2a2 !important;
    background: #9494945e !important;
}

form:not( _theme).BG_Material .gform_body ul .gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) .ginput_container select {
    color: red !important;
    border-color: red !important;
}

/*endregion*/

/*endregion*/
/*region BG_Bootstrap*/
/*region general*/
.BG_Bootstrap select {
    margin-top: 0 !important
}

.BG_Bootstrap .name_prefix_select label {
    margin-top: -2px !important
}

.BG_Bootstrap input,
.BG_Bootstrap select:not([multiple=multiple]) {
    padding: 8px !important
}
.BG_Bootstrap .gfield_date_year input{
    padding: 4px !important
}

.gform_wrapper .BG_Bootstrap .gfield_radio  input[type='radio'],
.gform_wrapper .BG_Bootstrap .gfield_checkbox  input[type='checkbox'] {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    min-width: unset !important;
    min-height: unset !important;
    opacity: 0 !important;
    padding: 0 !important;
    border-width: 0px !important;
}

.BG_Bootstrap .BG_fileupload {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.BG_Bootstrap :not(.image-choices-use-images) .BG_default  input[type='radio'] ~ label,
.BG_Bootstrap :not(.image-choices-use-images) .BG_default  input[type='checkbox'] ~ label {
    position: relative;
    margin-left: 28px !important;
    margin-top: 0 !important;
}

.BG_Bootstrap.BG_large_size .BG_default  input[type='radio'] ~ label,
.BG_Bootstrap.BG_large_size .BG_default  input[type='checkbox'] ~ label,
.BG_Bootstrap.BG_xlarge_size .BG_default  input[type='radio'] ~ label,
.BG_Bootstrap.BG_xlarge_size .BG_default  input[type='checkbox'] ~ label {
    line-height: 1.1 !important;
}

/* .BG_Bootstrap  .BG_default input[type='checkbox']:hover~label>.BG_check:after {
	display: inline-block;
	color: #605e5c
} */

.BG_Bootstrap  .BG_default input[type='checkbox']:checked ~ label > .BG_check:after {
    border-color: #fff;
    display: inline-block
}

/* .BG_Bootstrap .BG_default  input[type='checkbox']:checked:hover~label>.BG_check:after {
	color: white !important;
} */

/* .BG_Bootstrap  .BG_default input[type='radio']:hover~label .BG_check:after {
	display: inline-block
} */

.BG_Bootstrap .BG_default input[type='checkbox'] ~ label > .BG_check:after {
    content: '';
    width: 8px;
    height: 5px;
    border-bottom: 2px solid black;
    border-left: 2px solid black;
    position: absolute;
    right: calc(100% + 11px);
    color: white;
    display: none;
    top: 46%;
    transform: translateY(-50%) rotate(-45deg);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.23, 1);
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.23, 1);
    -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.23, 1);
    -ms-transition: all 0.3s cubic-bezier(0.4, 0, 0.23, 1);
    -o-transition: all 0.3s cubic-bezier(0.4, 0, 0.23, 1);
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -moz-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    -o-transform: translateY(-50%) rotate(-45deg);
}

.BG_Bootstrap .BG_default  input[type='checkbox'] ~ label > .BG_check:before {
    content: '';
    width: 16px;
    height: 16px;
    border: 1px solid #ced4da;
    display: inline-block;
    position: absolute;
    right: calc(100% + 7px);
    top: 50%;
    border-radius: 4px !important;
    transform: translateY(-50%);
    transition: all .2s linear;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
}

.BG_Bootstrap .BG_default  input[type='radio'] ~ label .BG_check {
    width: 16px;
    height: 16px;
    border: 1px solid #ced4da;
    display: inline-block;
    position: absolute;
    right: calc(100% + 7px);
    top: 50%;
    border-radius: 50%;
    transform: translateY(-50%);
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}




.BG_Bootstrap.BG_Dark  .BG_default input[type='radio'] ~ label .BG_check {
    border-width: 2px !important;
    border-color: rgba(255, 255, 255, 0.35)
}



/* .BG_Bootstrap .BG_toggle input[type='checkbox']:hover~label>.BG_check:after,
.BG_Bootstrap .BG_toggle input[type='radio']:hover~label>.BG_check:after {
	display: inline-block;
	border-color: #605e5c
} */

.BG_Bootstrap .BG_toggle input[type='radio'],
.BG_Bootstrap .BG_toggle input[type='radio'] ~ label {
    margin-left: 0 !important
}

    .BG_Bootstrap .BG_toggle input[type='checkbox']:checked ~ label > .BG_check:after,
    .BG_Bootstrap .BG_toggle input[type='radio']:checked ~ label > .BG_check:after {
        background: #fff;
        left: 13px;
        transition: all .2s cubic-bezier(0.4, 0, 0.23, 1)
    }

/* .BG_Bootstrap .BG_toggle input[type='checkbox']:checked:hover~label>.BG_check:after,
.BG_Bootstrap .BG_toggle input[type='radio']:checked:hover~label>.BG_check:after {
	background: #fff
} */

/* .BG_Bootstrap .BG_toggle input[type='checkbox']:hover~label>.BG_check,
.BG_Bootstrap .BG_toggle input[type='radio']:hover~label>.BG_check {
	border-color: #201f1e
} */

/* .BG_Bootstrap .BG_toggle input[type='checkbox']:hover~label>.BG_check:after,
.BG_Bootstrap .BG_toggle input[type='radio']:hover~label>.BG_check:after {
	background: #201f1e
} */

.BG_Bootstrap.BG_Dark .BG_toggle input[type='checkbox']:hover ~ label > .BG_check,
.BG_Bootstrap.BG_Dark .BG_toggle input[type='radio']:hover ~ label > .BG_check {
    border-color: #ffffffb0
}

    .BG_Bootstrap.BG_Dark .BG_toggle input[type='checkbox']:hover ~ label > .BG_check:after,
    .BG_Bootstrap.BG_Dark .BG_toggle input[type='radio']:hover ~ label > .BG_check:after {
        background: #ffffffb0
    }

.BG_Bootstrap .BG_fileupload {
    justify-content: space-between;
    flex-direction: row-reverse;
    border: 1px solid #ced4da !important;
    padding: 0 !important;
    width: calc(50% - 8px);
}

    .BG_Bootstrap .BG_fileupload .BG_fileupload_icon {
        width: unset;
        height: 35px;
        display: flex;
        align-items: center;
        top: 0 !important;
        transform: none !important;
        margin: 0;
        color: #595959;
        padding: 8px 16px;
        right: 0 !important;
        justify-content: center;
        position: relative !important;
        background: #e9ecef;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-left: 1px solid #ced4da !important;
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
}

.BG_Bootstrap .BG_fileupload_text{
    padding: 8px 16px;
}

.BG_Bootstrap .BG_Button >  {
    margin: 0 !important;
}

    .BG_Bootstrap .BG_Button > :first-child label {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        border-left: 1px solid #ced4da;
    }

    .BG_Bootstrap .BG_Button > :last-child label {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }


.BG_Bootstrap .BG_toggle input[type='checkbox'] ~ label > .BG_check:after,
.BG_Bootstrap .BG_toggle input[type='radio'] ~ label > .BG_check:after {
    content: '';
    width: 12px;
    height: 12px;
    position: absolute;
    border-radius: 50%;
    background-color: #adb5bd;
    left: 2px;
    right: calc(100% + 10px);
    top: 50%;
    transform: translateY(-50%);
    transition: all .1s cubic-bezier(0.4, 0, 0.23, 1);
    -webkit-transition: all .1s cubic-bezier(0.4, 0, 0.23, 1);
    -moz-transition: all .1s cubic-bezier(0.4, 0, 0.23, 1);
    -ms-transition: all .1s cubic-bezier(0.4, 0, 0.23, 1);
    -o-transition: all .1s cubic-bezier(0.4, 0, 0.23, 1);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.BG_Bootstrap .BG_toggle input[type='checkbox'] ~ label > .BG_check,
.BG_Bootstrap .BG_toggle input[type='radio'] ~ label > .BG_check {
    width: 28px;
    height: 16px;
    border-radius: 10px;
    border: 1px solid #adb5bd;
    float: left;
    position: relative;
    border-radius: 10px;
    margin-right: 8px;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px
}

.BG_Bootstrap input[type='checkbox'] ~ label,
.BG_Bootstrap input[type='radio'] ~ label {
    line-height: 1 !important;
}

.BG_Bootstrap .BG_Button {
    display: flex;
    flex-direction: row !important;
    flex-wrap: wrap
}


.gform_wrapper .BG_Bootstrap .BG_Button label {
    display: flex !important;
    align-items: center;
    text-align: center;
    padding: 8px;
    border-top: 1px solid #ced4da;
    border-right: 1px solid #ced4da;
    border-bottom: 1px solid #ced4da;
    max-width: 100% !important;
}

.BG_Bootstrap .BG_Button label:hover ~ .gf_tooltip_body > i {
    color: #fff !important;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none
}

.BG_Bootstrap .BG_Button input[type='checkbox']:checked ~ .gf_tooltip_body > i,
.BG_Bootstrap .BG_Button input[type='radio']:checked ~ .gf_tooltip_body > i {
    color: #fff !important;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none
}

@media only screen and (max-width: 641px) {
    .BG_Bootstrap .BG_Button .gf_tooltip_body,
    .BG_Bootstrap .BG_Button .gf_tooltip_body > span,
    .BG_Bootstrap .BG_Button  label > .BG_check {
        display: inline-block !important
    }

    .BG_Bootstrap  label {
        width: unset !important
    }
}

.BG_Bootstrap input[type=button].gform_previous_button {
    border: 1px solid #8a8886 !important;
    background: #fff !important;
    color: #323130 !important;
    font-weight: 600 !important
}

    .BG_Bootstrap input[type=button].gform_previous_button:hover {
        background: #f3f2f1 !important
    }

.BG_Bootstrap .gf_progressbar {
    padding: 0 !important
}

    .BG_Bootstrap .gf_progressbar:after {
        height: 0 !important
    }

.BG_Bootstrap .gf_progressbar_percentage span {
    color: #8a8886 !important;
    text-shadow: none !important
}

.BG_Bootstrap .BG_filecancel_icon:before {
    content: '\e805' !important;
}

.BG_Bootstrap .BG_fileupload_icon_selected:before {
    content: '\e806' !important;
}

.BG_Bootstrap .BG_Button .gf_tooltip_body {
    position: absolute !important;
}


.BG_Bootstrap .bg_field_icon input:focus ~ i:before {
    position: relative !important;
    top: 0;
    left: 0 !important;
    transform: unset !important;
    -webkit-transform: unset !important;
    -moz-transform: unset !important;
    -ms-transform: unset !important;
    -o-transform: unset !important;
}

.BG_Bootstrap .bg_field_icon input ~ i,
.BG_Bootstrap .bg_field_icon select~ i {
    width: 35px !important; 
    height: 35px;
    display: flex;
    align-items: center;
    top: 0 !important;
    color: #595959;
    transform: none !important;
    left: 0 !important;
    justify-content: center;
    position: relative !important;
    background: #e9ecef;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-left: 1px solid #ced4da !important;
    border-bottom: 1px solid #ced4da !important;
    border-top: 1px solid #ced4da !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
}

.BG_Bootstrap.BG_xlarge_size .bg_field_icon input ~ i,
.BG_Bootstrap.BG_large_size .bg_field_icon input ~ i,
.BG_Bootstrap.BG_xlarge_size .bg_field_icon select ~ i,
.BG_Bootstrap.BG_large_size .bg_field_icon select ~ i {
    width: 40px !important;
    height: 40px !important;
}

.BG_Bootstrap .bg_field_icon input,
.BG_Bootstrap .bg_field_icon select {
    padding-left: 4px;
    z-index: 9;

    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
}

.BG_Bootstrap .bg_field_icon.ginput_container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: row-reverse;
}

.BG_Bootstrap i.BG_fileupload_icon:before {
    content: '' !important;
}

.BG_Bootstrap i.BG_fileupload_icon {
    font-size: inherit !important;
}






/*endregion*/
/*endregion*/
/*region BG_Material_out*/
/*region general*/




.BG_Material_out .outline_container  {
    position: absolute;
    top: 0;
    z-index: 0;
}

.BG_Material_out .medium ~ .outline_container{
    width: calc(50% - 8px);
    height: 56px;
}

.BG_Material_out .large ~ .outline_container{
    width: 100%;
    height: 56px;
}

.BG_Material_out .small ~ .outline_container{
    width: 25%;
    height: 56px;
}

.BG_Material_out .medium ~ .outline_container .outline_right{
    width: calc(100% - 12px);
}



.BG_Material_out .outline_container .outline_left {
   width: 12px;
   height: 100%;
   display: inline-block;
   border-width: 1px 0 1px 1px;
   border-color: rgba(0,0,0,.38);
   border-style: solid;
   border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -ms-border-radius: 4px 0 0 4px;
    -o-border-radius: 4px 0 0 4px;
}



/* .BG_Material_out .ginput_container_date .outline_container .outline_left,
.BG_Material_out .ginput_container_time .outline_container .outline_left {
    width: 4px !important;
}

.BG_Material_out .ginput_container_date .outline_container .outline_right,
.BG_Material_out .ginput_container_time .outline_container .outline_right {
    width: calc(100% - 4px);
} */

.BG_Material_out .outline_container .outline_middle {
    width: 0;
    height: 100%;
    display: inline-block;
    border-width: 0 0 1px 0;
    border-color: rgba(0,0,0,.38);
    border-style: solid;
}

 .BG_Material_out .outline_container .outline_right {
    width: calc(100% - 12px);
    height: 100%;
    display: inline-block;
    border-width: 1px 1px 1px 0;
    border-color: rgba(0,0,0,.38);
    border-style: solid;
    border-radius:  0 4px 4px 0 ;
    -webkit-border-radius:  0 4px 4px 0 ;
    -moz-border-radius:  0 4px 4px 0 ;
    -ms-border-radius:  0 4px 4px 0 ;
    -o-border-radius:  0 4px 4px 0 ;
}


.BG_Material_out .ginput_container_text i {
    position: absolute !important;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
}


.BG_Material_out .ginput_container_text i ~ .outline_container label,
.BG_Material_out .ginput_container_phone i ~ .outline_container label,
.BG_Material_out .ginput_container_date i ~ .outline_container label {
    left: 35px !important;
}

form.BG_Material_out select {
    height: 45px !important;
    margin: 0px !important;
    padding-top: 10px !important;
}

.BG_Material_out textarea {
    border: none !important;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    padding: 8px  16px 16px !important;
    z-index: 1;
    position: relative;
    background: transparent !important;
    background-color: transparent !important;
}

.BG_Material_out div , .BG_Material_out_rnd div{
	margin-top: 0 !important;
}

.BG_Material_out .outline_container{
    /* border: 1px solid rgba(0,0,0,.64); */
	margin-top: 0 !important;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.BG_Material_out input[type='text']:focus ~ .outline_container label,
.BG_Material_out input[type='text']:valid ~ .outline_container label,
.BG_Material_out input[type='tel']:focus ~ .outline_container label,
.BG_Material_out input[type='tel']:valid ~ .outline_container label,
.BG_Material_out input[type='number']:focus ~ .outline_container label,
.BG_Material_out input[type='number']:valid ~ .outline_container label,
.BG_Material_out input[type='email']:focus ~ .outline_container label,
.BG_Material_out input[type='email']:valid ~ .outline_container label,
.BG_Material_out select:focus ~ .outline_container label,
.BG_Material_out select:valid ~ .outline_container label,
.BG_Material_out textarea:focus ~ .outline_container label,
.BG_Material_out textarea:valid ~ .outline_container label {
    padding-left: 0 !important;
    font-size: 12px !important;
    left: 16px;
    top: 0 !important;
}

.BG_Material_out.BG_small_size input[type='text']:focus ~ .outline_container label,
.BG_Material_out.BG_small_size input[type='text']:valid ~ .outline_container label,
.BG_Material_out.BG_small_size input[type='tel']:focus ~ .outline_container label,
.BG_Material_out.BG_small_size input[type='tel']:valid ~ .outline_container label,
.BG_Material_out.BG_small_size input[type='number']:focus ~ .outline_container label,
.BG_Material_out.BG_small_size input[type='number']:valid ~ .outline_container label,
.BG_Material_out.BG_small_size input[type='email']:focus ~ .outline_container label,
.BG_Material_out.BG_small_size input[type='email']:valid ~ .outline_container label,
.BG_Material_out.BG_small_size select:focus ~ .outline_container label,
.BG_Material_out.BG_small_size select:valid ~ .outline_container label,
.BG_Material_out.BG_small_size textarea:focus ~ .outline_container label,
.BG_Material_out.BG_small_size textarea:valid ~ .outline_container label,
.BG_Material_out.BG_medium_size input[type='text']:focus ~ .outline_container label,
.BG_Material_out.BG_medium_size input[type='text']:valid ~ .outline_container label,
.BG_Material_out.BG_medium_size input[type='tel']:focus ~ .outline_container label,
.BG_Material_out.BG_medium_size input[type='tel']:valid ~ .outline_container label,
.BG_Material_out.BG_medium_size input[type='number']:focus ~ .outline_container label,
.BG_Material_out.BG_medium_size input[type='number']:valid ~ .outline_container label,
.BG_Material_out.BG_medium_size input[type='email']:focus ~ .outline_container label,
.BG_Material_out.BG_medium_size input[type='email']:valid ~ .outline_container label,
.BG_Material_out.BG_medium_size select:focus ~ .outline_container label,
.BG_Material_out.BG_medium_size select:valid ~ .outline_container label,
.BG_Material_out.BG_medium_size textarea:focus ~ .outline_container label,
.BG_Material_out.BG_medium_size textarea:valid ~ .outline_container label{
    font-size: 10px !important;
}


.BG_Material_out input[type='text']:focus ~ .outline_container .outline_left,
.BG_Material_out input[type='tel']:focus ~ .outline_container .outline_left,
.BG_Material_out input[type='number']:focus ~ .outline_container .outline_left,
.BG_Material_out input[type='email']:focus ~ .outline_container .outline_left,
.BG_Material_out select:focus ~ .outline_container .outline_left,
.BG_Material_out .chosen-with-drop ~ .outline_container .outline_left,
.BG_Material_out textarea:focus ~ .outline_container .outline_left{
    border-width: 2px 0 2px 2px;
}

.BG_Material_out input[type='text']:focus ~ .outline_container .outline_middle,
.BG_Material_out input[type='tel']:focus ~ .outline_container .outline_middle,
.BG_Material_out input[type='number']:focus ~ .outline_container .outline_middle,
.BG_Material_out input[type='email']:focus ~ .outline_container .outline_middle,
.BG_Material_out select:focus ~ .outline_container .outline_middle,
.BG_Material_out .chosen-with-drop ~ .outline_container .outline_middle,
.BG_Material_out textarea:focus ~ .outline_container .outline_middle{
    border-width: 0 0 2px 0;
}

.BG_Material_out input[type='text']:focus ~ .outline_container .outline_right,
.BG_Material_out input[type='tel']:focus ~ .outline_container .outline_right,
.BG_Material_out input[type='number']:focus ~ .outline_container .outline_right,
.BG_Material_out input[type='email']:focus ~ .outline_container .outline_right,
.BG_Material_out select:focus ~ .outline_container .outline_right,
.BG_Material_out .chosen-with-drop ~ .outline_container .outline_right,
.BG_Material_out textarea:focus ~ .outline_container .outline_right{
    border-width: 2px 2px 2px 0;
}


.BG_Material_out .bg_field_icon input[type='text']:not(.chosen-search-input) ~ .outline_container label,
.BG_Material_out .bg_field_icon input[type='tel'] ~ .outline_container label,
.BG_Material_out .bg_field_icon input[type='number'] ~ .outline_container label,
.BG_Material_out .bg_field_icon input[type='email'] ~ .outline_container label {
    left: 40px !important;
    padding: 0 8px;
}

.BG_Material_out .bg_field_icon select:not(:focus):not(:valid) ~ .outline_container label{
    left: 40px !important;
}



.BG_Material_out .chosen-search{
    padding:0 !important;
    margin:8px !important;
}



.BG_Material_out .bg_field_icon input[type='text']:focus ~ .outline_container label,
.BG_Material_out .bg_field_icon input[type='text']:valid ~ .outline_container label,
.BG_Material_out .bg_field_icon input[type='tel']:focus ~ .outline_container label,
.BG_Material_out .bg_field_icon input[type='tel']:valid ~ .outline_container label,
.BG_Material_out .bg_field_icon input[type='number']:focus ~ .outline_container label,
.BG_Material_out .bg_field_icon input[type='number']:valid ~ .outline_container label,
.BG_Material_out .bg_field_icon input[type='email']:focus ~ .outline_container label,
.BG_Material_out .bg_field_icon input[type='email']:valid ~ .outline_container label,
.BG_Material_out .bg_field_icon textarea:focus ~ .outline_container label,
.BG_Material_out .bg_field_icon textarea:valid ~ .outline_container label {
    left: 16px !important;
    padding: 0 8px;
}

/* .BG_Material_out textarea:focus {
    border: 2px solid var(--material-primary-color) !important;
} */
/* 
    .BG_Material_out textarea:focus ~ .outline_container label,
    .BG_Material_out textarea:valid ~ .outline_container label {
        transform: translateY(-106%) scale(.75);
        color: var(--material-primary-color) !important;
        -webkit-transform: translateY(-106%) scale(.75);
        -moz-transform: translateY(-106%) scale(.75);
        -ms-transform: translateY(-106%) scale(.75);
        -o-transform: translateY(-106%) scale(.75);
        padding-left: 0 !important;
        color: var(--material-primary-color) !important;
    } */

      
    .BG_Material_out .gfield_date_year input[type='text']:not(:focus):not(:valid) ~ .outline_container label,
    .BG_Material_out .gfield_date_day input[type='text']:not(:focus):not(:valid) ~ .outline_container label,
    .BG_Material_out .gfield_date_month input[type='text']:not(:focus):not(:valid)  ~ .outline_container label{
        width: unset !important;
        left :0 ;
    }

.BG_Material_out input[type='text'] ~ .outline_container label,
.BG_Material_out input[type='tel'] ~ .outline_container label,
.BG_Material_out input[type='number'] ~ .outline_container label,
.BG_Material_out input[type='email'] ~ .outline_container label,
.BG_Material_out select ~ .outline_container label,
.BG_Material_out textarea ~ .outline_container label {
    position: absolute;
    left: 8px;
    top: 50%;
    color: rgba(0,0,0,.6);
    transform: translateY(-50%);
    font-weight: 400 !important;
    padding-left: 16px;
    padding: 0 8px;
    font-size: inherit !important;
    transition: all 0.15s ease-in-out;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

/* .BG_Material_out .ginput_container_date input[type='text'] ~ .outline_container label,
.BG_Material_out .ginput_container_time input[type='text'] ~ .outline_container label{
    padding: 0 !important;
    left: 2px !important;
} */

.BG_Material_out textarea ~ .outline_container label{
    top: 16px !important;
}

.BG_Material_out textarea ~ label {
    top: 15% !important;
    padding: 0 5px !important;
    margin-left: 10px !important;
}


.BG_Material_out .ginput_container {
    position: relative;
    display: block;
    /* margin-bottom: 35px !important; */
}


.BG_Material_out .BG_uploadText{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
    padding: 0 15px;
    position: relative;
}


.BG_Material_out select:not([multiple='multiple']),
.BG_Material_out .chosen-single {
    outline: none !important;
    border: none;
    z-index: 1;
    position: relative;
}

.BG_Material_out .ginput_complex > span {
    position: relative;
    margin-top: 16px !important;
    display: block;
}

.BG_Material_out .ginput_complex:not(.ginput_container_name) > span:first-child{
    margin-top: 0 !important;
}

.BG_Material_out .ginput_complex.ginput_container_name > span {
    display: inline-block;
}

.gform_wrapper .BG_Material_out .gfield_checkbox  input[type='checkbox'],
.gform_wrapper .BG_Material_out .gfield_radio  input[type='radio'] {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    min-width: unset !important;
    min-height: unset !important;
    opacity: 0 !important;
}

.BG_Material_out input[type='text']::placeholder ,
.BG_Material_out input[type='tel']::placeholder, 
.BG_Material_out input[type='number']::placeholder, 
.BG_Material_out input[type='email']::placeholder {
    opacity: 0;
}

/*.BG_Material_out input[type='text']:hover,
.BG_Material_out .ginput_container select:not([multiple='multiple']):hover {
    background-color: rgb(236, 236, 236) !important;
    border-color: rgba(0,0,0,.87) !important;
}*/

.BG_Material_out.BG_Dark input[type='text']:hover,
.BG_Material_out.BG_Dark input[type='tel']:hover,
.BG_Material_out.BG_Dark input[type='number']:hover,
.BG_Material_out.BG_Dark input[type='email']:hover,
.BG_Material_out.BG_Dark .ginput_container select:not([multiple='multiple']):hover {
    background-color: #80808038 !important;
}

.BG_Material_out input[type='text']:focus,
.BG_Material_out input[type='tel']:focus,
.BG_Material_out input[type='number']:focus,
.BG_Material_out input[type='email']:focus {
    /*border-color: var(--android-primary-color) !important;*/
    border-width: 2px;
    /*background-color: rgb(220,220,220) !important;*/
    transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
}

.BG_Material_out .gfield_checkbox > ,
.BG_Material_out .gfield_radio >  {
    margin-bottom: 16px !important;
    /* margin-right: 10px !important; */
}

.BG_Material_out .gfield_checkbox.BG_Button > ,
.BG_Material_out .gfield_radio.BG_Button >  {
    margin-bottom: 10px !important;
}



.BG_Material_out .bg_field_icon input:focus ~ i:before {
    transform: none !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
}

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

    .BG_Material_out .ginput_container .BG_check {
        margin-bottom: 0 !important;
    }

    .BG_Material_out .ginput_container label {
        width: auto !important;
    }
}



/* default */



.BG_Material_out  .BG_default input[type='checkbox']:checked ~ label > .BG_check:before {
    border-color: rgb(255, 255, 255);
    display: inline-block;
}



.BG_Material_out .BG_default  input[type='checkbox'] ~ label > .BG_check:after {
    content: '';
    width: 17px;
    height: 17px;
    left: 0;
    top: 0;
    display: inline-block;
    position: absolute;
    transition: left 0.2s ease-in-out 0.1s, background-color 0.01s linear;
    -webkit-transition: left 0.2s ease-in-out 0.1s, background-color 0.01s linear;
    -moz-transition: left 0.2s ease-in-out 0.1s, background-color 0.01s linear;
    -ms-transition: left 0.2s ease-in-out 0.1s, background-color 0.01s linear;
    -o-transition: left 0.2s ease-in-out 0.1s, background-color 0.01s linear;
}

.BG_Material_out.BG_large_size .BG_default  input[type='checkbox'] ~ label > .BG_check:after {
    top: 0 !important;
}

.BG_Material_out .BG_default  input[type='checkbox'] ~ label .BG_check {
    width: 20px;
    height: 20px;
    border: 2px solid rgba(109, 109, 109);
    display: inline-block;
    position: relative;
    margin-right: 10px;
    overflow: hidden;
    border-radius: 2px;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}


.BG_Material_out .gfield_checkbox.BG_toggle input[type='checkbox'] ~ label:not(.gfield_label):before,
.BG_Material_out .gfield_radio.BG_toggle input[type='radio'] ~ label:not(.gfield_label):before {
    left:8px
}

.BG_Material_out .gfield_checkbox.BG_toggle input[type='checkbox'] ~ label:not(.gfield_label):after,
.BG_Material_out .gfield_radio.BG_toggle input[type='radio'] ~ label:not(.gfield_label):after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 48px;
    height: 48px;
    background-color: #9e9e9e;
    border-radius: 50%;
    top: 50%;
    opacity: 0;
    left: -18px;
    /* z-index: -1; */
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.BG_Material_out .gfield_checkbox input[type='checkbox']:hover ~ label:not(.gfield_label):after,
.BG_Material_out .gfield_radio input[type='radio']:hover ~ label:not(.gfield_label):after {
    opacity: 0.1;
}



.BG_Material_out .gfield_checkbox.BG_toggle input[type='checkbox']:checked ~ label:not(.gfield_label):before,
.BG_Material_out .gfield_radio.BG_toggle input[type='radio']:checked ~ label:not(.gfield_label):before {
    left: 16px !important;
}

.BG_Material_out .BG_default  input[type='checkbox'] ~ label,
.BG_Material_out .BG_default  input[type='radio'] ~ label {
    position: relative;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end;
    margin-left: 0 !important;
    flex-direction: row-reverse;
    max-width: unset !important;
}

    .BG_Material_out .BG_default  input[type='checkbox'] ~ label.BG_label_focused:after,
    .BG_Material_out .BG_default  input[type='radio'] ~ label.BG_label_focused:after {
        content: '';
        position: absolute;
        display: inline-block;
        width: 40px;
        height: 40px;
        background: rgb(165, 165, 165);
        border-radius: 50%;
        left: -10px;
        opacity: 0.2;
        /* z-index: -1; */
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
    }

@-webkit-keyframes rippleOn {
    0% {
        opacity: 0.4;
    }

    100% {
        opacity: 0;
        transform: translateY(-50%) scale(2.5,2.5);
        -webkit-transform: translateY(-50%) scale(2.5,2.5);
        -moz-transform: translateY(-50%) scale(2.5,2.5);
        -ms-transform: translateY(-50%) scale(2.5,2.5);
        -o-transform: translateY(-50%) scale(2.5,2.5);
    }
}

@keyframes rippleOn {
    0% {
        opacity: 0.4;
    }

    100% {
        opacity: 0;
        transform: translateY(-50%) scale(2.5, 2.5);
        -webkit-transform: translateY(-50%) scale(2.5, 2.5);
        -moz-transform: translateY(-50%) scale(2.5, 2.5);
        -ms-transform: translateY(-50%) scale(2.5, 2.5);
        -o-transform: translateY(-50%) scale(2.5, 2.5);
    }
}

.BG_Material_out .ginput_container_consent:not(.BG_Button) input[type='checkbox']:checked ~ label:before,
.BG_Material_out .gfield_checkbox:not(.BG_Button) input[type='checkbox']:checked ~ label:before,
.BG_Material_out .gfield_radio:not(.BG_Button) input[type='radio']:checked ~ label:before {
    -webkit-animation: rippleOn 700ms forwards ease-out;
    animation: rippleOn 700ms forwards ease-out;
}

.BG_Material_out .BG_default  input[type='checkbox'] ~ label > .BG_check:before {
    content: '';
    width: 14px;
    height: 7px;
    border-bottom: 2px solid transparent;
    border-left: 2px solid transparent;
    position: absolute;
    right: calc(100% + -15px);
    top: 46%;
    transform: translateY(-66%) rotate(-45deg);
    transition: all 0.1s cubic-bezier(0.4, 0, 0.23, 1);
    -webkit-transition: all 0.1s cubic-bezier(0.4, 0, 0.23, 1);
    -moz-transition: all 0.1s cubic-bezier(0.4, 0, 0.23, 1);
    -ms-transition: all 0.1s cubic-bezier(0.4, 0, 0.23, 1);
    -o-transition: all 0.1s cubic-bezier(0.4, 0, 0.23, 1);
    -webkit-transform: translateY(-66%) rotate(-45deg);
    -moz-transform: translateY(-66%) rotate(-45deg);
    -ms-transform: translateY(-66%) rotate(-45deg);
    -o-transform: translateY(-66%) rotate(-45deg);
}

.BG_Material_out .BG_default  input[type='radio']:checked ~ label .BG_check:after {
    opacity: 1 !important;
    width: 10px !important;
    height: 10px !important;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.BG_Material_out .BG_default  input[type='radio'] ~ label .BG_check {
    width: 20px;
    height: 20px;
    border: 2px solid rgb(109, 109, 109);
    display: inline-block;
    position: relative;
    border-radius: 50%;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    margin-right: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}


/**/



/* toggle mode*/


.gform_wrapper .BG_Material_out .BG_toggle >  {
    padding: 5px !important;
}

.BG_Material_out .BG_toggle input[type='checkbox']:hover ~ label > .BG_check:after,
.BG_Material_out .BG_toggle input[type='radio']:hover ~ label > .BG_check:after {
    display: inline-block;
    border-color: rgb(96, 94, 92);
}

/* .BG_Material_out .BG_toggle input[type='radio'],
.BG_Material_out .BG_toggle input[type='radio'] ~ label {
    margin-left: 0 !important;
} */


    .BG_Material_out .BG_toggle input[type='checkbox']:hover ~ label > .BG_check,
    .BG_Material_out .BG_toggle input[type='radio']:hover ~ label > .BG_cheeck {
        border-color: rgb(32, 31, 30);
    }

    .BG_Material_out .BG_toggle input[type='checkbox'] ~ label > .BG_check:after,
    .BG_Material_out .BG_toggle input[type='radio'] ~ label > .BG_check:after {
        content: '';
        width: 20px;
        height: 20px;
        position: absolute;
        border-radius: 50%;
        background-color: #F1F1F1;
        left: -4px;
        right: calc(100% + 10px);
        top: 50%;
        box-shadow: 1px 1px 3px 0px grey;
        transform: translateY(-50%);
        transition: all 0.1s cubic-bezier(0.4, 0, 0.23, 1);
        -webkit-transition: all 0.1s cubic-bezier(0.4, 0, 0.23, 1);
        -moz-transition: all 0.1s cubic-bezier(0.4, 0, 0.23, 1);
        -ms-transition: all 0.1s cubic-bezier(0.4, 0, 0.23, 1);
        -o-transition: all 0.1s cubic-bezier(0.4, 0, 0.23, 1);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }

    


    .BG_Material_out .BG_toggle input[type='checkbox'] ~ label.BG_label_focused > .BG_check:before,
    .BG_Material_out .BG_toggle input[type='radio'] ~ label.BG_label_focused > .BG_check:before {
        content: '';
        position: absolute;
        display: inline-block;
        width: 41px;
        height: 41px;
        background: rgb(165, 165, 165);
        border-radius: 50%;
        left: -15px;
        opacity: 0.2;
        z-index: -1;
        top: 50%;
        transform: translateY(-50%);
        transition: all 4s ease-in-out;
        -webkit-transition: all 4s ease-in-out;
        -moz-transition: all 4s ease-in-out;
        -ms-transition: all 4s ease-in-out;
        -o-transition: all 4s ease-in-out;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }

    .BG_Material_out .BG_toggle input[type='checkbox']:checked ~ label.BG_label_focused > .BG_check:before,
    .BG_Material_out .BG_toggle input[type='radio']:checked ~ label.BG_label_focused > .BG_check:before {
        left: 4px !important;
        transition: all 4s ease-in-out;
        -webkit-transition: all 4s ease-in-out;
        -moz-transition: all 4s ease-in-out;
        -ms-transition: all 4s ease-in-out;
        -o-transition: all 4s ease-in-out;
    }

    .BG_Material_out .BG_toggle input[type='checkbox']:checked ~ label:focus > .BG_check:before,
    .BG_Material_out .BG_toggle input[type='radio']:checked ~ label:focus > .BG_check:before {
        left: 5px;
    }

    .BG_Material_out .BG_toggle input[type='checkbox'] ~ label > .BG_check,
    .BG_Material_out .BG_toggle input[type='radio'] ~ label > .BG_check {
        width: 30px;
        height: 14px;
        border-radius: 10px;
        background: #cccccc;
        float: left;
        position: relative;
        border-radius: 10px;
        margin-right: 10px;
        transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
    }


.BG_Material_out .BG_filecancel_icon {
    margin: 10px;
}

    .BG_Material_out .BG_filecancel_icon:before {
        margin: 0 -8px 0 0 !important;
    }


.BG_Material_out .BG_fileupload_text {
    margin-left: 0 !important;
    max-width: unset !important;
    position: absolute;
    left: 160px;
    color:black
}

.BG_Material_out.BG_Dark .BG_fileupload_text{
    color:white
}

.BG_Material_out .BG_fileupload_icon {
    margin-right: 10px !important;
    display: none !important;
}

.BG_Material_out .ginput_container_fileupload {
    padding: 0;
}



.BG_Material_out .ginput_container_fileupload {
    position: relative;
    display: flex;
}

.BG_Material_out .bg_field_icon.BG_Button label i {
    position: relative !important;
    top: 0;
    left: 0 !important;
    transform: unset !important;
    -webkit-transform: unset !important;
    -moz-transform: unset !important;
    -ms-transform: unset !important;
    -o-transform: unset !important;
}

/**/



/* button mode*/

.BG_Material_out .BG_Button {
    display: flex;
    flex-direction: row !important;
    flex-wrap: wrap;
    justify-content: flex-start;
}


.gform_wrapper .BG_Material_out .BG_Button label i {
    margin: 1px 10px 1px 0;
}



.BG_Material_out .BG_Button input[type='checkbox']:checked ~ .gf_tooltip_body > i,
.BG_Material_out .BG_Button input[type='radio']:checked ~ .gf_tooltip_body > i {
    color: white !important;
    transition: all 0.3 linear;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.3 linear;
    -ms-transition: all 0.3 linear;
    -o-transition: all 0.3 linear;
}

.BG_Material_out .BG_fileupload_icon_selected,
.BG_Material_out .BG_filecancel_icon{
    display: none;
}

.ripple_selected {
    width: 50px;
    height: 50px;
    position: absolute;
    border-radius: 50%;
    display: inline-block;
    background: black;
    -webkit-animation: rippleBtnOn 700ms forwards ease-out;
    animation: rippleBtnOn 700ms forwards ease-out;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}


@-webkit-keyframes rippleBtnOn {
    0% {
        opacity: 0.5;
    }

    100% {
        opacity: 0;
        transform: translateY(-50%) scale(5,5);
        -webkit-transform: translateY(-50%) scale(5,5);
        -moz-transform: translateY(-50%) scale(5,5);
        -ms-transform: translateY(-50%) scale(5,5);
        -o-transform: translateY(-50%) scale(5,5);
    }
}

@keyframes rippleBtnOn {
    0% {
        opacity: 0.5;
    }

    100% {
        opacity: 0;
        transform: translate(-50%,-50%) scale(5, 5);
        -webkit-transform: translate(-50%,-50%) scale(5, 5);
        -moz-transform: translate(-50%,-50%) scale(5, 5);
        -ms-transform: translate(-50%,-50%) scale(5, 5);
        -o-transform: translate(-50%,-50%) scale(5, 5);
    }
}

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

    .BG_Material_out .BG_Button .gf_tooltip_body,
    .BG_Material_out .BG_Button .gf_tooltip_body > span,
    .BG_Material_out .BG_Button  label > .BG_check {
        display: inline-block !important;
    }

    .BG_Material_out .BG_Button  label {
        width: unset !important;
    }

    .BG_Material_out .ginput_container label {
        width: auto !important;
    }


    .BG_Material_out .BG_uploadText{
        margin-bottom: 0 !important;
        display: flex !important;
    }

}


/**/




.BG_Material_out.BG_small_size button,
.BG_Material_out.BG_small_size input[type=submit],
.BG_Material_out.BG_small_size input[type=button],
.BG_Material_out.BG_small_size .BG_fileupload,
.BG_Material_out.BG_medium_size button,
.BG_Material_out.BG_medium_size input[type=submit],
.BG_Material_out.BG_medium_size input[type=button],
.BG_Material_out.BG_medium_size .BG_fileupload {
    font-size: 12px !important;
}

.BG_Material_out .BG_fileupload {
    line-height: 1 !important;
    padding: 0 !important;
    overflow: unset !important;
    /* font-size: inherit !important; */
    color: rgba(0,0,0,.64) !important;
    border-color: rgba(0,0,0,.64) !important;
}

.gform_wrapper .BG_Material_out .gfield_checkbox , .gform_wrapper .BG_Material_out .gfield_radio  {
    overflow: visible;
}
 
.BG_Material_out .gf_progressbar {
    padding: 0 !important;
}

    .BG_Material_out .gf_progressbar:after {
        height: 0 !important;
    }



    .BG_Material_out .gf_progressbar_percentage span {
        color: rgb(138, 136, 134) !important;
        text-shadow: none !important;
    }

.BG_Material_out select[multiple=multiple] {
    border-color: rgba(0,0,0,.42) !important;
}



.BG_Material_out .gform_page_footer input[type=button].bg_disabled,
.BG_Material_out .gform_page_footer input[type=submit].bg_disabled {
    color: #a2a2a2 !important;
    background: #9494945e !important;
    border-color: #9494945e !important;
}

form:not( _theme).BG_Material_out .gform_body ul .gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) .ginput_container select {
    color: red !important;
    border-color: red !important;
}

/*endregion*/
/*endregion*/
/*region BG_Material_out_rnd*/
/*region general*/


.BG_Material_out_rnd .bg_field_icon input[type='text'] ,
.BG_Material_out_rnd .bg_field_icon input[type='tel'] ,
.BG_Material_out_rnd .bg_field_icon input[type='number'] ,
.BG_Material_out_rnd .bg_field_icon input[type='email'] {
    padding-left: 48px !important;
}


.BG_Material_out_rnd .outline_container  {
    position: absolute;
    bottom: 0;
    z-index: 0;
}


.BG_Material_out_rnd .outline_container .outline_left {
   width: 28px;
   height: 100%;
   display: inline-block;
   border-width: 1px 0 1px 1px;
   border-color: rgba(0,0,0,.38);
   border-style: solid;
   border-radius: 28px 0 0 28px;
   -webkit-border-radius: 28px 0 0 28px;
   -moz-border-radius: 28px 0 0 28px;
   -ms-border-radius: 28px 0 0 28px;
   -o-border-radius: 28px 0 0 28px;
}


.BG_Material_out_rnd textarea ~ .outline_container .outline_left{
    border-radius: 12px 0 0 12px;
    -webkit-border-radius: 12px 0 0 12px;
    -moz-border-radius: 12px 0 0 12px;
    -ms-border-radius: 12px 0 0 12px;
    -o-border-radius: 12px 0 0 12px;
}

.BG_Material_out_rnd .outline_container .outline_middle {
    width: 0;
    height: 100%;
    display: inline-block;
    border-width: 0 0 1px 0;
    border-color: rgba(0,0,0,.38);
    border-style: solid;
}

 .BG_Material_out_rnd .outline_container .outline_right {
    width: calc(100% - 28px);
    height: 100%;
    display: inline-block;
    border-width: 1px 1px 1px 0;
    border-color: rgba(0,0,0,.38);
    border-style: solid;
    border-radius:  0 28px 28px 0 ;
    -webkit-border-radius:  0 28px 28px 0 ;
    -moz-border-radius:  0 28px 28px 0 ;
    -ms-border-radius:  0 28px 28px 0 ;
    -o-border-radius:  0 28px 28px 0 ;
}




.BG_Material_out_rnd textarea ~ .outline_container .outline_right{
    border-radius:  0 12px 12px 0 ;
    -webkit-border-radius:  0 12px 12px 0 ;
    -moz-border-radius:  0 12px 12px 0 ;
    -ms-border-radius:  0 12px 12px 0 ;
    -o-border-radius:  0 12px 12px 0 ;
}


.BG_Material_out_rnd .ginput_container_text i {
    position: absolute !important;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
}


.BG_Material_out_rnd .ginput_container_text i ~ .outline_container label,
.BG_Material_out_rnd .ginput_container_phone i ~ .outline_container label,
.BG_Material_out_rnd .ginput_container_date i ~ .outline_container label {
    left: 35px !important;
}

/* form.BG_Material_out_rnd select {
    height: 45px !important;
    margin: 0px !important;
    padding-top: 10px !important; */
/* } */

.BG_Material_out_rnd textarea {
    border: none !important;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    padding: 8px  16px 16px !important;
    z-index: 1;
    position: relative;
    background: none;
    background-color: transparent;
}

.BG_Material_out_rnd .outline_container{
    border: 1px solid rgba(0,0,0,.64);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.BG_Material_out_rnd input[type='text']:focus ~ .outline_container label,
.BG_Material_out_rnd input[type='text']:valid ~ .outline_container label,
.BG_Material_out_rnd input[type='tel']:focus ~ .outline_container label,
.BG_Material_out_rnd input[type='tel']:valid ~ .outline_container label,
.BG_Material_out_rnd input[type='number']:focus ~ .outline_container label,
.BG_Material_out_rnd input[type='number']:valid ~ .outline_container label,
.BG_Material_out_rnd input[type='email']:focus ~ .outline_container label,
.BG_Material_out_rnd input[type='email']:valid ~ .outline_container label,
.BG_Material_out_rnd select:focus ~ .outline_container label,
.BG_Material_out_rnd select:valid ~ .outline_container label,
.BG_Material_out_rnd textarea:focus ~ .outline_container label,
.BG_Material_out_rnd textarea:valid ~ .outline_container label {
    padding-left: 0 !important;
    font-size: 12px !important;
    left: 32px;
    top: 0 !important;
}


.BG_Material_out_rnd input[type='text']:focus ~ .outline_container .outline_left,
.BG_Material_out_rnd input[type='tel']:focus ~ .outline_container .outline_left,
.BG_Material_out_rnd input[type='number']:focus ~ .outline_container .outline_left,
.BG_Material_out_rnd input[type='email']:focus ~ .outline_container .outline_left,
.BG_Material_out_rnd select:focus ~ .outline_container .outline_left,
.BG_Material_out_rnd .chosen-with-drop ~ .outline_container .outline_left,
.BG_Material_out_rnd textarea:focus ~ .outline_container .outline_left{
    border-width: 2px 0 2px 2px;
}

.BG_Material_out_rnd input[type='text']:focus ~ .outline_container .outline_middle,
.BG_Material_out_rnd input[type='tel']:focus ~ .outline_container .outline_middle,
.BG_Material_out_rnd input[type='number']:focus ~ .outline_container .outline_middle,
.BG_Material_out_rnd input[type='email']:focus ~ .outline_container .outline_middle,
.BG_Material_out_rnd .chosen-with-drop ~ .outline_container .outline_middle,
.BG_Material_out_rnd select:focus ~ .outline_container .outline_middle,
.BG_Material_out_rnd textarea:focus ~ .outline_container .outline_middle{
    border-width: 0 0 2px 0;
}

.BG_Material_out_rnd input[type='text']:focus ~ .outline_container .outline_right,
.BG_Material_out_rnd input[type='tel']:focus ~ .outline_container .outline_right,
.BG_Material_out_rnd input[type='number']:focus ~ .outline_container .outline_right,
.BG_Material_out_rnd input[type='email']:focus ~ .outline_container .outline_right,
.BG_Material_out_rnd .chosen-with-drop ~ .outline_container .outline_right,
.BG_Material_out_rnd select:focus ~ .outline_container .outline_right,
.BG_Material_out_rnd textarea:focus ~ .outline_container .outline_right{
    border-width: 2px 2px 2px 0;
}


.BG_Material_out_rnd .bg_field_icon input[type='text'] ~ .outline_container label,
.BG_Material_out_rnd .bg_field_icon input[type='tel'] ~ .outline_container label,
.BG_Material_out_rnd .bg_field_icon input[type='number'] ~ .outline_container label,
.BG_Material_out_rnd .bg_field_icon input[type='email'] ~ .outline_container label{
    left: 36px !important;
    padding: 0 8px;
}

.BG_Material_out_rnd .bg_field_icon input[type='text']:focus ~ .outline_container label,
.BG_Material_out_rnd .bg_field_icon input[type='text']:valid ~ .outline_container label,
.BG_Material_out_rnd .bg_field_icon input[type='tel']:focus ~ .outline_container label,
.BG_Material_out_rnd .bg_field_icon input[type='tel']:valid ~ .outline_container label,
.BG_Material_out_rnd .bg_field_icon input[type='number']:focus ~ .outline_container label,
.BG_Material_out_rnd .bg_field_icon input[type='number']:valid ~ .outline_container label,
.BG_Material_out_rnd .bg_field_icon input[type='email']:focus ~ .outline_container label,
.BG_Material_out_rnd .bg_field_icon input[type='email']:valid ~ .outline_container label,
.BG_Material_out_rnd .bg_field_icon select:focus ~ .outline_container label,
.BG_Material_out_rnd .bg_field_icon select:valid ~ .outline_container label,
.BG_Material_out_rnd .bg_field_icon textarea:focus ~ .outline_container label,
.BG_Material_out_rnd .bg_field_icon textarea:valid ~ .outline_container label {
    left: 32px !important;
    padding: 0 8px;
}

.gform_wrapper .BG_Material_out_rnd .gfield_checkbox , .gform_wrapper .BG_Material_out_rnd .gfield_radio ,
.gform_wrapper .BG_Material_out_rnd .gfield_radio label {
    overflow: visible !important;
}

.BG_Material_out_rnd .ginput_container_name span
{
min-width: 150px;
}
/* .BG_Material_out_rnd textarea:focus {
    border: 2px solid var(--material-primary-color) !important;
} */
/* 
    .BG_Material_out_rnd textarea:focus ~ .outline_container label,
    .BG_Material_out_rnd textarea:valid ~ .outline_container label {
        transform: translateY(-106%) scale(.75);
        color: var(--material-primary-color) !important;
        -webkit-transform: translateY(-106%) scale(.75);
        -moz-transform: translateY(-106%) scale(.75);
        -ms-transform: translateY(-106%) scale(.75);
        -o-transform: translateY(-106%) scale(.75);
        padding-left: 0 !important;
        color: var(--material-primary-color) !important;
    } */

.BG_Material_out_rnd input[type='text'] ~ .outline_container label,
.BG_Material_out_rnd input[type='tel'] ~ .outline_container label,
.BG_Material_out_rnd input[type='number'] ~ .outline_container label,
.BG_Material_out_rnd input[type='email'] ~ .outline_container label,
.BG_Material_out_rnd select ~ .outline_container label,
.BG_Material_out_rnd textarea ~ .outline_container label {
    position: absolute;
    left: 16px;
    top: 50%;
    color: rgba(0,0,0,.6);
    transform: translateY(-50%);
    font-weight: 400 !important;
    padding-left: 16px;
    padding: 0 8px;
    font-size: inherit !important;
    transition: all 0.15s ease-in-out;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

/* .BG_Material_out_rnd .ginput_container_name input[type='text'] ~ .outline_container label,
.BG_Material_out_rnd .ginput_container_name select ~ .outline_container label,
.BG_Material_out_rnd .ginput_container_name textarea ~ .outline_container label {
    left: 16px;
} */


form#gform_[form_id].BG_Material_out_rnd.BG_medium_size .BG_Button label,
form#gform_[form_id].BG_Material_out_rnd.BG_small_size .BG_Button label{
    line-height: 1.4 !important;
}

form#gform_[form_id].BG_Material_out_rnd.BG_small_size select:not([multiple=multiple]),
form#gform_[form_id].BG_Material_out_rnd.BG_medium_size select:not([multiple=multiple]),
form#gform_[form_id].BG_Material_out_rnd.BG_medium_size .chosen-single {
    height: 48px !important;
    margin: 0 !important;
}


.BG_Material_out_rnd.BG_small_size input[type='text']:focus ~ .outline_container label,
.BG_Material_out_rnd.BG_small_size input[type='text']:valid ~ .outline_container label,
.BG_Material_out_rnd.BG_small_size input[type='tel']:focus ~ .outline_container label,
.BG_Material_out_rnd.BG_small_size input[type='tel']:valid ~ .outline_container label,
.BG_Material_out_rnd.BG_small_size input[type='number']:focus ~ .outline_container label,
.BG_Material_out_rnd.BG_small_size input[type='number']:valid ~ .outline_container label,
.BG_Material_out_rnd.BG_small_size input[type='email']:focus ~ .outline_container label,
.BG_Material_out_rnd.BG_small_size input[type='email']:valid ~ .outline_container label,
.BG_Material_out_rnd.BG_small_size select:focus ~ .outline_container label,
.BG_Material_out_rnd.BG_small_size select:valid ~ .outline_container label,
.BG_Material_out_rnd.BG_small_size textarea:focus ~ .outline_container label,
.BG_Material_out_rnd.BG_small_size textarea:valid ~ .outline_container label,
.BG_Material_out_rnd.BG_medium_size input[type='text']:focus ~ .outline_container label,
.BG_Material_out_rnd.BG_medium_size input[type='text']:valid ~ .outline_container label,
.BG_Material_out_rnd.BG_medium_size input[type='tel']:focus ~ .outline_container label,
.BG_Material_out_rnd.BG_medium_size input[type='tel']:valid ~ .outline_container label,
.BG_Material_out_rnd.BG_medium_size input[type='number']:focus ~ .outline_container label,
.BG_Material_out_rnd.BG_medium_size input[type='number']:valid ~ .outline_container label,
.BG_Material_out_rnd.BG_medium_size input[type='email']:focus ~ .outline_container label,
.BG_Material_out_rnd.BG_medium_size input[type='email']:valid ~ .outline_container label,
.BG_Material_out_rnd.BG_medium_size select:focus ~ .outline_container label,
.BG_Material_out_rnd.BG_medium_size select:valid ~ .outline_container label,
.BG_Material_out_rnd.BG_medium_size textarea:focus ~ .outline_container label,
.BG_Material_out_rnd.BG_medium_size textarea:valid ~ .outline_container label{
    font-size: 10px !important;
}

form#gform_[form_id].BG_Material_out_rnd.BG_small_size input[type='text'],
form#gform_[form_id].BG_Material_out_rnd.BG_medium_size input[type='text'],
form#gform_[form_id].BG_Material_out_rnd.BG_small_size input[type='tel'],
form#gform_[form_id].BG_Material_out_rnd.BG_medium_size input[type='tel'],
form#gform_[form_id].BG_Material_out_rnd.BG_small_size input[type='number'],
form#gform_[form_id].BG_Material_out_rnd.BG_medium_size input[type='number'],
form#gform_[form_id].BG_Material_out_rnd.BG_small_size input[type='email'],
form#gform_[form_id].BG_Material_out_rnd.BG_medium_size input[type='email']{
    height: 48px !important;
}

.BG_Material_out_rnd.BG_small_size button,
.BG_Material_out_rnd.BG_small_size input[type=submit],
.BG_Material_out_rnd.BG_small_size input[type=button],
.BG_Material_out_rnd.BG_small_size .BG_fileupload,
.BG_Material_out_rnd.BG_medium_size button,
.BG_Material_out_rnd.BG_medium_size input[type=submit],
.BG_Material_out_rnd.BG_medium_size input[type=button],
.BG_Material_out_rnd.BG_medium_size .BG_fileupload {
    font-size: 12px !important;
}

.BG_Material_out_rnd.BG_Dark input[type='text'] ~ .outline_container label,
.BG_Material_out_rnd.BG_Dark input[type='tel'] ~ .outline_container label,
.BG_Material_out_rnd.BG_Dark input[type='number'] ~ .outline_container label,
.BG_Material_out_rnd.BG_Dark input[type='email'] ~ .outline_container label,
.BG_Material_out_rnd.BG_Dark select ~ .outline_container label,
.BG_Material_out_rnd.BG_Dark textarea ~ .outline_container label{
    color: rgba(255, 255, 255, 0.6);
}


.BG_Material_out_rnd textarea ~ .outline_container label{
    top: 24px !important;
    left: 16px ;
}

.BG_Material_out_rnd textarea ~ label {
    top: 15% !important;
    padding: 0 5px !important;
    margin-left: 10px !important;
}


.BG_Material_out_rnd .ginput_container {
    position: relative;
    display: block;
    /* margin-bottom: 35px !important; */
}


.BG_Material_out_rnd .BG_uploadText{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
    padding: 0 24px;
    position: relative;
    border-radius: 28px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    -ms-border-radius: 28px;
    -o-border-radius: 28px;
}


.BG_Material_out_rnd select:not([multiple='multiple']),
.BG_Material_out_rnd .chosen-single {
    outline: none !important;
    border: none !important;
    z-index: 1;
    position: relative;
}

.BG_Material_out_rnd .ginput_complex > span {
    position: relative;
    margin-top: 16px !important;
    display: block;
}

.BG_Material_out_rnd .ginput_complex:not(.ginput_container_name) > span:first-child{
    margin-top: 0 !important;
}

.BG_Material_out_rnd .ginput_complex.ginput_container_name > span {
    display: inline-block;
}

.gform_wrapper .BG_Material_out_rnd .gfield_checkbox  input[type='checkbox'],
.gform_wrapper .BG_Material_out_rnd .gfield_radio  input[type='radio'] {
    display: none !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        min-width: unset !important;
        min-height: unset !important;
        opacity: 0 !important;
}

.BG_Material_out_rnd input[type='text']::placeholder,
.BG_Material_out_rnd input[type='tel']::placeholder,
.BG_Material_out_rnd input[type='number']::placeholder,
.BG_Material_out_rnd input[type='email']::placeholder {
    opacity: 0;
}

.BG_Material_out_rnd .gfield_checkbox > ,
.BG_Material_out_rnd .gfield_radio >  {
    margin-bottom: 16px !important;
    margin-left: 10px !important;
}

.BG_Material_out_rnd .gfield_checkbox.BG_Button > ,
.BG_Material_out_rnd .gfield_radio.BG_Button >  {
    margin-bottom: 10px !important;
}

form.BG_Material_out_rnd.BG_small_size select:not([multiple=multiple]) {
    height: 45px !important;
    margin: 0 !important;
}

form.BG_Material_out_rnd.BG_large_size select:not([multiple=multiple]) {
    height: 56px !important;
    margin: 0 !important;
    background-color: #f5f5f5 !important;
}

.BG_Material_out_rnd .bg_field_icon input:focus ~ i:before {
    transform: none !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
}

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

    .BG_Material_out_rnd .ginput_container .BG_check {
        margin-bottom: 0 !important;
    }

    .BG_Material_out_rnd .ginput_container label {
        width: auto !important;
    }
}



/* default */



.BG_Material_out_rnd .BG_default  input[type='checkbox']:checked ~ label > .BG_check:before {
    border-color: rgb(255, 255, 255);
    display: inline-block;
}


.BG_Material_out_rnd .BG_default  input[type='checkbox'] ~ label > .BG_check:after {
    content: '';
    width: 17px;
    height: 17px;
    left: 0;
    top: 0;
    display: inline-block;
    position: absolute;
    transition: left 0.2s ease-in-out 0.1s, background-color 0.01s linear;
    -webkit-transition: left 0.2s ease-in-out 0.1s, background-color 0.01s linear;
    -moz-transition: left 0.2s ease-in-out 0.1s, background-color 0.01s linear;
    -ms-transition: left 0.2s ease-in-out 0.1s, background-color 0.01s linear;
    -o-transition: left 0.2s ease-in-out 0.1s, background-color 0.01s linear;
}

.BG_Material_out_rnd.BG_large_size  .BG_default input[type='checkbox'] ~ label > .BG_check:after {
    top: 0 !important;
}

.BG_Material_out_rnd .BG_default  input[type='checkbox'] ~ label .BG_check {
    width: 20px;
    height: 20px;
    border: 2px solid rgba(109, 109, 109);
    display: inline-block;
    position: relative;
    margin-right: 10px;
    overflow: hidden;
    border-radius: 2px;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}



.BG_Material_out_rnd .gfield_checkbox.BG_toggle input[type='checkbox'] ~ label:not(.gfield_label):before,
.BG_Material_out_rnd .gfield_radio.BG_toggle input[type='radio'] ~ label:not(.gfield_label):before {
    left:8px
}

.BG_Material_out_rnd .gfield_checkbox.BG_toggle input[type='checkbox']:hover ~ label:not(.gfield_label):after,
.BG_Material_out_rnd .gfield_radio.BG_toggle input[type='radio']:hover ~ label:not(.gfield_label):after{
    opacity: 0.2;
}

.BG_Material_out_rnd .gfield_checkbox.BG_toggle input[type='checkbox'] ~ label:not(.gfield_label):after,
.BG_Material_out_rnd .gfield_radio.BG_toggle input[type='radio'] ~ label:not(.gfield_label):after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 48px;
    height: 48px;
    background-color: #9e9e9e;
    border-radius: 50%;
    top: 50%;
    opacity: 0;
    left: -18px;
    z-index: 1;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

/* .BG_Material_out_rnd .gfield_checkbox input[type='checkbox']:hover ~ label:not(.gfield_label):after,
.BG_Material_out_rnd .gfield_radio input[type='radio']:hover ~ label:not(.gfield_label):after {
    opacity: 0.1;
} */

.BG_Material_out_rnd .ginput_complex span>label{
    padding-left: 32px;
}

.BG_Material_out_rnd.BG_Dark .ginput_complex span>label{
    color: rgba(255, 255, 255, 0.6);
}

/* .BG_Material_out_rnd .gfield_checkbox input[type='checkbox']:checked:hover ~ label:not(.gfield_label):before,
.BG_Material_out_rnd .gfield_radio input[type='radio']:checked:hover ~ label:not(.gfield_label):before {
    background-color: var(--material-primary-color);
} */

.BG_Material_out_rnd .gfield_checkbox.BG_toggle input[type='checkbox']:checked ~ label:not(.gfield_label):before,
.BG_Material_out_rnd .gfield_radio.BG_toggle input[type='radio']:checked ~ label:not(.gfield_label):before {
    left: 16px !important;
}

.BG_Material_out_rnd .BG_default  input[type='checkbox'] ~ label,
.BG_Material_out_rnd .BG_default  input[type='radio'] ~ label {
    position: relative;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end;
    flex-direction: row-reverse;
    max-width: unset !important;
    margin-left: 0 !important;
}

.BG_Material_out_rnd .gfield_date_year input[type='text']:not(:focus):not(:valid) ~ .outline_container label,
    .BG_Material_out_rnd .gfield_date_day input[type='text']:not(:focus):not(:valid) ~ .outline_container label,
    .BG_Material_out_rnd .gfield_date_month input[type='text']:not(:focus):not(:valid)  ~ .outline_container label{
        width: unset !important;
         /* left :0 ; */
    }

    .BG_Material_out_rnd  .BG_default input[type='checkbox'] ~ label.BG_label_focused:after,
    .BG_Material_out_rnd .BG_default  input[type='radio'] ~ label.BG_label_focused:after {
        content: '';
        position: absolute;
        display: inline-block;
        width: 40px;
        height: 40px;
        background: rgb(165, 165, 165);
        border-radius: 50%;
        left: -10px;
        opacity: 0.2;
        z-index: 1;
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
    }

    .BG_Material_out_rnd.BG_Dark  .BG_default input[type='checkbox'] ~ label.BG_label_focused:after,
    .BG_Material_out_rnd.BG_Dark  .BG_default input[type='radio'] ~ label.BG_label_focused:after{
        background: rgb(238, 238, 238);
    }

@-webkit-keyframes rippleOn {
    0% {
        opacity: 0.8;
    }

    100% {
        opacity: 0;
        transform: translateY(-50%) scale(2.5,2.5);
        -webkit-transform: translateY(-50%) scale(2.5,2.5);
        -moz-transform: translateY(-50%) scale(2.5,2.5);
        -ms-transform: translateY(-50%) scale(2.5,2.5);
        -o-transform: translateY(-50%) scale(2.5,2.5);
    }
}

@keyframes rippleOn {
    0% {
        opacity: 0.8;
    }

    100% {
        opacity: 0;
        transform: translateY(-50%) scale(2.5, 2.5);
        -webkit-transform: translateY(-50%) scale(2.5, 2.5);
        -moz-transform: translateY(-50%) scale(2.5, 2.5);
        -ms-transform: translateY(-50%) scale(2.5, 2.5);
        -o-transform: translateY(-50%) scale(2.5, 2.5);
    }
}

.BG_Material_out_rnd .ginput_container_consent:not(.BG_Button) input[type='checkbox']:checked ~ label:before,
.BG_Material_out_rnd .gfield_checkbox:not(.BG_Button) input[type='checkbox']:checked ~ label:before,
.BG_Material_out_rnd .gfield_radio:not(.BG_Button) input[type='radio']:checked ~ label:before {
    -webkit-animation: rippleOn 700ms forwards ease-out;
    animation: rippleOn 700ms forwards ease-out;
}

.BG_Material_out_rnd  .BG_default input[type='checkbox'] ~ label > .BG_check:before {
    content: '';
    width: 14px;
    height: 7px;
    border-bottom: 2px solid transparent;
    border-left: 2px solid transparent;
    position: absolute;
    right: calc(100% + -15px);
    top: 46%;
    transform: translateY(-66%) rotate(-45deg);
    transition: all 0.1s cubic-bezier(0.4, 0, 0.23, 1);
    -webkit-transition: all 0.1s cubic-bezier(0.4, 0, 0.23, 1);
    -moz-transition: all 0.1s cubic-bezier(0.4, 0, 0.23, 1);
    -ms-transition: all 0.1s cubic-bezier(0.4, 0, 0.23, 1);
    -o-transition: all 0.1s cubic-bezier(0.4, 0, 0.23, 1);
    -webkit-transform: translateY(-66%) rotate(-45deg);
    -moz-transform: translateY(-66%) rotate(-45deg);
    -ms-transform: translateY(-66%) rotate(-45deg);
    -o-transform: translateY(-66%) rotate(-45deg);
}

.BG_Material_out_rnd .BG_default  input[type='radio']:checked ~ label .BG_check:after {
    opacity: 1 !important;
    width: 10px !important;
    height: 10px !important;
    transform: translate(-50%, -50%) !important;
    -webkit-transform: translate(-50%, -50%) !important;
    -moz-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    -o-transform: translate(-50%, -50%) !important;
}


.BG_Material_out_rnd .BG_default  input[type='radio'] ~ label .BG_check {
    width: 20px;
    height: 20px;
    border: 2px solid rgb(109, 109, 109);
    display: inline-block;
    position: relative;
    border-radius: 50%;
    z-index: 3;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    margin-right: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

/**/



/* toggle mode*/


.gform_wrapper .BG_Material_out_rnd .BG_toggle >  {
    padding: 5px !important;
}

.BG_Material_out_rnd .BG_toggle input[type='checkbox']:hover ~ label > .BG_check:after,
.BG_Material_out_rnd .BG_toggle input[type='radio']:hover ~ label > .BG_check:after {
    display: inline-block;
    border-color: rgb(96, 94, 92);
}

.BG_Material_out_rnd .BG_toggle input[type='radio'] ~ label,
.BG_Material_out_rnd .BG_toggle input[type='checkbox'] ~ label {
    margin-left: 0 !important;
}


    .BG_Material_out_rnd .BG_toggle input[type='checkbox']:hover ~ label > .BG_check,
    .BG_Material_out_rnd .BG_toggle input[type='radio']:hover ~ label > .BG_cheeck {
        border-color: rgb(32, 31, 30);
    }

    .BG_Material_out_rnd .BG_toggle input[type='checkbox'] ~ label > .BG_check:after,
    .BG_Material_out_rnd .BG_toggle input[type='radio'] ~ label > .BG_check:after {
        content: '';
        width: 20px;
        height: 20px;
        position: absolute;
        border-radius: 50%;
        background-color: #F1F1F1;
        left: -4px;
        right: calc(100% + 10px);
        top: 50%;
        box-shadow: 1px 1px 3px 0px grey;
        transform: translateY(-50%);
        transition: all 0.1s cubic-bezier(0.4, 0, 0.23, 1);
        -webkit-transition: all 0.1s cubic-bezier(0.4, 0, 0.23, 1);
        -moz-transition: all 0.1s cubic-bezier(0.4, 0, 0.23, 1);
        -ms-transition: all 0.1s cubic-bezier(0.4, 0, 0.23, 1);
        -o-transition: all 0.1s cubic-bezier(0.4, 0, 0.23, 1);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }

    

    .BG_Material_out_rnd .medium ~ .outline_container{
        width: calc(50% - 8px);
        height: 56px;
    }
    
    .BG_Material_out_rnd .large ~ .outline_container{
        width: 100%;
        height: 56px;
    }
    
    .BG_Material_out_rnd .small ~ .outline_container{
        width: 25%;
        height: 56px;
    }
    

    .BG_Material_out_rnd .BG_toggle input[type='checkbox'] ~ label.BG_label_focused > .BG_check:before,
    .BG_Material_out_rnd .BG_toggle input[type='radio'] ~ label.BG_label_focused > .BG_check:before {
        content: '';
        position: absolute;
        display: inline-block;
        width: 41px;
        height: 41px;
        background: rgb(165, 165, 165);
        border-radius: 50%;
        left: -15px;
        opacity: 0.2;
        z-index: -1;
        top: 50%;
        transform: translateY(-50%);
        transition: all 4s ease-in-out;
        -webkit-transition: all 4s ease-in-out;
        -moz-transition: all 4s ease-in-out;
        -ms-transition: all 4s ease-in-out;
        -o-transition: all 4s ease-in-out;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }

    .BG_Material_out_rnd .BG_toggle input[type='checkbox']:checked ~ label.BG_label_focused > .BG_check:before,
    .BG_Material_out_rnd .BG_toggle input[type='radio']:checked ~ label.BG_label_focused > .BG_check:before {
        left: 4px !important;
        transition: all 4s ease-in-out;
        -webkit-transition: all 4s ease-in-out;
        -moz-transition: all 4s ease-in-out;
        -ms-transition: all 4s ease-in-out;
        -o-transition: all 4s ease-in-out;
    }

    .BG_Material_out_rnd .BG_toggle input[type='checkbox']:checked ~ label:focus > .BG_check:before,
    .BG_Material_out_rnd .BG_toggle input[type='radio']:checked ~ label:focus > .BG_check:before {
        left: 5px;
    }

    .BG_Material_out_rnd .BG_toggle input[type='checkbox'] ~ label > .BG_check,
    .BG_Material_out_rnd .BG_toggle input[type='radio'] ~ label > .BG_check {
        width: 30px;
        height: 14px;
        border-radius: 10px;
        background: #cccccc;
        float: left;
        position: relative;
        border-radius: 10px;
        margin-right: 10px;
        transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
    }

.BG_Material_out_rnd .BG_fileupload {
    border: none;
    padding: 0 !important;
}

.BG_Material_out_rnd .BG_filecancel_icon {
    margin: 10px;
}

    .BG_Material_out_rnd .BG_filecancel_icon:before {
        margin: 0 -8px 0 0 !important;
    }




.BG_Material_out_rnd .BG_fileupload_icon {
    margin-right: 10px !important;
    display: none !important;
}

.BG_Material_out_rnd .ginput_container_fileupload {
    padding: 0;
}



.BG_Material_out_rnd .ginput_container_fileupload {
    position: relative;
    display: flex;
}

.BG_Material_out_rnd .bg_field_icon.BG_Button label i {
    position: relative !important;
    top: 0;
    left: 0 !important;
    transform: unset !important;
    -webkit-transform: unset !important;
    -moz-transform: unset !important;
    -ms-transform: unset !important;
    -o-transform: unset !important;
}

/**/



/* button mode*/

.BG_Material_out_rnd .BG_Button {
    display: flex;
    flex-direction: row !important;
    flex-wrap: wrap;
    justify-content: flex-start;
}


.gform_wrapper .BG_Material_out_rnd .BG_Button label i {
    margin: 1px 10px 1px 0;
}


.BG_Material_out_rnd .BG_Button input[type='checkbox']:checked ~ .gf_tooltip_body > i,
.BG_Material_out_rnd .BG_Button input[type='radio']:checked ~ .gf_tooltip_body > i {
    color: white !important;
    transition: all 0.3 linear;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.3 linear;
    -ms-transition: all 0.3 linear;
    -o-transition: all 0.3 linear;
}

.BG_Material_out_rnd .BG_fileupload_icon_selected,
.BG_Material_out_rnd .BG_filecancel_icon{
    display: none;
}

.ripple_selected {
    width: 50px;
    height: 50px;
    position: absolute;
    border-radius: 50%;
    display: inline-block;
    background: black;
    -webkit-animation: rippleBtnOn 700ms forwards ease-out;
    animation: rippleBtnOn 700ms forwards ease-out;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}


@-webkit-keyframes rippleBtnOn {
    0% {
        opacity: 0.5;
    }

    100% {
        opacity: 0;
        transform: translateY(-50%) scale(5,5);
        -webkit-transform: translateY(-50%) scale(5,5);
        -moz-transform: translateY(-50%) scale(5,5);
        -ms-transform: translateY(-50%) scale(5,5);
        -o-transform: translateY(-50%) scale(5,5);
    }
}

@keyframes rippleBtnOn {
    0% {
        opacity: 0.5;
    }

    100% {
        opacity: 0;
        transform: translate(-50%,-50%) scale(5, 5);
        -webkit-transform: translate(-50%,-50%) scale(5, 5);
        -moz-transform: translate(-50%,-50%) scale(5, 5);
        -ms-transform: translate(-50%,-50%) scale(5, 5);
        -o-transform: translate(-50%,-50%) scale(5, 5);
    }
}

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

    .BG_Material_out_rnd .BG_Button .gf_tooltip_body,
    .BG_Material_out_rnd .BG_Button .gf_tooltip_body > span,
    .BG_Material_out_rnd .BG_Button  label > .BG_check {
        display: inline-block !important;
    }

    .BG_Material_out_rnd .BG_Button  label {
        width: unset !important;
    }

    .BG_Material_out_rnd .ginput_container label {
        width: auto !important;
    }

    .BG_Material_out_rnd .BG_uploadText{
        margin-bottom: 0 !important;
        display: flex !important;
    }
}


/**/





.BG_Material_out_rnd .bg_button_container{
    border-radius: 28px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    -ms-border-radius: 28px;
    -o-border-radius: 28px;
}

.BG_Material_out_rnd .bg_prev_button_container{
    border-radius: 28px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    -ms-border-radius: 28px;
    -o-border-radius: 28px;
}



.BG_Material_out_rnd .gf_progressbar {
    padding: 0 !important;
}

    .BG_Material_out_rnd .gf_progressbar:after {
        height: 0 !important;
    }



    .BG_Material_out_rnd .gf_progressbar_percentage span {
        color: rgb(138, 136, 134) !important;
        text-shadow: none !important;
    }

.BG_Material_out_rnd select[multiple=multiple] {
    border-color: rgba(0,0,0,.42) !important;
}


.BG_Material_out_rnd .bg_field_icon select:not(:focus):not(:valid) ~ .outline_container label{
    left: 40px !important;
}



.BG_Material_out_rnd .gform_page_footer input[type=button].bg_disabled,
.BG_Material_out_rnd .gform_page_footer input[type=submit].bg_disabled {
    color: #a2a2a2 !important;
    background: #9494945e !important;
    border-color: #9494945e !important;
}

form:not( _theme).BG_Material_out_rnd .gform_body ul .gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) .ginput_container select {
    color: red !important;
    border-color: red !important;
}

/*endregion*/
/*endregion*/
/*region BG_sharp*/
/*region general*/
.BG_sharp select {
    margin-top: 0 !important
}

.BG_sharp .name_prefix_select label {
    margin-top: -2px !important
}

.BG_sharp input,
.BG_sharp select:not([multiple=multiple]) {
    padding: 8px !important
}
.BG_sharp .gfield_date_year input{
    padding: 4px !important
}

.gform_wrapper .BG_sharp .gfield_radio  input[type='radio'],
.gform_wrapper .BG_sharp .gfield_checkbox  input[type='checkbox'] {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        min-width: unset !important;
        min-height: unset !important;
        opacity: 0 !important;
        padding: 0 !important;
        border: none !important;
    }

.BG_sharp .BG_default  input[type='radio'] ~ label,
.BG_sharp .BG_default  input[type='checkbox'] ~ label {
    position: relative;
    margin-left: 28px !important;
    margin-top: 0 !important;
}

.BG_sharp.BG_large_size .BG_default  input[type='radio'] ~ label,
.BG_sharp.BG_large_size .BG_default  input[type='checkbox'] ~ label,
.BG_sharp.BG_xlarge_size .BG_default  input[type='radio'] ~ label,
.BG_sharp.BG_xlarge_size  .BG_default input[type='checkbox'] ~ label {
    line-height: 1.1 !important;
}

.BG_sharp  .BG_default input[type='checkbox']:checked ~ label > .BG_check:after {
    border-color: #fff;
    display: inline-block
}


.BG_sharp  .BG_default input[type='checkbox'] ~ label > .BG_check:after {
    content: '';
    width: 12px;
    height: 6px;
    border-bottom: 2px solid black;
    border-left: 2px solid black;
    position: absolute;
    right: calc(100% + 10px);
    color: white;
    display: none;
    top: 44%;
    transform: translateY(-50%) rotate(-45deg);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.23, 1);
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.23, 1);
    -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.23, 1);
    -ms-transition: all 0.3s cubic-bezier(0.4, 0, 0.23, 1);
    -o-transition: all 0.3s cubic-bezier(0.4, 0, 0.23, 1);
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -moz-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    -o-transform: translateY(-50%) rotate(-45deg);
}

.BG_sharp .BG_default  input[type='checkbox'] ~ label > .BG_check:before {
    content: '';
    width: 18px;
    height: 18px;
    border: 1px solid #ced4da;
    display: inline-block;
    position: absolute;
    right: calc(100% + 7px);
    top: 50%;
    transform: translateY(-50%);
    transition: all .2s linear;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
}

.BG_sharp  .BG_default input[type='radio'] ~ label .BG_check {
    width: 18px;
    height: 18px;
    border: 1px solid #ced4da;
    display: inline-block;
    position: absolute;
    right: calc(100% + 7px);
    top: 50%;
    transform: translateY(-50%);
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}


.BG_sharp.BG_Dark .BG_default  input[type='radio'] ~ label .BG_check {
    border-width: 2px !important;
    border-color: rgba(255, 255, 255, 0.35)
}


.BG_sharp .BG_toggle input[type='radio'],
.BG_sharp .BG_toggle input[type='radio'] ~ label {
    margin-left: 0 !important
}

    .BG_sharp .BG_toggle input[type='checkbox']:checked ~ label > .BG_check:after,
    .BG_sharp .BG_toggle input[type='radio']:checked ~ label > .BG_check:after {
        background: #822fed;
        content: 'ON';
        left: 12px;
    }

.BG_sharp.BG_Dark .BG_toggle input[type='checkbox']:hover ~ label > .BG_check,
.BG_sharp.BG_Dark .BG_toggle input[type='radio']:hover ~ label > .BG_check {
    border-color: #ffffffb0
}

    .BG_sharp.BG_Dark .BG_toggle input[type='checkbox']:hover ~ label > .BG_check:after,
    .BG_sharp.BG_Dark .BG_toggle input[type='radio']:hover ~ label > .BG_check:after {
        background: #ffffffb0
    }

.BG_sharp .BG_fileupload {
    /* justify-content: space-between; */
    /* flex-direction: row-reverse; */
    border: 1px solid #ced4da !important;
    padding: 0 8px 0 8px !important;
    justify-content: flex-end;
    flex-direction: row;
}

    .BG_sharp .BG_fileupload .BG_fileupload_icon {
        width: 20px;
        height: 20px;
        display: flex;
        align-items: center;
        top: 0 !important;
        transform: none !important;
        right: 0 !important;
        justify-content: center;
        position: relative !important;
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
}

.BG_sharp .BG_Button >  {
    margin: 0 !important;
}

    .BG_sharp .BG_Button > :first-child label {
        /* border-top-left-radius: 4px;
        border-bottom-left-radius: 4px; */
        border-left: 1px solid #ced4da;
    }
/* 
    .BG_sharp .BG_Button > :last-child label {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    } */


.BG_sharp .BG_toggle input[type='checkbox'] ~ label > .BG_check:after,
.BG_sharp .BG_toggle input[type='radio'] ~ label > .BG_check:after {
    content: 'OFF';
    width: 28px;
    height: 24px;
    position: absolute;
    background-color: #adb5bd;
    left: 0px;
    right: calc(100% + 10px);
    text-align: center;
    padding: 7px 0px;
    font-size: 10px;
    color: white;
    top: 50%;
    transform: translateY(-50%);
    transition: all .1s cubic-bezier(0.4, 0, 0.23, 1);
    -webkit-transition: all .1s cubic-bezier(0.4, 0, 0.23, 1);
    -moz-transition: all .1s cubic-bezier(0.4, 0, 0.23, 1);
    -ms-transition: all .1s cubic-bezier(0.4, 0, 0.23, 1);
    -o-transition: all .1s cubic-bezier(0.4, 0, 0.23, 1);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.BG_sharp .BG_toggle input[type='checkbox'] ~ label > .BG_check,
.BG_sharp .BG_toggle input[type='radio'] ~ label > .BG_check {
    width: 40px;
    height: 24px;
    float: left;
    background: #dadada;
    position: relative;
    margin-right: 8px;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
}

.BG_sharp input[type='checkbox'] ~ label,
.BG_sharp input[type='radio'] ~ label {
    line-height: 1 !important;
}

.BG_sharp .BG_Button {
    display: flex;
    flex-direction: row !important;
    flex-wrap: wrap
}


.gform_wrapper .BG_sharp .BG_Button label {
    display: flex !important;
    align-items: center;
    text-align: center;
    padding: 8px 16px;
    border-top: 1px solid #ced4da;
    border-right: 1px solid #ced4da;
    border-bottom: 1px solid #ced4da;
    max-width: 100% !important;
}

.BG_sharp .BG_Button label:hover ~ .gf_tooltip_body > i {
    color: #fff !important;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none
}

.BG_sharp .BG_Button input[type='checkbox']:checked ~ .gf_tooltip_body > i,
.BG_sharp .BG_Button input[type='radio']:checked ~ .gf_tooltip_body > i {
    color: #fff !important;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none
}

@media only screen and (max-width: 641px) {
    .BG_sharp .BG_Button .gf_tooltip_body,
    .BG_sharp .BG_Button .gf_tooltip_body > span,
    .BG_sharp .BG_Button  label > .BG_check {
        display: inline-block !important
    }

    .BG_sharp  label {
        width: unset !important
    }
}

.BG_sharp input[type=button].gform_previous_button {
    border: 1px solid #8a8886 !important;
    background: #fff !important;
    color: #323130 !important;
    font-weight: 600 !important
}

    .BG_sharp input[type=button].gform_previous_button:hover {
        background: #f3f2f1 !important
    }

.BG_sharp .gf_progressbar {
    padding: 0 !important
}

    .BG_sharp .gf_progressbar:after {
        height: 0 !important
    }

.BG_sharp .gf_progressbar_percentage span {
    color: #8a8886 !important;
    text-shadow: none !important
}

.BG_sharp .BG_filecancel_icon:before {
    content: '\e805' !important;
}

.BG_sharp .BG_fileupload_icon_selected:before {
    content: '\e806' !important;
}

.BG_sharp .BG_Button .gf_tooltip_body {
    position: absolute !important;
}


.BG_sharp .bg_field_icon input:focus ~ i:before {
    position: relative !important;
    top: 0;
    left: 0 !important;
    transform: unset !important;
    -webkit-transform: unset !important;
    -moz-transform: unset !important;
    -ms-transform: unset !important;
    -o-transform: unset !important;
}


.BG_sharp.BG_xlarge_size .bg_field_icon input ~ i,
.BG_sharp.BG_large_size .bg_field_icon input ~ i,
.BG_sharp.BG_xlarge_size .bg_field_icon select ~ i,
.BG_sharp.BG_large_size .bg_field_icon select ~ i {
    width: 40px !important;
    height: 40px !important;
}

.BG_sharp .bg_field_icon input {
    padding-left: 4px;
    z-index: 9;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
}

.BG_sharp .bg_field_icon.ginput_container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: row-reverse;
}

/* .BG_sharp i.BG_fileupload_icon:before {
    content: '' !important;
} */

.BG_sharp i.BG_fileupload_icon {
    font-size: inherit !important;
}

.BG_Material .ginput_container .gfield_label {
    margin-left: 20px;
}

.bg_button_container .gform_next_button {
    line-height: normal;
}




/*endregion*/
/*endregion*/