/*
    ----------------------------------------------
    Developer   : emrecan.durmus@whydotnot.com
    Date        : 07/03/2017
    ----------------------------------------------
*/

.tooltipster-fall,.tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-base{display:flex;pointer-events:none;position:absolute}.tooltipster-box{flex:1 1 auto}.tooltipster-content{box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}.tooltipster-swing.tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall{-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{animation:tooltipster-fading .4s}@keyframes tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}.tooltipster-update-rotate{animation:tooltipster-rotating .6s}@keyframes tooltipster-scaling{50%{transform:scale(1.1)}100%{transform:scale(1)}}.tooltipster-update-scale{animation:tooltipster-scaling .6s}.tooltipster-sidetip .tooltipster-box{background:#4A4A4A;border:0;border-radius:4px}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{color:#fff;line-height:18px;padding:6px 14px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{height:0;position:absolute;width:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#4A4A4A;left:0;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#4A4A4A;left:-3px;top:0}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#4A4A4A;left:3px;top:0}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#4A4A4A;left:0;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:transparent}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:transparent}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:transparent}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:transparent}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px}

.icon-fox-add-2:before{content:'\0033';}
.icon-fox-close-2:before{content:'\0034';}
.icon-fox-smile:before{content:'\0035';}
.icon-fox-pencil:before{content:'\0036';}
.icon-fox-success-tick:before{content:'\0037';}
.icon-fox-article-information:before{content:'\0038';}
.icon-fox-article-edit:before{content:'\0039';}
.icon-fox-article-view:before{content:'\0021';}
.icon-fox-article-trash:before{content:'\0022';}
.icon-fox-photo-2:before{content:'\0023';}
.dib{ display: inline-block; vertical-align: middle; }

.popularUsersBox{
	width: 100%;
	background: #F3F3F3;
	padding: 20px;
	border: 1px solid #E6E6E6;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.popularUsersBox .popularUsers li{
	background: url(../svg/fox-arrow-right-2.svg) no-repeat right 14px;
    background-size: 14px 14px;
}
.popularUsersBox .popularUsers li img,
.popularUsersBox .popularUsers li span,
.popularUsersBox .popularUsers li i{ float: none; display: inline-block; vertical-align: middle; margin-bottom: 0; }
.popularUsersBox .popularUsers li span{ margin-right: 35px; }
.popularUsersBox .popularUsers li i{ margin-right: 25px; }
.popularUsersBox .popularUsers li i.icon-fox-slider-arrow-right{ color: #EB2C21; font-size: 16px; float: right; margin-top: 10px; margin-right: 20px; }
.popularUsers li{
	width: 100%;
	display: block;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #E6E6E6;
}
.popularUsers li:last-child{
	padding: 0; margin: 0;
	border: 0;
}
.popularUsers li a{
	display: block;
}
.popularUsers li img{
	width: auto; max-width: 100%;
	display: block;
	float: left;
	margin-right: 15px;
	margin-top: -3px;

	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border-radius: 200px;
}
.popularUsers li span{
	color: #4A4A4A;
	font-size: 14px;
	font-family: 'Gotham Medium';
	margin-bottom: 5px;
	margin-top: 0!important;
	display: block;
}
.popularUsers li i a{
	color: #4A4A4A;
	font-size: 13px!important;
	font-family: 'Gotham Book';
	margin-right: 5px;
	display: inline-block;
}
.popularUsers li i a strong{ font-family: 'Gotham Medium'; text-decoration: none!important; }
.popularUsers li i.caps{
	padding-left: 20px;
	background: url('../svg/fox-smile.svg') no-repeat left center;
	background-size: 14px 14px;
}
.popularUsers li i.article{
	padding-left: 20px;
	background: url('../svg/fox-article.svg') no-repeat left center;
	background-size: 14px 14px;
}
.popularUsers li i.likes{
	padding-left: 18px;
	background: url('../svg/fox-favorite.svg') no-repeat left center;
	background-size: 14px 14px;
}


#changeCharacterList{
	position: relative;
	padding: 10px 0;
}
#changeCharacterList .owl-item{ text-align: center; }
#changeCharacterList .img--mask{
	width: 140px; height: 140px;
	overflow: hidden;
	display: inline-block;
	margin-bottom: 15px;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border-radius: 200px;
}
#changeCharacterList .img--mask img{
	width: 100%;
	display: inline-block;
	margin-bottom: 20px;
}
#changeCharacterList span{
	color: #4A4A4A;
	font-size: 14px;
	font-family: 'Gotham Book';
	display: block;
}
#changeCharacterList h4{
	color: #4A4A4A;
	font-size: 20px;
	font-family: 'Gotham Medium';
	margin: 10px 0;
	display: block;
}
#changeCharacterList button{
	width: 100%; max-width: 100px;
	background: #fc2112;
	color: #FFFFFF!important;
	font-size: 12px;
	font-family: 'Gotham Medium';
	display: inline-block;
	padding: 15px 0 13px;
	margin-top: 20px;
	border: 0;
	outline: none;
	cursor: pointer;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px
}
#changeCharacterList .icon-fox-summary-arrow-left{
    position: absolute;
    left: 0; top: 50%;
    color: #4A4A4A;
    font-size: 24px;
    margin-top: -10px;
    margin-left: 10px;
    cursor: pointer;
    z-index: 9;
    opacity: 0.5;
}
#changeCharacterList .icon-fox-summary-arrow-left:hover{ opacity: 1; }
#changeCharacterList .icon-fox-summary-arrow-right{
    position: absolute;
    right: 0; top: 50%;
    color: #4A4A4A;
    font-size: 24px;
    margin-top: -10px;
    margin-right: 10px;
    cursor: pointer;
    z-index: 9;
    opacity: 0.5;
}
#changeCharacterList .icon-fox-summary-arrow-right:hover{ opacity: 1; }

