@charset "UTF-8";
/* CSS Document */

html, body {
	margin:0;
	padding:0;
	font-family: 'Open Sans', sans-serif;
	background:#f1f0f0;
}
img {
	border:none;
}
a {
	color:#428bca;
	text-decoration:none;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:400;
}
.clear {
	clear:both;
}
.centered {
	text-align:center;
}
.rightalign {
	text-align:right;
}
.leftalign {
	text-align:left;
}
.clearfix:after  { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
#topbar {
	background:#131418;
	padding:6px 0;
}
.topbar-content {
	width:1250px;
	margin:0 auto;
}
.user-menu {
	float:right;
	margin:7px 0 6px 14px;
	color:#fff;
	padding-right:22px;
	position:relative;
	background:url(images/adown.png) no-repeat right center;
	cursor:pointer;
}
.user-menu .m-items {
	margin:0;
	padding:14px 0 6px;
	display:none;
	right:0;
	width:150px;
	position:absolute;
	z-index:99;
	background:#131418;
	border-radius:0 0 6px 6px;
}
.user-menu:hover .m-items {
	display:block;
}
.user-menu .m-items li {
	list-style:none;
}
.user-menu .m-items li a {
	color:#fff;
	font-size:13.5px;
	display:block;
	padding:5px 8px;
}
.user-menu .m-items li a:hover {
	color:#428bca;
}
.user-menu img {
	border-radius:50%;
	width:27px;
	height:auto;
}
.search-box {
	float:right;
	margin:7px 0;
}
.search-field {
	border-radius:16px;
	padding:6px 14px;
	width:190px;
	font-size:12px;
	border:none;
}
.topmenu {
	float:right;
	margin:8px 0;
}
.topmenu a {
	color:#fff;
	text-decoration:none;
	font-size:13.5px;
	margin-right:20px;
}
.topmenu a:hover {
	color:#54acf2;
}
.topmenu a.upload-btn {
	display:inline-block;
	background:#4083b8;
	padding:4px 18px;
}
.topmenu a.upload-btn:hover {
	color:#fff;
}
.header {
	width:1250px;
	margin:20px auto;
	z-index:5;
	position:relative;
}
.main-menu {
	float:right;
	margin:10px 0;
}
.main-menu a {
	text-decoration:none;
	font-size:18px;
	color:#161616;
	margin-left:20px;
	padding:0 10px;
}
.main-menu a:hover, .main-menu a.active {
	border-left:3px solid #4083b8;
	padding-left:7px;
	color:#4083b8;
}
.nothing-found {
	text-align:center;
	margin:40px auto;
	width:300px;
}
.morestuff {
	width:180px;
	margin:20px auto 10px;
	border:2px solid #bbb;
	border-radius:10px;
	cursor:pointer;
	position:relative;
	z-index:1;
	padding:5px;
	background:#eee;
	text-align:center;
}
#home-slider {
	position:relative;
	margin-top:-50px;
	padding:1px 0;
	background:#fff;
	color:#fff;
	overflow:hidden;
}
#home-slider .container {
	margin:9% auto;
}
#home-slider .container h1, #home-slider .container h2 {
	font-weight:normal;
	text-align:center;
}
.slidebg {
	width:100%;
	z-index:0;
	position:absolute;
	left:0;
	top:0;
	height:auto;
}
#become-user {
	background:#fff;
	padding:26px 0 0;
}
.wrapper {
	max-width:980px;
	margin:0 auto;
	box-sizing:border-box;
	padding:0px 10px 50px;
	text-align:center;
}
.info {
	background:#CFFFCF;
	padding:10px 16px;
	border:1px solid #0f0;
	color:#000;
	display:inline-block;
	border-radius:8px;
	font-size:16px;
}
.container {
	width:1250px;
	margin:0 auto;
	position:relative;
	z-index:1;
	min-height:250px;
}
.col_1_2 {
	width:50%;
	padding:0 20px;
	float:left;
	box-sizing:border-box;
}
.col_1_2 img {
	max-width:100%;
	height:auto;
}
.col_3_4 {
	width:75%;
	padding:0 15px;
	float:left;
	box-sizing:border-box;
}
.col_1_4 {
	width:25%;
	padding:0 15px;
	float:left;
	box-sizing:border-box;
}
.gray-box {
	padding:10px;
	border-radius:8px;
	background:#f4f4f4;
	font-size:20.5px;
	color:#040404;
}
.gray-box p {
	margin:10px;
	vertical-align:middle;
	line-height:30px;
}
.gray-box p strong {
	font-weight:normal;
	font-size:24px;
}
.gray-box img {
	width:80px;
	height:80px;
	float:left;
	margin-right:12px;
	border-radius:8px;
}
#hq-images {
	position:relative;
	padding:1px 0 60px;
	overflow:hidden;
	color:#fff;
	background:url(images/hq-images.jpg) no-repeat top center;
	background-size:cover;
}
#hq-images .container {
	margin:6% auto;
}
#hq-images h1 {
	font-size:40px;
}
.points {
	font-size:20px;
}
#cta {
	position:relative;
	text-align:center;
	padding-bottom:30px;
}
#cta h1 {
	font-size:39px;
	color:#1f1f1f;
	line-height:30px;
	margin:10px 0;
	font-weight:normal;
}
#cta h3 {
	font-size:21.5px;
	color:#1f1f1f;
	margin:10px 0 30px;
	font-weight:normal;
}
.cta-btn {
	display:inline-block;
	background:#428bca;
	padding:12px 40px;
	border-radius:6px;
	font-weight:600;
	color:#fff;
	border:none;
	font-size:20px;
	text-decoration:none;
}
.cta-btn-small {
	display: inline-block;
	background: #428bca;
	padding: 8px 30px;
	border-radius: 6px;
	font-weight: normal;
	color: #fff;
	border: none;
	font-size: 16px;
	text-decoration: none;
}
#rnd-images {
	position:relative;
}
#rnd-images img {
	width:100%;
	height:auto;
	z-index:-1;
}
#blue-section {
	background:#428bca;
	position:relative;
	padding:4% 0 10px;
	color:#fff;
	text-align:center;
}
.blue-top {
	width:100%;
	height:auto;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}
