@charset "utf-8";

/** Table of Content 

-	GOOGLE FONTS					Line 	37	 -	39

-	COMMEN CLASSES					Line 	15 	 -	161

-	MAIN NAVIGATION					Line 	172	 -	289

-	MAIN BANNER						Line 	293	 -	380

-	TWEETS							Line 	386	 - 	417

-	LATEST VIDEOS					Line  	424	 - 	609

-	SEARCH WIDGET					Line 	615	 -	900

-	BLOG POST SECTION				Line	906	 -	1018

- 	FOOTER SECTION					Line	1025 -	1144

-	ABOUT US PAGE					Line	1150 -	1292

-	BLOG POST						Line	1298 -	1545

-	GROUP DIRECTORY					Line	1551 -	1695

-	CSS TRANSITION					Line	1704 -	1709





























*/



/*

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

			GOOGLE FONTS

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

*/

@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,300,700);

@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,300,500);

/*

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

			COMMEN CLASSES

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

*/

.wrapper{

	float:left;

	width:100%;

}

*{

margin:0px;

padding:0px;

outline:none;

}

.relative{

	position:relative;

}

.resize{

	box-sizing:border-box;

	-moz-box-sizing:border-box;

	-webkit-box-sizing:border-box;

}

header, nav, section, article, aside, footer {

   display:block;

}

header{

	background-color:#000;

	border-bottom:4px solid;

}

h1, h2, h3, h4, h5, h6{

	font-family: 'Oswald', sans-serif;

	font-weight:normal;

}

img {

-webkit-user-select: none;

-khtml-user-select: none;

-moz-user-select: none;

-o-user-select: none;

user-select: none;

}



.h-style{

	font-size:18px;

	text-transform:uppercase;

	color:#000;

	padding:3px 10px;

	float:left;

	margin:0px;

	line-height:normal;

}

.h-style span{

	color:#FFF;

}

.header-style a{

	float:right;

	color:#FFF;

	text-decoration:none;

	padding:5px 10px 3px 10px;

	background-color:#666666;

	display:inline-block;

	font-size:11px;

	margin:0px 0px 0px 5px

}

.header-style a:hover{

	color:#fff;

}

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

}

.side-bar{

	float:left;

	width:100%;

}

.side-bar .widget{

	float:left;

	width:100%;

	box-sizing:border-box;

	-moz-box-sizing:border-box;

	-webkit-box-sizing:border-box;

}

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

}



.side-bar div.widget:first-child{

	margin-top:0px;

}

footer .widget{

	padding:20px 0px 20px 20px;

	box-sizing:border-box;

	-moz-box-sizing:border-box;

	-webkit-box-sizing:border-box;

	border-left: solid 1px #333333;

	min-height:300px;

	float:left;

}

footer div.widget:first-child{

	border:none;

}

.no-margin{

	margin:0px !important;

}



.group-directory header a {

    position: static !important;

    width: 100%;

}

/*

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

			MAIN NAVIGATION

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

*/

.logo{

	float:left;

	margin:15px 0px;

	height:79px;

	position:relative;

	width:35%;

}

.logo img{

	position:absolute;

	left:0px;

	top:0px;

	bottom:0px;

	margin:auto;

}

.sigin{

	float:left;

	width:100%;

	text-align:right;

	margin:15px 0px 0px 0px;

}

.sigin a{

	margin:0px 0px 0px 5px;

	padding:2px 10px;

	color:#fff;

	display:inline-block;

	background-color:#3a3a3a;

	font-size:12px;

}

.sigin a:hover{

	color:#FFF;

}

.main-navigation{

	float:right;

	padding:0px;

	position:relative;

	z-index:1000;

	width:63%;

}

.main-navigation ul{

	list-style:none;

	padding:0px;

	float:right !important;

	margin:25px 0px 0px 0px;

	

	

}

.main-navigation ul li{

	float:left;

	position:relative;

}

.main-navigation ul li a{

	font-family: 'Oswald', sans-serif;

	font-size:15px;

	text-transform:uppercase;

	color:#FFF;

	display:block;

	padding:11px 8px 10px;

	text-decoration:none;

}

.main-navigation ul li a:hover, .main-navigation ul li:hover > a{

	color:#000;

}

.main-navigation ul ul li:hover > a{

	background-color:#000;

	color:#FFF;

}

.nav-collapse:hover ul a{

	color:transparent;

	text-shadow:0px 0px 2px rgba(255,255,255,0.7);

}

.main-navigation:hover ul ul li{

	width:100%;

}