.photoGallery .createCapsButton, .fancybox-inner .createCapsButton{
	background: #fc2112;
	color: #FFFFFF!important;
	font-size: 14px;
	font-family: 'Gotham Medium';
	display: inline-block;
	padding: 12px 10px 8px 10px;
	border: 0; outline: none; cursor: pointer;
	position: absolute;
	bottom: 9%; right: 90px;
	z-index: 3;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px
}
.fancybox-inner .createCapsButton{
	max-width: 150px;
	left: 0; right: 0; bottom: 15px;
	margin: auto;
}
.photoGallery .createCapsButton i, .fancybox-inner .createCapsButton i{
	display: inline-block;
	vertical-align: middle;
	margin-top: -1px;
	margin-right: 5px;
	color: #FFFFFF;
	font-size: 20px;
}
.fancybox-item.fancybox-close.icon-fox-close-2{
	width: auto; height: auto;
	font-size: 36px;
	position: fixed;
	right: 15px!important; top: 15px!important;
	z-index: 99;
}


/* -------------------- BLOG PAGE START -------------------- */

	.authorRow{
		width: 100%;
		display: block;
		margin: 10px 0 20px 0;
	}
	.authorRow a{ display: block; }
	.authorRow .authorRowImage{
		width: 100%; max-width: 30px;
		display: inline-block;
		vertical-align: middle;
		margin-right: 5px;
	}
	.authorRow .authorRowImage img{
		width: auto; max-width: 100%; max-width: 30px; max-height: 30px;
		display: block;
		margin: 0; padding: 0;

		-webkit-border-radius: 100px;
		-moz-border-radius: 100px;
		border-radius: 100px
	}
	.authorRow .authorRowInfo{
		display: inline-block;
		vertical-align: middle;
	}
	.authorRow .authorRowInfo i{
		color: #4A4A4A;
		font-size: 10px;
		font-family: 'Gotham Medium';
		display: block;
		margin: 0 0 3px 0; padding: 0;
	}
	.authorRow .authorRowInfo span{
		color: #4A4A4A;
		font-size: 14px;
		font-family: 'Gotham Medium';
		display: block;
		margin: 0; padding: 0;
	}
	.wordy h4{ padding: 5px 0; }
	.squareShareButtons a{ font-size: 32px; }

