.c-6ac562ac7874d3528964d50a385d2a91 .newFooterLinks { padding-left: 100px; margin-top: 30px; } .c-6ac562ac7874d3528964d50a385d2a91 .newFooterLinkGroup { width: 240px; } .c-6ac562ac7874d3528964d50a385d2a91 .newFooterLinkGroup a, .c-6ac562ac7874d3528964d50a385d2a91 .newFooterLinkGroup .newFooterHover { height: 28px; line-height: 28px; display: block; font-size: 14px; cursor: pointer; color: hsla(0, 0%, 100%, 0.65); } .c-6ac562ac7874d3528964d50a385d2a91 .newFooterLinkGroup a:hover { color: hsl(0, 0%, 100%); } .c-6ac562ac7874d3528964d50a385d2a91 .newFooterHover { position: relative; } .c-6ac562ac7874d3528964d50a385d2a91 .newFooterHoverMenu { position: absolute; top: unset !important; bottom: 36px; left: 16px; transform: translate3d(-50%, 0, 0); background-color: #1b2536; width: 240px; border-radius: 2px; display: none; overflow-y: visible; box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 1px 10px 0px rgba(0, 0, 0, 0.12), 0px 4px 5px 0px rgba(0, 0, 0, 0.14); } .c-6ac562ac7874d3528964d50a385d2a91 .newFooterHover:hover .newFooterHoverMenu { display: block; } .c-6ac562ac7874d3528964d50a385d2a91 .newFooterHoverContent { overflow-y: auto; } .c-6ac562ac7874d3528964d50a385d2a91 .newFooterHoverContent::-webkit-scrollbar { background: transparent; width: 4px; } .c-6ac562ac7874d3528964d50a385d2a91 .newFooterHoverContent::-webkit-scrollbar-track { background: transparent; } .c-6ac562ac7874d3528964d50a385d2a91 .newFooterHoverContent::-webkit-scrollbar-thumb { border-radius: 2px; background: #cccccc; } .c-6ac562ac7874d3528964d50a385d2a91 .newFooterHoverMenu::after { border: 6px solid transparent; border-bottom-width: 0; border-top: 6px solid #1b2536; content: " "; width: 0; height: 0; left: 50%; bottom: -6px; transform: translate3d(-50%, 0, 0); position: absolute; } .c-6ac562ac7874d3528964d50a385d2a91 .newFooterHoverMenu.newFooterFacebook .newFooterHoverContent { height: 350px; } .c-6ac562ac7874d3528964d50a385d2a91 .newFooterHoverMenu.newFooterTwitter .newFooterHoverContent { height: 350px; } .c-6ac562ac7874d3528964d50a385d2a91 .newFooterHoverMenu.newFooterTelegram .newFooterHoverContent { height: 350px; } .c-6ac562ac7874d3528964d50a385d2a91 .newFooterHoverMenu a { display: block; height: 48px; line-height: 48px; color: #fff; padding: 0 24px; } .c-6ac562ac7874d3528964d50a385d2a91 .newFooterHoverMenu a:hover { background: rgba(255, 255, 255, 0.04); color: #33c6aa; } .c-6ac562ac7874d3528964d50a385d2a91 .newFooterAssociationList { display: flex; flex-wrap: wrap; } .c-6ac562ac7874d3528964d50a385d2a91 .newFooterAssociationItem { transform: translateY(0); width: 32px !important; height: 32px !important; text-align: center; margin-right: 21px; margin-bottom: 21px; transition: all 0.3s ease; } .c-6ac562ac7874d3528964d50a385d2a91 .newFooterAssociationItem:hover { transform: translateY(-4px); } .c-6ac562ac7874d3528964d50a385d2a91 .newFooterAssociationItem.first { margin-left: 0; } .c-6ac562ac7874d3528964d50a385d2a91 .newFooterAssociationItem.noMarginBottom { margin-bottom: 0; } .c-6ac562ac7874d3528964d50a385d2a91 .newFooterHoverMenu.newFooterQrCode { padding: 28px 0; } .c-6ac562ac7874d3528964d50a385d2a91 .newFooterHoverMenu.newFooterQrCode img { width: 184px; }