/* ==================================================
   BUTTON #1
   ================================================== */

.site-nav {
display:table;
width:100%;
margin:0 0 30px;
table-layout:fixed;
overflow:hidden;
background:rgba(0,0,0,0.08);
border:1px solid rgba(0,0,0,0.96);
-webkit-border-radius:7px;
border-radius:7px;
-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.14);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.14);
}

.button-type-1 {
display:table-cell;
position:relative;
width:33.333333%;
padding:9px 1px;
overflow:hidden;
color:#d3d3d3;
font-size:13px;
font-weight:600;
line-height:16px;
letter-spacing:0;
white-space:nowrap;
text-align:center;
text-decoration:none;
text-transform:uppercase;
border-right:1px solid rgba(0,0,0,0.72);
background:
-webkit-linear-gradient(
top,
rgba(70,70,70,0.42) 0%,
rgba(43,43,43,0.36) 48%,
rgba(18,18,18,0.40) 100%
);
background:
linear-gradient(
to bottom,
rgba(70,70,70,0.42) 0%,
rgba(43,43,43,0.36) 48%,
rgba(18,18,18,0.40) 100%
);
-webkit-background-clip:padding-box;
background-clip:padding-box;
text-shadow:0 -1px 0 rgba(0,0,0,0.95);
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-user-select:none;
user-select:none;
}

.button-type-1:first-child {
-webkit-border-radius:6px 0 0 6px;
border-radius:6px 0 0 6px;
}

.button-type-1:last-child {
border-right:0;
-webkit-border-radius:0 6px 6px 0;
border-radius:0 6px 6px 0;
}

.button-type-1:before {
content:"";
position:absolute;
z-index:2;
top:0;
right:0;
left:0;
height:56%;
pointer-events:none;
-webkit-border-radius:inherit;
border-radius:inherit;
background:
-webkit-linear-gradient(
top,
rgba(255,255,255,0.20) 0%,
rgba(255,255,255,0.115) 30%,
rgba(255,255,255,0.050) 61%,
rgba(255,255,255,0.012) 82%,
rgba(255,255,255,0) 100%
);
background:
linear-gradient(
to bottom,
rgba(255,255,255,0.20) 0%,
rgba(255,255,255,0.115) 30%,
rgba(255,255,255,0.050) 61%,
rgba(255,255,255,0.012) 82%,
rgba(255,255,255,0) 100%
);
}

html.no-ios-device .button-type-1:hover {
color:#fff;
background:
-webkit-linear-gradient(
top,
rgba(78,78,78,0.455) 0%,
rgba(47,47,47,0.395) 48%,
rgba(21,21,21,0.415) 100%
);
background:
linear-gradient(
to bottom,
rgba(78,78,78,0.455) 0%,
rgba(47,47,47,0.395) 48%,
rgba(21,21,21,0.415) 100%
);
}

html.no-ios-device .button-type-1:hover:before {
background:
-webkit-linear-gradient(
top,
rgba(255,255,255,0.215) 0%,
rgba(255,255,255,0.122) 28%,
rgba(255,255,255,0.054) 59%,
rgba(255,255,255,0.014) 82%,
rgba(255,255,255,0) 100%
);
background:
linear-gradient(
to bottom,
rgba(255,255,255,0.215) 0%,
rgba(255,255,255,0.122) 28%,
rgba(255,255,255,0.054) 59%,
rgba(255,255,255,0.014) 82%,
rgba(255,255,255,0) 100%
);
-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.22);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.22);
}

.button-type-1:after {
content:"";
position:absolute;
z-index:4;
top:0;
right:0;
bottom:0;
left:0;
opacity:0;
pointer-events:none;
-webkit-border-radius:inherit;
border-radius:inherit;
background:
-webkit-linear-gradient(
top,
rgba(255,255,255,0) 0%,
rgba(255,255,255,0) 38%,
rgba(255,255,255,0.020) 50%,
rgba(255,255,255,0.055) 63%,
rgba(255,255,255,0.115) 78%,
rgba(255,255,255,0.245) 100%
);
background:
linear-gradient(
to bottom,
rgba(255,255,255,0) 0%,
rgba(255,255,255,0) 38%,
rgba(255,255,255,0.020) 50%,
rgba(255,255,255,0.055) 63%,
rgba(255,255,255,0.115) 78%,
rgba(255,255,255,0.245) 100%
);
}

