/*background color*/
body{
    background-color: #444;
    color: #eee;
}
.maincolor{
    color: #8EBD2A;
}
.maincolorbtn{
    background-color: #8EBD2A;
    color: white;
}
.lightwhite{
    background-color: #ddd;
}
#logo img{
    border-radius: 5px;
    opacity: 1;
    
}
#logo img:hover{
    border-radius: 7px;
    opacity: 0.8;
}
.dropdownhover a{
     color: #8EBD2A;
}
.dropdownhover a:hover{
    color: #8EBD2A;
    background-color: #333;
    opacity: 0.9;

}
hr{
    border-top: 1px solid #8EBD2A;
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  #swf{
    width: 100%;
    height: 200px;
       border-left: 2px solid #ddd;
      border-top: 2px solid #ddd;
}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  #swf{
    width: 100%;
    height: 300px;
       border-left: 2px solid #ddd;
      border-top: 2px solid #ddd;
}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
 #swf{
    width: 100%;
    height: 350px;
      border-left: 2px solid #ddd;
      border-top: 2px solid #ddd;
}
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  #swf{
    width: 100%;
    height: 450px;
       border-left: 2px solid #ddd;
      border-top: 2px solid #ddd;
}
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  #swf{
    width: 100%;
    height: 500px;
      border-left: 2px solid #ddd;
      border-top: 2px solid #ddd;
}
}
/*SWF file settings*/    
.li-custom li::before {
  content: "•"; /* Insert content that looks like bullets */
  padding-right: 5px;
  color: #8EBD2A; /* Or a color you prefer */
}
.li-customs a:hover{
    text-decoration: none;
    border-radius: 5px;
    color: #8EBD2A;
    
}
/*borders start*/
.borders{
    border: 2px solid #444;
    border-radius: 5px;
}
/*borders end*/
/*specials ul */
.ul-border{
    border: 2px solid #8EBD2A;
    border-radius: 10px;
}
/*Table border*/
.tborder{
  
}
/*image zoom*/
input[type=checkbox] {
  display: none;
}

.containers img {
  transition: transform 0.25s ease;
  cursor: zoom-in;
  
}

input[type=checkbox]:checked ~ label > img {
  transform: scale(3);
  cursor: zoom-out;
  background: transparent;
}
/*end image zoom*/
/*Footer links */
.footer_links a{
    color: #8EBD2A;
    margin-top: 3px;
}

.footer_links a:hover{
    text-decoration: none;
    font-weight: bold;

  
}