@charset "UTF-8";.cc-search__input::-moz-placeholder {
    font-size: 16px;
    line-height: 1.5em
}

.cc-search__input,.cc-search__input::placeholder,.cc-search__link {
    font-size: 16px;
    line-height: 1.5em
}

.cc-langSwitch,.cc-nav__chart,.cc-nav__col--chart,.cc-nav__item--main,.cc-search__list,.cc-toggleLicense__wrap,.fieldDropdown__list,.overflowWrap {
    overflow: auto;
    scrollbar-width: thin
}

.cc-langSwitch::-webkit-scrollbar,.cc-nav__chart::-webkit-scrollbar,.cc-nav__col--chart::-webkit-scrollbar,.cc-nav__item--main::-webkit-scrollbar,.cc-search__list::-webkit-scrollbar,.cc-toggleLicense__wrap::-webkit-scrollbar,.fieldDropdown__list::-webkit-scrollbar,.overflowWrap::-webkit-scrollbar {
    height: 0;
    width: 4px
}

.cc-langSwitch::-webkit-scrollbar-thumb,.cc-nav__chart::-webkit-scrollbar-thumb,.cc-nav__col--chart::-webkit-scrollbar-thumb,.cc-nav__item--main::-webkit-scrollbar-thumb,.cc-search__list::-webkit-scrollbar-thumb,.cc-toggleLicense__wrap::-webkit-scrollbar-thumb,.fieldDropdown__list::-webkit-scrollbar-thumb,.overflowWrap::-webkit-scrollbar-thumb {
    background-color: #cdcdcd
}

.cc-langSwitch::-webkit-scrollbar-track,.cc-nav__chart::-webkit-scrollbar-track,.cc-nav__col--chart::-webkit-scrollbar-track,.cc-nav__item--main::-webkit-scrollbar-track,.cc-search__list::-webkit-scrollbar-track,.cc-toggleLicense__wrap::-webkit-scrollbar-track,.fieldDropdown__list::-webkit-scrollbar-track,.overflowWrap::-webkit-scrollbar-track {
    background-color: #f0f0f0
}

.hidden {
    display: none!important
}

.text-center {
    text-align: center!important
}

.text-right {
    text-align: end!important
}

.text-left {
    text-align: start!important
}

.alignCenterToLeft {
    text-align: center
}

.bgGrey,.grey {
    background-color: var(--bgGrey)
}

.bgDarkGrey,.dark {
    background-color: var(--bgDark);
    color: #fff
}

.bgDarkGrey .h1,.bgDarkGrey .h2,.bgDarkGrey .h3,.bgDarkGrey .h4,.bgDarkGrey .h5,.bgDarkGrey .h6,.bgDarkGrey b,.bgDarkGrey h1,.bgDarkGrey h2,.bgDarkGrey h3,.bgDarkGrey h4,.bgDarkGrey h5,.bgDarkGrey h6,.bgDarkGrey strong,.dark .h1,.dark .h2,.dark .h3,.dark .h4,.dark .h5,.dark .h6,.dark b,.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6,.dark strong {
    color: inherit
}

.white {
    background-color: #fff
}

.clrPositive {
    color: var(--chartBlue);
    transition: color .3s ease-out
}

.clrPositive2 {
    color: var(--success);
    transition: color .3s ease-out
}

.clrNegative {
    color: var(--chartRed);
    transition: color .3s ease-out
}

.mbSection {
    margin-bottom: 48px
}

.mb8 {
    margin-bottom: 8px
}

.mb16 {
    margin-bottom: 16px
}

.mb24 {
    margin-bottom: 24px
}

.mb32 {
    margin-bottom: 32px
}

.mb40 {
    margin-bottom: 40px
}

.mb48 {
    margin-bottom: 48px
}

.mb56 {
    margin-bottom: 56px
}

.mb64 {
    margin-bottom: 64px
}

.mb72 {
    margin-bottom: 72px
}

.mb80 {
    margin-bottom: 80px
}

.mb88 {
    margin-bottom: 88px
}

.mb96 {
    margin-bottom: 96px
}

.overflowWrap {
    max-width: calc(100vw - 32px)
}

.nowrap {
    white-space: nowrap
}

.blueLink {
    font-weight: 400;
    color: var(--chartBlue)
}

.uLink {
    text-decoration: underline
}

.uLink:hover {
    text-decoration: none
}

.arrowLink {
    display: inline-grid;
    grid-auto-flow: column;
    gap: 8px;
    font-weight: 700;
    color: #000
}

.arrowLink:hover svg {
    transform: translateX(1%);
    transition: transform .5s cubic-bezier(.47,30,.41,.2)
}

.textSm,small {
    font-size: 13px;
    line-height: 16px
}

.textSub {
    font-size: 13px;
    line-height: 16px;
    color: var(--cSub)
}

.textGrey {
    color: var(--cSub)
}

.stringEllipsed {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cc-header .cc-trustpilotRating--full {
    flex-direction: row;
    -webkit-padding-start: 48px;
    padding-inline-start:48px;max-height: 24px
}

.cc-header .cc-trustpilotRating--full .cc-trustpilotRating__stars {
    margin: 0 var(--u8)
}

.cc-header .cc-trustpilotRating__logo {
    margin-bottom: unset;
    max-width: 70px
}

.cc-header .cc-trustpilotRating__icon {
    max-width: 90px;
    max-height: 18px
}

.cc-header .cc-trustpilotRating__prop {
    display: none
}

.cc-appsDownload__dropdown,.cc-toggleLicense__dropdown {
    display: block;
    position: absolute;
    padding: var(--u24);
    right: 0;
    top: calc(100% + 10px);
    background: var(--cLight);
    border-radius: var(--u8);
    box-shadow: 0 4px 13px rgba(0,0,0,.06),0 18px 40px rgba(0,0,0,.26);
    color: var(--cEmph);
    z-index: 10
}

.cc-toggleLicense__dropdown {
    min-width: 236px;
    width: 100%;
    z-index: 1000
}

.cc-toggleLicense__wrap {
    -webkit-padding-end: var(--u8);
    padding-inline-end:var(--u8);max-height: 50vh;
    overflow-y: auto
}

.cc-toggleLicense a {
    display: block;
    padding: var(--u16) 0;
    font-weight: inherit;
    line-height: var(--u24);
    font-size: var(--u16);
    color: inherit
}

.cc-toggleLicense a.cc-toggleLicense__item {
    position: relative;
    padding: var(--u8) var(--u32) var(--u8) var(--u8);
    border-radius: var(--u8)
}

.cc-toggleLicense a.cc-toggleLicense__item:after {
    position: absolute;
    right: 16px;
    top: 50%;
    width: 7px;
    height: 7px;
    border: solid var(--chartBlue);
    border-width: 2px 2px 0 0;
    content: ""
}

.cc-toggleLicense a:first-child {
    padding-top: 0
}

.cc-toggleLicense a:last-child {
    margin-top: var(--u16)
}

.cc-toggleLicense a:not(:last-child) {
    border-bottom: 1px solid #c4c4c4
}

.cc-toggleLicense a small {
    display: block
}

.cc-toggleLicense a b {
    color: inherit
}

.cc-appsDownload__dropdown {
    width: 184px
}

.cc-appsDownload__dropdown>:not(:last-child) {
    margin-bottom: var(--u16)
}

.cc-appsDownload__qr {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: auto
}

.cc-appsDownload .badge-appstore,.cc-appsDownload .badge-googleplay {
    max-width: 100%;
    height: 40px;
    background-size: contain
}

.userProfile__btn {
    position: relative
}

.userProfile__notif {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 6px;
    top: 6px;
    width: 12px;
    height: 12px;
    background: var(--chartRed);
    border-radius: 50%
}

.userProfile__notif:after {
    line-height: 12px;
    font-style: normal;
    font-size: 10px;
    color: var(--cLight);
    content: "!"
}

.cc-nav {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background: inherit
}

.cc-nav__wrap {
    position: relative;
    padding: 66px 0 16px;
    height: 100vh
}

.cc-nav__item {
    position: absolute;
    display: flex;
    justify-content: center;
    max-height: calc(100vh - 196px);
    width: 100%;
    height: 100%
}

.cc-nav__item--main {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-flow: column nowrap;
    padding: 0 var(--u32);
    overflow-x: hidden;
    overflow-y: auto
}

.cc-nav__buttons {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: var(--u24)
}

.cc-nav__btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--u8) var(--u8) var(--u8) var(--u16);
    border-radius: var(--u8);
    white-space: nowrap;
    font-weight: 700;
    color: inherit
}

.cc-nav__btn:not(:first-child) {
    margin-top: var(--u8)
}

.cc-nav__btn .cc-icons {
    margin-left: var(--u8)
}

.cc-nav__content {
    position: relative;
    grid-area: 1/2/10/3;
    height: 100%
}

.cc-nav__side {
    position: absolute;
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
    margin-top: var(--u24);
    -webkit-padding-start: 16px;
    padding-inline-start:16px;gap: 0 var(--u16);
    top: 0;
    max-height: 0;
    width: 100%
}

.cc-nav__side.cc-nav__side--wchart {
    grid-template-columns: 1fr
}

.cc-nav__side.cc-nav__side--wchart .cc-nav__link--subtitle {
    grid-area: unset
}

.cc-nav__side.cc-nav__side--wchart .cc-nav__col {
    margin-bottom: unset
}

.cc-nav__col {
    margin-bottom: var(--u32)
}

.cc-nav__col--chart {
    display: none
}

.cc-nav__link--level2 {
    font-weight: 800;
    color: var(--cEmph)
}

.cc-nav__chart {
    padding-bottom: 8px;
    transform: scaleY(-1);
    overflow-x: auto;
    overflow-y: auto
}

.cc-nav__chart .table {
    transform: scaleY(-1)
}

.cc-nav__enicon {
    display: inline-block;
    margin-left: 4px;
    padding: 2px 6px;
    background: var(--bgGrey);
    border-radius: 2px;
    text-transform: capitalize;
    font-style: normal;
    font-weight: 700;
    font-size: 12px
}