.button-type-1.is-pressed {
color:#fff;
background:
-webkit-linear-gradient(
top,
rgba(2,2,2,0.84) 0%,
rgba(8,8,8,0.79) 46%,
rgba(18,18,18,0.70) 100%
);
background:
linear-gradient(
to bottom,
rgba(2,2,2,0.84) 0%,
rgba(8,8,8,0.79) 46%,
rgba(18,18,18,0.70) 100%
);
-webkit-box-shadow:
inset 0 5px 9px rgba(0,0,0,0.76),
inset 0 -1px 0 rgba(255,255,255,0.06);
box-shadow:
inset 0 5px 9px rgba(0,0,0,0.76),
inset 0 -1px 0 rgba(255,255,255,0.06);
}

html.no-ios-device .button-type-1.is-pressed:before {
opacity:0;
-webkit-box-shadow:none;
box-shadow:none;
}

.button-type-1.is-pressed:after {
-webkit-animation:primaryPressGlow 150ms ease-out forwards;
animation:primaryPressGlow 150ms ease-out forwards;
}

@-webkit-keyframes primaryPressGlow {
0% { opacity:1; }
100% { opacity:0.34; }
}

@keyframes primaryPressGlow {
0% { opacity:1; }
100% { opacity:0.34; }
}

html.ios6-device .button-type-1:before,
html.ios6-device .button-type-1:after {
display:none;
}

html.ios6-device .button-type-1 {
background:
-webkit-linear-gradient(
top,
rgba(255,255,255,0.18) 0%,
rgba(255,255,255,0.09) 24%,
rgba(255,255,255,0.025) 48%,
rgba(255,255,255,0) 58%
),
-webkit-linear-gradient(
top,
rgba(70,70,70,0.42) 0%,
rgba(43,43,43,0.36) 48%,
rgba(18,18,18,0.40) 100%
);
}

html.ios6-device .button-type-1.is-pressed {
background:
-webkit-linear-gradient(
top,
rgba(255,255,255,0) 0%,
rgba(255,255,255,0) 48%,
rgba(255,255,255,0.025) 61%,
rgba(255,255,255,0.065) 77%,
rgba(255,255,255,0.105) 100%
),
-webkit-linear-gradient(
top,
rgba(2,2,2,0.84) 0%,
rgba(8,8,8,0.79) 46%,
rgba(18,18,18,0.70) 100%
);
}


/* ==================================================
   BUTTON #2
   ================================================== */

.release-links {
display:table;
width:100%;
margin-top:9px;
table-layout:fixed;
overflow:hidden;
background:rgba(0,0,0,0.07);
border:1px solid rgba(0,0,0,0.62);
-webkit-border-radius:5px;
border-radius:5px;
-webkit-background-clip:padding-box;
background-clip:padding-box;
}

.button-type-2 {
display:table-cell;
position:relative;
width:33.333333%;
padding:9px 1px;
overflow:hidden;
color:#d0d0d0;
font-size:13px;
font-weight:600;
line-height:16px;
letter-spacing:0;
white-space:nowrap;
text-align:center;
text-decoration:none;
border-right:1px solid rgba(0,0,0,0.46);
background:rgba(255,255,255,0.018);
-webkit-background-clip:padding-box;
background-clip:padding-box;
-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.115);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.115);
text-shadow:0 -1px 0 rgba(0,0,0,0.85);
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-user-select:none;
user-select:none;
}

.button-type-2:first-child {
-webkit-border-radius:4px 0 0 4px;
border-radius:4px 0 0 4px;
}

