:root {
  --brand: #82c4ff; /* global brand color */
  --accent:#9b87f5;
}

* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{text-align:justify;margin:0;font-family: Arial, Helvetica, sans-serif;margin:0;color:#ffffff;background-color: #171616; font-size:17px;line-height:30px;} footer{display: block;}.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }.container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .h4, .h5, .h6, h4, h5, h6 { margin-top: 10px; margin-bottom: 10px; }.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight: 500; line-height: 1.1; /* color: inherit; */ }.h3, h3 { font-size: 24px; }p { margin: 0 0 10px; }a { background-color: transparent;font-size: 18px; }hr { margin-top: 20px; margin-bottom: 20px; border: 0; box-sizing: content-box; height: 0; }b, strong { font-weight: 700; }.h2, h2 { font-size: 30px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }  .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } button, input, select, textarea { font-family: inherit; /* font-size: inherit; */ line-height: inherit; } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; /* cursor: pointer; */ } button, select { text-transform: none; } button { overflow: visible; } button, input, optgroup, select, textarea { /* color: inherit; */ font: inherit; margin: 0; }.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img { /* display: block; */ max-width: 100%; height: auto; } img { vertical-align: middle; } 
@media (min-width: 768px) { .container { width: 750px; } .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } } 
@media (min-width: 992px) { .container { width: 970px; } .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; }} 
@media (min-width: 1200px) { .container { width: 1170px; } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; }} .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after { content: " "; display: table; } .clearfix:after, .container:after, .container-fluid:after, .row:after { clear: both; }
.dropbtn{cursor: pointer; background-color: unset;border:none;}.dropbtn:hover, .dropbtn:focus {background-color: unset;border:none;}.dropdown{position: relative;display: inline-block;margin: 4px 0 5px 0;}.dropdown-content { display: none; position: absolute; background-color: #8a6d3b; min-width: 160px; overflow: auto; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; border-radius:2px;}.dropdown-content a {cursor: pointer; padding: 5px 0px 5px 10px;color: #fff;font-size: 15px;letter-spacing: 0.50px;text-decoration: none; display: block;border-bottom: 1px dotted #e7e7e7;}.dropdown a:hover {cursor: pointer;background-color: unset;color: #79a0db;} .show {display: block;}.headtxt1{vertical-align:middle;text-align:center;margin-top: 20px;margin-bottom: 20px;font-weight: 600;color: #79a0db;font-size:36px;}.touchy-search-wrapper input.touchy-search{font-family: cursive, sans-serif !important;color:#ffffff;background-color:#ab8a57;font-size:16px;}.touchy-search-wrapper {top:180px;}.touchy-default-search-outer{top:75px;}.headtxt{font-size:25px;} .grayscale{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: gray;-webkit-transition: all .6s ease;}.alignnone {margin-bottom: 12px;}}h1{color:#79a0db;}h3{color:#79a0db; text-align:center;}h2{margin:20px 0 20px 0 !important ;color:#e7ddab;}.row{padding:0px ;margin:0px;}.col-centered{float:none;margin:0 auto;}.pancolbgcolor{border:1px solid #b85b18;text-align:left;background-color:#d8a658;color:#2b2203;padding:0; }.pancolbgcolor1{border:1px solid #b85b18;text-align:center;background-color:#efcd99;color:#4a3a05;padding:0; }.touchy-toggle-menu:hover{color:#79a0db;}.colbgcolor{background-color:#171717;/*margin:0 5px 0 5px;*/ }a{color:#acd6fe;font-size:18px;text-decoration:none;} a:hover{color:#79a0db;}hr.style4 {border-top: 1px dotted #ffffff;} .dividerstyle {border-left: 1px dotted #ffffff;}.container-fluid{background-color:#0d0d0d;margin:0px 60px 0px 60px;padding:0px;}.horotxt {font-size: 17px;color: #ffbf00;font-weight: bold;text-transform: capitalize;}.shadbox{border: 2px solid #cccccc75;background-color: rgba(0,0,0,.5);padding:5px;margin:5px 0 5px 0;} #topbannerleft {text-align: left;text-decoration: none;vertical-align: middle;float: left;margin:60px 0 5px 0px;}.footer{background-color: #000000;margin:10px 0 0 0;width: 100%;bottom: 0;}.legal{background: linear-gradient(to top, #5a5a5a, #0a0a0a);}footer h4 {color: #00b6dc;font-size:18px;padding:0 0 10px 0;}#topbannerrght {border:0px solid #8a6d3b91;background-color:unset;font-size:15px;margin:60px 0 5px 0;text-align:right;display:inline-block;text-decoration:none;vertical-align:top;float:right;}footer .link-list {font-size: 13px;line-height: 2;padding-left:0;}.touchy-wrapper{top:0 !important; background-color:#171616;}.touchy-menu-button,.touchy-search-button {background-color:unset !important}.imgcenter{text-align:center;margin:10px 0 10px 0;}.footer ul li{list-style:none;padding:0;}.footer li a{font-size:14px !important;font-family:normal normal normal FontAwesome;} #login_frame { float:right;vertical-align: middle;background-image: none;height: 35px;background-repeat: repeat-x;border: none;overflow: hidden;text-align: right;margin: 60px 0 5px 0;}.searchcss {width: 250px;border: none;vertical-align: bottom;height: 27px;}.searchbtn {vertical-align: baseline;FONT-SIZE: 16px;background-color: #ab8a57;width: 80px;HEIGHT: 30px;border-width: 0px;font-family: Arial, Helvetica, sans-serif;color: #ffffff;}#topmenu{vertical-align: middle;text-align:left;padding: 10px;}#topmenu a{color:#79a0db;font-size:20px;font-weight:600;background-color:#242222 !important;}.img-responsive{display:inline-block;}.sitetxt{cursor: pointer;font-size:23px; letter-spacing:0.50px; font-weight:700;} h1, h2, h3 { margin-top:20px; margin-bottom: 20px;font-weight: 600;}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px){.emphemerisbg{background-color:#0d0d0d !important;} body,a{font-size:17px;}.dropdown {margin: 5px 0 10px 0;} .dropdown-content {right:0;} .headtxt1{text-align:center;margin-top:5px;margin-bottom: 5px;font-weight: 600;color: #79a0db;font-size:20px;} #login_frame {float:none;text-align:center;margin: 5px 0 5px 0;}.touchy-default-search-outer{left:0px;float:none;}.touchy-default-search-outer{top:15px;}.headtxt{font-size:17px}.pancolbgcolor,.pancolbgcolor1{font-size:15px;}.container-fluid{margin:0px;padding:0px !important;}.col-lg-7,.col-md-7, .col-sm-12{padding-right: 5px;padding-left:5px;} h1{font-size:20px;}h2{font-size:22px;}h3{font-size:18px !important;}#topbannerleft{float:none;text-align: center;vertical-align: top;margin:60px 0 5px 0;}.touchy-menu-button{float:right;text-align:center;right:10px;} #topmenu a,.sitetxt{font-size:17px;}#topmenu{ text-align:center;}#topbannerrght{border: 0px solid #8a6d3b91;margin: 5px 0 10px 0;float:none;text-align:center;} .row{flex-wrap: unset !important;}} 
@media only screen and (max-device-width: 768px) {.emphemerisbg{background-color:#0d0d0d !important;} .container-fluid{margin:0px;padding:0px !important;}} .caret {color:#ffffff;
    display: inline-block;width: 0;height: 0;margin-left: 2px;vertical-align: middle;border-top: 4px dashed;border-right: 4px solid transparent;border-left: 4px solid transparent;}
@media (max-width: 767px){.hidden-xs{display: none!important;}}
@media (max-width: 991px) and (min-width: 768px){.hidden-sm {display: none!important;}}
@font-face{font-family:'FontAwesome';font-display: swap;src:url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0');src:url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff'),url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}
.fa {display: inline-block;font: normal normal normal 30px/1 FontAwesome;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.fa-facebook-f:before, .fa-facebook:before {content: "\f09a";}.fa-twitter:before {content: "\f099";}.fa-apple:before {content: "\f179";}.fa-android:before {content: "\f17b";}.fa-rss-square:before{content:"\f143";} .fa-envelope:before {content: "\f0e0";}.fa-youtube-play:before {content: "\f16a";} .fa-instagram:before{content:"\f16d";} #myBtn {display: none;position: fixed;bottom: 20px;right:5px;z-index: 99;font-size: 17px;border: none;outline: none; background-image: linear-gradient(#808080, #FFFFFF);color: white;cursor: pointer;padding: 10px;border-radius: 50%;}
#myBtn:hover {background-image: linear-gradient(#666666, #e6e6e6);}@-webkit-keyframes blinker {from {opacity: 1.0;} to {opacity: 0.7;}}
.blink{	text-decoration: blink;	-webkit-animation-name: blinker;-webkit-animation-duration: 0.6s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-webkit-animation-direction: alternate;}
.dot {height: 15px;width: 15px;background-color:#eeaf0cc9;background-image: linear-gradient(#eeaf0cc9,#eeaf0c);border-radius: 50%; display: inline-block;}
@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}
@media (min-width:1200px){.hidden-lg{display:none!important}}
@media only screen and (min-width: 1024px)and (max-height: 1366px)and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5){.rightsidemenu{display:none!important;}}
@media (min-width: 320px) and (max-width: 480px) { 
 /*#menucustom {min-height:51px !important;height:100%;} */
}
.btn {
  position: absolute;
  top: 8px;     /* button top la 20px gap irukum */
  left: 9%;     /* center la move aagum horizontally */
  transform: translateX(-50%); /* perfect center alignment */
  
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  transition: left 0.4s ease;
}

.openbtn {
 background-color:#000000;
  color: white;
 
  border: none;
  cursor: pointer;
}
.sidebar{
  position: fixed;
  width: 0;
  height: 80%;
  left: 0;
  overflow-y: scroll;
  background: #000000;
  transition: right 0.4s ease;
   z-index: 3;
}
.sidebar::-webkit-scrollbar-track {
  border: 1px solid #000;
  padding: 2px 0;
  background-color: #404040;
}

.sidebar::-webkit-scrollbar {
  width: 10px;
}

.sidebar::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #737272;
  border: 1px solid #000;
}
.sidebar.show{
  left: 0px;
  
}.dropdown-btn {
  background-color: transparent;
  border: none;
  color: #ffffff;
  cursor: pointer;
   display: flex;
  width: 100%;
  font-size: 1rem;
  justify-content: space-between;
 
   font-family:NeueHaasUnica,NeueHaasUnica-fallback,Arial,sans-serif;
  font-weight: 500;
}

