.c-c6ca197b870c73a27e283bce7f4a036b .container { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; background: url(https://assets.staticimg.com/cms/media/6fpL4HWBOLyLsa5HdzrHixlkOUbkLGIa61pDMIX1c.png) left top / cover no-repeat; } .c-c6ca197b870c73a27e283bce7f4a036b .container .logo-container { top: 0px; left: 0px; width: 100%; position: absolute; } .c-c6ca197b870c73a27e283bce7f4a036b .container .logo-container .logo-box { width: 100%; height: 80px; display: flex; align-items: center; padding-left: 60px; } .c-c6ca197b870c73a27e283bce7f4a036b .container .content { position: relative; max-width: 560px; } .c-c6ca197b870c73a27e283bce7f4a036b .container .content .title { position: relative; color: #ffffff; font-size: 48px; font-weight: 500; line-height: 72px; } .c-c6ca197b870c73a27e283bce7f4a036b .container .content .title::after { left: 0px; width: 40px; bottom: -6px; height: 3px; content: ""; position: absolute; background: #24ae8f; } .c-c6ca197b870c73a27e283bce7f4a036b .container .content .intro { color: rgba(255, 255, 255, 0.6); font-size: 16px; line-height: 24px; } .c-c6ca197b870c73a27e283bce7f4a036b .container .newFooterLinks { margin-top: 30px; } .c-c6ca197b870c73a27e283bce7f4a036b .container .newFooterLinkGroup { width: 240px; } .c-c6ca197b870c73a27e283bce7f4a036b .container .newFooterLinkGroup a, .c-c6ca197b870c73a27e283bce7f4a036b .container .newFooterLinkGroup .newFooterHover { height: 28px; line-height: 28px; display: block; font-size: 14px; cursor: pointer; color: hsla(0, 0%, 100%, 0.65); } .c-c6ca197b870c73a27e283bce7f4a036b .container .newFooterLinkGroup a:hover { color: hsl(0, 0%, 100%); } .c-c6ca197b870c73a27e283bce7f4a036b .container .newFooterHover { position: relative; } .c-c6ca197b870c73a27e283bce7f4a036b .container .newFooterHoverMenu { position: absolute; 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-c6ca197b870c73a27e283bce7f4a036b .container .newFooterHover:hover .newFooterHoverMenu { display: block; } .c-c6ca197b870c73a27e283bce7f4a036b .container .newFooterHoverContent { overflow-y: auto; } .c-c6ca197b870c73a27e283bce7f4a036b .container .newFooterHoverContent::-webkit-scrollbar { background: transparent; width: 4px; } .c-c6ca197b870c73a27e283bce7f4a036b .container .newFooterHoverContent::-webkit-scrollbar-track { background: transparent; } .c-c6ca197b870c73a27e283bce7f4a036b .container .newFooterHoverContent::-webkit-scrollbar-thumb { border-radius: 2px; background: #cccccc; } .c-c6ca197b870c73a27e283bce7f4a036b .container .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-c6ca197b870c73a27e283bce7f4a036b .container .newFooterHoverMenu.newFooterFacebook .newFooterHoverContent { height: 350px; } @media screen and (max-width: 1640px) { .c-c6ca197b870c73a27e283bce7f4a036b .container .newFooterHoverMenu.newFooterFacebook .newFooterHoverContent a { padding: 0 0 0 90px; } } .c-c6ca197b870c73a27e283bce7f4a036b .container .newFooterHoverMenu.newFooterTwitter .newFooterHoverContent { height: 350px; } .c-c6ca197b870c73a27e283bce7f4a036b .container .newFooterHoverMenu.newFooterTelegram .newFooterHoverContent { height: 350px; } .c-c6ca197b870c73a27e283bce7f4a036b .container .newFooterHoverMenu a { display: block; height: 48px; line-height: 48px; color: #fff; padding: 0 24px; } .c-c6ca197b870c73a27e283bce7f4a036b .container .newFooterHoverMenu a:hover { background: rgba(255, 255, 255, 0.04); color: #33c6aa; } .c-c6ca197b870c73a27e283bce7f4a036b .container .newFooterAssociationList { display: flex; flex-wrap: wrap; } .c-c6ca197b870c73a27e283bce7f4a036b .container .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-c6ca197b870c73a27e283bce7f4a036b .container .newFooterAssociationItem:hover { transform: translateY(-4px); } .c-c6ca197b870c73a27e283bce7f4a036b .container .newFooterAssociationItem.first { margin-left: 0; } .c-c6ca197b870c73a27e283bce7f4a036b .container .newFooterAssociationItem.noMarginBottom { margin-bottom: 0; } .c-c6ca197b870c73a27e283bce7f4a036b .container .newFooterHoverMenu.newFooterQrCode { padding: 28px 0; } .c-c6ca197b870c73a27e283bce7f4a036b .container .newFooterHoverMenu.newFooterQrCode img { width: 184px; }