@charset "UTF-8";

/*
 * Table of Contents
 *
 * 01) NORMALIZE.CSS & HTML5 BP
 * 02) TYPOGRAPHIC STYLES
 * 03) GENERAL STYLES
 * 04) HEADER
 *     04.1) MAIN NAVIGATION
 *     04.2) LOGIN FORM
 * 05) PHONE NUMBERS
 * 06) SLIDER
 * 07) MAIN CONTENT
 *     07.1) SIDEBAR
 * 08) SECONDARY NAVIGATION
 * 09) FOOTER
 */




/*
 * 01) NORMALIZE.CSS & HTML5 BP
 *     » Credits: https://necolas.github.io/normalize.css/
 *                https://html5boilerplate.com/
 */


/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body,button,input,select,textarea{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress,sub,sup{vertical-align:baseline}template,[hidden]{display:none}a{background-color:transparent}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}button,input,select,textarea{font:inherit}optgroup{font-weight:bold}hr,button,input,select{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{cursor:pointer}[disabled]{cursor:default}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}legend,[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}

/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
	color: #222;
	font-size: 1em;
	line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}
::selection {
	background: #b3d4fc;
	text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
	resize: vertical;
}




/*
 * 02) TYPOGRAPHIC STYLES
 *     » Credits: http://webtypography.net/
 */


a {
	color: #ffe308;
	text-decoration: none;
	-webkit-transition: all .25s ease-in-out; /* Android browser <= 4.3, Chrome <= 25, iOS Safari <= 6.1, Safari <= 6 */
	        transition: all .25s ease-in-out; /* Chrome >= 26, Firefox >= 16, IE >= 10, Opera >= 12.10 */
}
a:hover,
a:focus {
	color: #ffe308;
	text-decoration: underline;
	-webkit-text-decoration-skip: ink; /* Chrome, iOS Safari >= 8, Safari >= 7.1 */
	   -moz-text-decoration-skip: ink; /* Firefox 6 - 35 */
	        text-decoration-skip: ink; /* Firefox >= 36 */
}
a:active {
	color: #ffe308;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 1.95em 0 .7em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	line-height: 1.275;
	letter-spacing: .045em;
	word-spacing: -.0625em;
}
h1,
h2,
h3 {
	text-transform: uppercase;
}
h1 {
	color: #ffe308;
	font-size: 1.875em; /* 30px */
}
h2 {
	color: #ffe308;
	font-size: 1.5em; /* 24px */
}
h3 {
	color: #ffe308;
	font-size: 1.3125em; /* 21px */
}
h4,
h5,
h6 {
	color: #ffe308;
}
h4 {
	font-size: 1.125em; /* 18px */
}
h5 {
	font-size: 1em; /* 16px */
}
h6 {
	font-size: .875em; /* 14px */
}

a,
address,
b,
blockquote,
caption,
cite,
del,
details,
dd,
dfn,
dt,
figcaption,
em,
i,
input,
ins,
label,
legend,
li,
mark,
option,
output,
p,
q,
small,
strong,
sub,
sup,
td,
th,
time,
u {
	letter-spacing: .0125em;
	word-spacing: .125em;
}

abbr {
	letter-spacing: .1em;
	cursor: help;
}

blockquote {
	margin: 1.3em;
}

ul,
ol,
dl {
	padding-left: 2em;
}
p,
ul,
ol,
dl,
dt,
li {
	margin: 1.3em 0;
}
dt {
	margin-top: 2.6em;
	font-weight: bold;
}
dd {
	margin: 1em 0 2em 2.5em;
}
th,
td {
	padding: .75em;
}




/*
 * 03) GENERAL STYLES
 */