#blue-section h1 {
	font-size:41.5px;
	font-weight:normal;
	margin:10px 0;
}
#blue-section h2 {
	font-size:22px;
	font-weight:normal;
	margin:10px 0;
}
#feature1 {
	position:relative;
}
.feature-blue {
	z-index:-1;
	width:100%;
	height:auto;
}
#footer {
	position:relative;
	padding:6% 0 20px;
	background:#333333;
	color:#fff;
	font-size:14px;
}
.footer-bg {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:auto;
}
#copyrights {
	font-size:15px;
	color:#fff;
	background:#1a1a1a;
	text-align:center;
	padding:20px 0;
}
#profile-header {
	position:relative;
	padding-top:20%;
	margin-top:-50px;
	padding-bottom:3%
}
#profile-header .profile-bg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:auto;
	z-index:0;
}
#profile-header .container {
	position:relative;
	z-index:1;
}
#profile-header .profile-pic {
	float:left;
	width:220px;
	height:220px;
	border:14px solid #fff;
	border-radius:4px;
	background:#fff;
	margin-right:20px;
}
#profile-header .profile-pic img {
	width:100%;
	height:100%;
}
#profile-header .profile-bio {
	float:left;
	width:650px;
	color:#383434;
	padding-top:50px;
}
#profile-header .profile-bio.account {
	width:450px;
}
.profile-bio h1 {
	font-weight:normal;
	font-size:46px;
	margin:10px 0;
	line-height:40px;
    text-shadow:0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff;
}
.profile-bio h2 {
	font-weight:normal;
	font-size:36px;
	line-height:30px;
	margin:10px 0;
}
#profile-header .dg-info {
	float:right;
	width:500px;
	color:#383434;
}
#profile-header .dg-info span {
	color:#428bca;
}
#profile-header .profile-counts {
	float:right;
	padding-top:100px;
}
.profile-counts .counts-box {
	background:rgba(249,250,251,0.6);
	padding:10px;
	border:1px solid #a2a2a2;
	border-radius:8px;
	text-align:center;
	width:242px;
	line-height:24px;
}
.profile-counts .posts-count, .profile-counts .tagged-count, .profile-counts .followers-count, .profile-counts .following-count {
	float:left;
	width:120px;
}
.profile-counts .tagged-count, .profile-counts .following-count {
	border-left:2px solid #d7d7d7;
}
.profile-counts .followers-count, .profile-counts .following-count {
	margin-top:20px;
}
.profile-counts a {
	font-size:20px;
	color:#988e8e;
	text-decoration:none;
}
.profile-counts a span {
	font-size:23.5px;
	color:#383434;
}
#profile-posts, #profile-tagged, #explore-posts, #profile-followers {
	padding-bottom:30px;
	position:relative;
}
#profile-posts .post-box, #profile-tagged .post-box, #explore-posts .post-box {
	float:left;
	width:356px;
	margin-bottom:20px;
	background:#fff;
	box-shadow:0px 0px 7px 0px #ccc;
	border-radius:6px;
}
#profile-posts .post-box.newItem, #profile-tagged .post-box.newItem, #explore-posts .post-box.newItem {
	opacity:0;
}
#source, #source .post-box {
	position:absolute;
	z-index:-1;
	opacity:0;
}
#explore-head {
	position:relative;
	margin-top:-30px;
	padding:1px 0 30px;
}
#explore-head .h-container {
	margin:7% auto;
	text-align:center;
	color:#fff;
	position:relative;
	z-index:1;
}
.h-container h1 {
	font-size:40px;
	margin:0;
	text-shadow:1px 1px 3px #000;
}
.h-container h2 {
	font-size:30px;
	margin:0;
	text-shadow:1px 1px 3px #000;
}
#explore-head .explore-bg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:auto;
	z-index:0;
}
.post-box.ad {
	//height:394px;
	text-align:center;
}
#explore-posts .post-box.ad, #profile-tagged .post-box.ad {
    background:#4083b8;
	//height:450px;
}
.post-box .user-info {
	padding:7px 10px 7px;
	line-height:42px;
	font-size:18px;
	background:#f1f6f8;
	border-radius:6px 6px 0 0;
	vertical-align:middle;
}
.post-box .user-info img {
	float:left;
	margin-right:10px;
	width:42px;
	height:42px;
	border-radius:30px;
}
.post-box .post-img {
	margin:10px;
	width:336px;
	height:auto;
	position:relative;
	border-radius:4px;
	position:relative;
}
.post-box .post-img a {
	display:block;
}
.post-box .post-img img {
	border-radius:4px;
}
.post-box .post-img .delete-post {
	position:absolute;
	right:6px;
	top:6px;
	width:40px;
	height:40px;
	opacity:0;
	cursor:pointer;
	transition:all 0.3s ease;
}
.post-box .post-img .delete-post img {
	width:auto;
	height:auto;
	border-radius:0;
	float:none;
}
.post-box .post-img:hover .delete-post {
	opacity:1;
}
.post-box .post-img .post-caption {
	position:absolute;
	bottom:0;
	overflow:hidden;
	left:0;
	width:100%;
	box-sizing:border-box;
	text-align:center;
	padding:10px;
	border-radius:0 0 4px 4px;
	color:#fff;
	opacity:0;
	font-size:12px;
	z-index:5;
	background:rgba(0,0,0,0.8);
	transition:opacity 0.2s ease;
}
.post-box .post-img .post-caption .time {
	color:#bbb;
}
.post-box .post-img:hover .post-caption {
	opacity:1;
}
.post-box .video-play {
	position:absolute;
	width:100%;
	z-index:3;
	height:100%;
	top:0;
	left:0;
	background:url(images/play.png) no-repeat center center;
}
.post-box .post-stats {
	margin-top:10px;
	border-top:1px solid #EEEEEE;
	font-size:12px;
}
.post-stats .plikes {
	float:left;
	background:#f1f6f8;
	padding:10px;
	box-sizing:border-box;
	cursor:pointer;
	white-space:nowrap;
	width:40%;
	position:relative;
	box-shadow:0 0 1px 0 #ddd inset;
	border-radius:0 0 0 6px;
}
.post-stats .plikes:before {
	content:" ";
	width:16px;
	height:16px;
	background:url(images/plikes.png) no-repeat bottom center;
	display:block;
	float:left;
	margin-right:10px;
}
.post-stats .plikes.liked:before {
	background-position:top center;
}
.post-stats .plikes.working:after {
	content:" ";
	display:block;
	background:url(images/loading-small.gif) no-repeat center center rgba(241,246,248,0.8);
	width:100%;
	height:100%;
	top:0;
	left:0;
	position:absolute;
	border-radius:0 0 0 6px;
}
.post-stats .pcomments {
	float:left;
	white-space:nowrap;
	background:#ebf3f6;
	padding:10px;
	box-sizing:border-box;
	width:43%;
	box-shadow:0 0 1px 0 #ddd inset;
}
.post-stats .pcomments:before {
	content:" ";
	width:16px;
	height:16px;
	background:url(images/pcomments.png) no-repeat center center;
	display:block;
	float:left;
	margin-right:10px;
}
.post-stats .ptagged {
	float:left;
	background:#e6eff2;
	padding:10px 0 10px 10px;
	box-sizing:border-box;
	width:17%;
	box-shadow:0 0 1px 0 #ddd inset;
	border-radius:0 0 6px 0;
}
.post-stats .ptagged:before {
	content:" ";
	width:16px;
	height:16px;
	background:url(images/ptagged.png) no-repeat center center;
	display:block;
	float:left;
	margin-right:10px;
}
#single-post {
	position:relative;
	/*padding-top:20%;
	margin-top:-50px;*/
	padding-bottom:3%
}
#single-post .profile-bg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:auto;
	z-index:0;
}
#single-post .container {
	position:relative;
	z-index:2;
}
#single-post .post-header {
	float:right;
	width:550px;
}
.post-header .profile-pic {
	width:100px;
	height:100px;
	float:left;
	margin-right:16px;
	border:6px solid #fff;
	background:#fff;
	margin-bottom:10px;
}
.post-header .profile-pic img {
	width:100%;
	height:100%;
}
.post-header .post-info {
	font-size:14px;
}
.post-header .post-info h1 {
	margin:4px 0;
}
.post-header .post-info h1 a {
	font-size:30px;
	color:#383434;
	font-weight:normal;
	line-height:30px;
    text-shadow:0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff;
}
.post-header .post-info .time, .post-header .post-info .filter-type {
  display:inline-block;
  padding:2px 7px;
  margin-bottom:6px;
  border-radius:6px;
  background:rgba(255,255,255,0.75);
}
#single-post .main-post {
	float:left;
	width:640px;
	padding:0 10px 10px;
}
.main-post .post-img {
	box-shadow:0 0 4px 0 #444;
	margin-bottom:20px;
	position:relative;
	border-radius:10px;
}
.main-post .post-img .user_tag {
	position:absolute;
	font-size:12px;
	display:block;
	padding:3px 8px;
	border-radius:4px;
	opacity:0;
	color:#fff;
	background:#000;
	transition:all 0.4s ease;
}
.main-post .post-img:hover .user_tag {
	opacity:0.8;
}
.vjs-poster {
	border-radius:10px;
}
.main-post .post-image {
	border-radius:10px;
	display:block;
	width:640px;
	height:640px;
}
.main-post .single-stats{
	position:relative;
	margin-top:20px;
}
.single-stats .post-likes:before {
	content:" ";
	float:left;
	display:block;
	width:16px;
	height:16px;
	margin-top:10px;
	margin-left:12px;
	margin-right:12px;
	background:url(images/plikes.png) no-repeat bottom center;
}
.single-stats .post-likes.liked:before {
	background-position:center top;
}
.single-stats .post-likes {
	float:left;
	box-shadow:0 0 3px 0 #999;
	background:#f9f9f9;
	border-radius:8px;
	cursor:pointer;
	margin-right:20px;
}
.single-stats .post-likes span {
	display:block;
	float:left;
	min-width:50px;
	padding:6px 14px;
	text-align:center;
	border-radius:8px;
	box-shadow:0 0 3px 0 #999;
	background:#fdfdfd;
	position:relative;
}
.single-stats .post-likes.working span:after {
	background:url(images/loading-small.gif) no-repeat center center rgba(253,253,253,0.8);
	position:absolute;
	content:" ";
	border-radius:8px;
	display:block;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
.single-stats .post-comments:before {
	content:" ";
	float:left;
	display:block;
	width:16px;
	height:16px;
	margin-top:10px;
	margin-left:12px;
	margin-right:12px;
	background:url(images/pcomments.png) no-repeat bottom center;
}
.single-stats .post-comments {
	float:left;
	box-shadow:0 0 3px 0 #999;
	background:#f9f9f9;
	border-radius:8px;
	margin-right:20px;
}
.single-stats .post-comments span {
	display:block;
	float:left;
	width:50px;
	text-align:center;
	padding:6px 14px;
	border-radius:8px;
	box-shadow:0 0 3px 0 #999;
	background:#fdfdfd;
}
.single-stats .post-tagged:before {
	content:" ";
	float:left;
	display:block;
	width:16px;
	height:16px;
	margin-top:10px;
	margin-left:12px;
	margin-right:12px;
	background:url(images/ptagged.png) no-repeat bottom center;
}
.single-stats .post-tagged {
	float:left;
	box-shadow:0 0 3px 0 #999;
	background:#f9f9f9;
	border-radius:8px;
}
.single-stats .post-tagged span {
	display:block;
	float:left;
	width:30px;
	text-align:center;
	padding:6px 14px;
	border-radius:8px;
	box-shadow:0 0 3px 0 #999;
	background:#fdfdfd;
}
.single-stats .share-icons {
	float:right;
	margin-top:1px;
}
.single-stats .share-icons a {
	margin-left:10px;
}
.user-likes h3 {
	font-weight:normal;
}
.user-likes #show-all-likes {
	float:right;
	font-size:13px;
	padding-top:6px;
}
.user-likes .like-users {
	max-height:128px;
	overflow:hidden;
}
.user-likes .like-users img {
	width:60px;
	height:60px;
}
#single-post .comment-section {
	float:right;
	width:550px;
	position:relative;
	z-index:4;
}
.comment-section .comments-box {
	max-height:400px;
	overflow:hidden;
	margin-bottom:20px;
	padding-left:10px;
}
.comments-box .comment-list {
	margin:0;
	padding:0;
}
.comments-box .comment-list li {
	list-style:none;
	padding-left:72px;
	min-height:64px;
	position:relative;
	font-size:12px;
	margin-bottom:10px;
}
.comments-box .comment-list li img {
	position:absolute;
	border:2px solid #fff;
	box-shadow:0 0 3px 0 #ccc;
	left:0;
	top:0;
	width:60px;
	height:60px;
}
.comment-list li .delete-comment img {
	position:static;
	width:18px;
	height:18px;
	border:none;
	box-shadow:none;
}
.comment-list li .delete-comment.working {
	display:inline-block;
	width:18px;
	height:18px;
	background:url(images/loading-small.gif) no-repeat center center;
}
.comment-list li .delete-comment.working img {
	display:none;
}

