*{
     margin:0;
     padding: 0;
 }
.navlist ul li:not(.Sed):hover {
    border-bottom: 4px solid #1C69D4;
}

.fill{
    height:661px;
    overflow:hidden;

}
.underall{
     float: right;
    bottom: 0px;
    width: 100%;
    height: 180px;
    background-color: black;
}
.nav img {
    margin-left: 1%;
    margin-top: 0.5%;
    width: 20%;
}
.login {

    margin-top: 3%;
    margin-right: 6%;
    text-align: center;
    color: white;
    float: right;
}

.navlist {
    margin-right: 1%;
    float: right;
    width: 60%;
}

.navlist ul {
    margin-top: 0.5%;
    list-style: none;
    width: 100%;
    float: right;
    /*border-bottom :  1px solid  #bfbfbf;*/

}

.navlist li a {
    font-weight: normal;
    display: block;
    margin-left: 5px;
    padding: 20px 16px;
    color: #bfbfbf;
    width: 100%;
    text-decoration: none;
}

.navlist li {
    margin-top: 15px;
    float: left;
    margin-left: 5px;
    font-size: 20px;
}

.r_ine {
    width: 202px;
    height: 92px;

}

.navlist ul li:not(.Sed):hover {
    border-bottom: 4px solid #1C69D4;
}
.fill{
    height:661px;
    overflow:hidden;

}

.nav {
    background: url("../images/icon-header-dark.png") no-repeat;
    background-size: 130%;
    width: 100%;
    height: 13%;
    position: fixed;
    z-index: 1000;

}

.login a:active {
    color: rgb(0, 150, 190);
}

.login a {
    text-decoration: none;
    color: white;
}



















.T1{
    position: relative;
    left: 550px;
    top: -350px;
    font-weight: bold;
    font-size: 180px;
}
.T2{
    position: relative;
    left: 20px;
    top: -280px;
    font-weight: bold;
    font-size: 180px;
}
.T3{
    position: relative;
    left: 50px;
    top: -300px;
    font-weight: revert;
    font-size: 180px;
}
.T4{
    position: relative;
    left: 350px;
    top: -330px;
    font-weight: bold;
    font-size: 180px;
}
.T{
    position: relative;
    left: 320px;
    top: -280px;
    font-weight: bold;
    font-size: 180px;
}
.next{
    width: 100%;
    padding: 0;
    margin: 0;

}
.all{
    float: right;
    clear: left;
    align-items: center;
    width: 1260px;
    overflow: hidden;

    left: 260px;
    top: 130px;
}

.A{
    float: left;
    background-color: rgb(244,244,244);
    width: 500px;

    height: 380px;
 }
.Amask{
    float: left;
    overflow: hidden;
    width: 500px;
    height: 380px;
}
.A:hover img  {
    transform: scale(1.2);
    transition: 1s;
}
.E:hover img {
    transform: scale(1.2);
    transition: 1s;
}
.S:hover img {
    transform: scale(1.2);
    transition: 1s;
}
.C:hover img {
    transform: scale(1.2);
    transition: 1s;
}
.B:hover img {
    transform: scale(1.2);
    transition: 1s;
}
.A img{
    position: relative;
    top: 220px;
}
.B{
    float: left;
    background-color: rgb(114,115,117);
    width: 760px;
    height: 320px;
}
.Bmask{
    float: left;
    overflow: hidden;
    width: 760px;
    height: 320px;
}
.B:hover mask{
    display: block;
}
.mask{
    position: absolute;
}
.B img{
    position: relative;
    width: 430px;
    left: 20px;
    top: 120px;


}
.C{
    float: left;
    background-color: rgb(139,140,140);
    width: 500px;
    height: 260px;
}
.Cmask{
    float: left;
    overflow: hidden;
    width: 500px;
    height: 260px;
}
.E{
    float: right;
    background-color: rgb(193,193,192);
    width: 380px;
    height: 320px;
}
.Emask{
    float: right;
    overflow: hidden;
    width: 380px;
    height: 320px;
}
.S{
    float: right;
    background-color: rgb(166,166,166);
    width: 380px;
    height: 320px;
}
.Smask{
    float: right;
    overflow: hidden;
    width: 380px;
    height: 320px;
}
.S img{
    position: relative;
    width: 200px;
    left: 90px;
    top: 170px;
    z-index: 1000;
}
.C img{
    position: relative;
    width: 380px;
    top: 100px;
    left: 20px;

}
.Cmask{
    overflow: hidden;
    width: 500px;
    height: 260px;
}
.E img{
    position: relative;
    width: 350px;
    left: 5px;
    top: 180px;

}
.textt h1{
    margin-top: 50%;
    font-size: 20px;
    font-weight: lighter;
    color: white;
}
.allhide{
    overflow: hidden;
}

 .login a:active {
     color: rgb(0, 150, 190);
 }

 .login a {
     text-decoration: none;
     color: white;
 }

 .name input {
     height: 30px;
     width: 70%;
     font-size: 20px;
     margin-top: 10%;
     outline: none;
     margin-left: 15%;
     border: 0;
 }

 .name hr {
     width: 75%;
     margin: 0 auto;
 }

 .underLogin {
     margin-left: 60px;
     text-align: center;
 }

 .underLogin img {
     height: 50px;
     margin: 0 60px 30px 0;
 }

 .btt {
     text-align: center;
     line-height: 350%;
     color: white;
     margin: 8% auto;
     display: block;
     height: 12%;
     width: 75%;
     background-color: rgb(0, 173, 239);
 }

 .topp {
     font-weight: lighter;
     text-align: center;
     line-height: 800%;
     height: 15%;
     width: 600px;
     background-color: white;

 }


 .topp img {
     float: right;
 }

