:root {
  --u8: 8px;
  --u16: 16px;
  --u24: 24px;
  --u32: 32px;
  --primary: rgb(18, 93, 155);
  --primaryHover: rgb(77, 163, 192);
  --info: hsla(202, 100%, 50%, 1);
  --chartBlue: hsla(214, 56%, 55%, 1);
  --chartRed: hsla(359, 59%, 54%, 1);
  --success: hsla(153, 100%, 38%, 1);
  --warning: hsla(42, 92%, 51%, 1);
  --cMain: rgb(26, 25, 25);
  --cMainHover: hsla(0, 0%, 31%, 1);
  --cEmph: #000;
  --cLight: #fff;
  --cLightHover: hsla(0, 0%, 51%, 1);
  --cSub: hsla(0, 0%, 51%, 1);
  --cSubHover: hsla(0, 0%, 31%, 1);
  --cBorder: hsla(0, 0%, 88%, 1);
  --cBorderDark: hsla(0, 0%, 20%, 1);
  --cDivider: hsla(0, 0%, 74%, 1);
  --bgGrey: rgb(160, 191, 255);
  --bgDark: rgb(28, 26, 26);
  --bgOnDark: rgb(56, 55, 55);
  --bgDisabled: hsla(0, 0%, 88%, 1);
  --bgDisabledDark: hsla(0, 0%, 51%, 1);
  --bgDisabledDarkHover: hsla(0, 0%, 31%, 1);
  --bgHover: hsla(220, 13%, 95%, 1);
  --bgDarkHover: hsla(0, 0%, 16%, 1);
  --bgGreyHover: hsla(0, 0%, 88%, 1);
  --darkContrast: hsla(0, 0%, 74%, 1);
}

html:lang(bg),
html:lang(cs),
html:lang(da),
html:lang(de),
html:lang(es),
html:lang(et),
html:lang(fi),
html:lang(fr),
html:lang(hr),
html:lang(hu),
html:lang(it),
html:lang(lt),
html:lang(lv),
html:lang(nl),
html:lang(pl),
html:lang(pt),
html:lang(ro),
html:lang(ru),
html:lang(sk),
html:lang(sl),
html:lang(sv) {
  font-family: gilroy-full, Arial, Helvetica, sans-serif;
}

html {
  font-family: gilroy-full, Arial, Helvetica, sans-serif;
}

@font-face {
  font-family: gilroy;
  src: url(../../newAlotta/app-site-fonts/locales/gilroy-light-en.woff2)
    format("woff2");
  font-weight: 100;
  font-display: swap;
}

@font-face {
  font-family: gilroy;
  src: url(../../newAlotta/app-site-fonts/locales/gilroy-regular-en.woff2)
    format("woff2");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: gilroy;
  src: url(../../newAlotta/app-site-fonts/locales/gilroy-bold-en.woff2)
    format("woff2");
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: gilroy;
  src: url(../../newAlotta/app-site-fonts/locales/gilroy-extrabold-en.woff2)
    format("woff2");
  font-weight: 800;
  font-display: swap;
}

@font-face {
  font-family: gilroy-full;
  src: url(../../newAlotta/app-site-fonts/locales/gilroy-light-full.woff2)
    format("woff2");
  font-weight: 100;
  font-display: swap;
}

@font-face {
  font-family: gilroy-full;
  src: url(../../newAlotta/app-site-fonts/locales/gilroy-regular-full.woff2)
    format("woff2");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: gilroy-full;
  src: url(../../newAlotta/app-site-fonts/locales/gilroy-bold-full.woff2)
    format("woff2");
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: gilroy-full;
  src: url(../../newAlotta/app-site-fonts/locales/gilroy-extrabold-full.woff2)
    format("woff2");
  font-weight: 800;
  font-display: swap;
}

*,
::after,
::before {
  box-sizing: border-box;
}

abbr,
acronym,
address,
applet,
article,
aside,
audio,
big,
blockquote,
body,
button,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
header,
html,
iframe,
img,
input,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
nav,
object,
ol,
output,
pre,
q,
ruby,
s,
samp,
section,
select,
small,
span,
strike,
sub,
summary,
sup,
table,
tbody,
td,
textarea,
tfoot,
th,
thead,
time,
tr,
tt,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}

html {
  height: 100%;
  width: 100%;
  font-weight: 400;
  -webkit-text-size-adjust: 100%;
}

