@font-face {
  font-family: "Opel Sans";
  font-style: normal;
  font-weight: bold;
  font-display: swap;
  src: url('../fonts/Opel-Sans-Bold.woff') format('woff');
}
@font-face {
  font-family: "Mulish-Regular";
  font-style: normal;
  font-weight: 400;
 font-display: swap;
  src:  url('../fonts/Mulish-Regular.ttf') format('truetype');
}
@font-face {
  font-family: "Mulish-Bold";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/Mulish-Bold.ttf') format('truetype');
}
@font-face {
  font-family: "Mulish-ExtraBold";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('../fonts/Mulish-ExtraBold.ttf') format('truetype');
}


/* Copyright @ Balbooa, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
    General and resets
 ========================================================================== */

/* Custom scroll */
.ba-form-page *::-webkit-scrollbar {
    width: 6px;
}

.ba-form-page *::-webkit-scrollbar-track {
    background-color: transparent;
}

.ba-form-page *::-webkit-scrollbar-thumb {
    background: #ddd;
    border-radius: 6px;
}

.ba-form-page *{
    -webkit-tap-highlight-color: transparent;
}

.ba-form-page input:focus:invalid:focus,
.ba-form-page textarea:focus:invalid:focus,
.ba-form-page select:focus:invalid:focus,
.ba-form-page textarea:focus,
.ba-form-page select:focus,
.ba-form-page input:focus {
    outline: none !important;
    box-shadow: none !important;
    color: var(--field-typography-color);
}

body.forms-modal-opened {
    box-sizing: border-box;
    overflow: hidden;
    width: calc(100% - var(--forms-body-scroll-width));
}

body.forms-modal-opened:not(.forms-modal-position-center) {
    overflow: auto;
    width: 100%;
}

/* ========================================================================
    Form Style
 ========================================================================== */

.ba-form-page input[disabled] {
    cursor: not-allowed;
    background-color: transparent;
}

.ba-form-page h1,
.ba-form-page h2,
.ba-form-page h3,
.ba-form-page h4,
.ba-form-page h5,
.ba-form-page h6,
.ba-form-page p {
    margin: 0;
}

.ba-form-page {
    background: var(--form-background-color);
    border-bottom: calc(var(--form-border-bottom)*var(--form-border-width)) solid var(--form-border-color);
    border-left: calc(var(--form-border-left)*var(--form-border-width)) solid var(--form-border-color);
    border-radius: var(--form-border-radius);
    border-right: calc(var(--form-border-right)*var(--form-border-width)) solid var(--form-border-color);
    border-top: calc(var(--form-border-top)*var(--form-border-width)) solid var(--form-border-color);
    box-shadow: 0 calc(var(--form-shadow-value)*10px) calc(var(--form-shadow-value)*20px) 0 var(--form-shadow-color);
    box-sizing: border-box;
    margin: 0 auto; 
    min-width: var(--form-width-fullwidth);
    max-width: 100%;
    padding-bottom: var(--form-padding-bottom);
    padding-left: var(--form-padding-left);
    padding-right: var(--form-padding-right);
    padding-top: var(--form-padding-top);
    width: var(--form-width-value);
}

.upload-file-btn,
.ba-form-page .ba-form-page-break-button {
    transition: all .3s ease-in-out !important;
}

.ba-form-column-wrapper .ba-form-column {
    align-self: stretch;
    display: flex !important;
    flex-direction: column;
    position: relative;
}

.ba-form-column-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.ba-form-submit-field {
    align-items: flex-end;
    display: flex;
    height: 100%;
}

.ba-form-submit-field:not(.hidden-condition-field) ~ .ba-form-submit-field {
    height: auto;
}

.ba-form-submit-wrapper {
    width: 100%;
}

/*
/* Form Item
*/

.ba-form-field-item {
    margin-bottom: var(--field-margin-bottom);
    margin-top: var(--field-margin-top);
    position: relative;
    width: 100%;
}

.ba-form-field-item .confirm-password-wrapper,
.ba-form-field-item .confirm-email-wrapper {
    margin-top: var(--field-margin-top);
}

.ba-form-submit-recaptcha-wrapper .forms-recaptcha:not([data-captcha="recaptcha_invisible"]) {
    margin-bottom: var(--field-margin-bottom);
}

.ba-form-field-item[data-hidden="true"],
.ba-form-field-item.hidden-condition-field {
    display: none !important;
}

.ba-form-field-item .ba-field-label-wrapper {
    position: relative;
    text-align: var(--label-typography-text-align);
    line-height: var(--label-typography-line-height);
}

.ba-form-field-item.ba-form-poll-field .ba-field-label-wrapper {
    margin-bottom: 20px;
}

.ba-form-field-item .ba-field-label-wrapper * {
    text-align: var(--label-typography-text-align);
    line-height: var(--label-typography-line-height);
}

.required-star {
    margin: 0 5px;
}

.characters-wrapper,
.ba-form-field-item .ba-input-help {
    float: right;
    margin-left: 10px;
}

.ba-form-field-item .ba-input-help {
    position: relative;
}

.characters-wrapper .current-characters {
    margin-right: 5px;
}

.ba-form-field-item .ba-input-help i {
    font-size: 24px;
    opacity: .5;
}

.ba-form-field-item .ba-input-help i:hover {
    opacity: 1;
}


.ba-form-field-item .ba-input-help i {
    cursor: help;
}

.ba-form-page-break-button,
.ba-cart-container-title,
.ba-cart-row-title,
.ba-form-page-navigation .ba-form-page-navigation-title,
.ba-form-page-navigation-counter,
.ba-form-page-navigation-title .ba-page-navigation-title,
.ba-form-products-cart .ba-form-product-title-cell,
.characters-wrapper *,
.ba-form-field-item .ba-field-label-wrapper > * {
    color: var(--label-typography-color);
    cursor: default;
    font-family: var(--label-typography-font-family);
    font-size: var(--label-typography-font-size);
    font-style: var(--label-typography-font-style);
    font-weight: var(--label-typography-font-weight);
    letter-spacing: var(--label-typography-letter-spacing);
    line-height: var(--label-typography-line-height);
    text-transform: var(--label-typography-text-transform);
}

.ba-cart-shipping-row .ba-cart-row-title {
    line-height: 30px;
    margin-bottom: 25px;
}

.ba-cart-total-wrapper .ba-cart-total-container .ba-cart-total-container-row.ba-cart-shipping-row {
    flex-direction: column;
}

.characters-wrapper * {
    font-size: calc(var(--label-typography-font-size) *.7);
    line-height: calc(var(--label-typography-line-height) *.7);
}

.ba-field-container {
    position: relative;
}

.ba-field-container.ba-readonly-calendar:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    cursor: not-allowed;
    z-index: 10;
}

.ba-form-checkbox-group-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.com-baforms-wrapper .empty-content {
    display: none !important;
}

.ba-field-container i {
    align-items: baseline;
    bottom: calc(var(--field-padding-bottom) + var(--field-border-width)*var(--field-border-bottom));
    box-sizing: border-box;
    color: var(--field-icon-color);
    display: flex;
    font-size: var(--field-icon-size);
    line-height: var(--field-typography-line-height);
    justify-content: var(--field-icon-text-align);
    left: calc(var(--field-padding-left) + var(--field-border-width)*var(--field-border-left));
    pointer-events: none;
    position: absolute;
    right: calc(var(--field-padding-right) + var(--field-border-width)*var(--field-border-right));
    top: calc(var(--field-padding-top) + var(--field-border-width)*var(--field-border-top) );
}

.fields-icons-flex-start .ba-field-container i + textarea,
.fields-icons-flex-start .ba-field-container i + input {
    padding-left: calc(var(--field-padding-left) + var(--field-icon-size) + 15px) !important;
}

.ba-form-authorize-modal .ba-forms-modal input::-webkit-input-placeholder,
.ba-field-container textarea::-webkit-input-placeholder,
.ba-field-container input[type="text"]::-webkit-input-placeholder,
.ba-field-container input[type="number"]::-webkit-input-placeholder,
.ba-field-container input[type="email"]::-webkit-input-placeholder{
    color: var(--field-typography-color);
    opacity: .5;
}

.ba-form-authorize-modal {
    z-index: 1090;
}

.fields-icons-flex-end .ba-field-container i + textarea,
.fields-icons-flex-end .ba-field-container i + input {
    padding-right: calc(var(--field-padding-right) + var(--field-icon-size) + 15px) !important;
}

.ba-form-calendar-field .ba-field-container input[readonly] {
    cursor: pointer;
}

.ba-form-authorize-modal .ba-forms-modal input::-webkit-input-placeholder,
.ba-cart-row-content span.ba-shipping-title,
.ba-form-products-cart .ba-form-product-quantity-cell input,
.ba-form-calculation-price-wrapper .field-price-value,
.ba-form-calculation-price-wrapper .field-price-currency,
.ba-form-total-field .field-price-currency,
.ba-form-total-field .field-price-value,
.ba-form-calculation-field .field-price-currency,
.ba-form-calculation-field .field-price-value,
.ba-field-container textarea::-webkit-input-placeholder,
.ba-field-container input[type="text"]::-webkit-input-placeholder,
.ba-field-container input[type="number"]::-webkit-input-placeholder,
.ba-field-container input[type="email"]::-webkit-input-placeholder {
    color: var(--field-typography-color);
    font-family: var(--field-typography-font-family);
    font-size: var(--field-typography-font-size);
    font-style: var(--field-typography-font-style);
    font-weight: var(--field-typography-font-weight);
    letter-spacing: var(--field-typography-letter-spacing);
    line-height: var(--field-typography-line-height);
}

.ba-field-container textarea::-moz-placeholder,
.ba-field-container input[type="text"]::-moz-placeholder,
.ba-field-container input[type="number"]::-moz-placeholder,
.ba-field-container input[type="email"]::-moz-placeholder {
    color: var(--field-typography-color);
    font-family: var(--field-typography-font-family);
    font-size: var(--field-typography-font-size);
    font-style: var(--field-typography-font-style);
    font-weight: var(--field-typography-font-weight);
    letter-spacing: var(--field-typography-letter-spacing);
    line-height: var(--field-typography-line-height);
}

.ba-form-field-item .ba-form-products-cart .ba-form-product-quantity-cell input,
.ba-form-page-navigation-title,
.upload-file-btn,
.upload-file-input,
.ba-field-container select,
.ba-field-container textarea[readonly],
.ba-field-container textarea,
.ba-field-container input[type="text"],
.ba-field-container input[type="number"],
.ba-field-container input[type="password"],
.ba-field-container input[type="email"] {
    background: var(--field-background-color) !important;
    background-image: none !important;
    border-bottom: calc(var(--field-border-bottom)*var(--field-border-width)) solid var(--field-border-color) !important;
    border-left: calc(var(--field-border-left)*var(--field-border-width)) solid var(--field-border-color) !important;
    border-radius: var(--field-border-radius);
    border-right: calc(var(--field-border-right)*var(--field-border-width)) solid var(--field-border-color) !important;
    border-top: calc(var(--field-border-top)*var(--field-border-width)) solid var(--field-border-color) !important;
    box-sizing: border-box;
    box-shadow: none;
    color: var(--field-typography-color);
    font-family: var(--field-typography-font-family);
    font-size: var(--field-typography-font-size);
    font-style: var(--field-typography-font-style);
    font-weight: var(--field-typography-font-weight);
    height: auto;
    letter-spacing: var(--field-typography-letter-spacing);
    line-height: var(--field-typography-line-height);
    margin: 0;
    padding-bottom: var(--field-padding-bottom);
    padding-left: var(--field-padding-left);
    padding-right: var(--field-padding-right);
    padding-top: var(--field-padding-top);
    text-align: var(--field-typography-text-align);
    text-transform: var(--field-typography-text-transform);
    transition: none;
    width: 100% !important;
}

.ba-alert.ba-forms-authorize-field-wrapper input[type="text"],
.ba-alert.calendar-field-wrapper input[type="text"],
.ba-alert .upload-file-input,
.ba-alert .ba-field-container select,
.ba-alert .ba-field-container textarea,
.ba-form-calendar-field:not(.ba-form-calendar-field) .ba-alert .ba-field-container input[type="text"],
.ba-alert .ba-field-container input[type="text"],
.ba-alert .ba-field-container input[type="number"],
.ba-alert .ba-field-container input[type="password"],
.ba-alert .ba-field-container input[type="email"] {
    box-shadow: inset 0px 0px 0px calc(2px - var(--field-border-width)*var(--field-border-right)*var(--field-border-left)*var(--field-border-bottom)*var(--field-border-top)) #ff671f;
    border-color: #ff671f !important;
}

.ba-form-submit-wrapper .ba-form-submit-recaptcha-wrapper .forms-recaptcha.ba-alert {
    box-shadow: 0px 0px 0px calc(2px - var(--field-border-width)*var(--field-border-right)*var(--field-border-left)*var(--field-border-bottom)*var(--field-border-top)) #ff671f;    
}

.ba-alert .ba-form-submit-recaptcha-wrapper iframe {
    box-shadow: 0px 0px 0px 2px #ff671f;
}

.ba-field-container select:not([multiple]) {
    height: calc(var(--field-typography-line-height) + var(--field-padding-top) + var(--field-padding-bottom) + (var(--field-border-top)*var(--field-border-width)) + (var(--field-border-bottom)*var(--field-border-width)));
    padding-bottom: 0;
    padding-top: 0;
    text-align-last: var(--field-typography-text-align);
}

@supports (-webkit-overflow-scrolling: touch) {
        .ba-form-page-navigation-title,
        .ba-form-page-break-button,
        .upload-file-btn,
        .upload-file-input,
        .ba-field-container select,
        .ba-field-container textarea,
        .ba-field-container input[type="text"],
        .ba-field-container input[type="number"],
        .ba-field-container input[type="password"],
        .ba-field-container input[type="email"]{
            -webkit-appearance: none;
        }
}

.ba-field-container input ~ .ba-input-password-icons i {
    bottom: 0;
    cursor: pointer;
    left: auto;
    padding-bottom: var(--field-padding-bottom);
    padding-left: var(--field-padding-left);
    padding-right: var(--field-padding-right);
    padding-top: var(--field-padding-top);
    pointer-events: all;
    right: 0;
    top: 0;
    transition: .3s;
}

.ba-field-container input ~ .ba-input-password-icons i:hover {
    opacity: .5;
}

.ba-field-container input[type="text"] ~ .ba-input-password-icons .ba-icon-eye-off,
.ba-field-container input[type="password"] ~ .ba-input-password-icons .ba-icon-eye {
    display: none;
}

.ba-field-container .set-slider-range {
    background: transparent;
    border-radius: 0!important;
    border: none !important;
    color: var(--field-typography-color);
    font-family: var(--field-typography-font-family);
    font-size: var(--field-typography-font-size);
    font-style: var(--field-typography-font-style);
    font-weight: var(--field-typography-font-weight);
    height: var(--field-typography-font-size);
    opacity: .5;
    padding: 0;
    text-align: left;
    width: 50px !important;
}

.set-slider-range + input + .set-slider-range {
    text-align: right !important;
}

.upload-file-input {
    padding: 0 !important;
}

.upload-file-btn {
    background: var(--theme-color) !important;
    border: none !important;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding-left: 30px;
    padding-right: 30px;
    width: auto !important;
}

.upload-file-btn:hover {
    background: #212121 !important;
}

.ba-field-container select option {
    font-weight: var(--field-typography-font-weight);
}

.ba-field-container textarea {
    min-height: 150px;
    resize: vertical;
}

.ba-form-field-item .ba-form-products-cart .ba-form-product-quantity-cell input:focus,
.ba-form-calendar-field .ba-field-container input[type="text"][readonly]:focus,
.ba-field-container select:not([readonly]):focus,
.ba-field-container textarea:not([readonly]):focus,
.ba-field-container input[type="text"]:not([readonly]):focus,
.ba-field-container input[type="number"]:not([readonly]):focus,
.ba-field-container input[type="email"]:not([readonly]):focus {
    background: var(--field-background-color) !important;
    border-color: var(--theme-color) !important;
    outline: none;
}

.ba-field-container select[readonly]:focus,
.ba-field-container textarea[readonly]:focus,
.ba-field-container input[type="text"][readonly]:focus,
.ba-field-container input[type="number"][readonly]:focus,
.ba-field-container input[type="email"][readonly]:focus {
    background: var(--field-background-color) !important;
    border-color: var(--field-border-color) !important;
    outline: none;
}

.ba-form-product-quantity-cell i,
.ba-form-products-cart .ba-form-product-remove-cell i{
    transition: all .3s ease-in-out;
}

.ba-form-radio-field .ba-form-checkbox-wrapper .ba-checkbox-image + .ba-checkbox-wrapper .ba-form-radio span:before,
.ba-form-field-item .ba-form-checkbox-wrapper .ba-checkbox-image + .ba-checkbox-wrapper label.ba-form-checkbox > span {
    transition: none !important;
}

@media (min-width: 769px){
    .upload-file-input.drag-drop-upload-file {
        align-items: center;
        display: flex;
        flex-direction: column;
        height: 300px;
        justify-content: center;
    }

    .upload-file-input.drag-drop-upload-file .upload-file-btn {
        margin-top: 40px;
    }
}

.upload-file-input.drag-drop-upload-file i {
    font-size: 90px;
    line-height: 90px;
    opacity: .1;
    position: static;
    transition: .3s;
}

.upload-file-input.drag-drop-upload-file.upload-file-drag-over i {
    font-size: 110px;
    opacity: 1;
    color: var(--theme-color) !important;
}

.ba-form-calculation-field .ba-input-wrapper {
    background-color: var(--calculation-background-color);
    padding-top: var(--calculation-padding-top);
    padding-right: var(--calculation-padding-right);
    padding-bottom: var(--calculation-padding-bottom);
    padding-left: var(--calculation-padding-left);
}

/* ========================================================================
    Products Cart
 ========================================================================== */

.ba-form-products-cart .ba-form-product-row {
    align-items: center;
    border: 1px solid rgba(214, 214, 214, 0.4);
    box-sizing: border-box;
    display: flex;
    margin-bottom: 10px;
    padding: 25px;
    width: 100%;
}

.ba-form-products-cart .ba-form-product-row:last-child {
    margin-bottom: 25px;
}

.ba-form-products-cart .ba-form-product-title-cell {
    flex-grow: 1;
}

.ba-form-products-cart .ba-form-product-quantity-cell {
    align-items: center;
    display: flex;
    margin: 0 50px;
}

.ba-form-products-cart .ba-form-product-remove-cell {
    margin-left: 50px;
}

.ba-form-product-quantity-cell i:hover,
.ba-form-products-cart .ba-form-product-remove-cell i:hover {
    opacity: .65;
}

.ba-form-field-item .ba-form-products-cart .ba-form-product-quantity-cell input {
    border-radius: 0;
    margin: 0 10px;
    padding: 10px 0 10px 10px;
    width: 50px !important;
}

.ba-form-product-quantity-cell i,
.ba-form-products-cart .ba-form-product-remove-cell i {
    color: var(--field-typography-color);
    cursor: pointer;
    font-size: 24px;
}

.ba-form-product-quantity-cell i.ba-disabled {
    opacity: .5;
    cursor: default;
}

.ba-form-product-image-cell {
    align-items: center;
    display: flex;
    height: calc(var(--field-typography-line-height) + var(--field-padding-top) + var(--field-padding-bottom));
    margin-right: 25px;
    min-width: calc(var(--field-typography-line-height) + var(--field-padding-top) + var(--field-padding-bottom));
}

.ba-form-product-image-cell img {
    max-height: 100%;
}

.ba-form-total-field .ba-field-container {
    display: flex;
}

.right-currency-position {
    flex-wrap: wrap;
}

.right-currency-position:not(.ba-form-products-cart) {
    display: inline-block;
    width: 100%;
}

.right-currency-position .field-price-value{
    min-width: 50px;
    text-align: right;
}

.ba-form-products-cart.right-currency-position {
    display: block;
}

.ba-form-total-field .ba-field-container .ba-form-calculation-price-wrapper {
    align-items: center;
}

.ba-cart-promo-code-wrapper {
    margin-right: 20px;
    width: 50%;
}


.ba-cart-total-wrapper {
    width: 100%;
}

.ba-cart-promo-code-wrapper + .ba-cart-total-wrapper  {
    width: 50%;
}

.ba-cart-shipping-item,
.ba-cart-promo-code-container {
    align-items: center;
}

.ba-cart-shipping-item,
.ba-cart-total-wrapper .ba-cart-total-container .ba-cart-total-container-row,
.ba-cart-promo-code-container,
.ba-form-total-field .ba-field-container {
    display: flex;
}

.ba-cart-promo-code-btn {
    align-self: stretch;
    display: flex;
    align-items: center;
    background: var(--theme-color);
    border-radius: var(--field-border-radius);
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-size: var(--field-typography-font-size);
    font-family: var(--field-typography-font-family);
    font-style: var(--field-typography-font-style);
    font-weight: var(--field-typography-font-weight);
    height: auto;
    letter-spacing: var(--field-typography-letter-spacing);
    line-height: var(--field-typography-line-height);
    margin-left: 10px;
    padding-bottom: var(--field-padding-bottom);
    padding-left: 30px;
    padding-right: 30px;
    padding-top: var(--field-padding-top);
    transition: background .3s, color .3s;
}

.ba-cart-total-wrapper .ba-cart-total-container {
    border: 1px solid rgba(214, 214, 214, 0.4);
    border-top: none;
    flex-grow: 1;
    padding: 0 0 25px 0;
}

.ba-form-total-field .ba-cart-promo-code-wrapper:not([style="display: none;"]) + .ba-cart-total-wrapper {
    margin-top: var(--label-typography-line-height);
}

.ba-cart-total-container-row {
    margin-bottom: 15px;
    padding: 0 25px;
}

.ba-cart-row-content {
    flex-grow: 1;
    text-align: right;
}

.ba-cart-total-wrapper .ba-cart-total-container .ba-cart-total-container-row:not(.ba-cart-shipping-row) {
    align-items: center;
    flex-direction: row;
}

.ba-cart-total-wrapper .ba-cart-total-container .ba-cart-total-container-row.ba-cart-subtotal-row {
    border-top: 1px solid rgba(214, 214, 214, 0.4);
    flex-direction: row;
    padding-top: 25px;
}

.ba-cart-total-container-row .ba-form-calculation-price-wrapper {
    margin: 0;
}

.ba-form-total-field .ba-field-container .ba-form-calculation-price-wrapper {
    align-items: center;
}

.ba-cart-row-title {
    min-width: 25%;
    text-align: left;
}

.ba-cart-shipping-item {
    margin-bottom: 20px;
}

.ba-cart-shipping-item label {
    margin-bottom: 0;
}

.ba-cart-row-content span.ba-shipping-title {
    flex-grow: 1;
    text-align: left;
}

.ba-cart-promo-code-btn:hover {
    background: #212121 !important;
    color: #fff !important;
}

.ba-cart-total-row {
    border-top: 1px solid rgba(214, 214, 214, 0.4);
    padding-top: 20px;
}

.ba-cart-total-row {
    margin-bottom: 0;
}

.ba-form-total-field .ba-field-container {
    justify-content: flex-end;
}

/* ========================================================================
    Image
 ========================================================================== */
.ba-form-field-item .ba-image-wrapper {
    text-align: var(--image-field-align);
}

.ba-form-field-item .ba-image-wrapper img {
    width: var(--image-field-width);
    max-width: 100%;
}

/* ========================================================================
    Attachment
 ========================================================================== */

.ba-form-xhr-attachment .ba-icon-delete {
    cursor: pointer;
    float: right;
    margin-left: 10px;
}

.upload-file-input ~ div .ba-form-xhr-attachment:first-child {
    padding-top: 15px;
}

.ba-form-xhr-attachment i {
    font-size: 24px;
    margin-right: 10px;
    position: static;
    transition: all .3s;
}

.ba-form-xhr-attachment i.ba-icon-delete {
    pointer-events: all;
}

.ba-form-xhr-attachment i:hover {
    opacity: .65;
}

.ba-form-xhr-attachment {
    align-items: center;
    display: flex;
    margin-bottom: 10px;
}

