#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:Arial, Helvetica, sans-serif;font-weight:200;color:#fff;}
#sb-container *{transition:none !important; -webkit-transition:none !important; -moz-transition:none !important; -ms-transition:none !important; -o-transition:none !important;}

#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:9999999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative; overflow:hidden;height:100px;border:9px solid #FFF; padding:1px; background:#eee; margin-bottom:5px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:32px;height:32px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(../../images/load.gif) no-repeat 0 0;padding-left:38px;display:inline-block; color:#000;}
#sb-body,#sb-loading{background-color:#FFFFFF;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(../../images/close.png);}
#sb-nav-next{background-image:url(../../images/next.png);}
#sb-nav-previous{background-image:url(../../images/previous.png);}
#sb-nav-play{background-image:url(../../images/play.png);}
#sb-nav-pause{background-image:url(../../images/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
#sb-counter a:hover{color:#FFCC00; text-decoration:none;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}


#sb-title {width:100%; text-align:center; bottom:-7px; position:absolute;}
#sb-title-inner { font:bold 13px arial;}


/*------------- Custom CSS ------------------------*/

.main-album a img, #photogallery a:before, .news-listing a img, #photogallery li a img, .newlist li a:after {
	transition:all ease 0.3s;
	-webkit-transition:all ease 0.3s;
	-moz-transition:all ease 0.3s;
	-ms-transition:all ease 0.3s;
	-o-transition:all ease 0.3s;	
}
#photogallery ul li .title{text-align:center;padding:5px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 16px;color: #606060;font-weight: 600;}

.main-album ul {list-style:none; padding:0; text-align:center; font-weight:bold; margin:0;}
.main-album li {width:30.33%; margin:12px 1.5%; float:left;}
.main-album a {border:7px solid #ddd; display:block; margin-bottom:5px; background:#000; overflow:hidden;}
.main-album a img, #photogallery li a img {
	opacity:1;
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
}
.main-album a:hover img, #photogallery li a:hover img {
	opacity:0.7;
	transform:scale(1.2);
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
}

#photogallery ul {padding:0; list-style:none; margin:0;}
#photogallery li {width:23%; margin:12px 1%; float:left;}
#photogallery li a {overflow:hidden; display:block; position:relative; border: 5px solid #FFF;box-shadow: 3px 3px 5px rgba(0,0,0,.3); background:#000;}

	
a.back {font-size: 16px;background: #FFB238;color: #272727;padding: 9px 20px 9px;font-weight: normal;line-height: 1;display:inline-block;margin:10px;text-decoration:none;transition:all ease-in-out .3s;}
a.back:hover{background: #191919;color: #FFF;}
.newlist li:before, .achieve li:before, .downloads li:before {content: "\f0f6";margin-top:1px;display: inline-block;font: normal 20px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;}
.newlist li a:after {content: "\f178";margin-left: 0px;display: inline-block;font: normal 20px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;color: #e3323c;opacity: 0;}
.newlist li a:hover {color: #e3323c;}
.newlist li a:hover:after {margin-left: 8px;opacity: 1;}
.news-wrapper {text-align:justify;}

.newsimg {float:right; display:block;}
.newsimg img {max-width:400px; border:7px solid #ddd; margin:5px 0 0 15px;}
.liststyle_news {padding-left:20px; list-style-image:url(../images/list1.png);}
.liststyle_news li {margin-bottom:5px;}

@media all and (max-width:992px){
	#photogallery li {width:30.33%; margin:12px 1.5%;}
	#photogallery li {width:30.33%; margin:12px 1.5%;}
}

@media all and (max-width:767px){
	.main-album li {width:46%; margin:12px 2%;}
	#photogallery li {width:46%; margin:12px 2%;}
	.newsimg {float:none;}
	.newsimg img {max-width:100%; width:100%; margin:10px 0 20px;}
}
@media all and (max-width:479px){
	.main-album li {width:96%; margin:12px 2%;} 
	#photogallery li {width:96%; margin:12px 2%;}
}
