.div_hamburger {
    padding: 10px;
}

.hamburger
{
    width: 28px;
    height: 22px;
    position: relative;
    border: none;
    background: none;
    cursor: pointer;
}

.hamburger span
{
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: #fff;
    border-radius: 2px;
    transition: all 0.25s ease;
}

.hamburger span:nth-child(1) { top: 0; }
.hamburger span:nth-child(2) { top: 10px; }
.hamburger span:nth-child(3) { bottom: 0; }

.hamburger.is-open span:nth-child(1)
{
    transform: rotate(45deg);
    top: 10px;
}

.hamburger.is-open span:nth-child(2)
{
    opacity: 0;
}

.hamburger.is-open span:nth-child(3)
{
    transform: rotate(-45deg);
    bottom: 10px;
}

.main-menu::before
{
    content: "";
    position: absolute;
    top: -6px;
    right: 14px;

    width: 12px;
    height: 12px;

    background: rgba(30, 60, 114, 0.95);
    transform: rotate(45deg);
}