#body {
	background-color: #929292;
}
#mask {
	width: 470px;
}
#mobile-menu, #mobile-menu1, #mobile-menu2, #mobile-menu3, #mobile-menu4, #mobile-menu5, #mobile-menu6 {
	height: 70%;
	height: -webkit-calc(100% - 102px);
	height: -moz-calc(100% - 102px);
	height: calc(100% - 102px);
	width: 100%;
	min-height: 0;
	margin: 0 0 50px 0;
	padding: 0;
	background-color: #FFFFFF;
	border-bottom: 1px solid #000000;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
.mobile-menu-spacer {
	height: 7px;
}
.mobile-menu-item {
	height: 30px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	cursor: pointer;
	margin: 10px 2% 0 2%;
	padding: 10px 0;
	min-width: 150px;
	max-width: 490px;
	max-width: calc(6% + 450px);
	width: 96%;
	background-color: #D4D4D4;
}
.mobile-menu-item p {
	font-family: Arial !important;
	font-size: 16px !important;
	color: #000000 !important;
	line-height: 30px !important;
	font-weight: bold !important;
	text-align: center !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.mobile-links {
	padding-top: 14px !important;
	padding-bottom: 24px !important;
}
.mobile-links a {
	text-decoration: none !important;
}
.mobile-link-item {
	height: 18px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	cursor: pointer;
	margin: 10px 2% 0 2%;
	padding: 10px 0;
	min-width: 150px;
	max-width: 490px;
	max-width: calc(6% + 450px);
	width: 96%;
	background-color: #D4D4D4;
}
.mobile-link-item p {
	font-family: Arial !important;
	font-size: 14px !important;
	color: #000000 !important;
	line-height: 18px !important;
	text-align: center !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
H3, H4, #main-content1 p, #main-content2 p, #main-content3 p, #main-content4 p, #main-content5 p, #main-content6 p {
	margin-left: 2% !important;
	margin-right: 2% !important;
}
table {
	margin-left: 2% !important;
	margin-right: 2% !important;
	margin-left: calc(2% - 3px) !important;
	margin-right: calc(2% - 3px) !important;
}
#requestpin, #newemail, #emailfrequency, #deleteaccount {
	margin-left: 2% !important;
	margin-right: 2% !important;
	margin-bottom: 23px;
}
#requestpin input, #newemail input, #emailfrequency select, #deleteaccount input {
	margin-left: 0;
}
#fastlogin, #infobar, #footer, #shadow, #art, #menu {
	display: none;
}
#back {
	display: none !important;
}
#shield, #dating, #mail, #emblem {
	display: none;
}
#container1, #container2, #main, #main-content1, #main-content2, #main-content3, #main-content4, #main-content5, #main-content6, #public1-container1, #public2-container1, #public3-container1, #public4-container1, #public5-container1, #public6-container1, #account-container1, #chat-container1 {
	width: 100%;
	height: 100%;
	min-height: 0;
	margin: 0;
	padding: 0;
	background: none;
	overflow: hidden;
}
#footerbar, #menubar {
	display: block;
}
#topbar, #topbar1, #topbar2, #topbar3, #topbar4, #topbar5, #topbar6 {
	width: 100%;
	padding: 0;
	background-color: #242524;
	border-bottom: 1px solid #242524;
	display: block;
}
#public1-container2, #public2-container2, #public3-container2, #public4-container2, #public5-container2, #public6-container2, #account-container2 {
	background-color: #FFFFFF;
	border-bottom: 1px solid #000000;
	height: 70%;
	height: -webkit-calc(100% - 102px);
	height: -moz-calc(100% - 102px);
	height: calc(100% - 102px);
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
#chat-container2 {
	border: none;
	border-bottom: 1px solid #000000;
	background-color: #EAEAEA;
	height: -webkit-calc(100% - 102px);
	height: -moz-calc(100% - 102px);
	height: calc(100% - 102px);
	-webkit-overflow-scrolling: touch;
}
#chat-container3 {
	top: auto;
	bottom: 80px;
}
#chat-container4 {
	background-color: #7395AE;
}
#image1 {
	top: auto;
	left: auto;
}
#aboutme {
	height: 172px !important;
}
#chat-scroll {
	width: 59px;
	margin-left: 0px;
}
#chat-scrollbutton {
	margin: 7px 15px;
}
.product, .method, #payment, #notready1, #notready2 {
	margin: 10px 2% 0 2%;
	padding: 10px 0;
	min-width: 150px;
	max-width: 490px;
	max-width: calc(6% + 450px);
	width: 96%;
	background-color: #D4D4D4;
}
#searchbar1, #searchbar2 {
	margin: 14px 2% 0 2%;
	max-width: 500px;
	max-width: calc(6% + 450px)
}
#searchbar1-button, #searchbar2-button {
	padding-right: 0;
}
#favorites, #newmembers, #recommended {
	margin: 5px 2% 5px 0;
	padding: 10px 5px;
	width: 28%;
	background-color: #D4D4D4;
}
.product-selected, .method-selected {
	background-color: #AEAEAE;
}
#dconnect1, #dconnect2, #dconnect3 {
	margin-left: 3%;
	margin-left: calc(3% - 5px);
}
#startpayment1 {
	margin-right: 3%;
	margin-right: calc(3% - 5px);
}
#startpayment2 {
	margin-right: 3%;
	margin-right: calc(3% - 8px);
}
#startpayment3 {
	margin-right: 3%;
	margin-right: calc(3% - 5px);
}
.product-description {
	width: 200px;
	padding-left: 3%;
}
.method-description {
	width: 275px;
	padding-left: 3%;
}
.product-select, .method-select {
	width: 21px;
	margin-left: 3%;
	margin-right: 3%;
}
.product-radio, .method-radio {
	margin-left: 0;
}
.product-price {
	margin-right: 3%;
}
.notready1-text, .notready2-text {
	margin-right: 3%;
	margin-right: calc(3% - 2px);
}
#profile-info {
	margin-right: 3%;
}
@media only screen and (max-width: 550px) {
	.offer-text2 {display: none;}
}
@media only screen and (max-width: 475px) {
	.notready1-text, .notready2-text {margin: 15px 8px 0 0; width: 130px; text-align: left;}
}
@media only screen and (max-width: 440px) {
	.product-text5, .product-text6 {display: none;}
	.product-text7 {display: inline;}
	.product-description {width: 115px;}
	.method-description {width: 170px;}
	.group-text {font-size: 14px !important;}
	.group-text1 {display: none;}
	.group-text2 {display: inline;}
	#favorites, #newmembers, #recommended {width: 26%;}
}
@media only screen and (max-width: 400px) {
	#members-content, #search-content {min-width: 0 !important;}
}
@media only screen and (max-width: 385px) {
	#dconnect1, #dconnect2, #dconnect3 {margin-top: 4px; width: 152px; margin-left: calc(3% - 8px);}
	#dconnect1 span, #dconnect2 span, #dconnect3 span {font-size: 32px;}
	#dconnect1 p, #dconnect2 p, #dconnect3 p {font-size: 14px;}
	#startpayment1 {display: none;}
	#startpayment2 {display: inline;}
}
@media only screen and (max-width: 370px) {
	#costs1, #packs1, #payments1, #follow1, #company1, #emails1, #banktransfer1 {display: none;}
	#costs2, #packs2, #payments2, #follow2, #company2, #emails2, #banktransfer2 {display: block;}
}
@media only screen and (max-width: 340px) {
	.product-art, .method-art {display: none;}
	.product-description, .method-description {padding-left: 0;}
	#dconnect1, #dconnect2, #dconnect3 {margin-top: 10px !important; width: 125px !important; margin-left: calc(3% - 5px) !important;}
	#dconnect1 span, #dconnect2 span, #dconnect3 span {font-size: 27px !important;}
	#dconnect1 p, #dconnect2 p, #dconnect3 p {font-size: 12px !important;}
	#startpayment2 {width: 125px; margin-right: calc(3% - 5px);}
	#startpayment2 button {width: 116px;}
	#dconnect1, #dconnect2 {display: none;}
	.notready1-text {width: 70%; margin-left: 15%; margin-right: 15%; margin-top: 14px; text-align: center;}
	.notready2-text {width: 44%; margin-left: 28%; margin-right: 28%; margin-top: 14px; text-align: center;}
}
@media only screen and (max-width: 330px) {
	#time {display: none;}
	#favorites, #newmembers, #recommended {width: 96%;}
}
@media only screen and (max-width: 292px) {
	#startpayment2 {display: none;}
	#startpayment3 {display: inline;}
}
@media only screen and (max-width: 280px) {
	.notready2-text {width: 54%; margin-left: 23%; margin-right: 23%;}
}
@media only screen and (max-width: 260px) {
	.notready1-text {width: 96%; margin-left: 2%; margin-right: 2%;}
	.notready2-text {width: 58%; margin-left: 21%; margin-right: 21%;}
}
@media only screen and (max-width: 255px) {
	.product-text3, .product-price, .method-text2 {display: none;}
	.product-text8, .method-text3 {display: inline;}
	.product-description, .method-description {min-width: 115px; max-width: 115px; max-width: calc(100% - 65px); width: 100%; text-align: center;}
	#dconnect3 {display: none;}
	#startpayment3 {display: none;}
	#startpayment2 {display: inline; width: 96%; margin-left: 2%; margin-right: 2%;}
	.notready2-text {width: 60%; margin-left: 20%; margin-right: 20%;}
	#cash {margin-left: 0;}
}
@media only screen and (max-width: 254px) {
	#profile-info1 {display: none;}
	#profile-info2 {display: block;}
}
@media only screen and (max-width: 230px) {
	#date {display: none;}
	.chats-profile {max-width: 100%;}
}
@media only screen and (max-width: 220px) {
	.notready2-text {width: 70%; margin-left: 15%; margin-right: 15%;}
}
@media only screen and (max-width: 200px) {
	#topbar-title, #topbar1-title, #topbar2-title, #topbar3-title, #topbar4-title, #topbar5-title, #topbar6-title {padding: 0 13px 0 12px; width: calc(100% - 165px);}
}
@media only screen and (max-width: 190px) {
	.notready2-text {width: 80%; margin-left: 10%; margin-right: 10%;}
}
@media only screen and (max-width: 185px) {
	.method-text4 {display: none;}
	#issuer {min-width: 130px;}
	#topbar-credits {display: none !important;}
	#topbar-login, #topbar1-login, #topbar2-login, #topbar3-login, #topbar4-login, #topbar5-login, #topbar6-login {display: none !important;}
}
#main-content1 .product-text1, #main-content1 .product-text2, #main-content1 .product-text3, #main-content1 .product-text4 {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#signup1, #form1, #form2, #form3, #form4 {
	background-color: #D4D4D4;
	min-width: 150px;
	max-width: 450px;
	width: 90%;
}
#signup1 {
	padding: 6px 3% 10px 3%;
	margin: 30px 2%;
}
#form1, #form2, #form4 {
	padding: 20px 3% 25px 3%;
	margin: 30px 2%;
}
#form3 {
	padding: 20px 3% 25px 3%;
	margin: 30px 2% 20px 2%;
}
#form4 {
	min-width: 165px;
	overflow: hidden;
}
#form1 div, #form2 div, #form3 div, #form4 div {
	height: auto;
}
#form2 div input, #form3 div input, #form2 div textarea, #form1 div input, #form1 div textarea, #form4 div input, #form4 div textarea {
	padding: 2px 6px;
	width: 97%;
	width: calc(100% - 14px);
	margin-top: 0;
}
#form1 div p, #form4 div p {
	width: 100%;
	text-align: left;
}
#form1 div input, #form2 div input, #form3 div input, #form4 div input {
	height: 24px;
	margin-bottom: 10px;
}
#form1 div select, #form4 div select {
	padding: 2px;
	height: 30px;
	margin-bottom: 10px;
	width: 100%;
	margin-top: 0;
	float: left;
}
#form1 div p, #form2 div p, #form3 div p, #form4 div p {
	float: none;
	text-align: left;
}
#signup1 button, #form1 button, #form2 button, #form3 button, #form4 button {
	min-width: 85px;
	width: 100%;
}
#return button, #signup2 button, #signup3 button, #failed-help button, #logout1 button, #logout2 button, #orderstatus button {
	min-width: 85px;
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
}
#failed-help button {
	position: static;
}
#signup1 button {
	margin-left: 0;
}
#form4 button {
	margin-top: 29px;
	margin-bottom: 0;
}
#signup1 H3 {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#checks1 img {
	margin-left: 0;
	margin-right: 0;
}
#checks2 img {
	margin-left: 2%;
	margin-right: 0;
}
#checks2 p {
	margin-left: 3% !important;
	margin-left: calc(2% + 6px) !important;
}
#check2, #check3, #check4 {
	width: 100%;
	line-height: 35px;
	text-align: left;
}
#check4 {
	margin-top: 12px;
	margin-bottom: -12px;
	padding-bottom: 0;
}
.chats-convo {
	margin: 20px 2%;
	min-width: 150px;
	width: 96%;
}
#day {
	width: 23% !important;
	margin-right: 2%;
}
#month {
	width: 44% !important;
	margin-right: 2%;
}
#year {
	width: 29% !important;
}
#length, #weight {
	width: 49% !important;
}
#length {
	margin-right: 2%;
}
#disclaimer {
	margin-top: 41px;
	margin-bottom: 10px;
}
.activate {
	font-size: 18px !important;
}
#profile {
	min-width: 165px;
	overflow: hidden;
	padding: 20px 3% 11px 3%;
	margin: 30px 2%;
	background-color: #D4D4D4;
	min-width: 150px;
	max-width: 450px;
	width: 90%;
}
.about {
	margin: -6px -2% 0 -2% !important;
}
#searchbar1 select, #searchbar2 select {
	padding: 2px;
	height: 30px;
	margin-bottom: 10px;
	width: 100%;
	margin-top: 0;
}
#searchbar1 input, #searchbar2 input {
	padding: 2px 6px;
	width: 97%;
	width: calc(100% - 14px);
	margin-top: 0;
	height: 24px;
	margin-bottom: 10px;
}
#groups {
	margin: 10px 2% 0 2%;
	padding: 10px 0;
	min-width: 150px;
	max-width: 465px;
	max-width: 96%;
	width: 88%;
	width: calc(6% + 450px);
}
.group-art, .group-description {
	width: 100%;
}
#members-content, #search-content {
	margin: 4px 2% 0 2%;
	min-width: 400px;
}
.member {
	margin: 0 14px 25px 0;
}
.longtext1 {
	max-width: 175px;
}
.longtext2, .longtext4 {
	max-width: 120px;
}
#topbar-title span, #topbar1-title span, #topbar2-title span, #topbar3-title span, #topbar4-title span, #topbar5-title span, #topbar6-title span {
	color: #FFFFFF;
}
#topbar-chats-received {
	display: block;
	border: 1px solid #FFFFFF;
}
#topbar-credits {
	border: 1px solid #FFFFFF;
}
.dating {
	background-image: none;
}
#public1-container2, #public2-container2, #public3-container2, #public4-container2, #public5-container2, #public6-container2, #account-container2 {
	min-height: 0;
}
button {
	background-color: #557A95 !important;
	border: 1px solid #3E6988 !important;
}
@media only screen and (max-width: 280px) {
	#day {width: 100% !important; margin-right: 0;}
	#month {width: 100% !important; margin-right: 0; margin-top: -7px !important;}
	#year {width: 100% !important; margin-top: -7px !important;}
	#length {width: 100% !important; margin-right: 0;}
	#weight {width: 100% !important; margin-top: -7px !important;}
}
.easyWheel {
	width: auto !important;
	max-width: calc(6% + 430px) !important;
	margin: 0 calc(2% + 10px) !important;
	top: 65px;
}
.spinner-message, .spinner-error {
	width: auto !important;
	max-width: calc(6% + 430px) !important;
	margin: calc(6% + 25px) calc(2% + 10px) 0 calc(2% + 10px) !important;
	padding: 20px 0 !important;
}
.donee, .donor {
	margin: 10px 2% 0 2%;
	padding: 10px 0;
	min-width: 150px;
	max-width: 490px;
	max-width: calc(6% + 450px);
	width: 96%;
	background-color: #D4D4D4;
}
.donee-text3 {
	display: none;
}
.donee-text4 {
	display: inline;
}
.donee-selected {
	background-color: #AEAEAE;
}
.donee-description {
	width: 260px;
	padding-left: 3%;
}
.donee-select {
	width: 21px;
	margin-left: 3%;
	margin-right: 3%;
}
.donee-radio {
	margin-left: 0;
}
.donateinfo1, .donateinfo2, .selectdonee {
	width: calc(96% - 220px);
}
#notready3 {
	margin: 10px 2% 0 2%;
	padding: 10px 0;
	min-width: 150px;
	max-width: 490px;
	max-width: calc(6% + 450px);
	width: 96%;
	background-color: #D4D4D4;
}
.notready3-text {
	margin-right: 3%;
	margin-right: calc(3% - 2px);
}
#turnwheel {
	margin: 10px 2% 0 2%;
	padding: 10px 0;
	min-width: 150px;
	max-width: 490px;
	max-width: calc(6% + 450px);
	width: 96%;
	background-color: #D4D4D4;
}
#startwheel1 {
	margin-right: 3%;
	margin-right: calc(3% - 5px);
}
#startwheel2 {
	margin-right: 3%;
	margin-right: calc(3% - 8px);
}
#startwheel3 {
	margin-right: 3%;
	margin-right: calc(3% - 5px);
}
#turnamount1, #turnamount2 {
	margin-left: 3%;
	margin-left: calc(3% - 5px);
}
.wheelinfo {
	margin-bottom: 25px !important;
}
.sticker {
	margin: 0 5px 24px 62%;
	padding: 5px 10px;
	width: 165px;
	height: 35px;
	line-height: 18px;
}
#payordonate {
	margin: 10px 2% 0 2%;
	padding: 10px 0;
	min-width: 150px;
	max-width: 490px;
	max-width: calc(6% + 450px);
	width: 96%;
	background-color: #D4D4D4;
	height: 131px;
}
#payordonate-info1 p {
	font-size: 14px;
	margin: 5px 20px;
}
@media only screen and (max-width: 800px) {
	.donateinfo1, .donateinfo2 {width: calc(96% - 195px);}
	.selectdonee {width: calc(96% - 190px);}
	.easyWheel {top: 60px;}
}
@media only screen and (max-width: 700px) {
	.easyWheel {top: 55px;}
}
@media only screen and (max-width: 600px) {
	.donateinfo1, .donateinfo2 {width: calc(96% - 205px);}
	.selectdonee {width: auto;}
	.easyWheel {top: 50px;}
}
@media only screen and (max-width: 590px) {
	.donateinfo1, .donateinfo2 {width: calc(96% - 195px);}
}
@media only screen and (max-width: 500px) {
	.easyWheel {top: 45px;}
}
@media only screen and (max-width: 490px) {
	#payordonate {height: 137px;}
	#payordonate-info1 {display: none;}
	#payordonate-info2 {display: block;}
	#payordonate-info2 p {margin-left: 5% !important; margin-right: 5% !important;}
}
@media only screen and (max-width: 475px) {
	.notready3-text {margin: 15px 8px 0 0; width: 130px; text-align: left;}
}
@media only screen and (max-width: 450px) {
	#idealbunq1, #bancontactbunq1 {display: none;}
	#idealbunq2, #bancontactbunq2 {display: inline;}
}
@media only screen and (max-width: 442px) {
	.donateinfo2 {width: auto;}
}
@media only screen and (max-width: 418px) {
	.donee-description {width: 210px;}
	.donee-text5, .donee-text11 {display: none;}
}
@media only screen and (max-width: 400px) {
	.easyWheel {top: 40px;}
}
@media only screen and (max-width: 388px) {
	.donateinfo1, .donateinfo2 {width: auto;}
	#wheeloffortune {display: none;}
	#wheeloffortunesmall {display: table;}
}
@media only screen and (max-width: 385px) {
	#startwheel1 {display: none;}
	#startwheel2 {display: inline;}
	#turnamount1, #turnamount2 {margin-top: 4px; width: 152px; margin-left: calc(3% - 8px);}
	#turnamount1 span, #turnamount2 span {font-size: 32px;}
	#turnamount1 p, #turnamount2 p {font-size: 14px;}
}
@media only screen and (max-width: 380px) {
	#payordonate {height: 212px;}
	#startpayment4 {display: inline; width: 96%; margin-left: 2%; margin-right: 2%;}
	#startpayment5 {display: inline; width: 96%; margin-left: 2%; margin-right: 2%;}
	#payordonate-info2 p {margin-left: 6% !important; margin-right: 6% !important;}
}
@media only screen and (max-width: 360px) {
	.donee-description {width: 190px;}
	.donee-text5 {display: inline;}
	.donee-text6 {display: none;}
	.donee-text7 {display: none;}
	.donee-text8 {display: inline;}
}
@media only screen and (max-width: 340px) {
	.donee-art {display: none;}
	.donee-description {padding-left: 0;}
	.notready3-text {width: 50%; margin-left: 25%; margin-right: 25%; margin-top: 14px; text-align: center;}
	#startwheel2 {width: 125px; margin-right: calc(3% - 5px);}
	#startwheel2 button {width: 116px;}
	#turnamount1, #turnamount2 {margin-top: 10px !important; width: 125px !important; margin-left: calc(3% - 5px) !important;}
	#turnamount1 span, #turnamount2 span {font-size: 27px !important;}
	#turnamount1 p, #turnamount2 p {font-size: 12px !important;}
	#turnamount1 {display: none;}
	.easyWheel {top: 35px;}
	#godonor-firstline {font-size: 16px !important;	margin-top: 17px !important;}
	#godonor-secondline {display: none !important;}
	.sticker {min-width: 120px; margin: 0 5px 24px 37%; width: 55%;}
}
@media only screen and (max-width: 335px) {
	#payordonate {height: 228px;}
	#payordonate-info2 p {margin-left: 8% !important; margin-right: 8% !important;}
}
@media only screen and (max-width: 300px) {
	.easyWheel {top: 30px;}
}
@media only screen and (max-width: 292px) {
	#startwheel2 {display: none;}
	#startwheel3 {display: inline;}
	#payordonate {height: 215px;}
	#payordonate-info3 p {margin-left: 5% !important; margin-right: 5% !important;}
	#payordonate-info2 {display: none;}
	#payordonate-info3 {display: inline;}
}
@media only screen and (max-width: 260px) {
	.notready3-text {width: 70%; margin-left: 15%; margin-right: 15%;}
}
@media only screen and (max-width: 255px) {
	.donee-text1, .donee-text2, .donee-text10 {display: none;}
	.donee-text9 {display: inline;}
	.donee-description {min-width: 115px; max-width: calc(100% - 65px); width: 100%; text-align: center;}
	#wheeloffortunesmall {width: 96%; margin-left: 2% !important; margin-right: 2% !important;}
	#startwheel3 {display: none;}
	#startwheel2 {display: inline; width: 96%; margin-left: 2%; margin-right: 2%;}
	#turnamount2 {display: none;}
	#idealbunq2, #bancontactbunq2 {display: none;}
}
@media only screen and (max-width: 200px) {
	.easyWheel {top: 20px;}
}
@media only screen and (max-width: 185px) {
	.maxmessage {min-width: 124px;}
}