/* CSS Document */
.topbar{
background-image:url(top-bg.png);
height:400px;
border-bottom:solid; border-bottom-color:#FFFFFF; border-bottom-width:3px; border-bottom-style:solid
}

.body_bg{
background:url(sides-bg.jpg) #FFFFFF repeat-x;
background-repeat:repeat-x;
}

.sitemap{
background-color:#01243B;
min-height: 300px;
border-top:solid; border-top-color: #66CCFF; border-top-width:2px; border-top-style:solid
}

/* .pagebox{
width:80%; background-color:#FFFFFF; z-index:999; margin-left:10%; margin-right:10%; margin-top:-300px; float:left; min-height:100%;
border: 1px solid;
  padding: 10px;
  box-shadow: 5px 10px 20px #888888;
  } */

.shaddow{box-shadow: 5px 10px 20px #888888;}  
  
@media only screen and (max-width: 680px) {
  .pagebox{
width:100%; background-color:#FFFFFF; z-index:999; margin-top:-300px; float:left; min-height:100%;
border: 1px solid;
  padding: 10px;
  box-shadow: 5px 10px 20px #888888;
  }
}

@media only screen and (min-width: 685px) {
  .pagebox{
width:80%; background-color:#FFFFFF; z-index:999; margin-left:10%; margin-right:10%; margin-top:-300px; float:left; min-height:100%;
border: 1px solid;
  padding: 10px;
  box-shadow: 5px 10px 20px #888888;
  }
}
  

@media only screen and (max-width: 600px) {
#myAlert
{
  display: none;
  position: fixed;
  bottom: 0;
  right: 0;
  width: 80%;
  margin: 20px;
}
}
@media only screen and (min-width: 600px) {
#myAlert
{
  display: none;
  position: fixed;
  bottom: 0;
  right: 0;
  width: 33%;
  margin: 20px;
}
}


.panel_shaddow{box-shadow: 5px 5px 10px #888888; font-size:18px; color: #CCCCCC}
.panel_shaddow:hover{box-shadow: 5px 10px 20px #888888; border: 2px solid; font-size:20px; color: #006699}

.maintext{font-size:16px; color:#000000}
.maintext2{font-size:14px; color:#000000} 

.red{color:#CC0000;}
.redbg{background-color:#A50E0E;}
.orangebg{background-color:#FF6600;}
.white{color:#FFFFFF;}
.brown{color:#663300;}
/* .brownbg{background-color: #663300}  */
.brownbg{background-color: #08153b;}
.blue{color:#3399CC;}
.green{color:#66CC33}

.blink_me_red {
color:#CC0000; font-weight:bold;
  animation: blinker 1s linear infinite;
}

@keyframes blinker {  
  50% { opacity: 0.0; }
}

.blink_me_green {
color:#06ad12; font-weight:bold;
  animation: blinker 1s linear infinite;
}

@keyframes blinker {  
  50% { opacity: 0.0; }
} 
  
.hourseperation{border-bottom-style:solid; border-bottom-width:2px; border-bottom-color:#663300; border-bottom:solid}
  
.footer{background-color:#000000; height:17px; width:100%}
.footer_txt{font-size:10px; color:#FFFFCC; text-decoration:none; text-align:center; padding-bottom:2px}  

.sitemap_title{font-size:18px; color: #CCCCCC}
.sitemap_link{color:#FFFFFF; text-decoration:none}
.sitemap_link:hover{color: #FFFF99; text-decoration:none}

.news_cat{color:#000000; text-decoration:none;}
.news_cat:hover{color:#000000; text-decoration:none;}

.news_links{color:#000000; text-decoration:none; font-size: 11px}
.news_links:hover{color:#000000; text-decoration:none; font-size: 11px}

.news_date{color:#666666; text-decoration:none; font-size: 12px}

.home_big_text{font-size:28px; text-shadow: 2px 2px 8px #888888; font-weight: 800}
.home_big_text2{font-size:28px; color: #003366; text-shadow: 2px 2px 8px #888888; font-weight: 800}

hr.style-two {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

.go-top {
	position: fixed;
	bottom: 2em;
	right: 1em;
	text-decoration: none;
	color: white;
	background-color: rgba(0, 0, 0, 0.3);
	font-size: 12px;
	padding: 1em;
	display: none;
}

.go-top:hover {
	background-color: rgba(0, 0, 0, 0.9);
	text-decoration:none;
}

.facebook{
display: block;
background-image: url(social/facebook-logo2.png);
width:35px;
height:35px;
}
.facebook:hover{
display: block;
background-image: url(social/facebook-logo.png);
width:35px;
height:35px;
}
.instergram{
display: block;
background-image: url(social/instagram2.png);
width:35px;
height:35px;
}
.instergram:hover{
display: block;
background-image: url(social/instagram.png);
width:35px;
height:35px;
}
.linkedin{
display: block;
background-image: url(social/linkedin-logo2.png);
width:35px;
height:35px;
}
.linkedin:hover{
display: block;
background-image: url(social/linkedin-logo1.png);
width:35px;
height:35px;
}
.rss{
display: block;
background-image: url(social/rss2.png);
width:35px;
height:35px;
}
.rss:hover{
display: block;
background-image: url(social/rss.png);
width:35px;
height:35px;
}
.sharebutton{
display: block;
background-image: url(social/sharebutton2.png);
width:35px;
height:35px;
}
.sharebutton:hover{
display: block;
background-image: url(social/sharebutton.png);
width:35px;
height:35px;
}
.twitter{
display: block;
background-image: url(social/twitter-logo2.png);
width:35px;
height:35px;
}
.twitter:hover{
display: block;
background-image: url(social/twitter-logo.png);
width:35px;
height:35px;
}
.youtube{
display: block;
background-image: url(social/youtube2.png);
width:33px;
height:33px;
}
.youtube:hover{
display: block;
background-image: url(social/youtube.png);
width:33px;
height:33px;
}

.whatsapp{
display: block;
background-image: url(social/005-whatsapp2.png);
width:35px;
height:35px;
}
.whatsapp:hover{
display: block;
background-image: url(social/005-whatsapp.png);
width:35px;
height:35px;
}