html, body, div, span, a, img, video { padding: 0; margin: 0; font-size: 0; line-height: 0; text-decoration: none; border: none }
body { text-align: center; margin: 0 auto; width: 100% }
body, input { font-family: Arial, Helvetica, sans-serif }
.All { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; z-index: -1 }

.Menu, .Buttons a, input { font-style: normal; font-variant: normal; font-weight: bold; line-height: normal; word-spacing: normal; letter-spacing: -1px; text-transform: uppercase }
.Menu  { width: 0; height: 100%; overflow-x: hidden; position: fixed; left: 0; top: 0; border-style: solid; border-width: 0; z-index: 4 }

.Menu a, .Screens img, .Buttons a, .Screens video, input, video, .JoinVid img { border-width: 1px; border-style: solid }
.Menu a { border-width: 1px 0 }

.Menu img, .MenuButton img, .Buttons img { float: left }
.Menu a, .Buttons a, input { display: block; margin-bottom: -1px }
.Menu a { width: 200px }
.MenuButton { width: 50px; position: fixed; left: 0; top: 0; overflow: hidden; cursor: pointer; z-index: 3 }

/* COLOURS & TRANSITIONS */
html, .Text a, input { color: #000000 } /* 0% */
body { background: #f1ddad url('https://sydneyspornlife.com/files/bg.png') repeat }
.Text a:hover { color: #b27333 } 
.Menu, .Menu a, .Screens img, .Buttons a, .Screens video, .Cam, input, video, .JoinVid img { border-color: #333333 }

.Menu, .MenuButton { transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s }

.Menu, .Menu a, .Buttons a, .Pages a, input, a.Active:hover { 
	background: #d7a675; color: #140d06;
	box-shadow: 0 0 3px 1px #b27333 inset;
	background: linear-gradient(to bottom right, #f1ddad, #b27333);
	background: -webkit-linear-gradient(to bottom right, #f1ddad, #b27333); /* Safari 5.1 to 6.0 */
 	background: -o-linear-gradient(to bottom right, #f1ddad, #b27333); /* For Opera 11.6 to 12.0 */ 
	background: -moz-linear-gradient(to bottom right, #f1ddad, #b27333);  /* For Firefox 3.6 to 15 */
	}

.Menu a:hover, .Buttons a:hover, .Buttons a:hover:not(.Active), div.Pages a.Active, input[type=submit]:hover, .Menu a.Active { 
	background: #e8ccb0;
	XXbox-shadow: 0 0 3px 0 #b27333 inset;
	background: linear-gradient(to top left, #f1ddad, #b27333); 
	background: -webkit-linear-gradient(to top left, #f1ddad, #b27333); /* Safari 5.1 to 6.0 */
 	background: -o-linear-gradient(to top left, #f1ddad, #b27333); /* For Opera 11.6 to 12.0 */ 
	background: -moz-linear-gradient(to top left, #f1ddad, #b27333);  /* For Firefox 3.6 to 15 */
	}


.JoinButtons a.Best  { 
	background: #ffcf40;
	background: linear-gradient(to bottom right, #ffdc73, #ffbf00);
	background: -webkit-linear-gradient(to bottom right, #ffdc73, #ffbf00); /* Safari 5.1 to 6.0 */
 	background: -o-linear-gradient(to bottom right, #ffdc73, #ffbf00); /* For Opera 11.6 to 12.0 */ 
	background: -moz-linear-gradient(to bottom right, #ffdc73, #ffbf00);  /* For Firefox 3.6 to 15 */
	}

.JoinButtons a.Best:hover { 
	background: #ffdc73;
	background: linear-gradient(to top left, #ffdc73, #ffbf00); 
	background: -webkit-linear-gradient(to top left, #ffdc73, #ffbf00); /* Safari 5.1 to 6.0 */
 	background: -o-linear-gradient(to top left, #ffdc73, #ffbf00); /* For Opera 11.6 to 12.0 */ 
	background: -moz-linear-gradient(to top left, #ffdc73, #ffbf00);  /* For Firefox 3.6 to 15 */
	}




.Top img { opacity: 0.8; filter: alpha(opacity=80) /* For IE8 and earlier */ }
.Bottom img, .Buttons img, .Top div { opacity: 0.9; filter: alpha(opacity=90) /* For IE8 and earlier */ }
.CustomButtons img, .CustomButtons3 img, .OneButton img { XXopacity: 1; XXfilter: alpha(opacity=100) }
XX.Top img { filter: invert(95%); -webkit-filter: invert(95%) /* Safari */ }


.Menu .Top a, .Buttons a, input { height: 50px }
.Menu .Top img, .MenuButton img, .Buttons img { width: 40px; margin: 5px 15px 0 10px }
.Menu .Top div, .Buttons div, input { font-size: 22px; margin: 18px 0 0 0 }

.Menu .Bottom { margin-top: 50px }
.Menu .Bottom a { height: 23px }
.Menu .Bottom img { width: 20px; margin: 2px 26px 0 20px }
.Menu .Bottom div { font-size: 15px; margin: 3px 0 0 0 }

.Logo { float: right; width: 160px; margin-bottom: 0 }
.LogoMembers { width: 116px; margin: 5px 0 7px 0 }

.Twitter { float: right; width: 40px }

.Screens, .Text, .Buttons { display: block; clear: both; margin: 0 auto }

.Screens { text-align: center; margin-top: 1px }
.Screens img, .Buttons a, .Screens video { margin: -3px }
.Screens a { display: block; margin-top: 2px; margin-bottom: 13px }

.Buttons { text-align: center; margin-top: 15px; margin-bottom: 20px }
.Buttons a, input { display: inline-block }

.Text span, div, p { text-align: left }
.Text div { margin: 1px 0 15px 0 }
.Text div:last-child { margin: 1px 0 0 0 }
.Text span, p { display: block; font-weight: bold; text-transform: capitalize }
.Text p { display: block; margin-bottom: 5px; text-decoration: underline; text-transform: uppercase; font-size: 110%; line-height: normal }
.Text a { text-decoration: underline }

.Pages { margin-top: 1px }
.Pages a { display: inline-block; font-size: 26px; height: 29px; padding: 5px }
.Pages a.Active, .Menu a.Active { cursor: default }

.Support span:before { content: "- " }
.Support p { margin-top: 25px }

.JoinButtons div { text-transform: none }
.Join a { text-transform: uppercase }
#Join { margin-top: -20px }
.Bonus p { margin-bottom: 1px }
div.Bonus, div.Testimonials { margin-top: 30px }
.Testimonials div:before { content: open-quote}
.Testimonials div:after { content: close-quote }
.Merchants, .Merchants a { font-size: 10px }
div.Merchants { margin-top: 40px }
div.Merchants div.Line { display: block; width: 100%; height: 1px; background: gray; margin: 0 }

.VidBg { position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; z-index: -5 }

#Unavailable { color: red; font-weight: bold }


.Fuckme a { display: inline }

.MembersText { padding-top: 0; padding-bottom: 8px }
.BonusLast { margin-bottom: 20px }
.BelowWelcome { margin-top: 10px }


input[type=text] { background: white; outline: none; text-indent: 3%; box-sizing: border-box; padding: 0; text-transform: lowercase }
input[type=text] { background: white }
input[type=text]:focus { background: #ffff99 }
input[type=submit] { background:#d7a675 } 
input[type=submit]:hover { background: #e8ccb0 }
input[type=submit], input[type=submit]:hover { text-align: left; text-indent: 60px; background-image: url('myicons/video.png');
				background-size: 40px; background-position: 10px 5px; background-repeat: no-repeat }


.Overlay { position: absolute; margin: 0; padding: 0; border: none; outline: none; z-index: 1 }
.Overlay img { border: none; outline: none; XXborder: 1px dotted lime }
XX.Latest img { filter: brightness(85%); -webkit-filter: brightness(85%) /* Safari */ }



/* Mobile Hor - 2x 320px - Default */
	.Logo { margin-right: 5px }
	.Screens, .Buttons { width: 100% }
	.Screens img, .Screens video { width: 49.8% }
	.Buttons a, .Buttons input { width: 47% }
	.Pages { width: 99.3% }
	.Pages a { width: 32px; margin: -3px; margin-top: 2px }
	.JoinButtons a, .CustomButtons3 a { width: 94%; margin: 0 0 -1px 0 }
	.Text { width: 94%; padding-left: 3%; padding-right: 3%; margin-top: 50px; margin-bottom: 10px } 
	.Text span, div, a { font-size: 14px; line-height: 14px }
	.Text span { margin: 10px 0 1px 0; font-size: 14px; line-height: 14px }
	.Bonus + .Screens { margin-top: -3px; margin-bottom: 1px } /*placed immediately after */
	.Bonus + .Screens a { margin-bottom: 1px }
	div.Join { margin-top: 30px; padding-top: 5px }
	.Join p, .Join div { font-size: 125%; line-height: normal }
	.Join div:first-child { margin: 1px 0 30px 7px }
	.Join a { font-size: 100% }
	div.JoinTop { margin-top: 45px }
	#Join p { margin-left: 10px }
	.Support { margin-bottom: 20px }
	.Models a { line-height: 160% }
	a.Fuckme { margin-bottom: 7px }
	XXa.Latest { margin-bottom: -1px }
	a.VideosVip { margin-bottom: 6px }
	.Fuckme img, .VideosVip video { width: 47.3%; margin: 2px 2px 4px 2px }
	.Chat { display: none; width: 86%; height: 523px; border: 0; margin: 0 auto }
	.Cam { display: block; width: 100%; height: 730px; border: 0; margin: 0 auto }
	.Www a { width: 94%; float: left; margin-left: 3% }
	.UnderScreens { margin-top: 5px }
	.CustomButtons a, .CustomButtons input { width: 94%; margin: 0 0 -1px 0 }
	div.OneButton a { width: 94%; margin: 5px 0 -5px 0 }
	.Gifs img:nth-child(1), .Gifs img:nth-child(2) { display: inline-block }
	.Gifs img:nth-child(3), .Gifs img:nth-child(4) { display: none }
	.LogoMembers + .Screens, .LogoMembersLink + .Screens { padding-top: 10px } /* Values of 2nd placed immediately after 1st */
	.Screens video { display: inline-block }
	.Video img { position: relative }
	.JoinVid img { width: 99.3%; margin: 5px 0 0 0 }


/* Desktop - 4x 320px */
@media screen and (min-width: 960px) { 
	XX.Screens, XX.Buttons, body, .Overlay { width: 100%; max-width: 1280px }
	.Screens img, .Screens video  { width: 24.9% }
	.Buttons a, .Buttons input { width: 46.5% }
	.Pages a { width: 64px }
	.JoinButtons a, .CustomButtons3 a { width: 33%; margin: -3px }
	.VipButtons a { width: 49.5% }
	XX.Text { width: 86%; padding-left: 2%; padding-right: 2px }
	.Text span, div, a, p { font-size: 17px; line-height: 17px } 
	.Text span, p { margin: 15px 0 1px 0px; font-size: 17px; line-height: 17px }
	.Bonus + .Screens { margin-top: -3px; margin-bottom: 25px } /*placed immediately after */
	.Join p, .Join div { font-size: 140%; line-height: normal }
	.Join div:first-child { margin: 15px 0 45px 20px }
	#Join p { margin-left: 15px }
	.Buttons { margin-top: 20px }
	div.Bonus { margin-top: 40px }
	.Support { margin-bottom: 30px }
	.Models a { line-height: 130% }
	.Fuckme img, a.VideosVip video { width: 23.8%; margin: 2px 2px 4px 2px }
	.BonusLast { margin-bottom: 30px }
	.Chat { display: block }
	.Cam { display: none }
	.CustomButtons a, .CustomButtons input { width: 49.8%; margin: -3px }
	div.OneButton a { width: 99.5% }
	.Gifs img { display: inline-block !important}
	XX.Screens video { width: 48.5% }
	.Twitter { margin: 7px -20px 0 0 }
	.JoinText { width: 380px; float: left; margin-bottom: 60px }
	.JoinVid { display: block; height: 345px; position: relative }
	.JoinVid img { width: 53%; max-width: 610px; margin: 0 5px 0 0; position: absolute; top: 65%; right: 0%; transform: translateY(-65%); 
		-webkit-transform: translateY(-65%); -ms-transform: translateY(-65%); -moz-transform: translateY(-65%); -o-transform: translateY(-65%) }
	}



/* Tour top 4x items 375px, 3x 325px (25px)*/
@media screen and (min-height: 580px) { 
	.Tour .Bottom { position: absolute; left: 0; bottom: 1px }
	}
/* VipTour top 10x 585px, 9x 535px, 8x 485px, 5x 340px, 4x 285px,  3x 230px, 2x 175px */
@media screen and (min-height: 585px) { 
	.Members .Bottom { position: absolute; left: 0; bottom: 1px }
	} 
/* Vip top 5x 340px, 4x 285px,  3x 230px, 2x 175px */
@media screen and (min-height: 535px) { 
	.Vip .Bottom { position: absolute; left: 0; bottom: 1px }
	} 

/* Mobile Ver - 1x 320px */
@media screen and (max-width: 400px) {
	.Screens img, .Screens video, .Fuckme img { width: 99.3% }
	.Buttons a, .Buttons input { width: 94%; margin: 0 0 -1px 0 }  
	.Pages a { width: 32px; margin: -3px; margin-top: 2px }
	.JoinButtons div { font-size: 18px }
	.Join p, .Join div { font-size: 100%; line-height: normal }
	#Join p { margin-left: 5px }
	.Fuckme img, a.VideosVip video { margin: 2px 0 4px 0 }
	.Www a { margin-left: 3% }
	.Gifs img:nth-child(1) { display: inline-block }
	.Gifs img:nth-child(2), .Gifs img:nth-child(3), .Gifs img:nth-child(4) { display: none }
	}