.forms-attachment-title {
    color: var(--field-typography-color);
    display: inline-block;
    flex-grow: 1;
    font-family: var(--field-typography-font-family);
    font-size: var(--field-typography-font-size);
    font-style: var(--field-typography-font-style);
    font-weight: var(--field-typography-font-weight);
    letter-spacing: var(--field-typography-letter-spacing);
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ba-form-xhr-attachment .attachment-intro-image {
    background-position: center;
    background-size: cover;
    border-radius: 3px;
    margin: 0 15px 0 0;
    box-sizing: border-box;
    display: inline-block;
    height: 50px;
    min-width: 50px;
    vertical-align: middle;
    width: 50px;
}

.ba-form-xhr-attachment:not(.forms-attachment-file-uploaded) .forms-attachment-title {
    width: 40%;
}

.ba-form-xhr-attachment.forms-attachment-file-uploaded .forms-attachment-progress-bar-wrapper {
    margin-left: 0;
    min-width: 0;
    width: 0;
}

.forms-attachment-progress-bar-wrapper {
    background: rgba(214, 214, 214, 0.4);
    border-radius: 10px;
    display: inline-block;
    height: 5px;
    margin-left: 15px;
    min-width: 40%;
}

.forms-attachment-progress-bar {
    background: var(--theme-color);
    border-radius: 5px;
    display: block;
    height: 5px;
    transition: .3s ease-in-out;
    width: 0;
}

/* ========================================================================
    Map
 ========================================================================== */

.ba-map-wrapper {
    height: var(--map-field-height);
}

.ba-address-map-wrapper {
    height: 300px;
    width: 100%;
}

.pac-container {
    z-index: 1150;
}

/* ========================================================================
    Page Navigation
 ========================================================================== */
.ba-form-page:first-child .ba-form-page-break-button[data-action="back"],
.ba-form-page:nth-last-child(2) .ba-form-page-break-button[data-action="next"],
.dots-navigation-style span.ba-form-page-navigation-title:first-child:after,
.com-baforms-wrapper form:not(.dots-navigation-style):not(.step-navigation-style):not(.progress-navigation-style) .ba-form-page-navigation-title:last-child:after,
.com-baforms-wrapper form:not(.dots-navigation-style):not(.step-navigation-style):not(.progress-navigation-style) .ba-form-page-navigation-title:first-child:before {
    display: none;
}

.com-baforms-wrapper .ba-form-page-navigation {
    display: flex;
    justify-content: space-between;
    margin-bottom: var(--field-margin-bottom);
}

.com-baforms-wrapper form:not(.dots-navigation-style):not(.step-navigation-style):not(.progress-navigation-style) .ba-form-page-navigation-title {
    align-items: center;
    border-radius: 0 !important;
    border: none !important;
    display: inline-flex;
    flex-grow: 1;
    font-size: 16px;
    justify-content: center;
    margin-left: 3px;
    min-height: 60px;
    padding: 10px 10px 10px 20px!important;
    position: relative;
    text-align: left;
}

.com-baforms-wrapper .dots-navigation-style .ba-form-page-navigation-title {
    text-align: center;
}

.com-baforms-wrapper form:not(.dots-navigation-style):not(.step-navigation-style):not(.progress-navigation-style) .ba-form-page-navigation-title:first-child {
    border-top-left-radius: var(--field-border-radius)!important;
    border-bottom-left-radius: var(--field-border-radius)!important;
    padding: 10px 10px 10px 10px!important;
}

.com-baforms-wrapper form:not(.dots-navigation-style):not(.step-navigation-style) .ba-form-page-navigation-title:last-child {
    border-top-right-radius: var(--field-border-radius)!important;
    border-bottom-right-radius: var(--field-border-radius)!important;
}

.com-baforms-wrapper form:not(.dots-navigation-style):not(.step-navigation-style) .ba-form-page-navigation-title.current-page {
    background: var(--theme-color)!important;
}

.com-baforms-wrapper form:not(.dots-navigation-style):not(.step-navigation-style) .ba-form-page-navigation-title.current-page .ba-page-navigation-title {
    color: #fff;
}

.com-baforms-wrapper form:not(.dots-navigation-style):not(.step-navigation-style) span.ba-form-page-navigation-title .ba-form-page-navigation-counter {
    display: none;
}

.com-baforms-wrapper form:not(.dots-navigation-style):not(.step-navigation-style):not(.progress-navigation-style) .ba-form-page-navigation-title:after {
    content: "";
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid rgba(214, 214, 214, 0.4);
    position: absolute;
    right: -10px;
    top: calc( 50% - 10px);
    z-index: 1;
}

.com-baforms-wrapper form:not(.dots-navigation-style):not(.step-navigation-style) .ba-form-page-navigation-title.current-page:after {
    border-left: 10px solid var(--theme-color);
}

.com-baforms-wrapper form:not(.dots-navigation-style):not(.step-navigation-style):not(.progress-navigation-style) .ba-form-page-navigation-title:before {
    border-bottom: 12px solid transparent;
    border-left: 12px solid var(--form-background-color);
    border-top: 12px solid transparent;
    content: "";
    left: 0px;
    position: absolute;
    top: calc(50% - 12px);
}

/* Progress Navigation */
.progress-navigation-style .ba-form-page-progress-navigation-header {
    display: flex;
    color: var(--label-typography-color);
    font-family: var(--label-typography-font-family);
    font-size: var(--label-typography-font-size);
    font-style: var(--label-typography-font-style);
    font-weight: var(--label-typography-font-weight);
    justify-content: space-between;
    letter-spacing: var(--label-typography-letter-spacing);
    margin-bottom: 5px;
    text-transform: var(--label-typography-text-transform);
    width: 100%;
}

.com-baforms-wrapper .progress-navigation-style .ba-form-page-navigation {
    background: rgba(214, 214, 214, 0.4);
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}

.com-baforms-wrapper form:not(.progress-navigation-style) .ba-form-page-progress-navigation-header,
.progress-navigation-style .ba-form-page-navigation-title > *{
    display: none !important;
}

.progress-navigation-style .ba-form-page-navigation-title {
    border: none !important;
    opacity: 0;
    padding: 5px !important;
}

.com-baforms-wrapper .progress-navigation-style .ba-form-page-navigation:before {
    background: var(--theme-color);
    content: "";
    height: 10px;
    left: 0;
    position: absolute;
    width: var(--progress-navigation-percentage);
}

/*
/* Page Break
*/

.ba-form-page-navigation-wrapper,
.ba-form-page-break,
.ba-form-page-break-buttons {
    position: relative;
    width: 100%;
}

.ba-field-label-wrapper:after,
.ba-field-label-wrapper:before,
.ba-form-field-item:after,
.ba-form-field-item:before,
.ba-page-items:before,
.ba-page-items:after {
    clear: both;
    content: "";
    display: table;
    line-height: 0;
}

.ba-form-page-break-buttons {
    display: block;
    margin-bottom: var(--field-margin-bottom);
    margin-top: var(--field-margin-top);
    overflow: hidden;
    width: 100% !important;
}

.ba-form-page .ba-form-page-break-button {
    background-image: none !important;
    background: var(--field-background-color);
    border-radius: var(--field-border-radius);
    border: none;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    line-height: var(--field-typography-line-height);
    padding: 15px 60px;
    width: auto !important;
}

.ba-form-page .ba-form-page-break-button:hover {
    background: #212121 !important;
    color: #fff !important;
}

.ba-form-page .ba-form-page-break-button[data-action="next"] {
    background: var(--theme-color);
    color: #fff;
    float: right;
}

.ba-form-page:first-child .ba-form-page-break-button[data-action="back"] ,
.ba-form-page:last-child .ba-form-page-break-button[data-action="next"] {
    display: none;
}

.ba-form-save-progress-link {
    color: var(--label-typography-color);
    cursor: pointer;
    display: inline-block;
    float: right;
    font-family: var(--label-typography-font-family);
    font-size: var(--label-typography-font-size);
    font-style: var(--label-typography-font-style);
    font-weight: var(--label-typography-font-weight);
    letter-spacing: var(--label-typography-letter-spacing);
    line-height: var(--field-typography-line-height);
    padding: 15px;
    text-transform: var(--label-typography-text-transform);
    transition: .3s;
}

.ba-form-save-progress-link:hover {
    color: var(--theme-color);
}

/* ========================================================================
    Step Navigation
 ========================================================================== */

.step-navigation-style .ba-form-page-navigation-title {
    background: transparent !important;
    border: none !important;
    border-bottom: 10px solid var(--theme-color) !important;
    border-radius: 0;
    margin-right: 5px;
    padding: 0;
    min-height: calc( var(--label-typography-font-size) + 15px) !important;
}

.step-navigation-style .ba-form-page-navigation-title.current-page~.ba-form-page-navigation-title {
    border-bottom: 10px solid rgba(214, 214, 214, 0.4) !important;
}

.ba-form-page-navigation-title {
    background: rgba(214, 214, 214, 0.4)!important;
}

.step-navigation-style .ba-form-page-navigation-title:not(.current-page) * {
    display: inline-flex;
    margin: 0;
    opacity: 0;
    padding: 15px 0;
    pointer-events: none;
    width: 0 !important;
    height: 1em;
}

.step-navigation-style .ba-form-page-navigation-title.current-page .ba-form-page-navigation-counter {
    display: none;
}

.step-navigation-style .ba-form-page-navigation-title.current-page .ba-page-navigation-title {
    bottom: 15px;
    left: 0;
    line-height: 1em;
    max-width: 100%;
    position: absolute;
}

/* ========================================================================
    Dots Navigation
 ========================================================================== */

.dots-navigation-style .ba-form-page-navigation-title {
    align-items: center;
    background: transparent !important;
    border: none !important;
    display: inline-flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 0;
    position: relative;
}

.ba-forms-workspace-body.dots-navigation-style .ba-form-page-navigation {
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    grid-column-gap: 15px;
}

.step-navigation-style .ba-form-page-navigation-counter,
.dots-navigation-style .ba-form-page-navigation-counter {
    background: var(--theme-color);
    border-radius: 50%;
    box-sizing: content-box;
    color: #fff;
    line-height: var(--label-typography-font-size);
    margin-bottom: 10px;
    padding: 15px;
    text-align: center;
    width: 1em;
    z-index: 1;
}

.step-navigation-style .ba-form-page-navigation-counter {
    display: inline-block;
    margin-bottom: 20px;
    margin-right: 20px;
}

.dots-navigation-style .current-page ~ .ba-form-page-navigation-title .ba-form-page-navigation-counter {
    background: transparent;
    color: var(--field-typography-color);
    position: relative;
}

.dots-navigation-style span.ba-form-page-navigation-title:after {
    background: var(--theme-color);
    content: "";
    height: 10px;
    left: 0px;
    position: absolute;
    right: 0px;
    top: calc(10px + var(--field-typography-font-size)/2);
    transform: translateX(calc(-50% - 8px));
    z-index: 0;
}

.dots-navigation-style .current-page ~ .ba-form-page-navigation-title:after {
    background: rgba(214, 214, 214, 0.4);
}

.dots-navigation-style .current-page ~ .ba-form-page-navigation-title .ba-form-page-navigation-counter:before,
.dots-navigation-style .current-page ~ .ba-form-page-navigation-title .ba-form-page-navigation-counter:after {
    border-radius: 50%;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.dots-navigation-style .current-page ~ .ba-form-page-navigation-title .ba-form-page-navigation-counter:after {
    background: var(--form-background-color);
    z-index: -2;
}

.dots-navigation-style .current-page ~ .ba-form-page-navigation-title .ba-form-page-navigation-counter:before {
    background: rgba(214, 214, 214, 0.4);
    z-index: -1;
}

/* ========================================================================
    Tooltip
 ========================================================================== */
.ba-alert-tooltip,
.com-baforms-wrapper * > .ba-tooltip {
    background: #2c2c2c;
    border-radius: 4px;
    bottom: calc(100% + 10px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    color: #fff;
    display: none!important;
    font: 400 14px/24px 'Roboto', sans-serif;
    left: 50%;
    letter-spacing: normal;
    margin-left: -250px;
    max-width: 250px;
    padding: 15px;
    pointer-events: none;
    position: absolute !important;
    text-align: center;
    transform: translateX(calc(250px - 50%));
    will-change: transform;
    z-index: 99999 !important;
}

@keyframes tooltip {
    from { opacity: 0; }
}

.ba-forms-authorize-field-wrapper .ba-alert-tooltip,
.ba-form-field-item .ba-alert-tooltip {
    background: #ff671f;
    bottom: auto;
    color: #fff;
    left: 0;
    margin-left: 0;
    opacity: 1;
    text-transform: none;
    top: calc(100% + 10px);
    transform: translateX(0);
    transition: .3s;
}

.ba-forms-authorize-field-wrapper .ba-alert-tooltip:before,
.ba-form-field-item .ba-alert-tooltip:before {
    border: 5px solid transparent;
    border-bottom: 5px solid #ff671f;
    bottom: auto;
    box-sizing: content-box;
    content: "";
    height: 5px;
    left: 10px !important;
    position: absolute;
    top: -14px;
}

.ba-tooltip:before {
    border: 5px solid transparent;
    border-top: 5px solid #2c2c2c;
    bottom: -9px;
    content: "";
    height: 0;
    left: 50% !important;
    margin-left: -5px;
    position: absolute;
    top: auto;
}

.ba-alert-tooltip,
.com-baforms-wrapper *:hover > .ba-tooltip:not(.ba-help) {
    animation: tooltip .3s ease-in-out both!important;
    display: flex!important;
    text-transform: initial;
    width: auto;
}

/* Tooltip  */

.ba-forms-calendar * > .ba-tooltip {
    background: #2c2c2c;
    border-radius: 4px;
    bottom: -70px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    color: #fff;
    display: none!important;
    font-size: 14px;
    font-weight: 500;
    left: 50%;
    letter-spacing: normal;
    line-height: 24px;
    margin-left: -250px;
    max-width: 250px;
    padding: 15px;
    pointer-events: none;
    position: absolute !important;
    text-align: center;
    top: auto;
    transform: translateX(calc(250px - 50%));
    will-change: transform;
    z-index: 99999 !important;
}

.ba-forms-calendar * > .ba-tooltip:before{
    border: 5px solid transparent;
    border-bottom: 5px solid #2c2c2c;
    content: "";
    height: 0;
    left: 50% !important;
    margin-left: -5px;
    position: absolute;
    top: -9px;
}

@keyframes tooltip {
    from { opacity: 0; }
}

.ba-forms-calendar *:hover > .ba-tooltip:not(.ba-help) {
    animation: tooltip .3s ease-in-out both!important;
    display: flex!important;
    text-transform: initial;
    width: auto;
}

/* ========================================================================
    Rating
 ========================================================================== */

.ba-form-field-item.ba-form-rating-field .ba-field-container {
    text-align: var(--field-typography-text-align);
}

.ba-form-rating-group-wrapper {
    display: inline-flex;
    margin-top: 10px;
}

.ba-form-rating-group-wrapper label {
    background-repeat: no-repeat;
    background-size: cover;
    height: 32px;
    margin: 0 0 0 15px;
    transition: .3s;
    width: 32px;
}

.ba-form-rating-group-wrapper label:first-child {
    margin: 0;
}

/* Smiles */
.ba-form-rating-group-wrapper.smiles-layout label {
    background-image: url(../../../../components/com_baforms/assets/images/smiles/very-unsatisfied.svg);
    filter: grayscale(1);
}

.ba-form-rating-group-wrapper.smiles-layout .ba-form-rating.active,
.ba-form-rating-group-wrapper.smiles-layout label:hover {
    filter: grayscale(0);
}

.ba-form-rating-group-wrapper.smiles-layout label:nth-child(2) {
    background-image: url(../../../../components/com_baforms/assets/images/smiles/unsatisfied.svg);
}

.ba-form-rating-group-wrapper.smiles-layout label:nth-child(3) {
    background-image: url(../../../../components/com_baforms/assets/images/smiles/neutral.svg);
}

.ba-form-rating-group-wrapper.smiles-layout label:nth-child(4) {
    background-image: url(../../../../components/com_baforms/assets/images/smiles/satisfied.svg);
}

.ba-form-rating-group-wrapper.smiles-layout label:nth-child(5) {
    background-image: url(../../../../components/com_baforms/assets/images/smiles/very-satisfied.svg);
}

.ba-form-rating-group-wrapper label input{
    height: 32px;
    width: 32px;
    margin: 0;
    opacity: 0;
}

/* Stars */
.ba-form-rating-group-wrapper.stars-layout label {
    position: relative;
}

.ba-form-rating-group-wrapper.stars-layout label:before {
    content: '\f27d';
    font: normal normal normal 32px/32px 'balbooa-form-icons';
    color: #f8cf4c;
    position: absolute;
}

.ba-form-rating-group-wrapper.stars-layout label {
    margin: 0;
    width: 35px;
}

.ba-form-rating-group-wrapper.stars-layout label:before {
    filter: grayscale(0);
}

.ba-form-rating-group-wrapper.stars-layout:not(:hover):not(.active) label:before,
.ba-form-rating-group-wrapper.stars-layout:not(:hover) label.active ~ label:before,
.ba-form-rating-group-wrapper.stars-layout label:hover ~ label:before {
    filter: grayscale(1);
}

/* ========================================================================
    Range
 ========================================================================== */

.form-slider-wrapper,
.form-range-wrapper {
    display: flex;
    margin: 0;
    position: relative;
}

.form-slider-wrapper:before,
.form-range-wrapper:before {
    background: var(--input-background);
    border-radius: 6px;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    top: calc(50% - 3px);
    width: 115px;
}

.form-slider-wrapper:before,
.form-range-wrapper:before {
    height: 10px;
}

.form-slider-wrapper:before,
.form-range-wrapper:before {
    background: rgba(214, 214, 214, 0.4);
    width: 100%;
}

.ba-form-range-liner {
    background: var(--theme-color);
    border-radius: 6px;
    height: 10px;
    left: 0;
    position: absolute;
    top: calc(50% - 3px);
}

.ba-form-range-liner:not([style*="100%"]) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.ba-form-slider-field input {
    background: var(--cp-main-color);
    border: none;
    box-shadow: none;
    box-sizing: border-box;
    height: 35px;
    margin-left: 20px;
    margin: 0;
    padding: 5px;
    position: relative;
    vertical-align: middle;
    width: 55px;
}

.ba-form-slider-field input[type=range] {
    -webkit-appearance: none;
    background-color: transparent;
    border: none !important;
    outline: none !important;
    height: 35px;
    margin-right: 25px;
    padding: 0;
    width: 115px;
}

.ba-form-slider-field input[type=range] {
    margin-right: 0;
    width: 100%;
    pointer-events: none;
}

.ba-form-slider-field input[type=range] + input[type=range] {
    position: absolute;
}

.ba-form-slider-field input[type=range]:focus {
    border-color: transparent;
    outline: none;
}

.ba-form-slider-field input[type=range]::-webkit-slider-runnable-track {
    background: transparent;
    height: 6px;
}

.ba-form-slider-field input[type=range]::-webkit-slider-thumb {
    pointer-events: all;
    -webkit-appearance: none;
    background-image: none;
    background: var(--theme-color);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.5);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    height: 30px;
    margin-top: -7px;
    transition: transform 0.1s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
    width: 30px;
}

.ba-form-slider-field input[type=range]::-webkit-slider-thumb {
    pointer-events: all;
    -webkit-appearance: none;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
    margin-top: -10px;
}

.ba-form-slider-field input[type=range]::-moz-focus-outer {
    border: 0 !important;
    outline: none !important;
}

.ba-form-slider-field input[type=range]::-moz-range-track {
    background: transparent;
    border: none;
    height: 6px;
}

.ba-form-slider-field input[type=range]::-moz-range-thumb {
    background: var(--theme-color);
    border-radius: 50%;
    border: none;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    height: 30px;
    pointer-events: all;
    transform: translateY(2px);
    width: 30px;
    -moz-transition: transform 0.1s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
}

.ba-form-slider-field input[type=range]::-moz-range-thumb:hover {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, .05);
}

.ba-form-slider-field input[type=range]::-webkit-slider-thumb:hover {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, .05);
}

.ba-field-container .form-slider-input-wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.ba-field-container .form-slider-input-wrapper input[type="number"]:focus,
.ba-field-container .form-slider-input-wrapper input[type="number"]{
    background: none !important;
    border-radius: 0;
    border: none !important;
    box-sizing: content-box;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 85px !important;
}

.ba-field-container .form-slider-input-wrapper input[type="number"][data-type="slider"] {
    text-align: left;
}

.ba-field-container .form-slider-input-wrapper input[type="number"][data-type="slider"] ~ input[type="number"][data-type="slider"] {
    text-align: right;
}

.ba-form-calculation-field .ba-field-container {
    text-align: var(--field-typography-text-align);
}

.ba-form-total-field .ba-form-calculation-price-wrapper,
.ba-form-calculation-field .ba-field-container .ba-form-calculation-price-wrapper {
    display: inline-flex;
}

.ba-form-products-cart.right-currency-position .field-price-currency,
.ba-field-container.right-currency-position .field-price-currency {
    order: 1;
    margin-left: 5px;
}

.ba-form-products-cart:not(.right-currency-position) .field-price-currency,
.ba-field-container:not(.right-currency-position) .field-price-currency {
    margin-right: 5px;
}

/* ========================================================================
    Checkbox
 ========================================================================== */

.ba-form-acceptance-field .ba-field-container,
.ba-form-field-item .ba-form-checkbox-wrapper {
    align-items: center;
    box-sizing: border-box;
    display: inline-flex;
    flex-wrap: wrap;
    float: left;
    margin: 15px 0;
    position: relative;
    width: calc(100% / var(--checkbox-field-count));
}

.ba-form-acceptance-field .ba-field-container label, 
.ba-form-field-item .ba-form-checkbox-wrapper .ba-checkbox-wrapper label {
    transform: none;
}

.ba-form-field-item .ba-form-checkbox-wrapper *,
.ba-form-field-item .ba-form-checkbox-wrapper {
    cursor: pointer !important;
}

.ba-form-field-item .ba-form-checkbox-wrapper.checkbox-image-wrapper {
    align-items: flex-end;
}

.ba-form-poll-field.ba-form-field-item .ba-form-checkbox-wrapper.checkbox-image-wrapper .ba-checkbox-wrapper {
    align-items: flex-start;
}

.ba-form-poll-field.ba-form-field-item .ba-form-checkbox-wrapper.checkbox-image-wrapper {
    align-content: flex-start;
}

.ba-form-poll-field.ba-form-field-item .ba-form-checkbox-wrapper,
.ba-form-field-item .checkbox-image-group-wrapper .ba-form-checkbox-wrapper {
    border: 1px solid rgba(214, 214, 214, 0.4);
    padding: 25px;
    margin: 0;
}

.ba-form-poll-field.ba-form-field-item .ba-form-checkbox-wrapper:not(.last-row-checkbox-wrapper) {
    border-right-width: 0;
}

.ba-form-poll-field.ba-form-field-item .checkbox-image-group-wrapper:not(.ba-poll-results) .last-row-checkbox-wrapper ~ .checkbox-image-wrapper {
    border-top-width: 0;
}

.ba-form-field-item .ba-alert .checkbox-image-group-wrapper .ba-form-checkbox-wrapper:hover,
.ba-form-field-item .ba-alert .checkbox-image-group-wrapper .ba-form-checkbox-wrapper {
    border-color: #ff671f;
    box-shadow: 0px 0px 0px 1px #ff671f!important;
    border-left-color: transparent;
}

.ba-form-field-item .ba-alert .checkbox-image-group-wrapper .ba-form-checkbox-wrapper.last-row-checkbox-wrapper + .ba-form-checkbox-wrapper,
.ba-form-field-item .ba-alert .checkbox-image-group-wrapper .ba-form-checkbox-wrapper:first-child {
    border-left-color: #ff671f;
}

.ba-form-field-item .checkbox-image-group-wrapper .ba-form-checkbox-wrapper {
    border-left-color: transparent;
}

.ba-form-poll-field.ba-form-field-item .checkbox-image-group-wrapper .ba-form-checkbox-wrapper,
.ba-form-field-item .checkbox-image-group-wrapper .ba-form-checkbox-wrapper.last-row-checkbox-wrapper + .ba-form-checkbox-wrapper,
.ba-form-field-item .checkbox-image-group-wrapper .ba-form-checkbox-wrapper:first-child {
    border-left-color: rgba(214, 214, 214, 0.4);
}

/*.ba-form-field-item .checkbox-image-group-wrapper .ba-form-checkbox-wrapper.checked-image-container,
.ba-form-field-item .ba-input-wrapper:not(.ba-alert) .checkbox-image-group-wrapper .ba-form-checkbox-wrapper:hover {
    border-color: var(--theme-color) !important;
}*/

