/* ------------------------------- COMMON ------------------------------- */

#user_container {
	width: 100%; padding-top: 50px; position: relative; min-height: 100%; height: 100%;
	-webkit-transition: all 0.8s cubic-bezier(.46,.01,.46,.99);
	-o-transition:all 0.8s cubic-bezier(.46,.01,.46,.99);
	transition: all 0.8s cubic-bezier(.46,.01,.46,.99);
}

@media screen and (max-width: 1000px) {
	#user_container {padding-top: 30px;}
}

/* ------------------------------- FEED ------------------------------- */

#user_feed {width: 100%;}
#user_feed_hidden {display: none;}
.user_feed_column {float: left; position: relative; overflow: hidden;}
.user_feed_item {margin-bottom: 4px; cursor: pointer; position: relative; overflow: hidden; min-height: 0;}
.user_feed_item:before {
	content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100px;
	background: linear-gradient(to top, rgba(12,17,22,0) 0%, rgba(12,17,22,0.1) 100%);
}
.user_feed_photo {width: 100%;}
.user_feed_overlay {
	position: absolute; content: ''; background: #000; top: 0; bottom: 0; left: 0; 
	opacity: 0; filter: alpha(opacity=0); z-index: 2; width: 100%;
	-webkit-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out;
	background: linear-gradient(to top, rgba(12,17,22,0.3) 0%, rgba(12,17,22,0.65) 100%);
}

.user_feed_item_wrap:hover .user_feed_overlay {opacity: 1; filter: alpha(opacity=30);}

/* feed columns */

.user_feed_column.column_2 {width: 50%;}
.user_feed_column.column_2:nth-child(1):before {
	content: ''; position: absolute; top: 0; right: -0px; width: 4px; height: 100%; background: #fff; z-index: 10;
}

.user_feed_column.column_3 {width: 33.333%;}
.user_feed_column.column_3:nth-child(1):before {
	content: ''; position: absolute; top: 0; right: -0px; width: 4px; height: 100%; background: #fff; z-index: 10;
}
.user_feed_column.column_3:nth-child(2):before {
	content: ''; position: absolute; top: 0; right: -0px; width: 4px; height: 100%; background: #fff; z-index: 10;
}

.user_feed_column.column_4 {width: 25%;}
.user_feed_column.column_4:nth-child(1):before {
	content: ''; position: absolute; top: 0; right: -0px; width: 4px; height: 100%; background: #fff; z-index: 10;
}
.user_feed_column.column_4:nth-child(2):before {
	content: ''; position: absolute; top: 0; right: -0px; width: 4px; height: 100%; background: #fff; z-index: 10;
}
.user_feed_column.column_4:nth-child(3):before {
	content: ''; position: absolute; top: 0; right: -0px; width: 4px; height: 100%; background: #fff; z-index: 10;
}

@media screen and (max-width: 720px) {
	.user_feed_item {margin-bottom: 2px;}
	.user_feed_column.column_2:nth-child(1):before {right: 0; width: 2px;}
}

/* cover bubble */

#user_feed_bubble {
	position: absolute; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0); width: 100%; height: 90px; z-index: 5;
	-webkit-transform: translateY(-95px); transform: translateY(-95px);
	-webkit-transition: -webkit-transform 300ms ease-in-out, opacity 300ms ease-in-out;
	-o-transition: -o-transform 300ms ease-in-out, opacity 300ms ease-in-out;
	transition: transform 300ms ease-in-out, opacity 300ms ease-in-out;
}
#user_feed_bubble:before {
	content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 90px;
	background: #000; opacity: 0.35; filter: alpha(opacity=35);
}

.user_feed_item_wrap:hover #user_feed_bubble {
	-webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; filter: alpha(opacity=100);
}
.user_feed_bubble_upload {
	position: absolute; top: 20px; left: 40px; color: #fff; display: block; cursor: pointer; text-decoration: none; z-index: 12;
}
.user_feed_bubble_preview {
	position: absolute; top: 55px; left: 40px; color: #fff; display: block; cursor: pointer; text-decoration: none; z-index: 12;
}

@media screen and (max-width: 720px) {
	#user_feed_bubble {display: none;}
}

/* add photo */