/*
[03:01] Apply a box layout model to the root element (and all
        its children, unless a closer parent element specifies a different
        'box-sizing') that excludes borders and padding from
        any dimension’s calculation. This way, the borders and padding
        of an element can be modified without affecting the element’s
        width and height. Not compatible with IE < 8.
        » Credits: http://www.paulirish.com/2012/box-sizing-border-box-ftw/
                   http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
[03:02] Restore.
*/
*,
*:before,
*:after {
	-webkit-box-sizing: inherit; /* [03:01] */ /* Android browser <= 3, iOS Safari <= 4 */
	   -moz-box-sizing: inherit; /* [03:01] */ /* Firefox <= 28 */
	        box-sizing: inherit; /* [03:01] */ /* Chrome, IE >= 8, Opera, Safari >= 5.1 */
}
html {
	color: #eee;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 1.5;
	background: #000 url(../img/bg.jpg) no-repeat 50% 0 fixed;
	/*background-size: 360px 164px; /* Android browser >= 3, Chrome, Firefox >= 4, IE >= 9, Opera, Safari >= 5 */
	-webkit-box-sizing: border-box; /* [03:01] */ /* Android browser <= 3, iOS Safari <= 4 */
	   -moz-box-sizing: border-box; /* [03:01] */ /* Firefox <= 28 */
	        box-sizing: border-box; /* [03:01] */ /* Chrome, IE >= 8, Opera, Safari >= 5.1 */
}

/*
Adapts the width of the image/video/flash/etc. to its container
without losing proportions or exceeding its original dimensions.
» Credits: http://alistapart.com/article/fluid-images
*/
embed,
img,
object,
video {
	max-width: 100%;
}

/*
[03:03] Restore.
*/
.wrapper {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 8px;
}

/*
Clearfix for specific elements.
*/
.wrapper:before,
.wrapper:after,
.nav-primary:before,
.nav-primary:after,
.nav-primary__half:before,
.nav-primary__half:after,
.main-banner:before,
.main-banner:after,
.login:before,
.login:after,
.phone-numbers:before,
.phone-numbers:after,
.backup-site-link:before,
.backup-site-link:after,
.sidebar:before,
.sidebar:after,
.sidebar__list:before,
.sidebar__list:after,
.sec-nav:before,
.sec-nav:after {
	content: " ";
	display: table;
}
.wrapper:after,
.nav-primary:after,
.nav-primary__half:after,
.main-banner:after,
.login:after,
.phone-numbers:after,
.backup-site-link:after,
.sidebar:after,
.sidebar__list:after,
.sec-nav:after {
	clear: both;
}




/*
 * 04) HEADER
 */


/*
[04:01] Required for '.dl-app-btn'.
*/
.header__wrapper {
	position: relative; /* [04:01] */
	text-align: center;
}

.logo {
	display: block;
	float: left;
	margin: 20px 20px 20px 0;
}
.logo > img {
	display: block;
}




/*
 *     04.1) MAIN NAVIGATION
 */


.nav-primary {
	display: block;
	clear: both;
	width: 100%;
	margin: 0 auto 27px;
	padding: 9px;
	font: normal 1em/1.2 "Helvetica Neue", Helvetica, Arial, sans-serif; /* 16px */
	text-align: center;
	background-color: #222; /* [04.1:01] */
	background-color: rgba(34, 34, 34, .95);
	border: 1px solid #262626; /* [04.1:01] */
	border-color: rgba(38, 38, 38, .75);
	border-radius: 2px;
}

/*
[04.1:05] Fallback for old browsers; required for its children’s
          ('.nav-primary__item') display property.
[04.1:06] The space and the borders between its child elements collapse, resulting in only one border and no space between “cells”.
*/
.nav-primary__list {
	display: table; /* [04.1:05] */
	width: 100%;
	margin: 0;
	padding: 0;
	border-radius: 2px;
	border-collapse: collapse; /* [04.1:06] */
	overflow: hidden;
	list-style: none;
}

/*
[04.1:07] Allows these elements to acquire certain table cells’
          properties, specifically their fluid and even width
          on a horizontal layout.
[04.1:08] Restore.
*/
.nav-primary__item {
	display: table-cell; /* [04.1:07] */
	margin: 0;
	padding: 0 2px;
}
.nav-primary__item:first-child {
	padding-left: 0; /* [04.1:08] */
}
.nav-primary__item:last-child {
	padding-right: 0; /* [04.1:08] */
}