.ba-form-poll-field.ba-form-field-item .ba-form-checkbox-wrapper:before, 
.ba-form-field-item .checkbox-image-group-wrapper .ba-form-checkbox-wrapper:before,
.ba-form-field-item .ba-input-wrapper:not(.ba-alert) .checkbox-image-group-wrapper .ba-form-checkbox-wrapper:before {
    border: 4px solid transparent;
    bottom: -3px;
    content: "";
    left: -3px;
    pointer-events: none;
    position: absolute;
    right: -3px;
    top: -3px;
    z-index: 1;
}

.ba-form-poll-field.ba-form-field-item .ba-form-checkbox-wrapper:hover:before, 
.ba-form-field-item .checkbox-image-group-wrapper .checked-image-container.ba-form-checkbox-wrapper:before,
.ba-form-field-item .ba-input-wrapper:not(.ba-alert) .checkbox-image-group-wrapper .ba-form-checkbox-wrapper:hover:before {
    border: 4px solid var(--theme-color) !important;
}

.ba-form-field-item .checkbox-image-group-wrapper .ba-form-checkbox-wrapper.checkbox-image-wrapper {
    cursor: pointer;
}

.ba-form-acceptance-field .ba-field-container,
.ba-form-field-item .ba-form-checkbox-wrapper .ba-checkbox-wrapper{
    box-sizing: border-box;
    display: inline-flex;
    min-height: 18px;
    padding-left: 50px;
    position: relative;
    width: 100%;
}

.ba-form-acceptance-field label.ba-form-checkbox input[type="checkbox"]:checked + span,
.ba-form-field-item .ba-form-checkbox-wrapper input[type="checkbox"]:checked + span {
    border: 2px solid var(--theme-color);
    background: var(--theme-color);
}

.ba-form-acceptance-field label.ba-form-checkbox > span,
.ba-form-field-item .ba-form-checkbox-wrapper label.ba-form-checkbox > span {
    background: rgba(214, 214, 214, 0.4);
    border-radius: .25em;
    border: 2px solid transparent;
    box-sizing: border-box;
    content: '';
    cursor: pointer;
    display: block;
    height: 30px;
    left: 0;
    position: absolute;
    top: calc(var(--field-typography-line-height)/2 - 14px);
    transition: all .3s;
    width: 30px;
}

@keyframes checkbox-checked  {
    from { opacity: 0; transform: scale(0);}
    to { opacity: 1; transform: scale(1);}
}

.ba-form-acceptance-field label.ba-form-checkbox input[type="checkbox"]:checked + span:before,
.ba-form-field-item .ba-form-checkbox-wrapper input[type="checkbox"]:checked + span:before {
    animation: checkbox-checked .15s linear;
}

.ba-form-acceptance-field label.ba-form-checkbox input[type="checkbox"]:checked + span:before,
.ba-form-field-item .ba-form-checkbox-wrapper input[type="checkbox"]:checked + span:before {
    color: #fff;
    content: '\f26b';
    display: block;
    font: normal normal normal 24px/26px 'balbooa-form-icons';
    text-align: center;
}

.ba-form-poll-field .ba-form-checkbox-wrapper .ba-form-radio span:hover:before,
.ba-cart-row-content .ba-form-radio input[type="radio"] + span:hover:before,
.ba-form-checkbox-group-wrapper .ba-form-checkbox-wrapper:hover .ba-form-radio span:before,
.ba-form-checkbox-group-wrapper .ba-form-checkbox-wrapper:hover .ba-form-checkbox > span,
.ba-form-acceptance-field label.ba-form-checkbox > span:hover,
.ba-checkbox-image + .ba-checkbox-wrapper:hover .ba-form-radio span:before,
.ba-checkbox-image + .ba-checkbox-wrapper:hover .ba-form-checkbox > span,
.ba-checkbox-image:hover + .ba-checkbox-wrapper .ba-form-radio span:before,
.ba-checkbox-image:hover + .ba-checkbox-wrapper .ba-form-checkbox > span,
.ba-form-radio-field .ba-form-checkbox-wrapper .ba-form-radio span:hover:before,
.ba-form-field-item .ba-form-checkbox-wrapper label.ba-form-checkbox > span:hover {
    border: 2px solid var(--theme-color) !important;
}

.ba-alert .ba-checkbox-wrapper .ba-form-radio span:before,
.ba-alert .ba-checkbox-wrapper .ba-form-checkbox > span,
.ba-alert .ba-checkbox-wrapper .ba-form-radio span:before,
.ba-alert .ba-checkbox-wrapper .ba-form-checkbox > span,
.ba-form-acceptance-field .ba-alert label.ba-form-checkbox > span,
.ba-form-radio-field.ba-alert .ba-form-checkbox-wrapper .ba-form-radio span:before,
.ba-form-field-item.ba-alert .ba-form-checkbox-wrapper label.ba-form-checkbox > span {
    border: 2px solid #ff671f !important;
}

.ba-form-poll-field .ba-form-checkbox-wrapper .ba-form-radio span:before,
.ba-cart-row-content .ba-form-radio span:before,
.ba-form-radio-field .ba-form-checkbox-wrapper .ba-form-radio span:before {
    background: transparent;
    border-radius: 50%;
    box-sizing: border-box;
    border: 2px solid var(--field-border-color);
    content: "";
    display: block;
    cursor: pointer;
    height: 30px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s;
    width: 30px;
}

.ba-form-poll-field .ba-form-checkbox-wrapper .ba-form-radio input[type="radio"]:checked + span:before,
.ba-cart-row-content .ba-form-radio input[type="radio"]:checked + span:before,
.ba-form-radio-field .ba-form-checkbox-wrapper .ba-form-radio input[type="radio"]:checked + span:before {
    background: var(--theme-color);
    border-radius: 50%;
    border: 2px solid var(--theme-color);
    box-shadow: inset 0px 0px 0px 3px var(--form-background-color);
    content: "";
    display: block;
    height: 30px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: calc(var(--field-typography-line-height)/2 - 14px);
    width: 30px;
}

.ba-form-poll-field .ba-form-checkbox-wrapper .ba-form-radio span:before,
.ba-cart-row-content .ba-form-radio span:before,
.ba-form-radio-field .ba-form-checkbox-wrapper .ba-form-radio span:before {
    background: rgba(214, 214, 214, 0.4);
    border: 2px solid transparent;
    top: calc(var(--field-typography-line-height)/2 - 14px);
    transform: translateY(0);
}

.ba-cart-row-content .ba-form-radio input,
.ba-form-acceptance-field .ba-form-checkbox input,
.ba-form-field-item .ba-form-checkbox-wrapper input {
    display: none;
}

.ba-form-poll-field.ba-form-field-item .ba-form-checkbox-wrapper .ba-checkbox-wrapper,
.ba-form-acceptance-field .ba-form-acceptance-html p,
.ba-form-acceptance-field .ba-form-acceptance-html,
.ba-form-field-item .ba-form-checkbox-wrapper .ba-checkbox-title {
    color: var(--field-typography-color);
    cursor: text;
    font-family: var(--field-typography-font-family);
    font-size: var(--field-typography-font-size);
    font-style: var(--field-typography-font-style);
    font-weight: var(--field-typography-font-weight);
    letter-spacing: var(--field-typography-letter-spacing);
    line-height: var(--field-typography-line-height);
    text-align: var(--field-typography-text-align);
    text-transform: var(--field-typography-text-transform);
    width: 100%;
}

.ba-form-calculation-price-wrapper .field-price-value,
.ba-form-calculation-price-wrapper .field-price-currency,
.ba-form-acceptance-field .ba-form-acceptance-html p {
    cursor: default;
}

.ba-checkbox-image + .ba-checkbox-wrapper .ba-checkbox-title,
.ba-form-field-item .ba-form-checkbox-wrapper .ba-checkbox-title {
    cursor: pointer;
}

.ba-form-acceptance-field .ba-form-acceptance-html p a {
    color:var(--theme-color);
}

.ba-checkbox-image {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    width: 100%;
}

.ba-checkbox-image img {
    max-width: 100%;
    width: 100%;
}

.ba-checkbox-image + .ba-checkbox-wrapper {
    align-items: center;
    cursor: pointer;
    flex-direction: row-reverse;
    justify-content: center !important;
    padding: 20px 20px 20px 20px;
}

.ba-form-poll-field .ba-checkbox-image + .ba-checkbox-wrapper {
    padding: 25px 20px 0px 20px !important;
}


.ba-checkbox-image + .ba-checkbox-wrapper .ba-checkbox-title {
    cursor: pointer;
    width: auto;
}

.ba-form-poll-field .ba-form-checkbox-wrapper.checkbox-image-wrapper .ba-form-radio span:before,
.ba-cart-row-content .ba-form-radio span:before,
.ba-form-radio-field .ba-form-checkbox-wrapper .ba-checkbox-image + .ba-checkbox-wrapper .ba-form-radio span:before,
.ba-form-field-item .ba-form-checkbox-wrapper .ba-checkbox-image + .ba-checkbox-wrapper label.ba-form-checkbox > span {
    position: static!important;
    margin-right: 1em;
}

.ba-form-poll-field .ba-form-checkbox-wrapper .ba-form-radio span:before {
    position: static!important;  
}

/* ========================================================================
    Poll
 ========================================================================== */
 .ba-form-poll-field.ba-form-field-item .ba-form-checkbox-wrapper .ba-form-radio span:before, 
 .ba-form-poll-field.ba-form-field-item .ba-form-radio span:before, 
 .ba-form-poll-field.ba-form-field-item .ba-form-radio input[type="radio"]:checked + span:before, 
 .ba-form-poll-field.ba-form-field-item .ba-form-checkbox-wrapper label.ba-form-radio > span, 
 .ba-form-poll-field.ba-form-field-item .ba-form-checkbox-wrapper label.ba-form-checkbox > span {
    right: 0;
    left: auto;
}

.ba-form-poll-field.ba-form-field-item .ba-form-checkbox-group-wrapper:not(.checkbox-image-group-wrapper) .ba-form-checkbox-wrapper {
    margin-bottom: 10px;
}

.ba-form-poll-field.ba-form-field-item .ba-form-checkbox-wrapper label.ba-form-checkbox > span,
.ba-form-poll-field.ba-form-field-item .ba-form-checkbox-wrapper .ba-form-radio span:before {
    transition: none;
}

.ba-form-poll-field.ba-form-field-item .ba-form-checkbox-wrapper .ba-checkbox-wrapper {
    padding-left: 0;
    width: 100%;
}

.ba-form-poll-field .ba-form-checkbox-wrapper:not(.checkbox-image-wrapper) .ba-form-radio,
.ba-form-poll-field.ba-form-field-item .ba-form-checkbox-wrapper:not(.checkbox-image-wrapper) label.ba-form-checkbox {
    width: 30px;
    margin-left: 25px;
}

.ba-form-poll-field.ba-form-field-item .ba-poll-results .ba-form-checkbox-group-wrapper {
    width: 100%;
}

.ba-form-poll-field.ba-form-field-item .ba-poll-results .ba-checkbox-wrapper span {
    margin-right: 25px;
}

.ba-form-poll-field.ba-form-field-item .ba-poll-results .ba-checkbox-wrapper span.ba-poll-votes-progress,
.ba-form-poll-field.ba-form-field-item .ba-poll-results .ba-checkbox-wrapper span.ba-poll-votes-percent {
    margin-right: 0;
}

.ba-form-poll-field.ba-form-field-item .ba-poll-results .ba-checkbox-title + .ba-poll-votes-percent {
    text-align: center;
    width: 100%;
}

.ba-form-poll-field.ba-form-field-item .ba-poll-results .ba-form-checkbox-wrapper:not(.checkbox-image-wrapper) .ba-checkbox-title + .ba-poll-votes-percent {
    text-align: right;
}

.ba-poll-votes-progress:after,
.ba-poll-votes-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 10px;
    width: 100%;
    background: #ececec;
}

@keyframes votes-progress {
    from { width: 0; }
    to { width: var(--poll-votes-percent);}
}

.ba-poll-votes-progress:after {
    animation: votes-progress .5s ease-in-out both!important;
    background: var(--poll-color);
    content: "";
}

.ba-form-poll-field.ba-form-field-item .checkbox-image-group-wrapper.ba-poll-results .ba-form-checkbox-wrapper.checked-image-container, 
.ba-form-poll-field.ba-form-field-item .ba-input-wrapper:not(.ba-alert) .checkbox-image-group-wrapper .ba-form-checkbox-wrapper:hover {
    border-color: rgba(214, 214, 214, 0.4) !important;
}

.ba-form-poll-field.ba-form-field-item .checkbox-image-group-wrapper.ba-poll-results .ba-form-checkbox-wrapper:first-child {
    border-left-color: rgba(214, 214, 214, 0.4);
}

.ba-form-row .ba-form-poll-field.ba-form-field-item .ba-poll-results .ba-form-checkbox-wrapper:hover:before, 
.ba-form-poll-field.ba-form-field-item .ba-poll-results .ba-form-checkbox-wrapper:hover:before {
    border: none !important;
}

.ba-form-poll-field.ba-form-field-item .ba-poll-results .ba-form-checkbox-wrapper *,
.ba-form-poll-field.ba-form-field-item .ba-poll-results .ba-form-checkbox-wrapper {
    cursor: default !important;
}

.ba-poll-votes-percent {
    font-weight: bold!important;
    white-space: nowrap;
}

.ba-poll-votes-count {
    font-weight: normal!important;
    opacity: .65;
    font-size: .7em;
    white-space: nowrap;
}

.ba-form-poll-field.ba-form-field-item .ba-form-checkbox-wrapper {
    order: var(--poll-order);
}

.ba-form-poll-field.ba-form-field-item .ba-poll-results .ba-form-checkbox-wrapper.checkbox-image-wrapper .ba-checkbox-wrapper {
    flex-wrap: wrap;
    justify-content: space-between !important;
    flex-direction: row;
}

.ba-form-poll-field.ba-form-field-item .ba-poll-results .ba-form-checkbox-wrapper.checkbox-image-wrapper .ba-checkbox-wrapper .ba-checkbox-title {
    margin-bottom: 10px;
    margin-right: 0;
    text-align: center;
    width: 100%;
}

.ba-form-poll-field.ba-form-field-item .ba-form-checkbox-wrapper.checkbox-image-wrapper .ba-checkbox-wrapper .ba-checkbox-title .ba-form-checkbox-title {
    margin-right: 0;
}

/* ========================================================================
    Submit Button
 ========================================================================== */

.ba-form-submit-wrapper .ba-form-submit-recaptcha-wrapper,
.ba-form-submit-wrapper .ba-form-submit-btn-wrapper {
    display: inline-flex;
    font-family: var(--label-typography-font-family);
    justify-content: var(--submit-typography-text-align);
    width: 100%;
}

.ba-form-submit-wrapper .ba-form-submit-recaptcha-wrapper {
    display: flex;
}

.ba-form-submit-wrapper .ba-form-submit-recaptcha-wrapper .forms-recaptcha {
    flex-grow: var(--submit-typography-text-align);
    position: relative;
}

.ba-form-submit-wrapper .ba-form-submit-recaptcha-wrapper .forms-recaptcha > div {
    margin: 0 auto;
}

.ba-form-submit-btn-wrapper input[type="checkbox"] {
    display: none;
}

.ba-form-submit-btn {
    align-items: center;
    background-color: var(--submit-background-color);
    border-bottom: calc(var(--submit-border-bottom)*var(--submit-border-width)) solid var(--submit-border-color);
    border-left: calc(var(--submit-border-left)*var(--submit-border-width)) solid var(--submit-border-color);
    border-radius: var(--submit-border-radius);
    border-right: calc(var(--submit-border-right)*var(--submit-border-width)) solid var(--submit-border-color);
    border-top: calc(var(--submit-border-top)*var(--submit-border-width)) solid var(--submit-border-color);
    box-shadow: 0 calc(var(--submit-shadow-value)*10px) calc(var(--submit-shadow-value)*20px) 0 var(--submit-shadow-color); 
    color: var(--submit-typography-color);
    cursor: pointer;
    display: flex;
    flex-direction: var(--submit-icon-text-align);
    flex-grow: var(--submit-typography-text-align);
    font-family: var(--submit-typography-font-family);
    font-size: var(--submit-typography-font-size);
    font-style: var(--submit-typography-font-style);
    font-weight: var(--submit-typography-font-weight);
    justify-content: center;
    letter-spacing: var(--submit-typography-letter-spacing);
    line-height: var(--submit-typography-line-height);
    padding-bottom: var(--submit-padding-bottom);
    padding-left: var(--submit-padding-left);
    padding-right: var(--submit-padding-right);
    padding-top: var(--submit-padding-top);
    position: relative;
    text-align: var(--submit-typography-text-align);
    text-transform: var(--submit-typography-text-transform);
    transition: background-color .3s ease-in-out, border-right .3s ease-in-out,  border-left .3s ease-in-out, border-top .3s ease-in-out, border-bottom .3s ease-in-out, box-shadow .3s ease-in-out;
}

.ba-form-submit-btn:hover {
    background-color: var(--submit-background-hover);
    border-bottom: calc(var(--submit-border-bottom)*var(--submit-border-width)) solid var(--submit-border-hover);
    border-left: calc(var(--submit-border-left)*var(--submit-border-width)) solid var(--submit-border-hover);
    border-right: calc(var(--submit-border-right)*var(--submit-border-width)) solid var(--submit-border-hover);
    border-top: calc(var(--submit-border-top)*var(--submit-border-width)) solid var(--submit-border-hover);
    box-shadow: 0 calc(var(--submit-shadow-value)*10px) calc(var(--submit-shadow-value)*20px) 0 var(--submit-shadow-hover); 
    color: var(--submit-typography-hover);
}

.ba-form-submit-btn i {
    font-size: var(--submit-icon-size);
    color: var(--submit-icon-color);
    margin: 0 10px;
}

.ba-form-submit-btn:hover i {
    color: var(--submit-icon-hover);
}

/*
* Submit Button Animation
*/

.ba-form-submit-wrapper[class*="animation"] .ba-form-submit-btn {
    overflow: hidden;
    position: relative;
    transition: background .0s ease-in-out;
}

.ba-form-submit-wrapper[class*="animation"] .ba-form-submit-btn > i,
.ba-form-submit-wrapper[class*="animation"] .ba-form-submit-btn > span {
    z-index: 5
}

.ba-form-submit-wrapper[class*="animation"] .ba-form-submit-btn:after {
    border-radius: inherit;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: .3s;
}

.ba-form-submit-wrapper[class*="animation"] .ba-form-submit-btn:after {
    background: var(--submit-background-hover);
    z-index: 2;
}

.ba-form-slide-in-diagonal-animation .ba-form-submit-btn ,
.ba-form-slide-in-horizontal-animation .ba-form-submit-btn {
    background-color: var(--submit-background-hover) !important;
}

.ba-form-slide-out-diagonal-animation .ba-form-submit-btn:hover,
.ba-form-slide-in-diagonal-animation .ba-form-submit-btn:after,
.ba-form-slide-in-horizontal-animation .ba-form-submit-btn:after,
.ba-form-slide-out-horizontal-animation .ba-form-submit-btn {
    background-color: var(--submit-background-color) !important;
}

.ba-form-icon-horizontal-slide-in-animation .ba-form-submit-btn i,
.ba-form-icon-vertical-slide-in-animation .ba-form-submit-btn i {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: .3s;
    width: 100%;
}

/* Tada */
@-webkit-keyframes hover-4 {
    from, 11.1%, to {transform: none;}
    22.2% {transform: skewX(-12.5deg) skewY(-12.5deg);}
    33.3% {transform: skewX(6.25deg) skewY(6.25deg);}
    44.4% {transform: skewX(-3.125deg) skewY(-3.125deg);}
    55.5% {transform: skewX(1.5625deg) skewY(1.5625deg);}
    66.6% {transform: skewX(-0.78125deg) skewY(-0.78125deg);}
    77.7% {transform: skewX(0.390625deg) skewY(0.390625deg);}
    88.8% {transform: skewX(-0.1953125deg) skewY(-0.1953125deg);}
}

.ba-form-tada-animation .ba-form-submit-btn:hover {
    animation: hover-4 .7s both;
}

.ba-form-tada-animation .ba-form-submit-btn:after {
    opacity: 0;
}

.ba-form-tada-animation .ba-form-submit-btn:hover:after {
    opacity: 1;
}

/* Slide Out Diagonal */
.ba-form-slide-out-diagonal-animation .ba-form-submit-btn:after {
    transform: scale(0);
}

.ba-form-slide-out-diagonal-animation .ba-form-submit-btn:hover:after {
    transform: scale(1);
}

/* Slide In Diagonal */
.ba-form-slide-in-diagonal-animation .ba-form-submit-btn:after {
    transform: scale(1);
    z-index: 2;
}

.ba-form-slide-in-diagonal-animation .ba-form-submit-btn:hover:after {
    transform: scale(0);
}

/* Slide In Horizontal */
.ba-form-slide-in-horizontal-animation .ba-form-submit-btn:after {
    border-radius: 0 !important;
    transform: scaleX(1);
    z-index: 2;
}

.ba-form-slide-in-horizontal-animation .ba-form-submit-btn:hover:after {
    transform: scaleX(0);
}

/* Slide Out Horizontal */
.ba-form-slide-out-horizontal-animation .ba-form-submit-btn:after {
    border-radius: 0 !important;
    transform: scaleX(0);
}

.ba-form-slide-out-horizontal-animation .ba-form-submit-btn:hover:after {
    transform: scaleX(1);
}

/*  Icon Horizontal Slide In  */
.ba-form-icon-horizontal-slide-in-animation .ba-form-submit-btn:hover {
    background: var(--submit-background-color) !important;
}

.ba-form-icon-horizontal-slide-in-animation .ba-form-submit-btn:hover i {
    transform: translateX(0);
}

.ba-form-icon-horizontal-slide-in-animation .ba-form-submit-btn:after {
    transform: translateX(-100%);
    background: var(--submit-background-color) !important;
}

.ba-form-icon-horizontal-slide-in-animation .ba-form-submit-btn:hover:after {
    transform: translateX(0);
}

.ba-form-icon-horizontal-slide-in-animation .ba-form-submit-btn span {
    transition: .3s;
}

.ba-form-icon-horizontal-slide-in-animation .ba-form-submit-btn:hover span {
    transform: translateX(200%);
    z-index:1
}

.ba-form-icon-horizontal-slide-in-animation .ba-form-submit-btn i {
    transform: translateX(-100%);
}

/* Icon Vertical Slide In */
.ba-form-icon-vertical-slide-in-animation .ba-form-submit-btn i {
    transform: translateY(-100%);
}

.ba-form-icon-vertical-slide-in-animation .ba-form-submit-btn:hover {
    background: var(--submit-background-color) !important;
}

.ba-form-icon-vertical-slide-in-animation .ba-form-submit-btn:hover i {
    transform: translateY(0);
}

.ba-form-icon-vertical-slide-in-animation .ba-form-submit-btn:after {
    transform: translateY(-100%);
    background: var(--submit-background-color) !important;
}

.ba-form-icon-vertical-slide-in-animation .ba-form-submit-btn:hover:after {
    transform: translateY(0);
}

.ba-form-icon-vertical-slide-in-animation .ba-form-submit-btn:hover span {
    transform: translateY(200%);
    z-index:1
}

.ba-form-icon-vertical-slide-in-animation .ba-form-submit-btn span {
    transition: .3s;
}

.ba-forms-authorize-pay-btn:before,
.ba-form-submit-btn:before {
    animation: spinner 1.1s infinite linear;
    border-radius: 50%;
    border: .2em solid transparent;
    border-left: .2em solid var(--submit-typography-color);
    box-sizing: border-box;
    content: "";
    height: calc(var(--submit-typography-font-size)*2);
    left: calc(50% - var(--submit-typography-font-size));
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: calc(50% - var(--submit-typography-font-size));
    transition: .3s;
    width: calc(var(--submit-typography-font-size)*2);
    z-index: 100 !important;
}

.ba-forms-authorize-pay-btn:before {
    border-left: .2em solid #fff;
    height: 32px;
    left: calc(50% - 16px);
    top: calc(50% - 16px);
    width: 32px;
}

@keyframes spinner {
    0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}
}

.ba-forms-authorize-pay-btn.ba-thank-you-animation-in:before,
.ba-thank-you-animation-in:not(.ba-thank-you-animation-out).ba-form-submit-btn:before {
    opacity: 1;
    transition: .3s .5s;
}

