html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block
}
body {
line-height: 1em
}
ol, ul {
list-style: none
}
blockquote, q {
quotes: none
}
b, i, strong, em, cite {
font-weight: normal;
font-style: normal
}
table {
border-collapse: collapse;
border-spacing: 0
}
audio, canvas, video {
display: inline-block;
*display: inline;
*zoom: 1
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden] {
display: none
}
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%
}
a:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
a:hover, a:active {
outline: 0
}
sub, sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline
}
sup {
top: -0.5em
}
sub {
bottom: -0.25em
}
img {
max-width: 100%;
width: auto \9;
height: auto;
vertical-align: middle;
-ms-interpolation-mode: bicubic
}
#map_canvas img {
max-width: none
}
button, input, select, textarea {
margin: 0;
vertical-align: middle
}
button, input {
*overflow: visible;
line-height: normal
}
button::-moz-focus-inner, input::-moz-focus-inner {
padding: 0;
border: 0
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
cursor: pointer;
-webkit-appearance: button
}
input[type="search"] {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield
}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none
}
textarea {
overflow: auto;
vertical-align: top
}
body {
margin: 0;
font-family: "SST W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
line-height: 1.65;
background-color: #fff
}
.page-wrap-outer {
width: 100%;
overflow: hidden
}
.page-wrap-inner {
width: 100%;
position: relative;
-webkit-transition: margin-top 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
transition: margin-top 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s
}
.lt-ie8 .page-wrap-inner {
-ms-overflow-x: hidden;
-ms-overflow-y: visible
}
.no-touch a:not(.no-hover-transition), .no-touch .btn:not(.no-hover-transition) {
-webkit-transition: background-color 0.25s linear, border-color 0.25s linear, opacity 0.25s linear, color 0.25s linear;
transition: background-color 0.25s linear, border-color 0.25s linear, opacity 0.25s linear, color 0.25s linear
}
.no-touch a:not(.no-hover-transition) [class*="fonticon"], .no-touch .btn:not(.no-hover-transition) [class*="fonticon"] {
-webkit-transition: none;
transition: none
}
html.no-touch.csstransitions [class*="fonticon"] {
-webkit-transition: opacity 0.25s linear, color 0.25s linear;
transition: opacity 0.25s linear, color 0.25s linear
}
.show-grid {
margin-top: 2px;
margin-bottom: 2px
}
.show-grid [class*="span"] {
background-color: rgba(125, 125, 125, 0.5) !important;
text-align: center
}
.show-grid .show-grid [class*="span"] {
background-color: rgba(255, 125, 0, 0.9) !important
}
.grid:not('.docs-page-grid') .grid, .grid-px-width:not('.docs-page-grid') .grid {
width: 100%
}
[class*="span"].hide, .grid [class*="span"].hide, .grid [class*="span"].hide {
display: none
}
[class*="span"].pull-right, .grid [class*="span"].pull-right, .grid [class*="span"].pull-right {
float: right
}
[class^="sprite-"], [class*=" sprite-"] {
display: inline-block;
*margin-right: .3em;
vertical-align: text-top;
background-repeat: no-repeat;
background-image: url("../img/spritesheets/spritesheet.png")
}
.sprite-32a-sony-logo {
background-position: 0 0px;
width: 90px;
height: 31px
}
.sprite-32a-sony-logo-short {
background-position: 0 0px;
width: 90px;
height: 16px
}
.sprite-32a-sony-logo-sm {
background-position: -96px 0px;
width: 72px;
height: 25px
}
.sprite-32a-sony-logo-sm-short {
background-position: -96px 0px;
width: 72px;
height: 14px
}
[class^="icon-flag-"], [class*=" icon-flag-"] {
background-image: url("../img/spritesheets/flags.png");
width: 20px;
height: 14px
}
.icon-flag-ZW {
background-position: 0px 0px
}
.icon-flag-ZM {
background-position: -20px 0px
}
.icon-flag-YE {
background-position: 0px -14px
}
.icon-flag-EH {
background-position: -20px -14px
}
.icon-flag-GB-WLS {
background-position: -40px 0px
}
.icon-flag-VN {
background-position: -40px -14px
}
.icon-flag-VE {
background-position: 0px -28px
}
.icon-flag-VA {
background-position: -20px -28px
}
.icon-flag-VU {
background-position: -40px -28px
}
.icon-flag-UZ {
background-position: 0px -42px
}
.icon-flag-UY {
background-position: -20px -42px
}
.icon-flag-US {
background-position: -40px -42px
}
.icon-flag-GB {
background-position: -60px 0px
}
.icon-flag-AE {
background-position: -60px -14px
}
.icon-flag-UA {
background-position: -60px -28px
}
.icon-flag-UG {
background-position: -60px -42px
}
.icon-flag-TV {
background-position: 0px -56px
}
.icon-flag-TM {
background-position: -20px -56px
}
.icon-flag-TR {
background-position: -40px -56px
}
.icon-flag-TN {
background-position: -60px -56px
}
.icon-flag-TT {
background-position: -80px 0px
}
.icon-flag-TO {
background-position: -80px -14px
}
.icon-flag-TG {
background-position: -80px -28px
}
.icon-flag-TL {
background-position: -80px -42px
}
.icon-flag-TH {
background-position: -80px -56px
}
.icon-flag-TZ {
background-position: 0px -70px
}
.icon-flag-TJ {
background-position: -20px -70px
}
.icon-flag-TW {
background-position: -40px -70px
}
.icon-flag-SY {
background-position: -60px -70px
}
.icon-flag-CH {
background-position: -80px -70px
}
.icon-flag-SE {
background-position: 0px -84px
}
.icon-flag-SZ {
background-position: -20px -84px
}
.icon-flag-SR {
background-position: -40px -84px
}
.icon-flag-SD {
background-position: -60px -84px
}
.icon-flag-LK {
background-position: -80px -84px
}
.icon-flag-ES {
background-position: -100px 0px
}
.icon-flag-KR {
background-position: -100px -14px
}
.icon-flag-ZA {
background-position: -100px -28px
}
.icon-flag-SO {
background-position: -100px -42px
}
.icon-flag-SB {
background-position: -100px -56px
}
.icon-flag-SI {
background-position: -100px -70px
}
.icon-flag-SK {
background-position: -100px -84px
}
.icon-flag-SG {
background-position: 0px -98px
}
.icon-flag-SL {
background-position: -20px -98px
}
.icon-flag-SC {
background-position: -40px -98px
}
.icon-flag-RS {
background-position: -60px -98px
}
.icon-flag-SN {
background-position: -80px -98px
}
.icon-flag-GB-SCT {
background-position: -100px -98px
}
.icon-flag-SA {
background-position: -120px 0px
}
.icon-flag-ST {
background-position: -120px -14px
}
.icon-flag-SM {
background-position: -120px -28px
}
.icon-flag-WS {
background-position: -120px -42px
}
.icon-flag-VC {
background-position: -120px -56px
}
.icon-flag-LC {
background-position: -120px -70px
}
.icon-flag-KN {
background-position: -120px -84px
}
.icon-flag-RW {
background-position: -120px -98px
}
.icon-flag-RU {
background-position: 0px -112px
}
.icon-flag-RO {
background-position: -20px -112px
}
.icon-flag-CG {
background-position: -40px -112px
}
.icon-flag-QA {
background-position: -60px -112px
}
.icon-flag-PR {
background-position: -80px -112px
}
.icon-flag-PT {
background-position: -100px -112px
}
.icon-flag-PL {
background-position: -120px -112px
}
.icon-flag-PH {
background-position: 0px -126px
}
.icon-flag-PE {
background-position: -20px -126px
}
.icon-flag-PY {
background-position: -40px -126px
}
.icon-flag-PG {
background-position: -60px -126px
}
.icon-flag-PA {
background-position: -80px -126px
}
.icon-flag-PS {
background-position: -100px -126px
}
.icon-flag-PW {
background-position: -120px -126px
}
.icon-flag-PK {
background-position: -140px 0px
}
.icon-flag-OM {
background-position: -140px -14px
}
.icon-flag-NO {
background-position: -140px -28px
}
.icon-flag-GB-NIR {
background-position: -140px -42px
}
.icon-flag-KP {
background-position: -140px -56px
}
.icon-flag-NG {
background-position: -140px -70px
}
.icon-flag-NE {
background-position: -140px -84px
}
.icon-flag-NI {
background-position: -140px -98px
}
.icon-flag-NZ {
background-position: -140px -112px
}
.icon-flag-NL {
background-position: -140px -126px
}
.icon-flag-NP {
background-position: 0px -140px
}
.icon-flag-NR {
background-position: -20px -140px
}
.icon-flag-NA {
background-position: -40px -140px
}
.icon-flag-MM {
background-position: -60px -140px
}
.icon-flag-MZ {
background-position: -80px -140px
}
.icon-flag-MA {
background-position: -100px -140px
}
.icon-flag-ME {
background-position: -120px -140px
}
.icon-flag-MN {
background-position: -140px -140px
}
.icon-flag-MC {
background-position: -160px 0px
}
.icon-flag-MD {
background-position: -160px -14px
}
.icon-flag-FM {
background-position: -160px -28px
}
.icon-flag-MX {
background-position: -160px -42px
}
.icon-flag-MU {
background-position: -160px -56px
}
.icon-flag-MR {
background-position: -160px -70px
}
.icon-flag-MH {
background-position: -160px -84px
}
.icon-flag-MT {
background-position: -160px -98px
}
.icon-flag-ML {
background-position: -160px -112px
}
.icon-flag-MV {
background-position: -160px -126px
}
.icon-flag-MY {
background-position: -160px -140px
}
.icon-flag-MW {
background-position: 0px -154px
}
.icon-flag-MG {
background-position: -20px -154px
}
.icon-flag-MK {
background-position: -40px -154px
}
.icon-flag-MO {
background-position: -60px -154px
}
.icon-flag-LY {
background-position: -80px -154px
}
.icon-flag-LU {
background-position: -100px -154px
}
.icon-flag-LT {
background-position: -120px -154px
}
.icon-flag-LI {
background-position: -140px -154px
}
.icon-flag-LR {
background-position: -160px -154px
}
.icon-flag-LS {
background-position: -180px 0px
}
.icon-flag-LB {
background-position: -180px -14px
}
.icon-flag-LV {
background-position: -180px -28px
}
.icon-flag-LA {
background-position: -180px -42px
}
.icon-flag-KG {
background-position: -180px -56px
}
.icon-flag-KW {
background-position: -180px -70px
}
.icon-flag-KI {
background-position: -180px -84px
}
.icon-flag-KE {
background-position: -180px -98px
}
.icon-flag-KZ {
background-position: -180px -112px
}
.icon-flag-JO {
background-position: -180px -126px
}
.icon-flag-JP {
background-position: -180px -140px
}
.icon-flag-JM {
background-position: -180px -154px
}
.icon-flag-IT {
background-position: 0px -168px
}
.icon-flag-IL {
background-position: -20px -168px
}
.icon-flag-IE {
background-position: -40px -168px
}
.icon-flag-IQ {
background-position: -60px -168px
}
.icon-flag-IR {
background-position: -80px -168px
}
.icon-flag-ID {
background-position: -100px -168px
}
.icon-flag-IN {
background-position: -120px -168px
}
.icon-flag-IS {
background-position: -140px -168px
}
.icon-flag-HU {
background-position: -160px -168px
}
.icon-flag-HK {
background-position: -180px -168px
}
.icon-flag-HN {
background-position: 0px -182px
}
.icon-flag-HT {
background-position: -20px -182px
}
.icon-flag-GY {
background-position: -40px -182px
}
.icon-flag-GN {
background-position: -60px -182px
}
.icon-flag-GW {
background-position: -80px -182px
}
.icon-flag-GT {
background-position: -100px -182px
}
.icon-flag-GD {
background-position: -120px -182px
}
.icon-flag-GL {
background-position: -140px -182px
}
.icon-flag-GR {
background-position: -160px -182px
}
.icon-flag-GI {
background-position: -180px -182px
}
.icon-flag-GH {
background-position: -200px 0px
}
.icon-flag-DE {
background-position: -200px -14px
}
.icon-flag-GE {
background-position: -200px -28px
}
.icon-flag-GM {
background-position: -200px -42px
}
.icon-flag-GA {
background-position: -200px -56px
}
.icon-flag-FR {
background-position: -200px -70px
}
.icon-flag-FI {
background-position: -200px -84px
}
.icon-flag-FJ {
background-position: -200px -98px
}
.icon-flag-FO {
background-position: -200px -112px
}
.icon-flag-EU {
background-position: -200px -126px
}
.icon-flag-ET {
background-position: -200px -140px
}
.icon-flag-EE {
background-position: -200px -154px
}
.icon-flag-ER {
background-position: -200px -168px
}
.icon-flag-GQ {
background-position: -200px -182px
}
.icon-flag-SV {
background-position: -20px -196px
}
.icon-flag-EG {
background-position: -40px -196px
}
.icon-flag-EC {
background-position: -60px -196px
}
.icon-flag-DO {
background-position: -80px -196px
}
.icon-flag-DM {
background-position: -100px -196px
}
.icon-flag-DJ {
background-position: -120px -196px
}
.icon-flag-DK {
background-position: -140px -196px
}
.icon-flag-CD {
background-position: -160px -196px
}
.icon-flag-CZ {
background-position: -180px -196px
}
.icon-flag-CY {
background-position: -200px -196px
}
.icon-flag-CU {
background-position: -220px 0px
}
.icon-flag-HR {
background-position: -220px -14px
}
.icon-flag-CI {
background-position: -220px -28px
}
.icon-flag-CR {
background-position: -220px -42px
}
.icon-flag-KM {
background-position: -220px -56px
}
.icon-flag-CO {
background-position: -220px -70px
}
.icon-flag-CN {
background-position: -220px -84px
}
.icon-flag-CL {
background-position: -220px -98px
}
.icon-flag-TD {
background-position: -220px -112px
}
.icon-flag-CF {
background-position: -220px -126px
}
.icon-flag-ES-CAT {
background-position: -220px -140px
}
.icon-flag-CV {
background-position: -220px -154px
}
.icon-flag-CA {
background-position: -220px -168px
}
.icon-flag-CM {
background-position: -220px -182px
}
.icon-flag-KH {
background-position: -220px -196px
}
.icon-flag-BI {
background-position: 0px -210px
}
.icon-flag-BF {
background-position: -20px -210px
}
.icon-flag-BG {
background-position: -40px -210px
}
.icon-flag-BN {
background-position: -60px -210px
}
.icon-flag-BR {
background-position: -80px -210px
}
.icon-flag-BW {
background-position: -100px -210px
}
.icon-flag-BA {
background-position: -120px -210px
}
.icon-flag-BO {
background-position: -140px -210px
}
.icon-flag-BT {
background-position: -160px -210px
}
.icon-flag-BJ {
background-position: -180px -210px
}
.icon-flag-BZ {
background-position: -200px -210px
}
.icon-flag-BE {
background-position: -220px -210px
}
.icon-flag-BY {
background-position: 0px -224px
}
.icon-flag-BB {
background-position: -20px -224px
}
.icon-flag-BD {
background-position: -40px -224px
}
.icon-flag-BH {
background-position: -60px -224px
}
.icon-flag-BS {
background-position: -80px -224px
}
.icon-flag-AZ {
background-position: -100px -224px
}
.icon-flag-AT {
background-position: -120px -224px
}
.icon-flag-AU {
background-position: -140px -224px
}
.icon-flag-AW {
background-position: -160px -224px
}
.icon-flag-AM {
background-position: -180px -224px
}
.icon-flag-AR {
background-position: -200px -224px
}
.icon-flag-AG {
background-position: -220px -224px
}
.icon-flag-AQ {
background-position: -240px 0px
}
.icon-flag-AO {
background-position: -240px -14px
}
.icon-flag-AD {
background-position: -240px -28px
}
.icon-flag-DZ {
background-position: -240px -42px
}
.icon-flag-AL {
background-position: -240px -56px
}
.icon-flag-middle-east {
background-position: -240px -70px
}
[class*="fonticon-"] {
display: inline-block;
line-height: 0.6
}
[class*="fonticon-"]:before, [class*="fonticon-"][class*="--after"]:after {
font-family: 'Sony-Icons';
speak: none;
font-style: normal;
font-weight: normal;
line-height: 1
}
[class*="fonticon-10-"] {
font-size: 1.0em
}
[class*="fonticon-15-"] {
font-size: 1.5em
}
[class*="fonticon-20-"] {
font-size: 2.0em
}
[class*="fonticon-30-"] {
font-size: 3.0em
}
[class*="fonticon-40-"] {
font-size: 4.0em;
line-height: 0.65
}
[class*="fonticon-50-"] {
font-size: 5.0em;
line-height: 0.65
}
[class*="fonticon-60-"] {
font-size: 6.0em;
line-height: 0.65
}
.lt-ie8 [class*="fonticon-"], .lt-ie8 [class*="fonticon-10-"], .lt-ie8 [class*="fonticon-15-"], .lt-ie8 [class*="fonticon-20-"], .lt-ie8 [class*="fonticon-30-"], .lt-ie8 [class*="fonticon-40-"], .lt-ie8 [class*="fonticon-50-"], .lt-ie8 [class*="fonticon-60-"] {
line-height: 1
}
.fonticon-10-chevron-sm, .fonticon-10-chevron-sm--after {
margin: 0 -.125em
}
.fonticon-10-favorite:before, .fonticon-10-favorite--after:after {
content: "\e000"
}
.fonticon-10-favorite:before, .fonticon-10-favorite--after:after {
content: "\e000"
}
.fonticon-10-cart:before, .fonticon-10-cart--after:after {
content: "\e001"
}
.fonticon-10-search:before, .fonticon-10-search--after:after {
content: "\e002"
}
.fonticon-10-account:before, .fonticon-10-account--after:after {
content: "\e003"
}
.fonticon-10-orders:before, .fonticon-10-orders--after:after {
content: "\e004"
}
.fonticon-10-newsletter:before, .fonticon-10-newsletter--after:after {
content: "\e005"
}
.fonticon-10-registered:before, .fonticon-10-registered--after:after {
content: "\e006"
}
.fonticon-10-globe:before, .fonticon-10-globe--after:after {
content: "\e007"
}
.fonticon-10-star:before, .fonticon-10-star--after:after {
content: "\e008"
}
.fonticon-10-star-half:before, .fonticon-10-star-half--after:after {
content: "\e009"
}
.fonticon-10-location:before, .fonticon-10-location--after:after {
content: "\e00a"
}
.fonticon-10-support:before, .fonticon-10-support--after:after {
content: "\e00b"
}
.fonticon-10-grid-3x3:before, .fonticon-10-grid-3x3--after:after {
content: "\e00c"
}
.fonticon-10-circle-x:before, .fonticon-10-circle-x--after:after {
content: "\e00d"
}
.fonticon-10-circle-q:before, .fonticon-10-circle-q--after:after {
content: "\e00e"
}
.fonticon-10-square-neg-plus:before, .fonticon-10-square-neg-plus--after:after {
content: "\e00f"
}
.fonticon-10-plus-skinny:before, .fonticon-10-plus-skinny--after:after {
content: "\e010"
}
.fonticon-10-x-skinny:before, .fonticon-10-x-skinny--after:after {
content: "\e011"
}
.fonticon-10-x-skinny-rounded:before, .fonticon-10-x-skinny-rounded--after:after {
content: "\e012"
}
.fonticon-10-chevron:before, .fonticon-10-chevron--after:after {
content: "\e013"
}
.fonticon-10-chevron-reverse:before, .fonticon-10-chevron-reverse--after:after {
content: "\e014"
}
.fonticon-10-chevron-sm:before, .fonticon-10-chevron-sm--after:after {
content: "\e015"
}
.fonticon-10-alpha-light:before, .fonticon-10-alpha-light--after:after {
content: "\e016"
}
.fonticon-10-alpha:before, .fonticon-10-alpha--after:after {
content: "\e017"
}
.fonticon-10-alpha-medium:before, .fonticon-10-alpha-medium--after:after {
content: "\e018"
}
.fonticon-10-alpha-bold:before, .fonticon-10-alpha-bold--after:after {
content: "\e019"
}
.fonticon-10-arrowhead-down:before, .fonticon-10-arrowhead-down--after:after {
content: "\e01a"
}
.fonticon-10-arrowhead-up:before, .fonticon-10-arrowhead-up--after:after {
content: "\e01b"
}
.fonticon-10-arrowheads-elevator:before, .fonticon-10-arrowheads-elevator--after:after {
content: "\e01c"
}
.fonticon-10-arrow-right:before, .fonticon-10-arrow-right--after:after {
content: "\e01d"
}
.fonticon-10-sm-bold-plus:before, .fonticon-10-sm-bold-plus--after:after {
content: "\e01e"
}
.fonticon-10-sm-bold-check:before, .fonticon-10-sm-bold-check--after:after {
content: "\e01f"
}
.fonticon-10-sm-bold-x:before, .fonticon-10-sm-bold-x--after:after {
content: "\e020"
}
.fonticon-10-dot:before, .fonticon-10-dot--after:after {
content: "\e021"
}
.fonticon-10-circlearrow:before, .fonticon-10-circlearrow--after:after {
content: "\e022"
}
.fonticon-10-x:before, .fonticon-10-x--after:after {
content: "\e023"
}
.fonticon-10-video-enlarge:before, .fonticon-10-video-enlarge--after:after {
content: "\e024"
}
.fonticon-10-video-minimize:before, .fonticon-10-video-minimize--after:after {
content: "\e025"
}
.fonticon-10-video-play:before, .fonticon-10-video-play--after:after {
content: "\e026"
}
.fonticon-10-video-pause:before, .fonticon-10-video-pause--after:after {
content: "\e027"
}
.fonticon-10-speaker:before, .fonticon-10-speaker--after:after {
content: "\e028"
}
.fonticon-10-plus-sm:before, .fonticon-10-plus-sm--after:after {
content: "\e029"
}
.fonticon-10-x-sm:before, .fonticon-10-x-sm--after:after {
content: "\e02a"
}
.fonticon-10-compare:before, .fonticon-10-compare--after:after {
content: "\e02b"
}
.fonticon-10-browse:before, .fonticon-10-browse--after:after {
content: "\e02c"
}
.fonticon-10-back-to-top:before, .fonticon-10-back-to-top--after:after {
content: "\e02d"
}
.fonticon-15-mobile-menu:before, .fonticon-15-mobile-menu--after:after {
content: "\e02e"
}
.fonticon-15-circle-play:before, .fonticon-15-circle-play--after:after {
content: "\e02f"
}
.fonticon-15-popup:before, .fonticon-15-popup--after:after {
content: "\e030"
}
.fonticon-15-twitter:before, .fonticon-15-twitter--after:after {
content: "\e031"
}
.fonticon-15-facebook-sm:before, .fonticon-15-facebook-sm--after:after {
content: "\e032"
}
.fonticon-15-gplus:before, .fonticon-15-gplus--after:after {
content: "\e033"
}
.fonticon-15-youtube:before, .fonticon-15-youtube--after:after {
content: "\e034"
}
.fonticon-15-pinterest:before, .fonticon-15-pinterest--after:after {
content: "\e035"
}
.fonticon-15-facebook:before, .fonticon-15-facebook--after:after {
content: "\e036"
}
.fonticon-15-link:before, .fonticon-15-link--after:after {
content: "\e037"
}
.fonticon-15-instagram:before, .fonticon-15-instagram--after:after {
content: "\e038"
}
.fonticon-15-zoom:before, .fonticon-15-zoom--after:after {
content: "\e039"
}
.fonticon-15-circle-num-0:before, .fonticon-15-circle-num-0--after:after {
content: "\e03a"
}
.fonticon-15-circle-num-1:before, .fonticon-15-circle-num-1--after:after {
content: "\e03b"
}
.fonticon-15-circle-num-2:before, .fonticon-15-circle-num-2--after:after {
content: "\e03c"
}
.fonticon-15-circle-num-3:before, .fonticon-15-circle-num-3--after:after {
content: "\e03d"
}
.fonticon-15-circle-num-4:before, .fonticon-15-circle-num-4--after:after {
content: "\e03e"
}
.fonticon-15-circle-num-5:before, .fonticon-15-circle-num-5--after:after {
content: "\e03f"
}
.fonticon-15-circle-num-6:before, .fonticon-15-circle-num-6--after:after {
content: "\e040"
}
.fonticon-15-circle-num-7:before, .fonticon-15-circle-num-7--after:after {
content: "\e041"
}
.fonticon-15-circle-num-8:before, .fonticon-15-circle-num-8--after:after {
content: "\e042"
}
.fonticon-15-battery:before, .fonticon-15-battery--after:after {
content: "\e043"
}
.fonticon-15-weight:before, .fonticon-15-weight--after:after {
content: "\e044"
}
.fonticon-15-circle-num-9:before, .fonticon-15-circle-num-9--after:after {
content: "\e045"
}
.fonticon-15-iso:before, .fonticon-15-iso--after:after {
content: "\e046"
}
.fonticon-15-display:before, .fonticon-15-display--after:after {
content: "\e047"
}
.fonticon-20-skateboard:before, .fonticon-20-skateboard--after:after {
content: "\e048"
}
.fonticon-20-runner:before, .fonticon-20-runner--after:after {
content: "\e049"
}
.fonticon-20-mic-studio:before, .fonticon-20-mic-studio--after:after {
content: "\e04a"
}
.fonticon-20-battery:before, .fonticon-20-battery--after:after {
content: "\e04b"
}
.fonticon-30-support:before, .fonticon-30-support--after:after {
content: "\e04c"
}
.fonticon-30-intelligent-auto:before, .fonticon-30-intelligent-auto--after:after {
content: "\e04d"
}
.fonticon-30-superior-auto:before, .fonticon-30-superior-auto--after:after {
content: "\e04e"
}
.fonticon-30-panorama:before, .fonticon-30-panorama--after:after {
content: "\e04f"
}
.fonticon-30-face:before, .fonticon-30-face--after:after {
content: "\e050"
}
.fonticon-30-film-strip:before, .fonticon-30-film-strip--after:after {
content: "\e051"
}
.fonticon-30-battery:before, .fonticon-30-battery--after:after {
content: "\e052"
}
.fonticon-30-wifi:before, .fonticon-30-wifi--after:after {
content: "\e053"
}
.fonticon-30-bluetooth:before, .fonticon-30-bluetooth--after:after {
content: "\e054"
}
.fonticon-30-plus:before, .fonticon-30-plus--after:after {
content: "\e055"
}
.fonticon-30-controller:before, .fonticon-30-controller--after:after {
content: "\e056"
}
.fonticon-40-stability:before, .fonticon-40-stability--after:after {
content: "\e057"
}
.fonticon-40-battery:before, .fonticon-40-battery--after:after {
content: "\e058"
}
.fonticon-40-featured:before, .fonticon-40-featured--after:after {
content: "\e059"
}
.fonticon-40-cameras:before, .fonticon-40-cameras--after:after {
content: "\e05a"
}
.fonticon-40-accessories:before, .fonticon-40-accessories--after:after {
content: "\e05b"
}
.fonticon-40-a-mount:before, .fonticon-40-a-mount--after:after {
content: "\e05c"
}
.fonticon-40-e-mount:before, .fonticon-40-e-mount--after:after {
content: "\e05d"
}
.fonticon-40-phones:before, .fonticon-40-phones--after:after {
content: "\e05e"
}
.fonticon-40-tablets:before, .fonticon-40-tablets--after:after {
content: "\e05f"
}
.fonticon-40-laptops:before, .fonticon-40-laptops--after:after {
content: "\e060"
}
.fonticon-40-hybrid-PCs:before, .fonticon-40-hybrid-PCs--after:after {
content: "\e061"
}
.fonticon-40-all-in-one-systems:before, .fonticon-40-all-in-one-systems--after:after {
content: "\e062"
}
.fonticon-40-bookshelf-stereos:before, .fonticon-40-bookshelf-stereos--after:after {
content: "\e063"
}
.fonticon-40-soundbars:before, .fonticon-40-soundbars--after:after {
content: "\e064"
}
.fonticon-40-speakers:before, .fonticon-40-speakers--after:after {
content: "\e065"
}
.fonticon-40-projectors:before, .fonticon-40-projectors--after:after {
content: "\e066"
}
.fonticon-40-wireless-receiver:before, .fonticon-40-wireless-receiver--after:after {
content: "\e067"
}
.fonticon-40-digital-tv-recorders:before, .fonticon-40-digital-tv-recorders--after:after {
content: "\e068"
}
.fonticon-40-blu-ray-players:before, .fonticon-40-blu-ray-players--after:after {
content: "\e069"
}
.fonticon-40-dvd-players:before, .fonticon-40-dvd-players--after:after {
content: "\e06a"
}
.fonticon-40-handy-cams1:before, .fonticon-40-handy-cams1--after:after {
content: "\e06b"
}
.fonticon-40-handy-cams2:before, .fonticon-40-handy-cams2--after:after {
content: "\e06c"
}
.fonticon-40-bloggie-cameras:before, .fonticon-40-bloggie-cameras--after:after {
content: "\e06d"
}
.fonticon-40-over-the-head:before, .fonticon-40-over-the-head--after:after {
content: "\e06e"
}
.fonticon-40-in-ear:before, .fonticon-40-in-ear--after:after {
content: "\e06f"
}
.fonticon-40-ear-buds:before, .fonticon-40-ear-buds--after:after {
content: "\e070"
}
.fonticon-40-active:before, .fonticon-40-active--after:after {
content: "\e071"
}
.fonticon-40-docking-stations:before, .fonticon-40-docking-stations--after:after {
content: "\e072"
}
.fonticon-40-boomboxes:before, .fonticon-40-boomboxes--after:after {
content: "\e073"
}
.fonticon-40-walkman:before, .fonticon-40-walkman--after:after {
content: "\e074"
}
.fonticon-40-mp3:before, .fonticon-40-mp3--after:after {
content: "\e075"
}
.fonticon-40-cd-radio:before, .fonticon-40-cd-radio--after:after {
content: "\e085"
}
.fonticon-40-voice-recorders:before, .fonticon-40-voice-recorders--after:after {
content: "\e077"
}
.fonticon-40-microphones:before, .fonticon-40-microphones--after:after {
content: "\e078"
}
.fonticon-40-clocks:before, .fonticon-40-clocks--after:after {
content: "\e079"
}
.fonticon-40-radios:before, .fonticon-40-radios--after:after {
content: "\e07a"
}
.fonticon-40-baby-monitors:before, .fonticon-40-baby-monitors--after:after {
content: "\e07b"
}
.fonticon-40-in-dash-video:before, .fonticon-40-in-dash-video--after:after {
content: "\e07c"
}
.fonticon-40-gps:before, .fonticon-40-gps--after:after {
content: "\e07d"
}
.fonticon-40-bluetooth:before, .fonticon-40-bluetooth--after:after {
content: "\e07e"
}
.fonticon-40-amplifiers:before, .fonticon-40-amplifiers--after:after {
content: "\e07f"
}
.fonticon-40-receivers:before, .fonticon-40-receivers--after:after {
content: "\e080"
}
.fonticon-40-memory-stick:before, .fonticon-40-memory-stick--after:after {
content: "\e081"
}
.fonticon-40-water-drop:before, .fonticon-40-water-drop--after:after {
content: "\e082"
}
.fonticon-60-win8:before, .fonticon-60-win8--after:after {
content: "\e083"
}
.fonticon-60-sony:before, .fonticon-60-sony--after:after {
content: "\e084"
}
.fonticon-20-phones:before, .fonticon-20-phones--after:after {
content: "\e09e"
}
.fonticon-20-casual-shooting:before, .fonticon-20-casual-shooting--after:after {
content: "\e09f"
}
.fonticon-20-big-zoom:before, .fonticon-20-big-zoom--after:after {
content: "\e0a0"
}
.fonticon-20-expert-capability:before, .fonticon-20-expert-capability--after:after {
content: "\e0a1"
}
.fonticon-20-portraits:before, .fonticon-20-portraits--after:after {
content: "\e0a2"
}
.fonticon-20-all-in-one:before, .fonticon-20-all-in-one--after:after {
content: "\e0af"
}
.fonticon-20-controller:before, .fonticon-20-controller--after:after {
content: "\e0b0"
}
.fonticon-20-travel:before, .fonticon-20-travel--after:after {
content: "\e0b1"
}
.fonticon-20-music:before, .fonticon-20-music--after:after {
content: "\e0b2"
}
.fonticon-20-voice-memo-recording:before, .fonticon-20-voice-memo-recording--after:after {
content: "\e0b3"
}
.fonticon-40-usb-amplifiers:before, .fonticon-40-usb-amplifiers--after:after {
content: "\e08b"
}
.fonticon-40-hdd-player:before, .fonticon-40-hdd-player--after:after {
content: "\e08c"
}
.fonticon-40-amplifiers-2:before, .fonticon-40-amplifiers-2--after:after {
content: "\e08d"
}
.fonticon-40-cd-players:before, .fonticon-40-cd-players--after:after {
content: "\e08e"
}
.fonticon-40-wireless-speakers:before, .fonticon-40-wireless-speakers--after:after {
content: "\e08f"
}
.fonticon-40-tape-media:before, .fonticon-40-tape-media--after:after {
content: "\e09b"
}
.fonticon-40-video-cables:before, .fonticon-40-video-cables--after:after {
content: "\e09c"
}
.fonticon-40-broken-image:before, .fonticon-40-broken-image--after:after {
content: "\e0bb"
}
.fonticon-40-eco:before, .fonticon-40-eco--after:after {
content: "\e0bc"
}
.fonticon-60-cybershot:before, .fonticon-60-cybershot--after:after {
content: "\e0ba"
}
.fonticon-20-landscapes:before, .fonticon-20-landscapes--after:after {
content: "\e0a3"
}
.fonticon-20-night:before, .fonticon-20-night--after:after {
content: "\e0a4"
}
.fonticon-20-advanced-amateur:before, .fonticon-20-advanced-amateur--after:after {
content: "\e0a5"
}
.fonticon-20-pro-handycam:before, .fonticon-20-pro-handycam--after:after {
content: "\e0a6"
}
.fonticon-20-hybrid-pcs:before, .fonticon-20-hybrid-pcs--after:after {
content: "\e0a7"
}
.fonticon-20-laptops:before, .fonticon-20-laptops--after:after {
content: "\e0a8"
}
.fonticon-20-laptop-flip:before, .fonticon-20-laptop-flip--after:after {
content: "\e0a9"
}
.fonticon-20-laptop-tap:before, .fonticon-20-laptop-tap--after:after {
content: "\e0aa"
}
.fonticon-20-4k:before, .fonticon-20-4k--after:after {
content: "\e0ab"
}
.fonticon-20-led:before, .fonticon-20-led--after:after {
content: "\e0ac"
}
.fonticon-20-3d:before, .fonticon-20-3d--after:after {
content: "\e0ad"
}
.fonticon-20-wifi:before, .fonticon-20-wifi--after:after {
content: "\e0ae"
}
.fonticon-20-meeting-recording:before, .fonticon-20-meeting-recording--after:after {
content: "\e0b4"
}
.fonticon-20-film-strip:before, .fonticon-20-film-strip--after:after {
content: "\e0b5"
}
.fonticon-20-cd:before, .fonticon-20-cd--after:after {
content: "\e085"
}
.fonticon-20-walkman:before, .fonticon-20-walkman--after:after {
content: "\e0b7"
}
.fonticon-20-walkman-compact:before, .fonticon-20-walkman-compact--after:after {
content: "\e0b9"
}
.fonticon-20-pro-audio:before, .fonticon-20-pro-audio--after:after {
content: "\e0b8"
}
.fonticon-40-cd-radio-2:before, .fonticon-40-cd-radio-2--after:after {
content: "\e0b6"
}
.fonticon-40-lenses:before, .fonticon-40-lenses--after:after {
content: "\e086"
}
.fonticon-40-converters:before, .fonticon-40-converters--after:after {
content: "\e087"
}
.fonticon-40-tablet-z:before, .fonticon-40-tablet-z--after:after {
content: "\e088"
}
.fonticon-40-tablet-s:before, .fonticon-40-tablet-s--after:after {
content: "\e089"
}
.fonticon-40-speakers2:before, .fonticon-40-speakers2--after:after {
content: "\e08a"
}
.fonticon-40-speaker-doc:before, .fonticon-40-speaker-doc--after:after {
content: "\e090"
}
.fonticon-40-dab-radios:before, .fonticon-40-dab-radios--after:after {
content: "\e091"
}
.fonticon-40-clock-radios:before, .fonticon-40-clock-radios--after:after {
content: "\e092"
}
.fonticon-40-portable-cd-players:before, .fonticon-40-portable-cd-players--after:after {
content: "\e093"
}
.fonticon-40-car-speakers:before, .fonticon-40-car-speakers--after:after {
content: "\e094"
}
.fonticon-40-subwoofers:before, .fonticon-40-subwoofers--after:after {
content: "\e095"
}
.fonticon-40-car-amplifiers:before, .fonticon-40-car-amplifiers--after:after {
content: "\e09d"
}
.fonticon-40-battery-2:before, .fonticon-40-battery-2--after:after {
content: "\e096"
}
.fonticon-40-rechargeable-battery:before, .fonticon-40-rechargeable-battery--after:after {
content: "\e097"
}
.fonticon-40-wireless-servers:before, .fonticon-40-wireless-servers--after:after {
content: "\e098"
}
.fonticon-40-external-hard-drives:before, .fonticon-40-external-hard-drives--after:after {
content: "\e099"
}
.fonticon-40-flash-drives:before, .fonticon-40-flash-drives--after:after {
content: "\e09a"
}
body {
color: #2f353d
}
small {
font-size: 0.85em
}
.muted {
color: #bcbccc
}
a {
color: #4572ed;
text-decoration: none
}
a:hover, a:active, a:focus {
color: #3c4c74;
text-decoration: none
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
font-size: 0.8125em;
line-height: 1.65
}
.t1, h1, .t2, h2, .t3, h3, .t4, h4, .t5, h5, .t6, h6, .t7, h1, h2, h3, h4, h5, h6 {
text-rendering: optimizeLegibility;
color: #2f353d
}
.t1, h1, .t2, h2, .t5, h5, .t3-bold, .t4-bold, h1, h2, h5 {
font-family: "SST W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal
}
.t1 em, h1 em, .t2 em, h2 em, .t5 em, h5 em, .t3-bold em, .t4-bold em, h1 em, h2 em, h5 em {
font-family: "SST W01 Italic", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal
}
.t1 strong, h1 strong, .t2 strong, h2 strong, .t5 strong, h5 strong, .t3-bold strong, .t4-bold strong, h1 strong, h2 strong, h5 strong {
font-family: "SST W01 Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal
}
.t1 em strong, h1 em strong, .t1 strong em, h1 strong em, .t2 em strong, h2 em strong, .t2 strong em, h2 strong em, .t5 em strong, h5 em strong, .t5 strong em, h5 strong em, .t3-bold em strong, .t3-bold strong em, .t4-bold em strong, .t4-bold strong em, h1 em strong, h1 strong em, h2 em strong, h2 strong em, h5 em strong, h5 strong em {
font-family: "SST W01 Medium Italic", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal
}
.t3, h3, .t4, h4, h3, h4 {
font-family: "SST W01 Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal
}
.t3 em, h3 em, .t4 em, h4 em, h3 em, h4 em {
font-family: "SST W01 Light Italic", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal
}
.t3 strong, h3 strong, .t4 strong, h4 strong, h3 strong, h4 strong {
font-family: "SST W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal
}
.t3 em strong, h3 em strong, .t3 strong em, h3 strong em, .t4 em strong, h4 em strong, .t4 strong em, h4 strong em, h3 em strong, h3 strong em, h4 em strong, h4 strong em {
font-family: "SST W01 Italic", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal
}
.t6, h6, .t7, .t1-bold, .t2-bold, .t5-bold, h6 {
font-family: "SST W01 Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal
}
.t6 em, h6 em, .t7 em, .t1-bold em, .t2-bold em, .t5-bold em, h6 em {
font-family: "SST W01 Medium Italic", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal
}
.t6 strong, h6 strong, .t7 strong, .t1-bold strong, .t2-bold strong, .t5-bold strong, h6 strong {
font-family: "SST W01 Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal
}
.t6 em strong, h6 em strong, .t6 strong em, h6 strong em, .t7 em strong, .t7 strong em, .t1-bold em strong, .t1-bold strong em, .t2-bold em strong, .t2-bold strong em, .t5-bold em strong, .t5-bold strong em, h6 em strong, h6 strong em {
font-family: "SST W01 Bold Italic", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal
}
.t6-bold, .t7-bold {
font-family: "SST W01 Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal
}
.t1-light, .t2-light, .t5-light {
font-family: "SST W01 Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal
}
.t6-light, .t7-light {
font-family: "SST W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal
}
.t6-light em, .t7-light em {
font-family: "SST W01 Italic", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal
}
.t6-light strong, .t7-light strong {
font-family: "SST W01 Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal
}
.t6-light em strong, .t6-light strong em, .t7-light em strong, .t7-light strong em {
font-family: "SST W01 Medium Italic", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal
}
.t1, h1, .t1-light, .t1-bold, h1 {
font-size: 3em;
line-height: 1.125;
margin-bottom: 18px;
letter-spacing: -0.04em
}
.t2, h2, .t2-light, .t2-bold, h2 {
font-size: 2.375em;
line-height: 1.15789;
margin-bottom: 24px;
letter-spacing: -0.04em
}
.t3, h3, .t3-light, .t3-bold, h3 {
font-size: 1.875em;
line-height: 1.2;
margin-bottom: 20px;
letter-spacing: -0.04em
}
.t4, h4, .t4-light, .t4-bold, h4 {
font-size: 1.625em;
line-height: 1.30769;
margin-bottom: 16px;
letter-spacing: -0.04em
}
.t5, h5, .t5-light, .t5-bold, h5 {
font-size: 1.375em;
line-height: 1.18182;
margin-bottom: 14px
}
.t6, h6, .t6-light, .t6-bold, h6 {
font-size: 1.125em;
line-height: 1.44444;
margin-bottom: 8px
}
.t7, .t7-light, .t7-bold {
font-size: 0.9375em;
line-height: 1.46667;
margin-bottom: 6px
}
.t1 .small-mark, h1 .small-mark, .t2 .small-mark, h2 .small-mark {
font-size: 0.6em;
vertical-align: 0.4em
}
.l1, .l2, .l3, .label, .l4, .l1-light, .l2-light, .l3-light, .l4-light, .l1-bold, .l2-bold, .l3-bold, .l4-bold {
text-rendering: optimizeLegibility;
text-transform: uppercase;
color: #2f353d
}
.l1, .l2-bold, .l3-bold, .l4-bold {
font-family: "SST W01 Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal
}
.l2, .l3, .label, .l4, .l1-light {
font-family: "SST W01 Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal
}
.l2 em, .l3 em, .label em, .l4 em, .l1-light em {
font-family: "SST W01 Medium Italic", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal
}
.l2 strong, .l3 strong, .label strong, .l4 strong, .l1-light strong {
font-family: "SST W01 Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal
}
.l2 em strong, .l2 strong em, .l3 em strong, .label em strong, .l3 strong em, .label strong em, .l4 em strong, .l4 strong em, .l1-light em strong, .l1-light strong em {
font-family: "SST W01 Bold Italic", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal
}
.l2-light, .l3-light, .l4-light {
font-family: "SST W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal
}
.l2-light em, .l3-light em, .l4-light em {
font-family: "SST W01 Italic", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal
}
.l2-light strong, .l3-light strong, .l4-light strong {
font-family: "SST W01 Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal
}
.l2-light em strong, .l2-light strong em, .l3-light em strong, .l3-light strong em, .l4-light em strong, .l4-light strong em {
font-family: "SST W01 Medium Italic", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal
}
.l1, .l1-light, .l1-bold {
letter-spacing: 0.05em;
margin-bottom: 24px;
margin-top: 40px
}
.l2, .l3, .label, .l4, .l2-light, .l3-light, .l4-light, .l2-bold, .l3-bold, .l4-bold {
letter-spacing: 0.01em;
margin-bottom: 8px
}
.l1, .l1-light, .l1-bold {
font-size: 1.375em;
line-height: 1.36364
}
.l2, .l2-light, .l2-bold {
font-size: 0.75em;
line-height: 1.5
}
.l3, .label, .l3-light, .l3-bold {
font-size: 0.6875em;
line-height: 1.63636
}
.l4, .l4-light, .l4-bold {
font-size: 0.625em;
line-height: 1.6
}
p, .p1, .p2, p, .p3, .p4, .p5, .lt1, .lt2, .lt3, .lt4, .lt5, .lt3-alt {
font-family: "SST W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal
}
p em, .p1 em, .p2 em, p em, .p3 em, .p4 em, .p5 em, .lt1 em, .lt2 em, .lt3 em, .lt4 em, .lt5 em, .lt3-alt em {
font-family: "SST W01 Italic", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal
}
p strong, .p1 strong, .p2 strong, p strong, .p3 strong, .p4 strong, .p5 strong, .lt1 strong, .lt2 strong, .lt3 strong, .lt4 strong, .lt5 strong, .lt3-alt strong {
font-family: "SST W01 Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal
}
p em strong, p strong em, .p1 em strong, .p1 strong em, .p2 em strong, p em strong, .p2 strong em, p strong em, .p3 em strong, .p3 strong em, .p4 em strong, .p4 strong em, .p5 em strong, .p5 strong em, .lt1 em strong, .lt1 strong em, .lt2 em strong, .lt2 strong em, .lt3 em strong, .lt3 strong em, .lt4 em strong, .lt4 strong em, .lt5 em strong, .lt5 strong em, .lt3-alt em strong, .lt3-alt strong em {
font-family: "SST W01 Medium Italic", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal
}
.p1-bold, .p2-bold, .p3-bold, .p4-bold, .p5-bold, .lt1-bold, .lt2-bold, .lt3-bold, .lt4-bold, .lt5-bold, .lt3-alt-bold {
font-family: "SST W01 Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal
}
.p1-bold em, .p2-bold em, .p3-bold em, .p4-bold em, .p5-bold em, .lt1-bold em, .lt2-bold em, .lt3-bold em, .lt4-bold em, .lt5-bold em, .lt3-alt-bold em {
font-family: "SST W01 Medium Italic", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal
}
.p1-bold strong, .p2-bold strong, .p3-bold strong, .p4-bold strong, .p5-bold strong, .lt1-bold strong, .lt2-bold strong, .lt3-bold strong, .lt4-bold strong, .lt5-bold strong, .lt3-alt-bold strong {
font-family: "SST W01 Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal
}
.p1-bold em strong, .p1-bold strong em, .p2-bold em strong, .p2-bold strong em, .p3-bold em strong, .p3-bold strong em, .p4-bold em strong, .p4-bold strong em, .p5-bold em strong, .p5-bold strong em, .lt1-bold em strong, .lt1-bold strong em, .lt2-bold em strong, .lt2-bold strong em, .lt3-bold em strong, .lt3-bold strong em, .lt4-bold em strong, .lt4-bold strong em, .lt5-bold em strong, .lt5-bold strong em, .lt3-alt-bold em strong, .lt3-alt-bold strong em {
font-family: "SST W01 Bold Italic", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal
}
p, .p1, .p2, p, .p3, .p4, .p5, .p1-bold, .p2-bold, .p3-bold, .p4-bold, .p5-bold {
color: #83838f
}
.p1, .lt1, .p1-bold, .lt1-bold {
font-size: 1.125em;
line-height: 1.44444
}
.p2, p, .lt2, .p2-bold, .lt2-bold, p, input.p2, input.p2-bold {
font-size: 0.9375em;
line-height: 1.46667
}
.p3, .lt3, .lt3-alt, .p3-bold, .lt3-bold, .lt3-alt-bold {
font-size: 0.8125em;
line-height: 1.53846
}
.p4, .lt4, input.p4, .p4-bold, .lt4-bold, input.p4-bold {
font-size: 0.75em;
line-height: 1.5
}
.p5, .lt5 .p5-bold, .lt5-bold {
font-size: 0.6875em;
line-height: 1.36364
}
.lt-alt, .lt3-alt, .lt-alt-bold, .lt3-alt-bold {
letter-spacing: 0.0625em;
text-transform: uppercase
}
.p1, .p1-bold {
margin-bottom: 16px
}
.p2, p, .p3, .lt3-alt, .p2-bold, .p3-bold, .lt3-alt-bold {
margin-bottom: 12px
}
.p4, .p5, .p1.lt, .lt1, .p4-bold, .p5-bold, .p1.lt-bold, .lt1-bold {
margin-bottom: 8px
}
.p2.lt, p.lt, .lt2 .p2-bold.lt, .lt2-bold {
margin-bottom: 6px
}
.p3.lt, .lt3, .p4.lt, .lt4, .p5.lt, .lt5, .p3-bold.lt, .lt3-bold, .p4-bold.lt, .lt4-bold, .p5-bold.lt, .lt5-bold {
margin-bottom: 4px
}
.lt.text-dark a, .lt-alt.text-dark a, .lt3-alt.text-dark a, .lt-bold.text-dark a, .lt-alt-bold.text-dark a, .lt3-alt-bold.text-dark a {
color: #2f353d
}
.lt.text-dark a:hover, .lt.text-dark a:active, .lt.text-dark a:focus, .lt.text-dark a.active, .lt-alt.text-dark a:hover, .lt-alt.text-dark a:active, .lt-alt.text-dark a:focus, .lt-alt.text-dark a.active, .lt3-alt.text-dark a:hover, .lt3-alt.text-dark a:active, .lt3-alt.text-dark a:focus, .lt3-alt.text-dark a.active, .lt-bold.text-dark a:hover, .lt-bold.text-dark a:active, .lt-bold.text-dark a:focus, .lt-bold.text-dark a.active, .lt-alt-bold.text-dark a:hover, .lt-alt-bold.text-dark a:active, .lt-alt-bold.text-dark a:focus, .lt-alt-bold.text-dark a.active, .lt3-alt-bold.text-dark a:hover, .lt3-alt-bold.text-dark a:active, .lt3-alt-bold.text-dark a:focus, .lt3-alt-bold.text-dark a.active {
color: #2f353d
}
.lt.text-light a, .lt-alt.text-light a, .lt3-alt.text-light a, .lt-bold.text-light a, .lt-alt-bold.text-light a, .lt3-alt-bold.text-light a {
color: #fff
}
.lt.text-light a:hover, .lt.text-light a:active, .lt.text-light a:focus, .lt.text-light a.active, .lt-alt.text-light a:hover, .lt-alt.text-light a:active, .lt-alt.text-light a:focus, .lt-alt.text-light a.active, .lt3-alt.text-light a:hover, .lt3-alt.text-light a:active, .lt3-alt.text-light a:focus, .lt3-alt.text-light a.active, .lt-bold.text-light a:hover, .lt-bold.text-light a:active, .lt-bold.text-light a:focus, .lt-bold.text-light a.active, .lt-alt-bold.text-light a:hover, .lt-alt-bold.text-light a:active, .lt-alt-bold.text-light a:focus, .lt-alt-bold.text-light a.active, .lt3-alt-bold.text-light a:hover, .lt3-alt-bold.text-light a:active, .lt3-alt-bold.text-light a:focus, .lt3-alt-bold.text-light a.active {
color: #83838f
}
blockquote p {
font-family: "SST W01 Light Italic", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
text-rendering: optimizeLegibility;
color: #2f353d
}
blockquote p:first-child:before {
content: "\201c";
line-height: 0
}
blockquote p:last-child:after {
content: "\201d";
line-height: 0
}
.bq1-bold p, .bq2-bold p, .bq3-bold p, .bq4-bold p, .bq5-bold p, .bq6-bold p {
font-family: "SST W01 Italic", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal
}
blockquote.colorful p {
color: #5887ab
}
blockquote.colorful-dark p {
color: #44506e
}
.bq1 p, .bq1-bold p {
font-size: 2.75em;
line-height: 1.13636;
margin-bottom: 24px
}
.bq1 p:first-child, .bq1-bold p:first-child {
text-indent: -16px
}
.bq2 p, .bq2-bold p, blockquote p {
font-size: 1.625em;
line-height: 1.30769;
margin-bottom: 16px
}
.bq2 p:first-child, .bq2-bold p:first-child, blockquote p:first-child {
text-indent: -10px
}
.bq3 p, .bq3-bold p {
font-size: 1.375em;
line-height: 1.36364;
margin-bottom: 16px
}
.bq3 p:first-child, .bq3-bold p:first-child {
text-indent: -8px
}
.bq4 p, .bq4-bold p {
font-size: 1.125em;
line-height: 1.44444;
margin-bottom: 16px
}
.bq4 p:first-child, .bq4-bold p:first-child {
text-indent: -7px
}
.bq5 p, .bq5-bold p {
font-size: 0.9375em;
line-height: 1.46667;
margin-bottom: 12px
}
.bq5 p:first-child, .bq5-bold p:first-child {
text-indent: -6px
}
.bq6 p, .bq6-bold p {
font-size: 0.8125em;
line-height: 1.53846;
margin-bottom: 12px
}
.bq6 p:first-child, .bq6-bold p:first-child {
text-indent: -5px
}
.bt1, .bt2, .bt3, .bt4 {
font-family: "SST W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
color: #2f353d
}
.bt1 strong, .bt2 strong, .bt3 strong, .bt4 strong {
font-family: "SST W01 Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal
}
.bt1 {
font-size: 0.9375em;
line-height: 1.46667;
margin-bottom: 12px
}
.bt2 {
font-size: 0.8125em;
line-height: 1.53846;
margin-bottom: 12px
}
.bt3 {
font-size: 0.75em;
line-height: 1.5;
margin-bottom: 8px
}
.bt4 {
font-size: 0.6875em;
line-height: 1.36364;
margin-bottom: 6px
}
.l-o-d {
-webkit-font-smoothing: antialiased
}
.dark-text h1, .dark-text h2, .dark-text h3, .dark-text h4, .dark-text h5, .dark-text h6, .dark-text-light-box h1, .dark-text-light-box h2, .dark-text-light-box h3, .dark-text-light-box h4, .dark-text-light-box h5, .dark-text-light-box h6, .dark-text-trans-box h1, .dark-text-trans-box h2, .dark-text-trans-box h3, .dark-text-trans-box h4, .dark-text-trans-box h5, .dark-text-trans-box h6 {
color: #2f353d
}
.dark-text p, .dark-text-light-box p, .dark-text-trans-box p {
color: #83838f
}
.dark-text blockquote p, .dark-text-light-box blockquote p, .dark-text-trans-box blockquote p {
color: #2f353d
}
.light-text h1, .light-text h2, .light-text h3, .light-text .t1, .light-text h1, .light-text .t2, .light-text h2, .light-text .t3, .light-text h3, .light-text .t1-light, .light-text .t2-light, .light-text .t3-light, .light-text .t1-bold, .light-text .t2-bold, .light-text .t3-bold, .light-text-dark-box h1, .light-text-dark-box h2, .light-text-dark-box h3, .light-text-dark-box .t1, .light-text-dark-box h1, .light-text-dark-box .t2, .light-text-dark-box h2, .light-text-dark-box .t3, .light-text-dark-box h3, .light-text-dark-box .t1-light, .light-text-dark-box .t2-light, .light-text-dark-box .t3-light, .light-text-dark-box .t1-bold, .light-text-dark-box .t2-bold, .light-text-dark-box .t3-bold, .light-text-trans-box h1, .light-text-trans-box h2, .light-text-trans-box h3, .light-text-trans-box .t1, .light-text-trans-box h1, .light-text-trans-box .t2, .light-text-trans-box h2, .light-text-trans-box .t3, .light-text-trans-box h3, .light-text-trans-box .t1-light, .light-text-trans-box .t2-light, .light-text-trans-box .t3-light, .light-text-trans-box .t1-bold, .light-text-trans-box .t2-bold, .light-text-trans-box .t3-bold {
color: #fff;
-webkit-font-smoothing: antialiased
}
.light-text p, .light-text-dark-box p, .light-text-trans-box p {
color: #fff
}
.light-text-dark-box a:not(.btn), .light-text-trans-box a:not(.btn) {
color: #fff;
-webkit-font-smoothing: antialiased
}
.light-text-dark-box a:not(.btn):hover, .light-text-dark-box a:not(.btn):active, .light-text-dark-box a:not(.btn):focus, .light-text-dark-box a:not(.btn).active, .light-text-trans-box a:not(.btn):hover, .light-text-trans-box a:not(.btn):active, .light-text-trans-box a:not(.btn):focus, .light-text-trans-box a:not(.btn).active {
color: #e4e7eb
}
.light-text-dark-box p {
color: #bcbccc
}
.light-text-dark-box .box {
background: rgba(33, 37, 48, 0.95)
}
.dark-text-light-box .box {
background: rgba(255, 255, 255, 0.95)
}
.lt-ie10 .light-text-dark-box .box {
background: #000
}
.lt-ie10 .dark-text-light-box .box {
background: #fff
}
.tl {
font-size: 0.86667em
}
.tl-large {
font-size: 1em
}
.navtray-list-main > li > a.tl {
font-family: "SST W01 Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 0.8125em;
color: #2f353d
}
.navtray-list-main > li > a.tl em {
font-family: "SST W01 Medium Italic", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal
}
.page-header {
border-bottom: 1px solid #f1f5f9
}
ul, ol {
padding: 0;
margin: 0 0 0.825em 25px
}
ul ul, ul ol, ol ol, ol ul {
margin-bottom: 0
}
li {
line-height: 1.65em
}
ul.unstyled, ol.unstyled {
margin-left: 0;
list-style: none
}
ul.inline, ol.inline {
margin-left: 0;
list-style: none
}
ul.inline > li, ol.inline > li {
display: inline-block;
padding-left: 5px;
padding-right: 5px
}
dl {
margin-bottom: 1.65em
}
dt, dd {
line-height: 1.65
}
dt {
font-weight: bold
}
dd {
margin-left: 1.65em
}
.dl-horizontal {
*zoom: 1
}
.dl-horizontal:before, .dl-horizontal:after {
display: table;
content: "";
line-height: 0
}
.dl-horizontal:after {
clear: both
}
.dl-horizontal dt {
float: left;
width: -8.75em;
clear: left;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.dl-horizontal dd {
margin-left: 11.25em
}
hr {
margin: 1.65em 0;
border: 0;
border-top: 1px solid #e4e7eb;
border-bottom: 1px solid #fff
}
abbr[title] {
cursor: help;
border-bottom: 1px dotted #bcbccc
}
abbr.initialism {
font-size: 90%;
text-transform: uppercase
}
address {
display: block;
margin-bottom: 1.65em;
font-style: normal;
line-height: 1.65
}
form {
margin: 0 0 1.65em
}
fieldset {
padding: 0;
margin: 0;
border: 0
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 1.65em;
font-size: 1.5em;
line-height: 3.3;
color: #2f353d;
border: 0;
border-bottom: 1px solid #e5e5e5
}
legend small {
font-size: 1.2375em;
color: #bcbccc
}
label, input, button, select, textarea {
font-size: 1em;
line-height: 1.65;
font-weight: normal
}
input, button, select, textarea {
font-family: "SST W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif
}
label {
display: block;
margin-bottom: 5px
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
display: inline-block;
height: 23px;
padding: 4px 6px 6px 8px;
margin-bottom: 9px;
color: #bcbccc
}
input, textarea {
width: 206px
}
textarea {
height: auto
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
background-color: #fff;
border: 2px solid #e4e7eb;
-webkit-transition: border linear 0.05s, color linear 0.05s;
transition: border linear 0.05s, color linear 0.05s
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus {
border-color: #bcbccc;
outline: 0;
outline: thin dotted \9;
color: #83838f
}
input[type="radio"], input[type="checkbox"] {
margin: 4px 0 0;
*margin-top: 0;
margin-top: 1px \9;
line-height: normal;
cursor: pointer
}
input[type="radio"], input[type="checkbox"] {
width: auto
}
select, input[type="file"] {
height: 30px;
*margin-top: 4px;
line-height: 30px
}
select {
width: 220px;
border: 1px solid #cccccc;
background-color: #fff;
color: #2f353d
}
select.select-small {
width: auto;
min-width: 129px;
font-size: 0.73333em
}
select[multiple], select[size] {
height: auto
}
select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
input:-moz-placeholder, textarea:-moz-placeholder {
color: #bcbccc
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #bcbccc
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #bcbccc
}
.radio, .checkbox {
min-height: 18px;
padding-left: 18px
}
.radio input[type="radio"], .checkbox input[type="checkbox"] {
float: left;
margin-left: -18px
}
.controls > .radio:first-child, .controls > .checkbox:first-child {
padding-top: 5px
}
.radio.inline, .checkbox.inline {
display: inline-block;
padding-top: 5px;
margin-bottom: 0;
vertical-align: middle
}
.radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline {
margin-left: 10px
}
.input-mini {
width: 60px
}
.input-small {
width: 90px
}
.input-medium {
width: 150px
}
.input-large {
width: 210px
}
.input-xlarge {
width: 270px
}
.input-xxlarge {
width: 530px
}
input[class*="span"], select[class*="span"], textarea[class*="span"], .grid input[class*="span"], .grid select[class*="span"], .grid textarea[class*="span"] {
float: none;
margin-left: 0
}
.input-append input[class*="span"], .input-prepend input[class*="span"], .grid input[class*="span"], .grid select[class*="span"], .grid textarea[class*="span"], .grid .input-prepend [class*="span"], .grid .input-append [class*="span"] {
display: inline-block
}
input, textarea, .uneditable-input {
margin-left: 0
}
.controls-row [class*="span"] + [class*="span"] {
margin-left: 30px
}
.controls-row {
*zoom: 1
}
.controls-row:before, .controls-row:after {
display: table;
content: "";
line-height: 0
}
.controls-row:after {
clear: both
}
.controls-row [class*="span"] {
float: left
}
input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
cursor: not-allowed;
background-color: #f5f5f5
}
input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], input[type="checkbox"][readonly] {
background-color: transparent
}
input:focus:required:invalid, textarea:focus:required:invalid, select:focus:required:invalid {
color: #b94a48;
border-color: #ee5f5b
}
input:focus:required:invalid:focus, textarea:focus:required:invalid:focus, select:focus:required:invalid:focus {
border-color: #e9322d
}
.form-actions {
padding: 16.5px 20px 16.5px;
margin-top: 8.25px;
margin-bottom: 8.25px;
background-color: #f5f5f5;
border-top: 1px solid #e5e5e5;
*zoom: 1
}
.form-actions:before, .form-actions:after {
display: table;
content: "";
line-height: 0
}
.form-actions:after {
clear: both
}
.help-block, .help-inline {
color: #505b68
}
.help-block {
display: block;
margin-bottom: 16.5px
}
.help-inline {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: middle;
padding-left: 5px
}
input.search-query {
padding-right: 14px;
padding-right: 4px \9;
padding-left: 14px;
padding-left: 4px \9;
margin-bottom: 0
}
.control-inline label {
display: inline;
padding-left: 5px
}
.styled-checkbox + label {
position: relative;
display: inline-block;
cursor: pointer;
margin: 0;
color: #2f353d
}
.generatedcontent .styled-checkbox {
position: absolute;
opacity: 0
}
.generatedcontent .styled-checkbox + label {
padding: 0
}
.generatedcontent .styled-checkbox + label:before {
content: '';
position: relative;
top: -0.15385em;
margin-right: 0.76923em;
display: inline-block;
vertical-align: text-top;
width: 1.69231em;
height: 1.69231em;
border: 1px solid transparent;
border: 1px solid rgba(47, 53, 61, 0);
background: #fff;
-webkit-box-shadow: 0 1px 0 #d2d2db;
box-shadow: 0 1px 0 #d2d2db;
-webkit-transition: box-shadow 0.15s ease-out, background-color 0.15s ease-out, color 0.15s ease-out;
transition: box-shadow 0.15s ease-out, background-color 0.15s ease-out, color 0.15s ease-out
}
.generatedcontent .styled-checkbox + label:after {
position: absolute;
left: .375em;
top: .25em;
opacity: 0;
color: #2f353d;
-webkit-transition: opacity 0.15s ease-out, color 0.15s ease-out;
transition: opacity 0.15s ease-out, color 0.15s ease-out
}
.generatedcontent .styled-checkbox:focus + label:before {
outline: 1px solid #2f353d;
box-shadow: none
}
.generatedcontent .styled-checkbox:checked + label:before, .generatedcontent .styled-checkbox.active + label:before {
background: #2f353d
}
.generatedcontent .styled-checkbox:checked + label:after, .generatedcontent .styled-checkbox.active + label:after {
opacity: 1;
color: #fff;
-webkit-font-smoothing: antialiased
}
.generatedcontent .styled-checkbox.disabled + label, .generatedcontent .styled-checkbox[disabled] + label, .generatedcontent .styled-checkbox.disabled:hover + label, .generatedcontent .styled-checkbox[disabled]:hover + label {
cursor: auto;
color: #bcbccc
}
.generatedcontent .styled-checkbox.disabled + label:before, .generatedcontent .styled-checkbox[disabled] + label:before, .generatedcontent .styled-checkbox.disabled:hover + label:before, .generatedcontent .styled-checkbox[disabled]:hover + label:before {
background-color: transparent;
background-color: rgba(255, 255, 255, 0);
border-color: #2f353d;
border-color: rgba(47, 53, 61, 0.15);
-webkit-box-shadow: none;
box-shadow: none
}
.generatedcontent .styled-checkbox.disabled + label:after, .generatedcontent .styled-checkbox[disabled] + label:after, .generatedcontent .styled-checkbox.disabled:hover + label:after, .generatedcontent .styled-checkbox[disabled]:hover + label:after {
content: none
}
.generatedcontent.no-touch .styled-checkbox:not(.active):not(:checked):not([disabled]):hover + label:before {
-webkit-box-shadow: none;
box-shadow: none;
color: #2f353d;
background: #f3f4f6
}
.generatedcontent.no-touch .styled-checkbox + label:hover:after {
opacity: 1
}
.generatedcontent.no-opacity .styled-checkbox {
left: -9999px
}
.generatedcontent.no-opacity .styled-checkbox + label:after {
display: none
}
.generatedcontent.no-opacity .styled-checkbox + label:hover:after, .generatedcontent.no-opacity .styled-checkbox:checked + label:after, .generatedcontent.no-opacity .styled-checkbox.active + label:after {
display: inline-block
}
.no-generatedcontent .styled-checkbox {
margin-top: 0
}
.no-generatedcontent .styled-checkbox + label:after {
content: none;
display: none
}
.btn {
display: inline-block;
*display: inline;
*zoom: 1;
border-radius: 1px;
padding: 11px 24px 13px;
margin-bottom: 0;
font-family: "SST W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 0.8125em;
line-height: inherit;
*line-height: inherit;
text-align: center;
vertical-align: middle;
color: #fff;
cursor: pointer;
background: #5887f5;
border: none;
*border: 0;
-webkit-font-smoothing: subpixel-antialiased
}
p .btn, td .btn {
font-size: 0.86667em
}
.btn:hover, .btn:active, .btn:focus, .btn.active {
color: #fff;
text-decoration: none
}
.btn:hover {
background-color: #4572ed
}
.btn:focus {
background: #6694ff;
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
.btn.active, .btn:active {
background: #6694ff
}
.btn.disabled, .btn[disabled] {
cursor: default;
opacity: 0.65
}
.no-opacity .btn.disabled, .no-opacity .btn[disabled] {
visibility: visible
}
.btn.disabled:hover, .btn[disabled]:hover {
background: #5887f5
}
.btn-special {
padding: 15px 24px 14px;
font-family: "SST W01 Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 0.9375em;
background: #f25529
}
p .btn-special, td .btn-special {
font-size: 1em
}
.btn-special:hover {
background: #d94c25
}
.btn-special.active, .btn-special:active {
background: #e54322
}
.btn-special.disabled:hover, .btn-special[disabled]:hover {
background: #f25529
}
.btn-square {
position: relative;
width: 65px;
height: 58px;
padding: 16px 0 16px;
border-radius: 0;
border: 1px solid transparent;
border-color: rgba(210, 210, 219, 0);
background: #fff;
color: #2f353d;
-webkit-box-shadow: 0 1px 0 #d2d2db;
box-shadow: 0 1px 0 #d2d2db;
-webkit-transition: box-shadow 0.15s ease-out, color 0.15s ease-out, background-color 0.15s ease-out !important;
transition: box-shadow 0.15s ease-out, color 0.15s ease-out, background-color 0.15s ease-out !important;
font-family: "SST W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1.125em;
line-height: 1.44444
}
.btn-square:after {
position: absolute;
right: 0;
top: 0;
opacity: 0;
-webkit-transition: opacity 0.15s ease-out;
transition: opacity 0.15s ease-out;
font-size: 16px
}
.no-opacity .btn-square:after {
display: none
}
.btn-square:hover, .btn-square:focus {
-webkit-box-shadow: none;
box-shadow: none;
color: #2f353d;
background: #f3f4f6
}
.btn-square.active, .btn-square:active {
color: #fff;
background: #2f353d
}
.btn-square.active:after {
opacity: 1;
-webkit-font-smoothing: antialiased
}
.no-opacity .btn-square.active:after {
display: inline-block
}
.btn-square.disabled, .btn-square[disabled], .btn-square.disabled:hover, .btn-square[disabled]:hover {
color: #bcbccc;
border-color: #2f353d;
border-color: rgba(47, 53, 61, 0.15);
background-color: inherit;
-webkit-box-shadow: none;
box-shadow: none
}
.btn-square i {
line-height: 0;
margin: -.125em;
-webkit-font-smoothing: antialiased
}
.btn-secondary {
background: #bcbccc
}
.btn-secondary:hover {
background: #c2c2d0
}
.btn-secondary.active, .btn-secondary:active {
background: #bcbccc
}
.btn-secondary.disabled:hover, .btn-secondary[disabled]:hover {
background: #bcbccc
}
.btn-alt {
padding: 11px 24px 10px;
font-family: "SST W01 Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
background: #2f353d
}
.btn-alt:hover {
background: #83838f
}
.btn-alt.active, .btn-alt:active {
background: #383f49
}
.btn-alt.disabled:hover, .btn-alt[disabled]:hover {
background: #2f353d
}
.btn-wide {
width: auto;
padding-right: 25px;
padding-left: 25px
}
.btn-large {
padding: 11px 28px 13px;
font-size: 0.9375em;
line-height: 1.815
}
p .btn-large, td .btn-large {
font-size: 1em
}
.btn-large.btn-special {
padding: 15px 28px 17px
}
.btn-large [class^="icon-"] {
margin-top: 2px
}
.btn-small {
padding: 10px 18px 12px;
font-size: 0.75em;
line-height: 1.2375
}
p .btn-small, td .btn-small {
font-size: 0.8em
}
.btn-small.btn-special {
padding: 14px 18px 16px
}
.btn-small [class^="icon-"] {
margin-top: 0px
}
.btn-mini {
padding: 9px 14px 11px;
font-size: 0.6875em;
line-height: 0.99
}
p .btn-mini, td .btn-mini {
font-size: 0.73333em
}
.btn-mini.btn-special {
padding: 13px 14px 15px
}
.btn-block {
display: block;
width: 100%;
padding-left: 0;
padding-right: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.btn-block + .btn-block {
margin-top: 5px
}
input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
width: 100%
}
.btn-alt-special {
position: relative;
padding-left: 1.5em;
padding-right: 1.5em;
text-align: left;
background: #2f353d;
min-width: 131px
}
.btn-alt-special:hover, .btn-alt-special:focus {
background: #83838f
}
.btn-alt-special:active {
background: #83838f
}
.btn-alt-special.btn-alt-plus {
color: #2f353d;
background-color: #e4e7eb;
border-color: #e4e7eb
}
.btn-alt-special.btn-alt-plus:hover {
color: #fff;
background-color: #83838f
}
.btn-alt-special.btn-alt-plus i {
float: left;
margin-right: 10px;
margin-top: 3px;
font-size: 16px
}
button.btn, input[type="submit"].btn {
*padding-top: 3px;
*padding-bottom: 3px
}
button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner {
padding: 0;
border: 0
}
button.btn.btn-large, input[type="submit"].btn.btn-large {
*padding-top: 7px;
*padding-bottom: 7px
}
button.btn.btn-small, input[type="submit"].btn.btn-small {
*padding-top: 3px;
*padding-bottom: 3px
}
button.btn.btn-mini, input[type="submit"].btn.btn-mini {
*padding-top: 1px;
*padding-bottom: 1px
}
.btn-link, .btn-link:active, .btn-link[disabled] {
background-color: transparent;
background-image: none;
-webkit-box-shadow: none;
box-shadow: none
}
.btn-link {
border-color: transparent;
cursor: pointer;
color: #4572ed;
border-radius: 0
}
.btn-link:hover {
color: #3c4c74;
text-decoration: underline;
background-color: transparent
}
.btn-link[disabled]:hover {
color: #2f353d;
text-decoration: none
}
.btn-group, .btn-hover-group {
position: relative;
vertical-align: middle;
white-space: nowrap;
*margin-left: .3em
}
.btn-group:first-child, .btn-hover-group:first-child {
*margin-left: 0
}
.btn-group + .btn-group, .btn-hover-group + .btn-hover-group {
margin-left: 3px
}
.btn-group > .btn {
position: relative
}
.btn-group > .btn + .btn {
margin-left: -1px
}
.btn-group > .btn-mini {
font-size: 11px
}
.btn-group > .btn-small {
font-size: 12px
}
.btn-group > .btn-large {
font-size: 16px
}
.btn-group > .btn:first-child, .btn-group > .btn.large:first-child {
margin-left: 0
}
.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active {
z-index: 2
}
.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
outline: 0
}
.btn-group > .btn + .dropdown-toggle {
padding-left: 8px;
padding-right: 8px;
-webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
*padding-top: 5px;
*padding-bottom: 5px
}
.btn-group > .btn-mini + .dropdown-toggle {
padding-left: 5px;
padding-right: 5px;
*padding-top: 2px;
*padding-bottom: 2px
}
.btn-group > .btn-small + .dropdown-toggle {
*padding-top: 5px;
*padding-bottom: 4px
}
.btn-group > .btn-large + .dropdown-toggle {
padding-left: 12px;
padding-right: 12px;
*padding-top: 7px;
*padding-bottom: 7px
}
.btn-group.open .dropdown-toggle {
background-image: none;
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05)
}
.btn-group.open .btn.dropdown-toggle {
background-color: #706c78
}
.btn-group.open .btn.dropdown-toggle.dropdown-toggle-alt {
background-color: #83838f
}
.btn .caret {
margin-top: 8px;
margin-left: 0
}
.btn-mini .caret, .btn-small .caret, .btn-large .caret {
margin-top: 6px
}
.btn-large .caret {
border-left-width: 5px;
border-right-width: 5px;
border-top-width: 5px
}
.dropup .btn-large .caret {
border-bottom: 5px solid #000;
border-top: 0
}
.btn-special .caret {
border-top-color: #fff;
border-bottom-color: #fff
}
.btn-secondary .caret {
border-top-color: #fff;
border-bottom-color: #fff
}
.hotspot {
display: block;
position: absolute;
z-index: 100;
background-color: rgba(47, 53, 61, 0.1);
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 56px;
height: 56px;
margin: -28px 0 0 -28px;
border-radius: 28px;
-webkit-transition-property: border-radius, margin, width, height, opacity, background-color, z-index;
transition-property: border-radius, margin, width, height, opacity, background-color, z-index;
-webkit-transition-duration: 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0s;
transition-duration: 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0s;
-webkit-transition-timing-function: ease-in, ease-in, ease-in, ease-in, ease-in, ease-in, linear;
transition-timing-function: ease-in, ease-in, ease-in, ease-in, ease-in, ease-in, linear;
-webkit-transition-delay: 0s, 0s, 0s, 0s, 0s, 0s, 0.4s;
transition-delay: 0s, 0s, 0s, 0s, 0s, 0s, 0.4s;
-webkit-backface-visibility: hidden;
-webkit-transform: transform3d(0, 0, 0)
}
.hotspot:hover {
z-index: 100;
cursor: pointer;
background-color: rgba(47, 53, 61, 0.15);
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 56px;
height: 56px;
margin: -28px 0 0 -28px;
border-radius: 28px;
-webkit-transition-property: border-radius, margin, width, height, opacity, background-color, z-index;
transition-property: border-radius, margin, width, height, opacity, background-color, z-index;
-webkit-transition-duration: 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0s;
transition-duration: 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0s;
-webkit-transition-timing-function: ease-out, ease-out, ease-out, ease-out, ease-out, ease-out, linear;
transition-timing-function: ease-out, ease-out, ease-out, ease-out, ease-out, ease-out, linear;
-webkit-transition-delay: 0s, 0s, 0s, 0s, 0s, 0s, 0s;
transition-delay: 0s, 0s, 0s, 0s, 0s, 0s, 0s
}
.hotspot.hotspot-large {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 76px;
height: 76px;
margin: -38px 0 0 -38px;
border-radius: 38px
}
.hotspot.hotspot-xlarge {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 88px;
height: 88px;
margin: -44px 0 0 -44px;
border-radius: 44px
}
.hotspot.hotspot-large:hover {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 76px;
height: 76px;
margin: -38px 0 0 -38px;
border-radius: 38px
}
.hotspot.hotspot-xlarge:hover {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 88px;
height: 88px;
margin: -44px 0 0 -44px;
border-radius: 44px
}
.hotspot .circle-button {
z-index: 1;
display: block;
position: absolute;
top: 50%;
left: 50%;
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin: -20px 0 0 -20px;
border-radius: 20px;
background-color: #e95127;
background-image: -moz-linear-gradient(top, #f25529, #db4c25);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f25529), to(#db4c25));
background-image: -webkit-linear-gradient(top, #f25529, #db4c25);
background-image: -o-linear-gradient(top, #f25529, #db4c25);
background-image: linear-gradient(to bottom, #f25529, #db4c25);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF25529', endColorstr='#FFDB4C25', GradientType=0);
-webkit-transition-property: border-radius, margin, width, height, opacity;
transition-property: border-radius, margin, width, height, opacity;
-webkit-transition-duration: 0.15s, 0.15s, 0.15s, 0.15s, 0.15s;
transition-duration: 0.15s, 0.15s, 0.15s, 0.15s, 0.15s;
-webkit-transition-delay: 0.05s, 0.05s, 0.05s, 0.05s, 0.05s;
transition-delay: 0.05s, 0.05s, 0.05s, 0.05s, 0.05s;
-webkit-transition-timing-function: ease-in, ease-in, ease-in, ease-in, ease-in;
transition-timing-function: ease-in, ease-in, ease-in, ease-in, ease-in
}
.hotspot .circle-button [class^="icon-ui-"], .hotspot .circle-button [class*=" icon-ui-"] {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 16px;
height: 16px;
margin: -8px 0 0 -8px
}
.hotspot.hotspot-secondary .circle-button {
background-color: #8b8b96;
background-image: -moz-linear-gradient(top, #90909b, #83838f);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#90909b), to(#83838f));
background-image: -webkit-linear-gradient(top, #90909b, #83838f);
background-image: -o-linear-gradient(top, #90909b, #83838f);
background-image: linear-gradient(to bottom, #90909b, #83838f);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF90909B', endColorstr='#FF83838F', GradientType=0)
}
.hotspot.hotspot-large .circle-button {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 60px;
height: 60px;
margin: -30px 0 0 -30px;
border-radius: 30px
}
.hotspot.hotspot-large .circle-button [class^="icon-ui-"], .hotspot.hotspot-large .circle-button [class*=" icon-ui-"] {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 24px;
height: 24px;
margin: -12px 0 0 -12px
}
.hotspot.hotspot-xlarge .circle-button {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 72px;
height: 72px;
margin: -36px 0 0 -36px;
border-radius: 36px
}
.hotspot.hotspot-xlarge .circle-button [class^="icon-ui-"], .hotspot.hotspot-xlarge .circle-button [class*=" icon-ui-"] {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 32px;
height: 32px;
margin: -16px 0 0 -16px
}
.hotspot:active .circle-button {
-webkit-box-shadow: inset 3px 3px 4px 0px rgba(0, 0, 0, 0.3);
box-shadow: inset 3px 3px 4px 0px rgba(0, 0, 0, 0.3)
}
.alert {
background-color: #f1f5f9;
max-height: 90px;
overflow: hidden;
-webkit-transition: 0.2s ease-out;
transition: 0.2s ease-out;
opacity: 1;
-webkit-transform-style: preserve-3d
}
.no-opacity .alert {
visibility: visible
}
.alert .alert-inner {
padding: 2em 0 1.75em;
-webkit-transition: 0.2s ease-out;
transition: 0.2s ease-out
}
.alert .title {
color: #000
}
.alert.alert-large {
max-height: 500px
}
.alert.collapsed {
max-height: 0
}
.alert.collapsed .alert-inner {
padding: 0
}
.alert.invisible {
opacity: 0
}
.no-opacity .alert.invisible {
visibility: hidden
}
.alert .msg {
margin-bottom: 0;
padding-right: 30px
}
.swatch-black, .swatch-purple, .swatch-teal, .swatch-red, .swatch-blue, .swatch-pink, .swatch-green, .swatch-orange, .swatch-silver {
background-color: rgba(41, 26, 83, 0.06);
background-image: -moz-linear-gradient(top, rgba(41, 26, 83, 0), rgba(41, 26, 83, 0.16));
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(41, 26, 83, 0)), to(rgba(41, 26, 83, 0.16)));
background-image: -webkit-linear-gradient(top, rgba(41, 26, 83, 0), rgba(41, 26, 83, 0.16));
background-image: -o-linear-gradient(top, rgba(41, 26, 83, 0), rgba(41, 26, 83, 0.16));
background-image: linear-gradient(to bottom, rgba(41, 26, 83, 0), rgba(41, 26, 83, 0.16));
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00291A53', endColorstr='#29291A53', GradientType=0)
}
.swatch-white, .swatch-yellow, .swatch-lemon {
background-color: rgba(41, 26, 83, 0.0225);
background-image: -moz-linear-gradient(top, rgba(41, 26, 83, 0), rgba(41, 26, 83, 0.06));
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(41, 26, 83, 0)), to(rgba(41, 26, 83, 0.06)));
background-image: -webkit-linear-gradient(top, rgba(41, 26, 83, 0), rgba(41, 26, 83, 0.06));
background-image: -o-linear-gradient(top, rgba(41, 26, 83, 0), rgba(41, 26, 83, 0.06));
background-image: linear-gradient(to bottom, rgba(41, 26, 83, 0), rgba(41, 26, 83, 0.06));
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00291A53', endColorstr='#0F291A53', GradientType=0)
}
[class^="swatch-"], [class*=" swatch-"] {
position: relative;
display: inline-block;
width: 2.625em;
height: 2.5em;
-webkit-box-shadow: 0 1px 0 #bcbccc;
box-shadow: 0 1px 0 #bcbccc;
-webkit-transition: -webkit-transform 0.3s ease-out 0.3s, box-shadow 0.3s ease-out 0.3s, background 0.3s ease-out 0.3s, color 0.3s ease-out 0.3s, width 0.3s ease-out 0s, margin 0.3s ease-out 0s !important;
transition: transform 0.3s ease-out 0.3s, box-shadow 0.3s ease-out 0.3s, background 0.3s ease-out 0.3s, color 0.3s ease-out 0.3s, width 0.3s ease-out 0s, margin 0.3s ease-out 0s !important
}
[class^="swatch-"]:hover, [class*=" swatch-"]:hover {
-webkit-box-shadow: none;
box-shadow: none
}
.lt-ie8 [class^="swatch-"], .lt-ie8 [class*=" swatch-"] {
float: left
}
[class^="swatch-"]:before, [class*=" swatch-"]:before, [class^="swatch-"]:after, [class*=" swatch-"]:after {
position: absolute;
opacity: 0;
-webkit-transition: opacity 0.2s ease-out !important;
transition: opacity 0.2s ease-out !important
}
.no-opacity [class^="swatch-"]:before, .no-opacity [class*=" swatch-"]:before, .no-opacity [class^="swatch-"]:after, .no-opacity [class*=" swatch-"]:after {
display: none
}
[class^="swatch-"]:before, [class*=" swatch-"]:before {
content: '';
left: 50%;
top: 50%;
margin-left: -0.625em;
margin-top: -0.625em;
width: 1.25em;
height: 1.25em;
border-radius: 50%;
background: #3c3c42
}
[class^="swatch-"]:after, [class*=" swatch-"]:after {
top: 50%;
left: 50%;
margin-left: -.5em;
margin-top: -.5625em;
color: #fff;
-webkit-font-smoothing: antialiased
}
.active[class^="swatch-"], .active[class*=" swatch-"] {
-webkit-box-shadow: none;
box-shadow: none
}
.active[class^="swatch-"]:before, .active[class*=" swatch-"]:before, .active[class^="swatch-"]:after, .active[class*=" swatch-"]:after {
opacity: 1
}
.no-opacity .active[class^="swatch-"]:before, .no-opacity .active[class*=" swatch-"]:before, .no-opacity .active[class^="swatch-"]:after, .no-opacity .active[class*=" swatch-"]:after {
display: inline-block
}
[disabled][class^="swatch-"], [disabled][class*=" swatch-"] {
width: 0 !important;
margin: 0 !important;
-webkit-transform: scale(0.001);
-ms-transform: scale(0.001);
transform: scale(0.001);
-webkit-transition: -webkit-transform 0.3s ease-out, box-shadow 0.3s ease-out, background 0.3s ease-out, color 0.3s ease-out, width 0.3s ease-out 0.3s, margin 0.3s ease-out 0.3s !important;
transition: transform 0.3s ease-out, box-shadow 0.3s ease-out, background 0.3s ease-out, color 0.3s ease-out, width 0.3s ease-out 0.3s, margin 0.3s ease-out 0.3s !important
}
.no-csstransforms [disabled][class^="swatch-"], .no-csstransforms [disabled][class*=" swatch-"], .no-csstransitions [disabled][class^="swatch-"], .no-csstransitions [disabled][class*=" swatch-"] {
width: 0 !important;
margin: 0 !important
}
.no-opacity [class^="swatch-"] .active[disabled]:before, .no-opacity [class*=" swatch-"] .active[disabled]:before, .no-opacity [class^="swatch-"] .active[disabled]:after, .no-opacity [class*=" swatch-"] .active[disabled]:after {
display: none
}
.color-swatches > *:not(:last-child) {
margin-right: 0.375em
}
.lt-ie8 .color-swatches > *:not(:last-child) {
margin-right: 0.125em
}
.lt-ie8 .color-swatches {
*zoom: 1
}
.lt-ie8 .color-swatches:before, .lt-ie8 .color-swatches:after {
display: table;
content: "";
line-height: 0
}
.lt-ie8 .color-swatches:after {
clear: both
}
.filter-container [class*="swatch-"] {
cursor: pointer
}
.swatch-white, .swatch-yellow, .swatch-lemon {
-webkit-box-shadow: 0 1px 0 #d2d2db;
box-shadow: 0 1px 0 #d2d2db
}
.swatch-black {
background-color: #1f2024
}
.swatch-white {
background-color: #fff
}
.swatch-red {
background-color: #ef2f33
}
.swatch-blue {
background-color: #33c8e0
}
.swatch-pink {
background-color: #f660a9
}
.swatch-green {
background-color: #b6da0c
}
.swatch-orange {
background-color: #fa752d
}
.swatch-silver {
background-color: #c3c3da
}
.swatch-lemon {
background-color: #fffec9
}
.swatch-yellow {
background-color: #f0b938
}
.swatch-purple {
background-color: #913f99
}
.swatch-teal {
background-color: #31b0cc
}
.color-swatches > .mini-swatch:not(:last-child) {
margin-right: 0.125em
}
.mini-swatch, .micro-swatch {
width: 0.75em;
height: 0.75em;
border: 1px solid rgba(0, 0, 0, 0.12);
line-height: 0.1em;
text-indent: -999em;
overflow: hidden;
-webkit-box-shadow: none;
box-shadow: none
}
.mini-swatch:before, .mini-swatch:after, .micro-swatch:before, .micro-swatch:after {
content: none
}
.micro-swatch {
width: 0.625em;
height: 0.625em
}
.color-swatches > .micro-swatch:not(:last-child) {
margin-right: 0.0625em
}
.dropup, .dropdown {
position: relative;
display: block
}
.dropdown-toggle, .btn.dropdown-toggle {
position: relative;
text-align: left;
width: 232px;
padding: 8px 16px 11px 16px;
background-color: #706c78;
border: 1px solid #706c78;
background-color: red
}
.dropdown-toggle i, .btn.dropdown-toggle i {
position: absolute;
top: 0;
right: 0;
margin: 16px 16px 0 0
}
.dropdown-toggle:hover, .btn.dropdown-toggle:hover {
background-color: #75717d
}
.dropdown-toggle:active, .btn.dropdown-toggle:active {
background-color: #706c78
}
.dropdown-toggle:active, .open .dropdown-toggle {
outline: 0
}
.dropdown-toggle.btn-small, .dropdown-toggle.btn.btn-small {
min-width: 129px;
width: auto;
padding: 10px 30px 10px 12px
}
.dropdown-toggle.btn-small i, .dropdown-toggle.btn.btn-small i {
font-size: 1.45455em;
margin: 9px 12px 0 0
}
.dropdown-toggle-alt, .btn.dropdown-toggle-alt {
margin: 0;
background-color: #fff;
border-color: #e4e7eb;
color: #2f353d
}
.dropdown-toggle-alt:hover, .btn.dropdown-toggle-alt:hover {
background-color: #fafafa
}
.open .dropdown-toggle-alt, .dropdown-toggle-alt:active, .open .btn.dropdown-toggle-alt, .btn.dropdown-toggle-alt:active {
color: #fff;
background-color: #83838f
}
.dropdown-hover-menu, .dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 0;
list-style: none;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
*border-right-width: 2px;
*border-bottom-width: 2px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box
}
.csstransitions .dropdown-hover-menu, .csstransitions .dropdown-menu {
opacity: 0;
-webkit-transition: opacity 0.15s;
transition: opacity 0.15s
}
.dropdown-hover-menu.pull-right, .dropdown-menu.pull-right {
right: 0;
left: auto
}
.dropdown-hover-menu .divider, .dropdown-menu .divider {
*width: 100%;
height: 1px;
*margin: -5px 0 5px;
overflow: hidden;
background-color: #e5e5e5;
border-bottom: 1px solid #fff
}
.dropdown-hover-menu.bottom-up, .dropdown-menu.bottom-up {
top: auto;
bottom: 100%
}
.dropdown-hover-menu a, .dropdown-menu a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.65;
color: #2f353d;
white-space: nowrap
}
.dropdown-menu-alt {
z-index: 6;
margin-top: -1px;
box-shadow: none;
background-color: #fff;
border: 1px solid #fff;
min-width: 210px;
-webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.12);
box-shadow: 0 0 35px rgba(0, 0, 0, 0.12)
}
.no-boxshadow .dropdown-menu-alt {
border-color: #e4e7eb
}
.dropdown-menu-alt .divider {
*width: 100%;
height: 1px;
*margin: -5px 0 5px;
overflow: hidden;
background-color: #e5e5e5;
border-bottom: 1px solid #fff
}
.dropdown-menu-alt a {
font-size: 0.9375em;
color: #83838f;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
padding: 10px 19px
}
.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
text-decoration: none;
color: #fff;
background-color: #4572ed;
background-color: #3c6bec;
background-image: -moz-linear-gradient(top, #4572ed, #2e60eb);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4572ed), to(#2e60eb));
background-image: -webkit-linear-gradient(top, #4572ed, #2e60eb);
background-image: -o-linear-gradient(top, #4572ed, #2e60eb);
background-image: linear-gradient(to bottom, #4572ed, #2e60eb);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF4572ED', endColorstr='#FF2E60EB', GradientType=0)
}
.dropdown-menu-alt li > a:hover, .dropdown-menu-alt li > a:focus, .dropdown-submenu-alt:hover > a {
color: #2f353d;
background-color: #f8f8fa;
background-image: none;
filter: none
}
.dropdown-menu .active > a, .dropdown-menu .active > a:hover {
color: #fff;
text-decoration: none;
outline: 0;
background-color: #4572ed;
background-color: #3c6bec;
background-image: -moz-linear-gradient(top, #4572ed, #2e60eb);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4572ed), to(#2e60eb));
background-image: -webkit-linear-gradient(top, #4572ed, #2e60eb);
background-image: -o-linear-gradient(top, #4572ed, #2e60eb);
background-image: linear-gradient(to bottom, #4572ed, #2e60eb);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF4572ED', endColorstr='#FF2E60EB', GradientType=0)
}
.dropdown-menu-alt .active > a, .dropdown-menu-alt .active > a:hover {
color: #83838f;
background-color: #f8f8fa;
background-image: none;
filter: none
}
.dropdown-menu .disabled > a, .dropdown-menu .disabled > a:hover {
color: #bcbccc
}
.dropdown-menu .disabled > a:hover {
text-decoration: none;
background-color: transparent;
cursor: default
}
.open {
*z-index: 1000
}
.open > .dropdown-menu {
display: block
}
.csstransitions .open.in > .dropdown-menu {
opacity: 1
}
.open .dropdown-toggle-alt {
z-index: 5;
border-color: transparent transparent #fff
}
.pull-right > .dropdown-menu {
right: 0;
left: auto
}
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 1px
}
.dropdown-submenu {
position: relative
}
.dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px
}
.dropdown-submenu:hover > .dropdown-menu {
display: block
}
.dropdown-submenu > a:after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: #ccc;
margin-top: 5px;
margin-right: -10px
}
.dropdown-submenu:hover > a:after {
border-left-color: #fff
}
.dropdown .dropdown-menu .nav-header {
padding-left: 20px;
padding-right: 20px
}
.typeahead {
margin-top: 2px
}
.share-menu {
margin-top: 1.125em;
padding-top: 1.25em;
padding-bottom: 1.125em;
min-width: 12.25em;
width: auto;
text-align: left
}
.share-menu:before {
content: '';
position: absolute;
top: -.8125em;
right: 1.5em;
width: 0;
height: 0;
border-bottom: 0.75em solid #fff;
border-left: .625em solid transparent;
border-right: .625em solid transparent
}
.share-menu a {
padding-top: 1px;
padding-bottom: 1px
}
.share-menu .input-holder {
position: relative;
margin-top: 9px;
padding: 0 17px
}
.share-menu .input-holder input {
-webkit-appearance: none;
display: block;
margin: 0;
padding-top: 0;
padding-bottom: 0;
width: 100%;
height: 37px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.lt-ie8 .share-menu .input-holder input {
width: 167px
}
.share-menu .input-holder .link-icon {
position: absolute;
right: 23px;
top: 6px;
height: 25px;
width: 36px;
background: #bcbccc;
text-align: center;
pointer-events: none
}
.share-menu .input-holder i {
color: #fff;
margin-top: 5px
}
.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
transition: opacity 0.15s linear
}
.no-opacity .fade {
visibility: hidden
}
.fade.in {
opacity: 1
}
.no-opacity .fade.in {
visibility: visible
}
.collapse {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height 0.35s ease;
transition: height 0.35s ease
}
.collapse.in {
height: auto
}
img.global-loader {
opacity: 0.85
}
.box-close {
position: absolute;
z-index: 50;
top: 0;
right: 0;
display: block;
width: 2.375em;
height: 2.125em;
padding: 0;
line-height: 1;
background: #83838f;
border: none;
text-align: center;
cursor: pointer;
-webkit-transform: translateZ(0px);
-webkit-transition: 0.2s ease-out;
transition: 0.2s ease-out
}
.box-close:hover {
background: #2f353d
}
.box-close i {
color: #fff;
-webkit-font-smoothing: antialiased
}
.box-close-small {
width: 1.375em;
height: 1.375em;
line-height: 0.375em
}
.box-close-small i {
font-size: 0.75em;
vertical-align: bottom
}
.lt-ie8 .box-close-small i {
vertical-align: baseline
}
.box-close-alt {
top: 12px;
right: 14px;
background: #83838f;
background: rgba(33, 37, 48, 0.4);
width: 2.5em;
height: 2.5em
}
.box-close-alt:hover {
background: #2f353d;
background: rgba(33, 37, 48, 0.8)
}
.box-close-alt i {
font-size: 1.25em
}
.box-close-alt.close-hide {
opacity: 0
}
.nav {
left: 0;
margin: 0;
display: block;
float: left;
list-style: none
}
.nav-utility {
float: right;
margin-right: 0
}
.nav-li {
float: left;
position: relative
}
.nav-li.active .nav-li-link, .nav-li.active .nav-li-link:hover, .nav-li.active .nav-li-link:focus {
color: #fff;
text-decoration: none;
background-color: transparent
}
.nav-li-link {
display: block;
float: none;
color: #e4e7eb;
text-decoration: none;
position: relative
}
.nav-li-link:focus, .nav-li-link:hover {
text-decoration: none
}
.global-nav-indicator-bar {
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
border-color: #5787f4;
border-style: solid;
border-top-width: 0px;
-webkit-transition: border-width 0.25s linear 0s;
transition: border-width 0.25s linear 0s
}
.lt-ie8 .global-nav-indicator-bar {
height: 0;
top: 39px
}
.nav-li-selected .global-nav-indicator-bar, .nav-li-link:hover .global-nav-indicator-bar {
border-top-width: 4px
}
.nav > .disabled > a {
color: #bcbccc
}
.nav > .disabled > a:hover {
text-decoration: none;
background-color: transparent;
cursor: default
}
.nav-wrapper {
background: #000
}
.nav-wrapper .sprite-32a-sony-logo {
float: left;
display: block;
margin: 16px 0 0;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0)
}
.navbar {
overflow: visible;
color: #e4e7eb;
position: relative;
*zoom: 1
}
.navbar:before, .navbar:after {
display: table;
content: "";
line-height: 0
}
.navbar:after {
clear: both
}
.navbar.nav-collapse.collapse {
height: auto
}
.navbar .btn-mobile-nav, .navbar .btn-mobile-cart {
display: none
}
.navbar .btn-mobile-cart {
font-family: "SST W01 Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
height: 25px;
padding: 4px;
margin: 19px 0px 0 6px;
line-height: 1.5
}
.navbar .btn, .navbar .btn-group {
margin-top: 17px
}
.navbar .btn-group .btn, .navbar .input-prepend .btn, .navbar .input-append .btn {
margin-top: 0
}
.navbar .fonticon-10-arrowhead-down {
color: #83838f;
visibility: hidden
}
.nav-ready .navbar .fonticon-10-arrowhead-down {
visibility: visible
}
.navbar .fonticon-10-arrowhead-up {
color: #83838f
}
.navbar .nav-li-link {
-webkit-backface-visibility: hidden
}
.navbar .nav-li-link:hover .fonticon-10-arrowhead-down, .navbar .nav-li-link:hover .fonticon-10-arrowhead-up, .navbar .nav-li-link:active .fonticon-10-arrowhead-down, .navbar .nav-li-link:active .fonticon-10-arrowhead-up, .navbar .nav-li-link:focus .fonticon-10-arrowhead-down, .navbar .nav-li-link:focus .fonticon-10-arrowhead-up, .navbar .nav-li-link.active .fonticon-10-arrowhead-down, .navbar .nav-li-link.active .fonticon-10-arrowhead-up {
color: #fff
}
.navbar .nav-li-favorites .nav-li-link:hover i {
color: #d94c25
}
.lt-ie9:not(.lt-ie8) .navbar .nav-li-favorites .nav-li-link:hover i {
color: #fff
}
.navbar .nav-li-universal .nav-li-linkBtn .fonticon-10-arrowhead-up {
margin-left: 4px;
position: relative;
top: -1px;
-webkit-transform: translate3d(0, 0, 0)
}
.navbar.navbar-form {
margin-bottom: 0;
*zoom: 1
}
.navbar.navbar-form:before, .navbar.navbar-form:after {
display: table;
content: "";
line-height: 0
}
.navbar.navbar-form:after {
clear: both
}
.navbar.navbar-form input, .navbar.navbar-form select, .navbar.navbar-form .radio, .navbar.navbar-form .checkbox {
margin-top: 17px
}
.navbar.navbar-form input, .navbar.navbar-form select, .navbar.navbar-form .btn {
display: inline-block;
margin-bottom: 0
}
.navbar.navbar-form input[type="image"], .navbar.navbar-form input[type="checkbox"], .navbar.navbar-form input[type="radio"] {
margin-top: 3px
}
.navbar.navbar-form .input-append, .navbar.navbar-form .input-prepend {
margin-top: 6px;
white-space: nowrap
}
.navbar.navbar-form .input-append input, .navbar.navbar-form .input-prepend input {
margin-top: 0
}
.navbar.navbar-search {
position: relative;
float: left;
margin-top: 17px;
margin-bottom: 0
}
.navbar.navbar-search .search-query {
margin-bottom: 0;
padding: 4px 14px;
border-radius: 15px;
color: #fff;
background-color: #515151;
border-color: #111;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
-webkit-transition: none;
transition: none
}
.navbar.navbar-search .search-query:-moz-placeholder {
color: #ccc
}
.navbar.navbar-search .search-query:-ms-input-placeholder {
color: #ccc
}
.navbar.navbar-search .search-query::-webkit-input-placeholder {
color: #ccc
}
.navbar.navbar-search .search-query:focus, .navbar.navbar-search .search-query.focused {
padding: 5px 15px;
color: #2f353d;
text-shadow: 0 1px 0 #fff;
background-color: #fff;
border: 0;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
outline: 0
}
.navbar.navbar-static-top {
position: static;
width: 100%
}
.lt-ie9:not(.lt-ie8) .nav-li-link:hover .fonticon-10-arrowhead-down, .lt-ie9:not(.lt-ie8) .nav-li-link:hover .fonticon-10-arrowhead-up, .lt-ie9:not(.lt-ie8) .nav-li-link:active .fonticon-10-arrowhead-down, .lt-ie9:not(.lt-ie8) .nav-li-link:active .fonticon-10-arrowhead-up, .lt-ie9:not(.lt-ie8) .nav-li-link:focus .fonticon-10-arrowhead-down, .lt-ie9:not(.lt-ie8) .nav-li-link:focus .fonticon-10-arrowhead-up, .lt-ie9:not(.lt-ie8) .nav-li-link.active .fonticon-10-arrowhead-down, .lt-ie9:not(.lt-ie8) .nav-li-link.active .fonticon-10-arrowhead-up {
color: #83838f
}
.navbar-mobile.container {
width: 100%
}
.navbar-outer {
background: #000;
position: relative;
z-index: 222;
-webkit-transform: translate3d(0, 0, 0)
}
.nav-wrapper {
z-index: 999;
height: 64px
}
.navbar {
height: 64px;
-webkit-transform: translate3d(0, 0, 0)
}
.navtray-w {
top: -475px
}
.navmenu-w {
top: 64px
}
.nav .btn-mobile-cart {
display: none
}
.lt-ie10 .nav-outer-container {
z-index: 999;
position: relative
}
.nav-primary {
margin-left: 2%
}
.nav-primary .nav-li {
margin: 0 0 0 0.625em
}
.nav-primary .nav-li.nav-li-electronics {
margin-left: 0.8125em
}
.nav-primary .nav-li-link {
line-height: 60px;
padding: 0 5px 4px;
-webkit-transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden
}
.nav-primary .nav-li-link:hover, .nav-primary .nav-li-link:active, .nav-primary .nav-li-link:focus, .nav-primary .nav-li-link.active {
color: #e4e7eb
}
.nav-primary .nav-li-link .lbl {
padding: 0 4px
}
.nav-li-store .nav-li-link, .nav-li-support .nav-li-link {
font-size: 0.9375em
}
.nav-li-link.nav-dropdown-toggle:not(.nav-dropdown-toggle-btn) {
padding-right: 0;
margin-right: 0;
font-size: 0.9375em;
color: #e4e7eb
}
.nav-li-link.nav-dropdown-toggle:not(.nav-dropdown-toggle-btn) .fonticon-10-arrowhead-down {
font-size: 1.06667em;
position: relative;
top: -2px;
margin-bottom: -5px;
margin-left: 4px;
margin-right: -2px;
overflow: hidden;
-webkit-font-smoothing: antialiased;
-webkit-transform: translate3d(0, 0, 0)
}
.lt-ie9 .nav-li-link.nav-dropdown-toggle:not(.nav-dropdown-toggle-btn) .fonticon-10-arrowhead-down {
font-size: 16px;
left: -1px
}
.lt-ie8 .nav-li-link.nav-dropdown-toggle:not(.nav-dropdown-toggle-btn) .fonticon-10-arrowhead-down {
left: 2px
}
.nav-primary .nav-li-link, .nav-li-link.nav-dropdown-toggle:not(.nav-dropdown-toggle-btn) {
-webkit-transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden
}
.nav-primary .nav-li-link:hover, .nav-primary .nav-li-link:active, .nav-primary .nav-li-link:focus, .nav-primary .nav-li-link.active, .nav-li-link.nav-dropdown-toggle:not(.nav-dropdown-toggle-btn):hover, .nav-li-link.nav-dropdown-toggle:not(.nav-dropdown-toggle-btn):active, .nav-li-link.nav-dropdown-toggle:not(.nav-dropdown-toggle-btn):focus, .nav-li-link.nav-dropdown-toggle:not(.nav-dropdown-toggle-btn).active {
color: #fff
}
.nav-li-linkBtn {
font-family: "SST W01 Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 0.6875em;
height: 36px;
margin: 14px 0 14px 2px;
padding: 10px 9px 0px 14px;
line-height: 1;
border-radius: 1px;
background-color: #000;
border-color: #000
}
.nav-li-linkBtn .fonticon-10-arrowhead-up, .nav-li-linkBtn .fonticon-10-search {
font-size: 1.45455em
}
.nav-li-linkBtn:hover, .nav-li-linkBtn:active, .nav-li-linkBtn:focus, .nav-li-linkBtn.active {
background-color: #2f353d;
border-color: #2f353d;
color: #fff
}
.nav-li-linkBtn .nav-li-count {
display: inline-block;
font-size: 0.75em;
font-family: "SST W01 Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
margin-top: 2px;
margin-left: 3px
}
.nav-li-linkBtn .nav-li-count[class*="fonticon-10-"]:before, .nav-li-linkBtn .nav-li-count[class*="fonticon-10-"][class*="--after"]:after, .nav-li-linkBtn .nav-li-count [class*="fonticon-10-"]:before {
font-size: 1.33333em
}
.nav-li-linkBtn [class^="fonticon-10-"], .nav-li-linkBtn [class*=" fonticon-10-"] {
margin: 0;
-webkit-font-smoothing: antialiased
}
.lt-ie8 .nav-li-linkBtn {
height: 26px
}
.nav-primary .nav-li-store .fonticon-10-cart, .nav-primary .nav-li-support .fonticon-10-support, .nav-primary .nav-li-universal-mobile {
display: none
}
.nav-li-account .nav-li-link.nav-dropdown-toggle {
font-size: 0.6875em;
padding-right: 6px;
padding-top: 10px;
-webkit-backface-visibility: hidden
}
.nav-li-account .nav-li-link.nav-dropdown-toggle .fonticon-10-arrowhead-down {
margin-left: 3px;
position: relative;
top: -2px;
font-size: 1.6em
}
.nav-li-favorites .nav-li-link {
padding: 8px 7px 0 8px;
font-size: 1em
}
.nav-li-cart .nav-li-link {
padding: 9px 9px 0 8px;
font-size: 1em;
-webkit-transform: translate3d(0, 0, 0)
}
.nav-li-cart .nav-li-link i {
position: relative;
top: -1px
}
.nav-li-search .nav-li-linkBtn {
background-color: #504d56;
border-color: #504d56;
border-radius: 1px;
padding-right: 12px;
padding-left: 15px;
margin-bottom: 0;
-webkit-backface-visibility: hidden
}
.nav-li-search .nav-li-linkBtn .fonticon-10-search {
padding-left: 6px;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden
}
.nav-li-search .nav-li-linkBtn:hover, .nav-li-search .nav-li-linkBtn:active, .nav-li-search .nav-li-linkBtn.active {
background-color: #4572ed;
border-color: #4572ed;
color: #e4e7eb
}
.nav-li-universal .nav-li-linkBtn {
background: #2f353d;
border-color: #2f353d
}
.nav-li-universal .nav-li-linkBtn:hover, .nav-li-universal .nav-li-linkBtn:active, .nav-li-universal .nav-li-linkBtn:focus, .nav-li-universal .nav-li-linkBtn.active {
background: #504d56;
border-color: #504d56
}
.navtray {
width: 100%
}
.navtray .nav-view-all-tl {
display: block;
width: 240px;
margin: 20px auto 0;
text-align: center
}
.navtray-section-main {
padding-top: 50px;
width: 74%
}
.navtray-w-short .navtray-section-main {
min-height: 260px
}
.navtray-section-main .navtray-list-main {
margin: 0 4.0% 1.0% 4.0%;
overflow: hidden
}
.navtray-section-main .navtray-list-main .navtray-li {
width: 24.8%
}
.navtray-section-main .navtray-list-main .navtray-li-link {
margin: 2% 3.3% 0 0;
padding: 20px 0 0 0;
-webkit-backface-visibility: hidden;
height: 170px
}
.navtray-w-short .navtray-section-main .navtray-list-main .navtray-li-link {
padding-top: 25px
}
.navtray-section-main .navtray-list-main .navtray-li-link:hover, .navtray-section-main .navtray-list-main .navtray-li-link:active, .navtray-section-main .navtray-list-main .navtray-li-link:focus {
background: #f1f5f9
}
.navtray-section-main .navtray-list-main .navtray-li-link .nav-img-w img {
width: 83%
}
.navtray-section-main .navtray-list-main:after {
width: 98.4%;
height: 1px
}
.navtray-section-featured {
padding-top: 47px;
width: 26%;
padding-left: 3.6%
}
.navmenu-w {
z-index: 190;
position: absolute;
overflow: visible;
background: #fff;
-webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px
}
.navmenu-w-search {
left: -9999px;
right: auto;
opacity: 0;
-webkit-transition: opacity 0.1s linear 0s, left 0s linear 0.1s;
transition: opacity 0.1s linear 0s, left 0s linear 0.1s
}
.lt-ie10 .navmenu-w-search {
height: 100%;
overflow: visible
}
.navmenu-w-search .reveal-transition-container {
overflow: hidden
}
.navmenu-w-search .fonticon-10-arrowhead-up.nav-indicator {
right: 17px
}
.navmenu-w-search .btn-clear-search-input {
right: 30px;
top: 22px
}
.navmenu-w-search .fonticon-10-search {
top: 25px;
left: 46px
}
.navmenu-w-account {
left: -9999px;
right: auto;
opacity: 0;
-webkit-transition: opacity 0.1s linear 0s, left 0s linear 0.1s;
transition: opacity 0.1s linear 0s, left 0s linear 0.1s
}
.navmenu-w-account .fonticon-10-arrowhead-up.nav-indicator {
left: 25px
}
.navmenu-w-account .reveal-transition-container {
width: 215px;
padding: 11px 0 9px;
overflow: hidden;
background: #fff
}
.navmenu-w-account .reveal-transition-container .navmenu-list-prefixed {
display: none
}
.navtray-w {
position: absolute;
overflow: hidden;
left: 0;
width: 100%;
background: #fff;
}
.navtray-w-tall {
z-index: 181;
-webkit-transition: top 0.25s ease-in 0.1s, left 0s linear 0.25s;
transition: top 0.25s ease-in 0.1s, left 0s linear 0.25s
}
.navtray-w-short {
z-index: 180;
-webkit-transition: top 0.25s ease-in 0.1s, left 0s linear 0.25s;
transition: top 0.25s ease-in 0.1s, left 0s linear 0.25s
}
.navtray-w-visible, .navtray-w-tall.navtray-w-visible, .navtray-w-short.navtray-w-visible {
top: 64px;
z-index: 182;
-webkit-transition: top 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.13s, left 0s linear 0s;
transition: top 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.13s, left 0s linear 0s
}
.navtray-w-visible.navtray-w-short, .navtray-w-tall.navtray-w-visible.navtray-w-short, .navtray-w-short.navtray-w-visible.navtray-w-short {
-webkit-transition: top 0.45s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.1s, left 0s linear 0s;
transition: top 0.45s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.1s, left 0s linear 0s
}
.no-transition.navtray-w, .no-transition.navtray-w-short, .no-transition.navtray-w-visible, .no-transition.navtray-w-visible.navtray-w-short {
-webkit-transition: none;
transition: none
}
.navtray {
z-index: 10;
overflow: hidden;
margin: 0 auto;
list-style: none;
max-width: 75em;
background: #f1f5f9
}
.navtray-section-main {
float: left;
padding-bottom: 17px;
background: #fff
}
.navtray-section-main.navtray-section-main-tall {
min-height: 430px
}
.lt-ie9 .navtray-w-tall .navtray-section-main {
min-height: 400px
}
.navtray-section-featured {
float: left;
z-index: 20;
position: relative
}
.lt-ie8 .navtray-section-featured {
width: 22%
}
.navtray-section-featured h6.l2 {
margin-bottom: 10px
}
.navtray-section-featured .navtray-secondary-list {
margin-left: 0;
padding-top: 0;
padding-bottom: 0;
margin-bottom: 32px
}
.navtray-section-featured .navtray-secondary-list .navtray-li {
line-height: 1.4
}
.navtray-section-featured .navtray-secondary-list .navtray-li .navtray-li-link {
font-size: 0.8125em
}
.navtray-section-featured .navtray-secondary-tout {
max-width: 218px;
margin-bottom: 32px;
margin-right: 11%
}
.navtray-section-featured .navtray-secondary-tout img {
width: 100%;
height: auto;
padding-bottom: 0.5625em
}
.navtray-section-featured .navtray-secondary-tout .p2, .navtray-section-featured .navtray-secondary-tout p, .navtray-section-featured .navtray-secondary-tout .p3 {
display: block
}
.navtray-section-featured .navtray-secondary-tout .p2, .navtray-section-featured .navtray-secondary-tout p {
color: #2f353d;
margin-bottom: 0.3125em
}
.navtray-section-featured .navtray-secondary-tout .p3 {
color: #83838f
}
.navtray-section-featured .navtray-secondary-tout .p4 {
display: inline-block;
line-height: 1.3;
padding-right: 1.6875em
}
.navtray-section-main .navtray-list-main {
overflow: hidden
}
.navtray-section-main .navtray-list-main .navtray-li {
line-height: 3.25;
display: block;
float: left
}
.navtray-section-main .navtray-list-main .navtray-li .navtray-li-link {
display: block;
text-align: center;
outline: none
}
.navtray-section-main .navtray-list-main .navtray-li .navtray-li-link img {
margin: 0 auto
}
.navtray-section-main .navtray-list-main .navtray-li .navtray-li-link .nav-label {
display: block;
margin-top: 6px;
line-height: 1.3
}
.navtray-section-main-w-all-btn {
padding-bottom: 50px
}
.navtray-section-main-w-all-btn .navtray-list-main .navtray-li {
line-height: inherit
}
.navtray-section-main-w-all-btn .navtray-list-main:after {
content: '';
display: block;
clear: both;
border-bottom: solid 1px #e4e7eb
}
.navtray-section-featured .l2 {
font-size: 0.6875em
}
.navtray.navtray-absolute {
position: absolute;
bottom: 0
}
.navmenu-w {
z-index: 240;
position: absolute;
overflow: visible;
background: #fff;
-webkit-box-shadow: 0px 0px 30px 5px rgba(39, 43, 55, 0.25);
box-shadow: 0px 0px 30px 5px rgba(39, 43, 55, 0.25);
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
-webkit-transform: translate3d(0, 0, 0)
}
.navmenu-w .fonticon-10-arrowhead-up.nav-indicator {
overflow: hidden;
position: absolute;
height: 15px;
top: -14px;
font-size: 3.2em;
width: 48px;
color: #fff
}
.navmenu-w .fonticon-10-arrowhead-up.nav-indicator:before {
position: relative;
top: -23px
}
.navmenu-list {
margin: 0
}
.navmenu-list .navmenu-line {
line-height: 1.0625em;
margin: 0 10px 0 22px;
padding: 5px 0 1px
}
.navmenu-style-tl {
display: inline-block;
padding: 4px 4px 0 0;
font-size: 0.75em
}
.navmenu-style-tl i {
box-sizing: content-box;
padding: 1px 8px 5px 0;
padding-right: 8px;
padding-bottom: 5px;
color: #bcbccc;
font-size: 1.33333em
}
.navmenu-list .navmenu-style-tl i {
display: block;
float: left
}
.navmenu-style-tl:hover i {
color: #3c4c74
}
.navmenu-li-ext-text {
font-style: italic;
color: #83838f;
font-size: 0.8125em
}
.navmenu-w-account .navmenu-list-main {
padding-top: 3px;
padding-bottom: 12px
}
.navmenu-w-account .btn-login, .navmenu-w-account .btn-logout {
display: block;
width: auto;
font-size: 0.66667em
}
.navmenu-w-account .btn-login {
margin: 10px 20px 5px
}
.navmenu-w-account .btn-logout {
margin: 0 20px 10px
}
.navmenu-w-account.navmenu-w-visible {
right: -125px;
left: auto;
opacity: 1;
-webkit-transition: opacity 0s linear 0s, right 0s linear 0s;
transition: opacity 0s linear 0s, right 0s linear 0s
}
.navmenu-w-account.navmenu-w-visible .reveal-transition-container {
overflow: hidden
}
.navmenu-w-search-container {
position: relative
}
.navmenu-w-search {
z-index: 239;
width: 467px
}
.navmenu-w-search.navmenu-w-visible {
right: 0;
left: auto;
opacity: 1;
-webkit-transition: opacity 0s linear 0s, right 0s linear 0s;
transition: opacity 0s linear 0s, right 0s linear 0s
}
.navmenu-w-search.navmenu-w-visible .reveal-transition-container {
overflow: hidden
}
.navmenu-w-search .fonticon-10-arrowhead-up {
left: auto
}
.navmenu-w-search .navmenu-list {
margin: 0
}
.navmenu-w-search .navmenu-list .navmenu-line {
line-height: 1.9
}
.navmenu-w-search .fonticon-10-search {
cursor: text;
position: relative;
top: 3px;
left: 0;
color: #bcbccc;
font-size: 1.65em;
padding: 0 5px 0 8px
}
.navmenu-w-search .navmenu-search-section-input {
background: #fff;
padding: 10px 20px 12px 29px;
margin: 0
}
.navmenu-w-search .navmenu-search-section-input input[type=text] {
border: none;
margin: 0;
padding: 0;
font-size: 1.875em;
height: auto;
width: 80%;
-webkit-transition: all, 0s;
transition: all, 0s
}
.navmenu-w-search .navmenu-search-section-input input[type=text]:focus {
font-family: "SST W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
color: #2f353d;
-webkit-appearance: none
}
.navmenu-w-search .navmenu-search-section-input input[type=text]::-ms-clear {
width: 0;
height: 0
}
.navmenu-w-search .btn-clear-search-input {
line-height: 0;
padding: 6px 8px 6px 6px;
position: absolute;
display: none
}
.navmenu-w-search .btn-clear-search-input i {
margin-right: -3px
}
.navmenu-w-search .btn-clear-search-input:hover, .navmenu-w-search .btn-clear-search-input:active, .navmenu-w-search .btn-clear-search-input:focus {
background-color: #e4e7eb
}
.navmenu-w-search .navmenu-search-section-results {
padding: 13px 0 24px;
background: #e4e7eb
}
.navmenu-w-search .navmenu-search-popular-searches {
display: block;
padding: 3px 0 0 0
}
.navmenu-w-search .navmenu-search-popular-searches p.l3, .navmenu-w-search .navmenu-search-popular-searches p.label {
margin-bottom: 4px;
margin-left: 30px
}
.navmenu-w-search .navmenu-search-popular-searches .navmenu-list-extended {
margin-top: 5px
}
.navmenu-w-search .navmenu-search-results {
display: none
}
.navmenu-w-search .navmenu-list-results hr {
content: '';
display: block;
position: absolute;
width: 406px;
height: 0px;
margin: 0 0 0 30px;
border-top: solid 1px #d2d2db;
border-bottom: none;
position: relative;
top: -1px
}
.navmenu-w-search .navmenu-list-results .search-result-line {
margin-bottom: 1px
}
.navmenu-w-search .navmenu-list-results .search-result-line > a {
display: block;
overflow: hidden;
box-sizing: content-box;
padding: 11px 29px 13px;
height: 64px
}
.navmenu-w-search .navmenu-list-results .search-result-line > a > img {
margin-right: 11px;
float: left
}
.navmenu-w-search .navmenu-list-results .search-result-line > a:hover, .navmenu-w-search .navmenu-list-results .search-result-line > a:active, .navmenu-w-search .navmenu-list-results .search-result-line > a:focus {
background-color: rgba(255, 255, 255, 0.5)
}
.navmenu-w-search .navmenu-list-results .search-result-line > a > i.fonticon-10-chevron {
float: right;
margin: 24px 10px 0 0
}
.navmenu-w-search .search-result-p {
display: block;
float: left;
padding-top: 7px;
line-height: 1.4
}
.navmenu-w-search .search-result-p .search-result-headline {
display: block;
font-size: 1.125em
}
.navmenu-w-search .search-result-p .search-result-descript {
display: block;
font-size: 0.8125em;
color: #83838f
}
.navmenu-w-search .search-result-line.search-result-canned > a i.fonticon-30-support {
float: left;
margin: 11px 22px 0 15px;
color: #bcbccc
}
.navmenu-w-search .search-result-line.search-result-canned > a .search-result-p {
padding-top: 18px
}
.navmenu-w-search .navmenu-list-extended {
margin-top: 25px;
margin-left: 0
}
.navmenu-w-search .navmenu-list-extended .search-result-line > a.tl {
display: block;
padding-left: 30px;
padding-right: 26px;
line-height: 2.0;
font-size: 0.93333em
}
.navmenu-w-search .navmenu-list-extended .search-result-line > a.tl:hover, .navmenu-w-search .navmenu-list-extended .search-result-line > a.tl:active, .navmenu-w-search .navmenu-list-extended .search-result-line > a.tl:focus {
background-color: rgba(255, 255, 255, 0.5)
}
.navmenu-w-search.searching .btn-clear-search-input {
display: block
}
.navmenu-w-search.searching .navmenu-search-section-results .navmenu-search-popular-searches {
display: none
}
.navmenu-w-search.searching .navmenu-search-section-results .navmenu-search-results {
display: block
}
.navmenu-w-search.searching .navmenu-search-section-results .navmenu-search-results .btn-show-all-results {
margin: 49px 0 8px 31px;
font-size: 0.8125em
}
.footer-wrapper {
background: #1f2024
}
.footer-wrapper h5 {
font-size: 0.9375em;
color: #83838f
}
.footer-wrapper h6 {
font-size: 0.6875em;
color: #83838f;
text-transform: uppercase
}
.footer-wrapper a {
color: #e4e7eb
}
.footer-wrapper a:hover, .footer-wrapper a:active, .footer-wrapper a:focus {
color: #83838f
}
.footer-sony-logo {
display: inline-block;
position: relative;
overflow: hidden
}
.footer-form-border {
position: relative;
border-width: 2px;
border-color: #3c3c42;
border-style: solid;
padding: 0.375em;
overflow: hidden
}
.lt-ie8 .footer-form-border {
overflow: visible;
padding: 0.5em 0.5em 0.7em 0.5em
}
.footer-form-border .footer-input {
border: none;
height: 27px;
padding: 0 4px 0 9px;
margin: 0;
font-size: 0.75em;
background: #1f2024;
color: #fff
}
.footer-form-border .footer-input:focus {
color: #fff
}
.footer-form-border .footer-btn {
height: 28px;
padding: 4px 0;
font-size: 0.6875em;
font-family: "SST W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal
}
form.footer-store-locator-form {
margin: 0
}
form.footer-store-locator-form i {
position: absolute;
left: 9px;
top: 13px;
font-size: 1.125em;
color: #f25529;
-webkit-font-smoothing: antialiased
}
.footer-change-location-link {
margin: 7px 0 0 0
}
.grid .footer-language.span6 {
margin-left: 0;
float: left
}
.footer-ex {
clear: both
}
.lt-ie8 .footer-ex {
width: 100%
}
.footer-language-selectors {
*zoom: 1
}
.footer-language-selectors:before, .footer-language-selectors:after {
display: table;
content: "";
line-height: 0
}
.footer-language-selectors:after {
clear: both
}
.footer-social-links {
display: inline-block;
*display: inline;
*zoom: 1;
-webkit-transform: translate3d(0, 0, 0)
}
.footer-social-links a {
display: block;
width: 2.25em;
height: 2em;
float: left;
margin-left: 0.125em;
text-align: center;
background-color: #3c3c42;
color: #fff
}
.footer-social-links a:hover, .footer-social-links a:active, .footer-social-links a:focus, .footer-social-links a.active {
color: #fff
}
.footer-social-links a i {
position: relative;
margin-top: 0;
margin-bottom: 0;
line-height: 1;
-webkit-font-smoothing: antialiased;
overflow: hidden
}
a.footer-social-twitter:hover, a.footer-social-twitter:active, a.footer-social-twitter:focus, a.footer-social-twitter.active {
background-color: #00acee
}
a.footer-social-facebook:hover, a.footer-social-facebook:active, a.footer-social-facebook:focus, a.footer-social-facebook.active {
background-color: #3b5b99
}
a.footer-social-gplus:hover, a.footer-social-gplus:active, a.footer-social-gplus:focus, a.footer-social-gplus.active {
background-color: #db4a39
}
a.footer-social-youtube:hover, a.footer-social-youtube:active, a.footer-social-youtube:focus, a.footer-social-youtube.active {
background-color: #ef3c39
}
.footer-signature {
position: relative
}
.footer-copyright {
font-size: 0.625em;
text-transform: uppercase;
color: #83838f
}
.btn-hover-group .btn.dropdown-hover-toggle {
font-size: 1em;
width: 100%;
text-align: left;
color: #fff;
background-color: #3c3c42;
border-color: #3c3c42;
padding: 8px 8px 10px 12px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
font-size: 0.75em
}
.btn-hover-group .btn.dropdown-hover-toggle .fonticon-10-arrowhead-down {
display: inline-block;
position: relative;
top: -2px;
left: 5px;
-webkit-transition: all 0.15s linear;
transition: all 0.15s linear;
transform-origin: 47% 63% 0;
-ms-transform-origin: 47% 63% 0;
-webkit-transform-origin: 47% 63% 0;
-moz-transform-origin: 47% 63% 0;
-o-transform-origin: 47% 63% 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-font-smoothing: antialiased;
color: #bcbccc;
font-size: 1.33333em
}
.btn-hover-group .dropdown-hover-menu {
display: block;
background-color: transparent;
border: none;
float: none;
padding-bottom: 0.1875em;
-webkit-box-shadow: none;
box-shadow: none;
display: block;
position: absolute;
-webkit-backface-visibility: hidden;
opacity: 0;
visibility: hidden;
right: auto;
left: -9999px;
-webkit-transition: opacity 0.15s ease-in 0s, left 0s linear 0.15s, visibility 0s linear 0.15s;
transition: opacity 0.15s ease-in 0s, left 0s linear 0.15s, visibility 0s linear 0.15s
}
.btn-hover-group.language-selector.open * {
background: green
}
.btn-hover-group.language-selector .active * {
background: red
}
.btn-hover-group.language-selector .dropdown-hover-menu {
display: block;
position: absolute;
-webkit-backface-visibility: hidden;
opacity: 0;
visibility: hidden;
right: -9999px;
left: auto;
-webkit-transition: opacity 0.15s ease-in 0s, left 0s linear 0.15s, visibility 0s linear 0.15s;
transition: opacity 0.15s ease-in 0s, left 0s linear 0.15s, visibility 0s linear 0.15s
}
.lt-ie8 .btn-hover-group.country-selector .btn.dropdown-hover-toggle {
padding-left: 6%;
padding-right: 0;
width: 94%
}
.lt-ie8 .btn-hover-group.language-selector {
margin-left: 3px;
width: 60px
}
.lt-ie8 .btn-hover-group.language-selector a.dropdown-hover-toggle {
width: 60px;
margin-top: 1px;
display: block;
line-height: 1.65em;
border-left: 3px solid transparent
}
.lt-ie8 .btn-hover-group.language-selector:hover .dropdown-hover-menu, .lt-ie8 .btn-hover-group.language-selector:active .dropdown-hover-menu, .lt-ie8 .btn-hover-group.language-selector:focus .dropdown-hover-menu {
left: auto;
opacity: 1;
right: 0;
visibility: visible
}
.lt-ie8 .btn-hover-group.language-selector .dropdown-hover-menu {
display: block;
position: absolute;
-webkit-backface-visibility: hidden;
opacity: 0;
visibility: hidden;
right: auto;
left: -9999px;
-webkit-transition: opacity 0.15s ease-in 0s, left 0s linear 0.15s, visibility 0s linear 0.15s;
transition: opacity 0.15s ease-in 0s, left 0s linear 0.15s, visibility 0s linear 0.15s;
bottom: 35px;
border-bottom: 3px solid transparent;
right: 0
}
.btn-hover-group .dropdown-hover-menu-lists-w {
background-color: #2f353d;
*zoom: 1
}
.btn-hover-group .dropdown-hover-menu-lists-w:before, .btn-hover-group .dropdown-hover-menu-lists-w:after {
display: table;
content: "";
line-height: 0
}
.btn-hover-group .dropdown-hover-menu-lists-w:after {
clear: both
}
.btn-hover-group .dropdown-hover-menu-list {
margin: 0;
float: left
}
.btn-hover-group .dropdown-hover-menu-list li a {
display: block;
font-size: 0.75em;
color: #fff;
padding: 0.25em 1.8125em 0.3125em 1.8125em;
min-width: 185px;
line-height: 2.55
}
.btn-hover-group .dropdown-hover-menu-list li a .dropdown-label-left {
display: inline-block;
width: 2.8125em
}
.btn-hover-group .dropdown-hover-menu-list li a:hover, .btn-hover-group .dropdown-hover-menu-list li a:active, .btn-hover-group .dropdown-hover-menu-list li a:focus {
background-color: #504d56;
border-color: #504d56
}
.footer-wrapper .country-selector [class^="icon-flag-"], .footer-wrapper .country-selector [class*=" icon-flag-"] {
display: inline-block;
position: relative;
top: 3px;
margin-right: 10px
}
.no-touch .btn-hover-group:hover .btn.dropdown-hover-toggle, .no-touch .btn-hover-group.open:hover .btn.dropdown-hover-toggle, .touch .btn-hover-group.open .btn.dropdown-hover-toggle, .no-touch .btn-hover-group.active:hover .btn.dropdown-hover-toggle, .touch .btn-hover-group.active .btn.dropdown-hover-toggle {
color: #fff;
background-color: #504d56;
border-color: #504d56
}
.no-touch .btn-hover-group:hover:not(.DISABLE-MENU) .fonticon-10-arrowhead-down, .no-touch .btn-hover-group.open:hover:not(.DISABLE-MENU) .fonticon-10-arrowhead-down, .touch .btn-hover-group.open:not(.DISABLE-MENU) .fonticon-10-arrowhead-down, .no-touch .btn-hover-group.active:hover:not(.DISABLE-MENU) .fonticon-10-arrowhead-down, .touch .btn-hover-group.active:not(.DISABLE-MENU) .fonticon-10-arrowhead-down {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg)
}
.no-touch .btn-hover-group:hover:not(.DISABLE-MENU) .dropdown-hover-menu, .no-touch .btn-hover-group.open:hover:not(.DISABLE-MENU) .dropdown-hover-menu, .touch .btn-hover-group.open:not(.DISABLE-MENU) .dropdown-hover-menu, .no-touch .btn-hover-group.active:hover:not(.DISABLE-MENU) .dropdown-hover-menu, .touch .btn-hover-group.active:not(.DISABLE-MENU) .dropdown-hover-menu {
opacity: 1;
visibility: visible;
right: 0;
left: auto;
-webkit-transition: opacity 0.15s ease-in 0s, left 0s linear 0s, visibility 0s linear 0s;
transition: opacity 0.15s ease-in 0s, left 0s linear 0s, visibility 0s linear 0s
}
.no-touch .btn-hover-group:hover:not(.DISABLE-MENU).language-selector .dropdown-hover-menu, .no-touch .btn-hover-group.open:hover:not(.DISABLE-MENU).language-selector .dropdown-hover-menu, .touch .btn-hover-group.open:not(.DISABLE-MENU).language-selector .dropdown-hover-menu, .no-touch .btn-hover-group.active:hover:not(.DISABLE-MENU).language-selector .dropdown-hover-menu, .touch .btn-hover-group.active:not(.DISABLE-MENU).language-selector .dropdown-hover-menu {
opacity: 1;
visibility: visible;
right: 0;
left: auto;
-webkit-transition: opacity 0.15s ease-in 0s, left 0s linear 0s, visibility 0s linear 0s;
transition: opacity 0.15s ease-in 0s, left 0s linear 0s, visibility 0s linear 0s
}
.footer-links-list {
margin: 0
}
.footer-links-list li {
line-height: 1.5
}
.footer-link-li a, .footer-change-location-link {
font-size: 0.8125em
}
.footer-wrapper .footer-store-locator h5 {
margin-bottom: 18px
}
.footer-signature-w {
border-top: solid 1px #3c3c42;
margin-top: 0.9375em;
padding-top: 1.75em;
-webkit-transform: translate3d(0, 0, 0)
}
.footer-legal-links {
font-size: 0.625em
}
.footer-legal-links a {
display: inline-block;
margin-right: 1em;
text-transform: uppercase
}
.footer-wrapper {
padding: 3.75em 0 1.75em
}
.footer-wrapper.footer-wrapper-minimal {
padding: 1.75em 0
}
.footer-wrapper h5 {
margin-bottom: 1.0625em
}
.footer-wrapper .btn-group.country-selector, .footer-wrapper .btn-hover-group.country-selector {
width: 46.2%;
min-width: 11.5625em;
float: left
}
.footer-wrapper .btn-group.country-selector .dropdown-hover-menu-lists-w, .footer-wrapper .btn-hover-group.country-selector .dropdown-hover-menu-lists-w {
padding: 1.5em 0 1.5em 0
}
.footer-wrapper .btn-group.country-selector .dropdown-hover-menu-list, .footer-wrapper .btn-hover-group.country-selector .dropdown-hover-menu-list {
width: 19.8%
}
.footer-wrapper .btn-hover-group.language-selector {
width: 4.1875em;
float: left
}
.footer-wrapper .btn-hover-group.language-selector .dropdown-hover-toggle {
padding-left: 0;
padding-right: 0;
text-align: center
}
.footer-wrapper .footer-mobile-section {
padding-bottom: 74px
}
.footer-form-border .footer-input {
width: 62%;
float: left
}
.footer-form-border .footer-btn {
width: 30%;
float: right;
margin: 0
}
.footer-store-locator-input {
text-indent: 18px
}
.child-input-active .footer-store-locator-input {
text-indent: 0
}
.footer-wrapper .footer-contact.span6 {
padding-top: 2px;
float: right;
text-align: right
}
.footer-wrapper .footer-contact.span6 > p {
display: inline-block;
font-size: 0.8125em;
-webkit-transform: translate3d(0, 0, 0)
}
.lt-ie8 .footer-wrapper .footer-contact.span6 > p {
*display: inline;
*zoom: 1;
margin-right: 1.0em
}
.footer-wrapper .footer-contact.span6 > p a {
display: inline-block;
position: relative;
top: -11px;
margin-right: 1.5em
}
.lt-ie8 .footer-wrapper .footer-contact.span6 > p a {
top: auto
}
.footer-sony-logo {
margin-bottom: 6px
}
.footer-copyright {
position: absolute;
left: 0px;
top: 3px
}
.footer-store-locator-form {
position: relative;
overflow: visible;
float: none
}
.footer-store-locator-form .footer-input {
width: 55%;
float: none
}
.footer-store-locator-form .footer-input:focus {
-webkit-appearance: none
}
.footer-store-locator-form .footer-btn {
width: 35%
}
.lt-ie8 .footer-store-locator-form .footer-input {
float: left;
width: 111px;
font-size: .9em;
height: 26px;
padding: 1px 0 0 0
}
.lt-ie8 .footer-store-locator-form .footer-btn {
padding: 5px 20px
}
.breadcrumb-link {
color: #83838f
}
.breadcrumb-link:hover {
color: #2f353d
}
.breadcrumb-link i {
font-size: 0.81818em;
margin-right: 1px;
vertical-align: 0.2em
}
.sony-dot-nav {
position: relative;
margin-top: 40px
}
.pagination-bullets {
position: absolute;
z-index: 35;
left: 0;
bottom: 0;
width: 100%;
margin: 0 auto;
text-align: center;
line-height: 1;
opacity: 0;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s
}
.pagination-bullets.pagination-bullets-on, .pagination-bullets.on {
opacity: 1
}
.pagination-bullets .pagination-bullet {
width: 0.5em;
height: 0.5em;
display: inline-block;
margin-left: 0.3125em;
background-color: #bcbccc;
border-radius: 0.25em;
cursor: pointer;
-webkit-transition: 0.2s ease-out;
transition: 0.2s ease-out;
-webkit-font-smoothing: antialiased
}
.lt-ie8 .pagination-bullets .pagination-bullet {
display: inline
}
.pagination-light .pagination-bullets .pagination-bullet {
background-color: #83838f
}
.pagination-light .pagination-bullets .pagination-bullet:hover, .pagination-light .pagination-bullets .pagination-bullet.bullet-selected {
background-color: #e4e7eb
}
.pagination-bullets .pagination-bullet:first-child {
margin-left: 0
}
.pagination-bullets .pagination-bullet:hover, .pagination-bullets .bullet-selected {
background-color: #2f353d
}
.pagination-paddles {
-webkit-transition: 0.2s ease-out;
transition: 0.2s ease-out;
position: absolute;
top: 50%;
width: 100%;
opacity: 0
}
.lt-ie9 .pagination-paddles {
display: none
}
.pagination-paddles.show-paddles {
opacity: 1
}
.lt-ie9 .pagination-paddles.show-paddles {
display: block
}
.lt-ie8 .pagination-paddles.show-paddles {
display: none
}
.pagination-paddles .nav-paddle, .pagination-paddles .pagination-paddle {
-webkit-transition: 0.2s ease-out;
transition: 0.2s ease-out;
position: absolute;
width: 3em;
height: 4.75em;
display: block;
margin-top: -2.375em;
padding: 0;
border: none;
background-color: #212530;
background-color: rgba(33, 37, 48, 0.4);
border-radius: .1875em;
cursor: pointer;
opacity: 0;
z-index: 900
}
.pagination-paddles .nav-paddle.on, .pagination-paddles .nav-paddle:focus, .pagination-paddles .pagination-paddle.on, .pagination-paddles .pagination-paddle:focus {
opacity: 1
}
.pagination-paddles .nav-paddle.pagination-next, .pagination-paddles .pagination-paddle.pagination-next {
right: 20px
}
@media (min-width: 1400px) {
.pagination-paddles .nav-paddle.pagination-next.outset, .pagination-paddles .pagination-paddle.pagination-next.outset {
right: 50%;
margin-right: -695px
}
}
.pagination-paddles .nav-paddle.pagination-next i, .pagination-paddles .pagination-paddle.pagination-next i {
margin-left: -0.5em
}
.pagination-paddles .nav-paddle.pagination-prev, .pagination-paddles .pagination-paddle.pagination-prev {
left: 20px
}
@media (min-width: 1400px) {
.pagination-paddles .nav-paddle.pagination-prev.outset, .pagination-paddles .pagination-paddle.pagination-prev.outset {
left: 50%;
margin-left: -695px
}
}
.lt-ie9 .pagination-paddles .nav-paddle, .lt-ie9 .pagination-paddles .pagination-paddle {
zoom: 1
}
.touch .pagination-paddles .nav-paddle, .touch .pagination-paddles .pagination-paddle {
display: none
}
.pagination-paddles .nav-paddle:hover, .pagination-paddles .nav-paddle:focus, .pagination-paddles .pagination-paddle:hover, .pagination-paddles .pagination-paddle:focus {
background-color: #2f353d;
background-color: rgba(33, 37, 48, 0.8);
outline: none;
cursor: pointer
}
.pagination-paddles .nav-paddle i, .pagination-paddles .pagination-paddle i {
-webkit-font-smoothing: antialiased;
position: absolute;
left: 50%;
top: 50%;
margin: -0.6em 0 0 -0.6em;
color: #fff;
font-size: 0.9375em
}
.pagination-paddles .show-paddles .nav-paddle, .pagination-paddles .show-paddles .pagination-paddle {
opacity: 1
}
.paddle-trigger .nav-paddle {
opacity: 0
}
.paddle-trigger:hover .nav-paddle, .paddle-trigger .nav-paddle:focus {
opacity: 1
}
.pagination-paddles .nav-paddle, .nav-paddle {
-webkit-transition: 0.2s ease-out;
transition: 0.2s ease-out;
display: block;
border: none;
background-color: #212530;
background-color: rgba(33, 37, 48, 0.4);
border-radius: 0.1875em;
width: 2.125em;
height: 3.25em;
margin-top: -1.625em;
padding: 0
}
.pagination-paddles .nav-paddle i, .nav-paddle i {
-webkit-font-smoothing: antialiased;
position: absolute;
left: 50%;
top: 50%;
margin: -0.6em 0 0 -0.55em;
color: #fff;
font-size: 0.9375em
}
.lt-ie9 .pagination-paddles .nav-paddle, .lt-ie9 .nav-paddle {
zoom: 1
}
.touch .pagination-paddles .nav-paddle, .touch .nav-paddle {
display: none
}
.pagination-paddles .nav-paddle:hover, .pagination-paddles .nav-paddle:focus, .nav-paddle:hover, .nav-paddle:focus {
background-color: #2f353d;
background-color: rgba(33, 37, 48, 0.8);
outline: none;
cursor: pointer
}
.u-nav-wrapper {
visibility: hidden;
z-index: 1;
*zoom: 1
}
.unav-open .u-nav-wrapper, .unav-open-until-transition-end .u-nav-wrapper {
visibility: visible;
z-index: 1100
}
.u-nav-wrapper {
background: #f1f5f9;
padding: 20px 0 50px;
width: 100%;
position: absolute;
top: -9999px
}
.u-nav-wrapper .u-nav-head {
position: relative;
margin-bottom: 13px
}
.u-nav-wrapper .u-nav-close-btn {
display: inline-block;
font-family: "SST W01 Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
font-weight: normal;
font-style: normal;
font-size: 0.75em;
padding: 9px 13px 10px 13px;
color: #fff;
background-color: #929599;
background-repeat: no-repeat;
background-position: 88% 50%;
border-radius: 1px;
margin: 0 0 14px;
float: right
}
.u-nav-wrapper .u-nav-close-btn:hover, .u-nav-wrapper .u-nav-close-btn:active, .u-nav-wrapper .u-nav-close-btn:focus, .u-nav-wrapper .u-nav-close-btn.active {
color: #fff;
background-color: #2f353d
}
.u-nav-wrapper .u-nav-close-btn .u-nav-close-btn-img-container {
margin-left: 24px;
position: relative;
top: -1px
}
.lt-ie9 .u-nav-wrapper .u-nav-close-btn {
display: block
}
.lt-ie9 .u-nav-wrapper .u-nav-close-btn .u-nav-close-btn-label {
float: left
}
.lt-ie9 .u-nav-wrapper .u-nav-close-btn .u-nav-close-btn-img-container {
display: block;
margin-left: 0;
width: 32px;
height: 12px;
float: left;
top: 5px
}
.lt-ie9 .u-nav-wrapper .u-nav-close-btn .u-nav-close-btn-img-container .u-nav-close-btn-img {
float: right
}
.u-nav-wrapper h5.l1 {
clear: both;
margin: 0
}
.u-nav-wrapper .u-nav-all-sites-link {
position: absolute;
bottom: 1px;
right: 0;
font-size: 0.8125em
}
.u-nav-wrapper .u-nav-primary {
position: relative;
overflow: hidden;
*zoom: 1
}
.u-nav-wrapper .u-nav-primary [class*="span"] {
float: none;
margin-left: 0
}
.u-nav-wrapper .u-nav-primary-link {
display: block;
position: relative;
opacity: 1;
margin-bottom: 0
}
.u-nav-wrapper .u-nav-primary-link .u-nav-primary-img-wrap {
display: block;
background-color: #fff;
background-image: url("data:image/gif;base64,R0lGODlhTABIAPepAIOFi97f4Ht9hImLkfv7+/n5+f7+/p2eo/j4+e/v8Pr6+sLDxpqcoZKUmoGDibi6vezs7ZyeosvMzpeanoqMkoCCiYuMktvb3aCips/Q08TFyLm7vtna3Pz8/a+wtMHDxZian7e5vdzd3tjZ2+7u736Bh97e4Li4vICDidHR1KKkqODh4u3t7tvc3qytsszMz9DR05GTmNjY26KjqJmboPz8/H+BiJ2fpICCiJCSmIuOk8vMz5eZn56fpJudotrb3N/g4uHi48/Q0n6Ah/f3+NfY2rq7vv39/YKEioOGjLe4vO/w8cDBxbS1uYaIjuPj5d7f4Xt9g3x+hZ+hpufn6Y2PlZCSl9/f4aytsX6AhuLi5IeJj7u7v31/htTV2Ly9wZeYnuPk5enp6vHx8pSWm6qssHt+hKCip/X19Zqdoba3us7P0YuNk4WHjZOVmsnLzZWXnNPU1aiprqOkqeTk5ZaYncTGyKGjp76/wo2PlKqrsHx/hamrr4iKkLS2ucrLztHS1K2us7W3u87O0bO0t/Pz87O0uI6QlvLy88nKzOvr7fT09PDx8by9wOTl5tLT1a+xtPX29unq6r2+wenq656hpdXW2Pb2962vs8bHy8fIyqaorMPEx6ussMrKzbCxtc3O0Kanq6eorbCytqiqrYOGi4yOlP///3p8g////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGNzdGMTE3NDA3MjA2ODExOEE2REMwMzIxOTlGODM1QSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBREZFNjJBMUMyNTgxMUUyQUVDMUY5ODc4Q0ZFQjg0QSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBREZFNjJBMEMyNTgxMUUyQUVDMUY5ODc4Q0ZFQjg0QSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RkM3RjExNzQwNzIwNjgxMThBNkRDMDMyMTk5RjgzNUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Rjc3RjExNzQwNzIwNjgxMThBNkRDMDMyMTk5RjgzNUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQFAwCpACwAAAAATABIAAAIiQBRCRxIsKDBgwgTKlzIsKHDhxAjSpxIsaLFixgzatzIsaPHjyBDihxJsqTJkyhTqlzJsqVLigJeclQic2OTmhpv4sToYSdGFz4vAg1aMQvRo0iTKl3KtKnTp1CjSp1KtarVq1izat3KtavXr2DDih1LtqzZs2jTql3Ltq3bt3Djyp1Lt65diAEBACH5BAUDAKkALCQADgACAAgAAAgVAFOhQnRK0Skgp+Kc0nRqw6kSAAICACH5BAUDAKkALCEADwAEAAcAAAgaAEOMSIAgzqmDhA6ecqPQDIKDqX5A5HFDR0AAIfkEBQMAqQAsHAAOAAoACQAACDgAUwkcOFDAwC5nmKQiMRBMigKnThEMFbEiwSxLKkok6ELjRoFSWGgkmKqjgQAherAZKIXLAJIBAQAh+QQFAwCpACwWAA8ADwALAAAIUQBTCRw4sMSUBT8SFCA4EEQGAgwZTggQkSEKT6cyVhRohUVGjRUPIPj4MeIBAiRLpjKR6oAOOGhSniLwIWIVEiRHDNjoxFFGIwI2CnRwYZTQgAAh+QQFAwCpACwRAA8AFAATAAAIdQBTCRxIsOCMDy1SESjIUCCMAg0jggASsaKEihFjQMDIsePAHjUqikgVYQDBBghOeRzoAMKplytTSXhJU2AIjCBo6nTBMYDOlw84Mvh5qogAjil+KjCJsQSBnx86zvhpgCnGDz9NeDwRpgDNEzEFULijxIrHgAAh+QQFAwCpACwQAA4AFgAjAAAItABTCRxIsKBBVAYTCqyAYcGFVAUUGmSQQYFEhRMCXFToYKPEBh4VRgiZMEIHiQEeHKBAUqCGlgQ5WIA5cIPHCQk90Ky5UyAHkhkKEpjpsYJFgi9DYugpcEFBjSQvnDo18EHLBFOzHmhZIOtUliEFeJ0KgKTYsWVJdhg74OpYHy1FjFXScsFYES1VjDXQNqQNAmM/tEwxlkBfjwzGnnrUMohXLTpagphqAI8UmhLGpOnpIAnMgAAh+QQFAwCpACwRACUAFQAUAAAIiQAVpBo40ALBgwgTDoygUGELhA8aJvyA0ITEixgRViiAcEHGgTA+KgSRcISAjysOnjoV4iOPgStjuvj4IqbNECcv4mBhM+aIARhjIOi5ksAHoBIPECC60kCAEwcomEl4oADTnjkU5uB5daVBhSj+dD0F4CIIKFdzXqSRYmlMjiJLqPjQggWJVAEBACH5BAUDAKkALBEADwAjACoAAAjWAFMJHEiwoEEABhMqXEgQIcOHEB1CnJhQIsWLAi1ipKhxI0QBHkOKHEmypMmTKFOqXMmypcuXMGPKPFmgIAWYB1RegLmgYACVGGIqKKhBZQaDFlIyMMhB5c+CG1JOSOghpYSEUTEKCHHGoAMICTkknThgxCkCdQw2WFiU4YAPBE7JRVPFYIQODB9kBDAgQggRBuQKPsWijV0EEAcrVmwiYQOwDBdLJpFDoYOrCyUrloDi4YSnBjXLXTGVIoMMQwdqLpACRMgKGBZcSFBALoEELT6oKJEwIAAh+QQFAwCpACwoACcAEwASAAAIeABTCRxIUCCNSjgKKiwo4tSRJ5zmIFlIcICBUxgxqqA48ENGjARscEw1QMHHU0JGCpBx8hSDkQ9arhipp+WpCSNt7uAoI1VLEg4oKhj4sUAMgj5OmFgI8sBIhQicPiXIosFUgi+CXk0VAMRWAqlePiUhItWMrakCAgAh+QQFAwCpACwnAB8AFAAaAAAIjwBTCRxIsGAqKWQMyTHIsAqTAApOnfrB0OANiRiXVCyoA6PEAhsJAvAoMeTAkSRNCqRAEqTKAyQTqEz1gOSFmQFSeVww0yAGlRoKKqhg0gKBghlUcuhJcIPBnCE9MB3o1KCEjRaWGoSwUcNRgwgaEKRw4AFUhh0iTBWodirXtVfXTmCqIKnKAgkuLMBAdGZAACH5BAUDAKkALDIAGAAJAAwAAAhGAFEJFEhm4EAnXk6BGCggEJFTp1YIHCACosU0qCjUsAgxhUANHE8RwIFKh4GQKgQGCLlAIJeQIgT2CJlAYJ6QHQSWCnkqIAAh+QQFAwCpACwvABQADAAQAAAIXABTCUwV4cDAgwIbICBgEGEqC2NOnUJgBWESShIlskAxMAqQjBkTHYRkAOSpVBMOGgEpMMBBASNOHgRxcAABhBkQfnBYoqbDKQ6DHgyB8AfChkJT6UBYACEAhwEBACH5BAUDAKkALC0AEQAOABMAAAhoAFMJdCKwoMGCfQrsQHHw4KBTp0g0aCgQjgGIpwr0aChgBUaIHRqK+nhKYIGJBQe0wGiQxEEBXEoeBNUQk0yDNCg2DEKxRUMGOg8CominoY2gBmdQvIK0oJGDIijeaCrQ1MGQDZM0DAgAIfkEBQMAqQAsKwAQABAAFAAACGoAU6X6wkCgwYMH85w6BQUEwod4Fi5M5eChwCgJJBqMYfGAxFMHDzxco/EggRsIB3xQYBGBxVRFLEJAYvGERQkv+Vh0WPPhipepZDykAfRhCqAfHlYoilAFUBNMD36JalAk1VQDrqYC8DAgACH5BAUDAKkALCkADwASABQAAAhdAFNtUWEjlcGDCBN+OkVASMKHBzOcOmVwxQSICBNMxPhwwESKHBHK2RgS4Q0RBjge4EigJEQZGB1wfABxh8ubJQOUHIETYYGeHEuUPJJwBtBUH0qeOOojIYmjBAICACH5BAUDAKkALCgADwATABMAAAhjAAe0WJCqoMGDCFMdOHUqoUODHhgeDPDQ4AKJCF9UtNTQIYQGDsV0dIjgRkIGJ0xUXFlQgcMCOVg6ZIFiZQiHElhikenwJsIVPBOCkEkg6MoCPA0gVCFThFGDPg22kBkBYYKAACH5BAUDAKkALCcADwAUABQAAAhnAJWQEMFkRolUCBMqVKjhVMICMEAsnJgqg8OFKyRSRDji4kQJKDY+8TiRRAyKEEhOLHBg4oAIIURsnLmQAEUENDlSJIEj5wOKL3KmKkORh9CjSJMqVbhgoo2lSk1ATfVz6lQLCxUEBAAh+QQFAwCpACwmAA8AFQATAAAIZgCbKEhwYQGGVAgTKlxo5JRCAhloLJyYapLDiQEoKvxwkeIbjansdKQIQeObkRQRULRB4cCJjCBjJlSgsYHMVDJI3twZ0wVPig8mQuGZc6HEnwphIF1YYWnCg05TLYia6gLPAxMDAgAh+QQFAwCpACwmAA8AFQAUAAAIXwCJFFjyI1WqCgYTKlxIZKECIQwWSkzVcGKqCRYNVrQowYFFBRkTNph4KmTCCBIBGHxgImMNlCZjhhwh02KIiRJqTsSoU+GVmjQXRpQJUqGQngqLIl3KtKlTgxQWFggIACH5BAUDAKkALCUADgAVABIAAAhOAAUISEWwoMGDB0+lSnABoUODCg9meJiQosVUES86zKixo8eCASh20KiBwMeDFjg8dKBxw8mDHl4adHkwZEeVMlNZMGlwYkcNOYOCPBgQACH5BAUDAKkALAAAAAABAAEAAAgEAFMFBAAh+QQFAwCpACwAAAAAAQABAAAIBABTBQQAIfkEBQMAqQAsAAAAAAEAAQAACAQAUwUEACH5BAUDAKkALAAAAAABAAEAAAgEAFMFBAAh+QQFAwCpACwAAAAAAQABAAAIBABTBQQAIfkEBQMAqQAsAAAAAAEAAQAACAQAUwUEACH5BAUDAKkALBAADwAWABUAAAhqAFMJHEiwoI0zqX4IpFKwIUECBRk6HAhiYiqJE/9YTCVmYoyNAhOA3Ciy4IEaFkWEEOhgpEAFHzbimChjAMgXDle6bOjCJZSGOkHSaChjJ4yCCmy6LFBwwc6nLk1AnUrV4ZCGFnYCqCowIAAh+QQFAwCpACwRAA8AFQAUAAAIawBTCRxIkGAJFR9EkBABoKDDVCBSKCAopuHDgUAeMrLoEIWEi6kQcCSYgwVIgUkcHihwUqAOhwRABjgRQUcUkhdjnjTpcETLnxd5PMTycwVQhyB6Ak1RUOfRpwNVQCX4YerAFlYvRjg6MWtAACH5BAUDAKkALBAADwAWABQAAAhoAFMJHEiw4MAiqFAZXJiKgRACA7coZEgwgME0Exk6eMHQQ0aDDSBQ1IAKwMIbCCimQmhSpUETqXgkNFhgoQKXKFyqlKCTIYieQIMKHaqyhMEPPVsSTaV0oAigTQWGgLpUIACIBAcADQgAIfkEBQMAqQAsEAAPABQAFAAACGkAUwkcSLAgjj2oUBVcSDBFgSkJFTIkuGJgpogTU6FYmABjRoZWEn5kqETkyIIaTA6MMZFARgckGMr4uIPhiY8TGJY5ybMgg4UzR8IoqICny54CUc1Y2GekRKRJRRS8eTImQR88a0AVGBAAIfkEBQMAqQAsEAAPABIAFQAACG8AUwkcSLAgKlQFEw48eFBhwgYMETokKCLixFQkBvawmPBAwTACGF4kuEkkwQYIFFJpSBCJQw4UFEpQ2MghCIUeJgZJuGFkwRYXUxQkcNFGQg0XVSS0cHFBwQA+C/aciCpBwRsXh3QoWCUqwSQXAwIAIfkEBQMAqQAsEAARAA8AEwAACGMAUQkcSLCgwYMIEx4UoHBghABIGsZAcIpORIQOIJzaSAcFQgkbQ5qwYXBCyJN3DAY4uTGEQQYsT41gWDADSwUDDFZQwPLDQQwsDeQ0uIClCIQXWLo8mIDlAYQFWFJYGBPAwYAAIfkEBQMAqQAsEgAUAAoADQAACC0AUQkcSLCgwYMIEypcSHBIQhhPOnUxWODUqUVMBhC0yPEIgIEcLZrYGPIBwYAAIfkEBQMAqQAsEAAbABwAHwAACJsAU6VCJbCgwYMIE6JaSDChQ4UMGT6cKDBiRIoPLS7EmFEjR4caG348GHIkyZImC4YUmXKgx5YVUaGo4+JDA5gCP4wxeAJnqg8+Ec4IerAEgYNAcaY4WGAAThoIRxA9+AAniIQucL5IGGKqwRFOveZs2aPGQxEhIoTFeKCA2FQ5WLxF8VYgCCB1QcBwK7aEig8tUh19KwCA4cMBAQAh+QQFAwCpACwRACYAGwAUAAAIawBTpUJFkKDAgwgTKizIUKFDhwwLPpx4MKJEig8tGsSYUSNHiBpRfVzocSTCkCJNVtTYRaVAjQK8yHA5MKIagQpoMmRwROEJHyMJOilEc+Gaog4d7EDqcMIVpgoZpCIANeGMVCJI1Kh60mJAACH5BAUDAKkALBkAJQAiABQAAAiOAFMJHEiwoEGDAwrWOMiw4UAfBUk4nGjwREERFDMKxEjwg8aPBGeAdOiRIIESIxkOUFAQRkqGRV5mDCGToh4DFFGhGknT4I6COnVqHDDioESgQYWSLHCwQAykSaMmjdKiIYEDUKVqRRWkIdasW6N+OciCYditIHxOPBvVzKWBV9JmZBvUC4EUL+kOQJkxIAAh+QQFAwCpACwpACUAEgAUAAAISABRCRxIEBWFUwgRFijI8EBChAkYFnzw8NQFiQRNVFyAUSCAIxUxdBRI4UMkhRVGDhyCJQwMlQxLwJxJs6bNmzhz6tzJs6fEgAAh+QQFAwCpACwlAA4AFgAfAAAIjABRoUpFsKDBgwhT1SAh4sMMGwkjIiQAQ6JFgytAXNyIYqNEEjk8RixwAKGAVAN8nBAhsUaPjR9ERhwwIiGLjhtDyExYJqFGjycQBpFZ8yANkQMQppAZ06CWkzINBFHDRqDMOVsEapWptSvXrlZFgg3rcexAsWO/glXrFe1at203mj1bNu3OuDsJDgwIACH5BAUDAKkALCUADgAWABIAAAhnAAUISEWwoMGDCFMpSHBhAYYKCSMiLJAKhMSLBYHwwIjxBQ6OEiE0ABkRQQSEqFJZOPDAREQ0MVJiXHAQgRtUOEkSRAAGp0+QDxTQ8PkTZBuiREkiLcpxKVOMTmWCjKoUqU6COQ0GBAAh+QQFAwCpACwnAA8ADgALAAAIPAALLBnxYUoJVAgTIjzFkCGBDCAULmzYcIREVBQbMriY8ZSWixgzzgCp48YJEwYkCQCpcAAZljBjypwZEAAh+QQFAwCpACwpAA8ABgAIAAAIGwBHkEJFENUpQQUNgklYI0vCFQlRLYh4KKLFgAAh+QQFAwCpACwnAA8ABAAHAAAIFQAhoBr4ZCCqEQZfGGRi0I/BLAYDAgAh+QQFAwCpACwmAA8AAgAHAAAIDgCboBLoB5ULgwj3oAoIACH5BAUDAKkALCUADgACAAgAAAgJAFEJHEiwIKqAACH5BAUDAKkALAAAAAABAAEAAAgEAFMFBAAh+QQFAwCpACwAAAAAAQABAAAIBABTBQQAIfkEBQMAqQAsAAAAAAEAAQAACAQAUwUEACH5BAUDAKkALAAAAAABAAEAAAgEAFMFBAAh+QQFAwCpACwAAAAAAQABAAAIBABTBQQAOw==");
background-repeat: no-repeat;
background-position: 50% 50%
}
.u-nav-wrapper .u-nav-primary-link .u-nav-primary-img {
display: block;
z-index: 1;
width: 100%;
opacity: 0;
-webkit-transition: opacity 0.15s;
transition: opacity 0.15s;
-webkit-transform: scale3d(1, 1, 1)
}
.u-nav-wrapper .u-nav-primary-link .u-nav-primary-img.opacity1 {
opacity: 1
}
.u-nav-wrapper .u-nav-primary-link:hover .u-nav-primary-img, .u-nav-wrapper .u-nav-primary-link:active .u-nav-primary-img, .u-nav-wrapper .u-nav-primary-link:focus .u-nav-primary-img {
opacity: 0.9
}
.u-nav-wrapper .u-nav-primary-caption {
display: block;
padding: 0.6875em 0 0.25em 0
}
.u-nav-wrapper .u-nav-primary-6up .u-nav-primary-col1.u-nav-primary-row2 {
padding-top: 36px
}
.u-nav-wrapper .u-nav-primary-col2.u-nav-primary-row1, .u-nav-wrapper .u-nav-primary-col3.u-nav-primary-row1 {
position: absolute;
top: 0
}
.u-nav-wrapper .u-nav-primary-col2.u-nav-primary-row2, .u-nav-wrapper .u-nav-primary-col3.u-nav-primary-row2 {
position: absolute;
bottom: 0
}
.u-nav-wrapper .u-nav-primary-col2 {
left: 34.51537%
}
.u-nav-wrapper .u-nav-primary-col3 {
left: 69.03073%
}
.u-nav-wrapper .u-nav-secondary {
box-sizing: border-box;
overflow: hidden;
*zoom: 1;
background: #fff;
margin-top: 48px;
padding-top: 15px;
padding-left: 1.18%
}
.u-nav-wrapper .u-nav-secondary li:nth-child(5n+0) {
clear: both
}
.u-nav-wrapper .u-nav-secondary-li {
padding-bottom: 21px;
float: left;
width: 21.5%;
margin-left: 2.52%
}
.u-nav-wrapper .u-nav-secondary-link {
display: inline-block;
color: #4572ed;
margin-bottom: 0
}
.u-nav-wrapper .u-nav-secondary-link:hover, .u-nav-wrapper .u-nav-secondary-link:active, .u-nav-wrapper .u-nav-secondary-link:focus {
color: #3c4c74
}
.u-nav-wrapper .u-nav-secondary-desc {
display: block;
color: #83838f
}
.u-nav-wrapper .label-success {
position: absolute;
top: 0;
right: 0;
z-index: 10;
margin: 0;
font-size: 0.916666666666667em;
line-height: 1.5
}
@media (min-width: 75em) {
.u-nav-wrapper .u-nav-primary-col2 {
left: 34.5098%
}
.u-nav-wrapper .u-nav-primary-col3 {
left: 69.01961%
}
}
@media (max-width: 61.1875em) and (min-width: 48em) {
.u-nav-wrapper .u-nav-primary-col2 {
left: 34.46154%
}
.u-nav-wrapper .u-nav-primary-col3 {
left: 68.92308%
}
.u-nav-wrapper .u-nav-secondary {
margin-top: 26px;
padding-top: 12px;
padding-left: 1.69%
}
.u-nav-wrapper .u-nav-secondary li:nth-child(5n+0) {
clear: none
}
.u-nav-wrapper .u-nav-secondary li:nth-child(4n+0) {
clear: both
}
.u-nav-wrapper .u-nav-secondary-li {
width: 28.85%;
margin-left: 2.92%
}
}
.u-nav-last-tabindex {
position: absolute;
left: -9999px
}
@media (max-width: 47.9375em) {
.u-nav-wrapper {
display: none
}
}
.scroll-to-top {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
position: relative;
margin-top: -5em;
margin-bottom: 3.125em;
background: none !important;
pointer-events: none;
z-index: 1030
}
.scroll-to-top.fixed {
position: fixed;
right: 0;
left: 0;
bottom: 50px;
margin: 0 auto
}
.scroll-to-top a {
pointer-events: auto;
z-index: 1030;
margin-right: 20px;
float: right;
display: block;
width: 2.5em;
height: 2em;
line-height: 2em;
border: none;
border-radius: .125em;
padding: 0;
background-color: #212530;
background-color: rgba(33, 37, 48, 0.4);
border: none;
text-align: center;
cursor: pointer;
-webkit-transition: 0.2s ease-out;
transition: 0.2s ease-out
}
.scroll-to-top a:hover {
background-color: #2f353d;
background-color: rgba(33, 37, 48, 0.8)
}
.scroll-to-top a i {
color: #fff;
-webkit-font-smoothing: antialiased
}
body.modal-open {
overflow: hidden
}
.modal-open .modal .dropdown-menu {
z-index: 2050
}
.modal-open .modal .dropdown.open {
*z-index: 2050
}
.modal-open .modal .popover {
z-index: 2060
}
.modal-open .modal .tooltip {
z-index: 2080
}
.modal-open .modal .dropdown-toggle-alt {
z-index: 2051
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.8)
}
.modal-backdrop.fade {
opacity: 0
}
.modal-backdrop, .modal-backdrop.fade.in {
opacity: 0.7
}
.no-opacity .modal-backdrop, .no-opacity .modal-backdrop.fade.in {
visibility: visible
}
.modal-backdrop.dark {
background-color: #212530
}
.modal-backdrop.dark.in {
opacity: 0.1
}
.no-opacity .modal-backdrop.dark.in {
visibility: visible
}
.modal {
position: fixed;
top: 50%;
left: 0;
z-index: 1050;
width: 100%;
height: 34.375em;
margin-top: -17.1875em
}
.modal.fade {
-webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
transition: opacity 0.3s linear, top 0.3s ease-out;
top: -25%
}
.modal.fade.fade-only {
top: 50%
}
.modal.fade.in {
top: 50%
}
.modal:focus {
outline: none
}
.modal .flowplayer {
display: block
}
.modal-header {
padding: 2.5em 2.5em 1.25em
}
.modal-header .close {
margin-top: 2px
}
.modal-header h3 {
margin: 0
}
.modal-inner {
position: relative;
width: 100%;
overflow: auto;
background-color: #fff;
-webkit-box-shadow: 0 0 1.875em rgba(39, 43, 55, 0.15);
box-shadow: 0 0 1.875em rgba(39, 43, 55, 0.15)
}
.modal-inner.transparent {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none
}
.no-boxshadow .modal-inner {
border: 1px solid #83838f
}
.modal-body {
overflow-y: auto;
padding: 2.5em
}
.modal-form {
margin-bottom: 0
}
.modal-footer {
padding: 14px 15px 15px;
margin-bottom: 0;
text-align: right;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-radius: 0 0 6px 6px;
-webkit-box-shadow: inset 0 1px 0 #fff;
box-shadow: inset 0 1px 0 #fff;
*zoom: 1
}
.modal-footer:before, .modal-footer:after {
display: table;
content: "";
line-height: 0
}
.modal-footer:after {
clear: both
}
.modal-footer .btn + .btn {
margin-left: 5px;
margin-bottom: 0
}
.modal-footer .btn-group .btn + .btn {
margin-left: -1px
}
.takeover {
top: 0;
left: 0;
margin: 0;
width: 100%;
height: 100%;
border: none
}
.takeover.fade.in {
top: 0
}
.takeover .modal-inner {
overflow: visible;
-webkit-box-shadow: none;
box-shadow: none
}
.takeover .modal-header {
position: relative;
padding: 4.375em 0 1.875em;
border: none
}
.takeover .modal-header .box-close {
top: 1.25em
}
.takeover .modal-header h3 {
margin-top: -8px
}
.takeover .modal-header > button, .takeover .modal-header > .sort-options {
margin: 0 0 0 8px
}
.takeover .modal-body {
overflow-x: hidden;
overflow-y: visible;
max-height: none;
padding: 1.125em 0 0;
background: #f3f4f6;
-webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.12), inset 0 0 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.12), inset 0 0 1px rgba(0, 0, 0, 0.2)
}
.share-tool .modal-inner {
overflow: visible
}
.share-tool .share-menu {
display: block;
position: relative;
z-index: 1;
margin: auto;
float: none;
width: 12.6875em;
border: 0;
opacity: 1
}
.share-tool .share-menu:before {
content: none
}
.tooltip {
position: absolute;
z-index: 1030;
display: block;
visibility: visible;
padding: .3125em;
opacity: 0
}
.no-opacity .tooltip {
visibility: hidden
}
.tooltip.in {
opacity: 1
}
.no-opacity .tooltip.in {
visibility: visible
}
.tooltip.top {
margin-top: -3px
}
.tooltip.right {
margin-left: 3px
}
.tooltip.bottom {
margin-top: 3px
}
.tooltip.left {
margin-left: -3px
}
.tooltip.offsettop {
margin-top: 4px
}
.tooltip.gallery-tooltip {
padding-left: 0;
padding-right: 0
}
.tooltip-inner {
max-width: 200px;
padding: 14px 20px 13px;
color: #fff;
font-size: 0.6875em;
text-transform: uppercase;
text-align: center;
text-decoration: none;
background-color: #2f353d;
white-space: nowrap
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid
}
.tooltip.top .tooltip-arrow, .tooltip.offsettop .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -0.3125em;
border-width: 0.3125em 0.3125em 0;
border-top-color: #2f353d
}
.tooltip.offsettop .tooltip-arrow {
left: 30px
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -0.3125em;
border-width: 0.3125em 0.3125em 0.3125em 0;
border-right-color: #2f353d
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -0.3125em;
border-width: 0.3125em 0 0.3125em 0.3125em;
border-left-color: #2f353d
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -0.3125em;
border-width: 0 0.3125em 0.3125em;
border-bottom-color: #2f353d
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1010;
display: none;
padding: 1px;
text-align: left;
background-color: #fff;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
-webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.12);
box-shadow: 0 0 35px rgba(0, 0, 0, 0.12);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.popover.top {
margin-bottom: 10px
}
.popover.right {
margin-left: 10px
}
.popover.bottom {
margin-top: 10px
}
.popover.left {
margin-right: 10px
}
.popover.offsetright {
margin-top: -7px
}
.no-boxshadow .popover {
border: 1px solid #83838f
}
.popover-title {
margin: 0;
padding: 30px 32px 20px;
font-size: 1.125em
}
.popover-content {
padding: 0 2em 2.75em
}
.popover-content > p, .popover-content ul, .popover-content ol {
margin-bottom: 0
}
.popover .twoup {
*zoom: 1
}
.popover .twoup:before, .popover .twoup:after {
display: table;
content: "";
line-height: 0
}
.popover .twoup:after {
clear: both
}
.popover .twoup .popover-col {
float: left;
width: 48%
}
.popover .twoup .popover-col:nth-child(even) {
margin-left: 4%
}
.popover .arrow {
position: absolute;
display: inline-block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid
}
.popover.offsetright .arrow {
bottom: -10px;
left: auto;
right: 20px;
margin-left: -10px;
border-width: 10px 10px 0;
border-top-color: #fff
}
.popover.bottom .arrow {
top: -10px;
left: 50%;
margin-left: -10px;
border-width: 0 10px 10px;
border-bottom-color: #fff
}
.media, .media-body {
overflow: hidden;
*overflow: visible;
*zoom: 1
}
.media, .media .media {
margin-top: 15px
}
.media:first-child {
margin-top: 0
}
.media p:last-child {
margin-bottom: 0
}
.media-object {
display: block
}
.media-heading {
margin: 0 0 5px
}
.media .pull-left {
margin-right: 10px
}
.media .pull-right {
margin-left: 10px
}
.media-list {
margin-left: 0;
list-style: none
}
.label {
padding: 4px 10px;
color: #fff;
vertical-align: baseline;
white-space: nowrap;
background-color: #f25529;
margin: 0
}
a.label:hover {
color: #fff;
text-decoration: none;
cursor: pointer
}
.label-success, .badge-success {
background-color: #22c083
}
.label-success[href], .badge-success[href] {
background-color: #1a9565
}
.btn .label {
position: relative;
top: -1px
}
.btn-mini .label {
top: 0
}
.label-close {
cursor: pointer;
color: #2f353d;
background: none;
padding: 0
}
.label-close:after {
-webkit-transition: 0.2s ease-out;
transition: 0.2s ease-out;
margin-left: 6px;
font-size: 16px;
color: #bcbccc
}
.label-close:hover:after {
color: #2f353d
}
.range-control {
position: relative;
width: inherit;
height: 14px;
background: #bcbccc;
border-radius: 14px;
-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3)
}
.range-control.vertical {
width: 14px;
height: 200px
}
.range-control .ambit {
z-index: 3;
height: 14px;
background: #3c3c42;
border-radius: 14px
}
.range-control.vertical .ambit {
width: 14px;
height: auto
}
.range-control .handle {
position: absolute;
top: 0;
z-index: 5;
margin-top: 0;
width: 14px;
height: 14px;
border-radius: 50%;
background: #fff;
-webkit-box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.12), 0 0 9px #fff;
box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.12), 0 0 9px #fff;
-webkit-transition: -webkit-transform 0.1s linear, box-shadow 0.1s linear;
transition: transform 0.1s linear, box-shadow 0.1s linear;
cursor: ew-resize;
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab
}
.no-csstransforms .range-control .handle {
border: 2px solid #fff
}
.no-csstransforms .range-control .handle.grabbed, .no-csstransforms .range-control .handle:hover {
border-width: 12px;
margin-top: -6px;
margin-left: -14px
}
.csstransforms.touch .range-control .handle {
-webkit-transform: scale(1.4) translateZ(0);
-ms-transform: scale(1.4) translateZ(0);
transform: scale(1.4) translateZ(0);
-webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12)
}
.csstransforms .range-control .handle {
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0)
}
.csstransforms .range-control .handle.grabbed, .csstransforms .range-control .handle:hover {
-webkit-transform: scale(1.7) translateZ(0);
-ms-transform: scale(1.7) translateZ(0);
transform: scale(1.7) translateZ(0);
-webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12)
}
.range-control .rangecontrol-min-handle {
left: 0%;
margin-left: -2px
}
.range-control .rangecontrol-max-handle {
left: 100%;
margin-left: -12px
}
.grabbing .range-control .handle, .range-control .handle:active {
cursor: ew-resize;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing
}
.range-output-container {
position: relative;
height: 25px
}
.range-output-container sup {
top: -0.3em;
margin-right: 1px
}
.range-output-min, .range-output-max {
position: absolute;
top: 0;
text-align: center;
-webkit-transition: color 0.15s ease-out;
transition: color 0.15s ease-out
}
.range-output-min {
-webkit-transform: translate(4px, 0) translateZ(0);
-ms-transform: translate(4px, 0) translateZ(0);
transform: translate(4px, 0) translateZ(0)
}
.range-output-max {
-webkit-transform: translate(-6px, 0) translateZ(0);
-ms-transform: translate(-6px, 0) translateZ(0);
transform: translate(-6px, 0) translateZ(0)
}
.grabbing-min .range-output-min, .grabbing-max .range-output-max {
color: #f25529
}
.slide-toggle {
background: #2f353d
}
.slide-toggle:hover {
background: #504d56
}
.slide-toggle i {
position: absolute;
right: 1.5em;
margin-top: 2px;
font-size: 16px
}
.slide-toggle.collapsed {
background: #f25529
}
.slide-toggle.collapsed:hover {
background: #d94c25
}
.slide-toggle-parent {
margin-bottom: 1.5em;
-webkit-backface-visibility: hidden
}
.slide-toggle-target {
background: #e4e7eb;
-webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.12), inset 0 0 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.12), inset 0 0 1px rgba(0, 0, 0, 0.2)
}
.csstransforms .slide-toggle-arrow {
position: absolute;
top: -8px;
left: 175px;
width: 16px;
height: 16px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
background: #e4e7eb;
-webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.12), inset 0 0 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.12), inset 0 0 1px rgba(0, 0, 0, 0.2)
}
div.slide-arrow-under, div.slide-arrow-over {
position: relative;
max-width: 1295px;
-webkit-transition: opacity 0.35s ease;
transition: opacity 0.35s ease
}
.slide-arrow-over {
z-index: 10
}
.csstransforms .slide-arrow-over .slide-toggle-arrow {
top: 0;
left: 173px;
width: 20px;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-box-shadow: none;
box-shadow: none
}
.sticky-tabs {
position: relative;
background-color: #e4e7eb
}
.sticky-tabs .tabs-container {
position: relative;
overflow: hidden
}
.sticky-tabs.tab-carousel .tabs-container {
overflow: visible
}
.no-csstransforms .sticky-tabs .grid {
position: relative;
height: 6.125em
}
.no-csstransforms .sticky-tabs .grid .relative {
height: 6.125em
}
.sticky-tabs .tabs {
z-index: 1;
height: 6.125em
}
.no-csstransforms .sticky-tabs .tabs {
overflow: hidden
}
.sticky-tabs .tab {
position: relative;
top: 0;
left: 0;
z-index: 1;
display: inline-block;
width: 7.625em;
padding: 0;
height: 6.125em;
cursor: pointer;
overflow: visible;
text-align: left;
border: none;
background: none;
-webkit-box-shadow: 1px 0 0 #fff;
box-shadow: 1px 0 0 #fff;
-webkit-transition: background-color 0.15s ease-out, box-shadow 0.15s ease-out, color 0.15s ease-out;
transition: background-color 0.15s ease-out, box-shadow 0.15s ease-out, color 0.15s ease-out;
-webkit-user-select: none;
-moz-user-select: -moz-none;
-ms-user-select: none;
user-select: none
}
.sticky-tabs .tab:focus, .sticky-tabs .tab:hover {
background-color: #f1f5f9
}
.no-touch .sticky-tabs .tab:active, .sticky-tabs .tab.active {
background-color: #fff;
box-shadow: 0 0.1875em 0 #fff, 0 0 0.25em 0.0625em rgba(0, 0, 0, 0.15)
}
.sticky-tabs .tab.active {
z-index: 2
}
.sticky-tabs .tab-nav-btns {
display: none
}
.sticky-tabs .tab-nav {
position: absolute;
z-index: 5;
top: 1.4375em;
margin-top: 0
}
.sticky-tabs .tab-nav-prev {
left: -1.5%
}
.sticky-tabs .tab-nav-next {
right: -1.5%
}
.no-touch .sticky-tabs.tab-carousel .tab-nav-btns {
display: block
}
.sticky-tabs.tab-carousel .grid {
border-right: 1px solid transparent;
border-right-color: rgba(255, 255, 255, 0);
border-left: 1px solid transparent;
border-left-color: rgba(255, 255, 255, 0);
-webkit-transition: 0.2s ease-out;
transition: 0.2s ease-out
}
.sticky-tabs.tab-carousel .has-content-left {
border-left-color: #fff;
-webkit-box-shadow: inset 2px 0 5px -1px rgba(0, 0, 0, 0.12);
box-shadow: inset 2px 0 5px -1px rgba(0, 0, 0, 0.12)
}
.sticky-tabs.tab-carousel .has-content-right {
border-right-color: #fff;
-webkit-box-shadow: inset -2px 0 5px -1px rgba(0, 0, 0, 0.12);
box-shadow: inset -2px 0 5px -1px rgba(0, 0, 0, 0.12)
}
.pull-right {
float: right
}
.pull-left {
float: left
}
.hide {
display: none
}
.show {
display: block
}
.off-screen {
position: absolute;
left: -9999px
}
.relative {
position: relative
}
.ib {
display: inline-block
}
.opacity0 {
opacity: 0
}
.opacity1 {
opacity: 1
}
.no-transition {
-webkit-transition: none;
transition: none
}
.transition-height {
-webkit-transition: height 0.25s ease-out 0s;
transition: height 0.25s ease-out 0s
}
.transition-width {
-webkit-transition: width 0.25s ease-out 0s;
transition: width 0.25s ease-out 0s
}
.grab {
cursor: all-scroll;
cursor: url(../img/openhand.cur) 8 8, move;
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab
}
.grab.grabbing, .grabbing {
cursor: all-scroll;
cursor: url(../img/closedhand.cur) 8 8, move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing
}
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
*text-indent: -9999px
}
.ir:before {
content: "";
display: block;
width: 0;
height: 100%
}
.hidden {
display: none !important;
visibility: hidden
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto
}
.invisible {
visibility: hidden
}
.hidden-text {
display: block;
line-height: 0.1em;
font-size: 0.1em;
text-indent: -9999px;
overflow: hidden
}
.visible-desktop {
display: inherit !important
}
.visible-tablet {
display: none !important
}
.visible-phone {
display: none !important
}
.hidden-desktop {
display: none !important
}
.clearfix {
*zoom: 1
}
.clearfix:before, .clearfix:after {
display: table;
content: "";
line-height: 0
}
.clearfix:after {
clear: both
}
.hide-text {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0
}
.input-block-level {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.text-right {
text-align: right
}
.text-center {
text-align: center
}
.text-left {
text-align: left
}
.text-uppercase {
text-transform: uppercase
}
.text-default {
color: #2f353d
}
.text-dark {
color: #2f353d
}
.text-med-dark {
color: #83838f
}
.text-med-light {
color: #bcbccc
}
.text-light {
color: #fff
}
.ghost-center-wrap {
font-size: 0
}
.ghost-center-wrap:before {
content: '';
display: inline-block;
vertical-align: middle;
width: 0;
height: 100%
}
.ghost-center-wrap .ghost-center {
display: inline-block;
max-width: 100%;
max-height: 100%;
vertical-align: middle;
font-size: 16px
}
.ghost-center.v-bottom {
vertical-align: bottom
}
.table-center-wrap {
display: table;
table-layout: fixed
}
.table-center {
display: table-cell;
vertical-align: middle
}
.star-holder {
position: relative;
top: .25em;
display: inline-block;
width: 1em;
height: 1em;
line-height: 1
}
.star-holder .fonticon-10-star, .star-holder .fonticon-10-star-half {
position: absolute;
top: 0;
left: 0
}
.star-holder .fonticon-10-star {
z-index: 1
}
.star-holder .fonticon-10-star-half {
display: none;
z-index: 2
}
[data-stars] .fonticon-10-star {
color: #bcbccc
}
[data-stars] .reviews-text {
line-height: 1;
margin: 0;
color: #83838f
}
[data-stars="1"] .star-holder:nth-child(-n+1) .fonticon-10-star, [data-stars="2"] .star-holder:nth-child(-n+2) .fonticon-10-star, [data-stars="3"] .star-holder:nth-child(-n+3) .fonticon-10-star, [data-stars="4"] .star-holder:nth-child(-n+4) .fonticon-10-star, [data-stars="5"] .star-holder:nth-child(-n+5) .fonticon-10-star, [data-stars="0.5"] .star-holder:nth-child(-n+0) .fonticon-10-star, [data-stars=".5"] .star-holder:nth-child(-n+0) .fonticon-10-star, [data-stars="1.5"] .star-holder:nth-child(-n+1) .fonticon-10-star, [data-stars="2.5"] .star-holder:nth-child(-n+2) .fonticon-10-star, [data-stars="3.5"] .star-holder:nth-child(-n+3) .fonticon-10-star, [data-stars="4.5"] .star-holder:nth-child(-n+4) .fonticon-10-star, [data-stars="0.5"] .star-holder:nth-child(1) .fonticon-10-star-half, [data-stars=".5"] .star-holder:nth-child(1) .fonticon-10-star-half, [data-stars="1.5"] .star-holder:nth-child(2) .fonticon-10-star-half, [data-stars="2.5"] .star-holder:nth-child(3) .fonticon-10-star-half, [data-stars="3.5"] .star-holder:nth-child(4) .fonticon-10-star-half, [data-stars="4.5"] .star-holder:nth-child(5) .fonticon-10-star-half {
display: inline-block;
color: #f25529
}
.el-hidden {
display: block;
position: absolute;
-webkit-backface-visibility: hidden;
opacity: 0;
visibility: hidden;
right: auto;
left: -9999px;
-webkit-transition: opacity 0.15s ease-in 0s, left 0s linear 0.15s, visibility 0s linear 0.15s;
transition: opacity 0.15s ease-in 0s, left 0s linear 0.15s, visibility 0s linear 0.15s
}
.el-shown {
opacity: 1;
visibility: visible;
right: auto;
left: 0;
-webkit-transition: opacity 0.15s ease-in 0s, left 0s linear 0s, visibility 0s linear 0s;
transition: opacity 0.15s ease-in 0s, left 0s linear 0s, visibility 0s linear 0s
}
.social-label {
display: inline-block;
vertical-align: middle;
margin: 0
}
.social-icon {
display: inline-block;
text-align: center;
width: 2.25em;
height: 2em;
margin-right: 0.75em
}
.social-icon i {
color: #fff;
vertical-align: middle;
font-size: 1.6em;
-webkit-font-smoothing: antialiased
}
.facebook-background-color {
background-color: #3b5b99
}
.facebook-color, i.facebook-color {
color: #3b5b99
}
.twitter-background-color {
background-color: #00acee
}
.twitter-color, i.twitter-color {
color: #00acee
}
.gplus-background-color {
background-color: #db4a39
}
.gplus-color, i.gplus-color {
color: #db4a39
}
.pinterest-background-color {
background-color: #cb2027
}
.pinterest-color, i.pinterest-color {
color: #cb2027
}
.container, .container-px-width, .grid, .grid-px-width, .slimgrid, .slimgrid5, .grid5 {
margin-right: auto;
margin-left: auto;
*zoom: 1
}
.container:before, .container:after, .container-px-width:before, .container-px-width:after, .grid:before, .grid:after, .grid-px-width:before, .grid-px-width:after, .slimgrid:before, .slimgrid:after, .slimgrid5:before, .slimgrid5:after, .grid5:before, .grid5:after {
display: table;
content: "";
line-height: 0
}
.container:after, .container-px-width:after, .grid:after, .grid-px-width:after, .slimgrid:after, .slimgrid5:after, .grid5:after {
clear: both
}
.container {
width: 93.06122%;
max-width: 1400px
}
.container.full-bleed {
max-width: 1514px
}
.container.full-bleed-no-max {
max-width: 100%
}
.lt-ie10 .container {
width: 980px
}
.lt-ie10 .container.full-bleed {
max-width: 1400px
}
.lt-ie10 .container.full-bleed-no-max {
width: 100%
}
.grid, .slimgrid, .slimgrid5, .grid5 {
width: 92.76316%;
max-width: 1190px
}
.grid .container, .slimgrid .container, .slimgrid5 .container, .grid5 .container {
width: auto
}
.container.full-bleed, .container.full-bleed-no-max, .grid.full-bleed, .slimgrid.full-bleed, .slimgrid5.full-bleed, .grid5.full-bleed {
width: auto
}
.grid, .grid .grid {
*zoom: 1
}
.grid:before, .grid:after, .grid .grid:before, .grid .grid:after {
display: table;
content: "";
line-height: 0
}
.grid:after, .grid .grid:after {
clear: both
}
.grid [class*=span], .grid .grid [class*=span] {
display: block;
width: auto;
float: left;
margin-left: 3.5461%;
*margin-left: 3.487%
}
.grid [class*=span]:first-child, .grid .grid [class*=span]:first-child {
margin-left: 0
}
.grid .span12, .grid .grid .span12 {
width: 100%;
*width: 99.9409%
}
.grid .span11, .grid .grid .span11 {
width: 91.37116%;
*width: 91.31206%
}
.grid .span10, .grid .grid .span10 {
width: 82.74232%;
*width: 82.68322%
}
.grid .span9, .grid .grid .span9 {
width: 74.11348%;
*width: 74.05437%
}
.grid .span8, .grid .grid .span8 {
width: 65.48463%;
*width: 65.42553%
}
.grid .span7, .grid .grid .span7 {
width: 56.85579%;
*width: 56.79669%
}
.grid .span6, .grid .grid .span6 {
width: 48.22695%;
*width: 48.16785%
}
.grid .span5, .grid .grid .span5 {
width: 39.59811%;
*width: 39.53901%
}
.grid .span4, .grid .grid .span4 {
width: 30.96927%;
*width: 30.91017%
}
.grid .span3, .grid .grid .span3 {
width: 22.34043%;
*width: 22.28132%
}
.grid .span2, .grid .grid .span2 {
width: 13.71158%;
*width: 13.65248%
}
.grid .span1, .grid .grid .span1 {
width: 5.08274%;
*width: 5.02364%
}
.grid .offset12, .grid .grid .offset12 {
margin-left: 107.0922%;
*margin-left: 106.974%
}
.grid .offset12:first-child, .grid .grid .offset12:first-child {
margin-left: 103.5461%;
*margin-left: 103.4279%
}
.grid .offset11, .grid .grid .offset11 {
margin-left: 98.46336%;
*margin-left: 98.34515%
}
.grid .offset11:first-child, .grid .grid .offset11:first-child {
margin-left: 94.91726%;
*margin-left: 94.79905%
}
.grid .offset10, .grid .grid .offset10 {
margin-left: 89.83452%;
*margin-left: 89.71631%
}
.grid .offset10:first-child, .grid .grid .offset10:first-child {
margin-left: 86.28842%;
*margin-left: 86.17021%
}
.grid .offset9, .grid .grid .offset9 {
margin-left: 81.20567%;
*margin-left: 81.08747%
}
.grid .offset9:first-child, .grid .grid .offset9:first-child {
margin-left: 77.65957%;
*margin-left: 77.54137%
}
.grid .offset8, .grid .grid .offset8 {
margin-left: 72.57683%;
*margin-left: 72.45863%
}
.grid .offset8:first-child, .grid .grid .offset8:first-child {
margin-left: 69.03073%;
*margin-left: 68.91253%
}
.grid .offset7, .grid .grid .offset7 {
margin-left: 63.94799%;
*margin-left: 63.82979%
}
.grid .offset7:first-child, .grid .grid .offset7:first-child {
margin-left: 60.40189%;
*margin-left: 60.28369%
}
.grid .offset6, .grid .grid .offset6 {
margin-left: 55.31915%;
*margin-left: 55.20095%
}
.grid .offset6:first-child, .grid .grid .offset6:first-child {
margin-left: 51.77305%;
*margin-left: 51.65485%
}
.grid .offset5, .grid .grid .offset5 {
margin-left: 46.69031%;
*margin-left: 46.5721%
}
.grid .offset5:first-child, .grid .grid .offset5:first-child {
margin-left: 43.14421%;
*margin-left: 43.026%
}
.grid .offset4, .grid .grid .offset4 {
margin-left: 38.06147%;
*margin-left: 37.94326%
}
.grid .offset4:first-child, .grid .grid .offset4:first-child {
margin-left: 34.51537%;
*margin-left: 34.39716%
}
.grid .offset3, .grid .grid .offset3 {
margin-left: 29.43262%;
*margin-left: 29.31442%
}
.grid .offset3:first-child, .grid .grid .offset3:first-child {
margin-left: 25.88652%;
*margin-left: 25.76832%
}
.grid .offset2, .grid .grid .offset2 {
margin-left: 20.80378%;
*margin-left: 20.68558%
}
.grid .offset2:first-child, .grid .grid .offset2:first-child {
margin-left: 17.25768%;
*margin-left: 17.13948%
}
.grid .offset1, .grid .grid .offset1 {
margin-left: 12.17494%;
*margin-left: 12.05674%
}
.grid .offset1:first-child, .grid .grid .offset1:first-child {
margin-left: 8.62884%;
*margin-left: 8.51064%
}
.slimgrid, .grid .slimgrid {
*zoom: 1
}
.slimgrid:before, .slimgrid:after, .grid .slimgrid:before, .grid .slimgrid:after {
display: table;
content: "";
line-height: 0
}
.slimgrid:after, .grid .slimgrid:after {
clear: both
}
.slimgrid [class*=span], .grid .slimgrid [class*=span] {
display: block;
width: auto;
float: left;
margin-left: 2.12766%;
*margin-left: 2.06856%
}
.slimgrid [class*=span]:first-child, .grid .slimgrid [class*=span]:first-child {
margin-left: 0
}
.slimgrid .span12, .grid .slimgrid .span12 {
width: 100%;
*width: 99.9409%
}
.slimgrid .span11, .grid .slimgrid .span11 {
width: 91.48936%;
*width: 91.43026%
}
.slimgrid .span10, .grid .slimgrid .span10 {
width: 82.97872%;
*width: 82.91962%
}
.slimgrid .span9, .grid .slimgrid .span9 {
width: 74.46809%;
*width: 74.40898%
}
.slimgrid .span8, .grid .slimgrid .span8 {
width: 65.95745%;
*width: 65.89835%
}
.slimgrid .span7, .grid .slimgrid .span7 {
width: 57.44681%;
*width: 57.38771%
}
.slimgrid .span6, .grid .slimgrid .span6 {
width: 48.93617%;
*width: 48.87707%
}
.slimgrid .span5, .grid .slimgrid .span5 {
width: 40.42553%;
*width: 40.36643%
}
.slimgrid .span4, .grid .slimgrid .span4 {
width: 31.91489%;
*width: 31.85579%
}
.slimgrid .span3, .grid .slimgrid .span3 {
width: 23.40426%;
*width: 23.34515%
}
.slimgrid .span2, .grid .slimgrid .span2 {
width: 14.89362%;
*width: 14.83452%
}
.slimgrid .span1, .grid .slimgrid .span1 {
width: 6.38298%;
*width: 6.32388%
}
.slimgrid .offset12, .grid .slimgrid .offset12 {
margin-left: 104.25532%;
*margin-left: 104.13712%
}
.slimgrid .offset12:first-child, .grid .slimgrid .offset12:first-child {
margin-left: 102.12766%;
*margin-left: 102.00946%
}
.slimgrid .offset11, .grid .slimgrid .offset11 {
margin-left: 95.74468%;
*margin-left: 95.62648%
}
.slimgrid .offset11:first-child, .grid .slimgrid .offset11:first-child {
margin-left: 93.61702%;
*margin-left: 93.49882%
}
.slimgrid .offset10, .grid .slimgrid .offset10 {
margin-left: 87.23404%;
*margin-left: 87.11584%
}
.slimgrid .offset10:first-child, .grid .slimgrid .offset10:first-child {
margin-left: 85.10638%;
*margin-left: 84.98818%
}
.slimgrid .offset9, .grid .slimgrid .offset9 {
margin-left: 78.7234%;
*margin-left: 78.6052%
}
.slimgrid .offset9:first-child, .grid .slimgrid .offset9:first-child {
margin-left: 76.59574%;
*margin-left: 76.47754%
}
.slimgrid .offset8, .grid .slimgrid .offset8 {
margin-left: 70.21277%;
*margin-left: 70.09456%
}
.slimgrid .offset8:first-child, .grid .slimgrid .offset8:first-child {
margin-left: 68.08511%;
*margin-left: 67.9669%
}
.slimgrid .offset7, .grid .slimgrid .offset7 {
margin-left: 61.70213%;
*margin-left: 61.58392%
}
.slimgrid .offset7:first-child, .grid .slimgrid .offset7:first-child {
margin-left: 59.57447%;
*margin-left: 59.45626%
}
.slimgrid .offset6, .grid .slimgrid .offset6 {
margin-left: 53.19149%;
*margin-left: 53.07329%
}
.slimgrid .offset6:first-child, .grid .slimgrid .offset6:first-child {
margin-left: 51.06383%;
*margin-left: 50.94563%
}
.slimgrid .offset5, .grid .slimgrid .offset5 {
margin-left: 44.68085%;
*margin-left: 44.56265%
}
.slimgrid .offset5:first-child, .grid .slimgrid .offset5:first-child {
margin-left: 42.55319%;
*margin-left: 42.43499%
}
.slimgrid .offset4, .grid .slimgrid .offset4 {
margin-left: 36.17021%;
*margin-left: 36.05201%
}
.slimgrid .offset4:first-child, .grid .slimgrid .offset4:first-child {
margin-left: 34.04255%;
*margin-left: 33.92435%
}
.slimgrid .offset3, .grid .slimgrid .offset3 {
margin-left: 27.65957%;
*margin-left: 27.54137%
}
.slimgrid .offset3:first-child, .grid .slimgrid .offset3:first-child {
margin-left: 25.53191%;
*margin-left: 25.41371%
}
.slimgrid .offset2, .grid .slimgrid .offset2 {
margin-left: 19.14894%;
*margin-left: 19.03073%
}
.slimgrid .offset2:first-child, .grid .slimgrid .offset2:first-child {
margin-left: 17.02128%;
*margin-left: 16.90307%
}
.slimgrid .offset1, .grid .slimgrid .offset1 {
margin-left: 10.6383%;
*margin-left: 10.52009%
}
.slimgrid .offset1:first-child, .grid .slimgrid .offset1:first-child {
margin-left: 8.51064%;
*margin-left: 8.39243%
}
.slimgrid5, .grid .slimgrid5 {
*zoom: 1
}
.slimgrid5:before, .slimgrid5:after, .grid .slimgrid5:before, .grid .slimgrid5:after {
display: table;
content: "";
line-height: 0
}
.slimgrid5:after, .grid .slimgrid5:after {
clear: both
}
.slimgrid5 [class*=span], .grid .slimgrid5 [class*=span] {
display: block;
width: auto;
float: left;
margin-left: 1.96078%;
*margin-left: 1.90168%
}
.slimgrid5 [class*=span]:first-child, .grid .slimgrid5 [class*=span]:first-child {
margin-left: 0
}
.slimgrid5 .span5, .grid .slimgrid5 .span5 {
width: 100.0%;
*width: 99.9409%
}
.slimgrid5 .span4, .grid .slimgrid5 .span4 {
width: 79.60784%;
*width: 79.54874%
}
.slimgrid5 .span3, .grid .slimgrid5 .span3 {
width: 59.21569%;
*width: 59.15658%
}
.slimgrid5 .span2, .grid .slimgrid5 .span2 {
width: 38.82353%;
*width: 38.76443%
}
.slimgrid5 .span1, .grid .slimgrid5 .span1 {
width: 18.43137%;
*width: 18.37227%
}
.slimgrid5 .offset5, .grid .slimgrid5 .offset5 {
margin-left: 103.92157%;
*margin-left: 103.80337%
}
.slimgrid5 .offset5:first-child, .grid .slimgrid5 .offset5:first-child {
margin-left: 101.96078%;
*margin-left: 101.84258%
}
.slimgrid5 .offset4, .grid .slimgrid5 .offset4 {
margin-left: 83.52941%;
*margin-left: 83.41121%
}
.slimgrid5 .offset4:first-child, .grid .slimgrid5 .offset4:first-child {
margin-left: 81.56863%;
*margin-left: 81.45042%
}
.slimgrid5 .offset3, .grid .slimgrid5 .offset3 {
margin-left: 63.13725%;
*margin-left: 63.01905%
}
.slimgrid5 .offset3:first-child, .grid .slimgrid5 .offset3:first-child {
margin-left: 61.17647%;
*margin-left: 61.05827%
}
.slimgrid5 .offset2, .grid .slimgrid5 .offset2 {
margin-left: 42.7451%;
*margin-left: 42.62689%
}
.slimgrid5 .offset2:first-child, .grid .slimgrid5 .offset2:first-child {
margin-left: 40.78431%;
*margin-left: 40.66611%
}
.slimgrid5 .offset1, .grid .slimgrid5 .offset1 {
margin-left: 22.35294%;
*margin-left: 22.23474%
}
.slimgrid5 .offset1:first-child, .grid .slimgrid5 .offset1:first-child {
margin-left: 20.39216%;
*margin-left: 20.27395%
}
.m-grid-override.grid.show-grid [class*="m-span"] {
background: rgba(77, 77, 141, 0.7) !important
}
.m-grid-override.grid, .m-grid-override.slimgrid, .m-grid-override.slimgrid5 {
*zoom: 1
}
.m-grid-override.grid:before, .m-grid-override.grid:after, .m-grid-override.slimgrid:before, .m-grid-override.slimgrid:after, .m-grid-override.slimgrid5:before, .m-grid-override.slimgrid5:after {
display: table;
content: "";
line-height: 0
}
.m-grid-override.grid:after, .m-grid-override.slimgrid:after, .m-grid-override.slimgrid5:after {
clear: both
}
.m-grid-override.grid [class*=m-span], .m-grid-override.slimgrid [class*=m-span], .m-grid-override.slimgrid5 [class*=m-span] {
display: block;
width: auto;
float: left;
margin-left: 4.34783%;
*margin-left: 4.28872%
}
.m-grid-override.grid [class*=m-span]:first-child, .m-grid-override.slimgrid [class*=m-span]:first-child, .m-grid-override.slimgrid5 [class*=m-span]:first-child {
margin-left: 0
}
.m-grid-override.grid [class*=m-span].m-span-new-row, .m-grid-override.slimgrid [class*=m-span].m-span-new-row, .m-grid-override.slimgrid5 [class*=m-span].m-span-new-row {
margin-left: 0
}
.m-grid-override.grid .m-span6, .m-grid-override.slimgrid .m-span6, .m-grid-override.slimgrid5 .m-span6 {
width: 100%;
*width: 99.9409%
}
.m-grid-override.grid .m-span5, .m-grid-override.slimgrid .m-span5, .m-grid-override.slimgrid5 .m-span5 {
width: 82.6087%;
*width: 82.54959%
}
.m-grid-override.grid .m-span4, .m-grid-override.slimgrid .m-span4, .m-grid-override.slimgrid5 .m-span4 {
width: 65.21739%;
*width: 65.15829%
}
.m-grid-override.grid .m-span3, .m-grid-override.slimgrid .m-span3, .m-grid-override.slimgrid5 .m-span3 {
width: 47.82609%;
*width: 47.76699%
}
.m-grid-override.grid .m-span2, .m-grid-override.slimgrid .m-span2, .m-grid-override.slimgrid5 .m-span2 {
width: 30.43478%;
*width: 30.37568%
}
.m-grid-override.grid .m-span1, .m-grid-override.slimgrid .m-span1, .m-grid-override.slimgrid5 .m-span1 {
width: 13.04348%;
*width: 12.98438%
}
.m-grid-override.grid .m-offset6, .m-grid-override.slimgrid .m-offset6, .m-grid-override.slimgrid5 .m-offset6 {
margin-left: 108.69565%;
*margin-left: 108.57745%
}
.m-grid-override.grid .m-offset6:first-child, .m-grid-override.slimgrid .m-offset6:first-child, .m-grid-override.slimgrid5 .m-offset6:first-child {
margin-left: 104.34783%;
*margin-left: 104.22962%
}
.m-grid-override.grid .m-offset6.m-span-new-row, .m-grid-override.slimgrid .m-offset6.m-span-new-row, .m-grid-override.slimgrid5 .m-offset6.m-span-new-row {
margin-left: 104.34783%;
*margin-left: 104.22962%
}
.m-grid-override.grid .m-offset5, .m-grid-override.slimgrid .m-offset5, .m-grid-override.slimgrid5 .m-offset5 {
margin-left: 91.30435%;
*margin-left: 91.18614%
}
.m-grid-override.grid .m-offset5:first-child, .m-grid-override.slimgrid .m-offset5:first-child, .m-grid-override.slimgrid5 .m-offset5:first-child {
margin-left: 86.95652%;
*margin-left: 86.83832%
}
.m-grid-override.grid .m-offset5.m-span-new-row, .m-grid-override.slimgrid .m-offset5.m-span-new-row, .m-grid-override.slimgrid5 .m-offset5.m-span-new-row {
margin-left: 86.95652%;
*margin-left: 86.83832%
}
.m-grid-override.grid .m-offset4, .m-grid-override.slimgrid .m-offset4, .m-grid-override.slimgrid5 .m-offset4 {
margin-left: 73.91304%;
*margin-left: 73.79484%
}
.m-grid-override.grid .m-offset4:first-child, .m-grid-override.slimgrid .m-offset4:first-child, .m-grid-override.slimgrid5 .m-offset4:first-child {
margin-left: 69.56522%;
*margin-left: 69.44701%
}
.m-grid-override.grid .m-offset4.m-span-new-row, .m-grid-override.slimgrid .m-offset4.m-span-new-row, .m-grid-override.slimgrid5 .m-offset4.m-span-new-row {
margin-left: 69.56522%;
*margin-left: 69.44701%
}
.m-grid-override.grid .m-offset3, .m-grid-override.slimgrid .m-offset3, .m-grid-override.slimgrid5 .m-offset3 {
margin-left: 56.52174%;
*margin-left: 56.40354%
}
.m-grid-override.grid .m-offset3:first-child, .m-grid-override.slimgrid .m-offset3:first-child, .m-grid-override.slimgrid5 .m-offset3:first-child {
margin-left: 52.17391%;
*margin-left: 52.05571%
}
.m-grid-override.grid .m-offset3.m-span-new-row, .m-grid-override.slimgrid .m-offset3.m-span-new-row, .m-grid-override.slimgrid5 .m-offset3.m-span-new-row {
margin-left: 52.17391%;
*margin-left: 52.05571%
}
.m-grid-override.grid .m-offset2, .m-grid-override.slimgrid .m-offset2, .m-grid-override.slimgrid5 .m-offset2 {
margin-left: 39.13043%;
*margin-left: 39.01223%
}
.m-grid-override.grid .m-offset2:first-child, .m-grid-override.slimgrid .m-offset2:first-child, .m-grid-override.slimgrid5 .m-offset2:first-child {
margin-left: 34.78261%;
*margin-left: 34.66441%
}
.m-grid-override.grid .m-offset2.m-span-new-row, .m-grid-override.slimgrid .m-offset2.m-span-new-row, .m-grid-override.slimgrid5 .m-offset2.m-span-new-row {
margin-left: 34.78261%;
*margin-left: 34.66441%
}
.m-grid-override.grid .m-offset1, .m-grid-override.slimgrid .m-offset1, .m-grid-override.slimgrid5 .m-offset1 {
margin-left: 21.73913%;
*margin-left: 21.62093%
}
.m-grid-override.grid .m-offset1:first-child, .m-grid-override.slimgrid .m-offset1:first-child, .m-grid-override.slimgrid5 .m-offset1:first-child {
margin-left: 17.3913%;
*margin-left: 17.2731%
}
.m-grid-override.grid .m-offset1.m-span-new-row, .m-grid-override.slimgrid .m-offset1.m-span-new-row, .m-grid-override.slimgrid5 .m-offset1.m-span-new-row {
margin-left: 17.3913%;
*margin-left: 17.2731%
}
[class*="span"]:first-child {
margin-left: 0
}
.container-px-width {
width: 912px;
max-width: 1400px
}
.grid-px-width {
width: 846px;
max-width: 1190px
}
[class*="span"] {
float: left;
min-height: 1px;
margin-left: 30px
}
.container-px-width, .navbar-static-top .container-px-width, .navbar-fixed-top .container-px-width, .navbar-fixed-bottom .container-px-width {
width: 846px
}
.span12 {
width: 846px
}
.span11 {
width: 773px
}
.span10 {
width: 700px
}
.span9 {
width: 627px
}
.span8 {
width: 554px
}
.span7 {
width: 481px
}
.span6 {
width: 408px
}
.span5 {
width: 335px
}
.span4 {
width: 262px
}
.span3 {
width: 189px
}
.span2 {
width: 116px
}
.span1 {
width: 43px
}
.offset12 {
margin-left: 906px
}
.offset11 {
margin-left: 833px
}
.offset10 {
margin-left: 760px
}
.offset9 {
margin-left: 687px
}
.offset8 {
margin-left: 614px
}
.offset7 {
margin-left: 541px
}
.offset6 {
margin-left: 468px
}
.offset5 {
margin-left: 395px
}
.offset4 {
margin-left: 322px
}
.offset3 {
margin-left: 249px
}
.offset2 {
margin-left: 176px
}
.offset1 {
margin-left: 103px
}
input, textarea, .uneditable-input {
margin-left: 0
}
.controls-row [class*="span"] + [class*="span"] {
margin-left: 30px
}
@media (min-width: 61.25em) and (max-width: 74.9375em) {
.csstransforms .slide-toggle-arrow {
left: 186px
}
.csstransforms .slide-arrow-over .slide-toggle-arrow {
left: 184px
}
}
.favorite-holder {
display: inline-block;
cursor: pointer
}
.favorite-holder i {
color: #d2d2db;
vertical-align: baseline;
font-size: .8125em;
padding: .6875em .875em
}
.no-touch .favorite-holder:hover i, .no-touch a:hover > .favorite-holder i, .favorite-holder.active i {
color: #f35429
}
ul.jump-links {
margin-left: -.375em;
margin-bottom: 0;
*zoom: 1
}
ul.jump-links:before, ul.jump-links:after {
display: table;
content: "";
line-height: 0
}
ul.jump-links:after {
clear: both
}
ul.jump-links li {
margin: 0 0 0 1.4375em;
padding: 0;
float: left;
line-height: 1
}
ul.jump-links li:first-child {
margin-left: 0
}
ul.jump-links a {
display: block;
margin-bottom: 0;
outline: none;
padding-right: 6px;
padding-bottom: 10px;
padding-left: 6px;
color: #2f353d;
-webkit-box-shadow: inset 0 0 0 #5887f5;
box-shadow: inset 0 0 0 #5887f5;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out
}
.no-touch ul.jump-links li:hover a {
color: #44506e
}
.no-touch ul.jump-links li:hover a, ul.jump-links .active a {
-webkit-box-shadow: inset 0 -4px 0 #5887f5;
box-shadow: inset 0 -4px 0 #5887f5
}
.no-boxshadow ul.jump-links a, .ps3 ul.jump-links a, .sonytablets ul.jump-links a {
-webkit-box-shadow: none;
box-shadow: none;
padding-bottom: 6px;
border-bottom: 4px solid transparent
}
.no-boxshadow.no-touch ul.jump-links li:hover a, .no-boxshadow ul.jump-links .active a, .ps3 ul.jump-links .active a, .sonytablets ul.jump-links .active a {
border-bottom-color: #5887f5
}
.sticky-nav {
position: fixed;
z-index: 1035;
top: 0;
left: -999em;
width: 100%;
background: #fff;
-webkit-box-shadow: 0 0.0625em 0.625em rgba(39, 43, 55, 0.25);
box-shadow: 0 0.0625em 0.625em rgba(39, 43, 55, 0.25);
-webkit-transform: translate(0, -2em);
-ms-transform: translate(0, -2em);
transform: translate(0, -2em);
-webkit-transition: -webkit-transform 0.2s ease-in, left 0s 0.2s;
transition: transform 0.2s ease-in, left 0s 0.2s;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden
}
.sticky-nav.sticky-nav-tall {
-webkit-transform: translate(0, -4.5em);
-ms-transform: translate(0, -4.5em);
transform: translate(0, -4.5em)
}
.sticky-nav.open {
left: 0;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.ps3 .sticky-nav {
-webkit-transition: none;
transition: none;
-webkit-transform-style: flat;
-webkit-transform: none;
transform: none
}
.ps3 .sticky-nav.open {
-webkit-transform: none;
transform: none
}
.sticky-header-open .sticky-nav {
-webkit-box-shadow: none;
box-shadow: none
}
.no-boxshadow .sticky-nav {
border-bottom: 1px solid #e4e7eb
}
.product-content {
display: block;
margin-top: .4375em;
line-height: 1.3
}
.product-content .product-name {
color: #2f353d;
margin-bottom: 0
}
.product-content .product-model {
color: #83838f;
margin-bottom: 0
}
.product-content .product-rating {
margin: .5em 0 1em;
color: #83838f;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.product-content .price-title {
margin: 0
}
.product-content .product-price {
margin-top: 1em;
color: #83838f;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.product-meta {
margin: 0 0 1em;
padding: 0 0 0 1em;
list-style-type: square;
color: #83838f;
height: 70px;
overflow-y: hidden
}
.product-meta li {
margin-bottom: 2px
}
.gallery-item.detailed {
margin: 3.125em 0 0
}
.gallery-item {
position: relative;
display: block;
margin-top: 20px;
overflow: hidden;
background: #fff
}
.gallery-item:focus .product-img, .no-touch .gallery-item .product-img:hover {
background-color: #e8edf3
}
.gallery-item:after {
content: '';
display: block;
padding-top: 165.196%
}
.lt-ie8 .gallery-item {
height: 17.25em
}
.lt-ie9 .gallery-item.concealed {
height: 0;
min-height: 0
}
.lt-ie9 .gallery-item.concealed:after {
content: none
}
.shuffle-6 .gallery-item:after {
padding-top: 169.396078%
}
.gallery-item .gallery-item-inner {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.gallery-item .product-img {
position: relative;
width: 100%;
overflow: hidden;
text-align: center;
background: #f1f5f9;
-webkit-transition: background-color 0.15s ease-out;
transition: background-color 0.15s ease-out
}
.gallery-item .product-img:after {
content: '';
display: block;
padding-top: 107.84314%
}
.lt-ie8 .gallery-item .product-img {
height: 11.3125em
}
.gallery-item .product-img .product-img-wrap {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.gallery-item .product-img img {
display: block;
max-height: 100%;
max-width: 100%;
margin: auto
}
.gallery-item.simple {
margin-top: 0
}
.gallery-item.simple:after {
content: none
}
.gallery-item.simple .gallery-item-inner {
position: static
}
.gallery-item.simple .product-img:after {
padding-top: 78%
}
.lt-ie8 .gallery-item.simple, .ps3 .gallery-item.simple {
height: 9.25em
}
.lt-ie8 .gallery-item.simple .product-img, .ps3 .gallery-item.simple .product-img {
height: 6.4375em
}
.lt-ie8 .gallery-item.large {
height: 35.625em
}
.lt-ie8 .gallery-item.large .product-img {
height: 29.6875em
}
.gallery-item.large:after {
padding-top: 105.92705167173253%
}
.gallery-item.large .product-img:after {
padding-top: 88.14589665653495%
}
.lt-ie9 .gallery-item.large .js-item-carousel {
width: 33.625em;
height: 29.6875em
}
.gallery-item.large .slide {
float: left;
max-width: 100%
}
.gallery-item.large .pagination-bullets {
bottom: 5.6390977%
}
.gallery-item.large .nav-paddle-prev, .gallery-item.large .nav-paddle-next {
position: absolute;
z-index: 20;
top: 50%;
margin-top: -1.625em
}
.gallery-item.large .nav-paddle-prev {
left: 3.75%
}
.gallery-item.large .nav-paddle-next {
right: 3.75%
}
.shuffle-4 .gallery-item.large:after {
padding-top: 165.196%
}
.shuffle-4 .gallery-item.large .product-img:after {
padding-top: 107.84314%
}
.shuffle-6 .gallery-item.large:after {
padding-top: 105.3%
}
.shuffle-6 .gallery-item.large .product-img:after {
padding-top: 87%
}
.gallery-item.plate:after {
padding-top: 59.190255%
}
.shuffle-4 .gallery-item.plate:after {
padding-top: 77.790255%
}
.gallery-item.plate .product-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: left
}
.gallery-item.plate .product-img {
height: 100%
}
.gallery-item.plate img {
max-height: none;
max-width: none
}
.gallery-item.plate div.iq-img {
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover
}
.lt-ie8 .gallery-item.promo {
height: 17.25em
}
.lt-ie8 .gallery-item.promo .product-img {
height: 11.3125em
}
.gallery-item.promo:after {
padding-top: 78.19025522041764%
}
.gallery-item.promo div.iq-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover
}
.gallery-item.social img {
max-height: 190px
}
.gallery-item.social:after {
padding-top: 78.19025522041764%
}
.gallery-item.social .product-img:after {
padding-top: 51.3%
}
.shuffle-6 .gallery-item.social .product-img:after {
padding-top: 50.3%
}
.gallery-item .label {
position: absolute;
z-index: 10;
top: 0;
right: 0;
margin: 0
}
.gallery-tooltip i {
position: relative;
top: -1px;
font-size: 16px;
padding-left: 2px
}
.gallery-item .color-swatches {
position: absolute;
right: .875em;
bottom: .6875em
}
.gallery-item .favorite-holder {
position: absolute;
left: 0;
bottom: 0
}
.gallery-item.promo .promo-title {
-webkit-font-smoothing: antialiased
}
.no-touch .gallery-item.promo .gallery-item-inner .iq-img {
-webkit-transition: opacity 0.15s;
transition: opacity 0.15s;
-webkit-transform: scale3d(1, 1, 1);
opacity: 1
}
.no-touch .gallery-item.promo .gallery-item-inner:hover .iq-img {
opacity: 0.9
}
.no-touch .gallery-item.promo .gallery-item-inner .promo-title i {
-webkit-transition: 0.2s ease-out;
transition: 0.2s ease-out
}
.no-touch .gallery-item.promo .gallery-item-inner:hover .promo-title i {
-webkit-transform: translate(0.375em, 0);
-ms-transform: translate(0.375em, 0);
transform: translate(0.375em, 0)
}
.no-csstransforms .no-touch .gallery-item.promo .gallery-item-inner:hover .promo-title i {
left: 6px
}
.gallery-item.promo .product-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: left
}
.gallery-item.promo .product-img {
position: absolute;
top: 0;
left: 0;
height: 100%;
padding: 10.129032% 10.6060606% 10.967742%
}
.gallery-item.promo .product-img.dark-panel {
background-color: #2f353d
}
.gallery-item.promo img {
display: inline-block;
max-height: none;
max-width: none
}
.gallery-item .promo-content {
position: relative;
height: 100%;
text-align: left
}
.gallery-item .promo-content .promo-title {
margin: 0
}
.gallery-item .promo-content .promo-title i {
position: relative;
top: -0.1875em;
left: 0.125em
}
.gallery-item .promo-content .promo-title .title, .gallery-item .promo-content .promo-title .emphasis {
color: #fff
}
.gallery-item .promo-content .promo-title .emphasis {
color: #2f353d
}
.gallery-item .promo-content .text-count {
position: absolute;
bottom: 0;
margin: 0
}
.gallery-item .promo-content .text-count span {
color: #fff
}
.gallery-item .promo-content.light-text .promo-title .title {
color: #bcbccc
}
.gallery-item .promo-content.light-text .promo-title .emphasis, .gallery-item .promo-content.light-text .promo-title i, .gallery-item .promo-content.light-text .text-count span {
color: #fff
}
.gallery-item .promo-content.dark-text .promo-title .title {
color: #83838f
}
.gallery-item .promo-content.dark-text .promo-title .emphasis, .gallery-item .promo-content.dark-text .promo-title i, .gallery-item .promo-content.dark-text .text-count span {
color: #2f353d
}
.gallery-item.social .img-wrap, .gallery-item.social .quote {
max-width: 50%
}
.gallery-item.social .img-wrap {
display: block;
float: left;
height: 100%
}
.gallery-item.social .quote {
float: right;
width: 50%;
height: 100%;
height: -webkit-calc(100% - 18px);
height: calc(100% - 18px);
padding-right: 5%;
text-align: left
}
.lt-ie8 .gallery-item.social .quote {
width: 45%;
margin-top: 30px
}
.gallery-item.social figcaption {
margin-top: 0.3125em
}
.gallery-item.social .social-icon {
width: 30px;
height: 30px;
vertical-align: middle;
margin-right: 10px;
border-radius: 50%;
background-color: white
}
.gallery-item.social .social-icon i {
font-size: 16px
}
.gallery-item.social .author {
display: inline-block;
vertical-align: middle;
margin: 0
}
.gallery-item.social blockquote p {
color: #2f353d;
margin-bottom: 0
}
.gallery-detailed .gallery-item:after {
padding-top: 141%
}
.lt-ie8 .gallery-detailed .gallery-item {
height: 25.375em
}
.lt-ie8 .gallery-detailed .gallery-item .product-img {
height: 13.8125em
}
.gallery-detailed .product-img:after {
padding-top: 76.05633802816901%
}
.detail-label strong {
display: inline-block;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis
}
.detail-labels-wrap {
position: relative;
z-index: 5;
height: 100%
}
.lt-ie9 .detail-labels-wrap {
margin-left: 0
}
.detail-labels-wrap:before {
content: '';
position: absolute;
display: block;
height: 100%;
width: 2000px;
right: 0;
top: 0;
background-color: #f3f4f6;
-webkit-transition: box-shadow 0.15s ease-in;
transition: box-shadow 0.15s ease-in
}
.detail-labels-wrap.overflowing:before {
-webkit-box-shadow: 0.125em 0 0.1875em -0.0625em rgba(39, 43, 55, 0.25);
box-shadow: 0.125em 0 0.1875em -0.0625em rgba(39, 43, 55, 0.25);
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.detail-labels-wrapping {
-webkit-transform: translate(-0.625em, 0);
-ms-transform: translate(-0.625em, 0);
transform: translate(-0.625em, 0);
opacity: 0;
-webkit-transition: opacity 0.2s ease-out 0.1s, -webkit-transform 0.2s ease-out 0.1s;
transition: opacity 0.2s ease-out 0.1s, transform 0.2s ease-out 0.1s
}
.detail-labels-wrapping.complete {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1
}
.detail-label-group {
position: absolute
}
.detail-label-group, .detail-labels-wrapping .product-count-wrap {
width: 100%
}
.compare-container .detail, .detail-labels-wrapping .product-count-wrap {
position: relative;
padding-top: 20px;
padding-bottom: 30px;
margin-bottom: 0
}
.compare-container .detail:after, .detail-labels-wrapping .product-count-wrap:after {
content: '';
position: absolute;
top: 0;
left: 5%;
width: 90%;
height: 1px;
background: #d2d2db
}
.compare-container .detail-label:after, .detail-labels-wrapping .product-count-wrap:after {
left: 0;
width: 100%;
background: #d2d2db
}
.compare-sticky-header {
position: absolute;
z-index: 10;
top: 0;
left: -9999px;
padding: 1em 0 1.25em;
margin: 0;
background: #f3f4f6;
top: -6.25em;
-webkit-transition: top 0.2s ease-in, left 0s 0.2s;
transition: top 0.2s ease-in, left 0s 0.2s
}
.compare-sticky-header:not(.sticky-count) {
-webkit-box-shadow: 0 0.125em 0.3125em 0 rgba(39, 43, 55, 0.25);
box-shadow: 0 0.125em 0.3125em 0 rgba(39, 43, 55, 0.25)
}
.sticky-headers .compare-sticky-header {
margin: 0
}
.compare-sticky-header.open {
left: 0;
top: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.compare-sticky-header.sticky-count:before {
content: '';
position: absolute;
z-index: -1;
top: 0;
right: -.1875em;
width: 2000px;
height: 100%;
background: #f3f4f6;
border-right: 0.0625em solid rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0 0.125em 0.3125em 0 rgba(39, 43, 55, 0.25);
box-shadow: 0 0.125em 0.3125em 0 rgba(39, 43, 55, 0.25)
}
.compare-sticky-header .media .pull-left {
max-width: 90px;
margin-right: 4px
}
.compare-sticky-header .product-name {
color: #2f353d
}
.compare-box {
display: inline-block;
padding: 11px 12px;
color: #fff;
line-height: 1;
background: #2f353d
}
.spec-single, .spec-multi {
margin-top: 4.375em
}
.spec-single dt, .spec-multi dt {
margin-bottom: 0
}
.spec-title-wrap {
position: relative;
margin-bottom: 1.25em
}
.spec-title {
margin: 0
}
.spec-sticky-nav .sticky-nav-title {
margin-top: 22px;
margin-bottom: 10px;
line-height: .9
}
.sticky-header-open .spec-sticky-nav .sticky-nav-title:after {
content: '';
position: absolute;
height: 100%;
width: 1px;
background: #e4e7eb;
right: 0;
top: 100%
}
.spec-tiles-wrap {
margin-top: 3.75em;
margin-bottom: 9.375em
}
.spec-tiles-wrap .features-title {
margin-bottom: 0;
padding-bottom: 12px;
border-bottom: 3px solid #e4e7eb
}
.container .spec-tiles .spec-tile {
margin-left: 0
}
.spec-tile {
margin-top: 1.5em;
background: #f1f5f9
}
.spec-tile .tile-content {
padding: 1.875em 2.5em 2.75em 1.875em
}
.spec-tile .tile-title {
margin-top: 0
}
.spec-tile .iq-img {
width: 100%;
height: auto;
min-height: 5.3125em
}
.sony-carousel-wrapper {
position: relative;
width: 100%;
height: 400px;
overflow: hidden
}
.sony-carousel {
position: relative;
width: 2000%
}
.sony-carousel-vertical .sony-carousel {
width: auto;
height: 100%
}
.sony-carousel .sony-carousel-slide {
-webkit-transform: translateZ(0);
float: left;
width: 5%;
height: 100%
}
.sony-carousel .sony-carousel-slide.slimgrid {
margin-right: 0.12%
}
.sony-carousel-vertical .sony-carousel .sony-carousel-slide {
float: none;
width: auto
}
.sony-fade {
width: auto;
*zoom: 1
}
.sony-fade:before, .sony-fade:after {
display: table;
content: "";
line-height: 0
}
.sony-fade:after {
clear: both
}
.sony-fade .sony-fade-slide {
position: relative;
z-index: 1;
float: left;
width: 100%;
height: 100%;
margin-right: -100%;
opacity: 0;
-webkit-transition: 400ms opacity linear;
transition: 400ms opacity linear
}
.sony-fade .sony-fade-slide.on {
opacity: 1;
z-index: 3
}
.sony-fade .sony-fade-slide.behind {
z-index: 2
}