.button-type-2:last-child {
border-right:0;
-webkit-border-radius:0 4px 4px 0;
border-radius:0 4px 4px 0;
}

html.no-ios-device .button-type-2:hover {
color:#fff;
background:rgba(255,255,255,0.17);
-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.18);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.18);
}

.button-type-2:after {
content:"";
position:absolute;
z-index:4;
top:0;
right:0;
bottom:0;
left:0;
opacity:0;
pointer-events:none;
-webkit-border-radius:inherit;
border-radius:inherit;
background:
-webkit-linear-gradient(
top,
rgba(255,255,255,0) 0%,
rgba(255,255,255,0) 39%,
rgba(255,255,255,0.025) 51%,
rgba(255,255,255,0.065) 65%,
rgba(255,255,255,0.135) 81%,
rgba(255,255,255,0.245) 100%
);
background:
linear-gradient(
to bottom,
rgba(255,255,255,0) 0%,
rgba(255,255,255,0) 39%,
rgba(255,255,255,0.025) 51%,
rgba(255,255,255,0.065) 65%,
rgba(255,255,255,0.135) 81%,
rgba(255,255,255,0.245) 100%
);
}

.button-type-2.is-pressed,
html.no-ios-device .button-type-2.is-pressed,
html.no-ios-device .button-type-2.is-pressed:hover {
color:#fff;
background:
-webkit-linear-gradient(
top,
rgba(0,0,0,0.72) 0%,
rgba(0,0,0,0.53) 24%,
rgba(0,0,0,0.34) 52%,
rgba(0,0,0,0.19) 78%,
rgba(0,0,0,0.12) 100%
),
rgba(0,0,0,0.32);
background:
linear-gradient(
to bottom,
rgba(0,0,0,0.72) 0%,
rgba(0,0,0,0.53) 24%,
rgba(0,0,0,0.34) 52%,
rgba(0,0,0,0.19) 78%,
rgba(0,0,0,0.12) 100%
),
rgba(0,0,0,0.32);
-webkit-box-shadow:
inset 0 6px 9px rgba(0,0,0,0.66),
inset 0 -1px 0 rgba(255,255,255,0.06);
box-shadow:
inset 0 6px 9px rgba(0,0,0,0.66),
inset 0 -1px 0 rgba(255,255,255,0.06);
}

.button-type-2.is-pressed:after,
html.no-ios-device .button-type-2.is-pressed:hover:after {
-webkit-animation:secondaryPressGlow 150ms ease-out forwards;
animation:secondaryPressGlow 150ms ease-out forwards;
}

@-webkit-keyframes secondaryPressGlow {
0% { opacity:1; }
100% { opacity:0.38; }
}

@keyframes secondaryPressGlow {
0% { opacity:1; }
100% { opacity:0.38; }
}

html.ios6-device .button-type-2:after {
display:none;
}

html.ios6-device .button-type-2 {
background:rgba(255,255,255,0.018);
-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.115);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.115);
}

html.ios6-device .button-type-2.is-pressed {
background:
-webkit-linear-gradient(
top,
rgba(0,0,0,0.70) 0%,
rgba(0,0,0,0.50) 25%,
rgba(0,0,0,0.31) 54%,
rgba(0,0,0,0.18) 79%,
rgba(0,0,0,0.12) 100%
),
rgba(0,0,0,0.30);
-webkit-box-shadow:
inset 0 6px 9px rgba(0,0,0,0.62),
inset 0 -1px 0 rgba(255,255,255,0.06);
box-shadow:
inset 0 6px 9px rgba(0,0,0,0.62),
inset 0 -1px 0 rgba(255,255,255,0.06);
}


/* ==================================================
   MUSIC / SOCIAL
   ================================================== */