body {
  font-size: 16px;
  line-height: 1.5em;
  color: var(--cMain);
  text-rendering: optimizeSpeed;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 16px;
  color: var(--cEmph);
  font-weight: 800;
}

.h1,
h1 {
  font-size: 32px;
  line-height: 1.25em;
}

.h2,
h2 {
  font-size: 24px;
  line-height: 1.33em;
}

.h3,
h3 {
  font-size: 24px;
  line-height: 1.33em;
}

.h4,
.h5,
.h6,
h4,
h5,
h6 {
  font-size: inherit;
}

ol,
ul {
  margin: 0;
  padding: 0;
}

img {
  max-width: 100%;
}

table {
  width: 100%;
}

table svg {
  display: block;
}

mark {
  background-color: transparent;
  color: var(--primary);
}

button,
input,
select,
textarea {
  font: inherit;
}

button {
  -webkit-appearance: button;
  cursor: pointer;
}

input[type="search"] {
  -webkit-appearance: none;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
  opacity: 0;
}

a {
  font-weight: inherit;
  color: #bb8b62;
  text-decoration: none;
}

dl {
  margin: 0;
}

p {
  margin: 0 0 16px;
}

b,
strong {
  color: var(--cEmph);
}

.ske ul {
  list-style: disc;
}

.ske ol {
  list-style: decimal;
}

.flex,
.flex-center-x,
.flex-center-xy,
.flex-center-y {
  display: flex;
}

.flex-center-x,
.flex-center-xy {
  justify-content: center;
}

.flex-center-xy,
.flex-center-y {
  align-items: center;
}

.flex-center-xy {
  height: 100%;
}

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

.flex-column {
  flex-direction: column;
}

.flex-between {
  justify-content: space-between;
}

.flex-start {
  align-items: flex-start;
}

.flex-wrap {
  margin-left: calc(32px / -2);
  width: calc(100% + 32px);
  flex-wrap: wrap;
}

[dir="rtl"] .flex-wrap {
  margin-left: unset;
  margin-right: calc(32px / -2);
}

.c-lg-1,
.c-md-1,
.c-sm-1 {
  width: 100%;
  max-width: calc(100vw - 32px);
  margin: 0 calc(32px / 2);
}

.c-lg-2,
.c-md-2,
.c-sm-2 {
  width: 100%;
  max-width: calc(100vw - 32px);
  margin: 0 calc(32px / 2);
}

.c-lg-3,
.c-md-3,
.c-sm-3 {
  width: 100%;
  max-width: calc(100vw - 32px);
  margin: 0 calc(32px / 2);
}

.c-lg-4,
.c-md-4,
.c-sm-4 {
  width: 100%;
  max-width: calc(100vw - 32px);
  margin: 0 calc(32px / 2);
}

.c-lg-5,
.c-md-5,
.c-sm-5 {
  width: 100%;
  max-width: calc(100vw - 32px);
  margin: 0 calc(32px / 2);
}

.c-lg-6,
.c-md-6,
.c-sm-6 {
  width: 100%;
  max-width: calc(100vw - 32px);
  margin: 0 calc(32px / 2);
}

.c-lg-7,
.c-md-7,
.c-sm-7 {
  width: 100%;
  max-width: calc(100vw - 32px);
  margin: 0 calc(32px / 2);
}

.c-lg-8,
.c-md-8,
.c-sm-8 {
  width: 100%;
  max-width: calc(100vw - 32px);
  margin: 0 calc(32px / 2);
}

.c-lg-9,
.c-md-9,
.c-sm-9 {
  width: 100%;
  max-width: calc(100vw - 32px);
  margin: 0 calc(32px / 2);
}

.c-lg-10,
.c-md-10,
.c-sm-10 {
  width: 100%;
  max-width: calc(100vw - 32px);
  margin: 0 calc(32px / 2);
}

.c-lg-11,
.c-md-11,
.c-sm-11 {
  width: 100%;
  max-width: calc(100vw - 32px);
  margin: 0 calc(32px / 2);
}

.c-lg-12,
.c-md-12,
.c-sm-12 {
  width: 100%;
  max-width: calc(100vw - 32px);
  margin: 0 calc(32px / 2);
}

.c-xs-1 {
  width: calc(100% / 12 * 1 - 32px);
  margin: 0 calc(32px / 2);
}