.ba-forms-authorize-pay-btn *,
.ba-form-submit-btn * {
    transition: .3s;
}

.ba-form-submit-btn.ba-thank-you-animation-out * {
    transition: .3s .5s;
}

.ba-forms-authorize-pay-btn.ba-forms-authorize-message > *,
.ba-forms-authorize-pay-btn.ba-thank-you-animation-out *,
.ba-thank-you-animation-in * {
    opacity: 0;
    transition: .3s 0s;
}

.ba-form-headline-field .ba-field-label-wrapper * {
    display: inline-block;
}

/*
/* Notification
*/

#ba-forms-notification {
    background: #2c2c2c;
    border-radius: 6px;
    box-sizing: content-box;
    bottom: 50px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    padding: 25px;
    position: fixed;
    right: 50px;
    visibility: hidden;
    width: 250px;
    z-index: 9999;
}

.alert {
    border: none;
    min-width: 250px;
    padding: 40px 25px;
    text-shadow:none;
    z-index: 1000;
}

.alert .close {
    color: transparent;
    opacity: 1;
    padding: 8px;
    position: absolute;
    right: 5px;
    text-shadow: none;
    top: 0;
}

button.close:after {
    content: "\f136";
    font: normal normal normal 18px/1 'balbooa-form-icons';
    position: absolute;
    right: 10px;
}

#ba-forms-notification.ba-alert {
    background: #f46336;
    padding: 40px 25px;
    width: 250px;
}

.alert-success {
    background: #418cff;
}

#ba-forms-notification i {
    color: #fff;
    cursor: pointer;
    font-size: 24px;
    opacity: 1;
    padding: 8px;
    position: absolute;
    right: 5px;
    text-shadow: none;
    top: 0;
}

#ba-forms-notification p {
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    margin: 0;
}

#ba-forms-notification p img {
    height: 40px;
    padding-left: 40px;
    vertical-align: middle;
    width: 40px;
}

#ba-forms-notification.ba-alert p {
    opacity: .6;
}

@keyframes notification-in {
    from {bottom: 0; transform: translateY(100%); opacity: 0;}
}

#ba-forms-notification.notification-in {
    animation: notification-in .4s cubic-bezier(.25,.98,.26,.99) both;
    opacity: 1;
    visibility: visible;
}

@keyframes notification-out {
    to { bottom: 0; transform: translateY(100%); opacity: 0;}
}

#ba-forms-notification.animation-out {
    animation: notification-out .4s cubic-bezier(.25,.98,.26,.99) both;
    opacity: 1;
    visibility: visible;
}

.ba-alert h4 {
    color: #fff;
    display: block;
    font: bold 14px/16px 'Roboto', sans-serif;
    letter-spacing: 0;
    margin: 0 0 15px !important;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
}

#ba-forms-notification:not(.ba-alert) h4 {
    display: none;
}

/* ========================================================================
    Phone Flag
 ========================================================================== */
.ba-phone-flag {
    background-image: url(../../../../components/com_baforms/assets/images/flags.png);
    background-repeat: no-repeat;
    background-size: 8740px 25px;
    display: inline-flex;
    height: 25px;
    margin-right: 10px;
    width: 33px;
}

.ba-phone-selected-country {
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: calc(var(--field-typography-line-height) + var(--field-padding-top) + var(--field-padding-bottom) + var(--field-border-width)*2);
    padding-left: var(--field-padding-left);
    padding-right: 35px;
    position: absolute;
    top: 0;
    z-index: 10;
}

.ba-phone-selected-country:before {
    content: "";
    border: 5px solid transparent;
    border-top: 5px solid var(--field-typography-color);
    margin-top: 3px;
    position: absolute;
    right: 10px;
    top: (var(--field-typography-line-height) + var(--field-padding-bottom) + var(--field-padding-top));
}

.ba-phone-countries-wrapper {
    position: relative;
}

.ba-phone-countries-list-wrapper:before {
    color: #566e78;
    content: '\f1c3';
    font-family: 'balbooa-form-icons';
    font-size: 24px;
    position: absolute;
    right: 25px;
    top: 20px;
}

.ba-phone-countries-wrapper:not(.visible-countries-list) .ba-phone-countries-list-wrapper {
    display: none;
}

.ba-phone-countries-list-wrapper {
    background: #34374a;
    border-radius: 6px;
    box-shadow: none;
    box-sizing: border-box;
    color: #cad3da;
    font-family: var(--field-typography-font-family);
    font-size: var(--field-typography-font-size);
    font-style: var(--field-typography-font-style);
    font-weight: var(--field-typography-font-weight);
    line-height: 18px;
    list-style: none;
    margin-top: calc(var(--field-typography-line-height) + var(--field-padding-bottom) + var(--field-padding-top));
    padding: 0;
    position: absolute;
    top: 10px;
    width: 350px;
    max-width: 100%;
    z-index: 999999;
}

.ba-phone-countries-list-wrapper:after {
    border: 5px solid transparent;
    border-bottom: 5px solid #34374a;
    box-sizing: content-box;
    content: "";
    height: 5px;
    left: 25px !important;
    margin-left: -5px;
    position: absolute;
    top: -14px;
}

.ba-field-container .ba-phone-countries-list-wrapper input[type="text"]::-webkit-input-placeholder {
    color: #cad3da!important;
    font-family: var(--field-typography-font-family);
    font-size: var(--field-typography-font-size);
    font-style: var(--field-typography-font-style);
    font-weight: normal;
    line-height: 18px;
}

.ba-phone-countries-list-wrapper ul {
    margin: 0;
    max-height: 230px;
    overflow: auto;
    color: #cad3da;
    padding: 0;
    font-family: var(--field-typography-font-family);
    font-size: var(--field-typography-font-size);
    font-style: var(--field-typography-font-style);
    font-weight: normal;
    line-height: 18px;
    box-shadow: inset 0 2px 0 -1px #404458;
}

ul.ba-phone-countries-list li {
    align-items: center;
    cursor: pointer;
    display: flex;
    padding: 0 25px;
}

ul.ba-phone-countries-list li:hover {
    background: #65d9b4 !important;
    border-bottom-color: transparent !important;
    color: #fff !important;
}

.ba-phone-country-title {
    margin-right: 10px;
    max-width: calc(100% - 33px - 3em);
    overflow: hidden;
    padding: 20px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ba-phone-country-prefix {
    white-space: nowrap;
}

.ba-field-container .ba-phone-countries-list-wrapper input[type="text"]:focus,
.ba-field-container .ba-phone-countries-list-wrapper input[type="text"] {
    background: transparent !important;
    border-radius: 0;
    border: none !important;
    color: #cad3da!important;
    font-family: var(--field-typography-font-family);
    font-size: var(--field-typography-font-size);
    font-style: var(--field-typography-font-style);
    font-weight: normal !important;
    line-height: 18px;
    padding: 20px 25px !important;
}

.ba-phone-prefix {
    color: var(--field-typography-color);
    font-family: var(--field-typography-font-family);
    font-size: var(--field-typography-font-size);
    font-style: var(--field-typography-font-style);
    font-weight: var(--field-typography-font-weight);
    line-height: var(--field-typography-line-height);
}

.ba-form-phone-field .ba-field-container > input {
    height: calc(var(--field-typography-line-height) + var(--field-padding-top) + var(--field-padding-bottom) + (var(--field-border-top)*var(--field-border-width)) + (var(--field-border-bottom)*var(--field-border-width)));
    padding-left: calc( var(--field-padding-left) + 75px + 3em ) !important;
}

.top-countries-list .ba-phone-countries-list-wrapper {
    transform: translateY(-100%);
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: calc(var(--field-typography-line-height) + var(--field-padding-bottom) + var(--field-padding-top));
    margin-top: 0;
    top: -10px;
}

.top-countries-list .ba-phone-countries-list-wrapper:after {
    bottom: -14px;
    top: auto;
    border: 5px solid transparent;
    border-top: 5px solid #34374a;
}

.ba-field-container .top-countries-list .ba-phone-countries-list-wrapper ul.ba-phone-countries-list {
    box-shadow: inset 0 -2px 0 -1px #404458 !important;
}

.top-countries-list .ba-phone-countries-list-wrapper:before {
    top: auto;
    bottom: 20px;
}

.ba-phone-countries-list-wrapper ul::-webkit-scrollbar-thumb {
    background: #484c65;
}

.ba-phone-flag-be {
    width:28px !important;
}

.ba-phone-flag-ch {
    width: 25px !important;
}

.ba-phone-flag-mc {
    width: 31px !important;
}

.ba-phone-flag-ne {
    width: 28px !important;
}

.ba-phone-flag-np {
    width: 20px !important;
}

.ba-phone-flag-va {
    width: 25px !important;
}

.ba-phone-flag-ac {
    background-position:0px 0px;
}

.ba-phone-flag-ad {
    background-position: -35px 0px;
    height: 22px !important;
}

.ba-phone-flag-ae {
    background-position: -69px 0px;
    height: 17px !important;
}

.ba-phone-flag-af{
    height: 22px !important;
    background-position:-103px 0px;
}

.ba-phone-flag-ag {
    background-position: -137px 0px;
    height: 22px !important;
}

.ba-phone-flag-ai {
    background-position: -171px 0px;
    height: 17px !important;
}

.ba-phone-flag-al{
    background-position:-206px 0px;
}

.ba-phone-flag-am {
    background-position: -240px 0px;
    height: 16px !important;
}

.ba-phone-flag-ao {
    background-position: -274px 0px;
    height: 23px !important;
}

.ba-phone-flag-aq {
    background-position:-308px 0px;
}

.ba-phone-flag-ar {
    background-position: -342px 0px;
    height: 21px !important;
}

.ba-phone-flag-as {
    background-position: -376px 0px;
    height: 17px !important;
}

.ba-phone-flag-at {
    background-position:-411px 0px;
}

.ba-phone-flag-au {
    background-position: -445px 0px;
    height: 17px !important;
}

.ba-phone-flag-aw {
    background-position: -479px 0px;
    height: 23px !important;
}

.ba-phone-flag-ax {
    background-position:-513px 0px;
}

.ba-phone-flag-az {
    background-position: -547px 0px;
    height: 17px !important;
}

.ba-phone-flag-ba {
    background-position: -581px 0px;
    height: 17px !important;
}

.ba-phone-flag-bb {
    background-position: -616px 0px;
    height: 23px !important;
}

.ba-phone-flag-bd {
    background-position: -650px 0px;
    height: 20px !important;
}

.ba-phone-flag-be {
    background-position:-684px 0px;
}

.ba-phone-flag-bf {
    background-position:-713px 0px;
}

.ba-phone-flag-bg {
    background-position: -748px 0px;
    height: 20px !important;
}

.ba-phone-flag-bh {
    background-position: -782px 0px;
    height: 20px !important;
}

.ba-phone-flag-bi {
    background-position: -816px 0px;
    height: 20px !important;
}

.ba-phone-flag-bj {
    background-position:-850px 0px

}

.ba-phone-flag-bl {
    background-position:-884px 0px;
} 

.ba-phone-flag-bm {
    background-position: -918px 0px;
    height: 17px !important;
}

.ba-phone-flag-bn {
    background-position: -953px 0px;
    height: 17px !important;
}

.ba-phone-flag-bo {
    background-position:-987px 0px;
} 

.ba-phone-flag-bq {
    background-position:-1021px 0px;
} 

.ba-phone-flag-br {
    background-position:-1055px 0px;
} 

.ba-phone-flag-bs {
    background-position: -1089px 0px;
    height: 17px !important;
}

.ba-phone-flag-bt {
    background-position:-1124px 0px;
} 

.ba-phone-flag-bv {
    background-position:-1158px 0px;
} 

.ba-phone-flag-bw {
    background-position: -1192px 0px;
    height: 23px !important;
}

.ba-phone-flag-by {
    background-position: -1226px 0px;
    height: 17px !important;
}

.ba-phone-flag-bz {
    background-position:-1260px 0px;
} 

.ba-phone-flag-ca {
    background-position: -1294px 0px;
    height: 17px !important;
}

.ba-phone-flag-cc {
    background-position: -1329px 0px;
    height: 17px !important;
}

.ba-phone-flag-cd {
    background-position:-1363px 0px;
} 

.ba-phone-flag-cf {
    background-position:-1397px 0px;
} 

.ba-phone-flag-cg {
    background-position:-1431px 0px;
} 

.ba-phone-flag-ch {
    background-position:-1465px 0px;
} 

.ba-phone-flag-ci {
    background-position:-1491px 0px;
} 

.ba-phone-flag-ck {
    background-position: -1525px 0px;
    height: 17px !important;
}

.ba-phone-flag-cl {
    background-position:-1559px 0px;
} 

.ba-phone-flag-cm {
    background-position:-1594px 0px;
} 

.ba-phone-flag-cn {
    background-position:-1628px 0px;
} 

.ba-phone-flag-co {
    background-position:-1662px 0px;
} 

.ba-phone-flag-cp {
    background-position:-1696px 0px;
} 

.ba-phone-flag-cr {
    background-position: -1730px 0px;
    height: 21px !important;
}

.ba-phone-flag-cu {
    background-position: -1764px 0px;
    height: 17px !important;
}

.ba-phone-flag-cv {
    background-position: -1799px 0px;
    height: 20px !important;
}

.ba-phone-flag-cw {
    background-position:-1833px 0px;
}

.ba-phone-flag-cx {
    background-position: -1867px 0px;
    height: 17px !important;
}

.ba-phone-flag-cy {
    background-position:-1901px 0px;
}

.ba-phone-flag-cz {
    background-position:-1935px 0px;
}

.ba-phone-flag-de {
    background-position:-1969px 0px;
}

.ba-phone-flag-dg {
    background-position:-2004px 0px;
}

.ba-phone-flag-dj {
    background-position:-2038px 0px;
}

.ba-phone-flag-dk {
    background-position:-2072px 0px;
}

.ba-phone-flag-dm {
    background-position: -2106px 0px;
    height: 17px !important;
}

.ba-phone-flag-do {
    background-position: -2140px 0px;
    height: 21px !important;
}

.ba-phone-flag-dz {
    background-position:-2174px 0px;
    height: 22px !important;
}

.ba-phone-flag-ea {
    background-position:-2209px 0px;
}

.ba-phone-flag-ec {
    background-position:-2243px 0px;
}

.ba-phone-flag-ee {
    background-position: -2277px 0px;
    height: 21px !important;
}

.ba-phone-flag-eg {
    background-position:-2311px 0px;
}

.ba-phone-flag-eh {
    background-position: -2345px 0px;
    height: 17px !important;
}

.ba-phone-flag-er {
    background-position: -2379px 0px;
    height: 17px !important;
}

.ba-phone-flag-es {
    background-position:-2414px 0px;
}

.ba-phone-flag-et {
    background-position: -2448px 0px;
    height: 17px !important;
}

.ba-phone-flag-eu {
    background-position:-2482px 0px;
}

.ba-phone-flag-fi {
    background-position: -2516px 0px;
    height: 20px !important;
}

.ba-phone-flag-fj {
    background-position: -2550px 0px;
    height: 17px !important;
}

.ba-phone-flag-fk {
    background-position: -2584px 0px;
    height: 17px !important;
}

.ba-phone-flag-fm {
    background-position: -2619px 0px;
    height: 17px !important;
}

.ba-phone-flag-fo {
    background-position:-2653px 0px;
}

.ba-phone-flag-fr {
    background-position:-2687px 0px;
}

.ba-phone-flag-ga {
    background-position:-2721px 0px;
}

.ba-phone-flag-gb {
    background-position: -2755px 0px;
    height: 17px !important;
}

.ba-phone-flag-gd {
    background-position: -2789px 0px;
    height: 20px !important;
}

.ba-phone-flag-ge {
    background-position:-2824px 0px;
}

.ba-phone-flag-gf {
    background-position:-2858px 0px;
}

.ba-phone-flag-gg {
    background-position:-2892px 0px;
}

.ba-phone-flag-gh {
    background-position:-2926px 0px;
}

.ba-phone-flag-gi {
    background-position: -2960px 0px;
    height: 17px !important;
}

.ba-phone-flag-gl {
    background-position:-2994px 0px;
}

.ba-phone-flag-gm {
    background-position:-3029px 0px;
}

.ba-phone-flag-gn {
    background-position:-3063px 0px;
}

.ba-phone-flag-gp {
    background-position:-3097px 0px;
}

.ba-phone-flag-gq {
    background-position:-3131px 0px;
}

.ba-phone-flag-gr {
    background-position:-3165px 0px;
}

.ba-phone-flag-gs {
    background-position:-3200px 0px;
}

.ba-phone-flag-gt {
    background-position:-3234px 0px;
}

.ba-phone-flag-gu {
    background-position: -3267px 0px;
    height: 18px !important;
    width: 34px;
}

.ba-phone-flag-gw {
    background-position: -3302px 0px;
    height: 17px !important;
}

.ba-phone-flag-gy {
    background-position:-3336px 0px;
}

.ba-phone-flag-hk {
    background-position:-3370px 0px;
}

.ba-phone-flag-hm {
    background-position:-3405px 0px;
}

.ba-phone-flag-hn {
    background-position: -3551px 0px;
    height: 17px !important;
}

.ba-phone-flag-hr {
    background-position: -3473px 0px;
    height: 17px !important;
}

.ba-phone-flag-ht {
    background-position:-3507px 0px;
}

.ba-phone-flag-hu {
    background-position: -3541px 0px;
    height: 17px !important;
}

.ba-phone-flag-ic {
    background-position:-3575px 0px;
}

.ba-phone-flag-id {
    background-position:-3610px 0px;
}

.ba-phone-flag-ie {
    background-position: -3644px 0px;
    height: 17px !important;
}

.ba-phone-flag-il {
    background-position:-3678px 0px;
}

.ba-phone-flag-im {
    background-position: -3712px 0px;
    height: 17px !important;
}

.ba-phone-flag-in {
    background-position:-3746px 0px;
}

.ba-phone-flag-io {
    background-position: -3780px 0px;
    height: 17px !important;
}

.ba-phone-flag-iq {
    background-position:-3815px 0px;
}

.ba-phone-flag-ir {
    background-position: -3849px 0px;
    height: 19px !important;
}

.ba-phone-flag-is {
    background-position:-3883px 0px;
}

.ba-phone-flag-it {
    background-position:-3917px 0px;
}

.ba-phone-flag-je {
    background-position: -3951px 0px;
    height: 20px !important;
}

.ba-phone-flag-jm {
    background-position: -3985px 0px;
    height: 17px !important;
}

.ba-phone-flag-jo {
    background-position: -4020px 0px;
    height: 17px !important;
}

.ba-phone-flag-jp {
    background-position:-4054px 0px;
}

.ba-phone-flag-ke {
    background-position:-4088px 0px;
}

.ba-phone-flag-kg {
    background-position: -4122px 0px;
    height: 20px !important;
}

.ba-phone-flag-kh {
    background-position: -4156px 0px;
    height: 22px !important;
}

.ba-phone-flag-ki {
    background-position: -4190px 0px;
    height: 17px !important;
}

.ba-phone-flag-km {
    background-position: -4225px 0px;
    height: 20px !important;
}

.ba-phone-flag-kn {
    background-position:-4259px 0px;
}

.ba-phone-flag-kp {
    background-position: -4293px 0px;
    height: 17px!important;
}

.ba-phone-flag-kr {
    background-position:-4327px 0px;
}

.ba-phone-flag-kw {
    background-position: -4361px 0px;
    height: 17px !important;
}

.ba-phone-flag-ky {
    background-position: -4395px 0px;
    height: 17px !important;
}

.ba-phone-flag-kz {
    background-position: -4430px 0px;
    height: 17px !important;
}

.ba-phone-flag-la {
    background-position:-4464px 0px;
}

.ba-phone-flag-lb {
    background-position:-4498px 0px;
}

.ba-phone-flag-lc {
    background-position: -4532px 0px;
    height: 17px !important;
}

.ba-phone-flag-li {
    background-position:-4566px 0px;
}

.ba-phone-flag-lk {
    background-position: -4600px 0px;
    height: 17px !important;
}

.ba-phone-flag-lr {
    background-position: -4635px 0px;
    height: 19px !important;
}

.ba-phone-flag-ls {
    background-position:-4669px 0px;
}

.ba-phone-flag-lt {
    background-position:-4703px 0px;
}

.ba-phone-flag-lu {
    background-position:-4737px 0px;
}

.ba-phone-flag-lv {
    background-position: -4771px 0px;
    height: 17px !important;
}

.ba-phone-flag-ly {
    background-position: -4805px 0px;
    height: 18px !important;
}

.ba-phone-flag-ma {
    background-position:-4840px 0px;
}

.ba-phone-flag-mc {
    background-position:-4874px 0px;
}

.ba-phone-flag-md {
    background-position: -4906px 0px;
    height: 17px !important;
}

.ba-phone-flag-me {
    background-position: -4940px 0px;
    height: 17px !important;
}

.ba-phone-flag-mf {
    background-position:-4974px 0px;
}

.ba-phone-flag-mg {
    background-position:-5008px 0px;
}

.ba-phone-flag-mh {
    background-position: -5043px 0px;
    height: 17px !important;
}

.ba-phone-flag-mk {
    background-position: -5077px 0px;
    height: 17px !important;
}

.ba-phone-flag-ml {
    background-position:-5111px 0px;
}

.ba-phone-flag-mm {
    background-position:-5145px 0px;
}

.ba-phone-flag-mn {
    background-position: -5179px 0px;
    height: 17px !important;
}

.ba-phone-flag-mo {
    background-position:-5213px 0px;
}

.ba-phone-flag-mp {
    background-position: -5248px 0px;
    height: 17px !important;
}

.ba-phone-flag-mq {
    background-position:-5282px 0px;
}

.ba-phone-flag-mr {
    background-position:-5316px 0px;
}

.ba-phone-flag-ms {
    background-position: -5350px 0px;
    height: 17px !important;
}

.ba-phone-flag-mt {
    background-position:-5384px 0px;
}

.ba-phone-flag-mu {
    background-position:-5418px 0px;
}

.ba-phone-flag-mv {
    background-position:-5453px 0px;
}

.ba-phone-flag-mw {
    background-position:-5487px 0px;
}

.ba-phone-flag-mx {
    background-position: -5521px 0px;
    height: 19px !important;
}

.ba-phone-flag-my {
    background-position: -5555px 0px;
    height: 17px !important;
}

.ba-phone-flag-mz {
    background-position:-5589px 0px;
}

.ba-phone-flag-na {
    background-position:-5623px 0px;
}

.ba-phone-flag-nc {
    background-position: -5658px 0px;
    height: 18px !important;
}

.ba-phone-flag-ne {
    background-position:-5692px 0px;
}

.ba-phone-flag-nf {
    background-position: -5722px 0px;
    height: 17px !important;
}

.ba-phone-flag-ng {
    background-position: -5756px 0px;
    height: 16px !important;
}

.ba-phone-flag-ni {
    background-position:-5790px 0px;
}

.ba-phone-flag-nl {
    background-position:-5824px 0px;
}

.ba-phone-flag-no {
    background-position:-5858px 0px;
}

.ba-phone-flag-np {
    background-position:-5893px 0px;
}

.ba-phone-flag-nr {
    background-position: -5914px 0px;
    height: 17px !important;
}

.ba-phone-flag-nu {
    background-position: -5948px 0px;
    height: 17px !important;
}

.ba-phone-flag-nz {
    background-position: -5982px 0px;
    height: 17px !important;
}

.ba-phone-flag-om {
    background-position: -6016px 0px;
    height: 18px !important;
}

.ba-phone-flag-pa {
    background-position:-6051px 0px;
}

.ba-phone-flag-pe {
    background-position:-6085px 0px;
}

.ba-phone-flag-pf {
    background-position:-6119px 0px;
}

.ba-phone-flag-pg {
    background-position: -6152px 0px;
}

.ba-phone-flag-ph {
    background-position: -6187px 0px;
    height: 17px !important;
}

.ba-phone-flag-pk {
    background-position:-6221px 0px;
}

.ba-phone-flag-pl {
    background-position:-6256px 0px;
}

.ba-phone-flag-pm {
    background-position:-6290px 0px;
}

.ba-phone-flag-pn {
    background-position:-6324px 0px;
}

.ba-phone-flag-pr {
    background-position:-6358px 0px;
}

.ba-phone-flag-ps {
    background-position: -6392px 0px;
    height: 17px !important;
}

.ba-phone-flag-pt {
    background-position:-6426px 0px;
}

.ba-phone-flag-pw {
    background-position:-6461px 0px;
}

.ba-phone-flag-py {
    background-position: -6494px 0px;
    height: 18px !important;
}

.ba-phone-flag-qa {
    background-position: -6529px 0px;
    height: 13px !important;
}

.ba-phone-flag-re {
    background-position:-6563px 0px;
}

.ba-phone-flag-ro {
    background-position:-6597px 0px;
}

.ba-phone-flag-rs {
    background-position:-6631px 0px;
}

.ba-phone-flag-ru { 
    background-position:-6666px 0px;
}

.ba-phone-flag-rw { 
    background-position:-6700px 0px;
}

.ba-phone-flag-sa { 
    background-position:-6734px 0px;
}

.ba-phone-flag-sb {
    background-position: -6768px 0px;
    height: 17px !important;
}

.ba-phone-flag-sc {
    background-position: -6802px 0px;
    height: 17px !important;
}

.ba-phone-flag-sd {
    background-position: -6836px 0px;
    height: 17px !important;
}

.ba-phone-flag-se { 
    background-position:-6870px 0px;
}

.ba-phone-flag-sg { 
    background-position:-6905px 0px;
}

.ba-phone-flag-sh {
    background-position: -6939px 0px;
    height: 17px !important;
}

.ba-phone-flag-si {
    background-position: -6973px 0px;
    height: 17px !important;
}

.ba-phone-flag-sj { 
    background-position:-7007px 0px;
}

.ba-phone-flag-sk { 
    background-position:-7042px 0px;
}

.ba-phone-flag-sl { 
    background-position:-7076px 0px;
}

.ba-phone-flag-sm { 
    background-position:-7110px 0px;
}

.ba-phone-flag-sn {
    background-position:-7144px 0px;
}

.ba-phone-flag-so {
    background-position:-7178px 0px;
}

.ba-phone-flag-sr {
    background-position:-7212px 0px;
}

.ba-phone-flag-ss {
    background-position: -7247px 0px;
    height: 17px !important;
}

.ba-phone-flag-st {
    background-position: -7281px 0px;
    height: 17px !important;
}

.ba-phone-flag-sv {
    background-position: -7315px 0px;
    height: 19px !important;
}

.ba-phone-flag-sx {
    background-position:-7349px 0px;
}

.ba-phone-flag-sy {
    background-position:-7383px 0px;
}

.ba-phone-flag-sz {
    background-position:-7417px 0px;
}

.ba-phone-flag-ta {
    background-position:-7452px 0px;
}

.ba-phone-flag-tc {
    background-position: -7486px 0px;
    height: 17px !important;
}

.ba-phone-flag-td {
    background-position:-7520px 0px;
}

.ba-phone-flag-tf {
    background-position:-7554px 0px;
}

.ba-phone-flag-tg {
    background-position:-7588px 0px;
}

.ba-phone-flag-th {
    background-position:-7622px 0px;
}

.ba-phone-flag-tj {
    background-position: -7657px 0px;
    height: 17px !important;
}

.ba-phone-flag-tk {
    background-position: -7691px 0px;
    height: 17px !important;
}

.ba-phone-flag-tl {
    background-position: -7725px 0px;
    height: 17px !important;
}

.ba-phone-flag-tm {
    background-position:-7759px 0px;
}

.ba-phone-flag-tn {
    background-position:-7793px 0px;
}

.ba-phone-flag-to {
    background-position: -7827px 0px;
    height: 17px !important;
}

.ba-phone-flag-tr {
    background-position:-7862px 0px;
}

.ba-phone-flag-tt {
    background-position:-7896px 0px;
}

.ba-phone-flag-tv {
    background-position: -7930px 0px;
    height: 17px !important;
}

.ba-phone-flag-tw {
    background-position:-7964px 0px;
}

.ba-phone-flag-tz {
    background-position:-7998px 0px;
}

.ba-phone-flag-ua {
    background-position:-8032px 0px;
}

.ba-phone-flag-ug {
    background-position:-8067px 0px;
}

.ba-phone-flag-um {
    background-position:-8101px 0px;
}

.ba-phone-flag-us {
    background-position: -8135px 0px;
    height: 17px !important;
}

.ba-phone-flag-uy {
    background-position:-8169px 0px;
}

.ba-phone-flag-uz {
    background-position: -8203px 0px;
    height: 17px !important;
}

.ba-phone-flag-va {
    background-position:-8237px 0px;
}

.ba-phone-flag-vc {
    background-position:-8263px 0px;
}

.ba-phone-flag-ve {
    background-position:-8297px 0px;
}

.ba-phone-flag-vg {
    background-position: -8332px 0px;
    height: 17px !important;
}

.ba-phone-flag-vi {
    background-position:-8366px 0px;
}

.ba-phone-flag-vn {
    background-position:-8400px 0px;
}

.ba-phone-flag-vu {
    background-position:-8434px 0px;
}

.ba-phone-flag-wf {
    background-position:-8468px 0px;
}

.ba-phone-flag-ws {
    background-position: -8502px 0px;
    height: 17px !important;
}

.ba-phone-flag-xk {
    background-position:-8537px 0px;
}

.ba-phone-flag-ye { 
    background-position:-8571px 0px;
}

.ba-phone-flag-yt {
    background-position:-8605px 0px;
}

.ba-phone-flag-za {
    background-position:-8639px 0px;
}

.ba-phone-flag-zm {
    background-position:-8673px 0px;
}

.ba-phone-flag-zw {
    background-position: -8707px 0px;
    height: 17px !important;
}

/* ========================================================================
    Calendar
 ========================================================================== */

.ba-date input {
    cursor: pointer !important;
}

.ba-date input + .icons-cell {
    pointer-events: none;
}

.ba-forms-calendar * {
    transition: all .2s ease-in-out;
}

.forms-calendar-wrapper.visible-forms-calendar {
    z-index: 99999;
}

.forms-calendar-wrapper.visible-forms-calendar .ba-close-calendar,
.forms-calendar-wrapper.visible-forms-calendar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

@keyframes calendar-close {
    0% { top: 50%; opacity: 1;}
    100% { top: -500px; opacity: 0;}
}

.visible-forms-calendar.forms-calendar-out .ba-forms-calendar  {
    animation: calendar-close .6s cubic-bezier(.25,.98,.26,.99) both;
    display: block;
}

@keyframes calendar-open {
    0% { top: -500px; opacity: 0; }
    100% { top: 50%; opacity: 1; }
}

.visible-forms-calendar .ba-forms-calendar  {
    animation: calendar-open .6s cubic-bezier(.25,.98,.26,.99) both;
    display: block;
}

.ba-forms-calendar {
    background: #2f3243;
    border-radius: 6px;
    border: none ;
    box-shadow: 0 25px 50px rgba(0,0,0,.35);
    box-sizing: border-box;
    display: none;
    left: 50% ;
    margin-left: -225px;
    margin-top: -200px;
    overflow: hidden;
    padding: 25px;
    position: fixed ;
    width: 450px;
    z-index: 9999;
}

.ba-forms-calendar-row,
.ba-forms-calendar-header {
    display: flex;
    justify-content: space-between;
}

.ba-forms-calendar-header {
    margin-bottom: 10px;
}

.ba-forms-calendar-row > div,
.ba-forms-calendar-header  > div {
    cursor: default;
    min-width: 44px;
    text-align: center;
}

.ba-event-calendar-day-name {
    color: #566e78;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    font-family: var(--field-typography-font-family);
    text-align: center;
    text-transform: uppercase;
    width: 32px;
}

.ba-forms-calendar-row > div,
.forms-calendar-wrapper:not(.disable-previous-date) .ba-forms-calendar-row > div:not(:empty) {
    cursor: pointer;
}

.ba-forms-calendar-title-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 25px;
}

