@keyframes grow {
	from {
		width: 15px;
	}
	to {
		width: 100%;
	}
}

@-webkit-keyframes grow {
	from {
		width: 15px;
	}
	to {
		width: 100%;
	}
}

@keyframes growUserInHeader {
	from {
		max-width: 0;
		padding: 0;
	}
	to {
		max-width: 100%;
		padding-right: 15px;
	}
}

@-webkit-keyframes growUserInHeader {
	from {
		max-width: 0;
		padding: 0;
	}
	to {
		max-width: 100%;
		padding-right: 15px;
	}
}

body {
	height: auto !important;
}

body:not(.embedded):not(.noAccess) {
	background-color: #dbe4e9 !important;
	padding-bottom: 0 !important;
}

body.alt {
	background: url("/img/register-background.jpg") repeat fixed 0 0 transparent;
}

body {
	-ms-overflow-style: scrollbar;
}

.embedded img.frame,
.embedded img.frame[ng-click] {
	cursor: pointer;
}

.nav,
.pagination,
.carousel,
.panel-title a,
a[ng-click],
[ng-click]:not(.modal) {
	cursor: pointer;
}

a {
	color: #25aae1;
}

a:hover,
a:focus {
	outline: 0 none;
}

button[disabled],
html input[disabled] {
	cursor: not-allowed;
}

.btn.close,
.cropButton,
.imgInput:after,
.followUser > img,
.imageSources > i,
.wrapInput #suggestedText,
.instagramSearchModal .okBtn,
.whichitOptions .editButtons i,
.imgInput.isFrameSelected_true .deleteFrame {
	-webkit-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}

.profileTopGradient {
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0) 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.40)), color-stop(100%, rgba(0, 0, 0, 0)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0) 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0) 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0) 100%);
	/* W3C */
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
	/* IE6-9 */
	position: absolute;
	height: 25%;
	left: 5px;
	right: 5px;
	top: 0;
	padding: 5px;
	z-index: 2;
}

.profileBottomGradient {
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.90) 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.90)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.90) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.90) 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.90) 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.90) 100%);
	/* W3C */
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
	/* IE6-9 */
	position: absolute;
	height: 66%;
	left: 5px;
	right: 5px;
	bottom: 0;
	padding: 5px;
	z-index: 2;
}

.whGridUserName {
	color: #999999;
	font-weight: normal;
}

.shareButton {
	margin-top: -3%;
}

.shareButtonEmbeded {
	margin-top: 10%;
}

.mouse_in_true {
	background-color: #25aae1;
}

.mouse_in_false {
	background-color: #25aae1;
}

.userImageProfile {
	padding: 1px!important;
}

#coverArea {
	font-size: 110%;
	position: relative;
	width: 100%;
	overflow: hidden
}

.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.navbarUserName {
	height: 100%;
	position: absolute;
	width: 100%;
	text-align: center;
	top: 20%;
	right: 0px;
	left: 20%;
	bottom: 0px;
	color: #ffffff;
}

.navbarText {
	color: #ffffff;
	float: left;
	height: 70px;
	line-height: 68px;
	padding-right: 15px;
}

.righted {
	vertical-align: middle;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: right !important;
}

.userDetailsSeperator {
	float: right;
	position: relative;
	display: block;
	top: 4px;
	height: 26px;
	border: 1px solid rgba(255, 255, 255, 1);
}

.coverImagePopover {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.userPopover {
	-webkit-box-shadow: 0px 0px 9px 4px rgba(50, 50, 50, 0.3);
	-moz-box-shadow: 0px 0px 9px 4px rgba(50, 50, 50, 0.3);
	box-shadow: 0px 0px 9px 4px rgba(50, 50, 50, 0.3);
	border: 1px solid rgba(0, 0, 0, 0.5);
	width: 250px;
	background-color: #ffffff;
	border-radius: 5px;
}

.userPopoverStats {
	color: #ffffff;
	font-size: 90%;
	font-weight: 300;
	background-color: #515151;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	margin-left: 2px;
	padding-left: 0px;
	width: 250px;
	top: 90px;
	border-top: 1px solid #2d5261;
}

.userHeaderStats {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
	bottom: 0;
	color: #ffffff;
	font-weight: 200;
	left: 0;
	position: absolute;
	right: 0;
	z-index: 3;
}

.userHeaderStats > div a {
	color: #FFF;
}

.userHeaderSeperator {
	top: 10%;
	height: 80%;
	border-right: 2px solid rgba(255, 255, 255, 0.5);
	position: absolute;
	right: 0;
}

.WhichitFullPageWrapper {
	padding: 0px;
	margin: 8px;
	background-color: #ffffff;
	border-radius: 5px;
}

.shareOptionButton {
	border-radius: 50%;
	background-color: rgba(255, 255, 255, .8);
}

.shareOptionButton:hover {
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 1);
}

.bottomBarItem,
.bottomBarItemShare {
	z-index: 60;
	display: block;
	float: left;
	margin-right: 14px;
	margin-bottom: 12px;
	position: relative;
}

.bottomBarItem:hover {
	transform: scale(1.1);
}

.bottomBarItemText {
	color: #a6a6a6;
	margin-left: 2px;
	line-height: 12px;
	vertical-align: bottom;
}

.bottomBarItemShare .dropdown-menu {
	top: 100%;
	margin-right: -20px;
}

.bottomBarItemShare .dropdown-menu:before {
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ffffff;
	border-style: solid;
	border-width: 0 5px 5px;
	content: "";
	height: 0;
	position: absolute;
	right: 15%;
	top: -5px;
	width: 0;
}

.searchUserFullName,
.tagDescription {
	color: #515151;
	margin-top: 7px;
}

.searchUserFullName:hover,
.tagDescription:hover {
	color: rgba(84, 84, 84, 0.7);
}

.searchUserFullName {
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.searchUserName {
	color: #b4b4b4;
}

.searchUserName:hover {
	color: rgba(180, 180, 180, 0.7);
}

#userListLinks,
.feedTypeSelection {
	background: none repeat scroll 0 0 #4accfa;
	overflow: hidden;
	position: relative;
	text-align: center;
}

#userListLinks.noHash,
.feedTypeSelection.noHash {
	padding-bottom: 10px;
	padding-top: 10px;
}

.feedTypeSelection > div {
	display: inline-block;
	padding: 0 25px;
}

.whichitGridHeader {
	display: block;
	margin: 0px;
	padding: 0px;
	visibility: collapse;
}

.whichitGridWrapper:hover .whichitViewGrid {
	/*    background-color: #ffffff;*/
	visibility: visible;
	display: block;
}

.whichitGridWrapper:hover .whichitGridHeader {
	background-color: #ffffff;
	visibility: visible;
}

.whichitGridWrapper,
#whichitBlock {
	margin: 0px 10px;
	background-color: #ffffff;
	border: 1px solid #b4b4b4;
	border-radius: 5px;
	display: block;
	margin-bottom: 6%;
	position: relative;
	visibility: visible;
	-webkit-transition: height 0.3s ease-in-out;
	-moz-transition: height 0.3s ease-in-out;
	-o-transition: height 0.3s ease-in-out;
	-ms-transition: height 0.3s ease-in-out;
	transition: height 0.3s ease-in-out;
}

.whichitGridWrapper:hover {
	-webkit-transition: height 0.5s ease-in-out;
	-moz-transition: height 0.5s ease-in-out;
	-o-transition: height 0.5s ease-in-out;
	-ms-transition: height 0.5s ease-in-out;
	transition: height 0.5s ease-in-out;
	visibility: visible;
	background-color: #ffffff;
}

.whichitGridWrapper > .row {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
	border-radius: 5px 5px 0 0;
	left: 0;
	margin-left: 0;
	margin-right: 0;
	max-height: 90px;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 85;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.whichitGridWrapper > .row:hover {
	max-height: 100%;
	padding-bottom: 10px;
}

.whichitGridWrapper > .row:hover .whichitGridCaption {}

#imageGrid {
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
}

#whichitBlock #topWhichit {
	margin-left: 0;
	margin-right: 0;
	width: 100%;
}

#whichitBlock #topWhichit .userRowFull {
	margin-top: 10px;
}

#deletedWhichitMessage {
	display: none;
	color: #0f75bc;
}

.profilePicture .loadingContent {
	background: url("/img/avatar.svg") no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0);
	display: block;
	padding-bottom: 100%;
	width: 100%;
}

.profilePicture .navbarUserImage {
	opacity: 1;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.profilePicture .loadingContent img.navbarUserImage {
	opacity: 0;
}

#topWhichit .userImgContainer.loadingContent {
	background: url("/img/avatar.svg") no-repeat scroll 5px 10px / 90% auto rgba(0, 0, 0, 0);
	display: block;
}

#topWhichit .userImgContainer img#userImage {
	opacity: 1;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

#topWhichit .userImgContainer.loadingContent img#userImage {
	opacity: 0;
}

.navbar {
	min-height: 20px!important;
}

.navbar-inner {
	background-color: #25aae1;
	/* fallback color, place your own */
}

.bar {
	background-color: rgba(37, 170, 225, 1);
}

.exploreGridSwitch a {
	background-color: #b4b4b4;
	cursor: pointer;
	display: inline-block;
	height: 30px;
	text-decoration: none !important;
	width: 30px;
}

.exploreGridSwitch a:hover {
	background-color: #848484;
}

.exploreGridSwitch a.active {
	background-color: #515151;
}

.exploreGridSwitch a.list-icon {
	background-image: url("/img/feed_view_list.svg");
	background-size: 100%;
}

.exploreGridSwitch a.grid-icon {
	background-image: url("/img/feed_view_grid.svg");
	background-size: 100%;
}

.whichitGridCaption {
	font-size: 13px;
	line-height: 16px;
}

#tagsSpan {
	color: #25aae1;
}

#getMore {
	color: white;
}

.tooltip-inner {
	background-color: transparent;
	width: 300px;
}

#hiddenUserDetails {
	width: 300px;
	background-color: rgb(81, 81, 81);
	border: 1px solid #b4b4b4;
}

.htmlSnippet {
	word-wrap: break-word;
	overflow: hidden;
	text-overflow: clip;
	padding: 4px;
	width: 80%;
	margin-left: 10%;
	font-size: 12px;
	margin-bottom: 10px;
	border-radius: 6px;
	padding-bottom: 15px;
	background-color: rgba(255, 255, 255, 0.8);
	color: #9d9d9d;
}

.codeContainer {
	position: relative;
}


/*
.codeContainer pre.htmlSnippet {
    padding: 4px;
    width: 80%;
    margin-left: 10%;
    margin-bottom: 10px;
    border-radius: 6px;
    background-color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
    color: #9d9d9d;
    overflow: hidden;
}
*/

.codeContainer #copy-button {
	background-color: #b4b4b4;
	border: medium none;
	border-radius: 6px 0;
	bottom: 0;
	color: #ffffff;
	font-size: 11px;
	height: 20px;
	position: absolute;
	right: 10%;
}

.codeContainer #copy-button > div {
	position: absolute;
	height: 20px;
	left: 0;
	right: 0;
	width: 55px;
	background-color: #000;
	border-radius: 6px;
	top: -25px;
	color: #FFF;
	line-height: 20px;
	opacity: 0;
	margin: 0 auto;
	-webkit-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}

.codeContainer #copy-button > div:before {
	content: '';
	width: 0;
	position: absolute;
	height: 0;
	border-style: solid;
	bottom: -5px;
	margin: 0 auto;
	left: 0;
	right: 0;
	border-width: 5px 5px 0 5px;
	border-color: #000000 transparent transparent transparent;
}

.codeContainer #copy-button:focus {
	outline: none;
}

.container {
	padding: 0px !important;
	width: 100%;
	margin: 0px !important;
}

.whFullName {
	color: #515151;
	font-weight: 600;
}

.whUserName {
	color: #999999;
	font-weight: normal;
}

.whCaption {
	word-wrap: break-word;
}

.location_row {
	margin-top: 4px;
	padding: 0px;
}

#location {
	visibility: hidden;
	padding-right: 0px;
}

#locationName {
	text-align: left;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-weight: 300;
	color: #b4b4b4;
}

.commentUserName {
	white-space: pre-wrap;
	/* css-3 */
	white-space: -moz-pre-wrap;
	/* Mozilla, since 1999 */
	white-space: -pre-wrap;
	/* Opera 4-6 */
	white-space: -o-pre-wrap;
	/* Opera 7 */
	font-size: 16px;
	white-space: pre-wrap;
}

a {
	/*    color: #25aae1;*/
}

ul {
	list-style: none;
	padding: 0px;
}

ul li {
	margin-top: 8px;
	margin-bottom: 8px;
}

.tags {
	color: #25aae1;
}

#whSeperator {
	height: 2px;
	background: #b4b4b4;
	border-bottom: 2px solid #b4b4b4;
}

.animate-enter {
	-webkit-animation: enter 600ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	animation: enter 600ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	display: block;
	position: relative;
}

@-webkit-keyframes enter {
	from {
		opacity: 0;
		height: 0px;
		bottom: -70px;
	}
	75% {
		bottom: 15px;
	}
	to {
		opacity: 1;
		height: 30px;
		bottom: 0px;
	}
}

@keyframes enter {
	from {
		opacity: 0;
		height: 0px;
		bottom: -70px;
	}
	75% {
		bottom: 15px;
	}
	to {
		opacity: 1;
		height: 30px;
		bottom: 0px;
	}
}

@-webkit-keyframes bigTada {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		background-color: rgba(0, 0, 0, 0);
	}
	10%,
	20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
	}
	30%,
	70%,
	90% {
		-webkit-transform: scale3d(1.5, 1.5, 1.5) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.5, 1.5, 1.5) rotate3d(0, 0, 1, 3deg);
	}
	50% {
		-webkit-transform: scale3d(1.25, 1.25, 1.25) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.25, 1.25, 1.25) rotate3d(0, 0, 1, 3deg);
		background-color: #25aae1;
	}
	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1.5, 1.5, 1.5) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.5, 1.5, 1.5) rotate3d(0, 0, 1, -3deg);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		background-color: rgba(0, 0, 0, 0);
	}
}

@keyframes bigTada {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		background-color: rgba(0, 0, 0, 0);
	}
	10%,
	20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
	}
	30%,
	70%,
	90% {
		-webkit-transform: scale3d(1.25, 1.25, 1.25) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.25, 1.25, 1.25) rotate3d(0, 0, 1, 3deg);
	}
	50% {
		-webkit-transform: scale3d(1.25, 1.25, 1.25) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.25, 1.25, 1.25) rotate3d(0, 0, 1, 3deg);
		background-color: #25aae1;
	}
	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1.25, 1.25, 1.25) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.25, 1.25, 1.25) rotate3d(0, 0, 1, -3deg);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		background-color: rgba(0, 0, 0, 0);
	}
}

@-webkit-keyframes shake {
	0%,
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}
	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	}
}

@keyframes shake {
	0%,
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}
	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	}
}

@-webkit-keyframes changeColour {
	0% {
		color: #e51b24;
	}
	100% {
		color: #FFF;
	}
}

@keyframes changeColour {
	0% {
		color: #e51b24;
	}
	100% {
		color: #FFF;
	}
}

.animate-leave {
	-webkit-animation: leave 600ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	animation: leave 600ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	display: block;
	position: relative;
}

@-webkit-keyframes leave {
	to {
		opacity: 0;
		height: 0px;
		bottom: -70px;
	}
	25% {
		bottom: 15px;
	}
	from {
		opacity: 1;
		height: 30px;
		bottom: 0px;
	}
}

@keyframes leave {
	to {
		opacity: 0;
		height: 0px;
		bottom: -70px;
	}
	25% {
		bottom: 15px;
	}
	from {
		opacity: 1;
		height: 30px;
		bottom: 0px;
	}
}

.commentsSeperator {
	background: none repeat scroll 0 0 #b4b4b4;
	border-bottom: 1px solid #b4b4b4;
	margin: 0 5px;
}

.commentSeperator {
	margin-top: 6px;
	margin-bottom: 4px;
	border-bottom: 1px solid #b4b4b4;
}

.userImage {
	margin: 2px;
	border: 1px solid #e1e1e1;
}

.whichit_bottom_bar {
	background-color: #ffffff;
}

.whichit_bottom_list {
	border-bottom: 1px solid rgba(180, 180, 180, 0.4);
}

#bottom_bar {
	border-top: 1px solid rgba(180, 180, 180, 0.3);
}

#bottom_bar.single_,
#bottom_bar.single_ #bottom_bar {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

#bottom_bar #bottom_bar {
	border-top: medium none;
}

.loginModal,
.loginModal,
.whichitGridHeader {
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-top-left-radius: 10px;
	-moz-border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	-moz-border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.whichitRoundedBottom {
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	-moz-border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.logo_top {
	margin-top: 0px;
}

.store_button {
	margin-top: 8px;
}

td {
	margin: 0px;
	padding: 0px;
}

.cell_wrapper {
	margin: 4px;
	overflow: hidden;
	padding: 0px;
	position: relative;
}

#getMoreText {
	color: white;
}

.img-thumbnail .img-thumbnail.selected {
	background-color: transparent;
	padding: 0px;
}

.img-thumbnail.selected {
	background-color: transparent;
}

.img-thumbnail {}

#userImage {
	padding: 0px;
	background: #e2e2e2 !important;
	margin-top: 10px;
	margin-bottom: 10px;
}

.nav-tabs>li.active>a {
	background-color: rgba(255, 255, 255, 0.3);
}

.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
	background-color: rgba(255, 255, 255, 0.5);
}

div.selected {
	visibility: visible;
}

.commentProfile {
	margin-right: 2px;
}

.loginModal {
	background-color: rgba(200, 200, 200, 0.8);
}

.dropdown-menu-whichit-isMobile-true {
	left: -200%;
	/*    right: 100%!important;*/
}

.dropdown-menu {
	padding: 0;
}

.dropdown-menu .divider {
	margin: 0;
	padding: 0;
}

.dropdown-menu li {
	margin: 0;
	padding: 0;
}

.dropdown-menu li a {
	padding: 11px 20px;
}

.dropdown-menu li:first-child a {
	border-radius: 4px 4px 0 0;
}

.dropdown-menu li:last-child a {
	border-radius: 0 0 4px 4px;
}

#user {
	float: right;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.userInfo {
	float: left;
	position: relative;
}

.userInfo .profilePicture {
	float: left;
	height: 54px;
	margin: 8px 10px;
	width: 54px;
}

.userInfo .dropdown-menu {
	left: -6%;
	top: 90%;
	z-index: 2000;
}

.userInfo .dropdown-menu:before {
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ffffff;
	border-style: solid;
	border-width: 0 5px 5px;
	content: "";
	height: 0;
	left: 25%;
	position: absolute;
	top: -5px;
	width: 0;
	z-index: 2000;
}

#trinagle_up {
	background: rgba(37, 170, 225, 0.8) none repeat scroll 0 0;
	height: 60%;
	overflow: hidden;
	opacity: 0;
	position: absolute;
	right: -30%;
	top: -30%;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 60%;
	z-index: 10;
}

#trinagle_up.triangle-up-right-true {
	opacity: 1;
}

.vote-icon svg {
	fill: #ffffff;
	height: 20%;
	opacity: 0.65;
	position: absolute;
	right: 1%;
	stroke: #4e4e4e;
	stroke-miterlimit: 10;
	stroke-width: 1.2;
	top: 3%;
	width: 26%;
	z-index: 11;
}