.cc-nav__footer {
    margin-top: 40px;
    justify-items: center;
    line-height: var(--u16);
    font-size: 13px
}

.cc-nav__footer a {
    margin: 0 var(--u16);
    color: var(--cMain)
}

.cc-langSwitch,.cc-search {
    margin: 0 var(--u32);
    max-width: 1008px;
    width: 100%
}

.cc-search {
    display: block
}

.cc-search__wrap {
    position: relative
}

.cc-search__input {
    padding: 12px 64px;
    width: 100%;
    border-radius: var(--u16);
    font-weight: 600
}

.cc-search__input::-moz-placeholder {
    font-weight: 600;
    color: var(--cSub)
}

.cc-search__input::placeholder {
    font-weight: 600;
    color: var(--cSub)
}

.cc-search__close,.cc-search__loupe {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) scale(1.2)
}

.cc-search__loupe {
    left: var(--u16)
}

.cc-search__close {
    right: var(--u16);
    cursor: pointer
}

.cc-search__dropdown {
    display: none
}

.cc-search__results {
    margin-right: 48px;
    margin-bottom: 24px;
    text-align: end;
    line-height: var(--u16);
    font-size: 13px;
    color: var(--cSub)
}

.cc-search__list {
    display: flex;
    margin: 0 -52px;
    max-height: calc(100vh - 320px);
    max-width: 100%;
    overflow-y: auto
}

.cc-search__list>* {
    margin: 0 52px
}

.cc-search__link strong {
    color: inherit
}

.cc-langSwitch {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(136px,1fr));
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
    justify-content: space-between;
    gap: 8px 64px;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden
}

.cc-langSwitch a {
    display: flex;
    padding: var(--u8);
    font-size: 13px
}

.cc-langSwitch__flag {
    margin-right: var(--u8)
}

.cc-appsNav {
    display: block;
    align-self: center;
    margin-top: var(--u32);
    padding: var(--u24);
    border-radius: var(--u16);
    text-align: center
}

.cc-appsNav>* {
    display: block
}

.cc-appsNav__wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: var(--u16)
}

.cc-appsNav__item.badge-appstore,.cc-appsNav__item.badge-googleplay {
    max-width: 100%;
    height: 40px;
    background-size: contain
}

.topBanner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    order: 1;
    padding: 7px 15px;
    border: solid 1px #e5e5e5;
    background: #ededed;
    width: 100%;
    transition: height .2s ease;
    overflow: hidden
}

.topBanner:not(.active) {
    display: none
}

.topBanner__image {
    display: block;
    width: 64px;
    height: auto;
    flex: none;
    margin-right: 9px
}

.topBanner__buttons {
    padding-left: 10px
}

.topBanner__link {
    font-weight: 500;
    color: #168acf;
    display: inline-block;
    font-size: 17px;
    padding-right: 10px
}

.topBanner .rating {
    margin: 3px 0 1px
}

.topBanner .button-main {
    padding: 8px 11px 7px;
    min-height: 32px;
    font-size: 14px;
    line-height: 18px
}

.topBanner__frame {
    display: flex;
    align-items: center
}

.topBanner__app {
    margin-right: 5px;
    font-size: 13px;
    line-height: 1.2;
    color: #7d7d7d;
    padding-top: 3px
}

.topBanner__name {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    display: block
}

.topBanner__close {
    background: 0 0;
    border: 0;
    width: 30px;
    height: 30px;
    display: inline-block;
    transform: translateY(0) scale(.8);
    margin: 0 -3px 0 -10px;
    padding: 0;
    flex: none
}

.topBanner__close:after,.topBanner__close:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: 13px;
    width: 2px;
    background-color: #b4b4b4
}

.topBanner__close:before {
    transform: translateX(-50%) translateY(-50%) rotate(-45deg)
}

.topBanner__close:after {
    transform: translateX(-50%) translateY(-50%) rotate(45deg)
}

.cc-header .stickyBar,.cc-header .topBanner {
    transition: height .3s ease-out,visibility .3s ease-out,opacity .3s ease-out;
    visibility: visible;
    opacity: 1
}

.cc-header.active .stickyBar,.cc-header.active .topBanner {
    height: 0;
    visibility: hidden;
    opacity: 0
}

.cc-header.active .topBanner {
    padding: unset;
    border: none
}

.cc-header__btn {
    transition: transform .2s ease-out,background .2s ease-out,color .2s ease-out
}

.cc-header__btn:hover {
    color: var(--headerHoverFontColor)
}

.cc-header__btn.active {
    background: var(--headerHoverBackground)
}

.cc-header__btn.active .cc-icons--type1 {
    visibility: hidden;
    opacity: 0
}

.cc-header__btn.active .cc-icons--type2 {
    visibility: visible;
    opacity: 1
}

.cc-header__btn.cc-header__btn--burger.active {
    background: 0 0
}

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

.cc-header__btn .cc-icons {
    transition: visibility .2s ease-out,opacity .2s ease-out
}

.cc-appsDownload__dropdown,.cc-toggleLicense__dropdown {
    transition: opacity .2s ease-out,transform .2s ease-out;
    transform-origin: 50% 0;
    transform: scale(.8);
    pointer-events: none;
    opacity: 0
}

.cc-appsDownload.active .cc-appsDownload__dropdown,.cc-appsDownload.active .cc-toggleLicense__dropdown,.cc-toggleLicense.active .cc-appsDownload__dropdown,.cc-toggleLicense.active .cc-toggleLicense__dropdown {
    transform: scale(1);
    pointer-events: auto;
    opacity: 1
}

.cc-toggleLicense.active .cc-toggleLicense__btn:after {
    transform: translateY(-50%) rotate(180deg)
}

.cc-toggleLicense__btn:after {
    transition: transform .2s ease-out
}

.cc-toggleLicense a.cc-toggleLicense__item {
    background: rgba(0,160,255,.1);
    transition: background .2s ease-out
}

.cc-toggleLicense a.cc-toggleLicense__item:hover {
    background: rgba(0,160,255,.3)
}

.cc-toggleLicense a.cc-toggleLicense__item:after {
    transform: translateY(-50%) rotate(45deg)
}

.cc-appsDownload__btn {
    transition: background .2s ease-out
}

