/*
Theme Name: Pinball
*/

/**** Foundation.css ****/

*, :before, :after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box }
.row {
	clear: both;
	width: 1032px;
	margin: 0 auto;
	max-width: 100% 
}
.row:before, .row:after {
	content: "";
	display: table 
}
.row:after {
	clear: both 
}
.row .row {
	width: auto;
	min-width: 0;
	max-width: none;
	margin: 0 -15px 
}
.row.collapse .columns {
	padding: 0 
}
.row .row.collapse {
	margin: 0 
}
.columns {
	float: left;
	min-height: 1px;
	padding: 0 15px;
	position: relative 
}
.columns.centered {
	float: none;
	margin: 0 auto 
}
.one, .row .one {
	width: 8.33333% 
}
.two, .row .two {
	width: 16.66667% 
}
.three, .row .three {
	width: 25% 
}
.four, .row .four {
	width: 33.33333% 
}
.five, .row .five {
	width: 41.66667% 
}
.six, .row .six {
	width: 50% 
}
.seven, .row .seven {
	width: 58.33333% 
}
.eight, .row .eight {
	width: 66.66667% 
}
.nine, .row .nine {
	width: 75% 
}
.ten, .row .ten {
	width: 83.33333% 
}
.eleven, .row .eleven {
	width: 91.66667% 
}
.twelve, .row .twelve {
	width: 100% 
}
#loader {
	display:none;
	margin: 0 auto 32px;
    line-height: 88px;
}
p.error {
	color: #f16639;
    text-align: center;
    margin: 0 0 20px;
}
@media only screen and (max-width: 767px) {
.row {
	clear: both;
	width: auto;
	min-width: 0
}
.columns {
	float: none;
	width: auto!important
}
.columns:last-child {
	float: none 
}
.columns:before, .columns:after {
	content: "";
	display: table 
}
.columns:after {
	clear: both 
}
}
.ctl-arcade-rank-table * { text-shadow:none !important }
.ctl-arcade-rank-table > p, .ctl-arcade-rank-header,
.ctl-arcade-rank-filters {
	display:none !important;	
}
.ctl-arcade-rank-table {
    border: none !important;
    background-color: transparent !important;
}
.ctl-arcade-rank-table { margin-bottom:50px; float:left; width:100%; }
.ctl-arcade-rank-container {
    width: 460px; max-width:100%;
    margin: 0 auto 0px !important;
}
* {
	outline: none; 
	text-decoration: none 
}
img {
	max-width: 100% 
}
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 15px;
	font-weight: 700;
	line-height: 1.2 
}
p {
	margin: 0 0 22px 
}
ul {
	margin: 0;
	padding: 0;
	list-style: none 
}
input[type="text"], input[type="password"], input[type="email"], select, textarea {
	border: 0;
	float: left;
	width: 100%;
	height: 45px;
	color: #4c4c4c;
	font-size: 20px;
	margin: 0 0 27px; 
	padding: 6px 18px;
	border-radius: 10px;
	background: #f1f2f2;
	border-bottom: 1px solid #f1f2f2;
	font-family: 'ITC Avant Garde Gothic Std Book';
}
textarea {
	resize: none;
	height: 104px; 
}
input[type="submit"] {
	border: 0;
	margin: 0;
	color: #000;
	width: 100%;
	float: left;
	height: 46px;
	cursor: pointer;
	font-size: 20px;
	border-radius: 0;
	font-weight: bold;
	background: #caab45;
	font-family:inherit;
	text-transform: uppercase
}
button.playbtn {
	border: 0;
    background: none;
}

/**** Main.css ****/
 
