* { margin: 0; padding: 0; }

button {cursor: pointer; border: 0px; border-radius: 0; background-color: transparent;  -webkit-appearance: none; -moz-appearance: none; appearance: none; }

header {position: fixed; z-index: 800; top: 0; right: 0; left: 0;  display: -ms-flexbox; display: flex; height: 50px; padding: 0 20px; transition: all .3s ease-in-out; border-bottom: 1px solid #ccc; background-color: #fff; -ms-flex-align: center; align-items: center; }
header div.title {font-size: 1rem; font-weight: 700; position: relative; display: inline-block; margin-right: auto; vertical-align: middle;  color: #000; }
header div.title .logo_wapper { margin-right: 10px; }
header div.title .logo_wapper img {max-width: 100px;  vertical-align: middle; }
header button {font-size: .875rem; font-weight: 500; display: -ms-inline-flexbox; display: inline-flex;  min-width: 80px; height: 32px; color: #fff; border-radius: 4px; background: #52545c; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
header button span { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
header button span:after {display: inline-block; width: 12px; height: 12px; margin-left: 4px;  content: ''; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgMTIgMTIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU4ICg4NDY2MykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aWNvbl9nZW5lcmFsX2V4cG9ydDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxwYXRoIGQ9Ik01LjI1LDAuNzUgTDUuMjUsMi4yNSBMMi4yNSwyLjI1IEwyLjI1LDkuNzUgTDkuNzUsOS43NSBMOS43NSw2Ljc1IEwxMS4yNSw2Ljc1IEwxMS4yNSwxMS4yNSBMMC43NSwxMS4yNSBMMC43NSwwLjc1IEw1LjI1LDAuNzUgWiBNMTEuMjUsMC43NSBMMTEuMjUsNS4yNSBMOS43NSw1LjI1IEw5Ljc1LDMuMDc1IEw1LjYxODk3MTk4LDcuMjA3OTUwODcgTDQuNTU4MzExODEsNi4xNDcyOTA2OSBMOC40NTUsMi4yNSBMNi43NSwyLjI1IEw2Ljc1LDAuNzUgTDExLjI1LDAuNzUgWiIgaWQ9InBhdGgtMSI+PC9wYXRoPgogICAgICAgIDxyZWN0IGlkPSJwYXRoLTMiIHg9IjAiIHk9IjAiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PC9yZWN0PgogICAgPC9kZWZzPgogICAgPGcgaWQ9IjIwMTkwNzMwIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQVBJLUxpc3QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTgyLjAwMDAwMCwgLTE5LjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iMjAuYnV0dG9uLzEuaGlnaC1lbXBoYXNpcy8qTTMyL2Jhc2ljIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMTI5LjAwMDAwMCwgOS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJpY29uX2dlbmVyYWxfZXhwb3J0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1My4wMDAwMDAsIDEwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgICAgICAgICAgPHVzZSBpZD0iaWNfb3BlbmlubmV3IiBmaWxsPSIjMDAwMDAwIiB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iQ29sb3JzLyFiZy1ncmF5LSIgbWFzaz0idXJsKCNtYXNrLTIpIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMuMDAwMDAwLCAtMy4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTQiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTMiPjwvdXNlPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHVzZSBpZD0iQmxhY2siIHN0cm9rZT0ibm9uZSIgZmlsbD0iI0YzRjRGNSIgZmlsbC1ydWxlPSJldmVub2RkIiB4bGluazpocmVmPSIjcGF0aC0zIj48L3VzZT4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+); background-size: 100% 100%; }

header div.technical.support {font-size: 1.0625rem; font-weight: 700; line-height: 46px; position: relative;  float: right; vertical-align: middle; }

main[role=main] { padding: 20px 0 0; }

.hidden {
    visibility: hidden;
}