﻿
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,


small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    padding: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    margin-left: 0;
    margin-right: 0;
    margin: 0;
    }

h1 {
    
}
 a, span, label, select, option
{
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}


:focus {
    outline: 0;
}


ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}


table {
    border-collapse: collapse;
    border-spacing: 0;
}
table th, table td
{
    padding:0px;
    border-color:#ccc;
}
    
body 
{font-family: 'Open Sans', sans-serif;  
   background-color:#2f0037;
}

/***********Header**********/
#Mainheader {
      width:100%;
       /*position:fixed;*/
        /*margin:-80px 0 -10px 0;*/
      /*background-color:red;*/
        /* height:3000px;*/
}
#BackHeader {
   /*float:right;*/
    /*min-width:1920px;*/
     width:100%;
      background-color:red;
       height:90px;
}

#Header {
      
     /*width:1349px;
     background-color:#212121;
     height:92px;
      border-bottom:2px solid #dd1fff;*/
      z-index:99999;
      width: 1349px;
        height:92px;
        background-color: #212121;
        border-bottom:2px solid #dd1fff;
        color: white;
        position: fixed;
         margin-top:-20px;
        /*padding: .8em;*/
        /*left: 50%;
        top: 0%;
        transform: translateX(-50%);*/
   
   
}
.otherContainer {
        width: 1000px;
        height: 2000px;
      
    }




/*#HeaderLine {
     width:1349px;
      height:2px;
       background-color:#dd1fff;
}*/
#HeaderL {
     float:left;
     width:808px;
     
    
}
#HeaderL1 {
     float:left;
      width:155px;
       margin-left:10px;
     
}
.imgheader {
     float:right;
      width:274px;
       height:71px;
        margin-top:5px;
}
/***********search box*************/
.Imgsearch {

      width:31px;
       height:31px;
   
}
.Divsearch {
     float:right;
      width:32px;
       height:33px;
        margin:30px 0 0 0;
       
}
#divTsearch {
      /*float:right;*/
       width:397px;
        height:41px;
         margin:-5px 0 0 22px;
         /*margin:0 0 0 -20px;*/
       
   

}
.imgsearchM {
     float:right;
      width:395px;
      height:41px;
}

.btnsearch {
     float:right;
      width:63.5px;
       height:41px;
        margin-right:3.5px;
}
.txtsearch {
    position:absolute;
      width:315px;
       height:35px;
        background-color:#414141;
       border:1px solid #414141;
               font-size:20px;
                text-indent:10px;
                 color:white;
margin:5px 0 0 5px;
 }
.Imghelp {
     float:left;
      width:33px;
       height:33px;
        margin:30px 0 0 16.5px;
}
.Imgcontact {
     float:right;
      width:37px;
       height:24px;
        margin:33px 18px 0 0;
}
#HeaderR {
     float:right;
     width:500px;
  
   
}
#MenuH {
     float:right;
      width:120px;
    /*border:1px solid red;*/
      
}
.ImgMenu {
     float:right;
     width:41px;
      height:29px;
       margin:33px 19px 0 0;
}
/*.ImgMenu {
     float:right;
     width:55.5px;
      height:40.5px;
       margin:27px 28px 0 0;
}*/
.AImgMenu {
     float:right;
     width:55.5px;
      height:40.5px;
      
}
/**********Modal************/
#MenuItem {
    
     position:absolute;
       width:1349px;
        height:76px;
        background-color:#656565;
        margin:60px 0 0 -425px;
       
}
#ModalHeader {
     position:relative;       
     width:1349px;
     background-color:#212121;
     height:90px;
       margin:-29px 0 0 -426px;
}
#ModalHLine {
     position:relative;
      margin-top:91px;
     width:1349px;
      height:2px;
       background-color:#dd1fff;
}
.ImgEN {
     float:left;
         width:34px;
      height:34px;
       margin:2px 0 0 6px;
}
#DivLanguag {
     float:left;
         width:40.7px;
      height:41.4px;
       margin:29px 0 0 2px;
}