/* -------------------- BLOG PAGE END   -------------------- */


/* -------------------- PROFILE PAGE START -------------------- */

	#mainNavigation.transparent{ background: transparent; border-bottom: 1px solid #F2F2F2; }
	#mainNavigation .addArticleButton{
		background: #F3F3F3;
		border: 1px solid #E6E6E6;
		padding: 6px 15px;
		margin: 0 15px;

		color: #4A4A4A;
		font-size: 13px;
		font-family: 'Open Sans';
		font-weight: 400;
		display: inline-block;
		vertical-align: middle;

		-webkit-border-radius: 200px;
		-moz-border-radius: 200px;
		border-radius: 200px
	}
	#mainNavigation .addArticleButton i{
		color: #4A4A4A;
		font-size: 14px;
		display: inline-block;
		vertical-align: middle;
		margin-right: 5px;
	}
	#mainNavigation .addArticleButton:hover{
		color: #4A4A4A;
	}
	#mainNavigation .addArticleButton:hover:after{ border: 0; }
	#mainNavigation .addArticleButton.current, #mainNavigation .addArticleButton:hover{
		color: #fc2112;
		background: transparent;
		border: 1px solid #fc2112;
	}
	#mainNavigation .addArticleButton.current:after{ border: 0; }
	#mainNavigation .addArticleButton:hover:after{ border: 0; }
	#mainNavigation .addArticleButton.current i{ color: #fc2112; }

	#profileHeader{
		width: 100%;
		background: #F2F2F2;
		padding: 30px 0;
		position: relative;
	}
	#profileHeader .imageBox{
		width: ;
		display: inline-block;
		vertical-align: middle;
		margin-right: 20px;
	}
	#profileHeader .imageBox img{
		width: 100%;
		display: block;

		-webkit-border-radius: 200px;
		-moz-border-radius: 200px;
		border-radius: 200px
	}
	#profileHeader .userDetail{
		display: inline-block;
		vertical-align: middle;
	}
	#profileHeader .userDetail span{
		color: #4A4A4A;
		font-size: 20px;
		font-family: 'Gotham Medium';
		display: block;
		margin-bottom: 10px;
	}
	#profileHeader .userDetail i a{
		color: #4A4A4A;
		font-size: 14px;
		font-family: 'Gotham Book';
		margin-right: 20px;
		display: inline-block;
	}
	#profileHeader .userDetail i strong{ font-family: 'Gotham Medium'; }
	#profileHeader .userDetail i.caps{
		padding-left: 20px;
		background: url('../svg/fox-smile.svg') no-repeat left center;
		background-size: 14px 14px;
	}
	#profileHeader .userDetail i.article{
		padding-left: 20px;
		background: url('../svg/fox-article.svg') no-repeat left center;
		background-size: 14px 14px;
	}

	#profileHeader .profileBadge{
		width: 65px; height: 95px;
		background: url('../img/profile-badge-background.png') no-repeat left top;
		text-align: center;
		padding: 15px; margin: auto;
		position: absolute;
		left: 0; top: -1px; right: 0; bottom: auto;
	}
	#profileHeader .profileBadge img{
		width: auto; max-width: 100%;
		display: inline-block;
		margin-bottom: 5px;
	}
	#profileHeader .profileBadge span{
		color: #4A4A4A;
		font-size: 12px;
		font-family: 'Gotham Medium';
		display: block;
		line-height: 14px;
	}

	.favoriteArtistList{ width: 100%; }
	.favoriteArtistList .item{
		background: #EBEBEB;
		padding: 30px;
		text-align: center;
		position: relative;
		margin-right: 20px;

		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.favoriteArtistList .item .img--mask{
		width: 145px; height: 145px;
		overflow: hidden;
		display: inline-block;
		-webkit-border-radius: 200px;
		-moz-border-radius: 200px;
		border-radius: 200px;
	}
	.favoriteArtistList .item .img--mask img{
	    width: 100%;
	    display: inline-block;
	    margin-bottom: 10px;
	}
	.favoriteArtistList .item span{
		color: #4A4A4A;
	    font-size: 14px;
	    font-family: 'Gotham Book';
	    display: block;
	}
	.favoriteArtistList .item h4{
		height: 70px;
		color: #4A4A4A;
	    font-size: 20px;
	    font-family: 'Gotham Medium';
	    margin: 10px 0;
	    display: block;
	}
	.favoriteArtistList .item .hoverBox{
		width: 100%; height: 100%;
		background: url('../img/overlay-black-2.png') repeat left top;
		position: absolute;
		left: 0; top: 0;
		z-index: 3;
		opacity: 0;

		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		-webkit-transition: opacity ease-out .5s;
		-moz-transition: opacity ease-out .5s;
		-o-transition: opacity ease-out .5s;
		transition: opacity ease-out .5s;
	}
	.favoriteArtistList .item:hover .hoverBox{ opacity: 1; }
	.favoriteArtistList .item .hoverBox .removeListButton{
		color: #9B9B9B;
		font-size: 10px;
		font-family: 'Gotham Book';
		position: absolute;
		top: 10px; right: 10px;
		z-index: 3;
	}
	.favoriteArtistList .item .hoverBox .removeListButton i{ font-size: 13px; display: inline-block; vertical-align: middle; margin-left: 3px; }
	.favoriteArtistList .item .hoverBox .gotoArtistPageButton{
		color: #FFFFFF;
		font-size: 16px;
		font-family: 'Gotham Medium';
		position: absolute;
		left: 0; right: 0; top: 50%; bottom: 0;
		margin: auto;
		margin-top: -40px;
		text-decoration: underline;
		text-align: left;
		padding: 20px;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.favoriteArtistList .item .hoverBox .gotoArtistPageButton i{ font-size: 26px; display: inline-block; vertical-align: middle; margin-left: 20px; }

	.defaultFormElements label.span_6_of_12 input{ width: 50%; }
	.defaultFormElements label input[type="password"]{
		background: #F8F8F8;
		padding: 15px;
		margin: 0;
		border: 1px solid #D9D9D9;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius:4px
	}
	.defaultFormElements .passwordArea{
		background: #F9F9F9;
		padding: 20px;

		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
	}
	.defaultFormElements .changeInput{
		color: #4A4A4A;
		font-size: 12px;
		font-family: 'Open Sans';
		font-weight: 400;
		display: inline-block;
		vertical-align: middle;
		margin-left: 10px;
	}
	.defaultFormElements .opaHalf *{ opacity: 0.5; }

	.defaultFormElements .socialMediaConnect{ margin: 30px 0; }
	.defaultFormElements .socialMediaConnect h5{
		color: #4A4A4A;
		font-size: 16px;
		font-family: 'Open Sans';
		font-weight: 500;
		display: block;
		margin-bottom: 20px;
	}
	.defaultFormElements .socialMediaConnect a{
		width: 100px;
		background: #F9F9F9;
		display: inline-block;
		vertical-align: middle;
		padding: 8px 30px;
		border: 1px solid #D9D9D9;
		font-size: 14px;
		font-family: 'Gotham Medium';

		-webkit-border-radius: 100px;
		-moz-border-radius: 100px;
		border-radius: 100px;
	}
	.defaultFormElements .socialMediaConnect span{
		color: #9B9B9B;
		font-size: 11px;
		font-family: 'Open Sans';
		font-weight: 400;
		display: inline-block;
		vertical-align: middle;
		margin-left: 5px;
	}
	.defaultFormElements .socialMediaConnect span.on{
		color: #4A4A4A;
	}
	.defaultFormElements .socialMediaConnect span i{ display: none; }
	.defaultFormElements .socialMediaConnect span.on i{ display: inline-block; }
	.defaultFormElements .socialMediaConnect i{
		font-size: 20px;
	    display: inline-block;
	    vertical-align: middle;
	    margin-right: 5px;
	}
	.defaultFormElements .socialMediaConnect .facebookButton{ color: #3A5695; }
	.defaultFormElements .socialMediaConnect .facebookButton.on{ color: #FFFFFF; background: #3A5695; border-color: #3A5695; }

	.defaultFormElements .socialMediaConnect .twitterButton{ color: #54AAEB; }
	.defaultFormElements .socialMediaConnect .twitterButton.on{ color: #FFFFFF; background: #54AAEB; border-color: #54AAEB; }
	.defaultFormElements .socialMediaConnect .clear{ display: none; margin-top: 10px; }

	.defaultFormElements .actionButtons{ text-align: right; }
	.defaultFormElements .deleteProfile{
		color: #9B9B9B;
		font-size: 14px;
		font-family: 'Gotham Medium';
		display: block;
		float: left;
		margin-top: 34px;
	}

	.defaultFormElements .fileUploaderRow{ position: relative; cursor: pointer; display: inline-block; vertical-align: middle; }
	.defaultFormElements .fileUploaderRow span{
		width: 100%;
		background: #F8F8F8;
		padding: 15px; margin: 0;
		border: 1px solid #D9D9D9;
		color: #4A4A4A;
		font-size: 12px;
		font-family: 'Open Sans';
		font-weight: 400;
		display: block;
		cursor: pointer;

		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.defaultFormElements .fileUploaderRow span strong{
		width: 220px; height: 12px;
		overflow: hidden;
		display: inline-block;
		vertical-align: middle;
	}
	.defaultFormElements .fileUploaderRow span i{
		display: inline-block;
		vertical-align: middle;
		font-size: 18px;
	}
	.defaultFormElements .fileUploaderRow input{
		width: 100%; height: 100%;
		opacity: 0;
		position: absolute;
		left: 0; top: 0;
		cursor: pointer;
	}
	.defaultFormElements p{
		display: inline-block;
		vertical-align: middle;

		color: #4A4A4A;
		font-size: 12px;
		font-family: 'Open Sans';
		margin: 0 15px;
	}
	.defaultFormElements .addNewItem{
		color: #9B9B9B;
		font-size: 14px;
		font-family: 'Gotham Medium';
		display: block;
	}
	.defaultFormElements .addNewItem i{ display: inline-block; vertical-align: middle; margin-right: 3px; font-size: 20px; }

	.voteBox span{
		font-size: 11px!important;
		font-family: 'Gotham Medium'!important;
	}

	.deleteCaps{ font-size: 11px!important; color: #9B9B9B!important; }
	.deleteCaps i{ margin-left: 5px; font-size: 14px!important; margin-top: 0!important; }

	.articleActionText{
		color: #999999;
		font-size: 12px;
		font-family: 'Open Sans';
		font-weight: 400;
		display: inline-block!important;
		vertical-align: middle;
	}
	.articleActionText i{
		font-size: 18px;
		display: inline-block;
		vertical-align: middle;
		margin-right: 5px;
	}
	.articleInformation{
		color: #F6A623;
		margin: 10px 0;
		text-decoration: underline;
	}
	.articleView i{ font-size: 24px; }

	.defaultFormElements .icheckbox{
	    width: 16px; height: 16px;
	    background: url('../img/checkbox-2-background.png') no-repeat left top;
	    display: inline-block;
	    vertical-align: middle;
	    margin-right: 5px;
	}
	.defaultFormElements .icheckbox.checked{ background-position: left bottom; }
	.defaultFormElements .terms{
		color: #4A4A4A;
		font-size: 13px;
		font-family: 'Open Sans';
		font-weight: 400;
	}

	.articlePostDelete{
		color: #9B9B9B;
		font-size: 14px;
		font-family: 'Gotham Medium';
		float: left;
		margin: 30px 10px 0 0;
	}
	.articlePostDelete i{ font-size: 20px; display: inline-block; vertical-align: middle; margin-right: 5px; }

	.actionButtons .clear{ display: none; }

	.save-as-draft{
		padding: 10px 25px!important;
		-webkit-border-radius: 100px!important;
		-moz-border-radius: 100px!important;
		border-radius: 100px!important;
		cursor: pointer!important;
	}

	.notifications{}
	.notifications .row{
		padding: 15px 0;
	}
	.notifications .row span{
		color: #FFFFFF;
		font-size: 14px;
		font-family: 'Gotham Medium';
		display: block;
	}
	.notifications .row.error  { background: rgba(231,76,60,.88); }
	.notifications .row.success{ background: rgba(38,185,154,.88); }
	.notifications .row.warning{ background: rgba(243,156,18,.88); }
	.notifications .row.info   { background: rgba(52,152,219,.88); }

	.notifications.hidden { display:none }

	.tooltipster-base *{ font-size: 12px; line-height: 16px; }

	.photoInput{
		width: 140px; height: 140px;
		margin-top: 3px;

		-webkit-border-radius: 200px;
		-moz-border-radius: 200px;
		border-radius: 200px;
	}
	.photoInput img{ width: 100%; max-width: 100%!important; }

	#addItemFromGallery{
		color: #FFFFFF;
		background: #fc2112;
		font-size: 13px;
		font-family: 'Gotham Book';
		display: inline-block;
		margin: 0 5px;
		padding: 18px 45px;
		border: 1px solid #fc2112;

		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}

/* -------------------- PROFILE PAGE END   -------------------- */


/* -------------------- BLOG GALLERY START -------------------- */

	.blogGallery{ text-align: center; }
	.blogGallery .control{
		color: #fc2112;
		font-size: 24px;
		position: absolute;
		top: 50%;
		margin-top: -20px;
	}
	.blogGallery .control.blogGalleryCarousel-prev{
		left: 10px;
	}
	.blogGallery .control.blogGalleryCarousel-next{
		right: 10px;
	}
	.blogGallery .blogGalleryCarousel{
		width: 85%;
		display: inline-block!important;
		padding: 30px 0;
	}

	.blogGallery .blogGalleryCarousel a{ display: block; }
	.blogGallery .blogGalleryCarousel a img{
		width: 100%;
		display: block;
	}
	.blogGallery .blogGalleryCarousel a span{
		color: #4A4A4A;
		font-size: 13px;
		display: block;
		text-align: left;
		margin-top: 15px;
	}

	.galleryActionButton{
		color: #FFFFFF;
		background: #fc2112;
		font-size: 13px;
		font-family: 'Gotham Book';
		display: inline-block;
		margin: 0 0 25px 0;
		padding: 15px 25px;
		border: 1px solid #fc2112;

		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	#backToGalleries.galleryActionButton{ margin-left: 7.5%; }
	#useImage.galleryActionButton{ margin-right: 7.5%; }

	.capsTextArea{
		width: 100%;
		background: #fc2112;
		padding: 10px;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.capsTextArea input[type="text"]{
		width: 80%;
		background: transparent;
		color: #FFFFFF;
		font-size: 13px;
		font-family: 'Gotham Book';
		display: table-cell;
		float: left;
		padding: 10px;
		border: 0;
		border-bottom: 1px solid #FFFFFF;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.capsTextArea #saveCaps{
		background: transparent;
		border: 1px solid #FFFFFF;
		color: #FFFFFF;
		font-size: 13px;
		display: table-cell;
		padding: 11px 13px;
		float: right;
		cursor: pointer;
	}
	.capsTextArea input[type="text"]::-webkit-input-placeholder { color: #FFFFFF; }
	.capsTextArea input[type="text"]:-moz-placeholder			{ color: #FFFFFF; }
	.capsTextArea input[type="text"]::-moz-placeholder			{ color: #FFFFFF; }
	.capsTextArea input[type="text"]:-ms-input-placeholder		{ color: #FFFFFF; }

	.createCapsArea h3{
		display: block;
		font-size: 16px;
		font-family: 'Gotham Medium';
		color: #4A4A4A;
		margin: 15px 0;
	}
	.createCapsArea p{
		display: block;
		font-size: 13px;
		color: #4A4A4A;
		margin: 0 0 15px 0;
	}
	.createCapsArea p a{
		color: #fc2112;
		display: inline-block;
		vertical-align: middle;
		margin-left: 5px;
		margin-top: -3px;
	}

	.deleteProfileBox{
		padding: 20px;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.deleteProfileBox h3{
		display: block;
		font-size: 20px;
		font-family: 'Gotham Medium';
		color: #4A4A4A;
		margin: 15px 0;
	}
	.deleteProfileBox p{
		display: block;
		font-size: 13px;
		color: #4A4A4A;
		line-height: 20px;
		margin: 0 0 15px 0;
	}
	.deleteProfileBox a{ color: #fc2112; }
	.deleteProfileBox label{ display: inline; }
	.deleteProfileBox label span{
		display: inline-block;
		vertical-align: middle;
		margin-bottom: 0;
	}
	.deleteProfileBox .red-send-button{
		max-width: 200px;
		display: inline-block;
		margin-top: 20px;

		-webkit-border-radius: 200px;
		-moz-border-radius: 200px;
		border-radius: 200px;
	}

/* -------------------- BLOG GALLERY END   -------------------- */


/* -------------------- RESPONSIVE QUERIES START -------------------- */

	@media screen and (max-width: 1080px){

		#mainNavigation		{ padding: 7px 0; }
		#mainNavigation ul 	{ display: none; }

		.popularUsers li i a{
			display: inline-block;
		}
		.popularUsers li i{
			display: inline-block!important;
			vertical-align: middle;
			margin-right: 10px;
			float: none!important;
			margin-top: 0!important; margin-bottom: 0!important;
		}
		.popularUsers li{
			background: url('../svg/fox-arrow-right-2.svg') no-repeat right 14px;
			background-size: 14px 14px;
		}

		.changeCharacter{ display: none; }

		#profileHeader .profileBadge{ left: auto; right: 20px; }

		.defaultFormElements .addNewItem{ text-align: left; }

	}

	@media screen and (max-width: 820px){

		.articleAddForm{ width: 90%; }
		.defaultFormElements .terms{ float: right; width: auto; }
		.articlePostDelete{ margin-top: -3px; }
		.actionButtons .clear{ display: block; }

		.capsTextArea input[type="text"]{ width: 70%; }

	}

	@media screen and (max-width: 640px){

		.popularUsers li{ background: transparent; }
		.popularUsers li a{
			width: 100%;
			display: block;
		}
		.popularUsers li a img{
			float: left!important;
			margin-right: 15px!important;
		}
		.popularUsers li a span{
			display: block!important;
			margin-right: 0px;
			float: none!important;
			margin-top: 0!important; margin-bottom: 5px!important;
		}
		.popularUsers li a i{
			display: inline-block!important;
			margin-right: 10px;
			float: none!important;
			margin-top: 0!important; margin-bottom: 0px!important;
		}

		.photoGallery .createCapsButton{ font-size: 12px; right: 70px; }
		.photoGallery .createCapsButton i{ font-size: 14px; }

		.fancybox-inner .createCapsButton{ font-size: 12px; max-width: 130px; }
		.fancybox-inner .createCapsButton i{ font-size: 14px; }

		#profileHeader .profileBadge{ display: none; }
		#profileHeader .imageBox{ width: 80px; margin-right: 15px; }
		#profileHeader .userDetail span{ font-size: 18px; }
		#profileHeader .userDetail i{ margin-right: 10px; font-size: 12px; line-height: 14px; }

		.photoInputWrap .span_3_of_12{ width: 100%; margin: 0; text-align: center; }
		.photoInputWrap .span_9_of_12{ width: 100%; margin: 0; }
		.defaultFormElements .socialMediaConnect .clear{ display: block; }
		.defaultFormElements .socialMediaConnect a{ margin-left: 0!important; }
		.defaultFormElements .socialMediaConnect h5{ font-size: 14px; }

		.defaultFormElements .more-button{ font-size: 12px; margin-top: 15px; margin-right: 5px!important; padding: 10px 15px; }
		.defaultFormElements .submitButton{ font-size: 12px; max-width: 150px; }

		.defaultFormElements .actionButtons{ text-align: left; }
		.defaultFormElements .actionButtons .deleteProfile{ float: none; }

		.squareShareButtons{ margin-top: -5px!important; }

		.popularUsersBox .popularUsers li{ background: transparent; }
		.popularUsersBox .popularUsers li i{ margin-right: 10px; }
		.popularUsers li a *{ margin-right: 5px; }

		.articlePostDelete{ font-size: 12px; margin-top: 0; }
		.articlePostDelete i{ font-size: 16px; }
		.actionButtons.passwordArea .submitButton{ margin-top: 0; }
		.defaultFormElements p{ margin: 15px 0; }

		.defaultFormElements .terms{ font-size: 10px; }

		.blogGallery .blogGalleryCarousel-prev{ left: 0!important; }
		.blogGallery .blogGalleryCarousel-next{ right: 0!important; }

		.galleryActionButton{ padding: 12px 15px; font-size: 12px; }

		.blogGallery .blogGalleryCarousel a img{ display: inline-block; }
		.blogGallery .blogGalleryCarousel a span{ margin-left: 7%; }

		.blog-button.gray{ font-size: 12px!important; }
		.defaultFormElements .fileUploaderRow span strong{ width: 85%;  }

		.capsTextArea input[type="text"]{ width: 60%; }

	}

	@media screen and (max-width: 460px){

		.galleryActionButton{ float: none!important; display: block; width: 65%; margin-right: 0; margin-bottom: 20px; margin-left: 13.5%!important; }
		.blogGallery .blogGalleryCarousel a img{ width: 85%; margin-bottom: 0; }
		.defaultFormElements .fileUploaderRow{ margin-bottom: 20px; }

		.defaultFormElements .submitButton{ margin-top: 10px; }

		.capsTextArea input[type="text"]{ width: 50%; }

	}

/* -------------------- RESPONSIVE QUERIES END.  -------------------- */


.icon-fox-dislike{
	-webkit-transform: rotate(180deg);
	-moz-transform:    rotate(180deg);
	-ms-transform:     rotate(180deg);
	-o-transform:      rotate(180deg);
	transform:         rotate(180deg);
}

.blog-button.gray{
	background:transparent;
	padding:10px 25px;
	color:#9B9B9B;
	font-size:14px;
	font-family:'Gotham Medium';
	display:inline-block;
	border:1px solid #9B9B9B;
	margin:10px 0;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	border-radius:100px;
	-webkit-transition:all ease-out .3s;
	-moz-transition:all ease-out .3s;
	-o-transition:all ease-out .3s;
	transition:all ease-out .3s}

}

.blog-button.loading{
	background:transparent url(../img/ajax-request-ring.gif) no-repeat 10px center;
	background-size:18px;
	padding-left:35px
}

.blog-more-button.gray {
	background: #F3F3F3;
	padding: 10px 30px;
	color: #9B9B9B;
	font-size: 12px;
	font-family: 'Gotham Medium';
	display: inline-block;
	border: 1px solid #E6E6E6;
	outline: none;
	margin: 10px 0;
	cursor: pointer;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
}


.blog-more-button.gray {
	background: #F3F3F3;
	padding: 10px 30px;
	color: #9B9B9B;
	font-size: 12px;
	font-family: 'Gotham Medium';
	display: inline-block;
	border: 1px solid #E6E6E6;
	outline: none;
	margin: 10px 0;
	cursor: pointer;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
}

.blog-more-button.loading{
	background:transparent url(../img/ajax-request-ring.gif) no-repeat 10px center;
	background-size:18px;
	padding-left:35px
}

.photoInput .profileAvatarIcon{
	width: 100%; height: 100%;
	background: url('../img/cameraIcon.png') no-repeat center center;
	position: absolute;
	left: 0; top: 0;
	z-index: 1;
	opacity: 0.6;
}
.photoInput:hover .profileAvatarIcon{ opacity: 1; }

#deleteProfileImage{
	font-size: 13px;
	margin: 10px 0 0 0;
	display: inline-block;
}
.photoInput .mask{
	width: 140px; height: 140px;
	background-size: 140px 140px;
}