.user-logged .userProfile {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.cc-nav {
    transition: transform .3s ease-out,visibility .3s ease-out,opacity .3s ease-out;
    transform: scale(.8);
    visibility: hidden;
    pointer-events: none;
    opacity: 0
}

.cc-nav.active {
    transform: scale(1);
    visibility: visible;
    pointer-events: auto;
    opacity: 1
}

.cc-nav__item {
    transition: visibility .3s ease-out,opacity .3s ease-out;
    visibility: hidden;
    opacity: 0
}

.cc-nav__item.active {
    visibility: visible;
    opacity: 1
}

.cc-nav__btn {
    background: var(--bgGrey);
    transition: background .2s ease-out,color .2s ease-out
}

.cc-nav__btn:hover {
    background: var(--bgGreyHover)
}

.cc-nav__btn.active {
    background: var(--bgDark);
    color: var(--cLight)
}

.cc-nav__btn.active .cc-icons {
    opacity: 0
}

.cc-nav__btn .cc-icons {
    color: var(--cSub);
    transition: color .2s ease-out,opacity .2s ease-out
}

.cc-nav__side {
    transition: transform .3s ease-out,visibility .3s ease-out,opacity .3s ease-out;
    transform: translateX(100%);
    visibility: hidden;
    overflow: hidden;
    opacity: 0
}

.cc-nav__side.active {
    position: relative;
    max-height: unset;
    transform: translateX(0);
    visibility: visible;
    opacity: 1
}

.cc-nav__link {
    color: var(--headerFontColor);
    transition: color .2s ease-out
}

.cc-nav__link:hover {
    color: var(--headerHoverFontColor)
}

.cc-search__input {
    border: none;
    box-shadow: inset 0 0 0 1px #bdbdbd;
    transition: box-shadow .2s ease-out
}

.cc-search.active .cc-search__input,.cc-search__input:focus,.cc-search__input:hover,.focus .cc-search__input {
    box-shadow: inset 0 0 0 2px var(--primary)
}

.cc-search__input:focus~.cc-search__close,.focus .cc-search__input~.cc-search__close {
    opacity: 1
}

.cc-search__close.cc-icons,.cc-search__loupe.cc-icons {
    color: var(--cSub);
    transition: color .2s ease-out,opacity .2s ease-out
}

.cc-search__close {
    opacity: 0
}

.cc-search__close:hover {
    color: var(--cSubHover)
}

.cc-search__link {
    color: var(--headerFontColor);
    transition: color .2s ease-out
}

.cc-search__link:hover {
    color: var(--headerHoverFontColor)
}

.cc-langSwitch a {
    color: var(--headerFontColor);
    transition: color .2s ease-out
}

.cc-langSwitch a:hover {
    color: var(--headerHoverFontColor)
}

.cc-langSwitch a.active {
    background: var(--bgGrey);
    border-radius: var(--u8)
}

.black.cc-header {
    --headerBackground: var(--bgDark);
    --headerHoverBackground: var(--bgDarkHover);
    --headerFontColor: var(--darkContrast);
    --headerHoverFontColor: var(--cLightHover)
}

.black .cc-header__logo {
    --logoBg: var(--cLight)
}

.black .cc-header__login {
    box-shadow: inset 0 0 0 1px var(--headerFontColor);
    color: var(--headerFontColor)
}

.black .cc-header__login:hover {
    box-shadow: inset 0 0 0 1px var(--headerHoverFontColor);
    color: var(--headerHoverFontColor)
}

.black .cc-logo {
    --logoColor: var(--bgDark)
}

.black .cc-appsDownload__dropdown,.black .cc-toggleLicense__dropdown {
    background: var(--bgDark);
    color: var(--darkContrast)
}

.black .cc-toggleLicense__btn {
    background: var(--bgDark);
    color: var(--darkContrast)
}

.black .cc-nav__btn {
    background: var(--bgDark);
    color: var(--darkContrast)
}

.black .cc-nav__btn:hover {
    background: var(--bgDarkHover)
}

.black .cc-nav__btn.active {
    background: var(--headerHoverBackground)
}

.black .cc-nav__link--level2 {
    color: var(--darkContrast)
}

.black .cc-nav__footer,.black .cc-nav__footer a {
    color: var(--cLight)
}

.black .cc-search__input {
    background: var(--headerBackground);
    color: var(--headerFontColor)
}

.black .cc-langSwitch a.active {
    background: var(--bgDarkHover)
}

.cc-flags {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    text-indent: -9999px;
    text-align: start;
    overflow: hidden
}

.cc-flags {
    width: 24px;
    height: 24px;
    background: url(../../newAlotta/images/spritePng/langSwitch.png) no-repeat -99999px 0/240px auto
}

.cc-flags--gb {
    background-position: 0 0
}

.cc-flags--es {
    background-position: -24px 0
}

.cc-flags--fr {
    background-position: -48px 0
}

.cc-flags--ab {
    background-position: -72px 0
}

.cc-flags--ro {
    background-position: -96px 0
}

.cc-flags--id {
    background-position: -120px 0
}

.cc-flags--hr {
    background-position: -144px 0
}

.cc-flags--ru {
    background-position: -168px 0
}

.cc-flags--my {
    background-position: -192px 0
}

.cc-flags--it {
    background-position: -216px 0
}

.cc-flags--sk {
    background-position: 0 -24px
}

.cc-flags--bg {
    background-position: -24px -24px
}

.cc-flags--lv {
    background-position: -48px -24px
}

.cc-flags--si {
    background-position: -72px -24px
}

.cc-flags--cz {
    background-position: -96px -24px
}

.cc-flags--lt {
    background-position: -120px -24px
}

.cc-flags--fi {
    background-position: -144px -24px
}

.cc-flags--dk {
    background-position: -168px -24px
}

.cc-flags--hu {
    background-position: -192px -24px
}

.cc-flags--se {
    background-position: -216px -24px
}

.cc-flags--ja {
    background-position: 0 -48px
}

.cc-flags--de {
    background-position: -24px -48px
}

.cc-flags--nl {
    background-position: -48px -48px
}

.cc-flags--vn {
    background-position: -72px -48px
}

.cc-flags--ee {
    background-position: -96px -48px
}

.cc-flags--pl {
    background-position: -120px -48px
}

.cc-flags--th {
    background-position: -144px -48px
}

.cc-flags--gr {
    background-position: -168px -48px
}

.cc-flags--pt {
    background-position: -192px -48px
}

.cc-flags--cn {
    background-position: -216px -48px
}

.cc-flags--tw {
    background-position: 0 -72px
}

.cc-flags--in {
    background-position: -24px -72px
}

.cc-flags--ph {
    background-position: -48px -72px
}

.cc-flags--pk {
    background-position: -72px -72px
}

.cc-flags--kk {
    background-position: -96px -72px
}

.cc-flags--az {
    background-position: -120px -72px
}

.cc-flags--au {
    background-position: -144px -72px
}

.blg-c {
    position: relative;
    display: block;
    margin: 0 auto 4px;
    border-radius: 50%;
    background: center center no-repeat #ff4242;
    transition: all .6s;
    width: 50px;
    height: 50px;
    box-shadow: 0 0 3px rgba(0,0,0,.2);
    background-size: 55% 55%
}

.blg-c-w {
    display: none
}

.blg-c-w.blinger-show {
    display: block
}

.blg-c-wp .blg-tp-inner {
    border-radius: 10px;
    padding: 3px 11px;
    background: #fff;
    color: #444;
    font-size: 14px;
    font-weight: 700;
    float: right;
    text-align: right
}

.blg-c-wp .blg-tp {
    display: none;
    position: absolute;
    right: 60px;
    top: 50%;
    width: 180px;
    transform: translate(0,-50%)
}

.cCblinger {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column nowrap;
    padding: 8px;
    right: 0;
    top: 50vh;
    background: #fff;
    border-radius: 16px 0 0 16px;
    box-shadow: -8px 0 24px rgba(0,0,0,.16);
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 999996
}

.cCblinger--fca {
    top: unset;
    bottom: 0;
    border-radius: 16px 0 0 0;
    transform: translateY(0)
}

.cCblinger__desc,.cCblinger__icon {
    font-weight: 700;
    font-size: 12px;
    color: var(--cLight)
}

.cCblinger__icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
    width: 24px;
    height: 24px;
    background: #1c1c1c;
    border-radius: 50%;
    transition: all .3s ease-out
}

.cCblinger__icon:before {
    width: 24px;
    height: 24px;
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxOCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDE3QzEyIDE4LjEwNDYgMTEuMTA0NiAxOSAxMCAxOUM4Ljg5NTQzIDE5IDggMTguMTA0NiA4IDE3QzggMTUuODk1NCA4Ljg5NTQzIDE1IDEwIDE1QzExLjEwNDYgMTUgMTIgMTUuODk1NCAxMiAxN1pNMTIgMTdIMTNDMTUuMjA5MSAxNyAxNyAxNS4yMDkxIDE3IDEzTTE3IDEzVjhDMTcgNC4xMzQwMSAxMy44NjYgMSAxMCAxSDhDNC4xMzQwMSAxIDEgNC4xMzQwMSAxIDhWMTRNMTcgMTNIMTVDMTMuODk1NCAxMyAxMyAxMi4xMDQ2IDEzIDExVjlDMTMgNy44OTU0MyAxMy44OTU0IDcgMTUgN0gxN00xIDdIM0M0LjEwNDU3IDcgNSA3Ljg5NTQzIDUgOVYxMUM1IDEyLjEwNDYgNC4xMDQ1NyAxMyAzIDEzSDEiIHN0cm9rZT0iI0JCOEI2MiIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=) center center no-repeat;
    background-size: contain;
    content: ""
}

.cCblinger__icon--active {
    margin: 2px 0 8px;
    padding: 0 0 8px;
    background: 0 0
}

.cCblinger__icon--active:before {
    width: 18px;
    height: 18px;
    background: transparent url(../../newAlotta/img/icons/ico-popup-close.svg) center center no-repeat;
    background-size: 50%
}

.cCblinger__icon--active:after {
    position: absolute;
    bottom: 0;
    width: 16px;
    height: 1px;
    background: #c4c4c4;
    content: ""
}

.cCblinger__desc {
    display: none;
    margin-right: 16px;
    white-space: nowrap;
    line-height: 1.3;
    font-weight: 700;
    color: #bb8b62
}

.cCblinger .blg-rs {
    width: 28px;
    height: 28px
}

.cCblinger .blg-c {
    margin: unset;
    width: 24px;
    height: 24px;
    background-color: transparent;
    background-size: 16px;
    border-radius: var(--soc-rdz-openBox);
    box-shadow: none
}

.cCblinger .blg-c-w {
    position: relative;
    padding: unset;
    right: unset;
    bottom: unset;
    width: unset;
    box-shadow: none;
    transform: none;
    -webkit-animation: none;
    animation: none
}

.cCblinger .blg-cs {
    display: flex;
    flex-flow: column nowrap;
    width: unset
}

.cCblinger .blg-c-wp:not(:last-child) {
    margin: 0 0 8px
}

.cCblinger .blg-c.zd {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2IDBIMkMwLjg5NyAwIDAgMC44OTcgMCAyVjE4TDQuNzk5NjUgMTQuNEM1LjE0NTg1IDE0LjE0MDQgNS41NjY5NCAxNCA1Ljk5OTcgMTRIMTZDMTcuMTAzIDE0IDE4IDEzLjEwMyAxOCAxMlYyQzE4IDAuODk3IDE3LjEwMyAwIDE2IDBaTTE2IDEySDUuMzMzNkM0LjkwMDkgMTIgNC40Nzk4NyAxMi4xNDAzIDQuMTMzNyAxMi4zOTk5TDIgMTRWMkgxNlYxMloiIGZpbGw9IiNCQjhCNjIiLz4KPC9zdmc+Cg==)
}