#divTlanguage {
      /*float:right;*/
       width:397px;
        height:80px;
         margin:-20px 0 0 23px;

}
.lbllan {
    float:right;
     width:397px;
      color:white;
       font-size:17px;
        margin-top:5px;
}
#Linelan {
      float:right;
      width:280px;
       background-color:#414141;
        height:2px;
        margin:13px 55px 0 0;
     
}
#Dselectlan {
     float:right;
     width:397px;
      margin:20px 0 0 0;

  

}
#DselectlanL {
     float:left;
      width:190px;
       margin-left:40px;
}
.Aenglish {
     float:left;
       color:white;
        font-size:20px;

}
.Aenglish:hover {
  color:#dd1fff;
   text-decoration:none;

}
.Afarsi {
     float:right;
       color:white;
        font-size:20px;

}
.Afarsi:hover {
   color:#dd1fff;
   text-decoration:none;

}
.AHindi {
     float:right;
       color:white;
        font-size:20px;
         margin-right:40px;

}
.AHindi:hover {
   color:#dd1fff;
   text-decoration:none;

}
/***********teacher&student section************/
#Mainpage {
     /*height:2000px;*/
      width:1349px;
       margin-top:64px;
      
       /*background-color:red;*/
}
#MainSection {
        height:543px;
      width:1349px;
       /*margin-top:64px;*/
       background-color:#2f0037;

   
}
#MainSecL {
     float:left;
    height:500px;
     width:643px;
       margin:8.5px 0 0 20px;
 
}

#MainSecL2 {
      float:left;
     height:495px;
     width:643px;
  
}
#MainSecR {
     float:right;
     height:500px;
     width:643px;
       margin:8.5px 20px 0 0;
   
}

#MainSecR2 {
      float:right;
     height:495px;
     width:643px;
     
 
}


.LblLog {
     float:left;
      font:22px 'Open Sans', sans-serif;
       color:#fff;
        margin:33px 0 0 305px;
}
/**********teacher section*******/
#teachersec {
     margin-top:17px;
     float:left;
      width:643px;
       height:52.5px;
        background-color:#323232;
         border-bottom:2px solid white;
}
#teachersec1 {
     float:left;
      width:643px;
       height:393.5px;
      
        /*margin-top:1px;*/
        /*background-image:url('../images/sample.jpg')*/
}
.Imgteach {
     float:left;
      width:603px;
       height:338.5px;
}
/*#Linesec {
     width:603px;
      height:3px;
       background-color:white;
       
         margin-top:68px;
}*/
.Imglets {
     float:right;
      width:643px;
       height:50.5px;
}
.LblTeacher {
     float:left;
      width:610px;
     height:51.5px;
      color:#fff;
       font:bold 26px 'Open Sans', sans-serif;
       text-align:left;
        margin:6px 0 0 30px;
         font-weight:bold;
     
            
      
}
.Aletsstart {
     float:right;
        width:164px;
         height:49px;
           /*position:relative;*/
            margin-top:-46px;
  font-size:26px;
   font-weight:bold;
    color:red;
      
}

.ImgletsL {
     float:right;
      width:643px;
       height:50.5px;
}
.lblstart {
     float:left;
      /*margin-left:-300px;*/
     
      width:350px;
       height:49px;     
         position:absolute;
          margin:12px 0 0 -325px;
          /*margin-top:50px;*/
         color:#fff;
          font:19px 'Open Sans', sans-serif;
}
.lblstartR {
     float:left;
      width:300px;
       height:49px;     
         position:absolute;
     
          margin:12px 0 0 -325px;
         color:#fff;
          font:19px 'Open Sans', sans-serif;
           
           /*border:1px solid red;*/
}

#teachersec2 {
     float:right;
      width:643px;
       height:50.5px;
    
}

/***************Menu Item******************/
.RegisterA {
     float:right;
      width:100px;
       color:white;
        font-size:23px;
      
       
        
}
    .RegisterA:hover {
         color:#2f0037;
          font-weight:bold;
          text-decoration:none;
    }