.vote-icon:hover svg {
	opacity: 1;
}

.vote-icon.voted svg {
	opacity: 1;
}

.corner-bottom-left {
	background: rgba(0, 0, 0, 0.35) none repeat scroll 0 0;
	bottom: -30%;
	height: 60%;
	left: -30%;
	overflow: hidden;
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 60%;
	z-index: 10;
}

.percentage_number {
	bottom: 2%;
	color: #ffffff;
	font-size: 0.9em;
	left: 4%;
	position: absolute;
	z-index: 11;
}

.more_info_left {
	height: 25%;
	left: 1px;
	margin: 2px;
	position: absolute;
	top: 1px;
	width: 25%;
	z-index: 11;
}

.userBackBlur {
	filter: blur(10px);
	-webkit-filter: blur(10px);
	-moz-filter: blur(10px);
	-o-filter: blur(10px);
	-ms-filter: blur(10px);
	filter: url(/img/blur.svg#blur);
	background-size: cover;
	z-index: 1;
	outline: 1px solid transparent;
	width: 100%;
	height: 100%;
	position: absolute;
}

.more_info_left_Embeded {
	width: 25%;
	height: 25%;
}

.more_info_left_full {
	width: 15%;
	height: 15%;
}

.more_info_left_List {
	width: 17%;
	height: 17%;
}

.commentText {
	color: #515151;
	font-size: 14px;
	margin-top: 4px;
	margin-bottom: 4px;
	white-space: pre-wrap;
	/* css-3 */
	white-space: -moz-pre-wrap;
	/* Mozilla, since 1999 */
	white-space: -pre-wrap;
	/* Opera 4-6 */
	white-space: -o-pre-wrap;
	/* Opera 7 */
	word-wrap: break-word;
}

.framesInGrid {
	clear: both;
	padding-top: 90px;
}

#imageGrid {
	margin-left: 1%;
	/*    padding: -4px;*/
	overflow: hidden;
	display: block;
	border-bottom-width: 1px;
	border-bottom-color: #b4b4b4;
}

#userImage {
	border: 1px solid rgba(153, 153, 153, 0.7);
}

#whichitFullViewUserInfo {
	margin-top: 10px;
}

#fullWhichitUserSection .loadingContent,
.commentListViewItem .loadingContent {
	background: url("/img/avatar.svg") repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0);
}

#fullWhichitUserSection #userImage,
.commentListViewItem #userImage {
	opacity: 1;
	-webkit-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}

#fullWhichitUserSection .loadingContent #userImage,
.commentListViewItem .loadingContent #userImage {
	opacity: 0;
}

.searchColumn #userImage {
	margin: 0;
}

.img-thumbnail {
	border: 0 solid rgba(153, 153, 153, 0.7);
	box-shadow: 0 1px 1px 1px rgba(153, 153, 153, 0.7);
	padding: 1px;
}

.useractionbutton,
.hashtagactionbutton {
	padding: 0px;
	margin: 0px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-top-left-radius: 10px;
	-moz-border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	-moz-border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.user_state_0,
.hashtag_state_0 {
	background-color: #1277b7;
}

.user_state_1,
.hashtag_state_1 {
	background-color: #25aae1;
}

.user_state_4 {
	background-color: #f15c22;
}

.embededIconText {
	padding-top: 18%;
}

.question-wrap {
	position: relative;
	height: 40px;
}

.whichitCaption_List {
	font-size: 110%!important;
	background-color: rgba(255, 255, 255, 0.85);
	cursor: pointer;
	max-width: 100%;
	padding: 0 10px;
	position: absolute;
	word-wrap: break-word;
}

.whichitCaption_List:hover {
	z-index: 60;
}

#question_text {
	float: left;
	font-size: 13px;
	word-wrap: break-word;
	color: #515151;
	font-weight: normal;
	word-wrap: break-word;
}

.icon_group {
	height: 100%;
}

.side_data {
	margin: 2px;
}

.iconsLine {
	text-align: center;
	padding-left: 0px;
	font-weight: lighter;
}

.loginTitle {
	color: #515151;
	display: inline-block;
	font-size: 150%;
	font-weight: normal;
	padding-left: 8%;
	text-align: center;
	width: 92%;
}

.shareIcon {
	height: 100%;
	display: inline-block;
}

.iconsText {
	right: 10%;
	position: absolute;
	width: 50%;
	height: 100%;
	font-size: 100%;
	color: #b4b4b4;
	font-weight: normal;
}

.iconsTextGrid {
	padding-top: 8%;
}

.iconsTextList {
	padding-top: 9px;
	padding-right: 30%;
	padding-left: 0%;
}

.iconsTextfull {
	padding-top: 8%;
	padding-right: 30%;
	padding-left: 0%;
}

.commentSection {
	display: none;
	visibility: hidden;
}

.bottomLinks {
	color: #9db7c2 !important;
}

.tagSection {
	display: none;
	visibility: hidden;
}

.frame {
	border: 1px solid rgba(0, 0, 0, .05);
	background-repeat: no-repeat;
	background-position: center;
}

#userProfileHeader .userHeader .coverPhotoWrap .coverPhotoProfilePic img.img-thumbnail,
#userProfileHeader .userHeader .coverPhotoWrap .coverPhotoProfilePic img.img-thumbnail[ng-click] {
	cursor: zoom-in;
}

img {
	width: 100%;
	height: auto;
}

#seeAllCommentsButton {
	background-color: #b4b4b4;
}

#seeAllCommentsButton:hover {
	background-color: #25aae1;
}

.commentImageCol {
	padding-right: 10px;
}

.whichitUserName_List {
	font-size: 110%!important;
}


/*.whichitFullName_List{
	display: none;
}*/

#inputField {
	border-bottom-right-radius: 0;
	border-color: rgba(180, 180, 180, 0.3) transparent transparent!important;
	border-top: 1px solid rgba(180, 180, 180, 0.3) !important;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	box-shadow: none;
	font-size: 110% !important;
	padding-left: 10px;
	padding-right: 10px;
}

.commentListViewItem {}

.commentListViewItem #userImage {
	margin-bottom: 0;
	margin-top: 0;
}

.commentListViewItem a {
	color: #25aae1;
}

.round-button {
	width: 7.5%;
	height: 0;
	padding-bottom: 7%;
	border-radius: 50%;
	border: 1px solid #b4b4b4;
	overflow: hidden;
	background: transparent;
	box-shadow: 0 0 3px gray;
}

.round-button:hover {
	background: #e2e2e2;
}

.round-button img {
	display: block;
	width: 100%;
	padding-top: 12%;
	height: auto;
}


/*
.form-control,
.input-group-lg,
.input-group,
.commentInputBox,
.commentRow {
    padding: 0px;
    margin: 0px;
    -webkit-border-top-right-radius: 0 !important;
    -moz-border-top-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
    -webkit-border-top-left-radius: 0 !important;
    -moz-border-top-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    -webkit-border-bottom-left-radius: 10px !important;
    -moz-border-bottom-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    border-color: transparent;
    border-style: none;
}
*/


/*.input-group-addon,*/

.sendCommentButton {
	display: table-cell;
	-webkit-border-top-right-radius: 0 !important;
	-moz-border-top-right-radius: 0 !important;
	border-top-right-radius: 0 !important;
	-webkit-border-top-left-radius: 0 !important;
	-moz-border-top-left-radius: 0 !important;
	border-top-left-radius: 0 !important;
	-webkit-border-bottom-right-radius: 5px !important;
	-moz-border-bottom-right-radius: 5px !important;
	border-bottom-right-radius: 5px !important;
	height: 50px;
	background-color: #b4b4b4;
}

.fullWhichitCommentInput {
	/*    width: 100%;*/
}

#fullWhichitCommentSection {
	overflow-y: scroll;
	overflow: auto;
	width: 99%;
}

.sendText {
	font-size: 90%;
	color: #ffffff !important;
	text-decoration: none !important;
}

.commentInputBox {
	height: 100%;
	width: 90%;
	font-size: 100%;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.spinner {
	width: 40px;
	height: 40px;
	border: solid transparent;
	border-top-color: #b4b4b4;
	border-width: 2px 0px 0px 0px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-animation: spin 1s infinite linear;
	-moz-animation: spin 1s infinite linear;
	-o-animation: spin 1s infinite linear;
	animation: spin 1s infinite linear;
}

@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(359deg);
	}
}

@-moz-keyframes spin {
	from {
		-moz-transform: rotate(0deg);
	}
	to {
		-moz-transform: rotate(359deg);
	}
}

@-o-keyframes spin {
	from {
		-o-transform: rotate(0deg);
	}
	to {
		-o-transform: rotate(359deg);
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(359deg);
	}
}

#bottomFullWhichit {
	margin-right: -0.5%;
	margin-left: -0.5%;
}

#whichitButtons,
#bottomFullWhichit {
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	-moz-border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.iconsImage {
	text-align: right;
	height: 100%;
	padding-left: 16px;
	padding-right: 2px;
	font-weight: bold;
}

.whichitFullBottom {
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.bottomBoxfull {
	border-right: 1px solid #e2e2e2;
}


/* reset webkit search input browser style */

input {
	margin-right: 10px;
	outline: none;
}

input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display: none;
	/* remove the search and cancel icon */
}


/* search input field */


/*.modal-content {
    background-color: transparent!important;
}*/

.loginModal {
	background-color: rgba(226, 226, 226, 0.8);
}

.loadMoreBGHover_true {
	fill: #25aae1;
}

.loadMoreArrowHover_true {
	fill: rgba(255, 255, 255, 1);
}

.storeButton {
	border-radius: 8%;
}

.socialNetworkButton {
	border-radius: 50%;
}

.storeButton:hover,
.socialNetworkButton:hover {
	background: rgba(255, 255, 255, 0.4);
}

.searchColumn {
	background: none repeat scroll 0 0 #ffffff;
	border: 1px solid #b4b4b4;
	border-radius: 5px;
	margin-top: 20px;
}

.searchSectionHeader {
	border-bottom: 1px solid #515151;
	margin: 0 0 15px;
	padding-bottom: 10px;
	padding-top: 10px;
}

.searchSectionHeader img,
.tabHeading .searchHeaderImg img {
	background: none repeat scroll 0 0 #515151;
	border-radius: 100%;
	padding: 1px;
}

.resultsHeader {
	color: #b4b4b4;
	font-size: 16px;
	padding-bottom: 20px;
}

.searchResultItem {
	border-top: 1px solid #b4b4b4;
	margin: 8px 14px;
	padding-top: 8px;
}

.sectionBorder:after {
	content: '';
	width: 1px;
	height: 100%;
	background: white;
	position: absolute;
	top: 20px;
}

.sectionBorder:before {
	background: none repeat scroll 0 0 #ffffff;
	content: "";
	height: 100%;
	left: -45px;
	position: absolute;
	top: 20px;
	width: 1px;
}

.tagCounter {
	color: #b4b4b4;
	text-align: left;
	padding-top: 6px;
	float: left;
	padding-left: 0px;
}

.tagImage,
.tabSearchColumn .tagImage {
	border: 1px solid transparent;
	border-radius: 5px;
}

.tagImage.status_0,
.tagImage.status_8,
.tabSearchColumn .tagImage.status_0,
.tabSearchColumn .tagImage.status_8 {
	background: none repeat scroll 0 0 #ffffff;
	border-color: #25aae1;
}

.coverPhotoWrap .tagImage.status_0,
.coverPhotoWrap .tagImage.status_8,
.coverPhotoWrap .tabSearchColumn .tagImage.status_0,
.coverPhotoWrap .tabSearchColumn .tagImage.status_8 {
	border-color: #FFF;
}

.tagImage.status_1,
.tabSearchColumn .tagImage.status_1 {
	background: none repeat scroll 0 0 #25aae1;
	border-color: #25aae1;
}

.tagImage.status_4,
.tabSearchColumn .tagImage.status_4 {
	background: none repeat scroll 0 0 #f25c27;
	border-color: #f25c27;
}

.tabHeading {
	display: block;
}

.tabSearchColumn .nav > li > a {
	padding-bottom: 8px;
	padding-top: 8px;
}

.tabSearchColumn .nav > li > a .tabHeading .searchHeaderImg {
	width: 30px;
}

.tabSearchColumn .nav > li > a .tabHeading .searchHeader {
	line-height: 30px;
}

.tabSearchColumn .tab-content {
	background: none #FFF;
	border: 1px solid #b4b4b4;
	border-radius: 0 0 5px 5px;
	border-top: medium none;
}

.tabSearchColumn .tab-content .tab-pane #userImage {
	margin: 0;
}

.tagImage:hover {}

.searchHeaderImg {
	display: inline-block;
	margin-right: 1%;
	vertical-align: top;
	width: 40px;
}

.searchHeader {
	color: #515151;
	display: inline-block;
	font-size: 18px;
	line-height: 40px;
	margin-right: 0;
	text-transform: uppercase;
	vertical-align: top;
}

.feedTypeList,
.feedTypeList li {
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}

.more_info {
	position: absolute;
	z-index: 15;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.65);
	opacity: 1;
	-webkit-transition: background-color 0.3s ease-out;
	transition: background-color 0.3s ease-out;
}

.more_info:hover {
	background-color: rgba(0, 0, 0, 0.9);
}

.more_info div > a {
	border-radius: 100%;
	bottom: 0;
	display: block;
	height: 35%;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	text-decoration: none;
	top: 30%;
	width: 35%;
	z-index: 16;
}

.more_info a:hover {
	text-decoration: none;
}

.more_info div > span {
	bottom: 55%;
	color: #ffffff;
	display: block;
	font-size: 14px;
	left: 0;
	line-height: 18px;
	margin: 0 auto;
	opacity: 1;
	position: absolute;
	right: 0;
	text-align: center;
	width: 80%;
	-webkit-transition: line-height 0.2s ease-out, text-shadow 0.2s ease-out;
	transition: line-height 0.2s ease-out, text-shadow 0.2s ease-out;
}

.more_info div > span.lines_3 {
	line-height: 14px;
}

.more_info div:hover span {
	text-shadow: 1px 1px 1px #dff2fb;
}

.more_info > span > span {
	display: inline;
	left: auto;
	margin: 0;
	right: auto;
	width: auto;
}

.more_info div a svg {
	border-radius: 100%;
	bottom: 0;
	display: block;
	fill: #ffffff;
	height: 100%;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: fill 0.2s ease-out;
	transition: fill 0.2s ease-out;
	width: 100%;
}

.more_info div:hover a svg {
	fill: #dff2fb;
}

.more_info div a svg .backdrop {
	fill: none;
	stroke: #ffffff;
	stroke-miterlimit: 10;
	stroke-width: 1.5;
	-webkit-transition: stroke 0.2s ease-out;
	transition: stroke 0.2s ease-out;
}

.more_info div:hover a svg .backdrop {
	stroke: #dff2fb;
}

.moreInfoButtonSVG:hover {
	fill: #ffffff;
}

.moreInfoButtonGrid,
.moreInfoButtonEmbeded {
	display: block;
	height: 100%;
	overflow: visible;
	width: 100%;
}

.moreInfoLinkButton {
	height: 30%;
	width: 30%;
	margin-left: 35%;
	margin-top: 35%;
}

.moreInfoLinkButton:hover {
	background-color: rgba(37, 170, 225, 0.75);
}

.moreInfoType3 {
	border-radius: 10%;
}

.moreInfoType0,
.moreInfoType1,
.moreInfoType2 {
	border-radius: 50%;
}

.gridItemRepeated.ng-enter,
.gridItemRepeated.ng-move {
	-webkit-transition: 0.5s linear all;
	-moz-transition: 0.5s linear all;
	-o-transition: 0.5s linear all;
	transition: 0.5s linear all;
	opacity: 0;
}

.gridItemRepeated.ng-enter.ng-enter-active,
.gridItemRepeated.ng-move.ng-move-active {
	opacity: 1;
}


/*We're using CSS keyframe animations for when the leave event is triggered for the element that has the .repeated-item class*/

.gridItemRepeated.ng-leave {
	-webkit-animation: 0.5s my_animation;
	-moz-animation: 0.5s my_animation;
	-o-animation: 0.5s my_animation;
	animation: 0.5s my_animation;
}

@keyframes my_animation {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}


/*
  Unfortunately each browser vendor requires
  its own definition of keyframe animation code...
*/

@-webkit-keyframes my_animation {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

@-moz-keyframes my_animation {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

@-o-keyframes my_animation {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

.loginTextField {
	padding-left: 5px;
	border-radius: 6px !important;
}

.loginTextField:focus {}

.fullWidthButton {
	border-radius: 6px !important;
	width: 100%;
}

#facebookButton {
	background-color: #415e9b;
}

#facebookButton:hover,
#facebookLogo {
	background-color: #4866a2;
}

#facebookLogo {
	border-radius: 6px 0 0 6px;
}

.socialLoginLogo#facebookLogo,
#register.fullWidthButton div#emailLogo {
	float: left;
	width: 45px;
}

#register.fullWidthButton div#emailLogo {
	border-right: 1px solid rgba(255, 255, 255, 0.4);
}

#loginButton:hover {
	background-color: #1f9ecd;
}

.errorMessage {
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-size: 120%;
	font-weight: bold;
	color: rgb(240, 50, 50);
}

#register,
#loginButton,
#openLogin {
	padding-bottom: 4%;
	padding-top: 4%;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 300;
	color: #ffffff;
	margin-top: 4%;
	font-size: 110%;
	text-align: center;
	display: inline-block;
	width: 100%;
}

#register {
	padding-bottom: 0;
	padding-top: 0;
}

#loginButton {
	background-color: #25aae1;
}

#openLogin,
#register {
	background-color: #818181;
	line-height: 45px;
	padding: 0;
}

#openLogin:hover,
#register:hover {
	background-color: #a1a1a1;
}

.socialLoginText {
	color: #ffffff;
	display: block;
	font-size: 110%;
	line-height: 45px;
	text-align: center;
}

#register.fullWidthButton div.mailLoginText {
	color: #ffffff;
	display: block;
	line-height: 45px;
	text-align: center;
}

.socialLoginLogo {
	float: left;
}

.modal-header-no-border {
	border: 0px;
}

.modal-seperator {
	width: 90%;
	margin-left: 5%;
	height: 1px;
	background-color: #515151
}

.loginModalStoreButton {
	margin: 1%;
	background-color: #818181;
	border-radius: 5px;
	width: 48%;
	display: inline-block;
}

.loginPageStoreButton {
	margin: 1%;
	border-radius: 5px;
	border: 1px solid #ffffff;
	width: 48%;
	display: inline-block;
}

.loginPageStoreButton:hover {
	background-color: #25aae1;
}

.loginModalStoreButton:hover {
	background-color: #3e3e3e;
}

.loading {
	/*    border-bottom: 2px solid rgba(0, 0, 0, 0);*/
	border-bottom: 2px solid #25aae1;
	border-left: 2px solid rgba(0, 0, 0, 0);
	border-right: 2px solid rgba(0, 0, 0, 0);
	border-top: 2px solid #25aae1;
	border-radius: 100%;
	z-index: 3;
	background-color: rgba(255, 255, 255, .25);
	height: 100%;
	width: 100%;
	-webkit-animation: spin 1s infinite linear;
	-moz-animation: spin 1s infinite linear;
	-ms-animation: spin 1s infinite linear;
	-o-animation: spin 1s infinite linear;
	animation: spin 1s infinite linear;
}


