#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 ------------------------*/

.album-cover:before, .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;	
}



#album a {
    padding: 5px;
    margin: 10px 0;
    display: block;
}
.album-cover {
    position: relative;
    border: 1px solid #ddd;
    margin-bottom: 1px;
}
.album-title {
    text-align: center;
    font-size: 16px;
    color: #333;
    padding: 5px;
    background: #eee;
    border: 1px solid #eee;
}
#album a img {
    max-width: 100%;
}
#album a .album-cover:before {
    content: '';
    background: rgba(52, 71, 132, 0.75);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transform: scale(0.1);
	-moz-transform: scale(0.1);
	-ms-transform: scale(0.1);
	transform: scale(0.1);
}
#album a .album-cover:after {
    content: "\f0c1";
    display: inline-block;
    font: normal 38px/1 FontAwesome;
    text-rendering: auto;
    position: absolute;
    background: rgba(255, 255, 255, 0.82);
    color: #E3323C;
    padding: 13px;
    border-radius: 50%;
    height: 64px;
    width: 64px;
    margin: -32px 0 0 -32px;
    left: 50%;
    top: 50%;
    font-size: 34px;
    line-height: 1.3;
    text-align: center;
    opacity: 0;
    box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(0.1);
	-moz-transform: scale(0.1);
	-ms-transform: scale(0.1);
	transform: scale(0.1);
    -webkit-transition: all ease 0.7s;
    -moz-transition: all ease 0.7s;
    -ms-transition: all ease 0.7s;
    -o-transition: all ease 0.7s;
	transition: all ease 0.7s;
}

#album a:hover .album-cover:before {
    background: rgba(227, 50, 60, 0.48);
}

#album a:hover {
    box-shadow: 0 0 30px rgba(0,0,0,.5);
}
#album a:hover .album-cover:before, #album a:hover .album-cover:after {
    opacity: 1;
    -webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}


.main-album a img, .photogallery li a img {
	width: 100%;
	opacity:1;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
}
.photogallery li a:hover img {
	opacity:0.7;
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	transform:scale(1.2);
}

.photogallery ul {padding:0; list-style:none; margin:0;}
.photogallery ul:after {content:''; display: block; clear: both;}
.photogallery li {width:31.33%; margin:12px 1%; float:left;}
.photogallery li a {overflow:hidden; display:block; position:relative; border:7px solid #fff; box-shadow:2px 2px 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%;}
}