.ClassA {
     float:left;
      width:100px;
       color:white;
        font-size:23px;
       
          
       
        
}
    .ClassA:hover {
           color:#2f0037;
          font-weight:bold;
          text-decoration:none;
    }
.AboutA {
     float:right;
      width:100px;
       color:white;
        font-size:23px;
  
}
    .AboutA:hover {
         color:#2f0037;
          font-weight:bold;
          text-decoration:none;
    }
.HomeA {
     float:left;
      width:100px;
       color:white;
        font-size:23px;
      
        
       
        
}
    .HomeA:hover {
         color:#2f0037;
          text-decoration:none;
                font-weight:bold;
                /*text-shadow:0px 0px 2px #fff;*/
    }

.ServicesA {
     float:right;
      width:100px;
       color:white;
        font-size:23px;
        
       
        
}
    .ServicesA:hover {
         color:#2f0037;
          font-weight:bold;
          text-decoration:none;
    }
.EventA {
     float:right;
      width:100px;
       color:white;
        font-size:23px;
  
       
        
}
    .EventA:hover {
          color:#2f0037;
          font-weight:bold;
          text-decoration:none;
    }
#Divregister {
     float:right;
      width:124px;
     margin:20px 0 0 0; 
}

       /*.path {
             width:500px;
              height:200px;
               border:5px solid red;
                stroke:red;

}*/


#MenuItemL {
     float:left;
     width:920px;
 margin:2px 0 0 150px;


   
      
}
#MenuL {
     float:left;
      width:500px;
        margin:20px 0 0 37px;

       
     
}
#MenuL1 {
     float:left;
      width:250px;
      margin:0 0 0 114px;

  

     
}
#MenuL1L {
      float:left;
      width:100px;
       margin-left:35px;
       
}
#MenuL1R {
      float:right;
      width:100px;
     
}
#MenuL2 {
     float:right;
      width:100px;
      
     
     
}
#MenuR {
     float:right;
      margin:20px 0 0 0;
      width:370px;
      
       
    
}
#MenuR1 {
     float:left;
     width:220px;
   

    
}
#DMenuclass {
     float:left;
      width:100px;
     
}
#DMenuabout {
     float:right;
      width:100px;
       margin-right:12px;
       /*margin-right:30px;*/
     
}




.lblcontact {
     float:right;
      width:100px;
       color:white;
        font-size:23px;
          margin-right:45px;
       
       
        
}
    .lblcontact:hover {
          color:#2f0037;
          font-weight:bold;
          text-decoration:none;
    }

/*************activity section***************/
#Activiy {
     width:1349px;
      height:1235px;
      background-color:#f1f1f1;
}
#actHeader {
     float:right;
     width:1000px;
      height:80px;
  
}
/*#actline {
     float:right;
       width:934px;
        height:2px;
         background-color:#323232;
          margin:50.5px 209px 0 0;

}*/
#actline {
     float:right;
      width:1349px;
  

}

#actlineLH {
     float:left;
      width:330px;
       margin-left:50px;
  
     
     

}
#actlineL {
     float:left;
      width:569px;
       margin-left:202px;
  
}
#actlineLA {
     float:left;
      width:569px;
       margin-left:190px;
}
#actlineL1 {
     float:left;
      width:373px;
       margin:31px 0 0 0;
    

}
#actlineL1H {
     float:left;
      width:200px;
       margin:0px 0 0 0;
    

}
#actlineL1C {
     float:left;
      width:373px;
       margin:0px 0 0 0;
    

}

#activgif {
     float:right;
      width:1349px;
       height:96px;
}
.imgleafLA {
     float:right;
      width:56px;
       height:41px;
}
.imgleafLH{
     float:right;
      width:40px;
       height:30px;
}
.imgleafLAC {
     float:right;
      width:56px;
       height:41px;
        margin-top:25px;
}
#lineactL {
     float:left;
     width:317px;
      height:1.5px;
       background-color:#6b6b6b;
        margin:21px 0 0 0;
}
#lineactLH {
     float:left;
     width:160px;
      height:1px;
       background-color:#dbdbdb;
        margin:16px 0 0 0;
}
#lineactLC {
     float:left;
     width:317px;
      height:1.5px;
       background-color:#6b6b6b;
        margin:46px 0 0 0;
}
#lineactLE {
     float:left;
     width:317px;
      height:1.5px;
       background-color:#fff;
        margin:46px 0 0 0;
}

