html, body,ol,ul{margin:0;padding:0; font-size: 14px; font-weight: 400; color: #333; font-family: 'Montserrat', sans-serif;} 
p{line-height: 24px;}
a:hover, a:focus{ outline: none; text-decoration: none;}
a{transition: all 0.5s; -moz-transition: all 0.5s;}
a:focus, .btn:focus, a:active, .btn:active{box-shadow: none; outline: none;}
.section{padding: 65px 0;}
.text-uppercase{ text-transform: uppercase; }
.text-sm{ font-size: 80% !important; }
.white-bg{ background: #fff; }
.ptn{ padding-top: 0 !important; }
.pbn{ padding-bottom: 0 !important; }
.fw600{font-weight: 600;}
/*Header Menu*/
.logo-text{ font-weight: 700; color: #fff; font-style: italic; text-shadow: 1px 0 2px rgba(0,0,0,0.5); }
.logo-text h3, .logo-text h5{ font-weight: 700; }
header{ position: relative; padding-top: 20px; }
header:before{ content: ""; z-index: 0; position: absolute; width: 100%; top: 0; height: 450px; left: 0; right: 0; background:url(../images/pattern.png) #0c75b7; }
.logo-text .tamil{ font-size: 20px; font-weight: 600; }
.nav-item.logo{width: 180px; margin: 0;}
.nav-item.logo .nav-link{position: absolute; top: -50px; left: 50%; padding: 0 !important; margin-left: -84px;}
.nav-item.logo-space { margin-left: 100px; }
.nav-item.logo .nav-link:hover, .nav-item.logo .nav-link:focus, .nav-item.logo .nav-link:active{ background: none; }
.home-page{ background: #ececec; }

/*Menu*/
.main-menu{background:url(../images/menu-bg.png) no-repeat center center; margin-top: 15px; z-index: 99;}
.main-menu .navbar-nav{margin: 0 auto;}
.main-menu ul li{margin-left: 10px;}
.main-menu ul li a{font-size: 13px; text-shadow: 1px 0 2px rgba(0,0,0,0.5); color: #fff !important; padding:12px 22px !important; border-radius: 3px; text-transform: uppercase; font-weight: 600; display: block; }
.main-menu ul .active a, .main-menu ul li a:hover{color: #fc6000; background: #f9b922; }
.navbar-light .navbar-nav .nav-link{color: #191919;}
.controls{ padding: 0; margin:15px 0 0; }
.controls li{ float: right; margin-left: 3px; list-style: none; color: #fff;}
.controls li a{ color: #333; padding: 6px 10px; font-size: 13px; background: #fff; border-radius: 3px; }
.controls li a:hover{ background: #333; color: #fff; }
.controls li.date-time{ margin-right: 10px; background: none !important; color: #fff !important;}
.controls li.dark-theme{margin-right: 10px; margin-left: 10px;}
.controls li.dark-theme a{ background: #333; color: #fff; }
.dark-theme-active .controls li.dark-theme a{ background: #fff; color: #333; }
.controls li.dark-theme a.active{ background: #fff !important; color: #333 !important; }
.controls li.language{background: url(../images/down-arrow.svg) no-repeat right  5px center #fff !important; background-size: 10px !important; padding: 2px 15px 2px 6px; border-radius: 3px; margin-top: -3px; }
.controls li.language select{ background: none !important;  border: none; -webkit-appearance:none; -moz-appearance:none; appearance:none;}

/*Banner*/
.banner-section{margin-top: 50px;}
.banner-slider{ padding-bottom: 60px; background: url(../images/shadow.png) no-repeat; background-position: center -135px; }
.banner-slider .owl-controls{position: absolute; top:120px; width: 100%; left: 0;}
.banner-slider .item{ background: #fff; padding: 5px; overflow: hidden;}
.banner-slider .owl-prev, .banner-slider .owl-next{position: absolute; width: 45px; height: 92px; line-height: 92px; background: #f9b922; display: block; text-align: center; font-size: 26px; color: #fff;}
.banner-slider .owl-prev{left: 0px;}
.banner-slider .owl-next{right: 0px;}

.box{background: #fff; border: 1px solid #0c75b7; padding-top:40px;  position: relative; -webkit-box-shadow: 6px 6px 0 0 rgba(12,117,183,0.2); box-shadow: 6px 6px 0 0 rgba(12,117,183,0.2);}
.box.min-height{ min-height: 335px; }
.box .box-title.style{ position: absolute; top: -10px; left: -10px; padding: 8px 24px; text-transform: uppercase; min-width: 200px;background: #0c75b7; color: #fff; font-size: 18px; font-weight: 600; }
.box .box-title:before { position: absolute; content: ""; left: 0px;bottom: -10px; width: 0px; height: 0px; border-style: solid; border-width: 0px 10px 10px 0; border-color: transparent #025589 transparent transparent;}
.box .box-title:after { position: absolute; content: ""; right: -29px;top: 0px; width: 0px; height: 0px; border-style: solid; border-width: 43px 30px 0px 0px; border-color: #0c75b7 transparent transparent transparent;}
.box .box-cont{ padding: 15px; }
.box .kural{ margin-bottom: 0; }
.box .kural-all{position: relative; padding: 0 0 0 90px;}
.box .kural-all .img{ position: absolute; left: 0; top: 0; width: 80px; }
.box .adhigaram, .box .explain-title{ font-size: 18px; font-weight: 700; }
.box .authour{font-size: 12px; text-align: right;}

.scroll-style .mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0;}
.scroll-style .mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px;}
.scroll-style .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: #666 !important;}
.scroll-style .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #888 !important;}
.scroll-style .mCSB_scrollTools .mCSB_buttonUp, .scroll-style .mCSB_scrollTools .mCSB_buttonDown, .scroll-style .mCSB_scrollTools .mCSB_buttonLeft, .scroll-style .mCSB_scrollTools .mCSB_buttonRight{opacity: 1 !important;}

.box .explain{font-size: 13px; padding-top: 15px; border-top: 1px solid #0c75b7; height: 150px; overflow: auto;}
.box .explain p{font-size: 13px; margin: 0;}
.list{ padding: 0; margin:0;}
.list li{ padding: 5px 5px 5px 25px; line-height: 20px; list-style: none; position: relative; margin-bottom: 5px;  }
.list li:before{ position: absolute; content: "\f058"; font-family: "Font Awesome 5 Free"; left: 0; top: 5px; color: #0c75b7; font-size: 18px; }
.box.fill{background: #0c75b7;border: 1px solid #0c75b7;}
.box.fill .box-title.style{ background: #fff; color: #333; }
.box.fill .box-title:after { border-color: #fff transparent transparent transparent;}
.box.fill p, .box.fill li{color: #fff;}
.box.fill .list li a{ display: block; color: #fff;}
.box.fill .list li:before{ color: #fff; }
.box.scroll .box-cont, .news{ height: 220px; overflow: auto; }
.news ul{ position: relative !important; }
.text-speech{ position: absolute; right: 15px; top: 15px; color: #333; font-size: 18px; }
.main-head{ position: relative; font-size: 30px; font-weight: 700; text-transform: uppercase; color: #0c75b7; text-align: center; }
.main-head span{ position: relative; z-index: 9; padding: 10px 20px; background: #fff;}
.main-head:after{ content: ""; width: 100%; height: 1px; background: #0c75b7; top: 15px; left: 0; position: absolute; }

.book-slider{ position: relative; padding:50px 60px 45px; background: url(../images/shelf.png) no-repeat center bottom;}
.book-slider .item { background: url(../images/book-mockup.png) no-repeat center center; margin: 0 auto; width:179px; height: 207px; position: relative; padding:6px 14px 0px 30px;  }
.book-slider .owl-prev, .book-slider .owl-next{width:40px; height: 40px; border-radius: 50%; position: absolute; bottom: 40%; left: 0; left: 0; line-height: 40px; background: #0c75b7; display: inline-block; margin: 0 5px; text-align: center; font-size: 25px; color: #fff;}
.book-slider .owl-next{left: auto; right: 0;}
.book-slider .owl-prev:hover, .book-slider .owl-next:hover{background: #025589;}

.dropdown-toggle::after{ font-size: 20px; margin-top: -4px; }

/*Footer*/
footer{background-color: #0c75b7 !important; padding-top: 250px !important; position: relative; }
footer:before{ position: absolute; z-index: 1; content: ""; left: 0; top: 0; width: 100%; height: 250px; background:url(../images/footer-bg.png) no-repeat center top;}
.footer-top{padding-bottom: 50px;}
.footer-bottom{padding: 30px 0; border-top: 2px solid rgba(255,255,255,0.2);}
footer .heading2{ font-weight: 600; text-transform: uppercase; font-size: 18px; color: #fefefe; position: relative; margin-bottom: 55px;}
footer .heading2:before{position: absolute; left: 0; bottom: -65px; content: ""; width: 47px; height: 3px; display: block; background: #f9b922; margin-bottom: 45px;}
footer p{color: #fff; margin: 0;}
#footer-map{ padding: 10px; background: #fff; margin-bottom: 10px; }
.footer-menu ul li{list-style: none; position: relative; padding-left: 15px; }
.footer-menu ul li:last-child{border-bottom: none;}
.footer-menu ul li:last-child a{padding-bottom: 0;}
.footer-menu ul li:before{position: absolute; top: 3px; left: 0; content: "\f058"; font-family: "Font Awesome 5 Free"; color: #fff; font-size: 12px;}
.footer-menu ul li a{font-size: 14px; color: #fff; padding:2px 6px; display: block;}
.footer-menu ul li a:hover{color: #fff;}
.footer-cover a{ color: #f9b922; }
.movetop{position: fixed; bottom: 25px; z-index: 99; display: none; line-height: 33px; right: 40px; width: 37px; height: 37px; border-radius: 50%; background: #f9b922; color: #fff; font-size: 20px; text-align: center;}
.movetop:hover, .movetop:focus{color: #fff;}
.branch-list{ display: block; text-align: center; padding: 15px; font-size: 14px; color: #333; font-weight: 600; text-transform: uppercase; background: #fff; }
.body-load {background: url(../images/loader.gif) no-repeat center center rgba(255, 255, 255, 0.9);  width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: table; width: 100%; text-align: center; z-index: 9999;}

.quote { position: relative; padding: 30px 20px; height: 255px; display: table; margin-bottom: 10px; background: #0c75b7; color: #fff; border-radius: 4px; }
.quote div{ display: table-cell; vertical-align: middle; }
.quote .fas{ position: absolute; left: 10px; top: 10px; font-size: 100px; opacity: 0.1;}
.quote h2{ text-align: center; font-size: 26px; margin-bottom: 25px;}
.quote h3{ text-align: center; font-style: italic; font-size: 18px; margin-bottom: 0;}
.quote h3 span{ font-size: 14px; font-style: italic; display: block; margin-top: 10px; }
.staff-login{padding: 20px; display: block; position: relative; background: #f9b820; color: #fff; border-radius: 4px;}
.staff-login:hover{ color: #fff; }
.staff-login .fa{ position: absolute; right: 20px; top: 40px; color: #fff; font-size: 30px; }
.staff-login p{ margin: 0; }

.new-arrivals-scroll{ margin-top: 44px; }
.new-arrivals-scroll .owl-controls{position: absolute; width: 100%; right: 0; top: -100px;}
.new-arrivals-scroll .owl-prev, .new-arrivals-scroll .owl-next{ float: right; width:40px; height: 40px; border-radius: 50%; line-height: 40px; background: #0c75b7; display: inline-block; margin: 0 5px; text-align: center; font-size: 25px; color: #fff;}
.new-arrivals-scroll .owl-prev:hover, .new-arrivals-scroll .owl-next:hover{background: #025589;}
.new-book{ position: relative; margin-bottom: 30px;  padding: 15px; width: 100%; float: left; background: #f9f9f9; border: 1px solid #eee; border-radius: 4px;}
.new-book img{ float: left; width: 85px !important; height: 124px; margin-right: 15px;}
.new-book h3{font-weight: 600; font-size: 16px; min-height: 45px; color: #0c75b7;}
.new-book p { margin-bottom: 5px; }
.news-type{ padding: 1px 10px; background: #2c3e50; color: #fff; font-size: 13px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }

body.dark-theme-active, body.dark-theme-active .white-bg, body.dark-theme-active footer, body.dark-theme-active header::before,
body.dark-theme-active .main-head span{ background: #222 !important; }
body.dark-theme-active .box, body.dark-theme-active .new-book, body.dark-theme-active .footer-map,
body.dark-theme-active .quote, body.dark-theme-active .staff-login, .dark-theme-active .modal-content{ background: #333;  }
body.dark-theme-active .box, body.dark-theme-active .new-book{ border: none !important; }
body.dark-theme-active .main-head, body.dark-theme-active p, body.dark-theme-active h1, body.dark-theme-active h2, body.dark-theme-active h3, body.dark-theme-active h4, body.dark-theme-active h5, body.dark-theme-active h6,
body.dark-theme-active .list li, body.dark-theme-active .text-speech, body.dark-theme-active .running-text table,
body.dark-theme-active .running-text li, .dark-theme-active .modal-content .close{ color: #fff; }
body.dark-theme-active footer{ padding-top:60px !important;  }
body.dark-theme-active footer:before{ content: none !important; }
body.dark-theme-active .running-text th{ background:none; }
body.dark-theme-active .modal-header, body.dark-theme-active .modal-footer{ border:none; }
body.dark-theme-active .page-link{ background: #333; border:none; }
body.dark-theme-active .news-list, body.dark-theme-active .fc table{background: #333; color: #fff;}
body.tamil html, body.tamil body{ font-size: 13px;}


/*Dark Theme*/
body.dark-theme-active header .controls ul li a, body.dark-theme-active .branch-list{color: #333 !important;}
body.dark-theme-active p, body.dark-theme-active a, body.dark-theme-active .explain, body.dark-theme-active .main-head, body.dark-theme-active .list li::before, body.dark-theme-active .new-book h3, body.dark-theme-active a, body.dark-theme-active .page-link, body.dark-theme-active .form-group label {color: #fff !important;}
body.dark-theme-active .box-title{background: #fff !important;} 
body.dark-theme-active .box-title.style{color: #333 !important;}
body.dark-theme-active .box .box-title::after {border-color: #fff transparent transparent transparent !important;}
body.dark-theme-active .box .box-title::before {border-color: transparent  #ccc transparent transparent !important;}
body.dark-theme-active .box .explain{border-top-color: #fff !important;}
body.dark-theme-active .main-head::after {background: #fff !important;}
body.dark-theme-active .owl-controls .owl-prev, body.dark-theme-active .owl-controls .owl-next, body.dark-theme-active footer .heading2::before{background: #fff;}
body.dark-theme-active .owl-controls .owl-prev i, body.dark-theme-active .owl-controls .owl-next i{color: #333;}
body.dark-theme-active .page-title{border-bottom-color: #fff;}
body.dark-theme-active .footer-bottom{border-top-color: #fff;}
body.dark-theme-active header:before, body.dark-theme-active footer{background: #333 !important;}
body.dark-theme-active footer{margin-top: 70px;}
body.dark-theme-active footer::before{display: block !important;}
body.dark-theme-active .box{box-shadow: 6px 6px 0 0 rgba(255, 255, 255, 0.2);}


body.inner-page header{ padding-bottom: 50px; }
body.inner-page header::before { height: 200px; }
body.inner-page footer::before { content: none; }
body.inner-page footer { padding-top: 60px !important; }
.section.min-height{ min-height: 400px; }
.page-title{ font-size: 30px; padding-bottom: 15px; margin-bottom: 35px; border-bottom: 4px double #333; text-transform: uppercase; font-weight: 600; }
.running-text p, .running-text li{ font-size: 15px; margin-bottom: 15px; color: #555; text-align: justify;}
.running-text .cms-img{ float: left; margin: 0 20px 20px 0; max-width: 500px; }
.running-text h1, .running-text h2, .running-text h3, .running-text h4, .running-text h5, .running-text h6{ margin-bottom: 15px; font-weight: 600; line-height: 26px;}
.running-text ul, .running-text ol{ list-style: inside; margin-bottom: 25px; }
.running-text table{ border: 1px solid #ddd; width: 100%;}
.running-text td, .running-text th{ padding: 10px; border-bottom: 1px solid #ddd; }
.running-text th{ background: #f5f5f5; }
.form-control{ height: 40px; }
.news-list{ padding: 15px; background: #f5f5f5; margin-bottom: 15px; }
.news{ text-align: center; }
.news p{margin-bottom: 5px;}
.news h5{ font-size: 14px; font-weight: 600; }
.news .news-img{ width: 100px; height: 100px; overflow: hidden; border-radius: 50%; margin: 0 auto 10px;  }
.news .news-img img{ width: 100%; height: 100%; object-fit: cover; }
.form-group label .req{ color: red; }
.form-group label{display:block;}
.errorMsg{ float:right;}
.objectives .box-cont{height: 295px !important;}
.address-list a{ color:#fff;}
.pull-right{ float: right; }
.box.fill .list li a{cursor: unset;}
textarea{height: auto !important; resize: none;}
.btn-lg{padding: 15px 45px; font-size: 16px;}
.btn{ line-height: 1.7; }
.dropdown:hover .dropdown-menu { display: block; }
.dropdown-menu { border:none !important; margin-top: 1px !important; border-radius: 3px; overflow: hidden;  margin: 0; padding: 0; }
.dropdown-menu .dropdown-item{ border-radius: 0 !important; font-size: 13px !important; text-shadow: none !important; color: #333 !important; }

.request-book{ position: fixed; z-index: 999; line-height: 40px; text-align: center; background: #f9b922; color: #fff !important; font-size: 14px; text-transform: uppercase; font-weight: 600; right: -80px; top: 52%; width: 200px; height: 40px; border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; transform: rotate(-90deg); }
.fac-img{ margin-bottom: 10px; }
.fc-content{ color: #fff; }

.news-listing .news-list{ position: relative;}
.news-listing .news-list .news-img{ width: 180px; height: 145px; float: left; margin-right: 15px; }
.news-listing .news-list .news-img img{  object-fit: cover; width: 100%; height: 100%; }