.dropdown-btn .caret {
  transition: transform 0.3s ease;
}

.dropdown-container {
  display: none;
  padding-left: 15px;
}

/* Rotate caret for opened menu */
.dropdown-btn.active .caret {
  transform: rotate(180deg);
}
.sidebar .closebtn {
  position: absolute;
  top: 0;
  right: 5px;
  font-size: 36px;
  margin-left: 50px;
}
.sidebar .text{
  color: white;
  font-size: 25px;
  font-family:NeueHaasUnica,NeueHaasUnica-fallback,Arial,sans-serif;
  line-height: 65px;
  text-align: center;
  background: #000000;
  letter-spacing: 1px;
}
nav ul{
  background: #000000;
  
  font-family:NeueHaasUnica,NeueHaasUnica-fallback,Arial,sans-serif;
  width: 100%;
  list-style: none;
  font-weight: 500;
  display: block;
  width: 100%;
  font-size: 1rem;
}
nav ul li{
    
  line-height: 40px;
 
}
nav ul li:last-child{
 
}
nav ul li a{
  position: relative;
  color: white;
  text-decoration: none;
  font-family:NeueHaasUnica,NeueHaasUnica-fallback,Arial,sans-serif;
  font-weight: 500;
  display: block;
  width: 100%;
  font-size: 1rem;
  
}
nav ul li.active a{
  
}
nav ul li a:hover{
  background: #000000;
}
nav ul ul{
  position: static;
  display: none;
}