#actlineR {
     float:right;
      width:373px;
       margin:31px 217px 0 0;
    

}
#actlineHR {
     float:right;
      width:200px;
       margin:0px 0px 0 0;
      
    

}
#actlineRC {
     float:right;
      width:373px;
       margin:0px 202px 0 0;
    

}

.imgleafRA {
     float:left;
      width:56px;
       height:41px;
}
.imgleafRAC {
     float:left;
      width:56px;
       height:41px;
        margin-top:25px;
}
.imgleafRH {
     float:left;
      width:40px;
       height:30px;
}
#lineactR {
     float:right;
     width:317px;
      height:1.5px;
       background-color:#6b6b6b;
        margin:21px 0 0 0;
}
#lineactHL {
     float:right;
     width:160px;
      height:1px;
       background-color:#dbdbdb;
        margin:16px 0 0 0;
}
#lineactRC {
     float:right;
     width:317px;
      height:1.5px;
       background-color:#6b6b6b;
        margin:46px 0 0 0;
}
#lineactRE {
     float:right;
     width:317px;
      height:1.5px;
       background-color:#fff;
        margin:46px 0 0 0;
}
.lblactive {
     float:right;
      width:175px;
       color:#323232;
      font:bold 20px 'Open Sans', sans-serif;      
          background-color:#f1f1f1;
           margin:37px 7px 0 0;
     
}
.lblactiveH {
     float:right;
      /*width:175px;*/
       color:#fff;
      /*font:bold 16px 'Open Sans', sans-serif;*/   
       /*font-family:Open sans-serif;*/
        font-size:18px;
        font-weight:bold;
           
          background-color:#0397e1;
           margin:5px 7px 0 0;
           
     
}
.lblactiveH1 {
     float:right;
      width:175px;
       color:#fff;
    text-shadow:0px 0px 0px #fff;
    font-family: 'Open Sans', sans-serif; 
     font-size:26px;
       
          background-color:#9e6200;
           margin:30px 7px 0 0;
           
     
}

.lblactiveC {
     float:right;
      width:185px;
       color:#323232;
      font:bold 21px 'Open Sans', sans-serif;      
          background-color:#f1f1f1;
           margin:30px 7px 0 0;
     
}
.lblactiveW {
     float:right;
      width:185px;
       color:#323232;
      font:bold 20px 'Open Sans', sans-serif;      
          background-color:#f1f1f1;
           margin:30px 5px 0 0;
     
}
.lblEventHead {
     float:right;
      width:175px;
       color:#fff;
      font:bold 24px 'Open Sans', sans-serif;      
          background-color:#9e6200;
          /*background-color:#0397e1;*/
           margin:30px 7px 0 0;
         
     
}
#mainactive {
     float:right;
      width:1349px;

}
#ActiveL {
    float:left;
     width:870px;
     
}
#ActiveMusic {
    float:right;
     width:427px;
      height:513px;
       margin:0 30px 0 0;
        
}
#ActiveArt {
    float:right;
     width:407px;
      height:513px;
       margin:0 10px 0 0;
        
}
#Activelan {
    float:left;
     width:427px;
      height:513px;
       margin:0 0 0 15px;
       
}
.imgMusicC {
  float:right;
     width:114px;
      height:70px;
  margin:30px 150px 0 0;

}
.imgLanC {
  float:right;
     width:123px;
      height:61px;
  margin:30px 150px 0 0;

}
.imgArtC {
  float:right;
     width:99px;
      height:71px;
  margin:30px 150px 0 0;

}
.LblMusic {
     float:left;
      margin:13px 0 0 33.5px;
      width:372px;
      height:310px;
      text-align:left;
      text-align:justify;      
      font-size:24px;
      line-height:38px;   
        word-break: break-all;
       /*border:1px solid red;*/
      
      
             
}