.link-button {
display:block;
position:relative;
width:100%;
max-width:100%;
margin:15px 0;
padding:15px 20px;
overflow:hidden;
color:#e3e3e3;
font-size:15px;
font-weight:500;
line-height:20px;
letter-spacing:0.8px;
text-align:center;
text-decoration:none;
cursor:pointer;
background-color:rgba(0,0,0,0.13);
border:1px solid rgba(0,0,0,0.96);
-webkit-border-radius:8px;
border-radius:8px;
-webkit-background-clip:padding-box;
background-clip:padding-box;
-webkit-appearance:none;
-webkit-user-select:none;
user-select:none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
text-shadow:0 -1px 0 rgba(0,0,0,0.98);
-webkit-box-shadow:
0 1px 0 rgba(255,255,255,0.24),
0 6px 12px rgba(0,0,0,0.42);
box-shadow:
0 1px 0 rgba(255,255,255,0.24),
0 6px 12px rgba(0,0,0,0.42);
}

.button-surface {
position:absolute;
z-index:1;
top:0;
right:0;
bottom:0;
left:0;
overflow:hidden;
pointer-events:none;
-webkit-border-radius:7px;
border-radius:7px;
-webkit-background-clip:padding-box;
background-clip:padding-box;
-webkit-box-shadow:
inset 0 1px 0 rgba(255,255,255,0.27),
inset 1px 0 0 rgba(255,255,255,0.09),
inset -1px 0 0 rgba(255,255,255,0.07);
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.27),
inset 1px 0 0 rgba(255,255,255,0.09),
inset -1px 0 0 rgba(255,255,255,0.07);
}

.button-glow,
.button-hover-aqua,
.button-press-color,
.button-press-light {
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
pointer-events:none;
}

.button-glow {
z-index:1;
opacity:0;
-webkit-transition:opacity 850ms cubic-bezier(0.22,0.61,0.36,1);
transition:opacity 850ms cubic-bezier(0.22,0.61,0.36,1);
}

.button-glow-pulse {
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
opacity:0.52;
pointer-events:none;
-webkit-animation:buttonGlow 3.4s ease-in-out infinite alternate;
animation:buttonGlow 3.4s ease-in-out infinite alternate;
}

@-webkit-keyframes buttonGlow {
0% { opacity:0.46; }
30% { opacity:0.54; }
65% { opacity:0.65; }
100% { opacity:0.50; }
}

@keyframes buttonGlow {
0% { opacity:0.46; }
30% { opacity:0.54; }
65% { opacity:0.65; }
100% { opacity:0.50; }
}

/* A full-height, non-repeating sheen avoids a raster seam above the label. */
.button-sheen,
html.legacy-gradients .button-sheen {
position:absolute;
z-index:2;
top:0;
right:0;
bottom:0;
left:0;
pointer-events:none;
-webkit-border-radius:7px;
border-radius:7px;
background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.22)),color-stop(0.16,rgba(255,255,255,0.135)),color-stop(0.34,rgba(255,255,255,0.06)),color-stop(0.48,rgba(255,255,255,0.015)),color-stop(0.58,rgba(255,255,255,0)),to(rgba(255,255,255,0)));
background:-webkit-linear-gradient(top,rgba(255,255,255,0.22) 0%,rgba(255,255,255,0.135) 16%,rgba(255,255,255,0.06) 34%,rgba(255,255,255,0.015) 48%,rgba(255,255,255,0) 58%,rgba(255,255,255,0) 100%);
background:linear-gradient(to bottom,rgba(255,255,255,0.22) 0%,rgba(255,255,255,0.135) 16%,rgba(255,255,255,0.06) 34%,rgba(255,255,255,0.015) 48%,rgba(255,255,255,0) 58%,rgba(255,255,255,0) 100%);
}