/*
[04.1:09] Required for '.nav-primary__btn:after'.
*/
.nav-primary__btn {
	position: relative; /* [04.1:09] */
	display: block;
	min-height: 68px;
	margin: 0;
	padding: 12px 12px 14px;
	color: #bbb;
	text-transform: uppercase;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, .5);
	background-color: #2f2f2f;
	background-image: -webkit-gradient(linear, left top, left bottom,
	                                   color-stop(  0%, #333),
	                                   color-stop(100%, #2f2f2f)); /* Android browser 2.1 - 3, Chrome 4 - 9, iOS Safari 3.2 - 4.3, Safari 4 - 5 */
	background-image: -webkit-linear-gradient(top,
	                                          #333      0%,
	                                          #2f2f2f 100%); /* Android browser >= 4, Chrome 10 - 25, iOS Safari >= 5, Safari >= 5 */
	background-image:         linear-gradient(to bottom,
	                                          #333      0%,
	                                          #2f2f2f 100%); /* Chrome >= 26, Firefox >= 16, IE >= 10, Opera >= 12.10 */
	box-shadow: 0  2px 2px rgba(255, 255, 255, .1) inset,
	            0 -2px 2px rgba(  0,   0,   0, .5) inset;
	border-radius: 2px;
}

.nav-primary__btn:hover,
.nav-primary__btn:focus {
	color: #ddd;
	text-decoration: none;
	background-color: #3f3f3f;
	background-image: -webkit-gradient(linear, left top, left bottom,
	                                   color-stop(  0%, #444),
	                                   color-stop(100%, #3f3f3f)); /* Android browser 2.1 - 3, Chrome 4 - 9, iOS Safari 3.2 - 4.3, Safari 4 - 5 */
	background-image: -webkit-linear-gradient(top,
	                                          #444      0%,
	                                          #3f3f3f 100%); /* Android browser >= 4, Chrome 10 - 25, iOS Safari >= 5, Safari >= 5 */
	background-image:         linear-gradient(to bottom,
	                                          #444      0%,
	                                          #3f3f3f 100%); /* Chrome >= 26, Firefox >= 16, IE >= 10, Opera >= 12.10 */
}

.nav-primary__btn:active {
	background-color: #222;
	background-image: -webkit-gradient(linear, left top, left bottom,
	                                   color-stop(  0%, #1f1f1f),
	                                   color-stop(100%, #222)); /* Android browser 2.1 - 3, Chrome 4 - 9, iOS Safari 3.2 - 4.3, Safari 4 - 5 */
	background-image: -webkit-linear-gradient(top,
	                                          #1f1f1f   0%,
	                                          #222    100%); /* Android browser >= 4, Chrome 10 - 25, iOS Safari >= 5, Safari >= 5 */
	background-image:         linear-gradient(to bottom,
	                                          #1f1f1f   0%,
	                                          #222    100%); /* Chrome >= 26, Firefox >= 16, IE >= 10, Opera >= 12.10 */
	box-shadow: 0 2px 3px rgba(0, 0, 0, .25) inset;
	-webkit-transform: translate(0, 2px);
	        transform: translate(0, 2px);
}

/*
Bold underscore located under the navigation’s links (.nav-primary__btn):
[04.1:10a] Same as its container’s 'padding-right'.
[04.1:10b] Same as its container’s 'padding-bottom' minus 3px.
*/
.nav-primary__btn:after {
	content: " ";
	display: block;
	position: absolute;
	right:  12px; /* [04.1:10a] */
	bottom: 12px; /* [04.1:10b] */
	left:   12px; /* [04.1:10a] */
	height: 4px;
	margin: 0 auto;
	background-color: #ffe308;
	box-shadow: 0 -1px 2px rgba(  0,   0,   0, .25),
	            0  1px 2px rgba(255, 255, 255, .15);
	border-radius: 2px / 50%;
}

.nav-primary__btn:hover:after,
.nav-primary__btn:focus:after {
	background-color: #ffe308;
}




/*
 *     04.2) LOGIN FORM
 */


.login {
	float: right;
	display: block;
	margin: 44px 0 0;
	padding: 0;
}

.login__form {
	clear: both;
	float: left;
	display: table;
	margin: 0 auto 7px;
	padding: 7px 14px;
	font-size: .75em; /* 12px */
	background-color: #444;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
	border: 1px solid #444;
	border-radius: 2px;
	-webkit-transition: all .25s ease-in-out; /* Android browser <= 4.3, Chrome <= 25, iOS Safari <= 6.1, Safari <= 6 */
	        transition: all .25s ease-in-out; /* Chrome >= 26, Firefox >= 16, IE >= 10, Opera >= 12.10 */
}

.login__item {
	display: table-cell;
	margin: 0;
	padding: 0 28px 0 0;
	vertical-align: top;
}
.login__item:last-child {
	margin-bottom: 0;
	padding-right: 0;
}

.login__item--submit {
	clear: both;
}

.login__label {
	float: left;
	display: block;
	margin: 0;
	padding: 8px 14px 8px 0;
	color: #feb;
	font-weight: bold;
	text-align: right;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, .5);
	cursor: pointer;
}

.login__input {
	display: block;
	margin: 0;
	border: none;
	border-radius: 2px;
	-webkit-transition: all .25s ease-in-out; /* Android browser <= 4.3, Chrome <= 25, iOS Safari <= 6.1, Safari <= 6 */
	        transition: all .25s ease-in-out; /* Chrome >= 26, Firefox >= 16, IE >= 10, Opera >= 12.10 */
}

.login__input--username,
.login__input--password {
	float: left;
	padding: 8px;
	color: #333;
	background-color: #bbb;
	box-shadow: 1px 1px 2px rgba(  0,   0,   0, .75) inset,
	            1px 1px 2px rgba(255, 255, 255, .35);
}

.login__input--username:hover,
.login__input--username:focus,
.login__input--username:active,
.login__input--password:hover,
.login__input--password:focus,
.login__input--password:active {
	background-color: #fff;
}

/*
[04.2:01] Fallback image for old browsers.
*/
.login__input--submit {
	width: 100%;
	margin: 0;
	padding: 8px 18px;
	color: #eee;
	font-size: 1.125em; /* 18px */
	font-weight: bold;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, .5);
	background: #ffe308 url(../img/login-btn-bg.png) repeat-x; /* [04.2:01] */
	background-image: -webkit-gradient(linear, left top, left bottom,
	                                   color-stop(  0%, #fff49d),
	                                   color-stop(100%, #ffe308)); /* Android browser 2.1 - 3, Chrome 4 - 9, iOS Safari 3.2 - 4.3, Safari 4 - 5 */
	background-image: -webkit-linear-gradient(150deg,
	#fff49d   0%,
	#ffe308 100%); /* Android browser >= 4, Chrome 10 - 25, iOS Safari >= 5, Safari >= 5 */
	background-image:         linear-gradient(150deg,
	#fff49d   0%,
	#ffe308 100%); /* Chrome >= 26, Firefox >= 16, IE >= 10, Opera >= 12.10 */
	box-shadow: 0  1px 2px rgba(255, 255, 255, .25) inset,
	            0 -1px 2px rgba(  0,   0,   0, .5)  inset;
	cursor: pointer;
}

.login__input--submit:hover,
.login__input--submit:focus {
	color: #fff;
	background-color: #ffe308;
	background-image: url(../img/login-btn-bg-hover.png); /* [04.2:01] */
	background-image: -webkit-gradient(linear, left top, left bottom,
	                                   color-stop(  0%, #fff49d),
	                                   color-stop(100%, #ffe308)); /* Android browser 2.1 - 3, Chrome 4 - 9, iOS Safari 3.2 - 4.3, Safari 4 - 5 */
	background-image: -webkit-linear-gradient(150deg,
	                                          #fff49d   0%,
	                                          #ffe308 100%); /* Android browser >= 4, Chrome 10 - 25, iOS Safari >= 5, Safari >= 5 */
	background-image:         linear-gradient(150deg,
	                                          #fff49d   0%,
	                                          #ffe308 100%); /* Chrome >= 26, Firefox >= 16, IE >= 10, Opera >= 12.10 */
}

.login__input--submit:active {
	background-color: #fff49d;
	background-image: url(../img/login-btn-bg-active.png); /* [04.2:01] */
	background-image: -webkit-gradient(linear, left top, left bottom,
	                                   color-stop(  0%, #ffe308),
	                                   color-stop(100%, #fff49d)); /* Android browser 2.1 - 3, Chrome 4 - 9, iOS Safari 3.2 - 4.3, Safari 4 - 5 */
	background-image: -webkit-linear-gradient(150deg,
	                                          #ffe308   0%,
	                                          #fff49d 100%); /* Android browser >= 4, Chrome 10 - 25, iOS Safari >= 5, Safari >= 5 */
	background-image:         linear-gradient(150deg,
	                                          #ffe308   0%,
	                                          #fff49d 100%); /* Chrome >= 26, Firefox >= 16, IE >= 10, Opera >= 12.10 */
	box-shadow: 0  1px 4px rgba(  0,   0,   0, .5)  inset,
	            0 -1px 4px rgba(255, 255, 255, .25) inset;
	-webkit-transform: translate(0, 2px);
	        transform: translate(0, 2px);
}




/*
 * 05) PHONE NUMBERS
 */


/*
[05:01] Fallback 'border-color' for old browsers.
[05:02] Fallback for old browsers.
[05:03] This allows this element to be horizontally centered
        without having full width.
[05:04] Restore.
*/
.phone-numbers {
	display: block;
	clear: both;
	margin: 0 0 28px;
	padding: 14px 7px 18px;
	font-weight: bold;
	font-size: .75em; /* 12px */
	line-height: 1.2;
	color: #feb;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 -1px 1px rgba(  0,   0,   0, .75),
	             0  1px 1px rgba(255, 255, 255, .35);
	background-color: #222; /* [05:02] */
	background-color: rgba(34, 34, 34, .95);
	border: 1px solid #262626; /* [05:02] */
	border-color: rgba(38, 38, 38, .75);
	border-radius: 2px;
	list-style: none;
}

.phone-numbers__item {
	display: inline-block;
	margin: 0 auto;
	padding: 0 28px;
	letter-spacing: .2em;
}
.phone-numbers__item:last-child {
	margin-bottom: 0;
}

.phone-numbers--backup {
	font-size: .875em; /* ~11px */
}

.phone-numbers__number {
	display: inline-block;
	padding: 4px 4px 0;
	letter-spacing: .1em;
}

.phone-numbers__number:hover,
.phone-numbers__number:focus,
.phone-numbers__number:active {
	text-decoration: none;
}

.phone-numbers__number--main {
	padding-top: 0;
	color: #ddd;
	font-size: 28px;
}

.phone-numbers__number--main:hover,
.phone-numbers__number--main:focus {
	color: #fff;
}
.phone-numbers__number--main:active {
	color: #bbb;
}

.phone-numbers__number--backup {
	color: #bbb;
	font-size: 1.75em; /* ~21px */
}
.phone-numbers__number--backup:hover,
.phone-numbers__number--backup:focus {
	color: #ddd;
}
.phone-numbers__number--backup:active {
	color: #999;
}




/*
 * 06) SLIDER
 */


.slider {
	clear: both;
	float: left;
	width: 640px;
}




/*
 * 07) MAIN CONTENT
 */


/*
[07:01] Restore.
[07:02] Fallback for old browsers.
*/
.main > .wrapper {
	margin-bottom: 16px;
	padding-top:    8px;
	padding-bottom: 8px;
}
.main > .wrapper:last-child {
	margin-bottom: 0; /* [07:01] */
}

.wrapper--content {
	position: relative;
	margin: 16px auto;
}

.content {
	margin-bottom: 24px;
	padding: 16px 16px 20px;
	font-size: .875em; /* 14px */
	background-color: #222; /* [07:02] */
	background-color: rgba(34, 34, 34, .95);
	border: 1px solid #262626; /* [07:02] */
	border-color: rgba(38, 38, 38, .75);
	border-radius: 2px;
}

.first-col,
.last-col {
	width: 45%;
}

.last-col h2 {
	margin-top: 24px !important;
}

.main-heading {
	margin-top: 0;
}

.button {
	padding: 8px 0;
	color: #000;
	font-weight: bold;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .75);
	background-color: #fa1;
	background-image: -webkit-gradient(linear, left top, left bottom,
	                                   color-stop(  0%, #fd4),
	                                   color-stop(100%, #fa1)); /* Android browser 2.1 - 3, Chrome 4 - 9, iOS Safari 3.2 - 4.3, Safari 4 - 5 */
	background-image: -webkit-linear-gradient(top,
	                                          #fd4   0%,
	                                          #fa1 100%); /* Android browser >= 4, Chrome 10 - 25, iOS Safari >= 5, Safari >= 5 */
	background-image:         linear-gradient(to bottom,
	                                          #fd4   0%,
	                                          #fa1 100%); /* Chrome >= 26, Firefox >= 16, IE >= 10, Opera >= 12.10 */
	box-shadow: 0  4px 4px rgba(255, 255, 255, .5)  inset,
	            0 -2px 3px rgba(  0,   0,   0, .35) inset,
	            0  1px 2px rgba(  0,   0,   0, .25);
	border: none;
	border-radius: 8px;
}

#button2 {
	clear: both;
	float: right;
	display: block;
	width: 100%;
	max-width: 340px;
	font-size: 1.25em;
	margin: 10px 0 0 15px;
	padding: 15px;
}
#button2:hover,
#button2:focus {
	background-color: #feb;
	background-image: -webkit-gradient(linear, left top, left bottom,
	                                   color-stop(  0%, #feb),
	                                   color-stop(100%, #fa1)); /* Android browser 2.1 - 3, Chrome 4 - 9, iOS Safari 3.2 - 4.3, Safari 4 - 5 */
	background-image: -webkit-linear-gradient(top,
	                                          #feb   0%,
	                                          #fa1 100%); /* Android browser >= 4, Chrome 10 - 25, iOS Safari >= 5, Safari >= 5 */
	background-image:         linear-gradient(to bottom,
	                                          #feb   0%,
	                                          #fa1 100%); /* Chrome >= 26, Firefox >= 16, IE >= 10, Opera >= 12.10 */
}
#button2:active {
	background-color: #fd4;
	background-image: -webkit-gradient(linear, left top, left bottom,
	                                   color-stop(  0%, #fa1),
	                                   color-stop(100%, #fd4)); /* Android browser 2.1 - 3, Chrome 4 - 9, iOS Safari 3.2 - 4.3, Safari 4 - 5 */
	background-image: -webkit-linear-gradient(top,
	                                          #fa1   0%,
	                                          #fd4 100%); /* Android browser >= 4, Chrome 10 - 25, iOS Safari >= 5, Safari >= 5 */
	background-image:         linear-gradient(to bottom,
	                                          #fa1   0%,
	                                          #fd4 100%); /* Chrome >= 26, Firefox >= 16, IE >= 10, Opera >= 12.10 */
}

.iframe-scroll {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
.iframe-scroll iframe {
	width: 100%;
	border: none;
}




/*
 *     07.1) SIDEBAR
 */


/*
[07.1:01] Fallback for old browsers.
*/
.sidebar {
	clear: right;
	float: right;
	width: 33%;
	max-width: 640px;
	margin: 0 0 0 6px;
	padding: 14px;
	font-size: .8125em; /* 13px */
	background-color: #222; /* [07.1:01] */
	background-color: rgba(34, 34, 34, .95);
	border-radius: 4px;
}

.sidebar__heading {
	margin: 0 0 7px;
}

.sidebar__list {
	margin: 0 auto;
	padding: 0;
	list-style-image: url(../img/check.png);
}

.sidebar__item {
	float: left;
	margin: 0 0 0 28px;
	padding: 5px 0;
}

.sidebar__cta {
	position: relative;
	clear: both;
	min-width: 128px;
	display: block;
	margin: 8px 0 0;
	padding: 12px;
	color: #222;
	font: normal bold 1em "Helvetica Neue", Helvetica, Arial, sans-serif; /* 16px */
	text-decoration: none;
	background-color: #fb2;
	background-image: -webkit-gradient(linear, left top, right bottom,
	                                   color-stop(  0%, rgba(255, 255, 255, 0) ),
	                                   color-stop( 50%, rgba(255, 255, 255, .5)),
	                                   color-stop(100%, rgba(255, 255, 255, 0) )),
	                  -webkit-gradient(linear, left top, left bottom,
	                                   color-stop(  0%, #fd4),
	                                   color-stop(100%, #fa1)); /* Android browser 2.1 - 3, Chrome 4 - 9, iOS Safari 3.2 - 4.3, Safari 4 - 5 */
	background-image: -webkit-linear-gradient(-60deg,
	                                          rgba(255, 255, 255, 0)   0%,
	                                          rgba(255, 255, 255, .5) 50%,
	                                          rgba(255, 255, 255, 0) 100%),
	                  -webkit-linear-gradient(to bottom,
	                                          #fd4   0%,
	                                          #fa1 100%); /* Android browser >= 4, Chrome 10 - 25, iOS Safari >= 5, Safari >= 5 */
	background-image:         linear-gradient(300deg,
	                                          rgba(255, 255, 255, 0)   0%,
	                                          rgba(255, 255, 255, .5) 50%,
	                                          rgba(255, 255, 255, 0) 100%),
	                          linear-gradient(to bottom,
	                                          #fd4   0%,
	                                          #fa1 100%); /* Chrome >= 26, Firefox >= 16, IE >= 10, Opera >= 12.10 */
	background-repeat: no-repeat;
	background-position: -90px 0,
	                      0    0;
	background-size: 90px 100%,
	                 100% 100%;
	box-shadow: 0  4px 4px rgba(255, 255, 255, .5)  inset,
	            0 -2px 3px rgba(  0,   0,   0, .35) inset,
	            0  1px 2px rgba(  0,   0,   0, .25);
	border-radius: 2px;
	overflow: hidden;
	-webkit-transition: background-position 0s ease-in-out; /* Android browser <= 4.3, Chrome <= 25, iOS Safari <= 6.1, Safari <= 6 */
	        transition: background-position 0s ease-in-out; /* Chrome >= 26, Firefox >= 16, IE >= 10, Opera >= 12.10 */
}

.sidebar__cta:hover,
.sidebar__cta:focus,
.sidebar__cta:active {
	color: #000;
	text-decoration: none;
	background-position: 150% 0,
	                       0  0;
	-webkit-transition-duration: .75s; /* Android browser <= 4.3, Chrome <= 25, iOS Safari <= 6.1, Safari <= 6 */
	        transition-duration: .75s; /* Chrome >= 26, Firefox >= 16, IE >= 10, Opera >= 12.10 */
}

/*
[07.1:02] A vector icon (in this case, a right-pointing guillemet, »)
          is generated through the use of a customized icon typeface.
[07.1:03] Fallback color for old browsers.
*/
.sidebar__cta:after {
	content: "\bb"; /* [07.1:02] */
	float: right;
	color: #7f6216; /* [07.1:03] */
	color: rgba(0, 0, 0, .5);
	font-weight: normal;
}




/*
 * 08) SECONDARY NAVIGATION
 */


/*
[08:01] Required for its children's 'display: table-cell;'.
        Not compatible with IE < 8.
[08:02] Keep an equal width among its children. Requirements:
        » Parent:   display: table, a specified width, table-layout: fixed.
        » Children: display: table-cell, width: 100%.
        Not compatible with IE < 8.
*/
.sec-nav {
	display: table; /* [08:01] [08:02] */
	width: 100%; /* [08:02] */
	margin: 0 auto 16px;
	padding: 0;
	list-style: none;
	table-layout: fixed; /* [08:02] */
}

.sec-nav,
.sec-nav * {
	-webkit-transition: all .25s ease-in-out; /* Android browser <= 4.3, Chrome <= 25, iOS Safari <= 6.1, Safari <= 6 */
	        transition: all .25s ease-in-out; /* Chrome >= 26, Firefox >= 16, IE >= 10, Opera >= 12.10 */
}

/*
[08:03] Emulates the behavior of table cells, which enables
        proportional widths for a set of horizontal elements without
        the need of setting floats or specific widths.
        Not compatible with IE < 8.
*/
.sec-nav__item {
	display: table-cell; /* [08:02] [08:03] */
	width: 100%; /* [08:02] */
	margin: 0 auto 8px;
	padding: 0 4px;
}
.sec-nav__item:first-child {
	padding-left: 0;
}
.sec-nav__item:last-child {
	padding-right: 0;
}

/*
[08:04] Fallback for old browsers.
*/
.sec-nav__btn {
	position: relative;
	display: block;
	min-height: 240px;
	padding: 12px;
	color: #ccc;
	font-size: .75em; /* 12px */
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #222; /* [08:04] */
	background-color: rgba(34, 34, 34, .95);
	border: 1px solid #262626; /* [08:04] */
	border-color: rgba(38, 38, 38, .75);
	border-radius: 2px;
}

.sec-nav__btn:hover,
.sec-nav__btn:focus,
.sec-nav__btn:active {
	color: #fff;
	text-decoration: none;
	background-color: #333; /* [08:04] */
	background-color: rgba(51, 51, 51, .925);
}

.sec-nav__heading {
	margin: 0 0 16px;
	padding: 9px;
	color: #ccc;
	font-size: 1.75em; /* 28px */
	text-shadow: 0 1px 2px rgba(0, 0, 0, .75);
	background-color: #ffe308;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .75);
	border-radius: 2px;
}

.sec-nav__btn:hover  .sec-nav__heading,
.sec-nav__btn:focus  .sec-nav__heading,
.sec-nav__btn:active .sec-nav__heading {
	color: #fff;
	background-color: #ffe308;
}

.sec-nav__text {
	padding-right: 144px;
}

/*
[08:12] Placed above '.sec-nav__btn:after'.
*/
.sec-nav__cta {
	position: absolute;
	bottom: 9px;
	left:   9px;
	z-index: 3; /* [08:12] */
	width: 65%;
	margin-top:    16px;
	margin-bottom: 0;
	color: #ffe308;
	font-weight: bold;
	font-size: 1.5em; /* 24px */
}
.sec-nav__btn:hover  .sec-nav__cta,
.sec-nav__btn:focus  .sec-nav__cta,
.sec-nav__btn:active .sec-nav__cta {
	color: #ffe308;
}

/*
[08:13] Must match .sec-nav__btn’s lower right border radius.
*/
.sec-nav__btn:after {
	content: " ";
	position: absolute;
	bottom: 0;
	right:  0;
	z-index: 2;
	width: 200px;
	height: 165px;
	background: transparent url(../img/sec-nav-img.png) no-repeat 0 0;
	overflow: hidden;
	border-bottom-right-radius: 8px; /* [08:13] */
}

.sec-nav-wagering a:hover:after,
.sec-nav-wagering a:focus:after,
.sec-nav-wagering a:active:after {
	background-position: 0 -175px;
}

.sec-nav-casino a:after {
	background-position: -200px 0;
}

.sec-nav-casino a:hover:after,
.sec-nav-casino a:focus:after,
.sec-nav-casino a:active:after {
	background-position: -200px -175px;
}

.sec-nav-sportsbook a:after {
	background-position: -400px 0;
}

.sec-nav-sportsbook a:hover:after,
.sec-nav-sportsbook a:focus:after,
.sec-nav-sportsbook a:active:after {
	background-position: -400px -175px;
}




/*
 * 09) FOOTER
 */


.footer {
	padding-top:    4px;
	padding-bottom: 8px;
	text-align: center;
}

.footer__wrapper {
	clear: both;
}

.footer-text {
	clear: both;
	margin: 10px auto;
	color: #777;
	font: italic bold 1.125em/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; /* 18px */
	text-shadow: 0 2px 2px rgba(0, 0, 0, .75);
}


.login__input--submit:hover, .login__input--submit:focus {
	color: #797979;
}

.login__input--submit:hover, .login__input--submit {
	color: #797979;
}