text/css styles.css ( ASCII text, with CRLF line terminators )
html{
  padding: 80px;
}
body{
  padding: 0;
  margin: 0;
  font-size: 14px;  
  line-height: 200%;
  background-color: #fff;
  width: 1349px;
  text-align: justify;
  font-weight: 500;
  font-family: 'Open Sans', serif;
  width:1339px;
}
h1, h2, h3{
  color: #7e2674;
  text-transform: uppercase;
  font-size: 17px;
}
div h1{
  font-size: 17px;
}
.banner_enquiry table{
  font-size: 12px;
  line-height: 27px;
  color: #fff;
}
.box-new {
    background-color: #fff;
    border: 1px solid #ccc;
    height: 26px;
    /* margin: 3px auto; */
    /* padding: 8px; */
    width: 100%;
}
.School-Tie-UP input:hover, input:focus{
  border: 1px solid #7e2674;
}
.School-Tie-UP input{
  width: 350px;
}
.question_code a{
  color: red;
  text-decoration: none;
}
.question_code a:hover{
  text-decoration: underline;
  color: #802572;
}
#container{
 background-color: #fff;
 width: 100%;
 float: left;
 margin-top: 15px;
}
p{
  width: 900px;
}
.header{
      background-color: #fff;
    width: 100%;
    height: 100px;
    float: left;
}
.header_left{
  width: 25%;
  height: auto;
  float:left;
  }
.header_left img{
    margin-left: 33px;
    width: 291px;
    margin-top: 7px;

}
.header_right{
  float: right;
    height: auto;
    width: 33%;
    text-transform: uppercase;

}
.header_right table tr td{
  font-size: 10px;
  
}
.header_right table tr td h2{
  color: #7E2674;
  
}
.header_right table tr td span{
  font-size: 10px;
  font-weight: bold;
}
.header_right table tr td span i{
 font-size: 33px;
  font-weight: bold; 
}
.header_start{
     background-color: #f7f8f7;
    width: 100%;
    height: 30px;
    float: left;
    position: relative;
    border-bottom:1PX solid #e7e7e7; 
}
  .header_center{
    text-align: center;
    width: 42%;
    float: left;
    line-height: 20px;
  }
  .header_center a{
    font-weight: 700;
    text-decoration: none;
    color: #eee;
    margin-top: 10px;
  }
  .header_center a:hover{
    color:#fff;
  }
.header_start table{
  width: 100%;
}
.header_start table tr th{
  font-size: 8px;
  float: right;
  margin-right: 30px;
}
.header_right a{
  color: #000;
  text-decoration: none;
      padding: 6px;
  border-right: 1px dotted #000;
}
.header_right a:hover{
  text-decoration: underline;
  color: #802572;
}
 .CRASH-COURSE-2019{
    width: 280px;
    height: 65px;
    border-radius: 10px;
    color: #fff;
    border: 1px solid #f1e900;
    font-size: 13px;
    background-color: purple;
  }
.mock-test{
    width: 120px;
    height: 65px;
    border-radius: 10px;
    background-color: purple;
    font-size: 12px;
}