.button-hover-aqua {
z-index:6;
opacity:0;
background:
-webkit-linear-gradient(
top,
rgba(255,255,255,0.20) 0%,
rgba(255,255,255,0.115) 30%,
rgba(255,255,255,0.050) 61%,
rgba(255,255,255,0.012) 82%,
rgba(255,255,255,0) 100%
);
background:
linear-gradient(
to bottom,
rgba(255,255,255,0.20) 0%,
rgba(255,255,255,0.115) 30%,
rgba(255,255,255,0.050) 61%,
rgba(255,255,255,0.012) 82%,
rgba(255,255,255,0) 100%
);
-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.22);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.22);
-webkit-transition:opacity 140ms ease;
transition:opacity 140ms ease;
}

html.no-ios-device .link-button.is-hovering .button-hover-aqua {
opacity:1;
}

.button-press-color {
z-index:3;
opacity:0;
}

.button-press-light {
z-index:5;
opacity:0;
background:
-webkit-linear-gradient(
top,
rgba(255,255,255,0) 0%,
rgba(255,255,255,0) 38%,
rgba(255,255,255,0.020) 50%,
rgba(255,255,255,0.055) 63%,
rgba(255,255,255,0.115) 78%,
rgba(255,255,255,0.245) 100%
);
background:
linear-gradient(
to bottom,
rgba(255,255,255,0) 0%,
rgba(255,255,255,0) 38%,
rgba(255,255,255,0.020) 50%,
rgba(255,255,255,0.055) 63%,
rgba(255,255,255,0.115) 78%,
rgba(255,255,255,0.245) 100%
);
}

@-webkit-keyframes mainPressGlowFade {
0% { opacity:1; }
100% { opacity:0.34; }
}

@keyframes mainPressGlowFade {
0% { opacity:1; }
100% { opacity:0.34; }
}

.button-label {
position:relative;
z-index:10;
pointer-events:none;
}

html.no-ios-device .link-button.is-hovering .button-glow {
opacity:0.80;
}

.link-button.is-pressed {
color:#fff;
}

.link-button.is-pressed .button-hover-aqua {
opacity:0;
}

.link-button.is-pressed .button-sheen {
opacity:0.08;
}

.link-button.is-pressed .button-glow {
opacity:0.10;
}

.link-button.is-pressed .button-press-color {
opacity:0.035;
}

.link-button.is-pressed .button-surface {
-webkit-box-shadow:
inset 0 9px 16px rgba(0,0,0,0.92),
inset 5px 0 9px rgba(0,0,0,0.36),
inset -5px 0 9px rgba(0,0,0,0.36),
inset 0 -1px 0 rgba(255,255,255,0.05);
box-shadow:
inset 0 9px 16px rgba(0,0,0,0.92),
inset 5px 0 9px rgba(0,0,0,0.36),
inset -5px 0 9px rgba(0,0,0,0.36),
inset 0 -1px 0 rgba(255,255,255,0.05);
}

.link-button.is-pressed .button-press-light {
-webkit-animation:mainPressGlowFade 150ms ease-out forwards;
animation:mainPressGlowFade 150ms ease-out forwards;
}

.link-button.is-pressed .button-label {
top:1px;
}


/* ==================================================
   iOS 6 — MUSIC / SOCIAL
   ================================================== */

html.ios6-device .link-button,
html.ios6-device .link-button * {
-webkit-transition:none !important;
transition:none !important;
-webkit-animation:none !important;
animation:none !important;
-webkit-transform:none !important;
transform:none !important;
}

html.ios6-device .button-glow,
html.ios6-device .button-glow-pulse,
html.ios6-device .button-hover-aqua,
html.ios6-device .button-press-light,
html.ios6-device .button-press-color {
display:none !important;
}

html.ios6-device .link-button.is-pressed {
background:#070707;
-webkit-box-shadow:
0 1px 0 rgba(255,255,255,0.16),
0 6px 12px rgba(0,0,0,0.38);
box-shadow:
0 1px 0 rgba(255,255,255,0.16),
0 6px 12px rgba(0,0,0,0.38);
}

html.ios6-device .link-button.is-pressed .button-surface {
opacity:0.52;
-webkit-box-shadow:
inset 0 3px 0 rgba(0,0,0,0.58),
inset 0 -1px 0 rgba(255,255,255,0.035);
box-shadow:
inset 0 3px 0 rgba(0,0,0,0.58),
inset 0 -1px 0 rgba(255,255,255,0.035);
}