.h1music {
     float:right;
     width:200px;
      color:#4c4c4c;
 font-weight:bold;
        font-size:23px;
         margin:8px 110px 0 0;
   
}
#row3active {
     float:right;
      width:1349px;
       
}

.btnmoreAct {
     width:298px;
      height:74px;
       border-radius:10.5px;
        background-color:#8b0086;
         border:1px solid #8b0086;
         float:right;
          color:white;
           font-weight:bold;
           font-size:30px;
            margin:10px 525px 0 0;
}
/********statics section**********/

#staticMain {
     float:right;
      width:1349px;
      height:286px;
       background-color:#0397e1;
      
}

#mainstatics {
     width:1349px;
      height:486px;
       background-color:#0397e1;
       
}
#row1static {
     float:right;
      width:1349px;
       height:100px;
       
     
}
#row2static {
     float:right;
      width:1349px;
       height:150px;
}
#linehero {
     float:left;
     width:584px;

        margin:30px 0 0 27px;     
}
#linestatic {
     float:right;
     width:584px;
 
       margin:30px 75px 0 0;      
}
.lblheroes {
     float:right;
      width:170px;
       color:#fff;
        
          font-size:28px;
          background-color:#0397e1;
            position:absolute;
             margin:-17px 0 0 -86px;

}

#herodiv {
      width:620px;
       float:left;
     
       
}
#Staticdiv {
     width:640px;
       float:right;
    
}
.lblstudent {
     float:left;
      width:270px;
       font-size:30px;
        font-weight:bold;
         color:#fff000;
           margin:0 0 0 46px;
            line-height:40px;
}
.lblstaff {
     float:right;
      width:270px;
         font-size:30px;
        font-weight:bold;
         color:#fff000;
           margin-right:17px;
        line-height:40px;
}
.lblstudentT {
     float:left;
      width:270px;
       font-weight:bold;
        font-size:26px;
         color:white;
          margin:0 0 0 44px;
}
.lblstaffT {
     float:right;
      width:290px;
      font-weight:bold;
        font-size:26px;
         color:white;
          
      
}

#StaticcolL {
     float:left;
      width:367px;
       margin-left:11px;
       
 
}
#StaticcolR {
     float:right;
      width:200px;
       margin-right:47px;
    
}

.lblEvents {
     float:left;
      width:165px;
         font-size:30px;
         font-weight:bold;
         color:#fff000;
           margin:0 0 0 0;
  
            line-height:40px;
}
.lblclasses {
     float:right;
      width:170px;
        font-size:30px;
         font-weight:bold;
         color:#fff000;
           margin-right:0;
        line-height:40px;
}
.lblclassesT {
     float:left;
      width:170px;
        font-size:26px;
         font-weight:bold;
         color:white;
          margin:0 0 0 0;
}
.lblEventsT {
     float:right;
      width:170px;
         font-size:26px;
         font-weight:bold;
         color:white;
           margin-right:0;
}
.lblSchool {
     float:right;
      width:200px;
    
         font-weight:bold;  font-size:35px;
         color:#fff000;
           margin-right:0;
        line-height:40px;
}
.lblSchoolT {
     float:right;
      width:200px;
         font-size:26px;
         font-weight:bold;
         color:white;
          margin:0 0 0 0;
       
          
}
.Lblstaticmoto {
     float:right;
      width:1349px;
       color:#e3e3e3;
        font-size:25px;
         margin:33px 0 0 0;
}

/***********classes section****************/
#divClasses {
      float:right;
      width:1349px;
      height:730px;
       background-color:#f1f1f1;
   
     
}
#mainclass {
      float:right;
      width:1349px;
       height:461px;

}
#divClasseL {
     float:left;
      width:828.5px;
       height:461px;
        margin-left:43px;
}
#classgif {
      
     width:1349px;
      /*height:95px;*/
      
}

