*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*{ margin:0; padding:0;}
html,body{margin:0;	padding:0;height:auto!important;min-height:100%; font-family: 'Jameel_Noori_Nastaleeq';}
body{ line-height:24px; font-size:18px; background:#FFF;}
body p{margin-bottom:20px;}
.toplink{width:100%; float:left; background:#F6F9FF;   text-align:right; color:#939393; font-size:14px;}
.toplink ul{list-style:none; float:right; margin:0; padding:0;}
.toplink ul li{float:left; border-right:1px solid #E9ECF2; padding-left:10px; padding-right:10px; line-height:30px; color:#242424;}
.toplink .fa{color:#242424; margin-right:4px;}
.header{ width:100%; float:left; }
.sticky-header {
    position: fixed;
    width: 100%;
	float:left;
    top: 0;
    z-index: 1000000;
    background: #fff;
    box-shadow: 0px 3px 3px #999;
	-webkit-transition: all .1s ease;
-moz-transition: all .1s ease;
-o-transition:all .1s ease;
transition:all .1s ease;
	 
}
.logo{ width:100%; float:left; padding-top:5px; padding-bottom:5px; }
.logo img{ max-width:100%; height:auto;  }
.loginbut{width:100%; float:left; text-align:right; padding-top:15px;}
.loginbut a img{transition:all .2s ease;}
.loginbut a{border:2px solid #4091D2!important; border-right:5px; padding:8px 10px; display:inline-block;  border-radius:4px; transition:all .2s ease;}
.loginbut a:hover{background:#114063; text-decoration:none; color:#FFF;}
.loginbut a:hover img{-webkit-filter: grayscale(100%) brightness(110%) contrast(0.9);
      filter: grayscale(100%) brightness(310%) contrast(0.9);}


.togglemenu{position:relative;padding:8px; border-radius:4px;margin:0;background:#FF9602;cursor:pointer; margin:auto; float:right; display:none;}
.togglemenu:hover{background:#484848;}
.togglemenu img{margin:0; padding:0;}


.mobilebanner{ width:100%; float:left; display:none;  }
.mobilebanner img{max-width:100%; height:auto;}

.aboutuspanel { background:#0A2336 url(../images/bg01.png) right no-repeat; background-size:cover; width:100%; float:left; padding-top:40px; padding-bottom:30px;}
.aboutuspanel h1{ font-size:38px; color:#FFF;   font-family: 'Jameel_Noori_Nastaleeq';  margin:0; margin-bottom:5px; }
.aboutuspanel h1 span{color:#17A43B;  }
.aboutuspanel p{ color:#FFF;}

.topsection{width:100%; float:left; text-align:center; padding-top:30px; padding-bottom:50px;  }
.topsection h1{ font-size:38px; color:#242424;   font-family: 'Jameel_Noori_Nastaleeq';  margin:0; margin-bottom:25px; }
.topsection h1 span{color:#17A43B; }
.topsection h2{text-align:center; font-size:24px;  font-family: 'Jameel_Noori_Nastaleeq'; color:#FFF;color:#242424}
.topsection p{color:#FFF; color:#242424; font-size:18px;}
.topsection img{max-width:100%; height:auto;}
.topsectionbox1{width:100%; float:left; background:#FF9600; padding:20px; background:#F7F7F7; border:1px solid #CCCCCC; border-radius:4px; margin-bottom:25px;  }
.topsectionbox2{width:100%; float:left; background:#2C96EA; padding:20px;background:#FFF; }
.topsectionbox3{width:100%; float:left; background:#EFBC01; padding:20px;background:#FFF; }
.topsectiondetailbox{width:100%; float:left; min-height:180px;}

.topsectionbox1,.topsectionbox2,.topsectionbox3
{-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.35);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.35);
}

h5 {
    font-size: 18px;
}

.topsectionbut{width:100%; float:left;}
.topsectionbut a{ background:#FF9602; display:inline-block; padding:8px 15px; border-radius:4px; color:#FFF; transition:all .1s ease;}
.topsectionbut a:hover{ background:#0A2336; text-decoration:none;}


.innerbanner { background:#0A2336 url(../images/bg01.png)  right no-repeat; background-size:cover; width:100%; float:left; padding-top:40px; padding-bottom:30px;}
.innerbanner h1{ font-size:38px; color:#FFF;   font-family: 'Jameel_Noori_Nastaleeq';  margin:0; margin-bottom:5px; }
.innerbanner h1 span{color:#17A43B;  }
.innerbanner p{ color:#FFF;}
 


.midsection{ background:#FFF; width:100%; float:left; padding-top:40px; padding-bottom:50px;}
.midsection h1{ font-size:38px; color:#333333;   font-family: 'Jameel_Noori_Nastaleeq';  margin:0; margin-bottom:5px; text-align:center;}
.midsection h1 span{color:#17A43B;    }
 
 .midsection h2{  font-family: 'Jameel_Noori_Nastaleeq'; font-size:24px; color:#333; padding-top:20px; }
.midsection ul{list-style:none;}
.midsection ul li{ background:url(../images/bulletn01.png) left no-repeat;  font-size:16px;  color:#26364D; padding-left:35px; margin-bottom:20px; font-family: 'Jameel_Noori_Nastaleeq';}
 

.contactinfo{width:100%; float:left;}
.contactinfo h3{ font-size:22px;  font-family: 'Jameel_Noori_Nastaleeq'; color:#17A43B;}
.contactinfobox{width:100%; min-height:180px; margin-bottom:25px; float:left; background:#F7F7F7; border:1px solid #EAEAEA; padding:15px;}
 


.onlineregistration{ width:100%; float:left; padding-bottom:50px; padding-top:50px; background:#BEE7F7 url(../images/bg03.jpg) no-repeat; background-size:cover;}
.regline{width:100%; height:2px; float:left; background:#00CC00; margin-bottom:20px;}
.regbox1{width:100%; float:left; padding-bottom:30px;}
.regbox2{width:100%; float:left;}
.regbut{width:100%; float:left; text-align:center;}

.regbut a  {background: #FF9602; display: inline-block; padding: 8px 15px; border-radius: 4px;  color: #FFF;}
.regbut a:hover  {background:#0A2336; text-decoration:none; transition:all .1s ease;}

.reglogin{width:100%; float:left; border:1px solid #CCCCCC;  background:#FFFFFF; border-radius:5px;}
.reglogin h2{background:#0A2336;  padding:12px; margin:0; color:#FFF;  font-family: 'Jameel_Noori_Nastaleeq'; font-size:24px; border-top-left-radius:5px; border-top-right-radius:5px; line-height:38px;}
.regloginbox{width:100%; float:left; padding:15px;}
.regrow{ background:#F9FAFC; width:100%; float:left; padding:15px;}
.reglogin input[type="text"],.reglogin input[type="password"]{width:100%; height:40px; padding:8px; border:1px solid #CCCCCC; border-radius:4px;transition:all .5s ease;}
.reglogin input[type="text"]:focus,.reglogin input[type="password"]:focus,
.reglogin input[type="text"]:hover,.reglogin input[type="password"]:hover{ border-color:#17A43B;}
.reglogin input[type="button"]{ border:none; padding:8px 15px; background:#0A2336; color:#FFF; border-radius:4px; transition:all .1s ease;}
.reglogin input[type="button"]:hover{background:#17A43B;}
.regloginbut{width:100%; float:left; text-align:right;}

.onlineregfrom{ width:100%; float:left; padding-bottom:50px; padding-top:50px; background:#BEE7F7 url(../images/bg03.jpg) fixed no-repeat; background-size:cover;}
.onlineregfrom h2{font-family: 'work_sansmedium'; font-size:24px; color:#009966;}
.orfline{width:100%; height:2px; float:left; background:#0A2336; margin-bottom:25px; margin-top:15px;}

.commonfrm{}
.commonfrm label{display:block; font-size:14px; }
.commonfrm label span{color:#FF0000;}
.commonfrm input[type="text"],.commonfrm input[type="password"],.commonfrm input[type="date"],.commonfrm  select{width:100%; height:40px; padding:8px; border:1px solid #CCCCCC; border-radius:4px;transition:all .5s ease;}
.commonfrm input[type="text"]:focus,.commonfrm input[type="password"]:focus,.commonfrm  select:focus,.commonfrm input[type="date"]:focus
.commonfrm input[type="text"]:hover,.commonfrm input[type="password"]:hover,.commonfrm  select:hover,.commonfrm input[type="date"]:hover{ border-color:#17A43B;}

.commonfrm input[type="button"]  {background: #FF9602; display: inline-block; padding: 8px 15px; border-radius: 4px;  color: #FFF; border:0; float:right; transition:all .1s ease;}
.commonfrm input[type="button"]:hover  {background:#0A2336; text-decoration:none; transition:all .1s ease;}


.commonfrm input[type="file"] {
    display: none;
}
.commonfrm .custom-file-upload {
     
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    background:#0A2336;
	display:inline-block;
	color:#FFF;
	transition:all .1s ease;
	border-radius:4px;
}
.commonfrm .custom-file-upload:hover {background:#17A43B;}


.admissionpanel{width:100%; background:#17A43B; float:left; padding-top:20px; padding-bottom:15px;}
.admissionpanel h2{color:#FFF; font-family: 'Jameel_Noori_Nastaleeq'; margin:0; padding:0;}
.admissionpanel a{ background:#FF9602; display:inline-block; padding:8px 15px; border-radius:4px; color:#FFF;}
.admissionpanel a:hover{ background:#FFF; color:#17A43B; text-decoration:none;}

.googlemappanel{width:100%; float:left; background:#F2F1F0; padding-top:30px; padding-bottom:30px;} 

.testimonialpanel{width:100%; float:left; padding-top:50px; padding-bottom:50px;   background:url(../images/bg02.jpg)}
.testimonialpanel h2{ font-size: 32px; color:#FFF;  font-family: 'Jameel_Noori_Nastaleeq';  margin:0; margin-bottom:10px;   }
.testimonialpanel h2 span{color:#17A43B;    }
.testimonialpanel h3{ font-weight:700; color:#999999; margin:0; font-size:24px; margin-bottom:15px; text-align:center;}
.testimonialpanel .fa{font-size:30px; color:#17A43B; opcity:.05;}
.testimonial-text{width:100%; min-height:250px; float:left; position:relative; z-index:10px;   padding-top:18px;}
.testimonial-text p{ color:#EFEFEF;}
.testimonial-text h4{color:#FFF;}

.testimonialpanel1{width:100%; float:left; padding-top:50px; padding-bottom:50px;   background:url(../images/bg03.jpg)}
.testimonialpanel1 h2{ font-size: 32px; color:#FFF;  font-family: 'Jameel_Noori_Nastaleeq';  margin:0; margin-bottom:10px;   }
.testimonialpanel1 h2 span{color:#17A43B;    }
.testimonialpanel1 h3{ font-weight:700; color:#999999; margin:0; font-size:24px; margin-bottom:15px; text-align:center;}
.testimonialpanel1 .fa{font-size:30px; color:#17A43B; opcity:.05;}

.recomendation{width:100%; float:left; padding-top:50px; padding-bottom:50px;}
.recomendation h2{ font-size: 32px; color:#FFF;  font-family: 'Jameel_Noori_Nastaleeq';  margin:0; margin-bottom:10px;   }
.recomendation h2 span{color:#17A43B;    }
.recomendation h3{ font-weight:700; color:#999999; margin:0; font-size:24px; margin-bottom:15px; text-align:center;}
.recomendation .fa{font-size:30px; color:#17A43B; opcity:.05;}


.news{width:100%; float:left;overflow: hidden;}
.news p{color:#FFF;}

.testimonialpanel .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #FFF;
    border-radius: 10px;
}

.footerpanel {
    width: 100%;
    float: left;
    background: #D7D7D7;
    padding-bottom: 40px;
    padding-top: 15px;
}

    .footerpanel h3 {
        color: #2B472F;
        font-size: 19px;
        border-bottom: 1px solid #ababab;
        padding: 8px;
    }
.footerpanel h3 span{ color:#17A43B;}
.footerpanel p{color:#6C707B; margin-bottom:15px;}
.footerpanel p .fa{ color:#17A43B;}
.footerpanel ul{list-style:none;}
.footerpanel ul li { margin-bottom:8px; font-size:17px;}
 .footerpanel ul li a {
        color: #364F39;
    }
.footerpanel ul li a:hover{ color:#17A43B; text-decoration:none;}
.socialmedia{ width:32px; position:fixed; right:15px;top:40%;}
.socialmedia .fa{width:30px; height:30px; background:#17A43B; line-height:30px; text-align:center; color:#FFF; border-radius:100%; margin-right:3px;margin-bottom:5px}
.socialmedia .fa:hover{text-decoration:none;}
 
.footercopyright{width:100%; float:left; background:#263039; padding-bottom:10px; color:#6C707B; padding-top:10px; text-align:center;}
.footercopyright p{margin:0; padding:0;}

 
 
ul.photogallery{}
ul.photogallery li{ float:left; list-style:none; padding:0; padding:10px; background:none;}
ul.photogallery li a img{ border:4px solid #C9C9C9}
ul.photogallery li a img:hover{ border:4px solid  #08C}

.hline{border-bottom:1px dashed #CCCCCC; margin-top:15px; margin-bottom:15px;}{border-bottom:1px dashed #CCCCCC; margin-top:15px; margin-bottom:15px;}{border-bottom:1px dashed #CCCCCC; margin-top:15px; margin-bottom:15px;}

 .thankyoupanel{width:60%; text-align:center; margin:auto; border:1px solid #E8E8E8; padding:15px;}
.thankyoupanel h2{font-size:60px; margin:0; margin-bottom:15px; text-transform:uppercase; font-family: 'Jameel_Noori_Nastaleeq';}
.thankyoupanel h3{font-family: 'work_sanssemibold'; font-size:20px;}
.thankyoupanel  p{font-size:20px; padding:10px; margin:0;}



@media(max-width:481px) {
    .im1 {
        margin-top: 18%
    }

    .im2 {
        margin-top: -42%;
    }
}