/* Standard syntax */
@keyframes examplee {
    0%   {color: #fff;}
    100%  {color: #000;}
}
i{
  color: #7e2674;
}
.banner{
  width: 100%;
  height: 445px;
  background-color: #eee;
  text-align: center;
  float: left;
  border-top: 1px solid #747474;
  border-bottom: 1px solid #747474;

  }
.banner_head{
    background-color: #fff;
    color: #000;
    border: 1px solid #eee;
    float: left;
    font-size: 12px;
    /*padding: 4px;*/
    width: 100%;
}
.banner_head1
{
    background-color: #802572;
    color: #000;
    float: left;
    width: 100%;
    font-size: 12px;
    height: 26px;
}
.question
{
  background-color: #fff;
  color: #000;
    float: left;
    font-size: 12px;
    height: auto;    
    width: 100%;
    text-align:center;
    border-bottom:1px solid #eee;
    position: relative;
}
.question_group{
margin-left: 480px;

}
.question_code{
    color: #000;
    float: left;
    border-radius: 3px;
    margin-left: 6px;
    border: 1px solid #000;
    font-size: 9px;
    /* margin-top: 3px; */
    line-height: 11px;
    padding: 3px;
}
.qus{
    padding: 2px;
    color: #000; 
   /* text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;*/
}
.banner_center {
        float: left;
    width: 100%;
    height: 400px;
}
.banner_img{
    width: 21%; /* 289px */
    height: 400px; 
    /* margin-left: 40px; */
    float: left;
}
.banner_img img{
   width: 279px;
    height: 313px;
}
/* .banner_enquiry{
     width: 22%;
    height: auto;
    margin-left: 2px;
    float: left;
  }*/
.banner_details{
 width: 55%;
    height: auto;
    float: left;
    border: 1px solid #000;
    background-image: url('images/loader.gif');
    /* margin-left: 91px; */
}
/*.banner_details img{
  margin-top: 10px;
}
.banner_details div{
  background-color: #333;
  width: 100%;
}
*/
.banner .banner_head1 marquee{
    color: #fff;
    height: 23px;
}
.banner_banner{
  background-image: url('images/spiro.jpg');
  height: 400px;
}

.banner_enquiry .banner_enquiry1{
  width: 100%;
  text-align: center;
  margin-top:2px;
}
.banner_enquiry {
   background-color: #802572;
  color: #fff;
    width: 23%;
    height: 385px;
    margin-left: 6px;
    float: left;

}
.banner_enquiry span{
  background-color: #000;
  color: #fff; 
}
.banner_enquiry table{
  width: 96%;
  font-size: 12px;
  margin-left: 5px;
}
.banner_enquiry .div tr{
  /*margin-top: 15px;*/
  float: left;
  margin-left: 22px;
}
.banner_enquiry .div th{
 /* float: right;
  margin-right: 8px;*/
  }

.go-top {
  position: fixed;
  bottom: 2em;
  right: 2em;
  text-decoration: none;
  color: white;
  
  font-size: 12px;
  padding: 1px;
  display: none;
}
.go-top i{
  color: #7e2674;
  background-color: rgba(255, 255, 255, 0.4);
}
.go-top i:hover {
  color: rgba(0, 0, 0, 0.8);
}
.go-top:hover {
  color: rgba(0, 0, 0, 0.9);
}
.container, .container_1 {
  margin-left: 30px;
  margin-top:16px;
  /*float: left;*/
  width: 95%;
}
.container-title{
  width: 60%;
  background-color: #7e2674;
  color: #fff;
  text-align: center;
  border-radius: 6px 6px;
  margin-left: 278px;
}
.container-title h1{
  padding: 0px;
}
.container-title1{
  width: 60%;
  background-color: #7e2674;
  color: #fff;
  text-align: center;
  border-radius: 6px 6px;
  margin-left: 214px;
}

.acdemy_details{
  margin-left: 30px;
  /*padding: 80px;*/
}
.acdemy_details table {
 font-size:11px;
 color:#000;
 border-width: 2px;
 border-collapse: collapse;
 border:1px solid #7e2674;
 width: 90%;
 opacity: 0.9;
 margin-left: 50px;
 margin-top:0px;
 text-align: center;
}
.acdemy_details table th {
 border-width: 1px;
 padding: 1px;
 border-style: solid;
 border-color: #7e2674;
 background-color:#dedede;
 font-size: 14px;
}
.acdemy_details table td {
         border-width: 1px;
     padding: 0px; 
    border-style: solid;
    border-color: #7e2674;
    text-align: center;
    background-color: #ffffff;
    font-size: 12px;
    line-height: 18px;
    /*text-transform: uppercase;*/
    width: 77px;
}
.acdemy_details table td a{
  color: #000;
}
.acdemy_details table td a:hover{
  text-decoration: underline;
  color: #BC01A9; 
}
.fooder{
  float: left;
  width: 100%;
  font-size: 12px;
  height: 480px;
      background-color: #8b3291;
  /*background-image: url('images/head.jpg');    */
  /*background-size: 100% 100%;*/ 
  /*background: #8E2B84 url(/images/pattern.png) repeat center center !important;*/
  font-weight: 900;
  margin-top: 15px;
  color: #aaa;
}
.fooder_left{
  float: left;
  width: 30%;
  height: auto;
  font-size: 12px;
  text-transform: none;
}
.fooder_left1{
  float: left;
  width: 15%;
  height: auto;
  font-size: 12px;
  text-transform: none;
  color: #fff;
  margin-left:17px;
  border-left: 1px dotted #fff;
  border-right: 1px dotted #fff;
}
.fooder_left p{
     width: auto;
     line-height: 22px;
     text-align: justify;
     font-weight: 500;
     color: #fff;
    margin-right: 5px;
    font-size: 14px;
   }
   .Copyright{
     width: 100%;
     background-color: #fff;
     text-align: center;
   }
.fooder_left1 a, .fooder_right1  a{
  color: #aaa;
  text-decoration: none;
}
.fooder_left1 i:hover, .fooder_right1 i:hover{
  font-size: 18px
}
.fooder_left1 a:hover, .fooder_right1  a:hover{
   text-decoration: underline;
  color: #fff;
}
.fooder_right{
  float: left;
  width: 35%;
  height: 293px;
  font-size: 12px;
  color:#fff;
  line-height: 200%;
}
.fooder_right1{
  float: left;
  width: 16%;
  height: 293px;
  font-size: 12px;
  border-right: 1px dotted #fff;
}

.fooder_right th span {
    /*line-height: 18px !important;*/
    font-weight: 600;
    text-align: justify;
    margin-right: 5px;
    color: #fff;
    font-size: 12px;
    float: left;
}
.fooder_left ul, .fooder_left1 ul{
  color: #aaa;
  text-align: initial;
}
.fooder_left ul li, .fooder_left1 ul li, .fooder_right1 ul li{ 
    color: #fff !important;
    line-height: 22px;
    font-weight: 400;
    list-style-type: none;
}
.fooder_left1 i, .fooder_right1 i {
  color: #fff;
  font-size: 15px;
}
.fooder_right i {
    color: #fff;
    font-size: 27px;
    padding: 10px;
}
.fooder_right{
  color: #fff;
  text-align: left;
  line-height: 200% !important;
}
.fooder_right table td {
    float: left;
    line-height: 24px;
    /* margin-left: 20px; */
    text-transform: none;
    color: #fff;
    font-size: 12px !important;
    padding-left: 50px;
}
.spaceing, .seminar-batch ,.spiro-hostel, .JIPMER-batch, .NEET-batch, .inauguration, .class-room-glance, .gallery-div, .material-package-neet, .academic-performance-analysis, .chapter-and-syllabus, .neet-material, .medical-neet-jipmer-aiims-2year, .our-resource-team, .School-Tie-UP, .franchise-enquiry-form, .franchise-enquiry, .Board_Directors, .Company_Profile, .Group_Companies, .why_spiro, .neet, .jipmr, .srm_jeee, .iit_jee, .srm_jeee, .vit_eee, .nata, .contact_us, .NEET-question-answer-key {
    float: left;
    margin-left: 30px;
    width: 97%;
    padding: 10px;
    font-family: 'Titillium Web',Arial,Helvetica,calibri,sans-serif !important;
    font-size: 13px;
    line-height: 23px;
  }

.question-answer-img{
  float: left;
  width: 100%;
  height: 310px;
}
.question-answer-img b{
  margin-top: 130px;
  font-size: 25px;
  color: #fff700;
  line-height: 55px;
  text-shadow: 3px 3px 4px #000;
}
/*p{
  text-indent:25px;
}*/
.franchise{
  float: right;
        margin-right: 20px;
        background: linear-gradient(to right,#f05a28 0,#e80a89 100%);
        padding: 2px;
        border-radius: 10px; 
        margin-top: 10px;    
}
.franchise a{
    color: #fff;
    font-size: 12px;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
  text-decoration: none;
}
.franchise a:hover{
  text-decoration: underline;
}
.franchise i{
  color: #fff;
}
.franchise-button{
  width: 280px;
  padding: 15px;
  background-color: #8E2B84;
  margin-left: 25px;
  border:1px solid #000;
  border-radius: 5px;
}
.franchise-enquiry-link{
  width: 300px;
  height: 420px;
  float: right;
  border:1px solid #000;
  margin-right: 46px;
  background-color: #EAEBEB;
  margin-top:13px;
  border-radius: 10px;
  text-transform: uppercase;
}
.Demo_photos{
    width: 99%;
    height: auto;
    border: 1px solid #eee;
    text-align: center;
    margin-top: 10px;
    /*float: left;*/
}
.Demo_photos img{
    width: 200px;
    height: 150px;
    margin-left:8px;
    border:3px solid #F24;
    margin-top: 19px;
}

.Demo_photos >marquee >img:hover {
            -ms-transform: scale(1.2); /* IE 9 */
            -webkit-transform: scale(1.2); /* Safari 3-8 */
             transform: scale(1.2); 
             border: 4px solid #00cc47;
             text-align: center;
   }

.Demo_photos >marquee {
      height: 195px;
}


.right-menu{
  width: 300px;
  height: 420px;
  float: right;
  border:1px solid #000;
  margin-right: 46px;
  background-color: #EAEBEB;
  border-radius: 10px;
  text-transform: uppercase;
}
.franchise-enquiry-link a, .right-menu a{
    color: #000;
    margin-right: 20px;
    font-size: 12px;
    line-height: 36px;
    text-decoration: none;
    padding: 10px;
    width: 90%;
    margin-top:30px;
}
.franchise-enquiry-link a:hover, .right-menu a:hover{
    text-decoration: underline;
    color: #8E2B84;
  }

.franchise-enquiry table{
    border-collapse: collapse;
    font-size: 14px;
  }
.franchise-enquiry tr th{
    border-collapse: collapse;
    border:1px solid #000;
    line-height: 30px;
    border: 1px dotted #000;
    text-align: center;
    background-color: #fff;
    width: 115px;
}
.franchise-enquiry tr td{
    border:1px solid #000;
    border: 1px dotted #000;
    background-color: #fff;
    width: 1147px;
}
.franchise-enquiry ul li{
  
}

.franchise-enquiry a{
  font-style: bold;
  color: #fff;
  text-decoration: none;
}
.franchise-button:hover{
  opacity: 0.7;
  background-color: #9C40AD;
}
.School-Tie-UP table{
  margin-left: 300px;
  border:1px solid #000;
  border-radius: 10px;
  line-height:30px;
  font-style: 12px;
  padding: 1px 30px 2px 30px;
}
.School-Tie-UP table tr th{
  line-height:36px;
  padding: 0px 30px 0px 0;
  font-style: 12px;
}
  .our-resource-team table{
  font-size: 11px;
    color: #333333;
    border-width: 2px;
    border-collapse: collapse;
    border: 1px solid #7e2674;
    width: 90%;
    opacity: 0.9;
    margin-left: 50px;
    margin-top: 0px;
    text-transform: uppercase;
}
.our-resource-team table tr th{  
      border-width: 1px;
    padding: 6px;
    border-style: solid;
    border-color: #7e2674;
    background-color: #eee;
    width: 200px;
    font-size: 12px;
  }
.listen{
  width: 97%;
  height: 325px;
  background-color: #eee;
  float: left;
  margin-top: 0px;
}
.roll-student{
  width: 100%;
  height: auto;
  background-color: #eee;
  float: left;
  margin-top: 5px;
}
.roll-student img{
  width: 110px;
  height: 110px;
}
.studnts{
  float: left;
  margin-left: 50px;
}
.our-student{
  width: 100%;
  height: 200px;
  background-color: #eee;
}
.franch-ul{
  width: 900px;
}



 /* ==========================================================================
Medical link css
   ========================================================================== */

.medical-neet-jipmer-aiims{
  float: left;
    margin-left: 30px;
    width: 70%;
    padding: 10px;
    font-size: 12px;
}
  .medical-neet-jipmer-aiims b{
    color: #8E2B84;
  }
  .medial-2year img{
    background-color: #C997CE;
    text-align: center;
    width: 100%;
    height: 150px;  
    background-image: url('images/2years.jpg');
  }
  .medical-title, .title-head{
    background-color:#8E2B84;
    text-align: center;
    border-radius: 10px;
    margin-top:5px;
  }
  .medical-title1{
    background-color:#EAEBEB;
    border: 1px solid #000;
    line-height: 48px;  
    color: #000;
  }
  .medical-title1 .new{
    float: left;
    line-height: 16px;
    text-align: center;
    width: 10%;
    color: #fff;
    background-color: #C357B7;
  }
  .new1 b{
    margin-left: 30px;
  }
  .medical-title-starting{
        background-color: #EAEBEB;
    border: 1px solid #000;
    color: #000;
    width: 218.5px;
     padding: 2px; 
    margin-top: 2px;
    float: left;
    text-align: center;
    line-height: 13px;
    height: 31px;
    margin-left: 1.8px;
  }
  .medical-other, .other-links{
    background-color: #8E2B84;
    color:#fff;
    text-align:center;
    padding:12px;      
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
  }
  .medical-title2{
    background-color:#C357B7;
    margin-top:34px;
    color: #fff;
    border: 1px solid #000;
  }
  .medical-title3{
    background-color:#EAEBEB;
    border: 1px solid #000; 
    color: #000;
    margin-top: 2px;
  }
  .medical-title3 ul li{
    width: 85%;
    margin-left: 30px;
    font-size: 13px !important;
    font-family: "Roboto",Arial,sans-serif;
    line-height: 25px;
  }
  .medical-title3 div{
    padding: 20px;
    line-height: 20px;
  }


 /* ==========================================================================
  NEET study meterial css
   ========================================================================== */

.neet-material table{
    color: #000;
    border-width: 2px;
    border-collapse: collapse;
    border: 1px solid #7e2674;
    width: 90%;
    opacity: 0.9;
    margin-left: 50px;
    margin-top: 0px;
}
  .neet-material table th {
    border-width: 1px;
    padding: 1px;
    border-style: solid;
    border-color: #7e2674;
    background-color: #dedede;
    font-size: 12px;
}
  .neet-material table td {
    border-width: 1px;
    border-style: solid;
    border-color: #7e2674;
    background-color: #ffffff;
    font-size: 12px;
    line-height: 18px;
  width: 30px;
}
  .neet-material table td a, .neet-material a {
    color: #000;
}
  .neet-material table td a:hover, .neet-material a:hover{
    color: #BC01A9;
  }
.neet-material table td ul{
  float: left;
  line-height: 25px;
  margin-top: 14px;
}


.chapter-and-syllabus table {
 font-size:11px;
 color:#000;
 border-width: 2px;
 border-collapse: collapse;
 border:1px solid #7e2674;
 width: 90%;
 opacity: 0.9;
 margin-left: 50px;
 margin-top:0px;
 
}
.chapter-and-syllabus table th {
 border-width: 1px;
 padding: 1px;
 border-style: solid;
 border-color: #7e2674;
 background-color: #dedede;
 font-size: 14px;
 
}
.chapter-and-syllabus table td {
         border-width: 1px;
     padding: 5px; 
     text-align: left;
    border-style: solid;
    border-color: #7e2674;
    background-color: #ffffff;
    font-size: 12px;
    line-height: 18px;
    /*text-transform: uppercase;*/
    width: 107px;
}

.material-package-neet table{
    color: #000;
    border-width: 2px;
    border-collapse: collapse;
    border: 1px solid #7e2674;
    width: 60%;
    margin-top: 0px;
}
  .material-package-neet table th {
    border-width: 1px;
    padding: 1px;
    border-style: solid;
    border-color: #7e2674;
    background-color: #FFFF00;
    font-size: 12px;
}
.material-package-neet table td {
         border-width: 1px;
     padding: 5px; 
     text-align: center;
    border-style: solid;
    border-color: #7e2674;
    background-color: #ffffff;
    font-size: 12px;
    line-height: 18px;
    /*text-transform: uppercase;*/
    width: 107px;
}
.contact_us .branch_right, .contact_us .branch_left{
        float: left;
    width: 49%;
    border: 1px solid rgb(117, 14, 125);
    padding: 0 0 0 49px;
    height: 210px;
    border-radius: 23px;
    margin: 1px;
    background-color: #eee;
  }
  .contact_us .branches{
    clear:both;
    padding: 10px 0 0 0;
  } 

  .new1 a{
    float:right;
     text-decoration:none;
      padding:5px;
      height: 44px;
  }


 /* ==========================================================================
  Gallery.php styles
   ========================================================================== */

  .res-top{
    clear: both;
    text-align: center;
    /*padding-top:5px; */

  }

div.gallery img {
    width: 100%;
    height: 250px;
}

div.desc {
    padding: 15px;
    text-align: center;
}

.responsive {
    padding: 0 6px;
    float: left;
    width: 30.9999%;
}

.gallery-image {
  color: #fff;
  position: relative;
  float: left;
  overflow: hidden;
  background-color: #1a1a1a;
  color: #ffffff;
  text-align: left;
  width: 100%;
  border-radius: 0px;
  margin-bottom: 20px;
}
.gallery-image * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.gallery-image img {
  max-width: 100%;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  vertical-align: top;
  opacity: 0.6;
}
.gallery-image figcaption {
  position: absolute;
  padding: 40px 25px;
  top: 0;
  left: 0;
}
figcaption a{
  background-color: #eee;
  color: #000;
}
.gallery-image h2 {
  margin: 0;
  padding: 0;
  color: #fff;
}
.gallery-image h2 {
  margin-bottom: 10px;
  display: inline-block;
  font-weight: 700;
  font-size: 18px;
}
.gallery-image p {
  font-weight: 300;
  margin-bottom: 20px;
  line-height: 1.4em;
}
.gallery-image a {
  display: inline-block;
  padding: 10px 20px;
  border: 1px solid #ffffff;
  text-decoration: none;
  margin-top: 18px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 0.8em;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  opacity: 0;
}
.gallery-image a:hover {
  background-color: #7e2674;
  color: #fff;
}
.gallery-image.grey {
  background-color: #5a5a5a;
}
.gallery-image:hover img,
.gallery-image.hover img {
  opacity: 0.2;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.gallery-image:hover a,
.gallery-image.hover a {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

.company-photos {
  width: 97%;
  height: 90%;
  overflow: auto;
}
.company-photos >div >img{
  width: 19%;
  height: auto;
  margin-left: 1%;
  height: 200px;
  float: left;
  margin-top: 1%;
}

.company-photos >div >img:hover {
    -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Safari 3-8 */
    transform: scale(1.5); 
    border: 6px solid #f1f1f1;   
    text-align: center;
            
   }

.youtubeone{
        width: 99%;
        height: auto;
        border: 1px solid #eee;
        text-align: center;
        float: left;
    }
.youtubeone iframe{ 
        border: 5px solid #7e2674;
        margin-left: 10px;
    }

.youtube{
        width: 100%;
        height: auto;
        border: 1px solid #eee;
        text-align: center;
        margin-top: 27px;
        float: left;
    }
.youtube iframe{ 
        border: 5px solid #7e2674;
        margin-left: 32px;
    }
#hide {
    color: purple;
    z-index: 1000000;
    font-size: 50px;
    font-weight: bold;
    margin-left: 1186px;
    position: absolute;
    margin-top: 8px;
    width: 40px;
    height: 40px;
    border-radius: 100% 100%;
    background-color: #fff;
    border: 1px solid #000;
}
#hide:hover{
    font-size: 65px;
    font-weight: bold;
    cursor: pointer;
    width: 45px;
    height: 45px;   
}
.offer-banner{
    position: fixed;
    z-index: 1000000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.7);
    text-align: center;
}
.offer-banner1{
    position: absolute;
    z-index: 1000000;
    left: 0;
    top: 0;
    width: auto;
    height: 2000px;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.7);
    text-align: center;
    /*display:none;*/
}
#banner2{
    display:none;
}
.xhide, .xhide1 {
    color: #fff;
    z-index: 100000000;
    font-size: 50px;
    font-weight: bold;
    margin-left: 44%;
    position: absolute;
    margin-top: 0;
    width: 50px;
    height: 50px;
    border-radius: 100% 100%;
    background-color: #fff;
    border: 3px solid #8ff792f5;
    
    -webkit-animation: glowing 1200ms infinite;
    -moz-animation: glowing 1200ms infinite;
    -o-animation: glowing 1200ms infinite;
    animation: glowing 1200ms infinite;
}

