/*==================================================
Easyswicthers - campaign - custom.css
==================================================*/
body {
    /* font-family: Baton; */
    /* font-family: "Montserrat", sans-serif !important; */
    /* font-family: 'Ubuntu' !important;  */
    font-family: 'Inter', sans-serif !important;

}



#qubiq-container,
#qubiq-popup-container {
    font-family: 'Inter', sans-serif !important;
}

#qubiq-container input[type=email],
#qubiq-container input[type=tel],
#qubiq-container input[type=text],
#qubiq-container textarea,
#qubiq-popup-container input[type=email],
#qubiq-popup-container input[type=tel],
#qubiq-popup-container input[type=text],
#qubiq-popup-container textarea {
    background: rgb(238, 238, 238);
    border: 1px solid rgb(159 159 159);
    height: 50px;
    font-size: 15px;
    margin-bottom: 15px;
}


qubiq-container .progress-bar-container .progress-bar-progress,
#qubiq-popup-container .progress-bar-container .progress-bar-progress {
    background: #cf5e01;
}


#qubiq-container .button-submit,
#qubiq-popup-container .button-submit {
    margin: 0 auto 15px;
    padding: 10px 15px;
    font-size: 25px;
    border: 1px solid #eb6d3e;
    border-bottom: 0 solid #fff;
    background: #ff7200;
    background: linear-gradient(0deg, #f16b0c 0, #f1890b);
    color: #fff;
    position: relative;
    border-radius: 5px;
    font-family: 'Inter', sans-serif !important;
    font-weight: 100;
    text-transform: none;
    box-shadow: none;
    transition: .2s;
    display: block;
    width: 100%;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    outline: none;
    cursor: pointer;
}


#qubiq-container .group-header-text h2,
#qubiq-popup-container .group-header-text h2 {
    font-size: unset;
    line-height: unset;
    font-weight: 500;
    color: rgb(71, 71, 71);
    padding-bottom: 15px;
    border-bottom: 1px solid #747474;
}

.feedheader_plus {
    font-weight: 500;
}

#qubiq-container .question-siblings .question-header,
#qubiq-popup-container .question-siblings .question-header {
    font-weight: 600;
}

/*  CUSTOM.CSS  */

.site-console_contentBlock {
    border-radius: 15px;
}

@media (min-width: 991px) {
    .site-console_contentBlock {
        min-height: 650px;
    }


    #promotext-1 {
        position: relative;
        top: -20px;
    }
}



/* ERROR MESSAGES */
#qubiq-container .answer-radio:first-child span.error-message,
#qubiq-popup-container .answer-radio:first-child span.error-message {
    display: none;
}

#qubiq-container .error .error-message,
#qubiq-popup-container .error .error-message {
    display: none;
}

/* CUSTOM.CSS - Form Adjustements Zipcode */

#qubiq-container .group-1 .group-content,
#qubiq-popup-container .group-1 .group-content {
    margin-top: 40px !important;
}

#qubiq-container .fa,
#qubiq-container .fas,
#qubiq-popup-container .fa,
#qubiq-popup-container .fas {
    font-family: "Font Awesome 6 Pro" !important;
    font-weight: 900 !important;
}



/* CUSTOM.CSS - FLOATING IMAGE */

.float_image_1 {
    left: -5px;
    top: -57px;
    position: absolute;
    pointer-events: none;
    min-width: 7%;
    z-index: 10;
}

.float_image_2 {
    left: -86px;
    top: -95px;
    position: absolute;
    pointer-events: none;
    max-width: 35%;
    z-index: 10;
}

@media (max-width: 1400px) {
    .float_image_1 {
        left: -46px !important;
        top: -60px px !important;
        max-width: 40%;
    }
}

@media (max-width: 1200px) {
    .float_image_1 {
        left: -181px !important;
        top: 173px !important;
        max-width: 40%;
    }

    .counter_text {
        font-size: 0.8em;
    }
}

@media (max-width: 1200px) {

    .float_image_1,
    .float_image_2 {
        display: none !important
    }
}

@media (min-width: 1400px) {
    .floating-image {
        top: -58px
    }
}

@media (max-width: 1399px) and (min-width: 1200px) {
    .floating-image {
        top: -48px
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .floating-image {
        top: -40px
    }
}

@media (max-width: 991px) {
    #main_text .site-console {
        display: none;
    }
}




.content_main_2 {
    height: 100%;
}


.bolcom-logo {
    position: relative;
    top: 10px;
    max-width: 200px;
    margin-left: 2px;
}