@charset "utf-8";
img,ol,ul,p,hr{margin:0; padding:0}
 
@font-face {
    font-family: 'calibri';
	src: url('fonts/calibri.eot');
    src: url('fonts/calibri.eot?#iefix') format('embedded-opentype'),
         /*url('fonts/calibrit.woff2') format('woff2'),*/
         url('fonts/calibri.woff') format('woff'),         
         url('fonts/calibri.svg#codaregular') format('svg'),
		 url('fonts/calibri.ttf') format('truetype');             
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'calibril';
	src: url('fonts/calibril.eot');
    src: url('fonts/calibril.eot?#iefix') format('embedded-opentype'),
         /*url('fonts/calibrit.woff2') format('woff2'),*/
         url('fonts/calibril.woff') format('woff'),         
         url('fonts/calibril.svg#codaregular') format('svg'),
		 url('fonts/calibril.ttf') format('truetype');             
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'clarendon-blk';
	src: url('fonts/clarendon-blk.eot');
    src: url('fonts/clarendon-blk.eot?#iefix') format('embedded-opentype'),
         /*url('fonts/calibrit.woff2') format('woff2'),*/
         url('fonts/clarendon-blk.woff') format('woff'),         
         url('fonts/clarendon-blk.svg#codaregular') format('svg'),
		 url('fonts/clarendon-blk.ttf') format('truetype');             
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Kruti_Dev';
	src: url('fonts/Kruti_Dev.eot');
    src: url('fonts/Kruti_Dev.eot?#iefix') format('embedded-opentype'),
         /*url('fonts/calibrit.woff2') format('woff2'),*/
         url('fonts/Kruti_Dev.woff') format('woff'),         
         url('fonts/Kruti_Dev.svg#codaregular') format('svg'),
		 url('fonts/Kruti_Dev.ttf') format('truetype');             
    font-weight: normal;
    font-style: normal;

}


