#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:120px;height:120px;top:50%;margin-top:-60px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(../images/loader.svg) no-repeat -30px 0;padding-left:70px;display:inline-block; color:#000; line-height:120px;height:120px}
#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;	
}


.main-album ul {list-style:none; padding:0; text-align:center; font-weight:bold; margin:50px 0 0;}
.main-album li {width:30.33%; margin:12px 1.5%; float:left;}

.album-cover {
    position: relative;
	overflow: hidden;
}
.album-title {
    text-align: center;
    font-size: 14px;
    color: #333;
	font-weight: normal;
    padding: 5px;
    background: #eee;
    border: 1px solid #eee;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space:nowrap;
}

.main-album a {border:7px solid #ddd; display:block; margin-bottom:5px; background:#000; overflow:hidden;}
.main-album a img, #photogallery li a img {
	width:100%; height: auto;
	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; font-size: 0;}
#photogallery li {width:23%; margin:12px 1%; display: inline-block;}
#photogallery li a {overflow:hidden; display:block; position:relative; border:7px solid #fff; box-shadow:3px 3px 15px rgba(0,0,0,.3); background:#000;}

	
a.back {
    font-size: 15px;
    background: #666;
    color: #fff;
    padding: 9px 20px 9px;
    font-weight: normal;
    line-height: 1;
	display:inline-block;
    margin:10px;
}


.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%;}
}