body {
	margin: 0;
	float: left;
	width: 100%;
	color: #fff;
	font-size: 22px;
	line-height: 1.4;
	font-weight: normal;
	font-family: 'ITC Avant Garde Gothic Std Demi';
	background: #000 url(images/bodybg1.jpg) no-repeat center top;
	background-size:cover;
}
.header {
	float: left;
	width: 100%;
	padding-top: 82px;
	position: relative;
}
a.backbtn {
	top: 22px;
	left: 58px;
	color: #fff;
	width: 200px;
	font-size: 17px;
	font-weight: bold;
	line-height: 48px;
	position: absolute;
	border-radius: 25px;
	background: #f06637;
	text-align: center;
	font-family: 'ITC Avant Garde Gothic';
}
a.backbtn:hover {
	color: #f06637;
	background: #fff;
}
.sharebtns {
	top: 25px;
	right: 58px;
	float: right;
	position: absolute;
}
.sharebtns span {
	float: left;
	color: #f06738;
	font-size: 18px;
	line-height: 32px;
}
.sharebtns ul {
	float: left;
}
.sharebtns li {
	float: left;
	padding-left: 22px;
}
.sharebtns a {
	float: left;
	width: 32px;
	height: 32px;
	color: #030404;
	font-size: 20px;
	padding: 3px 3px 0;
	text-align: center;
	border-radius: 50%;
	background: #bcbec0;
}
.sharebtns a.fb {
	font-size: 24px;
	padding-top: 5px;
}
.sharebtns a:hover {
	background: #f06637;
}
@media (max-width:767px) {
	.sharebtns {
		display: none;
	}
}
.logo {
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 40px;
}
.leaderboard {
	top: 31px;
	right: 45px;
	text-align: center;
	position: absolute;
}
.leaderboard img {
	display: block;
	margin:0 auto 10px;
}
.leaderboard span {
	color: #fff;
	display: block;
	font-size: 14px;
	font-family: 'Rammetto One', sans-serif;
}
.leaderboard a:hover span {
	color: #f06637;
}
.maincontent {
	float: left;
	width: 100%;
	text-align: center;	
	margin-bottom: 15px;
}
.maincontent h2 {
	font-size: 26px;
	line-height: 1.4;
	font-weight: normal;
	margin-bottom: 36px;
	font-family: 'Rammetto One', sans-serif;
}
.maincontent h1 {
	font-size: 56px;
	margin-top: -20px;
	font-weight: normal;
	font-family: 'Rammetto One', sans-serif;
}
.maincontent a, .maincontent a:link, .maincontent a:visited {
    color: #f06637;
    text-decoration: underline;
}
.maincontent a:hover, .maincontent a:active, .maincontent a:target, .maincontent a:focus  {
    color: #ffffff;
    text-decoration: underline;
}
.contactform {
	float: left;
	width: 100%;
	padding: 0 45px;
	margin-bottom: 30px;
}
.contactform label {
	float: left;
	width: 100%;
	font-size: 18px;
	margin-bottom: 6px;
	font-family: 'Rammetto One', sans-serif;
}
.atleast {
	clear: both;
	width: 230px;
	margin:0 auto;
	margin-top: 10px;
	font-size: 13.2px;
	margin-bottom: 12px;
}
.atleast input[type="checkbox"] {
	float: left;
	margin-right: 12px;
}
.playbtn {
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 50px;
}
.playbtn img {
	display: block; cursor:pointer;
	margin: 0 auto 32px;
}
.playbtn p.byclicking {
	color: #bcbec0;
	font-size: 13.2px;
	margin-bottom: 60px;
}
a.terms {
	color: #bcbec0;
	border-bottom: 1px solid #bcbec0;
}
a.playguest {
	color: #fff;
	padding-bottom: 3px;
	border-bottom: 2px solid #fff;
}
a.playguest:hover, a.terms:hover  {
	color: #f06637;
	border-color: #f06637;
}
.copyrights {
	float: left;
	width: 100%;
	font-size: 18px;
	padding: 0 65px;
	margin-top: 100px;
	text-align: center;
	margin-bottom: 32px;
	font-family: 'ITC Avant Garde Gothic Std Book';
}
.playbtn h3 {
	font-size: 24px;
	margin-bottom: 8px;
	font-weight: normal;
	font-family: 'Rammetto One', sans-serif;
}
p.sharefull {
	font-size: 24px;
}
.playbtn ul {
	float: left;
	width: 100%;
	margin-top: 8px;
	text-align: center;
}
.playbtn li {
	padding: 0 10px;
	display: inline-block;
}
.playbtn li a {
	float: left;
	width: 32px;
	height: 32px;
	color: #030404;
	font-size: 20px;
	padding: 3px 3px 0;
	text-align: center;
	border-radius: 50%;
	background: #ffffff;
}
.playbtn li a.fb {
	font-size: 24px;
	padding-top: 5px;
}
.playbtn li a:hover {
	background: #f06637;
}
.boardswrapper {
	float: left;
	width: 100%;
	padding: 0 40px;
	text-align: left;
	margin-top: 32px;
}

