.pro-top p{margin-bottom:0px !important}.el-menu i{color:#333 !important}.new-content{width:100% !important}.new-content img{width:100% !important;height:100% !important}.new-content video{width:100% !important;height:100% !important}.new-content{width:100% !important}.new-content img{width:100% !important;height:100% !important}.new-content video{width:100% !important;height:100% !important}.pro-top{width:100% !important}.pro-top img{width:100% !important;height:100% !important}.pro-top video{width:100% !important;height:100% !important}
.list-xs[data-v-dab23d18]{width:100%;padding:15px 30px;text-align:center;box-sizing:border-box}.el-menu-itemss[data-v-dab23d18]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.el-dropdown[data-v-dab23d18]{font-size:16px !important}.navigation-content[data-v-dab23d18]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;width:223px;overflow:hidden;color:#333;font-weight:normal;margin-top:5px}.navigation-link[data-v-dab23d18]{font-weight:normal;color:#dc002f !important;font-size:14px}.js-megaMenu[data-v-dab23d18]{cursor:pointer}.menu[data-v-dab23d18]{display:flex;flex-direction:column;width:100%;box-shadow:rgba(136,136,136,.35) 3px 3px 5px 0px}.menu-head[data-v-dab23d18]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;min-width:1200px;margin:0 auto;padding:25px 0}.menu-head img[data-v-dab23d18]{width:140px;height:40px}.menu-head .menu-head-search[data-v-dab23d18]{display:flex;width:396px;height:36px;border:1px solid #005197}.menu-head .menu-head-search .search[data-v-dab23d18]{border:0 !important;font-size:14px;font-weight:400;color:#fff;background:#005197;border-radius:0}.menu-list[data-v-dab23d18]{width:100%;position:relative;display:flex;flex-direction:column}.menu-list .list-menu[data-v-dab23d18]{width:1200px;margin:0 auto;padding:26px 0;display:flex;flex-direction:row;align-items:center}.menu-list .list-menu .logo[data-v-dab23d18]{width:276px}.menu-list .list-menu .logo img[data-v-dab23d18]{width:100%}.menu-list .list-menu .menu-hot[data-v-dab23d18]{position:absolute;top:-6px;left:105px}.menu-list .list-menu .menu-hot img[data-v-dab23d18]{width:36px;height:16px}.menu-list .list-menu .menu-list-content[data-v-dab23d18]{display:flex;flex-direction:row;flex:1;margin-left:300px}.menu-list .list-menu .menu-list[data-v-dab23d18]{color:#000;line-height:50px;font-size:16px;cursor:pointer;position:relative}.menu-list .list-menu .menu-list[data-v-dab23d18]:hover{background:#fff;color:#005197;font-size:16px}.menu-list .list-menu .menu-list .activeImg[data-v-dab23d18]{position:absolute;top:29px;z-index:2;left:40%}.menu-list .list-menu .menu-list .activeImg img[data-v-dab23d18]{width:32px;height:30px}.menu-list .list-menu .active[data-v-dab23d18]{background:#fff;color:#005197;font-size:16px}.menu-list .menu-list-down[data-v-dab23d18]{width:100%;background-color:#f7f7f7;position:absolute;top:100px;z-index:1000;animation:wrapper-gradient 2s linear}.menu-list .menu-list-down .menu-down-content[data-v-dab23d18]{width:1200px;margin:0 auto;display:flex;justify-content:space-between}.menu-list .menu-list-down .menu-down-content .activeIndex1[data-v-dab23d18]{margin-left:172px}.menu-list .menu-list-down .menu-down-content .activeIndex2[data-v-dab23d18]{margin-left:346px}.menu-list .menu-list-down .menu-down-content .activeIndex3[data-v-dab23d18]{margin-left:520px}.menu-list .menu-list-down .menu-down-content .activeIndex4[data-v-dab23d18]{margin-left:694px}.menu-list .menu-list-down .menu-down-content .activeIndex5[data-v-dab23d18]{margin-left:868px}.menu-list .menu-list-down .menu-down-content .activeIndex6[data-v-dab23d18]{margin-left:1042px}.menu-list .menu-list-down .menu-down-content ul[data-v-dab23d18]{width:160px;padding-top:20px;text-align:center}.menu-list .menu-list-down .menu-down-content ul li[data-v-dab23d18]{padding-bottom:13px;cursor:pointer;font-size:16px;color:#333;height:24px;line-height:24px}[data-v-dab23d18] .el-input__inner{border:0;height:36px !important;line-height:36px !important;font-size:14px;color:#999}@keyframes menu-list-down-dab23d18{0%{transform:translateY(-100%)}100%{transform:translateY(0)}}@keyframes menu-list-down-dab23d18{0%{transform:translateY(100%)}100%{transform:translateY(0)}}
.main[data-v-4c6c1fb2]{display:flex;flex-direction:column}.main .main-content[data-v-4c6c1fb2]{flex:1}
:root {
    font-size: 62.5%
}

* {
    padding: 0;
    margin: 0
}

*,
:after,
:before {
    box-sizing: border-box
}

.layout-header-logo a>img{
    width: 240px;
}
@media screen and (max-width:969px) {
    .box .top{
        margin-bottom: 20px !important;
    }
    .swiper-top .slide .item{
        display: flex !important;
        align-items: center !important;
        flex-direction: column !important;
        width: 62.2903225806vw;
        margin: 0;
    }
.prd-utility-marginBottom-2{
    width: 360px !important;
}
.prd-utility-marginBottom-2 img{
    height: auto !important;
}
    .layout-header.of-full .layout-header-globalIcon {
        width: 14px;
        height: 14px;
        margin-top: 1px;
        fill: #c9cbcb
    }
    .main-content{
        margin-top: 15px;
    }
    .newcenter .new-list .new-list-top{
        width: 100% !important;
    }
    .new-list-top .new-content video{
        width: 100% !important;
        
    }
    .form-group .el-select{
        width: 360px !important;
    }
    .about .about-banner{
        display: none;
    }
    .el-carousel__container{
        height: 70px !important;
    }
    .home-cardNews-body{
        font-size: 14px;
    }
}
.layout-header-regionGroup{
    display: flex;
    cursor: pointer;
}
.layout-header-regionGroup img{
    width: 20px;
    height: 20px;
}


main {
    display: block
}

p {
    margin-bottom: 16px
}

ol,
ul {
    list-style: none
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-size: 1em
}

a {
    text-decoration: underline;
    background-color: transparent
}

a:active,
a:focus,
a:hover {
    text-decoration: none
}

abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    border-bottom: none
}

b,
em,
strong {
    font-weight: 700
}

cite,
dfn,
em {
    font-style: normal
}

code,
kbd,
samp {
    font-family: monospace;
    font-size: 1em
}

small {
    font-size: 100%
}

i {
    font-style: italic
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    max-width: 100%;
    vertical-align: bottom;
    border-style: none
}

table {
    width: 100%;
    border-collapse: collapse
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: inherit;
    border-radius: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    cursor: pointer;
    background: none;
    border: 0;
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: none
}

legend {
    display: table;
    max-width: 100%;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

.video-js {
    overflow-wrap: normal
}

.layout-footer.of-primary {
    box-sizing: border-box;
    overflow: hidden;
    color: #fff;
    background: #484b4c
}

.theme-KC .layout-footer.of-primary,
html.theme-KC:not(.theme-noAdobeFont) .layout-footer.of-primary {
    font-family: Helvetica Neue, Helvetica, Arial, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif
}

@media screen and (max-width:969px) {
    [data-script-enabled=true] .is-menu-show .layout-footer.of-primary {
        position: fixed;
        top: 0;
        z-index: -100;
        visibility: hidden
    }
}

.layout-footer.of-primary .layout-footer-content {
    max-width: 1320px;
    padding: 48px 20px;
    margin: 0 auto;
    line-height: 1.5;
    background: #484b4c
}

@media screen and (max-width:969px) {
    .layout-footer.of-primary .layout-footer-content {
        padding: 64px 20px 80px
    }
}

.layout-footer.of-primary .layout-footer-utilityGroup {
    padding: 0;
    transition: padding .2s cubic-bezier(.4, 0, .2, 1)
}

.layout-footer.of-primary .layout-footer-utilityGroup.of-primary {
    display: flex;
    align-items: flex-start
}

@media screen and (max-width:969px) {
    .layout-footer.of-primary .layout-footer-utilityGroup.of-primary {
        flex-direction: column;
        align-items: inherit;
        padding: 0
    }
}

.layout-footer.of-primary .layout-footer-utilityGroup.of-primary>.layout-footer-utilityColumn {
    width: 100%;
    max-width: 550px
}

@media screen and (max-width:969px) {
    .layout-footer.of-primary .layout-footer-utilityGroup.of-primary>.layout-footer-utilityColumn {
        max-width: 100%
    }
}

.layout-footer.of-primary .layout-footer-utilityGroup.of-primary>.layout-footer-utilityColumn:nth-child(odd) {
    padding-right: 20px
}

@media screen and (max-width:969px) {
    .layout-footer.of-primary .layout-footer-utilityGroup.of-primary>.layout-footer-utilityColumn:nth-child(odd) {
        padding-right: 0
    }
}

@media screen and (max-width:1280px) {
    .layout-footer.of-primary .layout-footer-utilityGroup.of-primary>.layout-footer-utilityColumn:nth-child(odd):not(:only-child) {
        max-width: calc(1.49518rem + 41.80064vw);
        padding-right: calc(-30.27331rem + 35.36977vw)
    }
}

@media screen and (max-width:969px) {
    .layout-footer.of-primary .layout-footer-utilityGroup.of-primary>.layout-footer-utilityColumn:nth-child(odd):not(:only-child) {
        max-width: 100%;
        padding-right: 0
    }
}

@media screen and (max-width:969px) {
    .layout-footer.of-primary .layout-footer-utilityGroup.of-primary>.layout-footer-utilityColumn:not(:first-child) {
        margin-top: 40px
    }
}

.layout-footer.of-primary .layout-footer-utilityGroup.of-primary>.layout-footer-utilityColumn:only-child {
    max-width: 100%
}

.layout-footer.of-primary .layout-footer-utilityGroup.of-primary>.layout-footer-utilityColumn>:last-child {
    margin-bottom: 0
}

.layout-footer.of-primary .layout-footer-utilityGroup.of-secondary {
    display: flex;
    justify-content: space-between
}

.layout-footer.of-primary .layout-footer-utilityGroup+.layout-footer-utilityGroup {
    margin-top: 38px
}

@media screen and (max-width:969px) {
    .layout-footer.of-primary .layout-footer-utilityGroup+.layout-footer-utilityGroup {
        margin-top: 60px
    }
}

.layout-footer.of-primary .layout-footer-pageTopLink {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 1000;
    display: none;
    width: 80px;
    height: 80px;
    overflow: hidden;
    font-size: 1.6rem;
    white-space: nowrap;
    background: #2e3133
}

.layout-footer.of-primary .layout-footer-pageTopLink:before {
    position: absolute;
    display: block;
    content: "";
    top: 33px;
    left: 50%;
    width: 13px;
    height: 2px;
    background: #fff;
    transform: translateX(-50%)
}

.layout-footer.of-primary .layout-footer-pageTopLink:after {
    position: absolute;
    display: block;
    content: "";
    top: 38px;
    left: 50%;
    width: 9px;
    height: 9px;
    margin-left: -1px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(-45deg) translateX(-50%)
}

.layout-footer.of-primary .layout-footer-pageTopLinkText {
    position: absolute;
    left: 100%
}

.layout-footer.of-primary .layout-footer-logo {
    margin: 6px 0 24px;
    line-height: 1
}

@media screen and (max-width:969px) {
    .layout-footer.of-primary .layout-footer-logo {
        margin-top: 0;
        margin-bottom: 32px
    }
}

.layout-footer.of-primary .layout-footer-logo img {
    width: 113px;
    height: 50px
}

@media screen and (max-width:969px) {
    .layout-footer.of-primary .layout-footer-logo img {
        width: 117px
    }
}

.theme-KC .layout-footer.of-primary .layout-footer-logo img {
    width: 211px
}

@media screen and (max-width:969px) {
    .theme-KC .layout-footer.of-primary .layout-footer-logo img {
        width: 215px
    }
}

.layout-footer.of-primary .layout-footer-linkList {
    display: inline-flex;
    flex: 1;
    flex-wrap: wrap;
    width: 100%;
    margin-top: -14px;
    margin-bottom: 16px;
    line-height: 1.5;
    list-style: none
}

@media screen and (max-width:969px) {
    .layout-footer.of-primary .layout-footer-linkList {
        flex: inherit;
        margin: -9px 0 0
    }
}

.layout-footer.of-primary .layout-footer-linkList>li {
    position: relative;
    flex: 1;
    min-width: 210px;
    max-width: 210px;
    margin-top: 13px;
    margin-right: 10px;
    font-size: 1.4rem
}

@media screen and (max-width:969px) {
    .layout-footer.of-primary .layout-footer-linkList>li {
        flex: inherit;
        width: 100%;
        min-width: inherit;
        max-width: 100%;
        margin-top: 9px;
        margin-right: 0
    }
}

.layout-footer.of-primary .layout-footer-linkList>li:nth-child(2n) {
    max-width: 100%
}

.layout-footer.of-primary .layout-footer-linkList a {
    display: inline-block;
    color: #fff;
    text-decoration: none
}

.layout-footer.of-primary .layout-footer-linkList a:active,
.layout-footer.of-primary .layout-footer-linkList a:focus,
.layout-footer.of-primary .layout-footer-linkList a:hover {
    text-decoration: underline
}

.layout-footer.of-primary .layout-footer-copyrightText {
    margin-bottom: 16px;
    font-size: 1.4rem;
    line-height: 1.5;
    color: #b9bdbe
}

@media screen and (max-width:969px) {
    .layout-footer.of-primary .layout-footer-copyrightText {
        width: 100%;
        font-size: 1.1rem
    }
}

.layout-footer.of-primary .layout-footer-copyrightText small {
    font-size: inherit
}

.layout-footer.of-primary .layout-footer-address {
    width: 100%;
    margin: 10px 0 4px;
    font-size: 1.4rem;
    line-height: 1.5;
    color: #b9bdbe
}

@media screen and (max-width:969px) {
    .layout-footer.of-primary .layout-footer-address {
        margin: 10px 0 16px
    }
}

.layout-footer.of-primary .layout-footer-address .ContactInfo,
.layout-footer.of-primary .layout-footer-address br {
    display: none
}

.layout-footer.of-primary .layout-footer-companyName {
    display: block;
    margin-right: 5px;
    margin-bottom: 16px;
    font-weight: 700;
    color: #fff
}

.theme-KC .layout-footer.of-primary .layout-footer-companyName {
    font-weight: 400
}

.layout-footer.of-primary .layout-footer-phoneNumber {
    display: inline-flex;
    flex: 1;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 4px;
    font-size: 1.4rem;
    line-height: 1.5
}

.layout-footer.of-primary .layout-footer-phoneNumber [href^="tel:"] {
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    padding-right: 24px;
    font-size: 1.4rem;
    line-height: 1.5;
    color: #b9bdbe;
    text-decoration: none;
    cursor: default
}

@media screen and (max-width:969px) {
    .layout-footer.of-primary .layout-footer-phoneNumber [href^="tel:"] {
        display: inline-flex;
        align-items: center;
        width: 100%;
        max-width: 100%;
        padding: 11px 48px 12px 20px;
        margin-top: 16px;
        color: #fff;
        background-color: #13778f;
        border-radius: 4px
    }

    .layout-footer.of-primary .layout-footer-phoneNumber [href^="tel:"]:first-child {
        margin-top: 0
    }
}

.layout-footer.of-primary .layout-footer-phoneNumber [href^="tel:"]:before {
    position: absolute;
    display: block;
    content: "";
    top: 50%;
    right: 0;
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.21778 6.92444C4.49778 9.44 6.56 11.4933 9.07556 12.7822L11.0311 10.8267C11.2711 10.5867 11.6267 10.5067 11.9378 10.6133C12.9333 10.9422 14.0089 11.12 15.1111 11.12C15.6 11.12 16 11.52 16 12.0089V15.1111C16 15.6 15.6 16 15.1111 16C6.76444 16 0 9.23556 0 0.888889C0 0.4 0.4 0 0.888889 0H4C4.48889 0 4.88889 0.4 4.88889 0.888889C4.88889 2 5.06667 3.06667 5.39556 4.06222C5.49333 4.37333 5.42222 4.72 5.17333 4.96889L3.21778 6.92444Z' fill='%23b9bdbe'/%3E%3C/svg%3E");
    transform: translateY(-50%)
}

@media screen and (max-width:969px) {
    .layout-footer.of-primary .layout-footer-phoneNumber [href^="tel:"]:before {
        right: 23px;
        width: 16px;
        height: 16px;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.21778 6.92444C4.49778 9.44 6.56 11.4933 9.07556 12.7822L11.0311 10.8267C11.2711 10.5867 11.6267 10.5067 11.9378 10.6133C12.9333 10.9422 14.0089 11.12 15.1111 11.12C15.6 11.12 16 11.52 16 12.0089V15.1111C16 15.6 15.6 16 15.1111 16C6.76444 16 0 9.23556 0 0.888889C0 0.4 0.4 0 0.888889 0H4C4.48889 0 4.88889 0.4 4.88889 0.888889C4.88889 2 5.06667 3.06667 5.39556 4.06222C5.49333 4.37333 5.42222 4.72 5.17333 4.96889L3.21778 6.92444Z' fill='%23ffffff'/%3E%3C/svg%3E")
    }
}

.layout-footer.of-primary .layout-footer-phoneNumber [href^="tel:"]+.TelSlsh+[href^="tel:"] {
    margin-top: 4px
}

@media screen and (max-width:969px) {
    .layout-footer.of-primary .layout-footer-phoneNumber [href^="tel:"]+.TelSlsh+[href^="tel:"] {
        margin-top: 16px
    }
}

.layout-footer.of-primary .layout-footer-phoneNumber em {
    font-weight: 400
}

.layout-footer.of-primary .layout-footer-phoneNumber .TelSlsh {
    display: none
}

.layout-footer.of-primary .layout-footer-socialList {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: -16px;
    margin-bottom: 16px;
    margin-left: -20px;
    list-style: none
}

@media screen and (max-width:969px) {
    .layout-footer.of-primary .layout-footer-socialList:last-child {
        margin-bottom: -15px !important
    }
}

.layout-footer.of-primary .layout-footer-socialList>li {
    margin-top: 16px;
    margin-left: 20px
}

@media screen and (min-width:970px) {

    .layout-footer.of-primary .layout-footer-socialList a:active img,
    .layout-footer.of-primary .layout-footer-socialList a:active svg,
    .layout-footer.of-primary .layout-footer-socialList a:focus img,
    .layout-footer.of-primary .layout-footer-socialList a:focus svg,
    .layout-footer.of-primary .layout-footer-socialList a:hover img,
    .layout-footer.of-primary .layout-footer-socialList a:hover svg {
        opacity: .7
    }
}

.layout-footer.of-primary .layout-footer-socialList img,
.layout-footer.of-primary .layout-footer-socialList svg {
    width: 32px;
    height: 32px;
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1)
}

.layout-footer.of-primary .layout-footer-icpText {
    display: flex;
    align-items: flex-end;
    margin-bottom: 20px;
    font-size: 1.4rem;
    line-height: 1.5;
    color: #b9bdbe
}

.layout-footer.of-primary .layout-footer-icpText>small {
    display: flex;
    align-items: center;
    font-size: inherit
}

.layout-footer.of-primary .layout-footer-icpText>small+small {
    margin-left: 16px
}

.layout-footer.of-primary .layout-footer-icpText>small+small a {
    display: flex
}

.layout-footer.of-primary .layout-footer-icpText>small+small img {
    min-width: inherit;
    height: 100%;
    max-height: 20px;
    margin-bottom: 0
}

.layout-footer.of-primary .layout-footer-icpText>small:first-child+small {
    margin-left: 5px
}

.layout-footer.of-primary .layout-footer-icpText a {
    display: inline-block;
    color: inherit;
    text-decoration: none
}

.layout-footer.of-primary .layout-footer-icpText a:active,
.layout-footer.of-primary .layout-footer-icpText a:focus,
.layout-footer.of-primary .layout-footer-icpText a:hover {
    text-decoration: underline
}

.layout-footer.of-primary .layout-footer-icpText img {
    display: inline-block;
    min-width: 62px;
    min-height: 0;
    margin-right: 5px;
    margin-bottom: -8px;
    vertical-align: middle
}

.layout-footer.of-full {
    color: #fff;
    width: 100%;
    background: #2e3133
}



body.DownloadListClose .layout-footer.of-full,
body.DownloadListOpen .layout-footer.of-full {
    padding-bottom: 0
}



.layout-footer.of-full .layout-footer-content:not(.of-primary) {
    max-width: 1280px;
    padding: 150px 0 150px 110px;
    margin: 0 auto;
}

@media screen and (max-width:1320px) {
    .layout-footer.of-full .layout-footer-content:not(.of-primary) {
        padding: calc(-11.32479rem + 19.94302vw) 0 calc(-17.34188rem + 24.50142vw) calc(-22.84615rem + 25.64103vw);
        margin-left: 20px
    }
}

@media screen and (max-width:969px) {
    .layout-footer.of-full .layout-footer-content:not(.of-primary) {
        padding: 80px 20px 64px;
        margin-left: 0
    }
}

.layout-footer.of-full .layout-footer-content.of-primary {
    position: relative;
    z-index: 0;
    max-width: 1280px;
    margin: 0 auto;
    line-height: 1.5;
}

body.DownloadListOpen .layout-footer.of-full .layout-footer-content.of-primary {
    padding-bottom: 245px
}

@media screen and (max-width:1320px) {
    .layout-footer.of-full .layout-footer-content.of-primary {
        padding: calc(-4.36667rem + 11.11111vw) 0 48px calc(-22.84615rem + 25.64103vw);
        margin-left: 20px
    }
}

@media screen and (max-width:969px) {
    .layout-footer.of-full .layout-footer-content.of-primary {
        padding: 64px 20px 80px 44px
    }
}
.layout-footer.of-full .layout-footer-utilityGroup {
    display: flex;
    align-items: flex-start;
    padding: 0;
    transition: padding .2s cubic-bezier(.4, 0, .2, 1)
}

@media screen and (max-width:969px) {
    .layout-footer.of-full .layout-footer-utilityGroup {
        flex-direction: column;
        align-items: inherit;
        padding: 0
    }
}

.layout-footer.of-full .layout-footer-utilityGroup+.layout-footer-utilityGroup {
    margin-top: 80px
}

@media screen and (max-width:969px) {
    .layout-footer.of-full .layout-footer-utilityGroup+.layout-footer-utilityGroup {
        margin-top: 77px
    }
}

.layout-footer.of-full .layout-footer-utilityGroup>.layout-footer-utilityColumn {
    width: 100%;
    max-width: 550px
}

@media screen and (max-width:969px) {
    .layout-footer.of-full .layout-footer-utilityGroup>.layout-footer-utilityColumn {
        max-width: 100%;
        padding-right: 0
    }
}

.layout-footer.of-full .layout-footer-utilityGroup>.layout-footer-utilityColumn:nth-child(odd):not(:only-child) {
    padding-right: 150px
}

@media screen and (max-width:1280px) {
    .layout-footer.of-full .layout-footer-utilityGroup>.layout-footer-utilityColumn:nth-child(odd):not(:only-child) {
        max-width: calc(1.49518rem + 41.80064vw);
        padding-right: calc(-30.27331rem + 35.36977vw)
    }
}

@media screen and (max-width:969px) {
    .layout-footer.of-full .layout-footer-utilityGroup>.layout-footer-utilityColumn:nth-child(odd):not(:only-child) {
        max-width: 100%;
        padding-right: 0
    }
}

@media screen and (max-width:969px) {
    .layout-footer.of-full .layout-footer-utilityGroup>.layout-footer-utilityColumn:not(:first-child) {
        margin-top: 32px
    }
}

.layout-footer.of-full .layout-footer-utilityGroup>.layout-footer-utilityColumn:only-child {
    max-width: 100%;
    padding-right: 20px
}

.layout-footer.of-full .layout-footer-utilityGroup>.layout-footer-utilityColumn>:last-child {
    margin-bottom: 0
}

@media screen and (max-width:969px) {
    .layout-footer.of-full .layout-footer-utilityGroup.of-primary>.layout-footer-utilityColumn:not(:first-child) {
        margin-top: 42px
    }
}

@media screen and (max-width:969px) {
    .layout-footer.of-full .layout-footer-utilityGroup.of-secondary>.layout-footer-utilityColumn:not(:first-child) {
        margin-top: 64px
    }
}

.layout-footer.of-full .layout-footer-copy {
    margin-bottom: 20px;
    font-size: 3.4rem;
    font-weight: 700;
    line-height: 1.25
}

@media screen and (max-width:1280px) {
    .layout-footer.of-full .layout-footer-copy {
        font-size: calc(2.56522rem + .65217vw)
    }
}

@media screen and (max-width:969px) {
    .layout-footer.of-full .layout-footer-copy {
        margin-bottom: 24px
    }
}

.layout-footer.of-full .layout-footer-lead {
    margin-bottom: 16px;
    font-size: 1.4rem;
    color: #969a9b
}

@media screen and (max-width:969px) {
    .layout-footer.of-full .layout-footer-lead {
        font-size: 1.2rem
    }
}

.layout-footer.of-full .layout-footer-utilityText {
    margin-bottom: 16px;
    font-size: 1.4rem;
    color: #969a9b
}

.layout-footer.of-full .layout-footer-buttonList {
    display: flex;
    flex-wrap: wrap;
    margin: -16px 0 40px -32px
}

@media screen and (max-width:969px) {
    .layout-footer.of-full .layout-footer-buttonList {
        margin: -16px 0 32px -32px
    }
}

.layout-footer.of-full .layout-footer-buttonList+.layout-footer-buttonList {
    margin-top: -56px
}

@media screen and (max-width:969px) {
    .layout-footer.of-full .layout-footer-buttonList+.layout-footer-buttonList {
        margin-top: -48px
    }
}

.layout-footer.of-full .layout-footer-buttonList>li {
    display: flex;
    width: 100%;
    max-width: 200px;
    margin: 16px 0 0 32px
}

@media screen and (max-width:969px) {
    .layout-footer.of-full .layout-footer-buttonList>li {
        max-width: 100%
    }
}

.layout-footer.of-full .layout-footer-buttonList.of-phoneNumber>li {
    flex-wrap: wrap;
    max-width: 100%
}

.layout-footer.of-full .layout-footer-buttonList.of-phoneNumber>li>:nth-child(4n+1) {
    margin-left: 0 !important
}

.layout-footer.of-full .layout-footer-buttonList.of-phoneNumber>li+li {
    margin-top: 0
}

.layout-footer.of-full .layout-footer-buttonList.of-phoneNumber [href^="tel:"] {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: 100%;
    max-width: 200px;
    padding: 9px 48px 10px 20px;
    margin-top: 16px;
    font-size: 1.4rem;
    color: #fff;
    text-decoration: none;
    cursor: default;
    background-color: #2e3133;
    border-radius: 4px
}

@media screen and (max-width:969px) {
    .layout-footer.of-full .layout-footer-buttonList.of-phoneNumber [href^="tel:"] {
        max-width: 100%;
        padding: 11px 48px 12px 20px;
        background-color: #13778f
    }
}

.layout-footer.of-full .layout-footer-buttonList.of-phoneNumber [href^="tel:"]~[href^="tel:"] {
    margin-left: 32px
}

@media screen and (max-width:969px) {
    .layout-footer.of-full .layout-footer-buttonList.of-phoneNumber [href^="tel:"]~[href^="tel:"] {
        margin-left: 0
    }
}

.layout-footer.of-full .layout-footer-buttonList.of-phoneNumber [href^="tel:"]:before {
    position: absolute;
    display: block;
    content: "";
    top: 50%;
    right: 21px;
    width: 16px;
    height: 16px;
    transform: translateY(-50%)
}

@media screen and (max-width:969px) {
    .layout-footer.of-full .layout-footer-buttonList.of-phoneNumber [href^="tel:"]:before {
        right: 23px
    }
}

.layout-footer.of-full .layout-footer-buttonList.of-phoneNumber [href^="tel:"]:after {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #545859;
    border-radius: 4px
}

@media screen and (max-width:969px) {
    .layout-footer.of-full .layout-footer-buttonList.of-phoneNumber [href^="tel:"]:after {
        display: none
    }
}

.layout-footer.of-full .layout-footer-buttonList.of-phoneNumber [href^="tel:"] em {
    font-weight: 400
}

.layout-footer.of-full .layout-footer-buttonList.of-phoneNumber [href^="tel:"] img {
    display: block
}

@media screen and (max-width:969px) {
    .layout-footer.of-full .layout-footer-buttonList.of-phoneNumber [href^="tel:"] img {
        display: inline-block;
        margin-top: -1px;
        margin-right: 4px;
        vertical-align: middle
    }
}

.layout-footer.of-full .layout-footer-buttonList.of-phoneNumber .TelSlsh {
    display: none
}

.layout-footer.of-full .layout-footer-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: 100%;
    padding: 9px 48px 10px 20px;
    font-size: 1.4rem;
    color: #fff;
    text-decoration: none;
    background-color: #dc002f;
    border-radius: 4px;
    transition: color .2s cubic-bezier(.4, 0, .2, 1), background .2s cubic-bezier(.4, 0, .2, 1)
}

@media screen and (max-width:969px) {
    .layout-footer.of-full .layout-footer-button {
        padding: 11px 48px 12px 20px
    }
}

.layout-footer.of-full .layout-footer-button:before {
    position: absolute;
    display: block;
    content: "";
    top: 50%;
    right: 21px;
    width: 16px;
    height: 16px;
    transform: translateY(-50%)
}

@media screen and (max-width:969px) {
    .layout-footer.of-full .layout-footer-button:before {
        right: 23px
    }
}

.layout-footer.of-full .layout-footer-button:after {
    position: absolute;
    display: block;
    content: "";
    top: 50%;
    right: 30px;
    width: 8px;
    height: 8px;
    margin-top: -2px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg) translateY(-50%)
}

.layout-footer.of-full .layout-footer-button>svg {
    position: absolute;
    top: 50%;
    right: 14px;
    display: block;
    width: 30px;
    height: 30px;
    fill: #fff;
    transform: translateY(-50%)
}

@media screen and (min-width:970px) {

    .layout-footer.of-full .layout-footer-button:active,
    .layout-footer.of-full .layout-footer-button:focus,
    .layout-footer.of-full .layout-footer-button:hover {
        background-color: #d30432
    }
}

.layout-footer.of-full .layout-footer-button.of-primary {
    background-color: #13778f
}

@media screen and (min-width:970px) {

    .layout-footer.of-full .layout-footer-button.of-primary:active,
    .layout-footer.of-full .layout-footer-button.of-primary:focus,
    .layout-footer.of-full .layout-footer-button.of-primary:hover {
        background-color: #25839a
    }
}

.layout-footer.of-full .layout-footer-button.of-icon-faq:after {
    display: none
}

.layout-footer.of-full .layout-footer-button.of-icon-faq>svg {
    right: 21px;
    width: 16px;
    height: 16px
}

.layout-footer.of-full .layout-footer-button.of-icon-download:after,
.layout-footer.of-full .layout-footer-button.of-icon-inquiry:after {
    display: none
}

.layout-footer.of-full .layout-footer-button.of-icon-phone:before {
}

.layout-footer.of-full .layout-footer-button.of-icon-phone:after {
    display: none
}

.layout-footer.of-full .layout-footer-button[href^="tel:"] {
    position: relative;
    cursor: default;
    background-color: #2e3133
}

@media screen and (max-width:969px) {
    .layout-footer.of-full .layout-footer-button[href^="tel:"] {
        background-color: #13778f
    }
}

.layout-footer.of-full .layout-footer-button[href^="tel:"]:after {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    right: inherit;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: 0;
    border: 2px solid #545859;
    border-radius: 4px;
    transform: inherit
}

@media screen and (max-width:969px) {
    .layout-footer.of-full .layout-footer-button[href^="tel:"]:after {
        display: none
    }
}

.layout-footer.of-full .layout-footer-buttonText {
    display: block;
    width: 100%
}

.layout-footer.of-full .layout-footer-pageTopLink {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 1000;
    display: none;
    width: 80px;
    height: 80px;
    overflow: hidden;
    font-size: 1.6rem;
    white-space: nowrap;
    background: #2e3133;
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1)
}

.layout-footer.of-full .layout-footer-pageTopLink:before {
    position: absolute;
    display: block;
    content: "";
    top: 33px;
    left: 50%;
    width: 13px;
    height: 2px;
    background: #fff;
    transform: translateX(-50%)
}

.layout-footer.of-full .layout-footer-pageTopLink:after {
    position: absolute;
    display: block;
    content: "";
    top: 38px;
    left: 50%;
    width: 9px;
    height: 9px;
    margin-left: -1px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(-45deg) translateX(-50%)
}

.layout-footer.of-full .layout-footer-pageTopLink:active,
.layout-footer.of-full .layout-footer-pageTopLink:focus,
.layout-footer.of-full .layout-footer-pageTopLink:hover {
    opacity: .7
}

.layout-footer.of-full .layout-footer-pageTopLinkText {
    position: absolute;
    left: 100%
}

.layout-footer.of-full .layout-footer-logo {
    margin: 3px 0 48px;
    line-height: 1
}

@media screen and (max-width:969px) {
    .layout-footer.of-full .layout-footer-logo {
        margin: 0 0 32px
    }
}

.layout-footer.of-full .layout-footer-logo img {
    width: 140px;
    height: 73px
}

@media screen and (max-width:969px) {
    .layout-footer.of-full .layout-footer-logo img {
        width: 117px;
        height: 21px
    }
}

.theme-KC .layout-footer.of-full .layout-footer-logo img {
    width: 261px
}

@media screen and (max-width:969px) {
    .theme-KC .layout-footer.of-full .layout-footer-logo img {
        width: 218px
    }
}

.layout-footer.of-full .layout-footer-linkList {
    display: inline-flex;
    flex: 1;
    flex-wrap: wrap;
    width: 100%;
    margin-top: -14px;
    margin-bottom: 16px;
    line-height: 1.5
}

@media screen and (max-width:969px) {
    .layout-footer.of-full .layout-footer-linkList {
        flex: inherit;
        margin: -9px 0 0
    }
}

.layout-footer.of-full .layout-footer-linkList>li {
    position: relative;
    flex: 1;
    min-width: 210px;
    max-width: 210px;
    margin-top: 14px;
    margin-right: 10px;
    font-size: 1.4rem
}

@media screen and (max-width:969px) {
    .layout-footer.of-full .layout-footer-linkList>li {
        flex: inherit;
        width: 100%;
        min-width: inherit;
        max-width: 100%;
        margin-top: 9px;
        margin-right: 0
    }
}

.layout-footer.of-full .layout-footer-linkList>li:nth-child(2n) {
    max-width: 100%
}

.layout-footer.of-full .layout-footer-linkList a {
    display: inline-block;
    color: #fff;
    text-decoration: none
}

.layout-footer.of-full .layout-footer-linkList a:active,
.layout-footer.of-full .layout-footer-linkList a:focus,
.layout-footer.of-full .layout-footer-linkList a:hover {
    text-decoration: underline
}

.layout-footer.of-full .layout-footer-copyrightText {
    margin-bottom: 16px;
    font-size: 1.4rem;
    line-height: 1.5;
    color: #b9bdbe
}

@media screen and (max-width:969px) {
    .layout-footer.of-full .layout-footer-copyrightText {
        width: 100%;
        font-size: 1.1rem
    }
}

.layout-footer.of-full .layout-footer-address {
    width: 100%;
    margin: 10px 0 4px;
    font-size: 1.4rem;
    line-height: 1.5;
    color: #b9bdbe
}

@media screen and (max-width:969px) {
    .layout-footer.of-full .layout-footer-address {
        margin: 10px 0 16px
    }
}

.layout-footer.of-full .layout-footer-address .ContactInfo,
.layout-footer.of-full .layout-footer-address br {
    display: none
}

.layout-footer.of-full .layout-footer-address .LineBreak {
    display: block
}

.layout-footer.of-full .layout-footer-companyName {
    display: block;
    margin-right: 5px;
    margin-bottom: 16px;
    font-weight: 700;
    color: #fff
}

.theme-KC .layout-footer.of-full .layout-footer-companyName {
    font-weight: 400
}

.layout-footer.of-full .layout-footer-socialList {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: -16px;
    margin-bottom: 16px;
    margin-left: -20px
}

.layout-footer.of-full .layout-footer-socialList>li {
    margin-top: 16px;
    margin-left: 20px
}

@media screen and (min-width:970px) {

    .layout-footer.of-full .layout-footer-socialList a:active img,
    .layout-footer.of-full .layout-footer-socialList a:active svg,
    .layout-footer.of-full .layout-footer-socialList a:focus img,
    .layout-footer.of-full .layout-footer-socialList a:focus svg,
    .layout-footer.of-full .layout-footer-socialList a:hover img,
    .layout-footer.of-full .layout-footer-socialList a:hover svg {
        opacity: .7
    }
}

.layout-footer.of-full .layout-footer-socialList img,
.layout-footer.of-full .layout-footer-socialList svg {
    width: 32px;
    height: 32px;
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1)
}

.layout-footer.of-full .layout-footer-icpText {
    display: flex;
    align-items: flex-end;
    margin-bottom: 7px;
    font-size: 14px;
    line-height: 1.5;
    color: #b9bdbe
}

@media screen and (max-width:969px) {
    .layout-footer.of-full .layout-footer-icpText {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 19px;
        font-size: 1.1rem
    }
}

.layout-footer.of-full .layout-footer-icpText>small {
    display: flex;
    align-items: center;
    font-size: inherit
}

.layout-footer.of-full .layout-footer-icpText>small+small {
    margin-left: 16px
}

@media screen and (max-width:969px) {
    .layout-footer.of-full .layout-footer-icpText>small+small {
        margin-top: 4px;
        margin-left: 0
    }
}

.layout-footer.of-full .layout-footer-icpText>small+small a {
    display: flex
}

@media screen and (max-width:969px) {
    .layout-footer.of-full .layout-footer-icpText>small+small a {
        align-items: center
    }
}

.layout-footer.of-full .layout-footer-icpText>small+small img {
    min-width: inherit;
    height: 100%;
    max-height: 20px;
    margin-bottom: 0
}

.layout-footer.of-full .layout-footer-icpText>small:first-child+small {
    margin-left: 5px
}

@media screen and (max-width:969px) {
    .layout-footer.of-full .layout-footer-icpText>small:first-child+small {
        margin-left: 0
    }
}

.layout-footer.of-full .layout-footer-icpText a {
    display: inline-block;
    color: inherit;
    text-decoration: none
}

.layout-footer.of-full .layout-footer-icpText a:active,
.layout-footer.of-full .layout-footer-icpText a:focus,
.layout-footer.of-full .layout-footer-icpText a:hover {
    text-decoration: underline
}

.layout-footer.of-full .layout-footer-icpText img {
    display: inline-block;
    max-width: 44px;
    min-height: 0;
    margin-right: 5px;
    vertical-align: middle
}

.layout-footer.of-primary.of-simple .layout-footer-content {
    padding: 16px 20px
}

.layout-footer.of-primary.of-simple .layout-footer-utilityGroup.of-primary.of-simple>.layout-footer-utilityColumn {
    padding-right: 0
}

.layout-footer.of-primary.of-simple .layout-footer-linkList {
    display: flex;
    flex: 0 1 auto;
    align-items: center;
    justify-content: center;
    margin: -8px 0 16px
}

.layout-footer.of-primary.of-simple .layout-footer-linkList>li {
    flex: 0 1 auto;
    min-width: auto;
    max-width: none;
    padding: 0 16px;
    margin-top: 8px;
    margin-right: 0;
    font-size: 1.2rem;
    text-align: center
}

.layout-footer.of-primary.of-simple .layout-footer-linkList>li:nth-child(2n) {
    max-width: none
}

.layout-footer.of-primary.of-simple .layout-footer-linkList>li:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 1px;
    height: 16px;
    content: "";
    background-color: #b9bdbe;
    transform: translateY(-50%)
}

.layout-footer.of-primary.of-simple .layout-footer-linkList>li:first-child:before {
    display: none
}

.layout-footer.of-primary.of-simple .layout-footer-linkList>li>:last-child {
    margin-bottom: 0
}

@media screen and (max-width:969px) {
    .layout-footer.of-primary.of-simple .layout-footer-linkList>li {
        width: auto
    }

    .layout-footer.of-primary.of-simple .layout-footer-linkList>li:last-child {
        width: 100%;
        padding: 0
    }

    .layout-footer.of-primary.of-simple .layout-footer-linkList>li:last-child:before {
        display: none
    }
}

.layout-footer.of-primary.of-simple .layout-footer-copyrightText {
    font-size: 1.2rem
}

.layout-grid {
    display: flex;
    margin: 0 0 0 -32px
}

.layout-grid.of-column-12 .layout-grid-column {
    width: 8.3333333333%
}

.layout-grid.of-column-reverse {
    flex-direction: column-reverse;
    width: 100%
}

.layout-grid.of-column-marginBottom-none .layout-grid-column {
    margin-bottom: 0
}

@media screen and (max-width:969px) {
    .layout-grid.of-column-marginBottom-none .layout-grid-column {
        margin-bottom: 0
    }
}

.layout-grid .layout-grid-column {
    padding: 0 0 16px 32px
}

.layout-grid .layout-grid-column.of-column-1 {
    width: 8.3333333333%
}

.layout-grid .layout-grid-column.of-column-2 {
    width: 16.6666666667%
}

.layout-grid .layout-grid-column.of-column-3 {
    width: 25%
}

.layout-grid .layout-grid-column.of-column-4 {
    width: 33.3333333333%
}

.layout-grid .layout-grid-column.of-column-5 {
    width: 41.6666666667%
}

.layout-grid .layout-grid-column.of-column-6 {
    width: 50%
}

.layout-grid .layout-grid-column.of-column-7 {
    width: 58.3333333333%
}

.layout-grid .layout-grid-column.of-column-8 {
    width: 66.6666666667%
}

.layout-grid .layout-grid-column.of-column-9 {
    width: 75%
}

.layout-grid .layout-grid-column.of-column-10 {
    width: 83.3333333333%
}

.layout-grid .layout-grid-column.of-column-11 {
    width: 91.6666666667%
}

.layout-grid .layout-grid-column.of-column-12 {
    width: 100%
}

.layout-grid .layout-grid-column>:last-child {
    margin-bottom: 0
}

.layout-grid .layout-grid-column.of-align-center {
    align-items: center
}

.layout-grid.of-borderBotttm-solid {
    position: relative;
    padding-bottom: 11px;
    margin-bottom: 24px
}

@media screen and (max-width:969px) {
    .layout-grid.of-borderBotttm-solid {
        margin-bottom: 16px
    }
}

.layout-grid.of-borderBotttm-solid:before {
    position: absolute;
    right: 0;
    bottom: 0;
    width: calc(100% - 32px);
    content: "";
    border-bottom: 2px solid #8b8787
}

.section .layout-grid .layout-grid-column {
    padding-bottom: 0
}

@media screen and (max-width:969px) {
    .layout-grid .layout-grid-column.smallScreen-column-12 {
        width: 100%
    }

    .section .layout-grid.smallScreen-column .layout-grid-column {
        padding-bottom: 16px
    }

    .section .layout-grid.smallScreen-column .layout-grid-column:last-child {
        padding-bottom: 0
    }

    .section .layout-grid.smallScreen-column-reverse .layout-grid-column {
        padding-bottom: 16px
    }

    .section .layout-grid.smallScreen-column-reverse .layout-grid-column:first-child {
        padding-bottom: 0
    }

    .smallScreen-column {
        flex-direction: column
    }

    .smallScreen-column-reverse {
        flex-direction: column-reverse
    }

    .smallScreen-content-center {
        justify-content: center
    }

    .theme-myKeyence .layout-grid .layout-grid-column.of-column-7 {
        width: 58.33333%
    }

    .theme-myKeyence .layout-grid .layout-grid-column.of-column-5 {
        width: 41.66667%
    }

    .theme-myKeyence .listCart .layout-grid .layout-grid-column.of-column-8 {
        width: 66.66667%
    }

    .theme-myKeyence .listCart .layout-grid .layout-grid-column.of-column-4 {
        width: 33.33333%
    }

    .theme-myKeyence .smallScreen-column {
        flex-direction: row
    }
}

.layout-header:not(.of-primary):not(.of-full) {
    background: #fff;
    border-bottom: 1px solid #d0d0d0
}

@media screen and (min-width:970px) {
    .layout-header:not(.of-primary):not(.of-full) {
        height: auto !important
    }
}

.layout-header:not(.of-primary):not(.of-full)[data-hamburger-menu=true] .layout-header-content {
    position: relative
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) {
        position: relative;
        border-bottom: 0
    }

    [data-script-enabled=true] .is-menu-show .layout-header:not(.of-primary):not(.of-full)[data-hamburger-menu=true] {
        position: absolute;
        z-index: 100;
        width: 100%
    }
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-content {
    max-width: 1280px;
    padding: 20px;
    margin: 0 auto
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .layout-header-content {
        padding: 0
    }
}
.layout-header:not(.of-primary):not(.of-full) .layout-header-logo {
    position: relative;
    font-size: 1rem;
    line-height: 1;
    transition: padding .2s ease
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .layout-header-logo {
        position: static;
        padding: 15px 56px;
        text-align: center;
        border-bottom: 1px solid #d0d0d0
    }
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-logo>a {
    display: inline-block
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-logo>a img {
    width: 189px;
    height: 33px
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .layout-header-logo>a img {
        width: 91px;
        height: 16px
    }
}

.theme-KC .layout-header:not(.of-primary):not(.of-full) .layout-header-logo>a img {
    width: 283px
}

@media screen and (max-width:969px) {
    .theme-KC .layout-header:not(.of-primary):not(.of-full) .layout-header-logo>a img {
        width: 167px
    }
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-menuButton {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 56px;
    height: 46px;
    padding: 14px 17px;
    line-height: 1
}

[data-script-enabled=true] .layout-header:not(.of-primary):not(.of-full) .layout-header-menuButton {
    display: block
}

@media screen and (min-width:970px) {
    [data-script-enabled=true] .layout-header:not(.of-primary):not(.of-full) .layout-header-menuButton {
        display: none
    }
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-menuButton:after,
.layout-header:not(.of-primary):not(.of-full) .layout-header-menuButton:before {
    position: absolute;
    display: block;
    width: 22px;
    height: 2px;
    content: "";
    background-color: #696d6f;
    transition: all .2s;
    transform: rotate(0)
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-menuButton:before {
    top: 14px
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-menuButton:after {
    top: 30px
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-menuButtonBody {
    position: absolute;
    top: 22px;
    display: block;
    width: 22px;
    height: 2px;
    overflow: hidden;
    background-color: #696d6f;
    transition: background-color .2s ease, transform .2s ease;
    transform: scale(1)
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-menuButtonText {
    position: absolute;
    left: 100%;
    white-space: nowrap
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-menuButton[aria-expanded=true]:before {
    top: 22px;
    left: 16px;
    width: 24px;
    transform: rotate(45deg)
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-menuButton[aria-expanded=true]:after {
    top: 22px;
    left: 16px;
    width: 24px;
    transform: rotate(-45deg)
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-menuButton[aria-expanded=true] .layout-header-menuButtonBody {
    background-color: transparent;
    transform: scale(0)
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-searchButton {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    width: 56px;
    height: 46px;
    padding: 14px 17px;
    line-height: 1
}

[data-script-enabled=true] .layout-header:not(.of-primary):not(.of-full) .layout-header-searchButton {
    display: block
}

@media screen and (min-width:970px) {
    [data-script-enabled=true] .layout-header:not(.of-primary):not(.of-full) .layout-header-searchButton {
        display: none
    }
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-searchButton:after,
.layout-header:not(.of-primary):not(.of-full) .layout-header-searchButton:before {
    position: absolute;
    right: 16px;
    display: block;
    content: "";
    transform: rotate(0)
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-searchButton:before {
    top: 14px
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-searchButton:after {
    top: 30px
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-searchButtonBody {
    position: absolute;
    top: 14px;
    right: 21px;
    display: block;
    width: 14px;
    height: 17.5px;
    overflow: hidden;
    background-size: 100%;
    opacity: 1;
    transition: opacity .2s ease, transform .2s ease;
    transform: scale(1)
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-searchButtonText {
    position: absolute;
    left: 100%;
    display: block;
    white-space: nowrap
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-searchButton[aria-expanded=true]:after,
.layout-header:not(.of-primary):not(.of-full) .layout-header-searchButton[aria-expanded=true]:before {
    height: 2px;
    background-color: #696d6f;
    transition: all .2s
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-searchButton[aria-expanded=true]:before {
    top: 22px;
    width: 24px;
    transform: rotate(45deg)
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-searchButton[aria-expanded=true]:after {
    top: 22px;
    width: 24px;
    transform: rotate(-45deg)
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-searchButton[aria-expanded=true] .layout-header-searchButtonBody {
    opacity: 0;
    transform: scale(0)
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-search {
    position: absolute;
    right: 20px;
    bottom: 0;
    padding: 5px 0 8px;
    margin-top: 40px
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .layout-header-search {
        position: static;
        right: inherit;
        bottom: inherit;
        padding: 20px;
        margin-top: 0;
        margin-bottom: 0;
        /* background: #ededed */
    }

    [data-script-enabled=true] .layout-header:not(.of-primary):not(.of-full) .layout-header-search {
        position: fixed;
        left: 0;
        z-index: 1000;
        width: 100%;
        visibility: hidden;
        opacity: 0
    }

    [data-script-enabled=true] .layout-header:not(.of-primary):not(.of-full) .layout-header-search.is-show {
        position: absolute;
        visibility: visible;
        opacity: 1;
        transition: visibility .2s ease, opacity .2s ease
    }

    [data-script-enabled=true] .layout-header:not(.of-primary):not(.of-full) .layout-header-search.is-hide {
        visibility: hidden;
        opacity: 0;
        transition: visibility .2s ease, opacity .2s ease
    }
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: -24px
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .layout-header-menu {
        flex-direction: column;
        flex-wrap: inherit;
        align-items: inherit;
        justify-content: inherit;
        padding-bottom: 30px;
        margin-top: 0;
        background: #ededed
    }

    [data-script-enabled=true] .layout-header:not(.of-primary):not(.of-full) .layout-header-menu {
        position: fixed;
        left: 0;
        width: 100%;
        visibility: hidden;
        opacity: 0
    }

    [data-script-enabled=true] .layout-header:not(.of-primary):not(.of-full) .layout-header-menu.is-show {
        position: absolute;
        visibility: visible;
        opacity: 1;
        transition: visibility .2s ease, opacity .2s ease, left .2s ease
    }

    [data-script-enabled=true] .layout-header:not(.of-primary):not(.of-full) .layout-header-menu.is-hide {
        visibility: hidden;
        opacity: 0;
        transition: visibility .2s ease, opacity .2s ease, left .2s ease
    }
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-utilityList {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    padding-left: 210px;
    margin-top: -6px;
    margin-bottom: 15px;
    line-height: 1.2
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .layout-header-utilityList {
        position: static;
        flex-direction: column;
        padding: 10px 20px 0;
        margin-top: 0;
        margin-bottom: 0;
        background: #ededed
    }
}

.theme-KC .layout-header:not(.of-primary):not(.of-full) .layout-header-utilityList {
    padding-left: 303px
}

@media screen and (max-width:969px) {
    .theme-KC .layout-header:not(.of-primary):not(.of-full) .layout-header-utilityList {
        padding-left: 20px
    }
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-utilityList:only-child {
    margin-bottom: 5px
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .layout-header-utilityList:only-child {
        margin-bottom: 0;
        border-top: 0
    }
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-utilityList+.layout-header-languageList {
    margin-top: -1px
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .layout-header-utilityList+.layout-header-languageList {
        margin-top: 0
    }
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-utilityList+.navigationGlobal-outer {
    margin-top: 15px
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .layout-header-utilityList+.navigationGlobal-outer {
        margin-top: 0
    }
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-utilityList+.navigationGlobal-outer+.layout-header-search {
    margin-top: 15px
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .layout-header-utilityList+.navigationGlobal-outer+.layout-header-search {
        margin-top: 0
    }
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-utilityList>li {
    position: relative;
    padding-right: 8px;
    margin-right: 8px;
    font-size: 1.4rem
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .layout-header-utilityList>li {
        padding-right: 0;
        margin-right: 0
    }
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-utilityList>li.of-telephone {
    font-weight: 700;
    color: #dc002f
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .layout-header-utilityList>li.of-telephone {
        margin-top: 10px;
        margin-bottom: 18px;
        font-size: 1.8rem;
        text-align: center
    }
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-utilityList>li.of-telephone>a {
    text-decoration: none !important;
    cursor: inherit
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .layout-header-utilityList>li.of-telephone>a {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 14px 0 13px;
        background: #fff
    }

    .layout-header:not(.of-primary):not(.of-full) .layout-header-utilityList>li.of-telephone>a:before {
        display: block;
        width: 29px;
        height: 29px;
        content: "";
        background-size: cover
    }
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-utilityList>li.of-telephone>a>span {
    font-weight: 400;
    color: #333
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .layout-header-utilityList>li.of-telephone>a>span {
        margin-right: 4px
    }
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-utilityList>li.of-telephone .TelSlsh {
    margin-right: 3px;
    margin-left: 3px;
    color: #333
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .layout-header-utilityList>li.of-telephone .TelSlsh {
        display: none
    }
}

@media screen and (max-width:1240px)and (min-width:970px) {
    .layout-header:not(.of-primary):not(.of-full) .layout-header-utilityList>li.of-telephone .TelSlsh+a {
        display: block
    }
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .layout-header-utilityList>li.of-telephone .TelSlsh+a {
        margin-top: 8px
    }
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-utilityList>li.Career>a,
.layout-header:not(.of-primary):not(.of-full) .layout-header-utilityList>li.of-career>a {
    position: relative;
    padding-left: 21px
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-utilityList>li.Career>a:before,
.layout-header:not(.of-primary):not(.of-full) .layout-header-utilityList>li.of-career>a:before {
    position: absolute;
    display: block;
    content: "";
    top: -1px;
    left: 0;
    width: 17px;
    height: 19px;
}

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

    .layout-header:not(.of-primary):not(.of-full) .layout-header-utilityList>li.Career>a,
    .layout-header:not(.of-primary):not(.of-full) .layout-header-utilityList>li.of-career>a {
        padding: 12px 12px 12px 21px
    }

    .layout-header:not(.of-primary):not(.of-full) .layout-header-utilityList>li.Career>a:before,
    .layout-header:not(.of-primary):not(.of-full) .layout-header-utilityList>li.of-career>a:before {
        top: 1rem
    }
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-utilityList>li.of-regionSelector {
    font-weight: 700
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-utilityList>li.of-regionSelector>a {
    display: flex;
    align-items: flex-start
}

@media screen and (min-width:970px) {
    .layout-header:not(.of-primary):not(.of-full) .layout-header-utilityList>li.of-regionSelector>a {
        white-space: nowrap
    }
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-utilityList>li:last-child {
    padding-right: 0;
    margin-right: 0
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-utilityList>li:last-child:before {
    display: none
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-utilityList>li:before {
    position: absolute;
    display: block;
    content: "";
    top: -2px;
    right: 0;
    width: 1px;
    height: 20px;
    background: #ccc
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .layout-header-utilityList>li:before {
        display: none
    }
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-utilityList>li>a {
    color: inherit;
    text-decoration: none
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .layout-header-utilityList>li>a {
        display: block;
        padding: 12px 0
    }
}

@media screen and (min-width:970px) {

    .layout-header:not(.of-primary):not(.of-full) .layout-header-utilityList>li>a:active,
    .layout-header:not(.of-primary):not(.of-full) .layout-header-utilityList>li>a:focus,
    .layout-header:not(.of-primary):not(.of-full) .layout-header-utilityList>li>a:hover {
        text-decoration: underline
    }
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-language {
    font-weight: 400;
    white-space: nowrap
}

@media screen and (max-width:1240px)and (min-width:970px) {
    .layout-header:not(.of-primary):not(.of-full) .layout-header-language {
        display: block
    }
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-languageList {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    padding-left: 210px;
    margin-bottom: 9px;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.1
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .layout-header-languageList {
        flex-direction: column;
        padding: 0 20px;
        margin-bottom: 0;
        background: #ededed
    }
}

.theme-KC .layout-header:not(.of-primary):not(.of-full) .layout-header-languageList {
    padding-left: 303px
}

@media screen and (max-width:969px) {
    .theme-KC .layout-header:not(.of-primary):not(.of-full) .layout-header-languageList {
        padding: 0 20px
    }
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-languageList:last-child {
    margin-bottom: 0
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-languageList+.navigationGlobal-outer,
.layout-header:not(.of-primary):not(.of-full) .layout-header-languageList+.navigationGlobal-outer+.layout-header-search {
    margin-top: 0
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-languageList>li {
    position: relative
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-globalIcon {
    margin-top: -3px;
    margin-right: 8px
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .layout-header-globalIcon {
        width: 16px;
        height: 16px;
        margin-top: -1px;
        margin-right: 4px;
        opacity: .65
    }
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-currentRegion {
    display: inline-flex;
    white-space: nowrap
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .layout-header-currentRegion {
        color: #666
    }
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-currentRegion:after {
    display: block;
    margin-right: 3px;
    margin-left: 3px;
    content: ":"
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-currentLanguage {
    display: block;
    padding: 3px 6px;
    background: #fff;
    border: 1px solid transparent
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .layout-header-currentLanguage {
        display: none
    }
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-currentLanguage[tabindex] {
    cursor: pointer
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-currentLanguage[aria-expanded] {
    position: relative;
    min-width: 108px;
    padding-right: 12px;
    border-color: #ccc
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-currentLanguage[aria-expanded]:before {
    position: absolute;
    display: block;
    content: "";
    top: 50%;
    right: 6px;
    border-color: #666 transparent transparent;
    border-style: solid;
    border-width: 4px 2.5px;
    transform: translateY(-50%)
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-selectedList {
    padding: 5px 0;
    margin-top: -1px;
    color: #707070;
    border: 1px solid #ccc
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .layout-header-selectedList {
        display: flex !important;
        flex-wrap: wrap;
        padding: 0;
        margin: -16px 0 0 -24px;
        color: #666;
        border: 0
    }
}

@media screen and (min-width:970px) {
    [data-script-enabled=true] .layout-header:not(.of-primary):not(.of-full) .layout-header-selectedList {
        position: absolute;
        z-index: 1;
        display: none;
        width: 100%;
        background: #fff
    }

    [data-script-enabled=true] .layout-header:not(.of-primary):not(.of-full) .layout-header-selectedList.is-show {
        display: block
    }
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-selectedList>li {
    margin-bottom: 4px
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .layout-header-selectedList>li {
        width: 33.333333%;
        padding-left: 24px;
        margin-top: 16px;
        margin-bottom: 0
    }
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-selectedList>li.is-current {
    font-weight: 700
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .layout-header-selectedList>li.is-current {
        color: #333
    }
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-selectedList>li.is-current>span {
    padding-left: 20px
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .layout-header-selectedList>li.is-current>span {
        padding-left: 8px
    }
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-selectedList>li:last-child {
    margin-bottom: 0
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-selectedList>li>a {
    position: relative;
    display: block;
    padding: 2px 8px 2px 20px;
    color: inherit
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .layout-header-selectedList>li>a {
        padding: 0 0 0 8px
    }
}

.layout-header:not(.of-primary):not(.of-full) .layout-header-selectedList>li>a:before {
    position: absolute;
    display: block;
    content: "";
    top: .4em;
    left: 8px;
    border-color: transparent transparent transparent #666;
    border-style: solid;
    border-width: 2.5px 4px
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .layout-header-selectedList>li>a:before {
        top: .25em;
        left: 0
    }
}

.layout-header:not(.of-primary):not(.of-full) .navigationGlobal-outer {
    margin-top: 40px;
    margin-bottom: -20px
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .navigationGlobal-outer {
        order: -1;
        margin-top: 0;
        margin-bottom: 0;
        display: none;
    }
}

@media screen and (min-width:970px) {
    .layout-header:not(.of-primary):not(.of-full) .navigationGlobal-outer:only-child {
        margin-top: 43px
    }
}

.layout-header:not(.of-primary):not(.of-full) .navigationGlobal {
    display: flex;
    align-items: center;
    margin-left: -24px
}

@media screen and (max-width:1280px) {
    .layout-header:not(.of-primary):not(.of-full) .navigationGlobal {
        margin-left: -1.875vw
    }
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .navigationGlobal {
        position: static;
        flex-direction: column;
        align-items: inherit;
        margin-left: 0
    }
}

.layout-header:not(.of-primary):not(.of-full) .navigationGlobal>li {
    padding-left: 24px
}

@media screen and (max-width:1280px) {
    .layout-header:not(.of-primary):not(.of-full) .navigationGlobal>li {
        padding-left: 1.015625vw
    }
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .navigationGlobal>li {
        padding-left: 0;
        border-bottom: 1px solid #ccc
    }
}

.layout-header:not(.of-primary):not(.of-full) .navigationGlobal>li>a {
    position: relative;
    display: block;
    min-height: 46px;
    padding: 9px 16px 16px;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.2;
    color: inherit;
    text-decoration: none
}

@media screen and (min-width:970px) {
    .layout-header:not(.of-primary):not(.of-full) .navigationGlobal>li>a {
        transition: color .1s .2s
    }
}

@media screen and (max-width:1280px) {
    .layout-header:not(.of-primary):not(.of-full) .navigationGlobal>li>a {
        padding: 9px 1.25vw 16px;
        font-size: 1.40625vw
    }
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .navigationGlobal>li>a {
        display: block;
        min-height: inherit;
        padding: 16px 50px 16px 20px;
        font-size: 1.6rem;
        line-height: 1.1875;
        color: inherit;
        background: #fff
    }
}

@media screen and (min-width:970px) {

    .layout-header:not(.of-primary):not(.of-full) .navigationGlobal>li>a:focus,
    .layout-header:not(.of-primary):not(.of-full) .navigationGlobal>li>a:hover {
        color: #dc002f
    }

    .layout-header:not(.of-primary):not(.of-full) .navigationGlobal>li>a:focus:after,
    .layout-header:not(.of-primary):not(.of-full) .navigationGlobal>li>a:hover:after {
        background: #dc002f
    }
}

.smartphone .layout-header:not(.of-primary):not(.of-full) .navigationGlobal>li>a:focus,
.smartphone .layout-header:not(.of-primary):not(.of-full) .navigationGlobal>li>a:hover {
    color: inherit
}

.smartphone .layout-header:not(.of-primary):not(.of-full) .navigationGlobal>li>a:focus:after,
.smartphone .layout-header:not(.of-primary):not(.of-full) .navigationGlobal>li>a:hover:after {
    background: transparent
}

.layout-header:not(.of-primary):not(.of-full) .navigationGlobal>li>a.navigationGlobal-trigger {
    padding-left: 26px
}

@media screen and (max-width:1280px) {
    .layout-header:not(.of-primary):not(.of-full) .navigationGlobal>li>a.navigationGlobal-trigger {
        padding-left: 2.03125vw
    }
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .navigationGlobal>li>a.navigationGlobal-trigger {
        padding-left: 20px
    }
}

@media screen and (min-width:970px) {

    .layout-header:not(.of-primary):not(.of-full) .navigationGlobal>li>a.navigationGlobal-trigger.is-active,
    .layout-header:not(.of-primary):not(.of-full) .navigationGlobal>li>a.navigationGlobal-trigger.is-current {
        color: #dc002f
    }

    .layout-header:not(.of-primary):not(.of-full) .navigationGlobal>li>a.navigationGlobal-trigger.is-active:after,
    .layout-header:not(.of-primary):not(.of-full) .navigationGlobal>li>a.navigationGlobal-trigger.is-current:after {
        position: absolute;
        display: block;
        content: "";
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background: #dc002f
    }
}

 .layout-header:not(.of-primary):not(.of-full) .navigationGlobal>li>a.navigationGlobal-trigger:before {
    position: absolute;
    display: block;
    content: "";
    top: 50%;
    left: 8px;
    width: 7px;
    height: 7px;
    margin-top: -12px;
    border-top: 2px solid #dc002f;
    border-right: 2px solid #dc002f;
    transform: rotate(135deg) translateY(-50%)
}

@media screen and (max-width:1280px) {
    .layout-header:not(.of-primary):not(.of-full) .navigationGlobal>li>a.navigationGlobal-trigger:before {
        left: .625vw;
        width: .546875vw;
        min-width: 6px;
        height: .546875vw;
        min-height: 6px
    }
}

@media screen and (max-width:969px) {
   .layout-header:not(.of-primary):not(.of-full) .navigationGlobal>li>a.navigationGlobal-trigger:before {
        display: none
    }
}

@media screen and (min-width:970px) {
    .layout-header:not(.of-primary):not(.of-full) .navigationGlobal>li:hover>a:after {
        position: absolute;
        display: block;
        content: "";
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background: transparent;
        transition: background .1s .2s
    }
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .navigationGlobal>li:hover>a:after {
        position: absolute;
        display: block;
        content: "";
        top: 50%;
        right: 26px;
        width: 7px;
        height: 7px;
        margin-top: -2px;
        border-top: 2px solid #dc002f;
        border-right: 2px solid #dc002f;
        transform: rotate(45deg) translateY(-50%)
    }
}

.layout-header:not(.of-primary):not(.of-full) .layout-megaMenuGrid {
    display: flex;
    flex-wrap: wrap;
    margin: -20px 0 0 -20px
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .layout-megaMenuGrid {
        flex-direction: column;
        margin-top: 0
    }
}

.layout-header:not(.of-primary):not(.of-full) .layout-megaMenuGrid.of-column-5>.layout-megaMenuGrid-column.of-column-1 {
    width: 20%
}

.layout-header:not(.of-primary):not(.of-full) .layout-megaMenuGrid.of-column-5>.layout-megaMenuGrid-column.of-column-2 {
    width: 40%
}

.layout-header:not(.of-primary):not(.of-full) .layout-megaMenuGrid.of-column-5>.layout-megaMenuGrid-column.of-column-3 {
    width: 60%
}

.layout-header:not(.of-primary):not(.of-full) .layout-megaMenuGrid.of-column-5>.layout-megaMenuGrid-column.of-column-4 {
    width: 80%
}

.layout-header:not(.of-primary):not(.of-full) .layout-megaMenuGrid.of-column-5>.layout-megaMenuGrid-column.of-column-5 {
    width: 100%
}

.layout-header:not(.of-primary):not(.of-full) .layout-megaMenuGrid.of-column-4>.layout-megaMenuGrid-column.of-column-1 {
    width: 25%
}

.layout-header:not(.of-primary):not(.of-full) .layout-megaMenuGrid.of-column-4>.layout-megaMenuGrid-column.of-column-2 {
    width: 50%
}

.layout-header:not(.of-primary):not(.of-full) .layout-megaMenuGrid.of-column-4>.layout-megaMenuGrid-column.of-column-3 {
    width: 75%
}

.layout-header:not(.of-primary):not(.of-full) .layout-megaMenuGrid.of-column-4>.layout-megaMenuGrid-column.of-column-4 {
    width: 100%
}

.layout-header:not(.of-primary):not(.of-full) .layout-megaMenuGrid.of-column-3>.layout-megaMenuGrid-column.of-column-1 {
    width: 33.3333333%
}

.layout-header:not(.of-primary):not(.of-full) .layout-megaMenuGrid.of-column-3>.layout-megaMenuGrid-column.of-column-2 {
    width: 66.6666666%
}

.layout-header:not(.of-primary):not(.of-full) .layout-megaMenuGrid.of-column-3>.layout-megaMenuGrid-column.of-column-3 {
    width: 100%
}

.layout-header:not(.of-primary):not(.of-full) .layout-megaMenuGrid.of-column-2>.layout-megaMenuGrid-column.of-column-1 {
    width: 50%
}

.layout-header:not(.of-primary):not(.of-full) .layout-megaMenuGrid.of-column-2>.layout-megaMenuGrid-column.of-column-2 {
    width: 100%
}

.layout-header:not(.of-primary):not(.of-full) .layout-megaMenuGrid-column {
    width: 100%;
    padding-left: 20px;
    margin-top: 20px
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .layout-megaMenuGrid-column {
        width: 100% !important;
        margin-top: 0
    }
}

.layout-header:not(.of-primary):not(.of-full) .layout-megaMenuGrid-column>:last-child {
    margin-bottom: 0
}

.layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu {
    position: absolute;
    top: calc(100% + 1px);
    left: 20px;
    z-index: 1000;
    display: none;
    width: calc(100% - 40px);
    padding: 22px 20px 20px;
    background: #ededed;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .3)
}

@media screen and (min-width:970px) {
    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu {
        display: block;
        height: auto !important;
        visibility: hidden;
        opacity: 0
    }

    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu.is-show {
        visibility: visible;
        opacity: 1;
        transition: visibility .1s ease .1s, opacity .2s ease .2s
    }

    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu.is-hide {
        visibility: hidden;
        opacity: 0;
        transition: visibility .1s ease .1s, opacity .2s ease .2s
    }
}

@media screen and (max-width:1240px) {
    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu {
        left: 0;
        width: 100%
    }
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu {
        top: 0;
        left: 100%;
        padding: 0;
        box-shadow: none
    }

    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu.is-show {
        display: block
    }
}

.layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-list {
    margin-bottom: 16px;
    font-size: 1.4rem;
    line-height: 1.3
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-list {
        margin-bottom: 0;
        font-size: 1.6rem
    }
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-list.of-modestly {
        padding: 28px 20px;
        background: #ededed
    }
}

.layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-list.of-modestly>li {
    font-size: 1.4rem;
    color: #666
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-list.of-modestly>li:last-child {
        border-bottom: 0
    }
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-list.of-modestly .navigationMegaMenu-childList {
        position: static;
        display: block;
        margin-top: 4px
    }
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-list.of-modestly .navigationMegaMenu-childList>li {
        font-size: 1.4rem;
        font-weight: 400;
        border-bottom: 0
    }
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-list.of-modestly .navigationMegaMenu-childList>li>a {
        padding: 12px 0 12px 14px;
        font-weight: 400;
        background: none
    }
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-list.of-modestly .navigationMegaMenu-childList>li>a:before {
        top: 50%;
        display: block;
        transform: translateY(-50%)
    }
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-list.of-modestly .navigationMegaMenu-childList>li>a:after {
        display: none
    }
}

.layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-list>li {
    margin-bottom: 16px;
    font-weight: 700
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-list>li {
        margin-bottom: 0;
        border-bottom: 1px solid #ccc
    }
}

.layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-list>li:last-child {
    margin-bottom: 0
}

.layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-list>li>a,
.layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-list>li>button {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-left: 14px;
    color: #333;
    text-decoration: none
}

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

    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-list>li>a,
    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-list>li>button {
        display: block;
        width: 100%;
        padding: 16px 50px 16px 37px;
        line-height: 1.1875;
        color: inherit;
        text-align: left;
        background: #fff
    }
}

@media screen and (min-width:970px) {

    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-list>li>a:active,
    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-list>li>a:focus,
    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-list>li>a:hover,
    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-list>li>button:active,
    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-list>li>button:focus,
    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-list>li>button:hover {
        text-decoration: underline
    }
}

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

    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-list>li>a.of-goBack,
    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-list>li>button.of-goBack {
        padding-left: 37px;
        font-size: 1.4rem
    }
}

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

    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-list>li>a.of-goBack:before,
    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-list>li>button.of-goBack:before {
        right: inherit;
        left: 22px;
        margin-top: -7px;
        border-color: #707070;
        transform: rotate(-135deg) translateY(-50%)
    }
}

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

    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-list>li>a.of-hierarchyTop,
    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-list>li>button.of-hierarchyTop {
        padding-left: 20px
    }
}

.layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-list>li>a:before,
.layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-list>li>button:before {
    position: absolute;
    display: block;
    content: "";
    top: .25em;
    left: -2px;
    width: 7px;
    height: 7px;
    border-top: 2px solid #dc002f;
    border-right: 2px solid #dc002f;
    transform: rotate(45deg)
}

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

    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-list>li>a:before,
    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-list>li>button:before {
        top: 50%;
        right: 26px;
        left: inherit;
        margin-top: -2px;
        transform: rotate(45deg) translateY(-50%)
    }
}

.layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-list>li>a[target=_blank] {
    color: #333
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-list>li>a[target=_blank]:before {
        display: none
    }
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-list>li>a[target=_blank] .navigationMegaMenu-icon {
        position: absolute;
        top: 50%;
        right: 18px;
        transform: translateY(-50%);
        backface-visibility: hidden
    }
}

.layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-childList {
    margin-top: 8px;
    font-weight: 400
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-childList {
        position: absolute;
        top: 0;
        left: 100%;
        display: none;
        width: 100%;
        margin-top: 0
    }

    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-childList.is-show {
        display: block
    }
}

.layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-childList>li {
    margin-bottom: 8px;
    font-size: 1.4rem
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-childList>li {
        margin-bottom: 0;
        font-size: 1.6rem;
        border-bottom: 1px solid #ccc
    }
}

.layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-childList>li:last-child {
    margin-bottom: 0
}

.layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-childList>li>a[target=_blank] {
    color: #333
}

.layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-childList>li>a,
.layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-childList>li button {
    position: relative;
    display: inline-block;
    padding-left: 14px;
    color: inherit;
    text-decoration: none
}

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

    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-childList>li>a,
    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-childList>li button {
        display: block;
        width: 100%;
        padding: 16px 50px 16px 37px;
        font-weight: 700;
        line-height: 1.1875;
        text-align: left;
        text-decoration: none;
        background: #fff
    }
}

@media screen and (min-width:970px) {

    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-childList>li>a:active,
    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-childList>li>a:focus,
    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-childList>li>a:hover,
    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-childList>li button:active,
    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-childList>li button:focus,
    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-childList>li button:hover {
        text-decoration: underline
    }
}

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

    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-childList>li>a.of-goBack,
    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-childList>li button.of-goBack {
        padding-left: 37px;
        font-size: 1.4rem;
        font-weight: 400
    }
}

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

    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-childList>li>a.of-goBack:after,
    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-childList>li button.of-goBack:after {
        right: inherit;
        left: 22px;
        margin-top: -7px;
        border-color: #707070;
        transform: rotate(-135deg) translateY(-50%)
    }
}

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

    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-childList>li>a.of-hierarchyTop,
    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-childList>li button.of-hierarchyTop {
        padding-left: 20px
    }
}

.layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-childList>li>a:before,
.layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-childList>li button:before {
    position: absolute;
    display: block;
    content: "";
    top: .4em;
    left: 0;
    border-color: transparent transparent transparent #666;
    border-style: solid;
    border-width: 2.5px 4px
}

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

    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-childList>li>a:before,
    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-childList>li button:before {
        display: none
    }
}

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

    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-childList>li>a:after,
    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-childList>li button:after {
        position: absolute;
        display: block;
        content: "";
        top: 50%;
        right: 26px;
        width: 7px;
        height: 7px;
        margin-top: -2px;
        border-top: 2px solid #dc002f;
        border-right: 2px solid #dc002f;
        transform: rotate(45deg) translateY(-50%)
    }
}

.layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-subList {
    font-weight: 400
}

.layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-subList.of-horizontal {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-subList.of-horizontal {
        display: block;
        margin-left: 0
    }
}

.layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-subList.of-horizontal>li {
    padding-left: 20px
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-subList.of-horizontal>li {
        padding-left: 0
    }
}

.layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-subList>li {
    margin-bottom: 8px;
    font-size: 1.4rem
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-subList>li {
        margin-bottom: 0;
        border-bottom: 1px solid #ccc
    }
}

.layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-subList>li:last-child {
    margin-bottom: 0
}

.layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-subList>li>a {
    position: relative;
    display: inline-block;
    padding-left: 14px;
    color: inherit;
    text-decoration: none
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-subList>li>a {
        display: block;
        padding: 18px 50px 17px 20px;
        font-weight: 700;
        line-height: 1.1875;
        background: #ededed
    }
}

@media screen and (min-width:970px) {

    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-subList>li>a:active,
    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-subList>li>a:focus,
    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-subList>li>a:hover {
        text-decoration: underline
    }
}

.layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-subList>li>a[target=_blank] {
    color: #0064c7
}

.layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-subList>li>a:before {
    position: absolute;
    display: block;
    content: "";
    top: .4em;
    left: 0;
    border-color: transparent transparent transparent #666;
    border-style: solid;
    border-width: 2.5px 4px
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-subList>li>a:before {
        display: none
    }
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-subList>li>a:after {
        position: absolute;
        display: block;
        content: "";
        top: 50%;
        right: 26px;
        width: 7px;
        height: 7px;
        margin-top: -2px;
        border-top: 2px solid #dc002f;
        border-right: 2px solid #dc002f;
        transform: rotate(45deg) translateY(-50%)
    }
}

.layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-image {
    margin-top: 10px;
    margin-left: -14px
}

@media screen and (max-width:969px) {
    .layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-image {
        margin: 0
    }
}

.layout-header:not(.of-primary):not(.of-full) .navigationMegaMenu-icon {
    display: inline-block;
    margin-top: -2px;
    margin-left: 3px;
    vertical-align: middle
}

.layout-header.of-primary {
    position: relative
}

.layout-header.of-full,
.layout-header.of-primary {
    background: #fff;
    border-bottom: 1px solid #d0d0d0
}

.layout-header.of-full[data-hamburger-menu=true] .layout-header-content,
.layout-header.of-primary[data-hamburger-menu=true] .layout-header-content {
    position: relative
}

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

    .layout-header.of-full,
    .layout-header.of-primary {
        position: relative;
        border-bottom: 0
    }

    [data-script-enabled=true] .is-menu-show .layout-header.of-full[data-hamburger-menu=true],
    [data-script-enabled=true] .is-menu-show .layout-header.of-primary[data-hamburger-menu=true] {
        position: absolute;
        z-index: 100;
        width: 100%
    }
}

.layout-header.of-full .layout-header-content,
.layout-header.of-primary .layout-header-content {
    max-width: 1320px;
    padding: 20px;
    margin: 0 auto
}

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

    .layout-header.of-full .layout-header-content,
    .layout-header.of-primary .layout-header-content {
        padding: 0
    }
}

.layout-header.of-full .layout-header-logo,
.layout-header.of-primary .layout-header-logo {
    position: relative;
    font-size: 1rem;
    line-height: 1;
    transition: padding .2s cubic-bezier(.4, 0, .2, 1)
}

@media screen and (max-width:969px) {
.language{
    margin-right: 20px;
}
 .home-layout-grid-column{
    padding-left: 17px !important;
}
.home-mediaProduct .home-mediaProduct-text:nth-of-type(2n){
    font-weight: bold !important;
}
.home-mediaProduct-image{
    height: 120px !important;
}
.home-section-content-product .home-layout-grid-column:nth-of-type(2n){
    padding-left: 0 !important;
}
.home-mediaProduct p{
    overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding: 5px;
}
.searchContent{
    width: 100% !important;
}
.main-content{
    min-height: 1000px;
    overflow: auto;
}
.fc .fc-toolbar-title{
    font-size:14px;
}
    .layout-header.of-full .layout-header-logo,
    .layout-header.of-primary .layout-header-logo {
        position: static;
        padding: 17px 0;
        flex: 1;
        margin-left: 40px;
    }
}

.layout-header.of-full .layout-header-logo>a,
.layout-header.of-primary .layout-header-logo>a {
    display: inline-block
}

.layout-header.of-full .layout-header-logo>a img,
.layout-header.of-primary .layout-header-logo>a img {
    width: 250px;
}

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

    .layout-header.of-full .layout-header-logo>a img,
    .layout-header.of-primary .layout-header-logo>a img {
        width: 92px;
        height: 30px
    }
}

.theme-KC .layout-header.of-full .layout-header-logo>a img,
.theme-KC .layout-header.of-primary .layout-header-logo>a img {
    width: 276px
}

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

    .theme-KC .layout-header.of-full .layout-header-logo>a img,
    .theme-KC .layout-header.of-primary .layout-header-logo>a img {
        width: 165px
    }
}

.layout-header.of-primary .layout-header-content.of-primary {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media screen and (max-width:969px) {
    .layout-header.of-primary .layout-header-content.of-primary .layout-header-body {
        position: relative;
        width: 100%
    }
}

@media screen and (max-width:969px) {
    .layout-header.of-primary .layout-header-content.of-primary .layout-header-logo {
        padding: 17px 126px
    }

    .theme-KC .layout-header.of-primary .layout-header-content.of-primary .layout-header-logo {
        padding: 17px 92px
    }
}

.layout-header.of-primary .layout-header-content.of-primary .layout-header-phoneButton {
    display: none
}

@media screen and (max-width:969px) {
    [data-script-enabled=true] .layout-header.of-primary .layout-header-content.of-primary .layout-header-phoneButton {
        display: block;
        background-color: #fff
    }
}

@media screen and (max-width:969px) {
    .layout-header.of-primary .layout-header-content.of-primary .layout-header-phoneButton {
        position: absolute;
        top: 50%;
        right: 10px;
        max-width: 100px;
        height: 38px;
        padding: 10px 8px;
        font-size: 1.4rem;
        line-height: 1.2;
        border: .1rem solid #666a6b;
        border-radius: .4rem;
        transition: border-color .2s cubic-bezier(.4, 0, .2, 1);
        transform: translateY(-50%)
    }

    .theme-KC .layout-header.of-primary .layout-header-content.of-primary .layout-header-phoneButton {
        max-width: 82px
    }
}

@media screen and (max-width:969px) {
    .layout-header.of-primary .layout-header-content.of-primary .layout-header-phoneButtonBody {
        position: relative;
        display: block
    }

    .layout-header.of-primary .layout-header-content.of-primary .layout-header-phoneButtonBody:after {
        position: absolute;
        top: 50%;
        right: 0;
        display: block;
        width: 16px;
        height: 16px;
        overflow: hidden;
        content: "";
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.21778 6.92444C4.49778 9.44 6.56 11.4933 9.07556 12.7822L11.0311 10.8267C11.2711 10.5867 11.6267 10.5067 11.9378 10.6133C12.9333 10.9422 14.0089 11.12 15.1111 11.12C15.6 11.12 16 11.52 16 12.0089V15.1111C16 15.6 15.6 16 15.1111 16C6.76444 16 0 9.23556 0 0.888889C0 0.4 0.4 0 0.888889 0H4C4.48889 0 4.88889 0.4 4.88889 0.888889C4.88889 2 5.06667 3.06667 5.39556 4.06222C5.49333 4.37333 5.42222 4.72 5.17333 4.96889L3.21778 6.92444Z' fill='%232e3133'/%3E%3C/svg%3E");
        background-size: 100%;
        opacity: 1;
        transition: opacity .2s cubic-bezier(.4, 0, .2, 1);
        transform: translateY(-50%)
    }
}

@media screen and (max-width:969px) {
    .layout-header.of-primary .layout-header-content.of-primary .layout-header-phoneButtonText {
        display: block;
        padding-right: 22px;
        color: #484b4c
    }
}

.layout-header.of-primary .layout-header-content.of-primary .layout-header-phoneButton[aria-expanded=true].layout-header-phoneButton {
    border-color: #d5d6d6
}

.layout-header.of-primary .layout-header-content.of-primary .layout-header-phoneButton[aria-expanded=true] .layout-header-phoneButtonBody {
    opacity: .2
}

.layout-header.of-primary .layout-header-content.of-primary .layout-header-phoneButton[href] {
    text-decoration: none
}

.layout-header.of-primary .layout-header-content.of-primary .layout-header-phoneGroup>:last-child {
    margin-bottom: 0
}

@media screen and (max-width:969px) {
    .layout-header.of-primary .layout-header-content.of-primary .layout-header-phoneGroup {
        position: absolute;
        top: 51px;
        width: 100%;
        padding: 20px;
        visibility: hidden;
        background-color: #fff;
        opacity: 0
    }

    .layout-header.of-primary .layout-header-content.of-primary .layout-header-phoneGroup.is-show {
        visibility: visible;
        opacity: 1;
        transition: visibility .2s cubic-bezier(.4, 0, .2, 1) .2s, opacity .2s cubic-bezier(.4, 0, .2, 1) .2s, left .2s cubic-bezier(.4, 0, .2, 1) .2s
    }

    .layout-header.of-primary .layout-header-content.of-primary .layout-header-phoneGroup.is-hide {
        visibility: hidden;
        opacity: 0;
        transition: visibility .2s cubic-bezier(.4, 0, .2, 1), opacity .2s cubic-bezier(.4, 0, .2, 1), left .2s cubic-bezier(.4, 0, .2, 1)
    }
}

.layout-header.of-primary .layout-header-content.of-primary .layout-header-phoneNumber {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 26px;
    color: #484b4c
}

@media screen and (max-width:969px) {
    .layout-header.of-primary .layout-header-content.of-primary .layout-header-phoneNumber {
        flex-direction: column;
        padding-right: 0
    }
}

.layout-header.of-primary .layout-header-content.of-primary .layout-header-phoneNumber:after {
    position: absolute;
    display: block;
    content: "";
    top: 50%;
    right: 0;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.21778 6.92444C4.49778 9.44 6.56 11.4933 9.07556 12.7822L11.0311 10.8267C11.2711 10.5867 11.6267 10.5067 11.9378 10.6133C12.9333 10.9422 14.0089 11.12 15.1111 11.12C15.6 11.12 16 11.52 16 12.0089V15.1111C16 15.6 15.6 16 15.1111 16C6.76444 16 0 9.23556 0 0.888889C0 0.4 0.4 0 0.888889 0H4C4.48889 0 4.88889 0.4 4.88889 0.888889C4.88889 2 5.06667 3.06667 5.39556 4.06222C5.49333 4.37333 5.42222 4.72 5.17333 4.96889L3.21778 6.92444Z' fill='%232e3133'/%3E%3C/svg%3E");
    transform: translateY(-50%)
}

@media screen and (max-width:969px) {
    .layout-header.of-primary .layout-header-content.of-primary .layout-header-phoneNumber:after {
        display: none
    }
}

.layout-header.of-primary .layout-header-content.of-primary .layout-header-phoneNumber [href^="tel:"] {
    position: relative;
    display: inline-flex;
    align-items: center;
    font-size: 1.8rem;
    font-weight: 400;
    color: #484b4c;
    text-decoration: none;
    cursor: default
}

@media screen and (max-width:969px) {
    .layout-header.of-primary .layout-header-content.of-primary .layout-header-phoneNumber [href^="tel:"] {
        display: inline-flex;
        align-items: center;
        width: 100%;
        max-width: 100%;
        padding: 11px 48px 12px 20px;
        margin-top: 16px;
        font-size: 1.4rem;
        color: #fff;
        background-color: #13778f;
        border-radius: 4px
    }

    .layout-header.of-primary .layout-header-content.of-primary .layout-header-phoneNumber [href^="tel:"]:first-child {
        margin-top: 0
    }
}

@media screen and (max-width:969px) {
    .layout-header.of-primary .layout-header-content.of-primary .layout-header-phoneNumber [href^="tel:"]:before {
        position: absolute;
        display: block;
        content: "";
        top: 50%;
        right: 19px;
        width: 16px;
        height: 16px;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.21778 6.92444C4.49778 9.44 6.56 11.4933 9.07556 12.7822L11.0311 10.8267C11.2711 10.5867 11.6267 10.5067 11.9378 10.6133C12.9333 10.9422 14.0089 11.12 15.1111 11.12C15.6 11.12 16 11.52 16 12.0089V15.1111C16 15.6 15.6 16 15.1111 16C6.76444 16 0 9.23556 0 0.888889C0 0.4 0.4 0 0.888889 0H4C4.48889 0 4.88889 0.4 4.88889 0.888889C4.88889 2 5.06667 3.06667 5.39556 4.06222C5.49333 4.37333 5.42222 4.72 5.17333 4.96889L3.21778 6.92444Z' fill='%23ffffff'/%3E%3C/svg%3E");
        transform: translateY(-50%)
    }
}

@media screen and (max-width:969px) {
    .layout-header.of-primary .layout-header-content.of-primary .layout-header-phoneNumber [href^="tel:"]+.TelSlsh+[href^="tel:"] {
        margin-top: 16px
    }
}

.layout-header.of-primary .layout-header-content.of-primary .layout-header-phoneNumber [href^="tel:"] em {
    font-weight: 400
}

.layout-header.of-primary .layout-header-content.of-primary .layout-header-phoneNumber .TelSlsh {
    margin: 0 4px;
    font-size: 2.2rem;
    font-weight: 400
}

@media screen and (max-width:969px) {
    .layout-header.of-primary .layout-header-content.of-primary .layout-header-phoneNumber .TelSlsh {
        display: none
    }
}

.layout-header.of-full {
    color: #2e3133
}

@media screen and (min-width:970px) {
    .layout-header.of-full {
        position: relative;
        z-index: 1002;
        border-bottom: 0
    }

    .theme-noSearchBar .layout-header.of-full,
    .theme-series .layout-header.of-full {
        border-bottom: 1px solid #f0f0f0
    }
}

@media screen and (max-width:969px) {
    .layout-header.of-full {
        height: 120px !important
    }

    .gtie9 .layout-header.of-full {
        height: 52px !important
    }

    [data-script-enabled=true] .is-menu-show .layout-header.of-full {
        min-height: 100vh
    }

    [data-script-enabled=true] .is-menu-show .layout-header.of-full [data-observation-target=header] {
        position: fixed !important;
        bottom: 50px !important
    }
}

@media screen and (min-width:970px) {

    .theme-noSearchBar .is-menu-show .layout-header.of-full .layout-header-content,
    .theme-series .is-menu-show .layout-header.of-full .layout-header-content {
        filter: drop-shadow(0 10px 20px rgba(46, 49, 51, .1));
        backdrop-filter: blur(30px)
    }
}

.layout-header.of-full.is-fixed {
    border-bottom: 0
}

@media screen and (max-width:969px) {
    .layout-header.of-full.is-fixed {
        height: 51px !important;
        box-shadow: none
    }
}

@media screen and (min-width:970px)and (min-height:771px) {
    .layout-header.of-full.is-fixed.is-show .layout-header-content {
        transition: transform .3s cubic-bezier(.4, 0, .2, 1);
        transform: translateY(0)
    }
}

@media screen and (max-width:969px) {
    .layout-header.of-full.is-fixed.is-show .layout-header-utilityGroup {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        transition: transform .3s cubic-bezier(.4, 0, .2, 1);
        transform: translateY(0)
    }
}

@media screen and (min-width:970px)and (min-height:771px) {
    .layout-header.of-full.is-fixed .layout-header-content {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1000;
        background-color: #fff;
        filter: drop-shadow(0 10px 20px rgba(46, 49, 51, .1));
        transform: translateY(-200%);
        backdrop-filter: blur(30px)
    }

    .gtie9 .layout-header.of-full.is-fixed .layout-header-content {
        box-shadow: 0 10px 20px rgba(46, 49, 51, .1)
    }
}

@media screen and (min-width:970px)and (min-height:771px) {
    .layout-header.of-full.is-fixed .layout-header-body {
        min-height: 70px;
        padding-top: 23px;
        padding-bottom: 24px
    }
}

@media screen and (max-width:969px) {
    .search-icon{
        margin-left: 80px;
    }
   .search-icon img{
       width: 20px;
       height: 20px;
   }

    .gtie9 .layout-header.of-full.is-fixed .layout-header-utilityGroup {
        box-shadow: 0 10px 20px rgba(46, 49, 51, .1)
    }
}

@media screen and (min-width:970px)and (min-height:771px) {
    .layout-header.of-full.is-fixed .layout-header-logo {
        margin-top: 0
    }
}

@media screen and (min-width:970px)and (min-height:771px) {
    .layout-header.of-full.is-fixed .layout-header-logo>a img {
        width: 250px;
        height: 75px;
        cursor:pointer
    }
}

@media screen and (min-width:970px)and (min-height:771px) {
    .theme-KC .layout-header.of-full.is-fixed .layout-header-logo>a img {
        width: 210px
    }
}

@media screen and (min-width:970px)and (min-height:771px) {
    .layout-header.of-full.is-fixed .layout-header-utilityList {
        /* display: none */
    }
}

@media screen and (min-width:970px)and (min-height:771px) {
    .layout-header.of-full.is-fixed .layout-header-utilityList+.navigationGlobal-outer {
        margin-top: 0
    }
}

@media screen and (min-width:970px)and (min-height:771px) {
    .gtie9 .layout-header.of-full.is-fixed .layout-header-search {
        box-shadow: 0 10px 20px rgba(46, 49, 51, .1)
    }
}

@media screen and (min-width:970px)and (min-height:771px) {
    .layout-header.of-full.is-fixed .layout-header-searchButton {
        pointer-events: inherit
    }
}

@media screen and (min-width:970px) {
    .layout-header.of-full .layout-header-content {
        z-index: 1000;
        max-width: inherit;
        padding: 0;
        background: #fff
    }
}

.layout-header.of-full .layout-header-overlay {
    visibility: hidden
}

@media screen and (min-width:970px) {
    .layout-header.of-full .layout-header-overlay {
        position: fixed;
        top: 0;
        z-index: -1;
        width: 100%;
        height: 100vh;
        visibility: hidden;
        background-color: #2e3133;
        opacity: 0;
        transition: visibility .2s cubic-bezier(.4, 0, .2, 1) .2s, opacity .2s cubic-bezier(.4, 0, .2, 1) .2s
    }
}

@media screen and (min-width:970px) {
    .layout-header.of-full .layout-header-overlay[data-owner=suggest] {
        transition: visibility .2s cubic-bezier(.4, 0, .2, 1) .05s, opacity .2s cubic-bezier(.4, 0, .2, 1) .05s
    }
}

@media screen and (min-width:970px) {

    .is-megaMenu-show .layout-header.of-full .layout-header-overlay,
    .is-suggest-show .layout-header.of-full .layout-header-overlay {
        z-index: -1;
        visibility: visible;
        opacity: .8;
        transition: visibility .2s cubic-bezier(.4, 0, .2, 1) .2s, opacity .2s cubic-bezier(.4, 0, .2, 1) .2s
    }
}

@media screen and (min-width:970px) {
    .layout-header.of-full .layout-header-body {
        display: flex;
        align-items: center;
        max-width: 1320px;
        min-height: 120px;
        padding: 16px 20px 24px;
        margin: 0 auto;
        background: #fff
    }
}

@media screen and (min-width:970px)and (max-width:1280px) {
    .layout-header.of-full .layout-header-body {
        min-height: calc(-.34727rem + 9.6463vw);
        padding-bottom: calc(-.8926rem + 2.57235vw)
    }
}

@media screen and (max-width:969px) {
    .is-menu-show .layout-header.of-full .layout-header-utilityGroup {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1002;
        width: 100vw;
        background-color: #fff
    }
}

@media screen and (min-width:970px) {
    .layout-header.of-full .layout-header-logo {
        margin-top: 8px
    }
}

@media screen and (min-width:970px)and (max-width:1280px) {
    .layout-header.of-full .layout-header-logo {
        margin-top: calc(-2.4926rem + 2.57235vw)
    }
}

/* @media screen and (max-width:1280px)and (min-width:970px) {
    .layout-header.of-full .layout-header-logo>a img {
        width: calc(5.18261rem + 10.32609vw);
        height: calc(.97391rem + 1.73913vw)
    }
}

@media screen and (max-width:1280px)and (min-width:970px) {
    .theme-KC .layout-header.of-full .layout-header-logo>a img {
        width: calc(11.87826rem + 12.28261vw)
    }
} */

.layout-header.of-full .layout-header-menuButton {
    position: absolute;
    top: 10px;
    left: 0;
    display: none;
    width: 61px;
    height: 50px;
    padding: 17px 20px;
    line-height: 1
}

.layout-header.of-full .layout-header-menuButton {
    display: block
}

@media screen and (min-width:970px) {
   .layout-header.of-full .layout-header-menuButton {
        display: none
    }
    
    .main-content{
        margin-top: 120px;
    }
}

.layout-header.of-full .layout-header-menuButton:after,
.layout-header.of-full .layout-header-menuButton:before {
    position: absolute;
    display: block;
    width: 18px;
    height: 2px;
    content: "";
    background-color: #303233;
    opacity: 1;
    transition: all .2s cubic-bezier(.4, 0, .2, 1);
    transform: rotate(0)
}

.layout-header.of-full .layout-header-menuButton:before {
    top: 17px
}

.layout-header.of-full .layout-header-menuButton:after {
    top: 31px
}

.layout-header.of-full .layout-header-menuButtonBody {
    position: absolute;
    top: 24px;
    display: block;
    width: 18px;
    height: 2px;
    overflow: hidden;
    background-color: #303233;
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1);
    transform: scale(1)
}

.layout-header.of-full .layout-header-menuButtonText {
    position: absolute;
    left: 100%;
    white-space: nowrap
}

.layout-header.of-full .layout-header-menuButton[aria-expanded=true] .layout-header-menuButtonBody,
.layout-header.of-full .layout-header-menuButton[aria-expanded=true]:after,
.layout-header.of-full .layout-header-menuButton[aria-expanded=true]:before {
    opacity: .2
}

.layout-header.of-full .layout-header-searchButton {
    display: none;
    width: 18px;
    height: 18px
}

.layout-header.of-full .layout-header-searchButton:disabled {
    cursor: default
}

@media screen and (min-width:970px) {
    .layout-header.of-full .layout-header-searchButton {
        margin-top: 3px;
        margin-left: 44px;
        pointer-events: none
    }

    .theme-noSearchBar .layout-header.of-full .layout-header-searchButton,
    .theme-series .layout-header.of-full .layout-header-searchButton {
        pointer-events: inherit
    }
}

@media screen and (min-width:970px)and (max-width:1280px) {
    .layout-header.of-full .layout-header-searchButton {
        margin-top: calc(-.93473rem + .96463vw);
        margin-left: calc(-3.83151rem + 6.43087vw);
        pointer-events: inherit
    }
}

@media screen and (min-width:970px)and (max-height:770px) {
    .layout-header.of-full .layout-header-searchButton {
        display: none !important;
        cursor: default
    }

    .theme-noSearchBar .layout-header.of-full .layout-header-searchButton,
    .theme-series .layout-header.of-full .layout-header-searchButton {
        display: block !important;
        cursor: pointer
    }
}

@media screen and (max-width:969px) {
    .layout-header.of-full .layout-header-searchButton {
        position: absolute;
        top: 0;
        right: 6px;
        width: 61px;
        height: 50px;
        padding: 17px 20px;
        line-height: 1
    }
}

[data-script-enabled=true] .layout-header.of-full .layout-header-searchButton {
    display: block
}

.layout-header.of-full .layout-header-searchButtonBody {
    position: relative;
    display: block;
    width: 18px;
    height: 18px;
    overflow: hidden;
    background: url(../../static/img/icon_search_03.341a8002.svg);
    background-size: 100%;
    opacity: .2;
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1)
}

.layout-header.is-fixed .layout-header-searchButtonBody,
.theme-noSearchBar .layout-header.of-full .layout-header-searchButtonBody,
.theme-series .layout-header.of-full .layout-header-searchButtonBody {
    opacity: 1
}

@media screen and (min-width:970px)and (max-height:770px) {
    .layout-header.is-fixed .layout-header-searchButtonBody {
        opacity: .2
    }
}

@media screen and (max-width:969px) {
    .layout-header.of-full .layout-header-searchButtonBody {
        position: absolute;
        top: 16px;
        right: 20px;
        opacity: 1
    }
}

.layout-header.of-full .layout-header-searchButtonText {
    position: absolute;
    left: 100%;
    display: block;
    white-space: nowrap
}

.layout-header.of-full .layout-header-searchButton[aria-expanded=true] .layout-header-searchButtonBody {
    opacity: .2
}

.layout-header.of-full .layout-header-search {
    position: relative;
    padding: 12px 20px 11px;
    /* background-color: #eeeded */
}

.is-menu-initializing .layout-header.of-full .layout-header-search {
    transition: none !important
}

@media screen and (min-width:970px) {
    .layout-header.of-full .layout-header-search {
        transition: visibility .2s cubic-bezier(.4, 0, .2, 1), opacity .2s cubic-bezier(.4, 0, .2, 1)
    }

    .layout-header.of-full .layout-header-search.is-intersection {
        transition: none !important
    }

    .theme-noSearchBar .layout-header.of-full .layout-header-search,
    .theme-series .layout-header.of-full .layout-header-search {
        position: absolute;
        width: 100%;
        visibility: hidden;
        opacity: 0
    }

    .theme-noSearchBar .layout-header.of-full .layout-header-search.is-show,
    .theme-series .layout-header.of-full .layout-header-search.is-show {
        visibility: visible;
        opacity: 1
    }

    .theme-noSearchBar .layout-header.of-full .layout-header-search.is-hide,
    .theme-series .layout-header.of-full .layout-header-search.is-hide {
        visibility: hidden;
        opacity: 0
    }

    .theme-noSearchBar.gtie9 .is-menu-show .layout-header.of-full .layout-header-search,
    .theme-series.gtie9 .is-menu-show .layout-header.of-full .layout-header-search {
        box-shadow: 0 10px 20px rgba(46, 49, 51, .1)
    }

    .theme-noSearchBar .is-suggest-show .layout-header.of-full .layout-header-search,
    .theme-series .is-suggest-show .layout-header.of-full .layout-header-search {
        visibility: visible;
        opacity: 1
    }
}

@media screen and (min-width:970px)and (min-height:771px) {
    .layout-header.is-fixed .layout-header-search {
        position: absolute;
        width: 100%;
        visibility: hidden;
        opacity: 0
    }

    .is-suggest-show .layout-header.is-fixed .layout-header-search,
    .layout-header.is-fixed .layout-header-search.is-show {
        visibility: visible;
        opacity: 1
    }

    .layout-header.is-fixed .layout-header-search.is-hide {
        visibility: hidden;
        opacity: 0
    }
}

@media screen and (max-width:969px) {
    .layout-header.of-full .layout-header-search {
        position: static;
        right: inherit;
        bottom: inherit;
        padding: 12px 0;
        margin-top: 0;
        margin-bottom: 0;
        background: none
    }

    .gtie9[data-script-enabled=true] .layout-header.of-full .layout-header-search {
        top: 52px
    }

    [data-script-enabled=true] .layout-header.of-full .layout-header-search {
        position: fixed;
        top: 51px;
        left: 0;
        z-index: 1000;
        width: 100%;
        visibility: hidden;
        opacity: 0
    }

    [data-script-enabled=true] .layout-header.of-full .layout-header-search.is-show {
        position: absolute;
        visibility: visible;
        opacity: 1;
        transition: visibility .2s cubic-bezier(.4, 0, .2, 1) .2s, opacity .2s cubic-bezier(.4, 0, .2, 1) .2s
    }

    [data-script-enabled=true] .layout-header.of-full .layout-header-search.is-hide {
        visibility: hidden;
        opacity: 0;
        transition: visibility .2s cubic-bezier(.4, 0, .2, 1), opacity .2s cubic-bezier(.4, 0, .2, 1)
    }
}

.layout-header.of-full .layout-header-searchBody {
    max-width: 1280px;
    margin: 0 auto
}

.layout-header.of-full .layout-header-product {
    padding: 24px 20px;
    background-color: #fff;
    transition: visibility .2s cubic-bezier(.4, 0, .2, 1) .2s, opacity .2s cubic-bezier(.4, 0, .2, 1) .2s
}

@media screen and (max-width:969px) {
    .layout-header.of-full .layout-header-product {
        visibility: visible;
        opacity: 1
    }
}

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

    .is-suggest-show .layout-header.of-full .layout-header-product,
    .layout-header.of-full .layout-header-search:not(.is-show) .layout-header-product {
        visibility: hidden;
        opacity: 0
    }
}

.layout-header.of-full .layout-header-productLabel {
    margin-bottom: 20px;
    font-size: 1.6rem;
    font-weight: 700
}

.layout-header.of-full .layout-header-productList {
    font-size: 1.4rem;
    line-height: 1.25
}

.layout-header.of-full .layout-header-productList>li {
    font-weight: 700;
    border-bottom: 1px solid #ddd
}

.layout-header.of-full .layout-header-productList>li:first-child {
    border-top: 1px solid #ddd
}

.layout-header.of-full .layout-header-productList a {
    position: relative;
    display: block;
    padding: 20px 48px 20px 16px;
    color: inherit;
    text-decoration: none
}

.layout-header.of-full .layout-header-productList a>svg {
    position: absolute;
    top: 50%;
    right: 11px;
    width: 30px;
    height: 30px;
    fill: #dc002f;
    transform: translateY(-50%)
}

.layout-header.of-full .layout-header-menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end
}

.is-menu-initializing .layout-header.of-full .layout-header-menu {
    transition: none !important
}

@media screen and (min-width:970px) {
    .layout-header.of-full .layout-header-menu {
        flex: 1
    }
}

@media screen and (max-width:969px) {
    .layout-header.of-full .layout-header-menu {
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-between;
        /* min-height: calc(100vh - 51px); */
        background: #fff
    }

    .gtie9 .layout-header.of-full .layout-header-menu {
        height: calc(100vh - 51px)
    }
}

@media screen and (max-width:969px)and (max-height:800px) {
    .gtie9 .layout-header.of-full .layout-header-menu {
        justify-content: flex-start;
        height: auto
    }
}

@media screen and (max-width:969px) {
    .gtie9[data-script-enabled=true] .layout-header.of-full .layout-header-menu {
        top: 52px
    }
}

@media screen and (max-width:969px) {
    [data-script-enabled=true] .layout-header.of-full .layout-header-menu {
        position: fixed;
        top: 51px;
        left: 0;
        z-index: 1000;
        width: 100%;
        visibility: hidden;
        opacity: 0
    }

    [data-script-enabled=true] .layout-header.of-full .layout-header-menu.is-show {
        position: absolute;
        visibility: visible;
        opacity: 1;
        transition: visibility .2s cubic-bezier(.4, 0, .2, 1) .2s, opacity .2s cubic-bezier(.4, 0, .2, 1) .2s, left .2s cubic-bezier(.4, 0, .2, 1) .2s
    }

    [data-script-enabled=true] .layout-header.of-full .layout-header-menu.is-hide {
        visibility: hidden;
        opacity: 0;
        transition: visibility .2s cubic-bezier(.4, 0, .2, 1), opacity .2s cubic-bezier(.4, 0, .2, 1), left .2s cubic-bezier(.4, 0, .2, 1)
    }
}

.layout-header.of-full .layout-header-utilityList {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    padding-left: 24px;
    font-size: 1.2rem;
    color: #484b4c;
    margin-bottom:15px
}

@media screen and (max-width:969px) {
    .layout-header.of-full .layout-header-utilityList {
        position: static;
        flex-wrap: wrap;
        justify-content: flex-start;
        width: auto;
        /* padding: 32px 20px 56px; */
        margin: 0 0 0 -16px;
        /* background: #2e3133 */
    }
}

@media screen and (max-width:969px) {
    .layout-header.of-full .layout-header-utilityList:only-child {
        margin-bottom: 0;
        border-top: 0
    }
}

.layout-header.of-full .layout-header-utilityList+.layout-header-languageList {
    margin-top: -1px
}

@media screen and (max-width:969px) {
    .layout-header.of-full .layout-header-utilityList+.layout-header-languageList {
        margin-top: 0
    }
}

.layout-header.of-full .layout-header-utilityList+.navigationGlobal-outer {
    margin-top: 38px
}

@media screen and (max-width:1280px) {
    .layout-header.of-full .layout-header-utilityList+.navigationGlobal-outer {
        margin-top: calc(-3.60836rem + 5.78778vw)
    }
}

@media screen and (max-width:969px) {
    .layout-header.of-full .layout-header-utilityList+.navigationGlobal-outer {
        margin-top: 0
    }
}

.layout-header.of-full .layout-header-utilityList>li {
    position: relative;
    padding-right: 16px;
    margin-right: 16px
}

@media screen and (max-width:969px) {
    .layout-header.of-full .layout-header-utilityList>li {
        width: 100%;
        padding-left: 16px;
        margin-top: 16px
    }
}

.layout-header.of-full .layout-header-utilityList>li:first-child {
    margin-top: 0
}

.layout-header.of-full .layout-header-utilityList>li:last-child {
    padding-right: 0;
    margin-right: 0
}

.layout-header.of-full .layout-header-utilityList>li:last-child:before {
    display: none
}

.layout-header.of-full .layout-header-utilityList>li:before {
    position: absolute;
    display: block;
    content: "";
    top: .3rem;
    right: 0;
    width: 1px;
    height: 12px;
    background: #ddd
}

@media screen and (max-width:969px) {
    .layout-header.of-full .layout-header-utilityList>li:before {
        top: .4rem;
        height: 10px;
        background: #666a6b
    }
}

.layout-header.of-full .layout-header-utilityList>li>a {
    color: inherit;
    text-decoration: none
}

@media screen and (max-width:969px) {
    .layout-header.of-full .layout-header-utilityList>li>a {
        color: #fff
    }
}

@media screen and (min-width:970px) {

    .layout-header.of-full .layout-header-utilityList>li>a:active,
    .layout-header.of-full .layout-header-utilityList>li>a:focus,
    .layout-header.of-full .layout-header-utilityList>li>a:hover {
        text-decoration: underline
    }
}

@media screen and (max-width:969px) {
    .layout-header.of-full .layout-header-utilityList>li:not(.of-career):not(.of-telephone):not(.of-regionSelector) {
        padding-right: 0;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 16px
    }
}

@media screen and (max-width:969px) {
    .layout-header.of-full .layout-header-utilityList>li:not(.of-career):not(.of-telephone):not(.of-regionSelector):before {
        display: none
    }
}

@media screen and (max-width:969px) {
    .layout-header.of-full .layout-header-utilityList>li:not(.of-career):not(.of-telephone):not(.of-regionSelector)>a {
        position: relative;
        display: inline-flex;
        align-items: center;
        width: 100%;
        padding: 11px 36px 12px 20px;
        font-size: 1.4rem;
        background-color: #dc002f;
        border-radius: 4px
    }
}

@media screen and (max-width:969px) {
    .layout-header.of-full .layout-header-utilityList>li:not(.of-career):not(.of-telephone):not(.of-regionSelector)>a:after {
        position: absolute;
        display: block;
        content: "";
        top: 50%;
        right: 26px;
        width: 8px;
        height: 8px;
        margin-top: -2px;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        transform: rotate(45deg) translateY(-50%)
    }
}

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

    .layout-header.of-full .layout-header-utilityList>li.of-mykeyence,
    .layout-header.of-full .layout-header-utilityList>li.of-mykeyence+li:not(.of-telephone) {
        width: 100%
    }
}

@media screen and (max-width:969px) {
    .layout-header.of-full .layout-header-utilityList>li.of-telephone {
        width: 100%;
        padding-right: 0;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 32px
    }
}

@media screen and (max-width:969px) {
    .layout-header.of-full .layout-header-utilityList>li.of-telephone:before {
        display: none
    }
}

.layout-header.of-full .layout-header-utilityList>li.of-telephone>a {
    color: #dc002f;
    text-decoration: none !important;
    cursor: inherit
}

@media screen and (max-width:969px) {
    .layout-header.of-full .layout-header-utilityList>li.of-telephone>a {
        position: relative;
        display: inline-flex;
        align-items: center;
        width: 100%;
        max-width: 100%;
        padding: 11px 48px 12px 20px;
        font-size: 1.4rem;
        color: #fff;
        text-decoration: none;
        cursor: default;
        /* background-color: #13778f; */
        border-radius: 4px
    }
}

@media screen and (max-width:969px) {
    .layout-header.of-full .layout-header-utilityList>li.of-telephone>a:before {
        position: absolute;
        display: block;
        content: "";
        top: 50%;
        right: 19px;
        width: 16px;
        height: 16px;
        transform: translateY(-50%)
    }
}

.layout-header.of-full .layout-header-utilityList>li.of-telephone>a em {
    font-weight: 400
}

@media screen and (max-width:969px) {
    .layout-header.of-full .layout-header-utilityList>li.of-telephone>a img {
        display: inline-block;
        margin-top: -1px;
        margin-right: 4px;
        vertical-align: middle
    }
}

.layout-header.of-full .layout-header-utilityList>li.of-telephone>a>span {
    font-weight: 400;
    color: #2e3133
}

@media screen and (max-width:969px) {
    .layout-header.of-full .layout-header-utilityList>li.of-telephone>a>span {
        margin-right: 4px
    }
}

.layout-header.of-full .layout-header-utilityList>li.of-telephone .TelSlsh {
    margin-right: 3px;
    margin-left: 3px
}

@media screen and (max-width:969px) {
    .layout-header.of-full .layout-header-utilityList>li.of-telephone .TelSlsh {
        display: none
    }
}

@media screen and (max-width:1280px)and (min-width:970px) {
    .layout-header.of-full .layout-header-utilityList>li.of-telephone .TelSlsh+a {
        display: block
    }
}

@media screen and (max-width:969px) {
    .layout-header.of-full .layout-header-utilityList>li.of-telephone .TelSlsh+a {
        margin-top: 16px
    }
}

@media screen and (max-width:969px) {
    .layout-header.of-full .layout-header-utilityList>li.of-career {
        width: auto;
        margin-right: 0
    }
}

.layout-header.of-full .layout-header-utilityList>li.of-career>a {
    display: flex;
    align-items: flex-start
}

@media screen and (max-width:969px) {
    .layout-header.of-full .layout-header-utilityList>li.of-regionSelector {
        width: auto
    }
}

.layout-header.of-full .layout-header-utilityList>li.of-regionSelector>a {
    display: flex;
    align-items: flex-start
}

@media screen and (min-width:970px) {
    .layout-header.of-full .layout-header-utilityList>li.of-regionSelector>a {
        white-space: nowrap
    }
}

.layout-header.of-full .layout-header-language {
    font-weight: 400;
    white-space: nowrap
}

@media screen and (max-width:1280px)and (min-width:970px) {
    .layout-header.of-full .layout-header-language {
        display: block
    }
}

.layout-header.of-full .layout-header-languageList {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    padding-left: 210px;
    margin-bottom: 9px;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.1
}

@media screen and (max-width:969px) {
    .layout-header.of-full .layout-header-languageList {
        flex-direction: column;
        padding: 0 20px;
        margin-bottom: 0;
        background: #ededed
    }
}

.theme-KC .layout-header.of-full .layout-header-languageList {
    padding-left: 303px
}

@media screen and (max-width:969px) {
    .theme-KC .layout-header.of-full .layout-header-languageList {
        padding: 0 20px
    }

}

.layout-header.of-full .layout-header-languageList:last-child {
    margin-bottom: 0
}

.layout-header.of-full .layout-header-languageList+.navigationGlobal-outer,
.layout-header.of-full .layout-header-languageList+.navigationGlobal-outer+.layout-header-search {
    margin-top: 0
}

.layout-header.of-full .layout-header-languageList>li {
    position: relative
}

.layout-header.of-full .layout-header-careerIcon {
    width: 14px;
    height: 14px;
    margin-top: 1px;
    margin-right: 5px;
    fill: #545859
}

@media screen and (min-width:970px) {
    .layout-header.of-full .layout-header-careerIcon {
        display: inline-block;
        vertical-align: middle
    }
}

@media screen and (max-width:969px) {
    .layout-header.of-full .layout-header-careerIcon {
        width: 16px;
        height: 16px;
        margin-top: 0;
        margin-right: 6px;
        fill: #c9cbcb
    }
    .sol2-box3 .container .item .tbox .t1{
        font-size: 1.2em;
    }
}

@media screen and (max-width:969px) {
    #icon-career path.iconCareer-piece {
        fill: #2e3133
    }

    #icon-career rect.iconCareer-piece {
        stroke: #2e3133
    }
}

.layout-header.of-full .layout-header-globalIcon {
    width: 11px;
    height: 11px;
    margin-top: 3px;
    margin-right: 7px;
    fill: #545859
}

@media screen and (min-width:970px) {
    .layout-header.of-full .layout-header-globalIcon {
        display: inline-block;
        vertical-align: middle
    }
}

.layout-header.of-full .layout-header-currentRegion {
    display: inline-flex;
    white-space: nowrap
}

@media screen and (max-width:969px) {
    .layout-header.of-full .layout-header-currentRegion {
        color: #fff
    }
}

.layout-header.of-full .layout-header-currentRegion:after {
    display: block;
    margin-left: 3px;
    content: ":"
}

.layout-header.of-full .layout-header-currentLanguage {
    display: block;
    padding: 3px 6px;
    background: #fff;
    border: 1px solid transparent
}

@media screen and (max-width:969px) {
    .layout-header.of-full .layout-header-currentLanguage {
        display: none
    }
}

.layout-header.of-full .layout-header-currentLanguage[tabindex] {
    cursor: pointer
}

.layout-header.of-full .layout-header-currentLanguage[aria-expanded] {
    position: relative;
    min-width: 108px;
    padding-right: 12px;
    border-color: #ccc
}

.layout-header.of-full .layout-header-currentLanguage[aria-expanded]:before {
    position: absolute;
    display: block;
    content: "";
    top: 50%;
    right: 6px;
    border-color: #666 transparent transparent;
    border-style: solid;
    border-width: 4px 2.5px;
    transform: translateY(-50%)
}

.layout-header.of-full .layout-header-selectedList {
    padding: 5px 0;
    margin-top: -1px;
    color: #707070;
    border: 1px solid #ccc
}

@media screen and (max-width:969px) {
    .layout-header.of-full .layout-header-selectedList {
        display: flex !important;
        flex-wrap: wrap;
        padding: 0;
        margin: -16px 0 0 -24px;
        color: #666;
        border: 0
    }
}

@media screen and (min-width:970px) {
     .layout-header.of-full .layout-header-selectedList {
        position: absolute;
        z-index: 1;
        display: none;
        width: 100%;
        background: #fff
    }

    .layout-header.of-full .layout-header-selectedList.is-show {
        display: block
    }
}

.layout-header.of-full .layout-header-selectedList>li {
    margin-bottom: 4px
}

@media screen and (max-width:969px) {
    .layout-header.of-full .layout-header-selectedList>li {
        width: 33.333333%;
        padding-left: 24px;
        margin-top: 16px;
        margin-bottom: 0
    }
}

.layout-header.of-full .layout-header-selectedList>li.is-current {
    font-weight: 700
}

@media screen and (max-width:969px) {
    .layout-header.of-full .layout-header-selectedList>li.is-current {
        color: #2e3133
    }
}

.layout-header.of-full .layout-header-selectedList>li.is-current>span {
    padding-left: 20px
}

@media screen and (max-width:969px) {
    .layout-header.of-full .layout-header-selectedList>li.is-current>span {
        padding-left: 8px
    }
}

.layout-header.of-full .layout-header-selectedList>li:last-child {
    margin-bottom: 0
}

.layout-header.of-full .layout-header-selectedList>li>a {
    position: relative;
    display: block;
    padding: 2px 8px 2px 20px;
    color: inherit
}

@media screen and (max-width:969px) {
    .layout-header.of-full .layout-header-selectedList>li>a {
        padding: 0 0 0 8px
    }
}

.layout-header.of-full .layout-header-selectedList>li>a:before {
    position: absolute;
    display: block;
    content: "";
    top: .4em;
    left: 8px;
    border-color: transparent transparent transparent #666;
    border-style: solid;
    border-width: 2.5px 4px
}

@media screen and (max-width:969px) {
    .layout-header.of-full .layout-header-selectedList>li>a:before {
        top: .25em;
        left: 0
    }
}

.layout-header.of-full .navigationGlobal-outer {
    width: 100%
}

@media screen and (min-width:970px) {
    .layout-header.of-full .navigationGlobal-outer {
        display: flex;
        justify-content: flex-end
    }
}

@media screen and (max-width:969px) {
    .layout-header.of-full .navigationGlobal-outer {
        order: -1;
        padding: 0 20px
    }
}

.layout-header.of-full .navigationGlobal {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-left: -24px
}

@media screen and (max-width:1280px) {
    .layout-header.of-full .navigationGlobal {
        margin-left: -1.875vw
    }
}

@media screen and (max-width:969px) {
    .layout-header.of-full .navigationGlobal {
        position: static;
        flex-direction: column;
        align-items: inherit;
        justify-content: inherit;
        margin-left: 0
    }
}

.layout-header.of-full .navigationGlobal>li {
    padding-left: 40px
}

@media screen and (max-width:1280px) {
    .layout-header.of-full .navigationGlobal>li {
        padding-left: calc(-2.58521rem + 5.14469vw)
    }
}

@media screen and (max-width:969px) {
    .layout-header.of-full .navigationGlobal>li {
        padding-left: 0;
        border-bottom: 1px solid #ddd
    }
}

.layout-header.of-full .navigationGlobal>li>a {
    position: relative;
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: inherit;
    text-decoration: none
}

@media screen and (min-width:970px) {
    .layout-header.of-full .navigationGlobal>li>a {
        transition: color .1s cubic-bezier(.4, 0, .2, 1) .2s
    }
}

@media screen and (max-width:1280px) {
    .layout-header.of-full .navigationGlobal>li>a {
        font-size: 20px;
    }
}

@media screen and (max-width:969px) {
    .layout-header.of-full .navigationGlobal>li>a {
        display: block;
        padding: 20px 32px 20px 0;
        font-size: 20px;
        line-height: 1.25;
        color: inherit;
        background: #fff
    }
}

@media screen and (min-width:970px) {

    .layout-header.of-full .navigationGlobal>li>a:focus,
    .layout-header.of-full .navigationGlobal>li>a:hover {
        color: #dc002f
    }
}

.smartphone .layout-header.of-full .navigationGlobal>li>a:focus,
.smartphone .layout-header.of-full .navigationGlobal>li>a:hover {
    color: inherit
}

@media screen and (min-width:970px) {
    .layout-header.of-full .navigationGlobal>li>a.navigationGlobal-trigger {
        padding-right: 16px
    }
}

 .layout-header.of-full .navigationGlobal>li>a.navigationGlobal-trigger:before {
    position: absolute;
    display: block;
    content: "";
    top: 50%;
    right: 2px;
    width: 6px;
    height: 6px;
    margin-top: -6px;
    border-top: 2px solid #dc002f;
    border-right: 2px solid #dc002f;
    transition: all .2s cubic-bezier(.4, 0, .2, 1) .2s;
    transform: rotate(135deg) translateY(-50%)
}
.layout-header.of-full .navigationGlobal>li:hover>a.navigationGlobal-trigger:before{
    position: absolute;
    display: none;
    content: "";
    top: 65%;
    left: 93%;
    width: 6px;
    height: 6px;
    margin-top: -6px;
    border-top: 2px solid #dc002f;
    border-right: 2px solid #dc002f;
    transition: all .2s cubic-bezier(.4, 0, .2, 1) .2s;
    transform: rotate(-45deg) translateY(-10%)
}
.layout-header.of-full .navigationGlobal>li:hover>a.navigationGlobal-trigger:after{
    position: absolute;
    display: block;
    content: "";
    top: 65%;
    left: 93%;
    width: 6px;
    height: 6px;
    margin-top: -6px;
    border-top: 2px solid #dc002f;
    border-right: 2px solid #dc002f;
    transition: all .2s cubic-bezier(.4, 0, .2, 1) .2s;
    transform: rotate(-45deg) translateY(-10%)
}
@media screen and (max-width:1280px) {
    .layout-header.of-full .navigationGlobal>li>a.navigationGlobal-trigger:before {
        min-width: 6px;
        min-height: 6px
    }
}

@media screen and (max-width:969px) {
     .layout-header.of-full .navigationGlobal>li>a.navigationGlobal-trigger:before {
        display: none
    }
}

@media screen and (min-width:970px) {

    .layout-header.of-full .navigationGlobal>li>a.navigationGlobal-trigger.is-active,
    .layout-header.of-full .navigationGlobal>li>a.navigationGlobal-trigger.is-current {
        color: #dc002f
    }
}

@media screen and (min-width:970px) {
    .layout-header.of-full .navigationGlobal>li>a.navigationGlobal-trigger.is-active:before {
        right: -2px;
        margin-top: 0;
        transform: rotate(-45deg) translateY(-50%)
    }
}

@media screen and (min-width:970px) {
    .layout-header.of-full .navigationGlobal>li:hover>a:after {
        position: absolute;
        display: block;
        content: "";
        top: 100%;
        left: 0;
        width: 100%;
        height: 100%;
        background: transparent;
        transition: background .1s cubic-bezier(.4, 0, .2, 1) .2s
    }
}

@media screen and (max-width:969px) {
    .layout-header.of-full .navigationGlobal>li>a:after {
        position: absolute;
        display: block;
        content: "";
        top: 50%;
        right: 14px;
        width: 8px;
        height: 8px;
        margin-top: -2px;
        border-top: 2px solid #dc002f;
        border-right: 2px solid #dc002f;
        transform: rotate(45deg) translateY(-50%)
    }
}

.layout-header.of-full .layout-megaMenuGrid {
    display: flex;
    flex-wrap: wrap;
    margin: -20px 0 0 -40px
}

@media screen and (min-width:970px)and (max-width:1320px) {
    .layout-header.of-full .layout-megaMenuGrid {
        margin-left: calc(1.64103rem - 4.2735vw)
    }
}

@media screen and (max-width:969px) {
    .layout-header.of-full .layout-megaMenuGrid {
        flex-direction: column;
        margin-top: 0
    }
}

@media screen and (min-width:970px) {
    .layout-header.of-full .layout-megaMenuGrid .layout-megaMenuGrid {
        padding-right: 0;
        margin-left: -20px
    }
}

/* .layout-header.of-full .layout-megaMenuGrid.of-column-5>.layout-megaMenuGrid-column.of-column-1 {
    width: 100%;
    display: flex;
} */

.layout-header.of-full .layout-megaMenuGrid.of-column-5>.layout-megaMenuGrid-column.of-column-2 {
    width: 40%
}

.layout-header.of-full .layout-megaMenuGrid.of-column-5>.layout-megaMenuGrid-column.of-column-3 {
    width: 60%
}

.layout-header.of-full .layout-megaMenuGrid.of-column-5>.layout-megaMenuGrid-column.of-column-4 {
    width: 80%
}

.layout-header.of-full .layout-megaMenuGrid.of-column-5>.layout-megaMenuGrid-column.of-column-5 {
    width: 100%
}

.layout-header.of-full .layout-megaMenuGrid.of-column-4>.layout-megaMenuGrid-column.of-column-1 {
    width: 25%
}

.layout-header.of-full .layout-megaMenuGrid.of-column-4>.layout-megaMenuGrid-column.of-column-2 {
    width: 50%
}

.layout-header.of-full .layout-megaMenuGrid.of-column-4>.layout-megaMenuGrid-column.of-column-3 {
    width: 75%
}

.layout-header.of-full .layout-megaMenuGrid.of-column-4>.layout-megaMenuGrid-column.of-column-4 {
    width: 100%
}

.layout-header.of-full .layout-megaMenuGrid.of-column-3>.layout-megaMenuGrid-column.of-column-1 {
    width: 33.3333333%
}

.layout-header.of-full .layout-megaMenuGrid.of-column-3>.layout-megaMenuGrid-column.of-column-2 {
    width: 66.6666666%
}

.layout-header.of-full .layout-megaMenuGrid.of-column-3>.layout-megaMenuGrid-column.of-column-3 {
    width: 100%
}

.layout-header.of-full .layout-megaMenuGrid.of-column-2>.layout-megaMenuGrid-column.of-column-1 {
    width: 50%
}

.layout-header.of-full .layout-megaMenuGrid.of-column-2>.layout-megaMenuGrid-column.of-column-2 {
    width: 100%
}

.layout-header.of-full .layout-megaMenuGrid-column {
    /* width: 100%; */
    display: flex;
    padding-left: 40px;
    margin-top: 20px
}

@media screen and (min-width:970px)and (max-width:1320px) {
    .layout-header.of-full .layout-megaMenuGrid-column {
        padding-left: calc(-1.64103rem + 4.2735vw)
    }
}

@media screen and (max-width:969px) {
    .layout-header.of-full .layout-megaMenuGrid-column {
        width: 100% !important;
        margin-top: 0
    }
}

.layout-header.of-full .layout-megaMenuGrid-column>:last-child {
    margin-bottom: 0
}

.layout-header.of-full .navigationMegaMenu {
    position: absolute;
    left: 0;
    z-index: 1000;
    width: 100%;
    background: #f7f7f7
}

@media screen and (min-width:970px) {
    .layout-header.of-full .navigationMegaMenu {
        margin-top: 24px;
        
    }
}

@media screen and (min-width:970px)and (max-width:1280px) {
    .layout-header.of-full .navigationMegaMenu {
        margin-top: calc(-.8926rem + 2.57235vw)
    }
}

@media screen and (min-width:970px) {
    .layout-header.of-full .navigationMegaMenu.is-show {
        visibility: visible;
        opacity: 1
    }
}

@media screen and (min-width:970px) {

    .layout-header.of-full .navigationMegaMenu.is-hide,
    .layout-header.of-full .navigationMegaMenu.is-show {
        transition: visibility .2s cubic-bezier(.4, 0, .2, 1) .2s, opacity .2s cubic-bezier(.4, 0, .2, 1) .2s, height .2s cubic-bezier(.4, 0, .2, 1) .2s
    }

    .layout-header.of-full .navigationMegaMenu.is-hide {
        height: 0;
       
    }
}

@media screen and (max-width:969px) {
    .layout-header.of-full .navigationMegaMenu {
        top: 0;
        left: 100%;
        padding: 0;
        box-shadow: none
    }

    .layout-header.of-full .navigationMegaMenu.is-show {
        display: block
    }
}

.layout-header.of-full .navigationMegaMenu-body {
    max-width: 1320px;
    padding: 43px 20px 70px;
    margin: 0 auto
}

@media screen and (max-width:969px) {
    .layout-header.of-full .navigationMegaMenu-body {
        padding: 0 20px 64px;
        background-color: #fff
    }
}

.layout-header.of-full .navigationMegaMenu-childList>li:last-child,
.layout-header.of-full .navigationMegaMenu-list>li:last-child,
.layout-header.of-full .navigationMegaMenu-subList>li:last-child {
    margin-bottom: 0
}

.layout-header.of-full .navigationMegaMenu-childList>li>a,
.layout-header.of-full .navigationMegaMenu-childList>li>button,
.layout-header.of-full .navigationMegaMenu-list>li>a,
.layout-header.of-full .navigationMegaMenu-list>li>button,
.layout-header.of-full .navigationMegaMenu-subList>li>a,
.layout-header.of-full .navigationMegaMenu-subList>li>button {
    position: relative;
    display: inline-block;
    max-width: 100%;
    text-decoration: none
}

@media screen and (min-width:970px) {

    .layout-header.of-full .navigationMegaMenu-childList>li>a:active .navigationMegaMenu-linkText,
    .layout-header.of-full .navigationMegaMenu-childList>li>a:focus .navigationMegaMenu-linkText,
    .layout-header.of-full .navigationMegaMenu-childList>li>a:hover .navigationMegaMenu-linkText,
    .layout-header.of-full .navigationMegaMenu-childList>li>button:active .navigationMegaMenu-linkText,
    .layout-header.of-full .navigationMegaMenu-childList>li>button:focus .navigationMegaMenu-linkText,
    .layout-header.of-full .navigationMegaMenu-childList>li>button:hover .navigationMegaMenu-linkText,
    .layout-header.of-full .navigationMegaMenu-list>li>a:active .navigationMegaMenu-linkText,
    .layout-header.of-full .navigationMegaMenu-list>li>a:focus .navigationMegaMenu-linkText,
    .layout-header.of-full .navigationMegaMenu-list>li>a:hover .navigationMegaMenu-linkText,
    .layout-header.of-full .navigationMegaMenu-list>li>button:active .navigationMegaMenu-linkText,
    .layout-header.of-full .navigationMegaMenu-list>li>button:focus .navigationMegaMenu-linkText,
    .layout-header.of-full .navigationMegaMenu-list>li>button:hover .navigationMegaMenu-linkText,
    .layout-header.of-full .navigationMegaMenu-subList>li>a:active .navigationMegaMenu-linkText,
    .layout-header.of-full .navigationMegaMenu-subList>li>a:focus .navigationMegaMenu-linkText,
    .layout-header.of-full .navigationMegaMenu-subList>li>a:hover .navigationMegaMenu-linkText,
    .layout-header.of-full .navigationMegaMenu-subList>li>button:active .navigationMegaMenu-linkText,
    .layout-header.of-full .navigationMegaMenu-subList>li>button:focus .navigationMegaMenu-linkText,
    .layout-header.of-full .navigationMegaMenu-subList>li>button:hover .navigationMegaMenu-linkText {
        text-decoration: underline
    }
}

.layout-header.of-full .navigationMegaMenu-childList>li>a:after,
.layout-header.of-full .navigationMegaMenu-childList>li>button:after,
.layout-header.of-full .navigationMegaMenu-list>li>a:after,
.layout-header.of-full .navigationMegaMenu-list>li>button:after,
.layout-header.of-full .navigationMegaMenu-subList>li>a:after,
.layout-header.of-full .navigationMegaMenu-subList>li>button:after {
    color: transparent;
    text-shadow: .5em 0 #dc002f;
    content: "›"
}

.layout-header.of-full .navigationMegaMenu-childList>li>a .navigationMegaMenu-linkText,
.layout-header.of-full .navigationMegaMenu-childList>li>button .navigationMegaMenu-linkText,
.layout-header.of-full .navigationMegaMenu-list>li>a .navigationMegaMenu-linkText,
.layout-header.of-full .navigationMegaMenu-list>li>button .navigationMegaMenu-linkText,
.layout-header.of-full .navigationMegaMenu-subList>li>a .navigationMegaMenu-linkText,
.layout-header.of-full .navigationMegaMenu-subList>li>button .navigationMegaMenu-linkText {
    transition: color .2s cubic-bezier(.4, 0, .2, 1)
}

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

    .layout-header.of-full .navigationMegaMenu-childList>li,
    .layout-header.of-full .navigationMegaMenu-list>li {
        border-bottom: 1px solid #ddd
    }
}

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

    .layout-header.of-full .navigationMegaMenu-childList>li>a,
    .layout-header.of-full .navigationMegaMenu-childList>li>button,
    .layout-header.of-full .navigationMegaMenu-list>li>a,
    .layout-header.of-full .navigationMegaMenu-list>li>button {
        display: block;
        width: 100%;
        padding: 20px 32px 20px 16px;
        line-height: 1.25;
        color: inherit;
        background: #fff
    }
}

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

    .layout-header.of-full .navigationMegaMenu-childList>li>a:before,
    .layout-header.of-full .navigationMegaMenu-childList>li>button:before,
    .layout-header.of-full .navigationMegaMenu-list>li>a:before,
    .layout-header.of-full .navigationMegaMenu-list>li>button:before {
        position: absolute;
        top: 50%;
        right: 14px;
        display: block;
        width: 8px;
        height: 8px;
        margin-top: -2px;
        content: "";
        border-top: 2px solid #dc002f;
        border-right: 2px solid #dc002f;
        transform: rotate(45deg) translateY(-50%)
    }
}

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

    .layout-header.of-full .navigationMegaMenu-childList>li>a:after,
    .layout-header.of-full .navigationMegaMenu-childList>li>button:after,
    .layout-header.of-full .navigationMegaMenu-list>li>a:after,
    .layout-header.of-full .navigationMegaMenu-list>li>button:after {
        display: none
    }
}

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

    .layout-header.of-full .navigationMegaMenu-childList>li>a.of-hierarchyTop,
    .layout-header.of-full .navigationMegaMenu-childList>li>button.of-hierarchyTop,
    .layout-header.of-full .navigationMegaMenu-list>li>a.of-hierarchyTop,
    .layout-header.of-full .navigationMegaMenu-list>li>button.of-hierarchyTop {
        padding-left: 0;
        font-size: 1.6rem
    }
}

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

    .layout-header.of-full .navigationMegaMenu-childList>li>a.of-goBack,
    .layout-header.of-full .navigationMegaMenu-childList>li>button.of-goBack,
    .layout-header.of-full .navigationMegaMenu-list>li>a.of-goBack,
    .layout-header.of-full .navigationMegaMenu-list>li>button.of-goBack {
        display: block;
        padding-left: 20px;
        font-size: 1.4rem;
        text-align: left
    }
}

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

    .layout-header.of-full .navigationMegaMenu-childList>li>a.of-goBack:before,
    .layout-header.of-full .navigationMegaMenu-childList>li>button.of-goBack:before,
    .layout-header.of-full .navigationMegaMenu-list>li>a.of-goBack:before,
    .layout-header.of-full .navigationMegaMenu-list>li>button.of-goBack:before {
        right: inherit;
        left: 5px;
        margin-top: -7px;
        transform: rotate(-135deg) translateY(-50%)
    }
}

.layout-header.of-full .navigationMegaMenu-list {
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 1.25
}

@media screen and (min-width:970px)and (max-width:1320px) {
    .layout-header.of-full .navigationMegaMenu-list {
        font-size: calc(1.02393rem + .2849vw)
    }
}

@media screen and (max-width:969px) {
    .layout-header.of-full .navigationMegaMenu-list {
        margin-bottom: 0
    }
}

.layout-header.of-full .navigationMegaMenu-list>li {
    margin-bottom: 16px;
    font-weight: 700
}

@media screen and (max-width:969px) {
    .layout-header.of-full .navigationMegaMenu-list>li {
        margin-bottom: 0
    }
}

.layout-header.of-full .navigationMegaMenu-list>li>a,
.layout-header.of-full .navigationMegaMenu-list>li>button {
    color: #2e3133
}

@media screen and (min-width:970px) {

    .layout-header.of-full .navigationMegaMenu-list>li>a:active .navigationMegaMenu-linkText,
    .layout-header.of-full .navigationMegaMenu-list>li>a:focus .navigationMegaMenu-linkText,
    .layout-header.of-full .navigationMegaMenu-list>li>a:hover .navigationMegaMenu-linkText {
        color: #dc002f
    }

    .layout-header.of-full .navigationMegaMenu-list>li>a:active .navigationMegaMenu-image:before,
    .layout-header.of-full .navigationMegaMenu-list>li>a:focus .navigationMegaMenu-image:before,
    .layout-header.of-full .navigationMegaMenu-list>li>a:hover .navigationMegaMenu-image:before {
        background: rgba(0, 0, 0, .2)
    }

    .layout-header.of-full .navigationMegaMenu-list>li>a:active .navigationMegaMenu-image img,
    .layout-header.of-full .navigationMegaMenu-list>li>a:focus .navigationMegaMenu-image img,
    .layout-header.of-full .navigationMegaMenu-list>li>a:hover .navigationMegaMenu-image img {
        transform: scale(1.05)
    }
}

.layout-header.of-full .navigationMegaMenu-list>li>a[target=_blank] {
    color: #2e3133
}

@media screen and (max-width:969px) {
    .layout-header.of-full .navigationMegaMenu-list>li>a[target=_blank]:before {
        display: none
    }
}

@media screen and (max-width:969px) {
    .layout-header.of-full .navigationMegaMenu-list>li>a[target=_blank] .navigationMegaMenu-icon {
        position: absolute;
        top: 50%;
        right: 18px;
        transform: translateY(-50%);
        backface-visibility: hidden
    }
}

.layout-header.of-full .navigationMegaMenu-list.of-modestly>li {
    font-size: 1.4rem;
    color: #666
}

@media screen and (max-width:969px) {
    .layout-header.of-full .navigationMegaMenu-list.of-modestly>li:last-child {
        border-bottom: 0
    }
}

@media screen and (max-width:969px) {
    .layout-header.of-full .navigationMegaMenu-list.of-modestly .navigationMegaMenu-childList {
        position: static;
        display: block;
        margin-top: 4px
    }
}

@media screen and (max-width:969px) {
    .layout-header.of-full .navigationMegaMenu-list.of-modestly .navigationMegaMenu-childList>li {
        font-size: 1.4rem;
        font-weight: 400;
        border-bottom: 0
    }
}

@media screen and (max-width:969px) {
    .layout-header.of-full .navigationMegaMenu-list.of-modestly .navigationMegaMenu-childList>li>a {
        padding: 12px 0 12px 14px;
        font-weight: 400;
        background: none
    }
}

@media screen and (max-width:969px) {
    .layout-header.of-full .navigationMegaMenu-list.of-modestly .navigationMegaMenu-childList>li>a:before {
        top: 50%;
        display: block;
        transform: translateY(-50%)
    }
}

@media screen and (max-width:969px) {
    .layout-header.of-full .navigationMegaMenu-list.of-modestly .navigationMegaMenu-childList>li>a:after {
        display: none
    }
}

.layout-header.of-full .navigationMegaMenu-childList {
    margin-top: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5
}

@media screen and (max-width:969px) {
    .layout-header.of-full .navigationMegaMenu-childList {
        position: absolute;
        top: 0;
        left: 100%;
        display: none;
        width: 100%;
        padding: 0 20px;
        margin-top: 0;
        font-size: 1.4rem;
        font-weight: 700;
        background: #fff
    }

    .layout-header.of-full .navigationMegaMenu-childList.is-show {
        display: block
    }
}

.layout-header.of-full .navigationMegaMenu-childList>li>a[target=_blank] {
    color: #2e3133
}

@media screen and (min-width:970px) {

    .layout-header.of-full .navigationMegaMenu-childList>li>a,
    .layout-header.of-full .navigationMegaMenu-childList>li button {
        color: #dc002f
    }
}

.layout-header.of-full .navigationMegaMenu-subList {
    margin-bottom: 24px;
    margin-left: -85px;
    font-size: 16px;
    line-height: 1.25
}

@media screen and (min-width:970px)and (max-width:1320px) {
    .layout-header.of-full .navigationMegaMenu-subList {
        font-size: calc(1.02393rem + .2849vw)
    }
}

@media screen and (max-width:969px) {
    .layout-header.of-full .navigationMegaMenu-subList {
        padding-top: 40px;
        margin-left: 0
    }
}

.layout-header.of-full .navigationMegaMenu-subList.of-horizontal {
    display: flex;
    flex-wrap: wrap
}

@media screen and (max-width:969px) {
    .layout-header.of-full .navigationMegaMenu-subList.of-horizontal {
        margin-top: -12px;
        margin-left: -20px
    }
}

@media screen and (max-width:969px) {
    .layout-header.of-full .navigationMegaMenu-subList.of-horizontal>li {
        width: 50%;
        padding-left: 20px;
        margin-top: 12px;
        margin-bottom: 0
    }
}

.layout-header.of-full .navigationMegaMenu-subList>li {
    padding-left: 40px;
    margin-top: 12px
}

@media screen and (max-width:969px) {
    .layout-header.of-full .navigationMegaMenu-subList>li {
        padding-left: 0;
        margin-top: 0;
        margin-bottom: 12px
    }
}

.layout-header.of-full .navigationMegaMenu-subList>li.of-horizontal {
    display: flex
}

@media screen and (max-width:969px) {
    .layout-header.of-full .navigationMegaMenu-subList>li.of-horizontal {
        display: block
    }
}

.layout-header.of-full .navigationMegaMenu-subList>li.of-horizontal>:first-child {
    margin-right: 64px
}

@media screen and (max-width:969px) {
    .layout-header.of-full .navigationMegaMenu-subList>li.of-horizontal>:first-child {
        margin-right: 0
    }
}

.layout-header.of-full .navigationMegaMenu-subList>li.of-horizontal>.navigationMegaMenu-subList {
    flex: 1;
    margin-top: -9px;
    font-size: 14px
}

@media screen and (max-width:969px) {
    .layout-header.of-full .navigationMegaMenu-subList>li.of-horizontal>.navigationMegaMenu-subList {
        flex: inherit;
        margin-top: -12px
    }
}

@media screen and (max-width:969px) {
    .layout-header.of-full .navigationMegaMenu-subList>li>.navigationMegaMenu-subList {
        padding-top: 24px
    }
}

@media screen and (max-width:969px) {
    .layout-header.of-full .navigationMegaMenu-subList>li>.navigationMegaMenu-subList:last-child {
        padding-bottom: 32px
    }
}

@media screen and (max-width:969px) {
    .layout-header.of-full .navigationMegaMenu-subList>li:last-child>.navigationMegaMenu-subList:last-child {
        padding-bottom: 0
    }
}

.layout-header.of-full .navigationMegaMenu-subList>li>:last-child {
    margin-bottom: 0
}

.layout-header.of-full .navigationMegaMenu-subList>li>a {
    color: #dc002f
}

@media screen and (min-width:970px) {

    .layout-header.of-full .navigationMegaMenu-subList>li>a:active b,
    .layout-header.of-full .navigationMegaMenu-subList>li>a:focus b,
    .layout-header.of-full .navigationMegaMenu-subList>li>a:hover b {
        color: #dc002f
    }
}

.layout-header.of-full .navigationMegaMenu-subList>li>a[target=_blank] {
    color: #0064c7
}

.layout-header.of-full .navigationMegaMenu-subList>li>a b {
    font-weight: 700;
    color: #2e3133
}

.layout-header.of-full .navigationMegaMenu-image {
    position: relative;
    margin-bottom: 12px;
    overflow: hidden
}

.layout-header.of-full .navigationMegaMenu-image:before {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: transparent;
    transition: background .4s cubic-bezier(.4, 0, .2, 1)
}

@media screen and (max-width:969px) {
    .layout-header.of-full .navigationMegaMenu-image {
        margin: 0
    }
}

.layout-header.of-full .navigationMegaMenu-image img {
    transition: transform .4s cubic-bezier(.4, 0, .2, 1);
    transform: scale(1);
    backface-visibility: hidden
}

.layout-header.of-full .navigationMegaMenu-icon {
    display: inline-block;
    margin-top: -2px;
    margin-left: 3px;
    vertical-align: middle
}

.layout-header.of-full .layout-megaMenuGrid-column:not([class*=of-column])>.navigationMegaMenu-subList {
    position: relative;
    padding-top: 40px
}

@media screen and (max-width:969px) {
    .layout-header.of-full .layout-megaMenuGrid-column:not([class*=of-column])>.navigationMegaMenu-subList {
        padding-top: 40px;
        margin-top: 0
    }
}

.layout-header.of-full .layout-megaMenuGrid-column:not([class*=of-column])>.navigationMegaMenu-subList:before {
    position: absolute;
    display: block;
    content: "";
    top: 28px;
    left: 40px;
    width: calc(100% - 40px);
    height: 1px;
    background-color: #ddd
}

@media screen and (max-width:969px) {
    .layout-header.of-full .layout-megaMenuGrid-column:not([class*=of-column])>.navigationMegaMenu-subList:before {
        display: none
    }
}

@media screen and (max-width:969px) {
    .layout-header.of-full .layout-megaMenuGrid-column:not([class*=of-column])>.navigationMegaMenu-subList.of-horizontal {
        margin-top: -12px
    }
}

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

    [class*=theme-K] #Downloads .layout-header.of-full #HeaderSearchInner,
    [class*=theme-K] #Search .layout-header.of-full #HeaderSearchInner {
        background: #edecec !important
    }
}

.layout-header.of-full #HeaderSearchInner {
    position: static
}

@media screen and (max-width:969px) {
    .layout-header.of-full #HeaderSearchInner {
        position: relative;
        padding: 12px 20px;
        margin-top: -12px;
        background-color: #edecec
    }
}

.layout-header.of-full #HeaderSearchInner>.InputCol {
    display: block;
    padding: 0 !important;
    border: 0;
    border-radius: 4px
}

.layout-header.of-full #HeaderSearchInner .InputBody {
    position: relative
}

.layout-header.of-full #HeaderSearchInner .SearchInput {
    padding: 8px 8px 10px 57px !important;
    font-size: 1.6rem;
    line-height: 1.5 !important;
    border: 1px solid transparent;
    border-radius: 4px;
    outline: 3px solid transparent
}

.theme-KIB[lang=pl] .layout-header.of-full #HeaderSearchInner .SearchInput {
    min-height: inherit;
    padding: 8px 8px 10px 57px !important;
    font-size: 1.6rem
}

@media screen and (max-width:969px) {
    .theme-KIB[lang=pl] .layout-header.of-full #HeaderSearchInner .SearchInput {
        padding: 8px 8px 10px 57px !important;
        font-size: 1.6rem
    }
}

.layout-header.of-full #HeaderSearchInner .SearchInput:focus {
    border-color: #dc002f;
    outline-color: #ffece9
}

.layout-header.of-full #HeaderSearchInner .SearchButton {
    position: absolute !important;
    top: 50%;
    left: 20px;
    width: 17.5px;
    height: 17.5px;
    margin-right: 20px;
    transform: translateY(-50%)
}

.layout-header.of-full #HeaderSearchInner .SearchSuggestBox {
    top: 100%;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
    background: #f7f7f7;
    border-radius: 0;
    box-shadow: none;
    transition: visibility .2s cubic-bezier(.4, 0, .2, 1) .2s, opacity .2s cubic-bezier(.4, 0, .2, 1) .2s
}

.is-menu-initializing .layout-header.of-full #HeaderSearchInner .SearchSuggestBox {
    transition: none !important
}

.layout-header.of-full #HeaderSearchInner .SearchSuggestBox.History .SuggestColumn,
.layout-header.of-full #HeaderSearchInner .SearchSuggestBox:not(.History) .SearchHistory {
    position: absolute;
    left: 0;
    width: 100%
}

.layout-header.of-full #HeaderSearchInner .SearchSuggestBox.IsHidden {
    display: block;
    visibility: hidden;
    opacity: 0
}

.layout-header.of-full #HeaderSearchInner .SearchSuggestBox.IsHidden .SearchSuggestBoxInner {
    display: none
}

.layout-header.of-full #HeaderSearchInner .SearchSuggestBox.IsHidden .SearchHistory,
.layout-header.of-full #HeaderSearchInner .SearchSuggestBox.IsHidden .SuggestColumn {
    visibility: hidden;
    opacity: 0;
    transition: visibility .2s cubic-bezier(.4, 0, .2, 1) .2s, opacity .2s cubic-bezier(.4, 0, .2, 1) .2s
}

.is-menu-initializing .layout-header.of-full #HeaderSearchInner .SearchSuggestBox.IsHidden .SearchHistory,
.is-menu-initializing .layout-header.of-full #HeaderSearchInner .SearchSuggestBox.IsHidden .SuggestColumn {
    transition: none !important
}

@media screen and (min-width:970px) {
    .is-megaMenu-show .layout-header.of-full #HeaderSearchInner .SearchSuggestBox {
        display: none
    }
}

@media screen and (max-width:969px) {
    .layout-header.of-full #HeaderSearchInner .SearchSuggestBox {
        background-color: #fff
    }
}

.layout-header.of-full #HeaderSearchInner .SearchSuggestBox:before {
    display: none
}

.layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SearchSuggestBoxInner {
    max-width: 1320px;
    padding: 40px 20px 64px;
    margin: 0 auto;
    color: #303233;
    background: none;
    border: 0
}

@media screen and (max-width:969px) {
    .layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SearchSuggestBoxInner {
        padding: 24px 20px
    }
}

.layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SearchSuggestBoxInner:before {
    display: none
}

.layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SearchSuggestBoxInner .CategoryList>dt {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 1.25;
    color: inherit
}

@media screen and (max-width:969px) {
    .layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SearchSuggestBoxInner .CategoryList>dt {
        margin-bottom: 24px;
        line-height: 1.5
    }
}

.layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SearchSuggestBoxInner .CategoryList>dd>:last-child {
    margin-bottom: 0
}

.layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SearchSuggestBoxInner .HistoryList>li {
    margin-bottom: 16px
}

.layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SearchSuggestBoxInner .HistoryList>li:last-child {
    margin-bottom: 0
}

.layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SearchSuggestBoxInner .HistoryList>li button {
    display: inline-block;
    max-width: 100%;
    font-size: 14px;
    color: #dc002f;
    text-decoration: none;
    opacity: 1
}

.layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SearchSuggestBoxInner .HistoryList>li button:after {
    color: transparent;
    text-shadow: .5em 0 #dc002f;
    content: "›"
}

.layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SearchSuggestBoxInner .HistoryList>li button:active .Text,
.layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SearchSuggestBoxInner .HistoryList>li button:focus .Text,
.layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SearchSuggestBoxInner .HistoryList>li button:hover .Text {
    text-decoration: underline
}

.layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SearchHistory,
.layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SuggestColumn {
    visibility: visible;
    opacity: 1
}

.layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SearchHistory.IsHidden,
.layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SuggestColumn.IsHidden {
    display: block;
    visibility: hidden;
    opacity: 0
}

.layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SuggestColumn>.Column {
    padding: 0
}

.layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SuggestColumn>.Column:first-child {
    max-width: 100%
}

.layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SuggestColumn .SeriesArea {
    padding: 0;
    margin-bottom: 40px
}

.layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SuggestColumn .SeriesList {
    margin-bottom: 32px;
    margin-left: -40px
}

@media screen and (max-width:969px) {
    .layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SuggestColumn .SeriesList {
        margin-bottom: 24px
    }
}

.layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SuggestColumn .SeriesList>li {
    width: calc(33.33333% - 40px);
    padding: 0 0 32px;
    margin-left: 40px;
    border: 0;
    border-bottom: 1px solid #ddd
}

@media screen and (max-width:969px) {
    .layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SuggestColumn .SeriesList>li {
        width: calc(100% - 40px);
        padding-bottom: 16px
    }
}

@media screen and (max-width:969px) {
    .layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SuggestColumn .SeriesList>li+li {
        padding-top: 12px
    }
}

.layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SuggestColumn .SeriesList>li>.Series {
    display: flex;
    align-items: flex-start;
    width: 100%;
    font-size: 14px;
    line-height: 1.25;
    color: inherit;
    text-decoration: none
}

.layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SuggestColumn .SeriesList>li>.Series .SeriesBody {
    flex: 1
}

.layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SuggestColumn .SeriesList>li>.Series .SeriesBody>:last-child {
    margin-bottom: 0
}

.layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SuggestColumn .SeriesList>li>.Series .CommonNameWrap {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: 700;
    letter-spacing: -.02em
}

.layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SuggestColumn .SeriesList>li>.Series .CommonNameWrap:after {
    color: transparent;
    text-shadow: .5em 0 #dc002f;
    content: "›"
}

.layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SuggestColumn .SeriesList>li>.Series .CommonName {
    display: inline;
    transition: color .2s cubic-bezier(.4, 0, .2, 1)
}

.layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SuggestColumn .SeriesList>li>.Series .Name {
    margin-bottom: 8px;
    color: #666a6b
}

.layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SuggestColumn .SeriesList>li>.Series .DisconLabel {
    display: inline-block;
    padding: 3px 7px 3px 6px;
    margin-bottom: 8px;
    font-size: 11px;
    line-height: 1.25;
    color: #fff;
    background-color: #666a6b;
    border-radius: 4px
}

.layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SuggestColumn .SeriesList>li>.Series:active .CommonName,
.layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SuggestColumn .SeriesList>li>.Series:focus .CommonName,
.layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SuggestColumn .SeriesList>li>.Series:hover .CommonName {
    color: #dc002f;
    text-decoration: underline
}

.layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SuggestColumn .SeriesList>li>.Series:active .Thumbnail:before,
.layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SuggestColumn .SeriesList>li>.Series:focus .Thumbnail:before,
.layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SuggestColumn .SeriesList>li>.Series:hover .Thumbnail:before {
    background: rgba(0, 0, 0, .2)
}

.layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SuggestColumn .SeriesList>li>.Series:active .Thumbnail img,
.layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SuggestColumn .SeriesList>li>.Series:focus .Thumbnail img,
.layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SuggestColumn .SeriesList>li>.Series:hover .Thumbnail img {
    transform: scale(1.05)
}

.layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SuggestColumn .SeriesList>li .Thumbnail {
    position: relative;
    order: -1;
    min-height: 80px;
    margin-right: 26px;
    overflow: hidden;
    background-color: #f0f0f0
}

@media screen and (max-width:969px) {
    .layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SuggestColumn .SeriesList>li .Thumbnail {
        min-height: 64px;
        margin-right: 16px
    }
}

.layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SuggestColumn .SeriesList>li .Thumbnail:before {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: transparent;
    transition: background .4s cubic-bezier(.4, 0, .2, 1)
}

.layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SuggestColumn .SeriesList>li .Thumbnail img {
    width: 80px;
    border: 0;
    transition: transform .4s cubic-bezier(.4, 0, .2, 1);
    transform: scale(1);
    backface-visibility: hidden
}

@media screen and (max-width:969px) {
    .layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SuggestColumn .SeriesList>li .Thumbnail img {
        width: 64px
    }
}

.layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SuggestColumn .ModelArea {
    padding: 0;
    border: 0
}

.layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SuggestColumn .ModelList {
    display: flex;
    flex-wrap: wrap;
    margin: -16px 0 32px -40px
}

@media screen and (max-width:969px) {
    .layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SuggestColumn .ModelList {
        margin-left: -16px
    }
}

.layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SuggestColumn .ModelList>li {
    width: 16.66666%;
    padding-left: 40px;
    margin-top: 16px
}

@media screen and (max-width:969px) {
    .layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SuggestColumn .ModelList>li {
        width: 50%;
        padding-left: 16px
    }
}

.layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SuggestColumn .ModelList .Model {
    display: inline-block;
    font-size: 14px;
    color: #dc002f;
    text-decoration: none
}

.layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SuggestColumn .ModelList .Model:after {
    color: transparent;
    text-shadow: .5em 0 #dc002f;
    content: "›"
}

.layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SuggestColumn .ModelList .Model:active .Name,
.layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SuggestColumn .ModelList .Model:focus .Name,
.layout-header.of-full #HeaderSearchInner .SearchSuggestBox .SuggestColumn .ModelList .Model:hover .Name {
    text-decoration: underline
}

.layout-header.of-full #HeaderSearchInner .ViewMoreBtn {
    margin-bottom: 40px;
    text-align: center
}

@media screen and (max-width:969px) {
    .layout-header.of-full #HeaderSearchInner .ViewMoreBtn {
        margin-bottom: 48px
    }
}

.layout-header.of-full #HeaderSearchInner .ViewMoreBtn a,
.layout-header.of-full #HeaderSearchInner .ViewMoreBtn button {
    position: relative;
    display: inline-block;
    min-width: 200px;
    padding: 8px 48px 11px 20px;
    font-size: 14px;
    color: #2e3133;
    text-align: left;
    text-decoration: none;
    background-color: #f5f5f5;
    border: 2px solid #666a6b;
    border-radius: 4px;
    transition: background .2s cubic-bezier(.4, 0, .2, 1)
}

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

    .layout-header.of-full #HeaderSearchInner .ViewMoreBtn a,
    .layout-header.of-full #HeaderSearchInner .ViewMoreBtn button {
        width: 100%;
        background-color: #fff;
        border: 2px solid #545859
    }
}

.layout-header.of-full #HeaderSearchInner .ViewMoreBtn a>svg,
.layout-header.of-full #HeaderSearchInner .ViewMoreBtn button>svg {
    position: absolute;
    top: 50%;
    right: 15px;
    width: 30px;
    height: 30px;
    fill: #dc002f;
    transform: translateY(-50%)
}

.layout-header.of-full #HeaderSearchInner .ViewMoreBtn a:active,
.layout-header.of-full #HeaderSearchInner .ViewMoreBtn a:focus,
.layout-header.of-full #HeaderSearchInner .ViewMoreBtn a:hover,
.layout-header.of-full #HeaderSearchInner .ViewMoreBtn button:active,
.layout-header.of-full #HeaderSearchInner .ViewMoreBtn button:focus,
.layout-header.of-full #HeaderSearchInner .ViewMoreBtn button:hover {
    background-color: #ededed
}

.layout-header.of-telephone .layout-header-content {
    display: flex;
    align-items: center;
    width: 100%
}

@media screen and (max-width:969px) {
    .layout-header.of-telephone .layout-header-content {
        padding: 17px 20px;
        border-bottom: 1px solid #e6e6e6
    }
}

@media screen and (max-width:969px) {
    .layout-header.of-telephone .layout-header-logo {
        padding: 0;
        border-bottom: 0
    }
}

.layout-header.of-telephone .layout-header-utility {
    display: flex;
    flex: 1;
    justify-content: flex-end;
    margin-left: 24px
}

.layout-header.of-telephone .layout-header-utilityList {
    display: flex;
    justify-content: flex-end;
    max-width: 100%;
    margin: -4px 0 0 -16px
}

.layout-header.of-telephone .layout-header-utilityList>li {
    width: 100%;
    margin: 4px 0 0 16px
}

@media screen and (max-width:969px) {
    .layout-header.of-telephone .layout-header-utilityList {
        flex-direction: column;
        align-items: flex-end
    }
}

.layout-header.of-telephone .layout-header-telephone {
    display: flex;
    font-size: 1.7rem;
    color: #dc002f;
    text-align: right
}

@media screen and (max-width:969px) {
    .layout-header.of-telephone .layout-header-telephone {
        font-size: 1.3rem
    }
}

.layout-header.of-telephone .layout-header-telephoneIcon {
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    margin-right: 8px;
    fill: #dc002f
}

@media screen and (max-width:969px) {
    .layout-header.of-telephone .layout-header-telephoneIcon {
        width: 26px;
        height: 26px;
        margin-right: 4px
    }
}

@media screen and (max-width:969px) {
    .layout-header.of-telephone .layout-header-telephoneText {
        display: block
    }
}

.layout-header.of-telephone .layout-header-telephone .AutoPhoneCall {
    color: #dc002f;
    text-decoration: none;
    cursor: default
}

@media screen and (max-width:969px) {
    [data-script-enabled=true] .is-menu-show .layout-main {
        position: fixed;
        top: 0;
        z-index: -100;
        visibility: hidden
    }

    [data-script-enabled=true] .is-menu-show .layout-main * {
        visibility: hidden !important
    }
}

.layout-main>:last-child {
    margin-bottom: 0
}

.layout-main-content {
    max-width: 1320px;
    padding: 24px 20px 32px;
    margin: 0 auto
}

.layout-main-content.of-primary {
    padding-top: 40px
}

.theme-searchAddress .layout-main.of-searchAddress {
    min-height: 100vh;
    background-color: #fafafa
}

.theme-searchAddress .layout-main.of-searchAddress .layout-main-content {
    width: 100%;
    max-width: 700px;
    padding: 80px 20px;
    margin: 0 auto
}

@media screen and (max-width:969px) {
    .theme-searchAddress .layout-main.of-searchAddress .layout-main-content {
        padding-top: 32px;
        padding-bottom: 32px
    }
}

.layout-container {
    max-width: 970px;
    margin-right: auto;
    margin-left: auto
}

.layout-container.of-width-large {
    max-width: 1280px
}

.layout-container.of-width-small {
    max-width: 720px
}

@media screen and (max-width:720px) {
    .layout-container.of-width-small {
        padding: 0 10px
    }

    .layout-container.of-width-small.smallScreen-padding-none {
        padding: 0
    }
}

.layout-container.of-width-extraSmall {
    max-width: 700px;
    padding: 0 20px
}

.AssetDescBox h3 {
    padding-bottom: 0;
    margin: 0 0 9px;
    font-size: 14px;
    line-height: 1.28;
    color: #000;
    text-transform: uppercase;
    border-bottom: 0
}

.AssetDescBox .DefaultViewTable.Download {
    width: 100%;
    margin: 0 0 18px;
    font-size: 12px;
    line-height: 1.33;
    border-spacing: 0
}

.AssetDescBox .DefaultViewTable.Download td,
.AssetDescBox .DefaultViewTable.Download th {
    padding: 10px 0;
    vertical-align: middle;
    border: solid #b7b7b7;
    border-width: 0 0 1px
}

.AssetDescBox .DefaultViewTable.Download tbody td,
.AssetDescBox .DefaultViewTable.Download tbody th {
    background-color: #f5f4eb;
    border-width: 1px 0
}

.AssetDescBox .DefaultViewTable.Download tbody td.Check {
    width: 25px;
    padding-right: 0;
    padding-left: 5px;
    text-align: center;
    vertical-align: middle
}

@media screen and (max-width:720px) {
    .AssetDescBox .DefaultViewTable.Download tbody td.Check {
        width: 5px
    }
}

.AssetDescBox .DefaultViewTable.Download tbody td.Check+.Title {
    padding-left: 5px
}

.AssetDescBox .DefaultViewTable.Download tbody td.Title {
    padding-right: 10px;
    padding-left: 10px;
    color: #333
}

.AssetDescBox .DefaultViewTable.Download .ThumbBlock.ThumbLeftSide .Thumbnail {
    display: inline;
    float: left;
    margin: 0 10px 0 0
}

.AssetDescBox .DefaultViewTable.Download .ThumbBlock .Thumbnail {
    margin-right: 10px
}

.AssetDescBox .DefaultViewTable.Download .ThumbBlock .Thumbnail .Image {
    width: 90px;
    margin: 0;
    text-align: center
}

.AssetDescBox .DefaultViewTable.Download .ThumbBlock .ThumbContent {
    overflow: hidden
}

.AssetDescBox .DefaultViewTable.Download .TitleAndText {
    margin: 0
}

.AssetDescBox .DefaultViewTable.Download .TitleAndText>.Title {
    margin: 0 0 5px;
    font-weight: 700;
    color: #000
}

.AssetDescBox .DefaultViewTable.Download .TitleAndText dd>p:first-child {
    margin: 0
}

.AssetDescBox .DefaultViewTable.Download .ThumbBlock .ThumbContent .NoMarker {
    margin-top: 5px
}

.AssetDescBox .DefaultViewTable.Download .ThumbBlock .ThumbContent .NoMarker li {
    padding-left: 0;
    margin-top: 0;
    background: none
}

.AssetDescBox .DefaultViewTable.Download .BoldText {
    font-weight: 700
}

.button:not(.of-primary):not(.of-default) {
    display: inline-block;
    margin: 0 0 16px;
    color: #333;
    text-decoration: none;
    background: #d6d6d6 linear-gradient(#fefefe, #d6d6d6);
    border: 1px solid #afafaf
}

.button:not(.of-primary):not(.of-default):before {
    margin-left: 0;
    visibility: visible;
    content: ""
}

.button:not(.of-primary):not(.of-default) .button-body {
    display: block;
    padding: 4px 8px
}

.button:not(.of-primary):not(.of-default).of-cancel {
    position: relative;
    padding-left: 24px
}

.button:not(.of-primary):not(.of-default).of-cancel:after,
.button:not(.of-primary):not(.of-default).of-cancel:before {
    position: absolute;
    top: 50%;
    left: 8px;
    display: block;
    width: 16px;
    height: 2px;
    margin-top: -2px;
    content: "";
    background: #333
}

.button:not(.of-primary):not(.of-default).of-cancel:before {
    transform: rotate(-45deg)
}

.button:not(.of-primary):not(.of-default).of-cancel:after {
    transform: rotate(45deg)
}

.button:before {
    flex: none;
    margin-left: -1ch;
    visibility: hidden;
    content: "0"
}

.button-label {
    flex: auto;
    padding-left: .4rem
}

.button-label+.button-icon {
    margin-left: .8rem
}

.button-icon {
    flex: none;
    width: 3rem;
    height: 3rem;
    margin-top: -1rem;
    margin-right: -5px;
    margin-bottom: -1rem;
    color: inherit;
    fill: currentColor
}

.button-outer {
    position: relative
}

.button-outer>.button.of-inputElement {
    padding-right: 44px
}

.button-outer>.button-icon {
    position: absolute;
    top: 50%;
    right: 15px;
    display: block;
    width: 30px;
    height: 30px;
    margin-top: 0;
    pointer-events: none;
    fill: #fff;
    transform: translateY(-50%)
}

@media screen and (max-width:969px) {
    .button-outer.smallScreen-width-full {
        width: 100%;
        max-width: 100%
    }
}

.button[data-disabled=true] {
    pointer-events: none;
    cursor: default
}

.button.of-inputElement {
    white-space: inherit
}

.button.of-inputElement,
.button.of-primary {
    display: inline-flex;
    align-items: center;
    min-width: 18rem;
    max-width: 24rem;
    padding: 1rem 1.6rem;
    text-align: inherit;
    text-decoration: none;
    cursor: pointer;
    border: .2rem solid transparent;
    border-radius: .4rem;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .2s;
    transition-property: color, background-color
}

.button.of-primary {
    color: #fff;
    background-color: #dc002f
}

.button.of-primary:hover {
    background-color: #d30432
}

.button.of-primary input {
    color: #fff
}

.button.of-primary[data-disabled=true] {
    background-color: #666a6b
}

.button.of-default {
    display: inline-flex;
    align-items: center;
    min-width: 18rem;
    max-width: 24rem;
    padding: 1rem 1.6rem;
    text-align: inherit;
    text-decoration: none;
    cursor: pointer;
    border-radius: .4rem;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .2s;
    transition-property: color, background-color;
    color: #2e3133;
    border: .2rem solid #666a6b
}

.button.of-default:hover {
    background-color: #f0f0f0
}

.button.of-body-small {
    padding: 8px 20px;
    font-size: 1.5rem;
    letter-spacing: -.02em
}

.button.of-body-extraSmall {
    padding: 8px 16px;
    font-size: 1.4rem;
    letter-spacing: -.02em
}

@media screen and (max-width:969px) {
    .button.of-body-extraSmall {
        padding-right: 16px;
        padding-left: 16px
    }
}

.button.of-width-auto {
    width: auto;
    min-width: auto;
    max-width: none
}

@media screen and (max-width:969px) {
    .button.smallScreen-width-full {
        width: 100%;
        max-width: 100%
    }
}

.buttonSearch {
    display: inline-block;
    margin: 0 0 16px;
    color: #fff;
    text-decoration: none;
    background: #0476c1
}

.buttonSearch-body {
    display: block;
    padding: 8px 56px
}

.buttonCreate {
    display: inline-block;
    margin: 0 0 16px;
    color: #fff;
    text-decoration: none;
    background: #0476c1
}

.buttonCreate-body {
    display: block;
    padding: 8px 56px
}

.buttonCreate-text {
    position: relative;
    display: inline-block;
    padding-left: 18px
}

.buttonCreate-text:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 13px;
    height: 13px;
    content: "";
    transform: translateY(-50%)
}

.buttonClose {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px
}

.buttonClose:after,
.buttonClose:before {
    position: absolute;
    top: 5px;
    left: -3px;
    display: block;
    width: 18px;
    height: 2px;
    content: "";
    background: #dc002f;
    transform: rotate(45deg)
}

.buttonClose:after {
    transform: rotate(-45deg)
}

.buttonConversion {
    display: inline-block;
    margin: 0 0 16px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    background: #dc002f
}

.buttonConversion-body {
    display: block;
    padding: 8px 56px
}

.buttonConversion.of-disabled {
    background: #ccc
}

.buttonConversion.of-disabled input {
    cursor: default
}

.buttonConversion.of-download .buttonConversion-body {
    display: flex;
    align-items: center;
    padding-right: 16px;
    padding-left: 16px
}

.buttonConversion.of-download .buttonConversion-body:before {
    display: block;
    width: 25px;
    height: 25px;
    margin-right: 8px;
    background-size: contain
}

.buttonConversion.of-download.of-small .buttonConversion-body {
    padding-right: 10px;
    padding-left: 7px;
    font-size: 12px
}

.buttonConversion.of-download.of-small .buttonConversion-body:before {
    width: 17px;
    height: 17px;
    margin-right: 4px
}

.buttonConversion.of-download .buttonConversion-text {
    text-align: left
}

.buttonConversion.of-download .buttonConversion-image {
    margin: -24px 0 -24px 16px
}

.buttonConversion.of-inputElement .buttonConversion-body {
    display: block;
    padding: 0
}

.buttonConversion.of-inputElement input {
    padding: 8px 56px;
    font-weight: 700;
    color: #fff
}

.buttonConversion.of-inputElement.of-download .buttonConversion-body {
    position: relative
}

.buttonConversion.of-inputElement.of-download .buttonConversion-body:before {
    position: absolute;
    top: 50%;
    left: 10;
    display: block;
    width: 25px;
    height: 25px;
    background-size: contain;
    transform: translateY(-50%)
}

.buttonConversion.of-inputElement.of-download input {
    position: relative;
    padding-right: 20px;
    padding-left: 45px
}

.buttonConversion.of-inputElement.of-download.of-small .buttonConversion-body {
    padding: 0
}

.buttonConversion.of-inputElement.of-download.of-small .buttonConversion-body:before {
    left: 6px;
    width: 17px;
    height: 17px;
    transform: translateY(-50%)
}

.buttonConversion.of-inputElement.of-download.of-small input {
    position: relative;
    padding-right: 10px;
    padding-left: 27px
}

.buttonConversion.is-disabled {
    background: #d3d5da
}

.buttonConversion.is-disabled input {
    color: #a0a0a0
}

.buttonList {
    display: flex;
    flex-wrap: wrap;
    margin: -24px 0 40px -40px
}

@media screen and (max-width:969px) {
    .buttonList {
        margin: -24px 0 32px -40px
    }
}

.buttonList>li {
    display: flex;
    width: 100%;
    max-width: 240px;
    padding-left: 40px;
    margin-top: 24px
}

@media screen and (max-width:969px) {
    .buttonList>li {
        max-width: 100%
    }
}

.buttonList>li.of-formMultiStep {
    display: none
}

[data-script-enabled=true] .buttonList>li.of-formMultiStep {
    display: flex
}

.buttonList>li>:last-child {
    margin-bottom: 0
}

.buttonList.of-direction-column {
    flex-direction: column
}

.buttonList.of-item-center {
    justify-content: center
}

@media screen and (max-width:969px) {
    .buttonList.smallScreen-column-reverse {
        flex-direction: column-reverse
    }
}

.card {
    padding: 16px;
    margin: 0 0 32px;
    background: #f2f2f2
}

.card.of-primary {
    padding: 16px 20px;
    background-color: #f0f0f0;
    border: 1px solid #ddd;
    border-radius: 4px
}

.card.of-border-solid {
    background: #fff;
    border: 1px solid #ccc
}

.card.of-body-narrow .card-body {
    max-width: 600px;
    margin: 0 auto
}

.card .card-body>:last-child {
    margin-bottom: 0
}

.cardEmphasis {
    position: relative;
    padding: 32px 8px 32px 112px;
    margin: 0 0 32px;
    background: #f2f2f2
}

.cardEmphasis:before {
    position: absolute;
    top: 50%;
    left: 24px;
    display: block;
    width: 70px;
    height: 70px;
    content: "";
    transform: translateY(-50%)
}

.cardEmphasis.of-border-solid {
    border: 1px solid #ccc
}

.cardEmphasis.of-borderBottom-solid {
    border-bottom: 4px solid #ccc
}

.cardEmphasis.of-color-primary {
    background: #fff;
    border-color: #28bc8a
}

.cardEmphasis.of-color-caution {
    background: #fff0b9;
    border-color: #960
}

.cardEmphasis.of-color-caution em {
    color: #960
}

.cardEmphasis.of-icon-check {
    display: flex;
    align-self: center;
    min-height: 110px;
    padding: 16px 8px 16px 123px
}

.cardEmphasis.of-icon-check:before {
    left: 20px;
    width: 82px;
    height: 82px;
}

.cardEmphasis>:last-child {
    margin-bottom: 0
}

@media screen and (max-width:969px) {
    .cardEmphasis {
        padding: 0;
        background: none
    }

    .cardEmphasis:before {
        content: none
    }

    .cardEmphasis.of-border-solid {
        border: none
    }

    .cardEmphasis.of-borderBottom-solid {
        border-bottom: none
    }

    .cardEmphasis.of-color-caution {
        background: none
    }

    .cardEmphasis.of-icon-check {
        min-height: inherit;
        padding: 0
    }
}

.cardEmergency:not(.of-primary) {
    max-width: 1240px;
    padding: 10px;
    margin: 16px auto !important;
    font-size: 1.6rem;
    color: red;
    background: #fff;
    border: 2px solid red
}

.cardEmergency:not(.of-primary)>:last-child {
    margin-bottom: 0
}

.cardEmergency.of-primary {
    display: block;
    max-width: 1320px;
    padding: 0 20px;
    margin: 24px auto 16px !important;
    font-size: 1.4rem;
    line-height: 1.5;
    color: #484b4c;
    text-decoration: none;
    opacity: 1;
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1)
}

.layout-main-content>.cardEmergency.of-primary {
    padding: 0;
    margin: 0 auto 16px !important
}

a.cardEmergency.of-primary:active,
a.cardEmergency.of-primary:focus,
a.cardEmergency.of-primary:hover {
    opacity: .7
}

@media screen and (max-width:969px) {
    .cardEmergency.of-primary {
        margin: 16px auto !important;
        font-size: 1.2rem
    }

    .layout-main-content>.cardEmergency.of-primary {
        margin: 0 auto 16px !important
    }
}

.cardEmergency.of-primary .cardEmergency-body {
    display: block;
    padding: 12px 20px;
    background: #f0f0f0;
    border: 1px solid #dc002f;
    border-radius: 4px
}

.cardEmergency.of-primary .cardEmergency-body>:last-child {
    margin-bottom: 0
}

.cardEmergency.of-primary .cardEmergency-title {
    display: block;
    margin-bottom: 16px;
    font-size: 1.4rem;
    line-height: 1.25;
    color: #dc002f
}

.cardEmergency.of-primary .cardEmergency-titleOuter {
    display: block;
    margin-bottom: 4px
}

.cardEmergency.of-primary .cardEmergency-titleOuter>:last-child {
    margin-bottom: 0
}

.cardEmergency.of-primary .cardEmergency-text {
    display: inline;
    margin-right: 16px
}

@media screen and (max-width:969px) {
    .cardEmergency.of-primary .cardEmergency-text {
        margin-right: 0
    }
}

.cardEmergency.of-primary .cardEmergency-textOuter {
    display: block;
    margin-bottom: 16px
}

.cardEmergency.of-primary .cardEmergency-textOuter>:last-child {
    margin-bottom: 0
}

.cardEmergency.of-primary .cardEmergency-link {
    display: inline-block;
    color: #dc002f;
    text-decoration: none
}

.cardEmergency.of-primary .cardEmergency-link:after {
    color: transparent;
    text-shadow: .5em 0 #dc002f;
    content: "›"
}

.cardEmergency.of-primary .cardEmergency-link:active .cardEmergency-linkText,
.cardEmergency.of-primary .cardEmergency-link:focus .cardEmergency-linkText,
.cardEmergency.of-primary .cardEmergency-link:hover .cardEmergency-linkText {
    text-decoration: underline
}

.cardError {
    position: relative;
    padding: 16px 16px 16px 50px;
    margin-bottom: 16px;
    font-weight: 700;
    color: #dc002f;
    background: #ffece9
}

.cardError:before {
    position: absolute;
    top: 50%;
    left: 10px;
    display: block;
    width: 29px;
    height: 24px;
    transform: translateY(-50%)
}

.cardError>:last-child {
    margin-bottom: 0
}

.cardError.of-primary {
    display: flex;
    align-items: center;
    padding-left: 16px;
    margin-bottom: 40px;
    font-weight: 400;
    color: #dc002f;
    background: #ffece9;
    border-radius: 4px
}

.cardError.of-primary:before {
    content: none
}

.cardError.of-primary .cardError-body>:last-child {
    margin-bottom: 0
}

.cardError.of-primary .cardError-icon {
    flex: none;
    width: 30px;
    height: 30px;
    margin-right: 8px;
    fill: #dc002f
}

@media screen and (max-width:969px) {
    .theme-searchAddress .cardError {
        padding: 8px 16px 8px 8px;
        margin-bottom: 32px;
        font-size: 1.4rem
    }
}

.cardAccount-content {
    position: relative;
    display: inline-block;
    padding: 7px 43px 7px 13px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    background: #8b8787
}

.cardAccount-content:after {
    position: absolute;
    top: 50%;
    right: 16px;
    width: 20px;
    height: 20px;
    margin-left: 7px;
    background-size: contain;
    transform: translateY(-50%)
}

.cardAccount-content:focus,
.cardAccount-content:hover,
.cardAccount-content:visited {
    color: #fff;
    text-decoration: none
}

.cardAccount-content.of-inputElement {
    padding: 0
}

.cardAccount-content.of-inputElement>input {
    padding: 7px 43px 7px 13px;
    color: #fff
}

.cardTermsInformation {
    padding: 40px;
    margin: 32px 0;
    background: #f2f2f2
}

@media screen and (max-width:969px) {
    .cardTermsInformation {
        padding: 20px;
        margin-top: 32px
    }
}

.cardTermsInformation-body {
    padding-bottom: 32px;
    margin-bottom: 32px;
    border-bottom: 1px solid #ddd
}

.cardTermsInformation-body:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0
}

.cardTermsInformation-body>:last-child {
    margin-bottom: 0
}

.cardTermsInformation-text {
    margin-bottom: 24px
}

.cardTermsInformation-title {
    margin-bottom: 16px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.25
}

.cardTermsInformation-titleGroup .cardTermsInformation-title {
    margin-right: 12px
}

.cardTermsInformation-subtitle {
    margin-bottom: 8px;
    font-size: 1.2rem;
    line-height: 1.5
}

.cardTermsInformation-subtitleGroup {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: -8px 0 8px -12px;
    font-size: 1.2rem
}

.cardTermsInformation-subtitleGroup>* {
    margin-top: 8px;
    margin-bottom: 0;
    margin-left: 12px
}

.cardTermsInformation-subtitleGroup>:last-child {
    margin-bottom: 0
}

.cardTermsInformation-inputGroup {
    margin-bottom: 32px
}

.cardTermsInformation-inputGroup>:last-child {
    margin-bottom: 0
}

.cardTermsInformation-inputSubGroup {
    margin-bottom: 24px
}

.cardTermsInformation-inputSubGroup>:last-child,
.cardTermsInformation>:last-child {
    margin-bottom: 0
}

.cardInformation {
    margin-bottom: 8px;
    font-size: 1.3rem;
    line-height: 1.25
}

.cardInformation-content {
    position: relative;
    padding-left: 32px
}

.cardInformation-body>:last-child,
.cardInformation-content>:last-child {
    margin-bottom: 0
}

.cardInformation-icon {
    position: absolute;
    top: 4px;
    left: 0;
    flex: none;
    width: 16px;
    height: 16px
}

.cardInformation.of-primary {
    margin-bottom: 48px;
    font-size: 1.6rem
}

.cardInformation.of-primary .cardInformation-content {
    padding-left: 69px
}

.cardInformation.of-primary .cardInformation-icon {
    width: 53px;
    height: 40px
}

.cardSearchAddress {
    margin-bottom: 32px;
    font-size: 1.4rem;
    background: #f0f0f0
}

.cardSearchAddress>:last-child {
    margin-bottom: 0
}

@media screen and (max-width:969px) {
    .cardSearchAddress {
        font-size: 1.2rem
    }
}

.cardSearchAddress-content {
    display: flex;
    justify-content: space-between;
    padding: 16px 32px
}

@media screen and (max-width:969px) {
    .cardSearchAddress-content {
        padding: 16px 20px
    }
}

.cardSearchAddress-body {
    display: flex;
    align-items: center
}

.cardSearchAddress-body+.cardSearchAddress-body {
    margin-left: 16px
}

.cardSearchAddress-body>:last-child {
    margin-bottom: 0
}

.cardSearchAddress-pagerLink {
    position: relative;
    display: inline-block;
    max-width: 100%;
    padding-right: 10px;
    color: #dc002f;
    text-decoration: none
}

.cardSearchAddress-pagerLink:after {
    position: absolute;
    top: 50%;
    right: 0;
    content: "›";
    transform: translateY(-50%)
}

.cardSearchAddress-pagerLink.is-disabled {
    color: #ddd
}

.cardSearchAddress-pagerLink.of-back {
    padding-right: 0;
    padding-left: 10px
}

.cardSearchAddress-pagerLink.of-back:after {
    left: 0;
    content: "‹"
}

.cardSearchAddress-pager {
    display: flex;
    align-items: center
}

.cardSearchAddress-pager>li {
    margin-left: 16px;
    white-space: nowrap
}

.cardSearchAddress-pager>li:first-child {
    margin-left: 0
}

.cardSearchAddress-pagerText {
    width: 36px;
    min-height: 28px;
    text-align: center;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px
}

html #CybotCookiebotDialog *,
html #CybotCookiebotDialogBodyUnderlay * {
    font-size: 14px
}

html #CybotCookiebotDialog.CybotEdge,
html #CybotCookiebotDialog.CybotMultilevel {
    z-index: 2147483647 !important;
    font-family: inherit
}

@media screen and (min-width:1280px) {

    html #CybotCookiebotDialog.CybotEdge,
    html #CybotCookiebotDialog.CybotMultilevel {
        padding: 10px
    }
}

html #CybotCookiebotDialog.CybotEdge>:first-child:not(.CybotCookiebotDialogContentWrapper),
html #CybotCookiebotDialog.CybotMultilevel>:first-child:not(.CybotCookiebotDialogContentWrapper) {
    line-height: 1;
    word-break: keep-all
}

@media screen and (min-width:1280px) {

    html #CybotCookiebotDialog.CybotEdge .CybotCookiebotDialogContentWrapper,
    html #CybotCookiebotDialog.CybotMultilevel .CybotCookiebotDialogContentWrapper {
        max-width: 1280px
    }
}

@media screen and (min-width:1280px) {

    html #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogTabContent,
    html #CybotCookiebotDialog.CybotMultilevel #CybotCookiebotDialogTabContent {
        margin-left: 0 !important
    }
}

html #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogHeader,
html #CybotCookiebotDialog.CybotMultilevel #CybotCookiebotDialogHeader {
    display: none;
    padding: 0;
    border-bottom: 0
}

html #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogPoweredbyCybot,
html #CybotCookiebotDialog.CybotMultilevel #CybotCookiebotDialogPoweredbyCybot {
    display: none
}

@media screen and (min-width:1280px) {

    html #CybotCookiebotDialog.CybotEdge .CybotCookiebotDialogBodyBottomWrapper,
    html #CybotCookiebotDialog.CybotMultilevel .CybotCookiebotDialogBodyBottomWrapper {
        margin-top: 15px
    }
}

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

    html #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyContent,
    html #CybotCookiebotDialog.CybotMultilevel #CybotCookiebotDialogBodyContent {
        padding: 10px
    }
}

html #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton,
html #CybotCookiebotDialog.CybotMultilevel #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
    padding: 8px
}

html iframe[class^=umm-] {
    z-index: 2147483646 !important
}

html .CookieDeclaration a {
    color: #dc002f;
    text-decoration: none
}

html .CookieDeclaration a:hover {
    text-decoration: underline
}

.dialogCookie {
    position: relative;
    z-index: 1003;
    font-size: 1.4rem;
    line-height: 1.5;
    background: #fff;
    border-bottom: 1px solid #ddd
}

@media screen and (max-width:969px) {
    .dialogCookie {
        font-size: 1.3rem
    }

    .is-menu-show .dialogCookie {
        display: none
    }
}

.dialogCookie-body {
    position: relative;
    max-width: 1320px;
    padding: 18px 60px 23px 20px;
    margin: 0 auto
}

@media screen and (max-width:969px) {
    .dialogCookie-body {
        padding: 12px 60px 12px 20px
    }
}

.dialogCookie-text {
    display: inline;
    margin-right: 10px
}

.dialogCookie-button {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 14px;
    height: 14px;
    transform: translateY(-50%)
}

@media screen and (max-width:969px) {
    .dialogCookie-button {
        top: 20px;
        transform: none
    }
}

.dialogCookie-button .buttonClose {
    position: absolute;
    top: 0;
    left: 0
}

.dialogCookie-link {
    display: inline
}

.dialogCookie-link>a {
    display: inline-block;
    color: #dc002f;
    text-decoration: none
}

.dialogCookie-link>a:after {
    color: transparent;
    text-shadow: .5em 0 #dc002f;
    content: "›"
}

.dialogCookie-link>a:active .dialogCookie-linkText,
.dialogCookie-link>a:focus .dialogCookie-linkText,
.dialogCookie-link>a:hover .dialogCookie-linkText {
    text-decoration: underline
}

.BorderedBox {
    padding: 10px 9px 0;
    margin: 0 0 20px;
    background: #fff;
    border: 1px solid #b7b7b7
}

#SurveyForm.BorderedBox .BorderedBoxTitle {
    padding: 6px 9px;
    margin: -10px -9px 10px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #eee;
    border-bottom: 1px solid #b7b7b7
}

#SurveyForm.BorderedBox .BorderedBoxTitle.SmallText {
    font-size: 1em
}

#SurveyForm.BorderedBox.OptionalQuestionParts {
    width: 700px;
    margin: 0 auto 20px
}

#SurveyForm.BorderedBox.Dotted {
    border: 1px dotted #666;
    border-right: none;
    border-left: none
}

#SurveyForm.BorderedBox.Thick {
    border: 4px solid #dbdbdb
}

#SurveyForm.BorderedBox .ErrorMessage,
#SurveyForm.BorderedBox p,
#SurveyForm.BorderedBox ul {
    margin-bottom: 10px
}

#SurveyForm .ErrorMessage {
    padding: 10px 10px 1px;
    background-color: #ffece9
}

#SurveyForm .ErrorMessage p,
#SurveyForm .Required {
    font-weight: 700;
    color: #c00
}

#SurveyForm .EnqTable01 {
    width: 100%;
    margin: 0 0 18px;
    border-collapse: collapse
}

#SurveyForm .EnqTable01 td,
#SurveyForm .EnqTable01 th {
    padding: 7px;
    border: none
}

#SurveyForm .EnqTable01 thead th {
    font-weight: 400;
    background-color: #e0e0e0
}

#SurveyForm .EnqTable01 tbody td,
#SurveyForm .EnqTable01 tbody th {
    text-align: left
}

#SurveyForm .EnqTable01 tbody th {
    font-weight: 400;
    vertical-align: middle;
    background: none
}

#SurveyForm .EnqTable01 tbody td span.TextIcon {
    margin-left: .5em
}

@media screen and (max-width:720px) {
    #SurveyForm .EnqTable01 thead {
        display: none
    }

    #SurveyForm .EnqTable01,
    #SurveyForm .EnqTable01 tbody,
    #SurveyForm .EnqTable01 td,
    #SurveyForm .EnqTable01 th,
    #SurveyForm .EnqTable01 tr {
        display: block
    }

    #SurveyForm .EnqTable01 th {
        padding: 0
    }

    #SurveyForm .EnqTable01 td {
        padding: 7px 0 14px
    }

    #SurveyForm .EnqTable01 tbody tr:last-child>td:last-child {
        padding-bottom: 0
    }
}

#SurveyForm {
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 12px;
    line-height: 1.33
}

#SurveyForm .TitleAndText>.Title {
    margin: 0 0 5px;
    font-weight: 700;
    color: #000
}

#SurveyForm .CustomTextArea,
#SurveyForm input.CustomText {
    position: relative;
    max-width: 100%;
    padding: 3px;
    font-size: 13.333333px;
    border: 1px solid #ababab;
    border-radius: 3px
}

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

    #SurveyForm .CustomTextArea,
    #SurveyForm input.CustomText {
        width: 100%;
        font-size: 16px
    }
}

#SurveyForm label+input.CustomText {
    vertical-align: top
}

#SurveyForm input.CustomCheckbox {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

#SurveyForm .CustomCheckbox+.Text {
    position: relative;
    display: inline-block;
    padding-left: 22px
}

#SurveyForm .CustomCheckbox+.Text:before {
    position: absolute;
    top: -2px;
    left: 0;
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-right: 2px;
    vertical-align: top;
    content: "";
    background-position: 0 0
}

#SurveyForm .CustomCheckbox:checked+span.Text:before {
    background-position: 0 -25px
}

#SurveyForm input.CustomRadio {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

#SurveyForm .CustomRadio+.Text {
    position: relative;
    display: inline-block;
    padding-left: 22px;
    vertical-align: top
}

#SurveyForm .CustomRadio+span.Text:before {
    position: absolute;
    top: -2px;
    left: 0;
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-right: 2px;
    vertical-align: top;
    content: "";
    background-position: 0 -50px
}

#SurveyForm .CustomRadio:checked+span.Text:before {
    background-position: 0 -75px
}

#SurveyForm .RadioAndCheckboxList>li {
    position: relative;
    padding: 3px 0;
    margin-bottom: 2px;
    background: none
}

#SurveyForm .RadioAndCheckboxList.Horizontal>li {
    display: inline-block;
    margin: 0 15px 2px 0;
    vertical-align: top
}

@media screen and (max-width:720px) {
    #SurveyForm .RadioAndCheckboxList.Horizontal>li {
        display: block;
        margin: 0 0 2px
    }
}

#SurveyForm .RadioAndCheckboxList>li>label {
    position: relative;
    display: inline-block;
    min-height: 1em;
    padding: 3px 0;
    vertical-align: middle
}

@media screen and (max-width:720px) {
    #SurveyForm .RadioAndCheckboxList>li>label+.CustomText {
        margin-top: 4px
    }
}

#SurveyForm .EnqColumn .RadioAndCheckboxList.Horizontal {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px 0 0;
    letter-spacing: -.4em
}

#SurveyForm .EnqColumn .RadioAndCheckboxList.Horizontal>li {
    padding-right: 10px;
    margin: 0 0 18px;
    text-align: center;
    letter-spacing: normal;
    vertical-align: top
}

#SurveyForm .EnqColumn .RadioAndCheckboxList.Horizontal>li>label {
    width: 100%
}

#SurveyForm .EnqColumn .RadioAndCheckboxList.Horizontal>li>.RadioAndCheckboxList {
    margin: 0
}

#SurveyForm .EnqColumn .RadioAndCheckboxList.Horizontal>li>.RadioAndCheckboxList>li {
    display: block;
    margin: 0;
    text-align: left
}

#SurveyForm .EnqColumn.Col2 .RadioAndCheckboxList.Horizontal>li {
    width: 50%
}

#SurveyForm .EnqColumn.Col3 .RadioAndCheckboxList.Horizontal>li {
    width: 33.3333333333%
}

#SurveyForm .EnqColumn.Col4 .RadioAndCheckboxList.Horizontal>li {
    width: 25%
}

#SurveyForm .EnqColumn.Col5 .RadioAndCheckboxList.Horizontal>li {
    width: 20%
}

#SurveyForm .EnqColumn.Col6 .RadioAndCheckboxList.Horizontal>li {
    width: 16.6666666666%
}

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

    #SurveyForm .EnqColumn.Col2 .RadioAndCheckboxList.Horizontal>li,
    #SurveyForm .EnqColumn.Col4 .RadioAndCheckboxList.Horizontal>li,
    #SurveyForm .EnqColumn.Col5 .RadioAndCheckboxList.Horizontal>li,
    #SurveyForm .EnqColumn.Col6 .RadioAndCheckboxList.Horizontal>li {
        width: 33.3333333333%
    }
}

#SurveyForm .EnqColumn .RadioAndCheckboxList.Horizontal>li.NoImage {
    text-align: left;
    vertical-align: bottom
}

#SurveyForm .EnqColumn .RadioAndCheckboxList.Horizontal>li.NoImageAuto {
    width: auto
}

#SurveyForm .EnqColumn .RadioAndCheckboxList.Horizontal>li .Image {
    position: relative;
    display: block;
    margin-bottom: 5px;
    text-align: center
}

#SurveyForm .EnqColumn .RadioAndCheckboxList.Horizontal>li .Image:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: transparent
}

#SurveyForm .CustomSelect {
    font-size: 13.333333px
}

@media screen and (max-width:720px) {
    #SurveyForm .CustomSelect {
        width: 100%;
        font-size: 16px
    }
}

#SurveyForm input:disabled+span.Text:before {
    cursor: default;
    background-position: -25px 0
}

#SurveyForm input:disabled+.Text {
    color: #999;
    cursor: default
}

#richSurveyForm .IsHide,
#SurveyForm .IsHide {
    display: none
}

.TandCHeading01 {
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 400;
    color: #333;
    text-transform: none
}

.TandCColumn {
    display: flex;
    flex-wrap: wrap;
    margin-left: -16px;
    font-size: 12px
}

.TandCColumn>li {
    width: 50%;
    padding: 0 0 0 16px;
    background: none
}

@media screen and (max-width:720px) {
    .TandCColumn>li {
        display: block;
        width: 100%;
        margin: 0
    }
}

.TandCColumn>li:first-child {
    margin-left: 0
}

.TandCList li a {
    text-decoration: underline
}

.TandCList li a:focus,
.TandCList li a:hover {
    text-decoration: none
}

.TandCList li em {
    font-weight: 700
}

.TandCList li .ClRed {
    font-weight: 400;
    color: red
}

.TandCList.NoDisc li {
    padding: 0;
    background: none
}

.BorderedBox .EnqTitle01 {
    font-weight: 700;
    text-align: left
}

.BorderedBox .EnqTitle02 {
    padding: 7px 5px 5px;
    font-weight: 700;
    background: #efefef
}

ul.RadioAndCheckboxList.Horizontal.EnqColumn {
    margin: 0 -10px 0 0;
    letter-spacing: -.4em
}

ul.RadioAndCheckboxList.Horizontal.EnqColumn>li {
    margin: 0 10px 18px 0;
    text-align: center;
    letter-spacing: normal;
    vertical-align: top
}

ul.RadioAndCheckboxList.Horizontal.EnqColumn>li>.RadioAndCheckboxList {
    margin: 0
}

ul.RadioAndCheckboxList.Horizontal.EnqColumn>li>.RadioAndCheckboxList>li {
    display: block;
    margin: 0;
    text-align: left
}

ul.RadioAndCheckboxList.Horizontal.EnqColumn.Col2>li {
    width: 345px
}

ul.RadioAndCheckboxList.Horizontal.EnqColumn.Col3>li {
    width: 226px
}

ul.RadioAndCheckboxList.Horizontal.EnqColumn.Col4>li {
    width: 167px
}

ul.RadioAndCheckboxList.Horizontal.EnqColumn.Col5>li {
    width: 132px
}

ul.RadioAndCheckboxList.Horizontal.EnqColumn.Col6>li {
    width: 108px
}

ul.RadioAndCheckboxList.Horizontal.EnqColumn>li .Image {
    display: block;
    margin-bottom: 5px;
    text-align: center
}

ul.RadioAndCheckboxList.Horizontal.EnqColumn.Col2>li .Image>img {
    max-width: 345px
}

ul.RadioAndCheckboxList.Horizontal.EnqColumn.Col3>li .Image>img {
    max-width: 226px
}

ul.RadioAndCheckboxList.Horizontal.EnqColumn.Col4>li .Image>img {
    max-width: 167px
}

ul.RadioAndCheckboxList.Horizontal.EnqColumn.Col5>li .Image>img {
    max-width: 132px
}

ul.RadioAndCheckboxList.Horizontal.EnqColumn.Col6>li .Image>img {
    max-width: 108px
}

ul.RadioAndCheckboxList.Horizontal.EnqColumn>li.NoImage {
    text-align: left;
    vertical-align: bottom
}

ul.RadioAndCheckboxList.Horizontal.EnqColumn>li.NoImageAuto {
    width: auto
}

.EnqImageBox01 {
    display: table;
    width: 100%;
    margin: 0 0 18px
}

.EnqImageBox01 .EnqImageBoxContent,
.EnqImageBox01 .EnqImageBoxImage {
    display: table-cell;
    width: 50%;
    vertical-align: top
}

.EnqImageBox01 .EnqImageBoxContent {
    padding: 0 10px 0 0
}

.EnqImageBox01 .EnqImageBoxImage {
    text-align: right
}

.EnqImageBox01.Right {
    direction: rtl
}

.EnqImageBox01.Right .EnqImageBoxContent,
.EnqImageBox01.Right .EnqImageBoxImage {
    direction: ltr
}

.EnqImageBox01.Right .EnqImageBoxContent {
    padding: 0 0 0 10px
}

.EnqImageBox01.Right .EnqImageBoxImage {
    text-align: left
}

.EnqImageBox01.Right.Str01 .EnqImageBoxContent {
    vertical-align: bottom
}

.EnqImageBox01.Right.Str01 .EnqImageBoxContent .Text {
    display: block
}

dl.TitleAndText>dd.TextBlock.EnqSmallQuestion {
    padding-left: 10px
}

dl.TitleAndText>dd.TextBlock.EnqSmallQuestion .EnqTable01 {
    margin-bottom: 0
}

dl.TitleAndText>dd.TextBlock.EnqSmallQuestion .EnqTable01 td,
dl.TitleAndText>dd.TextBlock.EnqSmallQuestion .EnqTable01 th {
    vertical-align: top
}

.ErrorMessage {
    padding: 10px;
    margin: 0 0 20px;
    zoom: 1;
    background-color: #ffece9
}

.ErrorMessage p {
    margin-bottom: 10px;
    font-weight: 700;
    color: #c00
}

.ErrorMessage.Caution {
    min-height: 35px;
    padding-left: 50px;
    background-repeat: no-repeat;
    background-position: 10px 15px
}

.ErrorMessage.Caution p {
    font-size: 1.4rem
}

.ErrorMessage.Caution>:last-child {
    margin-bottom: 0
}

.form-groupTitle,
.form-label {
    display: block;
    margin-bottom: 2px;
    font-weight: 600
}

.form-label {
    max-width: 100%
}

.formSearchAddress .form-label {
    margin-bottom: 0
}

.form-labelGroup {
    display: flex;
    align-items: center;
    margin-bottom: 8px
}

.form-labelGroup .form-label {
    flex: none
}

.form-labelGroup .form-noteText {
    max-width: 100%;
    margin-left: 16px
}

@media screen and (max-width:969px) {
    .form-labelGroup {
        flex-direction: column;
        align-items: flex-start
    }

    .form-labelGroup .form-label {
        margin-bottom: 8px;
        font-size: 1.4rem
    }

    .form-labelGroup .form-label:last-child {
        margin-bottom: 0
    }

    .form-labelGroup .form-noteText {
        margin-bottom: 8px;
        margin-left: 0
    }

    .formSearchAddress .form-labelGroup {
        flex-direction: row;
        align-items: center
    }

    .formSearchAddress .form-labelGroup .form-label {
        margin-bottom: 0
    }

    .formSearchAddress .form-labelGroup .form-noteText {
        margin-left: 12px
    }
}

.form-labelGroup>:last-child {
    margin-bottom: 0
}

.formSearchAddress .form-labelGroup {
    margin-bottom: 12px
}

.form-necessaryText {
    margin: 0 0 8px;
    font-weight: 700;
    color: red
}

.form-necessaryText.is-hide {
    display: none
}

.form-necessaryText.of-primary {
    color: #dc002f
}

.form-necessaryText.of-secondary {
    color: #666a6b
}

.form-necessaryText.of-form-required {
    display: none
}

[data-script-enabled=true] .form-necessaryText.of-form-required {
    display: block
}

@media screen and (max-width:969px) {
    .form-necessaryText.smallScreen-text-small {
        font-size: 1.2rem
    }
}

.form-necessityIcon.of-primary,
.form-necessityIcon.of-required {
    color: #dc002f
}

.form-utilityGroup .form-label .form-necessityIcon {
    font-weight: 400
}

.form-noteText {
    margin-bottom: 2px;
    color: #333
}

.form-noteText.of-primary {
    color: #666a6b
}

.form-utilityGroup {
    margin: 0 0 16px
}

.form-utilityGroup.of-primary {
    margin: 0 0 32px
}

@media screen and (max-width:969px) {
    .form-utilityGroup.of-primary {
        margin-bottom: 24px
    }
}

.formRegister .form-utilityGroup.of-primary {
    width: 100%;
    padding-left: 40px
}

@media screen and (max-width:969px) {
    .formRegister .form-utilityGroup.of-primary {
        padding-left: 0
    }
}

.form-utilityGroup.of-primary.is-error .form-input {
    border: 1px solid #e50012
}

.form-utilityGroup.of-primary .form-input {
    padding: 5px 12px;
    border: 1px solid #ddd
}

.form-utilityGroup.of-primary .form-input:disabled {
    background: #f0f0f0
}

.form-utilityGroup.of-primary .form-select {
    min-width: calc(50% - 20px);
    max-width: 100%;
    padding: .65rem 4.6rem .65rem 2rem;
    overflow: hidden;
    font-size: 1.5rem;
    color: inherit;
    text-align: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 12L15 18L21 12' stroke='%23dc002f' stroke-width='2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right .8rem center;
    background-size: 3rem 3rem;
    border: 1px solid #c9cbcb;
    border-radius: .4rem;
    transition: background-color .2s cubic-bezier(.4, 0, .2, 1);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.form-utilityGroup.of-primary .form-select::-ms-expand {
    display: none
}

@media screen and (max-width:969px) {
    .form-utilityGroup.of-primary .form-select {
        width: 100%
    }
}

.form-utilityGroup.of-primary .form-necessaryText:last-child {
    margin-top: 8px
}

.form-utilityGroup>:last-child {
    margin-bottom: 0
}

.form-group {
    margin: 0 0 16px
}

.form-group>:last-child {
    margin-bottom: 0
}

.form-group.of-hidden {
    display: none
}

.form-password,
.form-searchAddress {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.form-password>*,
.form-searchAddress>* {
    margin-bottom: 8px
}

.form-password .form-input,
.form-searchAddress .form-input {
    margin-right: 8px
}

.form-showPassword {
    width: 60%;
    padding: 5px 12px;
    border: 1px solid #ddd;
    border-radius: 4px
}

@media screen and (max-width:969px) {
    .form-showPassword {
        width: 100%
    }
}

.form-showPasswordLink {
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    margin: 0 0 0 8px;
    font-size: 1.5rem;
    color: #2e3133;
    text-align: inherit;
    text-decoration: none;
    letter-spacing: -.02em;
    cursor: pointer;
    border: .2rem solid #666a6b;
    border-radius: .4rem;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .2s;
    transition-property: color, background-color
}

.form-showPasswordLink:hover {
    background-color: #f0f0f0
}

@media screen and (max-width:969px) {
    .form-showPasswordLink {
        margin: 8px 0 0
    }
}

.form-input {
    padding: 2px 4px;
    border: 1px solid #ababab;
    border-radius: 4px
}

@media screen and (max-width:969px) {
    .form-input#suz_zipCode {
        display: block
    }
}

.form-input-outer.of-password,
.form-input-outer.of-password .form-showPassword {
    min-height: 40px
}

.form-checkbox {
    vertical-align: middle;
    transform: scale(1.3)
}

.form-checkbox+.form-checkboxText,
.form-checkbox+a {
    margin-left: 6px;
    vertical-align: middle
}

.form-checkboxOuter {
    position: relative;
    display: inline-flex
}

.form-checkboxGroup {
    position: relative;
    padding-left: 3.2rem
}

.form-checkbox.of-primary {
    position: absolute;
    top: 2px;
    left: 3px;
    width: 2rem;
    height: 2rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transform: scale(.8)
}

.form-checkbox.of-primary:disabled+.form-checkboxInner {
    color: #c9cbcb
}

.form-checkboxIcon {
    position: absolute;
    top: .2rem;
    left: 3px;
    width: 2rem;
    height: 2rem;
    opacity: 0;
    transition: opacity .1s cubic-bezier(.4, 0, .2, 1)
}

.form-checkboxIcon.of-unchecked {
    opacity: 1;
    fill: #c9cbcb
}

.form-checkbox:disabled+.form-checkboxGroup .form-checkboxIcon.of-unchecked {
    fill: #ddd
}

.form-checkboxIcon.of-checked {
    fill: #dc002f
}

.form-checkbox:checked+.form-checkboxGroup .form-checkboxIcon.of-checked {
    opacity: 1
}

.form-checkbox:disabled+.form-checkboxGroup .form-checkboxIcon.of-checked,
.form-checkbox:disabled:checked+.form-checkboxGroup .form-checkboxIcon.of-checked {
    fill: #ddd
}

.form-checkboxText {
    font-size: 1.7rem
}

@media screen and (max-width:969px) {
    .form-checkboxText {
        font-size: 1.4rem
    }
}

.form-radio {
    margin-right: 8px
}

.form-radioOuter .form-radio {
    position: absolute;
    top: 2px;
    left: 3px;
    width: 2rem;
    height: 2rem;
    margin-right: 0;
    vertical-align: middle;
    transform: scale(.8);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.form-radioOuter .form-radio:disabled+.form-radioGroup {
    color: #c9cbcb
}

.form-radioOuter {
    position: relative;
    display: inline-flex
}

.form-radioGroup {
    position: relative;
    padding-left: 3.2rem
}

.form-radioIcon {
    position: absolute;
    top: .2rem;
    left: 3px;
    width: 2rem;
    height: 2rem;
    opacity: 0;
    transition: opacity .1s cubic-bezier(.4, 0, .2, 1)
}

.form-radioIcon.of-unchecked {
    opacity: 1;
    fill: #c9cbcb
}

.form-radio:disabled+.form-radioGroup .form-radioIcon.of-unchecked {
    fill: #ddd
}

.form-radioIcon.of-checked {
    fill: #dc002f
}

.form-radio:checked+.form-radioGroup .form-radioIcon.of-checked {
    opacity: 1
}

.form-radio:disabled+.form-radioGroup .form-radioIcon.of-checked,
.form-radio:disabled:checked+.form-radioGroup .form-radioIcon.of-checked {
    fill: #ddd
}

.form-radioText {
    font-size: 1.6rem
}

@media screen and (max-width:969px) {
    .form-radioText {
        font-size: 1.4rem
    }
}

.form-listRadio {
    margin-bottom: 24px
}

.form-listRadio>li {
    margin-bottom: 8px
}

.form-listRadio>li:last-child {
    margin-bottom: 0
}

.form-select,
.form-textarea {
    max-width: 100%
}

.is-error .form-input {
    background: #fbe4e4;
    border: 1px solid #e50012
}

.form-button {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 8px
}

.form-button>input {
    position: absolute;
    top: 26px;
    left: 20px;
    transform: translateY(-50%)
}

.form-button>input:checked+.Text,
.form-button>input:checked~.Image {
    background: #e1ecfe;
    transition: background .3s
}

.form-button .Text {
    display: block;
    flex: 1 0 auto;
    width: 100%;
    padding: 15px 44px
}

.form-button .Image {
    position: relative;
    display: block;
    width: 100%;
    min-height: 0;
    padding: 0 20px 20px;
    text-align: center
}

.form-button .Image:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: transparent
}

#suzHidePasswordBtn .button,
#suzShowPasswordBtn .button {
    margin-bottom: 0
}

.theme-KC [data-key=autoSignupButtonGuideLabel],
.theme-KW [data-key=autoSignupButtonGuideLabel] {
    text-align: center
}

[data-script-enabled=true] #suz_regArea>.form-group.is-hide {
    display: none !important
}

#ur_continueButton {
    display: none
}

[data-script-enabled=true] #ur_continueButton {
    display: block
}

[data-script-enabled=true] #ur_continueButton.is-hide,
[data-script-enabled=true] #ur_submitButton.is-hide {
    display: none
}

.formMultiStep {
    padding-bottom: 40px;
    animation-name: form-block-fadeIn;
    animation-duration: .5s
}

@media screen and (max-width:969px) {
    .formMultiStep {
        padding-bottom: 24px
    }
}

.formMultiStep+.formMultiStep {
    margin-top: 40px
}

[data-script-enabled=true] .formMultiStep+.formMultiStep {
    margin-top: 0
}

.formMultiStep>:last-child {
    margin-bottom: 0
}

.formMultiStep-modalGroup .formMultiStep {
    padding-bottom: 0
}

.formMultiStep-modalGroup .formMultiStep.of-signinOrRegister .headingLevel2 {
    display: none
}

.formMultiStep-modalGroup .section.of-loginWithRegist {
    margin-top: 0
}

.formMultiStep-modalGroup>:last-child {
    margin-bottom: 0
}

.formMultiStep-header {
    padding-bottom: 28px;
    margin-bottom: 32px;
    border-bottom: 1px solid #ddd
}

@media screen and (max-width:969px) {
    .formMultiStep-header {
        padding-bottom: 24px
    }
}

.formMultiStep-header .layout-grid .layout-grid-column {
    padding-bottom: 0
}

.formMultiStep-header .layout-grid .layout-grid-column+.layout-grid-column {
    display: flex;
    align-items: flex-end
}

.formMultiStep-header .formProgress {
    width: 100%;
    max-width: 400px;
    margin: auto 0 0 auto
}

.formMultiStep-header .formProgress>:last-child {
    margin-bottom: 0
}

.formMultiStep-header .headingLevel2.of-secondary {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0
}

@media screen and (max-width:969px) {
    .formMultiStep-header {
        padding-bottom: 0;
        margin-bottom: 16px;
        border-bottom: 0
    }

    .formMultiStep-header .headingLevel2.of-secondary {
        padding-bottom: 24px;
        margin-bottom: 18px;
        border-bottom: 1px solid #ddd
    }
}

.formMultiStep-content>:last-child,
.formMultiStep-header>:last-child {
    margin-bottom: 0
}

.formMultiStep-body {
    max-width: 620px
}

.formMultiStep-body>:last-child {
    margin-bottom: 0
}

.formMultiStep-inputGroup {
    margin-bottom: 40px
}

.formMultiStep .form-necessaryText:last-child {
    margin-top: 8px
}

.formMultiStep #suz_regArea,
.theme-downloadProcess .formMultiStep #suz_regArea {
    margin-left: 0
}

.formMultiStep-description.is-hide {
    display: none
}

.formMultiStep-descriptionText {
    margin-bottom: 8px;
    font-size: 1.3rem
}

.formMultiStep-descriptionTextGroup {
    margin-bottom: 24px;
    font-size: 1.5rem
}

.formMultiStep-descriptionTextGroup>:last-child {
    margin-bottom: 0
}

.formMultiStep.of-signinOrRegister {
    display: none
}

[data-script-enabled=true] .formMultiStep.of-signinOrRegister {
    display: block
}

[data-script-enabled=true] .formMultiStep.of-signinOrRegister.is-hide {
    display: none
}

.formMultiStep.of-registration,
.formMultiStep.of-signin {
    display: block
}

[data-script-enabled=true] .formMultiStep.of-registration.is-hide,
[data-script-enabled=true] .formMultiStep.of-signin.is-hide {
    display: none
}

.formMultiStep.of-signin .form-input,
.formMultiStep.of-signinOrRegister .form-input {
    min-height: 40px
}

.formMultiStep.is-register-error .formRegister .formRegister-body,
.formMultiStep.is-register-flat .formRegister .formRegister-body {
    position: static;
    margin-bottom: 32px;
    opacity: 1;
    transition: none
}

.formMultiStep.is-register-error .formRegister .formRegister-body:last-child,
.formMultiStep.is-register-flat .formRegister .formRegister-body:last-child {
    margin-bottom: 0
}

.formMultiStep.is-register-error .formProgress,
.formMultiStep.is-register-flat .formProgress {
    display: none
}

.formMultiStep-buttonBackLink {
    display: none;
    margin-bottom: 24px
}

[data-script-enabled=true] .formMultiStep-buttonBackLink {
    display: block
}

.formMultiStep-nextGroup {
    background: transparent
}

.formMultiStep-lowerMargin {
    padding-bottom: 40px;
    cursor: default
}

.formRegister {
    position: relative;
    width: calc(100% + 20px);
    padding: 0 10px;
    margin: 0 -10px;
    overflow: hidden
}

.formRegister>:last-child {
    margin-bottom: 0
}

.formRegister-content {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}

.formRegister-content>:last-child {
    margin-bottom: 0
}

.formRegister-body {
    width: 100%;
    margin-bottom: 32px
}

.formRegister-body>:last-child {
    margin-bottom: 0
}

.formRegister-body:first-child .form-necessaryText.of-form-required {
    display: block
}

[data-script-enabled=true] .formRegister-body {
    position: absolute;
    top: 0;
    left: calc(-100% - 20px);
    z-index: 2;
    margin-bottom: 0;
    opacity: 0;
    transition: opacity .6s ease 0s
}

[data-script-enabled=true] .formRegister-body:first-child.form-necessaryText {
    padding-top: 0
}

[data-script-enabled=true] .formRegister-body.is-current {
    position: relative;
    top: 0;
    left: 0;
    z-index: 3;
    opacity: 1 !important;
    transition: opacity .6s ease 0s
}

.formRegister.is-register-error .formRegister-body,
.formRegister.is-register-flat .formRegister-body {
    position: static;
    transition: none
}

.formRegister-text {
    margin-bottom: 8px
}

@media screen and (max-width:969px) {
    .formRegister-text {
        margin-bottom: 8px;
        font-size: 1.4rem
    }
}

.formRegister-inputGroup {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 660px;
    margin-bottom: 40px;
    margin-left: -40px
}

@media screen and (max-width:969px) {
    .formRegister-inputGroup {
        width: 100%;
        max-width: 620px;
        margin-left: 0
    }
}

.formRegister-inputGroup>:last-child {
    margin-bottom: 0
}

.formRegister-buttonBackLink {
    margin-bottom: 24px
}

.formRegister-utilityGroup {
    max-width: 620px;
    margin-bottom: 40px
}

.formRegister-utilityGroup>:last-child {
    margin-bottom: 0
}

.formRegister-utilityGroup .buttonList {
    display: none
}

.formRegister-utilityGroup .buttonList.of-registration,
[data-script-enabled=true] .formRegister-utilityGroup .buttonList {
    display: flex
}

#suz_regArea .formRegister #suz_div_firstName,
#suz_regArea .formRegister #suz_div_lastName {
    width: 50%
}

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

    #suz_regArea .formRegister #suz_div_firstName,
    #suz_regArea .formRegister #suz_div_lastName {
        width: 100%
    }
}

#suz_regArea .formRegister #suz_zipCode+.button {
    margin-left: 8px
}

@media screen and (max-width:969px) {
    #suz_regArea .formRegister #suz_zipCode+.button {
        margin-top: 8px;
        margin-left: 0
    }
}

.formProgress {
    display: none
}

[data-script-enabled=true] .formProgress {
    display: block
}

.formProgress-content {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: -16px 0 0 -16px
}

.formProgress-content>* {
    margin-bottom: 0
}

.formProgress-step {
    display: flex;
    flex: none;
    align-items: center;
    padding-left: 16px;
    margin-top: 16px
}

.formProgress-stepTitle {
    margin-right: 4px;
    margin-bottom: 0;
    font-size: 1.3rem;
    color: #666a6b
}

.formProgress-stepNumber {
    margin-bottom: 0;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: .12em
}

.formProgress-bar {
    width: 100%;
    overflow: hidden;
    background: #ddd;
    border-radius: 3px
}

.formProgress-barOuter {
    width: 100%;
    min-width: 180px;
    padding-left: 16px;
    margin-top: 16px
}

.formProgress-barBody {
    height: 6px;
    background: #dc002f;
    border-radius: 3px;
    transition: width .3s
}

#cboxOverlay.of-multiStepForm,
#cboxOverlay.of-myKeyenceEnquete {
    cursor: default !important;
    background: #2e3133;
    opacity: .8 !important
}

#colorbox.of-multiStepForm,
#colorbox.of-myKeyenceEnquete {
    position: fixed !important;
    top: 80px !important;
    left: 50% !important;
    height: auto !important;
    transform: translate(-50%)
}

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

    #colorbox.of-multiStepForm,
    #colorbox.of-myKeyenceEnquete {
        position: absolute !important;
        top: 72px !important;
        left: 0 !important;
        height: auto !important;
        transform: none !important
    }
}

#colorbox.of-multiStepForm #cboxWrapper,
#colorbox.of-myKeyenceEnquete #cboxWrapper {
    position: static !important;
    height: auto !important
}

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

    #colorbox.of-multiStepForm #cboxWrapper,
    #colorbox.of-myKeyenceEnquete #cboxWrapper {
        position: relative !important;
        height: auto !important
    }
}

#colorbox.of-multiStepForm #cboxLoadedContent,
#colorbox.of-myKeyenceEnquete #cboxLoadedContent {
    height: 100% !important;
    max-height: calc(100vh - 268px) !important
}

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

    #colorbox.of-multiStepForm #cboxLoadedContent,
    #colorbox.of-myKeyenceEnquete #cboxLoadedContent {
        max-height: none !important
    }
}

#colorbox.of-multiStepForm #cboxContent,
#colorbox.of-myKeyenceEnquete #cboxContent {
    position: relative;
    height: 100% !important;
    max-height: calc(100vh - 140px);
    padding: 48px 110px 80px;
    cursor: default;
    background: #fff;
    border: 0;
    border-radius: 4px 4px 0 0
}

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

    #colorbox.of-multiStepForm #cboxContent,
    #colorbox.of-myKeyenceEnquete #cboxContent {
        max-height: none;
        padding: 32px 0;
        border-radius: 0
    }
}

#colorbox.of-multiStepForm #cboxTitle,
#colorbox.of-myKeyenceEnquete #cboxTitle {
    display: none !important
}

#colorbox.of-multiStepForm .formMultiStep,
#colorbox.of-myKeyenceEnquete .formMultiStep {
    padding: 0 40px
}

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

    #colorbox.of-multiStepForm .formMultiStep,
    #colorbox.of-myKeyenceEnquete .formMultiStep {
        padding: 0 20px
    }
}

#colorbox.of-multiStepForm #cboxClose,
#colorbox.of-myKeyenceEnquete #cboxClose {
    top: -60px;
    right: 50%;
    z-index: 1;
    width: 40px;
    height: 40px;
    outline: none;
    transform: translateX(50%)
}

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

    #colorbox.of-multiStepForm #cboxClose,
    #colorbox.of-myKeyenceEnquete #cboxClose {
        top: -50px;
        right: 15px;
        transform: none
    }
}

#colorbox.of-multiStepForm #cboxClose:before,
#colorbox.of-myKeyenceEnquete #cboxClose:before {
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    border: 0;
    transform: none
}

#colorbox.of-multiStepForm #cboxClose:after,
#colorbox.of-myKeyenceEnquete #cboxClose:after {
    content: none
}

#colorbox.of-myKeyenceEnquete {
    max-width: 840px !important
}

@media screen and (max-width:969px) {
    #colorbox.of-myKeyenceEnquete {
        max-width: none !important
    }
}

#colorbox.of-myKeyenceEnquete .listUnordered .form-checkbox {
    margin-left: 4px
}

@media screen and (max-width:969px) {
    #colorbox.of-myKeyenceEnquete #cboxContent {
        padding-right: 2rem;
        padding-left: 2rem
    }
}

#colorbox.of-myKeyenceEnquete .buttonConversion.of-inputElement,
#colorbox.of-myKeyenceEnquete .form-group+p {
    margin-bottom: 0
}

#colorbox.of-myKeyenceEnquete .form-necessityIcon.of-required {
    display: none
}

.formSearchAddress {
    margin-bottom: 72px
}

.formSearchAddress>:last-child {
    margin-bottom: 0
}

.formSearchAddress-inputGroup {
    display: flex;
    flex-wrap: wrap;
    width: 684px;
    margin-bottom: 40px;
    margin-left: -24px
}

@media screen and (max-width:969px) {
    .formSearchAddress-inputGroup {
        width: 100%;
        margin-left: 0
    }

    .formSearchAddress-inputGroup>:last-child {
        margin-bottom: 0
    }
}

.formSearchAddress #suz_div_searchText1,
.formSearchAddress #suz_div_searchText2 {
    width: 50%;
    margin-bottom: 0
}

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

    .formSearchAddress #suz_div_searchText1,
    .formSearchAddress #suz_div_searchText2 {
        width: 100%;
        margin-bottom: 24px
    }

    .formSearchAddress #suz_div_searchText1:last-child,
    .formSearchAddress #suz_div_searchText2:last-child {
        margin-bottom: 0
    }
}

.formSearchAddress .form-utilityGroup.of-primary {
    width: 100%;
    padding-left: 24px
}

@media screen and (max-width:969px) {
    .formSearchAddress .form-utilityGroup.of-primary {
        padding-left: 0
    }
}

.headingLevel1 {
    margin: 0 0 24px;
    font-size: 2.4rem
}

html[lang=th]:not(.theme-noAdobeFont) .headingLevel1 {
    font-family: kanit, CordiaUPC, Tahoma, Arial, sans-serif
}

.headingLevel1.of-primary {
    border-bottom: 2px solid #8b8787
}

.headingLevel1.of-secondary {
    font-size: 4.8rem;
    line-height: 1.25;
    color: #2e3133
}

@media screen and (max-width:969px) {
    .headingLevel1.of-secondary {
        margin-bottom: 1.6rem;
        font-size: 3.2rem
    }
}

.headingLevel2 {
    margin: 0 0 22px;
    font-size: 2.1rem;
    line-height: 1.25
}

html[lang=th]:not(.theme-noAdobeFont) .headingLevel2 {
    font-family: kanit, CordiaUPC, Tahoma, Arial, sans-serif
}

.headingLevel2.of-primary {
    position: relative;
    padding: 0 0 0 6px;
    border-left: 3px solid #e60012
}

.headingLevel2.of-primary:before {
    position: absolute;
    bottom: -6px;
    left: -3px;
    display: block;
    width: 100%;
    height: 1px;
    content: "";
    background: #cacaca
}

.headingLevel2.of-secondary {
    padding-bottom: 28px;
    margin-bottom: 32px;
    font-size: 3.2rem;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -.02em;
    border-bottom: 1px solid #ddd
}

@media screen and (max-width:969px) {
    .headingLevel2.of-secondary {
        padding-bottom: 24px;
        font-size: 2.4rem
    }
}

.theme-searchAddress .headingLevel2.of-secondary {
    margin-bottom: 40px
}

.headingLevel2.of-tertiary {
    margin-bottom: 24px;
    font-size: 3.2rem;
    font-weight: 600
}

@media screen and (max-width:969px) {
    .headingLevel2.of-tertiary {
        font-size: 2.4rem
    }
}

.headingLevel2-innerText.is-hide {
    display: none
}

.headingLevel3 {
    margin: 0 0 16px;
    font-size: 1.8rem;
    line-height: 1.25
}

html[lang=th]:not(.theme-noAdobeFont) .headingLevel3 {
    font-family: kanit, CordiaUPC, Tahoma, Arial, sans-serif
}

.headingLevel3.of-primary {
    font-size: 1.8rem;
    letter-spacing: -.02em;
    margin-bottom: 24px;
    color: #2e3133
}

@media screen and (max-width:969px) {
    .headingLevel3.of-primary {
        font-size: 1.8rem
    }
}

.headingLevel3.of-secondary {
    font-size: 1.8rem;
    letter-spacing: -.02em;
    margin-bottom: 16px;
    font-weight: 600;
    color: #058360
}

@media screen and (max-width:969px) {
    .headingLevel3.of-secondary {
        font-size: 1.6rem
    }
}

html[lang=th]:not(.theme-noAdobeFont) .prd-utility-heading-1,
html[lang=th]:not(.theme-noAdobeFont) .prd-utility-heading-2,
html[lang=th]:not(.theme-noAdobeFont) .prd-utility-heading-3,
html[lang=th]:not(.theme-noAdobeFont) .prd-utility-heading-4,
html[lang=th]:not(.theme-noAdobeFont) .prd-utility-heading-5 {
    font-family: kanit, CordiaUPC, Tahoma, Arial, sans-serif
}

.iconBlank {
    display: inline-block;
    margin-left: 4px
}

.iconBlank>img {
    vertical-align: middle
}

.iconModal {
    display: inline-block;
    margin-right: 4px
}

.iconModal>img {
    vertical-align: middle
}

.prd-downloadCard .iconKey {
    position: absolute;
    top: 10px;
    right: 20px
}

.iconKey>img {
    vertical-align: middle
}

.listUnordered {
    margin: 0 0 16px
}

.listUnordered>li {
    margin-bottom: 4px
}

.listUnordered>li>:last-child {
    margin-bottom: 0
}

.listUnordered>li.of-formMultiStep {
    display: none
}

[data-script-enabled=true] .listUnordered>li.of-formMultiStep {
    display: flex
}

.listUnordered.of-marginBottom-primary {
    margin-bottom: 40px
}

.listUnordered.of-bullet-disc>li {
    position: relative;
    padding: 0 0 0 16px;
    list-style: none
}

.listUnordered.of-bullet-disc>li:before {
    position: absolute;
    top: .7em;
    left: 0;
    display: block;
    width: 6px;
    height: 6px;
    content: "";
    background: #000;
    border-radius: 50%
}

.listUnordered.of-bullet-default {
    padding-left: 1em
}

.listUnordered.of-bullet-default>li:before {
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    content: "•"
}

.listUnordered.of-direction-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -16px
}

.listUnordered.of-direction-row>li {
    margin-left: 16px
}

.listUnordered.of-direction-row.of-primary {
    margin: -8px 0 0 -32px
}

.listUnordered.of-direction-row.of-primary>li {
    margin: 8px 0 0 32px
}

@media screen and (max-width:969px) {
    .listUnordered.of-direction-row.smallScreen-column {
        flex-direction: column
    }
}

.listUnordered.of-primary>li {
    margin-bottom: 8px
}

.listUnordered.of-primary>:last-child {
    margin-bottom: 0
}

.listOrdered {
    margin-left: 20px;
    list-style: decimal
}

.listOrdered.of-listStyle-primary {
    display: table;
    margin: 0 0 16px;
    list-style: none;
    counter-reset: number
}

.listOrdered.of-listStyle-primary>li {
    display: table-row;
    counter-increment: number
}

.listOrdered.of-listStyle-primary>li:before {
    display: table-cell;
    padding-right: 1ch;
    text-align: right;
    white-space: nowrap;
    content: counter(number)
}

.listOrdered.of-listStyle-primary .listOrdered.of-listStyle-primary-body {
    display: table-cell
}

.listLink {
    margin: 0 0 16px
}

.listLink>li {
    margin-bottom: 4px
}

.listLink>li a {
    display: flex;
    align-items: flex-start;
    text-decoration: none
}

.listLink>li a:before {
    display: inline-block;
    margin: .6em 5px 0 0;
    content: "";
    border-color: transparent transparent transparent #7b7e82;
    border-style: solid;
    border-width: 2.5px 0 2.5px 5px
}

.listLink>li a:focus,
.listLink>li a:hover {
    text-decoration: underline
}

.listLink.of-direction-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -16px
}

.listLink.of-direction-row>li {
    margin-left: 16px
}

.listLink.of-bullet-left>li a:before {
    border-width: 2.5px 5px 2.5px 0;
    border-color: transparent #7b7e82 transparent transparent
}

.listLink.of-border-top {
    position: relative;
    padding-top: 8px
}

.listLink.of-border-top:before {
    position: absolute;
    top: 0;
    left: 16px;
    display: block;
    width: calc(100% - 16px);
    height: 1px;
    content: "";
    background: #ccc
}

.listRegion {
    display: flex;
    flex-wrap: wrap;
    margin: -10px 0 20px
}

.navigationRegionTab.of-primary .listRegion {
    margin-top: -24px
}

@media screen and (max-width:969px) {
    .navigationRegionTab.of-primary .listRegion {
        margin-top: -20px
    }
}

.listRegion-outer {
    margin-bottom: 20px
}

.listRegion-outer>:last-child {
    margin-bottom: 0
}

.listRegion>li {
    width: 33.33333333%;
    margin-top: 10px;
    font-size: 1.4rem;
    line-height: 1.25
}

@media screen and (max-width:969px) {
    .listRegion>li {
        width: 100%
    }
}

.navigationRegionTab.of-primary .listRegion>li {
    margin-top: 24px
}

@media screen and (max-width:969px) {
    .navigationRegionTab.of-primary .listRegion>li {
        width: 50%;
        margin-top: 20px
    }
}

.navigationRegionTab.of-primary .listRegion-text {
    margin-bottom: 8px
}

.listRegion-languageText {
    display: block;
    margin-top: 3px;
    font-size: 1.3rem;
    color: #666
}

@media screen and (max-width:969px) {
    .listRegion-languageText {
        display: inline
    }
}

.navigationRegionTab.of-primary .listRegion-languageText {
    margin-top: 8px;
    font-size: 1.2rem;
    color: #666a6b
}

@media screen and (max-width:969px) {
    .navigationRegionTab.of-primary .listRegion-languageText {
        display: block
    }
}

.listRegion-mark {
    display: none
}

@media screen and (max-width:969px) {
    .listRegion-mark {
        display: inline
    }
}

.navigationRegionTab.of-primary .listRegion-mark {
    display: none
}

.listRegion a {
    position: relative;
    display: block;
    padding: 6px 0 6px 14px;
    color: inherit;
    text-decoration: none
}

.navigationRegionTab.of-primary .listRegion a {
    padding: 0 12px 0 0;
    color: #2e3133;
    transition: color .2s
}

@media screen and (max-width:969px) {
    .navigationRegionTab.of-primary .listRegion a {
        padding-right: 24px
    }
}

.listRegion a:active,
.listRegion a:focus,
.listRegion a:hover,
.navigationRegionTab.of-primary .listRegion a:active,
.navigationRegionTab.of-primary .listRegion a:focus,
.navigationRegionTab.of-primary .listRegion a:hover {
    color: #dc002f
}

.listRegion a:active .listRegion-text,
.listRegion a:focus .listRegion-text,
.listRegion a:hover .listRegion-text {
    text-decoration: underline
}

.navigationRegionTab.of-primary .listRegion a:active .listRegion-text,
.navigationRegionTab.of-primary .listRegion a:focus .listRegion-text,
.navigationRegionTab.of-primary .listRegion a:hover .listRegion-text {
    color: inherit
}

.listRegion a:before {
    position: absolute;
    display: block;
    content: "";
    top: .65em;
    left: 0;
    width: 8px;
    height: 8px;
    border-top: 2px solid #dc002f;
    border-right: 2px solid #dc002f;
    transform: rotate(45deg)
}

.navigationRegionTab.of-primary .listRegion a:before {
    display: none
}

.navigationRegionTab.of-primary .listRegion a b:after {
    color: transparent;
    text-shadow: .25em 0 #dc002f;
    content: "›"
}

.listNote {
    margin: 0 0 16px
}

.listNote>li {
    display: flex
}

.listNote>li .listNote-icon {
    margin-right: 8px
}

.listCart>li {
    padding: 8px;
    margin: 0;
    border-top: 1px solid #e0dfdf
}

.listCart>li:last-child {
    border-bottom: 1px solid #e0dfdf
}

.listCart>li>* {
    margin-bottom: 0
}

.listCart.of-primary {
    padding-top: 48px
}

@media screen and (max-width:969px) {
    .listCart.of-primary {
        padding-top: 0
    }
}

.listMarked {
    margin-bottom: 16px
}

.listMarked>li {
    position: relative;
    display: flex;
    margin-bottom: 12px;
    font-size: 1.5rem;
    color: #484b4c
}

.listMarked>li:last-child,
.listMarked>li>:last-child {
    margin-bottom: 0
}

.listMarked-icon {
    flex: none;
    width: 24px;
    height: 24px;
    margin-right: 12px;
    stroke: #dc002f
}

.listMarked-icon.of-primary {
    stroke: #058360
}

.listMarked.of-primary {
    font-weight: 700
}

.listMarked.of-primary>li {
    font-size: 1.5rem
}

.listFormInput {
    display: flex;
    flex-wrap: wrap;
    margin: -16px 0 32px -16px
}

@media screen and (max-width:969px) {
    .listFormInput {
        margin: 0 0 24px
    }
}

.listFormInput>li {
    min-width: 240px;
    padding: 16px 0 0 16px
}

.listFormInput>li input,
.listFormInput>li select {
    width: 100%
}

@media screen and (max-width:969px) {
    .listFormInput>li {
        padding: 0;
        margin-bottom: 16px
    }

    .listFormInput>li:last-child {
        margin-bottom: 0
    }
}

@media screen and (max-width:969px) {
    .listFormInput {
        flex-direction: column
    }
}

.form-utilityGroup .listFormInput {
    margin-bottom: 0
}

.media {
    display: flex;
    width: 100%;
    margin: 0 0 16px
}

.media.of-row-reverse {
    flex-direction: row-reverse
}

.media.of-row-reverse .media-image {
    margin: 0 16px 0 0
}

.media.of-align-center {
    align-items: center
}

.media.of-column-reverse {
    flex-direction: column-reverse
}

.media .media-content {
    flex: 1
}

.media .media-image {
    margin: 0 0 0 16px
}

.media .media-image.of-border-solid img {
    border: 1px solid #ececec
}

.media .media-image.of-coverSize-large>img {
    max-width: 141px
}

.mediaPriceInquiry {
    background: #fff
}

@media screen and (max-width:969px) {
    .mediaPriceInquiry {
        background: none
    }
}

.mediaPriceInquiry-content {
    display: flex
}

@media screen and (max-width:969px) {
    .mediaPriceInquiry-content {
        display: block
    }
}

.mediaPriceInquiry-inner {
    display: flex;
    flex-direction: column;
    width: 50%;
    padding: 64px
}

@media screen and (max-width:969px) {
    .mediaPriceInquiry-inner {
        width: 100%;
        padding: 0
    }
}

.mediaPriceInquiry-inner>:last-child {
    margin-bottom: 0
}

.mediaPriceInquiry-body {
    margin-bottom: 40px
}

.mediaPriceInquiry-body:last-child {
    margin-top: auto
}

.mediaPriceInquiry-body>:last-child {
    margin-bottom: 0
}

.mediaPriceInquiry-image {
    order: -1;
    width: 50%
}

@media screen and (max-width:969px) {
    .mediaPriceInquiry-image {
        display: none
    }
}

#cboxOverlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: rgba(0, 0, 0, .5)
}

#cboxOverlay.of-regionSelector {
    cursor: default !important;
    background: #2e3133;
    opacity: .8 !important
}

#colorbox {
    position: absolute;
    top: 0;
    right: 50% !important;
    left: inherit !important;
    z-index: 9999;
    width: 100% !important;
    max-width: 970px !important;
    overflow: inherit !important;
    outline: 0;
    transform: translateX(50%)
}

@media screen and (max-width:969px) {
    #colorbox {
        top: 0 !important
    }
}

#colorbox.of-regionSelector {
    top: 80px !important;
    max-width: 840px !important
}

@media screen and (max-width:969px) {
    #colorbox.of-regionSelector {
        top: 72px !important
    }
}

@media screen and (min-width:970px) {
    #colorbox.of-regionSelector #cboxLoadedContent {
        height: auto !important;
        max-height: inherit
    }
}

#cboxWrapper {
    position: absolute;
    top: 0;
    z-index: 9999;
    width: 100% !important;
    cursor: pointer;
    outline: 0
}

#cboxBottomCenter,
#cboxBottomLeft,
#cboxBottomRight,
#cboxMiddleLeft,
#cboxMiddleRight,
#cboxTopCenter,
#cboxTopLeft,
#cboxTopRight {
    display: none !important
}

#cboxContent {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
    width: 100% !important;
    height: 100% !important;
    overflow: visible;
    cursor: pointer;
    outline: 0
}

#cboxLoadedContent {
    width: 100% !important;
    max-height: 600px;
    cursor: default
}

@media screen and (max-width:969px) {
    #cboxLoadedContent {
        overflow: inherit !important
    }
}

.cboxVisible {
    height: 100% !important
}

@media screen and (max-width:969px) {
    .cboxVisible {
        height: auto !important
    }
}

div#ModalContent {
    max-width: 970px;
    max-height: 600px;
    padding: 20px 50px;
    margin: 0 auto;
    overflow: auto;
    font-size: 1.2rem;
    background: #fff
}

@media screen and (max-width:969px) {
    div#ModalContent {
        max-height: none;
        overflow: visible !important
    }
}

div#ModalContent.of-regionSelector {
    padding: 40px 110px 70px;
    border-radius: 0 0 4px 4px
}

@media screen and (min-width:970px) {
    div#ModalContent.of-regionSelector {
        max-height: inherit
    }
}

@media screen and (max-width:969px) {
    div#ModalContent.of-regionSelector {
        padding: 40px 20px 70px;
        border-radius: 0
    }
}

#cboxTitle {
    width: 100%;
    min-height: 44px;
    padding: 10px 15px;
    font-weight: 700;
    color: #333;
    background: #f4f4f4;
    border-bottom: 1px solid #c3c3c3
}

#cboxTitle.of-regionSelector {
    position: relative;
    padding: 48px 110px 28px;
    font-size: 32px;
    line-height: 1.25;
    cursor: default;
    background: #fff;
    border: 0;
    border-radius: 4px 4px 0 0
}

@media screen and (max-width:969px) {
    #cboxTitle.of-regionSelector {
        padding: 32px 20px 24px;
        font-size: 24px;
        border-radius: 0
    }
}

#cboxTitle.of-regionSelector:before {
    position: absolute;
    display: block;
    content: "";
    bottom: 0;
    left: 110px;
    width: calc(100% - 220px);
    height: 1px;
    background-color: #ddd
}

@media screen and (max-width:969px) {
    #cboxTitle.of-regionSelector:before {
        left: 20px;
        width: calc(100% - 40px)
    }
}

#cboxClose {
    position: absolute;
    top: 9px;
    right: 15px;
    display: block;
    width: 25px;
    height: 25px;
    text-indent: -999em
}

#ModalContent.of-regionSelector #cboxClose {
    top: -60px;
    right: 50%;
    z-index: 1;
    width: 40px;
    height: 40px;
    outline: none;
    transform: translateX(50%)
}

@media screen and (max-width:969px) {
    #ModalContent.of-regionSelector #cboxClose {
        top: -50px;
        right: 15px;
        transform: none
    }
}

#cboxClose:before {
    position: absolute;
    top: 12px;
    right: 3px;
    display: block;
    width: 20px;
    height: 1px;
    content: "";
    background: #666;
    border: 1px solid #666;
    transform: rotate(45deg)
}

#ModalContent.of-regionSelector #cboxClose:before {
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    border: 0;
    transform: none
}

#cboxClose:after {
    position: absolute;
    top: 12px;
    right: 3px;
    display: block;
    width: 20px;
    height: 1px;
    content: "";
    background: #666;
    border: 1px solid #666;
    transform: rotate(135deg)
}

#ModalContent.of-regionSelector #cboxClose:after {
    display: none
}

div#ModalContent div.Section {
    padding-bottom: 10px
}

div#ModalContent .BoldText,
div#ModalContent em {
    font-weight: 700
}

div#ModalContent dl {
    margin: 0 0 16px
}

div#ModalContent dl.TermsList dt {
    margin-bottom: 7px;
    font-size: 1.16em;
    font-weight: 700
}

div#ModalContent dl.TermsList dt+dd {
    margin: 0 0 0 40px
}

@media screen and (max-width:969px) {
    div#ModalContent dl.TermsList dt+dd {
        margin: 0
    }
}

div#ModalContent dl.TermsList dd p,
div#ModalContent dl.TermsList dt {
    margin: 0 0 6px;
    zoom: 1
}

div#ModalContent dl.TermsList dd p span.Marker,
div#ModalContent dl.TermsList dt span.Marker {
    float: left;
    margin: 0 5px 0 0
}

div#ModalContent dl.TermsList dd p span.Inner,
div#ModalContent dl.TermsList dt span.Inner {
    display: block;
    overflow: hidden
}

div#ModalContent ul.TextButtonList.Horizontal.CenterAlign {
    text-align: center
}

div#ModalContent ul.TextButtonList.Horizontal li {
    display: inline-block;
    margin: 0 10px 5px 0
}

div#ModalContent a.TextButton.Person,
div#ModalContent a.TextButton.Search,
div#ModalContent a.TextButton.Submit {
    color: #fff;
    background: linear-gradient(#2a91d9, #0275be);
    background-color: #0275be;
    background-position: 100% 0;
    border: 1px solid #39759b
}

div#ModalContent a.TextButton,
div#ModalContent span.TextButton {
    position: relative;
    display: inline-block;
    padding: 4px 9px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    zoom: 1;
    background: linear-gradient(#bcbcbc, #818181);
    background-color: #818181;
    background-position: 100% 0;
    border: 1px solid #848b90;
    box-shadow: 1px 1px 1px #ccc
}

div#ModalContent dl.TermsList dd p:after,
div#ModalContent dl.TermsList dt:after {
    display: block;
    clear: both;
    content: ""
}

@media screen and (max-width:969px) {
    .GeneralTableStyleWrapper {
        overflow-x: scroll
    }
}

#ModalContent table.GeneralTableStyle {
    width: 100%;
    border-collapse: collapse
}

#ModalContent table.GeneralTableStyle td,
#ModalContent table.GeneralTableStyle th {
    padding: 6px;
    vertical-align: text-top;
    border: 1px solid #ccc
}

#ModalContent table.GeneralTableStyle th {
    white-space: nowrap;
    background: #f9f9f9
}

.Balloon {
    position: absolute;
    z-index: 100;
    display: none
}

.navigationRegionTab {
    margin-top: 20px
}

@media screen and (max-width:969px) {
    .navigationRegionTab {
        margin-top: 0;
        margin-right: -30px;
        margin-left: -30px
    }
}

.navigationRegionTab dt.navigationRegionTab-title {
    display: none
}

.navigationRegionTab ul.Tab {
    display: flex;
    margin-bottom: 24px
}

@media screen and (max-width:969px) {
    .navigationRegionTab ul.Tab {
        position: relative;
        padding: 0 5px
    }

    .navigationRegionTab ul.Tab:before {
        position: absolute;
        display: block;
        content: "";
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background: #d6d8da
    }
}

.navigationRegionTab ul.Tab>li {
    display: flex;
    width: 33.333333%
}

.navigationRegionTab ul.Tab>li.Current>a {
    background: #fff;
    border: 1px solid #d6d8da;
    border-bottom: 0
}

.navigationRegionTab ul.Tab>li.Current>a:active,
.navigationRegionTab ul.Tab>li.Current>a:focus,
.navigationRegionTab ul.Tab>li.Current>a:hover {
    background: #fff
}

.navigationRegionTab ul.Tab>li.Current>a:after {
    margin-top: -2px;
    border-color: #e50012;
    transform: rotate(135deg)
}

@media screen and (max-width:969px) {
    .navigationRegionTab ul.Tab>li.Current>a:after {
        transform: translateX(-50%) rotate(135deg)
    }
}

.navigationRegionTab ul.Tab>li>a {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 8px 16px;
    font-size: 1.6rem;
    font-weight: 700;
    color: inherit;
    text-decoration: none;
    background: #e8eaec;
    border-bottom: 1px solid #d6d8da
}

@media screen and (max-width:969px) {
    .navigationRegionTab ul.Tab>li>a {
        position: relative;
        flex-direction: column;
        justify-content: center;
        padding: 8px 10px 26px;
        font-size: 1.4rem;
        line-height: 1.2;
        text-align: center
    }
}

.navigationRegionTab ul.Tab>li>a:active,
.navigationRegionTab ul.Tab>li>a:focus,
.navigationRegionTab ul.Tab>li>a:hover {
    background: #f3f5f7
}

.navigationRegionTab ul.Tab>li>a:after {
    display: block;
    width: 8px;
    height: 8px;
    margin-left: 24px;
    content: "";
    border-top: 2px solid #999;
    border-right: 2px solid #999;
    transform: rotate(45deg)
}

@media screen and (max-width:969px) {
    .navigationRegionTab ul.Tab>li>a:after {
        position: absolute;
        bottom: 10px;
        left: 50%;
        margin-top: 4px;
        margin-left: 0;
        transform: translateX(-50%) rotate(45deg)
    }
}

.navigationRegionTab.of-primary {
    margin-top: 0
}

@media screen and (max-width:969px) {
    .navigationRegionTab.of-primary {
        margin: 0
    }
}

.navigationRegionTab.of-primary>:last-child {
    margin-bottom: 0 !important
}

.navigationRegionTab.of-primary ul.Tab {
    margin-bottom: 40px;
    border-bottom: 1px solid #ddd
}

@media screen and (max-width:969px) {
    .navigationRegionTab.of-primary ul.Tab {
        padding: 0;
        margin-bottom: 32px
    }
}

.navigationRegionTab.of-primary ul.Tab>li {
    width: auto;
    margin-right: 28px
}

@media screen and (max-width:969px) {
    .navigationRegionTab.of-primary ul.Tab>li {
        margin-right: 20px
    }
}

.navigationRegionTab.of-primary ul.Tab>li:last-child {
    margin-right: 0
}

.navigationRegionTab.of-primary ul.Tab>li a {
    display: inline-block;
    padding: 0 0 16px;
    font-size: 1.4rem;
    font-weight: 400;
    background: none;
    border: 0
}

@media screen and (max-width:969px) {
    .navigationRegionTab.of-primary ul.Tab>li a {
        font-size: 1.2rem
    }
}

.navigationRegionTab.of-primary ul.Tab>li a:active .navigationRegionTab-titleBody,
.navigationRegionTab.of-primary ul.Tab>li a:focus .navigationRegionTab-titleBody,
.navigationRegionTab.of-primary ul.Tab>li a:hover .navigationRegionTab-titleBody {
    color: #dc002f;
    text-decoration: underline
}

.navigationRegionTab.of-primary ul.Tab>li a:after {
    display: inline;
    width: auto;
    height: auto;
    margin: 0;
    color: transparent;
    text-shadow: .5em 0 #dc002f;
    content: "›";
    border: 0;
    transform: none
}

@media screen and (max-width:969px) {
    .navigationRegionTab.of-primary ul.Tab>li a:after {
        position: static
    }
}

.navigationRegionTab.of-primary ul.Tab>li.Current>a {
    position: relative;
    font-weight: 700;
    color: #dc002f;
    border: 0
}

.navigationRegionTab.of-primary ul.Tab>li.Current>a:active .navigationRegionTab-titleBody,
.navigationRegionTab.of-primary ul.Tab>li.Current>a:focus .navigationRegionTab-titleBody,
.navigationRegionTab.of-primary ul.Tab>li.Current>a:hover .navigationRegionTab-titleBody {
    text-decoration: none
}

.navigationRegionTab.of-primary ul.Tab>li.Current>a:before {
    position: absolute;
    display: block;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #dc002f
}

.navigationRegionTab.of-primary ul.Tab>li.Current>a:after {
    display: none
}

.navigationRegionTab.of-primary .navigationRegionTab-body>:last-child {
    margin-bottom: 0
}

.navigationRegionTab.of-primary .navigationRegionTab-titleBody {
    color: inherit;
    transition: color .2s
}

.navigationBreadcrumb {
    display: flex;
    margin-bottom: 13px;
    margin-left: -20px;
    font-size: 1.1rem;
    line-height: 1.1
}

.navigationBreadcrumb>li {
    position: relative;
    margin-left: 20px
}

.navigationBreadcrumb>li:before {
    position: absolute;
    top: 3px;
    left: -14px;
    display: block;
    width: 5px;
    height: 5px;
    content: "";
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    transform: rotate(-45deg) skew(18deg, 18deg)
}

.navigationBreadcrumb>li:first-child:before {
    display: none
}

.navigationBreadcrumb a {
    text-decoration: none
}

.navigationBreadcrumb a:active,
.navigationBreadcrumb a:focus,
.navigationBreadcrumb a:hover {
    text-decoration: underline
}

.navigationBreadcrumb em {
    font-weight: 400
}

div#NoScriptMessageArea {
    padding: 17px 0;
    background-color: #fdd;
    border-bottom: 1px solid red
}

div#NoScriptMessageArea p {
    max-width: 1280px;
    padding: 0 20px;
    margin: 0 auto;
    font-size: 1.4rem;
    color: red
}

#cboxLoadedContent #FooterArea,
#cboxLoadedContent #HeaderArea,
#cboxLoadedContent .OverviewLink {
    display: none
}

#cboxLoadedContent>#Container {
    max-width: 970px;
    max-height: 600px;
    padding: 20px 50px;
    margin: 0 auto;
    overflow: auto;
    background: #fff
}

#PrintPage {
    display: none
}

.Popup {
    max-width: 900px;
    padding-right: 0;
    padding-left: 0;
    font-size: 12px
}

.Popup div#PageTitle {
    padding: 0;
    margin: 0 0 15px;
    overflow: inherit;
    background-color: #fff
}

.Popup div#PageTitle:after {
    display: block;
    clear: both;
    content: ""
}

.Popup div#PageTitle h1 {
    padding: 0 0 0 6px;
    font-size: 1.5em;
    border-left: 3px solid #e60012
}

.Popup h2.NormalHeading {
    padding: 0;
    margin: 0 0 9px;
    font-size: 1.16em;
    line-height: 1.28;
    color: #000;
    text-transform: uppercase;
    border-bottom-width: 0
}

.Popup h2.NormalHeading span.Inner {
    display: inline;
    padding: 0;
    zoom: normal;
    border-left-width: 0
}

.Popup h3 {
    padding: 0 0 0 10px;
    margin: 0 0 9px;
    font-size: 1em;
    color: #333;
    text-transform: uppercase;
}

.Popup h3.Link {
    padding: 0 0 0 8px;
}

.Popup h3.Blank {
    padding: 0 0 0 13px;
}

.Popup h3.Pdf {
    padding: 0 0 0 17px;
}

.Popup p.CloseWindow {
    margin: 0 0 10px;
    font-size: .91em;
    text-align: center
}

.Popup p.CloseWindow a {
    display: inline-block;
    padding: 0 0 0 15px;
    color: #666;
    text-decoration: none;
}

.Popup p.CloseWindow a:focus,
.Popup p.CloseWindow a:hover {
    text-decoration: underline
}

.Popup div#MigrateContentWrap dt {
    clear: left;
    font-weight: 700
}

.Popup div#MigrateContentWrap dt.line {
    float: left;
    width: 100px;
    margin-bottom: 8px
}

.Popup div#MigrateContentWrap dd {
    padding-left: 0;
    margin-bottom: 8px;
    margin-left: 12px
}

.Popup div#MigrateContentWrap ul li {
    padding: 0 0 0 13px;
}

.Popup div#MigrateContentWrap ol {
    padding: 0;
    margin: 0 0 0 2em;
    list-style-type: decimal
}

.Popup div#MigrateContentWrap ol.parent li {
    list-style-position: inside
}

.Popup div#MigrateContentWrap ol.node {
    margin-bottom: 1.4em;
    margin-left: 2.5em
}

.Popup div#MigrateContentWrap ol.node li {
    position: relative;
    margin-bottom: .3em;
    list-style: none outside none
}

.Popup div#MigrateContentWrap ol.node li span {
    position: absolute;
    top: 0;
    left: -1.7em
}

.Popup div#MigrateContentWrap table td {
    padding: 0 0 10px
}

.Popup div#MigrateContentWrap table,
.Popup div#MigrateContentWrap table td,
.Popup div#MigrateContentWrap table tr {
    padding: 0;
    margin: 0;
    border: none
}

.Popup div#MigrateContentWrap p.subTitle {
    padding: 7px 0 7px 10px;
    font-weight: 700;
    background-color: #dcdcdc
}

.Popup div#PageTitle {
    width: auto
}

.Popup div#MigrateContentWrap p.ksDl,
.Popup div#MigrateContentWrap table td li {
    margin-top: 10px !important
}

.Popup div#MigrateContentWrap table.ksdlTbl {
    margin-top: 10px !important;
    margin-bottom: 10px !important
}

.Popup div#MigrateContentWrap table.ksdlTbl td {
    padding: 0 0 5px !important
}

.Popup div#MigrateContentWrap h5 {
    margin-top: 15px !important;
    margin-bottom: 10px !important;
    font-weight: 700 !important;
    color: #333 !important
}

.Popup div#MigrateContentWrap h5.fst {
    margin-top: 5px !important;
    margin-bottom: 10px !important
}

.Popup div#MigrateContentWrap p.ksClBt {
    margin-bottom: 20px !important
}

dl.TitleAndText {
    margin: 0
}

dl.TitleAndText>dt.Title {
    margin: 0 0 5px;
    font-weight: 700;
    color: #000
}

dl.TitleAndText>dt.Title.PlainText {
    font-weight: 400;
    color: #333
}

dl.TitleAndText>dt.Title.BottomBordered {
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #b2b2b2
}

dl.TitleAndText>dt.Title.Link {
    padding: 0 0 0 8px;
}

dl.TitleAndText>dt.Title.Blank {
    padding: 0 0 0 13px;
}

dl.TitleAndText>dt.Title.Cad2d,
dl.TitleAndText>dt.Title.Cad3d,
dl.TitleAndText>dt.Title.Pdf {
    padding: 0 0 0 17px;
    background-repeat: no-repeat;
    background-position: 0 0
}

dl.TitleAndText>dt.Title.LargeText.Cad2d,
dl.TitleAndText>dt.Title.LargeText.Cad3d,
dl.TitleAndText>dt.Title.LargeText.Pdf {
    background-position: 0 2px
}

dl.TitleAndText>dt.Title.Pdf {
}

dl.TitleAndText>dt.Title.Cad2d {
}

dl.TitleAndText>dt.Title.Cad3d {
}

dl.TitleAndText>dt.Title.InquiryAsk,
dl.TitleAndText>dt.Title.InquiryContact,
dl.TitleAndText>dt.Title.InquiryDemo,
dl.TitleAndText>dt.Title.InquiryPrice,
dl.TitleAndText>dt.Title.InquiryTrial {
    margin-bottom: 8px;
    font-weight: 400
}

dl.TitleAndText>dt.Title.InquiryAsk,
dl.TitleAndText>dt.Title.InquiryContact,
dl.TitleAndText>dt.Title.InquiryDemo {
    font-size: 2.25em
}

dl.TitleAndText>dt.Title.InquiryPrice {
    font-size: 1.83333em
}

dl.TitleAndText>dt.Title.InquiryTrial {
    font-size: 1.666666em
}

dl.TitleAndText>dt.Title.InquiryAsk+dd.TextBlock>p,
dl.TitleAndText>dt.Title.InquiryContact+dd.TextBlock>p,
dl.TitleAndText>dt.Title.InquiryDemo+dd.TextBlock>p,
dl.TitleAndText>dt.Title.InquiryPrice+dd.TextBlock>p,
dl.TitleAndText>dt.Title.InquiryTrial+dd.TextBlock>p {
    font-size: 1.08333em
}

dl.TitleAndText>dt.Title span.SubTitle {
    color: #666
}

dl.TitleAndText>dt.Title.LargeText span.SubTitle {
    font-size: .85em
}

dl.TitleAndText>dt.Title.Link>a {
    margin-right: .5em
}

dl.TitleAndText>dt.Title.Link>a+span.TextIcon {
    margin-left: 0
}

dl.TitleAndText>dt.Title.Link>a>span.TextIcon {
    margin-bottom: .2em;
    margin-left: .5em
}

.ThumbLeftSide dl.TitleAndText>dt.Title.Link>a+span.TextIcon {
    margin-bottom: .2em;
    vertical-align: middle
}

dl.TitleAndText.DottedBorderSeparate {
    margin-bottom: 20px;
    border-bottom: 1px dotted #666
}

dl.TitleAndText.DottedBorderSeparate dt {
    padding-top: 10px;
    border-top: 1px dotted #666
}

dl.TitleAndText.DottedBorderSeparate dd div.ErrorMessage,
dl.TitleAndText.DottedBorderSeparate dd p,
dl.TitleAndText.DottedBorderSeparate dd ul {
    margin-bottom: 10px
}

dl.TitleAndText.DottedBorderSeparate dd input.CustomText {
    width: 40%
}

dl.TitleAndText.DottedBorderSeparate span.AnnotationText {
    display: inline-block;
    margin: 0 0 0 10px;
    color: #666
}

@media screen and (max-width:969px) {
    div#cboxLoadedContent #Container {
        max-height: none;
        padding: 20px;
        overflow: visible !important
    }
}

.section {
    margin: 0 0 32px
}

.section>:last-child {
    margin-bottom: 0
}

.section.of-loginWithRegist {
    margin-top: 40px
}

.headingLevel1+.section.of-loginWithRegist {
    margin-top: 60px
}

.section.of-privacyArea p {
    margin-bottom: 8px
}

.section.of-privacyArea>:last-child {
    margin-bottom: 0
}

.sectionSurvey-content {
    max-width: 720px;
    margin-right: auto;
    margin-left: auto
}

.survey-content {
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden
}

.survey-content>:last-child {
    margin-bottom: 0
}

.survey-inner {
    position: relative;
    width: 100%;
    margin-bottom: 32px;
    overflow: hidden
}

.survey-body {
    width: 100%;
    padding: 0 95px;
    background: #fff
}

[data-script-enabled=true] .survey-body {
    position: absolute;
    top: 0;
    z-index: 2;
    opacity: 0;
    transition: opacity .6s ease 0s
}

[data-script-enabled=true] .survey-body.is-current {
    position: relative;
    top: 0;
    z-index: 3;
    opacity: 1;
    transition: opacity .6s ease 0s
}

@media screen and (max-width:969px) {
    .survey-body {
        padding: 0 calc(-19.6rem + 30vw)
    }
}

@media screen and (max-width:720px) {
    .survey-body {
        padding: 0 20px
    }
}

.survey-body.of-flex .survey-figure {
    margin-bottom: 40px
}

.survey-body.of-flex.of-columnReverse .TitleAndText {
    width: 100%
}

@media screen and (max-width:969px) {
    .survey-body.of-flex.of-columnReverse .survey-figure {
        width: 100%
    }
}

.survey-body.of-flex:not(.of-columnReverse) {
    padding: 0 30px
}

@media screen and (max-width:969px) {
    .survey-body.of-flex:not(.of-columnReverse) {
        padding: 0 calc(-19.6rem + 30vw)
    }
}

@media screen and (max-width:720px) {
    .survey-body.of-flex:not(.of-columnReverse) {
        padding: 0 20px
    }
}

.survey-body.of-flex:not(.of-columnReverse) .survey-figure {
    margin-right: 20px;
    margin-bottom: 20px
}

@media screen and (max-width:1280px) {
    .survey-body.of-flex:not(.of-columnReverse) .survey-figure {
        width: calc(-27.09677rem + 77.41935vw)
    }
}

@media screen and (max-width:969px) {
    .survey-body.of-flex:not(.of-columnReverse) .survey-figure {
        width: 100%;
        margin-right: 0;
        margin-bottom: 40px
    }
}

.survey-body.of-flex:not(.of-columnReverse) .TitleAndText {
    flex: 1
}

@media screen and (max-width:969px) {
    .survey-body.of-flex:not(.of-columnReverse) .TitleAndText {
        flex: none;
        width: 100%
    }
}

.survey-body:focus {
    outline: 0
}

.survey-body>:last-child {
    margin-bottom: 0
}

.survey-text {
    font-size: 2.2rem;
    text-align: center
}

.survey-figure {
    width: 720px;
    min-height: 0;
    margin: 0 auto;
    text-align: center
}

.survey-video {
    position: relative;
    width: 100%
}

.survey-video>iframe {
    top: 0;
    left: 0
}

.survey-utility {
    position: relative;
    padding: 0 95px;
    margin-top: 32px;
    background: #fff
}

.survey-utility>:last-child {
    margin-bottom: 0
}

@media screen and (max-width:969px) {
    .survey-utility {
        padding: 0 calc(-19.6rem + 30vw)
    }
}

@media screen and (max-width:720px) {
    .survey-utility {
        padding: 0 20px
    }
}

.survey-buttonList {
    position: relative;
    display: flex;
    align-items: center
}

.survey-buttonList.of-justifyContent-center {
    justify-content: center
}

@media screen and (max-width:720px) {
    .survey-buttonList.of-justifyContent-center>li {
        text-align: center
    }
}

@media screen and (max-width:720px) {
    .survey-buttonList {
        flex-direction: column-reverse;
        width: 100%;
        margin: 16px 0
    }
}

.survey-buttonList>li {
    max-width: 33.3333333333%
}

@media screen and (max-width:720px) {
    .survey-buttonList>li {
        width: 100%;
        max-width: none
    }
}

.survey-prevButton {
    position: relative;
    padding-left: 16px;
    color: #2971e9
}

.survey-prevButton:before {
    position: absolute;
    top: .5em;
    left: 2px;
    display: block;
    width: 5px;
    height: 5px;
    content: "";
    border-top: 1px solid #2971e9;
    border-right: 1px solid #2971e9;
    transform: rotate(-135deg)
}

.survey-prevButton.is-hide {
    display: none
}

.survey-nextButton {
    min-width: 140px;
    padding: 16px;
    line-height: 1;
    color: #fff;
    text-align: center;
    background: #2971e9
}

.survey-nextButton:disabled {
    background: #ccc
}

.survey-nextButton.is-hide {
    display: none
}

.survey-progress {
    margin: 32px 0 0
}

.survey-progressBar {
    width: 100%;
    background: #ddd
}

.survey-progressBarInner {
    height: 8px;
    background: #2b71ea;
    transition: width .3s
}

.survey-progressText {
    margin-bottom: 0;
    font-size: 2rem;
    font-weight: 700;
    color: #2b71ea;
    text-align: center
}

.survey-progress.is-hide {
    display: none
}

.survey .Title {
    margin-bottom: 24px;
    font-weight: 700
}

.survey .EnqTitle02 {
    padding: 8px 2px 6px;
    margin: 16px 0;
    text-align: center;
    background: #efefef
}

.survey .Required {
    font-weight: 700;
    color: #c00
}

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

    .survey .EnqTable01,
    .survey .EnqTable01 tr {
        display: block
    }
}

.survey .EnqTable01 td,
.survey .EnqTable01 th {
    padding: 8px;
    border: 0
}

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

    .survey .EnqTable01 td,
    .survey .EnqTable01 th {
        display: block
    }
}

@media screen and (max-width:720px) {
    .survey .EnqTable01 th {
        padding: 0
    }
}

@media screen and (max-width:720px) {
    .survey .EnqTable01 td {
        padding: 8px 0 16px
    }
}

.survey .EnqTable01 thead th {
    font-weight: 400;
    background-color: #e0e0e0
}

@media screen and (max-width:720px) {
    .survey .EnqTable01 thead {
        display: none
    }
}

@media screen and (max-width:720px) {
    .survey .EnqTable01 tbody {
        display: block
    }
}

.survey .EnqTable01 tbody td,
.survey .EnqTable01 tbody th {
    text-align: left
}

.survey .EnqTable01 tbody th {
    font-weight: 400;
    vertical-align: middle
}

.survey .CustomTextArea {
    width: 80%
}

.survey .RadioAndCheckboxList {
    display: flex;
    flex-wrap: wrap;
    margin-top: -20px
}

.survey .RadioAndCheckboxList>li {
    width: 100%;
    margin-top: 20px
}

.survey .RadioAndCheckboxList>li>label {
    cursor: pointer
}

.survey .RadioAndCheckboxList.Horizontal {
    margin-left: -20px
}

.survey .RadioAndCheckboxList.Horizontal>li {
    display: flex;
    flex-direction: column;
    width: 50%;
    padding-left: 20px
}

@media screen and (max-width:720px) {
    .survey .RadioAndCheckboxList.Horizontal>li {
        width: 100%
    }
}

.survey .RadioAndCheckboxList.Horizontal>li>label {
    display: flex;
    flex: 1 0 auto;
    width: 100%
}

.survey .EnqColumn .RadioAndCheckboxList {
    margin-left: -20px
}

.survey .EnqColumn .RadioAndCheckboxList>li {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-left: 20px
}

.survey .EnqColumn .RadioAndCheckboxList>li>label {
    display: flex;
    flex: 1 0 auto;
    width: 100%
}

.survey .EnqColumn.Col2 .RadioAndCheckboxList>li {
    width: 50%
}

@media screen and (max-width:720px) {
    .survey .EnqColumn.Col2 .RadioAndCheckboxList>li {
        width: 100%
    }
}

.survey .EnqColumn.Col3 .RadioAndCheckboxList>li {
    width: 33.3333333333%
}

@media screen and (max-width:720px) {
    .survey .EnqColumn.Col3 .RadioAndCheckboxList>li {
        width: 100%
    }
}

.survey input:disabled+.Text {
    color: #999;
    cursor: default
}

.survey .ErrorMessage p {
    margin-bottom: 0
}

.table {
    margin: 0 0 32px
}

.table td,
.table th {
    padding: 8px;
    text-align: left;
    border: 1px solid #cacaca
}

.table th {
    background: #f2f2f2
}

.table td {
    background: #fff
}

.tableStripe {
    margin: 0 0 32px
}

.tableStripe td,
.tableStripe th {
    padding: 8px
}

.tableStripe thead th {
    background: #e0e0e0;
    border-left: 1px solid #fff
}

.tableStripe thead th:first-child {
    border-left: none
}

.tableStripe tbody tr {
    background: #fff;
    border-bottom: 1px solid #cacaca
}

.tableStripe tbody tr:nth-child(2n) {
    background: #f4f4f4
}

.tableConfirmation {
    margin: 0 0 32px
}

.tableConfirmation td,
.tableConfirmation th {
    padding: 4px 8px
}

.tableConfirmation tbody tr {
    border-bottom: 1px solid #cacaca
}

.tableConfirmation tbody tr:last-child {
    border-bottom: none
}

.tableConfirmation tbody th {
    text-align: right
}

@media screen and (max-width:969px) {
    .tableConfirmation tbody th {
        text-align: left
    }
}

.tableSearchAddress {
    min-width: 660px;
    margin-bottom: 32px;
    overflow: scroll;
    table-layout: fixed
}

.tableSearchAddress td,
.tableSearchAddress th {
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid #ddd
}

.tableSearchAddress th {
    padding: 0 20px 16px 0;
    font-size: 1.4rem;
    font-weight: 700;
    color: #2e3133
}

.tableSearchAddress td {
    padding: 16px 20px 16px 0;
    font-size: 1.2rem
}

.tableSearchAddress a {
    text-decoration: none
}

.tableSearchAddress tbody tr:first-child td {
    padding-top: 24px
}

.tableSearchAddress-outer {
    margin-bottom: 32px;
    overflow: auto
}

.tableSearchAddress-outer>:last-child {
    margin-bottom: 0
}

.tableSearchAddress-group {
    margin-bottom: 32px
}

.tableSearchAddress-group .form-noteText {
    margin-bottom: 20px
}

.tableSearchAddress-group>:last-child {
    margin-bottom: 0
}

.textIcon {
    display: flex;
    align-items: center
}

.textIcon.of-icon-left .textIcon-icon {
    display: inline-block;
    margin-right: 8px
}

.textInlineLink {
    position: relative;
    display: inline-block;
    max-width: 100%;
    text-decoration: none
}

.textInlineLink:after {
    color: transparent;
    text-decoration: none;
    text-shadow: .5em 0 #dc002f;
    content: "›"
}

.textInlineLink-label {
    transition: color .2s cubic-bezier(.4, 0, .2, 1)
}

.textInlineLink:hover .textInlineLink-label {
    text-decoration: underline
}

.textInlineLink.of-primary {
    color: #dc002f
}

.textInlineLink.of-icon {
    display: flex;
    align-items: center;
    overflow: hidden
}

.textInlineLink.of-icon:after {
    content: none
}

.textInlineLink.of-icon .textInlineLink-icon {
    flex: none;
    width: 3rem;
    height: 3rem;
    margin: -1rem -5px -1rem 10px;
    color: inherit;
    fill: currentColor
}

.textInlineLink.of-icon-none:after {
    content: none
}

.textInlineLink.of-icon-left {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    overflow: hidden
}

.textInlineLink.of-icon-left:after {
    content: none
}

.textInlineLink.of-icon-left .textInlineLink-icon {
    flex: none;
    width: 3rem;
    height: 3rem;
    margin: -1rem -5px -1rem 10px;
    color: inherit;
    fill: currentColor
}

.textInlineLink.of-icon-reverse .textInlineLink-icon {
    margin-right: 10px;
    margin-left: 0;
    transform: rotate(180deg)
}

.textInlineLink[target=_blank] {
    padding-right: 1.6rem;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 10 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.88889 8.88889H1.11111V1.11111H5V0H1.11111C0.5 0 0 0.5 0 1.11111V8.88889C0 9.5 0.5 10 1.11111 10H8.88889C9.5 10 10 9.5 10 8.88889V5H8.88889V8.88889ZM6.11111 0V1.11111H8.11111L2.66667 6.55556L3.44444 7.33333L8.88889 1.88889V3.88889H10V0H6.11111Z' fill='%23dc002f'/%3E%3C/svg%3E");
    background-size: 1rem 1rem
}

.textInlineLink[target=_blank]:after {
    content: none
}

.textInlineLink[href="#top"],
.textInlineLink[target=_blank] {
    background-repeat: no-repeat;
    background-position: 100%
}

.textInformation {
    font-size: 1.3rem
}

.textInformation-group {
    display: flex;
    flex-direction: row-reverse
}

.textInformation-icon {
    flex: none;
    width: 20px;
    margin-right: 14px
}

.utility-text-extraLarge {
    font-size: 2rem
}

.utility-text-large {
    font-size: 1.8rem
}

.utility-text-small {
    font-size: 1.4rem
}

.utility-text-extraSmall {
    font-size: 1.2rem
}

.utility-text-bold {
    font-weight: 700
}

.utility-text-normal {
    font-weight: 400
}

.utility-text-noWrap {
    display: inline;
    white-space: nowrap
}

.utility-textAlign-left {
    text-align: left
}

.utility-textAlign-center {
    text-align: center
}

.utility-textAlign-right {
    text-align: right
}

.utility-width-10 {
    width: 10%
}

.utility-width-20 {
    width: 20%
}

.utility-width-30 {
    width: 30%
}

.utility-width-40 {
    width: 40%
}

.utility-width-50 {
    width: 50%
}

.utility-width-60 {
    width: 60%
}

.utility-width-70 {
    width: 70%
}

.utility-width-80 {
    width: 100%
}

.utility-width-90 {
    width: 90%
}

.utility-width-100 {
    width: 100%
}

.utility-color-primary {
    color: #666a6b
}

.utility-color-secondary {
    color: #dc002f
}

.utility-display-none {
    display: none !important
}

@media screen and (min-width:970px) {
    .largeScreen-text-extraLarge {
        font-size: 2rem
    }

    .smallScreen-show {
        display: none
    }
}

@media screen and (max-width:969px) {
    .smallScreen-show {
        display: block
    }

    .smallScreen-hide {
        display: none
    }

    .smallScreen-line-break {
        display: block
    }

    .smallScreen-width-10 {
        width: 10%
    }

    .smallScreen-width-20 {
        width: 20%
    }

    .smallScreen-width-30 {
        width: 30%
    }

    .smallScreen-width-40 {
        width: 40%
    }

    .smallScreen-width-50 {
        width: 50%
    }

    .smallScreen-width-60 {
        width: 60%
    }

    .smallScreen-width-70 {
        width: 70%
    }

    .smallScreen-width-80 {
        width: 80%
    }

    .smallScreen-width-90 {
        width: 90%
    }

    .smallScreen-width-100 {
        width: 100%
    }

    .smallScreen-height-auto {
        height: auto !important
    }
}

.theme-downloadProcess .totalizer,
.theme-searchAddress .totalizer {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin: 0 0 8px
}

.theme-downloadProcess .totalizer .totalizer-text,
.theme-searchAddress .totalizer .totalizer-text {
    margin-bottom: 0
}

.theme-downloadProcess .totalizer .totalizer-text:nth-of-type(n+2),
.theme-searchAddress .totalizer .totalizer-text:nth-of-type(n+2) {
    margin-left: 8px
}

.theme-downloadProcess .totalizer.is-hide,
.theme-searchAddress .totalizer.is-hide {
    display: none
}

.theme-downloadProcess .pager,
.theme-searchAddress .pager {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 16px
}

.theme-downloadProcess .pager .pager-list,
.theme-searchAddress .pager .pager-list {
    display: flex;
    align-items: center;
    margin-left: auto
}

.theme-downloadProcess .pager .pager-list>*,
.theme-searchAddress .pager .pager-list>* {
    margin-left: 8px
}

.theme-downloadProcess .pager .pager-list>* a,
.theme-searchAddress .pager .pager-list>* a {
    text-decoration: none
}

.theme-downloadProcess .pager .pager-text,
.theme-searchAddress .pager .pager-text {
    margin-bottom: 0
}

.theme-downloadProcess .pager .pager-textBack,
.theme-downloadProcess .pager .pager-textNext,
.theme-searchAddress .pager .pager-textBack,
.theme-searchAddress .pager .pager-textNext {
    position: relative
}

.theme-downloadProcess .pager .pager-textBack:after,
.theme-downloadProcess .pager .pager-textBack:before,
.theme-downloadProcess .pager .pager-textNext:after,
.theme-downloadProcess .pager .pager-textNext:before,
.theme-searchAddress .pager .pager-textBack:after,
.theme-searchAddress .pager .pager-textBack:before,
.theme-searchAddress .pager .pager-textNext:after,
.theme-searchAddress .pager .pager-textNext:before {
    position: absolute;
    top: 50%;
    right: 3px;
    display: block;
    content: "";
    border-color: transparent transparent transparent #333;
    border-style: solid;
    border-width: 4px 6px;
    transform: translateY(-50%);
    backface-visibility: hidden
}

.theme-downloadProcess .pager .pager-textBack:after,
.theme-downloadProcess .pager .pager-textNext:after,
.theme-searchAddress .pager .pager-textBack:after,
.theme-searchAddress .pager .pager-textNext:after {
    right: 5px;
    border-color: transparent transparent transparent #fff
}

.theme-downloadProcess .pager .pager-textBack.is-current:before,
.theme-downloadProcess .pager .pager-textNext.is-current:before,
.theme-searchAddress .pager .pager-textBack.is-current:before,
.theme-searchAddress .pager .pager-textNext.is-current:before {
    border-color: transparent transparent transparent #ccc
}

.theme-downloadProcess .pager .pager-textBack,
.theme-searchAddress .pager .pager-textBack {
    padding-left: 20px
}

.theme-downloadProcess .pager .pager-textBack:before,
.theme-searchAddress .pager .pager-textBack:before {
    right: inherit;
    left: 3px;
    border-color: transparent #333 transparent transparent
}

.theme-downloadProcess .pager .pager-textBack:after,
.theme-searchAddress .pager .pager-textBack:after {
    right: inherit;
    left: 5px;
    border-color: transparent #fff transparent transparent
}

.theme-downloadProcess .pager .pager-textBack.is-current:before,
.theme-searchAddress .pager .pager-textBack.is-current:before {
    border-color: transparent #ccc transparent transparent
}

.theme-downloadProcess .pager .pager-textNext,
.theme-searchAddress .pager .pager-textNext {
    padding-right: 20px
}

.theme-downloadProcess .pager .form-input,
.theme-searchAddress .pager .form-input {
    max-width: 60px
}

.theme-downloadProcess .pager .is-current,
.theme-searchAddress .pager .is-current {
    color: #ccc
}

[data-script-enabled=true] [aria-hidden=true] {
    display: none
}

[data-script-enabled=true] video-js [aria-hidden=true] {
    display: block
}

.js-toggleCart-hook {
    position: relative;
    display: block;
    width: 100%;
    padding: 10px 50px;
    margin: 20px 0 16px;
    font-size: 1.4rem;
    color: #666a6b;
    vertical-align: middle;
    border: 2px solid #666a6b !important;
    border-radius: 3px
}

.js-toggleCart-hook:before {
    left: 16px;
    width: 24px;
    height: 4px
}

.js-toggleCart-hook:after,
.js-toggleCart-hook:before {
    position: absolute;
    top: 50%;
    display: block;
    content: "";
    background: #666a6b;
    transform: translateY(-50%)
}

.js-toggleCart-hook:after {
    left: 26px;
    width: 4px;
    height: 24px;
    transition: .2s
}

[aria-expanded=true] .js-toggleCart-hook:after {
    top: 50%;
    transform: translateY(-50%) rotate(90deg)
}

.theme-downloadProcess .layout-main-content {
    max-width: 1320px;
    padding: 24px 20px 32px;
    margin: 0 auto
}

.theme-downloadProcess #suz_regArea {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-left: -20px
}

.theme-downloadProcess #suz_regArea #suz_regArea {
    margin-left: 0
}

.theme-downloadProcess #suz_regArea>.form-group {
    width: 100%;
    padding-left: 20px
}

.theme-downloadProcess #suz_regArea>.form-group .form-input {
    height: 30px
}

.theme-downloadProcess #suz_regArea>.form-group#suz_div_cityID,
.theme-downloadProcess #suz_regArea>.form-group#suz_div_cityName,
.theme-downloadProcess #suz_regArea>.form-group#suz_div_emailAddress,
.theme-downloadProcess #suz_regArea>.form-group#suz_div_firstName,
.theme-downloadProcess #suz_regArea>.form-group#suz_div_lastName,
.theme-downloadProcess #suz_regArea>.form-group#suz_div_password,
.theme-downloadProcess #suz_regArea>.form-group#suz_div_stateID,
.theme-downloadProcess #suz_regArea>.form-group#suz_div_zipCode {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 50%
}

.theme-downloadProcess #suz_regArea>.form-group#suz_div_cityID>.form-input,
.theme-downloadProcess #suz_regArea>.form-group#suz_div_cityID>.form-select,
.theme-downloadProcess #suz_regArea>.form-group#suz_div_cityName>.form-input,
.theme-downloadProcess #suz_regArea>.form-group#suz_div_cityName>.form-select,
.theme-downloadProcess #suz_regArea>.form-group#suz_div_emailAddress>.form-input,
.theme-downloadProcess #suz_regArea>.form-group#suz_div_emailAddress>.form-select,
.theme-downloadProcess #suz_regArea>.form-group#suz_div_firstName>.form-input,
.theme-downloadProcess #suz_regArea>.form-group#suz_div_firstName>.form-select,
.theme-downloadProcess #suz_regArea>.form-group#suz_div_lastName>.form-input,
.theme-downloadProcess #suz_regArea>.form-group#suz_div_lastName>.form-select,
.theme-downloadProcess #suz_regArea>.form-group#suz_div_password>.form-input,
.theme-downloadProcess #suz_regArea>.form-group#suz_div_password>.form-select,
.theme-downloadProcess #suz_regArea>.form-group#suz_div_stateID>.form-input,
.theme-downloadProcess #suz_regArea>.form-group#suz_div_stateID>.form-select,
.theme-downloadProcess #suz_regArea>.form-group#suz_div_zipCode>.form-input,
.theme-downloadProcess #suz_regArea>.form-group#suz_div_zipCode>.form-select {
    margin-top: auto
}

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

    .theme-downloadProcess #suz_regArea>.form-group#suz_div_cityID,
    .theme-downloadProcess #suz_regArea>.form-group#suz_div_cityName,
    .theme-downloadProcess #suz_regArea>.form-group#suz_div_emailAddress,
    .theme-downloadProcess #suz_regArea>.form-group#suz_div_firstName,
    .theme-downloadProcess #suz_regArea>.form-group#suz_div_lastName,
    .theme-downloadProcess #suz_regArea>.form-group#suz_div_password,
    .theme-downloadProcess #suz_regArea>.form-group#suz_div_stateID,
    .theme-downloadProcess #suz_regArea>.form-group#suz_div_zipCode {
        display: block;
        width: 100%
    }
}

.theme-downloadProcess #suz_regArea>.form-group#suz_div_password {
    flex-direction: row;
    flex-wrap: wrap
}

@media only screen and (max-width:767px) {
    .theme-downloadProcess #suz_regArea>.form-group#suz_div_password {
        display: flex
    }
}

.theme-downloadProcess #suz_regArea>.form-group#suz_div_password .form-necessaryText,
.theme-downloadProcess #suz_regArea>.form-group#suz_div_password .form-noteText {
    width: 100%
}

.theme-downloadProcess #suz_regArea>.form-group#suz_div_password #suzHidePasswordBtn,
.theme-downloadProcess #suz_regArea>.form-group#suz_div_password #suzShowPasswordBtn,
.theme-downloadProcess #suz_regArea>.form-group#suz_div_password .form-input {
    margin-top: auto
}

.theme-downloadProcess #suz_regArea>.form-group#suz_div_password #suzHidePasswordBtn,
.theme-downloadProcess #suz_regArea>.form-group#suz_div_password #suzShowPasswordBtn {
    position: relative;
    height: 30px;
    margin-left: 5px;
    line-height: 1
}

.theme-downloadProcess #suz_regArea>.form-group#suz_div_password #suzHidePasswordBtn .button,
.theme-downloadProcess #suz_regArea>.form-group#suz_div_password #suzShowPasswordBtn .button {
    position: relative;
    width: 30px;
    height: 30px;
    overflow: hidden;
    background: none;
    border: none
}

.theme-downloadProcess #suz_regArea>.form-group#suz_div_password #suzHidePasswordBtn .button:before,
.theme-downloadProcess #suz_regArea>.form-group#suz_div_password #suzShowPasswordBtn .button:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    display: block;
    width: 20px;
    height: 20px;
    content: "";
    transform: translateY(-50%) translateX(-50%)
}

.theme-downloadProcess #suz_regArea>.form-group#suz_div_password #suzHidePasswordBtn .button-body,
.theme-downloadProcess #suz_regArea>.form-group#suz_div_password #suzShowPasswordBtn .button-body {
    position: absolute;
    right: -500px
}

.theme-downloadProcess #suz_regArea>.form-group#suz_div_password #suzHidePasswordBtn .button:before {
}

.theme-downloadProcess.theme-KK #suz_regArea>.form-group#suz_div_zipCode {
    display: block;
    width: 100%
}

.theme-downloadProcess .prd-layout-grid>.prd-layout-grid-column>.section {
    margin-bottom: 0
}

.theme-searchAddress .layout-main-content {
    padding: 24px
}

#suz_regArea {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-left: -20px
}

#suz_regArea #suz_regArea {
    margin-left: 0
}

#suz_regArea>.form-group {
    width: 100%;
    padding-left: 20px
}

#suz_regArea>.form-group .form-input {
    height: 30px
}

#suz_regArea>.form-group#suz_div_cityID,
#suz_regArea>.form-group#suz_div_cityName,
#suz_regArea>.form-group#suz_div_emailAddress,
#suz_regArea>.form-group#suz_div_firstName,
#suz_regArea>.form-group#suz_div_lastName,
#suz_regArea>.form-group#suz_div_password,
#suz_regArea>.form-group#suz_div_stateID,
#suz_regArea>.form-group#suz_div_zipCode {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 50%
}

#suz_regArea>.form-group#suz_div_cityID>.form-input,
#suz_regArea>.form-group#suz_div_cityID>.form-select,
#suz_regArea>.form-group#suz_div_cityName>.form-input,
#suz_regArea>.form-group#suz_div_cityName>.form-select,
#suz_regArea>.form-group#suz_div_emailAddress>.form-input,
#suz_regArea>.form-group#suz_div_emailAddress>.form-select,
#suz_regArea>.form-group#suz_div_firstName>.form-input,
#suz_regArea>.form-group#suz_div_firstName>.form-select,
#suz_regArea>.form-group#suz_div_lastName>.form-input,
#suz_regArea>.form-group#suz_div_lastName>.form-select,
#suz_regArea>.form-group#suz_div_password>.form-input,
#suz_regArea>.form-group#suz_div_password>.form-select,
#suz_regArea>.form-group#suz_div_stateID>.form-input,
#suz_regArea>.form-group#suz_div_stateID>.form-select,
#suz_regArea>.form-group#suz_div_zipCode>.form-input,
#suz_regArea>.form-group#suz_div_zipCode>.form-select {
    margin-top: auto
}

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

    #suz_regArea>.form-group#suz_div_cityID,
    #suz_regArea>.form-group#suz_div_cityName,
    #suz_regArea>.form-group#suz_div_emailAddress,
    #suz_regArea>.form-group#suz_div_firstName,
    #suz_regArea>.form-group#suz_div_lastName,
    #suz_regArea>.form-group#suz_div_password,
    #suz_regArea>.form-group#suz_div_stateID,
    #suz_regArea>.form-group#suz_div_zipCode {
        display: block;
        width: 100%
    }
}

#suz_regArea>.form-group#suz_div_password {
    flex-direction: row;
    flex-wrap: wrap
}

@media only screen and (max-width:767px) {
    #suz_regArea>.form-group#suz_div_password {
        display: flex
    }
}

#suz_regArea>.form-group#suz_div_password .form-necessaryText,
#suz_regArea>.form-group#suz_div_password .form-noteText {
    width: 100%
}

#suz_regArea>.form-group#suz_div_password #suzHidePasswordBtn,
#suz_regArea>.form-group#suz_div_password #suzShowPasswordBtn,
#suz_regArea>.form-group#suz_div_password .form-input {
    margin-top: auto
}

#suz_regArea>.form-group#suz_div_password #suzHidePasswordBtn,
#suz_regArea>.form-group#suz_div_password #suzShowPasswordBtn {
    position: relative;
    height: 30px;
    margin-left: 5px;
    line-height: 1
}

#suz_regArea>.form-group#suz_div_password #suzHidePasswordBtn .button,
#suz_regArea>.form-group#suz_div_password #suzShowPasswordBtn .button {
    position: relative;
    width: 30px;
    height: 30px;
    overflow: hidden;
    background: none;
    border: none
}

#suz_regArea>.form-group#suz_div_password #suzHidePasswordBtn .button:before,
#suz_regArea>.form-group#suz_div_password #suzShowPasswordBtn .button:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    display: block;
    width: 20px;
    height: 20px;
    content: "";
    transform: translateY(-50%) translateX(-50%)
}

#suz_regArea>.form-group#suz_div_password #suzHidePasswordBtn .button-body,
#suz_regArea>.form-group#suz_div_password #suzShowPasswordBtn .button-body {
    position: absolute;
    right: -500px
}

#suz_regArea>.form-group#suz_div_password #suzHidePasswordBtn .button:before {
}

.theme-KK #suz_regArea>.form-group#suz_div_zipCode {
    display: block;
    width: 100%
}

.theme-extendedSurvey .sectionSurvey {
    padding: 30px 0;
    margin: 30px 0 0;
    background: #f5f5f5
}

.theme-extendedSurvey .sectionSurvey-content {
    max-width: 1280px;
    padding: 30px 0 0;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .1)
}

.theme-extendedSurvey .sectionSurvey-content>:last-child {
    margin-bottom: 0
}

.theme-extendedSurvey[data-script-enabled=true] .survey-body {
    display: none
}

.theme-extendedSurvey[data-script-enabled=true] .survey-body:first-child {
    display: block
}

.theme-extendedSurvey[data-script-enabled=true] .survey-inner {
    display: flex;
    align-items: flex-start
}

.theme-extendedSurvey[data-script-enabled=true] .is-initialized .survey-body {
    display: block
}

.theme-extendedSurvey[data-script-enabled=true] .is-initialized .survey-body.of-flex {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start
}

@media screen and (max-width:969px) {
    .theme-extendedSurvey[data-script-enabled=true] .is-initialized .survey-body.of-flex {
        flex-direction: column-reverse
    }
}

.theme-extendedSurvey[data-script-enabled=true] .is-initialized .survey-body.of-columnReverse {
    flex-direction: column-reverse
}

.theme-extendedSurvey #LoginForm {
    margin-top: 32px
}

.theme-extendedSurvey #LoginForm.is-hide {
    display: none
}

.theme-extendedSurvey #SurveyForm {
    max-width: 720px;
    margin: 10px auto 0
}

@media screen and (max-width:720px) {
    html:not(.theme-extendedSurvey) .sectionSurvey #SurveyForm {
        margin-right: 10px;
        margin-left: 10px
    }
}

html:not(.theme-extendedSurvey) .survey {
    padding: 16px;
    overflow: hidden;
    border: 1px solid #ccc
}

html:not(.theme-extendedSurvey) .survey-body {
    position: relative;
    padding: 0;
    margin-bottom: 48px;
    opacity: 1
}

html:not(.theme-extendedSurvey) .survey .Title {
    margin-bottom: 10px
}

.theme-home .layout-container.of-width-large {
    max-width: 1320px;
    padding: 0 20px
}

.home-layout-grid {
    display: flex;
    flex-wrap: wrap;
    margin-top: -24px;
    margin-bottom: 40px;
    margin-left: -8px
}

.home-layout-grid.of-product .home-layout-grid-column {
    position: relative
}

[data-script-enabled=true] .home-layout-grid.of-product .home-layout-grid-column.is-show {
    animation: fade-in .6s forwards
}

[data-script-enabled=true] .home-layout-grid.of-product .home-layout-grid-column.is-hide {
    animation: fade-out .6s forwards
}

[data-script-enabled=true] .home-layout-grid.of-changeCategory .home-layout-grid-column {
    opacity: 0
}

@media only screen and (max-width:969px) {
    .home-layout-grid {
        margin-top: -8px;
        margin-bottom: 24px
    }

    .home-layout-grid.of-product {
        margin-top: -16px
    }

    .home-layout-grid.of-product .home-layout-grid-column {
        margin-top: 16px
    }
}

.home-layout-grid.of-column-3 .home-layout-grid-column {
    width: 33.3333333333%
}

.home-layout-grid.of-column-4 .home-layout-grid-column {
    width: 33.333%
}

.home-layout-grid.of-column-5 .home-layout-grid-column {
    width: 33.333%
}

.home-layout-grid-column {
    padding-left: 8px;
    margin-top: 24px
}

.home-layout-grid-column.of-flex {
    display: flex;
}

@media only screen and (max-width:969px) {
    .home-layout-grid-column {
        margin-top: 8px
    }
}

@media only screen and (max-width:969px) {
    .home-layout-grid.smallScreen-column-2 .home-layout-grid-column {
        width: 50%
    }

    .home-layout-grid.smallScreen-column-2 .home-layout-grid-column:nth-child(odd) {
        justify-content: flex-end
    }

    .home-layout-grid.smallScreen-column-2 .home-layout-grid-column:nth-child(2n) {
        justify-content: flex-start
    }

    .home-layout-grid.smallScreen-column-4 .home-layout-grid-column {
        width: 25%
    }
}

@media only screen and (max-width:640px) {
    .home-layout-grid.extraSmallScreen-column-1 .home-layout-grid-column {
        width: 100%
    }

    .home-layout-grid.extraSmallScreen-column-1 .home-layout-grid-column:nth-child(2n),
    .home-layout-grid.extraSmallScreen-column-1 .home-layout-grid-column:nth-child(odd) {
        justify-content: center
    }

    .home-layout-grid.extraSmallScreen-column-2 .home-layout-grid-column {
        width: 50%
    }
}

.home-layout-container-search {
    padding: 24px 20px;
    margin-bottom: 40px;
    background: #f0f0f1
}

@media only screen and (max-width:969px) {
    .home-layout-container-search {
        display: none
    }
}

.home-layout-container-search #TopSearchBlock {
    max-width: 1280px;
    padding: 0 20px;
    margin: 0 auto
}

.home-layout-container-search .SearchFormWrap {
    position: relative;
    display: flex;
    justify-content: center
}

.home-layout-container-search #TopSearchBlock {
    max-width: 616px
}

.home-layout-container-search .InpupCol {
    min-width: 616px
}

.home-layout-container-search .InpupCol>.InpupColInner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 16px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3em
}

.home-layout-container-search .InpupCol>.InpupColInner>.SearchInput {
    width: 100%;
    padding: 8px 8px 7px 0;
    font-size: 25px;
    line-height: 1.2;
    border: 0
}

.home-layout-container-search .InpupCol>.InpupColInner .SearchButton,
.home-layout-container-search .InpupCol>.InpupColInner>label,
.home-layout-container-search .InpupCol>.InpupColInner>label>label {
    width: 24px;
    height: 24px
}

.home-jumbotron {
    width: 100%;
    background: linear-gradient(#e0e1e9, #f3f3f3)
}

@media only screen and (max-width:969px) {
    .home-jumbotron {
        display: flex
    }
}

.home-jumbotron a {
    color: inherit;
    text-decoration: none
}

@media only screen and (max-width:969px) {
    .home-jumbotron a {
        display: flex;
        width: 100%
    }
}

.home-jumbotron-outer {
    position: relative;
    margin-bottom: 24px;
    overflow: hidden
}

[data-script-enabled=true] .home-jumbotron-outer .home-jumbotron {
    display: none
}

[data-script-enabled=true] .home-jumbotron-outer .home-jumbotron:first-child {
    display: block !important
}

@media only screen and (max-width:969px) {
    [data-script-enabled=true] .home-jumbotron-outer .home-jumbotron:first-child {
        display: flex !important
    }
}

[data-script-enabled=true] .home-jumbotron-outer .home-jumbotron.is-current {
    display: block !important
}

@media only screen and (max-width:969px) {
    [data-script-enabled=true] .home-jumbotron-outer .home-jumbotron.is-current {
        display: flex !important
    }
}

[data-script-enabled=true] .home-jumbotron-outer.is-initialized .home-jumbotron {
    display: block
}

@media only screen and (max-width:969px) {
    [data-script-enabled=true] .home-jumbotron-outer.is-initialized .home-jumbotron {
        display: flex
    }
}

@media only screen and (max-width:969px) {
    .home-jumbotron-outer {
        margin-bottom: 40px
    }
}

.home-jumbotron-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 24px;
    backface-visibility: hidden
}

@media only screen and (max-width:969px) {
    .home-jumbotron-group {
        padding-bottom: 0
    }
}

.home-jumbotron-content {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-end;
    max-width: 1280px;
    max-height: 320px;
    padding: 24px 40px;
    margin: 0 auto
}

@media only screen and (max-width:969px) {
    .home-jumbotron-content {
        flex-direction: column-reverse;
        width: 100%;
        max-height: none;
        padding: 16px 0 0
    }
}

.home-jumbotron-body {
    flex: 1;
    align-self: center
}

@media only screen and (max-width:969px) {
    .home-jumbotron-body {
        flex: 1 0 auto;
        width: 100%;
        padding: 48px 20px 20px;
        margin: 0;
        color: #333 !important;
        background: #fff
    }
}

.home-jumbotron-body>:last-child {
    margin-bottom: 0
}

.home-jumbotron-title {
    margin-bottom: 8px;
    font-size: 4.8rem;
    font-weight: 700;
    line-height: 1.2
}

.home-jumbotron-title.of-text-extraLarge {
    font-size: 6.4rem
}

.home-jumbotron-title.of-text-large {
    font-size: 5.4rem
}

.home-jumbotron-title.of-text-small {
    font-size: 4.2rem
}

.home-jumbotron-title.of-text-extraSmall,
[lang=cs] .home-jumbotron-title,
[lang=de] .home-jumbotron-title,
[lang=fr] .home-jumbotron-title,
[lang=hu] .home-jumbotron-title,
[lang=nl] .home-jumbotron-title,
[lang=pl] .home-jumbotron-title {
    font-size: 3.6rem
}

[lang=cs] .home-jumbotron-title.of-text-large,
[lang=de] .home-jumbotron-title.of-text-large,
[lang=fr] .home-jumbotron-title.of-text-large,
[lang=hu] .home-jumbotron-title.of-text-large,
[lang=nl] .home-jumbotron-title.of-text-large,
[lang=pl] .home-jumbotron-title.of-text-large {
    font-size: 4.8rem
}

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

    [lang=cs] .home-jumbotron-title,
    [lang=de] .home-jumbotron-title,
    [lang=fr] .home-jumbotron-title,
    [lang=hu] .home-jumbotron-title,
    [lang=nl] .home-jumbotron-title,
    [lang=pl] .home-jumbotron-title {
        font-size: 2.9032258065vw
    }
}

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

    .home-jumbotron-title,
    [lang=cs] .home-jumbotron-title.of-text-large,
    [lang=de] .home-jumbotron-title.of-text-large,
    [lang=fr] .home-jumbotron-title.of-text-large,
    [lang=hu] .home-jumbotron-title.of-text-large,
    [lang=nl] .home-jumbotron-title.of-text-large,
    [lang=pl] .home-jumbotron-title.of-text-large {
        font-size: 3.8709677419vw
    }

    .home-jumbotron-title.of-text-extraLarge {
        font-size: 5.1612903226vw
    }

    .home-jumbotron-title.of-text-large {
        font-size: 4.3548387097vw
    }

    .home-jumbotron-title.of-text-small {
        font-size: 3.3870967742vw
    }

    .home-jumbotron-title.of-text-extraSmall {
        font-size: 2.9032258065vw
    }
}

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

    .home-jumbotron-title,
    .home-jumbotron-title.of-text-extraLarge,
    .home-jumbotron-title.of-text-extraSmall,
    .home-jumbotron-title.of-text-large,
    .home-jumbotron-title.of-text-small,
    [lang=cs] .home-jumbotron-title,
    [lang=cs] .home-jumbotron-title.of-text-large,
    [lang=de] .home-jumbotron-title,
    [lang=de] .home-jumbotron-title.of-text-large,
    [lang=fr] .home-jumbotron-title,
    [lang=fr] .home-jumbotron-title.of-text-large,
    [lang=hu] .home-jumbotron-title,
    [lang=hu] .home-jumbotron-title.of-text-large,
    [lang=nl] .home-jumbotron-title,
    [lang=nl] .home-jumbotron-title.of-text-large,
    [lang=pl] .home-jumbotron-title,
    [lang=pl] .home-jumbotron-title.of-text-large {
        font-size: 2.4rem
    }
}

.home-jumbotron-subtitle {
    margin-bottom: 2px;
    font-size: 3.6rem;
    font-weight: 700;
    line-height: 1.2
}

.home-jumbotron-subtitle.of-text-extraLarge {
    font-size: 4.8rem
}

.home-jumbotron-subtitle.of-text-small,
[lang=cs] .home-jumbotron-subtitle,
[lang=de] .home-jumbotron-subtitle,
[lang=fr] .home-jumbotron-subtitle,
[lang=hu] .home-jumbotron-subtitle,
[lang=nl] .home-jumbotron-subtitle,
[lang=pl] .home-jumbotron-subtitle {
    font-size: 2.4rem
}

[lang=cs] .home-jumbotron-subtitle.of-text-large,
[lang=de] .home-jumbotron-subtitle.of-text-large,
[lang=fr] .home-jumbotron-subtitle.of-text-large,
[lang=hu] .home-jumbotron-subtitle.of-text-large,
[lang=nl] .home-jumbotron-subtitle.of-text-large,
[lang=pl] .home-jumbotron-subtitle.of-text-large {
    font-size: 3.6rem
}

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

    [lang=cs] .home-jumbotron-subtitle,
    [lang=de] .home-jumbotron-subtitle,
    [lang=fr] .home-jumbotron-subtitle,
    [lang=hu] .home-jumbotron-subtitle,
    [lang=nl] .home-jumbotron-subtitle,
    [lang=pl] .home-jumbotron-subtitle {
        font-size: 1.935483871vw
    }
}

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

    .home-jumbotron-subtitle,
    [lang=cs] .home-jumbotron-subtitle.of-text-large,
    [lang=de] .home-jumbotron-subtitle.of-text-large,
    [lang=fr] .home-jumbotron-subtitle.of-text-large,
    [lang=hu] .home-jumbotron-subtitle.of-text-large,
    [lang=nl] .home-jumbotron-subtitle.of-text-large,
    [lang=pl] .home-jumbotron-subtitle.of-text-large {
        font-size: 2.9032258065vw
    }

    .home-jumbotron-subtitle.of-text-extraLarge {
        font-size: 3.8709677419vw
    }

    .home-jumbotron-subtitle.of-text-small {
        font-size: 1.935483871vw
    }
}

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

    .home-jumbotron-subtitle,
    .home-jumbotron-subtitle.of-text-extraLarge,
    .home-jumbotron-subtitle.of-text-small,
    [lang=cs] .home-jumbotron-subtitle,
    [lang=cs] .home-jumbotron-subtitle.of-text-large,
    [lang=de] .home-jumbotron-subtitle,
    [lang=de] .home-jumbotron-subtitle.of-text-large,
    [lang=fr] .home-jumbotron-subtitle,
    [lang=fr] .home-jumbotron-subtitle.of-text-large,
    [lang=hu] .home-jumbotron-subtitle,
    [lang=hu] .home-jumbotron-subtitle.of-text-large,
    [lang=nl] .home-jumbotron-subtitle,
    [lang=nl] .home-jumbotron-subtitle.of-text-large,
    [lang=pl] .home-jumbotron-subtitle,
    [lang=pl] .home-jumbotron-subtitle.of-text-large {
        font-size: 1.6rem
    }
}

.home-jumbotron-seriesOuter {
    font-size: 2.4rem
}

@media only screen and (max-width:1239px) {
    .home-jumbotron-seriesOuter {
        font-size: 1.935483871vw
    }
}

@media only screen and (max-width:640px) {
    .home-jumbotron-seriesOuter {
        font-size: 1.6rem
    }
}

.home-jumbotron-seriesOuter.largeScreen-horizontal {
    margin-top: 10px;
    text-align: center
}

.home-jumbotron-seriesOuter.largeScreen-horizontal .home-jumbotron-icon {
    margin-right: 20px;
    margin-bottom: 0;
    white-space: nowrap
}

.home-jumbotron-seriesOuter.largeScreen-horizontal .home-jumbotron-seriesName {
    display: block;
    text-align: center
}

.home-jumbotron-seriesOuter.largeScreen-horizontal .home-jumbotron-seriesNameOuter {
    display: flex;
    align-items: flex-start;
    justify-content: center
}

@media only screen and (max-width:969px) {
    .home-jumbotron-seriesOuter.largeScreen-horizontal {
        text-align: left
    }

    .home-jumbotron-seriesOuter.largeScreen-horizontal .home-jumbotron-icon {
        margin-bottom: 6px
    }

    .home-jumbotron-seriesOuter.largeScreen-horizontal .home-jumbotron-seriesName {
        text-align: left
    }

    .home-jumbotron-seriesOuter.largeScreen-horizontal .home-jumbotron-seriesNameOuter {
        display: block
    }
}

.home-jumbotron-icon {
    display: inline-block;
    padding: 4px 16px;
    margin-bottom: 6px;
    font-size: 1.8rem;
    line-height: 1;
    color: #fff;
    background: #ce0010
}

@media only screen and (max-width:1239px) {
    .home-jumbotron-icon {
        font-size: 1.4516129032vw
    }
}

@media only screen and (max-width:640px) {
    .home-jumbotron-icon {
        font-size: 1.4rem
    }
}

.home-jumbotron-text.of-text-extraSmall {
    font-size: 1.4rem
}

@media only screen and (max-width:640px) {
    .home-jumbotron-text.of-text-extraSmall {
        font-size: 1.2rem
    }
}

.home-jumbotron-seriesName {
    display: block;
    line-height: 1.3
}

.home-jumbotron-series {
    display: block;
    font-size: 2rem;
    line-height: 1.2
}

@media only screen and (max-width:1239px) {
    .home-jumbotron-series {
        font-size: 1.6129032258vw
    }
}

@media only screen and (max-width:640px) {
    .home-jumbotron-series {
        font-size: 1.6rem
    }
}

.home-jumbotron-image {
    width: 512px;
    min-height: 0;
    margin-right: 16px;
    text-align: center
}

@media only screen and (max-width:1239px) {
    .home-jumbotron-image {
        width: 41.2903225806vw
    }
}

@media only screen and (max-width:969px) {
    .home-jumbotron-image {
        width: 100%;
        padding: 0 20px;
        margin-right: 0;
        text-align: center
    }
}

.home-jumbotron-image>img {
    position: relative;
}

@media only screen and (max-width:1239px) {
    .home-jumbotron-image>img {
    }
}

@media only screen and (max-width:969px) {
    .home-jumbotron-image>img {
        width: 56.25vw;
    }
}

.home-jumbotron-utilityController {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    max-width: 1280px;
    padding: 10px 20px;
    margin: 0 auto
}

@media only screen and (max-width:969px) {
    .home-jumbotron-utilityController {
        justify-content: center;
        padding-top: 0;
        padding-bottom: 0
    }
}

.home-jumbotron-pagination {
    display: flex;
    margin-left: -8px
}

@media only screen and (max-width:640px) {
    .home-jumbotron-pagination {
        margin-left: -4px
    }
}

.home-jumbotron-pagination>li {
    width: 96px;
    margin-left: 8px
}

@media only screen and (max-width:1239px) {
    .home-jumbotron-pagination>li {
        width: 6.4516129032vw
    }
}

@media only screen and (max-width:969px) {
    .home-jumbotron-pagination>li {
        width: 8.2559339525vw
    }
}

@media only screen and (max-width:640px) {
    .home-jumbotron-pagination>li {
        width: 12.5vw;
        margin-left: 4px
    }
}

.home-jumbotron-paginationButton {
    position: relative;
    width: 100%;
    background: linear-gradient(#e0e1e9, #f3f3f3);
    border: 1px solid #ccc
}

.home-jumbotron-paginationButton:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    background: hsla(0, 0%, 80%, .6);
    opacity: 1;
    transition: all .5s
}

.home-jumbotron-paginationButton.is-current:before {
    background: hsla(0, 0%, 80%, 0)
}

.home-jumbotron-prevButton {
    position: relative;
    width: 34px;
    height: 34px;
    overflow: hidden
}

.home-jumbotron-prevButton>span {
    position: absolute;
    right: -500%;
    display: block;
    white-space: nowrap
}

@media only screen and (max-width:640px) {
    .home-jumbotron-prevButton {
        position: absolute;
        top: 20.3125vw;
        left: 0;
        width: 56px;
        height: 56px
    }
}

.home-jumbotron-prevButton:before {
    position: absolute;
    top: 5px;
    left: 5px;
    display: block;
    width: 24px;
    height: 24px;
    content: "";
    border-top: 1px solid #707070;
    border-left: 1px solid #707070;
    transform: rotate(-45deg)
}

@media only screen and (max-width:640px) {
    .home-jumbotron-prevButton:before {
        top: 20px;
        left: 24px;
        width: 18px;
        height: 18px
    }
}

.home-jumbotron-nextButton {
    position: relative;
    width: 34px;
    height: 34px;
    overflow: hidden
}

.home-jumbotron-nextButton>span {
    position: absolute;
    left: -500%;
    white-space: nowrap
}

@media only screen and (max-width:640px) {
    .home-jumbotron-nextButton {
        position: absolute;
        top: 20.3125vw;
        right: 0;
        width: 56px;
        height: 56px
    }
}

.home-jumbotron-nextButton:before {
    position: absolute;
    top: 5px;
    right: 5px;
    display: block;
    width: 24px;
    height: 24px;
    content: "";
    border-top: 1px solid #707070;
    border-right: 1px solid #707070;
    transform: rotate(45deg)
}

@media only screen and (max-width:640px) {
    .home-jumbotron-nextButton:before {
        top: 20px;
        right: 24px;
        width: 18px;
        height: 18px
    }
}

.home-jumbotron-controller {
    position: relative;
    width: 32px;
    height: 32px;
    margin-left: 8px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 50%
}

.home-jumbotron-controller:after,
.home-jumbotron-controller:before {
    position: absolute;
    top: 50%;
    display: block;
    width: 3px;
    height: 12px;
    content: "";
    background: #959595;
    transform: translateY(-50%)
}

.home-jumbotron-controller:before {
    left: 10px
}

.home-jumbotron-controller:after {
    right: 10px
}

.home-jumbotron-controller>span {
    position: absolute;
    left: -500%;
    white-space: nowrap
}

.home-jumbotron-controller.is-stop:before {
    width: 12px;
    background: none;
    border-color: transparent transparent transparent #959595;
    border-style: solid;
    border-width: 6px 0 6px 12px
}

.home-jumbotron-controller.is-stop:after {
    content: none
}

.home-section {
    margin-bottom: 80px
}

@media only screen and (max-width:1239px) {
    .home-section {
        margin-bottom: 6.4516129032vw
    }
}

@media only screen and (max-width:969px) {
    .home-section {
        margin-bottom: 40px
    }
}

.home-section-header {
    display: flex;
    justify-content: space-between
}

@media only screen and (max-width:969px) {
    .home-section-header {
        display: block
    }
}

.home-aside {
    padding-top: 40px;
    margin-bottom: 80px;
    border-top: 1px solid #ccc
}

@media only screen and (max-width:969px) {
    .home-aside {
        padding-top: 0;
        border-top: none
    }
}

@media only screen and (max-width:640px) {
    .home-aside {
        margin-bottom: 45px
    }
}

.home-headingLevel2 {
    position: relative;
    padding-top: 16px;
    margin-bottom: 30px;
    font-size: 3.6rem;
    line-height: 1.2
}

html[lang=th]:not(.theme-noAdobeFont) .home-headingLevel2 {
    font-family: kanit, CordiaUPC, Tahoma, Arial, sans-serif
}

@media only screen and (max-width:969px) {
    .home-headingLevel2 {
        font-size: 3.7151702786vw;
        text-align: center
    }
}

@media only screen and (max-width:640px) {
    .home-headingLevel2 {
        padding-top: 12px;
        margin-bottom: 24px;
        font-size: 20px
    }
}

.home-headingLevel2:before {
    position: absolute;
    top: 0;
    left: -40px;
    display: block;
    width: 80px;
    height: 4px;
    content: "";
    background: #dc002f
}

@media only screen and (max-width:969px) {
    .home-headingLevel2:before {
        left: 50%;
        width: 35px;
        transform: translateX(-50%)
    }
}

.home-button {
    display: inline-block;
    padding: 16px 64px;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.2;
    color: #333;
    text-decoration: none;
    border: 2px solid #222;
    transition: all .5s
}

@media only screen and (max-width:969px) {
    .home-button {
        min-width: 280px;
        font-size: 2.2703818369vw;
        border-width: 1px;
        font-size: 16px
    }
}

.home-button.is-current,
.home-button:focus,
.home-button:hover {
    color: #fff;
    background: #222
}

.home-buttonCategory {
    display: inline-block;
    padding: 10px 34px;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.2;
    color: #333;
    text-decoration: none;
    border: 2px solid #222;
    transition: all .5s
}

@media only screen and (max-width:969px) {
    .home-buttonCategory {
        display: none
    }
}

.home-buttonCategory.is-current,
.home-buttonCategory:focus,
.home-buttonCategory:hover {
    color: #fff;
    background: #222
}

.home-card {
    width: 100%;
    display: flex
}

.home-card>a {
    width: 100%;
    display: flex;
    text-decoration: none
}

.home-card-content {
    width: 95%;
    display: flex;
    border: 1px solid #ccc
}

.home-cardNews,
.home-cardNews>a {
    display: flex;
    width: 100%
}

.home-cardNews>a {
    position: relative;
    text-decoration: none;
    background: #fff;
    transition: all .5s
}

.home-cardNews>a:focus,
.home-cardNews>a:hover {
    background: #f1f8ff
}

.home-cardNews>a:before {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 32px;
    height: 32px;
    content: "";
}

.home-cardNews-content {
    display: flex;
    flex-direction: column;
    width: 95%;
    padding: 24px;
    line-height: 1.4;
    color: #333;
    border: 1px solid #ccc
}

@media only screen and (max-width:969px) {
    .home-cardNews-content {
        padding: 8px 24px
    }
}

@media only screen and (max-width:640px) {
    .home-cardNews-content {
        padding: 8px 24px 8px 10px
    }
}

.home-cardNews-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px
}

.home-cardNews-body>:last-child {
    margin-bottom: 0
}

.home-cardNews-date {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 700
}

.home-cardNews-category {
    padding: 4px 14px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    background: #b8c6db
}

.home-cardNews-category.of-primary {
    background: #e1e1e1
}

.home-media {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    max-width: 302px
}

.home-media-body {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    width: 100%
}

.home-media-title {
    flex: 1 0 auto;
    width: 100%;
    padding: 4px 24px 8px;
    margin-bottom: 0;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.3;
    color: #fff;
    text-align: center;
    background: #333;
    transition: all .5s
}

@media only screen and (max-width:640px) {
    .home-media-title {
        padding-bottom: 4px;
        font-size: 1.6rem;
        font-weight: 400
    }
}

a:focus .home-media-title,
a:hover .home-media-title {
    background: #484848
}

.home-media-text {
    position: relative;
    padding: 8px 24px;
    margin-bottom: 0;
    line-height: 1.4;
    color: #333;
    transition: all .5s
}

@media only screen and (max-width:640px) {
    .home-media-text {
        padding: 8px 10px
    }
}

.home-media-text:before {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 32px;
    height: 32px;
    content: "";
}

a:focus .home-media-text,
a:hover .home-media-text {
    background: #f1f8ff
}

.home-media-image {
    overflow: hidden;
    border-bottom: 1px solid #ccc
}

.home-media-image>img {
    transition: .4s ease-in-out;
    transform: scale(1)
}

a:focus .home-media-image>img,
a:hover .home-media-image>img {
    transform: scale(1.1)
}

.home-mediaProduct {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    transition: all .5s
}

.home-mediaProduct:focus,
.home-mediaProduct:hover {
    background: #f0f0f0
}

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

    .home-mediaProduct:focus,
    .home-mediaProduct:hover {
        background: #fff
    }
}

.home-mediaProduct-text {
    width: 100%;
    padding: 2px 4px 4px;
    margin-bottom: 0;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.2;
    color: #333;
    text-align: center
}

@media only screen and (max-width:969px) {
    .home-mediaProduct-text {
        padding: 8px 0 4px;
        font-size: 1.8575851393vw;
        font-weight: 400;
        text-align: left
    }
}

@media only screen and (max-width:640px) {
    .home-mediaProduct-text {
        font-size: 1.4rem
    }

    [lang=cs] .home-mediaProduct-text,
    [lang=de] .home-mediaProduct-text,
    [lang=fr] .home-mediaProduct-text,
    [lang=hu] .home-mediaProduct-text,
    [lang=nl] .home-mediaProduct-text,
    [lang=pl] .home-mediaProduct-text {
        font-size: 1.2rem
    }
}

.home-mediaProduct-icon {
    display: inline-block;
    margin-top: -2px;
    margin-left: 3px;
    vertical-align: middle
}

.home-mediaProduct-image {
    width: 100%;
    overflow: hidden
}

.home-mediaProduct-image>img {
    transition: .4s ease-in-out;
    transform: scale(1);
}

a:focus .home-mediaProduct-image>img,
a:hover .home-mediaProduct-image>img {
    transform: scale(1.1)
}

@media only screen and (max-width:969px) {
    .home-mediaProduct-image {
        border-bottom: 1px solid #e6e6e6
    }
}

.home-mediaProduct.of-primary .home-mediaProduct-text {
    color: #156bce
}

.home-listBanner {
    display: flex;
    flex-wrap: wrap;
    margin-top: -8px;
    margin-left: -8px
}

.home-listBanner>li {
    width: 33.3333333333%;
    padding-left: 8px;
    margin-top: 8px
}

@media only screen and (max-width:1300px) {
    .home-listBanner>li {
        width: 50%;
        text-align: right
    }

    .home-listBanner>li:nth-child(2n) {
        text-align: left
    }
}

@media only screen and (max-width:969px) {
    .home-listBanner>li {
        width: 100%;
        text-align: center
    }

    .home-listBanner>li:nth-child(2n) {
        text-align: center
    }
}

.home-listBanner a {
    transition: all .5s
}

.home-listBanner a:focus,
.home-listBanner a:hover {
    opacity: .5
}

.home-listButton {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end
}

.home-listButton>* {
    margin-left: 8px
}

@media only screen and (max-width:969px) {
    .theme-home .smallScreen-border-none {
        border: none
    }
}

@media only screen and (min-width:970px) {
    .theme-home .largeScreen-textAlign-center {
        text-align: center
    }
}

@keyframes fade-in {
    0% {
        bottom: -10px;
        display: none;
        opacity: 0
    }

    to {
        bottom: 0;
        display: flex;
        opacity: 1
    }
}

@keyframes fade-out {
    0% {
        bottom: 0;
        display: flex;
        opacity: 1
    }

    to {
        bottom: -10px;
        display: none;
        opacity: 0
    }
}

.MyKeyence .layout-main-content {
    max-width: 990px;
    padding: 20px 10px 0;
    margin: 0 auto
}

.theme-myKeyence .layout-main-content {
    max-width: 1320px;
    padding: 24px 20px 32px;
    margin: 0 auto
}

.theme-myKeyence body {
    line-height: 1.5
}

@media only screen and (max-width:850px) {
    .theme-myKeyence #recommended {
        display: none
    }
}

.theme-myKeyence .section {
    margin: 0 0 32px
}

.theme-myKeyence .SectionContent {
    margin-bottom: 30px
}

.theme-myKeyence .listUnordered {
    margin: 0 0 16px
}

.theme-myKeyence .listUnordered>li {
    margin-bottom: 4px
}

.theme-myKeyence .listUnordered.of-bullet-disc>li {
    position: relative;
    padding: 0 0 0 16px;
    list-style: none
}

.theme-myKeyence .listUnordered.of-bullet-disc>li:before {
    position: absolute;
    top: .7em;
    left: 0;
    display: block;
    width: 6px;
    height: 6px;
    content: "";
    background: #000;
    border-radius: 50%
}

.theme-myKeyence .listUnordered.of-bullet-triangle>li {
    display: flex;
    align-items: center;
    text-decoration: none
}

.theme-myKeyence .listUnordered.of-bullet-triangle>li:before {
    display: inline-block;
    margin: 0 5px 0 0;
    content: "";
    border-color: transparent transparent transparent #7b7e82;
    border-style: solid;
    border-width: 2.5px 0 2.5px 5px
}

.theme-myKeyence .listUnordered.of-bullet-triangle>li:focus,
.theme-myKeyence .listUnordered.of-bullet-triangle>li:hover {
    text-decoration: underline
}

.theme-myKeyence .listUnordered.of-item-align {
    display: flex;
    flex-wrap: wrap
}

.theme-myKeyence .listUnordered.of-item-align>li {
    margin: 0 20px 2px 0
}

.theme-myKeyence .listLink {
    margin: 0 0 16px
}

.theme-myKeyence .listLink>li {
    margin-bottom: 4px
}

.theme-myKeyence .listLink.of-align-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.theme-myKeyence .listLink.of-bullet-left>li {
    margin-bottom: 4px
}

.theme-myKeyence .listLink.of-bullet-left>li>a {
    display: flex;
    align-items: center;
    text-decoration: none
}

.theme-myKeyence .listLink.of-bullet-left>li>a:before {
    display: inline-block;
    margin: 0 5px 0 0;
    content: "";
    border-color: transparent transparent transparent #7b7e82;
    border-style: solid;
    border-width: 2.5px 0 2.5px 5px
}

.theme-myKeyence .listLink.of-bullet-left>li>a:focus,
.theme-myKeyence .listLink.of-bullet-left>li>a:hover {
    text-decoration: underline
}

.theme-myKeyence .listLink.of-bullet-bottom>li a {
    display: flex;
    align-items: center;
    text-decoration: none
}

.theme-myKeyence .listLink.of-bullet-bottom>li a:before {
    display: inline-block;
    margin: 0 5px 0 0;
    content: "";
    border-color: #7b7e82 transparent transparent;
    border-style: solid;
    border-width: 6px 3.5px 0
}

.theme-myKeyence .listLink.of-bullet-bottom>li a:focus,
.theme-myKeyence .listLink.of-bullet-bottom>li a:hover {
    text-decoration: underline
}

.theme-myKeyence .listCart.of-download>li {
    position: relative;
    padding: 13px 20px;
    background: #fbedea;
    border-color: #b7b7b7
}

.theme-myKeyence .listCart.of-download>li:hover {
    background: #f8d3cd
}

@media only screen and (max-width:850px) {
    .theme-myKeyence .listCart.of-download>li {
        padding: 8px
    }
}

@media only screen and (max-width:850px) {
    .theme-myKeyence .listCart.of-download .layout-grid {
        width: auto
    }
}

.theme-myKeyence .listCart.of-download .layout-grid-body {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%
}

@media only screen and (max-width:850px) {
    .theme-myKeyence .listCart.of-download .layout-grid-body {
        display: block;
        padding-top: 8px;
        text-align: center
    }
}

.theme-myKeyence .listCart.of-download .layout-grid-column {
    padding-bottom: 0
}

.theme-myKeyence .listCart.of-download .layout-grid-column+.layout-grid-column {
    padding-bottom: 0;
    padding-left: 16px
}

@media only screen and (max-width:850px) {
    .theme-myKeyence .listCart.of-download .layout-grid-column+.layout-grid-column {
        display: flex;
        justify-content: center;
        width: 100%
    }
}

.theme-myKeyence .listCart.of-download .layout-grid-column {
    display: flex;
    align-items: center;
    margin-bottom: 0
}

.theme-myKeyence .listCart.of-download .layout-grid-column:first-child+.layout-grid-column {
    flex: 1
}

@media only screen and (max-width:850px) {
    .theme-myKeyence .listCart.of-download .layout-grid-column:first-child+.layout-grid-column {
        flex: auto
    }
}

.theme-myKeyence .listCart.of-download .layout-grid-column+.layout-grid-column {
    margin-left: 0
}

.theme-myKeyence .listCart.of-download .layout-grid-column.smallScreen-column-12 {
    margin-bottom: 0
}

@media only screen and (max-width:850px) {
    .theme-myKeyence .listCart.of-download .layout-grid-column.smallScreen-column-12 {
        width: 100%
    }
}

@media only screen and (max-width:850px) {
    .theme-myKeyence .listCart.of-download .layout-grid-column .buttonConversion {
        margin-bottom: 8px;
        margin-left: 0
    }
}

@media only screen and (max-width:850px) {
    .theme-myKeyence .listCart.of-download .buttonConversion {
        display: inline-block;
        justify-content: center;
        width: auto;
        min-width: 160px
    }

    .theme-myKeyence .listCart.of-download .buttonConversion .buttonConversion-body {
        justify-content: center
    }
}

.theme-myKeyence .listCart.of-download .buttonConversion:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ""
}

.theme-myKeyence .listCart.of-download .media .media-image {
    min-width: 90px;
    text-align: center
}

.theme-myKeyence .card {
    padding: 16px;
    margin: 0 0 32px;
    background: #f2f2f2
}

.theme-myKeyence .cardBatchDownload {
    display: flex;
    align-items: center;
    margin-bottom: 16px
}

.theme-myKeyence .cardBatchDownload .buttonConversion {
    margin-bottom: 0
}

.theme-myKeyence .cardBatchDownload .totalizer {
    margin-bottom: 0;
    margin-left: 8px
}

.theme-myKeyence .cardRelatedDownloads {
    padding: 15px 14px;
    background: #fff
}

.theme-myKeyence .cardRelatedDownloads.of-border {
    border: 1px solid #ccc
}

.theme-myKeyence .cardRelatedDownloads.of-borderTop-solid {
    border-top: 3px solid #ccc
}

.theme-myKeyence .cardRelatedDownloads a {
    text-decoration: none
}

.theme-myKeyence .cardSideBannerArea {
    margin-top: 16px
}

@media only screen and (max-width:850px) {
    .theme-myKeyence .cardSideBannerArea {
        display: none
    }
}

.theme-myKeyence .cardItemCarousel {
    padding: 12px 15px;
    margin-top: 32px;
    background: #f4f4f4
}

.theme-myKeyence .cardItemCarousel-content {
    padding: 0 24px;
    overflow: hidden
}

.theme-myKeyence .cardItemCarouselList {
    position: relative;
    left: -25%;
    display: flex;
    width: 1190px;
    overflow: hidden
}

.theme-myKeyence .cardItemCarouselList-wrap {
    overflow: hidden
}

.theme-myKeyence .cardItemCarouselList>li {
    max-width: 140px;
    margin: 0 15px
}

@media only screen and (max-width:850px) {
    .theme-myKeyence .cardItemCarouselList>li {
        max-width: 100px
    }
}

.theme-myKeyence .cardItemCarouselList>li .media-content {
    margin-top: 10px
}

.theme-myKeyence .cardItemCarouselList>li .media-image {
    margin: 0 auto !important
}

.theme-myKeyence .cardItemCarouselList>li>a {
    text-decoration: none
}

.theme-myKeyence .cardDownloadHistory {
    margin-top: 32px
}

@media only screen and (max-width:850px) {
    .theme-myKeyence .cardDownloadHistory {
        overflow: hidden
    }
}

.theme-myKeyence .cardDownloadHistoryTab {
    display: flex;
    margin-bottom: 20px;
    border-bottom: 1px solid #b7b7b7
}

.theme-myKeyence .cardDownloadHistoryTab>li {
    margin-bottom: -1px;
    line-height: 1.3;
    white-space: nowrap;
    background: linear-gradient(#fff, #ebebeb);
    border: 1px solid #b7b7b7;
    border-right: none
}

.theme-myKeyence .cardDownloadHistoryTab>li:last-child {
    border-right: 1px solid #b7b7b7
}

.theme-myKeyence .cardDownloadHistoryTab>li.is-current {
    background: #fff;
    border-bottom-color: #fff
}

.theme-myKeyence .cardDownloadHistoryTab>li>a {
    display: block;
    padding: 7px 10px 7px 15px;
    color: #333;
    text-decoration: none
}

.theme-myKeyence .cardDownloadHistoryTab>li>a:hover {
    color: #333;
    text-decoration: none
}

.theme-myKeyence .cardDownloadHistoryTabCount {
    display: block
}

@media only screen and (max-width:850px) {
    .theme-myKeyence .cardDownloadHistoryTab {
        overflow-x: auto
    }
}

.theme-myKeyence .cardDownloadHistorySortArea {
    margin-bottom: 15px
}

.theme-myKeyence .cardDownloadHistoryContentTitle {
    display: none
}

@media only screen and (max-width:850px) {
    .theme-myKeyence .cardDownloadHistoryContent-body {
        overflow-x: auto
    }
}

@media only screen and (max-width:850px) {
    .theme-myKeyence .cardDownloadHistoryContent-inner {
        min-width: 640px
    }
}

.theme-myKeyence .cardDownloadHistoryTable {
    margin-bottom: 18px;
    border-collapse: collapse
}

@media only screen and (max-width:850px) {
    .theme-myKeyence .cardDownloadHistoryTable {
        min-width: 640px
    }
}

.theme-myKeyence .cardDownloadHistoryTable.of-stripe tr:nth-child(2n) td {
    background: #f4f4f4
}

.theme-myKeyence .cardDownloadHistoryTable.of-titleBullet-triangle td.title>a {
    position: relative;
    display: inline-block;
    padding: 0 0 0 11px;
    text-decoration: none
}

.theme-myKeyence .cardDownloadHistoryTable.of-titleBullet-triangle td.title>a:after {
    position: absolute;
    top: 7px;
    left: 0;
    display: inline-block;
    content: "";
    border-color: transparent transparent transparent #7b7e82;
    border-style: solid;
    border-width: 3.5px 0 3.5px 6px
}

.theme-myKeyence .cardDownloadHistoryTable.of-tdBorder td {
    vertical-align: middle;
    border-color: #b7b7b7;
    border-style: solid;
    border-width: 1px 0
}

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

    .theme-myKeyence .cardDownloadHistoryTable td.title,
    .theme-myKeyence .cardDownloadHistoryTable th.title {
        max-width: 40%
    }
}

.theme-myKeyence .cardDownloadHistoryTable td.language,
.theme-myKeyence .cardDownloadHistoryTable td.type,
.theme-myKeyence .cardDownloadHistoryTable th.language,
.theme-myKeyence .cardDownloadHistoryTable th.type {
    width: 20%;
    max-width: 190px;
    white-space: nowrap
}

.theme-myKeyence .cardDownloadHistoryTable td.date,
.theme-myKeyence .cardDownloadHistoryTable th.date {
    width: 10%;
    max-width: 100px;
    white-space: nowrap
}

.theme-myKeyence .cardDownloadHistoryTable th {
    padding: 10px;
    vertical-align: middle;
    background-color: #e0e0e0
}

.theme-myKeyence .cardDownloadHistoryTable td {
    padding: 10px
}

.theme-myKeyence .cardAccount {
    position: relative;
    display: flex;
    margin: 0 0 0 auto;
    font-size: 12px;
    border: none;
    border-radius: 3px
}

@media only screen and (max-width:850px) {
    .theme-myKeyence .cardAccount-wrap.layout-grid-column {
        position: absolute;
        top: -24px;
        right: 0;
        width: auto;
        margin: 0
    }
}

.theme-myKeyence .cardAccount-content {
    display: flex;
    margin-left: auto
}

@media only screen and (max-width:850px) {
    .theme-myKeyence .cardAccount-content:after {
        right: 4px;
        width: 15px;
        height: 15px
    }
}

@media only screen and (max-width:850px) {
    .theme-myKeyence .cardAccount-content {
        padding: 2px 27px 2px 8px;
        font-weight: 400;
        color: #fff
    }
}

.theme-myKeyence .cardAccount-body {
    display: flex;
    align-items: center
}

.theme-myKeyence .cardAccount-body p {
    margin-bottom: 0
}

@media only screen and (max-width:850px) {
    .theme-myKeyence .cardAccount-title {
        padding-right: 15px
    }
}

.theme-myKeyence .cardAccount-button {
    margin-left: 24px
}

@media only screen and (max-width:850px) {
    .theme-myKeyence .cardAccount-button {
        margin-left: 0
    }
}

.theme-myKeyence .navigationTabList {
    display: flex;
    margin-bottom: 20px;
    border-bottom: 1px solid #b7b7b7
}

.theme-myKeyence .navigationTabList>li {
    margin-bottom: -1px;
    line-height: 1.3;
    white-space: nowrap;
    background: linear-gradient(#fff, #ebebeb);
    border: 1px solid #b7b7b7;
    border-right: none
}

.theme-myKeyence .navigationTabList>li:last-child {
    border-right: 1px solid #b7b7b7
}

.theme-myKeyence .navigationTabList>li.is-current {
    background: #fff;
    border-bottom-color: #fff
}

.theme-myKeyence .navigationTabList>li>a {
    display: block;
    padding: 7px 10px 7px 15px;
    color: #333;
    text-decoration: none
}

.theme-myKeyence .navigationTabList>li>a:hover {
    color: #333;
    text-decoration: none
}

.theme-myKeyence .totalizer {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin: 0 0 8px
}

.theme-myKeyence .totalizer .totalizer-text {
    margin-bottom: 0
}

.theme-myKeyence .totalizer .totalizer-text:nth-of-type(n+2) {
    margin-left: 8px
}

.theme-myKeyence .totalizer.of-align-left {
    display: flex;
    justify-content: flex-start
}

.theme-myKeyence .iconFileType {
    display: inline-block;
    padding: 2px 7px;
    font-size: 14px;
    color: #fff;
    background: #333
}

.theme-myKeyence .iconFileType.of-small {
    padding: 0 4px;
    font-size: 7px
}

.theme-myKeyence .iconEmphasis {
    display: inline-block;
    padding: 2px 7px;
    margin-bottom: 2px;
    font-size: 14px;
    font-weight: 700;
    color: #c00;
    text-transform: none;
    background: #fbeeea
}

.theme-myKeyence .iconEmphasis.of-small {
    padding: 0 4px;
    font-size: 12px
}

.theme-myKeyence .buttonEdit {
    display: inline-block;
    padding: 5px 15px;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    background: #456cec
}

@media only screen and (max-width:850px) {
    .theme-myKeyence .buttonEdit {
        padding: 5px 10px;
        font-size: 12px
    }
}

.theme-myKeyence .buttonEdit-icon {
    display: none
}

@media only screen and (max-width:850px) {
    .theme-myKeyence .buttonEdit {
        padding: 0;
        background: #fff
    }

    .theme-myKeyence .buttonEdit-text {
        display: none
    }

    .theme-myKeyence .buttonEdit-icon {
        display: block;
        width: 15px
    }
}

.theme-myKeyence .buttonListToggleButton {
    position: relative;
    display: table;
    width: 100%;
    height: 20px;
    margin: 0 0 0 auto;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    text-decoration: none;
}

.theme-myKeyence .buttonListToggleButton.is-current {
    background-color: #888;
}

.theme-myKeyence table.DefaultViewTable td,
.theme-myKeyence table.DefaultViewTable th {
    padding-right: 4px;
    padding-left: 4px
}

@media screen and (max-width:850px) {
    .theme-myKeyence .layout-grid .layout-grid-column.smallScreen-column-12 {
        width: 100%;
        margin: 0 0 16px
    }

    .theme-myKeyence .smallScreen-column {
        flex-direction: column
    }

    .theme-myKeyence .smallScreen-column-reverse {
        flex-direction: column-reverse
    }
}

@media only screen and (max-width:850px) {
    .theme-myKeyence .navigationTab {
        min-width: 640px
    }

    .theme-myKeyence .ListViewTableWrap,
    .theme-myKeyence .navigationTab-body {
        overflow-x: auto
    }

    .theme-myKeyence .ListViewTable {
        min-width: 640px
    }
}

.theme-myKeyence .ViewMore a.ToggleBtn {
    display: block;
    height: 23px;
    filter: none;
    border: none;
    box-shadow: none
}

.theme-myKeyence tr.Hide {
    display: none
}

.theme-myKeyence div.TabSwitching {
    overflow: hidden
}

@media only screen and (max-width:850px) {
    .theme-myKeyence div.TabSwitching .TabNavigation {
        overflow-x: scroll
    }
}

.theme-myKeyence div.TabSwitching ul.Tab {
    display: none
}

@media only screen and (max-width:850px) {
    .theme-myKeyence div.TabSwitching ul.Tab {
        display: block;
        min-width: 640px;
        overflow: hidden
    }
}

.theme-myKeyence div.TabSwitching dl.Tab dt.TabSwitchingLabel {
    margin: 0 0 9px;
    font-weight: 700
}

.theme-myKeyence .TabSwitchingContent .bannerLst {
    display: table;
    margin-bottom: 45px;
    letter-spacing: -1em
}

.theme-myKeyence .TabSwitchingContent .bannerLst>* {
    display: inline-block;
    padding: 0;
    letter-spacing: 0;
    background: none
}

.theme-myKeyence .TabSwitchingContent .bannerLst>*+* {
    margin-left: 10px
}

.theme-myKeyence div.TabSwitching.TabBanner ul.Tab,
.theme-myKeyence div.TabSwitching.TabBanner ul.Tab li,
.theme-myKeyence div.TabSwitching.TabBanner ul.Tab li.Current a,
.theme-myKeyence div.TabSwitching.TabBanner ul.Tab li a {
    padding: 0;
    background: none;
    border: 0
}

.theme-myKeyence div.TabSwitching.TabBanner ul.Tab {
    border-left: 1px solid #cacaca
}

.theme-myKeyence div.TabSwitching.TabBanner ul.Tab li {
    margin: 0;
    border-right: 1px solid #cacaca
}

.theme-myKeyence div.TabSwitching.TabBanner ul.Tab li a {
    position: relative;
    padding: 3px 0;
    font-weight: 400;
    color: #1a5c9a;
    text-align: center
}

.theme-myKeyence div.TabSwitching.TabBanner ul.Tab li.BoldText a {
    font-weight: 400
}

.theme-myKeyence div.TabSwitching.TabBanner ul.Tab li a:focus,
.theme-myKeyence div.TabSwitching.TabBanner ul.Tab li a:hover {
    text-decoration: underline
}

.theme-myKeyence div.TabSwitching.TabBanner.w10 ul.Tab li {
    width: 10%
}

.theme-myKeyence div.TabSwitching.TabBanner.w15 ul.Tab li {
    width: 15%
}

.theme-myKeyence div.TabSwitching.TabBanner.w18 ul.Tab li {
    width: 18%
}

.theme-myKeyence div.TabSwitching.TabBanner.w20 ul.Tab li {
    width: 20%
}

.theme-myKeyence div.TabSwitching.TabBanner.w23 ul.Tab li {
    width: 23%
}

.theme-myKeyence div.TabSwitching.TabBanner.w25 ul.Tab li {
    width: 25%
}

.theme-myKeyence div.TabSwitching ul.Tab li.Current {
    background: #fff
}

.theme-myKeyence div.TabSwitching ul.Tab li.Current a {
    font-weight: 700;
    color: #000;
    cursor: default;
    border-bottom-color: #fff
}

.theme-myKeyence div.TabSwitching ul.Tab li.BoldText a {
    font-weight: 700
}

.theme-myKeyence div.TabSwitching ul.Tab li.BoldText a span.Count {
    font-weight: 400;
    color: #666
}

.theme-myKeyence div.TabSwitching.TabBanner ul.Tab li.Current a {
    padding: 3px 0;
    font-weight: 700;
    color: #333
}

.theme-myKeyence div.TabSwitching.TabBanner ul.Tab li.Current a:focus,
.theme-myKeyence div.TabSwitching.TabBanner ul.Tab li.Current a:hover {
    text-decoration: none
}

.theme-myKeyence div.TabSwitching.TabBanner ul.Tab li.Current a:after {
    position: absolute;
    bottom: -4px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    content: "";
    border-color: #333 transparent transparent;
    border-style: solid;
    border-width: 4px 3px 0
}

.theme-myKeyence div.TabSwitching>dl>dt.TabSwitchingLabel {
    display: none
}

.theme-myKeyence .js div.TabSwitching ul.Tab li.BoldText a span.Count,
.theme-myKeyence div.TabSwitching>dl>dd.TabSwitchingContent.Current {
    display: block
}

.theme-myKeyence div.TabSwitching dl.Tab dd.TabSwitchingContent .Col.Size1+.Col.Size1 {
    width: 235px
}

.theme-myKeyence table.ListViewTable {
    border-collapse: collapse
}

.theme-myKeyence table.ListViewTable td,
.theme-myKeyence table.ListViewTable th {
    padding: 10px;
    text-align: left;
    vertical-align: middle;
    background-color: #fff;
    border-color: #b7b7b7;
    border-style: solid;
    border-width: 1px 0
}

.theme-myKeyence table.ListViewTable thead th {
    font-weight: 700;
    text-align: left;
    background-color: #e0e0e0;
    border-width: 0
}

.theme-myKeyence table.ListViewTable th.Title a {
    display: inline-block;
    padding: 0 0 0 8px;
    font-weight: 700;
}

.theme-myKeyence table.ListViewTable th.Title a span.TextIcon {
    font-weight: 400
}

.theme-myKeyence table.ListViewTable td.Category {
    text-align: center
}

.theme-myKeyence table.ListViewTable td.Download {
    padding: 0;
    background-color: #edecdb
}

.theme-myKeyence table.ListViewTable tr.Hide {
    display: none
}

.theme-myKeyence table.ListViewTable tr.EvenRow td,
.theme-myKeyence table.ListViewTable tr.EvenRow th {
    background-color: #f4f4f4
}

.theme-myKeyence table.ListViewTable tr.EvenRow td.Download {
    background-color: #edecdb
}

.theme-myKeyence table.ListViewTable td.Download dl.DownloadList {
    margin-bottom: 0;
    border: none
}

.theme-myKeyence table.ListViewTable td.Download dl.DownloadList dd {
    overflow: visible
}

.theme-myKeyence table.ListViewTable td.Download dl.DownloadList ul.IconAndTextList {
    white-space: nowrap
}

.theme-myKeyence table.ListViewTable td.Download dl.DownloadList ul.IconAndTextList a:focus span.Text,
.theme-myKeyence table.ListViewTable td.Download dl.DownloadList ul.IconAndTextList a:hover span.Text {
    text-decoration: underline
}

.theme-myKeyence table.ListViewTable td.Download,
.theme-myKeyence table.ListViewTable td.Download dl.DownloadList,
.theme-myKeyence table.ListViewTable td.Download dl.DownloadList ul.IconAndTextList a:focus,
.theme-myKeyence table.ListViewTable td.Download dl.DownloadList ul.IconAndTextList a:hover {
    background-color: #f5f4eb
}

.theme-myKeyence table.ListViewTable tr.EvenRow td.Download,
.theme-myKeyence table.ListViewTable tr.EvenRow td.Download dl.DownloadList,
.theme-myKeyence table.ListViewTable tr.EvenRow td.Download dl.DownloadList ul.IconAndTextList a:focus,
.theme-myKeyence table.ListViewTable tr.EvenRow td.Download dl.DownloadList ul.IconAndTextList a:hover {
    background-color: #edecdb
}

.theme-myKeyence table.ListViewTable.Download thead th {
    color: #fff;
    background-color: #3d3d3d;
    border-bottom: 1px solid #3d3d3d
}

.theme-myKeyence table.ListViewTable.Download tbody td,
.theme-myKeyence table.ListViewTable.Download tbody th {
    background-color: #f5f4eb
}

.theme-myKeyence table.ListViewTable.Download thead+tbody td,
.theme-myKeyence table.ListViewTable.Download thead+tbody th {
    border-top-width: 0
}

.theme-myKeyence table.ListViewTable.Download tbody th.Title {
    font-weight: 700;
    color: #666
}

.theme-myKeyence table.ListViewTable.Download tbody td.Button {
    font-size: .91em
}

.theme-myKeyence table.ListViewTable.Download tr.EvenRow td,
.theme-myKeyence table.ListViewTable.Download tr.EvenRow th {
    background-color: #edecdb
}

.theme-myKeyence div.TabSwitching ul.Tab:after {
    display: block;
    clear: both;
    content: ""
}

.theme-myKeyence div.TabSwitching ul.Tab {
    position: relative;
    display: block;
    margin: 0 0 14px;
    zoom: 1;
    border-bottom: 1px solid #b7b7b7
}

.theme-myKeyence div.TabSwitching ul.Tab li {
    float: left;
    padding: 0;
    margin: 0 -1px -1px 0;
    
    border: 1px solid #b7b7b7;
    border-bottom: none
}

.theme-myKeyence div.TabSwitching ul.Tab li a {
    display: block;
    padding: 7px 10px 7px 15px;
    color: #666;
    text-decoration: none;
    white-space: nowrap;
    border-bottom: 1px solid #b7b7b7
}

.theme-myKeyence .ListViewTableWrap {
    margin-bottom: 16px
}

.theme-myKeyence .blockMsg {
    color: #fff !important
}

div#DownloadListLinks div.ErrorMessage,
div#RecentlyDownloadedItems {
    display: none
}

table.DefaultViewTable {
    border-collapse: collapse
}

table.DefaultViewTable p {
    margin-bottom: 0
}

table.DefaultViewTable td,
table.DefaultViewTable th {
    padding: 10px 0;
    vertical-align: middle;
    border: solid #b7b7b7;
    border-width: 0 0 1px
}

table.DefaultViewTable thead th {
    font-weight: 700;
    background-color: #e0e0e0
}

table.DefaultViewTable td.Category {
    padding: 10px;
    text-align: center
}

table.DefaultViewTable div.ThumbBlock div.Thumbnail {
    margin-right: 20px
}

table.DefaultViewTable div.ThumbBlock p.Image {
    margin-bottom: 0
}

table.DefaultViewTable div.ThumbBlock ul.StandardsIconList {
    margin: 20px 0 0
}

table.DefaultViewTable table.DownloadList {
    margin-bottom: 0;
    border: none
}

table.DefaultViewTable table.DownloadList td {
    min-width: 130px;
    padding: 0;
    border: none
}

table.DefaultViewTable.Download thead th {
    color: #fff;
    background-color: #3d3d3d;
    border-color: #3d3d3d
}

table.DefaultViewTable.Download tbody td,
table.DefaultViewTable.Download tbody th {
    background-color: #f5f4eb;
    border-width: 1px 0
}

table.DefaultViewTable.Download thead+tbody td,
table.DefaultViewTable.Download thead+tbody th {
    border-top-width: 0
}

table.DefaultViewTable.Download tbody td.Title {
    padding-right: 10px;
    padding-left: 10px;
    color: #333
}

table.DefaultViewTable.Download tbody td.CatalogType,
table.DefaultViewTable.Download tbody td.Language {
    padding-right: 5px;
    padding-left: 5px
}

table.DefaultViewTable.Download tbody td.Button {
    font-size: .92em
}

table.DefaultViewTable.Download tbody td.Check {
    padding-right: 0;
    padding-left: 5px;
    text-align: center;
    vertical-align: middle
}

table.DefaultViewTable.Download tbody td.Check+td.Title {
    padding-left: 5px
}

table.DefaultViewTable.Download.Stripe tr.EvenRow td,
table.DefaultViewTable.Download.Stripe tr.EvenRow th {
    background-color: #edecdb
}

table.DefaultViewTable.Download div.ThumbBlock div.Thumbnail {
    margin-right: 10px
}

table.DefaultViewTable.Download div.ThumbBlock div.Thumbnail p.Image {
    width: 90px;
    margin-bottom: 0;
    text-align: center
}

table.DefaultViewTable.Download div.ThumbBlock div.Thumbnail p.Image span.DeleteButtonWrap {
    position: relative;
    display: inline-block;
    *display: inline;
    zoom: 1
}

table.DefaultViewTable.Download div.ThumbBlock div.Thumbnail p.Image span.DeleteButtonWrap a.DeleteButton {
    position: absolute;
    top: -5px;
    right: -8px;
    width: 18px;
    height: 18px
}

table.DefaultViewTable.Download div.ThumbBlock div.ThumbContent p,
table.DefaultViewTable.Download div.ThumbBlock div.ThumbContent ul,
table.DefaultViewTable.Download div.ThumbBlock div.ThumbContent ul li {
    margin-bottom: 0
}

table.DefaultViewTable.Download div.ThumbBlock div.ThumbContent p.Alert {
    color: #e60012
}

table.DefaultViewTable.Download div.ThumbBlock div.ThumbContent ul.NoMarker {
    margin-top: 5px
}

table.DefaultViewTable.Download div.ThumbBlock div.ThumbContent ul.NoMarker li {
    padding-left: 0;
    margin-top: 0;
    background: none
}

table.DefaultViewTable.Download td.Check .UIElm-check-label {
    top: -5px;
    padding-top: 0;
    padding-bottom: 0
}

#suz_downloadListTbl.DefaultViewTable.DownloadLarge {
    overflow: hidden;
    border-spacing: 0;
    border-collapse: separate
}

#suz_downloadListTbl.DefaultViewTable.DownloadLarge td.Button {
    position: relative
}

#suz_downloadListTbl.DownloadLarge .TextButton.Download.dlLink {
    position: static
}

#suz_downloadListTbl.DownloadLarge,
#suz_downloadListTbl.DownloadLarge tr {
    overflow: hidden
}

#suz_downloadListTbl.DownloadLarge .TextButton.Download.dlLink:before {
    position: absolute;
    top: 0;
    right: 0;
    width: 720px;
    height: 300%;
    content: ""
}

#suz_downloadListTbl.DefaultViewTable tr:hover td {
    background: #dbd9b0
}

table.DefaultViewTable.InfoList {
    margin-bottom: 10px
}

table.DefaultViewTable.InfoList tbody tr td {
    border-top-width: 1px
}

table.DefaultViewTable.InfoList tbody tr td.Title {
    width: 484px
}

table.DefaultViewTable.InfoList tbody tr+tr td {
    border-top-width: 0
}

table.DefaultViewTable.Download.InfoList td {
    box-sizing: border-box;
    padding: 15px 10px;
    background-color: #fbedea
}

#suz_downloadListTbl.DefaultViewTable.InfoList td.Button {
    padding-right: 20px
}

#suz_downloadListTbl.DefaultViewTable.InfoList tr:hover td {
    background: #f8d3cd
}

table.DefaultViewTable.InfoList dl.TitleAndText>dt.Title span.SubTitle {
    display: inline-block;
    margin-top: 3px
}

table.DefaultViewTable.InfoList dl.TitleAndText>dt.Title span.SubTitle .TextIcon.FileType {
    margin-top: -3px
}

table.DefaultViewTable.InfoList a.TextButton.Download {
    padding: 4px 6px 4px 10px;
    color: #fff;
    background: linear-gradient(#f30b19, #ce0101);
    background-color: #ce0101;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startcolorstr=#f30b19, endcolorstr=#ce0101);
    background-position: 100% 0;
    border: 1px solid #ad0329
}

table.DefaultViewTable.InfoList a.TextButton.Download span.Inner {
    background-position: 4px 50%
}

table.DefaultViewTable.InfoList a.TextButton.Download:focus,
table.DefaultViewTable.InfoList a.TextButton.Download:hover {
    background: linear-gradient(#f9323f, #df2a28);
    background-color: #f9323f;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startcolorstr=#f9323f, endcolorstr=#df2a28);
    background-position: 100% 0
}

table.DefaultViewTable.InfoList div.ThumbBlock {
    display: table
}

table.DefaultViewTable.InfoList div.ThumbBlock>div.Thumbnail,
table.DefaultViewTable.InfoList div.ThumbBlock div.ThumbContent {
    display: table-cell;
    float: none;
    vertical-align: middle
}

table.DefaultViewTable.InfoList div.ThumbBlock>div.Thumbnail {
    padding-right: 10px
}

.Section.SecDl table.DefaultViewTable.Download div.ThumbBlock div.Thumbnail p.Image {
    width: auto;
    margin-bottom: 10px;
    text-align: center
}

div.RefineSearchResultContent table.DefaultViewTable tbody td.Button a {
    margin-right: 10px
}

div.RefineSearchResultContent table.DefaultViewTable.Download tbody td.CatalogType,
div.RefineSearchResultContent table.DefaultViewTable.Download tbody td.Language {
    width: 150px
}

#DownloadListLinks div.NoticeMessage {
    display: none
}

div.NoticeMessage {
    padding: 10px 10px 1px;
    margin: 0 0 20px;
    zoom: 1;
    background-color: #cbe0f4
}

div.NoticeMessage p {
    margin-bottom: 10px;
    font-weight: 700;
    color: #175282
}

.layout-main>.layout-main-content #DeqwasMykAssetRecommend #SubRec {
    padding: 15px 14px;
    margin: 0 0 30px;
    background: #fff;
    border: 1px solid #ccc;
    border-top: 3px solid #ccc
}

.layout-main>.layout-main-content #DeqwasMykAssetRecommend #SubRec div.SectionTitle {
    padding: 0;
    margin: 0;
    background: none;
    border: none
}

.layout-main>.layout-main-content #DeqwasMykAssetRecommend #SubRec .SectionContent {
    position: relative;
    padding: 0;
    margin: 0;
    overflow: hidden;
    background: none
}

.layout-main>.layout-main-content #DeqwasMykAssetRecommend #SubRec div.SectionTitle .SectionHeading {
    padding: 0;
    font-size: 1.33333em;
    color: #333;
    background: none
}

.layout-main>.layout-main-content #DeqwasMykAssetRecommend #SubRec ul.ThumbList {
    padding-bottom: 30px;
    border-bottom: none
}

.layout-main>.layout-main-content #DeqwasMykAssetRecommend #SubRec ul.ThumbList li {
    padding: 0;
    margin: 0;
    font-size: 14px;
    text-decoration: none
}

.layout-main>.layout-main-content #DeqwasMykAssetRecommend #SubRec ul.ThumbList li:after {
    display: block;
    clear: both;
    content: ""
}

.layout-main>.layout-main-content #DeqwasMykAssetRecommend #SubRec ul.ThumbList li>a {
    display: flex
}

.layout-main>.layout-main-content #DeqwasMykAssetRecommend #SubRec ul.ThumbList li span.Image {
    display: block;
    width: 90px;
    margin: 0 5px 0 0;
    text-align: center
}

.layout-main>.layout-main-content #DeqwasMykAssetRecommend #SubRec ul.ThumbList li span.Image img {
    border: 1px solid #999
}

.layout-main>.layout-main-content #DeqwasMykAssetRecommend #SubRec ul.ThumbList li span.Text {
    position: relative;
    display: block;
    flex: 1;
    padding: 0 0 0 26px;
    overflow: hidden
}

.layout-main>.layout-main-content #DeqwasMykAssetRecommend #SubRec ul.ThumbList li span.Text:after {
    position: absolute;
    top: 6px;
    left: 6px;
    display: block;
    width: 13px;
    height: 12px;
    content: "";
    background-size: contain
}

.layout-main>.layout-main-content #DeqwasMykAssetRecommend #SubRec ul.ThumbList li+li {
    margin-top: 15px;
    border-top: none
}

.layout-main>.layout-main-content #DeqwasMykAssetRecommend #SubRec .ShowList {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
    background: #888
}

.layout-main>.layout-main-content #DeqwasMykAssetRecommend #SubRec .ShowList:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    margin-top: -3px;
    margin-left: -6px;
    pointer-events: none;
    content: "";
    border: 6px solid transparent;
    border-top-color: #fff;
    border-bottom: none
}

.layout-main>.layout-main-content #DeqwasMykAssetRecommend #SubRec .ShowList:after {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    margin-top: -3px;
    margin-left: -3px;
    cursor: pointer;
    content: "";
    border: 3px solid transparent;
    border-top-color: #888;
    border-bottom: none
}

.layout-main>.layout-main-content #DeqwasMykAssetRecommend #SubRec .ShowList.current:before {
    border-top: none;
    border-bottom: 6px solid #fff
}

.layout-main>.layout-main-content #DeqwasMykAssetRecommend #SubRec .ShowList.current:after {
    margin-top: 0;
    border-top: none;
    border-bottom: 3px solid #888
}

.layout-main>.layout-main-content #RecentlyDownloadedItems {
    margin-bottom: 24px
}

.subToggleBtn {
    position: relative;
    display: table;
    width: 100%;
    height: 20px;
    margin: 0 0 0 auto;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    text-decoration: none;
    
}

.layout-main>.layout-main-content #recommended #deqwasArea {
    width: 100%;
    padding-top: 40px;
    clear: both;
    font-size: 85.71429%;
    line-height: 1.66667
}

.layout-main>.layout-main-content #recommended #deqwasArea #DeqwasMykAssetRecommendP {
    padding: 16px 0;
    background: #f4f4f4
}

.layout-main>.layout-main-content #recommended #deqwasArea .bx-wrapper {
    margin: 0 auto
}

.layout-main>.layout-main-content #recommended #deqwasArea .bx-viewport {
    position: inherit !important;
    padding: 0 5px
}

.layout-main>.layout-main-content #recommended #deqwasArea .Image {
    display: block;
    margin-bottom: 15px;
    text-align: center
}

.layout-main>.layout-main-content #recommended #deqwasArea .Image img {
    border: 1px solid #a5a5a5
}

.layout-main>.layout-main-content #recommended #deqwasArea .Text {
    position: relative;
    display: block;
    padding-left: 30px;
    line-height: 1.8em
}

.layout-main>.layout-main-content #recommended #deqwasArea .Text:before {
    position: absolute;
    top: 5px;
    left: 0;
    display: block;
    width: 21px;
    height: 21px;
    content: "";
    background: #e60012;
    border-radius: 2px
}

.layout-main>.layout-main-content #recommended #deqwasArea .Text:after {
    position: absolute;
    top: 8px;
    left: 4px;
    display: block;
    width: 13px;
    height: 13px;
    content: "";
    background-size: contain
}

.layout-main>.layout-main-content #recommended #deqwasArea .bx-controls {
    margin-top: 10px
}

.layout-main>.layout-main-content #recommended #deqwasArea .bx-controls .bx-pager {
    z-index: 300;
    width: 100%;
    text-align: center
}

.layout-main>.layout-main-content #recommended #deqwasArea .bx-controls .bx-pager .bx-pager-item {
    display: inline-block;
    margin: 0 5px
}

.layout-main>.layout-main-content #recommended #deqwasArea .bx-controls .bx-pager .bx-pager-item a {
    display: block;
    width: 10px;
    height: 10px;
    overflow: hidden;
    text-indent: -999em;
    background: #ccc;
    border-radius: 20px
}

.layout-main>.layout-main-content #recommended #deqwasArea .bx-controls .bx-pager .bx-pager-item a.active {
    background: #c00
}

.layout-main>.layout-main-content #recommended #deqwasArea .bx-controls .bx-controls-direction {
    top: -200px;
    left: 0;
    width: 100%
}

.layout-main>.layout-main-content #recommended #deqwasArea .bx-controls .bx-controls-direction .bx-next,
.layout-main>.layout-main-content #recommended #deqwasArea .bx-controls .bx-controls-direction .bx-prev {
    position: absolute;
    top: 0;
    width: 28px;
    height: 48px;
    overflow: hidden;
    text-indent: -999em;
    background: #888
}

.layout-main>.layout-main-content #recommended #deqwasArea .bx-controls .bx-controls-direction .bx-next:before,
.layout-main>.layout-main-content #recommended #deqwasArea .bx-controls .bx-controls-direction .bx-prev:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    margin-top: -6px;
    margin-left: -3px;
    content: "";
    border: 6px solid transparent;
    border-right-color: #fff;
    border-left: none
}

.layout-main>.layout-main-content #recommended #deqwasArea .bx-controls .bx-controls-direction .bx-next:after,
.layout-main>.layout-main-content #recommended #deqwasArea .bx-controls .bx-controls-direction .bx-prev:after {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    margin-top: -3px;
    content: "";
    border: 3px solid transparent;
    border-right-color: #888;
    border-left: none
}

.layout-main>.layout-main-content #recommended #deqwasArea .NormalHeading {
    padding-left: 30px;
    margin-bottom: 25px;
    font-size: 18px;
    font-weight: 700
}

.layout-main>.layout-main-content #recommended #deqwasArea .Text {
    font-size: 12px
}

.layout-main>.layout-main-content #recommended #deqwasArea .bx-controls .bx-controls-direction {
    top: -140px
}

.layout-main>.layout-main-content #recommended #deqwasArea .bx-controls .bx-controls-direction .bx-prev {
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

.layout-main>.layout-main-content #recommended #deqwasArea .bx-controls .bx-controls-direction .bx-next {
    top: 50%;
    right: 0;
    transform: scaleX(-1) translateY(-50%)
}

.layout-main>.layout-main-content #recommended #DeqwasAssetsRecommendPBottomDiv {
    position: relative;
    padding: 0 30px
}

.MykMovie .SectionContent {
    position: relative
}

.MykMovie.of-primary .SectionContent {
    width: 334px;
    margin-right: auto;
    margin-left: auto
}

.MykMovie .MykLink {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 334px;
    height: 270px;
    background: hsla(0, 0%, 100%, 0)
}

#SubRec .prd-layout-stack {
    margin-bottom: 2rem
}

#SubRec .prd-slate>:last-child {
    margin-bottom: 0
}

.theme-passwordAssistance .layout-main-content {
    padding-top: 40px;
    padding-bottom: 40px
}

.prd-layout-bannerGrid {
    display: flex;
    flex-wrap: wrap
}

@media(max-width:60.5625em) {
    .prd-layout-bannerGrid {
        margin: -.8rem
    }
}

@media(min-width:60.625em) {
    .prd-layout-bannerGrid {
        margin: -2rem
    }
}

@media(max-width:60.5625em) {
    .prd-layout-bannerGrid>* {
        width: 50%;
        padding-right: .8rem;
        padding-left: .8rem;
        margin-top: .8rem;
        margin-bottom: .8rem
    }
}

@media(max-width:47.9375em) {
    .prd-layout-bannerGrid>* {
        width: 100%
    }
}

@media(min-width:60.625em) {
    .prd-layout-bannerGrid>* {
        width: 33.3333333333%;
        padding-right: 2rem;
        padding-left: 2rem;
        margin-top: 2rem;
        margin-bottom: 2rem
    }
}

@media(min-width:60.625em) {
    .prd-layout-withCategoryNavigation-body .prd-layout-bannerGrid>* {
        width: 50%
    }
}

@media(min-width:77.5625em) {
    .prd-layout-withCategoryNavigation-body .prd-layout-bannerGrid>* {
        width: 33.3333333333%
    }
}

.prd-layout-cluster {
    display: flex;
    flex-wrap: wrap
}

.prd-layout-cluster.of-flexWrap-nowrap {
    flex-wrap: nowrap
}

.prd-layout-cluster.with-input .prd-checkbox-nativeControl,
.prd-layout-cluster.with-input .prd-radio-nativeControl {
    top: 50%;
    transform: translateY(-50%)
}

.prd-layout-cluster.with-input .prd-checkbox-inner,
.prd-layout-cluster.with-input .prd-radio-inner {
    flex: 1 0 auto
}

.prd-layout-cluster.with-input.prd-checkbox,
.prd-layout-cluster.with-input.prd-radio {
    display: flex
}

.prd-layout-cluster.with-input .prd-input {
    margin-left: 8px
}

.prd-layout-cluster.of-spaceX-0,
.prd-layout-cluster.of-spaceX-0>* {
    margin-right: 0;
    margin-left: 0
}

.prd-layout-cluster.of-spaceY-0,
.prd-layout-cluster.of-spaceY-0>* {
    margin-top: 0;
    margin-bottom: 0
}

.prd-layout-cluster.of-spaceX-1 {
    margin-right: -.2rem;
    margin-left: -.2rem
}

.prd-layout-cluster.of-spaceX-1>* {
    margin-right: .2rem;
    margin-left: .2rem
}

.prd-layout-cluster.of-spaceY-1 {
    margin-top: -.2rem;
    margin-bottom: -.2rem
}

.prd-layout-cluster.of-spaceY-1>* {
    margin-top: .2rem;
    margin-bottom: .2rem
}

.prd-layout-cluster.of-spaceX-2 {
    margin-right: -.4rem;
    margin-left: -.4rem
}

.prd-layout-cluster.of-spaceX-2>* {
    margin-right: .4rem;
    margin-left: .4rem
}

.prd-layout-cluster.of-spaceY-2 {
    margin-top: -.4rem;
    margin-bottom: -.4rem
}

.prd-layout-cluster.of-spaceY-2>* {
    margin-top: .4rem;
    margin-bottom: .4rem
}

.prd-layout-cluster.of-spaceX-3 {
    margin-right: -.8rem;
    margin-left: -.8rem
}

.prd-layout-cluster.of-spaceX-3>* {
    margin-right: .8rem;
    margin-left: .8rem
}

.prd-layout-cluster.of-spaceY-3 {
    margin-top: -.8rem;
    margin-bottom: -.8rem
}

.prd-layout-cluster.of-spaceY-3>* {
    margin-top: .8rem;
    margin-bottom: .8rem
}

.prd-layout-cluster.of-spaceX-4 {
    margin-right: -1rem;
    margin-left: -1rem
}

.prd-layout-cluster.of-spaceX-4>* {
    margin-right: 1rem;
    margin-left: 1rem
}

.prd-layout-cluster.of-spaceY-4 {
    margin-top: -1rem;
    margin-bottom: -1rem
}

.prd-layout-cluster.of-spaceY-4>* {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.prd-layout-cluster.of-spaceX-5 {
    margin-right: -1.2rem;
    margin-left: -1.2rem
}

.prd-layout-cluster.of-spaceX-5>* {
    margin-right: 1.2rem;
    margin-left: 1.2rem
}

.prd-layout-cluster.of-spaceY-5 {
    margin-top: -1.2rem;
    margin-bottom: -1.2rem
}

.prd-layout-cluster.of-spaceY-5>* {
    margin-top: 1.2rem;
    margin-bottom: 1.2rem
}

.prd-layout-cluster.of-spaceX-6 {
    margin-right: -1.6rem;
    margin-left: -1.6rem
}

.prd-layout-cluster.of-spaceX-6>* {
    margin-right: 1.6rem;
    margin-left: 1.6rem
}

.prd-layout-cluster.of-spaceY-6 {
    margin-top: -1.6rem;
    margin-bottom: -1.6rem
}

.prd-layout-cluster.of-spaceY-6>* {
    margin-top: 1.6rem;
    margin-bottom: 1.6rem
}

.prd-layout-cluster.of-spaceX-7 {
    margin-right: -2rem;
    margin-left: -2rem
}

.prd-layout-cluster.of-spaceX-7>* {
    margin-right: 2rem;
    margin-left: 2rem
}

.prd-layout-cluster.of-spaceY-7 {
    margin-top: -2rem;
    margin-bottom: -2rem
}

.prd-layout-cluster.of-spaceY-7>* {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.prd-layout-cluster.of-spaceX-8 {
    margin-right: -3.2rem;
    margin-left: -3.2rem
}

.prd-layout-cluster.of-spaceX-8>* {
    margin-right: 3.2rem;
    margin-left: 3.2rem
}

.prd-layout-cluster.of-spaceY-8 {
    margin-top: -3.2rem;
    margin-bottom: -3.2rem
}

.prd-layout-cluster.of-spaceY-8>* {
    margin-top: 3.2rem;
    margin-bottom: 3.2rem
}

.prd-layout-cluster.of-spaceX-9 {
    margin-right: -3.6rem;
    margin-left: -3.6rem
}

.prd-layout-cluster.of-spaceX-9>* {
    margin-right: 3.6rem;
    margin-left: 3.6rem
}

.prd-layout-cluster.of-spaceY-9 {
    margin-top: -3.6rem;
    margin-bottom: -3.6rem
}

.prd-layout-cluster.of-spaceY-9>* {
    margin-top: 3.6rem;
    margin-bottom: 3.6rem
}

.prd-layout-cluster.of-spaceX-10 {
    margin-right: -6rem;
    margin-left: -6rem
}

.prd-layout-cluster.of-spaceX-10>* {
    margin-right: 6rem;
    margin-left: 6rem
}

.prd-layout-cluster.of-spaceY-10 {
    margin-top: -6rem;
    margin-bottom: -6rem
}

.prd-layout-cluster.of-spaceY-10>* {
    margin-top: 6rem;
    margin-bottom: 6rem
}

.prd-layout-cluster.of-spaceX-11 {
    margin-right: -7.2rem;
    margin-left: -7.2rem
}

.prd-layout-cluster.of-spaceX-11>* {
    margin-right: 7.2rem;
    margin-left: 7.2rem
}

.prd-layout-cluster.of-spaceY-11 {
    margin-top: -7.2rem;
    margin-bottom: -7.2rem
}

.prd-layout-cluster.of-spaceY-11>* {
    margin-top: 7.2rem;
    margin-bottom: 7.2rem
}

.prd-layout-cluster.of-spaceX-12 {
    margin-right: -8.4rem;
    margin-left: -8.4rem
}

.prd-layout-cluster.of-spaceX-12>* {
    margin-right: 8.4rem;
    margin-left: 8.4rem
}

.prd-layout-cluster.of-spaceY-12 {
    margin-top: -8.4rem;
    margin-bottom: -8.4rem
}

.prd-layout-cluster.of-spaceY-12>* {
    margin-top: 8.4rem;
    margin-bottom: 8.4rem
}

@media(max-width:60.5625em) {

    .prd-layout-cluster.smallScreen-spaceX-0,
    .prd-layout-cluster.smallScreen-spaceX-0>* {
        margin-right: 0;
        margin-left: 0
    }

    .prd-layout-cluster.smallScreen-spaceY-0,
    .prd-layout-cluster.smallScreen-spaceY-0>* {
        margin-top: 0;
        margin-bottom: 0
    }

    .prd-layout-cluster.smallScreen-spaceX-1 {
        margin-right: -.2rem;
        margin-left: -.2rem
    }

    .prd-layout-cluster.smallScreen-spaceX-1>* {
        margin-right: .2rem;
        margin-left: .2rem
    }

    .prd-layout-cluster.smallScreen-spaceY-1 {
        margin-top: -.2rem;
        margin-bottom: -.2rem
    }

    .prd-layout-cluster.smallScreen-spaceY-1>* {
        margin-top: .2rem;
        margin-bottom: .2rem
    }

    .prd-layout-cluster.smallScreen-spaceX-2 {
        margin-right: -.4rem;
        margin-left: -.4rem
    }

    .prd-layout-cluster.smallScreen-spaceX-2>* {
        margin-right: .4rem;
        margin-left: .4rem
    }

    .prd-layout-cluster.smallScreen-spaceY-2 {
        margin-top: -.4rem;
        margin-bottom: -.4rem
    }

    .prd-layout-cluster.smallScreen-spaceY-2>* {
        margin-top: .4rem;
        margin-bottom: .4rem
    }

    .prd-layout-cluster.smallScreen-spaceX-3 {
        margin-right: -.8rem;
        margin-left: -.8rem
    }

    .prd-layout-cluster.smallScreen-spaceX-3>* {
        margin-right: .8rem;
        margin-left: .8rem
    }

    .prd-layout-cluster.smallScreen-spaceY-3 {
        margin-top: -.8rem;
        margin-bottom: -.8rem
    }

    .prd-layout-cluster.smallScreen-spaceY-3>* {
        margin-top: .8rem;
        margin-bottom: .8rem
    }

    .prd-layout-cluster.smallScreen-spaceX-4 {
        margin-right: -1rem;
        margin-left: -1rem
    }

    .prd-layout-cluster.smallScreen-spaceX-4>* {
        margin-right: 1rem;
        margin-left: 1rem
    }

    .prd-layout-cluster.smallScreen-spaceY-4 {
        margin-top: -1rem;
        margin-bottom: -1rem
    }

    .prd-layout-cluster.smallScreen-spaceY-4>* {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .prd-layout-cluster.smallScreen-spaceX-5 {
        margin-right: -1.2rem;
        margin-left: -1.2rem
    }

    .prd-layout-cluster.smallScreen-spaceX-5>* {
        margin-right: 1.2rem;
        margin-left: 1.2rem
    }

    .prd-layout-cluster.smallScreen-spaceY-5 {
        margin-top: -1.2rem;
        margin-bottom: -1.2rem
    }

    .prd-layout-cluster.smallScreen-spaceY-5>* {
        margin-top: 1.2rem;
        margin-bottom: 1.2rem
    }

    .prd-layout-cluster.smallScreen-spaceX-6 {
        margin-right: -1.6rem;
        margin-left: -1.6rem
    }

    .prd-layout-cluster.smallScreen-spaceX-6>* {
        margin-right: 1.6rem;
        margin-left: 1.6rem
    }

    .prd-layout-cluster.smallScreen-spaceY-6 {
        margin-top: -1.6rem;
        margin-bottom: -1.6rem
    }

    .prd-layout-cluster.smallScreen-spaceY-6>* {
        margin-top: 1.6rem;
        margin-bottom: 1.6rem
    }

    .prd-layout-cluster.smallScreen-spaceX-7 {
        margin-right: -2rem;
        margin-left: -2rem
    }

    .prd-layout-cluster.smallScreen-spaceX-7>* {
        margin-right: 2rem;
        margin-left: 2rem
    }

    .prd-layout-cluster.smallScreen-spaceY-7 {
        margin-top: -2rem;
        margin-bottom: -2rem
    }

    .prd-layout-cluster.smallScreen-spaceY-7>* {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .prd-layout-cluster.smallScreen-spaceX-8 {
        margin-right: -3.2rem;
        margin-left: -3.2rem
    }

    .prd-layout-cluster.smallScreen-spaceX-8>* {
        margin-right: 3.2rem;
        margin-left: 3.2rem
    }

    .prd-layout-cluster.smallScreen-spaceY-8 {
        margin-top: -3.2rem;
        margin-bottom: -3.2rem
    }

    .prd-layout-cluster.smallScreen-spaceY-8>* {
        margin-top: 3.2rem;
        margin-bottom: 3.2rem
    }

    .prd-layout-cluster.smallScreen-spaceX-9 {
        margin-right: -3.6rem;
        margin-left: -3.6rem
    }

    .prd-layout-cluster.smallScreen-spaceX-9>* {
        margin-right: 3.6rem;
        margin-left: 3.6rem
    }

    .prd-layout-cluster.smallScreen-spaceY-9 {
        margin-top: -3.6rem;
        margin-bottom: -3.6rem
    }

    .prd-layout-cluster.smallScreen-spaceY-9>* {
        margin-top: 3.6rem;
        margin-bottom: 3.6rem
    }

    .prd-layout-cluster.smallScreen-spaceX-10 {
        margin-right: -6rem;
        margin-left: -6rem
    }

    .prd-layout-cluster.smallScreen-spaceX-10>* {
        margin-right: 6rem;
        margin-left: 6rem
    }

    .prd-layout-cluster.smallScreen-spaceY-10 {
        margin-top: -6rem;
        margin-bottom: -6rem
    }

    .prd-layout-cluster.smallScreen-spaceY-10>* {
        margin-top: 6rem;
        margin-bottom: 6rem
    }

    .prd-layout-cluster.smallScreen-spaceX-11 {
        margin-right: -7.2rem;
        margin-left: -7.2rem
    }

    .prd-layout-cluster.smallScreen-spaceX-11>* {
        margin-right: 7.2rem;
        margin-left: 7.2rem
    }

    .prd-layout-cluster.smallScreen-spaceY-11 {
        margin-top: -7.2rem;
        margin-bottom: -7.2rem
    }

    .prd-layout-cluster.smallScreen-spaceY-11>* {
        margin-top: 7.2rem;
        margin-bottom: 7.2rem
    }

    .prd-layout-cluster.smallScreen-spaceX-12 {
        margin-right: -8.4rem;
        margin-left: -8.4rem
    }

    .prd-layout-cluster.smallScreen-spaceX-12>* {
        margin-right: 8.4rem;
        margin-left: 8.4rem
    }

    .prd-layout-cluster.smallScreen-spaceY-12 {
        margin-top: -8.4rem;
        margin-bottom: -8.4rem
    }

    .prd-layout-cluster.smallScreen-spaceY-12>* {
        margin-top: 8.4rem;
        margin-bottom: 8.4rem
    }
}

@media(max-width:47.9375em) {

    .prd-layout-cluster.extraSmallScreen-spaceX-0,
    .prd-layout-cluster.extraSmallScreen-spaceX-0>* {
        margin-right: 0;
        margin-left: 0
    }

    .prd-layout-cluster.extraSmallScreen-spaceY-0,
    .prd-layout-cluster.extraSmallScreen-spaceY-0>* {
        margin-top: 0;
        margin-bottom: 0
    }

    .prd-layout-cluster.extraSmallScreen-spaceX-1 {
        margin-right: -.2rem;
        margin-left: -.2rem
    }

    .prd-layout-cluster.extraSmallScreen-spaceX-1>* {
        margin-right: .2rem;
        margin-left: .2rem
    }

    .prd-layout-cluster.extraSmallScreen-spaceY-1 {
        margin-top: -.2rem;
        margin-bottom: -.2rem
    }

    .prd-layout-cluster.extraSmallScreen-spaceY-1>* {
        margin-top: .2rem;
        margin-bottom: .2rem
    }

    .prd-layout-cluster.extraSmallScreen-spaceX-2 {
        margin-right: -.4rem;
        margin-left: -.4rem
    }

    .prd-layout-cluster.extraSmallScreen-spaceX-2>* {
        margin-right: .4rem;
        margin-left: .4rem
    }

    .prd-layout-cluster.extraSmallScreen-spaceY-2 {
        margin-top: -.4rem;
        margin-bottom: -.4rem
    }

    .prd-layout-cluster.extraSmallScreen-spaceY-2>* {
        margin-top: .4rem;
        margin-bottom: .4rem
    }

    .prd-layout-cluster.extraSmallScreen-spaceX-3 {
        margin-right: -.8rem;
        margin-left: -.8rem
    }

    .prd-layout-cluster.extraSmallScreen-spaceX-3>* {
        margin-right: .8rem;
        margin-left: .8rem
    }

    .prd-layout-cluster.extraSmallScreen-spaceY-3 {
        margin-top: -.8rem;
        margin-bottom: -.8rem
    }

    .prd-layout-cluster.extraSmallScreen-spaceY-3>* {
        margin-top: .8rem;
        margin-bottom: .8rem
    }

    .prd-layout-cluster.extraSmallScreen-spaceX-4 {
        margin-right: -1rem;
        margin-left: -1rem
    }

    .prd-layout-cluster.extraSmallScreen-spaceX-4>* {
        margin-right: 1rem;
        margin-left: 1rem
    }

    .prd-layout-cluster.extraSmallScreen-spaceY-4 {
        margin-top: -1rem;
        margin-bottom: -1rem
    }

    .prd-layout-cluster.extraSmallScreen-spaceY-4>* {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .prd-layout-cluster.extraSmallScreen-spaceX-5 {
        margin-right: -1.2rem;
        margin-left: -1.2rem
    }

    .prd-layout-cluster.extraSmallScreen-spaceX-5>* {
        margin-right: 1.2rem;
        margin-left: 1.2rem
    }

    .prd-layout-cluster.extraSmallScreen-spaceY-5 {
        margin-top: -1.2rem;
        margin-bottom: -1.2rem
    }

    .prd-layout-cluster.extraSmallScreen-spaceY-5>* {
        margin-top: 1.2rem;
        margin-bottom: 1.2rem
    }

    .prd-layout-cluster.extraSmallScreen-spaceX-6 {
        margin-right: -1.6rem;
        margin-left: -1.6rem
    }

    .prd-layout-cluster.extraSmallScreen-spaceX-6>* {
        margin-right: 1.6rem;
        margin-left: 1.6rem
    }

    .prd-layout-cluster.extraSmallScreen-spaceY-6 {
        margin-top: -1.6rem;
        margin-bottom: -1.6rem
    }

    .prd-layout-cluster.extraSmallScreen-spaceY-6>* {
        margin-top: 1.6rem;
        margin-bottom: 1.6rem
    }

    .prd-layout-cluster.extraSmallScreen-spaceX-7 {
        margin-right: -2rem;
        margin-left: -2rem
    }

    .prd-layout-cluster.extraSmallScreen-spaceX-7>* {
        margin-right: 2rem;
        margin-left: 2rem
    }

    .prd-layout-cluster.extraSmallScreen-spaceY-7 {
        margin-top: -2rem;
        margin-bottom: -2rem
    }

    .prd-layout-cluster.extraSmallScreen-spaceY-7>* {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .prd-layout-cluster.extraSmallScreen-spaceX-8 {
        margin-right: -3.2rem;
        margin-left: -3.2rem
    }

    .prd-layout-cluster.extraSmallScreen-spaceX-8>* {
        margin-right: 3.2rem;
        margin-left: 3.2rem
    }

    .prd-layout-cluster.extraSmallScreen-spaceY-8 {
        margin-top: -3.2rem;
        margin-bottom: -3.2rem
    }

    .prd-layout-cluster.extraSmallScreen-spaceY-8>* {
        margin-top: 3.2rem;
        margin-bottom: 3.2rem
    }

    .prd-layout-cluster.extraSmallScreen-spaceX-9 {
        margin-right: -3.6rem;
        margin-left: -3.6rem
    }

    .prd-layout-cluster.extraSmallScreen-spaceX-9>* {
        margin-right: 3.6rem;
        margin-left: 3.6rem
    }

    .prd-layout-cluster.extraSmallScreen-spaceY-9 {
        margin-top: -3.6rem;
        margin-bottom: -3.6rem
    }

    .prd-layout-cluster.extraSmallScreen-spaceY-9>* {
        margin-top: 3.6rem;
        margin-bottom: 3.6rem
    }

    .prd-layout-cluster.extraSmallScreen-spaceX-10 {
        margin-right: -6rem;
        margin-left: -6rem
    }

    .prd-layout-cluster.extraSmallScreen-spaceX-10>* {
        margin-right: 6rem;
        margin-left: 6rem
    }

    .prd-layout-cluster.extraSmallScreen-spaceY-10 {
        margin-top: -6rem;
        margin-bottom: -6rem
    }

    .prd-layout-cluster.extraSmallScreen-spaceY-10>* {
        margin-top: 6rem;
        margin-bottom: 6rem
    }

    .prd-layout-cluster.extraSmallScreen-spaceX-11 {
        margin-right: -7.2rem;
        margin-left: -7.2rem
    }

    .prd-layout-cluster.extraSmallScreen-spaceX-11>* {
        margin-right: 7.2rem;
        margin-left: 7.2rem
    }

    .prd-layout-cluster.extraSmallScreen-spaceY-11 {
        margin-top: -7.2rem;
        margin-bottom: -7.2rem
    }

    .prd-layout-cluster.extraSmallScreen-spaceY-11>* {
        margin-top: 7.2rem;
        margin-bottom: 7.2rem
    }

    .prd-layout-cluster.extraSmallScreen-spaceX-12 {
        margin-right: -8.4rem;
        margin-left: -8.4rem
    }

    .prd-layout-cluster.extraSmallScreen-spaceX-12>* {
        margin-right: 8.4rem;
        margin-left: 8.4rem
    }

    .prd-layout-cluster.extraSmallScreen-spaceY-12 {
        margin-top: -8.4rem;
        margin-bottom: -8.4rem
    }

    .prd-layout-cluster.extraSmallScreen-spaceY-12>* {
        margin-top: 8.4rem;
        margin-bottom: 8.4rem
    }
}

@media(min-width:60.625em) {

    .prd-layout-cluster.largeScreen-spaceX-0,
    .prd-layout-cluster.largeScreen-spaceX-0>* {
        margin-right: 0;
        margin-left: 0
    }

    .prd-layout-cluster.largeScreen-spaceY-0,
    .prd-layout-cluster.largeScreen-spaceY-0>* {
        margin-top: 0;
        margin-bottom: 0
    }

    .prd-layout-cluster.largeScreen-spaceX-1 {
        margin-right: -.2rem;
        margin-left: -.2rem
    }

    .prd-layout-cluster.largeScreen-spaceX-1>* {
        margin-right: .2rem;
        margin-left: .2rem
    }

    .prd-layout-cluster.largeScreen-spaceY-1 {
        margin-top: -.2rem;
        margin-bottom: -.2rem
    }

    .prd-layout-cluster.largeScreen-spaceY-1>* {
        margin-top: .2rem;
        margin-bottom: .2rem
    }

    .prd-layout-cluster.largeScreen-spaceX-2 {
        margin-right: -.4rem;
        margin-left: -.4rem
    }

    .prd-layout-cluster.largeScreen-spaceX-2>* {
        margin-right: .4rem;
        margin-left: .4rem
    }

    .prd-layout-cluster.largeScreen-spaceY-2 {
        margin-top: -.4rem;
        margin-bottom: -.4rem
    }

    .prd-layout-cluster.largeScreen-spaceY-2>* {
        margin-top: .4rem;
        margin-bottom: .4rem
    }

    .prd-layout-cluster.largeScreen-spaceX-3 {
        margin-right: -.8rem;
        margin-left: -.8rem
    }

    .prd-layout-cluster.largeScreen-spaceX-3>* {
        margin-right: .8rem;
        margin-left: .8rem
    }

    .prd-layout-cluster.largeScreen-spaceY-3 {
        margin-top: -.8rem;
        margin-bottom: -.8rem
    }

    .prd-layout-cluster.largeScreen-spaceY-3>* {
        margin-top: .8rem;
        margin-bottom: .8rem
    }

    .prd-layout-cluster.largeScreen-spaceX-4 {
        margin-right: -1rem;
        margin-left: -1rem
    }

    .prd-layout-cluster.largeScreen-spaceX-4>* {
        margin-right: 1rem;
        margin-left: 1rem
    }

    .prd-layout-cluster.largeScreen-spaceY-4 {
        margin-top: -1rem;
        margin-bottom: -1rem
    }

    .prd-layout-cluster.largeScreen-spaceY-4>* {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .prd-layout-cluster.largeScreen-spaceX-5 {
        margin-right: -1.2rem;
        margin-left: -1.2rem
    }

    .prd-layout-cluster.largeScreen-spaceX-5>* {
        margin-right: 1.2rem;
        margin-left: 1.2rem
    }

    .prd-layout-cluster.largeScreen-spaceY-5 {
        margin-top: -1.2rem;
        margin-bottom: -1.2rem
    }

    .prd-layout-cluster.largeScreen-spaceY-5>* {
        margin-top: 1.2rem;
        margin-bottom: 1.2rem
    }

    .prd-layout-cluster.largeScreen-spaceX-6 {
        margin-right: -1.6rem;
        margin-left: -1.6rem
    }

    .prd-layout-cluster.largeScreen-spaceX-6>* {
        margin-right: 1.6rem;
        margin-left: 1.6rem
    }

    .prd-layout-cluster.largeScreen-spaceY-6 {
        margin-top: -1.6rem;
        margin-bottom: -1.6rem
    }

    .prd-layout-cluster.largeScreen-spaceY-6>* {
        margin-top: 1.6rem;
        margin-bottom: 1.6rem
    }

    .prd-layout-cluster.largeScreen-spaceX-7 {
        margin-right: -2rem;
        margin-left: -2rem
    }

    .prd-layout-cluster.largeScreen-spaceX-7>* {
        margin-right: 2rem;
        margin-left: 2rem
    }

    .prd-layout-cluster.largeScreen-spaceY-7 {
        margin-top: -2rem;
        margin-bottom: -2rem
    }

    .prd-layout-cluster.largeScreen-spaceY-7>* {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .prd-layout-cluster.largeScreen-spaceX-8 {
        margin-right: -3.2rem;
        margin-left: -3.2rem
    }

    .prd-layout-cluster.largeScreen-spaceX-8>* {
        margin-right: 3.2rem;
        margin-left: 3.2rem
    }

    .prd-layout-cluster.largeScreen-spaceY-8 {
        margin-top: -3.2rem;
        margin-bottom: -3.2rem
    }

    .prd-layout-cluster.largeScreen-spaceY-8>* {
        margin-top: 3.2rem;
        margin-bottom: 3.2rem
    }

    .prd-layout-cluster.largeScreen-spaceX-9 {
        margin-right: -3.6rem;
        margin-left: -3.6rem
    }

    .prd-layout-cluster.largeScreen-spaceX-9>* {
        margin-right: 3.6rem;
        margin-left: 3.6rem
    }

    .prd-layout-cluster.largeScreen-spaceY-9 {
        margin-top: -3.6rem;
        margin-bottom: -3.6rem
    }

    .prd-layout-cluster.largeScreen-spaceY-9>* {
        margin-top: 3.6rem;
        margin-bottom: 3.6rem
    }

    .prd-layout-cluster.largeScreen-spaceX-10 {
        margin-right: -6rem;
        margin-left: -6rem
    }

    .prd-layout-cluster.largeScreen-spaceX-10>* {
        margin-right: 6rem;
        margin-left: 6rem
    }

    .prd-layout-cluster.largeScreen-spaceY-10 {
        margin-top: -6rem;
        margin-bottom: -6rem
    }

    .prd-layout-cluster.largeScreen-spaceY-10>* {
        margin-top: 6rem;
        margin-bottom: 6rem
    }

    .prd-layout-cluster.largeScreen-spaceX-11 {
        margin-right: -7.2rem;
        margin-left: -7.2rem
    }

    .prd-layout-cluster.largeScreen-spaceX-11>* {
        margin-right: 7.2rem;
        margin-left: 7.2rem
    }

    .prd-layout-cluster.largeScreen-spaceY-11 {
        margin-top: -7.2rem;
        margin-bottom: -7.2rem
    }

    .prd-layout-cluster.largeScreen-spaceY-11>* {
        margin-top: 7.2rem;
        margin-bottom: 7.2rem
    }

    .prd-layout-cluster.largeScreen-spaceX-12 {
        margin-right: -8.4rem;
        margin-left: -8.4rem
    }

    .prd-layout-cluster.largeScreen-spaceX-12>* {
        margin-right: 8.4rem;
        margin-left: 8.4rem
    }

    .prd-layout-cluster.largeScreen-spaceY-12 {
        margin-top: -8.4rem;
        margin-bottom: -8.4rem
    }

    .prd-layout-cluster.largeScreen-spaceY-12>* {
        margin-top: 8.4rem;
        margin-bottom: 8.4rem
    }
}

@media(min-width:77.5625em) {

    .prd-layout-cluster.extraLargeScreen-spaceX-0,
    .prd-layout-cluster.extraLargeScreen-spaceX-0>* {
        margin-right: 0;
        margin-left: 0
    }

    .prd-layout-cluster.extraLargeScreen-spaceY-0,
    .prd-layout-cluster.extraLargeScreen-spaceY-0>* {
        margin-top: 0;
        margin-bottom: 0
    }

    .prd-layout-cluster.extraLargeScreen-spaceX-1 {
        margin-right: -.2rem;
        margin-left: -.2rem
    }

    .prd-layout-cluster.extraLargeScreen-spaceX-1>* {
        margin-right: .2rem;
        margin-left: .2rem
    }

    .prd-layout-cluster.extraLargeScreen-spaceY-1 {
        margin-top: -.2rem;
        margin-bottom: -.2rem
    }

    .prd-layout-cluster.extraLargeScreen-spaceY-1>* {
        margin-top: .2rem;
        margin-bottom: .2rem
    }

    .prd-layout-cluster.extraLargeScreen-spaceX-2 {
        margin-right: -.4rem;
        margin-left: -.4rem
    }

    .prd-layout-cluster.extraLargeScreen-spaceX-2>* {
        margin-right: .4rem;
        margin-left: .4rem
    }

    .prd-layout-cluster.extraLargeScreen-spaceY-2 {
        margin-top: -.4rem;
        margin-bottom: -.4rem
    }

    .prd-layout-cluster.extraLargeScreen-spaceY-2>* {
        margin-top: .4rem;
        margin-bottom: .4rem
    }

    .prd-layout-cluster.extraLargeScreen-spaceX-3 {
        margin-right: -.8rem;
        margin-left: -.8rem
    }

    .prd-layout-cluster.extraLargeScreen-spaceX-3>* {
        margin-right: .8rem;
        margin-left: .8rem
    }

    .prd-layout-cluster.extraLargeScreen-spaceY-3 {
        margin-top: -.8rem;
        margin-bottom: -.8rem
    }

    .prd-layout-cluster.extraLargeScreen-spaceY-3>* {
        margin-top: .8rem;
        margin-bottom: .8rem
    }

    .prd-layout-cluster.extraLargeScreen-spaceX-4 {
        margin-right: -1rem;
        margin-left: -1rem
    }

    .prd-layout-cluster.extraLargeScreen-spaceX-4>* {
        margin-right: 1rem;
        margin-left: 1rem
    }

    .prd-layout-cluster.extraLargeScreen-spaceY-4 {
        margin-top: -1rem;
        margin-bottom: -1rem
    }

    .prd-layout-cluster.extraLargeScreen-spaceY-4>* {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .prd-layout-cluster.extraLargeScreen-spaceX-5 {
        margin-right: -1.2rem;
        margin-left: -1.2rem
    }

    .prd-layout-cluster.extraLargeScreen-spaceX-5>* {
        margin-right: 1.2rem;
        margin-left: 1.2rem
    }

    .prd-layout-cluster.extraLargeScreen-spaceY-5 {
        margin-top: -1.2rem;
        margin-bottom: -1.2rem
    }

    .prd-layout-cluster.extraLargeScreen-spaceY-5>* {
        margin-top: 1.2rem;
        margin-bottom: 1.2rem
    }

    .prd-layout-cluster.extraLargeScreen-spaceX-6 {
        margin-right: -1.6rem;
        margin-left: -1.6rem
    }

    .prd-layout-cluster.extraLargeScreen-spaceX-6>* {
        margin-right: 1.6rem;
        margin-left: 1.6rem
    }

    .prd-layout-cluster.extraLargeScreen-spaceY-6 {
        margin-top: -1.6rem;
        margin-bottom: -1.6rem
    }

    .prd-layout-cluster.extraLargeScreen-spaceY-6>* {
        margin-top: 1.6rem;
        margin-bottom: 1.6rem
    }

    .prd-layout-cluster.extraLargeScreen-spaceX-7 {
        margin-right: -2rem;
        margin-left: -2rem
    }

    .prd-layout-cluster.extraLargeScreen-spaceX-7>* {
        margin-right: 2rem;
        margin-left: 2rem
    }

    .prd-layout-cluster.extraLargeScreen-spaceY-7 {
        margin-top: -2rem;
        margin-bottom: -2rem
    }

    .prd-layout-cluster.extraLargeScreen-spaceY-7>* {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .prd-layout-cluster.extraLargeScreen-spaceX-8 {
        margin-right: -3.2rem;
        margin-left: -3.2rem
    }

    .prd-layout-cluster.extraLargeScreen-spaceX-8>* {
        margin-right: 3.2rem;
        margin-left: 3.2rem
    }

    .prd-layout-cluster.extraLargeScreen-spaceY-8 {
        margin-top: -3.2rem;
        margin-bottom: -3.2rem
    }

    .prd-layout-cluster.extraLargeScreen-spaceY-8>* {
        margin-top: 3.2rem;
        margin-bottom: 3.2rem
    }

    .prd-layout-cluster.extraLargeScreen-spaceX-9 {
        margin-right: -3.6rem;
        margin-left: -3.6rem
    }

    .prd-layout-cluster.extraLargeScreen-spaceX-9>* {
        margin-right: 3.6rem;
        margin-left: 3.6rem
    }

    .prd-layout-cluster.extraLargeScreen-spaceY-9 {
        margin-top: -3.6rem;
        margin-bottom: -3.6rem
    }

    .prd-layout-cluster.extraLargeScreen-spaceY-9>* {
        margin-top: 3.6rem;
        margin-bottom: 3.6rem
    }

    .prd-layout-cluster.extraLargeScreen-spaceX-10 {
        margin-right: -6rem;
        margin-left: -6rem
    }

    .prd-layout-cluster.extraLargeScreen-spaceX-10>* {
        margin-right: 6rem;
        margin-left: 6rem
    }

    .prd-layout-cluster.extraLargeScreen-spaceY-10 {
        margin-top: -6rem;
        margin-bottom: -6rem
    }

    .prd-layout-cluster.extraLargeScreen-spaceY-10>* {
        margin-top: 6rem;
        margin-bottom: 6rem
    }

    .prd-layout-cluster.extraLargeScreen-spaceX-11 {
        margin-right: -7.2rem;
        margin-left: -7.2rem
    }

    .prd-layout-cluster.extraLargeScreen-spaceX-11>* {
        margin-right: 7.2rem;
        margin-left: 7.2rem
    }

    .prd-layout-cluster.extraLargeScreen-spaceY-11 {
        margin-top: -7.2rem;
        margin-bottom: -7.2rem
    }

    .prd-layout-cluster.extraLargeScreen-spaceY-11>* {
        margin-top: 7.2rem;
        margin-bottom: 7.2rem
    }

    .prd-layout-cluster.extraLargeScreen-spaceX-12 {
        margin-right: -8.4rem;
        margin-left: -8.4rem
    }

    .prd-layout-cluster.extraLargeScreen-spaceX-12>* {
        margin-right: 8.4rem;
        margin-left: 8.4rem
    }

    .prd-layout-cluster.extraLargeScreen-spaceY-12 {
        margin-top: -8.4rem;
        margin-bottom: -8.4rem
    }

    .prd-layout-cluster.extraLargeScreen-spaceY-12>* {
        margin-top: 8.4rem;
        margin-bottom: 8.4rem
    }
}

.prd-layout-cluster.of-justifyContent-start {
    justify-content: flex-start
}

.prd-layout-cluster.of-justifyContent-end {
    justify-content: flex-end
}

.prd-layout-cluster.of-justifyContent-center {
    justify-content: center
}

.prd-layout-cluster.of-justifyContent-between {
    justify-content: space-between
}

@media(max-width:60.5625em) {
    .prd-layout-cluster.smallScreen-justifyContent-start {
        justify-content: flex-start
    }

    .prd-layout-cluster.smallScreen-justifyContent-end {
        justify-content: flex-end
    }

    .prd-layout-cluster.smallScreen-justifyContent-center {
        justify-content: center
    }

    .prd-layout-cluster.smallScreen-justifyContent-between {
        justify-content: space-between
    }
}

@media(max-width:47.9375em) {
    .prd-layout-cluster.extraSmallScreen-justifyContent-start {
        justify-content: flex-start
    }

    .prd-layout-cluster.extraSmallScreen-justifyContent-end {
        justify-content: flex-end
    }

    .prd-layout-cluster.extraSmallScreen-justifyContent-center {
        justify-content: center
    }

    .prd-layout-cluster.extraSmallScreen-justifyContent-between {
        justify-content: space-between
    }
}

@media(min-width:60.625em) {
    .prd-layout-cluster.largeScreen-justifyContent-start {
        justify-content: flex-start
    }

    .prd-layout-cluster.largeScreen-justifyContent-end {
        justify-content: flex-end
    }

    .prd-layout-cluster.largeScreen-justifyContent-center {
        justify-content: center
    }

    .prd-layout-cluster.largeScreen-justifyContent-between {
        justify-content: space-between
    }
}

@media(min-width:77.5625em) {
    .prd-layout-cluster.extraLargeScreen-justifyContent-start {
        justify-content: flex-start
    }

    .prd-layout-cluster.extraLargeScreen-justifyContent-end {
        justify-content: flex-end
    }

    .prd-layout-cluster.extraLargeScreen-justifyContent-center {
        justify-content: center
    }

    .prd-layout-cluster.extraLargeScreen-justifyContent-between {
        justify-content: space-between
    }
}

.prd-layout-cluster.of-alignItems-start {
    align-items: flex-start
}

.prd-layout-cluster.of-alignItems-end {
    align-items: flex-end
}

.prd-layout-cluster.of-alignItems-center {
    align-items: center
}

.prd-layout-cluster.of-alignItems-baseline {
    align-items: baseline
}

@media(max-width:60.5625em) {
    .prd-layout-cluster.smallScreen-alignItems-start {
        align-items: flex-start
    }

    .prd-layout-cluster.smallScreen-alignItems-end {
        align-items: flex-end
    }

    .prd-layout-cluster.smallScreen-alignItems-center {
        align-items: center
    }

    .prd-layout-cluster.smallScreen-alignItems-baseline {
        align-items: baseline
    }
}

@media(max-width:47.9375em) {
    .prd-layout-cluster.extraSmallScreen-alignItems-start {
        align-items: flex-start
    }

    .prd-layout-cluster.extraSmallScreen-alignItems-end {
        align-items: flex-end
    }

    .prd-layout-cluster.extraSmallScreen-alignItems-center {
        align-items: center
    }

    .prd-layout-cluster.extraSmallScreen-alignItems-baseline {
        align-items: baseline
    }
}

@media(min-width:60.625em) {
    .prd-layout-cluster.largeScreen-alignItems-start {
        align-items: flex-start
    }

    .prd-layout-cluster.largeScreen-alignItems-end {
        align-items: flex-end
    }

    .prd-layout-cluster.largeScreen-alignItems-center {
        align-items: center
    }

    .prd-layout-cluster.largeScreen-alignItems-baseline {
        align-items: baseline
    }
}

@media(min-width:77.5625em) {
    .prd-layout-cluster.extraLargeScreen-alignItems-start {
        align-items: flex-start
    }

    .prd-layout-cluster.extraLargeScreen-alignItems-end {
        align-items: flex-end
    }

    .prd-layout-cluster.extraLargeScreen-alignItems-center {
        align-items: center
    }

    .prd-layout-cluster.extraLargeScreen-alignItems-baseline {
        align-items: baseline
    }
}

.prd-layout-cluster.of-flexDirection-rowReverse {
    flex-direction: row-reverse
}

.prd-layout-cluster.of-flexDirection-column {
    flex-direction: column
}

@media(max-width:60.5625em) {
    .prd-layout-cluster.smallScreen-flexDirection-rowReverse {
        flex-direction: row-reverse
    }

    .prd-layout-cluster.smallScreen-flexDirection-column {
        flex-direction: column
    }
}

@media(max-width:47.9375em) {
    .prd-layout-cluster.extraSmallScreen-flexDirection-rowReverse {
        flex-direction: row-reverse
    }

    .prd-layout-cluster.extraSmallScreen-flexDirection-column {
        flex-direction: column
    }
}

@media(min-width:60.625em) {
    .prd-layout-cluster.largeScreen-flexDirection-rowReverse {
        flex-direction: row-reverse
    }

    .prd-layout-cluster.largeScreen-flexDirection-column {
        flex-direction: column
    }
}

@media(min-width:77.5625em) {
    .prd-layout-cluster.extraLargeScreen-flexDirection-rowReverse {
        flex-direction: row-reverse
    }

    .prd-layout-cluster.extraLargeScreen-flexDirection-column {
        flex-direction: column
    }
}

@media(max-width:60.5625em) {
    .prd-layout-containerBleed {
        margin-right: -2rem;
        margin-left: -2rem
    }
}

.prd-layout-container {
    box-sizing: content-box;
    max-width: 128rem;
    padding-right: 2rem;
    padding-left: 2rem;
    margin-right: auto;
    margin-left: auto
}

.prd-layout-container.of-narrow {
    max-width: 95rem
}

.prd-layout-container.of-extraNarrow {
    max-width: 72rem
}

.prd-modalDialog:not(.of-full) .prd-layout-container {
    max-width: 62rem
}

.prd-layout-downloadResultsHeader {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    margin: -1.6rem
}

.prd-root.is-ie11 .prd-layout-downloadResultsHeader {
    justify-content: flex-start
}

.prd-layout-downloadResultsHeader>* {
    padding: 1.6rem
}

.prd-layout-downloadResultsHeader>:last-child {
    margin-right: auto
}

.prd-layout-frame {
    position: relative;
    display: block
}

.prd-layout-frame>* {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.prd-layout-frame>iframe {
    width: 100%;
    height: 100%
}

.prd-layout-frame.of-ratio-16x9 {
    padding-top: 56.25%
}

.prd-layout-frame.of-ratio-3x2 {
    padding-top: 66.6666666667%
}

.prd-layout-frame.of-ratio-4x3 {
    padding-top: 75%
}

.prd-layout-frame.of-ratio-1x1 {
    padding-top: 100%
}

.prd-layout-frame.of-ratio-3x4 {
    padding-top: 133.3333333333%
}

.prd-layout-frame.of-ratio-2x3 {
    padding-top: 150%
}

@media(max-width:60.5625em) {
    .prd-layout-frame.smallScreen-ratio-16x9 {
        padding-top: 56.25%
    }

    .prd-layout-frame.smallScreen-ratio-3x2 {
        padding-top: 66.6666666667%
    }

    .prd-layout-frame.smallScreen-ratio-4x3 {
        padding-top: 75%
    }

    .prd-layout-frame.smallScreen-ratio-1x1 {
        padding-top: 100%
    }

    .prd-layout-frame.smallScreen-ratio-3x4 {
        padding-top: 133.3333333333%
    }

    .prd-layout-frame.smallScreen-ratio-2x3 {
        padding-top: 150%
    }
}

@media(max-width:47.9375em) {
    .prd-layout-frame.extraSmallScreen-ratio-16x9 {
        padding-top: 56.25%
    }

    .prd-layout-frame.extraSmallScreen-ratio-3x2 {
        padding-top: 66.6666666667%
    }

    .prd-layout-frame.extraSmallScreen-ratio-4x3 {
        padding-top: 75%
    }

    .prd-layout-frame.extraSmallScreen-ratio-1x1 {
        padding-top: 100%
    }

    .prd-layout-frame.extraSmallScreen-ratio-3x4 {
        padding-top: 133.3333333333%
    }

    .prd-layout-frame.extraSmallScreen-ratio-2x3 {
        padding-top: 150%
    }
}

@media(min-width:60.625em) {
    .prd-layout-frame.largeScreen-ratio-16x9 {
        padding-top: 56.25%
    }

    .prd-layout-frame.largeScreen-ratio-3x2 {
        padding-top: 66.6666666667%
    }

    .prd-layout-frame.largeScreen-ratio-4x3 {
        padding-top: 75%
    }

    .prd-layout-frame.largeScreen-ratio-1x1 {
        padding-top: 100%
    }

    .prd-layout-frame.largeScreen-ratio-3x4 {
        padding-top: 133.3333333333%
    }

    .prd-layout-frame.largeScreen-ratio-2x3 {
        padding-top: 150%
    }
}

@media(min-width:77.5625em) {
    .prd-layout-frame.extraLargeScreen-ratio-16x9 {
        padding-top: 56.25%
    }

    .prd-layout-frame.extraLargeScreen-ratio-3x2 {
        padding-top: 66.6666666667%
    }

    .prd-layout-frame.extraLargeScreen-ratio-4x3 {
        padding-top: 75%
    }

    .prd-layout-frame.extraLargeScreen-ratio-1x1 {
        padding-top: 100%
    }

    .prd-layout-frame.extraLargeScreen-ratio-3x4 {
        padding-top: 133.3333333333%
    }

    .prd-layout-frame.extraLargeScreen-ratio-2x3 {
        padding-top: 150%
    }
}

.prd-layout-grid {
    display: flex;
    flex-wrap: wrap
}

.prd-layout-grid.of-column-1>*,
.prd-layout-grid>* {
    width: 100%
}

.prd-layout-grid.of-column-2>* {
    width: 50%
}

.prd-layout-grid.of-column-3>* {
    width: 33.3333333333%
}

.prd-layout-grid.of-column-4>* {
    width: 25%
}

.prd-layout-grid.of-column-5>* {
    width: 20%
}

.prd-layout-grid.of-column-6>* {
    width: 16.6666666667%
}

@media(max-width:60.5625em) {
    .prd-layout-grid.smallScreen-column-1>* {
        width: 100%
    }

    .prd-layout-grid.smallScreen-column-2>* {
        width: 50%
    }

    .prd-layout-grid.smallScreen-column-3>* {
        width: 33.3333333333%
    }

    .prd-layout-grid.smallScreen-column-4>* {
        width: 25%
    }

    .prd-layout-grid.smallScreen-column-5>* {
        width: 20%
    }

    .prd-layout-grid.smallScreen-column-6>* {
        width: 16.6666666667%
    }
}

@media(max-width:47.9375em) {
    .prd-layout-grid.extraSmallScreen-column-1>* {
        width: 100%
    }

    .prd-layout-grid.extraSmallScreen-column-2>* {
        width: 50%
    }

    .prd-layout-grid.extraSmallScreen-column-3>* {
        width: 33.3333333333%
    }

    .prd-layout-grid.extraSmallScreen-column-4>* {
        width: 25%
    }

    .prd-layout-grid.extraSmallScreen-column-5>* {
        width: 20%
    }

    .prd-layout-grid.extraSmallScreen-column-6>* {
        width: 16.6666666667%
    }
}

@media(min-width:60.625em) {
    .prd-layout-grid.largeScreen-column-1>* {
        width: 100%
    }

    .prd-layout-grid.largeScreen-column-2>* {
        width: 50%
    }

    .prd-layout-grid.largeScreen-column-3>* {
        width: 33.3333333333%
    }

    .prd-layout-grid.largeScreen-column-4>* {
        width: 25%
    }

    .prd-layout-grid.largeScreen-column-5>* {
        width: 20%
    }

    .prd-layout-grid.largeScreen-column-6>* {
        width: 16.6666666667%
    }
}

@media(min-width:77.5625em) {
    .prd-layout-grid.extraLargeScreen-column-1>* {
        width: 100%
    }

    .prd-layout-grid.extraLargeScreen-column-2>* {
        width: 50%
    }

    .prd-layout-grid.extraLargeScreen-column-3>* {
        width: 33.3333333333%
    }

    .prd-layout-grid.extraLargeScreen-column-4>* {
        width: 25%
    }

    .prd-layout-grid.extraLargeScreen-column-5>* {
        width: 20%
    }

    .prd-layout-grid.extraLargeScreen-column-6>* {
        width: 16.6666666667%
    }
}

.prd-layout-grid.of-spaceX-0 {
    margin-right: 0;
    margin-left: 0
}

.prd-layout-grid.of-spaceX-0>* {
    padding-right: 0;
    padding-left: 0
}

.prd-layout-grid.of-spaceY-0,
.prd-layout-grid.of-spaceY-0>* {
    margin-top: 0;
    margin-bottom: 0
}

.prd-layout-grid.of-spaceX-1 {
    margin-right: -.2rem;
    margin-left: -.2rem
}

.prd-layout-grid.of-spaceX-1>* {
    padding-right: .2rem;
    padding-left: .2rem
}

.prd-layout-grid.of-spaceY-1 {
    margin-top: -.2rem;
    margin-bottom: -.2rem
}

.prd-layout-grid.of-spaceY-1>* {
    margin-top: .2rem;
    margin-bottom: .2rem
}

.prd-layout-grid.of-spaceX-2 {
    margin-right: -.4rem;
    margin-left: -.4rem
}

.prd-layout-grid.of-spaceX-2>* {
    padding-right: .4rem;
    padding-left: .4rem
}

.prd-layout-grid.of-spaceY-2 {
    margin-top: -.4rem;
    margin-bottom: -.4rem
}

.prd-layout-grid.of-spaceY-2>* {
    margin-top: .4rem;
    margin-bottom: .4rem
}

.prd-layout-grid.of-spaceX-3 {
    margin-right: -.8rem;
    margin-left: -.8rem
}

.prd-layout-grid.of-spaceX-3>* {
    padding-right: .8rem;
    padding-left: .8rem
}

.prd-layout-grid.of-spaceY-3 {
    margin-top: -.8rem;
    margin-bottom: -.8rem
}

.prd-layout-grid.of-spaceY-3>* {
    margin-top: .8rem;
    margin-bottom: .8rem
}

.prd-layout-grid.of-spaceX-4 {
    margin-right: -1rem;
    margin-left: -1rem
}

.prd-layout-grid.of-spaceX-4>* {
    padding-right: 1rem;
    padding-left: 1rem
}

.prd-layout-grid.of-spaceY-4 {
    margin-top: -1rem;
    margin-bottom: -1rem
}

.prd-layout-grid.of-spaceY-4>* {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.prd-layout-grid.of-spaceX-5 {
    margin-right: -1.2rem;
    margin-left: -1.2rem
}

.prd-layout-grid.of-spaceX-5>* {
    padding-right: 1.2rem;
    padding-left: 1.2rem
}

.prd-layout-grid.of-spaceY-5 {
    margin-top: -1.2rem;
    margin-bottom: -1.2rem
}

.prd-layout-grid.of-spaceY-5>* {
    margin-top: 1.2rem;
    margin-bottom: 1.2rem
}

.prd-layout-grid.of-spaceX-6 {
    margin-right: -1.6rem;
    margin-left: -1.6rem
}

.prd-layout-grid.of-spaceX-6>* {
    padding-right: 1.6rem;
    padding-left: 1.6rem
}

.prd-layout-grid.of-spaceY-6 {
    margin-top: -1.6rem;
    margin-bottom: -1.6rem
}

.prd-layout-grid.of-spaceY-6>* {
    margin-top: 1.6rem;
    margin-bottom: 1.6rem
}

.prd-layout-grid.of-spaceX-7 {
    margin-right: -2rem;
    margin-left: -2rem
}

.prd-layout-grid.of-spaceX-7>* {
    padding-right: 2rem;
    padding-left: 2rem
}

.prd-layout-grid.of-spaceY-7 {
    margin-top: -2rem;
    margin-bottom: -2rem
}

.prd-layout-grid.of-spaceY-7>* {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.prd-layout-grid.of-spaceX-8 {
    margin-right: -3.2rem;
    margin-left: -3.2rem
}

.prd-layout-grid.of-spaceX-8>* {
    padding-right: 3.2rem;
    padding-left: 3.2rem
}

.prd-layout-grid.of-spaceY-8 {
    margin-top: -3.2rem;
    margin-bottom: -3.2rem
}

.prd-layout-grid.of-spaceY-8>* {
    margin-top: 3.2rem;
    margin-bottom: 3.2rem
}

.prd-layout-grid.of-spaceX-9 {
    margin-right: -3.6rem;
    margin-left: -3.6rem
}

.prd-layout-grid.of-spaceX-9>* {
    padding-right: 3.6rem;
    padding-left: 3.6rem
}

.prd-layout-grid.of-spaceY-9 {
    margin-top: -3.6rem;
    margin-bottom: -3.6rem
}

.prd-layout-grid.of-spaceY-9>* {
    margin-top: 3.6rem;
    margin-bottom: 3.6rem
}

.prd-layout-grid.of-spaceX-10 {
    margin-right: -6rem;
    margin-left: -6rem
}

.prd-layout-grid.of-spaceX-10>* {
    padding-right: 6rem;
    padding-left: 6rem
}

.prd-layout-grid.of-spaceY-10 {
    margin-top: -6rem;
    margin-bottom: -6rem
}

.prd-layout-grid.of-spaceY-10>* {
    margin-top: 6rem;
    margin-bottom: 6rem
}

.prd-layout-grid.of-spaceX-11 {
    margin-right: -7.2rem;
    margin-left: -7.2rem
}

.prd-layout-grid.of-spaceX-11>* {
    padding-right: 7.2rem;
    padding-left: 7.2rem
}

.prd-layout-grid.of-spaceY-11 {
    margin-top: -7.2rem;
    margin-bottom: -7.2rem
}

.prd-layout-grid.of-spaceY-11>* {
    margin-top: 7.2rem;
    margin-bottom: 7.2rem
}

.prd-layout-grid.of-spaceX-12 {
    margin-right: -8.4rem;
    margin-left: -8.4rem
}

.prd-layout-grid.of-spaceX-12>* {
    padding-right: 8.4rem;
    padding-left: 8.4rem
}

.prd-layout-grid.of-spaceY-12 {
    margin-top: -8.4rem;
    margin-bottom: -8.4rem
}

.prd-layout-grid.of-spaceY-12>* {
    margin-top: 8.4rem;
    margin-bottom: 8.4rem
}

@media(max-width:60.5625em) {
    .prd-layout-grid.smallScreen-spaceX-0 {
        margin-right: 0;
        margin-left: 0
    }

    .prd-layout-grid.smallScreen-spaceX-0>* {
        padding-right: 0;
        padding-left: 0
    }

    .prd-layout-grid.smallScreen-spaceY-0,
    .prd-layout-grid.smallScreen-spaceY-0>* {
        margin-top: 0;
        margin-bottom: 0
    }

    .prd-layout-grid.smallScreen-spaceX-1 {
        margin-right: -.2rem;
        margin-left: -.2rem
    }

    .prd-layout-grid.smallScreen-spaceX-1>* {
        padding-right: .2rem;
        padding-left: .2rem
    }

    .prd-layout-grid.smallScreen-spaceY-1 {
        margin-top: -.2rem;
        margin-bottom: -.2rem
    }

    .prd-layout-grid.smallScreen-spaceY-1>* {
        margin-top: .2rem;
        margin-bottom: .2rem
    }

    .prd-layout-grid.smallScreen-spaceX-2 {
        margin-right: -.4rem;
        margin-left: -.4rem
    }

    .prd-layout-grid.smallScreen-spaceX-2>* {
        padding-right: .4rem;
        padding-left: .4rem
    }

    .prd-layout-grid.smallScreen-spaceY-2 {
        margin-top: -.4rem;
        margin-bottom: -.4rem
    }

    .prd-layout-grid.smallScreen-spaceY-2>* {
        margin-top: .4rem;
        margin-bottom: .4rem
    }

    .prd-layout-grid.smallScreen-spaceX-3 {
        margin-right: -.8rem;
        margin-left: -.8rem
    }

    .prd-layout-grid.smallScreen-spaceX-3>* {
        padding-right: .8rem;
        padding-left: .8rem
    }

    .prd-layout-grid.smallScreen-spaceY-3 {
        margin-top: -.8rem;
        margin-bottom: -.8rem
    }

    .prd-layout-grid.smallScreen-spaceY-3>* {
        margin-top: .8rem;
        margin-bottom: .8rem
    }

    .prd-layout-grid.smallScreen-spaceX-4 {
        margin-right: -1rem;
        margin-left: -1rem
    }

    .prd-layout-grid.smallScreen-spaceX-4>* {
        padding-right: 1rem;
        padding-left: 1rem
    }

    .prd-layout-grid.smallScreen-spaceY-4 {
        margin-top: -1rem;
        margin-bottom: -1rem
    }

    .prd-layout-grid.smallScreen-spaceY-4>* {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .prd-layout-grid.smallScreen-spaceX-5 {
        margin-right: -1.2rem;
        margin-left: -1.2rem
    }

    .prd-layout-grid.smallScreen-spaceX-5>* {
        padding-right: 1.2rem;
        padding-left: 1.2rem
    }

    .prd-layout-grid.smallScreen-spaceY-5 {
        margin-top: -1.2rem;
        margin-bottom: -1.2rem
    }

    .prd-layout-grid.smallScreen-spaceY-5>* {
        margin-top: 1.2rem;
        margin-bottom: 1.2rem
    }

    .prd-layout-grid.smallScreen-spaceX-6 {
        margin-right: -1.6rem;
        margin-left: -1.6rem
    }

    .prd-layout-grid.smallScreen-spaceX-6>* {
        padding-right: 1.6rem;
        padding-left: 1.6rem
    }

    .prd-layout-grid.smallScreen-spaceY-6 {
        margin-top: -1.6rem;
        margin-bottom: -1.6rem
    }

    .prd-layout-grid.smallScreen-spaceY-6>* {
        margin-top: 1.6rem;
        margin-bottom: 1.6rem
    }

    .prd-layout-grid.smallScreen-spaceX-7 {
        margin-right: -2rem;
        margin-left: -2rem
    }

    .prd-layout-grid.smallScreen-spaceX-7>* {
        padding-right: 2rem;
        padding-left: 2rem
    }

    .prd-layout-grid.smallScreen-spaceY-7 {
        margin-top: -2rem;
        margin-bottom: -2rem
    }

    .prd-layout-grid.smallScreen-spaceY-7>* {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .prd-layout-grid.smallScreen-spaceX-8 {
        margin-right: -3.2rem;
        margin-left: -3.2rem
    }

    .prd-layout-grid.smallScreen-spaceX-8>* {
        padding-right: 3.2rem;
        padding-left: 3.2rem
    }

    .prd-layout-grid.smallScreen-spaceY-8 {
        margin-top: -3.2rem;
        margin-bottom: -3.2rem
    }

    .prd-layout-grid.smallScreen-spaceY-8>* {
        margin-top: 3.2rem;
        margin-bottom: 3.2rem
    }

    .prd-layout-grid.smallScreen-spaceX-9 {
        margin-right: -3.6rem;
        margin-left: -3.6rem
    }

    .prd-layout-grid.smallScreen-spaceX-9>* {
        padding-right: 3.6rem;
        padding-left: 3.6rem
    }

    .prd-layout-grid.smallScreen-spaceY-9 {
        margin-top: -3.6rem;
        margin-bottom: -3.6rem
    }

    .prd-layout-grid.smallScreen-spaceY-9>* {
        margin-top: 3.6rem;
        margin-bottom: 3.6rem
    }

    .prd-layout-grid.smallScreen-spaceX-10 {
        margin-right: -6rem;
        margin-left: -6rem
    }

    .prd-layout-grid.smallScreen-spaceX-10>* {
        padding-right: 6rem;
        padding-left: 6rem
    }

    .prd-layout-grid.smallScreen-spaceY-10 {
        margin-top: -6rem;
        margin-bottom: -6rem
    }

    .prd-layout-grid.smallScreen-spaceY-10>* {
        margin-top: 6rem;
        margin-bottom: 6rem
    }

    .prd-layout-grid.smallScreen-spaceX-11 {
        margin-right: -7.2rem;
        margin-left: -7.2rem
    }

    .prd-layout-grid.smallScreen-spaceX-11>* {
        padding-right: 7.2rem;
        padding-left: 7.2rem
    }

    .prd-layout-grid.smallScreen-spaceY-11 {
        margin-top: -7.2rem;
        margin-bottom: -7.2rem
    }

    .prd-layout-grid.smallScreen-spaceY-11>* {
        margin-top: 7.2rem;
        margin-bottom: 7.2rem
    }

    .prd-layout-grid.smallScreen-spaceX-12 {
        margin-right: -8.4rem;
        margin-left: -8.4rem
    }

    .prd-layout-grid.smallScreen-spaceX-12>* {
        padding-right: 8.4rem;
        padding-left: 8.4rem
    }

    .prd-layout-grid.smallScreen-spaceY-12 {
        margin-top: -8.4rem;
        margin-bottom: -8.4rem
    }

    .prd-layout-grid.smallScreen-spaceY-12>* {
        margin-top: 8.4rem;
        margin-bottom: 8.4rem
    }
}

@media(max-width:47.9375em) {
    .prd-layout-grid.extraSmallScreen-spaceX-0 {
        margin-right: 0;
        margin-left: 0
    }

    .prd-layout-grid.extraSmallScreen-spaceX-0>* {
        padding-right: 0;
        padding-left: 0
    }

    .prd-layout-grid.extraSmallScreen-spaceY-0,
    .prd-layout-grid.extraSmallScreen-spaceY-0>* {
        margin-top: 0;
        margin-bottom: 0
    }

    .prd-layout-grid.extraSmallScreen-spaceX-1 {
        margin-right: -.2rem;
        margin-left: -.2rem
    }

    .prd-layout-grid.extraSmallScreen-spaceX-1>* {
        padding-right: .2rem;
        padding-left: .2rem
    }

    .prd-layout-grid.extraSmallScreen-spaceY-1 {
        margin-top: -.2rem;
        margin-bottom: -.2rem
    }

    .prd-layout-grid.extraSmallScreen-spaceY-1>* {
        margin-top: .2rem;
        margin-bottom: .2rem
    }

    .prd-layout-grid.extraSmallScreen-spaceX-2 {
        margin-right: -.4rem;
        margin-left: -.4rem
    }

    .prd-layout-grid.extraSmallScreen-spaceX-2>* {
        padding-right: .4rem;
        padding-left: .4rem
    }

    .prd-layout-grid.extraSmallScreen-spaceY-2 {
        margin-top: -.4rem;
        margin-bottom: -.4rem
    }

    .prd-layout-grid.extraSmallScreen-spaceY-2>* {
        margin-top: .4rem;
        margin-bottom: .4rem
    }

    .prd-layout-grid.extraSmallScreen-spaceX-3 {
        margin-right: -.8rem;
        margin-left: -.8rem
    }

    .prd-layout-grid.extraSmallScreen-spaceX-3>* {
        padding-right: .8rem;
        padding-left: .8rem
    }

    .prd-layout-grid.extraSmallScreen-spaceY-3 {
        margin-top: -.8rem;
        margin-bottom: -.8rem
    }

    .prd-layout-grid.extraSmallScreen-spaceY-3>* {
        margin-top: .8rem;
        margin-bottom: .8rem
    }

    .prd-layout-grid.extraSmallScreen-spaceX-4 {
        margin-right: -1rem;
        margin-left: -1rem
    }

    .prd-layout-grid.extraSmallScreen-spaceX-4>* {
        padding-right: 1rem;
        padding-left: 1rem
    }

    .prd-layout-grid.extraSmallScreen-spaceY-4 {
        margin-top: -1rem;
        margin-bottom: -1rem
    }

    .prd-layout-grid.extraSmallScreen-spaceY-4>* {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .prd-layout-grid.extraSmallScreen-spaceX-5 {
        margin-right: -1.2rem;
        margin-left: -1.2rem
    }

    .prd-layout-grid.extraSmallScreen-spaceX-5>* {
        padding-right: 1.2rem;
        padding-left: 1.2rem
    }

    .prd-layout-grid.extraSmallScreen-spaceY-5 {
        margin-top: -1.2rem;
        margin-bottom: -1.2rem
    }

    .prd-layout-grid.extraSmallScreen-spaceY-5>* {
        margin-top: 1.2rem;
        margin-bottom: 1.2rem
    }

    .prd-layout-grid.extraSmallScreen-spaceX-6 {
        margin-right: -1.6rem;
        margin-left: -1.6rem
    }

    .prd-layout-grid.extraSmallScreen-spaceX-6>* {
        padding-right: 1.6rem;
        padding-left: 1.6rem
    }

    .prd-layout-grid.extraSmallScreen-spaceY-6 {
        margin-top: -1.6rem;
        margin-bottom: -1.6rem
    }

    .prd-layout-grid.extraSmallScreen-spaceY-6>* {
        margin-top: 1.6rem;
        margin-bottom: 1.6rem
    }

    .prd-layout-grid.extraSmallScreen-spaceX-7 {
        margin-right: -2rem;
        margin-left: -2rem
    }

    .prd-layout-grid.extraSmallScreen-spaceX-7>* {
        padding-right: 2rem;
        padding-left: 2rem
    }

    .prd-layout-grid.extraSmallScreen-spaceY-7 {
        margin-top: -2rem;
        margin-bottom: -2rem
    }

    .prd-layout-grid.extraSmallScreen-spaceY-7>* {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .prd-layout-grid.extraSmallScreen-spaceX-8 {
        margin-right: -3.2rem;
        margin-left: -3.2rem
    }

    .prd-layout-grid.extraSmallScreen-spaceX-8>* {
        padding-right: 3.2rem;
        padding-left: 3.2rem
    }

    .prd-layout-grid.extraSmallScreen-spaceY-8 {
        margin-top: -3.2rem;
        margin-bottom: -3.2rem
    }

    .prd-layout-grid.extraSmallScreen-spaceY-8>* {
        margin-top: 3.2rem;
        margin-bottom: 3.2rem
    }

    .prd-layout-grid.extraSmallScreen-spaceX-9 {
        margin-right: -3.6rem;
        margin-left: -3.6rem
    }

    .prd-layout-grid.extraSmallScreen-spaceX-9>* {
        padding-right: 3.6rem;
        padding-left: 3.6rem
    }

    .prd-layout-grid.extraSmallScreen-spaceY-9 {
        margin-top: -3.6rem;
        margin-bottom: -3.6rem
    }

    .prd-layout-grid.extraSmallScreen-spaceY-9>* {
        margin-top: 3.6rem;
        margin-bottom: 3.6rem
    }

    .prd-layout-grid.extraSmallScreen-spaceX-10 {
        margin-right: -6rem;
        margin-left: -6rem
    }

    .prd-layout-grid.extraSmallScreen-spaceX-10>* {
        padding-right: 6rem;
        padding-left: 6rem
    }

    .prd-layout-grid.extraSmallScreen-spaceY-10 {
        margin-top: -6rem;
        margin-bottom: -6rem
    }

    .prd-layout-grid.extraSmallScreen-spaceY-10>* {
        margin-top: 6rem;
        margin-bottom: 6rem
    }

    .prd-layout-grid.extraSmallScreen-spaceX-11 {
        margin-right: -7.2rem;
        margin-left: -7.2rem
    }

    .prd-layout-grid.extraSmallScreen-spaceX-11>* {
        padding-right: 7.2rem;
        padding-left: 7.2rem
    }

    .prd-layout-grid.extraSmallScreen-spaceY-11 {
        margin-top: -7.2rem;
        margin-bottom: -7.2rem
    }

    .prd-layout-grid.extraSmallScreen-spaceY-11>* {
        margin-top: 7.2rem;
        margin-bottom: 7.2rem
    }

    .prd-layout-grid.extraSmallScreen-spaceX-12 {
        margin-right: -8.4rem;
        margin-left: -8.4rem
    }

    .prd-layout-grid.extraSmallScreen-spaceX-12>* {
        padding-right: 8.4rem;
        padding-left: 8.4rem
    }

    .prd-layout-grid.extraSmallScreen-spaceY-12 {
        margin-top: -8.4rem;
        margin-bottom: -8.4rem
    }

    .prd-layout-grid.extraSmallScreen-spaceY-12>* {
        margin-top: 8.4rem;
        margin-bottom: 8.4rem
    }
}

@media(min-width:60.625em) {
    .prd-layout-grid.largeScreen-spaceX-0 {
        margin-right: 0;
        margin-left: 0
    }

    .prd-layout-grid.largeScreen-spaceX-0>* {
        padding-right: 0;
        padding-left: 0
    }

    .prd-layout-grid.largeScreen-spaceY-0,
    .prd-layout-grid.largeScreen-spaceY-0>* {
        margin-top: 0;
        margin-bottom: 0
    }

    .prd-layout-grid.largeScreen-spaceX-1 {
        margin-right: -.2rem;
        margin-left: -.2rem
    }

    .prd-layout-grid.largeScreen-spaceX-1>* {
        padding-right: .2rem;
        padding-left: .2rem
    }

    .prd-layout-grid.largeScreen-spaceY-1 {
        margin-top: -.2rem;
        margin-bottom: -.2rem
    }

    .prd-layout-grid.largeScreen-spaceY-1>* {
        margin-top: .2rem;
        margin-bottom: .2rem
    }

    .prd-layout-grid.largeScreen-spaceX-2 {
        margin-right: -.4rem;
        margin-left: -.4rem
    }

    .prd-layout-grid.largeScreen-spaceX-2>* {
        padding-right: .4rem;
        padding-left: .4rem
    }

    .prd-layout-grid.largeScreen-spaceY-2 {
        margin-top: -.4rem;
        margin-bottom: -.4rem
    }

    .prd-layout-grid.largeScreen-spaceY-2>* {
        margin-top: .4rem;
        margin-bottom: .4rem
    }

    .prd-layout-grid.largeScreen-spaceX-3 {
        margin-right: -.8rem;
        margin-left: -.8rem
    }

    .prd-layout-grid.largeScreen-spaceX-3>* {
        padding-right: .8rem;
        padding-left: .8rem
    }

    .prd-layout-grid.largeScreen-spaceY-3 {
        margin-top: -.8rem;
        margin-bottom: -.8rem
    }

    .prd-layout-grid.largeScreen-spaceY-3>* {
        margin-top: .8rem;
        margin-bottom: .8rem
    }

    .prd-layout-grid.largeScreen-spaceX-4 {
        margin-right: -1rem;
        margin-left: -1rem
    }

    .prd-layout-grid.largeScreen-spaceX-4>* {
        padding-right: 1rem;
        padding-left: 1rem
    }

    .prd-layout-grid.largeScreen-spaceY-4 {
        margin-top: -1rem;
        margin-bottom: -1rem
    }

    .prd-layout-grid.largeScreen-spaceY-4>* {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .prd-layout-grid.largeScreen-spaceX-5 {
        margin-right: -1.2rem;
        margin-left: -1.2rem
    }

    .prd-layout-grid.largeScreen-spaceX-5>* {
        padding-right: 1.2rem;
        padding-left: 1.2rem
    }

    .prd-layout-grid.largeScreen-spaceY-5 {
        margin-top: -1.2rem;
        margin-bottom: -1.2rem
    }

    .prd-layout-grid.largeScreen-spaceY-5>* {
        margin-top: 1.2rem;
        margin-bottom: 1.2rem
    }

    .prd-layout-grid.largeScreen-spaceX-6 {
        margin-right: -1.6rem;
        margin-left: -1.6rem
    }

    .prd-layout-grid.largeScreen-spaceX-6>* {
        padding-right: 1.6rem;
        padding-left: 1.6rem
    }

    .prd-layout-grid.largeScreen-spaceY-6 {
        margin-top: -1.6rem;
        margin-bottom: -1.6rem
    }

    .prd-layout-grid.largeScreen-spaceY-6>* {
        margin-top: 1.6rem;
        margin-bottom: 1.6rem
    }

    .prd-layout-grid.largeScreen-spaceX-7 {
        margin-right: -2rem;
        margin-left: -2rem
    }

    .prd-layout-grid.largeScreen-spaceX-7>* {
        padding-right: 2rem;
        padding-left: 2rem
    }

    .prd-layout-grid.largeScreen-spaceY-7 {
        margin-top: -2rem;
        margin-bottom: -2rem
    }

    .prd-layout-grid.largeScreen-spaceY-7>* {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .prd-layout-grid.largeScreen-spaceX-8 {
        margin-right: -3.2rem;
        margin-left: -3.2rem
    }

    .prd-layout-grid.largeScreen-spaceX-8>* {
        padding-right: 3.2rem;
        padding-left: 3.2rem
    }

    .prd-layout-grid.largeScreen-spaceY-8 {
        margin-top: -3.2rem;
        margin-bottom: -3.2rem
    }

    .prd-layout-grid.largeScreen-spaceY-8>* {
        margin-top: 3.2rem;
        margin-bottom: 3.2rem
    }

    .prd-layout-grid.largeScreen-spaceX-9 {
        margin-right: -3.6rem;
        margin-left: -3.6rem
    }

    .prd-layout-grid.largeScreen-spaceX-9>* {
        padding-right: 3.6rem;
        padding-left: 3.6rem
    }

    .prd-layout-grid.largeScreen-spaceY-9 {
        margin-top: -3.6rem;
        margin-bottom: -3.6rem
    }

    .prd-layout-grid.largeScreen-spaceY-9>* {
        margin-top: 3.6rem;
        margin-bottom: 3.6rem
    }

    .prd-layout-grid.largeScreen-spaceX-10 {
        margin-right: -6rem;
        margin-left: -6rem
    }

    .prd-layout-grid.largeScreen-spaceX-10>* {
        padding-right: 6rem;
        padding-left: 6rem
    }

    .prd-layout-grid.largeScreen-spaceY-10 {
        margin-top: -6rem;
        margin-bottom: -6rem
    }

    .prd-layout-grid.largeScreen-spaceY-10>* {
        margin-top: 6rem;
        margin-bottom: 6rem
    }

    .prd-layout-grid.largeScreen-spaceX-11 {
        margin-right: -7.2rem;
        margin-left: -7.2rem
    }

    .prd-layout-grid.largeScreen-spaceX-11>* {
        padding-right: 7.2rem;
        padding-left: 7.2rem
    }

    .prd-layout-grid.largeScreen-spaceY-11 {
        margin-top: -7.2rem;
        margin-bottom: -7.2rem
    }

    .prd-layout-grid.largeScreen-spaceY-11>* {
        margin-top: 7.2rem;
        margin-bottom: 7.2rem
    }

    .prd-layout-grid.largeScreen-spaceX-12 {
        margin-right: -8.4rem;
        margin-left: -8.4rem
    }

    .prd-layout-grid.largeScreen-spaceX-12>* {
        padding-right: 8.4rem;
        padding-left: 8.4rem
    }

    .prd-layout-grid.largeScreen-spaceY-12 {
        margin-top: -8.4rem;
        margin-bottom: -8.4rem
    }

    .prd-layout-grid.largeScreen-spaceY-12>* {
        margin-top: 8.4rem;
        margin-bottom: 8.4rem
    }
}

@media(min-width:77.5625em) {
    .prd-layout-grid.extraLargeScreen-spaceX-0 {
        margin-right: 0;
        margin-left: 0
    }

    .prd-layout-grid.extraLargeScreen-spaceX-0>* {
        padding-right: 0;
        padding-left: 0
    }

    .prd-layout-grid.extraLargeScreen-spaceY-0,
    .prd-layout-grid.extraLargeScreen-spaceY-0>* {
        margin-top: 0;
        margin-bottom: 0
    }

    .prd-layout-grid.extraLargeScreen-spaceX-1 {
        margin-right: -.2rem;
        margin-left: -.2rem
    }

    .prd-layout-grid.extraLargeScreen-spaceX-1>* {
        padding-right: .2rem;
        padding-left: .2rem
    }

    .prd-layout-grid.extraLargeScreen-spaceY-1 {
        margin-top: -.2rem;
        margin-bottom: -.2rem
    }

    .prd-layout-grid.extraLargeScreen-spaceY-1>* {
        margin-top: .2rem;
        margin-bottom: .2rem
    }

    .prd-layout-grid.extraLargeScreen-spaceX-2 {
        margin-right: -.4rem;
        margin-left: -.4rem
    }

    .prd-layout-grid.extraLargeScreen-spaceX-2>* {
        padding-right: .4rem;
        padding-left: .4rem
    }

    .prd-layout-grid.extraLargeScreen-spaceY-2 {
        margin-top: -.4rem;
        margin-bottom: -.4rem
    }

    .prd-layout-grid.extraLargeScreen-spaceY-2>* {
        margin-top: .4rem;
        margin-bottom: .4rem
    }

    .prd-layout-grid.extraLargeScreen-spaceX-3 {
        margin-right: -.8rem;
        margin-left: -.8rem
    }

    .prd-layout-grid.extraLargeScreen-spaceX-3>* {
        padding-right: .8rem;
        padding-left: .8rem
    }

    .prd-layout-grid.extraLargeScreen-spaceY-3 {
        margin-top: -.8rem;
        margin-bottom: -.8rem
    }

    .prd-layout-grid.extraLargeScreen-spaceY-3>* {
        margin-top: .8rem;
        margin-bottom: .8rem
    }

    .prd-layout-grid.extraLargeScreen-spaceX-4 {
        margin-right: -1rem;
        margin-left: -1rem
    }

    .prd-layout-grid.extraLargeScreen-spaceX-4>* {
        padding-right: 1rem;
        padding-left: 1rem
    }

    .prd-layout-grid.extraLargeScreen-spaceY-4 {
        margin-top: -1rem;
        margin-bottom: -1rem
    }

    .prd-layout-grid.extraLargeScreen-spaceY-4>* {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .prd-layout-grid.extraLargeScreen-spaceX-5 {
        margin-right: -1.2rem;
        margin-left: -1.2rem
    }

    .prd-layout-grid.extraLargeScreen-spaceX-5>* {
        padding-right: 1.2rem;
        padding-left: 1.2rem
    }

    .prd-layout-grid.extraLargeScreen-spaceY-5 {
        margin-top: -1.2rem;
        margin-bottom: -1.2rem
    }

    .prd-layout-grid.extraLargeScreen-spaceY-5>* {
        margin-top: 1.2rem;
        margin-bottom: 1.2rem
    }

    .prd-layout-grid.extraLargeScreen-spaceX-6 {
        margin-right: -1.6rem;
        margin-left: -1.6rem
    }

    .prd-layout-grid.extraLargeScreen-spaceX-6>* {
        padding-right: 1.6rem;
        padding-left: 1.6rem
    }

    .prd-layout-grid.extraLargeScreen-spaceY-6 {
        margin-top: -1.6rem;
        margin-bottom: -1.6rem
    }

    .prd-layout-grid.extraLargeScreen-spaceY-6>* {
        margin-top: 1.6rem;
        margin-bottom: 1.6rem
    }

    .prd-layout-grid.extraLargeScreen-spaceX-7 {
        margin-right: -2rem;
        margin-left: -2rem
    }

    .prd-layout-grid.extraLargeScreen-spaceX-7>* {
        padding-right: 2rem;
        padding-left: 2rem
    }

    .prd-layout-grid.extraLargeScreen-spaceY-7 {
        margin-top: -2rem;
        margin-bottom: -2rem
    }

    .prd-layout-grid.extraLargeScreen-spaceY-7>* {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .prd-layout-grid.extraLargeScreen-spaceX-8 {
        margin-right: -3.2rem;
        margin-left: -3.2rem
    }

    .prd-layout-grid.extraLargeScreen-spaceX-8>* {
        padding-right: 3.2rem;
        padding-left: 3.2rem
    }

    .prd-layout-grid.extraLargeScreen-spaceY-8 {
        margin-top: -3.2rem;
        margin-bottom: -3.2rem
    }

    .prd-layout-grid.extraLargeScreen-spaceY-8>* {
        margin-top: 3.2rem;
        margin-bottom: 3.2rem
    }

    .prd-layout-grid.extraLargeScreen-spaceX-9 {
        margin-right: -3.6rem;
        margin-left: -3.6rem
    }

    .prd-layout-grid.extraLargeScreen-spaceX-9>* {
        padding-right: 3.6rem;
        padding-left: 3.6rem
    }

    .prd-layout-grid.extraLargeScreen-spaceY-9 {
        margin-top: -3.6rem;
        margin-bottom: -3.6rem
    }

    .prd-layout-grid.extraLargeScreen-spaceY-9>* {
        margin-top: 3.6rem;
        margin-bottom: 3.6rem
    }

    .prd-layout-grid.extraLargeScreen-spaceX-10 {
        margin-right: -6rem;
        margin-left: -6rem
    }

    .prd-layout-grid.extraLargeScreen-spaceX-10>* {
        padding-right: 6rem;
        padding-left: 6rem
    }

    .prd-layout-grid.extraLargeScreen-spaceY-10 {
        margin-top: -6rem;
        margin-bottom: -6rem
    }

    .prd-layout-grid.extraLargeScreen-spaceY-10>* {
        margin-top: 6rem;
        margin-bottom: 6rem
    }

    .prd-layout-grid.extraLargeScreen-spaceX-11 {
        margin-right: -7.2rem;
        margin-left: -7.2rem
    }

    .prd-layout-grid.extraLargeScreen-spaceX-11>* {
        padding-right: 7.2rem;
        padding-left: 7.2rem
    }

    .prd-layout-grid.extraLargeScreen-spaceY-11 {
        margin-top: -7.2rem;
        margin-bottom: -7.2rem
    }

    .prd-layout-grid.extraLargeScreen-spaceY-11>* {
        margin-top: 7.2rem;
        margin-bottom: 7.2rem
    }

    .prd-layout-grid.extraLargeScreen-spaceX-12 {
        margin-right: -8.4rem;
        margin-left: -8.4rem
    }

    .prd-layout-grid.extraLargeScreen-spaceX-12>* {
        padding-right: 8.4rem;
        padding-left: 8.4rem
    }

    .prd-layout-grid.extraLargeScreen-spaceY-12 {
        margin-top: -8.4rem;
        margin-bottom: -8.4rem
    }

    .prd-layout-grid.extraLargeScreen-spaceY-12>* {
        margin-top: 8.4rem;
        margin-bottom: 8.4rem
    }
}

.prd-layout-grid.of-general.of-column-1>.prd-layout-grid-column.of-column-1 {
    width: 100%
}

.prd-layout-grid.of-general.of-column-2>.prd-layout-grid-column.of-column-1 {
    width: 50%
}

.prd-layout-grid.of-general.of-column-2>.prd-layout-grid-column.of-column-2 {
    width: 100%
}

.prd-layout-grid.of-general.of-column-3>.prd-layout-grid-column.of-column-1 {
    width: 33.3333333333%
}

.prd-layout-grid.of-general.of-column-3>.prd-layout-grid-column.of-column-2 {
    width: 66.6666666667%
}

.prd-layout-grid.of-general.of-column-3>.prd-layout-grid-column.of-column-3 {
    width: 100%
}

.prd-layout-grid.of-general.of-column-4>.prd-layout-grid-column.of-column-1 {
    width: 25%
}

.prd-layout-grid.of-general.of-column-4>.prd-layout-grid-column.of-column-2 {
    width: 50%
}

.prd-layout-grid.of-general.of-column-4>.prd-layout-grid-column.of-column-3 {
    width: 75%
}

.prd-layout-grid.of-general.of-column-4>.prd-layout-grid-column.of-column-4 {
    width: 100%
}

.prd-layout-grid.of-general.of-column-5>.prd-layout-grid-column.of-column-1 {
    width: 20%
}

.prd-layout-grid.of-general.of-column-5>.prd-layout-grid-column.of-column-2 {
    width: 40%
}

.prd-layout-grid.of-general.of-column-5>.prd-layout-grid-column.of-column-3 {
    width: 60%
}

.prd-layout-grid.of-general.of-column-5>.prd-layout-grid-column.of-column-4 {
    width: 80%
}

.prd-layout-grid.of-general.of-column-5>.prd-layout-grid-column.of-column-5 {
    width: 100%
}

.prd-layout-grid.of-general.of-column-6>.prd-layout-grid-column.of-column-1 {
    width: 16.6666666667%
}

.prd-layout-grid.of-general.of-column-6>.prd-layout-grid-column.of-column-2 {
    width: 33.3333333333%
}

.prd-layout-grid.of-general.of-column-6>.prd-layout-grid-column.of-column-3 {
    width: 50%
}

.prd-layout-grid.of-general.of-column-6>.prd-layout-grid-column.of-column-4 {
    width: 66.6666666667%
}

.prd-layout-grid.of-general.of-column-6>.prd-layout-grid-column.of-column-5 {
    width: 83.3333333333%
}

.prd-layout-grid.of-general.of-column-6>.prd-layout-grid-column.of-column-6 {
    width: 100%
}

.prd-layout-grid.of-general.of-column-7>.prd-layout-grid-column.of-column-1 {
    width: 14.2857142857%
}

.prd-layout-grid.of-general.of-column-7>.prd-layout-grid-column.of-column-2 {
    width: 28.5714285714%
}

.prd-layout-grid.of-general.of-column-7>.prd-layout-grid-column.of-column-3 {
    width: 42.8571428571%
}

.prd-layout-grid.of-general.of-column-7>.prd-layout-grid-column.of-column-4 {
    width: 57.1428571429%
}

.prd-layout-grid.of-general.of-column-7>.prd-layout-grid-column.of-column-5 {
    width: 71.4285714286%
}

.prd-layout-grid.of-general.of-column-7>.prd-layout-grid-column.of-column-6 {
    width: 85.7142857143%
}

.prd-layout-grid.of-general.of-column-7>.prd-layout-grid-column.of-column-7 {
    width: 100%
}

.prd-layout-grid.of-general.of-column-8>.prd-layout-grid-column.of-column-1 {
    width: 12.5%
}

.prd-layout-grid.of-general.of-column-8>.prd-layout-grid-column.of-column-2 {
    width: 25%
}

.prd-layout-grid.of-general.of-column-8>.prd-layout-grid-column.of-column-3 {
    width: 37.5%
}

.prd-layout-grid.of-general.of-column-8>.prd-layout-grid-column.of-column-4 {
    width: 50%
}

.prd-layout-grid.of-general.of-column-8>.prd-layout-grid-column.of-column-5 {
    width: 62.5%
}

.prd-layout-grid.of-general.of-column-8>.prd-layout-grid-column.of-column-6 {
    width: 75%
}

.prd-layout-grid.of-general.of-column-8>.prd-layout-grid-column.of-column-7 {
    width: 87.5%
}

.prd-layout-grid.of-general.of-column-8>.prd-layout-grid-column.of-column-8 {
    width: 100%
}

.prd-layout-grid.of-general.of-column-9>.prd-layout-grid-column.of-column-1 {
    width: 11.1111111111%
}

.prd-layout-grid.of-general.of-column-9>.prd-layout-grid-column.of-column-2 {
    width: 22.2222222222%
}

.prd-layout-grid.of-general.of-column-9>.prd-layout-grid-column.of-column-3 {
    width: 33.3333333333%
}

.prd-layout-grid.of-general.of-column-9>.prd-layout-grid-column.of-column-4 {
    width: 44.4444444444%
}

.prd-layout-grid.of-general.of-column-9>.prd-layout-grid-column.of-column-5 {
    width: 55.5555555556%
}

.prd-layout-grid.of-general.of-column-9>.prd-layout-grid-column.of-column-6 {
    width: 66.6666666667%
}

.prd-layout-grid.of-general.of-column-9>.prd-layout-grid-column.of-column-7 {
    width: 77.7777777778%
}

.prd-layout-grid.of-general.of-column-9>.prd-layout-grid-column.of-column-8 {
    width: 88.8888888889%
}

.prd-layout-grid.of-general.of-column-9>.prd-layout-grid-column.of-column-9 {
    width: 100%
}

.prd-layout-grid.of-general.of-column-10>.prd-layout-grid-column.of-column-1 {
    width: 10%
}

.prd-layout-grid.of-general.of-column-10>.prd-layout-grid-column.of-column-2 {
    width: 20%
}

.prd-layout-grid.of-general.of-column-10>.prd-layout-grid-column.of-column-3 {
    width: 30%
}

.prd-layout-grid.of-general.of-column-10>.prd-layout-grid-column.of-column-4 {
    width: 40%
}

.prd-layout-grid.of-general.of-column-10>.prd-layout-grid-column.of-column-5 {
    width: 50%
}

.prd-layout-grid.of-general.of-column-10>.prd-layout-grid-column.of-column-6 {
    width: 60%
}

.prd-layout-grid.of-general.of-column-10>.prd-layout-grid-column.of-column-7 {
    width: 70%
}

.prd-layout-grid.of-general.of-column-10>.prd-layout-grid-column.of-column-8 {
    width: 80%
}

.prd-layout-grid.of-general.of-column-10>.prd-layout-grid-column.of-column-9 {
    width: 90%
}

.prd-layout-grid.of-general.of-column-10>.prd-layout-grid-column.of-column-10 {
    width: 100%
}

.prd-layout-grid.of-general.of-column-11>.prd-layout-grid-column.of-column-1 {
    width: 9.0909090909%
}

.prd-layout-grid.of-general.of-column-11>.prd-layout-grid-column.of-column-2 {
    width: 18.1818181818%
}

.prd-layout-grid.of-general.of-column-11>.prd-layout-grid-column.of-column-3 {
    width: 27.2727272727%
}

.prd-layout-grid.of-general.of-column-11>.prd-layout-grid-column.of-column-4 {
    width: 36.3636363636%
}

.prd-layout-grid.of-general.of-column-11>.prd-layout-grid-column.of-column-5 {
    width: 45.4545454545%
}

.prd-layout-grid.of-general.of-column-11>.prd-layout-grid-column.of-column-6 {
    width: 54.5454545455%
}

.prd-layout-grid.of-general.of-column-11>.prd-layout-grid-column.of-column-7 {
    width: 63.6363636364%
}

.prd-layout-grid.of-general.of-column-11>.prd-layout-grid-column.of-column-8 {
    width: 72.7272727273%
}

.prd-layout-grid.of-general.of-column-11>.prd-layout-grid-column.of-column-9 {
    width: 81.8181818182%
}

.prd-layout-grid.of-general.of-column-11>.prd-layout-grid-column.of-column-10 {
    width: 90.9090909091%
}

.prd-layout-grid.of-general.of-column-11>.prd-layout-grid-column.of-column-11 {
    width: 100%
}

.prd-layout-grid.of-general.of-column-12>.prd-layout-grid-column.of-column-1 {
    width: 8.3333333333%
}

.prd-layout-grid.of-general.of-column-12>.prd-layout-grid-column.of-column-2 {
    width: 16.6666666667%
}

.prd-layout-grid.of-general.of-column-12>.prd-layout-grid-column.of-column-3 {
    width: 25%
}

.prd-layout-grid.of-general.of-column-12>.prd-layout-grid-column.of-column-4 {
    width: 33.3333333333%
}

.prd-layout-grid.of-general.of-column-12>.prd-layout-grid-column.of-column-5 {
    width: 41.6666666667%
}

.prd-layout-grid.of-general.of-column-12>.prd-layout-grid-column.of-column-6 {
    width: 50%
}

.prd-layout-grid.of-general.of-column-12>.prd-layout-grid-column.of-column-7 {
    width: 58.3333333333%
}

.prd-layout-grid.of-general.of-column-12>.prd-layout-grid-column.of-column-8 {
    width: 66.6666666667%
}

.prd-layout-grid.of-general.of-column-12>.prd-layout-grid-column.of-column-9 {
    width: 75%
}

.prd-layout-grid.of-general.of-column-12>.prd-layout-grid-column.of-column-10 {
    width: 83.3333333333%
}

.prd-layout-grid.of-general.of-column-12>.prd-layout-grid-column.of-column-11 {
    width: 91.6666666667%
}

.prd-layout-grid.of-general.of-column-12>.prd-layout-grid-column.of-column-12 {
    width: 100%
}

@media(max-width:60.5625em) {
    .prd-layout-grid.of-general.smallScreen-column-1>.prd-layout-grid-column.smallScreen-column-1 {
        width: 100%
    }

    .prd-layout-grid.of-general.smallScreen-column-2>.prd-layout-grid-column.smallScreen-column-1 {
        width: 50%
    }

    .prd-layout-grid.of-general.smallScreen-column-2>.prd-layout-grid-column.smallScreen-column-2 {
        width: 100%
    }

    .prd-layout-grid.of-general.smallScreen-column-3>.prd-layout-grid-column.smallScreen-column-1 {
        width: 33.3333333333%
    }

    .prd-layout-grid.of-general.smallScreen-column-3>.prd-layout-grid-column.smallScreen-column-2 {
        width: 66.6666666667%
    }

    .prd-layout-grid.of-general.smallScreen-column-3>.prd-layout-grid-column.smallScreen-column-3 {
        width: 100%
    }

    .prd-layout-grid.of-general.smallScreen-column-4>.prd-layout-grid-column.smallScreen-column-1 {
        width: 25%
    }

    .prd-layout-grid.of-general.smallScreen-column-4>.prd-layout-grid-column.smallScreen-column-2 {
        width: 50%
    }

    .prd-layout-grid.of-general.smallScreen-column-4>.prd-layout-grid-column.smallScreen-column-3 {
        width: 75%
    }

    .prd-layout-grid.of-general.smallScreen-column-4>.prd-layout-grid-column.smallScreen-column-4 {
        width: 100%
    }

    .prd-layout-grid.of-general.smallScreen-column-5>.prd-layout-grid-column.smallScreen-column-1 {
        width: 20%
    }

    .prd-layout-grid.of-general.smallScreen-column-5>.prd-layout-grid-column.smallScreen-column-2 {
        width: 40%
    }

    .prd-layout-grid.of-general.smallScreen-column-5>.prd-layout-grid-column.smallScreen-column-3 {
        width: 60%
    }

    .prd-layout-grid.of-general.smallScreen-column-5>.prd-layout-grid-column.smallScreen-column-4 {
        width: 80%
    }

    .prd-layout-grid.of-general.smallScreen-column-5>.prd-layout-grid-column.smallScreen-column-5 {
        width: 100%
    }

    .prd-layout-grid.of-general.smallScreen-column-6>.prd-layout-grid-column.smallScreen-column-1 {
        width: 16.6666666667%
    }

    .prd-layout-grid.of-general.smallScreen-column-6>.prd-layout-grid-column.smallScreen-column-2 {
        width: 33.3333333333%
    }

    .prd-layout-grid.of-general.smallScreen-column-6>.prd-layout-grid-column.smallScreen-column-3 {
        width: 50%
    }

    .prd-layout-grid.of-general.smallScreen-column-6>.prd-layout-grid-column.smallScreen-column-4 {
        width: 66.6666666667%
    }

    .prd-layout-grid.of-general.smallScreen-column-6>.prd-layout-grid-column.smallScreen-column-5 {
        width: 83.3333333333%
    }

    .prd-layout-grid.of-general.smallScreen-column-6>.prd-layout-grid-column.smallScreen-column-6 {
        width: 100%
    }

    .prd-layout-grid.of-general.smallScreen-column-7>.prd-layout-grid-column.smallScreen-column-1 {
        width: 14.2857142857%
    }

    .prd-layout-grid.of-general.smallScreen-column-7>.prd-layout-grid-column.smallScreen-column-2 {
        width: 28.5714285714%
    }

    .prd-layout-grid.of-general.smallScreen-column-7>.prd-layout-grid-column.smallScreen-column-3 {
        width: 42.8571428571%
    }

    .prd-layout-grid.of-general.smallScreen-column-7>.prd-layout-grid-column.smallScreen-column-4 {
        width: 57.1428571429%
    }

    .prd-layout-grid.of-general.smallScreen-column-7>.prd-layout-grid-column.smallScreen-column-5 {
        width: 71.4285714286%
    }

    .prd-layout-grid.of-general.smallScreen-column-7>.prd-layout-grid-column.smallScreen-column-6 {
        width: 85.7142857143%
    }

    .prd-layout-grid.of-general.smallScreen-column-7>.prd-layout-grid-column.smallScreen-column-7 {
        width: 100%
    }

    .prd-layout-grid.of-general.smallScreen-column-8>.prd-layout-grid-column.smallScreen-column-1 {
        width: 12.5%
    }

    .prd-layout-grid.of-general.smallScreen-column-8>.prd-layout-grid-column.smallScreen-column-2 {
        width: 25%
    }

    .prd-layout-grid.of-general.smallScreen-column-8>.prd-layout-grid-column.smallScreen-column-3 {
        width: 37.5%
    }

    .prd-layout-grid.of-general.smallScreen-column-8>.prd-layout-grid-column.smallScreen-column-4 {
        width: 50%
    }

    .prd-layout-grid.of-general.smallScreen-column-8>.prd-layout-grid-column.smallScreen-column-5 {
        width: 62.5%
    }

    .prd-layout-grid.of-general.smallScreen-column-8>.prd-layout-grid-column.smallScreen-column-6 {
        width: 75%
    }

    .prd-layout-grid.of-general.smallScreen-column-8>.prd-layout-grid-column.smallScreen-column-7 {
        width: 87.5%
    }

    .prd-layout-grid.of-general.smallScreen-column-8>.prd-layout-grid-column.smallScreen-column-8 {
        width: 100%
    }

    .prd-layout-grid.of-general.smallScreen-column-9>.prd-layout-grid-column.smallScreen-column-1 {
        width: 11.1111111111%
    }

    .prd-layout-grid.of-general.smallScreen-column-9>.prd-layout-grid-column.smallScreen-column-2 {
        width: 22.2222222222%
    }

    .prd-layout-grid.of-general.smallScreen-column-9>.prd-layout-grid-column.smallScreen-column-3 {
        width: 33.3333333333%
    }

    .prd-layout-grid.of-general.smallScreen-column-9>.prd-layout-grid-column.smallScreen-column-4 {
        width: 44.4444444444%
    }

    .prd-layout-grid.of-general.smallScreen-column-9>.prd-layout-grid-column.smallScreen-column-5 {
        width: 55.5555555556%
    }

    .prd-layout-grid.of-general.smallScreen-column-9>.prd-layout-grid-column.smallScreen-column-6 {
        width: 66.6666666667%
    }

    .prd-layout-grid.of-general.smallScreen-column-9>.prd-layout-grid-column.smallScreen-column-7 {
        width: 77.7777777778%
    }

    .prd-layout-grid.of-general.smallScreen-column-9>.prd-layout-grid-column.smallScreen-column-8 {
        width: 88.8888888889%
    }

    .prd-layout-grid.of-general.smallScreen-column-9>.prd-layout-grid-column.smallScreen-column-9 {
        width: 100%
    }

    .prd-layout-grid.of-general.smallScreen-column-10>.prd-layout-grid-column.smallScreen-column-1 {
        width: 10%
    }

    .prd-layout-grid.of-general.smallScreen-column-10>.prd-layout-grid-column.smallScreen-column-2 {
        width: 20%
    }

    .prd-layout-grid.of-general.smallScreen-column-10>.prd-layout-grid-column.smallScreen-column-3 {
        width: 30%
    }

    .prd-layout-grid.of-general.smallScreen-column-10>.prd-layout-grid-column.smallScreen-column-4 {
        width: 40%
    }

    .prd-layout-grid.of-general.smallScreen-column-10>.prd-layout-grid-column.smallScreen-column-5 {
        width: 50%
    }

    .prd-layout-grid.of-general.smallScreen-column-10>.prd-layout-grid-column.smallScreen-column-6 {
        width: 60%
    }

    .prd-layout-grid.of-general.smallScreen-column-10>.prd-layout-grid-column.smallScreen-column-7 {
        width: 70%
    }

    .prd-layout-grid.of-general.smallScreen-column-10>.prd-layout-grid-column.smallScreen-column-8 {
        width: 80%
    }

    .prd-layout-grid.of-general.smallScreen-column-10>.prd-layout-grid-column.smallScreen-column-9 {
        width: 90%
    }

    .prd-layout-grid.of-general.smallScreen-column-10>.prd-layout-grid-column.smallScreen-column-10 {
        width: 100%
    }

    .prd-layout-grid.of-general.smallScreen-column-11>.prd-layout-grid-column.smallScreen-column-1 {
        width: 9.0909090909%
    }

    .prd-layout-grid.of-general.smallScreen-column-11>.prd-layout-grid-column.smallScreen-column-2 {
        width: 18.1818181818%
    }

    .prd-layout-grid.of-general.smallScreen-column-11>.prd-layout-grid-column.smallScreen-column-3 {
        width: 27.2727272727%
    }

    .prd-layout-grid.of-general.smallScreen-column-11>.prd-layout-grid-column.smallScreen-column-4 {
        width: 36.3636363636%
    }

    .prd-layout-grid.of-general.smallScreen-column-11>.prd-layout-grid-column.smallScreen-column-5 {
        width: 45.4545454545%
    }

    .prd-layout-grid.of-general.smallScreen-column-11>.prd-layout-grid-column.smallScreen-column-6 {
        width: 54.5454545455%
    }

    .prd-layout-grid.of-general.smallScreen-column-11>.prd-layout-grid-column.smallScreen-column-7 {
        width: 63.6363636364%
    }

    .prd-layout-grid.of-general.smallScreen-column-11>.prd-layout-grid-column.smallScreen-column-8 {
        width: 72.7272727273%
    }

    .prd-layout-grid.of-general.smallScreen-column-11>.prd-layout-grid-column.smallScreen-column-9 {
        width: 81.8181818182%
    }

    .prd-layout-grid.of-general.smallScreen-column-11>.prd-layout-grid-column.smallScreen-column-10 {
        width: 90.9090909091%
    }

    .prd-layout-grid.of-general.smallScreen-column-11>.prd-layout-grid-column.smallScreen-column-11 {
        width: 100%
    }

    .prd-layout-grid.of-general.smallScreen-column-12>.prd-layout-grid-column.smallScreen-column-1 {
        width: 8.3333333333%
    }

    .prd-layout-grid.of-general.smallScreen-column-12>.prd-layout-grid-column.smallScreen-column-2 {
        width: 16.6666666667%
    }

    .prd-layout-grid.of-general.smallScreen-column-12>.prd-layout-grid-column.smallScreen-column-3 {
        width: 25%
    }

    .prd-layout-grid.of-general.smallScreen-column-12>.prd-layout-grid-column.smallScreen-column-4 {
        width: 33.3333333333%
    }

    .prd-layout-grid.of-general.smallScreen-column-12>.prd-layout-grid-column.smallScreen-column-5 {
        width: 41.6666666667%
    }

    .prd-layout-grid.of-general.smallScreen-column-12>.prd-layout-grid-column.smallScreen-column-6 {
        width: 50%
    }

    .prd-layout-grid.of-general.smallScreen-column-12>.prd-layout-grid-column.smallScreen-column-7 {
        width: 58.3333333333%
    }

    .prd-layout-grid.of-general.smallScreen-column-12>.prd-layout-grid-column.smallScreen-column-8 {
        width: 66.6666666667%
    }

    .prd-layout-grid.of-general.smallScreen-column-12>.prd-layout-grid-column.smallScreen-column-9 {
        width: 75%
    }

    .prd-layout-grid.of-general.smallScreen-column-12>.prd-layout-grid-column.smallScreen-column-10 {
        width: 83.3333333333%
    }

    .prd-layout-grid.of-general.smallScreen-column-12>.prd-layout-grid-column.smallScreen-column-11 {
        width: 91.6666666667%
    }

    .prd-layout-grid.of-general.smallScreen-column-12>.prd-layout-grid-column.smallScreen-column-12 {
        width: 100%
    }
}

@media(max-width:47.9375em) {
    .prd-layout-grid.of-general.extraSmallScreen-column-1>.prd-layout-grid-column.extraSmallScreen-column-1 {
        width: 100%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-2>.prd-layout-grid-column.extraSmallScreen-column-1 {
        width: 50%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-2>.prd-layout-grid-column.extraSmallScreen-column-2 {
        width: 100%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-3>.prd-layout-grid-column.extraSmallScreen-column-1 {
        width: 33.3333333333%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-3>.prd-layout-grid-column.extraSmallScreen-column-2 {
        width: 66.6666666667%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-3>.prd-layout-grid-column.extraSmallScreen-column-3 {
        width: 100%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-4>.prd-layout-grid-column.extraSmallScreen-column-1 {
        width: 25%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-4>.prd-layout-grid-column.extraSmallScreen-column-2 {
        width: 50%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-4>.prd-layout-grid-column.extraSmallScreen-column-3 {
        width: 75%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-4>.prd-layout-grid-column.extraSmallScreen-column-4 {
        width: 100%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-5>.prd-layout-grid-column.extraSmallScreen-column-1 {
        width: 20%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-5>.prd-layout-grid-column.extraSmallScreen-column-2 {
        width: 40%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-5>.prd-layout-grid-column.extraSmallScreen-column-3 {
        width: 60%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-5>.prd-layout-grid-column.extraSmallScreen-column-4 {
        width: 80%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-5>.prd-layout-grid-column.extraSmallScreen-column-5 {
        width: 100%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-6>.prd-layout-grid-column.extraSmallScreen-column-1 {
        width: 16.6666666667%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-6>.prd-layout-grid-column.extraSmallScreen-column-2 {
        width: 33.3333333333%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-6>.prd-layout-grid-column.extraSmallScreen-column-3 {
        width: 50%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-6>.prd-layout-grid-column.extraSmallScreen-column-4 {
        width: 66.6666666667%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-6>.prd-layout-grid-column.extraSmallScreen-column-5 {
        width: 83.3333333333%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-6>.prd-layout-grid-column.extraSmallScreen-column-6 {
        width: 100%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-7>.prd-layout-grid-column.extraSmallScreen-column-1 {
        width: 14.2857142857%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-7>.prd-layout-grid-column.extraSmallScreen-column-2 {
        width: 28.5714285714%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-7>.prd-layout-grid-column.extraSmallScreen-column-3 {
        width: 42.8571428571%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-7>.prd-layout-grid-column.extraSmallScreen-column-4 {
        width: 57.1428571429%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-7>.prd-layout-grid-column.extraSmallScreen-column-5 {
        width: 71.4285714286%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-7>.prd-layout-grid-column.extraSmallScreen-column-6 {
        width: 85.7142857143%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-7>.prd-layout-grid-column.extraSmallScreen-column-7 {
        width: 100%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-8>.prd-layout-grid-column.extraSmallScreen-column-1 {
        width: 12.5%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-8>.prd-layout-grid-column.extraSmallScreen-column-2 {
        width: 25%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-8>.prd-layout-grid-column.extraSmallScreen-column-3 {
        width: 37.5%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-8>.prd-layout-grid-column.extraSmallScreen-column-4 {
        width: 50%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-8>.prd-layout-grid-column.extraSmallScreen-column-5 {
        width: 62.5%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-8>.prd-layout-grid-column.extraSmallScreen-column-6 {
        width: 75%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-8>.prd-layout-grid-column.extraSmallScreen-column-7 {
        width: 87.5%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-8>.prd-layout-grid-column.extraSmallScreen-column-8 {
        width: 100%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-9>.prd-layout-grid-column.extraSmallScreen-column-1 {
        width: 11.1111111111%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-9>.prd-layout-grid-column.extraSmallScreen-column-2 {
        width: 22.2222222222%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-9>.prd-layout-grid-column.extraSmallScreen-column-3 {
        width: 33.3333333333%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-9>.prd-layout-grid-column.extraSmallScreen-column-4 {
        width: 44.4444444444%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-9>.prd-layout-grid-column.extraSmallScreen-column-5 {
        width: 55.5555555556%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-9>.prd-layout-grid-column.extraSmallScreen-column-6 {
        width: 66.6666666667%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-9>.prd-layout-grid-column.extraSmallScreen-column-7 {
        width: 77.7777777778%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-9>.prd-layout-grid-column.extraSmallScreen-column-8 {
        width: 88.8888888889%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-9>.prd-layout-grid-column.extraSmallScreen-column-9 {
        width: 100%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-10>.prd-layout-grid-column.extraSmallScreen-column-1 {
        width: 10%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-10>.prd-layout-grid-column.extraSmallScreen-column-2 {
        width: 20%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-10>.prd-layout-grid-column.extraSmallScreen-column-3 {
        width: 30%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-10>.prd-layout-grid-column.extraSmallScreen-column-4 {
        width: 40%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-10>.prd-layout-grid-column.extraSmallScreen-column-5 {
        width: 50%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-10>.prd-layout-grid-column.extraSmallScreen-column-6 {
        width: 60%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-10>.prd-layout-grid-column.extraSmallScreen-column-7 {
        width: 70%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-10>.prd-layout-grid-column.extraSmallScreen-column-8 {
        width: 80%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-10>.prd-layout-grid-column.extraSmallScreen-column-9 {
        width: 90%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-10>.prd-layout-grid-column.extraSmallScreen-column-10 {
        width: 100%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-11>.prd-layout-grid-column.extraSmallScreen-column-1 {
        width: 9.0909090909%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-11>.prd-layout-grid-column.extraSmallScreen-column-2 {
        width: 18.1818181818%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-11>.prd-layout-grid-column.extraSmallScreen-column-3 {
        width: 27.2727272727%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-11>.prd-layout-grid-column.extraSmallScreen-column-4 {
        width: 36.3636363636%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-11>.prd-layout-grid-column.extraSmallScreen-column-5 {
        width: 45.4545454545%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-11>.prd-layout-grid-column.extraSmallScreen-column-6 {
        width: 54.5454545455%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-11>.prd-layout-grid-column.extraSmallScreen-column-7 {
        width: 63.6363636364%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-11>.prd-layout-grid-column.extraSmallScreen-column-8 {
        width: 72.7272727273%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-11>.prd-layout-grid-column.extraSmallScreen-column-9 {
        width: 81.8181818182%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-11>.prd-layout-grid-column.extraSmallScreen-column-10 {
        width: 90.9090909091%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-11>.prd-layout-grid-column.extraSmallScreen-column-11 {
        width: 100%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-12>.prd-layout-grid-column.extraSmallScreen-column-1 {
        width: 8.3333333333%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-12>.prd-layout-grid-column.extraSmallScreen-column-2 {
        width: 16.6666666667%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-12>.prd-layout-grid-column.extraSmallScreen-column-3 {
        width: 25%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-12>.prd-layout-grid-column.extraSmallScreen-column-4 {
        width: 33.3333333333%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-12>.prd-layout-grid-column.extraSmallScreen-column-5 {
        width: 41.6666666667%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-12>.prd-layout-grid-column.extraSmallScreen-column-6 {
        width: 50%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-12>.prd-layout-grid-column.extraSmallScreen-column-7 {
        width: 58.3333333333%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-12>.prd-layout-grid-column.extraSmallScreen-column-8 {
        width: 66.6666666667%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-12>.prd-layout-grid-column.extraSmallScreen-column-9 {
        width: 75%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-12>.prd-layout-grid-column.extraSmallScreen-column-10 {
        width: 83.3333333333%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-12>.prd-layout-grid-column.extraSmallScreen-column-11 {
        width: 91.6666666667%
    }

    .prd-layout-grid.of-general.extraSmallScreen-column-12>.prd-layout-grid-column.extraSmallScreen-column-12 {
        width: 100%
    }
}

@media(min-width:60.625em) {
    .prd-layout-grid.of-general.largeScreen-column-1>.prd-layout-grid-column.largeScreen-column-1 {
        width: 100%
    }

    .prd-layout-grid.of-general.largeScreen-column-2>.prd-layout-grid-column.largeScreen-column-1 {
        width: 50%
    }

    .prd-layout-grid.of-general.largeScreen-column-2>.prd-layout-grid-column.largeScreen-column-2 {
        width: 100%
    }

    .prd-layout-grid.of-general.largeScreen-column-3>.prd-layout-grid-column.largeScreen-column-1 {
        width: 33.3333333333%
    }

    .prd-layout-grid.of-general.largeScreen-column-3>.prd-layout-grid-column.largeScreen-column-2 {
        width: 66.6666666667%
    }

    .prd-layout-grid.of-general.largeScreen-column-3>.prd-layout-grid-column.largeScreen-column-3 {
        width: 100%
    }

    .prd-layout-grid.of-general.largeScreen-column-4>.prd-layout-grid-column.largeScreen-column-1 {
        width: 25%
    }

    .prd-layout-grid.of-general.largeScreen-column-4>.prd-layout-grid-column.largeScreen-column-2 {
        width: 50%
    }

    .prd-layout-grid.of-general.largeScreen-column-4>.prd-layout-grid-column.largeScreen-column-3 {
        width: 75%
    }

    .prd-layout-grid.of-general.largeScreen-column-4>.prd-layout-grid-column.largeScreen-column-4 {
        width: 100%
    }

    .prd-layout-grid.of-general.largeScreen-column-5>.prd-layout-grid-column.largeScreen-column-1 {
        width: 20%
    }

    .prd-layout-grid.of-general.largeScreen-column-5>.prd-layout-grid-column.largeScreen-column-2 {
        width: 40%
    }

    .prd-layout-grid.of-general.largeScreen-column-5>.prd-layout-grid-column.largeScreen-column-3 {
        width: 60%
    }

    .prd-layout-grid.of-general.largeScreen-column-5>.prd-layout-grid-column.largeScreen-column-4 {
        width: 80%
    }

    .prd-layout-grid.of-general.largeScreen-column-5>.prd-layout-grid-column.largeScreen-column-5 {
        width: 100%
    }

    .prd-layout-grid.of-general.largeScreen-column-6>.prd-layout-grid-column.largeScreen-column-1 {
        width: 16.6666666667%
    }

    .prd-layout-grid.of-general.largeScreen-column-6>.prd-layout-grid-column.largeScreen-column-2 {
        width: 33.3333333333%
    }

    .prd-layout-grid.of-general.largeScreen-column-6>.prd-layout-grid-column.largeScreen-column-3 {
        width: 50%
    }

    .prd-layout-grid.of-general.largeScreen-column-6>.prd-layout-grid-column.largeScreen-column-4 {
        width: 66.6666666667%
    }

    .prd-layout-grid.of-general.largeScreen-column-6>.prd-layout-grid-column.largeScreen-column-5 {
        width: 83.3333333333%
    }

    .prd-layout-grid.of-general.largeScreen-column-6>.prd-layout-grid-column.largeScreen-column-6 {
        width: 100%
    }

    .prd-layout-grid.of-general.largeScreen-column-7>.prd-layout-grid-column.largeScreen-column-1 {
        width: 14.2857142857%
    }

    .prd-layout-grid.of-general.largeScreen-column-7>.prd-layout-grid-column.largeScreen-column-2 {
        width: 28.5714285714%
    }

    .prd-layout-grid.of-general.largeScreen-column-7>.prd-layout-grid-column.largeScreen-column-3 {
        width: 42.8571428571%
    }

    .prd-layout-grid.of-general.largeScreen-column-7>.prd-layout-grid-column.largeScreen-column-4 {
        width: 57.1428571429%
    }

    .prd-layout-grid.of-general.largeScreen-column-7>.prd-layout-grid-column.largeScreen-column-5 {
        width: 71.4285714286%
    }

    .prd-layout-grid.of-general.largeScreen-column-7>.prd-layout-grid-column.largeScreen-column-6 {
        width: 85.7142857143%
    }

    .prd-layout-grid.of-general.largeScreen-column-7>.prd-layout-grid-column.largeScreen-column-7 {
        width: 100%
    }

    .prd-layout-grid.of-general.largeScreen-column-8>.prd-layout-grid-column.largeScreen-column-1 {
        width: 12.5%
    }

    .prd-layout-grid.of-general.largeScreen-column-8>.prd-layout-grid-column.largeScreen-column-2 {
        width: 25%
    }

    .prd-layout-grid.of-general.largeScreen-column-8>.prd-layout-grid-column.largeScreen-column-3 {
        width: 37.5%
    }

    .prd-layout-grid.of-general.largeScreen-column-8>.prd-layout-grid-column.largeScreen-column-4 {
        width: 50%
    }

    .prd-layout-grid.of-general.largeScreen-column-8>.prd-layout-grid-column.largeScreen-column-5 {
        width: 62.5%
    }

    .prd-layout-grid.of-general.largeScreen-column-8>.prd-layout-grid-column.largeScreen-column-6 {
        width: 75%
    }

    .prd-layout-grid.of-general.largeScreen-column-8>.prd-layout-grid-column.largeScreen-column-7 {
        width: 87.5%
    }

    .prd-layout-grid.of-general.largeScreen-column-8>.prd-layout-grid-column.largeScreen-column-8 {
        width: 100%
    }

    .prd-layout-grid.of-general.largeScreen-column-9>.prd-layout-grid-column.largeScreen-column-1 {
        width: 11.1111111111%
    }

    .prd-layout-grid.of-general.largeScreen-column-9>.prd-layout-grid-column.largeScreen-column-2 {
        width: 22.2222222222%
    }

    .prd-layout-grid.of-general.largeScreen-column-9>.prd-layout-grid-column.largeScreen-column-3 {
        width: 33.3333333333%
    }

    .prd-layout-grid.of-general.largeScreen-column-9>.prd-layout-grid-column.largeScreen-column-4 {
        width: 44.4444444444%
    }

    .prd-layout-grid.of-general.largeScreen-column-9>.prd-layout-grid-column.largeScreen-column-5 {
        width: 55.5555555556%
    }

    .prd-layout-grid.of-general.largeScreen-column-9>.prd-layout-grid-column.largeScreen-column-6 {
        width: 66.6666666667%
    }

    .prd-layout-grid.of-general.largeScreen-column-9>.prd-layout-grid-column.largeScreen-column-7 {
        width: 77.7777777778%
    }

    .prd-layout-grid.of-general.largeScreen-column-9>.prd-layout-grid-column.largeScreen-column-8 {
        width: 88.8888888889%
    }

    .prd-layout-grid.of-general.largeScreen-column-9>.prd-layout-grid-column.largeScreen-column-9 {
        width: 100%
    }

    .prd-layout-grid.of-general.largeScreen-column-10>.prd-layout-grid-column.largeScreen-column-1 {
        width: 10%
    }

    .prd-layout-grid.of-general.largeScreen-column-10>.prd-layout-grid-column.largeScreen-column-2 {
        width: 20%
    }

    .prd-layout-grid.of-general.largeScreen-column-10>.prd-layout-grid-column.largeScreen-column-3 {
        width: 30%
    }

    .prd-layout-grid.of-general.largeScreen-column-10>.prd-layout-grid-column.largeScreen-column-4 {
        width: 40%
    }

    .prd-layout-grid.of-general.largeScreen-column-10>.prd-layout-grid-column.largeScreen-column-5 {
        width: 50%
    }

    .prd-layout-grid.of-general.largeScreen-column-10>.prd-layout-grid-column.largeScreen-column-6 {
        width: 60%
    }

    .prd-layout-grid.of-general.largeScreen-column-10>.prd-layout-grid-column.largeScreen-column-7 {
        width: 70%
    }

    .prd-layout-grid.of-general.largeScreen-column-10>.prd-layout-grid-column.largeScreen-column-8 {
        width: 80%
    }

    .prd-layout-grid.of-general.largeScreen-column-10>.prd-layout-grid-column.largeScreen-column-9 {
        width: 90%
    }

    .prd-layout-grid.of-general.largeScreen-column-10>.prd-layout-grid-column.largeScreen-column-10 {
        width: 100%
    }

    .prd-layout-grid.of-general.largeScreen-column-11>.prd-layout-grid-column.largeScreen-column-1 {
        width: 9.0909090909%
    }

    .prd-layout-grid.of-general.largeScreen-column-11>.prd-layout-grid-column.largeScreen-column-2 {
        width: 18.1818181818%
    }

    .prd-layout-grid.of-general.largeScreen-column-11>.prd-layout-grid-column.largeScreen-column-3 {
        width: 27.2727272727%
    }

    .prd-layout-grid.of-general.largeScreen-column-11>.prd-layout-grid-column.largeScreen-column-4 {
        width: 36.3636363636%
    }

    .prd-layout-grid.of-general.largeScreen-column-11>.prd-layout-grid-column.largeScreen-column-5 {
        width: 45.4545454545%
    }

    .prd-layout-grid.of-general.largeScreen-column-11>.prd-layout-grid-column.largeScreen-column-6 {
        width: 54.5454545455%
    }

    .prd-layout-grid.of-general.largeScreen-column-11>.prd-layout-grid-column.largeScreen-column-7 {
        width: 63.6363636364%
    }

    .prd-layout-grid.of-general.largeScreen-column-11>.prd-layout-grid-column.largeScreen-column-8 {
        width: 72.7272727273%
    }

    .prd-layout-grid.of-general.largeScreen-column-11>.prd-layout-grid-column.largeScreen-column-9 {
        width: 81.8181818182%
    }

    .prd-layout-grid.of-general.largeScreen-column-11>.prd-layout-grid-column.largeScreen-column-10 {
        width: 90.9090909091%
    }

    .prd-layout-grid.of-general.largeScreen-column-11>.prd-layout-grid-column.largeScreen-column-11 {
        width: 100%
    }

    .prd-layout-grid.of-general.largeScreen-column-12>.prd-layout-grid-column.largeScreen-column-1 {
        width: 8.3333333333%
    }

    .prd-layout-grid.of-general.largeScreen-column-12>.prd-layout-grid-column.largeScreen-column-2 {
        width: 16.6666666667%
    }

    .prd-layout-grid.of-general.largeScreen-column-12>.prd-layout-grid-column.largeScreen-column-3 {
        width: 25%
    }

    .prd-layout-grid.of-general.largeScreen-column-12>.prd-layout-grid-column.largeScreen-column-4 {
        width: 33.3333333333%
    }

    .prd-layout-grid.of-general.largeScreen-column-12>.prd-layout-grid-column.largeScreen-column-5 {
        width: 41.6666666667%
    }

    .prd-layout-grid.of-general.largeScreen-column-12>.prd-layout-grid-column.largeScreen-column-6 {
        width: 50%
    }

    .prd-layout-grid.of-general.largeScreen-column-12>.prd-layout-grid-column.largeScreen-column-7 {
        width: 58.3333333333%
    }

    .prd-layout-grid.of-general.largeScreen-column-12>.prd-layout-grid-column.largeScreen-column-8 {
        width: 66.6666666667%
    }

    .prd-layout-grid.of-general.largeScreen-column-12>.prd-layout-grid-column.largeScreen-column-9 {
        width: 75%
    }

    .prd-layout-grid.of-general.largeScreen-column-12>.prd-layout-grid-column.largeScreen-column-10 {
        width: 83.3333333333%
    }

    .prd-layout-grid.of-general.largeScreen-column-12>.prd-layout-grid-column.largeScreen-column-11 {
        width: 91.6666666667%
    }

    .prd-layout-grid.of-general.largeScreen-column-12>.prd-layout-grid-column.largeScreen-column-12 {
        width: 100%
    }
}

@media(min-width:77.5625em) {
    .prd-layout-grid.of-general.extraLargeScreen-column-1>.prd-layout-grid-column.extraLargeScreen-column-1 {
        width: 100%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-2>.prd-layout-grid-column.extraLargeScreen-column-1 {
        width: 50%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-2>.prd-layout-grid-column.extraLargeScreen-column-2 {
        width: 100%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-3>.prd-layout-grid-column.extraLargeScreen-column-1 {
        width: 33.3333333333%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-3>.prd-layout-grid-column.extraLargeScreen-column-2 {
        width: 66.6666666667%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-3>.prd-layout-grid-column.extraLargeScreen-column-3 {
        width: 100%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-4>.prd-layout-grid-column.extraLargeScreen-column-1 {
        width: 25%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-4>.prd-layout-grid-column.extraLargeScreen-column-2 {
        width: 50%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-4>.prd-layout-grid-column.extraLargeScreen-column-3 {
        width: 75%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-4>.prd-layout-grid-column.extraLargeScreen-column-4 {
        width: 100%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-5>.prd-layout-grid-column.extraLargeScreen-column-1 {
        width: 20%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-5>.prd-layout-grid-column.extraLargeScreen-column-2 {
        width: 40%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-5>.prd-layout-grid-column.extraLargeScreen-column-3 {
        width: 60%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-5>.prd-layout-grid-column.extraLargeScreen-column-4 {
        width: 80%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-5>.prd-layout-grid-column.extraLargeScreen-column-5 {
        width: 100%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-6>.prd-layout-grid-column.extraLargeScreen-column-1 {
        width: 16.6666666667%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-6>.prd-layout-grid-column.extraLargeScreen-column-2 {
        width: 33.3333333333%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-6>.prd-layout-grid-column.extraLargeScreen-column-3 {
        width: 50%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-6>.prd-layout-grid-column.extraLargeScreen-column-4 {
        width: 66.6666666667%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-6>.prd-layout-grid-column.extraLargeScreen-column-5 {
        width: 83.3333333333%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-6>.prd-layout-grid-column.extraLargeScreen-column-6 {
        width: 100%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-7>.prd-layout-grid-column.extraLargeScreen-column-1 {
        width: 14.2857142857%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-7>.prd-layout-grid-column.extraLargeScreen-column-2 {
        width: 28.5714285714%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-7>.prd-layout-grid-column.extraLargeScreen-column-3 {
        width: 42.8571428571%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-7>.prd-layout-grid-column.extraLargeScreen-column-4 {
        width: 57.1428571429%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-7>.prd-layout-grid-column.extraLargeScreen-column-5 {
        width: 71.4285714286%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-7>.prd-layout-grid-column.extraLargeScreen-column-6 {
        width: 85.7142857143%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-7>.prd-layout-grid-column.extraLargeScreen-column-7 {
        width: 100%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-8>.prd-layout-grid-column.extraLargeScreen-column-1 {
        width: 12.5%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-8>.prd-layout-grid-column.extraLargeScreen-column-2 {
        width: 25%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-8>.prd-layout-grid-column.extraLargeScreen-column-3 {
        width: 37.5%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-8>.prd-layout-grid-column.extraLargeScreen-column-4 {
        width: 50%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-8>.prd-layout-grid-column.extraLargeScreen-column-5 {
        width: 62.5%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-8>.prd-layout-grid-column.extraLargeScreen-column-6 {
        width: 75%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-8>.prd-layout-grid-column.extraLargeScreen-column-7 {
        width: 87.5%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-8>.prd-layout-grid-column.extraLargeScreen-column-8 {
        width: 100%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-9>.prd-layout-grid-column.extraLargeScreen-column-1 {
        width: 11.1111111111%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-9>.prd-layout-grid-column.extraLargeScreen-column-2 {
        width: 22.2222222222%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-9>.prd-layout-grid-column.extraLargeScreen-column-3 {
        width: 33.3333333333%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-9>.prd-layout-grid-column.extraLargeScreen-column-4 {
        width: 44.4444444444%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-9>.prd-layout-grid-column.extraLargeScreen-column-5 {
        width: 55.5555555556%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-9>.prd-layout-grid-column.extraLargeScreen-column-6 {
        width: 66.6666666667%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-9>.prd-layout-grid-column.extraLargeScreen-column-7 {
        width: 77.7777777778%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-9>.prd-layout-grid-column.extraLargeScreen-column-8 {
        width: 88.8888888889%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-9>.prd-layout-grid-column.extraLargeScreen-column-9 {
        width: 100%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-10>.prd-layout-grid-column.extraLargeScreen-column-1 {
        width: 10%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-10>.prd-layout-grid-column.extraLargeScreen-column-2 {
        width: 20%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-10>.prd-layout-grid-column.extraLargeScreen-column-3 {
        width: 30%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-10>.prd-layout-grid-column.extraLargeScreen-column-4 {
        width: 40%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-10>.prd-layout-grid-column.extraLargeScreen-column-5 {
        width: 50%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-10>.prd-layout-grid-column.extraLargeScreen-column-6 {
        width: 60%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-10>.prd-layout-grid-column.extraLargeScreen-column-7 {
        width: 70%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-10>.prd-layout-grid-column.extraLargeScreen-column-8 {
        width: 80%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-10>.prd-layout-grid-column.extraLargeScreen-column-9 {
        width: 90%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-10>.prd-layout-grid-column.extraLargeScreen-column-10 {
        width: 100%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-11>.prd-layout-grid-column.extraLargeScreen-column-1 {
        width: 9.0909090909%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-11>.prd-layout-grid-column.extraLargeScreen-column-2 {
        width: 18.1818181818%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-11>.prd-layout-grid-column.extraLargeScreen-column-3 {
        width: 27.2727272727%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-11>.prd-layout-grid-column.extraLargeScreen-column-4 {
        width: 36.3636363636%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-11>.prd-layout-grid-column.extraLargeScreen-column-5 {
        width: 45.4545454545%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-11>.prd-layout-grid-column.extraLargeScreen-column-6 {
        width: 54.5454545455%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-11>.prd-layout-grid-column.extraLargeScreen-column-7 {
        width: 63.6363636364%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-11>.prd-layout-grid-column.extraLargeScreen-column-8 {
        width: 72.7272727273%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-11>.prd-layout-grid-column.extraLargeScreen-column-9 {
        width: 81.8181818182%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-11>.prd-layout-grid-column.extraLargeScreen-column-10 {
        width: 90.9090909091%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-11>.prd-layout-grid-column.extraLargeScreen-column-11 {
        width: 100%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-12>.prd-layout-grid-column.extraLargeScreen-column-1 {
        width: 8.3333333333%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-12>.prd-layout-grid-column.extraLargeScreen-column-2 {
        width: 16.6666666667%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-12>.prd-layout-grid-column.extraLargeScreen-column-3 {
        width: 25%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-12>.prd-layout-grid-column.extraLargeScreen-column-4 {
        width: 33.3333333333%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-12>.prd-layout-grid-column.extraLargeScreen-column-5 {
        width: 41.6666666667%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-12>.prd-layout-grid-column.extraLargeScreen-column-6 {
        width: 50%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-12>.prd-layout-grid-column.extraLargeScreen-column-7 {
        width: 58.3333333333%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-12>.prd-layout-grid-column.extraLargeScreen-column-8 {
        width: 66.6666666667%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-12>.prd-layout-grid-column.extraLargeScreen-column-9 {
        width: 75%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-12>.prd-layout-grid-column.extraLargeScreen-column-10 {
        width: 83.3333333333%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-12>.prd-layout-grid-column.extraLargeScreen-column-11 {
        width: 91.6666666667%
    }

    .prd-layout-grid.of-general.extraLargeScreen-column-12>.prd-layout-grid-column.extraLargeScreen-column-12 {
        width: 100%
    }
}

.prd-layout-grid.of-flexDirection-row {
    flex-direction: row
}

.prd-layout-grid.of-flexDirection-rowReverse {
    flex-direction: row-reverse
}

@media(max-width:60.5625em) {
    .prd-layout-grid.smallScreen-flexDirection-row {
        flex-direction: row
    }

    .prd-layout-grid.smallScreen-flexDirection-rowReverse {
        flex-direction: row-reverse
    }
}

@media(max-width:47.9375em) {
    .prd-layout-grid.extraSmallScreen-flexDirection-row {
        flex-direction: row
    }

    .prd-layout-grid.extraSmallScreen-flexDirection-rowReverse {
        flex-direction: row-reverse
    }
}

@media(min-width:60.625em) {
    .prd-layout-grid.largeScreen-flexDirection-row {
        flex-direction: row
    }

    .prd-layout-grid.largeScreen-flexDirection-rowReverse {
        flex-direction: row-reverse
    }
}

@media(min-width:77.5625em) {
    .prd-layout-grid.extraLargeScreen-flexDirection-row {
        flex-direction: row
    }

    .prd-layout-grid.extraLargeScreen-flexDirection-rowReverse {
        flex-direction: row-reverse
    }
}

.prd-layout-grid.of-alignItems-start {
    align-items: flex-start
}

.prd-layout-grid.of-alignItems-end {
    align-items: flex-end
}

.prd-layout-grid.of-alignItems-center {
    align-items: center
}

.prd-layout-grid.of-alignItems-baseline {
    align-items: baseline
}

@media(max-width:60.5625em) {
    .prd-layout-grid.smallScreen-alignItems-start {
        align-items: flex-start
    }

    .prd-layout-grid.smallScreen-alignItems-end {
        align-items: flex-end
    }

    .prd-layout-grid.smallScreen-alignItems-center {
        align-items: center
    }

    .prd-layout-grid.smallScreen-alignItems-baseline {
        align-items: baseline
    }
}

@media(max-width:47.9375em) {
    .prd-layout-grid.extraSmallScreen-alignItems-start {
        align-items: flex-start
    }

    .prd-layout-grid.extraSmallScreen-alignItems-end {
        align-items: flex-end
    }

    .prd-layout-grid.extraSmallScreen-alignItems-center {
        align-items: center
    }

    .prd-layout-grid.extraSmallScreen-alignItems-baseline {
        align-items: baseline
    }
}

@media(min-width:60.625em) {
    .prd-layout-grid.largeScreen-alignItems-start {
        align-items: flex-start
    }

    .prd-layout-grid.largeScreen-alignItems-end {
        align-items: flex-end
    }

    .prd-layout-grid.largeScreen-alignItems-center {
        align-items: center
    }

    .prd-layout-grid.largeScreen-alignItems-baseline {
        align-items: baseline
    }
}

@media(min-width:77.5625em) {
    .prd-layout-grid.extraLargeScreen-alignItems-start {
        align-items: flex-start
    }

    .prd-layout-grid.extraLargeScreen-alignItems-end {
        align-items: flex-end
    }

    .prd-layout-grid.extraLargeScreen-alignItems-center {
        align-items: center
    }

    .prd-layout-grid.extraLargeScreen-alignItems-baseline {
        align-items: baseline
    }
}

.prd-layout-masonry.of-column-1>*,
.prd-layout-masonry>* {
    width: 100%
}

.prd-layout-masonry.of-column-2>* {
    width: 50%
}

.prd-layout-masonry.of-column-3>* {
    width: 33.3333333333%
}

@media(max-width:60.5625em) {
    .prd-layout-masonry.smallScreen-column-1>* {
        width: 100%
    }

    .prd-layout-masonry.smallScreen-column-2>* {
        width: 50%
    }

    .prd-layout-masonry.smallScreen-column-3>* {
        width: 33.3333333333%
    }
}

@media(max-width:47.9375em) {
    .prd-layout-masonry.extraSmallScreen-column-1>* {
        width: 100%
    }

    .prd-layout-masonry.extraSmallScreen-column-2>* {
        width: 50%
    }

    .prd-layout-masonry.extraSmallScreen-column-3>* {
        width: 33.3333333333%
    }
}

@media(min-width:60.625em) {
    .prd-layout-masonry.largeScreen-column-1>* {
        width: 100%
    }

    .prd-layout-masonry.largeScreen-column-2>* {
        width: 50%
    }

    .prd-layout-masonry.largeScreen-column-3>* {
        width: 33.3333333333%
    }
}

@media(min-width:77.5625em) {
    .prd-layout-masonry.extraLargeScreen-column-1>* {
        width: 100%
    }

    .prd-layout-masonry.extraLargeScreen-column-2>* {
        width: 50%
    }

    .prd-layout-masonry.extraLargeScreen-column-3>* {
        width: 33.3333333333%
    }
}

.prd-layout-masonry.of-spaceX-0 {
    margin-right: 0;
    margin-left: 0
}

.prd-layout-masonry.of-spaceX-0>* {
    padding-right: 0;
    padding-left: 0
}

.prd-layout-masonry.of-spaceY-0,
.prd-layout-masonry.of-spaceY-0>* {
    margin-top: 0;
    margin-bottom: 0
}

.prd-layout-masonry.of-spaceX-1 {
    margin-right: -.2rem;
    margin-left: -.2rem
}

.prd-layout-masonry.of-spaceX-1>* {
    padding-right: .2rem;
    padding-left: .2rem
}

.prd-layout-masonry.of-spaceY-1 {
    margin-top: -.2rem;
    margin-bottom: -.2rem
}

.prd-layout-masonry.of-spaceY-1>* {
    margin-top: .2rem;
    margin-bottom: .2rem
}

.prd-layout-masonry.of-spaceX-2 {
    margin-right: -.4rem;
    margin-left: -.4rem
}

.prd-layout-masonry.of-spaceX-2>* {
    padding-right: .4rem;
    padding-left: .4rem
}

.prd-layout-masonry.of-spaceY-2 {
    margin-top: -.4rem;
    margin-bottom: -.4rem
}

.prd-layout-masonry.of-spaceY-2>* {
    margin-top: .4rem;
    margin-bottom: .4rem
}

.prd-layout-masonry.of-spaceX-3 {
    margin-right: -.8rem;
    margin-left: -.8rem
}

.prd-layout-masonry.of-spaceX-3>* {
    padding-right: .8rem;
    padding-left: .8rem
}

.prd-layout-masonry.of-spaceY-3 {
    margin-top: -.8rem;
    margin-bottom: -.8rem
}

.prd-layout-masonry.of-spaceY-3>* {
    margin-top: .8rem;
    margin-bottom: .8rem
}

.prd-layout-masonry.of-spaceX-4 {
    margin-right: -1rem;
    margin-left: -1rem
}

.prd-layout-masonry.of-spaceX-4>* {
    padding-right: 1rem;
    padding-left: 1rem
}

.prd-layout-masonry.of-spaceY-4 {
    margin-top: -1rem;
    margin-bottom: -1rem
}

.prd-layout-masonry.of-spaceY-4>* {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.prd-layout-masonry.of-spaceX-5 {
    margin-right: -1.2rem;
    margin-left: -1.2rem
}

.prd-layout-masonry.of-spaceX-5>* {
    padding-right: 1.2rem;
    padding-left: 1.2rem
}

.prd-layout-masonry.of-spaceY-5 {
    margin-top: -1.2rem;
    margin-bottom: -1.2rem
}

.prd-layout-masonry.of-spaceY-5>* {
    margin-top: 1.2rem;
    margin-bottom: 1.2rem
}

.prd-layout-masonry.of-spaceX-6 {
    margin-right: -1.6rem;
    margin-left: -1.6rem
}

.prd-layout-masonry.of-spaceX-6>* {
    padding-right: 1.6rem;
    padding-left: 1.6rem
}

.prd-layout-masonry.of-spaceY-6 {
    margin-top: -1.6rem;
    margin-bottom: -1.6rem
}

.prd-layout-masonry.of-spaceY-6>* {
    margin-top: 1.6rem;
    margin-bottom: 1.6rem
}

.prd-layout-masonry.of-spaceX-7 {
    margin-right: -2rem;
    margin-left: -2rem
}

.prd-layout-masonry.of-spaceX-7>* {
    padding-right: 2rem;
    padding-left: 2rem
}

.prd-layout-masonry.of-spaceY-7 {
    margin-top: -2rem;
    margin-bottom: -2rem
}

.prd-layout-masonry.of-spaceY-7>* {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.prd-layout-masonry.of-spaceX-8 {
    margin-right: -3.2rem;
    margin-left: -3.2rem
}

.prd-layout-masonry.of-spaceX-8>* {
    padding-right: 3.2rem;
    padding-left: 3.2rem
}

.prd-layout-masonry.of-spaceY-8 {
    margin-top: -3.2rem;
    margin-bottom: -3.2rem
}

.prd-layout-masonry.of-spaceY-8>* {
    margin-top: 3.2rem;
    margin-bottom: 3.2rem
}

.prd-layout-masonry.of-spaceX-9 {
    margin-right: -3.6rem;
    margin-left: -3.6rem
}

.prd-layout-masonry.of-spaceX-9>* {
    padding-right: 3.6rem;
    padding-left: 3.6rem
}

.prd-layout-masonry.of-spaceY-9 {
    margin-top: -3.6rem;
    margin-bottom: -3.6rem
}

.prd-layout-masonry.of-spaceY-9>* {
    margin-top: 3.6rem;
    margin-bottom: 3.6rem
}

.prd-layout-masonry.of-spaceX-10 {
    margin-right: -6rem;
    margin-left: -6rem
}

.prd-layout-masonry.of-spaceX-10>* {
    padding-right: 6rem;
    padding-left: 6rem
}

.prd-layout-masonry.of-spaceY-10 {
    margin-top: -6rem;
    margin-bottom: -6rem
}

.prd-layout-masonry.of-spaceY-10>* {
    margin-top: 6rem;
    margin-bottom: 6rem
}

.prd-layout-masonry.of-spaceX-11 {
    margin-right: -7.2rem;
    margin-left: -7.2rem
}

.prd-layout-masonry.of-spaceX-11>* {
    padding-right: 7.2rem;
    padding-left: 7.2rem
}

.prd-layout-masonry.of-spaceY-11 {
    margin-top: -7.2rem;
    margin-bottom: -7.2rem
}

.prd-layout-masonry.of-spaceY-11>* {
    margin-top: 7.2rem;
    margin-bottom: 7.2rem
}

.prd-layout-masonry.of-spaceX-12 {
    margin-right: -8.4rem;
    margin-left: -8.4rem
}

.prd-layout-masonry.of-spaceX-12>* {
    padding-right: 8.4rem;
    padding-left: 8.4rem
}

.prd-layout-masonry.of-spaceY-12 {
    margin-top: -8.4rem;
    margin-bottom: -8.4rem
}

.prd-layout-masonry.of-spaceY-12>* {
    margin-top: 8.4rem;
    margin-bottom: 8.4rem
}

@media(max-width:60.5625em) {
    .prd-layout-masonry.smallScreen-spaceX-0 {
        margin-right: 0;
        margin-left: 0
    }

    .prd-layout-masonry.smallScreen-spaceX-0>* {
        padding-right: 0;
        padding-left: 0
    }

    .prd-layout-masonry.smallScreen-spaceY-0,
    .prd-layout-masonry.smallScreen-spaceY-0>* {
        margin-top: 0;
        margin-bottom: 0
    }

    .prd-layout-masonry.smallScreen-spaceX-1 {
        margin-right: -.2rem;
        margin-left: -.2rem
    }

    .prd-layout-masonry.smallScreen-spaceX-1>* {
        padding-right: .2rem;
        padding-left: .2rem
    }

    .prd-layout-masonry.smallScreen-spaceY-1 {
        margin-top: -.2rem;
        margin-bottom: -.2rem
    }

    .prd-layout-masonry.smallScreen-spaceY-1>* {
        margin-top: .2rem;
        margin-bottom: .2rem
    }

    .prd-layout-masonry.smallScreen-spaceX-2 {
        margin-right: -.4rem;
        margin-left: -.4rem
    }

    .prd-layout-masonry.smallScreen-spaceX-2>* {
        padding-right: .4rem;
        padding-left: .4rem
    }

    .prd-layout-masonry.smallScreen-spaceY-2 {
        margin-top: -.4rem;
        margin-bottom: -.4rem
    }

    .prd-layout-masonry.smallScreen-spaceY-2>* {
        margin-top: .4rem;
        margin-bottom: .4rem
    }

    .prd-layout-masonry.smallScreen-spaceX-3 {
        margin-right: -.8rem;
        margin-left: -.8rem
    }

    .prd-layout-masonry.smallScreen-spaceX-3>* {
        padding-right: .8rem;
        padding-left: .8rem
    }

    .prd-layout-masonry.smallScreen-spaceY-3 {
        margin-top: -.8rem;
        margin-bottom: -.8rem
    }

    .prd-layout-masonry.smallScreen-spaceY-3>* {
        margin-top: .8rem;
        margin-bottom: .8rem
    }

    .prd-layout-masonry.smallScreen-spaceX-4 {
        margin-right: -1rem;
        margin-left: -1rem
    }

    .prd-layout-masonry.smallScreen-spaceX-4>* {
        padding-right: 1rem;
        padding-left: 1rem
    }

    .prd-layout-masonry.smallScreen-spaceY-4 {
        margin-top: -1rem;
        margin-bottom: -1rem
    }

    .prd-layout-masonry.smallScreen-spaceY-4>* {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .prd-layout-masonry.smallScreen-spaceX-5 {
        margin-right: -1.2rem;
        margin-left: -1.2rem
    }

    .prd-layout-masonry.smallScreen-spaceX-5>* {
        padding-right: 1.2rem;
        padding-left: 1.2rem
    }

    .prd-layout-masonry.smallScreen-spaceY-5 {
        margin-top: -1.2rem;
        margin-bottom: -1.2rem
    }

    .prd-layout-masonry.smallScreen-spaceY-5>* {
        margin-top: 1.2rem;
        margin-bottom: 1.2rem
    }

    .prd-layout-masonry.smallScreen-spaceX-6 {
        margin-right: -1.6rem;
        margin-left: -1.6rem
    }

    .prd-layout-masonry.smallScreen-spaceX-6>* {
        padding-right: 1.6rem;
        padding-left: 1.6rem
    }

    .prd-layout-masonry.smallScreen-spaceY-6 {
        margin-top: -1.6rem;
        margin-bottom: -1.6rem
    }

    .prd-layout-masonry.smallScreen-spaceY-6>* {
        margin-top: 1.6rem;
        margin-bottom: 1.6rem
    }

    .prd-layout-masonry.smallScreen-spaceX-7 {
        margin-right: -2rem;
        margin-left: -2rem
    }

    .prd-layout-masonry.smallScreen-spaceX-7>* {
        padding-right: 2rem;
        padding-left: 2rem
    }

    .prd-layout-masonry.smallScreen-spaceY-7 {
        margin-top: -2rem;
        margin-bottom: -2rem
    }

    .prd-layout-masonry.smallScreen-spaceY-7>* {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .prd-layout-masonry.smallScreen-spaceX-8 {
        margin-right: -3.2rem;
        margin-left: -3.2rem
    }

    .prd-layout-masonry.smallScreen-spaceX-8>* {
        padding-right: 3.2rem;
        padding-left: 3.2rem
    }

    .prd-layout-masonry.smallScreen-spaceY-8 {
        margin-top: -3.2rem;
        margin-bottom: -3.2rem
    }

    .prd-layout-masonry.smallScreen-spaceY-8>* {
        margin-top: 3.2rem;
        margin-bottom: 3.2rem
    }

    .prd-layout-masonry.smallScreen-spaceX-9 {
        margin-right: -3.6rem;
        margin-left: -3.6rem
    }

    .prd-layout-masonry.smallScreen-spaceX-9>* {
        padding-right: 3.6rem;
        padding-left: 3.6rem
    }

    .prd-layout-masonry.smallScreen-spaceY-9 {
        margin-top: -3.6rem;
        margin-bottom: -3.6rem
    }

    .prd-layout-masonry.smallScreen-spaceY-9>* {
        margin-top: 3.6rem;
        margin-bottom: 3.6rem
    }

    .prd-layout-masonry.smallScreen-spaceX-10 {
        margin-right: -6rem;
        margin-left: -6rem
    }

    .prd-layout-masonry.smallScreen-spaceX-10>* {
        padding-right: 6rem;
        padding-left: 6rem
    }

    .prd-layout-masonry.smallScreen-spaceY-10 {
        margin-top: -6rem;
        margin-bottom: -6rem
    }

    .prd-layout-masonry.smallScreen-spaceY-10>* {
        margin-top: 6rem;
        margin-bottom: 6rem
    }

    .prd-layout-masonry.smallScreen-spaceX-11 {
        margin-right: -7.2rem;
        margin-left: -7.2rem
    }

    .prd-layout-masonry.smallScreen-spaceX-11>* {
        padding-right: 7.2rem;
        padding-left: 7.2rem
    }

    .prd-layout-masonry.smallScreen-spaceY-11 {
        margin-top: -7.2rem;
        margin-bottom: -7.2rem
    }

    .prd-layout-masonry.smallScreen-spaceY-11>* {
        margin-top: 7.2rem;
        margin-bottom: 7.2rem
    }

    .prd-layout-masonry.smallScreen-spaceX-12 {
        margin-right: -8.4rem;
        margin-left: -8.4rem
    }

    .prd-layout-masonry.smallScreen-spaceX-12>* {
        padding-right: 8.4rem;
        padding-left: 8.4rem
    }

    .prd-layout-masonry.smallScreen-spaceY-12 {
        margin-top: -8.4rem;
        margin-bottom: -8.4rem
    }

    .prd-layout-masonry.smallScreen-spaceY-12>* {
        margin-top: 8.4rem;
        margin-bottom: 8.4rem
    }
}

@media(max-width:47.9375em) {
    .prd-layout-masonry.extraSmallScreen-spaceX-0 {
        margin-right: 0;
        margin-left: 0
    }

    .prd-layout-masonry.extraSmallScreen-spaceX-0>* {
        padding-right: 0;
        padding-left: 0
    }

    .prd-layout-masonry.extraSmallScreen-spaceY-0,
    .prd-layout-masonry.extraSmallScreen-spaceY-0>* {
        margin-top: 0;
        margin-bottom: 0
    }

    .prd-layout-masonry.extraSmallScreen-spaceX-1 {
        margin-right: -.2rem;
        margin-left: -.2rem
    }

    .prd-layout-masonry.extraSmallScreen-spaceX-1>* {
        padding-right: .2rem;
        padding-left: .2rem
    }

    .prd-layout-masonry.extraSmallScreen-spaceY-1 {
        margin-top: -.2rem;
        margin-bottom: -.2rem
    }

    .prd-layout-masonry.extraSmallScreen-spaceY-1>* {
        margin-top: .2rem;
        margin-bottom: .2rem
    }

    .prd-layout-masonry.extraSmallScreen-spaceX-2 {
        margin-right: -.4rem;
        margin-left: -.4rem
    }

    .prd-layout-masonry.extraSmallScreen-spaceX-2>* {
        padding-right: .4rem;
        padding-left: .4rem
    }

    .prd-layout-masonry.extraSmallScreen-spaceY-2 {
        margin-top: -.4rem;
        margin-bottom: -.4rem
    }

    .prd-layout-masonry.extraSmallScreen-spaceY-2>* {
        margin-top: .4rem;
        margin-bottom: .4rem
    }

    .prd-layout-masonry.extraSmallScreen-spaceX-3 {
        margin-right: -.8rem;
        margin-left: -.8rem
    }

    .prd-layout-masonry.extraSmallScreen-spaceX-3>* {
        padding-right: .8rem;
        padding-left: .8rem
    }

    .prd-layout-masonry.extraSmallScreen-spaceY-3 {
        margin-top: -.8rem;
        margin-bottom: -.8rem
    }

    .prd-layout-masonry.extraSmallScreen-spaceY-3>* {
        margin-top: .8rem;
        margin-bottom: .8rem
    }

    .prd-layout-masonry.extraSmallScreen-spaceX-4 {
        margin-right: -1rem;
        margin-left: -1rem
    }

    .prd-layout-masonry.extraSmallScreen-spaceX-4>* {
        padding-right: 1rem;
        padding-left: 1rem
    }

    .prd-layout-masonry.extraSmallScreen-spaceY-4 {
        margin-top: -1rem;
        margin-bottom: -1rem
    }

    .prd-layout-masonry.extraSmallScreen-spaceY-4>* {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .prd-layout-masonry.extraSmallScreen-spaceX-5 {
        margin-right: -1.2rem;
        margin-left: -1.2rem
    }

    .prd-layout-masonry.extraSmallScreen-spaceX-5>* {
        padding-right: 1.2rem;
        padding-left: 1.2rem
    }

    .prd-layout-masonry.extraSmallScreen-spaceY-5 {
        margin-top: -1.2rem;
        margin-bottom: -1.2rem
    }

    .prd-layout-masonry.extraSmallScreen-spaceY-5>* {
        margin-top: 1.2rem;
        margin-bottom: 1.2rem
    }

    .prd-layout-masonry.extraSmallScreen-spaceX-6 {
        margin-right: -1.6rem;
        margin-left: -1.6rem
    }

    .prd-layout-masonry.extraSmallScreen-spaceX-6>* {
        padding-right: 1.6rem;
        padding-left: 1.6rem
    }

    .prd-layout-masonry.extraSmallScreen-spaceY-6 {
        margin-top: -1.6rem;
        margin-bottom: -1.6rem
    }

    .prd-layout-masonry.extraSmallScreen-spaceY-6>* {
        margin-top: 1.6rem;
        margin-bottom: 1.6rem
    }

    .prd-layout-masonry.extraSmallScreen-spaceX-7 {
        margin-right: -2rem;
        margin-left: -2rem
    }

    .prd-layout-masonry.extraSmallScreen-spaceX-7>* {
        padding-right: 2rem;
        padding-left: 2rem
    }

    .prd-layout-masonry.extraSmallScreen-spaceY-7 {
        margin-top: -2rem;
        margin-bottom: -2rem
    }

    .prd-layout-masonry.extraSmallScreen-spaceY-7>* {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .prd-layout-masonry.extraSmallScreen-spaceX-8 {
        margin-right: -3.2rem;
        margin-left: -3.2rem
    }

    .prd-layout-masonry.extraSmallScreen-spaceX-8>* {
        padding-right: 3.2rem;
        padding-left: 3.2rem
    }

    .prd-layout-masonry.extraSmallScreen-spaceY-8 {
        margin-top: -3.2rem;
        margin-bottom: -3.2rem
    }

    .prd-layout-masonry.extraSmallScreen-spaceY-8>* {
        margin-top: 3.2rem;
        margin-bottom: 3.2rem
    }

    .prd-layout-masonry.extraSmallScreen-spaceX-9 {
        margin-right: -3.6rem;
        margin-left: -3.6rem
    }

    .prd-layout-masonry.extraSmallScreen-spaceX-9>* {
        padding-right: 3.6rem;
        padding-left: 3.6rem
    }

    .prd-layout-masonry.extraSmallScreen-spaceY-9 {
        margin-top: -3.6rem;
        margin-bottom: -3.6rem
    }

    .prd-layout-masonry.extraSmallScreen-spaceY-9>* {
        margin-top: 3.6rem;
        margin-bottom: 3.6rem
    }

    .prd-layout-masonry.extraSmallScreen-spaceX-10 {
        margin-right: -6rem;
        margin-left: -6rem
    }

    .prd-layout-masonry.extraSmallScreen-spaceX-10>* {
        padding-right: 6rem;
        padding-left: 6rem
    }

    .prd-layout-masonry.extraSmallScreen-spaceY-10 {
        margin-top: -6rem;
        margin-bottom: -6rem
    }

    .prd-layout-masonry.extraSmallScreen-spaceY-10>* {
        margin-top: 6rem;
        margin-bottom: 6rem
    }

    .prd-layout-masonry.extraSmallScreen-spaceX-11 {
        margin-right: -7.2rem;
        margin-left: -7.2rem
    }

    .prd-layout-masonry.extraSmallScreen-spaceX-11>* {
        padding-right: 7.2rem;
        padding-left: 7.2rem
    }

    .prd-layout-masonry.extraSmallScreen-spaceY-11 {
        margin-top: -7.2rem;
        margin-bottom: -7.2rem
    }

    .prd-layout-masonry.extraSmallScreen-spaceY-11>* {
        margin-top: 7.2rem;
        margin-bottom: 7.2rem
    }

    .prd-layout-masonry.extraSmallScreen-spaceX-12 {
        margin-right: -8.4rem;
        margin-left: -8.4rem
    }

    .prd-layout-masonry.extraSmallScreen-spaceX-12>* {
        padding-right: 8.4rem;
        padding-left: 8.4rem
    }

    .prd-layout-masonry.extraSmallScreen-spaceY-12 {
        margin-top: -8.4rem;
        margin-bottom: -8.4rem
    }

    .prd-layout-masonry.extraSmallScreen-spaceY-12>* {
        margin-top: 8.4rem;
        margin-bottom: 8.4rem
    }
}

@media(min-width:60.625em) {
    .prd-layout-masonry.largeScreen-spaceX-0 {
        margin-right: 0;
        margin-left: 0
    }

    .prd-layout-masonry.largeScreen-spaceX-0>* {
        padding-right: 0;
        padding-left: 0
    }

    .prd-layout-masonry.largeScreen-spaceY-0,
    .prd-layout-masonry.largeScreen-spaceY-0>* {
        margin-top: 0;
        margin-bottom: 0
    }

    .prd-layout-masonry.largeScreen-spaceX-1 {
        margin-right: -.2rem;
        margin-left: -.2rem
    }

    .prd-layout-masonry.largeScreen-spaceX-1>* {
        padding-right: .2rem;
        padding-left: .2rem
    }

    .prd-layout-masonry.largeScreen-spaceY-1 {
        margin-top: -.2rem;
        margin-bottom: -.2rem
    }

    .prd-layout-masonry.largeScreen-spaceY-1>* {
        margin-top: .2rem;
        margin-bottom: .2rem
    }

    .prd-layout-masonry.largeScreen-spaceX-2 {
        margin-right: -.4rem;
        margin-left: -.4rem
    }

    .prd-layout-masonry.largeScreen-spaceX-2>* {
        padding-right: .4rem;
        padding-left: .4rem
    }

    .prd-layout-masonry.largeScreen-spaceY-2 {
        margin-top: -.4rem;
        margin-bottom: -.4rem
    }

    .prd-layout-masonry.largeScreen-spaceY-2>* {
        margin-top: .4rem;
        margin-bottom: .4rem
    }

    .prd-layout-masonry.largeScreen-spaceX-3 {
        margin-right: -.8rem;
        margin-left: -.8rem
    }

    .prd-layout-masonry.largeScreen-spaceX-3>* {
        padding-right: .8rem;
        padding-left: .8rem
    }

    .prd-layout-masonry.largeScreen-spaceY-3 {
        margin-top: -.8rem;
        margin-bottom: -.8rem
    }

    .prd-layout-masonry.largeScreen-spaceY-3>* {
        margin-top: .8rem;
        margin-bottom: .8rem
    }

    .prd-layout-masonry.largeScreen-spaceX-4 {
        margin-right: -1rem;
        margin-left: -1rem
    }

    .prd-layout-masonry.largeScreen-spaceX-4>* {
        padding-right: 1rem;
        padding-left: 1rem
    }

    .prd-layout-masonry.largeScreen-spaceY-4 {
        margin-top: -1rem;
        margin-bottom: -1rem
    }

    .prd-layout-masonry.largeScreen-spaceY-4>* {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .prd-layout-masonry.largeScreen-spaceX-5 {
        margin-right: -1.2rem;
        margin-left: -1.2rem
    }

    .prd-layout-masonry.largeScreen-spaceX-5>* {
        padding-right: 1.2rem;
        padding-left: 1.2rem
    }

    .prd-layout-masonry.largeScreen-spaceY-5 {
        margin-top: -1.2rem;
        margin-bottom: -1.2rem
    }

    .prd-layout-masonry.largeScreen-spaceY-5>* {
        margin-top: 1.2rem;
        margin-bottom: 1.2rem
    }

    .prd-layout-masonry.largeScreen-spaceX-6 {
        margin-right: -1.6rem;
        margin-left: -1.6rem
    }

    .prd-layout-masonry.largeScreen-spaceX-6>* {
        padding-right: 1.6rem;
        padding-left: 1.6rem
    }

    .prd-layout-masonry.largeScreen-spaceY-6 {
        margin-top: -1.6rem;
        margin-bottom: -1.6rem
    }

    .prd-layout-masonry.largeScreen-spaceY-6>* {
        margin-top: 1.6rem;
        margin-bottom: 1.6rem
    }

    .prd-layout-masonry.largeScreen-spaceX-7 {
        margin-right: -2rem;
        margin-left: -2rem
    }

    .prd-layout-masonry.largeScreen-spaceX-7>* {
        padding-right: 2rem;
        padding-left: 2rem
    }

    .prd-layout-masonry.largeScreen-spaceY-7 {
        margin-top: -2rem;
        margin-bottom: -2rem
    }

    .prd-layout-masonry.largeScreen-spaceY-7>* {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .prd-layout-masonry.largeScreen-spaceX-8 {
        margin-right: -3.2rem;
        margin-left: -3.2rem
    }

    .prd-layout-masonry.largeScreen-spaceX-8>* {
        padding-right: 3.2rem;
        padding-left: 3.2rem
    }

    .prd-layout-masonry.largeScreen-spaceY-8 {
        margin-top: -3.2rem;
        margin-bottom: -3.2rem
    }

    .prd-layout-masonry.largeScreen-spaceY-8>* {
        margin-top: 3.2rem;
        margin-bottom: 3.2rem
    }

    .prd-layout-masonry.largeScreen-spaceX-9 {
        margin-right: -3.6rem;
        margin-left: -3.6rem
    }

    .prd-layout-masonry.largeScreen-spaceX-9>* {
        padding-right: 3.6rem;
        padding-left: 3.6rem
    }

    .prd-layout-masonry.largeScreen-spaceY-9 {
        margin-top: -3.6rem;
        margin-bottom: -3.6rem
    }

    .prd-layout-masonry.largeScreen-spaceY-9>* {
        margin-top: 3.6rem;
        margin-bottom: 3.6rem
    }

    .prd-layout-masonry.largeScreen-spaceX-10 {
        margin-right: -6rem;
        margin-left: -6rem
    }

    .prd-layout-masonry.largeScreen-spaceX-10>* {
        padding-right: 6rem;
        padding-left: 6rem
    }

    .prd-layout-masonry.largeScreen-spaceY-10 {
        margin-top: -6rem;
        margin-bottom: -6rem
    }

    .prd-layout-masonry.largeScreen-spaceY-10>* {
        margin-top: 6rem;
        margin-bottom: 6rem
    }

    .prd-layout-masonry.largeScreen-spaceX-11 {
        margin-right: -7.2rem;
        margin-left: -7.2rem
    }

    .prd-layout-masonry.largeScreen-spaceX-11>* {
        padding-right: 7.2rem;
        padding-left: 7.2rem
    }

    .prd-layout-masonry.largeScreen-spaceY-11 {
        margin-top: -7.2rem;
        margin-bottom: -7.2rem
    }

    .prd-layout-masonry.largeScreen-spaceY-11>* {
        margin-top: 7.2rem;
        margin-bottom: 7.2rem
    }

    .prd-layout-masonry.largeScreen-spaceX-12 {
        margin-right: -8.4rem;
        margin-left: -8.4rem
    }

    .prd-layout-masonry.largeScreen-spaceX-12>* {
        padding-right: 8.4rem;
        padding-left: 8.4rem
    }

    .prd-layout-masonry.largeScreen-spaceY-12 {
        margin-top: -8.4rem;
        margin-bottom: -8.4rem
    }

    .prd-layout-masonry.largeScreen-spaceY-12>* {
        margin-top: 8.4rem;
        margin-bottom: 8.4rem
    }
}

@media(min-width:77.5625em) {
    .prd-layout-masonry.extraLargeScreen-spaceX-0 {
        margin-right: 0;
        margin-left: 0
    }

    .prd-layout-masonry.extraLargeScreen-spaceX-0>* {
        padding-right: 0;
        padding-left: 0
    }

    .prd-layout-masonry.extraLargeScreen-spaceY-0,
    .prd-layout-masonry.extraLargeScreen-spaceY-0>* {
        margin-top: 0;
        margin-bottom: 0
    }

    .prd-layout-masonry.extraLargeScreen-spaceX-1 {
        margin-right: -.2rem;
        margin-left: -.2rem
    }

    .prd-layout-masonry.extraLargeScreen-spaceX-1>* {
        padding-right: .2rem;
        padding-left: .2rem
    }

    .prd-layout-masonry.extraLargeScreen-spaceY-1 {
        margin-top: -.2rem;
        margin-bottom: -.2rem
    }

    .prd-layout-masonry.extraLargeScreen-spaceY-1>* {
        margin-top: .2rem;
        margin-bottom: .2rem
    }

    .prd-layout-masonry.extraLargeScreen-spaceX-2 {
        margin-right: -.4rem;
        margin-left: -.4rem
    }

    .prd-layout-masonry.extraLargeScreen-spaceX-2>* {
        padding-right: .4rem;
        padding-left: .4rem
    }

    .prd-layout-masonry.extraLargeScreen-spaceY-2 {
        margin-top: -.4rem;
        margin-bottom: -.4rem
    }

    .prd-layout-masonry.extraLargeScreen-spaceY-2>* {
        margin-top: .4rem;
        margin-bottom: .4rem
    }

    .prd-layout-masonry.extraLargeScreen-spaceX-3 {
        margin-right: -.8rem;
        margin-left: -.8rem
    }

    .prd-layout-masonry.extraLargeScreen-spaceX-3>* {
        padding-right: .8rem;
        padding-left: .8rem
    }

    .prd-layout-masonry.extraLargeScreen-spaceY-3 {
        margin-top: -.8rem;
        margin-bottom: -.8rem
    }

    .prd-layout-masonry.extraLargeScreen-spaceY-3>* {
        margin-top: .8rem;
        margin-bottom: .8rem
    }

    .prd-layout-masonry.extraLargeScreen-spaceX-4 {
        margin-right: -1rem;
        margin-left: -1rem
    }

    .prd-layout-masonry.extraLargeScreen-spaceX-4>* {
        padding-right: 1rem;
        padding-left: 1rem
    }

    .prd-layout-masonry.extraLargeScreen-spaceY-4 {
        margin-top: -1rem;
        margin-bottom: -1rem
    }

    .prd-layout-masonry.extraLargeScreen-spaceY-4>* {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .prd-layout-masonry.extraLargeScreen-spaceX-5 {
        margin-right: -1.2rem;
        margin-left: -1.2rem
    }

    .prd-layout-masonry.extraLargeScreen-spaceX-5>* {
        padding-right: 1.2rem;
        padding-left: 1.2rem
    }

    .prd-layout-masonry.extraLargeScreen-spaceY-5 {
        margin-top: -1.2rem;
        margin-bottom: -1.2rem
    }

    .prd-layout-masonry.extraLargeScreen-spaceY-5>* {
        margin-top: 1.2rem;
        margin-bottom: 1.2rem
    }

    .prd-layout-masonry.extraLargeScreen-spaceX-6 {
        margin-right: -1.6rem;
        margin-left: -1.6rem
    }

    .prd-layout-masonry.extraLargeScreen-spaceX-6>* {
        padding-right: 1.6rem;
        padding-left: 1.6rem
    }

    .prd-layout-masonry.extraLargeScreen-spaceY-6 {
        margin-top: -1.6rem;
        margin-bottom: -1.6rem
    }

    .prd-layout-masonry.extraLargeScreen-spaceY-6>* {
        margin-top: 1.6rem;
        margin-bottom: 1.6rem
    }

    .prd-layout-masonry.extraLargeScreen-spaceX-7 {
        margin-right: -2rem;
        margin-left: -2rem
    }

    .prd-layout-masonry.extraLargeScreen-spaceX-7>* {
        padding-right: 2rem;
        padding-left: 2rem
    }

    .prd-layout-masonry.extraLargeScreen-spaceY-7 {
        margin-top: -2rem;
        margin-bottom: -2rem
    }

    .prd-layout-masonry.extraLargeScreen-spaceY-7>* {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .prd-layout-masonry.extraLargeScreen-spaceX-8 {
        margin-right: -3.2rem;
        margin-left: -3.2rem
    }

    .prd-layout-masonry.extraLargeScreen-spaceX-8>* {
        padding-right: 3.2rem;
        padding-left: 3.2rem
    }

    .prd-layout-masonry.extraLargeScreen-spaceY-8 {
        margin-top: -3.2rem;
        margin-bottom: -3.2rem
    }

    .prd-layout-masonry.extraLargeScreen-spaceY-8>* {
        margin-top: 3.2rem;
        margin-bottom: 3.2rem
    }

    .prd-layout-masonry.extraLargeScreen-spaceX-9 {
        margin-right: -3.6rem;
        margin-left: -3.6rem
    }

    .prd-layout-masonry.extraLargeScreen-spaceX-9>* {
        padding-right: 3.6rem;
        padding-left: 3.6rem
    }

    .prd-layout-masonry.extraLargeScreen-spaceY-9 {
        margin-top: -3.6rem;
        margin-bottom: -3.6rem
    }

    .prd-layout-masonry.extraLargeScreen-spaceY-9>* {
        margin-top: 3.6rem;
        margin-bottom: 3.6rem
    }

    .prd-layout-masonry.extraLargeScreen-spaceX-10 {
        margin-right: -6rem;
        margin-left: -6rem
    }

    .prd-layout-masonry.extraLargeScreen-spaceX-10>* {
        padding-right: 6rem;
        padding-left: 6rem
    }

    .prd-layout-masonry.extraLargeScreen-spaceY-10 {
        margin-top: -6rem;
        margin-bottom: -6rem
    }

    .prd-layout-masonry.extraLargeScreen-spaceY-10>* {
        margin-top: 6rem;
        margin-bottom: 6rem
    }

    .prd-layout-masonry.extraLargeScreen-spaceX-11 {
        margin-right: -7.2rem;
        margin-left: -7.2rem
    }

    .prd-layout-masonry.extraLargeScreen-spaceX-11>* {
        padding-right: 7.2rem;
        padding-left: 7.2rem
    }

    .prd-layout-masonry.extraLargeScreen-spaceY-11 {
        margin-top: -7.2rem;
        margin-bottom: -7.2rem
    }

    .prd-layout-masonry.extraLargeScreen-spaceY-11>* {
        margin-top: 7.2rem;
        margin-bottom: 7.2rem
    }

    .prd-layout-masonry.extraLargeScreen-spaceX-12 {
        margin-right: -8.4rem;
        margin-left: -8.4rem
    }

    .prd-layout-masonry.extraLargeScreen-spaceX-12>* {
        padding-right: 8.4rem;
        padding-left: 8.4rem
    }

    .prd-layout-masonry.extraLargeScreen-spaceY-12 {
        margin-top: -8.4rem;
        margin-bottom: -8.4rem
    }

    .prd-layout-masonry.extraLargeScreen-spaceY-12>* {
        margin-top: 8.4rem;
        margin-bottom: 8.4rem
    }
}

.prd-layout-modelIndexHeader {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: -1.2rem -1.6rem
}

.prd-layout-modelIndexHeader>* {
    padding: 1.2rem 1.6rem
}

.prd-layout-modelIndexHeader>:last-child {
    margin-right: auto
}

.prd-layout-seriesFeature2To1Grid {
    display: flex;
    flex-wrap: wrap
}

@media(max-width:60.5625em) {
    .prd-layout-seriesFeature2To1Grid {
        margin-top: -.8rem;
        margin-bottom: -.8rem
    }
}

@media(min-width:60.625em) {
    .prd-layout-seriesFeature2To1Grid {
        margin-right: -2rem;
        margin-left: -2rem
    }
}

.prd-layout-seriesFeature2To1Grid>* {
    width: 100%
}

@media(max-width:60.5625em) {
    .prd-layout-seriesFeature2To1Grid>* {
        margin-top: .8rem;
        margin-bottom: .8rem
    }
}

@media(min-width:60.625em) {
    .prd-layout-seriesFeature2To1Grid>* {
        padding-right: 2rem;
        padding-left: 2rem
    }
}

@media(min-width:60.625em) {
    .prd-layout-seriesFeature2To1Grid-primary {
        width: 66.6666666667%
    }
}

@media(min-width:60.625em) {
    .prd-layout-seriesFeature2To1Grid-secondary {
        width: 33.3333333333%
    }
}

.prd-layout-stack {
    display: block
}

.prd-layout-stack.of-space-0>*+* {
    margin-top: 0
}

.prd-layout-stack.of-space-1>*+* {
    margin-top: .4rem
}

.prd-layout-stack.of-space-2>*+* {
    margin-top: .8rem
}

.prd-layout-stack.of-space-3>*+* {
    margin-top: 1.6rem
}

.prd-layout-stack.of-space-4>*+* {
    margin-top: 2rem
}

.prd-layout-stack.of-space-5>*+* {
    margin-top: 2.4rem
}

.prd-layout-stack.of-space-6>*+* {
    margin-top: 3.2rem
}

.prd-layout-stack.of-space-7>*+* {
    margin-top: 4rem
}

.prd-layout-stack.of-space-8>*+* {
    margin-top: 6.4rem
}

.prd-layout-stack.of-space-9>*+* {
    margin-top: 7.2rem
}

.prd-layout-stack.of-space-10>*+* {
    margin-top: 12rem
}

.prd-layout-stack.of-space-11>*+* {
    margin-top: 14.4rem
}

.prd-layout-stack.of-space-12>*+* {
    margin-top: 16.8rem
}

@media(max-width:60.5625em) {
    .prd-layout-stack.smallScreen-space-0>*+* {
        margin-top: 0
    }

    .prd-layout-stack.smallScreen-space-1>*+* {
        margin-top: .4rem
    }

    .prd-layout-stack.smallScreen-space-2>*+* {
        margin-top: .8rem
    }

    .prd-layout-stack.smallScreen-space-3>*+* {
        margin-top: 1.6rem
    }

    .prd-layout-stack.smallScreen-space-4>*+* {
        margin-top: 2rem
    }

    .prd-layout-stack.smallScreen-space-5>*+* {
        margin-top: 2.4rem
    }

    .prd-layout-stack.smallScreen-space-6>*+* {
        margin-top: 3.2rem
    }

    .prd-layout-stack.smallScreen-space-7>*+* {
        margin-top: 4rem
    }

    .prd-layout-stack.smallScreen-space-8>*+* {
        margin-top: 6.4rem
    }

    .prd-layout-stack.smallScreen-space-9>*+* {
        margin-top: 7.2rem
    }

    .prd-layout-stack.smallScreen-space-10>*+* {
        margin-top: 12rem
    }

    .prd-layout-stack.smallScreen-space-11>*+* {
        margin-top: 14.4rem
    }

    .prd-layout-stack.smallScreen-space-12>*+* {
        margin-top: 16.8rem
    }
}

@media(max-width:47.9375em) {
    .prd-layout-stack.extraSmallScreen-space-0>*+* {
        margin-top: 0
    }

    .prd-layout-stack.extraSmallScreen-space-1>*+* {
        margin-top: .4rem
    }

    .prd-layout-stack.extraSmallScreen-space-2>*+* {
        margin-top: .8rem
    }

    .prd-layout-stack.extraSmallScreen-space-3>*+* {
        margin-top: 1.6rem
    }

    .prd-layout-stack.extraSmallScreen-space-4>*+* {
        margin-top: 2rem
    }

    .prd-layout-stack.extraSmallScreen-space-5>*+* {
        margin-top: 2.4rem
    }

    .prd-layout-stack.extraSmallScreen-space-6>*+* {
        margin-top: 3.2rem
    }

    .prd-layout-stack.extraSmallScreen-space-7>*+* {
        margin-top: 4rem
    }

    .prd-layout-stack.extraSmallScreen-space-8>*+* {
        margin-top: 6.4rem
    }

    .prd-layout-stack.extraSmallScreen-space-9>*+* {
        margin-top: 7.2rem
    }

    .prd-layout-stack.extraSmallScreen-space-10>*+* {
        margin-top: 12rem
    }

    .prd-layout-stack.extraSmallScreen-space-11>*+* {
        margin-top: 14.4rem
    }

    .prd-layout-stack.extraSmallScreen-space-12>*+* {
        margin-top: 16.8rem
    }
}

@media(min-width:60.625em) {
    .prd-layout-stack.largeScreen-space-0>*+* {
        margin-top: 0
    }

    .prd-layout-stack.largeScreen-space-1>*+* {
        margin-top: .4rem
    }

    .prd-layout-stack.largeScreen-space-2>*+* {
        margin-top: .8rem
    }

    .prd-layout-stack.largeScreen-space-3>*+* {
        margin-top: 1.6rem
    }

    .prd-layout-stack.largeScreen-space-4>*+* {
        margin-top: 2rem
    }

    .prd-layout-stack.largeScreen-space-5>*+* {
        margin-top: 2.4rem
    }

    .prd-layout-stack.largeScreen-space-6>*+* {
        margin-top: 3.2rem
    }

    .prd-layout-stack.largeScreen-space-7>*+* {
        margin-top: 4rem
    }

    .prd-layout-stack.largeScreen-space-8>*+* {
        margin-top: 6.4rem
    }

    .prd-layout-stack.largeScreen-space-9>*+* {
        margin-top: 7.2rem
    }

    .prd-layout-stack.largeScreen-space-10>*+* {
        margin-top: 12rem
    }

    .prd-layout-stack.largeScreen-space-11>*+* {
        margin-top: 14.4rem
    }

    .prd-layout-stack.largeScreen-space-12>*+* {
        margin-top: 16.8rem
    }
}

@media(min-width:77.5625em) {
    .prd-layout-stack.extraLargeScreen-space-0>*+* {
        margin-top: 0
    }

    .prd-layout-stack.extraLargeScreen-space-1>*+* {
        margin-top: .4rem
    }

    .prd-layout-stack.extraLargeScreen-space-2>*+* {
        margin-top: .8rem
    }

    .prd-layout-stack.extraLargeScreen-space-3>*+* {
        margin-top: 1.6rem
    }

    .prd-layout-stack.extraLargeScreen-space-4>*+* {
        margin-top: 2rem
    }

    .prd-layout-stack.extraLargeScreen-space-5>*+* {
        margin-top: 2.4rem
    }

    .prd-layout-stack.extraLargeScreen-space-6>*+* {
        margin-top: 3.2rem
    }

    .prd-layout-stack.extraLargeScreen-space-7>*+* {
        margin-top: 4rem
    }

    .prd-layout-stack.extraLargeScreen-space-8>*+* {
        margin-top: 6.4rem
    }

    .prd-layout-stack.extraLargeScreen-space-9>*+* {
        margin-top: 7.2rem
    }

    .prd-layout-stack.extraLargeScreen-space-10>*+* {
        margin-top: 12rem
    }

    .prd-layout-stack.extraLargeScreen-space-11>*+* {
        margin-top: 14.4rem
    }

    .prd-layout-stack.extraLargeScreen-space-12>*+* {
        margin-top: 16.8rem
    }
}

.prd-layout-switcher {
    display: flex;
    flex-wrap: wrap
}

.prd-layout-switcher>* {
    flex: 100%;
    min-width: 0
}

.prd-layout-switcher.of-row>* {
    flex: 1
}

@media(max-width:60.5625em) {
    .prd-layout-switcher.smallScreen-row>* {
        flex: 1
    }
}

@media(max-width:47.9375em) {
    .prd-layout-switcher.extraSmallScreen-row>* {
        flex: 1
    }
}

@media(min-width:60.625em) {
    .prd-layout-switcher.largeScreen-row>* {
        flex: 1
    }
}

@media(min-width:77.5625em) {
    .prd-layout-switcher.extraLargeScreen-row>* {
        flex: 1
    }
}

.prd-layout-switcher.of-rowReverse {
    flex-direction: row-reverse
}

@media(max-width:60.5625em) {
    .prd-layout-switcher.smallScreen-rowReverse {
        flex-direction: row-reverse
    }
}

@media(max-width:47.9375em) {
    .prd-layout-switcher.extraSmallScreen-rowReverse {
        flex-direction: row-reverse
    }
}

@media(min-width:60.625em) {
    .prd-layout-switcher.largeScreen-rowReverse {
        flex-direction: row-reverse
    }
}

@media(min-width:77.5625em) {
    .prd-layout-switcher.extraLargeScreen-rowReverse {
        flex-direction: row-reverse
    }
}

.prd-layout-switcher.of-space-0,
.prd-layout-switcher.of-space-0>* {
    margin: 0
}

.prd-layout-switcher.of-space-1 {
    margin: -.2rem
}

.prd-layout-switcher.of-space-1>* {
    margin: .2rem
}

.prd-layout-switcher.of-space-2 {
    margin: -.4rem
}

.prd-layout-switcher.of-space-2>* {
    margin: .4rem
}

.prd-layout-switcher.of-space-3 {
    margin: -.8rem
}

.prd-layout-switcher.of-space-3>* {
    margin: .8rem
}

.prd-layout-switcher.of-space-4 {
    margin: -1rem
}

.prd-layout-switcher.of-space-4>* {
    margin: 1rem
}

.prd-layout-switcher.of-space-5 {
    margin: -1.2rem
}

.prd-layout-switcher.of-space-5>* {
    margin: 1.2rem
}

.prd-layout-switcher.of-space-6 {
    margin: -1.6rem
}

.prd-layout-switcher.of-space-6>* {
    margin: 1.6rem
}

.prd-layout-switcher.of-space-7 {
    margin: -2rem
}

.prd-layout-switcher.of-space-7>* {
    margin: 2rem
}

.prd-layout-switcher.of-space-8 {
    margin: -3.2rem
}

.prd-layout-switcher.of-space-8>* {
    margin: 3.2rem
}

.prd-layout-switcher.of-space-9 {
    margin: -3.6rem
}

.prd-layout-switcher.of-space-9>* {
    margin: 3.6rem
}

.prd-layout-switcher.of-space-10 {
    margin: -6rem
}

.prd-layout-switcher.of-space-10>* {
    margin: 6rem
}

.prd-layout-switcher.of-space-11 {
    margin: -7.2rem
}

.prd-layout-switcher.of-space-11>* {
    margin: 7.2rem
}

.prd-layout-switcher.of-space-12 {
    margin: -8.4rem
}

.prd-layout-switcher.of-space-12>* {
    margin: 8.4rem
}

@media(max-width:60.5625em) {

    .prd-layout-switcher.smallScreen-space-0,
    .prd-layout-switcher.smallScreen-space-0>* {
        margin: 0
    }

    .prd-layout-switcher.smallScreen-space-1 {
        margin: -.2rem
    }

    .prd-layout-switcher.smallScreen-space-1>* {
        margin: .2rem
    }

    .prd-layout-switcher.smallScreen-space-2 {
        margin: -.4rem
    }

    .prd-layout-switcher.smallScreen-space-2>* {
        margin: .4rem
    }

    .prd-layout-switcher.smallScreen-space-3 {
        margin: -.8rem
    }

    .prd-layout-switcher.smallScreen-space-3>* {
        margin: .8rem
    }

    .prd-layout-switcher.smallScreen-space-4 {
        margin: -1rem
    }

    .prd-layout-switcher.smallScreen-space-4>* {
        margin: 1rem
    }

    .prd-layout-switcher.smallScreen-space-5 {
        margin: -1.2rem
    }

    .prd-layout-switcher.smallScreen-space-5>* {
        margin: 1.2rem
    }

    .prd-layout-switcher.smallScreen-space-6 {
        margin: -1.6rem
    }

    .prd-layout-switcher.smallScreen-space-6>* {
        margin: 1.6rem
    }

    .prd-layout-switcher.smallScreen-space-7 {
        margin: -2rem
    }

    .prd-layout-switcher.smallScreen-space-7>* {
        margin: 2rem
    }

    .prd-layout-switcher.smallScreen-space-8 {
        margin: -3.2rem
    }

    .prd-layout-switcher.smallScreen-space-8>* {
        margin: 3.2rem
    }

    .prd-layout-switcher.smallScreen-space-9 {
        margin: -3.6rem
    }

    .prd-layout-switcher.smallScreen-space-9>* {
        margin: 3.6rem
    }

    .prd-layout-switcher.smallScreen-space-10 {
        margin: -6rem
    }

    .prd-layout-switcher.smallScreen-space-10>* {
        margin: 6rem
    }

    .prd-layout-switcher.smallScreen-space-11 {
        margin: -7.2rem
    }

    .prd-layout-switcher.smallScreen-space-11>* {
        margin: 7.2rem
    }

    .prd-layout-switcher.smallScreen-space-12 {
        margin: -8.4rem
    }

    .prd-layout-switcher.smallScreen-space-12>* {
        margin: 8.4rem
    }
}

@media(max-width:47.9375em) {

    .prd-layout-switcher.extraSmallScreen-space-0,
    .prd-layout-switcher.extraSmallScreen-space-0>* {
        margin: 0
    }

    .prd-layout-switcher.extraSmallScreen-space-1 {
        margin: -.2rem
    }

    .prd-layout-switcher.extraSmallScreen-space-1>* {
        margin: .2rem
    }

    .prd-layout-switcher.extraSmallScreen-space-2 {
        margin: -.4rem
    }

    .prd-layout-switcher.extraSmallScreen-space-2>* {
        margin: .4rem
    }

    .prd-layout-switcher.extraSmallScreen-space-3 {
        margin: -.8rem
    }

    .prd-layout-switcher.extraSmallScreen-space-3>* {
        margin: .8rem
    }

    .prd-layout-switcher.extraSmallScreen-space-4 {
        margin: -1rem
    }

    .prd-layout-switcher.extraSmallScreen-space-4>* {
        margin: 1rem
    }

    .prd-layout-switcher.extraSmallScreen-space-5 {
        margin: -1.2rem
    }

    .prd-layout-switcher.extraSmallScreen-space-5>* {
        margin: 1.2rem
    }

    .prd-layout-switcher.extraSmallScreen-space-6 {
        margin: -1.6rem
    }

    .prd-layout-switcher.extraSmallScreen-space-6>* {
        margin: 1.6rem
    }

    .prd-layout-switcher.extraSmallScreen-space-7 {
        margin: -2rem
    }

    .prd-layout-switcher.extraSmallScreen-space-7>* {
        margin: 2rem
    }

    .prd-layout-switcher.extraSmallScreen-space-8 {
        margin: -3.2rem
    }

    .prd-layout-switcher.extraSmallScreen-space-8>* {
        margin: 3.2rem
    }

    .prd-layout-switcher.extraSmallScreen-space-9 {
        margin: -3.6rem
    }

    .prd-layout-switcher.extraSmallScreen-space-9>* {
        margin: 3.6rem
    }

    .prd-layout-switcher.extraSmallScreen-space-10 {
        margin: -6rem
    }

    .prd-layout-switcher.extraSmallScreen-space-10>* {
        margin: 6rem
    }

    .prd-layout-switcher.extraSmallScreen-space-11 {
        margin: -7.2rem
    }

    .prd-layout-switcher.extraSmallScreen-space-11>* {
        margin: 7.2rem
    }

    .prd-layout-switcher.extraSmallScreen-space-12 {
        margin: -8.4rem
    }

    .prd-layout-switcher.extraSmallScreen-space-12>* {
        margin: 8.4rem
    }
}

@media(min-width:60.625em) {

    .prd-layout-switcher.largeScreen-space-0,
    .prd-layout-switcher.largeScreen-space-0>* {
        margin: 0
    }

    .prd-layout-switcher.largeScreen-space-1 {
        margin: -.2rem
    }

    .prd-layout-switcher.largeScreen-space-1>* {
        margin: .2rem
    }

    .prd-layout-switcher.largeScreen-space-2 {
        margin: -.4rem
    }

    .prd-layout-switcher.largeScreen-space-2>* {
        margin: .4rem
    }

    .prd-layout-switcher.largeScreen-space-3 {
        margin: -.8rem
    }

    .prd-layout-switcher.largeScreen-space-3>* {
        margin: .8rem
    }

    .prd-layout-switcher.largeScreen-space-4 {
        margin: -1rem
    }

    .prd-layout-switcher.largeScreen-space-4>* {
        margin: 1rem
    }

    .prd-layout-switcher.largeScreen-space-5 {
        margin: -1.2rem
    }

    .prd-layout-switcher.largeScreen-space-5>* {
        margin: 1.2rem
    }

    .prd-layout-switcher.largeScreen-space-6 {
        margin: -1.6rem
    }

    .prd-layout-switcher.largeScreen-space-6>* {
        margin: 1.6rem
    }

    .prd-layout-switcher.largeScreen-space-7 {
        margin: -2rem
    }

    .prd-layout-switcher.largeScreen-space-7>* {
        margin: 2rem
    }

    .prd-layout-switcher.largeScreen-space-8 {
        margin: -3.2rem
    }

    .prd-layout-switcher.largeScreen-space-8>* {
        margin: 3.2rem
    }

    .prd-layout-switcher.largeScreen-space-9 {
        margin: -3.6rem
    }

    .prd-layout-switcher.largeScreen-space-9>* {
        margin: 3.6rem
    }

    .prd-layout-switcher.largeScreen-space-10 {
        margin: -6rem
    }

    .prd-layout-switcher.largeScreen-space-10>* {
        margin: 6rem
    }

    .prd-layout-switcher.largeScreen-space-11 {
        margin: -7.2rem
    }

    .prd-layout-switcher.largeScreen-space-11>* {
        margin: 7.2rem
    }

    .prd-layout-switcher.largeScreen-space-12 {
        margin: -8.4rem
    }

    .prd-layout-switcher.largeScreen-space-12>* {
        margin: 8.4rem
    }
}

@media(min-width:77.5625em) {

    .prd-layout-switcher.extraLargeScreen-space-0,
    .prd-layout-switcher.extraLargeScreen-space-0>* {
        margin: 0
    }

    .prd-layout-switcher.extraLargeScreen-space-1 {
        margin: -.2rem
    }

    .prd-layout-switcher.extraLargeScreen-space-1>* {
        margin: .2rem
    }

    .prd-layout-switcher.extraLargeScreen-space-2 {
        margin: -.4rem
    }

    .prd-layout-switcher.extraLargeScreen-space-2>* {
        margin: .4rem
    }

    .prd-layout-switcher.extraLargeScreen-space-3 {
        margin: -.8rem
    }

    .prd-layout-switcher.extraLargeScreen-space-3>* {
        margin: .8rem
    }

    .prd-layout-switcher.extraLargeScreen-space-4 {
        margin: -1rem
    }

    .prd-layout-switcher.extraLargeScreen-space-4>* {
        margin: 1rem
    }

    .prd-layout-switcher.extraLargeScreen-space-5 {
        margin: -1.2rem
    }

    .prd-layout-switcher.extraLargeScreen-space-5>* {
        margin: 1.2rem
    }

    .prd-layout-switcher.extraLargeScreen-space-6 {
        margin: -1.6rem
    }

    .prd-layout-switcher.extraLargeScreen-space-6>* {
        margin: 1.6rem
    }

    .prd-layout-switcher.extraLargeScreen-space-7 {
        margin: -2rem
    }

    .prd-layout-switcher.extraLargeScreen-space-7>* {
        margin: 2rem
    }

    .prd-layout-switcher.extraLargeScreen-space-8 {
        margin: -3.2rem
    }

    .prd-layout-switcher.extraLargeScreen-space-8>* {
        margin: 3.2rem
    }

    .prd-layout-switcher.extraLargeScreen-space-9 {
        margin: -3.6rem
    }

    .prd-layout-switcher.extraLargeScreen-space-9>* {
        margin: 3.6rem
    }

    .prd-layout-switcher.extraLargeScreen-space-10 {
        margin: -6rem
    }

    .prd-layout-switcher.extraLargeScreen-space-10>* {
        margin: 6rem
    }

    .prd-layout-switcher.extraLargeScreen-space-11 {
        margin: -7.2rem
    }

    .prd-layout-switcher.extraLargeScreen-space-11>* {
        margin: 7.2rem
    }

    .prd-layout-switcher.extraLargeScreen-space-12 {
        margin: -8.4rem
    }

    .prd-layout-switcher.extraLargeScreen-space-12>* {
        margin: 8.4rem
    }
}

.prd-layout-withCategoryNavigation {
    display: flex
}
.prd-layout-withCategoryNavigation .prd-layout-withCategoryNavigation-body.boxOne{
    display: block;
}
.prd-layout-withCategoryNavigation .prd-layout-withCategoryNavigation-body{
    /* display: none; */
}
.prd-layout-withCategoryNavigation-sidebar {
    flex-basis: 29rem;
    min-width: 0;
    margin-right: 4rem
}

@media(max-width:60.5625em) {
    .prd-layout-withCategoryNavigation-sidebar.prd-smallScreen-marginRight-none {
        margin-right: 0
    }
}

@media(max-width:60.5625em) {
    .prd-layout-withCategoryNavigation-sidebar.prd-smallScreen-paddingBottom-primary {
        padding-bottom: 3.2rem
    }
}

.prd-layout-withCategoryNavigation-body {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0
}

.prd-layout-withCategoryNavigation-body.of-lastChild-marginCancel>:last-child {
    margin-bottom: 0
}

.prd-layout-withSideNavigation {
    display: flex
}

@media(max-width:60.5625em) {
    .prd-layout-withSideNavigation.prd-smallScreen-flexDirection-column {
        flex-direction: column
    }
}

@media(max-width:60.5625em)and (max-width:60.5625em) {
    .prd-layout-withSideNavigation.prd-smallScreen-flexDirection-column .prd-layout-withSideNavigation-sidebar {
        padding-right: 0;
        padding-left: 0;
        margin-right: auto;
        margin-left: auto
    }
}

.prd-layout-withSideNavigation-sidebar {
    flex-basis: 29rem;
    min-width: 0;
    margin-left: 4rem
}

@media(max-width:60.5625em) {
    .prd-layout-withSideNavigation-sidebar.prd-smallScreen-marginLeft-none {
        margin-right: 0
    }
}

@media(max-width:60.5625em) {
    .prd-layout-withSideNavigation-sidebar.prd-smallScreen-paddingBottom-primary {
        padding-bottom: 3.2rem
    }
}

.prd-layout-withSideNavigation-body {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0
}

.prd-layout-withSideNavigation-body.of-lastChild-marginCancel>:last-child {
    margin-bottom: 0
}

.prd-annotationList-item {
    position: relative;
    padding-left: 1.6rem
}

.prd-annotationList-marker {
    position: absolute;
    top: .8em;
    left: 0;
    transform: translateY(-50%)
}

.prd-articleCard {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .15)
}

@media(min-width:60.625em) {
    .prd-articleCard.prd-largeScreen-flexDirection-row {
        flex-direction: row
    }
}

@media(min-width:60.625em) {
    .prd-articleCard.prd-largeScreen-flexDirection-row>* {
        width: 50%
    }
}

@media(min-width:60.625em) {
    .prd-articleCard.prd-largeScreen-flexDirection-row .prd-articleCard-image {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: 50% 50%;
        object-position: 50% 50%
    }
}

.prd-articleCard-imageWrapper {
    position: relative;
    overflow: hidden
}

.prd-articleCard-imageWrapper:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background-color: rgba(0, 0, 0, .2);
    opacity: 0;
    transition: opacity .4s cubic-bezier(.4, 0, .2, 1)
}

@media(hover:hover) {
    .prd-articleCard:hover:not(.is-hasHover) .prd-articleCard-imageWrapper:after {
        opacity: 1
    }
}

.prd-root.is-ie11 .prd-articleCard:hover:not(.is-hasHover) .prd-articleCard-imageWrapper:after {
    opacity: 1
}

.prd-articleCard-image {
    transition: transform .4s cubic-bezier(.4, 0, .2, 1)
}

@media(hover:hover) {
    .prd-articleCard:hover:not(.is-hasHover) .prd-articleCard-image {
        transform: scale(1.05)
    }
}

.prd-root.is-ie11 .prd-articleCard:hover:not(.is-hasHover) .prd-articleCard-image {
    transform: scale(1.05)
}

.prd-articleCard-body {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

@media(max-width:60.5625em) {
    .prd-articleCard-body {
        padding: 1.6rem 1.6rem 2.4rem
    }
}

@media(min-width:60.625em) {
    .prd-articleCard-body {
        padding: 2.4rem
    }
}

.prd-articleCard-link {
    color: #dc002f;
    text-decoration: none
}

.prd-articleCard-link:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: ""
}

.prd-articleCard-title {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.25;
    color: #2e3133
}

.prd-articleCard-titleLink,
.prd-articleCard-titleLink .prd-articleCard-titleLinkLabel {
    color: #dc002f;
    text-decoration: none;
    transition: color .4s cubic-bezier(.4, 0, .2, 1)
}

@media(hover:hover) {
    .prd-articleCard-link:hover .prd-articleCard-titleLinkLabel {
        text-decoration: underline
    }
}

.prd-root.is-ie11 .prd-articleCard-link:hover .prd-articleCard-titleLinkLabel {
    text-decoration: underline
}

.prd-articleCard-titleLabel {
    position: absolute;
    top: 10px;
    left: 0;
    display: inline-block;
    min-width: 7.9rem;
    padding: .4rem;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.3;
    color: #fff;
    text-align: center;
    background-color: #dc002f
}

.prd-articleCard-description {
    display: -webkit-box;
    overflow: hidden;
    color: #484b4c;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.prd-articleCard-data {
    font-size: 1.2rem;
    color: #666a6b
}

.prd-articleCard-label {
    position: relative;
    display: block;
    color: #666a6b
}

.prd-layout-cluster>li:not(:last-child)>.prd-articleCard-label:after {
    position: absolute;
    right: -.3em;
    bottom: 0;
    display: block;
    content: ","
}

.prd-layout-articlesGrid {
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 40px
}

.prd-layout-articlesGrid>:first-child {
    -ms-grid-row: 1;
    -ms-grid-column: 1
}

.prd-layout-articlesGrid>:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3
}

.prd-layout-articlesGrid>:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1
}

.prd-layout-articlesGrid>:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 3
}

@media(max-width:60.5625em) {
    .prd-layout-articlesGrid {
        grid-template-rows: auto;
        grid-template-columns: auto
    }

    .prd-layout-articlesGrid>:first-child {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }
}

.prd-layout-articlesGrid>div:first-child {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2
}

.prd-layout-articlesGrid>div:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3
}

.prd-layout-articlesGrid>div:nth-child(3) {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3
}

@media(max-width:60.5625em) {

    .prd-layout-articlesGrid>div:first-child,
    .prd-layout-articlesGrid>div:nth-child(2),
    .prd-layout-articlesGrid>div:nth-child(3) {
        grid-row: auto;
        grid-column: auto
    }
}

.prd-banner {
    position: relative;
    display: block;
    overflow: hidden
}

.prd-banner:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background-color: rgba(0, 0, 0, .2);
    opacity: 0;
    transition: opacity .4s cubic-bezier(.4, 0, .2, 1)
}

@media(hover:hover) {
    .prd-banner:hover:after {
        opacity: 1
    }
}

.prd-root.is-ie11 .prd-banner:hover:after {
    opacity: 1
}

.prd-banner-image {
    transition: transform .4s cubic-bezier(.4, 0, .2, 1)
}

@media(hover:hover) {
    .prd-banner:hover .prd-banner-image {
        transform: scale(1.05)
    }
}

.prd-root.is-ie11 .prd-banner:hover .prd-banner-image {
    transform: scale(1.05)
}

.prd-breadcrumb {
    padding-top: 2rem;
    line-height: 2
}

@media(max-width:60.5625em) {
    .prd-breadcrumb {
        padding-bottom: 1.6rem;
        background-color: #fff
    }
}

.prd-breadcrumb.of-primary {
    padding: 0;
    background: none
}

@media(max-width:60.5625em) {
    .prd-breadcrumb.of-primary {
        font-size: 1.5rem
    }
}

.prd-breadcrumb-item {
    display: inline
}

.prd-breadcrumb-item+.prd-breadcrumb-item:before {
    margin-right: .8rem;
    margin-left: .8rem;
    content: ">"
}

@media(max-width:60.5625em) {
    .prd-breadcrumb-item:last-child {
        padding-right: 2rem
    }
}

.prd-bulletedList {
    padding-left: 1em
}

.prd-bulletedList-item:before {
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    content: "•"
}

.prd-button {
    display: inline-flex;
    align-items: center;
    min-width: 18rem;
    max-width: 24rem;
    padding: 1rem 1.6rem;
    text-align: inherit;
    text-decoration: none;
    border: .2rem solid transparent;
    border-radius: .4rem;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .2s;
    transition-property: color, background-color
}

@media(max-width:47.9375em) {
    .prd-button {
        width: 100%;
        min-width: auto;
        max-width: none
    }
}

a.prd-button {
    cursor: pointer
}

@media(max-width:47.9375em) {
    .prd-seriesCard-buttonList .prd-button {
        padding: 1rem .8rem 1rem 1.2rem
    }
}

.prd-button[aria-disabled=true] {
    pointer-events: none
}

.prd-downloadListPanel .prd-button {
    min-width: auto
}

.prd-seriesHeader-buttonArea .prd-button {
    padding-top: 0;
    padding-bottom: 0
}

.prd-modelIntroduction-callToActionArea .prd-button,
.prd-seriesOverviewIntroduction-callToActionArea .prd-button {
    width: 100%;
    min-width: auto;
    max-width: none
}

.prd-button.of-default {
    color: #2e3133;
    border-color: #666a6b
}

.prd-button.of-default:disabled,
.prd-button.of-default[aria-disabled=true] {
    color: #666;
    cursor: default;
    background-color: #e5e5e5;
    border-color: #c9cbcb
}

@media(hover:hover) {
    .prd-button.of-default:disabled:hover {
        background-color: #e5e5e5
    }
}

.prd-root.is-ie11 .prd-button.of-default:disabled:hover {
    background-color: #e5e5e5
}

.prd-theme-dark .prd-button.of-default {
    color: #fff;
    border-color: #484b4c
}

.prd-seriesFeatureApplication .prd-button.of-default {
    border-color: #666a6b
}

@media(hover:hover) {
    .prd-button.of-default:hover {
        background-color: #f0f0f0
    }
}

.prd-root.is-ie11 .prd-button.of-default:hover {
    background-color: #f0f0f0
}

@media(hover:hover) {
    .prd-theme-dark .prd-button.of-default:hover {
        background-color: #484b4c
    }
}

.prd-root.is-ie11 .prd-theme-dark .prd-button.of-default:hover {
    background-color: #484b4c
}

.prd-button.of-primary {
    color: #fff;
    background-color: #dc002f
}

.prd-button.of-primary:disabled,
.prd-button.of-primary:hover:disabled,
.prd-button.of-primary[aria-disabled=true] {
    color: #666;
    cursor: default;
    background-color: #e5e5e5
}

@media(hover:hover) {

    .prd-button.of-primary:hover,
    .prd-downloadCard:hover:not(.is-hasHover) .prd-button.of-primary,
    .prd-downloadCardMinimal:hover .prd-button.of-primary {
        background-color: #c6002a
    }
}

.prd-root.is-ie11 .prd-button.of-primary:hover,
.prd-root.is-ie11 .prd-downloadCard:hover:not(.is-hasHover) .prd-button.of-primary,
.prd-root.is-ie11 .prd-downloadCardMinimal:hover .prd-button.of-primary {
    background-color: #c6002a
}

.prd-button.of-inquiry {
    color: #fff;
    background-color: #13778f
}

@media(hover:hover) {
    .prd-button.of-inquiry:hover {
        background-color: #116b81
    }
}

.prd-root.is-ie11 .prd-button.of-inquiry:hover {
    background-color: #116b81
}

.prd-button.of-dataSheet {
    color: #fff;
    background-color: #0065bb
}

@media(hover:hover) {
    .prd-button.of-dataSheet:hover {
        background-color: #00549b
    }
}

.prd-root.is-ie11 .prd-button.of-dataSheet:hover {
    background-color: #00549b
}

.prd-seriesHeader-buttonArea .prd-button {
    min-width: auto
}

@media(max-width:60.5625em) {
    .prd-seriesHeader-buttonArea .prd-button {
        padding-right: .4rem;
        padding-left: .8rem
    }
}

@media(min-width:60.625em) {
    .prd-seriesHeader-buttonArea .prd-button {
        padding-right: .8rem;
        padding-left: 1.6rem
    }
}

.prd-button:before {
    flex: none;
    margin-left: -1ch;
    visibility: hidden;
    content: "0"
}

.prd-button-label {
    flex: auto;
    padding-left: .4rem
}

@media(max-width:60.5625em) {
    .prd-seriesHeader-buttonArea .prd-button-label {
        padding-top: 0;
        padding-bottom: 0
    }
}

@media(min-width:60.625em) {
    .prd-seriesHeader-buttonArea .prd-button-label {
        padding-top: .4rem;
        padding-bottom: .4rem
    }
}

.prd-button-icon {
    flex: none;
    width: 3rem;
    height: 3rem;
    margin-top: -1rem;
    margin-bottom: -1rem;
    color: inherit;
    fill: currentColor
}

.prd-button-label+.prd-button-icon {
    margin-left: .8rem
}

@media(max-width:47.9375em) {
    .prd-seriesCard-buttonList .prd-button-label+.prd-button-icon {
        margin-left: 0
    }
}

.prd-button.of-default .prd-button-icon {
    color: #dc002f
}

.prd-seriesHeader-buttonArea .prd-button-icon {
    width: 2.4rem;
    height: 2.4rem;
    margin-top: 0;
    margin-bottom: 0
}

.prd-button.of-narrow {
    min-width: auto
}

.prd-button.of-narrow:before {
    content: none
}

.prd-button.of-narrow .prd-button-label {
    padding-left: 0
}

.prd-button.of-inputElement {
    position: relative;
    padding: 0;
    border: 0
}

.prd-button.of-inputElement.of-primary[aria-disabled=true] {
    background-color: #e5e5e5
}

.prd-button.of-inputElement.of-primary input {
    color: #fff
}

.prd-button.of-inputElement.of-primary[aria-disabled=true] input {
    color: #666
}

.prd-button.of-inputElement input {
    width: 100%;
    padding: 1rem 5.6rem 1rem 1.6rem;
    text-align: left;
    border: .2rem solid transparent
}

.prd-button.of-inputElement .prd-button-icon {
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: 0;
    margin-bottom: 0;
    pointer-events: none;
    transform: translateY(-50%)
}

.prd-button-count.is-hide {
    display: none
}

@media(min-width:60.625em) {
    .prd-cardSlider {
        position: relative
    }
}

.prd-cardSlider-reel {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-color: #dc002f #f0f0f0;
    scrollbar-width: thin
}

@media(max-width:60.5625em) {
    .prd-cardSlider-reel {
        margin-right: -2rem;
        margin-left: -2rem
    }
}

.prd-cardSlider-reel::-webkit-scrollbar {
    height: .8rem
}

.prd-cardSlider-reel::-webkit-scrollbar-track {
    background-image: linear-gradient(180deg, transparent, transparent 25%, #f0f0f0 0, #f0f0f0)
}

.prd-cardSlider-reel::-webkit-scrollbar-thumb {
    background-color: #dc002f;
    border-radius: 99rem
}

@media(max-width:60.5625em) {

    .prd-cardSlider-reel:after,
    .prd-cardSlider-reel:before {
        display: block;
        flex-basis: 2rem;
        flex-shrink: 0;
        content: ""
    }
}

.prd-cardSlider-reelItem {
    flex-shrink: 0
}

@media(max-width:60.5625em) {
    .prd-cardSlider.of-series .prd-cardSlider-reelItem {
        flex-basis: 17.95rem
    }
}

@media(max-width:47.9375em) {
    .prd-cardSlider.of-series .prd-cardSlider-reelItem {
        flex-basis: calc(50vw - 3.6rem)
    }
}

@media(min-width:60.625em) {
    .prd-cardSlider.of-series .prd-cardSlider-reelItem {
        flex-basis: 20.75rem
    }
}

@media(max-width:60.5625em) {
    .prd-cardSlider.of-download .prd-cardSlider-reelItem {
        flex-basis: 28rem
    }
}

@media(min-width:60.625em) {
    .prd-cardSlider.of-download .prd-cardSlider-reelItem {
        flex-basis: 29rem
    }
}

@media(max-width:60.5625em) {
    .prd-cardSlider-reelItem+.prd-cardSlider-reelItem {
        margin-left: 1.6rem
    }
}

@media(min-width:60.625em) {
    .prd-cardSlider-reelItem+.prd-cardSlider-reelItem {
        margin-left: 4rem
    }
}

@media(max-width:60.5625em) {
    .prd-cardSlider.is-overflowing .prd-cardSlider-reel {
        padding-bottom: 1.6rem
    }
}

@media(min-width:60.625em) {
    .prd-cardSlider.is-overflowing .prd-cardSlider-reel {
        padding-bottom: 4rem
    }
}

.prd-cardSlider-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    opacity: 0;
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1)
}

.prd-cardSlider.is-overflowing:not(.is-hasScrolled) .prd-cardSlider-overlay {
    opacity: 1
}

.prd-cardSlider-overlay:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 16rem;
    content: "";
    background-image: linear-gradient(90deg, hsla(0, 0%, 98%, 0), #fafafa)
}

.prd-cardSlider-overlayInner {
    position: absolute;
    top: 50%;
    right: 2rem;
    pointer-events: auto;
    cursor: pointer;
    transform: translateY(-50%)
}

.prd-cardSlider-overlayInner[aria-hidden=true] {
    display: block
}

.prd-cardSlider-overlayIcon {
    width: 4rem;
    height: 4rem;
    vertical-align: bottom;
    pointer-events: none
}

.prd-cardSlider-overlayLabel {
    color: #dc002f;
    text-align: center
}

@media(min-width:60.625em) {
    .prd-cardSlider.prd-largeScreen-vertical .prd-cardSlider-reel {
        flex-direction: column
    }
}

@media(min-width:60.625em) {
    .prd-cardSlider.prd-largeScreen-vertical .prd-cardSlider-reel .prd-cardSlider-reelItem {
        margin-left: 0
    }
}

@media(max-width:60.5625em) {
    .prd-cardSlider.of-series.prd-largeScreen-vertical .prd-cardSlider-reel .prd-cardSlider-reelItem {
        flex-basis: 20.8rem
    }
}

@media(min-width:60.625em) {
    .prd-cardSlider.of-series.prd-largeScreen-vertical .prd-cardSlider-reel .prd-cardSlider-reelItem+.prd-cardSlider-reelItem {
        margin-top: 3.2rem
    }
}

@media(max-width:60.5625em) {
    .prd-cardSlider.of-series.prd-largeScreen-vertical .prd-cardSlider-reel .prd-cardSlider-reelItem+.prd-cardSlider-reelItem {
        margin-left: 3.2rem
    }
}

.prd-cardError {
    display: flex;
    align-items: center;
    padding: 1.6rem;
    color: #dc002f;
    background: #ffece9;
    border-radius: .4rem
}

.prd-cardError-icon {
    flex: none;
    width: 3rem;
    height: 3rem;
    margin-right: .8rem;
    fill: #dc002f
}

.prd-catalogButton {
    display: inline-block;
    width: 100%;
    padding-top: calc(2.47222rem - .75em);
    padding-bottom: calc(2.47222rem - .75em);
    color: #fff;
    text-decoration: none
}

@media(min-width:60.625em) {
    .prd-catalogButton.of-standalone {
        max-width: 40rem;
        padding-top: calc(3.75rem - .75em);
        padding-bottom: calc(3.75rem - .75em);
        font-size: 2rem
    }
}

.prd-catalogButton-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2rem;
    background-color: #dc002f;
    border-radius: .4rem;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .2s;
    transition-property: color, background-color
}

@media(min-width:60.625em) {
    .prd-catalogButton.of-standalone .prd-catalogButton-inner {
        padding-right: 4rem;
        padding-left: 4rem;
        box-shadow: 1rem 2rem 3rem rgba(220, 0, 47, .1)
    }
}

@media(hover:hover) {
    .prd-catalogButton:hover .prd-catalogButton-inner {
        background-color: #c6002a
    }
}

.prd-root.is-ie11 .prd-catalogButton:hover .prd-catalogButton-inner {
    background-color: #c6002a
}

.prd-catalogButton-imageWrapper {
    position: relative;
    flex-shrink: 0;
    width: 7rem;
    margin-left: 2rem
}

@media(min-width:60.625em) {
    .prd-catalogButton.of-standalone .prd-catalogButton-imageWrapper {
        width: 9rem
    }
}

.prd-catalogButton-image {
    position: absolute;
    width: 100%;
    height: auto;
    box-shadow: .8rem .8rem 2rem rgba(48, 50, 51, .2);
    transform: translateY(-50%)
}

.prd-categoryHeader {
    position: relative;
    pointer-events: none
}

.prd-categoryHeader-sticky {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1001
}

@media(min-width:60.625em) {
    .prd-categoryHeader-sticky {
        box-shadow: 0 1px #f0f0f0, 0 -1px #f0f0f0
    }
}

.prd-categoryHeader.is-fixed .prd-categoryHeader-sticky {
    position: fixed
}

.prd-categoryHeader-common {
    position: relative;
    z-index: 1;
    pointer-events: auto;
    background-color: #fff;
    box-shadow: 0 1rem 2rem transparent;
    transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1)
}

@media(min-width:60.625em) {
    .prd-categoryHeader.is-fixed:not(.is-specs-open) .prd-categoryHeader-common {
        box-shadow: 0 1rem 2rem rgba(46, 49, 51, .1)
    }
}

.prd-categoryHeader-commonInner {
    display: flex;
    justify-content: space-between
}

@media(max-width:60.5625em) {
    .prd-categoryHeader-commonInner {
        flex-direction: column
    }
}

@media(min-width:60.625em) {
    .prd-categoryHeader-commonInner>* {
        align-self: flex-end
    }
}

.prd-categoryHeader-commonInner:not(:last-child) {
    margin-right: 20px
}

.prd-categoryHeader-titleArea {
    align-self: flex-start;
    min-width: 400px
}

@media(max-width:60.5625em) {
    .prd-categoryHeader-titleArea {
        min-width: 100%;
        margin-top: 1.6rem
    }
}

@media(min-width:60.625em) {
    .prd-categoryHeader-titleArea {
        display: flex;
        align-items: center;
        margin-top: 2rem;
        margin-bottom: 2rem
    }
}

@media(max-width:60.5625em) {
    .prd-categoryHeader-title {
        display: inline
    }
}

.prd-categoryHeader-navigationArea {
    position: relative;
    overflow-x: auto;
    overflow-y: hidden
}

@media(max-width:60.5625em) {
    .prd-categoryHeader-navigationArea {
        margin-top: 1.6rem;
        margin-right: -2rem;
        margin-left: -2rem;
        overflow: auto
    }
}

.prd-categoryHeader-navigationListWrapper {
    position: relative;
    max-width: 880px;
    overflow: auto
}

@media(max-width:60.5625em) {
    .prd-categoryHeader-navigationListWrapper {
        position: relative;
        max-width: 100%;
        padding-right: 2rem;
        padding-left: 2rem;
        background-color: #f0f0f0
    }
}

.prd-categoryHeader-navigationList {
    display: flex;
    white-space: nowrap
}

@media(max-width:60.5625em) {
    .prd-categoryHeader-navigationList {
        position: relative;
        margin-right: -1rem;
        margin-left: -1rem
    }
}

.prd-categoryHeader-navigationItem {
    position: relative
}

@media(max-width:60.5625em) {
    .prd-categoryHeader-navigationItem {
        position: static
    }
}

.prd-categoryHeader-navigationLink,
.prd-categoryHeader-navigationLink.of-primary {
    position: relative;
    display: flex;
    align-items: center;
    padding-right: 3.6rem;
    padding-left: 2rem;
    font-size: 1.4rem;
    color: inherit;
    text-decoration: none;
    transition: color .2s cubic-bezier(.4, 0, .2, 1)
}

@media(max-width:60.5625em) {

    .prd-categoryHeader-navigationLink,
    .prd-categoryHeader-navigationLink.of-primary {
        padding-right: 2.1rem;
        padding-left: 1rem;
        font-size: 1.3rem
    }
}

.prd-categoryHeader-navigationList>.prd-categoryHeader-navigationItem>.prd-categoryHeader-navigationLink:not([aria-controls]) {
    padding-right: 2rem
}

@media(max-width:60.5625em) {
    .prd-categoryHeader-navigationList>.prd-categoryHeader-navigationItem>.prd-categoryHeader-navigationLink:not([aria-controls]) {
        padding-right: 10px
    }
}

.prd-categoryHeader-navigationLink.of-primary:before,
.prd-categoryHeader-navigationLink:before {
    position: absolute;
    top: 50%;
    right: 24px;
    display: block;
    width: 6px;
    height: 6px;
    margin-top: -6px;
    content: "";
    border-top: 1px solid #dc002f;
    border-right: 1px solid #dc002f;
    transition: all .2s cubic-bezier(.4, 0, .2, 1) .1s;
    transform: rotate(135deg) translateY(-50%)
}

@media(max-width:60.5625em) {

    .prd-categoryHeader-navigationLink.of-primary:before,
    .prd-categoryHeader-navigationLink:before {
        right: 10px
    }
}

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

    .prd-categoryHeader-navigationLink.of-primary:before,
    .prd-categoryHeader-navigationLink:before {
        min-width: 6px;
        min-height: 6px
    }
}

.prd-categoryHeader-navigationList>.prd-categoryHeader-navigationItem>.prd-categoryHeader-navigationLink:not([aria-controls]):before {
    content: none
}

.prd-categoryHeader-navigationLink.is-active:before,
.prd-categoryHeader-navigationLink.of-primary.is-active:before {
    right: 20px;
    margin-top: 0;
    transform: rotate(-45deg) translateY(-50%)
}

@media(max-width:60.5625em) {

    .prd-categoryHeader-navigationLink.is-active:before,
    .prd-categoryHeader-navigationLink.of-primary.is-active:before {
        right: 5px
    }
}

@media(hover:hover) {
    .prd-categoryHeader-navigationLink:hover {
        color: #dc002f;
        text-decoration: underline
    }
}

.prd-root.is-ie11 .prd-categoryHeader-navigationLink:hover {
    color: #dc002f;
    text-decoration: underline
}

.prd-categoryHeader-navigationLink[aria-current=page] {
    font-weight: 700;
    color: #dc002f
}

.prd-categoryHeader-navigationLink[aria-current=page]:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: calc(100% - 40px);
    height: 3px;
    content: "";
    background-color: #dc002f;
    transform: translateX(-50%)
}

@media(max-width:60.5625em) {
    .prd-categoryHeader-navigationLink[aria-current=page]:after {
        width: calc(100% - 20px)
    }
}

@media(max-width:60.5625em) {
    .prd-categoryHeader-navigationList:first-child>.prd-categoryHeader-navigationLink[aria-current=page]:not([aria-controls]):after {
        width: calc(100% - 5px)
    }
}

.prd-categoryHeader-navigationLinkLabel {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem
}

@media(max-width:60.5625em) {
    .prd-categoryHeader-navigationLinkLabel {
        padding-top: 1.8rem;
        padding-bottom: 2rem
    }
}

.prd-categoryHeader-navigationLink.of-primary {
    width: -moz-fit-content;
    width: fit-content;
    padding-left: 0
}

.prd-categoryHeader-navigationLink.of-primary:before {
    right: 5px;
    transform: rotate(45deg) translateY(50%)
}

.prd-categoryHeader-navigationLink.of-primary>.prd-categoryHeader-navigationLinkLabel {
    padding: 0;
    font-size: 1.5rem;
    font-weight: 700
}

.prd-categoryHeader-subNavigationItemWrapper {
    position: absolute;
    top: calc(100% + 1px);
    width: 300px;
    min-width: 300px;
    max-width: 300px;
    visibility: hidden
}

.prd-categoryHeader-subNavigationItemWrapper.is-show {
    visibility: visible
}

@media(max-width:60.5625em) {
    .prd-categoryHeader-subNavigationItemWrapper {
        top: 100%;
        display: none;
        min-width: calc(100% - 40px);
        max-width: calc(100% - 40px);
        visibility: hidden
    }

    .prd-categoryHeader-subNavigationItemWrapper.is-show {
        display: block;
        visibility: visible
    }
}

.prd-categoryHeader-subNavigationItem {
    padding: 20px 20px 24px;
    background-color: #fff;
    border-radius: 0 0 4px 4px;
    box-shadow: 24px 64px 48px rgba(0, 0, 0, .16)
}

.prd-categoryHeader-subNavigationItem[aria-hidden=false] {
    animation: subNavigation .8s cubic-bezier(.4, 0, .2, 1)
}

.prd-categoryHeader-navigationItem:nth-last-child(-n+2)>.prd-categoryHeader-subNavigationItem,
.prd-categoryHeader-navigationItem:nth-last-child(-n+2)>.prd-categoryHeader-subNavigationItem>.prd-categoryHeader-subNavigationItem-body {
    right: 0;
    left: auto
}

@media(max-width:60.5625em) {

    .prd-categoryHeader-navigationItem:nth-last-child(-n+2)>.prd-categoryHeader-subNavigationItem,
    .prd-categoryHeader-navigationItem:nth-last-child(-n+2)>.prd-categoryHeader-subNavigationItem>.prd-categoryHeader-subNavigationItem-body {
        right: auto;
        left: 0;
        min-width: 100%;
        max-width: 100%
    }
}

.prd-categoryHeader-subNavigationItem-list {
    display: grid;
    grid-template-columns: auto;
    gap: 1.2rem
}

@media(max-width:60.5625em) {
    .prd-categoryHeader-subNavigationItem-list {
        grid-template-columns: repeat(3, 1fr);
        gap: .8rem
    }
}

@media(max-width:47.9375em) {
    .prd-categoryHeader-subNavigationItem-list {
        grid-template-columns: auto
    }
}

@media(max-width:60.5625em) {
    .prd-categoryHeader-subNavigationItem-list.smallScreen-show {
        display: block;
        margin-bottom: 1.2rem
    }
}

@media(min-width:60.625em) {
    .prd-categoryHeader-subNavigationItem-list.smallScreen-show {
        display: none
    }
}

.prd-categoryHeader-subNavigationItem-list>li>.prd-inlineLink {
    font-size: 1.5rem
}

@media(max-width:60.5625em) {
    .prd-categoryHeader-subNavigationItem-list>li>.prd-inlineLink {
        font-size: 1.4rem
    }
}

.prd-categoryHeader-navigationOverlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    opacity: 0;
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1)
}

.prd-categoryHeader-navigationListWrapper.is-overflowing:not(.is-hasScrolled) .prd-categoryHeader-navigationOverlay {
    opacity: 1
}

.prd-categoryHeader-navigationOverlay:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 16rem;
    content: "";
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff)
}

.prd-categoryHeader-navigationOverlayIcon {
    position: absolute;
    top: 50%;
    right: 2rem;
    width: 3rem;
    height: 3rem;
    pointer-events: auto;
    cursor: pointer;
    transform: translateY(-50%)
}

.prd-categoryHeader-navigationListWrapper.is-overflowing.is-hasScrolled .prd-categoryHeader-navigationOverlayIcon {
    pointer-events: none
}

@keyframes subNavigation {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.prd-categoryNavigation-parentList {
    color: #2e3133
}
.prd-categoryNavigation-parentList .actives{
    font-weight: 600;
    color: #dc002f;
    box-shadow: inset 0.3rem 0 0 #dc002f;
}

.prd-categoryNavigation-parentItem {
    position: relative;
    box-shadow: inset .1rem 0 0 #f0f0f0;
    transition: color .2s cubic-bezier(.4, 0, .2, 1)
}

@media(hover:hover) {
    .prd-categoryNavigation-parentItem:hover {
        color: #dc002f
    }
}

.prd-root.is-ie11 .prd-categoryNavigation-parentItem:hover {
    color: #dc002f
}

html:not([data-whatinput=mouse]):not([data-whatinput=touch]) .prd-categoryNavigation-parentItem:focus-within {
    color: #dc002f
}

.prd-categoryNavigation-parentList .active {
    font-weight: 600;
    color: #dc002f;
    box-shadow: inset .3rem 0 0 #dc002f
}

.prd-categoryNavigation-parentLink {
    display: flex;
    align-items: center;
    padding-right: .8rem;
    padding-left: .3rem;
    color: inherit;
    text-decoration: none
}

.prd-categoryNavigation-parentLinkImage {
    flex-shrink: 0;
    max-width: 100px;
    margin: -1.5rem;
    pointer-events: none
}

.prd-categoryNavigation-parentLinkImage>.prd-image:not(canvas) {
    filter: drop-shadow(8px 8px 5px rgba(48, 50, 51, .2))
}

@media(hover:hover) {
    .prd-categoryNavigation-parentItem:hover .prd-categoryNavigation-parentLinkLabel {
        text-decoration: underline
    }
}

.prd-root.is-ie11 .prd-categoryNavigation-parentItem:hover .prd-categoryNavigation-parentLinkLabel {
    text-decoration: underline
}

html:not([data-whatinput=mouse]):not([data-whatinput=touch]) .prd-categoryNavigation-parentItem:focus-within .prd-categoryNavigation-parentLinkLabel {
    text-decoration: underline
}

.prd-categoryNavigation-childList {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    padding-top: 2rem;
    padding-bottom: 2rem;
    white-space: nowrap;
    visibility: hidden;
    background-color: #fff;
    border-radius: .4rem;
    box-shadow: 3rem 8rem 5rem rgba(48, 50, 51, .2);
    opacity: 0;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .2s;
    transition-property: visibility, opacity
}

@media(hover:hover) {
    .prd-categoryNavigation-parentItem:hover .prd-categoryNavigation-childList {
        visibility: visible;
        opacity: 1
    }
}

.prd-root.is-ie11 .prd-categoryNavigation-parentItem:hover .prd-categoryNavigation-childList {
    visibility: visible;
    opacity: 1
}

@media(hover:hover) {
    html:not([data-whatinput=mouse]):not([data-whatinput=touch]) .prd-categoryNavigation-parentItem:focus-within .prd-categoryNavigation-childList {
        visibility: visible;
        opacity: 1
    }
}

.prd-root.is-ie11 html:not([data-whatinput=mouse]):not([data-whatinput=touch]) .prd-categoryNavigation-parentItem:focus-within .prd-categoryNavigation-childList {
    visibility: visible;
    opacity: 1
}

@media(max-width:60.5625em) {
    .prd-certifiedModelsMedia {
        padding: 2.4rem;
        background-color: #f0f0f0
    }
}

@media(min-width:60.625em) {
    .prd-certifiedModelsMedia {
        display: flex
    }
}

@media(max-width:60.5625em) {
    .prd-certifiedModelsMedia-figure {
        width: 17.8rem;
        margin-right: auto;
        margin-left: auto
    }
}

@media(min-width:60.625em) {
    .prd-certifiedModelsMedia-figure {
        flex-basis: 24rem;
        margin-right: 4rem
    }
}

@media(min-width:60.625em) {
    .prd-certifiedModelsMedia-body {
        flex-basis: 0;
        flex-grow: 1
    }
}

.prd-checkbox {
    position: relative;
    display: inline-block
}

.prd-downloadListPanel-footerBody .prd-checkbox {
    font-size: inherit;
    line-height: 1.4rem
}

.prd-checkbox-nativeControl {
    position: absolute;
    top: 0;
    left: 0;
    width: 2rem;
    height: 2rem;
    background: none;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.prd-downloadListPanel-footerBody .prd-checkbox-nativeControl {
    width: 1.4rem;
    height: 1.4rem
}

.prd-root.is-ie11 .prd-checkbox-nativeControl {
    transform: scale(.9)
}

.prd-checkbox-inner {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding-left: 2.8rem
}

.prd-downloadListPanel-footerBody .prd-checkbox-inner {
    padding-left: 2.2rem
}

.prd-checkbox-nativeControl:enabled+.prd-checkbox-inner {
    cursor: pointer
}

.prd-checkbox-nativeControl:disabled+.prd-checkbox-inner {
    color: #c9cbcb
}

.prd-root.is-ie11 .prd-checkbox-nativeControl#DownloadListLicenseCad+.prd-checkbox-inner,
.prd-root.is-ie11 .prd-checkbox-nativeControl#DownloadListLicenseSoftware+.prd-checkbox-inner {
    display: flex
}

.prd-checkbox-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 2rem;
    height: 2rem;
    opacity: 0;
    transition: opacity .1s cubic-bezier(.4, 0, .2, 1)
}

.prd-downloadListPanel-footerBody .prd-checkbox-icon {
    width: 1.4rem;
    height: 1.4rem
}

.prd-checkbox-icon.of-unchecked {
    opacity: 1;
    fill: #c9cbcb
}

.prd-checkbox-nativeControl:disabled+.prd-checkbox-inner .prd-checkbox-icon.of-unchecked {
    fill: #ddd
}

.prd-checkbox-icon.of-indeterminate {
    fill: #dc002f
}

.prd-checkbox-nativeControl:indeterminate+.prd-checkbox-inner .prd-checkbox-icon.of-indeterminate {
    opacity: 1
}

.prd-checkbox-nativeControl:disabled+.prd-checkbox-inner .prd-checkbox-icon.of-indeterminate {
    fill: #ddd
}

.prd-checkbox-icon.of-checked {
    fill: #dc002f
}

.prd-checkbox-nativeControl:checked+.prd-checkbox-inner .prd-checkbox-icon.of-checked {
    opacity: 1
}

.prd-checkbox-nativeControl:disabled+.prd-checkbox-inner .prd-checkbox-icon.of-checked {
    fill: #ddd
}

.prd-collapse[aria-hidden=true] {
    display: block
}

.prd-collapse[aria-hidden=true]:not(.is-collapsing) {
    display: none
}

@media(min-width:60.625em) {

    .prd-collapse[aria-hidden=false].of-width-fit,
    .prd-collapse[aria-hidden=true]:not(.is-collapsing).of-width-fit {
        display: block;
        flex: 1
    }
}

.prd-collapse.is-collapsing {
    overflow: hidden;
    transition: height .3s cubic-bezier(.4, 0, .2, 1)
}

.prd-collapse-button {
    display: flex;
    align-items: center;
    color: #dc002f;
    text-align: left;
    transition: color .2s cubic-bezier(.4, 0, .2, 1)
}

@media(max-width:47.9375em) {
    .prd-collapse-button {
        margin-left: 0
    }
}

@media(hover:hover) {
    .prd-collapse-button:hover {
        text-decoration: underline
    }
}

.prd-root.is-ie11 .prd-collapse-button:hover {
    text-decoration: underline
}

.prd-collapse-buttonIconWrapper {
    position: relative;
    flex-shrink: 0;
    width: 3rem;
    height: 3rem;
    margin-left: .4rem
}

.prd-collapse-buttonIcon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: #dc002f;
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1)
}

.prd-collapse-button[aria-expanded=false] .prd-collapse-buttonIcon.of-expanded,
.prd-collapse-button[aria-expanded=true] .prd-collapse-buttonIcon.of-collapsed {
    opacity: 0
}

.prd-dataSheetFooter {
    padding-top: 4rem;
    padding-bottom: 4rem;
    background-color: #f0f0f0
}

.prd-dataSheetIntroduction {
    display: flex
}

.prd-dataSheetIntroduction-figure {
    width: 18rem;
    margin-right: 4rem;
    border: 1px solid #ddd
}

.prd-dataSheetIntroduction-body {
    flex-basis: 0;
    flex-grow: 1
}

.prd-dataSheetIntroduction-certifiedItem {
    width: 6rem
}

.prd-disclosure {
    border-top: 1px solid #ddd;
    box-shadow: 0 1px #ddd
}

.prd-disclosure.of-border-none {
    border-top: 0;
    box-shadow: none
}

.prd-disclosure-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    text-align: left;
    transition: color .2s cubic-bezier(.4, 0, .2, 1)
}

@media(max-width:60.5625em) {
    .prd-disclosure-button {
        padding-top: 2.4rem;
        padding-bottom: 2.4rem
    }
}

@media(min-width:60.625em) {
    .prd-disclosure-button {
        padding-top: 3.2rem;
        padding-bottom: 3.2rem
    }
}

.prd-disclosure-button.of-padding-none {
    padding: 0
}

@media(hover:hover) {
    .prd-disclosure-button:hover {
        color: #dc002f;
        text-decoration: underline
    }
}

.prd-root.is-ie11 .prd-disclosure-button:hover {
    color: #dc002f;
    text-decoration: underline
}

.prd-disclosure-button[aria-expanded=true]:not(:hover) {
    color: #dc002f
}

@media(max-width:47.9375em) {
    .prd-disclosure-button[aria-expanded=true]:not(:hover) {
        color: inherit
    }
}

.prd-disclosure-iconWrapper {
    position: relative;
    flex-shrink: 0;
    width: 3rem;
    height: 3rem;
    margin-left: 1.6rem
}

.prd-disclosure-icon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: #dc002f;
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1)
}

.prd-disclosure-button[aria-expanded=false] .prd-disclosure-icon.of-expanded,
.prd-disclosure-button[aria-expanded=true] .prd-disclosure-icon.of-collapsed {
    opacity: 0
}

.prd-disclosure-body {
    padding-bottom: 2.4rem
}

.prd-disclosure-body.of-padding-none {
    padding: 0
}

.prd-collapse.is-collapsing .prd-disclosure-body {
    overflow: hidden
}

.prd-divider {
    display: block;
    height: 1px;
    background-color: #ddd
}

.prd-divider.of-lightGray {
    background-color: #c9cbcb
}

.prd-theme-dark .prd-divider {
    background-color: #545859
}

.prd-downloadCardMinimal {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: #f0f0f0
}

@media(max-width:60.5625em) {
    .prd-downloadCardMinimal {
        padding: 3.2rem 2.4rem
    }
}

@media(min-width:60.625em) {
    .prd-downloadCardMinimal {
        padding: 4rem 2.4rem
    }
}

.prd-downloadCardMinimal-imageWrapper {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media(max-width:60.5625em) {
    .prd-downloadCardMinimal-imageWrapper {
        max-width: 15.4rem
    }
}

@media(min-width:60.625em) {
    .prd-downloadCardMinimal-imageWrapper {
        max-width: 17.6rem
    }
}

.prd-downloadCardMinimal-titleLink {
    color: inherit;
    text-decoration: none;
    transition: color .4s cubic-bezier(.4, 0, .2, 1)
}

.prd-downloadCardMinimal-titleLink:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ""
}

@media(hover:hover) {
    .prd-downloadCardMinimal-titleLink:hover {
        color: #dc002f
    }
}

.prd-root.is-ie11 .prd-downloadCardMinimal-titleLink:hover {
    color: #dc002f
}

@media(hover:hover) {
    .prd-downloadCardMinimal-titleLink:hover .prd-downloadCardMinimal-titleLinkLabel {
        text-decoration: underline
    }
}

.prd-root.is-ie11 .prd-downloadCardMinimal-titleLink:hover .prd-downloadCardMinimal-titleLinkLabel {
    text-decoration: underline
}

.prd-downloadCard {
    position: relative;
    height: 100%;
    background-color: #f0f0f0
}

@media(max-width:60.5625em) {
    .prd-downloadCard {
        padding: 3.2rem 2.4rem
    }
}

@media(min-width:60.625em) {
    .prd-downloadCard {
        display: flex;
        padding: 4rem
    }
}

@media(max-width:60.5625em) {
    .prd-downloadCard-imageWrapper {
        width: 15.4rem;
        margin-right: auto;
        margin-left: auto
    }
}

@media(min-width:60.625em) {
    .prd-downloadCard-imageWrapper {
        flex: none;
        width: 17.6rem;
        margin-right: 4rem
    }
}

@media(min-width:60.625em) {
    .prd-downloadCard-contentWrapper {
        display: flex;
        flex-direction: column;
        width: 100%
    }
}

.prd-downloadCard-titleLink {
    color: inherit;
    text-decoration: none;
    transition: color .4s cubic-bezier(.4, 0, .2, 1)
}

.prd-downloadCard-titleLink:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ""
}

@media(hover:hover) {
    .prd-downloadCard-titleLink:hover {
        color: #dc002f
    }
}

.prd-root.is-ie11 .prd-downloadCard-titleLink:hover {
    color: #dc002f
}

@media(hover:hover) {
    .prd-downloadCard-titleLink:hover .prd-downloadCard-titleLinkLabel {
        text-decoration: underline
    }
}

.prd-root.is-ie11 .prd-downloadCard-titleLink:hover .prd-downloadCard-titleLinkLabel {
    text-decoration: underline
}

@media(min-width:60.625em) {
    .prd-downloadCard-downloadButton {
        margin-top: auto
    }
}

.prd-downloadCard-addButton {
    display: inline-flex;
    align-items: center;
    padding-top: .8rem;
    padding-bottom: .8rem;
    color: #c9cbcb;
    text-decoration: none;
    transition: color .2s cubic-bezier(.4, 0, .2, 1)
}

.prd-downloadCard-addButton:enabled {
    position: relative;
    color: #dc002f
}

@media(hover:hover) {
    .prd-downloadCard-addButton:enabled:hover {
        text-decoration: underline
    }
}

.prd-root.is-ie11 .prd-downloadCard-addButton:enabled:hover {
    text-decoration: underline
}

.prd-downloadCard-addButtonIcon {
    flex-shrink: 0;
    width: 3rem;
    height: 3rem;
    margin-left: 1.6rem;
    fill: currentColor
}

.prd-downloadConfirmCard {
    padding: 4rem;
    background: #f0f0f0
}

@media(max-width:60.5625em) {
    .prd-downloadConfirmCard {
        padding: 3.2rem 2.4rem
    }
}

.prd-downloadConfirmCard-imageWrapper {
    text-align: center
}

.prd-downloadConfirmCard-title {
    font-weight: 600
}

.prd-downloadConfirmCard-image img {
    border: 1px solid #c9cbcb
}

.prd-downloadFilterList {
    display: table;
    width: 100%
}

@media(max-width:47.9375em) {
    .prd-downloadFilterList {
        display: block
    }
}

.prd-downloadFilterList-item {
    display: table-row
}

@media(max-width:47.9375em) {
    .prd-downloadFilterList-item {
        display: block
    }
}

.prd-downloadFilterList-name,
.prd-downloadFilterList-value {
    display: table-cell
}

@media(max-width:47.9375em) {

    .prd-downloadFilterList-name,
    .prd-downloadFilterList-value {
        display: block
    }
}

.prd-downloadFilterList-name {
    width: 0;
    padding-right: 4rem;
    white-space: nowrap;
    vertical-align: top
}

@media(max-width:47.9375em) {
    .prd-downloadFilterList-name {
        width: auto;
        padding-right: 0;
        white-space: normal;
        vertical-align: baseline
    }
}

.prd-downloadFilterList-name.of-models {
    line-height: 4.4rem
}

@media(max-width:47.9375em) {
    .prd-downloadFilterList-name.of-models {
        line-height: 1.25
    }
}

.prd-downloadFilterList-name.of-fileTypes {
    line-height: 2.1rem
}

@media(max-width:47.9375em) {
    .prd-downloadFilterList-name.of-fileTypes {
        line-height: 1.25
    }
}

.prd-downloadFilterList-value {
    width: 100%
}

.prd-downloadFilterList-item+.prd-downloadFilterList-item .prd-downloadFilterList-name,
.prd-downloadFilterList-item+.prd-downloadFilterList-item .prd-downloadFilterList-value {
    padding-top: 3.2rem
}

@media(max-width:47.9375em) {

    .prd-downloadFilterList-item+.prd-downloadFilterList-item .prd-downloadFilterList-name,
    .prd-downloadFilterList-item+.prd-downloadFilterList-item .prd-downloadFilterList-value {
        padding-top: 0
    }
}

@media(max-width:47.9375em) {
    .prd-downloadFilterList-valueSlate {
        padding: 2.4rem;
        background-color: #f0f0f0
    }
}

.prd-downloadFilterList-subList {
    display: table
}

@media(max-width:47.9375em) {
    .prd-downloadFilterList-subList {
        display: block
    }
}

.prd-downloadFilterList-subItem {
    display: table-row
}

@media(max-width:47.9375em) {
    .prd-downloadFilterList-subItem {
        display: block
    }
}

.prd-downloadFilterList-subName {
    padding-right: 3.2rem;
    font-size: 1.5rem;
    white-space: nowrap;
    vertical-align: top
}

@media(max-width:47.9375em) {
    .prd-downloadFilterList-subName {
        padding-right: 0;
        white-space: normal;
        vertical-align: baseline
    }
}

.prd-downloadFilterList-subName.prd-downloadFilterList-subName {
    line-height: 2.1rem
}

@media(max-width:47.9375em) {
    .prd-downloadFilterList-subName.prd-downloadFilterList-subName {
        line-height: 1.25
    }
}

.prd-downloadFilterList-subName.prd-downloadFilterList-subName {
    color: #666a6b
}

.prd-downloadFilterList-subName,
.prd-downloadFilterList-subValue {
    display: table-cell
}

@media(max-width:47.9375em) {

    .prd-downloadFilterList-subName,
    .prd-downloadFilterList-subValue {
        display: block
    }
}

.prd-downloadFilterList-subItem+.prd-downloadFilterList-subItem .prd-downloadFilterList-subName,
.prd-downloadFilterList-subItem+.prd-downloadFilterList-subItem .prd-downloadFilterList-subValue {
    padding-top: 2rem
}

@media(max-width:47.9375em) {

    .prd-downloadFilterList-subItem+.prd-downloadFilterList-subItem .prd-downloadFilterList-subName,
    .prd-downloadFilterList-subItem+.prd-downloadFilterList-subItem .prd-downloadFilterList-subValue {
        padding-top: 0
    }
}

.prd-downloadImageStage {
    position: relative;
    display: block
}

.prd-downloadImageStage:before {
    display: block;
    padding-top: 100%;
    content: ""
}

.prd-downloadImageStage-renderer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 128.5714285714%;
    height: 128.5714285714%;
    margin: -14.2857142857%;
    pointer-events: none
}

.prd-downloadImageStage-renderer.of-primary {
    top: 50%;
    right: auto;
    left: 50%;
    display: block;
    width: auto;
    height: auto;
    margin: initial;
    transform: translate(-50%, -50%)
}

.prd-downloadImageStage-overlay {
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 50%;
    width: 50%;
    background-color: rgba(0, 0, 0, .2);
    opacity: 0;
    transition: opacity .4s cubic-bezier(.4, 0, .2, 1);
    transform: translate(-50%, -50%)
}

@media(hover:hover) {

    .prd-downloadCard:hover:not(.is-hasHover) .prd-downloadImageStage-overlay,
    .prd-downloadCardMinimal:hover:not(.is-hasHover) .prd-downloadImageStage-overlay {
        opacity: 1
    }
}

.prd-root.is-ie11 .prd-downloadCard:hover:not(.is-hasHover) .prd-downloadImageStage-overlay,
.prd-root.is-ie11 .prd-downloadCardMinimal:hover:not(.is-hasHover) .prd-downloadImageStage-overlay {
    opacity: 1
}

.prd-downloadImageStage-image {
    height: auto;
    filter: drop-shadow(5px 10px 5px rgba(48, 50, 51, .2))
}

.prd-downloadListPanel {
    position: fixed;
    right: 2rem;
    bottom: 2rem;
    z-index: 1002;
    display: flex;
    flex-direction: column;
    width: 40rem;
    max-height: calc(100% - 4rem);
    background-color: rgba(46, 49, 51, .8);
    border-radius: .4rem;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .4s;
    transition-property: bottom, visibility, transform
}

.prd-downloadListPanel[aria-hidden=true] {
    display: block;
    bottom: 0;
    visibility: hidden;
    transition-duration: .2s;
    transform: translateY(100%)
}

.prd-downloadListPanel-header {
    display: grid;
    flex: none;
    padding-right: 2rem;
    padding-left: 2rem
}

.prd-downloadListPanel.of-expanded .prd-downloadListPanel-header {
    grid-template-areas: "downloadListPanel-headerTitle downloadListPanel-headerButtonWrapper""downloadListPanel-headerMeta .";
    grid-template-columns: 1fr auto;
    -moz-column-gap: 1.6rem;
    column-gap: 1.6rem
}

.prd-downloadListPanel.of-collapsed .prd-downloadListPanel-header {
    grid-template-areas: "downloadListPanel-headerImageWrapper1 downloadListPanel-headerTitle downloadListPanel-headerButtonWrapper""downloadListPanel-headerImageWrapper1 downloadListPanel-headerMeta downloadListPanel-headerButtonWrapper";
    grid-template-columns: auto 1fr auto;
    -moz-column-gap: 1.6rem;
    column-gap: 1.6rem
}

.prd-downloadListPanel-header>* {
    align-self: center
}

.prd-downloadListPanel-headerImageWrapper1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    position: relative;
    grid-area: downloadListPanel-headerImageWrapper1;
    width: 4.4rem;
    height: 4.4rem
}

.prd-downloadListPanel-headerImageWrapper2 {
    position: relative;
    height: 100%;
    overflow: hidden;
    border-radius: .2rem
}

.prd-downloadListPanel-headerImage {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    transform: translate(-50%, -50%)
}

.prd-downloadListPanel-headerImageCount {
    position: absolute;
    top: -.8rem;
    right: -.8rem;
    padding-right: .4rem;
    padding-left: .4rem;
    line-height: normal;
    color: #fff;
    background-color: #dc002f;
    border-radius: 99rem
}

.prd-downloadListPanel-headerImageCount.prd-downloadListPanel-headerImageCount {
    font-weight: 600
}

.prd-downloadListPanel-headerTitle {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    z-index: 1;
    display: flex;
    grid-area: downloadListPanel-headerTitle;
    align-items: center;
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
    margin-right: auto;
    text-align: inherit
}

.prd-downloadListPanel.of-collapsed .prd-downloadListPanel-header>.prd-downloadListPanel-headerTitle {
    -ms-grid-row: 1;
    -ms-grid-column: 3
}

.prd-downloadListPanel-headerTitleIcon {
    flex: none;
    width: 1rem;
    height: .7rem;
    margin-left: .8rem;
    fill: currentColor
}

.prd-downloadListPanel-headerMeta {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: downloadListPanel-headerMeta;
    margin-top: -1.2rem;
    margin-bottom: 1.6rem
}

.prd-downloadListPanel.of-collapsed .prd-downloadListPanel-header>.prd-downloadListPanel-headerMeta {
    -ms-grid-row: 2;
    -ms-grid-column: 3
}

.prd-downloadListPanel-headerButtonWrapper {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: downloadListPanel-headerButtonWrapper
}

.prd-downloadListPanel.of-collapsed .prd-downloadListPanel-header>.prd-downloadListPanel-headerButtonWrapper {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 5
}

.prd-downloadListPanel-removeAllButton {
    display: flex;
    align-items: center;
    padding-top: .4rem;
    padding-bottom: .4rem;
    color: inherit;
    text-decoration: underline
}

@media(hover:hover) {
    .prd-downloadListPanel-removeAllButton:hover {
        text-decoration: none
    }
}

.prd-root.is-ie11 .prd-downloadListPanel-removeAllButton:hover {
    text-decoration: none
}

.prd-downloadListPanel-removeAllButtonIcon {
    flex: none;
    width: 1.1rem;
    height: 1.5rem;
    margin-left: .8rem;
    fill: currentColor
}

.prd-downloadListPanel-body {
    flex: auto;
    max-height: 30rem;
    padding: 2rem;
    overflow: auto;
    border-top: 1px solid #666a6b
}

.prd-downloadListPanel-selectedItem {
    display: flex;
    align-items: center
}

.prd-downloadListPanel-selectedImageWrapper {
    position: relative;
    flex: none;
    width: 5.6rem;
    margin-right: 2rem
}

.prd-downloadListPanel-selectedRemoveButton {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.8rem;
    height: 1.8rem;
    color: inherit;
    background-color: #2e3133;
    border-radius: 50%;
    transition: background-color .1s cubic-bezier(.4, 0, .2, 1);
    transform: translate(50%, -50%)
}

@media(hover:hover) {
    .prd-downloadListPanel-selectedRemoveButton:hover {
        background-color: #484b4c
    }
}

.prd-root.is-ie11 .prd-downloadListPanel-selectedRemoveButton:hover {
    background-color: #484b4c
}

.prd-downloadListPanel-selectedRemoveButtonIcon {
    width: .7rem;
    height: .7rem;
    fill: currentColor
}

.prd-downloadListPanel-selectedName {
    flex: auto
}

.prd-downloadListPanel-footer {
    display: flex;
    flex: none;
    padding: 1.6rem 2rem;
    background-color: rgba(46, 49, 51, .8);
    border-bottom-right-radius: .4rem;
    border-bottom-left-radius: .4rem
}

.prd-downloadListPanel-footerBody {
    flex: auto;
    margin-right: 1.6rem
}

.prd-downloadListPanel-footerInlineButton {
    color: inherit;
    text-decoration: underline
}

@media(hover:hover) {
    .prd-downloadListPanel-footerInlineButton:hover {
        text-decoration: none
    }
}

.prd-root.is-ie11 .prd-downloadListPanel-footerInlineButton:hover {
    text-decoration: none
}

.prd-downloadModelFilter,
.prd-downloadModelFilter-selectButtonWrapper {
    position: relative
}

.prd-downloadModelFilter-selectButtonOverlay {
    position: absolute;
    top: .8rem;
    right: 4.6rem;
    bottom: .8rem;
    left: .4rem;
    display: flex;
    overflow: hidden;
    white-space: nowrap;
    pointer-events: none
}

.prd-downloadModelFilter-selectButtonOverlay:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 2.4rem;
    content: "";
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff);
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1)
}

@media(hover:hover) {
    .prd-selectButton:hover~.prd-downloadModelFilter-selectButtonOverlay:after {
        opacity: 0
    }
}

.prd-root.is-ie11 .prd-selectButton:hover~.prd-downloadModelFilter-selectButtonOverlay:after {
    opacity: 0
}

.prd-downloadModelFilter-badge {
    display: flex;
    align-items: stretch;
    padding-left: 1.2rem;
    margin-left: .8rem;
    color: #dc002f;
    pointer-events: auto;
    background-color: #ffece9;
    border: 1px solid #fcd8d8;
    border-radius: .2rem
}

.prd-downloadModelFilter-badge[hidden] {
    display: none
}

.prd-downloadModelFilter-badgeLabel {
    display: flex;
    align-items: center
}

.prd-downloadModelFilter-badgeCloseButton {
    position: relative;
    display: flex;
    align-items: center;
    padding-right: .8rem;
    padding-left: .8rem
}

.prd-downloadModelFilter-badgeCloseButton:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.6rem;
    height: 1.6rem;
    content: "";
    background-color: #ffcece;
    border-radius: 50%;
    opacity: 0;
    transition: opacity .1s cubic-bezier(.4, 0, .2, 1);
    transform: translate(-50%, -50%)
}

.prd-downloadModelFilter-badgeCloseButton:hover:before {
    opacity: 1
}

.prd-downloadModelFilter-badgeCloseButtonIcon {
    position: relative;
    width: 1.6rem;
    height: 1.6rem;
    fill: #dc002f
}

.prd-downloadModelFilter-popover {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 1;
    margin-top: .8rem;
    overflow-y: auto;
    background-color: #fff;
    border-radius: .4rem;
    box-shadow: 1rem 2rem 3rem rgba(48, 50, 51, .2);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .2s;
    transition-property: visibility, opacity, transform
}

@media(max-width:60.5625em) {
    .prd-downloadModelFilter-popover {
        max-height: calc(100vh - 41.3rem);
        padding: 2.4rem 2rem
    }
}

@media(min-width:60.625em) {
    .prd-downloadModelFilter-popover {
        max-height: calc(100vh - 23.8rem);
        padding: 6.4rem 7.2rem 7.2rem
    }
}

.prd-downloadModelFilter-popover[aria-hidden=true] {
    display: block;
    visibility: hidden;
    opacity: 0;
    transform: translateY(.4rem)
}

.prd-downloadModelFilter-uncheckAllButton {
    color: #c9cbcb;
    cursor: default;
    transition: color .1s cubic-bezier(.4, 0, .2, 1)
}

.prd-downloadModelFilter-uncheckAllButton:enabled {
    color: #dc002f;
    text-decoration: underline;
    cursor: pointer
}

@media(hover:hover) {
    .prd-downloadModelFilter-uncheckAllButton:enabled:hover {
        text-decoration: none
    }
}

.prd-root.is-ie11 .prd-downloadModelFilter-uncheckAllButton:enabled:hover {
    text-decoration: none
}

.prd-faqDisclosure {
    border-top: 1px solid #ddd;
    box-shadow: 0 1px #ddd
}

.prd-faqDisclosure.of-noBorderTop {
    border-top: none
}

.prd-faqDisclosure-button {
    display: flex;
    width: 100%;
    padding-left: 1.6rem;
    text-align: left
}

@media(max-width:60.5625em) {
    .prd-faqDisclosure-button {
        padding-top: 2.4rem;
        padding-bottom: 2.4rem
    }
}

@media(min-width:60.625em) {
    .prd-faqDisclosure-button {
        padding-top: 3.2rem;
        padding-bottom: 3.2rem
    }
}

.prd-faqDisclosure-headIcon {
    flex: none;
    margin-right: 2.4rem;
    font-size: 2.4rem;
    font-weight: 600;
    color: #dc002f
}

.prd-faqDisclosure-title {
    flex: 1;
    transition: color .2s cubic-bezier(.4, 0, .2, 1)
}

@media(min-width:60.625em) {
    .prd-faqDisclosure-title {
        margin-right: 1.6rem
    }
}

@media(max-width:60.5625em) {
    .prd-faqDisclosure-title {
        font-size: 1.4rem
    }
}

@media(hover:hover) {
    .prd-faqDisclosure-button:hover .prd-faqDisclosure-title {
        color: #dc002f;
        text-decoration: underline
    }
}

.prd-root.is-ie11 .prd-faqDisclosure-button:hover .prd-faqDisclosure-title {
    color: #dc002f;
    text-decoration: underline
}

.prd-faqDisclosure-button[aria-expanded=true]:not(:hover) .prd-faqDisclosure-title {
    color: #dc002f
}

.prd-faqDisclosure-iconWrapper {
    position: relative;
    flex: none;
    width: 3rem;
    height: 3rem;
    padding-left: 1.6rem;
    margin-left: auto
}

.prd-faqDisclosure-icon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: #dc002f;
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1)
}

.prd-faqDisclosure-button[aria-expanded=false] .prd-faqDisclosure-icon.of-expanded,
.prd-faqDisclosure-button[aria-expanded=true] .prd-faqDisclosure-icon.of-collapsed {
    opacity: 0
}

.prd-faqDisclosure-body {
    padding-bottom: 2.4rem
}

.prd-faqDisclosure-bodyInner {
    padding-bottom: 2.4rem;
    background-color: #f0f0f0
}

@media(max-width:60.5625em) {
    .prd-faqDisclosure-bodyInner {
        padding: 2.4rem
    }
}

@media(min-width:60.625em) {
    .prd-faqDisclosure-bodyInner {
        display: flex;
        padding: 6.4rem 7.2rem
    }
}

.prd-faqPickupBox .prd-faqDisclosure-bodyInner {
    background-color: #fafafa
}

.prd-collapse.is-collapsing .prd-faqDisclosure-bodyInner {
    overflow: hidden
}

.prd-faqDisclosure-bodyInner .prd-faqDisclosure-headIcon {
    margin-right: 4rem
}

@media(max-width:60.5625em) {
    .prd-faqDisclosure-bodyInner .prd-faqDisclosure-headIcon {
        display: block;
        margin-bottom: .8rem
    }
}

.prd-faqDisclosure-content {
    flex: 1
}

.prd-faqPickupBox {
    background-color: #f0f0f0;
    border-top: 2px solid #dc002f
}

@media(max-width:60.5625em) {
    .prd-faqPickupBox {
        padding: 4.8rem 2rem 6.4rem
    }
}

@media(min-width:60.625em) {
    .prd-faqPickupBox {
        display: flex;
        padding: 7.2rem
    }
}

@media(max-width:60.5625em) {
    .prd-faqPickupBox-header {
        margin-bottom: 3.2rem
    }
}

@media(min-width:60.625em) {
    .prd-faqPickupBox-header {
        flex: none;
        width: 37.235915493%
    }
}

@media(min-width:60.625em) {
    .prd-faqPickupBox-body {
        flex: auto
    }
}

.prd-faqStatic {
    display: block;
    color: inherit;
    text-decoration: none;
    border-top: 1px solid #ddd
}

.prd-faqStatic.of-noBorderTop {
    border-top: 0
}

.prd-faqStatic-header {
    padding-right: 1.6rem;
    padding-left: 1.6rem
}

@media(max-width:60.5625em) {
    .prd-faqStatic-header {
        padding: 2.4rem
    }
}

@media(min-width:60.625em) {
    .prd-faqStatic-header {
        padding-top: 3.2rem;
        padding-bottom: 3.2rem
    }
}

.prd-faqStatic-titleGroup {
    width: 100%;
    text-align: left
}

@media(min-width:60.625em) {
    .prd-faqStatic-titleGroup {
        display: flex
    }
}

.prd-faqStatic-headIcon {
    flex: none;
    margin-right: 2.4rem;
    margin-bottom: 0;
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1;
    color: #dc002f
}

@media(max-width:60.5625em) {
    .prd-faqStatic-headIcon {
        display: block;
        margin-bottom: 1.6rem
    }
}

.prd-faqStatic-title {
    display: block;
    flex: 1;
    font-size: 1.8rem;
    color: #dc002f;
    transition: color .2s cubic-bezier(.4, 0, .2, 1)
}

@media(min-width:60.625em) {
    .prd-faqStatic-title {
        margin-right: 1.6rem
    }
}

@media(max-width:60.5625em) {
    .prd-faqStatic-title {
        line-height: 1.25
    }
}

a.prd-faqStatic .prd-faqStatic-title {
    color: inherit
}

@media(hover:hover) {
    a.prd-faqStatic:hover .prd-faqStatic-title {
        color: #dc002f;
        text-decoration: underline
    }
}

.prd-root.is-ie11 a.prd-faqStatic:hover .prd-faqStatic-title {
    color: #dc002f;
    text-decoration: underline
}

@media(hover:hover) {
    a.prd-faqStatic:hover .prd-faqStatic-body {
        background-color: #fff1df
    }
}

.prd-root.is-ie11 a.prd-faqStatic:hover .prd-faqStatic-body {
    background-color: #fff1df
}

.prd-faqStatic-subtitle {
    padding-left: 4.2rem
}

@media(max-width:60.5625em) {
    .prd-faqStatic-subtitle {
        padding-left: 0
    }
}

.prd-faqStatic-body {
    background-color: #f0f0f0;
    transition: background-color .2s cubic-bezier(.4, 0, .2, 1)
}

@media(max-width:60.5625em) {
    .prd-faqStatic-body {
        padding: 2.4rem
    }
}

@media(min-width:60.625em) {
    .prd-faqStatic-body {
        display: flex;
        padding: 6.4rem 7.2rem
    }
}

@media(min-width:60.625em) {
    .prd-faqStatic-body.of-narrow {
        padding: 2.4rem 7.2rem
    }
}

.prd-faqPickupBox .prd-faqStatic-body {
    background-color: #fafafa
}

.prd-faqStatic-body .prd-faqStatic-headIcon {
    margin-right: 4rem
}

.prd-faqStatic-answerGroup {
    flex: 1
}

.prd-form-container {
}

.prd-form-errorText {
    font-size: 1.5rem;
    font-weight: 600;
    color: #dc002f
}

.prd-form-errorText.of-primary {
    padding: .8rem 1.6rem;
    line-height: 1.1;
    background-color: hsla(0, 0%, 100%, .9);
    border: 1px solid #ffdcdc;
    box-shadow: 6px 6px 6px rgba(220, 0, 47, .1)
}

.prd-form-errorText.is-hide {
    display: none
}

.prd-form-errorTextOuter {
    position: relative;
    z-index: 1
}

.prd-form-errorTextOuter>.prd-form-errorText.of-primary {
    position: absolute;
    top: -.4em;
    left: 0
}

.prd-inputGroup.is-error .prd-checkbox-icon.of-unchecked,
.prd-inputGroup.is-error .prd-radio-icon.of-unchecked {
    fill: rgba(220, 0, 47, .5)
}

.prd-formFilterGeneral.is-filter-default .prd-formFilterGeneral-custom,
.prd-formFilterGeneral.is-filter-default .prd-formFilterGeneral-mobileNumber,
.prd-formFilterGeneral.is-filter-default .prd-formFilterLogin-autoSignUpItem,
.prd-formFilterGeneral.is-filter-email .prd-formFilterGeneral-mobileNumber,
.prd-formFilterGeneral.is-filter-email .prd-formFilterLogin-autoSignUpItem,
.prd-formFilterGeneral.is-filter-mobileNumber .prd-formFilterGeneral-email,
.prd-formFilterGeneral.is-filter-mobileNumber .prd-formFilterLogin.is-filter-autoSignUp .prd-formFilterLogin-password,
.prd-formFilterGeneral.is-filter-mobileNumber .prd-formFilterLogin.is-filter-autoSignUp .prd-formFilterLogin-signInItem,
.prd-formFilterGeneral.is-filter-mobileNumber .prd-formFilterLogin.is-filter-password .prd-formFilterLogin-autoSignUpItem,
.prd-formFilterGeneral.is-filter-mobileNumber .prd-formFilterLogin.is-filter-password .prd-formFilterLogin-smscode,
.prd-formFilterGeneral.is-filter-mobileNumber .prd-formFilterLogin.is-filter-smscode .prd-formFilterLogin-autoSignUpItem,
.prd-formFilterGeneral.is-filter-mobileNumber .prd-formFilterLogin.is-filter-smscode .prd-formFilterLogin-password {
    
}

.theme-KC .prd-formFilterGeneral.is-filter-mobileNumber .prd-formFilterLogin.is-filter-autoSignUp [data-key=autoSignupButtonGuideLabel],
.theme-KW .prd-formFilterGeneral.is-filter-mobileNumber .prd-formFilterLogin.is-filter-autoSignUp [data-key=autoSignupButtonGuideLabel] {
    text-align: left
}

.prd-form-label.of-required {
    font-weight: 400;
    color: #dc002f
}

.prd-form-label.of-required.is-hide {
    display: none
}

.prd-form-label.of-note {
    margin-left: .8rem;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.5;
    color: #666a6b
}

@media(max-width:60.5625em) {
    .prd-form-label.of-note {
        display: block;
        width: 100%;
        margin-top: .8rem;
        margin-left: 0
    }
}

.prd-form-labelGroup {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center
}

.prd-form-mobileNumber {
    display: flex
}

.prd-form-mobileNumber>.prd-select-outer {
    min-width: 216px
}

@media(max-width:60.5625em) {
    .prd-form-mobileNumber>.prd-select-outer {
        min-width: 50%
    }
}

.prd-form-mobileNumber>.prd-input:first-child {
    max-width: 80px
}

.prd-form-mobileNumber>.prd-input:first-child,
.prd-form-mobileNumber>:first-child .prd-select {
    border-right: none;
    border-radius: .4rem 0 0 .4rem
}

.prd-form-mobileNumber>.prd-input:not(:first-child),
.prd-form-mobileNumber>:not(:first-child) .prd-select {
    border-radius: 0 .4rem .4rem 0
}

@keyframes form-block-fadeIn {
    0% {
        display: none;
        opacity: 0
    }

    1% {
        display: block;
        opacity: 0
    }

    to {
        display: block;
        opacity: 1
    }
}

.prd-formMultiStep {
    padding-bottom: 4rem;
    animation-name: form-block-fadeIn;
    animation-duration: .5s
}

@media(max-width:60.5625em) {
    .prd-formMultiStep {
        padding-bottom: 2.4rem
    }
}

.prd-formMultiStep.of-signinOrRegister {
   width: 950px;
   margin: 0 auto;
}


.prd-formMultiStep.of-registration,
.prd-formMultiStep.of-signin {
    display: block
}

[data-script-enabled=true] .prd-formMultiStep.of-registration.is-hide,
[data-script-enabled=true] .prd-formMultiStep.of-signin.is-hide {
    display: none
}

.prd-formMultiStep.is-register-error .prd-formMultiStep-body,
.prd-formMultiStep.is-register-flat .prd-formMultiStep-body {
    position: static;
    margin-bottom: 32px;
    opacity: 1;
    transition: none
}

.prd-formMultiStep.is-register-error .prd-formMultiStep-body:last-child,
.prd-formMultiStep.is-register-flat .prd-formMultiStep-body:last-child {
    margin-bottom: 0
}

.prd-formMultiStep-description.is-hide,
.prd-formMultiStep.is-register-error .prd-formProgressHeader-body,
.prd-formMultiStep.is-register-flat .prd-formProgressHeader-body {
    display: none
}

.prd-formMultiStep.of-registration #suz_regArea {
    margin-left: 0
}

.prd-formMultiStep #loginPassword,
.prd-formMultiStep #loginSMSCode,
.prd-formMultiStep #loginVerificationCode,
.prd-formMultiStep #remindVerificationCode,
.prd-formMultiStep #suz_password,
.prd-formMultiStep #suz_registerLoginPassword,
.prd-formMultiStep #suz_registerPassword,
.prd-formMultiStep #suz_registerSMSCode,
.prd-formMultiStep #suz_verificationCode,
.prd-formMultiStep #suz_zipCode,
.prd-formMultiStep input[name=password][autocomplete=new-password] {
    width: 60%
}

@media(max-width:60.5625em) {

    .prd-formMultiStep #loginPassword,
    .prd-formMultiStep #loginSMSCode,
    .prd-formMultiStep #loginVerificationCode,
    .prd-formMultiStep #remindVerificationCode,
    .prd-formMultiStep #suz_password,
    .prd-formMultiStep #suz_registerLoginPassword,
    .prd-formMultiStep #suz_registerPassword,
    .prd-formMultiStep #suz_registerSMSCode,
    .prd-formMultiStep #suz_verificationCode,
    .prd-formMultiStep #suz_zipCode,
    .prd-formMultiStep input[name=password][autocomplete=new-password] {
        width: 100%
    }
}

.prd-formMultiStep #suz_div_countryID,
.prd-formMultiStep #suz_div_firstName,
.prd-formMultiStep #suz_div_functionID,
.prd-formMultiStep #suz_div_lastName,
.prd-formMultiStep #suz_div_stateID {
    width: 50%
}

@media(max-width:60.5625em) {

    .prd-formMultiStep #suz_div_countryID,
    .prd-formMultiStep #suz_div_firstName,
    .prd-formMultiStep #suz_div_functionID,
    .prd-formMultiStep #suz_div_lastName,
    .prd-formMultiStep #suz_div_stateID {
        width: 100%
    }
}

.prd-formMultiStep-modalGroup .prd-formMultiStep {
    padding-bottom: 0
}

.prd-formMultiStep-modalGroup .prd-formMultiStep.of-signinOrRegister .prd-utility-heading-2 {
    display: none
}

#colorbox.of-multiStepForm .prd-formMultiStep {
    padding: 0 4rem
}

@media(max-width:60.5625em) {
    #colorbox.of-multiStepForm .prd-formMultiStep {
        padding: 0 2rem
    }
}

.prd-formMultiStep-outer.is-form-compact .prd-formMultiStep-filterCompact,
.prd-formMultiStep.is-register-flat .prd-formMultiStep-filterFlat {
    display: none
}

.prd-formMultiStep-outer #suz_registrationForm[name=user_profileActionForm] .prd-formMultiStep {
    padding-bottom: 0
}

.prd-formMultiStep-outer #suz_registrationForm[name=user_profileActionForm] .prd-formRegister-body:last-child {
    margin-bottom: 0
}

.prd-formProgress-outer {
    display: flex;
    align-items: flex-end;
    height: 100%
}

.prd-formProgress-content {
    display: flex;
    align-items: center
}

.prd-formStepBar-outer {
    width: 100%;
    min-width: 180px;
    padding-left: 16px
}

.prd-formStepBar {
    width: 100%;
    overflow: hidden;
    background: #ddd;
    border-radius: 3px
}

.prd-formStepBar-body {
    height: 6px;
    background: #dc002f;
    border-radius: 3px;
    transition: width .3s
}

.prd-formStep {
    display: flex;
    flex: none;
    align-items: center
}

.prd-formStep-stepNumber {
    margin-left: 4px;
    font-weight: 600;
    letter-spacing: .12em
}

.prd-formProgress {
    width: 100%;
    max-width: 400px
}

.prd-formProgressHeader {
    padding-bottom: 2.8rem;
    margin-bottom: 3.2rem;
    border-bottom: 1px solid #ddd
}

@media(max-width:60.5625em) {
    .prd-formProgressHeader {
        padding-bottom: 0;
        margin-bottom: 0;
        border: none
    }
}

.prd-formProgressHeader-content {
    display: flex
}

@media(max-width:60.5625em) {
    .prd-formProgressHeader-content {
        flex-direction: column
    }
}

@media(max-width:60.5625em) {
    .prd-formProgressHeader-title {
        padding-bottom: 2.8rem;
        margin-bottom: 3.2rem;
        border-bottom: .1rem solid #ddd
    }
}

.prd-formProgressHeader-body {
    display: flex;
    align-items: flex-end;
    min-width: 42%;
    padding-left: 32px;
    margin-left: auto
}

@media(max-width:60.5625em) {
    .prd-formProgressHeader-body {
        justify-content: flex-end;
        width: 100%;
        padding-left: 0
    }
}

.prd-formRegister {
    position: relative;
    width: calc(100% + 20px)
}

.prd-formRegister-content {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}

.prd-formRegister-body {
    width: 100%;
    margin-bottom: 32px
}

[data-script-enabled=true] .prd-formRegister-body {
    position: absolute;
    top: 0;
    left: calc(-100% - 20px);
    z-index: 2;
    margin-bottom: 0;
    visibility: hidden;
    opacity: 0
}

[data-script-enabled=true] .prd-formRegister-body.is-current {
    position: relative;
    top: 0;
    left: 0;
    z-index: 3;
    visibility: visible;
    opacity: 1 !important;
    transition: opacity .6s ease 0s
}

[data-script-enabled=true] .prd-formRegister-body.is-register-error,
[data-script-enabled=true] .prd-formRegister-body.is-register-flat {
    position: static;
    transition: none
}

.prd-formMultiStep.is-register-flat .prd-formRegister .prd-formRegister-body {
    position: static;
    margin-bottom: 3.2rem;
    visibility: visible;
    opacity: 1;
    transition: none
}

@media(max-width:60.5625em) {
    .prd-formMultiStep.is-register-flat .prd-formRegister .prd-formRegister-body {
        margin-bottom: 2.4rem
    }
}

.prd-formMultiStep.is-register-flat .prd-formRegister .prd-formProgressHeader-body {
    display: none
}

.prd-formSuggest {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 2;
    max-height: 30rem;
    padding: 2rem 1.6rem;
    margin-top: .8rem;
    overflow: auto;
    background-color: #fff;
    border-radius: .4rem;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .16);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .2s;
    transition-property: visibility, opacity, transform
}

.prd-formSuggest.of-narrow {
    width: calc(100% - 48px);
    margin: .8rem auto 0
}

@media(max-width:60.5625em) {
    .prd-formSuggest.of-narrow {
        width: calc(100% - 1.6rem)
    }
}

.prd-formSuggest.is-hide {
    visibility: hidden;
    opacity: 0;
    transform: translateY(.4rem)
}

.prd-formSuggest-button {
    width: 100%;
    color: #2e3133
}

.prd-form-labelGroup {
    display: block;
    margin-bottom: .8rem
}

.prd-form-label {
    font-weight: 600;
    line-height: 1.41;
    color: #2e3133
}

.prd-form-input {
    margin: .8rem 0 0 .8rem
}

.prd-form-inputGroup {
    display: flex;
    flex-wrap: wrap;
    margin: -.8rem 0 0 -.8rem
}

.prd-framedLabel {
    display: inline-block;
    padding: .4rem .8rem;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.3;
    color: #dc002f;
    border: .1rem solid #dc002f
}

.prd-framedLabel.of-color-primary {
    color: #484b4c;
    border-color: #484b4c
}

.prd-framedLabel.of-color-secondary {
    color: #666a6b;
    border-color: #666a6b
}

.prd-groupCard {
    position: relative
}

.prd-groupCard-imageWrapper {
    position: relative;
    padding-top: 67.5%;
    background-image: linear-gradient(180deg, transparent, transparent 16.6666666667%, #f0f0f0 0, #f0f0f0)
}

.prd-groupCard-imageWrapper:before {
    position: absolute;
    top: 16.6666666667%;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background-color: rgba(0, 0, 0, .2);
    opacity: 0;
    transition: opacity .4s cubic-bezier(.4, 0, .2, 1)
}

@media(hover:hover) {
    .prd-groupCard:hover .prd-groupCard-imageWrapper:before {
        opacity: 1
    }
}

.prd-root.is-ie11 .prd-groupCard:hover .prd-groupCard-imageWrapper:before {
    opacity: 1
}

.prd-groupCard-imageWrapper>.prd-groupCard-image:not(canvas) {
    filter: drop-shadow(30px 80px 25px rgba(48, 50, 51, .2))
}

.prd-groupCard-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    transition: transform .4s cubic-bezier(.4, 0, .2, 1)
}

@media(hover:hover) {
    .prd-groupCard:hover .prd-groupCard-image {
        transform: scale(.95)
    }
}

.prd-root.is-ie11 .prd-groupCard:hover .prd-groupCard-image {
    transform: scale(.95)
}

.prd-groupCard-title {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.prd-groupCard-link {
    color: inherit;
    text-decoration: none;
    transition: color .4s cubic-bezier(.4, 0, .2, 1)
}

@media(hover:hover) {
    .prd-groupCard-link:hover {
        color: #dc002f;
        text-decoration: underline
    }
}

.prd-root.is-ie11 .prd-groupCard-link:hover {
    color: #dc002f;
    text-decoration: underline
}

.prd-groupCard-link:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ""
}

.prd-groupCard-titleIcon {
    flex-shrink: 0;
    width: 3rem;
    height: 3rem;
    margin-left: 1.6rem;
    fill: #dc002f
}

.prd-groupTabs {
    background-color: #f0f0f0
}

@media(max-width:60.5625em) {
    .prd-groupTabs {
        padding: 4.8rem 2rem 6.4rem;
        margin-right: -2rem;
        margin-left: -2rem
    }
}

@media(min-width:60.625em) {
    .prd-groupTabs {
        padding: 6.4rem 7.2rem
    }
}

.prd-groupTabs-tabList {
    display: flex;
    box-shadow: inset 0 -1px #c9cbcb
}

.prd-groupTabs-tab {
    padding-top: 2rem;
    padding-bottom: 2rem;
    color: inherit;
    text-align: left;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .2s;
    transition-property: color, box-shadow
}

.prd-groupTabs-tab[aria-selected=true] {
    font-weight: 700;
    color: #dc002f;
    box-shadow: inset 0 -.3rem #dc002f
}

@media(hover:hover) {
    .prd-groupTabs-tab:hover {
        color: #dc002f
    }
}

.prd-root.is-ie11 .prd-groupTabs-tab:hover {
    color: #dc002f
}

.prd-groupTabs-tab+.prd-groupTabs-tab {
    margin-left: 3.2rem
}

.prd-groupTabs-link[aria-current=page] {
    font-weight: 600;
    color: #dc002f
}

.prd-groupTabs-link {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 1.6rem;
    color: #2e3133;
    text-decoration: none;
    background-color: #fff;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .4s;
    transition-property: color, box-shadow
}

@media(hover:hover) {
    .prd-groupTabs-link:hover {
        color: #dc002f;
        text-decoration: underline;
        box-shadow: 1rem 2rem 2rem rgba(48, 50, 51, .2)
    }
}

.prd-root.is-ie11 .prd-groupTabs-link:hover {
    color: #dc002f;
    text-decoration: underline;
    box-shadow: 1rem 2rem 2rem rgba(48, 50, 51, .2)
}

.prd-groupTabs-linkImageWrapper {
    flex-shrink: 0
}

.prd-groupTabs-linkImage {
    width: 4.4rem;
    height: 4.4rem
}

.prd-groupTabs-linkLabel {
    flex-grow: 1;
    margin-left: 1.6rem
}

.prd-groupTabs-linkIcon {
    flex-shrink: 0;
    width: 3rem;
    height: 3rem;
    margin-left: .8rem;
    fill: #dc002f
}

.prd-image {
    display: block;
    width: 100%;
    height: auto
}

.prd-image.of-width-auto {
    width: auto
}

.prd-inPageSearchForm {
    position: relative
}

.prd-inPageSearchForm-button {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    padding-left: 1.6rem
}

.prd-inPageSearchForm-buttonIcon {
    width: 3rem;
    height: 3rem
}

.prd-inPageSearchForm-input {
    width: 100%;
    padding: .8rem 1.6rem .8rem 5.4rem;
    background-color: #fff;
    border: .1rem solid #c9cbcb;
    border-radius: .4rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: box-shadow .1s cubic-bezier(.4, 0, .2, 1)
}

.prd-inPageSearchForm-input::-moz-placeholder {
    color: #666a6b
}

.prd-inPageSearchForm-input::placeholder {
    color: #666a6b
}

.prd-inPageSearchForm-input:-moz-placeholder-shown {
    text-overflow: ellipsis
}

.prd-inPageSearchForm-input:placeholder-shown {
    text-overflow: ellipsis
}

.prd-inPageSearchForm-input:focus {
    outline: 0;
    box-shadow: 0 0 .4rem #dc002f
}

.prd-inPageSearchForm-input::-webkit-search-cancel-button {
    width: 2rem;
    height: 2rem;
    padding-right: .4rem;
    cursor: pointer;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 9.41L20.59 8L15 13.59L9.41 8L8 9.41L13.59 15L8 20.59L9.41 22L15 16.41L20.59 22L22 20.59L16.41 15L22 9.41Z' fill='%23dc002f'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    -webkit-appearance: none
}

.prd-indexCard {
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    height: 100%;
    padding: 3.2rem 4rem;
    background-color: #fff;
    border: 1px solid #ccc
}

@media(max-width:60.5625em) {
    .prd-indexCard {
        padding: 2rem 2.4rem
    }
}

.prd-indexCard-body {
    flex: 1
}

.prd-indexCard-body>:last-child {
    margin-bottom: 0
}

.prd-indexCard-image {
    width: 10rem;
    height: 10rem
}

@media(max-width:60.5625em) {
    .prd-indexCard-image {
        width: 6rem;
        height: 6rem
    }
}

.prd-indexCard-image>svg {
    width: 10rem;
    height: 10rem;
    fill: #dc002f
}

@media(max-width:60.5625em) {
    .prd-indexCard-image>svg {
        width: 6rem;
        height: 6rem
    }
}

.prd-indexCard-title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.6;
    color: #2e3133
}

@media(max-width:60.5625em) {
    .prd-indexCard-title {
        font-size: 1.7rem;
        line-height: 1.5
    }
}

.prd-indexCard-titleLink {
    color: inherit;
    text-decoration: none;
    transition: color .4s cubic-bezier(.4, 0, .2, 1)
}

.prd-indexCard-titleLink:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ""
}

@media(hover:hover) {
    .prd-indexCard-titleLink:hover {
        color: #dc002f
    }
}

.prd-root.is-ie11 .prd-indexCard-titleLink:hover {
    color: #dc002f
}

@media(hover:hover) {
    .prd-indexCard-titleLink:hover .prd-indexCard-titleLinkLabel {
        text-decoration: underline
    }
}

.prd-root.is-ie11 .prd-indexCard-titleLink:hover .prd-indexCard-titleLinkLabel {
    text-decoration: underline
}

.prd-indexCard .prd-indexCard-titleLinkChevron {
    margin-left: .2em;
    font-family: sans-serif;
    font-size: 2.4rem;
    color: #dc002f
}

@media(max-width:60.5625em) {
    .prd-indexCard .prd-indexCard-titleLinkChevron {
        font-size: 2rem
    }
}

.prd-indexCard .prd-indexCard-titleLinkChevron[aria-hidden=true] {
    display: inline
}

.prd-indexCard .prd-indexCard-titleLinkChevron:before {
    content: "›"
}

.prd-industryCard {
    display: flex;
    align-items: center;
    height: 100%;
    color: inherit;
    text-decoration: none;
    background-color: #fff;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .4s;
    transition-property: color, box-shadow
}

@media(hover:hover) {
    .prd-industryCard:hover {
        color: #dc002f;
        text-decoration: underline;
        box-shadow: 1rem 2rem 2rem rgba(48, 50, 51, .2)
    }
}

.prd-root.is-ie11 .prd-industryCard:hover {
    color: #dc002f;
    text-decoration: underline;
    box-shadow: 1rem 2rem 2rem rgba(48, 50, 51, .2)
}

.prd-industryCard-imageWrapper {
    position: relative;
    flex-basis: 12rem;
    flex-shrink: 0;
    overflow: hidden
}

@media(max-width:47.9375em) {
    .prd-industryCard-imageWrapper {
        flex-basis: 9rem
    }
}

.prd-industryCard-imageWrapper:before {
    display: block;
    padding-top: 75%;
    content: ""
}

@media(max-width:47.9375em) {
    .prd-industryCard-imageWrapper:before {
        padding-top: 100%
    }
}

.prd-industryCard-imageWrapper:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background-color: rgba(0, 0, 0, .2);
    opacity: 0;
    transition: opacity .4s cubic-bezier(.4, 0, .2, 1)
}

@media(hover:hover) {
    .prd-industryCard:hover .prd-industryCard-imageWrapper:after {
        opacity: 1
    }
}

.prd-root.is-ie11 .prd-industryCard:hover .prd-industryCard-imageWrapper:after {
    opacity: 1
}

.prd-industryCard-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover;";
    transition: transform .4s cubic-bezier(.4, 0, .2, 1)
}

@media(hover:hover) {
    .prd-industryCard:hover .prd-industryCard-image {
        transform: scale(1.05)
    }
}

.prd-root.is-ie11 .prd-industryCard:hover .prd-industryCard-image {
    transform: scale(1.05)
}

.prd-industryCard-title {
    flex-basis: 0;
    flex-grow: 1;
    margin-right: 1.6rem;
    margin-left: 2.4rem
}

.prd-industryCard-icon {
    flex-shrink: 0;
    width: 3rem;
    height: 3rem;
    margin-right: 2rem;
    fill: #dc002f
}

.prd-inlineLinkChevron {
    margin-left: .5em;
    font-family: sans-serif;
    color: #dc002f
}

.prd-inlineLinkChevron.of-reverse {
    margin-right: .5em;
    margin-left: 0
}

.prd-inlineLinkChevron.of-reverse:before {
    display: inline-block;
    transform: rotate(180deg)
}

.prd-inlineLinkChevron[aria-hidden=true] {
    display: inline
}

.prd-categoryNavigation-childList :visited .prd-inlineLinkChevron {
    color: #7a51ab
}

.prd-inlineLinkChevron:before {
    content: "\00203a"
}

.prd-inlineLink[href^="#"] .prd-inlineLinkChevron:before {
    display: inline-block;
    transform: rotate(90deg)
}

.prd-inlineLink {
    text-decoration: none
}

.prd-inlineLink.of-previous {
    position: relative;
    color: #dc002f
}

.prd-inlineLink.of-previous .prd-inlineLink-label {
    font-size: 1.5rem;
    transition: color .2s cubic-bezier(.4, 0, .2, 1)
}

.prd-inlineLink[href].of-primary {
    color: #2e3133
}

.prd-inlineLink[href],
.prd-inlineLink[href].of-primary:hover,
button.prd-inlineLink {
    color: #dc002f
}

button.prd-inlineLink {
    text-align: left
}

.prd-categoryNavigation-childList .prd-inlineLink {
    display: block;
    padding: .8rem 3.2rem
}

.prd-tableOfContents .prd-inlineLink {
    display: block;
    padding-top: .4285714286em;
    padding-bottom: .4285714286em
}

.prd-categoryNavigation-childList .prd-inlineLink:visited {
    color: #7a51ab
}

@media(hover:hover) {

    .prd-inlineLink[href]:hover .prd-inlineLink-label,
    button.prd-inlineLink:hover .prd-inlineLink-label {
        text-decoration: underline
    }
}

.prd-root.is-ie11 .prd-inlineLink[href]:hover .prd-inlineLink-label,
.prd-root.is-ie11 button.prd-inlineLink:hover .prd-inlineLink-label {
    text-decoration: underline
}

.prd-inlineLink[data-target=_blank],
.prd-inlineLink[href="#search-by-categories"],
.prd-inlineLink[href="#top"],
.prd-inlineLink[target=_blank] {
    background-repeat: no-repeat;
    background-position: 100%
}

.prd-inlineLink[target=_blank] {
    padding-right: 1.6rem;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 10 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.88889 8.88889H1.11111V1.11111H5V0H1.11111C0.5 0 0 0.5 0 1.11111V8.88889C0 9.5 0.5 10 1.11111 10H8.88889C9.5 10 10 9.5 10 8.88889V5H8.88889V8.88889ZM6.11111 0V1.11111H8.11111L2.66667 6.55556L3.44444 7.33333L8.88889 1.88889V3.88889H10V0H6.11111Z' fill='%23dc002f'/%3E%3C/svg%3E");
    background-size: 1rem 1rem
}

.prd-inlineLink[data-target=_blank],
.prd-inlineLink[target=_blank].js-modalAjax {
    padding-right: 3rem;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.56 17.44V9.56H20.44V17.44H12.56ZM11 9C11 8.44771 11.4477 8 12 8H21C21.5523 8 22 8.44772 22 9V18C22 18.5523 21.5523 19 21 19H12C11.4477 19 11 18.5523 11 18V9ZM9.28 22.0007H19.7812V20.4407H9.56V10.2207H8V20.7207C8 21.4276 8.57308 22.0007 9.28 22.0007Z' fill='%23dc002f'/%3E%3C/svg%3E");
    background-size: 3rem 3rem
}

.prd-inlineLink[href="#search-by-categories"],
.prd-inlineLink[href="#top"] {
    padding-right: 3.2rem;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.118 5.68437L8.60547 8.19695L9.48935 9.08083L11.3757 7.19453L11.3757 19.1992L12.6257 19.1992L12.6257 7.19199L14.5109 9.07721L15.3948 8.19333L12.0007 4.79922L11.1168 5.6831L11.118 5.68437Z' fill='%23dc002f'/%3E%3C/svg%3E");
    background-size: 2.4rem 2.4rem
}

.prd-inlineLink-icon {
    flex: none;
    width: 3rem;
    height: 3rem;
    margin: calc(-1.5rem - -.75em) -.6rem calc(-1.5rem - -.75em) .2rem;
    vertical-align: top;
    pointer-events: none;
    fill: currentColor
}

.prd-inlineLink.of-previous {
    display: inline-flex;
    align-items: center;
    vertical-align: bottom
}

.prd-inlineLink.of-previous .prd-inlineLink-icon {
    order: -1;
    margin-right: 1.2rem;
    margin-left: -.5rem;
    transform: rotate(180deg)
}

.prd-inlineLink.of-historyBack {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 0;
    vertical-align: bottom;
    border: 0
}

@media(hover:hover) {
    .prd-inlineLink.of-historyBack:hover {
        text-decoration: underline;
        -webkit-text-decoration-color: #dc002f;
        text-decoration-color: #dc002f
    }
}

.prd-root.is-ie11 .prd-inlineLink.of-historyBack:hover {
    text-decoration: underline;
    -webkit-text-decoration-color: #dc002f;
    text-decoration-color: #dc002f
}

.prd-inlineLink.of-historyBack input {
    padding: 0 0 0 3.8rem;
    color: #dc002f
}

.prd-inlineLink.of-historyBack .prd-inlineLink-icon {
    position: absolute;
    flex: none;
    order: -1;
    width: 3rem;
    height: 3rem;
    margin: calc(-1.5rem + .75em) 1.2rem calc(-1.5rem + .75em) -.5rem;
    vertical-align: top;
    pointer-events: none;
    fill: #dc002f;
    transform: rotate(180deg)
}

.prd-input {
    display: block;
    min-height: 40px;
    padding: .5rem 1.2rem;
    border: .1rem solid #c9cbcb;
    border-radius: .4rem
}

.prd-input:disabled {
    background: #e5e5e5
}

.prd-inputGroup .prd-input,
.prd-inputGroup .prd-select {
    width: 100%
}

.prd-inputGroup .prd-input.of-width-auto {
    width: auto;
    margin-left: 8px
}

.prd-inputGroup.is-error .prd-input {
    background: #fbe4e4 !important;
    border: .1rem solid #dc002f !important
}

.prd-inputGroup.is-error .prd-form-errorText {
    margin-top: 8px
}

textarea.prd-input {
    max-width: 100%
}

.prd-inputGroup.is-autoCompleteElement-hide {
    display: none
}

.prd-labelOuter {
    display: inline-flex
}

.prd-label {
    display: block;
    width: 100%;
    font-size: 1.7rem;
    color: #dc002f
}

.prd-languagesSelect {
    display: flex
}

.prd-languagesSelect-label {
    display: flex;
    flex: none;
    align-items: center;
    padding-right: 2.4rem;
    cursor: default
}

.prd-languagesSelect-selectWrapper {
    position: relative;
    flex-grow: 1;
    max-width: 24rem
}

.prd-languagesSelect-popover {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 1;
    max-height: 36rem;
    padding: 2rem 1.6rem;
    margin-top: .8rem;
    overflow: auto;
    background-color: #fff;
    border-radius: .4rem;
    box-shadow: 2rem 4rem 4rem rgba(48, 50, 51, .2);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .2s;
    transition-property: visibility, opacity, transform
}

.prd-languagesSelect-popover[aria-hidden=true] {
    display: block;
    visibility: hidden;
    opacity: 0;
    transform: translateY(.4rem)
}

.prd-linkCard {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 2.4rem 3.2rem;
    background-color: #f0f0f0
}

@media(max-width:47.9375em) {
    .prd-linkCard {
        padding: 2rem 2.4rem
    }
}

.prd-linkCard>* {
    width: 100%
}

.prd-linkCard-body {
    display: flex;
    flex: 0 1 auto;
    flex-direction: column
}

.prd-linkCard-body>* {
    width: 100%
}

.prd-linkCard-buttonWrapper {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 1.2rem);
    margin: -1.2rem 0 0 -1.2rem
}

@media(max-width:47.9375em) {
    .prd-linkCard-buttonWrapper {
        display: block
    }
}

.prd-linkCard-buttonWrapper>* {
    min-height: 0;
    margin: 1.2rem 0 0 1.2rem
}

.prd-linkCard-title {
    flex: 1 0 auto;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.4;
    color: #2e3133
}

@media(max-width:47.9375em) {
    .prd-linkCard-title {
        font-size: 1.7rem;
        line-height: 1.5
    }
}

@media(max-width:47.9375em) {
    .prd-linkCard-textArea {
        width: 100%
    }
}

.prd-linkCard.of-primary {
    flex-direction: row;
    align-items: center
}

@media(max-width:47.9375em) {
    .prd-linkCard.of-primary {
        flex-direction: column;
        align-items: flex-start
    }
}

.prd-linkCard.of-primary>* {
    width: auto
}

@media(max-width:60.5625em) {
    .prd-linkCard.of-primary>* {
        flex: 1 0 auto;
        width: 100%
    }
}

@media(max-width:47.9375em) {
    .prd-linkCard.of-primary>* {
        width: 100%
    }
}

.prd-linkCard.of-primary .prd-linkCard-body {
    flex: 1;
    flex-direction: row;
    align-items: center
}

@media(max-width:60.5625em) {
    .prd-linkCard.of-primary .prd-linkCard-body {
        flex: 0 1 auto;
        flex-direction: column
    }
}

.prd-linkCard.of-primary .prd-linkCard-buttonWrapper {
    flex-direction: column;
    justify-content: flex-end;
    min-width: 18rem;
    max-width: 24rem;
    margin-left: 4rem
}

@media(max-width:47.9375em) {
    .prd-linkCard.of-primary .prd-linkCard-buttonWrapper {
        display: block;
        width: 100%;
        min-width: auto;
        max-width: none;
        margin-left: 0
    }
}

.prd-linkCard.of-primary .prd-linkCard-buttonWrapper>* {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin: 1.2rem 0 0
}

@media(max-width:47.9375em) {
    .prd-linkCard.of-primary .prd-linkCard-buttonWrapper>* {
        display: block
    }
}

.prd-linkCard.of-primary .prd-linkCard-buttonWrapper>:last-child {
    margin-bottom: 0
}

.prd-linkCard.of-primary .prd-linkCard-title {
    flex: 1;
    min-width: 40%
}

@media(max-width:60.5625em) {
    .prd-linkCard.of-primary .prd-linkCard-title {
        flex: 1 0 auto;
        min-width: auto
    }
}

.prd-linkCard.of-primary .prd-linkCard-textArea {
    min-width: 53%;
    max-width: 52.4rem;
    margin-left: 3.2rem
}

@media(max-width:60.5625em) {
    .prd-linkCard.of-primary .prd-linkCard-textArea {
        min-width: auto;
        max-width: none;
        margin-left: 0
    }
}

.prd-linkCard-keyIcon {
    width: 3rem;
    height: 3rem;
    fill: #dc002f
}

.prd-linkCard.of-secondary {
    position: relative;
    flex-direction: row;
    align-items: center
}

@media(max-width:47.9375em) {
    .prd-linkCard.of-secondary {
        flex-direction: column
    }
}

@media(hover:hover) {
    .prd-linkCard.of-secondary:hover {
        background-color: #fff1df;
        transition: background-color .4s cubic-bezier(.4, 0, .2, 1)
    }
}

.prd-root.is-ie11 .prd-linkCard.of-secondary:hover {
    background-color: #fff1df;
    transition: background-color .4s cubic-bezier(.4, 0, .2, 1)
}

@media(hover:hover) {
    .prd-linkCard.of-secondary:hover .prd-linkCard-titleLink {
        color: #dc002f;
        background-color: #fff1df;
        transition: background-color .4s cubic-bezier(.4, 0, .2, 1)
    }
}

.prd-root.is-ie11 .prd-linkCard.of-secondary:hover .prd-linkCard-titleLink {
    color: #dc002f;
    background-color: #fff1df;
    transition: background-color .4s cubic-bezier(.4, 0, .2, 1)
}

.prd-linkCard.of-secondary .prd-linkCard-body {
    flex: 1;
    flex-direction: row;
    align-items: center
}

@media(max-width:47.9375em) {
    .prd-linkCard.of-secondary .prd-linkCard-body {
        flex: 0 1 auto;
        flex-direction: column
    }
}

.prd-linkCard.of-secondary .prd-linkCard-textArea {
    min-width: 53%;
    max-width: 52.4rem;
    margin-left: 3.2rem
}

@media(max-width:47.9375em) {
    .prd-linkCard.of-secondary .prd-linkCard-textArea {
        min-width: auto;
        max-width: none;
        margin-left: 0
    }
}

.prd-linkCard.of-secondary .prd-linkCard-buttonWrapper {
    width: auto;
    margin: 0 0 0 3.2rem
}

@media(max-width:47.9375em) {
    .prd-linkCard.of-secondary .prd-linkCard-buttonWrapper {
        display: block;
        width: 100%;
        min-width: auto;
        max-width: none;
        margin-left: 0
    }
}

.prd-linkCard.of-secondary .prd-linkCard-buttonWrapper>* {
    margin: 0
}

@media(max-width:47.9375em) {
    .prd-linkCard.of-secondary .prd-linkCard-buttonWrapper>* {
        display: block
    }
}

@media(max-width:47.9375em) {
    .prd-linkCard.of-secondary .prd-linkCard-buttonWrapper .prd-button {
        max-width: none
    }
}

.prd-linkCard.of-secondary .prd-linkCard-buttonWrapper .prd-button:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: ""
}

.prd-linkCard-image {
    max-width: 9.2rem;
    text-align: center
}

.prd-linkCard-image>img {
    box-shadow: 4px 4px 16px rgba(0, 0, 0, .2196078431372549)
}

.prd-linkCard-titleLink {
    color: inherit;
    text-decoration: none;
    transition: color .4s cubic-bezier(.4, 0, .2, 1)
}

.prd-linkCard-titleLink:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@media(hover:hover) {
    .prd-linkCard-titleLink:hover {
        color: #dc002f
    }
}

.prd-root.is-ie11 .prd-linkCard-titleLink:hover {
    color: #dc002f
}

@media(hover:hover) {
    .prd-linkCard-titleLink:hover .prd-downloadCard-titleLinkLabel {
        text-decoration: underline
    }
}

.prd-root.is-ie11 .prd-linkCard-titleLink:hover .prd-downloadCard-titleLinkLabel {
    text-decoration: underline
}

.prd-listMarked>li {
    position: relative;
    display: flex
}

.prd-listMarked-icon {
    flex: none;
    width: 24px;
    height: 24px;
    margin-right: 12px;
    stroke: #dc002f
}

.prd-listMarked-icon.of-primary {
    stroke: #058360
}

.prd-mediaDownload {
    position: relative
}

.prd-mediaDownload-content {
    display: flex
}

.prd-mediaDownload.of-spaceX-0 .prd-mediaDownload-content,
.prd-mediaDownload.of-spaceX-0 .prd-mediaDownload-content>* {
    margin-right: 0;
    margin-left: 0
}

.prd-mediaDownload.of-spaceY-0 .prd-mediaDownload-content,
.prd-mediaDownload.of-spaceY-0 .prd-mediaDownload-content>* {
    margin-top: 0;
    margin-bottom: 0
}

.prd-mediaDownload.of-spaceX-1 .prd-mediaDownload-content {
    margin-right: -.2rem;
    margin-left: -.2rem
}

.prd-mediaDownload.of-spaceX-1 .prd-mediaDownload-content>* {
    margin-right: .2rem;
    margin-left: .2rem
}

.prd-mediaDownload.of-spaceY-1 .prd-mediaDownload-content {
    margin-top: -.2rem;
    margin-bottom: -.2rem
}

.prd-mediaDownload.of-spaceY-1 .prd-mediaDownload-content>* {
    margin-top: .2rem;
    margin-bottom: .2rem
}

.prd-mediaDownload.of-spaceX-2 .prd-mediaDownload-content {
    margin-right: -.4rem;
    margin-left: -.4rem
}

.prd-mediaDownload.of-spaceX-2 .prd-mediaDownload-content>* {
    margin-right: .4rem;
    margin-left: .4rem
}

.prd-mediaDownload.of-spaceY-2 .prd-mediaDownload-content {
    margin-top: -.4rem;
    margin-bottom: -.4rem
}

.prd-mediaDownload.of-spaceY-2 .prd-mediaDownload-content>* {
    margin-top: .4rem;
    margin-bottom: .4rem
}

.prd-mediaDownload.of-spaceX-3 .prd-mediaDownload-content {
    margin-right: -.8rem;
    margin-left: -.8rem
}

.prd-mediaDownload.of-spaceX-3 .prd-mediaDownload-content>* {
    margin-right: .8rem;
    margin-left: .8rem
}

.prd-mediaDownload.of-spaceY-3 .prd-mediaDownload-content {
    margin-top: -.8rem;
    margin-bottom: -.8rem
}

.prd-mediaDownload.of-spaceY-3 .prd-mediaDownload-content>* {
    margin-top: .8rem;
    margin-bottom: .8rem
}

.prd-mediaDownload.of-spaceX-4 .prd-mediaDownload-content {
    margin-right: -1rem;
    margin-left: -1rem
}

.prd-mediaDownload.of-spaceX-4 .prd-mediaDownload-content>* {
    margin-right: 1rem;
    margin-left: 1rem
}

.prd-mediaDownload.of-spaceY-4 .prd-mediaDownload-content {
    margin-top: -1rem;
    margin-bottom: -1rem
}

.prd-mediaDownload.of-spaceY-4 .prd-mediaDownload-content>* {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.prd-mediaDownload.of-spaceX-5 .prd-mediaDownload-content {
    margin-right: -1.2rem;
    margin-left: -1.2rem
}

.prd-mediaDownload.of-spaceX-5 .prd-mediaDownload-content>* {
    margin-right: 1.2rem;
    margin-left: 1.2rem
}

.prd-mediaDownload.of-spaceY-5 .prd-mediaDownload-content {
    margin-top: -1.2rem;
    margin-bottom: -1.2rem
}

.prd-mediaDownload.of-spaceY-5 .prd-mediaDownload-content>* {
    margin-top: 1.2rem;
    margin-bottom: 1.2rem
}

.prd-mediaDownload.of-spaceX-6 .prd-mediaDownload-content {
    margin-right: -1.6rem;
    margin-left: -1.6rem
}

.prd-mediaDownload.of-spaceX-6 .prd-mediaDownload-content>* {
    margin-right: 1.6rem;
    margin-left: 1.6rem
}

.prd-mediaDownload.of-spaceY-6 .prd-mediaDownload-content {
    margin-top: -1.6rem;
    margin-bottom: -1.6rem
}

.prd-mediaDownload.of-spaceY-6 .prd-mediaDownload-content>* {
    margin-top: 1.6rem;
    margin-bottom: 1.6rem
}

.prd-mediaDownload.of-spaceX-7 .prd-mediaDownload-content {
    margin-right: -2rem;
    margin-left: -2rem
}

.prd-mediaDownload.of-spaceX-7 .prd-mediaDownload-content>* {
    margin-right: 2rem;
    margin-left: 2rem
}

.prd-mediaDownload.of-spaceY-7 .prd-mediaDownload-content {
    margin-top: -2rem;
    margin-bottom: -2rem
}

.prd-mediaDownload.of-spaceY-7 .prd-mediaDownload-content>* {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.prd-mediaDownload.of-spaceX-8 .prd-mediaDownload-content {
    margin-right: -3.2rem;
    margin-left: -3.2rem
}

.prd-mediaDownload.of-spaceX-8 .prd-mediaDownload-content>* {
    margin-right: 3.2rem;
    margin-left: 3.2rem
}

.prd-mediaDownload.of-spaceY-8 .prd-mediaDownload-content {
    margin-top: -3.2rem;
    margin-bottom: -3.2rem
}

.prd-mediaDownload.of-spaceY-8 .prd-mediaDownload-content>* {
    margin-top: 3.2rem;
    margin-bottom: 3.2rem
}

.prd-mediaDownload.of-spaceX-9 .prd-mediaDownload-content {
    margin-right: -3.6rem;
    margin-left: -3.6rem
}

.prd-mediaDownload.of-spaceX-9 .prd-mediaDownload-content>* {
    margin-right: 3.6rem;
    margin-left: 3.6rem
}

.prd-mediaDownload.of-spaceY-9 .prd-mediaDownload-content {
    margin-top: -3.6rem;
    margin-bottom: -3.6rem
}

.prd-mediaDownload.of-spaceY-9 .prd-mediaDownload-content>* {
    margin-top: 3.6rem;
    margin-bottom: 3.6rem
}

.prd-mediaDownload.of-spaceX-10 .prd-mediaDownload-content {
    margin-right: -6rem;
    margin-left: -6rem
}

.prd-mediaDownload.of-spaceX-10 .prd-mediaDownload-content>* {
    margin-right: 6rem;
    margin-left: 6rem
}

.prd-mediaDownload.of-spaceY-10 .prd-mediaDownload-content {
    margin-top: -6rem;
    margin-bottom: -6rem
}

.prd-mediaDownload.of-spaceY-10 .prd-mediaDownload-content>* {
    margin-top: 6rem;
    margin-bottom: 6rem
}

.prd-mediaDownload.of-spaceX-11 .prd-mediaDownload-content {
    margin-right: -7.2rem;
    margin-left: -7.2rem
}

.prd-mediaDownload.of-spaceX-11 .prd-mediaDownload-content>* {
    margin-right: 7.2rem;
    margin-left: 7.2rem
}

.prd-mediaDownload.of-spaceY-11 .prd-mediaDownload-content {
    margin-top: -7.2rem;
    margin-bottom: -7.2rem
}

.prd-mediaDownload.of-spaceY-11 .prd-mediaDownload-content>* {
    margin-top: 7.2rem;
    margin-bottom: 7.2rem
}

.prd-mediaDownload.of-spaceX-12 .prd-mediaDownload-content {
    margin-right: -8.4rem;
    margin-left: -8.4rem
}

.prd-mediaDownload.of-spaceX-12 .prd-mediaDownload-content>* {
    margin-right: 8.4rem;
    margin-left: 8.4rem
}

.prd-mediaDownload.of-spaceY-12 .prd-mediaDownload-content {
    margin-top: -8.4rem;
    margin-bottom: -8.4rem
}

.prd-mediaDownload.of-spaceY-12 .prd-mediaDownload-content>* {
    margin-top: 8.4rem;
    margin-bottom: 8.4rem
}

@media(max-width:60.5625em) {

    .prd-mediaDownload.smallScreen-spaceX-0 .prd-mediaDownload-content,
    .prd-mediaDownload.smallScreen-spaceX-0 .prd-mediaDownload-content>* {
        margin-right: 0;
        margin-left: 0
    }

    .prd-mediaDownload.smallScreen-spaceY-0 .prd-mediaDownload-content,
    .prd-mediaDownload.smallScreen-spaceY-0 .prd-mediaDownload-content>* {
        margin-top: 0;
        margin-bottom: 0
    }

    .prd-mediaDownload.smallScreen-spaceX-1 .prd-mediaDownload-content {
        margin-right: -.2rem;
        margin-left: -.2rem
    }

    .prd-mediaDownload.smallScreen-spaceX-1 .prd-mediaDownload-content>* {
        margin-right: .2rem;
        margin-left: .2rem
    }

    .prd-mediaDownload.smallScreen-spaceY-1 .prd-mediaDownload-content {
        margin-top: -.2rem;
        margin-bottom: -.2rem
    }

    .prd-mediaDownload.smallScreen-spaceY-1 .prd-mediaDownload-content>* {
        margin-top: .2rem;
        margin-bottom: .2rem
    }

    .prd-mediaDownload.smallScreen-spaceX-2 .prd-mediaDownload-content {
        margin-right: -.4rem;
        margin-left: -.4rem
    }

    .prd-mediaDownload.smallScreen-spaceX-2 .prd-mediaDownload-content>* {
        margin-right: .4rem;
        margin-left: .4rem
    }

    .prd-mediaDownload.smallScreen-spaceY-2 .prd-mediaDownload-content {
        margin-top: -.4rem;
        margin-bottom: -.4rem
    }

    .prd-mediaDownload.smallScreen-spaceY-2 .prd-mediaDownload-content>* {
        margin-top: .4rem;
        margin-bottom: .4rem
    }

    .prd-mediaDownload.smallScreen-spaceX-3 .prd-mediaDownload-content {
        margin-right: -.8rem;
        margin-left: -.8rem
    }

    .prd-mediaDownload.smallScreen-spaceX-3 .prd-mediaDownload-content>* {
        margin-right: .8rem;
        margin-left: .8rem
    }

    .prd-mediaDownload.smallScreen-spaceY-3 .prd-mediaDownload-content {
        margin-top: -.8rem;
        margin-bottom: -.8rem
    }

    .prd-mediaDownload.smallScreen-spaceY-3 .prd-mediaDownload-content>* {
        margin-top: .8rem;
        margin-bottom: .8rem
    }

    .prd-mediaDownload.smallScreen-spaceX-4 .prd-mediaDownload-content {
        margin-right: -1rem;
        margin-left: -1rem
    }

    .prd-mediaDownload.smallScreen-spaceX-4 .prd-mediaDownload-content>* {
        margin-right: 1rem;
        margin-left: 1rem
    }

    .prd-mediaDownload.smallScreen-spaceY-4 .prd-mediaDownload-content {
        margin-top: -1rem;
        margin-bottom: -1rem
    }

    .prd-mediaDownload.smallScreen-spaceY-4 .prd-mediaDownload-content>* {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .prd-mediaDownload.smallScreen-spaceX-5 .prd-mediaDownload-content {
        margin-right: -1.2rem;
        margin-left: -1.2rem
    }

    .prd-mediaDownload.smallScreen-spaceX-5 .prd-mediaDownload-content>* {
        margin-right: 1.2rem;
        margin-left: 1.2rem
    }

    .prd-mediaDownload.smallScreen-spaceY-5 .prd-mediaDownload-content {
        margin-top: -1.2rem;
        margin-bottom: -1.2rem
    }

    .prd-mediaDownload.smallScreen-spaceY-5 .prd-mediaDownload-content>* {
        margin-top: 1.2rem;
        margin-bottom: 1.2rem
    }

    .prd-mediaDownload.smallScreen-spaceX-6 .prd-mediaDownload-content {
        margin-right: -1.6rem;
        margin-left: -1.6rem
    }

    .prd-mediaDownload.smallScreen-spaceX-6 .prd-mediaDownload-content>* {
        margin-right: 1.6rem;
        margin-left: 1.6rem
    }

    .prd-mediaDownload.smallScreen-spaceY-6 .prd-mediaDownload-content {
        margin-top: -1.6rem;
        margin-bottom: -1.6rem
    }

    .prd-mediaDownload.smallScreen-spaceY-6 .prd-mediaDownload-content>* {
        margin-top: 1.6rem;
        margin-bottom: 1.6rem
    }

    .prd-mediaDownload.smallScreen-spaceX-7 .prd-mediaDownload-content {
        margin-right: -2rem;
        margin-left: -2rem
    }

    .prd-mediaDownload.smallScreen-spaceX-7 .prd-mediaDownload-content>* {
        margin-right: 2rem;
        margin-left: 2rem
    }

    .prd-mediaDownload.smallScreen-spaceY-7 .prd-mediaDownload-content {
        margin-top: -2rem;
        margin-bottom: -2rem
    }

    .prd-mediaDownload.smallScreen-spaceY-7 .prd-mediaDownload-content>* {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .prd-mediaDownload.smallScreen-spaceX-8 .prd-mediaDownload-content {
        margin-right: -3.2rem;
        margin-left: -3.2rem
    }

    .prd-mediaDownload.smallScreen-spaceX-8 .prd-mediaDownload-content>* {
        margin-right: 3.2rem;
        margin-left: 3.2rem
    }

    .prd-mediaDownload.smallScreen-spaceY-8 .prd-mediaDownload-content {
        margin-top: -3.2rem;
        margin-bottom: -3.2rem
    }

    .prd-mediaDownload.smallScreen-spaceY-8 .prd-mediaDownload-content>* {
        margin-top: 3.2rem;
        margin-bottom: 3.2rem
    }

    .prd-mediaDownload.smallScreen-spaceX-9 .prd-mediaDownload-content {
        margin-right: -3.6rem;
        margin-left: -3.6rem
    }

    .prd-mediaDownload.smallScreen-spaceX-9 .prd-mediaDownload-content>* {
        margin-right: 3.6rem;
        margin-left: 3.6rem
    }

    .prd-mediaDownload.smallScreen-spaceY-9 .prd-mediaDownload-content {
        margin-top: -3.6rem;
        margin-bottom: -3.6rem
    }

    .prd-mediaDownload.smallScreen-spaceY-9 .prd-mediaDownload-content>* {
        margin-top: 3.6rem;
        margin-bottom: 3.6rem
    }

    .prd-mediaDownload.smallScreen-spaceX-10 .prd-mediaDownload-content {
        margin-right: -6rem;
        margin-left: -6rem
    }

    .prd-mediaDownload.smallScreen-spaceX-10 .prd-mediaDownload-content>* {
        margin-right: 6rem;
        margin-left: 6rem
    }

    .prd-mediaDownload.smallScreen-spaceY-10 .prd-mediaDownload-content {
        margin-top: -6rem;
        margin-bottom: -6rem
    }

    .prd-mediaDownload.smallScreen-spaceY-10 .prd-mediaDownload-content>* {
        margin-top: 6rem;
        margin-bottom: 6rem
    }

    .prd-mediaDownload.smallScreen-spaceX-11 .prd-mediaDownload-content {
        margin-right: -7.2rem;
        margin-left: -7.2rem
    }

    .prd-mediaDownload.smallScreen-spaceX-11 .prd-mediaDownload-content>* {
        margin-right: 7.2rem;
        margin-left: 7.2rem
    }

    .prd-mediaDownload.smallScreen-spaceY-11 .prd-mediaDownload-content {
        margin-top: -7.2rem;
        margin-bottom: -7.2rem
    }

    .prd-mediaDownload.smallScreen-spaceY-11 .prd-mediaDownload-content>* {
        margin-top: 7.2rem;
        margin-bottom: 7.2rem
    }

    .prd-mediaDownload.smallScreen-spaceX-12 .prd-mediaDownload-content {
        margin-right: -8.4rem;
        margin-left: -8.4rem
    }

    .prd-mediaDownload.smallScreen-spaceX-12 .prd-mediaDownload-content>* {
        margin-right: 8.4rem;
        margin-left: 8.4rem
    }

    .prd-mediaDownload.smallScreen-spaceY-12 .prd-mediaDownload-content {
        margin-top: -8.4rem;
        margin-bottom: -8.4rem
    }

    .prd-mediaDownload.smallScreen-spaceY-12 .prd-mediaDownload-content>* {
        margin-top: 8.4rem;
        margin-bottom: 8.4rem
    }
}

@media(max-width:47.9375em) {

    .prd-mediaDownload.extraSmallScreen-spaceX-0 .prd-mediaDownload-content,
    .prd-mediaDownload.extraSmallScreen-spaceX-0 .prd-mediaDownload-content>* {
        margin-right: 0;
        margin-left: 0
    }

    .prd-mediaDownload.extraSmallScreen-spaceY-0 .prd-mediaDownload-content,
    .prd-mediaDownload.extraSmallScreen-spaceY-0 .prd-mediaDownload-content>* {
        margin-top: 0;
        margin-bottom: 0
    }

    .prd-mediaDownload.extraSmallScreen-spaceX-1 .prd-mediaDownload-content {
        margin-right: -.2rem;
        margin-left: -.2rem
    }

    .prd-mediaDownload.extraSmallScreen-spaceX-1 .prd-mediaDownload-content>* {
        margin-right: .2rem;
        margin-left: .2rem
    }

    .prd-mediaDownload.extraSmallScreen-spaceY-1 .prd-mediaDownload-content {
        margin-top: -.2rem;
        margin-bottom: -.2rem
    }

    .prd-mediaDownload.extraSmallScreen-spaceY-1 .prd-mediaDownload-content>* {
        margin-top: .2rem;
        margin-bottom: .2rem
    }

    .prd-mediaDownload.extraSmallScreen-spaceX-2 .prd-mediaDownload-content {
        margin-right: -.4rem;
        margin-left: -.4rem
    }

    .prd-mediaDownload.extraSmallScreen-spaceX-2 .prd-mediaDownload-content>* {
        margin-right: .4rem;
        margin-left: .4rem
    }

    .prd-mediaDownload.extraSmallScreen-spaceY-2 .prd-mediaDownload-content {
        margin-top: -.4rem;
        margin-bottom: -.4rem
    }

    .prd-mediaDownload.extraSmallScreen-spaceY-2 .prd-mediaDownload-content>* {
        margin-top: .4rem;
        margin-bottom: .4rem
    }

    .prd-mediaDownload.extraSmallScreen-spaceX-3 .prd-mediaDownload-content {
        margin-right: -.8rem;
        margin-left: -.8rem
    }

    .prd-mediaDownload.extraSmallScreen-spaceX-3 .prd-mediaDownload-content>* {
        margin-right: .8rem;
        margin-left: .8rem
    }

    .prd-mediaDownload.extraSmallScreen-spaceY-3 .prd-mediaDownload-content {
        margin-top: -.8rem;
        margin-bottom: -.8rem
    }

    .prd-mediaDownload.extraSmallScreen-spaceY-3 .prd-mediaDownload-content>* {
        margin-top: .8rem;
        margin-bottom: .8rem
    }

    .prd-mediaDownload.extraSmallScreen-spaceX-4 .prd-mediaDownload-content {
        margin-right: -1rem;
        margin-left: -1rem
    }

    .prd-mediaDownload.extraSmallScreen-spaceX-4 .prd-mediaDownload-content>* {
        margin-right: 1rem;
        margin-left: 1rem
    }

    .prd-mediaDownload.extraSmallScreen-spaceY-4 .prd-mediaDownload-content {
        margin-top: -1rem;
        margin-bottom: -1rem
    }

    .prd-mediaDownload.extraSmallScreen-spaceY-4 .prd-mediaDownload-content>* {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .prd-mediaDownload.extraSmallScreen-spaceX-5 .prd-mediaDownload-content {
        margin-right: -1.2rem;
        margin-left: -1.2rem
    }

    .prd-mediaDownload.extraSmallScreen-spaceX-5 .prd-mediaDownload-content>* {
        margin-right: 1.2rem;
        margin-left: 1.2rem
    }

    .prd-mediaDownload.extraSmallScreen-spaceY-5 .prd-mediaDownload-content {
        margin-top: -1.2rem;
        margin-bottom: -1.2rem
    }

    .prd-mediaDownload.extraSmallScreen-spaceY-5 .prd-mediaDownload-content>* {
        margin-top: 1.2rem;
        margin-bottom: 1.2rem
    }

    .prd-mediaDownload.extraSmallScreen-spaceX-6 .prd-mediaDownload-content {
        margin-right: -1.6rem;
        margin-left: -1.6rem
    }

    .prd-mediaDownload.extraSmallScreen-spaceX-6 .prd-mediaDownload-content>* {
        margin-right: 1.6rem;
        margin-left: 1.6rem
    }

    .prd-mediaDownload.extraSmallScreen-spaceY-6 .prd-mediaDownload-content {
        margin-top: -1.6rem;
        margin-bottom: -1.6rem
    }

    .prd-mediaDownload.extraSmallScreen-spaceY-6 .prd-mediaDownload-content>* {
        margin-top: 1.6rem;
        margin-bottom: 1.6rem
    }

    .prd-mediaDownload.extraSmallScreen-spaceX-7 .prd-mediaDownload-content {
        margin-right: -2rem;
        margin-left: -2rem
    }

    .prd-mediaDownload.extraSmallScreen-spaceX-7 .prd-mediaDownload-content>* {
        margin-right: 2rem;
        margin-left: 2rem
    }

    .prd-mediaDownload.extraSmallScreen-spaceY-7 .prd-mediaDownload-content {
        margin-top: -2rem;
        margin-bottom: -2rem
    }

    .prd-mediaDownload.extraSmallScreen-spaceY-7 .prd-mediaDownload-content>* {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .prd-mediaDownload.extraSmallScreen-spaceX-8 .prd-mediaDownload-content {
        margin-right: -3.2rem;
        margin-left: -3.2rem
    }

    .prd-mediaDownload.extraSmallScreen-spaceX-8 .prd-mediaDownload-content>* {
        margin-right: 3.2rem;
        margin-left: 3.2rem
    }

    .prd-mediaDownload.extraSmallScreen-spaceY-8 .prd-mediaDownload-content {
        margin-top: -3.2rem;
        margin-bottom: -3.2rem
    }

    .prd-mediaDownload.extraSmallScreen-spaceY-8 .prd-mediaDownload-content>* {
        margin-top: 3.2rem;
        margin-bottom: 3.2rem
    }

    .prd-mediaDownload.extraSmallScreen-spaceX-9 .prd-mediaDownload-content {
        margin-right: -3.6rem;
        margin-left: -3.6rem
    }

    .prd-mediaDownload.extraSmallScreen-spaceX-9 .prd-mediaDownload-content>* {
        margin-right: 3.6rem;
        margin-left: 3.6rem
    }

    .prd-mediaDownload.extraSmallScreen-spaceY-9 .prd-mediaDownload-content {
        margin-top: -3.6rem;
        margin-bottom: -3.6rem
    }

    .prd-mediaDownload.extraSmallScreen-spaceY-9 .prd-mediaDownload-content>* {
        margin-top: 3.6rem;
        margin-bottom: 3.6rem
    }

    .prd-mediaDownload.extraSmallScreen-spaceX-10 .prd-mediaDownload-content {
        margin-right: -6rem;
        margin-left: -6rem
    }

    .prd-mediaDownload.extraSmallScreen-spaceX-10 .prd-mediaDownload-content>* {
        margin-right: 6rem;
        margin-left: 6rem
    }

    .prd-mediaDownload.extraSmallScreen-spaceY-10 .prd-mediaDownload-content {
        margin-top: -6rem;
        margin-bottom: -6rem
    }

    .prd-mediaDownload.extraSmallScreen-spaceY-10 .prd-mediaDownload-content>* {
        margin-top: 6rem;
        margin-bottom: 6rem
    }

    .prd-mediaDownload.extraSmallScreen-spaceX-11 .prd-mediaDownload-content {
        margin-right: -7.2rem;
        margin-left: -7.2rem
    }

    .prd-mediaDownload.extraSmallScreen-spaceX-11 .prd-mediaDownload-content>* {
        margin-right: 7.2rem;
        margin-left: 7.2rem
    }

    .prd-mediaDownload.extraSmallScreen-spaceY-11 .prd-mediaDownload-content {
        margin-top: -7.2rem;
        margin-bottom: -7.2rem
    }

    .prd-mediaDownload.extraSmallScreen-spaceY-11 .prd-mediaDownload-content>* {
        margin-top: 7.2rem;
        margin-bottom: 7.2rem
    }

    .prd-mediaDownload.extraSmallScreen-spaceX-12 .prd-mediaDownload-content {
        margin-right: -8.4rem;
        margin-left: -8.4rem
    }

    .prd-mediaDownload.extraSmallScreen-spaceX-12 .prd-mediaDownload-content>* {
        margin-right: 8.4rem;
        margin-left: 8.4rem
    }

    .prd-mediaDownload.extraSmallScreen-spaceY-12 .prd-mediaDownload-content {
        margin-top: -8.4rem;
        margin-bottom: -8.4rem
    }

    .prd-mediaDownload.extraSmallScreen-spaceY-12 .prd-mediaDownload-content>* {
        margin-top: 8.4rem;
        margin-bottom: 8.4rem
    }
}

@media(min-width:60.625em) {

    .prd-mediaDownload.largeScreen-spaceX-0 .prd-mediaDownload-content,
    .prd-mediaDownload.largeScreen-spaceX-0 .prd-mediaDownload-content>* {
        margin-right: 0;
        margin-left: 0
    }

    .prd-mediaDownload.largeScreen-spaceY-0 .prd-mediaDownload-content,
    .prd-mediaDownload.largeScreen-spaceY-0 .prd-mediaDownload-content>* {
        margin-top: 0;
        margin-bottom: 0
    }

    .prd-mediaDownload.largeScreen-spaceX-1 .prd-mediaDownload-content {
        margin-right: -.2rem;
        margin-left: -.2rem
    }

    .prd-mediaDownload.largeScreen-spaceX-1 .prd-mediaDownload-content>* {
        margin-right: .2rem;
        margin-left: .2rem
    }

    .prd-mediaDownload.largeScreen-spaceY-1 .prd-mediaDownload-content {
        margin-top: -.2rem;
        margin-bottom: -.2rem
    }

    .prd-mediaDownload.largeScreen-spaceY-1 .prd-mediaDownload-content>* {
        margin-top: .2rem;
        margin-bottom: .2rem
    }

    .prd-mediaDownload.largeScreen-spaceX-2 .prd-mediaDownload-content {
        margin-right: -.4rem;
        margin-left: -.4rem
    }

    .prd-mediaDownload.largeScreen-spaceX-2 .prd-mediaDownload-content>* {
        margin-right: .4rem;
        margin-left: .4rem
    }

    .prd-mediaDownload.largeScreen-spaceY-2 .prd-mediaDownload-content {
        margin-top: -.4rem;
        margin-bottom: -.4rem
    }

    .prd-mediaDownload.largeScreen-spaceY-2 .prd-mediaDownload-content>* {
        margin-top: .4rem;
        margin-bottom: .4rem
    }

    .prd-mediaDownload.largeScreen-spaceX-3 .prd-mediaDownload-content {
        margin-right: -.8rem;
        margin-left: -.8rem
    }

    .prd-mediaDownload.largeScreen-spaceX-3 .prd-mediaDownload-content>* {
        margin-right: .8rem;
        margin-left: .8rem
    }

    .prd-mediaDownload.largeScreen-spaceY-3 .prd-mediaDownload-content {
        margin-top: -.8rem;
        margin-bottom: -.8rem
    }

    .prd-mediaDownload.largeScreen-spaceY-3 .prd-mediaDownload-content>* {
        margin-top: .8rem;
        margin-bottom: .8rem
    }

    .prd-mediaDownload.largeScreen-spaceX-4 .prd-mediaDownload-content {
        margin-right: -1rem;
        margin-left: -1rem
    }

    .prd-mediaDownload.largeScreen-spaceX-4 .prd-mediaDownload-content>* {
        margin-right: 1rem;
        margin-left: 1rem
    }

    .prd-mediaDownload.largeScreen-spaceY-4 .prd-mediaDownload-content {
        margin-top: -1rem;
        margin-bottom: -1rem
    }

    .prd-mediaDownload.largeScreen-spaceY-4 .prd-mediaDownload-content>* {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .prd-mediaDownload.largeScreen-spaceX-5 .prd-mediaDownload-content {
        margin-right: -1.2rem;
        margin-left: -1.2rem
    }

    .prd-mediaDownload.largeScreen-spaceX-5 .prd-mediaDownload-content>* {
        margin-right: 1.2rem;
        margin-left: 1.2rem
    }

    .prd-mediaDownload.largeScreen-spaceY-5 .prd-mediaDownload-content {
        margin-top: -1.2rem;
        margin-bottom: -1.2rem
    }

    .prd-mediaDownload.largeScreen-spaceY-5 .prd-mediaDownload-content>* {
        margin-top: 1.2rem;
        margin-bottom: 1.2rem
    }

    .prd-mediaDownload.largeScreen-spaceX-6 .prd-mediaDownload-content {
        margin-right: -1.6rem;
        margin-left: -1.6rem
    }

    .prd-mediaDownload.largeScreen-spaceX-6 .prd-mediaDownload-content>* {
        margin-right: 1.6rem;
        margin-left: 1.6rem
    }

    .prd-mediaDownload.largeScreen-spaceY-6 .prd-mediaDownload-content {
        margin-top: -1.6rem;
        margin-bottom: -1.6rem
    }

    .prd-mediaDownload.largeScreen-spaceY-6 .prd-mediaDownload-content>* {
        margin-top: 1.6rem;
        margin-bottom: 1.6rem
    }

    .prd-mediaDownload.largeScreen-spaceX-7 .prd-mediaDownload-content {
        margin-right: -2rem;
        margin-left: -2rem
    }

    .prd-mediaDownload.largeScreen-spaceX-7 .prd-mediaDownload-content>* {
        margin-right: 2rem;
        margin-left: 2rem
    }

    .prd-mediaDownload.largeScreen-spaceY-7 .prd-mediaDownload-content {
        margin-top: -2rem;
        margin-bottom: -2rem
    }

    .prd-mediaDownload.largeScreen-spaceY-7 .prd-mediaDownload-content>* {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .prd-mediaDownload.largeScreen-spaceX-8 .prd-mediaDownload-content {
        margin-right: -3.2rem;
        margin-left: -3.2rem
    }

    .prd-mediaDownload.largeScreen-spaceX-8 .prd-mediaDownload-content>* {
        margin-right: 3.2rem;
        margin-left: 3.2rem
    }

    .prd-mediaDownload.largeScreen-spaceY-8 .prd-mediaDownload-content {
        margin-top: -3.2rem;
        margin-bottom: -3.2rem
    }

    .prd-mediaDownload.largeScreen-spaceY-8 .prd-mediaDownload-content>* {
        margin-top: 3.2rem;
        margin-bottom: 3.2rem
    }

    .prd-mediaDownload.largeScreen-spaceX-9 .prd-mediaDownload-content {
        margin-right: -3.6rem;
        margin-left: -3.6rem
    }

    .prd-mediaDownload.largeScreen-spaceX-9 .prd-mediaDownload-content>* {
        margin-right: 3.6rem;
        margin-left: 3.6rem
    }

    .prd-mediaDownload.largeScreen-spaceY-9 .prd-mediaDownload-content {
        margin-top: -3.6rem;
        margin-bottom: -3.6rem
    }

    .prd-mediaDownload.largeScreen-spaceY-9 .prd-mediaDownload-content>* {
        margin-top: 3.6rem;
        margin-bottom: 3.6rem
    }

    .prd-mediaDownload.largeScreen-spaceX-10 .prd-mediaDownload-content {
        margin-right: -6rem;
        margin-left: -6rem
    }

    .prd-mediaDownload.largeScreen-spaceX-10 .prd-mediaDownload-content>* {
        margin-right: 6rem;
        margin-left: 6rem
    }

    .prd-mediaDownload.largeScreen-spaceY-10 .prd-mediaDownload-content {
        margin-top: -6rem;
        margin-bottom: -6rem
    }

    .prd-mediaDownload.largeScreen-spaceY-10 .prd-mediaDownload-content>* {
        margin-top: 6rem;
        margin-bottom: 6rem
    }

    .prd-mediaDownload.largeScreen-spaceX-11 .prd-mediaDownload-content {
        margin-right: -7.2rem;
        margin-left: -7.2rem
    }

    .prd-mediaDownload.largeScreen-spaceX-11 .prd-mediaDownload-content>* {
        margin-right: 7.2rem;
        margin-left: 7.2rem
    }

    .prd-mediaDownload.largeScreen-spaceY-11 .prd-mediaDownload-content {
        margin-top: -7.2rem;
        margin-bottom: -7.2rem
    }

    .prd-mediaDownload.largeScreen-spaceY-11 .prd-mediaDownload-content>* {
        margin-top: 7.2rem;
        margin-bottom: 7.2rem
    }

    .prd-mediaDownload.largeScreen-spaceX-12 .prd-mediaDownload-content {
        margin-right: -8.4rem;
        margin-left: -8.4rem
    }

    .prd-mediaDownload.largeScreen-spaceX-12 .prd-mediaDownload-content>* {
        margin-right: 8.4rem;
        margin-left: 8.4rem
    }

    .prd-mediaDownload.largeScreen-spaceY-12 .prd-mediaDownload-content {
        margin-top: -8.4rem;
        margin-bottom: -8.4rem
    }

    .prd-mediaDownload.largeScreen-spaceY-12 .prd-mediaDownload-content>* {
        margin-top: 8.4rem;
        margin-bottom: 8.4rem
    }
}

@media(min-width:77.5625em) {

    .prd-mediaDownload.extraLargeScreen-spaceX-0 .prd-mediaDownload-content,
    .prd-mediaDownload.extraLargeScreen-spaceX-0 .prd-mediaDownload-content>* {
        margin-right: 0;
        margin-left: 0
    }

    .prd-mediaDownload.extraLargeScreen-spaceY-0 .prd-mediaDownload-content,
    .prd-mediaDownload.extraLargeScreen-spaceY-0 .prd-mediaDownload-content>* {
        margin-top: 0;
        margin-bottom: 0
    }

    .prd-mediaDownload.extraLargeScreen-spaceX-1 .prd-mediaDownload-content {
        margin-right: -.2rem;
        margin-left: -.2rem
    }

    .prd-mediaDownload.extraLargeScreen-spaceX-1 .prd-mediaDownload-content>* {
        margin-right: .2rem;
        margin-left: .2rem
    }

    .prd-mediaDownload.extraLargeScreen-spaceY-1 .prd-mediaDownload-content {
        margin-top: -.2rem;
        margin-bottom: -.2rem
    }

    .prd-mediaDownload.extraLargeScreen-spaceY-1 .prd-mediaDownload-content>* {
        margin-top: .2rem;
        margin-bottom: .2rem
    }

    .prd-mediaDownload.extraLargeScreen-spaceX-2 .prd-mediaDownload-content {
        margin-right: -.4rem;
        margin-left: -.4rem
    }

    .prd-mediaDownload.extraLargeScreen-spaceX-2 .prd-mediaDownload-content>* {
        margin-right: .4rem;
        margin-left: .4rem
    }

    .prd-mediaDownload.extraLargeScreen-spaceY-2 .prd-mediaDownload-content {
        margin-top: -.4rem;
        margin-bottom: -.4rem
    }

    .prd-mediaDownload.extraLargeScreen-spaceY-2 .prd-mediaDownload-content>* {
        margin-top: .4rem;
        margin-bottom: .4rem
    }

    .prd-mediaDownload.extraLargeScreen-spaceX-3 .prd-mediaDownload-content {
        margin-right: -.8rem;
        margin-left: -.8rem
    }

    .prd-mediaDownload.extraLargeScreen-spaceX-3 .prd-mediaDownload-content>* {
        margin-right: .8rem;
        margin-left: .8rem
    }

    .prd-mediaDownload.extraLargeScreen-spaceY-3 .prd-mediaDownload-content {
        margin-top: -.8rem;
        margin-bottom: -.8rem
    }

    .prd-mediaDownload.extraLargeScreen-spaceY-3 .prd-mediaDownload-content>* {
        margin-top: .8rem;
        margin-bottom: .8rem
    }

    .prd-mediaDownload.extraLargeScreen-spaceX-4 .prd-mediaDownload-content {
        margin-right: -1rem;
        margin-left: -1rem
    }

    .prd-mediaDownload.extraLargeScreen-spaceX-4 .prd-mediaDownload-content>* {
        margin-right: 1rem;
        margin-left: 1rem
    }

    .prd-mediaDownload.extraLargeScreen-spaceY-4 .prd-mediaDownload-content {
        margin-top: -1rem;
        margin-bottom: -1rem
    }

    .prd-mediaDownload.extraLargeScreen-spaceY-4 .prd-mediaDownload-content>* {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .prd-mediaDownload.extraLargeScreen-spaceX-5 .prd-mediaDownload-content {
        margin-right: -1.2rem;
        margin-left: -1.2rem
    }

    .prd-mediaDownload.extraLargeScreen-spaceX-5 .prd-mediaDownload-content>* {
        margin-right: 1.2rem;
        margin-left: 1.2rem
    }

    .prd-mediaDownload.extraLargeScreen-spaceY-5 .prd-mediaDownload-content {
        margin-top: -1.2rem;
        margin-bottom: -1.2rem
    }

    .prd-mediaDownload.extraLargeScreen-spaceY-5 .prd-mediaDownload-content>* {
        margin-top: 1.2rem;
        margin-bottom: 1.2rem
    }

    .prd-mediaDownload.extraLargeScreen-spaceX-6 .prd-mediaDownload-content {
        margin-right: -1.6rem;
        margin-left: -1.6rem
    }

    .prd-mediaDownload.extraLargeScreen-spaceX-6 .prd-mediaDownload-content>* {
        margin-right: 1.6rem;
        margin-left: 1.6rem
    }

    .prd-mediaDownload.extraLargeScreen-spaceY-6 .prd-mediaDownload-content {
        margin-top: -1.6rem;
        margin-bottom: -1.6rem
    }

    .prd-mediaDownload.extraLargeScreen-spaceY-6 .prd-mediaDownload-content>* {
        margin-top: 1.6rem;
        margin-bottom: 1.6rem
    }

    .prd-mediaDownload.extraLargeScreen-spaceX-7 .prd-mediaDownload-content {
        margin-right: -2rem;
        margin-left: -2rem
    }

    .prd-mediaDownload.extraLargeScreen-spaceX-7 .prd-mediaDownload-content>* {
        margin-right: 2rem;
        margin-left: 2rem
    }

    .prd-mediaDownload.extraLargeScreen-spaceY-7 .prd-mediaDownload-content {
        margin-top: -2rem;
        margin-bottom: -2rem
    }

    .prd-mediaDownload.extraLargeScreen-spaceY-7 .prd-mediaDownload-content>* {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .prd-mediaDownload.extraLargeScreen-spaceX-8 .prd-mediaDownload-content {
        margin-right: -3.2rem;
        margin-left: -3.2rem
    }

    .prd-mediaDownload.extraLargeScreen-spaceX-8 .prd-mediaDownload-content>* {
        margin-right: 3.2rem;
        margin-left: 3.2rem
    }

    .prd-mediaDownload.extraLargeScreen-spaceY-8 .prd-mediaDownload-content {
        margin-top: -3.2rem;
        margin-bottom: -3.2rem
    }

    .prd-mediaDownload.extraLargeScreen-spaceY-8 .prd-mediaDownload-content>* {
        margin-top: 3.2rem;
        margin-bottom: 3.2rem
    }

    .prd-mediaDownload.extraLargeScreen-spaceX-9 .prd-mediaDownload-content {
        margin-right: -3.6rem;
        margin-left: -3.6rem
    }

    .prd-mediaDownload.extraLargeScreen-spaceX-9 .prd-mediaDownload-content>* {
        margin-right: 3.6rem;
        margin-left: 3.6rem
    }

    .prd-mediaDownload.extraLargeScreen-spaceY-9 .prd-mediaDownload-content {
        margin-top: -3.6rem;
        margin-bottom: -3.6rem
    }

    .prd-mediaDownload.extraLargeScreen-spaceY-9 .prd-mediaDownload-content>* {
        margin-top: 3.6rem;
        margin-bottom: 3.6rem
    }

    .prd-mediaDownload.extraLargeScreen-spaceX-10 .prd-mediaDownload-content {
        margin-right: -6rem;
        margin-left: -6rem
    }

    .prd-mediaDownload.extraLargeScreen-spaceX-10 .prd-mediaDownload-content>* {
        margin-right: 6rem;
        margin-left: 6rem
    }

    .prd-mediaDownload.extraLargeScreen-spaceY-10 .prd-mediaDownload-content {
        margin-top: -6rem;
        margin-bottom: -6rem
    }

    .prd-mediaDownload.extraLargeScreen-spaceY-10 .prd-mediaDownload-content>* {
        margin-top: 6rem;
        margin-bottom: 6rem
    }

    .prd-mediaDownload.extraLargeScreen-spaceX-11 .prd-mediaDownload-content {
        margin-right: -7.2rem;
        margin-left: -7.2rem
    }

    .prd-mediaDownload.extraLargeScreen-spaceX-11 .prd-mediaDownload-content>* {
        margin-right: 7.2rem;
        margin-left: 7.2rem
    }

    .prd-mediaDownload.extraLargeScreen-spaceY-11 .prd-mediaDownload-content {
        margin-top: -7.2rem;
        margin-bottom: -7.2rem
    }

    .prd-mediaDownload.extraLargeScreen-spaceY-11 .prd-mediaDownload-content>* {
        margin-top: 7.2rem;
        margin-bottom: 7.2rem
    }

    .prd-mediaDownload.extraLargeScreen-spaceX-12 .prd-mediaDownload-content {
        margin-right: -8.4rem;
        margin-left: -8.4rem
    }

    .prd-mediaDownload.extraLargeScreen-spaceX-12 .prd-mediaDownload-content>* {
        margin-right: 8.4rem;
        margin-left: 8.4rem
    }

    .prd-mediaDownload.extraLargeScreen-spaceY-12 .prd-mediaDownload-content {
        margin-top: -8.4rem;
        margin-bottom: -8.4rem
    }

    .prd-mediaDownload.extraLargeScreen-spaceY-12 .prd-mediaDownload-content>* {
        margin-top: 8.4rem;
        margin-bottom: 8.4rem
    }
}

.prd-mediaDownload-body {
    flex: 1
}

.prd-mediaDownload.of-flexDirection-column .prd-mediaDownload-content {
    flex-direction: column
}

.prd-mediaDownload.of-flexDirection-columnReverse .prd-mediaDownload-content {
    flex-direction: column-reverse
}

.prd-mediaDownload.of-flexDirection-row .prd-mediaDownload-content {
    flex-direction: row
}

.prd-mediaDownload.of-flexDirection-rowReverse .prd-mediaDownload-content {
    flex-direction: row-reverse
}

@media(max-width:60.5625em) {
    .prd-mediaDownload.smallScreen-flexDirection-column .prd-mediaDownload-content {
        flex-direction: column
    }

    .prd-mediaDownload.smallScreen-flexDirection-columnReverse .prd-mediaDownload-content {
        flex-direction: column-reverse
    }

    .prd-mediaDownload.smallScreen-flexDirection-row .prd-mediaDownload-content {
        flex-direction: row
    }

    .prd-mediaDownload.smallScreen-flexDirection-rowReverse .prd-mediaDownload-content {
        flex-direction: row-reverse
    }
}

@media(max-width:47.9375em) {
    .prd-mediaDownload.extraSmallScreen-flexDirection-column .prd-mediaDownload-content {
        flex-direction: column
    }

    .prd-mediaDownload.extraSmallScreen-flexDirection-columnReverse .prd-mediaDownload-content {
        flex-direction: column-reverse
    }

    .prd-mediaDownload.extraSmallScreen-flexDirection-row .prd-mediaDownload-content {
        flex-direction: row
    }

    .prd-mediaDownload.extraSmallScreen-flexDirection-rowReverse .prd-mediaDownload-content {
        flex-direction: row-reverse
    }
}

@media(min-width:60.625em) {
    .prd-mediaDownload.largeScreen-flexDirection-column .prd-mediaDownload-content {
        flex-direction: column
    }

    .prd-mediaDownload.largeScreen-flexDirection-columnReverse .prd-mediaDownload-content {
        flex-direction: column-reverse
    }

    .prd-mediaDownload.largeScreen-flexDirection-row .prd-mediaDownload-content {
        flex-direction: row
    }

    .prd-mediaDownload.largeScreen-flexDirection-rowReverse .prd-mediaDownload-content {
        flex-direction: row-reverse
    }
}

@media(min-width:77.5625em) {
    .prd-mediaDownload.extraLargeScreen-flexDirection-column .prd-mediaDownload-content {
        flex-direction: column
    }

    .prd-mediaDownload.extraLargeScreen-flexDirection-columnReverse .prd-mediaDownload-content {
        flex-direction: column-reverse
    }

    .prd-mediaDownload.extraLargeScreen-flexDirection-row .prd-mediaDownload-content {
        flex-direction: row
    }

    .prd-mediaDownload.extraLargeScreen-flexDirection-rowReverse .prd-mediaDownload-content {
        flex-direction: row-reverse
    }
}

.prd-mediaDownload.of-justifyContent-start .prd-mediaDownload-content {
    justify-content: flex-start
}

.prd-mediaDownload.of-justifyContent-end .prd-mediaDownload-content {
    justify-content: flex-end
}

.prd-mediaDownload.of-justifyContent-center .prd-mediaDownload-content {
    justify-content: center
}

.prd-mediaDownload.of-justifyContent-between .prd-mediaDownload-content {
    justify-content: space-between
}

@media(max-width:60.5625em) {
    .prd-mediaDownload.smallScreen-justifyContent-start .prd-mediaDownload-content {
        justify-content: flex-start
    }

    .prd-mediaDownload.smallScreen-justifyContent-end .prd-mediaDownload-content {
        justify-content: flex-end
    }

    .prd-mediaDownload.smallScreen-justifyContent-center .prd-mediaDownload-content {
        justify-content: center
    }

    .prd-mediaDownload.smallScreen-justifyContent-between .prd-mediaDownload-content {
        justify-content: space-between
    }
}

@media(max-width:47.9375em) {
    .prd-mediaDownload.extraSmallScreen-justifyContent-start .prd-mediaDownload-content {
        justify-content: flex-start
    }

    .prd-mediaDownload.extraSmallScreen-justifyContent-end .prd-mediaDownload-content {
        justify-content: flex-end
    }

    .prd-mediaDownload.extraSmallScreen-justifyContent-center .prd-mediaDownload-content {
        justify-content: center
    }

    .prd-mediaDownload.extraSmallScreen-justifyContent-between .prd-mediaDownload-content {
        justify-content: space-between
    }
}

@media(min-width:60.625em) {
    .prd-mediaDownload.largeScreen-justifyContent-start .prd-mediaDownload-content {
        justify-content: flex-start
    }

    .prd-mediaDownload.largeScreen-justifyContent-end .prd-mediaDownload-content {
        justify-content: flex-end
    }

    .prd-mediaDownload.largeScreen-justifyContent-center .prd-mediaDownload-content {
        justify-content: center
    }

    .prd-mediaDownload.largeScreen-justifyContent-between .prd-mediaDownload-content {
        justify-content: space-between
    }
}

@media(min-width:77.5625em) {
    .prd-mediaDownload.extraLargeScreen-justifyContent-start .prd-mediaDownload-content {
        justify-content: flex-start
    }

    .prd-mediaDownload.extraLargeScreen-justifyContent-end .prd-mediaDownload-content {
        justify-content: flex-end
    }

    .prd-mediaDownload.extraLargeScreen-justifyContent-center .prd-mediaDownload-content {
        justify-content: center
    }

    .prd-mediaDownload.extraLargeScreen-justifyContent-between .prd-mediaDownload-content {
        justify-content: space-between
    }
}

.prd-mediaDownload.of-alignItems-start .prd-mediaDownload-content {
    align-items: start
}

.prd-mediaDownload.of-alignItems-end .prd-mediaDownload-content {
    align-items: flex-end
}

.prd-mediaDownload.of-alignItems-center .prd-mediaDownload-content {
    align-items: center
}

@media(max-width:60.5625em) {
    .prd-mediaDownload.smallScreen-alignItems-start .prd-mediaDownload-content {
        align-items: start
    }

    .prd-mediaDownload.smallScreen-alignItems-end .prd-mediaDownload-content {
        align-items: flex-end
    }

    .prd-mediaDownload.smallScreen-alignItems-center .prd-mediaDownload-content {
        align-items: center
    }
}

@media(max-width:47.9375em) {
    .prd-mediaDownload.extraSmallScreen-alignItems-start .prd-mediaDownload-content {
        align-items: start
    }

    .prd-mediaDownload.extraSmallScreen-alignItems-end .prd-mediaDownload-content {
        align-items: flex-end
    }

    .prd-mediaDownload.extraSmallScreen-alignItems-center .prd-mediaDownload-content {
        align-items: center
    }
}

@media(min-width:60.625em) {
    .prd-mediaDownload.largeScreen-alignItems-start .prd-mediaDownload-content {
        align-items: start
    }

    .prd-mediaDownload.largeScreen-alignItems-end .prd-mediaDownload-content {
        align-items: flex-end
    }

    .prd-mediaDownload.largeScreen-alignItems-center .prd-mediaDownload-content {
        align-items: center
    }
}

@media(min-width:77.5625em) {
    .prd-mediaDownload.extraLargeScreen-alignItems-start .prd-mediaDownload-content {
        align-items: start
    }

    .prd-mediaDownload.extraLargeScreen-alignItems-end .prd-mediaDownload-content {
        align-items: flex-end
    }

    .prd-mediaDownload.extraLargeScreen-alignItems-center .prd-mediaDownload-content {
        align-items: center
    }
}

.prd-mediaDownload-image {
    min-width: 9.4rem;
    max-width: 9.4rem;
    text-align: center
}

.prd-mediaDownload-image img {
    box-shadow: 4px 4px 16px rgba(0, 0, 0, .2196078431372549)
}

.prd-mediaDownload .prd-inlineLink:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: ""
}

.prd-mediaPriceInquiry {
    background: #fff
}

@media(max-width:60.5625em) {
    .prd-mediaPriceInquiry {
        background: none
    }
}

.prd-mediaPriceInquiry-content {
    display: flex
}

@media(max-width:60.5625em) {
    .prd-mediaPriceInquiry-content {
        display: block
    }
}

.prd-mediaPriceInquiry-inner {
    display: flex;
    flex-direction: column;
    width: 50%;
    padding: 64px
}

@media(max-width:60.5625em) {
    .prd-mediaPriceInquiry-inner {
        width: 100%;
        padding: 0
    }
}

.prd-mediaPriceInquiry-body {
    margin-bottom: 40px
}

.prd-mediaPriceInquiry-image {
    order: -1;
    width: 50%
}

@media(max-width:60.5625em) {
    .prd-mediaPriceInquiry-image {
        display: none
    }
}

.prd-mediaPriceInquiry-body .prd-layout-container {
    padding-right: 0;
    padding-left: 0
}

.prd-media {
    display: flex
}

.prd-media.of-spaceX-0,
.prd-media.of-spaceX-0>* {
    margin-right: 0;
    margin-left: 0
}

.prd-media.of-spaceY-0,
.prd-media.of-spaceY-0>* {
    margin-top: 0;
    margin-bottom: 0
}

.prd-media.of-spaceX-1 {
    margin-right: -.2rem;
    margin-left: -.2rem
}

.prd-media.of-spaceX-1>* {
    margin-right: .2rem;
    margin-left: .2rem
}

.prd-media.of-spaceY-1 {
    margin-top: -.2rem;
    margin-bottom: -.2rem
}

.prd-media.of-spaceY-1>* {
    margin-top: .2rem;
    margin-bottom: .2rem
}

.prd-media.of-spaceX-2 {
    margin-right: -.4rem;
    margin-left: -.4rem
}

.prd-media.of-spaceX-2>* {
    margin-right: .4rem;
    margin-left: .4rem
}

.prd-media.of-spaceY-2 {
    margin-top: -.4rem;
    margin-bottom: -.4rem
}

.prd-media.of-spaceY-2>* {
    margin-top: .4rem;
    margin-bottom: .4rem
}

.prd-media.of-spaceX-3 {
    margin-right: -.8rem;
    margin-left: -.8rem
}

.prd-media.of-spaceX-3>* {
    margin-right: .8rem;
    margin-left: .8rem
}

.prd-media.of-spaceY-3 {
    margin-top: -.8rem;
    margin-bottom: -.8rem
}

.prd-media.of-spaceY-3>* {
    margin-top: .8rem;
    margin-bottom: .8rem
}

.prd-media.of-spaceX-4 {
    margin-right: -1rem;
    margin-left: -1rem
}

.prd-media.of-spaceX-4>* {
    margin-right: 1rem;
    margin-left: 1rem
}

.prd-media.of-spaceY-4 {
    margin-top: -1rem;
    margin-bottom: -1rem
}

.prd-media.of-spaceY-4>* {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.prd-media.of-spaceX-5 {
    margin-right: -1.2rem;
    margin-left: -1.2rem
}

.prd-media.of-spaceX-5>* {
    margin-right: 1.2rem;
    margin-left: 1.2rem
}

.prd-media.of-spaceY-5 {
    margin-top: -1.2rem;
    margin-bottom: -1.2rem
}

.prd-media.of-spaceY-5>* {
    margin-top: 1.2rem;
    margin-bottom: 1.2rem
}

.prd-media.of-spaceX-6 {
    margin-right: -1.6rem;
    margin-left: -1.6rem
}

.prd-media.of-spaceX-6>* {
    margin-right: 1.6rem;
    margin-left: 1.6rem
}

.prd-media.of-spaceY-6 {
    margin-top: -1.6rem;
    margin-bottom: -1.6rem
}

.prd-media.of-spaceY-6>* {
    margin-top: 1.6rem;
    margin-bottom: 1.6rem
}

.prd-media.of-spaceX-7 {
    margin-right: -2rem;
    margin-left: -2rem
}

.prd-media.of-spaceX-7>* {
    margin-right: 2rem;
    margin-left: 2rem
}

.prd-media.of-spaceY-7 {
    margin-top: -2rem;
    margin-bottom: -2rem
}

.prd-media.of-spaceY-7>* {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.prd-media.of-spaceX-8 {
    margin-right: -3.2rem;
    margin-left: -3.2rem
}

.prd-media.of-spaceX-8>* {
    margin-right: 3.2rem;
    margin-left: 3.2rem
}

.prd-media.of-spaceY-8 {
    margin-top: -3.2rem;
    margin-bottom: -3.2rem
}

.prd-media.of-spaceY-8>* {
    margin-top: 3.2rem;
    margin-bottom: 3.2rem
}

.prd-media.of-spaceX-9 {
    margin-right: -3.6rem;
    margin-left: -3.6rem
}

.prd-media.of-spaceX-9>* {
    margin-right: 3.6rem;
    margin-left: 3.6rem
}

.prd-media.of-spaceY-9 {
    margin-top: -3.6rem;
    margin-bottom: -3.6rem
}

.prd-media.of-spaceY-9>* {
    margin-top: 3.6rem;
    margin-bottom: 3.6rem
}

.prd-media.of-spaceX-10 {
    margin-right: -6rem;
    margin-left: -6rem
}

.prd-media.of-spaceX-10>* {
    margin-right: 6rem;
    margin-left: 6rem
}

.prd-media.of-spaceY-10 {
    margin-top: -6rem;
    margin-bottom: -6rem
}

.prd-media.of-spaceY-10>* {
    margin-top: 6rem;
    margin-bottom: 6rem
}

.prd-media.of-spaceX-11 {
    margin-right: -7.2rem;
    margin-left: -7.2rem
}

.prd-media.of-spaceX-11>* {
    margin-right: 7.2rem;
    margin-left: 7.2rem
}

.prd-media.of-spaceY-11 {
    margin-top: -7.2rem;
    margin-bottom: -7.2rem
}

.prd-media.of-spaceY-11>* {
    margin-top: 7.2rem;
    margin-bottom: 7.2rem
}

.prd-media.of-spaceX-12 {
    margin-right: -8.4rem;
    margin-left: -8.4rem
}

.prd-media.of-spaceX-12>* {
    margin-right: 8.4rem;
    margin-left: 8.4rem
}

.prd-media.of-spaceY-12 {
    margin-top: -8.4rem;
    margin-bottom: -8.4rem
}

.prd-media.of-spaceY-12>* {
    margin-top: 8.4rem;
    margin-bottom: 8.4rem
}

@media(max-width:60.5625em) {

    .prd-media.smallScreen-spaceX-0,
    .prd-media.smallScreen-spaceX-0>* {
        margin-right: 0;
        margin-left: 0
    }

    .prd-media.smallScreen-spaceY-0,
    .prd-media.smallScreen-spaceY-0>* {
        margin-top: 0;
        margin-bottom: 0
    }

    .prd-media.smallScreen-spaceX-1 {
        margin-right: -.2rem;
        margin-left: -.2rem
    }

    .prd-media.smallScreen-spaceX-1>* {
        margin-right: .2rem;
        margin-left: .2rem
    }

    .prd-media.smallScreen-spaceY-1 {
        margin-top: -.2rem;
        margin-bottom: -.2rem
    }

    .prd-media.smallScreen-spaceY-1>* {
        margin-top: .2rem;
        margin-bottom: .2rem
    }

    .prd-media.smallScreen-spaceX-2 {
        margin-right: -.4rem;
        margin-left: -.4rem
    }

    .prd-media.smallScreen-spaceX-2>* {
        margin-right: .4rem;
        margin-left: .4rem
    }

    .prd-media.smallScreen-spaceY-2 {
        margin-top: -.4rem;
        margin-bottom: -.4rem
    }

    .prd-media.smallScreen-spaceY-2>* {
        margin-top: .4rem;
        margin-bottom: .4rem
    }

    .prd-media.smallScreen-spaceX-3 {
        margin-right: -.8rem;
        margin-left: -.8rem
    }

    .prd-media.smallScreen-spaceX-3>* {
        margin-right: .8rem;
        margin-left: .8rem
    }

    .prd-media.smallScreen-spaceY-3 {
        margin-top: -.8rem;
        margin-bottom: -.8rem
    }

    .prd-media.smallScreen-spaceY-3>* {
        margin-top: .8rem;
        margin-bottom: .8rem
    }

    .prd-media.smallScreen-spaceX-4 {
        margin-right: -1rem;
        margin-left: -1rem
    }

    .prd-media.smallScreen-spaceX-4>* {
        margin-right: 1rem;
        margin-left: 1rem
    }

    .prd-media.smallScreen-spaceY-4 {
        margin-top: -1rem;
        margin-bottom: -1rem
    }

    .prd-media.smallScreen-spaceY-4>* {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .prd-media.smallScreen-spaceX-5 {
        margin-right: -1.2rem;
        margin-left: -1.2rem
    }

    .prd-media.smallScreen-spaceX-5>* {
        margin-right: 1.2rem;
        margin-left: 1.2rem
    }

    .prd-media.smallScreen-spaceY-5 {
        margin-top: -1.2rem;
        margin-bottom: -1.2rem
    }

    .prd-media.smallScreen-spaceY-5>* {
        margin-top: 1.2rem;
        margin-bottom: 1.2rem
    }

    .prd-media.smallScreen-spaceX-6 {
        margin-right: -1.6rem;
        margin-left: -1.6rem
    }

    .prd-media.smallScreen-spaceX-6>* {
        margin-right: 1.6rem;
        margin-left: 1.6rem
    }

    .prd-media.smallScreen-spaceY-6 {
        margin-top: -1.6rem;
        margin-bottom: -1.6rem
    }

    .prd-media.smallScreen-spaceY-6>* {
        margin-top: 1.6rem;
        margin-bottom: 1.6rem
    }

    .prd-media.smallScreen-spaceX-7 {
        margin-right: -2rem;
        margin-left: -2rem
    }

    .prd-media.smallScreen-spaceX-7>* {
        margin-right: 2rem;
        margin-left: 2rem
    }

    .prd-media.smallScreen-spaceY-7 {
        margin-top: -2rem;
        margin-bottom: -2rem
    }

    .prd-media.smallScreen-spaceY-7>* {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .prd-media.smallScreen-spaceX-8 {
        margin-right: -3.2rem;
        margin-left: -3.2rem
    }

    .prd-media.smallScreen-spaceX-8>* {
        margin-right: 3.2rem;
        margin-left: 3.2rem
    }

    .prd-media.smallScreen-spaceY-8 {
        margin-top: -3.2rem;
        margin-bottom: -3.2rem
    }

    .prd-media.smallScreen-spaceY-8>* {
        margin-top: 3.2rem;
        margin-bottom: 3.2rem
    }

    .prd-media.smallScreen-spaceX-9 {
        margin-right: -3.6rem;
        margin-left: -3.6rem
    }

    .prd-media.smallScreen-spaceX-9>* {
        margin-right: 3.6rem;
        margin-left: 3.6rem
    }

    .prd-media.smallScreen-spaceY-9 {
        margin-top: -3.6rem;
        margin-bottom: -3.6rem
    }

    .prd-media.smallScreen-spaceY-9>* {
        margin-top: 3.6rem;
        margin-bottom: 3.6rem
    }

    .prd-media.smallScreen-spaceX-10 {
        margin-right: -6rem;
        margin-left: -6rem
    }

    .prd-media.smallScreen-spaceX-10>* {
        margin-right: 6rem;
        margin-left: 6rem
    }

    .prd-media.smallScreen-spaceY-10 {
        margin-top: -6rem;
        margin-bottom: -6rem
    }

    .prd-media.smallScreen-spaceY-10>* {
        margin-top: 6rem;
        margin-bottom: 6rem
    }

    .prd-media.smallScreen-spaceX-11 {
        margin-right: -7.2rem;
        margin-left: -7.2rem
    }

    .prd-media.smallScreen-spaceX-11>* {
        margin-right: 7.2rem;
        margin-left: 7.2rem
    }

    .prd-media.smallScreen-spaceY-11 {
        margin-top: -7.2rem;
        margin-bottom: -7.2rem
    }

    .prd-media.smallScreen-spaceY-11>* {
        margin-top: 7.2rem;
        margin-bottom: 7.2rem
    }

    .prd-media.smallScreen-spaceX-12 {
        margin-right: -8.4rem;
        margin-left: -8.4rem
    }

    .prd-media.smallScreen-spaceX-12>* {
        margin-right: 8.4rem;
        margin-left: 8.4rem
    }

    .prd-media.smallScreen-spaceY-12 {
        margin-top: -8.4rem;
        margin-bottom: -8.4rem
    }

    .prd-media.smallScreen-spaceY-12>* {
        margin-top: 8.4rem;
        margin-bottom: 8.4rem
    }
}

@media(max-width:47.9375em) {

    .prd-media.extraSmallScreen-spaceX-0,
    .prd-media.extraSmallScreen-spaceX-0>* {
        margin-right: 0;
        margin-left: 0
    }

    .prd-media.extraSmallScreen-spaceY-0,
    .prd-media.extraSmallScreen-spaceY-0>* {
        margin-top: 0;
        margin-bottom: 0
    }

    .prd-media.extraSmallScreen-spaceX-1 {
        margin-right: -.2rem;
        margin-left: -.2rem
    }

    .prd-media.extraSmallScreen-spaceX-1>* {
        margin-right: .2rem;
        margin-left: .2rem
    }

    .prd-media.extraSmallScreen-spaceY-1 {
        margin-top: -.2rem;
        margin-bottom: -.2rem
    }

    .prd-media.extraSmallScreen-spaceY-1>* {
        margin-top: .2rem;
        margin-bottom: .2rem
    }

    .prd-media.extraSmallScreen-spaceX-2 {
        margin-right: -.4rem;
        margin-left: -.4rem
    }

    .prd-media.extraSmallScreen-spaceX-2>* {
        margin-right: .4rem;
        margin-left: .4rem
    }

    .prd-media.extraSmallScreen-spaceY-2 {
        margin-top: -.4rem;
        margin-bottom: -.4rem
    }

    .prd-media.extraSmallScreen-spaceY-2>* {
        margin-top: .4rem;
        margin-bottom: .4rem
    }

    .prd-media.extraSmallScreen-spaceX-3 {
        margin-right: -.8rem;
        margin-left: -.8rem
    }

    .prd-media.extraSmallScreen-spaceX-3>* {
        margin-right: .8rem;
        margin-left: .8rem
    }

    .prd-media.extraSmallScreen-spaceY-3 {
        margin-top: -.8rem;
        margin-bottom: -.8rem
    }

    .prd-media.extraSmallScreen-spaceY-3>* {
        margin-top: .8rem;
        margin-bottom: .8rem
    }

    .prd-media.extraSmallScreen-spaceX-4 {
        margin-right: -1rem;
        margin-left: -1rem
    }

    .prd-media.extraSmallScreen-spaceX-4>* {
        margin-right: 1rem;
        margin-left: 1rem
    }

    .prd-media.extraSmallScreen-spaceY-4 {
        margin-top: -1rem;
        margin-bottom: -1rem
    }

    .prd-media.extraSmallScreen-spaceY-4>* {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .prd-media.extraSmallScreen-spaceX-5 {
        margin-right: -1.2rem;
        margin-left: -1.2rem
    }

    .prd-media.extraSmallScreen-spaceX-5>* {
        margin-right: 1.2rem;
        margin-left: 1.2rem
    }

    .prd-media.extraSmallScreen-spaceY-5 {
        margin-top: -1.2rem;
        margin-bottom: -1.2rem
    }

    .prd-media.extraSmallScreen-spaceY-5>* {
        margin-top: 1.2rem;
        margin-bottom: 1.2rem
    }

    .prd-media.extraSmallScreen-spaceX-6 {
        margin-right: -1.6rem;
        margin-left: -1.6rem
    }

    .prd-media.extraSmallScreen-spaceX-6>* {
        margin-right: 1.6rem;
        margin-left: 1.6rem
    }

    .prd-media.extraSmallScreen-spaceY-6 {
        margin-top: -1.6rem;
        margin-bottom: -1.6rem
    }

    .prd-media.extraSmallScreen-spaceY-6>* {
        margin-top: 1.6rem;
        margin-bottom: 1.6rem
    }

    .prd-media.extraSmallScreen-spaceX-7 {
        margin-right: -2rem;
        margin-left: -2rem
    }

    .prd-media.extraSmallScreen-spaceX-7>* {
        margin-right: 2rem;
        margin-left: 2rem
    }

    .prd-media.extraSmallScreen-spaceY-7 {
        margin-top: -2rem;
        margin-bottom: -2rem
    }

    .prd-media.extraSmallScreen-spaceY-7>* {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .prd-media.extraSmallScreen-spaceX-8 {
        margin-right: -3.2rem;
        margin-left: -3.2rem
    }

    .prd-media.extraSmallScreen-spaceX-8>* {
        margin-right: 3.2rem;
        margin-left: 3.2rem
    }

    .prd-media.extraSmallScreen-spaceY-8 {
        margin-top: -3.2rem;
        margin-bottom: -3.2rem
    }

    .prd-media.extraSmallScreen-spaceY-8>* {
        margin-top: 3.2rem;
        margin-bottom: 3.2rem
    }

    .prd-media.extraSmallScreen-spaceX-9 {
        margin-right: -3.6rem;
        margin-left: -3.6rem
    }

    .prd-media.extraSmallScreen-spaceX-9>* {
        margin-right: 3.6rem;
        margin-left: 3.6rem
    }

    .prd-media.extraSmallScreen-spaceY-9 {
        margin-top: -3.6rem;
        margin-bottom: -3.6rem
    }

    .prd-media.extraSmallScreen-spaceY-9>* {
        margin-top: 3.6rem;
        margin-bottom: 3.6rem
    }

    .prd-media.extraSmallScreen-spaceX-10 {
        margin-right: -6rem;
        margin-left: -6rem
    }

    .prd-media.extraSmallScreen-spaceX-10>* {
        margin-right: 6rem;
        margin-left: 6rem
    }

    .prd-media.extraSmallScreen-spaceY-10 {
        margin-top: -6rem;
        margin-bottom: -6rem
    }

    .prd-media.extraSmallScreen-spaceY-10>* {
        margin-top: 6rem;
        margin-bottom: 6rem
    }

    .prd-media.extraSmallScreen-spaceX-11 {
        margin-right: -7.2rem;
        margin-left: -7.2rem
    }

    .prd-media.extraSmallScreen-spaceX-11>* {
        margin-right: 7.2rem;
        margin-left: 7.2rem
    }

    .prd-media.extraSmallScreen-spaceY-11 {
        margin-top: -7.2rem;
        margin-bottom: -7.2rem
    }

    .prd-media.extraSmallScreen-spaceY-11>* {
        margin-top: 7.2rem;
        margin-bottom: 7.2rem
    }

    .prd-media.extraSmallScreen-spaceX-12 {
        margin-right: -8.4rem;
        margin-left: -8.4rem
    }

    .prd-media.extraSmallScreen-spaceX-12>* {
        margin-right: 8.4rem;
        margin-left: 8.4rem
    }

    .prd-media.extraSmallScreen-spaceY-12 {
        margin-top: -8.4rem;
        margin-bottom: -8.4rem
    }

    .prd-media.extraSmallScreen-spaceY-12>* {
        margin-top: 8.4rem;
        margin-bottom: 8.4rem
    }
}

@media(min-width:60.625em) {

    .prd-media.largeScreen-spaceX-0,
    .prd-media.largeScreen-spaceX-0>* {
        margin-right: 0;
        margin-left: 0
    }

    .prd-media.largeScreen-spaceY-0,
    .prd-media.largeScreen-spaceY-0>* {
        margin-top: 0;
        margin-bottom: 0
    }

    .prd-media.largeScreen-spaceX-1 {
        margin-right: -.2rem;
        margin-left: -.2rem
    }

    .prd-media.largeScreen-spaceX-1>* {
        margin-right: .2rem;
        margin-left: .2rem
    }

    .prd-media.largeScreen-spaceY-1 {
        margin-top: -.2rem;
        margin-bottom: -.2rem
    }

    .prd-media.largeScreen-spaceY-1>* {
        margin-top: .2rem;
        margin-bottom: .2rem
    }

    .prd-media.largeScreen-spaceX-2 {
        margin-right: -.4rem;
        margin-left: -.4rem
    }

    .prd-media.largeScreen-spaceX-2>* {
        margin-right: .4rem;
        margin-left: .4rem
    }

    .prd-media.largeScreen-spaceY-2 {
        margin-top: -.4rem;
        margin-bottom: -.4rem
    }

    .prd-media.largeScreen-spaceY-2>* {
        margin-top: .4rem;
        margin-bottom: .4rem
    }

    .prd-media.largeScreen-spaceX-3 {
        margin-right: -.8rem;
        margin-left: -.8rem
    }

    .prd-media.largeScreen-spaceX-3>* {
        margin-right: .8rem;
        margin-left: .8rem
    }

    .prd-media.largeScreen-spaceY-3 {
        margin-top: -.8rem;
        margin-bottom: -.8rem
    }

    .prd-media.largeScreen-spaceY-3>* {
        margin-top: .8rem;
        margin-bottom: .8rem
    }

    .prd-media.largeScreen-spaceX-4 {
        margin-right: -1rem;
        margin-left: -1rem
    }

    .prd-media.largeScreen-spaceX-4>* {
        margin-right: 1rem;
        margin-left: 1rem
    }

    .prd-media.largeScreen-spaceY-4 {
        margin-top: -1rem;
        margin-bottom: -1rem
    }

    .prd-media.largeScreen-spaceY-4>* {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .prd-media.largeScreen-spaceX-5 {
        margin-right: -1.2rem;
        margin-left: -1.2rem
    }

    .prd-media.largeScreen-spaceX-5>* {
        margin-right: 1.2rem;
        margin-left: 1.2rem
    }

    .prd-media.largeScreen-spaceY-5 {
        margin-top: -1.2rem;
        margin-bottom: -1.2rem
    }

    .prd-media.largeScreen-spaceY-5>* {
        margin-top: 1.2rem;
        margin-bottom: 1.2rem
    }

    .prd-media.largeScreen-spaceX-6 {
        margin-right: -1.6rem;
        margin-left: -1.6rem
    }

    .prd-media.largeScreen-spaceX-6>* {
        margin-right: 1.6rem;
        margin-left: 1.6rem
    }

    .prd-media.largeScreen-spaceY-6 {
        margin-top: -1.6rem;
        margin-bottom: -1.6rem
    }

    .prd-media.largeScreen-spaceY-6>* {
        margin-top: 1.6rem;
        margin-bottom: 1.6rem
    }

    .prd-media.largeScreen-spaceX-7 {
        margin-right: -2rem;
        margin-left: -2rem
    }

    .prd-media.largeScreen-spaceX-7>* {
        margin-right: 2rem;
        margin-left: 2rem
    }

    .prd-media.largeScreen-spaceY-7 {
        margin-top: -2rem;
        margin-bottom: -2rem
    }

    .prd-media.largeScreen-spaceY-7>* {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .prd-media.largeScreen-spaceX-8 {
        margin-right: -3.2rem;
        margin-left: -3.2rem
    }

    .prd-media.largeScreen-spaceX-8>* {
        margin-right: 3.2rem;
        margin-left: 3.2rem
    }

    .prd-media.largeScreen-spaceY-8 {
        margin-top: -3.2rem;
        margin-bottom: -3.2rem
    }

    .prd-media.largeScreen-spaceY-8>* {
        margin-top: 3.2rem;
        margin-bottom: 3.2rem
    }

    .prd-media.largeScreen-spaceX-9 {
        margin-right: -3.6rem;
        margin-left: -3.6rem
    }

    .prd-media.largeScreen-spaceX-9>* {
        margin-right: 3.6rem;
        margin-left: 3.6rem
    }

    .prd-media.largeScreen-spaceY-9 {
        margin-top: -3.6rem;
        margin-bottom: -3.6rem
    }

    .prd-media.largeScreen-spaceY-9>* {
        margin-top: 3.6rem;
        margin-bottom: 3.6rem
    }

    .prd-media.largeScreen-spaceX-10 {
        margin-right: -6rem;
        margin-left: -6rem
    }

    .prd-media.largeScreen-spaceX-10>* {
        margin-right: 6rem;
        margin-left: 6rem
    }

    .prd-media.largeScreen-spaceY-10 {
        margin-top: -6rem;
        margin-bottom: -6rem
    }

    .prd-media.largeScreen-spaceY-10>* {
        margin-top: 6rem;
        margin-bottom: 6rem
    }

    .prd-media.largeScreen-spaceX-11 {
        margin-right: -7.2rem;
        margin-left: -7.2rem
    }

    .prd-media.largeScreen-spaceX-11>* {
        margin-right: 7.2rem;
        margin-left: 7.2rem
    }

    .prd-media.largeScreen-spaceY-11 {
        margin-top: -7.2rem;
        margin-bottom: -7.2rem
    }

    .prd-media.largeScreen-spaceY-11>* {
        margin-top: 7.2rem;
        margin-bottom: 7.2rem
    }

    .prd-media.largeScreen-spaceX-12 {
        margin-right: -8.4rem;
        margin-left: -8.4rem
    }

    .prd-media.largeScreen-spaceX-12>* {
        margin-right: 8.4rem;
        margin-left: 8.4rem
    }

    .prd-media.largeScreen-spaceY-12 {
        margin-top: -8.4rem;
        margin-bottom: -8.4rem
    }

    .prd-media.largeScreen-spaceY-12>* {
        margin-top: 8.4rem;
        margin-bottom: 8.4rem
    }
}

@media(min-width:77.5625em) {

    .prd-media.extraLargeScreen-spaceX-0,
    .prd-media.extraLargeScreen-spaceX-0>* {
        margin-right: 0;
        margin-left: 0
    }

    .prd-media.extraLargeScreen-spaceY-0,
    .prd-media.extraLargeScreen-spaceY-0>* {
        margin-top: 0;
        margin-bottom: 0
    }

    .prd-media.extraLargeScreen-spaceX-1 {
        margin-right: -.2rem;
        margin-left: -.2rem
    }

    .prd-media.extraLargeScreen-spaceX-1>* {
        margin-right: .2rem;
        margin-left: .2rem
    }

    .prd-media.extraLargeScreen-spaceY-1 {
        margin-top: -.2rem;
        margin-bottom: -.2rem
    }

    .prd-media.extraLargeScreen-spaceY-1>* {
        margin-top: .2rem;
        margin-bottom: .2rem
    }

    .prd-media.extraLargeScreen-spaceX-2 {
        margin-right: -.4rem;
        margin-left: -.4rem
    }

    .prd-media.extraLargeScreen-spaceX-2>* {
        margin-right: .4rem;
        margin-left: .4rem
    }

    .prd-media.extraLargeScreen-spaceY-2 {
        margin-top: -.4rem;
        margin-bottom: -.4rem
    }

    .prd-media.extraLargeScreen-spaceY-2>* {
        margin-top: .4rem;
        margin-bottom: .4rem
    }

    .prd-media.extraLargeScreen-spaceX-3 {
        margin-right: -.8rem;
        margin-left: -.8rem
    }

    .prd-media.extraLargeScreen-spaceX-3>* {
        margin-right: .8rem;
        margin-left: .8rem
    }

    .prd-media.extraLargeScreen-spaceY-3 {
        margin-top: -.8rem;
        margin-bottom: -.8rem
    }

    .prd-media.extraLargeScreen-spaceY-3>* {
        margin-top: .8rem;
        margin-bottom: .8rem
    }

    .prd-media.extraLargeScreen-spaceX-4 {
        margin-right: -1rem;
        margin-left: -1rem
    }

    .prd-media.extraLargeScreen-spaceX-4>* {
        margin-right: 1rem;
        margin-left: 1rem
    }

    .prd-media.extraLargeScreen-spaceY-4 {
        margin-top: -1rem;
        margin-bottom: -1rem
    }

    .prd-media.extraLargeScreen-spaceY-4>* {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .prd-media.extraLargeScreen-spaceX-5 {
        margin-right: -1.2rem;
        margin-left: -1.2rem
    }

    .prd-media.extraLargeScreen-spaceX-5>* {
        margin-right: 1.2rem;
        margin-left: 1.2rem
    }

    .prd-media.extraLargeScreen-spaceY-5 {
        margin-top: -1.2rem;
        margin-bottom: -1.2rem
    }

    .prd-media.extraLargeScreen-spaceY-5>* {
        margin-top: 1.2rem;
        margin-bottom: 1.2rem
    }

    .prd-media.extraLargeScreen-spaceX-6 {
        margin-right: -1.6rem;
        margin-left: -1.6rem
    }

    .prd-media.extraLargeScreen-spaceX-6>* {
        margin-right: 1.6rem;
        margin-left: 1.6rem
    }

    .prd-media.extraLargeScreen-spaceY-6 {
        margin-top: -1.6rem;
        margin-bottom: -1.6rem
    }

    .prd-media.extraLargeScreen-spaceY-6>* {
        margin-top: 1.6rem;
        margin-bottom: 1.6rem
    }

    .prd-media.extraLargeScreen-spaceX-7 {
        margin-right: -2rem;
        margin-left: -2rem
    }

    .prd-media.extraLargeScreen-spaceX-7>* {
        margin-right: 2rem;
        margin-left: 2rem
    }

    .prd-media.extraLargeScreen-spaceY-7 {
        margin-top: -2rem;
        margin-bottom: -2rem
    }

    .prd-media.extraLargeScreen-spaceY-7>* {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .prd-media.extraLargeScreen-spaceX-8 {
        margin-right: -3.2rem;
        margin-left: -3.2rem
    }

    .prd-media.extraLargeScreen-spaceX-8>* {
        margin-right: 3.2rem;
        margin-left: 3.2rem
    }

    .prd-media.extraLargeScreen-spaceY-8 {
        margin-top: -3.2rem;
        margin-bottom: -3.2rem
    }

    .prd-media.extraLargeScreen-spaceY-8>* {
        margin-top: 3.2rem;
        margin-bottom: 3.2rem
    }

    .prd-media.extraLargeScreen-spaceX-9 {
        margin-right: -3.6rem;
        margin-left: -3.6rem
    }

    .prd-media.extraLargeScreen-spaceX-9>* {
        margin-right: 3.6rem;
        margin-left: 3.6rem
    }

    .prd-media.extraLargeScreen-spaceY-9 {
        margin-top: -3.6rem;
        margin-bottom: -3.6rem
    }

    .prd-media.extraLargeScreen-spaceY-9>* {
        margin-top: 3.6rem;
        margin-bottom: 3.6rem
    }

    .prd-media.extraLargeScreen-spaceX-10 {
        margin-right: -6rem;
        margin-left: -6rem
    }

    .prd-media.extraLargeScreen-spaceX-10>* {
        margin-right: 6rem;
        margin-left: 6rem
    }

    .prd-media.extraLargeScreen-spaceY-10 {
        margin-top: -6rem;
        margin-bottom: -6rem
    }

    .prd-media.extraLargeScreen-spaceY-10>* {
        margin-top: 6rem;
        margin-bottom: 6rem
    }

    .prd-media.extraLargeScreen-spaceX-11 {
        margin-right: -7.2rem;
        margin-left: -7.2rem
    }

    .prd-media.extraLargeScreen-spaceX-11>* {
        margin-right: 7.2rem;
        margin-left: 7.2rem
    }

    .prd-media.extraLargeScreen-spaceY-11 {
        margin-top: -7.2rem;
        margin-bottom: -7.2rem
    }

    .prd-media.extraLargeScreen-spaceY-11>* {
        margin-top: 7.2rem;
        margin-bottom: 7.2rem
    }

    .prd-media.extraLargeScreen-spaceX-12 {
        margin-right: -8.4rem;
        margin-left: -8.4rem
    }

    .prd-media.extraLargeScreen-spaceX-12>* {
        margin-right: 8.4rem;
        margin-left: 8.4rem
    }

    .prd-media.extraLargeScreen-spaceY-12 {
        margin-top: -8.4rem;
        margin-bottom: -8.4rem
    }

    .prd-media.extraLargeScreen-spaceY-12>* {
        margin-top: 8.4rem;
        margin-bottom: 8.4rem
    }
}

.prd-media.of-flexDirection-column {
    flex-direction: column
}

.prd-media.of-flexDirection-columnReverse {
    flex-direction: column-reverse
}

.prd-media.of-flexDirection-row {
    flex-direction: row
}

.prd-media.of-flexDirection-rowReverse {
    flex-direction: row-reverse
}

@media(max-width:60.5625em) {
    .prd-media.smallScreen-flexDirection-column {
        flex-direction: column
    }

    .prd-media.smallScreen-flexDirection-columnReverse {
        flex-direction: column-reverse
    }

    .prd-media.smallScreen-flexDirection-row {
        flex-direction: row
    }

    .prd-media.smallScreen-flexDirection-rowReverse {
        flex-direction: row-reverse
    }
}

@media(max-width:47.9375em) {
    .prd-media.extraSmallScreen-flexDirection-column {
        flex-direction: column
    }

    .prd-media.extraSmallScreen-flexDirection-columnReverse {
        flex-direction: column-reverse
    }

    .prd-media.extraSmallScreen-flexDirection-row {
        flex-direction: row
    }

    .prd-media.extraSmallScreen-flexDirection-rowReverse {
        flex-direction: row-reverse
    }
}

@media(min-width:60.625em) {
    .prd-media.largeScreen-flexDirection-column {
        flex-direction: column
    }

    .prd-media.largeScreen-flexDirection-columnReverse {
        flex-direction: column-reverse
    }

    .prd-media.largeScreen-flexDirection-row {
        flex-direction: row
    }

    .prd-media.largeScreen-flexDirection-rowReverse {
        flex-direction: row-reverse
    }
}

@media(min-width:77.5625em) {
    .prd-media.extraLargeScreen-flexDirection-column {
        flex-direction: column
    }

    .prd-media.extraLargeScreen-flexDirection-columnReverse {
        flex-direction: column-reverse
    }

    .prd-media.extraLargeScreen-flexDirection-row {
        flex-direction: row
    }

    .prd-media.extraLargeScreen-flexDirection-rowReverse {
        flex-direction: row-reverse
    }
}

.prd-media.of-justifyContent-start {
    justify-content: flex-start
}

.prd-media.of-justifyContent-end {
    justify-content: flex-end
}

.prd-media.of-justifyContent-center {
    justify-content: center
}

.prd-media.of-justifyContent-between {
    justify-content: space-between
}

@media(max-width:60.5625em) {
    .prd-media.smallScreen-justifyContent-start {
        justify-content: flex-start
    }

    .prd-media.smallScreen-justifyContent-end {
        justify-content: flex-end
    }

    .prd-media.smallScreen-justifyContent-center {
        justify-content: center
    }

    .prd-media.smallScreen-justifyContent-between {
        justify-content: space-between
    }
}

@media(max-width:47.9375em) {
    .prd-media.extraSmallScreen-justifyContent-start {
        justify-content: flex-start
    }

    .prd-media.extraSmallScreen-justifyContent-end {
        justify-content: flex-end
    }

    .prd-media.extraSmallScreen-justifyContent-center {
        justify-content: center
    }

    .prd-media.extraSmallScreen-justifyContent-between {
        justify-content: space-between
    }
}

@media(min-width:60.625em) {
    .prd-media.largeScreen-justifyContent-start {
        justify-content: flex-start
    }

    .prd-media.largeScreen-justifyContent-end {
        justify-content: flex-end
    }

    .prd-media.largeScreen-justifyContent-center {
        justify-content: center
    }

    .prd-media.largeScreen-justifyContent-between {
        justify-content: space-between
    }
}

@media(min-width:77.5625em) {
    .prd-media.extraLargeScreen-justifyContent-start {
        justify-content: flex-start
    }

    .prd-media.extraLargeScreen-justifyContent-end {
        justify-content: flex-end
    }

    .prd-media.extraLargeScreen-justifyContent-center {
        justify-content: center
    }

    .prd-media.extraLargeScreen-justifyContent-between {
        justify-content: space-between
    }
}

.prd-media.of-alignItems-start {
    align-items: start
}

.prd-media.of-alignItems-end {
    align-items: flex-end
}

.prd-media.of-alignItems-center {
    align-items: center
}

@media(max-width:60.5625em) {
    .prd-media.smallScreen-alignItems-start {
        align-items: start
    }

    .prd-media.smallScreen-alignItems-end {
        align-items: flex-end
    }

    .prd-media.smallScreen-alignItems-center {
        align-items: center
    }
}

@media(max-width:47.9375em) {
    .prd-media.extraSmallScreen-alignItems-start {
        align-items: start
    }

    .prd-media.extraSmallScreen-alignItems-end {
        align-items: flex-end
    }

    .prd-media.extraSmallScreen-alignItems-center {
        align-items: center
    }
}

@media(min-width:60.625em) {
    .prd-media.largeScreen-alignItems-start {
        align-items: start
    }

    .prd-media.largeScreen-alignItems-end {
        align-items: flex-end
    }

    .prd-media.largeScreen-alignItems-center {
        align-items: center
    }
}

@media(min-width:77.5625em) {
    .prd-media.extraLargeScreen-alignItems-start {
        align-items: start
    }

    .prd-media.extraLargeScreen-alignItems-end {
        align-items: flex-end
    }

    .prd-media.extraLargeScreen-alignItems-center {
        align-items: center
    }
}

.prd-media.of-assetDownload {
    position: relative
}

.prd-media.of-assetDownload .prd-media-image {
    min-width: 9.4rem;
    max-width: 9.4rem;
    text-align: center
}

.prd-media.of-assetDownload .prd-media-image img {
    box-shadow: 4px 4px 16px rgba(0, 0, 0, .2196078431372549)
}

.prd-media.of-assetDownload .prd-inlineLink {
    color: #484b4c;
    transition: color .2s cubic-bezier(.4, 0, .2, 1)
}

@media(hover:hover) {
    .prd-media.of-assetDownload .prd-inlineLink:hover {
        color: #dc002f
    }
}

.prd-root.is-ie11 .prd-media.of-assetDownload .prd-inlineLink:hover {
    color: #dc002f
}

.prd-media.of-assetDownload .prd-inlineLink:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: ""
}

.prd-media-body.of-primary {
    flex: 1
}

.prd-menuConversion {
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 11;
    pointer-events: none;
    transform: translateY(-50%)
}

.prd-menuConversion.is-hide {
    display: none
}

.prd-menuConversion.is-close {
    right: -100%;
    transition: right 2s
}

.prd-menuConversion-body {
    position: relative
}

.prd-menuConversion-list {
    position: relative;
    margin-bottom: 10px
}

@media(min-width:60.625em) {
    [data-script-enabled=true] .prd-menuConversion-list {
        right: calc(-100% - -54px);
        transition: right .4s
    }

    .prd-menuConversion-list.is-show {
        right: 0
    }
}

@media(max-width:60.5625em) {
    .prd-menuConversion-list {
        right: 8px;
        visibility: hidden;
        opacity: 0;
        transition: visibility .3s, opacity .3s
    }

    .prd-menuConversion-list.is-visible {
        visibility: visible;
        opacity: 1
    }
}

.prd-menuConversion-list>li:first-child .prd-menuConversion-link {
    border-top: 2px solid #d2d2d2;
    border-radius: 8px 0 0 0
}

@media(max-width:60.5625em) {
    .prd-menuConversion-list>li:first-child .prd-menuConversion-link {
        border-radius: 8px 8px 0 0
    }
}

.prd-menuConversion-list>li:last-child {
    content: none
}

.prd-menuConversion-list>li:last-child .prd-menuConversion-link {
    border-radius: 0 0 0 8px
}

@media(max-width:60.5625em) {
    .prd-menuConversion-list>li:last-child .prd-menuConversion-link {
        border-radius: 0 0 8px 8px
    }
}

.prd-menuConversion-link {
    display: flex;
    flex-direction: row-reverse;
    min-height: 50px;
    font-weight: 600;
    color: #085669;
    text-decoration: none;
    pointer-events: auto;
    background: #fff;
    border-bottom: 2px solid #d2d2d2;
    border-left: 2px solid #d2d2d2
}

@media(max-width:60.5625em) {
    .prd-menuConversion-link {
        border-right: 2px solid #d2d2d2
    }
}

.prd-menuConversion-link:focus,
.prd-menuConversion-link:hover {
    background: #efefef
}

@media(min-width:60.625em) {
    .prd-menuConversion-link[href^="tel:"] {
        cursor: inherit
    }

    .prd-menuConversion-link[href^="tel:"]:focus,
    .prd-menuConversion-link[href^="tel:"]:hover {
        background: #fff
    }
}

.prd-menuConversion-link.of-primary {
    color: #bf0029
}

.prd-menuConversion-linkText {
    position: relative;
    flex: 1;
    padding: 14px 12px 14px 0;
    font-size: 1.5rem
}

.prd-menuConversion-linkIcon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    color: #13778f
}

.prd-menuConversion-linkIcon svg {
    width: 30px;
    color: inherit;
    fill: currentColor
}

.prd-menuConversion-link.of-primary .prd-menuConversion-linkIcon {
    color: #dc002f
}

.prd-menuConversion-removeButton {
    position: relative;
    right: 0;
    display: none;
    width: 50px;
    height: 32px;
    pointer-events: auto;
    background: #13778f;
    border-radius: 5px 0 0 5px
}

@media(max-width:60.5625em) {
    .prd-menuConversion-removeButton {
        width: 32px;
        border-radius: 5px
    }
}

.prd-menuConversion-removeButtonBody {
    position: relative;
    display: block;
    overflow: hidden
}

.prd-menuConversion-removeButtonBody:before {
    font-size: 2rem;
    line-height: 1;
    color: #fff;
    content: "›"
}

.prd-menuConversion-removeButtonText {
    position: absolute;
    left: calc(100% + 8px);
    white-space: nowrap
}

.prd-menuConversion-openButton {
    position: absolute;
    right: 8px;
    bottom: 0;
    min-width: 60px;
    min-height: 60px;
    padding: 6px;
    color: #13778f;
    pointer-events: auto;
    background: #fff;
    border: 2px solid #d2d2d2;
    border-radius: 8px
}

@media(min-width:60.625em) {
    .prd-menuConversion-openButton {
        display: none
    }
}

@media(max-width:60.5625em) {
    .prd-menuConversion-openButton {
        visibility: visible;
        opacity: 1;
        transition: visibility .3s, opacity .3s
    }

    .prd-menuConversion-openButton.is-hidden {
        visibility: hidden;
        opacity: 0
    }
}

.prd-menuConversion-openButtonBody {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    overflow: hidden
}

.prd-menuConversion-openButtonBody .prd-menuConversion-openButtonText {
    position: absolute;
    left: calc(100% + 8px);
    white-space: nowrap
}

.prd-menuConversion-openButtonText {
    display: block;
    font-size: 1.4rem
}

.prd-menuConversion-openButtonIcon {
    display: inline-block;
    width: 30px;
    height: 30px;
    color: #13778f;
    fill: currentColor
}

.prd-menuConversion-buttonGroup {
    position: relative;
    right: 0;
    width: 50px;
    margin-left: auto
}

@media(max-width:60.5625em) {
    .prd-menuConversion-buttonGroup {
        right: 8px;
        width: 32px;
        height: 32px
    }
}

.prd-menuConversion-closeButton {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    display: none;
    width: 32px;
    height: 32px;
    color: #13778f;
    pointer-events: auto;
    background: #fff;
    border: 2px solid #d2d2d2;
    border-radius: 8px
}

@media(max-width:60.5625em) {
    .prd-menuConversion-closeButton.is-show {
        display: block
    }
}

.prd-menuConversion-closeButtonBody {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%
}

.prd-menuConversion-closeButtonText {
    position: absolute;
    left: calc(100% + 10px);
    white-space: nowrap
}

.prd-menuConversion-closeButtonIcon {
    display: inline-block;
    width: 30px;
    height: 30px;
    color: #13778f;
    fill: currentColor
}

.prd-modalDialog {
    transition: visibility .4s
}

.prd-modalDialog[aria-hidden=true] {
    display: block;
    visibility: hidden
}

.prd-modalDialog-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1002;
    background-color: rgba(46, 49, 51, .8);
    transition: opacity .4s cubic-bezier(.4, 0, .2, 1)
}

.prd-modalDialog[aria-hidden=true] .prd-modalDialog-backdrop {
    opacity: 0
}

.prd-modalDialog-container {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1002;
    display: flex;
    flex-direction: column;
    pointer-events: none
}

.prd-modalDialog-closeButton {
    padding: .8rem;
    pointer-events: auto
}

.prd-modalDialog-closeButtonIcon {
    width: 2.8rem;
    height: 2.8rem;
    vertical-align: bottom;
    fill: #fff
}

.prd-modalDialog-contentWrapper {
    flex: auto;
    height: 100%;
    min-height: 0
}

@media(min-width:60.625em) {
    .prd-modalDialog-contentWrapper {
        margin-bottom: 2.4rem
    }
}

.prd-modalDialog.of-full .prd-modalDialog-contentWrapper {
    height: 100%;
    overflow: auto
}

@media(min-width:60.625em) {
    .prd-modalDialog.of-full .prd-modalDialog-contentWrapper {
        margin-bottom: 0
    }
}

.prd-modalDialog-content {
    max-height: 100%;
    margin-right: auto;
    margin-left: auto;
    overflow: auto;
    pointer-events: auto;
    background-color: #fff;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .4s;
    transition-property: transform, opacity
}

.gtie9 .prd-modalDialog-content {
    max-height: calc(100vh - 100px)
}

@media(min-width:60.625em) {
    .prd-modalDialog-content {
        border-radius: .4rem
    }
}

.prd-modalDialog.of-full .prd-modalDialog-content {
    max-width: none
}

@media(min-width:60.625em) {
    .prd-modalDialog.of-full .prd-modalDialog-content {
        border-radius: 0
    }
}

.prd-modalDialog[aria-hidden=true] .prd-modalDialog-content {
    opacity: 0;
    transform: translateY(2rem) scale(.9)
}

.prd-modalDialog-contentInner {
    transition: opacity .4s cubic-bezier(.4, 0, .2, 1) .2s
}

.prd-modalDialog[aria-hidden=true] .prd-modalDialog-contentInner {
    opacity: 0;
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1)
}

.prd-modalDialog-thumbnail {
    position: relative;
    display: block
}

.prd-modalDialog-thumbnail:before {
    width: 10.2rem;
    height: 10.2rem;
    background-color: rgba(0, 0, 0, .45);
    border: none;
    border-radius: 50%
}

.prd-modalDialog-thumbnail:after,
.prd-modalDialog-thumbnail:before {
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    transform: translateX(-50%) translateY(-50%)
}

.prd-modalDialog-thumbnail:after {
    width: 2.2rem;
    height: 3.2rem;
    margin-left: .4rem;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 22 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 16L0 0L3.78669e-06 32L22 16Z' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.prd-modalDialog-thumbnail>img {
    width: 100%
}

.prd-modelCardSpecs {
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1)
}

@media(max-width:60.5625em) {
    .prd-modelCardSpecs {
        padding-top: 3.2rem;
        padding-bottom: 3.2rem;
        border-top: 1px solid #ddd;
        box-shadow: 0 1px #ddd
    }
}

.prd-modelCardSpecs[aria-disabled=true] {
    cursor: default;
    opacity: .3
}

.prd-modelCardSpecs-header {
    position: relative;
    display: block;
    color: inherit;
    text-decoration: none;
    cursor: pointer
}

@media(max-width:60.5625em) {
    .prd-modelCardSpecs-header {
        display: flex
    }
}

.prd-modelCardSpecs[aria-disabled=true] .prd-modelCardSpecs-header {
    cursor: inherit
}

.prd-modelCardSpecs-control {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    opacity: 0
}

.prd-modelCardSpecs-imageWrapper {
    position: relative;
    display: block;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #f0f0f0;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .2s;
    transition-property: border-color, box-shadow
}

@media(max-width:60.5625em) {
    .prd-modelCardSpecs-imageWrapper {
        flex-basis: 12rem;
        flex-shrink: 0
    }
}

.prd-modelCardSpecs-control:checked+.prd-modelCardSpecs-imageWrapper {
    border-color: #dc002f;
    box-shadow: 0 0 0 .4rem #ffece9
}

.prd-modelCardSpecs-imageWrapper:before {
    display: block;
    padding-top: 100%;
    content: ""
}

.prd-modelCardSpecs-imageWrapper:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background-color: rgba(0, 0, 0, .2);
    opacity: 0;
    transition: opacity .4s cubic-bezier(.4, 0, .2, 1)
}

@media(hover:hover) {
    .prd-modelCardSpecs:not([aria-disabled=true]) .prd-modelCardSpecs-header:hover .prd-modelCardSpecs-imageWrapper:after {
        opacity: 1
    }
}

.prd-root.is-ie11 .prd-modelCardSpecs:not([aria-disabled=true]) .prd-modelCardSpecs-header:hover .prd-modelCardSpecs-imageWrapper:after {
    opacity: 1
}

.prd-modelCardSpecs-image {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 17rem;
    transition: transform .4s cubic-bezier(.4, 0, .2, 1);
    transform: translate(-50%, -50%)
}

@media(hover:hover) {
    .prd-modelCardSpecs:not([aria-disabled=true]) .prd-modelCardSpecs-header:hover .prd-modelCardSpecs-image {
        transform: translate(-50%, -50%) scale(1.05)
    }
}

.prd-root.is-ie11 .prd-modelCardSpecs:not([aria-disabled=true]) .prd-modelCardSpecs-header:hover .prd-modelCardSpecs-image {
    transform: translate(-50%, -50%) scale(1.05)
}

.prd-modelCardSpecs-controlAppearance {
    position: absolute;
    width: 2rem;
    height: 2rem
}

@media(max-width:60.5625em) {
    .prd-modelCardSpecs-controlAppearance {
        top: .8rem;
        right: .8rem
    }
}

@media(min-width:60.625em) {
    .prd-modelCardSpecs-controlAppearance {
        top: 1.6rem;
        right: 1.6rem
    }
}

.prd-modelCardSpecs-controlAppearanceIcon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: #c9cbcb
}

.prd-modelCardSpecs-controlAppearanceIcon.of-checked {
    opacity: 0;
    fill: #dc002f;
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1)
}

.prd-modelCardSpecs-control:checked+.prd-modelCardSpecs-imageWrapper .prd-modelCardSpecs-controlAppearanceIcon.of-checked {
    opacity: 1
}

.prd-modelCardSpecs-title {
    display: block;
    transition: color .4s cubic-bezier(.4, 0, .2, 1)
}

@media(max-width:60.5625em) {
    .prd-modelCardSpecs-title {
        margin-left: 1.6rem
    }
}

@media(hover:hover) {
    .prd-modelCardSpecs:not([aria-disabled=true]) .prd-modelCardSpecs-header:hover .prd-modelCardSpecs-title {
        color: #dc002f
    }
}

.prd-modelCardSpecs-control:checked~.prd-modelCardSpecs-title,
.prd-root.is-ie11 .prd-modelCardSpecs:not([aria-disabled=true]) .prd-modelCardSpecs-header:hover .prd-modelCardSpecs-title {
    color: #dc002f
}

@media(hover:hover) {
    .prd-modelCardSpecs:not([aria-disabled=true]) .prd-modelCardSpecs-header:hover .prd-modelCardSpecs-titleLabel {
        text-decoration: underline
    }
}

.prd-root.is-ie11 .prd-modelCardSpecs:not([aria-disabled=true]) .prd-modelCardSpecs-header:hover .prd-modelCardSpecs-titleLabel {
    text-decoration: underline
}

.prd-modelCardSpecs-specName {
    font-weight: 600;
    color: #2e3133
}

.prd-modelCard-header {
    position: relative
}

.prd-modelCard-imageWrapper {
    position: relative;
    display: block;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #f0f0f0;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .2s;
    transition-property: border-color, box-shadow
}

.prd-modelCard-imageWrapper:before {
    display: block;
    padding-top: 100%;
    content: ""
}

.prd-modelCard-imageWrapper:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background-color: rgba(0, 0, 0, .2);
    opacity: 0;
    transition: opacity .4s cubic-bezier(.4, 0, .2, 1)
}

.prd-modelCard-header:hover .prd-modelCard-imageWrapper:after {
    opacity: 1
}

.prd-modelCard-header.of-noHover:hover .prd-modelCard-imageWrapper:after {
    opacity: 0
}

.prd-modelCard-image {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 17rem;
    transition: transform .4s cubic-bezier(.4, 0, .2, 1);
    transform: translate(-50%, -50%)
}

@media(hover:hover) {
    .prd-modelCard-header:hover .prd-modelCard-image {
        transform: translate(-50%, -50%) scale(1.05)
    }
}

.prd-root.is-ie11 .prd-modelCard-header:hover .prd-modelCard-image {
    transform: translate(-50%, -50%) scale(1.05)
}

@media(hover:hover) {
    .prd-modelCard-header.of-noHover:hover .prd-modelCard-image {
        transform: translate(-50%, -50%) scale(1)
    }
}

.prd-root.is-ie11 .prd-modelCard-header.of-noHover:hover .prd-modelCard-image {
    transform: translate(-50%, -50%) scale(1)
}

.prd-modelCard-discontinued {
    position: absolute;
    top: 5%;
    left: 5%;
    padding: .4rem .8rem;
    font-weight: 600;
    color: #fff;
    background-color: #666a6b;
    border-radius: .4rem
}

.prd-modelCard-titleLink {
    color: inherit;
    text-decoration: none;
    transition: color .4s cubic-bezier(.4, 0, .2, 1)
}

@media(hover:hover) {
    .prd-modelCard-titleLink:hover {
        color: #dc002f
    }
}

.prd-root.is-ie11 .prd-modelCard-titleLink:hover {
    color: #dc002f
}

.prd-modelCard-titleLink:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ""
}

@media(hover:hover) {
    .prd-modelCard-header:hover .prd-modelCard-titleLinkLabel {
        text-decoration: underline
    }
}

.prd-root.is-ie11 .prd-modelCard-header:hover .prd-modelCard-titleLinkLabel {
    text-decoration: underline
}

.prd-modelCard-listButton {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-top: .4rem;
    padding-bottom: .4rem;
    color: #484b4c;
    text-decoration: none;
    opacity: .8;
    transition: color .4s cubic-bezier(.4, 0, .2, 1)
}

.prd-modelCard-listButton:enabled,
.prd-modelCard-listButton[href] {
    opacity: 1
}

@media(hover:hover) {

    .prd-modelCard-listButton:enabled:hover,
    .prd-modelCard-listButton[href]:hover {
        color: #dc002f;
        text-decoration: underline
    }
}

.prd-root.is-ie11 .prd-modelCard-listButton:enabled:hover,
.prd-root.is-ie11 .prd-modelCard-listButton[href]:hover {
    color: #dc002f;
    text-decoration: underline
}

.prd-modelCard-listButton:not([href]):not(:enabled) {
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.prd-modelCard-listButtonIcon {
    flex-shrink: 0;
    width: 3rem;
    height: 3rem;
    fill: #c9cbcb
}

.prd-modelCard-listButton:enabled .prd-modelCard-listButtonIcon,
.prd-modelCard-listButton[href] .prd-modelCard-listButtonIcon {
    fill: #dc002f
}

.prd-modelIntroduction {
    display: grid
}

@media(max-width:60.5625em) {
    .prd-modelIntroduction {
        grid-template-areas: "modelIntroduction-imageArea""modelIntroduction-callToActionArea""modelIntroduction-contentsArea"
    }
}

@media(min-width:60.625em) {
    .prd-modelIntroduction {
        grid-template-areas: "modelIntroduction-imageArea modelIntroduction-contentsArea modelIntroduction-callToActionArea";
        grid-template-rows: 1fr auto;
        grid-template-columns: auto 1fr 26rem;
        -moz-column-gap: 4rem;
        column-gap: 4rem;
        padding-bottom: 4rem;
        border-bottom: 1px solid #ddd
    }
}

.prd-modelIntroduction-imageArea {
    grid-area: modelIntroduction-imageArea
}

.prd-modelIntroduction-imageWrapper {
    position: relative;
    background-color: #fff;
    border: 1px solid #ddd
}

@media(max-width:60.5625em) {
    .prd-modelIntroduction-imageWrapper {
        width: 22rem;
        margin-right: auto;
        margin-left: auto
    }
}

@media(min-width:60.625em) {
    .prd-modelIntroduction-imageWrapper {
        width: 18rem
    }
}

.prd-modelIntroduction-imageWrapper:before {
    display: block;
    padding-top: 100%;
    content: ""
}

.prd-modelIntroduction-image {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 17rem;
    transform: translate(-50%, -50%)
}

.prd-modelIntroduction-contentsArea {
    grid-area: modelIntroduction-contentsArea
}

@media(min-width:60.625em) {
    .prd-modelIntroduction-list {
        display: flex;
        flex-wrap: wrap
    }
}

@media(min-width:60.625em) {
    .prd-modelIntroduction-listItem:not(:last-child) {
        padding-right: 1.6rem;
        margin-right: 1.6rem;
        border-right: 1px solid #ddd
    }
}

.prd-modelIntroduction-listLink {
    display: inline-flex;
    align-items: center;
    padding-top: .4rem;
    padding-bottom: .4rem;
    color: inherit;
    text-decoration: none
}

.prd-modelIntroduction-listLink:enabled,
.prd-modelIntroduction-listLink[href] {
    color: #dc002f
}

@media(hover:hover) {

    .prd-modelIntroduction-listLink:enabled:hover,
    .prd-modelIntroduction-listLink[href]:hover {
        text-decoration: underline
    }
}

.prd-root.is-ie11 .prd-modelIntroduction-listLink:enabled:hover,
.prd-root.is-ie11 .prd-modelIntroduction-listLink[href]:hover {
    text-decoration: underline
}

.prd-modelIntroduction-listLinkIcon {
    flex-shrink: 0;
    width: 3rem;
    height: 3rem;
    margin-left: .4rem;
    fill: currentColor
}

@media(max-width:60.5625em) {
    .prd-modelIntroduction-certifiedListWrapper {
        flex-basis: 100%
    }
}

.prd-modelIntroduction-certifiedItem {
    width: 6rem
}

.prd-modelIntroduction-callToActionArea {
    grid-area: modelIntroduction-callToActionArea
}

@media (max-width:60.5625em) {
    .prd-modelIntroduction-imageArea {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .prd-modelIntroduction-contentsArea {
        -ms-grid-row: 3;
        -ms-grid-column: 1
    }

    .prd-modelIntroduction-callToActionArea {
        -ms-grid-row: 2;
        -ms-grid-column: 1
    }
}

@media (min-width:60.625em) {
    .prd-modelIntroduction-imageArea {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .prd-modelIntroduction-contentsArea {
        -ms-grid-row: 1;
        -ms-grid-column: 3
    }

    .prd-modelIntroduction-callToActionArea {
        -ms-grid-row: 1;
        -ms-grid-column: 5
    }
}

.prd-newProductCard {
    position: relative
}

.prd-newProductCard-imageWrapper {
    position: relative;
    overflow: hidden
}

.prd-newProductCard-imageWrapper:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background-color: rgba(0, 0, 0, .2);
    opacity: 0;
    transition: opacity .4s cubic-bezier(.4, 0, .2, 1)
}

@media(hover:hover) {
    .prd-newProductCard:hover .prd-newProductCard-imageWrapper:after {
        opacity: 1
    }
}

.prd-root.is-ie11 .prd-newProductCard:hover .prd-newProductCard-imageWrapper:after {
    opacity: 1
}

.prd-newProductCard-image {
    transition: transform .4s cubic-bezier(.4, 0, .2, 1)
}

@media(hover:hover) {
    .prd-newProductCard:hover .prd-newProductCard-image {
        transform: scale(1.05)
    }
}

.prd-root.is-ie11 .prd-newProductCard:hover .prd-newProductCard-image {
    transform: scale(1.05)
}

.prd-newProductCard-link {
    color: inherit;
    text-decoration: none;
    transition: color .4s cubic-bezier(.4, 0, .2, 1)
}

@media(hover:hover) {
    .prd-newProductCard:hover .prd-newProductCard-link {
        color: #dc002f
    }
}

.prd-root.is-ie11 .prd-newProductCard:hover .prd-newProductCard-link {
    color: #dc002f
}

@media(hover:hover) {
    .prd-newProductCard:hover .prd-newProductCard-linkLabel {
        text-decoration: underline
    }
}

.prd-root.is-ie11 .prd-newProductCard:hover .prd-newProductCard-linkLabel {
    text-decoration: underline
}

.prd-newProductCard-link:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ""
}

.prd-numberedList {
    display: table
}

.prd-numberedList-item {
    display: table-row
}

.prd-numberedList-item+.prd-numberedList-item>* {
    padding-top: .4rem
}

.prd-numberedList-marker {
    display: table-cell;
    padding-right: 1ch;
    text-align: right;
    white-space: nowrap
}

.prd-numberedList-content {
    display: table-cell
}

.prd-outlineList-item {
    display: flex;
    padding: 2.4rem 0;
    color: #484b4c;
    border-top: 1px solid #ddd
}

@media(max-width:60.5625em) {
    .prd-outlineList-item {
        flex-direction: column;
        padding: 1.6rem 0;
        font-size: 1.5rem
    }
}

.prd-outlineList-header {
    width: 100%;
    max-width: 120px;
    margin-right: 4rem;
    font-weight: 600
}

@media(max-width:60.5625em) {
    .prd-outlineList-header {
        max-width: 100%;
        margin-bottom: .4rem
    }
}

.prd-outlineList-body a {
    color: #dc002f;
    text-decoration: none
}

.prd-pager {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: -.6rem 0 0 -.6rem
}

.prd-pager-body {
    padding-left: .6rem;
    margin-top: .6rem
}

@media(min-width:60.625em) {
    .prd-pager-body.of-previous {
        padding-right: 1.8rem
    }
}

.prd-pager-body.of-previous .prd-pager-button {
    position: relative
}

.prd-pager-body.of-previous .prd-pager-button:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1rem;
    height: 1rem;
    margin-left: .2rem;
    content: "";
    border-top: 2px solid #dc002f;
    border-right: 2px solid #dc002f;
    transform: translate(-50%, -50%) rotate(-135deg)
}

@media(min-width:60.625em) {
    .prd-pager-body.of-next {
        padding-left: 2.4rem
    }
}

.prd-pager-body.of-next .prd-pager-button {
    position: relative
}

.prd-pager-body.of-next .prd-pager-button:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1rem;
    height: 1rem;
    margin-left: -.2rem;
    content: "";
    border-top: 2px solid #dc002f;
    border-right: 2px solid #dc002f;
    transform: translate(-50%, -50%) rotate(45deg)
}

.prd-pager-button {
    display: block;
    min-width: 3.6rem;
    min-height: 3.6rem;
    padding: .4rem .4rem .6rem;
    line-height: 1.4;
    color: #dc002f;
    text-align: center;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dedede;
    border-radius: .4rem
}

a.prd-pager-button:hover {
    text-decoration: underline
}

.prd-pager-button.is-current {
    color: #fff;
    background-color: #dc002f;
    border-color: #dc002f
}

.prd-processArrow {
    position: relative;
    display: block;
    width: 100%;
    height: .1rem;
    margin-top: -.1rem
}

.prd-processArrow:before {
    position: absolute;
    top: -.8rem;
    left: 50%;
    display: inline-block;
    width: 0;
    height: 0;
    content: "";
    border-color: #dc002f transparent transparent;
    border-style: solid;
    border-width: 1.6rem 2rem;
    transform: translateX(-50%)
}

.prd-processList .prd-processList-item {
    position: relative;
    padding-left: 4.8rem
}

.prd-processList .prd-processList-item>.prd-processList-content {
    padding-top: .3rem;
    padding-bottom: .3rem
}

.prd-processList .prd-processList-marker {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    min-width: 3.2rem;
    padding: .8rem;
    font-size: 1.5rem;
    line-height: 1;
    color: #fff;
    text-align: center;
    background-color: #dc002f;
    border-radius: .4rem
}

.prd-processList.of-primary .prd-processList-marker {
    color: #dc002f;
    background: none;
    border: 1px solid #dc002f
}

.prd-productDiscontinued {
    display: grid;
    padding-right: 2rem;
    padding-left: 2rem;
    background-color: #f0f0f0;
    border: 1px solid #ddd;
    border-radius: .4rem
}

@media(max-width:60.5625em) {
    .prd-productDiscontinued {
        grid-template-areas: "productDiscontinued-message""productDiscontinued-replaceable""productDiscontinued-contact";
        padding-top: 2rem;
        padding-bottom: 2rem
    }
}

@media(min-width:60.625em) {
    .prd-productDiscontinued {
        grid-template-areas: "productDiscontinued-message productDiscontinued-contact""productDiscontinued-replaceable productDiscontinued-replaceable";
        grid-template-columns: auto auto;
        grid-template-columns: 1fr auto;
        -moz-column-gap: 1.6rem;
        column-gap: 1.6rem;
        padding-top: 1.6rem;
        padding-bottom: 1.6rem
    }
}

.prd-productDiscontinued-message {
    display: flex;
    grid-area: productDiscontinued-message
}

.prd-productDiscontinued-messageIcon {
    flex-shrink: 0;
    width: 3rem;
    height: 3rem;
    margin-top: calc(-1.5rem - -.75em);
    margin-right: .4rem;
    margin-bottom: calc(-1.5rem - -.75em);
    fill: #8f9394
}

.prd-productDiscontinued-label {
    font-weight: 600
}

.prd-productDiscontinued-replaceable {
    grid-area: productDiscontinued-replaceable
}

@media(min-width:60.625em) {
    .prd-productDiscontinued-replaceable {
        padding-top: 1.2rem;
        margin-top: 1.2rem;
        border-top: 1px solid #ddd
    }
}

.prd-productDiscontinued-replaceableLink {
    color: #dc002f;
    text-decoration: none
}

@media(hover:hover) {
    .prd-productDiscontinued-replaceableLink:hover {
        text-decoration: underline
    }
}

.prd-root.is-ie11 .prd-productDiscontinued-replaceableLink:hover {
    text-decoration: underline
}

.prd-productDiscontinued-contact {
    grid-area: productDiscontinued-contact
}

@media (max-width:60.5625em) {
    .prd-productDiscontinued-message {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .prd-productDiscontinued-replaceable {
        -ms-grid-row: 2;
        -ms-grid-column: 1
    }

    .prd-productDiscontinued-contact {
        -ms-grid-row: 3;
        -ms-grid-column: 1
    }
}

@media (min-width:60.625em) {
    .prd-productDiscontinued-message {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .prd-productDiscontinued-replaceable {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3
    }

    .prd-productDiscontinued-contact {
        -ms-grid-row: 1;
        -ms-grid-column: 3
    }
}

.prd-productDiscontinued-contactList {
    display: flex
}

.prd-productDiscontinued-contactItem+.prd-productDiscontinued-contactItem {
    padding-left: 1.6rem;
    margin-left: 1.6rem;
    border-left: 1px solid #ddd
}

.prd-productDiscontinued-contactLink {
    color: #dc002f;
    text-decoration: none
}

@media(min-width:60.625em) {
    .prd-productDiscontinued-contactLink.of-tel {
        color: inherit;
        pointer-events: none
    }
}

.prd-productDiscontinued-contactLinkLabel {
    text-decoration: underline
}

@media(min-width:60.625em) {
    .prd-productDiscontinued-contactLink.of-tel .prd-productDiscontinued-contactLinkLabel {
        text-decoration: none
    }
}

@media(hover:hover) {
    .prd-productDiscontinued-contactLink:hover .prd-productDiscontinued-contactLinkLabel {
        text-decoration: none
    }
}

.prd-root.is-ie11 .prd-productDiscontinued-contactLink:hover .prd-productDiscontinued-contactLinkLabel {
    text-decoration: none
}

.prd-radio {
    position: relative;
    display: inline-flex
}

.prd-radio-nativeControl {
    background: none;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.prd-radio-icon,
.prd-radio-nativeControl {
    position: absolute;
    top: 0;
    left: 0;
    width: 2rem;
    height: 2rem
}

.prd-radio-icon {
    opacity: 0;
    transition: opacity .1s cubic-bezier(.4, 0, .2, 1)
}

.prd-radio-icon.of-unchecked {
    opacity: 1;
    fill: #c9cbcb
}

.prd-radio-icon.of-checked {
    fill: #ea0437
}

.prd-radio-nativeControl:checked+.prd-radio-inner .prd-radio-icon.of-checked {
    opacity: 1
}

.prd-radio-inner {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding-left: 2.8rem
}

.prd-root {
    color: #484b4c;
    text-align: left;
    background-color: #fafafa
}

.prd-root:after,
.prd-root:before {
    display: block;
    height: 1px;
    margin-top: -1px;
    visibility: hidden;
    content: ""
}

.prd-root.of-standalone {
    background-color: transparent
}

.prd-root script {
    display: none !important
}

.prd-selectButton {
    width: 100%;
    padding: .9rem 4.6rem .9rem 2rem;
    overflow: hidden;
    color: inherit;
    text-align: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 12L15 18L21 12' stroke='%23dc002f' stroke-width='2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right .8rem center;
    background-size: 3rem 3rem;
    border: 1px solid #c9cbcb;
    border-radius: .4rem;
    transition: background-color .2s cubic-bezier(.4, 0, .2, 1)
}

.prd-selectButton:before {
    margin-left: -1ch;
    visibility: hidden;
    content: "0"
}

@media(hover:hover) {
    .prd-selectButton:hover {
        background-color: #f0f0f0
    }
}

.prd-root.is-ie11 .prd-selectButton:hover {
    background-color: #f0f0f0
}

.prd-select {
    width: 100%;
    padding: .9rem 4.6rem .9rem 2rem;
    color: inherit;
    text-overflow: ellipsis;
    cursor: pointer;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 12L15 18L21 12' stroke='%23dc002f' stroke-width='2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right .8rem center;
    background-size: 3rem 3rem;
    border: 1px solid #c9cbcb;
    border-radius: .4rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: background-color .2s cubic-bezier(.4, 0, .2, 1)
}

.prd-select:disabled,
.prd-select:disabled:hover {
    cursor: default;
    background: #e5e5e5
}

@media(hover:hover) {
    .prd-select:hover {
        background-color: #f0f0f0
    }
}

.prd-root.is-ie11 .prd-select:hover {
    background-color: #f0f0f0
}

.prd-select::-ms-expand {
    display: none
}

html:not(.gtie9) .prd-select-outer.of-text-ellipsis .prd-select {
    color: #fff;
    white-space: nowrap;
    transition: background-color .2s cubic-bezier(.4, 0, .2, 1)
}

html:not(.gtie9) .prd-select-outer.of-text-ellipsis .prd-select:disabled {
    color: transparent;
    opacity: 1
}

html:not(.gtie9) .prd-select-outer.of-text-ellipsis .prd-select option {
    color: #484b4c
}

html:not(.gtie9) .prd-select-outer.of-text-ellipsis {
    position: relative
}

html:not(.gtie9) .prd-select-outer.of-text-ellipsis:before {
    position: absolute;
    top: 50%;
    left: 2rem;
    display: block;
    width: calc(100% - 6.8rem);
    overflow: hidden;
    color: #484b4c;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    content: attr(data-content);
    border-radius: .4rem;
    transform: translateY(-50%)
}

.prd-inputGroup.is-error .prd-select {
    background-color: #fbe4e4;
    border: .1rem solid #dc002f
}

@media(min-width:60.625em) {
    .prd-seriesApplicationMedia {
        display: flex
    }
}

@media(min-width:60.625em) {
    .prd-seriesApplicationMedia-figure {
        flex-basis: 28rem;
        margin-right: 4rem
    }
}

@media(min-width:60.625em) {
    .prd-seriesApplicationMedia-body {
        flex-basis: 0;
        flex-grow: 1
    }
}

.prd-seriesCardDiscontinued {
    display: block;
    height: 100%;
    color: inherit;
    text-decoration: none;
    border-top: 1px solid #ddd;
    box-shadow: 0 1px #ddd;
    transition: color .2s cubic-bezier(.4, 0, .2, 1)
}

@media(max-width:60.5625em) {
    .prd-seriesCardDiscontinued {
        padding-top: 2.4rem;
        padding-bottom: 2.4rem
    }
}

@media(min-width:60.625em) {
    .prd-seriesCardDiscontinued {
        padding-top: 4rem;
        padding-bottom: 4rem
    }
}

@media(hover:hover) {
    .prd-seriesCardDiscontinued:hover .prd-seriesCardDiscontinued-title {
        color: #dc002f;
        text-decoration: underline
    }
}

.prd-root.is-ie11 .prd-seriesCardDiscontinued:hover .prd-seriesCardDiscontinued-title {
    color: #dc002f;
    text-decoration: underline
}

.prd-seriesCardDiscontinued-badge {
    display: inline-block;
    padding: .4rem .8rem;
    font-weight: 600;
    color: #fff;
    background-color: #666a6b;
    border-radius: .4rem
}

.prd-seriesCardMinimal {
    display: block;
    color: inherit;
    text-decoration: none;
    transition: color .4s cubic-bezier(.4, 0, .2, 1)
}

.prd-seriesCardMinimal-imageWrapper {
    position: relative;
    overflow: hidden;
    background-color: #f0f0f0
}

.prd-seriesCardMinimal-imageWrapper:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background-color: rgba(0, 0, 0, .2);
    opacity: 0;
    transition: opacity .4s cubic-bezier(.4, 0, .2, 1)
}

@media(hover:hover) {
    .prd-seriesCardMinimal:hover .prd-seriesCardMinimal-imageWrapper:after {
        opacity: 1
    }
}

.prd-root.is-ie11 .prd-seriesCardMinimal:hover .prd-seriesCardMinimal-imageWrapper:after {
    opacity: 1
}

.prd-seriesCardMinimal-imageWrapper>.prd-seriesCardMinimal-image:not(canvas) {
    background: none;
    filter: drop-shadow(30px 80px 50px rgba(48, 50, 51, .2)) drop-shadow(30px 80px 50px rgba(48, 50, 51, .2))
}

.prd-seriesCardMinimal-image {
    background-color: #f0f0f0;
    transition: transform .4s cubic-bezier(.4, 0, .2, 1)
}

@media(hover:hover) {
    .prd-seriesCardMinimal:hover .prd-seriesCardMinimal-image {
        transform: scale(1.05)
    }
}

.prd-root.is-ie11 .prd-seriesCardMinimal:hover .prd-seriesCardMinimal-image {
    transform: scale(1.05)
}

@media(hover:hover) {
    .prd-seriesCardMinimal:hover .prd-seriesCardMinimal-linkLabel {
        color: #dc002f;
        text-decoration: underline
    }
}

.prd-root.is-ie11 .prd-seriesCardMinimal:hover .prd-seriesCardMinimal-linkLabel {
    color: #dc002f;
    text-decoration: underline
}

.prd-seriesCardMinimal-link:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ""
}

.prd-seriesCardMinimal.of-primary .prd-seriesCardMinimal-imageWrapper {
    display: flex;
    justify-content: center
}

.prd-seriesCardMinimal.of-primary .prd-seriesCardMinimal-imageWrapper .prd-seriesCardMinimal-image {
    max-width: 14.5rem
}

.prd-seriesCard:not(.of-border-none) {
    padding-top: 4rem;
    padding-bottom: 4rem;
    border-top: 1px solid #ddd;
    box-shadow: 0 1px #ddd
}

@media(max-width:47.9375em) {
    .prd-seriesCard:not(.of-border-none) {
        padding-top: 3.2rem;
        padding-bottom: 3.2rem
    }
}

.prd-seriesCard-inner {
    position: relative;
    display: grid;
    grid-template-areas: "seriesCard-image seriesCard-header""seriesCard-image seriesCard-body";
    grid-template-rows: auto 1fr;
    grid-template-columns: auto 1fr
}

@media(max-width:47.9375em) {
    .prd-seriesCard-inner {
        grid-template-areas: "seriesCard-image seriesCard-header""seriesCard-body seriesCard-body"
    }
}

@media(max-width:47.9375em) {
    .prd-seriesCard-inner.prd-extraSmallScreen-gridTemplate-primary {
        grid-template-areas: "seriesCard-image seriesCard-header""seriesCard-image seriesCard-body"
    }
}

.prd-seriesCard-imageWrapper {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    position: relative;
    grid-area: seriesCard-image;
    align-self: start;
    margin-right: 4rem;
    overflow: hidden;
    background-color: #f0f0f0
}

@media(max-width:47.9375em) {
    .prd-seriesCard-imageWrapper {
        margin-right: 1.6rem
    }
}

.prd-seriesCard-imageWrapper:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background-color: rgba(0, 0, 0, .2);
    opacity: 0;
    transition: opacity .4s cubic-bezier(.4, 0, .2, 1)
}

@media(hover:hover) {
    .prd-seriesCard:not(.is-hasHover) .prd-seriesCard-inner:hover .prd-seriesCard-imageWrapper:after {
        opacity: 1
    }
}

.prd-root.is-ie11 .prd-seriesCard:not(.is-hasHover) .prd-seriesCard-inner:hover .prd-seriesCard-imageWrapper:after {
    opacity: 1
}

.prd-seriesCard-image {
    width: 18rem;
    background-color: #f0f0f0;
    transition: transform .4s cubic-bezier(.4, 0, .2, 1)
}

@media(max-width:47.9375em) {
    .prd-seriesCard-image {
        width: 10rem
    }
}

@media(hover:hover) {
    .prd-seriesCard:not(.is-hasHover) .prd-seriesCard-inner:hover .prd-seriesCard-image {
        transform: scale(1.05)
    }
}

.prd-root.is-ie11 .prd-seriesCard:not(.is-hasHover) .prd-seriesCard-inner:hover .prd-seriesCard-image {
    transform: scale(1.05)
}

.prd-seriesCard.of-minimal .prd-seriesCard-image {
    width: 10rem
}

@media(max-width:47.9375em) {
    .prd-seriesCard.of-minimal .prd-seriesCard-image {
        width: 4.8rem
    }
}

.prd-seriesCard.of-minimal .prd-seriesCard-imageWrapper>.prd-seriesCard-image:not(canvas) {
    background: none;
    filter: drop-shadow(15px 40px 12.5px rgba(48, 50, 51, .2))
}

.prd-seriesCard-imageWrapper>.prd-seriesCard-image:not(canvas) {
    background: none;
    filter: drop-shadow(30px 80px 25px rgba(48, 50, 51, .2))
}

.prd-seriesCard-header {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    grid-area: seriesCard-header
}

.prd-seriesCard-link {
    color: inherit;
    text-decoration: none;
    transition: color .4s cubic-bezier(.4, 0, .2, 1)
}

@media(hover:hover) {
    .prd-seriesCard-link:hover .prd-seriesCard-linkLabel {
        color: #dc002f;
        text-decoration: underline
    }
}

.prd-root.is-ie11 .prd-seriesCard-link:hover .prd-seriesCard-linkLabel {
    color: #dc002f;
    text-decoration: underline
}

@media(hover:hover) {
    .prd-seriesOverviewRecommended .prd-seriesCard-link:hover .prd-seriesCard-linkLabel {
        color: inherit
    }
}

.prd-root.is-ie11 .prd-seriesOverviewRecommended .prd-seriesCard-link:hover .prd-seriesCard-linkLabel {
    color: inherit
}

.prd-seriesCard-link:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ""
}

.prd-seriesCard-new {
    display: inline-block;
    padding: 0 1rem;
    margin-left: 1.6rem;
    font-size: 1rem;
    line-height: 2rem;
    color: #dc002f;
    vertical-align: .35em;
    pointer-events: none;
    border-radius: 50%;
    box-shadow: 0 0 0 1px;
    transform: translateY(.2rem)
}

@media(max-width:47.9375em) {
    .prd-seriesCard-new {
        margin-left: 0
    }
}

.prd-seriesCard-body {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    grid-area: seriesCard-body
}

@media (max-width:47.9375em) {
    .prd-seriesCard-imageWrapper {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1
    }

    .prd-seriesCard-inner.prd-extraSmallScreen-gridTemplate-primary>.prd-seriesCard-imageWrapper {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 1
    }

    .prd-seriesCard-header,
    .prd-seriesCard-inner.prd-extraSmallScreen-gridTemplate-primary>.prd-seriesCard-header {
        -ms-grid-row: 1;
        -ms-grid-column: 2
    }

    .prd-seriesCard-body {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }

    .prd-seriesCard-inner.prd-extraSmallScreen-gridTemplate-primary>.prd-seriesCard-body {
        -ms-grid-row: 2;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1
    }
}

.prd-seriesOverviewRecommended .prd-seriesCard-description {
    color: #666a6b
}

.prd-seriesCard-buttonList {
    display: flex;
    flex-wrap: wrap;
    margin-top: -1.6rem;
    margin-left: -2.4rem
}

@media(max-width:47.9375em) {
    .prd-seriesCard-buttonList {
        margin-left: -1.6rem
    }
}

.prd-seriesCard-buttonList.of-spaceY-2 {
    margin-top: -.8rem
}

.prd-seriesCard-buttonItem {
    padding-left: 2.4rem;
    margin-top: 1.6rem
}

@media(max-width:47.9375em) {
    .prd-seriesCard-buttonItem {
        width: 50%;
        padding-left: 1.6rem
    }

    .prd-seriesCard-buttonItem.prd-extraSmallScreen-width-auto {
        width: auto
    }
}

.prd-seriesCard-buttonList.of-spaceY-2 .prd-seriesCard-buttonItem {
    margin-top: .8rem
}

.prd-seriesCard-buttonWrapper {
    position: relative
}

.prd-seriesCard-detailsButton {
    display: flex;
    align-items: center;
    padding-top: .8rem;
    padding-bottom: .8rem;
    margin-top: 1.6rem;
    margin-left: 22rem;
    color: #dc002f;
    text-align: left;
    transition: color .2s cubic-bezier(.4, 0, .2, 1)
}

@media(max-width:47.9375em) {
    .prd-seriesCard-detailsButton {
        margin-left: 0
    }
}

@media(hover:hover) {
    .prd-seriesCard-detailsButton:hover {
        text-decoration: underline
    }
}

.prd-root.is-ie11 .prd-seriesCard-detailsButton:hover {
    text-decoration: underline
}

.prd-seriesCard-detailsIconWrapper {
    position: relative;
    flex-shrink: 0;
    width: 3rem;
    height: 3rem;
    margin-left: .4rem
}

.prd-seriesCard-detailsIcon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: #dc002f;
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1)
}

.prd-seriesCard-detailsButton[aria-expanded=false] .prd-seriesCard-detailsIcon.of-expanded,
.prd-seriesCard-detailsButton[aria-expanded=true] .prd-seriesCard-detailsIcon.of-collapsed {
    opacity: 0
}

.prd-seriesCard-detailsBody {
    padding-top: 1.6rem
}

@media(max-width:60.5625em) {
    .prd-seriesCard-detailsBody {
        margin-left: 22rem
    }
}

@media(max-width:47.9375em) {
    .prd-seriesCard-detailsBody {
        margin-left: 0
    }
}

@media(min-width:77.5625em) {
    .prd-seriesCard-detailsBody {
        margin-left: 22rem
    }
}

.prd-collapse.is-collapsing .prd-seriesCard-detailsBody {
    overflow: hidden
}

@media(min-width:60.625em) {
    .prd-seriesCard-feature {
        display: flex
    }
}

@media(min-width:60.625em) {
    .prd-seriesCard-featureSidebar {
        flex-basis: 28rem;
        margin-right: 2.4rem
    }
}

@media(min-width:60.625em) {
    .prd-seriesCard-featureBody {
        flex-basis: 0;
        flex-grow: 1
    }
}

.prd-seriesFeatureApplication {
    position: relative;
    padding-bottom: 7.2rem
}

.prd-seriesFeatureApplication:before {
    position: absolute;
    top: 4rem;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background-image: url(/img/core/products/series-feature-application.svg);
    background-position: 50%;
    background-size: cover
}

.prd-seriesFeatureApplication-inner {
    position: relative;
    overflow: hidden
}

.prd-seriesFeatureCarousel .glide {
    position: relative;
    width: 100%;
    box-sizing: border-box
}

.prd-seriesFeatureCarousel .glide * {
    box-sizing: inherit
}

.prd-seriesFeatureCarousel .glide__track {
    overflow: hidden
}

.prd-seriesFeatureCarousel .glide__slides {
    position: relative;
    width: 100%;
    list-style: none;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    touch-action: pan-Y;
    overflow: hidden;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap;
    will-change: transform
}

.prd-seriesFeatureCarousel .glide__slide,
.prd-seriesFeatureCarousel .glide__slides--dragging {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.prd-seriesFeatureCarousel .glide__slide {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    white-space: normal;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.prd-seriesFeatureCarousel .glide__slide a {
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.prd-seriesFeatureCarousel .glide__arrows,
.prd-seriesFeatureCarousel .glide__bullets {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.prd-seriesFeatureCarousel .glide--rtl {
    direction: rtl
}

.prd-seriesFeatureCarousel .glide--swipeable .glide__track {
    cursor: grab
}

.prd-seriesFeatureCarousel .glide--dragging .glide__track {
    cursor: grabbing
}

.prd-seriesFeatureCarousel .glide__bullet {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.8rem;
    height: 4rem
}

.prd-seriesFeatureCarousel .glide__bullet:before {
    display: block;
    width: .8rem;
    height: .8rem;
    content: "";
    background-color: #ddd;
    border-radius: 50%;
    transition: background-color .2s cubic-bezier(.4, 0, .2, 1)
}

.prd-seriesFeatureCarousel .glide__bullet:hover:before {
    background-color: #c9cbcb
}

.prd-seriesFeatureCarousel .glide__bullet--active:before {
    background-color: #dc002f
}

.prd-seriesFeatureCarousel .glide__bullet--active:hover:before {
    background-color: #c6002a
}

.prd-seriesFeatureCarousel-captionWrapper {
    display: grid;
    grid-template-areas: "seriesFeatureCarousel-caption"
}

.prd-seriesFeatureCarousel-caption {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: seriesFeatureCarousel-caption;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .2s;
    transition-property: visibility, opacity
}

.prd-seriesFeatureCarousel-caption[aria-hidden=true] {
    display: block;
    visibility: hidden;
    opacity: 0
}

@media(min-width:60.625em) {
    .prd-seriesFeatureCompare {
        display: grid;
        grid-template-areas: "seriesFeatureCompare-header-before . seriesFeatureCompare-header-after""seriesFeatureCompare-imageWrapper-before seriesFeatureCompare-between seriesFeatureCompare-imageWrapper-after""seriesFeatureCompare-body-before . seriesFeatureCompare-body-after";
        grid-template-columns: 1fr 14.0625% 1fr
    }
}

.prd-seriesFeatureCompare-labelOuter {
    display: inline-flex
}

.prd-seriesFeatureCompare-label {
    display: block;
    width: 100%;
    padding: .8rem 2.4rem;
    background: #e2e2e2;
    border-radius: 26px
}

@media(min-width:60.625em) {
    .prd-seriesFeatureCompare-header.of-before {
        grid-area: seriesFeatureCompare-header-before
    }
}

.prd-seriesFeatureCompare-imageWrapper.of-before {
    padding: 3.2rem
}

@media(min-width:60.625em) {
    .prd-seriesFeatureCompare-imageWrapper.of-before {
        grid-area: seriesFeatureCompare-imageWrapper-before
    }
}

@media(max-width:60.5625em) {
    .prd-seriesFeatureCompare-imageWrapper.of-before {
        padding: 0
    }
}

@media(min-width:60.625em) {
    .prd-seriesFeatureCompare-body.of-before {
        grid-area: seriesFeatureCompare-body-before
    }
}

.prd-seriesFeatureCompare-between {
    display: flex;
    align-items: center;
    justify-content: center
}

@media(min-width:60.625em) {
    .prd-seriesFeatureCompare-between {
        grid-area: seriesFeatureCompare-between
    }
}

@media(max-width:60.5625em) {
    .prd-seriesFeatureCompare-between {
        margin-top: 4rem;
        margin-bottom: 4rem
    }
}

.prd-seriesFeatureCompare-betweenIcon {
    width: 4rem;
    height: 2.7rem;
    fill: #dc002f
}

@media(max-width:60.5625em) {
    .prd-seriesFeatureCompare-betweenIcon {
        transform: rotate(90deg)
    }
}

@media(min-width:60.625em) {
    .prd-seriesFeatureCompare-header.of-after {
        grid-area: seriesFeatureCompare-header-after
    }
}

.prd-seriesFeatureCompare-header.of-after .prd-seriesFeatureCompare-label {
    color: #fff;
    background: #dc002f
}

@media(min-width:60.625em) {
    .prd-seriesFeatureCompare-imageWrapper.of-after {
        grid-area: seriesFeatureCompare-imageWrapper-after
    }
}

@media(min-width:60.625em) {
    .prd-seriesFeatureCompare-body.of-after {
        grid-area: seriesFeatureCompare-body-after
    }
}

@media (min-width:60.625em) {
    .prd-seriesFeatureCompare-header.of-before {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .prd-seriesFeatureCompare-imageWrapper.of-before {
        -ms-grid-row: 2;
        -ms-grid-column: 1
    }

    .prd-seriesFeatureCompare-body.of-before {
        -ms-grid-row: 3;
        -ms-grid-column: 1
    }

    .prd-seriesFeatureCompare-between {
        -ms-grid-row: 2;
        -ms-grid-column: 2
    }

    .prd-seriesFeatureCompare-header.of-after {
        -ms-grid-row: 1;
        -ms-grid-column: 3
    }

    .prd-seriesFeatureCompare-imageWrapper.of-after {
        -ms-grid-row: 2;
        -ms-grid-column: 3
    }

    .prd-seriesFeatureCompare-body.of-after {
        -ms-grid-row: 3;
        -ms-grid-column: 3
    }
}

@media(min-width:60.625em) {
    .prd-seriesFooter {
        padding: 7.2rem;
        background-color: #f0f0f0
    }
}

@media(min-width:60.625em) {
    .prd-seriesFooter.of-low {
        padding: 3.2rem
    }
}

@media(max-width:60.5625em) {
    .prd-seriesFooter-navList {
        flex-basis: 100%
    }
}

@media(min-width:60.625em) {
    .prd-seriesFooter-navList {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center
    }
}

@media(min-width:60.625em) {
    .prd-seriesFooter-navItem:not(:last-child) {
        padding-right: 1.6rem;
        margin-right: 1.6rem;
        border-right: 1px solid #ddd
    }
}

.prd-seriesFooter-navLink,
.prd-seriesFooter-navText {
    display: inline-flex;
    align-items: center;
    padding-top: .4rem;
    padding-bottom: .4rem;
    text-decoration: none
}

.prd-seriesFooter-navLink.of-download {
    color: #dc002f
}

.prd-seriesFooter-navLink.of-support {
    color: #13778f
}

@media(min-width:60.625em) {
    .prd-seriesFooter-navLink.of-support[href^="tel:"] {
        color: inherit
    }
}

@media(min-width:60.625em) {
    .prd-seriesFooter-navLink.of-support[href^="tel:"]:hover {
        text-decoration: none
    }
}

@media(hover:hover) {
    .prd-seriesFooter-navLink:hover {
        text-decoration: underline
    }
}

.prd-root.is-ie11 .prd-seriesFooter-navLink:hover {
    text-decoration: underline
}

.prd-seriesFooter-navText a[href^="tel:"] {
    color: #484b4c;
    text-decoration: none
}

.prd-seriesFooter-navLinkIcon {
    flex-shrink: 0;
    width: 3rem;
    height: 3rem;
    margin-left: .4rem;
    fill: currentColor
}

.prd-seriesHeader {
    position: relative;
    pointer-events: none
}

@media(min-width:60.625em) {
    .prd-seriesHeader {
        box-shadow: 0 1px #f0f0f0, 0 -1px #f0f0f0
    }
}

.prd-seriesHeader.of-primary {
    height: 108px
}

@media(max-width:60.5625em) {
    .prd-seriesHeader.of-primary {
        height: 103px
    }
}

.prd-seriesHeader.of-secondary {
    height: 56px
}

.prd-seriesHeader-sticky {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 10
}

.prd-seriesHeader.is-fixed .prd-seriesHeader-sticky {
    position: fixed
}

.prd-seriesHeader-common {
    position: relative;
    z-index: 1;
    pointer-events: auto;
    background-color: #fff;
    box-shadow: 0 1rem 2rem transparent;
    transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1)
}

.prd-seriesHeader.is-fixed:not(.is-specs-open) .prd-seriesHeader-common {
    box-shadow: 0 1rem 2rem rgba(46, 49, 51, .1)
}

.prd-seriesHeader-commonInner {
    display: grid
}

@media(max-width:60.5625em) {
    .prd-seriesHeader-commonInner {
        grid-template-areas: "seriesHeader-titleArea seriesHeader-buttonArea""seriesHeader-navigationArea seriesHeader-navigationArea";
        grid-template-columns: 1fr auto;
        -moz-column-gap: 2.4rem;
        column-gap: 2.4rem
    }
}

@media(min-width:60.625em) {
    .prd-seriesHeader-commonInner {
        grid-template-areas: "seriesHeader-titleArea seriesHeader-buttonArea""seriesHeader-titleArea seriesHeader-navigationArea";
        grid-template-rows: repeat(2, 1fr);
        grid-template-columns: 1fr auto;
        -moz-column-gap: 3.2rem;
        column-gap: 3.2rem
    }
}

@media(max-width:60.5625em) {
    .prd-seriesHeader.of-primary .prd-seriesHeader-commonInner {
        grid-template-areas: "seriesHeader-logoArea seriesHeader-logoArea""seriesHeader-navigationArea seriesHeader-navigationArea"
    }
}

@media(min-width:60.625em) {
    .prd-seriesHeader.of-primary .prd-seriesHeader-commonInner {
        grid-template-areas: "seriesHeader-logoArea .""seriesHeader-logoArea seriesHeader-navigationArea";
        grid-template-rows: minmax(min-content, 54px) 1fr;
        grid-template-columns: minmax(204px, max-content) 1fr
    }
}

@media(min-width:60.625em) {
    .prd-seriesHeader-commonInner>* {
        align-self: flex-end
    }
}

.prd-seriesHeader.of-secondary .prd-seriesHeader-commonInner {
    display: block;
    padding-top: 2.4rem
}

@media(max-width:60.5625em) {
    .prd-seriesHeader.of-secondary .prd-seriesHeader-commonInner {
        padding-top: 0
    }
}

.prd-seriesHeader-titleArea {
    grid-area: seriesHeader-titleArea;
    align-self: flex-start
}

@media(max-width:60.5625em) {
    .prd-seriesHeader-titleArea {
        margin-top: 1.6rem
    }
}

@media(min-width:60.625em) {
    .prd-seriesHeader-titleArea {
        display: flex;
        align-items: center;
        margin-top: 2rem;
        margin-bottom: 2rem
    }
}

.prd-seriesHeader-imageWrapper {
    flex-shrink: 0;
    margin-right: 2.4rem
}

@media(max-width:60.5625em) {
    .prd-seriesHeader-title {
        display: inline;
        margin-right: 1em
    }
}

@media(max-width:60.5625em) {
    .prd-seriesHeader-subtitle {
        display: inline;
        margin-left: -.25em
    }
}

.prd-seriesHeader-buttonArea {
    grid-area: seriesHeader-buttonArea
}

@media(max-width:60.5625em) {
    .prd-seriesHeader-buttonArea {
        margin-top: 1.6rem
    }
}

@media(min-width:60.625em) {
    .prd-seriesHeader-buttonArea {
        display: flex;
        justify-content: flex-end;
        margin-top: 2rem
    }
}

.prd-seriesHeader-navigationArea {
    grid-area: seriesHeader-navigationArea
}

@media(max-width:60.5625em) {
    .prd-seriesHeader-navigationArea {
        margin-top: 1.6rem
    }
}

@media(max-width:60.5625em) {

    .prd-seriesHeader.of-primary .prd-seriesHeader-navigationArea,
    .prd-seriesHeader.of-secondary .prd-seriesHeader-navigationArea {
        margin-top: 0
    }
}

.prd-seriesHeader-navigationListWrapper {
    white-space: nowrap
}

@media(max-width:60.5625em) {
    .prd-seriesHeader-navigationListWrapper {
        position: relative;
        padding-right: 2rem;
        padding-left: 2rem;
        margin-right: -2rem;
        margin-left: -2rem;
        overflow: auto;
        background-color: #f0f0f0
    }
}

@media(max-width:60.5625em) {
    .prd-seriesHeader.of-primary .prd-seriesHeader-navigationListWrapper {
        border-top: 1px solid #d0d0d0
    }
}

.prd-seriesHeader.of-secondary .prd-seriesHeader-navigationListWrapper:focus:not(:focus-visible) {
    outline: 0
}

.prd-seriesHeader-navigationList {
    display: flex
}

.prd-seriesHeader.of-primary .prd-seriesHeader-navigationList,
.prd-seriesHeader.of-secondary .prd-seriesHeader-navigationList {
    flex-wrap: wrap;
    justify-content: flex-end
}

@media(max-width:60.5625em) {

    .prd-seriesHeader.of-primary .prd-seriesHeader-navigationList,
    .prd-seriesHeader.of-secondary .prd-seriesHeader-navigationList {
        flex-wrap: nowrap;
        justify-content: flex-start
    }
}

@media(max-width:60.5625em) {
    .prd-seriesHeader.of-secondary .prd-seriesHeader-navigationList {
        font-size: 1.5rem
    }
}

@media(max-width:60.5625em) {
    .prd-seriesHeader-navigationItem+.prd-seriesHeader-navigationItem {
        margin-left: 2rem
    }
}

@media(min-width:60.625em) {
    .prd-seriesHeader-navigationItem+.prd-seriesHeader-navigationItem {
        margin-left: 2.4rem
    }
}

@media(min-width:77.5625em) {
    .prd-seriesHeader-navigationItem+.prd-seriesHeader-navigationItem {
        margin-left: 3.2rem
    }
}

@media(max-width:60.5625em) {
    .prd-seriesHeader-navigationList:after {
        flex-basis: 2rem;
        flex-shrink: 0;
        content: ""
    }
}

.prd-seriesHeader-navigationLink {
    display: flex;
    align-items: center;
    color: inherit;
    text-decoration: none;
    transition: color .2s cubic-bezier(.4, 0, .2, 1)
}

@media(hover:hover) {
    .prd-seriesHeader-navigationLink[href]:hover {
        color: #dc002f;
        text-decoration: underline
    }
}

.prd-root.is-ie11 .prd-seriesHeader-navigationLink[href]:hover,
.prd-seriesHeader.of-primary .prd-seriesHeader-navigationLink[href]:hover,
.prd-seriesHeader.of-secondary .prd-seriesHeader-navigationLink[href]:hover {
    color: #dc002f;
    text-decoration: underline
}

.prd-seriesHeader-navigationLink[aria-current=page] {
    font-weight: 700;
    color: #dc002f;
    box-shadow: inset 0 -.3rem #dc002f
}

.prd-seriesHeader-navigationLinkLabel {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem
}

.prd-seriesHeader-navigationIcon {
    width: 3rem;
    height: 3rem
}

.prd-seriesHeader-navigationIcon.of-download {
    fill: #dc002f
}

.prd-seriesHeader-navigationIcon.of-currency {
    fill: #13778f
}

.prd-seriesHeader-navigationOverlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    opacity: 0;
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1)
}

.prd-seriesHeader.of-secondary .prd-seriesHeader-navigationOverlay {
    margin-bottom: 0
}

@media(min-width:60.625em) {
    .prd-seriesHeader.of-secondary .prd-seriesHeader-navigationOverlay {
        display: none
    }
}

.prd-seriesHeader-navigationListWrapper.is-overflowing:not(.is-hasScrolled) .prd-seriesHeader-navigationOverlay {
    opacity: 1
}

.prd-seriesHeader-navigationOverlay:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 16rem;
    content: "";
    background-image: linear-gradient(90deg, hsla(0, 0%, 94.1%, 0), #f0f0f0)
}

.prd-seriesHeader-navigationOverlayIcon {
    position: absolute;
    top: 50%;
    right: 2rem;
    width: 3rem;
    height: 3rem;
    pointer-events: auto;
    cursor: pointer;
    transform: translateY(-50%)
}

.prd-seriesHeader-navigationListWrapper.is-overflowing.is-hasScrolled .prd-seriesHeader-navigationOverlayIcon {
    pointer-events: none
}

.prd-seriesHeader-logoArea {
    grid-area: seriesHeader-logoArea;
    align-self: center;
    font-size: 1rem;
    line-height: 1
}

@media (max-width:60.5625em) {
    .prd-seriesHeader-titleArea {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .prd-seriesHeader-buttonArea {
        -ms-grid-row: 1;
        -ms-grid-column: 3
    }

    .prd-seriesHeader-navigationArea {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3
    }

    .prd-seriesHeader.of-primary .prd-seriesHeader-commonInner>.prd-seriesHeader-navigationArea {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }

    .prd-seriesHeader-logoArea {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }
}

@media (min-width:60.625em) {
    .prd-seriesHeader-titleArea {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 1
    }

    .prd-seriesHeader-buttonArea {
        -ms-grid-row: 1;
        -ms-grid-column: 3
    }

    .prd-seriesHeader-navigationArea {
        -ms-grid-row: 2;
        -ms-grid-column: 3;
        -ms-grid-column-span: 1
    }

    .prd-seriesHeader.of-primary .prd-seriesHeader-commonInner>.prd-seriesHeader-navigationArea {
        -ms-grid-row: 2;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1
    }

    .prd-seriesHeader.of-primary .prd-seriesHeader-commonInner>.prd-seriesHeader-logoArea {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1
    }
}

@media(max-width:60.5625em) {
    .prd-seriesHeader-logoArea {
        margin: 1.6rem 4rem;
        text-align: center
    }
}

@media(min-width:60.625em) {
    .prd-seriesHeader-logoArea {
        margin-top: 2rem;
        margin-bottom: 2rem
    }
}

.prd-seriesHeader-logoArea>a {
    display: inline-block
}

.prd-seriesHeader-logoArea>a img {
    width: 18.4rem;
    height: 3.2rem
}

@media(max-width:60.5625em) {
    .prd-seriesHeader-logoArea>a img {
        width: 9.2rem;
        height: 1.6rem
    }
}

.prd-seriesHeader-specsHeader {
    display: none;
    pointer-events: auto;
    visibility: hidden;
    border-top: 1px solid #f0f0f0;
    box-shadow: 0 1rem 2rem rgba(46, 49, 51, .1);
    opacity: 0;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .2s;
    transition-property: visibility, opacity
}

@media(max-width:60.5625em) {
    .prd-seriesHeader-specsHeader {
        padding-top: .8rem;
        padding-bottom: .8rem;
        background-color: #fafafa
    }
}

@media(min-width:60.625em) {
    .prd-seriesHeader-specsHeader {
        padding-top: 1.6rem;
        padding-bottom: 1.6rem;
        background-color: #fff
    }
}

.prd-seriesHeader.is-fixed .prd-seriesHeader-specsHeader {
    display: block
}

.prd-seriesHeader.is-specs-open .prd-seriesHeader-specsHeader {
    visibility: visible;
    opacity: 1
}

.prd-seriesHeader.of-primary .prd-seriesHeader-navigationLink:hover {
    color: #dc002f;
    text-decoration: underline
}

.prd-seriesOverviewIntroduction {
    display: grid
}

@media(max-width:60.5625em) {
    .prd-seriesOverviewIntroduction {
        display: block;
        grid-template-areas: "seriesOverviewIntroduction-imageArea seriesOverviewIntroduction-textArea""seriesOverviewIntroduction-callToActionArea seriesOverviewIntroduction-callToActionArea""seriesOverviewIntroduction-footer seriesOverviewIntroduction-footer";
        grid-template-columns: auto 1fr;
        -moz-column-gap: 1.6rem;
        column-gap: 1.6rem
    }
}

@media(min-width:60.625em) {
    .prd-seriesOverviewIntroduction {
        grid-template-areas: "seriesOverviewIntroduction-imageArea seriesOverviewIntroduction-textArea seriesOverviewIntroduction-callToActionArea""seriesOverviewIntroduction-imageArea seriesOverviewIntroduction-footer seriesOverviewIntroduction-callToActionArea";
        grid-template-rows: 1fr auto;
        grid-template-columns: auto 1fr 28rem;
        -moz-column-gap: 4rem;
        column-gap: 4rem;
        padding-bottom: 4rem;
        border-bottom: 1px solid #ddd
    }
}

.prd-seriesOverviewIntroduction-imageArea {
    grid-area: seriesOverviewIntroduction-imageArea;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin: 0 auto;
    overflow: hidden
}

.prd-seriesOverviewIntroduction-imageArea>.prd-seriesOverviewIntroduction-image:not(canvas) {
    filter: drop-shadow(30px 80px 25px rgba(48, 50, 51, .2))
}

.prd-seriesOverviewIntroduction-image {
    display: block
}

@media(max-width:60.5625em) {
    .prd-seriesOverviewIntroduction-image {
        width: 12rem;
        height: 12rem;
        margin-right: auto;
        margin-left: auto
    }
}

@media(min-width:60.625em) {
    .prd-seriesOverviewIntroduction-image {
        width: 18rem
    }
}

.prd-seriesOverviewIntroduction-textArea {
    grid-area: seriesOverviewIntroduction-textArea
}

@media(min-width:60.625em) {
    .prd-seriesOverviewIntroduction-textArea {
        margin-bottom: 2.4rem
    }
}

.prd-seriesOverviewIntroduction-textArea .is-hide {
    display: none
}

.prd-seriesOverviewIntroduction-moreButton {
    color: #13778f;
    text-decoration: underline
}

.prd-seriesOverviewIntroduction-moreButton:hover {
    text-decoration: none
}

.prd-seriesOverviewIntroduction-callToActionArea {
    grid-area: seriesOverviewIntroduction-callToActionArea
}

.prd-seriesOverviewIntroduction-footerArea {
    grid-area: seriesOverviewIntroduction-footer
}

@media (max-width:60.5625em) {
    .prd-seriesOverviewIntroduction-imageArea {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .prd-seriesOverviewIntroduction-textArea {
        -ms-grid-row: 1;
        -ms-grid-column: 3
    }

    .prd-seriesOverviewIntroduction-callToActionArea {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3
    }

    .prd-seriesOverviewIntroduction-footerArea {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3
    }
}

@media (min-width:60.625em) {
    .prd-seriesOverviewIntroduction-imageArea {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 1
    }

    .prd-seriesOverviewIntroduction-textArea {
        -ms-grid-row: 1;
        -ms-grid-column: 3
    }

    .prd-seriesOverviewIntroduction-callToActionArea {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 5;
        -ms-grid-column-span: 1
    }

    .prd-seriesOverviewIntroduction-footerArea {
        -ms-grid-row: 2;
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        display: flex;
        flex-wrap: wrap
    }
}

@media(max-width:60.5625em) {

    .prd-seriesOverviewIntroduction-textArea+.prd-seriesOverviewIntroduction-callToActionArea,
    .prd-seriesOverviewIntroduction-textArea+.prd-seriesOverviewIntroduction-footerArea {
        margin-top: 6.4rem
    }
}

@media(max-width:60.5625em) {
    .prd-seriesOverviewIntroduction-callToActionArea+.prd-seriesOverviewIntroduction-footerArea {
        margin-top: 3.2rem
    }
}

@media(min-width:60.625em) {
    .prd-seriesOverviewIntroduction-footerItem:not(:last-child) {
        padding-right: 1.6rem;
        margin-right: 1.6rem;
        border-right: 1px solid #ddd
    }
}

.prd-seriesOverviewIntroduction-footerLink {
    display: inline-flex;
    align-items: center;
    padding-top: .4rem;
    padding-bottom: .4rem;
    color: #13778f;
    text-decoration: none
}

@media(hover:hover) {
    .prd-seriesOverviewIntroduction-footerLink:hover {
        text-decoration: underline
    }
}

.prd-root.is-ie11 .prd-seriesOverviewIntroduction-footerLink:hover {
    text-decoration: underline
}

@media(min-width:60.625em) {
    .prd-seriesOverviewIntroduction-footerLink[href^="tel:"] {
        color: inherit
    }
}

@media(min-width:60.625em) {
    .prd-seriesOverviewIntroduction-footerLink[href^="tel:"]:hover {
        text-decoration: none
    }
}

.prd-seriesOverviewIntroduction-footerLinkIcon {
    flex-shrink: 0;
    width: 3rem;
    height: 3rem;
    margin-left: .4rem;
    fill: currentColor
}

@media(min-width:60.625em) {
    .prd-seriesOverviewJumbotron {
        display: flex
    }
}

@media(min-width:60.625em) {

    .prd-seriesOverviewJumbotron-body,
    .prd-seriesOverviewJumbotron-imageWrapper {
        flex-basis: 0;
        flex-grow: 1
    }
}

.prd-seriesOverviewJumbotron-imageWrapper {
    position: relative;
    overflow: hidden
}

.prd-seriesOverviewJumbotron-imageWrapper:before {
    display: block;
    padding-top: 100%;
    content: ""
}

.prd-seriesOverviewJumbotron-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover;";
    animation: prd-seriesOverviewJumbotron-image 1.5s cubic-bezier(.4, 0, .2, 1)
}

@keyframes prd-seriesOverviewJumbotron-image {
    0% {
        transform: scale(1.05)
    }
}

.prd-seriesOverviewJumbotron-body {
    background-color: #2e3133
}

@media(max-width:60.5625em) {
    .prd-seriesOverviewJumbotron-body {
        padding-top: 6.4rem;
        padding-bottom: 6.4rem
    }
}

@media(min-width:60.625em) {
    .prd-seriesOverviewJumbotron-body {
        padding-top: 4rem;
        padding-bottom: 4rem
    }
}

.prd-seriesOverviewJumbotron-body .prd-utility-color-gray {
    color: #969a9b !important
}

.prd-seriesOverviewJumbotron-bodyInner {
    padding-right: 2rem;
    padding-left: 2rem;
    animation: prd-seriesOverviewJumbotron-bodyInner 1.5s cubic-bezier(.4, 0, .2, 1)
}

@media(min-width:60.625em) {
    .prd-seriesOverviewJumbotron-bodyInner {
        box-sizing: content-box;
        display: flex;
        flex-direction: column;
        max-width: 56.8rem;
        height: 100%;
        padding-left: 7.2rem
    }
}

@keyframes prd-seriesOverviewJumbotron-bodyInner {
    0% {
        opacity: 0;
        transform: translateY(-1.6rem)
    }
}

.prd-seriesOverviewJumbotron-new {
    display: inline-block;
    font-size: 2.4rem;
    color: #f50439
}

html:not(.theme-KC):not(.theme-KW):not(.theme-KK) .prd-seriesOverviewJumbotron-new {
    font-weight: 600
}

.prd-seriesOverviewJumbotron-titleInline {
    font-weight: inherit
}

.prd-seriesOverviewJumbotron-buttonList {
    display: flex;
    flex-wrap: wrap;
    margin: -16px 0 0 -16px
}

.prd-seriesOverviewJumbotron-buttonList>li {
    display: flex;
    flex-wrap: wrap;
    padding-left: 16px;
    margin-top: 16px
}

@media(max-width:60.5625em) {
    .prd-seriesOverviewJumbotron-buttonList>li {
        width: 100%
    }
}

@media(max-width:60.5625em) {
    .prd-seriesOverviewJumbotron-buttonList>li .prd-button {
        width: 100%;
        max-width: none
    }
}

.prd-seriesOverviewJumbotron-buttonList>li>:last-child {
    margin-bottom: 0
}

.prd-seriesOverviewRecommendedCard {
    padding-top: 4rem;
    padding-bottom: 0;
    border-top: 1px solid #545859;
    box-shadow: 0 1px #ddd;
    box-shadow: none
}

@media(max-width:47.9375em) {
    .prd-seriesOverviewRecommendedCard {
        padding-top: 3.2rem
    }
}

.prd-seriesOverviewRecommendedCard-inner {
    position: relative;
    display: grid;
    grid-template-areas: "seriesOverviewRecommendedCard-image seriesOverviewRecommendedCard-header""seriesOverviewRecommendedCard-image seriesOverviewRecommendedCard-body";
    grid-template-rows: auto 1fr;
    grid-template-columns: auto 1fr
}

@media(max-width:47.9375em) {
    .prd-seriesOverviewRecommendedCard-inner {
        grid-template-areas: "seriesOverviewRecommendedCard-image seriesOverviewRecommendedCard-header""seriesOverviewRecommendedCard-body seriesOverviewRecommendedCard-body"
    }
}

.prd-seriesOverviewRecommendedCard-imageWrapper {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    position: relative;
    grid-area: seriesOverviewRecommendedCard-image;
    align-self: flex-start;
    margin-right: 4rem;
    overflow: hidden;
    background-color: #f0f0f0
}

@media(max-width:47.9375em) {
    .prd-seriesOverviewRecommendedCard-imageWrapper {
        margin-right: 1.6rem
    }
}

.prd-seriesOverviewRecommendedCard-imageWrapper:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background-color: rgba(0, 0, 0, .2);
    opacity: 0;
    transition: opacity .4s cubic-bezier(.4, 0, .2, 1)
}

@media(hover:hover) {
    .prd-seriesOverviewRecommendedCard:not(.is-hasHover) .prd-seriesOverviewRecommendedCard-inner:hover .prd-seriesOverviewRecommendedCard-imageWrapper:after {
        opacity: 1
    }
}

.prd-root.is-ie11 .prd-seriesOverviewRecommendedCard:not(.is-hasHover) .prd-seriesOverviewRecommendedCard-inner:hover .prd-seriesOverviewRecommendedCard-imageWrapper:after {
    opacity: 1
}

.prd-seriesOverviewRecommendedCard-imageWrapper>.prd-seriesOverviewRecommendedCard-image:not(canvas) {
    filter: drop-shadow(30px 80px 25px rgba(48, 50, 51, .2))
}

.prd-seriesOverviewRecommendedCard-image {
    width: 18rem;
    transition: transform .4s cubic-bezier(.4, 0, .2, 1)
}

@media(max-width:47.9375em) {
    .prd-seriesOverviewRecommendedCard-image {
        width: 10rem
    }
}

@media(hover:hover) {
    .prd-seriesOverviewRecommendedCard:not(.is-hasHover) .prd-seriesOverviewRecommendedCard-inner:hover .prd-seriesOverviewRecommendedCard-image {
        transform: scale(1.05)
    }
}

.prd-root.is-ie11 .prd-seriesOverviewRecommendedCard:not(.is-hasHover) .prd-seriesOverviewRecommendedCard-inner:hover .prd-seriesOverviewRecommendedCard-image {
    transform: scale(1.05)
}

.prd-seriesOverviewRecommendedCard.of-minimal .prd-seriesOverviewRecommendedCard-image {
    width: 10rem
}

@media(max-width:47.9375em) {
    .prd-seriesOverviewRecommendedCard.of-minimal .prd-seriesOverviewRecommendedCard-image {
        width: 4.8rem
    }
}

.prd-seriesOverviewRecommendedCard-header {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    grid-area: seriesOverviewRecommendedCard-header
}

.prd-seriesOverviewRecommendedCard-link {
    color: inherit;
    text-decoration: none;
    transition: color .4s cubic-bezier(.4, 0, .2, 1)
}

@media(hover:hover) {
    .prd-seriesOverviewRecommendedCard-link:hover .prd-seriesOverviewRecommendedCard-linkLabel {
        color: #dc002f;
        text-decoration: underline
    }
}

.prd-root.is-ie11 .prd-seriesOverviewRecommendedCard-link:hover .prd-seriesOverviewRecommendedCard-linkLabel {
    color: #dc002f;
    text-decoration: underline
}

@media(hover:hover) {
    .prd-seriesOverviewRecommended .prd-seriesOverviewRecommendedCard-link:hover .prd-seriesOverviewRecommendedCard-linkLabel {
        color: inherit
    }
}

.prd-root.is-ie11 .prd-seriesOverviewRecommended .prd-seriesOverviewRecommendedCard-link:hover .prd-seriesOverviewRecommendedCard-linkLabel {
    color: inherit
}

.prd-seriesOverviewRecommendedCard-link:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ""
}

.prd-seriesOverviewRecommendedCard-body {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    grid-area: seriesOverviewRecommendedCard-body
}

@media (max-width:47.9375em) {
    .prd-seriesOverviewRecommendedCard-imageWrapper {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1
    }

    .prd-seriesOverviewRecommendedCard-header {
        -ms-grid-row: 1;
        -ms-grid-column: 2
    }

    .prd-seriesOverviewRecommendedCard-body {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }
}

.prd-seriesOverviewRecommended .prd-seriesOverviewRecommendedCard-description {
    color: #666a6b
}

.prd-seriesOverviewRecommendedCard-buttonWrapper {
    position: relative
}

.prd-seriesOverviewRecommendedCard-note {
    text-align: right
}

.prd-seriesOverviewRecommended {
    background-color: #2e3133
}

@media(max-width:60.5625em) {
    .prd-seriesOverviewRecommended {
        padding: 4.8rem 2rem 6.4rem;
        margin-right: -2rem;
        margin-left: -2rem
    }
}

@media(min-width:60.625em) {
    .prd-seriesOverviewRecommended {
        padding: 6.4rem 7.2rem
    }
}

.prd-seriesOverviewRecommended-label {
    color: #666a6b
}

@media(max-width:60.5625em) {
    .prd-seriesOverviewSpecialMedia {
        padding: 4.8rem 2rem 6.4rem
    }
}

@media(min-width:60.625em) {
    .prd-seriesOverviewSpecialMedia {
        display: flex;
        padding: 4rem
    }
}

@media(max-width:60.5625em) {
    .prd-layout-container .prd-seriesOverviewSpecialMedia {
        margin-right: -2rem;
        margin-left: -2rem
    }
}

.prd-seriesOverviewSpecialMedia.of-theme-darkGreen {
    color: #fff;
    background-image: linear-gradient(to right bottom, #385661, #1a282c)
}

.prd-seriesOverviewSpecialMedia.of-theme-lightGreen {
    color: #fff;
    background-image: linear-gradient(to right bottom, #b1c6cd, #385561)
}

.prd-seriesOverviewSpecialMedia.of-theme-darkBlue {
    color: #fff;
    background-image: linear-gradient(to right bottom, #425080, #1e2743)
}

.prd-seriesOverviewSpecialMedia.of-theme-lightBlue {
    color: #fff;
    background-image: linear-gradient(to right bottom, #bdc7d3, #2e4673)
}

.prd-seriesOverviewSpecialMedia.of-theme-darkGray {
    color: #fff;
    background-image: linear-gradient(to right bottom, #535a66, #1a1e26)
}

.prd-seriesOverviewSpecialMedia.of-theme-lightGray {
    color: #2e3133;
    background-image: linear-gradient(to right bottom, #eaeaea, #d5d5d5)
}

.prd-seriesOverviewSpecialMedia.of-theme-black {
    color: #fff;
    background-image: linear-gradient(to right bottom, #373737, #111)
}

@media(min-width:60.625em) {
    .prd-seriesOverviewSpecialMedia-figure {
        flex: none;
        width: 24.5rem;
        margin-right: 4rem
    }
}

@media(min-width:60.625em) {
    .prd-seriesOverviewSpecialMedia-body {
        flex: auto;
        margin-right: 4rem
    }
}

.prd-seriesOverviewSpecialMedia-title.prd-seriesOverviewSpecialMedia-title {
    color: inherit
}

.prd-seriesOverviewSpecialMedia-muted {
    opacity: .6
}

@media(min-width:60.625em) {
    .prd-seriesOverviewSpecialMedia-buttonWrapper {
        flex: none
    }
}

.prd-slate {
    background-color: #f0f0f0
}

@media(max-width:60.5625em) {
    .prd-slate {
        padding: 2.4rem
    }
}

@media(min-width:60.625em) {
    .prd-slate {
        padding: 6.4rem 7.2rem
    }
}

@media(max-width:60.5625em) {
    .prd-slate.of-padding-primary {
        padding: 2.4rem
    }
}

@media(min-width:60.625em) {
    .prd-slate.of-padding-primary {
        padding: 4rem
    }
}

@media(max-width:60.5625em) {
    .prd-slate.of-narrow {
        padding: 2.4rem 2rem
    }
}

@media(min-width:60.625em) {
    .prd-slate.of-narrow {
        padding: 2.4rem 3.2rem
    }
}

.prd-slate .prd-slate {
    background-color: #fff
}

@media(min-width:60.625em) {
    .prd-seriesCard-detailsBody .prd-slate {
        padding: 3.2rem
    }
}

.prd-slate-columns {
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-gap: 2.4rem;
    column-gap: 2.4rem
}

@media(max-width:47.9375em) {
    .prd-slate-columns {
        -moz-column-count: auto;
        column-count: auto
    }
}

.prd-slate-columns>* {
    -moz-column-break-inside: avoid;
    break-inside: avoid
}

.prd-slate-withSidebar {
    display: flex
}

@media(max-width:47.9375em) {
    .prd-slate-withSidebar {
        display: block
    }
}

.prd-slate-withSidebar>:first-child {
    flex-basis: 40.9429280397%;
    flex-shrink: 0;
    max-width: 33rem
}

@media(max-width:60.5625em) {
    .prd-slate-withSidebar>:first-child {
        margin-right: 2.4rem
    }
}

@media(max-width:47.9375em) {
    .prd-slate-withSidebar>:first-child {
        max-width: none;
        margin-right: 0
    }
}

@media(min-width:60.625em) {
    .prd-slate-withSidebar>:first-child {
        margin-right: 4rem
    }
}

.prd-slate-withSidebar>:last-child {
    flex: 1
}

.prd-slate-media {
    display: grid;
    grid-template-areas: "slate-mediaImageWrapper slate-mediaHeader""slate-mediaImageWrapper slate-mediaBody";
    grid-template-rows: auto 1fr;
    grid-template-columns: auto 1fr
}

@media(max-width:47.9375em) {
    .prd-slate-media {
        grid-template-areas: "slate-mediaImageWrapper slate-mediaHeader""slate-mediaBody slate-mediaBody"
    }
}

.prd-slate-mediaImageWrapper {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    grid-area: slate-mediaImageWrapper;
    align-self: flex-start;
    width: 15rem;
    margin-right: 4rem
}

.prd-slate-media.of-primary>.prd-slate-mediaImageWrapper {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1
}

@media(max-width:47.9375em) {
    .prd-slate-mediaImageWrapper {
        width: 12rem;
        margin-right: 1.6rem
    }
}

.prd-slate-mediaContainedImageWrapper {
    position: relative
}

.prd-slate-mediaContainedImageWrapper:before {
    display: block;
    padding-top: 100%;
    content: ""
}

.prd-slate-mediaContainedImage {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-position: top;
    object-position: top;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: "object-fit: contain;"
}

.prd-slate-mediaHeader {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    grid-area: slate-mediaHeader
}

.prd-slate-mediaBody {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    grid-area: slate-mediaBody
}

.prd-slate-media.of-primary>.prd-slate-mediaBody {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1
}

@media (max-width:47.9375em) {
    .prd-slate-mediaImageWrapper {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1
    }

    .prd-slate-mediaHeader {
        -ms-grid-row: 1;
        -ms-grid-column: 2
    }

    .prd-slate-mediaBody {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }
}

.prd-slate-mediaTitleLink {
    color: inherit;
    text-decoration: none;
    transition: color .2s cubic-bezier(.4, 0, .2, 1)
}

@media(hover:hover) {
    .prd-slate-mediaTitleLink:hover {
        color: #dc002f
    }
}

.prd-root.is-ie11 .prd-slate-mediaTitleLink:hover {
    color: #dc002f
}

@media(hover:hover) {
    .prd-slate-mediaTitleLink:hover .prd-slate-mediaTitleLinkLabel {
        text-decoration: underline
    }
}

.prd-root.is-ie11 .prd-slate-mediaTitleLink:hover .prd-slate-mediaTitleLinkLabel {
    text-decoration: underline
}

.prd-slate-box {
    padding: 3.2rem 4rem 4rem;
    background-color: #fff
}

@media(max-width:47.9375em) {
    .prd-slate-box {
        padding: 2rem
    }
}

.prd-slate-tableOfContentsTitleLink {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: .4rem;
    padding-bottom: 1.2rem;
    color: inherit;
    text-decoration: none
}

.prd-slate-tableOfContentsTitleLinkIcon {
    flex: none;
    width: 2.4rem;
    height: 2.4rem;
    margin-right: .8rem;
    margin-left: 1.6rem;
    fill: #dc002f;
    transform: rotate(90deg)
}

@media(max-width:60.5625em) {
    .prd-formMultiStep .prd-slate {
        padding: 2.4rem
    }
}

@media(min-width:60.625em) {
    .prd-formMultiStep .prd-slate {
        padding: 4rem
    }
}

.prd-slate-media.of-primary {
    grid-template-areas: "slate-mediaImageWrapper slate-mediaBody"
}

@media(max-width:60.5625em) {
    .prd-slate-media.of-primary {
        display: flex;
        flex-direction: column-reverse;
        width: 100%
    }
}

.prd-slate-media.of-primary .prd-slate-mediaBody {
    align-self: center
}

@media(max-width:60.5625em) {
    .prd-slate-media.of-primary .prd-slate-mediaBody {
        width: 100%
    }
}

.prd-slate-media.of-primary .prd-slate-mediaImageWrapper {
    align-self: center;
    width: 12rem;
    margin-right: 1.6rem;
    text-align: center
}

@media(max-width:60.5625em) {
    .prd-slate-media.of-primary .prd-slate-mediaImageWrapper {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: flex-end;
        width: 100%;
        margin-right: 0;
        margin-left: -.8rem;
        text-align: left
    }
}

@media(max-width:60.5625em) {
    .prd-slate-media.of-primary .prd-slate-mediaImageWrapper>* {
        margin-left: .8rem
    }
}

.prd-slate-media.of-primary .prd-slate-mediaIcon {
    width: 5.6rem;
    min-width: 5.6rem;
    height: 5.6rem;
    vertical-align: bottom;
    fill: #484b4c
}

.prd-slate-media.of-primary .prd-slate-mediaIcon.of-fill-blue {
    fill: #0e71c8
}

.prd-specsSelectTable tr {
    display: flex;
    flex-wrap: wrap
}

@media(max-width:60.5625em) {
    .prd-specsSelectTable tr {
        margin-right: -.8rem;
        margin-left: -.8rem
    }
}

@media(min-width:60.625em) {
    .prd-specsSelectTable tr {
        margin-right: -2rem;
        margin-left: -2rem
    }
}

.prd-specsSelectTable tbody tr:first-child {
    margin-top: 6.4rem
}

@media(max-width:60.5625em) {
    .prd-specsSelectTable tfoot tr {
        margin-top: 3.2rem
    }
}

@media(min-width:60.625em) {
    .prd-specsSelectTable tfoot tr {
        margin-top: 7.2rem
    }
}

.prd-specsSelectTable td,
.prd-specsSelectTable th {
    display: block
}

@media(max-width:60.5625em) {

    .prd-specsSelectTable td,
    .prd-specsSelectTable th {
        margin-right: .8rem;
        margin-left: .8rem
    }
}

@media(min-width:60.625em) {

    .prd-specsSelectTable td,
    .prd-specsSelectTable th {
        margin-right: 2rem;
        margin-left: 2rem
    }
}

@media(max-width:60.5625em) {

    .prd-specsSelectTable td:last-child,
    .prd-specsSelectTable th:last-child {
        display: none
    }
}

.prd-specsSelectTable td,
.prd-specsSelectTable th[scope=col] {
    flex: 1;
    min-width: 0
}

.prd-specsSelectTable th {
    font-weight: inherit;
    text-align: inherit
}

.prd-specsSelectTable th[scope=row] {
    flex: 100%
}

.prd-specsSelectTable-modelImageWrapper {
    position: relative;
    background-color: #f0f0f0
}

.prd-specsSelectTable-modelImageWrapper:before {
    display: block;
    padding-top: 100%;
    content: ""
}

.prd-specsSelectTable-modelImage {
    position: absolute;
    top: 50%;
    left: 50%;
    height: auto;
    transform: translate(-50%, -50%)
}

@media(max-width:60.5625em) {
    .prd-specsSelectTable-modelImage {
        width: 87.5%
    }
}

@media(min-width:60.625em) {
    .prd-specsSelectTable-modelImage {
        width: 75%
    }
}

.prd-specsSelectTable-subHeader>[aria-hidden=true] {
    display: block
}

@media(max-width:60.5625em) {
    .prd-specsSelectTable-subHeader>:last-child {
        display: none
    }
}

@media(max-width:60.5625em) {
    .prd-specsTable {
        position: relative;
        display: flex;
        overflow: auto
    }
}

@media(max-width:60.5625em) {
    .prd-layout-container .prd-specsTable {
        margin-right: -2rem;
        margin-left: -2rem
    }
}

@media(max-width:60.5625em) {

    .prd-layout-container .prd-specsTable:after,
    .prd-layout-container .prd-specsTable:before {
        flex-basis: 2rem;
        flex-shrink: 0;
        content: ""
    }
}

.prd-specsTable p {
    margin-bottom: 0
}

.prd-specsTable .specTable-row td {
    padding: .8rem 1.6rem;
    vertical-align: top;
    border: 1px solid #ddd
}

@media(max-width:60.5625em) {
    .prd-specsTable .specTable-row td {
        min-width: 30rem
    }
}

@media(min-width:60.625em) {
    .prd-specsTable .specTable-row td {
        width: 9999px
    }
}

.prd-specsTable .specTable-row .specTable-clm-0,
.prd-specsTable .specTable-row .specTable-clm-1,
.prd-specsTable .specTable-row .specTable-clm-2,
.prd-specsTable .specTable-row .specTable-clm-3 {
    width: 16rem;
    min-width: 16rem;
    background-color: #f0f0f0
}

.prd-specsTable-imageWrapper {
    display: block;
    margin: -.8rem -1.6rem;
    text-align: center;
    background-color: #fff
}

.prd-specsTable-image {
    width: 100%;
    max-width: 24rem;
    height: auto
}

.prd-specsTable .specTable-foot p {
    width: calc(100vw - 4rem);
    max-width: 95rem;
    margin-top: 3.2rem;
    color: #666a6b
}

@media(max-width:60.5625em) {
    .prd-specsTable .specTable-foot p {
        white-space: normal
    }
}

.prd-specsTable-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    opacity: 0;
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1)
}

.prd-specsTable.is-overflowing:not(.is-hasScrolled) .prd-specsTable-overlay {
    opacity: 1
}

.prd-specsTable-overlay:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 16rem;
    content: "";
    background-image: linear-gradient(90deg, hsla(0, 0%, 98%, 0), #fafafa)
}

.prd-specsTable-overlayInner {
    position: absolute;
    top: 8rem;
    right: 2rem;
    pointer-events: auto;
    cursor: pointer
}

.prd-specsTable-overlayInner[aria-hidden=true] {
    display: block
}

.prd-specsTable-overlayIcon {
    width: 4rem;
    height: 4rem;
    vertical-align: bottom;
    pointer-events: none
}

.prd-specsTable-overlayLabel {
    color: #dc002f;
    text-align: center
}

#SurveyForm.enquete2019 .prd-form-labelGroup {
    margin-bottom: .4rem
}

#SurveyForm.enquete2019 .prd-form-label.of-textbox {
    font-weight: 400
}

#SurveyForm.enquete2019 .prd-layout-grid.of-vertical {
    flex-direction: column
}

#SurveyForm.enquete2019 .prd-layout-grid .prd-checkbox,
#SurveyForm.enquete2019 .prd-layout-grid .prd-radio {
    display: flex;
    flex-direction: column;
    cursor: pointer
}

#SurveyForm.enquete2019 .prd-layout-grid .prd-checkbox>.prd-checkbox-inner,
#SurveyForm.enquete2019 .prd-layout-grid .prd-checkbox>.prd-radio-inner,
#SurveyForm.enquete2019 .prd-layout-grid .prd-checkbox>img,
#SurveyForm.enquete2019 .prd-layout-grid .prd-radio>.prd-checkbox-inner,
#SurveyForm.enquete2019 .prd-layout-grid .prd-radio>.prd-radio-inner,
#SurveyForm.enquete2019 .prd-layout-grid .prd-radio>img {
    margin-bottom: .4rem
}

#SurveyForm.enquete2019 .prd-layout-grid .prd-checkbox>.prd-image-outer,
#SurveyForm.enquete2019 .prd-layout-grid .prd-radio>.prd-image-outer {
    margin-bottom: .8rem
}

#SurveyForm.enquete2019 .prd-layout-grid .prd-checkbox>.prd-image-outer+.prd-checkbox-inner,
#SurveyForm.enquete2019 .prd-layout-grid .prd-checkbox>.prd-image-outer+.prd-radio-inner,
#SurveyForm.enquete2019 .prd-layout-grid .prd-radio>.prd-image-outer+.prd-checkbox-inner,
#SurveyForm.enquete2019 .prd-layout-grid .prd-radio>.prd-image-outer+.prd-radio-inner {
    order: -1
}

#SurveyForm.enquete2019 .EnqColumn .prd-layout-cluster .prd-checkbox,
#SurveyForm.enquete2019 .EnqColumn .prd-layout-cluster .prd-radio {
    display: inline-flex;
    flex-wrap: wrap
}

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

    #SurveyForm.enquete2019 .EnqColumn .prd-layout-cluster .prd-checkbox>:not(input),
    #SurveyForm.enquete2019 .EnqColumn .prd-layout-cluster .prd-radio>:not(input) {
        width: 100%
    }
}

#SurveyForm.enquete2019 .EnqColumn .prd-layout-cluster .prd-checkbox>.prd-image-outer,
#SurveyForm.enquete2019 .EnqColumn .prd-layout-cluster .prd-radio>.prd-image-outer {
    margin-bottom: .8rem
}

#SurveyForm.enquete2019 .EnqColumn .prd-layout-cluster .prd-checkbox>.prd-image-outer+.prd-checkbox-inner,
#SurveyForm.enquete2019 .EnqColumn .prd-layout-cluster .prd-checkbox>.prd-image-outer+.prd-radio-inner,
#SurveyForm.enquete2019 .EnqColumn .prd-layout-cluster .prd-radio>.prd-image-outer+.prd-checkbox-inner,
#SurveyForm.enquete2019 .EnqColumn .prd-layout-cluster .prd-radio>.prd-image-outer+.prd-radio-inner {
    order: -1
}

#SurveyForm.enquete2019 .EnqColumn.Col3 .prd-layout-cluster>li {
    width: calc(33.333% - 16px)
}

@media screen and (max-width:969px) {
    #SurveyForm.enquete2019 .EnqColumn.Col3 .prd-layout-cluster>li {
        width: calc(100% - 16px)
    }
}

#SurveyForm.enquete2019 .EnqColumn.Col4 .prd-layout-cluster>li {
    width: calc(25% - 16px)
}

@media screen and (max-width:969px) {
    #SurveyForm.enquete2019 .EnqColumn.Col4 .prd-layout-cluster>li {
        width: calc(100% - 16px)
    }
}

#SurveyForm.enquete2019 .EnqColumn.Col5 .prd-layout-cluster>li {
    width: calc(20% - 16px)
}

@media screen and (max-width:969px) {
    #SurveyForm.enquete2019 .EnqColumn.Col5 .prd-layout-cluster>li {
        width: calc(100% - 16px)
    }
}

#SurveyForm.enquete2019 .prd-layout-cluster {
    align-items: center
}

#SurveyForm.enquete2019 .prd-layout-cluster>li {
    display: inline-block
}

@media screen and (max-width:969px) {
    #SurveyForm.enquete2019 .prd-layout-cluster>li {
        width: 100%
    }
}

#SurveyForm.enquete2019 .prd-layout-cluster>li .prd-input {
    display: inline-block;
    width: auto;
    vertical-align: baseline
}

@media screen and (max-width:969px) {
    #SurveyForm.enquete2019 .prd-layout-cluster>li .prd-input {
        width: 100%;
        margin-top: .4rem;
        margin-left: 0
    }
}

#SurveyForm.enquete2019 .prd-layout-cluster.of-vertical>li {
    width: 100%
}

#SurveyForm.enquete2019 .prd-layout-cluster .prd-checkbox,
#SurveyForm.enquete2019 .prd-layout-cluster .prd-radio {
    margin-right: .4rem;
    cursor: pointer
}

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

    #SurveyForm.enquete2019 .prd-layout-cluster .prd-checkbox,
    #SurveyForm.enquete2019 .prd-layout-cluster .prd-radio {
        width: 100%
    }
}

#SurveyForm.enquete2019 .prd-checkbox-inner,
#SurveyForm.enquete2019 .prd-radio-inner {
    display: inline-block
}

#SurveyForm.enquete2019 .prd-image {
    margin: auto
}

#SurveyForm.enquete2019 .prd-checkbox-nativeControl:checked~.prd-checkbox-inner .prd-checkbox-icon.of-checked,
#SurveyForm.enquete2019 .prd-radio-nativeControl:checked~.prd-radio-inner .prd-radio-icon.of-checked {
    opacity: 1
}

#SurveyForm.enquete2019 .prd-input,
#SurveyForm.enquete2019 .prd-select {
    min-height: 36px
}

#SurveyForm.enquete2019 .prd-select {
    padding: .6rem 4.6rem .6rem 2rem
}

#SurveyForm.enquete2019 .prd-select.CustomSelect {
    font-size: 1.7rem
}

#SurveyForm.enquete2019 .prd-radio {
    display: inline-block
}

#SurveyForm.enquete2019 .prd-checkbox-icon,
#SurveyForm.enquete2019 .prd-radio-icon {
    margin-top: .3rem
}

#SurveyForm.enquete2019 .prd-inputGroup.is-error .prd-form-errorText {
    margin-top: 8px
}

#SurveyForm.enquete2019 .prd-inputGroup.is-error .prd-form-errorText.of-primary {
    padding: .8rem 1.6rem;
    background-color: hsla(0, 0%, 100%, .9)
}

#SurveyForm.enquete2019.BorderedBox {
    padding: 10px 23px 0;
    background: #fff;
    border: 1px solid #b7b7b7
}

@media screen and (max-width:969px) {
    #SurveyForm.enquete2019.BorderedBox {
        padding: 10px 9px 0
    }
}

#SurveyForm.enquete2019.BorderedBox .BorderedBoxTitle {
    padding: 6px 23px;
    margin: -10px -23px 10px
}

@media screen and (max-width:969px) {
    #SurveyForm.enquete2019.BorderedBox .BorderedBoxTitle {
        padding: 6px 9px;
        margin: -10px -9px 10px
    }
}

#SurveyForm.enquete2019.BorderedBox .ErrorMessage,
#SurveyForm.enquete2019.BorderedBox p,
#SurveyForm.enquete2019.BorderedBox ul {
    margin-bottom: -.8rem
}

#SurveyForm.enquete2019.BorderedBox .ErrorMessage {
    padding: 0;
    margin: 0;
    background-color: transparent
}

#SurveyForm.enquete2019 .TitleAndText>.Title {
    margin-bottom: 10px;
    font-weight: 400;
    color: inherit
}

#SurveyForm.enquete2019 .CustomTextArea,
#SurveyForm.enquete2019 input.CustomText {
    position: static;
    padding: .5rem 1.2rem;
    font-size: inherit;
    border: .1rem solid #c9cbcb
}

#SurveyForm.enquete2019 input.CustomText {
    border-radius: .4rem
}

#SurveyForm.enquete2019 input.CustomCheckbox,
#SurveyForm.enquete2019 input.CustomRadio {
    top: 3px;
    opacity: 1
}

#SurveyForm.enquete2019 .CustomTextArea {
    border-radius: 0
}

.enquete2020.survey .CustomTextArea.prd-utility-width-100 {
    width: 100%
}

.enquete2020 .survey-prevButton {
    padding-left: 0
}

.enquete2020 .survey-prevButton:before {
    content: none
}

.enquete2020 .prd-layout-grid.of-vertical {
    flex-direction: column
}

.enquete2020 .prd-inlineLink.of-previous.is-hide {
    display: none
}

.enquete2020 .EnqColumn.Col3 .prd-layout-cluster>li {
    width: calc(33.333% - 16px)
}

@media screen and (max-width:969px) {
    .enquete2020 .EnqColumn.Col3 .prd-layout-cluster>li {
        width: calc(100% - 16px)
    }
}

.enquete2020 .EnqColumn.Col4 .prd-layout-cluster>li {
    width: calc(25% - 16px)
}

@media screen and (max-width:969px) {
    .enquete2020 .EnqColumn.Col4 .prd-layout-cluster>li {
        width: calc(100% - 16px)
    }
}

.enquete2020 .EnqColumn.Col5 .prd-layout-cluster>li {
    width: calc(20% - 16px)
}

@media screen and (max-width:969px) {
    .enquete2020 .EnqColumn.Col5 .prd-layout-cluster>li {
        width: calc(100% - 16px)
    }
}

@media screen and (max-width:969px) {
    .enquete2020 .prd-layout-cluster {
        flex-direction: column
    }
}

.enquete2020 .prd-layout-cluster.of-vertical>li {
    width: 100%
}

.enquete2020 .prd-layout-cluster>li {
    display: flex;
    flex-direction: column;
    width: calc(50% - 16px)
}

@media screen and (max-width:969px) {
    .enquete2020 .prd-layout-cluster>li {
        width: calc(100% - 16px)
    }
}

.enquete2020 .prd-checkbox,
.enquete2020 .prd-radio {
    display: flex;
    flex-direction: column-reverse;
    cursor: pointer
}

.enquete2020 .prd-checkbox+.prd-input,
.enquete2020 .prd-radio+.prd-input {
    margin-top: .8rem
}

.enquete2020 .prd-checkbox-icon,
.enquete2020 .prd-checkbox-nativeControl,
.enquete2020 .prd-radio-icon,
.enquete2020 .prd-radio-nativeControl {
    top: 1.7rem;
    left: 2rem
}

.enquete2020 .prd-checkbox-inner,
.enquete2020 .prd-radio-inner {
    align-items: flex-start;
    height: 100%;
    padding: 1.5rem 2rem 1.5rem 4.8rem
}

.enquete2020 .prd-checkbox-nativeControl:checked~.prd-checkbox-inner {
    background-color: #fff1df
}

.enquete2020 .prd-checkbox-nativeControl:checked~.prd-checkbox-inner .prd-checkbox-icon.of-checked {
    opacity: 1
}

.enquete2020 .prd-checkbox-nativeControl:checked~.prd-image-outer,
.enquete2020 .prd-radio-nativeControl:checked~.prd-radio-inner {
    background-color: #fff1df
}

.enquete2020 .prd-radio-nativeControl:checked~.prd-radio-inner .prd-radio-icon.of-checked {
    opacity: 1
}

.enquete2020 .prd-radio-nativeControl:checked~.prd-image-outer {
    background-color: #fff1df
}

.enquete2020 .prd-image-outer {
    width: 100%;
    padding: 1.5rem 2rem 2rem;
    margin: 0 auto
}

.enquete2020 .prd-image-outer+.prd-checkbox-inner {
    height: auto
}

.enquete2020 .prd-image-outer .prd-image {
    margin: auto
}

.prd-switch {
    display: inline-flex;
    align-items: center;
    cursor: pointer
}

.prd-switch-button {
    width: 5rem;
    height: 3rem;
    margin-left: 1.6rem;
    background-color: #ddd;
    border-radius: 99rem;
    transition: background-color .2s cubic-bezier(.4, 0, .2, 1)
}

@media(hover:hover) {
    .prd-switch:hover .prd-switch-button[aria-checked=false] {
        background-color: #c9cbcb
    }
}

.prd-root.is-ie11 .prd-switch:hover .prd-switch-button[aria-checked=false] {
    background-color: #c9cbcb
}

.prd-switch-button[aria-checked=true] {
    background-color: #dc002f
}

@media(hover:hover) {
    .prd-switch:hover .prd-switch-button[aria-checked=true] {
        background-color: #cf002c
    }
}

.prd-root.is-ie11 .prd-switch:hover .prd-switch-button[aria-checked=true] {
    background-color: #cf002c
}

.prd-switch-button:before {
    display: block;
    width: 2.6rem;
    height: calc(100% - .4rem);
    margin: .2rem;
    content: "";
    background-color: #fff;
    border-radius: 99rem;
    box-shadow: 0 .3rem .8rem rgba(46, 49, 51, .15), 0 .3rem .1rem rgba(46, 49, 51, .06);
    transition: transform .2s cubic-bezier(.4, 0, .2, 1)
}

.prd-switch-button[aria-checked=true]:before {
    transform: translateX(2rem)
}

.prd-tabNavigation {
    position: relative;
    overflow: auto;
    white-space: nowrap
}

@media(max-width:60.5625em) {
    .prd-tabNavigation {
        margin-right: -2rem;
        margin-left: -2rem
    }
}

.prd-tabNavigation:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 16rem;
    pointer-events: none;
    content: "";
    background-image: linear-gradient(90deg, hsla(0, 0%, 98%, 0), #fafafa);
    opacity: 0;
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1)
}

.prd-tabNavigation.is-overflowing:not(.is-hasScrolled):after {
    opacity: 1
}

.prd-tabNavigation-list {
    display: flex;
    margin-bottom:20px;
}

.prd-tabNavigation-list:after,
.prd-tabNavigation-list:before {
    display: block;
    flex-shrink: 0;
    content: ""
}

@media(max-width:60.5625em) {

    .prd-tabNavigation-list:after,
    .prd-tabNavigation-list:before {
        flex-basis: 2rem
    }
}

.prd-tabNavigation-list:after {
    flex-grow: 1;
    box-shadow: inset 0 -1px #c9cbcb
}

@media(max-width:60.5625em) {
    .prd-tabNavigation-list:after {
        margin-right: 2rem
    }
}

.prd-tabNavigation-item {
    flex: none;
    height: 87px;
    line-height: 87px;
    box-shadow: inset 0 -1px #c9cbcb
    
}

.prd-tabNavigation-item+.prd-tabNavigation-item {
    padding-left: 3.2rem;
}

.prd-tabNavigation-link {
    display: flex;
    align-items: center;
    height: 100%;
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
    color: inherit;
    text-decoration: none;
    transition: color .2s cubic-bezier(.4, 0, .2, 1)
}

.prd-tabNavigation-link[aria-current=page],
.prd-tabNavigation-link[aria-selected=true] {
    font-weight: 600;
    color: #dc002f;
    box-shadow: inset 0 -.3rem #dc002f
}

.prd-tabNavigation-link[aria-selected=true] .prd-inlineLinkChevron {
    display: none
}

@media(hover:hover) {
    .prd-tabNavigation-link[href]:hover {
        color: #dc002f
    }
}

.prd-root.is-ie11 .prd-tabNavigation-link[href]:hover {
    color: #dc002f
}

.prd-tabNavigation-icon {
    flex: none;
    width: 6rem;
    height: 4.5rem;
    margin-top: -.4rem;
    margin-bottom: -.4rem;
    opacity: .3;
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1)
}

.prd-tabNavigation-link[aria-current=page] .prd-tabNavigation-icon {
    opacity: 1
}

@media(hover:hover) {
    .prd-tabNavigation-link[href]:hover .prd-tabNavigation-icon {
        opacity: 1
    }
}

.prd-root.is-ie11 .prd-tabNavigation-link[href]:hover .prd-tabNavigation-icon {
    opacity: 1
}

@media(hover:hover) {
    .prd-tabNavigation-link[href]:hover .prd-tabNavigation-linkLabel {
        text-decoration: underline
    }
}

.prd-root.is-ie11 .prd-tabNavigation-link[href]:hover .prd-tabNavigation-linkLabel {
    text-decoration: underline
}

@media(max-width:60.5625em) {
    .prd-table {
        position: relative;
        display: flex;
        overflow: auto;
        white-space: nowrap
    }
}

@media(max-width:60.5625em) {
    .prd-layout-container .prd-table {
        margin-right: -2rem;
        margin-left: -2rem
    }
}

@media(max-width:60.5625em) {

    .prd-layout-container .prd-table:after,
    .prd-layout-container .prd-table:before {
        flex-basis: 2rem;
        flex-shrink: 0;
        content: ""
    }
}

.prd-table td,
.prd-table th {
    padding: .8rem 1.6rem;
    vertical-align: top;
    border: 1px solid #ddd
}

.prd-table th {
    font-weight: inherit;
    text-align: left;
    background-color: #f0f0f0
}

.prd-table-imageCell {
    background-color: #fff
}

.prd-table-imageCell.prd-table-imageCell {
    padding: 0;
    vertical-align: middle
}

.prd-table-image {
    width: 24rem;
    margin-right: auto;
    margin-left: auto
}

.prd-table-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    opacity: 0;
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1)
}

.prd-table.is-overflowing:not(.is-hasScrolled) .prd-table-overlay {
    opacity: 1
}

.prd-table-overlay:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 16rem;
    content: "";
    background-image: linear-gradient(90deg, hsla(0, 0%, 98%, 0), #fafafa)
}

.prd-table-overlayInner {
    position: absolute;
    top: 8rem;
    right: 2rem;
    pointer-events: auto;
    cursor: pointer
}

.prd-table-overlayInner[aria-hidden=true] {
    display: block
}

.prd-table-overlayIcon {
    width: 4rem;
    height: 4rem;
    vertical-align: bottom;
    pointer-events: none
}

.prd-table-overlayLabel {
    color: #dc002f;
    text-align: center
}

.prd-table.of-primary {
    white-space: inherit;
    table-layout: fixed
}

@media(max-width:60.5625em) {
    .prd-table.of-primary {
        display: table
    }
}

.prd-table.of-primary td,
.prd-table.of-primary th {
    vertical-align: middle
}

@media(max-width:60.5625em) {

    .prd-table.of-primary td,
    .prd-table.of-primary th {
        display: block;
        width: auto !important;
        padding: 0
    }
}

.prd-table.of-primary td.of-backgroundColor-white,
.prd-table.of-primary th.of-backgroundColor-white {
    background-color: #fff
}

.prd-table.of-primary td.of-backgroundColor-gray,
.prd-table.of-primary th.of-backgroundColor-gray {
    background-color: #f0f0f0
}

@media(max-width:60.5625em) {
    .prd-table.of-primary tr>* {
        border-top: 0
    }
}

@media(max-width:60.5625em) {
    .prd-table.of-primary tr:first-child>:first-child {
        border-top: 1px solid #ddd
    }
}

.prd-table.of-primary thead td,
.prd-table.of-primary thead th {
    text-align: center
}

.prd-table.of-primary thead th {
    background-color: inherit
}

.prd-table.of-primary thead td {
    background-color: #f0f0f0
}

@media(max-width:60.5625em) {
    .prd-table.of-primary .prd-table-bodyGroup {
        display: flex
    }

    .prd-table.of-primary .prd-table-bodyGroup>* {
        display: flex;
        flex: 1;
        flex-direction: column;
        justify-content: center;
        padding: .8rem 1.6rem;
        border-right: 1px solid #ddd
    }

    .prd-table.of-primary .prd-table-bodyGroup>:last-child {
        border-right: 0
    }

    .prd-table.of-primary .prd-table-bodyGroup>*>* {
        width: 100%
    }
}

@media(max-width:60.5625em) {
    .prd-table.of-primary .prd-table-body {
        padding: .8rem 1.6rem
    }
}

.prd-table.of-primary .prd-table-body.of-backgroundColor-lightGray {
    background-color: #fafafa
}

.prd-table.of-primary .prd-table-body.of-backgroundColor-gray {
    background-color: #f0f0f0
}

.prd-table.of-secondary {
    white-space: inherit;
    table-layout: fixed
}

@media(max-width:60.5625em) {
    .prd-table.of-secondary {
        display: table
    }
}

.prd-table.of-secondary td,
.prd-table.of-secondary th {
    padding: 0
}

@media(max-width:60.5625em) {

    .prd-table.of-secondary td,
    .prd-table.of-secondary th {
        display: block;
        width: auto !important
    }
}

.prd-table.of-secondary td>*,
.prd-table.of-secondary th>* {
    border-bottom: 1px solid #ddd
}

.prd-table.of-secondary td>:last-child,
.prd-table.of-secondary th>:last-child {
    border-bottom: 0
}

.prd-table.of-secondary td.of-backgroundColor-white,
.prd-table.of-secondary th.of-backgroundColor-white {
    background-color: #fff
}

.prd-table.of-secondary td.of-backgroundColor-gray,
.prd-table.of-secondary th.of-backgroundColor-gray {
    background-color: #f0f0f0
}

@media(max-width:60.5625em) {
    .prd-table.of-secondary tr>* {
        border-top: 0
    }
}

@media(max-width:60.5625em) {
    .prd-table.of-secondary tr:first-child>:first-child {
        border-top: 1px solid #ddd
    }
}

.prd-table.of-secondary thead td,
.prd-table.of-secondary thead th {
    padding: .8rem 1.6rem
}

.prd-table.of-secondary .prd-table-body {
    display: block;
    padding: .8rem 1.6rem
}

.prd-table.of-secondary .prd-table-body.of-backgroundColor-lightGray {
    background-color: #fafafa
}

.prd-table.of-secondary .prd-table-body.of-backgroundColor-gray {
    background-color: #f0f0f0
}

@media(max-width:60.5625em) {
    .prd-table.of-secondary .prd-table-body {
        border-bottom: 1px solid #ddd
    }

    .prd-table.of-secondary .prd-table-body:last-child {
        border-bottom: 0
    }

    .prd-table.of-secondary .prd-table-body>* {
        width: 100%
    }
}

@media(max-width:60.5625em) {
    .prd-table.smallScreen-tableRow-divide tbody>tr:not(:last-child) {
        border-bottom: 2px solid #ddd
    }
}

@media(max-width:60.5625em) {

    .prd-layout-container .prd-table.of-primary,
    .prd-layout-container .prd-table.of-secondary {
        margin-right: 0;
        margin-left: 0
    }
}

.prd-table.of-border-row tr:not([style="display: none;"])+tr {
    border-top: 3px solid #ddd
}

@media(max-width:60.5625em) {
    .prd-table.smallScreen-border-row tr: not([style="display: none;"])+tr {
        border-top: 3px solid #ddd
    }
}

@media(max-width:47.9375em) {
    .prd-table.extraSmallScreen-border-row tr: not([style="display: none;"])+tr {
        border-top: 3px solid #ddd
    }
}

@media(min-width:60.625em) {
    .prd-table.largeScreen-border-row tr: not([style="display: none;"])+tr {
        border-top: 3px solid #ddd
    }
}

@media(min-width:77.5625em) {
    .prd-table.extraLargeScreen-border-row tr: not([style="display: none;"])+tr {
        border-top: 3px solid #ddd
    }
}

.prd-table.of-parallel tr:first-child td {
    border-top: 1px solid #ddd
}

.prd-table.of-parallel td,
.prd-table.of-parallel th {
    display: table-cell
}

@media(max-width:60.5625em) {
    .prd-table.smallScreen-parallel tr:first-child td {
        border-top: 1px solid #ddd
    }

    .prd-table.smallScreen-parallel td,
    .prd-table.smallScreen-parallel th {
        display: table-cell
    }
}

@media(max-width:47.9375em) {
    .prd-table.extraSmallScreen-parallel tr:first-child td {
        border-top: 1px solid #ddd
    }

    .prd-table.extraSmallScreen-parallel td,
    .prd-table.extraSmallScreen-parallel th {
        display: table-cell
    }
}

@media(min-width:60.625em) {
    .prd-table.largeScreen-parallel tr:first-child td {
        border-top: 1px solid #ddd
    }

    .prd-table.largeScreen-parallel td,
    .prd-table.largeScreen-parallel th {
        display: table-cell
    }
}

@media(min-width:77.5625em) {
    .prd-table.extraLargeScreen-parallel tr:first-child td {
        border-top: 1px solid #ddd
    }

    .prd-table.extraLargeScreen-parallel td,
    .prd-table.extraLargeScreen-parallel th {
        display: table-cell
    }
}

.prd-textarea {
    display: block;
    max-width: 100%;
    padding: .5rem 1.2rem;
    border: .1rem solid #ddd
}

.prd-textarea:disabled {
    background: #e5e5e5
}

.prd-inputGroup.is-error .prd-textarea,
.prd-textareaGroup.is-error .prd-textarea {
    background: #fbe4e4 !important;
    border: .1rem solid #dc002f !important
}

.prd-textareaGroup.is-error .prd-form-errorText {
    margin-top: 8px
}

.prd-topicList-item {
    position: relative;
    display: flex;
    align-items: center;
    padding: 2.4rem 0 2rem;
    border-bottom: 1px solid #ddd
}

@media(max-width:60.5625em) {
    .prd-topicList-item {
        flex-direction: column;
        align-items: flex-start;
        padding: 1.2rem 0
    }
}

.prd-topicList-item:first-child {
    border-top: 1px solid #ddd
}

.prd-topicList-dataGroup {
    display: flex;
    align-items: center;
    margin-bottom: 0
}

@media(max-width:60.5625em) {
    .prd-topicList-dataGroup {
        display: block;
        width: 100%
    }
}

.prd-topicList-data {
    display: block;
    padding-right: 3.2rem;
    font-size: 1.3rem;
    line-height: 1.3;
    color: #666a6b
}

@media(min-width:60.625em) {
    .prd-topicList-data {
        width: 150px
    }
}

@media(max-width:60.5625em) {
    .prd-topicList-data {
        display: inline-block;
        width: auto;
        padding-right: 1.6rem
    }
}

.prd-topicList-data+.prd-topicList-data {
    text-transform: uppercase
}

@media(max-width:60.5625em) {
    .prd-topicList-data:last-child {
        padding-right: 0
    }
}

.prd-topicList-item .prd-inlineLink {
    flex: 1;
    width: 100%
}

@media(max-width:60.5625em) {
    .prd-topicList-item .prd-inlineLink {
        flex: 1 0 auto
    }
}

.prd-topicList-item .prd-inlineLink:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ""
}

.prd-totalizer {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.prd-totalizer.of-spaceX-0,
.prd-totalizer.of-spaceX-0>* {
    margin-right: 0;
    margin-left: 0
}

.prd-totalizer.of-spaceY-0,
.prd-totalizer.of-spaceY-0>* {
    margin-top: 0;
    margin-bottom: 0
}

.prd-totalizer.of-spaceX-1 {
    margin-right: -.2rem;
    margin-left: -.2rem
}

.prd-totalizer.of-spaceX-1>* {
    margin-right: .2rem;
    margin-left: .2rem
}

.prd-totalizer.of-spaceY-1 {
    margin-top: -.2rem;
    margin-bottom: -.2rem
}

.prd-totalizer.of-spaceY-1>* {
    margin-top: .2rem;
    margin-bottom: .2rem
}

.prd-totalizer.of-spaceX-2 {
    margin-right: -.4rem;
    margin-left: -.4rem
}

.prd-totalizer.of-spaceX-2>* {
    margin-right: .4rem;
    margin-left: .4rem
}

.prd-totalizer.of-spaceY-2 {
    margin-top: -.4rem;
    margin-bottom: -.4rem
}

.prd-totalizer.of-spaceY-2>* {
    margin-top: .4rem;
    margin-bottom: .4rem
}

.prd-totalizer.of-spaceX-3 {
    margin-right: -.8rem;
    margin-left: -.8rem
}

.prd-totalizer.of-spaceX-3>* {
    margin-right: .8rem;
    margin-left: .8rem
}

.prd-totalizer.of-spaceY-3 {
    margin-top: -.8rem;
    margin-bottom: -.8rem
}

.prd-totalizer.of-spaceY-3>* {
    margin-top: .8rem;
    margin-bottom: .8rem
}

.prd-totalizer.of-spaceX-4 {
    margin-right: -1rem;
    margin-left: -1rem
}

.prd-totalizer.of-spaceX-4>* {
    margin-right: 1rem;
    margin-left: 1rem
}

.prd-totalizer.of-spaceY-4 {
    margin-top: -1rem;
    margin-bottom: -1rem
}

.prd-totalizer.of-spaceY-4>* {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.prd-totalizer.of-spaceX-5 {
    margin-right: -1.2rem;
    margin-left: -1.2rem
}

.prd-totalizer.of-spaceX-5>* {
    margin-right: 1.2rem;
    margin-left: 1.2rem
}

.prd-totalizer.of-spaceY-5 {
    margin-top: -1.2rem;
    margin-bottom: -1.2rem
}

.prd-totalizer.of-spaceY-5>* {
    margin-top: 1.2rem;
    margin-bottom: 1.2rem
}

.prd-totalizer.of-spaceX-6 {
    margin-right: -1.6rem;
    margin-left: -1.6rem
}

.prd-totalizer.of-spaceX-6>* {
    margin-right: 1.6rem;
    margin-left: 1.6rem
}

.prd-totalizer.of-spaceY-6 {
    margin-top: -1.6rem;
    margin-bottom: -1.6rem
}

.prd-totalizer.of-spaceY-6>* {
    margin-top: 1.6rem;
    margin-bottom: 1.6rem
}

.prd-totalizer.of-spaceX-7 {
    margin-right: -2rem;
    margin-left: -2rem
}

.prd-totalizer.of-spaceX-7>* {
    margin-right: 2rem;
    margin-left: 2rem
}

.prd-totalizer.of-spaceY-7 {
    margin-top: -2rem;
    margin-bottom: -2rem
}

.prd-totalizer.of-spaceY-7>* {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.prd-totalizer.of-spaceX-8 {
    margin-right: -3.2rem;
    margin-left: -3.2rem
}

.prd-totalizer.of-spaceX-8>* {
    margin-right: 3.2rem;
    margin-left: 3.2rem
}

.prd-totalizer.of-spaceY-8 {
    margin-top: -3.2rem;
    margin-bottom: -3.2rem
}

.prd-totalizer.of-spaceY-8>* {
    margin-top: 3.2rem;
    margin-bottom: 3.2rem
}

.prd-totalizer.of-spaceX-9 {
    margin-right: -3.6rem;
    margin-left: -3.6rem
}

.prd-totalizer.of-spaceX-9>* {
    margin-right: 3.6rem;
    margin-left: 3.6rem
}

.prd-totalizer.of-spaceY-9 {
    margin-top: -3.6rem;
    margin-bottom: -3.6rem
}

.prd-totalizer.of-spaceY-9>* {
    margin-top: 3.6rem;
    margin-bottom: 3.6rem
}

.prd-totalizer.of-spaceX-10 {
    margin-right: -6rem;
    margin-left: -6rem
}

.prd-totalizer.of-spaceX-10>* {
    margin-right: 6rem;
    margin-left: 6rem
}

.prd-totalizer.of-spaceY-10 {
    margin-top: -6rem;
    margin-bottom: -6rem
}

.prd-totalizer.of-spaceY-10>* {
    margin-top: 6rem;
    margin-bottom: 6rem
}

.prd-totalizer.of-spaceX-11 {
    margin-right: -7.2rem;
    margin-left: -7.2rem
}

.prd-totalizer.of-spaceX-11>* {
    margin-right: 7.2rem;
    margin-left: 7.2rem
}

.prd-totalizer.of-spaceY-11 {
    margin-top: -7.2rem;
    margin-bottom: -7.2rem
}

.prd-totalizer.of-spaceY-11>* {
    margin-top: 7.2rem;
    margin-bottom: 7.2rem
}

.prd-totalizer.of-spaceX-12 {
    margin-right: -8.4rem;
    margin-left: -8.4rem
}

.prd-totalizer.of-spaceX-12>* {
    margin-right: 8.4rem;
    margin-left: 8.4rem
}

.prd-totalizer.of-spaceY-12 {
    margin-top: -8.4rem;
    margin-bottom: -8.4rem
}

.prd-totalizer.of-spaceY-12>* {
    margin-top: 8.4rem;
    margin-bottom: 8.4rem
}

@media(max-width:60.5625em) {

    .prd-totalizer.smallScreen-spaceX-0,
    .prd-totalizer.smallScreen-spaceX-0>* {
        margin-right: 0;
        margin-left: 0
    }

    .prd-totalizer.smallScreen-spaceY-0,
    .prd-totalizer.smallScreen-spaceY-0>* {
        margin-top: 0;
        margin-bottom: 0
    }

    .prd-totalizer.smallScreen-spaceX-1 {
        margin-right: -.2rem;
        margin-left: -.2rem
    }

    .prd-totalizer.smallScreen-spaceX-1>* {
        margin-right: .2rem;
        margin-left: .2rem
    }

    .prd-totalizer.smallScreen-spaceY-1 {
        margin-top: -.2rem;
        margin-bottom: -.2rem
    }

    .prd-totalizer.smallScreen-spaceY-1>* {
        margin-top: .2rem;
        margin-bottom: .2rem
    }

    .prd-totalizer.smallScreen-spaceX-2 {
        margin-right: -.4rem;
        margin-left: -.4rem
    }

    .prd-totalizer.smallScreen-spaceX-2>* {
        margin-right: .4rem;
        margin-left: .4rem
    }

    .prd-totalizer.smallScreen-spaceY-2 {
        margin-top: -.4rem;
        margin-bottom: -.4rem
    }

    .prd-totalizer.smallScreen-spaceY-2>* {
        margin-top: .4rem;
        margin-bottom: .4rem
    }

    .prd-totalizer.smallScreen-spaceX-3 {
        margin-right: -.8rem;
        margin-left: -.8rem
    }

    .prd-totalizer.smallScreen-spaceX-3>* {
        margin-right: .8rem;
        margin-left: .8rem
    }

    .prd-totalizer.smallScreen-spaceY-3 {
        margin-top: -.8rem;
        margin-bottom: -.8rem
    }

    .prd-totalizer.smallScreen-spaceY-3>* {
        margin-top: .8rem;
        margin-bottom: .8rem
    }

    .prd-totalizer.smallScreen-spaceX-4 {
        margin-right: -1rem;
        margin-left: -1rem
    }

    .prd-totalizer.smallScreen-spaceX-4>* {
        margin-right: 1rem;
        margin-left: 1rem
    }

    .prd-totalizer.smallScreen-spaceY-4 {
        margin-top: -1rem;
        margin-bottom: -1rem
    }

    .prd-totalizer.smallScreen-spaceY-4>* {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .prd-totalizer.smallScreen-spaceX-5 {
        margin-right: -1.2rem;
        margin-left: -1.2rem
    }

    .prd-totalizer.smallScreen-spaceX-5>* {
        margin-right: 1.2rem;
        margin-left: 1.2rem
    }

    .prd-totalizer.smallScreen-spaceY-5 {
        margin-top: -1.2rem;
        margin-bottom: -1.2rem
    }

    .prd-totalizer.smallScreen-spaceY-5>* {
        margin-top: 1.2rem;
        margin-bottom: 1.2rem
    }

    .prd-totalizer.smallScreen-spaceX-6 {
        margin-right: -1.6rem;
        margin-left: -1.6rem
    }

    .prd-totalizer.smallScreen-spaceX-6>* {
        margin-right: 1.6rem;
        margin-left: 1.6rem
    }

    .prd-totalizer.smallScreen-spaceY-6 {
        margin-top: -1.6rem;
        margin-bottom: -1.6rem
    }

    .prd-totalizer.smallScreen-spaceY-6>* {
        margin-top: 1.6rem;
        margin-bottom: 1.6rem
    }

    .prd-totalizer.smallScreen-spaceX-7 {
        margin-right: -2rem;
        margin-left: -2rem
    }

    .prd-totalizer.smallScreen-spaceX-7>* {
        margin-right: 2rem;
        margin-left: 2rem
    }

    .prd-totalizer.smallScreen-spaceY-7 {
        margin-top: -2rem;
        margin-bottom: -2rem
    }

    .prd-totalizer.smallScreen-spaceY-7>* {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .prd-totalizer.smallScreen-spaceX-8 {
        margin-right: -3.2rem;
        margin-left: -3.2rem
    }

    .prd-totalizer.smallScreen-spaceX-8>* {
        margin-right: 3.2rem;
        margin-left: 3.2rem
    }

    .prd-totalizer.smallScreen-spaceY-8 {
        margin-top: -3.2rem;
        margin-bottom: -3.2rem
    }

    .prd-totalizer.smallScreen-spaceY-8>* {
        margin-top: 3.2rem;
        margin-bottom: 3.2rem
    }

    .prd-totalizer.smallScreen-spaceX-9 {
        margin-right: -3.6rem;
        margin-left: -3.6rem
    }

    .prd-totalizer.smallScreen-spaceX-9>* {
        margin-right: 3.6rem;
        margin-left: 3.6rem
    }

    .prd-totalizer.smallScreen-spaceY-9 {
        margin-top: -3.6rem;
        margin-bottom: -3.6rem
    }

    .prd-totalizer.smallScreen-spaceY-9>* {
        margin-top: 3.6rem;
        margin-bottom: 3.6rem
    }

    .prd-totalizer.smallScreen-spaceX-10 {
        margin-right: -6rem;
        margin-left: -6rem
    }

    .prd-totalizer.smallScreen-spaceX-10>* {
        margin-right: 6rem;
        margin-left: 6rem
    }

    .prd-totalizer.smallScreen-spaceY-10 {
        margin-top: -6rem;
        margin-bottom: -6rem
    }

    .prd-totalizer.smallScreen-spaceY-10>* {
        margin-top: 6rem;
        margin-bottom: 6rem
    }

    .prd-totalizer.smallScreen-spaceX-11 {
        margin-right: -7.2rem;
        margin-left: -7.2rem
    }

    .prd-totalizer.smallScreen-spaceX-11>* {
        margin-right: 7.2rem;
        margin-left: 7.2rem
    }

    .prd-totalizer.smallScreen-spaceY-11 {
        margin-top: -7.2rem;
        margin-bottom: -7.2rem
    }

    .prd-totalizer.smallScreen-spaceY-11>* {
        margin-top: 7.2rem;
        margin-bottom: 7.2rem
    }

    .prd-totalizer.smallScreen-spaceX-12 {
        margin-right: -8.4rem;
        margin-left: -8.4rem
    }

    .prd-totalizer.smallScreen-spaceX-12>* {
        margin-right: 8.4rem;
        margin-left: 8.4rem
    }

    .prd-totalizer.smallScreen-spaceY-12 {
        margin-top: -8.4rem;
        margin-bottom: -8.4rem
    }

    .prd-totalizer.smallScreen-spaceY-12>* {
        margin-top: 8.4rem;
        margin-bottom: 8.4rem
    }
}

@media(max-width:47.9375em) {

    .prd-totalizer.extraSmallScreen-spaceX-0,
    .prd-totalizer.extraSmallScreen-spaceX-0>* {
        margin-right: 0;
        margin-left: 0
    }

    .prd-totalizer.extraSmallScreen-spaceY-0,
    .prd-totalizer.extraSmallScreen-spaceY-0>* {
        margin-top: 0;
        margin-bottom: 0
    }

    .prd-totalizer.extraSmallScreen-spaceX-1 {
        margin-right: -.2rem;
        margin-left: -.2rem
    }

    .prd-totalizer.extraSmallScreen-spaceX-1>* {
        margin-right: .2rem;
        margin-left: .2rem
    }

    .prd-totalizer.extraSmallScreen-spaceY-1 {
        margin-top: -.2rem;
        margin-bottom: -.2rem
    }

    .prd-totalizer.extraSmallScreen-spaceY-1>* {
        margin-top: .2rem;
        margin-bottom: .2rem
    }

    .prd-totalizer.extraSmallScreen-spaceX-2 {
        margin-right: -.4rem;
        margin-left: -.4rem
    }

    .prd-totalizer.extraSmallScreen-spaceX-2>* {
        margin-right: .4rem;
        margin-left: .4rem
    }

    .prd-totalizer.extraSmallScreen-spaceY-2 {
        margin-top: -.4rem;
        margin-bottom: -.4rem
    }

    .prd-totalizer.extraSmallScreen-spaceY-2>* {
        margin-top: .4rem;
        margin-bottom: .4rem
    }

    .prd-totalizer.extraSmallScreen-spaceX-3 {
        margin-right: -.8rem;
        margin-left: -.8rem
    }

    .prd-totalizer.extraSmallScreen-spaceX-3>* {
        margin-right: .8rem;
        margin-left: .8rem
    }

    .prd-totalizer.extraSmallScreen-spaceY-3 {
        margin-top: -.8rem;
        margin-bottom: -.8rem
    }

    .prd-totalizer.extraSmallScreen-spaceY-3>* {
        margin-top: .8rem;
        margin-bottom: .8rem
    }

    .prd-totalizer.extraSmallScreen-spaceX-4 {
        margin-right: -1rem;
        margin-left: -1rem
    }

    .prd-totalizer.extraSmallScreen-spaceX-4>* {
        margin-right: 1rem;
        margin-left: 1rem
    }

    .prd-totalizer.extraSmallScreen-spaceY-4 {
        margin-top: -1rem;
        margin-bottom: -1rem
    }

    .prd-totalizer.extraSmallScreen-spaceY-4>* {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .prd-totalizer.extraSmallScreen-spaceX-5 {
        margin-right: -1.2rem;
        margin-left: -1.2rem
    }

    .prd-totalizer.extraSmallScreen-spaceX-5>* {
        margin-right: 1.2rem;
        margin-left: 1.2rem
    }

    .prd-totalizer.extraSmallScreen-spaceY-5 {
        margin-top: -1.2rem;
        margin-bottom: -1.2rem
    }

    .prd-totalizer.extraSmallScreen-spaceY-5>* {
        margin-top: 1.2rem;
        margin-bottom: 1.2rem
    }

    .prd-totalizer.extraSmallScreen-spaceX-6 {
        margin-right: -1.6rem;
        margin-left: -1.6rem
    }

    .prd-totalizer.extraSmallScreen-spaceX-6>* {
        margin-right: 1.6rem;
        margin-left: 1.6rem
    }

    .prd-totalizer.extraSmallScreen-spaceY-6 {
        margin-top: -1.6rem;
        margin-bottom: -1.6rem
    }

    .prd-totalizer.extraSmallScreen-spaceY-6>* {
        margin-top: 1.6rem;
        margin-bottom: 1.6rem
    }

    .prd-totalizer.extraSmallScreen-spaceX-7 {
        margin-right: -2rem;
        margin-left: -2rem
    }

    .prd-totalizer.extraSmallScreen-spaceX-7>* {
        margin-right: 2rem;
        margin-left: 2rem
    }

    .prd-totalizer.extraSmallScreen-spaceY-7 {
        margin-top: -2rem;
        margin-bottom: -2rem
    }

    .prd-totalizer.extraSmallScreen-spaceY-7>* {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .prd-totalizer.extraSmallScreen-spaceX-8 {
        margin-right: -3.2rem;
        margin-left: -3.2rem
    }

    .prd-totalizer.extraSmallScreen-spaceX-8>* {
        margin-right: 3.2rem;
        margin-left: 3.2rem
    }

    .prd-totalizer.extraSmallScreen-spaceY-8 {
        margin-top: -3.2rem;
        margin-bottom: -3.2rem
    }

    .prd-totalizer.extraSmallScreen-spaceY-8>* {
        margin-top: 3.2rem;
        margin-bottom: 3.2rem
    }

    .prd-totalizer.extraSmallScreen-spaceX-9 {
        margin-right: -3.6rem;
        margin-left: -3.6rem
    }

    .prd-totalizer.extraSmallScreen-spaceX-9>* {
        margin-right: 3.6rem;
        margin-left: 3.6rem
    }

    .prd-totalizer.extraSmallScreen-spaceY-9 {
        margin-top: -3.6rem;
        margin-bottom: -3.6rem
    }

    .prd-totalizer.extraSmallScreen-spaceY-9>* {
        margin-top: 3.6rem;
        margin-bottom: 3.6rem
    }

    .prd-totalizer.extraSmallScreen-spaceX-10 {
        margin-right: -6rem;
        margin-left: -6rem
    }

    .prd-totalizer.extraSmallScreen-spaceX-10>* {
        margin-right: 6rem;
        margin-left: 6rem
    }

    .prd-totalizer.extraSmallScreen-spaceY-10 {
        margin-top: -6rem;
        margin-bottom: -6rem
    }

    .prd-totalizer.extraSmallScreen-spaceY-10>* {
        margin-top: 6rem;
        margin-bottom: 6rem
    }

    .prd-totalizer.extraSmallScreen-spaceX-11 {
        margin-right: -7.2rem;
        margin-left: -7.2rem
    }

    .prd-totalizer.extraSmallScreen-spaceX-11>* {
        margin-right: 7.2rem;
        margin-left: 7.2rem
    }

    .prd-totalizer.extraSmallScreen-spaceY-11 {
        margin-top: -7.2rem;
        margin-bottom: -7.2rem
    }

    .prd-totalizer.extraSmallScreen-spaceY-11>* {
        margin-top: 7.2rem;
        margin-bottom: 7.2rem
    }

    .prd-totalizer.extraSmallScreen-spaceX-12 {
        margin-right: -8.4rem;
        margin-left: -8.4rem
    }

    .prd-totalizer.extraSmallScreen-spaceX-12>* {
        margin-right: 8.4rem;
        margin-left: 8.4rem
    }

    .prd-totalizer.extraSmallScreen-spaceY-12 {
        margin-top: -8.4rem;
        margin-bottom: -8.4rem
    }

    .prd-totalizer.extraSmallScreen-spaceY-12>* {
        margin-top: 8.4rem;
        margin-bottom: 8.4rem
    }
}

@media(min-width:60.625em) {

    .prd-totalizer.largeScreen-spaceX-0,
    .prd-totalizer.largeScreen-spaceX-0>* {
        margin-right: 0;
        margin-left: 0
    }

    .prd-totalizer.largeScreen-spaceY-0,
    .prd-totalizer.largeScreen-spaceY-0>* {
        margin-top: 0;
        margin-bottom: 0
    }

    .prd-totalizer.largeScreen-spaceX-1 {
        margin-right: -.2rem;
        margin-left: -.2rem
    }

    .prd-totalizer.largeScreen-spaceX-1>* {
        margin-right: .2rem;
        margin-left: .2rem
    }

    .prd-totalizer.largeScreen-spaceY-1 {
        margin-top: -.2rem;
        margin-bottom: -.2rem
    }

    .prd-totalizer.largeScreen-spaceY-1>* {
        margin-top: .2rem;
        margin-bottom: .2rem
    }

    .prd-totalizer.largeScreen-spaceX-2 {
        margin-right: -.4rem;
        margin-left: -.4rem
    }

    .prd-totalizer.largeScreen-spaceX-2>* {
        margin-right: .4rem;
        margin-left: .4rem
    }

    .prd-totalizer.largeScreen-spaceY-2 {
        margin-top: -.4rem;
        margin-bottom: -.4rem
    }

    .prd-totalizer.largeScreen-spaceY-2>* {
        margin-top: .4rem;
        margin-bottom: .4rem
    }

    .prd-totalizer.largeScreen-spaceX-3 {
        margin-right: -.8rem;
        margin-left: -.8rem
    }

    .prd-totalizer.largeScreen-spaceX-3>* {
        margin-right: .8rem;
        margin-left: .8rem
    }

    .prd-totalizer.largeScreen-spaceY-3 {
        margin-top: -.8rem;
        margin-bottom: -.8rem
    }

    .prd-totalizer.largeScreen-spaceY-3>* {
        margin-top: .8rem;
        margin-bottom: .8rem
    }

    .prd-totalizer.largeScreen-spaceX-4 {
        margin-right: -1rem;
        margin-left: -1rem
    }

    .prd-totalizer.largeScreen-spaceX-4>* {
        margin-right: 1rem;
        margin-left: 1rem
    }

    .prd-totalizer.largeScreen-spaceY-4 {
        margin-top: -1rem;
        margin-bottom: -1rem
    }

    .prd-totalizer.largeScreen-spaceY-4>* {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .prd-totalizer.largeScreen-spaceX-5 {
        margin-right: -1.2rem;
        margin-left: -1.2rem
    }

    .prd-totalizer.largeScreen-spaceX-5>* {
        margin-right: 1.2rem;
        margin-left: 1.2rem
    }

    .prd-totalizer.largeScreen-spaceY-5 {
        margin-top: -1.2rem;
        margin-bottom: -1.2rem
    }

    .prd-totalizer.largeScreen-spaceY-5>* {
        margin-top: 1.2rem;
        margin-bottom: 1.2rem
    }

    .prd-totalizer.largeScreen-spaceX-6 {
        margin-right: -1.6rem;
        margin-left: -1.6rem
    }

    .prd-totalizer.largeScreen-spaceX-6>* {
        margin-right: 1.6rem;
        margin-left: 1.6rem
    }

    .prd-totalizer.largeScreen-spaceY-6 {
        margin-top: -1.6rem;
        margin-bottom: -1.6rem
    }

    .prd-totalizer.largeScreen-spaceY-6>* {
        margin-top: 1.6rem;
        margin-bottom: 1.6rem
    }

    .prd-totalizer.largeScreen-spaceX-7 {
        margin-right: -2rem;
        margin-left: -2rem
    }

    .prd-totalizer.largeScreen-spaceX-7>* {
        margin-right: 2rem;
        margin-left: 2rem
    }

    .prd-totalizer.largeScreen-spaceY-7 {
        margin-top: -2rem;
        margin-bottom: -2rem
    }

    .prd-totalizer.largeScreen-spaceY-7>* {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .prd-totalizer.largeScreen-spaceX-8 {
        margin-right: -3.2rem;
        margin-left: -3.2rem
    }

    .prd-totalizer.largeScreen-spaceX-8>* {
        margin-right: 3.2rem;
        margin-left: 3.2rem
    }

    .prd-totalizer.largeScreen-spaceY-8 {
        margin-top: -3.2rem;
        margin-bottom: -3.2rem
    }

    .prd-totalizer.largeScreen-spaceY-8>* {
        margin-top: 3.2rem;
        margin-bottom: 3.2rem
    }

    .prd-totalizer.largeScreen-spaceX-9 {
        margin-right: -3.6rem;
        margin-left: -3.6rem
    }

    .prd-totalizer.largeScreen-spaceX-9>* {
        margin-right: 3.6rem;
        margin-left: 3.6rem
    }

    .prd-totalizer.largeScreen-spaceY-9 {
        margin-top: -3.6rem;
        margin-bottom: -3.6rem
    }

    .prd-totalizer.largeScreen-spaceY-9>* {
        margin-top: 3.6rem;
        margin-bottom: 3.6rem
    }

    .prd-totalizer.largeScreen-spaceX-10 {
        margin-right: -6rem;
        margin-left: -6rem
    }

    .prd-totalizer.largeScreen-spaceX-10>* {
        margin-right: 6rem;
        margin-left: 6rem
    }

    .prd-totalizer.largeScreen-spaceY-10 {
        margin-top: -6rem;
        margin-bottom: -6rem
    }

    .prd-totalizer.largeScreen-spaceY-10>* {
        margin-top: 6rem;
        margin-bottom: 6rem
    }

    .prd-totalizer.largeScreen-spaceX-11 {
        margin-right: -7.2rem;
        margin-left: -7.2rem
    }

    .prd-totalizer.largeScreen-spaceX-11>* {
        margin-right: 7.2rem;
        margin-left: 7.2rem
    }

    .prd-totalizer.largeScreen-spaceY-11 {
        margin-top: -7.2rem;
        margin-bottom: -7.2rem
    }

    .prd-totalizer.largeScreen-spaceY-11>* {
        margin-top: 7.2rem;
        margin-bottom: 7.2rem
    }

    .prd-totalizer.largeScreen-spaceX-12 {
        margin-right: -8.4rem;
        margin-left: -8.4rem
    }

    .prd-totalizer.largeScreen-spaceX-12>* {
        margin-right: 8.4rem;
        margin-left: 8.4rem
    }

    .prd-totalizer.largeScreen-spaceY-12 {
        margin-top: -8.4rem;
        margin-bottom: -8.4rem
    }

    .prd-totalizer.largeScreen-spaceY-12>* {
        margin-top: 8.4rem;
        margin-bottom: 8.4rem
    }
}

@media(min-width:77.5625em) {

    .prd-totalizer.extraLargeScreen-spaceX-0,
    .prd-totalizer.extraLargeScreen-spaceX-0>* {
        margin-right: 0;
        margin-left: 0
    }

    .prd-totalizer.extraLargeScreen-spaceY-0,
    .prd-totalizer.extraLargeScreen-spaceY-0>* {
        margin-top: 0;
        margin-bottom: 0
    }

    .prd-totalizer.extraLargeScreen-spaceX-1 {
        margin-right: -.2rem;
        margin-left: -.2rem
    }

    .prd-totalizer.extraLargeScreen-spaceX-1>* {
        margin-right: .2rem;
        margin-left: .2rem
    }

    .prd-totalizer.extraLargeScreen-spaceY-1 {
        margin-top: -.2rem;
        margin-bottom: -.2rem
    }

    .prd-totalizer.extraLargeScreen-spaceY-1>* {
        margin-top: .2rem;
        margin-bottom: .2rem
    }

    .prd-totalizer.extraLargeScreen-spaceX-2 {
        margin-right: -.4rem;
        margin-left: -.4rem
    }

    .prd-totalizer.extraLargeScreen-spaceX-2>* {
        margin-right: .4rem;
        margin-left: .4rem
    }

    .prd-totalizer.extraLargeScreen-spaceY-2 {
        margin-top: -.4rem;
        margin-bottom: -.4rem
    }

    .prd-totalizer.extraLargeScreen-spaceY-2>* {
        margin-top: .4rem;
        margin-bottom: .4rem
    }

    .prd-totalizer.extraLargeScreen-spaceX-3 {
        margin-right: -.8rem;
        margin-left: -.8rem
    }

    .prd-totalizer.extraLargeScreen-spaceX-3>* {
        margin-right: .8rem;
        margin-left: .8rem
    }

    .prd-totalizer.extraLargeScreen-spaceY-3 {
        margin-top: -.8rem;
        margin-bottom: -.8rem
    }

    .prd-totalizer.extraLargeScreen-spaceY-3>* {
        margin-top: .8rem;
        margin-bottom: .8rem
    }

    .prd-totalizer.extraLargeScreen-spaceX-4 {
        margin-right: -1rem;
        margin-left: -1rem
    }

    .prd-totalizer.extraLargeScreen-spaceX-4>* {
        margin-right: 1rem;
        margin-left: 1rem
    }

    .prd-totalizer.extraLargeScreen-spaceY-4 {
        margin-top: -1rem;
        margin-bottom: -1rem
    }

    .prd-totalizer.extraLargeScreen-spaceY-4>* {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .prd-totalizer.extraLargeScreen-spaceX-5 {
        margin-right: -1.2rem;
        margin-left: -1.2rem
    }

    .prd-totalizer.extraLargeScreen-spaceX-5>* {
        margin-right: 1.2rem;
        margin-left: 1.2rem
    }

    .prd-totalizer.extraLargeScreen-spaceY-5 {
        margin-top: -1.2rem;
        margin-bottom: -1.2rem
    }

    .prd-totalizer.extraLargeScreen-spaceY-5>* {
        margin-top: 1.2rem;
        margin-bottom: 1.2rem
    }

    .prd-totalizer.extraLargeScreen-spaceX-6 {
        margin-right: -1.6rem;
        margin-left: -1.6rem
    }

    .prd-totalizer.extraLargeScreen-spaceX-6>* {
        margin-right: 1.6rem;
        margin-left: 1.6rem
    }

    .prd-totalizer.extraLargeScreen-spaceY-6 {
        margin-top: -1.6rem;
        margin-bottom: -1.6rem
    }

    .prd-totalizer.extraLargeScreen-spaceY-6>* {
        margin-top: 1.6rem;
        margin-bottom: 1.6rem
    }

    .prd-totalizer.extraLargeScreen-spaceX-7 {
        margin-right: -2rem;
        margin-left: -2rem
    }

    .prd-totalizer.extraLargeScreen-spaceX-7>* {
        margin-right: 2rem;
        margin-left: 2rem
    }

    .prd-totalizer.extraLargeScreen-spaceY-7 {
        margin-top: -2rem;
        margin-bottom: -2rem
    }

    .prd-totalizer.extraLargeScreen-spaceY-7>* {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .prd-totalizer.extraLargeScreen-spaceX-8 {
        margin-right: -3.2rem;
        margin-left: -3.2rem
    }

    .prd-totalizer.extraLargeScreen-spaceX-8>* {
        margin-right: 3.2rem;
        margin-left: 3.2rem
    }

    .prd-totalizer.extraLargeScreen-spaceY-8 {
        margin-top: -3.2rem;
        margin-bottom: -3.2rem
    }

    .prd-totalizer.extraLargeScreen-spaceY-8>* {
        margin-top: 3.2rem;
        margin-bottom: 3.2rem
    }

    .prd-totalizer.extraLargeScreen-spaceX-9 {
        margin-right: -3.6rem;
        margin-left: -3.6rem
    }

    .prd-totalizer.extraLargeScreen-spaceX-9>* {
        margin-right: 3.6rem;
        margin-left: 3.6rem
    }

    .prd-totalizer.extraLargeScreen-spaceY-9 {
        margin-top: -3.6rem;
        margin-bottom: -3.6rem
    }

    .prd-totalizer.extraLargeScreen-spaceY-9>* {
        margin-top: 3.6rem;
        margin-bottom: 3.6rem
    }

    .prd-totalizer.extraLargeScreen-spaceX-10 {
        margin-right: -6rem;
        margin-left: -6rem
    }

    .prd-totalizer.extraLargeScreen-spaceX-10>* {
        margin-right: 6rem;
        margin-left: 6rem
    }

    .prd-totalizer.extraLargeScreen-spaceY-10 {
        margin-top: -6rem;
        margin-bottom: -6rem
    }

    .prd-totalizer.extraLargeScreen-spaceY-10>* {
        margin-top: 6rem;
        margin-bottom: 6rem
    }

    .prd-totalizer.extraLargeScreen-spaceX-11 {
        margin-right: -7.2rem;
        margin-left: -7.2rem
    }

    .prd-totalizer.extraLargeScreen-spaceX-11>* {
        margin-right: 7.2rem;
        margin-left: 7.2rem
    }

    .prd-totalizer.extraLargeScreen-spaceY-11 {
        margin-top: -7.2rem;
        margin-bottom: -7.2rem
    }

    .prd-totalizer.extraLargeScreen-spaceY-11>* {
        margin-top: 7.2rem;
        margin-bottom: 7.2rem
    }

    .prd-totalizer.extraLargeScreen-spaceX-12 {
        margin-right: -8.4rem;
        margin-left: -8.4rem
    }

    .prd-totalizer.extraLargeScreen-spaceX-12>* {
        margin-right: 8.4rem;
        margin-left: 8.4rem
    }

    .prd-totalizer.extraLargeScreen-spaceY-12 {
        margin-top: -8.4rem;
        margin-bottom: -8.4rem
    }

    .prd-totalizer.extraLargeScreen-spaceY-12>* {
        margin-top: 8.4rem;
        margin-bottom: 8.4rem
    }
}

.prd-totalizer.of-flexWrap-nowrap {
    flex-wrap: nowrap
}

.prd-totalizer-text .prd-inlineLabel {
    margin-left: .8rem
}

.prd-typeCard {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: #f0f0f0
}

.prd-typeCard-imageWrapper {
    position: relative;
    overflow: hidden
}

.prd-typeCard-imageWrapper:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background-color: rgba(0, 0, 0, .2);
    opacity: 0;
    transition: opacity .4s cubic-bezier(.4, 0, .2, 1)
}

@media(hover:hover) {
    .prd-typeCard:hover:not(.is-hasHover) .prd-typeCard-imageWrapper:after {
        opacity: 1
    }
}

.prd-root.is-ie11 .prd-typeCard:hover:not(.is-hasHover) .prd-typeCard-imageWrapper:after {
    opacity: 1
}

.prd-typeCard-imageWrapper>.prd-typeCard-image:not(canvas) {
    filter: drop-shadow(30px 80px 25px rgba(48, 50, 51, .2))
}

.prd-typeCard-image {
    transition: transform .4s cubic-bezier(.4, 0, .2, 1)
}

@media(hover:hover) {
    .prd-typeCard:hover:not(.is-hasHover) .prd-typeCard-image {
        transform: scale(1.05)
    }
}

.prd-root.is-ie11 .prd-typeCard:hover:not(.is-hasHover) .prd-typeCard-image {
    transform: scale(1.05)
}

.prd-typeCard-body {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

@media(max-width:60.5625em) {
    .prd-typeCard-body {
        padding: 2rem 2.4rem
    }
}

@media(min-width:60.625em) {
    .prd-typeCard-body {
        padding: 1rem 3.2rem 1rem
    }
}

.prd-typeCard-titleLink {
    color: inherit;
    text-decoration: none;
    transition: color .4s cubic-bezier(.4, 0, .2, 1)
}

@media(hover:hover) {
    .prd-typeCard-titleLink:hover {
        color: #dc002f
    }
}

.prd-root.is-ie11 .prd-typeCard-titleLink:hover {
    color: #dc002f
}

@media(hover:hover) {
    .prd-typeCard-titleLink:hover .prd-typeCard-titleLinkLabel {
        text-decoration: underline
    }
}

.prd-root.is-ie11 .prd-typeCard-titleLink:hover .prd-typeCard-titleLinkLabel {
    text-decoration: underline
}

.prd-typeCard-titleLink:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ""
}

.prd-typeCard-callToAction {
    margin-top: auto
}

.prd-typeCard-buttonWrapper {
    position: relative
}

@media(min-width:60.625em) {
    .prd-typeJumbotronHorizontal {
        display: grid;
        grid-template-areas: "typeJumbotronHorizontal-content";
        grid-template-rows: 1fr;
        grid-template-columns: 1fr
    }
}

@media(min-width:60.625em) {
    .prd-typeJumbotronHorizontal>* {
        grid-area: typeJumbotronHorizontal-content;
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }
}

.prd-typeJumbotronHorizontal-imageWrapper {
    position: relative;
    overflow: hidden
}

@media(max-width:60.5625em) {
    .prd-typeJumbotronHorizontal-imageWrapper {
        padding-top: 100%
    }
}

.prd-typeJumbotronHorizontal.of-theme-darkGreen .prd-typeJumbotronHorizontal-imageWrapper {
    background-image: linear-gradient(to right bottom, #385661, #1a282c)
}

.prd-typeJumbotronHorizontal.of-theme-lightGreen .prd-typeJumbotronHorizontal-imageWrapper {
    background-image: linear-gradient(to right bottom, #b1c6cd, #385561)
}

.prd-typeJumbotronHorizontal.of-theme-darkBlue .prd-typeJumbotronHorizontal-imageWrapper {
    background-image: linear-gradient(to right bottom, #425080, #1e2743)
}

.prd-typeJumbotronHorizontal.of-theme-lightBlue .prd-typeJumbotronHorizontal-imageWrapper {
    background-image: linear-gradient(to right bottom, #bdc7d3, #2e4673)
}

.prd-typeJumbotronHorizontal.of-theme-darkGray .prd-typeJumbotronHorizontal-imageWrapper {
    background-image: linear-gradient(to right bottom, #535a66, #1a1e26)
}

.prd-typeJumbotronHorizontal.of-theme-lightGray .prd-typeJumbotronHorizontal-imageWrapper {
    background-image: linear-gradient(to right bottom, #eaeaea, #d5d5d5)
}

.prd-typeJumbotronHorizontal.of-theme-black .prd-typeJumbotronHorizontal-imageWrapper {
    background-image: linear-gradient(to right bottom, #373737, #111)
}

@media(min-width:60.625em) {
    .prd-typeJumbotronHorizontal-imageWrapper:before {
        display: block;
        padding-top: 52.6315789474%;
        content: ""
    }
}

.prd-typeJumbotronHorizontal-imageWrapper:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background-image: linear-gradient(180deg, transparent, transparent 66%, #2e3133)
}

.prd-typeJumbotronHorizontal-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover;";
    animation: prd-typeJumbotronHorizontal-image 1.5s cubic-bezier(.4, 0, .2, 1)
}

@keyframes prd-typeJumbotronHorizontal-image {
    0% {
        transform: scale(1.05)
    }
}

@media(max-width:60.5625em) {
    .prd-typeJumbotronHorizontal-body {
        padding: 4rem 2rem 6.4rem;
        background-color: #2e3133
    }
}

@media(min-width:60.625em) {
    .prd-typeJumbotronHorizontal-body {
        position: relative;
        align-self: flex-end;
        padding: 4rem 7.2rem
    }
}

.prd-typeJumbotronHorizontal-bodyInner {
    animation: prd-typeJumbotronHorizontal-bodyInner 1.5s cubic-bezier(.4, 0, .2, 1)
}

@media(min-width:60.625em) {
    .prd-typeJumbotronHorizontal-bodyInner {
        display: flex;
        align-items: flex-end
    }
}

@keyframes prd-typeJumbotronHorizontal-bodyInner {
    0% {
        opacity: 0;
        transform: translateY(1.6rem)
    }
}

@media(min-width:60.625em) {
    .prd-typeJumbotronHorizontal-buttonWrapper {
        flex-shrink: 0;
        margin-left: 6.4rem
    }
}

.prd-typeJumbotronNewCard {
    display: block;
    color: inherit;
    text-decoration: none
}

.prd-typeJumbotronNewCard-imageWrapper {
    position: relative;
    overflow: hidden
}

.prd-typeJumbotronNewCard-imageWrapper:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background-color: rgba(0, 0, 0, .2);
    opacity: 0;
    transition: opacity .4s cubic-bezier(.4, 0, .2, 1)
}

@media(hover:hover) {
    .prd-typeJumbotronNewCard:hover .prd-typeJumbotronNewCard-imageWrapper:after {
        opacity: 1
    }
}

.prd-root.is-ie11 .prd-typeJumbotronNewCard:hover .prd-typeJumbotronNewCard-imageWrapper:after {
    opacity: 1
}

.prd-typeJumbotronNewCard-image {
    transition: transform .4s cubic-bezier(.4, 0, .2, 1)
}

@media(hover:hover) {
    .prd-typeJumbotronNewCard:hover .prd-typeJumbotronNewCard-image {
        transform: scale(1.05)
    }
}

.prd-root.is-ie11 .prd-typeJumbotronNewCard:hover .prd-typeJumbotronNewCard-image {
    transform: scale(1.05)
}

.prd-typeJumbotronNewCard-title {
    padding-right: 2rem
}

@media(hover:hover) {
    .prd-typeJumbotronNewCard:hover .prd-typeJumbotronNewCard-titleLabel {
        text-decoration: underline
    }
}

.prd-root.is-ie11 .prd-typeJumbotronNewCard:hover .prd-typeJumbotronNewCard-titleLabel {
    text-decoration: underline
}

@media(max-width:60.5625em) {
    .prd-typeJumbotronNew {
        padding: 4.8rem 2rem 6.4rem;
        margin-right: -2rem;
        margin-left: -2rem;
        background-color: #484b4c
    }
}

@media(min-width:60.625em) {
    .prd-typeJumbotronNew {
        padding: 6.4rem 7.2rem 7.2rem;
        background-color: #2e3133
    }
}

@media(max-width:60.5625em) {
    .prd-typeJumbotronVertical {
        margin-right: -2rem;
        margin-left: -2rem
    }
}

@media(min-width:60.625em) {
    .prd-typeJumbotronVertical {
        position: relative;
        display: grid;
        grid-template-rows: auto;
        grid-template-columns: 1fr 40%;
        min-height: 50rem;
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .prd-typeJumbotronVertical>:first-child {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .prd-typeJumbotronVertical>:nth-child(2) {
        -ms-grid-row: 1;
        -ms-grid-column: 2
    }
}

.prd-typeJumbotronVertical.of-theme-darkGreen {
    background-image: linear-gradient(to right bottom, #385661, #1a282c)
}

@media(min-width:60.625em) {
    .prd-typeJumbotronVertical.of-theme-darkGreen {
        color: #fff
    }
}

.prd-typeJumbotronVertical.of-theme-lightGreen {
    background-image: linear-gradient(to right bottom, #b1c6cd, #385561)
}

@media(min-width:60.625em) {
    .prd-typeJumbotronVertical.of-theme-lightGreen {
        color: #fff
    }
}

.prd-typeJumbotronVertical.of-theme-darkBlue {
    background-image: linear-gradient(to right bottom, #425080, #1e2743)
}

@media(min-width:60.625em) {
    .prd-typeJumbotronVertical.of-theme-darkBlue {
        color: #fff
    }
}

.prd-typeJumbotronVertical.of-theme-lightBlue {
    background-image: linear-gradient(to right bottom, #bdc7d3, #2e4673)
}

@media(min-width:60.625em) {
    .prd-typeJumbotronVertical.of-theme-lightBlue {
        color: #fff
    }
}

.prd-typeJumbotronVertical.of-theme-darkGray {
    background-image: linear-gradient(to right bottom, #535a66, #1a1e26)
}

@media(min-width:60.625em) {
    .prd-typeJumbotronVertical.of-theme-darkGray {
        color: #fff
    }
}

.prd-typeJumbotronVertical.of-theme-lightGray {
    background-image: linear-gradient(to right bottom, #eaeaea, #d5d5d5)
}

@media(min-width:60.625em) {
    .prd-typeJumbotronVertical.of-theme-lightGray {
        color: #2e3133
    }
}

.prd-typeJumbotronVertical.of-theme-black {
    background-image: linear-gradient(to right bottom, #373737, #111)
}

@media(min-width:60.625em) {
    .prd-typeJumbotronVertical.of-theme-black {
        color: #fff
    }
}

@media(min-width:60.625em) {
    .prd-typeJumbotronVertical>* {
        align-self: center
    }
}

.prd-typeJumbotronVertical-imageWrapper {
    position: relative;
    overflow: hidden
}

@media(max-width:60.5625em) {
    .prd-typeJumbotronVertical-imageWrapper {
        padding-top: 1.6rem
    }
}

@media(max-width:60.5625em) {
    .prd-typeJumbotronVertical-imageWrapper:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        pointer-events: none;
        content: "";
        background-image: linear-gradient(180deg, transparent, transparent 65%, #2e3133)
    }
}

.prd-typeJumbotronVertical-image {
    animation: prd-typeJumbotronVertical-image 1.5s cubic-bezier(.4, 0, .2, 1)
}

@keyframes prd-typeJumbotronVertical-image {
    0% {
        transform: scale(1.05)
    }
}

@media(max-width:60.5625em) {
    .prd-typeJumbotronVertical-body {
        padding: 4rem 2rem 6.4rem;
        background-color: #2e3133
    }
}

@media(min-width:60.625em) {
    .prd-typeJumbotronVertical-body {
        position: relative;
        padding-right: 7.2rem
    }
}

.prd-typeJumbotronVertical-bodyInner {
    animation: prd-typeJumbotronVertical-bodyInner 1.5s cubic-bezier(.4, 0, .2, 1)
}

@keyframes prd-typeJumbotronVertical-bodyInner {
    0% {
        opacity: 0;
        transform: translateY(-1.6rem)
    }
}

.prd-theme-dark {
    color: #fff
}

.prd-theme-dark .prd-typeJumbotronNewCard .prd-utility-color-gray {
    color: #969a9b !important
}

@media(max-width:60.5625em) {
    .prd-theme-dark .prd-typeJumbotronNewCard .prd-utility-color-gray {
        color: #b9bdbe !important
    }
}

.prd-theme-dark .prd-seriesOverviewRecommended-label,
.prd-theme-dark .prd-seriesOverviewRecommendedCard-description {
    color: #969a9b !important
}

.prd-utility-backgroundColor-default {
    background-color: #fafafa
}

.prd-utility-backgroundColor-lightBlue {
    background-color: #e9faff
}

.prd-utility-color-gray {
    color: #666a6b !important
}

.prd-utility-color-lightGray {
    color: #c9cbcb !important
}

.prd-utility-color-darkGray {
    color: #545859 !important
}

.prd-utility-color-brandGray {
    color: #484b4c !important
}

.prd-utility-color-inch {
    color: #0071bc !important
}

.prd-utility-color-brand-red {
    color: #dc002f !important
}

.prd-utility-color-green {
    color: #058360 !important
}

.prd-theme-dark .prd-utility-color-gray {
    color: #969a9b !important
}

.prd-theme-dark .prd-utility-color-darkGray {
    color: #919c9c !important
}

.prd-theme-dark .prd-utility-color-inch {
    color: #00a0ff !important
}

.prd-utility-block {
    display: block
}

.prd-utility-hidden {
    display: none
}

@media(max-width:60.5625em) {
    .prd-smallScreen-block {
        display: block
    }

    .prd-smallScreen-hidden {
        /* display: none */
    }
}

@media(max-width:47.9375em) {
    .prd-extraSmallScreen-block {
        display: block
    }

    .prd-extraSmallScreen-hidden {
        display: none
    }
}

@media(min-width:60.625em) {
    .prd-largeScreen-block {
        display: block
    }

    .prd-largeScreen-hidden {
        display: none
    }
}

@media(min-width:77.5625em) {
    .prd-extraLargeScreen-block {
        display: block
    }

    .prd-extraLargeScreen-hidden {
        display: none
    }
}

.prd-utility-focusRing:focus:not(:focus-visible) {
    outline: 0
}

.prd-utility-marginTop-auto {
    margin-top: auto
}

@media(max-width:60.5625em) {
    .prd-smallScreen-marginTop-auto {
        margin-top: auto
    }
}

@media(max-width:47.9375em) {
    .prd-extraSmallScreen-marginTop-auto {
        margin-top: auto
    }
}

@media(min-width:60.625em) {
    .prd-largeScreen-marginTop-auto {
        margin-top: auto
    }
}

@media(min-width:77.5625em) {
    .prd-extraLargeScreen-marginTop-auto {
        margin-top: auto
    }
}

.prd-utility-marginBottom-0 {
    margin-bottom: 0
}

.prd-utility-marginBottom-1 {
    margin-bottom: .4rem
}

.prd-utility-marginBottom-2 {
    margin-bottom: .8rem;
    width:400px;
    
}

.prd-utility-marginBottom-3 {
    margin-bottom: 1.6rem
}

.prd-utility-marginBottom-4 {
    margin-bottom: 2rem
}

.prd-utility-marginBottom-5 {
    margin-bottom: 2.4rem
}

.prd-utility-marginBottom-6 {
    margin-bottom: 3.2rem
}

.prd-utility-marginBottom-7 {
    margin-bottom: 4rem
}

.prd-utility-marginBottom-8 {
    margin: 20px 0;
}

.prd-utility-marginBottom-9 {
    margin-bottom: 7.2rem
}

.prd-utility-marginBottom-10 {
    margin-bottom: 12rem
}

.prd-utility-marginBottom-11 {
    margin-bottom: 14.4rem
}

.prd-utility-marginBottom-12 {
    margin-bottom: 16.8rem
}

@media(max-width:60.5625em) {
    .prd-smallScreen-marginBottom-0 {
        margin-bottom: 0
    }

    .prd-smallScreen-marginBottom-1 {
        margin-bottom: .4rem
    }

    .prd-smallScreen-marginBottom-2 {
        margin-bottom: .8rem
    }

    .prd-smallScreen-marginBottom-3 {
        margin-bottom: 1.6rem
    }

    .prd-smallScreen-marginBottom-4 {
        margin-bottom: 2rem
    }

    .prd-smallScreen-marginBottom-5 {
        margin-bottom: 2.4rem
    }

    .prd-smallScreen-marginBottom-6 {
        margin-bottom: 3.2rem
    }

    .prd-smallScreen-marginBottom-7 {
        margin-bottom: 4rem
    }

    .prd-smallScreen-marginBottom-8 {
        margin-bottom: 6.4rem
    }

    .prd-smallScreen-marginBottom-9 {
        margin-bottom: 7.2rem
    }

    .prd-smallScreen-marginBottom-10 {
        margin-bottom: 12rem
    }

    .prd-smallScreen-marginBottom-11 {
        margin-bottom: 14.4rem
    }

    .prd-smallScreen-marginBottom-12 {
        margin-bottom: 16.8rem
    }
}

@media(max-width:47.9375em) {
    .prd-extraSmallScreen-marginBottom-0 {
        margin-bottom: 0
    }

    .prd-extraSmallScreen-marginBottom-1 {
        margin-bottom: .4rem
    }

    .prd-extraSmallScreen-marginBottom-2 {
        margin-bottom: .8rem
    }

    .prd-extraSmallScreen-marginBottom-3 {
        margin-bottom: 1.6rem
    }

    .prd-extraSmallScreen-marginBottom-4 {
        margin-bottom: 2rem
    }

    .prd-extraSmallScreen-marginBottom-5 {
        margin-bottom: 2.4rem
    }

    .prd-extraSmallScreen-marginBottom-6 {
        margin-bottom: 3.2rem
    }

    .prd-extraSmallScreen-marginBottom-7 {
        margin-bottom: 4rem
    }

    .prd-extraSmallScreen-marginBottom-8 {
        margin-bottom: 6.4rem
    }

    .prd-extraSmallScreen-marginBottom-9 {
        margin-bottom: 7.2rem
    }

    .prd-extraSmallScreen-marginBottom-10 {
        margin-bottom: 12rem
    }

    .prd-extraSmallScreen-marginBottom-11 {
        margin-bottom: 14.4rem
    }

    .prd-extraSmallScreen-marginBottom-12 {
        margin-bottom: 16.8rem
    }
}

@media(min-width:60.625em) {
    .prd-largeScreen-marginBottom-0 {
        margin-bottom: 0
    }

    .prd-largeScreen-marginBottom-1 {
        margin-bottom: .4rem
    }

    .prd-largeScreen-marginBottom-2 {
        margin-bottom: .8rem
    }

    .prd-largeScreen-marginBottom-3 {
        margin-bottom: 1.6rem
    }

    .prd-largeScreen-marginBottom-4 {
        margin-bottom: 2rem
    }

    .prd-largeScreen-marginBottom-5 {
        margin-bottom: 2.4rem
    }

    .prd-largeScreen-marginBottom-6 {
        margin-bottom: 3.2rem
    }

    .prd-largeScreen-marginBottom-7 {
        margin: 20px 0;
        text-align: center;
    }

    .prd-largeScreen-marginBottom-8 {
        margin-bottom: 6.4rem
    }

    .prd-largeScreen-marginBottom-9 {
        margin-bottom: 7.2rem
    }

    .prd-largeScreen-marginBottom-10 {
        margin-bottom: 12rem
    }

    .prd-largeScreen-marginBottom-11 {
        margin-bottom: 14.4rem
    }

    .prd-largeScreen-marginBottom-12 {
        margin-bottom: 16.8rem
    }
}

@media(min-width:77.5625em) {
    .prd-extraLargeScreen-marginBottom-0 {
        margin-bottom: 0
    }

    .prd-extraLargeScreen-marginBottom-1 {
        margin-bottom: .4rem
    }

    .prd-extraLargeScreen-marginBottom-2 {
        margin-bottom: .8rem
    }

    .prd-extraLargeScreen-marginBottom-3 {
        margin-bottom: 1.6rem
    }

    .prd-extraLargeScreen-marginBottom-4 {
        margin-bottom: 2rem
    }

    .prd-extraLargeScreen-marginBottom-5 {
        margin-bottom: 2.4rem
    }

    .prd-extraLargeScreen-marginBottom-6 {
        margin-bottom: 3.2rem
    }

    .prd-extraLargeScreen-marginBottom-7 {
        margin-bottom: 4rem
    }

    .prd-extraLargeScreen-marginBottom-8 {
        margin-bottom: 6.4rem
    }

    .prd-extraLargeScreen-marginBottom-9 {
        margin-bottom: 7.2rem
    }

    .prd-extraLargeScreen-marginBottom-10 {
        margin-bottom: 12rem
    }

    .prd-extraLargeScreen-marginBottom-11 {
        margin-bottom: 14.4rem
    }

    .prd-extraLargeScreen-marginBottom-12 {
        margin-bottom: 16.8rem
    }
}

.prd-utility-marginLeft-auto {
    margin-left: auto !important
}

@media(max-width:60.5625em) {
    .prd-smallScreen-marginLeft-auto {
        margin-left: auto !important
    }
}

@media(max-width:47.9375em) {
    .prd-extraSmallScreen-marginLeft-auto {
        margin-left: auto !important
    }
}

@media(min-width:60.625em) {
    .prd-largeScreen-marginLeft-auto {
        margin-left: auto !important
    }
}

@media(min-width:77.5625em) {
    .prd-extraLargeScreen-marginLeft-auto {
        margin-left: auto !important
    }
}

.prd-utility-marginRight-auto {
    margin-right: auto !important
}

@media(max-width:60.5625em) {
    .prd-smallScreen-marginRight-auto {
        margin-right: auto !important
    }
}

@media(max-width:47.9375em) {
    .prd-extraSmallScreen-marginRight-auto {
        margin-right: auto !important
    }
}

@media(min-width:60.625em) {
    .prd-largeScreen-marginRight-auto {
        margin-right: auto !important
    }
}

@media(min-width:77.5625em) {
    .prd-extraLargeScreen-marginRight-auto {
        margin-right: auto !important
    }
}

.prd-utility-overflow-hidden {
    overflow: hidden
}

@media(max-width:60.5625em) {
    .prd-smallScreen-overflow-hidden {
        overflow: hidden
    }
}

@media(max-width:47.9375em) {
    .prd-extraSmallScreen-overflow-hidden {
        overflow: hidden
    }
}

@media(min-width:60.625em) {
    .prd-largeScreen-overflow-hidden {
        overflow: hidden
    }
}

@media(min-width:77.5625em) {
    .prd-extraLargeScreen-overflow-hidden {
        overflow: hidden
    }
}

.prd-utility-maxWidth-narrow {
    max-width: 95rem
}

.prd-utility-maxWidth-extraNarrow {
    max-width: 84rem
}

.prd-utility-maxWidth-small {
    max-width: 62rem
}

@media(max-width:60.5625em) {
    .prd-smallScreen-maxWidth-full {
        max-width: 100% !important
    }
}

@media(max-width:47.9375em) {
    .prd-extraSmallScreen-maxWidth-full {
        max-width: 100% !important
    }
}

.prd-utility-heading-1,
.prd-utility-heading-2,
.prd-utility-heading-3,
.prd-utility-heading-4,
.prd-utility-heading-5 {
    font-weight: 600;
    line-height: 1.25;
    color: #2e3133
}

.prd-theme-dark .prd-utility-heading-1,
.prd-theme-dark .prd-utility-heading-2,
.prd-theme-dark .prd-utility-heading-3,
.prd-theme-dark .prd-utility-heading-4,
.prd-theme-dark .prd-utility-heading-5 {
    color: inherit
}

@media(max-width:60.5625em) {
    .prd-utility-heading-1 {
        font-size: 3.2rem
    }
}

@media(min-width:60.625em) {
    .prd-utility-heading-1 {
        font-size: 4.8rem
    }
}

@media(max-width:60.5625em) {
    .prd-utility-heading-2 {
        font-size: 2.4rem
    }
}

@media(min-width:60.625em) {
    .prd-utility-heading-2 {
        font-size: 3.2rem
    }
}

@media(max-width:60.5625em) {
    .prd-utility-heading-3 {
        font-size: 1.8rem
    }
}

@media(min-width:60.625em) {
    .prd-utility-heading-3 {
        font-size: 2.6rem
    }
}

@media(max-width:60.5625em) {
    .prd-utility-heading-4 {
        font-size: 1.6rem
    }
}

@media(min-width:60.625em) {
    .prd-utility-heading-4 {
        font-size: 1.8rem
    }
}

@media(max-width:60.5625em) {
    .prd-utility-heading-5 {
        font-size: 1.4rem
    }
}

@media(min-width:60.625em) {
    .prd-utility-heading-5 {
        font-size: 1.6rem
    }
}

.prd-utility-body-extraExtraSmall,
.prd-utility-body-extraSmall,
.prd-utility-body-medium,
.prd-utility-body-small {
    font-weight: 400;
    line-height: 1.5
}

.prd-utility-body-medium {
    font-size: 1.7rem
}

.prd-utility-body-small {
    font-size: 1.5rem;
    text-align: center;
    
}

.prd-utility-body-extraSmall {
    font-size: 16px
}

.prd-utility-body-extraExtraSmall {
    font-size: 1rem
}

.prd-utility-weight-regular {
    font-weight: 400
}

.prd-utility-weight-bold {
    font-weight: 600
}

.prd-utility-textAlign-left {
    text-align: left
}

.prd-utility-textAlign-center {
    text-align: center
}

.prd-utility-textAlign-right {
    text-align: right
}

@media(max-width:60.5625em) {
    .prd-smallScreen-textAlign-left {
        text-align: left
    }

    .prd-smallScreen-textAlign-center {
        text-align: center
    }

    .prd-smallScreen-textAlign-right {
        text-align: right
    }
}

@media(max-width:47.9375em) {
    .prd-extraSmallScreen-textAlign-left {
        text-align: left
    }

    .prd-extraSmallScreen-textAlign-center {
        text-align: center
    }

    .prd-extraSmallScreen-textAlign-right {
        text-align: right
    }
}

@media(min-width:60.625em) {
    .prd-largeScreen-textAlign-left {
        text-align: left
    }

    .prd-largeScreen-textAlign-center {
        text-align: center
    }

    .prd-largeScreen-textAlign-right {
        text-align: right
    }
}

@media(min-width:77.5625em) {
    .prd-extraLargeScreen-textAlign-left {
        text-align: left
    }

    .prd-extraLargeScreen-textAlign-center {
        text-align: center
    }

    .prd-extraLargeScreen-textAlign-right {
        text-align: right
    }
}

.prd-utility-linkType-telephone[href^="tel:"],
.prd-utility-linkType-telephone [href^="tel:"] {
    color: inherit;
    text-decoration: none;
    cursor: text
}

.prd-utility-text-mark {
    background: linear-gradient(transparent 47%, #ffe6b4 0)
}

.prd-utility-whiteSpace-normal {
    white-space: normal
}

.prd-utility-whiteSpace-nowrap {
    white-space: nowrap
}

@media(max-width:60.5625em) {
    .prd-smallScreen-whiteSpace-normal {
        white-space: normal
    }

    .prd-smallScreen-whiteSpace-nowrap {
        white-space: nowrap
    }
}

@media(max-width:47.9375em) {
    .prd-extraSmallScreen-whiteSpace-normal {
        white-space: normal
    }

    .prd-extraSmallScreen-whiteSpace-nowrap {
        white-space: nowrap
    }
}

@media(min-width:60.625em) {
    .prd-largeScreen-whiteSpace-normal {
        white-space: normal
    }

    .prd-largeScreen-whiteSpace-nowrap {
        white-space: nowrap
    }
}

@media(min-width:77.5625em) {
    .prd-extraLargeScreen-whiteSpace-normal {
        white-space: normal
    }

    .prd-extraLargeScreen-whiteSpace-nowrap {
        white-space: nowrap
    }
}

.prd-utility-visuallyHidden {
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    width: 4px;
    height: 4px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    visibility: visible;
    border: none;
    opacity: 0;
    pointer-events: none
}

@media(max-width:60.5625em) {
    .prd-smallScreen-visuallyHidden {
        position: fixed;
        top: 0;
        left: 0;
        display: block;
        width: 4px;
        height: 4px;
        padding: 0;
        margin: 0;
        overflow: hidden;
        visibility: visible;
        border: none;
        opacity: 0;
        pointer-events: none
    }
}

@media(max-width:47.9375em) {
    .prd-extraSmallScreen-visuallyHidden {
        position: fixed;
        top: 0;
        left: 0;
        display: block;
        width: 4px;
        height: 4px;
        padding: 0;
        margin: 0;
        overflow: hidden;
        visibility: visible;
        border: none;
        opacity: 0;
        pointer-events: none
    }
}

@media(min-width:60.625em) {
    .prd-largeScreen-visuallyHidden {
        position: fixed;
        top: 0;
        left: 0;
        display: block;
        width: 4px;
        height: 4px;
        padding: 0;
        margin: 0;
        overflow: hidden;
        visibility: visible;
        border: none;
        opacity: 0;
        pointer-events: none
    }
}

@media(min-width:77.5625em) {
    .prd-extraLargeScreen-visuallyHidden {
        position: fixed;
        top: 0;
        left: 0;
        display: block;
        width: 4px;
        height: 4px;
        padding: 0;
        margin: 0;
        overflow: hidden;
        visibility: visible;
        border: none;
        opacity: 0;
        pointer-events: none
    }
}

.prd-utility-width-auto {
    width: auto
}

.prd-utility-width-100 {
    width: 100%
}

@media(max-width:60.5625em) {
    .prd-smallScreen-width-auto {
        width: auto
    }

    .prd-smallScreen-width-100 {
        width: 100%
    }
}

@media(max-width:47.9375em) {
    .prd-extraSmallScreen-width-auto {
        width: auto
    }

    .prd-extraSmallScreen-width-100 {
        width: 100%
    }
}

@media(min-width:60.625em) {
    .prd-largeScreen-width-auto {
        width: auto
    }

    .prd-largeScreen-width-100 {
        width: 100%
    }
}

@media(min-width:77.5625em) {
    .prd-extraLargeScreen-width-auto {
        width: auto
    }

    .prd-extraLargeScreen-width-100 {
        width: 100%
    }
}

.prd-sg-root {
    min-height: 100vh
}

.prd-sg-frame {
    display: flex;
    height: 100vh
}

.prd-sg-frame-sidebar {
    flex-basis: 32rem;
    padding: 1.6rem;
    overflow: auto;
    background-color: #f0f0f0
}

.prd-sg-frame-body {
    flex-basis: 0;
    flex-grow: 1
}

.prd-sg-frame-body>iframe {
    width: 100%;
    height: 100%;
    border: 0
}

.prd-sg-menu-heading {
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.25
}

.prd-sg-menu-item {
    margin-right: -1.6rem;
    margin-left: -1.6rem
}

.prd-sg-menu-link {
    display: block;
    padding: .4rem 1.6rem;
    color: inherit;
    text-decoration: none
}

.prd-sg-menu-link[aria-current=true] {
    background-color: #fafafa
}

@media(hover:hover) {
    .prd-sg-menu-link:not([aria-current=true]):hover {
        background-color: #ddd
    }
}

.prd-root.is-ie11 .prd-sg-menu-link:not([aria-current=true]):hover {
    background-color: #ddd
}

.prd-sg-preview {
    padding: 1.6rem
}

*+h2.prd-sg-heading.prd-sg-heading {
    margin-top: 7.2rem
}

*+h3.prd-sg-heading.prd-sg-heading {
    margin-top: 4rem
}

.prd-sg-table {
    display: inline-block;
    overflow-x: auto
}

.prd-sg-table th {
    font-weight: inherit;
    text-align: left;
    background-color: #f0f0f0
}

.prd-sg-table td,
.prd-sg-table th {
    padding: .8rem 1.6rem;
    border-bottom: 1px solid #ddd
}

.prd-sg-list {
    padding-left: 3.2rem;
    list-style-type: disc
}

.prd-sg-list .prd-sg-list {
    list-style-type: circle
}

.prd-sg-list .prd-sg-list .prd-sg-list {
    list-style-type: square
}

.prd-sg-paragraph {
    max-width: 40em;
    margin-bottom: 0
}

.prd-sg-codeInline {
    padding: .125em .25em;
    background-color: #f0f0f0;
    border: 1px solid #ddd;
    border-radius: .4rem
}

.prd-sg-example-lang {
    display: inline-block;
    padding: .4rem .8rem;
    font-size: 1.2rem;
    line-height: 1.25;
    color: #545859;
    vertical-align: bottom;
    background-color: #f0f0f0
}

.prd-sg-example-content {
    padding: 1.6rem;
    border: 1px solid #f0f0f0
}
@charset "utf-8";
* {
  padding: 0;
  margin: 0;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
}
html {
  font-size: calc(100vw/19.2);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 1901px) {
  html {
    font-size: 100px;
  }
}
@media (max-width: 1580px) {
  html {
    font-size: 66px;
  }
}
@media (max-width: 767px) {
  html {
    font-size: calc(100vw/7.5);
  }
}
body {
  min-height: 100%;
  font-size: 16px;
  line-height: 1.5;
  color: #333;
  background: #fff;
}
@media (max-width: 1580px) {
  body {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  body {
    font-size: 0.28rem;
  }
}
img {
  border: 0;
  vertical-align: top;
}
li {
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: normal;
}
a,
a:hover,
a:focus {
  text-decoration: none;
}
table {
  border-collapse: collapse;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clear {
  zoom: 1;
}
.clear:after {
  content: '';
  display: block;
  clear: both;
}
.container {
  margin: 0 auto;
  width: 83.333333%;
  max-width: 1600px;
}
@media (max-width: 1580px) {
  .container {
    width: 84%;
  }
}
@media (max-width: 1199px) {
  .container {
    width: 90%;
  }
}
.bg-color1 {
  background-color: #fff;
}
.ptb100 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media (max-width: 767px) {
  .ptb100 {
    padding-top: 1.2rem;
    padding-bottom: 1.2em;
  }
}
.pt100 {
  padding-top: 1rem;
}
@media (max-width: 767px) {
  .pt100 {
    padding-top: 1.2rem;
  }
}
.pb100 {
  padding-bottom: 1rem;
}
@media (max-width: 767px) {
  .pb100 {
    padding-bottom: 1.2rem;
  }
}
.ptb140 {
  padding-top: 1.4rem;
  padding-bottom: 1.4rem;
}
@media (max-width: 767px) {
  .ptb140 {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
  }
}
.pt140 {
  padding-top: 1.4rem;
}
@media (max-width: 767px) {
  .pt140 {
    padding-top: 1.2rem;
  }
}
.pb140 {
  padding-bottom: 1.4rem;
}
@media (max-width: 767px) {
  .pb140 {
    padding-bottom: 1.2rem;
  }
}
.font16 {
  font-size: 16px;
}
@media (max-width: 1580px) {
  .font16 {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .font16 {
    font-size: 0.28rem;
  }
}
.font24 {
  font-size: 0.24rem;
}
@media (max-width: 1580px) {
  .font24 {
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .font24 {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .font24 {
    font-size: 0.34rem;
  }
}
.font30 {
  font-size: 0.3rem;
}
@media (max-width: 1199px) {
  .font30 {
    font-size: 0.36rem;
  }
}
@media (max-width: 767px) {
  .font30 {
    font-size: 0.4rem;
  }
}
.font36 {
  font-size: 36px;
}
@media (max-width: 1199px) {
  .font36 {
    font-size: 0.4rem;
  }
}
@media (max-width: 767px) {
  .font36 {
    font-size: 0.42rem;
  }
}
.solution {
  width: 100%;
  padding: 0.42rem 0 1.04rem;
}
.solution .container .solution-list {
  width: 100%;
}
.solution .container .solution-list ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.solution .container .solution-list ul li {
  width: 48.75%;
  position: relative;
  margin-right: 2.5%;
  margin-bottom: 0.4rem;
  transition: all ease-out 0.3s;
}
.solution .container .solution-list ul li:nth-child(2n) {
  margin-right: 0;
}
@media (max-width: 767px) {
  .solution .container .solution-list ul li {
    width: 100%;
    margin-right: 0;
  }
}
.solution .container .solution-list ul li a {
  display: block;
}
.solution .container .solution-list ul li .img {
  width: 100%;
  position: relative;
}
.solution .container .solution-list ul li .img::before {
  content: '';
  width: 100%;
  padding-top: 50.51%;
  display: block;
}
.solution .container .solution-list ul li .img::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  transition: all ease-out 0.3s;
}
.solution .container .solution-list ul li .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
}
.solution .container .solution-list ul li .tbox {
  width: 100%;
  background: #f8f8f8;
  padding:50px;
  position: relative;
}
.solution .container .solution-list ul li .tbox::after {
  content: '';
  width: 0;
  height: 2px;
  background: #003686;
  position: absolute;
  left: 0%;
  bottom: 0;
  transition: all ease-out 0.3s;
}
.solution .container .solution-list ul li .tbox .t1 {
  font-size: 0.4rem;
  line-height: 1;
  color: #333;
}
.solution .container .solution-list ul li .tbox .t2 {
  line-height: 28px;
  color: #666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: 0.23rem;
  padding-right: 1rem;
}
@media (max-width: 1580px) {
  .solution .container .solution-list ul li .tbox .t2 {
    line-height: 24px;
  }
}
@media (max-width: 991px) {
  .solution .container .solution-list ul li .tbox .t2 {
    padding-right: 0;
  }
}
.solution .container .solution-list ul li .tbox .more {
  display: flex;
  align-items: center;
  margin-top: 0.44rem;
}
.solution .container .solution-list ul li .tbox .more span {
  display: inline-flex;
  height: 36px;
  align-items: center;
  color: #3971ad;
}
.solution .container .solution-list ul li .tbox .more span img {
  width: 20px;
  height: 20px;
  margin-left: 0.1rem;
  transition: all ease-out 0.3s;
}
.solution .container .solution-list ul li .tbox .more span:hover img {
  margin-left: 0.2rem;
}
.solution .container .solution-list ul li .tbox .more i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  overflow: hidden;
  -webkit-transition: all 0.3s linear;
  margin-left: 10px;
  border-radius: 50%;
  background-color: #004896;
  transition: all 0.3s linear;
  height: 20px;
}
@media (max-width: 1580px) {
  .solution .container .solution-list ul li .tbox .more i {
    width: 18px;
    height: 18px;
    margin-left: 8px;
  }
}
.solution .container .solution-list ul li .tbox .more i img,
.solution .container .solution-list ul li .tbox .more i svg {
  float: left;
  width: 30%;
}
.solution .container .solution-list ul li .tbox .more i img path,
.solution .container .solution-list ul li .tbox .more i svg path {
  fill: #fff;
}
.solution .container .solution-list ul li:hover {
  transform: translateY(-10px);
}
.solution .container .solution-list ul li:hover .img::after {
  opacity: 1;
}
.solution .container .solution-list ul li:hover .tbox::after {
  width: 100%;
}
.solution .container .solution-list ul li:hover .tbox .more i {
  transform: translateX(6px);
}
.solution-banner .img:after {
  background-color: #132d78;
  opacity: 0.5;
}
.solution-banner .cont .tit span:after {
  display: none;
}
.solution-banner .cont .ckbox {
  display: flex;
  margin-top: 0.55rem;
}
.solution-banner .cont .ckbox a {
  width: 1.84rem;
  height: 0.54rem;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all ease-out 0.3s;
  color: #004896;
  background: #fff;
  margin-right: 0.2rem;
}
@media (max-width: 767px) {
  .solution-banner .cont .ckbox a {
    width: 2.2rem;
    height: 0.7rem;
  }
}
.solution-banner .cont .ckbox a span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-left: 0.1rem;
  position: relative;
  background-color: #004896;
  border-radius: 50%;
}
.solution-banner .cont .ckbox a span img,
.solution-banner .cont .ckbox a span svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transition: all ease-out 0.3s;
}
.solution-banner .cont .ckbox a span img:nth-child(2),
.solution-banner .cont .ckbox a span svg:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.solution-banner .cont .ckbox a span svg {
  width: 42%;
}
.solution-banner .cont .ckbox a span svg path {
  fill: #fff;
}
.solution-banner .cont .ckbox a:hover {
  color: #fff;
  background: #004896;
}
.solution-banner .cont .ckbox a:hover span {
  background-color: #fff;
}
.solution-banner .cont .ckbox a:hover span img:nth-child(1) {
  opacity: 0;
}
.solution-banner .cont .ckbox a:hover span img:nth-child(2) {
  opacity: 1;
}
.solution-banner .cont .ckbox a:hover span svg path {
  fill: #004896;
}
.solution2-breadbox {
  background: #f8f8f8;
}
.sol2-box1 {
  width: 100%;
  background: #f8f8f8;
  padding: 0.5rem 0 1.3rem;
}
.sol2-box1 .container .title {
  text-align: center;
  font-size: 36px;
  line-height: 1;
  color: #000;
  margin: 20px 0;
}
.sol2-box1 .container .txt {
  width: 100%;
  max-width: 1080px;
  margin: 0.53rem auto 0;
  text-align: center;
  line-height: 30px;
}
@media (max-width: 1580px) {
  .sol2-box1 .container .txt {
    max-width: 800px;
    line-height: 24px;
  }
}
.sol2-box2 {
  width: 100%;
  padding: 1.4rem 0;
}
.sol2-box2 .container .title {
  text-align: center;
  font-size: 0.48rem;
  line-height: 1;
  color: #000;
}
.sol2-box2 .container .list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.63rem;
}
.sol2-box2 .container .list .item {
  width: 33.333%;
  border: 1px solid #ddd;
  padding: 0.75rem 0 0.9rem;
  margin-right: -1px;
}
@media (max-width: 991px) {
  .sol2-box2 .container .list .item {
    width: 100%;
    margin-right: 0;
    margin-top: -1px;
  }
}
.sol2-box2 .container .list .item .icon {
  width: 1.1rem;
  height: 1rem;
  margin: auto;
}
.sol2-box2 .container .list .item .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.sol2-box2 .container .list .item .t1 {
  width: 100%;
  color: #333;
  line-height: 0.48rem;
  text-align: center;
  margin-top: 0.48rem;
}
.sol2-box2 .container .list .item .t2 {
  margin-top: 0.11rem;
  text-align: center;
  color: #666;
  line-height: 26px;
}
.sol2-box2 .container .boxs {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.sol2-box2 .container .boxs .img {
  width: 38.43%;
  position: relative;
}
@media (max-width: 991px) {
  .sol2-box2 .container .boxs .img {
    width: 100%;
  }
}
.sol2-box2 .container .boxs .img::before {
  content: '';
  width: 100%;
  display: block;
  padding-top: 65.04%;
}
.sol2-box2 .container .boxs .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
}
.sol2-box2 .container .boxs .tbox {
  width: 61.57%;
  padding: 0.79rem 1.8rem 0 0.6rem;
  background: #f8f8f8;
}
@media (max-width: 991px) {
  .sol2-box2 .container .boxs .tbox {
    width: 100%;
    padding: 0.8rem 0.5rem;
  }
}
.sol2-box2 .container .boxs .tbox .t1 {
  width: 100%;
  font-size: 36px;
  color: #000;
  line-height: 48px;
}
.sol2-box2 .container .boxs .tbox .t2 {
  line-height: 30px;
  color: #666;
  margin-top: 0.5rem;
}
@media (max-width: 1580px) {
  .sol2-box2 .container .boxs .tbox .t2 {
    line-height: 24px;
  }
}
.sol2-box3 {
  width: 100%;
  background: #f8f8f8;
  padding: 1.55rem 0 1.42rem;
}
.sol2-box3 .container .item {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 0.8rem;
  position: relative;
}
@media (max-width: 1199px) {
  .sol2-box3 .container .item {
    flex-wrap: wrap;
  }
}
.sol2-box3 .container .item:last-child {
  margin-bottom: 0;
}
.sol2-box3 .container .item .img {
  width: 67.5%;
  position: relative;
  flex-shrink: 0;
}
@media (max-width: 1199px) {
  .sol2-box3 .container .item .img {
    width: 100%;
  }
}
.sol2-box3 .container .item .img::before {
  content: '';
  width: 100%;
  display: block;
  padding-top: 59.25%;
}
.sol2-box3 .container .item .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
}
.sol2-box3 .container .item .tbox {
  width: 38.43%;
  background: #fff;
  z-index: 2;
  transition: all ease-out 0.3s;
}
@media (max-width: 1199px) {
  .sol2-box3 .container .item .tbox {
    width: 100%;
    height: auto;
  }
}
.sol2-box3 .container .item .tbox .t1 {
  color: #333;
  line-height: 50px;
  transition: all ease-out 0.3s;
}
.sol2-box3 .container .item .tbox .t2 {
  color: #333;
  margin-top: 0.2rem;
  line-height: 50px;
  transition: all ease-out 0.3s;
}
@media (max-width: 1580px) {
  .sol2-box3 .container .item .tbox .t2 {
    line-height: 24px;
  }
}
.sol2-box3 .container .item .tbox .more {
  margin-top: 0.72rem;
  display: flex;
  align-items: center;
}
@media (max-width: 1580px) {
  .sol2-box3 .container .item .tbox .more {
    margin-top: 0.5rem;
  }
}
.sol2-box3 .container .item .tbox .more a {
  display: inline-flex;
  align-items: center;
  color: #3971ad;
  transition: all ease-out 0.3s;
}
.sol2-box3 .container .item .tbox .more a span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  overflow: hidden;
  transition: all 0.3s linear;
  margin-left: 10px;
  border-radius: 50%;
  background-color: #004896;
  transition: all ease-out 0.3s;
  height: 20px;
}
@media (max-width: 1580px) {
  .sol2-box3 .container .item .tbox .more a span {
    width: 18px;
    height: 18px;
    margin-left: 8px;
  }
}
.sol2-box3 .container .item .tbox .more a span img,
.sol2-box3 .container .item .tbox .more a span svg {
  float: left;
  width: 30%;
}
.sol2-box3 .container .item .tbox .more a span img path,
.sol2-box3 .container .item .tbox .more a span svg path {
  fill: #fff;
}
.sol2-box3 .container .item:hover .tbox {
  background: #004896;
}
.sol2-box3 .container .item:hover .tbox .t1 {
  color: #fff;
}
.sol2-box3 .container .item:hover .tbox .t2 {
  color: #fff;
}
.sol2-box3 .container .item:hover .tbox .more a {
  color: #fff;
}
.sol2-box3 .container .item:hover .tbox .more a span img:nth-child(1) {
  opacity: 0;
}
.sol2-box3 .container .item:hover .tbox .more a span img:nth-child(2) {
  opacity: 1;
}
.sol2-box3 .container .item:hover .tbox .more a span {
  margin-left: 0.2rem;
  background-color: #fff;
}
.sol2-box3 .container .item:hover .tbox .more a span svg path {
  fill: #004896;
}
.sol2-box3 .container .item:nth-child(n) {
  flex-direction: row-reverse;
}
.sol2-box3 .container .item:nth-child(n) .tbox {
  margin-right: -0.96rem;
  padding: 2rem;
}
@media (max-width: 1580px) {
  .sol2-box3 .container .item:nth-child(n) .tbox {
    padding: 2rem;
  }
}
@media (max-width: 1199px) {
  .sol2-box3 .container .item:nth-child(n) .tbox {
    margin: 0;
    padding: 2rem;
  }
}
@media (max-width: 991px) {
  .sol2-box3 .container .item:nth-child(n) .tbox {
    padding: 2rem;
  }
}
.sol2-box3 .container .item:nth-child(2n) {
  flex-direction: row;
}
.sol2-box3 .container .item:nth-child(2n) .tbox {
  margin-right: 0;
  margin-left: -0.96rem;
  padding: 40px;
}
@media (max-width: 1580px) {
  .sol2-box3 .container .item:nth-child(2n) .tbox {
    padding: 0.8rem 0.86rem;
  }
}
@media (max-width: 1199px) {
  .sol2-box3 .container .item:nth-child(2n) .tbox {
    margin: 0;
    padding: 0.8rem 0.86rem;
  }
}
@media (max-width: 991px) {
  .sol2-box3 .container .item:nth-child(2n) .tbox {
    padding: 0.8rem 0.5rem;
  }
}
.solution-info {
  width: 100%;
  padding: 0.52rem 0 1.4rem;
}
.solution-info .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  position: relative;
}
.solution-info .container .left {
  width: 56.25%;
}
@media (max-width: 1199px) {
  .solution-info .container .left {
    width: 65%;
  }
}
@media (max-width: 991px) {
  .solution-info .container .left {
    width: 100%;
  }
}
.solution-info .container .left .title {
  color: #000;
  font-weight: bold;
  line-height: 1;
  border-left: 3px solid #d40400;
  padding-left: 0.2rem;
}
.solution-info .container .left .txt {
  margin-top: 0.4rem;
  border-top: 1px solid #f0f0f0;
  line-height: 30px;
  color: #333;
  padding: 0.33rem 0 0.8rem;
}
@media (max-width: 1580px) {
  .solution-info .container .left .txt {
    line-height: 24px;
  }
}
.solution-info .container .left .txt img {
  max-width: 100%;
}
.solution-info .container .left .scase {
  width: 100%;
}
.solution-info .container .left .scase .stitle {
  color: #000;
  font-weight: bold;
  line-height: 1;
  border-left: 3px solid #d40400;
  padding-left: 0.2rem;
}
.solution-info .container .left .scase .list {
  width: 100%;
  border-top: 1px solid #f0f0f0;
  margin-top: 0.4rem;
  padding-top: 0.4rem;
  display: flex;
  flex-wrap: wrap;
}
.solution-info .container .left .scase .list .item {
  width: 48.89%;
  margin-right: 2.22%;
  margin-bottom: 0.2rem;
}
.solution-info .container .left .scase .list .item:nth-child(2n) {
  margin-right: 0;
}
.solution-info .container .left .scase .list .item:nth-child(n + 3) {
  display: none;
}
@media (max-width: 767px) {
  .solution-info .container .left .scase .list .item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0.5rem;
  }
}
.solution-info .container .left .scase .list .item a {
  display: block;
}
.solution-info .container .left .scase .list .item a .img {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.solution-info .container .left .scase .list .item a .img::before {
  content: '';
  width: 100%;
  display: block;
  padding-top: 63.64%;
}
.solution-info .container .left .scase .list .item a .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  transition: all 0.3s linear;
}
.solution-info .container .left .scase .list .item a .tbox {
  width: 100%;
  padding-top: 0.16rem;
}
@media (max-width: 767px) {
  .solution-info .container .left .scase .list .item a .tbox {
    padding-top: 0.3rem;
  }
}
.solution-info .container .left .scase .list .item a .tbox .t1 {
  font-size: 18px;
  line-height: 26px;
  color: #333;
}
.solution-info .container .left .scase .list .item a .tbox .t2 {
  line-height: 30px;
  color: #666;
  margin-top: 0.15rem;
}
@media (max-width: 1580px) {
  .solution-info .container .left .scase .list .item a .tbox .t2 {
    line-height: 24px;
  }
}
.solution-info .container .left .scase .getmore {
  width: 100%;
  height: 0.5rem;
  border: 1px solid #004896;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #004896;
  transition: all ease-out 0.3s;
  cursor: pointer;
  margin-top: 0.2rem;
}
@media (max-width: 767px) {
  .solution-info .container .left .scase .getmore {
    height: 0.7rem;
  }
}
.solution-info .container .left .scase .getmore:hover,
.solution-info .container .left .scase .getmore.on {
  background: #004896;
  color: #fff;
}
.solution-info .container .left .other {
  width: 100%;
  margin-top: 0.4rem;
}
.solution-info .container .left .other .sproduct {
  width: 100%;
  margin-top: -90px;
  padding-top: 90px;
}
.solution-info .container .left .other .sproduct .stitle {
  color: #000;
  font-weight: bold;
  line-height: 1;
  border-left: 3px solid #d40400;
  padding-left: 0.2rem;
}
.solution-info .container .left .other .sproduct .list {
  width: 100%;
  border-top: 1px solid #f0f0f0;
  margin: 0.4rem 0;
  padding-top: 0.4rem;
}
.solution-info .container .left .other .sproduct .list .item {
  width: 100%;
  margin-bottom: 0.2rem;
}
.solution-info .container .left .other .sproduct .list .item:last-child {
  margin-bottom: 0;
}
.solution-info .container .left .other .sproduct .list .item:nth-child(n + 3) {
  display: none;
}
.solution-info .container .left .other .sproduct .list .item a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.solution-info .container .left .other .sproduct .list .item a .img {
  width: 44.44%;
  position: relative;
  border: 1px solid #f1f1f1;
  overflow: hidden;
}
@media (max-width: 767px) {
  .solution-info .container .left .other .sproduct .list .item a .img {
    width: 100%;
  }
}
.solution-info .container .left .other .sproduct .list .item a .img::before {
  content: '';
  width: 100%;
  padding-top: 75%;
  display: block;
}
.solution-info .container .left .other .sproduct .list .item a .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  transition: all 0.3s linear;
}
.solution-info .container .left .other .sproduct .list .item a .tbox {
  width: 48.89%;
}
@media (max-width: 767px) {
  .solution-info .container .left .other .sproduct .list .item a .tbox {
    width: 100%;
    padding: 0.5rem 0;
  }
}
.solution-info .container .left .other .sproduct .list .item a .tbox .t1 {
  font-size: 18px;
  line-height: 26px;
  color: #333;
}
.solution-info .container .left .other .sproduct .list .item a .tbox .t2 {
  line-height: 30px;
  color: #999;
  margin-top: 0.17rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.solution-info .container .left .other .sproduct .list .item a .tbox .t3 {
  display: flex;
  margin-top: 0.3rem;
}
.solution-info .container .left .other .sproduct .list .item a .tbox .t3 .more {
  display: inline-flex;
  align-items: center;
  color: #3971ad;
}
.solution-info .container .left .other .sproduct .list .item a .tbox .t3 .more span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  overflow: hidden;
  -webkit-transition: all 0.3s linear;
  margin-left: 10px;
  border-radius: 50%;
  background-color: #004896;
  transition: all 0.3s linear;
  height: 20px;
}
@media (max-width: 1580px) {
  .solution-info .container .left .other .sproduct .list .item a .tbox .t3 .more span {
    width: 18px;
    height: 18px;
    margin-left: 8px;
  }
}
.solution-info .container .left .other .sproduct .list .item a .tbox .t3 .more span img,
.solution-info .container .left .other .sproduct .list .item a .tbox .t3 .more span svg {
  float: left;
  width: 30%;
}
.solution-info .container .left .other .sproduct .list .item a .tbox .t3 .more span img path,
.solution-info .container .left .other .sproduct .list .item a .tbox .t3 .more span svg path {
  fill: #fff;
}
.solution-info .container .left .other .sproduct .list .item a .tbox .t3 .more:hover span {
  margin-left: 0.2rem;
}
.solution-info .container .left .other .sproduct .list .item a:hover .img img {
  transform: scale(1.04);
}
.solution-info .container .left .other .getmore {
  width: 100%;
  height: 0.5rem;
  border: 1px solid #004896;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #004896;
  transition: all ease-out 0.3s;
  cursor: pointer;
}
@media (max-width: 767px) {
  .solution-info .container .left .other .getmore {
    height: 0.7rem;
  }
}
.solution-info .container .left .other .getmore:hover,
.solution-info .container .left .other .getmore.on {
  background: #004896;
  color: #fff;
}
.solution-info .container .left .share {
  width: 100%;
  margin-top: 0.85rem;
  border-top: 1px solid #f0f0f0;
  padding-top: 0.27rem;
  display: flex;
  align-items: center;
  color: #666;
}
.solution-info .container .left .share a {
  width: 21px;
  height: 22px;
  margin-left: 0.11rem;
  position: relative;
  display: flex;
}
.solution-info .container .left .share a img {
  width: 100%;
  height: 100%;
}
.solution-info .container .left .share a .er {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 120px;
  padding: 5px;
  background-color: #fff;
  margin-top: 15px;
}
.solution-info .container .left .share a:hover .er {
  display: block;
}
.solution-info .container .left .share .bshare-custom {
  display: flex;
  align-items: center;
}
.solution-info .container .right {
  width: 28.75%;
}
@media (max-width: 991px) {
  .solution-info .container .right {
    width: 100%;
    margin-top: 1rem;
  }
}
@media (min-width: 992px) {
  .solution-info .container .right {
    position: sticky;
    top: 90px;
  }
}
.solution-info .container .right .title {
  color: #999;
  line-height: 1;
}
.solution-info .container .right .list {
  width: 100%;
  margin-top: 0.3rem;
}
.solution-info .container .right .list ul li {
  margin-bottom: 0.2rem;
}
.solution-info .container .right .list ul li a {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.solution-info .container .right .list ul li a .img {
  width: 43.47%;
  position: relative;
}
.solution-info .container .right .list ul li a .img::before {
  content: '';
  width: 100%;
  padding-top: 60%;
  display: block;
}
.solution-info .container .right .list ul li a .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
}
.solution-info .container .right .list ul li a .tbox {
  width: 51.73%;
  padding-top: 0.2rem;
}
.solution-info .container .right .list ul li a .tbox .t1 {
  font-size: 20px;
  color: #333;
  line-height: 1;
}
@media (max-width: 1580px) {
  .solution-info .container .right .list ul li a .tbox .t1 {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .solution-info .container .right .list ul li a .tbox .t1 {
    font-size: 16px;
  }
}
.solution-info .container .right .list ul li a .tbox .t2 {
  font-size: 14px;
  line-height: 24px;
  color: #666;
  margin-top: 0.14rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}


/* 新闻中心 */
.newsbanner {
  position: relative;
}
.newsbanner .img {
  width: 100%;
  height: 450px;
  position: relative;
}
@media (max-width: 767px) {
  .fc .fc-button{
    font-size: 4em;
  }
  .fc table{
    font-size: 2em;

  }
}
.newsbanner .img:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #004896;
  opacity: 0.2;
}

.el-submenu.is-active{
  background:transparent !important;

  color: #ff0000 !important;
}
.el-menu-item.is-active{
  color: #ff0000 !important;
  background:#f5caca !important;
}
.el-menu-item:focus, .el-menu-item:hover{
  background: #f5caca !important;
}
.newsbanner .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.newsbanner .img img:nth-child(2) {
  display: none;
}
@media (max-width: 767px) {
  .newsbanner .img img:nth-child(1) {
    /* display: none; */
  }
  .newsbanner .img img:nth-child(2) {
    display: block;
  }
}
.newsbanner .cont {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  color: #fff;
}
.newsbanner .cont .tit {
  font-size: 36px;
  margin-bottom: 0.14rem;
}
.newsbanner .cont .tit span {
  position: relative;
}
.newsbanner .cont .tit span:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 100%;
  margin-left: 10px;
  width: 0.28rem;
  height: 0.28rem;
  background: url(../../static/img/hongxingh1.c843e6a8.svg) no-repeat center;
  background-size: contain;
}
@media (max-width: 767px) {
  .newsbanner .cont .tit span:after {
    top: 6px;
  }
}
.newsbanner .cont .text {
  max-width: 50%;
  line-height: 30px;
  font-size: 16px;
}
@media (max-width: 1580px) {
  .newsbanner .cont .text {
    line-height: 26px;
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .newsbanner .cont .text {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .newsbanner .cont .text {
    max-width: 100%;
  }
}

.contactbox-sec1 .cont {
  display: flex;
  align-items: flex-start;
}


.contactbox-sec1 .cont .lt .tit {
  font-size: 36px;
  margin-bottom: 0.32rem;
}
@media (max-width: 991px) {
  .contactbox-sec1 .cont .lt .tit {
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 767px) {
  .contactbox-sec1 .cont .lt .tit {
    font-size: 2.52rem;
  }
}
.contactbox-sec1 .cont .lt .jut {
  font-size: 18px;
  line-height: 1.4;
  color: #333333;
  margin-bottom: 0.4rem;
}


.contactbox-sec2 .cont {
  padding: 40px 16px;
  display: flex;
  flex-wrap: wrap;
  background-color: #ffffff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
@media (max-width: 991px) {
  .contactbox-sec2 .cont {
    padding: 12px 14px;
  }
}
@media (max-width: 767px) {
  .contactbox-sec2 .cont {
    padding: 18px 14px;
  }
}
.contactbox-sec2 .cont .item {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 -0.1rem;
}
@media (max-width: 767px) {
  .contactbox-sec2 .cont .item {
    width: 100%;
    margin: 0;
  }
}
.contactbox-sec2 .cont .item .li {
  width: 50%;
  padding: 0 15px;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .contactbox-sec2 .cont .item .li {
    width: 100%;
    padding: 0;
  }
}
.contactbox-sec2 .cont .item .li input,
.contactbox-sec2 .cont .item .li select,
.contactbox-sec2 .cont .item .li textarea {
  background-color: #f5f5f5;
  padding: 10px 20px;
  width: 100%;
  color: #333;
  border:0;
  font-size: 16px;
}
@media (max-width: 1580px) {
  .contactbox-sec2 .cont .item .li input,
  .contactbox-sec2 .cont .item .li select,
  .contactbox-sec2 .cont .item .li textarea {
    font-size: 14px;
  }
}
.contactbox-sec2 .cont .item .li input::-webkit-input-placeholder,
.contactbox-sec2 .cont .item .li select::-webkit-input-placeholder,
.contactbox-sec2 .cont .item .li textarea::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #999;
}
.contactbox-sec2 .cont .item .li input::-moz-placeholder,
.contactbox-sec2 .cont .item .li select::-moz-placeholder,
.contactbox-sec2 .cont .item .li textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999;
}
.contactbox-sec2 .cont .item .li input:-ms-input-placeholder,
.contactbox-sec2 .cont .item .li select:-ms-input-placeholder,
.contactbox-sec2 .cont .item .li textarea:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #999;
}
.contactbox-sec2 .cont .item .li select {
  background-position: 95% center;
  background-size: 10px auto;
}
@media (max-width: 1580px) {
  .contactbox-sec2 .cont .item .li select {
    background-size: 8px auto;
  }
}
.contactbox-sec2 .cont .item .li textarea {
  height: 150px;
}
@media (max-width: 1580px) {
  .contactbox-sec2 .cont .item .li textarea {
    height: 150px;
  }
}
.contactbox-sec2 .cont .int1 {
  width: 100%;
}
.contactbox-sec2 .cont .int1 .jut {
  width: 50%;
}
@media (max-width: 767px) {
  .contactbox-sec2 .cont .int1 .jut {
    width: 100%;
  }
}
.contactbox-sec2 .cont .int1 .li {
  width: 100%;
}
.contactbox-sec2 .cont .but {
  margin-top: 0.1rem;
}
.contactbox-sec2 .cont .but .f_sub,
.contactbox-sec2 .cont .but .f_set {
  overflow: hidden;
}
@media (max-width: 767px) {
  .contactbox-sec2 .cont .but .f_sub,
  .contactbox-sec2 .cont .but .f_set {
    width: 40%;
    margin: 0 10px;
  }
}
.contactbox-sec2 .cont .but .f_sub button,
.contactbox-sec2 .cont .but .f_set button {
  transition: all 0.3s linear;
  width: 1.44rem;
  height: 0.54rem;
  background-color: #999999;
  color: #fff;
  font-size: 16px;
}
@media (max-width: 1580px) {
  .contactbox-sec2 .cont .but .f_sub button,
  .contactbox-sec2 .cont .but .f_set button {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .contactbox-sec2 .cont .but .f_sub button,
  .contactbox-sec2 .cont .but .f_set button {
    width: 1.6rem;
    height: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .contactbox-sec2 .cont .but .f_sub button:hover,
  .contactbox-sec2 .cont .but .f_set button:hover {
    background-color: #004896;
  }
}
.contactbox-sec2 .cont .but .f_sub button {
  float: right;
}

.contactbox-sec2 .tit {
  text-align: center;
  width: 100%;
  font-size: 36px;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
  .contactbox-sec2 .tit {
    font-size: 28px;
  }
}


.newbox .cont .item {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 40px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  width: 50%;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .newbox .cont .item {
    padding: 0.26rem 0.3rem;
  }
}
@media (max-width: 767px) {
  .newbox .cont .item {
    width: 100%;
    /* padding: 0.4rem 0.4rem; */
    padding: 0.45rem 0.35rem;
    border: 1px solid #f1f1f1;
    /* margin-bottom: 0.3rem; */
    margin-bottom: 0;
    border-bottom: 0;    
  }
  .newbox .cont .item:last-child{
    border-bottom: 1px solid #f1f1f1;
  }
}
@media (min-width: 768px) {
  .newbox .cont .item:nth-child(2n) {
    border-left: none;
  }
}
.newbox .cont .item .img {
  width: 52.77%;
  position: relative;
  padding-bottom: 23.75%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .newbox .cont .item .img {
    width: 100%;
    padding-bottom: 50%;
  }
}
.newbox .cont .item .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s linear;
}
.newbox .cont .item .font {
  width: 47.23%;
  padding-left: 0.38rem;
}
@media (max-width: 767px) {
  .newbox .cont .item .font {
    width: 100%;
    padding-left: 0;
    margin-top: 0.4rem;
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 1580px) {
  .newbox .cont .item .font .tit {
    font-size: 16px;
    /* line-height: 26px; */
    /* height: 52px; */
    height: auto;
    line-height: 1.5;
  }
}
@media (max-width: 1199px) {
  .newbox .cont .item .font .tit {
    font-size: 14px;
    line-height: 24px;
    height: 48px;
    margin-bottom: 0.4rem;
    margin-bottom: 0.2rem;
    margin-top: 0.3rem;
  }
}

@media (max-width:1200px) {
  .newbox .cont .item{
    flex-direction: column;
  }
  .newbox .cont .item .font .tit{
    height: auto;
    line-height: 1.5;
  }
  .newbox .cont .item .font{
    width: 100%;
    padding-left: 0;
  }
  .newbox .cont .item .img{
    width: 100%;
    padding-bottom:45%;
  }
}

@media (max-width: 991px) {
  .newbox .cont .item .font .tit {
    margin-bottom: 0.1rem;
  }
}
@media (max-width: 767px) {
  .newbox .cont .item .font .tit {
    margin-bottom: 0.25rem;
    font-size: 16px;
    line-height: 24px;
    /* height: 48px; */
    height: auto;
    order: 1;
    margin-top: 0.05rem;
    min-height: 48px;
  }
  .newbox .cont .item .font .time{
    order: 0;
  }
}
.newbox .cont .item .font .tit span {
  transition: all 0.3s linear;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 93%, #ff0000 0%);
  background-size: 0 100%;
  background-repeat: no-repeat;
}
.newbox .cont .item .font .time {
  color: #cccccc;
  font-size: 14px;
}
@media (min-width: 992px) {
  .newbox .cont .item:hover .img img {
    transform: scale(1.04);
  }
  .newbox .cont .item:hover .font .tit {
    color: #ff0000;
  }
  .newbox .cont .item:hover .font .tit span {
    background-size: 100% 100%;
  }
}
@charset "UTF-8";


template {
    display: none;
}

.SearchInput {
    color: #333 !important;
}

.SearchInput::-moz-placeholder {
    color: #999 !important;
    opacity: 1;
}

.SearchInput::placeholder {
    color: #999 !important;
    opacity: 1;
}

#HeaderArea #HeaderSearch {
    box-sizing: border-box;
    width: auto;
    max-width: 242px;
    background: none;
}

#HeaderArea #HeaderSearch #HeaderSearchInner {
    min-width: inherit;
    overflow: inherit;
    border: 1px solid #ccc;
    border-radius: 14px;
    background: #fff;
}

#HeaderArea #HeaderSearch .SearchInput {
    box-sizing: border-box;
    min-width: 190px;
    min-height: 25px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
    border-radius: 14px;
}

[lang=pl] #HeaderArea #HeaderSearch .SearchInput {
    padding-top: 1px;
    padding-bottom: 1px;
    font-size: 11px;
}

#HeaderArea #HeaderSearch .InputCol {
    padding: 0 35px 0 10px;
    overflow: inherit;
    border-radius: 14px;
}

#HeaderArea #HeaderSearch .InputCol .SearchButton {
    top: 0;
    right: 5px;
}

[class*=theme-K] #Search #HeaderSearch, [class*=theme-K] #Downloads #HeaderSearch {
    width: auto !important;
    margin: 0 !important;
    background: none !important;
}

#HeaderSearchInner {
    display: flex;
    position: relative;
    justify-content: flex-end;
    min-width: 400px;
}

.layout-header #HeaderSearchInner {
    min-width: 240px;
}

[class*=theme-K] #Search #HeaderSearchInner, [class*=theme-K] #Downloads #HeaderSearchInner {
    background: none !important;
}

.layout-header #HeaderSearchInner > .InputCol {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 16px !important;
    border: 1px solid #ccc;
    border-radius: 3em;
    background: #fff;
}

@media screen and (max-width: 969px) {
    .layout-header #HeaderSearchInner > .InputCol {
        padding: 0 12px !important;
        border-radius: 4px;
    }
    .about-top-list{
        margin-bottom: 20px;
    }
    .solutionImg{
        background-size: 100% 100% !important;
    }
    .newsbanner .img:after{
        background: none !important;
    }
    .newsbanner .img{
        height: auto !important;
    }
    .about .about-content{
        width: 100% !important;
        margin: 0 auto !important;
    }
    .about .about-content .about-right-title {
        display: none !important;
    }
    .about-content .about-right{
        flex: 1 !important;
        margin: 0 20px !important;
    }
}

.layout-header #HeaderSearchInner .SearchInput {
    width: 100%;
    padding: 8px 8px 7px 0 !important;
    border: 0;
    font-size: 14px;
    line-height: 1.2 !important;
}

@media screen and (max-width: 969px) {
    .layout-header #HeaderSearchInner .SearchInput {
        padding: 14px 12px 13px 0 !important;
        font-size: 16px;
    }
}

.theme-KIB[lang=pl] .layout-header #HeaderSearchInner .SearchInput {
    min-height: 32px;
    padding: 9px 8px 9px 0 !important;
    font-size: 11px;
}

@media screen and (max-width: 969px) {
    .theme-KIB[lang=pl] .layout-header #HeaderSearchInner .SearchInput {
        padding: 16px 12px 15px 0 !important;
        font-size: 13px;
    }
}

.layout-header #HeaderSearchInner .SearchSuggestBox {
    top: 100%;
    right: 0;
    margin-top: 6px;
}

@media screen and (max-width: 969px) {
    .layout-header #HeaderSearchInner .SearchSuggestBox {
        width: 100%;
        min-width: inherit;
        max-width: inherit;
        margin-top: 25px;
        padding: 0;
        border-radius: 0;
        box-shadow: none;
    }
}

.layout-header #HeaderSearchInner .SearchSuggestBox::before {
    right: 40px;
    left: inherit;
}

@media screen and (max-width: 969px) {
    .layout-header #HeaderSearchInner .SearchSuggestBox::before {
        top: -8px;
        right: 54px;
        width: 16px;
        height: 16px;
        border-radius: 0;
    }
}

@media screen and (max-width: 969px) {
    .layout-header #HeaderSearchInner .SearchSuggestBox .SearchSuggestBoxInner {
        margin-right: -20px;
        margin-left: -20px;
        padding: 20px;
        border: 0;
        border-radius: 0;
    }
}

.layout-header #HeaderSearchInner .SearchSuggestBox .SearchSuggestBoxInner::before {
    right: 43px;
    left: inherit;
}

@media screen and (max-width: 969px) {
    .layout-header #HeaderSearchInner .SearchSuggestBox .SearchSuggestBoxInner::before {
        display: none;
    }
}

.layout-header #HeaderSearchInner .SearchButton {
    position: static !important;
    width: 23px;
    height: 26px;
}

#SearchContentWrapper {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}

#SearchContentWrapper > #main {
    margin: 0;
    float: none;
}

#SearchContentWrapper > #main.right > *:first-child {
    margin-top: inherit;
    padding-top: inherit;
}

#SearchContentWrapper > #side {
    margin: 0;
    padding: 10px;
    float: none;
    border-top: 2px solid #888;
    background: #f2f2f2;
}

.search-layout-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 16px 20px 30px;
}

.search-navigationBreadcrumb {
    display: flex;
    margin-bottom: 13px;
    margin-left: -20px;
    font-size: 11px;
    line-height: 1.1;
}

.search-navigationBreadcrumb > li {
    position: relative;
    margin-left: 20px;
}

.search-navigationBreadcrumb > li::before {
    display: block;
    position: absolute;
    top: 3px;
    left: -14px;
    width: 5px;
    height: 5px;
    transform: rotate(-45deg) skew(18deg, 18deg);
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    content: "";
}

.search-navigationBreadcrumb > li:first-child::before {
    display: none;
}

.search-navigationBreadcrumb a {
    text-decoration: none;
}

.search-navigationBreadcrumb a:hover, .search-navigationBreadcrumb a:active, .search-navigationBreadcrumb a:focus {
    text-decoration: underline;
}

.search-navigationBreadcrumb em {
    font-weight: normal;
}

.search-layout-grid {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -32px;
}

@media screen and (max-width: 969px) {
    .search-layout-grid {
        margin-bottom: 0;
    }
}

.search-layout-grid.of-primary {
    margin-top: -40px;
    margin-bottom: 0;
    margin-left: -38px;
}

.search-layout-grid.of-primary .search-layout-grid-column {
    margin-top: 40px;
    padding-left: 38px;
}

.search-layout-grid.of-column-12 .search-layout-grid-column.of-column-1 {
    width: 8.3333333% !important;
}

@media screen and (max-width: 969px) {
    .search-layout-grid.of-column-12 .search-layout-grid-column.of-column-1 {
        width: 100% !important;
    }
}

.search-layout-grid.of-column-12 .search-layout-grid-column.of-column-2 {
    width: 16.6666666% !important;
}

@media screen and (max-width: 969px) {
    .search-layout-grid.of-column-12 .search-layout-grid-column.of-column-2 {
        width: 100% !important;
    }
}

.search-layout-grid.of-column-12 .search-layout-grid-column.of-column-3 {
    width: 25% !important;
}

@media screen and (max-width: 969px) {
    .search-layout-grid.of-column-12 .search-layout-grid-column.of-column-3 {
        width: 100% !important;
    }
}

.search-layout-grid.of-column-12 .search-layout-grid-column.of-column-4 {
    width: 33.3333333% !important;
}

@media screen and (max-width: 969px) {
    .search-layout-grid.of-column-12 .search-layout-grid-column.of-column-4 {
        width: 100% !important;
    }
}

.search-layout-grid.of-column-12 .search-layout-grid-column.of-column-5 {
    width: 41.6666666% !important;
}

@media screen and (max-width: 969px) {
    .search-layout-grid.of-column-12 .search-layout-grid-column.of-column-5 {
        width: 100% !important;
    }
}

.search-layout-grid.of-column-12 .search-layout-grid-column.of-column-6 {
    width: 50% !important;
}

@media screen and (max-width: 969px) {
    .search-layout-grid.of-column-12 .search-layout-grid-column.of-column-6 {
        width: 100% !important;
    }
}

.search-layout-grid.of-column-12 .search-layout-grid-column.of-column-7 {
    width: 58.3333333% !important;
}

@media screen and (max-width: 969px) {
    .search-layout-grid.of-column-12 .search-layout-grid-column.of-column-7 {
        width: 100% !important;
    }
}

.search-layout-grid.of-column-12 .search-layout-grid-column.of-column-8 {
    width: 66.6666666% !important;
}

@media screen and (max-width: 969px) {
    .search-layout-grid.of-column-12 .search-layout-grid-column.of-column-8 {
        width: 100% !important;
    }
}

.search-layout-grid.of-column-12 .search-layout-grid-column.of-column-9 {
    width: 100% !important;
}

@media screen and (max-width: 969px) {
    .search-layout-grid.of-column-12 .search-layout-grid-column.of-column-9 {
        width: 100% !important;
    }
}

.search-layout-grid.of-column-12 .search-layout-grid-column.of-column-10 {
    width: 83.3333333% !important;
}

@media screen and (max-width: 969px) {
    .search-layout-grid.of-column-12 .search-layout-grid-column.of-column-10 {
        width: 100% !important;
    }
}

.search-layout-grid.of-column-12 .search-layout-grid-column.of-column-11 {
    width: 91.6666666% !important;
}

@media screen and (max-width: 969px) {
    .search-layout-grid.of-column-12 .search-layout-grid-column.of-column-11 {
        width: 100% !important;
    }
}

.search-layout-grid.of-column-12 .search-layout-grid-column.of-column-12 {
    width: 100% !important;
}

.search-layout-grid-column {
    width: 100% !important;
}

.search-layout-grid-column.of-flex {
    display: flex;
}

.search-layout-grid-column.of-flex > * {
    width: 100% !important;
}

.Popup div#PageTitle {
    width: auto;
    margin: 0 0 15px;
    padding: 0;
    overflow: inherit;
    background-color: #fff;
}

.Popup div#PageTitle::after {
    display: block;
    clear: both;
    content: "";
}

.Popup div#PageTitle h1 {
    padding: 0 0 0 6px;
    float: left;
    border-left: solid 3px #e60012;
    font-size: 1.5em;
    line-height: 1.5;
}

[class*=theme-K] #Search .Popup div#PageTitle h1, [class*=theme-K] #Downloads .Popup div#PageTitle h1 {
    float: none;
}

.Popup div#PageTitle p#PrintPage {
    float: right;
}

.Popup div#MigrateContentWrap dt {
    clear: left;
    font-weight: bold;
}

.Popup div#MigrateContentWrap dt.line {
    width: 100px;
    margin-bottom: 8px;
    float: left;
}

.Popup div#MigrateContentWrap dd {
    margin-bottom: 8px;
    margin-left: 12px;
    padding-left: 0;
}

.Popup div#MigrateContentWrap ol {
    margin: 0 0 0 2em;
    padding: 0;
}

.Popup div#MigrateContentWrap ol.parent li {
    list-style-position: inside;
}

.Popup div#MigrateContentWrap ol.node {
    margin-bottom: 1.4em;
    margin-left: 2.5em;
}

.Popup div#MigrateContentWrap ol.node li {
    position: relative;
    margin-bottom: 0.3em;
    list-style: none outside none;
}

.Popup div#MigrateContentWrap ol.node li span {
    position: absolute;
    top: 0;
    left: -1.7em;
}

.Popup div#MigrateContentWrap table td {
    padding: 0 0 10px;
}

.Popup div#MigrateContentWrap table,
.Popup div#MigrateContentWrap table tr,
.Popup div#MigrateContentWrap table td {
    margin: 0;
    padding: 0;
    border: medium none;
}

.Popup div#MigrateContentWrap p.subTitle {
    padding: 7px 0 7px 10px;
    background-color: #dcdcdc;
    font-weight: bold;
}

.Popup div#MigrateContentWrap table td li {
    margin-top: 10px !important;
}

.Popup div#MigrateContentWrap p.ksDl {
    margin-top: 10px !important;
}

.Popup div#MigrateContentWrap table.ksdlTbl {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.Popup div#MigrateContentWrap table.ksdlTbl td {
    padding: 0 0 5px 0 !important;
}

.Popup div#MigrateContentWrap h5 {
    margin-top: 15px !important;
    margin-bottom: 10px !important;
    color: #333 !important;
    font-weight: bold !important;
}

.Popup div#MigrateContentWrap h5.fst {
    margin-top: 5px !important;
    margin-bottom: 10px !important;
}

.Popup div#MigrateContentWrap p.ksClBt {
    margin-bottom: 20px !important;
}

.DrillDownModal > *:first-child {
    margin-top: 0;
    padding-top: 0;
}

@media screen and (max-width: 969px) {
    [data-search-modal=true] .DrillDownModal {
        padding: 20px;
    }
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .DrillDownNav {
        display: none;
    }
    [class*=theme-K] [data-search-modal=true] .DrillDownNav {
        display: block;
    }
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .DrillDownNav .Group {
        padding-bottom: 64px;
    }
}

.DrillDownNav .Group li {
    position: relative;
    margin: 2px 0;
    padding-left: 17px;
    font-size: 14px;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] [data-search-modal=true] .DrillDownNav .Group li {
        padding-left: 36px;
        font-size: 15px;
        line-height: 2.2;
    }
}

.DrillDownNav .Group li .Name {
    word-wrap: break-word;
    overflow: hidden;
    border: 0;
    background: none;
    color: #06c;
    line-height: 1.7;
    text-align: left;
    word-break: break-word;
    overflow-wrap: break-word;
    cursor: pointer;
    transition: opacity 0.3;
}

[class*=theme-K] .DrillDownNav .Group li .Name {
    color: #1a5c9a;
}

.DrillDownNav .Group li .Name:hover, .DrillDownNav .Group li .Name:active, .DrillDownNav .Group li .Name:focus {
    opacity: 0.7;
}

.DrillDownNav .Group li .Count {
    color: #333;
    opacity: 1;
}

.DrillDownNav .Group li > ul {
    display: none;
}

.DrillDownNav .Group li.IsOpen > ul {
    display: block;
}

.DrillDownNav .Group > li > .Name {
    max-width: 172px;
    padding: 0;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] [data-search-modal=true] .DrillDownNav .Group > li > .Name {
        max-width: inherit;
    }
}

.search-cardSub .DrillDownNav .Group > li > .Name {
    max-width: inherit;
}

.DrillDownNav .Group > li.IsOpen + li {
    margin-top: 10px;
}

.DrillDownNav .Group .IsOpen > .Name .NameInner.IsActive,
.DrillDownNav .Group .IsOpen > .NameInner.IsActive {
    font-weight: bold;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .DrillDownNav .Group .IsOpen > .Name .NameInner.IsActive + .Count,
[class*=theme-K] .DrillDownNav .Group .IsOpen > .NameInner.IsActive + .Count {
        display: inline-block;
        position: relative;
        margin-left: 4px;
        padding-right: 24px;
    }
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .DrillDownNav .Group .IsOpen > .Name .NameInner.IsActive + .Count::before,
[class*=theme-K] .DrillDownNav .Group .IsOpen > .NameInner.IsActive + .Count::before {
        display: block;
        position: absolute;
        top: 3px;
        right: 0;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background: #e60012;
        content: "";
    }
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .DrillDownNav .Group .IsOpen > .Name .NameInner.IsActive + .Count::after,
[class*=theme-K] .DrillDownNav .Group .IsOpen > .NameInner.IsActive + .Count::after {
        display: block;
        position: absolute;
        top: 6px;
        right: 6px;
        width: 6px;
        height: 9px;
        transform: rotate(45deg);
        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff;
        content: "";
        transition: none;
    }
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .DrillDownNav .Group .IsOpen.Parents > .Name .NameInner.IsActive + .Count::before, [class*=theme-K] .DrillDownNav .Group .IsOpen.Parents > .Name .NameInner.IsActive + .Count::after {
        display: none;
    }
}

.DrillDownNav .Type > li > .Name {
    max-width: 156px;
    padding: 0;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] [data-search-modal=true] .DrillDownNav .Type > li > .Name {
        max-width: inherit;
    }
}

.search-cardSub .DrillDownNav .Type > li > .Name {
    max-width: inherit;
}

.DrillDownNav .Series > li {
    padding-left: 2px;
    background: none;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] [data-search-modal=true] .DrillDownNav .Series > li {
        padding-left: 2px;
    }
}

.DrillDownNav .Series .Name {
    display: inline-block;
    position: relative;
    max-width: 153px;
    padding-left: 10px;
    background: none;
    color: #06c;
    line-height: 1.5;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] [data-search-modal=true] .DrillDownNav .Series .Name {
        max-width: inherit;
    }
}

.search-cardSub .DrillDownNav .Series .Name {
    max-width: inherit;
}

.DrillDownNav .Series .Name::before {
    display: block;
    position: absolute;
    top: 7px;
    left: 0;
    border-width: 3px 5px;
    border-style: solid;
    border-color: transparent transparent transparent #6b6f72;
    content: "";
}

.DrillDownNav .Group .IsCurrent .Name {
    color: #06c;
    font-weight: bold;
}

.DrillDownNav .Group .Switch {
    display: inline-block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 13px;
    height: 13px;
    padding: 0;
    border: 0;
    border-radius: 2px;
    background: #888;
    font-size: 0;
    cursor: pointer;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] [data-search-modal=true] .DrillDownNav .Group .Switch {
        width: 22px;
        height: 22px;
    }
}

.DrillDownNav .Group .Switch::before {
    display: block;
    position: absolute;
    top: 2px;
    left: 6px;
    width: 1px;
    height: 9px;
    background: #fff;
    content: "";
}

@media screen and (max-width: 969px) {
    [class*=theme-K] [data-search-modal=true] .DrillDownNav .Group .Switch::before {
        top: 3px;
        left: 10px;
        width: 2px;
        height: 16px;
    }
}

.DrillDownNav .Group .Switch::after {
    display: block;
    position: absolute;
    top: 6px;
    left: 2px;
    width: 9px;
    height: 1px;
    background: #fff;
    content: "";
}

@media screen and (max-width: 969px) {
    [class*=theme-K] [data-search-modal=true] .DrillDownNav .Group .Switch::after {
        top: 10px;
        left: 3px;
        width: 16px;
        height: 2px;
    }
}

.DrillDownNav .Group .IsOpen > .Switch[disabled] {
    display: none;
    pointer-events: none;
}

.DrillDownNav .Group .IsOpen > .Switch[disabled] + .Name {
    display: inline-block;
    position: relative;
    margin-left: -13px;
    padding-left: 10px;
    background: none;
    color: #06c;
    line-height: 1.5;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] [data-search-modal=true] .DrillDownNav .Group .IsOpen > .Switch[disabled] + .Name {
        margin-left: -32px;
    }
}

.DrillDownNav .Group .IsOpen > .Switch[disabled] + .Name::before {
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
    border-width: 3px 5px;
    border-style: solid;
    border-color: transparent transparent transparent #6b6f72;
    content: "";
}

@media screen and (max-width: 969px) {
    [class*=theme-K] [data-search-modal=true] .DrillDownNav .Group .IsOpen > .Switch[disabled] + .Name::before {
        top: 7px;
    }
}

.DrillDownNav .Group .IsOpen > .Switch[disabled]::after {
    content: none;
}

.DrillDownNav .Group .IsOpen > .Switch::before {
    content: none;
}

.search-drilldown {
    color: #2e3133;
}

.search-drilldown .DrillDownNav .Group li {
    margin: 24px 0 0 0;
    margin-bottom: 0;
    font-size: 1.6rem;
}

.search-drilldown .DrillDownNav .Group li:first-child {
    margin: 0;
}

.search-drilldown .DrillDownNav .Group li .Name {
    overflow: visible;
    font-weight: 600;
    line-height: 1.5;
    transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.search-drilldown .DrillDownNav .Group li .Name:hover, .search-drilldown .DrillDownNav .Group li .Name:active, .search-drilldown .DrillDownNav .Group li .Name:focus {
    opacity: 1;
}

.search-drilldown .DrillDownNav .Group li .Name:hover .NameCountWrap, .search-drilldown .DrillDownNav .Group li .Name:active .NameCountWrap, .search-drilldown .DrillDownNav .Group li .Name:focus .NameCountWrap {
    color: #dc002f;
}

.search-drilldown .DrillDownNav .Group li .Name:hover .NameCountWrap .NameInner,
.search-drilldown .DrillDownNav .Group li .Name:hover .NameCountWrap .Count, .search-drilldown .DrillDownNav .Group li .Name:active .NameCountWrap .NameInner,
.search-drilldown .DrillDownNav .Group li .Name:active .NameCountWrap .Count, .search-drilldown .DrillDownNav .Group li .Name:focus .NameCountWrap .NameInner,
.search-drilldown .DrillDownNav .Group li .Name:focus .NameCountWrap .Count {
    color: #dc002f;
    text-decoration: underline;
}

.search-drilldown .DrillDownNav .Group li.IsOpen > ul {
    margin-top: 32px;
}

@media screen and (max-width: 1320px) and (min-width: 60.625em) {
    .search-layout-grid .search-drilldown .DrillDownNav .Group li.IsOpen > .Type {
        margin-left: calc(-2rem + ((1vw - 0.97rem) * (5.7142857143)));
    }
}

.search-drilldown .DrillDownNav .Group li.IsOpen > .Series {
    margin-top: 6px;
}

.search-drilldown .DrillDownNav .Group > li > .Name {
    max-width: none;
    padding-left: 8px;
}

.search-drilldown .DrillDownNav .Group .GroupList {
    margin: 32px 0 0 0;
    padding-left: 30px;
}

.search-drilldown .DrillDownNav .Group .GroupList:first-child {
    margin: 0;
}

.search-drilldown .DrillDownNav .Group .Type > li > .Name {
    max-width: none;
    padding-left: 8px;
}

.search-drilldown .DrillDownNav .Group .Type .IsOpen > .Name .NameInner.IsActive,
.search-drilldown .DrillDownNav .Group .Type .IsOpen > .NameInner.IsActive {
    font-weight: normal;
}

.search-drilldown .DrillDownNav .Group .TypeList {
    padding-left: 30px;
}

.search-drilldown .DrillDownNav .Group .SeriesList {
    margin-top: 8px;
    margin-bottom: 0;
}

.search-drilldown .DrillDownNav .Group .SeriesList:first-child {
    margin-top: 0;
}

.search-drilldown .DrillDownNav .Group .Switch {
    top: 0;
    width: 30px;
    height: 30px;
    border-radius: 0;
    background: none;
}

.search-drilldown .DrillDownNav .Group .Switch::before {
    display: block;
    position: absolute;
    top: -3px;
    left: 0;
    width: 30px;
    height: 30px;
    background: inherit;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9 10.5H14.1V14.1H10.5V15.9H14.1V19.5H15.9V15.9H19.5V14.1H15.9V10.5ZM15 6C10.05 6 6 10.05 6 15C6 19.95 10.05 24 15 24C19.95 24 24 19.95 24 15C24 10.05 19.95 6 15 6ZM15 22.2C11.04 22.2 7.8 18.96 7.8 15C7.8 11.04 11.04 7.8 15 7.8C18.96 7.8 22.2 11.04 22.2 15C22.2 18.96 18.96 22.2 15 22.2Z' fill='%23dc002f'/%3E%3C/svg%3E");
    content: "";
}

.search-drilldown .DrillDownNav .Group .Switch::after {
    content: none;
}

.search-drilldown .DrillDownNav .Group .IsOpen > .Name .NameInner.IsActive,
.search-drilldown .DrillDownNav .Group .IsOpen > .NameInner.IsActive {
    font-weight: 600;
}

.search-drilldown .DrillDownNav .Group .IsOpen > .Switch::after {
    display: block;
    position: absolute;
    top: -3px;
    left: 0;
    width: 30px;
    height: 30px;
    background: inherit;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9 14.1H14.1H10.5V15.9H14.1H15.9H19.5V14.1H15.9ZM15 6C10.05 6 6 10.05 6 15C6 19.95 10.05 24 15 24C19.95 24 24 19.95 24 15C24 10.05 19.95 6 15 6ZM15 22.2C11.04 22.2 7.8 18.96 7.8 15C7.8 11.04 11.04 7.8 15 7.8C18.96 7.8 22.2 11.04 22.2 15C22.2 18.96 18.96 22.2 15 22.2Z' fill='%23dc002f'/%3E%3C/svg%3E");
    content: "";
}

.search-drilldown .DrillDownNav .Group .IsOpen > .Switch::before {
    content: none;
}

.search-drilldown .DrillDownNav .Group .IsOpen > .Switch[disabled] + .Name {
    margin-left: 0;
    padding-left: 8px;
    overflow: visible;
    color: #dc002f;
    font-weight: normal;
    line-height: 1.5;
    transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

@media screen and (max-width: 969px) {
    [class*=theme-K] [data-search-modal=true] .search-drilldown .DrillDownNav .Group .IsOpen > .Switch[disabled] + .Name {
        margin-left: 0;
    }
}

.search-drilldown .DrillDownNav .Group .IsOpen > .Switch[disabled] + .Name::before {
    content: none;
}

.search-drilldown .DrillDownNav .Group .IsOpen > .Switch[disabled] + .Name .Count {
    color: #dc002f;
    font-weight: normal;
}

.search-drilldown .DrillDownNav .Group .IsOpen > .Switch[disabled] + .Name:hover, .search-drilldown .DrillDownNav .Group .IsOpen > .Switch[disabled] + .Name:active, .search-drilldown .DrillDownNav .Group .IsOpen > .Switch[disabled] + .Name:focus {
    opacity: 1;
}

.search-drilldown .DrillDownNav .Group .IsOpen > .Switch[disabled] + .Name:hover .NameCountWrap, .search-drilldown .DrillDownNav .Group .IsOpen > .Switch[disabled] + .Name:active .NameCountWrap, .search-drilldown .DrillDownNav .Group .IsOpen > .Switch[disabled] + .Name:focus .NameCountWrap {
    color: #dc002f;
}

.search-drilldown .DrillDownNav .Group .IsOpen > .Switch[disabled] + .Name:hover .NameCountWrap .NameInner,
.search-drilldown .DrillDownNav .Group .IsOpen > .Switch[disabled] + .Name:hover .NameCountWrap .Count, .search-drilldown .DrillDownNav .Group .IsOpen > .Switch[disabled] + .Name:active .NameCountWrap .NameInner,
.search-drilldown .DrillDownNav .Group .IsOpen > .Switch[disabled] + .Name:active .NameCountWrap .Count, .search-drilldown .DrillDownNav .Group .IsOpen > .Switch[disabled] + .Name:focus .NameCountWrap .NameInner,
.search-drilldown .DrillDownNav .Group .IsOpen > .Switch[disabled] + .Name:focus .NameCountWrap .Count {
    color: #dc002f;
    text-decoration: underline;
}

.search-drilldown .DrillDownNav .Group .IsOpen > .Switch[disabled]::after {
    content: none;
}

.search-drilldown .DrillDownNav .Series .Name {
    padding-left: 8px;
}

.search-drilldown .DrillDownNav .Series .Name::before {
    content: none;
}

.search-drilldown .DrillDownNav .Series .IsOpen > .Name .NameInner.IsActive,
.search-drilldown .DrillDownNav .Series .IsOpen > .NameInner.IsActive {
    font-weight: normal;
}

.search-drilldown .DrillDownNav.of-excludeSeries .Group .TypeList {
    margin-top: 8px;
    margin-bottom: 0;
    padding-left: 0;
}

.search-drilldown .DrillDownNav.of-excludeSeries .Group .IsOpen > .Type {
    margin-top: 6px;
}

.search-drilldown .SearchLinkList01 > li > a,
.search-drilldown .SearchLinkList01 > li > button {
    padding-left: 0;
    color: #dc002f;
    font-size: 14px;
    line-height: 1.5;
    transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.search-drilldown .SearchLinkList01 > li > a::before,
.search-drilldown .SearchLinkList01 > li > button::before {
    content: none;
}

.search-drilldown .SearchLinkList01 > li > a:hover, .search-drilldown .SearchLinkList01 > li > a:active, .search-drilldown .SearchLinkList01 > li > a:focus,
.search-drilldown .SearchLinkList01 > li > button:hover,
.search-drilldown .SearchLinkList01 > li > button:active,
.search-drilldown .SearchLinkList01 > li > button:focus {
    color: #dc002f;
    text-decoration: none;
    opacity: 1;
}

.search-drilldown .SearchLinkList01 > li > a:hover .ClearLabel, .search-drilldown .SearchLinkList01 > li > a:active .ClearLabel, .search-drilldown .SearchLinkList01 > li > a:focus .ClearLabel,
.search-drilldown .SearchLinkList01 > li > button:hover .ClearLabel,
.search-drilldown .SearchLinkList01 > li > button:active .ClearLabel,
.search-drilldown .SearchLinkList01 > li > button:focus .ClearLabel {
    text-decoration: underline;
}

.search-drilldown .SearchSideHeading {
    margin-bottom: 24px;
    padding: 0;
    border: 0;
    font-size: 1.8rem;
}

@media screen and (max-width: 969px) {
    body:not([data-search-modal=true]) .search-drilldown .SearchModalTrigger {
        margin-bottom: 0 !important;
        padding: 8px 48px 8px 20px !important;
        border: 2px solid #8f9394 !important;
        border-radius: 4px !important;
        background: #f5f5f5;
        text-align: left !important;
    }
}

@media screen and (max-width: 969px) {
    body:not([data-search-modal=true]) .search-drilldown .SearchModalTrigger::before {
        right: -6px;
        width: 30px;
        height: 30px;
        margin: 0 20px 0;
        border: 0;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.8936 13.8966L19.7528 10.7559L18.648 11.8607L21.0059 14.2186H6V15.7811H21.009L18.6525 18.1376L19.7574 19.2425L24 14.9998L22.8951 13.895L22.8936 13.8966Z' fill='%23dc002f'/%3E%3C/svg%3E");
    }
}

[class*=theme-K] .search-drilldown .DrillDownNav .Group li .Name {
    color: #2e3133;
}

[class*=theme-K] .search-drilldown .DrillDownNav .Group li .Count {
    color: #2e3133;
}

[class*=theme-K] .search-drilldown .DrillDownNav .Group .TypeList .Name,
[class*=theme-K] .search-drilldown .DrillDownNav .Group .TypeList .NameInner,
[class*=theme-K] .search-drilldown .DrillDownNav .Group .TypeList .Count {
    font-weight: normal;
}

[class*=theme-K] .search-drilldown .DrillDownNav .Group .TypeList.IsOpen .SeriesList .Name,
[class*=theme-K] .search-drilldown .DrillDownNav .Group .TypeList.IsOpen .SeriesList .Count {
    color: #dc002f;
}

.SearchHeadingLv1 {
    margin-bottom: 28px;
    border-bottom: 2px solid #999;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.5;
}

.SearchHeadingLv2 {
    margin-top: 28px;
    margin-bottom: 20px;
    padding-bottom: 4px;
    border-bottom: 1px solid #999;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5;
}

[class*=theme-K] .SearchHeadingLv2 {
    position: relative;
    padding-left: 9px;
    font-size: 16px;
}

[class*=theme-K] .SearchHeadingLv2::before {
    position: absolute;
    top: 2px;
    left: 0;
    width: 3px;
    height: calc(100% - 8px);
    background: #e60012;
    content: "";
}

[class*=theme-K] .SearchHeadingLv2 em {
    color: #333;
}

.SearchSideHeading {
    position: relative;
    margin-bottom: 15px;
    padding: 10px 0;
    border-bottom: 1px solid #999;
    background: none;
    font-weight: bold;
    font-size: 14px;
}

.SearchCategorySPLabel {
    display: none;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchCategorySPLabel {
        display: block;
    }
}

.SearchCategoryPCLabel {
    display: block;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchCategoryPCLabel {
        display: none;
    }
}

.SearchTabListWrapper {
    margin-bottom: 30px;
    padding-bottom: 1px;
}

.SearchTabListWrapper::-webkit-scrollbar {
    height: 12px;
}

.SearchTabListWrapper::-webkit-scrollbar-thumb {
    background: #c1c1c1;
}

.SearchTabListWrapper::-webkit-scrollbar-track-piece:start {
    background: #f1f1f1;
}

.SearchTabListWrapper::-webkit-scrollbar-track-piece:end {
    background: #f1f1f1;
}

.SearchTabListWrapper .SearchTabList {
    margin-bottom: 0;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchTabListWrapper {
        overflow-x: auto;
        overflow-y: hidden;
    }
}

.SearchTabList {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
    padding: 0;
    border-bottom: 1px solid #999;
}

[class*=theme-K] .SearchTabList {
    min-width: 770px;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchTabList {
        justify-content: flex-start;
        min-width: inherit;
    }
}

.SearchTabList.Stretch {
    padding: 0;
}

* + .SearchTabList {
    margin-top: 30px;
}

.SearchTabList > li {
    display: flex;
    flex: none;
    margin: 0 0 0 5px;
    padding: 0;
    background: none;
    text-align: center;
}

.SearchTabList > li:first-child {
    margin-left: 0;
}

[class*=theme-K] .SearchTabList > li:last-child > a::before {
    width: calc(100% + 7px);
}

.SearchTabList > li.Doc + .Doc {
    margin-left: 5px;
}

.SearchTabList > li.IsActive > a {
    position: relative;
    padding: 7px 20px 5px;
    background: #fff;
    color: #e10012;
    font-size: 14px;
}

.SearchTabList > li.IsActive > a::before {
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0 !important;
    width: 100% !important;
    height: 2px;
    background: #fff !important;
    content: "";
}

.SearchTabList > li.IsActive > a:hover, .SearchTabList > li.IsActive > a:active, .SearchTabList > li.IsActive > a:focus {
    color: #d00202;
    opacity: 1;
}

#Downloads .SearchTabList > li {
    min-width: 120px;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] #Downloads .SearchTabList > li {
        min-width: auto;
    }
}

.SearchTabList > li > a {
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 7px 20px 5px;
    border: 1px solid #999;
    border-bottom: 0;
    background: #e1e1e1;
    color: #333;
    font-size: 12px;
    line-height: 1.5;
    text-decoration: none;
    transition: opacity 0.3s;
}

[class*=theme-K] .SearchTabList > li > a {
    position: relative;
}

[class*=theme-K] .SearchTabList > li > a::before {
    display: block;
    position: absolute;
    bottom: -1px;
    left: -7px;
    width: calc(100% + 14px);
    height: 1px;
    background: #999;
    content: "";
}

@media screen and (max-width: 1240px) {
    [class*=theme-K] .SearchTabList > li > a {
        padding: 7px 17px 5px;
    }
}

.SearchTabList > li > a:hover, .SearchTabList > li > a:active, .SearchTabList > li > a:focus {
    color: #333;
    text-decoration: none;
    opacity: 0.7;
}

.SearchLinkList01 {
    margin-bottom: 16px;
    list-style: none;
}

.SearchLinkList01.Inline {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 -4px -12px;
}

.SearchLinkList01.Inline > li {
    margin: 0 0 4px 12px;
}

.SearchLinkList01.Right {
    display: flex;
    justify-content: flex-end;
}

.SearchLinkList01.Col2 {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
}

.SearchLinkList01.Col2 > li {
    box-sizing: border-box;
    width: 50%;
    padding-left: 10px;
}

.SearchLinkList01.IsHidden {
    display: none;
}

.DrillDownNav .SearchLinkList01 {
    margin-top: 10px;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .DrillDownNav .SearchLinkList01 {
        display: none;
    }
}

@media screen and (max-width: 969px) {
    [class*=theme-K] [data-search-modal=true] .DrillDownNav .SearchLinkList01 > li > a,
[class*=theme-K] [data-search-modal=true] .DrillDownNav .SearchLinkList01 > li > button {
        font-size: 15px;
    }
    [class*=theme-K] [data-search-modal=true] .DrillDownNav .SearchLinkList01 > li > a::before,
[class*=theme-K] [data-search-modal=true] .DrillDownNav .SearchLinkList01 > li > button::before {
        top: 6px;
    }
}

.SearchLinkList01 > li > a,
.SearchLinkList01 > li > button {
    display: inline-block;
    position: relative;
    padding-left: 10px;
    overflow: hidden;
    border: 0;
    background: none;
    color: #1a5c9a;
    font-size: 12px;
    line-height: 1.4;
    text-decoration: none;
    cursor: pointer;
    transition: opacity 0.3s;
}

.SearchLinkList01 > li > a.EmphasisLink,
.SearchLinkList01 > li > button.EmphasisLink {
    padding-left: 15px !important;
    background-position-y: 0.3em;
    color: #06c !important;
    font-weight: bold;
    font-size: 16px;
}

.SearchLinkList01 > li > a.EmphasisLink::before,
.SearchLinkList01 > li > button.EmphasisLink::before {
    display: none;
}

.SearchLinkList01 > li > a.EmphasisLink:hover, .SearchLinkList01 > li > a.EmphasisLink:active, .SearchLinkList01 > li > a.EmphasisLink:focus,
.SearchLinkList01 > li > button.EmphasisLink:hover,
.SearchLinkList01 > li > button.EmphasisLink:active,
.SearchLinkList01 > li > button.EmphasisLink:focus {
    color: #3285d3 !important;
}

.SearchLinkList01 > li > a:hover, .SearchLinkList01 > li > a:active, .SearchLinkList01 > li > a:focus,
.SearchLinkList01 > li > button:hover,
.SearchLinkList01 > li > button:active,
.SearchLinkList01 > li > button:focus {
    color: #3285d3;
    text-decoration: underline;
    opacity: 1;
}

.SearchUtilityBox01 .SearchLinkList01 > li > a, .SearchSeriesList .SearchLinkList01 > li > a,
.SearchUtilityBox01 .SearchLinkList01 > li > button,
.SearchSeriesList .SearchLinkList01 > li > button {
    font-size: 11px;
}

.SearchLinkList01 > li > a::before,
.SearchLinkList01 > li > button::before {
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    width: auto;
    height: auto;
    border-width: 3px 5px;
    border-style: solid;
    border-color: transparent transparent transparent #75777c;
    background: none;
    content: "";
}

.SearchPageList01 {
    word-wrap: break-word;
    margin-bottom: 16px;
    list-style: none;
    word-break: break-word;
    overflow-wrap: break-word;
}

.SearchPageList01.IsNoResult {
    display: block !important;
    margin-bottom: 0 !important;
}

.SearchPageList01 > li {
    -webkit-animation: display1 0.2s linear;
    padding: 15px 0;
    border-bottom: 1px dashed #ccc;
    outline: none;
    background: #fff;
    line-height: 1.8;
    animation: display1 0.2s linear;
}

.SearchPageList01 > li.IsHidden {
    display: none;
}

.SearchPageList01 > li .Title {
    display: inline-block;
    margin-bottom: 5px;
    color: #06c;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
}

[class*=theme-K] .SearchPageList01 > li .Title {
    position: relative;
    margin-bottom: 3px;
    padding-left: 11px;
    color: #1a5c9a;
    font-size: 15px;
}

[class*=theme-K] .SearchPageList01 > li .Title:hover, [class*=theme-K] .SearchPageList01 > li .Title:active, [class*=theme-K] .SearchPageList01 > li .Title:focus {
    color: #e60012;
    text-decoration: none;
}

[class*=theme-K] .SearchPageList01 > li .Title::before {
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent transparent #e60012;
    content: "";
}

[class*=theme-K] .SearchPageList01 > li .Title::after {
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    border-width: 4px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    content: "";
}

#main .SearchPageList01 > li .Description {
    margin: 0 0 5px;
    font-size: 12px;
}

[class*=theme-K] .SearchPageList01 > li .Description {
    margin-bottom: 5px;
    font-size: 12px;
}

.SearchPageList01 > li .Url {
    display: inline-block;
    color: #06c;
    font-size: 12px;
    text-decoration: none;
}

[class*=theme-K] .SearchPageList01 > li .Url {
    color: #1a5c9a;
    font-style: italic;
}

.SearchUtilityBox01 {
    padding: 10px 20px;
    background: #f2f2f2;
}

.SearchUtilityBox01 + #PageBottomContent {
    margin-top: 40px;
}

[class*=theme-K] .SearchUtilityBox01 > dl {
    margin-bottom: 0;
}

.SearchUtilityBox01 > dl > dt {
    font-weight: bold;
    font-size: 12px;
}

[class*=theme-K] .SearchUtilityBox01 > dl > dt {
    margin-top: 3px;
    margin-bottom: 5px;
}

.SearchUtilityBox02 {
    display: flex;
    margin-bottom: 27px;
    padding: 10px !important;
    background: #e1e1e1;
}

.SearchUtilityBox02.OfPrimary {
    display: block;
    margin-bottom: 32px;
    padding: 0 !important;
    background: none;
}

.SearchUtilityBox02.HasSearchSuggest {
    position: relative;
}

.SearchUtilityBox02 .InputArea {
    width: 400px;
    margin-right: 10px;
}

@media screen and (max-width: 768px) {
    [class*=theme-K] .SearchUtilityBox02 .InputArea {
        flex: 1;
    }
}

.SearchUtilityBox02 .InputArea input {
    width: 100%;
    padding: 6px 8px;
    border: 0;
    border-radius: 2px;
    background: #fff;
    font-size: 13px;
    line-height: 1.5;
}

@media screen and (max-width: 768px) {
    [class*=theme-K] .SearchUtilityBox02 .InputArea input {
        font-size: 16px;
    }
}

.SearchUtilityBox02 .BtnArea {
    display: flex;
}

.SearchUtilityBox02 .BtnArea button {
    display: block;
    position: relative;
    padding: 2px 20px 2px 7px;
    border: 0;
    border-radius: 2px;
    background: #888;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    cursor: pointer;
    transition: opacity 0.3s;
}

@media screen and (max-width: 768px) {
    [class*=theme-K] .SearchUtilityBox02 .BtnArea button {
        white-space: nowrap;
    }
}

.SearchUtilityBox02 .BtnArea button:hover, .SearchUtilityBox02 .BtnArea button:active, .SearchUtilityBox02 .BtnArea button:focus {
    opacity: 0.7;
}

.SearchUtilityBox02 .BtnArea button::before, .SearchUtilityBox02 .BtnArea button::after {
    -webkit-backface-visibility: hidden;
    display: block;
    position: absolute;
    top: 50%;
    right: 3px;
    transform: translateY(-50%);
    border-width: 4px 6px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    backface-visibility: hidden;
    content: "";
}

.SearchUtilityBox02 .BtnArea button::after {
    right: 5px;
    border-color: transparent transparent transparent #888;
}

.SearchResultUtilityGroup {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 10px;
    padding-right: 7px;
    padding-bottom: 8px;
    border-bottom: 1px solid #999;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchResultUtilityGroup {
        flex-direction: column-reverse;
        align-items: flex-start;
        justify-content: inherit;
        padding-right: 0;
    }
}

#main .SearchResultUtilityGroup .ResultTxt {
    margin-top: 0;
}

.SearchResultUtilityGroup .ResultTxt {
    margin-bottom: 0;
}

.SearchResultUtilityGroup .ResultTxt > span {
    margin-right: 5px;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchResultUtilityGroup .ViewListWrapper {
        display: none;
    }
}

.SearchResultUtilityGroup .ViewList {
    display: flex;
    overflow: hidden;
    border: 1px solid #999;
    border-radius: 2px;
}

.SearchResultUtilityGroup .ViewList > li.IsActive button {
    background: #e1e1e1;
    box-shadow: 2px 2px 6px rgba(51, 51, 51, 0.3) inset;
}

.SearchResultUtilityGroup .ViewList > li button {
    display: block;
    padding: 5px;
    border: 0;
    outline: none;
    background: #fff;
    line-height: 1;
    cursor: pointer;
    transition: background 0.2s;
}

.SearchResultUtilityGroup .FilterGroup {
    display: flex;
    align-items: flex-end;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchResultUtilityGroup .FilterGroup {
        width: 100%;
        margin-bottom: 24px;
    }
}

.SearchResultUtilityGroup .FilterGroup > * {
    margin-right: 10px;
}

.SearchResultUtilityGroup .FilterGroup > *:last-child {
    margin-right: 0;
}

[class*=theme-K] .SearchResultUtilityGroup .FilterGroup .Discontinued {
    margin-bottom: 0;
    font-size: 12px;
    line-height: 1.9;
}

.SearchResultUtilityGroup .FilterGroup .Discontinued label {
    display: inline-block;
    position: relative;
    margin-left: 10px;
    padding-left: 22px;
    font-size: 12px;
    cursor: pointer;
}

.SearchResultUtilityGroup .FilterGroup .Discontinued input[type=checkbox] {
    position: absolute;
    top: 4px;
    left: 0;
    transform: scale(0.5);
}

.SearchResultUtilityGroup .FilterGroup .Discontinued input[type=checkbox] + span {
    display: block;
}

.SearchResultUtilityGroup .FilterGroup .Discontinued input[type=checkbox] + span::before {
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 14px;
    height: 14px;
    border: 1px solid #888;
    border-radius: 2px;
    background: #fff;
    content: "";
}

.SearchResultUtilityGroup .FilterGroup .Discontinued input[type=checkbox]:checked + span::after {
    display: block;
    position: absolute;
    top: 5.2px;
    left: 4px;
    width: 6px;
    height: 9px;
    transform: rotate(45deg);
    border-right: 2px solid #d00202;
    border-bottom: 2px solid #d00202;
    content: "";
    transition: none;
}

.SearchResultUtilityGroup .SelectTypes {
    position: relative;
    min-width: 150px;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchResultUtilityGroup .SelectTypes {
        width: 100%;
    }
}

.DownloadListClose .SearchResultUtilityGroup .SelectTypes.IsOpen, .DownloadListOpen .SearchResultUtilityGroup .SelectTypes.IsOpen {
    z-index: 1000;
}

.SearchResultUtilityGroup .SelectTypes.IsOpen .SelectTypesHook {
    border-bottom: 0;
    border-radius: 2px 2px 0 0;
    background: #e1e1e1;
    opacity: 1;
    transition: none;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchResultUtilityGroup .SelectTypes.IsOpen .SelectTypesHook {
        background: #fff;
    }
}

.SearchResultUtilityGroup .SelectTypes.IsOpen .SelectTypesHook::after {
    margin-top: -10px;
    transform: rotate(180deg);
}

.SearchResultUtilityGroup .SelectTypes.IsOpen .SelectTypesBox {
    display: block;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchResultUtilityGroup .SelectTypes.IsOpen .SelectTypesBox {
        display: none;
    }
}

.SearchResultUtilityGroup .SelectTypes .SelectTypesHook {
    position: relative;
    width: 100%;
    min-height: 33px;
    padding: 6px 27px 5px 27px;
    overflow: visible;
    border: 1px solid #999;
    border-radius: 2px;
    background: #fff;
    font-size: 12px;
    line-height: 1.5;
    cursor: pointer;
}

[class*=theme-K] .SearchResultUtilityGroup .SelectTypes .SelectTypesHook {
    min-width: 180px;
    padding: 6px 22px 5px;
}

.SearchResultUtilityGroup .SelectTypes .SelectTypesHook::after {
    box-sizing: border-box;
    display: inline-block;
    width: 8px;
    height: 14px;
    margin: 2px 0 0 6px;
    border-width: 7px 4px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
    content: "";
    vertical-align: middle;
}

.SearchResultUtilityGroup .SelectTypes .SelectTypesHook .SelectTypesLength {
    box-sizing: border-box;
    position: absolute;
    top: -8px;
    right: -8px;
    width: 16px;
    height: 16px;
    padding-top: 2px;
    border-radius: 50%;
    background: #d00202;
    color: #fff;
    font-size: 12px;
    line-height: 1;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchResultUtilityGroup .SelectTypes .SelectTypesHook .SelectTypesLength {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 18px;
        height: 18px;
        padding-top: 0;
        text-align: center;
    }
}

[class*=theme-K] .SearchResultUtilityGroup .SelectTypes .SelectTypesHook .SelectTypesLength {
    background: #e60012;
}

.SearchResultUtilityGroup .SelectTypes .SelectTypesHook .SelectTypesLength.IsHidden {
    display: none;
}

.SearchResultUtilityGroup .SelectTypes .SelectTypesBox {
    display: none;
    z-index: 1000;
    position: absolute;
    top: calc(100% - 1px);
    right: 0;
    width: 100%;
    min-width: 150px;
    overflow: hidden;
    background: #fff;
    text-align: center;
    transition: height 0.2s ease-out;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchResultUtilityGroup .SelectTypes .SelectTypesBox {
        position: static;
    }
}

.SearchResultUtilityGroup .SelectTypes .SelectTypesBox .SelectTypesBoxInner {
    padding: 10px;
    border: 1px solid #999;
    border-top: 0;
}

[class*=theme-K] .SearchResultUtilityGroup .SelectTypes .SelectTypesBox .SelectTypesBoxInner > ul {
    margin-bottom: 0;
}

.SearchResultUtilityGroup .SelectTypes .SelectTypesBox .SelectTypesBoxInner > ul > li {
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 14px;
}

[class*=theme-K] .SearchResultUtilityGroup .SelectTypes .SelectTypesBox .SelectTypesBoxInner > ul > li {
    padding: 0;
    background: none;
    line-height: 1.9;
}

.SearchResultUtilityGroup .SelectTypes .SelectTypesBox .SelectTypesBoxInner > ul > li:last-child {
    margin-bottom: 0;
}

.SearchResultUtilityGroup .SelectTypes .SelectTypesBox .SelectTypesBoxInner > ul > li li:last-child {
    margin-bottom: 0;
}

[class*=theme-K] .SearchResultUtilityGroup .SelectTypes .SelectTypesBox .SelectTypesBoxInner > ul > li li {
    margin-top: 0;
    margin-bottom: 5px;
    padding-left: 0;
    background: none;
}

[class*=theme-K] .SearchResultUtilityGroup .SelectTypes .SelectTypesBox .SelectTypesBoxInner > ul > li li:last-child {
    margin-bottom: 0;
}

.SearchResultUtilityGroup .SelectTypes .SelectTypesBox li {
    text-align: left;
}

.SearchResultUtilityGroup .SelectTypes .SelectTypesBox li label {
    display: block;
    position: relative;
    padding-left: 22px;
    font-weight: normal;
    font-size: 12px;
    cursor: pointer;
}

.SearchResultUtilityGroup .SelectTypes .SelectTypesBox li input[type=checkbox] {
    position: absolute;
    top: 4px;
    left: 0;
    transform: scale(0.5);
}

.SearchResultUtilityGroup .SelectTypes .SelectTypesBox li input[type=checkbox] + span {
    display: block;
}

.SearchResultUtilityGroup .SelectTypes .SelectTypesBox li input[type=checkbox] + span::before {
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 14px;
    height: 14px;
    border: 1px solid #888;
    border-radius: 2px;
    background: #fff;
    content: "";
}

.SearchResultUtilityGroup .SelectTypes .SelectTypesBox li input[type=checkbox]:checked + span::after {
    display: block;
    position: absolute;
    top: 5.2px;
    left: 4px;
    width: 6px;
    height: 9px;
    transform: rotate(45deg);
    border-right: 2px solid #d00202;
    border-bottom: 2px solid #d00202;
    content: "";
    transition: none;
}

.SearchResultUtilityGroup .SelectTypes .SelectTypesBox li select {
    display: block;
    width: calc(100% - 22px);
    margin-left: 22px;
    font-size: 12px;
}

[class*=theme-K] .SearchResultUtilityGroup .SelectTypes .SelectTypesBox li select {
    min-height: 22px;
}

.SearchResultUtilityGroup .SelectTypes .SelectTypesBox .SelectTypesBtn {
    margin-top: 10px;
    padding: 2px 7px;
    border: 1px solid #999;
    border-radius: 2px;
    background: #888;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    transition: opacity 0.3s;
}

.SearchResultUtilityGroup .SelectTypes .SelectTypesBox .SelectTypesBtn:hover, .SearchResultUtilityGroup .SelectTypes .SelectTypesBox .SelectTypesBtn:active, .SearchResultUtilityGroup .SelectTypes .SelectTypesBox .SelectTypesBtn:focus {
    opacity: 0.7;
}

.SearchResultUtilityGroup .SelectTypes .SelectTypesBox .SelectTypesBtn:disabled {
    background: #e5e5e5;
    color: #666;
    opacity: 1;
}

.SearchDownloadNotes {
    display: none;
    position: relative;
    margin-bottom: 12px;
    padding-left: 20px;
    font-size: 12px;
    text-align: right;
}

#main .SearchDownloadNotes {
    margin-top: 10px;
}

[class*=theme-K] .SearchDownloadNotes {
    margin-bottom: 12px;
    line-height: 1.7;
}

.SearchDownloadNotes.IsShow {
    display: block;
}

.SearchDownloadNotes.IsShow + .SearchDownloadList {
    margin-top: 0;
}

.SearchDownloadNotes::before {
    display: inline-block;
    width: 15px;
    height: 18px;
    margin: -3px 5px 0 -20px;
    background: url("/img/search/icon_key_01.png") no-repeat;
    content: "";
    vertical-align: middle;
}

.SearchDownloadNotes + .SearchDownloadList {
    margin-top: 20px;
}

.SearchHr {
    margin-top: 60px;
    margin-bottom: 30px;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

.search-cardMain {
    padding: 24px !important;
    border: 1px solid #ccc;
    background: #fff;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .search-cardMain {
        padding: 0 !important;
        border: 0;
    }
}

.search-cardSub {
    margin-top: 24px;
    padding: 20px !important;
    border: 1px solid #ccc;
    border-right: 0;
    background: #f7f7f7;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .search-cardSub {
        margin-top: 0;
        padding: 0 !important;
        border: 0;
        background: #fff;
    }
}

div.Balloon div.BalloonInner {
    zoom: 1;
    position: relative;
    padding: 6px 10px;
    border: solid 1px #777;
    background: #fff;
}

[class*=theme-K] div.Balloon p {
    font-size: 1.1rem;
}



.BalloonInner > *:last-child {
    margin-bottom: 0;
}

.SearchDownloadList {
    word-wrap: break-word;
    word-break: break-word;
    overflow-wrap: break-word;
}

.SearchResultUtilityGroup + .SearchDownloadList {
    margin-top: 20px;
}

[class*=theme-K] .SearchResultUtilityGroup + .SearchDownloadList {
    margin-top: 20px;
}

.SearchDownloadList + * {
    margin-top: 16px;
}

[class*=theme-K] .SearchDownloadList + * {
    margin-top: 16px;
}

.SearchDownloadList.IsNoResult {
    display: block !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.SearchDownloadList[data-view=Grid] {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -30px;
    margin-left: -10px;
}

[class*=theme-K] .SearchDownloadList[data-view=Grid] {
    margin-bottom: -30px;
    margin-left: -10px;
}

.SearchDownloadList[data-view=Grid].Col2 > li {
    align-items: flex-end;
    width: 50%;
}

.SearchDownloadList[data-view=Grid].Col2 > li .DownloadGroup {
    flex-direction: row;
    padding-right: 30px;
}

.SearchDownloadList[data-view=Grid].Col2 > li .DownloadGroup .Item {
    flex: 1;
}

.SearchDownloadList[data-view=Grid].Col2 > li .ThumbnailWrapper {
    min-width: 92px;
    margin-right: 15px;
}

.SearchDownloadList[data-view=Grid].Col2 > li .BtnGroup {
    width: auto;
}

@media screen and (max-width: 768px) {
    [class*=theme-K] .SearchDownloadList[data-view=Grid].Col2 > li {
        width: 100%;
    }
    [class*=theme-K] .SearchDownloadList[data-view=Grid].Col2 > li .BtnGroup {
        display: none;
    }
}

.SearchDownloadList[data-view=Grid].Col3 > li {
    width: 33.333333%;
}

.SearchDownloadList[data-view=Grid].Col4 > li {
    width: 25%;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchDownloadList[data-view=Grid].Col4 > li {
        align-items: flex-end;
        width: 50%;
    }
    [class*=theme-K] .SearchDownloadList[data-view=Grid].Col4 > li .DownloadGroup {
        flex-direction: row;
        padding-right: 30px;
    }
    [class*=theme-K] .SearchDownloadList[data-view=Grid].Col4 > li .DownloadGroup .Item {
        flex: 1;
    }
    [class*=theme-K] .SearchDownloadList[data-view=Grid].Col4 > li .ThumbnailWrapper {
        min-width: 92px;
        margin-right: 15px;
    }
    [class*=theme-K] .SearchDownloadList[data-view=Grid].Col4 > li .BtnGroup {
        width: auto;
    }
}

@media screen and (max-width: 768px) {
    [class*=theme-K] .SearchDownloadList[data-view=Grid].Col4 > li {
        width: 100%;
    }
    [class*=theme-K] .SearchDownloadList[data-view=Grid].Col4 > li .BtnGroup {
        display: none;
    }
}

.SearchDownloadList[data-view=Grid].Col4 > li .TitleGroup .Title {
    font-size: 12px;
    line-height: 1.5;
}

html:not(.theme-noAdobeFont):not([lang=ko]):not([lang=th]):not([lang=zh]) .SearchDownloadList[data-view=Grid].Col4 > li .TitleGroup .Title {
    font-size: 13px !important;
}

.SearchDownloadList[data-view=Grid].Col5 > li {
    width: 20%;
}

.SearchDownloadList[data-view=Grid].Col5 > li .TitleGroup .Title {
    font-size: 12px;
    line-height: 1.5;
}

html:not(.theme-noAdobeFont):not([lang=ko]):not([lang=th]):not([lang=zh]) .SearchDownloadList[data-view=Grid].Col5 > li .TitleGroup .Title {
    font-size: 13px !important;
}

.SearchDownloadList[data-view=Grid] > li {
    flex-direction: column;
    justify-content: inherit;
    width: 100%;
    margin-bottom: 30px;
    padding: 0 0 0 10px;
    border: 0;
}

@media screen and (max-width: 768px) {
    [class*=theme-K] .SearchDownloadList[data-view=Grid] > li {
        margin-bottom: 16px;
    }
}

.SearchDownloadList[data-view=Grid] > li:first-child {
    border: 0;
}

.SearchDownloadList[data-view=Grid] .DownloadGroup {
    position: relative;
    flex: 1 0 auto;
    flex-direction: column;
    width: 100%;
    padding: 12px 9px 10px;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    background: #fff;
    color: #06c;
    text-decoration: none;
    transition: box-shadow 0.2s 0.1s, background 0.2s 0.1s, border 0.2s 0.1s;
}

@media screen and (max-width: 768px) {
    [class*=theme-K] .SearchDownloadList[data-view=Grid] .DownloadGroup {
        flex-direction: row;
    }
}

[class*=theme-K] .SearchDownloadList[data-view=Grid] .DownloadGroup {
    color: #1a5c9a;
}

.SearchDownloadList[data-view=Grid] .DownloadGroup:hover, .SearchDownloadList[data-view=Grid] .DownloadGroup:active, .SearchDownloadList[data-view=Grid] .DownloadGroup:focus {
    border-color: #ff7a7a;
    background: #fff5f5;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    color: #06c;
    text-decoration: none;
    opacity: inherit;
}

[class*=theme-K] .SearchDownloadList[data-view=Grid] .DownloadGroup:hover, [class*=theme-K] .SearchDownloadList[data-view=Grid] .DownloadGroup:active, [class*=theme-K] .SearchDownloadList[data-view=Grid] .DownloadGroup:focus {
    color: #1a5c9a;
}

.SearchDownloadList[data-view=Grid] .DownloadGroup:hover .ThumbnailWrapper .Thumbnail, .SearchDownloadList[data-view=Grid] .DownloadGroup:active .ThumbnailWrapper .Thumbnail, .SearchDownloadList[data-view=Grid] .DownloadGroup:focus .ThumbnailWrapper .Thumbnail {
    transform: scale(1.057);
}

.SearchDownloadList[data-view=Grid] .ThumbnailWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 92px;
    margin-right: 0;
    margin-bottom: 6px;
    text-align: center;
}

@media screen and (max-width: 768px) {
    [class*=theme-K] .SearchDownloadList[data-view=Grid] .ThumbnailWrapper {
        margin-right: 20px;
    }
}

.SearchDownloadList[data-view=Grid] .ThumbnailWrapper .Thumbnail {
    transform: scale(1);
    border: 1px solid #dfdfdf;
    transition: transform 0.15s 0.1s;
}

.SearchDownloadList[data-view=Grid] .ThumbnailWrapper .Thumbnail img {
    -webkit-backface-visibility: hidden;
    -ms-interpolation-mode: nearest-neighbor;
    transform: scale(1);
    border: 0;
    backface-visibility: hidden;
    image-rendering: pixelated;
}

@media screen and (max-width: 768px) {
    [class*=theme-K] .SearchDownloadList[data-view=Grid] .ThumbnailWrapper .Thumbnail img {
        max-width: inherit;
    }
}

.SearchDownloadList[data-view=Grid] .IconGroup {
    position: static;
    margin-bottom: 5px;
}

.SearchDownloadList[data-view=Grid] .IconGroup > * {
    margin-right: 6px;
}

.SearchDownloadList[data-view=Grid] .IconGroup > *:last-child {
    margin-right: 0;
}

.SearchDownloadList[data-view=Grid] .IconGroup .IconLang {
    display: none;
}

.SearchDownloadList[data-view=Grid] .IconGroup .IconLang.case2 {
    display: block;
    padding-right: 6px;
    padding-left: 6px;
}

.SearchDownloadList[data-view=Grid] .IconGroup .IconKey {
    position: absolute;
    top: 12px;
    right: 9px;
    left: inherit;
    margin-top: 0;
}

.SearchDownloadList[data-view=Grid] .TitleGroup {
    position: relative;
    padding-left: 27px;
}

.SearchDownloadList[data-view=Grid] .TitleGroup::before, .SearchDownloadList[data-view=Grid] .TitleGroup::after {
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    width: 21px;
    height: 21px;
    border-radius: 2px;
    background: #d00202;
    content: "";
}

[class*=theme-K] .SearchDownloadList[data-view=Grid] .TitleGroup::before, [class*=theme-K] .SearchDownloadList[data-view=Grid] .TitleGroup::after {
    background-color: #e60012;
}

.SearchDownloadList[data-view=Grid] .TitleGroup::after {
    top: 7px;
    left: 3px;
    width: 15px;
    height: 13px;
    border-radius: 0;
    background: url("/img/search/icon_download_01.png") no-repeat;
}

.SearchDownloadList[data-view=Grid] .TitleGroup .Lang {
    display: block;
    color: #333;
    font-size: 11px;
}

html:not(.theme-noAdobeFont):not([lang=ko]):not([lang=th]):not([lang=zh]) .SearchDownloadList[data-view=Grid] .TitleGroup .Lang {
    font-size: 12px !important;
}

.SearchDownloadList[data-view=Grid] .TitleGroup .Lang.case2 {
    display: none;
}

.SearchDownloadList[data-view=Grid] .BtnGroup {
    width: 100%;
    min-width: inherit;
    max-width: inherit;
}

.SearchDownloadList[data-view=Grid] .BtnGroup > * + * {
    margin-top: 0;
}

.SearchDownloadList[data-view=Grid] .BtnGroup .SearchDownloadBtn {
    display: none;
    border-radius: 0;
}

.SearchDownloadList[data-view=Grid] .BtnGroup .SearchAddBtn {
    margin-top: 10px;
    overflow: visible;
    border-radius: 0;
    cursor: pointer;
}

.SearchDownloadList[data-view=Grid] .BtnGroup .SearchAddBtn:hover .SearchAddBtnInner > span::after, .SearchDownloadList[data-view=Grid] .BtnGroup .SearchAddBtn:active .SearchAddBtnInner > span::after, .SearchDownloadList[data-view=Grid] .BtnGroup .SearchAddBtn:focus .SearchAddBtnInner > span::after {
    border-color: transparent transparent #fff5f5 transparent;
}

.SearchDownloadList[data-view=Grid] .BtnGroup .SearchAddBtn[disabled], .SearchDownloadList[data-view=Grid] .BtnGroup .SearchAddBtn.Disabled {
    border-radius: 2px;
}

.SearchDownloadList[data-view=Grid] .BtnGroup .SearchAddBtn[disabled] > .SearchAddBtnInner > span::before,
.SearchDownloadList[data-view=Grid] .BtnGroup .SearchAddBtn[disabled] > .SearchAddBtnInner > span::after, .SearchDownloadList[data-view=Grid] .BtnGroup .SearchAddBtn.Disabled > .SearchAddBtnInner > span::before,
.SearchDownloadList[data-view=Grid] .BtnGroup .SearchAddBtn.Disabled > .SearchAddBtnInner > span::after {
    display: none;
}

.SearchDownloadList[data-view=Grid] .BtnGroup .SearchAddBtn .SearchAddBtnInner > span {
    display: block;
}

.SearchDownloadList[data-view=Grid] .BtnGroup .SearchAddBtn .SearchAddBtnInner > span::before, .SearchDownloadList[data-view=Grid] .BtnGroup .SearchAddBtn .SearchAddBtnInner > span::after {
    display: block;
    position: absolute;
    top: -20px;
    right: 18px;
    border-width: 9px 5px;
    border-style: solid;
    border-color: transparent transparent #eaeaea transparent;
    content: "";
}

.SearchDownloadList[data-view=Grid] .BtnGroup .SearchAddBtn .SearchAddBtnInner > span::after {
    top: -16px;
    border-color: transparent transparent #fff transparent;
    transition: border-color 0.2s;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchDownloadList[data-view=List] {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: -30px;
        margin-left: -10px;
    }
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchDownloadList[data-view=List] > li {
        flex-direction: column;
        align-items: flex-end;
        justify-content: inherit;
        width: 50%;
        margin-bottom: 30px;
        padding: 0 0 0 10px;
        border: 0;
    }
}

@media screen and (max-width: 768px) {
    [class*=theme-K] .SearchDownloadList[data-view=List] > li {
        width: 100%;
        margin-bottom: 16px;
    }
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchDownloadList[data-view=List] > li:first-child {
        border: 0;
    }
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchDownloadList[data-view=List] .DownloadGroup {
        position: relative;
        flex: 1 0 auto;
        flex-direction: row;
        width: 100%;
        padding: 12px 30px 10px 9px;
        border: 1px solid #e6e6e6;
        border-radius: 2px;
        background: #fff;
        color: #1a5c9a;
        text-decoration: none;
        transition: box-shadow 0.2s 0.1s, background 0.2s 0.1s, border 0.2s 0.1s;
    }
    [class*=theme-K] .SearchDownloadList[data-view=List] .DownloadGroup .Item {
        flex: 1;
    }
}

@media screen and (max-width: 768px) {
    [class*=theme-K] .SearchDownloadList[data-view=List] .DownloadGroup {
        flex-direction: row;
    }
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchDownloadList[data-view=List] .DownloadGroup:hover, [class*=theme-K] .SearchDownloadList[data-view=List] .DownloadGroup:active, [class*=theme-K] .SearchDownloadList[data-view=List] .DownloadGroup:focus {
        border-color: #ff7a7a;
        background: #fff5f5;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
        color: #1a5c9a;
        text-decoration: none;
        opacity: inherit;
    }
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchDownloadList[data-view=List] .DownloadGroup:hover .ThumbnailWrapper .Thumbnail, [class*=theme-K] .SearchDownloadList[data-view=List] .DownloadGroup:active .ThumbnailWrapper .Thumbnail, [class*=theme-K] .SearchDownloadList[data-view=List] .DownloadGroup:focus .ThumbnailWrapper .Thumbnail {
        transform: scale(1.057);
    }
}

.SearchDownloadList[data-view=List] > li .ThumbnailWrapper {
    min-width: 92px;
    margin-right: 20px;
    text-align: center;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchDownloadList[data-view=List] > li .ThumbnailWrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 92px;
        margin-right: 15px;
        margin-bottom: 6px;
    }
}

@media screen and (max-width: 768px) {
    [class*=theme-K] .SearchDownloadList[data-view=List] > li .ThumbnailWrapper {
        margin-right: 20px;
    }
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchDownloadList[data-view=List] > li .ThumbnailWrapper .Thumbnail {
        transform: scale(1);
        border: 1px solid #dfdfdf;
        transition: transform 0.15s 0.1s;
    }
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchDownloadList[data-view=List] > li .ThumbnailWrapper .Thumbnail img {
        -webkit-backface-visibility: hidden;
        -ms-interpolation-mode: nearest-neighbor;
        transform: scale(1);
        border: 0;
        backface-visibility: hidden;
        image-rendering: pixelated;
    }
}

@media screen and (max-width: 768px) {
    [class*=theme-K] .SearchDownloadList[data-view=List] > li .ThumbnailWrapper .Thumbnail img {
        max-width: inherit;
    }
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchDownloadList[data-view=List] .IconGroup {
        position: static;
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchDownloadList[data-view=List] .IconGroup > * {
        margin-right: 6px;
    }
    [class*=theme-K] .SearchDownloadList[data-view=List] .IconGroup > *:last-child {
        margin-right: 0;
    }
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchDownloadList[data-view=List] .IconGroup .IconLang {
        display: none;
    }
    [class*=theme-K] .SearchDownloadList[data-view=List] .IconGroup .IconLang.case2 {
        display: block;
        padding-right: 6px;
        padding-left: 6px;
    }
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchDownloadList[data-view=List] .IconGroup .IconKey {
        position: absolute;
        top: 12px;
        right: 9px;
        left: inherit;
        margin-top: 0;
    }
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchDownloadList[data-view=List] .TitleGroup {
        position: relative;
        padding-left: 27px;
    }
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchDownloadList[data-view=List] .TitleGroup::before, [class*=theme-K] .SearchDownloadList[data-view=List] .TitleGroup::after {
        display: block;
        position: absolute;
        top: 3px;
        left: 0;
        width: 21px;
        height: 21px;
        border-radius: 2px;
        background-color: #e60012;
        content: "";
    }
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchDownloadList[data-view=List] .TitleGroup::after {
        top: 7px;
        left: 3px;
        width: 15px;
        height: 13px;
        border-radius: 0;
        background: url("/img/search/icon_download_01.png") no-repeat;
    }
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchDownloadList[data-view=List] .TitleGroup .Lang {
        display: block;
        color: #333;
        font-size: 11px;
    }
    [class*=theme-K] .SearchDownloadList[data-view=List] .TitleGroup .Lang.case2 {
        display: none;
    }
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchDownloadList[data-view=List] .BtnGroup {
        width: auto;
        min-width: inherit;
        max-width: inherit;
    }
}

@media screen and (max-width: 768px) {
    [class*=theme-K] .SearchDownloadList[data-view=List] .BtnGroup {
        display: none;
    }
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchDownloadList[data-view=List] .BtnGroup > * + * {
        margin-top: 0;
    }
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchDownloadList[data-view=List] .BtnGroup .SearchDownloadBtn {
        display: none;
        border-radius: 0;
    }
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchDownloadList[data-view=List] .BtnGroup .SearchAddBtn {
        margin-top: 10px;
        overflow: visible;
        border-radius: 0;
        cursor: pointer;
    }
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchDownloadList[data-view=List] .BtnGroup .SearchAddBtn:hover .SearchAddBtnInner > span::after, [class*=theme-K] .SearchDownloadList[data-view=List] .BtnGroup .SearchAddBtn:active .SearchAddBtnInner > span::after, [class*=theme-K] .SearchDownloadList[data-view=List] .BtnGroup .SearchAddBtn:focus .SearchAddBtnInner > span::after {
        border-color: transparent transparent #fff5f5 transparent;
    }
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchDownloadList[data-view=List] .BtnGroup .SearchAddBtn[disabled], [class*=theme-K] .SearchDownloadList[data-view=List] .BtnGroup .SearchAddBtn.Disabled {
        border-radius: 2px;
    }
    [class*=theme-K] .SearchDownloadList[data-view=List] .BtnGroup .SearchAddBtn[disabled] > .SearchAddBtnInner > span::before, [class*=theme-K] .SearchDownloadList[data-view=List] .BtnGroup .SearchAddBtn[disabled] > .SearchAddBtnInner > span::after, [class*=theme-K] .SearchDownloadList[data-view=List] .BtnGroup .SearchAddBtn.Disabled > .SearchAddBtnInner > span::before, [class*=theme-K] .SearchDownloadList[data-view=List] .BtnGroup .SearchAddBtn.Disabled > .SearchAddBtnInner > span::after {
        display: none;
    }
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchDownloadList[data-view=List] .BtnGroup .SearchAddBtn .SearchAddBtnInner > span {
        display: block;
    }
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchDownloadList[data-view=List] .BtnGroup .SearchAddBtn .SearchAddBtnInner > span::before, [class*=theme-K] .SearchDownloadList[data-view=List] .BtnGroup .SearchAddBtn .SearchAddBtnInner > span::after {
        display: block;
        position: absolute;
        top: -20px;
        right: 18px;
        border-width: 9px 5px;
        border-style: solid;
        border-color: transparent transparent #eaeaea transparent;
        content: "";
    }
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchDownloadList[data-view=List] .BtnGroup .SearchAddBtn .SearchAddBtnInner > span::after {
        top: -16px;
        border-color: transparent transparent #fff transparent;
        transition: border-color 0.2s;
    }
}

.SearchDownloadList > li {
    -webkit-animation: display1 0.2s linear forwards;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0;
    padding: 20px 0;
    border-bottom: 1px dashed #ccc;
    outline: none;
    background: #fff !important;
    animation: display1 0.2s linear forwards;
}

.gtie9 .SearchDownloadList > li {
    animation: none;
}

.SearchDownloadList > li.IsHidden {
    display: none;
}

.SearchDownloadList > li:first-child {
    border-top: 1px dashed #ccc;
}

@keyframes display1 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes display2 {
    0% {
        visibility: hidden;
        opacity: 0;
    }
    100% {
        visibility: visible;
        opacity: 1;
    }
}

.SearchDownloadList .DownloadGroup {
    box-sizing: border-box;
    display: flex;
    padding-right: 20px;
    border: 1px solid transparent;
    color: #06c;
    text-decoration: none;
    transition: inherit;
}

[class*=theme-K] .SearchDownloadList .DownloadGroup {
    color: #1a5c9a;
}

.SearchDownloadList a.DownloadGroup {
    transition: opacity 0.3s;
}

.SearchDownloadList a.DownloadGroup:hover, .SearchDownloadList a.DownloadGroup:active, .SearchDownloadList a.DownloadGroup:focus {
    color: #f00;
    text-decoration: none;
    opacity: 0.7;
}

[class*=theme-K] .SearchDownloadList a.DownloadGroup:hover, [class*=theme-K] .SearchDownloadList a.DownloadGroup:active, [class*=theme-K] .SearchDownloadList a.DownloadGroup:focus {
    color: #e60012;
}

.SearchDownloadList .ThumbnailWrapper {
    margin-right: 40px;
}

.SearchDownloadList .ThumbnailWrapper .Thumbnail img {
    border: 1px solid #dfdfdf;
}

.SearchDownloadList .ThumbnailWrapper .ThumbnailLink {
    transition: opacity 0.3s;
}

.SearchDownloadList .ThumbnailWrapper .ThumbnailLink:hover, .SearchDownloadList .ThumbnailWrapper .ThumbnailLink:active, .SearchDownloadList .ThumbnailWrapper .ThumbnailLink:focus {
    opacity: 0.7;
}

.SearchDownloadList .ThumbnailWrapper .IconKey {
    display: none;
}

.SearchDownloadList .ThumbnailWrapper .IconKey:empty {
    display: none;
}

.SearchDownloadList .IconGroup {
    display: flex;
    position: relative;
    align-items: center;
    margin-bottom: 0;
}

.SearchDownloadList .IconGroup > * {
    margin-right: 10px;
}

.SearchDownloadList .IconGroup > *:last-child {
    margin-right: 0;
}

.SearchDownloadList .IconGroup .IconNew {
    padding: 3px 6px 2px;
    border: 1px solid #d00202;
    background: #fff;
    color: #d00202;
    font-size: 12px;
    line-height: 1.1;
}

.SearchDownloadList .IconGroup .IconNew:empty {
    display: none;
}

.SearchDownloadList .IconGroup .IconLang {
    display: none;
    padding: 4px 28px 3px;
    background: #9e9e9e;
    color: #fff;
    font-size: 12px;
    line-height: 1.1;
}

.SearchDownloadList .IconGroup .IconKey {
    position: absolute;
    top: 0;
    left: -31px;
    margin-top: 0;
}

.SearchDownloadList .IconGroup .IconKey:empty {
    display: none;
}

.SearchDownloadList .TitleGroup {
    max-width: 414px;
    font-size: 12px;
    line-height: 1.5;
}

.search-cardMain .SearchDownloadList .TitleGroup {
    max-width: 572px;
}

.SearchDownloadList .TitleGroup .Title {
    font-size: 16px;
    line-height: 1.33;
}

html:not(.theme-noAdobeFont):not([lang=ko]):not([lang=th]):not([lang=zh]) .SearchDownloadList .TitleGroup .Title {
    font-size: 17px !important;
}

.SearchDownloadList .TitleGroup .TitleLink {
    color: #06c;
    text-decoration: none;
    transition: opacity 0.3s;
}

[class*=theme-K] .SearchDownloadList .TitleGroup .TitleLink {
    color: #1a5c9a;
}

.SearchDownloadList .TitleGroup .TitleLink:hover, .SearchDownloadList .TitleGroup .TitleLink:active, .SearchDownloadList .TitleGroup .TitleLink:focus {
    color: #f00;
    text-decoration: none;
    opacity: 0.7;
}

[class*=theme-K] .SearchDownloadList .TitleGroup .TitleLink:hover, [class*=theme-K] .SearchDownloadList .TitleGroup .TitleLink:active, [class*=theme-K] .SearchDownloadList .TitleGroup .TitleLink:focus {
    color: #f00;
}

.SearchDownloadList .TitleGroup .FileInfo {
    color: #333;
    font-size: 11px;
}

html:not(.theme-noAdobeFont):not([lang=ko]):not([lang=th]):not([lang=zh]) .SearchDownloadList .TitleGroup .FileInfo {
    font-size: 12px !important;
}

.SearchDownloadList .TitleGroup .Lang {
    color: #333;
}

.SearchDownloadList .TitleGroup .OS,
.SearchDownloadList .TitleGroup .Version,
.SearchDownloadList .TitleGroup .UpdateDate {
    color: #333;
}

.SearchDownloadList .TitleGroup .Description {
    margin-top: 10px;
}

.SearchDownloadList .TitleGroup .DescriptionLink {
    position: relative;
    padding: 2px 22px 1px 8px;
    overflow: hidden;
    border: #999 1px solid;
    border-radius: 2px;
    background: #fff;
    color: #333;
    transition: opacity 0.3s;
}

.SearchDownloadList .TitleGroup .DescriptionLink:hover, .SearchDownloadList .TitleGroup .DescriptionLink:active, .SearchDownloadList .TitleGroup .DescriptionLink:focus {
    color: #333;
    text-decoration: none;
    opacity: 0.7;
}

[class*=theme-K] .SearchDownloadList .TitleGroup .DescriptionLink {
    padding: 4px 22px 4px 8px;
    text-decoration: none;
}

.SearchDownloadList .TitleGroup .DescriptionLink::before {
    display: block;
    position: absolute;
    top: 6px;
    right: 0;
    border-width: 4px 7px;
    border-style: solid;
    border-color: transparent transparent transparent #333;
    content: "";
}

.SearchDownloadList .BtnGroup {
    min-width: 174px;
    max-width: 174px;
}

.SearchDownloadList .BtnGroup > * + * {
    margin-top: 10px;
}

.SearchDownloadList .BtnGroup .SearchDownloadBtn {
    display: block;
    position: relative;
    padding: 9px 10px 8px 30px;
    border-radius: 2px;
    background: #d00202;
    color: #fff;
    font-size: 11px;
    line-height: 1.6;
    text-decoration: none;
    transition: opacity 0.3s;
}

.SearchDownloadList .BtnGroup .SearchDownloadBtn:hover, .SearchDownloadList .BtnGroup .SearchDownloadBtn:active, .SearchDownloadList .BtnGroup .SearchDownloadBtn:focus {
    text-decoration: none;
    opacity: 0.7;
}

[class*=theme-K] .SearchDownloadList .BtnGroup .SearchDownloadBtn {
    padding-left: 33px;
    background: #e60012;
    font-size: 13px;
}

.SearchDownloadList .BtnGroup .SearchDownloadBtn::before {
    -webkit-backface-visibility: hidden;
    display: block;
    position: absolute;
    top: 50%;
    left: 9px;
    width: 15px;
    height: 14px;
    transform: translateY(-50%);
    backface-visibility: hidden;
    background: url("/img/search/icon_download_01.png") no-repeat;
    content: "";
}

.SearchDownloadList .BtnGroup .SearchAddBtn {
    display: block;
    position: relative;
    width: 100%;
    padding: 7px 8px 6px 28px;
    border: 2px solid #e7e7e7;
    border-radius: 2px;
    background: #fff;
    color: #333;
    font-size: 11px;
    line-height: 1.6;
    text-align: left;
    cursor: pointer;
    transition: background 0.2s 0.1s;
}

.SearchDownloadList .BtnGroup .SearchAddBtn.IsWaiting {
    cursor: default;
    pointer-events: none;
}

.SearchDownloadList .BtnGroup .SearchAddBtn:hover, .SearchDownloadList .BtnGroup .SearchAddBtn:active, .SearchDownloadList .BtnGroup .SearchAddBtn:focus {
    background: #fff5f5;
    opacity: 1;
}

[class*=theme-K] .SearchDownloadList .BtnGroup .SearchAddBtn {
    padding-left: 32px;
    font-size: 13px;
}

.SearchDownloadList .BtnGroup .SearchAddBtn[disabled], .SearchDownloadList .BtnGroup .SearchAddBtn.Disabled {
    background: #e5e5e5;
    color: #666;
    cursor: inherit;
}

.SearchDownloadList .BtnGroup .SearchAddBtn[disabled]:hover, .SearchDownloadList .BtnGroup .SearchAddBtn[disabled]:active, .SearchDownloadList .BtnGroup .SearchAddBtn[disabled]:focus, .SearchDownloadList .BtnGroup .SearchAddBtn.Disabled:hover, .SearchDownloadList .BtnGroup .SearchAddBtn.Disabled:active, .SearchDownloadList .BtnGroup .SearchAddBtn.Disabled:focus {
    background: #e5e5e5;
    opacity: inherit;
}

.SearchDownloadList .BtnGroup .SearchAddBtn[disabled]::before, .SearchDownloadList .BtnGroup .SearchAddBtn.Disabled::before {
    background: #9e9e9e;
}

.SearchDownloadList .BtnGroup .SearchAddBtn[disabled] > .SearchAddBtnInner::before, .SearchDownloadList .BtnGroup .SearchAddBtn[disabled] > .SearchAddBtnInner::after, .SearchDownloadList .BtnGroup .SearchAddBtn.Disabled > .SearchAddBtnInner::before, .SearchDownloadList .BtnGroup .SearchAddBtn.Disabled > .SearchAddBtnInner::after {
    background: #e5e5e5;
}

.SearchDownloadList .BtnGroup .SearchAddBtn::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 6px;
    width: 18px;
    height: 18px;
    transform: translateY(-50%);
    border-radius: 2px;
    background: #ffe2e2;
    content: "";
}

.SearchDownloadList .BtnGroup .SearchAddBtn > .SearchAddBtnInner {
    display: block;
}

.SearchDownloadList .BtnGroup .SearchAddBtn > .SearchAddBtnInner::before, .SearchDownloadList .BtnGroup .SearchAddBtn > .SearchAddBtnInner::after {
    display: block;
    position: absolute;
    top: 50%;
    left: 9px;
    width: 12px;
    height: 2px;
    transform: translateY(-50%);
    background: #d00202;
    content: "";
}

.SearchDownloadList .BtnGroup .SearchAddBtn > .SearchAddBtnInner::after {
    left: 14px;
    width: 2px;
    height: 12px;
}

.SearchMoreBtnWrapper {
    margin-bottom: 60px;
    text-align: center;
}

.SearchMoreBtnWrapper.IsHidden {
    display: none;
}

#main .SearchMoreBtnWrapper {
    margin-top: 40px;
}

.SearchMoreBtnWrapper + * {
    margin-top: 16px;
}

[class*=theme-K] .SearchMoreBtnWrapper {
    margin-top: 40px;
    margin-bottom: 60px;
}

[class*=theme-K] .SearchMoreBtnWrapper + .TabNav.Bottom,
[class*=theme-K] .SearchMoreBtnWrapper + * + .TabNav.Bottom {
    margin-top: 40px;
}

.SearchMoreBtnWrapper .SearchMoreBtn {
    display: inline-block;
    position: relative;
    padding: 15px 54px;
    border: 1px solid #b8b8b8;
    border-radius: 2px;
    background: #f9f9f9;
    font-size: 13px;
    line-height: 1.5;
    cursor: pointer;
    transition: opacity 0.3s;
}

.SearchMoreBtnWrapper .SearchMoreBtn:hover, .SearchMoreBtnWrapper .SearchMoreBtn:active, .SearchMoreBtnWrapper .SearchMoreBtn:focus {
    opacity: 0.7;
}

.SearchMoreBtnWrapper .SearchMoreBtn.IsLoad2::after {
    -webkit-animation: loading 1.5s linear infinite;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-top: -1px;
    margin-left: 10px;
    border: 2px solid;
    border-left: 1px solid transparent;
    border-radius: 50%;
    content: "";
    vertical-align: middle;
    animation: loading 1.5s linear infinite;
}

.SearchMoreBtnWrapper .SearchMoreBtn.IsLoad::after {
    -webkit-animation: loading2 0.8s infinite ease;
    display: inline-block;
    width: 3px;
    height: 3px;
    transform: translateZ(0);
    border-radius: 50%;
    content: "";
    color: #000;
    animation: loading2 0.8s infinite ease;
}

@keyframes loading {
    50% {
        opacity: 0.6;
    }
    100% {
        transform: rotate(1080deg);
        transform-origin: 50% 50%;
        opacity: 0.3;
    }
}

@keyframes loading2 {
    0%, 100% {
        box-shadow: 0.5em 0 0 0 rgba(0, 0, 0, 0.3), 1em 0 0 0 rgba(0, 0, 0, 0.5), 1.5em 0 0 0 rgba(0, 0, 0, 0.8);
    }
    33.3% {
        box-shadow: 0.5em 0 0 0 rgba(0, 0, 0, 0.8), 1em 0 0 0 rgba(0, 0, 0, 0.3), 1.5em 0 0 0 rgba(0, 0, 0, 0.5);
    }
    66.6% {
        box-shadow: 0.5em 0 0 0 rgba(0, 0, 0, 0.5), 1em 0 0 0 rgba(0, 0, 0, 0.8), 1.5em 0 0 0 rgba(0, 0, 0, 0.3);
    }
}

.SearchSeriesList {
    word-wrap: break-word;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 16px;
    margin-left: -40px;
    word-break: break-word;
    overflow-wrap: break-word;
}

[class*=theme-K] .SearchSeriesList {
    margin-bottom: 16px;
    margin-left: -40px;
    line-height: 1.3;
}

.SearchSeriesList.IsNoResult {
    display: block !important;
    margin-bottom: 0 !important;
}

.SearchSeriesList.OfPrimary > li {
    padding: 32px 0;
    border-bottom: 1px solid #ddd;
    background: inherit;
}

.SearchSeriesList.OfPrimary.Col2 > li {
    border: 0;
}

@media screen and (max-width: 969px) {
    .SearchSeriesList.OfPrimary.Col2 > li {
        padding: 32px 0;
        border-bottom: 1px solid #ddd;
        background: inherit;
        width: 100%;
    }
}

.SearchSeriesList.Col2 > li {
    width: calc(50% - 40px);
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchSeriesList.Col2 > li {
        width: calc(100% - 40px);
    }
}

.SearchSeriesList.Col2 > li .Products {
    width: 218px;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchSeriesList.Col2 > li .Products {
        flex: 1;
    }
}

[class*=theme-K] .SearchSeriesList.Col2 > li .Products {
    width: 353px;
}

.SearchSeriesList.Col2 > li .LinkGroup {
    width: 125px;
}

@media screen and (max-width: 1240px) {
    [class*=theme-K] .SearchSeriesList.Col2 > li .LinkGroup {
        min-width: 125px;
    }
}

@media screen and (max-width: 768px) {
    [class*=theme-K] .SearchSeriesList.Col2 > li .LinkGroup {
        width: 100%;
        min-width: inherit;
    }
}

.SearchSeriesList > li {
    -webkit-animation: display1 0.2s linear forwards;
    box-sizing: border-box;
    display: flex;
    width: calc(100% - 40px);
    margin-left: 40px;
    padding: 20px 0 30px;
    border-bottom: 1px dotted #ccc;
    outline: none;
    background: #fff;
    animation: display1 0.2s linear forwards;
}

@media screen and (max-width: 768px) {
    [class*=theme-K] .SearchSeriesList > li {
        flex-wrap: wrap;
    }
}

.gtie9 .SearchSeriesList > li {
    animation: none;
}

.SearchSeriesList > li.IsHidden {
    display: none;
}

.SearchSeriesList > li .Products {
    order: 2;
    width: 473px;
    margin-right: 16px;
}

@media screen and (max-width: 768px) {
    [class*=theme-K] .SearchSeriesList > li .Products {
        margin-right: 0;
    }
}

[class*=theme-K] .SearchSeriesList > li .Products {
    width: 613px;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchSeriesList > li .Products {
        flex: 1;
    }
}

.SearchSeriesList > li .Products .Series {
    display: inline-block;
    color: #06c;
    text-decoration: none;
    transition: opacity 0.3s;
}

[class*=theme-K] .SearchSeriesList > li .Products .Series {
    color: #1a5c9a;
}

.SearchSeriesList > li .Products .Series:hover, .SearchSeriesList > li .Products .Series:active, .SearchSeriesList > li .Products .Series:focus {
    color: #f00;
    text-decoration: none;
    opacity: 0.7;
}

[class*=theme-K] .SearchSeriesList > li .Products .Series:hover, [class*=theme-K] .SearchSeriesList > li .Products .Series:active, [class*=theme-K] .SearchSeriesList > li .Products .Series:focus {
    color: #e60012;
}

.SearchSeriesList > li .Products .Series .CommonName {
    display: block;
    position: relative;
    font-weight: bold;
    font-size: 14px;
}

[class*=theme-K] .SearchSeriesList > li .Products .Series .CommonName {
    margin-bottom: 3px;
    padding-left: 11px;
    font-size: 15px;
}

[class*=theme-K] .SearchSeriesList > li .Products .Series .CommonName::before {
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent transparent #e60012;
    content: "";
}

[class*=theme-K] .SearchSeriesList > li .Products .Series .CommonName::after {
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    border-width: 4px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    content: "";
}

.SearchSeriesList > li .Products .Series .Name {
    font-size: 13px;
}

[class*=theme-K] .SearchSeriesList > li .Products .Series .Name {
    padding-left: 11px;
    font-size: 14px;
}

.SearchSeriesList > li .Products .Description {
    margin-top: 3px;
    font-size: 13px;
}

.SearchSeriesList > li .LinkGroup {
    order: 3;
    width: 125px;
}

@media screen and (max-width: 1240px) {
    [class*=theme-K] .SearchSeriesList > li .LinkGroup {
        min-width: 125px;
    }
}

@media screen and (max-width: 768px) {
    [class*=theme-K] .SearchSeriesList > li .LinkGroup {
        width: 100%;
        min-width: inherit;
        margin-top: 10px;
        margin-left: 106px;
    }
}

[class*=theme-K] .SearchSeriesList > li .LinkGroup {
    width: 140px;
}

@media screen and (max-width: 1240px) {
    [class*=theme-K] .SearchSeriesList > li .LinkGroup {
        min-width: 140px;
    }
}

@media screen and (max-width: 768px) {
    [class*=theme-K] .SearchSeriesList > li .LinkGroup {
        width: 100%;
        min-width: inherit;
    }
}

.SearchSeriesList > li .LinkGroup .DownloadBtnWrapper {
    margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
    [class*=theme-K] .SearchSeriesList > li .LinkGroup .DownloadBtnWrapper {
        display: inline-block;
    }
}

.SearchSeriesList > li .LinkGroup div.DownloadBtn {
    background: #ccc;
}

.SearchSeriesList > li .LinkGroup div.DownloadBtn:hover, .SearchSeriesList > li .LinkGroup div.DownloadBtn:active, .SearchSeriesList > li .LinkGroup div.DownloadBtn:focus {
    opacity: 1;
}

.SearchSeriesList > li .LinkGroup div.DownloadBtn::after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(51, 51, 51, 0.3);
    content: "";
}

.SearchSeriesList > li .LinkGroup .DownloadBtn {
    box-sizing: border-box;
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    padding: 8px 16px 8px 35px;
    border-radius: 2px;
    background: #d00202;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.2;
    text-decoration: none;
    transition: opacity 0.3s;
}

[class*=theme-K] .SearchSeriesList > li .LinkGroup .DownloadBtn {
    background: #e60012;
    font-weight: normal;
}

.SearchSeriesList > li .LinkGroup .DownloadBtn:hover, .SearchSeriesList > li .LinkGroup .DownloadBtn:active, .SearchSeriesList > li .LinkGroup .DownloadBtn:focus {
    text-decoration: none;
    opacity: 0.7;
}

.SearchSeriesList > li .LinkGroup .DownloadBtn::before {
    -webkit-backface-visibility: hidden;
    display: block;
    position: absolute;
    top: 50%;
    left: 11px;
    width: 15px;
    height: 14px;
    transform: translateY(-50%);
    backface-visibility: hidden;
    background: url("/img/search/icon_download_01.png") no-repeat;
    content: "";
}

.SearchSeriesList > li .Thumbnail {
    order: 1;
    width: 92px;
    min-height: 92px;
    margin-right: 14px;
}

.SearchSeriesList > li .Thumbnail .ThumbnailLink {
    transition: opacity 0.3s;
}

.SearchSeriesList > li .Thumbnail .ThumbnailLink:hover, .SearchSeriesList > li .Thumbnail .ThumbnailLink:active, .SearchSeriesList > li .Thumbnail .ThumbnailLink:focus {
    opacity: 0.7;
}

.SearchSeriesList > li .Thumbnail img {
    border: #ddd solid 1px;
}

.SearchDownloadList[data-view=Grid][data-filter=all] > li:nth-child(n+6) {
    display: none;
}

[class*=theme-K] .SearchDownloadList[data-view=Grid][data-filter=all] > li:nth-child(n+6) {
    display: flex;
}

.search-bx-wrapper {
    position: relative;
    margin: 0 auto 50px;
}

@media screen and (max-width: 1080px) {
    [class*=theme-K] .search-bx-wrapper {
        padding: 0 20px;
    }
}

@media screen and (max-width: 768px) {
    [class*=theme-K] .search-bx-wrapper {
        margin-bottom: 30px;
        padding: 0;
    }
}

[class*=theme-K] .SearchDownloadList[data-view=Grid][data-filter=all] {
    max-width: 970px;
    margin: 0 auto;
    opacity: 0;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchDownloadList[data-view=Grid][data-filter=all] {
        max-width: inherit;
        margin-left: -10px;
    }
}

@media screen and (max-width: 768px) {
    [class*=theme-K] .SearchDownloadList[data-view=Grid][data-filter=all] {
        margin-left: 0;
    }
}

[class*=theme-K] .SearchDownloadList[data-view=Grid][data-filter=all].IsReady {
    opacity: 1;
}

[class*=theme-K] .SearchDownloadList[data-view=Grid][data-filter=all].IsReady:not(.IsStatic) {
    animation: display1 0.2s linear forwards;
}

@media screen and (min-width: 768px) {
    [class*=theme-K] .SearchDownloadList[data-view=Grid][data-filter=all].Col5.IsStatic {
        transform: translate3d(0, 0, 0) !important;
    }
}

[class*=theme-K] .SearchDownloadList[data-view=Grid][data-filter=all].Col5.IsStatic > li {
    -webkit-animation: none;
    width: 100% !important;
    animation: none;
}

@media screen and (min-width: 768px) {
    [class*=theme-K] .SearchDownloadList[data-view=Grid][data-filter=all].Col5.IsStatic > li {
        width: 20% !important;
    }
}

[class*=theme-K] .search-bx-wrapper .SearchDownloadList[data-view=Grid][data-filter=all] {
    flex-wrap: inherit;
    max-width: inherit;
    margin: 0 0 -30px 0;
}

@media screen and (max-width: 768px) {
    [class*=theme-K] .SearchDownloadList[data-view=Grid][data-filter=all] > li:only-child {
        width: 100% !important;
        margin-bottom: 30px;
    }
}

.search-bx-wrapper .SearchDownloadList[data-view=Grid] {
    margin-left: 0;
}

.search-bx-wrapper .SearchDownloadList[data-view=Grid][data-filter=all] > li {
    padding-left: 0;
}

.search-bx-wrapper .SearchDownloadList[data-view=Grid] > li:nth-child(n+6) {
    display: flex;
}

.IsStatic .bx-clone {
    display: none !important;
}

.search-bx-wrapper .bx-controls {
    margin-top: 20px;
}

.search-bx-wrapper .bx-controls .bx-pager {
    z-index: 300;
    position: absolute;
    bottom: -30px;
    width: 100%;
    text-align: center;
}

@media screen and (max-width: 1080px) {
    [class*=theme-K] .search-bx-wrapper .bx-controls .bx-pager {
        width: calc(100% - 40px);
    }
}

@media screen and (max-width: 768px) {
    [class*=theme-K] .search-bx-wrapper .bx-controls .bx-pager {
        display: none;
    }
}

.search-bx-wrapper .bx-controls .bx-pager .bx-pager-item {
    display: inline-block;
    margin: 0 5px;
}

.search-bx-wrapper .bx-controls .bx-pager .bx-pager-item a {
    display: block;
    width: 10px;
    height: 10px;
    overflow: hidden;
    border-radius: 20px;
    background: #ccc;
    text-indent: -999em;
}

.search-bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active {
    background: #c00;
}

.search-bx-wrapper .bx-controls .bx-controls-direction {
    width: 100%;
}

.search-bx-wrapper .bx-controls .bx-controls-direction .bx-prev,
.search-bx-wrapper .bx-controls .bx-controls-direction .bx-next {
    position: absolute;
    top: 50%;
    width: 28px;
    height: 48px;
    overflow: hidden;
    transform: translateY(-50%);
    background: #888;
    text-indent: -999em;
}

@media screen and (max-width: 1080px) {
    [class*=theme-K] .search-bx-wrapper .bx-controls .bx-controls-direction .bx-prev,
[class*=theme-K] .search-bx-wrapper .bx-controls .bx-controls-direction .bx-next {
        opacity: 0.7;
    }
}

.search-bx-wrapper .bx-controls .bx-controls-direction .bx-prev {
    left: -40px;
}

@media screen and (max-width: 1080px) {
    [class*=theme-K] .search-bx-wrapper .bx-controls .bx-controls-direction .bx-prev {
        left: -20px;
    }
}

.search-bx-wrapper .bx-controls .bx-controls-direction .bx-next {
    right: -40px;
    transform: scale(-1, 1) translateY(-50%);
}

@media screen and (max-width: 1080px) {
    [class*=theme-K] .search-bx-wrapper .bx-controls .bx-controls-direction .bx-next {
        right: -20px;
    }
}

.search-bx-wrapper .bx-controls .bx-controls-direction .bx-prev::before,
.search-bx-wrapper .bx-controls .bx-controls-direction .bx-next::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    margin-top: -6px;
    margin-left: -3px;
    border: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid #fff;
    border-left: 0;
    content: "";
}

.search-bx-wrapper .bx-controls .bx-controls-direction .bx-prev::after,
.search-bx-wrapper .bx-controls .bx-controls-direction .bx-next::after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    margin-top: -3px;
    border: 3px solid rgba(0, 0, 0, 0);
    border-right: 3px solid #888;
    border-left: 0;
    content: "";
}

/* DownloadList close */
body.DownloadListClose .layout-footer {
    padding-bottom: 162px;
}

@media screen and (max-width: 969px) {
    body.DownloadListClose .layout-footer {
        padding-bottom: 50px;
    }
}

body.DownloadListClose div#FooterAreaInner {
    padding-bottom: 108px;
}

/* DownloadList open */
body.DownloadListOpen .layout-footer {
    padding-bottom: 225px;
}

@media screen and (max-width: 768px) {
    body.DownloadListOpen .layout-footer {
        padding-bottom: 0;
    }
}

body.DownloadListOpen div#FooterAreaInner {
    padding-bottom: 250px;
}

/* 03. DownloadList
---------- ---------- ---------- */
div#DownloadList {
    zoom: 1;
    display: block;
    z-index: 500;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
}

/* DownloadListTitleWrap */
div#DownloadList div#DownloadListTitleWrap {
    border-top: solid 1px #8f9192;
}

/* DownloadListTitle */
div#DownloadList div#DownloadListTitle {
    zoom: 1;
    border-top: solid 1px #b0b2b2;
    background: linear-gradient(#8e8f90 0%, #646566 100%);
    background-position: right top;
    background-color: #646566;
}

div#DownloadList div#DownloadListTitle div#DownloadListTitleInner::after {
    display: block;
    clear: both;
    content: "";
}

div#DownloadList div#DownloadListTitle div#DownloadListTitleInner {
    width: 970px;
    margin: 0 auto;
    padding: 8px 0;
}

div#DownloadList div#DownloadListTitle p.Title {
    float: left;
    color: #fff;
    font-weight: bold;
}

div#DownloadList div#DownloadListTitle div.InformationCol {
    float: right;
}

div#DownloadList div#DownloadListTitle div.InformationCol > ul.DownloadItemInformation {
    margin: 0 9px 0 0;
    padding: 0 9px 0 0;
    float: left;
    border-right: solid 1px #bfbfbf;
    list-style: none;
}

div#DownloadList div#DownloadListTitle div.InformationCol > ul.DownloadItemInformation li {
    margin: 0 0 0 12px;
    float: left;
    color: #fff;
}

div#DownloadList div#DownloadListTitle div.InformationCol > ul.DownloadItemInformation li:first-child {
    margin-left: 0;
}

div#DownloadList div#DownloadListTitle div.InformationCol > ul.DownloadItemInformation li em {
    font-weight: bold;
}

div#DownloadList div#DownloadListTitle div.InformationCol div.Button {
    float: left;
}

div#DownloadList div#DownloadListTitle div.InformationCol div.Button a {
    zoom: 1;
    display: inline-block;
    padding: 0 21px 0 0;
    color: #fff;
}

/* open/close button states */
body.DownloadListClose div#DownloadList div#DownloadListTitle div.InformationCol div.Button a {
}

body.DownloadListOpen div#DownloadList div#DownloadListTitle div.InformationCol div.Button a {
}

/* DownloadListErrorMessage */
div#DownloadList div#DownloadListErrorMessage {
    border-bottom: solid 1px #e89396;
    background-color: #ffe5e6;
}

div#DownloadList div#DownloadListErrorMessage div#DownloadListErrorMessageInner {
    width: 970px;
    margin: 0 auto;
    padding: 8px 0;
}

div#DownloadList div#DownloadListErrorMessage p {
    margin-bottom: 0;
    color: #f00;
    font-weight: bold;
    font-size: 12px;
}

/* DownloadListContent */
div#DownloadList div#DownloadListContent {
    padding: 10px 0;
    background-color: #dfdfdf;
}

div#DownloadList div#DownloadListContent div#DownloadListContentInner::after {
    display: block;
    clear: both;
    content: "";
}

div#DownloadList div#DownloadListContent div#DownloadListContentInner {
    position: relative;
    width: 970px;
    margin: 0 auto;
}

/* General */
div#DownloadList div#DownloadListContent ul {
    margin: 0 0 16px;
    list-style: none;
}

div#DownloadList div#DownloadListContent ul li {
    margin: 0 0 5px;
    padding: 0 0 0 13px;
}

/* Download Items */
div#DownloadList div#DownloadListContent div.ItemCol {
    width: 760px;
    min-height: 100px;
    padding: 5px 5px 5px 7px;
}

div#DownloadList div#DownloadListContent div.ItemCol ul::after {
    display: block;
    clear: both;
    content: "";
}

div#DownloadList div#DownloadListContent div.ItemCol ul.ImageList {
    zoom: 1;
    width: 700px;
    margin: 0 auto;
    letter-spacing: -1em;
    vertical-align: middle;
}

[class*=theme-K] div#DownloadList div#DownloadListContent div.ItemCol ul.ImageList {
    display: flex;
    width: 3000px !important;
}

div#DownloadList div#DownloadListContent div.ItemCol ul.ImageList li {
    display: inline-block;
    width: 67px;
    height: 67px;
    margin: 0 5px;
    padding: 0;
    padding-top: 5px;
    background: none;
    line-height: 67px;
    letter-spacing: normal;
    text-align: center;
}

div#DownloadList div#DownloadListContent div.ItemCol ul.ImageList li img {
    border: solid 1px #999;
    vertical-align: middle;
}

/* DeleteButton */
div#DownloadList div#DownloadListContent div.ItemCol ul.ImageList li span.DeleteButtonWrap {
    zoom: 1;
    display: inline-block;
    position: relative;
}

div#DownloadList div#DownloadListContent div.ItemCol ul.ImageList li span.DeleteButtonWrap a.DeleteButton {
    position: absolute;
    top: -5px;
    right: -8px;
    width: 18px;
    height: 18px;
}

div#DownloadList div#DownloadListContent div.ItemCol ul.ImageList li span.DeleteButtonWrap a.DeleteButton img {
    border: 0;
}

/* Delete All Item */
div#DownloadList div#DownloadListContent div.ItemCol ul.DeleteAllItem {
    margin: 15px 0 0 25px;
}

div#DownloadList div#DownloadListContent div.ItemCol ul.DeleteAllItem li {
    margin: 0;
}

/* OperationCol */
div#DownloadList div#DownloadListContent div.OperationCol {
    width: 180px;
    min-height: 100px;
    padding: 5px 0 5px 17px;
}

div#DownloadList div#DownloadListContent div.OperationCol dl dt {
    margin: 0 0 5px;
    color: #000;
    font-weight: bold;
}

div#DownloadList div#DownloadListContent div.OperationCol dl dd ul {
    margin: 0 0 15px;
    overflow: hidden;
}

div#DownloadList div#DownloadListContent div.OperationCol dl dd ul li {
    margin: 0 5px 0 0;
    padding: 0;
    float: left;
    background: none;
}

/* checkbox */
div#DownloadList div#DownloadListContent .UIElm-check-label {
    display: inline-block;
    position: relative;
    min-height: 1em;
    padding: 0 0 0 22px;
    padding-top: 3px;
    padding-bottom: 3px;
    vertical-align: middle;
}

div#DownloadList div#DownloadListContent .UIElm-check-label span.CustomCheckbox {
    zoom: 1;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    cursor: pointer;
}

/* checked */
div#DownloadList div#DownloadListContent .UIElm-check-label span.CustomCheckbox.checked {
    background-position: 0 -25px;
}

/* disabled */
div#DownloadList div#DownloadListContent .UIElm-check-label span.CustomCheckbox.disabled {
    background-position: -25px 0;
    cursor: default;
}

/* checked and disabled */
div#DownloadList div#DownloadListContent .UIElm-check-label span.CustomCheckbox.checked.disabled {
    background-position: -25px -25px;
}

/* checkbox + link text */
div#DownloadList div#DownloadListContent .UIElm-check-label + a {
    vertical-align: bottom;
}

/* TextButton */
div#DownloadList div#DownloadListContent a.TextButton {
    -moz-box-shadow: 1px 1px 1px #ccc;
    zoom: 1;
    display: inline-block;
    padding: 4px 9px;
    border: solid 1px #848b90;
    background: linear-gradient(#bcbcbc 0%, #818181 100%);
    background-position: right top;
    background-color: #818181;
    box-shadow: 1px 1px 1px #ccc;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
}

div#DownloadList div#DownloadListContent a.TextButton:hover,
div#DownloadList div#DownloadListContent a.TextButton:focus {
    border-color: #9a9fa2;
    background: linear-gradient(#c5c5c5 0%, #8f8f8f 100%);
    background-position: right top;
    background-color: #8f8f8f;
}

div#DownloadList div#DownloadListContent a.TextButton:active {
    background: linear-gradient(#818181 0%, #bcbcbc 100%);
    background-position: right top;
    background-color: #bcbcbc;
}

div#DownloadList div#DownloadListContent a.TextButton span.Inner {
    zoom: 1;
    display: inline-block;
    min-height: 13px;
    cursor: pointer;
}

/* download */
div#DownloadList div#DownloadListContent a.TextButton.Download {
    border: solid 1px #ad0329;
    background: linear-gradient(#f30b19 0%, #cd0100 100%);
    background-position: right top;
    background-color: #cd0100;
    color: #fff;
}

div#DownloadList div#DownloadListContent a.TextButton.Download:hover,
div#DownloadList div#DownloadListContent a.TextButton.Download:focus {
    border-color: #c52c4e;
    background: linear-gradient(#f9323f 0%, #df2a28 100%);
    background-position: right top;
    background-color: #df2a28;
}

div#DownloadList div#DownloadListContent a.TextButton.Download:active {
    background: linear-gradient(#cd0100 0%, #f30b19 100%);
    background-position: right top;
    background-color: #f30b19;
}

div#DownloadList div#DownloadListContent a.TextButton.Download span.Inner {
    margin: 0 0 0 -5px;
}

/* Disabled */
div#DownloadList div#DownloadListContent a.TextButton.Disabled {
    border: solid 1px #bbb !important;
    background: linear-gradient(#e3e6ea 0%, #d3d5da 100%) !important;
    background-position: right top !important;
    background-color: #d3d5da !important;
    color: #a0a0a0 !important;
}

div#DownloadList div#DownloadListContent a.TextButton.Disabled,
div#DownloadList div#DownloadListContent a.TextButton.Disabled span.Inner {
    cursor: default;
}

/* DownloadListDeleteBalloon */
div#DownloadList div#DownloadListDeleteBalloon {
    position: absolute;
    bottom: 150px;
    left: 300px;
}

div#DownloadList div#DownloadListDeleteBalloon div#DownloadListDeleteBalloonInner {
    zoom: 1;
    position: relative;
    width: 253px;
    padding: 0 0 14px;
    
}

div#DownloadList div#DownloadListDeleteBalloon div#DownloadListDeleteBalloonInner2 {
    padding: 0 3px 0 0;
}

div#DownloadList div#DownloadListDeleteBalloon p {
    padding: 10px;
    border-width: 1px 1px 0;
    border-style: solid;
    border-color: #999;
    background: #fff;
}

.is-menu-show #DownloadListWrapper {
    display: none;
}

@media screen and (max-width: 768px) {
    [class*=theme-K] #DownloadListWrapper {
        display: none;
    }
}

#DownloadListOpenerWrapper {
    display: none;
    z-index: 500;
    position: fixed;
    right: 0;
    bottom: 25px;
    left: 0;
    width: 100%;
    max-width: 962px;
    margin: 0 auto;
    text-align: right;
    pointer-events: none;
}

[class*=theme-K] #DownloadListOpenerWrapper {
    max-width: 1240px;
}

#DownloadListOpenerWrapper #DownloadListOpener {
    width: 105px;
    height: 105px;
    padding: 10px;
    border: 4px solid #fff;
    border-radius: 50%;
    background: #d00202;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    color: #fff;
    line-height: 1.5;
    cursor: pointer;
    pointer-events: auto;
    transition: opacity 0.3s;
}

.TypeGlobal #DownloadListOpenerWrapper #DownloadListOpener {
    width: 120px;
    height: 120px;
    background: #e60012;
    font-family: inherit;
}

#DownloadListOpenerWrapper #DownloadListOpener:hover, #DownloadListOpenerWrapper #DownloadListOpener:active, #DownloadListOpenerWrapper #DownloadListOpener:focus {
    opacity: 0.7;
}

#DownloadListOpenerWrapper #DownloadListOpener > span {
    display: block;
}

#DownloadListOpenerWrapper #DownloadListOpener #DownloadListOpenerAmountCount {
    font-weight: bold;
    font-size: 14px;
    line-height: 1.2;
}

#DownloadListOpenerWrapper #DownloadListOpener #DownloadListOpenerAmountCount em {
    font-style: normal;
    font-size: 20px;
}

#DownloadListOpenerWrapper #DownloadListOpener #DownloadListOpenerSelectedText {
    position: relative;
    padding-bottom: 3px;
    font-weight: bold;
    font-size: 14px;
}

#DownloadListOpenerWrapper #DownloadListOpener #DownloadListOpenerSelectedText::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 60px;
    height: 1px;
    margin-left: -30px;
    background: #fff;
    content: "";
}

#DownloadListOpenerWrapper #DownloadListOpener #DownloadListOpenerText {
    position: relative;
    margin-top: 5px;
    font-size: 12px;
}

#DownloadListOpenerWrapper #DownloadListOpener #DownloadListOpenerText::before {
    display: inline-block;
    margin: -10px 4px 0 0;
    border-width: 6px 4px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
    content: "";
    vertical-align: middle;
}

div#DownloadList {
    box-sizing: border-box;
    display: none;
    z-index: 500;
    position: fixed;
    right: 0;
    bottom: 25px !important;
    left: 0;
    width: 100%;
    max-width: 956px;
    margin: 0 auto;
    padding: 8px 25px;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

[class*=theme-K] div#DownloadList {
    max-width: 1240px;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] div#DownloadList {
        z-index: 1000;
        padding: 2px 12px;
    }
}

div#DownloadList::before {
    box-sizing: border-box;
    display: block;
    z-index: -1;
    position: absolute;
    top: 4px;
    left: 4px;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 1px solid #d00202;
    border-radius: 2px;
    background: #fff;
    content: "";
}

div#DownloadList div#DownloadListTitleWrap {
    margin-bottom: 18px;
    padding: 10px 0 5px;
    border-top: 0 !important;
    border-bottom: 1px solid #999;
}

div#DownloadList div#DownloadListTitleWrap #DownloadListTitle {
    width: 100%;
    margin: 0 auto;
    border-top: 0;
    background: none;
}

div#DownloadList div#DownloadListTitleWrap #DownloadListTitle #DownloadListTitleInner {
    display: flex;
    position: relative;
    align-items: baseline;
    width: auto;
    padding: 0;
}

div#DownloadList div#DownloadListTitleWrap #DownloadListTitle #DownloadListTitleInner .Title {
    display: block;
    margin-right: 28px;
    margin-bottom: 0;
    float: none;
    color: #333;
    font-weight: normal;
    font-size: 20px;
}

div#DownloadList div#DownloadListTitleWrap #DownloadListTitle .InformationCol {
    position: static;
    float: none;
}

div#DownloadList div#DownloadListTitleWrap #DownloadListTitle .InformationCol .DownloadItemInformation {
    margin: 0;
    padding: 0;
    float: none;
    border: 0;
    color: #333;
}

div#DownloadList div#DownloadListTitleWrap #DownloadListTitle .InformationCol .DownloadItemInformation em {
    margin-left: 5px;
    color: #333;
    font-style: normal;
    font-weight: bold;
}

div#DownloadList div#DownloadListTitleWrap #DownloadListTitle .InformationCol .DownloadItemInformation em #DownloadListAmountCount {
    color: #333;
    font-weight: bold;
}

div#DownloadList div#DownloadListTitleWrap #DownloadListTitle .InformationCol .DownloadItemInformation em #DownloadListTotalFileSize {
    color: #333;
    font-weight: bold;
}

div#DownloadList div#DownloadListTitleWrap #DownloadListTitle .InformationCol .DownloadItemInformation li {
    display: inline-block;
    float: none;
    color: #333;
    font-size: 14px;
}

div#DownloadList div#DownloadListTitleWrap #DownloadListTitle .InformationCol .DownloadItemInformation li:last-child {
    margin-left: 14px;
}

div#DownloadList div#DownloadListTitleWrap #DownloadListTitle .InformationCol .DownloadItemInformation li:last-child em {
    color: #333;
}

div#DownloadList div#DownloadListTitleWrap #DownloadListTitle .InformationCol #DownloadListTitleButton {
    position: absolute;
    top: 4px;
    right: 0;
    line-height: 1.3;
}

.TypeGlobal div#DownloadList div#DownloadListTitleWrap #DownloadListTitle .InformationCol #DownloadListTitleButton::before {
    box-sizing: border-box;
    display: block;
    position: absolute;
    top: 2px;
    left: -6px;
    width: 14px;
    height: 14px;
    border: 1px solid #999;
    background: #fff;
    content: "";
}

div#DownloadList div#DownloadListTitleWrap #DownloadListTitle .InformationCol #DownloadListTitleButton a {
    display: block;
    position: relative;
    padding-right: 0;
    padding-left: 12px;
    background: none;
    color: #06c;
    font-size: 14px;
    text-decoration: none;
    transition: opacity 0.3s;
}

.TypeGlobal div#DownloadList div#DownloadListTitleWrap #DownloadListTitle .InformationCol #DownloadListTitleButton a {
    color: #1a5c9a;
}

.TypeGlobal div#DownloadList div#DownloadListTitleWrap #DownloadListTitle .InformationCol #DownloadListTitleButton a::before, .TypeGlobal div#DownloadList div#DownloadListTitleWrap #DownloadListTitle .InformationCol #DownloadListTitleButton a::after {
    left: 0 !important;
    width: 2px !important;
    background: #9d9d9d !important;
}

div#DownloadList div#DownloadListTitleWrap #DownloadListTitle .InformationCol #DownloadListTitleButton a:hover, div#DownloadList div#DownloadListTitleWrap #DownloadListTitle .InformationCol #DownloadListTitleButton a:active, div#DownloadList div#DownloadListTitleWrap #DownloadListTitle .InformationCol #DownloadListTitleButton a:focus {
    text-decoration: none;
    opacity: 0.7;
}

body.DownloadListOpen div#DownloadList div#DownloadListTitleWrap #DownloadListTitle .InformationCol #DownloadListTitleButton a::before, body.DownloadListOpen div#DownloadList div#DownloadListTitleWrap #DownloadListTitle .InformationCol #DownloadListTitleButton a::after, body#Downloads.DownloadListOpen div#DownloadList div#DownloadListTitleWrap #DownloadListTitle .InformationCol #DownloadListTitleButton a::before, body#Downloads.DownloadListOpen div#DownloadList div#DownloadListTitleWrap #DownloadListTitle .InformationCol #DownloadListTitleButton a::after {
    display: block;
    position: absolute;
    top: 50%;
    left: 4px;
    width: 1px;
    height: 10px;
    margin: 0;
    transform: translateY(-50%) rotate(45deg);
    border: 0;
    background: #06c;
    content: "";
}

body.DownloadListOpen div#DownloadList div#DownloadListTitleWrap #DownloadListTitle .InformationCol #DownloadListTitleButton a::after, body#Downloads.DownloadListOpen div#DownloadList div#DownloadListTitleWrap #DownloadListTitle .InformationCol #DownloadListTitleButton a::after {
    transform: translateY(-50%) rotate(-45deg);
}

body.DownloadListClose div#DownloadList div#DownloadListTitleWrap #DownloadListTitle .InformationCol #DownloadListTitleButton a::before, body.DownloadListClose div#DownloadList div#DownloadListTitleWrap #DownloadListTitle .InformationCol #DownloadListTitleButton a::after {
    display: none;
}

div#DownloadList div#DownloadListErrorMessage {
    background: #ffffae;
}

#DownloadListWrapper.TypeGlobal div#DownloadList div#DownloadListErrorMessage {
    border-bottom: solid 1px #e89396;
    background-color: #ffe5e6;
}

div#DownloadList div#DownloadListErrorMessage div#DownloadListErrorMessageInner {
    width: auto;
    padding: 8px;
}

div#DownloadList div#DownloadListContent {
    width: 100%;
    margin: 0 auto;
    padding-top: 0 !important;
    padding-bottom: 10px !important;
    background: none !important;
}

div#DownloadList div#DownloadListContent div#DownloadListContentInner {
    display: flex;
    justify-content: space-between;
    width: auto !important;
}

div#DownloadList div#DownloadListContent div#DownloadListContentInner::after {
    display: none !important;
}

div#DownloadList div#DownloadListContent div.ItemCol {
    width: 760px;
    min-height: inherit !important;
    padding: 0 !important;
    float: none !important;
    background: none !important;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] div#DownloadList div#DownloadListContent div.ItemCol {
        width: 78.431372549vw;
        margin-right: 5px;
    }
}

div#DownloadList div#DownloadListContent div.ItemCol .jcarousel-skin-basic {
    position: relative;
}

div#DownloadList div#DownloadListContent div.ItemCol .jcarousel-skin-basic ul.ImageList li {
    box-sizing: border-box;
    display: block;
    width: 61px;
    height: 72px;
    margin: 0 5px;
    padding: 5px 10px 0 0;
    float: left;
    line-height: inherit;
    text-align: left;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] div#DownloadList div#DownloadListContent div.ItemCol .jcarousel-skin-basic ul.ImageList li {
        width: auto;
        min-width: 6.2951496388vw;
        height: auto;
        margin: 0 0.515995872vw;
        padding-right: 1.0319917441vw;
    }
}

div#DownloadList div#DownloadListContent div.ItemCol .jcarousel-skin-basic ul.ImageList li .DeleteButtonWrap {
    display: inline-block;
    position: relative;
    border: 1px solid #cbcbcb;
}

div#DownloadList div#DownloadListContent div.ItemCol .jcarousel-skin-basic ul.ImageList li .DeleteButtonWrap img {
    width: 100%;
    border: 0;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] div#DownloadList div#DownloadListContent div.ItemCol .jcarousel-skin-basic ul.ImageList li .DeleteButtonWrap img {
        width: auto;
        max-width: 33px;
    }
}

div#DownloadList div#DownloadListContent div.ItemCol .jcarousel-skin-basic ul.ImageList li .DeleteButtonWrap .DeleteButton {
    display: block;
    position: absolute;
    top: -5px;
    right: -5px;
    width: 14px;
    height: 14px;
    background: url("/img/search/icon_delete_01.png") no-repeat;
    transition: opacity 0.3s;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] div#DownloadList div#DownloadListContent div.ItemCol .jcarousel-skin-basic ul.ImageList li .DeleteButtonWrap .DeleteButton {
        right: 0;
    }
}

div#DownloadList div#DownloadListContent div.ItemCol .jcarousel-skin-basic ul.ImageList li .DeleteButtonWrap .DeleteButton:hover, div#DownloadList div#DownloadListContent div.ItemCol .jcarousel-skin-basic ul.ImageList li .DeleteButtonWrap .DeleteButton:active, div#DownloadList div#DownloadListContent div.ItemCol .jcarousel-skin-basic ul.ImageList li .DeleteButtonWrap .DeleteButton:focus {
    text-decoration: none;
    opacity: 0.7;
}

div#DownloadList div#DownloadListContent div.ItemCol .jcarousel-skin-basic ul.ImageList li .DeleteButtonWrap .DeleteButton img {
    display: none;
}

div#DownloadList div#DownloadListContent div.ItemCol .jcarousel-skin-basic .jcarousel-container {
    padding: 0 27px;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] div#DownloadList div#DownloadListContent div.ItemCol .jcarousel-skin-basic .jcarousel-container {
        padding: 0 2.786377709vw;
    }
}

div#DownloadList div#DownloadListContent div.ItemCol .jcarousel-skin-basic .jcarousel-clip {
    overflow: hidden;
}

div#DownloadList div#DownloadListContent div.ItemCol .jcarousel-skin-basic .jcarousel-prev {
    z-index: 10;
    position: absolute;
    top: 50%;
    left: 0;
    width: 12px;
    height: 30px;
    margin-top: -15px;
    background: url("/img/search/dl_bundle_thumbnail_back_01.png") no-repeat center left;
    cursor: pointer;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] div#DownloadList div#DownloadListContent div.ItemCol .jcarousel-skin-basic .jcarousel-prev.jcarousel-prev-disabled, [class*=theme-K] div#DownloadList div#DownloadListContent div.ItemCol .jcarousel-skin-basic .jcarousel-prev.jcarousel-prev-disabled-horizontal {
        pointer-events: none;
    }
}

div#DownloadList div#DownloadListContent div.ItemCol .jcarousel-skin-basic .jcarousel-next {
    z-index: 10;
    position: absolute;
    top: 50%;
    right: 0;
    width: 12px;
    height: 30px;
    margin-top: -15px;
    background: url("/img/search/dl_bundle_thumbnail_next_01.png") no-repeat center left;
    cursor: pointer;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] div#DownloadList div#DownloadListContent div.ItemCol .jcarousel-skin-basic .jcarousel-next.jcarousel-next-disabled, [class*=theme-K] div#DownloadList div#DownloadListContent div.ItemCol .jcarousel-skin-basic .jcarousel-next.jcarousel-next-disabled-horizontal {
        pointer-events: none;
    }
}

div#DownloadList div#DownloadListContent div.ItemCol ul.DeleteAllItem {
    margin-top: 10px !important;
    margin-left: 32px !important;
    float: none;
    background: none;
}

div#DownloadList div#DownloadListContent div.ItemCol ul.DeleteAllItem li {
    padding: 0 !important;
    background: none !important;
}

div#DownloadList div#DownloadListContent div.ItemCol ul.DeleteAllItem a {
    display: inline-block;
    width: auto;
    height: auto;
    padding-left: 18px;
    overflow: visible;
    background: url("/img/search/icon_delete_01.png") no-repeat 0 0.1em;
    color: #1a5c9a;
    font-size: 14px;
    line-height: 1.3;
    text-decoration: none;
    text-indent: inherit;
    transition: opacity 0.3s;
}

div#DownloadList div#DownloadListContent div.ItemCol ul.DeleteAllItem a:hover, div#DownloadList div#DownloadListContent div.ItemCol ul.DeleteAllItem a:active, div#DownloadList div#DownloadListContent div.ItemCol ul.DeleteAllItem a:focus {
    text-decoration: none;
    opacity: 0.7;
}

div#DownloadList div#DownloadListContent div.OperationCol {
    width: 126px;
    min-height: inherit !important;
    margin-top: 0;
    padding: 0 !important;
    float: none !important;
    background: none !important;
}

.TypeGlobal div#DownloadList div#DownloadListContent div.OperationCol {
    width: 136px;
}

div#DownloadList div#DownloadListContent div.OperationCol dl dt {
    color: #333 !important;
    font-size: 12px;
    line-height: 1.2;
}

div#DownloadList div#DownloadListContent div.OperationCol dl dd ul {
    margin: 0 !important;
    overflow: hidden;
}

div#DownloadList div#DownloadListContent div.OperationCol dl dd ul li {
    margin: 0 !important;
    float: none !important;
    font-size: 12px;
    line-height: 1.9;
}

div#DownloadList div#DownloadListContent div.OperationCol dl dd ul li label {
    display: inline-block;
    position: relative;
    padding-left: 22px;
    font-size: 12px;
    cursor: pointer;
}

div#DownloadList div#DownloadListContent div.OperationCol dl dd ul li input[type=checkbox] {
    position: absolute;
    top: 4px;
    left: 0;
    transform: scale(0.5);
}

div#DownloadList div#DownloadListContent div.OperationCol dl dd ul li input[type=checkbox] + span {
    display: block;
}

div#DownloadList div#DownloadListContent div.OperationCol dl dd ul li input[type=checkbox] + span::before {
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 14px;
    height: 14px;
    border: 1px solid #888;
    border-radius: 2px;
    background: #fff;
    content: "";
}

div#DownloadList div#DownloadListContent div.OperationCol dl dd ul li input[type=checkbox]:checked + span::after {
    display: block;
    position: absolute;
    top: 5.2px;
    left: 4px;
    width: 6px;
    height: 9px;
    transform: rotate(45deg);
    border-right: 2px solid #d00202;
    border-bottom: 2px solid #d00202;
    content: "";
    transition: none;
}

div#DownloadList div#DownloadListContent div.OperationCol dl dd ul li a {
    color: #333;
    text-decoration: none;
    transition: opacity 0.3s;
}

div#DownloadList div#DownloadListContent div.OperationCol dl dd ul li a:hover, div#DownloadList div#DownloadListContent div.OperationCol dl dd ul li a:active, div#DownloadList div#DownloadListContent div.OperationCol dl dd ul li a:focus {
    text-decoration: none;
    opacity: 0.7;
}

div#DownloadList div#DownloadListContent div.OperationCol #DownloadListProgressButton {
    word-wrap: break-word;
    box-sizing: border-box;
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 10px;
    padding: 5px 16px 5px 35px;
    overflow: hidden;
    border: 0 !important;
    border-radius: 2px;
    background: #d00202;
    box-shadow: none;
    color: #fff;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.5;
    white-space: inherit;
    word-break: break-word;
    overflow-wrap: break-word;
    transition: opacity 0.3s;
}

.TypeGlobal div#DownloadList div#DownloadListContent div.OperationCol #DownloadListProgressButton {
    padding-right: 6px;
    background: #e60012 !important;
    font-size: 13px;
}

div#DownloadList div#DownloadListContent div.OperationCol #DownloadListProgressButton:hover, div#DownloadList div#DownloadListContent div.OperationCol #DownloadListProgressButton:active, div#DownloadList div#DownloadListContent div.OperationCol #DownloadListProgressButton:focus {
    color: #fff;
    text-decoration: none;
    opacity: 0.7;
}

div#DownloadList div#DownloadListContent div.OperationCol #DownloadListProgressButton.Disabled {
    background: #e5e5e5 !important;
    color: #666 !important;
    opacity: 1;
}

div#DownloadList div#DownloadListContent div.OperationCol #DownloadListProgressButton::before {
    -webkit-backface-visibility: hidden;
    display: block;
    position: absolute;
    top: 50%;
    left: 9px;
    width: 15px;
    height: 14px;
    transform: translateY(-50%);
    backface-visibility: hidden;
    background: url("/img/search/icon_download_01.png") no-repeat;
    content: "";
}

div#DownloadList div#DownloadListContent div.OperationCol #DownloadListProgressButton span {
    margin: 0;
    padding: 0;
    background: none;
    text-indent: inherit;
}

#TopSearchForm {
    position: relative;
}

.box_suggest_01 .SearchFormWrap .InpupCol .InpupColInner #TopSearchInput {
    width: 335px;
    height: 39px;
    padding-left: 32px;
    border: #bdbdbd 2px solid;
    border-right: 0;
    background: #fff url("/img/elements/bg_top_form01_left02_03.gif") no-repeat 10px center;
    color: #333;
    font-size: 142.85714%;
    line-height: 1.6;
}

.box_suggest_01 .SearchFormWrap .InpupCol .InpupColInner .placeholder {
    pointer-events: none;
}

.SearchSuggestBox {
    word-wrap: break-word;
    box-sizing: border-box;
    display: block;
    z-index: 1001;
    position: absolute;
    min-width: 206px;
    max-width: 548px;
    margin-top: -20px;
    padding: 4px;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    word-break: break-word;
    overflow-wrap: break-word;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchSuggestBox {
        width: 100%;
        max-width: 100%;
    }
}

#TopSearchBlock .SearchSuggestBox {
    margin-top: 0;
}

#HeaderArea .SearchSuggestBox {
    top: 40px;
    right: 0;
    margin-top: 0;
}

#HeaderArea .SearchSuggestBox::before {
    right: 27px;
    left: inherit;
}

#HeaderArea .SearchSuggestBox .SearchSuggestBoxInner::before {
    right: 30px;
    left: inherit;
}

.SearchSuggestBox.History {
    min-width: 206px;
    max-width: 400px;
}

#HeaderArea .SearchSuggestBox.History {
    width: 100%;
}

.SearchSuggestBox.IsHidden {
    display: none;
}

#header .SearchSuggestBox {
    z-index: 10000;
    top: 43px;
    right: 40px;
    margin-top: 0;
}

#header .SearchSuggestBox::before {
    right: 27px;
    left: inherit;
}

#header .SearchSuggestBox .SearchSuggestBoxInner::before {
    right: 30px;
    left: inherit;
}

.products_box_01 #TopSearchForm .HasSearchSuggest .SearchSuggestBox {
    margin-top: -20px;
}

#TopSearchForm .HasSearchSuggest .SearchSuggestBox {
    margin-top: 6px;
}

.HasSearchSuggest .SearchSuggestBox {
    top: 100%;
    left: 6px;
    margin-top: 0;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .HasSearchSuggest .SearchSuggestBox {
        left: 0;
    }
}

.HasSearchSuggest .SearchSuggestBox .SuggestColumn > .Column:first-child {
    min-width: 488px;
    max-width: inherit;
}

@media screen and (max-width: 768px) {
    [class*=theme-K] .HasSearchSuggest .SearchSuggestBox .SuggestColumn > .Column:first-child {
        min-width: inherit;
    }
}

.HasSearchSuggest .SearchSuggestBox.SearchAllCategory .SuggestColumn > .Column:first-child {
    min-width: inherit;
    max-width: 320px;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .HasSearchSuggest .SearchSuggestBox.SearchAllCategory .SuggestColumn > .Column:first-child {
        width: 100%;
        max-width: inherit;
        padding-right: 5px;
    }
}

.SearchSuggestBox::before {
    -webkit-backface-visibility: hidden;
    display: block;
    z-index: -1;
    position: absolute;
    top: -10px;
    left: 27px;
    width: 20px;
    height: 20px;
    transform: rotate(45deg) skew(10deg, 10deg);
    border-radius: 7px 0;
    backface-visibility: hidden;
    background: #fff;
    content: "";
}

.SearchSuggestBox .SearchSuggestBoxInner {
    padding: 20px 5px 20px 25px;
    border: 1px solid #999;
    border-radius: 2px;
    background: #fff;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchSuggestBox .SearchSuggestBoxInner {
        padding-right: 20px;
        padding-left: 20px;
    }
}

.SearchSuggestBox .SearchSuggestBoxInner::before {
    -webkit-backface-visibility: hidden;
    display: block;
    position: absolute;
    top: -3px;
    left: 30px;
    width: 14px;
    height: 14px;
    transform: rotate(45deg) skew(10deg, 10deg);
    border-top: 1px solid #666;
    border-left: 1px solid #666;
    backface-visibility: hidden;
    background: #fff;
    content: "";
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchSuggestBox .SearchSuggestBoxInner .SearchLinkList01 > li > a,
[class*=theme-K] .SearchSuggestBox .SearchSuggestBoxInner .SearchLinkList01 > li > button {
        font-size: 14px;
    }
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchSuggestBox .SearchSuggestBoxInner .SearchLinkList01 > li > a::before,
[class*=theme-K] .SearchSuggestBox .SearchSuggestBoxInner .SearchLinkList01 > li > button::before {
        top: 6px;
    }
}

[class*=theme-K] .SearchSuggestBox .SearchSuggestBoxInner .CategoryList {
    margin-bottom: 0;
}

.SearchSuggestBox .SearchSuggestBoxInner .CategoryList > dt {
    margin-bottom: 8px;
    border-bottom: 0;
    color: #333;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.5;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchSuggestBox .SearchSuggestBoxInner .CategoryList > dt {
        font-size: 16px;
    }
}

.SearchSuggestBox .SearchSuggestBoxInner .CategoryList > dt em {
    font-style: normal;
    font-weight: bold;
}

.SearchSuggestBox .SearchSuggestBoxInner .CategoryList > dd {
    font-size: 14px;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchSuggestBox .SearchSuggestBoxInner .CategoryList > dd {
        font-size: 16px;
    }
}

.SearchSuggestBox .SearchSuggestBoxInner .CategoryList > dd > *:last-child {
    margin-bottom: 0;
}

.SearchSuggestBox .SearchSuggestBoxInner .CategoryList > dd > *:last-child.AssetList {
    margin-bottom: -20px;
}

[class*=theme-K] .SearchSuggestBox .SearchSuggestBoxInner .CategoryList > dd > *:last-child.AssetList {
    margin-bottom: -20px;
}

[class*=theme-K] .SearchSuggestBox .SearchSuggestBoxInner .HistoryList {
    margin-bottom: 0;
}

.SearchSuggestBox .SearchSuggestBoxInner .HistoryList > li {
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 1.5;
    list-style: none;
}

[class*=theme-K] .SearchSuggestBox .SearchSuggestBoxInner .HistoryList > li {
    margin-bottom: 6px;
    padding: 0;
    background: none;
}

.SearchSuggestBox .SearchSuggestBoxInner .HistoryList > li:last-child {
    margin-bottom: 0;
}

[class*=theme-K] .SearchSuggestBox .SearchSuggestBoxInner .HistoryList > li:last-child {
    margin-bottom: 0;
}

.SearchSuggestBox .SearchSuggestBoxInner .HistoryList > li button {
    max-width: 100%;
    margin: 0;
    padding: 0;
    overflow: visible;
    border: 0;
    background: none;
    color: #06c;
    text-align: left;
    cursor: pointer;
    transition: opacity 0.3s;
}

[class*=theme-K] .SearchSuggestBox .SearchSuggestBoxInner .HistoryList > li button {
    color: #1a5c9a;
}

.SearchSuggestBox .SearchSuggestBoxInner .HistoryList > li button:hover, .SearchSuggestBox .SearchSuggestBoxInner .HistoryList > li button:active, .SearchSuggestBox .SearchSuggestBoxInner .HistoryList > li button:focus {
    color: #f00;
    opacity: 0.7;
}

.SearchSuggestBox .SearchHistory {
    display: block;
    margin-right: 20px;
}

.SearchSuggestBox .SearchHistory.IsHidden {
    display: none;
}

.SearchSuggestBox .SuggestColumn {
    display: flex;
}

.SearchSuggestBox .SuggestColumn > .Column {
    box-sizing: border-box;
}

.SearchSuggestBox .SuggestColumn > .Column:first-child {
    width: 100%;
    max-width: 320px;
    padding-right: 20px;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchSuggestBox .SuggestColumn > .Column:first-child {
        max-width: inherit;
        padding-right: 0;
    }
}

.SearchSuggestBox .SuggestColumn > .Column:first-child.IsHidden {
    width: auto;
    padding-right: 0;
}

.SearchSuggestBox .SuggestColumn > .Column:first-child.IsHidden + .Column {
    padding-left: 0;
    border-left: 0;
}

.SearchSuggestBox .SuggestColumn > .Column:first-child + .Column {
    display: none;
    flex: 1;
    min-width: 168px;
    margin-right: 20px;
    padding-left: 30px;
    border-left: 1px solid #ccc;
}

.SearchSuggestBox .SuggestColumn > .Column:first-child + .Column.IsHidden {
    display: none;
}

.SearchSuggestBox .SuggestColumn > .Column:only-child {
    width: 100%;
}

.SearchSuggestBox .SuggestColumn > .Column:only-child > * + * {
    border-top: 0;
}

.SearchSuggestBox .SuggestColumn > .Column:only-child .SeriesList.Col2 {
    padding-right: 0;
}

[class*=theme-K] .SearchSuggestBox .SuggestColumn > .Column:only-child .SeriesList.Col2 {
    padding-right: 0;
}

.SearchSuggestBox .SuggestColumn > .Column > * + * {
    margin-top: 10px;
    padding-top: 15px;
    border-top: 1px solid #ccc;
}

[class*=theme-K] .SearchSuggestBox .SuggestColumn > .Column > * + * {
    margin-top: 15px;
}

.SearchSuggestBox .SuggestColumn.IsHidden {
    display: none;
}

.SearchSuggestBox .SuggestColumn .SeriesArea {
    box-sizing: border-box;
    min-width: 300px;
    padding: 0 10px;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchSuggestBox .SuggestColumn .SeriesArea {
        width: 100%;
        min-width: inherit;
        padding: 0;
    }
}

.SearchSuggestBox .SuggestColumn .SeriesArea.IsHidden {
    display: none;
}

.SearchSuggestBox .SuggestColumn .SeriesArea.IsHidden + * {
    margin-top: 0;
    padding-top: 0;
    border: 0;
}

[class*=theme-K] .SearchSuggestBox .SuggestColumn .SeriesArea.IsHidden + * {
    margin-top: 0;
    padding-top: 0;
}

.SearchSuggestBox .SuggestColumn .SeriesList {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -16px;
    list-style: none;
}

.SearchSuggestBox .SuggestColumn .SeriesList + * {
    margin-top: 32px;
}

[class*=theme-K] .SearchSuggestBox .SuggestColumn .SeriesList + * {
    margin-top: 20px;
}

[class*=theme-K] .SearchSuggestBox .SuggestColumn .SeriesList {
    margin-bottom: -16px;
}

.SearchSuggestBox .SuggestColumn .SeriesList.Col2 {
    margin-left: -16px;
    padding-right: 20px;
}

[class*=theme-K] .SearchSuggestBox .SuggestColumn .SeriesList.Col2 {
    margin-bottom: 0;
    margin-left: -16px;
    padding-right: 20px;
}

.SearchSuggestBox .SuggestColumn .SeriesList.Col2 > li {
    width: calc(50% - 16px);
    margin-left: 16px;
}

@media screen and (max-width: 768px) {
    [class*=theme-K] .SearchSuggestBox .SuggestColumn .SeriesList.Col2 > li {
        width: calc(100% - 16px);
    }
}

[class*=theme-K] .SearchSuggestBox .SuggestColumn .SeriesList.Col2 > li {
    margin-left: 16px;
}

.SearchSuggestBox .SuggestColumn .SeriesList.Col2 > li:first-child {
    padding-top: 10px;
}

.SearchSuggestBox .SuggestColumn .SeriesList.Col2 > li:last-child {
    padding-bottom: 10px;
    border-bottom: 1px dashed #ccc;
}

.SearchSuggestBox .SuggestColumn .SeriesList.Col2 > li:only-child {
    width: calc(100% - 16px);
    padding-bottom: 10px;
}

.SearchSuggestBox .SuggestColumn .SeriesList.Col2 > li .Item .Series .CommonName {
    font-size: 13px;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchSuggestBox .SuggestColumn .SeriesList.Col2 > li .Item .Series .CommonName {
        font-size: 16px;
    }
}

.SearchSuggestBox .SuggestColumn .SeriesList > li {
    box-sizing: border-box;
    display: flex;
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px dashed #ccc;
}

[class*=theme-K] .SearchSuggestBox .SuggestColumn .SeriesList > li {
    margin: 0;
    padding: 10px 0;
    background: none;
}

.SearchSuggestBox .SuggestColumn .SeriesList > li:first-child {
    padding-top: 0;
}

.SearchSuggestBox .SuggestColumn .SeriesList > li:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.SearchSuggestBox .SuggestColumn .SeriesList > li .Item {
    flex: 1;
    order: 2;
    width: 483px;
    line-height: 1.4;
}

.SearchSuggestBox .SuggestColumn .SeriesList > li .Item > dl dt {
    border-bottom: 0;
    color: #333;
}

[class*=theme-K] .SearchSuggestBox .SuggestColumn .SeriesList > li .Item > dl {
    margin-bottom: 0;
}

.SearchSuggestBox .SuggestColumn .SeriesList > li .Item .Series {
    display: inline-block;
    color: #06c;
    text-decoration: none;
    transition: opacity 0.3s;
}

[class*=theme-K] .SearchSuggestBox .SuggestColumn .SeriesList > li .Item .Series {
    color: #1a5c9a;
}

.SearchSuggestBox .SuggestColumn .SeriesList > li .Item .Series:hover, .SearchSuggestBox .SuggestColumn .SeriesList > li .Item .Series:active, .SearchSuggestBox .SuggestColumn .SeriesList > li .Item .Series:focus {
    color: #f00;
    text-decoration: none;
    opacity: 0.7;
}

[class*=theme-K] .SearchSuggestBox .SuggestColumn .SeriesList > li .Item .Series:hover, [class*=theme-K] .SearchSuggestBox .SuggestColumn .SeriesList > li .Item .Series:active, [class*=theme-K] .SearchSuggestBox .SuggestColumn .SeriesList > li .Item .Series:focus {
    color: #e60012;
}

.SearchSuggestBox .SuggestColumn .SeriesList > li .Item .Series .CommonName {
    display: block;
    font-weight: bold;
    font-size: 14px;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchSuggestBox .SuggestColumn .SeriesList > li .Item .Series .CommonName {
        font-size: inherit;
    }
}

[class*=theme-K] .SearchSuggestBox .SuggestColumn .SeriesList > li .Item .Series .CommonName {
    position: relative;
    margin-bottom: 3px;
    padding-left: 11px;
}

[class*=theme-K] .SearchSuggestBox .SuggestColumn .SeriesList > li .Item .Series .CommonName::before {
    display: block;
    position: absolute;
    top: 1px;
    left: 0;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent transparent #e60012;
    content: "";
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchSuggestBox .SuggestColumn .SeriesList > li .Item .Series .CommonName::before {
        top: 4px;
    }
}

[class*=theme-K] .SearchSuggestBox .SuggestColumn .SeriesList > li .Item .Series .CommonName::after {
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    border-width: 4px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    content: "";
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchSuggestBox .SuggestColumn .SeriesList > li .Item .Series .CommonName::after {
        top: 6px;
    }
}

.SearchSuggestBox .SuggestColumn .SeriesList > li .Item .Series .Name {
    font-size: 12px;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchSuggestBox .SuggestColumn .SeriesList > li .Item .Series .Name {
        font-size: 14px;
    }
}

[class*=theme-K] .SearchSuggestBox .SuggestColumn .SeriesList > li .Item .Series .Name {
    display: block;
    padding-left: 11px;
}

.SearchSuggestBox .SuggestColumn .SeriesList > li .Item .Nav {
    margin-top: 5px;
    font-size: 12px;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchSuggestBox .SuggestColumn .SeriesList > li .Item .Nav {
        font-size: 14px;
    }
}

.SearchSuggestBox .SuggestColumn .SeriesList > li .Item .Nav .SearchLinkList01 > li > a,
.SearchSuggestBox .SuggestColumn .SeriesList > li .Item .Nav .SearchLinkList01 > li > button {
    font-size: 12px;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchSuggestBox .SuggestColumn .SeriesList > li .Item .Nav .SearchLinkList01 > li > a,
[class*=theme-K] .SearchSuggestBox .SuggestColumn .SeriesList > li .Item .Nav .SearchLinkList01 > li > button {
        font-size: 14px;
    }
}

.SearchSuggestBox .SuggestColumn .SeriesList > li .Thumbnail {
    order: 1;
    min-height: 55px;
    margin-right: 14px;
}

.SearchSuggestBox .SuggestColumn .SeriesList > li .Thumbnail img {
    width: 55px;
    max-width: inherit;
    border: #ddd solid 1px;
}

.SearchUtilityBox02 .SearchSuggestBox .SuggestColumn .SeriesList > li > .Series, #TopSearchBlock .SearchSuggestBox .SuggestColumn .SeriesList > li > .Series {
    display: flex;
    width: 100%;
    color: #1a5c9a;
    text-decoration: none;
}

.SearchUtilityBox02 .SearchSuggestBox .SuggestColumn .SeriesList > li > .Series:hover, .SearchUtilityBox02 .SearchSuggestBox .SuggestColumn .SeriesList > li > .Series:active, .SearchUtilityBox02 .SearchSuggestBox .SuggestColumn .SeriesList > li > .Series:focus, #TopSearchBlock .SearchSuggestBox .SuggestColumn .SeriesList > li > .Series:hover, #TopSearchBlock .SearchSuggestBox .SuggestColumn .SeriesList > li > .Series:active, #TopSearchBlock .SearchSuggestBox .SuggestColumn .SeriesList > li > .Series:focus {
    color: #e60012;
}

.SearchUtilityBox02 .SearchSuggestBox .SuggestColumn .SeriesList > li > .Series:hover .CommonNameWrap,
.SearchUtilityBox02 .SearchSuggestBox .SuggestColumn .SeriesList > li > .Series:hover .Name, .SearchUtilityBox02 .SearchSuggestBox .SuggestColumn .SeriesList > li > .Series:active .CommonNameWrap,
.SearchUtilityBox02 .SearchSuggestBox .SuggestColumn .SeriesList > li > .Series:active .Name, .SearchUtilityBox02 .SearchSuggestBox .SuggestColumn .SeriesList > li > .Series:focus .CommonNameWrap,
.SearchUtilityBox02 .SearchSuggestBox .SuggestColumn .SeriesList > li > .Series:focus .Name, #TopSearchBlock .SearchSuggestBox .SuggestColumn .SeriesList > li > .Series:hover .CommonNameWrap,
#TopSearchBlock .SearchSuggestBox .SuggestColumn .SeriesList > li > .Series:hover .Name, #TopSearchBlock .SearchSuggestBox .SuggestColumn .SeriesList > li > .Series:active .CommonNameWrap,
#TopSearchBlock .SearchSuggestBox .SuggestColumn .SeriesList > li > .Series:active .Name, #TopSearchBlock .SearchSuggestBox .SuggestColumn .SeriesList > li > .Series:focus .CommonNameWrap,
#TopSearchBlock .SearchSuggestBox .SuggestColumn .SeriesList > li > .Series:focus .Name {
    opacity: 0.7;
}

.SearchUtilityBox02 .SearchSuggestBox .SuggestColumn .SeriesList > li > .Series .Thumbnail, #TopSearchBlock .SearchSuggestBox .SuggestColumn .SeriesList > li > .Series .Thumbnail {
    order: -1;
}

.SearchUtilityBox02 .SearchSuggestBox .SuggestColumn .SeriesList > li .SeriesBody, #TopSearchBlock .SearchSuggestBox .SuggestColumn .SeriesList > li .SeriesBody {
    flex: 1;
}

.SearchUtilityBox02 .SearchSuggestBox .SuggestColumn .SeriesList > li .SeriesBody > *:last-child, #TopSearchBlock .SearchSuggestBox .SuggestColumn .SeriesList > li .SeriesBody > *:last-child {
    margin-bottom: 0;
}

.SearchUtilityBox02 .SearchSuggestBox .SuggestColumn .SeriesList > li .SeriesBody .Name, #TopSearchBlock .SearchSuggestBox .SuggestColumn .SeriesList > li .SeriesBody .Name {
    display: block;
    margin-bottom: 8px;
    padding-left: 11px;
    font-size: 12px;
    opacity: 1;
    transition: opacity 0.3s;
}

.SearchUtilityBox02 .SearchSuggestBox .SuggestColumn .SeriesList > li .SeriesBody .DisconLabel, #TopSearchBlock .SearchSuggestBox .SuggestColumn .SeriesList > li .SeriesBody .DisconLabel {
    display: inline-block;
    margin-bottom: 8px;
    margin-left: 11px;
    padding: 3px 7px 3px 6px;
    border-radius: 4px;
    background-color: #8f9394;
    color: #fff;
    font-size: 11px;
    line-height: 1.25;
}

.SearchUtilityBox02 .SearchSuggestBox .SuggestColumn .SeriesList > li .CommonNameWrap, #TopSearchBlock .SearchSuggestBox .SuggestColumn .SeriesList > li .CommonNameWrap {
    position: relative;
    margin-bottom: 3px;
    padding-left: 11px;
    font-weight: bold;
    font-size: 14px;
    opacity: 1;
    transition: opacity 0.3s;
}

.SearchUtilityBox02 .SearchSuggestBox .SuggestColumn .SeriesList > li .CommonNameWrap::before, #TopSearchBlock .SearchSuggestBox .SuggestColumn .SeriesList > li .CommonNameWrap::before {
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent transparent #e60012;
    content: "";
}

.SearchUtilityBox02 .SearchSuggestBox .SuggestColumn .SeriesList > li .CommonNameWrap::after, #TopSearchBlock .SearchSuggestBox .SuggestColumn .SeriesList > li .CommonNameWrap::after {
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    border-width: 4px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    content: "";
}

.SearchSuggestBox .SuggestColumn .AssetList {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
    margin-left: -20px;
}

[class*=theme-K] .SearchSuggestBox .SuggestColumn .AssetList {
    margin-bottom: -20px;
    margin-left: -20px;
}

.SearchSuggestBox .SuggestColumn .AssetList.Col2 > li {
    width: 50%;
}

@media screen and (max-width: 768px) {
    [class*=theme-K] .SearchSuggestBox .SuggestColumn .AssetList.Col2 > li {
        width: 100%;
    }
}

.SearchSuggestBox .SuggestColumn .AssetList > li {
    box-sizing: border-box;
    display: flex;
    width: 100%;
    margin-bottom: 20px;
    padding-left: 20px;
}

[class*=theme-K] .SearchSuggestBox .SuggestColumn .AssetList > li {
    margin: 0 0 20px 0;
    padding: 0 0 0 20px;
    background: none;
}

.SearchSuggestBox .SuggestColumn .AssetList > li .Link {
    display: flex;
    width: 100%;
    color: #06c;
    text-decoration: none;
    transition: opacity 0.3s;
}

[class*=theme-K] .SearchSuggestBox .SuggestColumn .AssetList > li .Link {
    color: #1a5c9a;
}

.SearchSuggestBox .SuggestColumn .AssetList > li .Link:hover, .SearchSuggestBox .SuggestColumn .AssetList > li .Link:active, .SearchSuggestBox .SuggestColumn .AssetList > li .Link:focus {
    color: #f00;
    opacity: 0.7;
}

[class*=theme-K] .SearchSuggestBox .SuggestColumn .AssetList > li .Link:hover, [class*=theme-K] .SearchSuggestBox .SuggestColumn .AssetList > li .Link:active, [class*=theme-K] .SearchSuggestBox .SuggestColumn .AssetList > li .Link:focus {
    color: #e60012;
    text-decoration: none;
}

.SearchSuggestBox .SuggestColumn .AssetList > li .Item {
    flex: 1;
    order: 2;
    width: 483px;
    margin-right: 16px;
    line-height: 1.5;
}

@media screen and (max-width: 768px) {
    [class*=theme-K] .SearchSuggestBox .SuggestColumn .AssetList > li .Item {
        width: auto;
    }
}

.SearchSuggestBox .SuggestColumn .AssetList > li .Item .Title {
    display: inline-block;
    font-size: 12px;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchSuggestBox .SuggestColumn .AssetList > li .Item .Title {
        font-size: 14px;
    }
}

.SearchSuggestBox .SuggestColumn .AssetList > li .Item .Lang {
    color: #333;
    font-size: 12px;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchSuggestBox .SuggestColumn .AssetList > li .Item .Lang {
        font-size: 14px;
    }
}

.SearchSuggestBox .SuggestColumn .AssetList > li .Thumbnail {
    order: 1;
    min-height: 78px;
    margin-right: 14px;
}

.SearchSuggestBox .SuggestColumn .AssetList > li .Thumbnail img {
    width: 55px;
    max-width: inherit;
    border: #ddd solid 1px;
}

.SearchSuggestBox .SuggestColumn .ModelArea {
    box-sizing: border-box;
    min-width: 300px;
    padding-right: 10px;
    padding-left: 10px;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .SearchSuggestBox .SuggestColumn .ModelArea {
        width: 100%;
        min-width: inherit;
    }
}

.SearchSuggestBox .SuggestColumn .ModelArea.IsHidden {
    display: none;
}

.SearchSuggestBox .SuggestColumn .ModelArea.IsHidden + * {
    margin-top: 0;
    padding-top: 0;
    border: 0;
}

.SearchSuggestBox .SuggestColumn .ModelArea .SearchLinkList01 > li > a,
.SearchSuggestBox .SuggestColumn .ModelArea .SearchLinkList01 > li > button {
    font-weight: bold;
}

.SearchSuggestBox .SuggestColumn .KeywordArea {
    min-width: 137px;
}

.SearchSuggestBox .SuggestColumn .KeywordArea.IsHidden {
    display: none;
}

.SearchSuggestBox .SuggestColumn .KeywordsList {
    list-style: none;
}

[class*=theme-K] .SearchSuggestBox .SuggestColumn .KeywordsList {
    margin-bottom: 0;
}

.SearchSuggestBox .SuggestColumn .KeywordsList.Col2 {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -7px !important;
}

.SearchSuggestBox .SuggestColumn .KeywordsList.Col2 > li {
    width: 50%;
    padding-right: 10px;
}

.SearchSuggestBox .SuggestColumn .KeywordsList > li {
    box-sizing: border-box;
    margin-bottom: 7px;
    line-height: 1.5;
}

[class*=theme-K] .SearchSuggestBox .SuggestColumn .KeywordsList > li {
    margin-bottom: 7px;
    padding-left: 0;
    background: none;
}

.SearchSuggestBox .SuggestColumn .KeywordsList > li:last-child {
    margin-bottom: 0;
}

.SearchSuggestBox .SuggestColumn .KeywordsList > li a {
    font-weight: bold;
    transition: opacity 0.3s;
}

[class*=theme-K] .SearchSuggestBox .SuggestColumn .KeywordsList > li a {
    color: #1a5c9a;
}

.SearchSuggestBox .SuggestColumn .KeywordsList > li a:hover, .SearchSuggestBox .SuggestColumn .KeywordsList > li a:active, .SearchSuggestBox .SuggestColumn .KeywordsList > li a:focus {
    color: #f00;
    text-decoration: none;
    opacity: 0.7;
}

.SearchSuggestBox .SuggestColumn .KeywordsList > li a > em {
    font-style: normal;
    font-weight: normal;
}

.SearchSuggestBox.OfPrimary {
    max-width: 100%;
    padding: 0;
    border-radius: 0;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16);
}

.HasSearchSuggest .SearchSuggestBox.OfPrimary {
    top: calc(100% + 8px);
    left: 0;
    width: 100%;
}

.SearchSuggestBox.OfPrimary::before {
    display: none;
}

.SearchSuggestBox.OfPrimary .SearchSuggestBoxInner {
    padding: 6.4rem 7.2rem 7.2rem;
    border: 0;
}

@media screen and (max-width: 1320px) and (min-width: 60.625em) {
    .SearchSuggestBox.OfPrimary .SearchSuggestBoxInner {
        padding: calc(3.2rem + ((1vw - 0.97rem) * (9.1428571429))) calc(3.6rem + ((1vw - 0.97rem) * (10.2857142857))) calc(3.6rem + ((1vw - 0.97rem) * (10.2857142857)));
    }
}

@media screen and (max-width: 60.5625em) {
    .SearchSuggestBox.OfPrimary .SearchSuggestBoxInner {
        padding: calc(1.6rem + ((1vw - 0.36rem) * (2.6272577997))) calc(1.6rem + ((1vw - 0.36rem) * (2.6272577997))) calc(1.6rem + ((1vw - 0.36rem) * (2.6272577997)));
    }
}

.SearchSuggestBox.OfPrimary .SearchSuggestBoxInner::before {
    display: none;
}

.SearchSuggestBox.OfPrimary .SuggestColumn > .Column:first-child {
    padding-right: 0;
}

.SearchSuggestBox.OfPrimary .SuggestColumn .SeriesArea {
    margin-bottom: 40px;
    padding: 0;
}

.SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList {
    margin-top: -32px;
    margin-bottom: 32px;
    margin-left: -40px;
}

@media screen and (max-width: 969px) {
    .SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList {
        margin-bottom: 24px;
    }
}

.SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList.Col2 {
    margin-bottom: 32px;
}

.SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList.Col2 > li {
    width: calc(50% - 40px);
}

.SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList.Col2 > li:first-child {
    padding-top: 0;
}

.SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList.Col2 > li:last-child {
    padding: 0 0 32px 0;
    border-bottom: 1px solid #ededed;
}

@media screen and (max-width: 969px) {
    .SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList.Col2 > li {
        width: calc(100% - 40px);
        padding-bottom: 16px;
    }
}

.SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList.Col3 > li {
    width: calc(33.333333% - 40px);
}

@media screen and (max-width: 969px) {
    .SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList.Col3 > li {
        width: calc(100% - 40px);
        padding-bottom: 16px;
    }
}

.SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList > li {
    width: calc(100% - 40px);
    margin-top: 32px;
    margin-left: 40px;
    padding: 0 0 32px 0;
    border: 0;
    border-bottom: 1px solid #ededed;
}

@media screen and (max-width: 969px) {
    .SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList > li {
        width: calc(100% - 40px);
        padding-bottom: 16px;
    }
}

@media screen and (max-width: 969px) {
    .SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList > li + li {
        padding-top: 12px;
    }
}

.SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList > li > .Series {
    display: flex;
    align-items: flex-start;
    width: 100%;
    color: inherit;
    font-size: 14px;
    line-height: 1.25;
    text-decoration: none;
}

.SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList > li > .Series .SeriesBody {
    flex: 1;
}

.SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList > li > .Series .SeriesBody > *:last-child {
    margin-bottom: 0;
}

.SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList > li > .Series .CommonNameWrap {
    display: inline-block;
    margin-bottom: 5px;
    padding-left: 0;
    font-weight: bold;
    letter-spacing: -0.02em;
}

.SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList > li > .Series .CommonNameWrap::before {
    display: none;
}

.SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList > li > .Series .CommonNameWrap::after {
    display: inline;
    position: static;
    border: 0;
    content: "›";
    color: transparent;
    text-shadow: 0.5em 0 #dc002f;
}

.SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList > li > .Series .CommonName {
    display: inline;
    transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList > li > .Series .Name {
    margin-bottom: 8px;
    padding-left: 0;
    color: #666a6b;
    font-size: 14px;
}

.SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList > li > .Series .DisconLabel {
    display: inline-block;
    margin-bottom: 8px;
    padding: 3px 7px 3px 6px;
    border-radius: 4px;
    background-color: #666a6b;
    color: #f5f5f5;
    font-size: 11px;
    line-height: 1.25;
}

.SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList > li > .Series:hover .CommonName, .SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList > li > .Series:active .CommonName, .SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList > li > .Series:focus .CommonName {
    color: #dc002f;
    text-decoration: underline;
}

.SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList > li > .Series:hover .Thumbnail::before, .SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList > li > .Series:active .Thumbnail::before, .SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList > li > .Series:focus .Thumbnail::before {
    background: rgba(0, 0, 0, 0.2);
}

.SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList > li > .Series:hover .Thumbnail img, .SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList > li > .Series:active .Thumbnail img, .SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList > li > .Series:focus .Thumbnail img {
    transform: scale(1.05);
}

.SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList > li .Thumbnail {
    position: relative;
    order: -1;
    min-height: 80px;
    margin-right: 26px;
    overflow: hidden;
    background-color: #f0f0f0;
}

@media screen and (max-width: 969px) {
    .SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList > li .Thumbnail {
        min-height: 64px;
        margin-right: 16px;
    }
}

.SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList > li .Thumbnail::before {
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    content: "";
    transition: background 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList > li .Thumbnail img {
    -webkit-backface-visibility: hidden;
    width: 80px;
    transform: scale(1);
    border: 0;
    backface-visibility: hidden;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

@media screen and (max-width: 969px) {
    .SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList > li .Thumbnail img {
        width: 64px;
    }
}

.SearchSuggestBox.OfPrimary .SuggestColumn .ModelArea {
    padding: 0;
    border: 0;
}

.SearchSuggestBox.OfPrimary .SuggestColumn .ModelList {
    display: flex;
    flex-wrap: wrap;
    margin: -16px 0 32px -40px;
}

@media screen and (max-width: 969px) {
    .SearchSuggestBox.OfPrimary .SuggestColumn .ModelList {
        margin-left: -16px;
    }
}

.SearchSuggestBox.OfPrimary .SuggestColumn .ModelList > li {
    width: 20%;
    margin-top: 16px;
    padding-left: 40px;
}

@media screen and (max-width: 969px) {
    .SearchSuggestBox.OfPrimary .SuggestColumn .ModelList > li {
        width: 50%;
        padding-left: 16px;
    }
}

.SearchSuggestBox.OfPrimary .SuggestColumn .ModelList .Model {
    display: inline-block;
    color: #dc002f;
    font-size: 14px;
    text-decoration: none;
}

.SearchSuggestBox.OfPrimary .SuggestColumn .ModelList .Model::after {
    content: "›";
    color: transparent;
    text-shadow: 0.5em 0 #dc002f;
}

.SearchSuggestBox.OfPrimary .SuggestColumn .ModelList .Model:hover .Name, .SearchSuggestBox.OfPrimary .SuggestColumn .ModelList .Model:active .Name, .SearchSuggestBox.OfPrimary .SuggestColumn .ModelList .Model:focus .Name {
    text-decoration: underline;
}

.SearchSuggestBox.OfPrimary .SuggestColumn .prd-button.of-default {
    text-align: left;
}

.SearchSuggestBox.OfPrimary .CategoryList > dt {
    margin-bottom: 3rem;
    font-size: 1.8rem;
}

@media screen and (max-width: 969px) {
    .SearchSuggestBox.OfPrimary .CategoryList > dt {
        margin-bottom: 2.4rem;
    }
}

.SearchSuggestBox.OfPrimary .AssetList > li .Item {
    margin-right: 0;
}

.SearchSuggestBox.OfPrimary .AssetList > li .Item .Title {
    display: inline;
    color: #dc002f;
    font-size: 1.6rem !important;
}

.SearchSuggestBox.OfPrimary .AssetList > li .Item .Lang {
    font-size: 1.4rem;
}

.SearchSuggestBox.OfPrimary .AssetList > li .Thumbnail {
    margin-right: 2.4rem;
}

.SearchSuggestBox.OfPrimary.SearchAllCategory .SuggestColumn > .Column:first-child {
    max-width: 100%;
}

@media screen and (max-width: 969px) {
    [data-search-modal=true] {
        background: #f5f5f5;
    }
}

@media screen and (max-width: 969px) {
    [data-search-modal=true] > *:not(#SearchModal) {
        visibility: hidden;
        position: fixed;
    }
}

#SearchModal {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.2s, opacity 0.2s;
}

@media screen and (max-width: 969px) {
    #SearchModal.IsOpen {
        display: block;
        visibility: visible;
        z-index: 10000;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding-right: 12px;
        background: #f5f5f5;
        opacity: 1;
    }
}

#SearchModal .SelectTypes {
    position: relative;
    min-width: 150px;
}

@media screen and (max-width: 969px) {
    #SearchModal .SelectTypes {
        width: 100%;
        padding: 20px;
    }
}

#SearchModal .SelectTypes .SelectTypesHook .SelectTypesLength {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #d00202;
    color: #fff;
    font-weight: normal;
    font-size: 12px;
    line-height: 1;
    text-align: center;
}

[class*=theme-K] #SearchModal .SelectTypes .SelectTypesHook .SelectTypesLength {
    background: #e60012;
}

#SearchModal .SelectTypes .SelectTypesHook .SelectTypesLength.IsHidden {
    display: none;
}

#SearchModal .SelectTypes .SelectTypesBox {
    width: 100%;
}

#SearchModal .SelectTypes .SelectTypesBox .SelectTypesBoxInner {
    text-align: center;
}

[class*=theme-K] #SearchModal .SelectTypes .SelectTypesBox .SelectTypesBoxInner > ul {
    margin-bottom: 0;
}

#SearchModal .SelectTypes .SelectTypesBox .SelectTypesBoxInner > ul > li {
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 15px;
    line-height: 2.2;
}

[class*=theme-K] #SearchModal .SelectTypes .SelectTypesBox .SelectTypesBoxInner > ul > li {
    padding: 0;
    background: none;
    line-height: 1.9;
}

#SearchModal .SelectTypes .SelectTypesBox .SelectTypesBoxInner > ul > li:last-child {
    margin-bottom: 0;
}

#SearchModal .SelectTypes .SelectTypesBox .SelectTypesBoxInner > ul > li li:last-child {
    margin-bottom: 0;
}

[class*=theme-K] #SearchModal .SelectTypes .SelectTypesBox .SelectTypesBoxInner > ul > li li {
    margin-top: 0;
    margin-bottom: 5px;
    padding-left: 0;
    background: none;
}

[class*=theme-K] #SearchModal .SelectTypes .SelectTypesBox .SelectTypesBoxInner > ul > li li:last-child {
    margin-bottom: 0;
}

#SearchModal .SelectTypes .SelectTypesBox li {
    text-align: left;
}

#SearchModal .SelectTypes .SelectTypesBox li label {
    display: block;
    position: relative;
    padding-left: 36px;
    font-weight: normal;
    font-size: 15px;
    cursor: pointer;
}

#SearchModal .SelectTypes .SelectTypesBox li input[type=checkbox] {
    position: absolute;
    top: 4px;
    left: 0;
    transform: scale(0.5);
}

#SearchModal .SelectTypes .SelectTypesBox li input[type=checkbox] + span {
    display: block;
}

#SearchModal .SelectTypes .SelectTypesBox li input[type=checkbox] + span::before {
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 22px;
    height: 22px;
    border: 1px solid #888;
    border-radius: 2px;
    background: #fff;
    content: "";
}

#SearchModal .SelectTypes .SelectTypesBox li input[type=checkbox]:checked + span::after {
    display: block;
    position: absolute;
    top: 6px;
    left: 6px;
    width: 9px;
    height: 12px;
    transform: rotate(45deg);
    border-right: 2px solid #d00202;
    border-bottom: 2px solid #d00202;
    content: "";
    transition: none;
}

#SearchModal .SelectTypes .SelectTypesBox li select {
    display: block;
    width: calc(100% - 36px);
    margin-left: 36px;
    padding: 4px;
    font-size: 16px;
}

[class*=theme-K] #SearchModal .SelectTypes .SelectTypesBox li select {
    min-height: 22px;
}

#SearchModal .SelectTypes .SelectTypesBox .SelectTypesBtn {
    margin-top: 24px;
    padding: 6px 24px;
    border: 1px solid #999;
    border-radius: 2px;
    background: #888;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
    transition: opacity 0.3s;
}

#SearchModal .SelectTypes .SelectTypesBox .SelectTypesBtn:hover, #SearchModal .SelectTypes .SelectTypesBox .SelectTypesBtn:active, #SearchModal .SelectTypes .SelectTypesBox .SelectTypesBtn:focus {
    opacity: 0.7;
}

#SearchModal .SelectTypes .SelectTypesBox .SelectTypesBtn:disabled {
    background: #e5e5e5;
    color: #666;
    opacity: 1;
}

@media screen and (max-width: 969px) {
    body:not([data-search-modal=true]) .SearchModalTrigger {
        margin-bottom: 10px !important;
        padding: 10px 36px !important;
        border: 1px solid #999 !important;
        border-radius: 2px !important;
        background: #fff;
        font-weight: normal !important;
        font-size: 14px !important;
        text-align: center !important;
        cursor: pointer;
    }
    body:not([data-search-modal=true]) .SearchModalTrigger.IsActive {
        -webkit-animation: selected 0.4s 0s ease forwards;
        background: #ffcece;
        animation: selected 0.4s 0s ease forwards;
    }
    body:not([data-search-modal=true]) .SearchModalTrigger::after {
        display: none !important;
    }
}

@media screen and (max-width: 969px) and (max-width: 969px) {
    body:not([data-search-modal=true]) .SearchModalTrigger::before {
        display: block;
        position: absolute;
        top: 50%;
        right: 13px;
        margin-top: -2px;
        transform: translateY(-50%);
        border-width: 5px 7px;
        border-style: solid;
        border-color: transparent transparent transparent #75777c;
        content: "";
    }
}

@media screen and (max-width: 969px) {
    [data-search-modal=true] .SearchModalTrigger {
        position: relative;
        width: 100%;
        margin-bottom: 15px;
        padding: 10px 0;
        border-bottom: 1px solid #999;
        outline: none;
        background: none;
        font-weight: bold;
        font-size: 16px;
        text-align: left;
        cursor: inherit !important;
    }
}

#SearchModalCloseButton {
    display: none;
}

[data-search-modal=true] #SearchModalCloseButton {
    display: block;
    z-index: 10000;
    position: absolute;
    top: 12px;
    right: 12px;
    width: 25px;
    height: 25px;
    overflow: hidden;
}

[data-search-modal=true] #SearchModalCloseButton::before {
    display: block;
    position: absolute;
    top: 12px;
    right: 3px;
    width: 20px;
    height: 1px;
    transform: rotate(45deg);
    border: #666 1px solid;
    background: #666;
    content: "";
}

[data-search-modal=true] #SearchModalCloseButton::after {
    display: block;
    position: absolute;
    top: 12px;
    right: 3px;
    width: 20px;
    height: 1px;
    transform: rotate(135deg);
    border: #666 1px solid;
    background: #666;
    content: "";
}

[data-search-modal=true] #SearchModalCloseButton > span {
    position: absolute;
    left: 100%;
    font-size: 10px;
    white-space: nowrap;
}

@keyframes selected {
    0% {
        background: #ffcece;
    }
    65% {
        background: #ffcece;
    }
    100% {
        background: #fff;
    }
}

.DrillDownSPButtonList {
    display: none;
}

@media screen and (max-width: 969px) {
    [class*=theme-K] [data-search-modal=true] .DrillDownSPButtonList {
        -webkit-animation: display1 0.2s ease forwards;
        display: flex;
        z-index: 100;
        position: fixed;
        bottom: 0;
        left: 0;
        justify-content: center;
        width: calc(100% + 16px);
        margin-left: -16px;
        padding: 16px;
        background: #e1e1e1;
        animation: display1 0.2s ease forwards;
    }
    [class*=theme-K] [data-search-modal=true] .DrillDownSPButtonList.IsHidden {
        display: none;
    }
}

@media screen and (max-width: 969px) {
    [class*=theme-K] .DrillDownSPButtonList > li {
        padding-left: 16px;
    }
}

.DrillDownSPSelect {
    padding: 10px 48px;
    border: 1px solid #999;
    border-radius: 2px;
    background: #888;
    color: #fff;
    font-size: 15px;
    line-height: 1;
    cursor: pointer;
    transition: opacity 0.3s;
}

.DrillDownSPReset {
    padding: 10px 24px;
    border: 1px solid #999;
    border-radius: 2px;
    background: #fff;
    color: #999;
    font-size: 15px;
    line-height: 1;
    cursor: pointer;
    transition: opacity 0.3s;
}

@media screen and (max-width: 969px) {
    #SearchModal:not([data-old-modal=true]).IsOpen {
        padding-right: 20px;
    }
}

#SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li.IsOpen > .Type {
    margin-top: 32px;
}

#SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li.IsOpen > .Series {
    margin-top: 6px;
}

#SearchModal:not([data-old-modal=true]) .DrillDownNav .Group > li > .Name {
    position: relative;
    max-width: none;
    padding-right: 8px;
    padding-left: 8px;
    overflow: visible;
}

#SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .GroupList {
    margin: 32px 0 0 0;
    padding-left: 30px;
}

#SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .GroupList:first-child {
    margin: 0;
}

#SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .Type > li > .Name {
    position: relative;
    max-width: none;
    padding-right: 8px;
    padding-left: 8px;
    overflow: visible;
}

#SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .TypeList {
    margin: 24px 0 0 0;
    margin-bottom: 0;
    padding-left: 30px;
}

#SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .TypeList:first-child {
    margin: 0;
}

#SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .SeriesList {
    margin-top: 8px;
    margin-bottom: 0;
}

#SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .SeriesList:first-child {
    margin-top: 0;
}

#SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .SeriesList .Name {
    overflow: visible;
}

#SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .Switch {
    top: 0;
    width: 30px;
    height: 30px;
    border-radius: 0;
    background: none;
}

#SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .Switch::before {
    display: block;
    position: absolute;
    top: -2px;
    left: 0;
    width: 30px;
    height: 30px;
    background: inherit;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9 10.5H14.1V14.1H10.5V15.9H14.1V19.5H15.9V15.9H19.5V14.1H15.9V10.5ZM15 6C10.05 6 6 10.05 6 15C6 19.95 10.05 24 15 24C19.95 24 24 19.95 24 15C24 10.05 19.95 6 15 6ZM15 22.2C11.04 22.2 7.8 18.96 7.8 15C7.8 11.04 11.04 7.8 15 7.8C18.96 7.8 22.2 11.04 22.2 15C22.2 18.96 18.96 22.2 15 22.2Z' fill='%23dc002f'/%3E%3C/svg%3E");
    content: "";
}

#SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .Switch::after {
    content: none;
}

#SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .IsOpen > .Switch::after {
    display: block;
    position: absolute;
    top: -2px;
    left: 0;
    width: 30px;
    height: 30px;
    background: inherit;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9 14.1H14.1H10.5V15.9H14.1H15.9H19.5V14.1H15.9ZM15 6C10.05 6 6 10.05 6 15C6 19.95 10.05 24 15 24C19.95 24 24 19.95 24 15C24 10.05 19.95 6 15 6ZM15 22.2C11.04 22.2 7.8 18.96 7.8 15C7.8 11.04 11.04 7.8 15 7.8C18.96 7.8 22.2 11.04 22.2 15C22.2 18.96 18.96 22.2 15 22.2Z' fill='%23dc002f'/%3E%3C/svg%3E");
    content: "";
}

#SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .IsOpen > .Switch::before {
    content: none;
}

#SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .IsOpen > .Switch[disabled]::after {
    content: none;
}

#SearchModal:not([data-old-modal=true]) .DrillDownNav .Series .Name {
    padding-right: 8px;
    padding-left: 8px;
}

#SearchModal:not([data-old-modal=true]) .DrillDownNav .Series .Name::before {
    content: none;
}

#SearchModal:not([data-old-modal=true]) .DrillDownNav.of-excludeSeries .Group .TypeList {
    margin-top: 8px;
    margin-bottom: 0;
    padding-left: 0;
}

#SearchModal:not([data-old-modal=true]) .DrillDownNav.of-excludeSeries .Group .IsOpen > .Type {
    margin-top: 6px;
}

[class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group {
    padding-bottom: 150px;
}

[class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li {
    font-size: 16px;
    line-height: 1.5;
}

[class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .Name,
[class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .NameInner,
[class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .Count {
    color: #2e3133;
    font-weight: 600;
    transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

[class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .Name:hover, [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .Name:active, [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .Name:focus,
[class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .NameInner:hover,
[class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .NameInner:active,
[class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .NameInner:focus,
[class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .Count:hover,
[class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .Count:active,
[class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .Count:focus {
    opacity: 1;
}

[class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .Name:hover .NameCountWrap, [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .Name:active .NameCountWrap, [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .Name:focus .NameCountWrap,
[class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .NameInner:hover .NameCountWrap,
[class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .NameInner:active .NameCountWrap,
[class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .NameInner:focus .NameCountWrap,
[class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .Count:hover .NameCountWrap,
[class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .Count:active .NameCountWrap,
[class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .Count:focus .NameCountWrap {
    color: #dc002f;
}

[class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .Name:hover .NameCountWrap .NameInner,
[class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .Name:hover .NameCountWrap .Count, [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .Name:active .NameCountWrap .NameInner,
[class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .Name:active .NameCountWrap .Count, [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .Name:focus .NameCountWrap .NameInner,
[class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .Name:focus .NameCountWrap .Count,
[class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .NameInner:hover .NameCountWrap .NameInner,
[class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .NameInner:hover .NameCountWrap .Count,
[class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .NameInner:active .NameCountWrap .NameInner,
[class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .NameInner:active .NameCountWrap .Count,
[class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .NameInner:focus .NameCountWrap .NameInner,
[class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .NameInner:focus .NameCountWrap .Count,
[class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .Count:hover .NameCountWrap .NameInner,
[class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .Count:hover .NameCountWrap .Count,
[class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .Count:active .NameCountWrap .NameInner,
[class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .Count:active .NameCountWrap .Count,
[class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .Count:focus .NameCountWrap .NameInner,
[class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .Count:focus .NameCountWrap .Count {
    color: #dc002f;
    text-decoration: underline;
}

[class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .TypeList .Name,
[class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .TypeList .NameInner,
[class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .TypeList .Count {
    font-weight: normal;
}

[class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .TypeList .Switch[disabled] + .Name {
    margin-left: 0;
    color: #dc002f;
}

[class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .TypeList .Switch[disabled] + .Name .NameInner,
[class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .TypeList .Switch[disabled] + .Name .Count {
    color: #dc002f;
}

[class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .TypeList .Switch[disabled] + .Name::before {
    content: none;
}

[class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .TypeList.IsOpen .Name,
[class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .TypeList.IsOpen .NameInner,
[class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .TypeList.IsOpen .Count {
    font-weight: normal;
}

[class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .TypeList.IsOpen .SeriesList .Name,
[class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .TypeList.IsOpen .SeriesList .NameInner,
[class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .TypeList.IsOpen .SeriesList .Count {
    color: #dc002f;
}

[class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .IsOpen .Name .NameInner.IsActive + .Count {
    position: relative;
    padding-right: 0;
}

[class*=theme-K] [data-search-modal=true] #SearchModal:not([data-old-modal=true]) .DrillDownSPButtonList {
    display: block;
    width: 100%;
    margin: -16px 0 0 0;
    padding: 20px;
    background: #f5f5f5;
}

[class*=theme-K] [data-search-modal=true] #SearchModal:not([data-old-modal=true]) .DrillDownSPButtonList.IsHidden {
    display: none;
}

[class*=theme-K] [data-search-modal=true] #SearchModal:not([data-old-modal=true]) .DrillDownSPButtonList > li {
    margin-bottom: 16px;
    padding: 0;
}

[class*=theme-K] [data-search-modal=true] #SearchModal:not([data-old-modal=true]) .DrillDownSPButtonList > *:last-child {
    margin-bottom: 0;
}

[class*=theme-K] [data-search-modal=true] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .IsOpen > .Name .NameInner.IsActive + .Count::before,
[class*=theme-K] [data-search-modal=true] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .IsOpen > .NameCountWrap .NameInner.IsActive + .Count::before {
    display: none;
}

[class*=theme-K] [data-search-modal=true] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .IsOpen > .Name .NameInner.IsActive + .Count::after,
[class*=theme-K] [data-search-modal=true] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .IsOpen > .NameCountWrap .NameInner.IsActive + .Count::after {
    display: none;
}

[class*=theme-K] [data-search-modal=true] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .IsOpen.Parents > .Name .NameCountWrap .NameInner.IsActive + .Count::before,
[class*=theme-K] [data-search-modal=true] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .IsOpen.Parents > .Name .NameCountWrap .NameInner.IsActive + .Count::after {
    display: none;
}

[class*=theme-K] [data-search-modal=true] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .IsOpen .LinkChevronWrap {
    position: relative;
}

[class*=theme-K] [data-search-modal=true] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .IsOpen .NameCountWrap > .IsActive ~ .LinkChevronWrap::before {
    display: block;
    position: absolute;
    top: 50%;
    right: -26px;
    width: 15px;
    height: 15px;
    margin-top: 1px;
    transform: translateY(-50%);
    border-radius: 50%;
    background: #dc002f;
    content: "";
}

[class*=theme-K] [data-search-modal=true] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .IsOpen .NameCountWrap > .IsActive ~ .LinkChevronWrap::after {
    display: block;
    position: absolute;
    top: 50%;
    right: -18px;
    width: 4px;
    height: 8px;
    margin-top: -1px;
    transform: rotate(45deg) translateY(-50%);
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    content: "";
    transition: none;
}

[class*=theme-K] [data-search-modal=true] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .Parents > .Name .NameCountWrap .LinkChevronWrap::before,
[class*=theme-K] [data-search-modal=true] #SearchModal:not([data-old-modal=true]) .DrillDownNav .TypeList:not(.IsOpen) > .Name .NameCountWrap .LinkChevronWrap::before,
[class*=theme-K] [data-search-modal=true] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .Parents > .Name .NameCountWrap .LinkChevronWrap::after,
[class*=theme-K] [data-search-modal=true] #SearchModal:not([data-old-modal=true]) .DrillDownNav .TypeList:not(.IsOpen) > .Name .NameCountWrap .LinkChevronWrap::after {
    display: none;
}

[class*=theme-K] [data-search-modal=true] #SearchModal:not([data-old-modal=true]) #SearchModalCloseButton {
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    background: #2e3133;
}

[class*=theme-K] [data-search-modal=true] #SearchModal:not([data-old-modal=true]) #SearchModalCloseButton::before {
    top: 14px;
    right: 6px;
    width: 18px;
    border: #fff 1px solid;
    background: #fff;
}

[class*=theme-K] [data-search-modal=true] #SearchModal:not([data-old-modal=true]) #SearchModalCloseButton::after {
    top: 14px;
    right: 6px;
    width: 18px;
    border: #fff 1px solid;
    background: #fff;
}

@media screen and (max-width: 969px) {
    [data-search-modal=true] #SearchModal:not([data-old-modal=true]) .SearchModalTrigger {
        margin-bottom: 32px;
        padding: 46px 0 0;
        border: 0;
        font-size: 18px;
    }
}

#SearchModal:not([data-old-modal=true]) .DrillDownSPReset,
#SearchModal:not([data-old-modal=true]) .DrillDownSPSelect {
    width: 100%;
    padding: 14px 20px;
    border-radius: 4px;
}

#SearchModal:not([data-old-modal=true]) .DrillDownSPReset {
    border: 2px solid #8f9394;
    background: #f5f5f5;
    color: #2e3133;
}

#SearchModal:not([data-old-modal=true]) .DrillDownSPSelect {
    border: 2px solid #dc002f;
    background: #dc002f;
}

#SearchModal:not([data-old-modal=true]) .DrillDownModal {
    padding-right: 16px;
}

/* for GSR parts */
.prd-root.is-ie11 .prd-checkbox-inner {
    display: inline-block;
}

.prd-checkbox-nativeControl {
    border: 0;
    background: none;
}

.prd-textSerialKey {
    position: relative;
    margin-top: 1.6rem;
    padding-left: 2.4rem;
    font-size: 1.4rem;
    text-align: right;
}

@media screen and (max-width: 767px) {
    .prd-textSerialKey {
        text-align: left;
    }
}

.prd-textSerialKey::before {
    display: inline-block;
    width: 15px;
    height: 18px;
    margin: -0.3rem 0.8rem 0 -2.4rem;
    background: url("/img/search/icon_key_01.png") no-repeat;
    content: "";
    vertical-align: middle;
}

.prd-tabNavigation-link[aria-current=page] .prd-inlineLinkChevron[aria-hidden=true] {
    display: none;
}

#js-downloadListPanel-wrapper .prd-downloadListPanel {
    right: inherit;
    left: 20px;
}

#js-downloadListPanel-wrapper div#DownloadListErrorMessageInner {
    padding: 0.6rem 2rem;
    background: #fdeeee;
    color: #dc002f;
    font-size: 1.2rem;
}

#js-downloadListPanel-wrapper div#DownloadListErrorMessageInner p {
    margin-bottom: 0;
}

.gtie9 #js-downloadListPanel-wrapper .prd-checkbox-inner {
    display: inline-block;
}

.js-downloadListPanel-softwareModal .prd-modalDialog-content,
.js-downloadListPanel-cadModal .prd-modalDialog-content {
    max-height: calc(100vh - 100px);
}

@media screen and (max-width: 1320px) and (min-width: 60.625em) {
    .search-layout-grid .prd-downloadCard {
        padding: calc(2rem + ((1vw - 0.97rem) * (5.7142857143)));
    }
}

@media screen and (max-width: 1320px) and (min-width: 60.625em) {
    .search-layout-grid .prd-downloadCard-imageWrapper {
        width: calc(7.6rem + ((1vw - 0.97rem) * (28.5714285714)));
        margin-right: calc(2rem + ((1vw - 0.97rem) * (5.7142857143)));
    }
}

.gtie9 .prd-downloadModelFilter-badge {
    flex-shrink: 0;
}

@media screen and (max-width: 1320px) and (min-width: 60.625em) {
    .search-layout-grid .prd-layout-grid.of-column-3 > * {
        width: 50%;
    }
}

.gtie9 .search-layout-grid .prd-downloadFilterList-subValue .prd-layout-cluster {
    max-width: 100%;
}

@media screen and (min-width: 768px) {
    .gtie9 .prd-downloadFilterList {
        display: block;
    }
    .gtie9 .prd-downloadFilterList-item {
        display: flex;
    }
    .gtie9 .prd-downloadFilterList-name {
        display: block;
        width: auto;
    }
    .gtie9 .prd-downloadFilterList-value {
        display: block;
        flex: 1;
    }
    .gtie9 .prd-downloadFilterList-subList {
        display: block;
    }
    .gtie9 .prd-downloadFilterList-subItem {
        display: flex;
    }
    .gtie9 .prd-downloadFilterList-subName {
        display: block;
    }
    .gtie9 .prd-downloadFilterList-subValue {
        display: block;
        width: 100%;
    }
}

.prd-seriesCard.of-searchDownload {
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
    box-shadow: none;
}

.prd-seriesCard.of-searchDownload .prd-seriesCard-imageWrapper {
    margin:0 24px;
}

.prd-seriesCard.of-searchDownload .prd-seriesCard-imageWrapper img {
    border: #ddd solid 1px;
}

.prd-seriesCard.of-searchDownload .prd-button {
    width: auto;
    min-width: auto;
    padding-top: 0;
    padding-right: 0.8rem;
    padding-bottom: 0;
    padding-left: 1.6rem;
}

.prd-seriesCard.of-searchDownload .prd-button-label {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
}

.prd-seriesCard.of-searchDownload .prd-button-icon {
    width: 2.4rem;
    height: 2.4rem;
    margin-top: 0;
    margin-bottom: 0;
}

.prd-seriesCard.of-searchDownload .prd-seriesCard-relatedLinkGroup {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    margin: -1.6rem 0 0 -1.6rem;
}

.prd-seriesCard.of-searchDownload .prd-seriesCard-relatedLinkGroup > * {
    margin-top: 1.6rem;
    padding-left: 1.6rem;
}

@media screen and (max-width: 767px) {
    .prd-seriesCard.of-searchDownload .prd-seriesCard-relatedLinkGroup > * {
        width: 100%;
    }
}

.prd-seriesCard.of-searchDownload .prd-seriesCard-relatedLinkGroup.of-column {
    flex-direction: column;
}

.prd-seriesCard.of-searchDownload .prd-seriesCard-relatedLinkGroup.of-alignItems-center {
    align-items: center;
}

.prd-seriesCard.of-searchDownload .iconKey {
    position: absolute;
    top: 0;
    left: 75px;
}

.prd-cardSlider.of-searchDownload .prd-downloadCardMinimal .iconKey {
    position: absolute;
    top: 10px;
    right: 20px;
}
@charset "UTF-8";

.cta-modalDialog, .cta-bannerDialog {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    font: inherit;
    font-size: 100%;
    line-height: 1.5;
    vertical-align: baseline;
}

.cta-modalDialog *, .cta-bannerDialog * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    font: inherit;
    font-size: 100%;
    line-height: 1.5;
    vertical-align: baseline;
}

.cta-modalDialog *::before, .cta-bannerDialog *::before, .cta-modalDialog *::after, .cta-bannerDialog *::after {
    box-sizing: border-box;
}

.cta-modalDialog {
    transition: visibility 0.4s;
}

.cta-modalDialog[aria-hidden="true"] {
    display: block;
    visibility: hidden;
}

.cta-modalDialog-backdrop {
    z-index: 999999999;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(46, 49, 51, 0.8);
    transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.cta-modalDialog[aria-hidden="true"] .cta-modalDialog-backdrop {
    opacity: 0;
}

.cta-modalDialog-container {
    display: flex;
    z-index: 999999999;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    flex-direction: column;
    pointer-events: none;
}

.cta-modalDialog-closeButton {
    padding: 8px;
    border: 0;
    background: none;
    cursor: pointer;
    pointer-events: auto;
}

.cta-modalDialog-closeButtonIcon {
    fill: #fff;
    width: 28px;
    height: 28px;
    vertical-align: bottom;
}

.cta-modalDialog-contentWrapper {
    flex: auto;
    min-height: 0;
}

@media (min-width: 1px) {
    .cta-modalDialog-contentWrapper {
        margin-bottom: 24px;
    }
}

.cta-modalDialog.of-full .cta-modalDialog-contentWrapper {
    height: 100%;
    overflow: auto;
}

@media (min-width: 1px) {
    .cta-modalDialog.of-full .cta-modalDialog-contentWrapper {
        margin-bottom: 0;
    }
}

.cta-modalDialog-content {
    max-height: 100%;
    margin-right: auto;
    margin-left: auto;
    overflow: auto;
    background-color: #fff;
    pointer-events: auto;
    transition-duration: 0.4s;
    transition-property: transform, opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 1px) {
    .cta-modalDialog-content {
        border-radius: 4px;
    }
}

.cta-modalDialog.of-full .cta-modalDialog-content {
    max-width: none;
}

@media (min-width: 1px) {
    .cta-modalDialog.of-full .cta-modalDialog-content {
        border-radius: 0;
    }
}

.cta-modalDialog[aria-hidden="true"] .cta-modalDialog-content {
    transform: translateY(20px) scale(0.9);
    opacity: 0;
}

.cta-modalDialog-contentInner {
    transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0.2s;
}

.cta-modalDialog[aria-hidden="true"] .cta-modalDialog-contentInner {
    opacity: 0;
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.cta-modalDialog-thumbnailOuter {
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
}

.cta-modalDialog-thumbnail {
    display: block;
    position: relative;
}

.cta-modalDialog-thumbnail > img {
    width: 100%;
    max-width: 100%;
}

.cta-modalDialog-thumbnail::before {
    width: 82px;
    height: 82px;
    border: 0;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.45);
}

.cta-modalDialog-thumbnail::after,
.cta-modalDialog-thumbnail::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    content: "";
}

.cta-modalDialog-thumbnail::after {
    width: 22px;
    height: 32px;
    margin-left: 0.4px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 22 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 16L0 0L3.78669e-06 32L22 16Z' fill='%23fff'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.cta-modalDialog[aria-hidden="true"] .cta-bannerDialog {
    opacity: 0;
}

.cta-bannerDialog {
    z-index: 999999999;
    position: fixed;
    pointer-events: none;
}

.cta-bannerDialog[data-cta-position="center"] {
    top: 50%;
    left: 50%;
    margin-top: -22px;
    transform: translate(-50%, -50%);
    transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
}

.cta-bannerDialog[data-cta-position="bottom-left"] {
    bottom: 0;
    left: 0;
    animation: left-to-right 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.cta-bannerDialog[data-cta-position="bottom-left"][hidden] {
    transform: translate(200%, 0);
}

.cta-bannerDialog[data-cta-position="bottom-right"] {
    right: 0;
    bottom: 0;
    animation: right-to-left 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.cta-bannerDialog[data-cta-position="bottom-right"][hidden] {
    transform: translate(200%, 0);
}

.cta-bannerDialog-closeButtonGroup {
    display: flex;
    flex-wrap: wrap;
}

.cta-bannerDialog-closeButtonGroup.of-justifyContent-start {
    justify-content: flex-start;
}

.cta-bannerDialog-closeButtonGroup.of-justifyContent-center {
    justify-content: center;
}

.cta-bannerDialog-closeButtonGroup.of-justifyContent-end {
    justify-content: flex-end;
}

.cta-bannerDialog-closeButton {
    padding: 8px;
    border: 0;
    background: none;
    cursor: pointer;
    pointer-events: auto;
}

.cta-bannerDialog-closeButtonIcon {
    fill: #fff;
    width: 28px;
    height: 28px;
    vertical-align: bottom;
}

.cta-bannerDialog[data-cta-position="bottom-right"] .cta-bannerDialog-closeButtonIcon,
.cta-bannerDialog[data-cta-position="bottom-left"] .cta-bannerDialog-closeButtonIcon {
    fill: #000;
    border-radius: 50%;
    outline: 2px solid #fff;
    background: #fff;
}

.cta-bannerDialog-closeButton:hover, .cta-bannerDialog-closeButton:focus {
    opacity: 1;
}

.cta-mediaBanner-outer {
    margin: 0 auto;
    pointer-events: auto;
}

.cta-bannerDialog[data-cta-schema="video"] .cta-mediaBanner-outer {
    width: 640px;
}

.cta-mediaBanner {
    display: flex;
    flex-direction: column;
}

.cta-bannerDialog[data-cta-schema="video"] .cta-mediaBanner {
    background-color: #000;
    color: #fff;
}

.cta-mediaBanner-body {
    max-width: 100%;
    padding: 0 24px;
}

.cta-mediaBanner-image {
    position: relative;
    width: 100%;
    min-height: 0%;
    margin-bottom: 10px;
}

.cta-mediaBanner-image:last-child {
    margin-bottom: 0;
}

.cta-mediaBanner-image .vjs-tech {
    top: -1px;
}

.cta-bannerDialog[data-cta-schema="video"] .cta-mediaBanner-image {
    height: 360px;
}

.cta-mediaBanner-image *:hover,
.cta-mediaBanner-image *:focus {
    opacity: 1;
}

.cta-mediaBanner-image img {
    vertical-align: bottom;
}

.cta-mediaBanner-image video {
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 100%;
}

.cta-mediaBanner-title {
    margin-bottom: 4px;
    font-size: 23px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-shadow: 3px 3px 5px #000;
}

.cta-mediaBanner-text {
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 1.2;
    text-align: center;
    text-shadow: 3px 3px 6px #000;
}

.cta-mediaBanner-buttonList {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: -12px 0 12px -12px;
    padding: 0;
}

.cta-mediaBanner-buttonList > * {
    display: flex;
    width: 302px;
    margin-top: 12px;
    padding-left: 12px;
}

.cta-mediaBanner-button {
    display: flex;
    width: 100%;
    min-height: 40px;
    padding: 5px 8px 6px;
    background-color: #e60012;
    color: inherit !important;
    font-size: 17px;
    line-height: 1.3;
    text-align: center;
    text-decoration: none;
}

.cta-mediaBanner-button:hover, .cta-mediaBanner-button:focus {
    opacity: 1;
}

.cta-mediaBanner-buttonLabel {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.cta-mediaBanner-buttonLabel::before {
    display: inline-block;
    width: 11px;
    height: 13px;
    margin-top: 1px;
    margin-right: -2px;
    border-width: 6px 11px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    content: "";
}

.cta-mediaBanner-buttonIcon {
    fill: #fff;
    min-width: 30px;
    height: 30px;
}

.cta-mediaBanner-button.of-inquiry {
    background-color: #129e83;
}

.cta-mediaBanner-button.of-download .cta-mediaBanner-buttonLabel::before {
    display: none;
}

.cta-mediaBanner .video-js {
    overflow-wrap: normal;
}

.cta-utility-focusRing:focus:not(:focus-visible) {
    outline: 0;
}

@keyframes right-to-left {
    0% {
        transform: translate(200%, 0);
    }
    100% {
        transform: translate(0, 0);
    }
}

@keyframes left-to-right {
    0% {
        transform: translate(-200%, 0);
    }
    100% {
        transform: translate(0, 0);
    }
}

.page[data-v-4a4f33c6]{overflow-x:auto;flex-shrink:0;display:flex;flex-wrap:wrap;align-items:center;padding:3px 5px 3px 0;box-sizing:border-box}.page .el-select[data-v-4a4f33c6]{width:100px;margin-left:20px;padding:5px 0}