/*.loadingBack {
    border-bottom: 2px solid #25aae1;
    border-left: 2px solid rgba(0, 0, 0, 0);
    border-right: 2px solid rgba(0, 0, 0, 0);
    border-top: 2px solid #25aae1;
    border-radius: 100%;
    z-index: 1;
    height: 100%;
    width: 100%;
    -webkit-animation: spinBack 1.75s infinite linear;
    -moz-animation: spinBack 1.75s infinite linear;
    -ms-animation: spinBack 1.75s infinite linear;
    -o-animation: spinBack 1.75s infinite linear;
    animation: spinBack 1.75s infinite linear;
}*/

@keyframes "spin" {
	from {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(359deg);
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		-ms-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

@-moz-keyframes spin {
	from {
		-moz-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-moz-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

@-webkit-keyframes "spin" {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

@-ms-keyframes "spin" {
	from {
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

@-o-keyframes "spin" {
	from {
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-o-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

//////
@keyframes "spinBack" {
	from {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(-359deg);
		-moz-transform: rotate(-359deg);
		-o-transform: rotate(-359deg);
		-ms-transform: rotate(-359deg);
		transform: rotate(-359deg);
	}
}

@-moz-keyframes spinBack {
	from {
		-moz-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-moz-transform: rotate(-359deg);
		transform: rotate(-359deg);
	}
}

@-webkit-keyframes "spinBack" {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(-359deg);
		transform: rotate(-359deg);
	}
}

@-ms-keyframes "spinBack" {
	from {
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(-359deg);
		transform: rotate(-359deg);
	}
}

@-o-keyframes "spinBack" {
	from {
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-o-transform: rotate(-359deg);
		transform: rotate(-359deg);
	}
}

.carousel {
	background-color: #FFF;
}

.carousel .carousel-control {
	background: none;
	opacity: 1;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	-webkit-transition: text-shadow 0.2s ease-out;
	transition: text-shadow 0.2s ease-out;
}

.carousel .carousel-control:before {
	background-repeat: repeat-x;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	-webkit-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
	width: 100%;
	z-index: 0;
}

.carousel .carousel-control.left:before {
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.36) 0px, rgba(0, 0, 0, 0) 100%);
}

.carousel .carousel-control.right:before {
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.36) 100%);
}

.carousel .carousel-control.left:hover,
.carousel .carousel-control.left:focus,
.carousel .carousel-control.right:hover,
.carousel .carousel-control.right:focus {
	text-shadow: none;
}

.carousel .carousel-control.left:hover:before,
.carousel .carousel-control.left:focus:before,
.carousel .carousel-control.right:hover:before,
.carousel .carousel-control.right:focus:before {
	opacity: 1;
}

.exploreGridSwitch.ui-scrollfix {
	position: fixed;
	top: 100px;
	left: 20px;
}

.modal-backdrop.in {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.loaderImage {
	filter: url(shadow.svg#drop-shadow);
	display: inline-block;
	height: 60%;
	width: 60%;
	position: absolute;
	top: 20%;
	left: 20%;
	background-color: rgba(37, 170, 225, 0.2);
}

.loadMore {
	text-align: center;
	height: 40px;
	color: #ffffff;
	padding: 5px;
	padding-top: 8px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 110%;
	background: #25aae1;
	border-radius: 6px;
}

.loadMore:hover {
	background: #028bc4;
}

.loadMore.ng-hide-add.ng-hide-add-active,
.loadMore.ng-hide-remove.ng-hide-remove-active {
	-webkit-transition: all linear 0.5s;
	transition: all linear 0.5s;
}

.loadMore.ng-hide {
	line-height: 0;
	opacity: 0;
	padding: 0 10px;
}

.logoNavBar {
	border-radius: 100%;
}

.logoNavBar:hover {
	-moz-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.18);
	;
	-webkit-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.18);
	;
	box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.18);
	;
}

#commentSendButton:hover,
#commentSendButton.active {
	background-color: #25aae1;
}

.feedTypeItem {
	color: rgba(255, 255, 255, 0.6);
	display: block;
	outline: medium none;
	text-align: center;
	text-decoration: none;
	transition: all 0.3s ease 0s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.feedTypeItem > svg {
	display: inline-block;
	fill: rgba(255, 255, 255, 0.6);
	height: 30px;
	width: 30px;
	vertical-align: top;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.feedTypeItem > svg.svg_stroke {
	stroke: rgba(255, 255, 255, 0.6);
}

.feedTypeItem > h5 {
	display: inline-block;
	font-size: 18px;
	font-weight: normal;
	height: 20px;
	line-height: 20px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-top: 5px;
	text-transform: uppercase;
	vertical-align: top;
}

.feedTypeItem:active {
	outline: medium none;
}

.feedTypeItem:hover {
	text-decoration: none;
	color: rgba(255, 255, 255, 0.8);
}

.feedTypeItem:hover > svg {
	fill: rgba(255, 255, 255, 0.8);
}

.feedTypeItem:hover > svg.svg_stroke {
	stroke: rgba(255, 255, 255, 0.8);
}

.active .feedTypeItem {
	color: #FFF;
}

.active .feedTypeItem > svg {
	fill: #FFF;
}

.active .feedTypeItem > svg.svg_stroke {
	stroke: #FFF;
}

.exploreFeedTypes {
	position: static;
}

#framePreview {
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

#altImageProfile {
	padding: 0px;
	margin-top: 10px;
}

#exploreHeader {
	float: left;
	position: relative;
	text-align: center;
	width: 100%;
}

.tagHeaderExplore {
	color: #ffffff;
}

#cancelTagSearch {
	color: #ffffff;
	font-size: 28px;
	height: 26px;
	line-height: 22px;
	position: absolute;
	right: 10px;
	top: 6px;
	width: 26px;
}

.tagHeaderExplore.error_true {
	color: #b4b4b4;
}

.storeButtonFotter {
	margin-bottom: 20px;
}

.searchInputNav {
	margin-top: 7px;
}

.tagRow:hover {}

.tagRow .loadingContent {
	background: url("/img/WhichitLogo.svg") no-repeat scroll center 7px / 50px auto rgba(0, 0, 0, 0);
	min-height: 75px;
}

.tagRow div > img {
	opacity: 1;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.tagRow div.loadingContent > img {
	opacity: 0;
}

.tagRow#userRow .loadingContent {
	background: url("/img/avatar.svg") no-repeat scroll 5px center / auto 100% rgba(0, 0, 0, 0);
	min-height: 50px;
}

#listOfFollowers div#userRow.tagRow .loadingContent,
#listOfFollowing div#userRow.tagRow .loadingContent {
	background-size: 94% auto;
}

.whichitGridWrapper a.userImgInGrid.loadingContent {
	background: url("/img/avatar.svg") no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0);
	display: block;
	margin-top: 10px;
	padding-bottom: 100%;
	width: 100%;
}

.whichitGridWrapper a.userImgInGrid > img {
	opacity: 1;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.whichitGridWrapper a.userImgInGrid.loadingContent > img {
	display: none;
	opacity: 0;
}

.loginPageText {
	color: #FFF;
	font-weight: normal;
	padding-top: 10px;
	text-align: center;
}

.loginPageText.error {
	color: #FF0000;
}

.genderText {
	color: #b4b4b4;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center;
}

.genderText:hover {
	background-color: rgba(255, 255, 255, 0.4);
}

.registerDisclaimer {
	clear: both;
	color: #ffffff;
	float: left;
	font-size: 16px;
	margin-top: 20px;
	width: 100%;
}

.seperator {
	width: 100%;
	height: 1px;
	border-bottom: 1px solid #ffffff;
}

.loginButton {
	background-color: #ffffff;
	border: 1px solid #ffffff;
	border-radius: 8px;
	margin-bottom: 16px;
	padding: 0;
}

.loginButton.top {
	margin-top: 16px;
}

.loginButton > img,
.loginButton > svg {
	border-right: 1px solid #b4b4b4;
	float: left;
	height: auto;
	margin: -1px;
	width: 50px;
}

.loginButton > svg {
	fill: #b4b4b4;
	height: 45px;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.loginButton > span {
	color: #b4b4b4;
	display: block;
	font-size: 16px;
	font-weight: normal;
	line-height: 42px;
	text-align: center;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.loginButton:hover > svg,
.loginButton:hover > span {
	fill: #515151;
	color: #515151;
}

.loginButtonTest {
	width: 100%;
	margin-bottom: 10px;
	margin-top: 4px;
	border-radius: 8px;
	height: 40px;
	border: 1px solid #ffffff;
	padding: 0px;
	background-color: rgba(255, 255, 255, 0.5);
}

.loginButton:hover {}

.socialButtonText {
	height: 100%;
}

.loginInput {
	background-color: #ffffff;
	border: 1px solid #ffffff;
	border-radius: 8px;
	color: #515151;
	font-size: 16px;
	height: 40px;
	margin-bottom: 8px;
	padding: 2px 8px;
	width: 100%;
}

#birthdayInput {
	background-color: #ffffff;
	border: 1px solid #ffffff;
	border-radius: 0 8px 8px 0;
	color: #515151;
	font-size: 16px;
	height: 40px;
	margin-bottom: 8px;
	margin-right: 0;
	padding: 2px 8px;
	-webkit-appearance: none;
}

.birthdayRow > label {
	background: none repeat scroll 0 0 #ffffff;
	border-radius: 8px 0 0 8px;
	border-right: 1px solid #b4b4b4;
	color: #b4b4b4;
	font-size: 16px;
	font-weight: normal;
	height: 40px;
	line-height: 40px;
	padding: 0 8px;
}

.birthdayRow p.input-group input.form-control,
.birthdayRow p.input-group input.form-control:focus {
	border: medium none;
	border-radius: 0;
	box-shadow: none;
	height: 40px;
}

.birthdayRow p.input-group .input-group-btn button {
	background: none repeat scroll 0 0 #ffffff;
	border: medium none;
	border-bottom-right-radius: 8px;
	border-top-right-radius: 8px;
	box-shadow: none;
	height: 40px;
}

.loginInput::-webkit-input-placeholder,
#birthdayInput::-webkit-input-placeholder {
	color: #b4b4b4;
}

.loginInput:-moz-placeholder,
#birthdayInput:-moz-placeholder {
	color: #515151;
}

.loginInput::-moz-placeholder,
#birthdayInput::-moz-placeholder {
	color: #515151;
}

.loginInput:-ms-input-placeholder,
#birthdayInput:-ms-input-placeholder {
	color: #b4b4b4;
}

.genderSelector {
	height: 42px;
}

.leftButton {
	border-right: 1px solid #b4b4b4;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.leftButtonM {
	color: #FFF;
	background-color: #25aae1;
}

.leftButtonM:hover {
	background-color: #25aae1;
}

.rightButton {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.rightButtonF {
	color: #FFF;
	background-color: #f20262;
}

.rightButtonF:hover {
	background-color: #f20262;
}

.signButton {
	background-color: #b4b4b4;
	border: 1px solid #b4b4b4;
	border-radius: 8px;
	color: #ffffff;
	font-size: 16px;
	height: 42px;
	margin-top: 10px;
	padding: 8px 0 0;
	text-align: center;
}

.signButtontrue:hover {
	background-color: #028bc4;
	border-color: #028bc4;
}

.signButtontrue {
	border: 0px solid #ffffff;
	background-color: #25aae1;
}

.loginErrorMessage {
	clear: both;
	color: #ff0000;
	float: left;
	margin-top: 20px;
	text-align: center;
	width: 100%;
}

.bottomSeperator {
	margin-top: 10px;
	margin-bottom: 10px;
}

.loginLink {
	color: #25aae1!important;
}

.embededArrow {
	display: inline-block;
	position: absolute;
	top: 30%;
	color: rgba(0, 0, 0, 0.3);
	font-size: 30px;
	z-index: 10;
}

.embededArrow:hover {
	color: rgba(0, 0, 0, 0.5);
}

.embededArrowLeft {
	left: 0;
}

.embededArrowRight {
	right: 0;
}

.loaderEmbedCollection {
	position: absolute;
	top: 30%;
	left: 40%;
}

.no_padding {
	padding: 0px!important;
}

.realtedWhichit {
	margin-bottom: 20px;
}

.realtedWhichit.loadingContent {
	background: url("/img/WhichitLogo.svg") no-repeat scroll center 20px / 80px auto rgba(0, 0, 0, 0);
	min-height: 135px;
}

.realtedWhichit > img {
	background: none repeat scroll 0 0 #ffffff;
	border-radius: 5px;
	opacity: 1;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.realtedWhichit.loadingContent > img {
	opacity: 0;
}

.realtedWhichitCaption {
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: 2px;
}

.relatedTitle {
	color: #b4b4b4;
}

.inputFrame {
	border: 3px solid #fff;
}

#createWhichit {
	padding-top: 2em;
	text-align: center;
}

.profile_link {
	color: #fff;
}

.profile_business_right {
	position: absolute;
	right: 10px;
	top: 36px;
	width: 36px;
}

.profile_business_right ul {
	margin: 0;
}

.profile_business_right ul li {
	margin: 0 0 5px;
}

.profile_business_right ul li:last-child {
	margin-bottom: 0;
}

.profile_business_right ul li a {}

.couponProfileImage {
	position: absolute;
	text-align: center;
	margin: auto;
	top: 0;
	color: #fff;
	bottom: 0;
	left: 0;
	right: 0;
	height: 37%;
}

.couponOffer {
	position: absolute;
	bottom: 0px;
	color: #fff;
	padding: 0px;
	margin: 0px;
	left: 0px;
	height: 50px;
	line-height: 50px;
	right: 0px;
	text-align: center;
	font-size: 1.2875em;
	font-family: Roboto, 'Roboto', Helvetica Neue, Arial, sans-serif;
}

.couponHeader {
	height: 20em;
	padding: 0px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

#couponList .couponHeader {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.closeCouponModal {
	position: absolute;
	top: 0.35em;
	right: 0.35em;
	font-size: 2.75em;
	color: rgba(255, 255, 255, 0.8);
	z-index: 999;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.36);
}

.closeCouponModal:hover {
	color: rgba(255, 255, 255, 1);
	text-shadow: 0 0 10px rgba(255, 255, 255, 0.18);
}

.couponItem {
	background-color: #fff;
}

#couponHeaderGradient {
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.90) 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.90)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.90) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.90) 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.90) 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.90) 100%);
	/* W3C */
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
	/* IE6-9 */
	width: 100%;
	height: 70%;
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

.couponCode {
	margin: 0px;
	padding: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: center;
	color: #fff;
	background-color: #292929;
	font-weight: lighter;
	font-size: 1.575em;
	font-family: Roboto, 'Roboto', Helvetica Neue, Arial, sans-serif;
	position: relative;
}

.couponCode .couponNotification {
	-webkit-animation: fadeOut 1s linear 2s;
	animation: fadeOut 1s linear 2s;
	position: absolute;
	top: 0;
	left: 0;
	padding: 4px 0;
	z-index: 5;
	width: 100%;
	background: rgb(37, 170, 225);
}


/* Chrome, Safari, Opera animation syntax */

@-webkit-keyframes fadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}


/* Standard animation syntax */

@keyframes fadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

.couponImage {
	padding: 0px;
	border: 1px solid #b4b4b4;
	margin-top: 1em;
}

.couponDate {
	font-weight: bold;
	margin-left: 1em;
	font-size: 1.25em;
	margin-bottom: 0;
	margin-top: 1em;
}

.couponDesc {
	margin-left: 1em;
	margin-top: 0.5em;
}

.finePrintButton {
	color: #25aae1;
	text-align: center;
	margin: 1em 0;
}

.coupon-icon {
	width: 145%;
	height: auto;
}

#coupon_gallery>ol {
	visibility: hidden;
}

.coupon_popup_item {
	border-radius: 10px;
	background-color: transparent;
	border: 2px dashed;
}

.coupon_popup_img {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.coupon_wrap {
	border-radius: 10px;
	padding: 5px 10px;
	background: rgba(255, 255, 255, 0.75);
	position: relative;
}

.coupon_grid {
	padding: 2px 6px;
	background: none repeat scroll 0 0 #FFF;
}

.coupon .carousel-control {
	text-align: center;
}

.coupon .carousel-control .glyphicon {
	font-family: 'FontAwesome';
	margin: 0;
	font-size: 3em;
	height: 12.05em;
	position: relative;
	left: 0;
	line-height: 8.75em;
	right: 0;
}

.coupon .carousel-control .glyphicon-chevron-left:before {
	content: "\f104";
}

.coupon .carousel-control .glyphicon-chevron-right:before {
	content: "\f105";
}

.couponButtons {
	margin-bottom: 1em;
	text-align: center;
	margin-top: 1em;
}

.couponButtons .couponButton {
	float: none;
	margin: 0;
	display: inline-block;
}

.couponDetails {
	padding: 0 1em;
}

.couponShareOverlay {
	background-color: rgba(0, 0, 0, 0.36);
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.82), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.82), rgba(0, 0, 0, 0));
	color: #ffffff;
	cursor: default;
	height: 100%;
	margin-left: -1px;
	margin-top: -2px;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 9;
}

.couponShareOverlay.modalView {
	border-radius: 10px;
	margin-top: -7px;
	margin-left: -7px;
}

.couponShareOverlay .row {
	bottom: 0;
	height: 20%;
	margin-bottom: auto;
	margin-top: auto;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 10;
}

.couponShareOverlay .row > .col-sm-18 {
	float: none;
	margin: 0 auto;
}

.couponShareOverlay .row .col-xs-18 .col-xs-12 {
	padding-bottom: 10px;
}

.couponShareOverlay .shareGoogle,
.couponShareOverlay .shareEmail {
	float: none;
	display: inline-block;
}

.couponShareOverlay .dismissSharing {
	position: absolute;
	bottom: 5em;
	left: 0;
	right: 0;
	width: 100%;
	font-size: 1.5em;
	margin: 0 auto;
	text-align: center;
	padding: 1em 0;
	color: rgba(255, 255, 255, 0.8);
}

.couponShareOverlay .dismissSharing:hover {
	color: rgba(255, 255, 255, 1);
	text-decoration: none;
}

.frameLoader {
	position: absolute;
	top: 25px;
	left: 35%;
}

.frameLoaderImage {
	background-color: rgba(0, 0, 0, 0.3);
}

.frames_loaded_false {
	opacity: 0;
	transition-duration: 0.5s;
}

.frames_loaded_true {
	visibility: visible;
	transition-duration: 0.5s;
	opacity: 1;
}

.loaderWrap {
	height: 120px;
	position: relative;
	width: 100%;
}

.coverPhoto {
	z-index: 2;
	opacity: 1;
	-webkit-transition: opacity 1s ease-out;
	transition: opacity 1s ease-out;
}

.coverPhoto.imgLoading {
	opacity: 0;
}

.userHeader {
	margin-top: 20px;
	overflow: hidden;
	position: relative;
}

.coverPhotoWrap {
	position: relative;
	z-index: 2;
}

.coverPhotoWrap .loader {
	bottom: 0;
	height: 70px;
	left: 0;
	margin: 35% auto auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 70px;
}

.coverPhotoProfilePic {
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	top: 21.9%;
	z-index: 3;
}

.userHeaderName {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
	color: #ffffff;
	font-size: 110%;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 3;
}

.userHeaderName > div {
	height: 32px;
	line-height: 32px;
}

.userActionButton {
	margin-top: 10px;
}

.userBioPhone {
	padding: 10px;
	text-align: center;
}

