@font-face {
  font-family: "Marutham";
  src: url('../TAU-Marutham.ttf.eot'); /* IE9 Compat Modes */
  src: url('../TAU-Marutham.ttf.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../TAU-Marutham.ttf.woff2') format('woff2'), /* Super Modern Browsers */
       url('../TAU-Marutham.ttf.woff') format('woff'), /* Pretty Modern Browsers */
       url('../TAU-Marutham.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../TAU-Marutham.ttf.svg#svgFontName') format('svg'); /* Legacy iOS */    
}
audio{
  width:170px;
  height:35px;
}
.header{
	
	padding:2px;
	/* background-color:#963256; */
	width: 100%;
	text-align:center;
}
 body {
  font-family: Marutham, sans serif;
  line-height: 1.8;
  color: black;
  font-size:20px;
  /*background-color:#eddfe4;*/
  /* background-color:#f2e9ec; */

 }
 section#minSection {
  min-height: calc(98vh - 157px - 63px); 
 /*document view port height - header height - footer height */
 }
 p {
  text-align: justify;
  text-justify: inter-word;
  text-indent:50px;
}

/*Letter size*/
.lettersize{
	font-size:92px;
	color:#d22329;
}
 .lettersice3{
	font-size:35px;
	font-weight:bold;
	text-align:center;
	
}
.lettersice2{
	font-size:35px;
	font-weight:bold;
	text-align:center;
	
}

 .h4{
	 text-align: center;
 font-weight:bold;
 }
.h3{
	text-align: center;
	 font-weight:bold;
   color:rgb(8, 103, 180);
 }
 p.lana{
	text-align: right;
  color:blue;
  padding-right:150px;
}
 
/* mark{
	border-radius:25px;
	text-align:center;
	padding:2px;
	background-color:#f2e9ec;
} */
/* mark1{
	
	text-align:center;
	padding:2px;
	background-color:#ffffff;
} */
/*div in center position*/
.centerd {
  margin: auto;
  /* width: 60%; */
  border: 1px solid #963256;
  padding: 10px;
}
.subheading{
	text-align:left;
	font-size: 18px;
	color:#d22329;
}
.highlight { color:#3e59f7; }
.highlight1 { color:#f8086c; }
/*image in parallel side*/
.imgp{
	width:130px;
	height:130px;
}
/*image in அறிவோம்*/
.imga{
	width:80px;
	height:80px;
}
/*image in song*/
.imgs{
	width:200px;
	height:200px;
}
/*image in converstion*/
.imgc{
	width:270px;
	height:270px;
}
/*image in exercise*/
.imge{
	width:90px;
	height:90px;
	padding-top:30px;
}
/*fill up */
.imgf{
	width:90px;
	height:90px;
}
/*longwide image*/
.imgl{
  width:120px;
  height:80px;
}
/*longwide image*/
.imgll{
  width:220px;
  height:120px;
  padding-top:30px;
}
/*wide image*/
.imgw{
  width:80px;
  height:60px;
}
/*height image*/
.imgh{
  width:80px;
  height:100px;
}
/*height image*/
.imghh{
  width:90px;
  height:180px;
}
/*poem heading text*/
.poetex{
	margin-left:50px;
	font-size:20px;
}
p.ln{
	text-align: right;
}
.rans{
	color:green;
}
.wans{
	color:red;
}

 /*footer {
  padding:14px;
	background-color:#963256;
	color:white;
	width: 100%; 
} */

footer nav {
  margin-top: 10px;
  margin-bottom: 10px !important;
}

marquee{
      font-size: 20px;
      font-weight: 800;
      color: red;
      
}

/* below picture text*/
.pictex{
	text-align:center;
	color:blue;
	font-size:20px;
}

/*Question and answer text*/
.qa{
	line-height: 1.10;
}
.ans{
	text-indent:100px;
	color:#e17247;
}
/* choose the best nswer option*/
.choice{
	text-indent:100px;
	
}
.itl{
	 font-style: itlic;
	
}
.mun{
	 text-align:center;
	 
}
a.mun{
	text-decoration:none;
	 
}

.center {
  /* display: block; */
  margin-left: auto; 
   margin-right: auto; 
  height:430px; width:450px; 

   padding-top:10px;
}
.centerIl{
	display: block;
  margin-left: 290px;
  margin-right: 290px;
padding-top:10px;  
}
.centerIm{
  display: block;
  margin-left: 290px;
  margin-right: 390px;
   width:600px; 
   height:400px;
   padding-top:10px;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td,.table>thead>tr>th {
	    border-top: 0px;
		border-bottom: 0px;

}
.w-10 {
  width: 10%
}
/* .tableborder{
	border: 1px solid grey;
} */
/* .tdliMid{
	verticl-lign:middle;
} */
.tdpictex{
	text-align:left;
	color:blue;
	font-size:18px;
}

.bs-example{
        margin: 20px;
    }
	

.h5, .h6, h5, h6 {
    margin-top: 5px;
    margin-bottom: 5px;
	
}
.h4, h4{
	 margin-top: 5px;
    margin-bottom: 5px;
	text-align:center;
  
}
.btn-link {
    font-weight: 400;
    color: #a337b7;
    border-radius: 0;
	
}
button.right {
    float: right;
}

.hrcolor {
    border-color: #CC0000;
    border-style: solid;
    border-bottom: 1px;
    margin:0px;
padding:0px; 
padding-bottom: 15px;}

.blist{
	color:#000;
	text-decoration:none;
}
.navbar-nav.navbar-center {
    position: relative;
	 left: 50%;
     transform: translatex(-50%);  
	 
}
 .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    /* background-color: #505439; */
	background-color:#346768;
} 
/* in lower footer*/
.navbar-inverse .navbar-nav>.active>a:focus
{
background-color:#025d5e;
}
.navbar-inverse .navbar-nav>.active>a:hover {
	background-color:#19888a;
}


.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: #19888a; 
}


pTop{
	top:70px;
}

ul{
	list-style-position: outside;
	padding-left: 100px;
	
}
p.ln{
	text-align: right;
}
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    bottom: 0;
    left: 100%;
}


@media screen and (max-width: 768px) {
  .flexRow>.flexCol {
    width: 100%;
  }
  .flexRow {
  display: flex;
  flex-wrap: wrap;
}

.flexRow>.flexCol {
  display: flex;
  flex-direction: column;
}
}


@media (max-width: 767px) {

    .navbar-nav .open .dropdown-menu>li>a,
    .navbar-nav .open .dropdown-menu {
        padding-left: 15px !important;
		
    }
}