:root {
    --bg-color: #1a1d20;
    --input-color: #292e32;
    --font-color: #90939c;
    --white-color: white;
    --primary-color: #f46c64;
    --primary-font-color: #FCFCFC;
}




header {
  position: static;
    background: #000000;
    border-bottom: 1px solid #90939C;
    width: 100%;
    height: 99px;
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

header .inside {
    width: 1320px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.fixed {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 999999
}

header .inside .div-logo-header {
    display: flex;
    align-items: center;
    justify-content: center;
}

header .inside .div-logo-header .logo {
    width: 232px;
}

header .inside .items-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: auto;
}

header .inside .items-menu .item-menu {
    margin: 0px 20px;
    font-family: "Oswald", sans-serif;
    font-size: 14px;
    cursor: pointer;
    color: var(--primary-font-color);
    text-transform: uppercase;
    white-space: nowrap;
}

header .inside .items-menu .item-menu a {
    font-family: "Oswald", sans-serif;
    text-decoration: none;
}

header .inside .items-menu .item-menu:hover {
    transition: 300ms;
    color: var(--primary-color);
}

header .inside .list-social {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 232px;
}

header .inside .list-social .item-social {
    border: 1px solid #90939c;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px 7px;
    cursor: pointer;
    overflow: hidden;
}

header .btn-up{
  border: 1px solid;
  border-color: var(--primary-color);
  width: 138px;
  height: 50px;
  background-color: var(--primary-color);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-family: "Oswald", sans-serif !important;
  text-decoration: none;
  font-size: 22px;
  margin: 0px 10px 0px 10px;
  color: white !important;
}
header .btn-up:hover{
  background-color: transparent;
  color: var(--primary-color) !important;
}

header .btn-out{
  border: 1px solid;
  border-color: var(--primary-color);
  width: 138px;
  height: 50px;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-family: "Oswald", sans-serif !important;
  text-decoration: none;
  font-size: 22px;
  margin: 0px 10px 0px 10px;
  color: var(--primary-color) !important;
}

header .btn-out:hover{
  background-color: var(--primary-color);
  color: white !important;
}

.header-mobile {
    display: none;
}

@media only screen and (max-width: 1037px) {
    .header-mobile {
        display: inline;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0px 10px;
    }

    .header-mobile .ico-menu {
        width: 30px;
    }

    header .inside {
        display: none;
    }
}

@media only screen and (max-width: 2000px) {
    .inside {
        width: 100%;
        padding: 0px 15px;
    }
}

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