.userBioDesktop {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
	bottom: 40px;
	color: #ffffff;
	height: 20%;
	left: 0;
	position: absolute;
	z-index: 3;
}

.userBioDesktop #userBioText {
	display: block;
	height: 100%;
	padding: 10px 15px;
}

.userBio {
	height: 100%;
	text-align: center;
	vertical-align: middle;
	z-index: 4;
}

#userProfileNav {}

.coupon .carousel-control,
.coupon .carousel-control:hover {
	background-image: none;
}

.animateFrame .moreInfoButton svg {
	border-radius: 100%;
	-webkit-animation-name: bigTada;
	animation-name: bigTada;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.moreInfoButton svg {
	display: block;
	fill: #4e4e4e;
	height: 100%;
	position: absolute;
	width: 100%;
}

.moreInfoButton svg .backdrop {
	fill: rgba(255, 255, 255, 0.65);
	stroke: #4e4e4e;
	stroke-miterlimit: 10;
	stroke-width: 0.6;
	-webkit-transition: fill 0.3s ease-in-out;
	transition: fill 0.3s ease-in-out;
}

.moreInfoButton:hover svg .backdrop {
	fill: rgba(255, 255, 255, 0.9);
}

.gallerySourceButton {
	display: block;
	fill: #FFF;
	height: 100%;
	width: 100%;
	-webkit-filter: drop-shadow(0px 0 1rem #000000);
	filter: drop-shadow(0px 0 1rem #000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0,Color='#000')";
	filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#000')";
	-webkit-transition: filter 0.3s ease-in-out;
	transition: filter 0.3s ease-in-out;
}

.gallerySourceButton .backdrop {
	fill: rgba(255, 255, 255, 0);
	stroke: #FFF;
	stroke-miterlimit: 10;
	stroke-width: 2;
	-webkit-transition: fill 0.3s ease-in-out;
	transition: fill 0.3s ease-in-out;
}

.gallerySourceButton:hover {
	-webkit-filter: drop-shadow(0px 0 2rem #25aae1);
	filter: drop-shadow(0px 0 2rem #25aae1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0,Color='#25aae1')";
	filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#25aae1')";
}

.gallerySourceButton:hover .backdrop {
	fill: rgba(255, 255, 255, 0.18);
}

.userHeaderColor {
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 2;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.cropButton {
	border-radius: 100%;
	cursor: pointer;
}

.cropOk:hover {
	background: #25aae1;
}

.cropCancel:hover {
	background: #e30000;
}

.getFriendsModal {
	background: rgba(255, 255, 255, 0.9);
}

.getFriendstopButtons {
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}

.getFriendstopButtons a.btn {
	color: black;
}

.getFriendstopButtons a.btn:hover {
	color: gray;
}

#shareWhichit {
	float: left;
	padding-top: 10px;
	width: 64%;
}

#shareWhichit #heading {
	color: #b4b4b4;
	float: left;
	font-size: 0.9em;
	font-weight: normal;
	height: 45px;
	line-height: 45px;
	margin: 0;
	width: 33%;
}

.shareWhichitButtons {
	float: left;
	padding-right: 0.5em;
	width: 67%;
}

.shareWhichitButtons .shareNetwork {
	float: left;
	padding: 2px;
	width: 33.3333%;
}

.shareWhichitButtons .shareNetwork img {
	border-radius: 100%;
	cursor: pointer;
	height: auto;
}

.modal-dialog {
	margin: 40px auto;
}

.instagramLoginEmbed {
	height: 400px;
	width: 300px;
}

.instagramSearchModal,
.getFriendsModal {
	background: none repeat scroll 0 0 #ffffff;
	border-radius: 10px;
	padding: 10px;
	position: relative;
}

.instagramSearchModal .btn.close,
.getFriendsModal .btn.close {
	background: url("/img/edit_frame_cancel.svg") no-repeat scroll center center / 60% auto transparent;
	border: 1px solid #ffffff;
	border-radius: 100%;
	height: 30px;
	opacity: 1;
	padding: 0;
	position: absolute;
	right: -1.5em;
	top: -1.5em;
	width: 30px;
}

.instagramSearchModal .btn.close:hover,
.getFriendsModal .btn.close:hover {
	background-color: rgba(255, 255, 255, 0.1);
	background-size: 75% auto;
}

.instagramSearchModal .searchForm,
.getFriendsModal .searchForm {
	float: left;
	padding: 10px;
	width: 100%;
}

.instagramSearchModal .searchQuery,
.getFriendsModal .searchQuery {
	border-color: #b3b3b3;
	border-radius: 5px 0 0 5px;
	border-style: solid;
	border-width: 1px 0 1px 1px;
	float: left;
	height: 35px;
	margin-right: 0;
	padding: 0 8px;
	width: 82%;
}

.instagramSearchModal .searchButton,
.getFriendsModal .searchButton {
	background: none repeat scroll 0 0 #25aae1;
	border: medium none;
	border-radius: 0 5px 5px 0;
	color: #ffffff;
	float: left;
	height: 35px;
	width: 10%;
}

.instagramSearchModal .okBtn,
.getFriendsModal .okBtn {
	background: url("/img/edit_frame_ok.svg") no-repeat scroll center center / 53% auto #25aae1;
	border: medium none;
	border-radius: 5px;
	float: left;
	height: 35px;
	margin-left: 2%;
	width: 6%;
}

.instagramSearchModal .okBtn[disabled],
.getFriendsModal .okBtn[disabled] {
	background-color: #808080;
}

.instagramSearchModal .okBtn:hover,
.getFriendsModal .okBtn:hover {
	background-size: 60% auto;
}

.imageInSelecteion {
	padding: 4px;
}

.imageInSelectionSelected_true img {
	background-color: #25aae1;
	box-shadow: 0 0 0 2px #25aae1;
}

.img_search {
	margin: auto;
	float: none;
	display: inline-block;
}

.instagramSearchModal .noResults {
	color: rgba(0, 0, 0, 0.5);
	margin-top: 1em;
	padding: 1em 0;
	text-align: center;
}

.instagramSearchModal .noResults p {
	margin: 0;
}

.instagramSearchModal .loadMoreButton {
	padding-bottom: 5px;
	padding-top: 15px;
	text-align: center;
}

.instagramSearchModal .loadMoreButton button {
	background: none repeat scroll 0 0 #25aae1;
	border: medium none;
	border-radius: 5px;
	color: #ffffff;
	cursor: pointer;
	height: 35px;
	padding: 0 20px;
}

.getFriendsModal .selectAll {
	float: left;
	margin: 20px 0 0;
	padding: 0;
	text-align: left;
	text-decoration: none;
	width: 100%;
}

.getFriendsModal .selectAll .icon {
	float: right;
	text-align: center;
	width: 6%;
}

.getFriendsModal .selectAll .icon > i {
	font-size: 1.75em;
	line-height: 0.8em;
}

.getFriendsModal .friend {
	border-bottom: 1px solid #b4b4b4;
	padding-bottom: 5px;
	padding-top: 5px;
	position: relative;
}

.getFriendsModal .friend:last-child {
	border-bottom: medium none;
}

.getFriendsModal .friend .userInList {
	float: left;
	position: relative;
	width: 100%;
	z-index: 1;
}

.getFriendsModal .friend .userInList .userImg {
	float: left;
	padding-right: 15px;
	width: 13%;
}

.getFriendsModal .friend .userInList .userImg img {}

.getFriendsModal .friend .userInList .userDetails {
	float: left;
	padding-top: 2%;
	width: 87%;
}

.getFriendsModal .friend .userInList .userDetails .searchFullName {
	color: #515151;
}

.getFriendsModal .friend .userInList .userDetails .searchUserName {
	color: #b4b4b4;
}

.getFriendsModal .friend .checkInList {
	bottom: 0;
	height: 23px;
	margin: auto;
	position: absolute;
	right: 10px;
	text-align: center;
	top: 0;
	width: 6%;
	z-index: 0;
}

.followUser {
	position: absolute;
	right: 0;
	top: 0;
	padding-bottom: 16.666666667%;
}

.privateWithButton {
	position: relative;
	right: 35px;
	top: 3px;
}

.followUser > img {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-radius: 100%;
	cursor: pointer;
	position: absolute;
	right: 5px;
	top: 5px;
	width: 60%;
	z-index: 10;
}

.followUser > img:hover {
	max-width: 90%;
	right: 5px;
	top: 5px;
	width: 75%;
}

#createWhichitLink {
	float: right;
	height: 70px;
	padding: 0 10px;
}

#createWhichitLink .createButton {
	border-radius: 100%;
	float: left;
	margin: 13px 10px 13px 0;
	width: 44px;
}

#createWhichitLink span {
	color: #fff;
	float: left;
	line-height: 70px;
	margin-right: 10px;
}

#userListLinks {
	margin-bottom: 10px;
	position: relative;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

#userListLinks.noCoupons {
	margin-bottom: 0;
}

#topNav {
	border: medium none;
	border-radius: 0;
	height: 70px;
	margin-bottom: 0;
	position: fixed;
	width: 100%;
	right: 0;
	left: 0;
	z-index: 1030;
}

#topNav.categories {
	position: relative;
}

#topNav.fixBanner {
	position: fixed;
}

#navRow {
	cursor: default;
}

#topNav #logo {
	float: left;
	margin: 8px 10px;
	width: 54px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

#topNav #search {
	float: left;
	/*-webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;*/
}

#topNav #create {
	float: right;
	height: 44px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	padding-right: 20px;
}

@media screen and (max-width: 640px) {
	#topNav #create {
		padding-right: 10px;
	}
}

#topNav #create a {
	font-size: 14px;
	color: #fff;
	border: 2px solid #fff;
	padding: 0 11px;
	border-radius: 100px;
	display: block;
	text-transform: uppercase;
	height: 44px;
	margin-top: 13px;
}

#topNav #create a:hover,
#topNav #create a:active,
#topNav #create a:visited,
#topNav #create a:focus {
	text-decoration: none;
}

#topNav #create a .plus {
	display: inline-block;
	font-size: 30px;
	height: 18px;
	line-height: 12px;
	width: 18px;
	margin-top: 10px;
	vertical-align: top;
}

#topNav #create a span:not(.plus) {
	display: inline-block;
	margin-top: 10px;
	vertical-align: top;
}

#topNav input[type=search] {
	background: url(/img/search_icon.svg) no-repeat 8px center;
	border: solid 1px;
	box-sizing: content-box;
	padding: 9px 10px 9px 32px;
	width: 110px;
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
	/*-webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;*/
}

#topNav input[type=search]:focus {
	width: 100%;
	background: url("/img/search_icon_tap.svg") no-repeat scroll 8px center #ffffff;
	border-color: #fff;
	-webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.36);
	-moz-box-shadow: 0 0 5px rgba(255, 255, 255, 0.36);
	box-shadow: 0 0 5px rgba(255, 255, 255, 0.36);
}

#topNav #searchInput input[type=search] {
	color: rgba(0, 0, 0, 0);
	cursor: pointer;
	margin: 15px 0 0;
	padding-left: 13px;
	width: 15px;
}

#topNav #searchInput input[type=search]:hover {
	background: url("/img/search_icon_tap.svg") no-repeat scroll 8px center #ffffff;
}

#topNav #searchInput input[type=search]:focus {
	background-color: #fff;
	color: #000;
	cursor: auto;
	padding-left: 35px;
}

#topNav #searchInput input:-moz-placeholder {
	color: transparent;
}

#topNav #searchInput input::-moz-placeholder {
	color: transparent;
}

#topNav #searchInput input::-webkit-input-placeholder {
	color: transparent;
}

.singleWh {
	margin-top: 20px;
}

#bannerInstall {
	background-color: #353535;
	background-repeat: no-repeat;
	background-size: 64px;
	box-sizing: border-box;
	display: block;
	height: 68px;
	overflow: hidden;
	background-position: 0px 5px;
	padding: 15px 13px 16px 63px;
	width: 100%;
}

#topNav.fixBanner #bannerInstall {
	height: 0;
	padding: 0;
}

.install_true .innerContainerSpace {
	margin-top: 0;
}

.categories .innerContainerSpace {
	margin-top: 0;
}

.innerContainerSpace,
.install_true.bannerFixed .innerContainerSpace {
	margin-top: 70px;
}

.install_true.bannerFixed .innerContainerSpace {
	margin-top: 111px;
}

body.embedded .innerContainerSpace,
body.embedded .install_true.bannerFixed .innerContainerSpace {
	margin-top: 0;
}

#bannerInstall.ios {
	background-image: url('/img/banner-ios-mobile.png');
}

#bannerInstall.android {
	background-image: url('/img/banner-android-mobile.png');
}

#bannerInstall .actions,
#bannerInstall .installContent,
#bannerInstall .dismissBanner {
	display: table-cell;
	vertical-align: top;
}

#bannerInstall .installContent {
	max-width: 1px;
	padding-right: 13px;
	width: 100%;
	padding-top: 2px;
}

#bannerInstall .dismissBanner {
	color: #FFF;
	font-size: 22px;
	font-weight: 300;
	padding-left: 10px;
	padding-top: 1px;
}

#bannerInstall .header,
#bannerInstall .text,
#bannerInstall .CTA {
	color: white;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#bannerInstall .header {
	font-weight: 300;
	line-height: 15px;
	font-size: 15px;
	margin: 0 0 1px;
}

#bannerInstall .text {
	font-weight: 300;
	font-size: 15px;
	line-height: 18px;
	margin: 0;
}

#bannerInstall .actions .CTA {
	background: none #FFF;
	border: 1px solid #FFF;
	border-radius: 4px;
	box-sizing: border-box;
	display: table-cell;
	font-size: 14px;
	font-weight: 400;
	line-height: 35px;
	color: #353535;
	padding: 0 10px;
}

#navigationToggle,
#userListLinks > div#navigationToggle {
	display: none;
	height: 30px;
	margin: 0;
	max-height: 100%;
	padding: 0;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 30px;
}

#navigationToggle img {
	height: auto;
	width: 100%;
}

footer {
	border-top: 1px solid;
	display: block;
	margin: 20px 15px 0;
	overflow: hidden;
	padding: 6px 10px;
}

footer .left {
	float: left;
	line-height: 30px;
}

footer a {
	color: #515151;
	float: left;
	margin-right: 10px;
}

footer #terms a {
	float: none;
	margin: 0;
}

footer a svg {
	fill: #515151;
	float: left;
	height: 30px;
	margin-right: 5px;
	width: 30px;
}

footer a:hover,
footer a:hover,
footer a:hover svg {
	color: #25aae1;
	fill: #25aae1;
}

footer a span {
	float: left;
	line-height: 30px;
	margin-right: 5px;
}

footer .right {
	float: right;
	line-height: 30px;
}

footer a {
	color: #515151;
	font-weight: bold;
}

body.alt footer,
body.alt footer a,
body.alt footer a,
body.alt footer a svg {
	border-color: #FFF;
	color: #FFF;
	fill: #FFF;
}

.loginModalContainer {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
}

.loginModalContainer .loginModal .form-group.button {
	margin-bottom: 0;
}

#userRow {
	position: relative;
}

#listOfHashtags #tagItem,
#listOfFollowing #userRow,
#listOfFollowers #userRow {
	background: #FFF;
	border-top: 1px solid #b4b4b4;
}

#userRow .actionOnUserButton {
	padding-top: 1.55vw;
}

.tagRow .actionOnTagButton {
	padding-top: 2.4vw;
}

#listOfHashtags > div:first-child #tagItem {}

#listOfHashtags > div:first-child #tagItem,
#listOfFollowing > div:first-child #userRow,
#listOfFollowers > div:first-child #userRow {
	border-top: medium none;
}

#listOfFollowing #userRow #userImage,
#listOfFollowers #userRow #userImage,
#listOfHashtags div#tagItem img#hashTag {
	margin-top: 10px;
	margin-bottom: 10px;
}

.emptyList {
	background: none repeat scroll 0 0 #ffffff;
	color: #b4b4b4;
	font-size: 1.15em;
	font-weight: normal;
	padding: 10px 0;
}

.emptyList a {
	color: #25aae1;
}

#forgotPassword {}

#forgotPassword .buttons {
	margin-bottom: 10px;
	margin-top: 10px;
}

#forgotPassword .buttons input {
	border: medium none;
	border-radius: 5px;
	color: #FFF;
	height: 40px;
	margin-right: 0;
}

#forgotPassword .buttons input#cancel {
	background: #b4b4b4;
}

#forgotPassword .buttons input#send {
	background: #25aae1;
}

#getAllComments {
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
}

#navToggle {
	display: none;
}

#profilePhotoContainer.loadingContent {
	background: url("/img/avatar.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
	display: block;
	padding-bottom: 100%;
	width: 100%;
}

#profilePhotoContainer > img {
	display: block;
	opacity: 1;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

#profilePhotoContainer.loadingContent > img {
	display: none;
	opacity: 0;
}

#loadMoreContainer {}

#loadMoreContainer #loadMoreIcon {
	fill: #515151;
	-webkit-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
	width: 60px;
	height: 60px;
}

#loadMoreContainer #loadMoreIcon path#bg {
	fill: transparent;
}

#loadMoreContainer:hover #loadMoreIcon,
#loadMoreContainer:focus #loadMoreIcon {
	fill: #25aae1;
}

#loadMoreContainer:active #loadMoreIcon {
	fill: #dbe4e9;
	transition:
}

#loadMoreContainer:active #loadMoreIcon path#bg {
	fill: #515151;
	-webkit-transition: fill 0s ease-out 0s;
	transition: fill 0s ease-out 0s;
}

.insta-redirect {
	display: block;
	text-align: center;
}

.insta-redirect p {
	background: #ffffff none repeat scroll 0 0;
	border-radius: 10px;
	color: #b4b4b4;
	display: inline-block;
	font-size: 1.15em;
	margin-top: 20px;
	padding: 10px;
}

body.modal-open > div:not(.modal) {
	-webkit-filter: grayscale(0.25);
	filter: grayscale(0.25);
}

#userNotFound {
	color: #2d5261;
	padding: 1em 1em 0;
}

#userNotFound #suggestedSearchContainer {
	margin: 0 auto;
	max-width: 400px;
	width: 100%;
}

#userNotFound #suggestedSearchContainer input {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	border-bottom: 1px solid #2d5261;
	color: #2d5261;
	font-size: 1.2em;
	height: 40px;
	margin-right: 0;
	padding: 10px 6px 0;
	width: 100%;
	box-sizing: border-box;
}

#userNotFound #suggestedSearchContainer input::-webkit-input-placeholder {
	color: #2d5261;
}

#userNotFound #suggestedSearchContainer input:-moz-placeholder {
	color: #2d5261;
	opacity: 1;
}

#userNotFound #suggestedSearchContainer input::-moz-placeholder {
	color: #2d5261;
	opacity: 1;
}

#userNotFound #suggestedSearchContainer input:-ms-input-placeholder {
	color: #2d5261;
}

@-webkit-keyframes fadeColor {
	0% {
		fill: rgba(0, 0, 0, 0.18);
		stroke: rgba(255, 255, 255, 1);
	}
	100% {
		fill: rgba(0, 0, 0, 0);
		stroke: rgba(0, 0, 0, 0.18);
	}
}

@keyframes fadeColor {
	0% {
		fill: rgba(0, 0, 0, 0.18);
		stroke: rgba(255, 255, 255, 1);
	}
	100% {
		fill: rgba(0, 0, 0, 0);
		stroke: rgba(0, 0, 0, 0.18);
	}
}