.ba-forms-today-btn,
.ba-forms-calendar-title-wrapper i {
    background: #343749;
    border-radius: 3px;
    box-sizing: content-box;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 24px;
    padding: 10px;
    text-align: center;
    transition: .3s;
    width: 24px;
}

.ba-forms-calendar-footer .ba-forms-today-btn {
    box-sizing: border-box;
    cursor: pointer;
    line-height: 24px;
    font-size: 14px;
    margin-top: 5px;
    width: 100%;
}

.ba-forms-calendar-title-wrapper .forms-calendar-btn {
    position: relative;
}

.ba-forms-calendar-title-wrapper i[data-action="prev-year"] {
    margin-right: 5px;
}

.ba-forms-calendar-title-wrapper i[data-action="prev-year"]:after {
    content: '\f2fa';
}

.ba-forms-calendar-title-wrapper i[data-action="next-year"] {
    margin-left: 5px;
}

.ba-forms-calendar-title-wrapper i[data-action="next-year"]:after {
    content: '\f2fb';
}

.ba-date-cell {
    align-items: center;
    background: transparent;
    border-radius: 3px;
    box-sizing: border-box;
    color: #cad3da;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    line-height: 12px;
    font-weight: bold;
    font-family: var(--field-typography-font-family);
    height: 44px;
    justify-content: center;
    padding: 10px !important;
    text-transform: uppercase;
    transition: .3s;
    width: 44px;
}

.ba-forms-calendar-day-name{
    cursor: default ;
    font-size: 16px;
    line-height: 36px;
    font-weight: bold;
    font-family: var(--field-typography-font-family);
    text-transform: uppercase;
}

.ba-forms-calendar-day-name:hover,
.ba-forms-calendar-day-name,
.ba-forms-calendar-row .disabled-date:hover,
.ba-forms-calendar-row .disabled-date,
.disable-previous-date .ba-previous-date:hover,
.disable-previous-date .ba-previous-date {
    color: #566e78 ;
    background: transparent;
}

.ba-forms-calendar-title-wrapper i:hover,
.ba-forms-calendar-footer .ba-forms-today-btn:hover,
.ba-date-cell:hover {
    background: #404958;
    color: #fff;
}

.ba-forms-calendar-row .ba-empty-date-cell {
    cursor: default;
}

.ba-forms-calendar-row .disabled-date,
.disable-previous-date .ba-previous-date {
    cursor: not-allowed !important;
}

.ba-forms-today-btn,
.ba-forms-calendar-title {
    color: #fff;
    cursor: default;
    display: flex;
    flex-grow: 1;
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    font-family: var(--field-typography-font-family);
    justify-content: center;
}

.ba-forms-calendar-title-wrapper > i {
    color: #fff;
}

.ba-forms-calendar-title-wrapper > i:hover {
    background: var(--theme-color);
    color: #fff;
}

.ba-forms-calendar-body .ba-date-cell.ba-curent-date:before {
    display: none;
}

.ba-forms-calendar-body .ba-date-cell.ba-curent-date {
    background: var(--theme-color);
    color: #fff;
}

.ba-field-container.calendar-range-type {
    align-items: center;
    display: flex;
}

.calendar-field-wrapper {
    position: relative;
    flex-grow: 1;
}

.ba-field-container:not(.calendar-range-type) .calendar-range-delimiter + .calendar-field-wrapper,
.ba-field-container:not(.calendar-range-type) .calendar-range-delimiter {
    display: none;
}

.ba-field-container .calendar-range-delimiter {
    color: var(--field-typography-color);
    font-size: var(--field-typography-font-size);
    margin: 0 10px;
}

.ba-field-container.calendar-range-type {
    align-items: center;
    display: flex;
}

.ba-field-container .calendar-range-delimiter i {
    position: static;
}

/* ========================================================================
    Lightbox
 ========================================================================== */

.ba-forms-modal-backdrop,
.ba-forms-modal-wrapper {
    bottom: 0;
    left: 0;
    position: fixed;
    pointer-events: none;
    opacity: 0;
    right: 0;
    top: 0;
}

.ba-forms-modal-wrapper {
    overflow: scroll;
}

.ba-forms-modal-wrapper,
.ba-forms-modal-wrapper .ba-forms-modal-backdrop {
    transition: opacity .3s;
    opacity: 0;
}

.ba-forms-modal-wrapper.visible-forms-modal,
.ba-forms-modal-wrapper.visible-forms-modal .ba-forms-modal-backdrop {
    opacity: 1;
    pointer-events: all;
}

.ba-forms-modal-wrapper {
    overflow-y: scroll;
    z-index: 1090;
}

.ba-forms-modal-wrapper,
.ba-forms-modal-wrapper.ba-form-lightbox-layout {
    overflow-x: hidden;
}

.ba-forms-modal-backdrop {
    background: var(--lightbox-color);
    display: block;
    z-index: 1050;
}

body .ba-forms-modal-wrapper.visible-forms-modal .ba-forms-modal-backdrop {
    overflow-y: hidden;
    width: calc(100% - var(--forms-modal-scroll-width));
}

body .ba-forms-modal-wrapper.ba-form-paypal-modal,
body .ba-forms-modal-wrapper.ba-form-authorize-modal {
    width: calc(100% - var(--forms-body-scroll-width));
}

body .ba-forms-modal-wrapper.ba-form-paypal-modal,
body .ba-forms-modal-wrapper.ba-form-paypal-modal .ba-forms-modal-backdrop,
body .ba-forms-modal-wrapper.ba-form-authorize-modal,
body .ba-forms-modal-wrapper.ba-form-authorize-modal .ba-forms-modal-backdrop {
    overflow-y: auto;
}

.ba-forms-modal-wrapper .ba-forms-modal {
    align-items: center;
    display: flex;
    justify-content: center;
    left: calc(50% - var(--form-width-value)/2);
    margin: 25px 0;
    min-height: calc(100vh - 50px);
    pointer-events: none;
    position: absolute;
    width: var(--form-width-value);
    z-index: 1060;
}

.visible-forms-modal.ba-forms-modal-wrapper .ba-forms-modal {
    pointer-events: all !important;
}

.ba-forms-modal-wrapper .ba-forms-modal .com-baforms-wrapper {
    width: 100%;
}


.ba-forms-modal-wrapper.ba-form-paypal-modal.visible-forms-modal .ba-forms-modal *,
.ba-forms-modal-wrapper.ba-form-paypal-modal.visible-forms-modal .com-baforms-wrapper,
.ba-forms-modal-wrapper.ba-form-authorize-modal.visible-forms-modal .ba-forms-modal *,
.ba-forms-modal-wrapper.ba-form-lightbox-layout.visible-forms-modal .com-baforms-wrapper {
    pointer-events: all;
}

.ba-forms-modal-wrapper .ba-form-page {
    position: relative;
    min-width: calc(var(--form-width-fullwidth) - 50px);
    max-width: calc(100vw - 50px);
    width: 100%;
}

.ba-forms-modal-wrapper form {
    margin: 0;
}

.ba-forms-lightbox-row i {
    color: var(--label-typography-color) !important;
    cursor: pointer;
    font-size: 24px;
    padding: 20px !important;
    text-align: center;
    width: 24px;
    transition: .3s;
}

.ba-forms-lightbox-row i:hover {
    opacity: .5;
}

.ba-forms-lightbox-row {
    text-align: right;
    transform: translate(calc(0px - var(--form-padding-left)), calc(0px - var(--form-padding-top)));
    width: calc(100% + var(--form-padding-left) + var(--form-padding-right));
}

/* Lightbox Position */

.ba-forms-modal-wrapper:not(.lightbox-position-center):not(.ba-form-authorize-modal):not(.ba-form-paypal-modal)  .ba-forms-modal-backdrop {
    background: transparent !important;
}

.ba-forms-modal-wrapper:not(.lightbox-position-center).visible-forms-modal:not(.ba-form-authorize-modal):not(.ba-form-paypal-modal) .ba-forms-modal-backdrop {
    display: none;
}

.ba-forms-modal-wrapper:not(.lightbox-position-center):not(.ba-form-authorize-modal):not(.ba-form-paypal-modal) {
    pointer-events: none;
    overflow-y: hidden;
}

.ba-forms-modal-wrapper.lightbox-position-top-left .ba-forms-modal,
.ba-forms-modal-wrapper.lightbox-position-top-center .ba-forms-modal,
.ba-forms-modal-wrapper.lightbox-position-top-right .ba-forms-modal {
    align-items: flex-start;
}

.ba-forms-modal-wrapper.lightbox-position-center-left .ba-forms-modal,
.ba-forms-modal-wrapper.lightbox-position-center .ba-forms-modal,
.ba-forms-modal-wrapper.lightbox-position-center-right .ba-forms-modal {
    align-items: center;
}

.ba-forms-modal-wrapper.lightbox-position-bottom-left .ba-forms-modal,
.ba-forms-modal-wrapper.lightbox-position-bottom-center .ba-forms-modal,
.ba-forms-modal-wrapper.lightbox-position-bottom-right .ba-forms-modal {
    align-items: flex-end;
}

.ba-forms-modal-wrapper.lightbox-position-top-left .ba-forms-modal,
.ba-forms-modal-wrapper.lightbox-position-center-left .ba-forms-modal,
.ba-forms-modal-wrapper.lightbox-position-bottom-left .ba-forms-modal {
    left: 25px;
    max-width: calc(100% - 50px);
}

.ba-forms-modal-wrapper.lightbox-position-top-right .ba-forms-modal,
.ba-forms-modal-wrapper.lightbox-position-center-right .ba-forms-modal,
.ba-forms-modal-wrapper.lightbox-position-bottom-right .ba-forms-modal {
    left: auto;
    right: 25px;
    max-width: calc(100% - 50px);
}

.ba-forms-modal-wrapper:not(.lightbox-position-center) .ba-form-page {
    max-height: calc(100vh - 50px);
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-color: #ddd transparent;
    scrollbar-width: thin;
    width: 100%;
}

.ba-forms-modal-wrapper:not(.lightbox-position-center) .ba-form-page::-webkit-scrollbar {
    width: 6px;
}

.ba-forms-modal-wrapper:not(.lightbox-position-center) .ba-form-page::-webkit-scrollbar-track {
    background-color: transparent;
}

.ba-forms-modal-wrapper:not(.lightbox-position-center) .ba-form-page::-webkit-scrollbar-thumb {
    background: #ddd;
    border-radius: 6px;
}

/*
/* Lightbox Effect
*/

.ba-forms-modal-wrapper.ba-form-lightbox-layout .com-baforms-wrapper {
    transition: all 0.8s cubic-bezier(0,.9,0,.96);
}

.ba-forms-modal-wrapper.ba-forms-lightbox-effect-8 .ba-forms-modal,
.ba-forms-modal-wrapper.ba-forms-lightbox-effect-9 .ba-forms-modal,
.ba-forms-modal-wrapper.ba-forms-lightbox-effect-10 .ba-forms-modal {
    perspective: 1300px;
}

/* Fade In */
.ba-forms-modal-wrapper.ba-forms-lightbox-effect-1.ba-form-lightbox-layout:not(.visible-forms-modal) .com-baforms-wrapper {
    opacity: 0;
}

/* Scale In */
.ba-forms-modal-wrapper.ba-forms-lightbox-effect-2.ba-form-lightbox-layout:not(.visible-forms-modal) .com-baforms-wrapper {
    transform: scale(0.7);
}

/* Slide In Left */
.ba-forms-modal-wrapper.ba-forms-lightbox-effect-3.ba-form-lightbox-layout:not(.visible-forms-modal) .com-baforms-wrapper {
    transform: translateX(-50%);
}

/* Slide In Right */
.ba-forms-modal-wrapper.ba-forms-lightbox-effect-4.ba-form-lightbox-layout:not(.visible-forms-modal) .com-baforms-wrapper {
    transform: translateX(50%);
}

/* Slide In Top */
.ba-forms-modal-wrapper.ba-forms-lightbox-effect-6.ba-form-lightbox-layout:not(.visible-forms-modal) .com-baforms-wrapper {
    transform: translateY(50%);
}

/* Slide In Bottom */
.ba-forms-modal-wrapper.ba-forms-lightbox-effect-5.ba-form-lightbox-layout:not(.visible-forms-modal) .com-baforms-wrapper {
    transform: translateY(-50%);
}

/* Spinner */
.ba-forms-modal-wrapper.ba-forms-lightbox-effect-7.ba-form-lightbox-layout:not(.visible-forms-modal) .com-baforms-wrapper {
    transform: scale(0) rotate(720deg);
}

/* Fall In */
.ba-forms-modal-wrapper.ba-forms-lightbox-effect-8.ba-form-lightbox-layout:not(.visible-forms-modal) .com-baforms-wrapper {
    transform: translateZ(600px) rotateX(20deg);
    transform-style: preserve-3d;
}

/* Flip Horizontal */
.ba-forms-modal-wrapper.ba-forms-lightbox-effect-9.ba-form-lightbox-layout:not(.visible-forms-modal) .com-baforms-wrapper {
    transform: rotateY(-70deg);
    transform-style: preserve-3d;
}

/* Flip Vertical */
.ba-forms-modal-wrapper.ba-forms-lightbox-effect-10.ba-form-lightbox-layout:not(.visible-forms-modal) .com-baforms-wrapper {
    transform: rotateX(-70deg);
    transform-style: preserve-3d;
}

/*
/* Authorize Modal
*/
.ba-form-paypal-modal .ba-forms-modal,
.ba-form-authorize-modal .ba-forms-modal {
    background: #fff;
    border-radius: 9px;
    box-shadow: 0 12px 30px 0 rgba(0,0,0,.5), inset 0 1px 0 0 hsla(0,0%,100%,.65);
    box-sizing: border-box;
    display: block;
    left: calc(50% - 225px);
    margin: 0;
    min-height: auto;
    overflow: hidden;
    top: calc(50% - 188px);
    width: 450px;
}

.ba-form-paypal-modal .ba-forms-modal-backdrop,
.ba-form-authorize-modal .ba-forms-modal-backdrop {
    background: rgba(0,0,0,.6);
}

.ba-form-authorize-modal .ba-forms-modal input {
    background: #f5f8f9;
    border: none;
    color: #1a1a1a;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 15px;
    padding: 15px 45px 15px 15px;
    width: 100%;
}

.ba-form-authorize-modal .ba-forms-modal input:focus {
    outline: 1px solid var(--theme-color) !important;
}

.ba-form-authorize-modal .ba-forms-modal input.ba-forms-authorize-card-number {
    box-sizing: border-box;
    height: auto;
    margin: 0;
}

.ba-form-paypal-modal .ba-forms-modal-header,
.ba-form-paypal-modal .ba-forms-modal-footer,
.ba-form-paypal-modal .ba-forms-modal-body,
.ba-form-authorize-modal .ba-forms-modal-header,
.ba-form-authorize-modal .ba-forms-modal-footer,
.ba-form-authorize-modal .ba-forms-modal-body {
    padding: 0 25px;
}

.ba-form-paypal-modal .ba-forms-modal-header,
.ba-form-authorize-modal .ba-forms-modal-header {
    align-items: center;
    background: var(--theme-color);
    color: #fff;
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
    padding: 20px 25px;
}

.ba-form-paypal-modal .ba-forms-modal-header .ba-forms-modal-title,
.ba-form-authorize-modal .ba-forms-modal-header .ba-forms-modal-title {
    font-size: 18px;
    font-weight: bold;
}

.ba-form-paypal-modal .ba-forms-modal-header i,
.ba-form-authorize-modal .ba-forms-modal-header i {
    color: #fff !important;
    cursor: pointer;
    float: right;
    font-size: 24px;
    text-align: center;
    transition: .3s;
    width: 24px;
}

.ba-form-paypal-modal .ba-forms-modal-header i:hover,
.ba-form-authorize-modal .ba-forms-modal-header i:hover {
    opacity: .5;
}


.ba-forms-authorize-pay-btn {
    display: flex;
}

.ba-forms-authorize-pay-btn.right-currency-position .field-price-currency {
    order: 3;
    margin-right: 0px;
}

.ba-forms-authorize-pay-btn .field-price-currency {
    margin: 0 5px;
}

.ba-forms-authorize-pay-btn.right-currency-position .ba-forms-authorize-pay {
    margin-right: 5px;
}

.ba-form-paypal-modal .ba-forms-modal-body > div:not(:first-child),
.ba-form-authorize-modal .ba-forms-modal-body > div:not(:first-child) {
    display: inline-flex;
    width: calc(50% - 5px)!important;
}

.ba-form-paypal-modal .ba-forms-modal-body > div:nth-child(2),
.ba-form-authorize-modal .ba-forms-modal-body > div:nth-child(2) {
    margin-right: 10px!important;
}

