/*body { background-color: #F3F3F4; font-family:calibri; color:#000000; }*/
/*html { height: 100%; }*/

body > #content{min-height:586px;}
body > #content{min-height:93vh;
}
.main_wrap { margin-top:25px; }

.copyright { padding-top:10px; color:#000000; font-size:11px; }


/*---------------------NEW CSS ------------*/
body { font-family: calibri;color:#000000;background-color: #FFFFFF; }

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

object{
  width: 100%;
  min-height:566px;
}

#bsmsg::-webkit-scrollbar {
    display: none;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}
.navbar-inner { background-color:#FFFFFF; background-image:none; border:10px solid #00AEEF;  }
.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner { box-shadow: 0 0;  border-width: 0 0 1px; }
.navbar-fixed-top, .navbar-fixed-bottom { position:fixed; }
.navbar .nav { float:right; margin:20px 0 0 0; }
.navbar .nav > li > a { font-weight:bold; color:#000000; font-size:18px; outline:none; text-shadow:none; }

.navbar .nav > li > a:hover { font-weight:bold; color:#8C8C8C; font-size:18px; }
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { background-color:#FFFFFF; box-shadow:0 0 0; color:#F76720; 
background-image:url("../img/toparrow.png"); background-repeat:no-repeat; background-position:bottom; }
.navbar .nav > li { line-height:30px; }
/*.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle { background-color:#FFFFFF; }*/

.top-head { margin-top:68px; }
.top-head-bg { background-color:#00A0E3; height:375px; /* background-image:url(../img/header_bg.jpg);*/ background-repeat:repeat-x; }
.top-head-bg {
  height:375px;

}
.teacher-band { background-color:#009EE3; margin-top:10px; height:275px; }

.bottom-band { background-color:#00AEEF; padding-top:10px;; }
.footer { background-color:#606064;  color:#FFFFFF; padding-top:10px; }
.footer a { font-size:12px; color:#FFFFFF; }
.footer a:hover { color:#000000; text-decoration:none; }
.studentsay { text-align:center; padding:5px 0; }

.notebook-band { background-color:#464137; padding:20px 0; }
.notebook-bg { background-image:url(../img/rural_note.png); background-repeat:repeat-x; float:left; border-radius:10px 10px 10px 10px; }
.topmenu a { font-weight:bold; color:#000000; font-size:18px; padding:0 15px; line-height:24px; outline:none; }
.topmenu a:hover { color:#8C8C8C; text-decoration:none; }
.main_inner_wrap { margin-top:130px; min-height:350px; }
.popover { max-width:300px; }
.tooltip { font-size: 12px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } 
 /*
.notebook_bg { height:315px; padding:20px 0; }
.notebook-left { background-color:#3B3B39; height:315px; width:10%; float:left; }
.notebook-middle{ background-image:url(../img/notebook.png); background-repeat:no-repeat; height:315px; width:67px; float:left; }
*/
#cltable  td{
vertical-align: middle;
}

#thum-img-list, .thum-img-right { margin:20px 0 10px 0; }
#thum-img-list ul { margin: 0; padding: 0; list-style-type: none; }
#thum-img-list ul li { display: inline-block; margin:5px 5px 0 0; padding-top:5px; width:80px; height:80px; background:#333333; }
#thum-img-list ul li img { border:1px solid #CCCCCC; width:75px; height:75px; margin-bottom:10px; transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px);
    transition: transform 0.1s ease 0s;
    z-index: 1; }

#thum-img-list ul li img:hover { 
    transform: scale3d(1.1, 1.1, 1) translate3d(0px, -5px, 0px);
  -webkit-transform: scale3d(1.1, 1.1, 1) translate3d(0px, -5px, 0px);
    z-index: 2;
}

#courseTab > li >a{
  cursor:pointer;background-color: #EEEEEE;color:#555;
}
#courseTab > li.active >a{
  cursor:pointer;background-color: #ffffff;color:#555;
}
.studentName { color:#0086DF; text-align:right; line-height:15px; }
.right-img-box { border:1px solid #CCCCCC; background-color:#ECECEC; border-radius:10px 10px 10px 10px; height:115px; margin-bottom:15px; }
.right-img-txt { padding:10px; line-height:26px; }
.right-img-txt strong { font-size:16px; }
.right-img-br { margin:6px 6px 0 0; border-radius:10px 10px 10px 10px; border:1px solid #BFBFC4; /* box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6); */}
.btngreen { font-size:28px; font-weight:bold; padding:25px 0; }
.join-txt { font-size:26px; line-height:36px; }
.btnred { font-size:15px; font-weight:bold; padding:10px;}
#onlineTab, #puzzlerTab, #booksTab, #classroomTab { cursor:pointer; }
.iconTab { margin-top:130px; }
.frmstyle input[type="text"], .frmstyle input[type="password"], .inputLarge { width:360px; height:35px; font-size:18px; margin-top:10px; }
.emptySelect { color:#A3A3A3; }
#classinschool option { color:#000000; }
/*.carousel-control.right { right:88px; outline:none;}*/
.carousel-control { background:none; border:none; border-radius:0; opacity:1; top:50%; line-height:33px; outline:0; }
.class_checkbox {
    width: 27px;  
    height: 26px;
  background-image:url(../img/checkbox.png);
  background-repeat:no-repeat;
  float:left;
  cursor:pointer;
}
.class_checkbox.checked {
   background-image:url(../img/normalcheckbox.png);
  background-repeat:no-repeat;
  cursor:pointer;
}

p.stdname{
   text-align:left;
   font-weight:bold;
   font-size:15px;
   color:#0086DF;
}
.signupbtn { font-weight:bold; margin-top:10px; font-size:20px; }
/*.btn { font-weight:bold; }*/
.bottom-btn-link { padding-top:10px; }
.bottom-btn-link button { margin-right:10px; }
.contactTxt { float:left; padding-top:10px; font-size:24px; font-weight:bold; margin-right:20px; margin-left:120px; }
.contactLink { float:left; color:#FFFFFF; font-size:20px; font-weight:bold; }
.emailLink a { color:#FFFFFF; font-size:20px; font-weight:bold; }
button { outline:0; }

#headerCarousel .carousel-indicators { top:340px; right:120px; }
#headerCarousel .carousel-indicators li { cursor:pointer; }
#headerCarousel .carousel-inner { height:375px; }

#newsCarousel .carousel-indicators { top:305px; right:470px; }
#newsCarousel .carousel-indicators li { cursor:pointer; }

.header1 { text-align:right; padding-right:20px;padding-top:10px; }
.header1 h1 { color:#00A0E3; text-shadow: 4px 4px 3px rgba(0,0,0,0.1); font-size:42px; font-weight:bold; font-family:Georgia; line-height:50px; }
.header1 h3 { font-weight:normal; padding:15px 0; }

.header2 { padding-top:30px; text-align:center; }
.header2 h1 { line-height:60px; }
.header2 h1 span { color:#FFFFFF; }

.header3 { padding-top:10px; text-align:right; }
.header3 h4 { font-weight:normal; font-size:20px; line-height:20px; }
.header3 h3 { font-weight:normal; font-size:18px; line-height:20px; }
.header3 strong { font-weight:bold; font-size:26px; color:#00A0E3; padding:0 5px; }
.header3 h1 { font-weight:bold; font-size:32px; line-height:20px; margin-top:20px; }
.header3box1 { color:#00A0E3; padding:5px; font-weight:bold; font-size:24px; float:right; }
.header3box2 { color:#000000; padding:5px; font-weight:bold; font-size:26px; float:right; }
.header3 h5 { margin-bottom:5px; font-size:16px; }

.header4 { padding-top:10px; text-align:center; }
.header4 h1 { color:#FFED00; /*border-bottom:2px solid #000000;*/ padding-bottom:5px; }
.header4 p { font-size:20px; margin-top:10px; }
.header4 p strong { color:#00A0E3; font-size:24px; }
.header4 .header4box { background-color:#FFF7B2; padding:5px; margin-bottom:10px; font-weight:bold; font-size:14px; }
.header4 span { color:#FFFFFF; }
.header4 .line { border-bottom:2px solid #000000; }

.online_header { text-align:right; padding-top:20px}
.online_header h2 { color:#00A0E3; font-size:30px; }
.online_header h3 { font-weight:normal; line-height:26px; font-size:20px; }
.online_header h3 strong { font-weight:bold; font-size:26px; }

.classroom_header { padding-top:20px; text-align:right; }
.classroom_header h2 { color:#FFFFFF; font-size:30px; }
.classroom_header h3 { font-weight:normal; line-height:26px; font-size:20px; line-height:22px; margin-top:5px; }
.classroom_header h3 strong { font-weight:bold; font-size:26px; }
.classroom_header h2 small { font-size:20px; font-weight:bold; color:#FFFFFF; }
.classroom_header h3 span {font-size:32px; }

/*.books_header { padding-top:20px; text-align:right; }
.books_header h2 {font-size:30px; }
.books_header h3 { font-weight:normal; line-height:31px; font-size:20px; margin-top:5px; }
.books_header h3 strong { font-weight:bold; font-size:30px; }
.books_header h2 small { font-size:25px; font-weight:bold; color:#FFFFFF; }
.books_header h3 span {font-size:32px; }
*/

.books_header { margin-top:20px; text-align:right; }
.books_header h3 { font-weight:normal; font-size:23px;line-height:22px; }
.books_header h3 strong {font-weight:bold; font-size:30px; }
.books_header h2 { color:#FFFFFF; font-size:35px; margin-top:0px; }
.books_header h2 strong {font-size:40px; margin-top:0px; }
.yellowbox { background-color:#F9DF13; padding:5px; text-align:center; line-height:18px; margin-top:10px; }
.notebook-head-txt { 
  font: 400 42px/1.8 'Great Vibes', Helvetica, sans-serif;
  color: #000000;
  text-shadow: 4px 4px 3px rgba(0,0,0,0.1);
  text-align:center;
 background-image: url(../img/pinkline.png);
 background-position:bottom;
 background-repeat:no-repeat;
 margin-bottom:30px;
}

.newstxt { font-size:16px; line-height:30px; padding:0 40px; text-align:justify; }
.mob-cont {

        font-size: 18px;
 }
#teacher-img-list { text-align:center; }
#teacher-img-list ul { margin: 0; padding: 0; list-style-type: none; }
#teacher-img-list ul li { display: inline; background:#333333; text-align:center; width:145px; }
#teacher-img-list ul li img { border-radius:10px 10px 10px 10px; width:145px; transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); transition: transform 0.1s ease 0s; z-index: 1; border:1px solid #000; }
#teacher-img-list ul li .name_txt { font-weight:bold; width:145px; font-size:16px;  }
#teacher-img-list ul li .subject_txt { font-weight:normal; width:145px;  }
.teachers { width:145px; float:left; margin:0 10px 0 0; }
#teacher-img-list ul li img:hover { 
    transform: scale3d(1.1, 1.1, 1) translate3d(0px, -5px, 0px);
  -webkit-transform: scale3d(1.1, 1.1, 1) translate3d(0px, -5px, 0px);
    z-index: 2;
}

.btn-success {
  color: #000000;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #B0CB1F;
  *background-color: #99CC33;
  background-image: -moz-linear-gradient(top, #B0CB1F, #99CC33);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B0CB1F), to(#99CC33));
  background-image: -webkit-linear-gradient(top, #B0CB1F, #99CC33);
  background-image: -o-linear-gradient(top, #B0CB1F, #99CC33);
  background-image: linear-gradient(to bottom, #B0CB1F, #99CC33);
  background-repeat: repeat-x;
  border-color: #99CC33 #99CC33 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  color: #ffffff;
  background-color: #99CC33;
  *background-color: #499249;
  
}

.popover.top {
  margin-top: 8px;
}

.btn-success:active,
.btn-success.active {
  background-color: #408140 \9;
}

.btn-signup {
  color: #000000;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #B0CB1F;
  *background-color: #99CC33;
  background-image: -moz-linear-gradient(top, #B0CB1F, #99CC33);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B0CB1F), to(#99CC33));
  background-image: -webkit-linear-gradient(top, #B0CB1F, #99CC33);
  background-image: -o-linear-gradient(top, #B0CB1F, #99CC33);
  background-image: linear-gradient(to bottom, #B0CB1F, #99CC33);
  background-repeat: repeat-x;
  border-color: #99CC33 #99CC33 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-signup:hover,
.btn-signup:focus,
.btn-signup:active,
.btn-signup.active,
.btn-signup.disabled,
.btn-signup[disabled] {
  color: #ffffff;
  background-color: #99CC33;
  *background-color: #499249;
}

.btn-signup:active,
.btn-signup.active {
  background-color: #408140 \9;
}


.btn-inverse {
  color: #000000;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #868786;
  *background-color: #999999;
  background-image: -moz-linear-gradient(top, #919191, #999999);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#919191), to(#999999));
  background-image: -webkit-linear-gradient(top, #919191, #999999);
  background-image: -o-linear-gradient(top, #919191, #999999);
  background-image: linear-gradient(to bottom, #919191, #999999);
  background-repeat: repeat-x;
  border-color: #999999 #999999 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

#hinduban{
  margin-top: 115px;
}

.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  color: #ffffff;
  background-color: #999999;
  *background-color: #151515;
}

.lsn_list { margin-top:20px; margin-bottom:10px; }
.lsn_img { border:2px solid #ED1651; /*width:210px;*/ height:155px; float:left; }
.lsn_content { background-color:#FFCB08; border:2px solid #FFCB08; /*width:125px;*/ height:155px; float:left; margin:0 4px; }
.lsn_std { text-align:center; font-size:26px; font-weight:bold; margin:10px 0 0; }
.lsn_board { text-align:center; font-size:20px; font-weight:bold; border-top:1px solid #FFF684; padding:5px 0; margin:10px 0 5px; border-bottom:1px solid #FFF684; }
.lsn {/* width:475px;*/ height:157px; float:left; background-image:url(../img/yellow_bg.png); background-position:right; background-repeat:no-repeat; }
.lsn_desc { background-color:#FFF381; width:435px; height:157px; float:left; background-position:right; background-repeat:no-repeat; }
.lsn_desc_head{ text-transform:uppercase; font-size:20px; font-weight:bold; padding:10px; }
.lsn_desc_txt { text-align:justify; padding:0 10px 10px 10px; height:74px; overflow:hidden; }
.lsn_desc_click { text-align:right; padding-right:10px; font-weight:bold; color:#E2000A; cursor:pointer; font-size:16px; outline:none; }
.lsn_desc_click a { color:#E2000A; outline:none; }
.lsn_desc_click a:hover { color:#E2000A; text-decoration:underline; }
.lsn_freelsn_box { float:left;margin: 10px}
.lsn_freelsn_btn { font-size:16px; font-weight:bold; line-height:18px;margin-bottom: 10px}
.lsn_buy_box { height:77px; font-size:20px; font-weight:bold; margin-top:5px; }
.lsn_detail_redbox { background-color:#ED1C24; color:#FFFFFF; padding:5px; font-weight:bold; font-size:18px; width:175px;  border-radius:0 5px 5px 0; }
.details_lsn { line-height:24px; border:1px dashed #999999; width:99%; }
.details_lsn p { padding:0 15px; text-align:justify; }
.details_lsn_hd { font-size:16px; padding-left:5px; }
.details_lsn_txt { padding:0 15px; line-height:24px; }
.details_lf_brd{ border-left:1px dashed #999999; min-height:300px; }
.carousel-inner { height:290px; }
.carousel-indicators .active { color:#990000; }
.head-logo-mob { display: none }
.head-logo { display: block;}
.page-header { margin: 0 0 30px; }
#crname{
  font-size: 21px;
  margin:23px 0 0 50px;
}
#conceptnav{     
  margin-top: 25px;
}
#lname{
font-size: 14px;
}
.page-header h2 { margin: 0; line-height:1; }
.page-header { margin:0 0 20px;  border-bottom:1px solid #BCE8F1; }
/*.table-bordered th, .table-bordered td { border-left:1px solid #000000; }
.table th, .table td { border-top: 1px solid #000000; }
.table-bordered th, .table-bordered td { border-left:1px solid #000000; }
.table-bordered { border-color:#000000; } */
.table-bordered th, .table-bordered td {border:1px solid #ddd}
.table-border th, .table-border td {border:1px solid #3c3c3c}
.homebttxt { text-align:center; background-color:#00AEEF; color:#FFFFFF; font-weight:bold; padding:2px 0;}
.homebtinnertxt { text-align:center; background-color:#6CCFF6; color:#000000; font-weight:bold; padding:2px 0; font-size:12px;}
.accordion-group{ border:1px solid #00AEEF; border-radius: 2px; }
.accordion-heading { background-color:#EDFAFE; }

#scroll-to-top { display:none; }
#scroll-to-top,
#scroll-to-bottom{
  padding:2px;
  position:fixed;
  width:32px;
  height:32px;
  opacity:0.8;
  cursor: pointer;
  z-index: 9999;
}

#scroll-to-top{
  bottom:2px;
  right:66px;
}

#scroll-to-bottom{
  bottom:3px;
  right:30px;
}

#scroll-to-top:hover,
#scroll-to-bottom:hover{
  opacity:1;
}
.top-ribbon { margin-top:25px; background-color:#00AAE8; height:48px; }
.top-ribbon-head { font-size:20px; font-weight:bold; color:#FFFFFF; }

#navribbon ul { margin: 0; padding: 0; list-style-type: none; }
#navribbon ul li { display: inline; }
#navribbon ul li a { text-decoration: none; padding:0 10px; color:#000000; }
#navribbon ul li a:hover { color:#FFFF00; }
#navribbon .active > a, #navribbon .active > a:hover, #navribbon .active > a:focus { color:#FFFFFF; /* background-image:url("../img/bottom_arrow.png"); background-repeat:no-repeat; background-position:bottom; */ padding:0 10px 6px; /*border-bottom:2px solid #FFFFFF;*/ outline: 0; }
.book_desc { line-height:24px; text-align:justify; }
.book_free_lsn_btn { width:120px; margin-top:50px; margin-bottom:20px; }
.buyBtn { cursor:pointer; }
.blue-box { float:center;color:#ffffff; background-color:#00A0E3; font-style: bold;background-repeat:repeat-x; height:auto; border-radius:5px 5px 5px 5px; text-align:center; }
.cart-blue-box { float:center; background-image:url(../img/cart_line.png); background-repeat:repeat-x;/* width:270px;*/ height:40px; border-radius:5px 5px 5px 5px; text-align:center; font-size:28px; }
.total-amt-box { float:center; background-image:url(../img/cart_line.png); background-repeat:repeat-x; /*width:360px; */height:40px; border-radius:5px 5px 5px 5px; text-align:center; font-size:28px; margin-left:15px; }
img { vertical-align: middle; }
.proceed-btn { float:center; background-image:url(../img/cart_line.png); background-repeat:repeat-x; width:270px; height:40px; border-radius:5px 5px 5px 5px; text-align:center; font-size:28px; margin-left:15px; font-weight:bold; }
.modal-header { padding:9px 3px; border:0;background-color:#F76720;color:#FFFFFF; }
.modal-headerr { padding:9px 3px; border:0;}
.modal-headerr .close { padding-right:8px;}
.modal-header .close { padding-right:8px; }
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus { outline:none; border:1px solid #ddd; border-bottom-color: transparent; background-color:#FFFFFF; color:#F76720; }
.nav-tabs > li > a { /*background-color:#EEEEEE;*/ border:1px solid #ddd; border-bottom-color: transparent; /*color:#969696;*/ }
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus { border:1px solid #ddd; border-bottom-color: transparent; }
/*.nav-tabs > .activetab > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus { outline:none; border:1px solid #ddd; border-bottom-color: transparent; background-color:#FFFFFF; color:#F76720; }*/
.book-head { margin-top:0px; line-height:21px; color:#00A0E3; }
#teacher-img-list ul li.random_teachers { display: inline; }

/*----------------------------------------*/

#puzznav ul { margin: 0; padding: 0; list-style-type: none; text-align: center; }
#puzznav ul li { display: inline; }
#puzznav ul li a { text-decoration: none; padding:0 10px; color:#000000; font-weight:bold; font-size:17px; }
#puzznav ul li a:hover { color:#8C8C8C; }
#puzznav .active > a, #puzznav .active > a:hover, #puzznav .active > a:focus { color:#FF6600; background-image:url("../img/puzz_grn_top.png"); background-repeat:no-repeat; background-position:bottom; padding:0 10px 9px; }

#puzznav1 ul { margin: 0; padding: 0; list-style-type: none; text-align: center; }
#puzznav1 ul li { display: inline; }
#puzznav1 ul li a { text-decoration: none; padding:0 10px; color:#000000; font-weight:bold; font-size:17px; }
#puzznav1 ul li a:hover { color:#8C8C8C; }
#puzznav1 .active > a, #puzznav1 .active > a:hover, #puzznav1 .active > a:focus { color:#FF6600; background-image:url("../img/puzz_pur_top.png"); background-repeat:no-repeat; background-position:bottom; padding:0 10px 9px; }

.lsn-grnoutbox { border-bottom:1px solid #A6CE39; border-left:1px solid #A6CE39; border-right:1px solid #A6CE39; float:left; width: 458px; background-color:#FFFFFF; }
.lsn-grntxt { line-height:24px; margin:10px 10px 10px 0; font-weight:normal; font-size:14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.free-lsn-title { font-size:17px; font-weight:bold; }
.free-grn-btm{ background-color:#A6CE39; height:20px; font-size:13px; padding:0 5px; }
.lsn-imgbox { width:138px; height:138px; border:1px solid #A6CE39; margin:10px; float:left; }
.lsn-puroutbox { border-bottom:1px solid #902780; border-left:1px solid #902780; border-right:1px solid #902780; float:left; width: 458px; background-color:#FFFFFF; }
.free-pur-btm{ background-color:#902780; height:20px; font-size:11px; padding:0 5px; color:#FFFFFF; }
.lsn-imgbox1 { width:138px; height:138px; border:1px solid #902780; margin:10px; float:left; }
.inner-body { border:2px solid #00AAE8; border-radius:10px; background-color:#FFFFFF; margin-top:25px; padding:20px; line-height:24px; font-size:14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; min-height:350px; }

.circleBase {
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
    behavior: url(PIE.htc);
  background-color:#D1D2D4;
  cursor:pointer;
}
.white-border {
    width: 25px;
    height: 25px;
    border: 2px solid #FFFFFF;
  float:left;
  margin-left:5px;
}

.circle_bg_blue { background-color:#0033FF; }
.circle_bg_blue:hover { background-color:#66CCFF; }
.circle_bg_orange { background-color:#F48326; }

.circle-comp {
    width: 50px;
    height: 50px;
    border: 2px solid #FF0000;
  background-color:#FFFFFF;
  float:right;
  margin:2px 2px 0 0;
}
.circle-text {
  font-size: 12px;
    font-weight: bold;
    line-height: 10px;
    padding-top: 8px;
    text-align: center;
  }

.lesson-num-count { font-weight:bold; color:#FFFFFF; font-size:18px; margin-top:2px; text-align:center; }
.quiz_option { width:60%; margin-bottom:15px; text-align:left; cursor:pointer; }
.green_bg { padding:0 10px; background-color:#00A551; background-image:url(../img/tick.png); background-repeat:no-repeat; background-position:right; font-weight:bold;  }
.red_bg { padding:0 10px; background-color:#EC1F27; background-image:url(../img/cross.png); background-repeat:no-repeat; background-position:right; border-radius:5px; font-weight:bold; }
.gray_bg { padding:0 10px; background-color:#BCBDC0; border-radius:5px; font-weight:bold; }
.grn_border { border:2px solid #00A551; border-radius:5px; }
.solution_txt { padding:5px 10px; font-size:14px; }
.profile-img-box {margin:6px;}
.profile-txt { font-size:18px;padding-top:20px; }
.list-main-box { background-color:#8DD8F8; border-radius:0 15px 0 0; height:27px; margin-top:20px; padding:5px 0 0 8px; font-weight:bold; font-size:15px; }

.halfCircle{ height:45px; width:90px; border-radius: 90px 90px 0 0; -moz-border-radius: 90px 90px 0 0; -webkit-border-radius: 90px 90px 0 0; background-color:#FFFFFF; }
.half-circle-top{ border-radius:50px 50px 0 0; height:30px; background-color:#FFFFFF; width:70px; margin:5px; }
.half-circle-bott { border-radius:0 0 50px 50px ; height:30px; background-color:#FFFFFF; width:70px; margin:5px; }
.halfcir-text { font-size:12px; line-height:12px; margin:5px; padding:5px 5px 0; text-align:center; }
.halfcir-text-bott { font-size:12px; line-height:12px; margin:5px; text-align:center; }
.rt-cooursetxt { float:left; vertical-align:middle; height:75px; font-weight:bold; padding:10px 5px 0; width:130px; text-align:center; }
.mycourse-rt-main { height:75px; background-color:#AAE0FA; margin:5px 10px 0 10px; border-radius:0 35px 35px 0; clear:both; cursor:pointer; }
.mycourse-rt-main:hover{ background-color:#54C1F5; }
.lft-bluebox-txt { float:left; width:55px; background-color:#0095DA; color:#FFFFFF; height:75px; font-size:12px; }
.lft-blue-std { text-align:right; padding:6px 4px 0 0; }
.lft-blue-class { text-align:center; font-size:36px; }
.lft-blue-toptxt { text-align:center }

/* Active */
.courselistbox { width:571px; height:58px; background-color:#AAE0FA; border-radius:15px 50px 50px 15px; float:left; margin-top:15px; cursor:pointer; }
.courselistbox:hover { background-color: #54C1F5; }
.courseliststd { float:left; width:58px; height:58px; }
.coursestd { text-align:left; font-size:14px; padding:2px 2px 2px 5px; font-weight:bold;}
.courseclass { font-size:42px; font-weight:bold; text-align:center; }
.courseschool { width:50px; background-color:#0095DA; color:#FFFFFF; text-align:center; float:left; font-size:14px; height:52px; line-height:14px; padding-top:6px; border-left:2px solid #FFFFFF; border-right:2px solid #FFFFFF; }

/* Complated */
.complatedlistbox { width:571px; height:58px; background-color:#FAA74A; border-radius:15px 50px 50px 15px; float:left; margin-top:15px; cursor:pointer; }
.complatedlistbox:hover { background-color: #F98A0F; }
.complatedliststd { float:left; width:58px; height:58px; }
.complatedstd { text-align:left; font-size:14px; padding:2px 2px 2px 5px; font-weight:bold;}
.complatedclass { font-size:42px; font-weight:bold; text-align:center; }
.complatedschool { width:50px; background-color:#F58220; color:#FFFFFF; text-align:center; float:left; font-size:14px; height:52px; line-height:14px; padding-top:6px; border-left:2px solid #FFFFFF; border-right:2px solid #FFFFFF; }

.complatedlistbox { width:571px; height:58px; background-color:#D2E388; border-radius:15px 50px 50px 15px; float:left; margin-top:15px; cursor:pointer; }
.complatedlistbox:hover { background-color: #BDD64B; }
.complatedliststd { float:left; width:58px; height:58px; }
.complatedstd { text-align:left; font-size:14px; padding:2px 2px 2px 5px; font-weight:bold;}
.complatedclass { font-size:42px; font-weight:bold; text-align:center; }
.complatedschool { width:50px; background-color:#A6CE39; color:#FFFFFF; text-align:center; float:left; font-size:14px; height:52px; line-height:14px; padding-top:6px; border-left:2px solid #FFFFFF; border-right:2px solid #FFFFFF; }

/* Sample */
.samplelistbox { width:571px; height:58px; background-color:#FAA74A; border-radius:15px 50px 50px 15px; float:left; margin-top:15px; cursor:pointer; }
.samplelistbox:hover { background-color: #F98A0F; }
.sampleliststd { float:left; width:58px; height:58px; }
.samplestd { text-align:left; font-size:14px; padding:2px 2px 2px 5px; font-weight:bold;}
.sampleclass { font-size:42px; font-weight:bold; text-align:center; }
.sampleschool { width:50px; background-color:#F58220; color:#FFFFFF; text-align:center; float:left; font-size:14px; height:52px; line-height:14px; padding-top:6px; border-left:2px solid #FFFFFF; border-right:2px solid #FFFFFF; }

/* Expired */
.expiredlistbox { width:571px; height:58px; background-color:#C7C8CA; border-radius:15px 50px 50px 15px; float:left; margin-top:15px; cursor:pointer; }
.expiredlistbox:hover { background-color: #B3B4B7; }
.expiredliststd { float:left; width:58px; height:58px; }
.expiredstd { text-align:left; font-size:14px; padding:2px 2px 2px 5px; font-weight:bold;}
.expiredclass { font-size:42px; font-weight:bold; text-align:center; }
.expiredschool { width:50px; background-color:#58585A; color:#FFFFFF; text-align:center; float:left; font-size:14px; height:52px; line-height:14px; padding-top:6px; border-left:2px solid #FFFFFF; border-right:2px solid #FFFFFF; }

.coursetxt{ float: left; padding: 14px 0px 2px 10px; width: 393px; font-size:18px; font-weight:bold; }

#courseList { margin:0 0 10px 58px; border-left:2px solid #D2E388; }
#courseList ul { margin: 0; padding: 0; list-style-type: none; }
#courseList ul li { margin: 0; padding: 0; list-style-type: none; vertical-align:middle; font-weight:bold; clear:both; margin-bottom:15px; }

#courseList ul li .lftgrnline{ float:left; margin-top:10px; margin-right:10px; background-image:url(../img/greenline.png); background-repeat:no-repeat; width:44px; height:5px; }
#courseList ul li .righttickmark { float:left; vertical-align:middle; background-image:url(../img/righttick.jpg); background-repeat:no-repeat; height:20px; width: 20px;  }
#courseList ul li .here { float:left; vertical-align:middle; background-image:url(../img/icon.png); background-repeat:no-repeat; height:20px; width: 20px;  }
#courseList ul li .notickmark { float:left; vertical-align:middle; height:20px; width: 20px;  }
#courseList ul li .number { float:left; background-color:#BDD64B; border-radius:5px; width:30px; text-align:center; padding:2px 1px; margin-left:5px; }
#courseList ul li .coursename{ float:left; background-color:#D2E388; width:310px; border-radius:5px; padding:2px 10px; margin-left:2px; margin-right:5px; }
#courseList ul li .coursename:hover{ background-color:#BDD64B; cursor:pointer; }
#courseList ul li .coursename a { color:#000000; }
#courseList ul li .coursename a:hover { color:#FFFFFF; text-decoration:none; }
.navbar .btn, .navbar .btn-group { margin-top:0; }
.btn-group.open .dropdown-toggle { box-shadow: 0 0 0 0; }
.dropdown-menu { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; font-weight:normal; }
.dropdown-menu > li > a { font-size:14px; }
.caret { border-top:4px solid #0099FF; }
.captionHead { font-family:calibri; color:#FFFFFF; background-color:#00AEEF; width: auto; margin-top:10px; float:left; text-align:center; font-weight:bold; height:25px; padding-top:5px; padding-left:5px; font-size:18px; }
.captionBg { background-image:url(../img/rightcross.png); background-repeat:no-repeat; background-position:bottom; padding-top:10px; float:left; height:31px; width:22px; }
.questext { line-height:24px; margin:10px 10px 40px 0; font-weight:normal; font-weight:bold; font-size:14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; padding:0 20px; }
.topbroder { border-top:1px solid #D1D2D4; }
.ansoption { list-style:none; min-width:200px; }
.ansoption li { margin-bottom:25px; }
.ansoption li label { font-weight:bold; }
/*.ansoption li span { padding:0 10px; }*/
.scoreTime { width:20%; text-align:right; font-weight:bold; padding-top:2px; font-size:15px; }
.scoreTime span { color:#FFFFFF; }

#rightFixedMenu {
  position: fixed;
  right: 0;
  top: 50%;
  margin-top: -12.5em;
  list-style:none;
}
#rightFixedMenu li { margin-bottom:40px; text-align:right;  }
#rightFixedMenu li a { outline: 0; }
.liketxt { background-color:#00AEEF; color:#FFFFFF; padding-right:4px; font-weight:bold; font-family:calibri; font-size:14px;}
.hint_top { background-color:#E7E8E9; height:240px; margin:10px; border:1px solid #D1D2D4; overflow-y:auto; }
.hintTxt { padding:10px; overflow:auto; height:180px; }
.les_txt { font-size:11px; font-weight:bold; }

.toppadd { margin-bottom:15px; }
.txtamt { font-size:20px; font-weight:bold; margin-top:30px; }
.abtCours { padding:10px 0 10px 80px; font-size:16px; font-weight:bold; color:#97BC34; }
.noCours { padding:10px 0 10px 80px; font-size:16px; font-weight:bold; color:black; }

#new_course .course_listbox { width:571px; height:58px; background-color:#D2E388; border-radius:15px 50px 50px 15px; float:left; margin-top:15px; }
#new_course .course_liststd { float:left; width:58px; height:58px; }
#new_course .course_std { text-align:left; font-size:14px; padding:2px 2px 2px 5px; font-weight:bold;}
#new_course .course_class { font-size:42px; font-weight:bold; text-align:center; }
#new_course .course_school { width:50px; background-color:#A6CE39; color:#FFFFFF; text-align:center; float:left; font-size:14px; height:52px; line-height:14px; padding-top:6px; border-left:2px solid #FFFFFF; border-right:2px solid #FFFFFF; }

#new_course .half-circle-grtop{ border-radius:50px 50px 0 0; height:40px; background-color:#A6CE39; width:80px; margin-top:-22px; margin-left:10px; color:#FFFFFF; border:2px solid #D2E388;  }
#new_course .half-circle-grbot { border-radius:0 0 50px 50px ; height:40px; background-color:#A6CE39; width:80px; margin-top:2px; margin-left:10px; color:#FFFFFF; border:2px solid #D2E388; }
#new_course .halfcir-grtext { font-size:12px; line-height:12px; margin:5px; padding:5px 5px 0; text-align:center; }
#new_course .halfcir-text-grbott { font-size:12px; line-height:12px; margin:5px; text-align:center; }


#selected_course .course_listbox { width:571px; height:58px; background-color:#FAA74A; border-radius:15px 50px 50px 15px; float:left; margin-top:15px; }
#selected_course .course_liststd { float:left; width:58px; height:58px; }
#selected_course .course_std { text-align:left; font-size:14px; padding:2px 2px 2px 5px; font-weight:bold;}
#selected_course .course_class { font-size:42px; font-weight:bold; text-align:center; }
#selected_course .course_school { width:50px; background-color:#F58220; color:#FFFFFF; text-align:center; float:left; font-size:14px; height:52px; line-height:14px; padding-top:6px; border-left:2px solid #FFFFFF; border-right:2px solid #FFFFFF; }

#selected_course .half-circle-grtop{ border-radius:50px 50px 0 0; height:40px; background-color:#F58220; width:80px; margin-top:-22px; margin-left:10px; color:#FFFFFF; border:2px solid #FAA74A;  }
#selected_course .half-circle-grbot { border-radius:0 0 50px 50px ; height:40px; background-color:#F58220; width:80px; margin-top:2px; margin-left:10px; color:#FFFFFF; border:2px solid #FAA74A; }
#selected_course .halfcir-grtext { font-size:12px; line-height:12px; margin:5px; padding:5px 5px 0; text-align:center; }
#selected_course .halfcir-text-grbott { font-size:12px; line-height:12px; margin:5px; text-align:center; }


#purchased_course .course_listbox { width:571px; height:58px; background-color:#AAE0FA; border-radius:15px 50px 50px 15px; float:left; margin-top:15px; }
#purchased_course .course_liststd { float:left; width:58px; height:58px; }
#purchased_course .course_std { text-align:left; font-size:14px; padding:2px 2px 2px 5px; font-weight:bold;}
#purchased_course .course_class { font-size:42px; font-weight:bold; text-align:center; }
#purchased_course .course_school { width:50px; background-color:#0095DA; color:#FFFFFF; text-align:center; float:left; font-size:14px; height:52px; line-height:14px; padding-top:6px; border-left:2px solid #FFFFFF; border-right:2px solid #FFFFFF; }

#purchased_course .half-circle-grtop{ border-radius:50px 50px 0 0; height:40px; background-color:#0095DA; width:80px; margin-top:-22px; margin-left:10px; color:#FFFFFF; border:2px solid #AAE0FA;  }
#purchased_course .half-circle-grbot { border-radius:0 0 50px 50px ; height:40px; background-color:#0095DA; width:80px; margin-top:2px; margin-left:10px; color:#FFFFFF; border:2px solid #AAE0FA; }
#purchased_course .halfcir-grtext { font-size:12px; line-height:12px; margin:5px; padding:5px 5px 0; text-align:center; }
#purchased_course .halfcir-text-grbott { font-size:12px; line-height:12px; margin:5px; text-align:center; }

.apctxt { margin-top:30px; text-align:center; font-weight:bold; font-size:16px; }
.amt_txt { font-size:20px; font-weight:bold; margin-top:25px; }
.details-txt { color:#00AFEE; font-weight:bold; font-size:18px; padding-right: 144px; padding-top: 68px; text-align: right; }
#puzznav .active > a, #puzznav .active > a:hover, #puzznav .active > a:focus { outline:none; }
#puzznav1 .active > a, #puzznav .active > a:hover, #puzznav .active > a:focus { outline:none; }

/* -------------------------------------
 * My Courses Circle
 * ------------------------------------- */
.progress-radial {
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 2px solid #FFFFFF;
  background-color: #2E3192;
  float:left;
  margin-top:2px;
}

/* Optional centered circle w/text */
.progress-radial .overlay {
  position: absolute;
  width: 32px;
  height: 32px;
  background-color: #fffde8;
  border-radius: 50%;
  margin-left: 9px;
  margin-top: 9px;
  text-align: center;
  line-height: 32px;
  font-size: 14px;
}

/* Mixin for progress-% class */
.progress-0 {
  background-image: linear-gradient(90deg, #E7E7E8 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(90deg, #2E3192 50%, #E7E7E8 50%, #E7E7E8);
}

.progress-5 {
  background-image: linear-gradient(90deg, #E7E7E8 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(108deg, #2E3192 50%, #E7E7E8 50%, #E7E7E8);
}

.progress-10 {
  background-image: linear-gradient(90deg, #E7E7E8 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(126deg, #2E3192 50%, #E7E7E8 50%, #E7E7E8);
}

.progress-15 {
  background-image: linear-gradient(90deg, #E7E7E8 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(144deg, #2E3192 50%, #E7E7E8 50%, #E7E7E8);
}

.progress-20 {
  background-image: linear-gradient(90deg, #E7E7E8 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(162deg, #2E3192 50%, #E7E7E8 50%, #E7E7E8);
}

.progress-25 {
  background-image: linear-gradient(90deg, #E7E7E8 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(180deg, #2E3192 50%, #E7E7E8 50%, #E7E7E8);
}

.progress-30 {
  background-image: linear-gradient(90deg, #E7E7E8 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(198deg, #2E3192 50%, #E7E7E8 50%, #E7E7E8);
}

.progress-35 {
  background-image: linear-gradient(90deg, #E7E7E8 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(216deg, #2E3192 50%, #E7E7E8 50%, #E7E7E8);
}

.progress-40 {
  background-image: linear-gradient(90deg, #E7E7E8 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(234deg, #2E3192 50%, #E7E7E8 50%, #E7E7E8);
}

.progress-45 {
  background-image: linear-gradient(90deg, #E7E7E8 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(252deg, #2E3192 50%, #E7E7E8 50%, #E7E7E8);
}

.progress-50 {
  background-image: linear-gradient(-90deg, #2E3192 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #2E3192 50%, #E7E7E8 50%, #E7E7E8);
}

.progress-55 {
  background-image: linear-gradient(-72deg, #2E3192 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #2E3192 50%, #E7E7E8 50%, #E7E7E8);
}

.progress-60 {
  background-image: linear-gradient(-54deg, #2E3192 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #2E3192 50%, #E7E7E8 50%, #E7E7E8);
}

.progress-65 {
  background-image: linear-gradient(-36deg, #2E3192 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #2E3192 50%, #E7E7E8 50%, #E7E7E8);
}

.progress-70 {
  background-image: linear-gradient(-18deg, #2E3192 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #2E3192 50%, #E7E7E8 50%, #E7E7E8);
}

.progress-75 {
  background-image: linear-gradient(0deg, #2E3192 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #2E3192 50%, #E7E7E8 50%, #E7E7E8);
}

.progress-80 {
  background-image: linear-gradient(18deg, #2E3192 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #2E3192 50%, #E7E7E8 50%, #E7E7E8);
}

.progress-85 {
  background-image: linear-gradient(36deg, #2E3192 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #2E3192 50%, #E7E7E8 50%, #E7E7E8);
}

.progress-90 {
  background-image: linear-gradient(54deg, #2E3192 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #2E3192 50%, #E7E7E8 50%, #E7E7E8);
}

.progress-95 {
  background-image: linear-gradient(72deg, #2E3192 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #2E3192 50%, #E7E7E8 50%, #E7E7E8);
}

.progress-100 {
  background-image: linear-gradient(90deg, #2E3192 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #2E3192 50%, #E7E7E8 50%, #E7E7E8);
}
/* -------------------------------------
 * My Courses Circle End
 * ------------------------------------- */
 
 .tab-content { overflow:visible; }
 button.btn.btn-large, input.btn.btn-large[type="submit"] { outline:none; }
 
 /*.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7; 
  background-color: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  -webkit-border-radius: 5px 5px 0 0;
     -moz-border-radius: 5px 5px 0 0;
          border-radius: 5px 5px 0 0;
}*/
.prg_txt { line-height:9px; margin-left:3px; margin-top:2px; }
.course-list-top { background-color:#A1228E; float:left; height:34px; color:#FFFFFF; width:200px;  }
.act-course-txt { padding-top:5px; padding-left:20px; font-weight:bold; font-size:20px; }

.gray-list-top { background-color:#AFAFAF; float:left; height:34px; color:#494949; width:200px;  }

.menu a{
text-decoration:none;
color:black;
}

.menu{
list-style-type:none;
text-align:right;
-webkit-border-bottom-left-radius:2px;
-moz-border-bottom-left-radius:2px;
border-bottom-left-radius:2px;
-webkit-border-top-left-radius:15px;
 -moz-border-top-left-radius:15px;
border-top-left-radius:15px;
background-color:#cde7ef;
width:125px;
color:black;
padding:5px 5px 5px 5px;
margin-top:17px;

}

.thumbnail p {
  line-height: 18px;
}

.thumbnails li.span:hover {
  -webkit-box-shadow: grey 1px 1px 8px;
     -moz-box-shadow: grey 1px 1px 8px;
      -ms-box-shadow: grey 1px 1px 8px;
       -o-box-shadow: grey 1px 1px 8px;
          box-shadow: grey 1px 1px 8px;
  -webkit-transition: box-shadow linear 0.4s;
     -moz-transition: box-shadow linear 0.4s;
      -ms-transition: box-shadow linear 0.4s;
       -o-transition: box-shadow linear 0.4s;
          transition: box-shadow linear 0.4s;
}

.modal_body_full {
  padding : 15px;
  overflow-y:auto;
}

.courseTable td {
  font-weight: bold;
}

.thumbnail.course .tab-pane {
  min-height: 120px;
}

#welcometext {
  font-weight : bold;
  color : black;
}
#enquiryModal{
margin-left: -250px
}

.error_msg {
  display : none;
  color : red;
}

.modules #heading {
  min-height:40px;
  max-height:40px;
}

.modules .thumbnail {
  min-height:160px;
  max-height:160px;
}
tbody.no-hover tr:hover td, thead.no-hover tr:hover th {
    background-color: transparent;
}
.white_bold {
color:white !important;
font-weight: bold;
background-color:#08C !important;
}
::-webkit-input-placeholder { text-align:center;}
input:-moz-placeholder{text-align:center;}
input:-ms-input-placeholder{ text-align:center;}

.slides_thumb .active {
    border: 1px dotted black;
    color : white;
}


.slide_thumb {
    cursor: pointer;
    float:left; 
    line-height:15px;
    margin:2px;
    overflow: hidden;
}

.slides [id*=slide] {
    
}

.stdlist {
  display: inline-flex;
  margin-left: -10px;
  position: absolute;
}

.profile-img {
    background-color: #FFFFFF;
    border-radius: 15px 0 15px 0;
    height: 93px;
}

#dfree , #dall , #dmyprog , #dmyclass {
    color: gray;
}

#navribbon ul li a { color: white; } 

/* latin-ext */
@font-face {
  font-family: 'Great Vibes';
  font-style: normal;
  font-weight: 400;
  src: local('Great Vibes'), local('GreatVibes-Regular'), url(https://fonts.gstatic.com/s/greatvibes/v4/6q1c0ofG6NKsEhAc2eh-3SYE0-AqJ3nfInTTiDXDjU4.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Great Vibes';
  font-style: normal;
  font-weight: 400;
  src: local('Great Vibes'), local('GreatVibes-Regular'), url(https://fonts.gstatic.com/s/greatvibes/v4/6q1c0ofG6NKsEhAc2eh-3eL2WfuF7Qc3ANwCvwl0TnA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

.strikethrough {
  position: relative;
}
.strikethrough:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 1px solid;
  border-color: #000000;
  transform: rotate(12deg);
}

.strikethrough:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 50%;
  right: 0;
  border-top: 1px solid;
  border-color: #000000;
  transform: rotate(-20deg);
}

.strike {
  position: relative;
}
.strike:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 1px solid;
  border-color: #ffffff;
  transform: rotate(12deg);
}

.strike:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 50%;
  right: 0;
  border-top: 1px solid;
  border-color: #ffffff;
  transform: rotate(-20deg);
}


#hinduweblogoMenu{
  display: block;
}

#hindumoblogoMenu{
  display: none;
}
/*Online course Page*/
.body-sec {
  display: block;
}
.courseinner-body {
  display: block;
  width: 990px;
  margin: 0px auto;
}
.course-wrap {
  display: block;
  margin: 0px auto;
}
.course-wrap .course-row {
  display: block;
  position: relative;
  font-family: serif;
}
.course-wrap .course-row .course-col {
  height: 232px; 
  margin-bottom:80px;
  display:block;
  cursor:pointer;
}
.course-wrap .course-row .course-cols {
  height: 232px;
  border: 1px solid #DBDBDB;
  padding: 10px;
  color: #ffffff;
  position: relative;
  background: url(../img/standard_templates.png) no-repeat center center;
}
.course-wrap .course-row .course-cols:hover, .course-wrap .course-row .course-cols-last:hover {
  /*background: #FFFFFF;*/
  /*border: 1px solid #F76720;*/
}
.course-wrap .course-row .course-cols:hover .course-circle, .course-wrap .course-row .course-cols:hover .freelesson-circle{
  /*background: url(../img/course-circ.png) no-repeat center center;*/
}
.course-wrap .course-row .course-cols .course-circle:hover, .course-wrap .course-row .course-cols .freelesson-circle:hover {
  /*background: url(../img/course-circ-orange.png) no-repeat center center;*/
  /*color: #FFFFFF;*/
}
.course-wrap .course-row .course-col .freelessonimg-circle:hover{
  /*color: #FFFFFF;*/
  width: 55px;
  height: 55px;  
  }
  .course-wrap .course-row .course-col .courseimg-circle:hover{
  /*color: #FFFFFF;*/
  width: 55px;
  height: 55px;  
  }

  .course-wrap .course-row .course-col .freelesson-circle:hover{
  /*color: #FFFFFF;*/
  width: 55px;
  height: 55px;
  background: url(../img/freeleshover.png) no-repeat center center;
  }
  .course-wrap .course-row .course-col .course-circle:hover{
  /*color: #FFFFFF;*/
  width: 55px;
  height: 55px;
  background: url(../img/morehover.png) no-repeat center center;
  }
 
.course-desc {
  display: block;
  text-align: center;
  height: 140px;
}
.course-desc .title {
  color: #fef800;
  font-size: 28px;
  font-weight: bold;
  line-height: 1;
}
.sec {
  font-size: 17px;
  margin: 10px;
}
.elemntcount {
  display: block;
  margin-top: 10px;
  font-size: 15px;
}
.course-desc .course {
  display: block;
  color: #838383;
  font-size: 16px;
  font-weight: 300;
}
.course-wrap .course-row .course-circle {
  width: 50px;
  height: 50px;
  background: url(../img/more.png) no-repeat center center;
  position: absolute;
  bottom: 0;
  margin-bottom: -20px;
  right: 9%;
  font-weight: bold;
  color: #e04c15;
  display: block;
  /*font-family: 'Shadows Into Light Two', cursive;*/
  font-family: 'Shadows Into Light', cursive;
  font-size: 10px;
  text-align: center;
  line-height: 7;
}
.course-wrap .course-row .freelesson-circle {
  width: 50px;
  height: 50px;  
  background: url(../img/freeles.png) no-repeat center center;
  position: absolute;
  bottom: 0;
  color: #e04c15;
  line-height: 1;
  left: 9%;
  margin-bottom: -20px;
  font-weight: bold;
  display: block;
  /*font-family: 'Shadows Into Light Two', cursive;*/
  font-family: 'Shadows Into Light', cursive;
  font-size: 10px;
  text-align: center;
}
.course-wrap .course-row .courseimg-circle {
  width: 50px;
  height: 50px;
  background: url(../img/more.png) no-repeat center center;
  position: absolute;
  bottom: -20px;
  margin-bottom: -25px;
  right: 10%;
  font-weight: bold;
  color: #e04c15;
  display: block;
  /*font-family: 'Shadows Into Light Two', cursive;*/
  font-family: 'Shadows Into Light', cursive;
  font-size: 10px;
  text-align: center;
  line-height: 7;
}
.course-wrap .course-row .freelessonimg-circle {
  width: 50px;
  height: 50px;
  background: url(../img/freeles.png) no-repeat center center;
  position: absolute;
  bottom: -20px;
  color: #e04c15;
  line-height: 1;
  left: 18%;
  margin-bottom: -25px;
  font-weight: bold;
  display: block;
  /*font-family: 'Shadows Into Light Two', cursive;*/
  font-family: 'Shadows Into Light', cursive;
  font-size: 10px;
  text-align: center;
}
.course-wrap .course-row .freelesson-circle a{
  color: #e04c15;
  text-decoration: none;
  }
/*end of online course page*/

.parent
{
    width: 100%;
    text-align: center;
}

.child
{
    display: inline-block;    
    margin: 2px;
}
.bottom-btn-link a{
  text-decoration: none;
  color: #ffffff;
  margin: 10px;
}

.hinduregbox .junreg{    
  position: absolute;
 left: 35%;
  display: block;
  margin-top: 10px;
}

.hinduregbox .senreg{    
  position: absolute;
 right: 14%;
 margin-top: 10px;
  display: block;
}

.vertical-text {
  transform: rotate(270deg);
  font-size: 18px;
  transform-origin: left top 0;
  writing-mode:tb-rl;  
}

.crscaret { 
  border-top:10px 
  solid #606064; 
  display: inline-block;
  width: 1px;
  height: 5px;
  vertical-align: top;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: "";
}

/*.countcaret { 
  border-top:120px solid #ffd200; 
  display: inline-block;  
  height: 120px;
  vertical-align: top;
  border-right: 120px solid transparent;
  border-left: 120px solid transparent; 
}
.countcaret p {
    text-align: center;
    top: 80px;
    left: -47px;
    position: relative;
    width: 93px;
    height: 93px;
    margin: 0px;
}

*/
.countcaret {
    width: 0px;
    height: 0px;
    border-style: inset;
    border-width: 0 110px 130px 110px;
    border-color: transparent transparent #ffd200 transparent;    
    transform:rotate(0deg);
    -ms-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -o-transform:rotate(180deg);
}

.countcaret p {
    text-align: center;
    top: 20px;
    left: -75px;
    position: relative;
    transform:rotate(0deg);
    -ms-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    width: 150px;
    height: 90px;
    margin: 0px;
}

.width-cbar-one {
    width:93.5%;
}

.width-cbar-two {
   width: 93.3%;
}

.mar-cbar-two {
   margin-left: -10px;
}

li.step3 td.step{
      width: 7%;      
      vertical-align: top;
}

.frm-txt-styl {

    margin-right:10px;text-align:right;font-weight:bold;

}

.det-margin {

    margin-left:-350px;

}
/*landing page courselist */
ul.crslist li{
    width: 30%;
    float: left;
}

ul.crslist{
  width: 100%;
}


/*li.step3:before {
  content: "• ";
}*/
/*This will work for firefox*/
@-moz-document url-prefix() {

    .width-cbar-one{
        width:93.5%;
    }

    .width-cbar-two {
        width:93.25%;
    }

    .mar-cbar-two{
        margin-left: -13px;
    }
    .contactTxt { 
      float:left;
      padding-top:10px; 
      font-size:24px;
      font-weight:bold; 
      margin-right:20px;
      margin-left:72px;
     }

    li.step3 td.step{
        width: 8%;
        padding: 0;
        vertical-align: top;
    }
    li.step3 td.stepcon{
        padding-left: 6px;
    }

    .online_header h2 { font-size:25px; }
    .online_header h3 { font-weight:normal; line-height:24px; font-size:17px; }
    .online_header h3 strong { font-weight:bold; font-size:22px; }
    .blue-box { float:center;color:#ffffff; background-color:#00A0E3; font-style: bold;background-repeat:repeat-x; height:auto; border-radius:5px 5px 5px 5px; text-align:center; }
    .cart-blue-box { font-size:24px; }
    .total-amt-box { font-size:24px; margin-left:15px; }
    .proceed-btn { width:auto;font-size:24px; }

}
/*.crscontent {*/

    /*padding:5px;*/

/*}*/

.span5.crs-width {

    width:50%;

}

.mob-ban {
    display: none;
}

.p-fstyl{

    font-size:18px;
}

.mob-size {

}

.enq-btn {


}
.btm-links{


}

#crname{
  font-size: 24px;
  margin:23px 0 0 70px;
}
#lname{
font-size: 14px;
}

#conceptnav{      
  margin-top: 25px;
}
.head-logo-mob { display: none }
.head-logo { display: block;}

/*.resp-nav {

    float:right;
    margin-left:auto;

}*/

#mob-nav-reg {

    display:none;

}

.crs-box {

    width:47%;
}
.web-ban-list {

    display: inline-block;
}

#junbox.span5 {

    width:47%;
}

#senbox.span5 {

   width:47%;

}

.mob-free {

    display:none;
}

.web-free {
    display:block;
}

.span5.web-crs {

    display:block;
    width:50%;

}

.span5.mob-crs {

    display:none;

}

.span5.freelesson {

    width:50%;
}

#enquiryModal {

    width:450px;
}

#signupModal {

width: 640px;
 margin-left: -360px;
}

#signinModal {
width: 660px;
 margin-left: -360px;

}

#aboutmodal {

 width: 800px;
 margin-left: -400px;

}

.f-size {

    font-size: 24.5px;

}

.l-height {

    line-height: 35px;
}

.f-size-norm {

    font-size: 18px;

}

.inputLarge {

    width:372px;
}

.coup-margin {
    margin-left: -400px;
}

.styl-crs-13 {

    margin-left:0px;

}


.styl-crs-oth {

    margin-left:60px;

}

/*.registernow{
  text-decoration: none;
  margin-top: 10px;
}

a.registernow:hover{
    text-decoration: none;
     color:#ffffff;
}*/

li.contentlist{
  width: 28%;
  text-align:center;
}
.landpgabtcourse ul{
 list-style-position: outside;
}
.landpgabtcourse ul li{
margin-left: 1em;
}


.landpgcrsdetails{
  width: 75%;
}
.landpgright{
  float:right;
}
.discount{
  margin: 20px 10px 10px 10px;
  display:flex;
}
.offericon{
     width: 75px;   
}
.offervalid{
  width:65%;
}

.origprice{
  font-size:22px;
  }
  .discprice{
    font-size:40px
  }

  #lecvideoModal,#exampvideoModal,#questionModal
  {
    position: fixed;
    left:10%;
  }

  body.modal-open {
    overflow: hidden;
}

#purchasetab > li > a{
    outline: none;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    color: #FFFFFF;
  }

#purchasetab > .active > a, #purchasetab > .active > a:hover, #purchasetab > .active > a:focus {
    outline: none;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    background-color: #FFFFFF;
    color: #F76720;
}
#homepg{
  width: 85%;
}

#homepg p{
 font-size:18px;margin:10px 0px 10px 0px;line-height: 22px;
}
#bannertxt{
  margin-left:7%;
}
.banimg img{
  width: 95%;
}
.enqbtn > .btn{
 float:right;
}
.abtbox{
background:#ffffff;
margin-top:20px;
width:86%;
border-top-left-radius: 130px;
 border-top-right-radius: 130px;
}
.bsbox{
    border: 1px solid #2f99ff;
    border-radius: 116px;
    background-image: url(/img/balaji.jpg);
    background-color: #ffffff;
    background-repeat: no-repeat;
    height: 200px;
    width: 86%;
    background-size: 90% 110%;
    margin: 5px;
    padding: 10px;
    }
.contactimg img{
width:7%;
}
.mailimg{
width:20px;
}

.teleimg{
width:20px;
margin-left: 15%;
}
.contactimg
{
  margin-left:0px;
  margin-top:20%;
  font-weight:bold;
  font-size:16px;
  }
.top-head-landing {
    margin-top: 5%;
    }
  .fullyrjun{
  color:#000000;
  font-size:20px;
  font-weight:bold;
  text-align: center
}

.pageloader {
    position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.ajaxload {
  display: none;
  position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('https://i.stack.imgur.com/FhHRx.gif') 
                50% 50% 
                no-repeat;
}
.top-ribbon.jeepage{
  margin-top:45px;
}
.container.jeepage p{
  font-size:26px;
  margin-top:10px;  
}
.jeeweb-ban {

        display: block;
    }
    .jeemob-ban{
      display: none;
    }
    .uparrowouter {
    border-color: transparent;
    border-bottom-color: #fff;
    border-style: dashed dashed solid;
    border-width: 0 8.5px 8.5px;
    display: none;
    position: absolute;
    left: 10%;
    top: -8px;
    z-index: 2;
    height: 0;
    width: 0;
    display: inline-block;
}
.uparrowinner {
    border-color: transparent;
    border-style: dashed dashed solid;
    border-width: 0 8.5px 8.5px;
    display: none;
    position: absolute;
    left: 10%;
    z-index: 1;
    height: 0;
    width: 0;  
    border-bottom-color: #ccc;
    border-bottom-color: rgba(0,0,0,.2);
    top: -8px;
        display: inline-block;
}
.uparrowrightouter {
    border-color: transparent;
    border-bottom-color: #fff;
    border-style: dashed dashed solid;
    border-width: 0 8.5px 8.5px;
    display: none;
    position: absolute;
    right: 10%;
    top: -8px;
    z-index: 2;
    height: 0;
    width: 0;
    display: inline-block;
}
.uparrowrightinner {
    border-color: transparent;
    border-style: dashed dashed solid;
    border-width: 0 8.5px 8.5px;
    display: none;
    position: absolute;
    right: 10%;
    z-index: 1;
    height: 0;
    width: 0;  
    border-bottom-color: #ccc;
    border-bottom-color: rgba(0,0,0,.2);
    top: -8px;
        display: inline-block;
}
/*for media mobile*/
@media screen and (max-width:480px ){
    .jeeweb-ban {

        display: none;
    }
    .jeemob-ban{
      display: block;
    }
   body{
    padding-left:0px;
    padding-right:0px;  
   }

    #nvbar {
    }

    #the-modal{
        height:auto;
        width:100%;
    }

    .web-ban {

        display: none;
    }

    .web-ban-list {

        display: none;
    }

    .mob-ban{
        display: block;
    }

    .img-styl{

        height: 30%;
        width: 30%;
    }

    .win-styl{

        height: 30%;
        width: 20%;
    }

    .logo-styl{
        /*height: 50%;*/
        width: 41%;
    }

    .lev-img {

        width: 40%;
        margin-left: 5%;
        margin-bottom: 5%;

    }

    .p-fstyl{

        font-size: 12px;
    }

    .mob-size {
        font-size: 16px;
    }

    .join-txt{

        font-size: 16px;
        line-height:26px;
    }
    .enq-btn {

        margin-left: 5%;
    }
    .btm-links{
        maring-top:10%;

    }

    .contactTxt {
        padding-top: 10px;
        font-size: 15px;
        font-weight: bold;
        margin-right: 20px;
        margin-left:5%  ;

    }

    .contactLink {
        margin-left:5%;
        margin-top:2%;
        font-size: 17px;
    }

.head-logo-mob { display: block; }
.head-logo { display: none;}
    .frm-txt-styl {

        text-align:center;

    }

    #web-nav-reg {                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  
        display:none;
    }

    #mob-nav-reg{

        display: block;
    }

    .reglogo-styl {

        width:15%;
        margin-left:5%;

    }

    #junbox.span5 {

       width:100%;

    }

    #senbox.span5 {

        width:100%;

    }
  /* .top-head-bg {
        display:none;
    }
*/

   /* .hide-croom {
        display:none;
    }*/


    /*.span6.bottom-btn-link {
        display:none;
    }*/

    body > #content {
        min-height: inherit;
        margin-top:18%;
    }

    .top-head {
      margin-top: -5px;
        }
    .mob-free {

        display:block;
    }
    .web-free {
        display:none;
    }

    .mob-cont {       
        font-size: 12px;
    }

    /*.crscontent {*/

        /*padding:0px;*/

    /*}*/


    .span5.crs-width {

        width:100%;

    }

    .span5.web-crs {

        display:none;


    }

    .span5.mob-crs {

        display:block;
        width:100%;

    }

    .span5.freelesson {

        width:100%;
    }

    #enquiryModal {

        width:auto;
    }

    #signupModal {

        width: auto;
        margin-left:auto;

    }

    #signinModal {

        width: auto;
        margin-left:auto;

    }
      #aboutmodal {

        width: auto;
        margin-left:auto;

    }

    .frmstyle input[type="text"], .frmstyle input[type="password"], .inputLarge { width:auto; height:auto; font-size:12px; margin-top:5px; }

    .f-size {

        font-size: 14px;
    }

    .f-size-norm {

        font-size: 14px;
    }

    .l-height {

        line-height: 15px;
    }

    .inputLarge {
        width: auto;
    }

    .coup-margin {
        margin-left: auto;
    }


    .resp-nav {
      margin-right:15px;

    }

    .btngreen { font-size:17.5px; font-weight:bold; padding:25px 0; }


    .styl-crs-oth {

        margin-left:0px;

    }

    .det-margin {

        margin-left:0px;
    }

#crname{  
  font-size: 12px;
  margin:0px 0 0 20px;
}

#lname{    
font-size: 8px;
}

#conceptnav{    
  margin-right: 15px;
  margin-top: 20px;
}
.navbar .nav { float:right; margin:10px 5px 0 0; }
#hinduban{
  margin-top: 55px;
}

#hinduweblogoMenu{
  display: none;
}

#hindumoblogoMenu{
  display: block;
}

div.registernow{
  width: 80%;
  margin-left: 10%;
}

li.contentlist{
  width: 90%;
  text-align:center;

}

ul.crslist{
  margin-right: 10px;
  width: 90%;
}
ul.crslist li{
    width: 100%;
    float: left;
}
.landpgcrsdetails{
  width: 80%;
  margin-right: 10px;
}
.landpgright{
  width:90%;
}
.landpgabtcourse{
  width:90%;
}

.landpgright{
  margin-top:20px;
  float:left;
}
.discount{
  margin: 5px 10px 5px 10px;
  display:flex;
}
.offericon{
  width:60px;
  margin-left: 20px;
}
.origprice{
  font-size:20px;
  }
  .discprice{
    font-size:30px
  }
#lecvideoModal,#exampvideoModal,#questionModal
  {
  position: fixed;
  left:5%;
  }

#homepg{
  width: 95%;
}

#homepg p{
 font-size:16px;margin:10px 10px 10px 0px;line-height: 22px;
}

.homepgh1{
  font-size: 26px;
  line-height: 30px;
}
.homepgh3{
  font-size: 20px;
  line-height: 25px;
}
#bannertxt{
  margin-left:3%;
}
.banimg img{
  width: 70%;
  margin-bottom: 10px;
}
.enqbtn,.cntbtn{
  text-align: center;
}
.enqbtn > .btn{
  float:none;
}
.abtbox{
width:85%;
margin-left: 10%;
}
.bsbox{
    height: 230px;
    width: 85%;
    margin: 20px;
    }
    .contactimg img{
width:15%;
}
.mailimg{
width:15px;
}
.teleimg{
width:15px;
margin-left: 30%;
}
.contactimg
{
  margin-left:-15px;
  margin-top:10%;
  font-weight:bold;
  font-size:16px;
  }
.top-head-landing {
    margin-top: 25%;
    }

    .fullyrjun{
  color:#000000;
  font-size:18px;
  font-weight:bold;
  text-align: center
}
body > #content{min-height:400px;}

.navbar-fixed-bottom{
position:relative;
  }
  .top-ribbon.jeepage{
  margin-top:20px;
}
.container.jeepage p{
  font-size:20px;
}
}

@media screen and (max-width:1200px ){

.jeemob-ban {

        display: none;
    }
    .jeeweb-ban{
      display: block;
    }
#crname{
  font-size: 18px;
  margin:23px 0 0 40px;
}
.navbar-fixed-bottom{
position:relative;
  }
  .top-ribbon.jeepage{
  margin-top:45px;
}
.container.jeepage p{
  font-size:28px;
}
}

/* css for new navbar */

/*--main-page--*/
.navbar-default.main_menu {
  border-radius: 0px;
  background: #fff;
  -webkit-box-shadow: 0px 10px 15px -5px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 10px 15px -5px rgba(0,0,0,0.75);
  box-shadow: 0px 10px 15px -12px rgba(0,0,0,0.75);
}
.navbar-default .navbar-right > li:last-child > a:hover, .navbar-default .navbar-right > li:last-child > a {
  /*background-color: #23A0f0;*/
  border: none;
  color: white;
  padding: 10px 40px;
  margin-top: 5px;
  
}
.main_page .navbar-default .navbar-collapse.collapse.in {background: #00B0F0; }
.main_page .top_menu {
  background: #00B0F0;
  height: 74px;
}
.main_page .navbar-default.main_menu {
  background: #00B0F0;
}
.main_page .header_container {
  padding-left: 50px;
  padding-right: 50px;
}
.main_page .container-fluid .navbar-brand.header_logo {
  margin-top: 7px;
}
.main_page #panel, .main_page #flip {
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 1052;
}
.main_page .shadow {
  -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.4);
  -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.4);
  box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.4);
}
.main_page #flip {
  z-index: 1060;
}
.main_page .nav_menu .select_course {
  margin: 11px 0px;
  color: #FFF;
}
.main_page .navbar-nav > li > .dropdown-menu.course {
  margin-top: 11px;
}
.main_page .navbar-default .navbar-nav > li.select_course > a, .main_page .navbar-default .navbar-nav > li.select_course > a:hover, .main_page .navbar-default .navbar-nav > li.select_course > a:focus {
  /*color: #000;*/
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  background: transparent;
}
.main_page .navbar-default .navbar-nav > li.select_course > a .caret {
  border-top: 6px dashed #FFF;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

.main_page .navbar-brand { height:62px;}
.main_page .navbar-default .navbar-right > li:last-child > a, .main_page .navbar-default .navbar-right > li:last-child > a:hover, 
.main_page .navbar-default .navbar-right > li:last-child > a:focus { 
  border:0px;
  height:74px;
  margin-top:-1px;
  padding:0px;
  width:70px;
  background:url(/img/assets/images/profile_img.jpg) center center no-repeat;
  background-size:cover;
  border-radius:50px;
}


.main_page .nav_menu .select_course {margin:0px; }
.main_page .navbar-default .navbar-nav > li > a { padding:25px 10px 10px 10px;margin:0px 5px;}
.main_page .navbar-nav > li {
     float: none; 
    display: inline-block;
    vertical-align: middle;
}
.main_page .dropdown-menu.mycourse >a:hover {
    text-decoration: underline;
}
.main_page .dropdown-menu.mycourse { 
  width:300px;
  padding:10px;
  background:#FFF;
  border:1px solid #CCC;
  border-radius:4px;
}
.main_page .dropdown-menu.mycourse .dropdown_title { 
  margin:0px;
  font-size:18px;
  font-weight:400;
  padding:5px 0px;
  border-bottom:1px solid #eee;
  color:#333;
}
.main_page .dropdown-menu.mycourse .course_content { 
  padding:10px 0px;
  padding-left:55px;
  height:70px;
  font-size:14px;
  font-weight:400;
  display:block;
  color:#666;
  /*background:url(/img/assets/images/633228_a6b9_11.jpg) left center no-repeat;*/
  background-size:40px;
  border-bottom:1px solid #eee;
}
.main_page .dropdown-menu.mycourse .course_content:hover { 
  background-size:50px;
}
.main_page .dropdown-menu.mycourse .dropdown_link { 
  padding:5px 0px;
  text-align:right;
  display:block;
  color:#0CF;
  font-size:12px;
  font-weight:600;
}
.main_page .navbar-nav > li.select_course.dropdown-accordion .panel-heading {
  padding: 0;
  background:#eee;
  border-radius:0px;
  border:0px;
}
.main_page .navbar-nav > li.select_course.dropdown-accordion .panel-group { 
  margin-bottom:0px;
}
.main_page .navbar-nav > li.select_course.dropdown-accordion .panel-group .panel-default { 
  border-radius:0px;
  margin-top:1px;
  border:0px;
  box-shadow:none;
}
.main_page .navbar-nav > li.select_course.dropdown-accordion .panel-group .panel-body { 
  padding:5px 0px;
  background:transparent;
}
.main_page .navbar-nav > li.select_course.dropdown-accordion .panel-group .panel-body a { 
  padding:3px 15px;
  background:#ggg;
  color:#666;
  border:0px;
  font-size:13px;
  font-weight:400;
  border-bottom:1px solid #eee;
  display:block;
}
.main_page .navbar-nav > li.select_course.dropdown-accordion .panel-group .panel-body a:hover { 
  color:#333;
  font-weight:600
}
.main_page .navbar-nav > li.select_course.dropdown-accordion .panel-heading a {
  display: block;
  padding: 10px 0px;
  color: green;
  font-weight: 600;
}
.main_page .dropdown-menu.mycourse .dropdown_link:hover { 
  color:#09F;
}
.main_page .navbar {
    position: static;
    }
    .main_page .navbar-nav > li.select_course > .dropdown-menu.course { margin-top:0px;border-radius:4px;float:none;width:500px;}
.main_page .navbar-nav > li.select_course > .dropdown-menu.course > li > a {
    white-space: normal;
}
.main_page .dropdown-menu.mycourse >a:hover {
    text-decoration: underline;
}
.main_page .dropdown-menu.mycourse { 
  width:300px;
  padding:10px;
  background:#FFF;
  border:1px solid #CCC;
  border-radius:4px;
}
.main_page .dropdown-menu.mycourse .dropdown_title { 
  margin:0px;
  font-size:18px;
  font-weight:400;
  padding:5px 0px;
  border-bottom:1px solid #eee;
  color:#333;
}
.main_page .dropdown-menu.mycourse .course_content { 
  padding:10px 0px;
  padding-left:55px;
  height:70px;
  font-size:14px;
  font-weight:400;
  display:block;
  color:#666;
  /*background:url(/img/assets/images/633228_a6b9_11.jpg) left center no-repeat;*/
  background-size:40px;
  border-bottom:1px solid #eee;
}
.main_page .dropdown-menu.mycourse .course_content:hover { 
  background-size:50px;
}
.main_page .dropdown-menu.mycourse .dropdown_link { 
  padding:5px 0px;
  text-align:right;
  display:block;
  color:#0CF;
  font-size:12px;
  font-weight:600;
}
.main_page .dropdown-menu.mycourse .dropdown_link:hover { 
  color:#09F;
}
div.panel {
    padding: 0 18px;
    display: block;
    background-color: white;
}

div.panel.show {
    display: none;
}

.main_page .navbar .nav { float:left; margin:0 0 0 0; }


@media screen and (max-width:479px) { 
 .top-ribbon.jeepage{
  display: none;
}
.container.jeepage p{
  font-size:20px;
  margin-top:0;  
}
.jeeweb-ban {

        display: none;
    }
    .jeemob-ban{
      display: block;
    }
 #classroom_header_img{
  display: none;
}
h2{
  font-size:25px;
}

.classroom_header h2 {   
    font-size: 25px;
}

.classroom_header h3 strong {
    font-size: 25px;
}
.classroom_header h3 {
      line-height: 26px;
}
#enquiryModal{
margin-left: 0
}
h1, h2, h3 {
    line-height: 35px;
}
}
@media (max-width: 559px) and (min-width: 480px){
   #classroom_header_img{
  display: none;
}
.top-ribbon.jeepage{
  margin-top:30px;
}
.jeeweb-ban {

        display: none;
    }
    .jeemob-ban{
      display: block;
    }
.container.jeepage p{
  font-size:22px;
  margin-top:2px;  
}
.classroom_header h2 {   
    font-size: 25px;
}

.classroom_header h3 strong {
    font-size: 25px;
}
.classroom_header h3 {
      line-height: 26px;
}
.head-logo-mob {
    display: block;
}
.head-logo {
    display: none;
}
#enquiryModal{
margin-left: 0
}
h1, h2, h3 {
    line-height: 35px;
}
}
@media (max-width: 767px) and (min-width: 560px){
     #classroom_header_img{
  display: none;
}
.jeeweb-ban {
        display: block;
    }
    .jeemob-ban{
      display: none;
    }
.top-ribbon.jeepage{
  margin-top:35px;
}
.container.jeepage p{
  font-size:22px;
  margin-top:5px;  
}
.classroom_header h2 {   
    font-size: 25px;
}

.classroom_header h3 strong {
    font-size: 25px;
}
.classroom_header h3 {
      line-height: 26px;
}
.head-logo-mob {
    display: block;
}
.head-logo {
    display: none;
}
#enquiryModal{
margin-left: 0
}
h1, h2, h3 {
    line-height: 35px;
}
}

@media (max-width: 991px) and (min-width: 768px)
{
  .classroom_header h2 {   
    font-size: 25px;
}
.jeeweb-ban {
        display: block;
    }
    .jeemob-ban{
      display: none;
    }
h1, h2, h3 {
    line-height: 35px;
}
.top-ribbon.jeepage{
  margin-top:40px;
}
.container.jeepage p{
  font-size:26px;
  margin-top:10px;  
}
}
 #sortable-row { list-style: none; }
  #sortable-row li { margin-bottom:4px; padding:10px; background-color:#cde7ef;cursor:move;}
  .btnSave{padding: 10px 20px;background-color: #09F;border: 0;color: #FFF;cursor: pointer;margin-left:40px;}  
  #sortable-row li.ui-state-highlight { height: 1.0em; background-color:#F0F0F0;border:#ccc 2px dotted;}

.searchList {
  list-style-type: none;
  padding: 0;
  width: 17%;
  position: absolute;
  max-height: 200px;
  overflow-y: scroll;
  margin: 0;
}

.searchList li{
  border: 1px solid #ddd;
  margin-top: -1px; /* Prevent double borders */
  background-color: #f6f6f6;
  padding: 5px;
  text-decoration: none;
  font-size: 16px;
  color: black;
  display: block
}

.searchList li {
  background-color: #e2e2e2;
  cursor: default;
  cursor: pointer;
}

.mutliSelect ul{
list-style-type: none;
}
.mutliSelect ul>li{
display: inline-block;
}