:root {
    --alert-info: #d9edf7;
--alert-warning: #f9f0ca;
--alert-success: #dff0d8;
--alert-danger: #ffe2e4;

}
/* Forms */

.form-wrapper.small {
    padding: 25px;
}

.form-wrapper.medium {
    padding: 40px;
}

@media all and (max-width: 575px) {


    .form-wrapper.small {
        padding: 20px;
    }

    .form-wrapper.medium {
        padding: 25px;
    }

}

@media all and (max-width: 360px) {

    .form-wrapper.medium {
        padding: 20px;
    }

}







/* Form base  */

.form-wrap .form-article {
    margin-bottom: 40px;
}

.form-wrap.bottom {
    margin-bottom: 35px;
}

.form-wrap .field select,
.form-wrap .field input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=file]) {
    position: relative;
    width: 100%;
    font-weight: 300;
    padding: 8px 10px;
    min-height: 40px;
    background: #fff;
    outline: none;
    overflow: hidden;
    border: none;
    z-index: 19;
}

.form-wrap .field textarea
{
    min-height: 54px;
}

.form-wrap .field-button {
    position: relative;
}

.form-wrap .field-button>.button {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 25;
    margin: 0;
    padding: 0;
    min-width: 45px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.form-wrap.no-labels .field .field-inner label.label {
    display: none !important;
}





/* Form */

body.ready .form-wrap .field .field-inner label.label em>span,
body.ready .form-wrap .field .field-inner label.label i.icon {
    transition: 0.2s;
}

body.ready .form-wrap .field .field-inner label.label,
body.ready .form-wrap .field .field-inner .meta {
    transition: 0.2s;
}

.form-wrap .fields {
    position: relative;
}

.form-wrap .field {
    position: relative;
}

.form-wrap .field:not(.zero) {
    margin-bottom: 15px;
}

.form-wrap .field .field-inner {
    display: block;
    position: relative;
}

.form-wrap .field .field-inner .meta {
    display: block;
    font-size: var(--form-input-size);
    font-weight: 300;
    color: #fff;
}

.form-wrap .field .field-inner .meta.placeholder, .form-wrap .field.has-error .field-inner .label {
    display: none;
}

.form-wrap .field .field-inner .meta.error {
    opacity: 0;
    color: #AF3E3E;
}

.form-wrap:not(.form-style) .field .field-inner .meta.error {
    position: relative;
    font-size: var(--13px);
    font-weight: 300;
    margin: 2px 0 -8px 0;
    z-index: 25;
}

.form-wrap.form-style .field .field-inner .meta {
    position: absolute;
    top: -22px;
    left: 0px;
}

.form-wrap .field .field-inner label.label {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    gap: 0 8px;
    color: #fff;
    font-size: var(--form-input-size);
    font-weight: 300;
    margin-bottom: 0.25em;
}

.form-wrap .field .field-inner label.label>em {
    position: relative;
    font-style: normal;
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 1em;
}

.form-wrap .field .field-inner label.label>em>span {
    color: #ffff;
}

.form-wrap .field .field-inner label.label i.icon {
    position: absolute;
    opacity: 0;
    left: 0;
    bottom: 5px;
    width: 14px;
    height: 14px;
}

.form-wrap .field .field-inner label.label i.icon-error {
    width: 12px;
    height: 12px;
}

.form-wrap .field.has-error .field-inner label.label i.icon-error {
    opacity: 0;
}

.form-wrap .field.has-success .field-inner label.label i.icon-success {
    opacity: 1;
}

.form-wrap .field.has-success .field-inner label.label>em>span {
    opacity: 0;
}

.form-wrap .field.has-error:not(.focus) .field-inner .meta.error {
    opacity: 1;
}

.form-wrap.form-style .field:not(.zero) {
    margin-bottom: 40px;
}

@media all and (max-width: 575px) {

    .form-wrap.form-style .field:not(.zero) {
        margin-bottom: 30px;
    }

}

.form-wrap.form-style .field.is-compact:not(.zero) {
    margin-bottom: 20px;
}

.form-wrap.form-style .field .field-inner label.label {
    position: absolute;
    top: 10px;
    left: 0;
}

.form-wrap.form-style .field.init .field-inner label.label {
    top: -22px;
}
.form-wrap.form-style .field:not(.is-compact).focus .field-inner label.label,
.form-wrap.form-style .field:not(.is-compact).filled .field-inner label.label,
.form-wrap.form-style .field:not(.is-compact).select .field-inner label.label,
.form-wrap.form-style .field:not(.is-compact).option .field-inner label.label {
    top: -22px;
    left: 0px;
    color: #fff;
}
.form-wrap.form-style .newsletter-grid-outer .newsletter-grid .field:not(.is-compact).focus .field-inner label.label,
.form-wrap.form-style .newsletter-grid-outer .newsletter-grid .field:not(.is-compact).filled .field-inner label.label,
.form-wrap.form-style .newsletter-grid-outer .newsletter-grid .field:not(.is-compact).select .field-inner label.label,
.form-wrap.form-style .newsletter-grid-outer .newsletter-grid .field:not(.is-compact).option .field-inner label.label {
    color: #000000 !important;
    opacity: 1;
}

.form-wrap.form-style .field.is-compact.focus .field-inner label.label,
.form-wrap.form-style .field.is-compact.filled .field-inner label.label,
.form-wrap.form-style .field.is-compact.select .field-inner label.label,
.form-wrap.form-style .field.is-compact.option .field-inner label.label {
    opacity: 0;
}

.form-wrap.form-style .field:not(.focus):not(.filled):not(.select):not(.option) .field-inner label.label>em {
    opacity: 0;
}








/* Form Style */

.form-wrap.form-style .field:not(.option) .field-inner::before,
.form-wrap.form-style .field:not(.option) .field-inner::after {
    content: ' ';
    display: block;
    width: 100%;
    height: 1px;
    background: #ffffff4d;
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: 5;
}

.form-wrap.form-style .field:not(.option) .field-inner::before {
    background-color: #ffffff4d;
}

.form-wrap.form-style .field:not(.option):not(.focus):not(.filled) .field-inner::after {
    width: 0%;
}

.form-wrap.form-style .field.has-error:not(.option) .field-inner::after {
    background-color: #AF3E3E;
}

.form-wrap.form-style .field.has-error:not(.option).focus .field-inner label.label {
    color: #AF3E3E;
}

.form-wrap.form-style .field .field-inner label.label i.icon-error {
    color: #AF3E3E;
}

.form-wrap.form-style .field.has-success:not(.option) .field-inner::after {
    background-color: #5AA469;
}

.form-wrap.form-style .field.has-success:not(.option) .field-inner label.label {
    color: #5AA469;
}

.form-wrap.form-style .field .field-inner label.label i.icon-success {
    color: #5AA469;
}

.form-wrap.form-style .field select,
.form-wrap.form-style .field textarea,
.form-wrap.form-style .field input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=file]) {
    background: none !important;
    outline: none !important;
    border: none !important;
    font-size: var(--form-input-size);
    font-weight: 300;
    width: 100%;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;

    .form-wrap.form-style:not(.form-border) & {
        padding-left: 0;
        padding-right: 0;
    }
}