a{text-decoration:none; font-family: 'calibril'; font-size:11px; font-weight:normal !important; color:#39b092;transition: all 0.3s ease;  -webkit-transition: all 0.3s ease; -moz-transition:all 0.3s ease; -moz-transition:all 0.3s ease }
img{ border:none;transition: all 0.3s ease;  -webkit-transition: all 0.3s ease; -moz-transition:all 0.3s ease; -moz-transition:all 0.3s ease; border:none; margin:0; padding:0}
a:hover{color:#000;	transition: all 0.3s ease;  -webkit-transition: all 0.3s ease; -moz-transition:all 0.3s ease; -moz-transition:all 0.3s ease ; }
a:before{transition: all 0.3s ease;  -webkit-transition: all 0.3s ease; -moz-transition:all 0.3s ease; -moz-transition:all 0.3s ease ;}
a:after{transition: all 0.3s ease;  -webkit-transition: all 0.3s ease; -moz-transition:all 0.3s ease; -moz-transition:all 0.3s ease ;}
ul{list-style:none}
div{transition: all 0.3s ease;  -webkit-transition: all 0.3s ease; -moz-transition:all 0.3s ease; -moz-transition:all 0.3s ease}
input{transition: all 0.3s ease;  -webkit-transition: all 0.3s ease; -moz-transition:all 0.3s ease -moz-transition:all 0.3s ease }


body{margin:0; padding:0; background:url(img-jed/body-bg.png); font-family: 'calibril'; font-size:100%; font-weight:normal; color:#333;letter-spacing:0.5px; margin-bottom:3px}
section{display:block;}
.full-width{width:100%; display:block; position:relative}
.wrapper-block{width:1200px; position:relative; margin:0 auto; border:0px solid #ccc}
.clear{clear:both}
/* ------------------------------------- */


.top_block{display:block; position:relative; height:auto;
/* Safari 4-5, Chrome 1-9 */  background: -webkit-gradient(linear, left top, right top, from(#8ffbea),color-stop(0.5, #fff), color-stop(0.75, #fff), to(#8ffbea));
  /* Safari 5.1+, Chrome 10+ */  background:-webkit-linear-gradient(left, #8ffbea, #fff, #fff, #8ffbea);/* Firefox 3.6+ */background: -moz-linear-gradient(left, #8ffbea, #fff, #fff, #8ffbea);/* IE 10 */ background: -ms-linear-gradient(left, #8ffbea, #fff, #fff, #8ffbea);/* Opera 11.10+ */background: -o-linear-gradient(left,#8ffbea, #fff, #fff, #8ffbea);  }
  
.top-left{position:absolute; background:url(img-jed/top-left-img.png) left top no-repeat; width:500px; height:182px}

.top-inner{display:block; padding-bottom:13px; padding-top:5px; text-align:center; position:relative}

.logo{ display:block;}
.logo-text{display:inline-block; vertical-align:top; margin-top:-3px;} 
.logo-text .tb{font-family:'clarendon-blk'; font-size:1.8em; font-weight:normal; text-transform:uppercase; color:#000}

.logo-text .slogun{display:block;font-family:'Kruti_Dev'; font-weight:bold; font-size:1.2em; margin-top:5px;}
.logo-text .slogun .sl-l{ width:100px; height:4px; margin-right:5px; display:inline-block; vertical-align:top; margin-top:8px;
background: -webkit-gradient(linear, left top, right top, from(#fff), to(#209e91));background: -webkit-linear-gradient(left, #fff, #209e91);
 background: -moz-linear-gradient(left, #fff, #209e91);  background: -ms-linear-gradient(left, #fff, #209e91); background: -o-linear-gradient(left, #fff, #209e91);}
 
 .logo-text .slogun .sl-r{ width:100px; height:4px; margin-left:5px; display:inline-block; vertical-align:top; margin-top:8px;
background: -webkit-gradient(linear, left top, right top, from(#209e91), to(#fff));background: -webkit-linear-gradient(left, #209e91, #fff);
 background: -moz-linear-gradient(left, #209e91, #fff);  background: -ms-linear-gradient(left, #209e91, #fff); background: -o-linear-gradient(left, #209e91, #fff);
 }

.login{ margin-top:0px; position:absolute; right:0; top:40%}  .login a{color:#666} .login a:hover{ color:#000}
.login a:before{content:"\f090";font-family: FontAwesome; margin-right:3px; margin-top:2px;}

/* ----- menu ------------------------- */

.menu-block{display:block; background:#209e91; margin-top:1px; text-align:center}
.menu-block ul{width:auto; padding:0px; z-index:99999999}
.menu-block ul li{display:inline-block; vertical-align:top; margin-right:15px; position:relative}
.menu-block ul li:last-child{margin-right:0}
.menu-block ul li a{ display:block; padding:10px; padding-left:10px; padding-right:10px;color:#eee; font-family:'calibril' !important; font-size:0.9em}
.menu-block ul li a:hover{color:#000/*fafd01*/}

.menu-block ul ul{ position:absolute;display:none; top:38px; padding-top:5px; left:8px; background:none; border-left:0px solid #999; border-right:0px solid #999;padding:1px; padding-bottom:0; text-align:left}
.menu-block ul ul li{display:block; width:100%; margin-bottom:1px;white-space:nowrap; background:#209e91;}
.menu-block ul ul li a{ display:block; color:#fff; white-space:nowrap; padding:7px; padding-left:10px; font-size:0.8em} 
.menu-block ul ul li a:hover{ background:#000;color:#ccc}

.menu-block ul .arr-d{position:relative;}
.menu-block ul .arr-d a:after{content:"\f0d7";font-family: FontAwesome; display:inline-block; vertical-align:top; margin-left:3px; margin-top:3px !important;}
.menu-block ul .arr-d ul a:after{content:normal}

.menu-block ul .arr-d:hover ul{display:block}

/* ---------------- */

/* new */
.news-block{display:block; padding:5px;}

.slider-box{display:block; background:url(img-jed/gallery-bg.png); padding-top:7px; padding-bottom:10px; margin-top:1px;}
.slide-box{width:100%; display:block; background:#fff; box-shadow:0px 5px 10px #333} 
.slide-inner{display:block; padding-top:7px; padding-bottom:4px; text-align:center; overflow:hidden}

/* ----------------- */
.heading-main{display:block; padding-top:5px; padding-bottom:5px; text-align:center; text-transform:uppercase; font-size:1.1em; position:relative; margin-bottom:15px; border-bottom:0px solid #ffa15b; background:#fff}
.heading-main:before{content:"\f0d7";font-family: FontAwesome; position:absolute; width:100%; text-align:center; color: #ffa15b; font-size:1.3em; bottom:-17px; display:block}
.heading-main:after{content:""; position:absolute; width:100%; height:1px; border-bottom:1px solid #ffa15b; bottom:-2px; display:block}


.read-more{width:auto;}
.read-more a{color:#209e91; font-size:0.9em} .read-more a:hover{color:#000}
.read-more a:before{content:"\f08e";font-family: FontAwesome; margin-right:5px; display:inline-block; vertical-align:top; margin-top:5px; color:#209e91}
.read-more a:after{content:"\f138";font-family: FontAwesome; margin-left:0px;display:inline-block; vertical-align:top; margin-top:5px; color:#fff}
.read-more a:hover:after{content:"\f138";font-family: FontAwesome; margin-left:5px;display:inline-block; vertical-align:top; margin-top:5px; color:#209e91}

/*/ -------- service ------------- */
.services{display:block; margin-top:15px; text-align:center}
.services-box{width:14.5833%; height:205px; display:inline-block; vertical-align:top; margin-right:25.5px; margin-top:10px; background:#fff; border-bottom:2px solid #68c7af; border-top:2px solid #68c7af;}
.services-box:last-child{ margin-right:0}
.services-box-inner{display:block; padding:5px; padding-bottom:5px;}
.services-box-circle{width:140px; height:140px; background-color:#dddddd; border-radius:100px; margin:0 auto; z-index:10}
.serices-text{display:block; margin-top:10px; }
.serices-text a{display:block;text-transform:uppercase;font-family: 'calibril'; font-size:0.9em; color:#333; line-height:15px} .serices-text a:hover{ color:#ffa15b}
.serices-text a:after{display:block; position:relative; content:" - Read - "; margin-top:-60px; color:#ddd; font-size:0.8em; z-index:5 !important}
.services-box:hover a:after{display:block; content:" - Read - "; margin-top:3px; color:#fff; font-size:0.8em}
.services-box:hover {background:#209e91} 
.services-box:hover a{color:#fff} .services-box:hover a:hover{ color:#000}

.montly{background:url(img-jed/monthly-exam.png) center no-repeat #ddd}
.bonr{background:url(img-jed/book-rent.png) center no-repeat #ddd}
.refu{background:url(img-jed/100-per-ref.png) center no-repeat #ddd}
.skill{background:url(img-jed/skill-deve.png) center no-repeat #ddd}
.sonexs{background:url(img-jed/extra-skilled.png) center no-repeat #ddd}
.ecosol{background:url(img-jed/economical.png) center no-repeat #ddd}

/* ---------------------about  */

.about-block{display:block; margin-top:15px; } /*209e91*/
.about-block .wrapper-block{background:#fff}
.about-block .heading-main{background:#209e91; color:#fff}
.about-block-inner{display:block; padding:7px; padding-bottom:10px; font-family:'calibril'; text-align:justify; font-size:0.9em} .about-block-inner p{margin-bottom:7px;}

/* ------- product ------------------ */
.product-box{display:block; margin-top:15px; height:250px; background-image:url(img-jed/product-bg.jpg); background-position:center; background-size:cover; position:relative}
.product-top{position:relative;}
.product-top .heading-main{background:#ffa15b; color:#fff}
.product-bottom{position:absolute; width:100%; border-bottom:2px solid #ffa15b; bottom:0; text-align:center}
.product-bottom .pro-link{width:auto; display:inline-block; }
.product-bottom .pro-link a{background:rgba(0,0,0,0.6); display:block; padding:15px; margin-bottom:1px; color:#fff; text-transform:uppercase; font-size:0.9em}
.product-bottom .pro-link a:hover{background:rgba(255,161,91,0.8)}
.product-bottom .pro-link a span{ display:block; font-size:0.8em; font-family:'calibril'; color:#fff; text-transform:none}
.product-bottom .pro-link:before{content:url(img-jed/arrow-up.png); color:#ffa15b; display:block; margin-bottom:-8px; width:100%; font-size:2.2em; position:relative}

 
/* --------- 3 box ------------ 29.666 */

.mis-block{display:block; margin-top:25px; text-align:center}

.mis-boxes{width:29.666%; height:300px; display:inline-block; vertical-align:top; background:#fff; text-align:center; margin-right:58px; margin-bottom:0px; border:1px solid #ddd} .mis-boxes:last-child{margin-right:0}
.mis-boxes > .read-more{ position:absolute !important; left:10px; bottom:10px; display:block; text-align:left;}.mis-boxes > .read-more a{font-size:0.8em}
.mis-boxes > .read-more a:before{content:"\f08e";font-family: FontAwesome; margin-right:2px; margin-top:5px; display:inline-block; vertical-align:top; color:#209e91}

.mis-boxes-top{display:block; background:#39b092; padding:5px; padding-left:10px; text-align:left; color:#fff; text-transform:uppercase;font-family:'calibril'; font-size:0.9em}

.mis-dir{}
.mis-dir:before{ content:"\f0e6";font-family: FontAwesome; margin-right:5px}

.mis-gall{}
.mis-gall:before{ content:"\f03e";font-family: FontAwesome; margin-right:5px}

.mis-list{}
.mis-list:before{ content:"\f03a";font-family: FontAwesome; margin-right:5px}

.dir-img{width:143px; height:143px; margin:10px auto; box-shadow:0 2px 5px #666;border-radius:100px} .dir-img img{width:100%;border-radius:100px }
.mis-box-inner{display:block; padding:10px; padding-top:0; margin-top:2px; text-align:justify; line-height:15px; font-size:0.9em}
.mis-box-gall{display:block; padding:5px; margin:0 auto}.mis-box-gall img{margin-top:2px; margin-bottom:5px; opacity:0.5}.mis-box-gall img:hover{opacity:1}

.mis-box-list{display:block; text-align:left; padding:10px;}
.mis-box-list ul{display:block}
.mis-box-list ul li{display:block; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ddd}
.mis-box-list ul li:before{content:"\f05d";font-family: FontAwesome; margin-right:3px; color:#209e91}
.mis-box-list ul li a{ display:inline-block; vertical-align:top;font-size:0.8em; color:#666; padding-left:5px;}
.mis-box-list ul li a:hover{color:#209e91}

/* --------------- footer ------------- */

.footer-block{display:block; background:#209e91; margin-top:25px; padding-bottom:20px; padding-top:20px;}

.foot-box{width:29.666%; display:inline-block; vertical-align:top; margin-right:58px; margin-left:2px;}
.foot-box:last-child{margin-right:0}
.heading-foot{display:block; font-size:0.9em; color:#fff; border-bottom:1px solid #30aea1; padding-bottom:3px; text-transform:uppercase; margin-bottom:5px;}
.foot-inner{display:block; font-size:0.8em; color:#fff} .foot-inner p{margin-bottom:5px;} .foot-inner a{color:#fff; font-size:1em}
.foot-social{display:block} 
.foot-social a{display:inline-block; vertical-align:top; width:30px; height:25px; padding-top:5px; background:#fff; border-radius:5px; text-align:center; margin-right:15px; font-size:0.9em}
.foot-social a:hover{background:#0f645b; color:#209e91}
.foot-social a img{margin-top:2px;}
 


.foot-home{} .foot-home:before{content:"\f015";font-family: FontAwesome; margin-right:5px; margin-top:0px; color:#fff; font-size:1.3em; display:inline-block; vertical-align:top}
.foot-loc{} .foot-loc:before{content:"\f041";font-family: FontAwesome; margin-right:5px; margin-top:0px;color:#fff;font-size:1.3em;display:inline-block; vertical-align:top}
.foot-soc{} .foot-soc:before{content:"\f055";font-family: FontAwesome; margin-right:5px; margin-top:0px;color:#fff;font-size:1.3em;display:inline-block; vertical-align:top}

.foot-bottom{display:block; background:#0d3f3a; padding-top:15px; padding-bottom:15px; color:#209e91;  font-size:0.8em}
.copy{float:left;}
.power{float:right} .power a{color:#61d4c8; font-size:0.8em}  .power a:hover{color:#fff}

/* ------------------- sub page ------------------------- */

.sub-page-text{display:block; background:#fff; padding:10px; box-shadow:0 12px 5px -10px #999}

.hindi-block{font-family:'Kruti_Dev'; font-size:1.1em} .hindi-block b{font-size:1.2em}
.eng{font-family:'calibri'; font-size:0.9em}
.sub-list{ display:block}
.sub-list ul{ margin-top:10px}
.sub-list ul li{margin-bottom:10px; padding-left:15px; position:relative; margin-left:15px;}
.sub-list ul li:before{ position:absolute;content:"\f05d";font-family: FontAwesome; margin-right:5px; left:-10px; margin-top:0; display:inline-block; vertical-align:top; color:#999}

.sub-list ul ul{margin-left:10px; margin-bottom:10px}
.sub-list ul ul li{margin-bottom:5px; }
.sub-list ul ul li:before{ position:absolute;content:normal;font-family: FontAwesome; font-size:0.8em; margin-right:5px; left:-10px; margin-top:0; display:inline-block; vertical-align:top; color:#999}




.contact-page-left{width:43%; float:left; padding:10px; border:0px solid #ddd; line-height:25px;}
.contact-page-left h2{display:block; border-bottom:1px solid #eee; padding-bottom:3px;font-size:1.2em}
.contact-page-left b{display:block; margin-bottom:5px;}
.contact-page-left a{font-size:1em}
.contact-page-right{width:47%; float:right;padding:10px; border:0px solid #ddd}
.contact-page-right h2{display:block; border-bottom:0px solid #eee; padding-bottom:3px; font-size:1.2em}
.contact-page-right-form-box{display:block; margin-top:10px}
.contact-page-right label{width:20%; display:inline-block; vertical-align:top; text-align:right; padding:5px; margin-right:5px}
.contact-page-right input[type="text"]{width:70%; background:#fff; padding:5px; color:#333;display:inline-block; vertical-align:top; border:1px solid #ddd}
.contact-page-right textarea{width:70%; background:#fff; padding:5px; color:#333;display:inline-block; vertical-align:top; border:1px solid #ddd}
.contact-page-right input[type="submit"]{width:auto; padding:7px; padding-left:15px; padding-right:15px; background:#209e91; color:#fff; border:none;}
.contact-page-right input[type="submit"]:hover{cursor:pointer; background:#333; color:#ccc}

.admission_form{float:left; width:48%; background:#eee; font-size:0.9em}
.admission_form label{width:35%} 
.admission_form input[type="text"]{width:55%; }
.admission_form textarea{width:55%;}
.admission_form .radio-gr{width:55%;padding:5px; padding-left:0; color:#333;display:inline-block; vertical-align:top;}
.admission_form .radio-gr label{width:auto !important; margin-top:-5px;}.admission_form .radio-gr label i{display:inline-block; vertical-align:top; margin-top:0px;}

.admission_type{float:right; width:47%; background:#eee; font-size:0.9em}
.admission_type div{display:block;  margin-bottom:0px;border-bottom:none; text-transform:uppercase; font-size:0.8em}
.admission_type div .box{font-style:normal; width:26.5%;background:#fff;  padding:3px;display:inline-block; vertical-align:top;border:1px solid #ddd; margin-right:-4px; word-spacing:-1px;}
.admission_type div .box strong{color:#000}
.admission_type div .box input[type="checkbox"]{ float:right; vertical-align:top; margin-top:6px}
.admission_type .cap{width:13% !important}

.admission_type input[type="submit"]{width:auto; padding:7px; padding-left:15px; padding-right:15px; background:#209e91; color:#fff; border:none;}
.admission_type input[type="submit"]:hover{cursor:pointer; background:#333; color:#ccc}

.letest-news{display:block; }
.letest-news ol{ padding:10px; padding-left:20px; list-style-position:inherit }
.letest-news ol li {margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #eee; /*background:url(img-jed/link-img.png) left top no-repeat;*/ background-position:1px 4px; padding-left:10px;font-size:0.9em; text-align:justify}
.letest-news ol li a{font-size:1em;}
















.effect2{ position: relative;}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 12px;
  left: 10px;
  width: 50%;
  top: 90%;
  /*max-width:300px;*/
  background: #777;
  box-shadow: 0 15px 5px #999;
  transform: rotate(-3deg);
}
.effect2:after
{
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

/*.effect5
{
  position: relative;
}
.effect5:before, .effect5:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 25px;
  left: 10px;
  width: 50%;
  top: 60%;
  max-width:300px;
  background: #777;
  box-shadow: 0 35px 20px #777;
  transform: rotate(-8deg);
}
.effect5:after
{
  transform: rotate(8deg);
  right: 10px;
  left: auto;
}*/
/* orange ffa15b plus bg - "\f055"    pencil -"\f040" , pencil squ-"\f044" play -"\f144" check circle - "\f05d" phone -"\f095" enveop-"\f199", download - "\f019" */
/* font-family: FontAwesome; home - "\f015", sign in - \f090 , map - "\f041", facebook - "\f082", google - "\f0d4"; link - "\f08c", twiter - "\f081" ,
arrow down - "\f0d7", arrow up - "\f0d8", arrow left bg - "\f137", arrow right bg- "\f138", slide - "\f1e7", chain - "\f127" , external link - "\f08e", link chain - "\f0c1", trophy - "\f091",comment - "\f0e6"  */ 

/* shadow -webkit-box-shadow: 0 8px 6px -6px black; -moz-box-shadow: 0 8px 6px -6px black; box-shadow: 0 8px 6px -6px black;*/ 
  
  .coverimg { margin: 10px 0 }

.coverimg a {
  display: inline-block; margin:5px; border:1px solid #ccc; box-shadow:0 5px 5px -5px #000;
  width: 113px;
  height: 113px;
  overflow: hidden;
  position: relative
}

.coverimg img {
  max-height: 100%;
  min-width: 100%;
  width: auto;
  left: 50%;
  -o-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute
}

img[data-gallery] { cursor: pointer }

.overlay {
  background: rgba(0,0,0,0.7);
  display: none;
  height: 100%;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 999
}

.imgActive img {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 90%
}

.prev,
.next,
.close {
  transition: 0.3s ease all;
  display: inline-block;
  color: white;
  font-size: 6rem;
  opacity: 0.2;
  z-index: 1000
}

.prev:hover,
.next:hover,
.close:hover {
  cursor: pointer;
  opacity: 1
}

.prev,
.next {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%
}

.prev { left: 100px }

.next { right: 100px }

.close {
  font-size: 4rem;
  position: absolute;
  top: 20px;
  right: 20px
}

.coverImgOverlay {
  bottom: 20px;
  height: 100px;
  left: 50%;
  overflow: hidden;
  position: absolute;
  width: 3000%;
  z-index: 1000
}

.coverImgOverlay span {
  display: inline-block;
  height: 100px;
  margin: 5px;
  overflow: hidden;
  position: relative;
  width: 100px
}

.coverImgOverlay img {
  transition: 0.3s ease all;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  max-height: 100%;
  min-width: 100%;
  opacity: 0.2;
  width: auto
}

.coverImgOverlay img:hover { opacity: 1 !important }
   