.hidden-js {
display: none !important;
}

.mess-bg {position: fixed; z-index: 998; top: 0; right: 0; left: 0; bottom: 0; background-color: rgba(0,0,0,0.6);}
.message-popup-ui {
position: fixed;
background: #FBFBFB;
width: calc(100% - 20px);
margin: 0 auto;
z-index: 999;
padding: 20px;
}
.cookie-notice-ui {
position: fixed;
background: #fff;
left: 0px;
right: 0px;
z-index: 100;
max-width: 1000px;
bottom: 0;
border: 10px solid #dd0000;
}
.message-popup-ui.bottom-ui {
bottom: 50%;
z-index: 999;

}
.message-ui {
padding-right: 26px;
margin-bottom: 10px;
}
.cookieContainer .btn-ui, .cookieContainer button, .cookieContainer .btn-solid-ui {
background: #d12b23;
color: #FFFFFF;
padding: 10px;
line-height: 1 !important;
border: none;
border-radius: 7px;
}
.cookieContainer .btn-ui:hover, .cookieContainer button:hover, .cookieContainer .btn-solid-ui:hover {
background: #1e4379;
}
.cookie-notice-ui .btn-ui, .cookie-notice-ui button, .cookie-notice-ui .btn-solid-ui {
background: #1e4379;
color: #FFFFFF;
padding: 10px;
line-height: 1 !important;
border: none;
border-radius: 7px;
}
.cookie-notice-ui .btn-ui:hover, .cookie-notice-ui button:hover, .cookie-notice-ui .btn-solid-ui:hover {
background: #d12b23;
}
.close-cookie-btn {
cursor: pointer;
font-size: 12px;
padding: 10px 15px;
text-transform: uppercase;
margin: 10px 10px 5px 0
}
.close-cookie-btn-necessary {
border: 1px solid #1e4379 !important;
background: #f8f8f8 !important;
color: #1e4379 !important
}
.close-cookie-btn-necessary:hover {
border: 1px solid #1e4379 !important;
color: #d12b23 !important
}
.close-cookie-btn-settings {
color: #1e4379 !important;
background: #f8f8f8 !important
}
.close-cookie-btn-settings:hover {
color: #d12b23 !important
}
.cookieContainer {
position: fixed;
z-index: 10003;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: auto;
background: rgba(1,1,1,.95)
}
.cookieContainer-popup {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 60vw;
max-width: 1024px;
max-height: 600px;
background-color: #fff;
z-index: 10002;
box-shadow: 0 4px 10px 2px rgba(0,0,0,.12)
}
.cookieContainer-popupHeader {
font-size: 1.4rem;
line-height: 1.78;
padding: 20px 32px 16px;
background-color: #fff
}
.cookieContainer-popupOptions {
padding: 14px 32px 0;
overflow-y: scroll;
max-height: 420px
}
.cookieContainer-popupOptions p {
font-size: 1.2rem;
margin: 0
}
.cookieContainer-popupOptions-firstP {
margin: 10px 0
}
.cookieContainer-popupOptions-firstP a {
color: #d12b23
}
.cookieContainer-popupOptions-firstP a:hover {
color:#dd0000;
}
.cookieContainer-popupOptions-container {
border-top: 1px solid #d0d0d1;
margin: 10px 0
}
.cookieContainer-popupOptions-containerHeader {
display: flex;
justify-content: space-between;
margin: 7px 0 10px
}
.cookieContainer-popupOptions-containerHeader div {
position: relative
}
.cookieContainer-popupOptions-containerHeader div .cookieOption {
position: absolute;
right: 0;
top: 1px;
transition: all .3s ease-in-out;
cursor: pointer;
display: inline-block;
width: 40px;
height: 23px;
border-radius: 20px;
max-width: 50px;
}
.cookieContainer-popupOptions-containerHeader div .cookieOption::after {
content: "";
transition: all .3s ease-in-out;
content: "";
position: absolute;
width: 15px;
height: 15px;
border-radius: 50%;
background-color: #fff;
top: 4px
}
.cookieContainer-popupOptions-containerHeader div .cookieOption-inactive {
background-color: #dbdce0
}
.cookieContainer-popupOptions-containerHeader div .cookieOption-inactive::after {
left: 4px
}
.cookieContainer-popupOptions-containerHeader div .cookieOption-active {
background-color: #000
}
.cookieContainer-popupOptions-containerHeader div .cookieOption-active::after {
left: 21px
}
.cookieContainer-popupOptions-containerHeader div .cookieOption-StillActive {
background-color: #443e3e;
cursor: auto
}
.cookieContainer-popupOptions-containerHeader div .cookieOption-StillActive::after {
left: 21px;
background-color: #cacbd0
}
.cookieContainer-popupBtn {
display: flex;
align-items: flex-end;
height: 75px;
background-color: #fff;
padding: 0 32px 10px 32px
}
@media only screen and (max-width: 991px) {
.message-popup-ui.bottom-ui {
bottom:82px;
}
}
@media only screen and (max-width: 1200px) {
.cookieContainer-popup {
width:80vw
}
}
@media only screen and (max-height: 800px) {
.cookieContainer-popup {
top:0%;
height: 100vh;
max-height: fit-content;
transform: translate(-50%, 0%)
}
}
@media only screen and (max-height: 600px) {
.cookieContainer-popupOptions {
max-height:60vh
}
}
.cookie-message-opener-ui {
position: fixed;
bottom: 20px;
left: 20px;
width: 50px;
height: 50px;
z-index: 999;
background: #d12b23;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 2px 2px 8px rgba(0,0,0,.7);
cursor: pointer;
transition: transform .3s linear,box-shadow .3s linear;
}
.cookie-message-opener-ui:hover {
transform: rotate(-90deg) scale(1.02);
box-shadow: -2px 2px 8px rgba(0,0,0,.7);
}
.cookie-message-opener-ui .cookie-message-opener-icon-ui {
width: 70%;
height: 70%;
fill: #ffffff;
color: #fff;
font-size: 34px;
line-height: 34px;
}