/* ACCORDATION START */
.arrowlistmenu{
display:block; clear:both; margin:0px auto;}


.categoryitems{display:none; clear:both;}
.categoryitems input[type=checkbox]{width:14px; height:14px; display:inline-block; margin-left:-20px; vertical-align:top;}

.arrowlistmenu .chapter{ /*CSS class for menu headers in general (expanding or not!)*/
font-size:18px; color:#000; font-weight:bold; color:#d4151c; padding:10px; line-height:25px; text-align:left; box-sizing:border-box;}

.chapter_answer{font-size:14px; font-weight:400; display:block; background:#f1f1f1; color: #000; padding:10px 10px 0px 10px; margin:0px 0px 30px 0px; text-align:left; overflow:auto; }
.chapter_answer p{margin:0px; padding:0px;text-align:left!important;}
.chapter_answer a{display:block; color:inherit; padding-bottom:0px; margin-bottom:0px;}
.icons-inside{display:inline-block; margin-right:10px; max-width:80px; vertical-align:middle;}
.icons-inside img{width:100%;}
.icons{display:block; margin:0px auto; max-width:190px; vertical-align:middle;}
.icons img{width:100%}
.home_text_cont{display: inline-block; padding:10px; text-align:center; margin-right:15px; width:48%; vertical-align:top;}
.home_text_cont span{display:block; font-size:21px; line-height:normal; /*color:#d4151c;*/ font-weight:bold; text-align:center;}
.hindi_home_text{display:inline-block; text-align:center; margin-left:15px; padding:10px; width:48%}
.hindi_home_text span{display:block; font-size:19px; line-height:normal; font-weight:bold;}
.home_bottom{display:block; text-align:center; font-size:18px; margin-top:20px;}
.home_bottom span{display:block; font-weight:bold; margin-bottom:10px; color:#b50c12;}
.blue{color:#d4151c; }
.flex-container {display: flex; flex-wrap: wrap; text-align:center; justify-content: space-between;}
.flex-container > ul {width: 33%; margin:0% 0% 1% 0%; border:0px solid #ccc; background:#fff; text-align: left; font-size:14px; padding:10px 10px 5px 10px; list-style-type:none;}
.flex-container > ul > li{display:block; font-size:18px; width:100%; margin-bottom:10px; line-height:20px; box-shadow:2px 2px 2px 2px #ddd; padding:10px; border-radius:10px;}
.flex-container > ul > li > span{display:block; margin-bottom:10px;}
/*.flex-container > ul > li > span:first-child:after{content:'–'; display:inline-block; margin:0px 10px; font-weight:bold;}*/
.flex-container > ul > li > span:last-child{font-weight:bold; color:#d4151c;}
.flex-container > ul:last-child{margin-right:0%;}
.flex-container > ul > li:first-child{margin-right:4%;}
.tbl{width:100%; background:#fff; border-collapse:collapse; margin-bottom:10px; font-size:18px;}
.tbl td{padding:10px; border:1px solid #ddd; vertical-align:text-top;}
.tbl td span{display:block; margin-bottom:10px; }
/*.tbl td span:first-child:after{content:'–'; display:inline-block; margin:0px 10px; font-weight:bold;}*/
.tbl td span:last-child{font-weight:bold; color:#d4151c;}
.subhead{font-weight:bold; background:#d4151c; color:#fff;}
/*audio start */
.audio_cont{display:inline-block; vertical-align:top; position:relative; left:10px;}
.audio_cont img{width:100%; width:18px; height:18px;}

.play, .pause {width: 22px; height: 22px; border: 0px;}
.play {background:url('../images/sound_icon.svg') no-repeat center / 100%;}
.pause {background: url('../images/pause_icon.svg') no-repeat center / 100%;}
/*audio end */


.overlay{position:fixed; display:none; z-index:100; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.5);}
.abc{display:block;}

/* menu start */
.side_menu{float:left; padding:20px 20px 80px 20px; position:fixed; margin-top:-15px; font-size:14px; overflow-x:hidden; height:90%; max-height:auto; width:24%; margin-right:3%; background:#f1f1f1/* url(../images/for-border.jpg) repeat-x*/; background-size:30px; background-position:0% 98%; border:0px solid #f1f1f1; transition:all .5s;}


.reading_cont{float:right; width:70%; padding-bottom:50px;}
.reading_box{display:block; clear:both; margin:10px 0px 10px 0px; border:1px solid #f1f1f1;}
.adv_space{float:right; clear:both; width:70%; margin-top:70px;}
.adv_space img{width:100%;}
.next_prev_cont{float:right; clear:both; width:70%;/* display:none;*/ padding-bottom:50px;}
.btn{padding:1px 10px 1px 10px; margin-bottom:30px; background:#d4151c; color:#fff; cursor:pointer; float:right; border-radius:4px;}
.prev{float:left;}
.next{float:right;}
.disabled{background:#ccc; pointer-events: none;}
.not-allowed{cursor: not-allowed;}
.rotate{
  animation: rotate 20s linear infinite; 
}
@keyframes rotate{
  from{ transform: rotate(0deg); }
  to{ transform: rotate(360deg); }
}


.spinner{
  width:200px; height:200px; position:absolute; z-index:-1; right:-105px; bottom:0px; background:url(../images/bottom-cornor.svg) no-repeat;
}



.animation{no-repeat; background-position:bottom right;}
.sidenav_cont{display:block; height:90%; width:102%; position:relative; overflow:hidden; }
.sidenav {height: 100%; width: 100%; position: relative; overflow-x: hidden; transition: 0.5s; margin-top:0px;}
.sidenav .closebtn {display:none;position: absolute; top:4px; right: 5px; z-index:2; font-size: 25px; background:#d4151c; color:#fff; padding: 2px 5px 2px 5px;}
.menu_icon{position:fixed; z-index:5; display:none; height:40px; bottom:0px; /*transform:rotate(-90deg);*/ text-align:center; text-transform:uppercase; left:0; font-size:25px; font-weight:600; padding:12px 10px 5px 7px; background:#d4151c; border-right: 2px solid #fff; color:#fff; cursor:pointer;}
.menu_icon a:hover{color:#fff;}


/* accordion start */
.accordion-cont{display:block; clear:both; width:98%;}
.course-holder{display:block; clear:both;}
.course-holder a{display:block; margin-bottom:20px; line-height:18px;}
.course-holder a.active{font-weight:bold;}
.accordion-head{font-size:20px; font-weight:bold; line-height:20px; margin:10px 0px 15px 0px;}
.accordion-head span{display:block; text-align:center; font-size:25px; margin-bottom:15px;}
.course-holder ul{display:block; margin:0; padding:0px!important;}
.accordion{
  list-style: none;
  padding: 0;
}
.accordion .inner {
  overflow: hidden;
  display: none;
}
.accordion .inner.show {
  margin-top:5px;
  /*display: block;*/
}
.accordion li {
  margin: 0px 0px 5px 0px; font-size:16px; list-style-type:none; display:block;
}

.main{font-weight:bold; border:1px solid #d4151c; color:#fff; background:#d4151c!important; border-radius:10px!important;}
.main a.active{font-weight:bold; border:1px solid #d4151c; color:#fff; background:blue!important; border-radius:10px!important;}
.jay{font-weight:bold; border:1px solid #d4151c; color:#fff!important; background:#f2868a; border-radius:10px!important; border:0px;}
.jay:before{content: '◉'; display: inline-block!important; position:relative; font-weight:normal; top:4px; color:#fff!important; font-size:25px; margin-left: -22px; margin-right: 7px;}

.accordion li a.active{font-weight:bold; border:1px solid #d4151c; color:#fff; background:#ccc; border-radius:10px!important;}

.accordion li a.toggle {
  width: 100%;
  display: block; background:rgba(255,255,255,1);
  padding:10px 10px 10px 30px; line-height:18px;
  border-radius: 0.15em; font-weight:bold;
  transition: background 0.3s ease; margin-bottom:0px;
}

.accordion li a.toggle:before {
content: ""; background:url(../images/bc_icon.svg) no-repeat; background-size:100% 100%; transform:rotate(180deg); width:10px; height:12px; display:inline-block; position:relative; top:2px; margin-left:-20px; margin-right:10px; padding:1px 0px 1px 0px; line-height:11px;transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s;
}
.accordion li a.active:before {
content: ""; background:url(../images/bc_icon_active.svg) no-repeat; background-size:100% 100%; transform:rotate(270deg); width:10px; height:12px; display:inline-block; position:relative; top:2px; margin-right:10px; padding:1px 0px 1px 0px; line-height:11px; }

.accordion_course{display:block; clear:both; padding:0px; margin-left:15px;}
.accordion_course ol{display:block;}
.accordion_course li{margin-bottom:20px;}
.accordion_course li a.active{font-weight:bold;}
.main_course_head{display:block; line-height:25px; padding:10px; margin-bottom:5px; font-weight:bold; font-size:20px; text-align:center;}

.alltgllinks a{color:#000; font-size:14px; margin-bottom:3px; padding:5px 10px 5px 10px;}
.alltgllinks a.active{color:#fff!important; border:0px!important; }
.alltgllinks a.active:before{display:none!important;}

.course_material a{padding-left: 32px;}
.course_material a:before{content: '◉'; display: inline-block!important; position:relative; top:4px; color:#d4151c; font-size:25px; margin-left: -22px; margin-right: 7px;}
.course_material a.active:before{content: '◉'; display: inline-block!important; position:relative; top:4px; color:#d4151c; font-size:25px; margin-left: -22px; margin-right: 7px;}


/* accordion end */
@media (max-width:1153px){
.home_text_cont{margin-right:0px; width:100%;}
.hindi_home_text{margin-left:0px; width:100%;}
}

@media (max-width:1023px){
.head{text-align:center;}
.arrowlistmenu .chapter{ text-align:center;}
.sidenav_cont{border:0px;}
.sidenav{position:fixed; background:#f1f1f1 url(../images/for-border.jpg) repeat-x; background-size:30px; background-position:0% 100%; calc:(100% - 120px); padding-top:30px; width:0%; top:0px; z-index:100; left:0px;}
.side_menu{border:0px; height:auto; padding:0px; position:absolute;}
.menu_icon{display:block;}
.padset{padding:20px 20px 40px 20px; display:block;}
.nav-w{width:300px!important;}
.reading_cont{float:none; width:100%;}
.sidenav .closebtn {display:block;}
.adv_space{width:100%; float:left;}
.next_prev_cont{width:100%; float:left;}
.home_matter_cont{position:absolute; width:100%; top:50%; left:50%; transform: translate(-50%, -50%);}
}
@media(max-width:767px){
.flex-container {display: block; border-bottom:1px dashed #000; padding-bottom:10px; margin-bottom:10px;}
.flex-container:last-child{border-bottom:0px dashed #000; }
.flex-container > ul {width: 100%!important; border:0px solid #ccc; background:#fff; margin-top:0px; margin-bottom:-12px;}
.flex-container > ul:last-child{margin-bottom:-10px;}
.lang_box{top:10px;}
.icons{max-width:150px;}
.home_text_cont span{font-size:18px; font-weight:normal;}
.hindi_home_text span{font-size:17px; font-weight:normal;}
.home_bottom{font-size:14px; margin-top:10px; margin-bottom:20px;}
.reading_cont{padding-bottom:20px;}
}
@media (max-width:1000px) and (orientation: landscape) {
.home_matter_cont{position:relative!important; width:100%; top:0%; left:0%; transform: unset;}
}