.comments-box .comment-list li .username {
	font-size:14px;
	display:inline-block;
	padding-bottom:4px;
}
.comments-box .comment-list li .ago {
	color:#6F6F6F;
}
.comment-section .comment-form {
	background:#e5e3e7;
	box-shadow:1px 1px 0 1px #999;
	padding:10px;
	border-radius:6px;
}
.comment-form #like-btn {
	display:block;
	padding:10px;
	background:#428bca;
	border-radius:4px;
	box-shadow:1px 1px 4px 0px #bbb;
	border:none;
	cursor:pointer;
	float:left;
	margin-right:16px;
}
.comment-form #like-btn span {
	display:block;
	width:16px;
	height:16px;
	background:url(images/likebtn.png) no-repeat top center;
}
.comment-form #comment-field {
	border:none;
	padding:8px 12px;
	font-size:16px;
	line-height:20px;
	box-shadow:0 0 3px 0 #999;
	float:left;
	border-radius:4px;
	width:380px;
	margin-right:16px;
}
.comment-form #post-comment {
	float:right;
	background:#428bca;
	color:#fff;
	border-radius:4px;
	box-shadow:1px 1px 4px 0px #bbb;
	border:none;
	cursor:pointer;
	padding:8px 10px;
	line-height:19px;
	font-size:16px;
}
.comment-form #post-comment.working {
	background:#4c4a4c;
	color:#4c4a4c;
	position:relative;
}
.comment-form #post-comment.working:after {
	display:block;
	content:" ";
	background:url(images/miniLoaderLight.gif) no-repeat center center;
	width:16px;
	height:16px;
	top:50%;
	left:50%;
	margin-left:-8px;
	margin-top:-8px;
	position:absolute;
	z-index:4
}
#profile-followers .profile-box, #users-search-results .profile-box {
	float:left;
	width:376px;
	margin:10px 20px;
}
.profile-box .user-pic {
	float:left;
	width:110px;
	border:4px solid #fff;
	border-radius:4px;
	height:110px;
	margin-right:8px;
}
.profile-box .user-pic img {
	width:110px;
	height:110px;
	border-radius:4px;
}
.profile-box .user-info {
	float:right;
	width:240px;
	overflow:hidden;
}
.profile-box .user-info h2 {
	font-weight:normal;
	line-height:30px;
	font-size:22px;
	margin:0;
}
.profile-box .user-info h2 a {
	color:#000;
}
.profile-box .user-info p {
	margin:10px 0 0;
	line-height:20px;
	font-size:14px;
}
#login-form {
	position:relative;
	margin-top:-50px;
	padding-top:8%;
	padding-bottom:7.5%;
	background:url(images/login-bg.jpg) no-repeat top center;
	background-size:cover;
}
#login-form .login-bg {
	position:absolute;
	z-index:0;
	top:0;
	left:0;
	width:100%;
	height:auto;
}
#login-form .login-container {
	position:relative;
	z-index:1;
	width:720px;
	margin:0 auto;
	color:#fff;
	font-size:18.7px;
}
.login-form p {
	margin:6px 0;
}
.login-form a {
	color:#fff;
}
.login-form .email {
	float:left;
}
.login-form .login {
	float:left;
	margin-top:28px;
}
.login-form .password {
	float:left;
	margin:0 20px;
	font-family: 'Open Sans', sans-serif;
} 
.login-form .login-input {
	width:270px;
	padding:6px 10px;
	font-size:18px;
	margin-top:4px;
	font-family: 'Open Sans', sans-serif;
	border-radius:4px;
	border:none;
	box-shadow:0 0 3px 0 #999;
}
.login-form .login-btn {
	font-size:17px;
	background:#4083b8;
	display:inline-block;
	padding:5px 20px;
	font-family: 'Open Sans', sans-serif;
	line-height:24px;
	border:none;
	border-radius:4px;
	color:#fff;
}
#signup-form {
	background:url(images/signup-bg.jpg) no-repeat top center;
	background-size:cover;
	padding-top:10px;
	padding-bottom:80px;
}
#signup-form .signup-container {
	width:450px;
	margin:0 auto;
	position:relative;
}
#signup-form .signup-container h1 {
	font-size:42.5px;
	color:#141414;
	font-weight:normal;
	text-align:center;
	margin:0;
}
#signup-form .signup-container h2 {
	font-size:23px;
	color:#464646;
	margin-top:0;
	font-weight:normal;
	text-align:center;
}
.signup-form small {
	color:#555;
	line-height:0;
	height:0;
	vertical-align:bottom;
	display:block;
	position:absolute;
	padding-top:10px;
}
.signup-form label {
	margin-bottom:40px;
	display:block;
}
.signup-form .input {
	display:block;
	border:2px solid #808080;
	border-radius:6px;
	font-size:20.5px;
	color:#333;
	padding:8px 12px;
	width:100%;
	background:rgba(255,255,255,0.55);
	box-sizing:border-box;
	font-family: 'Open Sans', sans-serif;
}
.signup-form .dropdown {
	font-size:20.5px;
	padding:8px 12px;
	box-sizing:border-box;
	color:#333;
	border:2px solid #808080;
	background:rgba(255,255,255,0.55);
	box-shadow:none;
	font-family: 'Open Sans', sans-serif;
	border-radius:6px;
	width:100%;
	margin-top:40px;
}
.signup-form .signup-btn {
	display:block;
	box-sizing:border-box;
	width:100%;
	cursor:pointer;
	margin-top:40px;
	background:#428bca;
	color:#fff;
	font-size:20.5px;
	text-align:center;
	padding:8px;
	border-radius:6px;
	border:none;
	font-family: 'Open Sans', sans-serif;
	text-shadow:1px 1px 2px #333;
}
#iglogin label {
	margin-bottom:20px;
}
#signup-bottom {
	position:relative;
	margin-top:-40px;
	padding-top:70px;
	padding-bottom:30px;
}
#signup-bottom .signup-bottom-bg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:auto;
	z-index:0;
}
.tags-list {
	margin:0;
	padding:0;
}
.tags-list:after  { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
.tags-list li {
	list-style:none;
	display:block;
	box-sizing:border-box;
	width:33.33%;
	padding:6px 15px;
	float:left;
}
.tags-list li a {
	background: #fff;
	border: 2px solid;
	border-radius: 3px;
	margin-right: 10px;
	padding: 1px 8px;
}
.fancybox {
	cursor:zoom-in;
}
.error {
	color:#f50;
	margin:0;
}
#wrapper {
	width:1250px;
	margin:0 auto;
}
.ig_login {
	width:450px;
	margin:0 auto;
}
.dg_works {
	width:980px;
	margin:10px auto;
	min-height:500px;
	text-align:center;
}
#Deskgram {
	display:block;
	width:300px;
	margin:0 auto;
	outline:none;
}
#uploader {
	background:url(images/upload-bg.jpg) no-repeat center bottom;
	background-size:cover;
	color:#fff;
	position:relative;
	padding-top:5%;
	padding-bottom:7%;
	margin-top:-50px;
	text-align:center;
}
#uploader .up-top {
	background:url(images/upload-top.png) no-repeat center top;
	background-size:cover;
	min-height:81px;
	position:absolute;
	width:100%;
	top:0;
	left:0;
}
#uploader .up-bottom {
	background:url(images/upload-bottom.png) no-repeat center bottom;
	background-size:cover;
	min-height:68px;
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
}
#uploader #Deskgram {
	width:660px;
	border-radius:20px;
}
#uploader .ubox {
	width:660px;
	margin:0 auto;
	position:relative;
}
.ubox #fl {
	position: absolute;
	z-index: 20;
	bottom: 296px;
	width: 320px;
	left: 170px;
	height: 104px;
	cursor: pointer;
	display: block;
}
.ubox #file {
	position:fixed;
	top:-100em;
}
#upload-ad {
	text-align:center;
	padding:20px 0;
}
#descriptions {
	display:none;
	text-align:center;
}
#descriptions #caption {
	width:660px;
	height:80px;
	border:1px solid #ccc;
	border-radius:20px;
	padding:10px 20px;
	appearance:none;
	font-family:'Open Sans';
}
#loader-block {
	display:none;
	padding:20px 0;
	text-align:center;
}
#loader-block #status {
	font-size:20px;
	margin:20px 0;
	font-weight:bold;
}
#iglogin {
	display:none;
}
#iglogin .input {
	margin-top:0;
}
#timeline-container {
	position:relative;
}
#timeline-container:before {
	content:" ";
	display:block;
	position:absolute;
	width:50%;
	top:0;
	left:0;
	z-index:0;
	height:100%;
	border-right:2px solid #999;
}
#timeline-container:after {
	content:" ";
	display:block;
	position:absolute;
	width:50%;
	z-index:0;
	top:0;
	left:right;
	height:100%;
	border-left:2px solid #999;
}
#timeline-header {
	position:relative;
	z-index:1;
	text-align:center;
	padding:8em 0;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center top;
}
#timeline-header .profile-pic {
	border:5px solid #fff;
	border-radius:5px;
	width:100px;
	height:100px;
}
#timeline-header h1 {
	font-size:25.33px;
	font-weight:600;
	font-family:'Open Sans';
	color:#fff;
	text-shadow:0 0 3px #000;
	line-height:normal;
	margin:0;
}
#timeline-header h2 {
	font-size:17px;
	font-weight:600;
	font-family:'Open Sans';
	text-shadow:0 0 3px #fff;
	color:#4e86c4;
	line-height:normal;
	margin:0;
}
.col_1_3 {
	box-sizing:border-box;
	width:33.33%;
	float:left;
	min-height:1px;
	padding:0 15px;
}
#my-timeline {
	margin:0 auto;
	max-width:1250px;
	padding-top:30px;
	/*transition:height 0.3s ease;*/
}
#my-timeline:before {
	content:"";
	display:block;
	position:absolute;
	width:20px;
	top:0;
	left:50%;
	margin-left:-9px;
	height:20px;
	border-radius:30px;
	background:#999;
}
#my-timeline .item {
	width:540px;
	padding:10px;
	float:left;
	box-sizing:border-box;
	border-radius:8px;
	border:2px solid #ccc;
	background:#fff;
	position:relative;
	margin-bottom:40px;
	box-shadow:3px 3px 9px #ccc;
}
#my-timeline .item.ad {
	text-align:center;
}
#my-timeline .item.ad h2 {
	margin-top:0;
}
#my-timeline .item.left-col {
	margin-bottom:0;
	margin-top:40px;
	box-shadow:-3px 3px 9px #ccc;
}
#my-timeline .item .connector {
	position:absolute;
	width:20px;
	height:20px;
	border-bottom:2px solid #ccc;
	border-left:2px solid #ccc;
	background:#fff;
	top:30px;
	left:-12px;
	z-index:0;
	transform:rotate(45deg);
}
#my-timeline .item.left-col .connector {
	border-left:none;
	border-bottom:none;
	border-top:2px solid #ccc;
	border-right:2px solid #ccc;
	left:auto;
	right:-12px;
	transform:rotate(45deg);
}
#my-timeline .item .thead {
	position:relative;
	z-index:1;
	margin-bottom:10px;
}
#my-timeline .item .thead:after {
	content:" ";
	display:block;
	clear:both;
	width:0;
	height:0;
	visibility:hidden;
	opacity:0;
}
#my-timeline .item .thead img {
	float:left;
	width:60px;
	height:60px;
	margin-right:14px;
	border-radius:4px;
	border:2px solid #fff;
	box-shadow:0 0 3px 0 #ccc;
}
#my-timeline .item .thead h1 {
	margin:0;
	color:#2d2d2d;
	font-size:22px;
	padding-top:4px;
}
#my-timeline .item .thead h3 {
	margin:0;
	font-size:18px;
	color:#007cdc;
}
#my-timeline .item .image {
	position:relative;
	margin-bottom:10px;
}
#my-timeline .item .image:after {
	content:" ";
	display:block;
	clear:both;
	width:0;
	height:0;
	visibility:hidden;
	opacity:0;
}
#my-timeline .item .image img {
	border-radius:6px;
	float:left;
}
#my-timeline .item .image .caption {
	background:rgba(0,0,0,0.7);
	opacity:0;
	transition:all 0.3s ease;
	color:#fff;
	position:absolute;
	width:100%;
	bottom:0;
	left:0;
	font-size:14px;
	border-radius:0 0 6px 6px;
	padding:10px;
	box-sizing:border-box;
	z-index:4;
}
#my-timeline .item .image .video-play {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background:url(images/play.png) no-repeat center center;
}
#my-timeline .item .image:hover .caption .time {
	color:#ccc;
}
#my-timeline .item .image:hover .caption {
	opacity:1;
}
#my-timeline .item .meta {
	text-align:center;
	margin:14px 0;
}
#my-timeline .item .meta:after {
	clear:both;
	display:block;
	content:" ";
	width:0;
	height:0;
	opacity:0;
	visibility:hidden;
}
#my-timeline .item .meta > span {
	display:block;
	float:left;
	font-size:22px;
	color:#5f5e5e;
	border-left:1px solid #5f5e5e;
	width:33.33%;
	line-height:26px;
	box-sizing:border-box;
	position:relative;
}
#my-timeline .item .meta > span.likes {
	cursor:pointer;
}
#my-timeline .item .meta > span.likes.working:after {
	content:" ";
	display:block;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background:url(images/loading-small.gif) no-repeat center center rgba(255,255,255,0.8);
	position:absolute;
}
#my-timeline .item .meta > span:first-child {
	border:none;
}
#my-timeline .item .meta > span:before {
	content:" ";
	display:inline-block;
	width:26px;
	height:26px;
	margin-right:8px;
}
#my-timeline .item .meta > span.likes:before {
	background:url(images/tlike.png) no-repeat center center;
}
#my-timeline .item .meta > span.likes.liked:before {
	background:url(images/tlike-on.png) no-repeat center center;
}
#my-timeline .item .meta > span span {
	display:inline-block;
	vertical-align:top;
}
#my-timeline .item .meta > span.comments:before {
	background:url(images/tcomment.png) no-repeat center center;
}
#my-timeline .item .meta > span.people:before {
	background:url(images/ttag.png) no-repeat center center;
}
.timeline-comment-section .timeline-comments-box {
	max-height:256px;
	overflow:hidden;
	margin-bottom:20px;
	padding-left:10px;
}
.timeline-comments-box .comment-list {
	margin:0;
	padding:0;
}
.timeline-comments-box .comment-list li {
	list-style:none;
	padding-left:60px;
	min-height:54px;
	position:relative;
	font-size:12px;
	margin-bottom:10px;
}
.timeline-comments-box .comment-list li img {
	position:absolute;
	border:2px solid #fff;
	box-shadow:0 0 3px 0 #ccc;
	left:0;
	top:0;
	width:50px;
	height:50px;
}
.timeline-comments-box .comment-list li .delete-comment img {
	position:static;
	width:18px;
	height:18px;
	border:none;
	box-shadow:none;
}
.timeline-comments-box .comment-list li .delete-comment.working {
	display:inline-block;
	width:18px;
	height:18px;
	background:url(images/loading-small.gif) no-repeat center center;
}
.timeline-comments-box .comment-list li .delete-comment.working img {
	display:none;
}
.timeline-comments-box .comment-list li .username {
	font-size:14px;
	display:inline-block;
	padding-bottom:4px;
}
.timeline-comments-box .comment-list li .ago {
	color:#6F6F6F;
}
.timeline-comment-section .comment-form {
	background:#e5e3e7;
	padding:10px;
	border-radius:0 0 6px 6px;
}
.timeline-comment-section .comment-form #comment-field {
	width:350px;
	margin-right:10px;
}
.timeline-comment-section .comment-form #post-comment {
	float:right;
}
.delete_post {float:right; width:48px; height:48px; position:absolute; right:0; top:8px; cursor:pointer;}
.delete_post .cap {
	width:48px;
	height:8px;
	position:absolute;
	top:0;
	left:0;
	transition:all 0.3s ease;
	background:url(images/bin.png) no-repeat center top;
}
.delete_post:hover .cap {
	transform:rotate(20deg);
	transform-origin:right bottom;
}
.delete_post .bin {
	width:48px;
	position:absolute;
	bottom:0;
	left:0;
	height:40px;
	background:url(images/bin.png) no-repeat center bottom;
}
.delete_post.working {
	background:url(images/loading.gif) no-repeat center center;
}
.delete_post.working div {
	background:none !important;
}
#loadprofile, #loadmoreimg, #loadmoretagged, #loadmoretag, #loadlikers  {
    background: #eee none repeat scroll 0 0;
    border: 2px solid #bbb;
    border-radius: 10px;
    cursor: pointer;
    margin: 10px auto;
    padding: 5px;
    text-align: center;
    width: 180px;
}
.btn {
	font-size:17px;
	background:#4083b8;
	display:inline-block;
	min-width:140px;
	text-align:center;
	padding:5px 20px;
	font-family: 'Open Sans', sans-serif;
	line-height:24px;
	border:none;
	border-radius:4px;
	color:#fff;
	position:relative;
}
.profile-box .btn {
	margin-top:40px;
}
.btn.fbt.working:after {
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	z-index:4;
	left:0;
	top:0;
	content:" ";
	border-radius:4px;
	background:url(images/loading-small.gif) no-repeat center center #4083b8;
}
.btn.fbt.following,.btn.fbt.following.working:after {
	background-color:#44b14e;
}
.btn.fbt.requested, .btn.fbt.requested.working:after {
	background-color:#9e9e9e;
}
.post-box.ad {
	padding:0 10px;
	box-sizing:border-box;
    background:#4083b8 !important;
}
.post-box.ad #taboola-right-rail-thumbnails {
	min-height:1000px;
	padding:8px 0;
}
.ads, .ad-here {
	padding-top:40px;
}
.post-box.ad h3 {
	font-size:24px;
    color:#fff;
	font-weight:normal;
	margin:10px 0;
}
.back-top {
	position:fixed;
	right:-120px;
	bottom:-120px;
	width:42px;
	height:42px;
	color:#fff;
	border-radius:8px;
	cursor:pointer;
	opacity:0;
	background:url(images/top.png) no-repeat center center #333;
	transition:opacity 0.3s ease;
}
.back-top.show {
	right:30px;
	bottom:30px;
	opacity:1;
	z-index:9999;
}
.pic-box {
	margin:10px auto;
	position:relative;
}
.ui-autocomplete-input.ui-autocomplete-loading {
	background:url('images/miniLoaderLight.gif') no-repeat right center;
}
.pic-box .tagged:hover {
	border-color:#f00;
}
.aff-box {
	margin:10px auto;
	text-align:center;
}
@media all and (max-width: 1270px) {
	.topbar-content, .header {
		width:980px;
	}
	#home-slider .container h1 {
		margin:6px 0;
	}
	#home-slider .container h2 {
		margin:6px 0;
	}
	#wrapper, .container {
		width:980px;
		min-height:0;
	}
	.col_1_3 {
		overflow-x:auto;
	}
	#explore-head .h-container {
		margin:5% auto;
	}
	#profile-header .profile-pic {
		width:180px;
		height:180px;
	}
	.profile-bio h1 {
		font-size:36px;
		line-height:30px;
	}
	.profile-bio h2 {
		font-size:28px;
		line-height:18px;
	}
	#profile-header .profile-bio {
		width:520px;
	}
	#profile-header .profile-counts {
		padding-top:70px;
	}
	.profile-counts .counts-box {
		width:200px;
	}
	.profile-counts .posts-count, .profile-counts .tagged-count, .profile-counts .followers-count, .profile-counts .following-count {
		width:98px;
	}
	.profile-counts a {	
		font-size:16px;
	}
	.profile-counts a span {
		font-size:18px;
	}
	.profile-counts .followers-count, .profile-counts .following-count {
		margin-top:10px;
	}
	#single-post .post-header {
		width:420px;
	}
	#single-post .main-post {
		width:520px;
	}
	.main-post .post-image {
		width:100% !important;
		height:auto !important;
	}
	.main-post .single-stats {
		text-align:center;
	}
	.single-stats .post-likes, .single-stats .post-comments, .single-stats .post-tagged {
		display:inline-block;
		float:none;
	}
	.single-stats .share-icons {
		float:none;
		margin-top:10px;
	}
	#single-post .comment-section {
		width:420px;
	}
	.comment-form #comment-field {
		width:260px;
	}
}
@media all and (max-width: 1000px) {
	.topbar-content, .header, #wrapper, .container {
		width:auto;
		padding:0 10px;
	}
	#home-slider .slidebg {
		display:none;
	}
	#home-slider {
		background:url(images/slidebg.jpg) no-repeat center center #fff;
		background-size:cover;
		padding:0 10px;
	}
	#home-slider .container h1 {
		font-size:22px;
	}
	#home-slider .container h2 {
		font-size:20px;
	}
	#become-user h1 {
		font-size:22px;
	}
	#hq-images h1 {
		font-size:24px;
	}
	.col_1_3 {
		float:none;
		width:auto;
		overflow:visible;
		padding:10px 0;
	}
	#profile-header .container {
		text-align:center;
	}
	#profile-header .profile-bio, #profile-header .profile-pic {
		float:none;
		display:inline-block;
		text-align:left;
	}
	#profile-header .profile-counts {
		float:none;
		padding-top:20px;
	}
	.profile-counts .counts-box {
		width:auto;
		display:inline-block;
	}
	.profile-counts .followers-count {
		border-left:2px solid #d7d7d7;
	}
	.profile-counts .followers-count, .profile-counts .following-count {
		margin-top:0;
	}
	#single-post .container {
		text-align:center;
	}
	#single-post .post-header {
		float:none;
		width:auto;
		text-align:left;
	}
	#single-post .main-post {
		float:none;
		padding-top:20px;
		width:auto;
		text-align:left;
	}
	#single-post .main-post .user-likes {
		max-width:640px;
		margin:0 auto;
	}
	#single-post .comment-section {
		width:auto;
		float:none;
		text-align:left;
	}
	.comment-form #comment-field {
		box-sizing:border-box;
		width:60%;
		width:calc(100% - 120px);
	}
	.h-container h1 {
		font-size:30px;
	}
	.h-container h2 {
		font-size:20px;
	}
	.dg_works {
		width:auto;
	}
	.dg_works iframe {
		max-width:100%;
	}
}
@media all and (max-width: 740px) {
	#login-form .login-container {
		width:auto;
		text-align:center;
	}
	.login-form .email, .login-form .password {
		float:none;
		text-align:left;
		margin:0 20px;
		display:inline-block;
	}
	.login-form .login {
		float:none;
		width:120px;
		margin:20px auto;
	}
	.tags-list li {
		float:none;
		width:auto;
		text-align:left;
	}
	#profile-followers .profile-box, #users-search-results .profile-box {
		float:none;
		width:auto;
		margin:10px 0;
		text-align:left;
	}
	.profile-box .user-info {
		float:none;
		width:auto;
	}
}
@media all and (max-width: 658px) {
	.col_1_2 {
		float:none;
		width:auto;
	}
	#profile-header .profile-bio {
		display:block;
		padding-top:10px;
		font-size:14px;
		width:auto;
	}
	#profile-header .profile-pic {
		width:100px;
		margin:0;
		height:100px;
		border-width:6px;
	}
	.profile-bio h1 {
		font-size:24px;
		line-height:20px;
	}
	.profile-bio h2 {
		font-size:20px;
		line-height:14px;
	}
	#explore-head .h-container {
		margin:3% auto;
	}
	.post-box.ad, #explore-posts .post-box.ad, #profile-tagged .post-box.ad {
		height:auto;
	}
	.ads, .ad-here {
		padding-top:15px;
	}
	#profile-posts .post-box, #profile-tagged .post-box, #explore-posts .post-box {
		width:auto;
		float:none;
	}
}
@media all and (max-width: 479px) {
	.post-box.ad, #explore-posts .post-box.ad, #profile-tagged .post-box.ad {
		margin:0 -10px 20px;
	}
	.ads, .ad-here {
		//margin:0 -10px;
	}
	.search-box {
		float:none;
		width:220px;
		margin:7px auto;
	}
	#profile-header, #home-slider {
		margin-top:-30px;
	}
	.topbar-content, .header, #wrapper, .container {
		text-align:center;
	}
	.main-menu {
		float:none;
	}
	.topmenu {
		display:none;
	}
	.profile-counts .counts-box {
		padding:4px;
	}
	.profile-counts .posts-count, .profile-counts .tagged-count, .profile-counts .followers-count, .profile-counts .following-count {
		width:70px;
		line-height:16px;
	}
	.profile-counts a span {
		font-size:14px;
	}
	#cta h1 {
		font-size:20px;
	}
	#cta h3 {
		font-size:16px;
	}
	#signup-form .signup-container {
		width:auto;
		padding:0 10px;
	}
	.profile-counts a {
		font-size:12px;
	}
	.logo img {
		width:120px;
		height:auto;
	}
	#blue-section h1 {
		font-size:22px;
	}
	#blue-section h2 {
		font-size:14px;
	}
	#explore-head .explore-bg {
		display:none;
	}
	#explore-head {
		background:url(images/page-heading.png) no-repeat center center;
		background-size:cover;
		padding:6px 0;
		margin-bottom:20px;
		margin-top:-20px;
	}
	#profile-posts .post-box, #profile-tagged .post-box, #explore-posts .post-box {
		width:300px;
		margin-bottom:10px;
	}
	.post-box .post-stats {
		font-size:11px;
	}
	.post-box.ad, #explore-posts .post-box.ad, #profile-tagged .post-box.ad {
		margin-bottom:10px;
		width:320px !important;
		padding:0;
	}
	.post-box .post-img {
		width:280px !important;
		height:auto !important;
	}
	.post-box .post-img a {
		display:block;
		width:280px;
	}
	.post-box .post-img img {
		width:280px !important;
		height:auto !important;
	}
	.profile-box .user-pic, .profile-box .user-pic img {
		width:60px;
		height:60px;
	}
}