*
{
padding: 0;
margin: 0;
}
body
{
background-image: url(background/back.jpg);
background-size: cover;
background-position: center;
color: azure;
box-sizing: border-box;
font-family: sans-serif;
}
.menu-bar
{
background: rgb(119, 221, 119);
text-align: center;
}
.menu-bar ul
{
display: inline-flex;
list-style: none;
color: blue;
}
.menu-bar ul li
{
width: 120px;
margin: 15px;
padding: 15px;
}
.menu-bar ul li a
{
text-decoration: none;
color: white;
}
.active, .menu-bar ul li:hover
{
background: #2bab0d;
border-radius: 2px;
}
..menu-bar .fa
{
    margin-right: 8px;
}
.sub-menu-1
{
    display: none;
}
.menu-bar ul li:hover .sub-menu-1
{
    display: block;
    position: absolute;
    background: rgba(0,100,0);
    margin-top: 15px;
    margin-left: 15px;
}
.menu-bar ul li:hover .sub-menu-1 ul
{
    display: block;
    margin: 10px;
}
.menu-bar ul li:hover .sub-menu-1 ul li
{
    width: 150px;
    padding: 10px;
    border-bottom: 1px dotted #fff;
    background: transparent;
    border-radius: 0;
    text-align: left;
}
.menu-bar ul li:hover .sub-menu-1 ul li:last-child
{
    border-bottom: none;
}
.menu-bar ul li:hover .sub-menu-1 ul li a: hover
{
    color: #b2ff00;
}
.sub-menu-2
{
    display: none;
}
.menu-bar ul li:hover .sub-menu-1 .sub-menu-2
{
    display: block;
    position: absolute;
    background: rgba(0,100,0);
    margin-top: 15px;
    margin-left: 15px;
}
.menu-bar ul li:hover .sub-menu-1 ul .sub-menu-2 ul
{
    display: block;
    margin: 10px;
}
.menu-bar ul li:hover .sub-menu-1 ul li .sub-menu-2 ul li 
{
    width: 150px;
    padding: 10px;
    border-bottom: 1px dotted #fff;
    background: transparent;
    border-radius: 0;
    text-align: left;
}
.menu-bar ul li:hover .sub-menu-1 ul li:last-child .sub-menu-2 ul li:last-child
{
    border-bottom: none;
}
.menu-bar ul li:hover .sub-menu-1 ul li a: hover .sub-menu-2 ul li a: hover
{
    color: #b2ff00;
}
.backvideo
{
position: absolute;
right: 0;
bottom: 0;
z-index: inherit;
}
@media {
    .backvideo{
        width: auto;
        height: 80%;
        color: transparent;
    }
}
.p1
{
    border-radius: 5px;
    margin-top: 30px;
    margin-left: 40%;
    font-size: 5px;
    text-decoration: none;
}
