*
{
    padding: 0;
    margin: 2px;
    box-sizing: border-box;
}

body
{
    background-image: url(image8.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    font-family: sans-serif;
}
.menu-bar
{
    background: #017bf5;
    text-align: center;
    padding: 0;
}
.menu-bar ul
{
    display: inline-flex;
    list-style: none;
    color: #fff;
}
.menu-bar ul li
{
    width: 105px;
    margin: 15px;
    padding: 5px;
}
.menu-bar ul li a
{
    text-decoration: none;
    color: #fff;
}
.active, .menu-bar ul li:hover
{
    background: #1459f0;
    border-radius: 3px;
}
.menu-bar .fa
{
    margin-right: 8px;
}



.sub-menu-1
{
    display: none;
}
.menu-bar ul li:hover .sub-menu-1
{
    display: block;
    position: absolute;
    background: #124ccb;
    margin-top: 15px;
    margin-left: -5px;
}
.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;
}





.sub-menu-2
{
    display: none;
}
.menu-bar ul li:hover .sub-menu-2
{
    display: block;
    position: absolute;
    background: #124ccb;
    margin-top: 5px;
    margin-left: -5px;
}
.menu-bar ul li:hover .sub-menu-2 ul
{
    display: block;
    margin: 10px;
}
.menu-bar ul li:hover .sub-menu-2 ul li
{
    width: 150px;
    padding: 10px;
    border-bottom: 1px dotted #fff;
    background: transparent;
    border-radius: 0;
    text-align: left;
}





.sub-menu-3
{
    display: none;
}
.menu-bar ul li:hover .sub-menu-3
{
    display: block;
    position: absolute;
    background: #124ccb;
    margin-top: 15px;
    margin-left: -5px;
}
.menu-bar ul li:hover .sub-menu-3 ul
{
    display: block;
    margin: 10px;
}
.menu-bar ul li:hover .sub-menu-3 ul li
{
    width: 150px;
    padding: 10px;
    border-bottom: 1px dotted #fff;
    background: transparent;
    border-radius: 0;
    text-align: left;
}




.sub-menu-4
{
    display: none;
}
.menu-bar ul li:hover .sub-menu-4
{
    display: block;
    position: absolute;
    background: #124ccb;
    margin-top: 15px;
    margin-left: -5px;
}
.menu-bar ul li:hover .sub-menu-4 ul
{
    display: block;
    margin: 10px;
}
.menu-bar ul li:hover .sub-menu-4 ul li
{
    width: 150px;
    padding: 10px;
    border-bottom: 1px dotted #fff;
    background: transparent;
    border-radius: 0;
    text-align: left;
}



.sub-menu-5
{
    display: none;
}
.menu-bar ul li:hover .sub-menu-5
{
    display: block;
    position: absolute;
    background: #124ccb;
    margin-top: 10px;
    margin-left: -5px;
}
.menu-bar ul li:hover .sub-menu-5 ul
{
    display: block;
    margin: 10px;
}
.menu-bar ul li:hover .sub-menu-5 ul li
{
    width: 150px;
    padding: 10px;
    border-bottom: 1px dotted #fff;
    background: transparent;
    border-radius: 0;
    text-align: left;
}


.sub-menu-6
{
    display: none;
}
.menu-bar ul li:hover .sub-menu-6
{
    display: block;
    position: absolute;
    background: #124ccb;
    margin-top: 15px;
    margin-left: -5px;
}
.menu-bar ul li:hover .sub-menu-6 ul
{
    display: block;
    margin: 10px;
}
.menu-bar ul li:hover .sub-menu-6 ul li
{
    width: 150px;
    padding: 10px;
    border-bottom: 1px dotted #fff;
    background: transparent;
    border-radius: 0;
    text-align: left;
}


.sub-menu-10
{
    display: none;
}

.menu-bar ul li:hover .sub-menu-10
{
    display: block;
    position: absolute;
    background: #124ccb;
    margin-top: 15px;
    margin-left: -5px;
}
.menu-bar ul li:hover .sub-menu-10 ul 
{
    display: block;
    margin: 10px;
    
}
.menu-bar ul li:hover .sub-menu-10 ul li
{
    width: 160px;
    padding: 10px;
    border-bottom: 1px dotted #fff;
    background: transparent;
    border-radius: 0;
    text-align: left;
}
.menu-bar ul li:hover .sub-menu-10 ul li a:hover{
    color: #b2ff00;
}