.imgmath {
      float:left;
      width:393.5px;
       height:461px;
    
}
.imgsience {
      float:right;
      width:393.5px;
       height:461px;
    
}
.imgmusic {
      float:right;
      width:393.5px;
       height:461px;
        margin-right:43px;
    
}
#Dviewall {
     float:right;
      width:1349px;
       
}

.btnviewall {
     width:358px;
      height:74px;
       border-radius:10.5px;
        background-color:#8b0086;
         border:1px solid #8b0086;
         /*float:right;*/
          color:white;
           font-weight:bold;
           font-size:30px;
            margin:51.5px 0 0 0;
}
/*************event section***********/
#Devent {
     float:right;
      width:1349px;
       height:620px;
       background-color:#2f0037;
}
#headerEvent {
     float:right;
     width:1349px;
      height:133px;
       background-color:#9e6200;
      
}
#DcalenderE {
     width:1349px;
      height:480px;
       position:absolute;
          margin-top:102px;
}
#EventL {
     float:left;
      width:826px;
       margin-left:46px;
}
.imgevent1 {
     float:left;
      width:392px;
       height:480px;
}
.imgevent2 {
     float:right;
      width:392px;
       height:480px;
}
.imgevent3 {
     float:right;
      width:392px;
       height:480px;
        margin-right:46px;
}

/*****************teachers part****/
#Dteachers {
     float:right;
      width:1349px;
       height:669px;
        background-color:#f1f1f1;
}
#Dteachers1 {
     float:right;
      width:1349px;
       height:113px;
        margin-top:3px;
     
}
#Dteachers2 {
     float:right;
      width:1349px;
     
     
}
.imgteachers {
      float:right;
       width:1248px;
        height:258px;
         margin-right:51px;
}
#teacherName {
     float:right;
    width:1349px;
     margin-top:36px;
}
#TnameL {
     float:left;
      width:670px;
       height:140px;
      
}
#TnameL1 {
     float:left; 
     width:330px;
     margin-left:15px;
  
}
#TnameL2 {
     float:right; 
     width:310px;

}
#TnameR {
     float:right;
      width:670px;
       height:140px;
}
#TnameR1 {
     float:left; 
     width:310px;
      margin-left:20px;
      
}
#TnameR2 {
     float:right; 
     width:320px;
      margin-right:15px;
}
.lblnameT {
     float:right;
      width:330px;
     color:#323232; 
      font-weight:bold;     
        font-size:25px;
           
}
.lbljobT {
     float:right;
      width:330px;
          color:#323232;      
           margin-top:5px;
        font-size:22px;
}
.lbllanT {
     float:right;
      width:330px;
       color:#777;
        font-size:22px;
         line-height:26px;
}
#LineT {
     float:right;
      margin:2px 75px 0 0;
     width:180px;
     height:1px;
      background-color:#767676;
}
.btnAllteacher {
     width:324px;
      height:74px;
       border-radius:10.5px;
        background-color:#8b0086;
         border:1px solid #8b0086;
         float:right;
          color:white;
           font-size:30px;
            font-weight:bold;
            margin:0 512px 0 0;
}

/***********comment************/
#Dcomment {
     float:right;
      width:1349px;
       height:624px;
        background-color:#212121;
}
/********about***********/
#Dwhychoose {
         float:right;
      width:1349px;
       height:850px;
        background-color:#f1f1f1;
        
}
.whychoose {
     float:right;
      width:660px;
       
       height:511px;
        margin-right:40px;
}
.whychoose1 {
     float:right;
      width:670px;
 
     
}
.lblwhy {
     float:left;
       width:620px;
        font-size:24px;
         text-align:justify;
   
           margin-left:20px;
          /*line-height:40px;*/

}
    .lblwhy pre {
         line-height:30px;
          font-family: 'Open Sans', sans-serif;  
    }
.comment {
     float:right;
      width:1349px;
       height:628px;
}

#Dfooter {
     float:right;
      width:1349px;
       margin-top:115px;
       
}
.footer {
     float:right;
      width:1349px;
       height:147px;
}