@-webkit-keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0);
	}
	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0);
	}
}

@keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0);
	}
	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0);
	}
}

@-webkit-keyframes slideOutDown {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	100% {
		visibility: hidden;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
}

@keyframes slideOutDown {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	100% {
		visibility: hidden;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

#loading-mask {
	display: none;
}

body.content-loading {
	overflow: hidden;
}

body.content-loading #loading-mask {
	display: block;
	position: absolute;
	left: 0;
	top: 60px;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: #dbe4e9;
	z-index: 9999;
}

body.content-loading #loading-mask.slide-out {
	-webkit-animation: 0.3s linear 0s alternate none 1 running fadeOut;
	animation: 0.3s linear 0s alternate none 1 running fadeOut;
}

body.content-loading #loading-mask .loading-float {
	bottom: 0;
	height: 50px;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	top: 60px;
	width: 50px;
}

#loading-mask .loading-float svg {
	-webkit-animation: 1s linear 0s alternate none infinite running fadeColor;
	animation: 1s linear 0s alternate none infinite running fadeColor;
	height: 70%;
	margin: 16% 16% 14% 14%;
	stroke-width: 0.25;
	width: 70%;
}

#loading-mask .loading-float .mask-spin {
	border: 2px solid #d1d1d1;
	border-radius: 100%;
	display: block;
	height: 100%;
	margin: auto;
	position: absolute;
	width: 100%;
	-webkit-animation: spin 1s infinite linear;
	-moz-animation: spin 1s infinite linear;
	-o-animation: spin 1s infinite linear;
	animation: spin 1s infinite linear;
}

#loading-mask .loading-float .mask-spin .tick {
	background: #ffffff none repeat scroll 0 0;
	box-shadow: 0 0 10px 2px #ffffff;
	display: block;
	height: 2px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: -2px;
	width: 1px;
}

.noAccess {
	background-color: #25aae1;
	font-family: Open Sans, helvetica, arial, sans-serif;
}

.noAccess .innerContainerSpace {
	margin-top: 0;
}

.noAccess #content {
	padding-top: 0;
}

.loginFloat {
	display: block;
	height: auto;
	left: 0;
	margin: 20px auto 0;
	position: relative;
	right: 0;
	top: 0;
	width: 460px;
}

.loginFloat .loginLogo {
	text-align: center;
}

.loginFloat .loginLogo svg {
	-webkit-border-radius: 85px 85px 85px 85px;
	-moz-border-radius: 85px 85px 85px 85px;
	-ms-border-radius: 85px 85px 85px 85px;
	border-radius: 85px 85px 85px 85px;
	display: inline-block;
	height: 85px;
	width: 85px;
}

.loginFloat .loginLogo h3 {
	color: #ffffff;
	font-weight: 300;
	margin-bottom: 15px;
	margin-top: 20px;
	-webkit-font-smoothing: auto;
}

.loginFloat .loginContainer {
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-ms-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	-webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.18);
	-moz-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.18);
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.18);
	background: #fff;
	padding: 15px 15px 20px;
}

.loginFloat .loginContainer #loginHeading {
	color: #515151;
	margin-top: 5px;
}

.loginFloat .loginContainer #accountSwitchCheckbox {
	margin: 15px 10px 0;
	text-align: center;
}

.loginFloat .loginContainer .md-button {
	clear: both;
	display: block;
	left: 0;
	margin: 1rem auto 0;
	right: 0;
}

.loginFloat.addAccount {
	margin-top: 100px;
}

.loginOption {
	display: block;
	padding: 15px;
	text-align: center;
}

.loginOption.shakeError {
	-webkit-animation: shake 1s linear 0s 1 alternate;
	animation: shake 1s linear 0s 1 alternate;
}

.loginOption a,
.loginOption .loginPageText {
	color: #FFF;
	display: inline-block;
	font-size: 20px;
	font-weight: 300;
	padding-top: 0;
}

.loginOption a {
	border-bottom: 2px solid #FFF;
	text-decoration: none;
}

.loginOption a.alt {
	color: #515151;
}

.loginOption.extra {
	bottom: 0;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	width: 460px;
}

.material-form .material-form-field {
	margin: 0 auto 3em;
	max-width: 30em;
	position: relative;
}

.material-form .material-form-field:first-of-type {
	margin-top: 2.2em;
}

.material-form .material-form-field .material-form-field-input {
	background: transparent none repeat scroll 0 0;
	border-color: #b4b4b4;
	border-radius: 0;
	border-style: solid;
	border-width: 0 0 2px;
	color: inherit;
	font-family: inherit;
	font-size: 1em;
	margin-right: 0;
	padding: 0.2em 0;
	-webkit-transition: 0.4s ease border-color;
	transition: 0.4s ease border-color;
	-webkit-appearance: none;
	width: 100%;
}

.material-form .material-form-field .material-form-field-input::-webkit-input-placeholder {
	color: transparent;
}

.material-form .material-form-field .material-form-field-input:-moz-placeholder {
	color: transparent;
}

.material-form .material-form-field .material-form-field-input::-moz-placeholder {
	color: transparent;
}

.material-form .material-form-field .material-form-field-input:-ms-input-placeholder {
	color: transparent;
}

.material-form .material-form-field .material-form-field-input:focus {
	outline: none;
}

.material-form .material-form-field .material-form-field-input:focus ~ .form-field-controls-extra {
	opacity: 1;
}

.material-form .material-form-field .material-form-field-input:invalid {
	box-shadow: none;
}

.material-form .material-form-field .material-form-field-input.ng-dirty:valid {
	border-color: #25aae1;
}

.material-form .material-form-field .material-form-field-input.ng-dirty:invalid {
	border-color: #e51b24;
}

.material-form .material-form-field .material-form-field-input.ng-dirty + .material-form-field-label {
	-webkit-transform: translateY(-1.1em);
	-ms-transform: translateY(-1.1em);
	transform: translateY(-1.1em);
}

.material-form .material-form-field .material-form-field-input:focus::webkit-input-placeholder,
.material-form .material-form-field .material-form-field-input.ng-dirty::webkit-input-placeholder {
	color: transparent;
}

.material-form .material-form-field .material-form-field-input:focus + .material-form-field-label,
.material-form .material-form-field .material-form-field-input.ng-dirty + .material-form-field-label {
	-webkit-transform: translateY(-1.1em);
	-ms-transform: translateY(-1.1em);
	transform: translateY(-1.1em);
}

.material-form .material-form-field .material-form-field-input + .material-form-field-label {
	bottom: 0;
	color: #b4b4b4;
	cursor: pointer;
	font-size: 18px;
	font-weight: 400;
	left: 0;
	margin-bottom: 0;
	position: absolute;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: 0.4s ease all;
	transition: 0.4s ease all;
}

.material-form .material-form-field .material-form-field-input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px white inset;
	border-color: #b4b4b4;
}

.material-form .material-form-field .form-field-controls-extra {
	border-top: 2px solid;
	bottom: -18px;
	height: 20px;
	left: 0;
	line-height: 20px;
	opacity: 0;
	position: absolute;
	-webkit-transition: 0.4s ease border-color, 0.8s ease width;
	transition: 0.4s ease border-color, 0.8s ease width;
}

.material-form .material-form-field .form-field-controls-extra.empty {
	border-color: #e51b24;
	color: #e51b24;
	width: 0;
}

.material-form .material-form-field .form-field-controls-extra.weak {
	border-color: #ff5900;
	color: #ff5900;
	width: 25%;
}

.material-form .material-form-field .form-field-controls-extra.medium {
	border-color: #ffbf00;
	color: #ffbf00;
	width: 50%;
}

.material-form .material-form-field .form-field-controls-extra.strong {
	border-color: #72ff00;
	color: #72ff00;
	width: 75%;
}

.material-form .material-form-field .form-field-controls-extra.veryStrong {
	border-color: #00ec00;
	color: #00ec00;
	width: 100%;
}

.material-form .material-form-field .form-field-controls-extra.errorContainer {
	border-color: #e51b24;
	color: #e51b24;
	opacity: 1;
	width: 100%;
}

.material-form .material-form-field .form-field-controls-extra#passwordMatch.mismatch {
	border-color: #e51b24;
	color: #e51b24;
	opacity: 1;
	width: 100%;
}

.material-form .material-form-field .form-field-controls-extra#checkUsername {
	border-color: #25aae1;
	width: 100%;
}

.material-form .material-form-field .form-field-controls-extra#checkUsername #contactingServerMessage {
	-webkit-animation: 1.85s ease 0s normal none 1 running contactServer;
	animation: 1.85s ease 0s normal none 1 running contactServer;
	border-top: 2px solid;
	left: 0;
	position: absolute;
	top: -2px;
	z-index: 99;
}

.material-form .material-form-field .form-field-controls-extra#checkUsername.available {
	border-color: #00ec00;
	color: #00ec00;
}

.material-form .material-form-field .form-field-controls-extra#checkUsername.unavailable {
	border-color: #e51b24;
	color: #e51b24;
}

.material-form + label {
	position: absolute;
	left: 0.5em;
}

.md-button {
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-ms-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	background: #25aae1 none repeat scroll 0 0;
	color: #fff;
	display: inline-block;
	font-size: 1.5em;
	font-weight: 300;
	height: 50px;
	margin: 1rem 0 0;
	position: relative;
	text-decoration: none;
	width: 350px;
}

.md-button span {
	cursor: pointer;
	display: block;
	font-family: Open Sans, helvetica, arial, sans-serif;
	line-height: 50px;
	position: relative;
	text-align: center;
	text-transform: none;
	width: 100%;
	z-index: 10;
	-webkit-font-smoothing: auto;
}

.md-button canvas {
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-ms-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
}

.md-button:hover {
	background-color: #028bc4 !important;
	color: #fff;
	text-decoration: none;
}

.md-button.disabled {
	background-color: #515151;
}

@media screen and (max-width: 580px) {
	.md-button {
		width: 100%;
	}
	.md-button canvas {
		width: 100%;
		height: 100%;
	}
}

.md-checkbox {
	position: relative;
}

.md-checkbox input[type=checkbox] {
	opacity: 0;
}

.md-checkbox input[type=checkbox]:checked ~ label .box {
	opacity: 0;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.md-checkbox input[type=checkbox]:checked ~ label .check {
	opacity: 1;
	-webkit-transform: scale(1) rotate(45deg);
	transform: scale(1) rotate(45deg);
}

.md-checkbox label {
	cursor: pointer;
	font-weight: normal;
	padding-left: 35px;
	position: relative;
	z-index: 888;
}

.md-checkbox label span {
	display: block;
	position: absolute;
	left: 0;
	transition-duration: 0.3s;
}

.md-checkbox label .circle {
	background: #fff;
	left: -15px;
	top: -15px;
	height: 50px;
	width: 50px;
	z-index: 1;
	border-radius: 50%;
	-webkit-animation: growCircle 0.3s ease;
	animation: growCircle 0.3s ease;
}

.md-checkbox label .box {
	border: 2px solid #b4b4b4;
	height: 20px;
	width: 20px;
	z-index: 888;
	transition-delay: 0.2s;
}

.md-checkbox label .check {
	top: -7px;
	left: 6px;
	width: 12px;
	height: 24px;
	border: 2px solid #00ec00;
	border-top: none;
	border-left: none;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	transition-delay: 0.3s;
	z-index: 888;
	opacity: 0;
}

wh-unmask {
	bottom: 2px;
	position: absolute;
	right: 0;
}

wh-unmask svg.eye {
	cursor: pointer;
	display: block;
	fill: #b4b4b4;
	height: 26px;
	opacity: 0.6;
	width: 26px;
	-webkit-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

wh-unmask:hover svg.eye {
	opacity: 1;
}

wh-unmask:active svg.eye,
wh-unmask.active svg.eye {
	fill: #25aae1;
	opacity: 1;
}


/* media queries at the bottom to avoid conflicts with default styling */

@media screen and (min-width: 1200px) {
	.whichit-block-create {
		margin: 30px 0;
	}
}

@media screen and (max-width: 1200px) {
	.whichit-block-create {
		margin: 30px 0;
	}
	.four-col-layout {
		width: 100%;
	}
	.four-col-layout[feed-layout]::before {
		content: '4 .column.size-1-4';
	}
	.three-col-layout {
		width: 100%;
	}
	.three-col-layout[feed-layout]::before {
		content: '3 .column.size-1-3';
	}
	.two-col-layout {
		width: 100%;
	}
	.two-col-layout[feed-layout]::before {
		content: '2 .column.size-1-2';
	}
	.embedModal .header-customize {
		text-align: center;
		width: 100%;
	}
	.embedModal .header-customize button {
		clear: both;
		float: none;
		position: relative;
	}
	#userRow .actionOnUserButton {
		padding-top: 2.85vw;
	}
	.tagRow .actionOnTagButton {
		padding-top: 3.75vw;
	}
	.embedModal .embed-customize-field {
		float: none;
		margin: 0 auto;
	}
	.embedModal #embed-preview {
		padding-left: 0;
		padding-right: 0;
	}
}

@media screen and (max-width: 992px) {
	.whichit-block-create {
		margin: 30px 0;
	}
	.whichit-block-create .btn-image-from-insta {
		bottom: 69%;
	}
	.whichit-block-create .btn-image-from-web {
		bottom: 60%;
	}
	#userRow .actionOnUserButton {
		padding-top: 3.5vw;
	}
	.tagRow .actionOnTagButton {
		padding-top: 5vw;
	}
}

@media (min-width: 980px) {
	.cropArea2 {
		overflow: hidden;
		width: 600px;
		height: 800px;
	}
	#dummyElementExplore {
		max-height: 4px;
	}
	#share_button {
		margin-top: 4px;
	}
	.commentUserName {
		font-size: 16px;
	}
	#timeColumn {
		margin-left: -4px;
		padding-left: 0px;
		padding-right: 0px;
	}
	.whichitOptions {
		margin-left: 1em;
	}
}

@media (min-width: 768px) {
	.whichitOptions {
		margin-left: 1em;
	}
}

@media (max-width: 740px) {}


/*ipad*/

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	.cropArea22 {
		overflow: hidden;
		width: 650px;
		height: 650px;
	}
	#dummyElementExplore {
		max-height: 3px;
	}
	.navbarText {}
	#userFullName,
	.commentUserName {
		font-size: 14px;
		margin-top: 4px;
		margin-bottom: 2px;
	}
	#timeColumn {
		margin-left: -4px;
		padding-left: 0px;
		padding-right: 0px;
	}
	.iconsText {}
	.socialButton {
		padding-left: 0px;
		padding-right: 0px;
		margin-right: 6px;
		margin-left: 6px;
	}
}

@media (max-width: 790px) {
	#shareWhichit #heading {
		line-height: 1.25em;
		height: 42px;
		font-size: 1em;
		padding-top: 2px;
	}
}

@media (max-width: 767px) {
	#shareWhichit {
		width: 100%;
	}
	#shareWhichit #heading {
		font-size: 1em;
		height: auto;
		line-height: 1;
		padding-bottom: 10px;
		text-align: center;
		width: 100%;
	}
	.shareWhichitButtons {
		padding: 0;
		width: 100%;
	}
	.shareWhichitButtons .shareNetwork {
		padding: 10px;
	}
	#sendWhichit {
		width: 100%;
	}
	#sendWhichitTooltip {
		top: 11em;
	}
	#sendWhichitTooltip:after {
		left: 0;
		margin: 0 auto;
		right: 0;
	}
	.modal-dialog {
		margin: 0;
	}
	.modal-content {
		border: medium none;
	}
	.instagramSearchModal {
		border-radius: 0;
		margin-left: 0;
		margin-right: 0;
	}
	.instagramSearchModal .searchForm {}
	.instagramSearchModal .btn.close {
		background-color: #808080;
		border: medium none;
		border-radius: 5px;
		float: right;
		height: 35px;
		position: relative;
		right: 0;
		top: 0;
		width: 8%;
	}
	.instagramSearchModal .btn.close:hover {
		background-color: #808080;
	}
	.instagramSearchModal .okBtn,
	.getFriendsModal .selectAll .icon {
		width: 8%;
	}
	.instagramSearchModal .searchQuery {
		width: 70%;
	}
	.getFriendsModal {
		border-radius: 0;
		margin-left: 0;
		margin-right: 0;
	}
	.getFriendsModal .searchForm {}
	.getFriendsModal .btn.close {
		background-color: #808080;
		border: medium none;
		border-radius: 5px;
		float: right;
		height: 35px;
		position: relative;
		right: 0;
		top: 0;
		width: 8%;
	}
	.getFriendsModal .btn.close:hover {
		background-color: #808080;
	}
	.getFriendsModal .okBtn,
	.getFriendsModal .friend .checkInList {
		width: 8%;
	}
	.getFriendsModal .searchQuery {
		width: 70%;
	}
	.userInfo .dropdown-menu,
	.bottomBarItemShare .dropdown-menu {
		top: 100%;
	}
	.userInfo .dropdown-menu:before,
	.bottomBarItemShare .dropdown-menu:before {
		border-color: rgba(0, 0, 0, 0);
		border-style: none;
		border-width: 0;
		content: "";
		height: 0;
		left: 0;
		position: absolute;
		top: 0;
		width: 0;
	}
	.feedTypeSelection > div {
		padding: 0 5px;
	}
	.feedTypeSelection > div > a > svg {
		height: 25px;
		width: 25px;
	}
	.feedTypeSelection > div > a > h5 {
		font-size: 14px;
		height: 25px;
		line-height: 25px;
		margin: 0;
	}
}


/* Landscape phone to portrait tablet */

@media only screen and (max-width: 580px) {
	.loginFloat {
		float: left;
		position: relative;
		width: 100%;
	}
	.loginFloat .loginContainer {
		-webkit-border-radius: 0 0 0 0;
		-moz-border-radius: 0 0 0 0;
		-ms-border-radius: 0 0 0 0;
		border-radius: 0 0 0 0;
	}
	.loginOption.extra {
		clear: both;
		padding-top: 0;
		position: relative;
		width: 100%;
	}
}

@media (max-width: 767px) and (min-device-width: 550px) {
	#dummyElementExplore {
		max-height: 2px;
	}
	.iconImageParent {
		width: 40%;
	}
	.embededIconParent {
		width: 60%;
	}
	.shareIcon {
		width: 80%;
	}
	.embededShareIcon {
		width: 100%;
	}
	.iconsText {
		font-size: 100%;
	}
	.iconsTextGrid {
		padding-top: 3%;
	}
	.embededIconText {
		font-size: 100%;
	}
	.cropArea2 {
		overflow: hidden;
		width: 450px;
		height: 550px;
	}
	.more_info > span {}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	#dummyElementExplore {
		max-height: 2px;
	}
	.cropArea2 {
		overflow: hidden;
		width: 550px;
		height: 750px;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	.cropArea2 {
		overflow: hidden;
		width: 500px;
		height: 500px;
	}
	#dummyElementExplore {
		max-height: 2px;
	}
	#userFullName,
	.commentUserName {
		font-size: 14px;
		margin-top: 0px;
		margin-bottom: 2px;
	}
	#timeColumn {
		margin-left: -6px;
		padding-left: 0px;
		padding-right: 0px;
	}
	.iconsTextGrid {
		padding-top: 5%;
	}
}

