#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 {
    font-weight: normal;
    text-size-adjust: 100%
}

#localnav, #localnav:before, #localnav:after, #localnav * ,
#localnav * :before, #localnav * :after {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin: 0;
    padding: 0;
    pointer-events: auto;
    letter-spacing: normal
}

#localnav * , #localnav * :before, #localnav * :after {
    font-size: 1em;
    font-family: inherit;
    * font-family: expression(this.parentNode.currentStyle['font-family']);
    font-weight: inherit;
    * font-weight: expression(this.parentNode.currentStyle['font-weight']);
    line-height: inherit;
    * line-height: expression(this.parentNode.currentStyle['line-height']);
    text-align: inherit;
    * text-align: expression(this.parentNode.currentStyle['text-align'])
}

#localnav article, #localnav aside, #localnav details, #localnav figcaption,
#localnav figure, #localnav footer, #localnav header, #localnav nav,
#localnav section {
    display: block
}

#localnav img {
    border: 0;
    vertical-align: middle
}

#localnav ul {
    list-style: none
}

#localnav, #localnav input, #localnav textarea, #localnav select,
#localnav 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
}

#localnav, #localnav select, #localnav button {
    font-family: "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

#localnav[lang=ja-JP], #localnav[lang=ja-JP] select, #localnav[lang=ja-JP] button {
    font-family: "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

#localnav[lang=ko-KR], #localnav[lang=ko-KR] select, #localnav[lang=ko-KR] button {
    font-family: "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

#localnav[lang=th-TH], #localnav[lang=th-TH] select, #localnav[lang=th-TH] button {
    font-family: "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

#localnav[lang=zh-CN], #localnav[lang=zh-CN] select, #localnav[lang=zh-CN] button {
    font-family: "HanHei SC", "PingHei", "PingFang SC", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

#localnav[lang=zh-HK], #localnav[lang=zh-HK] select, #localnav[lang=zh-HK] button {
    font-family: "HanHei TC", "MHei", "PingFang HK", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

#localnav[lang=zh-MO], #localnav[lang=zh-MO] select, #localnav[lang=zh-MO] button {
    font-family: "HanHei TC", "MHei", "PingFang HK", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

#localnav[lang=zh-TW], #localnav[lang=zh-TW] select, #localnav[lang=zh-TW] button {
    font-family: "HanHei TC", "MHei", "PingFang TC", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

#localnav input, #localnav textarea {
    font-family: "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

#localnav[lang=ja-JP] input, #localnav[lang=ja-JP] textarea {
    font-family: "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

#localnav[lang=ko-KR] input, #localnav[lang=ko-KR] textarea {
    font-family: "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

#localnav[lang=th-TH] input, #localnav[lang=th-TH] textarea {
    font-family: "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

#localnav[lang=zh-CN] input, #localnav[lang=zh-CN] textarea {
    font-family: "PingFang SC", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

#localnav[lang=zh-HK] input, #localnav[lang=zh-HK] textarea {
    font-family: "PingFang HK", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

#localnav[lang=zh-MO] input, #localnav[lang=zh-MO] textarea {
    font-family: "PingFang HK", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

#localnav[lang=zh-TW] input, #localnav[lang=zh-TW] textarea {
    font-family: "PingFang TC", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

#localnav a, #localnav a:hover {
    text-decoration: none
}

#localnav.no-js a:hover {
    text-decoration: none
}

#localnav.no-touch a:hover {
    text-decoration: none
}

#localnav .nav-title {
    font-size: 28px;
    line-height: 1.85714;
    font-weight: 300;
    letter-spacing: normal;
    cursor: default;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    height: 52px;
    white-space: nowrap
}

#localnav .nav-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    min-height: 100%;
    z-index: 1
}

#localnav .nav-content {
    margin: 0 auto;
    max-width: 980px;
    padding: 0 22px;
    position: relative;
    z-index: 2
}

#localnav .nav-content:before, #localnav .nav-content:after {
    content: ' ';
    display: table
}

#localnav .nav-content:after {
    clear: both
}

#localnav.ie7 .nav-content {
    zoom: 1
}

@media only screen and (max-width: 1023px) {
    #localnav .nav-content {
        border-bottom: none
    }
}

@media only screen and (max-width: 767px) {
    #localnav .nav-content {
        padding: 0 16px
    }
}

#localnav .nav-title {
    font-size: 28px;
    line-height: 1.85714;
    font-weight: 300;
    letter-spacing: normal;
    cursor: default;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    height: 52px;
    white-space: nowrap
}

@media only screen and (max-width: 767px) {
    #localnav .nav-title {
        font-size: 20px;
        line-height: 2.4;
        font-weight: 300;
        letter-spacing: normal
    }
}

@media only screen and (max-width: 767px) {
    #localnav .nav-title {
        display: inline-block;
        line-height: 48px;
        height: 48px
    }

    #localnav.ie7 .nav-title {
        display: inline;
        zoom: 1
    }
}

#localnav .nav-title a {
    display: inline-block;
    line-height: 1;
    margin: 0;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle
}




#localnav .nav-menu {
    font-size: 13px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: normal;
    float: right;
    line-height: 44px;
    padding-top: 8px
}

@media only screen and (max-width: 767px) {
    #localnav .nav-menu {
        font-size: 16px;
        line-height: 1;
        font-weight: 400;
        letter-spacing: normal
    }
}

#localnav[lang=ja-JP] .nav-menu {
    font-size: 14px
}

@media only screen and (max-width: 767px) {
    #localnav[lang=ja-JP] .nav-menu {
        font-size: 16px
    }
}

