#logo a:hover img{-moz-opacity: 0.5 !important;opacity: 0.5 !important; filter: alpha(opacity= 50) !important;} 
	#logo a, img{border:0;}
#sld-tgl {
    
    bottom: 0;
    cursor: pointer;
    margin-bottom: 10px;
    position: absolute;
	z-index:2;
	left: 50%;
margin-left: -10px;
}
#sld-tgl0 {
    
    bottom: 0;
    cursor: pointer;
    /*left: 49%;*/
    margin-bottom: 10px;
    position: absolute;
	z-index:2;
	display:none;
}
.sw23 #sld-tgl{display:none;}
.sw23 #sld-tgl0 {
    color: #FFFFFF;
    display: inline-block;
    font-size: 12px;
    left: 50%;
    margin-left: -35px;
    max-width: 70px;
}
.sw23 #sld-tgl0 img{margin-right:4px;}
.top-header.sl_tgl{  height: 100%;}
.top-header {
    background: none repeat scroll 0 0 #000000;
    color: #DDDDDD;
    height: 100%;
    line-height: 26px;
    min-height: 40px;
   /* position: relative;*/
    width: 100%;
    z-index: 1;
}
.black-bg #logo  img{ margin-top:100px;}
.black-bg{background:#000000;padding: 5px 0 0;text-align: center; position:absolute; width:100%; top:-94%; position:absolute; z-index:2; height:100%;}
.black-bg.active #sld-tgl{position:absolute;}
.about-content{font-size: 12px; line-height: 21px; margin: 0 auto; max-width: 400px; text-align: center;}
.black-bg.active {height: 100%;}
#home { width: 100%; top:0; position: absolute; z-index:0}

@media(max-width:767px){
#home .center-it {margin-top:-5em !important; }
 #logo h1 img, #logo  img{width:100%; max-width:300px; } 
.black-bg #logo  img{ min-width:180px; margin-top:0;}
.black-bg .sw23 #logo  img{   margin-top: 15px;}
.sw23 #sld-tgl0, #sld-tgl {position:absolute; left:inherit; margin-bottom:5px;}
#logo a {margin: 0 0 20px;display: inline-block;}
.black-bg{display:table; height:520px; }

}