:root { --qs-col: #000000; --qs-tcol: #ffffff; }

#qsocial { padding: 0 calc((100% - 1200px) / 2); position: sticky; position: -webkit-sticky; bottom: 0; z-index: 10; -webkit-margin-after: -40px; margin-block-end: -40px; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; pointer-events: none; }
@media screen and (max-width: 1260px) { #qsocial { padding-left: 30px; padding-right: 30px; } }
#qsocial > * { width: 100%; }
#qsocial div { pointer-events: all; height: 40px; background-color: var(--qs-col, #000000); color: var(--qs-tcol, #ffffff); width: auto !important; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#qsocial div > * { margin: 0 8px; width: auto; }
#qsocial div > span { text-transform: uppercase; letter-spacing: 1px; line-height: 1.2; -webkit-margin-after: -2px; margin-block-end: -2px; -webkit-padding-start: 8px; -moz-padding-start: 8px; padding-inline-start: 8px; font-size: 60%; text-align: end; }
#qsocial div a { -webkit-margin-after: -5px; margin-block-end: -5px; -webkit-transition: -webkit-filter 0.5s; transition: -webkit-filter 0.5s; transition: filter 0.5s; transition: filter 0.5s, -webkit-filter 0.5s; }
#qsocial div a:hover { -webkit-filter: drop-shadow(0 0 5px var(--qs-tcol, #ffffff)); filter: drop-shadow(0 0 5px var(--qs-tcol, #ffffff)); }
#qsocial div a:first-of-type { -webkit-margin-start: 16px; -moz-margin-start: 16px; margin-inline-start: 16px; }
#qsocial div a:last-of-type { -webkit-margin-end: 16px; -moz-margin-end: 16px; margin-inline-end: 16px; }
#qsocial div a svg { height: 1em; color: var(--qs-tcol, #ffffff); }
#qsocial div > button { position: relative; z-index: 1; padding: 0 20px; text-transform: uppercase; letter-spacing: 1px; line-height: 1.2; text-align: center; margin: 0 !important; border: none; border-radius: 0 !important; color: var(--qs-tcol, #ffffff) !important; background-color: transparent; -webkit-transition: color 0.5s, background-color 0.5s; transition: color 0.5s, background-color 0.5s; }
#qsocial div > button:hover, #qsocial div > button:focus { outline: none; color: var(--qs-col, #000000) !important; cursor: pointer; }
#qsocial div > button:hover:after, #qsocial div > button:focus:after { -webkit-clip-path: circle(100%); clip-path: circle(100%); opacity: 1; }
#qsocial div > button:after { content: ""; display: block; position: absolute; z-index: -1; width: 100%; height: 100%; left: 0; top: 0; background-color: var(--qs-tcol, #ffffff); opacity: 0.5; -webkit-clip-path: circle(0%); clip-path: circle(0%); -webkit-transition: all 0.5s; transition: all 0.5s; }
#qsocial button { border-color: var(--qs-col, #000000); border-radius: 0 !important; margin: 0 !important; -webkit-margin-end: 5px !important; -moz-margin-end: 5px !important; margin-inline-end: 5px !important; -ms-flex-item-align: stretch; align-self: stretch; }
#qsocial input { opacity: 0 !important; position: absolute !important; }

/*# sourceMappingURL=style.css.map */