.cCblinger .blg-c.vb {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNiAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjM4MzkgMC40MjcyMzdDOS40Nzk5MyAtMC4xNDI0MTIgNi40NjQyMiAtMC4xNDI0MTIgMy41NjAyMSAwLjQyNzIzN0MyLjI3NTc0IDAuNzEyMDYxIDAuNjU2MTk2IDIuMzA3MDggMC4zNzY5NjMgMy41NjAzMUMtMC4xMjU2NTQgNi4wMDk4IC0wLjEyNTY1NCA4LjUxNjI1IDAuMzc2OTYzIDEwLjk2NTdDMC43MTIwNDIgMTIuMjE5IDIuMzMxNTkgMTMuODE0IDMuNTYwMjEgMTQuMDk4OEMzLjYxNjA1IDE0LjA5ODggMy42NzE5IDE0LjE1NTggMy42NzE5IDE0LjIxMjdWMTcuODAxNUMzLjY3MTkgMTcuOTcyNCAzLjg5NTI5IDE4LjA4NjQgNC4wMDY5OCAxNy45MTU1TDUuNjgyMzcgMTYuMTQ5NkM1LjY4MjM3IDE2LjE0OTYgNy4wMjI2OSAxNC43MjU0IDcuMjQ2MDcgMTQuNDk3NkM3LjI0NjA3IDE0LjQ5NzYgNy4zMDE5MiAxNC40NDA2IDcuMzU3NzcgMTQuNDQwNkM5LjAzMzE2IDE0LjQ5NzYgMTAuNzY0NCAxNC4zMjY3IDEyLjQzOTggMTQuMDQxOUMxMy43MjQzIDEzLjc1NyAxNS4zNDM4IDEyLjE2MiAxNS42MjMgMTAuOTA4OEMxNi4xMjU3IDguNDU5MjkgMTYuMTI1NyA1Ljk1MjgzIDE1LjYyMyAzLjUwMzM0QzE1LjI4OCAyLjMwNzA4IDEzLjY2ODQgMC43MTIwNjEgMTIuMzgzOSAwLjQyNzIzN1pNMTIuNDM5OCAxMS4xMzY2QzEyLjE2MDYgMTEuNzA2MyAxMS44MjU1IDEyLjE2MiAxMS4yNjcgMTIuNDQ2OEMxMS4wOTk1IDEyLjUwMzggMTAuOTMxOSAxMi41NjA4IDEwLjc2NDQgMTIuNjE3N0MxMC41NDEgMTIuNTYwOCAxMC4zNzM1IDEyLjUwMzggMTAuMjA1OSAxMi40NDY4QzguNDE4ODUgMTEuNzA2MyA2Ljc0MzQ2IDEwLjY4MDkgNS40MDMxNCA5LjE5OTgzQzQuNjc3MTQgOC4zNDUzNiA0LjA2MjgzIDcuMzc2OTYgMy41NjAyMSA2LjM1MTU5QzMuMzM2ODIgNS44Mzg5IDMuMTEzNDQgNS4zODMxOCAyLjk0NTkgNC44NzA1QzIuNzc4MzYgNC40MTQ3OCAzLjA1NzU5IDMuOTU5MDYgMy4zMzY4MiAzLjYxNzI3QzMuNjE2MDUgMy4yNzU0OCAzLjk1MTEzIDMuMDQ3NjIgNC4zNDIwNiAyLjg3NjczQzQuNjIxMjkgMi43MDU4MyA0LjkwMDUyIDIuODE5NzYgNS4xMjM5MSAzLjA0NzYyQzUuNTcwNjggMy42MTcyNyA2LjAxNzQ1IDQuMTg2OTIgNi4zNTI1MyA0LjgxMzUzQzYuNTc1OTIgNS4yMTIyOSA2LjUyMDA3IDUuNjY4MDEgNi4xMjkxNCA1Ljk1MjgzQzYuMDE3NDUgNi4wMDk4IDUuOTYxNiA2LjA2Njc2IDUuODQ5OTEgNi4xODA2OUM1Ljc5NDA2IDYuMjM3NjYgNS42ODIzNyA2LjI5NDYyIDUuNjI2NTIgNi40MDg1NUM1LjUxNDgzIDYuNTc5NDUgNS41MTQ4MyA2Ljc1MDM0IDUuNTcwNjggNi45MjEyNEM2LjAxNzQ1IDguMjMxNDMgNi44NTUxNSA5LjI1NjggOC4xMzk2MSA5LjgyNjQ1QzguMzYzIDkuOTQwMzggOC41MzA1NCA5Ljk5NzM0IDguODA5NzcgOS45OTczNEM5LjIwMDcgOS45NDAzOCA5LjM2ODI0IDkuNDg0NjYgOS42NDc0NyA5LjI1NjhDOS45MjY3IDkuMDI4OTQgMTAuMjYxOCA5LjAyODk0IDEwLjU5NjkgOS4xOTk4M0MxMC44NzYxIDkuMzcwNzMgMTEuMTU1MyA5LjU5ODU5IDExLjQ5MDQgOS44MjY0NUMxMS43Njk2IDEwLjA1NDMgMTIuMDQ4OSAxMC4yMjUyIDEyLjMyODEgMTAuNDUzMUMxMi40OTU2IDEwLjU2NyAxMi41NTE1IDEwLjg1MTggMTIuNDM5OCAxMS4xMzY2Wk0xMC4wOTQyIDYuODY0MjdDOS45ODI1NCA2Ljg2NDI3IDEwLjAzODQgNi44NjQyNyAxMC4wOTQyIDYuODY0MjdDOS44NzA4NSA2Ljg2NDI3IDkuODE1MDEgNi43NTAzNCA5Ljc1OTE2IDYuNTc5NDVDOS43NTkxNiA2LjQ2NTUyIDkuNzU5MTYgNi4yOTQ2MiA5LjcwMzMxIDYuMTgwNjlDOS42NDc0NyA1Ljk1MjgzIDkuNTM1NzggNS43MjQ5NyA5LjMxMjM5IDUuNTU0MDhDOS4yMDA3IDUuNDk3MTEgOS4wODkgNS40NDAxNSA4Ljk3NzMxIDUuMzgzMThDOC44MDk3NyA1LjMyNjIyIDguNjk4MDggNS4zMjYyMiA4LjUzMDU0IDUuMzI2MjJDOC4zNjMgNS4yNjkyNSA4LjMwNzE1IDUuMTU1MzIgOC4zMDcxNSA0Ljk4NDQzQzguMzA3MTUgNC44NzA1IDguNDc0NjkgNC43NTY1NyA4LjU4NjM5IDQuNzU2NTdDOS40Nzk5MyA0LjgxMzU0IDEwLjE1MDEgNS4zMjYyMiAxMC4yNjE4IDYuNDA4NTVDMTAuMjYxOCA2LjQ2NTUyIDEwLjI2MTggNi41Nzk0NSAxMC4yNjE4IDYuNjM2NDFDMTAuMjYxOCA2Ljc1MDM0IDEwLjIwNTkgNi44NjQyNyAxMC4wOTQyIDYuODY0MjdaTTkuNTM1NzcgNC4zNTc4MkM5LjI1NjU0IDQuMjQzODkgOC45NzczMSA0LjEyOTk2IDguNjQyMjMgNC4wNzI5OUM4LjUzMDU0IDQuMDcyOTkgOC4zNjMgNC4wMTYwMyA4LjI1MTMxIDQuMDE2MDNDOC4wODM3NyA0LjAxNjAzIDcuOTcyMDggMy45MDIxIDguMDI3OTIgMy43MzEyQzguMDI3OTIgMy41NjAzMSA4LjEzOTYyIDMuNDQ2MzggOC4zMDcxNSAzLjUwMzM0QzguODY1NjIgMy41NjAzMSA5LjM2ODI0IDMuNjc0MjQgOS44NzA4NiAzLjkwMjFDMTAuODc2MSA0LjQxNDc4IDExLjQzNDYgNS4yNjkyNSAxMS42MDIxIDYuNDA4NTVDMTEuNjAyMSA2LjQ2NTUyIDExLjYwMjEgNi41MjI0OCAxMS42MDIxIDYuNTc5NDVDMTEuNjAyMSA2LjY5MzM4IDExLjYwMjEgNi44MDczMSAxMS42MDIxIDYuOTc4MkMxMS42MDIxIDcuMDM1MTcgMTEuNjAyMSA3LjA5MjEzIDExLjYwMjEgNy4xNDkxQzExLjU0NjIgNy4zNzY5NiAxMS4xNTUzIDcuNDMzOTIgMTEuMDk5NSA3LjE0OTFDMTEuMDk5NSA3LjA5MjEzIDExLjA0MzYgNi45NzgyIDExLjA0MzYgNi45MjEyNEMxMS4wNDM2IDYuNDA4NTUgMTAuOTMxOSA1Ljg5NTg3IDEwLjcwODYgNS40NDAxNUMxMC4zNzM1IDQuOTI3NDYgOS45ODI1NCA0LjU4NTY4IDkuNTM1NzcgNC4zNTc4MlpNMTIuNTUxNSA3Ljc3NTcxQzEyLjM4MzkgNy43NzU3MSAxMi4yNzIzIDcuNjA0ODIgMTIuMjcyMyA3LjQzMzkyQzEyLjI3MjMgNy4wOTIxMyAxMi4yMTY0IDYuNzUwMzQgMTIuMTYwNiA2LjQwODU1QzExLjkzNzIgNC41ODU2NyAxMC40ODUyIDMuMTA0NTkgOC43NTM5MyAyLjgxOTc2QzguNDc0NyAyLjc2MjggOC4xOTU0NiAyLjc2MjggNy45NzIwOCAyLjcwNTgzQzcuODA0NTQgMi43MDU4MyA3LjU4MTE1IDIuNzA1ODMgNy41MjUzIDIuNDc3OTdDNy40Njk0NiAyLjMwNzA4IDcuNjM3IDIuMTM2MTggNy44MDQ1NCAyLjEzNjE4QzcuODYwMzggMi4xMzYxOCA3LjkxNjIzIDIuMTM2MTggNy45MTYyMyAyLjEzNjE4QzEwLjIwNTkgMi4xOTMxNSA4LjAyNzkyIDIuMTM2MTggNy45MTYyMyAyLjEzNjE4QzEwLjI2MTggMi4xOTMxNSAxMi4yMTY0IDMuNzg4MTcgMTIuNjA3MyA2LjE4MDY5QzEyLjY2MzIgNi41Nzk0NSAxMi43MTkgNi45NzgyIDEyLjcxOSA3LjQzMzkyQzEyLjgzMDcgNy42MDQ4MiAxMi43MTkgNy43NzU3MSAxMi41NTE1IDcuNzc1NzFaIiBmaWxsPSIjN0M1MDlBIi8+Cjwvc3ZnPgo=)
}

