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: 3px auto -webkit-focus-ring-color;
outline-offset: -2px
}
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
}
sub, sup {
font-size: 75%;
line-height: 0
}
sup {
vertical-align: super;
font-size: 60%
}
sup.footNoteNumber {
font-size: 10px;
margin-left: .2em;
margin-right: 4px
}
sup.footNoteNumber_done {
font-size: 57%
}
sub {
vertical-align: sub
}
h3 .footNoteNumber_done {
font-size: 68%;
margin-left: .2em;
margin-right: 4px
}
.tip-footnote {
font-weight: bold
}
.tip-footnote strong {
color: #000
}
html {
height: 100%
}
body {
margin: 0;
/*font-family: "SST W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-weight: 400;
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 .4s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
transition: margin-top .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 .25s linear, border-color .25s linear, opacity .25s linear, color .25s linear, fill .25s linear;
transition: background-color .25s linear, border-color .25s linear, opacity .25s linear, color .25s linear, fill .25s linear
}
.no-touch a:not(.no-hover-transition) .fi, .no-touch a:not(.no-hover-transition) .svg-text-transition, .no-touch .btn:not(.no-hover-transition) .fi, .no-touch .btn:not(.no-hover-transition) .svg-text-transition {
-webkit-transition: none;
transition: none
}
html.no-touch.csstransitions .fi, html.no-touch.csstransitions .svg-text-transition {
-webkit-transition: opacity .25s linear, color .25s linear, fill .25s linear;
transition: opacity .25s linear, color .25s linear, fill .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("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALIAAAAgCAYAAAC2JCIgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRjYzODY4NTZGRjgxMUUzQTIwQUIzNEM1REJCODFFNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRjYzODY4NjZGRjgxMUUzQTIwQUIzNEM1REJCODFFNyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVGNjM4NjgzNkZGODExRTNBMjBBQjM0QzVEQkI4MUU3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVGNjM4Njg0NkZGODExRTNBMjBBQjM0QzVEQkI4MUU3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+c8l8ZQAAB35JREFUeNrsWnuIlFUUn3F9KzWYla9ys4cWiZNC+So/oVCDdIxCMTbXCsqKFApKopokyQraJSTCP3JLMSlpViozyGZNo4yN3YLIgtwxTczVds1Nd31NvxNn4no99/HNRmDcA7+dnW/OPfd+3/e7v3vuI5lQrFgsDsTHbGA6MAEYCQzinw8zmoBG4MNkMrkLZXri/6ns04hrHQmHoUwSH5OAWcBEYDQwHOjBLkeBX4DvgAYgh7itlnjUhoGWKrtQ/rilLRcm3HYUMU7Dn3yTHv5n4P+HVtcFyj2arN0jdhrIAOOAFF8rAN/y82pmnxR/t1mGfacp1yjWHqCeY50fRi8HeAX4sxjPmoHlyve0o57ewGPA7pj1nATqgMsNcSNH+UPAFEPZlGcb0uzf7ulfEOoqeJRLWJABWjxitCh+Uhy65yzQ5hErz89XLZ81+DZxbB/fIsfNO+pX6zZZtif+DMEz/hy4WnnmpH6buYfvA04CfYBhwPVABIxiRRjn2VnIbwMwRvtpP7AR2AkcZBWhOu4ExrIPKe5C4C7EWQylW6vF6GQF6cVt1O0i4FOUrULZjbpyctmSn6rsXcAB/v8Ef9JIQco6GBhguN3D/Nx0o2v9gYsFFT7ioZw55XsdsElTcHovc1hhbWpOcSotsSjOEn4XEWMR+yUUlV+oxUnziD1XUfKSr9queuYWdfa3gG1CrFK7VEF4HnhO+d7AZRuIYO9o7F4L9PUg5k3AFkm1BN/JQIfmewpYRiptqSPDaqrb45Yy91t67hngCUvZFKt/yW63+PYDVhvqecpSrkrzXc2pket555QyNQ7lrrYofJNWf7VFtZss6mgbCUnp0zHaZKovZ4lx1m/0p1MrPDNGSpIE3rARmdOWX4Wbne9ZxxhhOKdcdWqZaQbZKqDCUF6t60aP+39biE/tmy34TwGOKX4b9XZIL5mv5zWi5HjYXsr3LA3/eQsRiuxj6xBpIc3wIXKpjRmDb8JCZj3dqVHSKmMKk+CHrtp+4GVWjqnAKJtCM1F/YwKMFX5/VrjJDTFz+IeEGNs8iHwEOGh40B8A/R1Ejjza1gvYLMQnwk5Q/EZro0teGo0sL3mpZ25eIrmktDl9BHUQWVJwE5Ezgq+q+D5ELnWeNqHDtSn5f+qczo4/2z0fEL2ERlaRF0hRgWs9XvQuIdbkmETuAxwV0oRhDiLT5OoK4AfDPTXyHME0IYs829cf+FKIfwAYCVyqTXCbePUjEYPIhDUxJ8m6cuVjTCxNZSIDkSNDelBURg3feuOkLP8QebqgynGMXtCTBnUbIPifMA3rDrJ8JsSa5SKykvuaZscFtUOWQ2QuNwj4XohP175Rvv9MxLbESXgoVilt8FnBWGMhZWUZRE5ZiGzrcE2WXNuV51tJXEq/6J8ZwJ5i94xe2HDtpVQKfq1lLhG+J8Sq8iGysvRXZ+np07pDZC47AthreUaU5lwVI560jFVjyC0jHt71ZbUWS3riypFTwrJewoPIrtEj8hwNbPn5uURWXvQc4HXgixjrpapt8VDkk2Uq8lYh1kxfIiu/P2NoO40U9wA/KtfuKKOdNDltFeJTvj6+G2v9WaXTuYiw1EA+fTLV5siTc44VjshBzur/jMj4s4CVaplhuBwPzAUeBVYC6zi37DA08jKPHPmWmC+xt5AjUzo0OC6R2WcBE1ey4+oEpkzSPSLEfTGuCmvXssLSVLVGxEq+1mZR3YxA5qyWMkgTtzXCCFCjrS5EQrpSLUzeXESOhE7Qwu2KTESuZcd23kL1fVm9ODc+p7dpfssFn/djEmOxEOMTj1WLgiXmzcBhxwhTLpElJcqWkU5IqUVLjBEya8mz854x2ljhfZfdsh4rEVEMJfba/VQX4mkWTWo7z3QuQTX4UIqwCv+u1H76Xfv+KvAAMFS5Rgp/H2K86bkj+JKwG/d0d7blUTet1kziHcwrz4OTBA3KZzPvtk0TdvEKvNtVbzm30cznadSdwLRybqOZ42wyxCmVl6xgqO8GZefOdX5jejnqUaux/SfgXtPykLbk9JpWdqfBdyLniHpqQGrdz7LZMN+Qqy9x7Aaqk6sKx30MBnYYev7dZSryg0KslYlg5TxLLxBZanlfPSGoHu2bfw3sZqXty2cMqHfdpp01aAFuhdLtNjSINkveFc5aHAIo1fiKzygM4DMWNKzr69R0Ku5h1LFOXy3Axw7+egnQTzs3coxVuNK0Ts17/vO0nxahTJ3nA5/IZ0nIhvDZFNVOK+cvahG3NtDUj8hxFbmLhnvgY8tESDLa1VvBR0B9NjYo39oXczXkOG+FDzfErfQJ4rHdvEKfpcd44FGc3DVQ9N9XZDpPcB2d7oJKrC8tm3H+NIXVcSjnT6QqdMZ2L6s1qeB2lDsVs3EVnAfNAKj+awDaJEgqeXaBc6mtwEeo44glXg8+kebKi9s92jaCT9v9PVr4nK/mcq4z0ap1Im5ntxQo2NnvNjy4YP8H6xEeQbBA5GDBApGDBQtEDhYsEDlYIHKwYIHIwYIFIgcLFogcLBA5WLBA5GDBApGDBQtEDhaIHCzYeWd/CTAAO697FhJKJ+YAAAAASUVORK5CYII=")
}
.lt-ie9 [class^="sprite-"], .lt-ie9 [class*=" sprite-"] {
background-image: url("/static-assets/images/spritesheets/spritesheet.v4.png")
}
.sprite-32a-sony-logo {
background-position: 0 0px;
width: 100px;
height: 31px
}
.sprite-32a-sony-logo-short {
background-position: 0 0px;
width: 90px;
height: 16px
}
.sprite-32a-sony-logo-sm {
background-position: -105px 0px;
width: 73px;
height: 25px
}
.sprite-32a-sony-logo-sm-short {
background-position: -96px 0px;
width: 72px;
height: 14px
}
.icon-flag {
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-YU {
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: -160px -196px
}
.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
}
.fi {
display: inline-block;
line-height: 0.6
}
[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 .fi {
line-height: 1
}
.fonticon-10-chevron-sm, .fonticon-10-chevron-sm--after {
margin: 0 -.125em
}
.fonticon-10-chevron-reverse-sm, .fonticon-10-chevron-reverse-sm--after {
margin: 0 1px 0 -5px
}
.fonticon-60-blank:before, .fonticon-60-blank--after:after, .fonticon-60-sony:before, .fonticon-60-sony--after:after, .fonticon-60-win8:before, .fonticon-60-win8--after:after, .fonticon-40-eco:before, .fonticon-40-eco--after:after, .fonticon-40-accessories:before, .fonticon-40-accessories--after:after, .fonticon-30-xsmall-tv:before, .fonticon-30-xsmall-tv--after:after, .fonticon-30-small-tv:before, .fonticon-30-small-tv--after:after, .fonticon-30-medium-tv:before, .fonticon-30-medium-tv--after:after, .fonticon-30-large-tv:before, .fonticon-30-large-tv--after:after, .fonticon-30-controller:before, .fonticon-30-controller--after:after, .fonticon-30-plus:before, .fonticon-30-plus--after:after, .fonticon-20-blank:before, .fonticon-20-blank--after:after, .fonticon-20-car-speaker-enclosed:before, .fonticon-20-car-speaker-enclosed--after:after, .fonticon-20-flash-drives:before, .fonticon-20-flash-drives--after:after, .fonticon-20-lens-camera:before, .fonticon-20-lens-camera--after:after, .fonticon-20-over-the-head:before, .fonticon-20-over-the-head--after:after, .fonticon-20-walkman:before, .fonticon-20-walkman--after:after, .fonticon-20-cd:before, .fonticon-20-cd--after:after, .fonticon-20-tweeter:before, .fonticon-20-tweeter--after:after, .fonticon-20-car-speaker:before, .fonticon-20-car-speaker--after:after, .fonticon-20-film-strip:before, .fonticon-20-film-strip--after:after, .fonticon-20-meeting-recording:before, .fonticon-20-meeting-recording--after:after, .fonticon-20-voice-memo-recording:before, .fonticon-20-voice-memo-recording--after:after, .fonticon-20-music:before, .fonticon-20-music--after:after, .fonticon-20-pro-audio:before, .fonticon-20-pro-audio--after:after, .fonticon-20-travel:before, .fonticon-20-travel--after:after, .fonticon-20-controller:before, .fonticon-20-controller--after:after, .fonticon-20-all-in-one:before, .fonticon-20-all-in-one--after:after, .fonticon-20-walkman-compact:before, .fonticon-20-walkman-compact--after:after, .fonticon-20-wifi:before, .fonticon-20-wifi--after:after, .fonticon-20-3d:before, .fonticon-20-3d--after:after, .fonticon-20-led:before, .fonticon-20-led--after:after, .fonticon-20-4k:before, .fonticon-20-4k--after:after, .fonticon-20-laptop-tap:before, .fonticon-20-laptop-tap--after:after, .fonticon-20-laptop-flip:before, .fonticon-20-laptop-flip--after:after, .fonticon-20-laptops:before, .fonticon-20-laptops--after:after, .fonticon-20-hybrid-pcs:before, .fonticon-20-hybrid-pcs--after:after, .fonticon-20-pro-handycam:before, .fonticon-20-pro-handycam--after:after, .fonticon-20-advanced-amateur:before, .fonticon-20-advanced-amateur--after:after, .fonticon-20-night:before, .fonticon-20-night--after:after, .fonticon-20-landscapes:before, .fonticon-20-landscapes--after:after, .fonticon-20-portraits:before, .fonticon-20-portraits--after:after, .fonticon-20-expert-capability:before, .fonticon-20-expert-capability--after:after, .fonticon-20-big-zoom:before, .fonticon-20-big-zoom--after:after, .fonticon-20-casual-shooting:before, .fonticon-20-casual-shooting--after:after, .fonticon-20-phones:before, .fonticon-20-phones--after:after, .fonticon-20-battery:before, .fonticon-20-battery--after:after, .fonticon-20-mic-studio:before, .fonticon-20-mic-studio--after:after, .fonticon-20-runner:before, .fonticon-20-runner--after:after, .fonticon-20-skateboard:before, .fonticon-20-skateboard--after:after, .fonticon-15-flag:before, .fonticon-15-flag--after:after, .fonticon-15-tumblr:before, .fonticon-15-tumblr--after:after, .fonticon-15-vine:before, .fonticon-15-vine--after:after, .fonticon-15-vk:before, .fonticon-15-vk--after:after, .fonticon-15-weibo:before, .fonticon-15-weibo--after:after, .fonticon-15-comment-ratings:before, .fonticon-15-comment-ratings--after:after, .fonticon-15-circle-num-9:before, .fonticon-15-circle-num-9--after:after, .fonticon-15-circle-num-8:before, .fonticon-15-circle-num-8--after:after, .fonticon-15-circle-num-7:before, .fonticon-15-circle-num-7--after:after, .fonticon-15-circle-num-6:before, .fonticon-15-circle-num-6--after:after, .fonticon-15-circle-num-5:before, .fonticon-15-circle-num-5--after:after, .fonticon-15-circle-num-4:before, .fonticon-15-circle-num-4--after:after, .fonticon-15-circle-num-3:before, .fonticon-15-circle-num-3--after:after, .fonticon-15-circle-num-2:before, .fonticon-15-circle-num-2--after:after, .fonticon-15-circle-num-1:before, .fonticon-15-circle-num-1--after:after, .fonticon-15-circle-num-0:before, .fonticon-15-circle-num-0--after:after, .fonticon-15-zoom:before, .fonticon-15-zoom--after:after, .fonticon-15-instagram:before, .fonticon-15-instagram--after:after, .fonticon-15-link:before, .fonticon-15-link--after:after, .fonticon-15-facebook:before, .fonticon-15-facebook--after:after, .fonticon-15-pinterest:before, .fonticon-15-pinterest--after:after, .fonticon-15-youtube:before, .fonticon-15-youtube--after:after, .fonticon-15-gplus:before, .fonticon-15-gplus--after:after, .fonticon-15-facebook-sm:before, .fonticon-15-facebook-sm--after:after, .fonticon-15-twitter:before, .fonticon-15-twitter--after:after, .fonticon-15-popup:before, .fonticon-15-popup--after:after, .fonticon-15-circle-play:before, .fonticon-15-circle-play--after:after, .fonticon-15-mobile-menu:before, .fonticon-15-mobile-menu--after:after, .fonticon-10-blank:before, .fonticon-10-blank--after:after, .fonticon-10-circle_off:before, .fonticon-10-circle_off--after:after, .fonticon-10-circle-plus:before, .fonticon-10-circle-plus--after:after, .fonticon-10-globe-web:before, .fonticon-10-globe-web--after:after, .fonticon-10-no-favorites:before, .fonticon-10-no-favorites--after:after, .fonticon-10-share:before, .fonticon-10-share--after:after, .fonticon-10-thumbs-down:before, .fonticon-10-thumbs-down--after:after, .fonticon-10-web-globe:before, .fonticon-10-web-globe--after:after, .fonticon-10-back-to-top:before, .fonticon-10-back-to-top--after:after, .fonticon-10-circle_on:before, .fonticon-10-circle_on--after:after, .fonticon-10-thumbs-up:before, .fonticon-10-thumbs-up--after:after, .fonticon-10-blank:before, .fonticon-10-blank--after:after, .fonticon-10-browse:before, .fonticon-10-browse--after:after, .fonticon-10-compare:before, .fonticon-10-compare--after:after, .fonticon-10-x-sm:before, .fonticon-10-x-sm--after:after, .fonticon-10-minus-sm:before, .fonticon-10-minus-sm--after:after, .fonticon-10-plus-sm:before, .fonticon-10-plus-sm--after:after, .fonticon-10-speaker:before, .fonticon-10-speaker--after:after, .fonticon-10-video-pause:before, .fonticon-10-video-pause--after:after, .fonticon-10-video-play:before, .fonticon-10-video-play--after:after, .fonticon-10-video-minimize:before, .fonticon-10-video-minimize--after:after, .fonticon-10-video-enlarge:before, .fonticon-10-video-enlarge--after:after, .fonticon-10-x:before, .fonticon-10-x--after:after, .fonticon-10-circlearrow:before, .fonticon-10-circlearrow--after:after, .fonticon-10-dot:before, .fonticon-10-dot--after:after, .fonticon-10-sm-bold-x:before, .fonticon-10-sm-bold-x--after:after, .fonticon-10-sm-bold-check:before, .fonticon-10-sm-bold-check--after:after, .fonticon-10-sm-bold-plus:before, .fonticon-10-sm-bold-plus--after:after, .fonticon-10-arrow-left:before, .fonticon-10-arrow-left--after:after, .fonticon-10-arrow-right:before, .fonticon-10-arrow-right--after:after, .fonticon-10-arrowheads-elevator:before, .fonticon-10-arrowheads-elevator--after:after, .fonticon-10-arrowhead-up:before, .fonticon-10-arrowhead-up--after:after, .fonticon-10-arrowhead-down:before, .fonticon-10-arrowhead-down--after:after, .fonticon-10-alpha-bold:before, .fonticon-10-alpha-bold--after:after, .fonticon-10-alpha-medium:before, .fonticon-10-alpha-medium--after:after, .fonticon-10-alpha:before, .fonticon-10-alpha--after:after, .fonticon-10-alpha-light:before, .fonticon-10-alpha-light--after:after, .fonticon-10-chevron-sm:before, .fonticon-10-chevron-sm--after:after, .fonticon-10-chevron-reverse-sm:before, .fonticon-10-chevron-reverse-sm--after:after, .fonticon-10-chevron-reverse:before, .fonticon-10-chevron-reverse--after:after, .fonticon-10-chevron:before, .fonticon-10-chevron--after:after, .fonticon-10-x-skinny-rounded:before, .fonticon-10-x-skinny-rounded--after:after, .fonticon-10-x-skinny:before, .fonticon-10-x-skinny--after:after, .fonticon-10-plus-skinny:before, .fonticon-10-plus-skinny--after:after, .fonticon-10-square-neg-plus:before, .fonticon-10-square-neg-plus--after:after, .fonticon-10-circle-q:before, .fonticon-10-circle-q--after:after, .fonticon-10-circle-x:before, .fonticon-10-circle-x--after:after, .fonticon-10-grid-3x3:before, .fonticon-10-grid-3x3--after:after, .fonticon-10-support:before, .fonticon-10-support--after:after, .fonticon-10-location:before, .fonticon-10-location--after:after, .fonticon-10-star-half:before, .fonticon-10-star-half--after:after, .fonticon-10-star:before, .fonticon-10-star--after:after, .fonticon-10-globe:before, .fonticon-10-globe--after:after, .fonticon-10-registered:before, .fonticon-10-registered--after:after, .fonticon-10-newsletter:before, .fonticon-10-newsletter--after:after, .fonticon-10-orders:before, .fonticon-10-orders--after:after, .fonticon-10-account:before, .fonticon-10-account--after:after, .fonticon-10-search:before, .fonticon-10-search--after:after, .fonticon-10-cart:before, .fonticon-10-cart--after:after, .fonticon-10-favorite:before, .fonticon-10-favorite--after:after, .fonticon-10-funnel:before, .fonticon-10-funnel--after:after {
font-family: "Sony-System-Icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.fonticon-60-blank:before, .fonticon-60-blank--after:after {
content: "\e600"
}
.fonticon-60-sony:before, .fonticon-60-sony--after:after {
content: "\e601"
}
.fonticon-60-win8:before, .fonticon-60-win8--after:after {
content: "\e602"
}
.fonticon-40-eco:before, .fonticon-40-eco--after:after {
content: "\e603"
}
.fonticon-40-accessories:before, .fonticon-40-accessories--after:after {
content: "\e604"
}
.fonticon-30-xsmall-tv:before, .fonticon-30-xsmall-tv--after:after {
content: "\e605"
}
.fonticon-30-small-tv:before, .fonticon-30-small-tv--after:after {
content: "\e606"
}
.fonticon-30-medium-tv:before, .fonticon-30-medium-tv--after:after {
content: "\e607"
}
.fonticon-30-large-tv:before, .fonticon-30-large-tv--after:after {
content: "\e608"
}
.fonticon-30-controller:before, .fonticon-30-controller--after:after {
content: "\e685"
}
.fonticon-30-plus:before, .fonticon-30-plus--after:after {
content: "\e686"
}
.fonticon-20-blank:before, .fonticon-20-blank--after:after {
content: "\e609"
}
.fonticon-20-car-speaker-enclosed:before, .fonticon-20-car-speaker-enclosed--after:after {
content: "\e60a"
}
.fonticon-20-flash-drives:before, .fonticon-20-flash-drives--after:after {
content: "\e60b"
}
.fonticon-20-lens-camera:before, .fonticon-20-lens-camera--after:after {
content: "\e60c"
}
.fonticon-20-over-the-head:before, .fonticon-20-over-the-head--after:after {
content: "\e60d"
}
.fonticon-20-walkman:before, .fonticon-20-walkman--after:after {
content: "\e60e"
}
.fonticon-20-cd:before, .fonticon-20-cd--after:after {
content: "\e60f"
}
.fonticon-20-tweeter:before, .fonticon-20-tweeter--after:after {
content: "\e610"
}
.fonticon-20-car-speaker:before, .fonticon-20-car-speaker--after:after {
content: "\e611"
}
.fonticon-20-film-strip:before, .fonticon-20-film-strip--after:after {
content: "\e612"
}
.fonticon-20-meeting-recording:before, .fonticon-20-meeting-recording--after:after {
content: "\e613"
}
.fonticon-20-voice-memo-recording:before, .fonticon-20-voice-memo-recording--after:after {
content: "\e614"
}
.fonticon-20-music:before, .fonticon-20-music--after:after {
content: "\e615"
}
.fonticon-20-pro-audio:before, .fonticon-20-pro-audio--after:after {
content: "\e616"
}
.fonticon-20-travel:before, .fonticon-20-travel--after:after {
content: "\e617"
}
.fonticon-20-controller:before, .fonticon-20-controller--after:after {
content: "\e618"
}
.fonticon-20-all-in-one:before, .fonticon-20-all-in-one--after:after {
content: "\e619"
}
.fonticon-20-walkman-compact:before, .fonticon-20-walkman-compact--after:after {
content: "\e61a"
}
.fonticon-20-wifi:before, .fonticon-20-wifi--after:after {
content: "\e61b"
}
.fonticon-20-3d:before, .fonticon-20-3d--after:after {
content: "\e61c"
}
.fonticon-20-led:before, .fonticon-20-led--after:after {
content: "\e61d"
}
.fonticon-20-4k:before, .fonticon-20-4k--after:after {
content: "\e61e"
}
.fonticon-20-laptop-tap:before, .fonticon-20-laptop-tap--after:after {
content: "\e61f"
}
.fonticon-20-laptop-flip:before, .fonticon-20-laptop-flip--after:after {
content: "\e620"
}
.fonticon-20-laptops:before, .fonticon-20-laptops--after:after {
content: "\e621"
}
.fonticon-20-hybrid-pcs:before, .fonticon-20-hybrid-pcs--after:after {
content: "\e622"
}
.fonticon-20-pro-handycam:before, .fonticon-20-pro-handycam--after:after {
content: "\e623"
}
.fonticon-20-advanced-amateur:before, .fonticon-20-advanced-amateur--after:after {
content: "\e624"
}
.fonticon-20-night:before, .fonticon-20-night--after:after {
content: "\e625"
}
.fonticon-20-landscapes:before, .fonticon-20-landscapes--after:after {
content: "\e626"
}
.fonticon-20-portraits:before, .fonticon-20-portraits--after:after {
content: "\e627"
}
.fonticon-20-expert-capability:before, .fonticon-20-expert-capability--after:after {
content: "\e628"
}
.fonticon-20-big-zoom:before, .fonticon-20-big-zoom--after:after {
content: "\e629"
}
.fonticon-20-casual-shooting:before, .fonticon-20-casual-shooting--after:after {
content: "\e62a"
}
.fonticon-20-phones:before, .fonticon-20-phones--after:after {
content: "\e62b"
}
.fonticon-20-battery:before, .fonticon-20-battery--after:after {
content: "\e62c"
}
.fonticon-20-mic-studio:before, .fonticon-20-mic-studio--after:after {
content: "\e62d"
}
.fonticon-20-runner:before, .fonticon-20-runner--after:after {
content: "\e62e"
}
.fonticon-20-skateboard:before, .fonticon-20-skateboard--after:after {
content: "\e62f"
}
.fonticon-15-flag:before, .fonticon-15-flag--after:after {
content: "\e630"
}
.fonticon-15-tumblr:before, .fonticon-15-tumblr--after:after {
content: "\e631"
}
.fonticon-15-vine:before, .fonticon-15-vine--after:after {
content: "\e632"
}
.fonticon-15-vk:before, .fonticon-15-vk--after:after {
content: "\e633"
}
.fonticon-15-weibo:before, .fonticon-15-weibo--after:after {
content: "\e683"
}
.fonticon-15-comment-ratings:before, .fonticon-15-comment-ratings--after:after {
content: "\e634"
}
.fonticon-15-circle-num-9:before, .fonticon-15-circle-num-9--after:after {
content: "\e635"
}
.fonticon-15-circle-num-8:before, .fonticon-15-circle-num-8--after:after {
content: "\e636"
}
.fonticon-15-circle-num-7:before, .fonticon-15-circle-num-7--after:after {
content: "\e637"
}
.fonticon-15-circle-num-6:before, .fonticon-15-circle-num-6--after:after {
content: "\e638"
}
.fonticon-15-circle-num-5:before, .fonticon-15-circle-num-5--after:after {
content: "\e639"
}
.fonticon-15-circle-num-4:before, .fonticon-15-circle-num-4--after:after {
content: "\e63a"
}
.fonticon-15-circle-num-3:before, .fonticon-15-circle-num-3--after:after {
content: "\e63b"
}
.fonticon-15-circle-num-2:before, .fonticon-15-circle-num-2--after:after {
content: "\e63c"
}
.fonticon-15-circle-num-1:before, .fonticon-15-circle-num-1--after:after {
content: "\e63d"
}
.fonticon-15-circle-num-0:before, .fonticon-15-circle-num-0--after:after {
content: "\e63e"
}
.fonticon-15-zoom:before, .fonticon-15-zoom--after:after {
content: "\e63f"
}
.fonticon-15-instagram:before, .fonticon-15-instagram--after:after {
content: "\e640"
}
.fonticon-15-link:before, .fonticon-15-link--after:after {
content: "\e641"
}
.fonticon-15-facebook:before, .fonticon-15-facebook--after:after {
content: "\e642"
}
.fonticon-15-pinterest:before, .fonticon-15-pinterest--after:after {
content: "\e643"
}
.fonticon-15-youtube:before, .fonticon-15-youtube--after:after {
content: "\e644"
}
.fonticon-15-gplus:before, .fonticon-15-gplus--after:after {
content: "\e645"
}
.fonticon-15-facebook-sm:before, .fonticon-15-facebook-sm--after:after {
content: "\e646"
}
.fonticon-15-twitter:before, .fonticon-15-twitter--after:after {
content: "\e647"
}
.fonticon-15-popup:before, .fonticon-15-popup--after:after {
content: "\e648"
}
.fonticon-15-circle-play:before, .fonticon-15-circle-play--after:after {
content: "\e649"
}
.fonticon-15-mobile-menu:before, .fonticon-15-mobile-menu--after:after {
content: "\e64a"
}
.fonticon-10-blank:before, .fonticon-10-blank--after:after {
content: "\e64b"
}
.fonticon-10-circle_off:before, .fonticon-10-circle_off--after:after {
content: "\e64d"
}
.fonticon-10-circle-plus:before, .fonticon-10-circle-plus--after:after {
content: "\e64c"
}
.fonticon-10-globe-web:before, .fonticon-10-globe-web--after:after {
content: "\e64e"
}
.fonticon-10-no-favorites:before, .fonticon-10-no-favorites--after:after {
content: "\e64f"
}
.fonticon-10-share:before, .fonticon-10-share--after:after {
content: "\e650"
}
.fonticon-10-thumbs-down:before, .fonticon-10-thumbs-down--after:after {
content: "\e651"
}
.fonticon-10-web-globe:before, .fonticon-10-web-globe--after:after {
content: "\e652"
}
.fonticon-10-back-to-top:before, .fonticon-10-back-to-top--after:after {
content: "\e653"
}
.fonticon-10-circle_on:before, .fonticon-10-circle_on--after:after {
content: "\e654"
}
.fonticon-10-thumbs-up:before, .fonticon-10-thumbs-up--after:after {
content: "\e655"
}
.fonticon-10-blank:before, .fonticon-10-blank--after:after {
content: "\e64b"
}
.fonticon-10-browse:before, .fonticon-10-browse--after:after {
content: "\e656"
}
.fonticon-10-compare:before, .fonticon-10-compare--after:after {
content: "\e657"
}
.fonticon-10-x-sm:before, .fonticon-10-x-sm--after:after {
content: "\e658"
}
.fonticon-10-minus-sm:before, .fonticon-10-minus-sm--after:after {
content: "\e684"
}
.fonticon-10-plus-sm:before, .fonticon-10-plus-sm--after:after {
content: "\e659"
}
.fonticon-10-speaker:before, .fonticon-10-speaker--after:after {
content: "\e65a"
}
.fonticon-10-video-pause:before, .fonticon-10-video-pause--after:after {
content: "\e65b"
}
.fonticon-10-video-play:before, .fonticon-10-video-play--after:after {
content: "\e65c"
}
.fonticon-10-video-minimize:before, .fonticon-10-video-minimize--after:after {
content: "\e65d"
}
.fonticon-10-video-enlarge:before, .fonticon-10-video-enlarge--after:after {
content: "\e65e"
}
.fonticon-10-x:before, .fonticon-10-x--after:after {
content: "\e65f"
}
.fonticon-10-circlearrow:before, .fonticon-10-circlearrow--after:after {
content: "\e660"
}
.fonticon-10-dot:before, .fonticon-10-dot--after:after {
content: "\e661"
}
.fonticon-10-sm-bold-x:before, .fonticon-10-sm-bold-x--after:after {
content: "\e662"
}
.fonticon-10-sm-bold-check:before, .fonticon-10-sm-bold-check--after:after {
content: "\e663"
}
.fonticon-10-sm-bold-plus:before, .fonticon-10-sm-bold-plus--after:after {
content: "\e664"
}
.fonticon-10-arrow-left:before, .fonticon-10-arrow-left--after:after {
content: "\e687"
}
.fonticon-10-arrow-right:before, .fonticon-10-arrow-right--after:after {
content: "\e665"
}
.fonticon-10-arrowheads-elevator:before, .fonticon-10-arrowheads-elevator--after:after {
content: "\e666"
}
.fonticon-10-arrowhead-up:before, .fonticon-10-arrowhead-up--after:after {
content: "\e667"
}
.fonticon-10-arrowhead-down:before, .fonticon-10-arrowhead-down--after:after {
content: "\e668"
}
.fonticon-10-alpha-bold:before, .fonticon-10-alpha-bold--after:after {
content: "\e669"
}
.fonticon-10-alpha-medium:before, .fonticon-10-alpha-medium--after:after {
content: "\e66a"
}
.fonticon-10-alpha:before, .fonticon-10-alpha--after:after {
content: "\e66b"
}
.fonticon-10-alpha-light:before, .fonticon-10-alpha-light--after:after {
content: "\e66c"
}
.fonticon-10-chevron-sm:before, .fonticon-10-chevron-sm--after:after {
content: "\e66d"
}
.fonticon-10-chevron-reverse-sm:before, .fonticon-10-chevron-reverse-sm--after:after {
content: "\e689"
}
.fonticon-10-chevron-reverse:before, .fonticon-10-chevron-reverse--after:after {
content: "\e66e"
}
.fonticon-10-chevron:before, .fonticon-10-chevron--after:after {
content: "\e66f"
}
.fonticon-10-x-skinny-rounded:before, .fonticon-10-x-skinny-rounded--after:after {
content: "\e670"
}
.fonticon-10-x-skinny:before, .fonticon-10-x-skinny--after:after {
content: "\e671"
}
.fonticon-10-plus-skinny:before, .fonticon-10-plus-skinny--after:after {
content: "\e672"
}
.fonticon-10-square-neg-plus:before, .fonticon-10-square-neg-plus--after:after {
content: "\e673"
}
.fonticon-10-circle-q:before, .fonticon-10-circle-q--after:after {
content: "\e674"
}
.fonticon-10-circle-x:before, .fonticon-10-circle-x--after:after {
content: "\e675"
}
.fonticon-10-grid-3x3:before, .fonticon-10-grid-3x3--after:after {
content: "\e676"
}
.fonticon-10-support:before, .fonticon-10-support--after:after {
content: "\e677"
}
.fonticon-10-location:before, .fonticon-10-location--after:after {
content: "\e678"
}
.fonticon-10-star-half:before, .fonticon-10-star-half--after:after {
content: "\e679"
}
.fonticon-10-star:before, .fonticon-10-star--after:after {
content: "\e67a"
}
.fonticon-10-globe:before, .fonticon-10-globe--after:after {
content: "\e67b"
}
.fonticon-10-registered:before, .fonticon-10-registered--after:after {
content: "\e67c"
}
.fonticon-10-newsletter:before, .fonticon-10-newsletter--after:after {
content: "\e67d"
}
.fonticon-10-orders:before, .fonticon-10-orders--after:after {
content: "\e67e"
}
.fonticon-10-account:before, .fonticon-10-account--after:after {
content: "\e67f"
}
.fonticon-10-search:before, .fonticon-10-search--after:after {
content: "\e680"
}
.fonticon-10-cart:before, .fonticon-10-cart--after:after {
content: "\e681"
}
.fonticon-10-favorite:before, .fonticon-10-favorite--after:after {
content: "\e682"
}
.fonticon-10-funnel:before, .fonticon-10-funnel--after:after {
content: "\e688"
}
body {
color: #2f353d
}
small {
font-size: 0.85em
}
.muted {
color: #bcbccc
}
a {
color: #2f4da1;
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: .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: 400;
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", "SST W01 Roman", "SST W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-weight: 400;
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: 500;
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", "SST W01 Medium", "SST W01 Medium", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-weight: 500;
font-style: normal
}
.t3, h3, .t4, h4, h3, h4 {
font-family: "SST W01 Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 200;
font-style: normal
}
.t3 em, h3 em, .t4 em, h4 em, h3 em, h4 em {
font-family: "SST W01 Light Italic", "SST W01 Light", "SST W01 Light", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 200;
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: 400;
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", "SST W01 Roman", "SST W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-weight: 400;
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: 500;
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", "SST W01 Medium", "SST W01 Medium", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-weight: 500;
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: 500;
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", "SST W01 Bold", "SST W01 Bold", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-weight: 500;
font-style: normal
}
.t6-bold, .t7-bold {
/*font-family: "SST W01 Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-weight: 500;
font-style: normal
}
.t1-light, .t2-light, .t5-light {
font-family: "SST W01 Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 200;
font-style: normal
}
.t6-light, .t7-light {
/*font-family: "SST W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-weight: 400;
font-style: normal
}
.t6-light em, .t7-light em {
/*font-family: "SST W01 Italic", "SST W01 Roman", "SST W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-weight: 400;
font-style: normal
}
.t6-light strong, .t7-light strong {
/*font-family: "SST W01 Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-weight: 500;
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", "SST W01 Medium", "SST W01 Medium", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-weight: 500;
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: .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: 500;
font-style: normal
}
.l2, .l3, .label, .l4, .l1-light {
/*font-family: "SST W01 Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-weight: 500;
font-style: normal
}
.l2 em, .l3 em, .label em, .l4 em, .l1-light em {
/*font-family: "SST W01 Medium Italic", "SST W01 Medium", "SST W01 Medium", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-weight: 500;
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: 500;
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", "SST W01 Bold", "SST W01 Bold", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-weight: 500;
font-style: normal
}
.l2-light, .l3-light, .l4-light {
/*font-family: "SST W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-weight: 400;
font-style: normal
}
.l2-light em, .l3-light em, .l4-light em {
/*font-family: "SST W01 Italic", "SST W01 Roman", "SST W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-weight: 400;
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: 500;
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", "SST W01 Medium", "SST W01 Medium", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-weight: 500;
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: .75em;
line-height: 1.5
}
.l3, .label, .l3-light, .l3-bold {
font-size: .6875em;
line-height: 1.63636
}
.l4, .l4-light, .l4-bold {
font-size: .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: 400;
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", "SST W01 Roman", "SST W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-weight: 400;
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: 500;
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", "SST W01 Medium", "SST W01 Medium", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-weight: 500;
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: 500;
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", "SST W01 Medium", "SST W01 Medium", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-weight: 500;
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: 500;
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", "SST W01 Bold", "SST W01 Bold", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-weight: 500;
font-style: normal
}
p, .p1, .p2, p, .p3, .p4, .p5, .p1-bold, .p2-bold, .p3-bold, .p4-bold, .p5-bold {
color: #747481
}
.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: .9375em;
line-height: 1.46667
}
.p3, .lt3, .lt3-alt, .p3-bold, .lt3-bold, .lt3-alt-bold {
font-size: .8125em;
line-height: 1.53846
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.p3, .lt3, .lt3-alt, .p3-bold, .lt3-bold, .lt3-alt-bold {
font-size: .875em;
line-height: 1.5
}
}
.p4, .lt4, input.p4, .p4-bold, .lt4-bold, input.p4-bold {
font-size: .75em;
line-height: 1.5
}
.p5, .lt5 .p5-bold, .lt5-bold {
font-size: .6875em;
line-height: 1.36364
}
.lt-alt, .lt3-alt, .lt-alt-bold, .lt3-alt-bold {
letter-spacing: .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: #747481
}
blockquote p {
font-family: "SST W01 Light Italic", "SST W01 Light", "SST W01 Light", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 200;
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", "SST W01 Roman", "SST W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-weight: 400;
font-style: normal
}
blockquote.colorful p {
color: #4f6b85
}
blockquote.colorful-dark p {
color: #293d54
}
.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: .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: .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: 400;
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: 500;
font-style: normal
}
.bt1 {
font-size: .9375em;
line-height: 1.46667;
margin-bottom: 12px
}
.bt2 {
font-size: .8125em;
line-height: 1.53846;
margin-bottom: 12px
}
.bt3 {
font-size: .75em;
line-height: 1.5;
margin-bottom: 8px
}
.bt4 {
font-size: .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: #74747f
}
.dark-text blockquote p, .dark-text-light-box blockquote p, .dark-text-trans-box blockquote p {
color: #2f353d
}
.dark-text-dark-box h1, .dark-text-dark-box h2, .dark-text-dark-box h3, .dark-text-dark-box h4, .dark-text-dark-box h5, .dark-text-dark-box h6, .dark-text-dark-box p {
color: #bcbccc
}
.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 .labelOnly, .light-text-light-box h1, .light-text-light-box h2, .light-text-light-box h3, .light-text-light-box .t1, .light-text-light-box h1, .light-text-light-box .t2, .light-text-light-box h2, .light-text-light-box .t3, .light-text-light-box h3, .light-text-light-box .t1-light, .light-text-light-box .t2-light, .light-text-light-box .t3-light, .light-text-light-box .t1-bold, .light-text-light-box .t2-bold, .light-text-light-box .t3-bold, .light-text-light-box .labelOnly, .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-dark-box .labelOnly, .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, .light-text-trans-box .labelOnly {
color: #fff;
-webkit-font-smoothing: antialiased
}
.light-text p, .light-text-light-box p, .light-text-dark-box p, .light-text-trans-box p {
color: #fff
}
.light-text-light-box h1, .light-text-light-box h2, .light-text-light-box h3, .light-text-light-box .t1, .light-text-light-box h1, .light-text-light-box .t2, .light-text-light-box h2, .light-text-light-box .t3, .light-text-light-box h3, .light-text-light-box .t1-light, .light-text-light-box .t2-light, .light-text-light-box .t3-light, .light-text-light-box .t1-bold, .light-text-light-box .t2-bold, .light-text-light-box .t3-bold, .light-text-light-box .labelOnly, .light-text-light-box p, .dark-text-dark-box a:not(.btn) h1, .dark-text-dark-box a:not(.btn) h2, .dark-text-dark-box a:not(.btn) h3, .dark-text-dark-box a:not(.btn) .t1, .dark-text-dark-box a:not(.btn) h1, .dark-text-dark-box a:not(.btn) .t2, .dark-text-dark-box a:not(.btn) h2, .dark-text-dark-box a:not(.btn) .t3, .dark-text-dark-box a:not(.btn) h3, .dark-text-dark-box a:not(.btn) .t1-light, .dark-text-dark-box a:not(.btn) .t2-light, .dark-text-dark-box a:not(.btn) .t3-light, .dark-text-dark-box a:not(.btn) .t1-bold, .dark-text-dark-box a:not(.btn) .t2-bold, .dark-text-dark-box a:not(.btn) .t3-bold, .dark-text-dark-box a:not(.btn) .labelOnly, .dark-text-dark-box a:not(.btn) p {
color: #bcbccc
}
.light-text-light-box a:not(.btn), .light-text-dark-box a:not(.btn), .light-text-trans-box a:not(.btn) {
color: #fff;
-webkit-font-smoothing: antialiased
}
.light-text-light-box a:not(.btn):hover, .light-text-light-box a:not(.btn):active, .light-text-light-box a:not(.btn):focus, .light-text-light-box a:not(.btn).active, .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-light-box a:not(.btn), .light-text-light-box p, .light-text-dark-box p {
color: #bcbccc
}
.dark-text-dark-box .box, .light-text-dark-box .box {
background: rgba(33,37,48,0.95)
}
.light-text-light-box .box, .dark-text-light-box .box {
background: rgba(255,255,255,0.95)
}
.lt-ie10 .light-text-dark-box .box {
background: #000
}
.lt-ie10 .light-text-light-box .box, .lt-ie10 .dark-text-light-box .box {
background: #fff
}
.tl {
font-size: .86667em
}
.tl-large {
font-size: 1em
}
.nav-font-medium, .navtray-list-main>li>a.tl {
/*font-family: "SST W01 Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-weight: 500;
font-style: normal
}
.nav-font-medium em, .navtray-list-main>li>a.tl em {
/*font-family: "SST W01 Medium Italic", "SST W01 Medium", "SST W01 Medium", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-weight: 500;
font-style: normal
}
.nav-font-regular {
/*font-family: "SST W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-weight: 400;
font-style: normal;
font-size: .8125em
}
.navtray-list-main>li>a.tl {
color: #2f353d;
font-size: .8125em
}
.page-header {
border-bottom: 1px solid #f1f5f9
}
ul, ol {
padding: 0;
margin: 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 .05s, color linear .05s;
transition: border linear .05s, color linear .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;
color: #74747f
}
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: .73333em
}
select[multiple], select[size] {
height: auto
}
select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
outline: 3px 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
}
.styled-checkbox {
position: absolute;
opacity: 0
}
.styled-checkbox+label {
padding: 0
}
.styled-checkbox+label:before {
content: '';
position: relative;
top: -.15385em;
margin-right: .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 .15s ease-out, background-color .15s ease-out, color .15s ease-out;
transition: box-shadow .15s ease-out, background-color .15s ease-out, color .15s ease-out
}
.styled-checkbox+label:after {
position: absolute;
left: .375em;
top: .25em;
opacity: 0;
color: #2f353d;
-webkit-transition: opacity .15s ease-out, color .15s ease-out;
transition: opacity .15s ease-out, color .15s ease-out
}
.styled-checkbox:focus+label:before {
box-shadow: none
}
.styled-checkbox:checked+label:before, .styled-checkbox.active+label:before {
background: #2f353d
}
.styled-checkbox:checked+label:after, .styled-checkbox.active+label:after {
opacity: 1;
color: #fff;
-webkit-font-smoothing: antialiased
}
.styled-checkbox.disabled+label, .styled-checkbox[disabled]+label, .styled-checkbox.disabled:hover+label, .styled-checkbox[disabled]:hover+label {
cursor: auto;
color: #bcbccc
}
.styled-checkbox.disabled+label:before, .styled-checkbox[disabled]+label:before, .styled-checkbox.disabled:hover+label:before, .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
}
.styled-checkbox.disabled+label:after, .styled-checkbox[disabled]+label:after, .styled-checkbox.disabled:hover+label:after, .styled-checkbox[disabled]:hover+label:after {
content: none
}
.compare-checkbox {
opacity: 0;
position: absolute;
left: 0
}
.compare-checkbox+label {
display: inline-block;
width: auto;
font-size: 13.5px;
height: 18px;
line-height: 18px;
cursor: pointer;
color: #2f353d;
margin: 0
}
.compare-checkbox+label:before {
display: inline-block;
vertical-align: baseline;
background-color: #f3f4f6;
border: 1px solid #74747f;
height: 16px;
line-height: 14px;
color: #f3f4f6;
text-align: center;
font-family: "Sony-System-Icons";
content: "\e663";
font-size: 13.5px;
-webkit-font-smoothing: antialiased;
margin-right: 8px;
width: 14px;
padding-left: 2px;
-webkit-transition: color .15s ease-out;
transition: color .15s ease-out
}
.compare-checkbox:checked+label:before {
background: #2f353d
}
.compare-checkbox:not(.active):not(:checked):not([disabled]):hover+label:before {
color: #2f353d
}
.no-touch .styled-checkbox:not(.active):not(:checked):not([disabled]):hover+label:before {
-webkit-box-shadow: none;
box-shadow: none;
color: #2f353d;
background: #f3f4f6
}
.no-touch .styled-checkbox+label:hover:after {
opacity: 1
}
.no-opacity .styled-checkbox {
left: -9999px
}
.no-opacity .styled-checkbox+label:after {
display: none
}
.no-opacity .styled-checkbox+label:hover:after, .no-opacity .styled-checkbox:checked+label:after, .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-size: .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: .86667em
}
.btn:hover, .btn:active, .btn:focus, .btn.active {
color: #fff;
text-decoration: none
}
.btn:hover {
background-color: #4572ed
}
.btn:focus {
background: #6694ff;
outline: 3px auto -webkit-focus-ring-color;
outline-offset: -2px
}
.btn.active, .btn:active {
background: #6694ff
}
.btn.disabled, .btn[disabled] {
cursor: default;
opacity: .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: .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 .15s ease-out, color .15s ease-out, background-color .15s ease-out !important;
transition: box-shadow .15s ease-out, color .15s ease-out, background-color .15s ease-out !important;
/*font-family: "SST W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-weight: 400;
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 .15s ease-out;
transition: opacity .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: #74747f
}
.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: .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: .75em;
line-height: 1.2375
}
p .btn-small, td .btn-small {
font-size: .8em
}
.btn-small.btn-special {
padding: 14px 18px 16px
}
.btn-small [class^="icon-"] {
margin-top: 0px
}
.btn-mini {
padding: 9px 14px 11px;
font-size: .6875em;
line-height: .99
}
p .btn-mini, td .btn-mini {
font-size: .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: #74747f
}
.btn-alt-special:active {
background: #74747f
}
.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: #74747f
}
.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>.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: #74747f
}
.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: .2s, .2s, .2s, .2s, .2s, .2s, 0s;
transition-duration: .2s, .2s, .2s, .2s, .2s, .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, .4s;
transition-delay: 0s, 0s, 0s, 0s, 0s, 0s, .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: .2s, .2s, .2s, .2s, .2s, .2s, 0s;
transition-duration: .2s, .2s, .2s, .2s, .2s, .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: #e95228;
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: .15s, .15s, .15s, .15s, .15s;
transition-duration: .15s, .15s, .15s, .15s, .15s;
-webkit-transition-delay: .05s, .05s, .05s, .05s, .05s;
transition-delay: .05s, .05s, .05s, .05s, .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: #8b8b97;
background-image: -moz-linear-gradient(top, #90909b, #74747f);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#90909b), to(#74747f));
background-image: -webkit-linear-gradient(top, #90909b, #74747f);
background-image: -o-linear-gradient(top, #90909b, #74747f);
background-image: linear-gradient(to bottom, #90909b, #74747f);
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: .2s ease-out;
transition: .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: .2s ease-out;
transition: .2s ease-out
}
.alert .title {
color: #000
}
.alert .title.js-disabled h1, .alert .title.js-disabled p {
color: #000;
font-weight: 500
}
.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.5625em;
height: 2.5em;
-webkit-box-shadow: 0 1px 0 #bcbccc;
box-shadow: 0 1px 0 #bcbccc;
-webkit-transition: -webkit-transform .3s ease-out .3s, box-shadow .3s ease-out .3s, background .3s ease-out .3s, color .3s ease-out .3s, width .3s ease-out 0s, margin .3s ease-out 0s !important;
transition: transform .3s ease-out .3s, box-shadow .3s ease-out .3s, background .3s ease-out .3s, color .3s ease-out .3s, width .3s ease-out 0s, margin .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 .2s ease-out !important;
transition: opacity .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: -.625em;
margin-top: -.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(.001);
-ms-transform: scale(.001);
transform: scale(.001);
-webkit-transition: -webkit-transform .3s ease-out, box-shadow .3s ease-out, background .3s ease-out, color .3s ease-out, width .3s ease-out .3s, margin .3s ease-out .3s !important;
transition: transform .3s ease-out, box-shadow .3s ease-out, background .3s ease-out, color .3s ease-out, width .3s ease-out .3s, margin .3s ease-out .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: .375em
}
.lt-ie8 .color-swatches>*:not(:last-child) {
margin-right: .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-mediumblue {
background-color: #0000cd
}
.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-lightblue {
background-color: #addbff
}
.swatch-lightpink {
background-color: #ffc7e4
}
.swatch-lightbrown {
background-color: #c98a45
}
.swatch-yellow {
background-color: #ebab3d
}
.swatch-purple {
background-color: #913f99
}
.swatch-teal {
background-color: #31b0cc
}
.swatch-gray {
background-color: #4f6b85
}
.swatch-navy {
background-color: #293d54
}
.swatch-cream {
background-color: #f4f0cb
}
.swatch-brown {
background-color: #685642
}
.swatch-gold {
background-color: #ebab3d
}
.color-swatches>.mini-swatch:not(:last-child) {
margin-right: .125em
}
.mini-swatch, .micro-swatch {
width: .75em;
height: .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: .625em;
height: .625em
}
.color-swatches>.micro-swatch:not(:last-child) {
margin-right: .0625em
}
.fonticon-30-carl-zeiss:before, .fonticon-30-carl-zeiss--after:after {
color: #15208c
}
.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.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: #74747f
}
.dropdown-hover-menu, .dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1002;
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)
}
.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: .9375em;
color: #74747f;
-webkit-transition-duration: .2s;
transition-duration: .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;
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: #74747f;
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:1002
}
.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;
direction: ltr;
text-align: left
}
.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
}
.dropdown-options .native-dropdown {
position: relative;
display: none;
cursor: pointer
}
.dropdown-options .native-dropdown.moz-ie {
border-right: 1px solid #e4e7eb;
overflow: hidden
}
.dropdown-options .native-dropdown.moz-ie select {
width: 130%;
overflow: hidden;
padding-top: 4px
}
.dropdown-options .native-dropdown select {
margin-bottom: 0;
height: 36px;
-webkit-appearance: none;
padding: 0 26px 0 12px;
border-radius: 0;
line-height: 1.5;
overflow: hidden;
text-overflow: ellipsis
}
.dropdown-options .native-dropdown .absolutely {
position: absolute;
top: 55%;
margin-top: -8px;
right: 12px;
pointer-events: none
}
.touch .dropdown-options .native-dropdown {
display: inline-block
}
.touch .dropdown-options .dropdown {
display: none
}
@media (max-width: 47.9375em) {
.dropdown-options {
margin-top: 0;
float: none;
clear: both
}
.dropdown-options.ib {
display: block
}
.dropdown-options .native-dropdown select {
height: 31px
}
.dropdown-options .native-dropdown, .dropdown-options .native-dropdown select, .dropdown-options .dropdown, .dropdown-options .dropdown-toggle.btn {
width: 100%;
font-size: 1em
}
.no-touch .dropdown-options .dropdown, .touch .dropdown-options .native-dropdown {
display: block
}
}
@media (min-width: 768px) and (max-width: 979px) {
.dropdown-options .native-dropdown select {
height: 34px
}
}
.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
}
.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: #74747f;
border: none;
text-align: center;
cursor: pointer;
-webkit-transform: translateZ(0px);
-webkit-transition: .2s ease-out;
transition: .2s ease-out
}
.box-close:hover {
background: #2f353d
}
.box-close span.fi {
color: #fff;
-webkit-font-smoothing: antialiased
}
.box-close-small {
width: 1.375em;
height: 1.375em;
line-height: .375em
}
.box-close-small span.fi {
font-size: .75em;
vertical-align: bottom
}
.lt-ie8 .box-close-small span.fi {
vertical-align: baseline
}
.box-close-alt {
top: 12px;
right: 14px;
background: #74747f;
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 span.fi {
font-size: 1.25em
}
.box-close-alt.close-hide {
opacity: 0
}
.image-intrinsic-placeholder {
position: relative;
height: 0
}
.image-intrinsic-placeholder img {
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
@media (max-width: 47.9375em) {
.phone-ratio-0 {
position: initial;
height: auto
}
.phone-ratio-0 img {
position: initial;
top: auto;
left: auto;
transform: none;
-webkit-transform: none;
-ms-transform: none
}
.phone-ratio-1 {
padding-top: 1%
}
.phone-ratio-2 {
padding-top: 2%
}
.phone-ratio-3 {
padding-top: 3%
}
.phone-ratio-4 {
padding-top: 4%
}
.phone-ratio-5 {
padding-top: 5%
}
.phone-ratio-6 {
padding-top: 6%
}
.phone-ratio-7 {
padding-top: 7%
}
.phone-ratio-8 {
padding-top: 8%
}
.phone-ratio-9 {
padding-top: 9%
}
.phone-ratio-10 {
padding-top: 10%
}
.phone-ratio-11 {
padding-top: 11%
}
.phone-ratio-12 {
padding-top: 12%
}
.phone-ratio-13 {
padding-top: 13%
}
.phone-ratio-14 {
padding-top: 14%
}
.phone-ratio-15 {
padding-top: 15%
}
.phone-ratio-16 {
padding-top: 16%
}
.phone-ratio-17 {
padding-top: 17%
}
.phone-ratio-18 {
padding-top: 18%
}
.phone-ratio-19 {
padding-top: 19%
}
.phone-ratio-20 {
padding-top: 20%
}
.phone-ratio-21 {
padding-top: 21%
}
.phone-ratio-22 {
padding-top: 22%
}
.phone-ratio-23 {
padding-top: 23%
}
.phone-ratio-24 {
padding-top: 24%
}
.phone-ratio-25 {
padding-top: 25%
}
.phone-ratio-26 {
padding-top: 26%
}
.phone-ratio-27 {
padding-top: 27%
}
.phone-ratio-28 {
padding-top: 28%
}
.phone-ratio-29 {
padding-top: 29%
}
.phone-ratio-30 {
padding-top: 30%
}
.phone-ratio-31 {
padding-top: 31%
}
.phone-ratio-32 {
padding-top: 32%
}
.phone-ratio-33 {
padding-top: 33%
}
.phone-ratio-34 {
padding-top: 34%
}
.phone-ratio-35 {
padding-top: 35%
}
.phone-ratio-36 {
padding-top: 36%
}
.phone-ratio-37 {
padding-top: 37%
}
.phone-ratio-38 {
padding-top: 38%
}
.phone-ratio-39 {
padding-top: 39%
}
.phone-ratio-40 {
padding-top: 40%
}
.phone-ratio-41 {
padding-top: 41%
}
.phone-ratio-42 {
padding-top: 42%
}
.phone-ratio-43 {
padding-top: 43%
}
.phone-ratio-44 {
padding-top: 44%
}
.phone-ratio-45 {
padding-top: 45%
}
.phone-ratio-46 {
padding-top: 46%
}
.phone-ratio-47 {
padding-top: 47%
}
.phone-ratio-48 {
padding-top: 48%
}
.phone-ratio-49 {
padding-top: 49%
}
.phone-ratio-50 {
padding-top: 50%
}
.phone-ratio-51 {
padding-top: 51%
}
.phone-ratio-52 {
padding-top: 52%
}
.phone-ratio-53 {
padding-top: 53%
}
.phone-ratio-54 {
padding-top: 54%
}
.phone-ratio-55 {
padding-top: 55%
}
.phone-ratio-56 {
padding-top: 56%
}
.phone-ratio-57 {
padding-top: 57%
}
.phone-ratio-58 {
padding-top: 58%
}
.phone-ratio-59 {
padding-top: 59%
}
.phone-ratio-60 {
padding-top: 60%
}
.phone-ratio-61 {
padding-top: 61%
}
.phone-ratio-62 {
padding-top: 62%
}
.phone-ratio-63 {
padding-top: 63%
}
.phone-ratio-64 {
padding-top: 64%
}
.phone-ratio-65 {
padding-top: 65%
}
.phone-ratio-66 {
padding-top: 66%
}
.phone-ratio-67 {
padding-top: 67%
}
.phone-ratio-68 {
padding-top: 68%
}
.phone-ratio-69 {
padding-top: 69%
}
.phone-ratio-70 {
padding-top: 70%
}
.phone-ratio-71 {
padding-top: 71%
}
.phone-ratio-72 {
padding-top: 72%
}
.phone-ratio-73 {
padding-top: 73%
}
.phone-ratio-74 {
padding-top: 74%
}
.phone-ratio-75 {
padding-top: 75%
}
.phone-ratio-76 {
padding-top: 76%
}
.phone-ratio-77 {
padding-top: 77%
}
.phone-ratio-78 {
padding-top: 78%
}
.phone-ratio-79 {
padding-top: 79%
}
.phone-ratio-80 {
padding-top: 80%
}
.phone-ratio-81 {
padding-top: 81%
}
.phone-ratio-82 {
padding-top: 82%
}
.phone-ratio-83 {
padding-top: 83%
}
.phone-ratio-84 {
padding-top: 84%
}
.phone-ratio-85 {
padding-top: 85%
}
.phone-ratio-86 {
padding-top: 86%
}
.phone-ratio-87 {
padding-top: 87%
}
.phone-ratio-88 {
padding-top: 88%
}
.phone-ratio-89 {
padding-top: 89%
}
.phone-ratio-90 {
padding-top: 90%
}
.phone-ratio-91 {
padding-top: 91%
}
.phone-ratio-92 {
padding-top: 92%
}
.phone-ratio-93 {
padding-top: 93%
}
.phone-ratio-94 {
padding-top: 94%
}
.phone-ratio-95 {
padding-top: 95%
}
.phone-ratio-96 {
padding-top: 96%
}
.phone-ratio-97 {
padding-top: 97%
}
.phone-ratio-98 {
padding-top: 98%
}
.phone-ratio-99 {
padding-top: 99%
}
.phone-ratio-100 {
padding-top: 100%
}
}
@media (min-width: 48em) and (max-width: 61.1875em) {
.tablet-ratio-0 {
position: initial;
height: auto
}
.tablet-ratio-0 img {
position: initial;
top: auto;
left: auto;
transform: none;
-webkit-transform: none;
-ms-transform: none
}
.tablet-ratio-1 {
padding-top: 1%
}
.tablet-ratio-2 {
padding-top: 2%
}
.tablet-ratio-3 {
padding-top: 3%
}
.tablet-ratio-4 {
padding-top: 4%
}
.tablet-ratio-5 {
padding-top: 5%
}
.tablet-ratio-6 {
padding-top: 6%
}
.tablet-ratio-7 {
padding-top: 7%
}
.tablet-ratio-8 {
padding-top: 8%
}
.tablet-ratio-9 {
padding-top: 9%
}
.tablet-ratio-10 {
padding-top: 10%
}
.tablet-ratio-11 {
padding-top: 11%
}
.tablet-ratio-12 {
padding-top: 12%
}
.tablet-ratio-13 {
padding-top: 13%
}
.tablet-ratio-14 {
padding-top: 14%
}
.tablet-ratio-15 {
padding-top: 15%
}
.tablet-ratio-16 {
padding-top: 16%
}
.tablet-ratio-17 {
padding-top: 17%
}
.tablet-ratio-18 {
padding-top: 18%
}
.tablet-ratio-19 {
padding-top: 19%
}
.tablet-ratio-20 {
padding-top: 20%
}
.tablet-ratio-21 {
padding-top: 21%
}
.tablet-ratio-22 {
padding-top: 22%
}
.tablet-ratio-23 {
padding-top: 23%
}
.tablet-ratio-24 {
padding-top: 24%
}
.tablet-ratio-25 {
padding-top: 25%
}
.tablet-ratio-26 {
padding-top: 26%
}
.tablet-ratio-27 {
padding-top: 27%
}
.tablet-ratio-28 {
padding-top: 28%
}
.tablet-ratio-29 {
padding-top: 29%
}
.tablet-ratio-30 {
padding-top: 30%
}
.tablet-ratio-31 {
padding-top: 31%
}
.tablet-ratio-32 {
padding-top: 32%
}
.tablet-ratio-33 {
padding-top: 33%
}
.tablet-ratio-34 {
padding-top: 34%
}
.tablet-ratio-35 {
padding-top: 35%
}
.tablet-ratio-36 {
padding-top: 36%
}
.tablet-ratio-37 {
padding-top: 37%
}
.tablet-ratio-38 {
padding-top: 38%
}
.tablet-ratio-39 {
padding-top: 39%
}
.tablet-ratio-40 {
padding-top: 40%
}
.tablet-ratio-41 {
padding-top: 41%
}
.tablet-ratio-42 {
padding-top: 42%
}
.tablet-ratio-43 {
padding-top: 43%
}
.tablet-ratio-44 {
padding-top: 44%
}
.tablet-ratio-45 {
padding-top: 45%
}
.tablet-ratio-46 {
padding-top: 46%
}
.tablet-ratio-47 {
padding-top: 47%
}
.tablet-ratio-48 {
padding-top: 48%
}
.tablet-ratio-49 {
padding-top: 49%
}
.tablet-ratio-50 {
padding-top: 50%
}
.tablet-ratio-51 {
padding-top: 51%
}
.tablet-ratio-52 {
padding-top: 52%
}
.tablet-ratio-53 {
padding-top: 53%
}
.tablet-ratio-54 {
padding-top: 54%
}
.tablet-ratio-55 {
padding-top: 55%
}
.tablet-ratio-56 {
padding-top: 56%
}
.tablet-ratio-57 {
padding-top: 57%
}
.tablet-ratio-58 {
padding-top: 58%
}
.tablet-ratio-59 {
padding-top: 59%
}
.tablet-ratio-60 {
padding-top: 60%
}
.tablet-ratio-61 {
padding-top: 61%
}
.tablet-ratio-62 {
padding-top: 62%
}
.tablet-ratio-63 {
padding-top: 63%
}
.tablet-ratio-64 {
padding-top: 64%
}
.tablet-ratio-65 {
padding-top: 65%
}
.tablet-ratio-66 {
padding-top: 66%
}
.tablet-ratio-67 {
padding-top: 67%
}
.tablet-ratio-68 {
padding-top: 68%
}
.tablet-ratio-69 {
padding-top: 69%
}
.tablet-ratio-70 {
padding-top: 70%
}
.tablet-ratio-71 {
padding-top: 71%
}
.tablet-ratio-72 {
padding-top: 72%
}
.tablet-ratio-73 {
padding-top: 73%
}
.tablet-ratio-74 {
padding-top: 74%
}
.tablet-ratio-75 {
padding-top: 75%
}
.tablet-ratio-76 {
padding-top: 76%
}
.tablet-ratio-77 {
padding-top: 77%
}
.tablet-ratio-78 {
padding-top: 78%
}
.tablet-ratio-79 {
padding-top: 79%
}
.tablet-ratio-80 {
padding-top: 80%
}
.tablet-ratio-81 {
padding-top: 81%
}
.tablet-ratio-82 {
padding-top: 82%
}
.tablet-ratio-83 {
padding-top: 83%
}
.tablet-ratio-84 {
padding-top: 84%
}
.tablet-ratio-85 {
padding-top: 85%
}
.tablet-ratio-86 {
padding-top: 86%
}
.tablet-ratio-87 {
padding-top: 87%
}
.tablet-ratio-88 {
padding-top: 88%
}
.tablet-ratio-89 {
padding-top: 89%
}
.tablet-ratio-90 {
padding-top: 90%
}
.tablet-ratio-91 {
padding-top: 91%
}
.tablet-ratio-92 {
padding-top: 92%
}
.tablet-ratio-93 {
padding-top: 93%
}
.tablet-ratio-94 {
padding-top: 94%
}
.tablet-ratio-95 {
padding-top: 95%
}
.tablet-ratio-96 {
padding-top: 96%
}
.tablet-ratio-97 {
padding-top: 97%
}
.tablet-ratio-98 {
padding-top: 98%
}
.tablet-ratio-99 {
padding-top: 99%
}
.tablet-ratio-100 {
padding-top: 100%
}
}
@media (min-width: 61.25em) {
.desktop-ratio-0 {
position: initial;
height: auto
}
.desktop-ratio-0 img {
position: initial;
top: auto;
left: auto;
transform: none;
-webkit-transform: none;
-ms-transform: none
}
.desktop-ratio-1 {
padding-top: 1%
}
.desktop-ratio-2 {
padding-top: 2%
}
.desktop-ratio-3 {
padding-top: 3%
}
.desktop-ratio-4 {
padding-top: 4%
}
.desktop-ratio-5 {
padding-top: 5%
}
.desktop-ratio-6 {
padding-top: 6%
}
.desktop-ratio-7 {
padding-top: 7%
}
.desktop-ratio-8 {
padding-top: 8%
}
.desktop-ratio-9 {
padding-top: 9%
}
.desktop-ratio-10 {
padding-top: 10%
}
.desktop-ratio-11 {
padding-top: 11%
}
.desktop-ratio-12 {
padding-top: 12%
}
.desktop-ratio-13 {
padding-top: 13%
}
.desktop-ratio-14 {
padding-top: 14%
}
.desktop-ratio-15 {
padding-top: 15%
}
.desktop-ratio-16 {
padding-top: 16%
}
.desktop-ratio-17 {
padding-top: 17%
}
.desktop-ratio-18 {
padding-top: 18%
}
.desktop-ratio-19 {
padding-top: 19%
}
.desktop-ratio-20 {
padding-top: 20%
}
.desktop-ratio-21 {
padding-top: 21%
}
.desktop-ratio-22 {
padding-top: 22%
}
.desktop-ratio-23 {
padding-top: 23%
}
.desktop-ratio-24 {
padding-top: 24%
}
.desktop-ratio-25 {
padding-top: 25%
}
.desktop-ratio-26 {
padding-top: 26%
}
.desktop-ratio-27 {
padding-top: 27%
}
.desktop-ratio-28 {
padding-top: 28%
}
.desktop-ratio-29 {
padding-top: 29%
}
.desktop-ratio-30 {
padding-top: 30%
}
.desktop-ratio-31 {
padding-top: 31%
}
.desktop-ratio-32 {
padding-top: 32%
}
.desktop-ratio-33 {
padding-top: 33%
}
.desktop-ratio-34 {
padding-top: 34%
}
.desktop-ratio-35 {
padding-top: 35%
}
.desktop-ratio-36 {
padding-top: 36%
}
.desktop-ratio-37 {
padding-top: 37%
}
.desktop-ratio-38 {
padding-top: 38%
}
.desktop-ratio-39 {
padding-top: 39%
}
.desktop-ratio-40 {
padding-top: 40%
}
.desktop-ratio-41 {
padding-top: 41%
}
.desktop-ratio-42 {
padding-top: 42%
}
.desktop-ratio-43 {
padding-top: 43%
}
.desktop-ratio-44 {
padding-top: 44%
}
.desktop-ratio-45 {
padding-top: 45%
}
.desktop-ratio-46 {
padding-top: 46%
}
.desktop-ratio-47 {
padding-top: 47%
}
.desktop-ratio-48 {
padding-top: 48%
}
.desktop-ratio-49 {
padding-top: 49%
}
.desktop-ratio-50 {
padding-top: 50%
}
.desktop-ratio-51 {
padding-top: 51%
}
.desktop-ratio-52 {
padding-top: 52%
}
.desktop-ratio-53 {
padding-top: 53%
}
.desktop-ratio-54 {
padding-top: 54%
}
.desktop-ratio-55 {
padding-top: 55%
}
.desktop-ratio-56 {
padding-top: 56%
}
.desktop-ratio-57 {
padding-top: 57%
}
.desktop-ratio-58 {
padding-top: 58%
}
.desktop-ratio-59 {
padding-top: 59%
}
.desktop-ratio-60 {
padding-top: 60%
}
.desktop-ratio-61 {
padding-top: 61%
}
.desktop-ratio-62 {
padding-top: 62%
}
.desktop-ratio-63 {
padding-top: 63%
}
.desktop-ratio-64 {
padding-top: 64%
}
.desktop-ratio-65 {
padding-top: 65%
}
.desktop-ratio-66 {
padding-top: 66%
}
.desktop-ratio-67 {
padding-top: 67%
}
.desktop-ratio-68 {
padding-top: 68%
}
.desktop-ratio-69 {
padding-top: 69%
}
.desktop-ratio-70 {
padding-top: 70%
}
.desktop-ratio-71 {
padding-top: 71%
}
.desktop-ratio-72 {
padding-top: 72%
}
.desktop-ratio-73 {
padding-top: 73%
}
.desktop-ratio-74 {
padding-top: 74%
}
.desktop-ratio-75 {
padding-top: 75%
}
.desktop-ratio-76 {
padding-top: 76%
}
.desktop-ratio-77 {
padding-top: 77%
}
.desktop-ratio-78 {
padding-top: 78%
}
.desktop-ratio-79 {
padding-top: 79%
}
.desktop-ratio-80 {
padding-top: 80%
}
.desktop-ratio-81 {
padding-top: 81%
}
.desktop-ratio-82 {
padding-top: 82%
}
.desktop-ratio-83 {
padding-top: 83%
}
.desktop-ratio-84 {
padding-top: 84%
}
.desktop-ratio-85 {
padding-top: 85%
}
.desktop-ratio-86 {
padding-top: 86%
}
.desktop-ratio-87 {
padding-top: 87%
}
.desktop-ratio-88 {
padding-top: 88%
}
.desktop-ratio-89 {
padding-top: 89%
}
.desktop-ratio-90 {
padding-top: 90%
}
.desktop-ratio-91 {
padding-top: 91%
}
.desktop-ratio-92 {
padding-top: 92%
}
.desktop-ratio-93 {
padding-top: 93%
}
.desktop-ratio-94 {
padding-top: 94%
}
.desktop-ratio-95 {
padding-top: 95%
}
.desktop-ratio-96 {
padding-top: 96%
}
.desktop-ratio-97 {
padding-top: 97%
}
.desktop-ratio-98 {
padding-top: 98%
}
.desktop-ratio-99 {
padding-top: 99%
}
.desktop-ratio-100 {
padding-top: 100%
}
}
.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 .25s linear 0s;
transition: border-width .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: 20px 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, .navbar .svgicon-10-arrowhead-down {
color: #74747f;
visibility: hidden
}
.nav-ready .navbar .fonticon-10-arrowhead-down, .nav-ready .navbar .svgicon-10-arrowhead-down {
visibility: visible
}
.navbar .fonticon-10-arrowhead-up, .navbar .svgicon-10-arrowhead-up {
color: #74747f
}
.navbar .nav-li-link {
-webkit-backface-visibility: hidden
}
.navbar .nav-li-link:hover .fonticon-10-arrowhead-down, .navbar .nav-li-link:hover .svgicon-10-arrowhead-down, .navbar .nav-li-link:hover .fonticon-10-arrowhead-up, .navbar .nav-li-link:hover .svgicon-10-arrowhead-up, .navbar .nav-li-link:active .fonticon-10-arrowhead-down, .navbar .nav-li-link:active .svgicon-10-arrowhead-down, .navbar .nav-li-link:active .fonticon-10-arrowhead-up, .navbar .nav-li-link:active .svgicon-10-arrowhead-up, .navbar .nav-li-link:focus .fonticon-10-arrowhead-down, .navbar .nav-li-link:focus .svgicon-10-arrowhead-down, .navbar .nav-li-link:focus .fonticon-10-arrowhead-up, .navbar .nav-li-link:focus .svgicon-10-arrowhead-up, .navbar .nav-li-link.active .fonticon-10-arrowhead-down, .navbar .nav-li-link.active .svgicon-10-arrowhead-down, .navbar .nav-li-link.active .fonticon-10-arrowhead-up, .navbar .nav-li-link.active .svgicon-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, .navbar .nav-li-universal .nav-li-linkBtn .svgicon-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)
}
.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 .svgicon-10-arrowhead-down, .lt-ie9:not(.lt-ie8) .nav-li-link:hover .fonticon-10-arrowhead-up, .lt-ie9:not(.lt-ie8) .nav-li-link:hover .svgicon-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 .svgicon-10-arrowhead-down, .lt-ie9:not(.lt-ie8) .nav-li-link:active .fonticon-10-arrowhead-up, .lt-ie9:not(.lt-ie8) .nav-li-link:active .svgicon-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 .svgicon-10-arrowhead-down, .lt-ie9:not(.lt-ie8) .nav-li-link:focus .fonticon-10-arrowhead-up, .lt-ie9:not(.lt-ie8) .nav-li-link:focus .svgicon-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 .svgicon-10-arrowhead-down, .lt-ie9:not(.lt-ie8) .nav-li-link.active .fonticon-10-arrowhead-up, .lt-ie9:not(.lt-ie8) .nav-li-link.active .svgicon-10-arrowhead-up {
color: #74747f
}
.navbar-mobile.container {
width: 100%
}
.navbar-outer {
background: #000;
position: relative;
z-index: 222;
-webkit-transform: translate3d(0, 0, 0)
}
.nav-wrapper {
z-index: 1001;
height: 64px
}
.navbar {
height: 64px;
-webkit-transform: translate3d(0, 0, 0)
}
.navtray-w {
top: -475px
}
.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 .625em
}
.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, .nav-li-playstation .nav-li-link {
font-size: .9375em
}
.nav-li-sony-logo {
display: inline-block;
float: left;
margin-right: 25px
}
.nav-li-link.nav-dropdown-toggle:not(.nav-dropdown-toggle-btn) {
padding-right: 0;
margin-right: 0;
font-size: .9375em;
color: #e4e7eb
}
.nav-li-link.nav-dropdown-toggle:not(.nav-dropdown-toggle-btn) .fonticon-10-arrowhead-down, .nav-li-link.nav-dropdown-toggle:not(.nav-dropdown-toggle-btn) .svgicon-10-arrowhead-down {
font-size: 1.06667em;
position: relative;
top: -4px;
margin-bottom: -5px;
margin-left: 4px;
overflow: hidden;
line-height: 0.6;
-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, .lt-ie9 .nav-li-link.nav-dropdown-toggle:not(.nav-dropdown-toggle-btn) .svgicon-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, .lt-ie8 .nav-li-link.nav-dropdown-toggle:not(.nav-dropdown-toggle-btn) .svgicon-10-arrowhead-down {
left: 2px
}
.nav-li-link.nav-dropdown-toggle:not(.nav-dropdown-toggle-btn) .fonticon-10-arrowhead-down svg, .nav-li-link.nav-dropdown-toggle:not(.nav-dropdown-toggle-btn) .svgicon-10-arrowhead-down svg {
margin-right: -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: 500;
font-style: normal;
font-size: .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 .svgicon-10-arrowhead-up, .nav-li-linkBtn .fonticon-10-search, .nav-li-linkBtn .svgicon-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: .75em;
/*font-family: "SST W01 Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-weight: 500;
font-style: normal;
margin-top: 2px;
margin-left: 3px
}
.nav-li-linkBtn .nav-li-count.fi:before, .nav-li-linkBtn .nav-li-count.fi:after, .nav-li-linkBtn .nav-li-count .fi:before {
font-size: 1.33333em
}
.nav-li-linkBtn [class^="fonticon-10-"], .nav-li-linkBtn [class*=" fonticon-10-"], .nav-li-linkBtn [class^="svgicon-10-"], .nav-li-linkBtn [class*=" svgicon-10-"] {
margin: 0;
-webkit-font-smoothing: antialiased
}
.lt-ie8 .nav-li-linkBtn {
height: 36px
}
.nav-primary .nav-li-store .fonticon-10-cart, .nav-primary .nav-li-store .svgicon-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: .6875em;
padding-right: 6px;
padding-top: 10px;
-webkit-backface-visibility: hidden
}
.nav-li-account .nav-li-link.nav-dropdown-toggle .fonticon-10-arrowhead-down, .nav-li-account .nav-li-link.nav-dropdown-toggle .svgicon-10-arrowhead-down {
margin-left: 3px;
position: relative;
top: -3px;
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 9px;
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, .nav-li-search .nav-li-linkBtn .svgicon-10-search {
padding-left: 6px;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
vertical-align: middle
}
.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: 250px;
margin: 20px auto 0;
text-align: center
}
.navtray.navtray-white-bg {
background-color: #fff
}
.navtray-section-main {
padding-top: 50px;
width: 74%
}
.navtray-section-main--fw {
width: 100%
}
.navtray-w-short .navtray-section-main {
min-height: 260px
}
.navtray-section-main .navtray-list-main {
margin: 0 4% 1% 4%;
overflow: hidden
}
.navtray-section-main .navtray-list-main .navtray-li {
width: 25%
}
.navtray-section-main .navtray-list-main .navtray-li:first-child:nth-last-child(6) {
margin-left: 1px
}
.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;
position: relative
}
.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 .1s linear 0s, left 0s linear .1s;
transition: opacity .1s linear 0s, left 0s linear .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, .navmenu-w-search .svgicon-10-arrowhead-up.nav-indicator {
right: 17px
}
.navmenu-w-search .btn-clear-search-input {
right: 30px;
top: 22px
}
.navmenu-w-search .fonticon-10-search, .navmenu-w-search .svgicon-10-search {
top: 25px;
left: 46px
}
.navmenu-w-account {
left: -9999px;
right: auto;
opacity: 0;
-webkit-transition: opacity .1s linear 0s, left 0s linear .1s;
transition: opacity .1s linear 0s, left 0s linear .1s;
visibility: hidden
}
.navmenu-w-account .fonticon-10-arrowhead-up.nav-indicator, .navmenu-w-account .svgicon-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;
border-bottom: solid 1px #e4e7eb;
-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-webkit-box-shadow: 0px 0px 10px 0px rgba(39,43,55,0.25);
box-shadow: 0px 0px 10px 0px rgba(39,43,55,0.25);
-webkit-transition: top .3s ease-in 0.125s, left 0s linear .3s;
transition: top .3s ease-in 0.125s, left 0s linear .3s
}
.navtray-w-tall {
z-index: 181;
-webkit-transition: top .25s ease-in 0.1s, left 0s linear .25s;
transition: top .25s ease-in 0.1s, left 0s linear .25s
}
.navtray-w-short {
z-index: 180;
-webkit-transition: top .25s ease-in 0.1s, left 0s linear .25s;
transition: top .25s ease-in 0.1s, left 0s linear .25s
}
.navtray-w-visible, .navtray-w-tall.navtray-w-visible, .navtray-w-short.navtray-w-visible {
top: 64px;
z-index: 182;
-webkit-transition: top .5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.13s, left 0s linear 0s;
transition: top .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 .45s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.1s, left 0s linear 0s;
transition: top .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;
height: auto
}
.navtray-section-featured .navtray-secondary-list .navtray-li .navtray-li-link {
font-size: .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;
max-height: 117px
}
.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: .3125em
}
.navtray-section-featured .navtray-secondary-tout .p3 {
color: #74747f
}
.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
}
.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: .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-list .navmenu-line a {
width: 100%
}
.navmenu-list .navmenu-line a span.ms-label {
display: inline-block;
width: 85%
}
.navmenu-style-tl {
display: inline-block;
padding: 4px 4px 0 0;
font-size: .75em
}
.navmenu-style-tl span.aria-icon {
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 span.aria-icon {
display: block;
float: left
}
.navmenu-style-tl:hover i {
color: #3c4c74
}
.navmenu-li-ext-text {
/*font-family: "SST W01 Italic", "SST W01 Roman", "SST W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-weight: 400;
font-style: normal;
color: #74747f;
font-size: .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: .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;
visibility: visible
}
.navmenu-w-account.navmenu-w-visible .reveal-transition-container {
overflow: hidden
}
.navmenu-w-search {
z-index: 239;
width: 467px;
top: 100%
}
.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, .navmenu-w-search .svgicon-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;
outline-style: none;
margin: 0;
padding: 0;
font-size: 1.875em;
height: auto;
width: 80%;
-webkit-user-modify: read-write-plaintext-only;
-webkit-tap-highlight-color: rgba(255,255,255,0);
-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: 400;
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-section-results:empty {
display: none
}
.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-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: 5px 29px 5px;
height: 88px
}
.navmenu-w-search .navmenu-list-results .search-result-line>a>.search-result {
float: left;
overflow: hidden;
width: 93%
}
.navmenu-w-search .navmenu-list-results .search-result-line>a img {
margin-right: 6px;
float: right
}
.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: 37px 10px 0 0
}
.navmenu-w-search img ~ .search-result-p {
max-width: 68%
}
.navmenu-w-search .search-result-p {
display: block;
float: left;
padding-top: 10px;
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: .8125em;
color: #74747f;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.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 {
height: 100%
}
.navmenu-w-search .search-result-line.search-result-canned>a .search-result-p {
height: 100%;
vertical-align: middle;
display: table;
padding-top: 2px
}
.navmenu-w-search .search-result-line.search-result-canned>a .search-result-headline {
vertical-align: middle;
padding: 0px
}
.navmenu-w-search .search-result-line.search-result-canned>a .search-result-headline.middle {
display: table-cell
}
.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: .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: .8125em
}
.footer-wrapper {
background: #1f2024
}
.footer-wrapper h1 {
font-size: .9375em;
color: #878792
}
.footer-wrapper h2 {
font-size: .6875em;
color: #878792;
text-transform: uppercase
}
.footer-wrapper a {
color: #e4e7eb
}
.footer-wrapper a:hover, .footer-wrapper a:active, .footer-wrapper a:focus {
color: #878792
}
.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: .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: .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: .6875em;
/*font-family: "SST W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-weight: 400;
font-style: normal
}
form.footer-store-locator-form {
margin: 0
}
form.footer-store-locator-form .fi {
position: absolute;
left: 9px;
top: 10px;
font-size: 1.125em;
color: #f25529;
-webkit-font-smoothing: antialiased
}
.footer-change-location-link {
margin: 7px 0 0 0
}
.grid .footer-language.span3 {
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;
margin-left: 1.5em;
*display:inline;
*zoom:1;
-webkit-transform: translate3d(0, 0, 0)
}
.footer-social-links a {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
display: table;
width: 2.25em;
height: 2em;
float: left;
margin-left: .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 span.aria-icon {
position: relative;
margin-top: 0;
margin-bottom: 0;
line-height: 1;
-webkit-font-smoothing: antialiased;
overflow: hidden;
display: table-cell;
vertical-align: middle;
height: 100%
}
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
}
a.footer-social-instagram:hover, a.footer-social-instagram:active, a.footer-social-instagram:focus, a.footer-social-instagram.active {
background-color: #507da2
}
a.footer-social-pinterest:hover, a.footer-social-pinterest:active, a.footer-social-pinterest:focus, a.footer-social-pinterest.active {
background-color: #cb2027
}
a.footer-social-vine:hover, a.footer-social-vine:active, a.footer-social-vine:focus, a.footer-social-vine.active {
background-color: #00bf8f
}
a.footer-social-tumblr:hover, a.footer-social-tumblr:active, a.footer-social-tumblr:focus, a.footer-social-tumblr.active {
background-color: #36465d
}
a.footer-social-weibo:hover, a.footer-social-weibo:active, a.footer-social-weibo:focus, a.footer-social-weibo.active {
background-color: #ef3c39
}
a.footer-social-vk:hover, a.footer-social-vk:active, a.footer-social-vk:focus, a.footer-social-vk.active {
background-color: #6383a8
}
.footer-signature {
position: relative
}
.footer-copyright {
font-size: .625em;
text-transform: uppercase;
color: #878792
}
.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: .75em;
height: 38px
}
.btn-hover-group .btn.dropdown-hover-toggle .fonticon-10-arrowhead-down {
display: inline-block;
position: relative;
top: -2px;
left: 5px;
-webkit-transition: all .15s linear;
transition: all .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: .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: .75em;
color: #fff;
padding: .25em 1.8125em .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: .8125em
}
.footer-wrapper .footer-store-locator h1 {
margin-bottom: 18px
}
.footer-signature-w {
border-top: solid 1px #3c3c42;
margin-top: .9375em;
padding-top: 1.75em;
-webkit-transform: translate3d(0, 0, 0)
}
.footer-legal-links {
font-size: .625em
}
.footer-legal-links a {
display: inline-block;
margin-right: 1em;
text-transform: uppercase
}
.footer-legal-links .orange-bold {
color: #f25529;
font-weight: bold
}
.footer-legal-text {
font-size: .625em;
color: #878792
}
.footer-legal-text span.line {
display: inline-block;
width: 1px;
height: 8px;
margin: 0 5px;
background: #878792
}
.footer-wrapper {
padding: 3.75em 0 1.75em
}
.footer-wrapper.footer-wrapper-minimal {
padding: 1.75em 0
}
.footer-wrapper h1 {
margin-bottom: 1.0625em
}
.footer-wrapper .btn-group.country-selector, .footer-wrapper .btn-hover-group.country-selector {
float: left;
overflow: hidden
}
.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 {
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;
background: #306af3
}
.footer-store-locator-input {
text-indent: 18px
}
.child-input-active .footer-store-locator-input {
text-indent: 0
}
.footer-wrapper .footer-contact.span9 {
padding-top: 2px;
float: right;
text-align: right
}
.footer-wrapper .footer-contact.span9>p {
display: inline-block;
font-size: .8125em;
-webkit-transform: translate3d(0, 0, 0)
}
.lt-ie8 .footer-wrapper .footer-contact.span9>p {
*display:inline;
*zoom:1;
margin-right: 1em
}
.footer-wrapper .footer-contact.span9>p a {
display: inline-block;
position: relative;
top: -11px;
margin-left: 1.5em
}
.lt-ie8 .footer-wrapper .footer-contact.span9>p a {
top: auto
}
.footer-sony-logo {
margin-bottom: 6px
}
.footer-copyright {
position: static
}
.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: #74747f
}
.breadcrumb-link:hover {
color: #2f353d
}
.breadcrumb-link i {
font-size: .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 .2s;
transition: opacity .2s
}
.pagination-bullets.pagination-bullets-on, .pagination-bullets.on {
opacity: 1
}
.pagination-bullets .pagination-bullet, .pagination-bullets>li {
width: .5em;
height: .5em;
display: inline-block;
margin-left: .3125em;
background-color: #bcbccc;
border-radius: .25em;
cursor: pointer;
-webkit-transition: .2s ease-out;
transition: .2s ease-out;
-webkit-font-smoothing: antialiased
}
.lt-ie8 .pagination-bullets .pagination-bullet, .lt-ie8 .pagination-bullets>li {
display: inline
}
.pagination-light .pagination-bullets .pagination-bullet, .pagination-light .pagination-bullets>li {
background-color: #74747f
}
.pagination-light .pagination-bullets .pagination-bullet:hover, .pagination-light .pagination-bullets .pagination-bullet.bullet-selected, .pagination-light .pagination-bullets .pagination-bullet.slick-active, .pagination-light .pagination-bullets>li:hover, .pagination-light .pagination-bullets>li.bullet-selected, .pagination-light .pagination-bullets>li.slick-active {
background-color: #e4e7eb
}
.pagination-bullets .pagination-bullet:first-child, .pagination-bullets>li:first-child {
margin-left: 0
}
.pagination-bullets .pagination-bullet:hover, .pagination-bullets .bullet-selected, .pagination-bullets .slick-active {
background-color: #2f353d
}
.pagination-paddles {
-webkit-transition: .2s ease-out;
transition: .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: .2s ease-out;
transition: .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: 1000
}
.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: -.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);
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: .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: .2s ease-out;
transition: .2s ease-out;
display: block;
border: none;
background-color: #212530;
background-color: rgba(33,37,48,0.4);
border-radius: .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: .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);
cursor: pointer
}
.scroll-to-top {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: opacity .3s, bottom .3s;
transition: opacity .3s, bottom .3s;
position: relative;
margin-top: -5em;
margin-bottom: 3em;
background: none !important;
pointer-events: none;
z-index: 1030
}
.scroll-to-top.set-me-below {
z-index: 1
}
.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: .2s ease-out;
transition: .2s ease-out
}
.scroll-to-top a:hover {
background-color: #2f353d;
background-color: rgba(33,37,48,0.8)
}
.scroll-to-top a span.aria-icon {
color: #fff;
-webkit-font-smoothing: antialiased
}
[class*="svgicon-"] {
display: inline-block;
line-height: 0.6
}
i[class*="svgicon"] {
vertical-align: middle
}
.nav-li-link {
-webkit-backface-visibility: hidden
}
.nav-li-link:hover .svgicon-10-arrowhead-down .svg-text-transition, .nav-li-link:active .svgicon-10-arrowhead-down .svg-text-transition, .nav-li-link:focus .svgicon-10-arrowhead-down .svg-text-transition, .nav-li-link.active .svgicon-10-arrowhead-down .svg-text-transition {
color: #fff;
fill: #fff
}
span.username {
vertical-align: middle
}
span.lbl {
vertical-align: middle
}
#nav-li-link-universal span {
display: inline-block;
vertical-align: middle
}
.svgicon-10-search.input-icon {
vertical-align: middle
}
.svgicon-10-search.input-icon .svg-search-input-icon {
fill: #bcbccc
}
.svg-navbar-lightgray {
fill: #e4e7eb
}
.svg-navbar-darkgray {
fill: #74747f
}
.svg-btn-white {
fill: #fff
}
.svg-icon {
height: 100%;
display: block
}
.svg-icon svg {
height: 100%
}
.global-loader, .flowplayer .fp-waiting, .editorial_360_viewer .e360.lazyLoading:after {
background: url("data:image/gif;base64,R0lGODlhRAA+APcBAEJFT0tOV8TFyNjZ21VZYFhaY0VIUXR3flBTXE1RWVpdZkpNV4SHjHZ5f+Xl5o2PlUhLVNPU1qutsXd5gExQWF1gaOnq67e3u7m6vvDw8UdLU+Hh44WHjWVocOLi5GJkbO3t7vPz9Hp8g3x+hbCytnh7gvf3+OPk5fLy8+bm53N2fWNlbZian0NGULy+waCiplpdZU5SWn1/hujp6oOGjP39/YiKkL2+wbCxtfz8/e7u78LEx2Fja7i5vdTV1pSVm9LT1YeIj2ptdH6Ah8PEyFFUXdHS1KqrsKmqr/j4+eLj5NXV11JVXaiprUxPWIeJkJ+gpqqssba3un+BiP///76/w9/g4fz8/FlcZLS1uNvc3sHCxbGzt+Tl5oKDisXGyZOWmry+wPT09EVJUt3e4J+hpZqbodra3FRYYOzs7VRXX5yeo2RmbtTV10RHUWdqcUpMVufn6I6Rlk9SWurq7EZKU1NWX4yOlJ2fpH+CiKiqrnF0e+7v8I6QlWJlbeDg4pmboImMkWdrcra4vL6+wu/w8NDR1LW2uZ+gpU9SW2BiasDBxM/Q07u8wMjJy1ZZYZucov7+/nBzemNmba6vtNvb3YuNk97f4FdZYvv7+6+wtHJ1fG1wd1teZ8/P0ufo6Xt9hL/Aw7e4vKaorIOEi4uMk8vMz1NXYNTU16Wnq5OVmq2vssbHyZWWnLO0uPHx8uvr7Lq7v8zNz8fIymZpcfb292lsdPn5+cjIy29yefr6+qGip9fY2m1vd8bHyoiLkJeZno+Rl6SlqaSmqsjJzGxudYGDiXh6gZCSmGttdKKjqJudotzd3/X29paYntXW2HF0eq2vs6yusm5wd9na2/X19VxfZ2hrc1NXX9DR01ZZYsrLzQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUEY/eHBhNTc1NjI1NEFENyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFREZEMEM1NEMyNkIxMUUyQkQgZW5kPSJyIj8+ACH5BAUDAAEALAAAAABEAD4AAAiHALMJAUCwoMGDCBMqXMhwoZBs2BpKnEixIoCIFjNq3Mixo8ePIEOKHEmypMmTKFOqXMmypcuPEF6SRCZzpLOaIsHgDGlpJ8hgPj9eC0q0qNGjSJMqXcq0qdOnUKNKnUq1qtWrWLNq3cq1q9evYMOKHUu2rNmzaNOqXcu2rVJtWLVtw0gV27aAACH5BAUDAAEALCAACwACAAcAAAgSAAEAsBJiAxVPmW6YcEVFhbKAACH5BAUDAAAALB0ADAAFAAYAAAggAFv1OAOrUKxXVKjk6HMmYSY/WxwuGJWQSp0GhFylCggAIfkEBQMAAAAsGQALAAkACAAACDsAAQgEYADCAicJBBrA8iALkC4znNDwcaUGlYsAGFzciDGBFY4YAXgBiTGGlotKBHAR2ELGFg4dKAgMCAAh+QQFAwAAACwUAAsADQALAAAISAABCBxIUCCFggUP+XBQMBGHCAgFJuBgJaLAD4uoaIx4oIvGjyCpBCkU8qMHgY5KUsFAUBEjkEYOBCjIRIDGKHYsLmiECELEgAAh+QQFAwAAACwPAAwAEwARAAAIdwABCBxIcKACAFJ8pLBQsCCChhAHzgGwIWLEHRYhTnCQseEUPhaJaCo4ASREGmwaKrJAhUpHiURayqRyJGOQGjMjQapjEYGVmTQ1WGzxBCiQIhkh+JhpQkXHDzlmugjQEdDMGgxeIjEh89OKl1iSHUOWZQ2FlwEBACH5BAUDAAMALA4ACwAUACAAAAjAAAcIHEiwIICDBwsqHNBiAQ8wLs6AKLSw4BMgFTNaycixo8ePGZUIIKGwQUUXDDqAHBBhgpOVAyR05KAQCkyBUToCULiESUc3GAcmMdlRQcEqFDoa6BPpJgQpVAZ2meRxgQ8qWKkI+EjBQVYqJD0m0PG1ycexZbl++orjo9WvOwJ4hDDo64kVHpdGypqDxsdONb6GkfvzalYTKj4++UrFiB2PCDxkLRTEwEcOVGp48rMyESFKdWC6QZMIoenTBwMCACH5BAUDAAMALA8AIAATABIAAAiHAB0MGEiwoMGDAwU4QWhQSsEukxgWfFCwhkSDOS4yjGDwgMYBHAxGKPKxIBUqSDRoZFDj5MlIkOpcjCHApcsjdiQCUGTB5kkjBwJIPMDH50kMHDpQQDgkg9GTHoiQqHBwgoOnLiUh/LADK5UPDOdw+PP00UUEQZZcaXky58UWC3iACXPmRJGAACH5BAUDAAAALA8ADAAgACYAAAjIAAEIHEiw4MAMCAwqXMgQQJGGEBs+jEix4MSKGO1g3Lhgo8ePIEOKHEmypMmTKFOqXMmypcuSJFpSeEmyT0EGJhUUrDKzJBCCSRqYfFJwCROTVgpGMcnBIBSPddwUnEPEoISMeu5UjDDBScMAB4xQuZLHoFCFLnAWpMCGBgYqcKmE2GNwCp+FSgQAaNIEBxEPcQODwPMxsOG4dNYUPhx4hx8DDZMaZAzXA4c5FJ/8JGi4xhUfHBJ+dAEgjRgxOs64AMNjQYuCAQEAIfkEBQMAAgAsJAAhABEAEQAACHUABQgcSNAAHIIIE1bQhCjPmzkJETKgQrHLF04RBQZwQbGjkIwCNpnoSMUHhIxFIpCk8iSjhiMrPRTJyCISyRocMsJc+SVGREMCVtL5MNCJgJwEO/I5QHBHRip8hoBEmGLCVIQfAFwVYGWrwCVBEl0N84Po1oAAIfkEBQMAAAAsIwAaABIAGAAACJAAAQgcSLAggAoKDBY08MFSFAGVKCkkuCCLCSoYL00c6OYCRoxpNg5s8pGKGJECSX48iZJEyZAiKQgoeQblpC4lw6AEUEMglUhgYlYhmOODyAZJCAIRyWTJToJRClpBsBHK04ESDBKZY9DJhAgGLSgiSKEDAxcTGxAkIUDJxilXATiIS7cukCdUN4Z0AYbH04AAIfkEBQMAAQAsLQAUAAgACwAACEgAAQgEQEDDQAAG+ryyIbDOClw1qHgoAmCICSoYqdhoMeRWRio+4DgJ9bHGCgAcImKM9AMAGwcfCQFI8OXjGYGuPvIRiORjgIAAIfkEBQMABAAsKgAQAAsADwAACGMAAQgEQKHFwIMA3hAJglAgmgFUdKhA6MQUlYszPgwcs+Wixy0JBLqB4vFiDQ4DIUQpScVKooFFIrBEOVCFiZIRNAwMEKZkDkUHGdTwWAPMwUldSoY5SEFASQIISZRMg7DJ04AAIfkEBQMAAQAsKAAOAA0AEQAACHIAAwjsFUOgwYMBelER4AehQQOGqFBJ0QCAw18SJWaYgrCTg4xUAvBpcBBNhIwG6SA8tSrkQV9zDmpYEwnhE4QaHHoogpAJKoQ2WjhMcnAJBIQUQh2s0RAhh5oCI7VyyAbhDYcJvhys5DAAl4N8uupBGBAAIfkEBQMAAAAsJgAMAA8AEwAACHcAAQAw0EKgwYMH+wQqgrDhgjNU/gSZ09AgAzFUqAAg8qEigEEZNQqc0FCQjowHCzWscAElQpIHnRww1NBCRSZIGgqoWAdQwyAecyJEULFIBIRAPZo46ANOxQBhDubwCIDGVIM/PHZIcZCQRwoIz1DFQRVhE4QBAQAh+QQFAwAAACwkAAwAEQASAAAIYwABjNkjaAGAgwgTInzE6EqEJwojApjGh4pFDxwkInxikYrGhGOkWfyY0MmhkRGHKDTAgwMGjQckBvioSKOdIyRz6tRoJdHOn5siQiDpQuEHkgxq/ASw4kRHKjdIBtixNCKIgAAh+QQFAwAAACwiAAwAEwARAAAIcQABAADl6McHgQgTJkzUogyVGgB8BEGgUGGMBaKoUEFopWLCOUUYbVS4wyOAOTDEjFTowKMGNaE8mAQwpWKLBB0Y9PCoYyaABTMP+hw600xFDkQreqCYNCHSoSoURkgapmlCGjkSgiE6SaELok6IKAwIACH5BAUDAAMALCEADAASABEAAAhhAPkQGGYlDJgBAwAgXMhwAJYqVBZG4NCQ4S0FsiIy9FAR4S1r1DR2rPihmsiKDRgOs6OHyEiEQxoCoMCGBoaOfF4GGGCko6KXL2MABVSRAdCjSJMqXXq0BtMBXZ4KoEI1IAAh+QQFAwAAACwgAAwAFQAQAAAIYADTZFjD54wLVYoAtADAsKFDhjWQUHkIIBHFh1dWTXxoJcjFhjmybKS45SNDASMpdplwcRQHEiYB8IkJoAMHmjgN4dzJ0yGknhSPPPwD9KHHnQcowuF54yEPngyKmgwTEAAh+QQFAwABACwhAAwAFAASAAAIUQBD0AERIAAYHgUTKlRIxcTCAE8QPFQYqdnEABwuBqiocYdGKhoDOGjwsImekChTqjSisiWROS0XZoyZ0ArNhQBSqngI4WbBDz6DCr1JQmGagAAh+QQFFQABACwaAAsAGgASAAAIcgADCDQAYQGFBAkoLIBgQKDDhw8BGFDwQIoPBzp0OPAh5YECAwAgihxJBSKQkSgdUimZsuXDlS5jygwwQWaTAAKUpJwyUyADFygb9AzgZEKEoS0lIE0JZSnKKE5FMlkC8YnTBkkenlxKoUrUr2BnUoAYEAAh+QQFAwAAACwOAAsAFQAUAAAIbgABCBxIsCBBJwYTEjwEIIWRNAoJBjF4IqJFABtqRNwS0YFGgw0uZko4JKIHIgDWGDygsAcNNhcLGjmwIGIMAQaPxEwIaeefgkh2TiQYocjOCARNqNhp8EYAplALXohKtCDCmAgK4mCKiQ9VgQEBACH5BAUDAAAALA8ACwAUABMAAAhoAAEIHEiwIIAACwwYXDjwAipinT4xHMhhCUE6iq5MBLDBoBgetxjuYFjDTxKDEzYCKLYww0YuCoapFIiBQwcnMwkGyMkTAAODZmZ66EmR6EAfBQ/M7FQwTM4HBWnklGJUINKqKaoCCAgAIfkEBQMAAgAsDgALABUAFAAACHcABQgcSLCgADhuALgxyJBgqDcAElloSDCIj4E2ACDIQVGglYIvWiTK1JEhhgAxSJYsaOVUDIZTClHMgkBDKoM6OiZoYfBDQxUd56xsyGGo0aNIKQItOUbAlaQCEskhyHGoHVEETxhFg4ogEaOY4hDUZLQAVIEBAQAh+QQFAwACACwOAAsAFAATAAAIdQABCBxIsOBAAQgTKlwIgYIbgQsjKmTmqcjAIhITBvGAkM+EixklLgMZciGRAALtlFwIgo3ABSsVGktkEAAPiYYOhIwhEUnMiIBWYvy5MAjRlZtqFlRQQ6GLmAb6HE1Y58LCFUoJMlmicAfKrAILfFKIA+zAgAAh+QQFAwABACwOAAwAEQATAAAIdAABCBxIsKDBgwUDKFzIMAAHaAgL+iES4NmYiAIbpFCYwwbGIXwYaqEwsGGAkA0RHfRjMgCqXgbntIympmVLKBoOIjAZxWaAJw1RMfFp8kDETg1DUfAph2ENDhEhiGLYhU3EBT4YfkkQEcEMhlwwYmqoB2NAACH5BAUDAAIALA4ADgAOABEAAAhfAAEIHEiwoMGDCBMOVNFJIYAJaYycSqjokwABsooQvHiRCEcBsxAI/EjyYh4AJK2QPAKnJMkIRUoCcUlSQY6PYQKU7PMxBwOXUj6eWEHzIxEnBik4+EjiYAIdH5scDAgAIfkEBQMAAQAsDwARAAoADQAACDsAAQgcSLCgwYMIEyo0CANLC4MG2jiAZAsCQRgBMtY6RAtAxo8ZqcgZeIGKSSpd2AyMcJKKAJBdQMoMCAAh+QQFAwADACwOABcAHAAcAAAIqwABCBxIsKDBgwgTKlzIsKHDhxAjSpxIsaLFgW4SOGlRscIeUlAWCUtQkQuVk1TirKgIjMqAlzBjypwp80MNlFRcBKAIYQlOE5sotgiCk0qEIhQTzTxCs+nMIDMhOZ36UkBRKkypao1p5ECArTInNMVAgw3YmIWunvRARNPZt3DjOg2yQa5TDhHszgRgQMEDKT5S6OCTApWoYAoMQDQAYQGFBAUwEbCDwI3AgAAh+QQFAwABACwPACAAGwATAAAIbAABCBxIsKDBgwgTKlzIsKHDhxAjSpxIsaJFGGoCaNzIseNGg2jIRDiwwKNJjgQN3NjYQ6OTkyYFjjFjcgcOmB4BlMmBsyfHA198Cg0Qg4OVoUKD+ECKs8WCDz/CnNEhRkyaMy7A8FjQwmLBgAAh+QQFAwAKACwWAAsAHwAnAAAIqgABCBxIEIABBQgTKlzIsCFCAg4jSkxYYKLFhhUvakSYceNFGB41JghJsqTJkyhTqlzJsqXLlzBjypxJsyQOhToK6typM8COlytOKLzBs+hOGjkU/jDKVGAAFwprqFRhQqGPlEWALAzSAiWSlywsCtx4hKGAGE13LlBhpCGPtAUJ2Ojh8ADcgjIiDrlbUMgMhika3l1AZGFhh3dfKAwitqkMFAM8NkUA0mJAACH5BAUDAAEALCUAIAAQABIAAAhIAAEIHEiQBJWDVNIQXOhEAEIqARYSZNPlYRiJA+U8DAAGo8A3UkwczMHDo0AIQtbEaQPH5MAWWBS4cUmzps2bOHPq3MmzJ82AACH5BAUDAAMALCEACwAUABwAAAiEAAEIHEiwYMFHr3ScCfPjw4IWAyJKnEhRoo8BRSpqrOhho0eKfj56TKFxzgAcOzZszODRCRsaPTQWErlAhZGKMz6IHHCkooCdAwBVDAIUCcWOO4tEoGijhUGDKkxMfLbgacEAEuP4QqTBasFjYZz1cuq1rNmzaNOqXcu2rdu3cOPKBRAQACH5BAUDACYALCEACwAUABAAAAhmAA0koLAAggEACBMqVEjAgoMIFx4oOGiiosWLGC1G4IAgo8eMGxh8HHnxA8mRDkYUWJjABAkBHj4OELEwIYUODDBgBDEBQc2FAQ5YzNBA4UkTEkKU+MkUoYYKTaNKnUq1qtWrTQMCACH5BAUDAAEALCMADAANAAoAAAg1AAP4yHIHS4CDCBMmJAVAoUNGACI6RFgiokSHPhJYtMjlC0IOGzcmYFNq1KOQKFOqXMkSQEAAIfkEBQMAAgAsIwALAAcACAAACCoAKQTQYACAQQFt9AwxCECAADKtGDpkJUSigFUULFrSwDDLoRUFGYo0GBAAIfkEBQMAAQAsIQALAAYABwAACCMAAwRwAqDgozRACgLAEomXQiy6vjw0kUVhpwBIFMbYlUthQAAh+QQFAwABACwhAAsAAwAHAAAIGQDdaADAhAMANX0OlgJgxxiAUzYALJgEICAAIfkEBRIAAQAsIQALAAIABwAACAgAAQgcSJBgQAA7") center center no-repeat;
opacity: 0.85;
width: 62px;
height: 62px;
margin: 0 auto
}
body a#_bapw-link {
display: none
}
body.modal-open {
overflow: hidden
}
body.modal-open .page-wrap-outer {
height: 100%
}
.modal-open .modal .dropdown-menu {
z-index: 2052
}
.modal-open .modal .dropdown.open {
*z-index:2052
}
.modal-open .modal .popover {
z-index: 2060
}
.modal-open .modal .tooltip {
z-index: 2080
}
.modal-open .modal .dropdown-toggle-alt {
z-index: 2053
}
.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: .7
}
.no-opacity .modal-backdrop, .no-opacity .modal-backdrop.fade.in {
visibility: visible
}
.modal-backdrop.dark {
background-color: #212530
}
.modal-backdrop.dark.in {
opacity: .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 .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
}
.global-modal {
height: 90% !important
}
.global-modal>.container {
height: 100%
}
.global-modal .modal-inner {
height: 100%
}
.global-modal .modal-content {
height: 100%;
overflow-y: auto;
-webkit-overflow-scrolling: touch
}
.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>.dropdown-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
}
.lt-ie10 .modal .sony-video .fp-fullscreen {
display: none;
visibility: hidden
}
.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: .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: -.3125em;
border-width: .3125em .3125em 0;
border-top-color: #2f353d
}
.tooltip.offsettop .tooltip-arrow {
left: 30px
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -.3125em;
border-width: .3125em .3125em .3125em 0;
border-right-color: #2f353d
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -.3125em;
border-width: .3125em 0 .3125em .3125em;
border-left-color: #2f353d
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -.3125em;
border-width: 0 .3125em .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, .popover.top {
margin-top: -7px
}
.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.top .arrow {
bottom: -10px;
left: 50%;
margin-left: -10px;
border-width: 10px 10px 0;
border-top-color: #fff
}
.popover.top .arrow:after {
border-width: 11px 11px 0;
border-top-color: rgba(0,0,0,0.25);
bottom: -1px;
left: -11px
}
.popover.offsetright .arrow {
bottom: -10px;
left: auto;
right: 20px;
border-width: 10px 10px 0;
border-top-color: #fff
}
.popover.right .arrow {
top: 50%;
left: -10px;
margin-top: -10px;
border-width: 10px 10px 10px 0;
border-right-color: #fff
}
.popover.right .arrow:after {
border-width: 11px 11px 11px 0;
border-right-color: rgba(0,0,0,0.25);
bottom: -11px;
left: -1px
}
.popover.bottom .arrow {
top: -10px;
left: 50%;
margin-left: -10px;
border-width: 0 10px 10px;
border-bottom-color: #fff
}
.popover.left .arrow {
top: 50%;
right: -10px;
margin-top: -10px;
border-width: 10px 0 10px 10px;
border-left-color: #fff
}
.popover.left .arrow:after {
border-width: 11px 0 11px 11px;
border-left-color: rgba(0,0,0,0.25);
bottom: -11px;
right: -1px
}
.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: .2s ease-out;
transition: .2s ease-out;
margin-left: 6px;
font-size: 16px;
color: #bcbccc
}
.label-close:hover:after {
color: #2f353d
}
@media (max-width: 64em) {
.gallery-item .label.label-success, .gallery-item .st-flag {
display: none
}
}
@media (max-width: 29.9375em) {
.gallery-item .label.label-success, .gallery-item .st-flag {
display: none
}
}
.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 .1s linear, box-shadow .1s linear;
transition: transform .1s linear, box-shadow .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 .15s ease-out;
transition: color .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
}
.sticky-tabs .tabs.spec-multi-tabs {
height: auto;
display: table
}
.sticky-tabs .tabs.spec-multi-tabs .tab {
display: table-cell;
height: auto;
min-width: 100px
}
.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 .15s ease-out, box-shadow .15s ease-out, color .15s ease-out;
transition: background-color .15s ease-out, box-shadow .15s ease-out, color .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: .2s ease-out;
transition: .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)
}
.slick-slider {
position: relative;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-track, .slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block
}
.slick-track:before, .slick-track:after {
display: table;
content: ''
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px
}
[dir='rtl'] .slick-slide {
float: right
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.slick-arrow.slick-hidden {
display: none
}
.slick-initialized:hover .slick-arrow {
display: block
}
@font-face {
font-family: "slick";
src: url("../fonts/slick.eot");
src: url("../fonts/slick.eot?#iefix") format("embedded-opentype"), url("../fonts/slick.woff") format("woff"), url("../fonts/slick.ttf") format("truetype"), url("../fonts/slick.svg#slick") format("svg");
font-weight: normal;
font-style: normal
}
.slick-prev, .slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
margin-top: -10px\9;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
background: transparent;
color: transparent
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
opacity: 1
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
opacity: .25
}
.slick-prev:before, .slick-next:before {
font-family: "slick";
font-size: 20px;
line-height: 1;
color: #fff;
opacity: .75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.slick-prev {
left: -25px
}
[dir="rtl"] .slick-prev {
left: auto;
right: -25px
}
.slick-prev:before {
content: "←"
}
[dir="rtl"] .slick-prev:before {
content: "→"
}
.slick-next {
right: -25px
}
[dir="rtl"] .slick-next {
left: -25px;
right: auto
}
.slick-next:before {
content: "→"
}
[dir="rtl"] .slick-next:before {
content: "←"
}
.slick-slider {
margin-bottom: 30px
}
.slick-dots {
position: absolute;
bottom: -45px;
list-style: none;
display: block;
text-align: center;
padding: 0;
width: 100%
}
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer
}
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 1
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 6px;
line-height: 20px;
text-align: center;
color: #000;
opacity: .25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.slick-dots li.slick-active button:before {
color: #000;
opacity: .75
}
.qtip {
position: absolute;
left: -28000px;
top: -28000px;
display: none;
max-width: 280px;
min-width: 50px;
font-size: 10.5px;
line-height: 12px;
direction: ltr;
box-shadow: none;
padding: 0
}
.qtip-content {
position: relative;
padding: 5px 9px;
overflow: hidden;
text-align: left;
word-wrap: break-word
}
.qtip-titlebar {
position: relative;
padding: 5px 35px 5px 10px;
overflow: hidden;
border-width: 0 0 1px;
font-weight: bold
}
.qtip-titlebar+.qtip-content {
border-top-width: 0 !important
}
.qtip-close {
position: absolute;
right: -9px;
top: -9px;
z-index: 11;
cursor: pointer;
border: 1px solid transparent
}
.qtip-titlebar .qtip-close {
right: 4px;
top: 50%;
margin-top: -9px
}
* html .qtip-titlebar .qtip-close {
top: 16px
}
.qtip-titlebar .ui-icon, .qtip-icon .ui-icon {
display: block;
text-indent: -1000em;
direction: ltr
}
.qtip-icon, .qtip-icon .ui-icon {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
text-decoration: none
}
.qtip-icon .ui-icon {
width: 18px;
height: 14px;
line-height: 14px;
text-align: center;
text-indent: 0;
font: normal bold 10px/13px Tahoma, sans-serif;
color: inherit;
background: transparent none no-repeat -100em -100em
}
.qtip-default {
border: 1px solid #F1D031;
background-color: #FFFFA3;
color: #555
}
.qtip-default .qtip-titlebar {
background-color: #FFEF93
}
.qtip-default .qtip-icon {
border-color: #CCC;
background: #F1F1F1;
color: #777
}
.qtip-default .qtip-titlebar .qtip-close {
border-color: #AAA;
color: #111
}/*! Light tooltip style */
.qtip-light {
background-color: white;
border-color: #E2E2E2;
color: #454545
}
.qtip-light .qtip-titlebar {
background-color: #f1f1f1
}/*! Dark tooltip style */
.qtip-dark {
background-color: #505050;
border-color: #303030;
color: #f3f3f3
}
.qtip-dark .qtip-titlebar {
background-color: #404040
}
.qtip-dark .qtip-icon {
border-color: #444
}
.qtip-dark .qtip-titlebar .ui-state-hover {
border-color: #303030
}/*! Cream tooltip style */
.qtip-cream {
background-color: #FBF7AA;
border-color: #F9E98E;
color: #A27D35
}
.qtip-cream .qtip-titlebar {
background-color: #F0DE7D
}
.qtip-cream .qtip-close .qtip-icon {
background-position: -82px 0
}/*! Red tooltip style */
.qtip-red {
background-color: #F78B83;
border-color: #D95252;
color: #912323
}
.qtip-red .qtip-titlebar {
background-color: #F06D65
}
.qtip-red .qtip-close .qtip-icon {
background-position: -102px 0
}
.qtip-red .qtip-icon {
border-color: #D95252
}
.qtip-red .qtip-titlebar .ui-state-hover {
border-color: #D95252
}/*! Green tooltip style */
.qtip-green {
background-color: #CAED9E;
border-color: #90D93F;
color: #3F6219
}
.qtip-green .qtip-titlebar {
background-color: #B0DE78
}
.qtip-green .qtip-close .qtip-icon {
background-position: -42px 0
}/*! Blue tooltip style */
.qtip-blue {
background-color: #E5F6FE;
border-color: #ADD9ED;
color: #5E99BD
}
.qtip-blue .qtip-titlebar {
background-color: #D0E9F5
}
.qtip-blue .qtip-close .qtip-icon {
background-position: -2px 0
}
.qtip-shadow {
-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.15);
-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.15);
box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.15)
}
.qtip-rounded, .qtip-tipsy, .qtip-bootstrap {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px
}
.qtip-rounded .qtip-titlebar {
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0
}
.qtip-youtube {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 0 3px #333;
-moz-box-shadow: 0 0 3px #333;
box-shadow: 0 0 3px #333;
color: white;
border: 0 solid transparent;
background: #4A4A4A;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4A4A4A), color-stop(100%, black));
background-image: -webkit-linear-gradient(top, #4A4A4A 0, black 100%);
background-image: -moz-linear-gradient(top, #4A4A4A 0, black 100%);
background-image: -ms-linear-gradient(top, #4A4A4A 0, black 100%);
background-image: -o-linear-gradient(top, #4A4A4A 0, black 100%)
}
.qtip-youtube .qtip-titlebar {
background-color: #4A4A4A;
background-color: transparent
}
.qtip-youtube .qtip-content {
padding: .75em;
font: 12px arial, sans-serif;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);"
}
.qtip-youtube .qtip-icon {
border-color: #222
}
.qtip-youtube .qtip-titlebar .ui-state-hover {
border-color: #303030
}
.qtip-jtools {
background: #232323;
background: rgba(0,0,0,0.7);
background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));
background-image: -moz-linear-gradient(top, #717171, #232323);
background-image: -webkit-linear-gradient(top, #717171, #232323);
background-image: -ms-linear-gradient(top, #717171, #232323);
background-image: -o-linear-gradient(top, #717171, #232323);
border: 2px solid #ddd;
border: 2px solid #f1f1f1;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 0 12px #333;
-moz-box-shadow: 0 0 12px #333;
box-shadow: 0 0 12px #333
}
.qtip-jtools .qtip-titlebar {
background-color: transparent;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)"
}
.qtip-jtools .qtip-content {
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)"
}
.qtip-jtools .qtip-titlebar, .qtip-jtools .qtip-content {
background: transparent;
color: white;
border: 0 dashed transparent
}
.qtip-jtools .qtip-icon {
border-color: #555
}
.qtip-jtools .qtip-titlebar .ui-state-hover {
border-color: #333
}
.qtip-cluetip {
-webkit-box-shadow: 4px 4px 5px rgba(0,0,0,0.4);
-moz-box-shadow: 4px 4px 5px rgba(0,0,0,0.4);
box-shadow: 4px 4px 5px rgba(0,0,0,0.4);
background-color: #D9D9C2;
color: #111;
border: 0 dashed transparent
}
.qtip-cluetip .qtip-titlebar {
background-color: #87876A;
color: white;
border: 0 dashed transparent
}
.qtip-cluetip .qtip-icon {
border-color: #808064
}
.qtip-cluetip .qtip-titlebar .ui-state-hover {
border-color: #696952;
color: #696952
}
.qtip-tipsy {
background: black;
background: rgba(0,0,0,0.87);
color: white;
border: 0 solid transparent;
font-size: 11px;
font-family: 'Lucida Grande', sans-serif;
font-weight: bold;
line-height: 16px;
text-shadow: 0 1px black
}
.qtip-tipsy .qtip-titlebar {
padding: 6px 35px 0 10px;
background-color: transparent
}
.qtip-tipsy .qtip-content {
padding: 6px 10px
}
.qtip-tipsy .qtip-icon {
border-color: #222;
text-shadow: none
}
.qtip-tipsy .qtip-titlebar .ui-state-hover {
border-color: #303030
}
.qtip-tipped {
border: 3px solid #959FA9;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background-color: #F9F9F9;
color: #454545;
font-weight: normal;
font-family: serif
}
.qtip-tipped .qtip-titlebar {
border-bottom-width: 0;
color: white;
background: #3A79B8;
background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D));
background-image: -webkit-linear-gradient(top, #3A79B8, #2E629D);
background-image: -moz-linear-gradient(top, #3A79B8, #2E629D);
background-image: -ms-linear-gradient(top, #3A79B8, #2E629D);
background-image: -o-linear-gradient(top, #3A79B8, #2E629D);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)"
}
.qtip-tipped .qtip-icon {
border: 2px solid #285589;
background: #285589
}
.qtip-tipped .qtip-icon .ui-icon {
background-color: #FBFBFB;
color: #555
}
.qtip-bootstrap {
font-size: 14px;
line-height: 20px;
color: #333333;
padding: 1px;
background-color: #ffffff;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,0.2);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
-moz-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
}
.qtip-bootstrap .qtip-titlebar {
padding: 8px 14px;
margin: 0;
font-size: 14px;
font-weight: normal;
line-height: 18px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0
}
.qtip-bootstrap .qtip-titlebar .qtip-close {
right: 11px;
top: 45%;
border-style: none
}
.qtip-bootstrap .qtip-content {
padding: 9px 14px
}
.qtip-bootstrap .qtip-icon {
background: transparent
}
.qtip-bootstrap .qtip-icon .ui-icon {
width: auto;
height: auto;
float: right;
font-size: 20px;
font-weight: bold;
line-height: 18px;
color: #000000;
text-shadow: 0 1px 0 #ffffff;
opacity: 0.2;
filter: alpha(opacity=20)
}
.qtip-bootstrap .qtip-icon .ui-icon:hover {
color: #000000;
text-decoration: none;
cursor: pointer;
opacity: 0.4;
filter: alpha(opacity=40)
}
.qtip:not(.ie9haxors) div.qtip-content, .qtip:not(.ie9haxors) div.qtip-titlebar {
filter: none;
-ms-filter: none
}
.qtip .qtip-tip {
margin: 0 auto;
overflow: hidden;
z-index: 10
}
x:-o-prefocus, .qtip .qtip-tip {
visibility:hidden
}
.qtip .qtip-tip, .qtip .qtip-tip .qtip-vml, .qtip .qtip-tip canvas {
position: absolute;
color: #123456;
background: transparent;
border: 0 dashed transparent
}
.qtip .qtip-tip canvas {
top: 0;
left: 0
}
.qtip .qtip-tip .qtip-vml {
behavior: url(#default#VML);
display: inline-block;
visibility: visible
}
#qtip-overlay {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%
}
#qtip-overlay.blurs {
cursor: pointer
}
#qtip-overlay div {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: black;
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
}
.qtipmodal-ie6fix {
position: absolute !important
}
.fn-tooltip .qtip-content strong, .tip-footnote strong {
float: left;
margin-right: 10px
}
.fn-tooltip .qtip-content {
padding: 30px;
font-size: 13px;
line-height: 20px;
text-align: left
}
.fn-tooltip .p2, .fn-tooltip p {
margin-bottom: 0
}
.fn-tooltip .qtip-close {
height: 21px;
width: 21px;
border: none;
border-radius: 0;
background: #ccc;
padding: 6px;
top: 0;
right: -1px
}
.fn-tooltip .qtip-icon .ui-icon {
height: 9px;
width: 9px;
line-height: 9px;
color: white
}
.fn-tooltip.qtip-pos-lc .qtip-close, .fn-tooltip.qtip-pos-tl .qtip-close {
left: auto;
right: -1px
}
.fn-tooltip.qtip-pos-rc .qtip-close, .fn-tooltip.qtip-pos-tr .qtip-close {
left: -1px;
right: auto
}
.fn-tooltip.qtip-pos-rc.qtip-pos-lc .qtip-close {
left: -1px;
right: auto
}
.qtip.fn-tooltip.fn-tooltip-mobile-positioning {
max-height: 50%;
position: fixed;
top: initial !important;
left: initial !important;
bottom: 0 !important;
width: 100% !important;
max-width: initial;
background-color: #f1f5f9
}
.qtip.fn-tooltip.fn-tooltip-mobile-positioning .qtip-content {
max-height: 210px;
overflow-y: auto
}
.qtip.fn-tooltip.fn-tooltip-mobile-positioning .qtip-close {
left: auto;
right: -1px
}
.pull-right {
float: right
}
.pull-left {
float: left
}
.hide {
display: none
}
.show {
display: block
}
.off-screen {
position: absolute !important;
display: none;
left: -9999px
}
.relative {
position: relative
}
.ib {
display: inline-block
}
.ib-w {
display: inline-block;
width: 100%
}
.opacity0 {
opacity: 0
}
.opacity1 {
opacity: 1
}
.no-transition {
-webkit-transition: none;
transition: none
}
.transition-height {
-webkit-transition: height .25s ease-out 0s;
transition: height .25s ease-out 0s
}
.transition-width {
-webkit-transition: width .25s ease-out 0s;
transition: width .25s ease-out 0s
}
.grab {
cursor: all-scroll;
cursor: url(/static-assets/images/openhand.cur) 8 8, move;
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab
}
.grab.grabbing, .grabbing {
cursor: all-scroll;
cursor: url(/static-assets/images/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: #747481
}
.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.active {
display: inline-block;
color: #f25529
}
.star-holder .fonticon-10-star-half {
display: none;
z-index: 2
}
.star-holder .fonticon-10-star-half.active {
display: inline-block;
color: #f25529
}
.fonticon-10-star {
color: #bcbccc
}
[data-stars] .reviews-text {
line-height: 1;
margin: 0;
color: #74747f
}
[data-stars] .review-count {
display: none
}
.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: 36px;
height: 32px;
margin-right: .75em
}
.social-icon i {
color: #fff;
font-size: 25px;
line-height: 1.1em;
width: 36px;
height: 32px;
font-family: arial;
-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
}
.vk-background-color {
background-color: #6383a8
}
.vk-color, i.vk-color {
color: #6383a8
}
.no-text>span:first-child, .no-text span.no-text-node {
color: transparent;
line-height: 0;
font-size: 0
}
.no-text .no-text-node {
position: absolute;
left: 0
}
.no-text sup {
display: none
}
.no-text-transform {
text-transform: none !important
}
.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.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%;
*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: 0.6875em 0.875em
}
.no-touch .favorite-holder:hover i, .no-touch a:hover>.favorite-holder i, .favorite-holder.active i {
color: #f35429
}
.external-html {
position: relative;
z-index: 0
}
.recycling-cost-disclaimer {
display: block
}
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;
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: .15s ease-out;
transition: .15s ease-out
}
.no-touch ul.jump-links li:hover a {
color: #293d54
}
.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
}
.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
}
.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, -100%);
-ms-transform: translate(0, -100%);
transform: translate(0, -100%);
-webkit-transition: -webkit-transform .2s ease-in, left 0s .2s;
transition: transform .2s ease-in, left 0s .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
}
.price-content .price, .product-price .price {
white-space: pre-line
}
.price-content .price sup.footNoteNumber, .product-price .price sup.footNoteNumber {
margin-right: -7px;
position: relative
}
.price-content .p3, .product-price .p3 {
margin-bottom: 0
}
.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: #74747f;
margin-bottom: 0
}
.product-content .product-rating {
margin: 1em 0 1em 0;
color: #74747f;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.product-content .price-title {
margin: 0
}
.product-content .product-price {
min-height: 30px;
color: #74747f
}
.featured .product-name-wrap {
margin-bottom: 0.5em
}
.evenHeights {
margin: 0 0 1em;
min-height: 70px;
overflow-y: hidden
}
.product-meta {
margin: 0 0 1em;
padding: 0 0 0 1em;
list-style-type: square;
color: #74747f;
min-height: 70px;
overflow-y: hidden
}
.product-meta li {
margin-bottom: 2px
}
.product-meta-wrapper {
margin: 0 0 1em
}
.product-meta-wrapper .product-meta {
margin: 0 0 0em
}
.product-comparison-wrapper {
*zoom:1;
font-size: 16px;
line-height: 20px
}
.product-comparison-wrapper:before, .product-comparison-wrapper:after {
display: table;
content: "";
line-height: 0
}
.product-comparison-wrapper:after {
clear: both
}
.product-comparison-checkbox {
display: inline-block;
min-height: 24px
}
.product-comparison-button {
color: #4572ed;
cursor: pointer;
margin-top: -1px;
margin-bottom: 0px;
font-size: 16px
}
.product-comparison-button:hover {
color: #3c4c74
}
.gallery-item.detailed {
margin: 3.125em 0 0
}
.rp-container .gallery-item:after, .featured .gallery-item:after {
content: '';
display: block;
padding-top: 165.196%
}
.rp-container .gallery-item .gallery-item-inner, .featured .gallery-item .gallery-item-inner {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 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
}
.no-touch .gallery-item .product-img.show-jpeg .ghost-center:before {
content: '';
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
-webkit-transition: all .15s ease-out;
transition: all .15s ease-out
}
.no-touch .gallery-item .product-img.show-jpeg:hover {
position: relative;
background-color: #f1f5f9
}
.no-touch .gallery-item .product-img.show-jpeg:hover .ghost-center:before {
box-shadow: inset 0 0 200px rgba(10,10,10,0.05)
}
.gallery-item.detailed:after {
content: none
}
.lt-ie8 .gallery-item {
height: 19.25em
}
.lt-ie9 .gallery-item.concealed {
height: 0;
min-height: 0
}
.lt-ie9 .gallery-item.concealed:after {
content: none
}
.gallery-item .ghost-center-wrap .ghost-center {
height: auto
}
.shuffle-6 .gallery-item:after {
padding-top: 169.396078%
}
.gallery-item.detailed .gallery-item-inner {
position: static;
width: 100%
}
.gallery-item .product-img {
position: relative;
width: 100%;
overflow: hidden;
text-align: center;
background: #f1f5f9;
-webkit-transition: background-color .15s ease-out;
transition: background-color .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 .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: 40.2em
}
.lt-ie8 .gallery-item.large .product-img {
height: 31.85em
}
.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
}
.gallery-item.promo .promo-title i {
-webkit-transition: .2s ease-out;
transition: .2s ease-out
}
.gallery-item.promo:hover .promo-title i {
transform: translate(.375em, 0) scaleX(1)
}
.no-csstransforms .gallery-item.promo:hover .promo-title i {
left: 6px
}
.no-touch .gallery-item.promo .gallery-item-inner .iq-img {
-webkit-transition: opacity .15s;
transition: opacity .15s;
-webkit-transform: scale3d(1, 1, 1);
opacity: 1
}
.no-touch .gallery-item.promo .gallery-item-inner:hover .iq-img {
opacity: 0.9
}
.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.12903% 10.60606% 10.96774%
}
.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: -.1875em;
left: .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: #74747f
}
.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: .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
}
.social-link.gplus-share-link .social-label {
direction: ltr
}
.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: 20em
}
.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 .15s ease-in;
transition: box-shadow .15s ease-in
}
.detail-labels-wrap.overflowing:before {
-webkit-box-shadow: .125em 0 0.1875em -0.0625em rgba(39,43,55,0.25);
box-shadow: .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(-.625em, 0);
-ms-transform: translate(-.625em, 0);
transform: translate(-.625em, 0);
opacity: 0;
-webkit-transition: opacity .2s ease-out 0.1s, -webkit-transform .2s ease-out 0.1s;
transition: opacity .2s ease-out 0.1s, transform .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 .2s ease-in, left 0s .2s;
transition: top .2s ease-in, left 0s .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, .reviews-nav-bar, .spec-multi {
margin-top: 1.375em
}
.spec-single dt, .reviews-nav-bar 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: 5px;
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: 10000%
}
.sony-carousel-vertical .sony-carousel {
width: auto;
height: 100%
}
.sony-carousel .sony-carousel-slide {
-webkit-transform: translateZ(0);
float: left;
width: 1%;
height: 100%
}
.sony-carousel .sony-carousel-slide.slimgrid {
margin-right: .024%
}
.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
}
@media (min-width: 48em) and (max-width: 61.1875em) {
.visible-desktop {
display: none !important
}
.visible-tablet {
display: inherit !important
}
.visible-phone {
display: none !important
}
.hidden-desktop {
display: inherit !important
}
.hidden-tablet {
display: none !important
}
.hidden-phone {
display: inherit !important
}
.not-hidden-desktop {
display: none !important
}
}
@media (max-width: 47.9375em) {
.hidden-desktop {
display: inherit !important
}
.hidden-tablet {
display: inherit !important
}
.hidden-phone {
display: none !important
}
.visible-desktop {
display: none !important
}
.visible-tablet {
display: none !important
}
.visible-phone {
display: inherit !important
}
.not-hidden-desktop {
display: none !important
}
}
@media (min-width: 35.5em) and (max-width: 47.9375em) {
.phone-at-567 .visible-desktop, .phone-at-479 .visible-desktop {
display: none !important
}
.phone-at-567 .visible-tablet, .phone-at-479 .visible-tablet {
display: inherit !important
}
.phone-at-567 .visible-phone, .phone-at-479 .visible-phone {
display: none !important
}
.phone-at-567 .hidden-desktop, .phone-at-479 .hidden-desktop {
display: inherit !important
}
.phone-at-567 .hidden-tablet, .phone-at-479 .hidden-tablet {
display: none !important
}
.phone-at-567 .hidden-phone, .phone-at-479 .hidden-phone {
display: inherit !important
}
.phone-at-567 .not-hidden-desktop, .phone-at-479 .not-hidden-desktop {
display: none !important
}
}
@media (min-width: 30em) and (max-width: 35.4375em) {
.phone-at-479 .visible-desktop {
display: none !important
}
.phone-at-479 .visible-tablet {
display: inherit !important
}
.phone-at-479 .visible-phone {
display: none !important
}
.phone-at-479 .hidden-desktop {
display: inherit !important
}
.phone-at-479 .hidden-tablet {
display: none !important
}
.phone-at-479 .hidden-phone {
display: inherit !important
}
.phone-at-479 .not-hidden-desktop {
display: none !important
}
}
@media (min-width: 87.5em) {
.pagination-paddles button.pagination-next {
right: 50%;
margin-right: -39.375em
}
.pagination-paddles button.pagination-prev {
left: 50%;
margin-left: -39.375em
}
}
@media (min-width: 75em) {
.container {
width: 92.5%
}
.grid, .slimgrid, .slimgrid5, .grid5 {
width: 91.89189%
}
.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.52941%;
*margin-left:3.47031%
}
.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.37255%;
*width:91.31345%
}
.grid .span10, .grid .grid .span10 {
width: 82.7451%;
*width:82.686%
}
.grid .span9, .grid .grid .span9 {
width: 74.11765%;
*width:74.05855%
}
.grid .span8, .grid .grid .span8 {
width: 65.4902%;
*width:65.43109%
}
.grid .span7, .grid .grid .span7 {
width: 56.86275%;
*width:56.80364%
}
.grid .span6, .grid .grid .span6 {
width: 48.23529%;
*width:48.17619%
}
.grid .span5, .grid .grid .span5 {
width: 39.60784%;
*width:39.54874%
}
.grid .span4, .grid .grid .span4 {
width: 30.98039%;
*width:30.92129%
}
.grid .span3, .grid .grid .span3 {
width: 22.35294%;
*width:22.29384%
}
.grid .span2, .grid .grid .span2 {
width: 13.72549%;
*width:13.66639%
}
.grid .span1, .grid .grid .span1 {
width: 5.09804%;
*width:5.03894%
}
.grid .offset12, .grid .grid .offset12 {
margin-left: 107.05882%;
*margin-left:106.94062%
}
.grid .offset12:first-child, .grid .grid .offset12:first-child {
margin-left: 103.52941%;
*margin-left:103.41121%
}
.grid .offset11, .grid .grid .offset11 {
margin-left: 98.43137%;
*margin-left:98.31317%
}
.grid .offset11:first-child, .grid .grid .offset11:first-child {
margin-left: 94.90196%;
*margin-left:94.78376%
}
.grid .offset10, .grid .grid .offset10 {
margin-left: 89.80392%;
*margin-left:89.68572%
}
.grid .offset10:first-child, .grid .grid .offset10:first-child {
margin-left: 86.27451%;
*margin-left:86.15631%
}
.grid .offset9, .grid .grid .offset9 {
margin-left: 81.17647%;
*margin-left:81.05827%
}
.grid .offset9:first-child, .grid .grid .offset9:first-child {
margin-left: 77.64706%;
*margin-left:77.52886%
}
.grid .offset8, .grid .grid .offset8 {
margin-left: 72.54902%;
*margin-left:72.43082%
}
.grid .offset8:first-child, .grid .grid .offset8:first-child {
margin-left: 69.01961%;
*margin-left:68.9014%
}
.grid .offset7, .grid .grid .offset7 {
margin-left: 63.92157%;
*margin-left:63.80337%
}
.grid .offset7:first-child, .grid .grid .offset7:first-child {
margin-left: 60.39216%;
*margin-left:60.27395%
}
.grid .offset6, .grid .grid .offset6 {
margin-left: 55.29412%;
*margin-left:55.17591%
}
.grid .offset6:first-child, .grid .grid .offset6:first-child {
margin-left: 51.76471%;
*margin-left:51.6465%
}
.grid .offset5, .grid .grid .offset5 {
margin-left: 46.66667%;
*margin-left:46.54846%
}
.grid .offset5:first-child, .grid .grid .offset5:first-child {
margin-left: 43.13725%;
*margin-left:43.01905%
}
.grid .offset4, .grid .grid .offset4 {
margin-left: 38.03922%;
*margin-left:37.92101%
}
.grid .offset4:first-child, .grid .grid .offset4:first-child {
margin-left: 34.5098%;
*margin-left:34.3916%
}
.grid .offset3, .grid .grid .offset3 {
margin-left: 29.41176%;
*margin-left:29.29356%
}
.grid .offset3:first-child, .grid .grid .offset3:first-child {
margin-left: 25.88235%;
*margin-left:25.76415%
}
.grid .offset2, .grid .grid .offset2 {
margin-left: 20.78431%;
*margin-left:20.66611%
}
.grid .offset2:first-child, .grid .grid .offset2:first-child {
margin-left: 17.2549%;
*margin-left:17.1367%
}
.grid .offset1, .grid .grid .offset1 {
margin-left: 12.15686%;
*margin-left:12.03866%
}
.grid .offset1:first-child, .grid .grid .offset1:first-child {
margin-left: 8.62745%;
*margin-left:8.50925%
}
.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.35294%;
*margin-left:2.29384%
}
.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.47059%;
*width:91.41149%
}
.slimgrid .span10, .grid .slimgrid .span10 {
width: 82.94118%;
*width:82.88207%
}
.slimgrid .span9, .grid .slimgrid .span9 {
width: 74.41176%;
*width:74.35266%
}
.slimgrid .span8, .grid .slimgrid .span8 {
width: 65.88235%;
*width:65.82325%
}
.slimgrid .span7, .grid .slimgrid .span7 {
width: 57.35294%;
*width:57.29384%
}
.slimgrid .span6, .grid .slimgrid .span6 {
width: 48.82353%;
*width:48.76443%
}
.slimgrid .span5, .grid .slimgrid .span5 {
width: 40.29412%;
*width:40.23502%
}
.slimgrid .span4, .grid .slimgrid .span4 {
width: 31.76471%;
*width:31.7056%
}
.slimgrid .span3, .grid .slimgrid .span3 {
width: 23.23529%;
*width:23.17619%
}
.slimgrid .span2, .grid .slimgrid .span2 {
width: 14.70588%;
*width:14.64678%
}
.slimgrid .span1, .grid .slimgrid .span1 {
width: 6.17647%;
*width:6.11737%
}
.slimgrid .offset12, .grid .slimgrid .offset12 {
margin-left: 104.70588%;
*margin-left:104.58768%
}
.slimgrid .offset12:first-child, .grid .slimgrid .offset12:first-child {
margin-left: 102.35294%;
*margin-left:102.23474%
}
.slimgrid .offset11, .grid .slimgrid .offset11 {
margin-left: 96.17647%;
*margin-left:96.05827%
}
.slimgrid .offset11:first-child, .grid .slimgrid .offset11:first-child {
margin-left: 93.82353%;
*margin-left:93.70533%
}
.slimgrid .offset10, .grid .slimgrid .offset10 {
margin-left: 87.64706%;
*margin-left:87.52886%
}
.slimgrid .offset10:first-child, .grid .slimgrid .offset10:first-child {
margin-left: 85.29412%;
*margin-left:85.17591%
}
.slimgrid .offset9, .grid .slimgrid .offset9 {
margin-left: 79.11765%;
*margin-left:78.99944%
}
.slimgrid .offset9:first-child, .grid .slimgrid .offset9:first-child {
margin-left: 76.76471%;
*margin-left:76.6465%
}
.slimgrid .offset8, .grid .slimgrid .offset8 {
margin-left: 70.58824%;
*margin-left:70.47003%
}
.slimgrid .offset8:first-child, .grid .slimgrid .offset8:first-child {
margin-left: 68.23529%;
*margin-left:68.11709%
}
.slimgrid .offset7, .grid .slimgrid .offset7 {
margin-left: 62.05882%;
*margin-left:61.94062%
}
.slimgrid .offset7:first-child, .grid .slimgrid .offset7:first-child {
margin-left: 59.70588%;
*margin-left:59.58768%
}
.slimgrid .offset6, .grid .slimgrid .offset6 {
margin-left: 53.52941%;
*margin-left:53.41121%
}
.slimgrid .offset6:first-child, .grid .slimgrid .offset6:first-child {
margin-left: 51.17647%;
*margin-left:51.05827%
}
.slimgrid .offset5, .grid .slimgrid .offset5 {
margin-left: 45%;
*margin-left:44.8818%
}
.slimgrid .offset5:first-child, .grid .slimgrid .offset5:first-child {
margin-left: 42.64706%;
*margin-left:42.52886%
}
.slimgrid .offset4, .grid .slimgrid .offset4 {
margin-left: 36.47059%;
*margin-left:36.35238%
}
.slimgrid .offset4:first-child, .grid .slimgrid .offset4:first-child {
margin-left: 34.11765%;
*margin-left:33.99944%
}
.slimgrid .offset3, .grid .slimgrid .offset3 {
margin-left: 27.94118%;
*margin-left:27.82297%
}
.slimgrid .offset3:first-child, .grid .slimgrid .offset3:first-child {
margin-left: 25.58824%;
*margin-left:25.47003%
}
.slimgrid .offset2, .grid .slimgrid .offset2 {
margin-left: 19.41176%;
*margin-left:19.29356%
}
.slimgrid .offset2:first-child, .grid .slimgrid .offset2:first-child {
margin-left: 17.05882%;
*margin-left:16.94062%
}
.slimgrid .offset1, .grid .slimgrid .offset1 {
margin-left: 10.88235%;
*margin-left:10.76415%
}
.slimgrid .offset1:first-child, .grid .slimgrid .offset1:first-child {
margin-left: 8.52941%;
*margin-left:8.41121%
}
.l1, .l1-light {
margin-top: 50px
}
.container-px-width {
width: 1110px
}
.container-px-width.full-bleed, .container-px-width.full-bleed-no-max {
width: 1200px
}
.grid-px-width {
width: 1020px
}
[class*="span"] {
float: left;
min-height: 1px;
margin-left: 36px
}
.container-px-width, .navbar-static-top .container-px-width, .navbar-fixed-top .container-px-width, .navbar-fixed-bottom .container-px-width {
width: 1020px
}
.span12 {
width: 1020px
}
.span11 {
width: 932px
}
.span10 {
width: 844px
}
.span9 {
width: 756px
}
.span8 {
width: 668px
}
.span7 {
width: 580px
}
.span6 {
width: 492px
}
.span5 {
width: 404px
}
.span4 {
width: 316px
}
.span3 {
width: 228px
}
.span2 {
width: 140px
}
.span1 {
width: 52px
}
.offset12 {
margin-left: 1092px
}
.offset11 {
margin-left: 1004px
}
.offset10 {
margin-left: 916px
}
.offset9 {
margin-left: 828px
}
.offset8 {
margin-left: 740px
}
.offset7 {
margin-left: 652px
}
.offset6 {
margin-left: 564px
}
.offset5 {
margin-left: 476px
}
.offset4 {
margin-left: 388px
}
.offset3 {
margin-left: 300px
}
.offset2 {
margin-left: 212px
}
.offset1 {
margin-left: 124px
}
input, textarea, .uneditable-input {
margin-left: 0
}
.controls-row [class*="span"]+[class*="span"] {
margin-left: 36px
}
.thumbnails {
margin-left: -36px
}
.thumbnails>li {
margin-left: 36px
}
.grid .thumbnails, .grid-px-width .thumbnails {
margin-left: 0
}
.csstransforms .slide-toggle-arrow {
left: 208px
}
.csstransforms .slide-arrow-over .slide-toggle-arrow {
left: 206px
}
}
@media (min-width: 87.5em) {
[class*="span"] {
float: left;
min-height: 1px;
margin-left: 38px
}
.container-px-width, .navbar-static-top .container-px-width, .navbar-fixed-top .container-px-width, .navbar-fixed-bottom .container-px-width {
width: 1114px
}
.span12 {
width: 1114px
}
.span11 {
width: 1018px
}
.span10 {
width: 922px
}
.span9 {
width: 826px
}
.span8 {
width: 730px
}
.span7 {
width: 634px
}
.span6 {
width: 538px
}
.span5 {
width: 442px
}
.span4 {
width: 346px
}
.span3 {
width: 250px
}
.span2 {
width: 154px
}
.span1 {
width: 58px
}
.offset12 {
margin-left: 1190px
}
.offset11 {
margin-left: 1094px
}
.offset10 {
margin-left: 998px
}
.offset9 {
margin-left: 902px
}
.offset8 {
margin-left: 806px
}
.offset7 {
margin-left: 710px
}
.offset6 {
margin-left: 614px
}
.offset5 {
margin-left: 518px
}
.offset4 {
margin-left: 422px
}
.offset3 {
margin-left: 326px
}
.offset2 {
margin-left: 230px
}
.offset1 {
margin-left: 134px
}
input, textarea, .uneditable-input {
margin-left: 0
}
.controls-row [class*="span"]+[class*="span"] {
margin-left: 38px
}
}
@media (min-width: 48em) and (max-width: 61.1875em) {
.container {
width: 92.1875%
}
.grid, .slimgrid, .slimgrid5, .grid5 {
width: 91.80791%
}
.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.38462%;
*margin-left:3.32551%
}
.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.38462%;
*width:91.32551%
}
.grid .span10, .grid .grid .span10 {
width: 82.76923%;
*width:82.71013%
}
.grid .span9, .grid .grid .span9 {
width: 74.15385%;
*width:74.09474%
}
.grid .span8, .grid .grid .span8 {
width: 65.53846%;
*width:65.47936%
}
.grid .span7, .grid .grid .span7 {
width: 56.92308%;
*width:56.86398%
}
.grid .span6, .grid .grid .span6 {
width: 48.30769%;
*width:48.24859%
}
.grid .span5, .grid .grid .span5 {
width: 39.69231%;
*width:39.63321%
}
.grid .span4, .grid .grid .span4 {
width: 31.07692%;
*width:31.01782%
}
.grid .span3, .grid .grid .span3 {
width: 22.46154%;
*width:22.40244%
}
.grid .span2, .grid .grid .span2 {
width: 13.84615%;
*width:13.78705%
}
.grid .span1, .grid .grid .span1 {
width: 5.23077%;
*width:5.17167%
}
.grid .offset12, .grid .grid .offset12 {
margin-left: 106.76923%;
*margin-left:106.65103%
}
.grid .offset12:first-child, .grid .grid .offset12:first-child {
margin-left: 103.38462%;
*margin-left:103.26641%
}
.grid .offset11, .grid .grid .offset11 {
margin-left: 98.15385%;
*margin-left:98.03564%
}
.grid .offset11:first-child, .grid .grid .offset11:first-child {
margin-left: 94.76923%;
*margin-left:94.65103%
}
.grid .offset10, .grid .grid .offset10 {
margin-left: 89.53846%;
*margin-left:89.42026%
}
.grid .offset10:first-child, .grid .grid .offset10:first-child {
margin-left: 86.15385%;
*margin-left:86.03564%
}
.grid .offset9, .grid .grid .offset9 {
margin-left: 80.92308%;
*margin-left:80.80487%
}
.grid .offset9:first-child, .grid .grid .offset9:first-child {
margin-left: 77.53846%;
*margin-left:77.42026%
}
.grid .offset8, .grid .grid .offset8 {
margin-left: 72.30769%;
*margin-left:72.18949%
}
.grid .offset8:first-child, .grid .grid .offset8:first-child {
margin-left: 68.92308%;
*margin-left:68.80487%
}
.grid .offset7, .grid .grid .offset7 {
margin-left: 63.69231%;
*margin-left:63.5741%
}
.grid .offset7:first-child, .grid .grid .offset7:first-child {
margin-left: 60.30769%;
*margin-left:60.18949%
}
.grid .offset6, .grid .grid .offset6 {
margin-left: 55.07692%;
*margin-left:54.95872%
}
.grid .offset6:first-child, .grid .grid .offset6:first-child {
margin-left: 51.69231%;
*margin-left:51.5741%
}
.grid .offset5, .grid .grid .offset5 {
margin-left: 46.46154%;
*margin-left:46.34334%
}
.grid .offset5:first-child, .grid .grid .offset5:first-child {
margin-left: 43.07692%;
*margin-left:42.95872%
}
.grid .offset4, .grid .grid .offset4 {
margin-left: 37.84615%;
*margin-left:37.72795%
}
.grid .offset4:first-child, .grid .grid .offset4:first-child {
margin-left: 34.46154%;
*margin-left:34.34334%
}
.grid .offset3, .grid .grid .offset3 {
margin-left: 29.23077%;
*margin-left:29.11257%
}
.grid .offset3:first-child, .grid .grid .offset3:first-child {
margin-left: 25.84615%;
*margin-left:25.72795%
}
.grid .offset2, .grid .grid .offset2 {
margin-left: 20.61538%;
*margin-left:20.49718%
}
.grid .offset2:first-child, .grid .grid .offset2:first-child {
margin-left: 17.23077%;
*margin-left:17.11257%
}
.grid .offset1, .grid .grid .offset1 {
margin-left: 12%;
*margin-left:11.8818%
}
.grid .offset1:first-child, .grid .grid .offset1:first-child {
margin-left: 8.61538%;
*margin-left:8.49718%
}
.container-px-width {
width: 708px
}
.grid-px-width {
width: 650px
}
[class*="span"] {
float: left;
min-height: 1px;
margin-left: 22px
}
.container-px-width, .navbar-static-top .container-px-width, .navbar-fixed-top .container-px-width, .navbar-fixed-bottom .container-px-width {
width: 650px
}
.span12 {
width: 650px
}
.span11 {
width: 594px
}
.span10 {
width: 538px
}
.span9 {
width: 482px
}
.span8 {
width: 426px
}
.span7 {
width: 370px
}
.span6 {
width: 314px
}
.span5 {
width: 258px
}
.span4 {
width: 202px
}
.span3 {
width: 146px
}
.span2 {
width: 90px
}
.span1 {
width: 34px
}
.offset12 {
margin-left: 694px
}
.offset11 {
margin-left: 638px
}
.offset10 {
margin-left: 582px
}
.offset9 {
margin-left: 526px
}
.offset8 {
margin-left: 470px
}
.offset7 {
margin-left: 414px
}
.offset6 {
margin-left: 358px
}
.offset5 {
margin-left: 302px
}
.offset4 {
margin-left: 246px
}
.offset3 {
margin-left: 190px
}
.offset2 {
margin-left: 134px
}
.offset1 {
margin-left: 78px
}
input, textarea, .uneditable-input {
margin-left: 0
}
.controls-row [class*="span"]+[class*="span"] {
margin-left: 22px
}
.styled-checkbox+label:after {
left: .41667em
}
}
@media (min-width: 35.5em) and (max-width: 47.9375em) {
.grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid, .grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid {
*zoom:1
}
.grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid:before, .grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid:after, .grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid:before, .grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid:after, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid:before, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid:after, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid:before, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid:after, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid:before, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid:after, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid:before, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid:after, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid:before, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid:after, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid:before, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid:after {
display: table;
content: "";
line-height: 0
}
.grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid:after, .grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid:after, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid:after, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid:after, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid:after, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid:after, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid:after, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid:after {
clear: both
}
.grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid [class*=span], .grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid [class*=span], .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid [class*=span], .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid [class*=span], .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid [class*=span], .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid [class*=span], .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid [class*=span], .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid [class*=span] {
display: block;
width: auto;
float: left;
margin-left: 3.38462%;
*margin-left:3.32551%
}
.grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid [class*=span]:first-child, .grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid [class*=span]:first-child, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid [class*=span]:first-child, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid [class*=span]:first-child, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid [class*=span]:first-child, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid [class*=span]:first-child, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid [class*=span]:first-child, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid [class*=span]:first-child {
margin-left: 0
}
.grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .span12, .grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .span12, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .span12, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .span12, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .span12, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .span12, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .span12, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .span12 {
width: 100%;
*width:99.9409%
}
.grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .span11, .grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .span11, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .span11, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .span11, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .span11, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .span11, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .span11, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .span11 {
width: 91.38462%;
*width:91.32551%
}
.grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .span10, .grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .span10, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .span10, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .span10, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .span10, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .span10, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .span10, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .span10 {
width: 82.76923%;
*width:82.71013%
}
.grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .span9, .grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .span9, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .span9, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .span9, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .span9, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .span9, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .span9, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .span9 {
width: 74.15385%;
*width:74.09474%
}
.grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .span8, .grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .span8, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .span8, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .span8, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .span8, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .span8, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .span8, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .span8 {
width: 65.53846%;
*width:65.47936%
}
.grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .span7, .grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .span7, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .span7, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .span7, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .span7, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .span7, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .span7, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .span7 {
width: 56.92308%;
*width:56.86398%
}
.grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .span6, .grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .span6, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .span6, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .span6, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .span6, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .span6, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .span6, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .span6 {
width: 48.30769%;
*width:48.24859%
}
.grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .span5, .grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .span5, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .span5, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .span5, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .span5, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .span5, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .span5, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .span5 {
width: 39.69231%;
*width:39.63321%
}
.grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .span4, .grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .span4, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .span4, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .span4, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .span4, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .span4, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .span4, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .span4 {
width: 31.07692%;
*width:31.01782%
}
.grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .span3, .grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .span3, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .span3, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .span3, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .span3, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .span3, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .span3, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .span3 {
width: 22.46154%;
*width:22.40244%
}
.grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .span2, .grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .span2, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .span2, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .span2, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .span2, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .span2, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .span2, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .span2 {
width: 13.84615%;
*width:13.78705%
}
.grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .span1, .grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .span1, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .span1, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .span1, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .span1, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .span1, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .span1, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .span1 {
width: 5.23077%;
*width:5.17167%
}
.grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset12, .grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset12, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset12, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset12, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset12, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset12, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset12, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset12 {
margin-left: 106.76923%;
*margin-left:106.65103%
}
.grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset12:first-child, .grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset12:first-child, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset12:first-child, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset12:first-child, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset12:first-child, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset12:first-child, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset12:first-child, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset12:first-child {
margin-left: 103.38462%;
*margin-left:103.26641%
}
.grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset11, .grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset11, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset11, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset11, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset11, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset11, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset11, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset11 {
margin-left: 98.15385%;
*margin-left:98.03564%
}
.grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset11:first-child, .grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset11:first-child, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset11:first-child, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset11:first-child, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset11:first-child, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset11:first-child, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset11:first-child, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset11:first-child {
margin-left: 94.76923%;
*margin-left:94.65103%
}
.grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset10, .grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset10, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset10, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset10, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset10, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset10, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset10, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset10 {
margin-left: 89.53846%;
*margin-left:89.42026%
}
.grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset10:first-child, .grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset10:first-child, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset10:first-child, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset10:first-child, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset10:first-child, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset10:first-child, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset10:first-child, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset10:first-child {
margin-left: 86.15385%;
*margin-left:86.03564%
}
.grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset9, .grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset9, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset9, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset9, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset9, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset9, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset9, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset9 {
margin-left: 80.92308%;
*margin-left:80.80487%
}
.grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset9:first-child, .grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset9:first-child, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset9:first-child, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset9:first-child, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset9:first-child, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset9:first-child, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset9:first-child, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset9:first-child {
margin-left: 77.53846%;
*margin-left:77.42026%
}
.grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset8, .grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset8, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset8, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset8, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset8, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset8, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset8, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset8 {
margin-left: 72.30769%;
*margin-left:72.18949%
}
.grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset8:first-child, .grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset8:first-child, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset8:first-child, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset8:first-child, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset8:first-child, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset8:first-child, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset8:first-child, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset8:first-child {
margin-left: 68.92308%;
*margin-left:68.80487%
}
.grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset7, .grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset7, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset7, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset7, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset7, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset7, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset7, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset7 {
margin-left: 63.69231%;
*margin-left:63.5741%
}
.grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset7:first-child, .grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset7:first-child, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset7:first-child, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset7:first-child, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset7:first-child, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset7:first-child, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset7:first-child, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset7:first-child {
margin-left: 60.30769%;
*margin-left:60.18949%
}
.grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset6, .grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset6, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset6, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset6, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset6, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset6, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset6, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset6 {
margin-left: 55.07692%;
*margin-left:54.95872%
}
.grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset6:first-child, .grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset6:first-child, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset6:first-child, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset6:first-child, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset6:first-child, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset6:first-child, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset6:first-child, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset6:first-child {
margin-left: 51.69231%;
*margin-left:51.5741%
}
.grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset5, .grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset5, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset5, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset5, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset5, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset5, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset5, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset5 {
margin-left: 46.46154%;
*margin-left:46.34334%
}
.grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset5:first-child, .grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset5:first-child, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset5:first-child, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset5:first-child, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset5:first-child, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset5:first-child, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset5:first-child, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset5:first-child {
margin-left: 43.07692%;
*margin-left:42.95872%
}
.grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset4, .grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset4, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset4, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset4, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset4, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset4, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset4, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset4 {
margin-left: 37.84615%;
*margin-left:37.72795%
}
.grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset4:first-child, .grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset4:first-child, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset4:first-child, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset4:first-child, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset4:first-child, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset4:first-child, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset4:first-child, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset4:first-child {
margin-left: 34.46154%;
*margin-left:34.34334%
}
.grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset3, .grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset3, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset3, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset3, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset3, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset3, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset3, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset3 {
margin-left: 29.23077%;
*margin-left:29.11257%
}
.grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset3:first-child, .grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset3:first-child, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset3:first-child, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset3:first-child, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset3:first-child, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset3:first-child, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset3:first-child, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset3:first-child {
margin-left: 25.84615%;
*margin-left:25.72795%
}
.grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset2, .grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset2, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset2, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset2, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset2, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset2, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset2, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset2 {
margin-left: 20.61538%;
*margin-left:20.49718%
}
.grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset2:first-child, .grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset2:first-child, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset2:first-child, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset2:first-child, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset2:first-child, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset2:first-child, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset2:first-child, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset2:first-child {
margin-left: 17.23077%;
*margin-left:17.11257%
}
.grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset1, .grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset1, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset1, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset1, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset1, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset1, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset1, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset1 {
margin-left: 12%;
*margin-left:11.8818%
}
.grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset1:first-child, .grid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset1:first-child, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset1:first-child, .slimgrid:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset1:first-child, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset1:first-child, .slimgrid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset1:first-child, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .offset1:first-child, .grid5:not(.no-grid-at-767):not(.m-grid-at-767):not(.m-grid):not(.m-grid-override) .grid .grid .offset1:first-child {
margin-left: 8.61538%;
*margin-left:8.49718%
}
}
@media (max-width: 61.1875em) {
.m-grid-at-979.grid.show-grid [class*="m-span"] {
background: rgba(77,77,141,0.7) !important
}
.m-grid-at-979.grid, .m-grid-at-979.slimgrid, .m-grid-at-979.slimgrid5 {
*zoom:1
}
.m-grid-at-979.grid:before, .m-grid-at-979.grid:after, .m-grid-at-979.slimgrid:before, .m-grid-at-979.slimgrid:after, .m-grid-at-979.slimgrid5:before, .m-grid-at-979.slimgrid5:after {
display: table;
content: "";
line-height: 0
}
.m-grid-at-979.grid:after, .m-grid-at-979.slimgrid:after, .m-grid-at-979.slimgrid5:after {
clear: both
}
.m-grid-at-979.grid [class*=m-span], .m-grid-at-979.slimgrid [class*=m-span], .m-grid-at-979.slimgrid5 [class*=m-span] {
display: block;
width: auto;
float: left;
margin-left: 4.34783%;
*margin-left:4.28872%
}
.m-grid-at-979.grid [class*=m-span]:first-child, .m-grid-at-979.slimgrid [class*=m-span]:first-child, .m-grid-at-979.slimgrid5 [class*=m-span]:first-child {
margin-left: 0
}
.m-grid-at-979.grid [class*=m-span].m-span-new-row, .m-grid-at-979.slimgrid [class*=m-span].m-span-new-row, .m-grid-at-979.slimgrid5 [class*=m-span].m-span-new-row {
margin-left: 0
}
.m-grid-at-979.grid .m-span6, .m-grid-at-979.slimgrid .m-span6, .m-grid-at-979.slimgrid5 .m-span6 {
width: 100%;
*width:99.9409%
}
.m-grid-at-979.grid .m-span5, .m-grid-at-979.slimgrid .m-span5, .m-grid-at-979.slimgrid5 .m-span5 {
width: 82.6087%;
*width:82.54959%
}
.m-grid-at-979.grid .m-span4, .m-grid-at-979.slimgrid .m-span4, .m-grid-at-979.slimgrid5 .m-span4 {
width: 65.21739%;
*width:65.15829%
}
.m-grid-at-979.grid .m-span3, .m-grid-at-979.slimgrid .m-span3, .m-grid-at-979.slimgrid5 .m-span3 {
width: 47.82609%;
*width:47.76699%
}
.m-grid-at-979.grid .m-span2, .m-grid-at-979.slimgrid .m-span2, .m-grid-at-979.slimgrid5 .m-span2 {
width: 30.43478%;
*width:30.37568%
}
.m-grid-at-979.grid .m-span1, .m-grid-at-979.slimgrid .m-span1, .m-grid-at-979.slimgrid5 .m-span1 {
width: 13.04348%;
*width:12.98438%
}
.m-grid-at-979.grid .m-offset6, .m-grid-at-979.slimgrid .m-offset6, .m-grid-at-979.slimgrid5 .m-offset6 {
margin-left: 108.69565%;
*margin-left:108.57745%
}
.m-grid-at-979.grid .m-offset6:first-child, .m-grid-at-979.slimgrid .m-offset6:first-child, .m-grid-at-979.slimgrid5 .m-offset6:first-child {
margin-left: 104.34783%;
*margin-left:104.22962%
}
.m-grid-at-979.grid .m-offset6.m-span-new-row, .m-grid-at-979.slimgrid .m-offset6.m-span-new-row, .m-grid-at-979.slimgrid5 .m-offset6.m-span-new-row {
margin-left: 104.34783%;
*margin-left:104.22962%
}
.m-grid-at-979.grid .m-offset5, .m-grid-at-979.slimgrid .m-offset5, .m-grid-at-979.slimgrid5 .m-offset5 {
margin-left: 91.30435%;
*margin-left:91.18614%
}
.m-grid-at-979.grid .m-offset5:first-child, .m-grid-at-979.slimgrid .m-offset5:first-child, .m-grid-at-979.slimgrid5 .m-offset5:first-child {
margin-left: 86.95652%;
*margin-left:86.83832%
}
.m-grid-at-979.grid .m-offset5.m-span-new-row, .m-grid-at-979.slimgrid .m-offset5.m-span-new-row, .m-grid-at-979.slimgrid5 .m-offset5.m-span-new-row {
margin-left: 86.95652%;
*margin-left:86.83832%
}
.m-grid-at-979.grid .m-offset4, .m-grid-at-979.slimgrid .m-offset4, .m-grid-at-979.slimgrid5 .m-offset4 {
margin-left: 73.91304%;
*margin-left:73.79484%
}
.m-grid-at-979.grid .m-offset4:first-child, .m-grid-at-979.slimgrid .m-offset4:first-child, .m-grid-at-979.slimgrid5 .m-offset4:first-child {
margin-left: 69.56522%;
*margin-left:69.44701%
}
.m-grid-at-979.grid .m-offset4.m-span-new-row, .m-grid-at-979.slimgrid .m-offset4.m-span-new-row, .m-grid-at-979.slimgrid5 .m-offset4.m-span-new-row {
margin-left: 69.56522%;
*margin-left:69.44701%
}
.m-grid-at-979.grid .m-offset3, .m-grid-at-979.slimgrid .m-offset3, .m-grid-at-979.slimgrid5 .m-offset3 {
margin-left: 56.52174%;
*margin-left:56.40354%
}
.m-grid-at-979.grid .m-offset3:first-child, .m-grid-at-979.slimgrid .m-offset3:first-child, .m-grid-at-979.slimgrid5 .m-offset3:first-child {
margin-left: 52.17391%;
*margin-left:52.05571%
}
.m-grid-at-979.grid .m-offset3.m-span-new-row, .m-grid-at-979.slimgrid .m-offset3.m-span-new-row, .m-grid-at-979.slimgrid5 .m-offset3.m-span-new-row {
margin-left: 52.17391%;
*margin-left:52.05571%
}
.m-grid-at-979.grid .m-offset2, .m-grid-at-979.slimgrid .m-offset2, .m-grid-at-979.slimgrid5 .m-offset2 {
margin-left: 39.13043%;
*margin-left:39.01223%
}
.m-grid-at-979.grid .m-offset2:first-child, .m-grid-at-979.slimgrid .m-offset2:first-child, .m-grid-at-979.slimgrid5 .m-offset2:first-child {
margin-left: 34.78261%;
*margin-left:34.66441%
}
.m-grid-at-979.grid .m-offset2.m-span-new-row, .m-grid-at-979.slimgrid .m-offset2.m-span-new-row, .m-grid-at-979.slimgrid5 .m-offset2.m-span-new-row {
margin-left: 34.78261%;
*margin-left:34.66441%
}
.m-grid-at-979.grid .m-offset1, .m-grid-at-979.slimgrid .m-offset1, .m-grid-at-979.slimgrid5 .m-offset1 {
margin-left: 21.73913%;
*margin-left:21.62093%
}
.m-grid-at-979.grid .m-offset1:first-child, .m-grid-at-979.slimgrid .m-offset1:first-child, .m-grid-at-979.slimgrid5 .m-offset1:first-child {
margin-left: 17.3913%;
*margin-left:17.2731%
}
.m-grid-at-979.grid .m-offset1.m-span-new-row, .m-grid-at-979.slimgrid .m-offset1.m-span-new-row, .m-grid-at-979.slimgrid5 .m-offset1.m-span-new-row {
margin-left: 17.3913%;
*margin-left:17.2731%
}
.no-grid-at-979.grid [class*="span"], .no-grid-at-979.grid [class*="offset"], .no-grid-at-979.grid [class*="span"]:first-child, .no-grid-at-979.grid [class*="offset"]:first-child, .no-grid-at-979.slimgrid [class*="span"], .no-grid-at-979.slimgrid [class*="offset"], .no-grid-at-979.slimgrid5 [class*="span"], .no-grid-at-979.slimgrid5 [class*="offset"], .no-grid-at-979.grid [class*="m-span"], .no-grid-at-979.grid [class*="m-offset"], .no-grid-at-979.grid [class*="m-span"]:first-child, .no-grid-at-979.grid [class*="m-offset"]:first-child, .no-grid-at-979.grid [class*="m-span"].m-span-new-row, .no-grid-at-979.grid [class*="m-offset"].m-span-new-row {
float: none;
display: block;
width: auto;
margin-left: 0
}
.no-grid-at-979.grid-px-width, .thumbnails {
margin-left: 0
}
.thumbnails>li {
float: none;
margin-left: 0
}
.no-grid-at-979 .input-large, .no-grid-at-979 .input-xlarge, .no-grid-at-979 .input-xxlarge, .no-grid-at-979 input[class*="span"], .no-grid-at-979 select[class*="span"], .no-grid-at-979 textarea[class*="span"], .no-grid-at-979 .uneditable-input {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.no-grid-at-979 .input-prepend input, .no-grid-at-979 .input-append input, .no-grid-at-979 .input-prepend input[class*="span"], .no-grid-at-979 .input-append input[class*="span"] {
display: inline-block;
width: auto
}
.no-grid-at-979 .controls-row [class*="span"]+[class*="span"] {
margin-left: 0
}
.no-grid-at-979.modal, .no-grid-at-979 .modal {
position: fixed;
top: 20px;
left: 20px;
right: 20px;
width: auto;
margin: 0
}
.no-grid-at-979.modal.fade.in, .no-grid-at-979 .modal.fade.in {
top: auto
}
.no-grid-at-979.takeover, .no-grid-at-979 .takeover {
top: 0;
left: 0;
right: 0
}
.no-grid-at-979.takeover.fade.in, .no-grid-at-979 .takeover.fade.in {
top: 0
}
.no-grid-at-979 .dl-horizontal dt {
float: none;
clear: none;
width: auto;
text-align: left
}
.no-grid-at-979 .dl-horizontal dd {
margin-left: 0
}
input[type="checkbox"], input[type="radio"] {
border: 1px solid #ccc
}
.no-grid-at-979.grid.show-grid [class*="span"], .no-grid-at-979.grid.show-grid [class*="offset"], .no-grid-at-979.grid.show-grid [class*="m-span"], .no-grid-at-979.grid.show-grid [class*="m-offset"] {
background: rgba(102,85,85,0.7) !important
}
.container.full-bleed-at-979, .grid.full-bleed-at-979 {
width: auto
}
.t1, h1, .t1-light, .t1-bold, h1 {
font-size: 2.5em;
line-height: 1.15;
margin-bottom: 15px
}
.t2, h2, .t2-light, .t2-bold, h2 {
font-size: 2em;
line-height: 1.15625;
margin-bottom: 22px;
letter-spacing: -0.04em
}
.t3, h3, .t3-light, .t3-bold, h3 {
font-size: 1.5em;
line-height: 1.25;
margin-bottom: 18px
}
.t4, h4, .t4-light, .t4-bold, h4 {
font-size: 1.375em;
line-height: 1.27273;
margin-bottom: 12px
}
.t5, h5, .t5-light, .t5-bold, h5 {
font-size: 1.125em;
line-height: 1.22222;
margin-bottom: 12px
}
.t6, h6, .t6-light, .t6-bold, h6 {
font-size: 1em;
line-height: 1.375;
margin-bottom: 8px
}
.t7, .t7-light, .t7-bold {
font-size: .875em;
line-height: 1.5;
margin-bottom: 5px
}
.p1, .p1-bold, .lt1 {
font-size: .9375em;
line-height: 1.46667
}
.p2, p, .p2-bold, .lt2, p, input.p2 {
font-size: .8125em;
line-height: 1.53846
}
.p3, .p3-bold, .lt3, .lt3-alt {
font-size: .75em;
line-height: 1.5
}
.p4, .p4-bold, .lt4, input.p4 {
font-size: .6875em;
line-height: 1.36364
}
.p5, .p5-bold, .lt5 {
font-size: .625em;
line-height: 1.3
}
.p1 {
margin-bottom: 12px
}
.p1.lt, .lt1 {
margin-bottom: 6px
}
.p3 {
margin-bottom: 8px
}
.lt3, .p3.lt, .lt3-alt, .p3.lt-alt {
margin-bottom: 3px
}
.bq1 p, .bq1-bold p {
font-size: 2.125em;
line-height: 1.23529
}
.bq1 p:first-child, .bq1-bold p:first-child {
text-indent: -13px
}
.bq2 p, .bq2-bold p, blockquote p {
font-size: 1.375em;
line-height: 1.36364
}
.bq2 p:first-child, .bq2-bold p:first-child, blockquote p:first-child {
text-indent: -8px
}
.bq3 p, .bq3-bold p {
font-size: 1.125em;
line-height: 1.44444
}
.bq3 p:first-child, .bq3-bold p:first-child {
text-indent: -7px
}
.bq4 p, .bq4-bold p {
font-size: .8125em;
line-height: 1.53846;
margin-bottom: 12px
}
.bq4 p:first-child, .bq4-bold p:first-child {
text-indent: -4px
}
.bq5 p, .bq5-bold p {
font-size: .75em;
line-height: 1.33333
}
.bq5 p:first-child, .bq5-bold p:first-child {
text-indent: -4px
}
.btn {
padding: 11px 22px 13px;
font-size: .75em
}
.btn-large {
padding: 13px 24px 15px;
font-size: .8125em
}
.btn-small {
padding: 10px 16px 11px;
font-size: .6875em
}
.btn-mini {
padding: 9px 12px 10px;
font-size: .625em
}
.btn-square, .btn-block {
padding-right: 0;
padding-left: 0
}
.dropdown-toggle.btn-small, .dropdown-toggle.btn.btn-small {
padding: 8px 24px 9px 12px
}
.btn-alt-special.btn-alt-plus i {
margin-top: 1px;
margin-right: 7px
}
.slide-toggle i {
margin-top: 0
}
.nav-paddle {
width: 1.75em;
height: 2.6875em
}
.rp-nav .paddle i {
margin-top: 28px
}
.sticky-tabs .tab-nav {
top: 1.71875em
}
}
@media (min-width: 30em) and (max-width: 61.1875em) {
.rp-nav .paddle {
margin: -100px 0;
width: 40px;
height: 70px;
font-size: 1.0em
}
.compare-checkbox+label {
font-size: 10.5px
}
.compare-checkbox:not(.active):not(:checked):not([disabled]):hover+label:before {
color: #f3f4f6 !important
}
.product-comparison-button {
font-size: 14px;
height: 22px;
line-height: 22px;
margin-top: 0px
}
}
@media (max-width: 47.9375em) {
.container {
width: 93.75%
}
.grid, .slimgrid, .slimgrid5, .grid5 {
width: 92%
}
.m-grid.grid.show-grid [class*="m-span"] {
background: rgba(77,77,141,0.7) !important
}
.m-grid.grid, .m-grid.slimgrid, .m-grid.slimgrid5 {
*zoom:1
}
.m-grid.grid:before, .m-grid.grid:after, .m-grid.slimgrid:before, .m-grid.slimgrid:after, .m-grid.slimgrid5:before, .m-grid.slimgrid5:after {
display: table;
content: "";
line-height: 0
}
.m-grid.grid:after, .m-grid.slimgrid:after, .m-grid.slimgrid5:after {
clear: both
}
.m-grid.grid [class*=m-span], .m-grid.slimgrid [class*=m-span], .m-grid.slimgrid5 [class*=m-span] {
display: block;
width: auto;
float: left;
margin-left: 4.34783%;
*margin-left:4.28872%
}
.m-grid.grid [class*=m-span]:first-child, .m-grid.slimgrid [class*=m-span]:first-child, .m-grid.slimgrid5 [class*=m-span]:first-child {
margin-left: 0
}
.m-grid.grid [class*=m-span].m-span-new-row, .m-grid.slimgrid [class*=m-span].m-span-new-row, .m-grid.slimgrid5 [class*=m-span].m-span-new-row {
margin-left: 0
}
.m-grid.grid .m-span6, .m-grid.slimgrid .m-span6, .m-grid.slimgrid5 .m-span6 {
width: 100%;
*width:99.9409%
}
.m-grid.grid .m-span5, .m-grid.slimgrid .m-span5, .m-grid.slimgrid5 .m-span5 {
width: 82.6087%;
*width:82.54959%
}
.m-grid.grid .m-span4, .m-grid.slimgrid .m-span4, .m-grid.slimgrid5 .m-span4 {
width: 65.21739%;
*width:65.15829%
}
.m-grid.grid .m-span3, .m-grid.slimgrid .m-span3, .m-grid.slimgrid5 .m-span3 {
width: 47.82609%;
*width:47.76699%
}
.m-grid.grid .m-span2, .m-grid.slimgrid .m-span2, .m-grid.slimgrid5 .m-span2 {
width: 30.43478%;
*width:30.37568%
}
.m-grid.grid .m-span1, .m-grid.slimgrid .m-span1, .m-grid.slimgrid5 .m-span1 {
width: 13.04348%;
*width:12.98438%
}
.m-grid.grid .m-offset6, .m-grid.slimgrid .m-offset6, .m-grid.slimgrid5 .m-offset6 {
margin-left: 108.69565%;
*margin-left:108.57745%
}
.m-grid.grid .m-offset6:first-child, .m-grid.slimgrid .m-offset6:first-child, .m-grid.slimgrid5 .m-offset6:first-child {
margin-left: 104.34783%;
*margin-left:104.22962%
}
.m-grid.grid .m-offset6.m-span-new-row, .m-grid.slimgrid .m-offset6.m-span-new-row, .m-grid.slimgrid5 .m-offset6.m-span-new-row {
margin-left: 104.34783%;
*margin-left:104.22962%
}
.m-grid.grid .m-offset5, .m-grid.slimgrid .m-offset5, .m-grid.slimgrid5 .m-offset5 {
margin-left: 91.30435%;
*margin-left:91.18614%
}
.m-grid.grid .m-offset5:first-child, .m-grid.slimgrid .m-offset5:first-child, .m-grid.slimgrid5 .m-offset5:first-child {
margin-left: 86.95652%;
*margin-left:86.83832%
}
.m-grid.grid .m-offset5.m-span-new-row, .m-grid.slimgrid .m-offset5.m-span-new-row, .m-grid.slimgrid5 .m-offset5.m-span-new-row {
margin-left: 86.95652%;
*margin-left:86.83832%
}
.m-grid.grid .m-offset4, .m-grid.slimgrid .m-offset4, .m-grid.slimgrid5 .m-offset4 {
margin-left: 73.91304%;
*margin-left:73.79484%
}
.m-grid.grid .m-offset4:first-child, .m-grid.slimgrid .m-offset4:first-child, .m-grid.slimgrid5 .m-offset4:first-child {
margin-left: 69.56522%;
*margin-left:69.44701%
}
.m-grid.grid .m-offset4.m-span-new-row, .m-grid.slimgrid .m-offset4.m-span-new-row, .m-grid.slimgrid5 .m-offset4.m-span-new-row {
margin-left: 69.56522%;
*margin-left:69.44701%
}
.m-grid.grid .m-offset3, .m-grid.slimgrid .m-offset3, .m-grid.slimgrid5 .m-offset3 {
margin-left: 56.52174%;
*margin-left:56.40354%
}
.m-grid.grid .m-offset3:first-child, .m-grid.slimgrid .m-offset3:first-child, .m-grid.slimgrid5 .m-offset3:first-child {
margin-left: 52.17391%;
*margin-left:52.05571%
}
.m-grid.grid .m-offset3.m-span-new-row, .m-grid.slimgrid .m-offset3.m-span-new-row, .m-grid.slimgrid5 .m-offset3.m-span-new-row {
margin-left: 52.17391%;
*margin-left:52.05571%
}
.m-grid.grid .m-offset2, .m-grid.slimgrid .m-offset2, .m-grid.slimgrid5 .m-offset2 {
margin-left: 39.13043%;
*margin-left:39.01223%
}
.m-grid.grid .m-offset2:first-child, .m-grid.slimgrid .m-offset2:first-child, .m-grid.slimgrid5 .m-offset2:first-child {
margin-left: 34.78261%;
*margin-left:34.66441%
}
.m-grid.grid .m-offset2.m-span-new-row, .m-grid.slimgrid .m-offset2.m-span-new-row, .m-grid.slimgrid5 .m-offset2.m-span-new-row {
margin-left: 34.78261%;
*margin-left:34.66441%
}
.m-grid.grid .m-offset1, .m-grid.slimgrid .m-offset1, .m-grid.slimgrid5 .m-offset1 {
margin-left: 21.73913%;
*margin-left:21.62093%
}
.m-grid.grid .m-offset1:first-child, .m-grid.slimgrid .m-offset1:first-child, .m-grid.slimgrid5 .m-offset1:first-child {
margin-left: 17.3913%;
*margin-left:17.2731%
}
.m-grid.grid .m-offset1.m-span-new-row, .m-grid.slimgrid .m-offset1.m-span-new-row, .m-grid.slimgrid5 .m-offset1.m-span-new-row {
margin-left: 17.3913%;
*margin-left:17.2731%
}
.m-grid-at-767.grid.show-grid [class*="m-span"] {
background: rgba(77,77,141,0.7) !important
}
.m-grid-at-767.grid, .m-grid-at-767.slimgrid, .m-grid-at-767.slimgrid5 {
*zoom:1
}
.m-grid-at-767.grid:before, .m-grid-at-767.grid:after, .m-grid-at-767.slimgrid:before, .m-grid-at-767.slimgrid:after, .m-grid-at-767.slimgrid5:before, .m-grid-at-767.slimgrid5:after {
display: table;
content: "";
line-height: 0
}
.m-grid-at-767.grid:after, .m-grid-at-767.slimgrid:after, .m-grid-at-767.slimgrid5:after {
clear: both
}
.m-grid-at-767.grid [class*=m-span], .m-grid-at-767.slimgrid [class*=m-span], .m-grid-at-767.slimgrid5 [class*=m-span] {
display: block;
width: auto;
float: left;
margin-left: 4.34783%;
*margin-left:4.28872%
}
.m-grid-at-767.grid [class*=m-span]:first-child, .m-grid-at-767.slimgrid [class*=m-span]:first-child, .m-grid-at-767.slimgrid5 [class*=m-span]:first-child {
margin-left: 0
}
.m-grid-at-767.grid [class*=m-span].m-span-new-row, .m-grid-at-767.slimgrid [class*=m-span].m-span-new-row, .m-grid-at-767.slimgrid5 [class*=m-span].m-span-new-row {
margin-left: 0
}
.m-grid-at-767.grid .m-span6, .m-grid-at-767.slimgrid .m-span6, .m-grid-at-767.slimgrid5 .m-span6 {
width: 100%;
*width:99.9409%
}
.m-grid-at-767.grid .m-span5, .m-grid-at-767.slimgrid .m-span5, .m-grid-at-767.slimgrid5 .m-span5 {
width: 82.6087%;
*width:82.54959%
}
.m-grid-at-767.grid .m-span4, .m-grid-at-767.slimgrid .m-span4, .m-grid-at-767.slimgrid5 .m-span4 {
width: 65.21739%;
*width:65.15829%
}
.m-grid-at-767.grid .m-span3, .m-grid-at-767.slimgrid .m-span3, .m-grid-at-767.slimgrid5 .m-span3 {
width: 47.82609%;
*width:47.76699%
}
.m-grid-at-767.grid .m-span2, .m-grid-at-767.slimgrid .m-span2, .m-grid-at-767.slimgrid5 .m-span2 {
width: 30.43478%;
*width:30.37568%
}
.m-grid-at-767.grid .m-span1, .m-grid-at-767.slimgrid .m-span1, .m-grid-at-767.slimgrid5 .m-span1 {
width: 13.04348%;
*width:12.98438%
}
.m-grid-at-767.grid .m-offset6, .m-grid-at-767.slimgrid .m-offset6, .m-grid-at-767.slimgrid5 .m-offset6 {
margin-left: 108.69565%;
*margin-left:108.57745%
}
.m-grid-at-767.grid .m-offset6:first-child, .m-grid-at-767.slimgrid .m-offset6:first-child, .m-grid-at-767.slimgrid5 .m-offset6:first-child {
margin-left: 104.34783%;
*margin-left:104.22962%
}
.m-grid-at-767.grid .m-offset6.m-span-new-row, .m-grid-at-767.slimgrid .m-offset6.m-span-new-row, .m-grid-at-767.slimgrid5 .m-offset6.m-span-new-row {
margin-left: 104.34783%;
*margin-left:104.22962%
}
.m-grid-at-767.grid .m-offset5, .m-grid-at-767.slimgrid .m-offset5, .m-grid-at-767.slimgrid5 .m-offset5 {
margin-left: 91.30435%;
*margin-left:91.18614%
}
.m-grid-at-767.grid .m-offset5:first-child, .m-grid-at-767.slimgrid .m-offset5:first-child, .m-grid-at-767.slimgrid5 .m-offset5:first-child {
margin-left: 86.95652%;
*margin-left:86.83832%
}
.m-grid-at-767.grid .m-offset5.m-span-new-row, .m-grid-at-767.slimgrid .m-offset5.m-span-new-row, .m-grid-at-767.slimgrid5 .m-offset5.m-span-new-row {
margin-left: 86.95652%;
*margin-left:86.83832%
}
.m-grid-at-767.grid .m-offset4, .m-grid-at-767.slimgrid .m-offset4, .m-grid-at-767.slimgrid5 .m-offset4 {
margin-left: 73.91304%;
*margin-left:73.79484%
}
.m-grid-at-767.grid .m-offset4:first-child, .m-grid-at-767.slimgrid .m-offset4:first-child, .m-grid-at-767.slimgrid5 .m-offset4:first-child {
margin-left: 69.56522%;
*margin-left:69.44701%
}
.m-grid-at-767.grid .m-offset4.m-span-new-row, .m-grid-at-767.slimgrid .m-offset4.m-span-new-row, .m-grid-at-767.slimgrid5 .m-offset4.m-span-new-row {
margin-left: 69.56522%;
*margin-left:69.44701%
}
.m-grid-at-767.grid .m-offset3, .m-grid-at-767.slimgrid .m-offset3, .m-grid-at-767.slimgrid5 .m-offset3 {
margin-left: 56.52174%;
*margin-left:56.40354%
}
.m-grid-at-767.grid .m-offset3:first-child, .m-grid-at-767.slimgrid .m-offset3:first-child, .m-grid-at-767.slimgrid5 .m-offset3:first-child {
margin-left: 52.17391%;
*margin-left:52.05571%
}
.m-grid-at-767.grid .m-offset3.m-span-new-row, .m-grid-at-767.slimgrid .m-offset3.m-span-new-row, .m-grid-at-767.slimgrid5 .m-offset3.m-span-new-row {
margin-left: 52.17391%;
*margin-left:52.05571%
}
.m-grid-at-767.grid .m-offset2, .m-grid-at-767.slimgrid .m-offset2, .m-grid-at-767.slimgrid5 .m-offset2 {
margin-left: 39.13043%;
*margin-left:39.01223%
}
.m-grid-at-767.grid .m-offset2:first-child, .m-grid-at-767.slimgrid .m-offset2:first-child, .m-grid-at-767.slimgrid5 .m-offset2:first-child {
margin-left: 34.78261%;
*margin-left:34.66441%
}
.m-grid-at-767.grid .m-offset2.m-span-new-row, .m-grid-at-767.slimgrid .m-offset2.m-span-new-row, .m-grid-at-767.slimgrid5 .m-offset2.m-span-new-row {
margin-left: 34.78261%;
*margin-left:34.66441%
}
.m-grid-at-767.grid .m-offset1, .m-grid-at-767.slimgrid .m-offset1, .m-grid-at-767.slimgrid5 .m-offset1 {
margin-left: 21.73913%;
*margin-left:21.62093%
}
.m-grid-at-767.grid .m-offset1:first-child, .m-grid-at-767.slimgrid .m-offset1:first-child, .m-grid-at-767.slimgrid5 .m-offset1:first-child {
margin-left: 17.3913%;
*margin-left:17.2731%
}
.m-grid-at-767.grid .m-offset1.m-span-new-row, .m-grid-at-767.slimgrid .m-offset1.m-span-new-row, .m-grid-at-767.slimgrid5 .m-offset1.m-span-new-row {
margin-left: 17.3913%;
*margin-left:17.2731%
}
.no-grid-at-767.grid [class*="span"], .no-grid-at-767.grid [class*="offset"], .no-grid-at-767.grid [class*="span"]:first-child, .no-grid-at-767.grid [class*="offset"]:first-child, .no-grid-at-767.slimgrid [class*="span"], .no-grid-at-767.slimgrid [class*="offset"], .no-grid-at-767.slimgrid5 [class*="span"], .no-grid-at-767.slimgrid5 [class*="offset"], .no-grid-at-767.grid [class*="m-span"], .no-grid-at-767.grid [class*="m-offset"], .no-grid-at-767.grid [class*="m-span"]:first-child, .no-grid-at-767.grid [class*="m-offset"]:first-child, .no-grid-at-767.grid [class*="m-span"].m-span-new-row, .no-grid-at-767.grid [class*="m-offset"].m-span-new-row {
float: none;
display: block;
width: auto;
margin-left: 0
}
.no-grid-at-767.grid-px-width, .thumbnails {
margin-left: 0
}
.thumbnails>li {
float: none;
margin-left: 0
}
.no-grid-at-767 .input-large, .no-grid-at-767 .input-xlarge, .no-grid-at-767 .input-xxlarge, .no-grid-at-767 input[class*="span"], .no-grid-at-767 select[class*="span"], .no-grid-at-767 textarea[class*="span"], .no-grid-at-767 .uneditable-input {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.no-grid-at-767 .input-prepend input, .no-grid-at-767 .input-append input, .no-grid-at-767 .input-prepend input[class*="span"], .no-grid-at-767 .input-append input[class*="span"] {
display: inline-block;
width: auto
}
.no-grid-at-767 .controls-row [class*="span"]+[class*="span"] {
margin-left: 0
}
.no-grid-at-767.modal, .no-grid-at-767 .modal {
position: fixed;
top: 20px;
left: 20px;
right: 20px;
width: auto;
margin: 0
}
.no-grid-at-767.modal.fade.in, .no-grid-at-767 .modal.fade.in {
top: auto
}
.no-grid-at-767.takeover, .no-grid-at-767 .takeover {
top: 0;
left: 0;
right: 0
}
.no-grid-at-767.takeover.fade.in, .no-grid-at-767 .takeover.fade.in {
top: 0
}
.no-grid-at-767 .dl-horizontal dt {
float: none;
clear: none;
width: auto;
text-align: left
}
.no-grid-at-767 .dl-horizontal dd {
margin-left: 0
}
input[type="checkbox"], input[type="radio"] {
border: 1px solid #ccc
}
.no-grid-at-767.grid.show-grid [class*="span"], .no-grid-at-767.grid.show-grid [class*="offset"], .no-grid-at-767.grid.show-grid [class*="m-span"], .no-grid-at-767.grid.show-grid [class*="m-offset"] {
background: rgba(102,85,85,0.7) !important
}
.container.full-bleed-at-767, .grid.full-bleed-at-767, .container.m-full-bleed, .grid.m-full-bleed {
width: auto
}
.t1, h1, .t1-light, .t1-bold, h1 {
font-size: 2.125em;
line-height: 1.17647;
margin-bottom: 12px
}
.t2, h2, .t2-light, .t2-bold, h2 {
font-size: 1.75em;
line-height: 1.17857;
margin-bottom: 20px
}
.t3, h3, .t3-light, .t3-bold, h3 {
font-size: 1.375em;
line-height: 1.18182;
margin-bottom: 16px;
letter-spacing: 0em
}
.l2, .l2-light {
font-size: .6875em;
line-height: 1.45455;
margin-bottom: 6px
}
.l3, .label, .l3-light {
font-size: .625em;
line-height: 1.5;
margin-bottom: 6px
}
.bq1 p {
font-size: 1.5em;
line-height: 1.16667
}
.bq1 p:first-child {
text-indent: -9px
}
.alert .alert-inner {
padding-top: 1.6875em;
padding-bottom: 1.4375em
}
.modal {
height: auto;
margin: auto
}
.modal.fade.in {
top: 60px
}
.modal.fade.in.sony-modal {
top: 50%
}
.modal-header, .modal-body {
padding: 1em
}
.takeover {
top: 0;
left: auto;
right: auto
}
.takeover.fade.in {
top: 0
}
.modal-header .close {
padding: 10px;
margin: -10px
}
.takeover .modal-header {
padding: 30px 0 20px
}
.takeover .modal-subheader {
padding-top: 20px
}
.takeover .modal-header .box-close {
top: 15px
}
.btn {
padding: 11px 20px 12px;
font-size: .75em
}
.btn-large {
padding: 12px 24px 14px;
font-size: .8125em
}
.btn-small {
padding: 8px 12px 10px;
font-size: .6875em
}
.btn-mini {
padding: 8px 10px 9px;
font-size: .625em
}
.btn-square, .btn-block {
padding-right: 0;
padding-left: 0
}
.btn-alt-special.btn-alt-plus i {
margin-top: 1px
}
.pagination-paddles button {
width: 2.625em;
height: 4em;
margin-top: -2em
}
.pagination-paddles button.pagination-next {
right: 3%;
margin-right: -1.3125em
}
.pagination-paddles button.pagination-prev {
left: 3%;
margin-left: -1.3125em
}
.csstransforms .slide-toggle-arrow {
left: 25%
}
.csstransforms .slide-arrow-over .slide-toggle-arrow {
left: 25%;
left: -webkit-calc(25% - 2px);
left: calc(25% - 2px)
}
.styled-checkbox+label:after {
left: .41667em
}
}
@media (max-width: 35.4375em) {
.m-grid-at-567.grid.show-grid [class*="m-span"] {
background: rgba(77,77,141,0.7) !important
}
.m-grid-at-567.grid, .m-grid-at-567.slimgrid, .m-grid-at-567.slimgrid5 {
*zoom:1
}
.m-grid-at-567.grid:before, .m-grid-at-567.grid:after, .m-grid-at-567.slimgrid:before, .m-grid-at-567.slimgrid:after, .m-grid-at-567.slimgrid5:before, .m-grid-at-567.slimgrid5:after {
display: table;
content: "";
line-height: 0
}
.m-grid-at-567.grid:after, .m-grid-at-567.slimgrid:after, .m-grid-at-567.slimgrid5:after {
clear: both
}
.m-grid-at-567.grid [class*=m-span], .m-grid-at-567.slimgrid [class*=m-span], .m-grid-at-567.slimgrid5 [class*=m-span] {
display: block;
width: auto;
float: left;
margin-left: 4.34783%;
*margin-left:4.28872%
}
.m-grid-at-567.grid [class*=m-span]:first-child, .m-grid-at-567.slimgrid [class*=m-span]:first-child, .m-grid-at-567.slimgrid5 [class*=m-span]:first-child {
margin-left: 0
}
.m-grid-at-567.grid [class*=m-span].m-span-new-row, .m-grid-at-567.slimgrid [class*=m-span].m-span-new-row, .m-grid-at-567.slimgrid5 [class*=m-span].m-span-new-row {
margin-left: 0
}
.m-grid-at-567.grid .m-span6, .m-grid-at-567.slimgrid .m-span6, .m-grid-at-567.slimgrid5 .m-span6 {
width: 100%;
*width:99.9409%
}
.m-grid-at-567.grid .m-span5, .m-grid-at-567.slimgrid .m-span5, .m-grid-at-567.slimgrid5 .m-span5 {
width: 82.6087%;
*width:82.54959%
}
.m-grid-at-567.grid .m-span4, .m-grid-at-567.slimgrid .m-span4, .m-grid-at-567.slimgrid5 .m-span4 {
width: 65.21739%;
*width:65.15829%
}
.m-grid-at-567.grid .m-span3, .m-grid-at-567.slimgrid .m-span3, .m-grid-at-567.slimgrid5 .m-span3 {
width: 47.82609%;
*width:47.76699%
}
.m-grid-at-567.grid .m-span2, .m-grid-at-567.slimgrid .m-span2, .m-grid-at-567.slimgrid5 .m-span2 {
width: 30.43478%;
*width:30.37568%
}
.m-grid-at-567.grid .m-span1, .m-grid-at-567.slimgrid .m-span1, .m-grid-at-567.slimgrid5 .m-span1 {
width: 13.04348%;
*width:12.98438%
}
.m-grid-at-567.grid .m-offset6, .m-grid-at-567.slimgrid .m-offset6, .m-grid-at-567.slimgrid5 .m-offset6 {
margin-left: 108.69565%;
*margin-left:108.57745%
}
.m-grid-at-567.grid .m-offset6:first-child, .m-grid-at-567.slimgrid .m-offset6:first-child, .m-grid-at-567.slimgrid5 .m-offset6:first-child {
margin-left: 104.34783%;
*margin-left:104.22962%
}
.m-grid-at-567.grid .m-offset6.m-span-new-row, .m-grid-at-567.slimgrid .m-offset6.m-span-new-row, .m-grid-at-567.slimgrid5 .m-offset6.m-span-new-row {
margin-left: 104.34783%;
*margin-left:104.22962%
}
.m-grid-at-567.grid .m-offset5, .m-grid-at-567.slimgrid .m-offset5, .m-grid-at-567.slimgrid5 .m-offset5 {
margin-left: 91.30435%;
*margin-left:91.18614%
}
.m-grid-at-567.grid .m-offset5:first-child, .m-grid-at-567.slimgrid .m-offset5:first-child, .m-grid-at-567.slimgrid5 .m-offset5:first-child {
margin-left: 86.95652%;
*margin-left:86.83832%
}
.m-grid-at-567.grid .m-offset5.m-span-new-row, .m-grid-at-567.slimgrid .m-offset5.m-span-new-row, .m-grid-at-567.slimgrid5 .m-offset5.m-span-new-row {
margin-left: 86.95652%;
*margin-left:86.83832%
}
.m-grid-at-567.grid .m-offset4, .m-grid-at-567.slimgrid .m-offset4, .m-grid-at-567.slimgrid5 .m-offset4 {
margin-left: 73.91304%;
*margin-left:73.79484%
}
.m-grid-at-567.grid .m-offset4:first-child, .m-grid-at-567.slimgrid .m-offset4:first-child, .m-grid-at-567.slimgrid5 .m-offset4:first-child {
margin-left: 69.56522%;
*margin-left:69.44701%
}
.m-grid-at-567.grid .m-offset4.m-span-new-row, .m-grid-at-567.slimgrid .m-offset4.m-span-new-row, .m-grid-at-567.slimgrid5 .m-offset4.m-span-new-row {
margin-left: 69.56522%;
*margin-left:69.44701%
}
.m-grid-at-567.grid .m-offset3, .m-grid-at-567.slimgrid .m-offset3, .m-grid-at-567.slimgrid5 .m-offset3 {
margin-left: 56.52174%;
*margin-left:56.40354%
}
.m-grid-at-567.grid .m-offset3:first-child, .m-grid-at-567.slimgrid .m-offset3:first-child, .m-grid-at-567.slimgrid5 .m-offset3:first-child {
margin-left: 52.17391%;
*margin-left:52.05571%
}
.m-grid-at-567.grid .m-offset3.m-span-new-row, .m-grid-at-567.slimgrid .m-offset3.m-span-new-row, .m-grid-at-567.slimgrid5 .m-offset3.m-span-new-row {
margin-left: 52.17391%;
*margin-left:52.05571%
}
.m-grid-at-567.grid .m-offset2, .m-grid-at-567.slimgrid .m-offset2, .m-grid-at-567.slimgrid5 .m-offset2 {
margin-left: 39.13043%;
*margin-left:39.01223%
}
.m-grid-at-567.grid .m-offset2:first-child, .m-grid-at-567.slimgrid .m-offset2:first-child, .m-grid-at-567.slimgrid5 .m-offset2:first-child {
margin-left: 34.78261%;
*margin-left:34.66441%
}
.m-grid-at-567.grid .m-offset2.m-span-new-row, .m-grid-at-567.slimgrid .m-offset2.m-span-new-row, .m-grid-at-567.slimgrid5 .m-offset2.m-span-new-row {
margin-left: 34.78261%;
*margin-left:34.66441%
}
.m-grid-at-567.grid .m-offset1, .m-grid-at-567.slimgrid .m-offset1, .m-grid-at-567.slimgrid5 .m-offset1 {
margin-left: 21.73913%;
*margin-left:21.62093%
}
.m-grid-at-567.grid .m-offset1:first-child, .m-grid-at-567.slimgrid .m-offset1:first-child, .m-grid-at-567.slimgrid5 .m-offset1:first-child {
margin-left: 17.3913%;
*margin-left:17.2731%
}
.m-grid-at-567.grid .m-offset1.m-span-new-row, .m-grid-at-567.slimgrid .m-offset1.m-span-new-row, .m-grid-at-567.slimgrid5 .m-offset1.m-span-new-row {
margin-left: 17.3913%;
*margin-left:17.2731%
}
.no-grid-at-567.grid [class*="span"], .no-grid-at-567.grid [class*="offset"], .no-grid-at-567.grid [class*="span"]:first-child, .no-grid-at-567.grid [class*="offset"]:first-child, .no-grid-at-567.slimgrid [class*="span"], .no-grid-at-567.slimgrid [class*="offset"], .no-grid-at-567.slimgrid5 [class*="span"], .no-grid-at-567.slimgrid5 [class*="offset"], .no-grid-at-567.grid [class*="m-span"], .no-grid-at-567.grid [class*="m-offset"], .no-grid-at-567.grid [class*="m-span"]:first-child, .no-grid-at-567.grid [class*="m-offset"]:first-child, .no-grid-at-567.grid [class*="m-span"].m-span-new-row, .no-grid-at-567.grid [class*="m-offset"].m-span-new-row {
float: none;
display: block;
width: auto;
margin-left: 0
}
.no-grid-at-567.grid-px-width, .thumbnails {
margin-left: 0
}
.thumbnails>li {
float: none;
margin-left: 0
}
.no-grid-at-567 .input-large, .no-grid-at-567 .input-xlarge, .no-grid-at-567 .input-xxlarge, .no-grid-at-567 input[class*="span"], .no-grid-at-567 select[class*="span"], .no-grid-at-567 textarea[class*="span"], .no-grid-at-567 .uneditable-input {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.no-grid-at-567 .input-prepend input, .no-grid-at-567 .input-append input, .no-grid-at-567 .input-prepend input[class*="span"], .no-grid-at-567 .input-append input[class*="span"] {
display: inline-block;
width: auto
}
.no-grid-at-567 .controls-row [class*="span"]+[class*="span"] {
margin-left: 0
}
.no-grid-at-567.modal, .no-grid-at-567 .modal {
position: fixed;
top: 20px;
left: 20px;
right: 20px;
width: auto;
margin: 0
}
.no-grid-at-567.modal.fade.in, .no-grid-at-567 .modal.fade.in {
top: auto
}
.no-grid-at-567.takeover, .no-grid-at-567 .takeover {
top: 0;
left: 0;
right: 0
}
.no-grid-at-567.takeover.fade.in, .no-grid-at-567 .takeover.fade.in {
top: 0
}
.no-grid-at-567 .dl-horizontal dt {
float: none;
clear: none;
width: auto;
text-align: left
}
.no-grid-at-567 .dl-horizontal dd {
margin-left: 0
}
input[type="checkbox"], input[type="radio"] {
border: 1px solid #ccc
}
.no-grid-at-567.grid.show-grid [class*="span"], .no-grid-at-567.grid.show-grid [class*="offset"], .no-grid-at-567.grid.show-grid [class*="m-span"], .no-grid-at-567.grid.show-grid [class*="m-offset"] {
background: rgba(102,85,85,0.7) !important
}
.container.full-bleed-at-567, .grid.full-bleed-at-567 {
width: auto
}
.bq4.bq3-at-567 p {
font-size: 1.125em;
line-height: 1.44444
}
.bq4.bq3-at-567 p:first-child {
text-indent: -7px
}
.compare-checkbox+label {
font-size: 10.5px
}
.compare-checkbox:not(.active):not(:checked):not([disabled]):hover+label:before {
color: #f3f4f6 !important
}
.product-comparison-button {
font-size: 14px;
height: 22px;
line-height: 22px;
margin-top: 0px
}
}
@media (max-width: 29.9375em) {
.container {
width: 93.75%
}
.grid, .slimgrid, .slimgrid5, .grid5 {
width: 92%
}
.m-grid-at-479.grid.show-grid [class*="m-span"] {
background: rgba(77,77,141,0.7) !important
}
.m-grid-at-479.grid, .m-grid-at-479.slimgrid, .m-grid-at-479.slimgrid5 {
*zoom:1
}
.m-grid-at-479.grid:before, .m-grid-at-479.grid:after, .m-grid-at-479.slimgrid:before, .m-grid-at-479.slimgrid:after, .m-grid-at-479.slimgrid5:before, .m-grid-at-479.slimgrid5:after {
display: table;
content: "";
line-height: 0
}
.m-grid-at-479.grid:after, .m-grid-at-479.slimgrid:after, .m-grid-at-479.slimgrid5:after {
clear: both
}
.m-grid-at-479.grid [class*=m-span], .m-grid-at-479.slimgrid [class*=m-span], .m-grid-at-479.slimgrid5 [class*=m-span] {
display: block;
width: auto;
float: left;
margin-left: 4.34783%;
*margin-left:4.28872%
}
.m-grid-at-479.grid [class*=m-span]:first-child, .m-grid-at-479.slimgrid [class*=m-span]:first-child, .m-grid-at-479.slimgrid5 [class*=m-span]:first-child {
margin-left: 0
}
.m-grid-at-479.grid [class*=m-span].m-span-new-row, .m-grid-at-479.slimgrid [class*=m-span].m-span-new-row, .m-grid-at-479.slimgrid5 [class*=m-span].m-span-new-row {
margin-left: 0
}
.m-grid-at-479.grid .m-span6, .m-grid-at-479.slimgrid .m-span6, .m-grid-at-479.slimgrid5 .m-span6 {
width: 100%;
*width:99.9409%
}
.m-grid-at-479.grid .m-span5, .m-grid-at-479.slimgrid .m-span5, .m-grid-at-479.slimgrid5 .m-span5 {
width: 82.6087%;
*width:82.54959%
}
.m-grid-at-479.grid .m-span4, .m-grid-at-479.slimgrid .m-span4, .m-grid-at-479.slimgrid5 .m-span4 {
width: 65.21739%;
*width:65.15829%
}
.m-grid-at-479.grid .m-span3, .m-grid-at-479.slimgrid .m-span3, .m-grid-at-479.slimgrid5 .m-span3 {
width: 47.82609%;
*width:47.76699%
}
.m-grid-at-479.grid .m-span2, .m-grid-at-479.slimgrid .m-span2, .m-grid-at-479.slimgrid5 .m-span2 {
width: 30.43478%;
*width:30.37568%
}
.m-grid-at-479.grid .m-span1, .m-grid-at-479.slimgrid .m-span1, .m-grid-at-479.slimgrid5 .m-span1 {
width: 13.04348%;
*width:12.98438%
}
.m-grid-at-479.grid .m-offset6, .m-grid-at-479.slimgrid .m-offset6, .m-grid-at-479.slimgrid5 .m-offset6 {
margin-left: 108.69565%;
*margin-left:108.57745%
}
.m-grid-at-479.grid .m-offset6:first-child, .m-grid-at-479.slimgrid .m-offset6:first-child, .m-grid-at-479.slimgrid5 .m-offset6:first-child {
margin-left: 104.34783%;
*margin-left:104.22962%
}
.m-grid-at-479.grid .m-offset6.m-span-new-row, .m-grid-at-479.slimgrid .m-offset6.m-span-new-row, .m-grid-at-479.slimgrid5 .m-offset6.m-span-new-row {
margin-left: 104.34783%;
*margin-left:104.22962%
}
.m-grid-at-479.grid .m-offset5, .m-grid-at-479.slimgrid .m-offset5, .m-grid-at-479.slimgrid5 .m-offset5 {
margin-left: 91.30435%;
*margin-left:91.18614%
}
.m-grid-at-479.grid .m-offset5:first-child, .m-grid-at-479.slimgrid .m-offset5:first-child, .m-grid-at-479.slimgrid5 .m-offset5:first-child {
margin-left: 86.95652%;
*margin-left:86.83832%
}
.m-grid-at-479.grid .m-offset5.m-span-new-row, .m-grid-at-479.slimgrid .m-offset5.m-span-new-row, .m-grid-at-479.slimgrid5 .m-offset5.m-span-new-row {
margin-left: 86.95652%;
*margin-left:86.83832%
}
.m-grid-at-479.grid .m-offset4, .m-grid-at-479.slimgrid .m-offset4, .m-grid-at-479.slimgrid5 .m-offset4 {
margin-left: 73.91304%;
*margin-left:73.79484%
}
.m-grid-at-479.grid .m-offset4:first-child, .m-grid-at-479.slimgrid .m-offset4:first-child, .m-grid-at-479.slimgrid5 .m-offset4:first-child {
margin-left: 69.56522%;
*margin-left:69.44701%
}
.m-grid-at-479.grid .m-offset4.m-span-new-row, .m-grid-at-479.slimgrid .m-offset4.m-span-new-row, .m-grid-at-479.slimgrid5 .m-offset4.m-span-new-row {
margin-left: 69.56522%;
*margin-left:69.44701%
}
.m-grid-at-479.grid .m-offset3, .m-grid-at-479.slimgrid .m-offset3, .m-grid-at-479.slimgrid5 .m-offset3 {
margin-left: 56.52174%;
*margin-left:56.40354%
}
.m-grid-at-479.grid .m-offset3:first-child, .m-grid-at-479.slimgrid .m-offset3:first-child, .m-grid-at-479.slimgrid5 .m-offset3:first-child {
margin-left: 52.17391%;
*margin-left:52.05571%
}
.m-grid-at-479.grid .m-offset3.m-span-new-row, .m-grid-at-479.slimgrid .m-offset3.m-span-new-row, .m-grid-at-479.slimgrid5 .m-offset3.m-span-new-row {
margin-left: 52.17391%;
*margin-left:52.05571%
}
.m-grid-at-479.grid .m-offset2, .m-grid-at-479.slimgrid .m-offset2, .m-grid-at-479.slimgrid5 .m-offset2 {
margin-left: 39.13043%;
*margin-left:39.01223%
}
.m-grid-at-479.grid .m-offset2:first-child, .m-grid-at-479.slimgrid .m-offset2:first-child, .m-grid-at-479.slimgrid5 .m-offset2:first-child {
margin-left: 34.78261%;
*margin-left:34.66441%
}
.m-grid-at-479.grid .m-offset2.m-span-new-row, .m-grid-at-479.slimgrid .m-offset2.m-span-new-row, .m-grid-at-479.slimgrid5 .m-offset2.m-span-new-row {
margin-left: 34.78261%;
*margin-left:34.66441%
}
.m-grid-at-479.grid .m-offset1, .m-grid-at-479.slimgrid .m-offset1, .m-grid-at-479.slimgrid5 .m-offset1 {
margin-left: 21.73913%;
*margin-left:21.62093%
}
.m-grid-at-479.grid .m-offset1:first-child, .m-grid-at-479.slimgrid .m-offset1:first-child, .m-grid-at-479.slimgrid5 .m-offset1:first-child {
margin-left: 17.3913%;
*margin-left:17.2731%
}
.m-grid-at-479.grid .m-offset1.m-span-new-row, .m-grid-at-479.slimgrid .m-offset1.m-span-new-row, .m-grid-at-479.slimgrid5 .m-offset1.m-span-new-row {
margin-left: 17.3913%;
*margin-left:17.2731%
}
.no-grid-at-479.grid [class*="span"], .no-grid-at-479.grid [class*="offset"], .no-grid-at-479.grid [class*="span"]:first-child, .no-grid-at-479.grid [class*="offset"]:first-child, .no-grid-at-479.slimgrid [class*="span"], .no-grid-at-479.slimgrid [class*="offset"], .no-grid-at-479.slimgrid5 [class*="span"], .no-grid-at-479.slimgrid5 [class*="offset"], .no-grid-at-479.grid [class*="m-span"], .no-grid-at-479.grid [class*="m-offset"], .no-grid-at-479.grid [class*="m-span"]:first-child, .no-grid-at-479.grid [class*="m-offset"]:first-child, .no-grid-at-479.grid [class*="m-span"].m-span-new-row, .no-grid-at-479.grid [class*="m-offset"].m-span-new-row {
float: none;
display: block;
width: auto;
margin-left: 0
}
.no-grid-at-479.grid-px-width, .thumbnails {
margin-left: 0
}
.thumbnails>li {
float: none;
margin-left: 0
}
.no-grid-at-479 .input-large, .no-grid-at-479 .input-xlarge, .no-grid-at-479 .input-xxlarge, .no-grid-at-479 input[class*="span"], .no-grid-at-479 select[class*="span"], .no-grid-at-479 textarea[class*="span"], .no-grid-at-479 .uneditable-input {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.no-grid-at-479 .input-prepend input, .no-grid-at-479 .input-append input, .no-grid-at-479 .input-prepend input[class*="span"], .no-grid-at-479 .input-append input[class*="span"] {
display: inline-block;
width: auto
}
.no-grid-at-479 .controls-row [class*="span"]+[class*="span"] {
margin-left: 0
}
.no-grid-at-479.modal, .no-grid-at-479 .modal {
position: fixed;
top: 20px;
left: 20px;
right: 20px;
width: auto;
margin: 0
}
.no-grid-at-479.modal.fade.in, .no-grid-at-479 .modal.fade.in {
top: auto
}
.no-grid-at-479.takeover, .no-grid-at-479 .takeover {
top: 0;
left: 0;
right: 0
}
.no-grid-at-479.takeover.fade.in, .no-grid-at-479 .takeover.fade.in {
top: 0
}
.no-grid-at-479 .dl-horizontal dt {
float: none;
clear: none;
width: auto;
text-align: left
}
.no-grid-at-479 .dl-horizontal dd {
margin-left: 0
}
input[type="checkbox"], input[type="radio"] {
border: 1px solid #ccc
}
.no-grid-at-479.grid.show-grid [class*="span"], .no-grid-at-479.grid.show-grid [class*="offset"], .no-grid-at-479.grid.show-grid [class*="m-span"], .no-grid-at-479.grid.show-grid [class*="m-offset"] {
background: rgba(102,85,85,0.7) !important
}
.container.full-bleed-at-479, .grid.full-bleed-at-479 {
width: auto
}
.rp-nav .paddle {
display: none
}
[class^="swatch-"], [class*=" swatch-"] {
width: 2.5625em;
height: 2.5em
}
.mini-swatch {
width: .875em;
height: .875em
}
}
@media (max-height: 34.375em) {
.modal {
top: 0;
margin-top: 1%;
max-height: 90%
}
.modal .container, .modal .grid {
height: 100%
}
.modal.fade.in {
top: 0
}
.modal.fade.in.sony-modal {
top: 50%;
height: auto
}
.modal .modal-header {
max-height: 20%
}
.modal .modal-body {
padding-top: 0;
padding-bottom: 0em;
max-height: 75%;
overflow: hidden
}
.modal .js-spec-modal-body, .modal .spec-modal-body, .modal .js-spec-modal-body img {
max-height: 100%
}
.modal.takeover {
margin: 0;
height: 100%
}
.modal.takeover .modal-header, .modal.takeover .modal-body {
max-height: none
}
.modal-header {
padding-top: .625em;
padding-bottom: .375em
}
.modal-inner .modal-subhead {
padding-top: .375em;
padding-bottom: .375em
}
}
@media (max-height: 25em) {
.modal .container {
max-height: 250px
}
}
@media (max-height: 20em) {
.modal .container {
max-height: 180px
}
}
@media (min-width: 61.25em) and (max-width: 68.75em) {
.gallery-detailed .container .products {
margin-top: -2.5em
}
.gallery-item.detailed {
margin-top: 2.5em
}
}
@media (min-width: 61.25em) and (max-width: 63.9375em) {
.gallery-item.large:after {
padding-top: 106.8%
}
}
@media (max-width: 61.1875em) {
.gallery-item.large .slide:not(:first-child) {
display: none
}
.gallery-item .promo-content .promo-title i {
font-size: .8em
}
}
@media (min-width: 48em) and (max-width: 50.625em) {
.product-strip .gallery-item:after {
padding-top: 170%
}
}
@media (min-width: 48em) and (max-width: 61.1875em) {
.gallery-detailed .container .products {
margin-top: -2.5em
}
.gallery-item.detailed {
margin-top: 2.5em
}
.gallery-item.promo .product-img {
padding-right: 22%
}
}
@media (max-width: 47.9375em) {
.gallery .gallery-item .promo-content {
position: absolute;
top: 0;
left: 0;
padding: 1.5625em 1em
}
.gallery .gallery-item .promo-content .promo-title, .gallery .gallery-item .promo-content .text-count {
position: static
}
.gallery .gallery-item .promo-content .promo-title {
max-width: none;
margin: 0 0 0.825em
}
.gallery .gallery-item:after, .gallery .gallery-item .product-img:after {
content: none
}
.gallery .gallery-item .gallery-item-inner, .gallery .gallery-item .product-img .product-img-wrap {
position: static
}
.gallery.gallery-editorial .gallery-item {
margin-top: 0.625em
}
.gallery.gallery-editorial .gallery-item:after {
content: '';
padding-top: 165.196%
}
.gallery.gallery-editorial .gallery-item-inner, .gallery.gallery-editorial .product-img .product-img-wrap {
position: absolute
}
.gallery.gallery-editorial .gallery-item .product-img:after {
content: '';
padding-top: 107.84314%
}
.gallery .slide-toggle-parent {
margin-bottom: .9375em
}
.gallery.gallery-detailed .container .products {
margin-top: -1.625em
}
.gallery.gallery-detailed .gallery-item {
margin-top: 1.625em;
width: 100%
}
.gallery.gallery-detailed .gallery-item-inner {
display: table;
height: 100%;
width: 100%
}
}
@media (max-width: 47.9375em) and (max-width: 47.9375em) {
.gallery.gallery-detailed .gallery-item-inner[mlp="true"] {
display: inline-block;
background-color: #f1f5f9
}
.gallery.gallery-detailed .gallery-item-inner[mlp="true"] .product-content {
display: inline-block;
width: 100%;
max-width: 100%;
height: auto !important;
padding: 20px 16px
}
.gallery.gallery-detailed .gallery-item-inner[mlp="true"] .product-content.mlp-block {
background-color: #ffffff;
border: solid 1px #e4e7eb
}
.gallery.gallery-detailed .gallery-item-inner[mlp="true"] .product-content .prime-differentiator-list {
height: auto !important
}
.gallery.gallery-detailed .gallery-item-inner[mlp="true"] .product-content .prime-differentiator-list-wrapper {
height: auto !important
}
.gallery.gallery-detailed .gallery-item-inner[mlp="true"] .product-meta-name {
font-size: 10px
}
.gallery.gallery-detailed .gallery-item-inner[mlp="true"] .product-row {
position: relative;
display: block;
float: left;
padding: 10px 0px 51px 0
}
.gallery.gallery-detailed .gallery-item-inner[mlp="true"] .product-widgets {
position: relative;
width: 100%;
float: left;
bottom: -48px
}
.gallery.gallery-detailed .gallery-item-inner[mlp="true"] .product-widgets .color-swatches {
right: 16px
}
.gallery.gallery-detailed .gallery-item-inner[mlp="true"] .product-widgets .favorite-holder i {
padding-left: 16px
}
.gallery.gallery-detailed .gallery-item-inner[mlp="true"] .product-desc {
width: 100%;
display: inline-block
}
.gallery.gallery-detailed .gallery-item-inner[mlp="true"] .product-desc .product-name {
color: #2f353d;
font-size: 14px;
padding: 16px 16px 0
}
.gallery.gallery-detailed .gallery-item-inner[mlp="true"] .product-desc .product-model {
color: #74747f;
padding: 0 16px
}
.gallery.gallery-detailed .gallery-item-inner[mlp="true"] .product-features {
width: 50%;
float: left;
padding-right: 16px
}
.gallery.gallery-detailed .gallery-item-inner[mlp="true"] .product-img {
display: inline-block;
width: 50%;
max-width: 50%;
float: left;
padding: 0 8px
}
.gallery.gallery-detailed .gallery-item-inner[mlp="true"] .product-img .ghost-center {
width: 100%
}
}
@media (max-width: 47.9375em) {
.gallery.gallery-detailed .product-img, .gallery.gallery-detailed .product-content {
display: table-cell;
vertical-align: top;
width: 50%
}
.gallery.gallery-detailed .product-img .product-img-wrap {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%
}
.gallery.gallery-detailed .product-img img.iq-img {
width: 100%
}
.gallery.gallery-detailed .product-content {
padding-left: 4%;
margin-top: 0
}
.gallery.gallery-detailed .product-name {
margin-bottom: 3px
}
.gallery.gallery-detailed .product-model {
margin-bottom: 0
}
.gallery.gallery-detailed .product-rating {
margin: 0 0 0.3125em
}
.gallery.gallery-detailed .star-holder {
top: 0;
width: .6em;
height: .6em
}
.gallery.gallery-detailed .fonticon-10-star, .gallery.gallery-detailed .fonticon-10-star-half {
font-size: .6em;
letter-spacing: -0.15em
}
.gallery.gallery-detailed .product-meta {
margin-bottom: .3125em
}
.gallery.gallery-detailed .evenHeights {
margin-bottom: .3125em
}
.gallery.gallery-detailed .product-price {
margin-top: 0
}
.product-content .price-prefix {
margin-bottom: 0;
display: inline-block
}
.favorite-holder i {
font-size: .6875em
}
}
@media (min-width: 35.5em) and (max-width: 61.1875em) {
.spec-tiles-wrap {
margin-top: 4.6875em;
margin-bottom: 6.25em
}
.spec-tile {
margin-top: .625em
}
.spec-tile .tile-content {
padding: 1.875em 1.875em 2.8125em 1.25em
}
.sticky-nav .jump-links li {
margin-left: 1em
}
}
@media (min-width: 35.5em) and (max-width: 47.9375em) {
.gallery .gallery-item.social:after {
padding-top: 80.1%
}
.gallery .gallery-item.social .product-img:after {
padding-top: 52%
}
}
@media (min-width: 35.5em) and (max-width: 40em) {
.gallery .gallery-item.basic:after {
padding-top: 187%
}
.gallery .gallery-item.social:after {
padding-top: 90.5%
}
}
@media (max-width: 35.4375em) {
.gallery .gallery-item.social:after, .gallery .gallery-item.promo:after {
padding-top: 78.9%
}
.gallery .gallery-item.social .product-img:after {
padding-top: 51.5%
}
.gallery .gallery-item.social figcaption {
margin-top: .1875em
}
.gallery .gallery-item.social .social-icon {
width: 24px;
height: 24px;
margin-right: 8px
}
.spec-multi, .spec-single {
margin-top: 0
}
ul.jump-links {
margin-left: -.25em
}
ul.jump-links a {
padding-right: 4px;
padding-bottom: 8px;
padding-left: 4px
}
.no-touch ul.jump-links li:hover a, ul.jump-links .active a {
-webkit-box-shadow: inset 0 -3px 0 #5887f5;
box-shadow: inset 0 -3px 0 #5887f5
}
.sticky-nav .jump-links {
display: none
}
.spec-tiles-wrap {
margin-top: 3.75em;
margin-bottom: 5em
}
.spec-tile {
margin-top: .625em
}
.spec-tile .tile-content {
padding: 1.875em 1.875em 2.8125em 1.25em
}
}
@media (max-width: 22.5em) {
.gallery-content .gallery-item.basic:after {
padding-top: 190%
}
.gallery .gallery-item.social:after, .gallery .gallery-item.promo:after {
padding-top: 90.9%
}
.gallery .gallery-item.social .product-img:after {
padding-top: 51.6%
}
}
@media (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 124dpi) {
.no-touch [class^="sprite-"], .no-touch [class*=" sprite-"] {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWQAAABACAYAAAAtUQ20AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpCMjU1MDYwMTE3MjA2ODExODIyQUU1REQ0QTg4NUNFNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyODRGNzlEMDc0RTQxMUUzQThBNEY0MkZENUQ1QjUzQiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5MDY3Mzc4QTc0QzQxMUUzQThBNEY0MkZENUQ1QjUzQiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzFDM0YwMzkzQzIwNjgxMTgyMkFFNURENEE4ODVDRTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjI1NTA2MDExNzIwNjgxMTgyMkFFNURENEE4ODVDRTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz62BhfLAAATTUlEQVR42uxdCdQUxRGe5ZboL3IJQojgQTiCeEEUCaAgxiOCeIBKNBjjhQlP8QwSEjGJSh54QTSoGBVEzQONEA8UFRVBjIJyKKAgntwgIIcwqY+tJZPNzHT1TM8u+Op7rxz8d6a6+phvuquru3OeEL7v70eXY0nakTRj+T5JBcneJJVJtpB8Q/IVyTKSj0neI3mHZFYul9vs7UagPMH+o0mOJGlO8gOSJpyfmoFbN5J8TfIZyRck8zlfyNN8T/GdBbUR8b3UFuL0oH0dQ3Iot7X6JPVIqpNsJ9lGsp7kE5KZJK/hSjq3B3TsRZf9A2rX0u9rU+StKV06khxF8kNu/w1J9im6FWmsIZlDMo/kTZJplPaa70gdH5ji8fVUDqtDdNagSwNLXUtyBkPb0qU3ySkkrdDmUhi+lStyEslEysSHgXRq0WVA0f2P0T0LHBd8Jbp0IulJchLJIQ7Ufk7yHMk4khfJ5h0p7EM51Ephy1JK309YLk0cFfNKsmFDQHdjulRx/A5tojSWG/JUv+ijmhRLkhIy2QCSu4zkdCY7W6ADM41kEOmeSfr60L/HBn4fTX+/2LKuQRL9SM4jaZmiXPCheB02kDxh6mxRunMs29gHJKeS3hUGveCmRxPYfznpHss6/BTlcAfpGRBiV2e6TLXUlQt9OUl6k7ztZ4u3SC4kqU5yaMjvPRwScT2SP5AsyzhP0D+QZO+Edg5Jmf7fSaol+RA4LIMLi3QvyaCcJwryNNFRWp5UAmnXJnmAZIfDPC8mea/ob6tsRrgkI0i+yaA+lpNcTlI5Jv0k7eAj/qDH5atHQpuH8vPHpMz74xF2vZ6krVUpUnIEXf5GckQJRgoYJj1Icju7OLIYitSmy2CSS0hqlCBPjTk/11Pag+h6X5oecwL0hQ2Udk9Kd506HMoy/D2YLs+TNI24Ba6JTezew78LTI5RSjVupzX5/4NoFpac0KYT6fIwu0k8g12b+d9bA3ZVJdmL3ZNhox24Xu4huYjSOova3keOihNlOIt0diSdC3fH6uZ6jPrNF3oVdtVjlUClncsEKe1hrSRZzD4vVOQ6TryCBZXfgqS2QU9dFtcvBnpqw0jqWDyGYfAskkXsM0Oj/B77yluTtGFfuQlIcxQIkuzo67CBStCFZDql+1NKd6lSZEnJGG1lcgQZb+H2hTkWzEXMYHfXjJCPOob23UmO8/LzGWlsgsvk7hCCD7oeVvI7/Cl/TGawP7tAFI28/NxRV3a91I0gGnTk3qU0u1Hbm1HkzjmQ/o6PQnvmHfDCvoIswGcOd00X0vFuiJsII6GPWWcl9snXCbGvwFHbOV+TAr8t42tl/vDUMhCpz7pwvTfintXse89xPsP0bSr6KO+qtDMF3emNJGPYndHAokHUgZ+HZFjIkCsOPRI2wJo8dJdiFcntJIcLdO8LgiV5xUL/apCj0PbePNQuyDQu9yT4gkc8IiIpShfyhiDtOSSTip47vkj3fUW/o8ezNUF+VpA8xTpuEOTphkCanwr0ryWZGlIOnoUMitCN/H7I+tpZtucbSb6O0LvS8GwvQ543kywlAYmeKbClgqQ/P7M9Ri/sbWXQdbxl/aMtHiewsTHXZTEuFZZ3d64rE24V6psd8TzemyZF9+78T12SdYbEn8R9jnoRbUnuEviyeiTQDcJ8TVjB20huIdknYT46WXxg0HjPS5gO6ueDhKS8gSc9ktZVyxg/6L0p9DYkecIyL39Okd45Bt3jovz+loQ8L0L/Op4zqUhofwOSuTaETL81IllvaP+LSP5paxfd34JkoaFM0WarO5632EJyksC+MH/1gRb5w4fnS4E9Fxn0jIp47rWotob/DDUkOi3OWZ/iJcGX7GlXhEz3VyF5UVixn5Ec6SAPmJAcaUHKpyZMZ6ifHNulvYOItD+P0HtFyrLLgdQt8rG1uPdt0c7iesjjDZNRNhIFfNTeTVle6GwssCDkBwzl+Tn32JN+JFpE9ESDGJjBRDLa89kG2xamIWTW0Qrla7AF9doz4vmbI55ZGtfWPEEv77IMfW45dhe4IOTbhBX6Kccfu8zHLcK01yeJeaRnBjiYCUf55BKkPV8STZGw3Cpb9pRBAC0tSSyufb9gikpxRMhBEhzFw+KqCcqru4SQeVS11dA7Rg+2Rcr6Gy5wm1WyIGS4Or4VlCOI8OIYuxalJWTW01rgtkNZdil6rn+Ui4kDDWIJebMhwZEZT4TkInq2PSx0HGXwaQV9Zm0zyoeUWJ4tEyEXeoM1LNN+N4seckB/NYuRjc/D0f2FeqfG6JklcVdZEvICi3zs4A/0JyQzED7FZH0WSYcIW6pyqOgjmCCLcuPQ3y8QfNj+5KDuagpC+35sQcggrNEWcwyDsiRk1tVH4F7dWBhxo/ceUSbQUc/U1jxhxm/nWOFcRmTWNiUhTxHm46YMPyy1BUOcAjqXiZB99rHXcUDIAxyWXYVl3Dv8sTUNH/mxMc8vNL0cCQl5kMN6Aimt4UmhMUwMjYQ232XQ/RVJV0d1Z4rtv9KSkNvxSGCzsJyGZUnIrO989l+bRr/jI8gYeWkvaWseV44UazjCAA1kMEk/ONlJ2vj5lVFpKvZF7v0U5EThc4cJbUdl75Vxb/9aoS1POyJkTMj8NcHLjuFqs92FkDmdehEvUhQmRPl+MQNuGEY3tbDLRmqQvOlngx08STvDFBHB7cI0h1LhqN5Mk+i32BIy/97ZIsJoXNA14pqQAxN02xLUG1wwHaVtzeNQIpdfdayueYlJewgPsVC4B2REgn8R2narlzG4kW0R2LItzpdkQcgT+fdrfPtVYSuihpNFab9cCkLmtJrGTCKGYXiIjiti7ke0w2GWNlmt1EO0hmBCzcV79nqUDzimznbNoziss8mGtEYnIWS+p5lg4jDYOamaFSGz3vuFrtHgBGR/m7YmiVV0CXTrEeSN2NRL/fxa/7SFNFeY9jFeCUDpPCe0p5crQuZ7EEu+ybI+cP8ZCQn5qozKr41vDsMMon/g2R4xLwyGjZ0S2GO9dJqfO4Q7JlszfJ+WhJGyIXpp5+Siw/qalmQOSkLIgSiZFcLymM5+7UwIme2ZIez84J7Btm2tsHfFDL98+IijFA5OOKkgAXqtVUpEyDcJbRrqkpD5vvZ+fl8B2zCiAQkIeUiGZdjR4uMC+08jOTbmme2mD49rQg4834hdWRjar2a3wzaH78/LIWneaXhmucO6MkVp/TwNIQfec+leGO/74WGOJzrKLyJ33jGQMn4bl6StFf5xkMVXKCvs4NljG/9ea6Hukm2R6ZsXIRTwuGtCDgz75yco/zvCfLIxPf4hGZfj6RbDw02GCdVfpbDDRi7juoL8LEIf4ne7spsJC67eYL/2hoS96XXFE3Q8CRWHDX7KkLdA1Idp8q1xWkIORM3MT8EvZzhsm0386NWTifnmfz7q9D/NU2bYFdBYzhVm4CfSyIISEnI3oU2TsyDkQGN/KUHZTyiOXvCjd00bUoKy7OegPf0upQ02sraoV46h88MWaaE33YnnXcbzhKppTmJLsZ+SI36+MYwqrnZQP6cYbPvCMN8iJmR+BnHrr5abkNmWT1zzDdrQrpnJXC6H/UexnwPiE8u5kTw2aHnUly08kO5jmvN2P/hZKeZNy7HE9CHLRxFqODVtxIzDfDxAlxtSqBhJOn5fJvPxbqEc20kjGsjWz0heIRlDcg4JYuax0c3thrbdrkjPakPdw7bfOIi0MIWRPuK4PWBjoM5efv/x7yQqFWV4M8mNXn7HKUzavOHld0cqB7Ak2bSB/GqhrroltFsaPZHp9phUj1tJ8FEbbPkoXm6EbjU33FezFIVJecDihxEJHn2S5Ndlfr+w8KShgLji8o/d4a738qfWhKFw0kgxUO9xp4kgpjnx6MHPr+CNi61F2tdm0B6wnS026xr9nSfkQKZXkQwn6cBf6C7cuLGhDE4wWFUC2xAzPMxwzxKhLvhVq5eoTKWnkCwohTFUhzd7+dMhtlk8Bj/+dI6fXB9xT7USttOrLHtbLyHPweOPykzK/TmyKGmPtCG/D2EAUb8VUu+YuOsdMxLDu3+lTVhWgIzRnu6JuQXl3tdwek0uRZv2+aSUEWWs12xG3eyXaVsk9QTP7c2Taif7+dMCsFfCYxwGs9hipY1pou8Agx3SsLeOpaglSucZoT3dLXRa+ZAjdCByYZVl+cM/GbUVYUlfBp7UmS2wGe2ulsN0k/qQw/AVx+ZXtUj/SI4ciIpnR/00inm+j2FyFL/9yxdsqevnV+tOEMTY/1Ggq33EBKXt9qQDyzCpV8UQmom5gyT7xuzc1Blf8HdCfENDDV8pnJv2PktUAnV5aIRNrbEyDMNg+MVwWkgV4VcIvfO4M7OwobZkw5mzuXefJWlgI2rJktRNWdsSUl/TOBYbk4kHCR+r5rk5d9CJC8bPb0TexnDr5jQHf2aM+uwmQGgkNqnHKRg4EAEH5hbOIazgHjHCQE/wok8ewdAd8cTXwfccU25YxfYl/XOCF74hPHrKmG/A6j0cYIqP/DweBaNXjmX2OJyhG1/jgN76nez2LH43+vHzB3Eew/bqxt/RoZkTcOlNIX2jYvKHfdZRdiOz6rWSfngHzufyAG81MbjskMe1HO+NeoLbaRTZer8ksbDZzkkZE1cFr6jaIPiy3WTQdYTwC7mWCTPLfEm/1g9Z6k3dQw5+JH35ntFxuLPUbObLzslb6zjNND3kjcI2bguMAj72I7Z+jMhHDV6V+20G9mzhXmHXmPSTnq04VZi/XoaRwBkp2sAYB2U0QtLWoo516S6YUEvT28HR2fBB9RPcXt2g6990eUWgB2T82wzJAqOBG4W3l833ReW1knte41OqqvAUJuCsSPRe0cNCO92SUh+inxBK9gTJyVSXEyzqHSMHnH6N1bGTuDebJtJnO/dicfwRIlmOIP1Tytiu/0EXHMawbU9uMFFuAywQwG5Zx1NGv84wfUmDkqwqus7LR4RUMtx3FZaVUp6cxiWzvwi93v0Et4+j9N8p8/AfPRocKb/Y4iOiMAOTXfAPY/OfxkxWKO+76HIXT+rBdQZixJ4atdktVDnQdguHY37L5LKNifxVJtIpcS4KQd3jvMhT2e8MW3oySVdjPqjMQ/9KPNwukC9kKws+DLPZvTEBHSxhJ6QVuzBtMNkib89ibQL980IvfxZfAaiTNJPodzIPFc4StD2wA52gB0V54AmQNRG/Y/a2F2V0WUa9yjpsbBzaU/ozBboQkXG1sHA6kc55DskY/qtLhWm34hlwK5cFXYaH/PQU6eqR0n4cQzOKG60NHuKwupK6LJjM4rCO7HI6qZchKpgMo8LHPvP+eyBqlgBJtmRbmkeMfgq2zGRyW+8pMmnkpqNUsOXmRVnsBeHHb5PocwRFTqgLM5/SfZERbXCCA/sRaTJWmCZ8d10SpnONKx9yhP6ulhv6AGPK0FYlPuT1jtNUUSmZVBK0SfQ2EISNTb2xAfehDho5lohCpylwfKAhljE4XMEQb+dKM8HtGCri+J57fOFG5SF5OI0uOCetj+B2DP0uIBunJiyyqB7U4X6Co4BCyg6+P0RgLLV4rGaJyRjDRMk+J/v4GW31qlBk7k40uCyi8JGXD9ua7uVD5j6gl3pdzMuE5dCt+aU/2ctPKpk+BjeTzsEJXlwcUSSdMAQQgjaWZRoTe5TuBkz62KzmcKF+lG1v0vu8wPamIa6J+lxuUYBPcG7R3zZSeuclKDv43Z7x8mGJJqR2l8TYgQUNvQN/AhkfwsNpqc/uba9oC4Ak9mbsslAonBByGJazrGXBseqI20NMJQ4VlcYIYgLjao7CSPNS92Vyq2Px2Cb+wCziPGzmfGCCBhMStluEvkzyC8rLEqHNbb3/jwlPgsR+VN5cCKviTCFVWRLyEC/Fst6YkUCiYH2FolSI8wvfR9KBiUiC+ixpgCWvV9B7s8DBy/cw76iGpcO/9GSTVjU5zx1SJo9JUITYPSJ1uew2X+hcDltZnkX/vM3LL1lWKBQlQpTbYBm9mJeQwM1wNMndXn6GNQsgrAcbwSDy4QQXZBwgF+zJcTn3bIc7GgnEYTa7Sg7GB2FPI+NAuW0nQcQKTpbeYdl2FApFCpcFhuTPFP39S3ohexcN3TDcw3LH40kQ64eJpnoJ04UPGnGVL5BMivM/Ox4KY5HJaTwc75bC/iAwsfcsyWOUj9kp7UMsqIsJqR1kyyeOygxL3sPCoDZwTGsW9QR3Sy3njV3oOlKXhaJshJzyxYF/GHsL/MjLr++Gy6JG4BYQLQLJsWIJLwP2IphDL8aKcmfcz59SC3fMkV5+gg696MZMiNjfo3pRPiA4HBKRCHO5NzzTNqZYsWdBCVlR6h6yloJCoVAoISsUCoVCCVmhUCiUkBUKhUKhhKxQKBRKyAqFQqFQQlYoFAolZIVCoVAoISsUCoUSskKhUCiUkBUKhUIJWaFQKBRKyAqFQqGErFAoFAolZIVCoVBCVigUCoUSskKhUCghKxQKhUIJWaFQKJSQFQqFQqGErFAoFErICoVCoVBCVigUCoUSskKhUCghKxQKhUIJWaFQKJSQFQqFQqGErFAoFErICoVCoVBCVigUij0N/xFgAKMr91uyQKDFAAAAAElFTkSuQmCC");
background-size: 178px 32px
}
[class^="sprite-"], [class*=" sprite-"] {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWQAAABACAYAAAAtUQ20AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpCMjU1MDYwMTE3MjA2ODExODIyQUU1REQ0QTg4NUNFNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyODRGNzlEMDc0RTQxMUUzQThBNEY0MkZENUQ1QjUzQiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5MDY3Mzc4QTc0QzQxMUUzQThBNEY0MkZENUQ1QjUzQiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzFDM0YwMzkzQzIwNjgxMTgyMkFFNURENEE4ODVDRTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjI1NTA2MDExNzIwNjgxMTgyMkFFNURENEE4ODVDRTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz62BhfLAAATTUlEQVR42uxdCdQUxRGe5ZboL3IJQojgQTiCeEEUCaAgxiOCeIBKNBjjhQlP8QwSEjGJSh54QTSoGBVEzQONEA8UFRVBjIJyKKAgntwgIIcwqY+tJZPNzHT1TM8u+Op7rxz8d6a6+phvuquru3OeEL7v70eXY0nakTRj+T5JBcneJJVJtpB8Q/IVyTKSj0neI3mHZFYul9vs7UagPMH+o0mOJGlO8gOSJpyfmoFbN5J8TfIZyRck8zlfyNN8T/GdBbUR8b3UFuL0oH0dQ3Iot7X6JPVIqpNsJ9lGsp7kE5KZJK/hSjq3B3TsRZf9A2rX0u9rU+StKV06khxF8kNu/w1J9im6FWmsIZlDMo/kTZJplPaa70gdH5ji8fVUDqtDdNagSwNLXUtyBkPb0qU3ySkkrdDmUhi+lStyEslEysSHgXRq0WVA0f2P0T0LHBd8Jbp0IulJchLJIQ7Ufk7yHMk4khfJ5h0p7EM51Ephy1JK309YLk0cFfNKsmFDQHdjulRx/A5tojSWG/JUv+ijmhRLkhIy2QCSu4zkdCY7W6ADM41kEOmeSfr60L/HBn4fTX+/2LKuQRL9SM4jaZmiXPCheB02kDxh6mxRunMs29gHJKeS3hUGveCmRxPYfznpHss6/BTlcAfpGRBiV2e6TLXUlQt9OUl6k7ztZ4u3SC4kqU5yaMjvPRwScT2SP5AsyzhP0D+QZO+Edg5Jmf7fSaol+RA4LIMLi3QvyaCcJwryNNFRWp5UAmnXJnmAZIfDPC8mea/ob6tsRrgkI0i+yaA+lpNcTlI5Jv0k7eAj/qDH5atHQpuH8vPHpMz74xF2vZ6krVUpUnIEXf5GckQJRgoYJj1Icju7OLIYitSmy2CSS0hqlCBPjTk/11Pag+h6X5oecwL0hQ2Udk9Kd506HMoy/D2YLs+TNI24Ba6JTezew78LTI5RSjVupzX5/4NoFpac0KYT6fIwu0k8g12b+d9bA3ZVJdmL3ZNhox24Xu4huYjSOova3keOihNlOIt0diSdC3fH6uZ6jPrNF3oVdtVjlUClncsEKe1hrSRZzD4vVOQ6TryCBZXfgqS2QU9dFtcvBnpqw0jqWDyGYfAskkXsM0Oj/B77yluTtGFfuQlIcxQIkuzo67CBStCFZDql+1NKd6lSZEnJGG1lcgQZb+H2hTkWzEXMYHfXjJCPOob23UmO8/LzGWlsgsvk7hCCD7oeVvI7/Cl/TGawP7tAFI28/NxRV3a91I0gGnTk3qU0u1Hbm1HkzjmQ/o6PQnvmHfDCvoIswGcOd00X0vFuiJsII6GPWWcl9snXCbGvwFHbOV+TAr8t42tl/vDUMhCpz7pwvTfintXse89xPsP0bSr6KO+qtDMF3emNJGPYndHAokHUgZ+HZFjIkCsOPRI2wJo8dJdiFcntJIcLdO8LgiV5xUL/apCj0PbePNQuyDQu9yT4gkc8IiIpShfyhiDtOSSTip47vkj3fUW/o8ezNUF+VpA8xTpuEOTphkCanwr0ryWZGlIOnoUMitCN/H7I+tpZtucbSb6O0LvS8GwvQ543kywlAYmeKbClgqQ/P7M9Ri/sbWXQdbxl/aMtHiewsTHXZTEuFZZ3d64rE24V6psd8TzemyZF9+78T12SdYbEn8R9jnoRbUnuEviyeiTQDcJ8TVjB20huIdknYT46WXxg0HjPS5gO6ueDhKS8gSc9ktZVyxg/6L0p9DYkecIyL39Okd45Bt3jovz+loQ8L0L/Op4zqUhofwOSuTaETL81IllvaP+LSP5paxfd34JkoaFM0WarO5632EJyksC+MH/1gRb5w4fnS4E9Fxn0jIp47rWotob/DDUkOi3OWZ/iJcGX7GlXhEz3VyF5UVixn5Ec6SAPmJAcaUHKpyZMZ6ifHNulvYOItD+P0HtFyrLLgdQt8rG1uPdt0c7iesjjDZNRNhIFfNTeTVle6GwssCDkBwzl+Tn32JN+JFpE9ESDGJjBRDLa89kG2xamIWTW0Qrla7AF9doz4vmbI55ZGtfWPEEv77IMfW45dhe4IOTbhBX6Kccfu8zHLcK01yeJeaRnBjiYCUf55BKkPV8STZGw3Cpb9pRBAC0tSSyufb9gikpxRMhBEhzFw+KqCcqru4SQeVS11dA7Rg+2Rcr6Gy5wm1WyIGS4Or4VlCOI8OIYuxalJWTW01rgtkNZdil6rn+Ui4kDDWIJebMhwZEZT4TkInq2PSx0HGXwaQV9Zm0zyoeUWJ4tEyEXeoM1LNN+N4seckB/NYuRjc/D0f2FeqfG6JklcVdZEvICi3zs4A/0JyQzED7FZH0WSYcIW6pyqOgjmCCLcuPQ3y8QfNj+5KDuagpC+35sQcggrNEWcwyDsiRk1tVH4F7dWBhxo/ceUSbQUc/U1jxhxm/nWOFcRmTWNiUhTxHm46YMPyy1BUOcAjqXiZB99rHXcUDIAxyWXYVl3Dv8sTUNH/mxMc8vNL0cCQl5kMN6Aimt4UmhMUwMjYQ232XQ/RVJV0d1Z4rtv9KSkNvxSGCzsJyGZUnIrO989l+bRr/jI8gYeWkvaWseV44UazjCAA1kMEk/ONlJ2vj5lVFpKvZF7v0U5EThc4cJbUdl75Vxb/9aoS1POyJkTMj8NcHLjuFqs92FkDmdehEvUhQmRPl+MQNuGEY3tbDLRmqQvOlngx08STvDFBHB7cI0h1LhqN5Mk+i32BIy/97ZIsJoXNA14pqQAxN02xLUG1wwHaVtzeNQIpdfdayueYlJewgPsVC4B2REgn8R2narlzG4kW0R2LItzpdkQcgT+fdrfPtVYSuihpNFab9cCkLmtJrGTCKGYXiIjiti7ke0w2GWNlmt1EO0hmBCzcV79nqUDzimznbNoziss8mGtEYnIWS+p5lg4jDYOamaFSGz3vuFrtHgBGR/m7YmiVV0CXTrEeSN2NRL/fxa/7SFNFeY9jFeCUDpPCe0p5crQuZ7EEu+ybI+cP8ZCQn5qozKr41vDsMMon/g2R4xLwyGjZ0S2GO9dJqfO4Q7JlszfJ+WhJGyIXpp5+Siw/qalmQOSkLIgSiZFcLymM5+7UwIme2ZIez84J7Btm2tsHfFDL98+IijFA5OOKkgAXqtVUpEyDcJbRrqkpD5vvZ+fl8B2zCiAQkIeUiGZdjR4uMC+08jOTbmme2mD49rQg4834hdWRjar2a3wzaH78/LIWneaXhmucO6MkVp/TwNIQfec+leGO/74WGOJzrKLyJ33jGQMn4bl6StFf5xkMVXKCvs4NljG/9ea6Hukm2R6ZsXIRTwuGtCDgz75yco/zvCfLIxPf4hGZfj6RbDw02GCdVfpbDDRi7juoL8LEIf4ne7spsJC67eYL/2hoS96XXFE3Q8CRWHDX7KkLdA1Idp8q1xWkIORM3MT8EvZzhsm0386NWTifnmfz7q9D/NU2bYFdBYzhVm4CfSyIISEnI3oU2TsyDkQGN/KUHZTyiOXvCjd00bUoKy7OegPf0upQ02sraoV46h88MWaaE33YnnXcbzhKppTmJLsZ+SI36+MYwqrnZQP6cYbPvCMN8iJmR+BnHrr5abkNmWT1zzDdrQrpnJXC6H/UexnwPiE8u5kTw2aHnUly08kO5jmvN2P/hZKeZNy7HE9CHLRxFqODVtxIzDfDxAlxtSqBhJOn5fJvPxbqEc20kjGsjWz0heIRlDcg4JYuax0c3thrbdrkjPakPdw7bfOIi0MIWRPuK4PWBjoM5efv/x7yQqFWV4M8mNXn7HKUzavOHld0cqB7Ak2bSB/GqhrroltFsaPZHp9phUj1tJ8FEbbPkoXm6EbjU33FezFIVJecDihxEJHn2S5Ndlfr+w8KShgLji8o/d4a738qfWhKFw0kgxUO9xp4kgpjnx6MHPr+CNi61F2tdm0B6wnS026xr9nSfkQKZXkQwn6cBf6C7cuLGhDE4wWFUC2xAzPMxwzxKhLvhVq5eoTKWnkCwohTFUhzd7+dMhtlk8Bj/+dI6fXB9xT7USttOrLHtbLyHPweOPykzK/TmyKGmPtCG/D2EAUb8VUu+YuOsdMxLDu3+lTVhWgIzRnu6JuQXl3tdwek0uRZv2+aSUEWWs12xG3eyXaVsk9QTP7c2Taif7+dMCsFfCYxwGs9hipY1pou8Agx3SsLeOpaglSucZoT3dLXRa+ZAjdCByYZVl+cM/GbUVYUlfBp7UmS2wGe2ulsN0k/qQw/AVx+ZXtUj/SI4ciIpnR/00inm+j2FyFL/9yxdsqevnV+tOEMTY/1Ggq33EBKXt9qQDyzCpV8UQmom5gyT7xuzc1Blf8HdCfENDDV8pnJv2PktUAnV5aIRNrbEyDMNg+MVwWkgV4VcIvfO4M7OwobZkw5mzuXefJWlgI2rJktRNWdsSUl/TOBYbk4kHCR+r5rk5d9CJC8bPb0TexnDr5jQHf2aM+uwmQGgkNqnHKRg4EAEH5hbOIazgHjHCQE/wok8ewdAd8cTXwfccU25YxfYl/XOCF74hPHrKmG/A6j0cYIqP/DweBaNXjmX2OJyhG1/jgN76nez2LH43+vHzB3Eew/bqxt/RoZkTcOlNIX2jYvKHfdZRdiOz6rWSfngHzufyAG81MbjskMe1HO+NeoLbaRTZer8ksbDZzkkZE1cFr6jaIPiy3WTQdYTwC7mWCTPLfEm/1g9Z6k3dQw5+JH35ntFxuLPUbObLzslb6zjNND3kjcI2bguMAj72I7Z+jMhHDV6V+20G9mzhXmHXmPSTnq04VZi/XoaRwBkp2sAYB2U0QtLWoo516S6YUEvT28HR2fBB9RPcXt2g6990eUWgB2T82wzJAqOBG4W3l833ReW1knte41OqqvAUJuCsSPRe0cNCO92SUh+inxBK9gTJyVSXEyzqHSMHnH6N1bGTuDebJtJnO/dicfwRIlmOIP1Tytiu/0EXHMawbU9uMFFuAywQwG5Zx1NGv84wfUmDkqwqus7LR4RUMtx3FZaVUp6cxiWzvwi93v0Et4+j9N8p8/AfPRocKb/Y4iOiMAOTXfAPY/OfxkxWKO+76HIXT+rBdQZixJ4atdktVDnQdguHY37L5LKNifxVJtIpcS4KQd3jvMhT2e8MW3oySVdjPqjMQ/9KPNwukC9kKws+DLPZvTEBHSxhJ6QVuzBtMNkib89ibQL980IvfxZfAaiTNJPodzIPFc4StD2wA52gB0V54AmQNRG/Y/a2F2V0WUa9yjpsbBzaU/ozBboQkXG1sHA6kc55DskY/qtLhWm34hlwK5cFXYaH/PQU6eqR0n4cQzOKG60NHuKwupK6LJjM4rCO7HI6qZchKpgMo8LHPvP+eyBqlgBJtmRbmkeMfgq2zGRyW+8pMmnkpqNUsOXmRVnsBeHHb5PocwRFTqgLM5/SfZERbXCCA/sRaTJWmCZ8d10SpnONKx9yhP6ulhv6AGPK0FYlPuT1jtNUUSmZVBK0SfQ2EISNTb2xAfehDho5lohCpylwfKAhljE4XMEQb+dKM8HtGCri+J57fOFG5SF5OI0uOCetj+B2DP0uIBunJiyyqB7U4X6Co4BCyg6+P0RgLLV4rGaJyRjDRMk+J/v4GW31qlBk7k40uCyi8JGXD9ua7uVD5j6gl3pdzMuE5dCt+aU/2ctPKpk+BjeTzsEJXlwcUSSdMAQQgjaWZRoTe5TuBkz62KzmcKF+lG1v0vu8wPamIa6J+lxuUYBPcG7R3zZSeuclKDv43Z7x8mGJJqR2l8TYgQUNvQN/AhkfwsNpqc/uba9oC4Ak9mbsslAonBByGJazrGXBseqI20NMJQ4VlcYIYgLjao7CSPNS92Vyq2Px2Cb+wCziPGzmfGCCBhMStluEvkzyC8rLEqHNbb3/jwlPgsR+VN5cCKviTCFVWRLyEC/Fst6YkUCiYH2FolSI8wvfR9KBiUiC+ixpgCWvV9B7s8DBy/cw76iGpcO/9GSTVjU5zx1SJo9JUITYPSJ1uew2X+hcDltZnkX/vM3LL1lWKBQlQpTbYBm9mJeQwM1wNMndXn6GNQsgrAcbwSDy4QQXZBwgF+zJcTn3bIc7GgnEYTa7Sg7GB2FPI+NAuW0nQcQKTpbeYdl2FApFCpcFhuTPFP39S3ohexcN3TDcw3LH40kQ64eJpnoJ04UPGnGVL5BMivM/Ox4KY5HJaTwc75bC/iAwsfcsyWOUj9kp7UMsqIsJqR1kyyeOygxL3sPCoDZwTGsW9QR3Sy3njV3oOlKXhaJshJzyxYF/GHsL/MjLr++Gy6JG4BYQLQLJsWIJLwP2IphDL8aKcmfcz59SC3fMkV5+gg696MZMiNjfo3pRPiA4HBKRCHO5NzzTNqZYsWdBCVlR6h6yloJCoVAoISsUCoVCCVmhUCiUkBUKhUKhhKxQKBRKyAqFQqFQQlYoFAolZIVCoVAoISsUCoUSskKhUCiUkBUKhUIJWaFQKBRKyAqFQqGErFAoFAolZIVCoVBCVigUCoUSskKhUCghKxQKhUIJWaFQKJSQFQqFQqGErFAoFErICoVCoVBCVigUCoUSskKhUCghKxQKhUIJWaFQKJSQFQqFQqGErFAoFErICoVCoVBCVigUij0N/xFgAKMr91uyQKDFAAAAAElFTkSuQmCC");
background-size: 178px 32px
}
.icon-flag {
background-size: 260px 238px
}
}
.footer-social-links {
position: relative
}
.footer-social-links .social-overlay {
display: none;
width: 260px;
position: absolute;
bottom: 52px;
left: 0px;
background: rgba(255,255,255,0.95);
text-align: left;
z-index: 10;
padding: 15px;
min-height: 135px
}
.footer-social-links .social-overlay.left-0 {
left: -111px
}
.footer-social-links .social-overlay.left-1 {
left: -75px
}
.footer-social-links .social-overlay.left-2 {
left: -36px
}
.footer-social-links .social-overlay.left-3 {
left: 3px
}
.footer-social-links .social-overlay.left-4 {
left: 40px
}
.footer-social-links .social-overlay.left-5 {
left: 78px
}
.footer-social-links .social-overlay.left-6 {
left: 115px
}
.footer-social-links .social-overlay ul {
*zoom:1;
margin: 0;
padding: 10px
}
.footer-social-links .social-overlay ul:before, .footer-social-links .social-overlay ul:after {
display: table;
content: "";
line-height: 0
}
.footer-social-links .social-overlay ul:after {
clear: both
}
.footer-social-links .social-overlay ul li {
margin: 0 5px 0 0;
display: block
}
.footer-social-links .social-overlay ul li:first-child {
font-size: 15px;
color: #9fa0a3;
padding-bottom: 15px;
letter-spacing: -0.72px
}
.footer-social-links .social-overlay ul li h3 {
padding: 0 0 8px 0
}
.footer-social-links .social-overlay ul li .twitter-follow-button {
margin-left: 5px
}
.footer-social-links .social-overlay ul li a.social-link {
width: auto;
background: none;
color: #7494ef;
font-size: 1.25em;
padding: 10px 0
}
.footer-social-links .social-overlay ul li .fb_iframe_widget {
height: 20px;
overflow: hidden
}
.footer-social-links .social-overlay .social-overlay-header {
color: #e6e7e9;
border-bottom: 1px solid #c8c9cb;
padding: 10px;
text-transform: uppercase
}
.footer-social-links .social-overlay .arrow-bottom {
width: 0;
height: 0;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
border-top: 10px solid rgba(255,255,255,0.95);
position: absolute;
bottom: -30px;
margin-left: 108.5px;
padding-bottom: 20px
}
.footer-social-links .social-overlay .social-title {
color: #1b8fd2;
font-size: 10px;
*zoom:1
}
.footer-social-links .social-overlay .social-title:before, .footer-social-links .social-overlay .social-title:after {
display: table;
content: "";
line-height: 0
}
.footer-social-links .social-overlay .social-title:after {
clear: both
}
.footer-social-links .social-overlay .social-title .btn {
float: none;
display: block;
width: 100%;
padding: 5px;
height: auto;
font-size: 11px
}
.footer-social-links .social-overlay .social-title a.pinIt {
background: #cb2027
}
.footer-social-links .social-overlay .social-title a.insta {
background: #507da2
}
.footer-social-links .social-overlay .social-title a.vkbtn {
background: #6383a8
}
.footer-social-links .social-overlay .social-title a.vinebtn {
background: #00bf8f
}
.footer-social-links .social-overlay .social-title a.tumblrbtn {
background: #36465d
}
.footer-social-links .social-overlay .social-title a.weibo {
background-color: transparent;
padding: 0;
text-align: left
}
.footer-social-links .social-overlay .social-title#gplus li div:first-child, .footer-social-links .social-overlay .social-title#gplus li div:first-child iframe {
width: 60px !important
}
.footer-social-links .social-overlay .social-title#gplus li div:first-child+div iframe {
margin-left: 10px !important
}
@media (min-width: 75em) {
.footer-wrapper .footer-contact.span9>p a {
margin-left: 1.2em
}
.footer-social-links .social-overlay.left-4 {
left: 15px
}
.footer-social-links .social-overlay.left-4 .arrow-bottom {
margin-left: 130px !important
}
.footer-wrapper .btn-hover-group.country-selector {
min-width: 10.5625em;
float: left
}
.btn-group.country-selector, .btn-hover-group.country-selector {
width: 76%;
float: left
}
.btn-group.language-selector, .btn-hover-group.language-selector {
width: 22%
}
}
@media (min-width: 87.5em) {
.footer-social-links .social-overlay.left-4 {
left: 40px
}
.footer-social-links .social-overlay.left-4 .arrow-bottom {
margin-left: 107px !important
}
.footer-wrapper:not(.footer-wrapper-minimal) .btn-group.country-selector, .footer-wrapper:not(.footer-wrapper-minimal) .btn-hover-group.country-selector {
width: 76%;
float: left
}
.footer-wrapper:not(.footer-wrapper-minimal) .btn-group.language-selector, .footer-wrapper:not(.footer-wrapper-minimal) .btn-hover-group.language-selector {
width: 22%
}
}
@media (min-width: 35.5em) and (max-width: 74.9375em) {
.footer-social-links .footer-social a {
width: 2.35em;
height: 2.2em
}
.footer-social-links .footer-social a span.aria-icon {
width: 100%;
height: 100%;
line-height: 1.1
}
.footer-social-links .social-overlay.left-3 {
left: -30px
}
.footer-social-links .social-overlay.left-3 .arrow-bottom {
left: 48px
}
.footer-social-links .social-overlay.left-4 {
left: -30px
}
.footer-social-links .social-overlay.left-4 .arrow-bottom {
left: 82px
}
.footer-social-links .social-overlay.left-5 {
left: -30px
}
.footer-social-links .social-overlay.left-5 .arrow-bottom {
left: 120px
}
.btn-group.country-selector, .btn-hover-group.country-selector {
width: 76%;
float: left
}
.btn-group.language-selector, .btn-hover-group.language-selector {
width: 22%
}
}
@media (min-width: 35.5em) and (max-width: 61.1875em) {
.footer-wrapper .grid.no-grid-at-567 .footer-contact.span9>p {
display: block;
margin-bottom: .1875em;
min-width: 560px
}
.footer-wrapper .grid.no-grid-at-567 .footer-contact.span9>p a {
margin-right: 0;
margin-left: 1.5625em
}
.footer-wrapper .grid.no-grid-at-567 .footer-language.span3 {
padding-top: 1.4375em
}
.footer-wrapper .grid.no-grid-at-567 .span3 {
width: 30.9%
}
.footer-wrapper .grid.no-grid-at-567 .footer-store-locator.span3 {
width: 100%;
float: none;
overflow: hidden;
padding-bottom: 2.3125em;
margin-bottom: 0
}
.footer-wrapper .grid.no-grid-at-567 .footer-store-locator.span3 h1 {
display: block;
width: 6.5625em;
float: left;
position: relative;
top: .8125em
}
.footer-wrapper .grid.no-grid-at-567 .footer-store-locator.span3+.span3 {
margin-left: 0
}
.footer-wrapper .grid.no-grid-at-567 .footer-language.span3 {
padding-bottom: .8125em
}
.btn-group.country-selector, .btn-hover-group.country-selector {
width: 55%;
float: left
}
.btn-group.language-selector, .btn-hover-group.language-selector {
width: 18%
}
}
@media (min-width: 35.5em) and (max-width: 63.9375em) {
.footer-wrapper .grid.no-grid-at-567 .footer-language.span3 {
padding-bottom: .8125em;
padding-top: 1.25em
}
.footer-ex {
position: relative
}
.footer-contact.span9>p {
position: absolute;
width: 100%;
left: 0
}
.footer-contact.span9>p a:last-child {
margin: 0
}
.footer-social-links {
margin: 1.25em 0 0;
width: 250px
}
}
@media (min-width: 30em) and (max-width: 61.1875em) {
form.footer-store-locator-form {
width: 50%;
max-width: 17.1875em;
float: left
}
.footer-change-location-link {
float: left;
padding: .3125em 0 0 1em
}
}
@media (min-width: 35.5em) and (max-width: 61.1875em) {
.container .grid .footer-contact.span9 {
width: 45%;
margin-left: 0
}
.container .grid .footer-language.span3 {
width: 54%
}
.footer-wrapper.footer-wrapper-minimal .btn-group.country-selector, .footer-wrapper.footer-wrapper-minimal .btn-hover-group.country-selector {
min-width: 11.25em
}
.footer-wrapper.footer-wrapper-minimal .btn-hover-group.language-selector {
width: 3.4875em
}
.footer-mobile-section {
padding-bottom: 4.625em
}
}
@media (min-width: 30em) and (max-width: 35.4375em) {
form.footer-store-locator-form {
margin-bottom: 1.1875em
}
}
@media (min-width: 35.5em) {
.social-overlay .box-close {
display: none
}
}
@media (max-width: 35.4375em) {
.footer-wrapper {
padding: 0 0 3.75em
}
.footer-wrapper .grid.grid-footer {
width: auto
}
.footer-wrapper .grid.grid-footer [class*="span"] {
padding-left: 7.125%;
padding-right: 7.125%
}
.footer-wrapper .footer-mobile-section[class*="span"] {
overflow: hidden;
border-bottom: solid 1px #3c3c42;
padding-bottom: 0
}
.footer-wrapper .footer-mobile-section[class*="span"] .footer-links-list {
padding-bottom: 1.1875em
}
.footer-wrapper h1 {
position: relative;
margin-bottom: 0;
margin-top: 0;
padding-bottom: .8125em;
padding-top: .9375em
}
.footer-wrapper h1 .fonticon-10-arrowhead-down {
position: absolute;
top: 30%;
right: 0;
font-size: 16px;
color: #bcbccc;
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
-webkit-transition: all .15s linear;
transition: all .15s linear;
transform-origin: 47% 53% 0;
-ms-transform-origin: 47% 53% 0;
-webkit-transform-origin: 47% 53% 0;
-moz-transform-origin: 47% 53% 0;
-o-transform-origin: 47% 53% 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-font-smoothing: antialiased
}
.footer-wrapper .collapsed h1 .fonticon-10-arrowhead-down {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg)
}
.footer-wrapper .btn-group.language-selector, .footer-wrapper .btn-hover-group.language-selector {
width: 20%
}
.footer-wrapper .btn-group.country-selector, .footer-wrapper .btn-hover-group.country-selector {
width: 77.5%
}
.footer-wrapper .footer-store-locator.span3 {
border-top: solid 1px #3c3c42
}
.footer-wrapper .footer-store-locator.span3 h1 {
width: 100%;
padding-top: .9375em;
padding-bottom: 1.0625em;
margin-top: 0;
margin-bottom: .125em
}
.footer-wrapper .store-locator-input-w {
padding-bottom: 15px;
margin-top: 3px
}
.footer-wrapper .store-locator-input-w+.footer-change-location-link {
position: relative;
top: -15px;
display: inline
}
.footer-wrapper .footer-change-location-link {
display: block;
margin: 0px;
margin-bottom: 15px
}
.footer-link-li {
line-height: 1.9
}
.footer-wrapper .footer-language.span3 {
padding: 2.1875em 0
}
.footer-wrapper .footer-language.span3 .footer-language-selectors {
max-width: 18.75em;
margin: 0 auto
}
.lt-ie8 .footer-wrapper .footer-language.span3 .footer-language-selectors {
width: 500px
}
.footer-wrapper .footer-language.span3 .dropdown-hover-menu-lists-w {
-webkit-box-shadow: -1px 0px 1px 0px rgba(0,0,0,0.2);
box-shadow: -1px 0px 1px 0px rgba(0,0,0,0.2)
}
.footer-wrapper .footer-contact.span9 {
width: auto;
float: none;
text-align: center;
padding: 1.8125em 0;
border-bottom: solid 2px #3c3c42;
border-top: solid 2px #3c3c42
}
.footer-wrapper .footer-contact.span9>p {
display: block;
margin-left: -1.875em;
line-height: 1.85
}
.footer-wrapper .footer-contact.span9>p a {
top: auto;
text-align: center
}
.footer-wrapper .footer-contact.span9>p a:last-child {
margin-right: 0
}
.footer-wrapper .footer-contact.span9 .footer-social-links {
margin-left: -.375em
}
.footer-wrapper .footer-contact.span9 .footer-social-links .social-overlay {
bottom: 58px;
width: 275px
}
.footer-wrapper .footer-contact.span9 .footer-social-links .social-overlay .box-close {
display: block
}
.footer-wrapper .footer-contact.span9 .footer-social-links .social-overlay.left-0 {
left: -18px
}
.footer-wrapper .footer-contact.span9 .footer-social-links .social-overlay.left-0 .arrow-bottom {
margin-left: 28px !important
}
.footer-wrapper .footer-contact.span9 .footer-social-links .social-overlay.left-1 {
left: -18px
}
.footer-wrapper .footer-contact.span9 .footer-social-links .social-overlay.left-1 .arrow-bottom {
margin-left: 68px !important
}
.footer-wrapper .footer-contact.span9 .footer-social-links .social-overlay.left-2 {
left: -18px
}
.footer-wrapper .footer-contact.span9 .footer-social-links .social-overlay.left-2 .arrow-bottom {
margin-left: 109px !important
}
.footer-wrapper .footer-contact.span9 .footer-social-links .social-overlay.left-3 {
left: -18px
}
.footer-wrapper .footer-contact.span9 .footer-social-links .social-overlay.left-3 .arrow-bottom {
margin-left: 155px !important
}
.footer-wrapper .footer-contact.span9 .footer-social-links .social-overlay.left-4 {
left: -18px
}
.footer-wrapper .footer-contact.span9 .footer-social-links .social-overlay.left-4 .arrow-bottom {
margin-left: 199px !important
}
.footer-wrapper .footer-contact.span9 .footer-social-links .social-overlay.left-5 {
left: -18px
}
.footer-wrapper .footer-contact.span9 .footer-social-links .social-overlay.left-5 .arrow-bottom {
margin-left: 227px !important
}
.footer-wrapper .footer-contact.span9 .footer-social-links a.footer-social {
width: 2.6em;
height: 2.35em
}
.footer-wrapper .footer-contact.span9 .footer-social-links a.footer-social span.aria-icon {
line-height: 1.25
}
.footer-wrapper .footer-contact.span9 .footer-social-links a.footer-social-no-overlay {
width: 2.6em;
height: 2.35em
}
.footer-wrapper .footer-contact.span9 .footer-social-links a.footer-social-no-overlay span.aria-icon {
line-height: 1.25
}
.footer-signature-w {
border: none;
margin-top: 0
}
.footer-signature {
text-align: center
}
.footer-copyright {
position: static;
top: auto;
display: block
}
.footer-legal-links a {
display: block;
font-size: .6875em;
line-height: 2.4
}
}
@media (max-width: 29.9375em) {
.footer-wrapper .footer-store-locator.span3 form.footer-store-locator-form {
width: 100%;
margin-bottom: 0;
float: none
}
.footer-wrapper .footer-store-locator.span3 .footer-change-location-link {
float: none;
color: #fff
}
}
@media (min-width: 568px) and (max-width: 580px) {
.footer-contact p {
margin-left: -50px
}
}
@media (min-width: 581px) and (max-width: 620px) {
.footer-contact p {
margin-left: -30px
}
}
@media (min-width: 1024px) and (max-width: 1215px) {
.footer-contact {
position: relative
}
.footer-contact p {
position: absolute;
width: 100%;
margin-top: -20px;
right: 0
}
}
.ghf-wrap-outer.header-wrap-outer .ghf-wrap-inner {
position: relative;
width: 100%
}
a.toutImg {
display: block;
margin-bottom: 10px;
outline-offset: initial
}
a.toutImg:hover {
-webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
transition: none !important
}
.navtray-section-featured .navtray-secondary-tout[data-href] {
cursor: pointer
}
.navtray-section-featured .navtray-secondary-tout[data-href].hover a, .navtray-section-featured .navtray-secondary-tout[data-href].hover a:hover, .navtray-section-featured .navtray-secondary-tout[data-href].hover a:active, .navtray-section-featured .navtray-secondary-tout[data-href].hover a:focus {
color: #3c4c74;
text-decoration: none
}
.navmenu-w-search .fonticon-10-arrowhead-up.nav-indicator {
right: 25px;
width: auto
}
.universal-nav-wrap {
height: 0;
overflow: hidden
}
.unav-open .universal-nav-wrap {
height: auto;
overflow: visible
}
#nav-li-link-universal>span {
min-width: 13px
}
#nav-li-link-universal .unav-loader {
display: none;
margin-left: -12px;
vertical-align: middle;
opacity: 0;
width: 0
}
#nav-li-link-universal.loading svg, #nav-li-link-universal.loading i {
opacity: 0
}
#nav-li-link-universal.loading .unav-loader {
display: inline-block;
opacity: 1;
width: 22px
}
.unav-loader {
-webkit-transition: width 0.3s ease-in-out, opacity 0.3s ease-in-out 0.3s;
transition: width 0.3s ease-in-out, opacity 0.3s ease-in-out 0.3s;
margin: -3px auto;
font-size: 3px;
position: relative;
text-indent: -9999em;
border-top: 1.1em solid rgba(255,255,255,0.2);
border-right: 1.1em solid rgba(255,255,255,0.2);
border-bottom: 1.1em solid rgba(255,255,255,0.2);
border-left: 1.1em solid #ffffff;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load8 1.1s infinite linear;
animation: load8 1.1s infinite linear;
border-width: 3px
}
.unav-loader, .unav-loader:after {
border-radius: 50%;
width: 22px;
height: 22px
}
@-webkit-keyframes load8 {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@-moz-keyframes load8 {
0% {
-moz-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-moz-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@-o-keyframes load8 {
0% {
-o-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-o-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@-ms-keyframes load8 {
0% {
-ms-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-ms-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes load8 {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.navtray-section-main .navtray-list-main .navtray-li {
float: none;
display: inline-block;
vertical-align: top
}
@media (min-width: 48em) and (max-width: 52.4375em) {
.navtray-section-main .navtray-list-main .navtray-li .navtray-li-link {
padding-top: 15px;
padding-bottom: 20px;
height: 155px
}
.navtray-w-short .navtray-section-main .navtray-list-main .navtray-li .navtray-li-link {
padding-top: 25px
}
.navtray-w-tall {
top: -670px
}
.navtray-w-short {
top: -420px
}
}
@media (min-width: 52.5em) and (max-width: 56.1875em) {
.navtray-section-main .navtray-list-main .navtray-li .navtray-li-link {
padding-top: 20px;
height: 170px
}
.navtray-w-short .navtray-section-main .navtray-list-main .navtray-li .navtray-li-link {
padding-top: 30px
}
.navtray-w-tall {
top: -720px
}
.navtray-w-short {
top: -450px
}
}
@media (min-width: 56.25em) and (max-width: 61.1875em) {
.navtray-section-main .navtray-list-main .navtray-li .navtray-li-link {
padding-top: 25px;
height: 190px
}
.navtray-w-short .navtray-section-main .navtray-list-main .navtray-li .navtray-li-link {
padding-top: 35px
}
.navtray-w-tall {
top: -780px
}
.navtray-w-short {
top: -500px
}
}
@media (min-width: 61.25em) and (max-width: 64.9375em) {
.navtray-section-main .navtray-list-main .navtray-li .navtray-li-link {
padding-top: 20px;
height: 155px
}
.navtray-w-short .navtray-section-main .navtray-list-main .navtray-li .navtray-li-link {
padding-top: 30px
}
.navtray-w-tall {
top: -600px
}
.navtray-w-short {
top: -310px
}
}
@media (min-width: 65em) and (max-width: 68.6875em) {
.navtray-section-main .navtray-list-main .navtray-li .navtray-li-link {
height: 165px;
padding-top: 25px
}
.navtray-w-short .navtray-section-main .navtray-list-main .navtray-li .navtray-li-link {
padding-top: 30px
}
.navtray-w-tall {
top: -560px
}
.navtray-w-short {
top: -350px
}
}
@media (min-width: 65em) {
.navtray-w-short .navtray-section-main {
min-height: 300px
}
}
@media (min-width: 68.75em) and (max-width: 71.8125em) {
.navtray-section-main .navtray-list-main .navtray-li .navtray-li-link {
height: 175px;
padding-top: 30px
}
.navtray-w-short .navtray-section-main .navtray-list-main .navtray-li .navtray-li-link {
padding-top: 35px
}
.navtray-w-tall {
top: -560px
}
.navtray-w-short {
top: -350px
}
}
@media (min-width: 71.875em) {
.navtray-section-main .navtray-list-main .navtray-li .navtray-li-link {
height: 185px;
padding-top: 35px
}
.navtray-w-short .navtray-section-main .navtray-list-main .navtray-li .navtray-li-link {
padding-top: 40px
}
.navtray-w-tall {
top: -580px
}
.navtray-w-short {
top: -350px
}
}
.nav-mobile-nav-shadow {
display: none
}
.navtray-section-featured {
background: #f1f5f9
}
.lt-ie10:not(.lt-ie9) #btn-mobile-nav i {
display: none !important
}
.lt-ie10:not(.lt-ie9) #btn-mobile-nav {
border: none;
cursor: none
}
.lt-ie10:not(.lt-ie9) .navbar {
display: block !important
}
.lt-ie10:not(.lt-ie9) .navbar .nav-wrapper, .lt-ie10:not(.lt-ie9) .navbar .nav-primary, .lt-ie10:not(.lt-ie9) .navbar .nav-li-account .nav-li-link, .lt-ie10:not(.lt-ie9) .navbar .nav-li-search, .lt-ie10:not(.lt-ie9) .navbar .nav-li-favorites, .lt-ie10:not(.lt-ie9) .navbar .nav-li-electronics, .lt-ie10:not(.lt-ie9) .navbar .nav-li-entertainment, .lt-ie10:not(.lt-ie9) .navbar .nav-li-universal, .lt-ie10:not(.lt-ie9) .navbar .sprite-32a-sony-logo, .lt-ie10:not(.lt-ie9) .navbar .sprite-32a-sony-logo-sm, .lt-ie10:not(.lt-ie9) .navbar .navtray-section-featured, .lt-ie10:not(.lt-ie9) .navbar .fonticon-10-arrowhead-up.nav-indicator, .lt-ie10:not(.lt-ie9) .navbar .navmenu-list.navmenu-list-prefixed, .lt-ie10:not(.lt-ie9) .navbar .global-nav-indicator-bar {
display: block !important
}
.lt-ie10:not(.lt-ie9) .navtray-section-featured {
display: block !important
}
.lt-ie10:not(.lt-ie9) .navbar-outer {
display: block !important
}
.lt-ie10:not(.lt-ie9) .navbar-outer-container {
display: none !important
}
@media (min-width: 75em) {
.nav-primary {
margin-left: 3.1%
}
.nav-primary .nav-li {
margin-left: .75em
}
.navtray.navtray-absolute {
position: absolute;
bottom: 0;
width: 75em;
margin-left: -37.5em;
left: 50%
}
.navtray-section-featured .navtray-section-featured-short {
padding-top: 0
}
}
@media (min-width: 61.25em) and (max-width: 63.9375em) {
.nav-li-account .nav-li-link.nav-dropdown-toggle .fonticon-10-arrowhead-down, .nav-li-account .nav-li-link.nav-dropdown-toggle .svgicon-10-arrowhead-down {
font-size: 1.45455em
}
}
@media (max-width: 79.9375em) {
.nav-li-linkBtn {
padding-right: 7px
}
.nav-wrapper:not(.nav-wrapper-minimal) .nav-li-search .nav-li-linkBtn {
padding-right: 10px;
padding-left: 5px;
padding-top: 9px
}
.nav-wrapper:not(.nav-wrapper-minimal) .nav-li-search .nav-li-linkBtn .lbl {
display: none
}
.nav-li-account .nav-li-link.nav-dropdown-toggle {
padding-right: 5px;
padding-top: 10px
}
.nav-li-account .nav-li-link.nav-dropdown-toggle .fonticon-10-arrowhead-down, .nav-li-account .nav-li-link.nav-dropdown-toggle .svgicon-10-arrowhead-down {
margin-left: 3px
}
.navmenu-w-account .reveal-transition-container .navmenu-list-prefixed {
display: block;
border-bottom: solid 1px;
padding-bottom: 10px
}
.navmenu-w-account .reveal-transition-container .navmenu-list-prefixed .navmenu-li-cart {
display: none
}
.navmenu-w-account .reveal-transition-container .navmenu-list-main {
padding-top: 6px
}
.nav-wrapper:not(.nav-wrapper-minimal) .nav-li-favorites, .nav-li-universal {
display: none
}
}
@media (min-width: 48em) and (max-width: 61.1875em) {
.navbar .sprite-32a-sony-logo {
background-position: -105px 0px;
width: 73px;
height: 25px
}
.navbar .sprite-32a-sony-logo {
margin: 19px 0 0 -3px
}
.nav-wrapper:not(.nav-wrapper-minimal) .nav-li-search .nav-li-linkBtn {
padding-right: 8px;
padding-left: 2px;
padding-top: 7px
}
.nav-wrapper, .navbar {
height: 52px
}
.navmenu-w {
top: 52px
}
.navtray-w-visible, .navtray-w-tall.navtray-w-visible, .navtray-w-short.navtray-w-visible {
top: 52px
}
.nav-primary {
margin-left: 2.4%
}
.nav-primary .nav-li-link, .nav-primary .nav-li-link.nav-dropdown-toggle:not(.nav-dropdown-toggle-btn) {
line-height: 48px;
font-size: .75em;
padding: 1px 0 3px
}
.nav-primary .nav-li-link .fonticon-10-arrowhead-down, .nav-primary .nav-li-link .svgicon-10-arrowhead-down, .nav-primary .nav-li-link.nav-dropdown-toggle:not(.nav-dropdown-toggle-btn) .fonticon-10-arrowhead-down, .nav-primary .nav-li-link.nav-dropdown-toggle:not(.nav-dropdown-toggle-btn) .svgicon-10-arrowhead-down {
margin-left: 2px
}
.navtray {
width: auto
}
.nav-li-account .nav-li-link.nav-dropdown-toggle {
font-size: .6875em;
padding-right: 4px;
padding-left: 9px;
padding-top: 6px
}
.nav-li-account .nav-li-link.nav-dropdown-toggle .fonticon-10-arrowhead-down, .nav-li-account .nav-li-link.nav-dropdown-toggle .svgicon-10-arrowhead-down {
font-size: 1.18182em
}
.nav-li-cart .nav-li-linkBtn {
padding-top: 6px
}
.nav-li-search .nav-li-linkBtn {
padding: 9px 7px 0 2px
}
.nav-li-linkBtn {
height: 28px;
margin: 12px 0 11px 2px;
padding: 6px 6px 0 9px
}
.nav-li-linkBtn .fi::before {
font-size: 1em
}
.nav-li-linkBtn .fonticon-10-search, .nav-li-linkBtn .svgicon-10-search {
font-size: 1.18182em;
position: relative;
top: -1px;
padding-left: 3px
}
.navtray-section-main {
padding-top: 38px;
width: 70%
}
.navtray-w-short .navtray-section-main {
padding-bottom: 20px
}
.navtray-section-main .navtray-list-main {
margin-left: 4.1%;
margin-right: 3%
}
.navtray-section-main .navtray-list-main .navtray-li-link {
margin: 1% 1.4% 1.1% 0
}
.navtray-section-main .navtray-list-main .navtray-li-link .nav-label {
font-size: .9375em;
line-height: 1.2
}
.navtray-section-main .navtray-list-main:after {
width: 94.45%;
height: 1px;
margin-left: 0
}
.navtray-section-main .navtray-list-main .nav-li {
width: 31.9%;
margin: 2% .2% 2% 0
}
.navtray-section-main .navtray-list-main .nav-li-link {
padding-bottom: 13px
}
.navtray-section-main .navtray-list-main .nav-li-link>img {
width: 83%;
margin: 0 auto
}
.navtray-section-main .navtray-list-main .nav-li-link>.nav-label {
margin-top: 6px
}
.navmenu-w .fonticon-10-arrowhead-up.nav-indicator {
top: -10px
}
.navmenu-w-account .fonticon-10-arrowhead-up.nav-indicator {
left: 25px
}
.navtray-section-featured {
padding-top: 35px;
padding-left: 3.3%;
width: 30%
}
.navtray-section-featured .navtray-secondary-tout .p2, .navtray-section-featured .navtray-secondary-tout p {
padding-right: 35px
}
.navtray-section-featured .navtray-secondary-tout .p3 {
display: inline-block;
padding-right: 50px;
padding-top: 5px
}
.nav-wrapper.nav-wrapper-minimal .nav-li-search .nav-li-linkBtn {
padding-right: 9px;
padding-left: 11px;
padding-top: 8px
}
.nav-wrapper.nav-wrapper-minimal .nav-li-favorites .nav-li-linkBtn {
padding: 5px 5px 0 7px;
font-size: 0.925em
}
}
@media (min-width: 48em) and (max-width: 61.1875em) and (min-width: 48em) and (max-width: 50em) {
.navmenu-w-account .reveal-transition-container {
width: 185px
}
.navmenu-list .navmenu-line a span.ms-label {
width: 83%
}
}
@media (max-width: 47.9375em) {
.lt-ie10:not(.lt-ie9) .nav-outer-container {
visibility: hidden;
position: absolute
}
.navbar .nav-li-account .nav-li-link, .navbar .nav-li-search, .navbar .nav-li-favorites, .navbar .nav-li-cart, .navbar .nav-li-universal, .navbar .sprite-32a-sony-logo, .navbar .sprite-32a-sony-logo-sm, .navbar .navtray-section-featured, .navbar .fonticon-10-arrowhead-up.nav-indicator, .navbar .navmenu-list.navmenu-list-prefixed, .navbar .global-nav-indicator-bar {
display: none
}
.navbar .sprite-32a-sony-logo {
visibility: hidden
}
.navtray-section-featured {
display: none
}
.nav-wrapper, .navbar {
height: auto
}
.page-wrap-inner {
left: 0;
-webkit-transition: left .3s linear 0s;
transition: left .3s linear 0s;
position: relative
}
.page-wrap-inner.show-mobile-menu {
left: 70%
}
.mobile-screen-overlay {
top: 60px;
position: absolute;
left: 0;
z-index: 1040;
background-color: rgba(0,0,0,0.7);
-webkit-transition: opacity .3s linear 0s;
transition: opacity .3s linear 0s
}
.navbar-mobile {
z-index: 10
}
.nav-outer-container {
position: absolute;
width: 70%;
left: -70%;
top: 0;
z-index: 20;
overflow: auto
}
/*.nav-li {
width: 100%;
float: none
}*/
.navmenu-w, .navtray-w {
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none
}
.navmenu-w .fonticon-10-arrowhead-up.nav-indicator, .navtray-w .fonticon-10-arrowhead-up.nav-indicator {
display: none
}
.navmenu-w-mobile-top {
padding-top: 16px;
padding-bottom: 16px
}
.navmenu-w-mobile-top .fonticon-10-favorite {
padding-bottom: 1px
}
.navmenu-w-search {
width: auto
}
.navmenu-w-account .navmenu-list-main {
padding-bottom: 0
}
.navmenu-w-account .reveal-transition-container {
width: 100%;
padding-bottom: 30px;
padding-top: 0
}
.navmenu-w-account .reveal-transition-container .btn-logout, .navmenu-w-account .reveal-transition-container .btn-login {
font-size: .8em;
padding: 14px 12px 15px
}
.navmenu-w-account .reveal-transition-container .btn-logout {
margin-top: 15px
}
.navmenu-w-account .btn-login, .navmenu-w-account .btn-logout {
display: block;
width: auto;
margin-left: auto;
margin-right: auto;
max-width: 220px
}
.navmenu-w-account .btn-login {
margin: 10px auto 15px
}
.navtray-w {
border-bottom: none;
background: #000
}
.navtray-section .navtray-mobile-heading {
position: relative;
font-size: 15px;
margin: 0 20px
}
.accordion-heading .navtray-section .navtray-mobile-heading span.fi {
position: absolute;
right: -8px;
top: 50%;
font-size: 1.75em;
margin-top: -15px;
color: #74747f;
height: 32px
}
.accordion-heading.close .navtray-section .navtray-mobile-heading span.fi {
-webkit-transform: scaleY(-1);
-ms-transform: scaleY(-1);
transform: scaleY(-1)
}
.navtray-section-featured {
display: none
}
.navtray .nav-view-all-tl {
display: block;
text-align: center;
width: 200px;
margin: 28px auto 15px;
font-size: .8125em
}
.nav-primary .nav-li-universal-mobile {
display: none
}
.nav-primary .nav-li-universal-mobile>a>i {
position: relative;
top: -1px
}
.nav-primary .nav-li .nav-li-link, .navmenu-list .navmenu-line a.tl, .navmenu-list .navmenu-line.navmenu-li-favorites a {
color: #4572ed;
display: inline-block;
padding-right: 4px;
line-height: inherit;
font-size: .8125em;
padding: 6px 4px 5px 4px
}
.nav-primary .nav-li .nav-li-link:hover, .navmenu-list .navmenu-line a.tl:hover, .navmenu-list .navmenu-line.navmenu-li-favorites a:hover, .nav-primary .nav-li .nav-li-link:active, .navmenu-list .navmenu-line a.tl:active, .navmenu-list .navmenu-line.navmenu-li-favorites a:active, .nav-primary .nav-li .nav-li-link:focus, .navmenu-list .navmenu-line a.tl:focus, .navmenu-list .navmenu-line.navmenu-li-favorites a:focus, .nav-primary .nav-li .active.nav-li-link, .navmenu-list .navmenu-line a.active.tl, .navmenu-list .navmenu-line.navmenu-li-favorites a.active {
color: #3c4c74
}
.nav-primary .nav-li .nav-li-link span.fi, .navmenu-list .navmenu-line a.tl span.fi, .navmenu-list .navmenu-line.navmenu-li-favorites a span.fi {
box-sizing: content-box;
padding-right: 8px;
margin-top: 1px;
color: #bcbccc;
font-size: 1.14286em
}
.nav-primary .nav-li .nav-li-link span.fi:after, .navmenu-list .navmenu-line a.tl span.fi:after, .navmenu-list .navmenu-line.navmenu-li-favorites a span.fi:after {
font-size: 1em
}
.nav-primary .nav-li .nav-li-link:hover span.fi, .navmenu-list .navmenu-line a.tl:hover span.fi, .navmenu-list .navmenu-line.navmenu-li-favorites a:hover span.fi {
color: #3c4c74
}
.nav-primary .nav-li {
margin-left: 14px;
line-height: 24px
}
.navmenu-list .navmenu-line {
margin-left: 14px;
padding: 0
}
.navmenu-list .navmenu-li-welcome {
color: #74747f;
text-transform: uppercase;
font-size: .75em;
/*font-family: "SST W01 Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-weight: 500;
font-style: normal;
margin: 4px 0 15px 17px
}
.navmenu-list.navmenu-list-prefixed {
display: none
}
.navmenu-search-section-results {
display: none;
opacity: 0;
-webkit-transition: opacity .4s linear 0s;
transition: opacity .4s linear 0s
}
.navbar-mobile {
display: block
}
.navbar-mobile .btn-mobile-nav, .navbar-mobile .btn-mobile-cart {
border: none;
margin: 0;
display: block;
background: #000;
width: 60px;
height: 60px;
padding: 15px 19px 0
}
.navbar-mobile .btn-mobile-nav.no-text>span:first-child:not(.fi), .navbar-mobile .btn-mobile-cart.no-text>span:first-child:not(.fi) {
position: absolute;
left: 0;
top: 0
}
.navbar-mobile .btn-mobile-nav {
font-size: 1em;
margin-top: 0;
float: left;
border-right: solid 1px #2f353d
}
.navbar-mobile .btn-mobile-nav i {
margin: auto;
font-size: 1.5em;
overflow: hidden;
-webkit-font-smoothing: antialiased
}
.navbar-mobile .btn-mobile-cart {
float: right;
padding: 15px 0 0;
width: 60px;
height: 60px;
border-left: solid 1px #2f353d;
font-size: .9375em;
color: #e4e7eb
}
.navbar-mobile .btn-mobile-cart span.fi {
margin-right: 3px;
font-size: 1.33333em;
overflow: hidden;
-webkit-font-smoothing: antialiased
}
.navbar-mobile .sprite-32a-sony-logo {
display: block;
position: absolute;
left: 50%;
width: 100px;
margin-left: -45px
}
.navmenu-w, .navtray-w, .nav.nav-primary, .nav.nav-utility {
opacity: 1;
position: relative;
left: auto;
right: auto;
top: auto;
left: auto;
-webkit-transition: none;
transition: none;
float: none;
margin: 0
}
.navmenu-w-account {
visibility: inherit
}
.navtray, .navtray-section-main, .nav-primary, .nav-outer-container, a .navbar-outer {
background: #000
}
.navbar-outer {
background: #fff
}
.nav-outer-container {
background: #f1f5f9
}
.nav-my-sony, .nav.nav-utility {
background: #fff
}
.nav-my-sony h4.navmenu-welcome {
text-transform: uppercase;
margin: 0 20px;
padding: 20px 0 10px;
font-size: 11px
}
.nav-wrapper-minimal .nav-outer-container, .nav-wrapper-minimal .navbar-outer, .nav-wrapper-minimal .nav-primary {
background: #fff
}
.nav-wrapper-minimal .nav-primary {
padding-top: 10px
}
.navtray-section-main {
padding-top: 0;
width: 100%
}
.navtray-section-main .accordion-body-wrapper {
height: 0;
overflow: hidden;
will-change: transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
-webkit-transition: height 0.1s ease-in;
transition: height 0.1s ease-in
}
.navtray-section-main .accordion-body-wrapper.invisible {
visibility: hidden
}
.navtray-section-main .nav-font-medium, .navtray-section-main .navtray-list-main>li>a.tl {
font-size: 15px
}
.navtray-section-main h4 {
padding: 21px 0;
color: #e4e7eb;
margin-bottom: 0
}
.navtray-section-main .navtray-list-main {
margin: 0 20px
}
.navtray-section-main .navtray-list-main .navtray-li {
width: 100%;
margin: 6% 4.3% 6% 0
}
.navtray-section-main .navtray-list-main .navtray-li:nth-child(odd) {
clear: both
}
.navtray-section-main .navtray-list-main .navtray-li.navtray-li-Support .nav-label {
margin-bottom: 3px;
margin-top: 3px
}
.navtray-section-main .navtray-list-main .navtray-li-link {
height: auto;
padding-top: 0;
margin: 0;
color: #e4e7eb
}
.navtray-section-main .navtray-list-main .navtray-li-link:hover, .navtray-section-main .navtray-list-main .navtray-li-link:focus {
background: transparent
}
.navtray-section-main .navtray-list-main .navtray-li-link .nav-img-w {
display: block;
overflow: hidden;
background: #fff;
padding: 7% 0 14%;
-webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.1);
box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.1)
}
.navtray-section-main .navtray-list-main .navtray-li-link .nav-img-w img {
width: 73%
}
.navtray-section-main .navtray-list-main .navtray-li-link .nav-label {
font-size: 15px
}
.navtray-section-main .navtray-list-main .navtray-li-link:hover .nav-img-w, .navtray-section-main .navtray-list-main .navtray-li-link:active .nav-img-w, .navtray-section-main .navtray-list-main .navtray-li-link:focus .nav-img-w {
-webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.025);
box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.025)
}
.navtray-section-main .navtray-list-main.accordion-body {
padding: 5px 20px;
margin: 0;
background-color: #fff
}
.navtray-section-main .navtray-list-main.accordion-body .navtray-li {
margin: 10px 4.3% 0 0
}
.navtray-section-main .navtray-list-main.accordion-body .navtray-li.navtray-li-all-electronics {
margin-top: 15px
}
.navtray-section-main .navtray-list-main.accordion-body .navtray-li.navtray-li-all-electronics i {
display: table-cell;
font-size: 15px;
color: #bcbccc;
vertical-align: middle
}
.navtray-section-main .navtray-list-main.accordion-body .navtray-li.navtray-li-all-electronics .navtray-li-link {
display: table
}
.navtray-section-main .navtray-list-main.accordion-body .navtray-li.navtray-li-all-electronics .navtray-li-link .nav-label {
padding-left: 7px;
display: table-cell;
vertical-align: middle;
line-height: 1.5;
margin-top: 4px
}
.navtray-section-main .navtray-list-main.accordion-body .navtray-li:last-child {
margin-bottom: 6%
}
.navtray-section-main .navtray-list-main.accordion-body .navtray-li-link {
color: #4572ed
}
.navtray-section-main:after {
content: '';
display: block;
clear: both;
border-bottom: solid 2px #252525;
margin: 0 20px
}
.navtray-section-main-w-all-btn {
padding-bottom: 0
}
.navtray-section-main-w-all-btn .navtray-list-main:after {
border: none
}
.navbar-mobile, #main-wrapper, #footer-wrapper {
-webkit-transition: left .15s ease-out 0s;
transition: left .15s ease-out 0s
}
.navbar-mobile, #main-wrapper, #footer-wrapper {
position: relative
}
.nav-mobile-scroller {
min-height: 100%
}
.page-wrap-inner.show-mobile-menu.show-mobile-search-results .navmenu-search-section-results {
display: block;
opacity: 1
}
.page-wrap-inner.show-mobile-menu.show-mobile-search-results .navbar-primary-menu, .page-wrap-inner.show-mobile-menu.show-mobile-search-results .nav-my-sony {
display: none
}
.bp-nav-mobile .show-mobile-search-results .navmenu-w-search .btn-clear-search-input {
display: block
}
.bp-nav-mobile .show-mobile-search-results .navmenu-w-search .navmenu-search-section-input {
margin-right: 55px
}
.bp-nav-mobile .show-mobile-search-results-ready .navmenu-search-section-form {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9999
}
.bp-nav-mobile .navmenu-w-search {
width: 100%;
padding: 0
}
.bp-nav-mobile .navmenu-w-search.searching .navmenu-search-section-results .navmenu-search-results .btn-show-all-results {
display: block;
width: 240px;
margin: 5px auto 50px
}
.bp-nav-mobile .navmenu-search-section-form {
background: #e4e7eb;
padding: 9px
}
.bp-nav-mobile .navmenu-search-section-input {
padding: 8px 7px 8px 7px;
margin: 0
}
.bp-nav-mobile .navmenu-search-section-input input[type=text] {
font-size: 1em;
/*font-family: "SST W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-weight: 400;
font-style: normal;
line-height: 1;
width: 80%;
padding-left: 0
}
.bp-nav-mobile .btn-clear-search-input {
right: 10px;
top: 9px;
width: 44px;
height: 44px;
padding-top: 14px;
padding-left: 14px;
background: #74747f;
color: #fff;
-webkit-font-smoothing: antialiased
}
.bp-nav-mobile .btn-clear-search-input:hover, .bp-nav-mobile .btn-clear-search-input:active, .bp-nav-mobile .btn-clear-search-input:focus {
background-color: #504d56
}
.bp-nav-mobile .fonticon-10-search, .bp-nav-mobile .svgicon-10-search {
top: 0;
left: 0;
font-size: 1.3em
}
.bp-nav-mobile .navmenu-search-section-results {
margin-top: 0;
padding-top: 18px;
background: #fff
}
.bp-nav-mobile .navmenu-search-popular-searches {
padding: 3px 0 0 0
}
.bp-nav-mobile .navmenu-search-popular-searches p.l3, .bp-nav-mobile .navmenu-search-popular-searches p.label {
margin-bottom: 4px;
margin-left: 20px
}
.bp-nav-mobile .search-result-p {
padding-top: 0px
}
.bp-nav-mobile .search-result-p .search-result-descript {
padding-top: 10px
}
.bp-nav-mobile .search-result-p .search-result-headline {
font-size: 0.9em;
line-height: 1.3em
}
.bp-nav-mobile .navmenu-list-results .search-result-line:after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 0px;
margin: 0 15px;
border-bottom: solid 1px #d2d2db
}
.bp-nav-mobile .navmenu-list-results .search-result-line>a {
padding: 10px 5px 5px 16px;
height: 73px
}
.bp-nav-mobile .navmenu-list-results .search-result-line>a img {
margin-right: 6px;
width: 68px
}
.bp-nav-mobile .navmenu-list-results .search-result-line>a .fonticon-30-support {
margin-right: 26px;
font-size: 2em
}
.bp-nav-mobile .navmenu-list-results .search-result-line>a>i.fonticon-10-chevron {
margin: 29px 10px 0 0
}
.bp-nav-mobile .navmenu-list-extended {
margin-top: 10px;
margin-left: 5px
}
.bp-nav-mobile .navmenu-list-extended .search-result-line>a.tl {
font-size: .8125em;
padding-left: 15px;
padding-right: 15px
}
.nav-mobile-nav-shadow {
display: block;
z-index: 100;
width: 6px;
height: 100%;
position: absolute;
top: 0;
right: 0;
background: -moz-linear-gradient(left, rgba(39,43,55,0) 0%, rgba(39,43,55,0.04) 20%, rgba(39,43,55,0.08) 40%, rgba(39,43,55,0.1) 54%, rgba(39,43,55,0.18) 77%, rgba(39,43,55,0.26) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(39,43,55,0)), color-stop(20%, rgba(39,43,55,0.04)), color-stop(40%, rgba(39,43,55,0.08)), color-stop(54%, rgba(39,43,55,0.1)), color-stop(77%, rgba(39,43,55,0.18)), color-stop(100%, rgba(39,43,55,0.26)));
background: -webkit-linear-gradient(left, rgba(39,43,55,0) 0%, rgba(39,43,55,0.04) 20%, rgba(39,43,55,0.08) 40%, rgba(39,43,55,0.1) 54%, rgba(39,43,55,0.18) 77%, rgba(39,43,55,0.26) 100%);
background: -o-linear-gradient(left, rgba(39,43,55,0) 0%, rgba(39,43,55,0.04) 20%, rgba(39,43,55,0.08) 40%, rgba(39,43,55,0.1) 54%, rgba(39,43,55,0.18) 77%, rgba(39,43,55,0.26) 100%);
background: -ms-linear-gradient(left, rgba(39,43,55,0) 0%, rgba(39,43,55,0.04) 20%, rgba(39,43,55,0.08) 40%, rgba(39,43,55,0.1) 54%, rgba(39,43,55,0.18) 77%, rgba(39,43,55,0.26) 100%);
background: linear-gradient(to right, rgba(39,43,55,0) 0%, rgba(39,43,55,0.04) 20%, rgba(39,43,55,0.08) 40%, rgba(39,43,55,0.1) 54%, rgba(39,43,55,0.18) 77%, rgba(39,43,55,0.26) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00272b37', endColorstr='#42272b37', GradientType=1 )
}
.navmenu-w-mobile-top, .navtray-w-short, .navbar-outer {
z-index: 10
}
.navbar-outer {
-webkit-box-ordinal-group: 2;
order: 1;
-webkit-order: 1;
-ms-flex-order: 1;
-ms-flex-negative: 0;
flex-shrink: 0
}
.mega-menu-general-wrapper {
-ms-flex-negative: 0;
flex-shrink: 0
}
.navtray-w-tall {
z-index: 10
}
.navmenu-w-search-container {
z-index: 10;
width: 100% !important
}
.navbar-menu-wrapper {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
.navbar-primary-menu {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-align-self: auto;
-ms-flex-item-align: auto;
align-self: auto
}
.nav-my-sony {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-align-self: auto;
-ms-flex-item-align: auto;
align-self: auto;
width: 100%
}
.navmenu-w-search-container {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-align-self: auto;
-ms-flex-item-align: auto;
align-self: auto
}
}
@media (max-width: 35.4375em) {
.bp-nav-mobile .navmenu-w-search .navmenu-search-section-input input[type=text] {
width: 80%
}
}
@media (max-width: 48em) {
.nav-primary .nav-li:last-child .navtray-section-main:after {
border-bottom: 0px
}
}
@media (max-width: 48em) {
.navtray-is-bordered {
-webkit-tap-highlight-color: transparent
}
.navtray-is-bordered:last-child {
border-bottom: none;
background: #fff
}
.navtray-is-bordered:last-child .navtray-section-main:after {
border-bottom: 0px
}
}
@media (max-width: 29.9375em) {
.nav-wrapper, .navbar {
height: auto
}
.navbar-mobile {
height: 48px
}
.mobile-screen-overlay {
top: 48px;
left: 0
}
.page-wrap-inner.show-mobile-menu {
left: 85.5%
}
.nav-outer-container {
width: 85.5%;
left: -85.5%
}
.navbar-mobile .btn-mobile-nav, .navbar-mobile .btn-mobile-cart {
width: 48px;
height: 48px
}
.navbar-mobile .btn-mobile-nav {
padding: 10px 0 0 0
}
.navbar-mobile .btn-mobile-cart {
padding: 14px 0 0 0;
font-size: .75em
}
.navbar-mobile .btn-mobile-cart span.fi {
font-size: 1.33333em;
margin-right: 4px
}
.navbar-mobile .sprite-32a-sony-logo {
background-position: -105px 0px;
width: 73px;
height: 25px
}
.navbar-mobile .sprite-32a-sony-logo {
margin-top: 17px;
margin-left: -36px;
-webkit-transform: none
}
.navmenu-w-account .btn-login, .navmenu-w-account .btn-logout {
max-width: 100%;
margin-left: 20px;
margin-right: 20px
}
.navtray-section-main .navtray-list-main .navtray-li-link .nav-label {
font-size: 15px
}
.bp-nav-mobile .navmenu-w-search.searching .navmenu-search-section-results .navmenu-search-results .btn-show-all-results {
width: auto;
display: block;
margin: 5px 20px 50px
}
.bp-nav-mobile .search-result-p {
width: 180px
}
}
@media (min-width: 22.125em) and (max-width: 23.0625em) {
.page-wrap-inner.show-mobile-menu {
left: 87%
}
.nav-outer-container {
width: 87%;
left: -87%
}
}
@media (min-width: 20em) and (max-width: 25.5em) {
.page-wrap-inner.show-mobile-menu {
left: 88.3%
}
.nav-outer-container {
width: 88.3%;
left: -88.3%
}
}
@media (min-width: 20em) and (max-width: 47.9375em) {
.navtray-section-main .navtray-list-main .navtray-li .navtray-li-link {
padding-top: 0;
text-align: left
}
.navtray-w-short .navtray-section-main .navtray-list-main .navtray-li .navtray-li-link {
padding-top: 0
}
li.navtray-li {
vertical-align: top
}
.navtray-li-link {
padding-top: 0
}
}
@media (min-width: 61.25em) and (max-width: 150em) {
.navtray-li-small {
width: 18% !important
}
}
@media (min-width: 54.375em) and (max-width: 61.1875em) {
.navtray-li {
height: 145px
}
.navtray-li-small {
width: 19% !important;
height: 155px
}
}
@media (min-width: 48em) and (max-width: 54.3125em) {
.navtray-li {
height: 140px
}
.navtray-li-small {
width: 19% !important;
height: 140px
}
}
@media (min-width: 48em) {
.nav-my-sony {
float: right;
display: inline-block
}
.navtray-li.navtray-li-all-electronics.visible-phone {
width: 0
}
.navtray-list-main {
text-align: center
}
}
.navtray-section-main-centered {
float: none;
margin: 0 auto
}
.navtray-section-main-full-width {
width: 100%
}
a {
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none
}
.navtray-w--mega {
box-shadow: none;
border: 0;
background: #fff;
padding-bottom: 0px
}
.navtray .accordion-body.opened {
height: auto
}
.navtray--mega {
max-width: 1290px;
-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-webkit-transition: top .3s ease-in 0.125s, left 0s ease-out .3s;
transition: top .3s ease-in 0.125s, left 0s ease-out .3s;
-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0)
}
.navtray .mega-menu-wrapper {
display: inline-block
}
.navtray .mega-nav-menu-inner {
padding: 20px 0px;
display: inline-block;
background-color: #f8f8fa
}
.navtray .mega-nav-coloumn {
padding: 0;
position: relative;
margin-bottom: 0px;
height: auto;
margin-left: 0;
padding-left: 0;
width: 100%
}
.navtray .mega-nav-coloumn:first-child {
padding-left: 0
}
.navtray .mega-nav-coloumn:nth-child(4n) {
padding-right: 0
}
.navtray .mega-nav-coloumn:nth-child(4n):before {
display: none
}
.navtray .mega-nav-coloumn:nth-child(5n) {
padding-left: 0
}
.navtray .mega-nav-coloumn:last-child:before {
display: none
}
.navtray .mega-nav-first-level-link {
font-size: .8125em;
display: block;
margin-left: 20px;
margin-right: 50px;
min-height: 36px;
margin-top: 10px;
border-radius: 0;
line-height: 1.38;
/*font-family: "SST W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-weight: 400;
font-style: normal
}
.navtray .mega-nav-first-level-link:hover {
color: #4572ed
}
.navtray .mega-nav-first-level-link:focus {
color: #4572ed
}
.navtray .mega-nav-first-level-link span.inner-text {
position: relative
}
.navtray .mega-nav-first-level-link span.inner-text-desktop {
display: none
}
.navtray .mega-nav-first-level-link span.text-arrow {
display: none
}
.navtray .mega-nav-first-level-link span.fi.fonticon-10-arrowhead-down {
position: absolute;
top: 5px;
font-size: 1.375em;
right: 15px;
color: #74747f;
-webkit-transition: all ease-in 0.1s;
transition: all ease-in 0.1s;
will-change: transform
}
.navtray .mega-nav-second-level-link {
font-size: .8125em;
color: #4572ed;
padding-left: 40px;
display: block;
cursor: pointer;
min-height: 16px;
padding-top: 10px;
border-radius: 0;
/*font-family: "SST W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-weight: 400;
font-style: normal;
padding-right: 40px
}
.navtray .mega-nav-second-level-link--view-all {
/*font-family: "SST W01 Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-weight: 500;
font-style: normal;
padding-left: 20px
}
.navtray .mega-nav-subcategory {
margin: 0px;
background: #f1f5f9;
height: 0;
visibility: hidden;
overflow: hidden;
opacity: 0;
box-sizing: border-box;
will-change: transform;
-moz-box-shadow: 0 4px 4px -4px rgba(0,0,0,0.3) inset, 0 -4px 4px -4px rgba(0,0,0,0.3) inset;
-webkit-box-shadow: 0 4px 4px -4px rgba(0,0,0,0.3) inset, 0 -4px 4px -4px rgba(0,0,0,0.3) inset;
box-shadow: 0 4px 4px -4px rgba(0,0,0,0.3) inset, 0 -4px 4px -4px rgba(0,0,0,0.3) inset
}
.navtray .mega-nav-subcategory--opened {
visibility: visible;
opacity: 1
}
.navtray .mega-nav-subcategory-item {
padding: 0px;
line-height: inherit;
position: relative
}
.navtray .mega-nav-subcategory-item:last-child {
padding-bottom: 10px
}
.navtray .mega-nav-view-all-link {
display: none
}
.navtray .mega-nav-buttons {
margin-top: -8px
}
.navtray .mega-nav-buttons-wrapper {
position: relative;
display: inline-block;
text-align: left;
width: 100%;
padding-bottom: 0px
}
.navtray .mega-nav-buttons-item {
display: inline-block;
text-align: left;
padding: 0px;
width: 100%
}
.navtray .mega-nav-buttons-item .bottom-link {
margin: 0px;
width: 100%;
text-align: left;
background: #f8f8fa;
color: #4572ed;
font-size: .8125em;
border-radius: 0
}
.navtray .mega-nav-buttons-item .bottom-link--all-products {
padding: 0;
padding-left: 20px;
height: 40px;
margin-top: -3px
}
.navtray .mega-nav-buttons-item .bottom-link--all-products:focus {
outline-offset: initial
}
.navtray .mega-nav-buttons-item .bottom-link--professional {
height: 65px;
background: #F1F5F9;
padding: 0;
padding-top: 22px;
padding: 22px 20px 0px;
border-top: 1px solid #eee
}
.navtray .mega-nav-buttons-item .bottom-link--professional:focus {
outline-offset: initial
}
.navtray .mega-nav-buttons-item .bottom-link span.fi {
margin-right: 5px;
top: -1px;
position: relative;
color: #CACAD6
}
.navtray .mega-nav-additional {
background-color: #f1f5f9
}
.navtray .mega-nav-additional-wrapper {
padding: 31px 50px 21px;
display: inline-block;
width: 100%
}
.navtray .mega-nav-additional-item {
width: 50%;
float: left
}
.navtray .mega-nav-additional-item-img-wrapper {
display: inline-block;
width: 158px;
height: 86px
}
.navtray .mega-nav-additional-item-description {
display: inline-block;
margin-left: 55px
}
.navtray .mega-nav-additional-item-description-link span {
display: block;
font-size: .625em;
color: #3c4c74
}
.navtray .mega-nav-additional-item-description-link .title {
font-size: .625em;
/*font-family: "SST W01 Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-weight: 500;
font-style: normal
}
.navtray .mega-nav-additional-item-description-link .subtitle {
color: #858590
}
@media (min-width: 48em) {
.navtray-w--mega {
top: -1000px
}
.navtray-w--mega .navtray-section-main {
width: 100%;
padding-top: 0;
padding-bottom: 0;
height: auto !important
}
.navtray-w--mega .mega-nav-menu-wrapper--tout-wrapper {
background-color: #f1f5f9
}
.navtray-w--mega .mega-nav-menu-wrapper--tout-wrapper .mega-nav-additional {
max-width: 1290px;
margin: 0 auto
}
.navtray-w--mega .mega-nav-menu-wrapper--tout-wrapper .mega-nav-additional-wrapper {
padding: 31px 50px;
display: inline-block;
width: 100%
}
.navtray-w--mega .mega-nav-menu-wrapper--tout-wrapper .mega-nav-additional-item {
width: 50%;
float: left
}
.navtray-w--mega .mega-nav-menu-wrapper--tout-wrapper .mega-nav-additional-item:hover .highlight {
color: #3c4c74
}
.navtray-w--mega .mega-nav-menu-wrapper--tout-wrapper .mega-nav-additional-item-img-wrapper {
display: inline-block;
width: 27%;
height: auto;
float: left;
opacity: 1;
transition: opacity 0.8s ease-out
}
.navtray-w--mega .mega-nav-menu-wrapper--tout-wrapper .mega-nav-additional-item-img-wrapper:hover {
opacity: 0.9;
transition: opacity 0.8s ease-out
}
.navtray-w--mega .mega-nav-menu-wrapper--tout-wrapper .mega-nav-additional-item-description {
float: left;
display: inline-block;
width: 62%;
padding: 0 26px 0 49px
}
.navtray-w--mega .mega-nav-menu-wrapper--tout-wrapper .mega-nav-additional-item-description-link span {
display: block;
font-size: .625em;
color: #3c4c74
}
.navtray-w--mega .mega-nav-menu-wrapper--tout-wrapper .mega-nav-additional-item-description-link .title {
font-size: .8125em;
/*font-family: "SST W01 Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-weight: 500;
font-style: normal
}
.navtray-w--mega .mega-nav-menu-wrapper--tout-wrapper .mega-nav-additional-item-description-link .subtitle {
font-size: 11px;
color: #858590
}
.navtray-w--mega .mega-nav-menu-wrapper--tout-wrapper .mega-nav-additional-item-description-link .highlight {
display: block;
font-size: 11px;
line-height: 1.85em;
color: #4572ed
}
.navtray--mega {
max-width: 768px
}
.navtray .mega-nav-menu-wrapper {
background-color: #fff;
padding-top: 22px
}
.navtray .mega-nav-menu-wrapper--soft {
background: rgba(0,0,0,0.25);
padding-top: 0
}
.navtray .mega-nav-menu-inner {
padding: 0 22px;
background: #fff
}
.navtray .mega-nav-coloumn {
float: left;
margin-bottom: 48px;
min-height: 191px;
padding-left: 13px;
width: 180px
}
.navtray .mega-nav-coloumn:before {
position: absolute;
right: 0;
top: 0px;
width: 1px;
height: 100%;
background: #D6D6D6;
content: ""
}
.navtray .mega-nav-coloumn:first-child {
padding-left: 0px
}
.navtray .mega-nav-coloumn:nth-child(4n) {
padding-right: 0px
}
.navtray .mega-nav-coloumn:nth-child(4n):before {
display: none
}
.navtray .mega-nav-coloumn:nth-child(5n) {
padding-left: 0px
}
.navtray .mega-nav-coloumn:last-child:before {
display: none
}
.navtray .mega-nav-first-level-link {
display: block;
margin: 0 0 16px;
margin-right: 10px;
min-height: 45px;
/*font-family: "SST W01 Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-weight: 500;
font-style: normal
}
.navtray .mega-nav-first-level-link span.inner-text-desktop {
display: inline-block
}
.navtray .mega-nav-first-level-link span.inner-text-mobile {
display: none
}
.navtray .mega-nav-first-level-link span.fi {
display: none
}
.navtray .mega-nav-second-level-link {
font-size: .6875em;
color: #61656A;
margin-left: 15px;
padding: 0;
display: block;
cursor: pointer;
min-height: 16px;
line-height: 1.2;
margin-bottom: 10px
}
.navtray .mega-nav-second-level-link--view-all {
display: none
}
.navtray .mega-nav-subcategory {
margin-left: 0px;
padding-right: 13px;
height: auto;
visibility: visible;
opacity: 1;
border: 0;
margin: 0px;
box-shadow: none;
background: transparent;
margin-bottom: 10px;
overflow: visible
}
.navtray .mega-nav-subcategory-item {
padding: 0px 0px;
line-height: inherit;
position: relative
}
.navtray .mega-nav-subcategory-item--view-all {
display: none
}
.navtray .mega-nav-subcategory-item:before {
color: #61656A;
content: '\00BB';
position: absolute;
top: -7px;
left: 0px;
font-size: .75em;
transition: all .2s ease
}
.navtray .mega-nav-subcategory--without-title .mega-nav-subcategory-link:nth-of-type(n+5) {
display: none
}
.navtray .mega-nav-subcategory--with-title .mega-nav-subcategory-link:nth-of-type(n+6) {
display: none
}
.navtray .mega-nav-view-all-link {
font-size: .6875em;
color: #6788DC;
position: absolute;
bottom: -4px;
cursor: pointer;
display: inline-block
}
.navtray .mega-nav-view-all-link:hover {
color: #3c4c74
}
.navtray .mega-nav-buttons-wrapper {
position: relative;
display: table;
text-align: center;
width: auto;
padding-bottom: 34px;
margin: 0 auto
}
.navtray .mega-nav-buttons-item {
display: table-cell;
text-align: center;
padding: 0px 25px;
width: 50%
}
.navtray .mega-nav-buttons-item:last-child {
margin-left: 30px
}
.navtray .mega-nav-buttons-item .bottom-link {
width: 100%;
border-radius: 0;
display: inline-block;
padding: 10px 24px;
margin-bottom: 0;
font-size: .8125em;
line-height: 20px;
text-align: center;
vertical-align: middle;
color: white;
cursor: pointer;
background: #5887f5;
border: 0px;
-webkit-font-smoothing: subpixel-antialiased;
height: 40px
}
.navtray .mega-nav-buttons-item .bottom-link--all-products {
margin-top: 0px
}
.navtray .mega-nav-buttons-item .bottom-link i {
margin-right: 5px;
top: -1px;
position: relative;
color: #fff
}
.navtray .mega-nav-buttons-item .bottom-link:hover {
background: #4572ed
}
.navtray .mega-nav-additional {
background-color: #f1f5f9
}
.navtray .mega-nav-additional-wrapper {
padding: 32px 22px 32px;
display: inline-block;
width: 100%
}
.navtray .mega-nav-additional-item {
width: 50%;
float: left
}
.navtray .mega-nav-additional-item-img-wrapper {
display: inline-block;
width: 27%;
height: auto;
float: left
}
.navtray .mega-nav-additional-item-description {
float: left;
display: inline-block;
margin-left: 25px;
width: 60%;
padding-right: 10px;
margin-top: -7px;
padding-bottom: 10px
}
.navtray .mega-nav-additional-item-description-link span {
display: inline-block;
font-size: .625em;
color: #3c4c74
}
.navtray .mega-nav-additional-item-description-link .title {
font-size: .8125em;
/*font-family: "SST W01 Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-weight: 500;
font-style: normal
}
.navtray .mega-nav-additional-item-description-link .subtitle {
color: #858590;
font-size: 11px
}
.navtray .mega-nav-additional-item-description-link .highlight {
display: inline-block;
font-size: 11px;
color: #4572ed
}
}
@media (min-width: 64em) {
.navtray--mega {
max-width: 1000px
}
.navtray .mega-nav-menu-inner {
padding: 30px 50px 0px;
background: #fff
}
.navtray .mega-nav-menu-wrapper {
padding-top: 0
}
.navtray .mega-nav-coloumn {
margin-bottom: 48px;
min-height: 170px;
padding-left: 16px;
width: 224px
}
.navtray .mega-nav-first-level-link {
margin: 0 10px 16px 0px;
min-height: 16px
}
.navtray .mega-nav-first-level-link:hover {
color: #3c4c74
}
.navtray .mega-nav-second-level-link {
transition: color .2s linear
}
.navtray .mega-nav-second-level-link:hover {
color: #4572ed
}
.navtray .mega-nav-subcategory-item {
padding: 0px 0px
}
.navtray .mega-nav-subcategory-item-hover:before {
transition: color .2s linear;
color: #4572ed
}
.navtray .mega-nav-buttons-wrapper {
padding-bottom: 34px;
width: auto;
margin: 0 auto
}
.navtray .mega-nav-additional-wrapper {
padding: 30px 50px 30px
}
.navtray .mega-nav-additional-item {
width: 50%;
float: left
}
.navtray .mega-nav-additional-item-img-wrapper {
display: inline-block;
width: 27%;
height: auto;
float: left
}
.navtray .mega-nav-additional-item-description {
margin-left: 35px;
padding-right: 40px;
margin-top: 0px
}
}
@media (min-width: 87.5em) {
.navtray--mega {
max-width: 1290px
}
.navtray .mega-nav-menu-inner {
padding: 30px 50px 0px;
background: #fff
}
.navtray .mega-nav-coloumn {
margin-bottom: 48px;
min-height: 170px;
padding-left: 28px;
width: 297px
}
.navtray .mega-nav-first-level-link {
margin: 0 10px 16px 0px;
min-height: 16px
}
.navtray .mega-nav-subcategory-item {
padding: 0px 0px
}
.navtray .mega-nav-buttons-wrapper {
padding-bottom: 34px;
padding-top: 2px;
width: auto;
margin: 0 auto
}
.navtray .mega-nav-additional-wrapper {
padding: 31px 50px 15px
}
.navtray .mega-nav-additional-item {
width: 50%;
float: left
}
.navtray .mega-nav-additional-item-img-wrapper {
display: inline-block;
width: 27%;
height: auto;
float: left
}
.navtray .mega-nav-additional-item-description {
margin-left: 35px;
padding-right: 40px;
margin-top: 0px
}
}
.mega-nav-coloumn.opened a.mega-nav-first-level-link span.fi {
transform: rotate(180deg);
-webkit-transition: all ease-in 0.1s;
transition: all ease-in 0.1s;
will-change: transform;
transform-origin: 8px 11px
}
html[dir="rtl"] .mega-nav-coloumn.opened a.mega-nav-first-level-link span.fi {
transform-origin: 8px 11px
}
.mega-menu-general-wrapper .mega-nav-menu-wrapper:first-child .navtray-section-main:before {
display: none
}
.mega-menu-general-wrapper .mega-nav-menu-wrapper .accordion-body {
overflow: hidden
}
.accessible-megamenu .accessible-megamenu-top-nav-item {
position: static
}
.accessible-megamenu .accessible-megamenu-top-nav-item a[aria-expanded] {
position: relative;
display: block
}
.accessible-megamenu .accessible-megamenu-panel {
position: absolute;
display: block;
left: 0;
right: 0;
top: -9999em;
visibility: hidden;
max-height: 0px;
overflow: hidden;
opacity: 0;
-webkit-transition: opacity 250ms ease 250ms, max-height 400ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
-moz-transition: opacity 250ms ease 250ms, max-height 400ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
-ms-transition: opacity 250ms ease 250ms, max-height 400ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
-o-transition: opacity 250ms ease 250ms, max-height 400ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
transition: opacity 250ms ease 250ms, max-height 400ms ease, visibility 0s linear 500ms, top 0s linear 500ms
}
.accessible-megamenu .accessible-megamenu-panel.mega-menu-general-wrapper .navtray-w {
position: static
}
.accessible-megamenu .accessible-megamenu-panel.open {
visibility: visible;
top: 100%;
max-height: 800px;
opacity: 1;
-webkit-transition: opacity 250ms ease, max-height 650ms ease, visibility 0s linear 0s, top 0s linear 0s;
-moz-transition: opacity 250ms ease, max-height 650ms ease, visibility 0s linear 0s, top 0s linear 0s;
-ms-transition: opacity 250ms ease, max-height 650ms ease, visibility 0s linear 0s, top 0s linear 0s;
-o-transition: opacity 250ms ease, max-height 650ms ease, visibility 0s linear 0s, top 0s linear 0s;
transition: opacity 250ms ease, max-height 650ms ease, visibility 0s linear 0s, top 0s linear 0s
}
.accessible-megamenu .accessible-megamenu-panel.open .navtray-w--mega:after {
content: '';
display: block;
height: 20px;
-webkit-box-shadow: inset 0px 20px 20px -20px rgba(39,43,55,0.25);
box-shadow: inset 0px 20px 20px -20px rgba(39,43,55,0.25)
}
.accessible-megamenu .nav-li-entertainment .accessible-megamenu-panel.open, .accessible-megamenu .accessible-megamenu .nav-li-support .accessible-megamenu-panel.open {
max-height: 400px
}
@media (max-width: 47.9375em) {
.accessible-megamenu-top-nav-item.nav-li {
margin: 0
}
.accessible-megamenu-top-nav-item.nav-li.no-submenu:after {
content: '';
display: block;
clear: both;
margin: 0 20px;
border-bottom: solid 2px #252525
}
.accessible-megamenu-top-nav-item.nav-li.no-submenu .nav-li-link {
font-size: 15px;
color: #e4e7eb
}
.accessible-megamenu-top-nav-item.nav-li .nav-li-link {
display: block;
padding: 17px 0;
margin: 0 20px
}
.accessible-megamenu .accessible-megamenu-panel {
position: static;
visibility: visible;
opacity: 1;
max-height: none
}
.accessible-megamenu .accessible-megamenu-panel .navtray-w {
max-height: none
}
}
.SkipToContentLink {
-webkit-transition: transform 0.25s ease-in-out, border 0.25s linear, padding 0.25s linear !important;
transition: transform 0.25s ease-in-out, border 0.25s linear, padding 0.25s linear !important;
position: absolute;
display: block;
transform: translateX(-120%);
color: #fff;
background-color: #000;
border-bottom: 0 solid #5787f4;
top: 58px;
left: 10px;
font-size: .9375em;
padding: 6px 10px
}
.rtl .SkipToContentLink {
transform: translateX(120%)
}
.SkipToContentLink:focus {
z-index: 1000;
color: #fff;
transform: translateX(0)
}
.SkipToContentLink:hover {
color: #fff;
padding: 6px 10px 2px;
border-bottom-width: 4px
}
@media (min-width: 30em) {
.SkipToContentLink {
top: 74px
}
}
@media (min-width: 48em) and (max-width: 61.1875em) {
.SkipToContentLink {
top: 62px
}
}
@media (min-width: 100em) {
.SkipToContentLink {
height: 64px;
top: 0;
left: 0;
padding: 10px;
line-height: 44px
}
.SkipToContentLink:hover {
padding: 10px
}
}
.footnotes-wrapper {
background: #f1f5f9
}
.footnotes-wrapper h2 {
text-align: right;
cursor: pointer;
margin-bottom: 0;
line-height: 55px;
color: #2f353d;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-webkit-transition: color 250ms;
transition: color 250ms
}
.footnotes-wrapper h2:hover {
color: #293d54
}
.footnotes-wrapper h2:hover i.fonticon-10-arrowhead-down {
color: #293d54
}
.footnotes-wrapper i.fonticon-10-arrowhead-down {
-webkit-transition: -webkit-transform 250ms, top 250ms, color 250ms;
-moz-transition: -mos-transform 250ms, top 250ms, color 250ms;
-ms-transition: -ms-transform 250ms, top 250ms, color 250ms;
transition: transform 250ms, top 250ms, color 250ms;
position: relative;
top: -2px;
color: #74747f
}
.footnotes-wrapper.open i.fonticon-10-arrowhead-down {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
top: 2px
}
.lt-ie9 .footnotes-wrapper.open i.fonticon-10-arrowhead-down {
top: -2px
}
.footnotes-wrapper .list {
border-top: 1px solid #e4e7eb;
color: #bcbccc
}
.footnotes-wrapper .list.hidden-by-default {
display: none
}
.footnotes-wrapper ol {
margin: 0;
padding: 34px 0 50px
}
.footnotes-wrapper li {
margin-bottom: 0;
clear: left
}
.footnotes-wrapper li+li {
margin-top: 25px
}
.footnotes-wrapper .num {
font-weight: bold;
color: #2f353d;
display: block;
float: left
}
.footnotes-wrapper .note {
display: block;
margin-left: 37px
}
@media (min-width: 30em) and (max-width: 61.1875em) {
.tcc-wrapper {
height: 475px
}
.tcc-wrapper .tcc-full-bleed-at-979 {
width: auto
}
.tcc-wrapper .tcc-body {
height: 277px
}
.tcc-wrapper .tcc-content-block {
height: 277px
}
.tcc-wrapper .tcc-content-block .tcc-inner-container {
height: 277px
}
.tcc-wrapper .article.default .p4, .tcc-wrapper .article.news .p4, .tcc-wrapper .article.event .p4 {
max-height: 54px;
overflow: hidden
}
.tcc-wrapper .article.featured .feature-copy {
max-height: 120px
}
.tcc-wrapper .article.featured .feature-copy .lt3 {
margin-top: 0px
}
.tcc-wrapper .article.featured .feature-copy .t5-light {
height: 52px;
max-height: 52px
}
.tcc-wrapper .users-voice.user-quote, .tcc-wrapper .users-voice.expert-quote {
padding-bottom: 22px
}
.tcc-wrapper .users-voice.user-quote .bq3, .tcc-wrapper .users-voice.expert-quote .bq3 {
max-height: 105px;
overflow: hidden
}
.tcc-wrapper .users-voice.user-quote .credits .avatar, .tcc-wrapper .users-voice.expert-quote .credits .avatar {
margin-bottom: 5px
}
.tcc-wrapper .users-voice.question .bq3 {
max-height: 150px;
overflow: hidden;
padding-top: 20px
}
.tcc-wrapper .sonys-voice {
padding: 0
}
.tcc-wrapper .sonys-voice.instagram .span12 {
margin-left: 0
}
.tcc-wrapper .sonys-voice.instagram .center {
position: relative
}
.tcc-wrapper .sonys-voice.instagram .center .center-container {
height: 116px
}
.tcc-wrapper .sonys-voice.instagram .center .center-container .right div, .tcc-wrapper .sonys-voice.instagram .center .center-container .left div {
display: inline-block
}
.tcc-wrapper .sonys-voice.instagram .center .center-container .right {
padding-left: 0;
right: 10px;
width: 30.18868%;
height: 96px
}
.tcc-wrapper .sonys-voice.instagram .center .center-container .right div {
width: 100%;
height: 100%
}
.tcc-wrapper .sonys-voice.instagram .center .center-container .left {
left: 10px;
width: 63.52201%;
height: 96px
}
.tcc-wrapper .sonys-voice.instagram .center .center-container .left div {
width: 48.52475%;
height: 100%
}
.tcc-wrapper .sonys-voice.instagram .center .center-container .left .last {
margin: 0 0 0 .3125em
}
.tcc-wrapper .flickr .center .bottom-row {
display: none
}
.tcc-wrapper .flickr .center .top-row {
margin-bottom: 0
}
.tcc-wrapper .flickr .center .top-row div, .tcc-wrapper .flickr .center .bottom-row div {
width: 30%
}
.tcc-wrapper .navigation-container {
bottom: 23px;
margin-left: -14px
}
}
@media (max-width: 29.9375em) {
.tcc-wrapper {
height: 475px;
padding: 50px 0
}
.tcc-wrapper .tcc-full-bleed-at-979 {
width: auto
}
.tcc-wrapper .tcc-header {
padding-bottom: 20px;
text-align: left
}
.tcc-wrapper .tcc-header .tcc-header-title {
padding-bottom: 10px;
display: block;
float: none
}
.tcc-wrapper .tcc-header .tcc-header-link {
display: block;
float: none;
position: relative;
bottom: 0;
right: 0
}
.tcc-wrapper .tcc-body-wrapper {
padding: 30px 0 0 0
}
.tcc-wrapper .tcc-body {
height: 277px
}
.tcc-wrapper .tcc-content-block {
height: 277px
}
.tcc-wrapper .tcc-content-block .tcc-inner-container {
height: 277px
}
.tcc-wrapper .article .p4 {
display: none
}
.tcc-wrapper .article .img-container img {
width: 100%
}
.tcc-wrapper .article.default .tcc-copy, .tcc-wrapper .article.news .tcc-copy, .tcc-wrapper .article.event .tcc-copy {
max-height: 90px
}
.tcc-wrapper .article.default .lt3, .tcc-wrapper .article.news .lt3, .tcc-wrapper .article.event .lt3 {
margin: 0
}
.tcc-wrapper .article.featured .feature-copy {
padding: 1.0625em 1.5625em;
max-height: 120px
}
.tcc-wrapper .article.featured .feature-copy .lt3 {
margin-top: 0px
}
.tcc-wrapper .article.featured .feature-copy .t5-light {
height: 52px;
max-height: 52px
}
.tcc-wrapper .users-voice.expert-quote .credits .avatar {
margin-bottom: 0
}
.tcc-wrapper .users-voice.expert-quote .credits .author {
padding-left: 0
}
.tcc-wrapper .users-voice.user-quote {
padding: 30px 1.5625em 26px 1.5625em
}
.tcc-wrapper .users-voice.user-quote .credits {
position: absolute;
bottom: 23px;
left: 1.5625em
}
.tcc-wrapper .users-voice.user-quote .credits .avatar {
margin-bottom: 0px
}
.tcc-wrapper .users-voice.user-quote .credits .handle, .tcc-wrapper .users-voice.user-quote .credits .author {
margin: 0
}
.tcc-wrapper .users-voice.user-quote .credits .author {
padding-left: .3125em
}
.tcc-wrapper .users-voice.question .credits .author {
left: 63px;
margin: -8px 0 0 0
}
.tcc-wrapper .users-voice.question .bq3 {
padding: 25px .625em 0 .625em;
margin-bottom: 7px
}
.tcc-wrapper .users-voice.question .answer-btn {
margin-left: -75px;
bottom: 0
}
.tcc-wrapper .sonys-voice {
padding: 0
}
.tcc-wrapper .sonys-voice .top .icon-container {
display: inline-block;
padding: 0;
margin: 0 5px 0 0
}
.tcc-wrapper .sonys-voice .top .fonticon-10-dot {
font-size: 2.5em
}
.tcc-wrapper .sonys-voice .top .fonticon-10-dot.white-bg {
left: 0;
margin-left: 0;
width: 40px;
height: 40px
}
.tcc-wrapper .sonys-voice .top .fonticon-15-facebook, .tcc-wrapper .sonys-voice .top .fonticon-15-twitter, .tcc-wrapper .sonys-voice .top .fonticon-15-instagram {
font-size: 1.3125em;
width: 40px;
height: 40px;
padding-top: 9px;
margin: 0;
z-index: 2
}
.tcc-wrapper .sonys-voice .top .social-btn {
position: absolute;
bottom: 0;
left: 50%;
margin-left: -73px
}
.tcc-wrapper .sonys-voice .top .meta {
display: inline-block;
margin: 12px 0;
padding: 0
}
.tcc-wrapper .sonys-voice.twitter .bq4 {
padding: 0
}
.tcc-wrapper .sonys-voice.facebook .bq6 {
padding: 5px 0
}
.tcc-wrapper .sonys-voice.facebook .bq6 p {
margin-bottom: 0
}
.tcc-wrapper .sonys-voice.instagram .span12 {
margin-left: 0
}
.tcc-wrapper .sonys-voice.instagram .center {
position: relative
}
.tcc-wrapper .sonys-voice.instagram .center .center-container {
height: 116px
}
.tcc-wrapper .sonys-voice.instagram .center .center-container .right div, .tcc-wrapper .sonys-voice.instagram .center .center-container .left div {
display: inline-block
}
.tcc-wrapper .sonys-voice.instagram .center .center-container .right {
padding-left: 0;
right: 10px;
width: 30.18868%;
height: 96px
}
.tcc-wrapper .sonys-voice.instagram .center .center-container .right div {
width: 100%;
height: 100%
}
.tcc-wrapper .sonys-voice.instagram .center .center-container .left {
left: 10px;
width: 63.52201%;
height: 96px
}
.tcc-wrapper .sonys-voice.instagram .center .center-container .left div {
width: 48.52475%;
height: 100%
}
.tcc-wrapper .sonys-voice.instagram .center .center-container .left .last {
margin: 0 0 0 .3125em
}
.tcc-wrapper .flickr .top .icon-container {
display: inline-block;
width: 44px
}
.tcc-wrapper .flickr .top .social-btn {
position: absolute;
bottom: 0;
left: 50%;
margin-left: -73px
}
.tcc-wrapper .flickr .top .meta {
margin-top: 8px;
display: inline-block;
padding-left: .625em
}
.tcc-wrapper .flickr .center .bottom-row {
display: none
}
.tcc-wrapper .flickr .center .top-row {
margin-bottom: 0
}
.tcc-wrapper .navigation-container {
bottom: 14px
}
}
.sony-youtube-player .video-container, .sony-youku-player .video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 0;
height: 0;
overflow: hidden
}
.sony-youtube-player .video-container iframe, .sony-youtube-player .video-container object, .sony-youtube-player .video-container embed, .sony-youku-player .video-container iframe, .sony-youku-player .video-container object, .sony-youku-player .video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.video-bg-overlay {
position: absolute;
left: 0;
right: 0;
height: 100%;
width: 100%;
z-index: -1;
background: #000;
display: none
}
.sony-video {
position: relative;
overflow: hidden;
z-index: 0;
width: 80%;
margin: 0 auto;
font-size: 0;
line-height: 0
}
.sony-video .player {
direction: ltr
}
.sony-video .flowplayer video::-webkit-media-controls-start-playback-button {
display:none
}
.sony-video.full-bleed {
max-height: 720px;
overflow: hidden;
position: relative
}
.lt-ie8 .sony-video.full-bleed {
width: 980px
}
.sony-video.full-bleed .full-bleed-video-wrap {
bottom: 0;
left: 0;
position: absolute;
top: 0;
width: 100%;
overflow: hidden
}
.lt-ie8 .sony-video.full-bleed .full-bleed-video-wrap {
width: 980px
}
.sony-video.full-bleed .full-bleed-video-wrap .flowplayer {
bottom: 0;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.lt-ie8 .sony-video.full-bleed .full-bleed-video-wrap .flowplayer {
width: 980px
}
.sony-video.full-bleed .full-bleed-video-wrap .flowplayer video, .sony-video.full-bleed .full-bleed-video-wrap .flowplayer object {
min-height: 100%;
min-width: 100%;
height: auto;
width: auto
}
.lt-ie8 .sony-video.full-bleed .full-bleed-video-wrap .flowplayer video, .lt-ie8 .sony-video.full-bleed .full-bleed-video-wrap .flowplayer object {
width: 980px
}
.sony-video.letterbox {
height: 100%;
max-height: 720px;
overflow: hidden;
position: relative
}
.lt-ie8 .sony-video.letterbox {
width: 980px
}
.sony-video.letterbox .letterbox-video-wrap {
bottom: 0;
left: 0;
position: absolute;
top: 0;
width: 100%;
overflow: hidden
}
.lt-ie8 .sony-video.letterbox .letterbox-video-wrap {
width: 980px
}
.sony-video.letterbox .letterbox-video-wrap .flowplayer {
bottom: 0;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.lt-ie8 .sony-video.letterbox .letterbox-video-wrap .flowplayer {
width: 980px
}
.sony-video.letterbox .letterbox-video-wrap .flowplayer video, .sony-video.letterbox .letterbox-video-wrap .flowplayer object {
height: 100%;
width: 100%
}
.lt-ie8 .sony-video.letterbox .letterbox-video-wrap .flowplayer video, .lt-ie8 .sony-video.letterbox .letterbox-video-wrap .flowplayer object {
width: 980px
}
.lt-ie8 .sony-modal .sony-video.full-bleed {
width: 900px;
max-width: 900px
}
.lt-ie8 .sony-modal .sony-video.full-bleed .full-bleed-video-wrap {
width: 900px;
max-width: 900px
}
.flowplayer {
position: relative;
width: 100%;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
display: inline-block
}
.flowplayer * {
font-weight: inherit;
font-family: inherit;
font-style: inherit;
text-decoration: inherit;
font-size: 100%;
padding: 0;
border: 0;
margin: 0;
list-style-type: none
}
.flowplayer video {
width: 100%
}
.flowplayer.is-ipad video {
-webkit-transform: translateX(-2048px)
}
.is-ready.flowplayer.is-ipad video {
-webkit-transform: translateX(0)
}
.flowplayer .fp-engine, .flowplayer .fp-ui, .flowplayer .fp-message {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
z-index: 1;
overflow: hidden
}
.flowplayer .fp-ui {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden
}
.flowplayer .fp-message {
display: none;
text-align: center;
padding-top: 5%;
cursor: default
}
.flowplayer .fp-message h2 {
font-size: 120%;
margin-bottom: 1em
}
.flowplayer .fp-message p {
color: #666;
font-size: 95%
}
.flowplayer .fp-controls {
position: absolute;
left: 0;
bottom: 0;
width: 100%
}
.no-background.flowplayer .fp-controls {
background-color: transparent !important;
background-image: -moz-linear-gradient(transparent, transparent) !important;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(transparent)) !important
}
.is-fullscreen.flowplayer .fp-controls {
bottom: 3px
}
.is-mouseover.flowplayer .fp-controls {
bottom: 0
}
.flowplayer .fp-waiting {
text-align: center;
width: 76px;
height: 72px;
opacity: 0.85;
display: none;
position: absolute;
margin: auto;
top: 0;
left: 0;
bottom: 0;
border-radius: 27%;
right: 0
}
.lt-ie8 .flowplayer .fp-waiting {
background: none;
visibility: hidden
}
.flowplayer .fp-speed {
font-size: 30px;
background-color: #333;
background-color: rgba(51,51,51,0.8);
color: #eee;
margin: 0 auto;
text-align: center;
width: 120px;
padding: .1em 0 0;
opacity: 0;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
-webkit-transition: opacity .5s;
-moz-transition: opacity .5s;
transition: opacity .5s
}
.flowplayer .fp-speed.fp-hilite {
opacity: 1;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
}
.flowplayer .fp-help {
position: absolute;
top: 0;
left: -9999em;
z-index: 100;
background-color: #333;
background-color: rgba(51,51,51,0.9);
width: 100%;
height: 100%;
opacity: 0;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
-webkit-transition: opacity .2s;
-moz-transition: opacity .2s;
transition: opacity .2s;
text-align: center
}
.is-help.flowplayer .fp-help {
left: 0;
opacity: 1;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
}
.flowplayer .fp-help .fp-help-section {
margin: 3%;
direction: ltr
}
.flowplayer .fp-help .fp-help-basics {
margin-top: 6%
}
.flowplayer .fp-help p {
color: #eee;
margin: .5em 0;
font-size: 14px;
line-height: 1.5;
display: inline-block;
margin: 1% 2%
}
.flowplayer .fp-help em {
background: #eee;
-webkit-border-radius: .3em;
-moz-border-radius: .3em;
border-radius: .3em;
margin-right: .4em;
padding: .3em .6em;
color: #333
}
.flowplayer .fp-help small {
font-size: 90%;
color: #aaa
}
.flowplayer .fp-help .fp-close {
display: block
}
@media (max-width: 600px) {
.flowplayer .fp-help p {
font-size: 9px
}
}
.flowplayer .fp-subtitle {
position: absolute;
bottom: 40px;
left: -99999em;
z-index: 10;
text-align: center;
width: 100%;
opacity: 0;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
-webkit-transition: opacity .3s;
-moz-transition: opacity .3s;
transition: opacity .3s
}
.flowplayer .fp-subtitle p {
display: inline;
background-color: #333;
background-color: rgba(51,51,51,0.9);
color: #eee;
padding: .1em .4em;
font-size: 16px;
line-height: 1.6
}
.flowplayer .fp-subtitle p:after {
content: '';
clear: both
}
.flowplayer .fp-subtitle.fp-active {
left: 0;
opacity: 1;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
}
.flowplayer .fp-fullscreen, .flowplayer .fp-unload, .flowplayer .fp-mute, .flowplayer .fp-embed, .flowplayer .fp-close, .flowplayer .fp-play {
background-image: url(/static-assets/images/video/white.png);
background-size: 37px 300px
}
.flowplayer.is-loading .fp-waiting {
display: block
}
.flowplayer.is-loading .fp-play-btn-lrg, .flowplayer.is-loading .fp-play-btn-sml {
display: none
}
.flowplayer.is-paused .fp-play-btn-lrg, .flowplayer.is-paused .fp-play-btn-sml {
display: block
}
.lt-ie10 .is-splash.flowplayer .fp-ui, .lt-ie10 .is-paused.flowplayer .fp-ui {
background: url(/assets/images/video/play-btn-lrg.png) center no-repeat
}
.flowplayer {
position: relative
}
.flowplayer .fp-play-btn-sml {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
display: none;
border-radius: 50%;
width: 74px;
height: 74px;
background: rgba(47,53,61,0.15);
cursor: pointer;
z-index: 2000;
-webkit-transform: translateZ(0px)
}
.lt-ie10 .flowplayer .fp-play-btn-sml {
display: none;
visibility: hidden;
background: none
}
.flowplayer .fp-play-btn-sml .fp-play-btn-inner {
position: absolute;
margin: auto;
top: 0;
left: 0;
bottom: 0;
right: 0;
border-radius: 50%;
width: 60px;
height: 60px;
background: #f25529;
-webkit-transition: 0.1s ease-out;
transition: 0.1s ease-out
}
.flowplayer .fp-play-btn-sml .fp-play-btn-inner.is-hover {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
background: #d94c25
}
.flowplayer .fp-play-btn-sml .fp-play-btn-inner .fp-play-head {
position: absolute;
margin: auto;
top: 0;
left: 5px;
bottom: 0;
right: 0;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-left: 21px solid white;
border-bottom: 10px solid transparent;
margin-top: 20px
}
.flowplayer .fp-play-btn-lrg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
display: none;
border-radius: 50%;
width: 88px;
height: 88px;
background: rgba(47,53,61,0.15);
cursor: pointer;
z-index: 2000;
-webkit-transform: translateZ(0px)
}
.lt-ie10 .flowplayer .fp-play-btn-lrg {
display: none;
visibility: hidden;
background: none
}
.flowplayer .fp-play-btn-lrg .fp-play-btn-inner {
position: absolute;
margin: auto;
top: 0;
left: 0;
bottom: 0;
right: 0;
border-radius: 50%;
width: 74px;
height: 74px;
background: #f25529;
-webkit-transition: 0.1s ease-out;
transition: 0.1s ease-out
}
.flowplayer .fp-play-btn-lrg .fp-play-btn-inner.is-hover {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
background: #d94c25
}
.flowplayer .fp-play-btn-lrg .fp-play-btn-inner .fp-play-head {
position: absolute;
margin: auto;
top: 1px;
left: 6px;
bottom: 0;
right: 0;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-left: 21px solid white;
border-bottom: 10px solid transparent;
margin-top: 25px
}
.flowplayer .fp-fullscreen {
z-index: 997
}
.is-fullscreen.flowplayer .fp-ui {
background-size: auto
}
.is-seeking.flowplayer .fp-ui, .is-loading.flowplayer .fp-ui {
background-image: none
}
.flowplayer .fp-logo {
position: absolute;
top: auto;
left: 15px;
bottom: 30px;
cursor: pointer;
display: none;
z-index: 100
}
.flowplayer .fp-logo img {
width: 100%
}
.is-embedded.flowplayer .fp-logo {
display: none
}
.fixed-controls.flowplayer .fp-logo {
bottom: 15px
}
.flowplayer .fp-fullscreen, .flowplayer .fp-unload, .flowplayer .fp-close {
position: absolute;
top: 5px;
left: auto;
right: 9px;
display: block;
width: 30px;
height: 23px;
background-position: 12px -197px;
cursor: pointer
}
.flowplayer .fp-fullscreen {
z-index: 1150
}
.flowplayer .fp-unload, .flowplayer .fp-close {
background-position: 14px -175px;
display: none
}
.flowplayer .fp-play {
display: none;
width: 27px;
height: 20px;
background-position: 9px -24px;
position: absolute;
bottom: 5px;
left: 3px
}
.play-button.flowplayer .fp-play {
display: block
}
.is-paused.flowplayer .fp-play {
background-position: 9px 7px
}
.flowplayer.is-ready.is-closeable .fp-unload {
display: block
}
.flowplayer.is-ready.is-closeable .fp-fullscreen {
display: none
}
.flowplayer.is-fullscreen .fp-fullscreen {
background-position: 10px -217px;
display: block !important
}
.flowplayer.is-fullscreen .fp-unload, .flowplayer.is-fullscreen .fp-close {
display: none !important
}
.flowplayer .fp-timeline {
position: relative;
top: 14px;
height: 4px;
margin: 0 68px 0 45px
}
.flowplayer .fp-scrubber {
position: absolute;
top: -6px;
left: -2px;
display: block;
width: 16px;
height: 16px;
background-image: url(/static-assets/images/video/scrubber.png);
background-repeat: no-repeat
}
.is-mouseout.flowplayer .fp-scrubber {
display: none;
visibility: hidden
}
.is-touch.flowplayer .fp-scrubber {
display: none !important;
visibility: hidden !important
}
.no-volume.flowplayer .fp-timeline {
margin-right: 60px
}
.no-mute.flowplayer .fp-timeline {
margin-right: 45px
}
.play-button.flowplayer .fp-timeline {
margin-left: 67px
}
.is-long.flowplayer .fp-timeline {
margin: 0 180px 0 75px
}
.no-volume.is-long.flowplayer .fp-timeline {
margin-right: 90px
}
.no-mute.is-long.flowplayer .fp-timeline {
margin-right: 75px
}
.play-button.is-long.flowplayer .fp-timeline {
margin-left: 97px
}
.aside-time.flowplayer .fp-timeline, .no-time.flowplayer .fp-timeline {
margin: 0 68px 0 5px
}
.aside-time.no-volume.flowplayer .fp-timeline, .no-time.no-volume.flowplayer .fp-timeline {
margin-right: 20px
}
.aside-time.no-mute.flowplayer .fp-timeline, .no-time.no-mute.flowplayer .fp-timeline {
margin-right: 36px
}
.play-button.no-time.flowplayer .fp-timeline, .play-button.aside-time.flowplayer .fp-timeline {
margin-left: 35px
}
.flowplayer .fp-buffer, .flowplayer .fp-progress {
position: absolute;
top: 0;
left: auto;
height: 100%
}
.flowplayer .fp-buffer {
-webkit-transition: width .25s linear;
-moz-transition: width .25s linear;
transition: width .25s linear
}
.flowplayer.is-touch .fp-timeline {
overflow: visible
}
.flowplayer.is-touch .fp-progress {
-webkit-transition: width .2s linear;
-moz-transition: width .2s linear;
transition: width .2s linear
}
.flowplayer.is-touch .fp-timeline.is-dragging .fp-progress {
-webkit-transition: right .1s linear, border .1s linear, top .1s linear, left .1s linear;
-moz-transition: right .1s linear, border .1s linear, top .1s linear, left .1s linear;
transition: right .1s linear, border .1s linear, top .1s linear, left .1s linear
}
.flowplayer.is-touch.is-mouseover .fp-progress:after, .flowplayer.is-touch.is-mouseover .fp-progress:before {
content: '';
display: block;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
position: absolute;
right: -5px
}
.flowplayer.is-touch.is-mouseover .fp-progress:before {
width: 10px;
height: 10px
}
.flowplayer.is-touch.is-mouseover .fp-progress:after {
height: 10px;
width: 10px;
top: -5px;
right: -10px;
border: 5px solid rgba(255,255,255,0.65);
-webkit-box-shadow: 1px 0 4px rgba(0,0,0,0.5);
-moz-box-shadow: 1px 0 4px rgba(0,0,0,0.5);
box-shadow: 1px 0 4px rgba(0,0,0,0.5)
}
.flowplayer.is-touch.is-mouseover .fp-timeline.is-dragging .fp-progress:after {
border: 10px solid #fff;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-transition: inherit;
-moz-transition: inherit;
transition: inherit;
top: -10px;
right: -15px
}
.flowplayer .fp-volume {
position: absolute;
top: 13px;
right: 38px
}
.flowplayer .fp-mute {
position: relative;
width: 14px;
height: 15px;
float: left;
top: -5px;
cursor: pointer;
background-position: -2px -99px
}
.lt-ie8 .flowplayer .fp-mute {
height: 25px;
background-position: -2px -95px
}
.no-mute.flowplayer .fp-mute {
display: none
}
.flowplayer .fp-volumeslider {
position: absolute;
bottom: 37px;
left: -11px;
width: 32px;
height: 86px;
display: none
}
.no-volume.flowplayer .fp-volumeslider {
display: none
}
.flowplayer .fp-volumelevel {
height: 100%
}
.flowplayer .fp-time {
text-shadow: 0 0 1px #000;
font-size: 12px;
font-weight: bold;
color: #fff;
width: 100%
}
.flowplayer .fp-time.is-inverted .fp-duration {
display: none
}
.flowplayer .fp-time.is-inverted .fp-remaining {
display: inline
}
.flowplayer .fp-time em {
width: 35px;
height: 10px;
line-height: 10px;
text-align: center;
position: absolute;
bottom: 5px
}
.no-time.flowplayer .fp-time {
display: none
}
.is-long.flowplayer .fp-time em {
width: 65px
}
.flowplayer .fp-elapsed {
left: 5px
}
.play-button.flowplayer .fp-elapsed {
left: 27px
}
.flowplayer .fp-remaining, .flowplayer .fp-duration {
right: 110px;
color: #eee
}
.no-volume.flowplayer .fp-remaining, .no-volume.flowplayer .fp-duration {
right: 20px
}
.no-mute.flowplayer .fp-remaining, .no-mute.flowplayer .fp-duration {
right: 5px
}
.flowplayer .fp-remaining {
display: none
}
.flowplayer.color-light .fp-time {
color: #222;
text-shadow: 0 0 1px #fff
}
.flowplayer.color-light .fp-remaining, .flowplayer.color-light .fp-duration {
color: #666
}
.flowplayer.aside-time .fp-time {
position: absolute;
top: 5px;
left: 5px;
bottom: auto !important;
width: 85px
}
.flowplayer.aside-time .fp-time strong, .flowplayer.aside-time .fp-time em {
position: static
}
.flowplayer.aside-time .fp-time .fp-elapsed {
margin-right: 5px
}
.flowplayer.is-long.aside-time .fp-time {
width: 130px
}
.flowplayer.is-splash, .flowplayer.is-poster {
cursor: pointer
}
.flowplayer.is-splash .fp-controls, .flowplayer.is-poster .fp-controls, .flowplayer.is-splash .fp-fullscreen, .flowplayer.is-poster .fp-fullscreen, .flowplayer.is-splash .fp-unload, .flowplayer.is-poster .fp-unload, .flowplayer.is-splash .fp-time, .flowplayer.is-poster .fp-time, .flowplayer.is-splash .fp-embed, .flowplayer.is-poster .fp-embed {
display: none !important
}
.flowplayer.is-poster .fp-engine {
top: -9999em
}
.flowplayer.is-loading .fp-waiting {
display: block
}
.flowplayer.is-loading .fp-controls, .flowplayer.is-loading .fp-time {
display: none
}
.flowplayer.is-loading .fp-ui {
background-position: -9999em
}
.flowplayer.is-seeking .fp-waiting {
display: block
}
.flowplayer.is-fullscreen {
position: fixed !important;
top: 0 !important;
left: 0 !important;
border: 0 !important;
margin: 0 !important;
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
z-index: 99999 !important;
-webkit-box-shadow: 0 !important;
-moz-box-shadow: 0 !important;
box-shadow: 0 !important;
background-image: none !important;
background-color: #333
}
.flowplayer.is-error {
border: 1px solid #909090;
background: #fdfdfd !important
}
.flowplayer.is-error h2 {
font-weight: bold;
font-size: large;
margin-top: 10%
}
.flowplayer.is-error .fp-message {
display: block
}
.flowplayer.is-error object, .flowplayer.is-error video, .flowplayer.is-error .fp-controls, .flowplayer.is-error .fp-time, .flowplayer.is-error .fp-subtitle {
display: none
}
.flowplayer.is-ready.is-muted .fp-mute {
opacity: .5;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50)
}
.flowplayer.is-mouseout .fp-controls {
height: 4px;
-webkit-transition: height .15s .3s;
-moz-transition: height .15s .3s;
transition: height .15s .3s
}
.flowplayer.is-mouseout .fp-timeline {
margin: 0 !important
}
.flowplayer.is-mouseout .fp-timeline {
-webkit-transition: height .15s .3s, top .15s .3s, margin .15s .3s;
-moz-transition: height .15s .3s, top .15s .3s, margin .15s .3s;
transition: height .15s .3s, top .15s .3s, margin .15s .3s;
height: 4px;
top: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
.flowplayer.is-mouseout .fp-fullscreen, .flowplayer.is-mouseout .fp-unload, .flowplayer.is-mouseout .fp-elapsed, .flowplayer.is-mouseout .fp-remaining, .flowplayer.is-mouseout .fp-duration, .flowplayer.is-mouseout .fp-embed, .flowplayer.is-mouseout .fp-volume, .flowplayer.is-mouseout .fp-play {
opacity: 0;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
-webkit-transition: opacity .15s .3s;
-moz-transition: opacity .15s .3s;
transition: opacity .15s .3s
}
.flowplayer.is-mouseover .fp-controls, .flowplayer.fixed-controls .fp-controls {
height: 32px
}
.flowplayer.is-mouseover .fp-fullscreen, .flowplayer.fixed-controls .fp-fullscreen, .flowplayer.is-mouseover .fp-unload, .flowplayer.fixed-controls .fp-unload, .flowplayer.is-mouseover .fp-elapsed, .flowplayer.fixed-controls .fp-elapsed, .flowplayer.is-mouseover .fp-remaining, .flowplayer.fixed-controls .fp-remaining, .flowplayer.is-mouseover .fp-duration, .flowplayer.fixed-controls .fp-duration, .flowplayer.is-mouseover .fp-embed, .flowplayer.fixed-controls .fp-embed, .flowplayer.is-mouseover .fp-logo, .flowplayer.fixed-controls .fp-logo, .flowplayer.is-mouseover .fp-volume, .flowplayer.fixed-controls .fp-volume, .flowplayer.is-mouseover .fp-play, .flowplayer.fixed-controls .fp-play {
opacity: 1;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
}
.flowplayer.fixed-controls .fp-volume {
display: block
}
.flowplayer.fixed-controls .fp-controls {
bottom: -20px
}
.is-fullscreen.flowplayer.fixed-controls .fp-controls {
bottom: 0
}
.flowplayer.fixed-controls .fp-time em {
bottom: -15px;
opacity: 1;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
}
.is-fullscreen.flowplayer.fixed-controls .fp-time em {
bottom: 5px
}
.flowplayer.is-disabled .fp-progress {
background-color: #999
}
.flowplayer .fp-embed {
position: absolute;
top: 5px;
left: 5px;
display: block;
width: 25px;
height: 20px;
background-position: 3px -237px
}
.flowplayer .fp-embed-code {
position: absolute;
display: none;
top: 10px;
left: 40px;
background-color: #333;
padding: 3px 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 3px #ccc;
-moz-box-shadow: 0 0 3px #ccc;
box-shadow: 0 0 3px #ccc;
font-size: 12px
}
.flowplayer .fp-embed-code:before {
content: '';
width: 0;
height: 0;
position: absolute;
top: 2px;
left: -10px;
border: 5px solid transparent;
border-right-color: #333
}
.flowplayer .fp-embed-code textarea {
width: 400px;
height: 16px;
font-family: monaco, "courier new", verdana;
color: #777;
white-space: nowrap;
resize: none;
overflow: hidden;
border: 0;
background-color: transparent;
color: #ccc
}
.flowplayer .fp-embed-code label {
display: block;
color: #999
}
.flowplayer.is-embedding .fp-embed, .flowplayer.is-embedding .fp-embed-code {
display: block;
opacity: 1;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
}
.flowplayer.aside-time .fp-embed {
left: 85px
}
.flowplayer.aside-time .fp-embed-code {
left: 115px
}
.flowplayer.aside-time.is-embedding .fp-time {
opacity: 1;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
}
.flowplayer.is-long.aside-time .fp-embed {
left: 130px
}
.flowplayer.no-time .fp-embed {
left: 5px !important
}
@-moz-keyframes pulse {
0% {
opacity:0
}
100% {
opacity:1
}
}
@-webkit-keyframes pulse {
0% {
opacity:0
}
100% {
opacity:1
}
}
@-o-keyframes pulse {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes pulse {
0% {
opacity:0
}
100% {
opacity:1
}
}
.flowplayer .fp-controls {
background-color: #333;
background-color: rgba(51,51,51,0.6)
}
.lt-ie8 .flowplayer .fp-controls .fp-timeline {
display: none
}
.lt-ie8 .flowplayer .fp-controls .fp-fullscreen {
display: none
}
.flowplayer.fixed-controls .fp-controls {
background-color: #333
}
.flowplayer .fp-timeline {
background-color: #666
}
.flowplayer .fp-buffer {
background-color: #eee
}
.flowplayer .fp-progress {
background-color: #00a7c8
}
.flowplayer .fp-volumeslider {
background-color: #000;
background-color: rgba(0,0,0,0.4)
}
.flowplayer .fp-volumeleveltrack {
height: 66px;
background: #ffffff;
position: absolute;
bottom: 10px;
left: 14px;
width: 4px
}
.flowplayer .fp-volumeleveltrack .fp-scrubber {
bottom: 0;
left: -6px
}
.flowplayer .fp-volumelevel {
height: 0;
position: absolute;
bottom: 0;
left: 0;
width: 4px;
background-color: #ed4f24
}
.flowplayer .fp-play {
height: 24px
}
.flowplayer.is-touch.is-mouseover .fp-progress:before {
background-color: #00a7c8
}
.flowplayer.color-light .fp-controls {
background-color: rgba(255,255,255,0.6)
}
.flowplayer.color-light.fixed-controls .fp-controls {
background-color: #fff
}
.flowplayer.color-light .fp-volumeslider {
background-color: #ddd
}
.flowplayer.color-light .fp-volumelevel {
background-color: #222
}
.flowplayer.color-alt .fp-progress {
background-color: #fff
}
.flowplayer.color-alt.is-touch.is-mouseover .fp-progress:before {
background-color: #fff
}
.flowplayer.color-alt .fp-buffer {
background-color: #999
}
.flowplayer.color-alt2 .fp-progress {
background-color: #900
}
.flowplayer.color-alt2.is-touch.is-mouseover .fp-progress:before {
background-color: #900
}
.flowplayer {
width: 100%;
background-color: #222222;
background-size: cover
}
.flowplayer .fp-controls {
background-color: rgba(0,0,0,0.4)
}
.flowplayer .fp-timeline {
background-color: rgba(217,217,217,0.5)
}
.flowplayer .fp-progress {
background-color: #ed4e23
}
.flowplayer .fp-buffer {
background-color: #f9f9f9
}
.flowplayer.is-ready {
background-image: none !important
}
.flowplayer .fp-controls {
direction: ltr
}
.all-videos .sony-video .flowplayer video, .all-videos .sony-video .flowplayer object {
width: 100% !important;
height: 100% !important;
top: 0 !important;
left: 0 !important
}
@media (max-width: 64em) {
.sony-video {
width: 100%
}
}
@media (min-width: 48em) and (max-width: 61.1875em) {
.sony-video.full-bleed {
height: 500px
}
}
@media (max-width: 47.9375em) {
.sony-video.full-bleed {
height: 420px
}
}
@media (min-width: 30em) and (max-width: 47.9375em) {
.sony-video.full-bleed {
height: 400px
}
}
@media (max-width: 29.9375em) {
.sony-video.full-bleed {
height: auto
}
.sony-video.full-bleed .full-bleed-video-wrap {
position: static
}
.sony-video.full-bleed .full-bleed-video-wrap .flowplayer {
position: static
}
}
@media (min-width: 48em) and (max-width: 61.1875em) {
.chapter-slide .sony-video.full-bleed {
height: 440px
}
}
@media (max-width: 47.9375em) {
.chapter-slide .sony-video.full-bleed {
height: 384px
}
}
@media (min-width: 30em) and (max-width: 47.9375em) {
.chapter-slide .sony-video.full-bleed {
height: 244px
}
}
@media (max-width: 29.9375em) {
.chapter-slide .sony-video.full-bleed {
height: auto
}
.chapter-slide .sony-video.full-bleed .full-bleed-video-wrap {
position: static
}
.chapter-slide .sony-video.full-bleed .full-bleed-video-wrap .flowplayer {
position: static
}
}
@media (max-height: 420px) {
.sony-modal .sony-video.full-bleed {
height: 250px
}
}
.addon {
text-align: left
}
.addon .addon-inner, .addon .v-wrap {
min-height: 74px
}
.addon .addon-media {
position: relative;
display: block;
max-width: 4.75em;
min-height: inherit;
height: 100%;
width: 100%;
margin-right: .75em;
overflow: hidden
}
.no-touch .addon .addon-media:hover .icon-wrap, .touch .addon .addon-media:active .icon-wrap {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
background-color: #4572ed
}
.addon .addon-body {
max-width: 180px
}
.addon .addon-body .footNoteNumber_done {
font-size: 75%
}
.addon .media-object {
min-height: inherit;
height: 100%;
width: 100%;
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat
}
.addon .icon-wrap {
position: absolute;
top: 50%;
left: 50%;
margin-top: -16px;
margin-left: -16px;
width: 32px;
height: 32px;
background-color: rgba(33,37,48,0.4);
border-radius: 50%;
-webkit-transition: .15s;
transition: .15s
}
.csstransforms .addon .icon-wrap {
width: 38px;
height: 38px;
margin-top: -19px;
margin-left: -19px;
-webkit-transform: scale(.84211);
-ms-transform: scale(.84211);
transform: scale(.84211)
}
.addon .addon-media i {
position: absolute;
top: 50%;
left: 50%;
color: #fff
}
.addon .addon-media .fi {
margin-top: -8px;
margin-left: -8px
}
.addon .addon-media .fonticon-15-popup {
font-size: 20px;
margin-top: -10px;
margin-left: -10px
}
.addon .addon-media .fonticon-10-video-play {
font-size: 12px;
margin-top: -6px;
margin-left: -6px;
padding-left: 1px
}
.addon .quote .twitter-color {
position: static;
margin: 0;
color: #00acee;
font-size: 3em;
margin-top: -.08333em
}
.addon .copy {
color: #2f353d;
margin: -2px 0 0 0
}
.light-text-dark-box .addon .copy {
color: #fff
}
.light-text-light-box .addon .copy, .dark-text-dark-box .addon .copy {
color: #bcbccc
}
.addon .copy, .addon .subhead {
padding-right: 12px
}
.addon .addon-link {
display: block
}
.addon .addon-link, .addon .subhead {
margin: 4px 0 0
}
.addon-video .addon-media, .addon-slideshow .addon-media, .addon-audio .addon-media, .addon-story .addon-media {
padding: 10px 0;
min-height: 54px
}
.addon-logo .addon-body, .addon-tweet .addon-body, .addon-quote .addon-body {
max-width: 320px
}
.addon .quote.center-copy {
min-height: 0
}
.addon .quote.center-copy .addon-media, .addon .quote.center-copy .addon-body {
float: none
}
.addon .quote.center-copy .addon-media {
min-height: 0;
text-align: center;
max-width: 320px;
width: 100%
}
.addon .quote.center-copy .iq-img {
width: 3em;
height: 38px;
margin: 0 auto 5px;
background-size: contain
}
.addon-listItem {
margin-top: 0px !important;
overflow: hidden
}
.addon-listItem .list-item-image {
width: 40px;
float: left;
margin: 12px 12px 6px 0
}
.addon-listItem .list-item {
margin-top: 6px
}
.addon-listItem .list-item.is-header {
margin-top: 42px
}
.addon-listItem .list-item p a {
margin-left: 6px
}
.addon-listItem .use-divider {
border-bottom: solid 1px #efefef
}
.addon-listItem .use-bullet {
list-style: square outside;
display: list-item;
color: white;
margin-left: 20px
}
.dark-text-light-box .addon-listItem .use-bullet {
color: #363636
}
.modern .addon .addon-inner {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center
}
.modern .addon .addon-media, .modern .addon .addon-body {
float: none
}
.modern .addon .addon-media {
-webkit-align-self: flex-start;
-ms-flex-align: start;
align-self: flex-start
}
.modern .addon .addon-body {
min-height: 0;
-webkit-box-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
-webkit-align-self: center;
align-self: center
}
.modern .addon .quote .addon-media {
-webkit-flex-shrink: 0;
flex-shrink: 0;
min-width: 3em
}
.modern .addon .quote blockquote p {
text-indent: 0;
color: #293d54;
margin-bottom: 0
}
.modern .addon .quote.center-copy {
display: block
}
.lt-ie10 .addon .addon-mo .addon-media {
top: -10px
}
.addon-logo .media-object {
background-size: contain
}
.addon-logo .addon-inner, .addon-logo .v-wrap {
min-height: 46px
}
.addon-logo .addon-media {
max-width: 3.125em
}
.addon-logo .addon-media.ignore-max-width {
max-width: none !important
}
.addon-logo .addon-media.ignore-max-width .media-object {
background-position: 0% 50%
}
.addon-logo .addon-media.no-max-width {
max-width: none !important;
width: auto
}
.addon-logo .addon-media.no-max-width img {
width: auto !important;
height: auto !important
}
.addon-quote .addon-inner, .addon-quote .v-wrap {
min-height: 38px
}
.addon-quote .media-object {
background-size: contain
}
.addon-quote .addon-media {
width: 3em
}
.addon-tweet .addon-media {
width: 3em
}
.lt-ie9 .addon .addon-body {
width: 100%;
z-index: 2000
}
.lt-ie9 .addon .icon-wrap {
background-color: #595959
}
.lt-ie8 .addon-media, .lt-ie8 .media-object {
min-height: 74px
}
@media (max-width: 47.9375em) {
.addon .addon-inner, .addon .v-wrap {
min-height: 66px
}
.addon .addon-media {
max-width: 4.125em
}
.addon-video .addon-media, .addon-slideshow .addon-media, .addon-audio .addon-media, .addon-story .addon-media {
padding: 10px 0;
min-height: 46px
}
.addon-logo .media-object {
background-size: contain
}
.addon-logo .addon-inner, .addon-logo .v-wrap {
min-height: 38px
}
.addon-logo .addon-media {
max-width: 2.625em
}
.addon .quote.center-copy .iq-img {
width: 2.375em;
height: 1.875em
}
.addon-quote .addon-inner, .addon-quote .v-wrap {
min-height: 1.875em
}
.addon-quote .addon-media {
width: 2.375em
}
.addon-tweet .addon-media {
width: 2.375em
}
.addon-tweet .quote .twitter-color {
font-size: 2.375em;
margin-top: 0
}
.modern .addon .quote .addon-media {
min-width: 2.375em
}
}
@media (max-width: 29.9375em) {
.addon .addon-inner, .addon .v-wrap {
min-height: 56px
}
.addon .addon-media {
max-width: 3.125em
}
.addon .addon-media .icon-wrap {
margin-top: -12px;
margin-left: -12px;
width: 24px;
height: 24px;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.addon .addon-media .fi {
font-size: 14px;
margin-top: -7px;
margin-left: -7px
}
.addon .addon-media .fonticon-15-popup {
font-size: 16px;
margin-top: -8px;
margin-left: -8px
}
.addon .addon-media .fonticon-10-video-play {
font-size: 10px;
margin-top: -5px;
margin-left: -5px;
padding-left: 1px
}
.addon-video .addon-media, .addon-slideshow .addon-media, .addon-audio .addon-media, .addon-story .addon-media {
padding: 10px 0;
min-height: 36px
}
.addon .quote.center-copy .iq-img {
width: 2.125em;
height: 1.75em
}
.addon-logo .addon-inner, .addon-logo .v-wrap {
min-height: 32px
}
.addon-logo .addon-media {
max-width: 2.25em
}
.addon-quote .addon-inner, .addon-quote .v-wrap {
min-height: 1.75em
}
.addon-quote .addon-media {
width: 2.125em
}
.addon-tweet .addon-media {
width: 2.125em
}
.addon-tweet .quote .twitter-color {
font-size: 2.125em
}
.modern .addon .quote .addon-media {
min-width: 2.125em
}
}
.sony-slide-nav {
position: relative;
height: 57px;
width: 100%;
margin-bottom: 20px
}
.sony-slide-nav a {
position: absolute;
top: 60px;
width: 100px;
height: 34px;
text-align: center;
margin-left: -50px;
color: #504d56;
cursor: pointer;
font-size: 0.7em
}
.sony-slide-nav a i, .sony-slide-nav a img, .sony-slide-nav a span {
opacity: 0.3;
-webkit-transition: opacity .25s linear;
transition: opacity .25s linear
}
.sony-slide-nav a img {
height: 100%;
width: auto
}
.sony-slide-nav a.active i, .sony-slide-nav a.active img, .sony-slide-nav a.active span {
opacity: 1
}
.sony-slide-nav a:before {
content: '';
position: absolute;
width: 18px;
height: 18px;
top: -39px;
left: 50%;
background-color: #d2d2db;
margin-left: -9px;
z-index: 2;
border-radius: 9px
}
.sony-slide-nav .bar {
position: absolute;
top: 50%;
width: 100%;
height: 8px;
margin-top: -4px;
z-index: 2;
background-color: #d2d2db;
border-radius: 4px
}
.sony-slide-nav .scrubber-container {
position: absolute;
width: 100%;
height: 100%
}
.sony-slide-nav .scrubber {
position: absolute;
min-height: 100%;
z-index: 3
}
.sony-slide-nav .scrubber .handle {
position: absolute;
top: 50%;
margin-top: -28.5px;
left: -28.5px;
width: 57px;
height: 57px;
background: rgba(80,77,86,0.25);
cursor: pointer;
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab;
border-radius: 50%;
-webkit-transition: .1s;
transition: .1s
}
.sony-slide-nav .scrubber .handle .inner {
position: absolute;
width: 41.04px;
height: 41.04px;
line-height: 37.04px;
background: #f25529;
display: block;
text-align: center;
font-size: 0.9em;
top: 50%;
left: 50%;
margin: -20.52px 0 0 -20.52px;
border-radius: 50%;
-webkit-transition: 0.1s ease-out;
transition: 0.1s ease-out
}
.sony-slide-nav .scrubber .handle .inner i {
color: #fff;
display: inline-block;
margin: 0;
-webkit-font-smoothing: antialiased;
-webkit-transition: 0.1s ease-out;
transition: 0.1s ease-out
}
.lt-ie8 .sony-slide-nav .scrubber .handle .inner i {
display: none
}
.sony-slide-nav .scrubber:hover .handle .inner {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
background: #d94c25
}
.sony-slide-nav .scrubber.dragging .handle {
cursor: pointer;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing
}
.sony-slide-nav .scrubber.dragging .handle .inner {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
background: #504d56
}
.sony-audio-player {
position: relative;
overflow: hidden
}
.sony-audio-player.playing nav .play {
display: none
}
.sony-audio-player.playing nav .pause {
display: block
}
.sony-audio-player.paused nav .play {
display: block
}
.sony-audio-player.paused nav .pause {
display: none
}
.sony-audio-player .active-track {
position: relative;
height: 100%;
z-index: 2;
text-align: center;
background: #504d56
}
.sony-audio-player .active-track img {
max-height: 100%;
width: 100%
}
.sony-audio-player .sap-hit-area {
-webkit-transition: opacity 0.1s;
transition: opacity 0.1s;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
opacity: 0
}
.sony-audio-player .sap-hit-area .scrubber {
position: absolute;
margin-left: -1px;
width: 2px;
min-height: 100%;
bottom: -24px;
background-color: #d2d2db;
z-index: 3;
color: #fff
}
.sony-audio-player .sap-hit-area .scrubber .handle {
position: absolute;
bottom: 25%;
margin-top: -43px;
left: -30px;
width: 62px;
height: 62px;
background: rgba(80,77,86,0.5);
cursor: pointer;
border-radius: 50%;
-webkit-transition: .1s;
transition: .1s
}
.sony-audio-player .sap-hit-area .scrubber .handle .inner {
position: absolute;
width: 46px;
height: 46px;
line-height: 40px;
background: #f25529;
display: block;
text-align: center;
font-size: 0.9em;
top: 50%;
left: 50%;
margin: -23px 0 0 -23px;
border-radius: 50%;
-webkit-transition: 0.1s ease-out;
transition: 0.1s ease-out
}
.sony-audio-player .sap-hit-area .scrubber .handle .inner .icons {
width: 100%;
height: 100%;
display: block
}
.sony-audio-player .sap-hit-area .scrubber .handle .inner .icons i {
display: inline-block;
margin: 0;
-webkit-font-smoothing: antialiased;
-webkit-transition: 0.1s ease-out;
transition: 0.1s ease-out
}
.sony-audio-player .sap-hit-area .scrubber:hover .handle .inner {
-webkit-transform: scale(1.07);
-ms-transform: scale(1.07);
transform: scale(1.07);
background: #d94c25
}
.sony-audio-player .sap-hit-area .scrubber.dragging .handle .inner {
-webkit-transform: scale(1.07);
-ms-transform: scale(1.07);
transform: scale(1.07);
background: #504d56
}
.sony-audio-player .sap-hit-area.active {
opacity: 1;
z-index: 3
}
.sony-audio-player .tracks {
display: none
}
.sony-audio-player nav {
position: absolute;
left: 0;
bottom: 0;
z-index: 4
}
.sony-audio-player nav .play {
display: block
}
.sony-audio-player nav .pause {
display: none
}
.sony-audio-player nav select {
display: none
}
.sony-audio-loading {
position: absolute;
display: none;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 4
}
.sony-audio-loading img {
position: absolute;
left: 50%;
top: 50%;
margin: -31px 0 0 -34px
}
.loading .sony-audio-loading {
display: block
}
.editorial-anchor-links-wrapper.v-hidden {
visibility: hidden
}
.editorial-anchor-links-wrapper.center-buttons .grid.jump-links {
text-align: center
}
.editorial-anchor-links-wrapper.center-buttons .grid.jump-links li {
display: inline-block;
float: none;
vertical-align: top;
width: auto
}
.editorial-anchor-links {
background: #f1f5f9;
border-bottom: solid 1px #e4e7eb;
overflow: hidden
}
.editorial-anchor-links.sticky-nav {
border-bottom: none
}
.editorial-anchor-links ul.jump-links {
position: relative;
margin: 0 auto
}
.editorial-anchor-links ul.jump-links.nav {
float: none
}
.editorial-anchor-links ul.jump-links.button-count-6 li {
width: 16.6667%
}
.editorial-anchor-links ul.jump-links.button-count-5 li {
width: 19.999%
}
.editorial-anchor-links ul.jump-links.button-count-4 li {
width: 24.999%
}
.editorial-anchor-links ul.jump-links.button-count-3 li {
width: 33.333%
}
.editorial-anchor-links ul.jump-links.button-count-2 li {
width: 49.999%
}
.editorial-anchor-links ul.jump-links li {
margin: 0;
border-right: solid 1px #e4e7eb
}
.editorial-anchor-links ul.jump-links li:first-child {
border-left: solid 1px #e4e7eb
}
.editorial-anchor-links ul.jump-links li a {
background: #f1f5f9;
text-align: center;
padding: 22px 0 20px;
-webkit-transition: all 0.15s ease-out;
transition: all 0.15s ease-out
}
.editorial-anchor-links ul.jump-links li a .btn-title, .editorial-anchor-links ul.jump-links li a .btn-subtitle {
display: block;
min-height: 19px
}
.editorial-anchor-links ul.jump-links li a .btn-title {
margin-bottom: 2px
}
.editorial-anchor-links ul.jump-links li a:hover, .editorial-anchor-links ul.jump-links li.active a {
background: #e8edf3
}
.editorial-anchor-links .icon-circle-chevron-down {
height: 30px;
background-position: center center;
background-repeat: no-repeat;
background-size: 30px 30px
}
.editorial-anchor-links>.container.transform-transition {
transition: transform 0.2s
}
.editorial-anchor-links-section-header {
text-align: center;
padding: 66px 0 30px
}
.editorial-anchor-links-wrapper.iscroll-active.iscroll-active-left .editorial-anchor-links::before {
content: "";
display: block;
position: absolute;
top: 0;
left: -50px;
width: 50px;
height: 100%;
-webkit-box-shadow: 1px 0 0.25em 0.0625em rgba(0,0,0,0.25);
box-shadow: 1px 0 0.25em 0.0625em rgba(0,0,0,0.25);
z-index: 10
}
.editorial-anchor-links-wrapper.iscroll-active.iscroll-active-right .editorial-anchor-links::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 100%;
width: 50px;
height: 100%;
-webkit-box-shadow: -1px 0 0.25em 0.0625em rgba(0,0,0,0.25);
box-shadow: -1px 0 0.25em 0.0625em rgba(0,0,0,0.25);
z-index: 10
}
.editorial-anchor-links-wrapper.editorial-anchor-links--mobile-nav .editorial-anchor-links .grid {
width: auto;
display: block
}
.editorial-anchor-links-wrapper.editorial-anchor-links--mobile-nav .editorial-anchor-links ul.jump-links li a {
padding-left: 10px;
padding-right: 10px;
min-width: 69px;
min-height: 40px
}
.editorial-anchor-links-wrapper.editorial-anchor-links--mobile-nav .editorial-anchor-links ul.jump-links li a .btn-subtitle, .editorial-anchor-links-wrapper.editorial-anchor-links--mobile-nav .editorial-anchor-links ul.jump-links li a i, .editorial-anchor-links-wrapper.editorial-anchor-links--mobile-nav .editorial-anchor-links ul.jump-links li a .icon-circle-chevron-down {
display: none
}
.editorial-anchor-links-wrapper.editorial-anchor-links--mobile-nav .editorial-anchor-links ul.jump-links.button-count-2 li, .editorial-anchor-links-wrapper.editorial-anchor-links--mobile-nav .editorial-anchor-links ul.jump-links.button-count-3 li, .editorial-anchor-links-wrapper.editorial-anchor-links--mobile-nav .editorial-anchor-links ul.jump-links.button-count-4 li, .editorial-anchor-links-wrapper.editorial-anchor-links--mobile-nav .editorial-anchor-links ul.jump-links.button-count-5 li, .editorial-anchor-links-wrapper.editorial-anchor-links--mobile-nav .editorial-anchor-links ul.jump-links.button-count-6 li {
width: auto
}
.editorial-anchor-links-wrapper .editorial-anchor-links .grid.is-addon {
width: auto;
display: block;
text-align: left
}
.editorial-anchor-links-wrapper .editorial-anchor-links ul.jump-links.is-addon li a {
padding: 10px 10px 9px 10px;
min-width: 40px
}
.editorial-anchor-links-wrapper .editorial-anchor-links ul.jump-links.is-addon li a .btn-subtitle, .editorial-anchor-links-wrapper .editorial-anchor-links ul.jump-links.is-addon li a i, .editorial-anchor-links-wrapper .editorial-anchor-links ul.jump-links.is-addon li a .icon-circle-chevron-down {
display: none
}
.editorial-anchor-links-wrapper .editorial-anchor-links ul.jump-links.is-addon li a .btn-title {
margin-bottom: 0;
margin-top: 2px
}
.editorial-anchor-links-wrapper .editorial-anchor-links ul.jump-links.is-addon li:last-child {
border-right: 0
}
.editorial-anchor-links-wrapper.group-top {
padding-bottom: 0
}
.editorial-anchor-links-wrapper.group-middle {
padding-top: 0;
padding-bottom: 0
}
.editorial-anchor-links-wrapper.group-bottom {
padding-top: 0
}
.editorial-anchor-links-wrapper.outerspace-top {
margin-top: 60px
}
.editorial-anchor-links-wrapper.outerspace-bottom {
margin-bottom: 50px
}
.editorial-anchor-links-wrapper.outerspace-both {
margin-top: 60px;
margin-bottom: 50px
}
.editorial-anchor-links-wrapper.outerspace-none {
margin-top: 0;
margin-bottom: 0
}
.lt-ie8 .editorial-anchor-links ul.jump-links.button-count-6 li {
width: 16.5%
}
.lt-ie8 .editorial-anchor-links ul.jump-links.button-count-5 li {
width: 19.8%
}
.lt-ie8 .editorial-anchor-links ul.jump-links.button-count-4 li {
width: 24.8%
}
.lt-ie8 .editorial-anchor-links ul.jump-links.button-count-3 li {
width: 33.1%
}
.lt-ie8 .editorial-anchor-links ul.jump-links.button-count-2 li {
width: 49.8%
}
.lt-ie8 .editorial-anchor-links ul.jump-links a i, .lt-ie8 .editorial-anchor-links ul.jump-links a .submodule {
cursor: pointer
}
@media (min-width: 48em) and (max-width: 61.1875em) {
.editorial-anchor-links-wrapper.group-top {
padding-bottom: 0
}
.editorial-anchor-links-wrapper.group-middle {
padding-top: 0;
padding-bottom: 0
}
.editorial-anchor-links-wrapper.group-bottom {
padding-top: 0
}
.editorial-anchor-links-wrapper.outerspace-top {
margin-top: 60px
}
.editorial-anchor-links-wrapper.outerspace-bottom {
margin-bottom: 50px
}
.editorial-anchor-links-wrapper.outerspace-both {
margin-top: 60px;
margin-bottom: 50px
}
.editorial-anchor-links-wrapper.outerspace-none {
margin-top: 0;
margin-bottom: 0
}
.primary-tout .image-module {
height: 500px
}
.primary-tout .inner .box {
padding: 31px 34px 30px 34px
}
.primary-tout .inner .box .btn {
margin-top: 0
}
.primary-tout .inner .box .p3 {
margin-bottom: 16px
}
.primary-tout.default .inner.force-mobile-bg .box.center, .primary-tout.default .inner.force-mobile-bg .box.left, .primary-tout.default .inner.force-mobile-bg .box.right, .primary-tout.default .inner .box {
padding: 26px 44px 34px 44px
}
.primary-tout.default .inner.no-bg:not(.force-mobile-bg) .box {
padding: 36px 0px 32px 34px
}
.primary-tout.default .inner.no-bg:not(.force-mobile-bg) .box.center {
padding-right: 22px;
padding-left: 22px
}
.primary-tout.default .inner.no-bg:not(.force-mobile-bg) .box.left {
padding-right: 0px;
padding-left: 34px
}
.primary-tout.default .inner.no-bg:not(.force-mobile-bg) .box.right {
padding-right: 0px;
padding-left: 34px
}
.primary-tout.default .inner.no-bg:not(.force-mobile-bg) .box .table-bottom {
padding-bottom: 32px
}
.primary-tout.homepage .inner .box {
padding: 36px 34px 30px 34px
}
.primary-tout.homepage .secondary .box {
padding: 28px 0 12px 0
}
.primary-tout.product-intro-plate .image-module {
height: 440px
}
.primary-tout.product-intro-plate .table-center-wrap {
width: 100%
}
.primary-tout.product-intro-plate .inner .box {
padding: 40px 34px 30px 34px
}
.primary-tout.title-plate .image-module {
height: 234px
}
.primary-tout.title-plate .inner .box {
padding: 30px 17px 40px 0
}
.primary-tout.title-plate .inner .box .p3 {
line-height: 1.3em
}
}
@media (max-width: 47.9375em) {
.editorial-anchor-links-wrapper.group-top {
padding-bottom: 0
}
.editorial-anchor-links-wrapper.group-middle {
padding-top: 0;
padding-bottom: 0
}
.editorial-anchor-links-wrapper.group-bottom {
padding-top: 0
}
.editorial-anchor-links-wrapper.outerspace-top {
margin-top: 42px
}
.editorial-anchor-links-wrapper.outerspace-bottom {
margin-bottom: 28px
}
.editorial-anchor-links-wrapper.outerspace-both {
margin-top: 42px;
margin-bottom: 28px
}
.editorial-anchor-links-wrapper.outerspace-none {
margin-top: 0;
margin-bottom: 0
}
.primary-tout .box.left, .primary-tout .box.right {
text-align: left
}
.primary-tout .image-module {
height: 420px
}
.primary-tout .table-center-wrap {
width: 100%
}
.primary-tout .top {
padding-top: 4%
}
.primary-tout .top .table-center {
vertical-align: top
}
.primary-tout .bottom {
padding-bottom: 4%
}
.primary-tout .bottom .table-center {
vertical-align: bottom
}
.primary-tout .secondary .container {
width: 100%;
padding: 0 32px
}
.primary-tout .inner.force-mobile-bg {
padding: 0;
width: 100%
}
.primary-tout .inner.force-mobile-bg .box {
padding: 16px 22px 20px 22px
}
.primary-tout .inner.light-text-trans-box.force-mobile-bg .box {
background: rgba(33,37,48,0.95)
}
.primary-tout .inner.dark-text-trans-box.force-mobile-bg .box {
background: rgba(255,255,255,0.95)
}
.primary-tout .inner .box {
margin-top: 0;
padding: 16px 22px 20px 22px
}
.primary-tout .inner .box .btn {
margin-top: 0
}
.primary-tout .inner .box .p3 {
margin-bottom: 16px
}
.primary-tout.default .no-grid-at-767 {
width: 100%
}
.primary-tout.default .inner.force-mobile-bg .box.center, .primary-tout.default .inner.force-mobile-bg .box.left, .primary-tout.default .inner.force-mobile-bg .box.right, .primary-tout.default .inner .box {
padding: 22px 120px 18px 32px
}
.primary-tout.default .inner.force-mobile-bg .box.center .linkgroup a.btn.video, .primary-tout.default .inner.force-mobile-bg .box.left .linkgroup a.btn.video, .primary-tout.default .inner.force-mobile-bg .box.right .linkgroup a.btn.video, .primary-tout.default .inner .box .linkgroup a.btn.video {
padding: 11px 11px 12px
}
.primary-tout.default .inner.force-mobile-bg .box.center .linkgroup a.btn.video i, .primary-tout.default .inner.force-mobile-bg .box.left .linkgroup a.btn.video i, .primary-tout.default .inner.force-mobile-bg .box.right .linkgroup a.btn.video i, .primary-tout.default .inner .box .linkgroup a.btn.video i {
margin: -5px 0
}
.primary-tout.default .inner.no-bg:not(.force-mobile-bg) .box {
padding: 22px 120px 18px 18px
}
.primary-tout.default .inner.no-bg:not(.force-mobile-bg) .box.center {
padding-right: 64px;
padding-left: 64px
}
.primary-tout.default .inner.no-bg:not(.force-mobile-bg) .box.left {
padding-right: 120px;
padding-left: 18px
}
.primary-tout.default .inner.no-bg:not(.force-mobile-bg) .box.right {
padding-right: 120px;
padding-left: 18px
}
.primary-tout.default .inner.no-bg:not(.force-mobile-bg) .box .table-bottom {
padding-bottom: 18px
}
.primary-tout.homepage .inner .box {
padding: 38px 0 25px 0
}
.primary-tout.homepage .inner .box .eyebrow {
margin-bottom: 0px
}
.primary-tout.homepage .inner .box h1 {
margin-top: 0;
margin-bottom: 20px;
margin-left: -2px
}
.primary-tout.homepage .inner .box .btn {
margin-top: 0
}
.primary-tout.homepage .inner .box .bq1>p {
margin-bottom: 10px
}
.primary-tout.product-intro-plate .no-grid-at-767 {
width: 100%
}
.primary-tout.product-intro-plate .inner .box .eyebrow {
margin-bottom: 0
}
.primary-tout.product-intro-plate .inner .box h1 {
margin-bottom: 6px
}
.primary-tout.product-intro-plate .top.inner {
padding-top: 4%
}
.primary-tout.product-intro-plate .top.inner .table-center {
vertical-align: top
}
.primary-tout.product-intro-plate .top.inner .box {
padding: 18px 20px 16px 20px
}
.primary-tout.product-intro-plate .top.inner .box .p3 {
margin-bottom: 15px
}
.primary-tout.product-intro-plate .bottom.inner {
padding-bottom: 4%
}
.primary-tout.product-intro-plate .bottom.inner .table-center {
vertical-align: bottom
}
.primary-tout.product-intro-plate .bottom.inner .box {
padding: 18px 20px 66px 20px
}
.primary-tout.product-intro-plate .mobile-buttons-wrap {
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
padding-bottom: 4%
}
.primary-tout.product-intro-plate .mobile-buttons-wrap .mobile-buttons {
padding: 20px
}
.primary-tout.product-intro-plate .mobile-buttons-wrap .mobile-buttons a {
float: left;
margin-right: 3px;
padding: 10px
}
.primary-tout.product-intro-plate .mobile-buttons-wrap .mobile-buttons a i {
font-size: 1.846em
}
.primary-tout.product-intro-plate .mobile-buttons-wrap .mobile-buttons a span {
display: none
}
.primary-tout.title-plate .image-module {
background-size: cover;
height: 158px
}
.primary-tout.title-plate .inner .box {
padding: 28px 0 20px 0
}
.primary-tout.title-plate .inner .box h1 {
margin-top: -3px;
margin-bottom: 24px
}
}
@media (min-width: 30em) and (max-width: 47.9375em) {
.primary-tout .image-module, .primary-tout.product-intro-plate .image-module {
height: 420px
}
}
@media (max-width: 29.9375em) {
.primary-tout .image-module, .primary-tout.product-intro-plate .image-module {
height: 400px
}
.primary-tout.default .inner.force-mobile-bg .box.center, .primary-tout.default .inner.force-mobile-bg .box.left, .primary-tout.default .inner.force-mobile-bg .box.right, .primary-tout.default .inner .box {
padding: 22px 36px 18px 32px
}
.primary-tout.default .inner.no-bg:not(.force-mobile-bg) .box {
padding: 22px 36px 18px 18px
}
.primary-tout.default .inner.no-bg:not(.force-mobile-bg) .box.center {
padding-right: 22px;
padding-left: 22px
}
.primary-tout.default .inner.no-bg:not(.force-mobile-bg) .box.left {
padding-right: 36px;
padding-left: 18px
}
.primary-tout.default .inner.no-bg:not(.force-mobile-bg) .box.right {
padding-right: 36px;
padding-left: 18px
}
.primary-tout.default .inner.no-bg:not(.force-mobile-bg) .box .table-bottom {
padding-bottom: 18px
}
.btn-title.t6, h6.btn-title {
font-size: 0.75em
}
}
.ss-module .social-sharing-module {
padding: 10px;
text-align: center
}
@media (min-width: 30em) {
.ss-module .social-sharing-module {
text-align: right
}
}
.ss-module .social-sharing-module.outerspace-top {
margin-top: 30px
}
.ss-module .social-sharing-module.outerspace-bottom {
margin-bottom: 30px
}
.ss-module .social-sharing-module.outerspace-both {
margin-top: 30px;
margin-bottom: 30px
}
.ss-module .social-sharing-module.outerspace-none {
margin-top: 0;
margin-bottom: 0
}
.ss-module .social-sharing-module__elements {
position: relative
}
.ss-module .social-sharing-module__elements .dropdown-menu:before {
right: .75em
}
@media (max-width: 30em) {
.ss-module .social-sharing-module__elements .dropdown-menu .dropdown-menu {
right: 32%
}
}
@media (max-width: 30em) {
.ss-module .social-sharing-module__elements .dropdown-menu {
right: 32%
}
.ss-module .social-sharing-module__elements .dropdown-menu:before {
right: 1.75em
}
}
.ss-module .social-sharing-module__elements-button {
cursor: pointer
}
.ss-module .social-sharing-module__elements-button__icon {
font-size: 20px
}
.ss-module .social-sharing-module__elements-button__text {
font-size: 0.8125em;
margin-left: 10px
}
.primary-tout {
position: relative;
overflow: hidden;
clear: both
}
.primary-tout div.video-bg-overlay {
display: block
}
.primary-tout .hero-image .iq-img {
opacity: 0
}
.primary-tout .hero-image .iq-img.shown {
zoom: 1;
-webkit-transition: 'opacity 0.4s ease-out';
-moz-transition: 'opacity 0.4s ease-out';
-o-transition: 'opacity 0.4s ease-out';
transition: 'opacity 0.4s ease-out';
opacity: 1
}
.primary-tout.themeRed i {
color: #c93434
}
.primary-tout.themeRed .btn {
background: #c93434
}
.primary-tout.themeRed .btn:hover {
background: #b02e2e
}
.primary-tout.themeRed .btn:active {
background: #e33b3b
}
.primary-tout.themeBlueLight i {
color: #31b0cc
}
.primary-tout.themeBlueLight .btn {
background: #31b0cc
}
.primary-tout.themeBlueLight .btn:hover {
background: #2b9ab2
}
.primary-tout.themeBlueLight .btn:active {
background: #37c6e5
}
.primary-tout.themeBlueDark i {
color: #2763a3
}
.primary-tout.themeBlueDark .btn {
background: #2763a3
}
.primary-tout.themeBlueDark .btn:hover {
background: #21548a
}
.primary-tout.themeBlueDark .btn:active {
background: #2d73bd
}
.primary-tout.themeGreen i {
color: #8bc748
}
.primary-tout.themeGreen .btn {
background: #8bc748
}
.primary-tout.themeGreen .btn:hover {
background: #7aad3e
}
.primary-tout.themeGreen .btn:active {
background: #9de051
}
.primary-tout.themePurple i {
color: #913f99
}
.primary-tout.themePurple .btn {
background: #913f99
}
.primary-tout.themePurple .btn:hover {
background: #793480
}
.primary-tout.themePurple .btn:active {
background: #aa49b2
}
.primary-tout.themeOrange i {
color: #e87533
}
.primary-tout.themeOrange .btn {
background: #e87533
}
.primary-tout.themeOrange .btn:hover {
background: #cf692d
}
.primary-tout.themeOrange .btn:active {
background: #ff8138
}
.primary-tout .grid [class*=span] {
float: left
}
.primary-tout .grid [class*=span].addon {
float: left;
width: 100%
}
.primary-tout.thin {
height: 300px !important;
overflow: hidden !important
}
.primary-tout.thin .image-module {
height: 300px !important
}
.primary-tout .hero-video {
height: 100%
}
.primary-tout .hero-video video {
width: 100%;
background: transparent;
position: relative
}
.primary-tout .image-module {
background-size: cover;
background-repeat: no-repeat;
background-position: top center
}
.primary-tout .submodule {
position: relative;
z-index: 2;
margin: 0
}
.primary-tout .submodule.letterbox {
height: 100%
}
.primary-tout .submodule.visuallyhidden, .primary-tout .submodule.letterbox.visuallyhidden {
height: 0
}
.primary-tout .submodule .sony-video {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
margin-left: auto;
margin-right: auto;
width: 92.5%
}
.primary-tout .submodule .editorial-slideshow-container .container {
width: 100%
}
.primary-tout .box.left {
text-align: left
}
.primary-tout .box.center {
text-align: center
}
.primary-tout .box.right {
text-align: right
}
.primary-tout .table-center-wrap {
width: 100%
}
.primary-tout .addon .addon-body {
max-width: 100%
}
.primary-tout .addon-story .addon-inner, .primary-tout .addon-video .addon-inner, .primary-tout .addon-slideshow .addon-inner, .primary-tout .addon-audio .addon-inner, .primary-tout .addon-tweet .addon-inner {
min-height: 0
}
.primary-tout .light-text-dark-box .addon-quote blockquote p {
color: #bcbccc
}
.primary-tout .dark-text-trans-box h1, .primary-tout .dark-text-trans-box h2, .primary-tout .dark-text-trans-box h3, .primary-tout .dark-text-trans-box h4, .primary-tout .dark-text-trans-box h5, .primary-tout .dark-text-trans-box h6 {
color: #212530
}
.primary-tout .dark-text-trans-box p {
color: #212530
}
.primary-tout .inner {
height: 100%;
position: absolute;
top: 0;
right: 0;
left: 0
}
.primary-tout .inner .p3 span, .primary-tout .inner .p2 span, .primary-tout .inner p span {
text-transform: uppercase
}
.primary-tout .inner .p3 strong, .primary-tout .inner .p2 strong, .primary-tout .inner p strong {
font-weight: bold;
letter-spacing: -1px
}
.primary-tout .inner .p3 em, .primary-tout .inner .p2 em, .primary-tout .inner p em {
/*font-family: "SST W01 Italic", "SST W01 Roman", "SST W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-weight: 400;
font-style: normal
}
.primary-tout .inner .p3 a, .primary-tout .inner .p2 a, .primary-tout .inner p a {
color: #fff
}
.primary-tout .inner .p3 .footNoteNumber a, .primary-tout .inner .p2 .footNoteNumber a, .primary-tout .inner p .footNoteNumber a {
color: #4572ed
}
.primary-tout .inner .grid, .primary-tout .inner .grid>div, .primary-tout .inner .table-center-wrap {
height: 100%
}
.primary-tout .inner .grid .table-center .box, .primary-tout .inner .grid>div .table-center .box, .primary-tout .inner .table-center-wrap .table-center .box {
margin-top: -1%
}
.primary-tout .inner .grid .table-top, .primary-tout .inner .grid .table-bottom, .primary-tout .inner .grid>div .table-top, .primary-tout .inner .grid>div .table-bottom, .primary-tout .inner .table-center-wrap .table-top, .primary-tout .inner .table-center-wrap .table-bottom {
display: table-cell
}
.primary-tout .inner .grid .table-top .box, .primary-tout .inner .grid .table-bottom .box, .primary-tout .inner .grid>div .table-top .box, .primary-tout .inner .grid>div .table-bottom .box, .primary-tout .inner .table-center-wrap .table-top .box, .primary-tout .inner .table-center-wrap .table-bottom .box {
margin-top: 0
}
.primary-tout .inner .grid .table-top, .primary-tout .inner .grid>div .table-top, .primary-tout .inner .table-center-wrap .table-top {
vertical-align: top
}
.primary-tout .inner .grid .table-bottom, .primary-tout .inner .grid>div .table-bottom, .primary-tout .inner .table-center-wrap .table-bottom {
vertical-align: bottom
}
.primary-tout .inner .grid .table-center, .primary-tout .inner .grid>div .table-center, .primary-tout .inner .table-center-wrap .table-center {
vertical-align: middle
}
.primary-tout .inner .box {
padding: 56px 52px 50px 52px
}
.primary-tout .inner .box .eyebrow {
margin-bottom: 0px
}
.primary-tout .inner .box h1, .primary-tout .inner .box h2 {
margin-top: 0;
margin-bottom: 20px;
margin-left: -2px
}
.primary-tout .inner .box>.p3 {
margin-bottom: 37px;
line-height: 20px
}
.primary-tout .inner .box i.fonticon-30-plus {
font-size: 1em;
margin: 0px 0.15em
}
.primary-tout .inner .box a.btn {
margin: 8px 3px 0 0;
color: #fff
}
.primary-tout .inner .box a.btn:last-child {
margin-right: 0
}
.primary-tout .inner .box a.btn i {
color: #fff;
vertical-align: inherit
}
.primary-tout .inner .box a.btn i.fonticon-15-circle-play {
top: 1px;
position: relative
}
.primary-tout .inner .box a.btn:hover {
color: #fff
}
.primary-tout .inner .box a.btn:hover i {
color: #fff
}
.primary-tout .inner .box a:not(.btn) {
display: block !important
}
.primary-tout .inner .box a:not(.btn) i {
margin-right: 0.3em
}
.primary-tout .inner .box .bq1>p {
margin-bottom: 18px
}
.primary-tout .secondary {
position: absolute;
bottom: 0;
right: 0;
left: 0;
width: 100%
}
.primary-tout.default .inner .box {
padding: 54px 64px 52px 58px
}
.primary-tout.default .inner .box a.pdp-carousel {
display: inline-block;
margin-bottom: 4px
}
.primary-tout.default .inner .box a.pdp-carousel i {
font-size: 1.846em;
color: #4572ed
}
.primary-tout.default .inner .box a.pdp-carousel:hover {
color: #74747f
}
.primary-tout.default .inner .box a.pdp-carousel:hover i {
color: #74747f
}
.primary-tout.default .inner.no-bg .box {
padding: 56px 58px 48px 58px
}
.primary-tout.default .inner.no-bg .box.center {
padding-right: 36px;
padding-left: 36px
}
.primary-tout.default .inner.no-bg .box.left {
padding-right: 20px;
padding-left: 0
}
.primary-tout.default .inner.no-bg .box.right {
padding-right: 54px;
padding-left: 0
}
.primary-tout.default .inner.no-bg .box .table-bottom {
padding-bottom: 44px
}
.primary-tout.default .secondary .box {
padding: 15px 0 17px 0
}
.primary-tout.flexible-tout .inner .box {
padding: 54px 64px 52px 58px
}
.primary-tout.flexible-tout .inner.no-bg .box {
padding: 56px 58px 48px 58px
}
.primary-tout.flexible-tout .inner.no-bg .box.center {
padding-right: 36px;
padding-left: 36px
}
.primary-tout.flexible-tout .inner.no-bg .box.left {
padding-right: 20px;
padding-left: 0
}
.primary-tout.flexible-tout .inner.no-bg .box.right {
padding-right: 54px;
padding-left: 0
}
.primary-tout.flexible-tout .inner.no-bg .box .table-bottom {
padding-bottom: 44px
}
.primary-tout.flexible-tout .secondary .box {
padding: 15px 0 17px 0
}
.primary-tout.homepage .addon-box .grid [class*=span] {
float: left
}
.primary-tout.homepage .inner .table-center-wrap {
width: 100%
}
.primary-tout.homepage .inner .box .p3 {
margin-bottom: 20px
}
.primary-tout.homepage .inner .box .btn {
margin-top: 24px
}
.primary-tout.homepage .secondary .box {
padding: 28px 0 22px 0
}
.primary-tout.homepage .secondary .box .container.grid.no-grid-at-767 {
width: 85%
}
.primary-tout.homepage .secondary .box .p3 {
margin-top: -4px
}
.primary-tout.homepage .secondary .box .btn {
margin-bottom: 8px
}
.primary-tout .legal {
z-index: 9
}
.primary-tout .legal span.tout-legal {
color: #2f353d;
font-size: 1.11111em
}
.primary-tout .dark-text-light-box .legal span.tout-legal, .primary-tout .dark-text-trans-box .legal span.tout-legal {
color: #2f353d;
font-size: 1.11111em
}
.primary-tout .light-text-trans-box .legal span.tout-legal, .primary-tout .light-text-dark-box .legal span.tout-legal {
color: #fff
}
.primary-tout .legal-grid {
position: absolute;
bottom: 36px;
right: 100px;
text-align: right
}
.primary-tout .legal-grid.right {
right: auto;
text-align: left
}
.primary-tout .legal-grid .legal-icon.small {
bottom: 305px
}
.primary-tout .legal-grid .legal-icon {
margin-bottom: 15px
}
.primary-tout.product-intro-plate .legal-div {
width: 100%;
height: 40px;
background: #343e52;
padding: 10px 52px 0px 0
}
.primary-tout.product-intro-plate .legal-div .legal {
margin-top: 0;
text-align: right;
font-size: 0.8125em
}
.primary-tout.product-intro-plate .image-module {
height: 75vh
}
.primary-tout.product-intro-plate .dark-text-light-box .eyebrow {
color: #74747f
}
.primary-tout.product-intro-plate .light-text-dark-box .eyebrow {
color: #bcbccc
}
.primary-tout.product-intro-plate .dark-text-light-box .t2, .primary-tout.product-intro-plate .dark-text-light-box h2, .primary-tout.product-intro-plate .dark-text-trans-box .t2, .primary-tout.product-intro-plate .dark-text-trans-box h2 {
color: #212530
}
.primary-tout.product-intro-plate .dark-text-light-box .legal-div, .primary-tout.product-intro-plate .dark-text-trans-box .legal-div {
background: #f3f4f6
}
.primary-tout.product-intro-plate .inner .box {
padding: 66px 52px 40px
}
.primary-tout.product-intro-plate .inner .box .eyebrow {
margin-bottom: 6px
}
.primary-tout.product-intro-plate .inner .box h1, .primary-tout.product-intro-plate .inner .box h2 {
margin-bottom: 15px
}
.primary-tout.product-intro-plate .btn, .primary-tout.flexible-tout .btn {
padding: 10px 24px
}
.primary-tout.product-intro-plate .btn i, .primary-tout.flexible-tout .btn i {
margin-right: .3em
}
.primary-tout.product-intro-plate .light-text-trans-box a, .primary-tout.product-intro-plate .light-text-dark-box a, .primary-tout.flexible-tout .light-text-trans-box a, .primary-tout.flexible-tout .light-text-dark-box a {
color: #fff
}
.primary-tout.product-intro-plate .light-text-trans-box a i, .primary-tout.product-intro-plate .light-text-dark-box a i, .primary-tout.flexible-tout .light-text-trans-box a i, .primary-tout.flexible-tout .light-text-dark-box a i {
color: #4572ed
}
.primary-tout.product-intro-plate .light-text-trans-box a:hover, .primary-tout.product-intro-plate .light-text-dark-box a:hover, .primary-tout.flexible-tout .light-text-trans-box a:hover, .primary-tout.flexible-tout .light-text-dark-box a:hover {
color: #74747f
}
.primary-tout.product-intro-plate .light-text-trans-box a:hover i, .primary-tout.product-intro-plate .light-text-dark-box a:hover i, .primary-tout.flexible-tout .light-text-trans-box a:hover i, .primary-tout.flexible-tout .light-text-dark-box a:hover i {
color: #74747f
}
.primary-tout.product-intro-plate .dark-text-light-box a, .primary-tout.product-intro-plate .dark-text-trans-box a, .primary-tout.flexible-tout .dark-text-light-box a, .primary-tout.flexible-tout .dark-text-trans-box a {
color: #212530
}
.primary-tout.product-intro-plate .dark-text-light-box a i, .primary-tout.product-intro-plate .dark-text-trans-box a i, .primary-tout.flexible-tout .dark-text-light-box a i, .primary-tout.flexible-tout .dark-text-trans-box a i {
color: #4572ed
}
.primary-tout.product-intro-plate .dark-text-light-box a:hover, .primary-tout.product-intro-plate .dark-text-trans-box a:hover, .primary-tout.flexible-tout .dark-text-light-box a:hover, .primary-tout.flexible-tout .dark-text-trans-box a:hover {
color: #74747f
}
.primary-tout.product-intro-plate .dark-text-light-box a:hover i, .primary-tout.product-intro-plate .dark-text-trans-box a:hover i, .primary-tout.flexible-tout .dark-text-light-box a:hover i, .primary-tout.flexible-tout .dark-text-trans-box a:hover i {
color: #74747f
}
.primary-tout.title-plate.themeRed {
background: #c93434
}
.primary-tout.title-plate.themeBlueLight {
background: #31b0cc
}
.primary-tout.title-plate.themeBlueDark {
background: #2763a3
}
.primary-tout.title-plate.themeGreen {
background: #8bc748
}
.primary-tout.title-plate.themePurple {
background: #913f99
}
.primary-tout.title-plate.themeOrange {
background: #e87533
}
.primary-tout.title-plate.secondaryGold {
background: #ebab3d
}
.primary-tout.title-plate.secondarySage {
background: #87b5b0
}
.primary-tout.title-plate.secondaryOlive {
background: #a2b849
}
.primary-tout.title-plate.secondaryMint {
background: #22c083
}
.primary-tout.title-plate.secondaryAqua {
background: #0085ba
}
.primary-tout.title-plate.secondaryEggplant {
background: #734566
}
.primary-tout.title-plate.secondaryLavender {
background: #734f8a
}
.primary-tout.title-plate.secondarySlate {
background: #4f6b85
}
.primary-tout.title-plate.secondarySlateDark {
background: #293d54
}
.primary-tout.title-plate .eyebrow {
text-transform: none
}
.primary-tout.title-plate .image-module {
background-size: auto;
height: 300px
}
.primary-tout.title-plate .cover .image-module {
background-size: cover
}
.primary-tout.title-plate .dark-text-trans-box .eyebrow {
color: #74747f
}
.primary-tout.title-plate .light-text-trans-box .eyebrow {
color: #bcbccc
}
.primary-tout.title-plate .inner .box {
padding: 49px 52px 58px 0
}
.primary-tout.title-plate .inner .box a {
color: #fff
}
.primary-tout.title-plate .inner .box a i.fonticon-10-chevron-reverse {
-webkit-transition: none;
transition: none;
font-size: 0.6875em;
margin-right: 3px;
vertical-align: 0.2em
}
.primary-tout.title-plate .inner .box h1, .primary-tout.title-plate .inner .box h2 {
margin-bottom: 10px;
margin-left: -1px;
letter-spacing: -0.7px
}
.primary-tout.title-plate .inner .box .p3 {
margin-bottom: 30px
}
.primary-tout.p2-editorial-anchor-links .image-module {
height: 605px
}
.primary-tout.p2-editorial-anchor-links .eyebrow {
text-transform: uppercase
}
.primary-tout.p2-editorial-anchor-links .inner .box h1, .primary-tout.p2-editorial-anchor-links .inner .box h2 {
white-space: nowrap
}
.primary-tout .be-moved {
text-transform: uppercase;
font-weight: bold;
font-size: 17px;
color: #fff
}
.primary-tout .bemoved-variant {
position: absolute;
right: 10%
}
.primary-tout .bemoved-top {
top: 5%
}
.primary-tout .bemoved-bottom {
bottom: 5%
}
.primary-tout.outerspace-top {
margin-top: 70px
}
.primary-tout.outerspace-bottom {
margin-bottom: 75px
}
.primary-tout.outerspace-both {
margin-top: 70px;
margin-bottom: 75px
}
.primary-tout.outerspace-none {
margin-top: 0;
margin-bottom: 0
}
.primary-tout.group-top {
padding-bottom: 0
}
.primary-tout.group-middle {
padding-top: 0;
padding-bottom: 0
}
.primary-tout.group-bottom {
padding-top: 0
}
.lt-ie10 .primary-tout {
text-align: center
}
.lt-ie10 .primary-tout .secondary .addon .addon-body {
min-height: 0;
max-width: 320px
}
.lt-ie10 .primary-tout .secondary .addon .addon-media {
top: 0
}
.lt-ie9 .primary-tout {
margin: 0 auto
}
.lt-ie9 .primary-tout .submodule {
width: 980px;
margin: 0 auto
}
.lt-ie9 .primary-tout .close-hide {
display: none !important;
visibility: hidden
}
.lt-ie9 .primary-tout .inner .box i {
line-height: 1;
margin-right: 5px
}
.lt-ie9 .primary-tout .hero-video video {
display: none
}
.lt-ie9 .primary-tout .hero-image .image-module {
zoom: 100%
}
.lt-ie8 .primary-tout .table-center {
margin-top: 8px
}
.lt-ie8 .primary-tout .table-center .box {
margin-top: 0
}
.lt-ie8 .primary-tout .inner {
position: absolute;
top: 0;
margin-left: -490px;
left: auto;
right: auto
}
.lt-ie8 .primary-tout .inner .box i {
margin-right: 6px
}
.lt-ie8 .primary-tout.product-intro-plate .inner {
margin-left: 0
}
.lt-ie8 .primary-tout.product-intro-plate .legal-div {
padding: 0
}
.lt-ie8 .primary-tout.product-intro-plate .legal-div .legal {
padding: 10px 52px 0 0
}
.lt-ie8 .primary-tout .hero-video video {
display: none
}
.lt-ie8 .primary-tout .hero-image .image-module {
zoom: 100%
}
.high-res-audio, .logo-compliance {
position: absolute;
background: transparent;
right: 40px;
bottom: 40px
}
.high-res-audio a, .logo-compliance a {
display: block;
width: 100%;
height: 100%
}
.caption.light-text-trans-box p {
color: #bcbccc
}
.caption.light-text-trans-box p a {
color: #bcbccc
}
.caption-band.box {
position: relative;
bottom: 0;
left: 0;
width: 100%;
margin: 0;
margin-top: -30px;
padding: 5px 1em
}
.caption-band.box.top-left {
text-align: left
}
.caption-band.box.top-right {
text-align: right
}
.caption-band.box.top-center {
text-align: center
}
.caption-band.box.bottom-left {
text-align: left
}
.caption-band.box.bottom-right {
text-align: right
}
.caption-band.box.bottom-center {
text-align: center
}
.caption-band.box p {
margin-bottom: 0;
padding: 0
}
@media (min-width: 61.25em) and (max-width: 71.0625em) {
.primary-tout .image-module, .primary-tout .image-module {
height: 600px
}
.primary-tout .inner .box {
padding: 31px 34px 30px 34px
}
.primary-tout .inner .box .btn {
margin-top: 0
}
.primary-tout .inner .box .p3 {
margin-bottom: 16px
}
.primary-tout.default .inner.force-mobile-bg .box.center, .primary-tout.default .inner.force-mobile-bg .box.left, .primary-tout.default .inner.force-mobile-bg .box.right, .primary-tout.default .inner .box {
padding: 26px 44px 34px
}
.primary-tout.default .inner.no-bg:not(.force-mobile-bg) .box {
padding-top: 36px;
padding-right: 0px;
padding-left: 34px;
padding-bottom: 32px
}
.primary-tout.default .inner.no-bg:not(.force-mobile-bg) .box.center {
padding-right: 22px;
padding-left: 22px
}
.primary-tout.default .inner.no-bg:not(.force-mobile-bg) .box.left {
padding-right: 0px;
padding-left: 34px
}
.primary-tout.default .inner.no-bg:not(.force-mobile-bg) .box.right {
padding-right: 0px;
padding-left: 34px
}
.primary-tout.default .inner.no-bg:not(.force-mobile-bg) .box .table-bottom {
padding-bottom: 32px
}
.primary-tout.homepage .inner .box {
padding: 36px 34px 30px
}
.primary-tout.homepage .secondary .box {
padding: 28px 0 12px 0
}
.primary-tout.homepage .secondary .addon-box {
padding: 12px 0 12px 0
}
.primary-tout.homepage .secondary .addon-box .linkgroup {
display: block
}
.primary-tout.homepage .span6.addon-body-copy {
margin-left: 0
}
.primary-tout.product-intro-plate .legal-div, .primary-tout.p2-editorial-anchor-links .legal-div {
width: 100%;
height: 40px;
background: #343e52;
padding: 10px 0 0 15px
}
.primary-tout.product-intro-plate .legal-div .legal, .primary-tout.p2-editorial-anchor-links .legal-div .legal {
margin-top: 0;
text-align: left;
font-size: 0.8125em
}
.primary-tout.product-intro-plate .image-module, .primary-tout.p2-editorial-anchor-links .image-module {
height: 560px
}
.primary-tout.product-intro-plate .table-center-wrap, .primary-tout.p2-editorial-anchor-links .table-center-wrap {
width: 100%
}
.primary-tout.p2-editorial-anchor-links .inner .box {
padding: 40px 34px 15px 34px
}
.primary-tout.title-plate .image-module {
height: 234px
}
.primary-tout.title-plate .inner .box {
padding: 30px 17px 40px 0
}
.primary-tout.title-plate .inner .box .p3 {
line-height: 1.3em
}
.primary-tout .bemoved-variant {
position: absolute;
right: 10%
}
.primary-tout .bemoved-top {
top: 5%
}
.primary-tout .bemoved-bottom {
bottom: 5%
}
.primary-tout.outerspace-top {
margin-top: 60px
}
.primary-tout.outerspace-bottom {
margin-bottom: 50px
}
.primary-tout.outerspace-both {
margin-top: 60px;
margin-bottom: 50px
}
.primary-tout.outerspace-none {
margin-top: 0;
margin-bottom: 0
}
}
@media (min-width: 48em) and (max-width: 61.1875em) {
.primary-tout .image-module {
height: 560px
}
.primary-tout .hero-video video {
display: none
}
.primary-tout .inner .box {
padding: 31px 34px 30px 34px
}
.primary-tout .inner .box .btn {
margin-top: 0
}
.primary-tout .inner .box .p3 {
margin-bottom: 16px
}
.primary-tout.flexible-tout .top {
padding-top: 4%
}
.primary-tout.flexible-tout .bottom {
padding-bottom: 4%
}
.primary-tout.flexible-tout .image-module {
height: 810px
}
.primary-tout.flexible-tout .inner .box {
padding: 31px 34px 30px 34px
}
.primary-tout.flexible-tout .inner .box .p3 {
margin-bottom: 16px
}
.primary-tout.flexible-tout .inner.force-mobile-bg .box.center.center, .primary-tout.flexible-tout .inner.force-mobile-bg .box.left.center, .primary-tout.flexible-tout .inner.force-mobile-bg .box.right.center, .primary-tout.flexible-tout .inner .box.center {
padding-right: 22px;
padding-left: 22px
}
.primary-tout.flexible-tout .inner.no-bg:not(.force-mobile-bg) .box {
padding: 36px 0px 32px 34px
}
.primary-tout.flexible-tout .inner.no-bg:not(.force-mobile-bg) .box.center {
padding-right: 22px;
padding-left: 22px
}
.primary-tout.flexible-tout .inner.no-bg:not(.force-mobile-bg) .box.left {
padding-right: 0px;
padding-left: 34px
}
.primary-tout.flexible-tout .inner.no-bg:not(.force-mobile-bg) .box.right {
padding-right: 0px;
padding-left: 34px
}
.primary-tout.flexible-tout .inner.no-bg:not(.force-mobile-bg) .box .table-bottom {
padding-bottom: 32px
}
.primary-tout.default .inner.force-mobile-bg .box.center, .primary-tout.default .inner.force-mobile-bg .box.left, .primary-tout.default .inner.force-mobile-bg .box.right, .primary-tout.default .inner .box {
padding: 26px 44px 34px 44px
}
.primary-tout.default .inner.no-bg:not(.force-mobile-bg) .box {
padding: 36px 0px 32px 34px
}
.primary-tout.default .inner.no-bg:not(.force-mobile-bg) .box.center {
padding-right: 22px;
padding-left: 22px
}
.primary-tout.default .inner.no-bg:not(.force-mobile-bg) .box.left {
padding-right: 0px;
padding-left: 34px
}
.primary-tout.default .inner.no-bg:not(.force-mobile-bg) .box.right {
padding-right: 0px;
padding-left: 34px
}
.primary-tout.default .inner.no-bg:not(.force-mobile-bg) .box .table-bottom {
padding-bottom: 32px
}
.primary-tout.homepage .inner .box {
padding: 36px 34px 30px
}
.primary-tout.homepage .secondary .box {
padding: 28px 0 12px 0
}
.primary-tout.product-intro-plate .legal-div, .primary-tout.p2-editorial-anchor-links .legal-div {
width: 100%;
height: 40px;
background: #343e52;
padding: 10px 0 0 15px
}
.primary-tout.product-intro-plate .legal-div .legal, .primary-tout.p2-editorial-anchor-links .legal-div .legal {
margin-top: 0;
text-align: left;
font-size: 0.8125em
}
.primary-tout.product-intro-plate .image-module, .primary-tout.p2-editorial-anchor-links .image-module {
height: 560px
}
.primary-tout.product-intro-plate .table-center-wrap, .primary-tout.p2-editorial-anchor-links .table-center-wrap {
width: 100%
}
.primary-tout.product-intro-plate .inner .box, .primary-tout.p2-editorial-anchor-links .inner .box {
padding: 40px 34px 15px 34px
}
.primary-tout.product-intro-plate .linkgroup .hidden-phone {
display: inline-block !important
}
.primary-tout.title-plate .image-module {
height: 234px
}
.primary-tout.title-plate .inner .box {
padding: 30px 17px 40px 0
}
.primary-tout.title-plate .inner .box .p3 {
line-height: 1.3em
}
.primary-tout.outerspace-top {
margin-top: 60px
}
.primary-tout.outerspace-bottom {
margin-bottom: 50px
}
.primary-tout.outerspace-both {
margin-top: 60px;
margin-bottom: 50px
}
.primary-tout.outerspace-none {
margin-top: 0;
margin-bottom: 0
}
}
@media (max-width: 61.1875em) {
.primary-tout.box-bottom-mobile.thin {
height: auto !important
}
.primary-tout.box-bottom-mobile .inner {
width: 100%;
position: relative;
padding-bottom: 0
}
.primary-tout.box-bottom-mobile .inner .box {
margin-top: 0 !important
}
.primary-tout.box-bottom-mobile .inner .box.center {
text-align: left
}
.primary-tout.box-bottom-mobile .box.caption-band {
position: static;
margin-top: 0;
text-align: left
}
.primary-tout.box-bottom-mobile .secondary {
position: relative
}
.primary-tout.box-bottom-mobile .light-text-dark-box .box, .primary-tout.box-bottom-mobile .light-text-trans-box .box, .primary-tout.box-bottom-mobile .dark-text-trans-box .box, .primary-tout.box-bottom-mobile .inner.light-text-dark-box.force-mobile-bg .box, .primary-tout.box-bottom-mobile .inner.light-text-trans-box.force-mobile-bg .box, .primary-tout.box-bottom-mobile .inner.dark-text-trans-box.force-mobile-bg .box {
background: rgba(255,255,255,0.95)
}
.primary-tout.box-bottom-mobile .light-text-dark-box h1, .primary-tout.box-bottom-mobile .light-text-dark-box h2, .primary-tout.box-bottom-mobile .light-text-dark-box h3, .primary-tout.box-bottom-mobile .light-text-dark-box h4, .primary-tout.box-bottom-mobile .light-text-dark-box h5, .primary-tout.box-bottom-mobile .light-text-dark-box h6, .primary-tout.box-bottom-mobile .light-text-trans-box h1, .primary-tout.box-bottom-mobile .light-text-trans-box h2, .primary-tout.box-bottom-mobile .light-text-trans-box h3, .primary-tout.box-bottom-mobile .light-text-trans-box h4, .primary-tout.box-bottom-mobile .light-text-trans-box h5, .primary-tout.box-bottom-mobile .light-text-trans-box h6, .primary-tout.box-bottom-mobile .dark-text-trans-box h1, .primary-tout.box-bottom-mobile .dark-text-trans-box h2, .primary-tout.box-bottom-mobile .dark-text-trans-box h3, .primary-tout.box-bottom-mobile .dark-text-trans-box h4, .primary-tout.box-bottom-mobile .dark-text-trans-box h5, .primary-tout.box-bottom-mobile .dark-text-trans-box h6, .primary-tout.box-bottom-mobile .inner.light-text-dark-box.force-mobile-bg h1, .primary-tout.box-bottom-mobile .inner.light-text-dark-box.force-mobile-bg h2, .primary-tout.box-bottom-mobile .inner.light-text-dark-box.force-mobile-bg h3, .primary-tout.box-bottom-mobile .inner.light-text-dark-box.force-mobile-bg h4, .primary-tout.box-bottom-mobile .inner.light-text-dark-box.force-mobile-bg h5, .primary-tout.box-bottom-mobile .inner.light-text-dark-box.force-mobile-bg h6, .primary-tout.box-bottom-mobile .inner.light-text-trans-box.force-mobile-bg h1, .primary-tout.box-bottom-mobile .inner.light-text-trans-box.force-mobile-bg h2, .primary-tout.box-bottom-mobile .inner.light-text-trans-box.force-mobile-bg h3, .primary-tout.box-bottom-mobile .inner.light-text-trans-box.force-mobile-bg h4, .primary-tout.box-bottom-mobile .inner.light-text-trans-box.force-mobile-bg h5, .primary-tout.box-bottom-mobile .inner.light-text-trans-box.force-mobile-bg h6, .primary-tout.box-bottom-mobile .inner.dark-text-trans-box.force-mobile-bg h1, .primary-tout.box-bottom-mobile .inner.dark-text-trans-box.force-mobile-bg h2, .primary-tout.box-bottom-mobile .inner.dark-text-trans-box.force-mobile-bg h3, .primary-tout.box-bottom-mobile .inner.dark-text-trans-box.force-mobile-bg h4, .primary-tout.box-bottom-mobile .inner.dark-text-trans-box.force-mobile-bg h5, .primary-tout.box-bottom-mobile .inner.dark-text-trans-box.force-mobile-bg h6 {
color: #2f353d
}
.primary-tout.box-bottom-mobile .light-text-dark-box p, .primary-tout.box-bottom-mobile .light-text-trans-box p, .primary-tout.box-bottom-mobile .dark-text-trans-box p, .primary-tout.box-bottom-mobile .inner.light-text-dark-box.force-mobile-bg p, .primary-tout.box-bottom-mobile .inner.light-text-trans-box.force-mobile-bg p, .primary-tout.box-bottom-mobile .inner.dark-text-trans-box.force-mobile-bg p {
color: #74747f
}
.primary-tout.box-bottom-mobile .light-text-dark-box a:not(.btn), .primary-tout.box-bottom-mobile .light-text-trans-box a:not(.btn), .primary-tout.box-bottom-mobile .dark-text-trans-box a:not(.btn), .primary-tout.box-bottom-mobile .inner.light-text-dark-box.force-mobile-bg a:not(.btn), .primary-tout.box-bottom-mobile .inner.light-text-trans-box.force-mobile-bg a:not(.btn), .primary-tout.box-bottom-mobile .inner.dark-text-trans-box.force-mobile-bg a:not(.btn) {
color: #4572ed
}
.primary-tout.box-bottom-mobile .light-text-dark-box blockquote p, .primary-tout.box-bottom-mobile .light-text-trans-box blockquote p, .primary-tout.box-bottom-mobile .dark-text-trans-box blockquote p, .primary-tout.box-bottom-mobile .inner.light-text-dark-box.force-mobile-bg blockquote p, .primary-tout.box-bottom-mobile .inner.light-text-trans-box.force-mobile-bg blockquote p, .primary-tout.box-bottom-mobile .inner.dark-text-trans-box.force-mobile-bg blockquote p {
color: #2f353d
}
.primary-tout.box-bottom-mobile .bemoved-variant {
position: static
}
.primary-tout .hero-video video {
display: none
}
.primary-tout .box.left, .primary-tout .box.right {
text-align: left
}
.primary-tout .image-module {
height: 420px
}
.primary-tout .table-center-wrap {
width: 100%
}
.primary-tout .top {
padding-top: 4%
}
.primary-tout .top .table-center {
vertical-align: top !important
}
.primary-tout .bottom {
padding-bottom: 4%
}
.primary-tout .bottom .table-center {
vertical-align: bottom !important
}
.primary-tout .secondary .container {
width: 100%;
padding: 0 32px
}
.primary-tout .inner.force-mobile-bg {
padding: 0;
width: 100%
}
.primary-tout .inner.force-mobile-bg .box {
padding: 16px 22px 20px 22px
}
.primary-tout .inner.light-text-trans-box.force-mobile-bg .box {
background: rgba(33,37,48,0.95)
}
.primary-tout .inner.dark-text-trans-box.force-mobile-bg .box {
background: rgba(255,255,255,0.95)
}
.primary-tout .inner .box {
margin-top: 0;
padding: 16px 22px 20px 22px
}
.primary-tout .inner .box .btn {
margin-top: 0
}
.primary-tout .inner .box .p3 {
margin-bottom: 16px
}
.primary-tout .inner .box a.btn i.fonticon-15-circle-play {
margin: 0;
font-size: 1.8em;
top: 1px;
position: relative
}
.primary-tout .inner .bemoved-outofbox.bemoved-bottom {
position: relative;
left: 0;
right: 0;
padding-right: 36px;
padding-left: 32px
}
.primary-tout.flexible-tout .box.left, .primary-tout.flexible-tout .box.right {
text-align: left
}
.primary-tout.flexible-tout .image-module {
height: 600px
}
.primary-tout.flexible-tout .table-center-wrap {
width: 100%
}
.primary-tout.flexible-tout .top {
padding-top: 4%
}
.primary-tout.flexible-tout .top .table-center {
vertical-align: top
}
.primary-tout.flexible-tout .bottom {
padding-bottom: 4%
}
.primary-tout.flexible-tout .bottom .table-center {
vertical-align: bottom
}
.primary-tout.flexible-tout .secondary .container {
width: 100%;
padding: 0 32px
}
.primary-tout.flexible-tout .inner.force-mobile-bg {
padding: 0;
width: 100%
}
.primary-tout.flexible-tout .inner.force-mobile-bg .box {
padding: 16px 22px 20px 22px
}
.primary-tout.flexible-tout .inner.light-text-trans-box.force-mobile-bg .box {
background: rgba(33,37,48,0.95)
}
.primary-tout.flexible-tout .inner.dark-text-trans-box.force-mobile-bg .box {
background: rgba(255,255,255,0.95)
}
.primary-tout.flexible-tout .inner .box {
margin-top: 0;
padding: 16px 22px 20px 22px
}
.primary-tout.flexible-tout .inner .box .btn {
margin-top: 0
}
.primary-tout.flexible-tout .inner .box .p3 {
margin-bottom: 16px
}
.primary-tout.flexible-tout .no-grid-at-767 {
width: 100%
}
.primary-tout.flexible-tout .legal-grid {
bottom: 10px;
right: 10px
}
.primary-tout.flexible-tout .legal-grid .legal-icon, .primary-tout.flexible-tout .legal-grid .p5 {
margin-top: 5px
}
.primary-tout.flexible-tout .inner.force-mobile-bg .box.center, .primary-tout.flexible-tout .inner.force-mobile-bg .box.left, .primary-tout.flexible-tout .inner.force-mobile-bg .box.right, .primary-tout.flexible-tout .inner .box {
padding: 22px 120px 32px 32px
}
.primary-tout.flexible-tout .inner.force-mobile-bg .box.center.center, .primary-tout.flexible-tout .inner.force-mobile-bg .box.left.center, .primary-tout.flexible-tout .inner.force-mobile-bg .box.right.center, .primary-tout.flexible-tout .inner .box.center {
padding-right: 22px;
padding-left: 22px
}
.primary-tout.flexible-tout .inner.force-mobile-bg .box.center .linkgroup a.btn.video, .primary-tout.flexible-tout .inner.force-mobile-bg .box.left .linkgroup a.btn.video, .primary-tout.flexible-tout .inner.force-mobile-bg .box.right .linkgroup a.btn.video, .primary-tout.flexible-tout .inner .box .linkgroup a.btn.video {
padding: 11px 11px 12px
}
.primary-tout.flexible-tout .inner.force-mobile-bg .box.center .linkgroup a.btn.video i, .primary-tout.flexible-tout .inner.force-mobile-bg .box.left .linkgroup a.btn.video i, .primary-tout.flexible-tout .inner.force-mobile-bg .box.right .linkgroup a.btn.video i, .primary-tout.flexible-tout .inner .box .linkgroup a.btn.video i {
margin: -5px 0
}
.primary-tout.flexible-tout .inner.no-bg:not(.force-mobile-bg) .box {
padding: 22px 120px 32px 18px
}
.primary-tout.flexible-tout .inner.no-bg:not(.force-mobile-bg) .box.center {
padding-right: 64px;
padding-left: 64px
}
.primary-tout.flexible-tout .inner.no-bg:not(.force-mobile-bg) .box.left {
padding-right: 120px;
padding-left: 18px
}
.primary-tout.flexible-tout .inner.no-bg:not(.force-mobile-bg) .box.right {
padding-right: 120px;
padding-left: 18px
}
.primary-tout.flexible-tout .inner.no-bg:not(.force-mobile-bg) .box .table-bottom {
padding-bottom: 18px
}
.primary-tout.default .no-grid-at-767 {
width: 100%
}
.primary-tout.default .legal-grid {
bottom: 10px;
right: 10px
}
.primary-tout.default .legal-grid .legal-icon, .primary-tout.default .legal-grid .p5 {
margin-top: 5px
}
.primary-tout.default .inner.force-mobile-bg .box.center, .primary-tout.default .inner.force-mobile-bg .box.left, .primary-tout.default .inner.force-mobile-bg .box.right, .primary-tout.default .inner .box {
padding: 22px 120px 32px 32px
}
.primary-tout.default .inner.force-mobile-bg .box.center .linkgroup a.btn.video, .primary-tout.default .inner.force-mobile-bg .box.left .linkgroup a.btn.video, .primary-tout.default .inner.force-mobile-bg .box.right .linkgroup a.btn.video, .primary-tout.default .inner .box .linkgroup a.btn.video {
padding: 11px 11px 12px
}
.primary-tout.default .inner.force-mobile-bg .box.center .linkgroup a.btn.video i, .primary-tout.default .inner.force-mobile-bg .box.left .linkgroup a.btn.video i, .primary-tout.default .inner.force-mobile-bg .box.right .linkgroup a.btn.video i, .primary-tout.default .inner .box .linkgroup a.btn.video i {
margin: -5px 0
}
.primary-tout.default .inner.no-bg:not(.force-mobile-bg) .box {
padding: 22px 120px 18px 18px
}
.primary-tout.default .inner.no-bg:not(.force-mobile-bg) .box.center {
padding-right: 64px;
padding-left: 64px
}
.primary-tout.default .inner.no-bg:not(.force-mobile-bg) .box.left {
padding-right: 120px;
padding-left: 18px
}
.primary-tout.default .inner.no-bg:not(.force-mobile-bg) .box.right {
padding-right: 120px;
padding-left: 18px
}
.primary-tout.default .inner.no-bg:not(.force-mobile-bg) .box .table-bottom {
padding-bottom: 18px
}
.primary-tout.homepage .inner .box {
padding: 38px 0 25px 0
}
.primary-tout.homepage .inner .box .eyebrow {
margin-bottom: 0px
}
.primary-tout.homepage .inner .box h1 {
margin-top: 0;
margin-bottom: 20px;
margin-left: -2px
}
.primary-tout.homepage .inner .box .btn {
margin-top: 0
}
.primary-tout.homepage .inner .box .bq1>p {
margin-bottom: 10px
}
.primary-tout.product-intro-plate .legal-grid {
top: 10px;
right: 15px;
text-align: right
}
.primary-tout.product-intro-plate .legal-grid .legal-icon, .primary-tout.product-intro-plate .legal-grid .p5 {
margin-top: 0;
margin-bottom: 15px
}
.primary-tout.product-intro-plate .inner .box a:not(.btn) {
display: none !important
}
.primary-tout.product-intro-plate .no-grid-at-767 {
width: 100%
}
.primary-tout.product-intro-plate .inner .box .eyebrow {
margin-bottom: 0
}
.primary-tout.product-intro-plate .inner .box h1 {
margin-bottom: 6px
}
.primary-tout.product-intro-plate .top.inner {
padding-top: 4%
}
.primary-tout.product-intro-plate .top.inner .table-center {
vertical-align: top
}
.primary-tout.product-intro-plate .top.inner .box {
padding: 18px 20px 16px 20px
}
.primary-tout.product-intro-plate .top.inner .box .p3 {
margin-bottom: 15px
}
.primary-tout.product-intro-plate .top.inner .mobile-buttons-wrap {
bottom: auto
}
.primary-tout.product-intro-plate .bottom.inner {
padding-bottom: 4%
}
.primary-tout.product-intro-plate .bottom.inner .table-center {
vertical-align: bottom
}
.primary-tout.product-intro-plate .bottom.inner .box {
padding: 18px 20px 66px 20px
}
.primary-tout.product-intro-plate .light-text-trans-box a i, .primary-tout.product-intro-plate .light-text-dark-box a i, .primary-tout.product-intro-plate .dark-text-trans-box a i, .primary-tout.product-intro-plate .dark-text-light-box a i {
color: #fff
}
.primary-tout.product-intro-plate .light-text-trans-box a:hover, .primary-tout.product-intro-plate .light-text-dark-box a:hover, .primary-tout.product-intro-plate .dark-text-trans-box a:hover, .primary-tout.product-intro-plate .dark-text-light-box a:hover {
color: #bcbccc
}
.primary-tout.product-intro-plate .light-text-trans-box a:hover i, .primary-tout.product-intro-plate .light-text-dark-box a:hover i, .primary-tout.product-intro-plate .dark-text-trans-box a:hover i, .primary-tout.product-intro-plate .dark-text-light-box a:hover i {
color: #fff
}
.primary-tout.product-intro-plate .legal-div {
width: 100%;
height: 40px;
background: #343e52;
padding: 10px 15px 0 0
}
.primary-tout.product-intro-plate .legal-div .legal {
margin-top: 0;
text-align: right;
font-size: 0.8125em
}
.primary-tout.product-intro-plate .legal-grid {
bottom: auto
}
.primary-tout.product-intro-plate .mobile-buttons-wrap {
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
padding-bottom: 4%
}
.primary-tout.product-intro-plate .mobile-buttons-wrap .mobile-buttons {
padding: 20px
}
.primary-tout.product-intro-plate .mobile-buttons-wrap .mobile-buttons a {
float: left;
margin-right: 3px;
padding: 10px
}
.primary-tout.product-intro-plate .mobile-buttons-wrap .mobile-buttons a i {
font-size: 1.8em;
margin-right: 0
}
.primary-tout.product-intro-plate .mobile-buttons-wrap .mobile-buttons a span {
display: none
}
.primary-tout.product-intro-plate .bemoved-variant {
position: absolute;
left: 20px
}
.primary-tout.title-plate .image-module {
background-size: cover;
height: 158px
}
.primary-tout.title-plate .inner .box {
padding: 28px 0 20px 0
}
.primary-tout.title-plate .inner .box h1 {
margin-top: -3px;
margin-bottom: 24px
}
.primary-tout.title-plate .legal-grid {
text-align: left;
right: auto;
left: 8%;
bottom: 15px
}
.primary-tout.title-plate .legal-grid .legal-icon, .primary-tout.title-plate .legal-grid .p5 {
margin-top: 5px
}
.primary-tout.title-plate .table-center {
vertical-align: top
}
.primary-tout .be-moved {
color: #000
}
.primary-tout .bemoved-variant {
position: absolute;
left: 32px
}
.primary-tout .bemoved-top {
top: 5%
}
.primary-tout .bemoved-bottom {
bottom: 5%
}
.primary-tout.outerspace-top {
margin-top: 60px
}
.primary-tout.outerspace-bottom {
margin-bottom: 50px
}
.primary-tout.outerspace-both {
margin-top: 60px;
margin-bottom: 50px
}
.primary-tout.outerspace-none {
margin-top: 0;
margin-bottom: 0
}
.primary-tout .high-res-audio {
right: 0;
bottom: 25px
}
.primary-tout .high-res-audio a {
width: 67%
}
.primary-tout.default .inner .box a.pdp-btn {
padding: 11px;
color: #fff;
cursor: pointer;
background: #5887f5;
display: inline-block;
line-height: inherit;
text-align: center;
vertical-align: middle;
margin: 8px 3px 0 0
}
.primary-tout.default .inner .box a.pdp-btn i {
color: #fff
}
.primary-tout.default .inner .box a.pdp-btn:hover {
background: #4572ed
}
.primary-tout.default .inner .box a.pdp-btn:hover i {
color: #fff
}
}
@media (min-width: 481px) and (max-width: 767px) {
.caption-band.box {
position: relative;
bottom: 0;
left: 0;
width: 100%;
margin: 0;
padding: 5px 1em
}
.caption-band.box.top-left {
text-align: left;
bottom: 420px
}
.caption-band.box.top-right {
text-align: right;
bottom: 420px
}
.caption-band.box.top-center {
text-align: center;
bottom: 420px
}
.caption-band.box.bottom-left {
text-align: left;
margin-top: -30px
}
.caption-band.box.bottom-right {
text-align: right;
margin-top: -30px
}
.caption-band.box.bottom-center {
text-align: center;
margin-top: -30px
}
.caption-band.box p {
margin-bottom: 0;
padding: 0
}
}
@media (min-width: 300px) and (max-width: 480px) {
.caption-band.box {
position: relative;
bottom: 0;
left: 0;
width: 100%;
margin: 0;
padding: 5px 1em
}
.caption-band.box.top-left {
text-align: left;
bottom: 400px
}
.caption-band.box.top-right {
text-align: right;
bottom: 400px
}
.caption-band.box.top-center {
text-align: center;
bottom: 400px
}
.caption-band.box.bottom-left {
text-align: left;
margin-top: -30px
}
.caption-band.box.bottom-right {
text-align: right;
margin-top: -30px
}
.caption-band.box.bottom-center {
text-align: center;
margin-top: -30px
}
.caption-band.box p {
margin-bottom: 0;
padding: 0
}
}
@media (min-width: 30em) and (max-width: 47.9375em) {
.primary-tout .legal-div, .primary-tout.product-intro-plate .legal-div, .primary-tout.p2-editorial-anchor-links .legal-div {
width: 100%;
height: 40px;
background: #343e52;
padding: 10px 52px 0 0
}
.primary-tout .legal-div .legal, .primary-tout.product-intro-plate .legal-div .legal, .primary-tout.p2-editorial-anchor-links .legal-div .legal {
margin-top: 0;
text-align: right;
font-size: 0.8125em
}
.primary-tout .hero-video video, .primary-tout.product-intro-plate .hero-video video, .primary-tout.p2-editorial-anchor-links .hero-video video {
display: none
}
.primary-tout .image-module, .primary-tout.product-intro-plate .image-module, .primary-tout.p2-editorial-anchor-links .image-module {
height: 420px
}
.primary-tout.outerspace-top, .primary-tout.product-intro-plate.outerspace-top, .primary-tout.p2-editorial-anchor-links.outerspace-top {
margin-top: 60px
}
.primary-tout.outerspace-bottom, .primary-tout.product-intro-plate.outerspace-bottom, .primary-tout.p2-editorial-anchor-links.outerspace-bottom {
margin-bottom: 50px
}
.primary-tout.outerspace-both, .primary-tout.product-intro-plate.outerspace-both, .primary-tout.p2-editorial-anchor-links.outerspace-both {
margin-top: 60px;
margin-bottom: 50px
}
.primary-tout.outerspace-none, .primary-tout.product-intro-plate.outerspace-none, .primary-tout.p2-editorial-anchor-links.outerspace-none {
margin-top: 0;
margin-bottom: 0
}
.primary-tout.flexible-tout .image-module, .primary-tout.flexible-tout.product-intro-plate .image-module, .primary-tout.flexible-tout.p2-editorial-anchor-links .image-module {
height: 600px
}
.primary-tout.flexible-tout.p2-editorial-anchor-links .inner .box {
padding: 16px 180px 20px 22px
}
.primary-tout.flexible-tout .image-module {
height: 600px
}
.primary-tout.homepage .secondary .addon-box {
padding: 12px 0 12px 0
}
.primary-tout.homepage .secondary .addon-box .linkgroup {
display: none
}
.primary-tout.homepage .secondary .addon-box .be-moved {
margin-left: -35px;
margin-top: 12px;
font-size: 14px;
color: #000
}
.primary-tout.homepage.outerspace-top {
margin-top: 60px
}
.primary-tout.homepage.outerspace-bottom {
margin-bottom: 50px
}
.primary-tout.homepage.outerspace-both {
margin-top: 60px;
margin-bottom: 50px
}
.primary-tout.homepage.outerspace-none {
margin-top: 0;
margin-bottom: 0
}
}
@media (max-width: 620px) {
.logo-compliance {
left: 7%;
right: auto
}
.logo-compliance img {
width: 50%
}
}
@media (max-width: 29.9375em) {
.primary-tout .hero-video video, .primary-tout.product-intro-plate .hero-video video, .primary-tout.p2-editorial-anchor-links .hero-video video {
display: none
}
.primary-tout .image-module, .primary-tout.product-intro-plate .image-module, .primary-tout.p2-editorial-anchor-links .image-module {
height: 400px
}
.primary-tout.outerspace-top, .primary-tout.product-intro-plate.outerspace-top, .primary-tout.p2-editorial-anchor-links.outerspace-top {
margin-top: 60px
}
.primary-tout.outerspace-bottom, .primary-tout.product-intro-plate.outerspace-bottom, .primary-tout.p2-editorial-anchor-links.outerspace-bottom {
margin-bottom: 50px
}
.primary-tout.outerspace-both, .primary-tout.product-intro-plate.outerspace-both, .primary-tout.p2-editorial-anchor-links.outerspace-both {
margin-top: 60px;
margin-bottom: 50px
}
.primary-tout.outerspace-none, .primary-tout.product-intro-plate.outerspace-none, .primary-tout.p2-editorial-anchor-links.outerspace-none {
margin-top: 0;
margin-bottom: 0
}
.primary-tout .logo-compliance, .primary-tout.product-intro-plate .logo-compliance, .primary-tout.p2-editorial-anchor-links .logo-compliance {
left: 7%;
right: auto
}
.primary-tout .logo-compliance img, .primary-tout.product-intro-plate .logo-compliance img, .primary-tout.p2-editorial-anchor-links .logo-compliance img {
width: 50%
}
.primary-tout.default .inner.force-mobile-bg .box.center, .primary-tout.default .inner.force-mobile-bg .box.left, .primary-tout.default .inner.force-mobile-bg .box.right, .primary-tout.default .inner .box {
padding: 22px 36px 32px 32px
}
.primary-tout.default .inner.no-bg:not(.force-mobile-bg) .box {
padding: 22px 36px 18px 18px
}
.primary-tout.default .inner.no-bg:not(.force-mobile-bg) .box.center {
padding-right: 22px;
padding-left: 22px
}
.primary-tout.default .inner.no-bg:not(.force-mobile-bg) .box.left {
padding-right: 36px;
padding-left: 18px
}
.primary-tout.default .inner.no-bg:not(.force-mobile-bg) .box.right {
padding-right: 36px;
padding-left: 18px
}
.primary-tout.default .inner.no-bg:not(.force-mobile-bg) .box .table-bottom {
padding-bottom: 18px
}
.primary-tout.default.outerspace-top {
margin-top: 60px
}
.primary-tout.default.outerspace-bottom {
margin-bottom: 50px
}
.primary-tout.default.outerspace-both {
margin-top: 60px;
margin-bottom: 50px
}
.primary-tout.default.outerspace-none {
margin-top: 0;
margin-bottom: 0
}
.primary-tout.homepage .secondary .addon-box {
padding: 12px 0 12px 0
}
.primary-tout.homepage .secondary .addon-box .linkgroup {
display: none
}
.primary-tout.homepage .secondary .addon-box .be-moved {
margin-left: -35px;
margin-top: 12px;
font-size: 14px;
color: #000
}
.primary-tout.homepage.outerspace-top {
margin-top: 60px
}
.primary-tout.homepage.outerspace-bottom {
margin-bottom: 50px
}
.primary-tout.homepage.outerspace-both {
margin-top: 60px;
margin-bottom: 50px
}
.primary-tout.homepage.outerspace-none {
margin-top: 0;
margin-bottom: 0
}
.primary-tout.p2-editorial-anchor-links .inner .box {
padding: 16px 22px 20px 22px
}
.primary-tout.flexible-tout .image-module, .primary-tout.flexible-tout.product-intro-plate .image-module, .primary-tout.flexible-tout.p2-editorial-anchor-links .image-module {
height: 600px
}
.primary-tout.flexible-tout .inner.force-mobile-bg .box.center, .primary-tout.flexible-tout .inner.force-mobile-bg .box.left, .primary-tout.flexible-tout .inner.force-mobile-bg .box.right, .primary-tout.flexible-tout .inner .box {
padding: 22px 36px 18px 32px
}
.primary-tout.flexible-tout .inner.force-mobile-bg .box.center.center, .primary-tout.flexible-tout .inner.force-mobile-bg .box.left.center, .primary-tout.flexible-tout .inner.force-mobile-bg .box.right.center, .primary-tout.flexible-tout .inner .box.center {
padding-right: 22px;
padding-left: 22px
}
.primary-tout.flexible-tout .inner.force-mobile-bg .box.center.left, .primary-tout.flexible-tout .inner.force-mobile-bg .box.left.left, .primary-tout.flexible-tout .inner.force-mobile-bg .box.right.left, .primary-tout.flexible-tout .inner .box.left {
padding-right: 36px;
padding-left: 18px
}
.primary-tout.flexible-tout .inner.force-mobile-bg .box.center.right, .primary-tout.flexible-tout .inner.force-mobile-bg .box.left.right, .primary-tout.flexible-tout .inner.force-mobile-bg .box.right.right, .primary-tout.flexible-tout .inner .box.right {
padding-right: 36px;
padding-left: 18px
}
.primary-tout.flexible-tout .inner.force-mobile-bg .box.center .table-bottom, .primary-tout.flexible-tout .inner.force-mobile-bg .box.left .table-bottom, .primary-tout.flexible-tout .inner.force-mobile-bg .box.right .table-bottom, .primary-tout.flexible-tout .inner .box .table-bottom {
padding-bottom: 18px
}
.primary-tout.flexible-tout .inner.no-bg:not(.force-mobile-bg) .box {
padding: 22px 36px 18px 18px
}
.primary-tout.flexible-tout .inner.no-bg:not(.force-mobile-bg) .box.center {
padding-right: 22px;
padding-left: 22px
}
.primary-tout.flexible-tout .inner.no-bg:not(.force-mobile-bg) .box.left {
padding-right: 36px;
padding-left: 18px
}
.primary-tout.flexible-tout .inner.no-bg:not(.force-mobile-bg) .box.right {
padding-right: 36px;
padding-left: 18px
}
.primary-tout.flexible-tout .inner.no-bg:not(.force-mobile-bg) .box .table-bottom {
padding-bottom: 18px
}
.primary-tout.flexible-tout.p2-editorial-anchor-links .inner .box {
padding: 16px 22px 20px 22px
}
}
@media (max-width: 61.1875em) {
.primary-tout>.container>.grid>*>.table-center-wrap {
height: auto !important
}
.primary-tout .grid .offset1:first-child, .primary-tout .grid .offset2:first-child, .primary-tout .grid .offset3:first-child, .primary-tout .grid .offset4:first-child, .primary-tout .grid .offset5:first-child, .primary-tout .grid .offset6:first-child, .primary-tout .grid .offset7:first-child, .primary-tout .grid .offset8:first-child, .primary-tout .grid .offset9:first-child, .primary-tout .grid .offset10:first-child, .primary-tout .grid .offset11:first-child, .primary-tout .grid .offset12:first-child {
margin-left: 0
}
.primary-tout .grid .span1, .primary-tout .grid .span2, .primary-tout .grid .span3, .primary-tout .grid .span4, .primary-tout .grid .span5, .primary-tout .grid .span6, .primary-tout .grid .span7, .primary-tout .grid .span8, .primary-tout .grid .span9, .primary-tout .grid .span10, .primary-tout .grid .span11, .primary-tout .grid .span12 {
width: auto
}
.primary-tout .t2, .primary-tout h2 {
font-size: 1.75em
}
}
.pd-module {
padding: 60px 0 60px 0
}
.pd-module .no-wrap {
white-space: nowrap
}
.pd-module .top .title {
margin: 0;
padding: 0 0 20px 0;
border-bottom: 4px solid #e4e7eb
}
.pd-module .top .desc {
margin: 30px 0 36px 0;
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px
}
.pd-module .features {
padding-top: 40px
}
.pd-module .features .feature-list {
margin: 0
}
.pd-module .features li {
border-top: 1px solid #e4e7eb;
padding-bottom: 16px;
padding-top: 16px
}
.pd-module .features li:first-child {
border-top: 0px none;
padding-top: 0px
}
.pd-module .features li.hidden {
display: none
}
.pd-module .features .copy, .pd-module .features .icon {
margin-bottom: 0px
}
.pd-module .features .copy {
font-size: 15px
}
.pd-module .features .copy a {
font-size: 12px
}
.pd-module .features .copy.with-icon {
width: 71%;
margin-left: .625em;
display: inline-block
}
.pd-module .features .icon {
text-align: center;
color: #2f353d;
height: 45px;
display: inline-block;
width: 45px
}
.pd-module .features .fonticon-30-panorama {
position: relative;
top: 3px
}
.pd-module .features .fonticon-30-face {
position: relative;
top: 6px
}
.pd-module .features a {
text-transform: capitalize
}
.pd-module .specs {
padding-top: 40px;
padding-right: 2.1875em
}
.pd-module .specs dt.l3, .pd-module .specs dt.label {
margin-bottom: 4px
}
.pd-module .specs dd {
margin-left: 0;
word-wrap: break-word
}
.pd-module .specs dd.p3 {
margin-bottom: 16px
}
.lt-ie8 .pd-module .center .icon {
display: inline
}
.lt-ie8 .pd-module .center .with-icon {
display: inline
}
.lt-ie8 .pd-module .center .wrapper {
width: 100%
}
.lt-ie8 .pd-module .center .measurement {
width: 100%
}
.lt-ie8 .pd-module .grid .span4 {
width: 27.5%
}
.lt-ie8 .pd-module .grid .span6 {
width: 43%
}
.pd-module .last-column {
padding: 0
}
.pd-module .last-column.has-measurements {
background-color: #f1f5f9;
padding: 5px 0 32px;
margin-top: 32px
}
.pd-module .last-column .vertical-measurement, .pd-module .last-column .horizontal-measurement {
opacity: 0
}
.pd-module .last-column .vertical-measurement.on, .pd-module .last-column .horizontal-measurement.on {
-webkit-transition: opacity .15s ease-in;
transition: opacity .15s ease-in;
opacity: 1
}
.pd-module .measurements {
overflow: hidden
}
.pd-module .measurements .measurement:nth-child(n+1) {
padding-top: 30px
}
.pd-module .measurements .pagination-next {
right: 0
}
.pd-module .measurements .pagination-prev {
left: 0
}
.pd-module .measurements .measurements-carousel-wrapper {
width: 100%;
position: relative;
overflow: hidden
}
.pd-module .measurements .measurements-carousel-wrapper .measurements-carousel {
position: relative;
width: 2000%;
overflow: hidden
}
.pd-module .measurements .measurements-carousel-wrapper .measurements-slide {
position: relative;
display: inline-block;
top: 0;
width: 5%;
vertical-align: top
}
.pd-module .measurements .max-items {
color: #000;
font-weight: bold;
margin-right: 4px
}
.pd-module .measurements .measurement-header {
padding: 10px 0 0;
box-shadow: 0px 2px 1px #D5D5D5
}
.pd-module .measurements .measurement-header .product-count {
margin-left: .8em
}
.pd-module .measurements .measurement-header .measurements-nav .measurement-nav-carousel {
width: 100%;
position: relative
}
.pd-module .measurements .measurement-header .measurements-nav .pagination-paddles {
height: 100%
}
.pd-module .measurements .measurement-header .measurements-nav .measurement-nav-carousel-wrapper {
position: relative
}
.pd-module .measurements .measurement-header .measurements-nav .jump-links {
margin-left: .5em;
max-width: 30%;
text-align: center;
height: 100%;
width: 100%;
float: left
}
.pd-module .measurements .measurement-header .measurements-nav .jump-links li {
height: 100%;
width: 100%
}
.pd-module .measurements .measurement-header .measurements-nav .jump-links li a {
vertical-align: middle;
line-height: 100%;
height: 100%;
width: 100%
}
.pd-module .measurements .measurement-header .measurements-nav .measurement-nav-slide {
-webkit-transform: translateZ(0);
float: left;
width: 5%;
height: 100%
}
.pd-module .measurements .measurement-header .measurements-nav li {
margin-left: auto;
margin-right: 3px;
height: 100%
}
.pd-module .measurements .measurement-header .measurements-nav li.active {
background: #fff
}
.pd-module .measurements .img-wrapper {
display: block;
position: relative;
margin-left: auto;
margin-right: auto;
max-width: 73%;
padding-top: 20px
}
.pd-module .measurements .img-wrapper:nth-child(n+1) {
padding-top: 30px
}
.pd-module .measurements .img-wrapper img {
display: block;
margin-right: auto;
margin-left: auto
}
.pd-module .measurements .measurement {
margin-bottom: 0;
margin-right: 0;
min-width: 225px
}
.pd-module .measurements .measurement .units-container {
background-color: #f1f5f9;
position: absolute;
top: 0;
left: 0;
z-index: 2
}
.pd-module .measurements .measurement.multi {
margin-top: 23px
}
.pd-module .measurements .measurement.multi:first-child {
margin-top: 0
}
.pd-module .measurements .measurement .top-wrapper {
position: relative;
overflow: hidden
}
.pd-module .measurements .measurement .top-wrapper.is-thin .vertical-measurement:after {
content: '';
display: none
}
.pd-module .measurements .measurement.small-v-image .top-wrapper {
display: table;
table-layout: fixed
}
.pd-module .measurements .measurement.small-v-image .img-wrapper {
display: table-cell;
vertical-align: middle;
float: none
}
.pd-module .measurements .measurement.small-v-image .vertical-measurement {
display: table-cell;
vertical-align: middle;
float: none;
padding-left: .625em
}
.pd-module .measurements .measurement.small-v-image .vertical-measurement .units-container {
padding-left: 0;
padding-right: .125em;
padding-bottom: 0;
padding-top: 0;
top: 0;
margin-left: 0;
position: relative
}
.pd-module .measurements .measurement.small-v-image .vertical-measurement:after {
display: none
}
.pd-module .measurements .measurement.small-h-image .top-wrapper {
text-align: center
}
.pd-module .measurements .measurement.small-h-image .img-wrapper {
width: 50px
}
.pd-module .measurements .measurement.small-h-image .horizontal-measurement {
width: 50px;
height: auto
}
.pd-module .measurements .measurement.small-h-image .horizontal-measurement .units-container {
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
left: 0;
position: relative;
display: block
}
.pd-module .measurements .measurement.small-h-image .horizontal-measurement:after {
display: none
}
.pd-module .measurements .vertical-measurement {
float: left;
position: relative;
text-align: center;
margin-left: .625em
}
.pd-module .measurements .vertical-measurement .units-container {
top: 50%;
padding: 8px 0
}
.pd-module .measurements .vertical-measurement:after {
content: '';
display: block;
border-left: 1px solid #bcbccc;
position: absolute;
left: 50%;
top: 0;
width: 100%;
height: 100%;
z-index: 1
}
.pd-module .measurements .horizontal-measurement {
clear: both;
position: relative;
text-align: center;
display: block;
overflow: hidden
}
.pd-module .measurements .horizontal-measurement .units-container {
padding: 8px .5em 0 .5em;
left: 50%
}
.pd-module .measurements .horizontal-measurement:after {
content: '';
display: block;
border-top: 1px solid #bcbccc;
position: absolute;
left: 0;
top: 50%;
width: 100%;
height: 100%;
z-index: 1
}
.pd-module .measurements .inches {
color: #74747f
}
.pd-module .measurements .centimeters {
/*font-family: "SST W01 Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-weight: 500;
font-style: normal;
color: #212530
}
.pd-module .measurements .inches, .pd-module .measurements .centimeters {
margin: 0
}
.pd-module .extras {
clear: both;
background-color: #f1f5f9;
margin-top: 26px;
padding: 24px 6.25% 32px;
display: none
}
.pd-module .extras.with-measurements {
padding: 0 5%
}
.pd-module .extras .extra .p3 {
margin-bottom: 0
}
.pd-module .bottom .text-tout {
margin-top: 36px;
margin-left: 0;
position: relative
}
.pd-module .bottom .text-tout .icon {
min-height: 62px;
min-width: 62px
}
.pd-module .bottom .text-tout .icon .fonticon-40-eco {
padding-top: 20px;
color: #22C083
}
.pd-module .bottom .text-tout .copy {
max-width: 78%;
padding-left: 0
}
.pd-module .bottom .text-tout .copy.with-icon {
padding-left: .9375em
}
.pd-module .bottom .text-tout .copy a {
text-transform: capitalize
}
.pd-module .bottom .text-tout .no-overflow {
overflow: hidden;
max-height: 40px
}
.pd-module .bottom .bottom-btn {
margin-top: 36px
}
.pd-module .bottom .bottom-btn .btn-container {
display: inline-block;
padding-right: 20px
}
.pd-module .bottom .bottom-btn .btn-container .btn {
min-width: 15.625em
}
@media (max-width: 68.75em) {
.pd-module .bottom .text-tout .no-overflow {
overflow: visible
}
}
@media (min-width: 35.5em) and (max-width: 61.1875em) {
.pd-module .top .desc {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px
}
.pd-module .last-column {
position: relative
}
.pd-module .last-column.m-span6 {
margin-left: 0
}
.pd-module .last-column .measurements .img-wrapper {
width: auto;
max-width: none
}
.pd-module .last-column .measurement {
min-width: 0;
float: left;
margin-bottom: 0
}
.pd-module .last-column .measurement.multi {
margin-top: 0;
margin-bottom: 1.4375em;
margin-right: 1.4375em
}
}
@media (max-width: 35.4375em) {
.pd-module .top .desc {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
margin-bottom: 0
}
.pd-module dl {
margin-bottom: 0
}
.pd-module .features {
padding-bottom: 20px
}
.pd-module .last-column {
padding: 0
}
.pd-module .last-column .specs {
padding: 0
}
.pd-module .last-column .features {
padding-top: 0px
}
.pd-module .last-column .features li {
padding-bottom: 16px;
padding-top: 16px;
border-top: 1px solid #e4e7eb
}
.pd-module .extras {
margin-top: 0
}
.pd-module .extras.with-measurements {
margin-top: 0
}
.pd-module .specs {
padding-top: 20px
}
.pd-module .bottom .text-tout {
text-align: center;
position: relative
}
.pd-module .bottom .text-tout .icon {
position: relative;
display: block
}
.pd-module .bottom .text-tout .copy.with-icon {
margin-left: 0;
max-width: 100%;
display: block
}
.pd-module .bottom .bottom-btn {
text-align: center
}
.pd-module .bottom .bottom-btn .btn-container {
display: block
}
.pd-module .bottom .bottom-btn .btn-container .btnSpecs {
margin-bottom: 1.25em
}
}
.detail-list-module {
padding: 60px 0
}
.detail-list-module.grey {
background-color: #f1f5f9
}
.detail-list-module ul {
margin: 0
}
.detail-list-module .detail-list {
border-bottom: 1px solid #e4e7eb;
overflow: hidden;
padding-bottom: 30px
}
.detail-list-module .detail-list .title {
border-bottom: 3px solid #e4e7eb;
padding-bottom: 20px
}
.detail-list-module .detail-list .p3 {
margin-bottom: 18px
}
.detail-list-module .detail-list .p3 strong {
position: relative;
margin-right: 12px;
float: left
}
.detail-list-module .detail-list .p3 strong:after {
position: absolute;
margin-right: 4px;
margin-left: 4px;
color: #74747f;
font-weight: normal
}
.detail-list-module .detail-list .btn {
margin-top: 12px
}
.detail-list-module .environmental-info {
margin: 10px 0 50px 0
}
.detail-list-module .environmental-info .product-meta {
height: auto;
margin-bottom: 12px;
margin-top: -6px
}
.detail-list-module .environmental-info .product-meta .lt4 {
margin-bottom: -4px
}
.detail-list-module .environmental-info .title {
margin-bottom: 32px
}
.detail-list-module .environmental-info .environmental-info-link {
padding-top: 20px;
margin-top: 32px
}
.detail-list-module .bottom .text-tout {
margin-top: 36px;
text-align: left;
position: relative
}
.detail-list-module .bottom .text-tout .icon {
min-height: 62px;
min-width: 62px
}
.detail-list-module .bottom .text-tout .icon .fonticon-40-eco {
padding-top: 20px;
color: #22C083
}
.detail-list-module .bottom .text-tout .copy {
max-width: 78%;
padding-left: 0
}
.detail-list-module .bottom .text-tout .copy.with-icon {
padding-left: .9375em
}
.detail-list-module .bottom .text-tout .copy a {
text-transform: capitalize
}
.detail-list-module .bottom .text-tout .no-overflow {
overflow: hidden;
max-height: 40px
}
.detail-list-module .bottom .bottom-btn {
margin-top: 36px
}
.detail-list-module .bottom .bottom-btn.span6 {
text-align: right
}
.detail-list-module .bottom .bottom-btn.m-span6 {
text-align: left
}
.detail-list-module .bottom .bottom-btn .btn-container {
display: inline-block;
padding-left: 20px
}
.detail-list-module .bottom .bottom-btn .btn-container .btn {
min-width: 15.625em
}
@media (max-width: 61.1875em) {
.detail-list-module .bottom .bottom-btn.span6 {
text-align: center
}
.detail-list-module .bottom .bottom-btn .btn-container {
display: block
}
.detail-list-module .bottom .bottom-btn .btn-container .btnSpecs {
margin-bottom: 1.25em
}
}
body[data-locale="zh_HK"] .ps-module .price-content .price {
display: inline-block
}
.ps-module .grid.no-grid-at-767 {
display: table
}
.ps-module .breadcrumb-link {
text-transform: none
}
.lt-ie8 .ps-module {
position: relative;
z-index: 10
}
.ps-module .product-img-wrap .ghost-center-wrap {
height: 100%
}
.ps-module .product-img-wrap .ghost-center-wrap img {
font-size: 0
}
.ps-module .product-details {
padding-top: 2.125em;
padding-bottom: 2.5625em
}
.ps-module .product-details .product-rating {
display: inline-block;
margin-right: 7px
}
.ps-module .product-details .product-rating .reviews-text {
display: inline-block;
padding-left: 5px
}
.ps-module .product-details .write-a-review {
display: inline-block
}
.ps-module .price-content {
position: relative;
display: table-cell;
vertical-align: middle;
float: none;
margin-bottom: 0;
line-height: 1
}
.ps-module .price-content>.text-right {
width: 100%
}
.ps-module .price-content .price-disclaimer {
display: block
}
.ps-module .price-content .price {
margin-bottom: 0;
display: block
}
.ps-module .price-content .price sup.footNoteNumber {
margin-right: -7px;
position: relative
}
.ps-module .product-img-wrap .product-img {
max-width: 141px;
max-height: 152px;
width: 100%
}
.ps-module .product-img-wrap .product-img img {
max-height: 100%
}
.ps-module .product-title {
margin-top: -2px;
margin-bottom: 0
}
.ps-module .product-attributes {
padding-right: 2px
}
.ps-module .m-product-img {
display: none
}
.ps-module .product-details .image-intrinsic-placeholder {
display: none
}
.ps-module .spacer {
color: #bcbccc;
padding: 0 4px
}
.ps-module .inline-details>* {
display: block;
float: left;
margin: 0
}
.ps-module .inline-details {
margin-top: .375em
}
.ps-module .fb-table td {
vertical-align: top
}
.ps-module .inline-details .color-swatches {
padding-left: 2px
}
.ps-module .inline-details .color-swatches.color-swatches-inline {
display: inline-block;
height: 0.9375em;
line-height: 0.9375em
}
.ps-module .inline-details .color-swatches.color-swatches-inline .micro-swatch, .ps-module .inline-details .color-swatches.color-swatches-inline .mini-swatch {
width: 0.9375em;
height: 0.9375em;
margin-right: 1px;
margin-bottom: 1px;
vertical-align: middle
}
.ps-module .btn {
margin-top: 15px;
margin-bottom: 20px
}
.ps-module .btn.buy-button {
background: #f25529
}
.ps-module .btn.buy-button:hover {
background: #d94c25
}
.ps-module .btn.buy-button.active, .ps-module .btn.buy-button:active {
background: #e54322
}
.ps-module .btn.buy-button.disabled:hover, .ps-module .btn.buy-button[disabled]:hover {
background: #f25529
}
.ps-module .available-soon {
background-color: #e4e7eb;
color: #2f353d;
white-space: nowrap
}
.ps-module .available-soon.disabled:hover, .ps-module .available-soon.disabled:active {
background-color: #e4e7eb;
color: #2f353d
}
.ps-module .disabled.available-soon {
display: inline-block;
padding-left: 28px;
padding-right: 28px
}
.ps-module .space-right {
margin-right: 1.25em
}
.ps-module .price-prefix.price-differentiator {
white-space: pre-wrap
}
.ps-module .arrow-holder {
display: inline-block
}
.ps-module .arrow-holder i {
position: relative;
top: -.0625em;
vertical-align: baseline;
padding: 0 0 0 .5em
}
.ps-module .favorite-holder .fonticon-10-favorite {
margin-left: -3px
}
.ps-module .be-social {
position: absolute;
top: auto;
right: 0;
text-align: center;
width: 100%
}
.ps-module .be-social .fi {
font-size: 1em
}
.ps-module .be-social .favorite-holder.js-favorite .bt3 {
display: none
}
.ps-module .be-social .favorite-holder.js-favorite .fonticon-10-favorite {
padding: 5px
}
.ps-module .be-social .ib.js-share.share-trigger .bt3 {
display: none
}
.ps-module .be-social .ib.js-share.share-trigger .fonticon-10-share {
padding: 5px
}
.ps-module .be-social .share-trigger {
margin-left: 4px
}
.ps-module .be-social .nothingtoseehere {
cursor: default
}
.ps-module .be-social>a .bt3 {
color: #74747f;
-webkit-transition: color .25s linear;
transition: color .25s linear
}
.ps-module .ib:hover .favorite-holder span {
color: #293d54
}
.ps-module .open .share-trigger>span, .no-touch .ps-module .share-trigger:hover>span {
color: #293d54
}
.ps-module .fonticon-10-favorite, .ps-module .fonticon-10-share {
color: #bcbccc
}
.ps-module .open .share-trigger>span i, .no-touch .ps-module .price-content a:hover .fonticon-10-share {
color: #293d54
}
.ps-module .share-menu.dropdown-menu.dropdown-menu-alt {
z-index: 1000
}
.ps-module .share-menu.dropdown-menu.dropdown-menu-alt .input-holder input {
cursor: pointer
}
.ps-module .share-menu:before {
right: 30%
}
.ps-module .with-model-level-pricing .ps-favourites-wrap {
margin-left: -7px;
color: #74747f
}
.ps-module .with-model-level-pricing .ps-favourites-wrap .ib {
vertical-align: top
}
.ps-module .with-model-level-pricing .ps-favourites-wrap .favourite-holder i {
padding: 8px
}
.ps-module .with-model-level-pricing .ps-favourites-wrap .share-menu {
margin-top: 0;
left: 0;
top: 40px;
right: initial
}
.ps-module .with-model-level-pricing .ps-favourites-wrap .share-trigger {
margin-left: 5px
}
.ps-module .with-model-level-pricing .ps-favourites-wrap .share-trigger i {
padding: 8px;
font-size: .8125em
}
.ps-module .mlp-container {
margin-top: 50px
}
.ps-module .mlp-container .mlp-table {
font-size: 12px;
margin-bottom: 5px
}
.ps-module .mlp-container.with-collapser .mlp-table {
display: none
}
.ps-module .mlp-container .btn-container {
width: 185px;
float: right
}
.ps-module .mlp-container .btn-container .btn {
margin-top: 10px;
min-width: 185px;
width: auto;
display: inline-block
}
.ps-module .mlp-container .btn-container .btn.buy-button, .ps-module .mlp-container .btn-container .btn.available-soon {
margin-top: 15px
}
.ps-module .mlp-container .price-content {
position: initial;
display: initial;
vertical-align: middle;
float: initial;
margin-bottom: initial;
line-height: initial
}
.ps-module .mlp-container .price-content .price sup.footNoteNumber {
margin-right: 0
}
.ps-module .mlp-container .price-disclaimer {
display: block
}
.ps-module .mlp-container .mlp-inner {
max-width: 265px;
width: 100%;
float: right
}
.ps-module .mlp-container .mlp-inner table {
width: 100%
}
.ps-module .mlp-container .mlp-inner table td {
vertical-align: middle;
height: 60px;
border-top: 1px solid #e4e7eb;
padding: 22px 0
}
.ps-module .mlp-container .mlp-inner table td.no-border {
border: 0
}
.ps-module .mlp-container .mlp-inner p, .ps-module .mlp-container .mlp-inner span.p3 {
margin-bottom: 0;
line-height: 1.2
}
.ps-module .mlp-container .mlp-inner .price, .ps-module .mlp-container .mlp-inner .price-prefix, .ps-module .mlp-container .mlp-inner .price-disclaimer {
font-family: "SST W01 Medium", "Helvetica Neue", Helvetica, Arial, sans-serif
}
.ps-module .mlp-container .mlp-inner .price-prefix {
display: inline-block
}
.ps-module .mlp-container .mlp-inner .price {
white-space: nowrap
}
.ps-module .mlp-container .mlp-inner .price .text-dark {
/*font-family: "SST W01 Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
color: #000;
font-size: 1.3em
}
.ps-module .mlp-container .mlp-inner p.available-soon-text {
text-align: center;
min-width: 185px;
width: auto;
display: inline-block
}
.ps-module .mlp-container .mlp-collapse-content .mlp-collapse-label .price-disclaimer {
display: inline-block
}
.ps-module .mlp-container .mlp-collapse-content .mlp-collapse-label .show-label {
font-size: 12px;
color: #504d56;
display: block;
margin-bottom: 5px
}
.ps-module .mlp-container .mlp-collapse-content .mlp-collapser {
padding: 10px;
position: relative;
cursor: pointer;
margin-bottom: 10px;
min-height: 36px;
min-width: 185px;
display: inline-block;
border: 1px solid #e4e7eb;
text-align: left;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none
}
.ps-module .mlp-container .mlp-collapse-content .mlp-collapser .txt-hide {
display: none;
color: #fff
}
.ps-module .mlp-container .mlp-collapse-content .mlp-collapser .txt-show {
color: #504d56
}
.ps-module .mlp-container .mlp-collapse-content .mlp-collapser.open {
background: #74747f
}
.ps-module .mlp-container .mlp-collapse-content .mlp-collapser.open .txt-hide {
display: block
}
.ps-module .mlp-container .mlp-collapse-content .mlp-collapser.open .txt-show {
display: none
}
.ps-module .mlp-container .mlp-collapse-content .mlp-collapser.open .fi {
-webkit-transform: rotate(180deg) translate(0, -3px);
-ms-transform: rotate(180deg) translate(0, -3px);
transform: rotate(180deg) translate(0, -3px);
color: #fff
}
.ps-module .mlp-container .mlp-collapse-content .mlp-collapser .txt-hide, .ps-module .mlp-container .mlp-collapse-content .mlp-collapser .txt-show {
letter-spacing: -.6px;
padding-right: 22px
}
.ps-module .mlp-container .mlp-collapse-content .mlp-collapser .fi {
position: absolute;
top: 9px;
right: 7px;
-webkit-transition: all 0.15s ease-in-out 0s;
transition: all 0.15s ease-in-out 0s;
font-size: 15px;
display: inline-block;
margin: 0
}
.ps-module .mlp-container .min-model-pricing {
margin-bottom: 10px
}
.ps-module .mlp-container .min-model-pricing span, .ps-module .mlp-container .min-model-pricing p {
font-size: 13px
}
.ps-module .mlp-container .min-model-pricing p {
display: inline
}
.ps-module .mlp-container .min-model-pricing .price-disclaimer {
margin-left: 12px
}
.ps-module .mlp-container .min-model-pricing sup.footNoteNumber {
margin-right: -7px;
position: relative
}
.ps-module .mlp-container .multiple-model-pricing td {
width: 50%
}
.ps-module .mlp-container .multiple-model-pricing td .price-differentiator {
display: none
}
.ps-module .mlp-container .multiple-model-pricing td .price-unavailable-text {
display: inline-table;
width: 44px
}
.ps-module .mlp-container .multiple-model-pricing td .mlp-diff {
margin-bottom: 8px
}
.ps-module .mlp-container .multiple-model-pricing td .price-prefix {
display: inline-block
}
.ps-module .mlp-container .multiple-model-pricing td .price-prefix.with-starting-at {
color: #504d56
}
.ps-module .mlp-container .multiple-model-pricing td .price {
display: inline-block;
margin-left: 5px
}
.ps-module .mlp-container .multiple-model-pricing td .price strong {
margin-right: 0 !important
}
.ps-module .mlp-container .multiple-model-pricing td sup.footNoteNumber {
margin-right: -7px;
position: relative
}
.ps-module .mlp-container .multiple-model-pricing td:last-child {
text-align: right
}
.ps-module .mlp-container .no-price {
margin-bottom: 10px
}
.ps-module .mlp-container .no-price p {
padding: 10px 0;
border: 1px solid #bcbcbc;
border-width: 1px 0;
text-align: center;
color: #666
}
.ps-module .mlp-container .mlp-color-swatches p {
color: #666
}
.fb-like-item .fb-like {
display: inline-block !important;
overflow: hidden
}
.fb-like-item .fb_iframe_widget span {
display: block !important
}
.fb-like-item .fb-social-like {
padding-top: 5px;
padding-bottom: 5px;
position: relative;
height: 30px
}
.fb-like-item .fb-social-like .fb-countbox {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 400;
font-style: normal;
display: inline-block;
position: absolute;
font-size: 12px;
padding: 0 3px;
margin-left: 7px;
border: solid 1px #9197a3;
border-radius: 2px;
height: 20px;
line-height: 18px
}
.fb-like-item .fb-social-like .fb-countbox:before, .fb-like-item .fb-social-like .fb-countbox:after {
content: '';
display: block;
border-style: solid;
border-color: transparent;
border-width: 4px 5px 4px 0;
border-right-color: #9197a3;
width: 0;
height: 0;
margin-top: -4px;
position: absolute;
top: 50%;
left: -6px
}
.fb-like-item .fb-social-like .fb-countbox:after {
border-right-color: #fff;
left: -4px
}
.ps-sticky-nav .buy-btn, .ps-sticky-nav .pricetext-span, .ps-sticky-nav .sticky-nav-title {
margin-top: 1em
}
.ps-sticky-nav .container {
max-width: 1190px
}
.ps-sticky-nav .buy-btn, .ps-sticky-nav .pricetext-span {
position: relative;
display: block;
vertical-align: middle;
white-space: nowrap
}
.ps-sticky-nav .buy-btn {
margin-left: 1.125em
}
.ps-sticky-nav .spec-title-wrap {
margin-bottom: 5px
}
.ps-sticky-nav .product-img img {
max-height: 3.75em
}
.ps-sticky-nav .product-img+div {
max-width: 80%
}
.ps-sticky-nav .product-name {
margin-left: 1em
}
.ps-sticky-nav .m-product-details {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
align-items: flex-start;
-webkit-align-content: stretch;
-moz-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
margin: .625em
}
.ps-sticky-nav .m-product-details .m-product-name {
-webkit-box-flex: 2;
-webkit-flex: 2 1 auto;
-moz-box-flex: 2;
-moz-flex: 2 1 auto;
-ms-flex: 2 1 auto;
flex: 2 1 auto;
-webkit-align-self: flex-start;
-moz-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start
}
.ps-sticky-nav .m-product-details .m-product-name .sticky-nav-title {
margin-top: 0
}
.ps-sticky-nav .m-product-details .m-cta {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-moz-box-flex: 0;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-align-self: flex-start;
-moz-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start
}
.ps-sticky-nav .m-product-details .m-cta .notify-me-container .text-center {
float: none
}
.ps-sticky-nav .m-product-details .m-cta .price-content .available-soon-text {
margin-top: 0
}
.ps-sticky-nav .m-product-details .m-cta .btn-container {
clear: initial;
display: block;
width: auto;
float: none
}
.ps-sticky-nav .m-product-details .m-cta .btn-container a {
float: none;
margin: 0
}
.ps-sticky-nav .sticky-nav-title {
margin-bottom: 1em;
line-height: 1.2
}
.ps-sticky-nav .btn {
display: block;
width: 100%;
padding-left: 0;
padding-right: 0;
margin-top: 0;
margin-bottom: 0
}
.ps-sticky-nav .price .space {
display: none
}
.ps-sticky-nav .price-prefix.price-differentiator {
white-space: pre-wrap
}
.ps-sticky-nav .grid {
position: relative
}
.ps-sticky-nav .product-info {
margin-top: 1em
}
.ps-sticky-nav .jump-links-span {
margin: 0
}
.ps-sticky-nav .jump-links {
bottom: 0;
left: auto
}
@media (min-width: 75em) and (max-width: 81.25em) {
.ps-module .share-menu:before {
right: 26%
}
}
@media (min-width: 61.25em) and (max-width: 74.9375em) {
.ps-module .share-menu:before {
right: 28%
}
}
@media (min-width: 48em) {
.ps-sticky-nav .spec-title-wrap {
margin-top: 1em
}
.ps-module .jump-links.is-addon {
display: none !important
}
}
@media (min-width: 48em) and (max-width: 61.1875em) {
.ps-module .share-menu:before {
right: 12%
}
}
@media (max-width: 61.1875em) {
.ps-module .inline-details .color-swatches.color-swatches-inline {
height: 1.0em;
line-height: 1.0em
}
.ps-module .inline-details .color-swatches.color-swatches-inline .micro-swatch, .ps-module .inline-details .color-swatches.color-swatches-inline .mini-swatch {
width: 1.0em;
height: 1.0em
}
}
@media (max-width: 47.9375em) {
.ps-module .product-attributes, .ps-module .price-content, .ps-module .inline-details .color-swatches {
padding: 0
}
.ps-module .product-details {
padding-top: 1.5em;
padding-bottom: 0
}
.ps-module #desktop-sticky-price, .ps-module .product-img-wrap, .ps-module .jump-links:not(.is-addon), .ps-module .review-text {
display: none !important
}
.ps-module [data-stars] .review-count {
display: inline
}
.ps-module .product-model {
display: block
}
.ps-module .price-content .price-prefix, .ps-module .inline-details {
display: inline-block
}
.ps-module .m-product-img {
display: block;
margin: auto
}
.ps-module .product-details .image-intrinsic-placeholder {
display: block
}
.ps-module .price-content .price-prefix.price-differentiator {
display: inline
}
.ps-module .price-content .price {
margin-bottom: .1875em;
display: inline
}
.ps-module .inline-details .color-swatches, .ps-module .product-attributes, .ps-module .price-content>.text-right {
float: none
}
.ps-module .price-content>.text-right {
margin: 0 0 .875em;
text-align: left
}
.ps-module .be-social {
position: static;
width: 100%;
margin-top: 10px;
text-align: center;
padding-bottom: 1.625em
}
.ps-module .be-social>a {
width: auto
}
.ps-module .price-content, .ps-module .price-content .btn {
clear: both
}
.ps-module .product-rating {
margin: 2px 0 6px
}
.ps-module .product-title {
margin-bottom: .22222em
}
.ps-module .price-content .price-prefix, .ps-module .product-model, .ps-module .inline-details {
margin-bottom: 0
}
.ps-module .color-swatches, .ps-module .product-attribute {
margin-bottom: .5em
}
.ps-module .inline-details, .ps-module .inline-details .color-swatches {
margin-top: 0
}
.ps-module .mlp-container {
margin-top: 10px
}
.ps-module .mlp-container .mlp-inner {
max-width: initial;
float: none
}
.ps-module .mlp-container .price-content {
white-space: initial
}
.ps-sticky-nav .product-info {
margin-top: 0
}
.ps-sticky-nav .product-img {
min-width: 25%;
max-width: 25%
}
.ps-sticky-nav .product-img+div {
max-width: 90%
}
.ps-sticky-nav .sticky-nav-title {
margin-top: .8em;
margin-bottom: .8em
}
.ps-module .ps-sticky-nav .buy-btn {
margin: 0;
float: right
}
.ps-sticky-nav .btn {
display: inline-block;
width: auto;
margin-top: 1em;
margin-bottom: 1em;
padding: 11px 16px 12px
}
.ps-sticky-nav .btn.notify-me {
margin-top: 0
}
.ps-sticky-nav .notify-me-container .text-center {
float: right;
text-align: right
}
.ps-sticky-nav .price-content .available-soon-text {
margin-top: 10px;
text-align: center;
width: 100%
}
.ps-sticky-nav .product-name.m-span4 {
width: 100%
}
.ps-sticky-nav .product-name.m-span4 .btn-container.price-content {
float: right;
width: auto;
margin-left: 10px
}
.btn-large {
display: block;
width: 100%
}
.fb_iframe_widget_fluid {
display: inline-block !important
}
.fb-like {
overflow: hidden
}
.fb-count-wrap {
padding-top: 1px
}
}
@media (max-width: 61.1875em) and (min-width: 48em) {
.ps-module .price-content.hidden-phone {
display: table-cell !important
}
}
@media (max-width: 47.9375em) and (min-width: 30em) {
.ps-module .price-content {
white-space: nowrap
}
}
@media (max-width: 30em) {
.ps-sticky-nav .btn {
white-space: nowrap
}
}
.features-benefits.spec-single, .features-benefits.spec-multi, .features-benefits .spec-tiles-wrap {
margin-top: 0px
}
.rp-section {
position: relative;
min-height: 400px
}
.rp-section.dark {
background-color: #f1f5f9
}
.rp-section.outerspace-top {
margin-top: 70px
}
.rp-section.outerspace-bottom {
margin-bottom: 75px
}
.rp-section.outerspace-both {
margin-top: 70px;
margin-bottom: 75px
}
.rp-section.outerspace-none {
margin-top: 0;
margin-bottom: 0
}
.rp-section.group-top {
padding-bottom: 0
}
.rp-section.group-middle {
padding-top: 0;
padding-bottom: 0
}
.rp-section.group-bottom {
padding-top: 0
}
.rp-section h2.l1 {
margin-top: 30px
}
.rp-section .global-loader {
position: absolute;
left: 50%;
top: 50%;
margin-left: -31px;
margin-top: -31px;
z-index: 3
}
.rp-section .compatibility-types {
text-align: center;
padding-bottom: 35px
}
.rp-section .compatibility-types--btn-container {
display: inline-block;
padding: 0px 20px
}
.rp-section .compatibility-types--btn-container .btn {
min-width: 15.625em
}
.rp-container-tabbed {
position: relative
}
.lt-ie10 .rp-container-tabbed {
height: 495px
}
.rp-container-tabbed .related-products {
z-index: 2;
opacity: 1 !important;
position: absolute
}
.rp-container-tabbed .related-products.inactive {
z-index: 1;
opacity: 0 !important
}
.rp-container-tabbed .related-products.invisible {
visibility: hidden !important;
position: absolute
}
.lt-ie9 .rp-container-tabbed .related-products {
background-color: #fff
}
.lt-ie9 .rp-section.dark .rp-container-tabbed .related-products {
background-color: #f1f5f9
}
.rp-compare .gallery-item .product-img img {
padding: 0
}
.rp-tabs {
margin: 60px 0 23px 0;
padding: 0 0 0 0;
max-height: 62px
}
.rp-tabs .rp-tab {
display: inline-block;
margin-bottom: 0;
padding: 16px 40px 18px;
color: #74747f;
background-color: #f3f4f6;
-webkit-box-shadow: inset 0 0 0 #5887f5;
box-shadow: inset 0 0 0 #5887f5;
-webkit-transition: .15s ease-out;
transition: .15s ease-out
}
.dark .rp-tabs .rp-tab {
background-color: #fff
}
.no-touch .rp-tabs .rp-tab:hover, .rp-tabs .rp-tab.active {
color: #2f353d;
-webkit-box-shadow: inset 0 -4px 0 #5887f5;
box-shadow: inset 0 -4px 0 #5887f5
}
.sonytablets .rp-tabs .rp-tab {
-webkit-box-shadow: none;
box-shadow: none;
padding-bottom: 18px;
border-bottom: 0 solid #5887f5
}
.sonytablets .rp-tabs .rp-tab.active {
padding-bottom: 14px;
border-bottom-width: 4px
}
.related-products {
position: relative;
width: 100%;
height: 640px;
margin: -20px 0 0 0;
padding: 0;
overflow: hidden
}
.dark .related-products .gallery-item .gallery-item-inner {
background-color: #f1f5f9
}
.related-products.suggested {
height: auto
}
.related-products.suggested .gallery-item-inner {
top: 0;
bottom: 0;
left: 0;
right: 0;
position: absolute
}
.related-products.strip {
height: 230px;
margin: 0
}
.related-products.strip .gallery-item.normal .product-img img {
max-height: 100%
}
.related-products.strip .nav-paddles .nav-paddle {
position: absolute;
top: 50%;
margin-top: -3.25em
}
.related-products.strip .nav-paddles .nav-paddle.nav-paddle-next {
right: 0
}
.related-products.strip .nav-paddles .nav-paddle.nav-paddle-prev {
left: 0
}
.related-products h1.section-title {
min-width: 240px
}
.related-products .shuffle-container {
max-width: 1020px;
overflow: visible !important
}
.lt-ie10 .related-products .shuffle-container {
max-width: 910px;
width: 910px;
min-width: 910px
}
.related-products .shuffle-container.slimgrid5 {
width: 100%
}
.related-products .gallery-item .product-img:after {
padding-top: 70.843137%
}
.related-products .gallery-item:after {
padding-top: 130.343137%
}
.related-products .gallery-item .icon-ui2-chevron-16-black-right {
display: none;
visibility: hidden
}
.related-products.suggested {
max-width: 1190px;
margin: 0 auto 70px auto
}
.lt-ie10 .related-products.suggested {
max-width: 910px;
width: 910px;
min-width: 910px
}
.related-products.suggested:after {
display: none;
visibility: hidden;
opacity: 0;
content: ''
}
.no-opacity .related-products.suggested:after {
visibility: hidden
}
.related-products.suggested .ghost-center-wrap .ghost-center {
max-height: initial;
height: 100%
}
.related-products.suggested .product-price {
text-align: center;
color: #2f353d
}
.related-products.suggested .product-price .price-prefix {
margin-bottom: 0;
line-height: 10px
}
.related-products.suggested .price-prefix.p3 {
display: inline-block;
color: #74747f
}
.related-products.suggested .price.p2, .related-products.suggested p.price {
color: #74747f
}
.related-products.suggested .gallery-item {
max-height: 534px;
background: #f3f4f6
}
.related-products.suggested .gallery-item:hover {
background-color: #e8edf3
}
.related-products.suggested .gallery-item .product-img:after {
padding-top: 44.8979592%
}
.related-products.suggested .gallery-item .gallery-item-inner.two-line .product-name {
margin-top: 7.523455%
}
.related-products.suggested .gallery-item .gallery-item-inner.two-line .product-tagline {
line-height: 1.1234
}
.related-products.suggested .gallery-item .gallery-item-inner .product-img {
margin-top: 5%;
background-color: transparent;
-webkit-transition: none;
transition: none
}
.related-products.suggested .gallery-item .gallery-item-inner .product-img:hover {
background-color: transparent !important
}
.related-products.suggested .gallery-item .gallery-item-inner .product-name {
margin-top: 11.142857%;
text-align: center;
font-size: .8125em;
/*font-family: "SST W01 Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
color: #74747f
}
.related-products.suggested .gallery-item .gallery-item-inner .product-tagline {
max-width: 305px;
margin: 0 auto;
text-align: center;
font-size: 1.625em;
font-family: "SST W01 Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #2f353d
}
.related-products .color-swatches {
display: none;
visibility: hidden
}
.related-products .gallery-item .product-img.teal-color {
background-color: #0085ba
}
.related-products .gallery-item .product-img.orange-color {
background-color: #ebab3d
}
.related-products .gallery-item .product-img.purple-color {
background-color: #734f8a
}
.related-products .gallery-item .product-img.sage-color {
background-color: #87b5b0
}
.related-products .gallery-item .product-img.slate-color {
background-color: #4f6b85
}
.related-products .gallery-item .product-img.dark-slate-color {
background-color: #293d54
}
.related-products .gallery-item .product-img.eggplant-color {
background-color: #734566
}
.related-products .grid .gallery-item:not(.suggested) {
margin-left: 0
}
.related-products .product-content {
/*font-family: "SST W01 Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
color: #2f353d
}
.dark .related-products .product-content {
background-color: #f1f5f9
}
.related-products .product-content .p5 {
display: block;
color: #74747f
}
.related-products .product-content .product-name.p3 {
color: #2f353d
}
.related-products .product-content .product-price {
color: #74747f
}
.related-products .product-content .product-price .price.p2, .related-products .product-content .product-price p.price {
color: #74747f
}
.related-products .product-content .product-price .price-prefix.p5 {
display: inline-block;
margin-right: .5em
}
.related-products .product-content .product-price .price-prefix.price-disclaimer {
display: block
}
.related-products .product-content .product-price .price-prefix.wrap {
margin-bottom: 0px
}
.related-products .gallery-item {
overflow: inherit
}
.lt-ie8 .related-products .gallery-item.medium .product-img {
max-height: 385px
}
.related-products .gallery-item.blank {
opacity: 0;
visibility: hidden;
cursor: none
}
.no-opacity .related-products .gallery-item.blank {
visibility: hidden
}
.related-products .gallery-item.normal .label.label-success {
display: none
}
.related-products .gallery-item.plate .plate-btn {
position: absolute;
left: 9.5%;
bottom: 10%;
background-color: #f3f4f6;
color: #2f353d
}
.related-products .gallery-item.plate .plate-btn.w-count {
bottom: 20%
}
.related-products .gallery-item a.gallery-item-inner-link {
display: block
}
.related-products .gallery-item .promo-content a.primary-link {
font-weight: bold
}
.related-products .gallery-item.plate .promo-content {
top: auto;
left: auto;
width: 100%;
height: 100%;
padding: 0
}
.related-products .gallery-item.plate .text-promo-title {
position: absolute;
font-size: 1.0em;
height: 100%;
padding: 7.5% 7.5% 9.5% 9.5%
}
.related-products .gallery-item.plate .text-promo-title .title {
color: #fff;
margin-bottom: 0;
font-family: "SST W01 Medium", "Helvetica Neue", Helvetica, Arial, sans-serif
}
.related-products .gallery-item.plate .text-promo-title .emphasis {
color: #fff;
padding: 0 4% 0 0;
font-size: 1.5em
}
.related-products .gallery-item.plate .text-count {
bottom: 9%;
left: 9.5%
}
.related-products .gallery-item.plate:after {
padding-top: 63.690255%
}
.related-products .gallery-item:after {
content: ''
}
.related-products .gallery-item .product-img:after {
content: ''
}
.related-products .gallery-item.normal .product-img img {
max-height: 155px
}
.related-products .small-size {
width: 133px;
height: 219.710784272px;
display: block;
float: left;
margin-left: 15px
}
.related-products .small-size .label.label-success {
display: none
}
.related-products .small-size.plate {
width: 180px
}
.related-products .small-size.plate .text-promo-title {
width: 150px
}
.related-products .small-size.plate .emphasis {
visibility: hidden;
display: none
}
.related-products .small-size .gallery-item-inner {
height: 160px
}
.related-products .small-size .gallery-item-inner .product-img {
height: 113px
}
.related-products .small-size .gallery-item-inner .product-name {
max-width: 150px
}
.related-products .small-size .gallery-item-inner .price-prefix {
display: inline-block
}
.related-products .small-size .gallery-item-inner .price-prefix.p5 {
display: block
}
.related-products .small-size.plate .gallery-item-inner .product-img {
height: 215px
}
.related-products .gallery-item.plate strong {
display: block
}
.related-products .medium:after {
padding-top: 129.790023%
}
.related-products .medium .product-img:after {
padding-top: 101.2%
}
.related-products .promo:after {
padding-top: 54.524361948956%
}
.related-products .gallery-item:not(.plate) .product-img {
background: #f1f5f9;
-webkit-transition: background-color .15s ease-out;
transition: background-color .15s ease-out
}
.dark .related-products .gallery-item:not(.plate) .product-img {
background-color: #fff
}
.related-products .gallery-item:not(.plate) .product-img:hover:not(.plate) {
background-color: #e8edf3
}
.related-products .gallery-item:not(.plate) .product-img.show-jpeg:hover:not(.plate) {
background-color: #f1f5f9
}
.related-products.full .gallery-item {
margin-left: 0
}
.related-products.full .gallery-item.small-size {
margin: 0 0 0 12px
}
.related-products.full .gallery-item.small-size:first-child {
margin: 0 0 0 0
}
.dark .related-products.full .gallery-item.small-size {
background-color: #f1f5f9
}
.related-products .rp-overflow {
width: 100%;
height: 100%;
position: relative;
-webkit-user-select: none;
-moz-user-select: -moz-none;
user-select: none;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent
}
.related-products .rp-container {
position: relative;
width: 100%;
height: 100%;
-webkit-tap-highlight-color: transparent;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden
}
.related-products .rp-slide {
position: absolute;
left: 0;
top: 0;
width: 85.06122%;
max-width: 1190px;
height: 100%;
display: block;
visibility: hidden;
overflow: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden
}
.lt-ie10 .related-products .rp-slide {
width: 910px;
height: 495px;
min-height: 495px;
max-height: 495px
}
.related-products .product-content .product-rating {
margin: 0
}
@media (max-width: 29.9375em) {
.container .rp-tabs .rp-tab {
width: 33%;
padding-left: 0;
padding-right: 0;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.related-products.suggested .product-price {
margin-bottom: 45px
}
}
.related-products.rp-mobile {
width: 86.25%;
overflow: visible;
position: static;
visibility: visible;
margin-left: auto;
margin-right: auto
}
@media (min-width: 61.25em) and (max-width: 74.9375em) {
.related-products .shuffle-container {
max-width: 1190px
}
.related-products .shuffle-container.slimgrid5 {
width: 91.89189%
}
}
@media (min-width: 75.0625em) {
.related-products .shuffle-container {
max-width: 1190px
}
.related-products .shuffle-container.slimgrid5 {
width: 100%
}
}
@media (max-width: 61.1875em) {
.related-products.strip .span1 {
width: 152px
}
}
@media (min-width: 48.0625em) {
.related-products.suggested .span6:after {
content: '';
display: block;
padding-top: 98.1963928%
}
}
@media (min-width: 30.0625em) and (max-width: 48em) {
.related-products.suggested {
padding: 0 4% 0 4%
}
.related-products.suggested .span6 {
width: 48.13617%
}
.related-products.suggested .span6:after {
content: '';
display: block;
padding-top: 128.343949%
}
.related-products.suggested .gallery-item .product-img {
margin-top: 12%
}
.related-products.suggested .gallery-item .product-price {
margin-top: 5%
}
.related-products.suggested .gallery-item .gallery-item-inner .product-tagline {
font-size: 1.3125em
}
.related-products.suggested .gallery-item .gallery-item-inner .product-name {
padding-top: 4.142857%;
font-size: .6875em
}
.related-products.suggested .gallery-item .gallery-item-inner .product-tagline {
max-width: 245px
}
}
@media (max-width: 30em) {
.related-products.suggested .gallery-item {
margin-left: 0
}
.related-products.suggested .gallery-item:after {
padding-top: 9.196078%
}
}
@media (max-width: 35.5625em) {
.related-products .gallery-item.small-size.plate .gallery-item-inner .product-img {
min-height: 215px
}
.related-products .gallery-item.small-size.plate .gallery-item-inner .product-img .promo-content {
min-height: 215px
}
}
@media (min-width: 30.0625em) and (max-width: 980px) {
.related-products.related-products-4up .gallery-item:after {
padding-top: 99%
}
}
@media (max-width: 61.25em) {
.related-products .gallery-item.plate .promo-content .promo-title {
position: static
}
.related-products .gallery-item.plate .promo-content .text-count {
position: absolute
}
}
@media (max-width: 30.0625em) {
.related-products .gallery-item.plate .promo-content .text-promo-title {
width: 175px
}
.related-products .gallery-item.plate .promo-content .promo-title {
position: static
}
}
@media (max-width: 40.625em) {
.related-products .gallery-item.plate .text-promo-title .emphasis {
visibility: hidden;
display: none
}
}
@media (max-width: 30.0625em) {
.related-products .gallery-item .product-img:after {
content: none
}
.related-products.suggested .gallery-item .product-img:after {
content: ''
}
.related-products.suggested .gallery-item .gallery-item-inner {
position: static
}
}
@media (max-width: 35.5em) {
.related-products .gallery-item.suggested:after {
content: '';
display: block;
padding-top: 109.196078%
}
.related-products .gallery-item.suggested .product-img:after {
padding-top: 53.843137%
}
.related-products:after {
content: none
}
}
@media (max-width: 30em) {
.related-products .gallery-item.suggested:after {
padding-top: 9.196078%
}
}
@media (min-width: 30.0625em) and (max-width: 61.25em) {
.related-products .medium:after {
padding-top: 160.290023%
}
}
@media (min-width: 30.0625em) and (max-width: 61.25em) {
.related-products .gallery-item:after {
padding-top: 133.196078%
}
.related-products .gallery-item .gallery-item-inner, .related-products .product-img .product-img-wrap {
position: absolute
}
.related-products .medium.gallery-item:after {
padding-top: 127%
}
.related-products.related-products-4up .gallery-item:after {
padding-top: 160.196078%
}
.related-products.related-products-4up .medium.gallery-item:after {
padding-top: 141.196078%
}
.related-products.related-products-4up .medium .product-img:after {
padding-top: 90.32761%
}
}
@media (min-width: 35.5625em) and (max-width: 47.9375em) {
.related-products .gallery-item.medium:after {
padding-top: 127%
}
}
@media (min-width: 35.5625em) and (max-width: 40em) {
.related-products .gallery-item.medium:after {
padding-top: 127%
}
}
@media (max-width: 35.5em) {
.related-products {
margin: 0 0 53px 0
}
}
@media (max-width: 74.9375em) {
.related-products .rp-slide {
width: 93.06122%
}
}
@media (min-width: 75em) {
.related-products .rp-slide {
width: 85.06122%
}
}
@media (min-width: 87.5em) {
.related-products .rp-slide {
width: 93.06122%
}
}
@media (min-width: 48.0625em) and (max-width: 61.25em) {
.related-products .rp-slide.related-products-3up .gallery-item.medium .product-img:after {
padding-top: 93%
}
}
@media (min-width: 48.0625em) and (max-width: 61.25em) {
.related-products .rp-slide.related-products-3up .gallery-item.plate:after {
padding-top: 131.09025%
}
}
@media (min-width: 30.0625em) and (max-width: 48em) {
.related-products .rp-slide.related-products-3up .gallery-item.medium .product-img:after {
padding-top: 82.5%
}
}
@media (min-width: 30.0625em) and (max-width: 48em) {
.related-products .rp-slide.related-products-3up .gallery-item.medium .gallery-item:after {
padding-top: 127.99607%
}
}
@media (min-width: 30.0625em) and (max-width: 48em) {
.related-products .rp-slide.related-products-3up .gallery-item.plate:after {
padding-top: 127.143%
}
}
@media (min-width: 30.0625em) and (max-width: 48em) {
.rp-grid {
padding: 0
}
}
@media (max-width: 47.9375em) {
.rp-section .rv-module .primary-link.lt3 {
margin-top: 0;
float: none
}
}
@media (min-width: 768px) and (max-width: 74.9375em) {
.rp-section .rv-module .primary-link.lt3 {
margin-top: 50px;
float: right
}
}
@media (min-width: 75em) {
.rp-section .rv-module .primary-link.lt3 {
margin-top: 59px;
float: right
}
}
@media (max-width: 35.5em) {
.related-products .gallery-item.plate .plate-btn.w-count {
left: 9.5%;
right: 9.5%;
bottom: 9.5%
}
.rp-section .compatibility-types {
text-align: left;
padding: 0
}
.rp-section .compatibility-types--btn-container {
display: block;
padding: 0;
padding-bottom: 1em
}
.rp-section .compatibility-types--btn-container .btn-small {
padding: 11px 24px 13px;
font-size: .8125em
}
}
.raa-header h2 {
padding: 0 0 14px 0;
margin-bottom: 10px;
border-bottom: 3px solid #e4e7eb
}
.raa-content .carousel-slide, .raa-content .raa-expert-reviews>div, .raa-content .raa-merged-carousel-wrapper {
-webkit-backface-visibility: hidden
}
.raa-content .raa-merged-wrapper {
display: none
}
.raa-content>.grid {
margin-top: -10px;
padding-top: 26px
}
.raa-user-reviews .pagination-paddles .nav-paddle {
top: 47%
}
.raa-user-reviews .pagination-paddles .nav-paddle.pagination-prev {
left: 50px;
margin-left: 0
}
.raa-user-reviews .pagination-paddles .nav-paddle.pagination-next {
right: 50px;
margin-right: 0
}
.raa-user-reviews .raa-user-reviews-carousel {
position: relative;
top: 8px;
min-height: 440px;
margin-bottom: 8px;
overflow: hidden;
border-right: 1px solid #e4e7eb
}
.raa-user-reviews .raa-user-reviews-carousel .sony-dot-nav {
position: absolute;
bottom: 26px;
left: 0;
width: 100%
}
.raa-user-reviews.span12 .raa-user-reviews-carousel {
border: none
}
.no-user-reviews .raa-user-reviews.span12 .raa-user-reviews-carousel {
height: 325px;
margin-bottom: 21px;
background-color: #f1f5f9
}
.raa-user-reviews .carousel-slide {
position: relative;
width: 2000%
}
.raa-user-reviews .carousel-slide .user-ratings, .raa-user-reviews .carousel-slide .raa-social-mention {
width: 5%;
min-height: 332px;
margin-top: 53px;
float: left
}
.raa-user-reviews .raa-breakdown, .raa-user-reviews .raa-social-mention aside {
width: 355px;
max-width: 100%;
margin: 0 auto;
text-align: center
}
.raa-user-reviews .raa-breakdown blockquote, .raa-user-reviews .raa-social-mention aside blockquote {
margin-bottom: 40px
}
.raa-user-reviews .raa-breakdown img, .raa-user-reviews .raa-social-mention aside img {
width: 40px;
height: 40px;
margin: 0 10px 0 0
}
.raa-user-reviews .user-ratings {
text-align: center
}
.raa-user-reviews .user-ratings .cta {
margin-top: 30px;
clear: both
}
.raa-user-reviews .user-ratings .raa-overall .star {
color: #e4e7eb;
font-size: 3.53846em
}
.raa-user-reviews .user-ratings .raa-overall .star.on {
color: #f25529
}
.raa-user-reviews .user-ratings .raa-overall .zero-ratings {
margin-top: 10px;
color: #2f353d
}
.raa-user-reviews .user-ratings .raa-overall .average-rating {
margin-top: 10px
}
.raa-user-reviews .user-ratings .raa-overall .average-rating strong {
color: #2f353d
}
.raa-user-reviews .user-ratings .raa-breakdown {
margin-top: 36px
}
.raa-user-reviews .user-ratings .raa-breakdown>div {
position: relative;
overflow: hidden;
margin: 9px 0 0;
padding: 0 0 2px;
clear: both
}
.raa-user-reviews .user-ratings .raa-breakdown>div dt {
margin: 0 0 1px;
text-align: left
}
.raa-user-reviews .user-ratings .raa-breakdown>div dd {
position: absolute;
right: 0;
bottom: 0;
margin: 0;
line-height: 1em
}
.raa-user-reviews .user-ratings .raa-breakdown .raa-rating-bar {
width: 94%;
height: 4px;
float: left;
background-color: #e4e7eb
}
.raa-user-reviews .user-ratings .raa-breakdown .raa-rating-bar .raa-rating-bar-score {
height: 100%;
float: left;
background-color: #f25529
}
.raa-user-reviews .user-ratings .raa-breakdown .raa-rating-bar .raa-rating-bar-score.score-1 {
width: 20%
}
.raa-user-reviews .user-ratings .raa-breakdown .raa-rating-bar .raa-rating-bar-score.score-2 {
width: 40%
}
.raa-user-reviews .user-ratings .raa-breakdown .raa-rating-bar .raa-rating-bar-score.score-3 {
width: 60%
}
.raa-user-reviews .user-ratings .raa-breakdown .raa-rating-bar .raa-rating-bar-score.score-4 {
width: 80%
}
.raa-user-reviews .user-ratings .raa-breakdown .raa-rating-bar .raa-rating-bar-score.score-5 {
width: 100%
}
.raa-expert-reviews .pagination-paddles .nav-paddle {
top: 47%
}
.raa-expert-reviews .pagination-paddles .nav-paddle.pagination-prev {
left: 0;
margin-left: -16px
}
.raa-expert-reviews .pagination-paddles .nav-paddle.pagination-next {
right: 0;
margin-right: -16px
}
.raa-expert-reviews .raa-expert-reviews-wrapper {
position: relative
}
.raa-expert-reviews .reviews {
position: relative;
margin: 16px 0 35px;
padding: 0 0 20px;
overflow: hidden;
background-color: #f1f5f9
}
.no-awards .raa-expert-reviews .reviews {
min-height: 440px
}
.no-awards .raa-expert-reviews .reviews .raa-expert-carousel {
height: 100%
}
.raa-expert-reviews .reviews .raa-expert-carousel {
position: relative;
width: 2000%
}
.raa-expert-reviews .reviews .sony-dot-nav {
position: absolute;
bottom: 20px;
width: 100%
}
.raa-expert-reviews .reviews .raa-expert-review {
width: 5%;
height: 100%;
float: left;
padding: 20px 24px
}
.raa-expert-reviews .reviews .raa-expert-review blockquote {
margin-top: 22px
}
.raa-expert-reviews .reviews .raa-expert-review blockquote p {
margin-bottom: 12px
}
.raa-awards {
margin: 0
}
.span12 .raa-awards {
margin-top: 22px
}
.raa-awards li {
float: left;
max-width: 180px;
max-height: 300px;
padding-bottom: 15px
}
.span12 .raa-awards li {
width: 33%;
max-width: none
}
.span12 .raa-awards li p {
margin-left: 14px;
max-width: 300px
}
.span12 .raa-awards li p .award-description, .span12 .raa-awards li p .award-year {
font-size: 90%
}
.no-expert-reviews.has-user-reviews .raa-awards li, .raa-merged-carousel-wrapper .raa-awards li {
width: 100%;
max-width: none;
min-width: 200px;
margin: 13px 0 4px
}
.no-expert-reviews.has-user-reviews .raa-awards li p, .raa-merged-carousel-wrapper .raa-awards li p {
margin-left: 10px;
max-width: 110px
}
.raa-awards li a {
display: block;
width: 60px;
height: 60px;
float: left;
text-align: center
}
.has-expert-reviews.has-user-reviews .raa-awards li a {
margin: 16px 10px 0 0
}
.has-expert-reviews.has-user-reviews .raa-merged-carousel-wrapper .raa-awards li a {
margin: 0
}
.raa-awards li p {
float: left;
max-width: 120px
}
.raa-awards li p .award-name {
color: #2f353d
}
.raa-awards li p .award-description {
color: #2f353d;
display: block
}
.raa-awards li p .award-year {
color: #74747f;
display: block
}
.has-expert-reviews.has-user-reviews .raa-awards li p {
display: none
}
.has-expert-reviews.has-user-reviews .raa-merged-carousel-wrapper .raa-awards li p {
display: block
}
.raa-merged-carousel-wrapper {
position: relative;
overflow: hidden
}
.raa-merged-carousel-wrapper h3 {
margin-bottom: 18px
}
.raa-merged-carousel-wrapper .raa-merged-carousel {
position: relative;
width: 2000%
}
.no-user-reviews .raa-merged-carousel-wrapper .raa-merged-carousel {
height: 325px;
background-color: #f1f5f9
}
.raa-merged-carousel-wrapper .user-ratings, .raa-merged-carousel-wrapper .raa-social-mention, .raa-merged-carousel-wrapper .raa-expert-review, .raa-merged-carousel-wrapper .raa-awards {
width: 5%;
min-height: 292px;
float: left
}
.raa-merged-carousel-wrapper .raa-expert-review {
width: 4.9%;
padding: 32px 0;
margin: 0 .05%
}
.raa-merged-carousel-wrapper .raa-expert-review>div {
padding: 0 24px
}
.raa-merged-carousel-wrapper .raa-expert-review blockquote {
margin: .75em 0 1.125em
}
.raa-merged-carousel-wrapper .raa-awards {
margin-top: 0
}
.raa-merged-carousel-wrapper .raa-awards li {
margin: 8px 0 4px
}
.no-user-reviews .raa-merged-carousel-wrapper .raa-awards li {
padding: 0 16px
}
.no-user-reviews .raa-merged-carousel-wrapper .user-ratings {
display: table
}
.no-user-reviews .raa-merged-carousel-wrapper .user-ratings .raa-overall {
display: table-cell;
vertical-align: middle
}
@media (min-width: 83.4375em) {
.span12 .raa-awards li p {
max-width: 260px
}
}
@media (min-width: 73.3125em) and (max-width: 83.375em) {
.span12 .raa-awards li p {
max-width: 260px
}
}
@media (min-width: 61.25em) and (max-width: 73.25em) {
.span12 .raa-awards li p {
max-width: 200px
}
}
@media (min-width: 48em) and (max-width: 61.1875em) {
.span12 .raa-awards li p {
max-width: 160px
}
}
@media (min-width: 47.9375em) and (max-width: 52.3125em) {
.span12 .raa-awards li p {
max-width: 140px
}
}
@media (min-width: 29.9375em) and (max-width: 47.875em) {
.raa-social-mention {
display: table
}
.raa-social-mention>aside {
display: table-cell;
vertical-align: middle
}
.raa-user-reviews .raa-user-reviews-carousel {
border-right: none
}
.raa-awards {
padding-top: 12px
}
.raa-awards li {
max-height: 300px
}
.span12 .raa-awards li p {
margin-left: 14px;
max-width: 390px
}
.raa-module .raa-content .grid .raa-user-reviews, .raa-module .raa-content .grid .raa-expert-reviews, .raa-module .raa-content .grid .raa-awards-wrapper {
display: none
}
.raa-module .raa-content .grid.raa-merged-wrapper, .raa-module .raa-content .grid .raa-merged-carousel-wrapper {
display: block
}
}
@media (max-width: 29.9375em) {
.raa-social-mention {
display: table
}
.raa-social-mention>aside {
display: table-cell;
vertical-align: middle
}
.raa-user-reviews .raa-user-reviews-carousel {
border-right: none
}
.raa-awards {
padding-top: 12px
}
.raa-awards li {
max-height: 300px
}
.span12 .raa-awards li p {
margin-left: 14px;
max-width: 390px
}
.raa-module .raa-content .grid .raa-user-reviews, .raa-module .raa-content .grid .raa-expert-reviews, .raa-module .raa-content .grid .raa-awards-wrapper {
display: none
}
.raa-module .raa-content .grid.raa-merged-wrapper, .raa-module .raa-content .grid .raa-merged-carousel-wrapper {
display: block
}
}
.pdp-slideshow {
position: relative;
width: 100%;
height: 37.5em;
max-height: 45em;
overflow: hidden;
background: #f1f5f9;
margin-bottom: 5em;
opacity: 0;
-webkit-transition: .2s ease-out;
transition: .2s ease-out
}
.no-opacity .pdp-slideshow {
visibility: hidden
}
.pdp-slideshow div.video-bg-overlay {
display: block
}
.pdp-slideshow .sony-youtube-player .video-container, .pdp-slideshow .sony-youku-player .video-container {
padding-bottom: 36.25%
}
.pdp-slideshow.active {
opacity: 1
}
.no-opacity .pdp-slideshow.active {
visibility: visible
}
.lt-ie10 .pdp-slideshow {
min-width: 75em;
min-height: 35em
}
.lt-ie9 .pdp-slideshow {
min-width: 61.25em
}
.submodule .pdp-slideshow {
opacity: 1;
margin-bottom: 0
}
.no-opacity .submodule .pdp-slideshow {
visibility: visible
}
.pdp-slideshow .pagination-paddles button {
top: 48%
}
.pdp-slideshow .pdp-slideshow-outer {
position: relative;
z-index: 2;
overflow: hidden;
height: inherit
}
.lt-ie8 .pdp-slideshow .pdp-slideshow-outer {
height: 562px;
max-height: 562px
}
.pdp-slideshow .pdp-slideshow-inner {
position: relative;
overflow: hidden;
height: inherit;
zoom: 1;
width: 1000em;
max-height: 45em;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden
}
.has-fullscreen-video .pdp-slideshow .pdp-slideshow-inner {
-webkit-backface-visibility: visible;
-moz-backface-visibility: visible;
backface-visibility: visible
}
.pdp-slideshow .pdp-slideshow-slide {
position: relative;
float: left;
display: block;
width: 100%;
height: inherit;
text-align: center
}
.pdp-slideshow .pdp-slideshow-slide img {
font-size: 0
}
.ps3 .pdp-slideshow .pdp-slideshow-slide .sony-video {
height: 396px;
width: 1014px;
display: block
}
.pdp-slideshow .pdp-slideshow-slide .legal {
z-index: 9;
position: relative;
margin-top: -23px
}
.pdp-slideshow .pdp-slideshow-slide .flowplayer {
background-color: transparent
}
.pdp-slideshow .pdp-slideshow-slide .flowplayer.is-fullscreen {
background-color: #1f2024
}
.pdp-slideshow .pdp-slideshow-slide .pdp-slide-inner {
height: inherit;
width: 100%;
max-width: 100%
}
.pdp-slideshow .pdp-slideshow-slide.type1 .pdp-slide-inner {
padding: 4% 2% 11%
}
.pdp-slideshow .pdp-slideshow-slide.type1 .pdp-slide-inner .ghost-center {
width: 100%;
height: 100%
}
.pdp-slideshow .pdp-slideshow-slide.type1 .pdp-slide-inner .ghost-center:before {
content: '';
display: inline-block;
vertical-align: middle;
width: 0;
height: 100%
}
.pdp-slideshow .pdp-slideshow-slide.type1 .pdp-slide-inner .ghost-center-wrap {
font-size: 0;
vertical-align: middle;
display: inline
}
.lt-ie8 .pdp-slideshow .pdp-slideshow-slide.type1 .pdp-slide-inner {
padding-left: 0;
padding-right: 0
}
.pdp-slideshow .pdp-slideshow-slide img {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden
}
.pdp-slideshow .pdp-slideshow-slide.type1 img {
max-height: 100%
}
.lt-ie10 .pdp-slideshow .pdp-slideshow-slide.type1 img {
max-height: 450px
}
.pdp-slideshow>.sony-dot-nav {
position: absolute;
z-index: 4;
bottom: 30px;
width: 100%
}
.pdp-slideshow .pdp-slideshow-slide.type2 img {
max-width: none;
max-height: none
}
.pdp-slideshow .pdp-slideshow-slide.type2 {
overflow: hidden
}
.pdp-slideshow .thumb-nav-container {
position: relative;
z-index: 5;
height: 4.375em
}
.pdp-slideshow .thumb-nav-container .pagination-paddles {
top: -79px
}
.pdp-slideshow .thumb-nav-container .sony-dot-nav {
position: absolute;
width: 100%;
top: -60px
}
.pdp-slideshow .thumb-nav-grid {
position: relative;
height: 100%;
top: -105px;
z-index: 6
}
.pdp-slideshow .thumb-nav-grid .thumb-nav-carousel {
z-index: 7
}
.pdp-slideshow .thumb-nav-grid .thumb-nav-carousel .thumb-nav {
z-index: 8
}
.pdp-slideshow .thumb-nav-grid .thumb-nav-carousel .thumb-nav .thumb {
z-index: 9
}
.pdp-slideshow .thumb-nav-carousel {
position: relative;
height: 100%
}
.pdp-slideshow .thumb-nav {
position: absolute;
left: 0;
margin: 0;
width: 100%;
height: 100%;
text-align: center;
overflow: hidden
}
.pdp-slideshow .thumb-nav.dark .thumb .ghost-center-wrap, .pdp-slideshow .thumb-nav.dark .thumb a:before, .pdp-slideshow .thumb-nav.dark .thumb a:after {
background: #2f353d
}
.pdp-slideshow .thumb-nav.light .thumb .ghost-center-wrap, .pdp-slideshow .thumb-nav.light .thumb a:before, .pdp-slideshow .thumb-nav.light .thumb a:after {
background: #f1f5f9
}
.pdp-slideshow .thumb {
width: 4.5em;
height: 100%;
display: inline-block;
margin: 0 0 8px
}
.lt-ie10 .pdp-slideshow .thumb {
width: 4.625em;
height: 4.5em
}
.lt-ie8 .pdp-slideshow .thumb {
*display:inline;
*zoom:1
}
.lt-ie8 .pdp-slideshow .thumb img {
margin-top: .625em
}
.pdp-slideshow .thumb img {
position: relative;
display: block;
max-width: 4em;
max-height: 3em
}
.pdp-slideshow .thumb a {
position: relative;
width: 100.5%;
height: 100%;
display: block;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: .2s ease-out;
transition: .2s ease-out
}
.pdp-slideshow .thumb a.first:before {
content: '';
display: block;
position: absolute;
left: -6px;
width: 6px;
height: 95%;
top: 5%;
z-index: 2;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden
}
.pdp-slideshow .thumb a.last:after {
content: '';
display: block;
position: absolute;
right: -6px;
width: 6px;
height: 95%;
top: 5%;
z-index: 2;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden
}
.pdp-slideshow .thumb a.light img {
opacity: .6
}
.no-opacity .pdp-slideshow .thumb a.light img {
visibility: visible
}
.pdp-slideshow .thumb a.dark img {
opacity: .75
}
.no-opacity .pdp-slideshow .thumb a.dark img {
visibility: visible
}
.pdp-slideshow .thumb a .ghost-center-wrap {
position: relative;
top: 5%;
z-index: 1;
height: 95%
}
.pdp-slideshow .thumb .active-highlight {
position: absolute;
top: 5%;
left: 0;
z-index: 1;
display: block;
width: 100%;
height: 5%;
background: #4572ed;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-transition: top 0.15s linear;
transition: top 0.15s linear;
opacity: 0
}
.no-opacity .pdp-slideshow .thumb .active-highlight {
visibility: hidden
}
.pdp-slideshow .thumb .first .active-highlight {
left: -6px;
padding-left: 6px
}
.pdp-slideshow .thumb .last .active-highlight {
right: -6px;
padding-right: 6px
}
.no-touch .pdp-slideshow .thumb a:hover .active-highlight, .pdp-slideshow .thumb a.active .active-highlight {
top: 0%;
opacity: 1
}
.no-opacity .no-touch .pdp-slideshow .thumb a:hover .active-highlight, .no-opacity .pdp-slideshow .thumb a.active .active-highlight {
visibility: visible
}
.no-touch .pdp-slideshow .thumb a:hover img, .pdp-slideshow .thumb a.active img {
opacity: 1
}
.no-opacity .no-touch .pdp-slideshow .thumb a:hover img, .no-opacity .pdp-slideshow .thumb a.active img {
visibility: visible
}
.pdp-slideshow .thumb .ghost-center {
position: relative
}
.pdp-slideshow .thumb .video-icon {
position: absolute;
height: 100%;
width: 100%;
max-width: 4em;
max-height: 3em;
z-index: 2
}
.pdp-slideshow .thumb .video-icon .icon-back {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 30px;
height: 30px;
margin: -15px 0 0 -15px;
border-radius: 50%;
background: rgba(47,53,61,0.3);
padding: 0.5em 0.6em;
position: absolute
}
.pdp-slideshow .thumb .video-icon .icon {
border-top: 7px solid transparent;
border-left: 12px solid white;
border-bottom: 7px solid transparent
}
.pdp-slideshow .navigation-container {
width: 100%;
height: 40px
}
.pdp-slideshow .legal-container {
position: absolute;
width: 100%;
top: 30px;
z-index: 2
}
.pdp-slideshow .legal-container .grid {
position: relative
}
.pdp-slideshow .legal-container .grid img {
position: absolute;
right: 0;
top: 0
}
.pdp-slideshow .legal-container .grid p {
position: absolute;
left: 0;
top: 0;
padding: 10px;
background: #f1f5f9;
color: #000
}
.pdp-slideshow .legal-container .grid p .legal {
font-size: 0.8125em
}
.pdp-slideshow .legal-container .grid p a {
color: #000
}
.lt-ie9 .pdp-slideshow .thumb-nav-grid {
z-index: auto
}
.lt-ie9 .pdp-slideshow .thumb-nav-grid .thumb-nav-carousel {
z-index: auto
}
.lt-ie9 .pdp-slideshow .thumb-nav-grid .thumb-nav-carousel .thumb-nav {
z-index: auto
}
.lt-ie9 .pdp-slideshow .thumb-nav-grid .thumb-nav-carousel .thumb-nav .thumb {
z-index: auto
}
.lt-ie8 .pdp-slideshow .legal-container {
width: 980px
}
@media (min-width: 75em) {
.pdp-slideshow .pdp-slideshow-slide.type1 .pdp-slide-inner {
padding: 2.5% 1% 8%
}
.pdp-slideshow .pdp-slideshow-slide.type1 img {
max-height: 396px;
max-width: 1014px
}
.pdp-slideshow .pdp-slideshow-slide.type2 img {
height: auto
}
}
@media (min-width: 87.5em) {
.pdp-slideshow .pdp-slideshow-slide.type1 .pdp-slide-inner {
padding: 40px 40px 110px
}
.pdp-slideshow .pdp-slideshow-slide.type1 img {
max-height: 396px;
max-width: 1014px
}
.pdp-slideshow .pagination-paddles button {
top: 50%
}
.pdp-slideshow .pdp-slideshow-slide.type2 img {
height: auto
}
}
@media (min-width: 48em) and (max-width: 61.1875em) {
.pdp-slideshow {
height: 500px
}
.pdp-slideshow .pdp-slideshow-slide.type2 .ghost-center img {
display: block
}
.pdp-slideshow .pdp-slideshow-slide.type1 .pdp-slide-inner {
padding: 2.5% 2% 13%
}
.pdp-slideshow .thumb-nav-container {
height: 3.25em
}
.pdp-slideshow .thumb-nav-container .thumb-nav-grid {
top: -92px
}
.pdp-slideshow .thumb-nav-container .pagination-paddles {
top: -64px
}
.pdp-slideshow .thumb {
width: 3.875em
}
.pdp-slideshow .thumb a.first:before {
left: -4px;
width: 4px
}
.pdp-slideshow .thumb a.first .active-highlight {
left: -4px;
padding-left: 4px
}
.pdp-slideshow .thumb a.last:after {
right: -4px;
width: 4px
}
.pdp-slideshow .thumb a.last .active-highlight {
right: -4px;
padding-right: 4px
}
.pdp-slideshow .thumb img {
max-width: 3.5em;
max-height: 2.5em
}
}
@media (max-width: 47.9375em) {
.pdp-slideshow {
height: 420px
}
.pdp-slideshow .pagination-paddles button.pagination-next {
right: 2%;
margin-right: 0
}
.pdp-slideshow .pagination-paddles button.pagination-prev {
left: 2%;
margin-left: 0
}
.pdp-slideshow .legal-container {
top: 20px
}
}
@media (min-width: 30em) and (max-width: 47.9375em) {
.pdp-slideshow {
height: 420px
}
.pdp-slideshow .pdp-slideshow-slide.type1 .pdp-slide-inner {
padding: 4% 3% 6%
}
.pdp-slideshow .pdp-slideshow-slide.type2 .ghost-center img {
display: block;
width: 51.5625em;
-webkit-transform: translate(-5%, 0);
-ms-transform: translate(-5%, 0);
transform: translate(-5%, 0)
}
}
@media (max-width: 29.9375em) {
.pdp-slideshow {
height: 400px
}
.pdp-slideshow .pdp-slideshow-slide.type1 .pdp-slide-inner {
padding: 5% 5% 10%
}
}
.one-sony-carousel.secondary-tout {
height: 100%;
margin-top: 0;
width: 100%;
max-width: 1290px;
margin: 0 auto;
visibility: hidden
}
.one-sony-carousel.secondary-tout .st-container-inner {
max-width: auto;
display: block;
margin: 0
}
.one-sony-carousel.secondary-tout .st-container {
height: 490px;
width: 92%;
margin: 0 auto;
max-width: 1290px;
overflow: visible
}
.one-sony-carousel.secondary-tout .st-container .pagination-paddles {
width: 117%;
margin-left: -8.5%
}
.one-sony-carousel.secondary-tout .st-container .st-content {
height: 100%;
width: 100%;
float: left;
margin-bottom: 0;
margin-left: 0;
margin-right: 2.35294%;
top: 0;
position: absolute;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0)
}
.one-sony-carousel.secondary-tout .st-container .st-content .st-grid .st-item {
height: 100%
}
.one-sony-carousel.secondary-tout .st-container .st-item {
height: 100%;
margin-bottom: 0;
margin-left: 0;
top: 0;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0)
}
.one-sony-carousel.secondary-tout .st-container .st-item .eyebrow {
text-transform: unset
}
.one-sony-carousel.secondary-tout .st-container .st-item .footNoteNumber {
pointer-events: initial
}
.one-sony-carousel.secondary-tout .st-container .st-item .st-item-content {
-webkit-transform: translateZ(0)
}
.one-sony-carousel.secondary-tout .st-container .st-item .st-item-content.light-text-dark-panel, .one-sony-carousel.secondary-tout .st-container .st-item .st-item-content.dark-text-light-panel {
padding: 4% 12%
}
.one-sony-carousel.secondary-tout .st-container .st-item.span12 {
width: 100%
}
.one-sony-carousel.secondary-tout .st-container .st-item.span8 {
width: 65.88235%
}
.one-sony-carousel.secondary-tout .st-container .st-item.span8:first-child {
margin-right: 2%
}
.one-sony-carousel.secondary-tout .st-container .st-item.span8:last-child {
margin-right: 0
}
.one-sony-carousel.secondary-tout .st-container .st-item.span6 {
width: 49%
}
.one-sony-carousel.secondary-tout .st-container .st-item.span6:first-child {
margin-right: 2%
}
.one-sony-carousel.secondary-tout .st-container .st-item.span6:last-child {
margin-right: 0
}
.one-sony-carousel.secondary-tout .st-container .st-item.span4 {
width: 32%;
margin-right: 2%
}
.one-sony-carousel.secondary-tout .st-container .st-item.span4:last-child {
margin-right: 0
}
.one-sony-carousel.secondary-tout .sony-dot-nav {
margin-top: 0;
padding-top: 40px
}
.sony-carousel-container.outerspace-top, .whats-new-tout.outerspace-top {
margin-top: 70px
}
.sony-carousel-container.outerspace-bottom, .whats-new-tout.outerspace-bottom {
margin-bottom: 75px
}
.sony-carousel-container.outerspace-both, .whats-new-tout.outerspace-both {
margin-top: 70px;
margin-bottom: 75px
}
.sony-carousel-container.outerspace-none, .whats-new-tout.outerspace-none {
margin-top: 0;
margin-bottom: 0
}
.sony-carousel-container.group-top, .whats-new-tout.group-top {
padding-bottom: 0
}
.sony-carousel-container.group-middle, .whats-new-tout.group-middle {
padding-top: 0;
padding-bottom: 0
}
.sony-carousel-container.group-bottom, .whats-new-tout.group-bottom {
padding-top: 0
}
@media (min-width: 75em) {
.one-sony-carousel.secondary-tout .st-container {
height: 490px
}
}
@media (min-width: 64em) and (max-width: 74.9375em) {
.one-sony-carousel.secondary-tout .st-container {
height: 430px
}
}
@media (min-width: 35.5em) and (max-width: 63.9375em) {
.one-sony-carousel.secondary-tout .st-container {
height: 372px
}
.one-sony-carousel.secondary-tout.outerspace-top {
margin-top: 60px
}
.one-sony-carousel.secondary-tout.outerspace-bottom {
margin-bottom: 50px
}
.one-sony-carousel.secondary-tout.outerspace-both {
margin-top: 60px;
margin-bottom: 50px
}
.one-sony-carousel.secondary-tout.outerspace-none {
margin-top: 0;
margin-bottom: 0
}
}
@media (min-width: 30em) and (max-width: 35.4375em) {
.one-sony-carousel.secondary-tout .st-container {
height: 347px
}
.one-sony-carousel.secondary-tout .sony-dot-nav {
margin-top: 0;
padding-top: 20px
}
.one-sony-carousel.secondary-tout.outerspace-top {
margin-top: 42px
}
.one-sony-carousel.secondary-tout.outerspace-bottom {
margin-bottom: 28px
}
.one-sony-carousel.secondary-tout.outerspace-both {
margin-top: 42px;
margin-bottom: 28px
}
.one-sony-carousel.secondary-tout.outerspace-none {
margin-top: 0;
margin-bottom: 0
}
}
@media (max-width: 30em) {
.one-sony-carousel.secondary-tout .st-container {
height: 317px
}
.one-sony-carousel.secondary-tout .st-container .st-container-inner .st-item h4.headline.t3, .one-sony-carousel.secondary-tout .st-container .st-container-inner .st-item h4.headline.t4, .one-sony-carousel.secondary-tout .st-container .st-container-inner .st-item h4.headline {
font-size: 1.25em
}
.one-sony-carousel.secondary-tout.outerspace-top {
margin-top: 42px
}
.one-sony-carousel.secondary-tout.outerspace-bottom {
margin-bottom: 28px
}
.one-sony-carousel.secondary-tout.outerspace-both {
margin-top: 42px;
margin-bottom: 28px
}
.one-sony-carousel.secondary-tout.outerspace-none {
margin-top: 0;
margin-bottom: 0
}
}
.secondary-tout {
position: relative;
overflow: visible;
margin: 40px 0
}
@media (max-width: 47.9375em) {
.secondary-tout {
margin: 30px 0
}
}
@media (max-width: 30em) {
.secondary-tout {
margin: 22px 0
}
}
.secondary-tout .st-dot-nav {
height: 40px
}
.secondary-tout .st-container {
position: relative;
width: 100%;
overflow: hidden;
-webkit-tap-highlight-color: transparent
}
.secondary-tout .st-container-inner {
position: relative;
top: 0;
left: 0;
height: 100%;
max-width: 1290px;
display: block;
-webkit-tap-highlight-color: transparent
}
.secondary-tout .st-container-inner-no-paddle {
transform: none /*!important*/;
-webkit-transform: none /*!important*/
}
.secondary-tout .st-content {
position: relative;
top: 0;
left: 0;
height: 100%;
display: block
}
.secondary-tout .st-content .st-video-container {
height: 100%;
width: 100%
}
.secondary-tout .st-content .st-video-container video {
height: inherit
}
.secondary-tout .st-content .st-button {
width: 37.202381%;
max-height: 69px;
min-width: 185px;
display: block;
position: absolute;
bottom: 6.8809%;
left: 6.8809%
}
.secondary-tout .st-content .st-button:after {
padding-top: 27.6%
}
.secondary-tout .st-content .st-button.dark {
color: #fff;
background-color: #272a31
}
.secondary-tout .st-content .st-button img {
width: 43.6%;
display: inline-block
}
.secondary-tout .st-item {
-webkit-transition: opacity .15s ease-in;
transition: opacity .15s ease-in;
position: relative;
display: block;
height: 360px
}
.secondary-tout .st-item.on {
opacity: 1
}
.secondary-tout .st-item article {
position: absolute;
width: 100%;
height: 100%;
cursor: pointer;
zoom: 1;
overflow: hidden
}
.secondary-tout .st-item article.st-background-video {
top: 0
}
.secondary-tout .st-item article.autoCursor {
cursor: auto
}
.secondary-tout .st-item article .parent-level-link {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1
}
.secondary-tout .st-item article.st-background-video .st-image {
display: none
}
.secondary-tout .st-item article.teal-color {
background-color: #0085ba
}
.secondary-tout .st-item article.orange-color {
background-color: #ebab3d
}
.secondary-tout .st-item article.purple-color {
background-color: #734f8a
}
.secondary-tout .st-item aside {
position: absolute;
bottom: 8.4%;
z-index: 2
}
.secondary-tout .st-item aside[class*="align-left-"].content-12 {
left: 4.2%
}
.secondary-tout .st-item aside[class*="align-left-"].content-8 {
left: 6.2%
}
.secondary-tout .st-item aside[class*="align-left-"].content-6, .secondary-tout .st-item aside[class*="align-left-"].content-4 {
left: 7.3%
}
.secondary-tout .st-item aside[class*="align-right-"].content-12 {
right: 6.2%
}
.secondary-tout .st-item aside[class*="align-right-"].content-12.content-12 {
max-width: 300px;
width: 39.16449%;
min-width: 221.25px
}
@media (min-width: 61.3125em) {
.secondary-tout .st-item aside[class*="align-right-"].content-12.content-12 {
min-width: 270.75px
}
}
@media (min-width: 30.0625em) and (max-width: 61.1875em) {
.secondary-tout .st-item aside[class*="align-right-"].content-12.content-12 {
max-width: 350px;
width: 40.54054%;
min-width: 11.32503%
}
}
@media (max-width: 30em) {
.secondary-tout .st-item aside[class*="align-right-"].content-12.content-12 {
max-width: 95.0324%;
width: 95.0324%;
min-width: 12.45753%
}
.secondary-tout .st-item aside[class*="align-right-"].content-12.content-12 h1, .secondary-tout .st-item aside[class*="align-right-"].content-12.content-12 h2, .secondary-tout .st-item aside[class*="align-right-"].content-12.content-12 h3, .secondary-tout .st-item aside[class*="align-right-"].content-12.content-12 h4, .secondary-tout .st-item aside[class*="align-right-"].content-12.content-12 h5, .secondary-tout .st-item aside[class*="align-right-"].content-12.content-12 h6 {
max-width: 82.55159%
}
.secondary-tout .st-item aside[class*="align-right-"].content-12.content-12.dark-text-light-panel h1, .secondary-tout .st-item aside[class*="align-right-"].content-12.content-12.dark-text-light-panel h2, .secondary-tout .st-item aside[class*="align-right-"].content-12.content-12.dark-text-light-panel h3, .secondary-tout .st-item aside[class*="align-right-"].content-12.content-12.dark-text-light-panel h4, .secondary-tout .st-item aside[class*="align-right-"].content-12.content-12.dark-text-light-panel h5, .secondary-tout .st-item aside[class*="align-right-"].content-12.content-12.dark-text-light-panel h6, .secondary-tout .st-item aside[class*="align-right-"].content-12.content-12.light-text-dark-panel h1, .secondary-tout .st-item aside[class*="align-right-"].content-12.content-12.light-text-dark-panel h2, .secondary-tout .st-item aside[class*="align-right-"].content-12.content-12.light-text-dark-panel h3, .secondary-tout .st-item aside[class*="align-right-"].content-12.content-12.light-text-dark-panel h4, .secondary-tout .st-item aside[class*="align-right-"].content-12.content-12.light-text-dark-panel h5, .secondary-tout .st-item aside[class*="align-right-"].content-12.content-12.light-text-dark-panel h6 {
max-width: none
}
.secondary-tout .st-item aside[class*="align-right-"].content-12.content-12.align-right-center {
max-width: none
}
}
.secondary-tout .st-item aside[class*="align-right-"].content-12[class*="copy"].content-12 {
max-width: 350px;
width: 45.69191%;
min-width: 258.125px
}
@media (min-width: 61.3125em) {
.secondary-tout .st-item aside[class*="align-right-"].content-12[class*="copy"].content-12 {
min-width: 315.875px
}
}
@media (min-width: 30.0625em) and (max-width: 61.1875em) {
.secondary-tout .st-item aside[class*="align-right-"].content-12[class*="copy"].content-12 {
max-width: 350px;
width: 47.2973%;
min-width: 11.32503%
}
}
@media (max-width: 30em) {
.secondary-tout .st-item aside[class*="align-right-"].content-12[class*="copy"].content-12 {
max-width: 95.0324%;
width: 95.0324%;
min-width: 12.45753%
}
.secondary-tout .st-item aside[class*="align-right-"].content-12[class*="copy"].content-12 h1, .secondary-tout .st-item aside[class*="align-right-"].content-12[class*="copy"].content-12 h2, .secondary-tout .st-item aside[class*="align-right-"].content-12[class*="copy"].content-12 h3, .secondary-tout .st-item aside[class*="align-right-"].content-12[class*="copy"].content-12 h4, .secondary-tout .st-item aside[class*="align-right-"].content-12[class*="copy"].content-12 h5, .secondary-tout .st-item aside[class*="align-right-"].content-12[class*="copy"].content-12 h6 {
max-width: 82.55159%
}
.secondary-tout .st-item aside[class*="align-right-"].content-12[class*="copy"].content-12.dark-text-light-panel h1, .secondary-tout .st-item aside[class*="align-right-"].content-12[class*="copy"].content-12.dark-text-light-panel h2, .secondary-tout .st-item aside[class*="align-right-"].content-12[class*="copy"].content-12.dark-text-light-panel h3, .secondary-tout .st-item aside[class*="align-right-"].content-12[class*="copy"].content-12.dark-text-light-panel h4, .secondary-tout .st-item aside[class*="align-right-"].content-12[class*="copy"].content-12.dark-text-light-panel h5, .secondary-tout .st-item aside[class*="align-right-"].content-12[class*="copy"].content-12.dark-text-light-panel h6, .secondary-tout .st-item aside[class*="align-right-"].content-12[class*="copy"].content-12.light-text-dark-panel h1, .secondary-tout .st-item aside[class*="align-right-"].content-12[class*="copy"].content-12.light-text-dark-panel h2, .secondary-tout .st-item aside[class*="align-right-"].content-12[class*="copy"].content-12.light-text-dark-panel h3, .secondary-tout .st-item aside[class*="align-right-"].content-12[class*="copy"].content-12.light-text-dark-panel h4, .secondary-tout .st-item aside[class*="align-right-"].content-12[class*="copy"].content-12.light-text-dark-panel h5, .secondary-tout .st-item aside[class*="align-right-"].content-12[class*="copy"].content-12.light-text-dark-panel h6 {
max-width: none
}
.secondary-tout .st-item aside[class*="align-right-"].content-12[class*="copy"].content-12.align-right-center {
max-width: none
}
}
.secondary-tout .st-item aside[class*="align-right-"].content-8 {
right: 3.6%
}
.secondary-tout .st-item aside[class*="align-right-"].content-8.content-8 {
max-width: 280px;
width: 36.55352%;
min-width: 206.5px
}
@media (min-width: 61.3125em) {
.secondary-tout .st-item aside[class*="align-right-"].content-8.content-8 {
min-width: 252.7px
}
}
@media (min-width: 30.0625em) and (max-width: 48em) {
.secondary-tout .st-item aside[class*="align-right-"].content-8.content-8 {
max-width: 86.39309%;
width: 86.39309%;
min-width: 11.32503%
}
}
@media (max-width: 30em) {
.secondary-tout .st-item aside[class*="align-right-"].content-8.content-8 {
max-width: 86.39309%;
width: 86.39309%;
min-width: 11.32503%
}
.secondary-tout .st-item aside[class*="align-right-"].content-8.content-8 h1, .secondary-tout .st-item aside[class*="align-right-"].content-8.content-8 h2, .secondary-tout .st-item aside[class*="align-right-"].content-8.content-8 h3, .secondary-tout .st-item aside[class*="align-right-"].content-8.content-8 h4, .secondary-tout .st-item aside[class*="align-right-"].content-8.content-8 h5, .secondary-tout .st-item aside[class*="align-right-"].content-8.content-8 h6 {
max-width: 75.0469%
}
}
.secondary-tout .st-item aside[class*="align-right-"].content-8[class*="copy"].content-8 {
max-width: 330px;
width: 43.08094%;
min-width: 243.375px
}
@media (min-width: 61.3125em) {
.secondary-tout .st-item aside[class*="align-right-"].content-8[class*="copy"].content-8 {
min-width: 297.825px
}
}
@media (min-width: 30.0625em) and (max-width: 48em) {
.secondary-tout .st-item aside[class*="align-right-"].content-8[class*="copy"].content-8 {
max-width: 86.39309%;
width: 86.39309%;
min-width: 11.32503%
}
}
@media (max-width: 30em) {
.secondary-tout .st-item aside[class*="align-right-"].content-8[class*="copy"].content-8 {
max-width: 86.39309%;
width: 86.39309%;
min-width: 11.32503%
}
.secondary-tout .st-item aside[class*="align-right-"].content-8[class*="copy"].content-8 h1, .secondary-tout .st-item aside[class*="align-right-"].content-8[class*="copy"].content-8 h2, .secondary-tout .st-item aside[class*="align-right-"].content-8[class*="copy"].content-8 h3, .secondary-tout .st-item aside[class*="align-right-"].content-8[class*="copy"].content-8 h4, .secondary-tout .st-item aside[class*="align-right-"].content-8[class*="copy"].content-8 h5, .secondary-tout .st-item aside[class*="align-right-"].content-8[class*="copy"].content-8 h6 {
max-width: 75.0469%
}
}
.secondary-tout .st-item aside[class*="align-right-"].content-6 {
right: 8.6%
}
.secondary-tout .st-item aside[class*="align-right-"].content-6.content-6 {
max-width: 250px;
width: 32.63708%;
min-width: 184.375px
}
@media (min-width: 61.3125em) {
.secondary-tout .st-item aside[class*="align-right-"].content-6.content-6 {
min-width: 225.625px
}
}
@media (min-width: 30.0625em) and (max-width: 48em) {
.secondary-tout .st-item aside[class*="align-right-"].content-6.content-6 {
max-width: 80%;
width: 80%;
min-width: 30%
}
}
@media (max-width: 30em) {
.secondary-tout .st-item aside[class*="align-right-"].content-6.content-6 {
max-width: 80%;
width: 80%;
min-width: 30%
}
.secondary-tout .st-item aside[class*="align-right-"].content-6.content-6 h1, .secondary-tout .st-item aside[class*="align-right-"].content-6.content-6 h2, .secondary-tout .st-item aside[class*="align-right-"].content-6.content-6 h3, .secondary-tout .st-item aside[class*="align-right-"].content-6.content-6 h4, .secondary-tout .st-item aside[class*="align-right-"].content-6.content-6 h5, .secondary-tout .st-item aside[class*="align-right-"].content-6.content-6 h6 {
max-width: 75.0469%
}
}
.secondary-tout .st-item aside[class*="align-right-"].content-6[class*="copy"].content-6 {
max-width: 250px;
width: 32.63708%;
min-width: 184.375px
}
@media (min-width: 61.3125em) {
.secondary-tout .st-item aside[class*="align-right-"].content-6[class*="copy"].content-6 {
min-width: 225.625px
}
}
@media (min-width: 30.0625em) and (max-width: 48em) {
.secondary-tout .st-item aside[class*="align-right-"].content-6[class*="copy"].content-6 {
max-width: 80%;
width: 80%;
min-width: 30%
}
}
@media (max-width: 30em) {
.secondary-tout .st-item aside[class*="align-right-"].content-6[class*="copy"].content-6 {
max-width: 80%;
width: 80%;
min-width: 30%
}
.secondary-tout .st-item aside[class*="align-right-"].content-6[class*="copy"].content-6 h1, .secondary-tout .st-item aside[class*="align-right-"].content-6[class*="copy"].content-6 h2, .secondary-tout .st-item aside[class*="align-right-"].content-6[class*="copy"].content-6 h3, .secondary-tout .st-item aside[class*="align-right-"].content-6[class*="copy"].content-6 h4, .secondary-tout .st-item aside[class*="align-right-"].content-6[class*="copy"].content-6 h5, .secondary-tout .st-item aside[class*="align-right-"].content-6[class*="copy"].content-6 h6 {
max-width: 75.0469%
}
}
.secondary-tout .st-item aside .sony-video {
display: none
}
.secondary-tout .st-item .st-flag {
position: absolute;
right: 0;
top: 0;
padding: 4px 10px;
background-color: #22c083;
color: #fff;
z-index: 2
}
.secondary-tout .st-item .st-social-count {
position: absolute;
bottom: 30px;
right: 30px;
width: 125px;
height: 125px;
background-color: #4f6b85;
border-radius: 125px;
text-align: center
}
.secondary-tout .st-item .st-social-count span {
display: block;
margin: 0;
color: #fff
}
.secondary-tout .st-item .st-social-count span.l3, .secondary-tout .st-item .st-social-count span.label {
margin-bottom: 6px
}
.secondary-tout .st-item .st-image {
position: absolute;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-left: 0;
margin-right: 0
}
.no-touch .secondary-tout .st-item article .st-image {
-webkit-transition: opacity .15s;
transition: opacity .15s;
-webkit-transform: scale3d(1, 1, 1);
opacity: 1
}
.no-touch .secondary-tout .st-item article:hover .st-image {
opacity: 0.9
}
.no-touch .secondary-tout .st-item:hover .headline i {
left: .125em !important
}
.secondary-tout .st-item.content-12 .counter.dark-text-trans-panel h3, .secondary-tout .st-item.content-12 .mini-promo.dark-text-trans-panel h3, .secondary-tout .st-item.content-8 .counter.dark-text-trans-panel h3, .secondary-tout .st-item.content-8 .mini-promo.dark-text-trans-panel h3, .secondary-tout .st-item.content-6 .counter.dark-text-trans-panel h3, .secondary-tout .st-item.content-6 .mini-promo.dark-text-trans-panel h3, .secondary-tout .st-item.content-4 .counter.dark-text-trans-panel h3, .secondary-tout .st-item.content-4 .mini-promo.dark-text-trans-panel h3 {
color: #74747f
}
.secondary-tout .st-item.content-12 .counter.light-text-trans-panel h3, .secondary-tout .st-item.content-12 .mini-promo.light-text-trans-panel h3, .secondary-tout .st-item.content-8 .counter.light-text-trans-panel h3, .secondary-tout .st-item.content-8 .mini-promo.light-text-trans-panel h3, .secondary-tout .st-item.content-6 .counter.light-text-trans-panel h3, .secondary-tout .st-item.content-6 .mini-promo.light-text-trans-panel h3, .secondary-tout .st-item.content-4 .counter.light-text-trans-panel h3, .secondary-tout .st-item.content-4 .mini-promo.light-text-trans-panel h3 {
color: #bcbccc
}
.secondary-tout .st-item.content-12 .counter.black-white-text h3, .secondary-tout .st-item.content-12 .mini-promo.black-white-text h3, .secondary-tout .st-item.content-8 .counter.black-white-text h3, .secondary-tout .st-item.content-8 .mini-promo.black-white-text h3, .secondary-tout .st-item.content-6 .counter.black-white-text h3, .secondary-tout .st-item.content-6 .mini-promo.black-white-text h3, .secondary-tout .st-item.content-4 .counter.black-white-text h3, .secondary-tout .st-item.content-4 .mini-promo.black-white-text h3 {
color: #212530
}
.secondary-tout .st-item.content-12 .mini-promo, .secondary-tout .st-item.content-8 .mini-promo, .secondary-tout .st-item.content-6 .mini-promo, .secondary-tout .st-item.content-4 .mini-promo {
width: auto;
max-width: none;
min-width: 0;
display: inline-block;
overflow: hidden;
background-color: #212530
}
.rgba .secondary-tout .st-item.content-12 .mini-promo, .rgba .secondary-tout .st-item.content-8 .mini-promo, .rgba .secondary-tout .st-item.content-6 .mini-promo, .rgba .secondary-tout .st-item.content-4 .mini-promo {
background-color: rgba(33,37,48,0.95)
}
.no-touch .secondary-tout .st-item.content-12 .mini-promo:hover .mini-promo-image-container .play-button, .no-touch .secondary-tout .st-item.content-8 .mini-promo:hover .mini-promo-image-container .play-button, .no-touch .secondary-tout .st-item.content-6 .mini-promo:hover .mini-promo-image-container .play-button, .no-touch .secondary-tout .st-item.content-4 .mini-promo:hover .mini-promo-image-container .play-button {
background-color: #5787f4
}
.secondary-tout .st-item.content-12 .mini-promo .mini-promo-image-container, .secondary-tout .st-item.content-8 .mini-promo .mini-promo-image-container, .secondary-tout .st-item.content-6 .mini-promo .mini-promo-image-container, .secondary-tout .st-item.content-4 .mini-promo .mini-promo-image-container {
position: relative;
width: 84px;
height: 50px;
float: left
}
.secondary-tout .st-item.content-12 .mini-promo .mini-promo-image-container .play-button, .secondary-tout .st-item.content-8 .mini-promo .mini-promo-image-container .play-button, .secondary-tout .st-item.content-6 .mini-promo .mini-promo-image-container .play-button, .secondary-tout .st-item.content-4 .mini-promo .mini-promo-image-container .play-button {
-webkit-transition: background-color .15s ease-in;
transition: background-color .15s ease-in;
position: absolute;
left: 50%;
top: 50%;
width: 28px;
height: 28px;
line-height: 28px;
margin: -14px 0 0 -14px;
border-radius: 14px;
font-size: 0.8em;
text-align: center
}
.rgba .secondary-tout .st-item.content-12 .mini-promo .mini-promo-image-container .play-button, .rgba .secondary-tout .st-item.content-8 .mini-promo .mini-promo-image-container .play-button, .rgba .secondary-tout .st-item.content-6 .mini-promo .mini-promo-image-container .play-button, .rgba .secondary-tout .st-item.content-4 .mini-promo .mini-promo-image-container .play-button {
background-color: rgba(33,37,48,0.95)
}
.secondary-tout .st-item.content-12 .mini-promo .mini-promo-image-container .play-button i, .secondary-tout .st-item.content-8 .mini-promo .mini-promo-image-container .play-button i, .secondary-tout .st-item.content-6 .mini-promo .mini-promo-image-container .play-button i, .secondary-tout .st-item.content-4 .mini-promo .mini-promo-image-container .play-button i {
color: #fff;
position: relative;
left: 0.1em;
top: -0.1em
}
.secondary-tout .st-item.content-12 .mini-promo .mini-promo-image-container .play-button .iq-img, .secondary-tout .st-item.content-8 .mini-promo .mini-promo-image-container .play-button .iq-img, .secondary-tout .st-item.content-6 .mini-promo .mini-promo-image-container .play-button .iq-img, .secondary-tout .st-item.content-4 .mini-promo .mini-promo-image-container .play-button .iq-img {
opacity: 1
}
.secondary-tout .st-item.content-12 .mini-promo .mini-promo-image-container img, .secondary-tout .st-item.content-8 .mini-promo .mini-promo-image-container img, .secondary-tout .st-item.content-6 .mini-promo .mini-promo-image-container img, .secondary-tout .st-item.content-4 .mini-promo .mini-promo-image-container img {
width: 100%;
height: 100%
}
.secondary-tout .st-item.content-12 .mini-promo .mini-promo-caption, .secondary-tout .st-item.content-8 .mini-promo .mini-promo-caption, .secondary-tout .st-item.content-6 .mini-promo .mini-promo-caption, .secondary-tout .st-item.content-4 .mini-promo .mini-promo-caption {
height: 50px;
padding: 0 22px 0 12px;
margin: 0;
color: #fff;
float: left;
line-height: 50px
}
.secondary-tout .st-item.content-12 .mini-promo.mini-promo-layout-light, .secondary-tout .st-item.content-8 .mini-promo.mini-promo-layout-light, .secondary-tout .st-item.content-6 .mini-promo.mini-promo-layout-light, .secondary-tout .st-item.content-4 .mini-promo.mini-promo-layout-light {
background-color: #f3f4f6
}
.rgba .secondary-tout .st-item.content-12 .mini-promo.mini-promo-layout-light, .rgba .secondary-tout .st-item.content-8 .mini-promo.mini-promo-layout-light, .rgba .secondary-tout .st-item.content-6 .mini-promo.mini-promo-layout-light, .rgba .secondary-tout .st-item.content-4 .mini-promo.mini-promo-layout-light {
background-color: rgba(243,244,246,0.95)
}
.secondary-tout .st-item.content-12 .mini-promo.mini-promo-layout-light .mini-promo-caption, .secondary-tout .st-item.content-8 .mini-promo.mini-promo-layout-light .mini-promo-caption, .secondary-tout .st-item.content-6 .mini-promo.mini-promo-layout-light .mini-promo-caption, .secondary-tout .st-item.content-4 .mini-promo.mini-promo-layout-light .mini-promo-caption {
color: #212530
}
.secondary-tout .st-item.content-12 .counter h3, .secondary-tout .st-item.content-8 .counter h3, .secondary-tout .st-item.content-6 .counter h3, .secondary-tout .st-item.content-4 .counter h3 {
color: #bcbccc
}
.secondary-tout .st-item.content-12 .counter.has-mini-promo, .secondary-tout .st-item.content-8 .counter.has-mini-promo, .secondary-tout .st-item.content-6 .counter.has-mini-promo, .secondary-tout .st-item.content-4 .counter.has-mini-promo {
display: none
}
.secondary-tout .st-item .st-item-content {
position: absolute;
z-index: 2;
pointer-events: none
}
@media (max-width: 30em) {
.secondary-tout .st-item .st-item-content p {
display: none
}
}
.secondary-tout .st-item .st-item-content sup.footNoteNumber {
top: -0.8em
}
.secondary-tout .st-item .st-item-content .headline {
margin-bottom: 5px
}
.secondary-tout .st-item .st-item-content .headline .emphasis {
display: block
}
.secondary-tout .st-item .st-item-content .headline .headline-label {
margin-right: 5px
}
.secondary-tout .st-item .st-item-content .icon-ui2-chevron-18-white-right {
vertical-align: baseline;
margin-left: 10px
}
.secondary-tout .st-item .st-item-content.content-12 .headline h1, .secondary-tout .st-item .st-item-content.content-12 .headline h2, .secondary-tout .st-item .st-item-content.content-12 .headline h3, .secondary-tout .st-item .st-item-content.content-12 .headline h4, .secondary-tout .st-item .st-item-content.content-12 .headline h5, .secondary-tout .st-item .st-item-content.content-12 .headline h6, .secondary-tout .st-item .st-item-content.content-8 .headline h1, .secondary-tout .st-item .st-item-content.content-8 .headline h2, .secondary-tout .st-item .st-item-content.content-8 .headline h3, .secondary-tout .st-item .st-item-content.content-8 .headline h4, .secondary-tout .st-item .st-item-content.content-8 .headline h5, .secondary-tout .st-item .st-item-content.content-8 .headline h6, .secondary-tout .st-item .st-item-content.content-6 .headline h1, .secondary-tout .st-item .st-item-content.content-6 .headline h2, .secondary-tout .st-item .st-item-content.content-6 .headline h3, .secondary-tout .st-item .st-item-content.content-6 .headline h4, .secondary-tout .st-item .st-item-content.content-6 .headline h5, .secondary-tout .st-item .st-item-content.content-6 .headline h6, .secondary-tout .st-item .st-item-content.content-4 .headline h1, .secondary-tout .st-item .st-item-content.content-4 .headline h2, .secondary-tout .st-item .st-item-content.content-4 .headline h3, .secondary-tout .st-item .st-item-content.content-4 .headline h4, .secondary-tout .st-item .st-item-content.content-4 .headline h5, .secondary-tout .st-item .st-item-content.content-4 .headline h6 {
font-size: 2em
}
.secondary-tout .st-item .st-item-content.content-12 .headline a span, .secondary-tout .st-item .st-item-content.content-8 .headline a span, .secondary-tout .st-item .st-item-content.content-6 .headline a span, .secondary-tout .st-item .st-item-content.content-4 .headline a span {
display: inline
}
.secondary-tout .st-item .st-item-content.content-12 .headline a i, .secondary-tout .st-item .st-item-content.content-8 .headline a i, .secondary-tout .st-item .st-item-content.content-6 .headline a i, .secondary-tout .st-item .st-item-content.content-4 .headline a i {
-webkit-transition: left .15s ease-in;
transition: left .15s ease-in;
position: relative;
left: 0
}
.secondary-tout .st-item .st-item-content.has-counter.content-12 .headline, .secondary-tout .st-item .st-item-content.has-counter.content-8 .headline, .secondary-tout .st-item .st-item-content.has-counter.content-4 .headline, .secondary-tout .st-item .st-item-content.has-counter.content-6 .headline {
margin-top: 0
}
.secondary-tout .st-item .st-item-content.has-copy.has-counter.content-12 .headline, .secondary-tout .st-item .st-item-content.has-copy.has-counter.content-12 .copy, .secondary-tout .st-item .st-item-content.has-copy.has-counter.content-8 .headline, .secondary-tout .st-item .st-item-content.has-copy.has-counter.content-8 .copy, .secondary-tout .st-item .st-item-content.has-copy.has-counter.content-6 .headline, .secondary-tout .st-item .st-item-content.has-copy.has-counter.content-6 .copy, .secondary-tout .st-item .st-item-content.has-copy.has-counter.content-4 .headline, .secondary-tout .st-item .st-item-content.has-copy.has-counter.content-4 .copy {
margin-top: 0
}
.secondary-tout .st-item .st-item-content.has-eyebrow.content-8 .headline {
margin: 0 0 0 0
}
.secondary-tout .st-item .st-item-content.has-eyebrow.content-8 .eyebrow {
display: block
}
.secondary-tout .st-item .st-item-content.has-eyebrow.content-4 .headline, .secondary-tout .st-item .st-item-content.has-eyebrow.content-6 .headline {
margin-top: 0
}
.secondary-tout .st-item .st-item-content.has-eyebrow.content-4 .eyebrow {
margin-top: 0
}
.secondary-tout .st-item .st-item-content.has-eyebrow.has-copy.content-8 .headline, .secondary-tout .st-item .st-item-content.has-eyebrow.has-copy.content-8 .eyebrow, .secondary-tout .st-item .st-item-content.has-eyebrow.has-copy.content-8 .copy, .secondary-tout .st-item .st-item-content.has-eyebrow.has-copy.content-6 .headline, .secondary-tout .st-item .st-item-content.has-eyebrow.has-copy.content-6 .eyebrow, .secondary-tout .st-item .st-item-content.has-eyebrow.has-copy.content-6 .copy, .secondary-tout .st-item .st-item-content.has-eyebrow.has-copy.content-4 .headline, .secondary-tout .st-item .st-item-content.has-eyebrow.has-copy.content-4 .eyebrow, .secondary-tout .st-item .st-item-content.has-eyebrow.has-copy.content-4 .copy {
margin-top: 0
}
.secondary-tout .st-item .st-item-content.light-text-dark-panel, .secondary-tout .st-item .st-item-content.dark-text-light-panel {
width: 100% !important;
max-width: none !important;
left: 0 !important;
bottom: 0 !important;
padding: 8% 12%
}
.secondary-tout .st-item .st-item-content.light-text-dark-panel.has-eyebrow, .secondary-tout .st-item .st-item-content.dark-text-light-panel.has-eyebrow {
padding-top: 6%
}
.secondary-tout .st-item .st-item-content.light-text-dark-panel .headline, .secondary-tout .st-item .st-item-content.dark-text-light-panel .headline {
margin: 0;
clear: both
}
.secondary-tout .st-item .st-item-content.light-text-dark-panel .eyebrow, .secondary-tout .st-item .st-item-content.dark-text-light-panel .eyebrow {
float: left
}
.secondary-tout .st-item .st-item-content.dark-text-light-panel {
background-color: rgba(243,244,246,0.95)
}
.secondary-tout .st-item .st-item-content.dark-text-light-panel .headline {
color: #74747f
}
.secondary-tout .st-item .st-item-content.dark-text-light-panel .headline.a, .secondary-tout .st-item .st-item-content.dark-text-light-panel .headline a {
color: #212530
}
.secondary-tout .st-item .st-item-content.dark-text-light-panel .eyebrow {
color: #74747f
}
.secondary-tout .st-item .st-item-content.light-text-dark-panel {
background-color: rgba(33,37,48,0.95)
}
.secondary-tout .st-item .st-item-content.light-text-dark-panel .headline {
color: #bcbccc
}
.secondary-tout .st-item .st-item-content.light-text-dark-panel .headline.a, .secondary-tout .st-item .st-item-content.light-text-dark-panel .headline a {
color: #fff
}
.secondary-tout .st-item .st-item-content.light-text-dark-panel .eyebrow {
color: #bcbccc
}
.secondary-tout .st-item .st-item-content.light-text-trans-panel .headline {
color: #bcbccc
}
.secondary-tout .st-item .st-item-content.light-text-trans-panel a {
color: #fff
}
.secondary-tout .st-item .st-item-content.light-text-trans-panel p {
color: #bcbccc
}
.secondary-tout .st-item .st-item-content.light-text-trans-panel .eyebrow {
color: #bcbccc
}
.secondary-tout .st-item .st-item-content.dark-text-trans-panel .headline {
color: #74747f
}
.secondary-tout .st-item .st-item-content.dark-text-trans-panel .headline a {
color: #000
}
.secondary-tout .st-item .st-item-content.dark-text-trans-panel p {
color: #74747f
}
.secondary-tout .st-item .st-item-content.dark-text-trans-panel .eyebrow {
color: #74747f
}
.secondary-tout .st-item .st-item-content.extra-dark-text-trans-panel .headline {
color: #2f353d
}
.secondary-tout .st-item .st-item-content.extra-dark-text-trans-panel .headline a {
color: #2f353d
}
.secondary-tout .st-item .st-item-content.extra-dark-text-trans-panel p {
color: #2f353d
}
.secondary-tout .st-item .st-item-content.extra-dark-text-trans-panel .eyebrow {
color: #2f353d
}
.secondary-tout .st-item .st-item-content.black-white-text .headline {
color: #212530
}
.secondary-tout .st-item .st-item-content.black-white-text .headline a {
color: #fff
}
.secondary-tout .st-item .st-item-content.black-white-text p {
color: #212530
}
.secondary-tout .st-item .st-item-content.black-white-text .eyebrow {
color: #212530
}
.secondary-tout .st-item .st-item-content.all-black-text .headline, .secondary-tout .st-item .st-item-content.all-black-text .headline a, .secondary-tout .st-item .st-item-content.all-black-text .eyebrow, .secondary-tout .st-item .st-item-content.all-black-text p {
color: #000
}
.secondary-tout .st-item .st-item-content.all-white-text .headline, .secondary-tout .st-item .st-item-content.all-white-text .headline a, .secondary-tout .st-item .st-item-content.all-white-text .eyebrow, .secondary-tout .st-item .st-item-content.all-white-text p {
color: #fff
}
.secondary-tout .st-item .st-item-content.all-light-gray-text .headline, .secondary-tout .st-item .st-item-content.all-light-gray-text .headline a, .secondary-tout .st-item .st-item-content.all-light-gray-text .eyebrow, .secondary-tout .st-item .st-item-content.all-light-gray-text p {
color: #bcbccc
}
.secondary-tout .st-item .st-item-content.all-dark-gray-text .headline, .secondary-tout .st-item .st-item-content.all-dark-gray-text .headline a, .secondary-tout .st-item .st-item-content.all-dark-gray-text .eyebrow, .secondary-tout .st-item .st-item-content.all-dark-gray-text p {
color: #74747f
}
.secondary-tout .st-item .st-item-content.all-light-grey-text .headline, .secondary-tout .st-item .st-item-content.all-light-grey-text .headline a, .secondary-tout .st-item .st-item-content.all-light-grey-text .eyebrow, .secondary-tout .st-item .st-item-content.all-light-grey-text p {
color: #bcbccc
}
.secondary-tout .st-item .st-item-content.all-dark-grey-text .headline, .secondary-tout .st-item .st-item-content.all-dark-grey-text .headline a, .secondary-tout .st-item .st-item-content.all-dark-grey-text .eyebrow, .secondary-tout .st-item .st-item-content.all-dark-grey-text p {
color: #74747f
}
.secondary-tout .st-item .st-item-content .primary-link {
pointer-events: initial
}
.secondary-tout .st-item .st-item-content .primary-link.eyebrow {
white-space: nowrap
}
.secondary-tout .st-item .st-item-content .primary-link .no-wrap {
white-space: nowrap
}
.secondary-tout .st-item .st-item-content h4.headline.t4.black, .secondary-tout .st-item .st-item-content h4.headline.black, .secondary-tout .st-item .st-item-content .primary-link span.black, .secondary-tout .st-item .st-item-content .primary-link.eyebrow.black {
color: #000
}
.secondary-tout .st-item .st-item-content h4.headline.t4.gray05, .secondary-tout .st-item .st-item-content h4.headline.gray05, .secondary-tout .st-item .st-item-content .primary-link span.gray05, .secondary-tout .st-item .st-item-content .primary-link.eyebrow.gray05 {
color: #1f2024
}
.secondary-tout .st-item .st-item-content h4.headline.t4.gray10, .secondary-tout .st-item .st-item-content h4.headline.gray10, .secondary-tout .st-item .st-item-content .primary-link span.gray10, .secondary-tout .st-item .st-item-content .primary-link.eyebrow.gray10 {
color: #212530
}
.secondary-tout .st-item .st-item-content h4.headline.t4.gray20, .secondary-tout .st-item .st-item-content h4.headline.gray20, .secondary-tout .st-item .st-item-content .primary-link span.gray20, .secondary-tout .st-item .st-item-content .primary-link.eyebrow.gray20 {
color: #2f353d
}
.secondary-tout .st-item .st-item-content h4.headline.t4.gray25, .secondary-tout .st-item .st-item-content h4.headline.gray25, .secondary-tout .st-item .st-item-content .primary-link span.gray25, .secondary-tout .st-item .st-item-content .primary-link.eyebrow.gray25 {
color: #3c3c42
}
.secondary-tout .st-item .st-item-content h4.headline.t4.gray30, .secondary-tout .st-item .st-item-content h4.headline.gray30, .secondary-tout .st-item .st-item-content .primary-link span.gray30, .secondary-tout .st-item .st-item-content .primary-link.eyebrow.gray30 {
color: #504d56
}
.secondary-tout .st-item .st-item-content h4.headline.t4.gray40, .secondary-tout .st-item .st-item-content h4.headline.gray40, .secondary-tout .st-item .st-item-content .primary-link span.gray40, .secondary-tout .st-item .st-item-content .primary-link.eyebrow.gray40 {
color: #74747f
}
.secondary-tout .st-item .st-item-content h4.headline.t4.gray50, .secondary-tout .st-item .st-item-content h4.headline.gray50, .secondary-tout .st-item .st-item-content .primary-link span.gray50, .secondary-tout .st-item .st-item-content .primary-link.eyebrow.gray50 {
color: #bcbccc
}
.secondary-tout .st-item .st-item-content h4.headline.t4.gray60, .secondary-tout .st-item .st-item-content h4.headline.gray60, .secondary-tout .st-item .st-item-content .primary-link span.gray60, .secondary-tout .st-item .st-item-content .primary-link.eyebrow.gray60 {
color: #d2d2db
}
.secondary-tout .st-item .st-item-content h4.headline.t4.gray70, .secondary-tout .st-item .st-item-content h4.headline.gray70, .secondary-tout .st-item .st-item-content .primary-link span.gray70, .secondary-tout .st-item .st-item-content .primary-link.eyebrow.gray70 {
color: #e4e7eb
}
.secondary-tout .st-item .st-item-content h4.headline.t4.gray75, .secondary-tout .st-item .st-item-content h4.headline.gray75, .secondary-tout .st-item .st-item-content .primary-link span.gray75, .secondary-tout .st-item .st-item-content .primary-link.eyebrow.gray75 {
color: #e8edf3
}
.secondary-tout .st-item .st-item-content h4.headline.t4.gray80, .secondary-tout .st-item .st-item-content h4.headline.gray80, .secondary-tout .st-item .st-item-content .primary-link span.gray80, .secondary-tout .st-item .st-item-content .primary-link.eyebrow.gray80 {
color: #f1f5f9
}
.secondary-tout .st-item .st-item-content h4.headline.t4.gray90, .secondary-tout .st-item .st-item-content h4.headline.gray90, .secondary-tout .st-item .st-item-content .primary-link span.gray90, .secondary-tout .st-item .st-item-content .primary-link.eyebrow.gray90 {
color: #f3f4f6
}
.secondary-tout .st-item .st-item-content h4.headline.t4.gray95, .secondary-tout .st-item .st-item-content h4.headline.gray95, .secondary-tout .st-item .st-item-content .primary-link span.gray95, .secondary-tout .st-item .st-item-content .primary-link.eyebrow.gray95 {
color: #f8f8fa
}
.secondary-tout .st-item .st-item-content h4.headline.t4.white, .secondary-tout .st-item .st-item-content h4.headline.white, .secondary-tout .st-item .st-item-content .primary-link span.white, .secondary-tout .st-item .st-item-content .primary-link.eyebrow.white {
color: #fff
}
.secondary-tout .st-item .st-item-content[class*="align-left-"].content-12.content-12, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12.content-12 {
max-width: 400px;
width: 52.21932%;
min-width: 295px
}
@media (min-width: 61.3125em) {
.secondary-tout .st-item .st-item-content[class*="align-left-"].content-12.content-12, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12.content-12 {
min-width: 361px
}
}
@media (min-width: 30.0625em) and (max-width: 61.1875em) {
.secondary-tout .st-item .st-item-content[class*="align-left-"].content-12.content-12, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12.content-12 {
max-width: 350px;
width: 54.05405%;
min-width: 11.32503%
}
}
@media (max-width: 30em) {
.secondary-tout .st-item .st-item-content[class*="align-left-"].content-12.content-12, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12.content-12 {
max-width: 95.0324%;
width: 95.0324%;
min-width: 12.45753%
}
.secondary-tout .st-item .st-item-content[class*="align-left-"].content-12.content-12 h1, .secondary-tout .st-item .st-item-content[class*="align-left-"].content-12.content-12 h2, .secondary-tout .st-item .st-item-content[class*="align-left-"].content-12.content-12 h3, .secondary-tout .st-item .st-item-content[class*="align-left-"].content-12.content-12 h4, .secondary-tout .st-item .st-item-content[class*="align-left-"].content-12.content-12 h5, .secondary-tout .st-item .st-item-content[class*="align-left-"].content-12.content-12 h6, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12.content-12 h1, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12.content-12 h2, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12.content-12 h3, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12.content-12 h4, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12.content-12 h5, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12.content-12 h6 {
max-width: 82.55159%
}
.secondary-tout .st-item .st-item-content[class*="align-left-"].content-12.content-12.dark-text-light-panel h1, .secondary-tout .st-item .st-item-content[class*="align-left-"].content-12.content-12.dark-text-light-panel h2, .secondary-tout .st-item .st-item-content[class*="align-left-"].content-12.content-12.dark-text-light-panel h3, .secondary-tout .st-item .st-item-content[class*="align-left-"].content-12.content-12.dark-text-light-panel h4, .secondary-tout .st-item .st-item-content[class*="align-left-"].content-12.content-12.dark-text-light-panel h5, .secondary-tout .st-item .st-item-content[class*="align-left-"].content-12.content-12.dark-text-light-panel h6, .secondary-tout .st-item .st-item-content[class*="align-left-"].content-12.content-12.light-text-dark-panel h1, .secondary-tout .st-item .st-item-content[class*="align-left-"].content-12.content-12.light-text-dark-panel h2, .secondary-tout .st-item .st-item-content[class*="align-left-"].content-12.content-12.light-text-dark-panel h3, .secondary-tout .st-item .st-item-content[class*="align-left-"].content-12.content-12.light-text-dark-panel h4, .secondary-tout .st-item .st-item-content[class*="align-left-"].content-12.content-12.light-text-dark-panel h5, .secondary-tout .st-item .st-item-content[class*="align-left-"].content-12.content-12.light-text-dark-panel h6, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12.content-12.dark-text-light-panel h1, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12.content-12.dark-text-light-panel h2, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12.content-12.dark-text-light-panel h3, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12.content-12.dark-text-light-panel h4, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12.content-12.dark-text-light-panel h5, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12.content-12.dark-text-light-panel h6, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12.content-12.light-text-dark-panel h1, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12.content-12.light-text-dark-panel h2, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12.content-12.light-text-dark-panel h3, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12.content-12.light-text-dark-panel h4, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12.content-12.light-text-dark-panel h5, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12.content-12.light-text-dark-panel h6 {
max-width: none
}
.secondary-tout .st-item .st-item-content[class*="align-left-"].content-12.content-12.align-right-center, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12.content-12.align-right-center {
max-width: none
}
}
.secondary-tout .st-item .st-item-content[class*="align-left-"].content-8.content-8, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-8.content-8 {
max-width: 330px;
width: 43.08094%;
min-width: 243.375px
}
@media (min-width: 61.3125em) {
.secondary-tout .st-item .st-item-content[class*="align-left-"].content-8.content-8, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-8.content-8 {
min-width: 297.825px
}
}
@media (min-width: 30.0625em) and (max-width: 48em) {
.secondary-tout .st-item .st-item-content[class*="align-left-"].content-8.content-8, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-8.content-8 {
max-width: 86.39309%;
width: 86.39309%;
min-width: 11.32503%
}
}
@media (max-width: 30em) {
.secondary-tout .st-item .st-item-content[class*="align-left-"].content-8.content-8, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-8.content-8 {
max-width: 86.39309%;
width: 86.39309%;
min-width: 11.32503%
}
.secondary-tout .st-item .st-item-content[class*="align-left-"].content-8.content-8 h1, .secondary-tout .st-item .st-item-content[class*="align-left-"].content-8.content-8 h2, .secondary-tout .st-item .st-item-content[class*="align-left-"].content-8.content-8 h3, .secondary-tout .st-item .st-item-content[class*="align-left-"].content-8.content-8 h4, .secondary-tout .st-item .st-item-content[class*="align-left-"].content-8.content-8 h5, .secondary-tout .st-item .st-item-content[class*="align-left-"].content-8.content-8 h6, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-8.content-8 h1, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-8.content-8 h2, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-8.content-8 h3, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-8.content-8 h4, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-8.content-8 h5, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-8.content-8 h6 {
max-width: 75.0469%
}
}
.secondary-tout .st-item .st-item-content[class*="align-left-"].content-6.content-6, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-6.content-6 {
max-width: 300px;
width: 39.16449%;
min-width: 221.25px
}
@media (min-width: 61.3125em) {
.secondary-tout .st-item .st-item-content[class*="align-left-"].content-6.content-6, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-6.content-6 {
min-width: 270.75px
}
}
@media (min-width: 30.0625em) and (max-width: 48em) {
.secondary-tout .st-item .st-item-content[class*="align-left-"].content-6.content-6, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-6.content-6 {
max-width: 80%;
width: 80%;
min-width: 30%
}
}
@media (max-width: 30em) {
.secondary-tout .st-item .st-item-content[class*="align-left-"].content-6.content-6, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-6.content-6 {
max-width: 80%;
width: 80%;
min-width: 30%
}
.secondary-tout .st-item .st-item-content[class*="align-left-"].content-6.content-6 h1, .secondary-tout .st-item .st-item-content[class*="align-left-"].content-6.content-6 h2, .secondary-tout .st-item .st-item-content[class*="align-left-"].content-6.content-6 h3, .secondary-tout .st-item .st-item-content[class*="align-left-"].content-6.content-6 h4, .secondary-tout .st-item .st-item-content[class*="align-left-"].content-6.content-6 h5, .secondary-tout .st-item .st-item-content[class*="align-left-"].content-6.content-6 h6, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-6.content-6 h1, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-6.content-6 h2, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-6.content-6 h3, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-6.content-6 h4, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-6.content-6 h5, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-6.content-6 h6 {
max-width: 75.0469%
}
}
.secondary-tout .st-item .st-item-content[class*="align-left-"].content-4.content-4, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-4.content-4 {
max-width: 600px;
width: 78.32898%
}
@media (max-width: 30em) {
.secondary-tout .st-item .st-item-content[class*="align-left-"].content-4.content-4 h1, .secondary-tout .st-item .st-item-content[class*="align-left-"].content-4.content-4 h2, .secondary-tout .st-item .st-item-content[class*="align-left-"].content-4.content-4 h3, .secondary-tout .st-item .st-item-content[class*="align-left-"].content-4.content-4 h4, .secondary-tout .st-item .st-item-content[class*="align-left-"].content-4.content-4 h5, .secondary-tout .st-item .st-item-content[class*="align-left-"].content-4.content-4 h6, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-4.content-4 h1, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-4.content-4 h2, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-4.content-4 h3, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-4.content-4 h4, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-4.content-4 h5, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-4.content-4 h6 {
max-width: 225.14071%
}
}
@media (max-width: 30em) {
.secondary-tout .st-item .st-item-content[class*="align-left-"].content-4, .secondary-tout .st-item .st-item-content[class*="align-left-"].content-6, .secondary-tout .st-item .st-item-content[class*="align-left-"].content-8, .secondary-tout .st-item .st-item-content[class*="align-left-"].content-12 {
top: 31.4%
}
}
.secondary-tout .st-item .st-item-content[class*="align-left-"].content-4 {
left: 7.1%
}
.secondary-tout .st-item .st-item-content[class*="align-left-"].content-4.light-text-dark-panel, .secondary-tout .st-item .st-item-content[class*="align-left-"].content-4.dark-text-light-panel {
width: 100%;
left: 0;
bottom: 0
}
.secondary-tout .st-item .st-item-content[class*="align-left-"].content-6 {
left: 7.1%
}
.secondary-tout .st-item .st-item-content[class*="align-left-"].content-8 {
left: 6.2%
}
.secondary-tout .st-item .st-item-content[class*="align-left-"].content-12 {
left: 4.2%
}
@media (max-width: 30em) {
.secondary-tout .st-item .st-item-content[class*="align-right-"].content-6, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-8, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12 {
top: 31.4%
}
}
.secondary-tout .st-item .st-item-content[class*="align-right-"].content-12 {
left: auto;
right: 6.2%
}
.secondary-tout .st-item .st-item-content[class*="align-right-"].content-12.content-12 {
max-width: 300px;
width: 39.16449%;
min-width: 221.25px
}
@media (min-width: 61.3125em) {
.secondary-tout .st-item .st-item-content[class*="align-right-"].content-12.content-12 {
min-width: 270.75px
}
}
@media (min-width: 30.0625em) and (max-width: 61.1875em) {
.secondary-tout .st-item .st-item-content[class*="align-right-"].content-12.content-12 {
max-width: 350px;
width: 40.54054%;
min-width: 11.32503%
}
}
@media (max-width: 30em) {
.secondary-tout .st-item .st-item-content[class*="align-right-"].content-12.content-12 {
max-width: 95.0324%;
width: 95.0324%;
min-width: 12.45753%
}
.secondary-tout .st-item .st-item-content[class*="align-right-"].content-12.content-12 h1, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12.content-12 h2, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12.content-12 h3, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12.content-12 h4, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12.content-12 h5, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12.content-12 h6 {
max-width: 82.55159%
}
.secondary-tout .st-item .st-item-content[class*="align-right-"].content-12.content-12.dark-text-light-panel h1, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12.content-12.dark-text-light-panel h2, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12.content-12.dark-text-light-panel h3, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12.content-12.dark-text-light-panel h4, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12.content-12.dark-text-light-panel h5, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12.content-12.dark-text-light-panel h6, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12.content-12.light-text-dark-panel h1, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12.content-12.light-text-dark-panel h2, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12.content-12.light-text-dark-panel h3, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12.content-12.light-text-dark-panel h4, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12.content-12.light-text-dark-panel h5, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12.content-12.light-text-dark-panel h6 {
max-width: none
}
.secondary-tout .st-item .st-item-content[class*="align-right-"].content-12.content-12.align-right-center {
max-width: none
}
}
.secondary-tout .st-item .st-item-content[class*="align-right-"].content-12[class*="copy"].content-12 {
max-width: 350px;
width: 45.69191%;
min-width: 258.125px
}
@media (min-width: 61.3125em) {
.secondary-tout .st-item .st-item-content[class*="align-right-"].content-12[class*="copy"].content-12 {
min-width: 315.875px
}
}
@media (min-width: 30.0625em) and (max-width: 61.1875em) {
.secondary-tout .st-item .st-item-content[class*="align-right-"].content-12[class*="copy"].content-12 {
max-width: 350px;
width: 47.2973%;
min-width: 11.32503%
}
}
@media (max-width: 30em) {
.secondary-tout .st-item .st-item-content[class*="align-right-"].content-12[class*="copy"].content-12 {
max-width: 95.0324%;
width: 95.0324%;
min-width: 12.45753%
}
.secondary-tout .st-item .st-item-content[class*="align-right-"].content-12[class*="copy"].content-12 h1, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12[class*="copy"].content-12 h2, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12[class*="copy"].content-12 h3, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12[class*="copy"].content-12 h4, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12[class*="copy"].content-12 h5, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12[class*="copy"].content-12 h6 {
max-width: 82.55159%
}
.secondary-tout .st-item .st-item-content[class*="align-right-"].content-12[class*="copy"].content-12.dark-text-light-panel h1, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12[class*="copy"].content-12.dark-text-light-panel h2, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12[class*="copy"].content-12.dark-text-light-panel h3, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12[class*="copy"].content-12.dark-text-light-panel h4, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12[class*="copy"].content-12.dark-text-light-panel h5, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12[class*="copy"].content-12.dark-text-light-panel h6, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12[class*="copy"].content-12.light-text-dark-panel h1, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12[class*="copy"].content-12.light-text-dark-panel h2, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12[class*="copy"].content-12.light-text-dark-panel h3, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12[class*="copy"].content-12.light-text-dark-panel h4, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12[class*="copy"].content-12.light-text-dark-panel h5, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-12[class*="copy"].content-12.light-text-dark-panel h6 {
max-width: none
}
.secondary-tout .st-item .st-item-content[class*="align-right-"].content-12[class*="copy"].content-12.align-right-center {
max-width: none
}
}
.secondary-tout .st-item .st-item-content[class*="align-right-"].content-8 {
left: auto;
right: 3.6%
}
.secondary-tout .st-item .st-item-content[class*="align-right-"].content-8.content-8 {
max-width: 280px;
width: 36.55352%;
min-width: 206.5px
}
@media (min-width: 61.3125em) {
.secondary-tout .st-item .st-item-content[class*="align-right-"].content-8.content-8 {
min-width: 252.7px
}
}
@media (min-width: 30.0625em) and (max-width: 48em) {
.secondary-tout .st-item .st-item-content[class*="align-right-"].content-8.content-8 {
max-width: 86.39309%;
width: 86.39309%;
min-width: 11.32503%
}
}
@media (max-width: 30em) {
.secondary-tout .st-item .st-item-content[class*="align-right-"].content-8.content-8 {
max-width: 86.39309%;
width: 86.39309%;
min-width: 11.32503%
}
.secondary-tout .st-item .st-item-content[class*="align-right-"].content-8.content-8 h1, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-8.content-8 h2, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-8.content-8 h3, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-8.content-8 h4, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-8.content-8 h5, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-8.content-8 h6 {
max-width: 75.0469%
}
}
.secondary-tout .st-item .st-item-content[class*="align-right-"].content-8[class*="copy"].content-8 {
max-width: 330px;
width: 43.08094%;
min-width: 243.375px
}
@media (min-width: 61.3125em) {
.secondary-tout .st-item .st-item-content[class*="align-right-"].content-8[class*="copy"].content-8 {
min-width: 297.825px
}
}
@media (min-width: 30.0625em) and (max-width: 48em) {
.secondary-tout .st-item .st-item-content[class*="align-right-"].content-8[class*="copy"].content-8 {
max-width: 86.39309%;
width: 86.39309%;
min-width: 11.32503%
}
}
@media (max-width: 30em) {
.secondary-tout .st-item .st-item-content[class*="align-right-"].content-8[class*="copy"].content-8 {
max-width: 86.39309%;
width: 86.39309%;
min-width: 11.32503%
}
.secondary-tout .st-item .st-item-content[class*="align-right-"].content-8[class*="copy"].content-8 h1, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-8[class*="copy"].content-8 h2, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-8[class*="copy"].content-8 h3, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-8[class*="copy"].content-8 h4, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-8[class*="copy"].content-8 h5, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-8[class*="copy"].content-8 h6 {
max-width: 75.0469%
}
}
.secondary-tout .st-item .st-item-content[class*="align-right-"].content-6 {
left: auto;
right: 8.6%
}
.secondary-tout .st-item .st-item-content[class*="align-right-"].content-6.content-6 {
max-width: 250px;
width: 32.63708%;
min-width: 184.375px
}
@media (min-width: 61.3125em) {
.secondary-tout .st-item .st-item-content[class*="align-right-"].content-6.content-6 {
min-width: 225.625px
}
}
@media (min-width: 30.0625em) and (max-width: 48em) {
.secondary-tout .st-item .st-item-content[class*="align-right-"].content-6.content-6 {
max-width: 80%;
width: 80%;
min-width: 30%
}
}
@media (max-width: 30em) {
.secondary-tout .st-item .st-item-content[class*="align-right-"].content-6.content-6 {
max-width: 80%;
width: 80%;
min-width: 30%
}
.secondary-tout .st-item .st-item-content[class*="align-right-"].content-6.content-6 h1, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-6.content-6 h2, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-6.content-6 h3, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-6.content-6 h4, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-6.content-6 h5, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-6.content-6 h6 {
max-width: 75.0469%
}
}
.secondary-tout .st-item .st-item-content[class*="align-right-"].content-6[class*="copy"].content-6 {
max-width: 250px;
width: 32.63708%;
min-width: 184.375px
}
@media (min-width: 61.3125em) {
.secondary-tout .st-item .st-item-content[class*="align-right-"].content-6[class*="copy"].content-6 {
min-width: 225.625px
}
}
@media (min-width: 30.0625em) and (max-width: 48em) {
.secondary-tout .st-item .st-item-content[class*="align-right-"].content-6[class*="copy"].content-6 {
max-width: 80%;
width: 80%;
min-width: 30%
}
}
@media (max-width: 30em) {
.secondary-tout .st-item .st-item-content[class*="align-right-"].content-6[class*="copy"].content-6 {
max-width: 80%;
width: 80%;
min-width: 30%
}
.secondary-tout .st-item .st-item-content[class*="align-right-"].content-6[class*="copy"].content-6 h1, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-6[class*="copy"].content-6 h2, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-6[class*="copy"].content-6 h3, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-6[class*="copy"].content-6 h4, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-6[class*="copy"].content-6 h5, .secondary-tout .st-item .st-item-content[class*="align-right-"].content-6[class*="copy"].content-6 h6 {
max-width: 75.0469%
}
}
.secondary-tout .st-item .st-item-content.align-left-top.content-12, .secondary-tout .st-item .st-item-content.align-left-top.content-8 {
top: 11%
}
.secondary-tout .st-item .st-item-content.align-left-top.content-6 {
top: 8%;
left: 8.6%
}
.secondary-tout .st-item .st-item-content.align-left-top.content-4 {
left: 11%;
top: 8%;
max-width: 15.55em;
width: 73.8461538%
}
.secondary-tout .st-item .st-item-content[class*="align-center-"] {
bottom: 40px;
width: 100%;
text-align: center
}
.secondary-tout .st-item .st-item-content[class*="align-center-"].align-center-center {
position: relative;
width: 340px;
height: 100%;
max-width: 66%;
bottom: auto;
margin: 0 auto
}
@media (max-width: 30em) {
.secondary-tout .st-item .st-item-content[class*="align-center-"].align-center-center {
width: 100%
}
}
.secondary-tout .st-item .st-item-content[class*="align-center-"].align-center-center>div {
width: auto;
height: auto
}
.secondary-tout .st-item .st-item-content[class*="align-center-"]>div {
width: 240px;
max-width: 90%;
margin: 0 auto
}
.secondary-tout .st-item .st-item-content[class*="align-center-"] .eyebrow {
display: block;
margin: 0
}
.secondary-tout .st-item .st-item-content[class*="align-center-"] h4 {
margin: 0 auto
}
.secondary-tout .st-item .st-item-content[class*="align-center-"].content-8>div {
width: 400px
}
.secondary-tout .st-item .st-item-content.align-left-center.content-4, .secondary-tout .st-item .st-item-content.align-left-center.content-6, .secondary-tout .st-item .st-item-content.align-left-center.content-8, .secondary-tout .st-item .st-item-content.align-left-center.content-12, .secondary-tout .st-item .st-item-content.align-right-center.content-4, .secondary-tout .st-item .st-item-content.align-right-center.content-6, .secondary-tout .st-item .st-item-content.align-right-center.content-8, .secondary-tout .st-item .st-item-content.align-right-center.content-12 {
top: auto;
height: 95%
}
.secondary-tout .st-item .st-item-content.align-left-bottom.content-12, .secondary-tout .st-item .st-item-content.align-left-bottom.content-8, .secondary-tout .st-item .st-item-content.align-left-bottom.content-6, .secondary-tout .st-item .st-item-content.align-left-bottom.content-4 {
top: auto;
bottom: 6.3%
}
.secondary-tout .st-item .st-item-content.align-left-bottom.content-12.has-counter, .secondary-tout .st-item .st-item-content.align-left-bottom.content-8.has-counter, .secondary-tout .st-item .st-item-content.align-left-bottom.content-6.has-counter, .secondary-tout .st-item .st-item-content.align-left-bottom.content-4.has-counter {
bottom: 12%
}
.secondary-tout .st-item .st-item-content.align-left-bottom.content-12.has-copy.has-counter, .secondary-tout .st-item .st-item-content.align-left-bottom.content-8.has-copy.has-counter, .secondary-tout .st-item .st-item-content.align-left-bottom.content-6.has-copy.has-counter, .secondary-tout .st-item .st-item-content.align-left-bottom.content-4.has-copy.has-counter {
bottom: 18%
}
.secondary-tout .st-item .st-item-content.align-left-bottom.content-12.has-mini-promo, .secondary-tout .st-item .st-item-content.align-left-bottom.content-8.has-mini-promo, .secondary-tout .st-item .st-item-content.align-left-bottom.content-6.has-mini-promo, .secondary-tout .st-item .st-item-content.align-left-bottom.content-4.has-mini-promo {
bottom: 23%
}
.secondary-tout .st-item .st-item-content.align-right-top.content-12, .secondary-tout .st-item .st-item-content.align-right-top.content-8, .secondary-tout .st-item .st-item-content.align-right-top.content-6 {
top: 11%
}
.secondary-tout .st-item .st-item-content.align-right-bottom {
top: auto
}
.secondary-tout .st-item .st-item-content.align-right-bottom.content-12, .secondary-tout .st-item .st-item-content.align-right-bottom.content-8 {
top: auto;
bottom: 8%
}
.secondary-tout .st-item .st-item-content.align-right-bottom.content-12.has-counter, .secondary-tout .st-item .st-item-content.align-right-bottom.content-8.has-counter {
bottom: 12%
}
.secondary-tout .st-item .st-item-content.align-right-bottom.content-12.has-copy.has-counter, .secondary-tout .st-item .st-item-content.align-right-bottom.content-8.has-copy.has-counter {
bottom: 18%
}
.secondary-tout .st-item .st-item-content.align-right-bottom.content-12.has-mini-promo, .secondary-tout .st-item .st-item-content.align-right-bottom.content-8.has-mini-promo {
bottom: 23%
}
.secondary-tout .st-item .st-item-content.align-right-bottom.content-6 {
bottom: 5.8%
}
.secondary-tout .st-item .st-item-content.align-right-bottom.content-6.has-counter {
bottom: 12%
}
.secondary-tout .st-item .st-item-content.align-right-bottom.content-6.has-copy.has-counter {
bottom: 18%
}
.secondary-tout .st-item.darkLightText h2, .secondary-tout .st-item.darkLightText h3, .secondary-tout .st-item.darkLightText h4 {
color: #2f353d;
margin: 0 0 0 6.8809%;
line-height: 38px
}
.secondary-tout .st-item.darkLightText h2 a, .secondary-tout .st-item.darkLightText h3 a, .secondary-tout .st-item.darkLightText h4 a {
color: #fff;
display: block
}
@media (min-width: 48.0625em) and (max-width: 61.3125em) {
.secondary-tout .st-item.darkLightText h4 {
font-size: 1.375em
}
}
.secondary-tout .st-item .footer {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
min-height: 100px;
height: 43.0769231%
}
.secondary-tout .st-item.darkLightText footer {
background-color: #2f353d
}
.secondary-tout .st-item-inner {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.secondary-tout .st-item img {
display: block;
max-height: 100%;
max-width: 100%;
margin: auto
}
.secondary-tout .st-grid {
height: 100%
}
.caption.light-text-trans-box p {
color: #74747f
}
.caption.light-text-trans-box p a {
color: #bcbccc
}
.caption-band.box {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
margin: 0;
margin-top: -30px;
padding: 5px 1em;
z-index: 2
}
.caption-band.box.top-left, .caption-band.box.top-right, .caption-band.box.top-center {
bottom: auto;
top: 0;
margin-top: 0
}
.caption-band.box.top-left, .caption-band.box.bottom-left {
text-align: left
}
.caption-band.box.top-right, .caption-band.box.bottom-right {
text-align: right
}
.caption-band.box.top-center, .caption-band.box.bottom-center {
text-align: center
}
.caption-band.box p {
margin-bottom: 0;
padding: 0
}
@media (max-width: 61.1875em) {
.secondary-tout .st-container .st-content .st-item {
height: 320px
}
.secondary-tout .st-container .st-content .st-item .st-item-content.align-left-top, .secondary-tout .st-container .st-content .st-item .st-item-content.align-right-top {
top: 8%
}
}
@media (max-width: 47.9375em) {
.secondary-tout .st-container .st-content .st-item {
height: 290px
}
.secondary-tout .st-container .st-content .st-item .st-item-content.align-center-bottom {
bottom: 30px
}
.secondary-tout .st-container .st-content .st-item .st-item-content.align-center-bottom>div {
width: 90%
}
.secondary-tout .st-container .st-content .st-item .dark-text-light-panel, .secondary-tout .st-container .st-content .st-item .light-text-dark-panel {
padding: 2% 4.2%
}
.secondary-tout .st-container .st-content.no-grid-at-767 .st-item {
margin-bottom: 20px
}
}
@media (max-width: 35.4375em) {
.secondary-tout .st-container .st-content .st-item {
height: 260px
}
.secondary-tout .st-container .st-content .st-item .st-item-content.light-text-trans-panel p, .secondary-tout .st-container .st-content .st-item .st-item-content.dark-text-trans-panel p {
display: none
}
}
@media (min-width: 30.0625em) and (max-width: 34.375em) {
.one-sony-carousel.secondary-tout .st-item aside.content-12, .one-sony-carousel.secondary-tout .st-item aside.content-8, .one-sony-carousel.secondary-tout .st-item aside.content-6, .one-sony-carousel.secondary-tout .st-item aside.content-4 {
left: 0;
bottom: 0;
width: 100%
}
.one-sony-carousel.secondary-tout .st-item aside.content-12 .mini-promo, .one-sony-carousel.secondary-tout .st-item aside.content-8 .mini-promo, .one-sony-carousel.secondary-tout .st-item aside.content-6 .mini-promo, .one-sony-carousel.secondary-tout .st-item aside.content-4 .mini-promo {
width: 100%;
display: block
}
.one-sony-carousel.secondary-tout .st-item aside.content-12 .mini-promo>div, .one-sony-carousel.secondary-tout .st-item aside.content-8 .mini-promo>div, .one-sony-carousel.secondary-tout .st-item aside.content-6 .mini-promo>div, .one-sony-carousel.secondary-tout .st-item aside.content-4 .mini-promo>div {
height: 56px;
line-height: 56px
}
}
@media (max-width: 30em) {
.secondary-tout .st-container .st-content .st-video-container {
display: none
}
.secondary-tout .st-container .st-content article.st-background-video .st-image {
display: block
}
.secondary-tout .st-container .st-content .st-item {
height: 220px
}
.secondary-tout .st-container .st-content .st-item .st-item-content {
left: 6%
}
.secondary-tout .st-container .st-content .st-item .st-item-content.align-left-top, .secondary-tout .st-container .st-content .st-item .st-item-content.align-right-top {
top: 4.8%
}
.secondary-tout .st-container .st-content .st-item .st-item-content.align-left-bottom.has-counter, .secondary-tout .st-container .st-content .st-item .st-item-content.align-right-bottom.has-counter {
bottom: 12%
}
.secondary-tout .st-container .st-content .st-item .st-item-content.align-center-center, .secondary-tout .st-container .st-content .st-item .st-item-content.align-center-bottom {
left: 0
}
.secondary-tout .st-container .st-content .st-item .st-item-content.align-center-center h4, .secondary-tout .st-container .st-content .st-item .st-item-content.align-center-bottom h4 {
font-size: 1.125em
}
.secondary-tout .st-container .st-content .st-item .st-item-content.dark-text-light-panel, .secondary-tout .st-container .st-content .st-item .st-item-content.light-text-dark-panel {
padding: 3% 6% 4%
}
.secondary-tout .st-container .st-content .st-item .st-item-content .ghost-center {
display: inherit
}
.secondary-tout .st-container .st-content .st-item aside {
left: 6%;
bottom: 10%
}
.secondary-tout .st-container .st-content .st-item aside.has-mini-promo, .secondary-tout .st-container .st-content .st-item aside.has-mini-promo.has-copy {
left: 0;
bottom: 0;
width: 100%;
max-width: none
}
.secondary-tout .st-container .st-content .st-item .st-social-count {
bottom: 20px;
right: 20px;
width: 110px;
height: 110px
}
.secondary-tout .st-container .st-content .st-item .mini-promo {
display: block;
background-color: rgba(33,37,48,0.95)
}
.secondary-tout .st-container .st-content .st-item .mini-promo .mini-promo-image-container {
width: 64px;
height: 36px;
margin: 10px
}
.secondary-tout .st-container .st-content .st-item .mini-promo .mini-promo-image-container .play-button {
width: 22px;
height: 22px;
margin: -11px 0 0 -11px;
font-size: 0.5em;
line-height: 22px
}
.secondary-tout .st-container .st-content .st-item .mini-promo .mini-promo-caption {
height: 56px;
line-height: 56px;
color: #fff
}
.secondary-tout .st-container .st-content.no-grid-at-479 .st-item {
margin-bottom: 20px
}
}
.whats-new-tout .pagination-paddles button {
top: 52%
}
.whats-new-tout .pagination-paddles button.pagination-prev {
left: 12px;
margin-left: 0
}
.whats-new-tout .pagination-paddles button.pagination-next {
right: 12px;
margin-right: 0
}
.whats-new-tout .whats-new-carousel-wrapper {
position: relative;
height: 100%;
overflow: hidden
}
.whats-new-tout .whats-new-carousel-wrapper header {
width: 100%;
height: 11.5942%;
padding: 0 16px;
background-color: #2f353d
}
.whats-new-tout .whats-new-carousel-wrapper header h3 {
color: #fff
}
.whats-new-tout .whats-new-carousel-wrapper header .sony-dot-nav {
margin: 0
}
.whats-new-tout .whats-new-carousel-wrapper header .sony-dot-nav .pagination-bullets {
position: relative;
text-align: right
}
.whats-new-tout .whats-new-carousel {
position: relative;
width: 1000%;
height: 89.4058%
}
.whats-new-tout .whats-new-carousel .whats-new-carousel-slide {
position: relative;
width: 10%;
height: 100%;
float: left
}
.whats-new-tout .whats-new-carousel .whats-new-carousel-slide .st-image {
background-color: #f1f5f9;
background-position: center top
}
.span4 .whats-new-carousel .whats-new-carousel-slide .st-image {
background-size: auto 63%;
background-position: center top
}
.span6 .whats-new-carousel .whats-new-carousel-slide .st-image {
background-size: auto 75%;
background-position: center -12px
}
.span8 .whats-new-carousel .whats-new-carousel-slide .st-image, .span12 .whats-new-carousel .whats-new-carousel-slide .st-image {
background-size: auto 89%;
background-position: center -24px
}
@media (max-width: 47.9375em) {
.whats-new-tout .whats-new-carousel-wrapper header {
height: 12.83784%
}
.whats-new-tout .whats-new-carousel {
height: 88.16216%
}
.span4 .whats-new-carousel .whats-new-carousel-slide .st-image, .span12 .whats-new-carousel .whats-new-carousel-slide .st-image {
background-size: auto 85%;
background-position: center -24px
}
}
@media (max-width: 29.9375em) {
.whats-new-tout .whats-new-carousel-wrapper header {
height: 17.72727%
}
.whats-new-tout .whats-new-carousel {
height: 83.27273%
}
.span4 .whats-new-carousel .whats-new-carousel-slide .st-image, .span6 .whats-new-carousel .whats-new-carousel-slide .st-image, .span8 .whats-new-carousel .whats-new-carousel-slide .st-image, .span12 .whats-new-carousel .whats-new-carousel-slide .st-image {
background-size: auto 82%;
background-position: center -14px
}
}
@media (max-width: 21.25em) {
.span4 .whats-new-carousel .whats-new-carousel-slide .st-image, .span6 .whats-new-carousel .whats-new-carousel-slide .st-image, .span8 .whats-new-carousel .whats-new-carousel-slide .st-image, .span12 .whats-new-carousel .whats-new-carousel-slide .st-image {
background-size: auto 70%
}
}
.tcc-module {
position: relative;
text-align: center;
background-color: #f1f5f9;
margin: 0;
padding: 0 0 60px
}
.tcc-module .tcc-header {
position: relative;
margin-bottom: 30px;
padding-top: 60px;
padding-bottom: 20px;
border-bottom: 3px solid #e4e7eb
}
.tcc-module .tcc-header .tcc-header-title {
text-align: left;
margin: 0
}
.tcc-module .tcc-header .tcc-header-link {
text-align: right;
margin: 0;
white-space: nowrap;
padding-top: 10px
}
.tcc-module #three-up, .tcc-module #two-up, .tcc-module #one-up {
height: 400px
}
.tcc-module .tcc-carousel-wrapper {
overflow: hidden;
position: relative;
width: 100%;
height: 100%
}
.tcc-module .tcc-carousel {
position: relative;
width: 2000%;
height: 100%
}
.tcc-module .sony-carousel-slide {
-webkit-transform: translateZ(0);
float: left;
width: 5%;
height: 100%
}
.tcc-module .sony-carousel-slide .grid, .tcc-module .sony-carousel-slide .container, .tcc-module .sony-carousel-slide [class*="span"] {
height: 100%
}
.tcc-module .sony-carousel-slide-children {
height: 100%;
position: relative
}
.tcc-module .article sup.footNoteNumber {
position: relative;
pointer-events: auto
}
.tcc-module .article .p4, .tcc-module .article .p2, .tcc-module .article p {
overflow: hidden;
word-break: break-word
}
.tcc-module .article .p2, .tcc-module .article p {
max-height: 45px;
color: rgba(33,37,48,0.95)
}
.tcc-module .article .p4 {
height: 69px;
color: #74747f
}
.tcc-module .article .tcc-copy {
z-index: 2;
position: absolute;
pointer-events: none;
margin-top: 30px;
padding: 0 1.25em 1.25em 1.25em
}
.tcc-module .article .copy-link {
position: relative;
z-index: 3;
pointer-events: initial
}
.tcc-module .article .default-anchor {
display: block;
height: 100%;
position: absolute;
z-index: 2;
width: 100%;
content: ""
}
.tcc-module .article .img-container {
display: block
}
.tcc-module .article .img-container div {
position: relative
}
.tcc-module .article .img-container div img {
width: 100%;
background-color: rgba(255,255,255,0.01);
-moz-transform-origin: 0 0
}
.tcc-module .article.default {
position: relative;
z-index: 0
}
.tcc-module .article.default img {
-webkit-transition: opacity .15s;
transition: opacity .15s;
-webkit-transform: scale3d(1, 1, 1);
opacity: 1
}
.tcc-module .article.default:hover img {
opacity: 0.9
}
.tcc-module .article.default .tcc-copy {
width: 100%
}
.tcc-module .article.news {
position: relative
}
.tcc-module .article.news img {
-webkit-transition: opacity .15s;
transition: opacity .15s;
-webkit-transform: scale3d(1, 1, 1);
opacity: 1
}
.tcc-module .article.news:hover img {
opacity: 0.9
}
.tcc-module .article.news .img-container .l3-light {
-webkit-backface-visibility: hidden;
position: absolute;
top: 0;
right: 0;
background-color: rgba(33,37,48,0.95);
color: #fff;
padding: .625em
}
.tcc-module .article.event {
position: relative
}
.tcc-module .article.event img {
-webkit-transition: opacity .15s;
transition: opacity .15s;
-webkit-transform: scale3d(1, 1, 1);
opacity: 1
}
.tcc-module .article.event:hover img {
opacity: 0.9
}
.tcc-module .article.event .img-container .attendance {
-webkit-backface-visibility: hidden;
position: absolute;
top: 0;
right: 0;
left: 0;
opacity: 0.95;
padding: 12% 36%
}
.tcc-module .article.event .img-container .attendance .details {
background-color: #a2b849;
padding: 3px
}
.tcc-module .article.event .img-container .attendance .details .t3, .tcc-module .article.event .img-container .attendance .details h3, .tcc-module .article.event .img-container .attendance .details .l3-light {
margin-bottom: 0;
color: #fff
}
.tcc-module .article.featured {
position: relative
}
.tcc-module .article.featured .img-container {
-webkit-transition: opacity .15s;
transition: opacity .15s;
-webkit-transform: scale3d(1, 1, 1);
opacity: 1
}
.tcc-module .article.featured:hover .img-container {
opacity: 0.9
}
.tcc-module .article.featured .img-container {
height: 100%
}
.tcc-module .article.featured .img-container div {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
background-repeat: no-repeat
}
.tcc-module .article.featured .copy {
overflow: hidden;
max-height: 140px;
-webkit-backface-visibility: hidden;
z-index: 2;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
pointer-events: none;
padding: 1.25em 1.875em 1.875em 1.875em;
margin: 0;
text-align: left
}
.lt-ie8 .tcc-module .article.featured .copy {
width: 78.5%
}
.tcc-module .article.featured .t5-light {
overflow: hidden;
height: 57px;
margin: 0
}
.lt-ie10 .tcc-module .article.featured .t5-light {
font-size: 1.20022em;
line-height: 1.18182
}
.tcc-module .article.featured .lt3 {
overflow: hidden;
margin: 18px 0 0 0
}
.tcc-module .article.featured .light-text p {
color: #bcbccc
}
.tcc-module .article.featured .light-text a {
color: #fff
}
.tcc-module .article.featured .light-text a:hover, .tcc-module .article.featured .light-text a:active, .tcc-module .article.featured .light-text a:focus, .tcc-module .article.featured .light-text a.active {
color: #74747f
}
.tcc-module .article.featured .dark-box {
background-color: #212530
}
.tcc-module .users-voice {
position: relative;
padding: 1.75em 2.25em
}
.tcc-module .users-voice .title, .tcc-module .users-voice .quote {
text-align: left
}
.tcc-module .users-voice .quote {
padding: 0
}
.tcc-module .users-voice .credits {
width: 75%;
text-align: left;
position: absolute;
bottom: 1.75em;
left: 2.25em
}
.tcc-module .users-voice .author>.p4 {
margin-bottom: 0px
}
.tcc-module .users-voice .avatar {
margin-bottom: .9375em
}
.tcc-module .users-voice .avatar img {
max-height: 40px
}
.tcc-module .users-voice.expert-quote {
background-color: rgba(33,37,48,0.95)
}
.lt-ie9 .tcc-module .users-voice.expert-quote {
background-color: #212530
}
.tcc-module .users-voice.expert-quote .title {
color: #bcbccc
}
.tcc-module .users-voice.expert-quote .quote p {
color: #fff
}
.tcc-module .users-voice.expert-quote .author {
text-transform: capitalize
}
.tcc-module .users-voice.user-quote {
background-color: #fff
}
.lt-ie8 .tcc-module .users-voice.user-quote {
height: 85%;
overflow: hidden
}
.tcc-module .users-voice.user-quote .title {
color: #74747f
}
.lt-ie8 .tcc-module .users-voice.user-quote .quote {
height: 65%;
overflow: hidden
}
.tcc-module .users-voice.user-quote .quote p {
color: #293d54
}
.tcc-module .users-voice.user-quote .author .handle {
padding-right: .625em
}
.tcc-module .users-voice.question {
padding: 0
}
.tcc-module .users-voice.question .credits {
position: relative;
bottom: auto;
left: auto;
width: 100%;
background-color: #fff
}
.tcc-module .users-voice.question .quote {
text-align: center;
height: 68%;
padding: 2.5em 1.875em 0 1.875em
}
.lt-ie8 .tcc-module .users-voice.question .quote .bq3 {
max-height: 89.5%;
overflow: hidden
}
.lt-ie8 .tcc-module .users-voice.question .quote {
max-height: 58%;
overflow: hidden
}
.tcc-module .users-voice.question .avatar {
display: inline-block;
margin: 0
}
.tcc-module .users-voice.question .avatar img {
max-height: 63px
}
.lt-ie8 .tcc-module .users-voice.question .avatar {
display: auto;
float: left;
overflow: hidden
}
.tcc-module .users-voice.question .author {
display: inline-block;
margin-left: 1.5625em
}
.lt-ie8 .tcc-module .users-voice.question .author {
display: auto;
float: left;
height: 60px;
overflow: hidden
}
.tcc-module .top {
float: left;
width: 100%;
text-align: center
}
.tcc-module .top .icon-container {
position: relative;
overflow: hidden;
text-align: center
}
.tcc-module .top .meta {
margin-top: .5em
}
.tcc-module .top .meta .p4 {
margin: 0
}
.tcc-module .top .meta .user, .tcc-module .top .meta .title, .tcc-module .top .meta .timestamp {
display: inline-block
}
.tcc-module .top .meta .user {
padding-right: .625em;
color: #2f353d
}
.tcc-module .top .meta .timestamp {
color: #74747f
}
.tcc-module .center {
width: 100%;
float: left
}
.tcc-module .content {
width: 100%
}
.tcc-module .bottom {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center
}
.tcc-module .sonys-voice {
position: relative
}
.tcc-module .sonys-voice .fonticon-10-dot {
font-size: 3.5em;
width: 100%;
color: #fff;
z-index: 1
}
.tcc-module .sonys-voice .fonticon-15-facebook, .tcc-module .sonys-voice .fonticon-15-twitter, .tcc-module .sonys-voice .fonticon-15-instagram {
position: absolute;
top: 28%;
left: 0;
z-index: 2;
width: 100%
}
.tcc-module .sonys-voice .fonticon-15-twitter {
color: #00acee
}
.tcc-module .sonys-voice .fonticon-15-facebook {
color: #3b5b99
}
.tcc-module .sonys-voice .center {
height: 69.75%
}
.tcc-module .sonys-voice .post-image img {
max-height: 100px
}
.tcc-module .sonys-voice .bq4 p {
color: #293d54
}
.tcc-module .sonys-voice .bq5 {
margin-top: 1.375em
}
.tcc-module .sonys-voice .bq5 p {
margin-bottom: 0;
color: #293d54
}
.tcc-module .sonys-voice .instagram {
background-color: #fff;
height: 217px;
padding: 0;
overflow: hidden
}
.lt-ie8 .tcc-module .sonys-voice .instagram {
margin-top: 20%;
height: auto
}
.lt-ie8 .tcc-module .sonys-voice .instagram {
position: relative
}
.tcc-module .sonys-voice .instagram .left, .tcc-module .sonys-voice .instagram .right {
display: inline-block;
overflow: hidden;
height: 100%
}
.tcc-module .sonys-voice .instagram .left .iq-img, .tcc-module .sonys-voice .instagram .right .iq-img {
width: 100%;
background-size: cover;
background-position: center center;
background-repeat: no-repeat
}
.tcc-module .sonys-voice .instagram .left {
padding: .625em .3125em .9375em .625em;
width: 40%
}
.lt-ie8 .tcc-module .sonys-voice .instagram .left {
float: left;
width: 100%;
height: auto
}
.tcc-module .sonys-voice .instagram .left .mobile-only {
display: none
}
.lt-ie8 .tcc-module .sonys-voice .instagram .left .mobile-only {
float: left;
display: block
}
.tcc-module .sonys-voice .instagram .left .last {
margin-top: .3125em
}
.lt-ie8 .tcc-module .sonys-voice .instagram .left .last {
margin-top: 0
}
.tcc-module .sonys-voice .instagram .left .iq-img {
height: 50%
}
.lt-ie8 .tcc-module .sonys-voice .instagram .left .iq-img {
float: left;
width: 30%;
height: 96px;
margin-left: 5px
}
.lt-ie8 .tcc-module .sonys-voice .instagram .left .iq-img:first-child {
margin-left: 0
}
.tcc-module .sonys-voice .instagram .right {
display: inline-block;
padding: .625em .625em .625em 0;
width: 60%
}
.lt-ie8 .tcc-module .sonys-voice .instagram .right {
display: none
}
.tcc-module .sonys-voice .instagram .right .iq-img {
height: 100%
}
.tcc-module .flickr {
position: relative
}
.tcc-module .flickr .icon-container {
position: relative
}
.tcc-module .flickr .icon-container .fonticon-10-dot {
display: block
}
.tcc-module .flickr .icon-container .bg {
width: 100%;
height: 100%;
color: #fff;
font-size: 2.8em;
z-index: 1
}
.tcc-module .flickr .icon-container .flickrDots {
position: absolute;
top: 7px;
left: 0;
right: 0;
bottom: 0;
z-index: 2
}
.lt-ie8 .tcc-module .flickr .icon-container .flickrDots {
top: 15px;
left: 44%
}
.tcc-module .flickr .icon-container .left, .tcc-module .flickr .icon-container .right {
width: 50%;
display: inline-block
}
.lt-ie8 .tcc-module .flickr .icon-container .left, .lt-ie8 .tcc-module .flickr .icon-container .right {
width: 10%;
display: block;
float: left
}
.tcc-module .flickr .icon-container .left .fonticon-10-dot, .tcc-module .flickr .icon-container .right .fonticon-10-dot {
font-size: 0.84em
}
.tcc-module .flickr .icon-container .left {
text-align: right;
color: #0063dc
}
.tcc-module .flickr .icon-container .right {
text-align: left;
color: #ff0084
}
.tcc-module .flickr .meta {
margin-top: .5em
}
.tcc-module .flickr .meta .p4 {
margin-bottom: 0
}
.tcc-module .flickr .meta .user {
padding-right: .625em;
color: #2f353d
}
.tcc-module .flickr .center {
height: 66.55%
}
.lt-ie8 .tcc-module .flickr .center {
height: 75px
}
.tcc-module .flickr .flickr-container {
background-color: #fff;
height: 215px;
width: 100%;
padding: 10px .625em
}
.tcc-module .flickr .top-row, .tcc-module .flickr .bottom-row {
height: 50%;
width: 100%
}
.tcc-module .flickr .iq-img {
display: inline-block;
width: 31.63333%;
margin-left: 5px;
height: 100%;
background-size: cover;
background-position: center center;
background-repeat: no-repeat
}
.lt-ie8 .tcc-module .flickr .iq-img {
float: left
}
.tcc-module .flickr .iq-img:first-child {
margin-left: 0
}
.tcc-module .flickr .top-row {
padding-bottom: 5px
}
.tcc-module .flickr .bottom-row {
display: block;
padding: 0
}
.lt-ie8 .tcc-module .flickr .bottom-row {
float: left
}
.tcc-module .flickr .bottom {
bottom: 28px
}
.tcc-module.group-top {
padding-bottom: 0
}
.tcc-module.group-middle {
padding-top: 0;
padding-bottom: 0
}
.tcc-module.group-bottom {
padding-top: 0
}
.tcc-module.outerspace-top {
margin-top: 70px
}
.tcc-module.outerspace-bottom {
margin-bottom: 75px
}
.tcc-module.outerspace-both {
margin-top: 70px;
margin-bottom: 75px
}
.tcc-module.outerspace-none {
margin-top: 0;
margin-bottom: 0
}
@media (min-width: 30em) and (max-width: 61.1875em) {
.tcc-module #one-up {
height: auto;
padding-bottom: 80px
}
.tcc-module #one-up .featured {
height: 400px
}
.tcc-module .article .img-container {
min-height: 76px
}
.tcc-module .article .p2, .tcc-module .article p {
max-height: 40px
}
.tcc-module .article .p4 {
min-height: 48px
}
.tcc-module .article.featured .copy {
max-height: 120px
}
.tcc-module .article.featured .t5-light {
height: 45px
}
.tcc-module .article.featured .lt3 {
margin-top: 10px
}
.tcc-module .users-voice.question .quote {
height: 62%
}
.tcc-module .sonys-voice .fonticon-15-facebook, .tcc-module .sonys-voice .fonticon-15-twitter, .tcc-module .sonys-voice .fonticon-15-instagram {
top: 32%
}
.tcc-module .sonys-voice .center {
height: 62.75%
}
.tcc-module .sonys-voice .bq4, .tcc-module .sonys-voice .bq5 {
padding: 0 1em
}
.tcc-module .sonys-voice .instagram {
height: 128px;
position: relative;
padding: 10px .625em
}
.tcc-module .sonys-voice .instagram .left {
position: relative;
display: inline-block;
padding: 0;
height: 100%;
width: 100%
}
.tcc-module .sonys-voice .instagram .left .iq-img {
width: 31%;
height: 100%;
margin-left: 0;
display: inline-block
}
.tcc-module .sonys-voice .instagram .left .mobile-only {
margin-left: .3125em;
display: inline-block
}
.tcc-module .sonys-voice .instagram .left .last {
margin-top: 0;
margin-left: .3125em
}
.tcc-module .sonys-voice .instagram .right {
display: none
}
.tcc-module .flickr {
position: relative
}
.tcc-module .flickr .center {
height: 59.55%
}
.tcc-module .flickr .flickr-container {
height: 93px;
padding: 10px .625em
}
.tcc-module .flickr .iq-img {
width: 31%
}
.tcc-module .flickr .top-row {
height: 100%;
padding: 0
}
.tcc-module .flickr .bottom-row {
display: none
}
}
@media (max-width: 29.9375em) {
.tcc-module {
padding: 40px 0 50px
}
.tcc-module #three-up, .tcc-module #two-up, .tcc-module #one-up {
height: 360px
}
.tcc-module .tcc-header .tcc-header-link {
text-align: left
}
.tcc-module .article .tcc-copy .p2, .tcc-module .article .tcc-copy p {
max-height: 43px
}
.tcc-module .article .tcc-copy .p4 {
display: none
}
.tcc-module .article.featured .copy {
padding: 1em 1.5625em 1.25em 1.5625em;
max-height: 120px
}
.tcc-module .article.featured .t5-light {
height: 45px
}
.tcc-module .article.featured .lt3 {
margin-top: 10px
}
.tcc-module .users-voice.question .credits .avatar img {
max-height: 20%
}
.tcc-module .users-voice.question .quote {
height: 66%
}
.tcc-module .top {
display: table
}
.tcc-module .top .meta {
display: table-cell;
vertical-align: middle
}
.tcc-module .top .meta {
text-align: left;
margin-top: 0;
padding-left: .625em
}
.tcc-module .top .meta .timestamp, .tcc-module .top .meta .title {
display: block;
padding-left: .625em
}
.tcc-module .sonys-voice .fonticon-15-facebook, .tcc-module .sonys-voice .fonticon-15-twitter, .tcc-module .sonys-voice .fonticon-15-instagram {
top: 32%
}
.tcc-module .sonys-voice .icon-container {
display: table-cell;
vertical-align: middle
}
.tcc-module .sonys-voice .icon-container {
width: 37%;
text-align: right;
position: relative
}
.tcc-module .sonys-voice .fonticon-10-dot {
font-size: 2.5em
}
.tcc-module .sonys-voice .fonticon-15-facebook, .tcc-module .sonys-voice .fonticon-15-twitter, .tcc-module .sonys-voice .fonticon-15-instagram {
font-size: 1.3125em;
right: 0.45em;
top: 0.5em;
left: auto
}
.tcc-module .sonys-voice .center {
height: 68.75%
}
.tcc-module .sonys-voice .facebook img {
height: 100%
}
.tcc-module .sonys-voice .bq4, .tcc-module .sonys-voice .bq5 {
padding: 0 1.5em
}
.tcc-module .sonys-voice .instagram {
height: 128px;
position: relative;
padding: 10px .625em
}
.tcc-module .sonys-voice .instagram .left {
position: relative;
display: inline-block;
padding: 0;
height: 100%;
width: 100%
}
.tcc-module .sonys-voice .instagram .left .iq-img {
width: 32%;
height: 100%;
margin-left: 0;
display: inline-block
}
.tcc-module .sonys-voice .instagram .left .mobile-only {
margin-left: .3125em;
display: inline-block
}
.tcc-module .sonys-voice .instagram .left .last {
margin-top: 0;
margin-left: .3125em
}
.tcc-module .sonys-voice .instagram .right {
display: none
}
.tcc-module .flickr {
position: relative
}
.tcc-module .flickr .top {
display: table
}
.tcc-module .flickr .icon-container, .tcc-module .flickr .meta {
display: table-cell;
vertical-align: middle
}
.tcc-module .flickr .icon-container {
width: 43%;
position: relative
}
.tcc-module .flickr .icon-container .flickrDots {
left: 67%
}
.tcc-module .flickr .icon-parts {
position: relative;
text-align: right
}
.tcc-module .flickr .meta {
margin: 0;
padding: 0
}
.tcc-module .flickr .meta .p4 {
text-align: center;
width: 55%
}
.tcc-module .flickr .meta .user, .tcc-module .flickr .meta .title {
padding: 0
}
.tcc-module .flickr .meta .title {
display: block
}
.tcc-module .flickr .center {
height: 57.55%
}
.tcc-module .flickr .flickr-container {
height: 93px;
padding: 10px .625em
}
.tcc-module .flickr .iq-img {
width: 32%
}
.tcc-module .flickr .top-row {
height: 100%;
padding: 0
}
.tcc-module .flickr .bottom-row {
display: none
}
.tcc-module .sony-dot-nav {
margin-top: 0px
}
.tcc-module .sony-dot-nav .pagination-bullets {
padding-bottom: 51px
}
.tcc-module .sony-dot-nav.featured-sony-dot-nav .pagination-bullets {
padding-bottom: 0;
bottom: -30px
}
}
@media (max-width: 20em) {
.tcc-module .flickr .icon-container .flickrDots {
left: 63%
}
}
.uxmc {
margin-bottom: 2em
}
.uxmc.no-header {
margin-bottom: 2.5em;
margin-top: 2.5em
}
.uxmc h2 {
font-size: 1.375em;
font-weight: bold;
text-transform: uppercase
}
.uxmc.group-top {
padding-bottom: 0;
margin-bottom: 0
}
.uxmc.group-middle {
padding-top: 0;
padding-bottom: 0;
margin-bottom: 0;
margin-top: 0
}
.uxmc.group-bottom {
padding-top: 0;
margin-top: 0
}
.uxmc.outerspace-top {
margin-top: 70px
}
.uxmc.outerspace-bottom {
margin-bottom: 75px
}
.uxmc.outerspace-both {
margin-top: 70px;
margin-bottom: 75px
}
.uxmc.outerspace-none {
margin-top: 0;
margin-bottom: 0
}
.uxmc-container {
position: relative;
height: 340px;
background-color: #f1f5f9;
overflow: hidden
}
.uxmc-container .uxmc-overlay {
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
margin: 0 0 30px 36px;
overflow: hidden;
font-size: 1.375em;
font-weight: normal;
line-height: .86364em;
text-align: left;
width: inherit !important
}
.uxmc-container .uxmc-overlay p {
margin: 0;
width: 75% !important
}
.uxmc-container .uxmc-overlay .uxmc-link {
/*font-family: "SST W01 Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-weight: 500;
font-style: normal
}
.uxmc-container .uxmc-overlay .uxmc-link em {
/*font-family: "SST W01 Medium Italic", "SST W01 Medium", "SST W01 Medium", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-weight: 500;
font-style: normal
}
.uxmc-container .uxmc-overlay .uxmc-link strong {
/*font-family: "SST W01 Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-weight: 500;
font-style: normal
}
.uxmc-container .uxmc-overlay .uxmc-link em strong, .uxmc-container .uxmc-overlay .uxmc-link strong em {
/*font-family: "SST W01 Bold Italic", "SST W01 Bold", "SST W01 Bold", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-weight: 500;
font-style: normal
}
.uxmc-container .uxmc-overlay a:after {
position: relative;
top: -3px;
display: inline-block;
height: 0.8em;
font-size: 0.8em;
opacity: 1.0;
-webkit-transition: opacity 0.75s ease-out;
transition: opacity 0.75s ease-out
}
.uxmc-container .uxmc-overlay a:hover {
-webkit-transition: opacity 0.75s ease-out;
transition: opacity 0.75s ease-out;
opacity: 0.8
}
.uxmc-container .uxmc-overlay .fi {
line-height: 0.8em;
font-size: 0.8em;
position: relative;
top: -3px
}
.uxmc-container .uxmc-overlay a, .uxmc-container .uxmc-overlay p {
display: block;
width: 357px;
color: #fff;
font-size: 1em
}
.uxmc-container .uxmc-image-wrapper {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
text-align: center
}
.uxmc-container .base-product {
position: relative;
z-index: 2;
float: left;
width: 50%;
height: 100%
}
.uxmc-container .base-product .uxmc-image-wrapper {
background-size: cover
}
.uxmc-container .uxmc-carousel-wrapper {
background-color: transparent;
position: relative;
z-index: 1;
float: right;
margin: 0;
width: 50%;
height: 100%;
overflow: hidden;
-webkit-backface-visibility: hidden
}
.lt-ie8 .uxmc-container .uxmc-carousel-wrapper {
width: 49.5%
}
.uxmc-container .uxmc-carousel-wrapper .uxmc-carousel {
width: 100%;
height: 100%;
position: relative
}
.uxmc-container .uxmc-carousel-wrapper .sony-carousel-slide {
cursor: pointer;
width: 100%;
height: 100%;
float: none;
display: block;
text-align: center;
background-color: transparent;
-webkit-backface-visibility: hidden
}
.uxmc-container .uxmc-carousel-wrapper .sony-carousel-slide.theme-watch {
background-color: #c93434
}
.uxmc-container .uxmc-carousel-wrapper .sony-carousel-slide.theme-listen {
background-color: #913f99
}
.uxmc-container .uxmc-carousel-wrapper .sony-carousel-slide.theme-play {
background-color: #31b0cc
}
.uxmc-container .uxmc-carousel-wrapper .sony-carousel-slide.theme-discover {
background-color: #8bc748
}
.uxmc-container .uxmc-carousel-wrapper .sony-carousel-slide.theme-create {
background-color: #e87533
}
.uxmc-container .uxmc-carousel-wrapper .sony-carousel-slide.theme-connect {
background-color: #2763a3
}
.uxmc-container .uxmc-carousel-wrapper .sony-carousel-slide.theme-gold {
background-color: #ebab3d
}
.uxmc-container .uxmc-carousel-wrapper .sony-carousel-slide.theme-sage {
background-color: #87b5b0
}
.uxmc-container .uxmc-carousel-wrapper .sony-carousel-slide.theme-slate {
background-color: #4f6b85
}
.uxmc-container .uxmc-carousel-wrapper .sony-carousel-slide.theme-aqua {
background-color: #0085ba
}
.uxmc-container .uxmc-carousel-wrapper .sony-carousel-slide.theme-slatedark {
background-color: #293d54
}
.uxmc-container .uxmc-carousel-wrapper .sony-carousel-slide.theme-lavender {
background-color: #734f8a
}
.uxmc-container .uxmc-carousel-wrapper .sony-carousel-slide.theme-eggplant {
background-color: #734566
}
.uxmc-container .uxmc-carousel-wrapper .sony-carousel-slide.theme-olive {
background-color: #a2b849
}
.uxmc-container .uxmc-carousel-wrapper .sony-carousel-slide.theme-mint {
background-color: #22c083
}
.uxmc-container .uxmc-carousel-wrapper .sony-carousel-slide-children {
cursor: pointer;
position: relative;
background-color: transparent;
width: 100%;
height: 100%;
z-index: 2;
opacity: 0;
-webkit-backface-visibility: hidden;
-webkit-transition: opacity 0.75s ease-out;
transition: opacity 0.75s ease-out
}
.uxmc-container .uxmc-carousel-wrapper .sony-carousel-slide-children .uxmc-image-wrapper {
-webkit-transition: opacity .15s;
transition: opacity .15s;
-webkit-transform: scale3d(1, 1, 1);
opacity: 1
}
.uxmc-container .uxmc-carousel-wrapper .sony-carousel-slide-children:hover .uxmc-image-wrapper {
opacity: 0.9
}
.uxmc-container .uxmc-carousel-wrapper .sony-carousel-slide-children.active {
-webkit-backface-visibility: hidden;
-webkit-transition: opacity 0.75s ease-out;
transition: opacity 0.75s ease-out;
opacity: 1
}
.uxmc-container .btn-reload-container {
position: absolute;
left: 50%;
top: 50%;
z-index: 3;
-webkit-transform: translateZ(0);
margin: -2em 0 0 -2em;
padding: .4375em;
background-color: #fff;
overflow: hidden;
text-align: center;
opacity: 0
}
.uxmc-container .btn-reload-container.on {
opacity: 1;
-webkit-transition: opacity 0.25s ease-out;
transition: opacity 0.25s ease-out
}
.lt-ie9 .uxmc-container .btn-reload-container {
display: none
}
.uxmc-container .btn-reload-container:before {
position: relative;
top: -0.03em;
left: .02em
}
.uxmc-container .btn-reload {
margin: 0;
padding: 0;
width: 1em;
height: 1em;
background-color: #fff;
color: #ccc;
-webkit-transition: color 0.25s ease-out;
transition: color 0.25s ease-out
}
.lt-ie9 .uxmc-container .btn-reload {
display: none
}
.uxmc-container .progress-indicators {
position: absolute;
right: 2.5%;
bottom: 0;
z-index: 3;
-webkit-transform: translateZ(0);
display: table;
height: 100%;
opacity: 1;
-webkit-transition: opacity 1s ease-out;
transition: opacity 1s ease-out
}
.uxmc-container .progress-indicators>div {
display: table-cell;
vertical-align: middle
}
.uxmc-container .progress-indicators .uxmc-dial-wrapper {
position: relative;
width: 24px;
height: 24px;
margin: 8px 0;
-webkit-tap-highlight-color: transparent
}
.uxmc-container .progress-indicators .uxmc-dial-wrapper:hover {
cursor: pointer
}
.uxmc-container .progress-indicators .uxmc-dial-wrapper .uxmc-dial-label {
position: absolute;
-webkit-tap-highlight-color: transparent;
width: 100%;
height: 24px;
line-height: 24px;
vertical-align: middle;
z-index: 4;
color: #fff;
cursor: pointer;
font-size: 0.75em;
text-align: center;
opacity: 0.65;
margin: -3px -13px;
padding: 14px 24px;
-webkit-backface-visibility: hidden;
-webkit-transition: opacity .15s ease-out;
transition: opacity .15s ease-out
}
.lt-ie9 .uxmc-container .progress-indicators .uxmc-dial-wrapper .uxmc-dial-label {
margin: 0;
padding: 0
}
.uxmc-container .progress-indicators .uxmc-dial-wrapper .uxmc-dial-label.active {
opacity: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: opacity .15s ease-out;
transition: opacity .15s ease-out
}
.uxmc-container .progress-indicators .uxmc-dial-wrapper.active {
opacity: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: opacity .15s ease-out;
transition: opacity .15s ease-out
}
.uxmc-container .progress-indicators .uxmc-dial-wrapper input {
display: none
}
.no-backgroundsize .uxmc-image-wrapper {
display: table-cell;
vertical-align: middle
}
.no-backgroundsize .uxmc-image-wrapper span {
display: inline-block;
height: 100%
}
.no-backgroundsize .uxmc-image-wrapper * {
vertical-align: middle
}
.no-canvas .uxmc-container .progress-indicators .uxmc-dial-label {
border: 1px solid #fff
}
.no-canvas .uxmc-container .progress-indicators .uxmc-dial-label.active {
background: #fff;
color: #000
}
@media (min-width: 35.5em) and (max-width: 47.9375em) {
.uxmc.no-header {
margin-bottom: 1.875em;
margin-top: 1.875em
}
.uxmc-container {
position: relative;
height: 520px;
overflow: hidden
}
.uxmc-container .base-product {
float: none;
width: 100%;
height: 50%
}
.uxmc-container .uxmc-carousel-wrapper {
height: 50%;
width: 100%
}
.uxmc-container .uxmc-overlay {
margin: 0 0 19px 24px;
font-size: .9375em
}
.uxmc-container .btn-reload-container {
padding: 10px .4375em 5px
}
.uxmc-container .btn-reload {
font-size: 2.5em
}
.uxmc-container .progress-indicators {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
right: 5.5%;
height: 260px
}
.uxmc-container .progress-indicators .uxmc-dial-wrapper {
position: relative;
width: 24px;
height: 24px;
margin: 8px 0
}
}
@media (max-width: 35.4375em) {
.uxmc.no-header {
margin-bottom: 1.375em;
margin-top: 1.375em
}
.uxmc-container {
position: relative;
height: 440px;
overflow: hidden
}
.uxmc-container .uxmc-carousel-wrapper {
height: 50%;
width: 100%
}
.uxmc-container .base-product {
float: none;
width: 100%;
height: 220px
}
.uxmc-container .uxmc-overlay {
margin: 0 0 19px 24px;
font-size: .9375em
}
.uxmc-container .btn-reload-container {
margin: -1.5em 0 0 -1.5em;
padding: 10px .4375em 5px
}
.uxmc-container .btn-reload {
font-size: 2em
}
.uxmc-container .progress-indicators {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
right: 5.5%;
height: 220px
}
.uxmc-container .progress-indicators .uxmc-dial-wrapper {
position: relative;
width: 20px;
height: 20px;
margin: 8px 0
}
}
.switch-slide {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin: 0
}
.switch-slide:after, .switch-slide:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin: 0
}
.span7 .switch-slide .lefttext, .span7 .switch-slide .righttext {
width: 37%
}
.span6 .switch-slide .lefttext, .span6 .switch-slide .righttext {
width: 35%
}
.span5 .switch-slide .lefttext, .span5 .switch-slide .righttext {
width: 33%
}
.switch-slide .switch {
margin: 50px auto;
position: relative
}
.switch-slide .switch label {
width: 100%;
height: 100%;
position: relative;
display: block
}
.switch-slide .switch input {
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
z-index: 10;
position: absolute;
width: 100%;
height: 100%;
cursor: pointer
}
.switch-slide .switch.slider {
width: 96px;
height: 32px
}
.switch-slide .switch.slider label {
display: block;
width: 100%;
height: 100%;
background: #74747f;
border-radius: 24px
}
.switch-slide .switch.slider label:after {
content: "";
position: absolute;
z-index: -1;
top: -7px;
right: -7px;
bottom: -7px;
left: -7px;
border-radius: inherit;
background: #cecdcf
}
.switch-slide .switch.slider label:before {
content: "";
position: absolute;
z-index: -1;
border-radius: inherit;
background: #eee
}
.switch-slide .switch.slider label .icon-sprite {
display: block;
position: absolute;
height: 120%;
width: 40%;
z-index: 2;
right: 63%;
top: -10%;
border-radius: inherit;
background: #E94D2A;
border: 3px solid rgba(80,77,86,0.3);
-webkit-background-clip: padding-box;
background-clip: padding-box
}
.switch-slide .switch.slider label .icon-sprite:after {
content: ""
}
.switch-slide .switch.slider label .icon-sprite:before {
content: ""
}
.switch-slide .switch.slider input ~ label {
transition: all 0.5s ease-in-out
}
.switch-slide .switch.slider input ~ label .switchInner {
display: block;
background: #F25529;
border-radius: inherit;
width: 35%;
transition: all 0.5s ease;
height: 100%
}
.switch-slide .switch.slider input ~ label .icon-sprite {
transition: all 0.5s ease
}
.switch-slide .switch.slider input ~ label .icon-sprite:before {
content: ""
}
.switch-slide .switch.slider input ~ label .arrow-icon {
position: absolute;
display: block;
z-index: 3;
left: 27%;
top: 26%;
-webkit-transition: -webkit-transform 0.5s ease-in
}
.switch-slide .switch.slider input ~ label .arrow-icon i {
position: absolute;
display: inline-block;
color: #fff;
width: 100%;
height: 100%;
text-align: center
}
.switch-slide .switch.slider input:checked ~ label {
transition: all 0.5s ease-in-out
}
.switch-slide .switch.slider input:checked ~ label .switchInner {
background: #F25529;
width: 100%;
transition: all 0.4s ease-in-out
}
.switch-slide .switch.slider input:checked ~ label .icon-sprite {
right: -3%;
transition: all 0.5s ease;
transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg)
}
.switch-slide .switch.slider input:checked ~ label .icon-sprite:before {
content: ""
}
.switch-slide .switch.toggle {
display: block;
width: 330px;
height: 70px;
background: #b9b7bd;
border-radius: 40px
}
.switch-slide .switch.toggle.toggle-background {
background: transparent
}
.switch-slide .switch.toggle label {
display: block;
width: 21%;
height: 100%;
background: #F25529;
border-radius: inherit;
border: 8px solid #9f9da4
}
.switch-slide .switch.toggle input:hover ~ label {
background: #D94C25
}
.switch-slide .switch.toggle input ~ label .play-icon {
position: absolute;
display: block;
z-index: 3;
left: 35%;
top: 37%;
-webkit-transition: -webkit-transform 0.5s ease-in
}
.switch-slide .switch.toggle input ~ label .play-icon i {
position: absolute;
display: inline-block;
color: #fff;
width: 100%;
height: 100%;
text-align: center
}
.switch-slide .switch.toggle input ~ label .pause-icon {
display: none
}
.switch-slide .switch.toggle input:checked ~ label {
background: #74747f
}
.switch-slide .switch.toggle input:checked ~ label .pause-icon {
position: absolute;
display: block;
z-index: 3;
left: 35%;
top: 37%;
-webkit-transition: -webkit-transform 0.5s ease-in
}
.switch-slide .switch.toggle input:checked ~ label .pause-icon i {
position: absolute;
display: inline-block;
color: #fff;
width: 100%;
height: 100%;
text-align: center
}
.switch-slide .switch.toggle input:checked ~ label .play-icon {
display: none
}
.switch-slide .switch.toggle-play input ~ label .play-icon {
left: 38%
}
.switch-slide .switch.toggle-play input:checked ~ label .pause-icon {
left: 38%
}
.switch-slide .righttext {
float: right;
width: 43%;
color: #74747f
}
.switch-slide .lefttext {
float: left;
width: 43%;
text-align: right;
color: #74747f
}
.switch-slide .offButtonText {
position: absolute;
font-weight: bold;
z-index: 9;
color: #504D56;
left: 25%;
top: 30%
}
.switch-slide .onButtonText {
position: absolute;
font-weight: bold;
z-index: 9;
color: #504D56;
left: 25%;
top: 30%
}
.switch-slide .offButtonWhiteText {
position: absolute;
font-weight: bold;
z-index: 9;
color: #FFFFFF;
left: 25%;
top: 30%
}
.switch-slide .onButtonWhiteText {
position: absolute;
font-weight: bold;
z-index: 9;
color: #FFFFFF;
left: 25%;
top: 30%
}
.switch-slide .container {
position: relative
}
.switch-slide .on-container {
position: absolute;
width: 100%
}
.switch-slide .on-container.off {
opacity: 0;
display: block
}
.switch-slide .on-container.on {
opacity: 1
}
.switch-slide .on-container.transition-none {
-webkit-transition: opacity 0ms ease-in-out;
-moz-transition: opacity 0ms ease-in-out;
-ms-transition: opacity 0ms ease-in-out;
-o-transition: opacity 0ms ease-in-out;
transition: opacity 0ms ease-in-out
}
.switch-slide .on-container.transition-slow {
-webkit-transition: opacity 900ms ease-in-out;
-moz-transition: opacity 900ms ease-in-out;
-ms-transition: opacity 900ms ease-in-out;
-o-transition: opacity 900ms ease-in-out;
transition: opacity 900ms ease-in-out
}
.switch-slide .on-container.transition-medium {
-webkit-transition: opacity 600ms ease-in-out;
-moz-transition: opacity 600ms ease-in-out;
-ms-transition: opacity 600ms ease-in-out;
-o-transition: opacity 600ms ease-in-out;
transition: opacity 600ms ease-in-out
}
.switch-slide .on-container.transition-fast {
-webkit-transition: opacity 300ms ease-in-out;
-moz-transition: opacity 300ms ease-in-out;
-ms-transition: opacity 300ms ease-in-out;
-o-transition: opacity 300ms ease-in-out;
transition: opacity 300ms ease-in-out
}
.switch-slide .off-container {
width: 100%
}
.switch-slide .off-container.off {
opacity: 0;
display: block
}
.switch-slide .off-container.on {
opacity: 1
}
.switch-slide .off-container.transition-none {
-webkit-transition: opacity 0ms ease-in-out;
-moz-transition: opacity 0ms ease-in-out;
-ms-transition: opacity 0ms ease-in-out;
-o-transition: opacity 0ms ease-in-out;
transition: opacity 0ms ease-in-out
}
.switch-slide .off-container.transition-slow {
-webkit-transition: opacity 900ms ease-in-out;
-moz-transition: opacity 900ms ease-in-out;
-ms-transition: opacity 900ms ease-in-out;
-o-transition: opacity 900ms ease-in-out;
transition: opacity 900ms ease-in-out
}
.switch-slide .off-container.transition-medium {
-webkit-transition: opacity 600ms ease-in-out;
-moz-transition: opacity 600ms ease-in-out;
-ms-transition: opacity 600ms ease-in-out;
-o-transition: opacity 600ms ease-in-out;
transition: opacity 600ms ease-in-out
}
.switch-slide .off-container.transition-fast {
-webkit-transition: opacity 300ms ease-in-out;
-moz-transition: opacity 300ms ease-in-out;
-ms-transition: opacity 300ms ease-in-out;
-o-transition: opacity 300ms ease-in-out;
transition: opacity 300ms ease-in-out
}
.switch-slide .imgOn {
width: 100%;
display: block;
margin-top: 100px
}
.switch-slide .imgOff {
width: 100%;
display: block;
margin-top: 100px
}
.switch-slide .off {
display: none
}
.switch-slide .on {
display: block
}
.switch-slide video {
display: block;
margin-left: auto;
margin-right: auto;
width: 100%
}
.editorial.editorial_switch_slide.outerspace-top {
margin-top: 70px
}
.editorial.editorial_switch_slide.outerspace-bottom {
margin-bottom: 75px
}
.editorial.editorial_switch_slide.outerspace-both {
margin-top: 70px;
margin-bottom: 75px
}
.editorial.editorial_switch_slide.outerspace-none {
margin-top: 0;
margin-bottom: 0
}
.editorial.editorial_switch_slide.top {
padding-bottom: 0
}
.editorial.editorial_switch_slide.middle {
padding-top: 0;
padding-bottom: 0
}
.editorial.editorial_switch_slide.bottom {
padding-top: 0
}
@media (max-width: 61.1875em) {
.switch-slide .righttext {
float: right;
width: 42%;
color: #74747f
}
.switch-slide .lefttext {
float: left;
width: 42%;
text-align: right;
color: #74747f
}
.span7 .switch-slide .lefttext, .span7 .switch-slide .righttext {
width: 34%
}
.span6 .switch-slide .lefttext, .span6 .switch-slide .righttext {
width: 32%
}
.span5 .switch-slide .lefttext, .span5 .switch-slide .righttext {
width: 28%
}
}
@media (max-width: 47.9375em) {
.switch-slide .righttext {
width: 100%;
text-align: center;
color: #74747f;
margin-top: 50px
}
.switch-slide .lefttext {
width: 100%;
text-align: center;
color: #74747f;
margin-top: 50px
}
.span7 .switch-slide .lefttext, .span7 .switch-slide .righttext {
width: 100%
}
.span6 .switch-slide .lefttext, .span6 .switch-slide .righttext {
width: 100%
}
.span5 .switch-slide .lefttext, .span5 .switch-slide .righttext {
width: 100%
}
}
.module-specs {
margin-bottom: 100px
}
.module-specs .editorial.tout {
padding-bottom: 35px;
border-bottom: 1px dotted
}
.module-specs textarea {
height: 147px;
width: 370px
}
.raa-header h2 {
padding: 0 0 14px 0;
margin-bottom: 10px;
border-bottom: 3px solid #e4e7eb
}
.raa-content .carousel-slide, .raa-content .raa-expert-reviews>div, .raa-content .raa-merged-carousel-wrapper {
-webkit-backface-visibility: hidden
}
.raa-content .raa-merged-wrapper {
display: none
}
.raa-content>.grid {
margin-top: -10px;
padding-top: 26px
}
.raa-user-reviews .pagination-paddles .nav-paddle {
top: 47%
}
.raa-user-reviews .pagination-paddles .nav-paddle.pagination-prev {
left: 50px;
margin-left: 0
}
.raa-user-reviews .pagination-paddles .nav-paddle.pagination-next {
right: 50px;
margin-right: 0
}
.raa-user-reviews .raa-user-reviews-carousel {
position: relative;
top: 8px;
min-height: 440px;
margin-bottom: 8px;
overflow: hidden;
border-right: 1px solid #e4e7eb
}
.raa-user-reviews .raa-user-reviews-carousel .sony-dot-nav {
position: absolute;
bottom: 26px;
left: 0;
width: 100%
}
.raa-user-reviews.span12 .raa-user-reviews-carousel {
border: none
}
.no-user-reviews .raa-user-reviews.span12 .raa-user-reviews-carousel {
height: 325px;
margin-bottom: 21px;
background-color: #f1f5f9
}
.raa-user-reviews .carousel-slide {
position: relative;
width: 2000%
}
.raa-user-reviews .carousel-slide .user-ratings, .raa-user-reviews .carousel-slide .raa-social-mention {
width: 5%;
min-height: 332px;
margin-top: 53px;
float: left
}
.raa-user-reviews .raa-breakdown, .raa-user-reviews .raa-social-mention aside {
width: 355px;
max-width: 100%;
margin: 0 auto;
text-align: center
}
.raa-user-reviews .raa-breakdown blockquote, .raa-user-reviews .raa-social-mention aside blockquote {
margin-bottom: 40px
}
.raa-user-reviews .raa-breakdown img, .raa-user-reviews .raa-social-mention aside img {
width: 40px;
height: 40px;
margin: 0 10px 0 0
}
.raa-user-reviews .user-ratings {
text-align: center
}
.raa-user-reviews .user-ratings .cta {
margin-top: 30px;
clear: both
}
.raa-user-reviews .user-ratings .raa-overall .star {
color: #e4e7eb;
font-size: 3.53846em
}
.raa-user-reviews .user-ratings .raa-overall .star.on {
color: #f25529
}
.raa-user-reviews .user-ratings .raa-overall .zero-ratings {
margin-top: 10px;
color: #2f353d
}
.raa-user-reviews .user-ratings .raa-overall .average-rating {
margin-top: 10px
}
.raa-user-reviews .user-ratings .raa-overall .average-rating strong {
color: #2f353d
}
.raa-user-reviews .user-ratings .raa-breakdown {
margin-top: 36px
}
.raa-user-reviews .user-ratings .raa-breakdown>div {
position: relative;
overflow: hidden;
margin: 9px 0 0;
padding: 0 0 2px;
clear: both
}
.raa-user-reviews .user-ratings .raa-breakdown>div dt {
margin: 0 0 1px;
text-align: left
}
.raa-user-reviews .user-ratings .raa-breakdown>div dd {
position: absolute;
right: 0;
bottom: 0;
margin: 0;
line-height: 1em
}
.raa-user-reviews .user-ratings .raa-breakdown .raa-rating-bar {
width: 94%;
height: 4px;
float: left;
background-color: #e4e7eb
}
.raa-user-reviews .user-ratings .raa-breakdown .raa-rating-bar .raa-rating-bar-score {
height: 100%;
float: left;
background-color: #f25529
}
.raa-user-reviews .user-ratings .raa-breakdown .raa-rating-bar .raa-rating-bar-score.score-1 {
width: 20%
}
.raa-user-reviews .user-ratings .raa-breakdown .raa-rating-bar .raa-rating-bar-score.score-2 {
width: 40%
}
.raa-user-reviews .user-ratings .raa-breakdown .raa-rating-bar .raa-rating-bar-score.score-3 {
width: 60%
}
.raa-user-reviews .user-ratings .raa-breakdown .raa-rating-bar .raa-rating-bar-score.score-4 {
width: 80%
}
.raa-user-reviews .user-ratings .raa-breakdown .raa-rating-bar .raa-rating-bar-score.score-5 {
width: 100%
}
.raa-expert-reviews .pagination-paddles .nav-paddle {
top: 47%
}
.raa-expert-reviews .pagination-paddles .nav-paddle.pagination-prev {
left: 0;
margin-left: -16px
}
.raa-expert-reviews .pagination-paddles .nav-paddle.pagination-next {
right: 0;
margin-right: -16px
}
.raa-expert-reviews .raa-expert-reviews-wrapper {
position: relative
}
.raa-expert-reviews .reviews {
position: relative;
margin: 16px 0 35px;
padding: 0 0 20px;
overflow: hidden;
background-color: #f1f5f9
}
.no-awards .raa-expert-reviews .reviews {
min-height: 440px
}
.no-awards .raa-expert-reviews .reviews .raa-expert-carousel {
height: 100%
}
.raa-expert-reviews .reviews .raa-expert-carousel {
position: relative;
width: 2000%
}
.raa-expert-reviews .reviews .sony-dot-nav {
position: absolute;
bottom: 20px;
width: 100%
}
.raa-expert-reviews .reviews .raa-expert-review {
width: 5%;
height: 100%;
float: left;
padding: 20px 24px
}
.raa-expert-reviews .reviews .raa-expert-review blockquote {
margin-top: 22px
}
.raa-expert-reviews .reviews .raa-expert-review blockquote p {
margin-bottom: 12px
}
.raa-awards {
margin: 0
}
.span12 .raa-awards {
margin-top: 22px
}
.raa-awards li {
float: left;
max-width: 180px;
max-height: 300px;
padding-bottom: 15px
}
.span12 .raa-awards li {
width: 33%;
max-width: none
}
.span12 .raa-awards li p {
margin-left: 14px;
max-width: 300px
}
.span12 .raa-awards li p .award-description, .span12 .raa-awards li p .award-year {
font-size: 90%
}
.no-expert-reviews.has-user-reviews .raa-awards li, .raa-merged-carousel-wrapper .raa-awards li {
width: 100%;
max-width: none;
min-width: 200px;
margin: 13px 0 4px
}
.no-expert-reviews.has-user-reviews .raa-awards li p, .raa-merged-carousel-wrapper .raa-awards li p {
margin-left: 10px;
max-width: 110px
}
.raa-awards li a {
display: block;
width: 60px;
height: 60px;
float: left;
text-align: center
}
.has-expert-reviews.has-user-reviews .raa-awards li a {
margin: 16px 10px 0 0
}
.has-expert-reviews.has-user-reviews .raa-merged-carousel-wrapper .raa-awards li a {
margin: 0
}
.raa-awards li p {
float: left;
max-width: 120px
}
.raa-awards li p .award-name {
color: #2f353d
}
.raa-awards li p .award-description {
color: #2f353d;
display: block
}
.raa-awards li p .award-year {
color: #74747f;
display: block
}
.has-expert-reviews.has-user-reviews .raa-awards li p {
display: none
}
.has-expert-reviews.has-user-reviews .raa-merged-carousel-wrapper .raa-awards li p {
display: block
}
.raa-merged-carousel-wrapper {
position: relative;
overflow: hidden
}
.raa-merged-carousel-wrapper h3 {
margin-bottom: 18px
}
.raa-merged-carousel-wrapper .raa-merged-carousel {
position: relative;
width: 2000%
}
.no-user-reviews .raa-merged-carousel-wrapper .raa-merged-carousel {
height: 325px;
background-color: #f1f5f9
}
.raa-merged-carousel-wrapper .user-ratings, .raa-merged-carousel-wrapper .raa-social-mention, .raa-merged-carousel-wrapper .raa-expert-review, .raa-merged-carousel-wrapper .raa-awards {
width: 5%;
min-height: 292px;
float: left
}
.raa-merged-carousel-wrapper .raa-expert-review {
width: 4.9%;
padding: 32px 0;
margin: 0 .05%
}
.raa-merged-carousel-wrapper .raa-expert-review>div {
padding: 0 24px
}
.raa-merged-carousel-wrapper .raa-expert-review blockquote {
margin: .75em 0 1.125em
}
.raa-merged-carousel-wrapper .raa-awards {
margin-top: 0
}
.raa-merged-carousel-wrapper .raa-awards li {
margin: 8px 0 4px
}
.no-user-reviews .raa-merged-carousel-wrapper .raa-awards li {
padding: 0 16px
}
.no-user-reviews .raa-merged-carousel-wrapper .user-ratings {
display: table
}
.no-user-reviews .raa-merged-carousel-wrapper .user-ratings .raa-overall {
display: table-cell;
vertical-align: middle
}
@media (min-width: 83.4375em) {
.span12 .raa-awards li p {
max-width: 260px
}
}
@media (min-width: 73.3125em) and (max-width: 83.375em) {
.span12 .raa-awards li p {
max-width: 260px
}
}
@media (min-width: 61.25em) and (max-width: 73.25em) {
.span12 .raa-awards li p {
max-width: 200px
}
}
@media (min-width: 48em) and (max-width: 61.1875em) {
.span12 .raa-awards li p {
max-width: 160px
}
}
@media (min-width: 47.9375em) and (max-width: 52.3125em) {
.span12 .raa-awards li p {
max-width: 140px
}
}
@media (min-width: 29.9375em) and (max-width: 47.875em) {
.raa-social-mention {
display: table
}
.raa-social-mention>aside {
display: table-cell;
vertical-align: middle
}
.raa-user-reviews .raa-user-reviews-carousel {
border-right: none
}
.raa-awards {
padding-top: 12px
}
.raa-awards li {
max-height: 300px
}
.span12 .raa-awards li p {
margin-left: 14px;
max-width: 390px
}
.raa-module .raa-content .grid .raa-user-reviews, .raa-module .raa-content .grid .raa-expert-reviews, .raa-module .raa-content .grid .raa-awards-wrapper {
display: none
}
.raa-module .raa-content .grid.raa-merged-wrapper, .raa-module .raa-content .grid .raa-merged-carousel-wrapper {
display: block
}
}
@media (max-width: 29.9375em) {
.raa-social-mention {
display: table
}
.raa-social-mention>aside {
display: table-cell;
vertical-align: middle
}
.raa-user-reviews .raa-user-reviews-carousel {
border-right: none
}
.raa-awards {
padding-top: 12px
}
.raa-awards li {
max-height: 300px
}
.span12 .raa-awards li p {
margin-left: 14px;
max-width: 390px
}
.raa-module .raa-content .grid .raa-user-reviews, .raa-module .raa-content .grid .raa-expert-reviews, .raa-module .raa-content .grid .raa-awards-wrapper {
display: none
}
.raa-module .raa-content .grid.raa-merged-wrapper, .raa-module .raa-content .grid .raa-merged-carousel-wrapper {
display: block
}
}
.raa-awards .popover-title, .raa-awards-v2 .popover-title, .raa-awards-modal .popover-title {
padding: 0;
margin: 0
}
.raa-awards .popover-content, .raa-awards-v2 .popover-content, .raa-awards-modal .popover-content {
padding: 20px 20px 20px;
word-wrap: break-word
}
.raa-awards .popover-heading, .raa-awards-v2 .popover-heading, .raa-awards-modal .popover-heading {
font-size: 1.25em
}
.raa-awards .popover-date, .raa-awards-v2 .popover-date, .raa-awards-modal .popover-date {
font-size: 0.75em;
line-height: 1.5;
color: #74747f
}
.raa-awards .award-item a.popover-lnk, .raa-awards-v2 .award-item a.popover-lnk, .raa-awards-modal .award-item a.popover-lnk {
display: inline;
text-align: left;
margin: 0;
font-size: 0.75em
}
.raa-awards a, .raa-expert-review a {
width: 100px;
height: 100px
}
.raa-awards a .logo-link, .raa-expert-review a .logo-link {
width: 100px;
height: 100px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
margin: 0 auto
}
.raa-awards .award-item .modal-popup-button, .raa-expert-review .award-item .modal-popup-button {
height: 100px
}
.raa-awards .modal-popup-button, .raa-expert-review .modal-popup-button {
cursor: pointer;
text-align: center
}
.raa-awards .modal-popup-button span, .raa-expert-review .modal-popup-button span {
padding-right: 8px
}
.raa-awards .modal-popup-button i, .raa-expert-review .modal-popup-button i {
color: #74747f
}
.raa-awards .awards-modal-button-wrapper, .raa-expert-review .awards-modal-button-wrapper {
clear: both;
text-align: center;
padding-top: 14px
}
.modal-inner {
overflow: visible
}
.raa-expert-reviews .raa-awards-modal .award-item, .raa-expert-reviews .raa-awards-v2 .award-item {
margin-bottom: 28px
}
.raa-awards-v2 .award-item {
position: relative
}
.raa-awards-v2 .reviews-dimensions .reviews-dimension-label {
text-align: left
}
.raa-awards-v2 .short {
min-height: 300px
}
.raa-awards-v2 .short .raa-user-reviews-carousel, .raa-awards-v2 .short .raa-expert-carousel, .raa-awards-v2 .short .reviews {
min-height: 300px
}
.raa-awards-v2 .short.no-dimensions {
height: auto
}
.raa-awards-v2 .award-item.span3:nth-child(4n+1), .raa-awards-v2 .award-item.span4:nth-child(3n+1), .raa-awards-v2 .award-item.span2:nth-child(6n+1), .raa-awards-v2 .award-item.span6:nth-child(2n+1) {
margin-left: 0
}
.raa-awards-v2 .award-item.span2 {
margin-bottom: 28px !important
}
.raa-awards-v2 .award-item.span3 {
margin-bottom: 28px !important
}
.raa-awards-v2 .award-item.span6 {
margin-bottom: 28px !important
}
.raa-awards-v2 .award-item a {
width: 100%;
text-align: center;
display: block;
margin: 0 auto;
cursor: pointer
}
.raa-awards-v2 .span12 .no-ratings-slide {
margin-top: 83px !important
}
.raa-awards-v2 .span12 .raa-expert-review>div {
text-align: center
}
.raa-awards-v2.no-user-reviews.no-expert-reviews .raa-user-reviews.span12 .raa-user-reviews-carousel {
height: auto !important
}
.raa-awards-modal {
margin: 60px 10px
}
.raa-awards-modal .award-item.span3:nth-child(4n+1), .raa-awards-modal .award-item.span4:nth-child(3n+1), .raa-awards-modal .award-item.span2:nth-child(6n+1) {
margin-left: 0
}
.raa-awards-modal .award-item {
position: relative
}
.raa-awards-modal .award-item.span3, .raa-awards-modal .award-item.span2 {
margin-bottom: 42px !important
}
.raa-awards-modal .award-item a {
width: 100%;
text-align: center;
display: block;
width: 100px;
height: 100px;
margin: 0 auto
}
.raa-awards-modal .award-item a .logo-link {
width: 100px;
height: 100px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
margin: 0 auto
}
.raa-content .raa-merged-wrapper {
overflow: hidden;
position: relative
}
.raa-content .raa-merged-wrapper .sony-dot-nav {
position: static
}
.raa-content .raa-merged-wrapper .sony-dot-nav .pagination-bullets {
bottom: 10px
}
#trust-mark {
text-align: right;
margin-bottom: 20px
}
#trust-mark .trust-mark {
width: 100px
}
.raa-user-reviews-carousel #trust-mark {
margin-right: 10px
}
.raa-user-reviews-carousel #trust-mark {
margin-right: 10px
}
.raa-user-reviews-carousel #trust-mark {
margin-right: 10px
}
.raa-user-reviews .raa-user-reviews-carousel {
overflow: visible
}
.raa-user-reviews .carousel-slide .user-ratings, .raa-user-reviews .carousel-slide .raa-social-mention, .raa-user-reviews .carousel-slide .raa-awards {
margin-top: 31px;
margin-bottom: 53px;
width: 5%;
float: left
}
.raa-user-reviews .write-a-review {
text-align: center;
margin-top: 20px
}
.raa-user-reviews .write-a-review .btn {
font-size: 1em !important
}
.raa-expert-reviews .reviews {
background-color: #fff
}
.raa-expert-reviews .reviews .raa-expert-review a {
width: 100%;
display: block;
text-align: center
}
.raa-awards {
margin: 30px 0 0 0
}
.raa-merged-carousel-wrapper .raa-merged-carousel {
overflow: hidden
}
.raa-merged-carousel-wrapper .raa-awards {
padding: 40px 0
}
.layoutB .award-item.span2 {
margin-bottom: 36px !important
}
.qtip-trust-mark {
max-width: 320px;
margin-left: -8px;
z-index: 1000 !important
}
.qtip-trust-mark .qtip-content {
padding: 15px !important
}
@media (min-width: 83.4375em) {
.raa-expert-reviews .raa-awards-modal .award-item, .raa-expert-reviews .raa-awards-v2 .award-item {
margin-bottom: 28px !important
}
}
@media (min-width: 73.3125em) and (max-width: 83.375em) {
.span12 .raa-awards li p {
max-width: 260px
}
}
@media (min-width: 61.25em) and (max-width: 73.25em) {
.span12 .raa-awards li p {
max-width: 200px
}
}
@media (min-width: 48em) and (max-width: 61.1875em) {
.span12 .raa-awards li p {
max-width: 160px
}
}
@media (min-width: 47.9375em) and (max-width: 52.3125em) {
.span12 .raa-awards li p {
max-width: 140px
}
}
@media (max-width: 48em) {
.raa-awards-modal .award-item, .raa-awards-v2 .award-item {
margin-bottom: 28px !important
}
.raa-awards-modal .award-item.span4:nth-child(3n+1), .raa-awards-modal .award-item.span3:nth-child(4n+1), .raa-awards-v2 .award-item.span4:nth-child(3n+1), .raa-awards-v2 .award-item.span3:nth-child(4n+1) {
margin-left: 0 !important
}
}
@media (min-width: 48em) and (max-width: 65.5625em) {
.layoutA .raa-user-reviews.span8 {
width: 63%
}
.layoutA .raa-expert-reviews.span4 {
width: 34.5%;
margin-left: 2%
}
}
@media (min-width: 29.9375em) and (max-width: 47.9375em) {
body.modal-open {
overflow: visible
}
.sony-modal.absolute-modal {
position: absolute;
margin-top: 0 !important;
top: 10px !important
}
.raa-social-mention {
display: table
}
.raa-social-mention>aside {
display: table-cell;
vertical-align: middle
}
.raa-user-reviews .raa-user-reviews-carousel {
border-right: none
}
.raa-awards-modal .award-item, .raa-awards-v2 .award-item {
margin-bottom: 28px !important
}
.raa-awards-modal .award-item.span4:nth-child(3n+1), .raa-awards-modal .award-item.span3:nth-child(4n+1), .raa-awards-v2 .award-item.span4:nth-child(3n+1), .raa-awards-v2 .award-item.span3:nth-child(4n+1) {
margin-left: 0 !important
}
.layoutD .raa-awards-modal .award-item.span4:nth-child(3n+1), .layoutD .raa-awards-modal .award-item.span3:nth-child(4n+1), .layoutD .raa-awards-modal .award-item.m-span2:nth-child(3n+1), .layoutD .raa-awards-v2 .award-item.span4:nth-child(3n+1), .layoutD .raa-awards-v2 .award-item.span3:nth-child(4n+1), .layoutD .raa-awards-v2 .award-item.m-span2:nth-child(3n+1) {
margin-left: 0 !important
}
.raa-awards {
padding-top: 12px
}
.raa-awards li {
max-height: 300px
}
.span12 .raa-awards li p {
margin-left: 14px;
max-width: 390px
}
.layoutA .raa-awards {
padding-top: 60px;
padding-bottom: 40px
}
.raa-module .raa-content .grid .raa-user-reviews, .raa-module .raa-content .grid .raa-expert-reviews, .raa-module .raa-content .grid .raa-awards-wrapper {
display: none
}
.raa-module .raa-content .grid.raa-merged-wrapper, .raa-module .raa-content .grid .raa-merged-carousel-wrapper {
display: block
}
.raa-module .raa-content .grid.raa-merged-wrapper .reviews-summary .cta, .raa-module .raa-content .grid .raa-merged-carousel-wrapper .reviews-summary .cta {
margin-bottom: 40px
}
}
@media (max-width: 29.9375em) {
body.modal-open {
overflow: visible
}
.sony-modal.absolute-modal {
position: absolute;
margin-top: 0 !important;
top: 10px !important
}
.raa-social-mention {
display: table
}
.raa-social-mention>aside {
display: table-cell;
vertical-align: middle
}
.raa-user-reviews .raa-user-reviews-carousel {
border-right: none
}
.raa-awards {
padding-top: 12px
}
.raa-awards li {
max-height: 300px
}
.span12 .raa-awards li p {
margin-left: 14px;
max-width: 390px
}
.layoutA .raa-awards {
padding-top: 60px;
padding-bottom: 40px
}
.raa-awards-modal {
margin: 10px 10px
}
.raa-awards-modal .award-item.m-span3:nth-child(2n+1), .raa-awards-v2 .award-item.m-span3:nth-child(2n+1) {
margin-left: 0 !important
}
.raa-module .raa-content .grid.raa-merged-wrapper .reviews-summary .cta, .raa-module .raa-content .grid .raa-merged-carousel-wrapper .reviews-summary .cta {
margin-bottom: 40px
}
}
.reviews-dimensions {
display: block;
max-width: 340px;
margin: 30px auto
}
.reviews-dimensions .reviews-dimension {
padding-bottom: 5px;
position: relative
}
.reviews-dimensions .reviews-dimension-label {
font-size: 0.7em;
color: #2F353D;
text-transform: uppercase;
font-family: "SST W01 Bold", "Helvetica Neue", Helvetica, Arial, sans-serif
}
.reviews-dimensions .reviews-qualifier-label {
position: absolute;
right: 2px;
top: 0
}
.reviews-dimensions .reviews-bar-rating-bg {
width: 100%;
height: 8px;
padding-right: 2px;
border-radius: 4px;
margin-top: 5px;
background: #e6e7eb
}
.reviews-dimensions .reviews-bar-rating {
z-index: 10;
margin-top: -21px;
border-radius: 4px;
overflow: hidden
}
.reviews-dimensions .reviews-bar-rating .bar {
width: 20%;
display: inline-block;
height: 7px;
position: relative;
top: 2px
}
.reviews-dimensions .reviews-bar-rating .bar :last-child {
padding-right: 0
}
.reviews-dimensions .reviews-bar-rating .bar .fill {
display: block;
height: 100%;
width: 100%
}
.reviews-dimensions .reviews-bar-rating .bar.active.bar1 .fill {
background: #ef9103;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px
}
.reviews-dimensions .reviews-bar-rating .bar.active.bar2 .fill {
background: #f1d300
}
.reviews-dimensions .reviews-bar-rating .bar.active.bar3 .fill {
background: #e0f400
}
.reviews-dimensions .reviews-bar-rating .bar.active.bar4 .fill {
background: #c4eb00
}
.reviews-dimensions .reviews-bar-rating .bar.active.bar5 .fill {
background: #9fda00;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px
}
.reviews-dimensions .reviews-bar-rating .bar.active.alt.bar1 .fill {
background: #ef9103;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px
}
.reviews-dimensions .reviews-bar-rating .bar.active.alt.bar2 .fill {
background: #f1d300
}
.reviews-dimensions .reviews-bar-rating .bar.active.alt.bar3 .fill {
background: #e0f400
}
.reviews-dimensions .reviews-bar-rating .bar.active.alt.bar4 .fill {
background: #c4eb00
}
.reviews-dimensions .reviews-bar-rating .bar.active.alt.bar5 .fill {
background: #9fda00;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px
}
.reviews-summary {
position: relative
}
.reviews-summary .link {
text-align: center
}
.reviews-summary .product-rating {
position: relative;
margin: 18px auto;
display: block;
text-align: center;
width: 250px
}
.reviews-summary .star-holder {
font-size: 50px;
color: #e6e7eb
}
.reviews-summary .star-holder.active {
margin-left: -50px;
color: #f35528
}
.reviews-summary .star-holder.small {
margin-left: 0;
font-size: 25px;
color: #e6e7eb
}
.reviews-summary .star-holder.small.active {
color: #f35528
}
.reviews-summary .reviews-label {
margin-left: auto;
margin-right: auto;
text-align: center
}
.reviews-summary .reviews-label span {
color: #333;
font-size: 1.5em
}
.reviews-summary .reviews-label p {
font-size: 0.8em
}
.reviews-summary .reviews-distribution {
position: absolute;
left: 50%;
margin-left: 135px;
top: 0;
display: block;
padding: 40px;
background: #fff;
-webkit-box-shadow: 0 4px 15px #d2d2db;
box-shadow: 0 4px 15px #d2d2db;
width: 250px;
z-index: 10;
transition: opacity 0.4s;
opacity: 0
}
.reviews-summary .reviews-distribution .arrow {
position: absolute;
top: 40px;
margin-left: -50px;
width: 0px;
height: 0px;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid #fff
}
.reviews-summary .reviews-distribution .box-close-small {
line-height: 1;
display: none
}
.reviews-summary .reviews-distribution.visible {
opacity: 1
}
.reviews-summary .reviews-distribution .star-holder {
top: 0
}
.reviews-summary .reviews-distribution .count {
font-size: 0.9em;
margin-left: 1em;
text-align: center;
width: 20px;
display: inline-block
}
.reviews-summary .write-a-review {
text-align: center;
margin-bottom: 15px
}
.reviews-summary .container #trust-mark {
text-align: right;
margin-bottom: 20px
}
.reviews-summary .container #trust-mark .trust-mark {
width: 100px
}
@media (max-width: 47.875em) {
.reviews-summary .reviews-distribution {
margin-left: -125px;
top: 125px
}
.reviews-summary .reviews-distribution .box-close-small {
display: block
}
.reviews-summary .reviews-distribution .arrow {
width: 0px;
height: 0px;
border-bottom: 10px solid #fff;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
top: 0;
margin-top: -20px;
margin-left: 10px
}
}
.eco-features {
margin: 25px 0
}
.eco-features .innerContainer {
padding-bottom: 2.5em
}
.eco-features .fi {
vertical-align: top
}
.eco-features .container {
background-color: #f1f5f9
}
.eco-features .container:first-child {
padding-top: 2em
}
.eco-features .container:last-child {
padding-bottom: 0
}
.eco-features .column1 .primary-link {
font-size: 0.8125em
}
.eco-features .column1 ul, .eco-features .column2 ul {
margin-left: 95px;
margin-bottom: 0;
margin-top: -4px
}
.eco-features .gt4-features .headline {
margin-bottom: 15px
}
.eco-features .gt4-features .body-copy {
margin-bottom: 20px
}
.eco-features li {
list-style-type: disc
}
.eco-features li .p3 {
line-height: 26px
}
.eco-features .titleSpace {
height: 25px;
margin-left: 75px;
text-transform: uppercase
}
.eco-features .titleSpace h2 {
cursor: pointer
}
.eco-features .titleSpace h2 .primary-link {
margin-left: 6px;
text-transform: none
}
.eco-features .bodySpace {
margin-left: 75px
}
.eco-features .bodySpace a {
font-size: .8125em
}
.eco-features p .primary-link {
margin-left: 0
}
.eco-features .p3 .primary-link {
margin-left: 6px
}
.eco-features .p3 {
margin-bottom: 3px
}
.eco-features .headline {
padding-top: 20px
}
.eco-features .no-features {
background-color: #f1f5f9;
padding: 30px 20px 25px 15px
}
.eco-features .no-features .defaultImage {
width: 240px;
margin-left: auto;
margin-right: auto;
margin-bottom: 12px
}
.eco-features .no-features .icon {
display: table-cell;
vertical-align: middle
}
.eco-features .no-features .bodySpace {
max-width: 600px
}
.eco-features .no-features .bodySpace, .eco-features .no-features .titleSpace {
margin-left: 0
}
.eco-features .icon {
height: 62px;
width: 62px;
margin-right: 10px;
float: left
}
.eco-features .icon .fonticon-40-eco {
padding-top: 20px;
color: #22C083
}
.eco-features .copy {
padding-left: 0;
text-align: left;
display: table-cell
}
.eco-features .copy.with-icon {
padding-left: 15px
}
.eco-features .outer-div {
text-align: center
}
.eco-features .inner-div {
display: inline-block
}
@media (max-width: 48em) {
.eco-features .m-grid-at-767.grid .m-span12 {
margin-left: 0
}
.eco-features .titleSpace {
margin-top: 10px
}
}
@media (max-width: 61.1875em) {
.eco-features .no-features h2.t5 {
font-size: 1.125em;
line-height: 1.33333
}
}
.eco-energy-level {
position: relative;
overflow: visible;
z-index: 40;
padding: 12px 0;
margin-top: 30px
}
.eco-energy-level .container .wrap {
position: relative
}
.eco-energy-level .container .eco-energy-container {
float: right;
min-width: 330px;
position: relative
}
.eco-energy-level .container .fiche-button {
background-color: transparent;
color: #74747f;
font-size: 11px;
padding-top: 6px;
width: 100%;
padding-bottom: 6px;
padding-left: 15px;
text-transform: uppercase;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none
}
.eco-energy-level .fiche-button.shown {
background-color: #a0a0a0;
color: white;
border-left: none
}
.eco-energy-level .fiche-button.shown .energy-value::after {
border-top: 11px solid #a0a0a0;
border-bottom: 11px solid #a0a0a0
}
.eco-energy-level .fiche-button .energy-value {
height: 22px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 17px;
line-height: 23px;
vertical-align: middle;
text-align: center;
position: relative;
display: inline-block;
padding: 0 8px 0 12px;
margin-right: 28px;
color: white;
background: #B2E707;
text-shadow: 1px 1px 1px rgba(80,80,80,0.5);
text-transform: capitalize;
padding-right: 20px
}
.eco-energy-level .fiche-button .energy-value:after {
content: "";
border-top: 11px solid #ffffff;
border-bottom: 11px solid #ffffff;
border-left: 11px solid transparent;
position: absolute;
right: 0
}
.no-touch .eco-energy-level .fiche-button .energy-value:after {
-webkit-transition: border-color 0.25s linear, opacity 0.25s linear, color 0.25s linear, fill 0.25s linear;
transition: border-color 0.25s linear, opacity 0.25s linear, color 0.25s linear, fill 0.25s linear
}
.eco-energy-level .fiche-button .energy-icon {
margin-right: 15px;
max-height: 50px
}
.eco-energy-level .fiche-button i {
margin-left: 10px;
position: relative;
top: -3px
}
.eco-energy-level.group-top {
padding-bottom: 0
}
.eco-energy-level.group-middle {
padding-top: 0;
padding-bottom: 0
}
.eco-energy-level.group-bottom {
padding-top: 0
}
.eco-energy-level.outerspace-top {
margin-top: 30px
}
.eco-energy-level.outerspace-bottom {
margin-bottom: 35px
}
.eco-energy-level.outerspace-both {
margin-top: 30px;
margin-bottom: 35px
}
.eco-energy-level.outerspace-none {
margin-top: 0;
margin-bottom: 0
}
.eco-close-button-wrapper {
height: 30px
}
.eco-close-button {
background-color: #a0a0a0;
padding: 6px 12px;
display: table;
font-size: 23px
}
.eco-close-button:focus, .eco-close-button:hover {
background-color: rgba(33,37,48,0.8);
cursor: pointer
}
.eco-close-button::after {
display: table-cell;
content: "\00d7";
color: #fff
}
.qtip-eco-energy-desktop {
max-width: initial;
-webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.33);
box-shadow: 0 4px 8px rgba(0,0,0,0.33)
}
.eco-energy-footnote-mobile {
padding-right: 15px;
padding-left: 20px;
margin-top: 20px
}
.eco-energy-level-card-wrap {
display: none;
opacity: 0;
position: absolute;
top: 100%;
right: 0;
z-index: 5;
background: white;
box-shadow: 0 1px 8px rgba(0,0,0,0.43);
transition: opacity 0.25s ease-out;
padding-bottom: 20px;
width: 100%;
margin: 0;
margin-top: 13px
}
.eco-energy-level-card-wrap dd {
margin-left: 0
}
.eco-energy-level-card-wrap .product-count {
padding: 12px 24px 0 44px
}
.eco-energy-level-card-wrap .product-count p {
padding: 0;
margin: 0
}
.eco-energy-level-card-wrap .product-count p .maxItems {
color: black;
font-weight: bold;
margin-right: 6px
}
.eco-energy-level-card-wrap .eco-nav {
box-shadow: 0px 2px 1px #D5D5D5;
position: relative;
height: auto
}
.eco-energy-level-card-wrap .eco-nav .nav-paddle.pagination-prev {
left: 5px
}
.eco-energy-level-card-wrap .eco-nav .nav-paddle.pagination-next {
right: 5px
}
.eco-energy-level-card-wrap .eco-nav ul {
margin-left: 11px
}
.eco-energy-level-card-wrap .eco-nav ul:first-child {
margin-left: 44px
}
.eco-energy-level-card-wrap .eco-nav a {
display: inline-block;
text-align: center;
padding-top: 6px;
padding-left: 2px;
padding-right: 2px
}
.eco-energy-level-card-wrap .eco-nav .jump-links a {
width: 74px
}
.eco-energy-level-card-wrap .sony-carousel-wrapper {
height: 100%
}
.eco-energy-level-card-wrap .sony-carousel-wrapper .sony-carousel-slide .container {
width: auto
}
.eco-energy-level-card-wrap .legal-message {
padding-right: 15px;
padding-left: 20px;
margin-top: 20px;
font-size: 0.8em
}
.eco-energy-level-card-wrap .lt3.download-link {
padding: 0 20px
}
.eco-energy-level-card-wrap .sony-dot-nav {
margin-top: 20px
}
.eco-energy-level-card-wrap.is-modal {
max-width: none;
margin-top: 0;
top: 0;
float: none;
width: auto;
box-shadow: none
}
.eco-energy-level-card-wrap.is-modal:before, .eco-energy-level-card-wrap.is-modal:after {
content: none
}
.eco-energy-level-card-wrap.shown {
opacity: 1;
display: block
}
.eco-energy-level-card-wrap:after, .eco-energy-level-card-wrap:before {
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none
}
.eco-energy-level-card-wrap:before {
border-color: rgba(255,255,255,0);
border-bottom-color: #D5D5D5;
border-width: 11px;
margin-left: -11px
}
.eco-energy-level-card-wrap:after {
border-color: rgba(255,255,255,0);
border-bottom-color: #ffffff;
border-width: 10px;
margin-left: -10px
}
.eco-energy-level-card-wrap .wrap-title {
text-align: center;
margin-top: 12px
}
.eco-energy-level-card-wrap .level-image {
padding-top: 30px;
text-align: center
}
.eco-energy-level-card-wrap .level-image img {
max-width: 270px;
margin-left: auto;
margin-right: auto;
display: block;
max-height: 500px
}
.eco-energy-level-card-wrap .product-fiche-title {
margin-top: 20px;
margin-bottom: 15px
}
.eco-energy-level-card-wrap .product-fiche-content {
font-size: 1em;
padding: 0 20px
}
.eco-energy-level-card-wrap .product-fiche-content dt p {
font-size: 0.8em;
text-transform: uppercase
}
.eco-energy-level-card-wrap .product-fiche-content dd p {
font-size: 0.8em
}
@media (max-width: 30em) {
body.modal-open {
overflow: visible
}
.eco-energy-level .container, .eco-energy-level .grid, .eco-energy-level .eco-energy-level-card-wrap {
width: 100%
}
.eco-energy-level .fiche-button .energy-value {
font-size: 11px
}
.eco-energy-level-card-wrap .level-image img {
max-width: 250px
}
.eco-energy-level-card-wrap .eco-close-button {
display: none
}
}
.ulinks-cat-wrapper {
padding: 52px 0 96px 0
}
.ulinks-cat-wrapper .ulinks-body-wrapper {
text-align: center;
padding: 45px 0 0 0
}
.ulinks-cat-wrapper .ulinks-body {
display: inline-block;
height: 210px
}
.ulinks-cat-wrapper .ulinks-content-module {
height: 210px
}
.ulinks-cat-wrapper .ulink-list {
padding-top: 30px
}
.ulinks-cat-wrapper, .ulinks-pdp-wrapper {
position: relative;
overflow-y: hidden;
overflow-x: auto;
text-align: left;
background-color: #fff;
margin: 0
}
.ulinks-cat-wrapper .ul-content-box-outer, .ulinks-pdp-wrapper .ul-content-box-outer {
background-color: transparent
}
.ulinks-cat-wrapper .ulinks-header, .ulinks-pdp-wrapper .ulinks-header {
border-bottom: 3px solid #e4e7eb;
position: relative;
padding-bottom: 20px
}
.ulinks-cat-wrapper .ulinks-body-wrapper, .ulinks-pdp-wrapper .ulinks-body-wrapper {
display: block;
overflow: hidden;
position: relative;
z-index: 1;
padding-top: 40px
}
.ulinks-cat-wrapper .ulinks-content-module, .ulinks-pdp-wrapper .ulinks-content-module {
text-align: left;
position: relative
}
.ulinks-cat-wrapper .utility-link, .ulinks-pdp-wrapper .utility-link {
padding: 0;
margin: 0
}
.ulinks-cat-wrapper .ul-content-box, .ulinks-pdp-wrapper .ul-content-box {
padding: 30px 52px 40px 0px;
background-color: #f1f5f9
}
.ulinks-cat-wrapper .first, .ulinks-pdp-wrapper .first {
width: 35%;
text-align: center;
float: left
}
.ulinks-cat-wrapper .last, .ulinks-pdp-wrapper .last {
max-width: 265px;
width: 65%;
float: left
}
.ulinks-cat-wrapper.group-top, .ulinks-pdp-wrapper.group-top {
padding-bottom: 0
}
.ulinks-cat-wrapper.group-middle, .ulinks-pdp-wrapper.group-middle {
padding-top: 0;
padding-bottom: 0
}
.ulinks-cat-wrapper.group-bottom, .ulinks-pdp-wrapper.group-bottom {
padding-top: 0
}
.ulinks-cat-wrapper.outerspace-top, .ulinks-pdp-wrapper.outerspace-top {
margin-top: 70px
}
.ulinks-cat-wrapper.outerspace-bottom, .ulinks-pdp-wrapper.outerspace-bottom {
margin-bottom: 75px
}
.ulinks-cat-wrapper.outerspace-both, .ulinks-pdp-wrapper.outerspace-both {
margin-top: 70px;
margin-bottom: 75px
}
.ulinks-cat-wrapper.outerspace-none, .ulinks-pdp-wrapper.outerspace-none {
margin-top: 0;
margin-bottom: 0
}
@media (min-width: 30em) and (max-width: 61.1875em) {
.ulinks-cat-wrapper, .ulinks-pdp-wrapper {
height: auto;
padding-bottom: 0
}
.ulinks-cat-wrapper .ulinks-body-wrapper, .ulinks-pdp-wrapper .ulinks-body-wrapper {
height: auto;
padding: 0;
margin-bottom: 0;
margin-top: 32px
}
.ulinks-cat-wrapper .ulinks-body-wrapper .ulinks-body, .ulinks-pdp-wrapper .ulinks-body-wrapper .ulinks-body {
height: auto
}
.ulinks-cat-wrapper .ulinks-body-wrapper .ulinks-body .ulink-list, .ulinks-pdp-wrapper .ulinks-body-wrapper .ulinks-body .ulink-list {
width: 47.993827160494%
}
.ulinks-cat-wrapper .ulink-list, .ulinks-pdp-wrapper .ulink-list {
margin-bottom: 15px;
padding-top: 0px;
line-height: 17px;
height: auto
}
.ulinks-cat-wrapper .ul-content-box-outer, .ulinks-pdp-wrapper .ul-content-box-outer {
width: 100%;
padding: 0;
margin: 0;
height: 180px
}
.ulinks-cat-wrapper .ul-content-box, .ulinks-pdp-wrapper .ul-content-box {
padding: 32px 34px 42px 0px
}
.ulinks-cat-wrapper .first, .ulinks-pdp-wrapper .first {
width: 25.846153846154%
}
.ulinks-cat-wrapper .first img, .ulinks-pdp-wrapper .first img {
width: 62.130177514793%
}
.ulinks-cat-wrapper .last, .ulinks-pdp-wrapper .last {
margin-top: 12px;
max-width: 450px;
width: 74.153846153846%
}
}
@media (max-width: 29.9375em) {
.ulinks-cat-wrapper, .ulinks-pdp-wrapper {
padding: 0
}
.ulinks-cat-wrapper ulinks-body-wrapper, .ulinks-pdp-wrapper ulinks-body-wrapper {
padding: 30px 0 30px 0
}
.ulinks-cat-wrapper .ulink-list {
padding: 0 0 27px 0
}
.ulinks-pdp-wrapper .ulink-list {
padding: 0
}
.ulinks-cat-wrapper, .ulinks-pdp-wrapper {
height: auto;
padding-top: 0
}
.ulinks-cat-wrapper .ulinks-header, .ulinks-pdp-wrapper .ulinks-header {
display: none
}
.ulinks-cat-wrapper .ulinks-content-module, .ulinks-pdp-wrapper .ulinks-content-module {
height: auto
}
.ulinks-cat-wrapper .ulinks-body-wrapper, .ulinks-pdp-wrapper .ulinks-body-wrapper {
height: auto
}
.ulinks-cat-wrapper .ulinks-body, .ulinks-pdp-wrapper .ulinks-body {
height: auto
}
.ulinks-cat-wrapper .ulink-list, .ulinks-pdp-wrapper .ulink-list {
width: 100%;
margin-left: 0px
}
.ulinks-cat-wrapper .ul-content-box, .ulinks-pdp-wrapper .ul-content-box {
text-align: center;
padding: 17px 40px 32px 40px
}
.ulinks-cat-wrapper .ul-content-box-outer, .ulinks-pdp-wrapper .ul-content-box-outer {
margin-left: 0px;
width: 100%
}
.ulinks-cat-wrapper .first, .ulinks-pdp-wrapper .first {
width: 100%;
float: none
}
.ulinks-cat-wrapper .first img, .ulinks-pdp-wrapper .first img {
width: 95px
}
.ulinks-cat-wrapper .last, .ulinks-pdp-wrapper .last {
width: auto;
max-width: none;
float: none
}
}
.ulinks-pdp-wrapper {
position: relative;
overflow-y: hidden;
overflow-x: auto;
text-align: left;
background-color: #fff;
margin: 0;
padding-top: 52px;
padding-bottom: 52px
}
.ulinks-pdp-wrapper .grid .span3.pdp-col1 .show-at-980, .ulinks-pdp-wrapper .grid .span3.pdp-col2 .show-at-980 {
display: none
}
.ulinks-pdp-wrapper .ulinks-pdp-module {
margin-left: 0
}
.ulinks-pdp-wrapper .no-header {
margin-top: 34px
}
.ulinks-pdp-wrapper.outerspace-top {
margin-top: 70px
}
.ulinks-pdp-wrapper.outerspace-bottom {
margin-bottom: 75px
}
.ulinks-pdp-wrapper.outerspace-both {
margin-top: 70px;
margin-bottom: 75px
}
.ulinks-pdp-wrapper.outerspace-none {
margin-top: 0;
margin-bottom: 0
}
.ulinks-pdp-wrapper.group-top {
padding-bottom: 0
}
.ulinks-pdp-wrapper.group-middle {
padding-top: 0;
padding-bottom: 0
}
.ulinks-pdp-wrapper.group-bottom {
padding-top: 0
}
.ulinks-pdp-wrapper .no-left-margin {
margin-left: 0
}
.ulinks-pdp-wrapper .bump12 {
margin-bottom: 12px
}
.ulinks-pdp-wrapper .pdp-help-title {
margin-bottom: 12px;
margin: 0;
padding: 0 0 20px 0;
border-bottom: 4px solid #e4e7eb
}
.ulinks-pdp-wrapper .pdp-link {
display: inline-block;
width: 29.381443298969%;
min-width: 33.333333333334%
}
#pdp-link-tail3 {
margin-left: 0
}
#pdp-g-links .span4 a, #pdp-g-head .pdp-help-title div {
white-space: nowrap
}
@media (min-width: 30em) and (max-width: 61.25em) {
.ulinks-body-wrapper .grid .span3 {
width: 30.9%
}
.ulinks-body-wrapper .grid .span3.pdp-col3 {
display: none
}
.ulinks-body-wrapper .grid .span3.pdp-col2 {
margin-top: 34px
}
.ulinks-body-wrapper .grid .span3.pdp-col1 .show-at-980, .ulinks-body-wrapper .grid .span3.pdp-col2 .show-at-980 {
display: block
}
.ulinks-body-wrapper .grid .span3.pdp-col1 .hide-at-980, .ulinks-body-wrapper .grid .span3.pdp-col2 .hide-at-980 {
display: none
}
}
@media (max-width: 35.4375em) {
.ulinks-pdp-wrapper {
padding: 30px 0 30px 0
}
.ulinks-pdp-wrapper .ulinks-body-wrapper .grid .span3 {
width: 100%
}
.ulinks-pdp-wrapper .ulinks-body-wrapper .grid .span3.pdp-col0 {
display: none
}
.ulinks-pdp-wrapper .ulinks-body-wrapper .grid .span3.pdp-col2, .ulinks-pdp-wrapper .ulinks-body-wrapper .grid .span3.pdp-col3 {
margin-top: 0px
}
}
.editorial_dual_viewer .caption-band.box {
bottom: 45px !important;
z-index: 100
}
.edv.y .edv-images .scrubber {
top: 50%
}
.edv.x .edv-images .scrubber {
left: 50%
}
.edv.x figcaption {
height: 3.27272em;
max-width: 50%
}
.edv .edv-images {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
position: relative;
margin-bottom: 45px;
height: 560px
}
.edv .edv-images .edv-image {
position: absolute;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
-webkit-backface-visibility: hidden
}
.edv .edv-images .edv-image.image-1 {
width: 50%;
left: 0;
z-index: 1
}
.edv .edv-images .edv-image.image-1 .edv-image-wrapper {
width: 200%
}
.edv .edv-images .edv-image .edv-image-wrapper {
position: absolute;
left: 0;
width: 100%;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
text-align: center;
background-color: #fff
}
.edv .edv-images .edv-image .edv-image-wrapper img {
display: none;
position: relative;
width: 100%
}
.edv .edv-images .edv-image.image-2 {
right: 0
}
.edv .edv-images .edv-image.image-2 .edv-image-wrapper {
background-position: center
}
.edv .edv-images figcaption {
position: absolute;
bottom: -48px;
display: inline-block;
text-transform: uppercase;
color: #74747f;
cursor: pointer;
left: 0
}
.edv .edv-images figcaption+figure+figcaption {
right: 0;
text-align: right;
left: auto
}
.edv .edv-images .scrubber {
direction: ltr;
position: absolute;
display: none;
margin-left: -1px;
width: 2px;
min-height: 100%;
bottom: -24px;
background-color: #fff;
z-index: 3;
-webkit-transform: translateZ(0);
color: #fff
}
.edv .edv-images .scrubber.hover .handle .inner {
-webkit-transform: scale(1.07);
-ms-transform: scale(1.07);
transform: scale(1.07);
background: #d94c25
}
.edv .edv-images .scrubber.dragging .handle .inner {
-webkit-transform: scale(1.07);
-ms-transform: scale(1.07);
transform: scale(1.07);
background: #504d56
}
.edv .edv-images .handle {
position: absolute;
top: 50%;
margin-top: -43px;
left: -30px;
width: 62px;
height: 62px;
background: url("/static-assets/images/gray30.png");
cursor: pointer;
border-radius: 50%;
-webkit-transition: .1s;
transition: .1s
}
.edv .edv-images .inner {
position: absolute;
width: 46px;
height: 46px;
line-height: 40px;
background: #f25529;
display: block;
text-align: center;
font-size: 0.9em;
top: 50%;
left: 50%;
margin: -23px 0 0 -23px;
border-radius: 50%;
-webkit-transition: 0.1s ease-out;
transition: 0.1s ease-out
}
.edv .edv-images .icons {
width: 100%;
height: 100%;
display: block
}
.edv .edv-images i {
display: inline-block;
margin: 0;
-webkit-font-smoothing: antialiased;
-webkit-transition: 0.1s ease-out;
transition: 0.1s ease-out
}
.edv.y .edv-images {
margin-top: 33px
}
.edv.y .edv-images .edv-image.image-1 {
width: 100%;
height: 50%
}
.edv.y .edv-images .edv-image.image-1 .edv-image-wrapper {
width: 100%;
height: 200%
}
.edv.y .edv-images figcaption {
width: 100%;
text-align: center;
top: -26px;
padding: 0
}
.edv.y .edv-images figcaption+figure+figcaption {
top: auto;
bottom: -33px
}
.edv.y .edv-images .scrubber {
margin-left: 0;
width: 100%;
height: 2px;
bottom: auto;
min-height: 1px
}
.edv.y .edv-images .handle {
left: 50%;
margin-left: -31px;
margin-top: -31px
}
.edv.y .edv-images .icons {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg)
}
.lt-ie9 .edv.y .edv-images .icons {
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1)
}
.edv.transparent-edges .edv-images .edv-image .edv-image-wrapper {
background-size: contain;
background-position: 50.1% center
}
.edv.transparent-edges .handle {
margin-top: -31px
}
.edv.scrubber-disabled .scrubber {
display: none
}
.no-backgroundsize .edv .edv-images .edv-image-wrapper {
top: -200%;
display: table-cell;
height: 500%;
background-image: none !important;
vertical-align: middle
}
.no-backgroundsize .edv .edv-images .edv-image-wrapper span {
display: inline-block;
height: 100%
}
.no-backgroundsize .edv .edv-images .edv-image-wrapper * {
vertical-align: middle
}
.no-backgroundsize .edv .edv-images .edv-image-wrapper img {
display: inline
}
.no-backgroundsize .edv.y .edv-images .edv-image-wrapper {
top: auto;
width: 100%;
height: auto
}
.no-backgroundsize .edv.y .edv-images .edv-image-wrapper span {
display: inline-block;
height: auto;
width: 100%
}
.no-backgroundsize .edv.y .edv-images .edv-image-wrapper * {
vertical-align: auto;
text-align: center
}
.no-backgroundsize .edv.y .edv-images .edv-image-wrapper img {
width: 100%
}
.no-backgroundsize .edv.full-bleed-edges.y .edv-images .edv-image-wrapper {
left: -200%;
top: auto;
width: 500%;
height: auto;
text-align: center;
vertical-align: auto
}
.no-backgroundsize .edv.full-bleed-edges.y .edv-images .edv-image-wrapper span {
display: inline-block;
height: auto;
width: 100%
}
.no-backgroundsize .edv.full-bleed-edges.y .edv-images .edv-image-wrapper * {
vertical-align: inherit;
text-align: center
}
.no-backgroundsize .edv.full-bleed-edges.y .edv-images .edv-image-wrapper img {
height: 100%;
width: auto;
min-width: 20%
}
.no-borderradius .edv .edv-images .scrubber .handle {
background: url("/static-assets/images/scrubber.png")
}
.no-borderradius .edv .edv-images .scrubber .handle .inner {
visibility: hidden
}
.no-borderradius .edv .dragging .handle, .no-borderradius .edv .hover .handle {
background-position: -62px 0
}
.no-borderradius .edv.y .edv-images .scrubber .handle {
background-position: 0 -62px
}
.no-borderradius .edv.y .dragging .handle, .no-borderradius .edv.y .hover .handle {
background-position: -62px -62px
}
.lt-ie8 .edv .edv-images .scrubber .handle {
padding: 0
}
.gray .edv .edv-images .edv-image .edv-image-wrapper {
background-color: #f1f5f9
}
.gray .edv .edv-images .scrubber {
background-color: #f1f5f9
}
.gray .edv.white .edv-images .edv-image .edv-image-wrapper {
background-color: #fff
}
.edv.white .edv-images .edv-image .edv-image-wrapper {
background-color: #fff
}
.edv.gray .edv-images .edv-image .edv-image-wrapper {
background-color: #f1f5f9
}
.span5 .edv .edv-images, .span6 .edv .edv-images, .span7 .edv .edv-images {
height: 440px
}
@media (max-width: 63.9375em) {
.span5 .edv .edv-images, .span6 .edv .edv-images, .span7 .edv .edv-images {
height: 320px
}
.edv .edv-images {
height: 440px
}
}
@media (min-width: 30.0625em) and (max-width: 35.4375em) {
.span5 .edv .edv-images, .span6 .edv .edv-images, .span7 .edv .edv-images {
height: 320px
}
.edv .edv-images {
height: 320px
}
}
@media (max-width: 30em) {
.span5 .edv .edv-images, .span6 .edv .edv-images, .span7 .edv .edv-images {
height: 200px
}
.edv .edv-images {
height: 200px
}
.edv .edv-images .scrubber .handle {
margin-top: -39px;
left: -26px;
width: 54px;
height: 54px
}
.edv .edv-images .scrubber .inner {
width: 38px;
height: 38px;
line-height: 33px;
margin: -19px 0 0 -19px
}
.edv .edv-images .scrubber .icons {
margin-top: -1px
}
.edv .edv-images .scrubber i {
font-size: 0.75em
}
.edv.y .edv-images .scrubber .handle {
margin-left: -27px;
margin-top: -27px;
left: 50%
}
}
.unselectable * {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none
}
.dim-the-lights {
-webkit-transition: .2s ease-out;
transition: .2s ease-out;
opacity: 0.45
}
.light-em-up {
-webkit-transition: .2s ease-out;
transition: .2s ease-out;
opacity: 1
}
.e360debug {
width: 90%;
height: 150px;
border: 1px solid green
}
.lt-ie9 .e360 div.image-module {
zoom: 80%
}
.e360 {
position: relative
}
.e360 .loading {
position: absolute;
top: 50%;
padding-left: 50%;
margin: -30px 0 0 -30px;
z-index: 1
}
.e360 div.image-module {
height: 560px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat
}
.editorial .e360 div.image-module.visuallyhidden {
position: absolute
}
.e360 .outer {
position: relative
}
.e360 .outer .image-module-360 {
text-align: center
}
.e360 .controls {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
background: transparent
}
.lt-ie8 .e360 .controls {
height: 100%
}
.e360 .controls.hasNav {
bottom: 110px
}
.e360 .controls.isSmall {
bottom: 36px
}
.e360 .controls .dark {
color: #74747f
}
.e360 .controls .light {
color: #fff
}
.e360 .controls .drag-controls {
direction: ltr;
position: absolute;
top: 75%;
width: 100%;
cursor: pointer
}
.lt-ie8 .e360 .controls .drag-controls {
position: relative
}
.e360 .controls .multiModule {
bottom: 110px
}
.e360 .controls .instructions {
margin: 0 18px 0 18px;
display: inline-block;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.e360 .sony-slide-nav.top {
margin-bottom: 50px
}
.e360 .sony-slide-nav.top-overlap {
margin-bottom: -57px;
z-index: 100
}
.e360 .sony-slide-nav.bottom {
margin-top: 12px
}
.e360 .sony-slide-nav.bottom-overlap {
margin-top: -98px;
z-index: 100
}
.e360 .sony-slide-nav .scrubber-container a .sprite {
width: 40px;
height: 40px;
overflow: hidden;
margin-left: auto;
margin-right: auto
}
.e360 .sony-slide-nav .scrubber-container a .sprite img {
width: 40px;
margin-top: -40px;
height: auto
}
.e360 .sony-slide-nav .scrubber-container a .sprite:hover img {
margin-top: 0
}
.editorial_360_viewer .e360.lazyLoading:after {
display: block;
content: "";
position: absolute;
top: 50%;
left: 50%;
margin-left: -32px;
margin-top: -32px;
z-index: -1
}
@media (min-width: 48em) and (max-width: 61.1875em) {
.e360 div.image-module {
height: 475px
}
}
@media (min-width: 75em) {
.e360 .loading.is-asset {
padding-left: 18em
}
}
@media (min-width: 87.5em) {
.e360 .loading.is-asset {
margin: -30px 0 0 -12%;
padding-left: 50%
}
}
@media (min-width: 30em) and (max-width: 47.9375em) {
.e360 div.image-module {
height: 400px;
background-size: contain;
background-repeat: no-repeat
}
.e360 .controls .table-center {
bottom: 5em
}
.e360 .sony-slide-nav {
width: 90%;
left: 5%
}
}
@media (max-width: 30em) {
.e360 div.image-module {
height: 225px;
background-size: contain;
background-repeat: no-repeat
}
.e360 .controls .table-center {
bottom: 52px
}
.e360 .controls .drag-controls {
top: 63%
}
.e360 .sony-slide-nav {
width: 84%;
left: 8%
}
}
@media (min-width: 38.625em) and (max-width: 47.9375em) {
.e360 .loading.is-asset {
padding-left: 0%;
margin: -30px 0 0 16em
}
}
.lt-ie8 .submodule>.image-module, .lt-ie9 .submodule>.image-module {
zoom: 100%
}
.editorial {
position: relative
}
.editorial.gray {
background: #f1f5f9
}
.editorial.dark-gray {
background-color: #1f2024;
padding: 0 !important
}
.editorial.dark-gray .grid {
min-height: 0 !important
}
.editorial .left {
text-align: left
}
.editorial .center {
text-align: center
}
.editorial .right {
text-align: right
}
.editorial .box {
padding: 0
}
.editorial .box .link .btn, .editorial .box .addon {
margin-top: 12px
}
.editorial .box .addon {
margin: auto;
display: inline-block;
min-width: 250px
}
.editorial .submodule {
position: relative
}
.editorial .toutcopy {
display: block;
width: 100%;
margin: 0 auto
}
.editorial .toutcopy .link {
padding-top: 8px
}
.editorial .table-center-wrap, .editorial .table-center {
width: 100%
}
.editorial [class*=span][class*=m-span] {
float: left
}
.editorial.textonly {
padding: 70px 0 75px
}
.editorial.full {
padding: 70px 0 75px
}
.editorial.full .box {
margin-bottom: 22px
}
.editorial.full .caption.gray70-text-trans-box p {
color: #e4e7eb
}
.editorial.full .caption.gray70-text-trans-box p a {
color: #e4e7eb
}
.editorial.full-inner .submodule .hotspot-module, .editorial.full-inner .submodule>.image-module, .editorial.full-tout .submodule .hotspot-module, .editorial.full-tout .submodule>.image-module, .editorial.full .submodule .hotspot-module, .editorial.full .submodule>.image-module {
height: 540px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center center
}
.editorial.full .grid [class*=span], .editorial.full-inner .grid [class*=span] {
float: left
}
.editorial.textonly .grid [class*=span] {
float: left
}
.rtl .editorial.textonly .grid [class*=span][class*=offset] {
float: left
}
.rtl .editorial.textonly .grid [class*=span][class*=offset]:first-child:nth-last-child(1).left, .rtl .editorial.textonly .grid [class*=span][class*=offset]:first-child:nth-last-child(1).right {
margin-right: 0
}
.editorial.textonly .grid [class*=span][class*=offset]:first-child:nth-last-child(2), .editorial.textonly .grid [class*=span][class*=offset]:first-child:nth-last-child(2) ~ [class*=span] {
float: left
}
.editorial.tout .grid:except('.tout-grid'):except('.m1up') [class*=span], .editorial.full-tout .grid:except('.tout-grid'):except('.m1up') [class*=span] {
float:left
}
.editorial.tout .grid.title-block [class*=span], .editorial.full-tout .grid.title-block [class*=span] {
float: left
}
.editorial.full-inner .inner {
height: 100%;
position: absolute;
top: 0;
right: 0;
left: 0
}
.editorial.full-inner .inner .grid, .editorial.full-inner .inner .grid>div, .editorial.full-inner .inner .table-center-wrap {
height: 100%
}
.editorial.full-inner .box {
margin-top: -1%;
padding: 56px 52px 50px 52px
}
.editorial.full-inner .box.center {
padding: 40px
}
.lt-ie10 .editorial {
text-align: center
}
.lt-ie10 .editorial .inner {
position: absolute;
top: 0
}
.lt-ie8 .editorial .inner {
margin-left: -490px;
left: auto;
right: auto
}
.editorial.mediaright, .editorial.medialeft {
padding: 10px 0
}
.editorial.mediaright .box, .editorial.medialeft .box {
padding: 70px 52px
}
.editorial.mediaright .grid, .editorial.medialeft .grid {
min-height: 440px
}
.editorial.mediaright .grid [class*=span], .editorial.medialeft .grid [class*=span] {
float: left
}
.editorial.mediaright .table-center-wrap, .editorial.medialeft .table-center-wrap {
height: 100%;
margin-top: -1%
}
.editorial.mediaright .table-center-wrap .image-module, .editorial.medialeft .table-center-wrap .image-module {
text-align: center
}
.editorial.mediaright .media-element>div, .editorial.medialeft .media-element>div {
margin: 0 auto
}
.editorial.full-tout, .editorial.tout {
padding: 70px 0 75px
}
.editorial.full-tout .submodule, .editorial.tout .submodule {
padding-bottom: 28px
}
.editorial.full-tout .title-block, .editorial.tout .title-block {
padding-bottom: 22px
}
.editorial.full-tout .m1up .textright, .editorial.tout .m1up .textright {
padding-left: 52px
}
.editorial.full-tout .m1up .textleft, .editorial.tout .m1up .textleft {
padding-left: 20px
}
.editorial.full-tout .m2up .horizontal, .editorial.tout .m2up .horizontal {
background: #f1f5f9;
-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;
transition: box-shadow 0.15s ease-out, color 0.15s ease-out, background-color 0.15s ease-out
}
.editorial.full-tout .m2up .horizontal.left, .editorial.tout .m2up .horizontal.left {
float: left
}
.editorial.full-tout .m2up .horizontal:hover, .editorial.tout .m2up .horizontal:hover {
-webkit-box-shadow: none;
box-shadow: none
}
.editorial.full-tout .m2up .horizontal>div, .editorial.tout .m2up .horizontal>div {
height: 162px;
float: left
}
.editorial.full-tout .m2up .horizontal .image-module, .editorial.tout .m2up .horizontal .image-module {
width: 162px;
height: 162px
}
.editorial.full-tout .m2up .horizontal .table-center-wrap, .editorial.tout .m2up .horizontal .table-center-wrap {
padding: 0 40px
}
.editorial.full-tout .m2up .vertical .image-module, .editorial.tout .m2up .vertical .image-module {
text-align: center;
margin-bottom: 30px
}
.editorial.full-tout .m2up .vertical.center .toutcopy, .editorial.tout .m2up .vertical.center .toutcopy {
padding: 0 24px
}
.editorial.full-tout .m2up .vertical.left .toutcopy, .editorial.tout .m2up .vertical.left .toutcopy {
padding: 0 44px 0 0
}
.editorial.full-tout.gray .m2up .horizontal, .editorial.tout.gray .m2up .horizontal {
background: #fff
}
.editorial.full-tout.gray .m2up .horizontal:hover, .editorial.tout.gray .m2up .horizontal:hover {
-webkit-box-shadow: none;
box-shadow: none;
background: rgba(255,255,255,0.8)
}
.editorial.full-tout .m3up>div.left .toutcopy, .editorial.tout .m3up>div.left .toutcopy {
padding: 0 44px 0 0
}
.editorial.full-tout .m3up>div.center .toutcopy, .editorial.tout .m3up>div.center .toutcopy {
padding: 0 0px
}
.editorial.full-tout .m3up .image-module, .editorial.tout .m3up .image-module {
margin-bottom: 30px
}
.editorial.full-tout .m3up .image-module img, .editorial.tout .m3up .image-module img {
width: 100%
}
.editorial.full-tout .m3up.tout-grid [class*=span], .editorial.tout .m3up.tout-grid [class*=span] {
float: left
}
.editorial.full-tout .image-module, .editorial.tout .image-module {
text-align: center
}
.editorial.full-tout .table-center-wrap, .editorial.tout .table-center-wrap {
height: 100%
}
.editorial .tout-grid .image-module {
position: relative;
width: 100%
}
.editorial .tout-grid .image-module .caption {
height: 100%;
width: 100%;
position: absolute;
top: 0px;
left: 0;
margin: 0
}
.editorial .tout-grid .caption-band.box, .editorial .container .submodule .caption-band.box, .editorial .container.submodule .caption-band.box {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 1em;
margin: 0
}
.editorial .tout-grid .caption-band.box.left, .editorial .tout-grid .caption-band.box.bottom-left, .editorial .tout-grid .caption-band.box.top-left, .editorial .container .submodule .caption-band.box.left, .editorial .container .submodule .caption-band.box.bottom-left, .editorial .container .submodule .caption-band.box.top-left, .editorial .container.submodule .caption-band.box.left, .editorial .container.submodule .caption-band.box.bottom-left, .editorial .container.submodule .caption-band.box.top-left {
text-align: left
}
.editorial .tout-grid .caption-band.box.right, .editorial .tout-grid .caption-band.box.bottom-right, .editorial .tout-grid .caption-band.box.top-right, .editorial .container .submodule .caption-band.box.right, .editorial .container .submodule .caption-band.box.bottom-right, .editorial .container .submodule .caption-band.box.top-right, .editorial .container.submodule .caption-band.box.right, .editorial .container.submodule .caption-band.box.bottom-right, .editorial .container.submodule .caption-band.box.top-right {
text-align: right
}
.editorial .tout-grid .caption-band.box.center, .editorial .tout-grid .caption-band.box.bottom-center, .editorial .tout-grid .caption-band.box.top-center, .editorial .container .submodule .caption-band.box.center, .editorial .container .submodule .caption-band.box.bottom-center, .editorial .container .submodule .caption-band.box.top-center, .editorial .container.submodule .caption-band.box.center, .editorial .container.submodule .caption-band.box.bottom-center, .editorial .container.submodule .caption-band.box.top-center {
text-align: center
}
.editorial .tout-grid .caption-band.box.bottom-right, .editorial .tout-grid .caption-band.box.bottom-center, .editorial .tout-grid .caption-band.box.bottom-left, .editorial .container .submodule .caption-band.box.bottom-right, .editorial .container .submodule .caption-band.box.bottom-center, .editorial .container .submodule .caption-band.box.bottom-left, .editorial .container.submodule .caption-band.box.bottom-right, .editorial .container.submodule .caption-band.box.bottom-center, .editorial .container.submodule .caption-band.box.bottom-left {
bottom: 0;
top: auto;
position: absolute
}
.editorial .tout-grid .caption-band.box.top-right, .editorial .tout-grid .caption-band.box.top-center, .editorial .tout-grid .caption-band.box.top-left, .editorial .container .submodule .caption-band.box.top-right, .editorial .container .submodule .caption-band.box.top-center, .editorial .container .submodule .caption-band.box.top-left, .editorial .container.submodule .caption-band.box.top-right, .editorial .container.submodule .caption-band.box.top-center, .editorial .container.submodule .caption-band.box.top-left {
bottom: auto;
top: 0;
position: absolute
}
.media-element .editorial .tout-grid .caption-band.box, .media-element .editorial .container .submodule .caption-band.box, .media-element .editorial .container.submodule .caption-band.box {
padding: .6875em 1em
}
.editorial .tout-grid .caption-band.box p, .editorial .container .submodule .caption-band.box p, .editorial .container.submodule .caption-band.box p {
margin-bottom: 0
}
.editorial.tout .light-text-trans-box .caption-band.box, .editorial.tout .light-text-dark-box .caption-band.box, .editorial.tout .dark-text-light-box .caption-band.box, .editorial.tout .dark-text-trans-box .caption-band.box {
position: relative
}
.editorial .m2up.tout-grid .dark-text-light-box .slide-band.box, .editorial .container.submodule .dark-text-light-box .slide-band.box {
background: rgba(255,255,255,0.95)
}
.editorial .m2up.tout-grid .light-text-trans-box .slide-band.box, .editorial .container.submodule .light-text-trans-box .slide-band.box {
background: transparent
}
.editorial .m2up.tout-grid .light-text-trans-box .slide-band.box p, .editorial .container.submodule .light-text-trans-box .slide-band.box p {
color: #fff
}
.editorial .m2up.tout-grid .light-text-trans-box .slide-band.box a:not(.btn), .editorial .container.submodule .light-text-trans-box .slide-band.box a:not(.btn) {
color: #fff
}
.editorial .m2up.tout-grid .light-text-dark-box .slide-band.box a:not(.btn), .editorial .container.submodule .light-text-dark-box .slide-band.box a:not(.btn) {
color: #fff
}
.editorial.group-top {
padding-bottom: 0
}
.editorial.group-middle {
padding-top: 0;
padding-bottom: 0
}
.editorial.group-bottom {
padding-top: 0
}
.editorial.outerspace-top {
margin-top: 70px
}
.editorial.outerspace-bottom {
margin-bottom: 75px
}
.editorial.outerspace-both {
margin-top: 70px;
margin-bottom: 75px
}
.editorial.outerspace-none {
margin-top: 0;
margin-bottom: 0
}
.editorial .copy .text-flow-2col {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
text-align: left
}
.editorial .copy .text-flow-3col {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
text-align: left
}
.editorial .m3up .iq-img {
width: 100%
}
@media (min-width: 48em) and (max-width: 61.1875em) {
.editorial.full-inner .box {
padding: 46px 42px 40px 42px
}
.editorial.full-inner .box .link {
margin-top: 32px
}
.editorial.full-inner .box .link .btn {
margin-top: 10px
}
.editorial.full-inner .box.center {
padding: 40px
}
.editorial.mediaright .grid, .editorial.medialeft .grid {
min-height: 380px
}
.editorial.mediaright .box, .editorial.medialeft .box {
padding: 35px 26px
}
.editorial.full {
padding: 60px 0 50px 0
}
.editorial.full-inner .box, .editorial.full-tout .box, .editorial.full .box {
margin-top: 0
}
.editorial.full-inner .submodule .hotspot-module, .editorial.full-inner .submodule>.image-module, .editorial.full-tout .submodule .hotspot-module, .editorial.full-tout .submodule>.image-module, .editorial.full .submodule .hotspot-module, .editorial.full .submodule>.image-module {
height: 440px
}
.editorial.full-tout .m2up .horizontal .table-center-wrap, .editorial.tout .m2up .horizontal .table-center-wrap {
padding: 0 12px
}
.editorial.full-tout .m3up>div.left .toutcopy, .editorial.tout .m3up>div.left .toutcopy {
padding: 0 12px 0 0
}
.editorial.full-tout .tout-grid>div.center .toutcopy, .editorial.tout .tout-grid>div.center .toutcopy {
padding: 0 8px
}
.editorial.full-tout .m2up-horizontal .copy p, .editorial.tout .m2up-horizontal .copy p {
display: none !important
}
.editorial.full-tout .m2up .horizontal .image-module, .editorial.tout .m2up .horizontal .image-module {
width: 122px;
height: 122px;
margin: auto
}
.editorial.full-tout .m2up .horizontal>div, .editorial.tout .m2up .horizontal>div {
height: 122px
}
.editorial .toutcopy .link {
padding-top: 4px
}
.editorial.tout .title-block .box {
padding-right: 0;
padding-left: 0
}
.editorial.full-tout .submodule, .editorial.tout .submodule {
padding-bottom: 24px
}
.editorial.group-top {
padding-bottom: 0
}
.editorial.group-middle {
padding-top: 0;
padding-bottom: 0
}
.editorial.group-bottom {
padding-top: 0
}
.editorial.outerspace-top {
margin-top: 60px
}
.editorial.outerspace-bottom {
margin-bottom: 50px
}
.editorial.outerspace-both {
margin-top: 60px;
margin-bottom: 50px
}
.editorial.outerspace-none {
margin-top: 0;
margin-bottom: 0
}
}
@media (max-width: 40em) {
.editorial.tout .m2up {
width: 100%;
position: relative;
max-width: none;
margin: 0
}
.editorial.tout .m2up>div {
position: relative;
float: left;
width: 100%;
margin-right: 0;
margin-left: 0;
margin-bottom: 0;
padding: 0 18px
}
.editorial.tout .m2up .horizontal .image-module {
width: 98px;
height: 98px;
margin: auto
}
.editorial.tout .m2up .horizontal>div {
height: 98px
}
.editorial.tout .m2up .horizontal .table-center-wrap {
padding: 0 20px
}
.editorial.tout .m3up {
width: 100%;
position: relative;
max-width: none;
margin: 0
}
.editorial.tout .m3up>div.left, .editorial.tout .m3up>div.center {
float: left;
position: relative;
width: 100%;
margin-right: 0;
margin-left: 0;
margin-bottom: 3%;
padding: 0 18px
}
}
@media (max-width: 47.9375em) {
.editorial .grid [class*=span] {
float: none !important
}
.editorial .copy .text-flow-2col {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
text-align: inherit
}
.editorial .copy .text-flow-3col {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
text-align: inherit
}
.editorial {
overflow: hidden
}
.editorial .no-grid-at-767 {
width: 100%
}
.editorial .box {
padding: 0 18px
}
.editorial .box .link {
margin-top: 24px
}
.editorial .box .link .btn {
margin-top: 4px
}
.editorial .box .addon {
margin-top: 24px
}
.editorial .center {
text-align: left
}
.editorial .right {
text-align: left
}
.editorial.textonly {
padding: 42px 0 28px
}
.editorial.full {
padding: 42px 0 28px
}
.editorial.full .addon {
max-width: none
}
.editorial.full .box {
margin-bottom: 16px
}
.editorial.full-inner .inner {
position: relative
}
.editorial.full-inner .inner>.grid {
width: 100%
}
.editorial.full-inner .box, .editorial.full-inner .box.center {
margin-top: 0;
padding: 22px 18px 26px 18px
}
.editorial.mediaright .grid, .editorial.medialeft .grid {
min-height: 0;
width: 100%
}
.editorial.mediaright .table-center-wrap, .editorial.medialeft .table-center-wrap {
height: auto;
margin-top: 0
}
.editorial.mediaright .image-module, .editorial.medialeft .image-module {
text-align: center
}
.editorial.mediaright .box, .editorial.medialeft .box {
padding: 32px 18px 26px 18px
}
.editorial.full-inner .submodule .hotspot-module, .editorial.full-inner .submodule>.image-module, .editorial.full-tout .submodule .hotspot-module, .editorial.full-tout .submodule>.image-module, .editorial.full .submodule .hotspot-module, .editorial.full .submodule>.image-module {
height: 320px
}
.editorial.full .submodule .hotspot-module {
height: 400px
}
.editorial.full-tout, .editorial.tout {
padding: 24px 0 20px
}
.editorial.full-tout .container, .editorial.tout .container {
overflow: visible;
padding-bottom: 2px
}
.editorial.full-tout .grid, .editorial.tout .grid {
width: 100%
}
.editorial.full-tout .tout-grid.m2up .caption-band.box, .editorial.tout .tout-grid.m2up .caption-band.box {
display: none
}
.editorial.full-tout .container .tout-grid.grid .toutcopy, .editorial.tout .container .tout-grid.grid .toutcopy {
padding: 0
}
.editorial.full-tout .m2up-horizontal .copy p, .editorial.tout .m2up-horizontal .copy p {
display: none !important
}
.editorial.full-tout .m1up, .editorial.tout .m1up {
padding: 0 18px;
max-width: none
}
.editorial.full-tout .m1up .textright, .editorial.full-tout .m1up .textleft, .editorial.tout .m1up .textright, .editorial.tout .m1up .textleft {
padding: 0
}
.editorial.full-tout .m2up, .editorial.tout .m2up {
width: 220%;
position: relative;
max-width: none;
margin: 0
}
.editorial.full-tout .m2up>div, .editorial.tout .m2up>div {
position: relative;
float: left;
width: 45%;
margin-right: 5%;
padding: 0 18px
}
.editorial.full-tout .m2up .horizontal .image-module, .editorial.tout .m2up .horizontal .image-module {
width: 98px;
height: 98px;
margin: auto
}
.editorial.full-tout .m2up .horizontal>div, .editorial.tout .m2up .horizontal>div {
height: 98px
}
.editorial.full-tout .m2up .horizontal .table-center-wrap, .editorial.tout .m2up .horizontal .table-center-wrap {
padding: 0 20px
}
.editorial.full-tout .m3up, .editorial.tout .m3up {
width: 330%;
position: relative;
max-width: none;
margin: 0
}
.editorial.full-tout .m3up>div.left, .editorial.full-tout .m3up>div.center, .editorial.tout .m3up>div.left, .editorial.tout .m3up>div.center {
float: left;
position: relative;
width: 30%;
margin-right: 3%;
padding: 0 18px
}
.editorial .light-text-trans-box h1, .editorial .light-text-trans-box h2, .editorial .light-text-trans-box h3, .editorial .light-text-trans-box h4, .editorial .light-text-trans-box h5, .editorial .light-text-trans-box h6, .editorial .light-text-trans-box .addon .copy {
color: #2f353d
}
.editorial .light-text-trans-box p {
color: #74747f
}
.editorial .light-text-trans-box a:not(.btn) {
color: #4572ed
}
.editorial .light-text-trans-box a:not(.btn):hover, .editorial .light-text-trans-box a:not(.btn):active, .editorial .light-text-trans-box a:not(.btn):focus {
color: #3c4c74
}
.editorial .light-text-trans-box .box {
background: #f1f5f9
}
.editorial .dark-text-light-box .box {
background: white
}
.editorial.full-tout .box {
margin-bottom: 16px
}
.editorial.full-tout .submodule {
margin-top: 0
}
.editorial.tout .m2up-horizontal {
width: 86.25%
}
.editorial.tout .m2up-horizontal .m2up>div {
padding: 0
}
.editorial.tout .m2up-horizontal .m-span4, .editorial.tout .m2up-horizontal .m-span2 {
float: none;
width: auto
}
.editorial.tout .container .tout-grid .image-module {
margin-top: 6px;
margin-bottom: 30px
}
.editorial.tout .m2up-horizontal .tout-grid .image-module {
margin-top: 0;
margin-bottom: 0
}
.editorial.tout .box {
margin-bottom: 28px
}
.editorial.full-tout .sony-dot-nav, .editorial.tout .sony-dot-nav {
margin-top: 30px
}
.editorial .toutcopy .link {
padding-top: 0
}
.editorial.mediaright .image-module, .editorial.medialeft .image-module {
padding-bottom: 26px
}
.editorial.full-tout .title-block, .editorial.tout .title-block {
padding: 0
}
.editorial .m-grid-at-767 .offset1:first-child {
margin-left: 0
}
.editorial.group-top {
padding-bottom: 0
}
.editorial.group-middle {
padding-top: 0;
padding-bottom: 0
}
.editorial.group-bottom {
padding-top: 0
}
.editorial.outerspace-top {
margin-top: 42px
}
.editorial.outerspace-bottom {
margin-bottom: 28px
}
.editorial.outerspace-both {
margin-top: 42px;
margin-bottom: 28px
}
.editorial.outerspace-none {
margin-top: 0;
margin-bottom: 0
}
.editorial-carousel-slide .editorial.tout .m2up {
width: 100%;
position: relative;
max-width: none;
margin: 0
}
.editorial-carousel-slide .editorial.tout .m2up>div {
position: relative;
float: left;
clear: both;
width: 100%;
margin-right: 0;
margin-left: 0;
margin-bottom: 0;
padding: 0 18px
}
.editorial-carousel-slide .editorial.tout .m2up .horizontal .image-module {
width: 98px;
height: 98px;
margin: auto
}
.editorial-carousel-slide .editorial.tout .m2up .horizontal>div {
height: 98px
}
.editorial-carousel-slide .editorial.tout .m2up .horizontal .table-center-wrap {
padding: 0 20px
}
.editorial-carousel-slide .editorial.tout .m3up {
width: 100%;
position: relative;
max-width: none;
margin: 0
}
.editorial-carousel-slide .editorial.tout .m3up>div.left, .editorial-carousel-slide .editorial.tout .m3up>div.center {
float: left;
clear: both;
position: relative;
width: 100%;
margin-right: 0;
margin-left: 0;
margin-bottom: 3%;
padding: 0 18px
}
.editorial-carousel-slide .editorial.tout .m1up {
width: 100%;
position: relative;
max-width: none;
margin: 0
}
.editorial-carousel-slide .editorial.tout .m1up>div.left, .editorial-carousel-slide .editorial.tout .m1up>div.center {
float: left;
clear: both;
position: relative;
width: 100%;
margin-right: 0;
margin-left: 0;
margin-bottom: 3%;
padding: 0
}
.m1up>div.left, .m1up>div.center {
clear: both;
position: relative;
margin-left: 0 !important;
margin-right: 0 !important;
width: 100%;
margin-bottom: 3%;
padding: 0 18px
}
}
@media (max-width: 30em) {
.editorial.full .submodule .hotspot-module, .editorial.full .submodule>.image-module, .editorial.full-tout .submodule .hotspot-module, .editorial.full-tout .submodule>.image-module {
height: 300px
}
.editorial.full .submodule .hotspot-module {
height: 400px
}
.editorial.full-inner .submodule>.image-module {
height: 180px
}
}
@media (min-width: 75em) {
.editorial.full-inner .submodule .hotspot-module, .editorial.full-inner .submodule>.image-module, .editorial.full-tout .submodule .hotspot-module, .editorial.full-tout .submodule>.image-module, .editorial.full .submodule .hotspot-module, .editorial.full .submodule>.image-module {
height: 620px
}
}
@media (min-width: 48em) {
.editorial .m-span2, .editorial .m-span4 {
float: none;
margin-left: 0
}
}
@media (min-width: 61.1875em) and (max-width: 75em) {
.editorial.mediaright .grid .media-element, .editorial.medialeft .grid .body-element {
margin-left: 3.5461%;
margin-right: 0
}
}
@media (min-width: 75em) {
.editorial.mediaright .grid .media-element, .editorial.medialeft .grid .body-element {
margin-left: 3.52941%;
margin-right: 0
}
}
@media (min-width: 48em) and (max-width: 61.1875em) {
.editorial.mediaright .grid .media-element, .editorial.medialeft .grid .body-element {
margin-left: 3.38462%;
margin-right: 0
}
}
@media (min-width: 61.1875em) and (max-width: 75em) {
.mediaright .editorial-slideshow-container .editorial-slideshow, .medialeft .editorial-slideshow-container .editorial-slideshow {
height: 325px
}
}
@media (min-width: 75em) {
.mediaright .editorial-slideshow-container .editorial-slideshow, .medialeft .editorial-slideshow-container .editorial-slideshow {
height: 365px
}
}
@media (min-width: 48em) and (max-width: 61.1875em) {
.mediaright .editorial-slideshow-container .editorial-slideshow, .medialeft .editorial-slideshow-container .editorial-slideshow {
height: 300px
}
}
@media (max-width: 47.9375em) {
.mediaright .editorial-slideshow-container .editorial-slideshow, .medialeft .editorial-slideshow-container .editorial-slideshow {
height: 320px
}
}
@media (max-width: 30em) {
.mediaright .editorial-slideshow-container .editorial-slideshow, .medialeft .editorial-slideshow-container .editorial-slideshow {
height: 250px
}
}
.editorial.full .box .link {
margin: 0
}
.editorial .editorial-chapters-container {
padding: 0
}
.editorial.textonly+.editorial-chapters-container {
margin: -50px 0 0;
padding: 0 0 50px
}
.container.submodule .editorial-chapters-container {
margin: 0
}
.container.submodule .editorial-chapters-container.container {
width: 100%
}
.has-fullscreen-video .editorial-chapters-container.mixed-content .sony-video, .has-fullscreen-video .editorial-chapters-container.mixed-content .flowplayer, .has-fullscreen-video .editorial-chapters-container.mixed-content .editorial-carousel-slide.chapter-slide {
max-height: initial
}
.editorial-chapters-container {
*zoom:1;
margin: 0 auto;
padding: 50px 0 90px
}
.editorial-chapters-container:before, .editorial-chapters-container:after {
display: table;
content: "";
line-height: 0
}
.editorial-chapters-container:after {
clear: both
}
.editorial-chapters-container .flowplayer {
vertical-align: top
}
.editorial-chapters-container.mixed-content .sony-video, .editorial-chapters-container.mixed-content .video-bg-overlay, .editorial-chapters-container.mixed-content .flowplayer, .editorial-chapters-container.mixed-content .sony-youtube-player .video-container, .editorial-chapters-container.mixed-content .editorial-carousel-slide.chapter-slide {
max-height: 620px;
height: 100%
}
.editorial-chapters-container.mixed-content .sony-video.full-bleed video {
top: 0 !important
}
.editorial-chapters-container.all-videos .video-bg-overlay {
max-height: 620px
}
.editorial-chapters-container:before, .editorial-chapters-container:after {
width: 100%
}
.editorial-chapters-container .editorial-chapters-container .thumb-nav {
word-break: break-word
}
.editorial-chapters-container .editorial-chapters-container .thumb-nav.numChapters1 {
display: none
}
.editorial-chapters-container .image-module {
text-align: center;
height: auto;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center center;
background-repeat: no-repeat
}
.editorial-chapters-container .editorial-chapters {
position: relative
}
.editorial-chapters-container .editorial-chapters .editorial-carousel-wrapper.chapter-pane {
height: auto;
width: 100%
}
.editorial-chapters-container .editorial-chapters .editorial-carousel-wrapper.chapter-pane .sony-dot-nav {
position: absolute;
width: 100%;
margin-top: 0;
bottom: 20px
}
.editorial-chapters-container .editorial-chapters .editorial-carousel-wrapper.chapter-pane .sony-dot-nav .pagination-bullets {
z-index: 1
}
.editorial-chapters-container .editorial-chapters .editorial-carousel-wrapper.chapter-pane .pagination-paddle {
opacity: 1
}
.editorial-chapters-container .editorial-chapters .editorial-carousel-wrapper.chapter-pane .editorial-slideshow-container {
margin-bottom: 0
}
.editorial-chapters-container .editorial-chapters .editorial.full {
padding-top: 0px;
padding-bottom: 0px
}
.editorial-chapters-container .editorial-chapters .editorial.full-inner .submodule .hotspot-module.auto-height, .editorial-chapters-container .editorial-chapters .editorial.full-tout .submodule .hotspot-module.auto-height, .editorial-chapters-container .editorial-chapters .editorial.full .submodule .hotspot-module.auto-height {
height: auto
}
.editorial-chapters-container .editorial-chapters .editorial.full-inner .submodule .hotspot-module.auto-height .image-module.auto-height, .editorial-chapters-container .editorial-chapters .editorial.full-tout .submodule .hotspot-module.auto-height .image-module.auto-height, .editorial-chapters-container .editorial-chapters .editorial.full .submodule .hotspot-module.auto-height .image-module.auto-height {
height: auto
}
.editorial-chapters-container .editorial-carousel-wrapper.chapter-pane {
position: relative;
overflow: hidden
}
.editorial-chapters-container.hotspots .editorial-carousel-wrapper.chapter-pane {
overflow: visible;
position: static
}
.editorial-chapters-container .editorial-carousel {
position: static;
width: 100%;
height: 100%;
opacity: 0;
filter: alpha(opacity=0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden
}
.has-fullscreen-video .editorial-chapters-container .editorial-carousel {
-webkit-backface-visibility: visible;
-moz-backface-visibility: visible;
backface-visibility: visible
}
.editorial-chapters-container .editorial-carousel-slide.chapter-slide {
position: relative;
width: 100%;
height: 100%;
float: left;
opacity: 0;
-webkit-transition: opacity 0.15s ease-out;
transition: opacity 0.15s ease-out
}
.no-opacity .editorial-chapters-container .editorial-carousel-slide.chapter-slide {
visibility: hidden
}
.editorial-chapters-container .editorial-carousel-slide.chapter-slide .image-module {
position: absolute;
left: -9999em
}
.editorial-chapters-container .editorial-carousel-slide.chapter-slide .image-module.unhide {
position: relative;
left: auto
}
.editorial-chapters-container .editorial-carousel-slide.chapter-slide.active {
left: 0;
display: block;
opacity: 1;
-webkit-transition: opacity 0.15s ease-out;
transition: opacity 0.15s ease-out
}
.no-opacity .editorial-chapters-container .editorial-carousel-slide.chapter-slide.active {
visibility: visible
}
.editorial-chapters-container .editorial-carousel-slide.chapter-slide.active .image-module {
position: relative;
left: auto
}
.editorial-chapters-container .editorial-carousel-slide.chapter-slide.pos-active {
position: absolute;
width: 100% !important
}
.editorial-chapters-container .editorial-carousel-slide.chapter-slide .container {
width: 100%
}
.editorial-chapters-container .thumb-nav {
position: relative;
margin-bottom: 0;
text-align: center;
height: 68px;
z-index: 1;
margin: 0 auto;
overflow: hidden;
top: -4px
}
.editorial-chapters-container .thumb-nav .slider {
margin: 0 auto
}
.no-touch .editorial-chapters-container .thumb-nav li:hover {
border-top: 4px solid #5887f5
}
.no-touch .editorial-chapters-container .thumb-nav li:hover img {
opacity: 1
}
.no-opacity .no-touch .editorial-chapters-container .thumb-nav li:hover img {
visibility: visible
}
.no-touch .editorial-chapters-container .thumb-nav li:hover i {
color: #2f353d
}
.no-touch .editorial-chapters-container .thumb-nav li:hover i.fonticon-10-video-play {
color: #fff
}
.no-touch .editorial-chapters-container .thumb-nav li:hover .nav-label {
color: #2f353d
}
.editorial-chapters-container .thumb-nav li {
position: relative;
width: 17%;
min-width: 57px;
padding: 10px .66667%;
height: 48px;
display: inline-block;
background: #fff;
color: #2f353d;
cursor: pointer;
text-align: left;
line-height: 16px;
border: 0;
vertical-align: bottom;
overflow: hidden;
-webkit-transition: .2s ease-out;
transition: .2s ease-out;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box
}
.editorial-chapters-container .thumb-nav li.active {
background: #f1f5f9
}
.editorial-chapters-container .thumb-nav li.active {
border-top: 4px solid #5887f5
}
.editorial-chapters-container .thumb-nav li.active img {
opacity: 1
}
.no-opacity .editorial-chapters-container .thumb-nav li.active img {
visibility: visible
}
.editorial-chapters-container .thumb-nav li.active i {
color: #2f353d
}
.editorial-chapters-container .thumb-nav li.active i.fonticon-10-video-play {
color: #fff
}
.editorial-chapters-container .thumb-nav li.active .nav-label {
color: #2f353d
}
.lt-ie8 .editorial-chapters-container .thumb-nav li {
*display:inline;
*zoom:1
}
.editorial-chapters-container .thumb-nav img {
position: relative;
bottom: 0;
width: 31.37255%;
max-width: 60px;
float: left;
opacity: .75
}
.no-opacity .editorial-chapters-container .thumb-nav img {
visibility: visible
}
.editorial-chapters-container .thumb-nav i {
color: #74747f;
line-height: 16px;
position: relative;
top: 9px;
float: left;
margin-bottom: 20px
}
.editorial-chapters-container .thumb-nav i.fonticon-10-video-play {
color: #fff
}
.editorial-chapters-container .thumb-nav .label-container {
position: relative;
display: table;
height: 100%;
width: 68.62745%;
padding-left: 5.71429%;
top: -4px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.editorial-chapters-container .thumb-nav .nav-label {
color: #74747f;
position: relative;
display: table-cell;
vertical-align: middle;
zoom: 1
}
.editorial-chapters-container .thumb-nav .nav-label.break-word {
word-break: break-all;
word-break: break-word;
-ms-word-break: break-word
}
.editorial-chapters-container .thumb-nav.numChapters1 {
display: none
}
.editorial-chapters-container.top-nav .thumb-nav {
margin-bottom: 24px;
width: auto;
text-align: left;
margin-top: 0
}
.editorial-chapters-container.top-nav .thumb-nav li {
width: auto;
border-top: 0;
vertical-align: top
}
.editorial-chapters-container.top-nav .thumb-nav li.active, .editorial-chapters-container.top-nav .thumb-nav li:hover {
border-top: 0;
border-bottom: 4px solid #5887f5;
margin-top: 0
}
.editorial-chapters-container.top-nav .thumb-nav i {
float: none;
top: 13px
}
.editorial-chapters-container.gray {
background: #f1f5f9
}
.editorial-chapters-container.gray .thumb-nav li {
background: #f1f5f9
}
.editorial-chapters-container.gray .thumb-nav li.active {
background: #fff
}
.no-touch .editorial-chapters-container.thumb-mode .thumb-nav li.active .icon-wrap, .no-touch .editorial-chapters-container.thumb-mode .thumb-nav li:hover .icon-wrap, .touch .editorial-chapters-container.thumb-mode .thumb-nav li.active .icon-wrap, .no-touch .editorial-chapters-container.thumbnail-mode .thumb-nav li.active .icon-wrap, .no-touch .editorial-chapters-container.thumbnail-mode .thumb-nav li:hover .icon-wrap, .touch .editorial-chapters-container.thumbnail-mode .thumb-nav li.active .icon-wrap {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
background-color: #4572ed
}
.editorial-chapters-container.thumb-mode .thumb-nav li .thumb-icon-wrap, .editorial-chapters-container.thumbnail-mode .thumb-nav li .thumb-icon-wrap {
position: absolute;
width: 23.52941%;
max-width: 60px;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto
}
.editorial-chapters-container.thumb-mode .thumb-nav li .icon-wrap, .editorial-chapters-container.thumbnail-mode .thumb-nav li .icon-wrap {
position: absolute;
top: 50%;
left: 50%;
margin-top: -14px;
margin-left: -14px;
width: 28px;
height: 28px;
background-color: rgba(33,37,48,0.4);
border-radius: 50%;
-webkit-transition: .15s;
transition: .15s
}
.csstransforms .editorial-chapters-container.thumb-mode .thumb-nav li .icon-wrap, .csstransforms .editorial-chapters-container.thumbnail-mode .thumb-nav li .icon-wrap {
width: 33.25px;
height: 33.25px;
margin-top: -16.625px;
margin-left: -16.625px;
-webkit-transform: scale(.84211);
-ms-transform: scale(.84211);
transform: scale(.84211)
}
.editorial-chapters-container.thumb-mode .thumb-nav li i, .editorial-chapters-container.thumbnail-mode .thumb-nav li i {
display: none
}
.editorial-chapters-container.thumb-mode .thumb-nav li i.fonticon-10-video-play, .editorial-chapters-container.thumbnail-mode .thumb-nav li i.fonticon-10-video-play {
display: block;
position: absolute;
margin: auto;
top: 50%;
left: 50%;
width: 10px;
margin-top: -10px;
margin-left: -4px;
font-size: 12px
}
.editorial-chapters-container.number-mode .thumb-nav img, .editorial-chapters-container.icon-mode .thumb-nav img {
display: none
}
.editorial-chapters-container.number-mode .thumb-nav i, .editorial-chapters-container.icon-mode .thumb-nav i {
margin-left: 1.96078%
}
.editorial-chapters-container.number-mode .thumb-nav .label-container, .editorial-chapters-container.icon-mode .thumb-nav .label-container {
width: 78.43137%
}
.editorial-chapters-container.text-mode .thumb-nav img, .editorial-chapters-container.text-mode .thumb-nav i {
display: none
}
.editorial-chapters-container.text-mode .thumb-nav .label-container {
padding-left: 8px;
margin: 0
}
.span5 .editorial-chapters-container, .span6 .editorial-chapters-container, .span7 .editorial-chapters-container {
margin: auto
}
.span5 .editorial-chapters-container .image-module, .span6 .editorial-chapters-container .image-module, .span7 .editorial-chapters-container .image-module {
height: auto
}
.span5 .editorial-chapters-container li, .span6 .editorial-chapters-container li, .span7 .editorial-chapters-container li {
overflow: hidden;
padding: 8px 10px;
height: 38px;
min-width: 57px
}
.span5 .editorial-chapters-container .label-container, .span6 .editorial-chapters-container .label-container, .span7 .editorial-chapters-container .label-container {
width: 100%;
overflow: hidden;
padding: 0 4.7619% 0 9.52381%;
top: 0
}
.span5 .editorial-chapters-container .thumb-nav, .span6 .editorial-chapters-container .thumb-nav, .span7 .editorial-chapters-container .thumb-nav {
margin: 0
}
.span5 .editorial-chapters-container.thumb-mode .thumb-nav, .span5 .editorial-chapters-container.thumbnail-mode .thumb-nav, .span6 .editorial-chapters-container.thumb-mode .thumb-nav, .span6 .editorial-chapters-container.thumbnail-mode .thumb-nav, .span7 .editorial-chapters-container.thumb-mode .thumb-nav, .span7 .editorial-chapters-container.thumbnail-mode .thumb-nav {
height: 62px;
white-space: nowrap
}
.span5 .editorial-chapters-container.thumb-mode .thumb-nav img, .span5 .editorial-chapters-container.thumbnail-mode .thumb-nav img, .span6 .editorial-chapters-container.thumb-mode .thumb-nav img, .span6 .editorial-chapters-container.thumbnail-mode .thumb-nav img, .span7 .editorial-chapters-container.thumb-mode .thumb-nav img, .span7 .editorial-chapters-container.thumbnail-mode .thumb-nav img {
width: 51px
}
.span5 .editorial-chapters-container.thumb-mode .thumb-nav .label-container, .span5 .editorial-chapters-container.thumbnail-mode .thumb-nav .label-container, .span6 .editorial-chapters-container.thumb-mode .thumb-nav .label-container, .span6 .editorial-chapters-container.thumbnail-mode .thumb-nav .label-container, .span7 .editorial-chapters-container.thumb-mode .thumb-nav .label-container, .span7 .editorial-chapters-container.thumbnail-mode .thumb-nav .label-container {
width: auto
}
.span5 .editorial-chapters-container.icon-mode .thumb-nav, .span5 .editorial-chapters-container.number-mode .thumb-nav, .span6 .editorial-chapters-container.icon-mode .thumb-nav, .span6 .editorial-chapters-container.number-mode .thumb-nav, .span7 .editorial-chapters-container.icon-mode .thumb-nav, .span7 .editorial-chapters-container.number-mode .thumb-nav {
height: 62px
}
.span5 .editorial-chapters-container.icon-mode .thumb-nav i, .span5 .editorial-chapters-container.number-mode .thumb-nav i, .span6 .editorial-chapters-container.icon-mode .thumb-nav i, .span6 .editorial-chapters-container.number-mode .thumb-nav i, .span7 .editorial-chapters-container.icon-mode .thumb-nav i, .span7 .editorial-chapters-container.number-mode .thumb-nav i {
top: 10px;
margin: 0
}
.span5 .editorial-chapters-container.icon-mode .thumb-nav .label-container, .span5 .editorial-chapters-container.number-mode .thumb-nav .label-container, .span6 .editorial-chapters-container.icon-mode .thumb-nav .label-container, .span6 .editorial-chapters-container.number-mode .thumb-nav .label-container, .span7 .editorial-chapters-container.icon-mode .thumb-nav .label-container, .span7 .editorial-chapters-container.number-mode .thumb-nav .label-container {
width: auto;
padding: 0 9.52381%
}
.span5 .editorial-chapters-container.text-mode .thumb-nav, .span6 .editorial-chapters-container.text-mode .thumb-nav, .span7 .editorial-chapters-container.text-mode .thumb-nav {
height: 62px
}
.span5 .editorial-chapters-container.text-mode .thumb-nav li, .span6 .editorial-chapters-container.text-mode .thumb-nav li, .span7 .editorial-chapters-container.text-mode .thumb-nav li {
line-height: 14px;
padding: 15px 0;
height: 20px;
width: auto
}
.span5 .editorial-chapters-container.text-mode .thumb-nav img, .span5 .editorial-chapters-container.text-mode .thumb-nav i, .span6 .editorial-chapters-container.text-mode .thumb-nav img, .span6 .editorial-chapters-container.text-mode .thumb-nav i, .span7 .editorial-chapters-container.text-mode .thumb-nav img, .span7 .editorial-chapters-container.text-mode .thumb-nav i {
display: none
}
.span5 .editorial-chapters-container.text-mode .thumb-nav .label-container, .span6 .editorial-chapters-container.text-mode .thumb-nav .label-container, .span7 .editorial-chapters-container.text-mode .thumb-nav .label-container {
white-space: nowrap;
height: 14px;
padding-left: 8px
}
.span5 .editorial-chapters-container.top-nav .thumb-nav i, .span5 .editorial-chapters-container.top-nav .thumb-nav img, .span6 .editorial-chapters-container.top-nav .thumb-nav i, .span6 .editorial-chapters-container.top-nav .thumb-nav img, .span7 .editorial-chapters-container.top-nav .thumb-nav i, .span7 .editorial-chapters-container.top-nav .thumb-nav img {
display: none
}
.span5 .editorial-chapters-container .editorial-chapters .editorial.full-inner .submodule .hotspot-module, .span5 .editorial-chapters-container .editorial-chapters .editorial.full-tout .submodule .hotspot-module, .span5 .editorial-chapters-container .editorial-chapters .editorial.full .submodule .hotspot-module, .span6 .editorial-chapters-container .editorial-chapters .editorial.full-inner .submodule .hotspot-module, .span6 .editorial-chapters-container .editorial-chapters .editorial.full-tout .submodule .hotspot-module, .span6 .editorial-chapters-container .editorial-chapters .editorial.full .submodule .hotspot-module, .span7 .editorial-chapters-container .editorial-chapters .editorial.full-inner .submodule .hotspot-module, .span7 .editorial-chapters-container .editorial-chapters .editorial.full-tout .submodule .hotspot-module, .span7 .editorial-chapters-container .editorial-chapters .editorial.full .submodule .hotspot-module {
height: auto
}
.span5 .editorial-chapters-container .editorial-chapters .editorial.full-inner .submodule .hotspot-module .image-module, .span5 .editorial-chapters-container .editorial-chapters .editorial.full-tout .submodule .hotspot-module .image-module, .span5 .editorial-chapters-container .editorial-chapters .editorial.full .submodule .hotspot-module .image-module, .span6 .editorial-chapters-container .editorial-chapters .editorial.full-inner .submodule .hotspot-module .image-module, .span6 .editorial-chapters-container .editorial-chapters .editorial.full-tout .submodule .hotspot-module .image-module, .span6 .editorial-chapters-container .editorial-chapters .editorial.full .submodule .hotspot-module .image-module, .span7 .editorial-chapters-container .editorial-chapters .editorial.full-inner .submodule .hotspot-module .image-module, .span7 .editorial-chapters-container .editorial-chapters .editorial.full-tout .submodule .hotspot-module .image-module, .span7 .editorial-chapters-container .editorial-chapters .editorial.full .submodule .hotspot-module .image-module {
height: auto
}
.span5 .table-center-wrap .table-center .editorial-chapters .image-module, .span6 .table-center-wrap .table-center .editorial-chapters .image-module, .span7 .table-center-wrap .table-center .editorial-chapters .image-module {
height: auto
}
.span5 .editorial .overlay-base, .span5 .editorial-chapters-container .overlay-base, .span6 .editorial .overlay-base, .span6 .editorial-chapters-container .overlay-base, .span7 .editorial .overlay-base, .span7 .editorial-chapters-container .overlay-base {
z-index: auto
}
.editorial_chapters .span5 .editorial-chapters-container .hotspots .editorial-carousel-wrapper.chapter-pane, .editorial_chapters .span6 .editorial-chapters-container .hotspots .editorial-carousel-wrapper.chapter-pane, .editorial_chapters .span7 .editorial-chapters-container .hotspots .editorial-carousel-wrapper.chapter-pane {
overflow: hidden
}
.editorial_chapters .span5 .editorial-chapters-container .hotspots .thumb-nav, .editorial_chapters .span6 .editorial-chapters-container .hotspots .thumb-nav, .editorial_chapters .span7 .editorial-chapters-container .hotspots .thumb-nav {
top: auto
}
.lt-ie10 .editorial-chapters-container .editorial-carousel-slide.chapter-slide.active {
position: relative
}
.lt-ie10 .editorial-chapters-container .thumb-nav.container {
width: 92.5%
}
.lt-ie10 .editorial-chapters-container.top-nav .thumb-nav.container {
width: auto
}
.lt-ie10 .editorial-chapters-container .editorial .inner {
margin-left: 0;
left: 0
}
.lt-ie10 .hotspots.editorial-chapters-container .thumb-nav {
top: 0px
}
.lt-ie9 .editorial-chapters-container .thumb-nav li {
width: 20%
}
.editorial-chapters-container .thumb-nav {
overflow: hidden
}
.editorial-chapters-container .thumb-nav .left-shade, .editorial-chapters-container .thumb-nav .right-shade {
width: 10px;
position: absolute;
top: 4px;
bottom: 0;
left: 0;
box-shadow: inset 5px 0 7px -5px #333
}
.editorial-chapters-container .thumb-nav .right-shade {
left: auto;
box-shadow: inset -5px 0 7px -5px #333;
right: 0
}
@media (max-width: 56.8125em) {
.editorial-chapters-container {
margin: 0 auto;
padding: 24px 0 32px
}
.editorial-chapters-container .container {
width: 100% !important
}
.editorial-chapters-container.thumb-mode .thumb-nav, .editorial-chapters-container.thumbnail-mode .thumb-nav {
height: 62px;
width: 100%
}
.editorial-chapters-container.thumb-mode .thumb-nav li, .editorial-chapters-container.thumbnail-mode .thumb-nav li {
width: auto;
padding: 8px;
height: 42px
}
.editorial-chapters-container.thumb-mode .thumb-nav img, .editorial-chapters-container.thumbnail-mode .thumb-nav img {
width: 56px;
margin: 0 auto;
float: none
}
.editorial-chapters-container.thumb-mode .thumb-nav i, .editorial-chapters-container.thumb-mode .thumb-nav span, .editorial-chapters-container.thumbnail-mode .thumb-nav i, .editorial-chapters-container.thumbnail-mode .thumb-nav span {
display: none
}
.editorial-chapters-container.icon-mode .thumb-nav, .editorial-chapters-container.number-mode .thumb-nav {
height: 54px
}
.editorial-chapters-container.icon-mode .thumb-nav li, .editorial-chapters-container.number-mode .thumb-nav li {
width: auto;
height: 30px;
text-align: center
}
.editorial-chapters-container.icon-mode .thumb-nav img, .editorial-chapters-container.icon-mode .thumb-nav span, .editorial-chapters-container.number-mode .thumb-nav img, .editorial-chapters-container.number-mode .thumb-nav span {
display: none
}
.editorial-chapters-container.icon-mode .thumb-nav i, .editorial-chapters-container.number-mode .thumb-nav i {
top: 4px;
margin: 0 auto;
float: none
}
.editorial-chapters-container.text-mode .thumb-nav {
height: 60px
}
.editorial-chapters-container.text-mode .thumb-nav li {
line-height: 14px;
padding: 10px 0;
height: 34px
}
.editorial-chapters-container.text-mode .thumb-nav img, .editorial-chapters-container.text-mode .thumb-nav i {
display: none
}
.editorial-chapters-container.text-mode .thumb-nav .label-container {
top: 1px;
display: block
}
.editorial-chapters-container.top-nav .thumb-nav i, .editorial-chapters-container.top-nav .thumb-nav img {
display: none
}
.editorial-chapters-container.top-nav .thumb-nav span {
display: inline-block;
margin-left: 20px;
top: 6px
}
.editorial-chapters-container .editorial-slideshow .slide-band.box {
height: auto
}
.editorial-chapters-container .editorial-chapters .editorial.full-inner .submodule .hotspot-module.auto-height, .editorial-chapters-container .editorial-chapters .editorial.full-tout .submodule .hotspot-module.auto-height, .editorial-chapters-container .editorial-chapters .editorial.full .submodule .hotspot-module.auto-height {
height: auto
}
.editorial-chapters-container .editorial-chapters .editorial.full-inner .submodule .hotspot-module.auto-height .image-module.auto-height, .editorial-chapters-container .editorial-chapters .editorial.full-tout .submodule .hotspot-module.auto-height .image-module.auto-height, .editorial-chapters-container .editorial-chapters .editorial.full .submodule .hotspot-module.auto-height .image-module.auto-height {
height: auto
}
.editorial.textonly+.editorial-chapters-container {
margin: -10px 0 0;
padding: 0 0 10px
}
.span5 .editorial-chapters-container.thumb-mode .thumb-nav, .span5 .editorial-chapters-container.thumbnail-mode .thumb-nav, .span6 .editorial-chapters-container.thumb-mode .thumb-nav, .span6 .editorial-chapters-container.thumbnail-mode .thumb-nav, .span7 .editorial-chapters-container.thumb-mode .thumb-nav, .span7 .editorial-chapters-container.thumbnail-mode .thumb-nav {
margin-bottom: 30px
}
.span5 .editorial-chapters-container.thumb-mode .thumb-nav img, .span5 .editorial-chapters-container.thumbnail-mode .thumb-nav img, .span6 .editorial-chapters-container.thumb-mode .thumb-nav img, .span6 .editorial-chapters-container.thumbnail-mode .thumb-nav img, .span7 .editorial-chapters-container.thumb-mode .thumb-nav img, .span7 .editorial-chapters-container.thumbnail-mode .thumb-nav img {
position: relative;
top: auto;
bottom: auto;
width: 100%;
height: auto;
max-width: 56px;
margin: 0 auto
}
.span5 .editorial-chapters-container.icon-mode .thumb-nav i, .span5 .editorial-chapters-container.number-mode .thumb-nav i, .span6 .editorial-chapters-container.icon-mode .thumb-nav i, .span6 .editorial-chapters-container.number-mode .thumb-nav i, .span7 .editorial-chapters-container.icon-mode .thumb-nav i, .span7 .editorial-chapters-container.number-mode .thumb-nav i {
top: 4px;
margin: 0 15px
}
.span5 .editorial-chapters .editorial.full-inner .submodule .hotspot-module.auto-height .image-module.auto-height, .span5 .editorial-chapters .editorial.full-tout .submodule .hotspot-module.auto-height .image-module.auto-height, .span5 .editorial-chapters .editorial.full .submodule .hotspot-module.auto-height .image-module.auto-height, .span6 .editorial-chapters .editorial.full-inner .submodule .hotspot-module.auto-height .image-module.auto-height, .span6 .editorial-chapters .editorial.full-tout .submodule .hotspot-module.auto-height .image-module.auto-height, .span6 .editorial-chapters .editorial.full .submodule .hotspot-module.auto-height .image-module.auto-height, .span7 .editorial-chapters .editorial.full-inner .submodule .hotspot-module.auto-height .image-module.auto-height, .span7 .editorial-chapters .editorial.full-tout .submodule .hotspot-module.auto-height .image-module.auto-height, .span7 .editorial-chapters .editorial.full .submodule .hotspot-module.auto-height .image-module.auto-height {
padding-bottom: 0px
}
.editorial-chapters-container .editorial .caption .box {
height: auto
}
}
@media (min-width: 56.875em) {
.editorial-chapters-container.thumb-mode .thumb-nav li .thumb-icon-wrap, .editorial-chapters-container.thumbnail-mode .thumb-nav li .thumb-icon-wrap {
left: 10px;
right: initial;
top: -10px;
margin: 0
}
}
@media (max-width: 25.625em) {
.span7 .editorial-chapters-container.text-mode .thumb-nav {
width: 300px
}
}
@media (min-width: 25.6875em) and (max-width: 47.9375em) {
.span7 .editorial-chapters-container.text-mode .thumb-nav {
width: 370px
}
}
@media (min-width: 48em) and (max-width: 54.1875em) {
.span7 .editorial-chapters-container.text-mode .thumb-nav {
width: 370px
}
}
@media (min-width: 54.25em) and (max-width: 60.4375em) {
.span7 .editorial-chapters-container.text-mode .thumb-nav {
width: 470px
}
}
@media (max-width: 80em) {
.span7 .editorial-chapters-container.thumb-mode .thumb-nav .label-container, .span7 .editorial-chapters-container.thumbnail-mode .thumb-nav .label-container {
display: none;
width: 0;
height: 0
}
}
@media (min-width: 61.1875em) {
.container>.editorial-chapters-container .slider, .span12>.editorial-chapters-container .slider {
width: auto !important
}
.editorial-chapters-container {
margin: 0 auto;
padding: 32px 0 60px
}
.editorial-chapters-container .thumb-nav .left-shade, .editorial-chapters-container .thumb-nav .right-shade {
display: none !important
}
}
@media (min-width: 48em) and (max-width: 61.1875em) {
.span5 .editorial-chapters-container.hotspots .overlay-base.variant2, .span6 .editorial-chapters-container.hotspots .overlay-base.variant2, .span7 .editorial-chapters-container.hotspots .overlay-base.variant2 {
width: 200px
}
.span5 .editorial-chapters-container.hotspots .overlay-base.to-left, .span6 .editorial-chapters-container.hotspots .overlay-base.to-left, .span7 .editorial-chapters-container.hotspots .overlay-base.to-left {
left: -208px
}
}
@media (max-width: 47.9375em) {
.editorial-chapters-container .editorial .table-center-wrap, .editorial-chapters-container .editorial .table-center {
display: block
}
.editorial-chapters-container .editorial .table-center, .editorial-chapters-container .editorial .box {
height: 100%
}
.editorial-chapters-container.thumb-mode .thumb-nav, .editorial-chapters-container.thumbnail-mode .thumb-nav {
height: 62px;
width: 100%
}
.editorial-chapters-container.thumb-mode .thumb-nav li, .editorial-chapters-container.thumbnail-mode .thumb-nav li {
width: auto;
padding: 8px;
height: 42px
}
.editorial-chapters-container.thumb-mode .thumb-nav img, .editorial-chapters-container.thumbnail-mode .thumb-nav img {
width: 56px;
margin: 0 auto;
float: none
}
.editorial-chapters-container.thumb-mode .thumb-nav i, .editorial-chapters-container.thumb-mode .thumb-nav span, .editorial-chapters-container.thumbnail-mode .thumb-nav i, .editorial-chapters-container.thumbnail-mode .thumb-nav span {
display: none
}
.editorial-chapters-container.text-mode .thumb-nav {
height: 60px
}
.editorial-chapters-container.text-mode .thumb-nav li {
line-height: 14px;
padding: 10px 0;
height: 34px;
width: auto
}
.editorial-chapters-container.text-mode .thumb-nav img, .editorial-chapters-container.text-mode .thumb-nav i {
display: none
}
.editorial-chapters-container.text-mode .thumb-nav .label-container {
top: 1px;
display: block
}
.editorial-chapters-container.top-nav .thumb-nav i, .editorial-chapters-container.top-nav .thumb-nav img {
display: none
}
.editorial-chapters-container.top-nav .thumb-nav span {
display: inline-block;
margin-left: 20px;
top: 6px
}
.editorial-chapters-container .box {
margin-bottom: 0 !important
}
.editorial-chapters-container.hotspots .editorial-chapters-container, .editorial-chapters-container.hotspots .editorial-carousel-wrapper.chapter-pane {
overflow: visible;
position: static
}
.editorial-chapters-container.hotspots .editorial-chapters-container .editorial-carousel-slide.chapter-slide.active, .editorial-chapters-container.hotspots .editorial-carousel-wrapper.chapter-pane .editorial-carousel-slide.chapter-slide.active {
z-index: auto
}
.editorial-chapters-container .image-module {
height: 320px
}
.editorial_chapters.mediaright .editorial-chapters-container .image-module, .editorial_chapters.medialeft .editorial-chapters-container .image-module {
padding-bottom: 0
}
}
.ec-module {
position: relative;
padding: 3.25em 0 2.5em;
overflow: hidden;
background-color: #f1f5f9
}
.ec-module .ec-title {
margin-bottom: 0;
text-align: center
}
.ec-module .ec-subtitle {
margin-top: 11px;
margin-bottom: 0;
text-align: center
}
.ec-module .ec-tl {
margin-bottom: 0
}
.ec-module .m-container {
margin-top: 3.125em;
margin-bottom: .75em
}
.csstransitions .ec-module .m-container {
opacity: 0;
-webkit-transition: opacity .15s ease-out;
transition: opacity .15s ease-out
}
.csstransitions .ec-module .m-container.in {
opacity: 1
}
.ec-module .sony-carousel-wrapper {
height: auto
}
.ec-module .sony-carousel-wrapper .sony-carousel-slide-children {
overflow: hidden
}
.ec-module .sony-carousel-wrapper .sony-carousel-slide-children.sc-video-tile {
cursor: pointer
}
.ec-module .sony-dot-nav {
margin-top: 2.5em
}
.ec-module .ec-tile {
position: relative;
display: block;
background-color: #fff
}
.ec-module .ec-tile img {
display: block;
width: 100%;
margin: auto
}
.ec-module .wrapper-image {
position: relative;
height: 0;
padding-bottom: 128.70813%;
overflow: hidden
}
.ec-module .wrapper-inside {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
overflow: hidden
}
.ec-module .headline-counter {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 26px;
padding: 0 0 0 1em;
background: #f32929;
background: rgba(243,41,41,0.9)
}
.lt-ie8 .ec-module .headline-counter {
width: 196px;
z-index: 10;
zoom: 1
}
.ec-module .headline-counter span {
color: #fff;
margin: 0
}
.ec-module .infos {
padding: .625em 1em 1em
}
.ec-module .infos .tile-title {
margin-bottom: 2.5em;
color: #2f353d
}
.ec-module .infos .tile-subtitle {
margin-bottom: 0
}
.ec-module .infos .total-players {
margin-bottom: 0
}
.ec-module .cover {
position: absolute;
z-index: 2;
top: 26px;
right: 0;
bottom: 0;
left: 0;
text-align: center;
background: #1f2024;
background: rgba(31,32,36,0.6);
opacity: 0;
-webkit-transition: opacity .15s ease-out;
transition: opacity .15s ease-out
}
.no-opacity .ec-module .cover {
visibility: hidden
}
.ec-module .cover.no-headline {
top: 0
}
.ec-module .cover.no-headline .ghost-center {
padding-top: 26px
}
.ec-module .cover .cta {
display: block;
color: #fff;
margin: 8px 0 0 0;
text-transform: uppercase
}
.ec-module .picto-play {
position: relative;
display: block;
width: 5em;
height: 5em
}
.ec-module .picto-play .picto {
position: absolute;
z-index: 2;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
color: white;
margin-top: 24px;
-webkit-font-smoothing: antialiased
}
.ec-module .picto-play .picto.fonticon-30-controller {
margin-top: -4px
}
.ec-module .picto-play .picto.fonticon-10-video-play {
margin-top: 4px;
margin-left: 3px;
font-size: 2.5em
}
.ec-module .picto-play .picto.fonticon-10-video-play:before {
margin-left: 3px
}
.ec-module .bg-for-icon {
position: absolute;
z-index: 1;
background-color: #2f353d;
border-radius: 50%
}
.no-csstransforms .ec-module .bg-for-icon {
left: 15%;
top: 15%;
height: 70%;
width: 70%;
-webkit-transition: top .15s ease-out, left .15s ease-out, width .15s ease-out, height .15s ease-out;
transition: top .15s ease-out, left .15s ease-out, width .15s ease-out, height .15s ease-out
}
.csstransforms .ec-module .bg-for-icon {
left: 0;
top: 0;
height: 100%;
width: 100%;
-webkit-transform: scale(.5);
-ms-transform: scale(.5);
transform: scale(.5);
-webkit-transition: .2s ease-out;
transition: .2s ease-out
}
.no-touch .ec-module .ec-tile:hover .cover, .no-touch .ec-module .ec-tile.active-by-default .cover {
opacity: 1
}
.no-opacity .no-touch .ec-module .ec-tile:hover .cover, .no-opacity .no-touch .ec-module .ec-tile.active-by-default .cover {
visibility: visible
}
.no-touch.no-csstransforms .ec-module .ec-tile:hover .bg-for-icon, .no-touch.no-csstransforms .ec-module .ec-tile.active-by-default .bg-for-icon {
left: 0;
top: 0;
height: 100%;
width: 100%
}
.no-touch.csstransforms .ec-module .ec-tile:hover .bg-for-icon, .no-touch.csstransforms .ec-module .ec-tile.active-by-default .bg-for-icon {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.ec-module .ec-tile.with-orange-icon.active-by-default .ghost-center {
opacity: 1
}
.no-opacity .ec-module .ec-tile.with-orange-icon.active-by-default .ghost-center {
visibility: visible
}
.ec-module .ec-tile.with-orange-icon .ghost-center {
opacity: 0
}
.no-opacity .ec-module .ec-tile.with-orange-icon .ghost-center {
visibility: hidden
}
.ec-module .ec-tile.with-orange-icon:hover .ghost-center {
opacity: 1
}
.no-opacity .ec-module .ec-tile.with-orange-icon:hover .ghost-center {
visibility: visible
}
.ec-module .ec-tile.with-orange-icon:hover .picto-play {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.ec-module .ec-tile.with-orange-icon .cover {
opacity: 1;
background: transparent
}
.no-opacity .ec-module .ec-tile.with-orange-icon .cover {
visibility: visible
}
.ec-module .ec-tile.with-orange-icon .bg-for-icon {
background: rgba(47,53,61,0.15);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.ec-module .ec-tile.with-orange-icon .picto-play {
-webkit-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9);
-webkit-transition: .2s ease-out;
transition: .2s ease-out
}
.ec-module .ec-tile.with-orange-icon .picto {
width: 64px;
height: 64px;
background: #f25529;
border-radius: 50px;
margin-top: 8px;
margin-left: 8px;
font-size: 25px;
border-radius: 50%
}
.ec-module .ec-tile.with-orange-icon .picto:before {
margin-left: 4px;
margin-top: 20px
}
.ec-module.white-bg {
background-color: #fff
}
.ec-module.white-bg .ec-tile {
background-color: #f1f5f9
}
.ec-module.dark-bg {
background-color: #2f353d
}
.ec-module.dark-bg .ec-title {
color: #fff
}
@media (max-width: 61.1875em) {
.ec-module {
padding-top: 2.75em;
padding-bottom: 1.875em
}
.ec-module .ec-subtitle {
margin-top: 8px
}
.ec-module .m-container {
margin-top: 2.5em
}
.ec-module .picto-play {
width: 5.3125em;
height: 5.3125em
}
.ec-module .ec-tile.with-orange-icon .picto-play {
width: 80px;
height: 80px
}
.ec-module .infos {
padding: .625em .9375em 1.125em
}
}
@media (max-width: 47.9375em) {
.ec-module .sony-carousel-wrapper {
overflow: visible
}
.ec-module .sony-carousel-slide .container, .ec-module .sony-carousel-slide .slimgrid, .ec-module .sony-carousel-slide .grid {
width: auto
}
.ec-module .ec-subtitle {
margin-top: 10px
}
.ec-module .picto-play {
width: 3.75em;
height: 3.75em
}
.ec-module .picto-play .picto {
margin-top: 14px;
font-size: 2.6em
}
.ec-module .picto-play .picto.fonticon-30-controller {
margin-top: 0px;
font-size: 2.6em;
line-height: 1.3
}
.ec-module .picto-play .picto.fonticon-10-video-play {
font-size: 2em
}
.ec-module .ec-tile.with-orange-icon .picto-play {
width: 60px;
height: 60px
}
.ec-module .ec-tile.with-orange-icon .picto {
width: 50px;
height: 50px;
margin-top: 5px;
margin-left: 5px;
font-size: 23px
}
.ec-module .ec-tile.with-orange-icon .picto:before {
margin-left: 4px;
margin-top: 9px
}
.ec-module .sony-dot-nav {
margin-top: 1.5625em
}
.ec-module .infos {
padding: .5em .6875em .5625em
}
}
.highlights {
padding: 0 30px 30px 30px;
margin-bottom: 55px;
position: relative
}
.highlights .highlight-box-container ul {
margin: 0 auto;
list-style-type: none;
text-align: center
}
.highlights .highlight-box-container ul li {
display: inline-block;
padding: 6px 22px;
font-size: 1.125em;
line-height: 1.22222
}
.highlights .highlight-box-container ul .seperator {
color: #BCBCCC
}
.highlights .highlight-box-container .highlight-title {
width: 100%;
text-align: center;
margin-top: 30px;
font-family: "SST W01 Medium", "Helvetica Neue", Helvetica, Arial, sans-serif
}
.highlights .highlight-box-container .highlight-links {
display: block;
margin-top: 20px;
margin-bottom: 25px;
text-align: center
}
.highlights .highlight-box-container .highlight-links a {
display: inline-block;
color: #4572ED
}
.highlights .highlight-box-container .highlight-links a:hover .link-label, .highlights .highlight-box-container .highlight-links a:hover .icon {
color: #3C4C74
}
.highlights .highlight-box-container .highlight-links .icon {
color: #BCBCCC;
font-size: 1.2em
}
.highlights .highlight-box-container .highlight-links .link-label {
margin-left: .8em;
margin-top: 2px
}
.highlights .highlight-box-container .highlights-compare-link {
margin-left: 20px
}
.highlights.group-top {
padding-bottom: 0
}
.highlights.group-middle {
padding-top: 0;
padding-bottom: 0
}
.highlights.group-bottom {
padding-top: 0
}
.highlights.outerspace-top {
margin-top: 50px
}
.highlights.outerspace-bottom {
margin-bottom: 55px
}
.highlights.outerspace-both {
margin-top: 50px;
margin-bottom: 55px
}
.highlights.outerspace-none {
margin-top: 0;
margin-bottom: 0
}
.gray-bg {
background-color: #f1f5f9
}
.white-bg {
background-color: #fff
}
@media (max-width: 47.9375em) {
.highlights .highlight-box-container {
padding: 0 20px
}
.highlights .highlight-box-container .highlight-title, .highlights .highlight-box-container ul {
text-align: left;
margin-left: 0;
margin-right: 0
}
.highlights .highlight-box-container ul li {
display: block;
padding-left: 0;
padding-right: 0;
border-bottom: 1px solid #d3d1db;
font-size: .875em;
line-height: 1.5
}
.highlights .highlight-box-container ul li:last-child {
border: none
}
.highlights .highlight-box-container ul .seperator {
display: none
}
.highlights .highlight-box-container .highlight-links {
text-align: left
}
.highlights .highlight-box-container .highlight-links a {
display: block
}
.highlights .highlight-box-container .highlights-compare-link {
margin-left: 0
}
}
@media (max-width: 61.1875em) {
.highlights .highlight-box-container ul li {
font-size: .875em;
line-height: 1.5
}
}
.feedback-container #lws-title.container .link .btn-alt-special {
margin-top: 0px;
padding-right: 5em;
background: #5887f5
}
.feedback-container .lws-expanded .container .slide-toggle-container .slide-toggle-arrow {
position: static;
background: #fff;
box-shadow: none;
margin-bottom: -8px;
margin-left: auto;
margin-right: auto
}
.feedback-container .lws-expanded .table-center-wrap .table-center .box.center {
padding: 56px 52px 50px 52px
}
.feedback-container .lws-expanded .table-center-wrap .table-center .box.center #lws-feedback-form h3 {
text-align: center
}
.feedback-container .lws-expanded .table-center-wrap .table-center .box.center #lws-feedback-form .container.rating-wrapper {
width: 408px;
margin: 0px auto
}
.feedback-container .lws-expanded .table-center-wrap .table-center .box.center #lws-feedback-form .container.rating-wrapper .lws-radio-input-group table {
width: 100%
}
.feedback-container .lws-expanded .table-center-wrap .table-center .box.center #lws-feedback-form .container.rating-wrapper .lws-radio-input-group table td {
text-align: center;
position: relative
}
.feedback-container .lws-expanded .table-center-wrap .table-center .box.center #lws-feedback-form .container.rating-wrapper .lws-radio-input-group .lws-radio-input {
width: 1px;
opacity: 0;
position: absolute
}
.feedback-container .lws-expanded .table-center-wrap .table-center .box.center #lws-feedback-form .container.rating-wrapper .lws-radio-input-group .lws-radioLabel {
color: #bcbccc;
border-radius: 50%;
width: 38px;
height: 38px;
line-height: 33px;
font-size: 16px;
text-align: center;
border: 2px solid #bcbccc;
display: inline-block;
cursor: pointer;
background: none
}
.feedback-container .lws-expanded .table-center-wrap .table-center .box.center #lws-feedback-form .container.rating-wrapper .lws-radio-input-group .lws-radioLabel span {
display: inline-block;
vertical-align: middle
}
.feedback-container .lws-expanded .table-center-wrap .table-center .box.center #lws-feedback-form .container.rating-wrapper .lws-radio-input-group .lws-radioLabel:hover {
background: #bcbccc;
color: #fff
}
.feedback-container .lws-expanded .table-center-wrap .table-center .box.center #lws-feedback-form .container.rating-wrapper span.text-not-effective, .feedback-container .lws-expanded .table-center-wrap .table-center .box.center #lws-feedback-form .container.rating-wrapper span.text-very-effective {
text-transform: uppercase;
position: absolute;
bottom: -36px;
left: 50%;
width: 72px;
margin-left: -36px
}
.feedback-container .lws-expanded .table-center-wrap .table-center .box.center #lws-feedback-form .container.feedback-wrapper {
margin: 54px auto 20px auto
}
.feedback-container .lws-expanded .table-center-wrap .table-center .box.center #lws-feedback-form .container.feedback-wrapper .feedback-text {
resize: none;
width: 94%;
padding: 2% 3%;
height: 124px;
margin-top: 12px;
display: inline-block;
font-size: 12px
}
.feedback-container .lws-expanded .table-center-wrap .table-center .box.center #lws-feedback-form p.support-text {
float: left
}
.feedback-container .lws-expanded .table-center-wrap .table-center .box.center #lws-feedback-form p.support-text .text-space {
margin-left: 4px
}
@media (max-width: 48em) {
.feedback-container .lws-expanded .table-center-wrap .table-center .box.center #lws-feedback-form .container.rating-wrapper span.text-not-effective {
width: 66px;
margin-left: -33px
}
.feedback-container .lws-expanded .table-center-wrap .table-center .box.center #lws-feedback-form .container.rating-wrapper span.text-very-effective {
width: 66px;
margin-left: -33px
}
}
@media (max-width: 47.9375em) {
.feedback-container h2, .feedback-container .link {
text-align: center
}
.feedback-container .lws-expanded .table-center-wrap .table-center .box.center #lws-feedback-form .container.rating-wrapper .lws-radio-input-group .lws-radioLabel {
font-size: 12px;
line-height: 20px;
width: 25px;
height: 25px
}
}
@media (max-width: 30em) {
.feedback-container .lws-expanded .table-center-wrap .table-center .box.center #lws-feedback-form .container.rating-wrapper {
width: 100%
}
.feedback-container .lws-expanded .table-center-wrap .table-center .box.center #lws-feedback-form .container.rating-wrapper .lws-radio-input-group .lws-radioLabel {
width: 28px;
height: 28px;
line-height: 20px;
font-size: 9px
}
.feedback-container .lws-expanded .table-center-wrap .table-center .box.center #lws-feedback-form p.support-text {
font-size: 10px
}
.feedback-container .lws-expanded .table-center-wrap .table-center .box.center #lws-feedback-form .container.rating-wrapper .lws-radio-input-group .lws-radioLabel {
font-size: 12px;
line-height: 20px;
width: 25px;
height: 25px
}
.feedback-container .submit.btn.pull-right {
float: none;
width: 100%
}
}
@media (max-width: 22.5em) {
.feedback-container .lws-expanded .table-center-wrap .table-center .box.center {
padding: 20px
}
.feedback-container .submit.btn.pull-right {
float: none;
width: 100%
}
.feedback-container .lws-expanded .table-center-wrap .table-center .box.center #lws-feedback-form .container.rating-wrapper .lws-radio-input-group .lws-radioLabel {
font-size: 12px;
line-height: 20px
}
}
.blockquoteBefore, .editorial-chapters-container .submodule .hspot-global-details-overlay .overlay-inner .overlay-close .footer blockquote.l4:before, .editorial-chapters-container .submodule .hspot-global-details-overlay .overlay-inner .overlay-close .footer blockquote.l3:before, .editorial-chapters-container .submodule .hspot-global-details-overlay .overlay-inner .overlay-close .footer blockquote.label:before, .editorial-chapters-container .hotspot-instance .hspot-global-details-overlay .overlay-inner .overlay-close .footer blockquote.l4:before, .editorial-chapters-container .hotspot-instance .hspot-global-details-overlay .overlay-inner .overlay-close .footer blockquote.l3:before, .editorial-chapters-container .hotspot-instance .hspot-global-details-overlay .overlay-inner .overlay-close .footer blockquote.label:before, .editorial .submodule .hspot-global-details-overlay .overlay-inner .overlay-close .footer blockquote.l4:before, .editorial .submodule .hspot-global-details-overlay .overlay-inner .overlay-close .footer blockquote.l3:before, .editorial .submodule .hspot-global-details-overlay .overlay-inner .overlay-close .footer blockquote.label:before, .editorial .hotspot-instance .hspot-global-details-overlay .overlay-inner .overlay-close .footer blockquote.l4:before, .editorial .hotspot-instance .hspot-global-details-overlay .overlay-inner .overlay-close .footer blockquote.l3:before, .editorial .hotspot-instance .hspot-global-details-overlay .overlay-inner .overlay-close .footer blockquote.label:before, .editorial-chapters-container .hotspot-modal .overlay-inner .overlay-close .footer blockquote.l4:before, .editorial-chapters-container .hotspot-modal .overlay-inner .overlay-close .footer blockquote.l3:before, .editorial-chapters-container .hotspot-modal .overlay-inner .overlay-close .footer blockquote.label:before, .editorial .hotspot-modal .overlay-inner .overlay-close .footer blockquote.l4:before, .editorial .hotspot-modal .overlay-inner .overlay-close .footer blockquote.l3:before, .editorial .hotspot-modal .overlay-inner .overlay-close .footer blockquote.label:before, .overlay-base.variant1 .footer blockquote.l4:before, .overlay-base.variant2 .footer blockquote.l4:before {
display: block;
content: "\201C";
font-size: 40px;
font-family: Georgia;
position: absolute;
left: -24px;
top: -13px;
color: #293d54
}
.editorial.full-inner .inner {
z-index: 0
}
.logo-below-image {
display: none
}
.editorial-chapters-container .submodule, .editorial-chapters-container .image-module, .editorial .submodule, .editorial .image-module {
counter-reset: hotNumber 0
}
.editorial-chapters-container .eh-transparent, .editorial .eh-transparent {
-o-transition: opacity 0.5s, top 0s, left 0s;
-ms-transition: opacity 0.5s, top 0s, left 0s;
-moz-transition: opacity 0.5s, top 0s, left 0s;
-webkit-transition: opacity 0.5s, top 0s, left 0s;
transition: opacity 0.5s, top 0s, left 0s;
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0)
}
.editorial-chapters-container .eh-visible, .editorial .eh-visible {
-o-transition: opacity 0.5s, top 0s, left 0s;
-ms-transition: opacity 0.5s, top 0s, left 0s;
-moz-transition: opacity 0.5s, top 0s, left 0s;
-webkit-transition: opacity 0.5s, top 0s, left 0s;
transition: opacity 0.5s, top 0s, left 0s;
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
}
.editorial-chapters-container .no-movement, .editorial .no-movement {
-o-transition: opacity 0.5s, top 0s, left 0s;
-ms-transition: opacity 0.5s, top 0s, left 0s;
-moz-transition: opacity 0.5s, top 0s, left 0s;
-webkit-transition: opacity 0.5s, top 0s, left 0s;
transition: opacity 0.5s, top 0s, left 0s
}
.editorial-chapters-container .submodule .image-module, .editorial .submodule .image-module {
position: relative
}
.editorial-chapters-container .submodule, .editorial-chapters-container .hotspot-instance, .editorial .submodule, .editorial .hotspot-instance {
position: relative
}
.editorial-chapters-container .submodule .iq-img, .editorial-chapters-container .hotspot-instance .iq-img, .editorial .submodule .iq-img, .editorial .hotspot-instance .iq-img {
display: block;
margin-left: auto;
margin-right: auto
}
.editorial-chapters-container .submodule .hspot-outer.info-jump-to-top, .editorial-chapters-container .hotspot-instance .hspot-outer.info-jump-to-top, .editorial .submodule .hspot-outer.info-jump-to-top, .editorial .hotspot-instance .hspot-outer.info-jump-to-top {
z-index: 4
}
.editorial-chapters-container .submodule .overlay-close, .editorial-chapters-container .hotspot-instance .overlay-close, .editorial .submodule .overlay-close, .editorial .hotspot-instance .overlay-close {
position: relative
}
.editorial-chapters-container .submodule .hspot-global-details-overlay, .editorial-chapters-container .hotspot-instance .hspot-global-details-overlay, .editorial .submodule .hspot-global-details-overlay, .editorial .hotspot-instance .hspot-global-details-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
z-index: 6
}
.editorial-chapters-container .submodule .hspot-global-details-overlay .overlay-inner, .editorial-chapters-container .hotspot-instance .hspot-global-details-overlay .overlay-inner, .editorial .submodule .hspot-global-details-overlay .overlay-inner, .editorial .hotspot-instance .hspot-global-details-overlay .overlay-inner {
margin: 0px auto;
width: 230px;
background-color: #fff
}
.editorial-chapters-container .submodule .hspot-global-details-overlay .overlay-inner .overlay-close, .editorial-chapters-container .hotspot-instance .hspot-global-details-overlay .overlay-inner .overlay-close, .editorial .submodule .hspot-global-details-overlay .overlay-inner .overlay-close, .editorial .hotspot-instance .hspot-global-details-overlay .overlay-inner .overlay-close {
position: relative;
width: 230px;
-moz-box-shadow: 0 0 30px rgba(39,43,55,0.15);
-webkit-box-shadow: 0 0 30px rgba(39,43,55,0.15);
box-shadow: 0 0 30px rgba(39,43,55,0.15);
margin-top: 27px
}
.editorial-chapters-container .submodule .hspot-global-details-overlay .overlay-inner .overlay-close .top, .editorial-chapters-container .hotspot-instance .hspot-global-details-overlay .overlay-inner .overlay-close .top, .editorial .submodule .hspot-global-details-overlay .overlay-inner .overlay-close .top, .editorial .hotspot-instance .hspot-global-details-overlay .overlay-inner .overlay-close .top {
background-color: #fff
}
.editorial-chapters-container .submodule .hspot-global-details-overlay .overlay-inner .overlay-close .middle, .editorial-chapters-container .hotspot-instance .hspot-global-details-overlay .overlay-inner .overlay-close .middle, .editorial .submodule .hspot-global-details-overlay .overlay-inner .overlay-close .middle, .editorial .hotspot-instance .hspot-global-details-overlay .overlay-inner .overlay-close .middle {
background-color: #fff;
padding: 20px 30px 23px 20px;
border-bottom: 1px solid #e4e7eb;
position: relative
}
.editorial-chapters-container .submodule .hspot-global-details-overlay .overlay-inner .overlay-close .middle .p4, .editorial-chapters-container .submodule .hspot-global-details-overlay .overlay-inner .overlay-close .middle .p3, .editorial-chapters-container .hotspot-instance .hspot-global-details-overlay .overlay-inner .overlay-close .middle .p4, .editorial-chapters-container .hotspot-instance .hspot-global-details-overlay .overlay-inner .overlay-close .middle .p3, .editorial .submodule .hspot-global-details-overlay .overlay-inner .overlay-close .middle .p4, .editorial .submodule .hspot-global-details-overlay .overlay-inner .overlay-close .middle .p3, .editorial .hotspot-instance .hspot-global-details-overlay .overlay-inner .overlay-close .middle .p4, .editorial .hotspot-instance .hspot-global-details-overlay .overlay-inner .overlay-close .middle .p3 {
font-size: .75em;
line-height: 1.5;
margin-bottom: 4px
}
.editorial-chapters-container .submodule .hspot-global-details-overlay .overlay-inner .overlay-close .middle .p4.cHBI, .editorial-chapters-container .submodule .hspot-global-details-overlay .overlay-inner .overlay-close .middle .p3.cHBI, .editorial-chapters-container .hotspot-instance .hspot-global-details-overlay .overlay-inner .overlay-close .middle .p4.cHBI, .editorial-chapters-container .hotspot-instance .hspot-global-details-overlay .overlay-inner .overlay-close .middle .p3.cHBI, .editorial .submodule .hspot-global-details-overlay .overlay-inner .overlay-close .middle .p4.cHBI, .editorial .submodule .hspot-global-details-overlay .overlay-inner .overlay-close .middle .p3.cHBI, .editorial .hotspot-instance .hspot-global-details-overlay .overlay-inner .overlay-close .middle .p4.cHBI, .editorial .hotspot-instance .hspot-global-details-overlay .overlay-inner .overlay-close .middle .p3.cHBI {
margin-bottom: 0
}
.editorial-chapters-container .submodule .hspot-global-details-overlay .overlay-inner .overlay-close .middle.imageOnly, .editorial-chapters-container .submodule .hspot-global-details-overlay .overlay-inner .overlay-close .middle.image-caption, .editorial-chapters-container .hotspot-instance .hspot-global-details-overlay .overlay-inner .overlay-close .middle.imageOnly, .editorial-chapters-container .hotspot-instance .hspot-global-details-overlay .overlay-inner .overlay-close .middle.image-caption, .editorial .submodule .hspot-global-details-overlay .overlay-inner .overlay-close .middle.imageOnly, .editorial .submodule .hspot-global-details-overlay .overlay-inner .overlay-close .middle.image-caption, .editorial .hotspot-instance .hspot-global-details-overlay .overlay-inner .overlay-close .middle.imageOnly, .editorial .hotspot-instance .hspot-global-details-overlay .overlay-inner .overlay-close .middle.image-caption {
padding: 0;
border-bottom: none
}
.editorial-chapters-container .submodule .hspot-global-details-overlay .overlay-inner .overlay-close .footer, .editorial-chapters-container .hotspot-instance .hspot-global-details-overlay .overlay-inner .overlay-close .footer, .editorial .submodule .hspot-global-details-overlay .overlay-inner .overlay-close .footer, .editorial .hotspot-instance .hspot-global-details-overlay .overlay-inner .overlay-close .footer {
background-color: #fff;
padding: 20px 30px 20px 20px
}
.editorial-chapters-container .submodule .hspot-global-details-overlay .overlay-inner .overlay-close .footer p.p4, .editorial-chapters-container .submodule .hspot-global-details-overlay .overlay-inner .overlay-close .footer p.p3, .editorial-chapters-container .hotspot-instance .hspot-global-details-overlay .overlay-inner .overlay-close .footer p.p4, .editorial-chapters-container .hotspot-instance .hspot-global-details-overlay .overlay-inner .overlay-close .footer p.p3, .editorial .submodule .hspot-global-details-overlay .overlay-inner .overlay-close .footer p.p4, .editorial .submodule .hspot-global-details-overlay .overlay-inner .overlay-close .footer p.p3, .editorial .hotspot-instance .hspot-global-details-overlay .overlay-inner .overlay-close .footer p.p4, .editorial .hotspot-instance .hspot-global-details-overlay .overlay-inner .overlay-close .footer p.p3 {
font-size: .75em;
line-height: 1.5;
/*font-family: "SST W01 Italic", "SST W01 Roman", "SST W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-weight: 400;
font-style: normal;
color: #293d54;
margin-bottom: 9px
}
.editorial-chapters-container .submodule .hspot-global-details-overlay .overlay-inner .overlay-close .footer blockquote.l4, .editorial-chapters-container .submodule .hspot-global-details-overlay .overlay-inner .overlay-close .footer blockquote.l3, .editorial-chapters-container .submodule .hspot-global-details-overlay .overlay-inner .overlay-close .footer blockquote.label, .editorial-chapters-container .hotspot-instance .hspot-global-details-overlay .overlay-inner .overlay-close .footer blockquote.l4, .editorial-chapters-container .hotspot-instance .hspot-global-details-overlay .overlay-inner .overlay-close .footer blockquote.l3, .editorial-chapters-container .hotspot-instance .hspot-global-details-overlay .overlay-inner .overlay-close .footer blockquote.label, .editorial .submodule .hspot-global-details-overlay .overlay-inner .overlay-close .footer blockquote.l4, .editorial .submodule .hspot-global-details-overlay .overlay-inner .overlay-close .footer blockquote.l3, .editorial .submodule .hspot-global-details-overlay .overlay-inner .overlay-close .footer blockquote.label, .editorial .hotspot-instance .hspot-global-details-overlay .overlay-inner .overlay-close .footer blockquote.l4, .editorial .hotspot-instance .hspot-global-details-overlay .overlay-inner .overlay-close .footer blockquote.l3, .editorial .hotspot-instance .hspot-global-details-overlay .overlay-inner .overlay-close .footer blockquote.label {
color: #74747f;
position: relative;
margin-left: 24px;
font-size: .625em;
line-height: 1.6
}
.editorial-chapters-container .submodule .hspot-global-details-overlay .overlay-inner .overlay-close .hspot-close, .editorial-chapters-container .hotspot-instance .hspot-global-details-overlay .overlay-inner .overlay-close .hspot-close, .editorial .submodule .hspot-global-details-overlay .overlay-inner .overlay-close .hspot-close, .editorial .hotspot-instance .hspot-global-details-overlay .overlay-inner .overlay-close .hspot-close {
position: absolute;
top: 0;
right: 0
}
.editorial-chapters-container .submodule .variant1, .editorial-chapters-container .submodule .variant2, .editorial-chapters-container .hotspot-instance .variant1, .editorial-chapters-container .hotspot-instance .variant2, .editorial .submodule .variant1, .editorial .submodule .variant2, .editorial .hotspot-instance .variant1, .editorial .hotspot-instance .variant2 {
-o-transition: 0s;
-ms-transition: 0s;
-moz-transition: 0s;
-webkit-transition: 0s;
transition: 0s
}
.editorial-chapters-container.full-bleed-header-left .submodule, .editorial.full-bleed-header-left .submodule {
position: relative
}
.editorial-chapters-container .hotspot-modal .modal-body, .editorial-chapters-container .hotspot-modal .modal-inner, .editorial .hotspot-modal .modal-body, .editorial .hotspot-modal .modal-inner {
background-color: transparent;
box-shadow: 0 0 0 transparent;
-moz-box-shadow: 0 0 0 transparent;
-webkit-box-shadow: 0 0 0 transparent;
box-shadow: 0 0 0 transparent
}
.editorial-chapters-container .hotspot-modal .overlay-inner, .editorial .hotspot-modal .overlay-inner {
margin: 0px auto;
width: 280px;
background-color: #fff
}
.editorial-chapters-container .hotspot-modal .overlay-inner .overlay-close, .editorial .hotspot-modal .overlay-inner .overlay-close {
position: relative;
width: 280px;
-moz-box-shadow: 0 0 30px rgba(39,43,55,0.15);
-webkit-box-shadow: 0 0 30px rgba(39,43,55,0.15);
box-shadow: 0 0 30px rgba(39,43,55,0.15);
margin-top: 1em;
text-align: left
}
.editorial-chapters-container .hotspot-modal .overlay-inner .overlay-close .top, .editorial .hotspot-modal .overlay-inner .overlay-close .top {
background-color: #fff
}
.editorial-chapters-container .hotspot-modal .overlay-inner .overlay-close .middle, .editorial .hotspot-modal .overlay-inner .overlay-close .middle {
background-color: #fff;
padding: 30px 40px 29px 30px;
border-bottom: 1px solid #e4e7eb;
position: relative
}
.editorial-chapters-container .hotspot-modal .overlay-inner .overlay-close .middle p.p4, .editorial-chapters-container .hotspot-modal .overlay-inner .overlay-close .middle p.p3, .editorial .hotspot-modal .overlay-inner .overlay-close .middle p.p4, .editorial .hotspot-modal .overlay-inner .overlay-close .middle p.p3 {
margin-bottom: 7px
}
.editorial-chapters-container .hotspot-modal .overlay-inner .overlay-close .middle p.p4.cHBC, .editorial-chapters-container .hotspot-modal .overlay-inner .overlay-close .middle p.p3.cHBC, .editorial .hotspot-modal .overlay-inner .overlay-close .middle p.p4.cHBC, .editorial .hotspot-modal .overlay-inner .overlay-close .middle p.p3.cHBC {
margin-bottom: 0
}
.editorial-chapters-container .hotspot-modal .overlay-inner .overlay-close .middle.imageOnly, .editorial-chapters-container .hotspot-modal .overlay-inner .overlay-close .middle.image-caption, .editorial .hotspot-modal .overlay-inner .overlay-close .middle.imageOnly, .editorial .hotspot-modal .overlay-inner .overlay-close .middle.image-caption {
padding: 0;
border-bottom: none
}
.editorial-chapters-container .hotspot-modal .overlay-inner .overlay-close .footer, .editorial .hotspot-modal .overlay-inner .overlay-close .footer {
background-color: #fff;
padding: 18px 40px 0 30px;
height: 107px
}
.editorial-chapters-container .hotspot-modal .overlay-inner .overlay-close .footer p.p4, .editorial-chapters-container .hotspot-modal .overlay-inner .overlay-close .footer p.p3, .editorial .hotspot-modal .overlay-inner .overlay-close .footer p.p4, .editorial .hotspot-modal .overlay-inner .overlay-close .footer p.p3 {
/*font-family: "SST W01 Italic", "SST W01 Roman", "SST W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-weight: 400;
font-style: normal;
color: #293d54;
margin-bottom: 8px
}
.editorial-chapters-container .hotspot-modal .overlay-inner .overlay-close .footer blockquote.l4, .editorial-chapters-container .hotspot-modal .overlay-inner .overlay-close .footer blockquote.l3, .editorial-chapters-container .hotspot-modal .overlay-inner .overlay-close .footer blockquote.label, .editorial .hotspot-modal .overlay-inner .overlay-close .footer blockquote.l4, .editorial .hotspot-modal .overlay-inner .overlay-close .footer blockquote.l3, .editorial .hotspot-modal .overlay-inner .overlay-close .footer blockquote.label {
color: #74747f;
position: relative;
margin-left: 24px
}
.editorial-chapters-container .hotspot-modal .overlay-inner .overlay-close .hspot-close, .editorial-chapters-container .hotspot-modal .overlay-inner .overlay-close .box-close, .editorial .hotspot-modal .overlay-inner .overlay-close .hspot-close, .editorial .hotspot-modal .overlay-inner .overlay-close .box-close {
position: absolute;
top: 0;
right: 0
}
.editorial-chapters-container .hotspot-modal .tip-footnote, .editorial .hotspot-modal .tip-footnote {
padding: 30px 40px 29px 30px
}
.overlay-base {
position: absolute;
z-index: 3;
text-align: left;
cursor: default
}
.overlay-base .overlay-inner {
height: 100%;
background-color: #fff;
-moz-box-shadow: 0 0 30px rgba(39,43,55,0.15);
-webkit-box-shadow: 0 0 30px rgba(39,43,55,0.15);
box-shadow: 0 0 30px rgba(39,43,55,0.15);
border-color: transparent
}
.overlay-base .overlay-inner div {
color: #d2d2db
}
.overlay-base .overlay-inner.no-shadow {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none
}
.overlay-base.variant1.to-left {
left: -287px
}
.overlay-base.variant1.to-right {
left: 55px
}
.overlay-base.variant1 {
width: 280px
}
.overlay-base.variant1 .middle {
position: relative;
padding: 30px 40px 29px 30px
}
.overlay-base.variant1 .middle.none {
border: 0
}
.overlay-base.variant1 .middle .p3 {
margin-bottom: 7px
}
.overlay-base.variant1 .middle .p3.cHBC {
margin-bottom: 0
}
.overlay-base.variant1 .middle.imageOnly, .overlay-base.variant1 .middle.image-caption {
padding: 0;
border-bottom: none
}
.overlay-base.variant1 .footer {
padding: 18px 40px 0 30px;
height: 107px
}
.overlay-base.variant1 .footer .p3 {
margin-bottom: 8px;
/*font-family: "SST W01 Italic", "SST W01 Roman", "SST W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-weight: 400;
font-style: normal;
color: #293d54
}
.overlay-base.variant1 .footer blockquote.l4 {
position: relative;
margin-left: 24px;
color: #74747f
}
.overlay-base.variant2.to-left {
left: -238px
}
.overlay-base.variant2.to-right {
left: 55px
}
.overlay-base.variant2 {
width: 230px;
top: -124px;
left: 60px
}
.overlay-base.variant2 .middle {
padding: 20px 29px 23px 20px;
border-bottom: 1px solid #e4e7eb;
position: relative
}
.overlay-base.variant2 .middle .p4 {
margin-bottom: 4px
}
.overlay-base.variant2 .middle .p4.cHBI {
margin-bottom: 0
}
.overlay-base.variant2 .middle .arrow-left-top {
position: absolute;
top: 24px;
left: -7px
}
.overlay-base.variant2 .middle .arrow-right-top {
position: absolute;
top: 24px;
right: -8px
}
.overlay-base.variant2 .middle .arrow-left-bottom {
position: absolute;
top: 138px;
left: -7px
}
.overlay-base.variant2 .middle .arrow-right-bottom {
position: absolute;
top: 138px;
right: -7px
}
.overlay-base.variant2 .middle.imageOnly, .overlay-base.variant2 .middle.image-caption {
padding: 0;
border-bottom: none
}
.overlay-base.variant2 .footer {
padding: 20px 30px 0 20px;
height: 100px
}
.overlay-base.variant2 .footer p.p4 {
/*font-family: "SST W01 Italic", "SST W01 Roman", "SST W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-weight: 400;
font-style: normal;
color: #293d54;
margin-bottom: 5px
}
.overlay-base.variant2 .footer blockquote.l4 {
color: #74747f;
position: relative;
margin-left: 24px
}
.hotspot-module .hspot-outer {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none
}
.hotspot-module .black {
color: #000
}
.hotspot-module .black .overlay-inner {
background-color: #000;
color: #d2d2db
}
.hotspot-module .gray05 {
color: #1f2024
}
.hotspot-module .gray05 .overlay-inner {
background-color: #1f2024
}
.hotspot-module .gray05 .overlay-inner .t6, .hotspot-module .gray05 .overlay-inner h6 {
color: #d2d2db
}
.hotspot-module .gray10 {
color: #212530
}
.hotspot-module .gray10 .overlay-inner {
background-color: #212530
}
.hotspot-module .gray10 .overlay-inner .t6, .hotspot-module .gray10 .overlay-inner h6 {
color: #d2d2db
}
.hotspot-module .gray20 {
color: #2f353d
}
.hotspot-module .gray20 .overlay-inner {
background-color: #2f353d
}
.hotspot-module .gray20 .overlay-inner .t6, .hotspot-module .gray20 .overlay-inner h6 {
color: #d2d2db
}
.hotspot-module .black, .hotspot-module .black:before, .hotspot-module .black .t6, .hotspot-module .black h6, .hotspot-module .gray05, .hotspot-module .gray05:before, .hotspot-module .gray05 .t6, .hotspot-module .gray05 h6, .hotspot-module .gray10, .hotspot-module .gray10:before, .hotspot-module .gray10 .t6, .hotspot-module .gray10 h6, .hotspot-module .gray20, .hotspot-module .gray20:before, .hotspot-module .gray20 .t6, .hotspot-module .gray20 h6 {
color: #fff
}
.hotspot-module .gray25 {
color: #3c3c42
}
.hotspot-module .gray25 .overlay-inner {
background-color: #3c3c42
}
.hotspot-module .gray25 .overlay-inner .t6, .hotspot-module .gray25 .overlay-inner h6 {
color: #d2d2db
}
.hotspot-module .gray30 {
color: #504d56
}
.hotspot-module .gray30 .overlay-inner {
background-color: #504d56
}
.hotspot-module .gray30 .overlay-inner .t6, .hotspot-module .gray30 .overlay-inner h6 {
color: #d2d2db
}
.hotspot-module .gray40 {
color: #74747f
}
.hotspot-module .gray40 .overlay-inner {
background-color: #74747f
}
.hotspot-module .gray40 .overlay-inner div, .hotspot-module .gray40 .overlay-inner blockquote.l4, .hotspot-module .gray40 .overlay-inner .p3 {
color: #d2d2db
}
.hotspot-module .gray50 {
color: #bcbccc
}
.hotspot-module .gray50 .overlay-inner {
background-color: #bcbccc
}
.hotspot-module .gray60 {
color: #d2d2db
}
.hotspot-module .gray60 .overlay-inner {
background-color: #d2d2db
}
.hotspot-module .gray60 .overlay-inner div, .hotspot-module .gray60 .overlay-inner .t6, .hotspot-module .gray60 .overlay-inner h6 {
color: #2f353d
}
.hotspot-module .gray70 {
color: #e4e7eb
}
.hotspot-module .gray70 .overlay-inner {
background-color: #e4e7eb
}
.hotspot-module .gray75 {
color: #e8edf3
}
.hotspot-module .gray75 .overlay-inner {
background-color: #e8edf3
}
.hotspot-module .gray80 {
color: #f1f5f9
}
.hotspot-module .gray80 .overlay-inner {
background-color: #f1f5f9
}
.hotspot-module .gray90 {
color: #f3f4f6
}
.hotspot-module .gray90 .overlay-inner {
background-color: #f3f4f6
}
.hotspot-module .gray95 {
color: #f8f8fa
}
.hotspot-module .gray95 .overlay-inner {
background-color: #f8f8fa
}
.hotspot-module .white {
color: #fff
}
.hotspot-module .white .overlay-inner {
background-color: #fff
}
.hotspot-module .white .middle {
border-bottom: 1px solid #e4e7eb
}
.hotspot-module .none {
background-color: transparent;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border: none
}
.hotspot-module .none div {
background-color: transparent;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
color: #fff !important
}
.hotspot-module .arrow-left, .hotspot-module .arrow-right {
border: 10px solid transparent;
width: 0;
height: 0;
position: absolute;
z-index: 4
}
.hotspot-module .arrow-right {
top: 16px;
left: -7px;
border-left-width: 8px
}
.hotspot-module .arrow-right.gray05 {
border-left-color: #1f2024
}
.hotspot-module .arrow-right.gray10 {
border-left-color: #212530
}
.hotspot-module .arrow-right.gray20 {
border-left-color: #2f353d
}
.hotspot-module .arrow-right.gray25 {
border-left-color: #3c3c42
}
.hotspot-module .arrow-right.gray30 {
border-left-color: #504d56
}
.hotspot-module .arrow-right.gray40 {
border-left-color: #74747f
}
.hotspot-module .arrow-right.gray50 {
border-left-color: #bcbccc
}
.hotspot-module .arrow-right.gray60 {
border-left-color: #d2d2db
}
.hotspot-module .arrow-right.gray70 {
border-left-color: #e4e7eb
}
.hotspot-module .arrow-right.gray75 {
border-left-color: #e8edf3
}
.hotspot-module .arrow-right.gray80 {
border-left-color: #f1f5f9
}
.hotspot-module .arrow-right.gray90 {
border-left-color: #f3f4f6
}
.hotspot-module .arrow-right.gray95 {
border-left-color: #f8f8fa
}
.hotspot-module .arrow-right.black {
border-left-color: #000
}
.hotspot-module .arrow-right.white {
border-left-color: #fff
}
.hotspot-module .arrow-right.dark-gray {
border-left-color: #212530
}
.hotspot-module .arrow-right.none {
display: none
}
.hotspot-module .arrow-left {
top: 16px;
left: 37px;
border-right-width: 8px
}
.hotspot-module .arrow-left.gray05 {
border-right-color: #1f2024
}
.hotspot-module .arrow-left.gray10 {
border-right-color: #212530
}
.hotspot-module .arrow-left.gray20 {
border-right-color: #2f353d
}
.hotspot-module .arrow-left.gray25 {
border-right-color: #3c3c42
}
.hotspot-module .arrow-left.gray30 {
border-right-color: #504d56
}
.hotspot-module .arrow-left.gray40 {
border-right-color: #74747f
}
.hotspot-module .arrow-left.gray50 {
border-right-color: #bcbccc
}
.hotspot-module .arrow-left.gray60 {
border-right-color: #d2d2db
}
.hotspot-module .arrow-left.gray70 {
border-right-color: #e4e7eb
}
.hotspot-module .arrow-left.gray75 {
border-right-color: #e8edf3
}
.hotspot-module .arrow-left.gray80 {
border-right-color: #f1f5f9
}
.hotspot-module .arrow-left.gray90 {
border-right-color: #f3f4f6
}
.hotspot-module .arrow-left.gray95 {
border-right-color: #f8f8fa
}
.hotspot-module .arrow-left.black {
border-right-color: #000
}
.hotspot-module .arrow-left.white {
border-right-color: #fff
}
.hotspot-module .arrow-left.dark-gray {
border-right-color: #212530
}
.hotspot-module .arrow-left.none {
display: none
}
.hotspot-module .hspot-small .arrow-right, .hotspot-module .hspot-small .arrow-left {
border-width: 8px
}
.hotspot-module .hspot-small .arrow-right {
top: 13px;
left: -8px
}
.hotspot-module .hspot-small .arrow-left {
top: 13px;
left: 40px
}
.hotspot-module .hspot-outer {
position: absolute;
z-index: 1;
top: 0;
margin-top: -43px;
left: -30px;
width: 50px;
height: 50px;
background-color: rgba(80,77,86,0.3);
cursor: pointer;
color: #fff;
border-radius: 50%;
-webkit-transition: .1s;
transition: .1s
}
.hotspot-module .hspot-outer ul {
list-style-position: inside;
list-style-type: disc
}
.hotspot-module .hspot-outer .hspot-core, .hotspot-module .hspot-outer .hspot-core-on {
position: absolute;
display: block;
z-index: 2;
top: 50%;
left: 50%;
margin: -40px 0 0 -40px;
width: 80px;
height: 80px;
text-align: center;
font-size: 2em;
-webkit-transform: scale(.5);
-ms-transform: scale(.5);
transform: scale(.5);
border-radius: 50%;
-webkit-transition: 0.1s ease-out;
transition: 0.1s ease-out;
-webkit-backface-visibility: hidden
}
.hotspot-module .hspot-outer .hspot-core .icons, .hotspot-module .hspot-outer .hspot-core-on .icons {
position: absolute;
top: 50%;
left: 50%;
width: 100px;
margin: -30px 0 0 -50px
}
.hotspot-module .hspot-outer .hspot-core .icons i, .hotspot-module .hspot-outer .hspot-core-on .icons i {
margin: 0;
-webkit-font-smoothing: antialiased;
-webkit-transition: 0.1s ease-out;
transition: 0.1s ease-out;
-webkit-transition-property: all
}
.hotspot-module .hspot-outer .hspot-core.hspot-hover-on, .hotspot-module .hspot-outer .hspot-core-on.hspot-hover-on {
-webkit-transform: scale(.55);
-ms-transform: scale(.55);
transform: scale(.55)
}
.hotspot-module .hspot-outer .hspot-core.hspot-hover-on i, .hotspot-module .hspot-outer .hspot-core-on.hspot-hover-on i {
margin: 0 3px
}
.hotspot-module .hspot-outer .hspot-core {
background: #f25529
}
.hotspot-module .hspot-outer .hspot-core .icons i {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg)
}
.hotspot-module .hspot-outer .hspot-core.hspot-hover-on {
background: #d94c25
}
.hotspot-module .hspot-outer .hspot-core-on {
background: #504d56
}
.hotspot-module .hspot-outer .hspot-core-on .icons i {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.hotspot-module .hspot-outer .hspot-core-on .icons i.numbered-hotspot, .hotspot-module .hspot-outer .hspot-core-on .icons i.numbered-manual {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg)
}
.hotspot-module .hspot-outer .hspot-core-on .icons i.numbered-manual {
position: relative;
font-weight: bold;
top: 2px
}
.hotspot-module .hspot-outer .hspot-core-on.hspot-hover-on {
background: #74747f
}
.hotspot-module .hspot-outer .spot-container .numbered-hotspot:before {
counter-increment: hotNumber 1;
content: counter(hotNumber);
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg)
}
.hotspot-module .hspot-outer .hspot-logo, .hotspot-module .hspot-outer .hspot-imageonly, .hotspot-module .hspot-outer .hspot-logo img {
max-width: 380px;
width: auto
}
.hotspot-module .hspot-outer .hspot-logo {
position: absolute
}
.hotspot-module .hspot-outer .hspot-logo img, .hotspot-module .hspot-outer .hspot-imageonly {
position: relative
}
.hotspot-module .hspot-outer .hspot-addon {
pointer-events: none;
width: 280px;
display: inline-block
}
.hotspot-module .hspot-outer .hspot-addon ul {
list-style-position: inside;
list-style-type: disc
}
.hotspot-module .hspot-outer .hspot-addon .linkgroup {
pointer-events: all
}
.hotspot-module .hspot-outer .hspot-addon h5, .hotspot-module .hspot-outer .hspot-addon p {
margin-bottom: 0;
margin-top: 0
}
.hotspot-module .hspot-outer .hspot-addon.left-justify h5, .hotspot-module .hspot-outer .hspot-addon.left-justify p {
text-align: left
}
.hotspot-module .hspot-outer .hspot-addon.center-justify h5, .hotspot-module .hspot-outer .hspot-addon.center-justify p {
text-align: center
}
.hotspot-module .hspot-outer .hspot-addon.inline-justify {
vertical-align: bottom
}
.hotspot-module .hspot-outer .hspot-addon.inline-justify h5, .hotspot-module .hspot-outer .hspot-addon.inline-justify p {
text-align: left;
display: inline;
vertical-align: bottom;
height: 100%
}
.hotspot-module .hspot-outer .hspot-addon.inline-justify p {
display: inline-block;
margin-bottom: 1px
}
.hotspot-module .hspot-outer .hspot-addon p {
margin-top: .5em
}
.hotspot-module .hspot-outer .hspot-label {
position: absolute;
top: 16px;
left: 54px;
width: 140px;
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
text-align: left;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto
}
.hotspot-module .hspot-outer .hspot-label.label-right {
top: 16px;
left: 54px
}
.hotspot-module .hspot-outer .hspot-label.label-left {
top: 16px;
left: auto;
right: 54px;
text-align: right
}
.hotspot-module .hspot-outer .hspot-label.label-top {
top: auto;
bottom: 42px;
left: -44px;
right: auto;
text-align: center
}
.hotspot-module .hspot-outer .hspot-label.label-bottom {
top: 50px;
left: -44px;
bottom: auto;
right: auto;
text-align: center
}
.hotspot-module .hspot-outer.hspot-small {
margin-top: -20px;
left: -15px;
width: 42px;
height: 42px
}
.hotspot-module .hspot-outer.hspot-small .overlay-base.variant1.to-right {
left: 48px
}
.hotspot-module .hspot-outer.hspot-small .hspot-core {
margin: -32px 0 0 -32px;
width: 64px;
height: 64px
}
.hotspot-module .hspot-outer.hspot-small .hspot-core .icons i.numbered-manual {
position: relative;
font-weight: bold;
top: 2px
}
.hotspot-module .hspot-outer.hspot-small .hspot-core-on {
margin: -32px 0 0 -32px;
width: 64px;
height: 64px
}
.hotspot-module .hspot-outer.hspot-small .hspot-label {
top: 12px
}
.hotspot-module .hspot-outer.hspot-small .hspot-label.label-right {
left: 44px
}
.hotspot-module .hspot-outer.hspot-small .hspot-label.label-left {
right: 44px
}
.hotspot-module .hspot-outer.hspot-small .hspot-label.label-top {
bottom: 34px;
left: -52px
}
.hotspot-module .hspot-outer.hspot-small .hspot-label.label-bottom {
top: 41px;
left: -52px
}
.hotspot-module .hspot-outer.hide-spot, .hotspot-module .hspot-outer.hspot-always-open, .hotspot-module .hspot-outer.hspot-mode-addOn, .hotspot-module .hspot-outer.hspot-mode-textonly, .hotspot-module .hspot-outer.hspot-mode-imageonly {
background: none
}
.hotspot-module .hspot-outer.hide-spot .hspot-core, .hotspot-module .hspot-outer.hspot-always-open .hspot-core, .hotspot-module .hspot-outer.hspot-mode-addOn .hspot-core, .hotspot-module .hspot-outer.hspot-mode-textonly .hspot-core, .hotspot-module .hspot-outer.hspot-mode-imageonly .hspot-core {
display: none !important
}
.hotspot-module .hspot-outer.hide-spot .hspot-core-on, .hotspot-module .hspot-outer.hspot-always-open .hspot-core-on, .hotspot-module .hspot-outer.hspot-mode-addOn .hspot-core-on, .hotspot-module .hspot-outer.hspot-mode-textonly .hspot-core-on, .hotspot-module .hspot-outer.hspot-mode-imageonly .hspot-core-on {
display: none !important
}
.hotspot-module .hspot-outer.hspot-mode-textonly p.gray05 {
color: #000
}
.hotspot-module .fonticon-10-plus-sm {
display: none
}
.hspot-small .hotspot-module .fonticon-10-plus-sm {
display: inline-block
}
.hotspot-module .fonticon-10-plus-skinny {
display: inline-block
}
.hspot-small .hotspot-module .fonticon-10-plus-skinny {
display: none
}
.hotspot-module .hspot-small .fonticon-10-plus-sm {
display: inline-block
}
.hotspot-module .hspot-small .fonticon-10-plus-skinny {
display: none
}
@media (min-width: 48em) and (max-width: 64em) {
.hotspot-module .arrow-left {
left: 38px
}
.hotspot-module .variant1 .t6, .hotspot-module .variant1 h6 {
font-size: 1.125em;
line-height: 1.44444;
margin-bottom: 8px
}
.hotspot-module .variant1 .p3 {
font-size: .8125em;
line-height: 1.53846
}
.hotspot-module .variant1 .linkgroup {
font-size: .75em;
line-height: 1.5
}
.hotspot-module .variant2 .t7 {
font-size: .9375em;
line-height: 1.46667;
margin-bottom: 6px
}
.hotspot-module .variant2 .p4 {
font-size: .75em;
line-height: 1.5
}
.hotspot-module .variant2 .linkgroup {
font-size: .75em;
line-height: 1.5
}
}
@media (min-width: 35.5em) and (max-width: 47.9375em) {
.logo-below-image {
padding: 3px 0 3px 20px;
display: block;
height: auto
}
.hotspot-modal.modal {
position: absolute;
max-height: 800px
}
.editorial .hotspot-modal {
z-index: 1050
}
.editorial .hotspot-modal .modal-body, .editorial .hotspot-modal .modal-inner {
background-color: transparent;
box-shadow: 0 0 0 transparent;
-moz-box-shadow: 0 0 0 transparent;
-webkit-box-shadow: 0 0 0 transparent
}
.editorial .hotspot-modal .overlay-inner {
margin: 0px auto;
width: 280px;
background-color: #fff
}
.editorial .hotspot-modal .overlay-inner .overlay-close {
position: relative;
width: 280px;
-moz-box-shadow: 0 0 30px rgba(39,43,55,0.15);
-webkit-box-shadow: 0 0 30px rgba(39,43,55,0.15);
box-shadow: 0 0 30px rgba(39,43,55,0.15);
margin-top: 1em;
text-align: left
}
.editorial .hotspot-modal .overlay-inner .overlay-close .top {
background-color: #fff
}
.editorial .hotspot-modal .overlay-inner .overlay-close .middle {
background-color: #fff;
padding: 30px 40px 29px 30px;
border-bottom: 1px solid #e4e7eb;
position: relative
}
.editorial .hotspot-modal .overlay-inner .overlay-close .middle p.p4, .editorial .hotspot-modal .overlay-inner .overlay-close .middle p.p3 {
margin-bottom: 7px
}
.editorial .hotspot-modal .overlay-inner .overlay-close .middle p.p4.cHBC, .editorial .hotspot-modal .overlay-inner .overlay-close .middle p.p3.cHBC {
margin-bottom: 0
}
}
@media (max-width: 47.9375em) {
.hide-overlay-logo {
display: none
}
.logo-below-image {
display: block
}
.logo-below-image.white {
background-color: #fff
}
.logo-below-image.gray {
background-color: #e4e7eb
}
.logo-below-image.blue {
background-color: #2f353d
}
.editorial-chapters-container .editorial-carousel-wrapper.chapter-pane {
overflow: visible;
position: static
}
.editorial.full-inner .submodule .hotspot-module, .editorial.full-tout .submodule .hotspot-module, .editorial.full .submodule .hotspot-module {
z-index: auto
}
.editorial .submodule .arrow-right, .editorial .submodule .arrow-left, .editorial .image-module .arrow-right, .editorial .image-module .arrow-left {
display: none
}
.editorial .hspot-small .arrow-right, .editorial .hspot-small .arrow-left {
display: none
}
.editorial {
overflow: visible
}
.editorial .submodule .hspot-outer, .editorial .hotspot-instance .hspot-outer {
left: -15px;
margin-top: -20px;
width: 42px;
height: 42px;
z-index: auto
}
.editorial .submodule .hspot-outer .hspot-core, .editorial .submodule .hspot-outer .hspot-core-on, .editorial .hotspot-instance .hspot-outer .hspot-core, .editorial .hotspot-instance .hspot-outer .hspot-core-on {
margin: -32px 0 0 -32px;
width: 64px;
height: 64px
}
}
@media (max-width: 35.4375em) {
.logo-below-image {
padding: 0 0 0 10px;
display: block;
height: 50px
}
.editorial.full-inner .submodule .hotspot-module, .editorial.full-tout .submodule .hotspot-module, .editorial.full .submodule .hotspot-module {
z-index: auto
}
.hotspot-modal.modal {
position: fixed;
max-height: none
}
.hotspot-module .t6, .hotspot-module h6 {
color: #000 !important
}
.hotspot-module .fonticon-10-plus-sm {
display: inline-block
}
.hotspot-module .fonticon-10-plus-skinny {
display: none
}
.editorial .no-grid-at-767.modal, .editorial .no-grid-at-767 .modal {
left: 0;
right: 0
}
.editorial .hotspot-modal {
background: white;
width: 100%;
min-height: 100%;
height: 100% !important;
margin: 0;
overflow-x: hidden;
overflow-y: auto
}
.editorial .hotspot-modal .container {
margin: 0px;
padding: 0px;
width: 100%
}
.editorial .hotspot-modal .container .modal-inner {
width: 100%
}
.editorial .hotspot-modal .container .modal-inner .modal-body {
padding: 0px
}
.editorial .hotspot-modal .container .modal-inner .modal-body .overlay-inner {
padding: 0px;
margin: 0px;
width: 100%
}
.editorial .hotspot-modal .container .modal-inner .modal-body .overlay-inner .overlay-close {
width: 100%;
height: 100%;
margin: 0px
}
.editorial .hotspot-modal .container .modal-inner .modal-body .overlay-inner .overlay-close .top {
width: 100%;
padding-left: 0px;
padding-right: 0px
}
.editorial .hotspot-modal .container .modal-inner .modal-body .overlay-inner .overlay-close .top img {
width: 100%
}
.editorial .submodule .hspot-outer.hspot-small .hspot-label, .editorial .hotspot-instance .hspot-outer.hspot-small .hspot-label {
display: none
}
}
.editorial-video-container.full-bleed {
max-height: 620px;
overflow: hidden;
position: relative
}
.editorial-video-container.full-bleed .full-bleed-video-wrap {
bottom: 0;
left: 0;
position: absolute;
top: 0;
width: 100%;
overflow: hidden
}
.editorial-video-container.full-bleed .full-bleed-video-wrap .flowplayer {
bottom: 0;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.editorial-video-container.full-bleed .full-bleed-video-wrap .flowplayer video {
min-height: 100%;
min-width: 100%;
height: auto;
width: auto
}
.container .editorial-slideshow-container {
margin-bottom: 0
}
.container .editorial-slideshow-container .container {
width: 100%
}
.container .editorial-slideshow-container .editorial-carousel-wrapper {
width: 100%
}
.media-element .editorial-slideshow-container .editorial-carousel-wrapper {
max-height: 620px;
height: 100%
}
.lt-ie10 .media-element .editorial-slideshow-container .editorial-carousel-wrapper {
height: 540px
}
.media-element .editorial-slideshow-container.all-videos .editorial-carousel-wrapper {
max-height: initial
}
.editorial-slideshow-container.full {
margin-bottom: 2.5em
}
.editorial-slideshow-container.normal, .media-element .editorial-slideshow-container {
margin-bottom: 0
}
.editorial-slideshow-container .editorial-slideshow {
position: relative
}
.editorial-slideshow-container .editorial-carousel-wrapper {
position: relative;
height: 540px;
overflow: hidden;
width: 100%
}
.editorial-slideshow-container .editorial-carousel {
-webkit-backface-visibility: hidden;
position: relative;
width: 9000px;
height: 100%;
float: left;
opacity: 0;
filter: alpha(opacity=0)
}
.editorial-slideshow-container .editorial-carousel-slide {
-webkit-backface-visibility: hidden;
margin-left: 2px;
margin-right: 2px;
position: relative;
width: 600px;
height: 100%;
float: left;
display: block;
transition: opacity 0.35s ease-out
}
.editorial-slideshow-container .editorial-carousel-slide.sony-fade-slide {
margin-right: -100%
}
.editorial-slideshow-container .editorial-carousel-slide.active {
opacity: 1
}
.editorial-slideshow-container .editorial-carousel-slide .hero {
height: 100%
}
.editorial-slideshow-container .editorial-carousel-slide .editorial.mediaright .image-module, .editorial-slideshow-container .editorial-carousel-slide .editorial.medialeft .submodule .image-module {
height: auto !important
}
.editorial-slideshow-container .editorial-carousel-slide .editorial.mediaright .hotspot-module, .editorial-slideshow-container .editorial-carousel-slide .editorial.medialeft .submodule .hotspot-module {
height: auto !important
}
.editorial.medialeft .editorial-slideshow-container .editorial-carousel-slide .editorial.full, .editorial.mediaright .editorial-slideshow-container .editorial-carousel-slide .editorial.full {
padding: 10px
}
.editorial.medialeft .editorial-slideshow-container .editorial-carousel-slide .edv .edv-images, .editorial.mediaright .editorial-slideshow-container .editorial-carousel-slide .edv .edv-images {
height: 240px
}
.editorial.medialeft .editorial-slideshow-container .editorial-carousel-slide .e360 div.image-module, .editorial.mediaright .editorial-slideshow-container .editorial-carousel-slide .e360 div.image-module {
height: 260px
}
.editorial.medialeft .editorial-slideshow-container .editorial-carousel-slide .sony-video.full-bleed, .editorial.mediaright .editorial-slideshow-container .editorial-carousel-slide .sony-video.full-bleed {
height: 270px !important;
width: 98%
}
.editorial.medialeft .editorial-slideshow-container .editorial-carousel-slide .hotspot-module, .editorial.medialeft .editorial-slideshow-container .editorial-carousel-slide .image-module, .editorial.mediaright .editorial-slideshow-container .editorial-carousel-slide .hotspot-module, .editorial.mediaright .editorial-slideshow-container .editorial-carousel-slide .image-module {
height: 240px
}
.editorial-slideshow-container .editorial-carousel-slide img {
width: 100%
}
.editorial-slideshow-container .editorial-carousel-slide.submodule-slide img {
width: auto
}
.editorial-slideshow-container .editorial-carousel-slide.submodule-slide section {
padding: 0 0 0 0
}
.editorial-slideshow-container .editorial-carousel-slide .hero {
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
height: 100%
}
.editorial-slideshow-container .submodule-slide {
margin-left: 0px;
margin-right: 0px
}
.editorial-slideshow-container .editorial-slideshow .slide-band.box {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 1em;
margin: 0;
text-align: right
}
.media-element .editorial-slideshow-container .editorial-slideshow .slide-band.box {
padding: .6875em 1em
}
.editorial-slideshow-container .editorial-slideshow .slide-band.box p {
margin-bottom: 0
}
.editorial-slideshow-container .editorial-slideshow .dark-text-light-box .slide-band.box {
background: rgba(255,255,255,0.95)
}
.editorial-slideshow-container .editorial-slideshow .light-text-trans-box .slide-band.box {
background: transparent
}
.editorial-slideshow-container .editorial-slideshow .light-text-trans-box .slide-band.box p {
color: #fff
}
.editorial-slideshow-container .editorial-slideshow .light-text-trans-box .slide-band.box a:not(.btn) {
color: #fff
}
.editorial-slideshow-container .editorial-slideshow .light-text-dark-box .slide-band.box a:not(.btn) {
color: #fff
}
.editorial-slideshow-container .t2, .editorial-slideshow-container h2 {
color: #2f353d
}
.editorial-slideshow-container .p2, .editorial-slideshow-container p {
color: #74747f
}
.editorial-slideshow-container a.opt-link {
color: #4572ed;
display: block
}
.editorial-slideshow-container .sony-video {
line-height: 1;
font-size: 0
}
.lt-ie9 .media-element.span6 {
width: 52%
}
.lt-ie9 .span6 {
width: 44%
}
.lt-ie8 .editorial-slideshow-container .editorial-slideshow .slide-band.box {
text-indent: 1em;
padding-right: 0;
padding-left: 0
}
.lt-ie10 .editorial-slideshow-container .editorial-carousel-slide .hero {
padding-top: 57%;
height: 104%
}
.lt-ie10 .editorial.medialeft .editorial-slideshow-container .editorial-carousel-wrapper, .lt-ie10 .editorial.mediaright .editorial-slideshow-container .editorial-carousel-wrapper {
height: 100%
}
.editorial-slideshow-container .sony-slider-wrapper {
overflow: visible
}
.sony-slider.editorial-carousel {
width: 100%;
height: 100%
}
.sony-slider .editorial-carousel-slide {
width: 100%
}
.sony-slider .slick-track, .sony-slider .slick-list {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.sony-slider .editorial-carousel-slide, .sony-slider .slick-track, .sony-slider .slick-list, .sony-slider .editorial-carousel-slide .hero {
height: 100%
}
.sony-slider .pagination-bullets {
bottom: -30px
}
.sony-slider .pagination-paddles {
display: none !important
}
.sony-slider.sony-slider-focus .pagination-paddles:not(.slick-disabled) {
display: block !important
}
.touch .sony-slider .pagination-paddles .nav-paddle, .touch .sony-slider .pagination-paddles .pagination-paddle {
display: initial
}
@media (min-width: 87.5em) {
.editorial-slideshow-container .pagination-paddles button.pagination-next {
margin-right: -39.45em
}
.editorial-slideshow-container .pagination-paddles button.pagination-prev {
margin-left: -39.45em
}
}
@media (min-width: 45em) and (max-width: 50em) {
.editorial.medialeft .editorial-slideshow-container .editorial-carousel-slide .hero, .editorial.mediaright .editorial-slideshow-container .editorial-carousel-slide .hero {
background-size: contain
}
}
@media (max-width: 47.9375em) {
.editorial.full .mixed-content .box {
margin-bottom: 0
}
.editorial-slideshow-container .editorial-carousel-wrapper {
margin-bottom: 40px
}
.editorial-chapters .editorial-slideshow-container .editorial-carousel-wrapper {
margin-bottom: 0
}
.editorial-slideshow-container.full {
margin-bottom: 0
}
.editorial-slideshow-container .pagination-paddles button.pagination-next {
right: 2%;
margin-right: 0
}
.editorial-slideshow-container .pagination-paddles button.pagination-prev {
left: 2%;
margin-left: 0
}
.editorial-slideshow-container .sony-dot-nav {
margin-top: 20px
}
}
@media (min-width: 75em) {
.editorial-slideshow-container .editorial-carousel-wrapper {
height: 620px
}
.editorial-slideshow-container .editorial-carousel-wrapper.slide-modules {
height: auto
}
}
@media (min-width: 48em) and (max-width: 61.1875em) {
.editorial-slideshow-container .editorial-carousel-wrapper {
height: 440px
}
.editorial-slideshow-container .editorial-carousel-wrapper.slide-modules {
height: auto
}
}
@media (max-width: 47.9375em) {
.editorial-slideshow-container .editorial-carousel-wrapper {
height: 320px
}
.editorial-slideshow-container .editorial-carousel-wrapper.slide-modules {
height: auto
}
}
@media (max-width: 30em) {
.editorial-slideshow-container .editorial-carousel-wrapper {
height: 250px
}
.editorial-slideshow-container .editorial-carousel-wrapper.slide-modules {
height: auto
}
}
@media (min-width: 61.1875em) and (max-width: 75em) {
.editorial-slideshow-container.normal .editorial-slideshow {
height: 325px
}
}
@media (min-width: 75em) {
.editorial-slideshow-container.normal .editorial-slideshow {
height: 365px
}
}
@media (min-width: 48em) and (max-width: 61.1875em) {
.editorial-slideshow-container.normal .editorial-slideshow {
height: 300px
}
}
@media (max-width: 47.9375em) {
.editorial-slideshow-container.normal .editorial-slideshow {
height: 320px
}
}
@media (max-width: 30em) {
.editorial-slideshow-container.normal .editorial-slideshow {
height: 250px
}
}
.editorial-slideshow-container.all-videos .editorial-carousel-wrapper, .editorial-slideshow-container.all-videos.normal .editorial-slideshow {
height: 100%
}
@media (max-width: 47.9375em) {
.editorial-slideshow-container {
height: auto;
padding-bottom: 50px
}
.editorial-slideshow-container .sony-dot-nav {
margin-top: -10px
}
}
@media (max-width: 30em) {
.editorial-slideshow-container {
height: auto;
padding-bottom: 50px
}
.editorial-slideshow-container .sony-dot-nav {
margin-top: -10px
}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.editorial.medialeft .editorial-slideshow-container .editorial-carousel-slide .hero, .editorial.mediaright .editorial-slideshow-container .editorial-carousel-slide .hero {
background-size: contain
}
}
@media (max-width: 25.875em) {
.editorial-slideshow-container .editorial-slideshow .editorial-carousel-slide .hero {
background-size: contain
}
.editorial-slideshow-container .editorial-slideshow .editorial-carousel-slide.light-text-trans-box .slide-band.box {
bottom: 40px;
font-size: .55em;
left: -5px
}
}
@media (min-width: 47.9375em) and (max-width: 48em) {
.editorial-slideshow-container .full-inner .inner {
position: relative
}
.editorial-slideshow-container .dark-text-trans-box h1, .editorial-slideshow-container .dark-text-trans-box h2, .editorial-slideshow-container .dark-text-trans-box h3, .editorial-slideshow-container .dark-text-trans-box h4, .editorial-slideshow-container .dark-text-trans-box h5, .editorial-slideshow-container .dark-text-trans-box h6, .editorial-slideshow-container .dark-text-trans-box .addon .copy {
color: #2f353d
}
.editorial-slideshow-container .light-text-trans-box h1, .editorial-slideshow-container .light-text-trans-box h2, .editorial-slideshow-container .light-text-trans-box h3, .editorial-slideshow-container .light-text-trans-box h4, .editorial-slideshow-container .light-text-trans-box h5, .editorial-slideshow-container .light-text-trans-box h6, .editorial-slideshow-container .light-text-trans-box .addon .copy {
color: #2f353d
}
.editorial-slideshow-container .light-text-trans-box .box {
background-color: #f1f5f9
}
.editorial-slideshow-container .box {
margin-top: 0;
margin-bottom: 16px;
padding: 22px 18px 26px 18px
}
.editorial-slideshow-container .no-grid-at-767 {
width: 100%
}
.editorial-slideshow-container .no-grid-at-767 .span1, .editorial-slideshow-container .no-grid-at-767 .span2, .editorial-slideshow-container .no-grid-at-767 .span3, .editorial-slideshow-container .no-grid-at-767 .span4, .editorial-slideshow-container .no-grid-at-767 .span5, .editorial-slideshow-container .no-grid-at-767 .span6, .editorial-slideshow-container .no-grid-at-767 .span7, .editorial-slideshow-container .no-grid-at-767 .span8, .editorial-slideshow-container .no-grid-at-767 .span9, .editorial-slideshow-container .no-grid-at-767 .span10, .editorial-slideshow-container .no-grid-at-767 .span11, .editorial-slideshow-container .no-grid-at-767 .span12 {
float: none;
width: auto
}
.editorial-slideshow-container .no-grid-at-767 .t3, .editorial-slideshow-container .no-grid-at-767 h3, .editorial-slideshow-container .no-grid-at-767 .t3-light, .editorial-slideshow-container .no-grid-at-767 .t3-bold, .editorial-slideshow-container .no-grid-at-767 h3 {
font-size: 1.375em;
line-height: 1.18182;
margin-bottom: 16px;
letter-spacing: 0em;
color: #2f353d
}
.editorial-slideshow-container .no-grid-at-767 .addon {
max-width: none;
margin-top: 24px
}
.editorial-slideshow-container .no-grid-at-767 .t7 {
font-size: 0.875em;
line-height: 1.5
}
}
.subnav-module {
-webkit-transition: opacity 250ms;
transition: opacity 250ms;
margin-bottom: -1px;
border-bottom: 1px solid #e4e7eb;
opacity: 0
}
.no-opacity .subnav-module {
visibility: hidden
}
.subnav-module.active {
opacity: 1
}
.no-opacity .subnav-module.active {
visibility: visible
}
.subnav-module header {
padding: 27px 0 8px
}
.subnav-module nav {
position: relative;
height: 155px;
background-color: #f1f5f9;
box-shadow: 0 4px 8px rgba(39,43,55,0.15)
}
.subnav-module nav .grid {
position: relative
}
.subnav-module nav .subnav-nav-carousel-wrapper {
position: relative;
width: 2000%;
text-align: center
}
.subnav-module nav .subnav-nav-carousel-wrapper.sony-carousel-active {
text-align: left
}
.subnav-module nav .subnav-nav-carousel-slide {
-webkit-transform: translateZ(0);
float: left;
width: 5%;
height: 100%;
margin-right: .18%
}
.subnav-module nav .subcategory-link {
-webkit-transition: border-width 150ms, opacity 500ms;
transition: border-width 150ms, opacity 500ms;
height: 155px;
display: inline-block;
border-bottom-style: solid;
border-bottom-color: #5887f5;
cursor: pointer;
float: none;
text-align: center;
vertical-align: top
}
.csstransitions.opacity .subnav-module nav .subcategory-link {
opacity: 0
}
.csstransitions.opacity .subnav-module nav .subcategory-link.on {
opacity: 1
}
.subnav-module nav .subcategory-link.on i {
opacity: 1
}
.no-opacity .subnav-module nav .subcategory-link.on i {
visibility: visible
}
.lt-ie8 .subnav-module nav .subcategory-link {
display: inline;
float: left;
border-bottom-style: none
}
.subnav-module nav .subcategory-link.active {
border-bottom-width: 4px
}
.no-touch .subnav-module nav .subcategory-link:hover, .no-touch .subnav-module nav .subcategory-link:focus {
border-bottom-width: 4px
}
.subnav-module nav .subcategory-link p {
color: #2f353d
}
.subnav-module nav .subcategory-link i {
opacity: 0;
position: relative;
top: -20px;
color: #bcbccc
}
.no-opacity .subnav-module nav .subcategory-link i {
visibility: hidden
}
.lt-ie8 .subnav-module nav .subcategory-link i {
top: 0px
}
.subnav-module nav img {
max-height: 50px;
margin: 38px 0 12px
}
.subnav-module .subnav-tray {
-webkit-transition: height 350ms ease-out;
transition: height 350ms ease-out;
position: relative;
overflow: hidden
}
.subnav-module .subnav-tray .subcategory {
-webkit-transition: opacity 350ms ease-out;
transition: opacity 350ms ease-out;
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
padding-top: 46px;
z-index: 0;
-webkit-backface-visibility: hidden
}
.no-opacity .subnav-module .subnav-tray .subcategory {
visibility: hidden
}
.subnav-module .subnav-tray .subcategory.active {
opacity: 1;
z-index: 1
}
.no-opacity .subnav-module .subnav-tray .subcategory.active {
visibility: visible
}
.subnav-module .subnav-tray .subcategory .general-links {
text-align: right
}
.subnav-module .subnav-tray .subcategory .general-links .accesories-link {
position: relative;
display: inline-block;
margin: 6px 0 8px 8px;
padding: 6px 0 0 34px
}
.subnav-module .subnav-tray .subcategory .general-links .accesories-link i {
position: absolute;
top: 2px;
left: -8px;
color: #bcbccc
}
.subnav-module .subnav-tray .subcategory .general-links .all-products-link {
margin-left: 32px
}
.subnav-module .subnav-tray .subcategory .general-links .all-products-link i {
margin-right: 8px;
font-size: 1.2em
}
.subnav-module .subnav-tray .subcategory .mobile-links {
display: none
}
.subnav-module .subnav-tray .subcategory .product {
position: relative;
margin-bottom: 30px
}
.subnav-module .subnav-tray .subcategory .product i {
position: absolute;
top: 50%;
right: 0;
display: none;
margin-top: -0.5em;
font-size: 1.8em
}
.subnav-module .subnav-tray .subcategory .product .compare-link .compare-link-icon {
margin-right: .5em;
color: #bcbccc;
font-size: 1.2em
}
.subnav-module .subnav-tray .subcategory .product .compare-link {
margin-top: -30px;
display: block
}
.subnav-module .subnav-tray .subcategory .product .subnav-product-count, .subnav-module .subnav-tray .subcategory .product .compare-link {
color: #5887f5
}
.subnav-module .subnav-tray .subcategory .product .summary h1 {
margin-bottom: 0
}
.subnav-module .subnav-tray .subcategory .product:hover .image {
background-color: #f1f5f9
}
.subnav-module .subnav-tray .subcategory .product:hover .subnav-product-count, .subnav-module .subnav-tray .subcategory .product:hover .compare-link, .subnav-module .subnav-tray .subcategory .product:hover .compare-link .compare-link-icon {
color: #293d54
}
.subnav-module .subnav-tray .subcategory .image {
-webkit-transition: background-color 350ms;
transition: background-color 350ms;
margin-bottom: 8px;
text-align: center
}
.subnav-module .subnav-tray .subcategory .image img {
margin: 0 0 16px
}
.subnav-module .subnav-tray .subcategory h4 {
margin: 0
}
.subnav-module .subnav-tray .subcategory .details {
padding-bottom: 1.1875em;
margin-bottom: 12px
}
.subnav-module .subnav-tray .subcategory .message {
margin: 0 0 10px
}
.subnav-module .subnav-tray .subcategory .product-price {
margin-bottom: 12px
}
.subnav-module .subnav-tray .subcategory .marketing-tout {
margin-bottom: 40px
}
.subnav-module .subnav-tray .subcategory .marketing-tout img {
-webkit-transition: opacity 0.25s linear;
transition: opacity 0.25s linear;
width: 100%
}
.subnav-module .subnav-tray .subcategory .marketing-tout p {
margin: 0;
padding: 20px 26px 24px;
background-color: #212530;
color: #bcbccc
}
.subnav-module .subnav-tray .subcategory .marketing-tout p .highlight {
color: #fff
}
.subnav-module .subnav-tray .subcategory .marketing-tout i {
-webkit-transition: left 0.25s linear;
transition: left 0.25s linear;
position: relative
}
.subnav-module .subnav-tray .subcategory .marketing-tout:hover i {
left: .125em
}
.subnav-module .subnav-tray .subcategory .marketing-tout:hover img {
opacity: 0.9
}
.subnav-module .subnav-tray .subcategory .subnav-accessories>div {
margin-bottom: 40px;
padding: 33px 30px;
background: #f1f5f9
}
.subnav-module .subnav-tray .subcategory .subnav-accessories>div a {
color: #4572ed
}
.subnav-module .subnav-tray .subcategory .subnav-accessories>div a:hover {
color: #3c4c74
}
.subnav-module .subnav-tray .subcategory .subnav-accessories>div ul {
margin: 0
}
.subnav-module .subnav-tray .subcategory .subnav-accessories>div ul .p3 {
line-height: 1;
margin-bottom: 14px
}
.subnav-module .subnav-tray .subcategory .subnav-accessories>div ul li {
line-height: 1.5em
}
.subnav-module .subnav-tray .subcategory .subnav-accessories>div ul li:last-child {
margin-bottom: 0
}
.subnav-module .subnav-tray .subcategory .subnav-accessories>div .l2 {
margin-bottom: 5px
}
.subnav-module .subnav-tray .third-level-nav {
margin-left: 0;
padding-top: 23px;
padding-bottom: 65px;
border-top: 2px solid #e4e7eb
}
.subnav-module .subnav-tray .third-level-nav .third-level-icon {
float: left;
margin-right: .5em;
color: #bcbccc;
font-size: 1.2em
}
.subnav-module .subnav-tray .third-level-nav .third-level-text {
color: #5887f5;
float: left;
margin-right: 45px;
margin-bottom: 20px;
line-height: 1.2em
}
.subnav-module .subnav-tray .third-level-nav :hover i, .subnav-module .subnav-tray .third-level-nav li :hover {
color: #293d54
}
@media (max-width: 61.1875em) {
.subnav-module .subnav-tray .subcategory .product {
margin-bottom: 8px;
margin-top: 20px
}
.subnav-module .subnav-tray .subcategory .general-links {
text-align: left
}
.subnav-module .subnav-tray .subcategory .general-links .all-products-link {
float: left;
margin: 0
}
.subnav-module .subnav-tray .subcategory .details {
margin-bottom: 8px
}
}
@media (max-width: 47.9375em) {
.subnav-module header {
padding: 15px 0 0
}
.subnav-module header h2 {
margin-bottom: 14px
}
.subnav-module nav {
height: 105px
}
.subnav-module nav .subcategory-link {
height: 105px
}
.subnav-module nav .subnav-nav-carousel-slide {
width: 4.26%
}
.subnav-module nav .subnav-nav-carousel-slide img {
margin: 20px 0 7px
}
.subnav-module nav .container {
width: 100%;
margin: 0 0 0 1.8%
}
.subnav-module nav .container .grid {
width: 100%;
margin: 0;
text-align: left
}
.subnav-module .subnav-tray .subcategory {
padding-top: 29px
}
.subnav-module .subnav-tray .subcategory h3 {
margin-bottom: 6px
}
.subnav-module .subnav-tray .subcategory .marketing-tout p {
padding: 13px 25px 23px
}
}
@media (max-width: 29.9375em) {
.subnav-module nav .subcategory-link p {
line-height: 1.1em;
word-wrap: break-word
}
.subnav-module nav .subcategory-link i {
top: -16px
}
.subnav-module nav .subnav-nav-carousel-slide {
width: 4%;
margin: 0 0 0 .15%;
text-align: left
}
.subnav-module nav .subnav-nav-carousel-slide img {
max-width: 85%;
margin: 20px 0 5px
}
.subnav-module .subnav-tray .subcategory {
padding-top: 22px
}
.subnav-module .subnav-tray .subcategory h3 {
display: none
}
.subnav-module .subnav-tray .subcategory .image {
float: left;
width: 27%
}
.subnav-module .subnav-tray .subcategory .image img {
max-width: 100%;
margin: 12px 0 0
}
.subnav-module .subnav-tray .subcategory .product {
margin: 8px 0 2px;
border-top: 1px solid #ddd;
overflow: auto;
padding: 12px 0 0
}
.subnav-module .subnav-tray .subcategory .product i {
display: block
}
.subnav-module .subnav-tray .subcategory .product .message {
margin: 0 0 8px
}
.subnav-module .subnav-tray .subcategory .product:hover .image {
background-color: transparent
}
.subnav-module .subnav-tray .subcategory .details {
width: 55%;
margin-left: 4%;
float: left;
margin-bottom: 0;
padding-bottom: 0
}
.subnav-module .subnav-tray .subcategory .price {
position: relative
}
.subnav-module .subnav-tray .subcategory .general-links .accesories-link {
display: none
}
.subnav-module .subnav-tray .subcategory .general-links .all-products-link {
width: 100%;
float: left;
margin: 0
}
.subnav-module .subnav-tray .subcategory .marketing-tout {
margin-bottom: 12px;
padding: 12px 0 0;
border-top: 1px solid #ddd
}
.subnav-module .subnav-tray .subcategory .marketing-tout img {
width: auto;
float: left;
height: 110px
}
.subnav-module .subnav-tray .subcategory .marketing-tout p {
display: table;
height: 110px;
padding: 0 32px 0 24px
}
.subnav-module .subnav-tray .subcategory .marketing-tout p>span {
display: table-cell;
vertical-align: middle
}
.subnav-module .subnav-tray .subcategory .mobile-links {
margin-bottom: 20px;
padding: 4px 0 0;
display: block;
border-top: 1px solid #dddddd
}
.subnav-module .subnav-tray .subcategory .mobile-links .accesories-link {
display: block
}
.subnav-module .subnav-tray .subcategory.has-accessory-list .mobile-links .accesories-link {
display: none
}
.subnav-module .subnav-tray .subcategory .subnav-accessories>div {
margin-bottom: 12px
}
}