.main-navigation:hover ul ul a{

	color:#000;

	font-size:14px;

	text-transform:capitalize;

	font-family: 'Open Sans', sans-serif;

}

.main-navigation:hover ul ul a:hover{

	color:#FFF;

	background-color:#000;

}

.main-navigation ul ul{

	display:none;

	position:absolute;

	left:0px;

	margin:0px;

	padding:5px;

	box-sizing:border-box;

	-moz-box-sizing:border-box;

	-webkit-box-sizing:border-box;

	z-index:200;

	min-width:250px;

}

.main-navigation ul ul ul{

	left:100%;

	top:0px;

}

.main-navigation ul ul:after{

	content:"";

	width:100%;

	background-color:rgba(0,0,0,1);

	bottom:-5px;

	left:0px;

	height:5px;

	position:absolute;

	

}

.main-navigation ul li:hover > ul{

	display:block;

}

.main-navigation .btn{

	background-image:none !important;

	background-color:red;

}

/*

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

				MAIN BANNER

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

*/

.banner{

	background-color: #1e1e1e;

	float:l;

	width:100%;

	margin:0px 0px 10px 0px;

	position:relative;

}

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

	content:"";

	background-image:url(../images/pettern2.png);

	height:100%;

	width:100%;

	position:absolute;

	left:0px;

	top:0px;

}



.banner.img-less{

	background-color:transparent;

}

.banner.img-less:before{

	content:"";

	background:none;

}

.banner .caption{

	position:absolute;

	bottom:0px;

	left:0px;

	padding:6px 20px;

	width:100%;

}

.banner h2{

	font-size:36px;

	color: #000;

	text-transform:uppercase;

}

.banner h4{

	font-size:28px;

	color: #fff;

}

.banner h4:after{

	content:">>";

	margin:0px 0px 0px 15px;

}

.img-less .caption{

	position:static !important;

}



.img-less .flex-direction-nav {

    bottom: -16px;

}

#carousel .caption{

	position:absolute !important;

	bottom:-50px;

	padding:3px 5px;

	background-color:#000;

	box-sizing:border-box;

	-moz-box-sizing:border-box;

	-webkit-box-sizing:border-box;

}

#carousel .caption a{

	margin:0px;

	font-family:'Oswald',sans-serif;

	font-size:18px;

	color:#FFF;

	display:block;

}

#carousel .caption:after {

    content: "\f0da"; 

    font-family: FontAwesome;

    font-style: normal;

    font-weight: normal;

    text-decoration: inherit;

/*--adjust as necessary--*/

    font-size: 20px;

    padding-right: 0.5em;

	position:absolute;

	right:10px;

	bottom:3px;

}

#carousel li:hover .caption{

	bottom:0px;

}

.flex-active-slide .caption{

	bottom:0px !important;

}

.flexslider .no-img li img{

	display:none;

}

.slides.no-img {

    margin: 10px 0 0;

}

/*

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

				TWEETS

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

*/

.tweets{

	background-color:#000;

	padding:10px 20px;

	margin:5px 0px 5px 0px;

}



.tweets i{

	font-size:35px;

	float:left;

	margin:0px 15px 0px 0px;

}

.tweets h4{

	float:left;

	color:#FFF;

	margin:7px 15px 5px 0;

}

.tweets p{

	color:#808080;

	margin:6px 0px;

}

.tweets .tweet-link{

	font-size:14px;

	font-weight:600;

}

.tweets .tweet-date{

	font-size:16px;

	color:#FFF;

	font-weight:600;

}

.tweets .tweet-date:before{

	content:"|";

	margin:0px 20px;

}

/*

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

				LATEST VIDEOS

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

*/

.video-section{

	margin-bottom:30px;

}

.video-section header{

	background:#000;

	border:none;

	position:relative;

	padding:25px 0px;

	margin:50px 0px 0px 0px;

}

.latest-vidios{

	float:left;

	width:100%;

    overflow-x: scroll;

    overflow-y: hidden;

    white-space: nowrap;

}

.data-inner{

	width:2000px;

	background:#066;

	float:left;

	height:200px;

}

.video-heading{

	border-radius:100px;

	border:solid 8px #FFFFFF;

	height:100px;

	width:100px;

	text-align:center;

	position:absolute;

	left:0px;

	right:0px;

	margin:auto;

	bottom:-50%;

	z-index:100;

	box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);

	-moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);

	-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);

}

.video-heading h2{

	font-size:24px;

	color:#000;

	margin:0px;

	text-transform:uppercase;	

	line-height:30px;

	font-weight:400;

	margin:20px 0px 0px 0px;

}

