@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);

 /* body{font-family:"Jameel Noori Nastaleeq", "Nafees Web Naskh", "jameel webfont",  "Alvi Nastaleeq"; font-weight:normal;overflow-x:hidden;}  */

.margT30{margin-top:20px;}
.margT40{margin-top:40px;}
.margT50{margin-top:50px;}
.margT60{margin-top:60px;}
.margT70{margin-top:70px;}
.margT80{margin-top:80px;}

.margB30{margin-bottom:20px;}
.margB40{margin-bottom:40px;}
.margB50{margin-bottom:50px;}
.margB80{margin-bottom:80px;}

.container-fluid{ padding-left:0px; padding-right:0px;}
.test{ height:500px; background:#996600;}
.test2{ height:500px; background:#FF6600;}
.top-bar {border-bottom: 1px solid #eeeeee; line-height:14px; padding: 8px 0;}
.language { float:left;}
.language .date{ float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:600; color:#808389; margin-right:30px; padding:2px 0px; direction:ltr;}
.language .langu{ float:left; color:#808389; direction:ltr;}
.language .langu a{font-size:18px; font-weight:normal; color:#808389; padding:10px 5px;}
.language .langu span a{font-family: 'Droid Arabic Kufi', sans-serif; font-size:12px;}
.language .langu a:hover, span a:hover{color:#00a651; text-decoration:none;}

.login-social{float:right;}
.login-social .login{ float:left; color:#808389; margin-right:20px; font-family:Arial, Helvetica, sans-serif;}
.login-social .login a{font-size:12px; font-weight:normal; color:#808389; padding:10px 5px;}
.login-social .login a:hover{color:#00a651; text-decoration:none;}

.social {float:right; margin:0px; padding:0px;}
.social > li {display: inline-block; padding-left: 5px; padding-right: 5px;}
.social li a { color: #2e3030;}
.social li a:hover { color: #00a651; text-decoration:none;}

.center-logo{  float:right;  padding:10px 0px; text-align:center!important; alignment-adjust:central;}
.right-logo{ float:right; padding-top:25px; padding-right:0px; padding-left:0px;}
.left-logo{ float:left; padding-top:32px; padding-left:0px;padding-right:0px; }
.plr{ padding-left:0px!important; padding-right:0px!important;}


@media only screen and (max-width: 360px) {.center-logo{  float:none;}.right-logo{ float:none;} .left-logo{ float:none; padding-top:10px;padding-bottom:15px; }
.plr{ padding-left:15px!important; padding-right:15px!important;}}
/*********Navigation*******/ 

.bg{background: #2e3030; height:55px; }


/*********Navigation*******/ 
.banner{background:url(../images/banner-border.png) repeat-x top center; height:38px;}

/********* Taaruf e madrasa + taza malumaat*******/ 
/*********taza malumaat*******/ 
.intro-edu{ margin-top:80px;}
.updates{
	background:url(../images/letter.jpg) ;
	background-position: center;
  height:100%;
  width:100%;
  margin:0;
  position:absolute;
  left:0;
  top:0;
  
 
  background-size:cover;
 border-radius:2px; min-height:630px; position:relative;}
.updates span.triang::before { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #00a651 transparent transparent;    border-image: none; border-style: solid; border-width:25px 180px 180px; clip: rect(0px, auto, 50px, auto); content: ""; position: absolute; top:99.8%; width: 100%;}

.updates h3{font-size:35px; padding:20px 30px 20px 30px ;
 margin-top:0px;
  margin-bottom:0px;
   color:;
   text-shadow: 1px 1px #009549;}
.updates h3 span{font-size:20px; float:left;} 
.updates h3 span a{font-size:20px; float:left; padding-top:10px; color:#f6c640;}
.updates p{font-size:22px; padding:10px 30px 20px 30px ;}
.updates p a{color:#000;}

hr {border-color: #009e4d -moz-use-text-color -moz-use-text-color; border-style: solid none none;border-width: 1px 0 0; margin-bottom:0px; margin-top:0px;}
hr.bdr{ border-bottom:1px solid #00af55; margin-bottom:15px;}

/********* Result *******/ 
.result{ background:#f6c640; min-height:157px; border-radius:0px 0px 2px 2px ; }
.result .btn{width:200px; height:67px; margin-top:55px; margin-right:22%; font-size:35px; padding-top:0px; line-height:normal;}
.btn-success {background-color: #009e4d; border-color: #009e4d; color: #fff;border-radius: 0px; border-bottom:5px #3e8639 solid;}
.btn-success a{color: #fff;}
.btn-success:focus {background-color: #255625; border-color: #255625; color: #fff;}
/*********taza malumaat*******/ 

/*********Welcome*******/ 
.servc-grids{ margin-right:0px;}
.servc-grids .welcome h1{font-size:35px;	color:#000;	margin:0px 25px 0 0px;	line-height:45px;}
.servc-grids .welcome p{font-size:25px;	color:#3e3e3e;	margin:18px 25px 0 0px;	line-height:45px;}
.servc-grid-left{float:left;width:15%; margin-top:5px;}
.servc-grid-right{float:left;width:83%; -moz-column-width:85%;}
.servc-grid-right h4{font-size: 35px;  color: #000; margin-bottom:0px; margin-top:0px;}
.servc-grid-right p{font-size:22px;	color:#3e3e3e;	margin:15px 0 0 0;	line-height:32px;}
.servc-grid-right p span a{color:#00a651;}
.servc-grid-right p span a:hover{color:#000;}
.servc-grid{ margin-top:60px;}

/*********Welcome*******/ 

/*** parallax sections ***/
#home {	background:#00bc5c url(../images/home.jpg) 50% 0 no-repeat fixed; 	height:680px;  	margin:80px auto;  width: 100%;  max-width:1600px; position: relative;
box-shadow: inset 0px 0px 10px 0px #008842;
-webkit-box-shadow: inset 0px 0px 10px 0px #008842;
-moz-box-shadow: inset 0px 0px 10px 0px #008842;
-o-box-shadow: inset 0px 0px 10px 0px #008842;
}

.gumbad { margin-top:99px;}

.abt-ashrafia{ margin-top:190px;}
.abt-ashrafia h1{font-size: 50px;  color:#f6c640;text-shadow: 1px 1px #009549; margin-bottom:40px; margin-top:0px; font-weight:bold;}
.abt-ashrafia p{font-size:25px;	color:#000;	margin:15px 0 0 0;	line-height:50px;}

.abt-ashrafia .btn{width:180px; height:60px; margin-top:40px; font-size:25px; padding-top:0px; line-height:normal;text-shadow: 1px 1px #009549; }
.abt-ashrafia .btn-success {background-color: #009e4d; border-color: #009e4d; color: #fff;border-radius: 0px; border-bottom:5px #02803f solid;}
.abt-ashrafia .btn-success a{color: #f6c640;text-shadow: 1px 1px #009549; }
.abt-ashrafia .btn-success:focus {background-color: #255625; border-color: #255625; color: #fff;}
/*** End parallax sections ***/

/*** 4 sections boxes ***/

.donate-boxes{ margin-bottom:100px;}
.donate-boxes .thumbnail{background-color:#f6c640; border: 1px solid #f6c640; border-radius:2px; display: block;line-height:1.42857; margin-bottom:-4px; padding:5px 0px; transition:border 0.2s ease-in-out 0s;}
.donate-boxes .thumbnail a:focus, a:hover {border-color: #e0b12e!important; color: #!important; text-decoration: none;}
.donate-boxes .thumbnail a:focus {outline: thin dotted; outline-offset: -2px;}
.donate-boxes .thumbnail span img {}
.detail { background-image:url(../images/rpt.png); background-repeat:repeat-x; margin:-60px 8px 0 8px; position:relative; font-size:38px; color:#fff; line-height:40px; padding:5px 15px 15px 0px;text-shadow: 1px 1px #4c4c4c;}


/*** Footer sections Start ***/
.foo-bdr{ background:url(../images/footer-border.jpg) repeat top center; height:22px;}
.foo-bg{ background:url(../images/footer-bg.jpg) repeat; min-height:130px;}
.ad-call { font:13px Arial, Helvetica, sans-serif; text-align:right; color: #daab00; margin:50px 0 0;}
.ad-call p { margin-bottom: 5px; color:#FFFFFF; text-align:right;}
.footer-logo{text-align:center; margin:20px 0px;}
.copyright { font:13px Arial, Helvetica, sans-serif; text-align:left; color: #daab00; margin:50px 0 0;}
.copyright p { margin-bottom: 5px; color:#FFFFFF; text-align:left;}
.siz{ font-size:18px!important;}
.copyright p i{ font-size:11px;}


@media (max-width: 360px) {.language {margin:5px 10px;}.login-social{float:left; margin:15px 10px 5px 10px; }.intro-edu{ margin-top:10px;}.updates span.triang::before { border-width:20px 146px 146px; }.result .btn{width:180px; height:57px; margin-top:55px; margin-right:22%; font-size:30px; padding-top:0px; line-height:normal;} .result{margin-bottom:50px;}.servc-grids .welcome h1{font-size:30px; margin:0px 0px 0 0px;} .servc-grids .welcome p{margin:18px 0px 0 0px;}#home {height:520px;}.gumbad {display:none;}.abt-ashrafia{ margin-top:30px;}.abt-ashrafia h1{font-size:40px;margin-bottom:20px;}.abt-ashrafia p{font-size:22px;color:#000;	margin:15px 0 0 0;	line-height:36px;}.donate-boxes{ margin-bottom:25px;}.ad-call { margin:30px 0 0;}.ad-call p {text-align:center;}.copyright p {text-align:center;}.copyright { margin:20px; 0}}


@media all and (min-width:980px) and (max-width:1180px){.intro-edu {margin-top:30px;}.updates span.triang::before { border-width:20px 140px 140px;}#home {margin:40px auto;height:410px;}.gumbad {margin-top:60px;}.abt-ashrafia {margin-top:65px;}.abt-ashrafia h1 {margin-bottom:10px;font-size:40px; }.abt-ashrafia p {font-size: 22px;line-height:35px;}.abt-ashrafia .btn {font-size: 22px; height:50px; margin-top:30px;width:170px;}.servc-grids .welcome h1 {font-size:27px;line-height:35px;margin:0;}.servc-grids .welcome p {font-size:24px;line-height:30px;margin:15px 0px 0 0;}.donate-boxes { margin-bottom:20px;}.servc-grid {margin-top:30px;}}

@media all and (min-width:768px) and (max-width:979px){.language {margin:5px 10px; float:left;}.login-social{float:right; margin:10px 10px 5px 10px; }.intro-edu {margin-top:30px;}.servc-grids{margin-top:0px;}.servc-grids .welcome h1 {font-size:27px;line-height:35px;margin:0;}.servc-grids .welcome p {font-size:24px;line-height:30px;margin:15px 0px 0 0;}.result .btn {margin-right:14%;}.servc-grid {margin-top:25px;}.updates span.triang::before { border-width:20px 140px 140px; }#home {margin:30px auto;height:400px;}.abt-ashrafia { margin-top:50px;}.abt-ashrafia h1 {margin-bottom:10px;font-size:40px; }.abt-ashrafia p {font-size: 22px;line-height:35px;}.abt-ashrafia .btn {font-size: 22px; height:50px; margin-top:30px;width:170px;}.gumbad {margin-top:50px;}.donate-boxes { margin-bottom:30px;}}

@media all and (max-width:767px){.language {margin:5px 10px; float:left;}.login-social{float:right; margin:10px 10px 5px 10px; }.intro-edu {margin-top:30px;}.servc-grids{margin-top:30px;}.result .btn {margin-right:36%;}.servc-grid {margin-top:30px;}#home {margin:30px auto;height:400px;}.abt-ashrafia { margin-top:40px;}.abt-ashrafia h1 {margin-bottom:10px;}.abt-ashrafia p {font-size: 22px;line-height:40px;}.gumbad {display:none;}.donate-boxes { margin-bottom:30px;}.ad-call { margin:30px 0 0;}.ad-call p {text-align:center;}.copyright p {text-align:center;}.copyright { margin:20px; 0}}

@media all and (max-width:599px){.language {margin:5px 10px;}.login-social{float:left; margin:10px 10px 5px 10px; }.intro-edu {margin-top:30px;
}.servc-grids{margin-top:30px;}.result .btn {margin-right: 28%;}.servc-grid {margin-top:30px;}#home {margin:30px auto;height:425px;}.abt-ashrafia { margin-top:40px;}.abt-ashrafia h1 {margin-bottom:10px;}.abt-ashrafia p {font-size: 22px;line-height:40px;}.gumbad {display:none;}.donate-boxes { margin-bottom:30px;}.ad-call { margin:30px 0 0;}.ad-call p {text-align:center;}.copyright p {text-align:center;}.copyright { margin:20px; 0}}


@media all and (max-width:480px){.language {margin:5px 10px;}.login-social{float:left; margin:15px 10px 5px 10px; }.intro-edu {margin-top:30px;
}.servc-grids{margin-top:30px;}.result .btn {margin-right:20%;}.servc-grid {margin-top:30px;}#home {margin:30px auto;height:490px;}.abt-ashrafia { margin-top:40px;}.abt-ashrafia h1 {margin-bottom:10px;}.abt-ashrafia p {font-size: 22px;line-height:40px;}.gumbad {display:none;}.donate-boxes { margin-bottom:30px;}.ad-call { margin:30px 0 0;}.ad-call p {text-align:center;}.copyright p {text-align:center;}.copyright { margin:20px; 0}}




/*************Inner Page CSS************/

.inn-head{background:url(../images/banner-border2.png) repeat-x top center; height:26px;}
.inn-main{ margin:30px 0;}
.inn-main .inn-welcome h1{font-size:35px;	color:#000;	padding-bottom:30px; line-height:50px; border-bottom:1px solid #bacbd8;}
.inn-main .inn-welcome h2{font-size:30px;	color:#00a651; padding-top:20px; padding-bottom:0;}
.inn-main .inn-welcome h4{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999999; padding-bottom:10px;}
.inn-main .inn-welcome h6{font-size:25px;	color:#00a651; padding-top:0px; padding-bottom:0;}
.inn-main .inn-welcome p{font-size:25px;	color:#3e3e3e;	margin:18px 0px 0 0px;	line-height:45px;}
.inn-main .inn-welcome ul { margin:18px 10px 0 0px; padding:0px;}
.inn-main .inn-welcome ul li{ list-style:circle; font-size:25px;	color:#3e3e3e;	margin:1px 22px 0 0px;	line-height:45px;}
.inn-main .inn-welcome td{ font-size:22px;}



.inn-main .inn-welcome ol { margin:18px 10px 0 0px; padding:0px;}
.inn-main .inn-welcome ol li{font-size:25px;	color:#3e3e3e;	margin:1px 22px 0 0px;	line-height:45px;}

.inn-main .inn-welcome hr {border-color: #bacbd8 -moz-use-text-color -moz-use-text-color; border-style: solid none none;border-width: 1px 0 0; margin-bottom:0px; height:1px; margin-top:-12px; float:right;}
.inn-main .inn-welcome hr.bdr2{ width:70px; border-bottom:1px solid #bacbd8; margin-bottom:0px; text-align:left;}

.inn-logo-bg{background:url(../images/inn-bg.png) no-repeat center 200px ;}


/*************Mahnama Asfrafia************/

.hovereffect {width:100%; height:100%; float:left; overflow:hidden; position:relative; text-align:center; cursor:default; font:13px Arial, Helvetica, sans-serif; margin-bottom:10px;}
.hovereffect .overlay {width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0;opacity:0;background-color:rgba(0,0,0,0.5);-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.hovereffect img {display:block;position:relative;-webkit-transition:all .4s linear;transition:all .4s linear;}
.hovereffect a.info {text-decoration:none;display:inline-block;text-transform:uppercase;color:#fff;border:1px solid #fff;background-color:transparent;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;margin:50px 0 0;padding:7px 14px;}
.hovereffect a.info:hover {box-shadow:0 0 5px #fff;}
.hovereffect:hover img {-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);}
.hovereffect:hover .overlay {opacity:1;filter:alpha(opacity=100);}
.hovereffect:hover h2,.hovereffect:hover a.info {opacity:1;filter:alpha(opacity=100);-ms-transform:translatey(0);-webkit-transform:translatey(0);transform:translatey(0);}
.hovereffect:hover a.info {-webkit-transition-delay:.2s;transition-delay:.2s; margin-top:50%;}

.caption h5 {font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height: 18px; margin: 15px 0 30px;}
.caption h5 a{color:#1a1a1a;}


.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #00a651; border-color: #00a651;  color: #fff; cursor: default; z-index: 3;}
.pagination > li > a, .pagination > li > span { background-color: #fff;border: 1px solid #00a651; color: #00a651; float: left; line-height: 1.42857; margin-left: -1px;padding: 6px 12px  9px 12px ;position: relative; text-decoration: none;}


/*************Mahnama Asfrafia Detail************/
.book-detail{text-align:center; margin:25px 15px; border-bottom:1px solid #bacbd8; padding:0px 15px 25px 0px;font-family:Arial, Helvetica, sans-serif;}
.label {border-radius:1px; color: #fff; display: inline; font-size: 90%; font-weight: 700; line-height: 50px; padding:15px 25px  15px; margin:10px 0px; text-align: center; vertical-align: baseline; white-space: nowrap;}
.label a{color: #fff;}
.label a:hover{color: #d9534f!important;}
.book-page{ background:#fff; text-align:center; padding:75px 0px; box-shadow:0px 0px 10px rgba(50, 50, 50, 0.2);}
.book-page img{text-align:center; margin:0px auto;}


/************* Photo Gallery ************/

.thumbnail { background-color: #fff; border:6px solid #fff; box-shadow:0px 0px 8px rgba(50, 50, 50, 0.2); border-radius:2px; display: block; line-height: 1.42857; margin-bottom: 20px;padding:0px;transition: border 0.2s ease-in-out 0s;}


/* make sidebar nav vertical */ 
.sidebar-nav .navbar {border-radius:2px; border-bottom:none;}
.sidebar-nav .navbar ul { margin:0px 0px 0 0;;}
.sidebar-nav .navbar ul li { margin:0px!important; padding:0 15px 0 0; border-bottom:1px solid #e7e7e7; font-size:20px;}
.sidebar-nav .navbar ul li a {color:#000;}
.sidebar-nav .navbar ul li .fill-bg{background:#999999!important; font-size:25px!important;}
.badge { background-color: #d6d6d6;margin-right:10px;}
@media (min-width: 768px) {
   .sidebar-nav .navbar .navbar-collapse { padding: 0; max-height: none;}
  .sidebar-nav .navbar ul {float: none; display: block;}
  .sidebar-nav .navbar li {float: none; display: block;}
  .sidebar-nav .navbar li a { padding-top: 12px;padding-bottom: 12px;}
}


/* Fatawa Area*/ 
.bg-text-fatawa{}
.bg-text-fatawa a:hover{color:#FFFFFF!important;}
.cntr-devider{border-bottom:1px solid #aeaeae; margin:12px 0;}
.bg-text-fatawa .badge { background-color: #fff;margin-right:10px; color:#8f8f8f;}

.fatwa-detail{ float:left; border-bottom:1px solid #bacbd8; padding:25px 0px 15px 0px ;}
.label-default {margin-top:25px; float:left; background:#00a651; font-size:16px;}
.col-fatwa a:hover{background:#00a651;}

[class^="hvr-"] {
width:100%;
text-align:center;
font-size:20px;
  margin: .4em;
  padding: 1em;
  cursor: pointer;
  background:rgba(0,0,0,0.1);
  border:1px solid #ccc;
  text-decoration: none;
  color: #000;
  /* Prevent highlight colour when element is tapped */
  -webkit-tap-highlight-color: rgba(0,0,0,0);

  /* Smooth fonts */
  -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.hvr-push {
    box-shadow: 0 0 1px transparent;
    display: inline-block;
    transform: perspective(1px) translateZ(0px);
    vertical-align: middle;
}

/* Bounce To Right */
.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #00a651;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;

}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
  color: white;
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Left */
.hvr-bounce-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active {
  color: white;
}
.hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}


.fatwa-ask-q p{margin:0px 0px 0 0px!important;}
.fatwa-ask-q form{ direction:ltr; font-family:Arial, Helvetica, sans-serif; font-size:12px!important;}

/* Contact Form */
.form-group {margin-bottom:5px;}
.form-control {
    border: 1px solid #bacbd8;
    border-radius:1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    font-size: 14px;
    height:50px;
    padding: 6px 12px;
	font-size:20px;
}
.input-group-addon:first-child {
    border-left: 0 none;
    border-right: 1px solid #bacbd8!important;
}
.btn {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius:1px;
    font-size:20px;
    font-weight: 400;
    margin-bottom: 0;
    padding:10px 40px;
}
.contact-txt p{color: #3e3e3e; font-size:15px!important; font-family:Arial, Helvetica, sans-serif; line-height:22px!important;}


/* Video Gallery*/
.youvideo { width: 100%; height: auto;}
img { max-width: 100%; height: auto;}
.video { background: #fff;  padding-bottom: 20px;  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); width: 18%; margin: 1%; float: left;}
.video figure {height: 0; padding-bottom: 60%;}
@media (max-width: 1366px) {.video {width: 23%;}}
@media (max-width: 1024px) {.video {width: 31.333%;}}
@media (max-width: 600px) {.video { width: 48%; } }
@media (max-width: 360px) { .video { display: block; width: 96%;  margin: 2%; float: none; } }
.video img {width: 100%; opacity: 1; }
.video img:hover, .video img:active, .video img:focus {opacity: 0.75;}


/* Audio Gallery*/
.highlight{background:#f7f7f9; border-bottom:1px solid #e1e1e8;}


/* alumni attached file*/
.upload-drop-zone { height: 200px; border-width: 2px; margin-bottom: 20px;}
/* skin.css Style*/
.upload-drop-zone { color: #ccc; border-style: dashed;  border-color: #ccc;  line-height: 200px;  text-align: center}
.upload-drop-zone.drop {  color: #222;  border-color: #222;}
.image-preview-input { position: relative; overflow: hidden; margin: 0px;     color: #333; background-color: #fff; border-color: #ccc; }
.image-preview-input input[type=file] {	position: absolute;	top: 0;	right: 0;	margin: 0;	padding: 0;	font-size: 20px;cursor: pointer;opacity: 0;	filter: alpha(opacity=0);}
.image-preview-input-title {   margin-left:2px;}



.don-box{
border-radius: 2px;
box-shadow: 6px 11px 24px 0 rgba(23,31,37,0.12);
padding: 0px 15px 30px 15px ;
	    
}
.don-box label{font-weight: normal!important;}
.don-bt-box{background: #F3F3F3; margin: 0px auto; padding: 50px;}























@font-face {    
	font-family: 'Alvi Nastaleeq';    
	src: url('../fonts/alvinastaleeq.eot');    
	src: url('../fonts/alvinastaleeq.eot?#iefix') format('embedded-opentype'),         
	url('../fonts/alvinastaleeq.ttf') format('truetype'),         
	url('../fonts/alvinastaleeq.svg#alvinastaleeq') format('svg');    
	font-weight: normal;    
	font-style: normal;
}

@font-face {    
	font-family: 'Jameel Noori Nastaleeq';    
	src: url('../fonts/jameelnoorinastaleeq.eot');    
	src: url('../fonts/jameelnoorinastaleeq.eot?#iefix') format('embedded-opentype'),         
	url('../fonts/jameelnoorinastaleeq.ttf') format('truetype'),         
	url('../fonts/jameelnoorinastaleeq.svg#jameelnoorinastaleeq') format('svg');    
	font-weight: normal;    
	font-style: normal;
}

@font-face {    
	font-family: 'Nafees Web Naskh';    
	src: url('../fonts/nafees-nastaleeq-webfont.eot');    
	src: url('../fonts/nafees-nastaleeq-webfont.eot?#iefix') format('embedded-opentype'),         
	url('../fonts/nafees-nastaleeq-webfont.woff') format('woff'),         
	url('../fonts/nafees-nastaleeq-webfont.ttf') format('truetype'),         
	url('../fonts/nafees-nastaleeq-webfont.svg#nafeesregular') format('svg');    
	font-weight: normal;    
	font-style: normal;
}

@font-face {    
	font-family: 'jameel webfont';    
	src: url('../fonts/jameel-webfont.eot');    
	src: url('../fonts/jameel-webfont.eot?#iefix') format('embedded-opentype'),         
	url('../fonts/jameel-webfont.woff') format('woff'),         
	url('../fonts/jameel-webfont.ttf') format('truetype'),         
	url('../fonts/jameel-webfont.svg#jameel_unicodejameel_unicode') format('svg');    
	font-weight: normal;    
	font-style: normal;
}