html.ios6-device .link-button.is-pressed .button-sheen {
opacity:0;
}

html.ios6-device .link-button.is-pressed .button-label {
top:1px;
}


/* ==================================================
   NATIVE SELECT BUTTONS
   ================================================== */

.select-button {
display:block;
position:relative;
width:100%;
height:28px;
margin:0;
padding:0;
overflow:hidden;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:rgba(24,26,29,0.30);
background-image:
-webkit-linear-gradient(
top,
rgba(255,255,255,0.105) 0%,
rgba(255,255,255,0.035) 47%,
rgba(0,0,0,0.050) 53%,
rgba(0,0,0,0.115) 100%
);
background-image:
linear-gradient(
to bottom,
rgba(255,255,255,0.105) 0%,
rgba(255,255,255,0.035) 47%,
rgba(0,0,0,0.050) 53%,
rgba(0,0,0,0.115) 100%
);
border:1px solid rgba(0,0,0,0.82);
-webkit-border-radius:5px;
border-radius:5px;
-webkit-background-clip:padding-box;
background-clip:padding-box;
-webkit-box-shadow:
inset 0 1px 0 rgba(255,255,255,0.135),
0 1px 0 rgba(255,255,255,0.030);
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.135),
0 1px 0 rgba(255,255,255,0.030);
-ms-touch-action:manipulation;
touch-action:manipulation;
}

html.no-ios-device .select-button:hover {
background-color:rgba(35,38,42,0.37);
}

.select-button:active {
background-color:rgba(13,14,16,0.35);
-webkit-box-shadow:
inset 0 5px 8px rgba(0,0,0,0.60),
inset 0 1px 0 rgba(0,0,0,0.34),
inset 0 -1px 0 rgba(255,255,255,0.055);
box-shadow:
inset 0 5px 8px rgba(0,0,0,0.60),
inset 0 1px 0 rgba(0,0,0,0.34),
inset 0 -1px 0 rgba(255,255,255,0.055);
}

.select-button:before,
.select-button:after {
content:"";
position:absolute;
z-index:4;
right:7px;
width:0;
height:0;
pointer-events:none;
}

.select-button:before {
top:50%;
margin-top:-6px;
border-left:3px solid transparent;
border-right:3px solid transparent;
border-bottom:4px solid rgba(225,228,231,0.88);
}

.select-button:after {
top:50%;
margin-top:2px;
border-left:3px solid transparent;
border-right:3px solid transparent;
border-top:4px solid rgba(225,228,231,0.88);
}

.select-button-field {
position:absolute;
z-index:2;
top:0;
right:0;
bottom:0;
left:0;
display:block;
width:100%;
height:100%;
margin:0;
padding:3px 22px 3px 7px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
color:#d7d9db;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:11px;
font-weight:500;
line-height:18px;
background:transparent !important;
border:0 !important;
outline:none !important;
-webkit-border-radius:4px;
border-radius:4px;
-webkit-appearance:none !important;
-moz-appearance:none !important;
appearance:none !important;
text-shadow:0 -1px 0 rgba(0,0,0,0.88);
cursor:default;
-webkit-tap-highlight-color:rgba(0,0,0,0);
-ms-touch-action:manipulation;
touch-action:manipulation;
}

.select-button-field:focus {
outline:none !important;
-webkit-box-shadow:none !important;
box-shadow:none !important;
}

.select-button-field:active {
background:
-webkit-linear-gradient(
top,
rgba(0,0,0,0.20) 0%,
rgba(0,0,0,0.10) 100%
) !important;
background:
linear-gradient(
to bottom,
rgba(0,0,0,0.20) 0%,
rgba(0,0,0,0.10) 100%
) !important;
-webkit-box-shadow:
inset 0 5px 8px rgba(0,0,0,0.60),
inset 0 1px 0 rgba(0,0,0,0.34),
inset 0 -1px 0 rgba(255,255,255,0.055) !important;
box-shadow:
inset 0 5px 8px rgba(0,0,0,0.60),
inset 0 1px 0 rgba(0,0,0,0.34),
inset 0 -1px 0 rgba(255,255,255,0.055) !important;
}

