@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed|Open+Sans:400,600,700,400italic,600italic,700italic,300|Open+Sans+Condensed:300|Roboto:300,400,600,700);

html {
  position: relative;
  min-height: 100%;
}
body {

  margin-bottom:160px;
}
h1{}
h1,h2,h3,h4,h5,h6{ font-family: "Roboto","Helvetica","Arial",sans-serif;  font-weight: 300; margin-bottom:15px;}
p{font-family: 'Open Sans', sans-serif; font-weight:400;}
ul li{font-family: 'Open Sans', sans-serif; font-weight:400; margin-bottom:10px;}
h4{ margin:15px 0; font-weight:400; }
.notice{ background-color: #dba925;}
.notice .container{padding-top:20px;}
.notice_heading{margin-top:0px; color:#fff;}
.notice_heading a{ text-decoration:none; font-size:20px; color:#fff;}
.head{ background-color:#0827aa; min-height:40px;}
.head .social-co{ float:left; padding-top:7px;}
.head .social-co a{ color:#fff; font-size:14px; margin-right:5px;}
.readmore{text-decoration:none; color:#fff;}
.notice_p a{text-decoration:none !important; color:#fff; }
.notice_p a:hover {text-decoration:none !important; color:#fff; }
.contact_us{text-align:center; font-size:20px; line-height:35px; padding-bottom:20px;}
.addres-con{padding-top:30px; padding-bottom: 30px;}
.banner_top{width:100%; height:200px;}
.banner_top2{width:100%; height:400px;}
.admission_info tr, td{border: 1px solid; padding:10px;}
.admission_info .left_col{font-weight: bold; width:25%}
.admission_info .right_col{width:75%}
.admission_info .mid_col{width:100%; font-weight:bold;}
.page_heading{font-weight:bold; text-align: center; text-transform:uppercase; }
.duckling-info{ float:right}
.duckling-info {font-family: 'Roboto', sans-serif; font-weight:400; font-size:13px; color:#fff; padding-top:9px}
.duckling-info span{ margin-left:12px;}
.duckling-info .ion{ font-size:20px; display:inline-block; vertical-align:top; margin-right:5px;}
.dir_say_img {float:left; width:20%;}
.dir_say {float:left; width:80%}
.logo{ float:left; padding:5px;}
.logo_title{ float:left; padding:10px 10px 5px 5px; font-size: 25px; text-transform: uppercase;}
.logo a{max-width:85px; display: block;}
.logo a img{ max-width: 100%; height: auto;}
.carousel{ margin-bottom: 0px !important;}
.campus{
   width:100%; float:right; text-align:center;  padding: 20px; height:300px;
}
/* .campus:hover{
    -ms-transform: scale(1.5); 
  -webkit-transform: scale(1.5); 
  transform: scale(1.5); 
}
*/
.navbar-top{ float: right;  margin: 0; padding-top: 20px;}
.navbar-top li{ margin-bottom:0;}
.navbar-top .navbar-nav > li > a {  padding-bottom:10px; padding-top:10px;}
.nav.navbar-nav li a{font-family: 'Roboto', sans-serif; font-weight:400; font-size:15px; color:#000; outline:none; background-color: transparent!important; padding-right: 10px;    padding-left: 10px;}
.navbar-top .dropdown-menu{ border-radius:0; padding:0;top: 90%;}
.navbar-top .dropdown-menu li{ margin-bottom:0;}
.navbar-top .dropdown-menu li a{padding:7px 8px;}

.info-co h1{margin-bottom:20px;}
.info-co p{font-family: 'Open Sans', sans-serif; font-weight:400; font-size:16px; margin-bottom:20px; text-align:justify;  line-height: 32px;}
.info-ch {text-align:center;}
.info-ch p{font-family: 'Open Sans', sans-serif; font-weight:400; font-size:16px; margin-bottom:10px; text-align: center;  line-height: 25px;}
.calendarBlock{  display: inline-block;  max-width: 330px; padding-top:20px;}
.calendarBlock h2{font-family: 'exomedium'; font-weight:normal; font-size:22px; color:#282828; margin:0; border-bottom:1px solid #C5C4C4; text-align:center; padding-bottom:10px;}
.calendarBlock .picker-switch{font-family: 'Roboto', sans-serif; font-weight:400; font-size:16px; color:#252525; text-transform:uppercase; line-height:40px; background-color:transparent!important;}
.calendarBlock .table-condensed tr:first-child th{ padding:0;}
.calendarBlock .table-condensed tr:last-child{border-right:1px solid #d3d3d3; border-left:1px solid #d3d3d3; border-top:1px solid #d3d3d3;}
.calendarBlock .table-condensed tr:last-child th{ background:#f6f6f6;  font-family: 'Roboto', sans-serif; font-weight:400; font-size:15px; height:45px;}
.calendarBlock .table-condensed tbody{ border:1px solid #d3d3d3;}
.calendarBlock .table-condensed tbody tr td{font-family: 'Roboto', sans-serif; font-weight:400; font-size:15px; border-bottom:1px solid #C5C4C4; border-right:1px solid #C5C4C4; width:45px; height:45px;}

.gallerysec{ background-color:#dba925; width:100%; min-height:100px; margin-top:50px;}
.videoBlock{ width:55%; float:left; padding-top:50px; padding-bottom:50px; position:relative}
.videoBlock > span{ background:url(../img/video-bg.png) no-repeat center top; display:block; text-align:center; padding: 30px 0 63px 3px;}
.videoBlock > span i.ytloader{ left: 50%;  margin-left:-11px;  position:absolute; top:40%;}

.videoBlock .cover {max-width: 454px; margin: 0 auto;}
.videoBlock .cover iframe{width: 100%; height:282px}


.videoBlock > span img{ display:inline-block; max-width:100%; height:auto}

.photogallery{ width:100%; float:right; text-align:center;  padding-top: 31px;}
.photogallery h1{font-family: 'exomedium'; font-weight:normal; font-size:16px; color:#ff6d6d; margin:25px 0; text-transform:uppercase;}

.photogallery .carousel{ height:auto;}
.photogallery .carousel .item{ height:auto; background-color:transparent;}
.photogallery .carousel .item a{ border:3px solid #0a3b72; display:block;}
.photogallery .carousel .item a img{ max-width:100%; height:auto;}
.photogallery .slide-control{ width:100px; margin:20px auto 0;}
.photogallery .slide-control a{ background-color:#2b13a4; width:34px; height:34px; display:block; text-align:center; line-height:34px; -webkit-border-radius: 4px;
-moz-border-radius: 4px; border-radius: 4px; color:#fff; font-size:20px; float:left; margin:0 4px;}

.services{ text-align:center; padding-top:45px; padding-bottom: 11%; position:relative; overflow:hidden;}
.services h1{ margin:0; font-size:39px;}
.services h3{font-family: 'exomedium'; font-weight:normal; font-size:16px; color:#ff6d6d; margin:10px 0; text-transform:uppercase;}
.services .serviceBlock{ padding-top:15px; padding-bottom:10px; margin: 0 auto; text-align:left; }
.services .serviceBlock .sb-ion{ margin-bottom:20px;    border-radius: 50%; overflow: hidden; width: 65px; height: 67px; margin: 0 auto;  border: 2px solid #959595;}
.services .serviceBlock h2{font-family: 'exomedium'; font-weight:normal; font-size:18px; color:#282828; margin:10px 0;}
.services .serviceBlock p{font-family: 'exomedium'; font-weight:normal; font-size:16px; color:#686868; margin:0;}
/*.services:after{ content:""; position:absolute; left:0; top:-14px; width:291px; height:329px; background:url(../img/pen-holder.jpg) no-repeat center top;}
.services:before{ content:""; position:absolute; right:0; bottom:-60px; width:235px; height:251px; background:url(../img/coffee-cup.png) no-repeat center bottom;}*/

.news-event{ background:url(../img/news-event-bg.jpg) repeat left top; color:#fff; text-align:center; padding-top:50px; position:relative;}
.news-event h1{ margin:0; font-size:29px;}
.news-event .eventBlock{ padding-top:15%; padding-bottom:15%; margin: 0 auto; max-width: 320px;}
.news-event .eventBlock .sb-ion{ background-color:#4e4e5e; width:140px; height:140px; margin:0 auto 20px; overflow:hidden; padding:4px;}
.news-event .eventBlock h2{font-family: 'exomedium'; font-weight:normal; font-size:22px; color:#fff; margin:10px 0;}
.news-event .eventBlock h3{font-family: 'exomedium'; font-weight:normal; font-size:16px; color:#ff6d6d; margin:10px 0; text-transform:uppercase;}
.news-event .eventBlock p{font-family: 'exoitalic'; font-weight:normal; font-size:16px; color:#c7c7c8; margin:0;}
.news-event:before{ content:""; position:absolute; right:0; left:0; top:-120px; width:150px; height:150px; margin:0 auto; background:url(../img/news-c1.png) no-repeat center top;}


.duckling-category{ background-color:#d59f0f; padding:10px 0;}
.categorybox{ border:2px solid #fff; position:relative; max-width:354px; margin:15px auto;}
.categorybox span{font-family: 'exomedium'; font-weight:normal; font-size:17px;  background-color:rgba(0,0,0,0.72); display:block; position:absolute; left:0; bottom:0; width:100%; line-height:39px; text-align:center; color:#fff;}
.categorybox img{ max-width:100%; height:auto;}


.adddress .ft-logo{ padding-bottom:10px;}
.footer-nav .social-co{margin:4px -2px;overflow: hidden;}
 .social-co a{ font-size: 21px;  margin: 0 2px;  padding: 6px; width: 30px; height: 30px; text-align: center;    border-radius: 4px; float:left}
 .social-co a{ background-color:#fff; font-size: 18px;}	
.social-co a{ background-color:#fff; color:#fff !important; font-size: 18px;}

.inner-body .navbar-wrapper{ border-bottom: 1px solid #cecece; margin-bottom:20px;}
.inner-body footer{ border-top: 1px solid #cecece;}

.contactUs{ padding-bottom:40px;}
.contactUs address{float: left;  width: 315px;}
.contactUs address h1{ margin:0 0 10px 0; font-size:20px; }
.contactUs address p{font-family: 'Open Sans', sans-serif; font-weight:400; font-size:14px; color: #333; margin:0}
.contactUs address .duckling-info{ color: #333; float:left}
.contactUs address .duckling-info span{ display:block; width:100%; padding-bottom:7px; margin-left:0; font-size: 14px;}

.maplocation { border: 1px solid #c1c1c1; display: inline-block;  padding: 10px; width: 100%;}
.maplocation img{ max-width:100%; height:auto;}


.photo-gallery h1{font-family: 'Roboto', sans-serif; font-weight:normal; font-size:20px; color:#ff6d6d; margin:0 0 15px 0; text-transform:uppercase; text-align:center;}
.photo-gallery .duckling-photos{ text-align:center}
.photo-gallery .duckling-photos ul{ padding:0; margin:0; display:inline-block}
.photo-gallery .duckling-photos ul li{ float:left; list-style:none;  margin:10px; max-width: 270px;}
.photo-gallery .duckling-photos ul li img{ max-width:100%; height:auto}

.photo-gallery .duckling-photos ul li {display: inline-block;height: auto;	padding: 4px;line-height: 1.42857143;	background-color: #fff;
	border: 1px solid #ddd; border-radius: 4px; 	-webkit-transition: all .2s ease-in-out; 	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out}

.featurette h2{font-family: 'Roboto', sans-serif; font-weight:normal; font-size:25px; }
.featurette p{font-family: 'Open Sans', sans-serif; font-weight:400; font-size:16px; color: #333;}
.featurette-divider{ margin:20px 0}

.contant-section{font-family: 'Open Sans', sans-serif; font-weight:400; font-size:15px;}
.contant-section p{ font-size:14px; line-height:24px;}


.footer p{font-family: 'Roboto', sans-serif; font-weight:normal; font-size:16px; color:#fff;}
.footer-nav ul{  float:left; padding:0;}
.footer-nav h2{font-family: 'Roboto', sans-serif; font-weight:normal; font-size:18px; margin:0 0 5px 0; color:#d59f0f;}
.footer-nav ul li{ list-style:none; padding:2px 0;}
.footer-nav ul li a{font-family: 'Roboto', sans-serif; font-weight:normal; font-size:16px; color:#fff; text-decoration:none;}
.footer-nav ul li a:hover{ color:#fd8888;}

.footer {
  position: absolute;
  width: 100%;
  background-color:#2b2527;
  color:#FFFFFF;
  padding-top:25px;

}
.footers {
  padding-top: 20px;
 

}

.contactform{ display: block;  clear: both; max-width: 430px;}
.contactform .form-control{     font-family: 'Roboto', sans-serif; font-weight: 400; height: 45px;  padding: 10px;}
.contactform textarea.form-control{ min-height: 100px;  resize: none;}

.adddress .ft-logo{width: 16%;  float: left; margin-right: 10px;}
.adddress .ft-logo img{max-width: 100%; height: auto;}
.adddress .ft-logo p{float: left; width: 74%;}


.ourSeries .col-md-6{ margin-bottom:15px;}
.ourSeries .col-md-6 img{ max-width:100%;}
.ourSeries .col-md-6 .viewlarge{  position: absolute; top: 0;  right: 15px;
    background-color: rgba(0,0,0,0.8);
    color: #fff;
    font-size: 23px;
    line-height: 19px;
    padding: 0 5px;}
.ourSeries .col-md-6 .viewlarge a{ color:#fff;}
@media (min-width:768px) and (max-width:991px) {
	.dir_say_img {   float: left;    width: 30%;}
	.dir_say {   float: left;    width: 70%; }
	.navbar-top {padding-top: 10px;}
	.logo{ position:absolute;  float: left; padding: 20px 0;    font-size: 16px;    text-transform: uppercase;}
.carousel.mainCarousel{ height:auto;}
.carousel.mainCarousel .item{ height:auto; }
.carousel.mainCarousel .carousel-inner > .item > img{ position:inherit}
.carousel .carousel-caption h1{ font-size: 32px;}
.carousel .carousel-caption p{ font-size:14px;}
.carousel-caption.caption-one{ bottom:20px;}
.carousel .carousel-control .ion{top: 38%;}
.videoBlock{ width:100%; padding-bottom:0; padding-top: 20px;}
.photogallery{ width:100%; padding-top:0; padding-bottom:20px;}
.services{padding-bottom: 22%;}
.services:after{ display:none;}
}
@media (max-width:767px) {
    .banner_top{width:100%; height:100px;}
	.dir_say_img {   float: left;    width: 100%;    text-align: center; }
	.dir_say {   float: left;    width: 100%; }
	.duckling-info{ padding-bottom: 5px;  padding-top: 5px;}	
.duckling-info span{float: left; margin-left: 0; width: 100%;}
	
.navbar-top .navbar-nav > li > a {   padding-bottom: 10px; padding-top: 10px;}
.logo{ position:absolute;  float: left; padding: 23px 0;    font-size: 25px;    text-transform: uppercase;}

.navbar-top{ width: 100%; min-height: 75px;  padding-top: 12px;}
.navbar-top .navbar-toggle{ background-color:#b38407; margin-right:0;}
.navbar-top .navbar-toggle .icon-bar{ background-color:#fff;}
.navbar-top .dropdown-menu{ text-align:right}
.navbar-top .dropdown-menu li a{ padding-left:0; padding-right:0}
.carousel.mainCarousel{ height:auto;}
.carousel.mainCarousel .item{ height:auto; }
.carousel.mainCarousel .carousel-inner > .item > img{ position:inherit}
.carousel .carousel-caption{ padding-bottom:0; bottom:10px;}
.carousel .carousel-caption p{ display:none;} 
.carousel .carousel-caption h1{ font-size:20px;}
.carousel .carousel-caption .btn.btn-primary{ font-size: 14px;padding: 7px 15px;}
.carousel .carousel-control .ion{ font-size: 20px; top: 34%;}

.info-co h1{ font-size:16px;}
.info-co p{  line-height: 20px;  margin-bottom: 16px; font-size: 14px;}

.calendarBlock{ display:block;  max-width: 100%; width:100%; text-align:center;}
.calendarBlock #datetimepicker12{ display:inline-block;}

.videoBlock{ width:100%; padding-bottom:0; padding-top: 20px;}
.videoBlock > span{ background-size:100% auto}
.photogallery{ width:100%; padding-top:0; padding-bottom:20px;}

.videoBlock > span{padding:5% 0 63px 3px; background-size:100% auto;}
.videoBlock > span img{ max-width:100%; height:auto}
.videoBlock .cover{ margin: 0 auto; max-width: 73%;}

.services{padding-top: 40%; padding-bottom: 45%;}
.services h1{ font-size:22px;}
.services:before{ display:none}
.services:after{ background-size:100% auto; width:180px;}
.services .serviceBlock{ padding-top:20px;}

.news-event .eventBlock{padding-bottom: 5%; padding-top: 5%;}
.footer-nav{ padding-top:15px;}
.footer-nav h2{ font-size:14px;}
.footer-nav ul li a{ font-size:13px;}

	
}




/* event calendar */
.none{ display:none;}
.dropdown{color: #444444;font-size:17px;}
#calender_section{ width:400px; margin:0px auto 0;}
#calender_section h2{ background-color:#efefef; color:#444444; font-size:17px; text-align:center; line-height:40px;}
#calender_section h2 a{ color:#F58220; float:none;}
#calender_section_top{ width:100%; float:left; margin-top:20px;}
#calender_section_top ul{padding:0; list-style-type:none;}
#calender_section_top ul li{ float:left; display:block; width:45px; border-right:1px solid #fff;  text-align:center; font-size:14px; min-height:0; background:none; box-shadow:none; margin:0; padding:0;}
#calender_section_bot{ width:100%; margin-top:20px; float:left; border-left:1px solid #ccc; border-bottom:1px solid #ccc;}
#calender_section_bot ul{ margin:0; padding:0; list-style-type:none;}
#calender_section_bot ul li{ float:left; width:45px; height:45px; text-align:center; border-top:1px solid #ccc; border-right:1px solid #ccc; min-height:0; background:none; box-shadow:none; margin:0; padding:0; position:relative;}
#calender_section_bot ul li span{ margin-top:7px; float:left; margin-left:7px; text-align:center;}

.grey{ background-color:#DDDDDD !important;}
.light_sky{ background-color:#B9FFFF !important;}

/*========== Hover Popup ===============*/
.date_cell { cursor: pointer; cursor: hand; }
.date_cell:hover { background: #DDDDDD !important; }
.date_popup_wrap {
	position: absolute;
	width: 143px;
	height: 115px;
	z-index: 9999;
	top: 0px;
	left:-35px;
	background: transparent url(add-new-event.png) no-repeat top left;
	color: #666 !important;
}
.events_window {
	overflow: hidden;
	overflow-y: auto;
	width: 133px;
	height: 115px;
	margin-top: 28px;
	margin-left: 25px;
}
.event_wrap {
	margin-bottom: 10px; padding-bottom: 10px;
	border-bottom: solid 1px #E4E4E7;
	font-size: 12px;
	padding: 3px;
}
.date_window {
	margin-top:20px;
	margin-bottom: 2px;
	padding: 5px;
	font-size: 16px;
	margin-left:0px;
	margin-right:0px
}
.popup_event {
	margin-bottom: 2px;
	padding: 2px;
	font-size: 16px;
	width:100%;
}
.popup_event a {color: #000000 !important;}
.packeg_box a {color: #F58220;float: right;}
a:hover {color: #181919;text-decoration: underline;}

.synonymCol{ text-align:center; margin-top:20px; margin-bottom:20px;}
.synonymCol img{ max-width:100%; border:1px solid #c8c8c8; border-radius:4px; padding:4px;}



@media only screen and (min-width:480px) and (max-width:767px) {
    .banner_top{width:100%; height:100px;}
.logo_title{ float:left; padding:25px 5px 5px 100px !important; font-size: 25px; text-transform: uppercase;}
#calender_section{ width:336px;}
#calender_section_top ul li{ width:47px;}
#calender_section_bot ul li{ width:47px;}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
    .banner_top{width:100%; height:100px;}
.logo_title{ float:left; padding: 40px 5px 0px 84px !important; font-size: 18px; text-transform: uppercase;}
#calender_section{ width:219px;}
#calender_section_top ul li{ width:30px; font-size:11px;}
#calender_section_bot ul li{ width:30px;}
#calender_section_bot{ width:217px;}
#calender_section_bot ul li{ height:50px;}
.navbar-top{ float: right;  margin: 0; padding-top: 20px;}
.navbar-top li{ margin-bottom:0;}
.navbar-top .navbar-nav > li > a {  padding-bottom:10px; padding-top:10px;}
.nav.navbar-nav li a{font-family: 'Roboto', sans-serif; font-weight:400; font-size:15px; color:#000; outline:none; background-color: transparent!important; padding-right: 10px;    padding-left: 10px;}
.navbar-top .dropdown-menu{ border-radius:0; padding:0;top: 90%;}
.navbar-top .dropdown-menu li{ margin-bottom:0;}
.navbar-top .dropdown-menu li a{padding:7px 8px;}
}
@media only screen and (min-width: 200px) and (max-width: 320px) {
    .banner_top{width:100%; height:100px;}
.logo_title{ float:left; padding: 40px 5px 0px 88px !important; font-size: 14px; text-transform: uppercase;}
#calender_section{ width:219px;}
#calender_section_top ul li{ width:30px; font-size:11px;}
#calender_section_bot ul li{ width:30px;}
#calender_section_bot{ width:217px;}
#calender_section_bot ul li{ height:50px;}
.navbar-top{ float: right;  margin: 0; padding-top: 20px;}
.navbar-top li{ margin-bottom:0;}
.navbar-top .navbar-nav > li > a {  padding-bottom:10px; padding-top:10px;}
.nav.navbar-nav li a{font-family: 'Roboto', sans-serif; font-weight:400; font-size:15px; color:#000; outline:none; background-color: transparent!important; padding-right: 10px;    padding-left: 10px;}
.navbar-top .dropdown-menu{ border-radius:0; padding:0;top: 90%;}
.navbar-top .dropdown-menu li{ margin-bottom:0;}
.navbar-top .dropdown-menu li a{padding:7px 8px;}
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .banner_top{width:100%; height:150px;}
.logo_title{ float:left; padding:25px 5px 5px 100px !important; font-size: 25px; text-transform: uppercase;}
#calender_section{ width:530px;}
#calender_section_top ul li{ width:74px;}
#calender_section_bot ul li{ width:74px;}
#calender_section_bot{ width:525px;}
#calender_section_bot ul li{ height:50px;}
.navbar-top{ float: right;  margin: 0; padding-top: 20px;}
.navbar-top li{ margin-bottom:0;}
.navbar-top .navbar-nav > li > a {  padding-bottom:10px; padding-top:10px;}
.nav.navbar-nav li a{font-family: 'Roboto', sans-serif; font-weight:400; font-size:15px; color:#000; outline:none; background-color: transparent!important; padding-right: 10px;    padding-left: 10px;}
.navbar-top .dropdown-menu{ border-radius:0; padding:0;top: 90%;}
.navbar-top .dropdown-menu li{ margin-bottom:0;}
.navbar-top .dropdown-menu li a{padding:7px 8px;}
}


header.sticky{position:fixed; left:0; width:100%; top:0; background-color:#fff; z-index:99; }
header.sticky .head{ display:none;}