.video-container{

	width:314px;

	display:inline-block;

	background-color:#000;

	position:relative;

}

.video-container img{

	zoom: 1;

	filter: alpha(opacity=40);

	opacity: 0.4; float:left

}

.video-container:hover img{

	filter: alpha(opacity=100);

	opacity: 1;

}

.video-container figcaption{

	position:absolute;

	left:20px;

	bottom:20px;

}



.video-container h2, .video-container h3{

	font-size:20px;

	text-transform:uppercase;

	color:#FFF;

	font-weight:400;

	background-color:rgba(0,0,0,0.5);

	padding:5px 20px;

	border-left:solid 6px #000000;

	margin:0px;

	display:table;

	line-height:none;

}

.video-container h3{

	text-transform:capitalize;

	

}

ul.views{

	list-style:none;

	margin:0px;

	padding:0px;

	float:left;

	width:100%;

}

ul.views li{

	float:left;

	font-size:12px;

	margin:0px 0px 0px 10px;

	border:none;

	padding:0px;

	width:auto;

}

ul.views li:first-child{
	
	margin:0px;	

}

ul.views li i{

	margin:0px 5px 0px 0px;

}

.videos:hover .thumb img, .small-thumbs:hover .thumb img{

	filter: alpha(opacity=50);

	opacity: 0.5;

}

.videos .thumb{

	background-color:#000;
	
	margin:0px 0px 10px 0px;

}

.videos .thumb img:hover, .small-thumbs .thumb img:hover{

	transform:scale(1.4) rotate(15deg);

	-moz-transform:scale(1.4) rotate(15deg);

	-webkit-transform:scale(1.4) rotate(15deg);

	filter: alpha(opacity=100);

	opacity: 1;

}

.videos{

	float:left;

	list-style:none;

	margin:20px 0px 0px -20px

}

.videos figcaption{

	float:left;

	width:100%;

}

.jcarousel-skin-tango figcaption{

	float:none;

	width:auto;

}

.videos li{

	float:left;

	margin:0px 0px 20px 20px;

	border-bottom:solid 1px;

	padding:0px 0px 20px 0px;

	width:30.1%;

}

.videos li .thumb img{

	width:100%;

}

.play{
	position: absolute;
	right: 213px;
	bottom: 11px;

}

.thumb{

	float:left;

	position:relative;

	overflow:hidden;

}

.small-thumbs{

	float:left;

	width:100%;

	padding:0px

}

.small-thumbs ul{

	float:left;

	list-style:none;

	margin:0px 0px 20px -24px;

	padding:0px;

}

.small-thumbs ul li{

	float:left;

	margin:-1px 0px 0px 24px;

	border-top:solid 1px;

	border-bottom:solid 1px;

	padding:20px 0px;

	width:46.1%;

}

.small-thumbs .thumb{

	margin:0px 10px 0px 0px;

	background-color:#000;

}

.small-thumbs p{

	margin:0px 0px 5px 0px;

}

.small-thumbs .play{

	right:5px;

	bottom:5px;

}

.white-bg{

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

}

/*

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

			SEARCH WIDGET

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

*/

.search-widget{

}

.search-widget form{

	position:relative;

	float:left;

	margin:0px;

	width:100%;



}

.search-widget input.search-query{

	float:left;

	margin:0px;

	border-radius:0px;

	width:100%;

	padding:4px 70px 4px 10px;

	box-sizing:border-box;

	-webkit-box-sizing:border-box;

	-moz-box-sizing:border-box;

	height:34px;

	color:#999;

	font-size:12px;

}

.search-widget button{

	position:absolute;

	right:0px;

	margin:0px;

	background-image:none;

	padding:7px 10px;

	color:#000;

	border:none;

}

/*

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

			SOCIAL WIDGET

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

*/

.social-widget{

}

.social-widget ul{

	margin:0px;

	list-style:none;

	text-align:center;

	padding:10px 0px;

	float:left;

	width:100%;

}

.social-widget ul li{

	display:inline-block;

	margin:0px 7px 7px 7px;

}

.social-widget ul li a{

	display:block;

}



/*

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

			TABS WIDGET

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

*/

.tabs-widget{

}

.tabs-widget .nav-tabs > li > a,

.tabs-widget .nav-pills > li > a{

	padding:8px 10px;

	font-family: 'Oswald', sans-serif;

	color:#000;

	text-transform:uppercase;

	font-size:18px;

}

.tabs-widget .small-thumbs{

	padding:0px;

}

.tabs-widget .small-thumbs ul{

	margin:0px;

}

