/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 21-nov-2022, 13:38:46
    Author     : Jo mateix
*/

div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner
{
    background: #D3D3D3 !important;
}


div#hs-eu-cookie-confirmation.hs-cookie-notification-position-bottom
{
    background-color: #D3D3D3 !important;
}

div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p
{
    font-size: 16px !important;
    
}

div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button
{
    font-size: 20px !important;
    width:calc(100% + 200px) !important;
    text-align: center !important;
}

@media screen and (max-width: 480px)
{
    div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a, div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button
    {
        font-size: 15px!important;
        width:calc(100% + 135px) !important;
        text-align: center !important;
    }
    
}


/*****************************************************************************************
***************** CSS FORMULARI HUBSPOT FOOTER I POPUP DE CONFIRMACIÓ ********************
******************************************************************************************/
    
.container_hubspot_medium {
    display: none;
} 

.content {
    display: flex;
    flex-direction: row;
}

.content-popup {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: 54px;
    /*gap: 5px;*/
    margin-top: -13%;
}

.cos-popup {
    margin-bottom: 20px;
    color: #686b6a;
    font-weight: 600;
}

.content-popup h1{
    font-size: 32px;
    font-weight: 600;
}

.content-popup h5{
    font-size: 16px;
    color: #686b6a;
}

.button-popup {
    width: 40%;
    height: 40px;
    background-color: #ee8434;
    color: white;
    font-size: 16px;
    border-radius: 5px;
    border: solid 1px #ee8434;
    font-weight: 500;
}


.popup-final {
    background-size: cover;
    background-image: url("/templates/stikets/img/Subscription_Completed_Home_Pop_Up_Desktop.png");
    width: 700px;
    height: 250px;
    margin: auto;
    position: fixed;
    display: none;
    z-index: 99;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.popup-general {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#tancar_popup {
    color: #005898;
    font-size: 37px;
    cursor: pointer;
}

.image {
    width: 80%;
}

#form-head {
    color: white;
    font-size: 25px;
    font-family: 'Source Sans Pro',sans-serif;
}

#parraf {
    font-size: 30px;
    font-weight: 600;
}

@media (max-width: 600px) {

    #form-head {
        font-size: 21px;
    }

    .sub-container {
        width: 100%;
    }

    .popup-final {
        background-size: cover;
        background-image: url("/templates/stikets/img/Subscription_Completed_Home_Pop_Up_Mobile.png"); 
        width: 80%;
        height: 200px;
    }

    .image {
        display: none;
    }

    .content-popup {
        margin-left: 25px;
        margin-right: 25px;
        margin-top: -16%;
    }

    .content-popup h1{
        font-size: 21px;
        font-weight: 600;
    }

    .content-popup h5{
        font-size: 15px;
        color: #686b6a;
    }

}

@media (max-width: 450px) {

    .popup-final {
        background-size: cover;
        width: 80%;
        height: 200px;
    }

    .image {
        display: none;
    }

    .content-popup h1{
        font-size: 22px;
        font-weight: 600;
    }

    .content-popup h5{
        font-size: 14px;
        color: #686b6a;
    }

    .cos-popup {
        margin-bottom: 12px;
    }

}

@media (max-width: 330px) {
    .content-popup h1{
        font-size: 21px;
    }

}

#captcha_hubspot_div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 15px;
}

.container_hubspot {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    margin-bottom: 20px;
    height: 344px;
    margin-top: -40px;
    padding-right: 14%;
    color: #666;
}

.container_hubspot:not(.lazy) {
    background-image: url("/img/STK_Subscription_Footer_Desktop.jpg");
}

.container_hubspot .sub-container a {
    color: #666;
}

.btn-captcha {
    margin-top: 10px;
    width: 190px;
    height: 40px;
    background-color: #ee8434;
    color: white;
    font-size: 16px;
    border-radius: 2px;
    border: solid 1px #ee8434;
    font-weight: 600;
}

.cont-hubspot {
    display: flex;
    flex-direction: row-reverse;
    gap: 5px;

}

.input-form {
    display: flex;
    flex-direction: column;
}

#error {
    width: 100%;
    visibility: hidden; 
    color: white;
    margin-bottom: 3px;        
}

#error-medium {
    width: 100%;
    visibility: hidden; 
    color: white;
    margin-bottom: 3px;        
}