.xhide:hover, .xhide1:hover{
    font-size: 65px;
    font-weight: bold;
    cursor: pointer;
    width: 55px;
    height: 55px;   
}

@-webkit-keyframes glowing {
  0% { background-color: #a33594; -webkit-box-shadow: 0 0 3px #a33594; }
  50% { background-color: yellow; -webkit-box-shadow: 0 0 40px yellow; }
  100% { background-color: #a33594; -webkit-box-shadow: 0 0 3px #a33594; }
}

@-moz-keyframes glowing {
  0% { background-color: #a33594; -moz-box-shadow: 0 0 3px #a33594; }
  50% { background-color: yellow; -moz-box-shadow: 0 0 40px yellow;}
  100% { background-color: #B20000; -moz-box-shadow: 0 0 3px #a33594; }
}

@-o-keyframes glowing {
  0% { background-color: #a33594; box-shadow: 0 0 3px #a33594; }
  50% { background-color: yellow; box-shadow: 0 0 40px yellow;}
  100% { background-color: #a33594; box-shadow: 0 0 3px #a33594; }
}

@keyframes glowing {
  0% { background-color: #a33594; box-shadow: 0 0 3px #a33594; }
  50% { background-color: yellow; box-shadow: 0 0 40px yellow;}
  100% { background-color: #a33594; box-shadow: 0 0 3px #a33594; }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  visibility: visible;
  }
  @-webkit-keyframes fadeInUp {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
  @keyframes fadeInUp {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  } 
 /* ==========================================================================
  STATISTICS OF SPIRO ACADEMY styles
   ========================================================================== */


 .statistics{
    width: 100%;
    height: 300px;
    border:1px solid #eee;
    text-align: center;
  }
  .statistics .statistics-section{
    float: left;
    width: 30%;
    text-align: center;
    margin-left: 10px;
    margin-top: 10px;
  }
  .statistics .statistics-section i{
    width: 130px;
    height: 130px;
    line-height: 120px;
    border-radius: 100px;
    font-size: 72px;
    color: #7e2674;
    border: solid 2px #e1e1e1;
  }
  .statistics .statistics-section div{
    font-size: 25px;
    color: red;
  }

 /* ==========================================================================
  Test Series styles
   ========================================================================== */

.test-series{
  border : solid 1px rgba(0,0,0,0.1);
  background-color: #000;
  width: 97%;
  border-collapse: collapse;
  margin-left: 20px;
}
.test-series th {
    border: 1px solid #eee;
    background-color: #dedede;
    width: 200px;
    text-align: left;
    padding: 10px;
  font-size: 12px;
  font-weight: 700;
    display: table-cell;
}
.test-series td {
    border: 1px solid #eee;
    background-color: #fff;
    width: 1044px;
    text-align: left;
    padding: 10px;
  font-size: 12px;
  font-weight: 500;
}
.test-series table{
  border : solid 1px rgba(0,0,0,0.3);
  font-size: 12px;
}
.test-series th table th{
  font-size: 12px;
}
.test-series-div{
  background-color: #eee;
  width: 72%;
}
.success, .success1{
    color: #fff;
    background-color: #7e2674;
    border-color: #4cae4c;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
}
.success:hover{
  background-color: #5cb85c;
}
.success1:hover{
  background-color: #dedede;
  color: #011;
}




 /* ==========================================================================
  Test Series Popup window styles
   ========================================================================== */


/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.1); /* Black w/ opacity */
        z-index: 10000000 !important;

}
.modal2, .modal10 {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 100000; /* Sit on top */
    padding-top: 20px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 180%;
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
            -webkit-transition-property: width; /* Safari */
    -webkit-transition-duration: 5s; /* Safari */
    -webkit-transition-delay: 2s; /* Safari */
    transition-property: width;
    transition-duration: 5s;
    transition-delay: 2s;
        z-index: 10000000 !important;
}
/* Modal Content */
.modal-content {
    background-color: #011;
    margin: auto;
    padding: 12px;
    border: 1px solid #888;
    width: 44%;
}
.modal-content2, .modal-content10 {
    background-color: #fff;
    margin: auto;
    padding: 12px;
    border: 1px solid #888;
    width: 75%;
    height: 635px;
}
/* The Close Button */
.close, .close2, .close-reveal-modal {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover, .close:focus{
    color: #fff;
    font-size: 38px;
    text-decoration: none;
    cursor: pointer;
}
.close2:hover, .close-reveal-modal:hover, .close2:focus, .close-reveal-modal:focus{
    color: #011;
    font-size: 38px;
    text-decoration: none;
    cursor: pointer;
}

.app-test th{
  color: #fff;
   background-color:#7e2674;
}
#table-c {
  margin: 10px 0;
  text-align: left;
  border-collapse: collapse;
  border-top: 1px solid #7e2674;
}
#table-c th {
  padding: 7px 5px;
  color: #FFF ;
  font-weight: bold;
  text-transform: uppercase;
  border-right: 1px solid #7e2674 ;
  border-top: 1px solid #7e2674;
  border-left: 1px solid #7e2674;
  border-bottom: 1px solid #7e2674;
  background: #7e2674; /* Old browsers */
  
}
#table-c td {
  padding: 5px 5px;
  border: 1px solid #7e2674;
}
#table-c tr:hover td {
  background: #c2a7d3;
  cursor: pointer;
}
#table-c ul, ol {
  margin-left: 18px;
}
.Physics, .Chemistry, .Biology, .Physics1, .Chemistry1, .Biology1, .test1, .test2{
  color: #7e2674;
  cursor: pointer;
}

.Physics:hover, .Chemistry:hover, .Biology:hover, .Physics1:hover, .Chemistry1:hover, .Biology1:hover, .test1:hover, .test2:hover{
  color: #ff0090;
}




 /* ==========================================================================
  fee structure
   ========================================================================== */

.fee{
  float: left;
  width: 65%;
}


 /* ==========================================================================
  study meterial 
   ========================================================================== */


#blinker{
          font-weight:600;
          font-size: 14px; 
          color: red;
          animation:blink 1s steps(1,end) 0s infinite;
        } 
      .new-address input{
      width: 150px;
      float: right;
      margin-right: 10px;
        }
        .new-address input:hover{
          border: 1px solid #8b3291;
        }
        .new-address{
        float: left;
        width: 270px;
        margin-left: 12px;
        }
        .delivery input:hover, .delivery select:hover{
          border: 1px solid #8b3291;
        }
        .delivery input:force{
          border: 1px solid #8b3291;
        }
        .error3 {color: #FF0000;}


  /* Admission-Open-for-NEET-Crash-Course-2018   */

  .Features{
  width: 850px;
    margin-left: 15px;
    float: left;
}
.border{
    width: 22%;
    height: 145px;
    margin-left: 15px;
    text-align: center;
    border: 3px solid #000;
    border-color: #7e2674 #f05a28;
    background-color: #eee;
    float: left;
    border-radius: 0px 30px 70px 20px;
    -moz-border-radius: 0px 30px 70px 20px;
    -webkit-border-radius: 20px 100px 100px 20px;
}