/* Remove the navbar's default margin-bottom and rounded borders */ 
 
 @font-face {
    font-family: 'Inter', sans-serif;
    src:url('../fonts/Inter-Regular.eot');
    src:url('../fonts/Inter-Regular.woff') format('woff'),
        url('../fonts/Inter-Regular.woff2') format('woff2'),
        url('../fonts/Inter-VariableFont_slnt,wght.ttf') format('truetype'),
        url('../fonts/Inter-Regular.svg') format('svg');
}

/*@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800;900&display=swap');*/
 
 body{line-height:2; font-family:arial;}
 
 a:link {
	color: #3366FF;
	text-decoration:none;
}

.mandatory {
    color: red;
    font-size: 20px;
    align-content: end;
    position: absolute;
    margin-left: 10px;
}

.padding0 {padding:0px;margin:0px;}

.horonames{
	width:100%; margin:auto; overflow:auto;
}
.horonames th{ font-size:14px;text-align:center;}
.center {text-align:center;}

.chosen-container-multi .chosen-choices{
	width: 70%; !important
}


.rasinavamsam{vertical-align: middle;font-size:25px;color:#fff;text-align:center; background:#026398;}

 .pagenumbers {
	list-style: none;
	padding: 5px;
	width: 40px;
	border: 1px solid #ccc;
	border-radius: 50px;
	font-size: 14px;
	text-align: center;
	float: left;
}

.currentpage {
	list-style: none;
	padding: 5px;
	width: 40px;
	border: 1px solid #ccc;
	background: #ca431d;
	color: #fff;
	border-radius: 50px;
	font-size: 14px;
	text-align: center;
	float: left;
}

.previous {
	background:#ca431d;
	color: #fff;
	width: auto;
	padding: 5px 10px;
}

.next {
	color: #fff;
	width: auto;
	padding: 5px 10px;
	float:left;
}

.pagination{
	padding:20px;
	float:right !important
}   

 
 
 #menunav .container-fluid{padding:0px;}
 
 .navbar-inverse{background:#ec6e15;}
 
 .navbar-inverse1{background:#ca431d;}
 
 .navbar-inverse .navbar-toggle {
    border-color: #333;
    width: auto;
}
 .clear{clear:both;}
 
 .container {
    width:90%;
}


.segment{
border:4px solid #ec6e15;
border-radius:20px;
background:#fff;
z-index:100;
}

.ripple {
    background-position: center;
    transition: background 0.8s;
  }
  .ripple:hover {
    background: #1A237E radial-gradient(circle, transparent 1%, #1A237E 1%) center/15000%;
  
    
  }
  .ripple:active {
    background-color:#5C6BC0;
    background-size: 100%;
    transition: background 0s;
  }
  
  /* Button style */
  button.ripple {
    border: none;
    border-radius:10px;
    padding: 15px 38px;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    cursor: pointer;
    color: white;
    background-color:green;
    box-shadow: 0 0 4px #999;
    outline: none;
  }

.container_fluid{overflow:hidden;}
.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header{
	margin:0;
}
.nopadding{ padding:0px;}
.headwhite3{font-size:30px;color:#fff;font-weight:bold;}

.paddtop{padding-top:2px;}

.boxstyle{background:none repeat scroll 0 0 #ca431d;border-radius:25px 25px 25px 25px;color:#880000;float:left;font-size:16px;font-weight:bold;margin:5px;padding:14px;text-align:center;width:98%;}
.boxstyle1{background:none repeat scroll 0 0 #ca431d;border-radius:25px 25px 25px 25px;color:#880000;float:left;font-size:16px;font-weight:bold;margin:5px;padding:7px;text-align:center;width:98%;}
.chartbk{background:#ec6e15;}
.charts{padding:10px;background:#ca431d;border:2px solid #eee; border-radius:20px;}
.charts li {
    background: none repeat scroll 0 0 #720000;
    border:1px solid #EEEEEE;
    list-style: none outside none;
    padding:20px; border-radius:20px; text-align:center; margin:2px 0px;
}

.charts li a{
    text-align:center;padding:10px;border-radius:10px;color:#fff; text-decoration:none;

}

.btn-primary {
    color: #fff;
    background: #ca431d;
    border-color: #ca431d;
    font-size: 34px;
    font-weight: bolder;
    border-radius: 10px;
    margin-bottom: 10px;
}

.btn-primary:hover {
    color: #fff;
    background: #800;
    border-color: #800;
    font-size: 34px;
    font-weight: bolder;
    border-radius: 10px;
    margin-bottom: 10px;
}
 
.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    background:green;
} 

.modal-title {
    margin: 0;
    line-height: 1.42857143;
    color: #fff;
    font-size: 25px;
    font-weight: bold;
    width: 90%;
    float: left;
}

.modal-body {
    position: relative;
    padding: 15px;
    font-size: 16px;
}
 #footer {
    clear: both;
    padding: 10px;
    color: #FFFFFF;
    overflow: hidden;
	clear:both;
}
 
#classifiedmembers  li { margin-top:5px; list-style:none; clear:both;width:100%; padding:10px;border:1px solid #eee; border-radius:10x;min-height:100px;}


#classifiedmembers  li img { width:100%;}

.bground{background:url("../images/numbg.jpg") no-repeat scroll 0 0 transparent;float:left;font-weight:bold;height:38px;padding-top:5px;text-align:center;width:40px;}

.bgroundactive{background:#2874d2; color:#fff; border-radius:100px;float:left;font-weight:bold;height:38px;padding-top:5px;text-align:center;width:40px;}
.bgroundactive a{color:#fff;}


#searchbox li {
    line-height: 25px;
    list-style: none;
    padding: 5px;
    background:#ec6e15;
    margin-top: 2px;
    padding: 15px;
    font-size: 20px; 
}

#searchbox li a {color:#fff;text-decoration:none;}

#searchbox li:hover {
    line-height: 25px;
    list-style: none;
    padding: 5px;
    background:#ca431d;
    margin-top: 2px;
    padding: 15px;
    font-size: 20px; 
}


 .profile img{width:100%; text-align:center; height:auto;}

.pre{float:left;padding:10px;}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity:1;
}

 .bullet li{ line-height:25px;
 list-style-image: url('../images/bullet.jpg');
 padding:5px;
 }
 .container ul{padding:0px; margin-left:30px;}
 .sitelist li { line-height:25px;
 list-style:none;
 padding:5px;
 }
 .#ec6e15 {color:#ec6e15;}
 
 .okmessage {color:#ec6e15;}
 .errormessage {color:red;font-weight:bold;}
 
 .slide-flashnews {
    color: #fff;
    padding: 10px;
    font-size: 20px;
    font-weight: bold; background:#ca431d;
}

 
 .flashnews {
    color: #fff;
    padding: 10px;
    font-size: 20px;
    font-weight: bold;
}
 
 .featured {
    background: #ec6e15;
    color: #fff;
    padding: 10px;
    font-size: 20px;
    font-weight: bold;
    padding: 0 20px;
    clear: both;
    margin-bottom: 10px;
    margin-top: 5px;
}
 .featured h3 {color:#fff; padding:10px 0px;}
 

   	.exclusive {
    background: none repeat scroll 0 0 #ec6e15;
    border-radius:0 0 10px 10px;
    color: #FFFFFF;
    font-size:16px;
    font-weight: bold;
    text-align: center;
    line-height: 26px;
	padding:10px;
}

#advt img{width:100%;}

.box_top_br{background:url(../images/whitebox_02.jpg);background-repeat:repeat-x;height:13px;}
.box_bot_br{background:url(../images/whitebox_14.jpg);background-repeat:repeat-x;height:9px;}
.box_left_br{background:url(../images/whitebox_08.jpg);background-repeat:repeat-y;width:12px;}
.box_right_br{background:url(../images/whitebox_09.jpg);background-repeat:repeat-y;width:10px;}
.webbox_top_br{background:url(../images/webBoxes_02.jpg);background-repeat:repeat-x;height:33px;}
.webbox_bot_br{background:url(../images/webBoxes_08.jpg);background-repeat:repeat-x;height:12px;}
.webbox_left_br{background:url(../images/webBoxes_04.jpg);background-repeat:repeat-y;width:8px;}
.webbox_right_br{background:url(../images/webBoxes_05.jpg);background-repeat:repeat-y;width:5px;}
.recbox_top_br{background:url(../images/rectanglebox_02.jpg);background-repeat:repeat-x;height:32px;}
.recbox_bot_br{background:url(../images/rectanglebox_08.jpg);background-repeat:repeat-x;height:8px;}
.recbox_left_br{background:url(../images/rectanglebox_04.jpg);background-repeat:repeat-y;width:8px;}
.recbox_right_br{background:url(../images/rectanglebox_06.jpg);background-repeat:repeat-y;width:8px;}
.bluebox_top_br{background:url(../images/boxblue_02.jpg);background-repeat:repeat-x;height:30px;}
.bluebox_bot_br{background:url(../images/boxblue_08.jpg);background-repeat:repeat-x;height:9px;}
.bluebox_left_br{background:url(../images/boxblue_04.jpg);background-repeat:repeat-y;width:10px;}
.bluebox_right_br{background:url(../images/boxblue_06.jpg);background-repeat:repeat-y;width:10px;}
.desc{font-family:Arial, Helvetica, sans-serif;font-size:10px;text-align:justify float:left;font-weight:normal}
.image-attribute{float:right;}
.boxbg{background:url(../images/boxbg.jpg);background-repeat:no-repeat;height:173px;width:230px;}
 
 .navbar {
      margin-bottom: 0;
      border-radius: 0;
    }
.navbar-nav{width:100%;background:#ec6e15;}	
.navbar-inverse .navbar-nav > li > a {
    color: #fff;
    font-size: 16px;
}

.navbar-nav ul {list-style: none;padding: 0px;margin: 0px; width:100%;}
.navbar-nav ul li {display: block;position: relative;float: left;}
.navbar-nav ul li:hover {background:orange;}
.navbar-nav li ul {display: none;}
.navbar-nav  ul li a {display: block;background: #ec6e15;padding: 5px 10px 5px 10px;text-decoration: none;
           white-space: nowrap;color: #fff;}
.navbar-nav ul li a:hover {background:oragne;}
.navbar-nav li:hover ul {display: block; position: absolute;}
.navbar-nav li:hover li {float: none;}
  .navbar-nav li:hover a {background: #f00;}
.navbar-nav li:hover li a:hover {background: #ec6e15;}
.navbar-nav #drop-nav li ul li {border-top: 0px;}
.navbar-nav  ul li a:link{color:#fff;font-weight:bold;}

.navbar-nav li ul{width:200px;z-index:1000;}
.navbar-inverse .navbar-nav1 > li > a {
    color: #fff;
    font-size: 16px;
}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {

    color: #fff;
    background-color: orange;

}

.row { padding:10px 15px; margin:0px; z-index:0; background:#fff;
}

.boldbk { font-weight:bold; color:#333;}

.slider {
        width:90%;
        margin: 100px auto;
    }

    .slick-slide {
      margin: 0px 20px;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: .2;
    }

    .slick-active {
      opacity: 1;
    }

    .slick-current {
      opacity: 1;
    }

.modal-header .close {
    margin-top: -2px;
    color: red;
    opacity: 1;
    text-align: right;
    width: 5%;
}

th .boldbk  { font-weight:bold; color:#333;font-size:12px; text-align:center;}

tr .boldbk { font-weight:bold; color:#333;font-size:12px; text-align:center;}

tr .boldblue { font-weight:normal; color:#ec6e15; font-size:20px;text-align:center;}

.boldbkcenter{text-align:center;padding:12px;}

.bg1{background:#eee; padding:5px;}

.bg2{background:#ca431d; padding:5px;color:#fff;padding:15px;}

.boldred { font-weight:bold; color:#800;}

tr .boldred { font-weight:bold; color:#800;font-size:10px;padding:5px;}

.bold#ec6e15{ font-weight:bold; color:#ec6e15;}

.colbox{ padding:0; border:2px solid #eee; border-radius:10px;overflow:hidden; margin-bottom: 10px;}

.colbox li {list-style:none;}


#welcomemessage{padding: 10px;line-height: 46px;text-align: center;font-size: 20px;text-align:right;}

.err{color:red;font-weight:bold;font-size:16px;}

p {
    margin: 0 0 10px; font-size:15px; 
}

#photogallery li {
    list-style:none;
	text-align:center; padding:5px; 
}

#photogallery li img{width:100%; height:250px;border-radius:10px;border:1px solid #ccc;}

.container h3{background:#fff;padding:10px; margin:5px 0;}

.rasi input{color:#800;font-size:18px;text-align:center; font-weight:bold;}

.horoscope  td {height:auto;}
.horoscope input {height:80px;width:80px; text-align:center;}

.horoscope .headwhite{color:#fff;font-size:25px;}

.form-control{font-size:16px;}
label {color:#021650;font-size:16px;}

button, input, select, textarea {
    font-family: inherit;
    font-size: 16px;
    line-height: inherit; width:100%; padding:5px;
}

input[type="checkbox"], input[type="radio"] {
    margin: 4px 5px 0;
    line-height: normal; width:auto;
}

select[multiple], select[size] {
    height: auto;
    margin: 5px 0;
    padding:5px;
}
.btn-default{text-align:center;}
.colbox input[type="button"]{
	background:#ca431d;
	color:#fff; padding:10px; font-weight:bold;
} 
.colbox button{
	background:#ca431d;
	color:#fff; padding:10px; font-weight:bold;
} 

.colbox  input[type="button"]:hover{
	background:#720000;
	color:#fff; padding:10px; font-weight:bold;
} 

.colbox button:hover{
	background:#720000;
	color:#fff; padding:10px; font-weight:bold;
} 

.btn-group-lg > .btn, .btn-lg{padding:0px;}

.modal-body { overflow:hidden;}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color:#ec6e15;
}
.padding0{padding:0px;}

.boxred { background:#720000; margin-top:5px;  }
.boxred h3 {color:#fff;}

.boxred input[type="button"] {
    background: #ca431d;
    color: #fff;
    padding:1px;
    font-weight: bold; border-radius:10px;
}

.boxred input[type="button"]:hover{
	background:#720000;
	color:#fff; padding:1px; font-weight:bold;
} 

.slide{text-align:center;}

#reg input[type="button"]{
	background:#ec6e15;
	color:#fff; padding:10px; font-weight:bold;border-radius:15px;
} 

#regis p{
	margin:5px 0px;
	}

#regis input[type="button"]:hover{
	background:#ca431d;
	color:#fff; padding:10px; font-weight:bold; text-decoration:none;
} 

.clear-fix{
	clear:both;
}

.h1, .h2, .h3, h1, h2, h3,h4 {
    margin-top: 20px;
    margin-bottom: 10px; font-weight:bold; color:green;
	padding-left:10px;
}

.colbox h1, h2, h3 {
    margin-top: 0px;
    margin-bottom: 0px;
    color:green;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    padding-bottom: 7px;
    padding: 10px;
}

.colbox ul{
	margin:0px;
	padding:0px;
}

.footadvt img{width:100%;}

#searchbyid{background:#ec6e15;border-radius:10px 10px 10px 10px;clear:both;margin:2px 0;padding:6px 10px;color:#fff;font-weight:bold;}
#searchbyid img{vertical-align:bottom;}
#searchbyName{background:#ec6e15;border-radius:10px 10px 10px 10px;clear:both;margin:2px 0;padding:6px 10px;color:#fff;font-weight:bold;}
#searchbyName img{vertical-align:bottom;}

    
    /* Add a gray background color and some padding to the footer */
    footer {
      background-color:#ec6e15;
      padding: 25px;
	  color:#fff;
    }
	
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    color: #fff;
    background-color:orange;
}
    
.carousel-inner img {
    width: 100%;
    margin: auto;
    min-height:auto;
}
  
  #memberfeeds ul{margin:0px;padding:0px;}
  
  #memberfeeds li {list-style:none;}
  
  #memberfeeds li:hover {list-style:none;background:#d9edf7;}
  
  #memberfeeds button {background:#ca431d;
	color:#fff; padding:10px; font-weight:bold;}
	
	#memberfeeds button:hover 
	{
		background:#720000;
	color:#fff; padding:10px;
font-weight:bold;
}

.colunder{ border-bottom:1px solid #eee; line-height:3px; margin-bottom:5px; clear:both; }

quickref td, th {
    padding:0px;
}  
#monthlycharts tr{border:1px solid #eee;}
#monthlycharts td{ line-height:30px; font-size:11px; padding:4px 0;}  



  
  #Layer2{height:3000px;left:0;position:absolute;top:0;width:100%;z-index:5;}
div.transbox1{width:1200px;height:600px;z-index:10;margin:0px;background-color:#333333;border:1px solid black;filter:alpha(opacity=80);opacity:0.8;}
div.transbox{z-index:10;margin:0px;background-color:#333333;border:1px solid black;filter:alpha(opacity=100);opacity:10;}
div.innerdiv{margin:30px 40px;font-weight:bold;}

#Layer1 {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 20px 20px 20px 20px;
    left: 35%;
    line-height: 20px;
    padding: 20px;
    position: absolute;
    top: 186px;
    width: 258px;
    z-index: 15;
}
 
#closeLayer {
    background: url("../images/redtick.gif") no-repeat scroll 0 0 transparent;
    font-size: 27px;
    height: 31px;
    left: 51%;
    line-height: 29px;
    padding: 10px;
    position: absolute;
    text-align: center;
    top: 191px;
    width: 32px;
    z-index: 15;
    cursor: pointer;
}
  
  
/* flexi corosol */
.clearout {
height:20px;
clear:both;
}

#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
display:none;
}

.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:99999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}

.nbs-flexisel-inner {
    position: relative;
    overflow: hidden;
    float:left;
    width:100%;
    background:#fcfcfc;
    background: #fcfcfc -moz-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* FF3.6+ */
    background: #fcfcfc -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#eee)); /* Chrome,Safari4+ */
    background: #fcfcfc -webkit-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* Chrome10+,Safari5.1+ */
    background: #fcfcfc -o-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* Opera11.10+ */
    background: #fcfcfc -ms-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* IE10+ */
    background: #fcfcfc linear-gradient(top, #fcfcfc 0%, #eee 100%); /* W3C */
    border:1px solid #ccc;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;  
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
	font-size:12px;
}
.nbs-flexisel-item img {
    max-width: 100%;
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    padding:5px 10px;
    border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;      
    position: absolute;
    cursor: pointer;
    z-index: 4;
    top:40%;
    background: rgba(0,0,0,0.5);
    color: #fff;     
}

.nbs-flexisel-nav-left {
    left: 10px;
}

.nbs-flexisel-nav-left:before {
    content: "<"
}

.nbs-flexisel-nav-left.disabled {
    opacity: 0.4;
}

.nbs-flexisel-nav-right {
    right: 5px;    
}

.nbs-flexisel-nav-right:before {
    content: ">"
}

.nbs-flexisel-nav-right.disabled {
    opacity: 0.4;
}  
  
  /* Hide the carousel text when the screen is less than 600 pixels wide */
@media (min-width: 568px) and (max-width: 767px) {

.col-xs-12 {
    width: 97%;
}
	
.horonames th{ font-size:12px;text-align:center;padding:0px;}	

.horoscope{margin-top:10px;}

#photogallery li img{
    height:auto;
}	  
.container {
		padding:0px;
		width:100%;
}	  
.logo img{
    text-align:center;
	
}	

#regis p{
	margin:0px;
	}
    .carousel-caption {
      display: none; 
    }
	  	.exclusive {
    background: none repeat scroll 0 0 #ca431d;
    border-radius:0;
    color: #FFFFFF;
    font-size:12px;
    font-weight: bold;
    text-align: center;
    line-height: 26px;
}
  }

@media (min-width:768px) and (max-width: 1366px) {
.horonames th{ font-size:12px;text-align:center;padding:0px;}	
	
#photogallery li img{
    height:180px;
}
.container {
		padding:0px;
		width:90%;
}	  
}

@media (min-width: 768px) and (max-width: 1024px) {
.col-xs-12 {width: 97%; }
.horoscope{margin-top:10px;}
#photogallery li img{
    height:180px;
}
.container {
		padding:0px;
		width:60%;
}	  
}

@media (min-width:240px) and (max-width:480px) {
.horoscope{margin-top:10px;}
.container{padding:0px;}
	
.logo img{
    width:100%;
}	
  	.exclusive {
    background: none repeat scroll 0 0 #ca431d;
    border-radius:0;
    color: #FFFFFF;
    font-size:12px;
    font-weight: bold;
    text-align: center;
    line-height: 26px;
}

#photogallery li img{
    height:auto;
}

#regis p{
	margin:-10px;
	}
	
  }