#localnav[lang=ko-KR] .nav-menu {
    font-size: 14px
}

@media only screen and (max-width: 767px) {
    #localnav[lang=ko-KR] .nav-menu {
        font-size: 16px
    }
}

@media only screen and (max-width: 767px) {
    #localnav .nav-menu {
        line-height: 48px;
        padding-top: 0;
        width: 100%
    }
}

#localnav .nav-menu-tray {
    float: left
}

@media only screen and (max-width: 767px) {
    #localnav .nav-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
    }

    #nav-menustate:checked ~ #localnav .nav-menu-tray, #nav-menustate:target ~ #localnav .nav-menu-tray {
        max-height: 400px;
        max-height: -webkit-calc(100vh - 48px - 48px);
        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) {
    #nav-menustate:checked ~ #localnav .nav-menu-tray, #nav-menustate:target ~ #localnav .nav-menu-tray {
        max-height: 280px;
        max-height: -webkit-calc(100vh - 48px - 48px);
        max-height: calc(100vh - 48px - 48px)
    }
}

@media only screen and (max-width: 767px) {
    #nav-menustate:checked ~ #localnav.ac-ln-opening .nav-menu-tray,
    #nav-menustate:target ~ #localnav.ac-ln-opening .nav-menu-tray {
        overflow-y: hidden
    }

    #nav-menustate:checked ~ #localnav.ac-ln-sticking .nav-menu-tray,
    #nav-menustate:target ~ #localnav.ac-ln-sticking .nav-menu-tray {
        max-height: -webkit-calc(100vh - 48px);
        max-height: calc(100vh - 48px)
    }
}

@media only screen and (max-width: 767px) {
    #localnav .nav-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
    }

    #nav-menustate:checked ~ #localnav .nav-menu-items, #nav-menustate:target ~ #localnav .nav-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 .nav-menu-item {
    margin-left: 24px;
    float: left;
    list-style: none
}

@media only screen and (max-width: 1023px) {
    #localnav .nav-menu-item {
        margin-left: 16px
    }
}

@media only screen and (max-width: 767px) {
    #localnav .nav-menu-item {
        margin-left: 0;
        display: inline-block;
        float: none;
        line-height: 48px;
        width: 100%;
        height: 48px
    }

    #localnav.ie7 .nav-menu-item {
        display: inline;
        zoom: 1
    }

    #localnav .nav-menu-item:first-child .nav-menu-link {
        border-top: 0
    }

    .ac-theme-dark #localnav .nav-menu-item, #localnav.localnav-dark .nav-menu-item {
        border-color: rgba(68, 68, 68, 0.5)
    }
    
    a.nav-menu-link {
        color: #666;
    }
    
    a.nav-menu-link:hover {
        color: #666;
    }

    #localnav .nav-menu-item:nth-child(1) .nav-menu-link {
        -webkit-transition-delay: 0.07s;
        transition-delay: 0.07s
    }

    #localnav .nav-menu-item:nth-child(2) .nav-menu-link {
        -webkit-transition-delay: 0.14s;
        transition-delay: 0.14s
    }

    #localnav .nav-menu-item:nth-child(3) .nav-menu-link {
        -webkit-transition-delay: 0.21s;
        transition-delay: 0.21s
    }

    #localnav .nav-menu-item:nth-child(4) .nav-menu-link {
        -webkit-transition-delay: 0.28s;
        transition-delay: 0.28s
    }

    #localnav .nav-menu-item:nth-child(5) .nav-menu-link {
        -webkit-transition-delay: 0.35s;
        transition-delay: 0.35s
    }

    #localnav .nav-menu-item:nth-child(6) .nav-menu-link {
        -webkit-transition-delay: 0.42s;
        transition-delay: 0.42s
    }

    #localnav .nav-menu-item:nth-child(7) .nav-menu-link {
        -webkit-transition-delay: 0.49s;
        transition-delay: 0.49s
    }
}

#localnav .nav-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 .nav-background:after {
    background-color: rgba(153, 153, 153, 0.4)
}

@media only screen and (max-width: 767px) {
    #localnav .nav-background {
        min-height: 48px;
        -webkit-transition: background-color 0.5s ease 0.7s;
        transition: background-color 0.5s ease 0.7s
    }

    #localnav.localnav-hero .nav-background {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }
}

#localnav .nav-background:after {
    margin-left: -490px;
    left: 50%;
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    width: 980px;
    height: 1px;
    z-index: 1
}


@media only screen and (max-width: 1023px) {
    #localnav .nav-background:after {
        margin-left: 0;
        left: 0;
        width: 100%
    }
}

@media only screen and (min-width: 1023px) {
    
}

@media only screen and (min-width: 1023px) {
    
}

/*@media all and (min-width:67.5em) {*/
/*    .c-product-buy {*/
/*        -ms-grid-columns:1fr 0 1fr 0 1fr;*/
/*        grid-template-columns:1fr 1fr 1fr;*/
/*        grid-template-areas:"mac windows ipad";*/
/*        grid-gap:0*/
/*    }*/
/*}*/

/*@media all and (min-width:40em) {*/
/*    .c-product-buy {*/
/*        -ms-grid-columns:1fr 1fr;*/
/*        grid-template-columns:1fr 1fr;*/
/*        -ms-grid-rows:auto 24px auto;*/
/*        grid-template-rows:auto auto;*/
/*        grid-template-areas:"mac windows" "ipad ipad";*/
/*        grid-row-gap:24px*/
/*    }*/
/*}*/