.tabs-widget .small-thumbs ul li{

	width:100%;

	border-bottom:none;

	margin:0px;

	padding:10px;

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

	box-sizing:border-box;

	-moz-box-sizing:border-box;

	-webkit-box-sizing:border-box;

}

.tabs-widget .small-thumbs ul li:first-child{

	border:none;

}

.tabs-widget .small-thumbs p{

	font-size:12px;

}

.tabs-widget  .nav-tabs{

	margin:0px;

}

/*

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

			ABOUT US WIDGET

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

*/

.widget-aboutus{

}

/*

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

		FOOTER PAPULER VIDEO WIDGET

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

*/

.widget-papuler-video{

}

.blog-post .papuler-video figure{

	padding:0px;

}

.widget-papuler-video ul{

	float:left;

	margin:0px 0px 0px -7px;

	padding:0px;

	list-style:none;

}

.widget-papuler-video ul li{

	float:left;

	margin:0px 0px 5px 5px;

}

.widget-papuler-video ul li img{

	opacity:0.5;

	filter: alpha(opacity=50);

	border:solid 3px transparent;

	box-sizing:border-box;

	-moz-box-sizing:border-box;

	-webkit-box-sizing:border-box;

}

.widget-papuler-video ul li:hover img{

	opacity:1;

	filter: alpha(opacity=100);

}

.papuler-video{

	float:left;

	width:100%;

}

.papuler-video img{

	float:left;

	width:100%;

}

/*

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

		FOOTER PAPULER VIDEO WIDGET

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

*/

.recent-members{

}

.recent-members ul{

	float:left;

	margin:0px 0px 0px -5px;

	padding:0px;

	list-style:none;

}

.recent-members ul li{

	float:left;

	margin:0px 0px 5px 3px;

}

.recent-members ul li img{

	border:solid 3px transparent;

	box-sizing:border-box;

	-moz-box-sizing:border-box;

	-webkit-box-sizing:border-box;

}

/*

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

			PAPULAR VIDOES WIDGET

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

*/

.papular-videos-widget{

}

.papular-videos-widget .small-thumbs{

	padding:10px 0px 0px 0px;

}

.papular-videos-widget .small-thumbs .thumb{

	margin:0px 10px 0px 0px;

	width:auto;

}

.papular-videos-widget .small-thumbs p{

	font-size:12px;

}

.papular-videos-widget .small-thumbs ul{

	margin:0px;

}

.papular-videos-widget .small-thumbs ul li {

	padding:10px 0px;

	width:100%;

	margin:-1px 0px 0px 0px;

}

.papular-videos-widget .small-thumbs figure{

	padding:0px;

	margin:0px;

}

.load-more{

	float:left;

	width:100%;

	text-decoration:none;

	text-align:center;

	padding:8px 0px;

	color:#000;

	font-family: 'Oswald', sans-serif;

	text-transform:uppercase;

}

.hover-style{

}

.hover-style:hover{

	color:#FFF;

	text-decoration:none;

	box-shadow:0px 0px 0px 50px rgba(0,0,0,0.5) inset;

	-moz-box-shadow:0px 0px 0px 50px rgba(0,0,0,0.5) inset;

	-webkit-box-shadow:0px 0px 0px 50px rgba(0,0,0,0.5) inset;

}

/*

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

				CATEGORIRES WIDGET

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

*/

.categories-widget{

}

.categories-widget ul{

	margin:0px;

	padding:0px;

	list-style:none;

	width:100%;

}

.categories-widget ul li{

	float:left;

	width:100%;

}

.categories-widget ul li a{

	display:block;

	text-decoration:none;

	padding: 5px 0px;

	color:#999;

}

.categories-widget ul li a:hover{

	text-decoration:none;

	color:#000;

	padding:5px 10px

}

/*

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

				TAGS WIDGET

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

*/

.tags-widget{

}

.tags-widget ul{

	float:left;

	margin:0px 0px 0px -5px;

	padding:0px 20px 0px 0px;

	list-style:none;

}

.tags-widget ul li{

	float:left;

	margin:0px 0px 5px 5px;

}

.tags-widget ul li a{

	padding:8px 8px;

	display:block;

	background-color:#333;

	color:#CCC;

}

.tags-widget ul li a:hover{

	color:#000;

	text-decoration:none;

}

/*

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

				LATEST VIDEOS

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

*/

.top-pic{

}

.top-pic .video-container{

	width:100%;

}

.top-pic .video-container img{

	opacity:1;

}

.top-pic .video-container h3{

	font-size:36px;

}

.top-pic .video-container h2{

	font-size:24px;

}

/*

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

			BLOG POST SECTION

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

*/