.cCblinger .blg-c.wp {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjY1ODUgMi4zMzMzM0MxMi4xNTMzIDAuODMzMzMzIDEwLjE0NjMgMCA4LjAyNzg3IDBDMy42MjM2OSAwIDAuMDU1NzQ4MyAzLjU1NTU2IDAuMDU1NzQ4MyA3Ljk0NDQ0QzAuMDU1NzQ4MyA5LjMzMzMzIDAuNDQ1OTkzIDEwLjcyMjIgMS4xMTQ5OCAxMS44ODg5TDAgMTZMNC4yMzY5NCAxNC44ODg5QzUuNDA3NjcgMTUuNSA2LjY4OTg5IDE1LjgzMzMgOC4wMjc4NyAxNS44MzMzQzEyLjQzMjEgMTUuODMzMyAxNiAxMi4yNzc4IDE2IDcuODg4ODlDMTUuOTQ0MyA1LjgzMzMzIDE1LjE2MzggMy44MzMzMyAxMy42NTg1IDIuMzMzMzNaTTExLjg3NDYgMTAuNzc3OEMxMS43MDczIDExLjIyMjIgMTAuOTI2OCAxMS42NjY3IDEwLjUzNjYgMTEuNzIyMkMxMC4yMDIxIDExLjc3NzggOS43NTYxIDExLjc3NzggOS4zMTAxMSAxMS42NjY3QzkuMDMxMzYgMTEuNTU1NiA4LjY0MTEyIDExLjQ0NDQgOC4xOTUxMiAxMS4yMjIyQzYuMTg4MTUgMTAuMzg4OSA0LjkwNTkyIDguMzg4ODkgNC43OTQ0MyA4LjIyMjIyQzQuNjgyOTMgOC4xMTExMSAzLjk1ODE5IDcuMTY2NjcgMy45NTgxOSA2LjE2NjY3QzMuOTU4MTkgNS4xNjY2NyA0LjQ1OTkzIDQuNzIyMjIgNC42MjcxOCA0LjVDNC43OTQ0MyA0LjI3Nzc4IDUuMDE3NDIgNC4yNzc3OCA1LjE4NDY3IDQuMjc3NzhDNS4yOTYxNyA0LjI3Nzc4IDUuNDYzNDEgNC4yNzc3OCA1LjU3NDkxIDQuMjc3NzhDNS42ODY0MSA0LjI3Nzc4IDUuODUzNjYgNC4yMjIyMiA2LjAyMDkxIDQuNjExMTFDNi4xODgxNSA1IDYuNTc4NCA2IDYuNjM0MTUgNi4wNTU1NkM2LjY4OTg5IDYuMTY2NjcgNi42ODk4OSA2LjI3Nzc4IDYuNjM0MTUgNi4zODg4OUM2LjU3ODQgNi41IDYuNTIyNjUgNi42MTExMSA2LjQxMTE1IDYuNzIyMjJDNi4yOTk2NSA2LjgzMzMzIDYuMTg4MTUgNyA2LjEzMjQgNy4wNTU1NkM2LjAyMDkgNy4xNjY2NyA1LjkwOTQxIDcuMjc3NzggNi4wMjA5MSA3LjQ0NDQ0QzYuMTMyNCA3LjY2NjY3IDYuNTIyNjUgOC4yNzc3OCA3LjEzNTg5IDguODMzMzNDNy45MTYzOCA5LjUgOC41Mjk2MiA5LjcyMjIyIDguNzUyNjEgOS44MzMzM0M4Ljk3NTYxIDkuOTQ0NDUgOS4wODcxMSA5Ljg4ODg5IDkuMTk4NiA5Ljc3Nzc4QzkuMzEwMSA5LjY2NjY3IDkuNzAwMzUgOS4yMjIyMiA5LjgxMTg1IDlDOS45MjMzNSA4Ljc3Nzc4IDEwLjA5MDYgOC44MzMzMyAxMC4yNTc4IDguODg4ODlDMTAuNDI1MSA4Ljk0NDQ0IDExLjQyODYgOS40NDQ0NSAxMS41OTU4IDkuNTU1NTZDMTEuODE4OCA5LjY2NjY3IDExLjkzMDMgOS43MjIyMiAxMS45ODYxIDkuNzc3NzhDMTIuMDQxOCA5Ljk0NDQ0IDEyLjA0MTggMTAuMzMzMyAxMS44NzQ2IDEwLjc3NzhaIiBmaWxsPSIjNDhDOTVGIi8+Cjwvc3ZnPgo=)
}

.cCblinger .blg-c.tg {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNiAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMjgwNTYxIDYuNzE5ODlMMy45NTkwNCA4LjA5NTc1TDUuMzkzMDEgMTIuNzIzNkM1LjQ1NTM2IDEzLjAzNjMgNS44Mjk0NCAxMy4wOTg4IDYuMDc4ODMgMTIuOTExMkw4LjEzNjI3IDExLjIyMjdDOC4zMjMzMSAxMS4wMzUxIDguNjM1MDUgMTEuMDM1MSA4Ljg4NDQ0IDExLjIyMjdMMTIuNTYyOSAxMy45MTE4QzEyLjgxMjMgMTQuMDk5NSAxMy4xODY0IDEzLjk3NDQgMTMuMjQ4NyAxMy42NjE3TDE1Ljk5MiAwLjUyODU0N0MxNi4wNTQzIDAuMjE1ODUzIDE1Ljc0MjYgLTAuMDk2ODM4NSAxNS40MzA5IDAuMDI4MjM5MUwwLjI4MDU2MSA1LjkwNjg5Qy0wLjA5MzUyMDMgNi4wMzE5NiAtMC4wOTM1MjAzIDYuNTk0ODEgMC4yODA1NjEgNi43MTk4OVpNNS4yMDU5OCA3LjQwNzgxTDEyLjQzODIgMi45Njc1NkMxMi41NjI5IDIuOTA1MDIgMTIuNjg3NiAzLjA5MjY0IDEyLjU2MjkgMy4xNTUxOEw2LjYzOTk1IDguNzIxMTNDNi40NTI5MSA4LjkwODc1IDYuMjY1ODYgOS4xNTg5IDYuMjY1ODYgOS40NzE2TDYuMDc4ODMgMTAuOTcyNUM2LjA3ODgzIDExLjE2MDEgNS43NjcwOSAxMS4yMjI3IDUuNzA0NzQgMTAuOTcyNUw0Ljk1NjU3IDguMjIwODJDNC43Njk1MyA3LjkwODEzIDQuODk0MjQgNy41MzI4OSA1LjIwNTk4IDcuNDA3ODFaIiBmaWxsPSIjMkY4OUNFIi8+Cjwvc3ZnPgo=)
}

.cCblinger .blg-c.fb {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDYuNzkwMjNDMCAyLjg4ODc3IDMuMDU2MzggMCA3LjAwMDA5IDBDMTAuOTQzOCAwIDE0LjAwMDIgMi44ODg3NyAxNC4wMDAyIDYuNzkwMjNDMTQuMDAwMiAxMC42OTE3IDEwLjk0MzggMTMuNTgwNSA3LjAwMDA5IDEzLjU4MDVDNi4yOTE2MyAxMy41ODA1IDUuNjExMzQgMTMuNDg3NSA0Ljk3MzMgMTMuMzExNEM0Ljg0OTM2IDEzLjI3NzYgNC43MTgzNyAxMy4yODc1IDQuNjAwMDYgMTMuMzM5NkwzLjIxMTMxIDEzLjk1MjNDMi44NDc5MiAxNC4xMTE0IDIuNDM4MDYgMTMuODUzNyAyLjQyNTM4IDEzLjQ1NjVMMi4zODczNSAxMi4yMTE0QzIuMzgxNzIgMTIuMDU3OSAyLjMxMjcxIDExLjkxNTYgMi4xOTg2MiAxMS44MTI4QzAuODM2NjMgMTAuNTk0NSAwIDguODMxMSAwIDYuNzkwMjNaTTQuODYyMjQgNS41MjI5TDIuODA1ODggOC43ODQ5MkMyLjYwNzI4IDkuMDk3NiAyLjk5MzIgOS40NTExMiAzLjI4NzU3IDkuMjI3MThMNS40OTc0NiA3LjU0OTY5QzUuNjQ2NzYgNy40MzcwMSA1Ljg1MjM5IDcuNDM1NiA2LjAwMzEgNy41NDgyOEw3LjYzODMzIDguNzc1MDZDOC4xMjg0OCA5LjE0MjY3IDguODI5OSA5LjAxMzA5IDkuMTU2NjYgOC40OTQ3N0wxMS4yMTE2IDUuMjM0MTdDMTEuNDEwMiA0LjkyMTQ5IDExLjAyNDMgNC41Njc5NiAxMC43Mjk5IDQuNzkxOTFMOC41MjE0NCA2LjQ2Nzk5QzguMzcyMTQgNi41ODA2NiA4LjE2NjUxIDYuNTgyMDcgOC4wMTU4IDYuNDY5NEw2LjM4MDU3IDUuMjQyNjJDNS44OTA0MiA0Ljg3NTAxIDUuMTg5MDEgNS4wMDQ1OSA0Ljg2MjI0IDUuNTIyOVoiIGZpbGw9IiMwMDhCRkYiLz4KPC9zdmc+Cg==)
}

.cCblinger .blg-tp {
    right: 40px;
    width: unset
}

.stickyBar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: #1c1c1c;
    z-index: 32
}

.stickyBar__wrap {
    position: relative;
    display: flex;
    flex-flow: column-reverse nowrap;
    align-items: center;
    padding-top: 8px
}

.stickyBar--noRW .stickyBar__wrap {
    padding: unset
}

.stickyBar .footerPanelClose {
    margin: auto 0;
    top: 0;
    bottom: 0
}

.mainCookies {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-flow: row-reverse nowrap;
    padding: 4px 0;
    width: 100%;
    height: 100%;
    line-height: 14px;
    font-weight: 400;
    font-size: 12px;
    color: #fff
}

.mainCookies a {
    text-decoration: underline;
    color: #fff
}

.mainCookies__close {
    position: relative;
    align-self: flex-start;
    margin-right: 8px;
    width: 15px;
    height: 15px;
    background: 0 0;
    border: 0;
    transform: scale(1)
}

.mainCookies__close:hover:after,.mainCookies__close:hover:before {
    background: #fff
}

.mainCookies__close:after,.mainCookies__close:before {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 2px;
    height: 15px;
    background: #767779;
    transition: all .3s ease-out;
    content: ""
}

.mainCookies__close:before {
    transform: translateX(-50%) translateY(-50%) rotate(-45deg)
}

.mainCookies__close:after {
    transform: translateX(-50%) translateY(-50%) rotate(45deg)
}

.riskWarn {
    position: relative;
    padding: 8px 0;
    width: 100%;
    height: 100%;
    border-top: 1px solid #c4c4c4;
    border-bottom: 1px solid #4c4c4e;
    line-height: 14px;
    font-weight: 600;
    font-size: 12px;
    text-align: start;
    color: #fff;
    z-index: 2
}