.ba-form-paypal-modal .ba-forms-modal-body > div,
.ba-form-authorize-modal .ba-forms-modal-body > div {
    position: relative;
}

.ba-form-authorize-modal .ba-forms-modal-body > div i {
    bottom: 12px;
    font-size: 24px;
    pointer-events: none;
    position: absolute;
    right: 15px;
}

.ba-form-paypal-modal .ba-forms-modal-footer,
.ba-form-authorize-modal .ba-forms-modal-footer {
    margin-top: 40px;
    padding-bottom: 50px;
}

.ba-form-authorize-modal .ba-forms-authorize-pay-btn {
    background: var(--theme-color);
    color: #fff;
    cursor: pointer;
    font: bold 16px/18px 'Roboto';
    justify-content: center;
    padding: 20px;
    position: relative;
    transition: .3s;
}

.ba-form-authorize-modal .ba-forms-authorize-pay-btn:hover {
    background: #212121;
}

/* ========================================================================
    Responsive Grid
 ========================================================================== */

.com-baforms-wrapper .row-fluid {
    width: 100%;
}

.com-baforms-wrapper [class*="span"]{
    flex-grow: 1;
    box-sizing: border-box;
    display: block;
    float: left;
    margin-left: 2.127659574468085%;
}

.com-baforms-wrapper [class*="span"]:first-child {
    margin-left: 0;
}

.com-baforms-wrapper .span12 {
    width: 100%;
}

.com-baforms-wrapper .span11 {
    width: 91.48936170212765%;
}

.com-baforms-wrapper .span10 {
    width: 82.97872340425532%;
}

.com-baforms-wrapper .span9 {
    width: 74.46808510638297%;
}

.com-baforms-wrapper .span8 {
    width: 65.95744680851064%;
}

.com-baforms-wrapper .span7 {
    width: 57.44680851063829%;
}

.com-baforms-wrapper .span6 {
    width: 48.93617021276595%;
}

.com-baforms-wrapper .span5 {
    width: 40.42553191489362%;
}

.com-baforms-wrapper .span4 {
    width: 31.914893617021278%;
}

.com-baforms-wrapper .span3 {
    width: 23.404255319148934%;
}

.com-baforms-wrapper .span2 {
    width: 14.893617021276595%;
}

.com-baforms-wrapper .span1 {
    width: 6.382978723404255%;
}

/* ========================================================================
    Icons
 ========================================================================== */
 
@font-face {
    font-family: 'balbooa-form-icons';
    src: url('../icons/ba-icons/ba-icons.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.ba-form-icons {
    font-family: 'balbooa-form-icons' !important;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
}

.ba-form-icons.ba-icon-attachment:before {
    content: "\f10d";
}

.ba-form-icons.ba-icon-card:before {
    content: "\f129";
}

.ba-form-icons.ba-icon-close:before {
    content: "\f136";
}

.ba-form-icons.ba-icon-delete:before {
    content: "\f154";
}

.ba-form-icons.ba-icon-eye-off:before {
    content: "\f15b";
}

.ba-form-icons.ba-icon-eye:before {
    content: "\f15c";
}

.ba-form-icons.ba-icon-lock:before {
    content: "\f191";
}

.ba-form-icons.ba-icon-search:before {
    content: "\f1c3";
}

.ba-form-icons.ba-icon-help:before {
    content: "\f1f6";
}

.ba-form-icons.ba-icon-cloud-upload:before {
    content: "\f21e";
}

.ba-form-icons.ba-icon-check:before {
    content: "\f26b";
}

.ba-form-icons.ba-icon-minus-circle:before {
    content: "\f270";
}

.ba-form-icons.ba-icon-minus:before {
    content: "\f273";
}

.ba-form-icons.ba-icon-plus-circle:before {
    content: "\f275";
}

.ba-form-icons.ba-icon-star:before {
    content: "\f27d";
}

.ba-form-icons.ba-icon-chevron-left:before {
    content: "\f2fa";
}

.ba-form-icons.ba-icon-chevron-right:before {
    content: "\f2fb";
}

.ba-form-icons.ba-icon-calendar:before {
    content: "\f32e";
}

/* ========================================================================
    Responsive
 ========================================================================== */

@media (max-width: 1024px){
    .ba-form-products-cart .ba-form-product-quantity-cell {
        margin: 0 25px;
    }

    .ba-form-products-cart .ba-form-product-remove-cell {
        margin-left: 25px;
    }
}

@media (max-width: 768px){
    .com-baforms-wrapper [class*="span"] {
        margin-left: 0;
        width: 100%;
    }

    .ba-form-page {
        padding: 0px !important;
        width: 100% !important;
    }

    .ba-forms-lightbox-row {
        transform: translate(-20px,-20px);
        width: calc(100% + 40px);
    }

    .ba-form-field-item .ba-form-checkbox-wrapper {
        width: 100%;
    }

    .ba-form-field-item .checkbox-image-group-wrapper .ba-form-checkbox-wrapper {
        border: 1px solid rgba(214, 214, 214, 0.4);
    }

    .ba-form-field-item .ba-form-checkbox-wrapper ~ .ba-form-checkbox-wrapper {
        border-top-color: transparent;
    }

    .ba-form-products-cart .ba-form-product-row {
        flex-direction: column;
    }

    .ba-form-products-cart .ba-form-product-remove-cell,
    .ba-form-products-cart .ba-form-product-quantity-cell,
    .ba-form-product-image-cell img {
        margin: 0;
    }

    .ba-form-field-item .ba-form-products-cart .ba-form-product-quantity-cell input {
        text-align: center;
    }

    .ba-form-total-field .field-price-value {
        min-width: auto;
    }

    .ba-form-product-row > * {
        margin-bottom: 10px !important;
    }

    .ba-form-product-image-cell {
        height: auto;
        justify-content: center;
        margin-right: 0;
    }

    .ba-form-total-field .ba-field-container {
        justify-content: center;
    }

    .ba-cart-promo-code-wrapper,
    .ba-form-total-field .ba-field-container .ba-form-calculation-price-wrapper {
        margin-right: 0;
        justify-content: flex-end;
    }

    .ba-cart-promo-code-wrapper + .ba-cart-total-wrapper,
    .ba-cart-promo-code-wrapper {
        width: 100%;
    }

    .ba-cart-promo-code-container,
    .ba-cart-total-wrapper .ba-cart-total-container .ba-cart-total-container-row,
    .ba-form-total-field .ba-field-container {
        flex-direction: column;
    }

    .ba-cart-row-title {
        text-align: left;
    }

    .ba-cart-promo-code-btn {
        margin-left: 0;
    }

    .ba-form-save-progress-link {
        text-align: center;
    }

    .ba-cart-promo-code-btn {
        justify-content: center;
        margin-left: 0;
        margin-top: 10px;
    }

    .ba-form-save-progress-link {
        display: block;
        text-align: center;
        width: 100%;
    }

    .ba-forms-modal-wrapper .ba-forms-modal {
        align-items: center!important;
        box-sizing: border-box;
        padding: 0 25px;
        width: 100%;
        left: 0 !important;
        right: auto !important;
    }

    .ba-form-authorize-modal .ba-forms-modal {
        left: 25px!important;
        padding: 0;
        width: calc(100% - 50px);
    }

    body .ba-forms-modal-wrapper.ba-form-authorize-modal {
        width: 100%;
    }

    .upload-file-input.drag-drop-upload-file .upload-file-drag-drop-title,
    .upload-file-input.drag-drop-upload-file i  {
        display: none;
    }

    .ba-cart-shipping-row .ba-cart-row-title {
        margin-bottom: 10px;
    }

    .ba-forms-modal-wrapper.lightbox-position-top-right .ba-forms-modal,
    .ba-forms-modal-wrapper.lightbox-position-center-right .ba-forms-modal,
    .ba-forms-modal-wrapper.lightbox-position-bottom-right .ba-forms-modal
    .ba-forms-modal-wrapper.lightbox-position-top-left .ba-forms-modal,
    .ba-forms-modal-wrapper.lightbox-position-center-left .ba-forms-modal,
    .ba-forms-modal-wrapper.lightbox-position-bottom-left .ba-forms-modal {
        max-width: 100%;
    }
}

@media (max-width: 480px) {
    .ba-forms-calendar {
        margin-left: -174px;
        margin-top: -210px;
        padding: 20px;
        width: 348px;
    }

    .ba-form-page .ba-form-page-break-button {
        width: 100% !important;
        justify-content: center;
    }

    .ba-form-save-progress-link {
        order: 1;
        text-align: center;
    }

    .ba-form-page .ba-form-page-break-button[data-action="next"] {
        order: 2;
        margin-bottom: var(--field-margin-bottom);
    }

    .ba-form-page:first-child .ba-form-page-break-button[data-action="next"] {
        margin-bottom: 0;
    }

    .ba-form-page .ba-form-page-break-button[data-action="back"] {
        order: 3;
    }

    .ba-form-page-navigation-wrapper {
        display: none;
    }

    .ba-form-page-break-buttons {
        display: inline-flex;
        flex-direction: column;
        margin-bottom: 0;
    }

    .ba-cart-shipping-item {
        flex-wrap: wrap;
    }

    .ba-cart-shipping-item .ba-form-calculation-price-wrapper {
        margin-left: 46px;
        flex-grow: 1;
    }

    .ba-form-field-item.ba-form-calculation-field {
        --calculation-field-typography-font-size: var(--field-typography-font-size);
        --calculation-field-typography-line-height: var(--field-typography-line-height);
        --calculation-label-typography-font-size: var(--label-typography-font-size);
        --calculation-label-typography-line-height: var(--label-typography-line-height);
    }
    
    .ba-form-calculation-field .field-price-value {
        --field-typography-font-size: var(--calculation-field-typography-font-size) !important;
        --field-typography-line-height: var(--calculation-field-typography-line-height) !important;
    }

    .ba-form-field-item.ba-form-calculation-field .ba-field-label-wrapper > * {
        --label-typography-font-size: var(--calculation-label-typography-font-size) !important;
        --label-typography-line-height: var(--calculation-label-typography-line-height) !important;
    }


}

/* ========================================================================
    RTL
 ========================================================================== */

html[dir="rtl"] .step-navigation-style .ba-form-page-navigation-title.current-page .ba-form-page-navigation-counter {
    right: 15px;
    left: auto;
    margin-left: 20px;
    margin-right: 0;
}

html[dir="rtl"] .step-navigation-style .ba-form-page-navigation-title.current-page .ba-page-navigation-title {
    left: auto;
    right: calc(1em + 65px);
}

html[dir="rtl"] .ba-form-radio-field .ba-form-checkbox-wrapper .ba-checkbox-image + .ba-checkbox-wrapper .ba-form-radio span:before, 
html[dir="rtl"] .ba-form-field-item .ba-form-checkbox-wrapper .ba-checkbox-image + .ba-checkbox-wrapper label.ba-form-checkbox > span {
    margin-left: 1em;
    margin-right: 0;
}

html[dir="rtl"] .ba-form-acceptance-field .ba-field-container,
html[dir="rtl"] .ba-form-field-item .ba-form-checkbox-wrapper .ba-checkbox-wrapper {
    padding-left: 0;
    padding-right: 50px;
}

html[dir="rtl"] .ba-form-radio-field .ba-form-checkbox-wrapper .ba-form-radio span:before,
html[dir="rtl"] .ba-form-acceptance-field label.ba-form-checkbox > span,
html[dir="rtl"] .ba-form-field-item .ba-form-checkbox-wrapper label.ba-form-checkbox > span {
    left: auto;
    right: 0;
}

html[dir="rtl"] .characters-wrapper,
html[dir="rtl"] .ba-form-field-item .ba-input-help {
    float: left;
    margin-left: 0;
    margin-right: 10px;
}

html[dir="rtl"] .ba-form-range-liner:not([style*="100%"]) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 6px;
    border-top-left-radius: 0;
    border-top-right-radius: 6px;
}

html[dir="rtl"] .ba-form-range-liner {
    left: auto;
    right: 0;
}

html[dir="rtl"] .ba-form-page .ba-form-page-break-button[data-action="next"] {
    float: left;
}

html[dir="rtl"] .ba-form-page .ba-form-page-break-button[data-action="back"] {
    float: right;
}

html[dir="rtl"] .dots-navigation-style span.ba-form-page-navigation-title:after {
    transform: translateX(calc(50% - 8px));
}

html[dir="rtl"] .com-baforms-wrapper form:not(.dots-navigation-style):not(.step-navigation-style) span.ba-form-page-navigation-title .ba-form-page-navigation-counter {
    margin-right: 0;
    margin-left: 10px;
}

html[dir="rtl"] .com-baforms-wrapper form:not(.dots-navigation-style):not(.step-navigation-style) .ba-form-page-navigation-title:before {
    border-right: 12px solid var(--form-background-color);
    border-left: none;
    left: auto;
    right: 0;
}

html[dir="rtl"] .com-baforms-wrapper form:not(.dots-navigation-style):not(.step-navigation-style) .ba-form-page-navigation-title {
    margin-left: 0;
    margin-right: 3px;
    padding: 10px 20px 10px 10px!important;
}

html[dir="rtl"] .com-baforms-wrapper form:not(.dots-navigation-style):not(.step-navigation-style) .ba-form-page-navigation-title:after {
    right: auto;
    left: -10px;
}

html[dir="rtl"] .com-baforms-wrapper form:not(.dots-navigation-style):not(.step-navigation-style) .ba-form-page-navigation-title.current-page:after {
    border-right: 10px solid var(--theme-color);
    border-left:none;
}

html[dir="rtl"] .com-baforms-wrapper form:not(.dots-navigation-style):not(.step-navigation-style) .ba-form-page-navigation-title:last-child {
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
    border-top-left-radius: var(--field-border-radius)!important;
    border-bottom-left-radius: var(--field-border-radius)!important;
}

html[dir="rtl"] .com-baforms-wrapper form:not(.dots-navigation-style):not(.step-navigation-style):not(.progress-navigation-style) .ba-form-page-navigation-title:first-child {
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important;
    border-top-right-radius: var(--field-border-radius)!important;
    border-bottom-right-radius: var(--field-border-radius)!important;
}

html[dir="rtl"] .com-baforms-wrapper form:not(.dots-navigation-style):not(.step-navigation-style) .ba-form-page-navigation-title:after {
    border-right: 10px solid var(--field-background-color);
    border-left: none;
}

html[dir="rtl"] .ba-forms-calendar-title-wrapper > i {
    transform: scale(-1);
}

/* For IOS */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
    select {
        -webkit-appearance: none
    }
}

@supports (-webkit-text-size-adjust:none) and (-webkit-marquee-repetition:infinite) and (object-fit:fill) {
    select {
        -webkit-appearance: none
    }
}

@media not all and (min-resolution:.001dpcm) {
    select {
        -webkit-appearance: none
    }
}





:root {
	--light-color: #6B6B6B;
	--main-color: #2D2D2D;
	--gold-color: #887441;
    --goldtext-color: #E1BC74;
    --goldbg-color: #E1BA6F;
	--dark-color: #454545;
	--grey-color: #BDBDBD;
    --lighttext-color: #858585;
	
	--font-regular: 'Mulish-Regular';
	--font-bold: 'Mulish-Bold';
	--font-black: 'Mulish-ExtraBold';

	--font-footer: 'Opel Sans';
}

img {
    height: auto;
}

ul {
	list-style: none;
    padding: 0;
    margin: 0;
}
body {
	font-family: var(--font-regular); 
	background: var(--white-color);
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}

a {
    color: var(--goldtext-color);
    font-family: var(--font-bold);
    border-bottom: 1px dashed;
}
* {
    /*-webkit-appearance: none;*/
    outline: none !important;
    text-decoration: none !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-weight: normal;
    line-height: 1.4;
}