.form-wrap.form-style .newsletter-grid .field select,
.form-wrap.form-style .newsletter-grid  .field textarea,
.form-wrap.form-style .newsletter-grid  .field input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=file]) {
    color: #000;
}
.form-wrap .newsletter-grid  .field .field-inner .meta,
.form-wrap .newsletter-grid .field .field-inner label.label {
    color: #000;
}
.form-wrap.form-style .newsletter-grid .field:not(.option) .field-inner::before, .form-wrap.form-style .field:not(.option) .field-inner::after{
 background-color: #000;
}

.form-wrap .field textarea {
    resize: none;
    height: 8em;
}

.form-wrap .field.option .set {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    padding: 10px 0;
    gap: 0 20px;
}

.form-wrap .field.option .set-item {
    display: inline-block;
    vertical-align: top;
}

.form-wrap .field.option .set-item label.option {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    position: relative;
    cursor: pointer;
    color: #fff;
    padding: 0 5px 0 32px;
}

.form-wrap .field.option .set-item label.option>input {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: 5;
}

.form-wrap .field.option .set-item label.option>span {
    display: inline-flex;
    align-items: center;
    line-height: 1.1em;
    min-height: 22px;
    font-weight: 300;
    font-size: var(--form-input-size);
    padding-top: 2px;
}

.form-wrap .field.option .set-item label.option::before,
.form-wrap .field.option .set-item label.option::after {
    content: ' ';
    display: inline-block;
    position: absolute;
    top: 1px;
    left: 0;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px;
    border-radius: 5px;
}

.form-wrap .field.option .set-item label.option.radio::before,
.form-wrap .field.option .set-item label.option.radio::after {
    border-radius: 999px;
}

.form-wrap .field.option .set-item label.option::after {
    border: 2px solid #fff;
}

.form-wrap .field.option .set-item:not(.active) label.option::after {
    border-color: #d0d0d0;
}

.form-wrap .field.option .set-item label.option.checkbox::before {
    background-image: url('/images/svg/check.svg');
}

