@import url(../../fonts.googleapis.com/earlyaccess/notosansdevanagariui.css);@import url(//fonts.googleapis.com/earlyaccess/notosanstamilui.css);

body {

    font-family: 'Noto Sans Tamil UI', sans-serif;

    background-color: #e0b200;

}

.ac{

    text-align: center;

}

.ar{

    text-align: right;

}

/* || Header */

.main_title {

    display: flex;

    justify-content: space-between;

    background-color: #0c7b00;

    padding: 10px;

}

.main_title a{

    color: #ffffff;

    text-decoration: none;

}

.main_title a:hover{

    color:#f4c400;

}



.tamiltitle {

    font-size: 24px;

    font-weight: bold;

    color: #CC0000;

    text-align: center;

    line-height: 1.5;

    

}

<SCRIPT type="text/javascript">

  function JavaBlink() {

     var blinks = document.getElementsByTagName('JavaBlink');

     for (var i = blinks.length - 1; i >= 0; i--) {

        var s = blinks[i];

        s.style.visibility = (s.style.visibility === 'visible') ? 'hidden' : 'visible';

     }

     window.setTimeout(JavaBlink, 1000);

  }

  if (document.addEventListener) document.addEventListener("DOMContentLoaded", JavaBlink, false);

  else if (window.addEventListener) window.addEventListener("load", JavaBlink, false);

  else if (window.attachEvent) window.attachEvent("onload", JavaBlink);

  else window.onload = JavaBlink;

</SCRIPT>

.tamiltitle span {

    font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #006600;

    font-size: 18px;

    line-height: 1.2;

}

.tamiltitle_right{

    font-family: Verdana, Arial, Helvetica, sans-serif;

    text-align: right;

    font-size: 14px;

    color: #000000;

}

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

    .main_title{

        padding: 5px;

    }

    .main_title *{

        display: none;

    }

    .tamiltitle {

        font-size: 20px;

    }

    .tamiltitle br{

        display: none;

    }

    .tamiltitle span {

        font-size: 16px;

        display: block;

    }

    .tamiltitle_right{

        text-align: center;

        font-size: 14px;

        padding-top: 20px;

    }

    .tamiltitle_right span {

        font-size: 16px;

        display: block;

    }

    .tamiltitle_right br{

        display: none;

    }

}

/* end */



/* || Nav */

.mobile_menu{

    display: none;

}

.navbar .container{

    justify-content: center;

}

.navbar{

	background: rgb(254,237,118);

    background: linear-gradient(180deg, rgba(254,237,118,1) 0%, rgba(255,193,0,1) 50%, rgba(254,237,118,1) 100%);

    border-top: 4px solid #006600;

    border-bottom: 4px solid #006600;

}

.navbar li a {

	color: #252525;

}

.navbar a:hover {

	color: #d50000;

}



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

    .mobile_menu{

        display: block;

    }

    .desktop_menu{

        display: none;

    }

    .navbar-expand-sm .navbar-nav{

        display: flex;

        flex-direction: column;

    }

    .navbar .container{

        justify-content: space-between;

    }

}

.navbar.footer{

	background: rgb(254,237,118);

    background: linear-gradient(180deg, #00871d 0%, #006600 50%, #00871d  100%);

    border-top: 4px solid #006600;

    border-bottom: 4px solid #006600;

}

.navbar.footer li a {

	color: #FFFFFF;

}

/* end */



.carousel-item img{ width: 100%;}



/* || Side Nav */

.astro_sidebar .divider{

    background: #ffffff;

    padding: 12px;

}

.astro_sidebar h5 {

    border-bottom: 1px solid #212529;

    padding-bottom: 5px;

}

.astro_sidebar a{

    display: block;

}

.side_nbav .container-fluid{

    height: 48px;

    display: flex;

    align-items: center;

    margin-bottom: 5px;

}

.astro_sidebar .astro_social a{

    width: auto;

    font-size: 22px;

}

/* end */



/* || Content */

.content_sec{

    background-color: #fff6d4;

}

.content_sec .nav-tabs{

    padding: 10px 0 0 10px;

}

.content_sec .nav-tabs button{

    color: #ffffff;

    background-color: #0c7b00;

}

.content_sec .nav-tabs button.active{

    color: #e0b200;

    background-color: #0c7b00;

}

/* end */



/* || Meeting Gallery */

.meeting_gallery {

    display: flex;

    flex-wrap: wrap;

}

.meeting_gallery > div {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    height: 150px;

    width: 150px;

    background-color: #f8f9fa;

    margin: 4px;

    border: 1px solid #000;

    cursor: pointer;

}

.meeting_gallery > div > img{

    max-height: 100px;

    max-width:140px;

}

/* end */