.c-xs-2 {
  width: calc(100% / 12 * 2 - 32px);
  margin: 0 calc(32px / 2);
}

.c-xs-3 {
  width: calc(100% / 12 * 3 - 32px);
  margin: 0 calc(32px / 2);
}

.c-xs-4 {
  width: calc(100% / 12 * 4 - 32px);
  margin: 0 calc(32px / 2);
}

.c-xs-5 {
  width: calc(100% / 12 * 5 - 32px);
  margin: 0 calc(32px / 2);
}

.c-xs-6 {
  width: calc(100% / 12 * 6 - 32px);
  margin: 0 calc(32px / 2);
}

.c-xs-7 {
  width: calc(100% / 12 * 7 - 32px);
  margin: 0 calc(32px / 2);
}

.c-xs-8 {
  width: calc(100% / 12 * 8 - 32px);
  margin: 0 calc(32px / 2);
}

.c-xs-9 {
  width: calc(100% / 12 * 9 - 32px);
  margin: 0 calc(32px / 2);
}

.c-xs-10 {
  width: calc(100% / 12 * 10 - 32px);
  margin: 0 calc(32px / 2);
}

.c-xs-11 {
  width: calc(100% / 12 * 11 - 32px);
  margin: 0 calc(32px / 2);
}

.c-xs-12 {
  width: calc(100% / 12 * 12 - 32px);
  margin: 0 calc(32px / 2);
}

.cc-wrapper,
.wrapper {
  position: relative;
  overflow: hidden;
}

.cc-wrap,
.container {
  max-width: 1276px;
  width: 100%;
  margin: 0 auto;
  padding: 0 16px;
}

.cc-wrap--narrow,
.container--narrow {
  max-width: 946px;
}

.brick {
  margin-bottom: 24px;
}

.brickSm {
  margin-bottom: 16px;
}

.brickXs {
  margin-bottom: 16px;
}

.gap,
.gapLg,
.gapMd,
.gapSm,
.gapXs {
  display: grid;
  align-content: flex-start;
  grid-auto-columns: 100%;
}

.gapXs {
  gap: 8px;
}

.gapSm {
  gap: 16px;
}

.gapMd {
  gap: 16px;
}

.gapLg {
  gap: 24px;
}

.cc-box,
.cc-boxLg,
.cc-boxMd,
.cc-boxSm,
.cc-boxXl {
  --padBox: 16px;
  --radBox: 24px;
  padding: var(--padBox);
  border-radius: var(--radBox);
}

.cc-boxSm {
  --radBox: 16px;
}

.cc-box__title {
  background: #000;
  color: #fff;
  display: block;
  margin: calc(-1 * var(--padBox));
  margin-bottom: var(--u16);
  padding: var(--u8) var(--u16);
  border-radius: var(--radBox) var(--radBox) 0 0;
}

.section {
  padding: 48px 0;
}

.section.black + .section.black,
.section.grey + .section.grey,
.section.white + .section.white {
  padding-top: 0;
}

.scrollLine {
  display: grid;
  gap: 16px;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  max-width: calc(100vw - 30px);
}

.grecaptcha-badge {
  display: none;
}

.toTop {
  --color: var(--cEmph);
  display: none;
}

.toTop:hover {
  --color: var(--cMainHover);
}

.scroll__none {
  -webkit-overflow-scrolling: auto;
  overflow: hidden !important;
}

.cc-header {
  --headerBackground: var(--cLight);
  --headerHoverBackground: var(--bgHover);
  --headerFontColor: var(--cMain);
  --headerHoverFontColor: var(--cMainHover);
  position: sticky;
  left: 0;
  right: 0;
  top: 0;
  background: var(--headerBackground);
  color: var(--headerColor);
  z-index: 33;
}

.cc-header--fca .stickyBar {
  position: relative;
  padding: 0 var(--u16);
  max-height: 100vh;
  visibility: visible;
  opacity: 1;
}

.cc-header--fca .stickyBar__wrap {
  flex-flow: column nowrap;
}

.cc-header--fca .stickyBar .mainCookies,
.cc-header--fca .stickyBar .riskWarn {
  line-height: 18px;
  font-size: 14px;
}

.cc-header--fca .stickyBar .riskWarn__btn {
  display: none;
}

.cc-header--fca .stickyBar .mainCookies {
  padding: 0 0 8px;
}