nav ul ul li{
  line-height: 42px;
  border-top: none;
}
nav ul ul li a{
  font-size: 15px;
  color: #e6e6e6;
 right:30px;
 height:auto;
}
nav ul li.active ul li a{
  color: #e6e6e6;
  background: #000000;
  border-left-color: transparent;
}
nav ul ul li a:hover{
 color:#eeaf0c!important;
  background: #000000!important;
}
nav ul li a span{
  position: absolute;
  top: 50%;
  right: 10px;
  
  font-size: 22px;
  transition: transform 0.4s;
}
nav ul li a span.rotate{
  transform: translateY(-50%) rotate(-180deg);
}
.content {
 
  position: absolute;
  z-index: 1;
 
}

.fa-bars:before{content:"\f0c9"}
.fa-caret-down:before{content:"\f0d7"}
 #adsize_custom{width:100%;align:center; max-height: 350px;
    height: 100%; 
    min-height:350px;padding:10px;display:block;} 
 #topmenu{
     min-height: 51px;
    max-height: 110px;
    height: 100%;
 }
 
 #topbannerleft{height:51px;display: block;
    position: relative;margin:0px !important;}
#login_frame{ margin: 5px 0 5px 0px;}
   /*#menucustom {min-height:51px;height:100%;}*/
    .touchy-default-search-outer {
    top: 15px !important;
}

 
#topbannerrght {margin:0px !important;
}
    .google-auto-placed {
     display: none;
}

