/*  HTML5 Reset  --------------------------------------------- */  article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}    /* Box Sizing  --------------------------------------------- */  *, input[type="search"] {  	-webkit-box-sizing: border-box;  	-moz-box-sizing:    border-box;  	box-sizing:         border-box;  }    /* Float Clearing  --------------------------------------------- */  .archive-pagination:before,  .clearfix:before,  .entry:before,  .entry-pagination:before,  .footer-widgets:before,  .nav-primary:before,  .nav-secondary:before,  .site-container:before,  .site-footer:before,  .site-header:before,  .site-inner:before,  .wrap:before {  	content: " ";  	display: table;  }    .archive-pagination:after,  .clearfix:after,  .entry:after,  .entry-pagination:after,  .footer-widgets:after,  .nav-primary:after,  .nav-secondary:after,  .site-container:after,  .site-footer:after,  .site-header:after,  .site-inner:after,  .wrap:after {  	clear: both;  	content: " ";  	display: table;  }      /* Typographical Elements  --------------------------------------------- */  body, html {    height: 100%;  }    html {  	font-size: 62.5%; /* 10px browser default */  }    body {  	background: #EEE;  	color: #414142;  	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;  	font-size: 18px;  	font-weight: 300;  	line-height: normal;  }    p {  	line-height: 1.4;  	margin: 0 0 1em;  }      /* Links  --------------------------------------------- */  a,  button,  input:focus,  input[type="button"],  input[type="reset"],  input[type="submit"],  textarea:focus,  .button {  	-webkit-transition: all 0.1s ease-in-out;  	-moz-transition:    all 0.1s ease-in-out;  	-ms-transition:     all 0.1s ease-in-out;  	-o-transition:      all 0.1s ease-in-out;  	transition:         all 0.1s ease-in-out;  }    a {  	color: #cd2032;  }    a:hover {  	text-decoration: none;  }    .row.red a {  	color: #FFF;  }      /* Headings  --------------------------------------------- */  h1, h2, h3, h4 {  	font-weight: normal;  	margin: 0 0 10px;  }    h1#page-title {  	font-size: 30px;  	font-weight: bold;  	text-align: center;  }    /* Forms  --------------------------------------------- */  ::-webkit-input-placeholder {  	color: #414142;  }  :-moz-placeholder { /* Mozilla Firefox 4 to 18 */  	color: #414142;  }  ::-moz-placeholder { /* Mozilla Firefox 19+ */  	color: #414142;  }  :-ms-input-placeholder { /* Internet Explorer 10+ */  	color: #414142;  }    input[type="text"], input[type="email"], input[type="submit"], textarea {      border: 1px solid #ABA8A8;      box-shadow: inset 0 0 2px #EEE;      color: #414142;      float: left;      font-size: 0.9em;      height: 42px;      margin: 0;      padding: .5em 1em;      width: 270px;  }    input[type="submit"], #control {  	background: #CD2032;  	border: 0;  	color: #FFF;  	float: right;  	font-size: 1em;  	width: 132px;  }    textarea {  	font-size: .8em;  	height: 90px;  	padding: 1em;  	width: 100%;  }    /* Containers & Rows  --------------------------------------------- */  #wrapper {  	height: 100%;  	margin: 0 auto;  	max-width: 600px;  	width: 100%;  }    #container {  	background: #D8D0C5;  	border: 4px solid #414142;  	border-top: 0;  	float: left;  	font-size: 1em;  	width: 100%;  }    .header.row {  	background: url({boomtime_path}/img/jslot_images/tinpot-image.jpg) no-repeat center center #FFF;  	background-size: 100%;  	border-bottom:0px;  	padding-bottom: 2em;          padding-top: 1.4em;  }    .header img {  	display: block;  	margin: 0 auto;  	max-width: 100%;  }    .game p {  	font-size: .9em;  	margin: .5em 0 1em;  	text-align: center;  }    .game p:last-child {  	margin-bottom: 0;  }    .row {  	float: left;  	padding: 2em;  	width: 100%;  }      .row.copyright {  	border: 0;  	border-top: 1px solid #a1a1a1;  	font-size: .7em;  	padding: 1em;  	text-align: center;  }    .row.copyright p {  	margin-bottom: 0;  }    .inner {  	margin: 0 auto;  	max-width: 408px;  	width: 100%;  }    .row.white {  	color: #cd2032;  }    .row.gray {  	background: #f1f1f1;  }    .row.dark-gray {  	background: #aba8a8;  }    .row.dark-gray p {  	margin-bottom: 0;  }    .row.white h1, .row.white h2 {  	color: #414142;  }    .row.red {  	background: #cd2032;  	color: #FFF;  }    .box {      float: left;      margin: 1em 0;      width: 100%;  }    .one-third {  	float: left;  	margin-left: 2.564102564102564%;  	width: 31.623931623931625%;  }    .first {  	margin-left: 0;  	padding-top: 0;  }    .stars {  	float: left;  	margin-bottom: 1em;  	text-align: center;  	width: 100%;  }    .social-media a, .footer a {  	text-decoration: none;  }    .social-media img {  	margin-right: .8em;  }    .social-media img:hover {  	opacity: .7;  }    .footer {  	font-size: .75em;  	padding: 1em;  }    .footer p {  	margin: 0;  	padding: 0;  }    .footer span {  	margin-right: 1em;  }    .footer a {  	color: #414142;  }    .footer a:hover {  	text-decoration: underline;  }    .one-third-container:after,  #low-rating:after{  	content: ".";  	display: block;  	clear: both;  	visibility: hidden;  	line-height: 0;  	height: 0;  }     .one-third-container,  #low-rating{  	display: inline-block;  }     html[xmlns] .one-third-container,  html[xmlns] #low-rating{  	display: block;  }     * html .one-third-container,  * html #low-rating{   	height: 1%;  }      .one-third-container,  #low-rating{      display: block;  }  /* Slot Machine  --------------------------------------------- */  .row.slotmachine {  	background: url({boomtime_path}/img/jslot_images/tinpot-image.jpg) no-repeat center center #FFF;  	background-size: 100%;  	position: relative;  }    .container {  	float: left;  	margin:0 auto;  	position: relative;  	text-align: center;  	width: 100%;  }    .slot-wrapper {  	 display: block;  	 margin: 0 auto;  	 text-align: center;  }    .slot {  	background:url({boomtime_path}/img/jslot_images/reel_normal_transparent_white.png) repeat-y 0 4px;      border: 3px solid #3a3a3c;      box-shadow: 0 0 6px #333 inset;      display: inline-block;      height: 154px;  	-webkit-transition: background-image .8s ease-in-out;  	-moz-transition: background-image .8s ease-in-out;  	-ms-transition: background-image .8s ease-in-out;  	-o-transition: background-image .8s ease-in-out;  	transition: background-image .8s ease-in-out;      width: 132px;  }    .motion {  	background-image:url({boomtime_path}/img/jslot_images/reel_blur_transparent_white.png) #D8D0C5;  }    button {      cursor: pointer;      display: block;      font-size: 16px;      height: 33px;      margin: 20px auto;      width: 138px;  }    #result {      font-weight: bold;      margin: 20px 0;  }    #jackpot {  	background: rgba(255, 255, 255, .5);      color: #414142;      display: none;      float: left;      font-weight: 400;      margin: 0 auto;      max-width: 408px;      min-height: 155px;      padding: 1em 2em 0;      position: absolute;      top: auto; left: 0; right: 0;      text-align: center;      vertical-align: middle;      width: 100%;      z-index: 10;  }  }    #jackpot .wrapper {  	/*border: 5px solid #FFF;  	margin: 1em;*/  	padding: 1em;  }    #jackpot h1 {  	color: #CD2032;  }    #jackpot p {  	margin-bottom: 0;  }    #jackpot p + p {  	margin-top: 0;  }    .clear {  	clear: both;  }      /* Media Queries  --------------------------------------------- */      /* HD/Retina CSS */  @media  only screen and (-webkit-min-device-pixel-ratio: 1.25),  only screen and ( min--moz-device-pixel-ratio: 1.25),  only screen and ( -o-min-device-pixel-ratio: 1.25/1),  only screen and ( min-device-pixel-ratio: 1.25),  only screen and ( min-resolution: 200dpi),  only screen and ( min-resolution: 1.25dppx){      #wrapper {          max-width: 100%;          width: 100%;      }            #container{          border:none;      }  }      /* iPads (portrait and landscape) ----------- */  @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {  	#wrapper {  		max-width: 100%;  	}  	  	#container {  		border: 0;  		min-width: 100%;  	}  }    @media screen and (max-width: 650px) {  	#wrapper {  		max-width: 100%;  	}  	  	#container {  		border: 0;  		min-width: 100%;  	}  }    @media screen and (max-width: 485px) {  	h1#page-title {  		font-size: 31px;  	}  	  	.row {  		padding: 2em 1em;  	}  	  	.inner {  		max-width: 341px;  	}  	  	input[type="submit"], #control {  		width: 110px;  	}  	  	input[type="email"] {  		width: 224px;  	}  	  	.slot {  		background-size: 104px 1730px;  		height: 128px;  		width: 110px;  	}  	  	#jackpot {  		top: 22px;  	}  	  	#jackpot p {  		line-height: normal;  	}  	  	#jackpot p:last-child {  	    line-height: 15px;  	    margin-top: 5px;  	}  	  	textarea {  		font-size: .72em;  		height: 130px;  	}  }    @media screen and (max-width: 380px) {  	.inner {  		width: 282px;  	}  	  	input[type="submit"], #control {  		width: 90px;  	}  	  	input[type="email"] {  		width: 186px;  	}  	  	.slot {  		background-size: 84px 1400px;  		height: 105px;  		width: 90px;  	}  	  	#jackpot {  		font-size: .85em;  		min-height: inherit;  		padding-bottom: .5em;  	}  }  @media screen and (max-width: 340px) {  	p {  		font-size: 16px;  	}  	  	.one-third {  		margin-left: 0;  		width: 100%;  	}  	  	.one-third p {  		margin: 0;  	}  	  	.stars img {  		max-width: 40px;  	}  }  