.logo-img {
    width: 100%;
}
.flexbox {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.moduletable h3 {
	font-family:'Montserrat-Bold';
	text-transform: uppercase;
}
.container {
	max-width: 1280px;
	margin: 0 auto;
	min-width: 300px;
}
.flexbox {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.header.flexbox {
    align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
}
.header {
    margin: 0 0 15px;
}

a.button-yellow {
    /*background: linear-gradient(256.22deg, #FFF6D5 18.51%, #FCD384 54.27%);
    box-shadow: 0 2px #e1ba6f;*/
    background: linear-gradient(256.22deg, #ff5c16 18.51%, #ff7940 54.27%);
    box-shadow: 0 2px #db4b0d;
    border: none;
    box-sizing: border-box;
    border-radius: 14px;
    color: #fff /*#51575b*/;
    font-family: var(--font-bold);
    text-transform: uppercase;
    font-size: 12px;
    padding: 20px 30px;
    display: inline-block;
}

header {
	background: #fff;
	padding: 15px 0; 
}
header .logo {
	
	box-sizing: border-box;
}
header .main-menu {
    width: 100%;
    background: #F8F8F8;
    padding: 0 20px;
    border-radius: 10px;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}
header .top-adres {
    
}
header .top-adres span {
    background: url(../images/location.svg);
    background-repeat: no-repeat;
    padding: 0 0 0 30px;
    display: inline-block;
    width: 180px;
    background-position: center left;
    font-size: 14px;
    line-height: 1.2;
    font-family: var(--font-bold);
}

header .top-phone {
	
	box-sizing: border-box;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.top-logo {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 30%;
    align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
}
.top-logo a {
    border-bottom: none;
}
.logo-img img {
    max-width: 150px;
    display: block;
}
.top-slogan {
    margin: 0 0 0 20px;
}
.top-slogan span {
    color: var(--dark-color);
    font-size: 14px;
    display: inline-block;
}


/***********МЕНЮ*************/
.top-menu .gorizontal-menu>li>a {
    padding: 0 10px;
    font-family: var(--font-regular);
    font-size: 14px;
    border: none;
    text-transform: unset;
    display: block;
    color: var(--dark-color);
    position: relative;
    line-height: 58px;
    transition: all 0.3s cubic-bezier(0.2, 0.3, 0.25, 0.9);
}

.main-menu {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}
.gorizontal-menu>li {
	position: relative;
	box-sizing: border-box;
}
.gorizontal-menu>li>a {
    padding: 0 10px;
    font-family: var(--font-bold);
    font-size: 14px;
    border: none;
    text-transform: uppercase;
    display: block;
    color: var(--main-color);
    position: relative;
    line-height: 58px;
    transition: all 0.3s cubic-bezier(0.2, 0.3, 0.25, 0.9);
}
a.color-link {
    color:#ff5c16 !important;
}
.gorizontal-menu>li>a:hover {
    color: #ff5c16;
    transition: all 0.3s cubic-bezier(0.2, 0.3, 0.25, 0.9);
}

/*.gorizontal-menu>li:hover>a,
.gorizontal-menu>li.active>a {
    background: #feefea;
    color: #fc3b04;
    transition: all 0.3s cubic-bezier(0.2, 0.3, 0.25, 0.9)
}
.gorizontal-menu>li:hover>a:before,
.gorizontal-menu>li.active>a:before {
	content: '';
	height: 3px;
	transition: height 0.1s cubic-bezier(0.2, 0.3, 0.25, 0.9)
}

.gorizontal-menu>li>a:before {
	content: '';
    width: 100%;
    position: absolute;
    left: 0;
    height: 0;
    bottom: 0;
    background: #fc3b04;
    transition: height 0.1s cubic-bezier(0.2, 0.3, 0.25, 0.9)
}
*/
.gorizontal-menu>li.parent>a {
	padding:0 20px 0 10px;
}
.gorizontal-menu>li.parent>a:before {
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    background: url(../images/download.svg);
    background-size: contain;
    right: 5px;
    top: 50%;
    margin-top: -4px;
}




.gorizontal-menu li .nav-child li a {
	/*text-transform: uppercase;*/
	padding: 0 15px;
	
	background: #fff;
	
	    font-size: 14px;
    
	color: #373737;
	border-bottom: 1px solid #f1f1f1;
	transition: all 0.3s cubic-bezier(0.2, 0.3, 0.25, 0.9);

        line-height: 1.3;
    height: 50px;
    align-items: center
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.gorizontal-menu li .nav-child li a:hover,
.gorizontal-menu li .nav-child li.active a {
	color: #050f18;
    transition: all 0.3s cubic-bezier(0.2, 0.3, 0.25, 0.9)
}
.gorizontal-menu li .nav-child li:last-child a {
	border-bottom: none;
}

.gorizontal-menu li .nav-child {
	display: none;
    position: absolute;
    top: 58px;
    width: 290px;
    padding: 0px 0;
    background: #ffffff;
    left: -20px;
    z-index: 10;
    box-shadow: 0px 10px 25px rgb(5 16 25 / 15%);
    border-radius: 10px;
    overflow: hidden;
}

.gorizontal-menu li:hover .nav-child {
	display: block;

	-webkit-animation-name: fadeInUp;
	 animation-name: fadeInUp;
	 -webkit-animation-duration: 0.3s;
	 animation-duration: 0.3s;
	 -webkit-animation-fill-mode: both;
	 animation-fill-mode: both;
	-webkit-animation-timing-function:cubic-bezier(0.2, 0.3, 0.25, 0.9);
	-o-animation-timing-function:cubic-bezier(0.2, 0.3, 0.25, 0.9);
	-moz-animation-timing-function:cubic-bezier(0.2, 0.3, 0.25, 0.9);
}

@-webkit-keyframes fadeInUp {
  0% {
	  opacity: 0;
	  -webkit-transform: translate3d(0, 10%, 0);
	  transform: translate3d(0, 10%, 0);
  }
  100% {
	  opacity: 1;
	  -webkit-transform: none;
	  transform: none;
  }
  }
  @keyframes fadeInUp {
  0% {
	  opacity: 0;
	  -webkit-transform: translate3d(0, 10%, 0);
	  transform: translate3d(0, 10%, 0);
  }
  100% {
	  opacity: 1;
	  -webkit-transform: none;
	  transform: none;
  }
 } 


.gorizontal-menu .nav-child:before {
	content: '';
	width: 100%;
    height: 2px;
    top: -2px;
    position: absolute;
    left: 0;
}

.gorizontal-menu li .nav-child li a img {
    width: 30px;
    vertical-align: middle;
    margin: 0 10px 0 0;
    opacity: 0.4;
}

.gorizontal-menu {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.gorizontal-menu.nav>li>.nav-child>li>.nav-child,
.gorizontal-menu.nav>li>.nav-child>li>.nav-child>li>.nav-child {
	display: none;
	position: absolute;
    z-index: 1;
    width: 275px;
    background: #fff;
    left: 100%;
    top:0;
    /*top: -1px;
    border-top: 1px solid #efefef;
    border-left: 1px solid #efefef;*/

}

.gorizontal-menu.nav>li>.nav-child>li {
        position: relative;
}
.gorizontal-menu.nav>li>.nav-child>li:hover>a,
.gorizontal-menu.nav>li>.nav-child>li>.nav-child>li:hover>a,
.gorizontal-menu.nav>li>.nav-child>li>.nav-child>li>.nav-child>li:hover>a {
	background: #f8f8f8;
}

.gorizontal-menu.nav>li:hover>.nav-child,
.gorizontal-menu.nav>li>.nav-child>li:hover>.nav-child,
.gorizontal-menu.nav>li>.nav-child>li>.nav-child>li:hover>.nav-child {
	display: block;
	min-height: auto;
}


/***************мобильное меню***************/
.mobile-menu-block-open {
    position: fixed;
    width: 100%;
}
.mobile-menu-block-open .mobmenucover {
    opacity: 0.75;
    visibility: visible;
    transition: all 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0.2s
}
.mobmenucover {
    position: absolute;
    background: var(--gold-color);
    height: 100%;
    width: 100%;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0.2s
}
.mobile-menu-block {
	position: fixed;
  	top: 0;
  	/*touch-action: none;*/
  	right: 0;
    z-index: 100;
  	height: 100%;
  	overflow-y: auto;
  	bottom: 0;
  	width: 300px;
  	background: #fff;
  	-webkit-transform: translate3d(300px, 0, 0);
  	-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9);
}
.mobile-menu-block-open .mobile-menu-block  {
	-webkit-transform: translate3d(0px, 0, 0);
  	-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9);
}
.mobile-menu-block-open .full-content {
  -webkit-transform: translate3d(-300px, 0, 0);
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9);
}
.full-content{
	-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9);
}

.mobile-menu .mob-nav-child a img {
	display: inline-block;
    vertical-align: middle;
    width: 30px;
    opacity: 0.5;
    margin: 0 10px;
}


.mobilenav>.mobile-menu>li>a {
	border-bottom: 1px solid #f1f1f1;
    display: block;
    padding: 10px;
    color: inherit;
}
.simplemobmenu a {
    font-family: var(--font-regular);
}
.mobilenav>.mobile-menu .current.active>a {
	color: var(--cian-color);
    font-family: var(--font-bold);
}
.mobilenav .mobile-menu li {
	position: relative;
}
.mobilenav .mobile-menu li .mob-toggle-right,
.mobilenav>.mobile-menu>li.current.mob-parent.active .mob-toggle-right,
.mobilenav .mobile-menu li.active.mob-parent .mob-toggle-right.menu-minus.menu-plus {
    position: absolute;
    width: 45px;
    height: 42px;
    display: block;
    right: 0;
    top: 0;
    background: #f2f4f7 url(../images/menu-plus.svg) center no-repeat;
    background-size: 8px;
}
.mobilenav>.mobile-menu>li.mob-parent.active .mob-toggle-right,
.mobilenav>.mobile-menu>li.current.mob-parent.active .mob-toggle-right.menu-minus,
.mobilenav .mobile-menu li .mob-toggle-right.menu-minus {
	background: #f2f4f7 url(../images/menu-minus.svg) center no-repeat;
	background-size: 8px;
}


.mobilenav>.mobile-menu>li .mob-nav-child,
.mobilenav>.mobile-menu>li.current.mob-parent.active .mob-nav-child {
	border-bottom: 1px solid #f1f1f1;
	/*display: none;*/
	padding: 0 0 0 15px;
}
.mobilenav>.mobile-menu>li.mob-parent.active .mob-nav-child {
	display: block;
}
.mobilenav>.mobile-menu>li .mob-nav-child li a {
	display: block;
    padding: 10px;
    border-bottom: 1px solid #f1f1f1;
    color: inherit;
    font-size: 14px;
}
.mobilenav>.mobile-menu>li .mob-nav-child li:last-child a {
	border: none;
}



.adress {
	color: #fff;
    position: relative;
    padding: 0 0 0 30px;
    font-size: 14px;
}
.adress:before {
	content: '';
    width: 20px;
    background: url(../images/maps-and-flags.svg);
    position: absolute;
    height: 20px;
    left: 0;
    background-size: contain;
    top: 50%;
    margin: -10px 0 0;
}

.hidden {
	display: none !important;
}
.hidden-large {
	display: none
}

.logo img {
    display: block;
    max-width: 150px;
}

.mobile {
    display: none;
}

.modal-form h2 {
   font-family: var(--font-bold);
    font-size: 26px;
    margin: 15px 0 15px; 
    line-height: 1.15;
}

.modal-form h3 {
    font-family: var(--font-bold);
    font-size: 20px;
    margin: 15px 0 15px; 
    line-height: 1.15;
}
form input[type="tel"]{
    padding: 20px 20px 20px 70px;
    font-size: 18px;
    font-family: inherit;
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 12px;
    resize: none;
    background: #FFFFFF url(../images/input-ico-tel.svg);
    border-radius: 15px;
    border: 2px solid #ddd;
    background-position: 15px center;
    background-repeat: no-repeat;
}
.modal-form form input[type="submit"]{
    margin: 0 0 3px 0;
    font-size: 16px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
        color: #fff;
    line-height: 1;
    border: none;
    width: 100%;
    padding: 37px;
    text-align: center;
    box-sizing: border-box;
    display: inline-block;
    font-family: var(--font-bold);
    border-radius: 20px;
    cursor: pointer;
    -webkit-appearance: none !important;
    background: linear-gradient(256.22deg, #ff5c16 18.51%, #ff7940 54.27%);
    box-shadow: 0 2px #db4b0d;
}

.field_required.error {
    border: 2px solid #FF5C16
}



.top-phone button.mob-menu-toggle {
    vertical-align: middle;
    height: 50px;
    width: 50px;
    background: #ff5c16 url(../images/burger.svg) center no-repeat;
    background-size: 20px;
    border: none;
    margin: 0 0px 0 20px;
    cursor: pointer;
    border-radius: 3px;
}
.top-phone.mobile-phone {
    display: none;
    text-align: center;
    width: 100%;
    margin: 10px 0 0;
}
.top-phone.mobile-phone a.tel {
    font-family: var(--font-black);
    font-size: 24px;
    color: #ffffff;
}
.top-phone.mobile-phone .timework{
    display: block;
    font-size: 14px;
    margin: 0px 0 0 30px;
    color: #ffffff;
    font-family: var(--font-black);
    opacity: 1;
}
.mobile-contacts {
    display: block;
    background: var(--cian-color);
    position: fixed;
    z-index: 10 /*border-bottom: 1px solid rgb(255 255 255 / 0.15);*/;
    display: block;
    bottom: 10px;
    right: 10px;
    border-radius: 5px;
    overflow: hidden;
    top: inherit;
}
.mobile-contacts>div {
    width: auto;
    box-sizing: border-box;
    text-align: center;
        border-bottom: 1px solid rgb(255 255 255 / 0.15);
}
.mobile-contacts>div a {
    display: block;
    color: #fff;
    padding: 20px 20px 20px 20px;
    position: relative;
    font-size: 0;
}
.mobile-contacts>div.mobile-call a {
    background: url(../images/mcall.svg) 10px 10px no-repeat;
    background-size: 18px;
}
.mobile-contacts>div.mobile-whatsap a {
    background: #4CAF50 url(../images/mwhatsap.svg) 10px 10px no-repeat;
    background-size: 18px;
}
.mobile-contacts>div.mobile-adress a {
    background: #FFC107 url(../images/mmap.svg) 10px 10px no-repeat;
    background-size: 18px;
}

.description-item p {
    text-align: justify;
    text-indent: 15px;
}
.description-item p:first-child {
    margin: 0 0 15px;
}
.description-item ul {
        margin: 15px 0;
}
.description-item ul li {
    position: relative;
    padding-left: 15px;
}
.description-item ul li:before {
    content: '';
    width: 5px;
    height: 5px;
    background: var(--cian-color);
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2.5px;

}
.description-item img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}
strong  {
    font-family: var(--font-bold);
}
a.stock-button {
    background: var(--cian-color);
    color: #fff;
    border: none;
    font-family: var(--font-heading);
    font-size: 24px;
    margin: 25px 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    height: 80px;
    line-height: 80px;
    padding: 0 25px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 10px;
    cursor: pointer;
}
.fulltext-form {
    margin: 25px 0;
}




.simple-link {
    color: var(--cian-color);
    font-family: var(--font-bold);
    position: relative;
}
.simple-link:before {
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    background: url(../images/down-arrow.svg);
    background-size: contain;
    right: -14px;
    top: 50%;
    margin-top: -4px;
    transition: all 0.3s ease
}
.spoiler-wrap.active .simple-link:before {
    transform: rotate(180deg);

}

.contacts {
	padding: 100px 0;
}

.left-cont-block,
.right-cont-block {
	width: 50%;
	min-height: 400px;
}
.map {
	height: 100%;
    border-radius: 10px;
    overflow: hidden;
}

.footer-item .contact-item {
    margin: 0 0 25px;
}
.contact-item span {
    display: inline-block;
    color: var(--lighttext-color);
    margin: 0 0 0px;
    font-family: var(--font-regular);
    position: relative;
    padding: 0 0 0 15px;
}
.contact-item span:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    background: #4CAF50;
    border-radius: 50%;
    left: 0px;
    top: 8px;
}



a.contact-phone-icon {
    background: url(../images/phone-icon.svg);
    background-size: 20px;
    padding-left: 30px;
    background-position: left center;
    background-repeat: no-repeat;
}
a.whatsapp-icon {
    background: url(../images/whatsapp.svg);
    background-size: 100%;
    width: 50px;
    height: 50px;
    display: block;
    background-position: left center;
    background-repeat: no-repeat;
}

.contact-item.whatsapp-icon-messenger {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    justify-content: end;
    -webkit-box-pack: end;
    -webkit-justify-content: end;
    -ms-flex-pack: inherit;
}
.footer-item .whatsapp-number {
    margin: 0 0 0 10px; ;
}
.fulltitle {
    width: auto;
    margin: 30px 0 0;
}



.footer-menu a {
    padding: 10px 0;
    display: inline-block;
}



footer {
    padding: 70px 0;
    border-top: 1px solid #EFEFEF;
}

.footer-item {
    width: 25%;
    box-sizing: border-box;
}
.footer-item .contact-block {
    padding: 0;
}
.footer-item .contact-item {
    margin: 0 0 20px;
    text-align: right;
}
.footer-item .contact-phone-icon {
    background-size: 20px;
}
.footer-item .contact-mail-icon {
    background-size: 24px;
}
.footer-item .contact-map-icon {
    background-size: 20px;
}
.contact-item a {
    font-size: 24px;
    font-family: var(--font-bold);
    color: var(--dark-color);
    border: none;
}
.bottom-slogan {
    padding: 15px 0 0;
    margin: 20px 0;
    color: var(--light-color);
}
.bottom-slogan span {
    position: relative;
}
.bottom-slogan span:before {
    content: '';
    width: 100%;
    height: 1px;
    background: #EFEFEF;
    position: absolute;
    left: 0;
    top: -15px;
}
.footer-item .menu a {
    color: var(--main-color);
    border: none;
    margin-bottom: 5px;
    display: inline-block;
}

.copyright {
    font-size: 14px;
    margin: 30px 0 0;
}
.copyright .copy {
    display: inline-block;
    margin-right: 15px;
}
.copyright a {
    display: inline-block;
    margin-right: 15px;
    color: var(--grey-color);
}
.copyright .uplite {
    color: var(--light-color);
    display: inline-block;
    opacity: 0.5;
    font-family: 'Opel Sans';
    font-size: 16px;
    line-height: 1.2;
    font-weight: bold;
}


.title-page {
    font-family: var(--font-bold);
    font-size: 42px;
    position: relative;
    padding: 0 0 25px;
    display: block;
    margin: 0 0 25px;
    line-height: 1.2;
}
.title-page:before {

}
.title-page span {

}
.section {
    padding: 80px 0; 
}
.gift-widget {
        left: 30px;
    bottom: 30px;
    z-index: 10;
    position: fixed;
}
.gift-widget a {
    background: linear-gradient(256.22deg, #ff5c16 18.51%, #ff7940 54.27%);
    box-shadow: 0 2px #db4b0d;
    border: none;
    box-sizing: border-box;
    border-radius: 14px;
    color: #ffffff;
    font-family: var(--font-black);
    text-transform: uppercase;
    font-size: 14px;
    padding: 20px 30px 20px 80px;
    display: block;
    max-width: 200px;
}
.gift-widget span.gift-icon {
    position: absolute;
    width: 50px;
    left: 15px;
    top: calc(50% - 25px);
    height: 50px;
    border-radius: 50%;
    border: none;
    display: block;
    margin: 0 auto;
    z-index: 10;
    background: #fff url(../images/gift-bar.svg);
    background-size: 30px;
    background-position: center;
    background-repeat: no-repeat;
}
/*.gift-widget span.gift-icon:before {
    content: '';
    position: absolute;
    width: 60px;
    height: 60px;
    z-index: -1;
    left: -5px;
    top: -5px;
    background: rgb(255 255 255 / 25%);
    border-radius: 50%;
}*/

.form-zamer {
    padding: 80px 0;
}
.form-economy {
    padding: 80px 0 0;   
}

.form-zamer .formcta-container:before {
    content: '';
    width: 654px;
    height: 294px;
    position: absolute;
    background: url(../images/zamer-bg.webp);
    bottom: 0;
    left: 0;
    background-size: contain;
}
.form-economy .formcta-container:before {
    content: '';
    width: 576px;
    height: 309px;
    position: absolute;
    background: url(../images/economy-bg.webp);
    bottom: 0;
    left: 0;
    background-size: contain;
}

.kukhni .form-zamer .formcta-container:before {
    background: url(../images/zamer-kukhni-bg.webp);
    width: 631px;
    height: 348px;
    background-size: contain;
}
.kukhni .form-economy .formcta-container:before {
    background: url(../images/economy-kukhni-bg.webp);
    width: 553px;
    height: 346px;
    background-size: contain;
}
.formcta-container {
    background: linear-gradient(256.22deg, #FFF6D5 18.51%, #FCD384 54.27%);
    border-radius: 40px;
    box-sizing: border-box;
    padding: 50px 50px 60px;
    position: relative;
}
.formcta-container-left {
    width: 60%;
    padding: 0 30px 0 0;
    box-sizing: border-box;
}
.formcta-container-left .form-title-text {
    font-size: 36px;
    line-height: 1;
    display: block;
    margin: 0 0 30px;
}
.formcta-container-left .form-title-text span{
    font-family: var(--font-bold);
}
.formcta-container-left .form-title-description {
    font-size: 18px;
}
.formcta-container-right form input[type="submit"]{
    margin: 0 0 3px 0;
    font-size: 16px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    line-height: 1;
    border: none;
    width: 100%;
    padding: 37px;
    text-align: center;
    box-sizing: border-box;
    display: inline-block;
    font-family: var(--font-bold);
    cursor: pointer;
    -webkit-appearance: none !important;
    background: linear-gradient(256.22deg, #5A5A5A 18.51%, #2D2D2D 54.27%);
    border-radius: 20px;
    color: #FFFFFF;
}
.formcta-container-right {
    width: 40%;
}
.formcta-container-right form {
    background: #fff;
    padding: 60px 30px;
    border-radius: 30px;
    margin: 0px 0 0;
}
.formcta-container-right form span.form-title {
    font-size: 20px;
    text-align: center;
    display: inline-block;
    line-height: 1.2;
    margin: 0 0 30px;
}
.formcta-container-right form span.form-title span {
    font-family: var(--font-bold);
    display: block;
}



.mobile-menu-contacts {
    padding: 15px;
    background: #f5f5f5;
}
.mobile-menu-contacts .contact-block {
	padding: 0;
    margin: 0 0 0px;
}
.mobile-menu-contacts .contact-item {
	padding: 0 0 0 0px;
    margin: 0 0 20px;
    text-align: right;
}
.mobile-menu-contacts .contact-phone-icon {
	    background-size: 20px;
}
.mobile-menu-contacts .contact-item.whatsapp-icon-messenger {
    justify-content: end;
    -webkit-box-pack: end;
    -webkit-justify-content: end;
    -ms-flex-pack: inherit;
    align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
}
.mobile-menu-contacts .contact-item span {
    font-size: 14px;
}

.mobile-menu-contacts .contact-item a {
    font-size: 18px;
}
.mobile-menu-contacts  a.whatsapp-icon {
    width: 40px;
    height: 40px
}

.menu-mobile-bar {
    display: none;
    z-index: 10;
}
.menu-mobile-bar-button {
width: 33.3%;
}
.menu-mobile-bar-button a {
    width: 36px;
    height: 36px;
    background: #fff;
    border-radius: 50%;
    border: none;
    position: relative;
    display: block;
    margin: 0 auto;
}
.menu-mobile-bar-button a:before {
    content: '';
    position: absolute;
    width: 46px;
    height: 46px;
    z-index: -1;
    left: -5px;
    top: -5px;
    background: rgb(255 255 255 / 25%);
    border-radius: 50%;

}
.menu-mobile-bar-button a.gift-icon {
background: #fff url(../images/gift-bar.svg);
    background-size: 30px;
    background-position: center;
    background-repeat: no-repeat;
}
.menu-mobile-bar-button a.whatsapp-icon {
background: #fff url(../images/whatsapp-bar.svg);
    background-size: 30px;
    background-position: center;
    background-repeat: no-repeat;
}
.menu-mobile-bar-button a.phone-icon {
background: #fff url(../images/phone-bar.svg);
    background-size: 30px;
    background-position: center;
    background-repeat: no-repeat;
}
.mobile-menu-block-content {
    padding: 0 0 90px 0;
}

div.modalimg {
border-radius: 15px;
    overflow: hidden;
}
div.modalimg img {
    max-width: 100%;
    display: block;
}

.triggers-body .trigger-item {
    width: 25%;
    box-sizing: border-box;
        margin-bottom: 15px;
}
.triggers-body .trigger-block {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
}
.triggers-body .trigger-img {
    width: 25%;
    box-sizing: border-box;
}
.triggers-body .trigger-img img {
        max-width: 100%;
    display: block;
}
.triggers-body .trigger-text {
    width: 75%;
    padding: 0 0 0 20px;
}
.triggers-body .trigger-text .trigger-title {
        line-height: 1.2;
    display: block;
}


/*********************************/
.ba-page-navigation-title {
    font-size: 16px !important;
}
.ba-input-label-wrapper {
    font-family: var(--font-bold) !important;
}
.ba-form-page .ba-form-page-break-button[data-action="next"] {
    font-size: 16px !important;
    font-family: var(--font-bold) !important;
}
.ba-form-page .ba-form-page-break-button {
    font-size: 16px !important;
    font-family: var(--font-bold) !important;
}
.ba-form-acceptance-field .ba-field-container, .ba-form-field-item .ba-form-checkbox-wrapper {
    margin: 10px 0 !important;
}
.ba-form-page-break-buttons {
    margin: 10px 0 !important;
}
.ba-checkbox-image img {
    border-radius: 20px;
}
.ba-form-checkbox-title {
    font-size: 16px;
    line-height: 1.2;
    display: inline-block;
}
.ba-form-field-item .checkbox-image-group-wrapper 
.ba-form-checkbox-wrapper.checkbox-image-wrapper {
    background: #fff;
}
.ba-form-poll-field.ba-form-field-item .ba-form-checkbox-wrapper, 
.ba-form-field-item .checkbox-image-group-wrapper .ba-form-checkbox-wrapper {
    padding: 20px 20px 0px 20px !important;
}
.ba-field-label-wrapper .ba-input-label-wrapper {
    display: inline-block;
    line-height: 1.2 !important;
}

/*********************/

.main-offer {
        min-height: 800px;
    padding: 0 0 0px 0;
}
.main-offer-content {
    position: relative;
}
.main-offer-content h1 {
    font-size: 76px;
    font-family: var(--font-bold);
    line-height: 0.8;
    margin: 40px 0;    
}
.main-offer-content h1 span{
    font-size: 45px;
    display: block;
    font-family: var(--font-regular);
}
.main-offer-content .main-offer-form {
    border: 2px solid #ddd;
    background: #F8F8F8;
    padding: 30px;
    border-radius: 30px;
    max-width: 700px;
    margin: 60px 0 0px;
}
.main-offer-content .main-offer-form-text:before{
    content: '';
    width: 200px;
    background: url(../images/journal.svg);
    height: 142px;
    position: absolute;
    top: -120px;
    left: -30px;
    background-size: contain;
}
.main-offer-content .main-offer-form-text {
    width: 50%;
    margin: 30px 0 0;
    position: relative;
    text-align: left;

}
.main-offer-content .main-offer-form-text .form-title {
    font-size: 20px;
    font-family: var(--font-bold);
    display: block;
    line-height: 1.2;
}
.main-offer-content .main-offer-form-text .form-title span {
        color: #ff5c16;
        line-height: 1.2;
}
.main-offer-content .main-offer-form-text .form-description {
    color: var(--light-color);
    margin: 15px 0 0;
    display: block;
}
.main-offer-content .main-offer-form-form {
    width: 50%;
}
.main-offer-content .main-offer-form-form input[type="submit"]{
    margin: 0 0 3px 0;
    font-size: 16px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #fff  /*#51575b*/;
    line-height: 1;
    border: none;
    width: 100%;
    padding: 37px;
    text-align: center;
    box-sizing: border-box;
    display: inline-block;
    font-family: var(--font-bold);
    border-radius: 20px;
    cursor: pointer;
    -webkit-appearance: none !important;

    background: linear-gradient(256.22deg, #ff5c16 18.51%, #ff7940 54.27%);
    box-shadow: 0 2px #db4b0d;
    /*
    background: linear-gradient(256.22deg, #FFF6D5 18.51%, #FCD384 54.27%);
    box-shadow: 0 2px #e1ba6f;*/
}
.main-offer-content .triggers {
    width: 50%;
}
.main-offer-content .triggers .trigger-block {
    width: 50%;
    box-sizing: border-box;
    position: relative;
    padding: 10px 10px 10px 40px;
    color: var(--dark-color);
    text-align: left;
}
.main-offer-content .triggers .trigger-block:before {
    content: '';
    width: 28px;
    height: 28px;
    background: url(../images/check.svg);
    position: absolute;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
    top: 16px;
}
.main-offer-content .main-image {
    position: absolute;
    z-index: -1;
    width: 600px;
    height: 700px;
    overflow: hidden;
    border-radius: 200px 0 0 0;
    right: 0;
    top: 0;
}
.main-offer-content .main-image img {
        min-width: 100%;
    max-height: 100%;
    position: absolute;
    z-index: 1;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    object-fit: cover;
}



.portfolio {
    background: #F8F8F8;
}
.recomendation {
    background: #F8F8F8;    
}
.recomendation .slide-content {
position: relative;
    padding: 0;
    border-radius: 20px;
    overflow: hidden;
}
.recomendation .slide-content img {
    max-width: 85%;
    display: block;
    margin: 0 auto;
    border: 2px solid #E1BA6F;
    border-radius: 20px;
}
.recomendation .slick-slide {
    padding: 0;
}
.recomendation .button-yellow {
    margin: 30px auto 10px;
    display: table;

}



.calculation {
    background: linear-gradient(256.22deg, #FFF6D5 18.51%, #FCD384 54.27%);
    box-sizing: border-box;
    padding: 50px 0;
    position: relative;
}
.calculation-block-top {
    background: #F8F8F8;
    padding: 60px;
    border-radius: 30px;
}
.calculation-block-top .calculation-left {
    width: 100%;
    box-sizing: border-box;
}
.calculation-block-top .title-page {
    line-height: 1.2;
    display: block;
    margin: 0;
    padding: 0;
}
.calculation-block-top .title-page span {
    color: #ff5c16;
    line-height: 1.2;
}
.calculation-block-top .calculation-right {
    width: 50%;
    box-sizing: border-box;
}
.calculation-block-top .calculation-right .calculation-info {
    background: #fff url(../images/gift-calc.webp) no-repeat;
    background-position: left bottom;
    padding: 30px 15px 30px 150px;
    border-radius: 20px;
    box-sizing: border-box;
}
.calculation-block-top .calculation-right .calculaton-info-title {
    font-size: 16px;
    font-family: var(--font-bold);
    display: block;
    line-height: 1.2;
    margin: 0 0 10px;
}
.calculation-block-top .calculation-right .calculaton-info-title span {
    color: #ff5c16; 
}
.calculation-block-top .calculation-right .calculation-info-description {
    font-size: 14px;
    color: #858585;
}
.calculation-block-quiz {

}

.up-pricons.flexbox{
    margin-left: -15px;
} 
.proizvodstvo-icons-block {

}
.proizvodstvo-icons-block .proizvodstvo-img {
    width: 48%;
    box-sizing: border-box;
}
.proizvodstvo-icons-block .proizvodstvo-icons {
    width: 50%;
    box-sizing: border-box;
}
.proizvodstvo-icons-block .proizvodstvo-icons .pricons-item {
    width: 50%;
    box-sizing: border-box;
    margin: 0 0px 15px 0;
    padding: 0 0 0 15px;
}
.proizvodstvo-icons-block .proizvodstvo-icons .pricons-item:nth-child(7),
.proizvodstvo-icons-block .proizvodstvo-icons .pricons-item:nth-child(8) {
    margin: 0 0px 0px 0;
}
.proizvodstvo-icons-block .proizvodstvo-icons .pricons-item .pricons-block {
    background: #F8F8F8;
    border-radius: 20px;
    padding: 20px 20px 30px 20px;
    box-sizing: border-box;
    position: relative;
    height: 100%;
}
.proizvodstvo-icons-block .proizvodstvo-icons .pricons-item .pricons-block .pricons-img {
    position: absolute;
    right: 15px;
    bottom: 15px;
}
.proizvodstvo-icons-block .proizvodstvo-icons .pricons-item .pricons-block .pricons-img img {
    display: block;
}
.proizvodstvo-icons-block .proizvodstvo-icons .pricons-item .pricons-block .pricons-text {
    width: 60%;
}
.proizvodstvo-icons-block .proizvodstvo-icons .pricons-item .pricons-block .pricons-text span{
    line-height: 1.2;
    display: inline-block;
}
.proizvodstvo-icons-block .proizvodstvo-img img {
    max-width: 100%;
    min-width: 100%;
    position: absolute;
    z-index: 1;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
}
.proizvodstvo-icons-block .proizvodstvo-img {
    border-radius: 30px;
    overflow: hidden;
    position: relative;
}
.proizvodstvo-icons-block {
    
}
.proizvodstvo.section {
    padding: 80px 0 0;
}

/*soglasie*/
.soglasie-form input[type="checkbox"] {
    display: none;
}
.soglasie-form {
    margin: 10px 0 0;
}
.soglasie-form .sogl label {
    position: relative;
    display: inline-block;
    width: 28px;
    height: 28px;
    cursor: pointer;
}
.soglasie-form .sogl label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1px solid #DFEBF0;
}
.soglasie-form input:checked ~ label:after {
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 1px;
    background: url(../images/check-form.svg) no-repeat;
    background-position: center;
    background-size: 10px;
    transition: all 0.3s ease;
}
.soglasie-form .sogl {
    display: inline-block;
    vertical-align: middle;
}
.soglasie-form .sogl-txt {
    font-size: 12px;
    line-height: 1.4;
    color: #BDBDBD;
    padding: 0 0 0 5px;
    display: inline-block;
    vertical-align: middle;
}
.sogl-link {
    color: #6B6B6B;
}
.modal-form h2 span {
    color: #ffffff;
    display: block;
    background: #ff5c16;
    border-radius: 24px;
    padding: 4px;
    margin: 5px 0;
}
.modal-form span.modal-description {
    display: block;
    margin: 15px 0;
    color: #6B6B6B;
}
.mapblock {

}

.map-consultation {

}
.map-consultation-left {
    width: 68%;
    box-sizing: border-box;
    border-radius: 30px;
    overflow: hidden;
    border: 2px solid #E1BA6F;
}
.map-consultation-right {
    width: 30%;
    box-sizing: border-box;
    background: #F8F8F8;
    padding: 30px;
    border-radius: 30px;
}

.map-consultation-right input[type="submit"] {
    margin: 0 0 3px 0;
    font-size: 16px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #fff;
    line-height: 1;
    border: none;
    width: 100%;
    padding: 37px;
    text-align: center;
    box-sizing: border-box;
    display: inline-block;
    font-family: var(--font-bold);
    border-radius: 20px;
    cursor: pointer;
    -webkit-appearance: none !important;
        background: linear-gradient(256.22deg, #ff5c16 18.51%, #ff7940 54.27%);
    box-shadow: 0 2px #db4b0d;
}
.map-consultation-right form span.form-title {
    text-align: center;
    display: inline-block;
    font-size: 24px;
    margin: 0 0 40px;
    line-height: 1.2;
}
.map-consultation-right form span.form-title span {
    font-family: var(--font-bold);
    font-size: 28px;
}


/***************************/
.tab {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: inherit;
    flex-wrap: nowrap;
    margin: 0px 0 30px -10px;
}
.portfolio .tab .btn {
    padding-left: 10px;
    width: 12.5%;
    box-sizing: border-box;
}
.portfolio .tab .btn .btn-inf {
    position: relative;
    background: #fff;
    padding: 10px;
    display: block;
    text-align: center;
    border-radius: 15px;
    height: 110px;
    cursor: pointer;
    font-family: var(--font-bold);
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    transition: all 0.3s cubic-bezier(0.2, 0.3, 0.25, 0.9);
}
.portfolio .tab .btn .btn-inf .tab-title {
    line-height: 1.2;
    display: block;
    margin: 10px 0 0;
    height: 60px;
}
.portfolio .tab .btn .btn-inf .tab-price {
    background: #2D2D2D;
    color: #fff;
    border-radius: 30px;
    border: 2px solid;
    padding: 5px 10px;
    font-size: 14px;
    font-family: var(--font-bold);
    display: block;
}


.portfolio .tabContent {
  display: none;
  opacity: 0;
  transition: opacity 2s;

}

.portfolio .show {
  display: block;
  opacity: 1;
}

.portfolio .btn.active {
  
}
.portfolio .btn.active .btn-inf {
      background: #fcd384;
      transition: all 0.3s cubic-bezier(0.2, 0.3, 0.25, 0.9);
}

.portfolio-block-inf {
    padding: 30px;
    background: #fff;
    border-radius: 20px;
    margin: 0 20px;
}
.portfolio-block-inf .portfolio-block-inf-left {
    width: 50%;
    box-sizing: border-box;
}
.portfolio-block-inf .portfolio-block-inf-left .portfolio-img {
    position: relative;
    min-height: 600px;
    border-radius: 20px;
    overflow: hidden;
}
.portfolio-block-inf .portfolio-block-inf-left .portfolio-img img {
    max-width: 100%;
    min-width: 100%;
    position: absolute;
    z-index: 1;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
}
.portfolio-block-inf .portfolio-block-ing-right {
    width: 45%;
    box-sizing: border-box;
}
.portfolio-block-inf .portfolio-block-ing-right .portfolio-title {
    font-size: 18px;
    text-transform: uppercase;
    font-family: var(--font-bold);
    margin: 0 0 15px;
    padding: 0 0 15px;
    display: block;
}

.descr-block {
    margin: 0 0 30px;
}
.descr-block div {
    margin: 5px 0;
}
.descr-block div span.char {
    font-family: var(--font-bold);
}
.descr-block div span.value  {
    
}

.flexbox.kitchen {
    margin-left: -20px;
}
.kitchen .portfolio-block {
    padding-left: 20px;
    width: 50%;
    box-sizing: border-box;
    margin: 0 0 15px;
}
.kitchen .portfolio-block-inf {
    margin: 0;
}
.kitchen .portfolio-block-inf .portfolio-block-inf-left {
    width: 100%;
    box-sizing: border-box;
}
.kitchen .portfolio-block-inf .portfolio-block-ing-right {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}
.kitchen .portfolio-block-inf .portfolio-block-ing-right .portfolio-title {
    margin: 15px 0 15px;
    padding: 0 0;
}
.kitchen .portfolio-block-inf .portfolio-block-inf-left .portfolio-img {
    min-height: 400px;
}


/************************************Обязательные стили********************************/

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    width: 60px;
    height: 60px;
    padding: 0;
    cursor: pointer;
    border: none;
    outline: none;
    top: calc(50% - 30px);
    background: #fff;
    border-radius: 3px;
    z-index: 1;
}

/*.slick-prev
{
    left: 25px;
    background: #fff url(../images/left-arrow.svg);
        background-size: 26px;
    background-position: center;
    background-repeat: no-repeat;
}
.slick-next
{
    left: 95px;
    background: #fff url(../images/right-arrow.svg);
        background-size: 26px;
    background-position: center;
    background-repeat: no-repeat;
}*/
.recomendation-slider .slick-prev,
.portfolio .slick-prev
{
    left: 0px;
    background: #fdde9e url(../images/left-arr.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px;
    box-shadow: 0 2px #e1ba6f;
    border: none;
    box-sizing: border-box;
    border-radius: 14px;
    color: #51575b;
    font-family: var(--font-bold);
    text-transform: uppercase;
    padding: 20px 30px;
    font-size: 0;
}
.recomendation-slider .slick-next,
.portfolio .slick-next
{
    right: 0px;
    background: #fdde9e url(../images/right-arr.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px;
    box-shadow: 0 2px #e1ba6f;
    border: none;
    box-sizing: border-box;
    border-radius: 14px;
    color: #51575b;
    font-family: var(--font-bold);
    text-transform: uppercase;
    padding: 20px 30px;
    font-size: 0;
}


/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}


/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */

/* Hide scroll bar */

html.remodal-is-locked {
  overflow: hidden;

  -ms-touch-action: none;
  touch-action: none;
}

/* Anti FOUC */

.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */

.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;

  display: none;
}

/* Necessary styles of the wrapper */
.modal-content {
  text-align: left;
}
.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  display: none;
  overflow: auto;

  text-align: center;

  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  display: inline-block;

  height: 100%;
  margin-left: -0.05em;

  content: "";
}

/* Fix iPad, iPhone glitches */

.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */

.remodal {
  position: relative;

  outline: none;

  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}


/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */

/* Default theme styles for the background */

.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
  filter: blur(3px);
}

/* Default theme styles of the overlay */

.remodal-overlay {
    background: rgba(45, 45, 45, 0.7);
    backdrop-filter: blur(5px);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
  -webkit-animation-name: remodal-overlay-opening-keyframes;
  animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
  -webkit-animation-name: remodal-overlay-closing-keyframes;
  animation-name: remodal-overlay-closing-keyframes;
}

/* Default theme styles of the wrapper */

.remodal-wrapper {
  padding: 10px 10px 0;
}

/* Default theme styles of the modal dialog */

.remodal {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 35px;

  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);

  color: #2b2e38;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.15);
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
  -webkit-animation-name: remodal-opening-keyframes;
  animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
  -webkit-animation-name: remodal-closing-keyframes;
  animation-name: remodal-closing-keyframes;
}