.textt{
    position: absolute;
    width: 250px;
    height: 600px;
}

 .loginImg {
     border-radius: 12px;
     box-shadow: 5px 5px 5px 1px rgba(81, 81, 81, 0.6);
     position: fixed;
     height: 500px;
     width: 600px;
     background-color: white;
     display: none;
     top: 10%;
     left: 0;
     right: 0;
     bottom: 0;
     margin: auto;
     z-index: 1090;
 }

 .login {

     margin-top: 3%;
     margin-right: 6%;
     text-align: center;
     color: white;
     float: right;
 }

.textt span{
    border: 1px solid rgb(225,225,225);
    color: white;
    padding-top : 10px;
    padding-bottom: 10px;
    padding-left: 25px;
    padding-right: 25px;
    position: absolute;
    text-decoration: none;
    top: 520px;
    left: 50px;
}

.text{
    margin-right: 180px;
    margin-top: 0;
    top: 50px;
    right: 100px;
    text-align: center;
}
.text a{
    font-size: 25px;
    text-decoration: none;
    color: #bfbfbf;
}
.textt span:hover{
    background-color: #bfbfbf;
    transition: 1s;
}


/*.box{*/
/*    width: 1060px;*/
/*    height: 555px;*/
/*    overflow: hidden;*/
/*}*/
/*.boxx{*/
/*    width: 530px;*/
/*    height: 530px;*/
/*    overflow: hidden;*/
/*}*/
/*.top{*/
/*    margin-left: 5px;*/
/*    border: 2px solid darkgray;*/


/*}*/
/*.top:hover{*/
/*    opacity: 0.6;*/
/*    transform: scale(1.2);*/
/*    transition: 1s;*/
/*}*/
/*.right:hover{*/
/*    opacity: 0.6;*/
/*}*/
/*.left:hover{*/
/*    opacity: 0.6;*/
/*}*/
/*.right{*/
/*    float: right;*/
/*    width: 518px;*/
/*    height: 518px;*/
/*    padding: 5px;*/
/*}*/
/*.left{*/
/*    float: left;*/
/*    width: 517px;*/
/*    height: 517px;*/
/*    padding: 5px;*/
/*}*/
 .img{
     z-index: 1000;
     float:left;
     margin-top:15px;
     margin-left: 10px;
 }
.left{
    margin-top: 6%;
    background-color: black;
    float: left;
    width: 15%;
    height: 650px;
}
 .right{
     margin-top: 6%;
     background-color: black;
     float:right;
     width: 85%;
     height: 650px;
 }



 .under{
     width: 100%;
     height: 180px;
     background-color: black;
 }

 .overPic{
     width: 100%;
     height: 800px;
     overflow: hidden;
     background-color: rgb(50,50,50);
 }


 .under_left{
     margin-left: 30px;
     /*background-color: #0066B1;*/
     float: left;
 }
 .under_left img{
     width: 260px;
     height: 64px;
     margin-top: 30px;
     margin-bottom:18px;
 }

 .under_left h6{
     margin-left: 30px;
     font-size: 15px;
     font-weight: lighter;
     color: white;
     word-spacing: 5px;
 }


 .under_right{
     width: 500px;
     float: right;
     /*background-color: #84ff6d;*/
 }

 .under_right_li ul{
     margin-top: 30px;
 }
 .under_right_li img{
     width: 30px;
     height: 30px;
 }

 .under_right_li li{
     margin: 20px;
     color: white;
     list-style: none;
     text-decoration: none;
     float: left;
 }
 .under_right_li li img{
     float: left;
 }

 .under_right_li li h6{
     float: right;
     margin:7px 6px;
     /*line-height: 250%;*/
 }


 .A h1{
     margin-top: 120px;
 }

 .B h1{
     margin-top: 10px;
 }

 .C h1{
     margin-top: 150px;
 }
 .E h1{
     margin-top: 120px;
 }
 .B h1{
     margin-top: 150px;
 }
 .S h1{
     margin-top: 120px;
 }