.form-wrap .field.option .set-item label.option.radio::before {
    background-color: #000;
    border: 8px solid #fff;
}

.form-wrap .field.option .set-item:not(.active) label.option::before {
    opacity: 0;
}

.form-wrap .field.option .set-item label.option a[href] {
    display: inline-block;
    position: relative;
    z-index: 25;
    text-decoration: underline !important;
}

.form-wrap .field-recaptcha {
    text-align: right;
}

.form-wrap .field-recaptcha .g-recaptcha {
    display: inline-block;
}

.form-wrap .actions {
    position: relative;
    text-align: right;
    margin-top: 30px;
}

@media all and (max-width: 575px) {

    .form-wrap .actions {
        margin-top: 20px;
    }

}

.form-wrap .actions.compact {
    margin-top: 10px;
}

.form-wrap .actions.to-left {
    text-align: left;
}

body.ready .form-wrap .field select,
body.ready .form-wrap .field textarea,
body.ready .form-wrap .field:not(.select):not(.option) .field-inner::before,
body.ready .form-wrap .field:not(.select):not(.option) .field-inner::after,
body.ready .form-wrap .field input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=file]),
body.ready .form-wrap .field .field-inner .meta,
body.ready .form-wrap .field .field-inner label.label,
body.ready .form-wrap .field .field-inner label.label>em {
    transition: 0.2s;
}

.form-wrap .alert {
    margin-bottom: 40px;
}

.form-wrap.rounded .alert,
.form-wrapper.rounded .alert {
    border-radius: 10px;
}

.anchor {
    display: block;
    transform: translateY(-30px);
}

.custom-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    gap: 35px;
    margin-bottom: 40px;
}
.field.field-101,
.field.field-103,.field.field-104 {
    grid-column: 1;
}

.field.field-102,
.field.field-106 {
    grid-c315olumn: 2;
}
.field.field-106{
    grid-row: span 2;
}

.form-202{
    width: 100%;
   display: grid;
   gap: 15px;
}
.form-202 .newsletter-grid-outer{
    display: flex;
    justify-content: space-around;
    gap: 15px;
}
.form-202 .newsletter-grid{
    width: 80%;
}
@media all and (max-width: 762px){
    .custom-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .custom-grid .field {
        grid-column: 1;
        grid-row: auto;
    }

    .field.field-101 { grid-row: 1; }
    .field.field-208 { grid-row: 2; }
    .field.field-103 { grid-row: 3; }
    .field.field-104 { grid-row: 4; }
    .form-202 .newsletter-grid-outer{
        display: grid;
        justify-content: unset;
    }
    .form-202 .newsletter-grid{
        width: 100%;
    }
}






/* Form Columns */

/*.form-wrap.columns .fields {*/
/*    display: block;*/
/*    position: relative;*/
/*}*/

@media all and (min-width: 992px) {

    /*.form-wrap.columns .fields {*/
    /*    padding-right: 50%;*/
    /*}*/

    /*.form-wrap.columns .fields .field:not(.textarea-1):not(.option) {*/
    /*    padding-right: 15px;*/
    /*}*/

    /*.form-wrap.columns .fields .field.textarea-1 {*/
    /*    position: absolute;*/
    /*    top: 0; right: 0;*/
    /*    width: 50%;*/
    /*    padding-left: 15px;*/
    /*}*/

    /*.form-wrap.columns .fields .field.textarea-1 textarea {*/
    /*    height: calc( 12em + 2px );*/
    /*}*/





    /*.form-wrap.form-style.wide .actions {*/
    /*    margin-bottom: 15px;*/
    /*}*/

    /*.form-wrap.form-style.wide .field:not(.zero) {*/
    /*    margin-bottom: 60px;*/
    /*}*/

    /*.form-wrap.columns.wide .fields .field.textarea-1 textarea {*/
    /*    height: calc( 14em + 7px );*/
    /*}*/


}







/* Form Section */

.form-section {
    display: flex;
    flex-direction: row;
    border: 1px solid #C4942F;
    padding: 12px;
    gap: 15px;
    border-radius: 22px;




    .form-article {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        overflow: hidden;
        width: 33.333%;
        margin: 0;
        padding: 30px;
        border-radius: 11px;
        color: var(--theme-white);
        background-color: var(--theme-black);
    }


    .form-title {
        margin-bottom: 30px;
    }


    .form {
        display: flex;
        flex-direction: column;
        flex: 1 1;
        padding: 30px;



    }



    @media all and (min-width: 992px) and (max-width: 1199px) {

        .form-article {
            width: 40%;
        }

    }


    @media all and (max-width: 991px) {

        flex-direction: column;


        .form-article {
            width: 100%;
        }

    }

}