@media screen and (max-width: 767px) {
	.whichit-block-create {
		margin: 30px 0;
	}
	.whichit-block-create .btn-image-from-insta {
		bottom: 57%;
	}
	.whichit-block-create .btn-image-from-web {
		bottom: 48%;
	}
	#userRow .actionOnUserButton {
		padding-top: 4.5vw;
	}
	.tagRow .actionOnTagButton {
		padding-top: 7.5vw;
	}
}

@media (min-width: 481px) {
	#topNav #searchInput input[type=search] {
		-webkit-transition: width 0.3s;
		transition: width 0.3s;
	}
	#topNav #searchInput input[type=search]:focus {
		width: 100%;
	}
}

@media (min-width: 481px) and (max-width: 560px) {
	#topNav #searchInput input[type=search]:focus {
		max-width: 110px;
	}
}


/* Landscape phones and down */

@media (max-width: 480px) {
	/*#main-content {
        margin-top: -10px;
    }*/
	#topNav {
		height: 60px;
	}
	#topNav #logo {
		width: 44px;
		height: 44px;
	}
	#navRow #user {}
	#navRow #user .userInfo .profilePicture {
		width: 44px;
		height: 44px;
	}
	#navRow #user .navbarText {
		height: 60px;
		line-height: 58px;
		max-width: 0;
		padding: 0;
		display: block;
		overflow: hidden;
	}
	#navRow,
	#navRow #search,
	#navRow #searchInput input[type=search] {
		/*-webkit-transition: width 0.3s ease-in-out;
        transition: width 0.3s ease-in-out;*/
	}
	#navRow #user .navbarText.login,
	#navRow #user .open .navbarText {
		-webkit-animation: growUserInHeader 0.3s linear 0s 1 normal;
		animation: growUserInHeader 0.3s linear 0s 1 normal;
		max-width: 100%;
		padding-right: 15px;
	}
	.tagCounter {
		padding-top: 10px!important;
	}
	.cropArea2 {
		overflow: hidden;
		width: 300px;
		height: 500px;
	}
	.coupon_wrap {
		border-radius: 0;
	}
	.couponHeader > .couponProfileImage {
		width: 32.75%;
	}
	.couponHeader {
		background-size: cover;
	}
	.userInfo .dropdown-menu {
		left: auto;
		right: 2px;
	}
	#scrollToTop {
		display: none;
	}
	#navRow.searching {
		padding: 0 15px;
		position: relative;
	}
	#navRow.searching #user,
	#navRow.searching #logo,
	#navRow.searching #createWhichitLink {
		display: none;
		margin: 0;
		max-width: 0;
		overflow: hidden;
		opacity: 0;
	}
	#navRow,
	#navRow #search,
	#navRow #searchInput input[type=search] {}
	#navRow.searching #search {
		width: 100%;
	}
	#navRow.searching #searchInput {
		width: 100%;
	}
	#createWhichitLink span {
		display: none;
	}
	#navRow #searchInput input[type=search] {
		margin-top: 10px;
	}
	#navRow.searching #searchInput input[type=search] {
		-webkit-animation: grow 0.3s;
		animation: grow 0.3s;
	}
	#navRow.searching #searchInput input[type=search]:focus {
		width: 100%;
	}
	#topNav #searchInput input[type=search]:focus {
		box-sizing: border-box;
	}
	.loginModal {
		border-radius: 0;
	}
	.feedTypeSelection {
		-webkit-transition: all 0.5s ease-out 0.55s;
		transition: all 0.5s ease-out 0.55s;
		max-height: 46px;
	}
	.feedTypeSelection.open {
		max-height: 100vh;
	}
	.feedTypeSelection > div {
		width: 100%;
		-webkit-transition: all 0.3s ease-out 0.5s;
		transition: all 0.3s ease-out 0.5s;
	}
	.feedTypeSelection.open > div {
		/*        opacity: 1;*/
	}
	.feedTypeSelection > div.active,
	.feedTypeSelection > div#navToggle {
		/*        opacity: 1;*/
	}
	.feedTypeSelection.open > div > a,
	.feedTypeSelection.open > div.active > a {
		color: #4accfa;
		-webkit-transition: all 0.3s ease-out 0.3s;
		transition: all 0.3s ease-out 0.3s;
	}
	.feedTypeSelection.open > div > a svg,
	.feedTypeSelection.open > div.active > a svg {
		fill: #4accfa;
		-webkit-transition: all 0.3s ease-out 0.3s;
		transition: all 0.3s ease-out 0.3s;
	}
	.feedTypeSelection > div > a > svg {
		height: 26px;
		width: 26px;
	}
	.feedTypeSelection > div > a > h5 {
		font-size: 14px;
		height: 26px;
		line-height: 26px;
	}
	#navigationToggle,
	#userListLinks > div#navigationToggle {
		display: block;
	}
	.whichitGridWrapper > .row {}
	.whichitGridWrapper .framesInGrid {}
	footer .left,
	footer .right {
		margin-bottom: 10px;
		text-align: center;
		width: 100%;
	}
	footer .left {
		margin-top: 10px;
	}
	footer .left a {
		float: none;
		display: inline-block
	}
	.loginModalContainer,
	.loginModalContainer .modal-dialog,
	.loginModalContainer .modal-dialog .modal-content,
	.loginModalContainer .modal-dialog .modal-content .loginModal {
		/*height: 100%;*/
	}
	.loginModalContainer .loginModal {
		/*background: url("/img/register-background.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
		color: #ffffff;*/
	}
	.loginModalContainer .loginModal .loginTitle,
	.loginModalContainer .loginModal .modal-header .close {
		/*color: #FFF;
		opacity: 1;*/
	}
	.loginModalContainer .loginModal .modal-header .close {
		font-size: 26px;
	}
	.loginPageBase {
		padding-bottom: 60px;
	}
	#createWhichitLink {
		height: 60px;
	}
	#createWhichitLink .createButton {
		margin-bottom: 8px;
		margin-top: 8px;
	}
	.innerContainerSpace {
		margin-top: 0;
	}
	.userHeader {
		margin-top: 0;
		overflow: visible;
	}
	.userHeaderName > div#profileUsername {
		font-size: 0.9em;
	}
	.userHeaderName > div#profileLocation {
		font-size: 0.85em;
		padding-left: 0;
	}
	.coverPhotoProfilePic.hasBio {
		top: 15.5%;
	}
	.userBioDesktop #userBioText {
		font-size: 0.75em;
	}
	#navToggle {
		display: block;
		height: 34px;
		overflow: visible;
		padding: 0;
		position: absolute;
		right: 10px;
		top: 6px;
		width: 34px;
	}
	#navToggle div {
		overflow: visible;
		padding: 0;
	}
	#navToggle .bubble-wrap {
		height: 34px;
		width: 34px;
		background-color: transparent;
		top: 0;
		right: 0;
		position: absolute;
		border-radius: 50%;
		cursor: pointer;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		-webkit-transition: all 0.3s ease-out;
		-ms-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
		display: block;
	}
	#navToggle .bubble-wrap.active {
		display: none;
	}
	#navToggle .bubble {
		height: 34px;
		width: 34px;
		top: 0;
		right: 0;
		position: absolute;
		border-radius: 50%;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		-webkit-transition: all 0.3s ease-out;
		-ms-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}
	#navToggle .bubble.active {
		background-color: white;
		-webkit-transform: scale(100);
		-ms-transform: scale(100);
		transform: scale(100);
		-webkit-transition: all 0.6s ease-out;
		-ms-transition: all 0.6s ease-out;
		transition: all 0.6s ease-out;
		-webkit-transition-delay: .4s;
		-ms-transition-delay: .4s;
		transition-delay: .4s;
		transition: background 0s none 0s;
		z-index: -1;
	}
	#navToggle .bubbleback {
		height: 34px;
		width: 34px;
		top: 0;
		right: 0;
		position: absolute;
		border-radius: 50%;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
	#navToggle .bubbleback.active {
		background-color: white;
		-webkit-transform: scale(1.5);
		-ms-transform: scale(1.5);
		transform: scale(1.5);
		opacity: 0;
		-webkit-transition: all 0.3s ease-out;
		-ms-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
		transition: background 0s none 0s;
	}
	#navToggle .bar {
		background-color: white;
		border-radius: 5px;
		height: 3px;
		right: 7px;
		top: 9px;
		width: 20px;
	}
	#navToggle .first {
		position: absolute;
		-webkit-transition: all 0.2s ease-out;
		-ms-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	#navToggle .first.active {
		background-color: #25aae1;
		margin-top: 7px;
		-webkit-transform-origin: 50% 50%;
		-moz-transform-origin: 50% 50%;
		-o-transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transition: all 0.2s ease-out;
		-ms-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
		-webkit-transition-delay: .4s;
		-ms-transition-delay: .4s;
		transition-delay: .4s;
	}
	#navToggle .second {
		margin-top: 7px;
		position: absolute;
		-webkit-transition: all 0.2s ease-out;
		-ms-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	#navToggle .second.active {
		background-color: #25aae1;
		opacity: 0;
		margin-top: 7px;
		-webkit-transition: all 0.2s ease-out;
		-ms-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
		-webkit-transition-delay: .4s;
		-ms-transition-delay: .4s;
		transition-delay: .4s;
	}
	#navToggle .third {
		margin-top: 14px;
		position: absolute;
		-webkit-transition: all 0.2s ease-out;
		-ms-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	#navToggle .third.active {
		background-color: #25aae1;
		margin-top: 7px;
		-webkit-transform-origin: 50% 50%;
		-moz-transform-origin: 50% 50%;
		-o-transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transition: all 0.2s ease-out;
		-ms-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
		-webkit-transition-delay: .4s;
		-ms-transition-delay: .4s;
		transition-delay: .4s;
	}
	.feedTypeSelection > div {
		display: block;
		max-height: 0;
		overflow: hidden;
	}
	.feedTypeSelection.hashtagList > div {
		max-height: 100vh;
	}
	.feedTypeSelection.open > div {
		max-height: 100vh;
	}
	.feedTypeSelection > div.active {
		max-height: 100vh;
		transition-delay: 0s;
	}
	#userListLinks.open {
		background: #FFF;
	}
	.searchUserFullName,
	.tagDescription {
		margin-top: 0;
	}
	.resultsHeader {
		padding-bottom: 0;
	}
	footer a,
	footer span {
		display: inline-block;
		float: none;
	}
	#topNav.fixBanner {
		position: static;
		height: 111px;
	}
	.install_true.bannerFixed .innerContainerSpace {
		margin-top: 0;
	}
	#topNav {
		position: static;
	}
	#topNav.install_true {}
	.more_info > span {}
	#userRow .actionOnUserButton {
		padding-top: 5vw;
	}
	.tagRow .actionOnTagButton {
		padding-top: 8vw;
	}
	#topNav #create a {
		margin-top: 8px;
	}
	#topNav .searching #create {
		display: none;
	}
}

@media (max-width: 340px) {
	#createWhichitLink {
		display: none;
	}
	#bannerInstall {
		background-size: 54px;
		padding: 12px 13px 11px 53px;
		background-position: 0px 6px;
		height: 60px;
	}
	#bannerInstall .header {
		font-size: 14px;
		margin: 1px 0 1px;
	}
	#bannerInstall .text {
		font-size: 13px;
	}
	#bannerInstall .actions .CTA {
		font-size: 12px;
		line-height: 30px;
		margin-top: 2px;
	}
}

.whichitEmbeded {
	max-width: 360px;
	margin: 0 auto;
}

@media only screen and (max-height: 448px) {
	.whichitEmbeded:not(.frames_2) {
		max-width: calc(100vh / 1.61803398875);
	}
}

.powered-by-embed {
	border-radius: 100px;
	box-sizing: initial;
	clear: both;
	float: left;
	margin-top: -3.5%;
	position: relative;
}

.powered-by-embed a,
.powered-by-embed a:hover {
	color: #25aae1;
	background: #ffffff none repeat scroll 0 0;
	border-radius: 30px;
	box-sizing: initial;
	float: left;
	height: 30px;
	padding: 4px;
	text-decoration: none;
}

.powered-by-embed a img {
	float: left;
	height: 30px;
	width: 30px;
}

.powered-by-embed a span {
	color: #25aae1;
	float: left;
	font-size: 90%;
	height: 30px;
	line-height: 28px;
	margin-left: 4px;
	padding-right: 4px;
}

.powered-by-embed a:hover span {
	text-decoration: underline;
}

.embedModal #embedHeader {
	border-bottom: 1px solid #b4b4b4;
	color: #515151;
	display: block;
	font-size: 1.25em;
	font-weight: 400;
	letter-spacing: 0.025em;
	line-height: 0.85em;
	margin-bottom: 10px;
	padding: 20px 0;
	position: relative;
	text-align: center;
	text-transform: uppercase;
}

.embedModal #embedHeader #closeEmbed {
	border-radius: 0 5px 0 0;
	color: #b4b4b4;
	cursor: pointer;
	display: block;
	font-size: 20px;
	font-weight: 300;
	height: 100%;
	left: auto;
	line-height: 52px;
	margin: auto;
	position: absolute;
	right: -5px;
	top: 0;
	width: 55px;
}

.embedModal #embedHeader #closeEmbed:hover {
	color: #515151;
	text-shadow: 1px 1px 0 rgba(180, 180, 180, 0.7);
}

.embedModal .codeContainer {
	border: 1px solid #898989;
	background-color: #f5f5f5;
	color: #8c8c8c;
	font-size: 14px;
	line-height: 17px;
	height: 34px;
	resize: none;
	white-space: nowrap;
	float: left;
	width: 100%;
	clear: both;
	padding: 2px;
	-webkit-appearance: none;
}

.embedModal .codeContainer:focus {
	outline: medium none;
}

.embedModal .tipAndClip {
	display: block;
	float: left;
	width: 100%;
}

.embedModal .tipAndClip .codeTip {
	color: #afbec8;
	display: block;
	float: left;
	font-size: 0.9em;
	line-height: 24px;
}

.embedModal .tipAndClip button#copy-button {
	background: #272727 none repeat scroll 0 0;
	border: medium none;
	border-radius: 0 0 5px 5px;
	color: #ffffff;
	float: right;
	font-size: 1em;
	height: 36px;
	padding: 0 10px;
	width: 50%;
	position: relative;
}

.embedModal .tipAndClip button#copy-button > div {
	position: absolute;
	height: 24px;
	left: -42.5px;
	right: 0;
	width: 135px;
	background-color: #272727;
	border-radius: 5px;
	top: -34px;
	color: #fff;
	line-height: 24px;
	opacity: 0;
	margin: 0 auto;
	-webkit-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}

.embedModal .tipAndClip button#copy-button > div:before {
	content: '';
	width: 0;
	position: absolute;
	height: 0;
	border-style: solid;
	bottom: -5px;
	margin: 0 auto;
	left: 0;
	right: 0;
	border-width: 5px 5px 0 5px;
	border-color: #272727 transparent transparent transparent;
}

.embedModal .tipAndClip button#copy-button:focus {
	outline: none;
}

.embedModal .previewContainer {
	text-align: center;
}

.embedModal .header-customize {
	display: block;
	float: left;
	clear: both;
	position: relative;
	width: 240px;
}

.embedModal .header-customize button {
	float: right;
	color: #FFF;
	background: #000;
	border: medium none;
	font-size: 0.75em;
	padding: 2px 5px;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	left: auto;
	margin: auto;
	border-radius: 5px;
}

.embedModal .embed-customize-field {
	display: block;
	border-top: 1px solid #b4b4b4;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
	line-height: 30px;
	clear: both;
	width: 240px;
}

.embedModal .embed-customize-field label {
	font-weight: normal;
	margin-bottom: 0;
}

.embedModal .embed-customize-field input {
	margin-top: 0;
}

.embedModal .embed-customize-field input::-ms-clear {
	display: none;
}

.embedModal .embed-customize-field input:-ms-clear {
	display: none;
}

.embedModal .embed-customize-field#colorpick {
	display: block;
	position: relative;
}

.embedModal .embed-customize-field#colorpick label {
	display: block;
	float: left;
	width: 100%;
	position: relative;
	z-index: 1;
}

.embedModal .embed-customize-field#colorpick label span {
	display: block;
	float: left;
}

.embedModal .embed-customize-field#colorpick label input {
	display: block;
	float: left;
	width: 135px;
	margin-left: 10px;
	margin-right: 0;
	height: 30px;
	padding: 0 4px;
}

.embedModal .embed-customize-field#colorpick label div {
	display: block;
	height: 16px;
	width: 16px;
	position: absolute;
	right: 7px;
	top: 0;
	bottom: 0;
	left: auto;
	margin: auto;
	border-radius: 3px;
	border: 1px solid #b4b4b4;
}

.embedModal .embed-customize-field#colorpick p.reset-colour {
	cursor: pointer;
	display: block;
	position: absolute;
	right: 26px;
	font-size: 0.85em;
	height: 30px;
	line-height: 29px;
	text-decoration: underline;
	color: #25aae1;
	top: 0;
	bottom: 0;
	margin: auto;
	left: auto;
	z-index: 2;
}

@media screen and (min-width: 1200px) {
	.embedModal #code-disclaimer-container {
		display: block;
		position: absolute;
		bottom: 30px;
		right: 15px;
		width: calc(58.33333333% - 30px);
	}
	.embedModal #code-disclaimer-container.twoFrames {
		position: relative;
		float: left;
		width: 100%;
		left: 0;
		top: 0;
		margin-bottom: 30px;
		margin-top: 15px;
	}
	.embedModal #code-disclaimer-container p.code-instructions {
		color: #b4b4b4;
		display: block;
	}
}

#embedModal {
	position: relative;
	background: #FFF;
	border-radius: 5px;
}

#dialog .modal-footer .btn-custom,
#dialog .modal-footer .btn-custom-grey {
	padding: 5px 10px;
	min-width: 75px;
}

#dialog {
	background: #FFF;
	border-radius: 5px;
}

#dialog .btn-close {
	background-image: url("/img/cancel-grey.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-color: #fff;
	box-shadow: none;
	width: 15px;
	height: 15px;
	border: none;
	position: fixed;
	top: 17px;
	right: 15px;
	transition: 0.2s ease;
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
}

#dialog .btn-close:hover {
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
}

#dialog .modal-title {
	font-weight: 600;
}

#dialog .modal-body {
	padding: 5px 15px;
}

#dialog .modal-body .copy-link-share {
	display: block;
}

#dialog .modal-body .copy-link-share a {
	background: #f5f5f5 none repeat scroll 0 0;
	border: 1px solid #898989;
	border-radius: 5px;
	display: block;
	font-size: 12px;
	margin-top: 15px;
	padding: 5px;
	resize: none;
	width: 100%;
	word-break: break-all;
	word-wrap: inherit;
}

#dialog .modal-body .copy-code-share {
	display: block;
}

#dialog .modal-body .copy-code-share textarea {
	background: #f5f5f5 none repeat scroll 0 0;
	border: 1px solid #898989;
	border-radius: 5px;
	display: block;
	font-size: 16px;
	height: auto;
	margin-top: 15px;
	min-height: 120px;
	overflow-y: auto;
	padding: 5px;
	resize: none;
	width: 100%;
	word-break: break-all;
	word-wrap: inherit;
}

#dialog .modal-footer {
	border-top: none;
	background-color: #f4f4f4;
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	-ms-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
}

#dialog .modal-footer .btn-custom,
#dialog .modal-footer .btn-custom-grey {
	padding: 5px 10px;
	min-width: 75px;
	color: #FFF;
	font-size: 1em;
}