.boardinfo-wrapper {
	float: left;
	width: 100%;
	padding: 0 30px;
	margin-bottom: 50px;
}
.boardinfo, .ctl-arcade-rank-row {
	float: left;
	width: 100%;
	padding-top: 8px;
	min-height: 76px;
	padding-left: 85px;
	position: relative;
	border-radius: 10px;
	margin-bottom: 14px;
	background: rgb(65,64,66);
	box-shadow: 0px 5px 5.76px 0.24px rgba(0, 0, 0, 0.65);
	background: linear-gradient(90deg, rgba(65,64,66,1) 0%, rgba(18,30,33,1) 100%);
}
.counting, .ctl-arcade-rank-row .ctl-arcade-rank-col:nth-child(1) {
	left: 0;
	top: 0;
	width: 64px;
	height: 100%;
	color: #414042 !important;
	font-size: 30px;
	background: #fff;
	font-weight: bold;
	line-height: 90px;
	position: absolute;
	text-align: center;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	font-family: 'ITC Avant Garde Gothic';
}
.boardinfo h4, .ctl-arcade-rank-row .ctl-arcade-rank-col:nth-child(2) {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 4px;
	font-family: 'ITC Avant Garde Gothic';
	display: block;
    width: 100%;
    text-align: left;
    padding: 0; color: #fff;
}
.boardinfo strong, .ctl-arcade-rank-row .ctl-arcade-rank-col:nth-child(3) {
	display: block;
	font-size: 24px;
	margin-bottom: 5px;
	font-weight: normal;
	font-family: 'Rammetto One', sans-serif;
	display: block;
    width: 100%;
    text-align: left;
    padding: 0; color: #fff;
}
.topboard, .ctl-arcade-rank-row:nth-child(1) {
	background: rgb(241,102,57);
	background: linear-gradient(90deg, rgba(241,102,57,1) 0%, rgba(204,51,0,1) 100%);
}
.topboard .counting, .ctl-arcade-rank-row:nth-child(1) .ctl-arcade-rank-col:nth-child(1) {
	color: #f06738 !important;
}
.topboard h4, .ctl-arcade-rank-row .ctl-arcade-rank-col:nth-child(2) {
	font-size: 24px !important;
}
.topboard strong, .ctl-arcade-rank-row .ctl-arcade-rank-col:nth-child(3) {
	font-size: 34px !important;
}
.ctl-arcade-rank-row {
	transform: scale(0.9); 
	transition:all 0.3s linear; 
	-webkit-transition:all 0.3s linear; 
	-moz-transition:all 0.3s linear;
}
.ctl-arcade-rank-row:nth-child(1) {
	transform: scale(1); 
}
@media only screen and (max-width: 1023px) {
	/*.logo img { width: 400px; }*/
	.leaderboard, .sharebtns { right: 15px; }
	a.backbtn { left: 15px; }
	.copyrights { text-align: center !important; padding: 0 15px; }
}
@media only screen and (max-width: 767px) {
	.logo-wrapper { zoom:0.4; }
	body { font-size: 18px; }
	.header { padding: 25px 15px; text-align: center; }
	a.backbtn { position: unset; display: inline-block; margin-bottom: 25px; }
	.sharebtns { width: 100%; position: unset; margin-bottom: 25px; }
	.sharebtns span { width: 100%; margin-bottom: 10px; }
	.sharebtns ul { width: 100%; text-align: center; }
	.sharebtns li { float: none; display: inline-block; padding-left: 10px; padding-right: 10px; }
	.maincontent h1 { font-size: 30px; }
	.boardswrapper, .boardinfo-wrapper { padding: 0; }
	.counting { font-size: 40px; }
	.topboard h4, p.sharefull { font-size: 20px; }
	.topboard strong { font-size: 24px; }
	.playbtn h3, .maincontent h2 { font-size: 20px; line-height: 1.4; }
	.copyrights { font-size: 14px; margin-top: 0; }
	.leaderboard { position: unset; margin-bottom: 30px; display:none;}
	.leaderboard img { display: inherit; }
	.contactform { padding: 0; }
	.logo { margin-bottom: 0; }
	input[type="text"], input[type="email"], select, textarea { font-size: 18px; }
}