.riskWarn.active {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.riskWarn__btn {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: calc(100% - 12px);
    width: 24px;
    height: 24px;
    background: #1b1b1b;
    border-radius: 50%;
    cursor: pointer;
    z-index: 10
}

.riskWarn__btn:after,.riskWarn__btn:before {
    position: absolute;
    top: 50%;
    width: 4px;
    height: 4px;
    border: solid #c4c4c4;
    border-width: 0 1px 1px 0;
    transition: all .3s ease-out;
    transform: translateY(-50%) rotate(-135deg);
    content: ""
}

.active .riskWarn__btn:after,.active .riskWarn__btn:before {
    transform: translateY(-50%) rotate(45deg)
}

.riskWarn__btn:before {
    margin-top: -3px
}

.riskWarn__text {
    position: relative;
    z-index: 12
}

.riskWarn__text strong {
    color: inherit
}

.marketList__icon {
    display: block;
    margin: 0 auto;
    width: 24px;
    height: 24px;
    transform: scale(.75);
    image-rendering: -webkit-optimize-contrast
}

.marketList__icon {
    width: 32px;
    height: 32px;
    background: url(../../newAlotta/img/icons/markets_logos.png) no-repeat 0 0/288px auto
}

.marketList__icon--2604592722433220 {
    background-position: -32px 0
}

.marketList__icon--5983666832495812 {
    background-position: -64px 0
}

.marketList__icon--13863591790859460 {
    background-position: -96px 0
}

.marketList__icon--2306899949212868 {
    background-position: -128px 0
}

.marketList__icon--27342779713672388 {
    background-position: -160px 0
}

.marketList__icon--1534677563882951876 {
    background-position: -192px 0
}

.marketList__icon--875073666432455876 {
    background-position: -224px 0
}

.marketList__icon--1529135750401053892 {
    background-position: -256px 0
}

.marketList__icon--233294501735650500 {
    background-position: 0 -32px
}

.marketList__icon--145488602653086916 {
    background-position: -32px -32px
}

.marketList__icon--2503712530584772 {
    background-position: -64px -32px
}

.marketList__icon--2498764728259780 {
    background-position: -96px -32px
}

.marketList__icon--1377812623742148 {
    background-position: -128px -32px
}

.marketList__icon--1534672890958533828 {
    background-position: -160px -32px
}

.marketList__icon--4523790268716228 {
    background-position: -192px -32px
}

.marketList__icon--1393074759876564164 {
    background-position: -224px -32px
}

.marketList__icon--17119245720704196 {
    background-position: -256px -32px
}

.marketList__icon--2275014112007364 {
    background-position: 0 -64px
}

.marketList__icon--173711966626469060 {
    background-position: -32px -64px
}

.marketList__icon--12632138767750340 {
    background-position: -64px -64px
}

.marketList__icon--938229064576095428 {
    background-position: -96px -64px
}

.marketList__icon--1659929255594775748 {
    background-position: -128px -64px
}

.marketList__icon--73572020981421252 {
    background-position: -160px -64px
}

.marketList__icon--21645110458537156 {
    background-position: -192px -64px
}

.marketList__icon--28255649242633412 {
    background-position: -224px -64px
}

.marketList__icon--23872995894318276 {
    background-position: -256px -64px
}

.marketList__icon--20358132098225348 {
    background-position: 0 -96px
}

.marketList__icon--1084329970651714756 {
    background-position: -32px -96px
}

.marketList__icon--1378260489959724228 {
    background-position: -64px -96px
}

.marketList__icon--305243519000335556 {
    background-position: -96px -96px
}

.marketList__icon--22841379109557444 {
    background-position: -128px -96px
}

.marketList__icon--1196668083066052 {
    background-position: -160px -96px
}

.marketList__icon--27236401963685060 {
    background-position: -192px -96px
}

.marketList__icon--938121312436573380 {
    background-position: -224px -96px
}

.marketList__icon--7089977393501380 {
    background-position: -256px -96px
}

.marketList__icon--426696411010244 {
    background-position: 0 -128px
}

.marketList__icon--422839530378436 {
    background-position: -32px -128px
}

.marketList__icon--426090820621508 {
    background-position: -64px -128px
}

.marketList__icon--427748677997764 {
    background-position: -96px -128px
}

.marketList__icon--27041281599427780 {
    background-position: -128px -128px
}

.marketList__icon--27045129890124996 {
    background-position: -160px -128px
}

.marketList__icon--7091880064013508 {
    background-position: -192px -128px
}

.marketList__icon--426627691533508 {
    background-position: -224px -128px
}

.marketList__icon--7090561509053636 {
    background-position: -256px -128px
}

.marketList__icon--2039041367363114180 {
    background-position: 0 -160px
}

.marketList__icon--21674419315365060 {
    background-position: -32px -160px
}

.marketList__icon--31846804542746768 {
    background-position: -64px -160px
}

.marketList__icon--17018807910487236 {
    background-position: -96px -160px
}

.marketList__icon--14904219417007300 {
    background-position: -128px -160px
}

.marketList__icon--54189602460868 {
    background-position: -160px -160px
}

.marketList__icon--16943259435750596 {
    background-position: -192px -160px
}

.marketList__icon--494239066707140 {
    background-position: -224px -160px
}

.marketList__icon--21178483823812 {
    background-position: -256px -160px
}

.marketList__icon--22855552501634244 {
    background-position: 0 -192px
}

.marketList__icon--2269946050598084 {
    background-position: -32px -192px
}

.marketList__icon--2033484186488231108 {
    background-position: -64px -192px
}

.marketList__icon--126740190024900 {
    background-position: -96px -192px
}

.marketList__icon--1147941679092932 {
    background-position: -128px -192px
}

.marketList__icon--8236450193691844 {
    background-position: -160px -192px
}

.marketList__icon--21182778791108 {
    background-position: -192px -192px
}

.marketList__icon--2032585318552655044 {
    background-position: -224px -192px
}

.marketList__icon--5911305223492804 {
    background-position: -256px -192px
}

.marketList__icon--2031321086339142852 {
    background-position: 0 -224px
}

.marketList__icon--2411319194113220 {
    background-position: -32px -224px
}

.marketList__icon--300647732562 {
    background-position: -64px -224px
}

.marketList__icon--25769891012 {
    background-position: -96px -224px
}

.marketList__icon--391168441479312 {
    background-position: -128px -224px
}

.marketList__icon--13726135657459856 {
    background-position: -160px -224px
}

.marketList__icon--558345835716 {
    background-position: -192px -224px
}

.marketList__icon--23381802046660 {
    background-position: -224px -224px
}

.marketList__icon--145998823326404 {
    background-position: -256px -224px
}

.marketList__icon--21680337780298948 {
    background-position: 0 -256px
}

.marketList__icon--1526559147980517520 {
    background-position: -32px -256px
}

.marketList__icon--93810675766468 {
    background-position: -64px -256px
}

.marketList__icon--508931114652423506 {
    background-position: -96px -256px
}

.marketList__icon--6015105993037138 {
    background-position: -128px -256px
}

.marketList__icon--10500838556456274 {
    background-position: -160px -256px
}

.marketList__icon--1387370618105648466 {
    background-position: -192px -256px
}

.marketList__icon--15839732013552836,.marketList__icon--1679716659553719492,.marketList__icon--374675767046662,.marketList__icon--374675767075865,.marketList__icon--374675767108930 {
    background-position: 0 -256px
}

.marketList__icon--123763777614342,.marketList__icon--123763777643545,.marketList__icon--123763777688772 {
    background-position: -32px -256px
}

.marketList__icon--93810675708048,.marketList__icon--93810675745550 {
    background-position: -64px -256px
}

.marketList__icon--6810413677172050 {
    background-position: -128px -256px
}

.logoIco {
    display: block;
    margin: 0 auto
}

.logoIco {
    width: 32px;
    height: 32px;
    background: url(../../newAlotta/img/icons/markets_logos.png) no-repeat 0 0/288px auto
}

.logoIco--2604592722433220 {
    background-position: -32px 0
}

.logoIco--5983666832495812 {
    background-position: -64px 0
}

.logoIco--13863591790859460 {
    background-position: -96px 0
}

.logoIco--2306899949212868 {
    background-position: -128px 0
}

.logoIco--27342779713672388 {
    background-position: -160px 0
}

.logoIco--1534677563882951876 {
    background-position: -192px 0
}

.logoIco--875073666432455876 {
    background-position: -224px 0
}

.logoIco--1529135750401053892 {
    background-position: -256px 0
}

.logoIco--233294501735650500 {
    background-position: 0 -32px
}

.logoIco--145488602653086916 {
    background-position: -32px -32px
}

.logoIco--2503712530584772 {
    background-position: -64px -32px
}

.logoIco--2498764728259780 {
    background-position: -96px -32px
}

.logoIco--1377812623742148 {
    background-position: -128px -32px
}

.logoIco--1534672890958533828 {
    background-position: -160px -32px
}

.logoIco--4523790268716228 {
    background-position: -192px -32px
}

.logoIco--1393074759876564164 {
    background-position: -224px -32px
}

.logoIco--17119245720704196 {
    background-position: -256px -32px
}

.logoIco--2275014112007364 {
    background-position: 0 -64px
}

.logoIco--173711966626469060 {
    background-position: -32px -64px
}

.logoIco--12632138767750340 {
    background-position: -64px -64px
}

.logoIco--938229064576095428 {
    background-position: -96px -64px
}

.logoIco--1659929255594775748 {
    background-position: -128px -64px
}

.logoIco--73572020981421252 {
    background-position: -160px -64px
}

.logoIco--21645110458537156 {
    background-position: -192px -64px
}

.logoIco--28255649242633412 {
    background-position: -224px -64px
}

.logoIco--23872995894318276 {
    background-position: -256px -64px
}

.logoIco--20358132098225348 {
    background-position: 0 -96px
}

.logoIco--1084329970651714756 {
    background-position: -32px -96px
}

.logoIco--1378260489959724228 {
    background-position: -64px -96px
}

.logoIco--305243519000335556 {
    background-position: -96px -96px
}

.logoIco--22841379109557444 {
    background-position: -128px -96px
}

.logoIco--1196668083066052 {
    background-position: -160px -96px
}

.logoIco--27236401963685060 {
    background-position: -192px -96px
}

.logoIco--938121312436573380 {
    background-position: -224px -96px
}

.logoIco--7089977393501380 {
    background-position: -256px -96px
}

.logoIco--426696411010244 {
    background-position: 0 -128px
}

.logoIco--422839530378436 {
    background-position: -32px -128px
}

.logoIco--426090820621508 {
    background-position: -64px -128px
}

.logoIco--427748677997764 {
    background-position: -96px -128px
}

.logoIco--27041281599427780 {
    background-position: -128px -128px
}

.logoIco--27045129890124996 {
    background-position: -160px -128px
}

.logoIco--7091880064013508 {
    background-position: -192px -128px
}

.logoIco--426627691533508 {
    background-position: -224px -128px
}

.logoIco--7090561509053636 {
    background-position: -256px -128px
}

.logoIco--2039041367363114180 {
    background-position: 0 -160px
}

.logoIco--21674419315365060 {
    background-position: -32px -160px
}

.logoIco--31846804542746768 {
    background-position: -64px -160px
}

.logoIco--17018807910487236 {
    background-position: -96px -160px
}

.logoIco--14904219417007300 {
    background-position: -128px -160px
}

.logoIco--54189602460868 {
    background-position: -160px -160px
}

.logoIco--16943259435750596 {
    background-position: -192px -160px
}

.logoIco--494239066707140 {
    background-position: -224px -160px
}

.logoIco--21178483823812 {
    background-position: -256px -160px
}

.logoIco--22855552501634244 {
    background-position: 0 -192px
}

.logoIco--2269946050598084 {
    background-position: -32px -192px
}

.logoIco--2033484186488231108 {
    background-position: -64px -192px
}

.logoIco--126740190024900 {
    background-position: -96px -192px
}

.logoIco--1147941679092932 {
    background-position: -128px -192px
}

.logoIco--8236450193691844 {
    background-position: -160px -192px
}

.logoIco--21182778791108 {
    background-position: -192px -192px
}

.logoIco--2032585318552655044 {
    background-position: -224px -192px
}

.logoIco--5911305223492804 {
    background-position: -256px -192px
}

.logoIco--2031321086339142852 {
    background-position: 0 -224px
}

.logoIco--2411319194113220 {
    background-position: -32px -224px
}

.logoIco--300647732562 {
    background-position: -64px -224px
}

.logoIco--25769891012 {
    background-position: -96px -224px
}

.logoIco--391168441479312 {
    background-position: -128px -224px
}

.logoIco--13726135657459856 {
    background-position: -160px -224px
}

.logoIco--558345835716 {
    background-position: -192px -224px
}

.logoIco--23381802046660 {
    background-position: -224px -224px
}

.logoIco--145998823326404 {
    background-position: -256px -224px
}

.logoIco--21680337780298948 {
    background-position: 0 -256px
}

.logoIco--1526559147980517520 {
    background-position: -32px -256px
}

.logoIco--93810675766468 {
    background-position: -64px -256px
}

.logoIco--508931114652423506 {
    background-position: -96px -256px
}

.logoIco--6015105993037138 {
    background-position: -128px -256px
}

.logoIco--10500838556456274 {
    background-position: -160px -256px
}

.logoIco--1387370618105648466 {
    background-position: -192px -256px
}

.field {
    --controlHeigh: 56px;
    position: relative;
    margin: 0 0 24px
}

.field__label {
    position: absolute;
    top: 20px;
    left: 16px;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    color: #828282;
    pointer-events: none;
    transform-origin: 0 0;
    transition: transform .3s ease
}

.field.active .field__label {
    transform: scale(.75) translateY(-12px)
}

.field__control {
    --border: var(--cBorder);
    width: 100%;
    height: var(--controlHeigh);
    border-radius: 8px;
    border: none;
    padding: 24px 16px 8px;
    -webkit-padding-end: 80px;
    padding-inline-end:80px;font-size: 16px;
    font-weight: 700;
    color: #333;
    box-shadow: inset 0 0 0 1px var(--border);
    -webkit-appearance: none
}

.field__control:-internal-autofill-selected,.field__control:-webkit-autofill,.field__control:-webkit-autofill:focus,.field__control:-webkit-autofill:hover {
    -webkit-text-fill-color: #333;
    box-shadow: inset 0 0 0 1px var(--border),0 0 0 1000px #fff inset
}

.field__control:focus,.field__control:hover {
    --border: var(--primary)
}

.error .field__control {
    border-color: #fa6031
}

.field__control::-webkit-inner-spin-button,.field__control::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.field__control[type=number] {
    -moz-appearance: textfield
}

.field__clear {
    display: none;
    position: absolute;
    top: 23px;
    right: 23px;
    width: 10px;
    height: 10px;
    cursor: pointer
}

[dir=rtl] .field__clear {
    right: auto;
    left: 23px
}

.field__clear:after,.field__clear:before {
    content: "";
    box-sizing: content-box;
    position: absolute;
    height: 5px;
    width: 5px;
    border-top: 2px solid #828282;
    border-right: 2px solid #828282
}

.field__clear:before {
    transform: rotate(135deg) translate(0,70%);
    transform-origin: 81% 75%
}

.field__clear:after {
    transform: rotate(-45deg) translate(-70%,0);
    transform-origin: 113% -24%
}

.field__eye {
    display: none;
    position: absolute;
    top: 14px;
    right: 48px;
    cursor: pointer
}

[dir=rtl] .field__eye {
    right: auto;
    left: 48px
}

.field__arrow {
    position: absolute;
    top: 50%;
    right: 22px;
    cursor: pointer;
    transform: translateY(-50%);
    transition: opacity .3s ease
}

.field--simple {
    --controlHeigh: auto
}

.field--simple .field__control {
    padding: 8px 16px
}

.field--dark .field__label {
    color: #828282
}

.field.active .field--dark .field__label {
    color: #e0e0e0
}

.field--dark .field__control {
    --border: var(--cBorderDark);
    background: #333;
    color: #f2f3f5
}

.field--dark .error .field__control {
    border-color: #fa6031
}

.field--dropdown .field__label {
    left: 56px;
    transform: scale(.75) translateY(-12px)
}

.field--dropdown .field__control {
    -webkit-padding-start: 56px;
    padding-inline-start:56px}

.field--dropdown.active .field__label {
    transform: scale(.75) translateY(-12px) translateX(-52px)
}

.field--dropdown.active .field__control {
    -webkit-padding-start: 16px;
    padding-inline-start:16px}

.field--dropdown.active .field__arrow {
    opacity: 0
}

.field--dropdown.active .country-code {
    transform: translateX(-20%);
    opacity: 0;
    transition: transform .2s ease,opacity .2s ease
}

.field .dropdown-custom-new {
    background: #fff;
    border-radius: 8px;
    box-shadow: none;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transition: max-height .2s;
    transition-delay: .1s;
    transform: translateZ(0);
    scrollbar-width: thin
}

.field .dropdown-custom-new::-webkit-scrollbar {
    width: 8px
}

.field .dropdown-custom-new::-webkit-scrollbar-thumb {
    background-color: #cdcdcd;
    border-radius: 8px
}

.field .dropdown-custom-new::-webkit-scrollbar-track {
    margin: 2px 0;
    border-radius: 8px;
    background-color: #f0f0f0
}

.field .dropdown-custom-new.dropdown__preview,.field .dropdown-custom-new.open {
    padding-block:8px;padding-inline:0;border: 1px solid #bb8b62
}

.field .dropdown-custom-new li {
    padding-block:4px;padding-inline:16px;min-height: 40px;
    font-size: 16px;
    line-height: 24px
}

.field .dropdown-custom-new li:hover {
    background-color: #f2f3f5
}

.field .dropdown-custom-new li:first-child,.field .dropdown-custom-new li:last-child {
    border-radius: 0
}

.field .dropdown-custom-new li:not(:last-child) {
    border: none
}

html[lang=ar] .field__label {
    right: 16px;
    left: auto;
    transform-origin: 100% 0
}

html[lang=ar] .field__arrow {
    right: auto;
    left: 22px
}

html[lang=ar] .field--dropdown .field__label {
    right: 56px;
    left: auto
}

html[lang=ar] .field--dropdown.active .field__label {
    transform: scale(.75) translateY(-12px) translateX(52px)
}

html[lang=ar] .field .country-code {
    right: 0;
    left: auto
}

.fieldDropdown {
    --bgControl: #fff;
    --borderControl: var(--cBorder);
    --cControlArrow: var(--cSub);
    --bgList: #fff;
    --cText: var(--cEmph);
    --bgListItemHover: var(--bgHover);
    position: relative
}

.fieldDropdown:after {
    content: "";
    position: absolute;
    top: calc(50% + 4px);
    right: 16px;
    width: 7px;
    height: 7px;
    border-right: 2px solid var(--cControlArrow);
    border-top: 2px solid var(--cControlArrow);
    transform: rotate(135deg);
    transform-origin: 100% 0;
    pointer-events: none
}

[dir=rtl] .fieldDropdown:after {
    right: auto;
    left: 16px
}

.fieldDropdown__control {
    position: relative;
    width: 100%;
    border: none;
    border-radius: 8px;
    padding: 8px 16px;
    -webkit-padding-end: 24px;
    padding-inline-end:24px;background: var(--bgControl);
    font-size: 13px;
    font-weight: 700;
    line-height: 24px;
    color: var(--cText);
    box-shadow: inset 0 0 0 1px var(--borderControl);
    -webkit-appearance: none;
    cursor: pointer
}

.fieldDropdown__control:-internal-autofill-selected,.fieldDropdown__control:-webkit-autofill,.fieldDropdown__control:-webkit-autofill:focus,.fieldDropdown__control:-webkit-autofill:hover {
    -webkit-text-fill-color: #333;
    box-shadow: inset 0 0 0 1px var(--border),0 0 0 1000px #fff inset
}

.fieldDropdown__control::-moz-placeholder {
    font-size: 13px;
    font-weight: 700;
    line-height: 24px;
    color: var(--cText)
}

.fieldDropdown__control::placeholder {
    font-size: 13px;
    font-weight: 700;
    line-height: 24px;
    color: var(--cText)
}

.fieldDropdown__list {
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    left: 0;
    margin: 0;
    padding: 4px 0;
    border-radius: 8px;
    background: var(--bgList);
    box-shadow: inset 0 0 0 1px var(--borderControl);
    display: none;
    pointer-events: none;
    max-height: 200px
}

.fieldDropdown__list li {
    padding: 8px 16px;
    font-weight: 700;
    cursor: pointer
}

.fieldDropdown__list li:hover {
    background-color: var(--bgListItemHover)
}

.fieldDropdown__loupe {
    position: absolute;
    top: 8px;
    left: 8px
}

.fieldDropdown__close {
    position: absolute;
    top: 8px;
    right: 8px;
    opacity: 0;
    cursor: pointer;
    transition: opacity .3s ease
}

.fieldDropdown.opened .fieldDropdown__list {
    display: block;
    pointer-events: initial;
    z-index: 10
}

.fieldDropdown.focused .fieldDropdown__close {
    opacity: 1
}

.fieldDropdown--dark {
    --bgControl: var(--bgOnDark);
    --bgList: var(--bgOnDark);
    --cText: #fff;
    --bgListItemHover: var(--bgDarkHover);
    --borderControl: transparent
}

.fieldDropdown--search:after {
    content: none
}

.fieldDropdown--search .fieldDropdown__control {
    height: auto;
    padding: 8px 40px;
    background: var(--bgGrey);
    font-size: 13px;
    font-weight: 700;
    color: var(--cEmph);
    box-shadow: none;
    cursor: text
}

.fieldDropdown--search .fieldDropdown__control::-moz-placeholder {
    font-size: 13px;
    font-weight: 400
}

.fieldDropdown--search .fieldDropdown__control::placeholder {
    font-size: 13px;
    font-weight: 400
}

.fieldDropdown--search .fieldDropdown__list {
    padding: 0;
    border-radius: 8px;
    border: 1px solid #f2f3f5;
    box-shadow: 0 16px 24px rgba(0,0,0,.16)
}

.fieldDropdown--search .fieldDropdown__list li {
    padding: 8px 8px 8px 40px;
    font-weight: 400
}

.cc-footer {
    display: grid;
    align-content: flex-start;
    grid-auto-columns: 100%;
    gap: 24px
}

.cc-footer p {
    font-size: inherit;
    line-height: inherit
}

.cc-footer__info {
    position: relative;
    font-size: 13px;
    line-height: 16px
}

.cc-footer__info p {
    margin: 0 0 24px
}

.cc-footer__info p:last-child {
    margin: 0
}

.cc-footer__contacts {
    display: grid;
    gap: var(--u16)
}

.cc-footer__contacts a {
    color: inherit
}

.cc-footer__underline {
    text-decoration: underline
}

.cc-footer__underline:hover {
    text-decoration: none
}

.cc-footer__social {
    display: grid;
    justify-content: center;
    gap: var(--u24)
}

.cc-footer__logo {
    margin: 0 auto
}

.cc-footer__store {
    width: 240px;
    height: 32px;
    margin: 0 -8px;
    image-rendering: -webkit-optimize-contrast
}

.cc-footer__store .storeBtns {
    display: flex;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    transform: scale(.667);
    transform-origin: var(--u8) 0
}

[dir=rtl] .cc-footer__store .storeBtns {
    transform-origin: calc(100% + var(--u8)) 0
}

.cc-footer__store a {
    display: block;
    margin: 0 var(--u8)
}

.cc-footer__icons {
    max-width: 248px
}

.cc-footer__copyright {
    display: grid;
    gap: var(--u16);
    padding: 0 0 152px;
    font-size: 13px
}

.cc-footer__copyright--short {
    padding: 0 0 32px
}

.cc-footer__links a {
    display: block;
    margin: 0 0 var(--u8)
}

.cc-footer__row {
    margin-bottom: -24px
}

.cc-footer__col {
    margin-bottom: var(--u24)
}

.cc-footer__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--u24);
    font-weight: 700;
    color: var(--cEmph)
}

