.button_top {
    cursor         : pointer;
    background     : transparent;
    text-decoration: none;
}

.button_top {
    color: var(--main--color);
}

.button_top:hover {
    color             : var(--third--color);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition   : all 0.3s ease-in-out;
    -o-transition     : all 0.3s ease-in-out;
    transition        : all 0.3s ease-in-out;
}

@keyframes hover-shadow {
    0% {
        transform: translateY(6px);
        opacity  : 0.4;
    }

    50% {
        transform: translateY(3px);
        opacity  : 1;
    }

    100% {
        transform: translateY(6px);
        opacity  : 0.4;
    }
}

.hover-shadow {
    display                    : inline-block;
    position                   : relative;
    transition-duration        : 0.3s;
    transition-property        : transform;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transform                  : translateZ(0);
    box-shadow                 : 0 0 1px rgba(0, 0, 0, 0);
}

.hover-shadow:before {
    pointer-events     : none;
    position           : absolute;
    z-index            : -1;
    content            : "";
    top                : 100%;
    left               : 5%;
    height             : 10px;
    width              : 90%;
    opacity            : 0;
    background         : radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    /* W3C */
    transition-duration: 0.3s;
    transition-property: transform opacity;
}

.hover-shadow:hover {
    transform                : translateY(-6px);
    animation-name           : hover;
    animation-duration       : 1.5s;
    animation-delay          : 0.3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction      : alternate;
}

.hover-shadow:hover:before {
    opacity                  : 0.4;
    transform                : translateY(6px);
    animation-name           : hover-shadow;
    animation-duration       : 1.5s;
    animation-delay          : 0.3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction      : alternate;
}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show>.nav-link {
    color         : var(--main--color);
    border-bottom : 2px solid var(--main--color);
    padding-bottom: 20px;
    /* font-weight: 600 !important; */
}

.navbar-light .navbar-nav .nav-link {
    color         : var(--third--color);
    font-weight   : 500 !important;
    font-size     : 16px;
    /*letter-spacing: 2px;*/
}

.navbar-expand-lg .navbar-nav {
    margin-top: 10px !important;
}

/* Hambuger style */
.hamburger {
    width : 50px;
    height: 40px;
    /* Hambuger hover animation */
}

.hamburger span {
    display         : block;
    margin          : 8px auto;
    background-color: var(--main--color);
    width           : 100%;
    height          : 6px;
    border-radius   : 5px;
    transition      : all 0.5s ease;
}

.hamburger:hover span:first-child {
    transform: translateY(-5px);
}

.hamburger:hover span:last-child {
    transform: translateY(5px);
}

/* Hambuger click animation to cross */
.hamburger.is-opened span:first-child {
    transform: translateY(10px) rotate(45deg);
}

.hamburger.is-opened span:nth-child(2) {
    transform: scaleX(0);
}

.hamburger.is-opened span:last-child {
    transform: translateY(-20px) rotate(-45deg);
}

.navbar-light .navbar-toggler {
    border-color: transparent;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.dropdown-toggle::after {
    border-top: 0px;
}

.nav_bt {
    background-color: var(--second--color);
    color           : var(--main--color);
}

.nav_bt:hover {
    background-color: var(--third--color);
    color           : var(--second--color);
}



.in_slider {
    position: absolute;
    top     : 0px;
    left    : 0px;
    width   : 100%;
    height  : 100%;
}

.in_slider_lasted {
    background-color: var(--main--color);
    border-radius   : 0px 200px 200px 0px;
}

/* .in_slider_lasted:after {
    content         : "";
    position        : absolute;
    top             : 0px;
    right           : -100px;
    width           : 100px;
    height          : 100px;
    background-color: transparent;
} */