:root {
	--clr-blue: #0d5aa6;
	--clr-blue-light: #5b8fc4;
	--clr-blue-dark: #0d59a6;
	--clr-blue-hyper: #0856a4;

    --clr-green: #43ab79;
	--clr-green-light: #87d7b0;

    --clr-gray: #6d6e72;
	--clr-gray-border: #b6b7b9;

    --ht-header: 55px;
    --trans-duration: 0.2s;
}

/***** Mobile Menu (burger) ************/
#nav-burger {
    display: block;
    position: relative;
    float: left;
    width: 35px;
    height: 26px;
    z-index: 999;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    cursor: pointer;
}

#nav-burger {
    top: 13px;
    left: calc((100% - 35px - 113px - 131px) / 2);
    transition: all 0.3s ease-in-out;
}

#nav-burger:before {
    content: 'MENU';
/*    display: inline;*/
    display: none;
    position: relative;
    left: -64px;
    top: -4px;
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: 400;
    color: #fff;
}

#nav-burger.open:before {
    content: 'CLOSE'
}

#nav-burger span {
    display: block;
    position: absolute;
    height: 6px;
    width: 50%;
    background: #717276;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#nav-burger span:nth-child(even) {
    left: 50%;
/*    border-radius: 0 9px 9px 0;*/
}

#nav-burger span:nth-child(odd) {
    left: 0px;
/*    border-radius: 9px 0 0 9px;*/
}

#nav-burger span:nth-child(1), #nav-burger span:nth-child(2) {
    top: 0px;
}

#nav-burger span:nth-child(3), #nav-burger span:nth-child(4) {
    top: 10px;
}

#nav-burger span:nth-child(5), #nav-burger span:nth-child(6) {
    top: 20px;
}

#nav-burger.open span:nth-child(1), #nav-burger.open span:nth-child(6) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#nav-burger.open span:nth-child(2), #nav-burger.open span:nth-child(5) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#nav-burger.open span:nth-child(1) {
    left: 4px;
    top: 5px;
}

#nav-burger.open span:nth-child(2) {
    left: calc(50% - 4px);
    top: 5px;
}

#nav-burger.open span:nth-child(3) {
    left: -50%;
    opacity: 0;
}

#nav-burger.open span:nth-child(4) {
    left: 100%;
    opacity: 0;
}

#nav-burger.open span:nth-child(5) {
    left: 4px;
    top: 14px;
}

#nav-burger.open span:nth-child(6) {
    left: calc(50% - 4px);
    top: 14px;
}

@media (min-width: 640px) {
    #nav-burger {
        width: 40px;
        height: 29px;
        top: 24px;
        left: calc((100% - 35px - 163px - 371px) / 2);
    }

    #nav-burger span {
        height: 7px;
    }

    #nav-burger span:nth-child(3), #nav-burger span:nth-child(4) {
        top: 11px;
    }
    
    #nav-burger span:nth-child(5), #nav-burger span:nth-child(6) {
        top: 22px;
    }
}
/***** end Mobile Menu (burger) ********/