.sup_actions{overflow:hidden;margin-bottom:15px}
.sup_actions a{width:48%;float:left;height:37px}
.sup_actions a:last-child {float:right}
.userData {
	border:1px solid #f1f1f1;
	border-radius: 2px 2px 0 0;
	border-top: 0;
}
#contentFlow > div[ng-if="userData"]{
	margin-top:-21px;
}
#contentFlow.contentFlowTop{
	position: relative;
}

#userFlowBox{display:table; width: 100%; margin-bottom: 0; height: auto;position:relative}
	#userFlowBox .avatar img{max-width:212px;max-height:342px}
.userBg {
	width: 100%;
	height: 360px;
	position: relative;
	background: no-repeat center top;
	background-size: cover;
}
.changeBg {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	text-align: center;
	color: #fff;
	font-size: 20px;
}

.loadWrp{display:none}

.changeAvatar {
	font-size: 20px;
}
#mbProf .changeAvatar {
	font-size: 20px;
	margin-bottom:20px;
}

section.sp {
	padding-top: 20px;
	position: relative;
	/*padding-bottom: 100px;*/
}

section.sp p {
	font-size: 16px !important;
}

section.sp .card {
	width: 210px;
	margin-bottom: 10px;
}

p.reward-gain {
	font-size: 12px !important;
	line-height: normal;
	color: #33abdf;
	font-weight: bold;
}

p.reward-gain span{
 	color:#f8a642;
}

.getCard {
	text-align: center;
	margin-top: 100px;
}

.getBitcoin {
	text-align: center;
	margin-top: 60px;
	border: 3px solid #D0D0D0 !important;
}

.getBitcoin .avatar, .getCard .avatar {
	float: none !important;
}

.getCard > div {
	position: relative;
	top: -100px;
}

.getCard > .stat { margin-bottom:-100px }

.getBitcoin > div {
	top: -68px;
	position: relative;
}

.getBitcoin.change .content {
	border-top:none;
}

postWrp.getBitcoin > div {
	margin-bottom: -65px;
}
.postWrp .cardWrp {display:block}
.postWrp.getBitcoin img.card{
	width:80px;
	margin-bottom: 20px;
}
.postWrp.bitmilesPromo {
	padding-bottom:0;
}
	.bmpLogo {
		margin-bottom:20px;
	}
	.bitmilesPromo p {
		font-size:16px;
		line-height:20px;
		margin-bottom:20px;
	}
	.bitmilesPromo .preview {margin-bottom:20px}
	.bitmilesPromo .amount {
		font-size: 30px;
		color:#2980b9;
	}
		.bitmilesPromo .amount img {height:35px}
	.bitmilesPromo .descr {
		color:inherit;
		display: block;
		margin-bottom:20px;
		font-size:14px;
	}

#mbProf.sp .fixed-bitcoin > img {
	margin:30px;
	width:80px;
}

.getCard img.card, .getBitcoin img.card{
	width: 210px;
	margin-bottom: 10px;
}

.getCard .changeAvatar, .getBitcoin .changeAvatar {
	font-size: 28px;
	line-height: 30px;
	word-break:initial;
}

.getCard .mini, .getBitcoin .mini {
	font-size: 16px;
	line-height: 24px;
}

.editDelete > ul > li > a {
		padding: 0;
}
	.editDelete ul {
		padding: 0 5px;
		background: white;
		border:1px solid #ccc;
	}
	.editDelete ul li {line-height: 12px}
	div[dropdown].editDelete ul > li > a {text-align: right}

.userBg[class*="alt"]
{
	background-repeat: repeat;
	background-size: inherit;
}

.userPrefsIco {
	padding: 3px 6px;
	border:1px solid transparent;
	display: none;
}
.userBg .userPrefsIco, .avatarWrp .userPrefsIco {
	display: block;
}
.userPrefsIco:hover span  {
	display: inline-block;
}
.userBg .userPrefsIco:hover, .avatarWrp .userPrefsIco:hover {
	background: rgba(255, 255, 255, 0.9);
	border-radius: 3px;
	border:1px solid #fff;
}
.userPrefsIco span{display:none}
    .userPrefsIco span{
        font-size:12px;padding-left:10px;vertical-align:middle;
    }
