@charset "UTF-8";
/* ==========================================================================
AC Sasskit Tools
========================================================================== */
html {
font-size: 100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%; }
body {
margin: 0;
padding: 0; }
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hgroup,
p,
blockquote,
figure,
form,
fieldset,
input,
legend,
pre,
abbr,
button {
margin: 0;
padding: 0; }
pre,
code,
address,
caption,
th,
figcaption {
font-size: 1em;
font-weight: normal;
font-style: normal; }
fieldset,
iframe,
img {
border: 0; }
caption,
th {
text-align: left; }
table {
border-collapse: collapse;
border-spacing: 0; }
article,
aside,
footer,
header,
nav,
main,
section,
summary,
details,
hgroup,
figure,
figcaption {
display: block; }
audio,
canvas,
video,
progress {
display: inline-block;
vertical-align: baseline; }
button {
background: none;
border: 0;
box-sizing: content-box;
color: inherit;
cursor: pointer;
font: inherit;
line-height: inherit;
overflow: visible;
vertical-align: inherit; }
button:disabled {
cursor: default; }
a:focus,
input:focus,
textarea:focus,
select:focus,
button:focus,
[tabindex]:focus {
outline: 3px solid #c1e0fe;
outline: 3px solid rgba(131, 192, 253, 0.5);
outline-offset: 1px; }
a:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select), a:focus[data-focus-method="touch"]:not(input):not(textarea):not(select),
input:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select),
input:focus[data-focus-method="touch"]:not(input):not(textarea):not(select),
textarea:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select),
textarea:focus[data-focus-method="touch"]:not(input):not(textarea):not(select),
select:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select),
select:focus[data-focus-method="touch"]:not(input):not(textarea):not(select),
button:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select),
button:focus[data-focus-method="touch"]:not(input):not(textarea):not(select),
[tabindex]:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select),
[tabindex]:focus[data-focus-method="touch"]:not(input):not(textarea):not(select) {
outline: none; }
a::-moz-focus-inner,
input::-moz-focus-inner,
textarea::-moz-focus-inner,
select::-moz-focus-inner,
button::-moz-focus-inner,
[tabindex]::-moz-focus-inner {
border: 0;
padding: 0; }
@media print {
body,
#main,
#content {
color: #000; }
a,
a:link,
a:visited {
color: #000;
text-decoration: none; }
#globalheader,
#globalfooter,
#directorynav,
#tabs,
.noprint,
.hide {
display: none; } }
html {
font-family: "SF Pro Text", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-size: 62.5%;
quotes: "“" "”"; }
:lang(ar) {
font-family: "Gulf", "Myriad Set Pro", "Helvetica", "Arial", sans-serif; }
:lang(ja-JP) {
font-family: "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "MS Pゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
:lang(ko-KR) {
font-family: "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
:lang(th-TH) {
font-family: "SF Pro Text", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
:lang(zh-CN) {
font-family: "HanHei SC", "PingHei", "PingFang SC", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
:lang(zh-HK) {
font-family: "HanHei TC", "MHei", "PingFang HK", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
:lang(zh-MO) {
font-family: "HanHei TC", "MHei", "PingFang HK", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
:lang(zh-TW) {
font-family: "HanHei TC", "MHei", "PingFang TC", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
:lang(de) {
quotes: "„" "“"; }
:lang(fr) {
quotes: "« " " »"; }
:lang(es-ES) {
quotes: "«" "»"; }
:lang(ja-JP) {
quotes: "「" "」"; }
:lang(no-NO) {
quotes: "«" "»"; }
:lang(zh) {
quotes: "「" "」"; }
:lang(zh-CN) {
quotes: "“" "”"; }
body {
font-size: 18px;
line-height: 1.4446;
font-weight: 400;
letter-spacing: 0em;
background-color: white;
color: #333333;
font-style: normal; }
body:lang(ar) {
line-height: 1.5; }
body:lang(zh) {
font-size: 17px;
line-height: 1.82353; }
.theme-dark {
background: #000000; }
color: #cccccc; }
.theme-light {
color: #000000; }
body,
input,
textarea,
select,
button {
font-synthesis: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: 'liga', 'kern';
direction: ltr;
text-align: left; }
body:lang(tr-TR),
input:lang(tr-TR),
textarea:lang(tr-TR),
select:lang(tr-TR),
button:lang(tr-TR) {
-webkit-font-variant-ligatures: no-common-ligatures;
-moz-font-variant-ligatures: no-common-ligatures;
font-variant-ligatures: no-common-ligatures;
-moz-font-feature-settings: 'kern'; }
a {
color: #0070c9; }
a:link, a:visited {
text-decoration: none; }
a:hover {
text-decoration: underline; }
a:active {
text-decoration: none; }
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 0.45em 0; }
* + h1, * +
h2, * +
h3, * +
h4, * +
h5, * +
h6 {
margin-top: 1em; }
h1 img,
h2 img,
h3 img,
h4 img,
h5 img,
h6 img {
display: block;
margin: 0; }
b,
strong {
font-weight: 700; }
html.ie8 b, html.ie8 strong {
font-family: "SF Pro Text 700", "SF Pro Text", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
html.ie8 b, html.ie8 strong {
font-weight: normal; }
html.ie8 b:lang(ar), html.ie8 strong:lang(ar) {
font-family: "Gulf 700", "Gulf", "Myriad Set Pro 700", "Myriad Set Pro", "Helvetica", "Arial", sans-serif; }
html.ie8 b:lang(ja-JP), html.ie8 strong:lang(ja-JP) {
font-family: "Apple TP 700", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "MS Pゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
html.ie8 b:lang(ko-KR), html.ie8 strong:lang(ko-KR) {
font-family: "Yoon Gothic 700", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
html.ie8 b:lang(th-TH), html.ie8 strong:lang(th-TH) {
font-family: "Sukhumvit Set 700", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
html.ie8 b:lang(zh-CN), html.ie8 strong:lang(zh-CN) {
font-family: "HanHei SC 700", "HanHei SC", "PingHei 700", "PingHei", "PingFang SC", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
html.ie8 b:lang(zh-HK), html.ie8 strong:lang(zh-HK) {
font-family: "HanHei TC 700", "HanHei TC", "MHei 700", "MHei", "PingFang HK", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
html.ie8 b:lang(zh-MO), html.ie8 strong:lang(zh-MO) {
font-family: "HanHei TC 700", "HanHei TC", "MHei 700", "MHei", "PingFang HK", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
html.ie8 b:lang(zh-TW), html.ie8 strong:lang(zh-TW) {
font-family: "HanHei TC 700", "HanHei TC", "MHei 700", "MHei", "PingFang TC", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
em,
i,
cite,
dfn {
font-style: italic; }
p {
margin: 0 0 1em 0; }
li li {
font-size: 1em; }
ul,
ol {
margin: 1em 0 1em 2em; }
ul ul,
ul ol,
ol ul,
ol ol {
margin-top: 0;
margin-bottom: 0; }
nav ul, nav
ol {
list-style: none;
margin: 0; }
sup {
font-size: .6em;
opacity: .8;
vertical-align: top;
position: relative;
bottom: -.2em; }
h1 sup,
h2 sup,
h3 sup {
font-size: .4em; }
html.ie8 h4 sup, html.ie8 h5 sup, html.ie8 h6 sup {
font-size: .8em;
font-weight: normal;
line-height: 1;
bottom: auto; }
sup a {
color: #333333; }
sup a:hover {
color: #0070c9;
text-decoration: none; }
sub {
line-height: 1; }
abbr {
border: 0; }
:lang(ja), :lang(ko), :lang(th), :lang(zh) {
font-style: normal; }
:lang(ko) {
word-break: keep-all; }
.selfclear:before, .selfclear:after {
content: ' ';
display: table; }
.selfclear:after {
clear: both; }
.visuallyhidden {
position: absolute;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(0px 0px 99.9% 99.9%);
clip-path: inset(0px 0px 99.9% 99.9%);
overflow: hidden;
height: 1px;
width: 1px;
padding: 0;
border: 0; }
.imagereplace {
overflow: hidden;
text-indent: 100%;
white-space: nowrap; }
.nowrap {
display: inline-block;
text-decoration: inherit;
white-space: nowrap; }
.clear {
clear: both; }
#top {
position: absolute;
top: 0; }
.cursor-grab {
cursor: move;
cursor: -webkit-grab;
cursor: grab; }
.cursor-grabbing {
cursor: move;
cursor: -webkit-grabbing;
cursor: grabbing; }
.row {
position: relative;
z-index: 1; }
.row:before, .row:after {
content: ' ';
display: table; }
.row:after {
clear: both; }
.column {
box-sizing: border-box;
position: relative;
z-index: 1;
margin: 0;
padding: 0;
float: left;
min-height: 2px; }
.large-offset-0 {
margin-left: 0; }
.large-push-0 {
left: auto;
right: auto; }
.large-pull-0 {
right: auto;
left: auto; }
.large-1 {
width: 8.33333%; }
html.ie8 .large-1 {
width: 8.325%; }
.large-offset-1 {
margin-left: 8.33333%; }
html.ie8 .large-offset-1 {
margin-left: 8.325%; }
.large-push-1 {
left: 8.33333%;
right: auto; }
.large-pull-1 {
right: 8.33333%;
left: auto; }
.large-2 {
width: 16.66667%; }
html.ie8 .large-2 {
width: 16.65%; }
.large-offset-2 {
margin-left: 16.66667%; }
html.ie8 .large-offset-2 {
margin-left: 16.65%; }
.large-push-2 {
left: 16.66667%;
right: auto; }
.large-pull-2 {
right: 16.66667%;
left: auto; }
.large-3 {
width: 25%; }
html.ie8 .large-3 {
width: 24.975%; }
.large-offset-3 {
margin-left: 25%; }
html.ie8 .large-offset-3 {
margin-left: 24.975%; }
.large-push-3 {
left: 25%;
right: auto; }
.large-pull-3 {
right: 25%;
left: auto; }
.large-4 {
width: 33.33333%; }
html.ie8 .large-4 {
width: 33.3%; }
.large-offset-4 {
margin-left: 33.33333%; }
html.ie8 .large-offset-4 {
margin-left: 33.3%; }
.large-push-4 {
left: 33.33333%;
right: auto; }
.large-pull-4 {
right: 33.33333%;
left: auto; }
.large-5 {
width: 41.66667%; }
html.ie8 .large-5 {
width: 41.625%; }
.large-offset-5 {
margin-left: 41.66667%; }
html.ie8 .large-offset-5 {
margin-left: 41.625%; }
.large-push-5 {
left: 41.66667%;
right: auto; }
.large-pull-5 {
right: 41.66667%;
left: auto; }
.large-6 {
width: 50%; }
html.ie8 .large-6 {
width: 49.95%; }
.large-offset-6 {
margin-left: 50%; }
html.ie8 .large-offset-6 {
margin-left: 49.95%; }
.large-push-6 {
left: 50%;
right: auto; }
.large-pull-6 {
right: 50%;
left: auto; }
.large-7 {
width: 58.33333%; }
html.ie8 .large-7 {
width: 58.275%; }
.large-offset-7 {
margin-left: 58.33333%; }
html.ie8 .large-offset-7 {
margin-left: 58.275%; }
.large-push-7 {
left: 58.33333%;
right: auto; }
.large-pull-7 {
right: 58.33333%;
left: auto; }
.large-8 {
width: 66.66667%; }
html.ie8 .large-8 {
width: 66.6%; }
.large-offset-8 {
margin-left: 66.66667%; }
html.ie8 .large-offset-8 {
margin-left: 66.6%; }
.large-push-8 {
left: 66.66667%;
right: auto; }
.large-pull-8 {
right: 66.66667%;
left: auto; }
.large-9 {
width: 75%; }
html.ie8 .large-9 {
width: 74.925%; }
.large-offset-9 {
margin-left: 75%; }
html.ie8 .large-offset-9 {
margin-left: 74.925%; }
.large-push-9 {
left: 75%;
right: auto; }
.large-pull-9 {
right: 75%;
left: auto; }
.large-10 {
width: 83.33333%; }
html.ie8 .large-10 {
width: 83.25%; }
.large-offset-10 {
margin-left: 83.33333%; }
html.ie8 .large-offset-10 {
margin-left: 83.25%; }
.large-push-10 {
left: 83.33333%;
right: auto; }
.large-pull-10 {
right: 83.33333%;
left: auto; }
.large-11 {
width: 91.66667%; }
html.ie8 .large-11 {
width: 91.575%; }
.large-offset-11 {
margin-left: 91.66667%; }
html.ie8 .large-offset-11 {
margin-left: 91.575%; }
.large-push-11 {
left: 91.66667%;
right: auto; }
.large-pull-11 {
right: 91.66667%;
left: auto; }
.large-12 {
width: 100%; }
html.ie8 .large-12 {
width: 99.9%; }
.large-offset-12 {
margin-left: 100%; }
html.ie8 .large-offset-12 {
margin-left: 99.9%; }
.large-push-12 {
left: 100%;
right: auto; }
.large-pull-12 {
right: 100%;
left: auto; }
.large-centered {
margin-left: auto;
margin-right: auto;
float: none; }
.large-uncentered {
margin-left: 0;
margin-right: 0; }
.large-last {
float: right; }
.large-notlast {
float: left; }
@media only screen and (min-width: 1442px) {
.xlarge-offset-0 {
margin-left: 0; }
.xlarge-push-0 {
left: auto;
right: auto; }
.xlarge-pull-0 {
right: auto;
left: auto; }
.xlarge-1 {
width: 8.33333%; }
.xlarge-offset-1 {
margin-left: 8.33333%; }
.xlarge-push-1 {
left: 8.33333%;
right: auto; }
.xlarge-pull-1 {
right: 8.33333%;
left: auto; }
.xlarge-2 {
width: 16.66667%; }
.xlarge-offset-2 {
margin-left: 16.66667%; }
.xlarge-push-2 {
left: 16.66667%;
right: auto; }
.xlarge-pull-2 {
right: 16.66667%;
left: auto; }
.xlarge-3 {
width: 25%; }
.xlarge-offset-3 {
margin-left: 25%; }
.xlarge-push-3 {
left: 25%;
right: auto; }
.xlarge-pull-3 {
right: 25%;
left: auto; }
.xlarge-4 {
width: 33.33333%; }
.xlarge-offset-4 {
margin-left: 33.33333%; }
.xlarge-push-4 {
left: 33.33333%;
right: auto; }
.xlarge-pull-4 {
right: 33.33333%;
left: auto; }
.xlarge-5 {
width: 41.66667%; }
.xlarge-offset-5 {
margin-left: 41.66667%; }
.xlarge-push-5 {
left: 41.66667%;
right: auto; }
.xlarge-pull-5 {
right: 41.66667%;
left: auto; }
.xlarge-6 {
width: 50%; }
.xlarge-offset-6 {
margin-left: 50%; }
.xlarge-push-6 {
left: 50%;
right: auto; }
.xlarge-pull-6 {
right: 50%;
left: auto; }
.xlarge-7 {
width: 58.33333%; }
.xlarge-offset-7 {
margin-left: 58.33333%; }
.xlarge-push-7 {
left: 58.33333%;
right: auto; }
.xlarge-pull-7 {
right: 58.33333%;
left: auto; }
.xlarge-8 {
width: 66.66667%; }
.xlarge-offset-8 {
margin-left: 66.66667%; }
.xlarge-push-8 {
left: 66.66667%;
right: auto; }
.xlarge-pull-8 {
right: 66.66667%;
left: auto; }
.xlarge-9 {
width: 75%; }
.xlarge-offset-9 {
margin-left: 75%; }
.xlarge-push-9 {
left: 75%;
right: auto; }
.xlarge-pull-9 {
right: 75%;
left: auto; }
.xlarge-10 {
width: 83.33333%; }
.xlarge-offset-10 {
margin-left: 83.33333%; }
.xlarge-push-10 {
left: 83.33333%;
right: auto; }
.xlarge-pull-10 {
right: 83.33333%;
left: auto; }
.xlarge-11 {
width: 91.66667%; }
.xlarge-offset-11 {
margin-left: 91.66667%; }
.xlarge-push-11 {
left: 91.66667%;
right: auto; }
.xlarge-pull-11 {
right: 91.66667%;
left: auto; }
.xlarge-12 {
width: 100%; }
.xlarge-offset-12 {
margin-left: 100%; }
.xlarge-push-12 {
left: 100%;
right: auto; }
.xlarge-pull-12 {
right: 100%;
left: auto; }
.xlarge-centered {
margin-left: auto;
margin-right: auto;
float: none; }
.xlarge-uncentered {
margin-left: 0;
margin-right: 0; }
.xlarge-last {
float: right; }
.xlarge-notlast {
float: left; } }
@media only screen and (max-width: 1068px) {
.medium-offset-0 {
margin-left: 0; }
.medium-push-0 {
left: auto;
right: auto; }
.medium-pull-0 {
right: auto;
left: auto; }
.medium-1 {
width: 8.33333%; }
.medium-offset-1 {
margin-left: 8.33333%; }
.medium-push-1 {
left: 8.33333%;
right: auto; }
.medium-pull-1 {
right: 8.33333%;
left: auto; }
.medium-2 {
width: 16.66667%; }
.medium-offset-2 {
margin-left: 16.66667%; }
.medium-push-2 {
left: 16.66667%;
right: auto; }
.medium-pull-2 {
right: 16.66667%;
left: auto; }
.medium-3 {
width: 25%; }
.medium-offset-3 {
margin-left: 25%; }
.medium-push-3 {
left: 25%;
right: auto; }
.medium-pull-3 {
right: 25%;
left: auto; }
.medium-4 {
width: 33.33333%; }
.medium-offset-4 {
margin-left: 33.33333%; }
.medium-push-4 {
left: 33.33333%;
right: auto; }
.medium-pull-4 {
right: 33.33333%;
left: auto; }
.medium-5 {
width: 41.66667%; }
.medium-offset-5 {
margin-left: 41.66667%; }
.medium-push-5 {
left: 41.66667%;
right: auto; }
.medium-pull-5 {
right: 41.66667%;
left: auto; }
.medium-6 {
width: 50%; }
.medium-offset-6 {
margin-left: 50%; }
.medium-push-6 {
left: 50%;
right: auto; }
.medium-pull-6 {
right: 50%;
left: auto; }
.medium-7 {
width: 58.33333%; }
.medium-offset-7 {
margin-left: 58.33333%; }
.medium-push-7 {
left: 58.33333%;
right: auto; }
.medium-pull-7 {
right: 58.33333%;
left: auto; }
.medium-8 {
width: 66.66667%; }
.medium-offset-8 {
margin-left: 66.66667%; }
.medium-push-8 {
left: 66.66667%;
right: auto; }
.medium-pull-8 {
right: 66.66667%;
left: auto; }
.medium-9 {
width: 75%; }
.medium-offset-9 {
margin-left: 75%; }
.medium-push-9 {
left: 75%;
right: auto; }
.medium-pull-9 {
right: 75%;
left: auto; }
.medium-10 {
width: 83.33333%; }
.medium-offset-10 {
margin-left: 83.33333%; }
.medium-push-10 {
left: 83.33333%;
right: auto; }
.medium-pull-10 {
right: 83.33333%;
left: auto; }
.medium-11 {
width: 91.66667%; }
.medium-offset-11 {
margin-left: 91.66667%; }
.medium-push-11 {
left: 91.66667%;
right: auto; }
.medium-pull-11 {
right: 91.66667%;
left: auto; }
.medium-12 {
width: 100%; }
.medium-offset-12 {
margin-left: 100%; }
.medium-push-12 {
left: 100%;
right: auto; }
.medium-pull-12 {
right: 100%;
left: auto; }
.medium-centered {
margin-left: auto;
margin-right: auto;
float: none; }
.medium-uncentered {
margin-left: 0;
margin-right: 0; }
.medium-last {
float: right; }
.medium-notlast {
float: left; } }
@media only screen and (max-width: 735px) {
.small-offset-0 {
margin-left: 0; }
.small-push-0 {
left: auto;
right: auto; }
.small-pull-0 {
right: auto;
left: auto; }
.small-1 {
width: 8.33333%; }
.small-offset-1 {
margin-left: 8.33333%; }
.small-push-1 {
left: 8.33333%;
right: auto; }
.small-pull-1 {
right: 8.33333%;
left: auto; }
.small-2 {
width: 16.66667%; }
.small-offset-2 {
margin-left: 16.66667%; }
.small-push-2 {
left: 16.66667%;
right: auto; }
.small-pull-2 {
right: 16.66667%;
left: auto; }
.small-3 {
width: 25%; }
.small-offset-3 {
margin-left: 25%; }
.small-push-3 {
left: 25%;
right: auto; }
.small-pull-3 {
right: 25%;
left: auto; }
.small-4 {
width: 33.33333%; }
.small-offset-4 {
margin-left: 33.33333%; }
.small-push-4 {
left: 33.33333%;
right: auto; }
.small-pull-4 {
right: 33.33333%;
left: auto; }
.small-5 {
width: 41.66667%; }
.small-offset-5 {
margin-left: 41.66667%; }
.small-push-5 {
left: 41.66667%;
right: auto; }
.small-pull-5 {
right: 41.66667%;
left: auto; }
.small-6 {
width: 50%; }
.small-offset-6 {
margin-left: 50%; }
.small-push-6 {
left: 50%;
right: auto; }
.small-pull-6 {
right: 50%;
left: auto; }
.small-7 {
width: 58.33333%; }
.small-offset-7 {
margin-left: 58.33333%; }
.small-push-7 {
left: 58.33333%;
right: auto; }
.small-pull-7 {
right: 58.33333%;
left: auto; }
.small-8 {
width: 66.66667%; }
.small-offset-8 {
margin-left: 66.66667%; }
.small-push-8 {
left: 66.66667%;
right: auto; }
.small-pull-8 {
right: 66.66667%;
left: auto; }
.small-9 {
width: 75%; }
.small-offset-9 {
margin-left: 75%; }
.small-push-9 {
left: 75%;
right: auto; }
.small-pull-9 {
right: 75%;
left: auto; }
.small-10 {
width: 83.33333%; }
.small-offset-10 {
margin-left: 83.33333%; }
.small-push-10 {
left: 83.33333%;
right: auto; }
.small-pull-10 {
right: 83.33333%;
left: auto; }
.small-11 {
width: 91.66667%; }
.small-offset-11 {
margin-left: 91.66667%; }
.small-push-11 {
left: 91.66667%;
right: auto; }
.small-pull-11 {
right: 91.66667%;
left: auto; }
.small-12 {
width: 100%; }
.small-offset-12 {
margin-left: 100%; }
.small-push-12 {
left: 100%;
right: auto; }
.small-pull-12 {
right: 100%;
left: auto; }
.small-centered {
margin-left: auto;
margin-right: auto;
float: none; }
.small-uncentered {
margin-left: 0;
margin-right: 0; }
.small-last {
float: right; }
.small-notlast {
float: left; } }
.icon:before, .icon:after,
.more:before,
.more:after {
font-family: "Apple Icons";
color: inherit;
display: inline-block;
font-style: normal;
font-weight: inherit;
font-size: inherit;
line-height: 1;
text-decoration: underline;
position: relative;
z-index: 1;
alt: ''; }
.icon:before, .icon:after,
.more:before,
.more:after {
text-decoration: none; }
.icon:before,
.more:before {
display: none; }
.icon-after:after,
.more:after {
padding-left: 0.3em;
top: 0; }
.icon-before:before {
padding-right: 0.3em;
display: inline-block;
top: -0.125em; }
.icon-before:after {
display: none; }
.icon-apple:before, .icon-apple:after {
content: ""; }
.icon-chevrondown:before, .icon-chevrondown:after {
content: ""; }
.icon-chevrondowncircle:before, .icon-chevrondowncircle:after {
content: ""; }
.icon-chevronleft:before, .icon-chevronleft:after {
content: ""; }
.icon-chevronleftcircle:before, .icon-chevronleftcircle:after {
content: ""; }
.icon-chevronright:before, .icon-chevronright:after {
content: ""; }
.icon-chevronrightcircle:before, .icon-chevronrightcircle:after {
content: ""; }
.icon-chevronup:before, .icon-chevronup:after {
content: ""; }
.icon-chevronupcircle:before, .icon-chevronupcircle:after {
content: ""; }
.icon-downloadcircle:before, .icon-downloadcircle:after {
content: ""; }
.icon-downloadsolid:before, .icon-downloadsolid:after {
content: ""; }
.icon-external:before, .icon-external:after {
content: ""; }
.icon-grid:before, .icon-grid:after {
content: ""; }
.icon-listcircle:before, .icon-listcircle:after {
content: ""; }
.icon-pausecircle:before, .icon-pausecircle:after {
content: ""; }
.icon-playcircle:before, .icon-playcircle:after {
content: ""; }
.icon-playsolid:before, .icon-playsolid:after {
content: ""; }
.icon-replay:before, .icon-replay:after {
content: ""; }
.icon-replaycircle:before, .icon-replaycircle:after {
content: ""; }
.icon-stopcircle:before, .icon-stopcircle:after {
content: ""; }
.icon-stopsolid:before, .icon-stopsolid:after {
content: ""; }
.icon-favorite:before, .icon-favorite:after {
content: ""; }
.icon-share:before, .icon-share:after {
content: ""; }
.icon-facebook:before, .icon-facebook:after {
content: ""; }
.icon-instagram:before, .icon-instagram:after {
content: ""; }
.icon-link:before, .icon-link:after {
content: ""; }
.icon-linkedin:before, .icon-linkedin:after {
content: ""; }
.icon-mail:before, .icon-mail:after {
content: ""; }
.icon-pinterest:before, .icon-pinterest:after {
content: ""; }
.icon-qqweibo:before, .icon-qqweibo:after {
content: ""; }
.icon-qzone:before, .icon-qzone:after {
content: ""; }
.icon-renren:before, .icon-renren:after {
content: ""; }
.icon-snapchat:before, .icon-snapchat:after {
content: ""; }
.icon-tumblr:before, .icon-tumblr:after {
content: ""; }
.icon-twitter:before, .icon-twitter:after {
content: ""; }
.icon-weibo:before, .icon-weibo:after {
content: ""; }
.icon-circle:before, .icon-circle:after {
content: ""; }
.icon-check:before, .icon-check:after {
content: ""; }
.icon-checkcircle:before, .icon-checkcircle:after {
content: ""; }
.icon-checksolid:before, .icon-checksolid:after {
content: ""; }
.icon-reset:before, .icon-reset:after {
content: ""; }
.icon-resetcircle:before, .icon-resetcircle:after {
content: ""; }
.icon-resetsolid:before, .icon-resetsolid:after {
content: ""; }
.icon-exclamation:before, .icon-exclamation:after {
content: ""; }
.icon-exclamationcircle:before, .icon-exclamationcircle:after {
content: ""; }
.icon-exclamationsolid:before, .icon-exclamationsolid:after {
content: ""; }
.icon-infocircle:before, .icon-infocircle:after {
content: ""; }
.icon-questioncircle:before, .icon-questioncircle:after {
content: ""; }
.icon-questionsolid:before, .icon-questionsolid:after {
content: ""; }
.icon-plus:before, .icon-plus:after {
content: ""; }
.icon-pluscircle:before, .icon-pluscircle:after {
content: ""; }
.icon-plussolid:before, .icon-plussolid:after {
content: ""; }
.icon-minus:before, .icon-minus:after {
content: ""; }
.icon-minuscircle:before, .icon-minuscircle:after {
content: ""; }
.icon-minussolid:before, .icon-minussolid:after {
content: ""; }
.icon-close:before, .icon-close:after {
content: ""; }
.icon-paddledown:before, .icon-paddledown:after {
content: ""; }
.icon-paddleleft:before, .icon-paddleleft:after {
content: ""; }
.icon-paddleright:before, .icon-paddleright:after {
content: ""; }
.icon-paddleup:before, .icon-paddleup:after {
content: ""; }
.more:before, .more:after {
content: ""; }
.more-block {
margin-top: .5em; }
body {
min-width: 320px; }
.large-hide {
display: none; }
.large-show {
display: block; }
.large-show-inline {
display: inline; }
.large-show-inlineblock {
display: inline-block; }
@media only screen and (min-width: 1442px) {
.xlarge-hide {
display: none; }
.xlarge-show {
display: block; }
.xlarge-show-inline {
display: inline; }
.xlarge-show-inlineblock {
display: inline-block; } }
@media only screen and (max-width: 1068px) {
.medium-hide {
display: none; }
.medium-show {
display: block; }
.medium-show-inline {
display: inline; }
.medium-show-inlineblock {
display: inline-block; } }
@media only screen and (max-width: 735px) {
.small-hide {
display: none; }
.small-show {
display: block; }
.small-show-inline {
display: inline; }
.small-show-inlineblock {
display: inline-block; } }
.button {
font-size: 16px;
line-height: 1.9375;
font-weight: 500;
letter-spacing: 0em;
font-family: "SF Pro Text", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
background-color: #0070c9;
background: -webkit-linear-gradient(#42a1ec, #0070c9);
background: linear-gradient(#42a1ec, #0070c9);
border-color: #07c;
border-width: 1px;
border-style: solid;
border-radius: 4px;
color: white;
cursor: pointer;
display: inline-block;
min-width: 30px;
padding-left: 15px;
padding-right: 15px;
padding-top: 1px;
text-align: center;
white-space: nowrap; }
html.ie8 .button, html.ie8 .button-compact {
font-family: "SF Pro Text 500", "SF Pro Text", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
html.ie8 .button {
font-weight: normal; }
html.ie8 .button:lang(ar), html.ie8 .button-compact:lang(ar) {
font-family: "Gulf 500", "Gulf", "Myriad Set Pro 500", "Myriad Set Pro", "Helvetica", "Arial", sans-serif; }
html.ie8 .button:lang(ja-JP), html.ie8 .button-compact:lang(ja-JP) {
font-family: "Apple TP 500", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "MS Pゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
html.ie8 .button:lang(ko-KR), html.ie8 .button-compact:lang(ko-KR) {
font-family: "Yoon Gothic 500", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
html.ie8 .button:lang(th-TH), html.ie8 .button-compact:lang(th-TH) {
font-family: "Sukhumvit Set 500", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
html.ie8 .button:lang(zh-CN), html.ie8 .button-compact:lang(zh-CN) {
font-family: "HanHei SC 500", "HanHei SC", "PingHei 500", "PingHei", "PingFang SC", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
html.ie8 .button:lang(zh-HK), html.ie8 .button-compact:lang(zh-HK) {
font-family: "HanHei TC 500", "HanHei TC", "MHei 500", "MHei", "PingFang HK", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
html.ie8 .button:lang(zh-MO), html.ie8 .button-compact:lang(zh-MO) {
font-family: "HanHei TC 500", "HanHei TC", "MHei 500", "MHei", "PingFang HK", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
html.ie8 .button:lang(zh-TW), html.ie8 .button-compact:lang(zh-TW) {
font-family: "HanHei TC 500", "HanHei TC", "MHei 500", "MHei", "PingFang TC", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.button:lang(ar) {
font-family: "Gulf", "Myriad Set Pro", "Helvetica", "Arial", sans-serif; }
.button:lang(ja-JP) {
font-family: "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "MS Pゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.button:lang(ko-KR) {
font-family: "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.button:lang(th-TH) {
font-family: "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.button:lang(zh-CN) {
font-family: "HanHei SC", "PingHei", "PingFang SC", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.button:lang(zh-HK) {
font-family: "HanHei TC", "MHei", "PingFang HK", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.button:lang(zh-MO) {
font-family: "HanHei TC", "MHei", "PingFang HK", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.button:lang(zh-TW) {
font-family: "HanHei TC", "MHei", "PingFang TC", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.button:hover {
background-color: #147bcd;
background: -webkit-linear-gradient(#51a9ee, #147bcd);
background: linear-gradient(#51a9ee, #147bcd);
border-color: #1482d0;
text-decoration: none; }
.button:focus {
box-shadow: 0 0 0 3px rgba(131, 192, 253, 0.5);
outline: none; }
.button:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select), .button:focus[data-focus-method="touch"]:not(input):not(textarea):not(select) {
box-shadow: none; }
html.ie8 .button:focus {
outline: 3px solid #c1e0fe; }
.button:active {
background-color: #0067b9;
background: -webkit-linear-gradient(#3d94d9, #0067b9);
background: linear-gradient(#3d94d9, #0067b9);
border-color: #006dbc;
outline: none; }
.button:disabled, .button.disabled {
background-color: #0070c9;
background: -webkit-linear-gradient(#42a1ec, #0070c9);
background: linear-gradient(#42a1ec, #0070c9);
border-color: #07c;
color: white;
cursor: default;
opacity: 0.3; }
html.ie8 .button:disabled, html.ie8 .button.disabled {
background-color: #b3d4ef; }
.button-compact {
font-size: 13px;
line-height: 1.46154;
font-weight: 500;
letter-spacing: 0em;
min-width: 20px;
padding-left: 10px;
padding-right: 10px; }
html.ie8 .button-compact {
font-weight: normal; }
.button-compact:lang(ja-JP) {
font-size: 14px; }
.button-compact:lang(ko-KR) {
font-size: 14px; }
.button-block {
box-sizing: border-box;
display: block;
width: 100%; }
.button-secondary {
background-color: #e3e3e3;
background: -webkit-linear-gradient(white, #e3e3e3);
background: linear-gradient(white, #e3e3e3);
border-color: #d6d6d6;
color: #0070c9; }
.button-secondary:hover {
background-color: #eeeeee;
background: -webkit-linear-gradient(white, #eeeeee);
background: linear-gradient(white, #eeeeee);
border-color: #d9d9d9; }
.button-secondary:active {
background-color: gainsboro;
background: -webkit-linear-gradient(#f7f7f7, gainsboro);
background: linear-gradient(#f7f7f7, gainsboro);
border-color: #d0d0d0; }
.button-secondary:disabled, .button-secondary.disabled {
background-color: #e3e3e3;
background: -webkit-linear-gradient(white, #e3e3e3);
background: linear-gradient(white, #e3e3e3);
border-color: #d6d6d6;
color: #0070c9; }
html.ie8 .button-secondary:disabled, html.ie8 .button-secondary.disabled {
background-color: #eeeeee; }
#localnav-viewport-emitter {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
visibility: hidden;
z-index: -1;
x-content: "ac-localnav:large"; }
#localnav-viewport-emitter::before {
content: "ac-localnav:large"; }
@media only screen and (max-width: 1023px) {
#localnav-viewport-emitter {
x-content: "ac-localnav:medium"; }
#localnav-viewport-emitter::before {
content: "ac-localnav:medium"; } }
@media only screen and (max-width: 767px) {
#localnav-viewport-emitter {
x-content: "ac-localnav:small"; }
#localnav-viewport-emitter::before {
content: "ac-localnav:small"; } }
.localnav {
position: relative;
top: 0;
left: 0;
width: 100%;
height: 52px;
min-width: 1024px;
z-index: 9997; }
@media only screen and (max-width: 1044px) {
.localnav {
min-width: 320px; } }
@media only screen and (max-width: 767px) {
.localnav {
height: 48px; } }
.localnav-overlap .localnav {
margin-bottom: -52px; }
@media only screen and (max-width: 767px) {
.localnav-overlap .localnav {
margin-bottom: -48px; } }
.topnav-overlap .localnav {
margin-top: 44px;
margin-bottom: -96px; }
@media only screen and (max-width: 767px) {
.topnav-overlap .localnav {
margin-top: 48px;
margin-bottom: -96px; } }
.localnav.theme-dark {
background: none; }
.localnav-menustate {
display: none; }
.localnav-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
min-height: 100%;
z-index: 1; }
.localnav-content {
margin: 0 auto;
max-width: 980px;
padding: 0 22px;
position: relative;
z-index: 2; }
.localnav-content:before, .localnav-content:after {
content: ' ';
display: table; }
.localnav-content:after {
clear: both; }
@media only screen and (max-width: 1023px) {
.localnav-content {
border-bottom: none; } }
@media only screen and (max-width: 767px) {
.localnav-content {
padding: 0 16px; } }
.localnav.css-sticky {
position: -webkit-sticky;
position: sticky; }
.localnav.no-css-sticky.localnav-sticking {
margin-top: 0 !important;
margin-bottom: 0 !important;
position: fixed; }
.localnav-sticky-placeholder {
display: block;
margin: 0;
padding: 0;
position: relative;
visibility: hidden;
z-index: -1; }
.localnav-sticky-placeholder.no-css-sticky.localnav-sticking {
height: 52px; }
.localnav-overlap .localnav-sticky-placeholder.no-css-sticky.localnav-sticking,
.topnav-overlap .localnav-sticky-placeholder.no-css-sticky.localnav-sticking {
height: 0; }
@media only screen and (max-width: 767px) {
.localnav-sticky-placeholder.no-css-sticky.localnav-sticking {
height: 48px; } }
.localnav-curtain {
background: rgba(0, 0, 0, 0.2);
opacity: 0;
position: fixed;
top: 0;
left: 0;
width: 0;
height: 0;
z-index: 9996;
-webkit-transition: opacity 0.2s ease;
transition: opacity 0.2s ease; }
@media only screen and (max-width: 767px) {
.localnav-curtain {
-webkit-transition: opacity 1s ease 0.2s, width 0s ease 1.2s, height 0s ease 1.2s;
transition: opacity 1s ease 0.2s, width 0s ease 1.2s, height 0s ease 1.2s; } }
.localnav-menustate:checked ~ .localnav-curtain,
.localnav-menustate:target ~ .localnav-curtain {
-webkit-transition: opacity 1s ease 0.1s;
transition: opacity 1s ease 0.1s; }
@media only screen and (max-width: 767px) {
.localnav-menustate:checked ~ .localnav-curtain,
.localnav-menustate:target ~ .localnav-curtain {
opacity: 1;
right: 0;
bottom: 0;
width: 100%;
height: 100%; } }
.localnav-actions {
float: left; }
@media only screen and (max-width: 767px) {
.localnav-actions {
right: 0;
padding: 0 16px;
position: absolute;
top: 0;
z-index: 1; } }
@media only screen and (max-width: 767px) {
.localnav-actions-center {
left: 50%; } }
@media only screen and (max-width: 767px) {
.localnav-actions-center .localnav-action-menucta {
margin-left: -20px;
left: 0;
position: absolute;
z-index: 1; } }
.localnav-action {
margin-left: 24px;
float: left; }
@media only screen and (max-width: 1023px) {
.localnav-action {
margin-left: 16px; } }
@media only screen and (max-width: 767px) {
.localnav-action-button {
margin-left: 27px;
float: right; } }
.localnav-action-product {
position: absolute;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(0px 0px 99.9% 99.9%);
clip-path: inset(0px 0px 99.9% 99.9%);
overflow: hidden;
height: 1px;
width: 1px;
padding: 0;
border: 0;
top: auto;
left: auto; }
.localnav-action-menucta {
position: relative;
z-index: 1; }
@media only screen and (max-width: 767px) {
.localnav-action-menucta {
float: left; } }
.localnav-background {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
-webkit-transition: background-color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1);
transition: background-color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1); }
.localnav-background:after {
background-color: rgba(214, 214, 214, 0.4); }
html.ie8 .localnav-background {
border-color: #d6d6d6; }
@media only screen and (max-width: 767px) {
.localnav-background {
min-height: 48px;
-webkit-transition: background-color 0.5s ease 0.7s;
transition: background-color 0.5s ease 0.7s; }
.localnav.localnav-hero .localnav-background {
-webkit-transition-delay: 0s;
transition-delay: 0s; } }
.localnav.localnav-hero .localnav-background:after {
background-color: rgba(255, 255, 255, 0.4); }
html.ie8 .localnav.localnav-hero .localnav-background {
border-color: #d6d6d6; }
.localnav.localnav-scrim .localnav-background {
background-color: rgba(255, 255, 255, 0.9); }
.localnav.localnav-scrim .localnav-background:after {
background-color: rgba(214, 214, 214, 0.4); }
html.ie8 .localnav.localnav-scrim .localnav-background {
border-color: #d6d6d6; }
@supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)) {
.localnav.localnav-scrim .localnav-background {
-webkit-backdrop-filter: saturate(180%) blur(20px);
backdrop-filter: saturate(180%) blur(20px);
background-color: rgba(255, 255, 255, 0.7); } }
.theme-dark .localnav-scrim.localnav .localnav-background,
.localnav-scrim.localnav.theme-dark .localnav-background {
background-color: rgba(34, 34, 34, 0.9); }
@supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)) {
.theme-dark .localnav-scrim.localnav .localnav-background,
.localnav-scrim.localnav.theme-dark .localnav-background {
background-color: rgba(34, 34, 34, 0.7); } }
.localnav.localnav-sticking .localnav-background {
background-color: rgba(255, 255, 255, 0.9);
-webkit-transition: background-color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1);
transition: background-color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1);
-webkit-transition-property: background-color, -webkit-backdrop-filter;
transition-property: background-color, -webkit-backdrop-filter;
transition-property: background-color, backdrop-filter;
transition-property: background-color, backdrop-filter, -webkit-backdrop-filter; }
.localnav.localnav-sticking .localnav-background:after {
background-color: rgba(214, 214, 214, 0.4); }
html.ie8 .localnav.localnav-sticking .localnav-background {
border-color: #d6d6d6; }
@supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)) {
.localnav.localnav-sticking .localnav-background {
-webkit-backdrop-filter: saturate(180%) blur(20px);
backdrop-filter: saturate(180%) blur(20px);
background-color: rgba(255, 255, 255, 0.7); } }
.theme-dark .localnav-sticking.localnav .localnav-background,
.localnav-sticking.localnav.theme-dark .localnav-background {
background-color: rgba(34, 34, 34, 0.9); }
@supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)) {
.theme-dark .localnav-sticking.localnav .localnav-background,
.localnav-sticking.localnav.theme-dark .localnav-background {
background-color: rgba(34, 34, 34, 0.7); } }
.localnav-menustate:checked ~ .localnav .localnav-background, .localnav-menustate:target ~ .localnav .localnav-background {
background-color: white;
max-height: none;
-webkit-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
-webkit-transition-property: background-color, -webkit-backdrop-filter;
transition-property: background-color, -webkit-backdrop-filter;
transition-property: background-color, backdrop-filter;
transition-property: background-color, backdrop-filter, -webkit-backdrop-filter; }
.localnav-menustate:checked ~ .localnav .localnav-background:after, .localnav-menustate:target ~ .localnav .localnav-background:after {
background-color: rgba(214, 214, 214, 0.4); }
html.ie8 .localnav-menustate:checked ~ .localnav .localnav-background, html.ie8 .localnav-menustate:target ~ .localnav .localnav-background {
border-color: #d6d6d6; }
@supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)) {
.localnav-menustate:checked ~ .localnav .localnav-background, .localnav-menustate:target ~ .localnav .localnav-background {
-webkit-backdrop-filter: saturate(180%) blur(20px);
backdrop-filter: saturate(180%) blur(20px);
background-color: rgba(255, 255, 255, 0.9); } }
.theme-dark .localnav .localnav-background:after,
.localnav.theme-dark .localnav-background:after {
background-color: #000000; }
html.ie8 .theme-dark .localnav .localnav-background, html.ie8 .localnav.theme-dark .localnav-background {
border-color: #444444; }
.theme-dark .localnav.localnav-hero .localnav-background:after, .theme-dark.localnav.localnav-hero .localnav-background:after {
background-color: rgba(255, 255, 255, 0.4); }
html.ie8 .theme-dark .localnav.localnav-hero .localnav-background, html.ie8 .theme-dark.localnav.localnav-hero .localnav-background {
border-color: #444444; }
.theme-dark .localnav-hero.localnav.localnav-sticking .localnav-background:after, .theme-dark.localnav-hero.localnav.localnav-sticking .localnav-background:after {
background-color: #444444; }
html.ie8 .theme-dark .localnav-hero.localnav.localnav-sticking .localnav-background, html.ie8 .theme-dark.localnav-hero.localnav.localnav-sticking .localnav-background {
border-color: #444444; }
.theme-dark .localnav.localnav-scrim .localnav-background:after, .theme-dark.localnav.localnav-scrim .localnav-background:after {
background-color: rgba(153, 153, 153, 0.4); }
html.ie8 .theme-dark .localnav.localnav-scrim .localnav-background, html.ie8 .theme-dark.localnav.localnav-scrim .localnav-background {
border-color: #444444; }
.theme-dark .localnav.localnav-sticking .localnav-background:after, .theme-dark.localnav.localnav-sticking .localnav-background:after {
background-color: #444444; }
html.ie8 .theme-dark .localnav.localnav-sticking .localnav-background, html.ie8 .theme-dark.localnav.localnav-sticking .localnav-background {
border-color: #444444; }
.theme-dark .localnav-menustate:checked ~ .localnav .localnav-background, .theme-dark .localnav-menustate:target ~ .localnav .localnav-background,
.localnav-menustate:checked ~ .localnav.theme-dark .localnav-background, .localnav-menustate:target ~ .localnav.theme-dark .localnav-background {
background-color: #222222; }
.theme-dark .localnav-menustate:checked ~ .localnav .localnav-background:after, .theme-dark .localnav-menustate:target ~ .localnav .localnav-background:after,
.localnav-menustate:checked ~ .localnav.theme-dark .localnav-background:after, .localnav-menustate:target ~ .localnav.theme-dark .localnav-background:after {
background-color: #444444; }
html.ie8 .theme-dark .localnav-menustate:checked ~ .localnav .localnav-background, html.ie8 .theme-dark .localnav-menustate:target ~ .localnav .localnav-background, html.ie8 .localnav-menustate:checked ~ .localnav.theme-dark .localnav-background, html.ie8 .localnav-menustate:target ~ .localnav.theme-dark .localnav-background {
border-color: #444444; }
@supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)) {
.theme-dark .localnav-menustate:checked ~ .localnav .localnav-background, .theme-dark .localnav-menustate:target ~ .localnav .localnav-background,
.localnav-menustate:checked ~ .localnav.theme-dark .localnav-background, .localnav-menustate:target ~ .localnav.theme-dark .localnav-background {
background-color: rgba(34, 34, 34, 0.9); } }
.localnav-background:after {
margin-left: -490px;
left: 50%;
content: "";
display: block;
position: absolute;
top: 100%;
width: 980px;
height: 1px;
z-index: 1; }
html.ie8 .localnav-background:after {
display: none; }
@media only screen and (max-width: 1023px) {
.localnav-background:after {
margin-left: 0;
left: 0;
width: 100%; } }
.localnav.localnav-noborder .localnav-background:after {
display: none; }
.localnav-noborder.localnav.localnav-sticking .localnav-background:after {
display: block; }
.localnav.localnav-scrim .localnav-background:after {
margin-left: 0;
left: 0;
width: 100%; }
.localnav.localnav-sticking .localnav-background:after {
margin-left: 0;
left: 0;
width: 100%; }
.localnav-menustate:checked ~ .localnav .localnav-background:after, .localnav-menustate:target ~ .localnav .localnav-background:after {
margin-left: 0;
left: 0;
width: 100%; }
html.ie8 .localnav-background {
margin-left: -490px;
left: 50%;
border-bottom: 1px solid;
bottom: 0;
width: 980px;
height: auto; }
.localnav.localnav-noborder html.ie8 .localnav-background {
border-bottom-width: 0; }
.localnav-noborder.localnav.localnav-sticking html.ie8 .localnav-background {
border-bottom-width: 1px; }
.localnav.localnav-scrim html.ie8 .localnav-background {
margin-left: 0;
left: 0;
width: 100%;
background-color: white; }
.localnav.localnav-sticking html.ie8 .localnav-background {
margin-left: 0;
left: 0;
width: 100%;
background-color: white; }
.theme-dark .localnav.localnav-scrim html.ie8 .localnav-background, .theme-dark.localnav.localnav-scrim html.ie8 .localnav-background {
background-color: #1f1f1f; }
.theme-dark .localnav.localnav-sticking html.ie8 .localnav-background, .theme-dark.localnav.localnav-sticking html.ie8 .localnav-background {
background-color: #1f1f1f; }
.localnav-menu {
font-size: 13px;
line-height: 1;
font-weight: 400;
letter-spacing: 0em;
float: right;
line-height: 44px;
padding-top: 8px; }
@media only screen and (max-width: 767px) {
.localnav-menu {
font-size: 16px;
line-height: 1;
font-weight: 400;
letter-spacing: 0em; } }
.localnav-menu:lang(ja-JP) {
font-size: 14px; }
@media only screen and (max-width: 767px) {
.localnav-menu:lang(ja-JP) {
font-size: 16px; } }
.localnav-menu:lang(ko-KR) {
font-size: 14px; }
@media only screen and (max-width: 767px) {
.localnav-menu:lang(ko-KR) {
font-size: 16px; } }
@media only screen and (max-width: 767px) {
.localnav-menu {
line-height: 48px;
padding-top: 0;
width: 100%; } }
.localnav-menu-tray {
float: left; }
@media only screen and (max-width: 767px) {
.localnav-menu-tray {
float: none;
overflow: hidden;
pointer-events: none;
visibility: hidden;
width: 100%;
max-height: 0;
-webkit-transition: max-height 0.5s cubic-bezier(0.28, 0.11, 0.32, 1) 0.4s, visibility 0s linear 1s;
transition: max-height 0.5s cubic-bezier(0.28, 0.11, 0.32, 1) 0.4s, visibility 0s linear 1s; }
.localnav-menustate:checked ~ .localnav .localnav-menu-tray, .localnav-menustate:target ~ .localnav .localnav-menu-tray {
max-height: 400px;
max-height: calc(100vh - 48px - 48px);
overflow-y: auto;
-webkit-overflow-scrolling: touch;
pointer-events: auto;
visibility: visible;
-webkit-transition-delay: 0.2s, 0s;
transition-delay: 0.2s, 0s; } }
@media only screen and (max-width: 767px) and (orientation: landscape) {
.localnav-menustate:checked ~ .localnav .localnav-menu-tray, .localnav-menustate:target ~ .localnav .localnav-menu-tray {
max-height: 280px;
max-height: calc(100vh - 48px - 48px); } }
@media only screen and (max-width: 767px) {
.localnav-menustate:checked ~ .localnav.localnav-opening .localnav-menu-tray, .localnav-menustate:target ~ .localnav.localnav-opening .localnav-menu-tray {
overflow-y: hidden; }
.localnav-menustate:checked ~ .localnav.localnav-sticking .localnav-menu-tray, .localnav-menustate:target ~ .localnav.localnav-sticking .localnav-menu-tray {
max-height: calc(100vh - 48px); } }
@media only screen and (max-width: 767px) {
.localnav-menu-items {
opacity: 0;
padding: 17px 32px 28px 32px;
-webkit-transform: translate3d(0, -150px, 0);
transform: translate3d(0, -150px, 0);
-webkit-transition: opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
transition: opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s, opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s, opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s; }
.localnav-menustate:checked ~ .localnav .localnav-menu-items, .localnav-menustate:target ~ .localnav .localnav-menu-items {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition-delay: 0.2s, 0.4s;
transition-delay: 0.2s, 0.4s; } }
.localnav-menu-item {
margin-left: 24px;
float: left;
list-style: none; }
@media only screen and (max-width: 1023px) {
.localnav-menu-item {
margin-left: 16px; } }
@media only screen and (max-width: 767px) {
.localnav-menu-item {
margin-left: 0;
display: inline-block;
float: none;
line-height: 48px;
width: 100%;
height: 48px; }
.localnav-menu-item:first-child .localnav-menu-link {
border-top: 0; }
.theme-dark .localnav .localnav-menu-item,
.localnav.theme-dark .localnav-menu-item {
border-color: rgba(68, 68, 68, 0.5); }
.localnav-menu-item:nth-child(1) .localnav-menu-link {
-webkit-transition-delay: 0.07s;
transition-delay: 0.07s; }
.localnav-menu-item:nth-child(2) .localnav-menu-link {
-webkit-transition-delay: 0.14s;
transition-delay: 0.14s; }
.localnav-menu-item:nth-child(3) .localnav-menu-link {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s; }
.localnav-menu-item:nth-child(4) .localnav-menu-link {
-webkit-transition-delay: 0.28s;
transition-delay: 0.28s; }
.localnav-menu-item:nth-child(5) .localnav-menu-link {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s; }
.localnav-menu-item:nth-child(6) .localnav-menu-link {
-webkit-transition-delay: 0.42s;
transition-delay: 0.42s; }
.localnav-menu-item:nth-child(7) .localnav-menu-link {
-webkit-transition-delay: 0.49s;
transition-delay: 0.49s; }
.localnav-menustate:checked ~ .localnav .localnav-menu-item:nth-child(1) .localnav-menu-link, .localnav-menustate:target ~ .localnav .localnav-menu-item:nth-child(1) .localnav-menu-link {
-webkit-transition-delay: 0.56s;
transition-delay: 0.56s; }
.localnav-menustate:checked ~ .localnav .localnav-menu-item:nth-child(2) .localnav-menu-link, .localnav-menustate:target ~ .localnav .localnav-menu-item:nth-child(2) .localnav-menu-link {
-webkit-transition-delay: 0.49s;
transition-delay: 0.49s; }
.localnav-menustate:checked ~ .localnav .localnav-menu-item:nth-child(3) .localnav-menu-link, .localnav-menustate:target ~ .localnav .localnav-menu-item:nth-child(3) .localnav-menu-link {
-webkit-transition-delay: 0.42s;
transition-delay: 0.42s; }
.localnav-menustate:checked ~ .localnav .localnav-menu-item:nth-child(4) .localnav-menu-link, .localnav-menustate:target ~ .localnav .localnav-menu-item:nth-child(4) .localnav-menu-link {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s; }
.localnav-menustate:checked ~ .localnav .localnav-menu-item:nth-child(5) .localnav-menu-link, .localnav-menustate:target ~ .localnav .localnav-menu-item:nth-child(5) .localnav-menu-link {
-webkit-transition-delay: 0.28s;
transition-delay: 0.28s; }
.localnav-menustate:checked ~ .localnav .localnav-menu-item:nth-child(6) .localnav-menu-link, .localnav-menustate:target ~ .localnav .localnav-menu-item:nth-child(6) .localnav-menu-link {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s; }
.localnav-menustate:checked ~ .localnav .localnav-menu-item:nth-child(7) .localnav-menu-link, .localnav-menustate:target ~ .localnav .localnav-menu-item:nth-child(7) .localnav-menu-link {
-webkit-transition-delay: 0.14s;
transition-delay: 0.14s; } }
.localnav-menu-link {
color: #333333;
display: inline-block;
line-height: 22px;
white-space: nowrap; }
.localnav-menu-link:hover {
text-decoration: none; }
@media only screen and (max-width: 767px) {
.localnav-menu-link {
border-top: 1px solid rgba(214, 214, 214, 0.5);
display: block;
line-height: 48px;
opacity: 0;
-webkit-transform: translate3d(0, -25px, 0);
transform: translate3d(0, -25px, 0);
-webkit-transition: 0.5s ease;
transition: 0.5s ease;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform; }
.theme-dark .localnav .localnav-menu-link,
.localnav.theme-dark .localnav-menu-link {
border-color: #333333; }
.localnav-menustate:checked ~ .localnav .localnav-menu-link, .localnav-menustate:target ~ .localnav .localnav-menu-link {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.localnav.localnav-hero .localnav-menu-link {
color: white; }
.localnav-hero.localnav.localnav-sticking .localnav-menu-link {
color: #333333; }
.localnav-menustate:checked ~ .localnav-hero.localnav .localnav-menu-link, .localnav-menustate:target ~ .localnav-hero.localnav .localnav-menu-link {
color: #333333; }
.localnav.localnav-hero .localnav-menu-link:hover {
color: #66bbff; }
.localnav-hero.localnav.localnav-sticking .localnav-menu-link:hover {
color: #0070c9; }
.localnav-menustate:checked ~ .localnav-hero.localnav .localnav-menu-link:hover, .localnav-menustate:target ~ .localnav-hero.localnav .localnav-menu-link:hover {
color: #0070c9; }
.theme-dark .localnav .localnav-menu-link,
.localnav.theme-dark .localnav-menu-link {
color: white; }
.theme-dark .localnav.localnav-sticking .localnav-menu-link, .theme-dark.localnav.localnav-sticking .localnav-menu-link {
color: white; }
.theme-dark .localnav-menustate:checked ~ .localnav .localnav-menu-link, .theme-dark .localnav-menustate:target ~ .localnav .localnav-menu-link, .localnav-menustate:checked ~ .theme-dark.localnav .localnav-menu-link, .localnav-menustate:target ~ .theme-dark.localnav .localnav-menu-link {
color: white; }
.theme-dark .localnav .localnav-menu-link:hover,
.localnav.theme-dark .localnav-menu-link:hover {
color: #66bbff; }
.theme-dark .localnav.localnav-sticking .localnav-menu-link:hover, .theme-dark.localnav.localnav-sticking .localnav-menu-link:hover {
color: #66bbff; }
.theme-dark .localnav-menustate:checked ~ .localnav .localnav-menu-link:hover, .theme-dark .localnav-menustate:target ~ .localnav .localnav-menu-link:hover, .localnav-menustate:checked ~ .theme-dark.localnav .localnav-menu-link:hover, .localnav-menustate:target ~ .theme-dark.localnav .localnav-menu-link:hover {
color: #66bbff; }
.localnav-menu-link:hover {
color: #0070c9;
text-decoration: none; }
.localnav-menu-link.current {
color: rgba(51, 51, 51, 0.6);
cursor: default; }
html.ie8 .localnav-menu-link.current {
color: #666666; }
.localnav-menu-link.current:hover {
color: rgba(51, 51, 51, 0.6); }
html.ie8 .localnav-menu-link.current:hover {
color: #666666; }
.localnav.localnav-hero .localnav-menu-link.current {
color: rgba(255, 255, 255, 0.6); }
html.ie8 .localnav.localnav-hero .localnav-menu-link.current {
color: #999999; }
.localnav.localnav-hero .localnav-menu-link.current:hover {
color: rgba(255, 255, 255, 0.6); }
html.ie8 .localnav.localnav-hero .localnav-menu-link.current:hover {
color: #999999; }
.localnav-hero.localnav.localnav-sticking .localnav-menu-link.current {
color: rgba(51, 51, 51, 0.6); }
html.ie8 .localnav-hero.localnav.localnav-sticking .localnav-menu-link.current {
color: #666666; }
.localnav-hero.localnav.localnav-sticking .localnav-menu-link.current:hover {
color: rgba(51, 51, 51, 0.6); }
html.ie8 .localnav-hero.localnav.localnav-sticking .localnav-menu-link.current:hover {
color: #666666; }
.localnav-menustate:checked ~ .localnav-hero.localnav .localnav-menu-link.current, .localnav-menustate:target ~ .localnav-hero.localnav .localnav-menu-link.current {
color: rgba(51, 51, 51, 0.6); }
html.ie8 .localnav-menustate:checked ~ .localnav-hero.localnav .localnav-menu-link.current, html.ie8 .localnav-menustate:target ~ .localnav-hero.localnav .localnav-menu-link.current {
color: #666666; }
.localnav-menustate:checked ~ .localnav-hero.localnav .localnav-menu-link.current:hover, .localnav-menustate:target ~ .localnav-hero.localnav .localnav-menu-link.current:hover {
color: rgba(51, 51, 51, 0.6); }
html.ie8 .localnav-menustate:checked ~ .localnav-hero.localnav .localnav-menu-link.current:hover, html.ie8 .localnav-menustate:target ~ .localnav-hero.localnav .localnav-menu-link.current:hover {
color: #666666; }
.theme-dark .localnav .localnav-menu-link.current,
.localnav.theme-dark .localnav-menu-link.current {
color: rgba(255, 255, 255, 0.6); }
html.ie8 .theme-dark .localnav .localnav-menu-link.current, html.ie8 .localnav.theme-dark .localnav-menu-link.current {
color: #999999; }
.theme-dark .localnav .localnav-menu-link.current:hover,
.localnav.theme-dark .localnav-menu-link.current:hover {
color: rgba(255, 255, 255, 0.6); }
html.ie8 .theme-dark .localnav .localnav-menu-link.current:hover, html.ie8 .localnav.theme-dark .localnav-menu-link.current:hover {
color: #999999; }
.theme-dark .localnav-menustate:checked ~ .localnav .localnav-menu-link.current, .theme-dark .localnav-menustate:target ~ .localnav .localnav-menu-link.current, .localnav-menustate:checked ~ .theme-dark.localnav .localnav-menu-link.current, .localnav-menustate:target ~ .theme-dark.localnav .localnav-menu-link.current {
color: rgba(255, 255, 255, 0.6); }
html.ie8 .theme-dark .localnav-menustate:checked ~ .localnav .localnav-menu-link.current, html.ie8 .theme-dark .localnav-menustate:target ~ .localnav .localnav-menu-link.current, html.ie8 .localnav-menustate:checked ~ .theme-dark.localnav .localnav-menu-link.current, html.ie8 .localnav-menustate:target ~ .theme-dark.localnav .localnav-menu-link.current {
color: #999999; }
.theme-dark .localnav-menustate:checked ~ .localnav .localnav-menu-link.current:hover, .theme-dark .localnav-menustate:target ~ .localnav .localnav-menu-link.current:hover, .localnav-menustate:checked ~ .theme-dark.localnav .localnav-menu-link.current:hover, .localnav-menustate:target ~ .theme-dark.localnav .localnav-menu-link.current:hover {
color: rgba(255, 255, 255, 0.6); }
html.ie8 .theme-dark .localnav-menustate:checked ~ .localnav .localnav-menu-link.current:hover, html.ie8 .theme-dark .localnav-menustate:target ~ .localnav .localnav-menu-link.current:hover, html.ie8 .localnav-menustate:checked ~ .theme-dark.localnav .localnav-menu-link.current:hover, html.ie8 .localnav-menustate:target ~ .theme-dark.localnav .localnav-menu-link.current:hover {
color: #999999; }
.theme-dark .localnav-hero.localnav.localnav-sticking .localnav-menu-link.current, .theme-dark.localnav-hero.localnav.localnav-sticking .localnav-menu-link.current {
color: rgba(255, 255, 255, 0.6); }
html.ie8 .theme-dark .localnav-hero.localnav.localnav-sticking .localnav-menu-link.current, html.ie8 .theme-dark.localnav-hero.localnav.localnav-sticking .localnav-menu-link.current {
color: #999999; }
.theme-dark .localnav-hero.localnav.localnav-sticking .localnav-menu-link.current:hover, .theme-dark.localnav-hero.localnav.localnav-sticking .localnav-menu-link.current:hover {
color: rgba(255, 255, 255, 0.6); }
html.ie8 .theme-dark .localnav-hero.localnav.localnav-sticking .localnav-menu-link.current:hover, html.ie8 .theme-dark.localnav-hero.localnav.localnav-sticking .localnav-menu-link.current:hover {
color: #999999; }
.localnav-action-menucta {
display: none; }
@media only screen and (max-width: 767px) {
.localnav-action-menucta {
display: block; } }
.localnav-menucta {
margin-right: -11px;
cursor: pointer;
display: block;
overflow: hidden;
width: 40px;
height: 48px;
-webkit-tap-highlight-color: transparent; }
.localnav-menucta-chevron {
display: block;
position: relative;
width: 100%;
height: 100%;
z-index: 1;
-webkit-transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);
transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);
transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1), transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);
transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1), transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1), -ms-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);
-webkit-transform: translateY(10%);
-ms-transform: translateY(10%);
transform: translateY(10%); }
.localnav-menucta-chevron::before, .localnav-menucta-chevron::after {
content: "";
display: block;
position: absolute;
top: 50%;
width: 12px;
height: 1px;
z-index: 1;
-webkit-transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);
transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);
transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1), transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);
transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1), transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1), -ms-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1); }
.localnav-menucta-chevron::before {
right: 50%; }
.localnav-menucta-chevron::after {
left: 50%; }
.localnav-menucta-chevron::before, .localnav-menucta-chevron::after {
background: #333333; }
.localnav-menucta-chevron::before {
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-transform: rotate(40deg) scaleY(1.5);
-ms-transform: rotate(40deg) scaleY(1.5);
transform: rotate(40deg) scaleY(1.5); }
.localnav-menucta-chevron::after {
-webkit-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transform: rotate(-40deg) scaleY(1.5);
-ms-transform: rotate(-40deg) scaleY(1.5);
transform: rotate(-40deg) scaleY(1.5); }
.localnav-menustate:checked ~ .localnav .localnav-menucta-chevron, .localnav-menustate:target ~ .localnav .localnav-menucta-chevron {
-webkit-transform: translateY(-10%);
-ms-transform: translateY(-10%);
transform: translateY(-10%); }
.localnav-menustate:checked ~ .localnav .localnav-menucta-chevron::before, .localnav-menustate:target ~ .localnav .localnav-menucta-chevron::before {
-webkit-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
transform-origin: 100% 0%;
-webkit-transform: rotate(-40deg) scaleY(1.5);
-ms-transform: rotate(-40deg) scaleY(1.5);
transform: rotate(-40deg) scaleY(1.5); }
.localnav-menustate:checked ~ .localnav .localnav-menucta-chevron::after, .localnav-menustate:target ~ .localnav .localnav-menucta-chevron::after {
-webkit-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: rotate(40deg) scaleY(1.5);
-ms-transform: rotate(40deg) scaleY(1.5);
transform: rotate(40deg) scaleY(1.5); }
.localnav.localnav-hero .localnav-menucta-chevron::before, .localnav.localnav-hero .localnav-menucta-chevron::after {
background: white; }
.localnav-hero.localnav.localnav-sticking .localnav-menucta-chevron::before, .localnav-hero.localnav.localnav-sticking .localnav-menucta-chevron::after {
background: #333333; }
.localnav-menustate:checked ~ .localnav-hero.localnav .localnav-menucta-chevron::before, .localnav-menustate:checked ~ .localnav-hero.localnav .localnav-menucta-chevron::after, .localnav-menustate:target ~ .localnav-hero.localnav .localnav-menucta-chevron::before, .localnav-menustate:target ~ .localnav-hero.localnav .localnav-menucta-chevron::after {
background: #333333; }
.theme-dark .localnav .localnav-menucta-chevron::before, .theme-dark .localnav .localnav-menucta-chevron::after,
.localnav.theme-dark .localnav-menucta-chevron::before,
.localnav.theme-dark .localnav-menucta-chevron::after {
background: white; }
.theme-dark .localnav.localnav-sticking .localnav-menucta-chevron::before, .theme-dark .localnav.localnav-sticking .localnav-menucta-chevron::after, .theme-dark.localnav.localnav-sticking .localnav-menucta-chevron::before, .theme-dark.localnav.localnav-sticking .localnav-menucta-chevron::after {
background: white; }
.theme-dark .localnav-menustate:checked ~ .localnav .localnav-menucta-chevron::before, .theme-dark .localnav-menustate:checked ~ .localnav .localnav-menucta-chevron::after, .theme-dark .localnav-menustate:target ~ .localnav .localnav-menucta-chevron::before, .theme-dark .localnav-menustate:target ~ .localnav .localnav-menucta-chevron::after, .localnav-menustate:checked ~ .theme-dark.localnav .localnav-menucta-chevron::before, .localnav-menustate:checked ~ .theme-dark.localnav .localnav-menucta-chevron::after, .localnav-menustate:target ~ .theme-dark.localnav .localnav-menucta-chevron::before, .localnav-menustate:target ~ .theme-dark.localnav .localnav-menucta-chevron::after {
background: white; }
.localnav-menucta-anchor {
display: none;
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 1px;
z-index: 10; }
.localnav-menucta-anchor:focus {
outline-offset: -6px;
width: 100%;
height: 100%; }
.localnav-menucta-anchor-close {
display: none; }
.localnav-menucta-anchor-label {
position: absolute;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(0px 0px 99.9% 99.9%);
clip-path: inset(0px 0px 99.9% 99.9%);
overflow: hidden;
height: 1px;
width: 1px;
padding: 0;
border: 0; }
@media only screen and (max-width: 767px) {
.localnav-menucta-anchor {
display: block; } }
.localnav-menustate:checked ~ .localnav .localnav-menucta-anchor-open, .localnav-menustate:target ~ .localnav .localnav-menucta-anchor-open {
display: none; }
.localnav-menustate:checked ~ .localnav .localnav-menucta-anchor-close, .localnav-menustate:target ~ .localnav .localnav-menucta-anchor-close {
display: block; }
.localnav-title {
font-size: 28px;
line-height: 1.8573;
font-weight: 300;
letter-spacing: 0em;
cursor: default;
display: block;
float: left;
margin: 0;
padding: 0;
height: 52px;
white-space: nowrap; }
@media only screen and (max-width: 767px) {
.localnav-title {
font-size: 20px;
line-height: 2.4;
font-weight: 300;
letter-spacing: 0em; } }
@media only screen and (max-width: 767px) {
.localnav-title {
display: inline-block;
line-height: 48px;
height: 48px; } }
.localnav-title a {
display: inline-block;
line-height: 1;
margin: 0;
text-decoration: none;
white-space: nowrap;
vertical-align: middle; }
html.ie8 .localnav-title a {
line-height: 52px; }
.localnav-title a:hover {
text-decoration: none; }
.localnav-title,
.localnav-title a {
color: #333333;
-webkit-transition: color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1);
transition: color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1); }
.localnav.localnav-hero .localnav-title, .localnav.localnav-hero .localnav-title a {
color: white; }
.localnav-hero.localnav.localnav-sticking .localnav-title, .localnav-hero.localnav.localnav-sticking .localnav-title a {
color: #333333; }
.localnav-menustate:checked ~ .localnav-hero.localnav .localnav-title, .localnav-menustate:target ~ .localnav-hero.localnav .localnav-title, .localnav-menustate:checked ~ .localnav-hero.localnav .localnav-title a, .localnav-menustate:target ~ .localnav-hero.localnav .localnav-title a {
color: #333333; }
.theme-dark .localnav .localnav-title, .theme-dark .localnav .localnav-title a,
.localnav.theme-dark .localnav-title, .localnav.theme-dark .localnav-title a {
color: white; }
.theme-dark .localnav.localnav-sticking .localnav-title, .theme-dark .localnav.localnav-sticking .localnav-title a, .theme-dark.localnav.localnav-sticking .localnav-title, .theme-dark.localnav.localnav-sticking .localnav-title a {
color: white; }
.theme-dark .localnav-menustate:checked ~ .localnav .localnav-title, .theme-dark .localnav-menustate:target ~ .localnav .localnav-title, .theme-dark .localnav-menustate:checked ~ .localnav .localnav-title a, .theme-dark .localnav-menustate:target ~ .localnav .localnav-title a, .localnav-menustate:checked ~ .theme-dark.localnav .localnav-title, .localnav-menustate:target ~ .theme-dark.localnav .localnav-title, .localnav-menustate:checked ~ .theme-dark.localnav .localnav-title a, .localnav-menustate:target ~ .theme-dark.localnav .localnav-title a {
color: white; }
.localnav-title-image {
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
display: inline-block; }
.localnav-title-subhead, .localnav-title-comingsoon {
font-size: 21px;
line-height: 1;
font-weight: 300;
letter-spacing: 0em; }
@media only screen and (max-width: 767px) {
.localnav-title-subhead, .localnav-title-comingsoon {
font-size: 14px;
line-height: 1;
font-weight: 300;
letter-spacing: 0em; } }
.localnav-title-comingsoon {
opacity: 0.6; }
html.ie8 .localnav-title-comingsoon {
color: #666666; }
.localnav.localnav-hero html.ie8 .localnav-title-comingsoon {
color: #999999; }
.theme-dark .localnav html.ie8 .localnav-title-comingsoon,
.localnav.theme-dark html.ie8 .localnav-title-comingsoon {
color: #999999; }
.localnav-title-apple {
font-size: 28px;
line-height: 1;
font-weight: 400;
letter-spacing: 0em;
padding-left: 2px;
font-family: "Apple Icons"; }
@media only screen and (max-width: 767px) {
.localnav-title-apple {
font-size: 19px;
line-height: 1;
font-weight: 400;
letter-spacing: 0em; } }
@media only screen and (max-width: 767px) {
.localnav-title-apple {
padding-left: 0; } }
/**
* Document Element
*/
.has-modal {
overflow: hidden; }
.has-modal-full-viewport {
position: fixed;
width: 100%;
height: 100%;
overflow: hidden; }
.has-modal-full-viewport body {
height: 100%;
overflow: hidden; }
/**
* moved to /sf/components/modal.css 7/23/19
*/
/**
* moved to /sf/components/videos.css 7/23/19
*/
/**
* Declares $map-images
*/
/**
* This map hold all Images files
*
* @type Map
*/
/**
* Apply CSS only to retina devices
*
* @group retina
*
*/
/**
* Uses margin left/right auto to center a block level element.
*/
/**
* Adds a linear gradient using the provided $fromColor and $toColor
* @param {string} $fromColor A color hex
* @param {string} $toColor A color hex
* @type mixin
* @return {string} Linear gradient styles with background-color fallback
*/
/*
SCSS variables are information about icon's compiled state, stored under its original file name
.icon-home {
width: $icon-home-width;
}
The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;
*/
/*
The provided mixins are intended to be used with the array-like variables
.icon-home {
@include sprite-width($icon-home);
}
.icon-email {
@include sprite($icon-email);
}
*/
body.cursor-pointer, body.cursor-pointer * {
cursor: pointer; }
body.cursor-pointer, body.cursor-pointer * {
cursor: pointer; }
body > object {
display: none; }