.btn-custom {
	background-color: #25aae1;
	color: #fff;
	transition: all 0.1s ease-out 0s;
}

.btn-custom:hover,
.btn-custom:active {
	background-color: #1a8bb9;
	color: #fff;
}

.btn-custom img {
	height: 20px;
}

.btn-custom-grey {
	background-color: #b4b4b4;
	color: #fff;
	transition: all 0.1s ease-out 0s;
}

.btn-custom-grey:hover,
.btn-custom-grey:active {
	background-color: #818181;
	color: #fff;
}

.btn-custom-grey img {
	height: 20px;
}

/////CREATE
.whichit-block-create {
	margin: 30px auto;
	background-color: red;
}

.whichit-block-create .whichit-content {
	overflow: visible;
	background: #fff;
	position: relative;
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-ms-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}

.whichit-block-create .bottom-bar {
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	-ms-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
}

.whichit-block-create .bottom-bar .btn-custom-grey {
	min-width: 80%;
	padding: 0;
}

.whichit-block-create .bottom-bar .clear-padding {
	padding-right: 0;
}

#whSendInProgress {
	background: rgba(240, 243, 245, 0.67) none repeat scroll 0 0;
	bottom: 0;
	height: 100%;
	left: 0;
	margin: auto;
	padding-top: 10%;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 9;
}

.grey {
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}

@media screen and (max-width: 648px) {
	.whichit-block-create {
		margin: 30px 0;
	}
}

@media screen and (max-width: 414px) {
	.whichit-block-create {
		margin: 30px 0;
		overflow: visible;
	}
	.whichit-block-create .btn-image-from {
		width: 15%;
		height: 13%;
	}
	.whichit-block-create .btn-image-from-insta {
		left: -12%;
		top: 33%;
	}
	.whichit-block-create .btn-image-from-web {
		top: 48%;
		left: -12%;
	}
	.block-dispay-mobile {
		display: block;
		width: 100%;
	}
}

.btn-image-from {
	border: 1px solid #25aae1;
	background-color: #25aae1;
	width: 10%;
	height: 8%;
	padding: 0px;
	position: absolute;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
}

.btn-image-from:hover,
.btn-image-from:active {
	background-color: #1a8bb9;
}

.btn-image-from img {
	width: 100%;
}

.btn-image-from-insta {
	-webkit-border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-ms-border-radius: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px;
	bottom: 60%;
	left: -7%;
}

.btn-image-from-web {
	-webkit-border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-ms-border-radius: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px;
	bottom: 51%;
	left: -7%;
}

.custom-form-input {
	border: transparent;
	background-image: none;
	background-color: #fff;
	font-size: 16px;
	width: 100%;
	padding: 1%;
}

.question-holder {
	padding: 3%;
}

.question-input {
	-webkit-box-shadow: 0px 0px 1px 1px #cecece;
	-moz-box-shadow: 0px 0px 1px 1px #cecece;
	box-shadow: 0px 0px 1px 1px #cecece;
}

.question-input textarea {
	resize: none;
}

.question-input textarea:focus {
	outline: none;
}

.question-input .char-counter {
	font-size: 12px;
	color: #c1c1c1;
	padding: 0px 3px 0px 0px;
}

.question-input.focus {
	-webkit-box-shadow: 0px 0px 1px 1px #25aae1;
	box-shadow: 0px 0px 1px 1px #25aae1;
}

.popover-custom-content {
	color: #fff;
	margin: 10px;
	padding: 0px;
	list-style: none;
}

.popover-custom-content a {
	color: #fff;
}

.popover-custom-content a:hover {
	color: #25aae1;
	text-decoration: none;
}

.popover-custom-content li {
	margin: 0px;
	border-bottom: 1px solid #fff;
	padding: 5px 0px;
}

.popover-custom-content .clear-last {
	border-bottom: none;
}

.default-questions {
	position: relative;
}

.default-questions .icon {
	position: absolute;
	right: 2px;
	top: -3px;
	transition: 0.2s ease;
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
}

.default-questions .icon:hover,
.default-questions .icon:active {
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
}

.default-questions .icon img {
	width: 20px;
}

.whichit-create-frames {
	width: inherit;
	margin: 2% 2% 0% 2%;
}

.whichit-create-frames .create-frame-cell {
	float: left;
	width: 48%;
	margin: 1%;
	height: auto;
	position: relative;
}

.whichit-create-frames .create-frame-cell .active-frame {
	background: rgba(0, 0, 0, 0.6);
	z-index: 6;
	position: absolute;
	height: 100%;
	width: 100%;
	-webkit-box-shadow: 0px 0px 1px 1px #25aae1;
	-moz-box-shadow: 0px 0px 1px 1px #25aae1;
	box-shadow: 0px 0px 1px 1px #25aae1;
}

.whichit-create-frames .create-frame-cell .delete-frame {
	background: transparent url("/img/delete-frame.svg") no-repeat scroll 0 0/100% 100%;
	cursor: pointer;
	display: block;
	height: 30%;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	position: absolute;
	left: 70%;
	right: 5px;
	bottom: 5px;
	-webkit-transition: all 0.2s ease-out 0.1s;
	transition: all 0.2s ease-out 0.1s;
	z-index: 7;
}

.whichit-create-frames .create-frame-cell .delete-frame:hover {
	-webkit-filter: drop-shadow(-2px -2px 2px #000);
	filter: drop-shadow(-2px -2px 2px #000);
}

.whichit-create-frames .create-frame-cell .drop-box-image {
	cursor: pointer;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	padding: 0 0 100%;
	position: relative;
	width: 100%;
	z-index: 1;
	border: 1px solid #e7e7e7;
}

.whichit-create-frames .create-frame-cell .drop-box-empty {
	cursor: pointer;
	background-image: url("/img/create-drag-and-drop.svg");
	background-position: center;
	background-repeat: no-repeat;
	padding: 0 0 100%;
	position: relative;
	width: 100%;
	z-index: 1;
	border: 1px solid #e7e7e7;
}

.whichit-create-frames .create-frame-cell .drop-box-empty:hover {
	background-color: #f4f4f4;
}

.whichit-create-frames .create-frame-cell .drop-box-empty.current-frame {
	-webkit-box-shadow: 0px 0px 1px 2px #25aae1;
	-moz-box-shadow: 0px 0px 1px 2px #25aae1;
	box-shadow: 0px 0px 1px 2px #25aae1;
}

.whichit-create-frames .create-frame-cell .dragover {
	background-color: #f4f4f4;
}

.padded-top {
	padding: 20px 0px;
}

.whichit-block-create .bottom-bar {
	padding: 5px 0px 10px 0px;
	;
	background-color: #fff;
}

.whichit-block-create .bottom-bar .share-on {
	margin: 0px;
	color: #b4b4b4;
}

.whichit-block-create .bottom-bar .btn {
	font-size: 14px;
	padding: 8px 20px;
	border-radius: 0px;
}

@media screen and (max-width: 767px) {
	.whichit-block-create .bottom-bar .btn {
		display: block;
		width: 96%;
		margin: 0px 2%;
	}
}

@media screen and (max-width: 1100px) and (min-width: 992px) {
	.whichit-block-create .bottom-bar .btn {
		display: block;
		width: 96%;
		margin: 0px 2%;
	}
}

.whichit-block-create .bottom-bar .btn.btn-custom-grey {
	-webkit-box-shadow: 0px 0px 1px 1px #848484;
	-moz-box-shadow: 0px 0px 1px 1px #848484;
	box-shadow: 0px 0px 1px 1px #848484;
}

.whichit-block-create .bottom-bar .btn.btn-custom {
	-webkit-box-shadow: 0px 0px 1px 1px #2fc0fd;
	-moz-box-shadow: 0px 0px 1px 1px #2fc0fd;
	box-shadow: 0px 0px 1px 1px #2fc0fd;
}

.whichit-block-create .shareWh {
	padding: 15px;
	text-align: center;
}

.whichit-block-create .shareWh label {
	padding-top: 10px;
	color: #515151;
	font-weight: 500;
	font-size: 13px;
}

.whichit-block-create .shareWh svg {
	height: 25px;
	vertical-align: middle;
}

.share {
	width: 33%;
	padding: 5%;
	background-repeat: no-repeat;
	cursor: pointer;
}

.create-share-option {
	fill: #b4b4b4;
}

.create-share-option:hover {
	fill: #818181;
}

.share-community-active .st0 {
	fill: #25A9E1;
}

.share-community-active .st1 {
	fill: #F7941E;
}

.share-community-active .st2 {
	fill: #D6E03D;
}

.share-community-active .st3 {
	fill: #F15D22;
}

.share-community-active .st4 {
	fill: #C41230;
}

.share-community-active .st5 {
	fill: #8DC63F;
}

.share-community-active .st6 {
	fill: #E31B23;
}

.share-community-active .st7 {
	fill: #1988C9;
}

.share-community-active .st8 {
	fill: #13B5EA;
}

.share-facebook-active,
.share-facebook-active:hover {
	fill: #3d599f;
}

.share-friends-active,
.share-friends-active:hover {
	fill: #25aae1;
}

@media screen and (min-width: 1100px) {
	.vertical-align {
		display: flex;
		flex-direction: row;
	}
	.vertical-align > [class^="col-"],
	.vertical-align > [class*=" col-"] {
		display: flex;
		align-items: center;
		justify-content: center;
	}
}

@media screen and (max-width: 992px) and (min-width: 768px) {
	.vertical-align {
		display: flex;
		flex-direction: row;
	}
	.vertical-align > [class^="col-"],
	.vertical-align > [class*=" col-"] {
		display: flex;
		align-items: center;
		justify-content: center;
	}
}

.clear-padding {
	padding: 0;
}

.clear-margin {
	margin: 0;
}

.popover-custom {
	animation: growDown 0.1s cubic-bezier(0.39, 0.58, 0.57, 1);
	background-color: #272727;
	border-radius: 5px;
	padding: 4px;
	position: absolute;
	z-index: 20;
}

.popover-custom:before {
	border-color: transparent transparent #272727;
	border-style: solid;
	border-width: 0 10px 10px;
	content: "";
	height: 0;
	margin: auto;
	position: absolute;
	width: 0;
}

.popover-left {
	right: -10px;
	top: 30px;
	width: 208px;
}

.popover-left:before {
	right: 12px;
	top: -10px;
}

.img-holder {
	margin: 15px 0;
	line-height: 40px;
	display: inline-block;
	float: none;
}

.img-thumbnail {
	padding: 2px;
}

.selected {
	-webkit-box-shadow: 0px 0px 2px 2px #25aae1;
	-moz-box-shadow: 0px 0px 2px 2px #25aae1;
	box-shadow: 0px 0px 2px 2px #25aae1;
	overflow: hidden;
}

.modal-search {
	width: 100%;
}

.modal-search .form-group {
	width: 90%;
}

.modal-search .btn-custom {
	width: 7%;
	padding: 5px 8px;
	margin-left: 3%;
}

.modal-close-mobile {
	display: none;
	width: 0px;
}

.openLarge .modal-content {
	text-align: center;
}

.openLarge .modal-content img {
	width: 100%;
}

@media screen and (max-width: 767px) {
	.modal-close {
		display: none;
	}
	.modal-close-mobile {
		display: block;
		width: 7%;
		padding: 5px 8px;
		margin-left: 3px;
	}
	.modal-search {
		width: 90%;
	}
	.modal-search .form-group {
		width: 90%;
	}
}

.input-group-addon {
	background-color: #25aae1;
	border-color: #25aae1;
}

.input-group-addon a {
	color: #fff;
}

.insta-signin {
	padding: 50px;
}

.insta-signin h5 {
	color: #515151;
	font-size: 20px;
	margin-bottom: 50px;
}

.insta-signin .btn-custom {
	line-height: 40px;
	font-weight: 400;
	font-size: 18px;
}

.insta-signin .btn-custom img {
	height: 30px;
	width: 30px;
}

body .modal-sm {
	width: 440px;
}

@media screen and (max-width: 767px) {
	body .modal-sm {
		margin: 10px auto;
	}
}

.crop-modal .modal-body {
	height: 440px;
}

.crop-modal .modal-body .crop {
	position: relative;
	padding: 20px;
}

.crop-modal .modal-body .cropArea {
	height: 400px;
	text-align: center;
}

.crop-modal img-crop {
	height: 400px;
	display: block;
	position: relative;
	overflow: hidden;
}

.crop-modal img-crop canvas {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	outline: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	/* mobile webkit */
}

.crop-modal .crop-image-loader {
	height: 400px;
	display: block;
	position: relative;
	overflow: hidden;
}

.crop-modal .crop-image-loader loader {
	top: 38%;
	left: 34%;
	width: 150px;
	height: 150px;
}

.crop-modal .crop-image-loader loader div.spin {
	z-index: 0;
	width: 75px;
	height: 75px;
}

.crop-modal .crop-image-loader loader svg {
	height: 50px;
	width: 50px;
}

.crop-modal .image-load-error {
	height: 400px;
	display: block;
	position: relative;
	overflow: hidden;
}

.crop-modal .image-load-error p {
	color: #769bb3;
	text-align: center;
	line-height: 200%;
	margin: 45% auto 0% auto;
	text-transform: uppercase;
	font-size: 16px;
}

.crop-modal .modal-footer {
	text-align: center;
}

.crop-modal .modal-footer .btn {
	border-radius: 50px;
	padding: 10px;
}

.crop-modal .modal-footer .btn img {
	width: 20px;
	height: 20px;
}

.no-friends {
	padding: 50px;
	text-align: center;
}

.no-friends h3 {
	font-size: 25px;
	font-weight: bold;
	color: #25aae1;
}

.no-friends p {
	font-size: 18px;
	color: #25aae1;
	padding-bottom: 0;
}

.friend-item {
	border-top: 1px solid #e7e7e7;
	padding: 5px 0px;
}

.friend-item img {
	max-width: 60px;
	margin: 0px 20px;
}

.friend-item .user-name-block {
	padding: 15px 0px;
	line-height: 120%;
	margin: 0;
	font-weight: 400;
	color: #515151;
	height: 50px;
}

.friend-item .user-name-block span {
	color: #b4b4b4;
}

.friend-item input {
	width: 20px;
	height: 50px;
	position: absolute;
	right: 5%;
}

.check-all {
	margin: 0px 30px;
}

.check-all label {
	cursor: pointer;
	font-size: 15px;
	color: #25aae1;
	margin: 10px 0px;
}

.check-all label:hover {
	color: #13698d;
}

.check-all input {
	width: 20px;
	height: 20px;
	position: absolute;
	right: 5%;
	margin-top: 20px;
}

.modal-close {
	position: absolute;
	top: -20px;
	left: 100%;
	color: #fff;
	font-size: 20px;
	font-weight: 100;
	opacity: 0.6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
}

.modal-close:hover {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	color: #fff;
}

@media screen and (max-width: 767px) {
	.check-all .friend-item img {
		max-width: 50px;
	}
}

@media screen and (max-width: 560px) {
	.modal-search .btn-custom {
		width: auto;
		padding: 5px;
		margin-left: 3px;
	}
	.modal-search .btn-custom img {
		height: 13px;
	}
	.modal-close-mobile {
		display: block;
		width: auto;
		padding: 5px;
		margin-left: 3px;
	}
	.modal-close-mobile img {
		height: 13px;
	}
}

@media screen and (max-width: 414px) {
	.modal-close-mobile {
		width: 12%;
		padding: 5px;
	}
	.modal-search {
		width: 85%;
	}
	.modal-search .form-group {
		width: 82%;
	}
	.modal-search .btn-custom {
		width: 15%;
		padding: 5px;
	}
	.modal-body .insta-signin {
		padding: 30px;
	}
	.modal-body .insta-signin h5 {
		font-size: 16px;
		margin-bottom: 30px;
		line-height: 180%;
	}
	.modal-body .insta-signin .btn-custom {
		font-size: 16px;
	}
	body .modal-sm {
		margin: 10px auto;
		width: 100%;
	}
}

.create-search-header {
	height: 95px;
	position: relative;
}

.create-search-header .btn-custom {
	background: #b4b4b4;
}

.create-search-header .btn-custom.ready {
	background: #25aae1;
}

.create-search-header .modal-search .input-group-addon {
	background-color: #b4b4b4;
	border-color: #b4b4b4;
	position: relative;
	z-index: 101;
}

.create-search-header .modal-search.ng-dirty .input-group-addon {
	background-color: #25aae1;
	border-color: #25aae1;
}

.create-search-header #scrollToTop {
	background-color: #b4b4b4;
	border-radius: 4px;
	bottom: -70px;
	cursor: pointer;
	display: block;
	height: 40px;
	position: absolute;
	right: -70px;
	-webkit-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease 0s;
	width: 40px;
}

.create-search-header #scrollToTop svg {
	fill: #fff;
	width: 20px;
	height: 20px;
	display: block;
	margin: 6px 10px 0px 10px;
}

.create-search-header #scrollToTop span {
	color: #fff;
	font-size: 8px;
	text-transform: uppercase;
	clear: both;
	font-weight: 300;
	display: block;
}

.create-search-header #scrollToTop:hover {
	background-color: #515151;
}

@media screen and (max-width: 580px) {
	.create-search-header #scrollToTop {
		display: none;
		background: transparent;
		right: auto;
		top: 0;
		width: 25px;
		height: 25px;
		left: 0;
	}
	.create-search-header #scrollToTop svg {
		height: 15px;
		width: 15px;
		fill: #b4b4b4;
		margin-top: 0;
	}
	.create-search-header #scrollToTop span {
		display: none;
	}
}

.create-search-header.onCreate {
	height: 193px;
	position: relative;
}

@media screen and (max-width: 580px) {
	.create-search-header.onCreate {
		height: 160px;
	}
}

.create-search-header .dummy {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

.create-search-header.pinned {
	position: fixed;
	width: 100%;
	z-index: 999999;
	display: block;
	background-color: #FFF;
	height: auto;
	padding-bottom: 35px;
	top: 0;
}

@media screen and (max-width: 580px) {
	.create-search-header.pinned {
		height: auto;
	}
}

.create-search-header.pinned + .modal-body {
	padding-top: 80px;
}

.create-search-header.pinned.onCreate + .modal-body {
	padding-top: 193px;
}

@media screen and (max-width: 580px) {
	.create-search-header.pinned.onCreate + .modal-body {
		padding-top: 160px;
	}
}

#modalFramePreview {
	display: block;
	width: 100%;
	position: relative;
	clear: both;
	text-align: center;
}

#modalFramePreview .frame {
	display: inline-block;
	width: 15%;
	margin-right: 2%;
	position: relative;
	border: 1px solid #b4b4b4;
	border-radius: 3px;
}

@media screen and (max-width: 580px) {
	#modalFramePreview .frame {
		width: 16%;
	}
}

#modalFramePreview .frame img {
	display: block;
	height: auto;
	opacity: 0.68;
	width: 100%;
}

#modalFramePreview .frame img.active {
	border-color: #25aae1;
	opacity: 1;
}

#modalFramePreview .frame:last-child {
	margin-right: 0;
}

#modalFramePreview .frame .delete-frame {
	background: transparent url("/img/delete-frame.svg") no-repeat scroll 0 0/100% 100%;
	width: 100%;
	height: 100%;
	top: 0;
	background-color: rgba(0, 0, 0, 0.68);
	left: 0;
	border: 1px solid #25aae1;
	border-radius: 3px;
	background-size: 70%;
	z-index: 9;
	background-position: center center;
	position: absolute;
}

