#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 0 center;padding-left:120px;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.html);}
#sb-nav-pause{background-image:url(../images/pause.html);}
#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, .album-title {
	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:50px 0 0;}
.main-album ul:after {content:''; display:block;clear:both;}
.main-album li {width: 50%;margin:0;float: left;padding: 20px;}

.album-cover {
    position: relative;
	overflow: hidden;
}
.album-title {
    text-align: center;
    font-size:25px;
    color: #fff;
	font-weight: normal;
    padding: 2px 25px;
	text-overflow: ellipsis;
	white-space:nowrap;
	position: absolute;
	bottom:40px;
	right:-10px;
	background:rgba(229,26,133,0.8);
}
.album-title:after {
	content: '';
    display: block;
    position: absolute;
    right: 0px;
    z-index: 23;
    bottom: -9px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 10px 0 0;
    border-color: #a00182 transparent transparent transparent;
}

.main-album a {border:1px solid #ccc; display:block; margin-bottom:5px; background:#fff; position:relative;}
.main-album a img, #photogallery li a img {
	width:100%; height: 202px;
	opacity:.8;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
}
.main-album a:hover img, #photogallery li a:hover img {
	opacity:1;
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	transform:scale(1.2);
}
.main-album a:hover .album-title {background:#e51a85;}
	
#photogallery ul {padding:0; list-style:none; margin:0; font-size: 0;letter-spacing:0;}
/*#photogallery li {width:32.33%; margin:10px 1.5% 10px 0; display: inline-block;vertical-align:top;} */
#photogallery li {width:23.575%; margin:10px 1.5% 10px 0; display: inline-block;vertical-align:top;} 
#photogallery li a img {opacity:1;}
#photogallery li a {overflow:hidden; display:block; position:relative;  background:#000; border:2px solid #ddd;}
#photogallery ul li a:before {content:''; background:rgba(233, 147, 39, 0.65); position:absolute; width:100%; height:100%; z-index:990; opacity:0;}
#photogallery ul li a:after {
    font:normal 44px/1 FontAwesome; content:"\f067"; 
	color: #fff;
    display: table;
    position: absolute;
    bottom: 0;
    z-index: 991;
    margin: -22px 0 0 -22px;
    left: 50%;
    top: 50%;
	width: 44px;height: 44px;text-align: center;
    opacity: 0;
    -ms-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -webkit-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;
}
#photogallery ul li a:hover:before, #photogallery ul li a:hover:after {opacity:1; -moz-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);  transform:scale(1);}	

	
a.back {
    font-size:15px;
    background:#29cbcd;
    color: #fff;
    padding:7px 14px 7px;
    font-weight: normal;
    line-height: 1;
	display:inline-block;
    margin:10px;
	border-radius: 40px;
}
a.back:hover {background:#e51a85;}

.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.html);}
.liststyle_news li {margin-bottom:5px;}

@media all and (min-width:768px){
	#photogallery li:nth-child(4n+4) {margin-right:0;}
}
@media all and (max-width:991px){
/*
	#photogallery li {width:30.33%; margin:12px 1.5%;}
	#photogallery li {width:30.33%; margin:12px 1.5%;}
*/
	.album-title {font-size:18px; bottom:25px; padding:2px 15px;}
}

@media all and (max-width:767px){
	.main-album li {width:96%; margin:12px 2%; padding:5px;}
	#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){
	
	#photogallery li {width:96%; margin:12px 2%;}
}