.changeBg .uploader {
	display: inline-block;
	padding-top: 50px;
}
.changeBg .uploader label {
	font-size: 16px;
	width: auto;
	cursor: pointer;
}
.changeBg .closeBg {
	text-align: left;
	padding: 20px;
	position: relative;
	text-shadow: 1px 1px 0 #333;
	cursor: pointer;
}
.changeBg img.imgPreview, .changeBg #draggable, .changeBg progress {
	display: none;
}
.changeBg button {
	float: none !important;
	margin: 20px !important;
}
.changeBg button:hover {
	top: 1px;
	position: relative;
}
.changeBg > span {
	font-size: 14px;
	font-style: italic;
}
.changeBg ul {
	padding: 10px 0;
}
.changeBg li {
	display: inline-block;
	margin: 2px 0;
	border: 1px solid #fff;
}
.changeBg li:hover {
	border: 1px solid #27ae60;
	opacity: 0.8;
}

.userPrefsIco{
	font-size:20px;color:#fff;z-index:9;position:absolute;top:20px;left:20px;text-shadow: 1px 1px 0 #333; cursor: pointer
}
#avatarPref{top:310px;left:185px}
#resculpt{top:190px;left:185px}
.userBg:hover #bgPref{display:block}
.avatarWrp:hover #avatarPref{display:block}
.user:hover a.userPrefsIco{display:inline}
.location:hover a.userPrefsIco{display:inline}

.userBg .userPrefsIco i, .avatarWrp .userPrefsIco i {
	color: rgba(255, 255, 255, 1);
	text-shadow: 0 0 5px #5C5C5C;
}
.userBg .userPrefsIco:hover i, .avatarWrp .userPrefsIco:hover i {
	color: #33abdf;
	text-shadow: none;
}

.userBg .userPrefsIco span, .avatarWrp .userPrefsIco span {
	text-shadow: none;
	color: #33abdf;
	font-weight: 700;
	text-transform: capitalize;
}

#contentFlow .loader-wrapper {
	height: 94px;
}

#contentFlow .loading {
	position: relative;
}

.alt1 {
		background-image: url('../../images/actionpage/background/color-tube.jpg');
}
.alt2 {
		background-image: url('../../images/actionpage/background/concept.jpg');
}
.alt3 {
		background-image: url('../../images/actionpage/background/design.jpg');
}
.alt4 {
		background-image: url('../../images/actionpage/background/grunge.jpg');
}
.alt5 {
		background-image: url('../../images/actionpage/background/orange.jpg');
}
.alt6 {
		background-image: url('../../images/actionpage/background/red-flat.jpg');
}
.alt7 {
		background-image: url('../../images/actionpage/background/kiwi.jpg');
}
.alt8 {
		background-image: url('../../images/actionpage/background/cucina.jpg');
}
.alt9 {
		background-image: url('../../images/actionpage/background/asteroids.jpg');
}
.alt10 {
		background-image: url('../../images/actionpage/background/ellepsis.jpg');
}
.alt11 {
		background-image: url('../../images/actionpage/background/sushi.jpg');
}
.alt0 {
		background-image: url('../../images/actionpage/background/juice.jpg');
}
	.userBg .subscribeButtWrp {
		position: relative;
		margin: 0 auto;
		text-align: center;
		float: none;
		display: inline;
		line-height: 360px;
	}
	.subscribeWrp{
		width: 100%;
		/*height: 100%;*/
		background: rgba(255, 255, 255, 0.7);
		text-align: center;
	}
	.subscribeWrp.subscribed {
		background: none;
	}
	.userBg .subscribeButtWrp.subscribed {
		background: none
	}

	.userBg .subscribeButtCount {
		display: none;
	}
	.userBg .subscribeButt {
		float: none;
		max-width: inherit;
		display: inline;
		font-size: 14px;
	}
	.userBg .subscribed a{
		float: right; top: 35px; right: 6px;
		position: relative;
		background: #ECF0F1;
		color: #858585;
		border-color: #ccc;
	}
	.userBg .followYou, .userBg .ban {
		position: absolute;
		top: 10px;
		right: 10px;
		border-radius: 2px;
		background: #FFF;
		padding: 3px 6px;
		text-transform: uppercase;
		font-size: 14px;
		border: 1px solid #ebebeb;
		line-height: 13px;
	}
		.userBg .followYou i{
			color: #33abdf;
			padding-left: 3px;
		}
	.userBg .subscribed a:hover {
		border-color: #858585;
	}
	.userBg .ban {
		top:10px;
		left:10px;
		right:auto;
		background:#c0392b;
		color:#fff;
		cursor:pointer;
	}
		.userBg .ban:hover{background:red}

	.userSubs {
		text-align: center;
		text-transform: uppercase;
		float: right;
		padding-top: 15px;
		padding-right: 10px;
	}
	.userSubs a {
		color: #858585;
	}
	.userSubs span {
		display: block;
	}
	.userSubs span:first-child {
		font-size: 10px;
	}
	.userSubs .numbers {
		font-size: 25px;
		line-height: 30px;
	}

	.tabUserFlow {
		width: 100%;
		height: 50px;
		margin-bottom: 20px;
	}
	.tabUserFlow ul {
		width: 100%;
		height: 50px;
		background: #F6F7F8;
	}

	.tabUserFlow ul li {
		display: inline-block;
		text-align: center;
		font-size: 14px;
		text-transform: uppercase;
		line-height: 35px;
		float: left;
		width: 16.6666667%;
		background: #f8f8f8;
		height: 50px;
	}
	.tabUserFlow ul li a {
		width: 100%;
		height: 50px;
		color: #33abdf;
	}
	.tabUserFlow ul li a.sel {
		background: #f8a642;
		width: 100%;
		height: 50px;
		display: block;
		color: #fff;
	}
	.tabUserFlow ul li a:hover  {
		background: #33abdf;
		color: #fff;
		width: 100%;
		height: 50px;
		display: block;
	}
	.tabUserFlow ul li a:hover .value,
	.tabUserFlow ul li a:hover i,
	.tabUserFlow ul li a.sel i,
	.tabUserFlow ul li a.sel .value{
		color: #fff;
	}
	.tabUserFlow ul li span {
		text-align: center;
		display: block;
	}
	.tabUserFlow ul li span.value, .tabUserFlow .iconFlow {
		color: #858585;
		line-height: 0;
		font-size: 11px;
	}
	.tabUserFlow .iconFlow i {
		line-height: 0;
	}

	#userFlowBox .avatar{position: absolute; top: 80px; width: auto; height: auto}
	#userFlowBox .buzzCol{float:right; padding: 15px}
	#userFlowBox .buzzCol a.buzz {
		margin-top: 0;
	}
	#userFlowBox .descrCol{float:left;font-size:15px; padding: 15px 10px; position: relative; left: 180px}
	#userFlowBox .descrCol .user{color:#33abdf}
	#userFlowBox .cancelCol{float:right; padding: 25px 0; }
	#userFlowBox .cancelCol a span {
		font-size: 10px;
	}