/* Vertical align of the modal dialog */

.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}

/* Close button */

.remodal-close {
    width: 40px;
    height: 40px;
    background: #F8F8F8 url(../images/close.svg);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    border: none;
    cursor: pointer;
}

.remodal-close:hover,
.remodal-close:focus {
  color: #2b2e38;
}



/* Keyframes
   ========================================================================== */

@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);

    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;

    opacity: 1;

    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);

    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;

    opacity: 1;

    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);

    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);

    opacity: 0;

    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);

    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);

    opacity: 0;

    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/* Media queries
   ========================================================================== */

@media only screen and (min-width: 480px) {
  .remodal {
    max-width: 400px;
  }
}

/* IE8
   ========================================================================== */

.lt-ie9 .remodal-overlay {
  background: #2b2e38;
}

.lt-ie9 .remodal {
  width: 700px;
}


.text-content-wrapper p.quiztitletext {
    font-size: 28px;
    line-height: 1.2;
    font-family: 'Mulish-Bold';
}
.text-content-wrapper p.quizsimpletext{
    font-size: 18px;
    line-height: 1.2;
}

    .quizname .ba-field-label-wrapper,
    .quizphone .ba-field-label-wrapper {
        height: 0;
    }
    .ba-form-submit-field {
        align-items: flex-start !important;
    }

/************************MEDIA****************************/
@media (max-width: 1920px) {

}
@media (max-width: 1680px) {
	
}
@media (max-width: 1600px) {
	
}
@media (max-width: 1440px) {

}
@media (max-width: 1367px) {
	.container {
	    max-width: 1200px;
	    margin: 0 auto;
	}
	header .main-menu {
	    width: 100%;
	}
}
@media (max-width: 1280px) {
	.container {
		max-width: 1080px;
		padding: 0 15px;
	}
    .mobile {
        display: block;
    }
    .descktop,
    .top-callback {
        display: none !important;
    }
    .top-slogan {
        text-align: center;
        margin: 0;
    }

}
@media (max-width:1200px) {

}
@media(max-width: 1180px) {
    .cta-form {
        padding: 40px 50px;
    }
    .cta-form .cta-avdocate {
        width: 390px;
    }
    .top-logo {
        
    }
}
@media (max-width:1080px) {
	.portfolio .tab .btn {
        width: auto;
        margin: 0 0 20px;
        display: block;
    }
    .tab {
        overflow-x: scroll;
    }
    .portfolio .tab .btn .btn-inf {
        height: 100%;
        box-sizing: border-box;
        width: 190px;
    }
    .portfolio .tab .btn .btn-inf .tab-title {
        margin: 5px 0 5px;
        height: auto;
    }

    .footer-item {
        width: 100%;
        box-sizing: border-box;
    }
    footer {
        text-align: center;
    }
    footer .logo img {
        margin: 0 auto;
        max-width: 150px;
    }
    .footer-item .bottom-slogan span {
        display: inline-block;
    }
    .footer-item .contact-item {
        padding: 0;
    }
    .footer-item .contact-item {
        text-align: center;
    }
    .contact-item.whatsapp-icon-messenger {
        justify-content: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: inherit;
    }
    .footer-item .contact-block {
        padding: 25px 0 0;
    }
    .main-offer {
        min-height: auto;
        padding: 0 0 60px 0;
        text-align: center;
    }
    .main-offer-content .main-image {
        position: relative;
        z-index: unset;
        width: 100%;
        height: 400px;
        overflow: hidden;
        border-radius: 30px;
        right: 0;
        top: 0;
    }
    .main-offer-content .main-image img {
        max-width: 100%;
        object-fit: cover;
        position: absolute;
        z-index: 1;
        margin: auto;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
    .main-offer-content .triggers {
        width: 100%;
    }
    .main-offer-content .main-offer-form {
        max-width: 100%;
    }
    .form-zamer .formcta-container:before {
        content: '';
        width: 530px;
        height: 238px;
    }
    .form-economy .formcta-container:before {
        content: '';
        width: 460px;
        height: 247px;
    }
    .formcta-container-left .form-title-text {
        font-size: 30px;
    }

    .portfolio-block-inf .portfolio-block-inf-left .portfolio-img {
        margin: 0 0 15px;
    }
    .portfolio-block-inf .portfolio-block-inf-left {
        width: 100%;
    }
    .portfolio-block-inf .portfolio-block-ing-right {
        width: 100%;
        text-align: center;
    }
}
@media (max-width:980px) {

}

@media (max-width:960px) {
	.formcta-container {
        text-align: center;
    }
    .formcta-container-left {
        width: 100%;
    }
    .formcta-container-right form {
        padding: 30px 30px;
        max-width: 320px;
        margin: 30px auto 0;
    }
    .formcta-container-right {
        width: 100%;
    }
    .formcta-container {
        padding: 50px 50px 270px;
    }
    .form-zamer .formcta-container:before {
        left: calc(50% - 265px);
    }
    .form-economy .formcta-container:before {
        left: calc(50% - 230px);
    }
    .map-consultation-left {
        width: 100%;
    }
    .map-consultation-right {
        width: 100%;
        margin: 30px 0 0;
    }
    .map-consultation-right form {
        max-width: 320px;
        margin: 0 auto;
    }
    .triggers-body .trigger-item {
        width: 50%;
        margin-bottom: 15px;
    }
    .calculation-block-top .calculation-left {
        width: 100%;
    }
    .calculation-block-top .calculation-right {
        width: 100%;
    }
    .proizvodstvo-icons-block .proizvodstvo-img {
        width: 100%;
        height: 500px;
        margin: 0 0 15px;
    }
    .proizvodstvo-icons-block .proizvodstvo-icons {
        width: 100%;
    }
    .proizvodstvo-icons-block .proizvodstvo-icons .pricons-item {
        margin: 0 0px 15px 0;
        padding: 0 0 0 15px;
    }
    .proizvodstvo-icons-block .proizvodstvo-icons .pricons-item .pricons-block {
        padding: 20px 20px 20px 20px;
    }
    .proizvodstvo-icons-block .proizvodstvo-icons .pricons-item .pricons-block .pricons-img {
        position: unset;
        right: unset;
        bottom: unset;
    }
    .proizvodstvo-icons-block .proizvodstvo-icons .pricons-item .pricons-block .pricons-img img {
        display: block;
        margin: 0 auto;
    }
    .proizvodstvo-icons-block .proizvodstvo-icons .pricons-item .pricons-block .pricons-text {
        width: 100%;
        text-align: center;
        margin: 15px 0 0;
    }

}
@media (max-width:800px) {

}
@media (max-width:767px) {
	header .top-adres {
	    display: none;
	}
    .modal-form h2 {
        font-size: 18px;
        line-height: 1.2;
        margin: 0 0 15px;
    }
}

@media (max-width:720px) {
	
    
}

@media (max-width:600px) {


    .ba-field-label-wrapper .ba-input-label-wrapper {
        display: inline-block;
        line-height: 1.2 !important;
        font-size: 18px !important;
    }
 
    header {
        padding: 10px 0 15px;
    }
    .modal-form form input[type="submit"] {
        font-size: 12px;
    }
    .top-logo {
        width: 25%;
    }
    .logo-img img {
        max-width: 100%;
    }
    .top-phone button.mob-menu-toggle {
        height: 40px;
        width: 40px;
        margin: 0 0 0 10px;
    }

    .top-phone .contact-item a {
        font-size: 16px;
    }
    .top-phone a.contact-phone-icon {
        background-size: 14px;
        padding-left: 20px;
    }
    .top-phone .contact-item span:before {
        width: 6px;
        height: 6px;
        top: 4px;
    }
    .top-phone .contact-item span {
        font-size: 12px;
    }
    .top-phone .contact-item  {
        text-align: right;
    }
    .menu-mobile-bar {
        display: block;
        position: fixed;
        bottom: 0;
        background: linear-gradient(256.22deg, #FFF6D5 18.51%, #FCD384 54.27%);
        width: 100%;
        box-sizing: border-box;
        padding: 15px 0;
        border-radius: 15px 15px 0 0;
    }
    footer {
        padding: 70px 0 110px;
        border-top: 1px solid #EFEFEF;
    }

    .gift-widget {
        display: none;
    }
    .form-zamer .formcta-container:before {
        left: calc(50% - 170px);
        width: 340px;
        height: 153px;
    }
    .formcta-container {
        padding: 50px 50px 170px;
    }
    .form-economy .formcta-container:before {
        width: 340px;
        height: 182px;
        left: calc(50% - 170px);
    }

    .kukhni .form-zamer .formcta-container:before {
        width: 340px;
        height: 188px;
        left: calc(50% - 170px);
    }
    .kukhni .form-economy .formcta-container:before {
        width: 340px;
        height: 213px;
        left: calc(50% - 170px);
    }

    .formcta-container-left .form-title-text {
        font-size: 22px;
    }
    .formcta-container-left .form-title-description {
        font-size: 14px;
    }
    .formcta-container-right form {
        max-width: 100%;
        padding: 15px;
        border-radius: 20px
    }
    .formcta-container-left {
        padding: 0;
    }
    .formcta-container {
        padding: 15px 15px 170px;
        border-radius: 20px;
    }
    .formcta-container-left .form-title-text {
        margin: 0 0 10px;
    }
    .formcta-container-right form span.form-title {
        font-size: 16px;
        margin: 0 0 15px
    }
    .formcta-container-right form {
        margin: 15px auto 0;
    }

    .title-page {
        font-family: var(--font-bold);
        font-size: 24px;
        position: relative;
        padding: 0 0 15px;
        display: block;
        margin: 0 0 15px;
        line-height: 1.2;
        text-align: center;
    }
    .recomendation .slide-content img {
        max-width: 70%;
    }
    .section {
        padding: 40px 0;
    }
    .form-zamer,
    .form-economy {
        padding: 50px 0;
    }
    .map-consultation-right form {
        max-width: 100%;
        margin: 0 auto;
    }
    .triggers-body .trigger-item {
        width: 100%;
    }
    .calculation-block-top {
        padding: 15px;
    }
    .calculation-block-top .calculation-right .calculation-info {
        padding: 15px 15px 40px 15px;
        background-size: 60px;
        text-align: center;
    }
    .proizvodstvo-icons-block .proizvodstvo-img {
        height: 400px;
    }

    .portfolio-block-inf .portfolio-block-inf-left .portfolio-img {
        min-height: 300px;
    }
    .portfolio-block-inf .portfolio-block-ing-right .portfolio-title {
        padding: 0 0 0px;
        display: block;
        font-size: 16px;

    }
    .descr-block div {
        margin: 0px 0;
    }
    .portfolio-block-inf {
        padding: 15px;
        margin: 0 0px;
    }
    .portfolio .slick-prev,
    .portfolio .slick-next {
        top: calc(25% - 30px);
    }
    .descr-block {
        margin: 0 0 15px;
    }
    .kitchen .portfolio-block {
        width: 100%;
    }
    .kitchen .portfolio-block-inf .portfolio-block-inf-left .portfolio-img {
        min-height: 300px;
    }


    .ba-checkbox-image img {
        border-radius: 10px;
    }
    .ba-form-poll-field.ba-form-field-item .ba-form-checkbox-wrapper, .ba-form-field-item .checkbox-image-group-wrapper .ba-form-checkbox-wrapper {
        padding: 10px 10px 0px 10px !important;
    }
    .ba-form-page-navigation-wrapper {
        display: block !important;
    }
    .ba-form-checkbox-wrapper.checkbox-image-wrapper {
        width: 50% !important;
    }
    .text-content-wrapper p.quiztitletext {
        font-size: 22px !important;
    }
    .text-content-wrapper p.quizsimpletext {
        font-size: 16px !important;
    }
    .ba-form-field-item .ba-image-wrapper img {
        max-width: 150px !important;
    }
    .ba-form-poll-field .ba-form-checkbox-wrapper.checkbox-image-wrapper .ba-form-radio span:before, 
    .ba-cart-row-content .ba-form-radio span:before, 
    .ba-form-radio-field .ba-form-checkbox-wrapper .ba-checkbox-image + .ba-checkbox-wrapper .ba-form-radio span:before, 
    .ba-form-field-item .ba-form-checkbox-wrapper .ba-checkbox-image + .ba-checkbox-wrapper label.ba-form-checkbox > span {
        margin-right: 5px !important;
    }

    .ba-form-poll-field .ba-form-checkbox-wrapper .ba-form-radio span:before, 
    .ba-cart-row-content .ba-form-radio span:before, 
    .ba-form-radio-field .ba-form-checkbox-wrapper .ba-form-radio span:before {
        height: 20px !important;
        width: 20px !important;
        top: calc(var(--field-typography-line-height)/2 - 10px);
    }
    .ba-form-acceptance-field .ba-field-container, 
    .ba-form-field-item .ba-form-checkbox-wrapper .ba-checkbox-wrapper {
        padding-left: 30px !important;
    }
    .ba-form-checkbox-wrapper.checkbox-image-wrapper .ba-checkbox-wrapper {
        padding: 5px 0px 5px 0px !important;
    }
    .ba-form-acceptance-field .ba-field-container, .ba-form-field-item .ba-form-checkbox-wrapper {
        margin: 5px 0 !important;
    }
    .ba-form-poll-field .ba-form-checkbox-wrapper .ba-form-radio span:before, 
    .ba-cart-row-content .ba-form-radio span:before, 
    .ba-form-radio-field .ba-form-checkbox-wrapper .ba-form-radio span:before {
        top: calc(var(--field-typography-line-height)/2 - 10px) !important;
    }


    

}


    

@media (max-width:480px) {
    .proizvodstvo-icons-block .proizvodstvo-img {
        height: 300px;
    }
    .copyright {
        font-size: 14px;
        text-align: center;
    }
    .copyright .copy {
        display: inline-block;
        margin-right: unset;
        margin-bottom: 10px;
    }
    .copyright a {
        display: inline-block;
        margin-right: unset;
        margin-bottom: 5px;
    }
    .copyright .uplite {
        margin: 30px 0 0;
    }
    footer {
        text-align: center;
    }
    footer .logo img {
        margin: 0 auto;
    }
    .footer-item .bottom-slogan span {
        display: inline-block;
    }
    .footer-item .contact-item {
        padding: 0;
    }
    .footer-item .contact-item {
        text-align: center;
    }
    .contact-item.whatsapp-icon-messenger {
        justify-content: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: inherit;
    }
    footer {
        padding: 20px 0 100px;
    }

    .main-offer-content .main-offer-form-text:before {
        
    left: calc(50% - 100px);
    }
    .main-offer-content h1 {
        font-size: 32px;
        margin: 0px 0 20px;
    }
    .main-offer-content .main-image {
        height: 220px;
    }
    .main-offer-content .main-offer-form-text {
        text-align: center;
    }
    .main-offer-content .main-offer-form-text .form-description {
        margin: 5px 0 0;
        font-size: 14px;
    }
    .main-offer-content h1 span {
        font-size: 20px;
    }
    .main-offer-content .main-offer-form-text {
        width: 100%;
    }
    .main-offer-content .main-offer-form-form {
        width: 100%;
        margin: 15px 0 0;
    }
    .main-offer-content .main-offer-form-text .form-title {
        font-size: 18px;
    }
    .main-offer-content .main-offer-form {
        max-width: 100%;
        padding: 15px;
    }
    .soglasie-form .sogl-txt {
        width: 75%;
        text-align: left;
    }
    .main-offer-content .triggers .trigger-block {
        font-size: 14px;
    }

    .title-page {
        font-size: 20px;
    }

    .remodal {
        padding: 15px;
    }

}

@media (max-width:414px) {
	
    .container {
        max-width: 100%;
        padding: 0 10px;
    }
}

@media (max-width:360px) {
    
}






body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}