*{

    margin:0px;
    padding:0px;

}
.hedmain{
    width:80%;
    margin:auto;
    margin-top:5px;





}

.logm{
width:30%;
float:left;


}

.infom{
width:70%;
float:left;margin-top:35px;
}
.pp,.hh{

text-align:right;


}
.clrr{
    clear:both;
}
.logobar{
    background-color:#000000;
    height:50px;
    width:100%;



}
.cennav{
        width:80%;
    margin:auto;

}
.cennav ul{
   list-style-type:none;


}
.cennav ul li{

    display:inline;

}
.cennav ul li a{

    display:inline-block;
    text-decoration:none;
    color:#ffffff;
    text-transform:capitalize;
    padding:15px;
    font-size:20px;
    transition:all 2s;


}
.cennav ul li a:hover{
    background-color:#0094ff;
    

}
.active{
    background-color:#0094ff;
}
.slii{
    display:inline-block;
}
.cardinfo{
    
    width:80%;
        margin-left: 10%;

    margin-top: -30px;  
    height:200px;
    z-index:1;
  display:inline-block;

}

.d1{
    width:23%;
    float:left;
    padding:1%;
    background-color:#23b4be;
    height:250px;
}
.d2{
   width:23%;
    float:left;
    padding:1%;
    background-color:#23c3ce;
    height:250px;
}
.d3{
    width:23%;
    float:left;
    padding:1%;
    background-color:#24cad5;
    height:250px;
}
.d4{
    width:23%;
    float:left;
    padding:1%;
    background-color:#27d2dd;
    height:250px;
}
.pp{
    width:80%;
    margin:auto;

}
.pmo{
    width:80%;
    margin:auto;
    margin-top: 100px;
}
.dv1{
    width:49%;
    margin-right:2%;
    float:left;

    height:150px;
    border-bottom:1px solid #c2b4b4;
}
.dv2{
    width:49%;

    float:left;
     border-bottom:1px solid #c2b4b4;
    height:150px;
}
.dv3{
    width:49%;
    margin-right:2%;
    float:left;

    height:150px;
        margin-top: 3%;
}
.dv4{
    width:49%;

    float:left;
    height:150px;
    margin-top: 3%;
}
.dv1 .dv1-ch1{
    display:inline;
    padding:5% 5% 5%;
    background-color:#0094ff;
    float:left;
    margin-right:2%;
    width:10%;

}
.dv1 div span{
    position:relative;
    top:10%;
}
.dv1 .ppp12{
    margin-top:20px;
}

.dv2 .dv2-ch1{
    display:inline;
    padding:5% 5% 5%;
    background-color:#0094ff;
    float:left;
    margin-right:2%;
    width:10%;

}
.dv2 div span{
    position:relative;
    top:10%;
}
.dv2 .ppp22{
    margin-top:20px;
}

.dv3 .dv3-ch1{
    display:inline;
    padding:5% 5% 5%;
    background-color:#0094ff;
    float:left;
    margin-right:2%;
    width:10%;

}
.dv3 div span{
    position:relative;
    top:10%;
}
.dv2 .ppp32{
    margin-top:20px;
}

.dv4 .dv4-ch1{
    display:inline;
    padding:5% 5% 5%;
    background-color:#0094ff;
    float:left;
    margin-right:2%;
    width:10%;

}
.dv4 div span{
    position:relative;
    top:10%;
}
.dv4 .ppp42{
    margin-top:20px;
}

.pmo .line1{
    height:10px;
    border-bottom:1px solid #0094ff;
}

.plo{
    width:80%;
    margin:auto;
    margin-top:2%;
}
.plo-ch1{
    width:32%;

    height:450px;

    float:left;
}
.plo-ch1 .button button{
    background-color:#0094ff;
    color:#ffffff;
    width:30%;
    border:none;
    padding:4%;
}

.plo-ch2{
    width:32%;
    min-height:300px;
    max-height:auto;

    margin:0% 2%;
        float:left;
}
.plo-ch2 .button button{
    background-color:#0094ff;
    color:#ffffff;
    width:30%;
    border:none;
    padding:4%;
}

.pooo{
    width:32%;
        float:left;
}
.plo-ch3{
        background-color:#23b4be;
    color:#ffffff;   
}
.plo-ch3 .p-ch3-1{
    width:80%;
    margin:auto;
     height:330px;
}

.pp-ch3-2{
    background-color:#c2b4b4;
    width:100%;
    margin:auto;
    height:95px;
}
.pooo .p-ch3-2{
    
     width:80%;
     margin:auto;
}
.p-ch3-2 .imgg{
    width:30%;
    float:left;
    height:auto;
}
.p-ch3-2 .para{
    width:68%;
    margin-left:2%;
    float:right;
}

.foots{
    background-color:#5a5a5a;
    height: 320px;
    width:100%;
}
.pp-foots{
    width:80%;
    margin:auto;
}
.f-ch1{
    width:100%;
        padding-top: 5%;
}
.f-d1{
    width:32%;
    float:left;

    color:#ffffff;
    height:50px;
}
.f-d1 .fafont{

    text-align:center;
    background-color:#787878;
}
.f-d1 .fafont span{
    padding: 9px;
    color:#23b4be;
}
.f-d2{
    width:32%;
    margin:0% 2%;
    float:left;
    color:#ffffff;
    height:50px;
}
.f-d2 .fafont{

    text-align:center;
    background-color:#787878;
}
.f-d2 .fafont span{
    padding: 9px;
    color:#23b4be;
}
.f-d3{
    width:32%;
    float:left;
    color:#ffffff;
    height:50px;
}
.f-d3 .fafont{

    text-align:center;
    background-color:#787878;
}
.f-d3 .fafont span{
    padding: 9px;
    color:#23b4be;
}

.f-ch2{
    margin-top:10%;
}
.f-d4{
    width:32%;
    float:left;
    color:#ffffff;
    height:50px;
}
.f-d4 .fafont{

    text-align:center;
    background-color:#787878;
}
.f-d4 .fafont span{
    padding: 9px;
    color:#23b4be;
}
.f-d5{
    width:32%;
    margin:0% 2%;
    float:left;
    color:#ffffff;
    height:50px;
}
.f-d5 .fafont{

    text-align:center;
    background-color:#787878;
}
.f-d5 .fafont span{
    padding: 9px;
    color:#23b4be;
}
.f-d6{
    width:32%;
    float:left;
    color:#ffffff;
    height:50px;
}
.f-d6 .fafont{

    text-align:center;
    background-color:#787878;
}
.f-d6 .fafont span{
    padding: 9px;
    color:#23b4be;
}