.blog-post{

	float:left;

	width:100%;

}

.blog-post figure{

	margin:0px 0px 10px 0px;

	float:left;

	width:100%;

}

.papular-videos-widget .blog-post figure{

	margin:0px;

}

.blog-post .jcarousel-skin-tango:hover .thumb img{

	opacity:1;

	filter: alpha(opacity=100);

	width:100%;

}

.blog-post .jcarousel-skin-tango .thumb img:hover{

	transform:none;

	

	filter: alpha(opacity=100);

	opacity: 1;

}

.blog-post .jcarousel-skin-tango .jcarousel-next-horizontal{

	right:-10px;

}

.blog-post .jcarousel-skin-tango .jcarousel-prev-horizontal{

	right:12px;

}

.blog-post .thumb{

	margin:0px 0px 10px 0px;

	float:left;

	width:100%;

}



.blog-post  .jcarousel-skin-tango .jcarousel-item-horizontal{

	width:600px;

}

.blog-post .thumb img{

	width:100%;

}

.blog-post .jcarousel-skin-tango .text{

}

.blog-post .text{

	width:100%;

}

.blog-post h2{

	font-size:24px;

	color:#2c2c2c;

	margin:0px; text-transform:uppercase;

}

.poted-by{

	float:left;

	border-top: solid 1px;

	border-bottom: solid 1px;

	width:100%;

	margin:20px 0px 0px 0px;

}



.poted-by i.post-icon{

	background-image:url(../images/posted-by.png);

	background-repeat:no-repeat;

	background-position:center center;

	padding:23px;

	float:left;

	margin:0px 10px 0px 0px;

	display:inline-block;

}



ul.tags{

	list-style:none;

	margin:0px;

	padding:13px 0px;

	float:left;

}

ul.tags li{

	float:left;

	color:#696969;

	float:left;

	width:inherit;

	margin:0px 20px;

	position:relative;

	font-size:12px;

}

ul.tags li:before{

	content:"/";

	position:absolute;

	left:-20px;

}

ul.tags li:first-child:before{

	content:"";

}

ul.tags li a{

	color:#444444;

	text-decoration:none;

}

ul.tags li a:hover{

	text-decoration:underline;

}

.more{

	float:right;

	margin:13px 20px 0px 0px;

	font-size:12px;

}

.more:after{

	 content: "\f178";

    font-family: FontAwesome;

    font-style: normal;

    font-weight: normal;

    text-decoration: none;

    padding-right: 0.5em;

	margin:0px 0px 0px 10px;

}

/*

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

				FOOTER SECTION

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

*/



.footer{

	background-color:#000;

	border-top:5px solid;

	margin:20px 0px 0px 0px;

	float:left;

	width:100%;

}

footer .header-style{

	border:none;

	float:left;

	width:100%;

	margin:0px 0px 10px 0px;

	

}

.footer-widgets{

	float:left;

	width:100%;

	border:solid 1px #333333;

}

footer .h-style{

	font-size:14px;

	color:#fff;

	background:none;

	float:none;

	padding:0px;

}

footer p{

	font-size:12px;

	color:#999999;

}

.home{

	border-bottom:solid 1px rgba(255,255,255,0.1);

	padding:10px 0px;

	margin:0px 0px 10px 0px;

}

.home a.home, .home a.top{

	float:left;

	font-size:12px;

	color:#999999;

	padding:0px;

	border:none;

	text-decoration:none;

	margin:0px;

}

.home a.home:before{

	content:"\f041";

	font-family: FontAwesome;

	display:inline-block;

	color:#999999;

	font-size:14px;

	margin:0px 10px 0px 0px;

}

.home a.top{

	float:right;

}

.home a.top:after{

	content:"\f106";

	font-family: FontAwesome;

	display:inline-block;

	color:#999999;

	font-size:14px;

	margin:0px 0px 0px 10px;

}

.footer h5{

	color:#FFF;

	font-size:14px;

	letter-spacing:2px;

}

.copyrights{

	float:left;

	width:100%;

	padding:20px 0px;

}

.copyrights p{

	color:#666666;
	
	margin:0px;

}

.copyrights a{

	font-weight:bold;

}

/*

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

				VIDEO GALLERY

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

*/



.v-gallery{

	margin:0px 0px 30px 0px;

	float:left;

	width:100%;

}

.v-gallery .thumb{

	margin:0px 10px 0px 0px;

}

.v-gallery p.color{

	font-weight:bold;

}

.v-gallery p{

	color:#999999;

	font-size:12px;

}