#adsize_custom0,#adsize_custom1,#adsize_custom2,#adsize_custom3,#adsize_custom4,#adsize_custom5,#adsize_custom6,
    #adsize_custom7,#adsize_custom8,#adsize_custom9,#adsize_custom10,#adsize_custom11{width:100%;align:center; max-height: 350px;
    height: 100%; 
    min-height:100px;padding:10px;} 
    #adsize_custom0,#adsize_custom1,#adsize_custom2,#adsize_custom3,#adsize_custom4,#adsize_custom5,#adsize_custom6,#adsize_custom7,#adsize_custom8,#adsize_custom9,#adsize_custom10,#adsize_custom11{
       display:none;}
 .connect_out .fa{ padding: 2px 0 2px 0;
    font-size: 20px;
    width: 25px;
    text-align: center;
    text-decoration: none;
    margin: 0px 3px;
    border-radius: 3px;
    background: #999;}
.footer_connect .connect_out .fa:hover {
    background: #fff !important;
    text-decoration: none;
}
.dropdown:hover .dropdown-content {display: block;}
@media only screen and (min-device-width: 320px) and (max-device-width: 780px)
{
#showlogin{margin:0px !important;}
}



.wrap1 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Menu icon */
.site-header {
  position: absolute;
  top: 2px;           /* moves icon slightly below the top edge */
  left: 70px;         /* moves it near the left border */
  z-index: 2000;      /* ensures it sits above black header area */
  background: transparent;
  width: auto;
  height: auto;
  box-sizing: border-box;
  color: #ffffff;
}

/* ✅ Mobile Responsive Adjustments */
@media (max-width: 768px) {
  .wrap1 {
    flex-direction: row;
    justify-content: space-between;
    gap: 6px;
    padding: 0 10px;
  }

  .site-header {
   
    top: 0;
    left: 0;
    margin-top: -10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
}

@media (max-width: 480px) {
  .wrap1 {
    flex-direction: row;
    justify-content: center;
    gap: 4px;
  }

  .site-header {
   left: 0;
    margin-top:-10px;
    margin-left: 0;
    text-align: center;
  }
}
/* ===== Menu ===== */
.menu-col {
  display: flex;
  align-items: center;
  gap: 12px;
}

.menu-trigger {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 5px;
  border-radius: 8px;
  border: 0.8px solid #222;  /* ✅ reduced border thickness */
  background: linear-gradient(180deg, #1b1c26, #141521);
  color: #fff;
  font-size: 13px;
  box-shadow: 0 6px 5px rgba(0,0,0,0.35);
  cursor: pointer;
  transition: all 0.3s ease;
}

.menu-trigger svg {
  width: 14px;
  height: 14px;
}

/* ===== “Since” Text ===== */
.since {
  display: inline-block;
  vertical-align: middle;
  margin-top: 2px;
  font-size: 12px;
  line-height: 1;
  color: #c6cde0;
  margin-left: 300px; /* reset for mobile-friendly alignment */
}



/* ===== Mobile Responsive ===== */
@media (max-width: 768px) {
 .toprow {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    border-bottom: none;
  }
  
 .menu-col {
    display: flex; /* make sure flex is set */
    justify-content: flex-start; /* left align */
    flex-wrap: wrap;
    gap: 8px;
    width: 100%;
    margin-bottom: 8px;
}
.menu-trigger {
    padding: 5px 5px;
    font-size: 14px;
  }

  .menu-trigger svg {
    width: 12px;
    height: 12px;
  }

 }

/* ===== Very Small Screens ===== */
@media (max-width: 480px) {
     .toprow {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    border-bottom: none;
  }
.menu-col {
    display: flex; /* make sure flex is set */
    justify-content: flex-start; /* left align */
    flex-wrap: wrap;
    gap: 8px;
    width: 20px;
    margin-bottom: 8px;
}
 .menu-trigger {
    padding: 5px 5px;
    font-size: 14px;
  }

  .menu-trigger svg {
    width: 8px;
    height: 8px;
  }


}

.lbl {
  font-size: 14px;
}

@media (max-width: 600px) {
  .lbl {
    font-size: 12px;
  }
  .since {
    margin-left: 200px;
    margin-top: 4px;
    text-align: center;
    font-size:10px;
  }
}
/* 🌐 Mobile Responsive */
@media (max-width: 600px) {
  .wrap1 {
    gap: 6px;                 /* smaller gap for compact view */
  }

  .site-header {
    top: 5px;                 /* slightly lower for mobile safe area */
    left: 10px;               /* bring closer to edge */
  
    transform: scale(0.9);    /* make icon slightly smaller */
  }
}
@media (max-width: 480px) {
  .since {
  top: 10%;
    left: 350px; /* adjust this value to match your logo's width */
   font-size: 9px;
    margin: 0;
  }

}