Skip to Main Content <> .reg{ display: flex; justify-content: center; } .reg .navbar-placeholder{ max-width: 1440px; } .full .navbar-placeholder{ width: 100%; } .navbar-placeholder{ background-color: var(--color-navbar-background); height: 60px; width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; box-sizing: border-box; box-shadow: 0 4px 2px -2px rgba(3141550.1) } .left-side-placeholder{ display: flex; gap: 2rem; align-items: center; flex-direction: row; } .right-side-placeholder { display: flex; gap: 1rem; align-items: center; flex-direction: row; } .left-side-placeholder p{ text-decoration: none; display: flex; flex-direction: row; font-size: 18px; position: unset; font-weight: 700; margin-left: 0; color: var(--color-item); } .left-side-placeholder p { display: flex; align-items: center; padding-top: 20px; } .arrow-svg { height: 24px; } .placeholder-subscribe-light{ background: linear-gradient(to left#CC8900 40%#664400); border: none !important; text-transform: none; color: var(--color-filled-button-text); border-radius: 8px; } .placeholder-subscribe-dark{ background: linear-gradient(to left#CC8900 40%#664400); border: none !important; text-transform: none; color: var(--color-filled-button-text); border-radius: 8px; } .navbar-mobile-placeholder{ display: none; } @media (max-width: 991px) { .navbar-placeholder{ display: none; } .navbar-mobile-placeholder{ display: flex; justify-content: space-between; align-items: center; background-color: var(--color-navbar-background); height: 60px; width: 100%; padding: 0 20px; box-sizing: border-box; box-shadow: 0 4px 2px -2px rgba(3141550.1) } } @media (max-width: 1325px){ .left-side-placeholder{ gap: 1rem; } } @media (max-width: 1255px){ .left-side-placeholder p.left-side-placeholder .btn{ font-size: 14px; } } <> .bottom-banner { background-color: #fff; position: fixed; bottom: 40px; z-index: 9999; width: calc(100% - 30px); margin-left: 15px; box-shadow: 0px 0px 16px #888888; display: flex; align-items:center; justify-content: space-around; } .bottom-banner-css-version-v2{ border-left: 15px solid #ec008c; } .bottom-banner-css-version-v3{ border-left: 15px solid #35c8f5; } .bottom-banner-css-version-v2 .bottom-banner__button{ background-color: #35c8f5; } .bottom-banner-css-version-v3 .bottom-banner__button{ background-color: #ec008c; } .bottom-banner--hidden { display:none; } .bottom-banner__message { padding: 1em; float: left; font-size: 12px; line-height: 1.4; } .bottom-banner__dismiss-icon { float: right; padding:10px; color: #d1d1d1; cursor: pointer; align-self: flex-start; } .bottom-banner__dismiss-icon:hover { color: #333333; } .bottom-banner__button.bottom-banner__button:hover.bottom-banner__button:visited.bottom-banner__button:active { float:right; font-size: 16px; line-height: 1.6; border-radius: 4px; padding: 7px 15px 7px 15px; color: #fff !important; transition: all .25s linear; text-decoration: none; } .bottom-banner__button:hover { color: #fff; } .cookie-modal--hidden { display: none; position: fixed; z-index: 10001; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; } .cookie-modal-content { background-color: var(--color-surface1); margin: 20% auto; padding: 20px; width: 40%; box-shadow: 0 4px 8px 0 rgba(0000.6)0 6px 20px 0 rgba(0000.19); } .cookie-modal-content h3 { display: inline-block; } .cookie-modal-css-version-v3 { padding-top: 16px; } .cookie-modal_switch .switch{ display: inline-block; float: right; margin-top: 30px; width: 60px; } .switch { position: relative; display: inline-block; width: 60px; height: 26px; } .switch input { opacity: 0; width: 0; height: 0; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #8492A6; -webkit-transition: .3s; transition: .3s; } .slider:after { content: "Off"; position: absolute; top: 50%; right: 11px; transform: translateY(-50%); color: #fff; font-family: helvetica; font-weight: bold; font-size: 13px; } .slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 3px; bottom: 3px; background-color: white; -webkit-transition: .3s; transition: .3s; } input:checked + .slider { background-color: #00853C; } input:disabled + .slider { cursor: no-drop; background-color: #C2C7D1; } input:disabled + .slider:before { background-color: #DFE2E7; } input:focus + .slider { box-shadow: 0 0 5px #2196F3; } input:checked + .slider:before { -webkit-transform: translateX(33px); -ms-transform: translateX(33px); transform: translateX(33px); } input:checked + .slider:after { content: "On"; right: auto; left: 11px; } /* Rounded sliders */ .slider.round { border-radius: 26px; width: 60px; } .slider.round:before { border-radius: 50%; } .close { float: right; font-size: 20px; font-weight: bold; line-height: 18px; color: var(--color-grayscale1); text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); } .close:hover { color: var(--color-grayscale1); text-decoration: none; opacity: 0.4; filter: alpha(opacity=40); cursor: pointer; }