.user_feed_add_icon {
	color: #444; opacity: 1; font-weight: 400; pointer-events: none; font-size: 30px; position: absolute;
	top: 10px; left: 10px; z-index: 7;
	-webkit-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;
}
.user_feed_add:hover .user_feed_add_icon {color: #3c78b1;}
.user_feed_add_overlay {
	position: absolute; top: -65px; left: -65px; width: 128px; height: 128px; background-color: #fff; border: 0 solid #fff;
	z-index: 5; transform: rotate(45deg); cursor: pointer; opacity: 1; box-shadow: 0 1px 20px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 720px) {
	.user_feed_add {display: none;}
}

/* controls */

.user_feed_icon {
	opacity: 0; color: rgba(255, 255, 255, 1); position: absolute; padding: 10px; z-index: 15;
	-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
.user_feed_item_wrap:hover .user_feed_icon {opacity: 0.6;}
.user_feed_item_wrap:hover .user_feed_icon:hover {opacity: 1;}

.user_feed_delete {top: 15px; right: 21px; font-size: 14px;}
.user_feed_upload {top: 13px; right: 57px; font-size: 19px;}
.user_feed_up {top: 14px; right: 57px; font-size: 16px;}

/* blank */

.user_blank {width: 100%; min-height: 100%; position: relative;}
.user_blank_stub {background: #f2f2f2; width: 100%; min-height: 100%; padding: 20px 20px; font-size: 14px; position: absolute;}
.user_blank_stub_wrap {height: 100%; width: 100%; background: #fff; min-height: 300px; position: relative;}
.user_blank_wrap {max-width: 1200px; margin: 0 auto;}

.user_blank_item {background: #fff; width: 100%; display: table; padding: 30px; margin-top: 20px;}
.user_blank_item:first-child {margin-top: 0;}
.user_blank_item_photo {display: table-cell; vertical-align: top; min-width: 80px; position: relative; margin: 0 auto;}
.user_blank_item_info {display: table-cell; vertical-align: top; padding: 0 30px; font-family: roboto, sans-serif;}
.user_blank_item_controls {display: table-cell; vertical-align: top; min-width: 150px;}

.user_blank_item_title {font-size: 20px;}
.user_blank_item_text {font-size: 14px; max-width: 700px; line-height: 150%; margin-top: 10px;}
.user_blank_item_note {font-size: 14px; max-width: 700px; line-height: 150%; margin-top: 10px;}
.user_blank_item_btn {
	line-height: 53px; height: 53px; text-align: center; cursor: pointer; background: #336fa8; font-size: 11px;
	width: 100%; color: #fff; text-transform: uppercase; font-weight: 600; letter-spacing: 0.25px; transition: all 0.2s ease-out;
}
.user_blank_item_btn:hover {background-color: #245d93;}
.user_blank_item_btn.complite {background-color: #62b745; cursor: default;}
.user_blank_item_btn.complite_active {background-color: #62b745;}
.user_blank_item_btn.complite_active:hover {background-color: #4C9E30;}

.user_blank_item_photo_email {font-size: 55px; position: absolute; top: 0; left: 15px; opacity: 0.3;}
.user_blank_item_photo_cover {font-size: 55px; position: absolute; top: 0; left: 15px; opacity: 0.3;}
.user_blank_item_photo_gallery {font-size: 55px; position: absolute; top: 3px; left: 15px; opacity: 0.3;}

.user_blank_note {max-width: 420px; text-align: center; color: #929eb0; line-height: 22px; padding: 60px 30px 0 30px; margin: 0 auto;}
.user_blank_note_icon {max-width: 80px;}
.user_blank_note_text {margin: 25px 0;}

@media screen and (max-width: 640px) {
	.user_blank_item {display: block;}
	.user_blank_item_photo {display: block; width: 100%; height: 80px; text-align: center;}
	.user_blank_item_info {display: block; padding: 0; text-align: center;}
	.user_blank_item_controls {display: block; width: 100%; margin-top: 30px;}
	.user_blank_item_photo_email {position: relative; top: 0; left: 0;}
	.user_blank_item_photo_cover {position: relative; top: 0; left: 0}
	.user_blank_item_photo_gallery {position: relative; top: 3px; left: 0;}
}

/* polaroids */

.user_mobile_polaroids_btn {
	display: none; margin: 0 auto 2px auto; line-height: 53px; height: 53px; text-align: center; cursor: pointer; background: #336fa8; font-size: 11px;
	width: 100%; color: #fff; text-transform: uppercase; font-weight: 600; letter-spacing: 0.25px; transition: all 0.2s ease-out;
}

@media screen and (max-width: 720px) {
	.user_mobile_polaroids_btn {display: block;}
}

.user_blank_polaroids {width: 100%; min-height: 100%; position: relative;}
.user_blank_polaroids_stub {background: #f2f2f2; width: 100%; min-height: 100%; padding: 20px 20px; font-size: 14px; position: absolute;}
.user_blank_polaroids_stub_wrap {height: 100%; width: 100%; background: #fff; min-height: 300px; position: relative;}
.user_blank_polaroids_wrap {max-width: 1200px; margin: 0 auto;}
.user_blank_polaroids_note {max-width: 620px; text-align: center; color: #929eb0; line-height: 22px; padding: 60px 30px 90px 30px; margin: 0 auto;}
.user_blank_polaroids_note_text {margin: 25px 0;}
.user_blank_polaroids_btn {
	max-width: 180px; margin: 0 auto; line-height: 53px; height: 53px; text-align: center; cursor: pointer; background: #336fa8; font-size: 11px;
	width: 100%; color: #fff; text-transform: uppercase; font-weight: 600; letter-spacing: 0.25px; transition: all 0.2s ease-out;
}
.user_blank_polaroids_btn:hover {background-color: #245d93;}

/* ------------------------------- APPEARANCE ------------------------------- */

.user_appearance {
	width: 100%; padding: 1px 22px 20px 22px; overflow: hidden; text-transform: lowercase; font-size: 16px; font-weight: 300;
	font-family: roboto, open sans, sans-serif;
}
.user_appearance_wrap {display: table;}
.user_appearance_item {display: table-cell; padding-left: 50px;}
.user_appearance_item:first-child {padding-left: 0;}
.user_appearance_label {padding-top: 8px; font-weight: 400; white-space: nowrap; font-size: 14px;}
.user_appearance_info {white-space: nowrap; font-size: 17px; text-transform: none; font-weight: 400;}

.user_appearance_mobile {
	display: none; width: 100%; padding: 30px 20px; text-transform: lowercase; font-size: 16px; font-weight: 400;
	font-family: roboto, open sans, sans-serif;
}
.user_appearance_mobile_item {width: 100%; display: table; border-bottom: 1px solid #ccc; padding-bottom: 12px; margin-top: 10px;}
.user_appearance_mobile_item:first-child {margin-top: 0;}
.user_appearance_mobile_item:last-child {border-bottom: 0; padding-bottom: 0;}
.user_appearance_mobile_label {display: table-cell; text-align: left; line-height: 25px;}
.user_appearance_mobile_info {display: table-cell; text-align: right; line-height: 25px;}

@media screen and (max-width: 1000px) {
	.user_appearance_item {padding-left: 35px;}
}

@media screen and (max-width: 850px) {
	.user_appearance {font-size: 16px;}
}

@media screen and (max-width: 720px) {
	.user_appearance {display: none;}
	.user_appearance_mobile {display: block;}
}

/* ------------------------------- MOBILE COVER ------------------------------- */

.user_mobile_cover {position: relative; overflow: hidden; background-size: cover; height: 364px; display: none;}
.user_mobile_cover:before {
	content: ''; position: absolute; bottom: 0; left: 0; height: 170px; width: 100%; z-index: 11;
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
}

.user_mobile_cover_wrap {
	position: absolute; right: 20px; bottom: 20px; z-index: 99; text-transform: uppercase; letter-spacing: 0;  color: #fff;
	text-align: right; font-family: roboto, open sans, sans-serif;
}
.user_mobile_cover_name {font-size: 13px; font-weight: 600;}
.user_mobile_cover_title {font-size: 11px; font-weight: 400; opacity: 0.7; padding-top: 10px;}

@media screen and (max-width: 720px) {
	.user_mobile_cover {height: 520px; display: block;}
}

@media screen and (max-width: 560px) {
	.user_mobile_cover {height: 364px;}
}

/* ------------------------------- MOBILE BUTTONS ------------------------------- */

.user_buttons {width: 100%; margin-bottom: 2px; display: none; position: relative;}

.user_btn {
	display: block; text-decoration: none; position: relative; text-transform: uppercase; color: #fff; cursor: pointer; overflow: hidden;
	text-align: right; vertical-align: middle; white-space: nowrap; width: 100%; font-weight: 600; line-height: 75px; height: 75px;
	letter-spacing: 0.3px; background: #336fa8; font-size: 11px; border: 0; transition: all 0.2s ease-out; padding: 0 20px 0 0;
}

.user_btn:hover {background-color: #3c78b1;}

.user_btn_icon {position: absolute; height: 75px; width: auto; left: 0; top: 0; background: #245d93; z-index: 99;}
.user_btn_icon_write {color: #134574; font-size: 17px; line-height: 78px; padding: 0 20px;}
.user_btn_icon_share {color: #134574; font-size: 17px; line-height: 78px; padding: 0 20px;}

.user_btn_text_a {font-size: 13px; font-weight: 400;}
.user_btn_text_b {font-size: 13px; font-weight: 600;}

@media screen and (max-width: 720px) {
	.user_buttons {display: block;}
}