.v-gallery .thumb img{

	border:solid 3px transparent;

	filter: alpha(opacity=70);

	opacity: 0.7;

}

.v-gallery .thumb img:hover{

	transform:none;

	filter: alpha(opacity=100);

	opacity: 1;

}

.v-gallery .jcarousel-skin-tango:hover .thumb img{

	

}

.v-gallery .jcarousel-skin-tango .jcarousel-prev-horizontal, .v-gallery .jcarousel-skin-tango .jcarousel-next-horizontal{

	top:-40px;

	background-color:transparent;

}

.v-gallery .jcarousel-skin-tango .jcarousel-item-horizontal{

	width:224px;

}

/*

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

			ABOUT US PAGE

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

*/

ul.list{

	float:left;

	margin:0px;

	padding:0px;

	width:100%;

	list-style:none;

}

ul.list li{

	float:left;

	width:100%;

	margin:3px 0px;

}

ul.list li:before{

	content:"";

	height:10px;

	width:10px;

	float:left;

	margin:6px 10px 0px 0px;

}

/*

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

			VIDEO STATUS WIDGET

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

*/

.video-status{

	margin:0px 0px 20px 0px;

}

.video-status ul{

	list-style:none;

	float:left;

	width:100%;

	margin:0px;

	padding:0px;

	border-left:solid 2px;

	border-bottom:solid 2px;

	border-right:solid 2px;

	box-sizing:border-box;

	-moz-box-sizing:border-box;

	-webkit-box-sizing:border-box;

}

.video-status ul li{

	width:33%;

	float:left;

	border-left: solid 2px;

	text-align:center;

	position:relative;

	box-sizing:border-box;

	-moz-box-sizing:border-box;

	-webkit-box-sizing:border-box;

	color:#333333;

	font-size:18px;

	padding:15px 0px;

}

.video-status ul li i{

	font-size:35px;

}

.video-status ul li:first-child{

	border:none;

}

.video-status ul li p{

	margin:0px;

}

.video-status ul li a:hover{

	text-decoration:none;

}

/*

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

			MEMBERS REGISTERD

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

*/

ul.members{

	float:left;

	margin:0px;

	padding:0px;

	list-style:none;

}

ul.members li{

	float:left;

	width:100%;

	margin:15px 0px;

}

ul.members .thumb{

	width:282px;

	padding:20px 20px;

	box-sizing:border-box;

	-webkit-box-sizing:border-box;

	-moz-box-sizing:border-box;

	background-color:#f4f4f4;

	border:solid 1px;

	margin:0px 20px 0px 0px;

}

ul.members li:hover .thumb{

	box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);

	-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);

	-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5)

}

ul.members .thumb .text{

	width:50%;

	position:relative;

	height:94px;

	float:left;

}

ul.members .thumb h3{

	text-align:center;

	margin:15px 0px 0px 0px;

	font-size:36px;

}

ul.members .thumb h3 small{

	font-size:18px;

	display:block;

	text-transform:uppercase;

}

ul.members h4{

	font-size:18px;

	text-transform:uppercase;

	margin:0px 0px 10px 0px;

}

.icons{

	float:right;

	height:94px;

	position:relative;

	width:50%;

}

.icons img{

	position:absolute;

	right:0px;

	top:0px;

	bottom:0px;

	margin:auto;

	left:0px;

	filter: alpha(opacity=40);

	opacity: 0.4;

}

ul.members li:hover .icons img{

	filter: alpha(opacity=100);

	opacity: 1;

}

.pagination ul li a{

	color:#999;

}

.pagination ul li a:hover{

	color:#03F;

}

/*

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

			BLOG POST

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

*/

.share-this{

	float:left;

	width:100%;

}

.share-this h2{

	text-transform:uppercase;

	margin:0px 0px 10px 0px;

}

.share-this ul{

	float:left;

	width:100%;

	list-style:none;

	padding:0px;

	margin:0px;

}

.share-this ul li{

	float:left;

	margin:0px 0px 0px 10px;

}

.share-this ul li:first-child{

	margin:0px;

}

.share-this ul li a{

	display:block;

}



/*

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

			COMMENTS SECTION

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

*/

.comments{

	float:left;

	width:100%;

	margin:0px 0px 20px 0px;

}



.comments h3{

	font-size:18px;

	margin:0px 0px 5px 0px;

	line-height:22px;

}

.comments .thumb{

	margin:0px 0px 0px 0px;

}

.comments .text{

	padding:0px 0px 0px 90px;

}



.reply{

	font-size:14px;

	color: #FFF;

	padding:3px 25px;

	font-family: 'Oswald', sans-serif;

}