.sub-menu-12
{
    display: none;
}
.hover-me:hover .sub-menu-12
{
    position: absolute;
    display: block;
    margin-top: -40px;
    margin-left: 140px;
    background: #124ccb;
}

.box-p{
    width:1200px;
    height:1625px;
    margin:15px auto;
    color: #1b83e3;
    border-radius: 20px;
    background-color: #add8e6;
}







.box{
    width:1200px;
    height:425px;
    margin:15px auto;
    color: #1b83e3;
    border-radius: 20px;
    background-color: #add8e6;
}

.box p {
    color: #0000ff;
    padding:1px;
    text-shadow: none;
}

.box-p p {
    color: #0000ff;
    padding:1px;
    text-shadow: none;
    text-align: justify;
    font-size: 12px;
}


.box h2
{
    margin:10px 20px 0px 40px;
    background-color: #18c8b0;
    float: left;
    text-shadow: 2px 2px 2px #000;
    text-align: left;
    font-size: 30px;
}


.box1{
    width:1200px;
    height:400px;
    margin:15px auto;
    color: #1b83e3;
    border-radius: 20px;
    background-color: rgba(0,0,0,.25);
}
.box2{
    width:1200px;
    height:410px;
    margin:15px auto;
    color: #1b83e3;
    border-radius: 20px;
    background-color: rgba(0,0,0,.25);
}
.box3{
    width:1200px;
    height:410px;
    margin:15px auto;
    color: #1b83e3;
    border-radius: 20px;
    background-color: rgba(0,0,0,.25);
}


.box1 h1{
    margin:20px 40px;
    float: left;
    text-shadow: 2px 2px 2px #000;
    text-align: left;
    padding: 2px;
    background-color: #7ac818;
}

.box1 h2
{
    margin:10px 20px 0px 40px;
    background-color: #18c8b0;
    float: left;
    text-shadow: 2px 2px 2px #000;
    text-align: left;
    font-size: 20px;
}



.box2 h1{
    margin:20px 40px;
    float: left;
    text-shadow: 2px 2px 2px #000;
    text-align: left;
    padding: 2px;
    background-color: #7ac818;
}
.box2 h2
{
    margin:10px 20px 0px 40px;
    background-color: #18c8b0;
    float: left;
    text-shadow: 2px 2px 2px #000;
    text-align: left;
    font-size: 20px;
}








.box3 h1{
    margin:20px 40px;
    float: left;
    text-shadow: 2px 2px 2px #000;
    text-align: left;
    padding: 2px;
    background-color: #7ac818;
}
.box3 h2
{
    margin:10px 20px 0px 40px;
    background-color: #18c8b0;
    float: left;
    text-shadow: 2px 2px 2px #000;
    text-align: left;
    font-size: 20px;
}




.box h1,h3,h4,p
{
    margin:20px 40px;
    float: left;
    text-shadow: 2px 2px 2px #000;
    text-align: left;
    padding: 2px;
}



.box h5
{
    margin:10px 20px 0px 40px;
    background-color: #18c8b0;
    float: left;
    text-shadow: 2px 2px 2px #000;
    text-align: left;
    font-size: 25px;
}
.box h6
{
    margin:10px 20px 0px 40px;
    background-color: #18c8b0;
    float: left;
    text-shadow: 2px 2px 2px #000;
    text-align: left;
    font-size: 35px;
}
table th {
    color: red;
    padding: 1px;
}

table tr {
    color: blue;
    padding: 1px;
}

table td {
    padding: 1px
}
.box h7
{
     margin:10px 20px 0px 40px;
    background-color: #18c8b0;
    float: left;
    text-shadow: 2px 2px 2px #000;
    text-align: left;
    font-size: 20px;
}
.box h8
{
     margin:10px 20px 0px 40px;
    background-color: #18c8b0;
    float: left;
    text-shadow: 2px 2px 2px #000;
    text-align: left;
    font-size: 20px;
}

.box h9
{
     margin:10px 20px 0px 40px;
    background-color: #18c8b0;
    float: left;
    text-shadow: 2px 2px 2px #000;
    text-align: left;
    font-size: 20px;
}