.select-button-field::-ms-expand {
display:none;
}

.select-button-field option {
color:#111;
background:#eee;
}

html.ios6-device .select-button,
html.ios6-device .select-button-field {
-webkit-transition:none !important;
transition:none !important;
-webkit-animation:none !important;
animation:none !important;
-webkit-transform:none !important;
transform:none !important;
}


/* ==================================================
   INTELLIGENT RESPONSIVE ROWS
   ================================================== */

.site-nav.is-mobile-row {
display:block;
font-size:0;
table-layout:auto;
}

.site-nav.is-mobile-row .button-type-1 {
display:inline-block;
width:50%;
vertical-align:top;
-webkit-border-radius:0;
border-radius:0;
}

.site-nav.is-mobile-row .button-type-1:first-child {
-webkit-border-radius:6px 0 0 0;
border-radius:6px 0 0 0;
}

.site-nav.is-mobile-row .button-type-1:nth-child(2) {
border-right:0;
-webkit-border-radius:0 6px 0 0;
border-radius:0 6px 0 0;
}

.site-nav.is-mobile-row .button-type-1:nth-child(3) {
width:100%;
border-top:1px solid rgba(0,0,0,0.72);
border-right:0;
-webkit-border-radius:0 0 6px 6px;
border-radius:0 0 6px 6px;
}

.site-nav.is-mobile-stack .button-type-1 {
display:block;
width:100%;
border-right:0;
border-bottom:1px solid rgba(0,0,0,0.72);
-webkit-border-radius:0;
border-radius:0;
}

.site-nav.is-mobile-stack .button-type-1:first-child {
-webkit-border-radius:6px 6px 0 0;
border-radius:6px 6px 0 0;
}

.site-nav.is-mobile-stack .button-type-1:nth-child(2) {
-webkit-border-radius:0;
border-radius:0;
}

.site-nav.is-mobile-stack .button-type-1:nth-child(3) {
border-top:0;
border-bottom:0;
-webkit-border-radius:0 0 6px 6px;
border-radius:0 0 6px 6px;
}

.release-links.is-mobile-row {
display:block;
font-size:0;
table-layout:auto;
}

.release-links.is-mobile-row .button-type-2 {
display:inline-block;
width:50%;
vertical-align:top;
-webkit-border-radius:0;
border-radius:0;
}

.release-links.is-mobile-row .button-type-2:first-child {
-webkit-border-radius:4px 0 0 0;
border-radius:4px 0 0 0;
}

.release-links.is-mobile-row .button-type-2:nth-child(2) {
border-right:0;
-webkit-border-radius:0 4px 0 0;
border-radius:0 4px 0 0;
}

.release-links.is-mobile-row .button-type-2:nth-child(3) {
width:100%;
border-top:1px solid rgba(0,0,0,0.46);
border-right:0;
-webkit-border-radius:0 0 4px 4px;
border-radius:0 0 4px 4px;
}

.release-links.is-mobile-stack .button-type-2 {
display:block;
width:100%;
border-right:0;
border-bottom:1px solid rgba(0,0,0,0.46);
-webkit-border-radius:0;
border-radius:0;
}

.release-links.is-mobile-stack .button-type-2:first-child {
-webkit-border-radius:4px 4px 0 0;
border-radius:4px 4px 0 0;
}

.release-links.is-mobile-stack .button-type-2:nth-child(2) {
-webkit-border-radius:0;
border-radius:0;
}

.release-links.is-mobile-stack .button-type-2:nth-child(3) {
border-top:0;
border-bottom:0;
-webkit-border-radius:0 0 4px 4px;
border-radius:0 0 4px 4px;
}