.cc-footer__title:hover {
    color: var(--cMainHover)
}

.cc-footer__title svg {
    transition: transform .3s ease
}

.cc-footer__title.active svg {
    transform: rotate(-180deg)
}

.cc-footer__subtitle {
    display: block;
    font-weight: 700
}

.cc-footer__subtitle+.сс-footerNav__bl {
    padding-left: var(--u16)
}

.cc-footer__bl {
    padding-left: var(--u16)
}

.cc-footer__bl:not(:last-child) {
    margin-bottom: var(--u8)
}

.cc-footer__acc {
    font-size: 13px;
    line-height: 16px
}

.cc-footer__acc a {
    color: var(--cEmph)
}

.cc-footer__acc a:hover {
    color: var(--cMainHover)
}

.cc-footer__acc a:not(.cc-footer__subtitle):not(.cc-footer__title) {
    font-weight: 400
}

.cc-logos {
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    gap: var(--u8);
    height: 48px
}

.cc-logos__item {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: calc((100vw - 32px - 24px)/ 3.5);
    filter: grayscale(1);
    opacity: .7
}

.cc-logos svg {
    display: block;
    margin: 0 auto;
    transform: scale(.75)
}

.cc-socials {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -16px -24px
}

.cc-socials svg {
    display: block
}

