.wrapper{
	width:100%;
}

div.pp_default .pp_content_container .pp_right{background:url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:20px}


/*
==============================================
					TEXT COLOR
==============================================
*/

.color, .fa-twitter, .tweets .tweet-link, ul.views li, ul.views li a, .more, .more:hover, .v-gallery p.color, .copyrights a, .video-status ul li i, .video-status ul li a:hover, .video-status ul li a, ul.members .thumb h3, ul.members .thumb h3 small, .pagination ul li a:hover, .group-directory p.color, .error-404 h1, #carousel .caption:after {
	color:#00d8ff;
}

/*
==============================================
				BACKGROUND COLOR
==============================================
*/
.bg-color, .main-navigation ul li a:hover, .main-navigation ul ul, .main-navigation ul li:hover > a, .caption, .jspTrack, .jspHorizontalBar, .video-heading, .h-style, .jcarousel-skin-tango .jcarousel-next-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-horizontal:focus, .search-widget button, .nav-tabs > .active > a,
.nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus, .nav > li > a:hover, .nav > li > a:focus, .blog-post i.post-icon, .load-more, .jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:focus, .categories-widget ul li a:hover, .tags-widget ul li a:hover, ul.list li:before, .reply, .comments ul ul li:after, .comments ul li:after, .form-btn, .community-status ul li:hover, .group-directory header a, .error-404 a, .main-navigation .btn, .sigin a:hover, .flex-direction-nav a{
	background-color:#444444;
}

/*
==============================================
				BORDER COLOR
==============================================
*/
.border-color, .video-container h3, .header-style, .small-thumbs ul li, input[type="text"]:focus, textarea:focus, .tabs-widget .nav-tabs, .poted-by, .footer, .v-gallery .thumb img:hover, .widget-papuler-video ul li:hover img, .video-status ul, .video-status ul li, ul.members .thumb, .group-directory ul li, .recent-members ul li:hover img, .group-directory ul ul li:first-child, .group-directory ul ul li, .videos li, .banner #carousel.flexslider li, .recent-replies ul li{
	border-color:#060;
}

.h-style{
	font-size:22px !important;
	text-transform:uppercase !important;
	color:#FFF !important;
	padding:3px 10px;
	float:left;
	line-height:normal;
	margin: 0;
}

.h-style span{
	color:#FFF;
}

.header-style a{
	float:right;
	color:#FFF;
	text-decoration:none;
	padding: 3px 10px;
	background-color:#444444;
	display:inline-block;
	font-size:22px;
	text-transform: uppercase;
	line-height: normal;
	font-family: 'Raleway',"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-sub-title;
	font-weight: 300;
}

.header-style a:hover{
	color:#444444;
	background-color: #b7b7b7;
}

.header-style i{

	font-size:18px;

	margin:0px 10px 0px 0px;

}

.header-style{

	float:left;

	width:100%;

	border-bottom: solid 2px;

	padding:0px;

	background:none;

	margin:0px;

}

.side-bar .header-style{

	margin:0px;

}



.widget-bg{

	padding:20px 10px;

	background:rgba(255,255,255,0.7);

	float:left;

	width:100%;

	box-sizing:border-box;

	-moz-box-sizing:border-box;

	-webkit-box-sizing:border-box;

	margin:0px 0px 20px 0px;

}





.no-margin{

	margin:0px !important;

}



.group-directory header a {

	position: static !important;

	width: 100%;

}

/*



==============================================

				MAIN BANNER

==============================================

*/

.banner{

	background-color: #1e1e1e;

	float:l;

	width:100%;

	margin:0px 0px 10px 0px;

	position:relative;

}

.banner:before, .flexslider .slides > li:before{

	content:"";

	height:100%;

	width:100%;

	position:absolute;

	left:0px;

	top:0px;

}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
	margin-right: 23px;
	width:235px;
}
.small-thumbs ul li{
	width:30.2%;
}
.blog-post  .jcarousel-skin-tango .jcarousel-item-horizontal{
	width:750px;
}
.v-gallery .jcarousel-skin-tango .jcarousel-item-horizontal{
	width:274px;
}



.banner.img-less{

	background-color:transparent;

}

.banner.img-less:before{

	content:"";

	background:none;

}

.banner .caption{

	position:absolute;

	bottom:0px;

	left:0px;

	padding:6px 20px;

	background-color:rgba(255,255,255,0.7);
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;

}

.banner h2{

	font-size:36px;

	color: #000;

	text-transform:uppercase;

}

.banner h4{

	font-size:22px;
	margin-top:0px;
	margin-bottom:10px;
	color: #666666;
	text-transform:normal;
	letter-spacing:1px;

}

.banner h4:after{



	margin:0px 0px 0px 15px;

}

.img-less .caption{

	position:static !important;

}



.img-less .flex-direction-nav {

	bottom: -16px;

}


.slides.no-img {

	margin: 10px 0 0;

}





.play{

	position:absolute;

	right:15px;

	bottom:15px;

}

.thumb{

	float:left;

	position:relative;

	overflow:hidden;

}




.white-bg{

	background-color:rgba(255,255,255,0.7);

}


/*

==============================================

			CSS TRANSITION

==============================================

*/



#carousel.flexslider li img, .video-container img, .thumb img, .hover-style, .v-gallery .thumb img,
#carousel .caption{

	transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	-webkit-transition: all 0.3s ease-in-out;

}

.row-fluid [class*="span"]:first-child{
	margin-right:0px;
}
.row-fluid [class*="span"]{
	float:right !important;
	margin-right:2.12766%;
	margin-left:0px !important;
}
@media (min-width: 1200px) {

	.flex-direction-nav {
		left: -380px !important;
	}
	.row-fluid [class*="span"]{
		margin-right:2.5641%;
	}
}
@media (min-width: 768px) and (max-width: 979px) {
	#carousel.flexslider{
		margin:-77px 0px 0 34px !important
	}
	.flex-direction-nav{
		left:-249px !important;
	}
	.navbar .btn-navbar{
		float:left !important;
	}
}
@media (max-width: 767px) {
	.flex-direction-nav {
		left: 0 !important;
		bottom:-112px !important;
	}


}

@media (max-width: 480px){
	.flex-direction-nav {
		bottom: -108px !important;
	}

}