h4, h5, h6,
h1, h2, h3 {margin: 0;font-weight:normal;}
ul, ol {margin: 0;}
p {margin: 0;}
.langbtn{position:fixed;top:0px;right:10px; text-align:right;z-index:10000; width:100px; height:30px; padding-top:10px; line-height:12px; overflow:hidden; background:#000; padding-left:20px;}
.langbtn a{ color:#3CC; font-size:12px; border:1px solid #3CC; padding:2px;}
.logobox{ background-image:url(../images/logo.png); background-repeat:no-repeat; background-position:left; background-size:contain; -ms-behavior: url(backgroundsize.htc); 
    behavior: url(backgroundsize.htc);display:block; height:auto; min-height:100px;}
.btn-bnu {
  color: #fff;
  background-color: #106470;
  border-color: none;
}
.btn-bnu:hover,
.btn-bnu:focus,
.btn-bnu.focus,
.btn-bnu:active,
.btn-bnu.active,
.open > .dropdown-toggle.btn-bnu {
  color: #fff;
  background-color: #1293a6;
  border-color: none;
}
.verifyimg{ width:200px}
.yuding h3{ line-height:60px; height:60px; overflow:hidden; font-size:18px}
.user_bar{ float:right; line-height:60px; font-size:14px; color:#106470}
.user_bar a{ color:#106470}
.breadnav{ height:40px; line-height:40px; margin:10px 0px;}
.breadnav a{ float:left; color:#333; padding:0px 10px 0px 10px; margin-right:10px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.breadnav span{ float:left}
.breadnav a.on,.breadnav a:hover{ background:#106470; color:#fff}
#applyform .form-group{ margin-bottom:5px;}
.form-horizontal .control-label{ font-size:14px}
.fc td:hover{ background:url(../images/addbig.png) center no-repeat #f5f5f5; background-size:50px;-ms-behavior: url(backgroundsize.htc); 
    behavior: url(backgroundsize.htc);}
.fc-unthemed td.fc-today:hover {
	background: url(../images/addbig.png) center no-repeat #fcf8e3;background-size:50px;-ms-behavior: url(backgroundsize.htc); 
    behavior: url(backgroundsize.htc);
}
html, body{
	font-family:"Microsoft YaHei",Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜,"MicrosoftJhengHei",Ã¥ÂÅ½Ã¦â€“â€¡Ã§Â»â€ Ã©Â»â€˜,STHeiti,MingLiu;
   font-size: 100%;
   background:#fff; 
}
a {
  text-decoration: none;
}
a:hover {
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  text-decoration: none;
}
.navbar-toggle .icon-bar {
    background: #fff;
}

.article-cont{ margin-bottom:2em; margin-top:2em}
.article-cont img{ max-width:100%; margin:0 auto}
.article-cont h4{font-size:1em; color:#7d0022; line-height:1.5em; padding:1em 0 1em 0; text-align:left}
.article-cont h2,.articles-main h2{ font-size:1.5em; color:#106470; line-height:1.5em; padding:1em 0 1em 0; text-align:center}
.articles-main h2{ text-align:left}

.article-cont h2{ text-align:center}
.cont-box{ line-height:2em; font-size:1em;}
.article-info{ color:#999; border-top:1px solid #999; border-bottom:1px solid  #999; line-height:2em; font-size:0.5em; margin-bottom:1em; text-align:center}

.page{clear:both;overflow:hidden;}



.page a,.page span.current{display:inline-block;font-size:14px;line-height:35px;margin-right:5px;text-align:center;width:35px;color:#333;background:#eee;}
.page a.active,.page a:hover,.page span.current{background:#106470;color:#fff;}

.page a.pre{width:60px}

.commonform{ padding:10px;}
.commonform h3{ font-size:18px; margin-bottom:1em; margin-top:1em; font-weight:bold; color:#106470}

.page a.pre:hover{width:62px}
.index-main{ background:#f5f5f5;}
.index-l{ background:#fff; padding-bottom:4em}
.index-r{ padding-bottom:2em}
.dialog-table,.ui-widget{ font-size:14px}
h3.index-bar {
    font-size: 1.5em;
    color:#000;
    text-align: left;
	line-height: 2em;
	margin:0.5em 0px 1em 0px;
	border-bottom:1px solid #ddd; text-indent:0.5em
}
h3.index-bar2 {
    font-size: 1em;
    color:#000;
    text-align: left;
	line-height: 2em;
	margin:0.5em 0px 1em 0px;
	border-bottom:1px solid #ddd; text-indent:0.5em
}
h3.index-bar .barbgl{ padding-left:100px; background:url(../images/barbgl.png) left no-repeat; background-size:contain; -ms-behavior: url(backgroundsize.htc); 
    behavior: url(backgroundsize.htc);}
h3.index-bar .barbgr{ padding-right:100px; background:url(../images/barbgr.png) right no-repeat;background-size:contain; -ms-behavior: url(backgroundsize.htc); 
    behavior: url(backgroundsize.htc);}
.index-l-img{ width:100%; height:0px; padding-bottom:50%; background-position:center; background-size:cover;-ms-behavior: url(backgroundsize.htc); 
    behavior: url(backgroundsize.htc);}
.index-l-link{ display:block; line-height:1.5em; font-size:1em; color:#000; margin:1em 0px 0.5em 0px; height:1.5em; overflow:hidden}
.index-l-intro{ display:block; line-height:1.5em; font-size:0.8em; color:#666; height:4.5em; overflow:hidden}
a.index-l-linkbtn{ line-height:2.5em; color:#fff; background:#106470; float:left; margin:1em 0px 2em 0px; font-size:0.8em; padding:0px 1em 0px 1em; border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px;}
a.index-l-linkbtn:hover{ background:#7d0022 !important; text-decoration:none}
.index-news-box .datetxt{ margin-top:2em}
.index-news-box{ padding-bottom:1em}
.index-ul{ list-style:none; margin:0; padding:0 15px 0 15px; text-indent:0;}
.index-ul li{ list-style:none; margin:0px; padding:0.5em 0px 0.5em 0px; border-bottom:1px solid #ddd}
.index-ul li .index-l-link{margin:0px 0px 1em 0px;}

.teambtn{ padding:0 15px 0 15px;}
.teambtn a{ display:block; line-height:2.5em; font-size:1em; color:#106470; margin:0px 0px 0.5em 0px; border:1px solid #106470; padding:0 1em 0 0em;border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; text-align:center; background-color:#fff}
.teambtn a em{ width:2.5em; height:2.5em;background-image:url(../images/team.png); background-position:center; background-repeat:no-repeat; background-size:1.2em;-ms-behavior: url(backgroundsize.htc); 
    behavior: url(backgroundsize.htc); background-color:#106470; float:left; margin-right:1em}
.teambtn a:hover{ background-color:#009e96; color:#fff}
.teambtn a em.em1{background-image:url(../images/yuding.png)}
.teambtn a em.em2{background-image:url(../images/shenqing.png)}

/* Ã¦Å“Â¬Ã¤Â¾â€¹Ã¥Â­Âcss */
		.slideBox{width:100%;height:auto;overflow:hidden;position:relative;background:#28828a}
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left; margin:0; padding:0}
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; list-style:none}
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{position:relative;/* height:100%; */z-index:0;padding:0px;}
		.slideBox .bd ul{padding:0;margin:0;/* height:100%; */}
		.slideBox .bd li{zoom:1;vertical-align:middle;list-style:none;width:100%;position:relative;/* height: 100%; */}
		.slideBox .bd li a{position:relative;display:block;}
		.slideBox .bd img{ height:0px; padding-bottom:450px; display:block; background-position:center; background-size:cover;-ms-behavior: url(backgroundsize.htc); 
    behavior: url(backgroundsize.htc);}
		.slideBox .bd li a div.col-md-4{ color:#FFF; font-size:2em; text-align:left; padding:1em}
		.slideBox .bd li div.image-intro{position:absolute;top:400px;left:0px;background:#555;height:50px;line-height:50px;overflow:hidden;z-index:1000;width:100%;padding:0px 1em 0px 1em;color:#FFF;font-size:0.8em;display:none}

		/* Ã¤Â¸â€¹Ã©ÂÂ¢Ã¦ËœÂ¯Ã¥â€°Â/Ã¥ÂÅ½Ã¦Å’â€°Ã©â€™Â®Ã¤Â»Â£Ã§Â ÂÃ¯Â¼Å’Ã¥Â¦â€šÃ¦Å¾Å“Ã¤Â¸ÂÃ©Å“â‚¬Ã¨Â¦ÂÃ¥Ë†Â Ã©â„¢Â¤Ã¥ÂÂ³Ã¥ÂÂ¯ */
		.slideBox .prev,
		.slideBox .next{ position:absolute; right:50px; top:400px; display:block; width:50px; height:50px; background:url(../images/slider-arrow.png) -100px 8px no-repeat #000; filter:alpha(opacity=100);opacity:1;   }
		.slideBox .next{ right:0px; background-position:18px 8px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }
		.slidenum{ line-height:50px; height:50px; position:absolute; right:100px; top:400px; color:#fff; display:none}
		
		.txtMarquee-left{ width:100%;  position:absolute; right:0px; bottom:0px; font-size:0.8em; color:#fff; background:#106470;padding-left:80px; background-image:url(../images/laba.png); background-position:1em center; background-repeat:no-repeat; height:50px; overflow:hidden}
		.txtMarquee-left .txtlist{ padding-left:10px}
		.txtMarquee-left .txtlist .tempWrap{ width:100% !important; }/* Ã§â€Â¨ !importantÃ¨Â¦â€ Ã§â€ºâ€“SuperSlideÃ¨â€¡ÂªÃ¥Å Â¨Ã§â€Å¸Ã¦Ë†ÂÃ§Å¡â€žÃ¥Â®Â½Ã¥ÂºÂ¦Ã¯Â¼Å’Ã¨Â¿â„¢Ã¦Â Â·Ã¥Â°Â±Ã¥ÂÂ¯Ã¤Â»Â¥Ã¦â€°â€¹Ã¥Å Â¨Ã¦Å½Â§Ã¥Ë†Â¶Ã¥ÂÂ¯Ã¨Â§â€ Ã¥Â®Â½Ã¥ÂºÂ¦Ã£â‚¬â€š */
		.txtMarquee-left .txtlist ul{ overflow:hidden; zoom:1; }
		.txtMarquee-left .txtlist ul li{ margin-right:5em;  float:left; height:50px; line-height:50px;  text-align:left; _display:inline; width:auto !important; list-style:none;  }
		.txtMarquee-left .txtlist ul li a{ color:#fff}
		.txtMarquee-left .txtlist ul li a span{ color:#999;  }
		

		.leftbar h3{ font-size:1.5em; color:#106470; line-height:3em; text-align:center;}
		.leftbar a{ display:block;  margin-bottom:0.5em; line-height:1em; color:#666; font-size:1em; text-align:center; background:#f5f5f5; padding:1em 0 1em 0}
		.leftbar a.on,.leftbar a:hover{ background:#106470; color:#fff}
		

/*--header start here--*/
.banner {
    /*background-image: url(../images/banner.jpg);*/
	background-repeat:no-repeat;
	background-position:center bottom ;	
	background-color:#106470;
	background-size:cover;-ms-behavior: url(backgroundsize.htc); 
    behavior: url(backgroundsize.htc);
    height:auto; overflow:visible; position:relative;
}
.whitediv{ width:100%; height:50px; position:absolute; bottom:0px; background:#fff}
.codebox{ width:100%; height:430px; position:absolute; bottom:50px; background-image:url(../images/code_white.png);filter:alpha(opacity=30); -moz-opacity:0.3;  opacity:0.3; }
.banner1 {
    background-image: url(../images/banner.jpg);
	background-repeat:repeat-y;
	background-position:center -200px;	
    background-size: cover;-ms-behavior: url(backgroundsize.htc); 
    behavior: url(backgroundsize.htc);
    min-height:400px;
}
.header {
    padding: 90px 0 50px 0;
    background: none;
	/*filter:alpha(opacity=90); -moz-opacity:0.9;  opacity:0.9;*/
}

.en-header {
    padding: 140px 0 50px 0;
}

.banner1 .header {
    background: #106470;
	padding: 60px 0 1em 0;
	/*filter:alpha(opacity=90); -moz-opacity:0.9;  opacity:0.9;*/
}

.banner1 .en-header {
	padding: 110px 0 1em 0;
	/*filter:alpha(opacity=90); -moz-opacity:0.9;  opacity:0.9;*/
}

.banner1 .header .logobox{min-height:80px;}

.yximg{background:url(../images/yximg.png) center no-repeat; background-size:contain;-ms-behavior: url(backgroundsize.htc); 
    behavior: url(backgroundsize.htc); height:100px;}
.banner1 .header .yximg{height:80px;}
.searchbox{ margin-top:1.5em;}
.searchtxt{background:none; border:1px solid #fff; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px;width:75%; background:none !important; margin:0; padding:0;height:2em; line-height:2em; vertical-align:middle;color: #fff;  font-size:0.8em; text-indent:1em;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff; opacity:0.3; font-size:0.8em; text-indent:1em; 
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;opacity:0.3;font-size:0.8em;  text-indent:1em; 
}

input:-ms-input-placeholder{
    color: #fff;opacity:0.3;font-size:0.8em;  text-indent:1em; 
}

input::-webkit-input-placeholder{
    color: #fff;opacity:0.3;font-size:0.8em;  text-indent:1em; 
}
.searchbtn{ border:none; width:20%; height:1.5em; line-height:1.5em; margin:0; padding:0; background:url(../images/searchbtn.png) center no-repeat; background-size:contain;-ms-behavior: url(backgroundsize.htc); 
    behavior: url(backgroundsize.htc); vertical-align:middle}

.logo h1 {
    font-size: 2.8em;
    color: #fff;
}
/*--social--*/
.social {
    float: right;
    padding: 0.8em 0 0;
}
.social ul{
	padding:0;
	margin:0;
}
.social ul li {
    display: inline-block;
    margin: 0 3px;
}
.social ul li a.facebook{
    background: url(../images/social.png) no-repeat 0px 0px; 
    width: 32px;
    height: 32px;
    display: block;
}
.social ul li a.twitter{
    background: url(../images/social.png) no-repeat -34px 0px ;
}
.social ul li a.chrome{
    background: url(../images/social.png) no-repeat -68px 0px ;
}
.social ul li a.in{
    background: url(../images/social.png) no-repeat -102px 0px ;
}
.social ul li a.facebook:hover{
	opacity:.5;
}
/*--social--*/
.top-nav {
    background:#000; z-index:10000; position:fixed; width:100%;
}
.navbar-nav {
    float:none !important; 
    margin: 0;
}
.navbar-nav > li {
    text-align: center;
}
div#navbar {
    padding: 0px !important; 
}
ul.nav.navbar-nav li a {
	line-height:40px;
    font-size: 1em;
    color: #fff;
	padding:0 0.6em 0 0.6em; 
}
.nav > li > a:hover, .nav > li > a:focus {
    background-color:#7d0022;
	color:#fff ! important;
}
ul.nav.navbar-nav li a.active {
   background-color:#7d0022;
	color:#fff ! important;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #7d0022; color:#fff
}
.caret{border-top: 4px solid #ffffff !important; vertical-align:middle !important;}
.fc-basic-view .fc-body .fc-row{ min-height:150px !important;}
#navbar .dropdown-menu {
  min-width:inherit;
  padding: 5px 0 !important;
  background-color: #106470 !important;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: none;
}
#navbar .dropdown-menu > li > a:hover,
#navbar .dropdown-menu > li > a:focus {
  color: #fff !important;
  text-decoration: none;
  background: #7d0022 !important;
}
.nav-tabs > li > a{ color:#106470}
.nav-tabs > li > a:hover,.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #fff;
  cursor: default;
  background-color: #106470;
  border: 1px solid #106470;
  border-bottom-color: transparent;
}
#editform .col-xs-3{ padding:0 0 0 10px},#editform .col-xs-9{ padding:0 10px 0 0;}

.banner-bottom {
    margin-top: 15em;
    width: 40%;
}
.banner-bottom h2 {
    font-size: 1.5em;
    color: #7d0022;
    line-height: 1.3em; border-bottom:1px solid #7d0022; margin-bottom:10px;
}
.bann-para {
   
    padding: 1.5em;
    background: #fff;
	filter:alpha(opacity=80); /*IEÃ¦Â»Â¤Ã©â€¢Å“,Ã©â‚¬ÂÃ¦ËœÅ½Ã¥ÂºÂ¦50%*/ -moz-opacity:0.8; /*FirefoxÃ§Â§ÂÃ¦Å“â€°,Ã©â‚¬ÂÃ¦ËœÅ½Ã¥ÂºÂ¦50%*/ opacity:0.8;
}
.bann-para p {
    font-size: 0.8em;
    color:#333;
    line-height: 1.8em;
}
.banner-bottom a {
    font-size: 0.95em;
    color: #fff;
    padding: 0.65em 1em;
    background:#106470;
    display: block;
    width:25%;
    text-align: center;
    border-bottom:3px solid #4E2412;
}
.banner-bottom a:hover{
	 background:#fba919;
	 text-decoration:none;
	 border-bottom:3px solid #BA7C10;
}
/*--header end here--*/
/*--welcome  grid start here--*/
.welcome {
    padding:1em 0em;
}
.wel-top h3 {
    font-size: 1.5em;
    color:#106470;
    text-align: center;
	line-height: 1.4em;
}
.wel-top h3 .barbgl{ padding-left:100px; background:url(../images/barbgl.png) left no-repeat; background-size:contain;-ms-behavior: url(backgroundsize.htc); 
    behavior: url(backgroundsize.htc); }
.wel-top h3 .barbgr{ padding-right:100px; background:url(../images/barbgr.png) right no-repeat;background-size:contain;-ms-behavior: url(backgroundsize.htc); 
    behavior: url(backgroundsize.htc); }
.wel-top {
    margin-bottom:1em;
}
.arcticle-list{  padding:0px;}
.arcticle-list li{ list-style:none; border-bottom:1px solid #ddd; margin-top:1em}
.articles-main h3.index-bar {
    margin:0.5em 0px 0.5em 0px;
}
.wel-block {
    margin-bottom: 1em;
}
.wel-text h4,.wel-text a.ttlink{
    font-size: 1.2em;
    color: #106470;
    margin-bottom: 0.25em;
	line-height:2em; max-height:4em;text-overflow: -o-ellipsis-lastline;  
overflow: hidden;  
text-overflow: ellipsis;  
display: -webkit-box;  
-webkit-line-clamp: 2;  
-webkit-box-orient: vertical;
}
.wel-text p {
    font-size: 1em;
    color: #767676;
    width: 100%;
    margin: 0 auto;
    line-height: 1.5em;
}
/*--welcome grid end here--*/
/*--testimonial strat here--*/
.testimo {
    background: url(../images/graduation.jpg)no-repeat center fixed;
    background-size: cover;-ms-behavior: url(backgroundsize.htc); 
    behavior: url(backgroundsize.htc);
    min-height:350px;
}
.testimo-main {
    margin-top: 7em;
        text-align: center;
}
.testimo-main h3 {
    font-size: 2em;
    color:#7d0022;
    margin-bottom: 1em;
	line-height: 1.4em;
}
.testimo-main p {
    font-size: 0.95em;
    color: #fff;
    width: 55%;
    margin: 0 auto;
    line-height: 1.8em;
}
.zylinks{word-break:break-all;white-space: pre-wrap;}
.zylinks a{ color:#FFF; margin:0 15px 15px 15px; border:1px solid #fff; padding:0 10px 0 10px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; font-size:16px; line-height:30px; display:}
.zylinks a:hover{ background:#7d0022}
/*--testimonial end here--*/
/*--admission strat here--*/
/*-- w3layouts --*/
.admission {
    padding: 2em 0em;
    background: #F7F7F7;
}
.admission-top h3 {
    font-size: 2.5em;
    color:#106470;
    text-align: center;
	line-height:1.4em;
}
span.quot1 {
    background: url(../images/quot1.png)no-repeat;
    width: 12%;
    height: 50px;
    display: inline-block;
    float: left;
}

.quot-text p {
    font-size: 0.8em;
    color: #767676;
    line-height: 1.5em;
    width: 100%;
}
.quot-text h4 {
    font-size: 1em;
    margin-top: 1em; margin-bottom:1em;
    color:#F33;
}
.datetxt{ margin-top:1em; display:block; text-align:right; font-size:0.8em; color:#ccc}
.admission-top {
    margin-bottom: 5em;
}
/*--admission end here--*/
/*--course strat here--*/
.course-left {
    background: url(../images/h2.jpg)no-repeat;
    background-size: cover;-ms-behavior: url(backgroundsize.htc); 
    behavior: url(backgroundsize.htc);
    min-height: 500px;
}
.course-right {
    margin-top: 7em;
    padding: 0em 0em 0em 6em;
}
.course-right h6 {
    font-size: 1em;
    color: #999;
}
/*-- agileits --*/
.course-right h3 {
    font-size: 2.5em;
    color: #106470;
    margin: 0.2em 0em;
}
.course-right p {
    font-size: 0.95em;
    color: #767676;
    line-height: 1.8em;
    width: 81%;
    margin: 1em 0;
}
.course-right a {
    font-size: 1em;
    color: #fff;
    background: #106470;
    padding: 0.6em 1em;
    display: block;
    width: 16%;
    text-align: center;
    border-radius: 3px;
    margin-top: 1.2em;
}
.course-right a:hover{
	background: #FBA919;
}
/*--course end here--*/
/*--footer start here--*/
/*-- footer --*/
.footer{
	padding:4em 0;
	background:#212121;
}
.footer-grid h4 a{
	font-size:3em;
	color:#5C5C5C;
	text-decoration:none;
}
.footer-grid p {
    font-size: 0.95em;
    color: #999;
    line-height: 1.8em;
    margin: 3em 0 2em;
}
.footer-grid ul{
	padding: 0;
}
.newsletter{
	margin:2em 0 0;
}
/*-- w3layouts --*/
.newsletter input[type="email"]{
	outline: none;
    padding: 10px;
    background: #686868;
    border: 1px solid #838181;
    font-size: 14px;
    width: 70%;
    float: left;
    color: #fff;
}
.newsletter input[type="submit"]{
	outline: none;
    padding: 10px 0;
    background: #fba919;
    border: none;
    font-size: 1em;
    width: 30%;
    color: #fff;
}
.newsletter input[type="submit"]:hover{
	background:#106470;
}
.footer-grid h3 {
    font-size: 1em;
    color: #999;
    margin: 0 0 0.5em;
    text-transform: capitalize;
}
ul.linktxt{ margin-bottom:1em}
ul.linktxt li{ line-height:1.5em; font-size:1em; height:1.5em; width:95%; overflow:hidden; list-style:none; color:#333}
ul.linktxt li a{ color:#106470}
ul.linktxt2{ margin:0; padding:0; margin-bottom:1em; text-indent:0;}
ul.linktxt2 li{ line-height:1.5em; font-size:0.8em; list-style:none; color:#999; margin:0; padding:0; float:left; margin-right:2em;}
ul.linktxt2 li a{ color:#106470}
.footer-grid-left{
	float:left;
	width:33.33%;
}
.footer-grid-left img{
	margin:0.3em; max-width:90%;
}
ul.footer-address{ margin:0; padding:0;}
ul.footer-address li {
    list-style-type: none;    font-size: 1em;
    line-height: 1.5em;
    color: #666;
}
ul.footer-address li span {
    left: -1em;
    padding-left: 2em;
}
/*-- agileits --*/
ul.footer-address li a {
    color: #999;
}
ul.footer-address li a:hover {
    color: #fff;
}
.footer-copy {
    padding: 1.5em 0;
    background: #141414;
    text-align: center;
}
.footer-copy p {
    font-size: 14px;
    color: #8F8F8F;
    margin: 0;
    line-height: 1.8em;
}
.footer-copy p a {
    color: #106470;
    text-decoration: none;
}
.footer-copy p a:hover {
    color: #8F8F8F;
}
/*-- //footer --*/
/*--about start here--*/
.about {
  padding: 0em 0em 5em 0em;
}
.about {
  padding: 4em 0em 5em 0em;
}
.about-main {
  background: #fff;
  margin: 0em 0em 5em 0em;
}
.abouttop-right h4 {
  font-size: 1.6em;
  margin: 0em 0em 0.5em 0em;
}
.abouttop-right h4 a{
	color:#FBA919;
}
.abouttop-right h4 a:hover{
	color:#106470;
	text-decoration:none;
}
.abouttop-right p {
    font-size: 0.95em;
    color: #767676;
    line-height: 1.8em;
}
.about-top h2 {
    font-size: 2.5em;
    color: #106470;
    margin: 0em 0em 1.5em 0em;
    text-align: center;
}
/*-- team --*/
.team h3 {
    font-size: 2.5em;
    color: #106470;
    margin: 0em 0em 1.5em 0em;
    text-align: center;
}
.btm-right {
    text-align: center;
	padding: 1em;
}
.captn h4 {
    font-size: 1.5em;
    color: #FBA919;
    margin: 0.5em 0 0.3em;
}
.captn  p{
    font-size: 0.9em;
    color: #999;
	font-style:italic;
    margin: 0em 0 0.5em;
}
.captn2 li a{
    width: 30px;
    height: 30px;
    display: inline-block;
    border: 1px solid #fff;
    margin: 0 3px;
}
.captn2 a:hover {
    transform: rotateY(360deg);	
	border-radius:100px;
}
.captn2 li{
	display:inline-block;
}
.captn2 li a.icon1{
	background:url(../images/img-sprite.png) no-repeat -3px -1px;	
}
.captn2 li a.icon2{
	background:url(../images/img-sprite.png) no-repeat -80px 0px;	
}
.captn2 li a.icon3{
	background:url(../images/img-sprite.png) no-repeat -150px 0px;	
}
.captn2 li a.icon1:hover{
	background:url(../images/img-sprite.png) no-repeat -3px -48px;	
}
.captn2 li a.icon2:hover{
	background:url(../images/img-sprite.png) no-repeat -80px -48px;	
}
.captn2 li a.icon3:hover{
	background:url(../images/img-sprite.png) no-repeat -150px -48px;	
}
.btm-right:hover {
	background:#106470;
	padding:1em;
	transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.btm-right:hover .captn  p{
    color: #000;
	transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.btm-right:hover .captn2 li a.icon1{
	background:url(../images/img-sprite.png) no-repeat -3px -48px;	
}
.btm-right:hover .captn2 li a.icon2{
	background:url(../images/img-sprite.png) no-repeat -80px -48px;	
}
.btm-right:hover .captn2 li a.icon3{
	background:url(../images/img-sprite.png) no-repeat -150px -48px;	
}
.btm-right:hover .captn2 a {
    border-radius:100px;
}
ul.captn2 {
    padding: 0;
}
/*-- //team --*/
.history {
  margin: 4em 0em 0em 0em;
}
.history {
  margin: 4em 0em 0em 0em;
  background: #fff;
  border-radius: 4px;
}
.history-top h3 {
  font-size: 2.5em;
  color:#106470;
  padding: 0em 0em 0.5em 0.5em;
  margin: 0em 0em 0em 0em;
  text-align: center;
}
.history-grids h4 {
  font-size:1.6em;
  color:#FBA919;
  margin: 0em 0em 0.2em 0em;
}
.history-bottom {
  padding: 2em 0em 1em 0em;
}
.history-grids p {
  font-size: 0.95em;
  color: #767676;
  line-height: 1.8em;
}
/*--about end here--*/
/*--short codes--*/
.page-header h3 {
    font-size: 2em;
    color: #fba919;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: none;
}
.grid1 {
  margin: 1.5em 0 0;
}
ul.nav.nav-pills {
  margin: 1.5em 0 0;
}
.grid2{
	margin: 1em 0 0;
}
.bs-example {
  padding: 2em 0 0;
}
.form-horizontal .control-label {
  text-align: left;
}
h3.typo1 {
  text-align: center;
  font-size: 2.5em;
  color:#106470;
}
.page {
  padding: 4em 0em 4em 0em;
}
/*--//short codes--*/
/*--galler start here--*/
.gallery {
  padding: 4em 0em;
}
.gallery-top h2 {
  font-size: 2.5em;
  color:#106470;
  margin: 0em;
}
.gallery-grid {
  margin: 0em 0em 2em 0em;
}
.gallery-top {
  padding: 0em 0em 4em 0em;
  text-align: center;
}
/*----*/
.col1 figure {
	position: relative;
	float: left;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
	width:100%;
}
.col1 figure img {
	position: relative;
	display: block;
	height:250px; margin:0 auto;
}

.features-grids figure figcaption {
	padding: 2em;
	color: #fff;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}
.col1 figure figcaption::before,
.fcol1 figure figcaption::after {
	pointer-events: none;
}
.col1 figure figcaption{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
figure.effect-bubba {
	background:#106470;
}
figure.effect-bubba:hover img {
	opacity: 0.3;
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s,-webkit-transform 0.35s;	
	-moz-transition: opacity 0.35s, -moz-transform 0.35s;
	-o-transition: opacity 0.35s, -o-transform 0.35s;
	-ms-transition: opacity 0.35s, -ms-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	-moz-transform: scale(0,1); 
	-o-transform: scale(0,1);
	-ms-transform: scale(0,1);
	transform: scale(0,1);
}

figure.effect-bubba figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	-moz-transform: scale(1,0);
	-o-transform: scale(1,0);
	-ms-transform: scale(1,0);
	transform: scale(1,0);
}
figure.effect-bubba h4 {
	padding-top: 21%;
	-webkit-transition: transform 0.35s;
	-moz-transition: transform 0.35s;
	-o-transition: -o-transform 0.35s;
	-ms-transition: -ms-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	-moz-transform: translate3d(0,-20px,0);
	-o-transform: translate3d(0,-20px,0);
	-ms-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
	opacity:0;
	color:#fff;
	font-size: 1.5em;
}
figure.effect-bubba h4.gal {
	padding-top: 25%;
}
figure.effect-bubba p {
	padding: 0.5em 2.5em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	-moz-transition: opacity 0.35s, -moz-transform 0.35s;
	-o-transition: opacity 0.35s, -o-transform 0.35s;
	-ms-transition: opacity 0.35s, -ms-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	-moz-transform: translate3d(0,20px,0);
	-o-transform: translate3d(0,20px,0);
	-ms-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
	color:#fff;
	line-height: 1.5em;
	font-size: 0.9em;
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

figure.effect-bubba:hover h4,
figure.effect-bubba:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
/*--//welcome--*/
/*--gallery end here--*/
/*--services--*/
.ser-top {
    margin-bottom: 3em;
    text-align: center;
}
.ser-top h3 {
    margin-bottom: 0.4em;
    font-size: 3em;
    font-weight: bold;
	color:#000;
}
.ser-top p {
    font-size: 0.95em;
    color: #767676;
    line-height: 1.8em;
    margin: 0em auto;
    width: 52%;
}
.ser-t {
    text-align: center;
    margin: 0 auto;
    width: 20%;
    position: relative;
}
.ser-t b{	
	width: 100%;
    height: 2px;
    display: block;
    background: #D5D5D5;
    margin-bottom: 3px;
}
.ser-t b.line{
    margin: 0 auto;
    height: 5px;
    background: #F05E6B;
}
.service {
    padding: 5em 0;
}
.ser-head h5{
	font-size: 1.2em;
    text-transform: uppercase;
    line-height: 1.7em;
    color: #F05E6B;
    font-weight: 900;
	margin-bottom: 1em;
}
.ser-head p{
	font-size: 0.9em;
    color: #999;
    line-height: 2em;
    margin: 1em 0;
}
.ser-head ul li{
	display: block;
    font-size: 0.9em;
    color: #999;
    line-height: 2.3em;
    list-style: none;
}
.ser-head ul li i{
	color:#02C7DA;
    margin-right: 2%;
}
/*----*/
.hi-icon {
	display: inline-block;
	font-size: 0px;
	cursor: pointer;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #fba919;
}

.hi-icon:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
}

.hi-icon:before {	
	speak: none;
	font-size: 30px;
	line-height: 71px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
}
/* Effect 7 */
.hi-icon-effect-7 .hi-icon {
	box-shadow: 0 0 0 4px #106470;
	-webkit-transition: background 0.2s, color 0.2s;
	-moz-transition: background 0.2s, color 0.2s;
	transition: background 0.2s, color 0.2s;	
}

.hi-icon-effect-7 .hi-icon:hover {
	color: #106470;
}

.hi-icon-effect-7 .hi-icon:after {
	top: -8px;
	left: -8px;
	padding: 8px;
	z-index: -1;
	opacity: 0;
}

/* Effect 7a */
.hi-icon-effect-7a .hi-icon:after {
	box-shadow: 0 0 0 #106470;
	-webkit-transition: opacity 0.2s, box-shadow 0.2s;
	-moz-transition: opacity 0.2s, box-shadow 0.2s;
	transition: opacity 0.2s, box-shadow 0.2s;
}

.hi-icon-effect-7a .hi-icon:hover:after {
	opacity: 1;
	box-shadow: 3px 3px 0 #106470;
}

.hi-icon-effect-7a .hi-icon:before {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0.7;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s;
}

.hi-icon-effect-7a .hi-icon:hover:before {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/*----*/
.service h2 {
    font-size: 2.5em;
    color: #106470;
    margin: 0em 0em 1.5em 0em;
    text-align: center;
}
.ser-grid h3{
	font-size:1.5em;
	color:#fba919;
	margin: 1em 0 0.5em;
}
.ser-grid p {
    font-size: 0.95em;
    color: #767676;
    line-height: 1.8em;
}
.ser-grid:nth-child(1){
    border-bottom:1px dashed #000;
}
.ser-grid:nth-child(2){
    border-left: 1px dashed #000;
    border-bottom:1px dashed #000;
}
.ser-grid:nth-child(3){
    border-left: 1px dashed #000;
    border-bottom:1px dashed #000;
}
.ser-grid:nth-child(5){
    border-left: 1px dashed #000;
}
.ser-grid:nth-child(6){
    border-left: 1px dashed #000;
}
.ser-grid {
    padding: 1.5em;
    text-align: center;
}
.ser-head1 {
    margin-bottom: 6em;
}
/*--//service--*/
/*--contact strat here--*/
.contact {
    padding: 5em 0em;
}
.contact-top h2 {
    font-size: 2.5em;
    color: #106470;
}
.contact-top h3 {
    font-size: 2.5em;
    color: #106470;
}
.contact-top p {
    font-size: 0.95em;
    color: #767676;
    line-height: 1.8em;
    margin: 1em 0;
}
.contact-top {
    margin-bottom: 3em;
}
.conta-1 {
    padding: 2em 0em;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
span.con-ph {
    background: url(../images/phone.png)no-repeat;
    width: 35px;
    height: 30px;
    display: inline-block;
}
span.con-location {
    background: url(../images/location.png)no-repeat;
    width: 35px;
    height: 30px;
    display: inline-block;
}
.conta-2 {
    padding: 2em 0em;
    border-bottom: 1px solid #ccc;
}
.con-para {
    display: inline-block;
}
.con-para h6 {
    font-size: 1.1em;
    color: #106470;
    margin-bottom: 0.2em;
}
.con-para p {
    font-size: 0.95em;
    color: #767676;
}
input.shart {
    font-size: 1em;
    color: #777;
    padding: 0.5em;
    border: 1px solid #999;
    border-radius: 2px;
    width: 49.5%;
    outline: none;
}
input.long {
    font-size: 1em;
    color: #777;
    padding: 0.5em;
    width: 100%;
    margin: 0.8em 0em;
    outline: none;
    border: 1px solid #999;
    border-radius: 2px;
}
textarea {
    font-size: 1em;
    color: #777;
    border: 1px solid #999;
    border-radius: 2px;
    width: 100%;
    height: 8em;
    padding: 0.5em;
    outline: none;
    resize:none;
}
.contact-right input[type="submit"] {
    font-size: 1em;
    color: #fff;
    border: none;
    background:#FBA919;
    padding: 0.5em 1em;
    outline: none;
    margin: 0.8em 0em;
    border-bottom: 3px solid #C3820F;
}
.contact-right input[type="submit"]:hover{
    background:#106470;
    border-bottom: 3px solid #752C0D;
    transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
}
.map{
	margin-top:3em;
}
.map iframe {
    width: 100%;
    height: 300px;
    border: none;
}
/*--contact end here--*/
/*--responsive design--*/
@media(max-width:1440px){
.course-right a {
    width: 19%;	
}
}
/*--responsive design--*/
@media(max-width:1366px){
.course-right a {
    width: 22%;
}
.course-right {
    margin-top: 7em;	
}
}
/*--responsive design--*/
@media(max-width:1280px){
	
}
/*--responsive design--*/
@media(max-width:1024px){
.abouttop-right h4 {
    font-size: 1.3em;
    margin: 0em 0em 0.2em 0em;
}	
.abouttop-right p {
    font-size: 0.91em;
}
.navbar-toggle {
    background-color: #7d0022;
}
.navbar-toggle {
    float: none;
}
.navbar-header {
    text-align: center;
     margin-right:0px; 
}
.addre p {
    font-size: 0.75em;
}
.banner-bottom a {
    width: 28%;
}
.about-top h2 {
    margin: 0em 0em 1em 0em;
}
.wel-block {
    margin-top: 2em;
}
.wel-top h3 {
    font-size: 2em;
}

.testimo-main p {
    width: 60%;
}
.course-right {
    margin-top: 6em;
    padding: 0em 0em 0em 3em;
}
.course-right p {
    width: 90%;
	font-size:0.875em;
}
.course-right a {
    width: 25%;
}
.banner {
    min-height: 600px;
}
.banner-bottom {
    margin-top: 6em;
}

.welcome {
    padding: 3em 0em;
}
.wel-text h4 {
    font-size: 1.3em;
}
.wel-text p {
    font-size: 0.875em;
}
.testimo-main h3 {
    font-size: 2em;
}
.testimo-main p {
    font-size: 0.875em;
}
.admission {
    padding: 3em 0em;
}
.admission-top {
    margin-bottom: 3em;
}
.quot-text p {
    font-size: 0.875em;
}
.admission-top h3 {
    font-size: 2em;
}
.quot-text h4 {
    font-size: 1em;
}
.course-right h3 {
    font-size: 2em;
}
.footer-grid h4 a {
    font-size: 2.5em;
}
.footer-grid p {
    font-size: 0.875em;
	margin: 2em 0 2em;
}
.footer-grid h3 {
    font-size: 1.8em;
}
.footer-grid ul.footer-address li {
    font-size: 13px;
}
.service h2 {
    margin: 0em 0em 1em 0em;
}
.banner1 {
    min-height: 350px;
}
}
/*--responsive design--*/
@media(max-width:991px){
.header {
    padding: 60px 0 1em 0;
}
.yximg,.slidenum{ display:none}	
.searchbox{ margin-top:0px;}
	
.logo {
    float: left;
    width: 80%;
}
.details {
    float: right;
    width: 60%;
}	
.banner-bottom {
    width: 50%;
}
.wel-img {
    width: 44%;
}
    .img-responsive,
    .thumbnail > img,
    .thumbnail a > img,
    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img {
        display: block;
        max-width: 44%;
        height: auto;
        padding-right: 15px;
        padding-left: 15px;
        float: left;
    }
.course-right {
    margin: 4em 0em;
}
.footer-main p {
    width: 60%;
}
.admission-top {
    margin-bottom: 2em;
}
.abouttop-left {
    width: 65%;
    margin: 0 auto 1em;
}
.team-grid {
    float: left;
    width: 50%;
    margin-bottom: 2em;
}
.history-bottom {
    padding: 0em;
}
.history-grids {
    margin-bottom: 1em;
}
.history {
    margin: 2em 0em 0em 0em;
}
.about-main {
    margin: 0em 0em 2em 0em;
}
.col1.gallery-grid {
    float: left;
    width: 50%;
}
.contact-right {
    margin-top: 2em;
}

.wel-top h3 {
    font-size: 1.9em;
}
.testimo-main h3 {
    font-size: 1.9em;
}
.admission-top h3 {
    font-size: 1.8em;
}
.course-right h3 {
    font-size: 1.9em;
}
.footer-grid {
    margin-bottom: 2em;
}
.footer-grid h3 {
    font-size: 1.7em;
    margin: 0 0 1em;
}
.footer {
    padding: 2em 0;
}
.quot-text {
    width: 92%;
}
span.quot1 {
    width: 5%;
}
.admission-left {
    margin-bottom: 1em;
}
.bottom-grid {
    float: left;
    width: 50%;
}
.ser-grid {
    float: left;
    width: 33.33%;
}
.ser-grid h3 {
    font-size: 1.2em;
}
.wel-block-1 {
    margin-bottom: 1.5em;
}
.ser-top p {
    width: 100%;
}
.service {
    padding: 3em 0;
}
.banner1 {
    min-height: 320px;
}
}
/*--responsive design--*/
@media(max-width:768px){
.wel-img {
    float: left;
    width: 43%;	
}
    .img-responsive,
    .thumbnail > img,
    .thumbnail a > img,
    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img {
        display: block;
        max-width: 43%;
        height: auto;
        padding-right: 15px;
        padding-left: 15px;
        float: left;
    }
.banner-bottom {
    width: 50%;
}
.banner {
    min-height:430px;
}
.banner-bottom {
    margin-top: 0em;
    width: 60%;
}
.testimo-main p {
    width: 75%;
}
.testimo {
    min-height: 250px;
}
.testimo-main {
    margin-top: 4em;
}
.welcome {
    padding: 3em 0em;
}
.wel-block {
    margin-top: 3em;
}
.admission {
    padding: 3em 0em;
}
.admission-top {
    margin-bottom: 2em;
}
.course-left {
    min-height: 450px;
}
.course-right {
    margin: 3em 0em;
    padding: 0em 0em 0em 2em;
}
.footer-main p {
    width: 85%;
}
.footer-main input[type="text"] {
    width: 35%;
}
.about {
    padding: 3em 0em 3em 0em;
}
.about-main {
    margin: 0em 0em 3em 0em;
}
.team-grid {
    float: left;
    width: 50%;
    margin-bottom: 2em;
}
.history {
    margin: 2em 0em 0em 0em;
}
.history-bottom {
    padding: 0em;
}
.history-grids {
    padding-bottom: 1em;
}
.page {
    padding: 3em 0em 3em 0em;
}
h3.typo1 {
    font-size: 2.5em;
}
.gallery {
    padding: 3em 0em;
}
.gallery-top {
    padding: 0em 0em 2em 0em;
}
.gallery-top h2 {
    font-size: 2.5em;
}
.col1.gallery-grid {
    float: left;
    width: 50%;
}
.contact {
    padding: 3em 0em;
}
.contact-left {
    margin-bottom: 2em;
}
.map {
    margin-top: 2em;
}
.logo {
    float: left;
    width: 45%;
}
.details {
    float: right;
    width: 55%;
}
/*--typo--*/
.page {
  margin: 2em 0;
}
h3.typo1 {
  font-size: 2em;
}
h1.grid2 {
  font-size: 2.3em;
}	
.testimonal-main a.testimo-btn {
  font-size: 0.81em;
}	
h3.typo1 {
  font-size: 2.5em;
}
}
/*--responsive design--*/
@media(max-width:736px){
.slideBox .bd img{ height:0px; padding-bottom:300px; display:block; background-position:center; background-size:cover;-ms-behavior: url(backgroundsize.htc); 
    behavior: url(backgroundsize.htc);}	
.slideBox .bd li a div.col-md-4{ height:100px !important; line-height:20px; font-size:16px; overflow:hidden !important; padding:0.2em 0.5em 0 0.5em;}	
.slideBox .bd li div.image-intro{ position:inherit; top:auto; left:auto; background:#000; height:50px; line-height:50px; overflow:hidden; z-index:1000;width:100%; padding:0px 1em 0px 1em; color:#FFF; font-size:0.8em; filter:alpha(opacity=50); /*IEÃ¦Â»Â¤Ã©â€¢Å“,Ã©â‚¬ÂÃ¦ËœÅ½Ã¥ÂºÂ¦50%*/ -moz-opacity:0.5; /*FirefoxÃ§Â§ÂÃ¦Å“â€°,Ã©â‚¬ÂÃ¦ËœÅ½Ã¥ÂºÂ¦50%*/ opacity:0.5;}
.slideBox .prev,
		.slideBox .next{right:auto; left:0px; top:25%; }
		.slideBox .next{ right:0px; left:auto; top:25%; background-position:18px 8px; }
.wel-top h3 {
    font-size: 1.8em;
}
.testimo-main h3 {
    font-size: 1.8em;
}
.course-right h3 {
    font-size: 1.8em;
}

}
/*--responsive design--*/
@media(max-width:640px){	
	
.navbar-nav > li {
    width: 33.3%; float:left;	
}
.dropdown-menu{ min-width:inherit}
.navbar-toggle .icon-bar {
    background: #fff;
}
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 0px 5px 0px; text-align:center;
}
.banner1 {
    min-height: 300px;
}
.banner-bottom h2 {
    font-size: 1.3em;
}
.bann-para {
    margin-top: 3em;
}
.banner-bottom {
    width: 70%;
}
.footer-main p {
    width: 100%;
    font-size: 0.9em;
}
.course-left {
    min-height: 370px;
}
.footer-main input[type="text"] {
    width: 50%;
}
.map iframe {
    height: 225px;
}
.logo h1 {
    font-size: 2.4em;
}
.logo {
    width: 40%;
}
.details {
    width: 60%;
}
.navbar-toggle {
    margin-right:0px
}
/*--typo--*/
button.btn.btn-lg {
  font-size: 1.1em;
}
h1.grid2 {
  font-size: 2em;
}
h2.grid2 {
  font-size: 1.9em;
}
h3.typo1 {
  font-size: 2.5em;
}
.page {
  margin: 2em 0;
}
figure.effect-bubba h4 {
    font-size: 1.3em;
}
}
/*--responsive design--*/
@media(max-width:480px){
	
	
	
.banner-bottom {
    width: 100%;
}
.wel-top h3 {
    font-size: 1.5em;
}
.wel-img {
    }
.wel-text {
    margin-top: 0em;
}
.quot-text {
    width: 100%;
}
.testimo-main h3 {
    font-size: 1.5em;
}
.testimo-main p {
    font-size: 0.9em;
    width: 94%;
}
.wel-text h4 {
    font-size: 1.1em;
}
.banner-bottom h2 {
    font-size: 1.1em;
}
.wel-text p {
    font-size: 0.85em;
}
.admission-top h3 {
    font-size: 1.5em;
}
span.quot1 {
    width: 7%;
}
.quot-text p {
    font-size: 0.9em;
}
.about-top h2 {
    margin: 0em 0em 0.5em 0em;
    font-size: 2em;
}
.abouttop-left img {
    width: 100%;
    margin: 0em auto 1em;
}
.about {
    padding: 2em 0em 2em 0em;
}
.course-right a {
    font-size: 0.9em;
    padding: 0.6em 0.5em;
}
.course-right h3 {
    font-size: 1.5em;
}
.course-right p {
    width: 80%;
    font-size: 0.9em;
}
.footer-main h3 {
    font-size: 1.5em;
}
.col1.gallery-grid {
    width: 100%;
    margin: 0em 0em 1em 0em;
}
.gallery-top h2 {
    font-size: 2em;
}
.contact-top h2 {
	font-size: 2em;
}
.contact-top h3 {
    font-size: 2em;
}
.map iframe {
    height: 170px;
}
input.shart {
    font-size: 1em;
    width: 100%;
    margin-bottom: 1em;
}
input.long {
    margin: 0em 0em 1em 0em;
}
.contact-top {
    margin-bottom: 2em;
}
.bann-para {
    margin-top: 2em;
}
/*--typo--*/
.page-header h3 {
  font-size: 2em; 
}
button.btn.btn-lg {
  font-size: 1em;
  padding: 7px;
}
button.btn.btn-1 {
  font-size: 0.9em;
  padding: 8px;
}
button.btn.btn-sm {
  font-size: 0.8em;
  padding: 9px;
}
h1#h1-bootstrap-heading {
  font-size: 2.2em;
}
h2#h2-bootstrap-heading {
  font-size: 2em;
}
h1.grid2 {
  font-size: 1.45em;
}
h2.grid2 {
  font-size: 1.35em;
}
h3.grid2 {
  font-size: 1.3em;
}
h4.grid2 {
  font-size: 1.2em;
}
h3.typo1 {
  font-size: 2em;
}
.wel-block {
    margin-top: 2em;
}
.bann-para p {
    font-size: 0.875em;
}
.team h3 {
    font-size: 2em;
}
.service h2 {
    font-size: 2em;
}
.ser-grid {
    float: left;
    width: 100%;
}
.ser-grid:nth-child(2) {
    border-left: none;
    border-bottom: none;
}
.ser-grid:nth-child(3) {
      border-left: none;
    border-bottom: none;
}
.ser-grid:nth-child(5) {
    border-left: none;
}
.ser-grid:nth-child(6) {
      border-left: none;
}
.ser-grid:nth-child(1) {
     border-bottom: none;
}
.ser-head1 {
    margin-bottom: 1.5em;
}
.banner1 {
    min-height: 270px;
}
.contact-top h2 {
    font-size: 2em;
}
.contact-top h3 {
    font-size: 2em;
}
}
/*--responsive design--*/
@media(max-width:414px){
.logo {
    width: 100%;
    text-align: center;
}
.details {
    width: 100%;
}
.social {
    float: none;
    padding: 1em 0 0;
    text-align: center;
}
.bann-para p {
    font-size: 0.85em;
}
.wel-top h3 {
    font-size: 1.3em;
}
.wel-img {
    width: 100%;
}
.wel-img img {
    width: 100%;
}
    .img-responsive,
    .thumbnail > img,
    .thumbnail a > img,
    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img {
        display: block;
        max-width: 100%;
        height: auto;
        padding-right: 15px;
        padding-left: 15px;
        float: left;
    }
.wel-text {
    width: 100%;
	margin-bottom:1em;
}

.arcticle-list li .wel-img {
    width: 100%; 
}
.arcticle-list li .wel-text {
    width: 100%;
}

.testimo-main {
    margin-top: 2em;
}
.testimo-main h3 {
    font-size: 1.3em;
}
.testimo-main p {
    font-size: 0.85em;
    width: 100%;
}
.testimo {
    min-height: 185px;
}
.admission-top h3 {
    font-size: 1.3em;
}
.quot-text p {
    font-size: 0.85em;
}
span.quot1 {
    width: 9%;
}
.welcome {
    padding: 2em 0em;
}
.admission {
    padding: 2em 0em;
}
.course-left {
    min-height: 242px;
}
.course-right h3 {
    font-size: 1.3em;
}
.course-right {
    margin: 1em 0em;
    padding: 0em 1em 0em 1em;
}
.course-right p {
    width: 100%;
    font-size: 0.85em;
}
.footer-grid h4 a {
    font-size: 2em;
}
.footer-grid p {
    font-size: 0.85em;
    margin: 1em 0 0em;
}
.footer-grid h3 {
    font-size: 1.3em;
    margin: 0 0 1em;
}
.bottom-grid {
    width: 100%;
}
}
/*--responsive design--*/
@media(max-width:320px){
.logo h1 {
    font-size: 2em;
}
.navbar-toggle {
    padding: 6px 6px;
}
.navbar-toggle .icon-bar {
    width: 18px;
}
.banner-bottom {
    width: 100%;
}
.bann-para p {
    font-size: 0.8em;
}
.banner-bottom a {
    width: 34%;
    font-size: 0.8em;
    padding: 0.4em 1em;
}
.bann-para {
    margin-top: 1em;
}
.welcome {
    padding: 2em 0em;
}
.wel-top h3 {
    font-size: 1.2em;
}
.wel-block {
    margin-top: 0em;
}
.wel-img {
    width: 100%;
    float: none;
}
    .img-responsive,
    .thumbnail > img,
    .thumbnail a > img,
    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img {
        display: block;
        max-width: 100%;
        height: auto;
        padding-right: 15px;
        padding-left: 15px;
        float: none;
    }
.wel-text {
    width: 100%;
    margin-top: 1em;
}
.wel-left {
    padding: 0px;
}
.wel-right {
    padding: 0px;
}
.testimo-main h3 {
    font-size: 1.1em;
}
.testimo-main p {
    font-size: 0.8em;
    width: 100%;
}
.testimo {
    min-height: 180px;
}
.testimo-main {
    margin-top: 2.5em;
}
.quot-text p {
    font-size: 0.85em;
    width: 100%;
}
.admission-top h3 {
    font-size: 1.3em;
}
.admission {
    padding: 2em 0em;
}
.admission-left {
    padding: 0px;
}
span.quot1 {
    background-size: 100%;-ms-behavior: url(backgroundsize.htc); 
    behavior: url(backgroundsize.htc);
}
.admission-top {
    margin-bottom: 1em;
}
.quot-text h4 {
    font-size: 0.9em;
    margin-top: 0.5em;
}
.admission-left {
    margin-bottom: 1em;
}
.course-left {
    min-height: 150px;
    padding: 0px;
}
.course-right {
    margin: 2em 0em;
    padding: 0em 0em 0em 1em;
}
.course-right p {
    width: 100%;
    font-size: 0.85em;
}
.course-right a {
    width: 32%;
    margin-top: 1em;
}
.footer {
    padding: 1.7em 0em;
}
.footer-main p {
    font-size: 0.8em;
}
.footer-main input[type="text"] {
    width: 70%;
}
.footer-main input[type="submit"] {
    font-size: 1em;
}
.copy-rights-main p {
    font-size: 0.9em;
}
ul.nav.navbar-nav li a {
    font-size: 0.85em;
    padding: 0.5em 0em;
}
.about-top h2 {
    font-size: 1.5em;
}
.abouttop-left {
    padding: 0px;
}
.abouttop-right {
    padding: 0px;
}
.abouttop-right h4 {
    font-size: 1.05em;
}
.abouttop-right p {
    font-size: 0.9em;
}
.about-main {
    margin: 0em 0em 1em 0em;
}
.team h3 {
    font-size: 1.5em;
    margin: 0em 0em 0.4em 0em;
}
.team-grid {
    margin-bottom: 0.5em;
    padding: 0em 0.5em 0em 0em;
}
.history {
    margin: 1em 0em 0em 0em;
}
.history-top h3 {
    font-size: 1.5em;
    padding: 0em 0em 0.5em 0em;
}
.history-grids {
    padding: 0em 0em 1em 0em;
}
.history-grids h4 {
    font-size: 1.1em;
}
.history-grids p {
    font-size: 0.85em;
}
.banner1 {
    min-height: 260px;
}
.gallery {
    padding: 1.5em 0em;
}
.gallery-top h2 {
    font-size: 1.5em;
}
.col1.gallery-grid {
    padding: 0px;
}
.contact {
    padding: 1.7em 0em;
}
.contact-top h2 {
    font-size: 1.5em;
}
.contact-top h3 {
    font-size: 1.5em;
}
.contact-left {
    padding: 0px;
}
.contact-top p {
    font-size: 0.85em;
}
.contact-top {
    margin-bottom: 1em;
}
.conta-1 {
    padding: 1em 0em;
}
.con-para h6 {
    font-size: 1em;
}
.conta-2 {
    padding: 1em 0em;
}
.contact-left {
    margin-bottom: 1.5em;
}
.contact-right {
    padding: 0px;
}
input.shart {
    font-size: 0.8em;
    margin-bottom: 0.8em;
}
input.long {
    font-size: 0.8em;
}
textarea {
    font-size: 0.8em;
}
.contact-right input[type="submit"] {
    font-size: 0.9em;
}
.map {
    margin-top: 0.5em;
}
.addre.ad-para {
    width: 50%;
}
.addre {
    width: 25%;
}
.addre.addres-mes {
    width: 25%;
}
.banner {
    min-height: 400px;
}
/*--typo--*/
h1#h1-bootstrap-heading {
  font-size: 1.6em;
}
h2#h2-bootstrap-heading {
  font-size: 1.5em;
}
h3#h3-bootstrap-heading {
  font-size: 1.4em;
}
button.btn.btn-lg {
  font-size: 0.9em;
  margin: 0 0 0.5em 0px;
  padding: 9px;
}
.grid1 {
  margin: 0.7em 0 0;
}
button.btn.btn-1 {
  font-size: 0.8em;
  margin: 0 0 0.5em;
}
button.btn.btn-sm {
  font-size: 0.7em;
  padding: 5px;
  margin: 0 0 0.5em;
}
button.btn.btn-xs {
  font-size: 0.7em;
}
ul.nav.nav-pills a{
	padding: 0.5em;
  font-size: 0.9em;
}
span.label {
  margin: 0 0 0.5em;
  display: inline-block;
}
.page {
  padding: 0 0 1em;
}
.page-header {
  margin: 16px 0 9px;
}
.grid2 {
  margin: 0.4em 0 0;
}
.bs-example {
  padding: 1em 0 0;
}
h3.typo1 {

  font-size: 1.8em;
}	
figure.effect-bubba h4.gal {
    padding-top: 20%;
}
.footer-grid {
    padding: 0;
}
.newsletter input[type="submit"] {
    width: 35%;
}
.newsletter input[type="email"] {
    width: 65%;
}
.bottom-grid {
    padding: 0;
}
.service {
    padding: 2em 0;
}
.service h2 {
    font-size: 1.5em;
	margin: 0em 0em 0.5em 0em;
}
.ser-top p {
    font-size: 0.9em;
}
.ser-top {
    margin-bottom: 1em;
}
.ser-grid {
    padding: 0;
	margin-top: 1.5em;
}
.ser-grid p {
    font-size: 0.9em;
}
.wel-block-1 {
    padding: 0;
}
.contact-left {
    padding: 0;
}
.contact-right {
    padding: 0;
}
.page-header h3 {
    font-size: 1.7em;
}
}

.dropdown-submenu {
                position: relative; 
            }
			
			.caret{ display:none}
			
			
            .dropdown-submenu>.dropdown-menu {
                top: 0;
                left: 100%;
                margin-top: -6px;
                margin-left: -1px;
                -webkit-border-radius: 0 6px 6px 6px;
                -moz-border-radius: 0 6px 6px;
                border-radius: 0 6px 6px 6px;
            }

            

            .dropdown-submenu>a:after {
                display: block;
                content: " ";
                float: right;
                width: 0;
                height: 0;
                border-color: transparent;
                border-style: solid;
                border-width: 5px 0 5px 5px;
                border-left-color: #ccc;
                margin-top: 15px;
                margin-left: 5px;
            }

            .dropdown-submenu:hover>a:after {
                border-left-color: #fff;
            }

            .dropdown-submenu.pull-left {
                float: none;
            }

            .dropdown-submenu.pull-left>.dropdown-menu {
                left: -100%;
                margin-left: 10px;
                -webkit-border-radius: 6px 0 6px 6px;
                -moz-border-radius: 6px 0 6px 6px;
                border-radius: 6px 0 6px 6px;
            }
  @media (min-width: 768px){
	  .caret{ display:inline-block}
	  .childnav:hover>.dropdown-menu{ display:block !important;}
            .dropdown-submenu:hover>.dropdown-menu {
                display: block;
            }
	  
  }
.fanye {
    height: 130px;
    padding-top: 30px;
}
.page-navigation {
    text-align: center;
}
.page-navigation a:link {
    text-decoration: none;
}

.page-navigation a{
    border:1px solid #ccc;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    padding: 0 8px;
    background-color: #fff;
    border: 1px solid #ccc;
    margin-right: 10px;
    color: #666;
    cursor: pointer;
    transition: background-color, fast;
    -webkit-transition: background-color, fast;
    transition: background-color, 0.2s;
    -o-transition: background-color, 0.2s;
    -ms-transition: background-color, 0.2s;
    -moz-transition: background-color, 0.2s;
    -webkit-transition: background-color, 0.2s;

    -o-border-radius: 4px, 0, 0, 0;
    -ms-border-radius: 4px, 0, 0, 0;
    -moz-border-radius: 4px, 0, 0, 0;
    -webkit-border-radius: 4px, 0, 0, 0;
}
.page-navigation select {
    margin-bottom:3px;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    padding: 0 8px;
    background-color: #fff;
    border: 1px solid #ccc;
    margin-right: 15px;
    color: #666;
    cursor: pointer;
    transition: background-color, fast;
    -webkit-transition: background-color, fast;
    transition: background-color, 0.2s;
    -o-transition: background-color, 0.2s;
    -ms-transition: background-color, 0.2s;
    -moz-transition: background-color, 0.2s;
    -webkit-transition: background-color, 0.2s;

    -o-border-radius: 4px, 0, 0, 0;
    -ms-border-radius: 4px, 0, 0, 0;
    -moz-border-radius: 4px, 0, 0, 0;
    -webkit-border-radius: 4px, 0, 0, 0;
}
.page-info {
    text-align: center;
    margin-top: 10px;
}
.page-info span {
    margin-right: 10px;
    color: #666;
}