.comments ul {

	float: left;

	width: 100%;

	margin: 0px;

	padding: 0px;

	list-style: none;

}

.comments ul li {

	float: left;

	width: 100%;

	position: relative;

	margin: 0px;

	padding: 0px 0px 20px 0px;

}

.comments ul li:after {

	content: "";

	width: 1px;

	position: absolute;

	left: 35px;

	bottom: 0px;

	top: 70px;

}

.comments ul ul {

	padding: 0px 0px 0px 100px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	margin: 20px 0px 0px 0px;

}

.comments ul ul li:after {

	content: "";

	width: 50px;

	position: absolute;

	left: -65px;

	top: 35px;

	height: 1px;

}

.comments ul ul ul li:after {

	width: 150px;

	top: 35px;

	left: -165px;

}

.form{

	float:left;

	width:100%;

	padding:0px 0px 30px 0px

}

.form input[type="text"], .form textarea {

    -moz-box-sizing: border-box;

    background-color: #fff;

    border: 1px solid #d8d8d8;

    border-radius: 0;

    color: #666666;

    height: 40px;

    padding: 5px 6px;


}
.form ul{
	margin:0px;
	padding:0px;
}





.form textarea {

    height: 189px;

    margin: 12px 0;

    width: 100%;

}

.form-btn {

    border: medium none;

    color: #FFFFFF;

    float: left;

    font-size: 16px;

    padding: 7px 20px;

}

/*

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

			LOGIN WIDGET

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

*/

.login-widget{

}

.login-widget article{

	float:left;

	width:100%;

	position:relative;

}

.login-widget input[type="text"], .login-widget input[type="password"]{

	width:100%;

	padding:5px 10px;

	height:40px;

	box-sizing:border-box;

	-moz-box-sizing:border-box;

	-webkit-box-sizing:border-box;

	border-radius:0px;

	color:#CCC;

}

.login-widget form{

	margin:20px 0px 0px 0px;

	float:left;

	width:100%;

}

.login-widget .form-btn{

	float:right;

}

.option{

	padding:4px 0px;

	background-color:#e8e8e8;

	margin:30px 0px;

}

.or-fb{

	float:left;

	position:absolute;

	left:0px;

	right:0px;

	top:-17px;

	background-color:#fff;

	border-radius:100%;

	width:40px;

	height:40px;

	margin:auto;

	text-align:center;

	padding:5px 0px;

	box-sizing:border-box;

	-moz-box-sizing:border-box;

	-webkit-box-sizing:border-box;

}

.signin-with{

	display:block;

	padding:10px 0px 10px 60px;

	font-size:18px;

	color:#FFF;

	margin:0px 0px 10px 0px;

}

.signin-with:hover{

	color:#FFF;

	text-decoration:none;

}

.fb{

	background-color:#3b5998;

	background-image:url(../images/login-fb.png);

	background-repeat:no-repeat;

	background-position:20px center;

}

.tw{

	background-color:#00acee;

	background-image:url(../images/login-tw.png);

	background-repeat:no-repeat;

	background-position:20px center;

}



/*

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

			COMMUNITY STATUS

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

*/

.community-status{

	

}

.community-status ul{

	float:left;

	width:100%;

	margin:0px;

	padding:0px;

	list-style:none;

}

.community-status ul li{

	float:left;

	margin: 10px 0px 0px 0px;

	width:100%;

	background-color:#e3e3e3;

}

.community-status ul li:first-child{

	margin:0px;

}

.community-status ul li a{

	display:block;

	text-decoration:none;

	padding:7px 10px;

	font-weight:600;

	color:#000;

}

.community-status ul li a:hover{

	text-decoration:none;

	color:#FFF;

	padding:7px 20px;

}

.community-status ul li p{

	margin:0px;

	display:inline-block;

}

.community-status ul li span{

	float:right;

}

/*

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

			GROUP DIRECTORY

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

*/

.group-directory{

}

.group-directory p{

	font-size:12px;

	color: #adadad;

}

.group-directory ul{

	float:left;

	width:100%;

	list-style:none;

	margin:0px;

	padding:0px;

	box-sizing:border-box;

	-moz-box-sizing:border-box;

	-webkit-box-sizing:border-box;

}

.group-directory ul ul{

	padding:0px 0px 0px 110px;

}

.group-directory ul ul li{

	border-top:solid 1px;

	border-bottom:solid 1px;

	margin:-1px 0px 0px 0px;

}

.group-directory ul ul li:first-child{

	border-top:solid 1px;

	border-bottom:solid 1px;

	

}