#modalFramePreview .frame .delete-frame:hover {
	-webkit-filter: none;
	filter: none;
}

#modalFramePreview .frame.web {
	position: relative;
	height: 0;
	padding-bottom: 15%;
	overflow: hidden;
}

#modalFramePreview .frame.web img {
	position: absolute;
}

#modalFramePreview .frame .peviewFrame {
	height: 100px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	opacity: 0.68;
}

.friends-modal-affix-top {
	position: fixed;
	width: 100%;
	z-index: 999999;
	display: block;
	height: auto;
	top: 0;
	border: none;
}

.scroll-content {
	overflow: hidden;
	padding-top: 120px;
}

.photo-search loader div.spin {
	z-index: 0;
}

.feed-header {
	position: absolute;
	left: 0;
	bottom: 0;
	line-height: 30px;
	width: 100%;
	text-align: center;
	height: 30px;
	background-color: #cecece;
	color: #fff;
}

.alert-container {
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	z-index: 1051;
}

.alert-container .alert {
	background: #323232 none repeat scroll 0 0;
	border: medium none;
	border-radius: 2px;
	box-shadow: none;
	color: #ffffff;
	font-size: 14px;
	overflow: hidden;
	padding: 14px 24px;
	-webkit-animation: fadeInUp 0.4s ease-in-out 0s 1 normal;
	animation: fadeInUp 0.4s ease-in-out 0s 1 normal;
}

.alert-container .alert .close {
	margin-right: 5px;
}

.alert-container .alert .close:hover,
.alert-container .alert .close:active,
.alert-container .alert .close:visited {
	outline: none;
	color: #fff;
}

.alert-container .alert.closing {
	-webkit-animation: fadeOutDown 0.4s ease-in-out 0s 1 normal;
	animation: fadeOutDown 0.4s ease-in-out 0s 1 normal;
}

.alert-container .alert.lines_1 {
	height: 48px;
}

.alert-container .alert.lines_2 {
	height: 80px;
	line-height: 18px;
	padding-bottom: 24px;
	padding-top: 24px;
}

.alert-container .alert .alertText {
	text-align: center;
	width: 100%;
	display: block;
}

.loaderCreate {
	position: absolute;
	top: 30%;
	left: 47%;
}

.straight-corners {
	border-radius: 0px;
}

.error {
	color: #ff000b;
	display: block;
	padding: 10px;
}

.error p {
	background: rgba(255, 0, 11, 0.18);
	border: 1px solid #ffb8bb;
	border-radius: 5px;
	color: #ff000b;
	margin: 0;
	padding: 15px 10px;
}

angucomplete-alt .angucomplete-holder {
	position: relative;
	display: block;
	height: 34px;
}

angucomplete-alt .angucomplete-holder #modalSearchInput_dropdown {
	position: absolute;
	top: 30px;
	z-index: 99;
	width: 100%;
	max-height: 200px;
	overflow-y: auto;
	background-color: #fff;
	border: 1px solid #25aae1;
	border-top: medium none;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

angucomplete-alt .angucomplete-holder #modalSearchInput_dropdown .angucomplete-searching {
	display: block;
	height: 40px;
	line-height: 40px;
	margin: 0 20px;
}

angucomplete-alt .angucomplete-holder #modalSearchInput_dropdown .angucomplete-row {
	border-bottom: 1px solid #b4b4b4;
	clear: both;
	cursor: pointer;
	display: block;
	margin: 10px 15px;
	overflow: hidden;
	padding: 0 5px 10px 0;
}

angucomplete-alt .angucomplete-holder #modalSearchInput_dropdown .angucomplete-row .angucomplete-image-holder {
	float: left;
	margin-right: 5px;
	width: 30px;
}

angucomplete-alt .angucomplete-holder #modalSearchInput_dropdown .angucomplete-row .angucomplete-image-holder img {
	border-radius: 100%;
	height: auto;
	width: 100%;
}

angucomplete-alt .angucomplete-holder #modalSearchInput_dropdown .angucomplete-row .angucomplete-title {
	color: #25aae1;
	font-size: 12px;
	height: 15px;
	padding-top: 2px;
}

angucomplete-alt .angucomplete-holder #modalSearchInput_dropdown .angucomplete-row .angucomplete-description {
	color: #b4b4b4;
	font-size: 12px;
	height: 15px;
	padding-bottom: 2px;
}

angucomplete-alt .angucomplete-holder #modalSearchInput_dropdown .angucomplete-row:last-child {
	border-bottom: medium none;
	margin-bottom: 0;
}

angucomplete-alt.searchingKeyword #modalSearchInput_dropdown {
	display: none !important;
}

.no-recolor {
	color: #333;
}


/*md-tabs .md-dynamic-height md-tab-content{
		background: #dbe4e9 !important;
}*/

#main-content md-tabs.md-default-theme md-tabs-wrapper,
#main-content md-tabs md-tabs-wrapper {
	background: inherit;
	border-top: 1px solid rgba(0, 0, 0, 0.08)
}

#main-content {
	padding: 0px;
	min-height: 450px;
}

.my-tabs-container {
	margin-bottom: 0;
	width: 100%;
	right: 0;
	left: 0;
	z-index: 100;
	height: 48px;
}

.my-tabs-container.true {
	top: 0px;
}

#main-content md-tabs-content-wrapper {
	background: #dbe4e9 !important;
}

#main-content md-tabs {
	border-radius: 0px;
}

#main-content md-tabs .md-active {
	color: #fff;
}

#main-content .md-tab {
	color: rgba(255, 255, 255, 0.36);
}

#main-content md-ink-bar {
	background: #fff;
	height: 3px;
}

#main-content md-tabs .md-tab .md-ripple-container {
	color: rgba(255, 255, 255, 0.36);
}

#main-content md-tabs.md-default-theme.md-primary > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]),
md-tabs.md-primary > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]) {
	color: rgba(255, 255, 255, 0.36);
}

.layout {
	margin: 20px auto 20px auto;
	width: 100%;
}

.layout .column {
	float: left;
}

.layout .column.size-1-4 {
	width: 25%;
}

.layout .column.size-1-3 {
	width: 33%;
}

.layout .column.size-1-2 {
	width: 50%;
}

.layout .column.size-1-1 {
	width: 100%;
}

.load-more {
	clear: both;
	height: 100px;
	margin: 0 auto;
	padding: 25px 0;
	width: 50px;
}

.load-more a {
	width: 50px;
	height: 50px;
	overflow: hidden;
}

.four-col-layout[feed-layout]::before {
	content: '4 .column.size-1-4';
	font-size: 0;
	visibility: hidden;
}

.three-col-layout[feed-layout]::before {
	content: '3 .column.size-1-3';
	font-size: 0;
	visibility: hidden;
}

.two-col-layout[feed-layout]::before {
	content: '2 .column.size-1-2';
	font-size: 0;
	visibility: hidden;
}

@media screen and (max-width: 1100px) {
	.four-col-layout {
		width: 100%;
	}
	.four-col-layout[feed-layout]::before {
		content: '2 .column.size-1-2';
	}
	.three-col-layout {
		width: 100%;
	}
	.three-col-layout[feed-layout]::before {
		content: '2 .column.size-1-2';
	}
	.two-col-layout {
		width: 100%;
	}
	.two-col-layout[feed-layout]::before {
		content: '2 .column.size-1-2';
	}
}

@media screen and (max-width: 992px) {
	.four-col-layout {
		width: 100%;
	}
	.four-col-layout[feed-layout]::before {
		content: '3 .column.size-1-3';
	}
	.three-col-layout {
		width: 100%;
	}
	.three-col-layout[feed-layout]::before {
		content: '2 .column.size-1-2';
	}
	.two-col-layout {
		width: 100%;
	}
	.two-col-layout[feed-layout]::before {
		content: '2 .column.size-1-2';
	}
}

@media screen and (max-width: 767px) {
	.four-col-layout {
		width: 100%;
	}
	.four-col-layout[feed-layout]::before {
		content: '2 .column.size-1-2';
	}
	.three-col-layout {
		width: 100%;
	}
	.three-col-layout[feed-layout]::before {
		content: '2 .column.size-1-2';
	}
	.two-col-layout {
		width: 100%;
	}
	.two-col-layout[feed-layout]::before {
		content: '2 .column.size-1-2';
	}
}

@media only screen and (max-width: 640px) {
	.four-col-layout {
		width: 100%;
	}
	.four-col-layout[feed-layout]::before {
		content: '1 .column.size-1-1';
	}
	.three-col-layout {
		width: 100%;
	}
	.three-col-layout[feed-layout]::before {
		content: '1 .column.size-1-1';
	}
	.two-col-layout {
		width: 100%;
	}
	.two-col-layout[feed-layout]::before {
		content: '1 .column.size-1-1';
	}
}

@media screen and (max-width: 495px) {
	.four-col-layout {
		width: 100%;
	}
	.four-col-layout[feed-layout]::before {
		content: '1 .column.size-1-1';
	}
	.three-col-layout {
		width: 100%;
	}
	.three-col-layout[feed-layout]::before {
		content: '1 .column.size-1-1';
	}
	.two-col-layout {
		width: 100%;
	}
	.two-col-layout[feed-layout]::before {
		content: '1 .column.size-1-1';
	}
}

.feed-loader {
	width: 75px;
	height: 55px;
	margin: 0 auto;
	padding: 25px 0;
}

.insecure-password-error-msg {
	display: block;
	color: red;
	font-weight: bold;
	text-align: center;
	padding-bottom: 20px;
	padding-top: 10px;
}

input#password-input.hasError {
	box-shadow: 0px 0px 12px red;
}

@media screen and (max-width: 540px) {
	#navRow.searching #create {
		display: none;
	}
}
.container-fluid.categories{
	padding: 0;
}
.categories .layout{
	 width: 98%;
}

.paded-container {
    margin: 20px auto;
    width: 95%;
}

.paded-container .layout {
    margin: 0;
}

.paded-container .heading {
    width: 100%;
    border-bottom: 1px solid #515151;
    text-align: center;
    position: relative;
    margin-bottom: 20px;
}

.heading h6 {
    color: #515151;
    font-weight: normal;
    font-size: 20px;
		text-transform: uppercase;
}

.btn:active,
.btn:focus {
    outline: none;
}

.heading .btn {
    position: absolute;
    right: 0;
    top: -10px;
    padding: 5px 20px;
    color: #ffffff;
    text-transform: uppercase;
}

.btn-light {
    background-color: #b4b4b4;
}

.btn-dark {
    background-color: #515151;
}

.main-content md-content {
    overflow: visible;
    background-color: transparent;
}

.category-box {
    margin: 5px 0;
    text-align: center;
		overflow: hidden;
}

.category-box:active,
.category-box:focus {
    outline: none;
}

.category-bg {
    background-position: center;
    background-repeat: no-repeat;
    padding-bottom: 100%;
    width: 100%;
    background-size: contain;

}
.category-box{
	    outline-style: solid;
		outline-width: 0px;
		padding: 0;
}

.category-box:hover {
    outline-width: 2px;
}

.category-floater {
    position: absolute;
    width: 100%;
    height: 100%;
}

.floater-bg {
    position: absolute;
    z-index: 1;
}

.category-floater.circled .floater-bg {
    width: 50%;
    height: 50%;
    border-radius: 1000px;
    top: 16%;
    left: 26%;
}

.category-floater.scuered .floater-bg {
    width: 100%;
    height: 100%;
    border-radius: 0px;
    top: 0;
    left: 0;
}
.category-floater.scuered .category-floater-content{
	 width: 50%;
    height: 50%;
    top: 16%;
    left: 26%;
		position: absolute;
}

.image-overlay{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.12);
    position: absolute;
}
.category-placeholder{
	position: relative;
}
.category-placeholder.on {
    top: 0;
    left: 0;
		z-index: 1;
}
.category-placeholder.off{
	background: transparent!important;
}

.selected-icon {
    width: 17%;
    position: absolute;
    top: 50%;
    left: 58%;
    z-index: 10;
    border-radius: 50px;
    border-color: transparent;
}

.category-floater p {
    color: #ffffff;
    text-transform: uppercase;
    margin-top: 5px;
    font-size: 1.85em;
    position: absolute;
    z-index: 10;
    width: 100%;
    top: 66%;
}

.category-floater-content {
    width: 100%;
    height: 100%;
}

.category-floater img {
    width: 100%;
}

.feed-loader {
    width: 75px;
    height: 100px;
    margin: 0 auto;
    padding: 20px 0;
		
}
.load-more a svg{
fill: #515151;
    -webkit-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s;
}
.load-more a svg:hover{
	fill: #25aae1;
}

#latest-btn-container {
    position: relative;
    top: 10px;
    left: 0;
    height: 35px;
    border-bottom: 1px solid #FDB813;
    margin: 0 10px;
}

#latest-btn-container .btn-text {
    width: 50%;
    background: transparent;
    border: none;
    padding: 0px;
    text-align: left;
    line-height: 30px;
    color: #FDB813;
    text-shadow: 0px 0px 1px #fff;
    font-size: 16px;
    font-style: italic;
}

#latest-btn-container .btn-text:hover,
#latest-btn-container .btn-text:active,
#latest-btn-container .btn-text:focus {
    outline: none;
}
.frame-holder {
    position: relative;
}

.frame-holder svg {
    width: 100%;
    height: auto;
}

.frame-holder svg g line, polyline {
    -webkit-animation: frameLoaderFill 1s ease-in infinite forwards; /* Chrome, Safari, Opera */
    animation: frameLoaderFill 1s ease-in infinite forwards;
}

.svg-overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
}
*:focus {
    outline: none;
}

md-tabs-wrapper md-next-button.md-disabled,
md-tabs-wrapper md-prev-button.md-disabled {
    opacity: 0;
}

md-icon.md-default-theme,
md-icon {
    color: #FFF;
}

md-tabs-canvas {
    width: calc(100% + 10px);
}

.Chrome.Windows #topNav #create a .plus {
    line-height: 20px;
}

.categories .innerContainerSpace #main-content {
    overflow: hidden;
}
.shareOverlay {
    background: rgba(0, 0, 0, .7);
    height: 100%;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 20
}

.shareOverlay .shareBar {
    bottom: 0;
    height: 50px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0
}

#whichitBlock .shareOverlay .shareBar {
    height: 170px;
    width: 170px;
}

#whichitBlock .shareOverlay .shareBar.two-frames {
    height: 105px;
    width: 240px;
}

.shareOverlay .shareBar a,
.shareOverlay .shareBar button {
    border-radius: 25px;
    display: inline-block;
    height: 50px;
    margin: 0 2px;
    width: 50px;
    background: 0 0;
    padding: 0;
    border: none
}

.shareOverlay .shareBar a:disabled,
.shareOverlay .shareBar button:disabled {
    cursor: not-allowed
}

.shareOverlay .shareBar a:disabled path,
.shareOverlay .shareBar a:disabled polygon,
.shareOverlay .shareBar button:disabled path,
.shareOverlay .shareBar button:disabled polygon {
    fill: #b4b4b4
}

.shareOverlay .shareBar a svg,
.shareOverlay .shareBar button svg {
    border-radius: 25px;
    display: block;
    fill: #fff;
    height: 50px;
    width: 50px
}

.shareOverlay .shareBar a:hover svg,
.shareOverlay .shareBar a:hover svg path,
.shareOverlay .shareBar a:hover svg polygon,
.shareOverlay .shareBar button:hover svg,
.shareOverlay .shareBar button:hover svg path,
.shareOverlay .shareBar button:hover svg polygon {
    fill: #d0d0d0
}
.wh4aModal {
    background: center 20vh #fff url(/img/Whichit-for-Advertisers-Page.jpg) no-repeat fixed;
    opacity: 0;
    transition: opacity 500ms ease 500ms;
}

.wf-active .wh4aModal {
    font-family: "Open Sans", Open Sans, helvetica, arial, sans-serif;
    opacity: 1;
}

.wh4aModal .modal-dialog {
    margin: 0;
    width: 100%;
}

.wh4aModal .modal-dialog .modal-content {
    background: transparent;
    border: medium none;
    box-shadow: none;
}

.wh4a-modal-content {
    display: block;
    height: 100vh;
    margin: 0 auto;
    overflow-y: auto;
    width: 100vw;
}

.wh4a-modal-content::after {
    background: #25aae1;
    bottom: 0;
    content: '';
    display: block;
    height: 20vh;
    position: fixed;
    width: 100%;
    z-index: 0;
}

.wh4a-header {
    background: #25aae1;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.09);
    color: #fff;
    font-size: 3.5vh;
    height: 14vh;
    margin: 0;
    padding-top: 5vh;
    position: fixed;
    text-align: center;
    width: 100%;
}

.wh4a-img {
    display: block;
    height: calc(420px + 14vh);
    padding-top: 14vh;
}

.wh4a-modal-body {
    background: #25aae1;
    padding-bottom: 30px;
    position: relative;
    z-index: 1;
}

.wh4a-modal-body p {
    color: #fff;
    font-size: 20px;
    margin: 0 auto;
    padding: 25px;
    max-width: 1080px;
    width: 100%;
    text-align: center;
}

.wh4a-modal-body hr {
    margin: 10px auto;
    max-width: 1040px;
    width: calc(100% - 20px);
}

.wh4a-modal-body .wh4a-modal-buttons {
    display: flex;
    justify-content: space-around;
    margin: 0 auto;
    max-width: 1000px;
    padding-top: 20px;
    width: 100%;
}

.wh4a-modal-body .wh4a-modal-buttons a,
.wh4a-modal-body .wh4a-modal-buttons button {
    background: #fff;
    border: medium none;
    border-radius: 100px;
    color: #25aae1;
    cursor: pointer;
    font-size: 16px;
    margin: 0 15px;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.wh4a-modal-body .wh4a-modal-buttons a:hover,
.wh4a-modal-body .wh4a-modal-buttons button:hover {
    box-shadow: 0 0 10px #fff;
}

.wh4a-modal-body .wh4a-modal-buttons a:active,
.wh4a-modal-body .wh4a-modal-buttons button:active {
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.18);
}

.wh4a-modal-body .wh4a-modal-buttons .alt {
    background: #CBCBCB;
    color: #fff;
}

@media screen and (max-width: 991px) {
    .wh4aModal {
        background-position: center 20vw;
        background-size: 90vw auto;
    }
    .wh4a-header {
        font-size: 3.5vw;
        height: 14vw;
        padding-top: 5vw;
    }
    .wh4a-img {
        height: 55vw;
        padding-top: 14vw;
    }
}

@media screen and (max-width: 500px) {
    .wh4a-header {
        font-size: 5vw;
        line-height: 6vw;
        height: 22vw;
    }
    .wh4aModal {
        background-position-y: 29vw;
    }
    .wh4a-img {
        height: 65vw;
        padding-top: 22vw;
    }
    .wh4a-modal-body p {
        font-size: 3.5vw;
        line-height: 5vw;
    }
    .wh4a-modal-body .wh4a-modal-buttons {
        flex-wrap: wrap;
    }
    .wh4a-modal-body .wh4a-modal-buttons a,
    .wh4a-modal-body .wh4a-modal-buttons button {
        margin-bottom: 20px;
    }
    .wh4a-modal-body .wh4a-modal-buttons a:last-child,
    .wh4a-modal-body .wh4a-modal-buttons button:last-child {
        margin-bottom: 0;
    }
}

@media screen and (min-height: 530px) {
    .wh4a-modal-content::after {
        height: 40vh;
    }
}