.top-header {
display: flex;
align-items: center;
position: absolute;
top: 0;
width: 100%;
height: 36px;
padding-left: 30px;
background: #000;
z-index: 99999;
}
@media screen and (max-width: 1200px) {
.top-header__logo {
display: none;
}
}
.top-header__links-menu {
display: none;
}
@media screen and (max-width: 1200px) {
.top-header__links-menu {
display: flex;
}
}
.top-header__links input[type=checkbox] {
display: none;
}
.top-header__links input[type=checkbox]:checked + .top-header__links-body {
display: flex;
}
.top-header__links-body {
display: flex;
gap: 0 30px;
margin-left: 30px;
}
.top-header__links-body a {
font: 13px Arial;
color: #D8D6D6;
text-decoration: none;
}
.top-header__links-body a.active {
position: relative;
color: #fff;
font-weight: bold;
}
.top-header__links-body a.active:after {
position: absolute;
left: 0;
bottom: -10px;
display: block;
content: "";
width: 100%;
height: 3px;
background: #A81632;
}
@media screen and (max-width: 1200px) {
.top-header__links-body a.active:after {
display: none;
}
}
.top-header__links-body button {
display: none !important;
}
@media screen and (max-width: 1200px) {
.top-header__links-body {
display: none;
position: absolute;
top: 100%;
left: 0;
flex-direction: column;
background: #000;
margin-left: 0;
padding: 30px 25px;
width: 90%;
}
.top-header__links-body a {
font-size: 16px;
padding: 20px 0;
}
.top-header__links-body button {
display: flex !important;
}
}
.top-header__login {
margin-left: auto;
}
@media screen and (max-width: 1200px) {
.top-header__login {
display: none;
}
}
.top-header__language {
margin-left: 20px;
}
@media screen and (max-width: 1200px) {
.top-header__language {
margin-left: auto;
}
}
.top-header__login-dropdown.dropdown {
display: none !important;
position: initial !important;
margin-left: 20px;
}
.top-header__login-dropdown.dropdown label {
padding-left: 0 !important;
padding-right: 0 !important;
}
.top-header__login-dropdown.dropdown button {
width: 100%;
margin: 22px 0;
}
@media screen and (max-width: 1200px) {
.top-header__login-dropdown.dropdown {
display: flex !important;
}
}
.top-header__user {
margin-left: auto;
}
.top-header__user .dropdown-menu {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
@media screen and (max-width: 1200px) {
.top-header__user {
margin-left: 20px;
}
}
.top-header__logout {
display: flex !important;
color: #9F9F9F !important;
gap: 0 5px;
}
.top-header .button {
position: relative;
border: 0;
font: 13px Arial;
height: 32px;
padding: 0 20px;
outline: none;
cursor: pointer;
}
.top-header .button--red {
background: #A81632;
border-radius: 32px;
color: #D9D5D5;
}
.top-header .button--black {
background: #000;
border: 1px solid #FFFFFF;
border-radius: 32px;
color: #D9D5D5;
}
.top-header .button--login {
display: flex;
justify-content: center;
align-items: center;
gap: 0 10px;
}
.top-header .button--login:before {
position: relative;
display: block;
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.196 15'%3E%3Cg transform='translate(0 0)'%3E%3Cpath d='M1239.6 928.354h-16.38a.407.407 0 0 0-.353.611l.826 1.43h15.434l.826-1.43A.407.407 0 0 0 1239.6 928.354Z' transform='translate(-1222.817 -928.354)' fill='%23d9d5d5'/%3E%3Cpath d='M1262.036 984.858l-3.958 6.856a.245.245 0 0 1-.424 0l-3.958-6.856h-2.361l6.178 10.7a.407.407 0 0 0 .705 0l6.178-10.7Z' transform='translate(-1249.268 -980.763)' fill='%23d9d5d5'/%3E%3C/g%3E%3Cellipse cx='2.054' cy='2.054' rx='2.054' ry='2.054' transform='translate(6.544 3.428)' fill='%23d9d5d5'/%3E%3C/svg%3E");
background-repeat: no-repeat;
width: 17px;
height: 15px;
}
.top-header .button--lg {
height: 64px;
font-size: 16px;
}
.top-header .button--lg.button--login:before {
width: 21px;
height: 19px;
}
.top-header .dropdown {
position: relative;
display: flex;
align-items: center;
height: 36px;
}
.top-header .dropdown.dropdown--arrow label:after {
position: absolute;
right: 5px;
top: 50%;
transform: translateY(-50%);
display: block;
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.568' height='5.471' viewBox='0 0 9.568 5.471'%3E%3Cpath d='M10.974 15.068l3.618-3.621a.681.681 0 0 1 .966 0 .69.69 0 0 1 0 .969l-4.1 4.1a.683.683 0 0 1-.943.02L6.387 12.419a.684.684 0 0 1 .966-.969Z' transform='translate(-6.188 -11.246)' fill='%23eaeaea'/%3E%3C/svg%3E");
width: 9px;
height: 5px;
}
.top-header .dropdown label {
display: flex;
align-items: center;
position: relative;
font: 13px Arial;
color: #D8D6D6;
padding-right: 20px;
cursor: pointer;
margin-bottom: 0;
}
.top-header .dropdown label svg {
margin-right: 8px;
}
.top-header .dropdown input[type=checkbox] {
display: none;
}
.top-header .dropdown input[type=checkbox]:checked + .dropdown-menu {
display: block;
}
.top-header .dropdown .dropdown-menu {
display: none;
position: absolute;
left: 0;
top: 100%;
width: 100%;
padding: 0 20px;
background: #000;
}
.top-header .dropdown .dropdown-menu a {
font: 12px Arial;
display: block;
color: #EAEAEA;
text-decoration: none;
padding: 15px 0;
}
/*# sourceMappingURL=top-header.css.map */