/* ==================================================
   MOBILE UI — ONLY WHEN RESPONSIVE-BUTTONS.JS
   DETECTS A PHONE OR NARROW PORTRAIT VIEWPORT
   ================================================== */

html.mobile-ui-active .button-type-1,
html.mobile-ui-active .button-type-2 {
font-size:13.5px;
line-height:17px;
padding-top:10px;
padding-bottom:10px;
}

html.mobile-ui-active .link-button {
font-size:15.8px;
line-height:21px;
padding-top:16px;
padding-bottom:16px;
}


/* ==================================================
   LATEST RELEASE — MOBILE UI
   ================================================== */

html.mobile-ui-active .release-layout {
display:block;
width:100%;
}

html.mobile-ui-active .release-art-cell,
html.mobile-ui-active .release-main {
display:block;
width:100%;
}

html.mobile-ui-active .release-cover-link {
display:block;
width:100%;
max-width:100%;
margin:0 auto;
}

html.mobile-ui-active .release-cover-image {
display:block;
width:100%;
height:auto;
margin:0 auto;
}

html.mobile-ui-active .release-main {
top:0;
margin-top:12px;
padding-left:0;
text-align:center;
}


/* ==================================================
   MOBILE
   ================================================== */

@media screen and (max-width:480px) {

.button-type-1 {
font-size:13px;
padding:9px 0;
}

.button-type-2 {
font-size:13px;
padding:9px 0;
}

.link-button {
font-size:15px;
}

html.mobile-ui-active .button-type-1,
html.mobile-ui-active .button-type-2 {
font-size:13.5px;
padding-top:10px;
padding-bottom:10px;
}

html.mobile-ui-active .link-button {
font-size:15.8px;
padding-top:16px;
padding-bottom:16px;
}

}

@media screen and (max-width:340px) {

.button-type-1 {
font-size:13px;
padding:9px 0;
letter-spacing:0;
}

.button-type-2 {
font-size:13px;
padding:9px 0;
}

.link-button {
font-size:15px;
}

html.mobile-ui-active .button-type-1 {
font-size:13.5px;
letter-spacing:0;
}

}
/* Reveal measured navigation without showing an intermediate row layout. */
html.responsive-layout .site-nav { visibility:hidden; }
html.responsive-layout .site-nav.is-layout-ready { visibility:visible; }

/* Platform links from the catalogue: any number, without changing the existing trio. */
.release-links.is-variable-count { display:block; font-size:0; table-layout:auto; }
.release-links.is-variable-count .button-type-2 { display:inline-block; width:100%; vertical-align:top; border-top:0; border-bottom:0; border-right:1px solid rgba(0,0,0,0.46); -webkit-border-radius:0; border-radius:0; }
.release-links.is-variable-count .button-type-2.is-row-end { border-right:0; }
.release-links.is-variable-count .button-type-2.is-after-first-row { border-top:1px solid rgba(0,0,0,0.46); }
.release-links.is-variable-count .button-type-2.is-top-left { -webkit-border-top-left-radius:4px; border-top-left-radius:4px; }
.release-links.is-variable-count .button-type-2.is-top-right { -webkit-border-top-right-radius:4px; border-top-right-radius:4px; }
.release-links.is-variable-count .button-type-2.is-bottom-left { -webkit-border-bottom-left-radius:4px; border-bottom-left-radius:4px; }
.release-links.is-variable-count .button-type-2.is-bottom-right { -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px; }

/* Keep decorative gradients on one paint surface at fractional browser zoom. */
.link-button .button-surface,
.link-button .button-sheen,
.link-button .button-glow-pulse,
.link-button .button-hover-aqua,
.link-button .button-press-color,
.link-button .button-press-light,
html.legacy-gradients .button-sheen {
background-repeat:no-repeat;
background-position:0 0;
-webkit-background-size:100% 100%;
background-size:100% 100%;
}