#vis-container-anim{
    width:100%;

}

.vis-container nav{
    width:100%;
    background: rgb(255,111,13);
    background: linear-gradient(0deg, rgba(255,111,13,1) 0%, rgba(204,53,5,1) 50%);
    padding:5px;
    min-height:40px;
    text-align:center;
}

.vis-container .vis-nav-item{
    color:#fff;
    font-family: "BrandonTextBold", Helvetica, Roboto, Arial, sans-serif;
    text-decoration: none;
    font-size:22px;
    display:block;
    padding:4px;
    padding-left: 15px;
    padding-right: 15px;
    transition: background 0.2s ease-in-out;
}
.vis-container .vis-nav-item:hover{
    color:#fff;
    background: rgb(41,70,52);
    background: linear-gradient(180deg, rgba(41,70,52,1) 0%, rgba(41,70,52,1) 50%);
}

.vis-container .vis-nav-divider{
    display: none;
    background:none;
    margin-left:15px;
    margin-right:15px;
    font-weight: bold;
}

/*
#vis-container-anim{
    width:100%;
    background:url("https://cdn.media.amplience.net/i/Brakes/CCo-Interactive-Banner-3000x1000") no-repeat center;
    background-size: contain;
	background-color: black;
}
*/

.vis-constrain{
    margin-left:auto;
    margin-right:auto;
    max-width:1200px !important;
}


@media only screen and (max-width: 767px) {
    #vis-container-anim{
        overflow-x:hidden;
    }

    .vis-container nav .items{
        display:none;
        position: absolute;
        z-index: 40;
        margin-top:10px;
        width:95%;
        margin-left:-5px;
        border-top:1px solid rgb(204,53,5);
    }

    .vis-container nav .vis-nav-item{
        width:100%;
        background: rgb(255,111,13);
        background: linear-gradient(180deg, rgba(255,111,13,1) 0%, rgba(204,53,5,1) 50%);
        
        padding:8px;
        min-height:40px;
        text-align:center;
    }

    .vis-container .nav-burger svg {
        height:20px;
        margin-top:5px;
        
    }

    .vis-container .nav-burger svg rect{
        fill:#fff;
    }

    .vis-container .close-x{
        stroke: #fff;
        fill: transparent;
        stroke-linecap: round;
        stroke-width: 15;
    }

    .vis-container .nav-burger .burg_open{
        display:none;
    }

    .vis-container .nav-burger .burg_closed{
        display:block;
    }

    .vis-container nav.open .nav-burger .burg_open{
        display:block;
    }

    .vis-container nav.open .nav-burger .burg_closed{
        display:none;
    }

    .vis-container nav.open .items{
        display:block;
    }

}


@media only screen and (min-width: 768px) {

    .vis-container nav{
        min-height:50px;
    }

    .vis-container .nav-burger{
        display: none;
    }

    .vis-container .vis-nav-item{
        text-decoration: none;
        font-size:22px;
        display:inline-block;
        padding:4px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .vis-container .vis-nav-divider:before{
        content:"::";
        color:#fff;
        font-family: "BrandonTextBold", Helvetica, Roboto, Arial, sans-serif;
        text-decoration: none;
        font-size:25px;
    }

    .vis-container .vis-nav-item:last-child:after{
        content:"";
    }
    .vis-container .vis-nav-item:hover:after{
        color:#FFF !important;
    }


}