/* start navbar */

.toggle_bt {
    width  : 35px;
    display: inline-block;
    cursor : pointer;
}

.toggle_bt .the_bar {
    width           : 100%;
    height          : 5px;
    display         : block;
    background-color: var(--main--color);
    margin          : 0 0 5px 0px;
    transition      : 0.5s;
}

.transformed .the_bar:first-child {
    transform : rotate(-45deg) translate(-7px, 7px);
    transition: 0.5s;
}

.transformed .the_bar:nth-child(2) {
    opacity: 0;
}

.transformed .the_bar:last-child {
    transform : rotate(45deg) translate(-8px, -8px);
    transition: 0.5s;
}

.transformed .the_bar:first-child {
    transform : rotate(-45deg) translate(-7px, 7px);
    transition: 0.5s;
}

.transformed .the_bar:nth-child(2) {
    opacity: 0;
}

.transformed .the_bar:last-child {
    transform : rotate(45deg) translate(-8px, -8px);
    transition: 0.5s;
}

.transformed .the_bar:first-child {
    transform : rotate(-45deg) translate(-7px, 7px);
    transition: 0.5s;
}

.transformed .the_bar:nth-child(2) {
    opacity: 0;
}

.transformed .the_bar:last-child {
    transform : rotate(45deg) translate(-8px, -8px);
    transition: 0.5s;
}

.navbar-toggler {
    border: none;
}

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


.navbar-light .navbar-nav .nav-link {
    color      : var(--third--color);
    margin     : 50px 15px 0px 15px;
    font-size  : 17px;
    font-weight: 600;
}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show>.nav-link {
    color: var(--main--color);
}

button#dropdownMenuButton1 {
    font-size  : 17px;
    font-weight: 600;
}

.dropdown-toggle::after {
    border-top    : 0.5em solid #18619b;
    border-right  : 0.5em solid transparent;
    border-left   : 0.5em solid transparent;
    vertical-align: 0.1em;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: var(--main--color);

}

.link_footer {
    display        : block;
    position       : relative;
    font-size      : 16px;
    color          : var(--third--color);
    text-decoration: none;
    cursor         : pointer;
}


.link__foot_2:before,
.link__foot:before {
    content         : "";
    width           : 0;
    height          : 2px;
    background-color: var(--main--color);
    position        : absolute;
    top             : 100%;
    /* left            : 0; */
    transition      : width 0.4s ease-in-out;
}

.link__foot_2:after,
.link__foot:after {
    content    : "";
    position   : relative;
    display    : inline-block;
    margin-left: 4px;
    transform  : rotate(-45deg);
    transition : margin 0.4s ease-in-out, transform 0.4s ease-in-out, color 0.4s ease-in-out;
}

.link__foot_2:hover:before {
    width  : 95%;
    z-index: -1;
}

.link__foot:hover:before {
    width  : 50%;
    z-index: -1;
}

.link__foot_2:hover:after,
.link__foot:hover:after {
    color      : var(--main--color);
    transform  : rotate(0deg);
}