.input-form label {
    font-size: 11px;
}

.container_hubspot h1 {
    color: white;
}

.container_hubspot .condiciones {
    font-size: 11px;
    margin-left: 254px;
}

.head-hubspot {
    margin-bottom: 15px;
}

.form-hubspot {
    margin-bottom: 5px;
}

#form-hubspot-footer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 10px;
    font-size: 15px;
}

#form-hubspot-footer-medium {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 10px;
    font-size: 15px;
}

#email-hubspot {
    height: 39px;
    width: 240px;
    font-size: 16px;
    border-radius: 5px;
    border: none;
    outline: none;
    padding-left: 10px;
}

#email-hubspot-medium {
    height: 39px;
    width: 240px;
    font-size: 16px;
    border-radius: 5px;
    border: none;
    outline: none;
    padding-left: 10px;
}

#submit-hubspot {
    width: 190px;
    height: 42px;
    background-color: #ee8434;
    color: white;
    font-size: 16px;
    border-radius: 5px;
    border: solid 1px #ee8434;
    font-weight: 600;
    margin-bottom: 6px;
}

#submit-hubspot:hover {
    background-color: #CB7330;
}

#submit-hubspot-medium {
    width: 190px;
    height: 42px;
    background-color: #ee8434;
    color: white;
    font-size: 16px;
    border-radius: 5px;
    border: solid 1px #ee8434;
    font-weight: 600;
    margin-bottom: 6px;
}

#submit-hubspot-medium:hover {
    background-color: #CB7330;
}

#recaptcha-hubspot {
    display:none;
    width: 50px;
    height: 50px;
    margin-top: 21px;
}

.titol-popup p {
    font-size: 23px;
    color: #005898;
    font-weight: 600;
    margin: 10px 0;
}

@media (max-width: 600px) {

    #error {
        margin-left: 10px;
    }
    
    #error-medium {
        margin-left: 10px;
    }

    .form-hubspot {
        width: 100%;
    }

    #form-hubspot-footer {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        gap: 10px;
    }
    
    #form-hubspot-footer-medium {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        gap: 10px;
    }

    .container_hubspot h1 {
        color: white;
        font-size: 21px;

    }

    .input-form {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .container_hubspot {
        display: flex;
        flex-direction: column;
        margin-bottom: 40px;
/*        background-image: url("/img/STK_Subscription_Footer_Mobile.jpg");*/
        height: 672px;
        justify-content: flex-start;
        align-items: center;
        margin-top: -21px;
        padding-right: 0;
    }
    
    .container_hubspot:not(.lazy) {
        background-image: url("/img/STK_Subscription_Footer_Mobile.jpg");
    }

    #parraf {
        font-size: 30px;
        margin: 25px 0px 10px 0px;
    }

    #email-hubspot {
        height: 50px;
        width: 92%;
        font-size: 16px;
    }
    
    #email-hubspot-medium {
        height: 50px;
        width: 92%;
        font-size: 16px;
    }

    #submit-hubspot {
        height: 50px;
        width: 95%;
        margin-bottom: 5px;
        font-size: 22px;
    }
    
    #submit-hubspot-medium {
        height: 50px;
        width: 95%;
        margin-bottom: 5px;
        font-size: 22px;
    }

    .titol-popup p {
        font-size: 20px;
        color: #005898;
        font-weight: 600;
        margin: 10px 0;
    }
}
    
@media(min-width: 900px){
		
    .titol-popup p{
        font-size: 28px!important;
    }

    .cos-popup {
        margin-bottom: 20px;
        color: #686b6a;
        font-weight: 600;
    }


    .cos-popup center{
        font-size: 20px;
    }

    .button-popup {
        width: 50%;
        height: 45px;
        background-color: #ee8434;
        color: white;
        font-size: 20px;
        border-radius: 5px;
        border: solid 1px #ee8434;
        font-weight: 600;
    }
}

@media screen and (min-width: 601px) and (max-width: 1899px) {
    
    .container_hubspot_medium {
        background-color: #dceef0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 250px;
        color: #666;
    }

    .container_hubspot_medium .sub-container a {
        color: #666;
    }
    
    .container_hubspot .head-hubspot {
        display: none;
    }
    
    .bg_peu_blau {
        padding: 0px 0px 60px 0px !important;
    }
    
}