#homeMenuWrp{background:#fff}
	#homeMenuWrp .title{position:relative}
		#srch {
			position:absolute;top:8px;right:20px;
			overflow:visible;
		}
			#srch input {
				height: 21px;
				padding: 4px 30px 4px 30px;
				border:none;
				width: 258px;
				float:left;
				border-radius: 10px;
				font-size:13px;
				color:#555;
			}
			#srch input:focus {border-color:#643291 !important;outline: none}
			#srch input:hover {
				border-color:#A285BE;
			}
			#srch button{
				height:17px;
				width:26px;
				border: 0;outline: none;
				background:#fff;
				position:absolute;top:2px;left:3px;
				border-radius: 10px 0 0 10px
			}
			#srch button:hover{background:#a285be;color:#fff}
			#srch #resetSearch{right:3px;left:auto;border-radius:0 10px 10px 0}

.topMicroblog{margin-bottom:30px}

	.topMicroblog .phraseMb{
		display:none;
		position:absolute;
		top:30px;
		left:68px;
	}
	.topMicroblog .inactive .phraseMb{
		display:block;
		font-size:12px;
		z-index: 10;
		white-space: nowrap;
		overflow: hidden;
	}

.page.row{margin-bottom:0}
	.colNum0{
		padding:0 15px 0 0!important;
	}
	.colNum1{
		padding:0 0 0 15px!important;
	}
	.postWrp{
		padding:20px;
		margin-bottom:30px;
		border: 1px solid #e7e7e9;
		position:relative;
		display:block;
		background: #fff;
	}
		.postWrp promotebutt.promo{
			position:absolute;
			bottom:20px;
			right:8px
		}
			.postWrp promotebutt.promo button.butt.save{
				padding: 9px 12px 10px 12px;
				background:#f3f3f3;
				color: rgb(138, 138, 138);
				border-radius:0
			}
				.postWrp promotebutt.promo button.butt.save:hover{
					background:#33ABDF;
					color:#fff;
				}

	.postWrp.user .col-55 .avatar.face{
		width: auto
	}

		.postWrp.draft{
			border-color:#de9d9c;
		}

		.postWrp.farm {
			margin-top:60px;
			padding-top: 50px;
		}

		.postWrp.farm:before{
			content:"";
			background: url(../../images/actionpage/bmTeaserIco.png);
			background-size:100%;
			height:80px;
			width:80px;
			margin:auto;
			position:absolute;
			top:-40px;
			right:0;
			left:0;
		}
		.postWrp.farm{
			border-color:#f8a642;
			-webkit-box-shadow: inset 0 0 0 2px rgba(248,166,66,1);
			   -moz-box-shadow: inset 0 0 0 2px rgba(248,166,66,1);
				    box-shadow: inset 0 0 0 2px rgba(248,166,66,1);
			/*background: #FFF url('../../images/actionpage/bitcoinfarm.png') no-repeat 130px -85px;*/
		}

	.postWrp.user .type{margin-top:10px}
	.postWrp.user > img{
		width:100%;
	}
	.postWrp:hover{
		border-color:#f8a642;
	}
		.postWrp.draft:hover{
			border-color:#e74c3c;
		}
	.post .status{font-weight:bold;color:#e74c3c}

	.postWrp.movie figure a{border:0}
	.post h3{
		font-size:16px;line-height:20px;
		color:#2980b9;
		margin:15px 0 8px 0;
		word-wrap: break-word;
	}
	.post h3, .preview {
		cursor: pointer;
	}
	.post #spotlight {
		width: 100%;
	}
	.post .author {
		padding-bottom:10px;
		width: 100%;
		float: left;
	}
	.post .author p{margin-bottom:0}
	.post .author p.user{line-height: 25px}
	.post .author p.when, .post .author p.type{line-height: 16px}
	.post .author .boxUser{right:160px;top:0}
	.post .avatar{float:left}
	.bio{margin-top:10px; font-size: 14px}
	.user .author p, .userData p{
		margin-bottom:0;
		padding-right: 10px;
	}
	.contentFlowTop .userData p.location {
		display:inline;
	}
	.postWrp .rank {
		line-height:30px;
	}
	.user .author p, .userData .rank {
		font-size:14px;
	}
	.user .col-40{padding-right:10px}
	p.user {font-size:14px; font-weight: 700}

	.tabUserFlow .category{text-align:center;width:20px}
	.tabUserFlow .category i {
			color: #777;
			font-size: 14px;
			line-height: 19px
		}
		.tabUserFlow .category i.icon-chevron-down{cursor:pointer}

	.post .user_info {
		position: absolute;
		right: 22px;
		top: 20px;
	}

  .user_info .category {
		text-align:center;
	}
  .user_info .category > i {
    font-size:14px;
  }

	.content {
		border-top: 1px solid #e7e7e9;
		padding-top: 8px;
	}
		.user.change .content {border:none}

		.user.change img {
			max-width: 100%;
		}

	.postWrp.user.change > .content {
		border-top: none;
	}
		.postWrp.user.change .col-30 img{max-width:100%}

	.preview {
		position:relative;
		display: block;
		background:#f3f3f3;
		text-align:center;
	}
		.preview img {
			max-width: 100%;
			max-height: 450px;
			height: auto;
		}
		.playWrp{
			position:absolute;top:50%;left:50%;
			margin:-20px 0 0 -20px;
			border:2px solid #fff;
			border-radius:30px;
			display:block;
			width:40px;height:40px;
			text-align:center;
			line-height:42px;
			-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
       		box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
		}
		.playWrp i{
			color: #fff;
			font-size: 20px;
			padding-left: 4px;
			display: block;
			margin-top: 8px;
			text-shadow: -1px 0 rgba(0, 0, 0, 0.3), 0 1px rgba(0, 0, 0, 0.3), 1px 0 black, 0 -1px rgba(0, 0, 0, 0.3)
		}
		.preview:hover .playWrp{border-color:#c9cce4}
		.preview:hover i{color:#c9cce4}

/*old buzz teaser buttons
	#contentFlow .stats {
		padding: 15px 0 25px;
	}
	.stats .butt{float:left}
	end old*/

	#contentFlow .stat {
	  padding: 25px 0 0
	}
	  #contentFlow .stat .butt{margin-left: 0}
	  #contentFlow .stat li{
	  	display:inline-block;
	  	margin: 0 10px;
	  	font-size:12px
	  }
	  #contentFlow .stat i{
	  	display: inline-block;
	  	font-size:18px;
	  	padding-right:5px;
	  	vertical-align:middle;
	  }
	  #contentFlow .icon-comments{font-size:20px}
	  .stat .buzzed i{color:#33abdf}
	  .open {cursor: pointer}
	  .open:hover .stat .butt:first-child{background:#83C7E4;color:#fff}
		.stat li:not(:first-child) {background:transparent}
		.open:hover .stat li.butt:hover{background:#33abdf;color:#fff}


	.stat .butt{
		padding: 8px 12px;
	}

.post > .user > .buzzIco{float:left; margin: 20px 10px 0 0; }

.avatar{
	width:100%;
	height:auto;
	background-size:contain;
}
.buzzBtnWrp .avatar.face > img {
	height: 32px;
}
.post .subscribeButtWrp{margin-top:30px}

figure.galleryImageVideo {
	width: 100%;
	margin-right: 0;
	height: auto;
	line-height: 66px;
	float: none;
	margin-top: 3px;
}

figure.galleryImageVideo a{
	float:left;
	border-top:none;
	margin: 0;
	height: 74px;
	width: 25%;
	border-color:#E7E7E9;

}

figure.galleryImageVideo a:hover{
	border-color:#E7E7E9;
	opacity: .8;
}

.galleryImageVideo a:nth-child(2){
	border-left:0;
	border-right: 0;
}

.galleryImageVideo a:nth-child(3){
	border-right: 0;
}

.galleryImageVideo a img{
	width: 100%;
}

figure.galleryImage {
	width: 100%;
	height: 250px;
	margin: 0 0 10px;
}
.galleryImage a{
	width: 100%;
	border:none;
	margin-right: 0;
}
.galleryImage a:first-child, .galleryImage a:first-child img {
	width: auto;
	max-height: 250px;
	max-width: none;
	height: 100%;
}
.galleryImage a:nth-child(2){
	position: absolute;
	top: 10px;
	width: auto;
	height: 74px;
	right: 10px;
	border: 1px solid #E7E7E9;
}
.galleryImage a:nth-child(3){
	position: absolute;
	top: 88px;
	width: auto;
	height: 74px;
	right: 10px;
	border: 1px solid #E7E7E9;

}
.galleryImage a:nth-child(4){
	position: absolute;
	bottom: 5px;
	width: auto;
	height: 74px;
	right: 10px;
	border: 1px solid #E7E7E9;
}
.galleryImage a:nth-child(2) img, .galleryImage a:nth-child(3) img,  .galleryImage a:nth-child(4) img{
	width: auto;
	height: 74px;
}

/* social invite box */
.socialInvite p.user {
	font-size: 22px;
}

.fbUser {
	float: left;
	width: 55%;
	text-align: center;
	position: relative;
	top: 60px;
}

.faAvatar {
	float: right;
	width: 45%;
}

.fbUser .fbphoto {
	text-align: center;
	position: relative;
}

.fbUser .fbphoto img {
	height: 100px;
	margin-left: 10px;
}

.fbUser .fbphoto:after {
	content: "\f09a";
	font-family: FontAwesome;
	background-color: #4C66A4;
	color: #fff;
	padding: 5px 10px;
	font-size: 20px;
	border-radius: 2px;
	position: relative;
	bottom: -52px;
	right: 15px;
}

.fbUser .fbName {
	font-size: 20px;
	color: #858585;
	margin-top: 20px;
}

.faAvatar:before {
	content: "\f105";
	font-family: FontAwesome;
	color: #4C66A4;
	font-size: 100px;
	position: relative;
	line-height: 250px;
}
.faAvatar {
	background: url(../../images/avatars/boyBase.jpg) no-repeat center;
	background-size: contain;
	height: 250px;
	margin-bottom: 20px
}
	/*.faAvatar.f{
		background-image: url(../../images/avatars/girlBase.jpg);
	}*/

.socialInvite .invite {
	width: 100%;
	padding: 0 10px;
	text-align: center;
	background: #4C66A4;
	font-size: 24px;
	line-height: 40px;
	border-radius: 3px;
	cursor: pointer;
	border-bottom: 1px solid #23386e;
	height: 40px;
}
	.socialInvite .invite a{color:#fff}

.socialInvite .invite:hover {
	top: 1px;
	border-bottom:none;
}


div.no-results-error {
	text-align: center;
	background: #fff; border: 1px solid #e9e9e9;
}
.no-results-error img {
	width: 150px;
	margin-bottom: 30px;
}
.h1error {
	color: #33abdf;
	font-size: 32px;
}

@media all and (max-width:630px){
  #avatarPref.userPrefsIco {
        left: 95px;
        top: 145px;
        display:block
    }

  #resculpt {
        left: 95px;
        top: 30px;
        display:block
    }
}

@media all and (max-width:480px){

	#mbProf .prgrph div {
		font-size: 22px;
	}
	#homeMenuWrp .title {
		text-align:center;
	}
	.title > span {
		float: none;
		display:inline-block;
	}
	.colNum0{
		padding:0!important;
	}
}