/* TMK Cookies baner */
:root {
    --tmk-primary-color: #0270a3;
}
#cookie-banner-tmk { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: #0000008d; z-index: 9999999; display: none;  padding:0px 25px; }
#cookie-banner-tmk .box-consent {background:#fff;margin:auto;width:100%;max-width: 600px; position:relative; top: 50%;transform: translate(0%, -50%);border-radius: 25px;padding: 30px;max-height:calc(100vh - 60px);overflow-y: auto;}
#cookie-banner-tmk .box-consent .title {font-size: 24px;font-weight: 600;margin-bottom: 15px;line-height: 1.3;font-family: 'Poppins', sans-serif;color:var(--tmk-primary-color);}
#cookie-banner-tmk .box-consent .description {line-height: 1.4;font-size: 14px;margin-bottom: 30px;}
#cookie-banner-tmk .box-consent .buttons-consent {display: grid;grid-template-columns: [button1] 180px [button2] auto [end]; align-items: center;width:100%;column-gap: 15px;row-gap: 15px;}
#cookie-banner-tmk .box-consent .buttons-consent .button-consent {border:2px solid var(--tmk-primary-color);background-color: var(--tmk-primary-color);color:#ffffff;font-size: 14px;padding: 15px 20px;border-radius: 60px;letter-spacing: 0.3px;cursor: pointer;transition: all .4s ease-in-out;width:100%;}
#cookie-banner-tmk .box-consent .buttons-consent .button-consent.button-outline {background-color: transparent;border-color: var(--tmk-primary-color);color:var(--tmk-primary-color);}
#cookie-banner-tmk .box-consent .buttons-consent .button-consent:hover {opacity: 0.8;}
#cookie-banner-tmk .box-consent .button-regulations {text-decoration:underline;cursor:pointer;}
#cookie-banner-tmk .box-consent .regulations-consent {max-height:0px;width:100%;display:none;font-size: 12px;}
#cookie-banner-tmk .box-consent .regulations-consent h1, 
#cookie-banner-tmk .box-consent .regulations-consent h2, 
#cookie-banner-tmk .box-consent .regulations-consent h3 {font-size: 18px;margin-bottom: 0px;}
#cookie-banner-tmk .box-consent .regulations-consent.active {max-height:1000000vh;display:block;margin-bottom: 25px;}
#cookie-banner-tmk .box-consent .regulations-consent.active .regulations-text {padding:10px 20px;border:1px solid #ccc;}
@media (max-width:768px) {
#cookie-banner-tmk {padding:0px 10px;}
#cookie-banner-tmk .box-consent {position: absolute; transform: none;top:auto;bottom:15px;width:calc(100% - 20px);max-height:calc(100vh - 30px);}
#cookie-banner-tmk .box-consent .title {font-size: 20px;}
#cookie-banner-tmk .box-consent .buttons-consent {display: flex; flex-direction: row;flex-direction: column-reverse;} 
}