@charset "utf-8";

/* CSS Document */
@media(min-width: 1340px){

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

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

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

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

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

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

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

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

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

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

}
@media(max-width: 1180px){
div.browseArea div.browseListArea{
	max-width:750px;
	margin:0 auto;
}
div.browseArea div.browseListArea div.browseListBlock div.browseBlock{
	width:50%;
}
}
@media(max-width: 1170px){

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

}
@media(max-width: 1150px){
div.popupContainer div.popupArea.lSize{
	width:auto;
	margin:60px 25px;
}
}
@media(max-width: 1120px){

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

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

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

}
@media (max-width: 1060px){
div.homeHeaderContainer div.homeHeaderContentBlock div.homeHeaderBlock{
	padding-left:0;
	padding-right:0;
}
div.homeHeaderContainer div.homeHeaderContentBlock div.homeHeaderBlock ul.homeLoginBtns{
	right:50px;
}
div.homeHeaderContainer div.homeHeaderContentBlock div.homeHeaderBlock div.mainMenuArea{
	display:none;
	width:250px;
	border-radius:20px;
	-webkit-border-radius:20px;
	padding:10px;
	background:#1a1819;
	position:absolute;
	top:60px;
	right:0;
}
div.homeHeaderContainer div.homeHeaderContentBlock div.homeHeaderBlock div.mainMenuArea ul li{
	display:block;
	padding-left:0;
	padding-right:0;
	padding-bottom:10px;
}
div.homeHeaderContainer div.homeHeaderContentBlock div.homeHeaderBlock div.mainMenuArea ul li:last-child{
	display:block;
	padding-left:0;
	padding-right:0;
	padding-bottom:0;
}
div.homeHeaderContainer div.homeHeaderContentBlock div.homeHeaderBlock div.mainMenuArea ul li a{
	border-radius:500px;
	-webkit-border-radius:500px;
	text-align:left;
	background:#262425;
	padding:10px 20px;
	outline:none;
	display:block;
}
div.homeHeaderContainer div.homeHeaderContentBlock div.homeHeaderBlock div.mainMenuArea ul li a:hover,
div.homeHeaderContainer div.homeHeaderContentBlock div.homeHeaderBlock div.mainMenuArea ul li.active a,
div.footerContainer div.footerContentBlock div.footerMenuArea ul li a:hover{
	color:#fff;
	background-image:linear-gradient(to top, #ef1d4e, #ef5227);
}
div.homeHeaderContainer div.homeHeaderContentBlock div.homeHeaderBlock div.mainMenuIcon{
	display:block;
}
div.whatContainer div.whatContentBlock div.whatOptionsListArea ul.whatOptionsList li{
	width:50%;
}
div.homeHeaderContainer div.homeHeaderContentBlock div.homeHeaderBlock div.loggedinIcon,
div.homeHeaderContainer div.homeHeaderContentBlock div.homeHeaderBlock div.loggedinMenuArea{
	right:50px;
}
}
@media (max-width: 1050px){

}
@media (max-width: 1040px){
div.fansArea div.fansLeftContent{
	float:none;
	width:auto;
	padding-bottom:40px;
}
div.fansArea div.fansRightContent{
	float:none;
	width:auto;
}
}
@media (max-width: 1030px){

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

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

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

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

}
@media(max-width: 960px){
div.footerContainer div.footerContentBlock div.footerLogoArea{
	float:none;
	width:auto;
	padding-bottom:50px;
}
div.footerContainer div.footerContentBlock div.footerMenuArea{
	margin-left:0;
}
}
@media(max-width: 950px){

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

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

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

}
@media(max-width: 900px){
div.browseArea div.browseTopArea{
	text-align:center;
}
div.browseArea div.browseTopArea ul.browseMenu{
	float:none;
}
div.browseArea div.browseTopArea ul.browseMenu,
div.browseArea div.browseTopArea ul.browseMenu li{
	float:none;
	display:inline-block;
}
div.browseArea div.browseTopArea div.browseFieldsArea{
	float:none;
	height:auto;
	overflow:hidden;
	padding-top:20px;
}
div.browseArea div.browseTopArea div.browseFieldsArea div.browseFieldsBlock{
	width:30%;
}
div.browseArea div.browseTopArea div.browseFieldsArea div.browseFieldsBlock:first-child{
	width:40%;
}
}
@media(max-width: 880px){

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

}
@media(max-width: 860px){
div.createArea div.earningsArea{
	padding-right:0;
	min-height:0;
	max-width:660px;
	margin:0 auto;
}
div.createArea div.earningsArea div.earningsBlock{
	width:auto;
	position:static;
	top:auto;
	right:auto;
}
div.createArea div.earningsArea div.earningsListBlock ul.earningsLists li:last-child{
	padding-bottom:26px;
}
}
@media(max-width: 850px){
div.popupContainer div.popupArea.mSize{
	width:auto;
	margin:60px 25px;
}
}
@media(max-width: 840px){

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

}
@media(max-width: 800px){
div.homeHeadings h1{
	font-size:48px;
	line-height:58px;
}
div.bodyContainer div.bodyContentBlock h2,
div.homeHeadings h2,
div.whatContainer div.whatContentBlock h2{
	font-size:34px;
	line-height:44px;
}
div.bodyContainer div.bodyContentBlock h2 span,
div.whatContainer div.whatContentBlock h2 span{
	font-size:20px;
	line-height:30px;
}
div.browseArea div.browseListArea{
	max-width:360px;
	margin:0 auto;
}
div.browseArea div.browseListArea div.browseListBlock div.browseBlock{
	float:none;
	width:auto;
}
}
@media(max-width: 780px){

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

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

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

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

}
@media (max-width:720px){
div.homeHeroContainer div.homeHeroContentBlock div.homeHeroOffersArea div.homeHeroOffersBlock{
	padding:20px 25px;
}
div.homeHeroContainer div.homeHeroContentBlock div.homeHeroOffersArea div.homeHeroOffersBlock h3{
	position:static;
	top:auto;
	margin-top:0;
	left:auto;
	padding-bottom:20px;
}
div.homeHeroContainer div.homeHeroContentBlock div.homeHeroOffersArea div.homeHeroOffersBlock ul li{
	float:none;
	width:auto;
	padding-right:0;
	padding-bottom:10px;
	background-position:0 0;
}
div.homeHeroContainer div.homeHeroContentBlock div.homeHeroOffersArea div.homeHeroOffersBlock ul li:last-child{
	padding-bottom:0;
}
div.whatContainer div.whatContentBlock div.whatOptionsListArea ul.whatOptionsList li{
	float:none;
	width:auto;
	padding:10px;
}
}
@media (max-width:710px){

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

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

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

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

}
@media (max-width:640px){
div.fansArea div.fansRightContent ul.forFansList li{
	float:none;
	width:auto;
}
div.fansArea div.fansRightContent ul.forFansList li:last-child{
	padding-bottom:0;
}
}
@media (max-width:630px){

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

}
@media (max-width:600px){
div.bodyContainer,
div.homeHeroContainer,
div.whatContainer,
div.footerContainer.innerFooterContainer{
	padding-top:50px;
	padding-bottom:50px;
}
div.createArea,
div.fansArea,
div.meetArea,
div.footerContainer,
div.footerContainer div.footerContentBlock{
	padding-bottom:50px;
}
div.botContainer{
	margin-bottom:-210px;
}
div.formContainer div.floatFieldsBlock div.leftField{
	padding-bottom:20px;
}
div.formContainer div.floatFieldsBlock div.leftField,
div.formContainer div.floatFieldsBlock div.rightField{
	float:none;
	width:auto;
}
div.formContainer div.floatFieldsBlock div.threeFields{
	float:none;
	width:auto;
	padding-right:0;
	padding-bottom:20px;
}
div.formContainer div.floatFieldsBlock div.threeFields:last-child{
	padding-right:0;
	padding-bottom:0;
}
}
@media (max-width:590px){

}
@media (max-width:580px){
div.browseArea div.browseTopArea ul.browseMenu{
	display:block;
}
div.browseArea div.browseTopArea div.browseFieldsArea div.browseFieldsBlock{
	float:none;
	width:100% !important;
	padding-right:0;
	padding-bottom:10px;
}
div.browseArea div.browseTopArea div.browseFieldsArea div.browseFieldsBlock:last-child{
	padding-bottom:0;
}
}
@media (max-width:570px){

}
@media (max-width:560px){
div.homeHeaderContainer{
	padding-top:25px;
	padding-bottom:25px;
}
div.homeHeaderContainer div.homeHeaderContentBlock div.homeHeaderBlock div.homeLogoArea{
	width:120px;
	position:absolute;
	top:-4px;
}
div.homeHeaderContainer div.homeHeaderContentBlock div.homeHeaderBlock ul.homeLoginBtns li span{
	display:none;
}
div.homeHeaderContainer div.homeHeaderContentBlock div.homeHeaderBlock ul.homeLoginBtns li i{
	display:block;
}
div.homeHeaderContainer div.homeHeaderContentBlock div.homeHeaderBlock ul.homeLoginBtns li .btn{
	border-radius:500px;
	-webkit-border-radius:500px;
	padding:16px 0 0;
	width:48px;
	height:48px;
}
div.homeHeaderContainer div.homeHeaderContentBlock div.homeHeaderBlock ul.homeLoginBtns li .btn.noBgBtn{
	background:rgba(255, 255, 255, 0.1);
}
div.homeHeadings h1{
	font-size:34px;
	line-height:44px;
}
div.bodyContainer div.bodyContentBlock h2,
div.homeHeadings h2,
div.whatContainer div.whatContentBlock h2{
	font-size:28px;
	line-height:38px;
}
div.bodyContainer div.bodyContentBlock h2 span,
div.whatContainer div.whatContentBlock h2 span{
	font-size:18px;
	line-height:28px;
}
div.bodyContainer div.bodyContentBlock p,
div.homeHeroContainer div.homeHeroContentBlock p,
div.whatContainer div.whatContentBlock p,
div.fansArea div.fansLeftContent div.bodyContentHedingsArea p{
	font-size:16px;
	line-height:26px;
}
div.botContainer div.botBlock{
	padding:35px 25px 20px;
}
div.footerContainer div.footerContentBlock div.footerMenuArea div.footerMenuColumn:nth-child(1),
div.footerContainer div.footerContentBlock div.footerMenuArea div.footerMenuColumn:nth-child(2),
div.footerContainer div.footerContentBlock div.footerMenuArea div.footerMenuColumn:nth-child(3){
	width:50%;
}
}
@media (max-width:550px){
div.popupContainer div.popupArea.sSize{
	width:auto;
	margin:60px 25px;
}
}
@media (max-width:540px){

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

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

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

}
@media (max-width:500px){
div.popupContainer div.popupArea div.popupBlock div.popupBtns div.doubleBtn ul li{
	float:none;
	padding-right:0;
	padding-bottom:10px;
}
div.popupContainer div.popupArea div.popupBlock div.popupBtns div.doubleBtn ul li:last-child{
	padding-bottom:0;
}
}
@media(max-width: 480px){
div.formContainer div.floatFieldsBlock div.leftField2x{
	padding-bottom:20px;
}
div.formContainer div.floatFieldsBlock div.leftField2x,
div.formContainer div.floatFieldsBlock div.rightField1x{
	float:none;
	width:auto;
}
div.loginRegistrationArea div.loginRegistrationBlock ul.forgotPasswordLink{
	font-size:13px;
	line-height:23px;
}
}
@media(max-width: 470px){

}
@media(max-width: 460px){
div.createArea div.earningsArea div.earningsBlock{
	padding-left:25px;
	padding-right:25px;
}
}
@media(max-width: 450px){

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

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

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

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

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

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

}