.cc-header__wrap {
  position: relative;
  justify-content: space-between;
  align-items: center;
  padding: var(--u8) 0;
  z-index: 1;
}

.cc-header__wrap > * {
  margin: 0 var(--u16);
}

.cc-header__btn {
  display: flex;
  padding: var(--u8);
  background: 0 0;
  border-radius: var(--u8);
  color: var(--headerFontColor);
}

.cc-header__btn:not(:first-child) {
  margin-left: var(--u16);
}

.cc-header__btn.cc-header__btn--back i,
.cc-header__btn.cc-header__btn--burger i,
.cc-header__btn.cc-header__btn--search i {
  margin-right: unset;
}

.cc-header__btn.cc-header__btn--burger {
  padding: unset;
  line-height: 0;
  font-size: 0;
}

.cc-header__btn--back {
  transform: scale(0);
}

.cc-header__btn--lng {
  text-transform: uppercase;
}

.cc-header__btn i {
  position: relative;
  margin-right: var(--u8);
  width: var(--u24);
  height: var(--u24);
}

.cc-header__btn .cc-icons {
  position: absolute;
  left: 0;
  top: 0;
}

.cc-header__btn .cc-icons--type2 {
  transform: scale(1.4);
  visibility: hidden;
  opacity: 0;
}

.cc-header__btn .cc-icons--arrow {
  transform: rotate(180deg);
}

.cc-header__logowrap > :not(:last-child) {
  margin-right: var(--u16);
}

.cc-header__logo {
  --logoBg: var(--bgDark);
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  width: 40px;
  height: 36px;
  background: var(--logoBg);
  border-radius: 0 0 50% 50%;
  font-size: 0;
  z-index: 1;
}

.cc-header__useractions {
  position: relative;
}

.user-logged .cc-header__login,
.user-logged .cc-header__signup {
  display: none;
}

.cc-header button {
  border: none;
}

.cc-header .h3 {
  margin: 0 0 24px;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.33em;
}

.cc-logo {
  --logoColor: var(--cLight);
  max-width: 100%;
  fill: currentColor;
  color: var(--logoColor);
}

.cc-logo--short {
  max-width: 40px;
}

.cc-toggleLicense {
  position: relative;
}

.cc-toggleLicense__btn {
  position: relative;
  margin-left: 48px;
  padding: 4px 24px 4px 8px;
  max-width: 130px;
  background: var(--bgGrey);
  border-radius: var(--u8);
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: end;
  line-height: var(--u16);
  font-size: 10px;
  color: var(--cSubHover);
  overflow: hidden;
}

.cc-toggleLicense__btn:after {
  position: absolute;
  right: 10px;
  top: 50%;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid var(--cSub);
  transform: translateY(-50%);
  content: "";
}

.cc-appsDownload {
  display: none;
}

.cc-appsDownload__btn {
  grid-template-columns: repeat(2, 1fr);
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  background: var(--cEmph);
  border: 0;
  border-radius: var(--u24);
}

.cc-appsDownload__icon {
  max-width: var(--u24);
  max-height: var(--u24);
  width: auto;
  height: auto;
}

.cc-appsDownload p {
  font-size: 16px;
  line-height: 24px;
}

.cc-appsDownload__dropdown,
.cc-appsNav,
.cc-langSwitch,
.cc-nav,
.cc-search,
.cc-toggleLicense__dropdown,
.topBanner,
.userProfile {
  display: none;
}

.cc-notification {
  position: relative;
  display: grid;
  grid-template-columns: -webkit-min-content 1fr;
  grid-template-columns: min-content 1fr;
  gap: 8px;
  margin: 16px 0 8px;
  padding: 16px 8px;
  border-radius: 16px;
  background: #00a0ff;
  font-size: 13px;
  line-height: 16px;
  color: #fff;
}

.cc-notification__content {
  display: flex;
  align-items: center;
}

.cc-notification__icons {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.cc-notification__close {
  color: inherit;
}

.cc-notification svg {
  display: block;
}

.cc-notification p {
  margin: 0;
  font-size: 13px;
  line-height: 16px;
}

.cc-notification a {
  color: #fff;
  text-decoration: underline;
  z-index: 1;
}

.cc-notification a:hover {
  text-decoration: none;
}

@media (max-width: 767px) {
  .cc-boxWide {
    border-radius: 0;
    margin-right: -16px;
    margin-left: -16px;
  }
}