.group-directory ul li{

	float:left;

	width:100%;

	margin:0px 0px;

	padding:20px 10px;

	border-top:solid 1px;

	box-sizing:border-box;

	-moz-box-sizing:border-box;

	-webkit-box-sizing:border-box;

}

.group-directory ul li:hover{

	background-color:rgba(0,0,0,0.05);

	box-shadow:0px 0px 5px 0px rgba(0,0,0,0.2);

}

.group-directory ul li:first-child{

	border:none;

}

.group-directory header{

	background:none;

	border:none;

	padding:5px 0px;

	width:100%;

	margin:0px 0px 5px 0px;

	float:left;

	position:relative;

}

.group-directory header p, .group-directory header a{

	margin:0px;

	display:block;

	color:#666;

	box-sizing:border-box;

	-moz-box-sizing:border-box;

	-webkit-box-sizing:border-box;

}

.group-directory .text{

	padding:0px 0px 0px 110px;

}

.group-directory .color{

	margin:0px 0px 0px 0px;

	font-weight:bold;

}

.group-directory header a{

	float:right;

	padding:2px 10px;

	display:inline-block;

	color:#000;

	position:absolute;

	right:0px;

	top:5px;

}



.video-detail{

	float:left;

	width:100%;
	
	margin:0px 0px 20px 0px;

}

.video-detail iframe{

	width:100%;

	height:500px;

}

.contact-detail{



}

.contact-detail P{

	padding:0px 0px 0px 50px;

	position:relative;

	float:left;

	margin:0px;

	width:100%;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

}

.contact-detail a{

	color:inherit;

}

.contact-detail a:hover{

	color:red;

	text-decoration:underline;

}

.contact-detail i{

	position:absolute;

	left:0px;

	color:#c7c7c7;

	top:5px;

	border-radius: 50px;

    padding: 9px;

	border:solid 2px #c7c7c7;

	height:15px;

	width:15px;

	text-align:center;

}

.contact-detail .fa-map-marker:before{

	

}

.error-404{

	margin:0px auto;

	width:380px;

	text-align:center;

	padding:100px 0px;

}

.error-404 h1{

	font-size:182px;

	line-height:205px;

	text-shadow:2px 2px 2px rgba(0,0,0,0.7);

}

.error-404 h3{

	font-size:30px;

	text-transform:uppercase;

}

.error-404 a{

	font-size:24px;

	color:#FFF;

	padding:15px 30px;

	font-family: 'Oswald', sans-serif;

	display:inline-block;

}



.recent-replies{

}

.recent-replies ul{

	float:left;

	width:100%;

	padding:0px;

	margin:0px;

	list-style:none;

}

.recent-replies .color{

	font-size:12px;

}

.recent-replies a {

	margin:0px;

	color:#333333

}

.recent-replies p{

	margin:0px 0px 5px 0px;

}

.recent-replies ul li{

	float:left;

	width:100%;

	border-top:1px solid;

	padding:5px 0px;

}

.recent-replies ul li:first-child{

	border:none;

}

.boxed{

	margin:0px auto;

	max-width:1200px;

	background:#FFF;

	box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5)

}


.pick-social{
	list-style:none;
	margin:0px;
	padding:0px;
	position:absolute;
	right:20px;
	bottom:30px;
}
.pick-social li{
	float:left;
	margin:0px 10px;
}
.pick-social li a{
	border-radius:100%;
	height:60px;
	width:60px;
	padding:4px 4px;
	border:solid 4px #fff;
	display:block;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.pick-social li a.twitter{
	background-color:#10c3eb;
}
.pick-social li a.fb{
	background-color:#3b5999;
	background-image:none;
}
.pick-social li a.play{
	background-color:#a1a0a2;
	position:inherit;
}
.pick-social li i{
	border-radius:100%;
	height:44px;
	width:44px;
	color:#FFF;
	border:solid 2px #fff;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	font-size:27px;
	text-align:center;
	padding:6px 0;
}



/*

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

			CSS TRANSITION

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

*/



.main-navigation ul li, .main-navigation ul li a, #carousel.flexslider li img, .video-container img, .thumb img, .hover-style, .v-gallery .thumb img, .widget-papuler-video ul li img, .categories-widget ul li a, .tags-widget ul li a, ul.members .thumb, .icons img, .pagination ul li a, .community-status ul li, .community-status ul li a, .group-directory ul li, .recent-members ul img, .sigin a, #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;

}

/*

	font-family: 'Open Sans', sans-serif;

	font-family: 'Oswald', sans-serif;

	font-family: 'Ubuntu', sans-serif;

*/