.cc-socials a {
    margin: 0 var(--u16) var(--u24) var(--u16);
    color: var(--cEmph);
    transition: color .3s ease
}

.cc-socials a:hover {
    color: var(--cMainHover)
}

.marketWidget__graph {
    margin: -8px 0 8px
}

.marketWidget__dur {
    display: flex;
    margin: 0 0 8px
}

.marketWidget__dur button {
    padding: 8px 16px;
    border-radius: 8px;
    background: #fff;
    font-size: 13px;
    line-height: 16px;
    color: var(--cSub);
    cursor: pointer
}

.marketWidget__dur button.active {
    background: var(--bgGrey);
    color: #000
}

.widgetBtn {
    min-width: 80px;
    display: inline-block;
    vertical-align: middle;
    padding: 4px 8px;
    border-radius: 8px;
    background: var(--bgGrey);
    text-align: center;
    color: inherit;
    transition: background .3s ease
}

.widgetBtn:hover {
    background: var(--chartBlue);
    color: #fff
}

.table {
    --cBorderTable: var(--cBorder);
    width: 100%
}

.table td,.table th {
    border-bottom: 1px solid var(--cBorderTable)
}

.table th {
    padding: 8px 16px;
    font-size: 13px;
    line-height: 16px;
    font-weight: 400;
    color: var(--cSub);
    text-align: start;
    vertical-align: bottom
}

.table td {
    padding: 8px 16px
}

.table tr:not(.table__subtitle):first-child th,.table tr:not(.table__subtitle):not(thead~tbody>tr):first-child td {
    padding-top: 0
}

.table svg {
    display: block
}

.table__info,.table__info a {
    font-size: 12px;
    line-height: 1.33em;
    color: var(--cSub)
}

.table__string {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.table__string--90 {
    max-width: 90px
}

.table__string--150 {
    max-width: 150px
}

.table__link {
    color: var(--cEmph)
}

tr:hover .table__link {
    color: var(--chartBlue);
    text-decoration: underline
}

tr:hover .table__link:hover {
    text-decoration: none
}

.table__msg td {
    padding: 32px 8px
}

.table--withTooltip tr:hover .cc-tooltip {
    opacity: 1
}

.table--withTooltip td {
    position: relative
}

.table--withTooltip .cc-tooltip {
    top: calc(100% + 1px);
    right: 0
}

.table--interactive tr:not(.table__msg):hover {
    cursor: pointer
}

.table--interactive tr:not(.table__msg):hover td {
    background: var(--bgHover)
}

.table--interactive .table__subtitle td {
    background: var(--bgGrey);
    text-align: center
}

.table--widget td,.table--widget th {
    padding: 8px
}

.table--widget tr.active {
    background: #f9f9f9
}

.table--widget tr:hover td {
    background: #f9f9f9
}

.table--widget .price-change {
    font-size: 13px;
    font-weight: 400;
    line-height: 16px
}

.table--widget .price {
    display: inline-block;
    padding: 4px 8px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    color: #000
}

.table--widget .price:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 8px;
    opacity: 0
}

.table--widget .price::after {
    content: none
}

.table--widget .price.positive-price {
    -webkit-animation: none;
    animation: none
}

.table--widget .price.positive-price:before {
    -webkit-animation: price-tic 1s ease forwards;
    animation: price-tic 1s ease forwards;
    background-color: rgba(0,196,107,.1)
}

.table--widget .price.negative-price {
    -webkit-animation: none;
    animation: none
}

.table--widget .price.negative-price:before {
    -webkit-animation: price-tic 1s ease forwards;
    animation: price-tic 1s ease forwards;
    background-color: rgba(207,67,70,.1)
}

.table--widget tr:hover {
    cursor: pointer
}

@-webkit-keyframes price-tic {
    0% {
        opacity: 1
    }

    40% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes price-tic {
    0% {
        opacity: 1
    }

    40% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@media (max-width: 1199px) {
    .showLg {
        display:none!important
    }
}

@media (max-width: 1023px) {
    .hideSm {
        display:none!important
    }

    .cc-footer__acc:not(.active) {
        display: none
    }
}

@media (max-width: 767px) {
    .hideXs {
        display:none!important
    }

    .table td {
        font-size: 13px;
        line-height: 16px
    }
}

@media (max-width: 400px) {
    .topBanner__image {
        width:55px
    }
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution:144dpi) {
    .cc-flags {
        background-image:url(../../newAlotta/images/spritePng/langSwitch%402x.png)
    }

    .marketList__icon {
        background-image: url(../../newAlotta/img/icons/markets_logos%402x.png)
    }

    .logoIco {
        background-image: url(../../newAlotta/img/icons/markets_logos%402x.png)
    }
}