* {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
body {
background: #fdfbf8;
margin: 0;
-webkit-tap-highlight-color: transparent
}
@media (max-width: 991px) {
body {
margin-top: 60px
}
}
body a,
body input,
body button,
body label {
-webkit-tap-highlight-color: rgba(0, 0, 0, .2)
}
.body {
position: relative
}
.wrapper {
position: relative
}
.viewport {
width: 100%
}
.align-right {
float: right
}
.align-left {
float: left
}
@media (max-width: 1227px) {
.no-float-md {
float: none
}
}
@media (max-width: 991px) {
.no-float-sm {
float: none
}
}
@media (max-width: 767px) {
.no-float-xs {
float: none
}
}
@media (max-width: 569px) {
.no-float-xxs {
float: none
}
}
.align-center {
display: block;
margin-left: auto;
margin-right: auto
}
.align-text-left {
text-align: left
}
.align-text-center {
text-align: center
}
.align-text-right {
text-align: right
}
.vspace-lg {
margin-bottom: 55px
}
.vspace-md {
margin-bottom: 35px
}
.vspace-sm {
margin-bottom: 20px
}
.vspace-xs {
margin-bottom: 10px
}
.vspace-xxs {
margin-bottom: 5px
}
.vspace-none {
margin-bottom: 0
}
@media (max-width: 1227px) {
.vspace-md-lg {
margin-bottom: 55px
}
.vspace-md-md {
margin-bottom: 35px
}
.vspace-md-sm {
margin-bottom: 20px
}
.vspace-md-xs {
margin-bottom: 10px
}
.vspace-md-xxs {
margin-bottom: 5px
}
.vspace-md-none {
margin-bottom: 0
}
}
@media (max-width: 991px) {
.vspace-sm-lg {
margin-bottom: 55px
}
.vspace-sm-md {
margin-bottom: 35px
}
.vspace-sm-sm {
margin-bottom: 20px
}
.vspace-sm-xs {
margin-bottom: 10px
}
.vspace-sm-xxs {
margin-bottom: 5px
}
.vspace-sm-none {
margin-bottom: 0
}
}
@media (max-width: 767px) {
.vspace-xs-lg {
margin-bottom: 55px
}
.vspace-xs-md {
margin-bottom: 35px
}
.vspace-xs-sm {
margin-bottom: 20px
}
.vspace-xs-xs {
margin-bottom: 10px
}
.vspace-xs-xxs {
margin-bottom: 5px
}
.vspace-xs-none {
margin-bottom: 0
}
}
@media (max-width: 569px) {
.vspace-xxs-lg {
margin-bottom: 55px
}
.vspace-xxs-md {
margin-bottom: 35px
}
.vspace-xxs-sm {
margin-bottom: 20px
}
.vspace-xxs-xs {
margin-bottom: 10px
}
.vspace-xxs-xxs {
margin-bottom: 5px
}
.vspace-xxs-none {
margin-bottom: 0
}
}
@media (max-width: 1227px) {
.align-title-offset-md-none {
margin-top: 0 !important
}
}
@media (max-width: 991px) {
.align-title-offset-sm-none {
margin-top: 0 !important
}
}
@media (max-width: 767px) {
.align-title-offset-xs-none {
margin-top: 0 !important
}
}
@media (max-width: 569px) {
.align-title-offset-xxs-none {
margin-top: 0 !important
}
}
.bottom-separator {
border-bottom: 1px rgba(128, 158, 167, .3) solid;
overflow: hidden;
padding-bottom: 25px
}
@media (max-width: 569px) {
.bottom-separator {
padding-bottom: 15px
}
}
.bottom-divider {
border-bottom: 1px rgba(128, 158, 167, .3) solid;
padding-bottom: 25px
}
@media (max-width: 569px) {
.bottom-divider {
padding-bottom: 15px
}
}
.bottom-divider.bottom-divider-small {
padding-bottom: 20px
}
.date-title,
.tag-title {
font-size: 12px;
margin-bottom: 5px
}
.date-title i,
.tag-title i {
font-size: 15px;
margin-right: 5px;
vertical-align: -10%
}
a.link-arrow i {
font-size: 0.75em;
margin-left: 5px
}
.section {
position: relative;
background-position: top center;
background-repeat: no-repeat
}
.section .section-description {
zoom: 1;
margin-bottom: 0;
padding-bottom: 10px
}
.section .section-description:before,
.section .section-description:after {
content: " ";
display: table
}
.section .section-description:after {
clear: both
}
.section .section-description.no-border {
margin-bottom: 25px;
padding: 0
}
.section .section-description .title,
.section .section-description .subtitle {
margin: 0;
padding: 0
}
.section .section-description .title {
font-size: 28px;
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
margin: 0 0 20px;
border-bottom: 1px solid rgba(128, 158, 167, .3);
padding-bottom: 5px
}
.section .section-description .description {
font-size: 16px;
line-height: 23px;
width: 60%
}
@media (max-width: 991px) {
.section .section-description .description {
width: 100%
}
}
.section .section-description p {
font-size: 16px;
font-family: "HelveticaNeueLTW06-55Roman", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
margin-bottom: 0
}
@media (max-width: 991px) {
.section .section-description p {
width: 100%
}
}
.section .section-description ul {
margin: 0
}
.section .section-description ul li {
line-height: 1.4em
}
.section.section-intro {
background: url("../img/cta-gradient-bg.png") left top;
background-size: 100% 100%
}
.section.section-light {
background-color: #395c7e
}
.section.section-dark {
background-color: #003c73
}
.section-title,
.component-title {
font-size: 28px;
border-bottom: 1px rgba(128, 158, 167, .3) solid;
margin-bottom: 25px;
padding: 0 0 10px;
font-family: "HelveticaNeueLTW06-45Light", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-weight: normal;
margin-top: 0
}
@media (max-width: 1227px) {
.section-title,
.component-title {
margin-bottom: 18px
}
}
@media (max-width: 767px) {
.section-title,
.component-title {
display: inline-block;
margin: 24px 0 12px;
padding: 0 0 5px;
width: 100%
}
}
.section-title a,
.component-title a {
color: #003b73
}
.section-title a:hover,
.component-title a:hover {
color: #7388a4
}
.section-title.no-border,
.component-title.no-border {
border: 0;
margin-bottom: 10px;
padding-bottom: 0
}
.section-title.margin-small,
.component-title.margin-small {
margin-bottom: 5px
}
.section-title.margin-none,
.component-title.margin-none {
margin-bottom: 0
}
.section-title.description,
.component-title.description {
font-size: 28px
}
.content-date,
.content-tags {
display: block;
font-size: 14px;
margin-bottom: 10px
}
.content-date .icon,
.content-tags .icon {
font-size: 26px;
margin-right: 5px;
vertical-align: -15%
}
.content-date .icon.icon-calendar,
.content-tags .icon.icon-calendar {
font-size: 20px
}
.content-date.align-left,
.content-tags.align-left {
margin-right: 20px
}
.image-container-fluid img {
width: 100%
}
.img-fluid {
height: auto;
max-width: 100%
}
.caption-image {
position: relative
}
.caption-image img {
display: block;
width: 100%
}
.caption-image .caption {
color: #003b73;
font-size: 16px;
background: rgba(244, 237, 229, .8);
background: rgba(244, 237, 229, .8);
bottom: 0;
padding-bottom: 30px;
padding-left: 22px;
padding-right: 22px;
padding-top: 22px;
position: absolute;
width: 100%
}
@media (max-width: 569px) {
.caption-image .caption {
font-size: 14px
}
}
@media (max-width: 991px) {
.caption-image .caption {
background: rgba(244, 237, 229, .8);
position: relative
}
}
.caption-image .caption .caption-header {
font-size: 16px
}
@media (max-width: 569px) {
.caption-image .caption .caption-header {
font-size: 14px
}
}
.bottom-align {
display: table
}
.bottom-align .bottom-align-content {
display: table-cell;
vertical-align: bottom
}
.hide {
display: none
}
@media (max-width: 991px) {
.hide-sm {
display: none !important
}
}
@media (max-width: 767px) {
.hide-xs {
display: none !important
}
}
@media (max-width: 569px) {
.hide-xxs {
display: none !important
}
}
@media (max-width: 991px) {
.show-sm {
display: inherit !important
}
}
@media (max-width: 767px) {
.show-xs {
display: inherit !important
}
}
@media (max-width: 569px) {
.show-xxs {
display: inherit !important
}
}
.text-ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.vertical-boxes {
padding-top: 20px
}
@media (max-width: 991px) {
.vertical-boxes {
margin-top: 40px
}
}
@media (max-width: 1227px) {
.col-md-12 .vertical-boxes {
margin-top: 0;
padding-top: 0
}
}
@media (max-width: 991px) {
.col-sm-12 .vertical-boxes {
margin-top: 0;
padding-top: 0
}
}
@media (max-width: 767px) {
.col-xs-12 .vertical-boxes {
margin-top: 0;
padding-top: 0
}
}
@media (max-width: 569px) {
.col-xxs-12 .vertical-boxes {
margin-top: 0;
padding-top: 0
}
}
@media (max-width: 767px) {
.vertical-boxes {
padding: 0
}
}
@media (max-width: 991px) {
.vertical-boxes .vertical-box {
padding-left: 10px;
padding-right: 10px
}
}
@media (max-width: 569px) {
.vertical-boxes .vertical-box {
padding-left: 5px;
padding-right: 5px
}
}
.vertical-boxes .vertical-box .component-cta .cta-content {
padding: 25px 0
}
.vertical-boxes .vertical-box .component-cta .cta-content .cta-content-text {
margin: 0 25px
}
.vertical-boxes .vertical-box .component-cta .cta-content .component-btn {
margin-bottom: 0;
margin-left: 25px;
margin-right: 25px;
margin-top: 10px
}
.vertical-boxes .component-pushbox {
margin-bottom: 0
}
@media (max-width: 991px) {
.vertical-boxes .component-pushbox:first-child .pushbox {
padding-left: 0
}
.vertical-boxes .component-pushbox:last-child .pushbox {
padding-right: 0
}
}
@media (max-width: 767px) {
.vertical-boxes .component-pushbox .pushbox {
padding: 0
}
}
.vertical-boxes .component-pushbox .pushbox .pushbox-content .pushbox-text {
padding-bottom: 60px
}
.omgwtfbbq {
-webkit-animation: omgwtfbbq 3s infinite;
animation: omgwtfbbq 3s infinite
}
@-webkit-keyframes omgwtfbbq {
0%,
100% {
-webkit-filter: blur(0) brightness(none) hue-rotate(0deg) saturate(none);
filter: blur(0) brightness(none) hue-rotate(0deg) saturate(none)
}
50% {
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: brightness(10) blur(10px) hue-rotate(180deg) saturate(10);
filter: brightness(10) blur(10px) hue-rotate(180deg) saturate(10)
}
}
@keyframes omgwtfbbq {
0%,
100% {
-webkit-filter: blur(0) brightness(none) hue-rotate(0deg) saturate(none);
filter: blur(0) brightness(none) hue-rotate(0deg) saturate(none)
}
50% {
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: brightness(10) blur(10px) hue-rotate(180deg) saturate(10);
filter: brightness(10) blur(10px) hue-rotate(180deg) saturate(10)
}
}
.crate {
zoom: 1;
border-radius: 0;
border: 1px solid rgba(128, 158, 167, .3);
background: #fff
}
.crate:before,
.crate:after {
content: " ";
display: table
}
.crate:after {
clear: both
}
.crate .crate-content {
margin: 0 25px
}
.crate .crate-content.with-margin-sm {
margin: 20px
}
.crate .crate-content .crate-title {
font-size: 28px;
font-family: "HelveticaNeueLTW06-45Light", "HelveticaNeue-Light", "Helvetica Neue Light", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
margin: 0;
padding: 30px 0
}
.crate .crate-content .crate-title.no-top-padding {
padding-top: 0
}
.crate .crate-content .crate-title-thin {
font-size: 28px;
font-family: "HelveticaNeueLTW06-45Light", "HelveticaNeue-Light", "Helvetica Neue Light", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
margin: 0;
padding: 20px 0
}
.crate .crate-content .crate-title-small {
font-family: "HelveticaNeueLTW06-55Roman", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-size: 20px;
margin: 0;
padding: 20px 0
}
.crate .crate-content .crate-title-small.no-top-padding {
padding-top: 0
}
.crate .crate-content .crate-title-xsmall {
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
margin-bottom: 5px
}
.crate .crate-content .crate-title-xsmall-upper {
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-size: 14px;
margin-bottom: 5px;
text-transform: uppercase
}
.crate.top-padding {
padding-top: 20px
}
.crate.bottom-padding {
padding-bottom: 20px
}
.crate.crate-transparent {
background: transparent
}
.crate.crate-white {
background: #fff
}
.crate.crate-bg-alt {
background: #fff
}
.crate.crate-dark {
background: #003b73;
color: #fff
}
.crate.manual-padding {
padding: 25px
}
@media (max-width: 767px) {
.crate.manual-padding {
padding: 15px
}
.crate.manual-padding.with-col {
padding: 15px 10px
}
.crate.manual-padding.small-padding {
padding: 10px
}
.crate.manual-padding.small-padding.with-col {
padding: 10px 5px
}
.crate.manual-padding.medium-padding,
.crate.manual-padding.large-padding {
padding: 20px
}
.crate.manual-padding.medium-padding.with-col,
.crate.manual-padding.large-padding.with-col {
padding: 20px 10px
}
}
.crate.manual-padding.with-col {
padding: 25px 15px
}
.crate.manual-padding.small-padding {
padding: 15px
}
.crate.manual-padding.small-padding.with-col {
padding: 15px 5px
}
.crate.manual-padding.medium-padding {
padding: 30px
}
.crate.manual-padding.medium-padding.with-col {
padding: 30px 20px
}
.crate.manual-padding.large-padding {
padding: 40px
}
.crate.manual-padding.large-padding.with-col {
padding: 40px 30px
}
.crate.manual-padding.no-padding {
padding: 0
}
.crate.manual-padding .crate-title {
padding-top: 10px
}
.crate.manual-padding .crate-content,
.crate.manual-padding p:last-child {
margin: 0
}
.crate.single-field .crate-title-thin {
margin: 3px 0;
padding: 0
}
@media (max-width: 991px) {
.crate.single-field .crate-title-thin {
margin-bottom: 10px;
margin-top: 0
}
}
.crate.single-field .form-field {
margin: 0
}
.crate.no-border {
border: none
}
.date {
font-size: 16px;
padding-top: 42px;
height: 79px;
overflow: hidden;
text-align: center;
width: 77px
}
.date .month,
.date .day {
display: inline
}
.date .day {
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif
}
@font-face {
font-family: "SourceSansPro";
src: url(../fonts/SourceSansPro/SourceSansProLight.woff2) format("woff2"), url(../fonts/SourceSansPro/SourceSansProLight.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "GothamBlackRegular";
src: url(../fonts/GothamBlackRegular/GothamBlackRegular.woff2) format("woff2"), url(../fonts/GothamBlackRegular/GothamBlackRegular.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "ViatoRegular";
src: url(../fonts/ViatoRegular/ViatoRegular.woff2) format("woff2"), url(../fonts/ViatoRegular/ViatoRegular.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "Rollerscript-Smooth";
src: url(../fonts/rollerscript/RollerscriptSmooth.woff2) format("woff2"), url(../fonts/rollerscript/RollerscriptSmooth.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "ITCOfficinaSansW04-Book";
src: url(../fonts/Officina/ITCOfficinaSansW04-Book.woff2) format("woff2"), url(../fonts/Officina/ITCOfficinaSansW04-Book.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "ITCOfficinaSansW04-Medi";
src: url(../fonts/Officina/ITCOfficinaSansW04-Medi.woff2) format("woff2"), url(../fonts/Officina/ITCOfficinaSansW04-Medi.woff) format("woff");
font-weight: 500;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "HelveticaNeueLTW06-25UltLt";
src: local("Helvetica Neue"), url(../fonts/HelveticaNeue/HelveticaNeueLTW06-25UltLt.woff2) format("woff2"), url(../fonts/HelveticaNeue/HelveticaNeueLTW06-25UltLt.woff) format("woff");
font-weight: 200;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "HelveticaNeueLTW06-26UltLtIt";
src: local("Helvetica Neue"), url(../fonts/HelveticaNeue/HelveticaNeueLTW06-26UltLtIt.woff2) format("woff2"), url(../fonts/HelveticaNeue/HelveticaNeueLTW06-26UltLtIt.woff) format("woff");
font-weight: 200;
font-style: italic;
font-display: swap
}
@font-face {
font-family: "HelveticaNeueLTW06-45Light";
src: local("Helvetica Neue"), url(../fonts/HelveticaNeue/HelveticaNeueLTW06-45Light.woff2) format("woff2"), url(../fonts/HelveticaNeue/HelveticaNeueLTW06-45Light.woff) format("woff");
font-weight: 400;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "HelveticaNeueLTW06-55Roman";
src: local("Helvetica Neue"), url(../fonts/HelveticaNeue/HelveticaNeueLTW06-55Roman.woff2) format("woff2"), url(../fonts/HelveticaNeue/HelveticaNeueLTW06-55Roman.woff) format("woff");
font-weight: 500;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "HelveticaNeueLTW06-56Italic";
src: local("Helvetica Neue"), url(../fonts/HelveticaNeue/HelveticaNeueLTW06-56Italic.woff) format("woff2"), url(../fonts/HelveticaNeue/HelveticaNeueLTW06-56Italic.woff) format("woff");
font-weight: normal;
font-style: italic;
font-display: swap
}
@font-face {
font-family: "HelveticaNeueLTW06-75Bold";
src: local("Helvetica Neue"), url(../fonts/HelveticaNeue/HelveticaNeueLTW06-75Bold.woff2) format("woff2"), url(../fonts/HelveticaNeue/HelveticaNeueLTW06-75Bold.woff) format("woff");
font-weight: bold;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "HelveticaNeueLTW06-97BlkCn";
src: local("Helvetica Neue"), url(../fonts/HelveticaNeue/HelveticaNeueLTW06-97BlkCn.woff2) format("woff2"), url(../fonts/HelveticaNeue/HelveticaNeueLTW06-97BlkCn.woff) format("woff");
font-weight: 900;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "Icomoon";
src: url(../fonts/Icomoon/Icomoon.woff2) format("woff2"), url(../fonts/Icomoon/Icomoon.woff) format("woff");
font-weight: 400;
font-style: normal;
font-display: swap
}
@font-face {
font-display: swap;
font-family: Amiri;
font-style: normal;
font-weight: normal;
src: url("../fonts/Amiri/amiri.woff2") format("woff2"), url("../fonts/Amiri/amiri.woff") format("woff")
}
.footer {
color: #003b73;
margin-top: 130px;
position: relative
}
@media (max-width: 767px) {
.footer {
margin-top: 85px
}
}
.ie8 .footer,
.ie7 .footer {
margin-top: 100px
}
.footer p {
font-family:"Microsoft JhengHei", "HelveticaNeueLTW06-55Roman", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif
}
.footer #footer-effect {
background: #e3f0f7;
height: 0;
position: absolute;
width: 100%
}
.ie8 .footer #footer-effect,
.ie7 .footer #footer-effect {
position: relative;
top: auto
}
.footer #footer-effect.effect {
background: transparent;
height: 190px;
top: -190px;
z-index: -1
}
@media (max-width: 991px) {
.footer #footer-effect.effect {
height: 145px;
top: -145px
}
}
@media (max-width: 767px) {
.footer #footer-effect.effect {
height: 190px;
top: -99px
}
}
@media (max-width: 569px) {
.footer #footer-effect.effect {
height: 70px;
top: -69px
}
}
.footer #footer-effect canvas {
height: 100%;
position: absolute;
top: 0;
width: 100%
}
.footer h3 {
font-family: "Microsoft JhengHei","HelveticaNeueLTW06-55Roman", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-size: 20px;
margin-bottom: 20px;
font-weight: 100
}
.footer img {
max-width: 100%
}
.footer .footer-columns {
background: #e3f0f7;
padding: 50px 0 0
}
.footer .footer-columns .footer-column .btn,
.footer .footer-columns .footer-column .js-review .p-w-r .pr-media-modal .pr-accessible-btn,
.js-review .p-w-r .pr-media-modal .footer .footer-columns .footer-column .pr-accessible-btn,
.footer .footer-columns .footer-column .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .footer .footer-columns .footer-column .pr-accessible-btn {
border-color: #003b73
}
.footer .footer-columns .footer-column .btn:hover,
.footer .footer-columns .footer-column .js-review .p-w-r .pr-media-modal .pr-accessible-btn:hover,
.js-review .p-w-r .pr-media-modal .footer .footer-columns .footer-column .pr-accessible-btn:hover,
.footer .footer-columns .footer-column .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-accessible-btn:hover,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .footer .footer-columns .footer-column .pr-accessible-btn:hover {
background-color: inherit;
border-color: #7388a4;
color: #7388a4
}
.footer .footer-columns .footer-column .footer-text-angle-links {
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
margin-bottom: 5px
}
.footer .footer-columns .footer-column .footer-text-angle-links:hover {
color: #7388a4
}
.ie7 .footer .footer-columns .footer-column .footer-text-angle-links {
color: #003b73
}
.ie7 .footer .footer-columns .footer-column .footer-text-angle-links:hover {
color: #7388a4
}
.footer .footer-columns .footer-column .footer-text-angle-links i {
margin-left: 5px;
vertical-align: middle
}
.footer .footer-columns a {
color: inherit;
text-decoration: none
}
.footer .footer-columns .footer-social-media-link-container {
height: 50px;
margin-bottom: 25px
}
.footer .footer-columns .footer-social-media-link-container table td {
color: inherit;
vertical-align: middle
}
.footer .footer-columns .footer-social-media-link-container .social-link-container {
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
padding-left: 10px
}
.footer .footer-columns .footer-social-media-link-container .social-link-container a:hover {
color: #7388a4
}
.footer .footer-columns .footer-social-media-link-container .social-link-container .social-text-container i {
margin-left: 5px;
vertical-align: middle
}
.ie7 .footer .footer-columns .footer-social-media-link-container .social-link-container .social-text-container {
color: #003b73
}
.ie7 .footer .footer-columns .footer-social-media-link-container .social-link-container .social-text-container:hover {
color: #7388a4
}
.footer .footer-columns .footer-social-media-link-container .social-icon-container {
background-position: center;
background-size: 45px 45px;
border-radius: 3px;
height: 45px;
width: 45px
}
.footer .footer-columns .reduced-width-paragraph {
width: 90%
}
.footer .footer-toolbar {
padding: 23px 0;
color: #e3f0f7;
font-family: "HelveticaNeueLTW06-45Light", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-size: 14px;
background-color: #003b73
}
@media (max-width: 767px) {
.footer .footer-toolbar ul {
margin-bottom: 20px
}
.footer .footer-toolbar ul li {
float: none;
margin-bottom: 10px
}
.footer .footer-toolbar ul li i {
display: none
}
.footer .footer-toolbar ul li a {
margin-left: 0
}
}
.footer .footer-toolbar ul {
zoom: 1;
margin: 0;
padding: 0
}
.footer .footer-toolbar ul:before,
.footer .footer-toolbar ul:after {
content: " ";
display: table
}
.footer .footer-toolbar ul:after {
clear: both
}
.footer .footer-toolbar ul li {
float: left;
list-style-type: none
}
.footer .footer-toolbar ul li i {
font-size: 6px;
vertical-align: middle
}
.footer .footer-toolbar ul li a {
color: #fff;
font-family: "Microsoft JhengHei","HelveticaNeueLTW06-55Roman", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
margin: 0 10px
}
.footer .footer-toolbar ul li a:hover {
text-decoration: underline
}
.footer .footer-toolbar ul li:first-child {
margin-left: 0
}
.footer .footer-toolbar ul li:first-child i {
display: none
}
.footer .footer-toolbar ul li:first-child a {
margin-left: 0
}
.footer .footer-toolbar .copyright {
text-align: right
}
@media (max-width: 1227px) {
.footer .footer-toolbar .copyright {
text-align: left
}
}
.footer .footer-bottom {
padding: 65px 0;
text-align: center
}
.share-link-popup {
background: #003b73;
border-radius: 3px;
margin: 0 auto;
max-width: 350px;
padding: 40px;
padding-top: 50px;
position: relative;
width: auto
}
.share-link-popup .mfp-close {
color: #fff
}
.share-link-popup .popup-share-link-pair-container {
margin-bottom: 20px
}
.share-link-popup .popup-share-link-pair-container .text-link {
color: #fff;
font-size: 16px;
margin-left: 20px
}
.share-link-popup .popup-share-link-pair-container .text-link i {
margin-left: 5px;
vertical-align: middle
}
@media (max-width: 569px) {
.share-link-popup .popup-share-link-pair-container {
margin-bottom: 40px
}
.share-link-popup .popup-share-link-pair-container img {
display: block;
margin: 0 auto 15px
}
}
.share-link-popup .popup-share-link-pair-container i.share-icon {
background-position: center;
background-size: 45px 45px;
border-radius: 3px;
display: inline-block;
height: 45px;
vertical-align: middle;
width: 45px
}
.share-link-popup .popup-share-link-pair-container i.share-icon.fb {
background-image: url("../img/facebook_icon_white.png")
}
.share-link-popup .popup-share-link-pair-container i.share-icon.twitter {
background-image: url("../img/twitter_icon_white.png")
}
.share-link-popup .popup-share-link-pair-container i.share-icon.email {
background-image: url("../img/email_share_white.png")
}
.share-link-popup .popup-share-link-pair-container i.share-icon.youtube {
background-image: url("../img/youtube_icon_white.png")
}
.footer .footer-columns .footer-social-media-link-container img,
.share-link-popup .popup-share-link-pair-container img {
border-radius: 3px;
max-height: 45px;
max-width: 45px;
vertical-align: middle
}
form {
margin-bottom: 0
}
input[type="range"] {
width: 100%
}
input[type="submit"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.field-hidden-input input {
display: none
}
.field-hidden-input input+label {
cursor: pointer;
position: relative
}
.field-hidden-input input+label i {
left: 0;
position: absolute;
top: 0
}
.field-hidden-input input+label i:before {
font-size: 20px;
padding-right: 10px;
position: relative;
top: 0
}
.field-hidden-input input:not(:checked)+label.btn,
.field-hidden-input .js-review .p-w-r .pr-media-modal input:not(:checked)+label.pr-accessible-btn,
.js-review .p-w-r .pr-media-modal .field-hidden-input input:not(:checked)+label.pr-accessible-btn,
.field-hidden-input .js-review[data-reviewtype="ReviewForm"] .p-w-r input:not(:checked)+label.pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .field-hidden-input input:not(:checked)+label.pr-accessible-btn {
cursor: pointer !important
}
.field-hidden-input input:checked+label i:before {
content: "\e609" !important
}
.ie8 .field-hidden-input input,
.ie7 .field-hidden-input input {
display: inline
}
.ie8 .field-hidden-input input+label i,
.ie7 .field-hidden-input input+label i {
display: none
}
.ie8 .field-hidden-input input+label.btn,
.ie8 .field-hidden-input .js-review .p-w-r .pr-media-modal input+label.pr-accessible-btn,
.js-review .p-w-r .pr-media-modal .ie8 .field-hidden-input input+label.pr-accessible-btn,
.ie8 .field-hidden-input .js-review[data-reviewtype="ReviewForm"] .p-w-r input+label.pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .ie8 .field-hidden-input input+label.pr-accessible-btn,
.ie7 .field-hidden-input input+label.btn,
.ie7 .field-hidden-input .js-review .p-w-r .pr-media-modal input+label.pr-accessible-btn,
.js-review .p-w-r .pr-media-modal .ie7 .field-hidden-input input+label.pr-accessible-btn,
.ie7 .field-hidden-input .js-review[data-reviewtype="ReviewForm"] .p-w-r input+label.pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .ie7 .field-hidden-input input+label.pr-accessible-btn {
color: #003b73;
background: none;
border: none;
padding: 0
}
.form .form-field .field-select,
.form .form-field .sod_select,
.sample-box .sample-box-select .sizes.sizes-select .size .sod_select,
.form .form-field .field-textarea,
.form .form-field .field-input {
border: 1px solid rgba(128, 158, 167, .3);
font-size: 14px;
color: #003b73;
font-weight: normal;
margin: 0;
padding: 6px 10px 7px;
text-transform: none;
width: 100%
}
@media (max-width: 767px) {
.form .form-field .field-select,
.form .form-field .sod_select,
.sample-box .sample-box-select .sizes.sizes-select .size .sod_select,
.form .form-field .field-textarea,
.form .form-field .field-input {
font-size: 16px
}
}
@media (max-width: 767px) {
.form .form-field .field-select:before,
.form .form-field .sod_select:before,
.sample-box .sample-box-select .sizes.sizes-select .size .sod_select:before,
.form .form-field .field-textarea:before,
.form .form-field .field-input:before {
top: 5px
}
.form .form-field .field-select:after,
.form .form-field .sod_select:after,
.sample-box .sample-box-select .sizes.sizes-select .size .sod_select:after,
.form .form-field .field-textarea:after,
.form .form-field .field-input:after {
bottom: 5px
}
}
.form .form-field .disabled.field-select,
.form .form-field .disabled.sod_select,
.sample-box .sample-box-select .sizes.sizes-select .size .disabled.sod_select,
.form .form-field .disabled.field-textarea,
.form .form-field .disabled.field-input,
.form .form-field [disabled].field-select,
.form .form-field [disabled].sod_select,
.sample-box .sample-box-select .sizes.sizes-select .size [disabled].sod_select,
.form .form-field [disabled].field-textarea,
.form .form-field [disabled].field-input {
color: #cfcfcf
}
.invalid .form .form-field .field-select,
.form .form-field .invalid .field-select,
.invalid .form .form-field .sod_select,
.form .form-field .invalid .sod_select,
.invalid .sample-box .sample-box-select .sizes.sizes-select .size .sod_select,
.sample-box .sample-box-select .sizes.sizes-select .size .invalid .sod_select,
.invalid .form .form-field .field-textarea,
.form .form-field .invalid .field-textarea,
.invalid .form .form-field .field-input,
.form .form-field .invalid .field-input,
.valid .form .form-field .field-select,
.form .form-field .valid .field-select,
.valid .form .form-field .sod_select,
.form .form-field .valid .sod_select,
.valid .sample-box .sample-box-select .sizes.sizes-select .size .sod_select,
.sample-box .sample-box-select .sizes.sizes-select .size .valid .sod_select,
.valid .form .form-field .field-textarea,
.form .form-field .valid .field-textarea,
.valid .form .form-field .field-input,
.form .form-field .valid .field-input {
padding-right: 30px
}
.invalid .form .form-field [type="number"].field-select,
.form .form-field .invalid [type="number"].field-select,
.invalid .form .form-field [type="number"].sod_select,
.form .form-field .invalid [type="number"].sod_select,
.invalid .sample-box .sample-box-select .sizes.sizes-select .size [type="number"].sod_select,
.sample-box .sample-box-select .sizes.sizes-select .size .invalid [type="number"].sod_select,
.invalid .form .form-field [type="number"].field-textarea,
.form .form-field .invalid [type="number"].field-textarea,
.invalid .form .form-field [type="number"].field-input,
.form .form-field .invalid [type="number"].field-input,
.valid .form .form-field [type="number"].field-select,
.form .form-field .valid [type="number"].field-select,
.valid .form .form-field [type="number"].sod_select,
.form .form-field .valid [type="number"].sod_select,
.valid .sample-box .sample-box-select .sizes.sizes-select .size [type="number"].sod_select,
.sample-box .sample-box-select .sizes.sizes-select .size .valid [type="number"].sod_select,
.valid .form .form-field [type="number"].field-textarea,
.form .form-field .valid [type="number"].field-textarea,
.valid .form .form-field [type="number"].field-input,
.form .form-field .valid [type="number"].field-input {
padding-right: 18px
}
.form .form-field .field-select .sod_label,
.form .form-field .sod_select .sod_label,
.sample-box .sample-box-select .sizes.sizes-select .size .sod_select .sod_label {
padding: 1px
}
.form .form-field .field-select .sod_list_wrapper,
.form .form-field .sod_select .sod_list_wrapper,
.sample-box .sample-box-select .sizes.sizes-select .size .sod_select .sod_list_wrapper {
border: 1px solid rgba(128, 158, 167, .3);
margin: 0;
max-height: 200px;
overflow-y: auto;
width: 100%;
z-index: 1
}
.form .form-field .field-select .sod_option,
.form .form-field .sod_select .sod_option,
.sample-box .sample-box-select .sizes.sizes-select .size .sod_select .sod_option {
color: #003b73;
font-size: 14px;
cursor: pointer
}
@media (max-width: 767px) {
.form .form-field .field-select .sod_option,
.form .form-field .sod_select .sod_option,
.sample-box .sample-box-select .sizes.sizes-select .size .sod_select .sod_option {
font-size: 16px
}
}
.form .form-field .field-select .sod_option.selected,
.form .form-field .sod_select .sod_option.selected,
.sample-box .sample-box-select .sizes.sizes-select .size .sod_select .sod_option.selected,
.form .form-field .field-select .sod_option.active,
.form .form-field .sod_select .sod_option.active,
.sample-box .sample-box-select .sizes.sizes-select .size .sod_select .sod_option.active {
color: #003b73;
font-weight: normal
}
.form .form-field .field-select .sod_option.hidden,
.form .form-field .sod_select .sod_option.hidden,
.sample-box .sample-box-select .sizes.sizes-select .size .sod_select .sod_option.hidden {
display: none
}
.form .form-field .field-select:before,
.form .form-field .sod_select:before,
.sample-box .sample-box-select .sizes.sizes-select .size .sod_select:before {
top: 6px
}
.form .form-field .field-select:after,
.form .form-field .sod_select:after,
.sample-box .sample-box-select .sizes.sizes-select .size .sod_select:after {
bottom: 6px
}
.validate.invalid .icon-validation-cross,
.validate.valid .icon-validation-tick {
position: absolute;
right: 8px;
top: 8px
}
.validate {
position: relative
}
.validate.field-checkbox-container {
padding-bottom: 10px
}
.validate.invalid.validate-input input,
.validate.invalid.validate-select .sod_select,
.validate.invalid.validate-textarea textarea,
.validate.invalid.validate-password input,
.validate.invalid.field-checkbox-container {
border: 1px solid red
}
.validate.invalid .icon-validation-cross {
color: red
}
.validate.valid .icon-validation-tick {
color: #85ba35
}
.validate.validate-select .icon-validation-cross,
.validate.validate-select .icon-validation-tick {
right: 26px
}
.form .field {
position: relative
}
.form .field.field-radio i {
display: none
}
.form .field-horizontal .field {
float: left;
margin-right: 20px
}
.form fieldset {
border: 0;
margin: 0;
padding: 0
}
.form .form-field {
font-size: 14px;
margin-bottom: 5px
}
@media (max-width: 767px) {
.form .form-field {
font-size: 16px
}
}
.form .form-field.no-padding-left {
padding-left: 0
}
.form .form-field.no-padding-right {
padding-right: 0
}
.form .form-field.no-padding {
padding-left: 0;
padding-right: 0
}
@media (max-width: 991px) {
.form .form-field.sm-padding-left {
padding-left: 5px;
padding-right: 0
}
}
@media (max-width: 991px) {
.form .form-field.sm-padding-right {
padding-left: 0;
padding-right: 5px
}
}
@media (max-width: 991px) {
.form .form-field.sm-no-padding {
padding-left: 0;
padding-right: 0
}
}
@media (max-width: 767px) {
.form .form-field.xs-no-padding {
padding-left: 0;
padding-right: 0
}
}
.form .form-field.extra-margin-top {
margin-top: 9px
}
.form .form-field.last-field {
margin-bottom: 0
}
.form .form-field.disabled {
color: #cfcfcf
}
.form .form-field.field-small-left,
.form .form-field.field-small-right {
display: block;
float: left;
min-height: 1px;
position: relative;
width: 50%
}
@media (max-width: 767px) {
.form .form-field.field-small-left,
.form .form-field.field-small-right {
float: none;
width: auto
}
}
.form .form-field.form-field-radio label {
margin-bottom: 2px
}
.form .form-field.form-field-radio .field-radio label {
margin-bottom: 10px
}
.form .form-field.form-field-radio.field-horizontal .field-radio input {
margin: 1px 15px 0 0;
padding: 0
}
.form .form-field.form-field-radio.field-horizontal .field-radio label {
margin-bottom: 0
}
.form .form-field.form-field-radio.field-horizontal>.field-radio {
margin-right: 40px
}
.form .form-field.form-field-checkboxes .field-label {
display: block;
margin-bottom: 2px
}
.form .form-field.form-field-checkboxes .field-checkbox {
margin-bottom: 0
}
.form .form-field.form-field-checkboxes .field-checkbox input {
left: 0;
position: absolute
}
.form .form-field.form-field-checkboxes .field-checkbox label {
display: block;
margin-bottom: 0;
margin-left: 22px
}
.form .form-field.field-small-left {
padding-right: 24px
}
@media (max-width: 767px) {
.form .form-field.field-small-left {
padding: 0
}
}
.form .form-field.field-small-right {
padding-left: 24px
}
@media (max-width: 767px) {
.form .form-field.field-small-right {
padding: 0
}
}
.form .form-field .field-label {
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
display: block;
font-weight: normal;
margin-bottom: 2px
}
.form .form-field .field-label .label-description {
font-family: "HelveticaNeueLTW06-55Roman", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif
}
.form .form-field .icon-calendar {
font-size: 24px;
position: absolute;
right: 22px;
top: 4px
}
.form .form-field .icon-calendar.form {
top: 22px
}
@media (max-width: 767px) {
.form .form-field .icon-calendar.form {
right: 15px;
top: 25px
}
}
.form .form-field .icon-search {
font-size: 24px;
position: absolute;
right: 28px;
top: 8px
}
.form .form-field .sod_select {
cursor: pointer;
padding-right: 24px
}
.form .form-field .sod_select:before,
.form .form-field .sod_select:after {
font-size: 8px
}
.form .form-field .field-textarea {
resize: vertical
}
.form .form-field.field-checkbox-extra-margin .field-checkbox-container {
margin-bottom: 10px;
margin-top: 14px
}
.form .form-field .field-description {
clear: left;
padding-top: 7px
}
.form .form-field .validate-message {
clear: both;
color: red;
display: none;
margin-top: 10px
}
.form .form-field .field-password-strength {
padding-top: 18px
}
@media (max-width: 991px) {
.form .form-field .field-password-strength {
padding: 0
}
}
.form .form-field .field-password-strength span.strength {
font-weight: bold
}
.form .form-field .field-password-strength span.strength.strong {
color: #85ba35
}
.form .form-field .field-password-strength span.strength.medium {
color: #f58025
}
.form .form-field .field-password-strength span.strength.weak {
color: red
}
.form .form-field .field-password-matches {
font-weight: bold;
padding-top: 18px
}
.form .form-field.field-submit-full .field-submit {
width: 100%
}
.form .form-field.align-text-left .field-submit {
float: none
}
.form .form-field-submit {
margin-top: 20px
}
.form .form-required {
font-size: 14px
}
@media (max-width: 767px) {
.form .form-required {
font-size: 16px
}
}
.field-disabled-detector-wrapper {
display: inline-block;
position: relative
}
.field-disabled-detector-wrapper .field-disabled-detector {
display: none;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.field-disabled-detector-wrapper .field[disabled]+.field-disabled-detector {
display: inline-block
}
label i {
font-family: "HelveticaNeueLTW06-45Light", "HelveticaNeue-Light", "Helvetica Neue Light", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-style: normal
}
.pika-single {
color: #003b73;
border: 1px solid rgba(128, 158, 167, .3);
font-family: "HelveticaNeueLTW06-55Roman", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif
}
.pika-single.is-bound {
-webkit-box-shadow: none;
box-shadow: none
}
.pika-label {
font-size: 16px
}
.pika-table th {
color: #005597
}
.pika-button {
color: #003b73;
background: #fff
}
.is-today .pika-button {
background: #f8fbfd;
color: #003b73;
font-weight: normal
}
.is-selected .pika-button {
background: #b9d9eb !important;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
color: #003b73;
font-weight: bold
}
.is-disabled .pika-button {
color: #999;
cursor: default;
opacity: 0.3;
pointer-events: none
}
.pika-button:hover {
background: #b9d9eb !important;
border-radius: 0 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
color: #fff !important
}
.pre-loader {
display: none
}
.pre-loader.show {
background-color: #666;
background-position: center;
background-repeat: no-repeat;
bottom: 0;
display: block;
left: 0;
opacity: 0.4;
position: fixed;
right: 0;
top: 0;
z-index: 100;
background-image: url("../img/pre-loader.gif")
}
.text-content p {
margin: 0 0 20px !important
}
.header .header-top .header-items .item-search .search-submit {
height: 36px !important;
right: 10px !important;
top: 11px;
width: 45px !important
}
.component-product-promo .product-promo .product-promo-btn .detail {
margin-bottom: 10px
}
.component-product-promo .product-promo {
padding-bottom: 20px !important
}
.columnMarker>.row>span>div[class^="col-"] {
width: 100% !important
}
.pushbox.type-full-image .not-fixed-height {
min-height: 360px !important
}
@media (max-width: 569px) {
.component-product-promo .product-promo .product-promo-btn {
position: relative !important
}
.intro-carousel-item .intro-carousel-content {
width: 100% !important
}
}
#at3win {
position: absolute !important
}
.text-content p:last-child {
margin: 0 !important
}
.has-submenu-part {
padding-left: 0 !important
}
.columnMarker>.row>div[class^=col-] {
width: 100% !important
}
.header {
zoom: 1;
background: #fff
}
.header:before,
.header:after {
content: " ";
display: table
}
.header:after {
clear: both
}
.header .header-breadcrumbs .breadcrumb-wrapper {
background: #f8fbfd;
background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f8fbfd), to(#e3f0f7));
background: linear-gradient(to right, #f8fbfd 25%, #e3f0f7 100%)
}
.header .header-breadcrumbs .breadcrumb-wrapper .breadcrumbs .breadcrumb {
font-size: 14px;
color: #809ea7;
letter-spacing: 0.02em;
line-height: 20px;
text-transform: uppercase
}
.header .header-breadcrumbs .breadcrumb-wrapper .breadcrumbs .breadcrumb:first-child span {
display: none
}
.header .header-breadcrumbs .breadcrumb-wrapper .breadcrumbs .breadcrumb a {
color: #809ea7;
display: inline-block;
padding-top: 6px
}
.header .header-breadcrumbs .breadcrumb-wrapper .breadcrumbs .breadcrumb a:hover {
color: #bcccd1
}
.header .header-breadcrumbs .breadcrumb-wrapper .breadcrumbs .breadcrumb .icon-home {
font-size: 20px;
margin-right: 0;
vertical-align: -20%
}
.header .header-breadcrumbs .breadcrumb-wrapper .breadcrumbs .breadcrumb .icon-nav-arrow-right {
float: left;
font-size: 13px;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 0;
margin-left: 15px
}
.header .header-breadcrumbs .breadcrumb-wrapper .breadcrumbs .breadcrumb:before {
font-size: 22px;
position: relative;
top: 2px
}
.header .header-breadcrumbs .breadcrumb-wrapper .breadcrumbs .breadcrumb:first-child:before {
content: none
}
.header .header-breadcrumbs .breadcrumb-wrapper .breadcrumbs .breadcrumb:last-child a {
max-width: 250px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
@media (min-width: 992px) and (max-width: 1200px) {
.header .header-breadcrumbs .breadcrumb-wrapper .breadcrumbs .breadcrumb:last-child a {
max-width: 150px
}
}
.header .header-breadcrumbs .breadcrumb-wrapper .breadcrumbs .breadcrumb.breadcrumb-current {
color: #003b73
}
.header .header-breadcrumbs .breadcrumb-wrapper .breadcrumbs .breadcrumb.breadcrumb-current a {
color: #003b73
}
.header .header-breadcrumbs .breadcrumb-wrapper .breadcrumbs .breadcrumb.breadcrumb-current a:hover {
color: #bcccd1
}
.header .header-breadcrumbs .addthis-share {
margin-top: 6px
}
.header .site-logo {
background-image: url("../img/logo_2x.png");
background-position: center;
display: inline-block;
float: left
}
.header .site-logo.desktop {
background-size: 126px 74px;
height: 77px;
width: 126px
}
.header .site-logo.mobile {
background-size: 72px 60px;
height: 60px;
width: 72px
}
.header .header-menu .menu-wrapper {
background: #e3f0f7;
background: -webkit-gradient(linear, left top, right top, color-stop(25%, #e3f0f7), to(#f8fbfd));
background: linear-gradient(to right, #e3f0f7 25%, #f8fbfd 100%);
border-bottom: 1px solid #deeaf1;
min-height: 40px
}
.header .header-menu .menu-wrapper.sticky {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: fixed;
top: 0;
width: 100%;
z-index: 1000
}
.header .header-menu .menu-wrapper .sticky-show {
display: none
}
.header .header-menu .menu-wrapper .menu {
font-size: 18px
}
.header .header-menu .menu-wrapper .menu .menu-item {
padding: 15px 25px
}
@media (max-width: 1227px) {
.header .header-menu .menu-wrapper .menu .menu-item {
padding: 17px 15px
}
}
.header .header-menu .menu-wrapper .menu .menu-item>a {
font-size: 17.5px;
color: #003b73;
display: block;
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-weight: normal;
position: relative;
text-decoration: none
}
@media (max-width: 1227px) {
.header .header-menu .menu-wrapper .menu .menu-item>a {
font-size: 14px
}
}
.header .header-menu .menu-wrapper .menu .menu-item>a:hover {
color: #7388a4
}
.header .header-menu .menu-wrapper .menu .menu-item:first-child {
padding-left: 0
}
.header .header-menu .menu-wrapper .menu .menu-item:last-child {
padding-right: 0
}
.header .header-menu .menu-wrapper .menu .menu-item.logged-in a {
color: #f8edef
}
.header .header-menu .menu-wrapper .menu .icon-person {
left: -21px;
position: absolute;
top: -2px
}
.header .header-menu .menu-wrapper .menu .icon-person:before {
font-size: 22px
}
.header .submenu {
display: none;
left: 0;
margin-top: 0;
position: absolute;
width: 100%;
z-index: 10000
}
.header .submenu.submenu-bg-world-map .submenu-content {
background-color: #fff;
background-position: center 70px;
background-repeat: no-repeat;
background-size: 100% auto;
background-image: url("../img/location-world-map.jpg")
}
.header .submenu.has-footer .submenu-content {
border-bottom: 0
}
.header .submenu .arrow {
height: 12px;
position: absolute;
top: -11px;
width: 24px;
z-index: 2
}
.header .submenu .arrow:after {
border-bottom: 12px solid #fff;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
content: "";
height: 0;
position: absolute;
width: 0
}
.header .submenu .arrow:before {
border-bottom: 12px solid #d9dad9;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
content: "";
height: 0;
position: absolute;
top: -1px;
width: 0
}
.header .submenu .container {
padding: 0 10px
}
.header .submenu .submenu-content {
background: #fff;
border: 1px solid #d9dede;
padding: 35px 15px
}
@media (max-width: 1227px) {
.header .submenu .submenu-content {
padding-left: 5px;
padding-right: 5px
}
}
.header .submenu .submenu-content .submenu-header {
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-size: 26px;
margin-bottom: 20px;
padding-left: 40px
}
@media (max-width: 1227px) {
.header .submenu .submenu-content .submenu-header {
padding-left: 30px
}
}
.header .submenu .submenu-content .column {
border-left: 1px solid #e3e3e3;
padding-left: 25px
}
@media (max-width: 1227px) {
.header .submenu .submenu-content .column {
padding-left: 15px
}
}
.header .submenu .submenu-content .column .column-content {
margin-left: 15px
}
.header .submenu .submenu-content .column.col-full {
border: 0
}
.header .submenu .submenu-content .column.first {
border: none
}
.header .submenu .submenu-content .column.first .submenu-title,
.header .submenu .submenu-content .column.first .submenu-title+ul {
margin-left: 0
}
.header .submenu .submenu-content .column .submenu-title,
.header .submenu .submenu-content .column .logged-in-title {
margin-bottom: 15px
}
.header .submenu .submenu-content .column .submenu-title {
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-size: 21px
}
.header .submenu .submenu-content .column .logged-in-title strong {
display: block
}
.header .submenu .submenu-content .column ul {
margin: 0 0 45px;
padding: 0
}
.header .submenu .submenu-content .column ul:last-child {
margin-bottom: 0
}
.header .submenu .submenu-content .column ul li {
list-style-type: none;
margin: 0 0 9px;
padding: 0
}
.header .submenu .submenu-content .event-item {
zoom: 1;
margin-bottom: 20px
}
.header .submenu .submenu-content .event-item:before,
.header .submenu .submenu-content .event-item:after {
content: " ";
display: table
}
.header .submenu .submenu-content .event-item:after {
clear: both
}
.header .submenu .submenu-content .event-item .event-info {
font-size: 15px;
margin-left: 95px
}
.header .submenu .submenu-content .event-item .event-info .event-title {
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif
}
.header .submenu .submenu-content .product-item {
zoom: 1
}
.header .submenu .submenu-content .product-item:before,
.header .submenu .submenu-content .product-item:after {
content: " ";
display: table
}
.header .submenu .submenu-content .product-item:after {
clear: both
}
.header .submenu .submenu-content .product-item .product-image {
display: block;
float: left;
width: 82px
}
.header .submenu .submenu-content .product-item .product-info {
display: block;
margin-left: 100px;
padding-right: 20px
}
.header .submenu .submenu-content .product-item .product-info .product-title {
display: block;
font-size: 19px
}
.header .submenu .submenu-content .product-item .product-info .product-description {
color: #000;
display: block;
font-size: 15px
}
.header .submenu .submenu-content .image-item {
position: relative
}
.header .submenu .submenu-content .image-item img {
width: 100%
}
.header .submenu .submenu-content .image-item .btn-wrapper {
bottom: 10px;
position: absolute;
text-align: center;
width: 100%
}
.header .submenu.other-sites {
width: auto
}
.header .submenu.other-sites .submenu-content {
padding: 35px
}
.header .submenu.other-sites .submenu-content .column {
padding: 0
}
.header .submenu.other-sites .submenu-content .column .column-content {
padding: 0
}
.header .submenu.other-sites .submenu-content .other-sites-list {
margin: 0;
white-space: nowrap
}
.header .submenu.other-sites .submenu-content .other-sites-list li {
display: inline-block;
margin-right: 20px
}
.header .submenu.other-sites .submenu-content .other-sites-list li a {
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-size: 18px
}
.header .submenu.other-sites .submenu-content .other-sites-list li a:hover {
text-decoration: underline
}
.header .submenu .submenu-footer {
background: #e3f0f7;
background: -webkit-gradient(linear, left top, right top, color-stop(25%, #e3f0f7), to(#f8fbfd));
background: linear-gradient(to right, #e3f0f7 25%, #f8fbfd 100%);
border: 1px solid #d9dede;
border-top: 0;
min-height: 140px;
padding: 15px 35px
}
.header .submenu .submenu-footer .column {
padding-left: 30px;
padding-right: 20px
}
.header .submenu .submenu-footer .column:first-child {
padding-left: 0
}
.header .submenu .submenu-footer .title-item {
display: block;
margin-top: 23px
}
.header .submenu .submenu-footer .title-item .title {
color: #003b73;
display: block;
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-size: 28px;
margin-bottom: 3px
}
.header .submenu .submenu-footer .title-item .subtitle {
color: #003b73
}
.header .submenu .submenu-footer .title-item .subtitle i {
font-size: 13px;
padding-left: 10px
}
.header .submenu .submenu-footer .product-item {
position: relative;
top: 3px
}
.header .submenu .submenu-footer .product-item .image {
display: block;
float: left
}
.header .submenu .submenu-footer .product-item .image img {
max-height: 110px;
max-width: 110px;
position: relative
}
.header .submenu .submenu-footer .product-item .text {
display: block;
font-size: 14px;
margin-left: 125px;
padding-top: 3px
}
.header .submenu .submenu-footer .product-item .text .title {
display: block;
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-size: 16px;
margin-bottom: 2px
}
.header .submenu .submenu-footer .product-item .text .description {
display: block;
line-height: 1.3;
margin-bottom: 15px
}
.header .submenu .submenu-footer .product-item .text .link {
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif
}
.header .submenu .submenu-footer .image-item {
zoom: 1
}
.header .submenu .submenu-footer .image-item:before,
.header .submenu .submenu-footer .image-item:after {
content: " ";
display: table
}
.header .submenu .submenu-footer .image-item:after {
clear: both
}
.header .submenu .submenu-footer .image-item .image-info {
display: block;
float: left;
font-size: 16px;
margin-top: 30px;
padding-right: 10px;
width: 45%
}
.header .submenu .submenu-footer .image-item .image-info .title {
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
margin-bottom: 3px
}
.header .submenu .submenu-footer .image-item img {
float: left;
width: 55%
}
.header .submenu-login {
background-color: #fff;
border-bottom: 1px solid #e0ddd9;
border-top: 1px solid #e0ddd9;
padding: 30px 0;
width: 100%
}
.header .submenu-login .container {
padding: 0 30px
}
.header .submenu-login h3 {
margin-bottom: 8px
}
.header .submenu-login .form .form-field {
margin-bottom: 10px
}
.header .submenu-login .form .form-field:last-child {
padding-right: 0
}
.header .submenu-login .form .form-field .field-input {
display: inline-block;
float: left;
margin: 0 15px 0 0;
padding: 15px 11px
}
.header .submenu-login .form a {
color: #f8edef
}
.header .submenu-login .form a:after {
content: "\e620";
font-family: "Icomoon";
font-size: 22px;
margin-left: 10px;
margin-right: 15px;
position: relative;
top: 3px
}
.header .submenu-login .form a:hover {
color: #fff
}
.header .submenu-login .form .btn,
.header .submenu-login .form .js-review .p-w-r .pr-media-modal .pr-accessible-btn,
.js-review .p-w-r .pr-media-modal .header .submenu-login .form .pr-accessible-btn,
.header .submenu-login .form .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .header .submenu-login .form .pr-accessible-btn {
white-space: nowrap;
width: 100%
}
.header .header-top {
min-height: 83px;
padding-bottom: 10px;
padding-top: 0
}
.header .header-top .title {
font-size: 14px;
display: block;
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
margin: 0 0 2px
}
.header .header-top .subtitle {
font-size: 14px;
display: block;
margin: 0
}
.header .header-top .logo {
margin-top: 0;
display: block;
height: 77px;
left: 10px;
position: absolute;
width: 126px
}
@media (max-width: 1227px) {
.header .header-top .logo {
margin-top: -5px;
width: 116px
}
}
.header .header-top .logo a img {
width: 100%
}
.header .header-top .header-details {
margin-top: 8px;
color: #003b73;
margin-left: 142px
}
@media (max-width: 1227px) {
.header .header-top .header-details {
margin-left: 130px;
margin-top: -7px
}
}
.header .header-top .header-details .site-name {
margin: 0;
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-size: 32px;
left: -1px;
overflow: hidden;
position: relative;
text-overflow: ellipsis;
white-space: nowrap;
width: 45%
}
@media all and (min-width: 1228px) {
.header .header-top .header-details .site-name {
width: 50%
}
}
@media (max-width: 1227px) {
.header .header-top .header-details .site-name {
font-size: 28px
}
}
.header .header-top .header-details .hybrid-selector .country-selector,
.header .header-top .header-details .hybrid-selector .language-selector {
display: inline;
position: relative;
top: -1px
}
@media (max-width: 1227px) {
.header .header-top .header-details .hybrid-selector .country-selector,
.header .header-top .header-details .hybrid-selector .language-selector {
display: block
}
}
.header .header-top .header-details .hybrid-selector .country-selector .title,
.header .header-top .header-details .hybrid-selector .language-selector .title {
display: inline;
font-size: 14px;
margin: 0 5px 0 0
}
.header .header-top .header-details .hybrid-selector .country-selector a,
.header .header-top .header-details .hybrid-selector .language-selector a {
color: #003b73;
font-size: 14px
}
.header .header-top .header-details .hybrid-selector .country-selector a .icon,
.header .header-top .header-details .hybrid-selector .language-selector a .icon {
margin-left: 3px;
vertical-align: -20%
}
.header .header-top .header-details .hybrid-selector .country-selector a:hover,
.header .header-top .header-details .hybrid-selector .language-selector a:hover {
color: #003b73
}
.header .header-top .header-details .hybrid-selector .country-selector {
margin-right: 10px
}
.header .header-top .header-details .hybrid-selector .country-selector .location {
font-size: 14px;
display: inline;
padding: 3px 0
}
.header .header-top .header-details .hybrid-selector .language-selector .languages {
color: #003b73;
display: inline
}
.header .header-top .header-details .hybrid-selector .language-selector .languages a.active {
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif
}
.header .header-top .header-items {
position: absolute;
right: 0;
top: 10px
}
.header .header-top .header-items .item {
border-left: 1px solid #ededed;
display: block;
display: inline-block;
height: 55px;
min-height: 1px;
padding-left: 14px;
padding-right: 10px;
position: relative;
vertical-align: top
}
.header .header-top .header-items .item .title {
color: #003b73;
line-height: 27px
}
.header .header-top .header-items .item .subtitle {
position: relative;
top: -5px
}
.header .header-top .header-items .item .text {
color: #003b73
}
.header .header-top .header-items .item-basket .icon-shopping {
font-size: 26px;
margin-right: 3px;
vertical-align: -24%
}
.header .header-top .header-items .item-basket .text {
color: #003b73;
position: relative;
top: 7px
}
.header .header-top .header-items .item-sample a {
margin-top: -8px;
display: inline-block
}
.header .header-top .header-items .item-sample .image {
display: inline-block;
position: relative;
top: 0
}
.header .header-top .header-items .item-sample .image img {
margin-right: 10px;
height: 55px;
vertical-align: middle
}
.header .header-top .header-items .item-sample .text {
top: 12px;
display: inline-block;
position: relative
}
.header .header-top .header-items .item-search form {
position: relative;
top: 10px
}
.header .header-top .header-items .item-search .search-input {
border: none;
background-color: #f8fbfd;
color: #003b73;
cursor: text;
font-size: 16px;
font-weight: 100;
line-height: 1.2em;
outline: none;
padding: 7px 32px 8px 18px;
width: 170px
}
@media (max-width: 1227px) {
.header .header-top .header-items .item-search .search-input {
font-size: 16px;
width: 160px
}
}
.header .header-top .header-items .item-search .search-input::-webkit-input-placeholder {
color: green
}
.header .header-top .header-items .item-search .search-input:-ms-input-placeholder {
color: green
}
.header .header-top .header-items .item-search .search-input::-ms-input-placeholder {
color: green
}
.header .header-top .header-items .item-search .search-input::placeholder {
color: green
}
.header .header-top .header-items .item-search .search-input::-webkit-input-placeholder {
color: #003b73
}
.header .header-top .header-items .item-search .search-input:-ms-input-placeholder {
color: #003b73
}
.header .header-top .header-items .item-search .search-input::-ms-input-placeholder {
color: #003b73
}
.header .header-top .header-items .item-search .search-input::placeholder {
color: #003b73
}
.header .header-top .header-items .item-search .search-submit {
background: transparent;
border: none;
cursor: pointer;
display: block;
font-size: 16px;
height: 100%;
margin: 0;
position: absolute;
right: 0;
top: 1px;
width: 45px
}
@media (max-width: 1227px) {
.header .header-top .header-items .item-search .search-submit {
font-size: 14px;
top: 0
}
}
.header .header-top .header-items .item-search .search-submit .icon-search {
display: block;
font-size: 24px;
margin-top: 0
}
.header .header-utility .utility-wrapper {
font-family: "HelveticaNeueLTW06-55Roman", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-size: 14px
}
.header .header-utility .utility-wrapper .other-sites-link {
display: inline;
padding: 0;
position: relative
}
.header .header-utility .utility-wrapper .other-sites-link .icon-nav-arrow-down,
.header .header-utility .utility-wrapper .other-sites-link .mobile-header .country-selector .sod_select,
.mobile-header .country-selector .header .header-utility .utility-wrapper .other-sites-link .sod_select,
.header .header-utility .utility-wrapper .other-sites-link .icon-nav-arrow-up {
font-size: 13px;
margin-left: 5px;
vertical-align: -10%
}
.header .header-utility .utility-wrapper .links {
float: right;
margin: 1px 0 0
}
.header .header-utility .utility-wrapper .links li {
color: #003b73;
display: block;
float: left;
line-height: 24px;
padding: 0 2px
}
.header .header-utility .utility-wrapper .links li a {
color: #003b73
}
.header .header-utility .utility-wrapper .links li a:hover span {
text-decoration: underline
}
@media (max-width: 991px) {
.header {
display: none
}
}
[class^="icon-"],
[class*=" icon-"],
.DropStyle {
font-family: "Icomoon";
speak: none;
font-style: normal;
font-weight: normal;
-webkit-font-feature-settings: normal;
font-feature-settings: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.icon-push {
margin-right: 5px
}
.icon-arrow-down:before {
content: "\e600"
}
.icon-arrow-down {
*zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="\;")
}
.icon-arrow-up:before {
content: "\e601"
}
.icon-arrow-up {
*zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="\;")
}
.icon-button-left:before {
content: "\e602";
/*!rtl:raw:
content: "\e605";
*/
}
.icon-button-left {
*zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="\;")
}
.icon-button-minus:before,
.mobile-header .mobile-menu .has-submenu.active .submenu-trigger:before {
content: "\e603"
}
.icon-button-minus,
.mobile-header .mobile-menu .has-submenu.active .submenu-trigger:before {
*zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="\;")
}
.icon-button-plus:before,
.mobile-header .mobile-menu .has-submenu .submenu-trigger:before {
content: "\e604"
}
.icon-button-plus,
.mobile-header .mobile-menu .has-submenu .submenu-trigger {
*zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="\;")
}
.icon-button-right:before {
content: "\e605";
/*!rtl:raw:
content: "\e602";
*/
}
.icon-button-right {
*zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="\;")
}
.icon-calendar:before {
content: "\e618"
}
.icon-calendar {
*zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="\;")
}
.icon-carousel-control-indicator:before {
content: "\e617"
}
.icon-carousel-control-indicator {
*zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="\;")
}
.icon-carousel-left:before {
content: "\e606";
/*!rtl:raw:
content: "\e607";
*/
}
.icon-carousel-left {
*zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="\;")
}
.icon-carousel-right:before {
content: "\e607";
/*!rtl:raw:
content: "\e606";
*/
}
.icon-carousel-right {
*zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="\;")
}
.icon-carousel-tab-left:before {
content: "\e61f"
}
.icon-carousel-tab-left {
*zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="\;")
}
.icon-carousel-tab-right:before {
content: "\e621"
}
.icon-carousel-tab-right {
*zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="\;")
}
.icon-caution:before {
content: "\e61e"
}
.icon-caution {
*zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="\;")
}
.icon-checkbox-bg-square:before {
content: "\e701"
}
.icon-checkbox-bg-square {
*zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="\;")
}
.icon-checkbox-empty:before {
content: "\e608"
}
.icon-checkbox-empty {
*zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="\;")
}
.icon-checkbox-inner_tick:before {
content: "\e702"
}
.icon-checkbox-inner_tick {
*zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="\;")
}
.icon-checkbox-outer_square:before {
content: "\e703"
}
.icon-checkbox-outer_square {
*zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="\;")
}
.icon-checkbox-tick:before {
content: "\e609"
}
.icon-checkbox-tick {
*zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="\;")
}
.icon-color-circle:before {
content: "\e60a"
}
.icon-color-circle {
*zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="\;")
}
.icon-date:before {
content: "\e60b"
}
.icon-date {
*zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="\;")
}
.icon-drop-empty:before {
content: "\e60c"
}
.icon-drop-empty {
*zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="\;")
}
.icon-drop-full:before {
content: "\e60d"
}
.icon-drop-full {
*zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="\;")
}
.icon-drop-half-full:before {
content: "\e60e"
}
.icon-drop-half-full {
*zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="\;")
}
.icon-footer-link:before {
content: "\e60f";
/*!rtl:raw:
display: inline-block;
transform: scaleX(-1);
*/
}
.icon-footer-link {
*zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="\;")
}
.icon-home:before {
content: "\e610"
}
.icon-home {
*zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="\;")
}
.icon-info:before {
content: "\e622"
}
.icon-info {
*zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="\;")
}
.icon-nav-arrow-down:before,
.mobile-header .country-selector .sod_select:before {
content: "\e61b"
}
.icon-nav-arrow-down,
.mobile-header .country-selector .sod_select {
*zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="\;")
}
.icon-nav-arrow-right:before {
content: "\e61a";
/*!rtl:raw:
content: "\e619";
*/
}
.icon-nav-arrow-right {
*zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="\;")
}
.icon-nav-arrow-up:before {
content: "\e61d"
}
.icon-nav-arrow-up {
*zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="\;")
}
.icon-nav-menu:before {
content: "\e61c"
}
.icon-nav-menu {
*zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="\;")
}
.icon-person:before {
content: "\e611"
}
.icon-person {
*zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="\;")
}
.icon-radiobutton-bg_circle:before {
content: "\e704"
}
.icon-radiobutton-bg_circle {
*zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="\;")
}
.icon-radiobutton-empty:before {
content: "\e614"
}
.icon-radiobutton-empty {
*zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="\;")
}
.icon-radiobutton-full:before {
content: "\e615"
}
.icon-radiobutton-full {
*zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="\;")
}
.icon-radiobutton-inner_dot:before {
content: "\e705"
}
.icon-radiobutton-inner_dot {
*zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="\;")
}
.icon-radiobutton-outer_circle:before {
content: "\e706"
}
.icon-radiobutton-outer_circle {
*zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="\;")
}
.icon-search:before {
content: "\e612"
}
.icon-search {
*zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="\;")
}
.icon-search-alt:before {
content: "\e666"
}
.icon-search-alt {
*zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="\;")
}
.icon-shopping:before {
content: "\e613"
}
.icon-shopping {
*zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="\;")
}
.icon-short-arrow-left:before {
content: "\e619"
}
.icon-short-arrow-left {
*zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="\;")
}
.icon-short-arrow-right:before {
content: "\e620"
}
.icon-short-arrow-right {
*zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="\;")
}
.icon-tag:before {
content: "\e616"
}
.icon-tag {
*zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="\;")
}
.icon-validation-cross:before {
content: "\e707"
}
.icon-validation-cross {
*zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="\;")
}
.icon-validation-tick:before {
content: "\e708"
}
.icon-validation-tick {
*zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="\;")
}
.image-overlay-wrapper {
left: 15px;
right: 15px;
color: #fff;
position: absolute;
top: 60px;
width: auto
}
.image-overlay-text {
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-size: 60px;
line-height: 1;
margin: 0;
text-transform: uppercase
}
@media (max-width: 569px) {
.image-overlay-wrapper {
bottom: 0;
color: #fff;
left: 0;
padding: 10px;
position: absolute;
right: 5px;
text-align: center;
background: rgba(19, 145, 62, .8)
}
.image-overlay-text {
font-size: 20px !important
}
}
@media (max-width: 767px) {
.image-overlay-wrapper {
top: 40px
}
}
@media (max-width: 991px) {
.image-overlay-text {
font-size: 38px
}
}
.component.component-btn span.btn,
.component.component-btn .js-review .p-w-r .pr-media-modal span.pr-accessible-btn,
.js-review .p-w-r .pr-media-modal .component.component-btn span.pr-accessible-btn,
.component.component-btn .js-review[data-reviewtype="ReviewForm"] .p-w-r span.pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .component.component-btn span.pr-accessible-btn {
padding: 0 20px 0 0
}
.cta-content.cta-btn-right h2 a.cta-link:hover {
color: #fff
}
.cta-content.cta-btn-right a.cta-link {
padding: 7px 0 9px 18px
}
.cta-content.cta-btn-right h2 a.cta-link,
.cta-content.cta-btn-right p a.cta-link {
padding: 0
}
.cta-content.cta-btn-right p a.cta-link:hover {
color: #fff;
text-decoration: none
}
.cta-content.cta-btn-right .btn.btn-light.btn-hollow:hover a.cta-link,
.cta-content.cta-btn-right .js-review .p-w-r .pr-media-modal .btn-light.btn-hollow.pr-accessible-btn:hover a.cta-link,
.js-review .p-w-r .pr-media-modal .cta-content.cta-btn-right .btn-light.btn-hollow.pr-accessible-btn:hover a.cta-link,
.cta-content.cta-btn-right .js-review[data-reviewtype="ReviewForm"] .p-w-r .btn-light.btn-hollow.pr-accessible-btn:hover a.cta-link,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .cta-content.cta-btn-right .btn-light.btn-hollow.pr-accessible-btn:hover a.cta-link {
color: #fff
}
.component-cta p a.cta-link {
font-family: "HelveticaNeueLTW06-45Light", HelveticaNeue-Light, "Helvetica Neue Light", "helvetica neue", helvetica, sans-serif
}
.header .header-top .header-items .item-search .form-field {
position: relative;
top: 10px
}
.component-product-box .product-box.product-compact .product-box-content .sample-box-btn {
bottom: 0;
left: 0;
margin-top: 20px;
position: absolute;
right: 0
}
.component-quote .quote-content .quote q {
font-family: "HelveticaNeueLTW06-97BlkCn", "helvetica bold", "helvetica neue", helvetica, sans-serif;
font-size: 28px;
font-style: normal;
margin: 25px 0 15px;
text-transform: uppercase
}
@media (max-width: 1227px) {
.component-quote .quote-content .quote q {
font-size: 24px
}
}
@media (max-width: 991px) {
.component-quote .quote-content .quote q {
font-size: 20px
}
}
.component-quote .quote-content .quote q:before {
content: "\201C";
font-size: 28px
}
@media (max-width: 1227px) {
.component-quote .quote-content .quote q:before {
font-size: 24px
}
}
@media (max-width: 991px) {
.component-quote .quote-content .quote q:before {
font-size: 20px
}
}
.component-quote .quote-content .quote q:after {
content: "\201C";
font-size: 28px
}
@media (max-width: 1227px) {
.component-quote .quote-content .quote q:after {
font-size: 24px
}
}
@media (max-width: 991px) {
.component-quote .quote-content .quote q:after {
font-size: 20px
}
}
@media (max-width: 767px) {
.component-quote .quote-content .quote q {
margin-top: 5px;
text-align: center
}
}
.component-quote .quote-content .quote:hover q {
color: rgba(244, 237, 229, .8)
}
.component-quote .quote-content .quote a div.xpmEditfield {
display: inline
}
.storyOverlayImage {
clear: both
}
div.drjones div.text p.calltoactiondrjones,
div.drjones div.text span p:last-child {
display: inline
}
.sectionTitleSpacingTop {
margin-top: 25px
}
.pDColorD {
visibility: hidden
}
.Products2CenterAlign {
margin: 0 auto;
width: 66%
}
@media (max-width: 767px) {
.Products2CenterAlign {
width: 100%
}
}
.Products1CenterAlign {
margin: 0 auto;
width: 100%
}
@media (min-width: 992px) {
.Products1CenterAlign {
width: 60%
}
}
@media (max-width: 991px) {
.Products1CenterAlign .flex-row {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
.contact-inner-button {
margin-right: 10px;
margin-top: 15px
}
#mask {
background-color: #000;
display: none;
left: -81px;
position: absolute;
top: -247px;
z-index: 9000
}
#boxes .window {
display: none;
height: 280px;
left: 0;
padding: 20px;
position: absolute;
text-align: center;
top: -81px;
width: 572px
}
#boxes #dialog {
background-color: #fff;
font-family: "Segoe UI Light", sans-serif;
font-size: 15pt;
padding: 10px
}
.carousel-item-container span {
width: 100%
}
.carousel-item-container span,
.columnMarker>.row>div[class^=col-],
.columnMarker>.row>span>div[class^=col-] {
width: 100% !important
}
.submenu-openText {
margin-bottom: 20px;
margin-left: 30px
}
.caption-image .caption {
text-align: left
}
@media (max-width: 569px) {
.component-cta .cta-btn-right .component-btn {
max-width: 100%
}
}
@media (max-width: 991px) {
.component-cta .cta-content .component-btn .btn,
.component-cta .cta-content .component-btn .js-review .p-w-r .pr-media-modal .pr-accessible-btn,
.js-review .p-w-r .pr-media-modal .component-cta .cta-content .component-btn .pr-accessible-btn,
.component-cta .cta-content .component-btn .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .component-cta .cta-content .component-btn .pr-accessible-btn {
width: 100%
}
.component-cta .cta-btn-right .component-btn {
max-width: 100%
}
}
@media (max-width: 767px) {
#mask {
left: -10px;
top: -460px
}
.component-article-list .article-list-container .article-list.show-more {
border: none
}
}
.accordion.accordion-product-suggester .accordion-item .accordion-title i {
margin: 0 0 0 5px
}
.component-header-type-2 .header-type-2 .content-column .header-type-2-text-container p {
padding-left: 35px
}
.fontRed {
color: red
}
.calltoactiontwo {
float: right;
margin-bottom: 25px;
margin-right: 25px;
margin-top: 15px
}
.sample.btn.btn-inactive,
.field-hidden-input input:not(:checked)+label.sample.btn,
.field-hidden-input .js-review .p-w-r .pr-media-modal input:not(:checked)+label.sample.pr-accessible-btn,
.js-review .p-w-r .pr-media-modal .field-hidden-input input:not(:checked)+label.sample.pr-accessible-btn,
.field-hidden-input .js-review[data-reviewtype="ReviewForm"] .p-w-r input:not(:checked)+label.sample.pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .field-hidden-input input:not(:checked)+label.sample.pr-accessible-btn,
.js-review .p-w-r .pr-media-modal .sample.btn-inactive.pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .sample.btn-inactive.pr-accessible-btn,
.sample.field-hidden-input input:not(:checked)+label.btn,
.sample.field-hidden-input .js-review .p-w-r .pr-media-modal input:not(:checked)+label.pr-accessible-btn,
.js-review .p-w-r .pr-media-modal .sample.field-hidden-input input:not(:checked)+label.pr-accessible-btn,
.sample.field-hidden-input .js-review[data-reviewtype="ReviewForm"] .p-w-r input:not(:checked)+label.pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .sample.field-hidden-input input:not(:checked)+label.pr-accessible-btn {
background: #b9d9eb;
border-color: #b9d9eb;
color: #003b73;
cursor: not-allowed
}
.sample.btn.btn-inactive:hover,
.field-hidden-input input:not(:checked)+label.sample.btn:hover,
.field-hidden-input .js-review .p-w-r .pr-media-modal input:not(:checked)+label.sample.pr-accessible-btn:hover,
.js-review .p-w-r .pr-media-modal .field-hidden-input input:not(:checked)+label.sample.pr-accessible-btn:hover,
.field-hidden-input .js-review[data-reviewtype="ReviewForm"] .p-w-r input:not(:checked)+label.sample.pr-accessible-btn:hover,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .field-hidden-input input:not(:checked)+label.sample.pr-accessible-btn:hover,
.js-review .p-w-r .pr-media-modal .sample.btn-inactive.pr-accessible-btn:hover,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .sample.btn-inactive.pr-accessible-btn:hover,
.sample.component-cta .cta-item .cta-link:hover .btn-inactive.btn,
.sample.component-cta .cta-item .cta-link:hover .field-hidden-input input:not(:checked)+label.btn,
.field-hidden-input .sample.component-cta .cta-item .cta-link:hover input:not(:checked)+label.btn,
.sample.component-cta .cta-item .cta-link:hover .field-hidden-input .js-review .p-w-r .pr-media-modal input:not(:checked)+label.pr-accessible-btn,
.field-hidden-input .js-review .p-w-r .pr-media-modal .sample.component-cta .cta-item .cta-link:hover input:not(:checked)+label.pr-accessible-btn,
.sample.component-cta .cta-item .cta-link:hover .js-review .p-w-r .pr-media-modal .field-hidden-input input:not(:checked)+label.pr-accessible-btn,
.js-review .p-w-r .pr-media-modal .field-hidden-input .sample.component-cta .cta-item .cta-link:hover input:not(:checked)+label.pr-accessible-btn,
.sample.component-cta .cta-item .cta-link:hover .field-hidden-input .js-review[data-reviewtype="ReviewForm"] .p-w-r input:not(:checked)+label.pr-accessible-btn,
.field-hidden-input .js-review[data-reviewtype="ReviewForm"] .p-w-r .sample.component-cta .cta-item .cta-link:hover input:not(:checked)+label.pr-accessible-btn,
.sample.component-cta .cta-item .cta-link:hover .js-review[data-reviewtype="ReviewForm"] .p-w-r .field-hidden-input input:not(:checked)+label.pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .field-hidden-input .sample.component-cta .cta-item .cta-link:hover input:not(:checked)+label.pr-accessible-btn,
.sample.component-cta .cta-item .cta-link:hover .js-review .p-w-r .pr-media-modal .btn-inactive.pr-accessible-btn,
.js-review .p-w-r .pr-media-modal .sample.component-cta .cta-item .cta-link:hover .btn-inactive.pr-accessible-btn,
.sample.component-cta .cta-item .cta-link:hover .js-review[data-reviewtype="ReviewForm"] .p-w-r .btn-inactive.pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .sample.component-cta .cta-item .cta-link:hover .btn-inactive.pr-accessible-btn,
.sample.component-cta .cta-item .cta-link:hover .field-hidden-input input:not(:checked)+label.btn,
.sample.component-cta .cta-item .cta-link:hover .field-hidden-input .js-review .p-w-r .pr-media-modal input:not(:checked)+label.pr-accessible-btn,
.js-review .p-w-r .pr-media-modal .sample.component-cta .cta-item .cta-link:hover .field-hidden-input input:not(:checked)+label.pr-accessible-btn,
.sample.component-cta .cta-item .cta-link:hover .field-hidden-input .js-review[data-reviewtype="ReviewForm"] .p-w-r input:not(:checked)+label.pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .sample.component-cta .cta-item .cta-link:hover .field-hidden-input input:not(:checked)+label.pr-accessible-btn,
.sample.field-hidden-input .component-cta .cta-item .cta-link:hover input:not(:checked)+label.btn,
.sample.field-hidden-input .component-cta .cta-item .cta-link:hover .js-review .p-w-r .pr-media-modal input:not(:checked)+label.pr-accessible-btn,
.js-review .p-w-r .pr-media-modal .sample.field-hidden-input .component-cta .cta-item .cta-link:hover input:not(:checked)+label.pr-accessible-btn,
.sample.field-hidden-input .component-cta .cta-item .cta-link:hover .js-review[data-reviewtype="ReviewForm"] .p-w-r input:not(:checked)+label.pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .sample.field-hidden-input .component-cta .cta-item .cta-link:hover input:not(:checked)+label.pr-accessible-btn,
.sample.field-hidden-input input:not(:checked)+label.btn:hover,
.sample.field-hidden-input .js-review .p-w-r .pr-media-modal input:not(:checked)+label.pr-accessible-btn:hover,
.js-review .p-w-r .pr-media-modal .sample.field-hidden-input input:not(:checked)+label.pr-accessible-btn:hover,
.sample.field-hidden-input .js-review[data-reviewtype="ReviewForm"] .p-w-r input:not(:checked)+label.pr-accessible-btn:hover,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .sample.field-hidden-input input:not(:checked)+label.pr-accessible-btn:hover {
background: #a9d0e6;
border-color: #a9d0e6;
color: #fff
}
@media (max-width: 991px) {
.component-text-box .text-box .text-box-content {
width: 100%
}
}
@media (max-width: 1227px) {
.component-cta .cta-btn-right .component-btn {
max-width: 80%
}
}
.ErrorMessageSection {
color: red;
font-weight: bold
}
.validate.field-checkbox-container {
padding: 10px 0
}
.para_align_text {
padding-left: 25px
}
.radio-button-align {
float: left
}
.checkbox-button-align {
float: left
}
.para_align_text {
margin-bottom: 0
}
.component-intro-carousel .carousel-controls {
margin-top: 50px
}
.display-none {
display: none
}
textarea {
width: 100%
}
.component-image-quote .image-quote-text-wrapper {
top: 60px
}
.component-image-quote .image-quote-text-wrapper blockquote:before {
content: none
}
.sample-not-saved {
padding-top: 30px
}
.accordion.accordion-base .accordion-item .accordion-content .accordion-content-inner:after,
.accordion.accordion-boxed .accordion-item .accordion-content .accordion-content-inner:after,
.accordion.accordion-product-suggester .accordion-item .accordion-content .accordion-content-inner:after,
.accordion.accordion-product-family-selector .accordion-item .accordion-content .accordion-content-inner:after,
.accordion.accordion-product-suggester .accordion-item .accordion-content .accordion-content-inner:after,
.accordion.accordion-pushbox .accordion-item .accordion-content .accordion-content-inner:after {
clear: both
}
.component-cta .cta-btn-right .cta-content-text {
max-width: 46%
}
@media (max-width: 1227px) {
.component-cta .col-6 .cta-btn-right .cta-content-text {
max-width: 100%
}
.component-cta .col-6 .cta-btn-right .cta-content-text div {
max-width: 100% !important
}
}
.component-event-carousel .carousel-controls .carousel-pager li {
font-size: 10px;
line-height: 32px;
padding: 0 5px
}
@media (max-width: 991px) {
.event-carousel .carousel-controls .carousel-pager {
display: none
}
}
.component-image-quote .image-quote-text-wrapper blockquote:after {
content: none
}
div.columnMarker>div+div {
margin-top: 15px
}
.component-cta .col-6 .cta-btn-right .cta-content-text h2 {
max-width: 263px
}
.component-cta .col-6 .cta-btn-right .component-btn span.btn,
.component-cta .col-6 .cta-btn-right .component-btn .js-review .p-w-r .pr-media-modal span.pr-accessible-btn,
.js-review .p-w-r .pr-media-modal .component-cta .col-6 .cta-btn-right .component-btn span.pr-accessible-btn,
.component-cta .col-6 .cta-btn-right .component-btn .js-review[data-reviewtype="ReviewForm"] .p-w-r span.pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .component-cta .col-6 .cta-btn-right .component-btn span.pr-accessible-btn {
max-width: 190px
}
@media (max-width: 991px) {
.component-cta .col-12 .cta-btn-right .component-btn {
max-width: 320px
}
}
.component-image-carousel .image-pager li {
height: 64px;
margin: 0 2px;
width: 60px
}
@media (max-width: 569px) {
.component-image-carousel .image-pager li {
width: 48px
}
}
.component-cta .cta-btn-right .cta-content-text,
.component-cta .cta-btn-right .cta-content-text-width60,
.mfp-title,
.pushbox.type-person .pushbox-person .info-row {
word-wrap: break-word
}
.component-cta .cta-btn-right .cta-content-text {
word-wrap: normal !important
}
@media (min-width: 768px) {
.align-right-sm {
float: right
}
}
.horizontal-list,
.header .header-breadcrumbs .breadcrumb-wrapper .breadcrumbs,
.header .header-menu .menu-wrapper .menu {
zoom: 1;
list-style: none;
margin: 0;
padding: 0
}
.horizontal-list:before,
.header .header-breadcrumbs .breadcrumb-wrapper .breadcrumbs:before,
.header .header-menu .menu-wrapper .menu:before,
.horizontal-list:after,
.header .header-breadcrumbs .breadcrumb-wrapper .breadcrumbs:after,
.header .header-menu .menu-wrapper .menu:after {
content: " ";
display: table
}
.horizontal-list:after,
.header .header-breadcrumbs .breadcrumb-wrapper .breadcrumbs:after,
.header .header-menu .menu-wrapper .menu:after {
clear: both
}
.horizontal-list>li,
.header .header-breadcrumbs .breadcrumb-wrapper .breadcrumbs>li,
.header .header-menu .menu-wrapper .menu>li {
float: left
}
.reset-list,
.mobile-header .mobile-menu .mobile-menu-utility ul,
.mobile-header .mobile-menu .mainmenu,
.mobile-header .mobile-menu .submenu,
.mobile-header .mobile-menu .grandchildmenu,
.component-product-details .packages-list,
.sitemap-list,
.sitemap-sub-list,
.source .source-list,
.link-list {
list-style: none;
margin: 0;
padding: 0
}
.link-list {
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-size: 18px
}
.link-list li {
border-bottom: 1px solid rgba(128, 158, 167, .3);
padding: 15px 0
}
.mobile-header {
zoom: 1;
background: #fff;
display: none;
height: 60px;
position: fixed;
top: 0;
width: 100%;
z-index: 800
}
.mobile-header:before,
.mobile-header:after {
content: " ";
display: table
}
.mobile-header:after {
clear: both
}
@media (max-width: 991px) {
.mobile-header {
display: block
}
}
.mobile-header .mobile-header-logo {
zoom: 1;
display: table;
margin-left: 80px;
margin-right: 15px;
width: 70%
}
.mobile-header .mobile-header-logo:before,
.mobile-header .mobile-header-logo:after {
content: " ";
display: table
}
.mobile-header .mobile-header-logo:after {
clear: both
}
.mobile-header .mobile-header-logo .mobile-header-logo-img {
background-position: center;
background-repeat: no-repeat;
background-size: 72px 45px;
display: table-cell;
float: left;
height: 60px;
margin-right: 4px;
padding: 9px 0;
width: 72px
}
.mobile-header .mobile-header-logo .mobile-header-title {
font-size: 14px;
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
line-height: 58px;
margin-left: 5px;
max-width: 200px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: auto
}
@media all and (min-width: 570px) {
.mobile-header .mobile-header-logo .mobile-header-title {
max-width: 500px
}
}
@media all and (min-width: 420px) {
.mobile-header .mobile-header-logo .mobile-header-title {
max-width: 300px
}
}
.mobile-header .country-selector h3 {
display: inline;
font-family: "HelveticaNeueLTW06-55Roman", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-size: 18px
}
.mobile-header .country-selector .sod_select {
background: none;
border: none;
font-family: "HelveticaNeueLTW06-55Roman", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-size: 16px;
margin-top: 5px;
padding: 0;
padding-right: 13px;
text-transform: none;
width: auto
}
.mobile-header .country-selector .sod_select.focus {
-webkit-box-shadow: none;
box-shadow: none
}
.mobile-header .country-selector .sod_select:before {
color: #003b73;
font-family: "Icomoon";
font-size: 12px;
top: 5px
}
.mobile-header .country-selector .sod_select:after {
display: none
}
.mobile-header .country-selector .sod_select .sod_label {
font-family: "HelveticaNeueLTW06-55Roman", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-weight: normal;
position: relative;
top: 2px
}
.mobile-header .country-selector .sod_select .sod_list_wrapper {
border: none
}
.mobile-header .country-selector,
.mobile-header .language-selector {
display: inline;
position: relative;
top: -1px
}
@media (max-width: 1227px) {
.mobile-header .country-selector,
.mobile-header .language-selector {
border-bottom: 1px solid rgba(128, 158, 167, .3);
display: block;
padding-bottom: 15px
}
}
.mobile-header .country-selector .title,
.mobile-header .language-selector .title {
display: inline;
font-size: 14px;
margin: 0 5px 0 0
}
.mobile-header .country-selector a,
.mobile-header .country-selector .sod_label,
.mobile-header .language-selector a,
.mobile-header .language-selector .sod_label {
color: #003b73;
font-size: 14px
}
.mobile-header .country-selector a .icon,
.mobile-header .country-selector .sod_label .icon,
.mobile-header .language-selector a .icon,
.mobile-header .language-selector .sod_label .icon {
margin-left: 3px;
vertical-align: -20%
}
.mobile-header .country-selector a:hover,
.mobile-header .country-selector .sod_label:hover,
.mobile-header .language-selector a:hover,
.mobile-header .language-selector .sod_label:hover {
color: #006fd9
}
.mobile-header .title {
font-size: 14px;
display: block;
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
margin: 0 0 2px
}
.mobile-header .subtitle {
font-size: 14px;
display: block;
margin: 0
}
.mobile-header .language-selector .languages {
color: #003b73;
display: inline
}
.mobile-header .language-selector .languages a.active {
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif
}
.mobile-header .item-basket .icon-shopping {
font-size: 26px;
margin-right: 3px;
vertical-align: -24%
}
.mobile-header .item-basket .text {
position: relative;
top: 7px
}
.mobile-header .item-sample {
margin-bottom: 10px
}
.mobile-header .item-sample a {
border: 1px solid #b9d9eb;
border-radius: 3px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 15px
}
.mobile-header .item-sample .image {
-ms-flex-preferred-size: 90px;
flex-basis: 90px
}
.mobile-header .item-sample .image img {
max-height: 55px;
max-width: 80px
}
.mobile-header .item-sample .text {
-ms-flex-preferred-size: 150px;
flex-basis: 150px
}
.mobile-header .mobile-menu {
-webkit-transition: all .5s;
transition: all .5s;
position: absolute;
top: 0;
width: 260px
}
.mobile-header .mobile-menu.active .mobile-menu-top .mobile-menu-trigger {
z-index: 900
}
.mobile-header .mobile-menu.mobile-menu-left {
left: -260px
}
.mobile-header .mobile-menu.mobile-menu-left .mobile-menu-trigger {
left: 100%
}
.mobile-header .mobile-menu.mobile-menu-right {
right: -260px
}
.mobile-header .mobile-menu.mobile-menu-right .mobile-menu-trigger {
right: 100%
}
.mobile-header .mobile-menu .mobile-menu-top {
-webkit-transition: width .5s;
transition: width .5s;
background: #b9d9eb;
height: 60px;
position: relative;
width: 100%
}
.mobile-header .mobile-menu .mobile-menu-top .mobile-menu-trigger {
background: #b9d9eb;
color: #003b73;
cursor: pointer;
display: block;
font-size: 20px;
height: 60px;
position: absolute;
width: 60px;
z-index: 800
}
.mobile-header .mobile-menu .mobile-menu-top .mobile-menu-trigger .icon {
display: block;
line-height: 60px;
text-align: center;
width: 60px
}
.mobile-header .mobile-menu .mobile-menu-top .mobile-menu-top-content {
zoom: 1;
padding: 20px
}
.mobile-header .mobile-menu .mobile-menu-top .mobile-menu-top-content:before,
.mobile-header .mobile-menu .mobile-menu-top .mobile-menu-top-content:after {
content: " ";
display: table
}
.mobile-header .mobile-menu .mobile-menu-top .mobile-menu-top-content:after {
clear: both
}
.mobile-header .mobile-menu .mobile-menu-top .mobile-menu-search {
height: 60px;
position: relative
}
.mobile-header .mobile-menu .mobile-menu-top .mobile-menu-search::-webkit-input-placeholder {
color: #fff;
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif
}
.mobile-header .mobile-menu .mobile-menu-top .mobile-menu-search:-ms-input-placeholder {
color: #fff;
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif
}
.mobile-header .mobile-menu .mobile-menu-top .mobile-menu-search::-ms-input-placeholder {
color: #fff;
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif
}
.mobile-header .mobile-menu .mobile-menu-top .mobile-menu-search::placeholder {
color: #fff;
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif
}
.mobile-header .mobile-menu .mobile-menu-top .mobile-menu-search .mobile-menu-search-field {
background: none;
border: none;
border-bottom: 1px solid #fff;
border-radius: 0;
color: #003b73;
display: none;
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-size: 16px;
line-height: 22px;
max-width: 90%;
outline: none;
padding: 0;
width: 240px
}
.mobile-header .mobile-menu .mobile-menu-top .mobile-menu-search .mobile-menu-search-submit {
background: none;
border: none;
color: #fff;
cursor: pointer;
display: block;
font-size: 24px;
height: 60px;
left: -22px;
outline: none;
padding: 0;
position: absolute;
top: -18px;
width: 60px
}
.mobile-header .mobile-menu .mobile-menu-top .mobile-menu-top-title {
color: #003b73;
font-size: 18px;
margin: 0
}
.mobile-header .mobile-menu .mobile-menu-top .mobile-menu-top-logout {
border-bottom: 1px solid #003b73;
color: #003b73;
font-size: 18px;
padding-bottom: 2px
}
.mobile-header .mobile-menu .mobile-menu-content-wrapper {
zoom: 1;
background: #003b73;
font-size: 18px;
height: 100%;
overflow-y: scroll;
position: relative;
z-index: 1
}
.mobile-header .mobile-menu .mobile-menu-content-wrapper:before,
.mobile-header .mobile-menu .mobile-menu-content-wrapper:after {
content: " ";
display: table
}
.mobile-header .mobile-menu .mobile-menu-content-wrapper:after {
clear: both
}
.mobile-header .mobile-menu .mobile-menu-content-inner-wrapper {
background: #003b73
}
.mobile-header .mobile-menu.mobile-menu-right .mobile-menu-content-wrapper,
.mobile-header .mobile-menu.mobile-menu-right .mobile-menu-content-inner-wrapper {
background: #fff
}
.mobile-header .mobile-menu .mobile-menu-content {
zoom: 1;
padding: 20px
}
.mobile-header .mobile-menu .mobile-menu-content:before,
.mobile-header .mobile-menu .mobile-menu-content:after {
content: " ";
display: table
}
.mobile-header .mobile-menu .mobile-menu-content:after {
clear: both
}
.mobile-header .mobile-menu .mobile-menu-content .pushbox-text {
padding: 0
}
.mobile-header .mobile-menu .mobile-main-menu {
background: #fff
}
.mobile-header .mobile-menu .mobile-menu-utility {
padding-bottom: 100px
}
.mobile-header .mobile-menu .mobile-menu-utility ul li {
color: #fff;
line-height: 1.4em;
margin-bottom: 15px
}
.mobile-header .mobile-menu .mobile-menu-utility ul li.has-submenu:before {
content: none
}
.mobile-header .mobile-menu .mobile-menu-utility ul a {
color: #fff;
font-family: "HelveticaNeueLTW06-55Roman", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-size: 18px
}
.mobile-header .mobile-menu .mobile-menu-utility ul .submenu-trigger {
cursor: pointer;
padding-left: 26px
}
.mobile-header .mobile-menu .mobile-menu-utility ul .submenu-trigger i {
font-size: 0.9em;
margin-left: 10px;
top: 2px
}
.mobile-header .mobile-menu .mobile-menu-utility ul .submenu {
margin-top: 20px
}
.mobile-header .mobile-menu .mobile-menu-utility ul .submenu li:first-child {
margin-top: 20px
}
.mobile-header .mobile-menu .mobile-menu-list {
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif
}
.mobile-header .mobile-menu .mobile-menu-list li {
margin-bottom: 20px;
position: relative
}
.mobile-header .mobile-menu .mainmenu>li {
font-size: 18px
}
.mobile-header .mobile-menu .mainmenu>li:last-child {
margin-bottom: 0
}
.mobile-header .mobile-menu .has-submenu .submenu-trigger {
display: inline-block;
padding-left: 26px;
position: relative
}
.mobile-header .mobile-menu .has-submenu .submenu-trigger:before {
color: #b9d9eb;
display: block;
font-family: "Icomoon";
font-size: 16px;
left: 0;
position: absolute;
top: 4px
}
.mobile-header .mobile-menu .expanded-submenu .has-submenu .submenu-trigger {
padding-left: 0
}
.mobile-header .mobile-menu .expanded-submenu .has-submenu .submenu-trigger:before {
content: none
}
.mobile-header .mobile-menu .submenu {
border-bottom: 1px solid rgba(128, 158, 167, .3);
border-top: 1px solid rgba(128, 158, 167, .3);
display: none;
margin-top: 20px;
padding: 20px 0 0 26px
}
.mobile-header .mobile-menu .submenu .submenu-header {
font-size: 18px
}
.mobile-header .mobile-menu .submenu li {
font-size: 16px
}
.mobile-header .mobile-menu .expanded-submenu .submenu {
display: block;
padding-left: 0
}
.mobile-header .mobile-menu .grandchildmenu {
font-family: "HelveticaNeueLTW06-55Roman", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
margin-top: 20px;
padding-left: 20px
}
.mobile-header .mobile-menu .grandchildmenu li {
font-size: 14px
}
.mobile-menu-cover {
background: rgba(0, 0, 0, .5);
display: none;
height: 100%;
position: absolute;
top: 0;
width: 100%;
z-index: 200
}
.tab-content {
background: #fff;
display: none
}
.tabs-transparent .tab-content {
background: transparent
}
.tab-content.active {
display: block
}
.tab-content.active.product-finder {
background-color: #fff
}
.tab-content.active.product-finder.with-border {
border-top: 1px solid rgba(128, 158, 167, .3)
}
.tab-content.with-border {
border: 1px solid rgba(128, 158, 167, .3);
border-top: none;
padding: 15px
}
.tab-content.with-border .section-title {
padding-top: 0
}
.tab-content.with-border.with-light-beige-bg {
background: #f9f6f2;
border: 1px solid rgba(128, 158, 167, .3)
}
.tab-content.with-overflow {
overflow: visible
}
.tab-content-outside {
display: none
}
.tab-content-outside.active {
display: block
}
.tab-list {
zoom: 1;
border-bottom: 1px solid rgba(128, 158, 167, .3);
margin: 0;
padding: 0 0 0 20px
}
.tab-list:before,
.tab-list:after {
content: " ";
display: table
}
.tab-list:after {
clear: both
}
@media (max-width: 767px) {
.tab-list {
padding-left: 0
}
}
.tab-list.no-border {
border-bottom: none
}
.tab-list.tab-list-full {
padding-left: 0
}
.tab-list.tab-list-full .tab {
border-left-color: #fdfbf8;
border-right-color: #fdfbf8;
text-align: center
}
.tab-list.tab-list-full .tab a {
padding: 12px 0 8px
}
.tab-list.tab-list-full.tab-list-count-1 .tab {
width: 100%
}
.tab-list.tab-list-full.tab-list-count-2 .tab {
width: 50%
}
.tab-list.tab-list-full.tab-list-count-3 .tab {
width: 33.33%
}
.tab-list.tab-list-full.tab-list-count-4 .tab {
width: 25%
}
.tab-list.tab-list-full.tab-list-count-5 .tab {
width: 20%
}
.tab-list.tab-list-full.tab-list-count-6 .tab {
width: 16.6666667%
}
.tab-list .tab {
font-size: 20px;
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
border-top-color: #fdfbf8;
background: #f8fbfd;
border: 1px solid transparent;
border-bottom-color: rgba(128, 158, 167, .3);
bottom: -1px;
display: block;
float: left;
position: relative
}
@media (max-width: 991px) {
.tab-list .tab {
font-size: 16px
}
}
@media (max-width: 767px) {
.tab-list .tab {
margin-right: 0;
width: 50%
}
.tab-list .tab a {
padding-left: 15px;
padding-right: 15px
}
.tab-list .tab:before {
content: none
}
}
.tab-list .tab a {
display: block;
padding: 12px 30px 4px;
position: relative
}
.tab-list .tab.active {
z-index: 2
}
.tab-list .tab.active {
background: #fff;
border-bottom-color: #fff;
border-left-color: rgba(128, 158, 167, .3);
border-right-color: rgba(128, 158, 167, .3);
border-top-color: rgba(128, 158, 167, .3)
}
.tabs-transparent .tab-list .tab.active {
background: #fdfbf8;
border-bottom-color: #fdfbf8
}
.toggle-tooltip {
cursor: pointer;
display: inline-block
}
.tooltip {
display: none;
max-width: 270px;
position: absolute;
z-index: 2
}
@media (max-width: 569px) {
.tooltip {
left: 0 !important;
max-width: 100%;
padding: 0 10px;
width: 100%
}
.tooltip .tooltip-content-wrapper {
width: 100%
}
}
.tooltip .tooltip-content-wrapper {
background: #fff;
border: 1px solid rgba(128, 158, 167, .3);
border-radius: 4px;
-webkit-box-shadow: 0 10px 20px 5px rgba(0, 0, 0, .08);
box-shadow: 0 10px 20px 5px rgba(0, 0, 0, .08);
padding: 15px;
position: relative
}
.tooltip .tooltip-close {
height: 30px;
position: absolute;
right: 0;
text-align: center;
top: 5px;
width: 30px
}
.tooltip .tooltip-arrow {
height: 12px;
left: 50%;
position: absolute;
top: -11px;
width: 24px
}
@media (max-width: 767px) {
.tooltip .tooltip-arrow {
display: none
}
}
.tooltip .tooltip-arrow:after,
.tooltip .tooltip-arrow:before {
border-bottom: 12px solid #fff;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
content: "";
height: 0;
left: -50%;
position: absolute;
width: 0
}
.tooltip .tooltip-arrow:before {
border-bottom-color: rgba(128, 158, 167, .3);
top: -1px
}
.tooltip .tooltip-title {
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-size: 14px;
margin-bottom: 5px
}
.tooltip p {
font-size: 14px;
margin-bottom: 0
}
body,
textarea,
input[type=text],
input[type=select],
button,
td {
color: #003b73;
font-family: "Microsoft JhengHei","HelveticaNeueLTW06-55Roman", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
a {
color: #003b73;
text-decoration: none
}
a:hover {
color: #7388a4
}
a img {
border: none
}
.accordion-content a,
.text-content a,
a.link,
p a {
color: #003b73;
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
color: #d0006f
}
.accordion-content a:hover,
.text-content a:hover,
a.link:hover,
p a:hover {
color: #d0006f;
text-decoration: underline
}
a.btn,
.js-review .p-w-r .pr-media-modal a.pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r a.pr-accessible-btn {
color: #003b73
}
a.btn:hover,
.js-review .p-w-r .pr-media-modal a.pr-accessible-btn:hover,
.js-review[data-reviewtype="ReviewForm"] .p-w-r a.pr-accessible-btn:hover {
text-decoration: none
}
.underlined {
text-decoration: underline
}
.dashed {
border-bottom: 1px dashed
}
p {
font-size: 16px;
line-height: 1.4em;
margin-top: 0
}
strong,
b,
.strong {
font-family: "Microsoft JhengHei","HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-weight: normal
}
sup {
font-size: 10px
}
h2 {
margin: 0 0 2px;
font-family: "Microsoft JhengHei","HelveticaNeueLTW06-55Roman", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-size: 28px;
font-weight: normal
}
h3 {
margin: 0 0 2px;
font-family: "Microsoft JhengHei","HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-size: 23px;
font-weight: normal
}
h4 {
font-size: 16px;
font-family: "Microsoft JhengHei","HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-weight: normal;
margin: 0
}
.content-subtitle {
font-family: "Microsoft JhengHei","HelveticaNeueLTW06-45Light", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif
}
.listing-title {
margin-bottom: 10px
}
.thick {
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif
}
.preamble {
font-size: 22px;
font-family: "HelveticaNeueLTW06-45Light", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
margin-bottom: 20px
}
@media (max-width: 1227px) {
.preamble {
font-size: 21px
}
}
@media (max-width: 767px) {
.preamble {
font-size: 18px
}
}
.success-message {
color: #85ba35
}
.error-message {
color: red
}
.warning-message {
color: #f58025
}
.text-content {
overflow: hidden
}
@media (max-width: 1227px) {
.text-content .col-md-12 {
margin-bottom: 35px;
padding: 0
}
}
@media (max-width: 991px) {
.text-content .col-sm-12 {
margin-bottom: 35px;
padding: 0
}
}
@media (max-width: 767px) {
.text-content .col-xs-12 {
margin-bottom: 35px;
padding: 0
}
}
.text-content[class*="col-"] {
padding: 0
}
.text-content [class*="col-"]:first-child {
padding-left: 0
}
.text-content [class*="col-"]:last-child {
padding-right: 0
}
.text-content h2 {
margin: 0 0 5px
}
.text-content p {
margin: 0 0 20px
}
@media (max-width: 1227px) {
.text-content p {
margin-bottom: 25px
}
}
.text-content p.preamble {
font-size: 22px
}
@media (max-width: 1227px) {
.text-content p.preamble {
font-size: 21px
}
}
@media (max-width: 991px) {
.text-content p.preamble {
font-size: 19px
}
}
.text-content p:last-child {
margin: 0
}
.text-content ul {
margin: 0 0 20px;
padding: 0
}
.text-content ul li {
font-size: 16px;
line-height: 1.3;
margin: 0 0 5px 45px;
padding: 0
}
@media (max-width: 569px) {
.text-content ul li {
margin-left: 30px
}
}
.text-content ul:last-child {
margin-bottom: 0
}
.DotStyle {
border: 1px solid #003b73;
border-radius: 50px;
display: inline-block;
height: 11px;
width: 11px
}
body.照護您親愛的家人 .DotStyle {
border: 1px solid #19913e;
}
body.專業失禁護理 .DotStyle {
border: 1px solid #85ba35;
}
.DotStyle.is-halfFilled {
border-left: 6px solid #003b73;
border-radius: 10px
}
body.照護您親愛的家人 .DotStyle.is-halfFilled {
border-left: 6px solid #19913e;
}
body.專業失禁護理 .DotStyle.is-halfFilled {
border-left: 6px solid #85ba35;
}
.DotStyle.is-filled {
background-color: #003b73
}
body.照護您親愛的家人 .DotStyle.is-filled {
background-color: #19913e;
}
body.專業失禁護理 .DotStyle.is-filled {
background-color: #85ba35;
}
.DropStyle {
display: inline-block;
height: 11px;
width: 11px
}
.DropStyle:before {
color: #003b73
}
body.照護您親愛的家人 .DropStyle:before {
color: #19913e;
}
body.專業失禁護理 .DropStyle:before {
color: #85ba35;
}
.DropStyle.is-empty:before {
content: ""
}
.DropStyle.is-halfFilled:before {
content: ""
}
.DropStyle.is-filled:before {
content: ""
}
.accordion-bg-light.accordion.accordion-base,
.accordion-bg-light.accordion.accordion-pushbox,
.accordion-bg-light.accordion.accordion-product-family-selector,
.accordion-bg-light.accordion.accordion-boxed,
.accordion-bg-light.accordion.accordion-product-suggester {
background: #fff
}
.accordion-bg-transparent.accordion.accordion-base .accordion-item,
.accordion-bg-transparent.accordion.accordion-pushbox .accordion-item,
.accordion-bg-transparent.accordion.accordion-product-family-selector .accordion-item,
.accordion-bg-transparent.accordion.accordion-boxed .accordion-item,
.accordion-bg-transparent.accordion.accordion-product-suggester .accordion-item {
background: url("../img/box-bg-semitransparent.png")
}
.accordion.accordion-base .accordion-item,
.accordion.accordion-pushbox .accordion-item,
.accordion.accordion-product-family-selector .accordion-item,
.accordion.accordion-boxed .accordion-item,
.accordion.accordion-product-suggester .accordion-item {
zoom: 1;
margin-bottom: 10px
}
.accordion.accordion-base .accordion-item:before,
.accordion.accordion-pushbox .accordion-item:before,
.accordion.accordion-product-family-selector .accordion-item:before,
.accordion.accordion-boxed .accordion-item:before,
.accordion.accordion-product-suggester .accordion-item:before,
.accordion.accordion-base .accordion-item:after,
.accordion.accordion-pushbox .accordion-item:after,
.accordion.accordion-product-family-selector .accordion-item:after,
.accordion.accordion-boxed .accordion-item:after,
.accordion.accordion-product-suggester .accordion-item:after {
content: " ";
display: table
}
.accordion.accordion-base .accordion-item:after,
.accordion.accordion-pushbox .accordion-item:after,
.accordion.accordion-product-family-selector .accordion-item:after,
.accordion.accordion-boxed .accordion-item:after,
.accordion.accordion-product-suggester .accordion-item:after {
clear: both
}
.accordion.accordion-base .accordion-item.accordion-inactive,
.accordion.accordion-pushbox .accordion-item.accordion-inactive,
.accordion.accordion-product-family-selector .accordion-item.accordion-inactive,
.accordion.accordion-boxed .accordion-item.accordion-inactive,
.accordion.accordion-product-suggester .accordion-item.accordion-inactive {
border-color: #cfcfcf;
color: #a2a2a2
}
.accordion.accordion-base .accordion-item.accordion-inactive .accordion-title,
.accordion.accordion-pushbox .accordion-item.accordion-inactive .accordion-title,
.accordion.accordion-product-family-selector .accordion-item.accordion-inactive .accordion-title,
.accordion.accordion-boxed .accordion-item.accordion-inactive .accordion-title,
.accordion.accordion-product-suggester .accordion-item.accordion-inactive .accordion-title {
color: #a2a2a2;
cursor: not-allowed
}
.accordion.accordion-base .accordion-item.accordion-inactive .accordion-title:hover,
.accordion.accordion-pushbox .accordion-item.accordion-inactive .accordion-title:hover,
.accordion.accordion-product-family-selector .accordion-item.accordion-inactive .accordion-title:hover,
.accordion.accordion-boxed .accordion-item.accordion-inactive .accordion-title:hover,
.accordion.accordion-product-suggester .accordion-item.accordion-inactive .accordion-title:hover {
color: inherit
}
.accordion.accordion-base .accordion-item.accordion-inactive .accordion-content,
.accordion.accordion-pushbox .accordion-item.accordion-inactive .accordion-content,
.accordion.accordion-product-family-selector .accordion-item.accordion-inactive .accordion-content,
.accordion.accordion-boxed .accordion-item.accordion-inactive .accordion-content,
.accordion.accordion-product-suggester .accordion-item.accordion-inactive .accordion-content {
display: none
}
.accordion.accordion-base .accordion-item.accordion-inactive:hover,
.accordion.accordion-pushbox .accordion-item.accordion-inactive:hover,
.accordion.accordion-product-family-selector .accordion-item.accordion-inactive:hover,
.accordion.accordion-boxed .accordion-item.accordion-inactive:hover,
.accordion.accordion-product-suggester .accordion-item.accordion-inactive:hover {
color: #a2a2a2
}
.accordion.accordion-base .accordion-item .accordion-title,
.accordion.accordion-pushbox .accordion-item .accordion-title,
.accordion.accordion-product-family-selector .accordion-item .accordion-title,
.accordion.accordion-boxed .accordion-item .accordion-title,
.accordion.accordion-product-suggester .accordion-item .accordion-title {
font-size: 22px;
color: #003b73;
cursor: pointer;
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-weight: normal;
height: 100%;
margin: 0;
padding: 15px;
position: relative
}
@media (max-width: 1227px) {
.accordion.accordion-base .accordion-item .accordion-title,
.accordion.accordion-pushbox .accordion-item .accordion-title,
.accordion.accordion-product-family-selector .accordion-item .accordion-title,
.accordion.accordion-boxed .accordion-item .accordion-title,
.accordion.accordion-product-suggester .accordion-item .accordion-title {
font-size: 21px
}
}
@media (max-width: 767px) {
.accordion.accordion-base .accordion-item .accordion-title,
.accordion.accordion-pushbox .accordion-item .accordion-title,
.accordion.accordion-product-family-selector .accordion-item .accordion-title,
.accordion.accordion-boxed .accordion-item .accordion-title,
.accordion.accordion-product-suggester .accordion-item .accordion-title {
font-size: 18px
}
}
@media (max-width: 767px) {
.accordion.accordion-base .accordion-item .accordion-title,
.accordion.accordion-pushbox .accordion-item .accordion-title,
.accordion.accordion-product-family-selector .accordion-item .accordion-title,
.accordion.accordion-boxed .accordion-item .accordion-title,
.accordion.accordion-product-suggester .accordion-item .accordion-title {
padding: 10px
}
}
.accordion.accordion-base .accordion-item .accordion-title i,
.accordion.accordion-pushbox .accordion-item .accordion-title i,
.accordion.accordion-product-family-selector .accordion-item .accordion-title i,
.accordion.accordion-boxed .accordion-item .accordion-title i,
.accordion.accordion-product-suggester .accordion-item .accordion-title i {
float: none;
margin: 0 5px 0 15px;
position: relative;
top: 2px;
vertical-align: baseline
}
.accordion.accordion-base .accordion-item .accordion-title.accordion-title-small,
.accordion.accordion-pushbox .accordion-item .accordion-title.accordion-title-small,
.accordion.accordion-product-family-selector .accordion-item .accordion-title.accordion-title-small,
.accordion.accordion-boxed .accordion-item .accordion-title.accordion-title-small,
.accordion.accordion-product-suggester .accordion-item .accordion-title.accordion-title-small {
font-size: 16px
}
@media (max-width: 767px) {
.accordion.accordion-base .accordion-item .accordion-title.accordion-title-small,
.accordion.accordion-pushbox .accordion-item .accordion-title.accordion-title-small,
.accordion.accordion-product-family-selector .accordion-item .accordion-title.accordion-title-small,
.accordion.accordion-boxed .accordion-item .accordion-title.accordion-title-small,
.accordion.accordion-product-suggester .accordion-item .accordion-title.accordion-title-small {
font-size: 14px
}
}
.accordion.accordion-base .accordion-item .accordion-title .form-field-checkbox,
.accordion.accordion-pushbox .accordion-item .accordion-title .form-field-checkbox,
.accordion.accordion-product-family-selector .accordion-item .accordion-title .form-field-checkbox,
.accordion.accordion-boxed .accordion-item .accordion-title .form-field-checkbox,
.accordion.accordion-product-suggester .accordion-item .accordion-title .form-field-checkbox {
margin: 0
}
.accordion.accordion-base .accordion-item .accordion-title .form-field-checkbox .field-checkbox-container,
.accordion.accordion-pushbox .accordion-item .accordion-title .form-field-checkbox .field-checkbox-container,
.accordion.accordion-product-family-selector .accordion-item .accordion-title .form-field-checkbox .field-checkbox-container,
.accordion.accordion-boxed .accordion-item .accordion-title .form-field-checkbox .field-checkbox-container,
.accordion.accordion-product-suggester .accordion-item .accordion-title .form-field-checkbox .field-checkbox-container {
margin-bottom: 0
}
.accordion.accordion-base .accordion-item .accordion-title:hover,
.accordion.accordion-pushbox .accordion-item .accordion-title:hover,
.accordion.accordion-product-family-selector .accordion-item .accordion-title:hover,
.accordion.accordion-boxed .accordion-item .accordion-title:hover,
.accordion.accordion-product-suggester .accordion-item .accordion-title:hover {
color: #416e98
}
.accordion.accordion-base .accordion-item .accordion-content,
.accordion.accordion-pushbox .accordion-item .accordion-content,
.accordion.accordion-product-family-selector .accordion-item .accordion-content,
.accordion.accordion-boxed .accordion-item .accordion-content,
.accordion.accordion-product-suggester .accordion-item .accordion-content {
zoom: 1
}
.accordion.accordion-base .accordion-item .accordion-content:before,
.accordion.accordion-pushbox .accordion-item .accordion-content:before,
.accordion.accordion-product-family-selector .accordion-item .accordion-content:before,
.accordion.accordion-boxed .accordion-item .accordion-content:before,
.accordion.accordion-product-suggester .accordion-item .accordion-content:before,
.accordion.accordion-base .accordion-item .accordion-content:after,
.accordion.accordion-pushbox .accordion-item .accordion-content:after,
.accordion.accordion-product-family-selector .accordion-item .accordion-content:after,
.accordion.accordion-boxed .accordion-item .accordion-content:after,
.accordion.accordion-product-suggester .accordion-item .accordion-content:after {
content: " ";
display: table
}
.accordion.accordion-base .accordion-item .accordion-content:after,
.accordion.accordion-pushbox .accordion-item .accordion-content:after,
.accordion.accordion-product-family-selector .accordion-item .accordion-content:after,
.accordion.accordion-boxed .accordion-item .accordion-content:after,
.accordion.accordion-product-suggester .accordion-item .accordion-content:after {
clear: both
}
.accordion.accordion-base .accordion-item .accordion-content .accordion-content-inner,
.accordion.accordion-pushbox .accordion-item .accordion-content .accordion-content-inner,
.accordion.accordion-product-family-selector .accordion-item .accordion-content .accordion-content-inner,
.accordion.accordion-boxed .accordion-item .accordion-content .accordion-content-inner,
.accordion.accordion-product-suggester .accordion-item .accordion-content .accordion-content-inner {
zoom: 1;
padding: 0 20px 20px
}
.accordion.accordion-base .accordion-item .accordion-content .accordion-content-inner:before,
.accordion.accordion-pushbox .accordion-item .accordion-content .accordion-content-inner:before,
.accordion.accordion-product-family-selector .accordion-item .accordion-content .accordion-content-inner:before,
.accordion.accordion-boxed .accordion-item .accordion-content .accordion-content-inner:before,
.accordion.accordion-product-suggester .accordion-item .accordion-content .accordion-content-inner:before,
.accordion.accordion-base .accordion-item .accordion-content .accordion-content-inner:after,
.accordion.accordion-pushbox .accordion-item .accordion-content .accordion-content-inner:after,
.accordion.accordion-product-family-selector .accordion-item .accordion-content .accordion-content-inner:after,
.accordion.accordion-boxed .accordion-item .accordion-content .accordion-content-inner:after,
.accordion.accordion-product-suggester .accordion-item .accordion-content .accordion-content-inner:after {
content: " ";
display: table
}
.accordion.accordion-base .accordion-item .accordion-content .accordion-content-inner:after,
.accordion.accordion-pushbox .accordion-item .accordion-content .accordion-content-inner:after,
.accordion.accordion-product-family-selector .accordion-item .accordion-content .accordion-content-inner:after,
.accordion.accordion-boxed .accordion-item .accordion-content .accordion-content-inner:after,
.accordion.accordion-product-suggester .accordion-item .accordion-content .accordion-content-inner:after {
clear: both
}
@media (max-width: 767px) {
.accordion.accordion-base .accordion-item .accordion-content .accordion-content-inner,
.accordion.accordion-pushbox .accordion-item .accordion-content .accordion-content-inner,
.accordion.accordion-product-family-selector .accordion-item .accordion-content .accordion-content-inner,
.accordion.accordion-boxed .accordion-item .accordion-content .accordion-content-inner,
.accordion.accordion-product-suggester .accordion-item .accordion-content .accordion-content-inner {
padding: 0 10px 10px
}
.accordion.accordion-base .accordion-item .accordion-content .accordion-content-inner.with-cols,
.accordion.accordion-pushbox .accordion-item .accordion-content .accordion-content-inner.with-cols,
.accordion.accordion-product-family-selector .accordion-item .accordion-content .accordion-content-inner.with-cols,
.accordion.accordion-boxed .accordion-item .accordion-content .accordion-content-inner.with-cols,
.accordion.accordion-product-suggester .accordion-item .accordion-content .accordion-content-inner.with-cols {
padding: 0 5px 10px
}
}
.accordion.accordion-base .accordion-item .accordion-content .accordion-content-inner.with-cols,
.accordion.accordion-pushbox .accordion-item .accordion-content .accordion-content-inner.with-cols,
.accordion.accordion-product-family-selector .accordion-item .accordion-content .accordion-content-inner.with-cols,
.accordion.accordion-boxed .accordion-item .accordion-content .accordion-content-inner.with-cols,
.accordion.accordion-product-suggester .accordion-item .accordion-content .accordion-content-inner.with-cols {
padding: 0 5px 20px
}
.accordion.accordion-base .accordion-item.accordion-expanded .accordion-content,
.accordion.accordion-pushbox .accordion-item.accordion-expanded .accordion-content,
.accordion.accordion-product-family-selector .accordion-item.accordion-expanded .accordion-content,
.accordion.accordion-boxed .accordion-item.accordion-expanded .accordion-content,
.accordion.accordion-product-suggester .accordion-item.accordion-expanded .accordion-content {
display: block
}
.accordion.accordion-base .accordion-item.accordion-expanded .accordion-title .text-ellipsis,
.accordion.accordion-pushbox .accordion-item.accordion-expanded .accordion-title .text-ellipsis,
.accordion.accordion-product-family-selector .accordion-item.accordion-expanded .accordion-title .text-ellipsis,
.accordion.accordion-boxed .accordion-item.accordion-expanded .accordion-title .text-ellipsis,
.accordion.accordion-product-suggester .accordion-item.accordion-expanded .accordion-title .text-ellipsis {
white-space: normal;
white-space: initial
}
.accordion.accordion-base .accordion-item.accordion-collapsed>.accordion-content,
.accordion.accordion-pushbox .accordion-item.accordion-collapsed>.accordion-content,
.accordion.accordion-product-family-selector .accordion-item.accordion-collapsed>.accordion-content,
.accordion.accordion-boxed .accordion-item.accordion-collapsed>.accordion-content,
.accordion.accordion-product-suggester .accordion-item.accordion-collapsed>.accordion-content {
height: 0;
overflow: hidden
}
.accordion.accordion-base .accordion-item.accordion-collapsed.product-suggester-box>.accordion-content,
.accordion.accordion-pushbox .accordion-item.accordion-collapsed.product-suggester-box>.accordion-content,
.accordion.accordion-product-family-selector .accordion-item.accordion-collapsed.product-suggester-box>.accordion-content,
.accordion.accordion-boxed .accordion-item.accordion-collapsed.product-suggester-box>.accordion-content,
.accordion.accordion-product-suggester .accordion-item.accordion-collapsed.product-suggester-box>.accordion-content {
height: 0
}
@media (max-width: 767px) {
.accordion.accordion-base .accordion-item.accordion-collapsed-xs .accordion-content,
.accordion.accordion-pushbox .accordion-item.accordion-collapsed-xs .accordion-content,
.accordion.accordion-product-family-selector .accordion-item.accordion-collapsed-xs .accordion-content,
.accordion.accordion-boxed .accordion-item.accordion-collapsed-xs .accordion-content,
.accordion.accordion-product-suggester .accordion-item.accordion-collapsed-xs .accordion-content {
display: none
}
}
.accordion-single.accordion.accordion-base .accordion-item,
.accordion-single.accordion.accordion-pushbox .accordion-item,
.accordion-single.accordion.accordion-product-family-selector .accordion-item,
.accordion-single.accordion.accordion-boxed .accordion-item,
.accordion-single.accordion.accordion-product-suggester .accordion-item {
margin-bottom: 0
}
.accordion-prepend-arrow.accordion.accordion-base .accordion-title-content,
.accordion-prepend-arrow.accordion.accordion-pushbox .accordion-title-content,
.accordion-prepend-arrow.accordion.accordion-product-family-selector .accordion-title-content,
.accordion-prepend-arrow.accordion.accordion-boxed .accordion-title-content,
.accordion-prepend-arrow.accordion.accordion-product-suggester .accordion-title-content {
display: block;
margin-left: 34px
}
.accordion-prepend-arrow.accordion.accordion-base .accordion-title-small .accordion-title-content,
.accordion-prepend-arrow.accordion.accordion-pushbox .accordion-title-small .accordion-title-content,
.accordion-prepend-arrow.accordion.accordion-product-family-selector .accordion-title-small .accordion-title-content,
.accordion-prepend-arrow.accordion.accordion-boxed .accordion-title-small .accordion-title-content,
.accordion-prepend-arrow.accordion.accordion-product-suggester .accordion-title-small .accordion-title-content {
margin-left: 30px
}
.accordion.accordion-pushbox .accordion-item {
color: gray
}
.accordion.accordion-pushbox .accordion-item .accordion-title {
font-size: 22px;
color: gray;
padding: 0
}
@media (max-width: 1227px) {
.accordion.accordion-pushbox .accordion-item .accordion-title {
font-size: 21px
}
}
@media (max-width: 767px) {
.accordion.accordion-pushbox .accordion-item .accordion-title {
font-size: 18px
}
}
.accordion.accordion-pushbox .accordion-item .accordion-title:hover {
color: #416e98
}
.accordion.accordion-pushbox .accordion-item .accordion-content {
padding-top: 10px
}
.accordion.accordion-pushbox .accordion-item .accordion-content .accordion-content-inner {
padding: 0
}
.accordion.accordion-pushbox .accordion-item.accordion-expanded {
color: gray
}
.accordion.accordion-pushbox .accordion-item.accordion-expanded .accordion-title {
color: #003b73
}
.accordion.accordion-pushbox .accordion-item.accordion-expanded .accordion-title:hover {
color: #416e98
}
.accordion.accordion-product-suggester .accordion-item {
background: url("../img/box-bg-semitransparent.png")
}
.accordion.accordion-product-suggester .accordion-item .product-box-content {
border-bottom: none
}
.accordion.accordion-product-family-selector {
margin-bottom: 20px
}
.accordion.accordion-product-family-selector .accordion-item {
background-color: #fff;
border: 1px solid rgba(128, 158, 167, .3);
border-radius: 0
}
.accordion.accordion-product-family-selector .accordion-item .accordion-content .accordion-content-inner {
padding: 20px 0
}
.accordion.accordion-product-family-selector .accordion-item .accordion-content .product-family-item {
cursor: pointer
}
.accordion.accordion-product-family-selector .accordion-item .accordion-content .product-family-item .product-family-item-img {
height: 135px
}
.accordion.accordion-product-family-selector .accordion-item .accordion-content .product-family-item img {
display: block;
margin: 0 auto;
max-height: 135px;
max-width: 80%
}
.accordion.accordion-product-family-selector .accordion-item .accordion-content .product-family-item p {
font-size: 14px;
line-height: 1.2em
}
.accordion.accordion-product-family-selector .accordion-item .accordion-content .product-family-item .crate {
padding: 10px
}
.accordion.accordion-product-family-selector .accordion-item .accordion-content .product-family-item:not(.selected) .crate {
border: 1px solid transparent
}
.accordion.accordion-product-family-selector .accordion-item .accordion-content .product-family-item.selected .crate {
background: #fff
}
.accordion.accordion-product-family-selector .accordion-item .accordion-content .product-family-item:hover .crate {
border: 1px solid rgba(128, 158, 167, .3)
}
.accordion.accordion-boxed .accordion-item,
.accordion.accordion-product-suggester .accordion-item {
background-color: #fff;
border-radius: 0;
border: 1px solid rgba(128, 158, 167, .3);
margin-bottom: 20px
}
.accordion.accordion-boxed .accordion-item:last-child,
.accordion.accordion-product-suggester .accordion-item:last-child {
margin-bottom: 0
}
.component-article-list .article-list-container .article-list-filters {
list-style: none;
overflow: hidden;
padding: 0
}
.component-article-list .article-list-container .article-list-filters li {
display: inline-block;
float: left;
margin-bottom: 10px;
margin-right: 10px
}
@media (max-width: 569px) {
.component-article-list .article-list-container .article-list-filters li {
width: 100%
}
}
.component-article-list .article-list-container .article-list-filters li a {
background: #e3f0f7;
background-color: #c4c2be;
border: 1px #ddd solid;
color: #003b73;
display: block;
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
padding: 7px 18px 9px
}
@media (max-width: 569px) {
.component-article-list .article-list-container .article-list-filters li a {
text-align: center
}
}
.component-article-list .article-list-container .article-list-filters li a:hover {
background-color: #f8fbfd
}
.component-article-list .article-list-container .article-list-filters li.active a {
background-color: #fff
}
.component-article-list .article-list-container .article-list .article-list-item {
margin-bottom: 10px;
overflow: hidden
}
.component-article-list .article-list-container .article-list .article-list-item .status-row {
display: block
}
.component-article-list .article-list-container .article-list .article-list-item .status-row .status-row-item {
display: inline;
font-family: "HelveticaNeueLTW06-55Roman", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-size: 14px;
margin-right: 20px
}
@media (max-width: 991px) {
.component-article-list .article-list-container .article-list .article-list-item .status-row .status-row-item {
display: inline
}
}
.component-article-list .article-list-container .article-list .article-list-item h2 {
font-size: 16px;
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif
}
.component-article-list .article-list-container .article-list .article-list-item h2 a {
color: #003b73
}
.component-article-list .article-list-container .article-list .article-list-item h2 a:hover {
color: #00315f
}
.component-article-list .article-list-container .article-list .article-list-item .article-list-image {
float: left;
margin-right: 20px;
overflow: hidden;
width: 115px
}
@media (max-width: 569px) {
.component-article-list .article-list-container .article-list .article-list-item .article-list-image {
float: none;
margin-bottom: 10px
}
}
.component-article-list .article-list-container .article-list .article-list-item .article-list-image img {
width: 100%
}
.component-article-list .article-list-container .article-list.show-more {
border-bottom: 1px solid rgba(128, 158, 167, .3)
}
.component-article-list .article-list-container .text-content {
line-height: 24px
}
.component-article-list .article-list-container.with-image .article-list-item {
padding-left: 195px
}
.component-article-list .article-list-container.list-border-version .article-list-title {
border: 0;
margin-bottom: 10px;
padding-bottom: 0
}
.component-article-list .article-list-container.list-border-version .article-list .article-list-item {
border-bottom: 1px solid rgba(128, 158, 167, .3);
border-top: 1px solid rgba(128, 158, 167, .3);
overflow: hidden;
position: relative
}
@media (max-width: 767px) {
.component-article-list .article-list-container.list-border-version .article-list .article-list-item {
border-bottom: 0;
margin-bottom: 0;
padding-left: 0
}
}
.component-article-list .article-list-container.list-border-version .article-list .article-list-item .status-row {
margin-top: 20px
}
.component-article-list .article-list-container.list-border-version .article-list .article-list-item .article-list-image {
bottom: 0;
left: 0;
position: absolute;
top: 0;
width: 175px
}
@media (max-width: 767px) {
.component-article-list .article-list-container.list-border-version .article-list .article-list-item .article-list-image {
float: none;
margin-top: 20px;
position: relative;
width: 100%
}
}
.component-article-list .article-list-container.list-border-version .article-list .article-list-item .article-list-image img {
bottom: 0;
display: block;
min-height: 100%;
min-width: 100%;
position: absolute;
top: 0;
width: auto
}
@media (max-width: 767px) {
.component-article-list .article-list-container.list-border-version .article-list .article-list-item .article-list-image img {
min-height: 0;
min-height: initial;
min-width: 0;
min-width: initial;
position: relative;
width: 150px
}
}
.component-article-list .article-list-container.list-border-version .article-list .article-list-item .article-list-image img.small-product-image {
display: block;
margin: 20px auto;
max-height: 100px;
min-height: 0;
min-height: initial;
min-width: 0;
min-width: initial;
position: relative
}
@media (max-width: 767px) {
.component-article-list .article-list-container.list-border-version .article-list .article-list-item .article-list-image img.small-product-image {
display: inline;
margin: 0;
max-height: none;
max-height: initial;
max-width: none;
max-width: initial
}
}
.component-article-list .article-list-container.list-border-version .show-more {
border: 0
}
.article {
zoom: 1
}
.article:before,
.article:after {
content: " ";
display: table
}
.article:after {
clear: both
}
.article h3 {
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-size: 21px;
margin: 0 0 7px
}
@media (max-width: 1227px) {
.article h3 {
font-size: 19px
}
}
@media (max-width: 991px) {
.article h3 {
font-size: 18px
}
}
.article h4 {
font-size: 16px;
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
margin: 0 0 5px
}
@media (max-width: 767px) {
.article h4 {
font-size: 14px
}
}
.article .article-source {
zoom: 1;
border-bottom: 1px solid rgba(128, 158, 167, .3);
border-top: 1px solid rgba(128, 158, 167, .3);
padding: 20px 40px
}
.article .article-source:before,
.article .article-source:after {
content: " ";
display: table
}
.article .article-source:after {
clear: both
}
.article .article-source a {
color: #003b73;
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif
}
.article .article-source a:hover {
text-decoration: underline
}
.article .article-source p {
font-size: 14px
}
.article .article-source p:last-child {
margin-bottom: 0
}
.article .component-video {
margin-top: 35px
}
.btn,
.js-review .p-w-r .pr-media-modal .pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-accessible-btn {
font-size: 16px;
background-color: #b9d9eb;
border: 2px solid #b9d9eb;
border-radius: 3px;
color: #003b73;
cursor: pointer;
display: inline-block;
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-weight: normal;
padding: 7px 18px 9px;
padding-right: 55px;
position: relative
}
@media (max-width: 767px) {
.btn,
.js-review .p-w-r .pr-media-modal .pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-accessible-btn {
font-size: 14px
}
}
@media (max-width: 569px) {
.btn,
.js-review .p-w-r .pr-media-modal .pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-accessible-btn {
display: block;
float: none !important;
text-align: left
}
}
.btn.btn-iconLeft,
.js-review .p-w-r .pr-media-modal .btn-iconLeft.pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .btn-iconLeft.pr-accessible-btn {
padding-left: 55px;
padding-right: 25px
}
@media (max-width: 767px) {
.btn.btn-iconLeft,
.js-review .p-w-r .pr-media-modal .btn-iconLeft.pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .btn-iconLeft.pr-accessible-btn {
margin-bottom: 10px;
padding-left: 0;
padding-right: 0;
text-align: center;
width: 100%
}
}
.btn.btn-iconLeft i,
.js-review .p-w-r .pr-media-modal .btn-iconLeft.pr-accessible-btn i,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .btn-iconLeft.pr-accessible-btn i {
left: 16px;
right: auto
}
.btn span,
.js-review .p-w-r .pr-media-modal .pr-accessible-btn span,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-accessible-btn span {
position: relative
}
@media (max-width: 767px) {
.btn span,
.js-review .p-w-r .pr-media-modal .pr-accessible-btn span,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-accessible-btn span {
line-height: 1.4
}
}
.btn i,
.js-review .p-w-r .pr-media-modal .pr-accessible-btn i,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-accessible-btn i {
font-size: 12px;
position: absolute;
right: 16px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.btn i.icon-arrow-down,
.js-review .p-w-r .pr-media-modal .pr-accessible-btn i.icon-arrow-down,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-accessible-btn i.icon-arrow-down {
font-size: 16px
}
.btn.btn-hide,
.js-review .p-w-r .pr-media-modal .btn-hide.pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .btn-hide.pr-accessible-btn {
display: none
}
.btn.no-margin,
.js-review .p-w-r .pr-media-modal .no-margin.pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .no-margin.pr-accessible-btn {
margin: 0 !important
}
.btn.clearfix,
.js-review .p-w-r .pr-media-modal .clearfix.pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .clearfix.pr-accessible-btn {
clear: both
}
.btn:hover,
.js-review .p-w-r .pr-media-modal .pr-accessible-btn:hover,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-accessible-btn:hover {
background-color: #a9d0e6;
border-color: #a9d0e6;
color: #fff
}
.btn.btn-color,
.js-review .p-w-r .pr-media-modal .btn-color.pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .btn-color.pr-accessible-btn {
color: #003b73
}
.btn.btn-full,
.js-review .p-w-r .pr-media-modal .btn-full.pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .btn-full.pr-accessible-btn {
text-align: center;
width: 100%
}
.btn.btn-light,
.js-review .p-w-r .pr-media-modal .btn-light.pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .btn-light.pr-accessible-btn {
color: #fff;
background-color: #fff;
border-color: #fff
}
.btn.btn-light:hover,
.js-review .p-w-r .pr-media-modal .btn-light.pr-accessible-btn:hover,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .btn-light.pr-accessible-btn:hover {
background-color: #f2f2f2;
border-color: #f2f2f2
}
.btn.btn-hollow,
.js-review .p-w-r .pr-media-modal .btn-hollow.pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .btn-hollow.pr-accessible-btn {
background-color: transparent
}
.btn.btn-hollow.btn-dark,
.js-review .p-w-r .pr-media-modal .btn-hollow.btn-dark.pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .btn-hollow.btn-dark.pr-accessible-btn {
color: #003b73
}
.btn.btn-hollow.btn-dark:hover,
.js-review .p-w-r .pr-media-modal .btn-hollow.btn-dark.pr-accessible-btn:hover,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .btn-hollow.btn-dark.pr-accessible-btn:hover {
background-color: #003b73;
border-color: #003b73;
color: #fff
}
.btn.btn-hollow.btn-light:hover,
.js-review .p-w-r .pr-media-modal .btn-hollow.btn-light.pr-accessible-btn:hover,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .btn-hollow.btn-light.pr-accessible-btn:hover {
background-color: #fff;
border-color: #fff;
color: #003b73
}
.btn.btn-hollow:hover,
.js-review .p-w-r .pr-media-modal .btn-hollow.pr-accessible-btn:hover,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .btn-hollow.pr-accessible-btn:hover {
background-color: transparent
}
.btn.btn-transparent,
.js-review .p-w-r .pr-media-modal .btn-transparent.pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .btn-transparent.pr-accessible-btn {
color: #b9d9eb;
background: transparent;
border-color: transparent
}
.btn.btn-transparent:hover,
.js-review .p-w-r .pr-media-modal .btn-transparent.pr-accessible-btn:hover,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .btn-transparent.pr-accessible-btn:hover {
color: #a9d0e6
}
.btn.btn-no-icon,
.btn.btn-icon-xs,
.js-review .p-w-r .pr-media-modal .btn-icon-xs.pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .btn-icon-xs.pr-accessible-btn,
.js-review .p-w-r .pr-media-modal .btn-no-icon.pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .btn-no-icon.pr-accessible-btn {
padding: 7px 18px 9px
}
@media (max-width: 569px) {
.btn.btn-no-icon,
.btn.btn-icon-xs,
.js-review .p-w-r .pr-media-modal .btn-icon-xs.pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .btn-icon-xs.pr-accessible-btn,
.js-review .p-w-r .pr-media-modal .btn-no-icon.pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .btn-no-icon.pr-accessible-btn {
text-align: center
}
}
.btn.btn-no-icon i,
.btn.btn-icon-xs i,
.js-review .p-w-r .pr-media-modal .btn-icon-xs.pr-accessible-btn i,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .btn-icon-xs.pr-accessible-btn i,
.js-review .p-w-r .pr-media-modal .btn-no-icon.pr-accessible-btn i,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .btn-no-icon.pr-accessible-btn i {
display: none
}
@media (max-width: 767px) {
.btn.btn-icon-xs,
.js-review .p-w-r .pr-media-modal .btn-icon-xs.pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .btn-icon-xs.pr-accessible-btn {
padding: 11px 18px
}
.btn.btn-icon-xs.btn-inline-field,
.js-review .p-w-r .pr-media-modal .btn-icon-xs.btn-inline-field.pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .btn-icon-xs.btn-inline-field.pr-accessible-btn {
padding: 8px 18px 9px
}
.btn.btn-icon-xs span,
.js-review .p-w-r .pr-media-modal .btn-icon-xs.pr-accessible-btn span,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .btn-icon-xs.pr-accessible-btn span {
display: none
}
.btn.btn-icon-xs i,
.js-review .p-w-r .pr-media-modal .btn-icon-xs.pr-accessible-btn i,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .btn-icon-xs.pr-accessible-btn i {
display: block;
position: relative;
right: inherit;
top: inherit
}
}
.btn.btn-icon-xs i,
.js-review .p-w-r .pr-media-modal .btn-icon-xs.pr-accessible-btn i,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .btn-icon-xs.pr-accessible-btn i {
display: none
}
.btn.horizontal-btns,
.js-review .p-w-r .pr-media-modal .horizontal-btns.pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .horizontal-btns.pr-accessible-btn {
float: left;
margin-right: 10px
}
@media (max-width: 767px) {
.btn.horizontal-btns,
.js-review .p-w-r .pr-media-modal .horizontal-btns.pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .horizontal-btns.pr-accessible-btn {
float: none;
margin: 10px 0;
text-align: center;
width: 100%
}
.btn.horizontal-btns:first-child,
.js-review .p-w-r .pr-media-modal .horizontal-btns.pr-accessible-btn:first-child,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .horizontal-btns.pr-accessible-btn:first-child {
margin-top: 0
}
.btn.horizontal-btns:last-child,
.js-review .p-w-r .pr-media-modal .horizontal-btns.pr-accessible-btn:last-child,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .horizontal-btns.pr-accessible-btn:last-child {
margin-bottom: 0
}
}
.btn.horizontal-btns.align-right,
.js-review .p-w-r .pr-media-modal .horizontal-btns.align-right.pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .horizontal-btns.align-right.pr-accessible-btn {
float: right
}
.btn.btn-inverted,
.js-review .p-w-r .pr-media-modal .btn-inverted.pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .btn-inverted.pr-accessible-btn {
background-color: #fff;
border-color: #fff;
color: #b9d9eb
}
.btn.btn-inverted:hover,
.js-review .p-w-r .pr-media-modal .btn-inverted.pr-accessible-btn:hover,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .btn-inverted.pr-accessible-btn:hover {
background-color: #eff6f5;
border-color: #eff6f5
}
.btn.btn-inactive,
.field-hidden-input input:not(:checked)+label.btn,
.field-hidden-input .js-review .p-w-r .pr-media-modal input:not(:checked)+label.pr-accessible-btn,
.js-review .p-w-r .pr-media-modal .field-hidden-input input:not(:checked)+label.pr-accessible-btn,
.field-hidden-input .js-review[data-reviewtype="ReviewForm"] .p-w-r input:not(:checked)+label.pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .field-hidden-input input:not(:checked)+label.pr-accessible-btn,
.js-review .p-w-r .pr-media-modal .btn-inactive.pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .btn-inactive.pr-accessible-btn {
background: #cfcfcf;
border-color: #cfcfcf;
color: #a2a2a2;
cursor: not-allowed
}
.btn.btn-inactive:hover,
.field-hidden-input input:not(:checked)+label.btn:hover,
.field-hidden-input .js-review .p-w-r .pr-media-modal input:not(:checked)+label.pr-accessible-btn:hover,
.js-review .p-w-r .pr-media-modal .field-hidden-input input:not(:checked)+label.pr-accessible-btn:hover,
.field-hidden-input .js-review[data-reviewtype="ReviewForm"] .p-w-r input:not(:checked)+label.pr-accessible-btn:hover,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .field-hidden-input input:not(:checked)+label.pr-accessible-btn:hover,
.js-review .p-w-r .pr-media-modal .btn-inactive.pr-accessible-btn:hover,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .btn-inactive.pr-accessible-btn:hover {
background: #cfcfcf;
border-color: #cfcfcf;
color: #a2a2a2
}
.btn.btn-text,
.js-review .p-w-r .pr-media-modal .btn-text.pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .btn-text.pr-accessible-btn {
background-color: transparent;
border-color: transparent;
color: #003b73;
margin: 9px 0;
outline: none;
padding: 0
}
.btn.btn-text span,
.js-review .p-w-r .pr-media-modal .btn-text.pr-accessible-btn span,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .btn-text.pr-accessible-btn span {
text-decoration: underline
}
.btn.btn-text:hover span,
.js-review .p-w-r .pr-media-modal .btn-text.pr-accessible-btn:hover span,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .btn-text.pr-accessible-btn:hover span {
text-decoration: none
}
.btn.btn-text.no-link,
.js-review .p-w-r .pr-media-modal .btn-text.no-link.pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .btn-text.no-link.pr-accessible-btn {
cursor: default
}
.btn.btn-text.no-link span,
.js-review .p-w-r .pr-media-modal .btn-text.no-link.pr-accessible-btn span,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .btn-text.no-link.pr-accessible-btn span {
text-decoration: none
}
.btn.btn-inline-field,
.js-review .p-w-r .pr-media-modal .btn-inline-field.pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .btn-inline-field.pr-accessible-btn {
font-size: 14px;
padding: 5px 20px 5px;
text-align: center
}
@media (max-width: 767px) {
.btn.btn-inline-field,
.js-review .p-w-r .pr-media-modal .btn-inline-field.pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .btn-inline-field.pr-accessible-btn {
font-size: 16px
}
}
@media (max-width: 569px) {
.btn.btn-inline-field,
.js-review .p-w-r .pr-media-modal .btn-inline-field.pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .btn-inline-field.pr-accessible-btn {
padding: 7px 18px 9px
}
}
.btn.btn-inline-field span,
.js-review .p-w-r .pr-media-modal .btn-inline-field.pr-accessible-btn span,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .btn-inline-field.pr-accessible-btn span {
line-height: 1
}
.btn-play {
background-color: rgba(255, 255, 255, .75);
background-image: url("../img/btn-play-arrow-women.png");
border: 0;
-webkit-box-shadow: 0 0 10px 4px rgba(0, 0, 0, .2);
box-shadow: 0 0 10px 4px rgba(0, 0, 0, .2);
background-position: 42.33333px;
background-repeat: no-repeat;
background-size: 27%;
border-radius: 50%;
cursor: pointer;
height: 100px;
padding: 0;
width: 100px;
z-index: 1
}
@media (max-width: 991px) {
.btn-play.btn-play-small {
background-position: 20.5px;
height: 55px;
margin-left: -27.5px;
margin-top: -27.5px;
width: 55px
}
}
.btn-play:hover {
background-color: rgba(245, 245, 245, .75)
}
.btn-play.btn-play-small {
background-position: 28px;
height: 70px;
width: 70px
}
.btn-play.btn-play-center {
left: 50%;
margin-left: -50px;
margin-top: -50px;
position: absolute;
top: 50%
}
.btn-play.btn-play-center.btn-play-small {
margin-left: -35px;
margin-top: -35px
}
@media (max-width: 991px) {
.btn-play {
background-position: 28px;
height: 70px;
width: 70px
}
.btn-play.btn-play-center {
margin-left: -35px;
margin-top: -35px
}
}
.btn-play-image-wrapper .btn-play-wrapper .btn-play {
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
display: block;
margin: 0 auto;
position: relative
}
@media (max-width: 767px) {
button.btn,
.js-review .p-w-r .pr-media-modal button.pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r button.pr-accessible-btn {
width: 100%
}
}
.btn-play-image-wrapper {
position: relative
}
.btn-play-image-wrapper .btn-play-wrapper {
height: 100%;
position: absolute;
top: 0;
width: 100%
}
.popUp-container {
background-color: #fff;
margin: 0 auto;
max-width: 900px;
padding-bottom: 15px;
padding-left: 20px;
padding-right: 20px;
padding-top: 15px;
position: relative
}
@media (max-width: 767px) {
.popUp-container {
width: 100%
}
}
.popUp-header {
margin-bottom: 30px
}
.popUp-header .popProduct-title {
color: #063c71;
font-family: "HelveticaNeueLTW06-45Light";
font-size: 36px;
line-height: 42px;
padding-bottom: 10px
}
.popUp-header .selectProduct-size {
position: relative
}
.popUp-header .selectProduct-sizeWrap {
clear: left;
margin-bottom: 5px
}
@media (max-width: 767px) {
.popUp-header .selectProduct-sizeWrap {
margin-top: 30px;
text-align: center
}
}
.popUp-header .selectProduct-size {
color: #063c71;
font-family: "HelveticaNeueLTW06-75Bold";
font-size: 18px;
margin-bottom: 5px;
margin-top: 0
}
.popUp-header .headProduct-img .productImg {
height: auto;
max-width: 100%
}
@media (max-width: 767px) {
.popUp-header .headProduct-img {
text-align: center
}
.popUp-header .popProduct-title {
font-size: 18px;
font-weight: bold;
line-height: 21px;
text-align: center
}
}
.messageInfo-wrap {
border-top: 1px solid #ccc;
padding-top: 15px;
text-align: center
}
.messageInfo-wrap .messageInfo {
color: #aaa;
font-size: 18px;
font-weight: bold
}
.productDetails-wrap {
padding-top: 10px
}
.productDetails-wrap .u-rowTitle {
font-weight: bold
}
.productInfo-Details {
border-bottom: 1px solid #ccc;
height: 80px;
padding-top: 10px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media (max-width: 767px) {
.productInfo-Details {
height: 140px
}
}
.productInfo-Details.hideBorder {
border-width: 0
}
@media (max-width: 767px) {
.productInfo-Details.hideBorder {
border-width: 1px
}
}
.productInfo-Details .productVendor-img {
max-height: 60px;
max-width: 200px
}
@media (max-width: 569px) {
.productInfo-Details .productVendor-img {
max-width: 100%
}
}
.productInfo-Details .productCount-wrap .productCount {
color: #063c71;
display: block;
font-size: 18px
}
.u-btnBuy.btn,
.js-review .p-w-r .pr-media-modal .u-btnBuy.pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .u-btnBuy.pr-accessible-btn {
padding: 7px;
text-align: center;
width: 100%
}
.u-btnBuy.status-outofStock {
background-color: #aaa;
border-color: #aaa;
color: #fff;
cursor: default
}
.u-btnBuy.status-outofStock:hover {
background-color: #aaa
}
.calc {
margin: 0 10px
}
@media (max-width: 767px) {
.pie {
height: 75px !important;
width: 75px !important
}
}
.calc-current {
color: #a2a2a2
}
.table-row-top {
background-color: #edf4f3;
margin-top: 50px;
overflow: hidden
}
@media (max-width: 991px) {
.table-row-top {
width: 100%
}
}
.calc-accordion-content {
padding: 0 15px 25px
}
.calc-line-height {
line-height: 1.4em
}
.calc-row-vcenter {
height: 40px
}
.calc-row-vcenter .vcenter {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.calc-crate-holder {
background-color: #fff;
border: 1px solid rgba(128, 158, 167, .3);
border-radius: 5px;
padding: 25px 15px
}
.calc-title {
font-size: 22px
}
.calc-title.table {
font-family: "HelveticaNeueLTW06-45Light", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
margin: 0 0 10px 15px
}
.calc-bold {
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif
}
.calc-padding {
padding: 15px
}
@media (max-width: 991px) {
.calc-hide-sm {
display: none
}
}
.calc-show-sm {
display: none
}
@media (max-width: 991px) {
.calc-show-sm {
display: block
}
}
.close-table {
background-image: url("../img/calculator_close.png");
background-position: center;
clear: both;
cursor: pointer;
height: 15px;
margin: 0 0 15px;
width: 15px
}
@media (max-width: 991px) {
.close-table {
margin: 5px 0 15px
}
}
.calc-bold {
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif
}
@media (max-width: 991px) {
.calc-mobile-full {
width: 100% !important
}
}
.calc-no-padding {
padding: 0
}
@media (max-width: 991px) {
.mobile-no-padding {
margin: 0 !important;
padding: 0 !important
}
}
.tabledropper {
cursor: pointer
}
.calc-space {
margin: 20px 0 10px
}
.calc-top-margin {
margin: 7px 0 0
}
.calc-small-text,
.calc-small-text p,
.calc-small-text div {
font-size: 16px
}
@media (max-width: 767px) {
.calc-small-text,
.calc-small-text p,
.calc-small-text div {
font-size: 14px
}
}
.calc-ultra-small-text,
.calc-ultra-small-text p {
font-size: 12px
}
@media (max-width: 991px) {
.calc-mobile-top-margin {
margin: 10px 0 0
}
}
.calc-margin {
margin: 5px
}
.table-row:nth-child(odd) {
background-color: #fff;
overflow: hidden
}
.tabledropper i,
.calc-small-text a {
position: relative;
top: 2px
}
.table-row:nth-child(even) {
background-color: #f9f6f2;
overflow: hidden
}
@media (max-width: 991px) {
.calc-mob-cb {
clear: both;
display: block;
width: 100%
}
}
.calc-table-container {
background-color: #fff;
border: 1px solid #e6e6e6;
border-radius: 5px;
display: block;
height: auto;
margin: 0 auto 50px;
overflow: hidden;
padding: 1%;
width: 85%
}
@media (max-width: 991px) {
.calc-table-container {
font-size: 14px;
width: 100%
}
}
@media (max-width: 767px) {
.calc-table-container {
padding: 1% 1% 4%
}
}
.calc-table-container .row .component-table .light-table tbody tr:last-child td:last-child {
border-bottom: 0
}
.calc-padding {
padding: 0 15px 15px
}
@media (max-width: 767px) {
.calc-padding {
padding: 15px 25px !important
}
}
.calc-row div {
padding-left: 0
}
.calc-col-first {
height: 50px;
line-height: 50px;
padding: 0 1%;
width: 40%
}
@media (max-width: 991px) {
.calc-col-first {
height: 85px;
line-height: 18px;
padding-top: 10px
}
}
.calc-col-rest {
height: 50px;
line-height: 50px;
width: 20%
}
@media (max-width: 991px) {
.calc-col-rest {
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
line-height: 18px;
padding-top: 10px;
text-align: center
}
}
.pie-row {
margin: 0 0 30px
}
.table-top {
display: none
}
.row-centered {
text-align: center
}
.col-centered {
background-color: #fff;
display: inline-block;
float: none;
margin-right: -4px;
text-align: left
}
.col-10.col-centered {
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
padding: 0 10px
}
.col-10.col-centered:first-child {
border-top: 1px solid #e6e6e6
}
.col-10.col-centered:first-child,
.col-10.col-centered:first-child div {
background-color: #edf4f3;
height: 60px;
padding: 10px 10px 0
}
.col-10.col-centered:last-child {
border-bottom: 1px solid #e6e6e6;
padding: 0 10px 10px
}
.col-10.col-centered:last-child div {
margin: 0 auto
}
.col-10.col-centered:nth-child(even),
.col-10.col-centered:nth-child(odd) {
height: 60px
}
.col-10.col-centered:nth-child(even),
.col-10.col-centered:nth-child(even) div {
background-color: #f9f6f2;
padding: 10px 10px 0
}
.col-10.col-centered:nth-child(3),
.col-10.col-centered:nth-child(3) div,
.col-10.col-centered:nth-child(5),
.col-10.col-centered:nth-child(5) div {
background-color: #fff;
padding: 10px 10px 0
}
.col-10.col-centered:last-child {
border-bottom: 1px solid #e6e6e6;
padding: 0 10px 10px
}
.component-carousel-box .crate-content {
padding: 25px 0
}
.vertical-box .component-carousel-box .crate-content {
margin: 0 25px;
padding: 25px 0 10px
}
.component-carousel-box .carousel-box-item {
height: 100%;
height: 310px;
position: relative
}
@media (max-width: 991px) {
.component-carousel-box .carousel-box-item {
height: auto
}
.component-carousel-box .carousel-box-item .image {
margin-top: 20px;
position: relative
}
}
.component-carousel-box .carousel-box-item .title {
font-size: 14px;
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
margin-bottom: 15px;
text-transform: uppercase
}
.component-carousel-box .carousel-box-item .text {
font-size: 16px;
line-height: 1.5;
max-height: 106px;
overflow: hidden
}
.component-carousel-box .carousel-box-item .image {
bottom: 0;
position: absolute;
width: 100%
}
.component-carousel-box .carousel-box-item .image img {
width: 100%
}
.component-carousel-box .carousel-box-item .btn-play {
top: 30%
}
@media (max-width: 1227px) {
.component-carousel-box .carousel-box-item .btn-play {
top: 20%
}
}
@media (max-width: 991px) {
.component-carousel-box .carousel-box-item .btn-play {
top: 40%
}
}
.component-carousel-box .carousel-box-item .component-btn {
bottom: 20px;
position: absolute;
right: 20px
}
.component-carousel-box .carousel-controls {
font-size: 20px;
height: 22px;
margin-top: 10px
}
.component-carousel-box .carousel-controls .carousel-go-left,
.component-carousel-box .carousel-controls .carousel-go-right {
color: #809ea7
}
.component-carousel-box .carousel-controls .carousel-go-left:hover,
.component-carousel-box .carousel-controls .carousel-go-right:hover {
color: #000
}
.component-carousel-box .carousel-controls .carousel-pager li {
color: #809ea7;
padding: 0 5px
}
.component-carousel-box .carousel-controls .carousel-pager li.active {
color: #003b73
}
.component-carousel-box .carousel-controls .carousel-pager li i {
font-size: 10px
}
.carousel {
overflow: hidden;
position: relative
}
.carousel .carousel-item {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
display: none;
top: 0;
width: 100%
}
.carousel .carousel-item:first-child {
display: block
}
.carousel-controls {
color: #809ea7;
margin-top: 0;
overflow: hidden;
position: relative;
width: 100%
}
.carousel-controls .carousel-go-left,
.carousel-controls .carousel-go-right {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
position: absolute;
top: 0
}
.carousel-controls .carousel-go-left:hover,
.carousel-controls .carousel-go-right:hover {
color: #000
}
.carousel-controls .carousel-go-left {
left: 0
}
.carousel-controls .carousel-go-right {
right: 0
}
.carousel-controls .carousel-pager {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: inline;
left: 0;
margin: 0;
padding: 0;
position: absolute;
text-align: center;
width: 100%
}
.carousel-controls .carousel-pager li {
color: #809ea7;
cursor: pointer;
display: inline;
list-style: none
}
.carousel-controls .carousel-pager li i {
vertical-align: -10%
}
.carousel-controls .carousel-pager li:hover {
color: #809ea7
}
.carousel-controls .carousel-pager li.active {
color: #003b73
}
.carousel-controls .carousel-pager li.active:hover {
color: #003b73
}
.cookiebar {
color: #e3f0f7;
background: #003b73;
display: none;
font-size: 14px;
line-height: 1.6em;
padding: 18px 0
}
.cookiebar a {
color: #fff
}
.cookiebar .cookiebar-close {
display: inline-block;
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
margin-left: 20px
}
.cookiebar .cookiebar-close i {
position: relative;
top: 2px
}
.cookiebar .cookiebar-close:hover span {
text-decoration: underline
}
.component-cta {
color: #003b73;
overflow: hidden;
position: relative
}
.component-cta>a {
color: #fff
}
@media (max-width: 991px) and (max-width: 569px) {
.component-cta .cta-btn-right-sm .cta-content-text {
float: none;
margin: 0 15px 15px 0;
max-width: 100%
}
.component-cta .cta-btn-right-sm .component-btn {
margin-top: 20px;
position: relative
}
}
@media (max-width: 991px) {
.component-cta .cta-btn-right-sm .cta-content-text {
float: left;
margin: 0 40px;
max-width: 55%
}
.component-cta .cta-btn-right-sm .cta-content-text p {
margin: 0
}
.component-cta .cta-btn-right-sm .component-btn {
float: right;
margin-top: 4px;
position: relative
}
}
.component-cta .cta-one-background {
bottom: 0;
left: 10px;
position: absolute;
right: 10px;
top: 0
}
@media (max-width: 569px) {
.component-cta .cta-one-background {
left: 5px;
right: 5px
}
}
.component-cta .cta-gradient {
background-color: #003b73;
background-size: 100% 100%
}
.component-cta .dark {
color: #003b73
}
.component-cta .component-btn .btn,
.component-cta .component-btn .js-review .p-w-r .pr-media-modal .pr-accessible-btn,
.js-review .p-w-r .pr-media-modal .component-cta .component-btn .pr-accessible-btn,
.component-cta .component-btn .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .component-cta .component-btn .pr-accessible-btn {
border-color: #fff
}
.component-cta .component-btn .btn.btn-light,
.component-cta .component-btn .js-review .p-w-r .pr-media-modal .btn-light.pr-accessible-btn,
.js-review .p-w-r .pr-media-modal .component-cta .component-btn .btn-light.pr-accessible-btn,
.component-cta .component-btn .js-review[data-reviewtype="ReviewForm"] .p-w-r .btn-light.pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .component-cta .component-btn .btn-light.pr-accessible-btn {
background-color: #fff;
color: #003b73
}
.component-cta .component-btn .btn.btn-light:hover,
.component-cta .component-btn .js-review .p-w-r .pr-media-modal .btn-light.pr-accessible-btn:hover,
.js-review .p-w-r .pr-media-modal .component-cta .component-btn .btn-light.pr-accessible-btn:hover,
.component-cta .component-btn .js-review[data-reviewtype="ReviewForm"] .p-w-r .btn-light.pr-accessible-btn:hover,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .component-cta .component-btn .btn-light.pr-accessible-btn:hover {
background-color: #fff;
border-color: #fff;
color: #003b73
}
.component-cta .cta-item.col-12 {
background-color: #003b73;
background-position: top right;
background-repeat: no-repeat;
background-size: auto 100%;
margin-left: 10px;
margin-right: 10px;
width: calc(100% - 20px)
}
@media (max-width: 991px) {
.component-cta .cta-item.col-12 {
margin-left: 5px;
margin-right: 5px;
width: calc(100% - 10px)
}
.component-cta .cta-item.col-12 .cta-link {
color: #fff
}
}
.component-cta .cta-item {
margin-bottom: 0
}
.component-cta .cta-item .cta-link {
color: #fff;
cursor: pointer;
display: block
}
.component-cta .cta-item-box {
zoom: 1;
border-radius: 0;
position: relative
}
.component-cta .cta-item-box:before,
.component-cta .cta-item-box:after {
content: " ";
display: table
}
.component-cta .cta-item-box:after {
clear: both
}
.component-cta .cta-item-box.cta-item-box-dark {
background: #00315f
}
.component-cta .cta-item-box.cta-item-box-dark:hover {
background-color: #00294f
}
.component-cta .cta-item-box.cta-item-box-light {
color: #e3f0f7;
background: #f9f6f2
}
.component-cta .cta-item-box.cta-item-box-btn {
background: #b9d9eb;
color: #003b73
}
.component-cta .title {
font-size: 40px;
letter-spacing: -0.5px;
line-height: 1.2;
display: inline-block;
font-family: "HelveticaNeueLTW06-45Light", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-weight: normal;
margin: 0;
text-transform: none
}
@media (max-width: 1227px) {
.component-cta .title {
font-size: 40px
}
}
@media (max-width: 991px) {
.component-cta .title {
font-size: 35px
}
}
@media (max-width: 767px) {
.component-cta .title {
line-height: 1.3
}
}
.component-cta p {
font-family: "HelveticaNeueLTW06-55Roman", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-size: 16px;
margin: 0 0 20px
}
@media (max-width: 767px) {
.component-cta p {
font-size: 16px
}
}
.component-cta .cta-content {
zoom: 1;
padding: 43px 0
}
.component-cta .cta-content:before,
.component-cta .cta-content:after {
content: " ";
display: table
}
.component-cta .cta-content:after {
clear: both
}
@media (max-width: 1227px) {
.component-cta .cta-content {
padding: 25px 0
}
}
@media (max-width: 767px) {
.component-cta .cta-content {
padding: 30px 0
}
}
@media (max-width: 569px) {
.component-cta .cta-content {
padding: 20px
}
}
.component-cta .cta-content[class*="col-push"] {
float: none
}
.component-cta .cta-content.has-image-left {
padding: 40px 0;
margin-left: 140px
}
@media (max-width: 991px) {
.component-cta .cta-content.has-image-left {
padding: 30px 0
}
}
@media (max-width: 767px) {
.component-cta .cta-content.has-image-left {
padding: 30px 0
}
}
@media (max-width: 569px) {
.component-cta .cta-content.has-image-left {
padding: 15px 0
}
}
@media (max-width: 1227px) {
.component-cta .cta-content.has-image-left {
margin-left: 140px
}
}
@media (max-width: 767px) {
.component-cta .cta-content.has-image-left {
margin-left: 140px
}
}
@media (max-width: 569px) {
.component-cta .cta-content.has-image-left {
margin-left: 0
}
.component-cta .cta-content.has-image-left.cta-btn-right {
padding: 15px 0
}
.component-cta .cta-content.has-image-left .cta-content-text {
margin-left: 110px;
margin-right: 35px;
min-height: 70px;
padding-top: 10px
}
.component-cta .cta-content.has-image-left .component-btn {
margin: 0 15px
}
}
.component-cta .cta-content .cta-content-text {
float: left;
margin-left: 40px
}
@media (max-width: 569px) {
.component-cta .cta-content .cta-content-text {
margin: 0 0 15px
}
}
.component-cta .cta-content .component-btn {
margin-bottom: 7px;
margin-left: 40px;
margin-right: 40px;
margin-top: 10px
}
@media (max-width: 569px) {
.component-cta .cta-content .component-btn {
margin: 0
}
.component-cta .cta-content .component-btn .btn,
.component-cta .cta-content .component-btn .js-review .p-w-r .pr-media-modal .pr-accessible-btn,
.js-review .p-w-r .pr-media-modal .component-cta .cta-content .component-btn .pr-accessible-btn,
.component-cta .cta-content .component-btn .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .component-cta .cta-content .component-btn .pr-accessible-btn {
width: 100%
}
}
.component-cta .cta-content .component-btn span.btn,
.component-cta .cta-content .component-btn .js-review .p-w-r .pr-media-modal span.pr-accessible-btn,
.js-review .p-w-r .pr-media-modal .component-cta .cta-content .component-btn span.pr-accessible-btn,
.component-cta .cta-content .component-btn .js-review[data-reviewtype="ReviewForm"] .p-w-r span.pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .component-cta .cta-content .component-btn span.pr-accessible-btn {
padding: 7px 18px 9px;
padding-right: 55px
}
.component-cta .cta-content .component-btn span.btn a,
.component-cta .cta-content .component-btn .js-review .p-w-r .pr-media-modal span.pr-accessible-btn a,
.js-review .p-w-r .pr-media-modal .component-cta .cta-content .component-btn span.pr-accessible-btn a,
.component-cta .cta-content .component-btn .js-review[data-reviewtype="ReviewForm"] .p-w-r span.pr-accessible-btn a,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .component-cta .cta-content .component-btn span.pr-accessible-btn a {
padding: 0
}
.component-cta .cta-content .component-btn span.btn-light {
background-color: transparent;
border: 2px solid #fff;
color: #fff
}
.component-cta .cta-btn-right .cta-content-text {
margin-left: 40px;
max-width: 55%
}
.component-cta .cta-btn-right .cta-content-text p {
margin: 0
}
.component-cta .cta-btn-right .component-btn {
float: right;
margin-top: 4px;
position: relative
}
@media (max-width: 1227px) {
.component-cta .col-6 .cta-btn-right .cta-content-text {
max-width: 100%;
float: none;
margin-bottom: 20px
}
.component-cta .col-6 .cta-btn-right .cta-content-text p {
margin-bottom: 20px
}
.component-cta .col-6 .cta-btn-right .component-btn {
float: none;
margin-top: auto;
position: relative;
right: auto;
top: auto
}
}
@media (max-width: 569px) {
.component-cta .col-6 .cta-btn-right .cta-content-text {
margin: 0 15px 15px 0
}
}
.component-cta .col-8 .cta-content.has-image-left {
padding-bottom: 25px;
padding-top: 25px
}
@media (max-width: 767px) {
.component-cta .col-8 .cta-content.has-image-left {
padding-bottom: 15px;
padding-top: 15px
}
}
@media (max-width: 991px) {
.component-cta .col-12 .cta-btn-right .cta-content-text {
float: none;
margin-bottom: 20px;
max-width: 80%
}
.component-cta .col-12 .cta-btn-right .cta-content-text p {
margin-bottom: 20px
}
.component-cta .col-12 .cta-btn-right .component-btn {
float: none;
margin-top: auto;
position: relative;
right: auto;
top: auto
}
}
@media (max-width: 767px) {
.component-cta .col-12 .cta-btn-right:not(.has-image-left) .cta-content-text {
margin: 0 40px;
max-width: 100%
}
}
@media (max-width: 569px) {
.component-cta .col-12 .cta-btn-right:not(.has-image-left) .cta-content-text {
margin: 0
}
}
.component-cta .cta-image {
height: 130px;
left: 0;
margin-top: -65px;
position: absolute;
text-align: center;
top: 50%;
width: 180px
}
@media (max-width: 767px) {
.component-cta .cta-image {
height: 100px;
margin-top: -20px;
top: 60px;
width: 170px
}
}
@media (max-width: 569px) {
.component-cta .cta-image {
height: auto;
margin-top: 25px;
top: auto;
width: 110px
}
}
.component-cta .cta-image img {
display: inline-block;
height: 90px;
margin-top: -45px;
position: relative;
top: 50%
}
@media (max-width: 991px) {
.component-cta .cta-image img {
height: 110px;
margin-top: -55px
}
}
@media (max-width: 767px) {
.component-cta .cta-image img {
height: 100px;
margin-top: 0;
top: 0
}
}
@media (max-width: 569px) {
.component-cta .cta-image img {
height: 60px
}
}
.component-event-carousel {
position: relative
}
@media (max-width: 991px) {
.event-carousel .caption {
min-height: 50px;
padding: 16px 70px
}
}
@media (max-width: 767px) {
.event-carousel .caption {
padding: 16px 24px
}
}
@media (max-width: 569px) {
.event-carousel .caption {
min-height: 48px
}
}
.event-carousel .caption {
min-height: 62px;
padding: 22px 60px
}
.event-carousel-controls {
bottom: 15px;
height: 31px;
overflow: visible;
position: absolute
}
@media (max-width: 991px) {
.event-carousel-controls {
bottom: 4px
}
.event-carousel-controls .carousel-go-left i,
.event-carousel-controls .carousel-go-right i {
font-size: 20px
}
}
@media (max-width: 767px) {
.event-carousel-controls {
text-shadow: 0 0 20px #000;
top: 10px
}
}
.event-carousel-controls .carousel-go-left i,
.event-carousel-controls .carousel-go-right i {
color: #809ea7;
font-size: 30px
}
.event-carousel-controls .carousel-go-left {
display: block;
left: 20px
}
.event-carousel-controls .carousel-go-right {
display: block;
right: 20px
}
@media (max-width: 569px) {
.carousel-controls-swipe-animate .event-carousel-controls {
overflow: visible;
position: absolute;
text-shadow: none;
top: 60px
}
.carousel-controls-swipe-animate .event-carousel-controls .carousel-go-left,
.carousel-controls-swipe-animate .event-carousel-controls .carousel-go-right {
background: #fff;
display: block;
height: 75px;
-webkit-transition-duration: 0.45s;
transition-duration: 0.45s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
width: 75px
}
.carousel-controls-swipe-animate .event-carousel-controls .carousel-go-left i,
.carousel-controls-swipe-animate .event-carousel-controls .carousel-go-right i {
color: #809ea7;
font-size: 25px;
position: relative;
top: 26px
}
.carousel-controls-swipe-animate .event-carousel-controls .carousel-go-left {
border-radius: 0 50% 50% 0;
left: -65px;
text-align: right;
-webkit-transition-property: left;
transition-property: left
}
.carousel-controls-swipe-animate .event-carousel-controls .carousel-go-left i {
right: 15px
}
.carousel-controls-swipe-animate .event-carousel-controls .carousel-go-left.show {
left: -30px
}
.carousel-controls-swipe-animate .event-carousel-controls .carousel-go-right {
border-radius: 50% 0 0 50%;
right: -65px;
-webkit-transition-property: right;
transition-property: right
}
.carousel-controls-swipe-animate .event-carousel-controls .carousel-go-right i {
left: 15px
}
.carousel-controls-swipe-animate .event-carousel-controls .carousel-go-right.show {
right: -30px
}
.carousel-controls-swipe-animate .event-carousel-controls .icon-carousel-right:before {
content: ""
}
.carousel-controls-swipe-animate .event-carousel-controls .icon-carousel-left:before {
content: ""
}
}
.component-event {
color: #fff;
overflow: hidden;
position: relative
}
.component-event .event-item-box {
border-bottom: 1px solid rgba(128, 158, 167, .3);
border-top: 1px solid rgba(128, 158, 167, .3);
height: 100%;
min-height: 167px
}
@media (max-width: 767px) {
.component-event .event-item-box .event-date {
float: none;
margin: 35px 0 10px 35px;
width: 115px
}
.component-event .event-item-box .event-content {
float: none;
margin: 0 35px 35px;
width: auto
}
}
@media (max-width: 1227px) {
.component-event .event-item-box .event-content.event-btn-right .event-content-text {
float: none;
margin-bottom: 20px;
max-width: 100%
}
.component-event .event-item-box .event-content.event-btn-right .component-btn {
float: none
}
}
.component-event .event-item-box.event-item-box-light {
background: #f9f6f2;
color: #003b73
}
.component-event .event-item-box.event-item-box-transparent {
color: #003b73;
background: #fdfbf8
}
.component-event .event-item-box.event-item-box-btn {
background: #b9d9eb;
color: #003b73
}
.component-event .event-item-box .event-date {
background-position: center;
background-repeat: no-repeat;
display: inline-block;
float: left;
margin: 25px 0;
min-height: 116px;
overflow: hidden;
text-align: center;
width: 182px
}
.component-event .event-item-box .event-date span {
display: block
}
.component-event .event-item-box .event-date .event-date-month {
font-family: "HelveticaNeueLTW06-55Roman", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-size: 16px;
margin-top: 26px;
text-transform: uppercase
}
.component-event .event-item-box .event-date .event-date-day {
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-size: 40px
}
.component-event .event-item-box .event-content {
margin: 25px 35px 25px 182px
}
@media (max-width: 767px) {
.component-event .event-item-box .event-content {
padding: 0
}
}
.component-event .event-item-box .event-content .event-content-text {
position: relative
}
.component-event .event-item-box .event-content .title {
font-size: 40px;
display: inline-block;
font-family: "HelveticaNeueLTW06-45Light", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-weight: 100;
margin: 0;
text-transform: none
}
@media (max-width: 1227px) {
.component-event .event-item-box .event-content .title {
font-size: 40px
}
}
@media (max-width: 991px) {
.component-event .event-item-box .event-content .title {
font-size: 35px
}
}
.component-event .event-item-box .event-content .subtitle {
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-size: 16px;
font-weight: normal;
margin-top: 5px
}
.component-event .event-item-box .event-content p {
font-size: 16px;
font-family: "HelveticaNeueLTW06-45Light", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
margin: 0
}
@media (max-width: 767px) {
.component-event .event-item-box .event-content p {
font-size: 16px
}
}
.component-event .event-item-box .event-content[class*="col-push"] {
float: none
}
.component-event .event-item-box .event-content .component-btn {
margin-top: 20px
}
.component-event .event-item-box .event-content.btn-right .component-btn {
bottom: 35px;
margin-top: 0;
position: absolute;
right: 45px;
z-index: 2
}
.component-event .event-item-box .event-image {
position: absolute;
right: 10px;
text-align: right;
top: 0
}
.component-event .event-item-box .event-image img {
max-width: 100%
}
.component-event .event-item-box .event-image .image-overlay {
background-image: url("../img/event-image-overlay.png");
background-position: center;
background-size: cover;
display: inline-block;
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 100%
}
@media (max-width: 569px) {
.component-event .event-item-box.has-image .event-date,
.component-event .event-item-box.has-btn .event-date {
margin-top: 0
}
}
.component-event .event-item-box.has-image .event-content,
.component-event .event-item-box.has-btn .event-content {
width: 45%
}
@media (max-width: 1227px) {
.component-event .event-item-box.has-image .event-date,
.component-event .event-item-box.has-btn .event-date {
min-height: 79px;
width: 127px;
float: none;
margin: 35px 0 10px 35px;
width: 77px
}
.component-event .event-item-box.has-image .event-date .event-date-month,
.component-event .event-item-box.has-btn .event-date .event-date-month {
font-size: 12px;
margin-top: 19px
}
.component-event .event-item-box.has-image .event-date .event-date-day,
.component-event .event-item-box.has-btn .event-date .event-date-day {
font-size: 26px
}
.component-event .event-item-box.has-image .event-content,
.component-event .event-item-box.has-btn .event-content {
float: none;
margin: 0 35px 35px;
width: auto
}
.component-event .event-item-box.has-image .event-content h2,
.component-event .event-item-box.has-btn .event-content h2 {
max-width: 70%
}
.component-event .event-item-box.has-image .event-content .component-btn,
.component-event .event-item-box.has-btn .event-content .component-btn {
margin-top: 20px;
position: inherit
}
.component-event .event-item-box.has-image .event-image,
.component-event .event-item-box.has-btn .event-image {
width: 370px
}
}
@media (max-width: 991px) {
.component-event .event-item-box.has-image .event-image,
.component-event .event-item-box.has-btn .event-image {
width: 320px
}
}
@media (max-width: 767px) {
.component-event .event-item-box.has-image .event-image,
.component-event .event-item-box.has-btn .event-image {
width: 280px
}
.component-event .event-item-box.has-image .event-date,
.component-event .event-item-box.has-btn .event-date {
margin: 20px 0 10px 20px
}
.component-event .event-item-box.has-image .event-content,
.component-event .event-item-box.has-btn .event-content {
margin: 0 20px 20px
}
.component-event .event-item-box.has-image .event-content h2,
.component-event .event-item-box.has-btn .event-content h2 {
max-width: 100%
}
}
@media (max-width: 569px) {
.component-event .event-item-box.has-image,
.component-event .event-item-box.has-btn {
padding-top: 0
}
.component-event .event-item-box.has-image .event-image,
.component-event .event-item-box.has-btn .event-image {
position: relative;
right: 0;
text-align: right;
width: 100%
}
.component-event .event-item-box.has-image .event-image img,
.component-event .event-item-box.has-btn .event-image img {
width: 95%
}
}
@media (max-width: 569px) {
.component-event .event-item-box.has-image .event-date {
margin-top: 0
}
}
.component-event .event-date-small .event-date {
min-height: 79px;
width: 127px
}
.component-event .event-date-small .event-date .event-date-month {
font-size: 12px;
margin-top: 19px
}
.component-event .event-date-small .event-date .event-date-day {
font-size: 26px
}
.component-event .event-date-small .event-content {
margin-left: 127px
}
.component-event .col-6 .event-item-box .event-date {
min-height: 79px;
width: 127px;
float: none;
margin: 35px 0 10px 35px;
width: 77px
}
.component-event .col-6 .event-item-box .event-date .event-date-month {
font-size: 12px;
margin-top: 19px
}
.component-event .col-6 .event-item-box .event-date .event-date-day {
font-size: 26px
}
.component-event .col-6 .event-item-box .event-content {
float: none;
margin: 0 35px 35px;
width: auto
}
.component-event .col-6 .event-item-box .event-content h2 {
max-width: 70%
}
.component-event .col-6 .event-item-box .event-content .component-btn {
margin-top: 20px;
position: inherit
}
.component-event .col-6 .event-item-box .event-image {
width: 370px
}
.component-event .col-6 .event-item-box .event-image {
width: 320px
}
@media (max-width: 767px) {
.component-event .col-6 .event-item-box.has-image .event-image {
width: 280px
}
.component-event .col-6 .event-item-box.has-image .event-date {
margin: 20px 0 10px 20px
}
.component-event .col-6 .event-item-box.has-image .event-content {
margin: 0 20px 20px
}
.component-event .col-6 .event-item-box.has-image .event-content h2 {
max-width: 100%
}
}
@media (max-width: 569px) {
.component-event .col-6 .event-item-box.has-image {
padding-top: 0
}
.component-event .col-6 .event-item-box.has-image .event-image {
position: relative;
right: 0;
text-align: right;
width: 100%
}
.component-event .col-6 .event-item-box.has-image .event-image img {
width: 95%
}
}
.extended-content {
padding: 25px;
background: #f9f6f2;
border-bottom: 1px solid rgba(128, 158, 167, .3);
border-top: 1px solid rgba(128, 158, 167, .3)
}
@media (max-width: 991px) {
.extended-content {
padding: 25px
}
}
@media (max-width: 767px) {
.extended-content {
padding: 20px
}
}
.extended-content .title {
font-size: 40px;
font-family: "HelveticaNeueLTW06-45Light", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-weight: 100
}
@media (max-width: 1227px) {
.extended-content .title {
font-size: 40px
}
}
@media (max-width: 991px) {
.extended-content .title {
font-size: 35px
}
}
.extended-content .title a {
text-decoration: underline
}
.extended-content .description {
font-size: 16px;
font-family: "HelveticaNeueLTW06-45Light", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
margin: 0
}
@media (max-width: 767px) {
.extended-content .description {
font-size: 16px
}
}
.extended-content .tab-content {
background: transparent
}
.file-list {
margin-bottom: 15px;
margin-top: 15px
}
.file-list a {
clear: left;
display: inline-block;
float: left;
line-height: 1.5;
margin-bottom: 0
}
.file-list a:hover {
text-decoration: none
}
.file-list a:hover span {
text-decoration: underline
}
.file-list a:after {
content: "\e620";
font-family: "Icomoon";
font-size: 14px;
line-height: 1.3;
padding-left: 5px;
vertical-align: middle
}
.component-filters .filters.accordion {
border: 1px solid rgba(128, 158, 167, .3);
padding: 10px
}
.component-filters .filters.accordion .accordion-item .accordion-title {
font-size: 24px;
cursor: pointer;
display: block;
font-family: "HelveticaNeueLTW06-45Light", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
overflow: hidden;
padding: 10px;
position: relative
}
@media (max-width: 991px) {
.component-filters .filters.accordion .accordion-item .accordion-title {
font-size: 18px
}
}
.component-filters .filters.accordion .accordion-item .accordion-title i {
color: #b9d9eb
}
.component-filters .filters.accordion .accordion-item .accordion-content {
display: none;
margin-top: 10px
}
.component-filters .filters.accordion .accordion-item .filters-list {
margin-bottom: 0;
margin-left: 10px
}
.component-filters .filters.accordion .accordion-item.accordion-expanded .accordion-content {
display: block
}
.component-filters .filters .filters-title {
font-family: "HelveticaNeueLTW06-45Light", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-size: 16px;
font-weight: normal;
margin-bottom: 20px
}
.component-filters .filters .filters-list {
zoom: 1;
list-style: none;
margin: 0;
padding: 0
}
.component-filters .filters .filters-list:before,
.component-filters .filters .filters-list:after {
content: " ";
display: table
}
.component-filters .filters .filters-list:after {
clear: both
}
.component-filters .filters .filters-list li {
display: inline-block;
float: left;
margin-bottom: 10px;
margin-right: 10px
}
.component-filters .filters .filters-list li a {
background: #efece9;
border: 1px solid rgba(128, 158, 167, .3);
color: #003b73;
display: block;
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
padding: 7px 18px 9px
}
.component-filters .filters .filters-list li a.inactive-light-blue {
background: #e1e8e7
}
.component-filters .filters .filters-list li a:hover {
background-color: #a3b0bc;
color: #f5f5f5
}
.component-filters .filters .filters-list li.active a {
background-color: #fff;
color: #003b73
}
.component-filters .filters .filters-list li.active a:hover {
background-color: #f5f5f5;
color: #00315f
}
.component-filters .filters .form-field {
margin-bottom: 0
}
.component-filters .filters .form-field .sod_select {
background: #fff;
border: 1px solid rgba(128, 158, 167, .3);
padding: 8px 24px 9px 18px
}
.component-filters .filters .form-field .sod_select .sod_label {
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-size: 16px
}
.component-filters .filters .form-field .sod_select:before {
top: 9px
}
.component-filters .filters .form-field .sod_select:after {
bottom: 9px
}
@media (max-width: 767px) {
.component-filters .filters.full-xs .filters-list li {
display: block;
float: none;
margin-right: 0
}
.component-filters .filters.full-xs .filters-list li:last-child {
margin-bottom: 0
}
}
@media (max-width: 569px) {
.component-filters .filters.half-xxs .filters-list li {
display: block;
float: left;
margin-right: 0;
padding-right: 10px;
width: 50%
}
.component-filters .filters.half-xxs .filters-list li:nth-of-type(2n+2) {
padding-right: 0
}
}
.component-form .text-content {
margin-bottom: 25px
}
#productForm .crate {
background-color: transparent;
border-width: 0
}
.formMessages-wrap {
margin-top: 30px;
padding: 10px;
text-align: center;
text-transform: uppercase
}
.formMessages-wrap.pass {
border: 1px dashed green
}
.formMessages-wrap.fail {
border: 1px dashed red
}
.formMessages-wrap .messageTitle {
font-size: 20px;
letter-spacing: 1px;
margin-bottom: 10px
}
.formMessages-wrap .formMessages {
margin: 0
}
.geo {
background-color: #f1faff;
color: #4a4a4a;
display: none;
margin: auto;
padding: 25px 0;
position: static;
top: 0;
width: 100%;
z-index: 2
}
.geo .geo-block {
padding: 0 10px;
display: inline-block;
vertical-align: middle;
width: 38%
}
@media (max-width: 991px) {
.geo .geo-block {
width: 100%
}
}
.geo .geo-block:nth-child(3) {
margin-right: 10px;
padding-right: 30px;
text-align: right;
width: 60%
}
@media (max-width: 991px) {
.geo .geo-block:nth-child(3) {
text-align: left;
width: 100%
}
}
.geo .geo-block .geo-header {
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
margin-bottom: 8px
}
.geo .geo-block .geo-lang {
display: inline-block;
padding-right: 8px;
text-decoration: underline
}
.geo .geo-block .geo-lang:hover {
cursor: pointer
}
.geo .geo-block .component-btn {
display: inline-block
}
.geo .geo-block .component-btn:first-child {
padding: 10px 1px 10px 0
}
@media (max-width: 991px) {
.geo .geo-block .component-btn:first-child {
padding-top: 15px
}
}
@media (max-width: 991px) {
.geo .geo-block .component-btn .btn,
.geo .geo-block .component-btn .js-review .p-w-r .pr-media-modal .pr-accessible-btn,
.js-review .p-w-r .pr-media-modal .geo .geo-block .component-btn .pr-accessible-btn,
.geo .geo-block .component-btn .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .geo .geo-block .component-btn .pr-accessible-btn {
display: inline-block
}
}
.geo .geo-close {
padding-right: 10px;
position: absolute;
right: 0;
top: -3px
}
@media (max-width: 767px) {
.geo .geo-close {
right: -10px;
top: 0
}
}
.geo .geo-close i {
font-size: 28px
}
@media (max-width: 767px) {
.geo .geo-close i {
font-size: 23px
}
}
.geo .geo-close i:hover {
color: #b3b3b3;
cursor: pointer
}
.geo p {
margin-bottom: 0
}
@media (max-width: 991px) {
.geo p {
margin-bottom: auto
}
}
.geo p.geo-head {
margin-bottom: 5px
}
.component-header-type-2 .header-type-2 .content-column .header-type-2-title-container {
margin-bottom: 40px;
margin-top: 35px
}
@media (max-width: 767px) {
.component-header-type-2 .header-type-2 .content-column .header-type-2-title-container {
margin-bottom: 30px;
margin-top: 25px
}
}
@media (max-width: 569px) {
.component-header-type-2 .header-type-2 .content-column .header-type-2-title-container {
text-align: center
}
}
.component-header-type-2 .header-type-2 .content-column .header-type-2-title-container h1 {
font-size: 48px;
font-family: "helvetica bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-weight: normal;
line-height: 38px;
margin: 0;
text-transform: uppercase
}
@media (max-width: 1227px) {
.component-header-type-2 .header-type-2 .content-column .header-type-2-title-container h1 {
font-size: 40px
}
}
@media (max-width: 767px) {
.component-header-type-2 .header-type-2 .content-column .header-type-2-title-container h1 {
font-size: 34px
}
}
.component-header-type-2 .header-type-2 .content-column .header-type-2-img-container {
float: left;
margin-right: 35px;
text-align: center;
width: 250px
}
@media (max-width: 767px) {
.component-header-type-2 .header-type-2 .content-column .header-type-2-img-container {
width: 200px
}
.component-header-type-2 .header-type-2 .content-column .header-type-2-img-container img {
max-height: 200px;
max-width: 200px
}
}
@media (max-width: 569px) {
.component-header-type-2 .header-type-2 .content-column .header-type-2-img-container {
display: block;
float: none;
margin: 0 auto
}
}
.component-header-type-2 .header-type-2 .content-column .header-type-2-img-container img {
max-height: 250px;
max-width: 250px
}
.component-header-type-2 .header-type-2 .content-column .header-type-2-text-container {
margin: 0 50px 0 250px
}
@media (max-width: 1227px) {
.component-header-type-2 .header-type-2 .content-column .header-type-2-text-container {
margin-right: 20px
}
}
@media (max-width: 991px) {
.component-header-type-2 .header-type-2 .content-column .header-type-2-text-container {
margin-right: 0
}
}
@media (max-width: 767px) {
.component-header-type-2 .header-type-2 .content-column .header-type-2-text-container {
margin-bottom: 30px
}
.component-header-type-2 .header-type-2 .content-column .header-type-2-text-container p {
margin-top: 50px
}
}
@media (max-width: 569px) {
.component-header-type-2 .header-type-2 .content-column .header-type-2-text-container {
margin: 0
}
.component-header-type-2 .header-type-2 .content-column .header-type-2-text-container p {
margin-top: 20px
}
}
.component-header-type-2 .header-type-2 .content-column .header-type-2-text-container p {
font-size: 28px;
font-family: "HelveticaNeueLTW06-45Light", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
margin-top: 70px
}
.component-header-type-2 .header-type-2 .content-column .header-type-2-text-container ul {
margin: 10px 0 0 20px
}
.component-header-type-2 .header-type-2 .content-column .header-type-2-text-container ul li {
line-height: 1.4em;
margin: 0 0 5px
}
.component-header-type-2 .header-type-2 .content-column .header-type-2-btn-container {
margin-right: 50px
}
@media (max-width: 1227px) {
.component-header-type-2 .header-type-2 .content-column .header-type-2-btn-container {
margin-right: 20px
}
}
@media (max-width: 991px) {
.component-header-type-2 .header-type-2 .content-column .header-type-2-btn-container {
margin-right: 0
}
}
.component-header-type-2 .header-type-2 .pushbox-column {
margin-top: 35px
}
.component-header-type-2 .header-type-2 .pushbox-column.align-with-text {
margin-top: 145px
}
@media (max-width: 991px) {
.component-header-type-2 .header-type-2 .pushbox-column.align-with-text {
margin-top: 35px
}
}
.component-image-carousel .image-carousel {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin-bottom: 30px;
margin-left: 25px;
position: relative;
width: 400px
}
@media (max-width: 1227px) {
.component-image-carousel .image-carousel {
width: 350px
}
}
@media (max-width: 991px) {
.component-image-carousel .image-carousel {
margin: 0 auto;
width: 400px
}
}
@media (max-width: 767px) {
.component-image-carousel .image-carousel {
margin: 0 auto;
max-width: 100%
}
}
.component-image-carousel .image-carousel .arrow {
cursor: pointer;
height: 30px;
position: absolute;
text-align: center;
top: 40%;
width: 40px
}
@media (max-width: 569px) {
.component-image-carousel .image-carousel .arrow.arrow-left,
.component-image-carousel .image-carousel .arrow.arrow-right {
top: 80px;
z-index: 1
}
}
.mfp-zoom-out-cur .component-image-carousel .image-carousel .arrow {
display: none
}
.component-image-carousel .image-carousel .arrow i {
color: #809ea7;
font-size: 30px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px
}
.component-image-carousel .image-carousel .arrow i:hover {
color: #597881 !important
}
.component-image-carousel .image-carousel .arrow.arrow-left {
left: -25px;
top: 96px
}
@media (max-width: 767px) {
.component-image-carousel .image-carousel .arrow.arrow-left {
left: 0
}
}
.component-image-carousel .image-carousel .arrow.arrow-right {
right: -25px;
top: 96px
}
@media (max-width: 767px) {
.component-image-carousel .image-carousel .arrow.arrow-right {
right: 0
}
}
.component-image-carousel .image-carousel .images {
height: 230px;
overflow: hidden;
position: relative;
width: 100%
}
@media (max-width: 569px) {
.component-image-carousel .image-carousel .images {
height: 180px
}
}
.component-image-carousel .image-carousel .images .image {
display: none;
height: 100%;
position: absolute;
width: 100%
}
.component-image-carousel .image-carousel .images .image img {
bottom: 0;
display: block;
left: 0;
margin: auto;
max-height: 100%;
max-width: 100%;
position: absolute;
right: 0;
top: 0
}
.ie7 .component-image-carousel .image-carousel .images .image img {
margin: 0 auto;
position: static
}
.component-image-carousel .image-carousel .images .image:first-child {
display: block
}
.component-image-carousel .image-carousel .videoBackground {
background: rgba(255, 255, 255, .6);
display: block;
margin: 0 auto;
min-height: 220px;
text-align: center;
width: 90%
}
@media (max-width: 1227px) {
.component-image-carousel .image-carousel .videoBackground {
width: 80%
}
}
.component-image-carousel .image-carousel .pager {
bottom: -20px;
position: absolute
}
.component-image-carousel .image-carousel .video {
outline: none
}
.component-image-carousel .image-pager {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 60px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
padding-left: 0;
text-align: center;
width: 100%
}
@media (max-width: 569px) {
.component-image-carousel .image-pager {
height: 50px;
margin-top: 0
}
}
.component-image-carousel .image-pager li {
border-radius: 0;
margin: 0 0.95%;
background: rgba(255, 255, 255, .6);
border: 1px solid rgba(128, 158, 167, .3);
cursor: pointer;
display: inline-block;
*display: inline;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: 100%;
max-height: 60px;
max-width: 60px;
position: relative;
vertical-align: middle;
width: 14%;
zoom: 1
}
@media (max-width: 569px) {
.component-image-carousel .image-pager li {
height: 50px;
margin: 0 3px;
width: 50px
}
}
.component-image-carousel .image-pager li img {
bottom: 0;
left: 0;
margin: auto;
max-height: 40px;
max-width: 40px;
position: absolute;
right: 0;
top: 0
}
@media (max-width: 569px) {
.component-image-carousel .image-pager li img {
max-height: 30px;
max-width: 30px
}
}
.ie7 .component-image-carousel .image-pager li img {
margin: 10px auto;
position: static
}
.component-image-carousel .image-pager li.videoThumbnail-icon {
background: rgba(255, 255, 255, .6);
display: block;
padding-top: 20px;
text-align: center
}
.component-image-carousel .image-pager li.videoThumbnail-icon .btn-play {
background-position: 11px;
height: 25px;
margin-left: -12px;
margin-top: -12px;
width: 25px
}
.component-image-carousel .image-pager li.active {
border-color: rgba(0, 59, 115, .8)
}
.image-carousel-popup .mfp-figure:after {
background: none;
-webkit-box-shadow: none;
box-shadow: none
}
.component-image-list .image-list .image-list-item {
overflow: hidden
}
@media (max-width: 767px) {
.component-image-list .image-list .image-list-item {
padding-top: 15px
}
}
.component-image-list .image-list .image-list-item .image-list-image {
float: left;
width: 115px
}
@media (max-width: 569px) {
.component-image-list .image-list .image-list-item .image-list-image {
float: none;
margin-bottom: 15px;
text-align: center;
width: auto
}
.component-image-list .image-list .image-list-item .image-list-image img {
max-width: 150px
}
}
@media (max-width: 569px) {
.component-image-list .image-list .image-list-item .image-list-image img {
max-width: 120px
}
}
.component-image-list .image-list .image-list-item .image-list-image img {
width: 100%
}
.component-image-list .image-list .image-list-item .image-list-content {
margin-left: 150px
}
@media (max-width: 569px) {
.component-image-list .image-list .image-list-item .image-list-content {
margin-left: 0
}
}
.component-image-quote {
height: 400px
}
@media (max-width: 1227px) {
.component-image-quote {
height: 350px
}
}
@media (max-width: 991px) {
.component-image-quote {
height: 280px
}
}
@media (max-width: 569px) {
.component-image-quote {
height: 230px
}
}
.component-image-quote .image-quote-background {
height: inherit;
left: 10px;
overflow: hidden;
position: absolute;
right: 10px;
text-align: center
}
@media (max-width: 767px) {
.component-image-quote .image-quote-background {
left: 5px;
right: 5px
}
}
.component-image-quote .image-quote-background img {
height: 400px;
position: relative
}
@media (max-width: 1227px) {
.component-image-quote .image-quote-background img {
height: 350px
}
}
@media (max-width: 991px) {
.component-image-quote .image-quote-background img {
height: 280px;
left: 0
}
}
@media (max-width: 767px) {
.component-image-quote .image-quote-background img {
left: -110px
}
}
@media (max-width: 569px) {
.component-image-quote .image-quote-background img {
height: 230px;
left: -220px
}
}
@media (max-width: 399px) {
.component-image-quote .image-quote-background img {
left: -220px
}
}
.component-image-quote .image-quote-text-wrapper {
color: #fff;
left: 40px;
top: 100px
}
@media (max-width: 569px) {
.component-image-quote .image-quote-text-wrapper {
height: 230px
}
.component-image-quote .image-quote-text-wrapper .image-quote-text {
bottom: 0;
left: 5px;
position: absolute;
right: 5px;
text-align: center
}
}
@media (max-width: 569px) {
.component-image-quote .image-quote-text-wrapper .image-quote-text {
background: rgba(0, 59, 115, .8);
color: #fff;
padding: 10px
}
}
@media (max-width: 1227px) {
.component-image-quote .image-quote-text-wrapper {
top: 100px
}
}
@media (max-width: 991px) {
.component-image-quote .image-quote-text-wrapper {
top: 60px
}
}
@media (max-width: 767px) {
.component-image-quote .image-quote-text-wrapper {
top: 40px
}
}
@media (max-width: 569px) {
.component-image-quote .image-quote-text-wrapper {
left: 0;
top: 0
}
}
.component-image-quote .image-quote-text-wrapper.dark {
color: #003b73
}
.component-image-quote .image-quote-text-wrapper .image-quote-author {
font-size: 28px;
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-weight: normal
}
@media (max-width: 1227px) {
.component-image-quote .image-quote-text-wrapper .image-quote-author {
font-size: 28px
}
}
@media (max-width: 991px) {
.component-image-quote .image-quote-text-wrapper .image-quote-author {
font-size: 26px
}
}
@media (max-width: 767px) {
.component-image-quote .image-quote-text-wrapper .image-quote-author {
font-size: 22px
}
}
.component-image-quote .image-quote-text-wrapper blockquote {
font-size: 60px;
font-family: "helvetica bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
line-height: 1;
margin: 0;
text-transform: uppercase
}
@media (max-width: 1227px) {
.component-image-quote .image-quote-text-wrapper blockquote {
font-size: 45px
}
}
@media (max-width: 991px) {
.component-image-quote .image-quote-text-wrapper blockquote {
font-size: 38px
}
}
@media (max-width: 767px) {
.component-image-quote .image-quote-text-wrapper blockquote {
font-size: 32px
}
}
@media (max-width: 569px) {
.component-image-quote .image-quote-text-wrapper blockquote {
font-size: 22px
}
}
.component-image-quote .image-quote-text-wrapper blockquote:before {
font-size: 60px;
content: "\201C"
}
@media (max-width: 1227px) {
.component-image-quote .image-quote-text-wrapper blockquote:before {
font-size: 45px
}
}
@media (max-width: 991px) {
.component-image-quote .image-quote-text-wrapper blockquote:before {
font-size: 38px
}
}
@media (max-width: 767px) {
.component-image-quote .image-quote-text-wrapper blockquote:before {
font-size: 32px
}
}
@media (max-width: 569px) {
.component-image-quote .image-quote-text-wrapper blockquote:before {
font-size: 22px
}
}
.component-image-quote .image-quote-text-wrapper blockquote:after {
font-size: 60px;
content: "\201D"
}
@media (max-width: 1227px) {
.component-image-quote .image-quote-text-wrapper blockquote:after {
font-size: 45px
}
}
@media (max-width: 991px) {
.component-image-quote .image-quote-text-wrapper blockquote:after {
font-size: 38px
}
}
@media (max-width: 767px) {
.component-image-quote .image-quote-text-wrapper blockquote:after {
font-size: 32px
}
}
@media (max-width: 569px) {
.component-image-quote .image-quote-text-wrapper blockquote:after {
font-size: 22px
}
}
.intro-carousel .carousel-item-container,
.intro-carousel .carousel-item-container .intro-carousel-item {
height: 376px
}
@media (max-width: 1227px) {
.intro-carousel .carousel-item-container,
.intro-carousel .carousel-item-container .intro-carousel-item {
height: 340px
}
}
@media (max-width: 991px) {
.intro-carousel .carousel-item-container,
.intro-carousel .carousel-item-container .intro-carousel-item {
height: 280px
}
}
@media (max-width: 767px) {
.intro-carousel .carousel-item-container,
.intro-carousel .carousel-item-container .intro-carousel-item {
height: auto
}
}
.intro-carousel.intro-carousel-small .carousel-item-container,
.intro-carousel.intro-carousel-small .carousel-item-container .intro-carousel-item {
height: 330px
}
@media (max-width: 1227px) {
.intro-carousel.intro-carousel-small .carousel-item-container,
.intro-carousel.intro-carousel-small .carousel-item-container .intro-carousel-item {
height: 340px
}
}
@media (max-width: 991px) {
.intro-carousel.intro-carousel-small .carousel-item-container,
.intro-carousel.intro-carousel-small .carousel-item-container .intro-carousel-item {
height: 280px
}
}
@media (max-width: 767px) {
.intro-carousel.intro-carousel-small .carousel-item-container,
.intro-carousel.intro-carousel-small .carousel-item-container .intro-carousel-item {
height: auto
}
}
.carousel-light-text .intro-carousel-campaign-text,
.intro-carousel .intro-carousel-campaign-text.carousel-light-text,
.intro-carousel.carousel-light-text,
.intro-carousel-title h2 {
color: #fff
}
@media (max-width: 767px) {
.carousel-light-text .intro-carousel-campaign-text,
.intro-carousel .intro-carousel-campaign-text.carousel-light-text,
.intro-carousel.carousel-light-text,
.intro-carousel-title h2 {
color: inherit
}
}
.carousel-dark-text .intro-carousel-campaign-text,
.intro-carousel .intro-carousel-campaign-text.carousel-dark-text,
.intro-carousel.carousel-dark-text,
h2.carousel-dark-text {
color: #012169
}
@media (max-width: 767px) {
.carousel-dark-text .intro-carousel-campaign-text,
.intro-carousel .intro-carousel-campaign-text.carousel-dark-text,
.intro-carousel.carousel-dark-text,
h2.carousel-dark-text {
color: inherit
}
}
.intro-carousel.carousel-gradient {
background-color: #fff;
overflow: visible
}
.intro-carousel .intro-carousel-campaign-img+.intro-carousel-campaign-text {
margin-top: 0 !important
}
.intro-carousel-container {
overflow: hidden
}
.carousel-item-container {
position: relative
}
.intro-carousel-item {
zoom: 1;
height: 100%;
position: relative
}
.intro-carousel-item:before,
.intro-carousel-item:after {
content: " ";
display: table
}
.intro-carousel-item:after {
clear: both
}
.intro-carousel-item.content-padding {
padding: 0 40px
}
.intro-carousel-item .intro-carousel-bg {
height: 100%;
left: 0;
padding: 0;
position: absolute;
top: 0;
width: 100%
}
@media (max-width: 767px) {
.intro-carousel-item .intro-carousel-bg {
height: auto;
position: relative
}
}
.intro-carousel-item .intro-carousel-bg img {
height: 100%;
position: absolute;
right: 0
}
@media (max-width: 767px) {
.intro-carousel-item .intro-carousel-bg img {
height: auto;
max-width: 100%;
position: relative
}
}
.intro-carousel-item .intro-carousel-bg .intro-carousel-keyword {
bottom: 0;
height: auto;
max-width: 90%;
position: absolute;
right: 0;
width: auto
}
@media (max-width: 1227px) {
.intro-carousel-item .intro-carousel-bg .intro-carousel-keyword {
max-height: 80px
}
}
@media (max-width: 991px) {
.intro-carousel-item .intro-carousel-bg .intro-carousel-keyword {
max-height: 70px
}
}
@media (max-width: 767px) {
.intro-carousel-item .intro-carousel-bg .intro-carousel-keyword {
max-height: 60px
}
}
@media (max-width: 569px) {
.intro-carousel-item .intro-carousel-bg .intro-carousel-keyword {
max-height: 50px
}
}
.intro-carousel-small .intro-carousel-item .intro-carousel-bg .intro-carousel-keyword {
max-height: 90px
}
@media (max-width: 1227px) {
.intro-carousel-small .intro-carousel-item .intro-carousel-bg .intro-carousel-keyword {
max-height: 80px
}
}
@media (max-width: 991px) {
.intro-carousel-small .intro-carousel-item .intro-carousel-bg .intro-carousel-keyword {
max-height: 70px
}
}
@media (max-width: 767px) {
.intro-carousel-small .intro-carousel-item .intro-carousel-bg .intro-carousel-keyword {
max-height: 60px
}
}
@media (max-width: 569px) {
.intro-carousel-small .intro-carousel-item .intro-carousel-bg .intro-carousel-keyword {
max-height: 50px
}
}
.intro-carousel-item.has-background .intro-carousel-bg {
background-position: top right;
background-repeat: no-repeat;
background-size: auto 100%;
background-image: url("../img/carousel-product-background.jpg")
}
.intro-carousel-small .intro-carousel-item.has-background .intro-carousel-bg {
background-image: url("../img/carousel-product-background-small.jpg");
background-size: auto 100%
}
@media (max-width: 767px) {
.intro-carousel-small .intro-carousel-item.has-background .intro-carousel-bg {
background-size: 100% auto
}
}
@media (max-width: 767px) {
.intro-carousel-item.has-product .intro-carousel-content {
width: 100%
}
.intro-carousel-item.has-product .intro-carousel-bg {
background-size: 100%;
height: 100%;
position: absolute
}
.intro-carousel-item.has-product .intro-carousel-image {
float: none;
padding-bottom: 25px;
padding-left: 0;
padding-top: 30px;
width: auto
}
.intro-carousel-item.has-product .intro-carousel-image img {
max-height: 180px;
max-width: 52%
}
}
@media (max-width: 569px) {
.intro-carousel-item.has-product .intro-carousel-image img {
max-height: 120px;
max-width: 50%
}
}
.intro-carousel-item.has-product .intro-carousel-content {
width: 60%
}
@media (max-width: 991px) {
.intro-carousel-item.carousel-item-campaign .intro-carousel-content,
.intro-carousel-item.carousel-item-campaign a .intro-carousel-content {
margin-top: 30px
}
.intro-carousel-item.carousel-item-campaign .intro-carousel-content .intro-carousel-campaign-text,
.intro-carousel-item.carousel-item-campaign a .intro-carousel-content .intro-carousel-campaign-text {
font-size: 20px;
margin-bottom: 10px
}
.intro-carousel-item.carousel-item-campaign .intro-carousel-campaign-img img,
.intro-carousel-item.carousel-item-campaign a .intro-carousel-campaign-img img {
max-height: 120px
}
}
@media (max-width: 767px) {
.intro-carousel-item.carousel-item-campaign .intro-carousel-bg img,
.intro-carousel-item.carousel-item-campaign a .intro-carousel-bg img {
max-width: none
}
.intro-carousel-item.carousel-item-campaign .intro-carousel-content,
.intro-carousel-item.carousel-item-campaign a .intro-carousel-content {
float: none;
margin-top: 20px;
text-align: left;
width: 100%
}
.intro-carousel-item.carousel-item-campaign .intro-carousel-campaign-img,
.intro-carousel-item.carousel-item-campaign a .intro-carousel-campaign-img {
float: right;
margin-left: 10px
}
}
@media (max-width: 569px) {
.intro-carousel-item.carousel-item-campaign .carousel-campaign-content,
.intro-carousel-item.carousel-item-campaign a .carousel-campaign-content {
zoom: 1;
margin-bottom: 10px
}
.intro-carousel-item.carousel-item-campaign .carousel-campaign-content:before,
.intro-carousel-item.carousel-item-campaign .carousel-campaign-content:after,
.intro-carousel-item.carousel-item-campaign a .carousel-campaign-content:before,
.intro-carousel-item.carousel-item-campaign a .carousel-campaign-content:after {
content: " ";
display: table
}
.intro-carousel-item.carousel-item-campaign .carousel-campaign-content:after,
.intro-carousel-item.carousel-item-campaign a .carousel-campaign-content:after {
clear: both
}
.intro-carousel-item.carousel-item-campaign .intro-carousel-campaign-img,
.intro-carousel-item.carousel-item-campaign a .intro-carousel-campaign-img {
margin-top: -20px;
width: 40%
}
.intro-carousel-item.carousel-item-campaign .intro-carousel-campaign-img img,
.intro-carousel-item.carousel-item-campaign a .intro-carousel-campaign-img img {
position: relative;
top: -30px;
max-height: none;
width: 100%
}
}
.intro-carousel-item.carousel-item-campaign .intro-carousel-bg img,
.intro-carousel-item.carousel-item-campaign a .intro-carousel-bg img {
left: -408px;
height: 100%;
right: auto
}
@media (max-width: 1227px) {
.intro-carousel-item.carousel-item-campaign .intro-carousel-bg img,
.intro-carousel-item.carousel-item-campaign a .intro-carousel-bg img {
left: -372px
}
}
@media (max-width: 991px) {
.intro-carousel-item.carousel-item-campaign .intro-carousel-bg img,
.intro-carousel-item.carousel-item-campaign a .intro-carousel-bg img {
left: -305px
}
}
@media (max-width: 767px) {
.intro-carousel-item.carousel-item-campaign .intro-carousel-bg img,
.intro-carousel-item.carousel-item-campaign a .intro-carousel-bg img {
left: -260px
}
}
@media (max-width: 569px) {
.intro-carousel-item.carousel-item-campaign .intro-carousel-bg img,
.intro-carousel-item.carousel-item-campaign a .intro-carousel-bg img {
left: -220px
}
}
@media (max-width: 767px) {
.intro-carousel-item.carousel-item-campaign .intro-carousel-bg img,
.intro-carousel-item.carousel-item-campaign a .intro-carousel-bg img {
height: 240px
}
}
@media (max-width: 569px) {
.intro-carousel-item.carousel-item-campaign .intro-carousel-bg img,
.intro-carousel-item.carousel-item-campaign a .intro-carousel-bg img {
height: 200px
}
}
.intro-carousel-item.carousel-item-campaign .intro-carousel-content,
.intro-carousel-item.carousel-item-campaign a .intro-carousel-content {
float: right;
margin-bottom: 30px;
text-align: right;
width: 38%
}
@media all and (min-width: 768px) {
.intro-carousel-item.carousel-item-campaign .intro-carousel-content,
.intro-carousel-item.carousel-item-campaign a .intro-carousel-content {
bottom: 0;
position: absolute;
right: 0
}
}
.intro-carousel-item.carousel-item-campaign .intro-carousel-content .intro-carousel-campaign-text,
.intro-carousel-item.carousel-item-campaign a .intro-carousel-content .intro-carousel-campaign-text {
font-size: 30px;
font-family: "HelveticaNeueLTW06-45Light", "HelveticaNeue-Light", "Helvetica Neue Light", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-weight: normal;
letter-spacing: 0.02em
}
@media all and (min-width: 768px) {
.intro-carousel-item.carousel-item-campaign .intro-carousel-content .intro-carousel-campaign-text,
.intro-carousel-item.carousel-item-campaign a .intro-carousel-content .intro-carousel-campaign-text {
bottom: 0;
margin: 130px 0 20px;
right: 0
}
}
@media (max-width: 1227px) {
.intro-carousel-item.carousel-item-campaign .intro-carousel-content .intro-carousel-campaign-text,
.intro-carousel-item.carousel-item-campaign a .intro-carousel-content .intro-carousel-campaign-text {
font-size: 30px
}
}
@media (max-width: 569px) {
.intro-carousel-item.carousel-item-campaign .carousel-campaign-content,
.intro-carousel-item.carousel-item-campaign a .carousel-campaign-content {
zoom: 1;
margin-bottom: 10px
}
.intro-carousel-item.carousel-item-campaign .carousel-campaign-content:before,
.intro-carousel-item.carousel-item-campaign .carousel-campaign-content:after,
.intro-carousel-item.carousel-item-campaign a .carousel-campaign-content:before,
.intro-carousel-item.carousel-item-campaign a .carousel-campaign-content:after {
content: " ";
display: table
}
.intro-carousel-item.carousel-item-campaign .carousel-campaign-content:after,
.intro-carousel-item.carousel-item-campaign a .carousel-campaign-content:after {
clear: both
}
.intro-carousel-item.carousel-item-campaign .intro-carousel-campaign-img,
.intro-carousel-item.carousel-item-campaign a .intro-carousel-campaign-img {
margin-top: -20px;
width: 40%
}
.intro-carousel-item.carousel-item-campaign .intro-carousel-campaign-img img,
.intro-carousel-item.carousel-item-campaign a .intro-carousel-campaign-img img {
position: relative;
top: -30px;
max-height: none;
width: 100%
}
}
@media (max-width: 767px) {
.intro-carousel-item.carousel-item-campaign .intro-carousel-bg img,
.intro-carousel-item.carousel-item-campaign a .intro-carousel-bg img {
max-width: none
}
.intro-carousel-item.carousel-item-campaign .intro-carousel-content,
.intro-carousel-item.carousel-item-campaign a .intro-carousel-content {
float: none;
margin-top: 20px;
text-align: left;
width: 100%
}
.intro-carousel-item.carousel-item-campaign .intro-carousel-campaign-img,
.intro-carousel-item.carousel-item-campaign a .intro-carousel-campaign-img {
float: right;
margin-left: 10px
}
}
@media (max-width: 991px) {
.intro-carousel-item.carousel-item-campaign .intro-carousel-content,
.intro-carousel-item.carousel-item-campaign a .intro-carousel-content {
margin-top: 30px
}
.intro-carousel-item.carousel-item-campaign .intro-carousel-content .intro-carousel-campaign-text,
.intro-carousel-item.carousel-item-campaign a .intro-carousel-content .intro-carousel-campaign-text {
font-size: 20px;
margin-bottom: 10px
}
.intro-carousel-item.carousel-item-campaign .intro-carousel-campaign-img img,
.intro-carousel-item.carousel-item-campaign a .intro-carousel-campaign-img img {
max-height: 120px
}
}
.intro-carousel-item .intro-carousel-content {
zoom: 1;
float: left;
margin-top: 52px;
position: relative;
text-align: left;
width: 48%
}
.intro-carousel-item .intro-carousel-content:before,
.intro-carousel-item .intro-carousel-content:after {
content: " ";
display: table
}
.intro-carousel-item .intro-carousel-content:after {
clear: both
}
@media (max-width: 569px) {
.intro-carousel-item .intro-carousel-content {
color: #003b73;
position: relative !important;
width: 100% !important
}
}
@media (max-width: 767px) {
.intro-carousel-item .intro-carousel-content {
color: #003b73;
margin-top: 15px;
position: relative;
width: auto
}
}
@media (max-width: 991px) {
.intro-carousel-item .intro-carousel-content {
margin-top: 37px
}
}
.intro-carousel-small .intro-carousel-item .intro-carousel-content {
margin-top: 52px
}
@media (max-width: 767px) {
.intro-carousel-small .intro-carousel-item .intro-carousel-content {
margin-top: 15px
}
}
.intro-carousel-item .intro-carousel-content .intro-carousel-title h1,
.intro-carousel-item .intro-carousel-content .intro-carousel-title h2 {
font-size: 48px;
font-family: "helvetica bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-weight: normal;
letter-spacing: -0.03em;
line-height: 1;
margin: 0 0 5px;
text-transform: uppercase
}
@media (max-width: 1227px) {
.intro-carousel-item .intro-carousel-content .intro-carousel-title h1,
.intro-carousel-item .intro-carousel-content .intro-carousel-title h2 {
font-size: 36px
}
}
@media (max-width: 991px) {
.intro-carousel-item .intro-carousel-content .intro-carousel-title h1,
.intro-carousel-item .intro-carousel-content .intro-carousel-title h2 {
font-size: 24px
}
}
.intro-carousel-item .intro-carousel-content .intro-carousel-text {
margin-bottom: 8px;
margin-top: -5px;
position: relative
}
.intro-carousel-item .intro-carousel-content .intro-carousel-text p {
font-size: 20px;
font-family: "HelveticaNeueLTW06-45Light", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
line-height: 1.4
}
@media (max-width: 1227px) {
.intro-carousel-item .intro-carousel-content .intro-carousel-text p {
font-size: 18px
}
}
@media (max-width: 991px) {
.intro-carousel-item .intro-carousel-content .intro-carousel-text p {
font-size: 16px
}
}
.intro-carousel-item .intro-carousel-image {
float: right;
padding: 40px 0 0 20px;
position: relative;
text-align: center;
width: 40%
}
.intro-carousel-item .intro-carousel-image img {
max-height: 300px;
max-width: 95%
}
.intro-carousel-item .intro-carousel-btn {
clear: left
}
.component-intro-carousel .carousel-controls {
height: 32px;
margin-top: 10px
}
@media (max-width: 767px) {
.component-intro-carousel .carousel-controls {
margin-top: 15px
}
}
.component-intro-carousel .carousel-controls .carousel-go-left,
.component-intro-carousel .carousel-controls .carousel-go-right {
font-size: 28px;
line-height: 32px;
z-index: 1
}
.component-intro-carousel .carousel-controls .carousel-go-left {
left: 10px
}
.component-intro-carousel .carousel-controls .carousel-go-right {
right: 10px
}
@media (max-width: 767px) {
.component-intro-carousel .carousel-controls .carousel-pager {
display: none
}
}
.component-intro-carousel .carousel-controls .carousel-pager li {
font-size: 10px;
line-height: 32px;
padding: 0 5px
}
@media (max-width: 569px) {
.component-intro-carousel .carousel-controls-swipe-animate .carousel-controls {
overflow: visible;
position: absolute;
top: 0
}
.component-intro-carousel .carousel-controls-swipe-animate .carousel-controls .carousel-go-left,
.component-intro-carousel .carousel-controls-swipe-animate .carousel-controls .carousel-go-right {
background: #fff;
display: block;
font-size: 23px;
height: 75px;
-webkit-transition-duration: 0.45s;
transition-duration: 0.45s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
width: 75px
}
.component-intro-carousel .carousel-controls-swipe-animate .carousel-controls .carousel-go-left i,
.component-intro-carousel .carousel-controls-swipe-animate .carousel-controls .carousel-go-right i {
position: relative;
top: 23px
}
.component-intro-carousel .carousel-controls-swipe-animate .carousel-controls .carousel-go-left {
border-radius: 0 50% 50% 0;
left: -55px;
text-align: right;
-webkit-transition-property: left;
transition-property: left
}
.component-intro-carousel .carousel-controls-swipe-animate .carousel-controls .carousel-go-left i {
right: 15px
}
.component-intro-carousel .carousel-controls-swipe-animate .carousel-controls .carousel-go-left.show {
left: -40px
}
.component-intro-carousel .carousel-controls-swipe-animate .carousel-controls .carousel-go-right {
border-radius: 50% 0 0 50%;
right: -45px;
-webkit-transition-property: right;
transition-property: right
}
.component-intro-carousel .carousel-controls-swipe-animate .carousel-controls .carousel-go-right i {
left: 15px
}
.component-intro-carousel .carousel-controls-swipe-animate .carousel-controls .carousel-go-right.show {
right: -30px
}
.component-intro-carousel .carousel-controls-swipe-animate .carousel-controls .icon-carousel-right:before {
content: ""
}
.component-intro-carousel .carousel-controls-swipe-animate .carousel-controls .icon-carousel-left:before {
content: ""
}
}
.component-intro .intro-content {
padding-top: 35px;
position: relative
}
@media (max-width: 991px) {
.component-intro .intro-content {
padding-top: 25px
}
}
@media (max-width: 767px) {
.component-intro .intro-content .intro-text-content.has-top-bg {
margin-top: 80px
}
}
@media (max-width: 569px) {
.component-intro .intro-content .intro-text-content.has-top-bg {
margin-top: 40px
}
}
.component-intro .intro-content .intro-text-content .intro-title {
font-family: "HelveticaNeueLTW06-45Light", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-size: 36px;
line-height: 1em;
margin: 0;
color: #003b73;
font-weight: normal;
letter-spacing: -0.02em
}
@media (max-width: 1227px) {
.component-intro .intro-content .intro-text-content .intro-title {
font-size: 40px
}
}
@media (max-width: 767px) {
.component-intro .intro-content .intro-text-content .intro-title {
font-size: 34px
}
}
@media (max-width: 767px) {
.component-intro .intro-content.has-image {
min-height: 0
}
}
.component-intro .intro-content.has-preamble .intro-title {
margin-bottom: 5px;
margin-top: 10px
}
.component-intro p {
font-size: 16px;
color: #003b73;
font-family: "HelveticaNeueLTW06-55Roman", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif
}
.component-intro p:last-child {
margin-bottom: 0
}
.component-intro img {
max-width: 100%;
position: absolute;
right: 0;
top: 0
}
.component-intro img.intro-image-photo {
max-height: 180px
}
.component-intro img.intro-image-top {
position: relative
}
@media (max-width: 767px) {
.component-intro img.intro-image-bg {
max-height: 140px
}
}
@media (max-width: 569px) {
.component-intro img.intro-image-bg {
max-height: 90px
}
}
@media (max-width: 1227px) {
.component-intro img:not(.intro-image-bg) {
max-width: 50%
}
}
@media (max-width: 767px) {
.component-intro img:not(.intro-image-bg) {
display: block;
float: right;
margin-right: -20px;
margin-top: -25px;
max-width: 90%;
position: relative;
right: auto;
top: auto
}
}
.noUi-background {
background: url("../img/calculator_bg.png") repeat-x right !important
}
.noUi-horizontal .noUi-handle {
background-image: url("../img/calculator_handle.png")
}
.landing {
min-height: 376px
}
@media (max-width: 1227px) {
.landing {
min-height: 300px
}
}
@media (max-width: 991px) {
.landing {
min-height: 300px
}
}
@media (max-width: 767px) {
.landing {
min-height: 230px
}
}
@media (max-width: 569px) {
.landing {
min-height: 190px
}
}
.landing .landing-background-wrapper {
background: #000;
height: 450px;
left: 0;
position: absolute;
top: 0;
width: 100%
}
@media (max-width: 991px) {
.landing .landing-background-wrapper {
height: 350px
}
}
.landing .landing-background-img-wrapper {
height: 100%;
overflow: hidden;
position: absolute;
width: 100%
}
.landing .landing-background-img {
left: 50%;
position: absolute;
width: 1960px
}
@media (max-width: 1227px) {
.landing .landing-background-img {
width: 1600px
}
}
@media (max-width: 991px) {
.landing .landing-background-img {
width: 1200px
}
}
@media (max-width: 767px) {
.landing .landing-background-img {
width: 1000px
}
}
@media (max-width: 569px) {
.landing .landing-background-img {
left: 0;
width: 100%
}
}
.landing .landing-background-img img {
display: block;
left: -50%;
margin: 0 auto;
position: relative;
width: 100%
}
@media (max-width: 569px) {
.landing .landing-background-img img {
left: -160px;
width: 800px
}
}
.landing .triple-arrow {
background: url("../img/triple-arrow-transparent.png") no-repeat center;
bottom: 40px;
display: block;
height: 50px;
left: 0;
position: absolute;
width: 100%
}
.landing .landing-box {
margin-bottom: 40px;
position: relative
}
@media (max-width: 767px) {
.landing .landing-box {
margin-top: 210px
}
}
@media (max-width: 569px) {
.landing .landing-box {
margin-top: 140px
}
}
.landing .landing-box .landing-box-content-wrapper {
zoom: 1
}
.landing .landing-box .landing-box-content-wrapper:before,
.landing .landing-box .landing-box-content-wrapper:after {
content: " ";
display: table
}
.landing .landing-box .landing-box-content-wrapper:after {
clear: both
}
@media (max-width: 569px) {
.landing .landing-box .landing-box-content-wrapper {
margin-bottom: 10px
}
}
.landing .landing-box .landing-box-img-wrapper {
display: table;
margin-bottom: 5px;
width: 100%
}
@media (max-width: 767px) {
.landing .landing-box .landing-box-img-wrapper {
float: right;
width: 35%
}
}
@media (max-width: 569px) {
.landing .landing-box .landing-box-img-wrapper {
float: none;
width: 100%
}
}
.landing .landing-box .landing-box-img-wrapper .landing-box-img {
display: table-cell;
height: 210px;
margin: 0 auto;
position: relative;
vertical-align: bottom;
width: 100%
}
@media (max-width: 991px) {
.landing .landing-box .landing-box-img-wrapper .landing-box-img {
height: 175px
}
}
@media (max-width: 767px) {
.landing .landing-box .landing-box-img-wrapper .landing-box-img {
height: auto;
vertical-align: top
}
}
.landing .landing-box .landing-box-img-wrapper .landing-box-img img {
max-width: 100%
}
@media (max-width: 991px) {
.landing .landing-box .landing-box-img-wrapper .landing-box-img img {
max-width: 60%
}
}
@media (max-width: 767px) {
.landing .landing-box .landing-box-img-wrapper .landing-box-img img {
max-width: 100%
}
}
@media (max-width: 767px) {
.landing .landing-box .landing-box-content {
float: left;
width: 65%
}
}
@media (max-width: 569px) {
.landing .landing-box .landing-box-content {
float: none;
width: 100%
}
}
.landing .landing-box .landing-box-title {
color: #fff;
font-family: "helvetica bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-size: 24px;
letter-spacing: 0.02em;
margin-bottom: 20px;
text-transform: uppercase
}
@media (max-width: 991px) {
.landing .landing-box .landing-box-title {
font-size: 20px
}
}
@media (max-width: 767px) {
.landing .landing-box .landing-box-title {
text-align: left
}
}
@media (max-width: 767px) {
.landing .landing-box .component-btn {
text-align: left
}
}
@media (max-width: 991px) {
.white-popup {
max-width: 95%
}
}
.masonry .masonry-item {
margin-bottom: 20px
}
@media (max-width: 767px) {
.masonry .masonry-item {
margin-bottom: 10px
}
}
.message.initially-hidden {
display: none !important
}
.message .message-close {
color: #fff
}
.news-box {
background-color: #f9f6f2;
border-bottom: 1px solid rgba(128, 158, 167, .3);
border-top: 1px solid rgba(128, 158, 167, .3)
}
.news-box.light-bg-alt {
background-color: #edf4f3
}
.news-box .text {
padding: 25px 35px
}
.news-box .text .title-link {
color: #003b73
}
.news-box .text .title {
font-size: 36px;
font-family: "helvetica bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif
}
@media (max-width: 767px) {
.news-box .text .title {
font-size: 24px
}
}
.news-box.small .title {
font-size: 24px
}
.news-box.small .content-date,
.news-box.small .content-tags {
margin-bottom: 13px
}
@media (max-width: 569px) {
.news-box.small .content-date {
margin-bottom: 0
}
}
.pagination i {
padding: 7px 8px
}
.pagination i:hover {
background-color: #f9f6f2
}
.pagination .num {
display: inline
}
.pagination .num a {
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
padding: 6px 10px
}
.pagination .num a:hover {
background-color: #f9f6f2
}
.pagination .num a.selected {
background-color: #f8edef
}
.pagination .num a.selected:hover {
background-color: #f2dee2
}
.pagination .dots {
display: inline;
padding: 7px 2px
}
.pie {
background-image: url("../img/pie_bg.png");
background-position: center;
background-repeat: none;
background-size: contain;
display: block;
margin-left: auto;
margin-right: auto
}
.poll.result-wrapper {
display: block;
margin: 25px 0 0 !important;
margin: 0 auto;
width: 100%
}
.poll.text {
margin: 20px 0 0;
width: 100%
}
@media (max-width: 767px) {
.poll.text {
font-size: 14px
}
}
.poll.progressbar {
background-color: #f9f6f2;
border-radius: 3px;
height: 20px;
margin: 10px 0 0;
overflow: hidden;
width: 100%
}
.poll.progress {
background-color: #84bc27;
display: block;
height: 20px;
width: 50%
}
.component-product-box {
margin-bottom: 25px;
padding: 25px 0
}
.component-product-box .product-box .product-box-content {
position: relative
}
@media (max-width: 767px) {
.component-product-box .product-box .product-box-content {
border-bottom: 1px rgba(128, 158, 167, .3) solid
}
}
.component-product-box .product-box .product-box-content .product-box-img {
text-align: center;
width: 100%
}
.component-product-box .product-box .product-box-content .product-box-img img {
max-height: 200px;
max-width: 140px
}
@media (max-width: 767px) {
.component-product-box .product-box .product-box-content .product-box-img img {
max-width: 180px
}
}
.component-product-box .product-box .product-box-content .product-box-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: auto 20px;
position: relative;
text-align: center;
width: auto
}
.component-product-box .product-box .product-box-content .product-box-text h3 {
font-size: 18px;
margin: 0 0 5px
}
.component-product-box .product-box .product-box-content .product-box-text p {
font-size: 14px;
margin: 0 0 15px
}
.component-product-box .product-box .product-box-content .product-box-text .text {
min-height: 50px
}
@media (max-width: 1227px) {
.component-product-box .product-box .product-box-content .product-box-text .text {
min-height: 0
}
}
.component-product-box .product-box .product-box-content .product-box-text .product-id {
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-size: 12px;
margin-bottom: 10px
}
.component-product-box .product-box .product-box-content .product-box-text .product-details {
display: block;
overflow: hidden
}
@media (max-width: 991px) {
.component-product-box .product-box .product-box-content .product-box-text .product-details {
margin: 0 auto;
width: 80%
}
}
@media (max-width: 767px) {
.component-product-box .product-box .product-box-content .product-box-text .product-details {
width: 50%
}
}
@media (max-width: 569px) {
.component-product-box .product-box .product-box-content .product-box-text .product-details {
width: 80%
}
}
.component-product-box .product-box .product-box-content .product-box-text .product-details .rating {
max-width: 100%
}
.component-product-box .product-box .product-box-content .product-box-text .product-details .detail-absorbency {
float: left;
width: 60%
}
.component-product-box .product-box .product-box-content .product-box-text .product-details .detail-absorbency h4 {
font-size: 14px;
margin-bottom: 5px
}
.component-product-box .product-box .product-box-content .product-box-text .product-details .detail-colors {
float: left;
width: 40%
}
.component-product-box .product-box .product-box-content .product-box-text .product-details .detail-colors h4 {
font-size: 14px
}
.component-product-box .product-box .product-box-content .detail {
margin-bottom: 10px;
min-height: 50px
}
.component-product-box .product-box.product-compact .product-box-content .product-box-img {
float: left;
margin-right: 15px;
width: 140px
}
@media (max-width: 767px) {
.component-product-box .product-box.product-compact .product-box-content .product-box-img {
float: none;
margin-right: 0;
width: auto
}
}
.component-product-box .product-box.product-compact .product-box-content .product-box-img img {
max-width: 140px
}
@media (max-width: 767px) {
.component-product-box .product-box.product-compact .product-box-content .product-box-img img {
height: 130px;
max-width: none;
max-width: initial;
width: auto
}
}
.component-product-box .product-box.product-compact .product-box-content .product-box-text {
margin: auto;
margin-left: 156px;
text-align: left;
width: auto
}
@media (max-width: 767px) {
.component-product-box .product-box.product-compact .product-box-content .product-box-text {
margin: 0 20px;
margin-bottom: 10px;
text-align: center
}
}
@media (max-width: 767px) {
.component-product-box .product-box.product-compact .product-box-content .product-box-text .product-details {
width: 100%
}
}
@media (max-width: 569px) {
.component-product-box .product-box.product-compact .product-box-content .product-box-text .product-details {
width: 80%
}
}
.component-product-box .product-box.product-compact .product-box-content .product-box-btn {
margin-top: 10px;
margin-left: 156px;
}
@media (max-width: 767px) {
.component-product-box .product-box.product-compact .product-box-content .product-box-btn {
left: 0;
text-align: center;
margin-left: 0;
margin-bottom: 60px;
}
}
@media (max-width: 569px) {
.component-product-box .product-box.product-compact .product-box-content .product-box-btn .btn,
.component-product-box .product-box.product-compact .product-box-content .product-box-btn .js-review .p-w-r .pr-media-modal .pr-accessible-btn,
.js-review .p-w-r .pr-media-modal .component-product-box .product-box.product-compact .product-box-content .product-box-btn .pr-accessible-btn,
.component-product-box .product-box.product-compact .product-box-content .product-box-btn .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .component-product-box .product-box.product-compact .product-box-content .product-box-btn .pr-accessible-btn {
width: 100%
}
}
.component-product-box .product-box.product-compact.product-compact-expanded .product-box-content .product-box-img {
width: 50%
}
@media (max-width: 991px) {
.component-product-box .product-box.product-compact.product-compact-expanded .product-box-content .product-box-img {
float: none;
margin-right: 0;
width: auto
}
.component-product-box .product-box.product-compact.product-compact-expanded .product-box-content .product-box-img img {
max-width: 195px
}
}
.component-product-box .product-box.product-compact.product-compact-expanded .product-box-content .product-box-img img {
max-width: 100%
}
.component-product-box .product-box.no-border .product-box-content {
border-bottom: none
}
.component-product-box .product-box.divider {
border-color: rgba(255, 255, 255, .2);
border-left: 1px solid
}
.component-product-box .product-box .product-box-select-btn .not-checked {
display: block
}
.component-product-box .product-box .product-box-select-btn .checked {
display: none
}
.component-product-box .product-box .product-box-select-btn input:checked+label .not-checked {
display: none
}
.component-product-box .product-box .product-box-select-btn input:checked+label .checked {
display: block
}
.component-product-box.list-vertical .product-box-content {
border-top: 0;
padding-top: 0
}
.sample-product-box {
background-color: #fff;
border: 1px rgba(128, 158, 167, .3) solid;
padding-bottom: 25px;
padding-left: 15px;
padding-right: 15px;
padding-top: 25px
}
.sample-product-box .product-box .product-box-content {
overflow: hidden
}
@media (max-width: 767px) {
.sample-product-box .sample-box-btn {
text-align: center
}
}
.component-product-box,
.product-box,
.product-box-content {
height: 100%
}
.product-row:only-child .product-box-content {
min-height: 250px
}
.component-product-details .product-details {
overflow: hidden
}
.component-product-details .product-details h3 {
font-size: 16px;
margin-bottom: 4px
}
.component-product-details .product-details .detail {
display: inline-block;
float: left;
height: 70px;
margin-bottom: 20px;
width: 50%
}
@media (max-width: 991px) {
.component-product-details .product-details .detail {
margin: 0 0 30px
}
}
@media (max-width: 767px) {
.component-product-details .product-details .detail {
margin: 0 0 20px;
width: 50%
}
}
@media (max-width: 767px) {
.component-product-details .product-details .detail {
margin: 0 0 15px
}
}
.component-product-details .product-details .detail p {
margin-bottom: 0
}
.component-product-details .product-details .detail h3 {
margin-bottom: 10px
}
.component-product-details .product-details .detail .sizes {
color: #cad1db
}
.component-product-details .product-details .detail .sizes .filled {
color: #003b73
}
.component-product-details .packages-list li {
margin-bottom: 5px
}
.product-finder .question-box .btn-next {
float: left
}
.product-finder .question-box .btn-next,
.product-finder .question-box .btn.field-submit,
.product-finder .question-box .js-review .p-w-r .pr-media-modal .field-submit.pr-accessible-btn,
.js-review .p-w-r .pr-media-modal .product-finder .question-box .field-submit.pr-accessible-btn,
.product-finder .question-box .js-review[data-reviewtype="ReviewForm"] .p-w-r .field-submit.pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .product-finder .question-box .field-submit.pr-accessible-btn {
margin-left: 15px
}
.product-finder .question-box input[type=radio] {
margin-left: 0
}
.product-finder-results {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.product-finder-results.hide {
display: none
}
.product-finder-results .crate {
height: 100%;
padding-bottom: 65px;
position: relative
}
.product-finder-results .crate .sample-box {
position: static
}
.product-finder-results .crate .sample-box .product-details {
bottom: 15px;
position: absolute
}
.component-product-intro-right .product-intro-item .second-column {
padding-top: 5px
}
.component-product-intro-right .product-intro-item .product-intro-carousel {
padding-top: 35px
}
@media (max-width: 991px) {
.component-product-intro-right .product-intro-item .product-intro-carousel {
padding-top: 0
}
}
.component-product-intro-right .product-intro-item .LandingPage-productContainer {
padding-top: 70px
}
@media (max-width: 991px) {
.component-product-intro-right .product-intro-item .LandingPage-productContainer {
padding-top: 50px
}
}
.component-product-intro-right .product-intro-item .image-carousel {
margin: 0 auto
}
.component-product-intro-right .product-intro-item .product-title {
font-family: "HelveticaNeueLTW06-45Light", "HelveticaNeue-Light", "Helvetica Neue Light", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-size: 48px;
line-height: 1.2;
text-transform: none;
font-weight: normal;
letter-spacing: normal
}
@media (max-width: 1227px) {
.component-product-intro-right .product-intro-item .product-title {
font-size: 40px
}
}
@media (max-width: 767px) {
.component-product-intro-right .product-intro-item .product-title {
font-size: 34px
}
}
.component-product-intro-right .product-intro-item .product-title.uppercase_title {
text-transform: uppercase
}
.component-product-intro-right .product-intro-item .text-link {
color: #003b73;
display: block;
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
margin-bottom: 5px
}
.component-product-intro-right .product-intro-item .text-link:hover {
color: #00070d;
text-decoration: underline
}
.component-product-intro-right .product-intro-item .top-heading {
margin-top: 35px;
padding-top: 0
}
@media (max-width: 569px) {
.component-product-intro-right .product-intro-item .top-heading {
margin-bottom: 0;
margin-top: 30px
}
}
.component-product-intro-right .product-intro-item .top-heading.main-heading {
margin-bottom: 10px
}
.component-product-intro-right .product-intro-item.use_bg_color {
background: #fdfbf8
}
@media (max-width: 991px) {
.component-product-intro-right .product-intro-item.use_bg_color .second-column {
margin-bottom: 40px
}
}
.component-product-intro-right .product-intro-item.bg_pattern {
background-image: url("../img/background-pattern.jpg");
background-position: right top;
background-size: cover;
padding-bottom: 30px
}
.component-product-intro-right .product-intro-item.use_bg_image {
background-image: url("../img/background-flower.jpg");
background-position: right top;
background-color: #fdfbf8;
background-repeat: no-repeat;
color: #003b73;
margin-bottom: 40px;
padding-bottom: 60px;
position: relative
}
@media (max-width: 1227px) {
.component-product-intro-right .product-intro-item.use_bg_image {
background-position: right top;
padding-bottom: 30px
}
}
@media (max-width: 991px) {
.component-product-intro-right .product-intro-item.use_bg_image {
background-image: none
}
.component-product-intro-right .product-intro-item.use_bg_image .first-column.col-6.col-md-6.col-sm-12 {
padding-bottom: 50px
}
}
@media (max-width: 767px) {
.component-product-intro-right .product-intro-item.use_bg_image {
background-position: 60% top
}
}
@media (max-width: 991px) {
.component-product-intro-right .product-intro-item.use_bg_image .second-column {
margin-bottom: 0
}
}
.LandingPage-container {
overflow: hidden;
padding-bottom: 50px;
position: relative
}
.LandingPage-container .LandingPage-image {
left: 0;
position: absolute;
right: 0;
top: 0
}
.component-product-intro .product-intro-item .second-column {
padding-top: 5px
}
.component-product-intro .product-intro-item .product-title {
font-size: 48px;
font-family: "helvetica bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-weight: normal;
letter-spacing: normal
}
@media (max-width: 1227px) {
.component-product-intro .product-intro-item .product-title {
font-size: 40px
}
}
@media (max-width: 767px) {
.component-product-intro .product-intro-item .product-title {
font-size: 34px
}
}
.component-product-intro .product-intro-item .product-title.uppercase_title {
text-transform: uppercase
}
.component-product-intro .product-intro-item .text-link {
color: #fff;
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif
}
.component-product-intro .product-intro-item .top-heading {
margin-top: 35px;
padding-top: 0
}
@media (max-width: 569px) {
.component-product-intro .product-intro-item .top-heading {
margin-bottom: 0;
margin-top: 30px
}
}
.component-product-intro .product-intro-item .top-heading.main-heading {
margin-bottom: 10px
}
.component-product-intro .product-intro-item.use_bg_color {
background: #fdfbf8
}
@media (max-width: 991px) {
.component-product-intro .product-intro-item.use_bg_color .second-column {
margin-bottom: 40px
}
}
.component-product-intro .product-intro-item.use_bg_image {
background-image: url("../img/product-intro-top-bg.jpg");
background: #fdfbf8;
background-position: center top;
background-repeat: no-repeat;
color: #003b73;
margin-bottom: 40px;
position: relative
}
@media (max-width: 1227px) {
.component-product-intro .product-intro-item.use_bg_image {
padding-bottom: 30px
}
}
@media (max-width: 991px) {
.component-product-intro .product-intro-item.use_bg_image .second-column {
margin-bottom: 0
}
}
.component-product-promo .product-promo {
background-color: #fff;
border-bottom: 1px rgba(128, 158, 167, .3) solid;
border-radius: 0;
position: relative
}
@media (max-width: 767px) {
.component-product-promo .product-promo {
padding: 20px
}
}
.component-product-promo .product-promo.light-bg-alt {
background: #edf4f3
}
.component-product-promo .product-promo.crate .product-promo-content {
border-bottom: none;
padding-top: 0
}
.component-product-promo .product-promo.crate.manual-padding .product-promo-content {
margin-bottom: 0
}
.component-product-promo .product-promo .product-promo-content {
overflow: hidden
}
@media (max-width: 991px) {
.component-product-promo .product-promo .product-promo-content {
padding-top: 35px
}
.col-4:first-child .component-product-promo .product-promo .product-promo-content,
.col-4:first-child+.col-4 .component-product-promo .product-promo .product-promo-content {
padding-top: 0
}
}
@media (max-width: 767px) {
.component-product-promo .product-promo .product-promo-content {
margin-bottom: 0;
padding-top: 0
}
}
.component-product-promo .product-promo .product-promo-content .product-promo-img-wrapper {
width: 100%
}
@media (max-width: 767px) {
.component-product-promo .product-promo .product-promo-content .product-promo-img-wrapper {
float: left;
width: 50%
}
}
@media (max-width: 569px) {
.component-product-promo .product-promo .product-promo-content .product-promo-img-wrapper {
float: none;
width: 100%
}
}
.component-product-promo .product-promo .product-promo-content .product-promo-img-wrapper .product-promo-img {
height: 262px;
text-align: center;
width: 100%;
margin: 1em auto;
}
@media (max-width: 767px) {
.component-product-promo .product-promo .product-promo-content .product-promo-img-wrapper .product-promo-img {
height: auto;
text-align: left
}
}
@media (max-width: 569px) {
.component-product-promo .product-promo .product-promo-content .product-promo-img-wrapper .product-promo-img {
text-align: center
}
}
.component-product-promo .product-promo .product-promo-content .product-promo-img-wrapper .product-promo-img img {
width: auto;
height: 230px;
}
@media (max-width: 1227px) {
.component-product-promo .product-promo .product-promo-content .product-promo-img-wrapper .product-promo-img img {
max-width: 180px
}
}
.component-product-promo .product-promo .product-promo-content .product-promo-pre-title {
font-size: 28px;
font-family: "HelveticaNeueLTW06-45Light", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
margin-bottom: 35px;
text-align: center
}
.component-product-promo .product-promo .product-promo-content .product-promo-text {
text-align: center;
width: auto;
margin-bottom: 1em;
}
@media (max-width: 767px) {
.component-product-promo .product-promo .product-promo-content .product-promo-text {
float: right;
margin: 0;
padding-bottom: 0;
text-align: left;
width: 50%
}
}
@media (max-width: 569px) {
.component-product-promo .product-promo .product-promo-content .product-promo-text {
float: none;
margin: auto 20px;
text-align: center;
width: auto
}
}
.component-product-promo .product-promo .product-promo-content .product-promo-text a {
color: #003b73
}
.component-product-promo .product-promo .product-promo-content .product-promo-text .title {
font-size: 18px;
margin: 0 0 5px
}
.component-product-promo .product-promo .product-promo-content .product-promo-text p {
font-size: 16px;
margin: 0 0 7px
}
.component-product-promo .product-promo .product-promo-btn {
text-align: center;
width: 100%
}
@media (max-width: 767px) {
.component-product-promo .product-promo .product-promo-btn {
bottom: auto;
float: right;
float: left;
margin-top: 30px;
position: relative;
text-align: left;
width: 50%
}
}
@media (max-width: 569px) {
.component-product-promo .product-promo .product-promo-btn {
float: none;
text-align: center;
width: auto
}
}
.component-product-promo,
.product-promo {
height: 100%
}
.component-product-suggester .product-suggester-box {
background: #fff;
border: 1px rgba(128, 158, 167, .3) solid;
overflow: hidden;
position: relative
}
.component-product-suggester .product-suggester-box .product-suggester-box-content {
padding: 35px
}
@media (max-width: 767px) {
.component-product-suggester .product-suggester-box .product-suggester-box-content {
padding: 30px
}
}
@media (max-width: 569px) {
.component-product-suggester .product-suggester-box .product-suggester-box-content {
padding: 15px
}
}
.component-product-suggester .product-suggester-box .product-suggester-box-title {
font-size: 40px;
font-family: "helvetica bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
margin: 0;
text-transform: uppercase
}
@media (max-width: 1227px) {
.component-product-suggester .product-suggester-box .product-suggester-box-title {
font-size: 40px
}
}
@media (max-width: 991px) {
.component-product-suggester .product-suggester-box .product-suggester-box-title {
font-size: 35px
}
}
.component-product-suggester .product-suggester-box .product-suggester-box-img {
bottom: 0;
overflow: hidden;
padding: 0;
position: absolute;
right: 0;
top: 0
}
@media (max-width: 767px) {
.component-product-suggester .product-suggester-box .product-suggester-box-img {
position: relative
}
}
.component-product-suggester .product-suggester-box .product-suggester-box-img img {
display: block;
width: 100%
}
@media (max-width: 991px) {
.component-product-suggester .product-suggester-box .product-suggester-box-img img {
height: 100%;
width: auto
}
}
@media (max-width: 767px) {
.component-product-suggester .product-suggester-box .product-suggester-box-img img {
height: auto;
margin-left: 0;
width: 100%
}
}
.component-product-suggester .product-suggester-box .component-btn {
margin-top: 20px
}
@media (max-width: 569px) {
.component-product-suggester .product-suggester-box .component-btn .btn,
.component-product-suggester .product-suggester-box .component-btn .js-review .p-w-r .pr-media-modal .pr-accessible-btn,
.js-review .p-w-r .pr-media-modal .component-product-suggester .product-suggester-box .component-btn .pr-accessible-btn,
.component-product-suggester .product-suggester-box .component-btn .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .component-product-suggester .product-suggester-box .component-btn .pr-accessible-btn {
width: 100%
}
}
.promo {
background-color: #edf4f3;
border: 1px solid rgba(128, 158, 167, .3);
border-radius: 5px;
overflow: hidden;
position: relative
}
@media (max-width: 991px) {
.promo .promo-background {
height: auto;
width: 100px
}
.promo .promo-content {
padding: 25px
}
.promo .promo-content .promo-image {
margin-bottom: 20px;
margin-top: 0
}
}
@media (max-width: 767px) {
.promo .promo-content {
padding: 15px
}
.promo .promo-content .promo-image img {
max-width: 260px
}
}
.promo .promo-background {
height: 357px;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.promo .promo-content {
background-image: url("../img/promo-background.png");
background-position: center;
background-size: cover;
padding: 40px 25px
}
.promo .promo-content .promo-title {
font-size: 55px;
font-family: "helvetica bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
letter-spacing: -0.03em
}
@media (max-width: 1227px) {
.promo .promo-content .promo-title {
font-size: 50px
}
}
@media (max-width: 767px) {
.promo .promo-content .promo-title {
font-size: 40px
}
}
.promo .promo-content .promo-text p {
font-size: 20px;
font-family: "HelveticaNeueLTW06-45Light", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif
}
.promo .promo-content .promo-image {
margin-top: 40px;
text-align: center
}
.promo .promo-content .promo-image img {
max-width: 100%
}
.pushbox-statistics {
background: #edf4f3
}
@media (max-width: 991px) {
.pushbox-statistics:not(.small) .pushbox-statistics-circle {
background-size: 100%;
padding-top: 55px;
width: 180px
}
.pushbox-statistics:not(.small) .pushbox-statistics-circle .pushbox-statistics-number {
padding-right: 26px
}
}
.pushbox-statistics.small .pushbox-statistics-circle {
background: url("../img/statistics-circle-small.png");
height: 129px;
margin-bottom: 25px;
padding-top: 25px;
width: 156px
}
@media (max-width: 767px) {
.pushbox-statistics.small .pushbox-statistics-circle {
margin-bottom: 0
}
}
@media (max-width: 569px) {
.pushbox-statistics.small .pushbox-statistics-circle {
margin-bottom: 20px
}
}
.pushbox-statistics.small .pushbox-statistics-circle .pushbox-statistics-number {
font-size: 80px;
letter-spacing: -0.08em;
padding-right: 38px
}
.pushbox-statistics.small .pushbox-statistics-circle .pushbox-statistics-unit {
font-size: 48px
}
.pushbox-statistics.small .pushbox-statistics-text {
padding-left: 10px;
padding-right: 10px;
text-align: left
}
@media (max-width: 569px) {
.pushbox-statistics.small .pushbox-statistics-text {
padding-bottom: 0;
padding-left: 0
}
}
.pushbox-statistics.small .pushbox-statistics-text p {
font-size: 20px
}
.pushbox-statistics-img {
margin-bottom: 35px
}
.pushbox-statistics-img img {
display: block;
margin: 0 auto;
max-height: 220px
}
.pushbox-statistics-circle {
background: url("../img/statistics-circle.png") no-repeat center;
height: 171px;
margin: 0 auto;
margin-bottom: 40px;
padding-top: 40px;
text-align: center;
width: 207px
}
@media (max-width: 569px) {
.pushbox-statistics-circle {
float: none;
margin-bottom: 20px;
margin-right: auto
}
}
.pushbox-statistics-circle .pushbox-statistics-number,
.pushbox-statistics-circle .pushbox-statistics-unit {
color: #fff;
display: inline-block;
font-family: "helvetica bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
letter-spacing: -0.04em
}
.pushbox-statistics-circle .pushbox-statistics-number {
font-size: 94px;
padding-right: 42px;
position: relative
}
@media (max-width: 991px) {
.pushbox-statistics-circle .pushbox-statistics-number {
font-size: 64px
}
}
.pushbox-statistics-circle .pushbox-statistics-unit {
font-size: 56px;
position: absolute;
right: 0;
top: 1px
}
@media (max-width: 991px) {
.pushbox-statistics-circle .pushbox-statistics-unit {
font-size: 36px
}
}
.pushbox-statistics-text {
padding: 0 30px;
text-align: center
}
@media (max-width: 1227px) {
.pushbox-statistics-text {
padding: 0
}
}
@media (max-width: 767px) {
.pushbox-statistics-text {
padding-top: 30px
}
}
@media (max-width: 569px) {
.pushbox-statistics-text {
padding-top: 0;
text-align: center
}
}
.pushbox-statistics-text p {
font-size: 24px;
font-family: "helvetica bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
margin-bottom: 0
}
.component-pushbox {
zoom: 1;
margin-bottom: 20px
}
.component-pushbox:before,
.component-pushbox:after {
content: " ";
display: table
}
.component-pushbox:after {
clear: both
}
.pushbox.pushbox-space-between .pushbox-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%
}
.pushbox.pushbox-space-between .pushbox-text-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
@media (max-width: 1227px) {
.pushbox.col-sm-12 .pushbox-content {
background: #fff;
border-color: #c1c2c0;
min-height: 120px
}
.pushbox.col-sm-12 .pushbox-content .pushbox-text {
padding: 20px;
width: 50%
}
.pushbox.col-sm-12 .pushbox-content .pushbox-text .text {
display: none
}
.pushbox.col-sm-12 .pushbox-content.spaced .pushbox-text .text {
display: block
}
.pushbox.col-sm-12 .pushbox-content .pushbox-img {
height: 100%;
right: 0;
top: 0;
width: 50%
}
}
.pushbox .pushbox-shadow {
background-image: url("../img/box-shadow.png");
background-size: 100% 100%;
position: relative;
top: -1px;
background-position: center;
height: 17px;
text-align: center;
width: 100%
}
.pushbox .pushbox-shadow img {
display: none !important;
vertical-align: top;
width: 100%
}
@media (max-width: 991px) {
.pushbox .pushbox-shadow img {
height: 12px
}
}
.pushbox.type-half-image .pushbox-content.border,
.pushbox.type-full-image .pushbox-content.border {
margin-bottom: 0
}
.pushbox.type-full-image .dark .pushbox-text-content {
text-shadow: 0 1px 7px rgba(0, 0, 0, .6)
}
.pushbox.type-full-image .pushbox-text-content {
text-shadow: 0 1px 7px rgba(255, 255, 255, .8)
}
.pushbox .pushbox-content-inner {
position: relative
}
.pushbox .pushbox-bottom-button-wrapper {
border-left: none;
border-right: none;
padding: 5px 20px 20px
}
.pushbox .pushbox-bottom-button-wrapper .component-btn {
float: right
}
.pushbox .pushbox-bottom-button-wrapper:after {
clear: both;
content: " ";
display: block;
height: 0
}
.pushbox .pushbox-clickable {
display: none;
height: 100%;
position: absolute;
width: 100%
}
@media (max-width: 569px) {
.pushbox.clickable-xs .pushbox-clickable {
display: block
}
.pushbox.clickable-xs .pushbox-button {
display: none
}
}
.pushbox .pushbox-content {
background-color: #fff;
border-radius: 0;
overflow: hidden;
position: relative
}
.pushbox .pushbox-content.fixed-height {
min-height: 330px
}
@media (max-width: 1227px) {
.pushbox .pushbox-content.fixed-height {
min-height: 330px
}
}
@media (max-width: 991px) {
.pushbox .pushbox-content.fixed-height {
min-height: 190px
}
.col-sm-6 .pushbox .pushbox-content.fixed-height {
min-height: 370px
}
}
@media (max-width: 767px) {
.col-sm-6 .pushbox .pushbox-content.fixed-height,
.col-xs-6 .pushbox .pushbox-content.fixed-height,
.col-sm-12 .pushbox .pushbox-content.fixed-height,
.col-xs-12 .pushbox .pushbox-content.fixed-height {
min-height: 230px
}
}
.pushbox .pushbox-content.fixed-height.has-button .pushbox-text {
padding-bottom: 0
}
.pushbox .pushbox-content.border {
border: 1px rgba(128, 158, 167, .3) solid
}
.pushbox .pushbox-content.border.no-border-bottom {
border-bottom: 0
}
.pushbox .pushbox-content.light {
background-image: url("../img/box-bg-semitransparent.png")
}
.pushbox .pushbox-content.dark {
color: #fff
}
.pushbox .pushbox-content.dark .text a,
.pushbox .pushbox-content.dark .title a,
.pushbox .pushbox-content.dark .pretitle a {
color: #fff
}
.pushbox .pushbox-content.dark .text a:hover,
.pushbox .pushbox-content.dark .title a:hover,
.pushbox .pushbox-content.dark .pretitle a:hover {
color: #7388a4
}
.pushbox .pushbox-content.transparent {
background-image: url("../img/box-bg-transparent.png")
}
.pushbox .pushbox-content.semi-transparent {
background-repeat: repeat-x;
background-size: contain
}
.pushbox .pushbox-content.light-bg {
background: #fff
}
.pushbox .pushbox-content.light-bg-2 {
background: #edf4f3
}
.pushbox .pushbox-content.dark-bg {
background: #003c73
}
.pushbox .pushbox-content.body-bg {
background: #fff
}
.pushbox .pushbox-content.spaced .text {
line-height: 1.8em
}
.pushbox .pushbox-content.normal-height {
min-height: 50px
}
.pushbox .pushbox-content.has-button .pushbox-text {
padding-bottom: 80px
}
.pushbox .pushbox-content.has-two-buttons .component-btn:first-child {
margin-bottom: 15px
}
.pushbox .pushbox-content.has-two-buttons .pushbox-text {
padding-bottom: 130px
}
.pushbox .pushbox-content.has-button-below .pushbox-button {
margin-bottom: 50px
}
.pushbox .pushbox-content .pushbox-text {
zoom: 1;
position: relative
}
.pushbox .pushbox-content .pushbox-text:before,
.pushbox .pushbox-content .pushbox-text:after {
content: " ";
display: table
}
.pushbox .pushbox-content .pushbox-text:after {
clear: both
}
.pushbox .pushbox-content .pushbox-text .quote-btn {
text-align: right
}
.pushbox .pushbox-content .pushbox-text .pushbox-text-content .pretitle,
.pushbox .pushbox-content .pushbox-text .pushbox-text-content .title,
.pushbox .pushbox-content .pushbox-text .pushbox-text-content p {
border: 0;
margin: 0 0 10px;
padding: 0
}
@media (max-width: 569px) {
.pushbox .pushbox-content .pushbox-text .pushbox-text-content .pretitle,
.pushbox .pushbox-content .pushbox-text .pushbox-text-content .title,
.pushbox .pushbox-content .pushbox-text .pushbox-text-content p {
margin: 0 0 5px
}
}
.pushbox .pushbox-content .pushbox-text .pushbox-text-content .pretitle {
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-size: 16px;
letter-spacing: 0.5px;
font-weight: normal;
text-transform: uppercase
}
.pushbox .pushbox-content .pushbox-text .pushbox-text-content .pretitle.normalize-pretitle {
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-size: 18px;
font-weight: normal;
margin-bottom: 5px;
text-transform: none
}
.pushbox .pushbox-content .pushbox-text .pushbox-text-content .title {
font-size: 28px;
line-height: 1.28;
font-family: "HelveticaNeueLTW06-45Light", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-weight: normal;
text-transform: none
}
@media (max-width: 1227px) {
.pushbox .pushbox-content .pushbox-text .pushbox-text-content .title {
font-size: 28px
}
}
@media (max-width: 991px) {
.pushbox .pushbox-content .pushbox-text .pushbox-text-content .title {
font-size: 26px
}
}
@media (max-width: 767px) {
.pushbox .pushbox-content .pushbox-text .pushbox-text-content .title {
font-size: 22px
}
}
.pushbox .pushbox-content .pushbox-text .pushbox-text-content .text p {
font-size: 16px;
line-height: 1.6
}
@media (max-width: 1227px) {
.pushbox .pushbox-content .pushbox-text .pushbox-text-content .text p {
line-height: 1.4
}
}
.pushbox .pushbox-content .pushbox-text .pushbox-text-content blockquote {
margin: 25px 15px 15px;
font-size: 28px;
font-family: "HelveticaNeueLTW06-45Light", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-style: normal;
line-height: 1.3em;
text-transform: none
}
@media (max-width: 1227px) {
.pushbox .pushbox-content .pushbox-text .pushbox-text-content blockquote {
font-size: 28px
}
}
@media (max-width: 991px) {
.pushbox .pushbox-content .pushbox-text .pushbox-text-content blockquote {
font-size: 26px
}
}
@media (max-width: 767px) {
.pushbox .pushbox-content .pushbox-text .pushbox-text-content blockquote {
font-size: 22px
}
}
.pushbox .pushbox-content .pushbox-text .pushbox-text-content .icon {
float: right;
font-size: 24px
}
.pushbox .pushbox-content .pushbox-form .form {
margin: 20px 0 0
}
.pushbox .pushbox-content .pushbox-form .form .form-description-after {
margin-top: 10px
}
.pushbox .pushbox-content .pushbox-img {
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
position: relative;
text-align: center;
width: 100%
}
.pushbox .pushbox-content .pushbox-img img {
display: block;
position: relative;
width: 100%
}
.pushbox .pushbox-content .pushbox-button {
bottom: 0;
position: absolute;
width: 100%
}
.pushbox .pushbox-content .pushbox-button .component-btn {
margin-bottom: 25px;
overflow: hidden
}
@media (max-width: 991px) {
.pushbox .pushbox-content .pushbox-button .component-btn {
margin-bottom: 25px
}
}
@media (max-width: 767px) {
.pushbox .pushbox-content .pushbox-button .component-btn {
margin-bottom: 20px
}
}
.pushbox .pushbox-content .pushbox-button .component-btn .btn,
.pushbox .pushbox-content .pushbox-button .component-btn .js-review .p-w-r .pr-media-modal .pr-accessible-btn,
.js-review .p-w-r .pr-media-modal .pushbox .pushbox-content .pushbox-button .component-btn .pr-accessible-btn,
.pushbox .pushbox-content .pushbox-button .component-btn .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .pushbox .pushbox-content .pushbox-button .component-btn .pr-accessible-btn {
float: right;
margin: 0 25px
}
@media (max-width: 991px) {
.pushbox .pushbox-content .pushbox-button .component-btn .btn,
.pushbox .pushbox-content .pushbox-button .component-btn .js-review .p-w-r .pr-media-modal .pr-accessible-btn,
.js-review .p-w-r .pr-media-modal .pushbox .pushbox-content .pushbox-button .component-btn .pr-accessible-btn,
.pushbox .pushbox-content .pushbox-button .component-btn .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .pushbox .pushbox-content .pushbox-button .component-btn .pr-accessible-btn {
margin: 0 25px
}
}
@media (max-width: 767px) {
.pushbox .pushbox-content .pushbox-button .component-btn .btn,
.pushbox .pushbox-content .pushbox-button .component-btn .js-review .p-w-r .pr-media-modal .pr-accessible-btn,
.js-review .p-w-r .pr-media-modal .pushbox .pushbox-content .pushbox-button .component-btn .pr-accessible-btn,
.pushbox .pushbox-content .pushbox-button .component-btn .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .pushbox .pushbox-content .pushbox-button .component-btn .pr-accessible-btn {
margin: 0 20px
}
}
.pushbox .pushbox-content .pushbox-button .btn.align-left,
.pushbox .pushbox-content .pushbox-button .js-review .p-w-r .pr-media-modal .align-left.pr-accessible-btn,
.js-review .p-w-r .pr-media-modal .pushbox .pushbox-content .pushbox-button .align-left.pr-accessible-btn,
.pushbox .pushbox-content .pushbox-button .js-review[data-reviewtype="ReviewForm"] .p-w-r .align-left.pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .pushbox .pushbox-content .pushbox-button .align-left.pr-accessible-btn {
float: left
}
.pushbox .pushbox-content .pushbox-play-btn {
bottom: 0;
height: 100%;
position: absolute;
width: 100%
}
.pushbox .pushbox-content .pushbox-text {
padding: 25px
}
@media (max-width: 991px) {
.pushbox .pushbox-content .pushbox-text {
padding: 25px
}
}
@media (max-width: 767px) {
.pushbox .pushbox-content .pushbox-text {
padding: 20px
}
}
.pushbox .pushbox-content.no-padding {
padding: 5px
}
.pushbox .pushbox-content.no-padding .btn,
.pushbox .pushbox-content.no-padding .js-review .p-w-r .pr-media-modal .pr-accessible-btn,
.js-review .p-w-r .pr-media-modal .pushbox .pushbox-content.no-padding .pr-accessible-btn,
.pushbox .pushbox-content.no-padding .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .pushbox .pushbox-content.no-padding .pr-accessible-btn {
bottom: 35px;
position: absolute;
right: 5px
}
.pushbox.type-full-image .pushbox-text {
position: absolute;
top: 0;
width: 90%
}
.pushbox.type-full-image .background {
position: relative;
background-position: top center;
background-repeat: no-repeat;
background-size: cover
}
.pushbox.type-full-image .background .image-overlay {
left: 0;
position: absolute;
top: 0
}
.pushbox.type-full-image .background .image-overlay.swirl {
background-image: url("../img/pushbox-overlay.png");
background-position: center;
background-size: cover;
height: 100%;
width: 100%
}
.pushbox.type-full-image .background img {
display: block;
width: 100%
}
@media (max-width: 767px) {
.pushbox.type-full-image .fixed-height {
padding-bottom: 40%
}
}
.pushbox.type-full-image .fixed-height img {
min-height: 100%;
min-width: 100%;
position: absolute
}
@media (max-width: 991px) {
.col-sm-6 .pushbox.type-product-image .pushbox-text-image img {
max-height: 170px
}
.col-sm-12 .pushbox.type-product-image .pushbox-text {
padding: 0
}
.col-sm-12 .pushbox.type-product-image .pushbox-text-content {
float: left;
padding: 25px;
width: 50%
}
.col-sm-12 .pushbox.type-product-image .pushbox-text-image {
float: right;
position: relative;
width: 50%
}
.col-sm-12 .pushbox.type-product-image .pushbox-text-image img {
margin-top: 30px;
max-width: 70%
}
.col-sm-12 .pushbox.type-product-image .pushbox-button .component-btn .btn,
.col-sm-12 .pushbox.type-product-image .pushbox-button .component-btn .js-review .p-w-r .pr-media-modal .pr-accessible-btn,
.js-review .p-w-r .pr-media-modal .col-sm-12 .pushbox.type-product-image .pushbox-button .component-btn .pr-accessible-btn,
.col-sm-12 .pushbox.type-product-image .pushbox-button .component-btn .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .col-sm-12 .pushbox.type-product-image .pushbox-button .component-btn .pr-accessible-btn {
float: left
}
}
@media (max-width: 767px) {
.col-xs-12 .pushbox.type-product-image .fixed-height .pushbox-text {
padding: 0
}
.col-xs-12 .pushbox.type-product-image .fixed-height .pushbox-text-content {
float: none;
padding: 20px;
width: 100%
}
.col-xs-12 .pushbox.type-product-image .fixed-height .pushbox-text-image {
float: none;
width: 100%
}
.col-xs-12 .pushbox.type-product-image .fixed-height .pushbox-text-image img {
margin: 10px auto 30px;
max-height: 150px
}
.col-xs-12 .pushbox.type-product-image .fixed-height .pushbox-button .component-btn .btn,
.col-xs-12 .pushbox.type-product-image .fixed-height .pushbox-button .component-btn .js-review .p-w-r .pr-media-modal .pr-accessible-btn,
.js-review .p-w-r .pr-media-modal .col-xs-12 .pushbox.type-product-image .fixed-height .pushbox-button .component-btn .pr-accessible-btn,
.col-xs-12 .pushbox.type-product-image .fixed-height .pushbox-button .component-btn .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .col-xs-12 .pushbox.type-product-image .fixed-height .pushbox-button .component-btn .pr-accessible-btn {
float: right
}
.col-xs-12 .pushbox.type-product-image .not-fixed-height.pushbox-content {
min-height: 200px
}
.col-xs-12 .pushbox.type-product-image .not-fixed-height .pushbox-text {
height: 100%;
overflow: hidden;
padding: 0;
position: absolute;
width: 100%
}
.col-xs-12 .pushbox.type-product-image .not-fixed-height .pushbox-text-content {
float: left;
padding: 20px;
width: 50%
}
.col-xs-12 .pushbox.type-product-image .not-fixed-height .pushbox-text-image {
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 45%
}
.col-xs-12 .pushbox.type-product-image .not-fixed-height .pushbox-text-image img {
left: 50%;
margin: 0;
max-height: none;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 70%
}
.col-xs-12 .pushbox.type-product-image .not-fixed-height .pushbox-button .component-btn .btn,
.col-xs-12 .pushbox.type-product-image .not-fixed-height .pushbox-button .component-btn .js-review .p-w-r .pr-media-modal .pr-accessible-btn,
.js-review .p-w-r .pr-media-modal .col-xs-12 .pushbox.type-product-image .not-fixed-height .pushbox-button .component-btn .pr-accessible-btn,
.col-xs-12 .pushbox.type-product-image .not-fixed-height .pushbox-button .component-btn .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .col-xs-12 .pushbox.type-product-image .not-fixed-height .pushbox-button .component-btn .pr-accessible-btn {
float: left
}
}
@media (max-width: 569px) {
.col-xs-12 .pushbox.type-product-image .fixed-height .pushbox-text-content .title {
margin-bottom: 0
}
.col-xs-12 .pushbox.type-product-image .fixed-height .pushbox-text-content .text {
display: none
}
.col-xs-12 .pushbox.type-product-image .fixed-height .pushbox-text-image img {
margin: 0 auto 15px;
max-height: 110px
}
.col-xs-12 .pushbox.type-product-image .not-fixed-height .pushbox-text {
height: auto;
overflow: auto;
padding: 20px;
padding-bottom: 80px;
position: relative;
width: auto
}
.col-xs-12 .pushbox.type-product-image .not-fixed-height .pushbox-text-content {
float: none;
width: auto
}
.col-xs-12 .pushbox.type-product-image .not-fixed-height .pushbox-text-image {
height: auto;
position: inherit;
right: auto;
top: auto;
width: auto
}
.col-xs-12 .pushbox.type-product-image .not-fixed-height .pushbox-text-image img {
left: auto;
margin: 0 auto;
max-height: 170px;
position: static;
position: initial;
top: auto;
-webkit-transform: none;
transform: none;
width: auto
}
.col-xs-12 .pushbox.type-product-image .not-fixed-height .pushbox-button .component-btn .btn,
.col-xs-12 .pushbox.type-product-image .not-fixed-height .pushbox-button .component-btn .js-review .p-w-r .pr-media-modal .pr-accessible-btn,
.js-review .p-w-r .pr-media-modal .col-xs-12 .pushbox.type-product-image .not-fixed-height .pushbox-button .component-btn .pr-accessible-btn,
.col-xs-12 .pushbox.type-product-image .not-fixed-height .pushbox-button .component-btn .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .col-xs-12 .pushbox.type-product-image .not-fixed-height .pushbox-button .component-btn .pr-accessible-btn {
float: right
}
}
.pushbox.type-product-image .pushbox-text-image img {
display: block;
margin: 20px auto 0;
max-height: 130px;
max-width: 100%
}
@media (max-width: 1227px) {
.pushbox.type-product-image .fixed-height .pushbox-text-image img {
margin-top: 10px
}
}
.pushbox.type-third-image .pushbox-content .pushbox-text {
padding-bottom: 15px
}
.pushbox.type-third-image .pushbox-content .pushbox-img {
max-height: 110px
}
.pushbox.type-third-image .pushbox-content .pushbox-img img {
display: block;
position: relative;
width: 100%
}
@media (max-width: 991px) {
.col-sm-6 .pushbox.type-half-image .not-fixed-height {
min-height: 330px
}
.col-sm-12 .pushbox.type-half-image .pushbox-text {
float: left;
width: 45%
}
.col-sm-12 .pushbox.type-half-image .pushbox-img {
height: 100%;
position: absolute;
right: 0;
top: auto;
width: 50%
}
.col-sm-12 .pushbox.type-half-image .pushbox-img img {
height: 190px;
position: relative;
width: auto
}
}
@media (max-width: 767px) {
.col-xs-12 .pushbox.type-half-image .fixed-height .pushbox-text {
float: none;
padding: 15px;
width: 100%
}
.col-xs-12 .pushbox.type-half-image .fixed-height .pushbox-img {
height: auto;
overflow: hidden;
position: relative;
right: auto;
top: auto;
width: 100%
}
.col-xs-12 .pushbox.type-half-image .fixed-height .pushbox-img img {
height: auto;
max-height: none;
max-height: initial;
position: relative;
top: 0;
width: 100%
}
.col-xs-12 .pushbox.type-half-image .not-fixed-height .pushbox-text {
padding-bottom: 15px
}
.col-xs-12 .pushbox.type-half-image .not-fixed-height .pushbox-img {
font-size: 0
}
.pushbox.type-half-image .pushbox-text {
padding: 15px
}
}
@media (max-width: 569px) {
.col-xs-12 .pushbox.type-half-image .fixed-height .pushbox-text-content .title {
margin-bottom: 0
}
.col-xs-12 .pushbox.type-half-image .fixed-height .pushbox-text-content .text {
display: none
}
}
.pushbox.type-half-image .fixed-height .pushbox-img {
height: 50%;
position: absolute;
top: 50%;
width: 100%
}
.pushbox.type-half-image .fixed-height .pushbox-img img {
bottom: 0;
left: 0;
position: absolute;
width: 100%
}
.pushbox.type-half-image .not-fixed-height .pushbox-text {
padding-bottom: 25px
}
.pushbox.type-half-image .not-fixed-height .pushbox-img {
height: auto;
top: 0
}
.pushbox.type-person .pushbox-person {
background: #fff;
overflow: hidden;
padding: 25px;
position: relative;
width: 100%
}
@media (max-width: 991px) {
.pushbox.type-person .pushbox-person {
text-align: center
}
}
.pushbox.type-person .pushbox-person .image-container {
display: inline-block;
position: relative
}
.pushbox.type-person .pushbox-person img {
display: block;
position: relative
}
.pushbox.type-person .pushbox-person .image-overlay {
background-image: url("../img/pushbox-person-overlay.png");
background-repeat: no-repeat;
height: 100%;
left: 0;
position: absolute;
top: 0
}
.pushbox.type-person .pushbox-person .info-row {
margin-bottom: 3px
}
.pushbox.type-person .pushbox-person .info-row:first-child+.info-row {
margin-bottom: 15px
}
@media (max-width: 991px) {
.pushbox.type-person .pushbox-person .info-row:first-child+.info-row {
margin-bottom: 10px
}
}
.pushbox.type-person .pushbox-person .col-sm-12 {
margin-bottom: 0
}
.pushbox.no-shadow .pushbox-shadow {
display: none
}
.pushbox.no-shadow .pushbox-content.border {
border-bottom: 1px rgba(0, 0, 0, .1) solid
}
.pushbox.divider {
border-color: rgba(255, 255, 255, .2);
border-left: 1px solid
}
.imgDisclaimer {
bottom: 10px;
font-size: 10px;
left: 10px;
margin: 0;
position: absolute;
z-index: 1
}
@media (max-width: 991px) {
.imgDisclaimer {
bottom: 5px;
left: 15px
}
}
.imgDisclaimer.darkenText {
color: #000
}
.imgDisclaimer.lightenText {
color: #fff
}
.question-box .question-box-item {
display: none
}
.question-box .question-box-item.active {
display: block
}
.question-box .question-box-item .question-box-item-title {
font-size: 16px;
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-size: 16px;
margin-bottom: 20px
}
.question-box.show-all .question-box-item {
display: block;
margin-bottom: 35px
}
.question-box.show-all .question-box-item.last {
margin-bottom: 0
}
.question-box .question-box-result {
display: none;
margin-bottom: 25px
}
.question-box .question-box-result.active {
display: block
}
.question-box.question-box-large-title .question-box-item .question-box-item-title {
font-size: 22px
}
@media (max-width: 1227px) {
.question-box.question-box-large-title .question-box-item .question-box-item-title {
font-size: 21px
}
}
@media (max-width: 767px) {
.question-box.question-box-large-title .question-box-item .question-box-item-title {
font-size: 18px
}
}
.question-box .question-box-nav {
zoom: 1;
margin-top: 40px;
position: relative
}
.question-box .question-box-nav:before,
.question-box .question-box-nav:after {
content: " ";
display: table
}
.question-box .question-box-nav:after {
clear: both
}
.question-box .question-box-nav.no-margin-top {
margin-top: 0
}
.question-box .question-box-nav .btn-prev {
float: left
}
@media (max-width: 569px) {
.question-box .question-box-nav .btn-prev {
margin-bottom: 5px
}
}
.question-box .question-box-nav .btn-next {
float: right
}
@media (max-width: 569px) {
.question-box .btn,
.question-box .js-review .p-w-r .pr-media-modal .pr-accessible-btn,
.js-review .p-w-r .pr-media-modal .question-box .pr-accessible-btn,
.question-box .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .question-box .pr-accessible-btn {
float: none;
text-align: center;
width: 100%
}
}
.question-box .field {
margin-bottom: 10px
}
.question-box .field.field-radio {
padding-right: 0
}
.question-box .question-box-reset {
text-decoration: underline
}
.question-box .question-box-steps {
zoom: 1
}
.question-box .question-box-steps:before,
.question-box .question-box-steps:after {
content: " ";
display: table
}
.question-box .question-box-steps:after {
clear: both
}
.question-box .question-box-steps.steps-1 .question-box-step {
width: 100%
}
.question-box .question-box-steps.steps-2 .question-box-step {
width: 50%
}
.question-box .question-box-steps.steps-3 .question-box-step {
width: 33%
}
.question-box .question-box-steps.steps-4 .question-box-step {
width: 25%
}
.question-box .question-box-steps.steps-5 .question-box-step {
width: 20%
}
.question-box .question-box-steps.steps-6 .question-box-step {
width: 16%
}
.question-box .question-box-steps .question-box-step {
position: relative
}
@media (max-width: 569px) {
.question-box .question-box-steps .question-box-step:after,
.question-box .question-box-steps .question-box-step:before {
height: 2px
}
.question-box .question-box-steps .question-box-step .question-box-step-indicator {
border-width: 2px;
font-size: 16px;
height: 40px;
padding-top: 7px;
width: 40px
}
}
.question-box .question-box-steps .question-box-step.clickable {
pointer-events: auto
}
.question-box .question-box-steps .question-box-step.clickable .question-box-step-indicator {
pointer-events: auto
}
.question-box .question-box-steps .question-box-step:before {
background: #003b73;
content: "";
display: block;
height: 3px;
position: absolute;
right: 50%;
top: 50%;
width: 100%
}
.question-box .question-box-steps .question-box-step:first-child:before {
content: none
}
.question-box .question-box-steps .question-box-step .question-box-step-indicator {
background: #fff;
border: 3px solid #003b73;
border-radius: 50%;
color: #003b73;
cursor: pointer;
display: block;
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-size: 28px;
height: 60px;
margin: 0 auto;
padding-top: 9px;
pointer-events: none;
position: relative;
text-align: center;
width: 60px;
z-index: 1
}
.question-box .question-box-steps .question-box-step .question-box-step-indicator:hover {
background: #002e5a;
border-color: #002e5a;
color: #fff
}
.question-box .question-box-steps .question-box-step.active .question-box-step-indicator,
.question-box .question-box-steps .question-box-step.done .question-box-step-indicator {
background: #003b73;
color: #fff;
pointer-events: auto
}
.question-box .question-box-steps .question-box-step.active .question-box-step-indicator:hover,
.question-box .question-box-steps .question-box-step.done .question-box-step-indicator:hover {
background: #002e5a
}
.component-quote {
background-color: transparent;
border-bottom: none;
border-top: none;
overflow: hidden;
padding: 0 35px
}
@media (max-width: 767px) {
.component-quote {
padding: 15px 0
}
}
@media (max-width: 569px) {
.component-quote {
padding: 5px 0
}
}
.component-quote .quote-content span,
.component-quote .quote-content p {
margin: 0
}
.component-quote .quote-content .quote-image {
zoom: 1;
position: relative
}
.component-quote .quote-content .quote-image:before,
.component-quote .quote-content .quote-image:after {
content: " ";
display: table
}
.component-quote .quote-content .quote-image:after {
clear: both
}
.component-quote .quote-content .quote-image img {
display: block;
float: right;
max-height: 165px
}
@media (max-width: 767px) {
.component-quote .quote-content .quote-image img {
float: none;
margin: 0 auto
}
}
.component-quote .quote-content .quote-image .image-overlay {
background-image: url("../img/quote-image-overlay.png");
background-position: center;
background-size: cover;
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 100%
}
@media (max-width: 767px) {
.component-quote .quote-content .quote-image .image-overlay {
left: 0
}
}
.component-quote .quote-content .quote-image-extra {
margin-top: 40px;
text-align: center
}
@media (max-width: 991px) {
.component-quote .quote-content .quote-image-extra {
display: none
}
}
.component-quote .quote-content .circle {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
color: #003b73;
display: inline-block;
height: 150px;
margin: 0 0 0 35px;
text-align: center;
width: 150px
}
@media (max-width: 1227px) {
.component-quote .quote-content .circle {
height: 200px;
width: 200px
}
}
.component-quote .quote-content .circle .circle-text {
height: 150px;
line-height: 140px;
width: 150px
}
.component-quote .quote-content .circle .circle-text span {
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-size: 46px
}
.component-quote .quote-content .quote-btn {
clear: both;
margin-top: 30px
}
.component-quote .quote-content .quote {
margin: 25px 35px 35px 25px
}
@media (max-width: 767px) {
.component-quote .quote-content .quote {
text-align: center
}
}
@media (max-width: 767px) {
.component-quote .quote-content .quote {
margin-top: 15px
}
}
.component-quote .quote-content .quote blockquote {
font-family: "HelveticaNeueLTW06-45Light", "HelveticaNeue-Light", "Helvetica Neue Light", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
line-height: 1.2;
font-size: 28px;
font-style: normal;
margin: 25px 0 15px
}
@media (max-width: 1227px) {
.component-quote .quote-content .quote blockquote {
font-size: 24px
}
}
@media (max-width: 991px) {
.component-quote .quote-content .quote blockquote {
font-size: 20px
}
}
@media (max-width: 767px) {
.component-quote .quote-content .quote blockquote {
margin-top: 5px;
text-align: center
}
}
.component-quote .quote-content .quote blockquote:before {
font-size: 28px;
content: "\201C"
}
@media (max-width: 1227px) {
.component-quote .quote-content .quote blockquote:before {
font-size: 24px
}
}
@media (max-width: 991px) {
.component-quote .quote-content .quote blockquote:before {
font-size: 20px
}
}
.component-quote .quote-content .quote blockquote:after {
font-size: 28px;
content: "\201C"
}
@media (max-width: 1227px) {
.component-quote .quote-content .quote blockquote:after {
font-size: 24px
}
}
@media (max-width: 991px) {
.component-quote .quote-content .quote blockquote:after {
font-size: 20px
}
}
.component-quote .quote-content .quote.quote-handwriting blockquote {
font-family: "HelveticaNeueLTW06-45Light", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-style: normal;
line-height: 1.3em
}
.component-quote .quote-content.compact-mode .quote-image img {
float: none;
max-height: 100%;
max-width: 100%
}
@media (max-width: 991px) {
.component-quote .quote-content.compact-mode .quote-image img .image-overlay {
left: 0
}
}
.component-quote .quote-content.compact-mode .quote {
margin: 0 0 0 30px
}
@media (max-width: 991px) {
.component-quote .quote-content.compact-mode .quote {
margin: 0
}
}
.component-quote .quote-content.compact-mode .quote blockquote {
font-size: 38px;
line-height: 1;
margin-top: 15px
}
@media (max-width: 1227px) {
.component-quote .quote-content.compact-mode .quote blockquote {
font-size: 30px
}
}
@media (max-width: 991px) {
.component-quote .quote-content.compact-mode .quote blockquote {
font-size: 28px
}
}
.component-quote .quote-content.compact-mode .quote blockquote:before,
.component-quote .quote-content.compact-mode .quote blockquote:after {
font-size: 38px
}
@media (max-width: 1227px) {
.component-quote .quote-content.compact-mode .quote blockquote:before,
.component-quote .quote-content.compact-mode .quote blockquote:after {
font-size: 30px
}
}
@media (max-width: 991px) {
.component-quote .quote-content.compact-mode .quote blockquote:before,
.component-quote .quote-content.compact-mode .quote blockquote:after {
font-size: 28px
}
}
.rating {
max-height: 1.2em;
}
.rating,
.colors,
.pager {
zoom: 1;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: default;
list-style: none;
margin: 0;
padding: 0
}
.rating:before,
.rating:after,
.colors:before,
.colors:after,
.pager:before,
.pager:after {
content: " ";
display: table
}
.rating:after,
.colors:after,
.pager:after {
clear: both
}
.rating li,
.colors li,
.pager li {
display: inline;
font-size: 15px;
height: 11px;
width: 11px
}
.rating li.color-1,
.colors li.color-1,
.pager li.color-1 {
color: red
}
.rating li.color-2,
.colors li.color-2,
.pager li.color-2 {
color: green
}
.rating li.color-3,
.colors li.color-3,
.pager li.color-3 {
color: blue
}
.rating li.color-yellow,
.colors li.color-yellow,
.pager li.color-yellow {
color: yellow
}
.rating li.color-blue,
.colors li.color-blue,
.pager li.color-blue {
color: blue
}
.rating li.color-lilac,
.colors li.color-lilac,
.pager li.color-lilac {
color: #c8a2c8
}
.rating li.color-apricot,
.colors li.color-apricot,
.pager li.color-apricot {
color: #fbceb1
}
.rating li.color-green,
.colors li.color-green,
.pager li.color-green {
color: green
}
.rating li.color-white,
.colors li.color-white,
.pager li.color-white {
color: white
}
.rating li.color-orange,
.colors li.color-orange,
.pager li.color-orange {
color: orange
}
.rating li.color-red,
.colors li.color-red,
.pager li.color-red {
color: red
}
.rating li.color-brown,
.colors li.color-brown,
.pager li.color-brown {
color: #87421f
}
.rating li.color-grey,
.colors li.color-grey,
.pager li.color-grey {
color: #809ea7
}
.rating.pager-centered,
.colors.pager-centered,
.pager.pager-centered {
text-align: center;
width: 100%
}
.rating.pager-centered li,
.colors.pager-centered li,
.pager.pager-centered li {
display: inline
}
.rating.rating-lg li,
.colors.rating-lg li,
.pager.rating-lg li {
font-size: 20px
}
@media (max-width: 767px) {
.rating.rating-lg li,
.colors.rating-lg li,
.pager.rating-lg li {
font-size: 16px
}
}
@media (max-width: 569px) {
.rating.rating-lg li,
.colors.rating-lg li,
.pager.rating-lg li {
font-size: 20px
}
}
.colors li {
font-size: 26px
}
.rating-range {
zoom: 1;
margin-bottom: 20px;
padding-top: 10px
}
.rating-range:before,
.rating-range:after {
content: " ";
display: table
}
.rating-range:after {
clear: both
}
@media (max-width: 991px) {
.rating-range p {
padding: 9px 15px
}
}
.rating-range .rating {
display: block
}
.rating-range p {
margin: 0;
padding: 8px 20px
}
@media (max-width: 767px) {
.component-redeemable-points .crate {
float: none
}
}
.component-redeemable-points .crate {
float: right
}
.component-redeemable-points .redeemable-points-row {
color: #003b73;
font-size: 18px;
margin-bottom: 10px
}
.component-redeemable-points .redeemable-points-row:last-child {
margin-bottom: 0
}
.sample-box {
position: relative
}
.sample-box .sample-box-title {
font-size: 18px;
margin: 0 0 5px
}
.sample-box h4 {
font-size: 14px;
font-family: "HelveticaNeueLTW06-55Roman", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif
}
.sample-box p {
font-size: 14px;
margin: 0 0 7px
}
.sample-box p.selected-sizes {
margin: 0
}
.sample-box .product-id {
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-size: 12px;
margin: 0 0 7px
}
.sample-box .small-type {
display: block;
font-size: 12px;
margin-top: 5px
}
.sample-box .sample-box-preview {
color: #003b73;
display: block;
font-size: 14px;
margin-bottom: 5px
}
@media (max-width: 1227px) {
.sample-box.sample-box-wide .sample-box-img {
position: relative;
width: 100%
}
.sample-box.sample-box-wide .sample-box-information {
padding-left: 0;
width: 50%
}
.sample-box.sample-box-wide .sample-box-select {
padding-left: 0;
width: 50%
}
}
@media (max-width: 991px) {
.sample-box.sample-box-wide .sample-box-information {
border: none;
width: 100%
}
.sample-box.sample-box-wide .sample-box-select {
width: 100%
}
}
.sample-box.sample-box-wide .sample-box-img {
left: 0;
position: absolute;
top: 0;
width: 100px
}
.sample-box.sample-box-wide .sample-box-information {
border-right: 1px solid rgba(128, 158, 167, .3);
float: left;
padding-left: 120px;
padding-right: 20px;
width: 60%
}
.sample-box.sample-box-wide .sample-box-select {
float: left;
padding-left: 20px;
width: 40%
}
.sample-box .sample-box-img {
height: 60px;
margin-bottom: 10px
}
.sample-box .sample-box-img img {
display: block;
max-height: 100%;
max-width: 100%
}
.sample-box .sample-box-information .sample-box-details {
zoom: 1
}
.sample-box .sample-box-information .sample-box-details:before,
.sample-box .sample-box-information .sample-box-details:after {
content: " ";
display: table
}
.sample-box .sample-box-information .sample-box-details:after {
clear: both
}
.sample-box .sample-box-information .sample-box-details h4 {
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif
}
.sample-box .sample-box-information .sample-box-details .product-details {
zoom: 1
}
.sample-box .sample-box-information .sample-box-details .product-details:before,
.sample-box .sample-box-information .sample-box-details .product-details:after {
content: " ";
display: table
}
.sample-box .sample-box-information .sample-box-details .product-details:after {
clear: both
}
.sample-box .sample-box-information .sample-box-details .detail-rating,
.sample-box .sample-box-information .sample-box-details .detail-colors {
float: left
}
.sample-box .sample-box-information .sample-box-details .detail-rating {
width: 114px
}
.sample-box .sample-box-information .sample-box-details .detail-rating h4 {
margin-bottom: 5px
}
.sample-box .sample-box-information .sample-box-details .detail-rating .rating {
max-width: 100%
}
.sample-box .sample-box-information .sample-box-details .detail-colors {
font-size: 26px;
width: 50px
}
.sample-box .sample-box-select {
margin-top: 10px
}
.sample-box .sample-box-select .item-selected {
height: 40px;
margin-bottom: 10px
}
.sample-box .sample-box-select h4 {
margin-bottom: 10px
}
.sample-box .sample-box-select .sizes {
zoom: 1
}
.sample-box .sample-box-select .sizes:before,
.sample-box .sample-box-select .sizes:after {
content: " ";
display: table
}
.sample-box .sample-box-select .sizes:after {
clear: both
}
.sample-box .sample-box-select .sizes .size-label {
font-size: 14px;
display: block;
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
text-align: center
}
.sample-box .sample-box-select .sizes.sizes-select .size {
float: left;
margin-bottom: 10px;
padding: 0 10px;
text-align: center;
width: 50%
}
.sample-box .sample-box-select .sizes.sizes-select .size select {
padding: 10px;
text-align: center
}
.sample-box .sample-box-select .sizes.sizes-checkbox .size-label {
margin-bottom: 5px
}
.sample-box .sample-box-select .sizes.sizes-checkbox .size {
float: left;
width: 30px
}
.sample-box .sample-box-select .sizes.sizes-checkbox .size input {
display: block;
margin: 0 auto
}
.sample-box .sample-box-select .sizes.sizes-checkbox .size input+label {
padding: 0
}
.sample-box .sample-box-select .sizes.sizes-checkbox .size input+label i {
display: block;
margin: 5px auto 0;
position: relative
}
.sample-box .sample-box-select .sizes.sizes-checkbox .size input+label i:before {
padding-right: 0
}
.sample-box .sample-box-select .sizes.sizes-input .size {
float: left;
margin-right: 10px;
width: 40px
}
.sample-box .sample-box-select .sizes.sizes-input .size .size-label {
display: block;
margin-bottom: 5px
}
.sample-box .sample-box-select .sizes.sizes-input .size input {
font-size: 16px;
border: 1px solid rgba(128, 158, 167, .3);
padding: 8px 0;
text-align: center;
width: 100%
}
.sample-box .sample-box-select .sizes.sizes-document .size {
margin-bottom: 20px
}
.sample-box .sample-box-select .sizes.sizes-document .size .size-label {
font-family: "HelveticaNeueLTW06-55Roman", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
margin-bottom: 5px;
text-align: left
}
.sample-box .sample-box-select .sizes.sizes-document h4 {
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
margin: 0 0 5px
}
.sample-box .sample-box-select .sizes.sizes-document a {
color: #003b73;
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif
}
.SampleBox-sizeSelect {
border: 1px solid rgba(128, 158, 167, .3);
font-size: 14px;
color: #003b73;
font-weight: normal;
margin: 0;
padding-bottom: 7px;
padding-left: 10px;
padding-right: 10px;
padding-top: 6px;
text-transform: none;
width: 100%
}
.search-results .search-result {
zoom: 1;
min-height: 140px;
padding: 25px;
position: relative
}
.search-results .search-result:before,
.search-results .search-result:after {
content: " ";
display: table
}
.search-results .search-result:after {
clear: both
}
@media (max-width: 767px) {
.search-results .search-result {
padding: 15px
}
}
.search-results .search-result.even {
background: #f9f6f2
}
.search-results .search-result.odd {
background: #f4f1ed
}
.search-results .search-result img {
display: block;
margin: auto;
max-height: 100px;
max-width: 100px
}
.search-results .search-result .search-result-left {
float: left;
margin-right: 25px;
text-align: center;
width: 100px
}
@media (max-width: 767px) {
.search-results .search-result .search-result-left {
margin-right: 10px
}
}
@media (max-width: 569px) {
.search-results .search-result .search-result-left {
float: none;
margin: 0 auto 20px
}
}
.search-results .search-result .search-result-left .date {
margin: 0 auto
}
.search-results .search-result .search-result-right {
position: absolute;
right: 20px
}
@media (max-width: 767px) {
.search-results .search-result .search-result-right {
display: none
}
}
.search-results .search-result .search-result-title {
font-size: 22px;
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif
}
@media (max-width: 991px) {
.search-results .search-result .search-result-title {
font-size: 18px
}
}
.search-results .search-result .search-result-text {
font-size: 16px;
margin-bottom: 0
}
@media (max-width: 991px) {
.search-results .search-result .search-result-text {
font-size: 14px
}
}
.search-results .search-result .content-tags {
margin-bottom: 5px
}
.search-results .search-result .content-tags .icon {
font-size: 26px;
margin-right: 5px;
vertical-align: -22%
}
.simple-box {
border-top: 1px solid rgba(128, 158, 167, .3);
padding: 0 40px 25px
}
@media (max-width: 1227px) {
.simple-box {
padding: 0 20px 25px
}
}
@media (max-width: 767px) {
.simple-box {
padding: 0 0 15px
}
}
.simple-box .simple-box-img {
height: 100px;
margin-bottom: 5px;
position: relative
}
.simple-box .simple-box-img img {
bottom: 0;
display: block;
left: 0;
margin: 0 auto;
position: absolute;
right: 0
}
.simple-box .simple-box-title {
font-family: "helvetica bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-size: 28px;
margin-bottom: 5px
}
.simple-box .simple-box-text {
margin-bottom: 60px
}
.simple-box .component-btn {
bottom: 0;
left: 0;
margin-bottom: 10px;
position: absolute;
right: 0
}
.sitemap-sub-list {
margin-left: 20px
}
.sitemap-list-title {
font-size: 24px;
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif
}
.sitemap-list-item {
line-height: 1.6em
}
.sorter .sorter-header {
cursor: pointer;
display: inline-block;
padding-right: 20px;
position: relative
}
@media (max-width: 767px) {
.sorter .sorter-header {
font-size: 12px
}
}
.sorter .sorter-header:after {
content: "↕";
position: absolute;
right: 0;
top: 0
}
.sorter .sorter-header.sorter-asc:after {
content: "↑"
}
.sorter .sorter-header.sorter-desc:after {
content: "↓"
}
.sorter .sorter-header:hover {
opacity: 0.9
}
.sorter .sorter-header-style {
cursor: pointer;
display: inline-block;
padding-right: 0;
position: relative
}
@media (max-width: 767px) {
.sorter .sorter-header-style {
font-size: 12px
}
}
.source {
border-top: 1px solid rgba(128, 158, 167, .3);
font-size: 14px;
padding: 10px 0
}
.source .source-list .source-item {
margin-bottom: 8px
}
.source a {
color: #003b73;
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif
}
.source a:hover {
text-decoration: underline
}
.component-spec-box .spec-box-item .spec-box-pair {
margin: 25px 0
}
.component-spec-box .spec-box-item .title {
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-size: 16px;
font-weight: normal;
line-height: 26px
}
.component-step-by-step {
border-bottom: 1px solid rgba(128, 158, 167, .3)
}
.component-step-by-step .step-by-step-text-content h3 {
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-size: 23px
}
.component-step-by-step .steps {
margin-top: 35px
}
.component-step-by-step .steps .step {
margin-bottom: 35px
}
.component-step-by-step .steps .step .step-number {
font-size: 60px;
color: #f8edef;
float: left;
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
line-height: 1;
padding-left: 15px
}
@media (max-width: 1227px) {
.component-step-by-step .steps .step .step-number {
font-size: 50px;
line-height: 0.8;
padding-left: 14px
}
}
.component-step-by-step .steps .step .step-number.step-circle {
color: #003b73;
font-size: 35px;
display: block;
height: 60px;
line-height: 60px;
padding-left: 0;
text-align: center;
width: 60px;
background-position: center;
background-repeat: no-repeat;
background-size: 100%
}
.component-step-by-step .steps .step .step-text {
margin-left: 75px
}
@media (max-width: 1227px) {
.component-step-by-step .steps .step .step-text {
margin-left: 65px
}
}
.component-sum-table .sum-table-container {
background: #fff;
border: 1px solid #e6e6e6;
border-radius: 5px
}
.component-sum-table .sum-table-container .sum-table-inner-container {
margin: 20px
}
.component-sum-table .sum-table-container .sum-table-inner-container table {
border-collapse: collapse;
width: 100%
}
.component-sum-table .sum-table-container .sum-table-inner-container table tbody tr td {
line-height: 30px
}
.component-sum-table .sum-table-container .sum-table-inner-container table tbody tr.sum-table-font-default td {
padding-bottom: 0
}
.component-sum-table .sum-table-container .sum-table-inner-container table tbody tr.sum-table-font-green td {
border-top: 1px solid #ccc;
color: #83bb26;
font-family: "HelveticaNeueLTW06-55Roman", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-size: 26px;
padding: 10px 0;
text-transform: uppercase
}
.component-sum-table .sum-table-container .sum-table-inner-container table tbody tr.sum-table-font-bold td {
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-size: 16px;
font-weight: normal
}
.component-sum-table .sum-table-container .sum-table-inner-container table tbody tr .sum-table-td-keys {
padding-left: 0
}
.component-sum-table .sum-table-container .sum-table-inner-container table tbody tr .sum-table-td-values {
padding-left: 0
}
@media (max-width: 991px) {
.component-table table.responsive-sm {
display: block;
font-size: 14px
}
.component-table table.responsive-sm thead,
.component-table table.responsive-sm tbody,
.component-table table.responsive-sm th,
.component-table table.responsive-sm td,
.component-table table.responsive-sm tr {
display: block
}
.component-table table.responsive-sm thead tr {
left: -9999px;
position: absolute;
top: -9999px
}
.component-table table.responsive-sm td {
border: none;
border-bottom: 1px solid rgba(128, 158, 167, .3);
padding-left: 200px;
position: relative;
white-space: normal
}
.component-table table.responsive-sm td.hidden-empty {
display: none
}
.component-table table.responsive-sm td:before {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 16px;
background-color: #003b73;
bottom: 0;
color: #fff;
content: attr(data-label);
font-weight: normal;
left: 0;
padding: 10px;
position: absolute;
top: 0;
white-space: nowrap;
width: 160px
}
}
@media (max-width: 991px) and (max-width: 767px) {
.component-table table.responsive-sm td:before {
font-size: 14px
}
}
@media (max-width: 991px) {
.component-table table.responsive-sm.light-table td:before {
background: transparent;
border-right: 1px solid rgba(128, 158, 167, .3);
color: #003b73;
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif
}
.component-table table.responsive-sm .toggle-row-description {
display: none
}
.component-table table.responsive-sm .toggle-row-description td {
padding: 0
}
.component-table table.responsive-sm .toggle-row-description td .description-container .description-image-container {
text-align: center
}
.component-table table.responsive-sm .toggle-row-description td:before {
border: none;
width: 0
}
.component-table table.responsive-sm .first-column {
display: none !important
}
}
@media (max-width: 767px) {
.component-table table.responsive {
display: block;
font-size: 14px
}
.component-table table.responsive thead,
.component-table table.responsive tbody,
.component-table table.responsive th,
.component-table table.responsive td,
.component-table table.responsive tr {
display: block
}
.component-table table.responsive thead tr {
left: -9999px;
position: absolute;
top: -9999px
}
.component-table table.responsive td {
border: none;
border-bottom: 1px solid rgba(128, 158, 167, .3);
padding-left: 200px;
position: relative;
white-space: normal
}
.component-table table.responsive td.hidden-empty {
display: none
}
.component-table table.responsive td:before {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 16px;
background-color: #003b73;
bottom: 0;
color: #fff;
content: attr(data-label);
font-weight: normal;
left: 0;
padding: 10px;
position: absolute;
top: 0;
white-space: nowrap;
width: 160px
}
}
@media (max-width: 767px) and (max-width: 767px) {
.component-table table.responsive td:before {
font-size: 14px
}
}
@media (max-width: 767px) {
.component-table table.responsive.light-table td:before {
background: transparent;
border-right: 1px solid rgba(128, 158, 167, .3);
color: #003b73;
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif
}
.component-table table.responsive .toggle-row-description {
display: none
}
.component-table table.responsive .toggle-row-description td {
padding: 0
}
.component-table table.responsive .toggle-row-description td .description-container .description-image-container {
text-align: center
}
.component-table table.responsive .toggle-row-description td:before {
border: none;
width: 0
}
.component-table table.responsive .first-column {
display: none !important
}
}
@media (max-width: 767px) {
.component-table table.responsive td {
padding-left: 180px
}
.component-table table.responsive td:before {
width: 140px
}
}
@media (max-width: 569px) {
.component-table table.responsive td {
padding-left: 140px
}
.component-table table.responsive td:before {
width: 100px
}
}
@media (max-width: 339px) {
.component-table table.responsive td {
padding-left: 140px
}
.component-table table.responsive td:before {
width: 100px
}
}
.component-table table {
border-collapse: collapse;
width: 100%
}
@media (max-width: 991px) {
.component-table table {
font-size: 14px
}
}
.component-table table th {
background-color: #003b73;
color: #fff;
font-weight: normal;
height: 50px
}
.component-table table th.table-header-light {
font-size: 16px;
background-color: #fff;
color: #005597;
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-weight: normal
}
@media (max-width: 767px) {
.component-table table th.table-header-light {
font-size: 14px
}
}
.component-table table td,
.component-table table th {
padding: 10px;
text-align: left
}
@media (max-width: 991px) {
.component-table table td,
.component-table table th {
padding: 10px 5px
}
}
.component-table table tr.odd {
background-color: #f8fbfd
}
.component-table table tr.even {
background-color: #fff
}
.component-table table.light-table th {
color: #003b73;
background: #fff;
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif
}
.component-table table.light-table tr.odd {
background-color: #f8fbfd
}
.component-table table.light-table tr.even {
background-color: #fff
}
.component-table table.light-table tr:last-of-type {
border: none
}
.component-table table .form-field {
margin-bottom: 0
}
.component-table table .form-field .field-checkbox-container {
margin-bottom: 0
}
.component-table table .form-field .field-checkbox-container input+label {
display: block;
min-height: inherit;
padding: 0
}
.component-table table .form-field .field-checkbox-container input+label i {
font-size: 20px;
position: relative
}
.component-table table .form-field .field-checkbox-container input+label i:before {
font-size: 18px
}
.component-table table .form-field .field-input {
width: 50px
}
.component-table.toggle-table table tr {
border-bottom: none
}
.component-table.toggle-table table tr.toggle-row {
border-top: 1px solid rgba(128, 158, 167, .3)
}
.component-table.toggle-table table tr.toggle-row:first-of-type {
border-top: none
}
.component-table.toggle-table table tr.toggle-row .form-field {
position: relative
}
.component-table.toggle-table table tr.toggle-row-description.untoggled {
display: none
}
.component-table.toggle-table table tr.toggle-row-description td {
padding: 0 10px 10px
}
.component-table.toggle-table table tr.toggle-row-description td .description-container {
background: #fff;
border: 1px solid #e4e2e1;
border-radius: 5px;
margin: 0;
overflow: hidden
}
.component-table.toggle-table table tr.toggle-row-description td .description-container .description-image-container {
text-align: center
}
.component-table.toggle-table table tr.toggle-row-description td .description-container .description-image-container img {
height: 140px;
margin-top: 30px
}
.component-table.toggle-table table tr.toggle-row-description td .description-container .description-text-container {
float: left;
padding: 20px
}
.component-table.toggle-table table tr.toggle-row-description td .description-container .description-text-container .description-text-title {
margin-bottom: 10px
}
.component-table.toggle-table table tr.toggle-row-description td .description-container .description-text-container .description-text-spec-container {
float: left;
margin-right: 20px
}
.component-table.toggle-table table tr.toggle-row-description td .description-container .description-text-container .description-text-spec-container .rating {
line-height: 1.9;
max-width: 100%
}
.component-table.toggle-table table tr .first-column {
color: #83bb26;
text-align: center;
width: 50px
}
@media (max-width: 991px) {
.component-table.toggle-table table tr .first-column {
width: 35px
}
}
.component-table.toggle-table table tr .first-column .icon {
font-size: 18px
}
.component-table.toggle-table table tr .toggle {
cursor: pointer
}
.component-table tr.delete td {
opacity: 0.3;
pointer-events: none
}
.component-table tr.delete td.delete-visible {
opacity: 1;
pointer-events: all
}
.component-table tr.delete .delete-row span {
display: none
}
.component-table tr.delete .delete-row span.deleted {
display: inline
}
.com-drop-down {
background-color: #fff
}
.com-drop-down .inner-drop-down {
display: none
}
.com-drop-down .inner-drop-down h2 {
font-size: 22px;
margin: 22px 0
}
@media (max-width: 767px) {
.com-drop-down .inner-drop-down h2 {
max-width: 400px
}
}
@media (max-width: 569px) {
.com-drop-down .inner-drop-down h2 {
max-width: 300px
}
}
.com-drop-down .inner-drop-down .drop-down-close {
padding-right: 10px;
position: absolute;
right: 0;
top: 18px;
z-index: 2
}
@media (max-width: 767px) {
.com-drop-down .inner-drop-down .drop-down-close {
right: -10px
}
.com-drop-down .inner-drop-down .drop-down-close i {
font-size: 23px
}
}
.com-drop-down .inner-drop-down .drop-down-close i {
font-size: 28px
}
.com-drop-down .inner-drop-down .drop-down-close i:hover {
color: #b3b3b3;
cursor: pointer
}
.com-drop-down .drop-down-bar {
height: 31px;
position: relative
}
.com-drop-down .drop-down-bar .drop-down-tab {
bottom: 0;
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
font-size: 14px;
padding-bottom: 7px;
padding-left: 10px;
padding-right: 10px;
padding-top: 7px;
position: absolute;
-webkit-transition: bottom 0.1s ease;
transition: bottom 0.1s ease
}
.com-drop-down .drop-down-bar .drop-down-tab:hover {
bottom: -4px;
cursor: pointer
}
.com-drop-down .drop-down-bar .drop-down-tab i {
font-size: 8px;
margin-left: 3px
}
.com-drop-down .drop-down-bar .push-down {
bottom: -4px
}
@media (max-width: 991px) {
.component-text-box .text-box .col-sm-6:first-child {
padding-left: 0
}
.component-text-box .text-box .col-sm-6:last-child {
padding-right: 0
}
}
.component-text-box .text-box .text-box-image {
margin-bottom: 15px;
position: relative
}
@media (max-width: 991px) {
.component-text-box .text-box .text-box-image {
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin-top: 0;
min-height: 1px;
width: 50%
}
}
@media (max-width: 767px) {
.component-text-box .text-box .text-box-image {
width: 80%
}
}
@media (max-width: 569px) {
.component-text-box .text-box .text-box-image {
width: 100%
}
}
.component-text-box .text-box .text-box-image img {
max-width: 100%
}
.component-text-box .text-box .text-box-image .btn,
.component-text-box .text-box .text-box-image .js-review .p-w-r .pr-media-modal .pr-accessible-btn,
.js-review .p-w-r .pr-media-modal .component-text-box .text-box .text-box-image .pr-accessible-btn,
.component-text-box .text-box .text-box-image .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .component-text-box .text-box .text-box-image .pr-accessible-btn {
bottom: 35px;
position: absolute;
right: 35px
}
@media (max-width: 1227px) {
.component-text-box .text-box .text-box-image .btn,
.component-text-box .text-box .text-box-image .js-review .p-w-r .pr-media-modal .pr-accessible-btn,
.js-review .p-w-r .pr-media-modal .component-text-box .text-box .text-box-image .pr-accessible-btn,
.component-text-box .text-box .text-box-image .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .component-text-box .text-box .text-box-image .pr-accessible-btn {
bottom: 0;
float: right;
margin: 20px 0;
position: relative;
right: 0
}
}
@media (max-width: 991px) {
.component-text-box .text-box .text-box-image .btn,
.component-text-box .text-box .text-box-image .js-review .p-w-r .pr-media-modal .pr-accessible-btn,
.js-review .p-w-r .pr-media-modal .component-text-box .text-box .text-box-image .pr-accessible-btn,
.component-text-box .text-box .text-box-image .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .component-text-box .text-box .text-box-image .pr-accessible-btn {
bottom: 35px;
margin: 0;
position: absolute;
right: 35px
}
}
@media (max-width: 991px) {
.component-text-box .text-box .text-box-content {
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin-top: 0;
min-height: 1px;
padding-left: 10px;
width: 50%
}
}
@media (max-width: 767px) {
.component-text-box .text-box .text-box-content {
width: 80%
}
}
@media (max-width: 569px) {
.component-text-box .text-box .text-box-content {
width: 100%
}
}
@media (max-width: 991px) {
.component-text-box .text-box.has-top-img .text-box-image {
padding-left: 0;
padding-right: 10px
}
.component-text-box .text-box.has-top-img .text-box-content {
padding-left: 10px;
padding-right: 0
}
}
@media (max-width: 767px) {
.component-text-box .text-box.has-top-img .text-box-image {
padding-left: 0;
padding-right: 0
}
.component-text-box .text-box.has-top-img .text-box-content {
padding-left: 0;
padding-right: 0
}
}
@media (max-width: 991px) {
.component-text-box .text-box.has-bottom-img .text-box-image {
padding-left: 10px;
padding-right: 0
}
.component-text-box .text-box.has-bottom-img .text-box-content {
padding-left: 0;
padding-right: 10px
}
}
@media (max-width: 767px) {
.component-text-box .text-box.has-bottom-img .text-box-image {
padding-left: 0;
padding-right: 0
}
.component-text-box .text-box.has-bottom-img .text-box-content {
padding-left: 0;
padding-right: 0
}
}
.component-text-box .text-box.has-bottom-img .text-box-content {
margin-bottom: 20px
}
.component-video .video {
overflow: hidden;
position: relative
}
.component-video .video.large-video iframe {
height: 455px
}
.component-video .video .video-thumbnail {
height: 100%;
left: 0;
position: relative;
top: 0;
width: 100%;
background-position: top center;
background-repeat: no-repeat;
background-size: cover
}
.component-video .video .video-thumbnail .video-placeholder {
border-radius: 0;
left: 0;
position: relative;
top: 0;
width: 100%
}
.component-video .video .video-thumbnail .btn-play-wrapper {
padding-top: 26%;
position: absolute;
width: 100%
}
.component-video .video .video-thumbnail .video-play-btn {
height: 70px;
position: absolute;
text-align: center;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%
}
@media (max-width: 991px) {
.component-video .video .video-thumbnail .video-play-btn {
height: 55px
}
}
.component-video .video .video-thumbnail .btn-play {
margin-left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}
@media (max-width: 991px) {
.component-video .video .video-thumbnail .btn-play {
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%)
}
}
.component-video .video iframe,
.component-video .video .jw-player-wrapper {
border: 0;
display: none;
height: 100%;
left: 0;
position: relative;
top: 0;
width: 100%
}
html.country-landing-page {
height: 100%
}
.country-landing-page body,
.country-landing-page form,
.country-landing-page .viewport,
.country-landing-page .wrapper,
.country-landing-page .body,
.country-landing-page #mainfooter {
height: 100%
}
.country-landing-page .rtl {
/*!rtl:ignore */
direction: rtl;
unicode-bidi: embed
}
.country-landing-page .rtl .pushbox .pushbox-content .pushbox-button .component-btn .btn,
.country-landing-page .rtl .pushbox .pushbox-content .pushbox-button .component-btn .js-review .p-w-r .pr-media-modal .pr-accessible-btn,
.js-review .p-w-r .pr-media-modal .country-landing-page .rtl .pushbox .pushbox-content .pushbox-button .component-btn .pr-accessible-btn,
.country-landing-page .rtl .pushbox .pushbox-content .pushbox-button .component-btn .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .country-landing-page .rtl .pushbox .pushbox-content .pushbox-button .component-btn .pr-accessible-btn {
float: left;
padding-left: 55px;
padding-right: 25px
}
.country-landing-page .rtl .pushbox .pushbox-content .pushbox-button .component-btn .btn i,
.country-landing-page .rtl .pushbox .pushbox-content .pushbox-button .component-btn .js-review .p-w-r .pr-media-modal .pr-accessible-btn i,
.js-review .p-w-r .pr-media-modal .country-landing-page .rtl .pushbox .pushbox-content .pushbox-button .component-btn .pr-accessible-btn i,
.country-landing-page .rtl .pushbox .pushbox-content .pushbox-button .component-btn .js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-accessible-btn i,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .country-landing-page .rtl .pushbox .pushbox-content .pushbox-button .component-btn .pr-accessible-btn i {
left: 16px;
right: auto
}
.country-landing-page .countries-selector {
padding-top: 55px
}
.country-landing-page #footer-effect,
.country-landing-page #mainfooter {
background: #fbf9f4
}
.pr-star-v4-0-filled {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%20115%22%3E%3Cpolygon%20points%3D%2288%20103%2058%2087%2027%20103%2033%2069%208%2045%2043%2040%2058%209%2073%2040%20107%2045%2082%2069%2088%20103%22%20fill%3D%22%23e6e6e6%22%2F%3E%3C%2Fsvg%3E") !important
}
.pr-star-v4-25-filled {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%20115%22%3E%3Cpolygon%20points%3D%22107%2045%2073%2040%2058%209%2043%2040%2033%2041%2033%2069%2033%2069%2033%2069%2033%20100%2058%2087%2088%20103%2082%2069%20107%2045%22%20fill%3D%22%23e6e6e6%22%2F%3E%3Cpolygon%20points%3D%2233%2069%2033%2069%2033%2069%2033%2069%22%20fill%3D%22none%22%2F%3E%3Cpolygon%20points%3D%2227%20103%2033%20100%2033%2069%2027%20103%22%20fill%3D%22%23eaa944%22%2F%3E%3Cpolygon%20points%3D%228%2045%2033%2069%2033%2041%208%2045%22%20fill%3D%22%23eaa944%22%2F%3E%3Cpolygon%20points%3D%2233%2069%2033%2069%2033%2069%2033%2069%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E") !important
}
.pr-star-v4-50-filled {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%20115%22%3E%3Cpolygon%20points%3D%2258%2087%2027%20103%2033%2069%208%2045%2043%2040%2058%209%2058%2087%22%20fill%3D%22%23eaa944%22%2F%3E%3Cpolygon%20points%3D%2288%20103%2058%2087%2058%209%2073%2040%20107%2045%2082%2069%2088%20103%22%20fill%3D%22%23e6e6e6%22%2F%3E%3C%2Fsvg%3E") !important
}
.pr-star-v4-75-filled {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%20115%22%3E%3Cpolygon%20points%3D%2282%2069%20107%2045%2082%2041%2082%20100%2088%20103%2082%2069%22%20fill%3D%22%23e6e6e6%22%2F%3E%3Cpolygon%20points%3D%2273%2040%2058%209%2043%2040%208%2045%2033%2069%2027%20103%2058%2087%2082%20100%2082%2041%2073%2040%22%20fill%3D%22%23eaa944%22%2F%3E%3C%2Fsvg%3E") !important
}
.pr-star-v4-100-filled {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%20115%22%3E%3Cpolygon%20points%3D%2288%20103%2058%2087%2027%20103%2033%2069%208%2045%2043%2040%2058%209%2073%2040%20107%2045%2082%2069%2088%20103%22%20fill%3D%22%23eaa944%22%2F%3E%3C%2Fsvg%3E") !important
}
.component .pr-snippet-stars {
background: transparent !important
}
.component .pr-category-snippet__total {
padding-left: 0 !important;
color: #003b73 !important;
font-family: inherit !important;
font-weight: bold !important;
font-size: 12px !important
}
.component .pr-category-snippet__total:before {
content: "|";
margin-right: 5px;
color: #5d83a6;
margin-top: -1px;
display: inline-block
}
.component .pr-snippet-rating-decimal {
border: none !important;
color: #003b73 !important;
font-weight: bold !important;
font-size: 12px !important
}
.component .js-review .p-w-r,
.component .js-review-selection-hook .p-w-r {
margin: 0 0 5px
}
.component-product-box .component .js-review,
.component-product-box .component .js-review-selection-hook {
margin-bottom: 15px
}
.pr-review-display,
.pr-review-snapshot {
padding: 0 10px !important
}
@media all and (min-width: 1228px) {
.product-box .p-w-r .pr-category-snippet,
.product-box .p-w-r .pr-category-snippet__item {
display: block !important
}
.product-box .p-w-r .pr-category-snippet__total {
margin-top: 3px
}
.product-box .p-w-r .pr-category-snippet__total:before {
display: none
}
}
.p-w-r .pr-war {
margin: 0 auto !important
}
.p-w-r .pr-review-display .pr-content-collection-form .pr-media-modal .button__close {
top: 25px;
right: calc(50% + 12px)
}
@media (max-width: 630px) {
.p-w-r .pr-review-display .pr-content-collection-form .pr-media-modal .button__close {
top: calc(10% + 15px)
}
}
.product-intro-item .p-w-r {
margin: 0 !important
}
.product-intro-item .p-w-r .pr-snippet-write-review-link {
color: #003b73 !important;
vertical-align: middle;
text-decoration: underline
}
.product-intro-item .p-w-r .pr-snippet-review-count {
color: #003b73 !important;
vertical-align: middle
}
.product-intro-item .p-w-r a.pr-snippet-review-count {
text-decoration: underline
}
.product-intro-item .p-w-r .pr-snippet-rating-decimal {
color: #003b73 !important;
padding: 0 4px !important
}
.product-intro-item .p-w-r .pr-snippet-read-and-write {
margin-top: 0 !important;
margin-bottom: 10px !important
}
.product-intro-item .p-w-r .pr-snippet-stars-reco-reco {
display: none
}
.product-intro-item .p-w-r .pr-snippet .pr-snippet-stars-png .pr-rating-stars {
margin-top: -4px
}
.product-intro-item .p-w-r .pr-snippet-stars-container {
margin-bottom: 10px !important
}
.pr-rd-no-reviews .pr-snippet-write-review-link {
color: #003b73 !important
}
.pr-review-snapshot {
background-color: transparent !important
}
.pr-review-snapshot .pr-faceoff-img-txt,
.pr-review-snapshot .pr-faceoff-label,
.pr-review-snapshot .pr-faceoff-title,
.pr-review-snapshot .pr-faceoff-review {
color: #003b73 !important
}
.pr-review-snapshot .pr-snippet-rating-decimal {
color: #5d83a6 !important
}
.pr-review-snapshot .pr-review-snapshot-block,
.pr-review-snapshot .pr-review-snapshot-faceoff,
.pr-review-snapshot .pr-faceoff-img-txt {
background-color: #e3f0f7 !important
}
.pr-review-snapshot .pr-review-snapshot-block-container {
margin: 15px 0 !important
}
.pr-review-snapshot .pr-faceoff-img-txt,
.pr-review-snapshot .pr-faceoff-img {
border-color: #003b73 !important;
border-width: 2px !important
}
.pr-review-snapshot .pr-faceoff-img-txt {
font-weight: 700 !important
}
.pr-review-snapshot .pr-review-snapshot-faceoff {
border: none !important;
border-radius: 0 !important
}
.pr-review-snapshot .pr-histogram-stars:hover {
background: none !important
}
.pr-review-snapshot .pr-review-snapshot-header-intro {
padding: 0 !important;
margin: 0 !important;
border-bottom: none !important
}
.pr-review-snapshot .pr-snippet-reco-to-friend-percent {
background: none !important
}
.pr-review-snapshot .pr-snippet-reco-to-friend-percent .pr-checkbox-icon {
display: none !important
}
.pr-review-snapshot .pr-reco-to-friend-message {
background: none !important;
color: #fff !important
}
.pr-review-snapshot .pr-review-snapshot-block-histogram {
margin-bottom: 0 !important;
padding: 15px 0 !important
}
.pr-review-snapshot .pr-ratings-histogram-bar {
background-color: #e6e6e6 !important
}
.pr-review-snapshot .pr-ratings-histogram-barValue {
background-color: #eaa944 !important
}
.pr-review-snapshot .pr-reco-value {
font-size: 56px !important;
font-size: 3.5rem !important;
line-height: 1 !important
}
.pr-review-snapshot .pr-reco-to-friend-message {
font-size: 12px !important
}
.pr-review-snapshot .pr-review-snapshot-block {
border-right-color: transparent !important
}
.pr-review-snapshot .pr-review-snapshot-block-recommend {
background-color: #003b73 !important;
padding: 0;
margin: 0 15px !important
}
@media (max-width: 991px) {
.pr-review-snapshot .pr-review-snapshot-block-recommend {
margin: 0 0 15px !important;
padding: 30px 15px !important
}
}
@media (max-width: 991px) {
.pr-review-snapshot .pr-review-snapshot-block-snippet {
padding: 15px !important
}
}
.pr-review-snapshot .pr-snippet-write-review-link {
background: none !important;
border: 2px solid #4c4d4f !important
}
.pr-review-display {
background-color: transparent !important
}
.pr-review-display .pr-rd-no-reviews {
display: none
}
.pr-review-display .pr-rd-review-product {
color: #003b73 !important
}
.pr-review-display .pr-rd-main-header {
padding: 15px 0 0 !important;
background: none !important
}
@media (max-width: 991px) {
.pr-review-display .pr-rd-sort {
margin-left: 0 !important
}
}
.pr-review-display .pr-review {
padding: 15px !important
}
.pr-review-display .pr-review:nth-child(odd) {
background-color: #e3f0f7 !important
}
.pr-review-display .pr-review:nth-child(even) {
background-color: #bdcfde !important
}
.pr-review-display .pr-rd-review-headline {
margin: 1px 15px !important
}
@media (max-width: 991px) {
.pr-review-display .pr-rd-review-headline {
margin: 0 !important
}
}
.pr-review-display .pr-rd-bottomline {
display: none !important
}
.pr-review-display .pr-helpful-btn {
border: 1px solid #4c4d4f !important
}
.pr-review-display .pr-helpful-yes {
border-right: none !important
}
.pr-review-display .pr-rd-footer {
background: none !important;
padding-bottom: 0 !important;
margin-bottom: 0 !important
}
.p-w-r .pr-helpful-btn:active {
background: #003b73 !important
}
.p-w-r .pr-helpful-btn:active span {
color: #fff !important
}
.p-w-r .pr-helpful-btn:hover {
background: #4c4d4f !important
}
.p-w-r .pr-helpful-active {
background: #4c4d4f !important
}
.p-w-r .pr-thumbs-icon {
color: #5d83a6 !important
}
.p-w-r .pr-helpful-active span,
.p-w-r .pr-helpful-active[disabled] span {
color: #fff !important
}
.pr-review-display .pr-snippet-rating-decimal,
.pr-review-snapshot .pr-snippet-rating-decimal {
background: transparent !important;
border: none !important;
height: auto !important;
font-weight: 700 !important;
line-height: 20px !important
}
.pr-review-display .pr-snippet-stars,
.pr-review-snapshot .pr-snippet-stars {
background-color: transparent !important
}
.js-review .p-w-r .pr-media-modal .overlay,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .overlay {
background: transparent
}
.js-review .p-w-r .pr-media-modal .modal__body,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .modal__body {
border-radius: 0 !important;
border: 1px solid #d9dede !important;
width: 720px !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
padding: 0 30px !important
}
@media (max-width: 991px) {
.js-review .p-w-r .pr-media-modal .modal__body,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .modal__body {
padding: 0 15px !important
}
}
.js-review .p-w-r .pr-media-modal .button__close,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .button__close {
top: 40px !important;
right: 46% !important
}
@media (max-width: 991px) {
.js-review .p-w-r .pr-media-modal .button__close,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .button__close {
position: absolute;
top: 6px !important;
right: 6px !important;
-webkit-transform: none !important;
transform: none !important
}
}
.js-review .p-w-r .pr-media-modal .button__close:focus,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .button__close:focus {
outline: none
}
.js-review .p-w-r .pr-media-modal .pr-cross-icon,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-cross-icon {
font-family: "Icomoon";
speak: none;
font-style: normal;
font-weight: normal;
-webkit-font-feature-settings: normal;
font-feature-settings: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
font-size: 28px;
color: #4c4d4f !important
}
.js-review .p-w-r .pr-media-modal .pr-cross-icon:before,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-cross-icon:before {
content: "\e707"
}
.js-review .p-w-r .pr-media-modal .pr-cross-icon svg,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-cross-icon svg {
display: none
}
.js-review .p-w-r .pr-media-modal .pr-header,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-header {
margin: 0 0 20px
}
.js-review .p-w-r .pr-media-modal .pr-header-product-name,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-header-product-name {
color: #003b73 !important
}
.js-review .p-w-r .pr-media-modal .pr-header-required,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-header-required {
color: #003b73 !important
}
.js-review .p-w-r .pr-media-modal .pr-header-required span,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-header-required span {
color: #003b73 !important
}
.js-review .p-w-r .pr-media-modal .pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-accessible-btn {
margin: 0 0 30px;
padding-right: 18px !important
}
@media (max-width: 991px) {
.js-review .p-w-r .pr-media-modal .pr-accessible-btn,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-accessible-btn {
text-align: center !important
}
}
.js-review .p-w-r .pr-media-modal .pr-accessible-btn+a,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-accessible-btn+a {
width: 100%;
clear: both;
display: block;
overflow: hidden;
-webkit-box-sizing: content-box;
box-sizing: content-box;
padding: 15px 30px;
margin: 0 -30px
}
@media (max-width: 991px) {
.js-review .p-w-r .pr-media-modal .pr-accessible-btn+a,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-accessible-btn+a {
padding: 15px 15px;
margin: 0 -15px
}
}
.js-review .p-w-r .pr-media-modal .pr-subscript,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-subscript {
color: #5d83a6 !important;
margin: 1em 0
}
.js-review .p-w-r .pr-media-modal .pr-subscript a,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-subscript a {
color: #5d83a6 !important;
text-decoration: underline
}
.js-review .p-w-r .pr-media-modal .control-label span,
.js-review .p-w-r .pr-media-modal .pr-control-label span,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .control-label span,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-control-label span {
color: #003b73 !important
}
.js-review .p-w-r .pr-media-modal .pr-header-title,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-header-title {
color: #003b73 !important
}
.js-review .p-w-r .pr-media-modal .pr-helper-text,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-helper-text {
color: #5d83a6 !important
}
.js-review .p-w-r .pr-media-modal .pr-btn:hover,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-btn:hover {
background-color: #e3f0f7;
border-color: #bdcfde
}
.js-review .p-w-r .pr-media-modal .pr-btn.active,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-btn.active {
background-color: #003b73 !important;
border-color: transparent
}
.js-review .p-w-r .pr-media-modal .pr-clear-all-radios,
.js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-clear-all-radios {
color: #003b73 !important
}
.js-review[data-reviewtype="ReviewForm"] {
max-width: 700px;
margin: 0 auto
}
.js-review[data-reviewtype="ReviewForm"] .p-w-r .pr-accessible-btn+a {
background: transparent
}
.js-review .p-w-r .pr-media-modal .pr-accessible-btn+a {
background: #e3f0f7
}
.pr-verified_buyer {
display: none !important
}
.pr-rd-reviewed-at {
display: none !important
}
.thank-you-page {
padding: 10px 0 20px !important
}
.thank-you-page .pr-rating-stars {
margin-bottom: 5px !important
}
.thank-you-page .headline {
margin-top: 15px !important
}
.thank-you-page .pr-text {
margin: 5px 0 !important
}
@media (max-width: 991px) {
.thank-you-page .header {
display: block
}
}
.thank-you-page .header a {
color: #003b73 !important
}
.thank-you-page .header h5 {
display: none
}
.product-finder-results .component-sample-box .p-w-r .pr-category-snippet {
margin: 0
}
@media (min-width: 1200px) {
.product-finder-results .component-sample-box .p-w-r .pr-category-snippet {
display: block
}
}
@media (max-width: 767px) {
.product-finder-results .component-sample-box .p-w-r .pr-category-snippet {
display: block
}
}
@media (min-width: 1200px) {
.product-finder-results .component-sample-box .p-w-r .pr-category-snippet__item {
display: block
}
}
@media (max-width: 767px) {
.product-finder-results .component-sample-box .p-w-r .pr-category-snippet__item {
display: block
}
}
@media (min-width: 1200px) {
.product-finder-results .component .pr-category-snippet__total:before {
display: none
}
}
@media (max-width: 767px) {
.product-finder-results .component .pr-category-snippet__total:before {
display: none
}
}
@media (min-width: 1200px) {
.product-finder-results .component-sample-box .p-w-r .pr-category-snippet__total {
margin: 3px 0 10px
}
}
@media (max-width: 767px) {
.product-finder-results .component-sample-box .p-w-r .pr-category-snippet__total {
margin: 3px 0 10px
}
}
.pr-snippet-write-review-link {
color: #303533 !important
}
.u-cursorPointer {
cursor: pointer !important
}
.u-cursorDefault {
cursor: default !important
}
.container {
width: 1228px;
margin: 0 auto;
padding: 0 20px
}
@media (max-width: 1227px) {
.container {
width: 992px
}
}
@media (max-width: 991px) {
.container {
width: 768px
}
}
@media (max-width: 767px) {
.container {
width: 570px
}
}
@media (max-width: 569px) {
.container {
max-width: 420px;
width: auto
}
}
@media (max-width: 569px) {
.container {
padding: 0 10px
}
}
.container.container-fluid {
width: 100%
}
.row {
zoom: 1;
position: relative
}
.row:before,
.row:after {
content: " ";
display: table
}
.row:after {
clear: both
}
[class*="col-"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
float: left;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative
}
@media (max-width: 569px) {
[class*="col-"] {
padding-left: 5px;
padding-right: 5px
}
}
@media (max-width: 1227px) {
[class*="col-"]>[class*="col-"].col-md-12 {
padding-left: 0;
padding-right: 0
}
}
@media (max-width: 991px) {
[class*="col-"]>[class*="col-"].col-sm-12 {
padding-left: 0;
padding-right: 0
}
}
@media (max-width: 767px) {
[class*="col-"]>[class*="col-"].col-xs-12 {
padding-left: 0;
padding-right: 0
}
}
@media (max-width: 569px) {
[class*="col-"]>[class*="col-"].col-xxs-12 {
padding-left: 0;
padding-right: 0
}
}
[class*="col-"]>[class*="col-"]:first-child {
padding-left: 0
}
[class*="col-"]>[class*="col-"]:last-child {
padding-right: 0
}
[class*="col-"].col-centered {
float: none;
margin: 0 auto
}
.row.align-cols-right>[class*="col-"] {
float: right
}
#js-grid-breakpoints div {
display: none
}
@media (max-width: 1227px) {
#js-grid-breakpoints div {
display: none
}
#js-grid-breakpoints div.md {
display: block
}
#js-grid-breakpoints div.sm {
display: none
}
#js-grid-breakpoints div.xs {
display: none
}
#js-grid-breakpoints div.xxs {
display: none
}
}
@media (max-width: 991px) {
#js-grid-breakpoints div {
display: none
}
#js-grid-breakpoints div.md {
display: none
}
#js-grid-breakpoints div.sm {
display: block
}
#js-grid-breakpoints div.xs {
display: none
}
#js-grid-breakpoints div.xxs {
display: none
}
}
@media (max-width: 767px) {
#js-grid-breakpoints div {
display: none
}
#js-grid-breakpoints div.md {
display: none
}
#js-grid-breakpoints div.sm {
display: none
}
#js-grid-breakpoints div.xs {
display: block
}
#js-grid-breakpoints div.xxs {
display: none
}
}
@media (max-width: 569px) {
#js-grid-breakpoints div {
display: none
}
#js-grid-breakpoints div.md {
display: none
}
#js-grid-breakpoints div.sm {
display: none
}
#js-grid-breakpoints div.xs {
display: none
}
#js-grid-breakpoints div.xxs {
display: block
}
}
.col-1 {
width: 8.33333%
}
.col-push-1 {
margin-left: 8.33333%
}
.col-pull-1 {
margin-left: -8.33333%
}
.col-2 {
width: 16.66667%
}
.col-push-2 {
margin-left: 16.66667%
}
.col-pull-2 {
margin-left: -16.66667%
}
.col-3 {
width: 25%
}
.col-push-3 {
margin-left: 25%
}
.col-pull-3 {
margin-left: -25%
}
.col-4 {
width: 33.33333%
}
.col-push-4 {
margin-left: 33.33333%
}
.col-pull-4 {
margin-left: -33.33333%
}
.col-5 {
width: 41.66667%
}
.col-push-5 {
margin-left: 41.66667%
}
.col-pull-5 {
margin-left: -41.66667%
}
.col-6 {
width: 50%
}
.col-push-6 {
margin-left: 50%
}
.col-pull-6 {
margin-left: -50%
}
.col-7 {
width: 58.33333%
}
.col-push-7 {
margin-left: 58.33333%
}
.col-pull-7 {
margin-left: -58.33333%
}
.col-8 {
width: 66.66667%
}
.col-push-8 {
margin-left: 66.66667%
}
.col-pull-8 {
margin-left: -66.66667%
}
.col-9 {
width: 75%
}
.col-push-9 {
margin-left: 75%
}
.col-pull-9 {
margin-left: -75%
}
.col-10 {
width: 83.33333%
}
.col-push-10 {
margin-left: 83.33333%
}
.col-pull-10 {
margin-left: -83.33333%
}
.col-11 {
width: 91.66667%
}
.col-push-11 {
margin-left: 91.66667%
}
.col-pull-11 {
margin-left: -91.66667%
}
.col-12 {
width: 100%
}
.col-push-12 {
margin-left: 100%
}
.col-pull-12 {
margin-left: -100%
}
@media (max-width: 1227px) {
.col-md-1 {
width: 8.33333%
}
.col-md-push-1 {
margin-left: 8.33333%
}
.col-md-pull-1 {
margin-left: -8.33333%
}
.col-md-2 {
width: 16.66667%
}
.col-md-push-2 {
margin-left: 16.66667%
}
.col-md-pull-2 {
margin-left: -16.66667%
}
.col-md-3 {
width: 25%
}
.col-md-push-3 {
margin-left: 25%
}
.col-md-pull-3 {
margin-left: -25%
}
.col-md-4 {
width: 33.33333%
}
.col-md-push-4 {
margin-left: 33.33333%
}
.col-md-pull-4 {
margin-left: -33.33333%
}
.col-md-5 {
width: 41.66667%
}
.col-md-push-5 {
margin-left: 41.66667%
}
.col-md-pull-5 {
margin-left: -41.66667%
}
.col-md-6 {
width: 50%
}
.col-md-push-6 {
margin-left: 50%
}
.col-md-pull-6 {
margin-left: -50%
}
.col-md-7 {
width: 58.33333%
}
.col-md-push-7 {
margin-left: 58.33333%
}
.col-md-pull-7 {
margin-left: -58.33333%
}
.col-md-8 {
width: 66.66667%
}
.col-md-push-8 {
margin-left: 66.66667%
}
.col-md-pull-8 {
margin-left: -66.66667%
}
.col-md-9 {
width: 75%
}
.col-md-push-9 {
margin-left: 75%
}
.col-md-pull-9 {
margin-left: -75%
}
.col-md-10 {
width: 83.33333%
}
.col-md-push-10 {
margin-left: 83.33333%
}
.col-md-pull-10 {
margin-left: -83.33333%
}
.col-md-11 {
width: 91.66667%
}
.col-md-push-11 {
margin-left: 91.66667%
}
.col-md-pull-11 {
margin-left: -91.66667%
}
.col-md-12 {
width: 100%
}
.col-md-push-12 {
margin-left: 100%
}
.col-md-pull-12 {
margin-left: -100%
}
.col-md-push-0 {
margin-left: 0%
}
.col-md-pull-0 {
margin-left: 0%
}
.col-md-full {
padding: 0
}
}
@media (max-width: 991px) {
.col-sm-1 {
width: 8.33333%
}
.col-sm-push-1 {
margin-left: 8.33333%
}
.col-sm-pull-1 {
margin-left: -8.33333%
}
.col-sm-2 {
width: 16.66667%
}
.col-sm-push-2 {
margin-left: 16.66667%
}
.col-sm-pull-2 {
margin-left: -16.66667%
}
.col-sm-3 {
width: 25%
}
.col-sm-push-3 {
margin-left: 25%
}
.col-sm-pull-3 {
margin-left: -25%
}
.col-sm-4 {
width: 33.33333%
}
.col-sm-push-4 {
margin-left: 33.33333%
}
.col-sm-pull-4 {
margin-left: -33.33333%
}
.col-sm-5 {
width: 41.66667%
}
.col-sm-push-5 {
margin-left: 41.66667%
}
.col-sm-pull-5 {
margin-left: -41.66667%
}
.col-sm-6 {
width: 50%
}
.col-sm-push-6 {
margin-left: 50%
}
.col-sm-pull-6 {
margin-left: -50%
}
.col-sm-7 {
width: 58.33333%
}
.col-sm-push-7 {
margin-left: 58.33333%
}
.col-sm-pull-7 {
margin-left: -58.33333%
}
.col-sm-8 {
width: 66.66667%
}
.col-sm-push-8 {
margin-left: 66.66667%
}
.col-sm-pull-8 {
margin-left: -66.66667%
}
.col-sm-9 {
width: 75%
}
.col-sm-push-9 {
margin-left: 75%
}
.col-sm-pull-9 {
margin-left: -75%
}
.col-sm-10 {
width: 83.33333%
}
.col-sm-push-10 {
margin-left: 83.33333%
}
.col-sm-pull-10 {
margin-left: -83.33333%
}
.col-sm-11 {
width: 91.66667%
}
.col-sm-push-11 {
margin-left: 91.66667%
}
.col-sm-pull-11 {
margin-left: -91.66667%
}
.col-sm-12 {
width: 100%
}
.col-sm-push-12 {
margin-left: 100%
}
.col-sm-pull-12 {
margin-left: -100%
}
.col-sm-push-0 {
margin-left: 0%
}
.col-sm-pull-0 {
margin-left: 0%
}
.col-sm-full {
padding: 0
}
}
@media (max-width: 767px) {
.col-xs-1 {
width: 8.33333%
}
.col-xs-push-1 {
margin-left: 8.33333%
}
.col-xs-pull-1 {
margin-left: -8.33333%
}
.col-xs-2 {
width: 16.66667%
}
.col-xs-push-2 {
margin-left: 16.66667%
}
.col-xs-pull-2 {
margin-left: -16.66667%
}
.col-xs-3 {
width: 25%
}
.col-xs-push-3 {
margin-left: 25%
}
.col-xs-pull-3 {
margin-left: -25%
}
.col-xs-4 {
width: 33.33333%
}
.col-xs-push-4 {
margin-left: 33.33333%
}
.col-xs-pull-4 {
margin-left: -33.33333%
}
.col-xs-5 {
width: 41.66667%
}
.col-xs-push-5 {
margin-left: 41.66667%
}
.col-xs-pull-5 {
margin-left: -41.66667%
}
.col-xs-6 {
width: 50%
}
.col-xs-push-6 {
margin-left: 50%
}
.col-xs-pull-6 {
margin-left: -50%
}
.col-xs-7 {
width: 58.33333%
}
.col-xs-push-7 {
margin-left: 58.33333%
}
.col-xs-pull-7 {
margin-left: -58.33333%
}
.col-xs-8 {
width: 66.66667%
}
.col-xs-push-8 {
margin-left: 66.66667%
}
.col-xs-pull-8 {
margin-left: -66.66667%
}
.col-xs-9 {
width: 75%
}
.col-xs-push-9 {
margin-left: 75%
}
.col-xs-pull-9 {
margin-left: -75%
}
.col-xs-10 {
width: 83.33333%
}
.col-xs-push-10 {
margin-left: 83.33333%
}
.col-xs-pull-10 {
margin-left: -83.33333%
}
.col-xs-11 {
width: 91.66667%
}
.col-xs-push-11 {
margin-left: 91.66667%
}
.col-xs-pull-11 {
margin-left: -91.66667%
}
.col-xs-12 {
width: 100%
}
.col-xs-push-12 {
margin-left: 100%
}
.col-xs-pull-12 {
margin-left: -100%
}
.col-xs-push-0 {
margin-left: 0%
}
.col-xs-pull-0 {
margin-left: 0%
}
.col-xs-full {
padding: 0
}
}
@media (max-width: 569px) {
.col-xxs-1 {
width: 8.33333%
}
.col-xxs-push-1 {
margin-left: 8.33333%
}
.col-xxs-pull-1 {
margin-left: -8.33333%
}
.col-xxs-2 {
width: 16.66667%
}
.col-xxs-push-2 {
margin-left: 16.66667%
}
.col-xxs-pull-2 {
margin-left: -16.66667%
}
.col-xxs-3 {
width: 25%
}
.col-xxs-push-3 {
margin-left: 25%
}
.col-xxs-pull-3 {
margin-left: -25%
}
.col-xxs-4 {
width: 33.33333%
}
.col-xxs-push-4 {
margin-left: 33.33333%
}
.col-xxs-pull-4 {
margin-left: -33.33333%
}
.col-xxs-5 {
width: 41.66667%
}
.col-xxs-push-5 {
margin-left: 41.66667%
}
.col-xxs-pull-5 {
margin-left: -41.66667%
}
.col-xxs-6 {
width: 50%
}
.col-xxs-push-6 {
margin-left: 50%
}
.col-xxs-pull-6 {
margin-left: -50%
}
.col-xxs-7 {
width: 58.33333%
}
.col-xxs-push-7 {
margin-left: 58.33333%
}
.col-xxs-pull-7 {
margin-left: -58.33333%
}
.col-xxs-8 {
width: 66.66667%
}
.col-xxs-push-8 {
margin-left: 66.66667%
}
.col-xxs-pull-8 {
margin-left: -66.66667%
}
.col-xxs-9 {
width: 75%
}
.col-xxs-push-9 {
margin-left: 75%
}
.col-xxs-pull-9 {
margin-left: -75%
}
.col-xxs-10 {
width: 83.33333%
}
.col-xxs-push-10 {
margin-left: 83.33333%
}
.col-xxs-pull-10 {
margin-left: -83.33333%
}
.col-xxs-11 {
width: 91.66667%
}
.col-xxs-push-11 {
margin-left: 91.66667%
}
.col-xxs-pull-11 {
margin-left: -91.66667%
}
.col-xxs-12 {
width: 100%
}
.col-xxs-push-12 {
margin-left: 100%
}
.col-xxs-pull-12 {
margin-left: -100%
}
.col-xxs-push-0 {
margin-left: 0%
}
.col-xxs-pull-0 {
margin-left: 0%
}
.col-xxs-full {
padding: 0
}
}
.col-full {
padding: 0
}
.flex-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.flex-row.container:before,
.flex-row.container:after,
.flex-row.row:before,
.flex-row.row:after {
content: normal
}
.u-noGutter {
padding-left: 0;
padding-right: 0
}
.u-marginTopBottom {
margin-bottom: 15px;
margin-top: 15px
}
.popup-custom-iframe {
height: 550px;
max-width: 550px !important
}
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #2d3f52;
opacity: .85;
filter: alpha(opacity=85)
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden
}
.white-popup {
position: relative;
background: #fff;
padding: 20px;
width: auto;
max-width: 50%;
margin: 20px auto
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle
}
.mfp-align-top .mfp-container:before {
display: none
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto
}
.mfp-ajax-cur {
cursor: progress
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -webkit-zoom-out;
cursor: zoom-out
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: zoom-in
}
.mfp-auto-cursor .mfp-content {
cursor: auto
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.mfp-loading.mfp-figure {
display: none
}
.mfp-hide {
display: none !important
}
.mfp-preloader {
color: #ccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044
}
.mfp-preloader a {
color: #ccc
}
.mfp-preloader a:hover {
color: #fff
}
.mfp-s-ready .mfp-preloader {
display: none
}
.mfp-s-error .mfp-content {
display: none
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none
}
button::-moz-focus-inner {
padding: 0;
border: 0
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: .65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: #fff;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100)
}
.mfp-close:active {
top: 1px
}
.mfp-close-btn-in .mfp-close {
color: #333
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #fff;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #ccc;
font-size: 12px;
line-height: 18px
}
.mfp-arrow {
position: absolute;
opacity: .65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent
}
.mfp-arrow:active {
margin-top: -54px
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100)
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7
}
.mfp-arrow-left {
left: 0
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
border-right: 17px solid #fff;
margin-left: 31px
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3f3f3f
}
.mfp-arrow-right {
right: 0
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
border-left: 17px solid #fff;
margin-left: 39px
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
border-left: 27px solid #3f3f3f
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px
}
.mfp-iframe-holder .mfp-close {
top: -40px
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
box-shadow: 0 0 8px rgba(0, 0, 0, .6);
background: #000
}
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto
}
.mfp-figure {
line-height: 0
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
box-shadow: 0 0 8px rgba(0, 0, 0, .6);
background: #444
}
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px
}
.mfp-figure figure {
margin: 0
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
padding-right: 36px
}
.mfp-image-holder .mfp-content {
max-width: 100%
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer
}
@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0
}
.mfp-img-mobile img.mfp-img {
padding: 0
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, .6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, .6);
position: fixed;
text-align: center;
padding: 0
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75)
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%
}
.mfp-container {
padding-left: 6px;
padding-right: 6px
}
}
.mfp-ie7 .mfp-img {
padding: 0
}
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px
}
.mfp-ie7 .mfp-container {
padding: 0
}
.mfp-ie7 .mfp-content {
padding-top: 44px
}
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0
}
.sod_select,
.sod_select * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.sod_select {
display: inline-block;
position: relative;
line-height: 1;
width: 200px;
padding: 15px 10px;
border: 3px solid #5e5e5e;
background: #ffffff;
color: #444444;
font-size: 11px;
font-weight: 700;
text-align: left;
text-transform: uppercase;
outline: 0;
outline-offset: -2px;
cursor: default
}
.sod_select:before,
.sod_select:after {
content: "\25B2";
position: absolute;
right: 10px;
top: 11px;
font-size: 12px
}
.sod_select:after {
content: "\25BC";
top: auto;
bottom: 11px
}
.sod_select:hover,
.sod_select.open,
.sod_select.focus {
border-color: #000000
}
.sod_select.open {
color: #919191
}
.sod_select.focus {
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
box-shadow: 0 0 5px rgba(0, 0, 0, .2)
}
.sod_select.disabled {
border-color: #828282;
color: #b2b2b2;
cursor: not-allowed
}
.sod_select .sod_label {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding-right: 15px
}
.sod_select .sod_list_wrapper {
position: absolute;
top: 100%;
left: 0;
display: none;
height: auto;
width: 200px;
margin: 0 0 0 -3px;
background: #ffffff;
border: 3px solid #000000;
border-top: none;
color: #444444;
font-weight: 300;
z-index: 1
}
.sod_select.open .sod_list_wrapper {
display: block
}
.sod_select.disabled.open .sod_list_wrapper {
display: none
}
.sod_select.above .sod_list_wrapper {
top: auto;
bottom: 100%;
border-top: 3px solid #000000;
border-bottom: none
}
.sod_select .sod_list {
display: block;
overflow-y: auto;
padding: 0;
margin: 0
}
.sod_select .sod_option {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
position: relative;
padding: 10px 10px;
list-style-type: none
}
.sod_select .sod_option.optgroup,
.sod_select .sod_option.optgroup.disabled {
background: inherit;
color: #939393;
font-size: 10px;
font-style: italic
}
.sod_select .sod_option.groupchild {
padding-left: 20px
}
.sod_select .sod_option.is-placeholder {
display: none
}
.sod_select .sod_option.disabled {
background: inherit;
color: #cccccc
}
.sod_select .sod_option.active {
background: #f7f7f7;
color: #333333
}
.sod_select .sod_option.selected {
font-weight: 700;
padding-right: 25px
}
.sod_select .sod_option.selected:before {
content: "";
position: absolute;
right: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
display: inline-block;
color: #808080;
height: 9px;
width: 10px;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTAgOSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAgOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRDlEOUQ4IiBkPSJNNCw2LjdDMy42LDYuMywzLjUsNi4xLDMuMSw1LjdDMi42LDUuMiwyLDQuNiwxLjUsNC4xYy0wLjgtMC44LTIsMC40LTEuMiwxLjJjMC45LDAuOSwxLjksMS45LDIuOCwyLjgNCgkJYzAuNywwLjcsMS4zLDEsMiwwQzYuNyw2LDguMywzLjcsOS44LDEuNUMxMC41LDAuNSw5LTAuMyw4LjMsMC42bDAsMEM2LjcsMi45LDUuNyw0LjQsNCw2LjciLz4NCjwvZz4NCjwvc3ZnPg0K)
}
.sod_select.no_highlight .sod_option.selected {
font-weight: 300
}
.sod_select.no_highlight .sod_option.selected:before {
display: none
}
.sod_select select {
display: none !important
}
.sod_select.touch select {
-webkit-appearance: menulist-button;
position: absolute;
top: 0;
left: 0;
display: block !important;
height: 100%;
width: 100%;
opacity: 0
}
/*!
* Pikaday
* Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
*/
.pika-single {
z-index: 9999;
display: block;
position: relative;
color: #333;
background: #fff;
border: 1px solid #ccc;
border-bottom-color: #bbb;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}
.pika-single:before,
.pika-single:after {
content: " ";
display: table
}
.pika-single:after {
clear: both
}
.pika-single {
*zoom: 1
}
.pika-single.is-hidden {
display: none
}
.pika-single.is-bound {
position: absolute;
-webkit-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .5);
box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .5)
}
.pika-lendar {
float: left;
width: 240px;
margin: 8px
}
.pika-title {
position: relative;
text-align: center
}
.pika-label {
display: inline-block;
*display: inline;
position: relative;
z-index: 9999;
overflow: hidden;
margin: 0;
padding: 5px 3px;
font-size: 14px;
line-height: 20px;
font-weight: bold;
background-color: #fff
}
.pika-title select {
cursor: pointer;
position: absolute;
z-index: 9998;
margin: 0;
left: 0;
top: 5px;
filter: alpha(opacity=0);
opacity: 0
}
.pika-prev,
.pika-next {
display: block;
cursor: pointer;
position: relative;
outline: none;
border: 0;
padding: 0;
width: 20px;
height: 30px;
text-indent: 20px;
white-space: nowrap;
overflow: hidden;
background-color: transparent;
background-position: center center;
background-repeat: no-repeat;
background-size: 75% 75%;
opacity: .5;
*position: absolute;
*top: 0
}
.pika-prev:hover,
.pika-next:hover {
opacity: 1
}
.pika-prev,
.is-rtl .pika-next {
float: left;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
*left: 0
}
.pika-next,
.is-rtl .pika-prev {
float: right;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
*right: 0
}
.pika-prev.is-disabled,
.pika-next.is-disabled {
cursor: default;
opacity: .2
}
.pika-select {
display: inline-block;
*display: inline
}
.pika-table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
border: 0
}
.pika-table th,
.pika-table td {
width: 14.285714285714286%;
padding: 0
}
.pika-table th {
color: #999;
font-size: 12px;
line-height: 25px;
font-weight: bold;
text-align: center
}
.pika-button {
cursor: pointer;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
outline: none;
border: 0;
margin: 0;
width: 100%;
padding: 5px;
color: #666;
font-size: 12px;
line-height: 15px;
text-align: right;
background: #f5f5f5
}
.pika-week {
font-size: 11px;
color: #999
}
.is-today .pika-button {
color: #33aaff;
font-weight: bold
}
.is-selected .pika-button {
color: #fff;
font-weight: bold;
background: #33aaff;
-webkit-box-shadow: inset 0 1px 3px #178fe5;
box-shadow: inset 0 1px 3px #178fe5;
border-radius: 3px
}
.is-disabled .pika-button {
pointer-events: none;
cursor: default;
color: #999;
opacity: .3
}
.pika-button:hover {
color: #fff !important;
background: #ff8000 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
border-radius: 3px !important
}
.noUi-target,
.noUi-target * {
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.noUi-target {
position: relative;
direction: ltr
}
.noUi-base {
width: 100%;
height: 100%;
position: relative
}
.noUi-origin {
position: absolute;
right: 0;
top: 0;
left: 0;
bottom: 0
}
.noUi-handle {
position: relative;
z-index: 1
}
.noUi-stacking .noUi-handle {
z-index: 2
}
.noUi-stacking+.noUi-origin {
*z-index: -1
}
.noUi-state-tap .noUi-origin {
-webkit-transition: left 0.3s, top 0.3s;
transition: left 0.3s, top 0.3s
}
.noUi-state-drag * {
cursor: inherit !important
}
.noUi-base {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
background-color: #e6e6e6
}
.noUi-background {
background: url("../img/calculator_bg.png") repeat-x right
}
.noUi-horizontal {
height: 18px
}
.noUi-horizontal .noUi-handle {
background-image: url("../img/calculator_handle.png");
height: 36px;
width: 36px;
top: -7.5px;
left: -18px;
line-height: 36px;
text-align: center;
color: #fff;
font-family: "HelveticaNeueLTW06-75Bold", "helvetica neue", helvetica, "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "SimSun", "宋体", STXihei, "华文细黑", Amiri, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif
}
.noUi-vertical {
width: 18px
}
.noUi-vertical .noUi-handle {
width: 28px;
height: 34px;
left: -6px;
top: -17px
}
.noUi-connect {
background: #3fb8af;
-webkit-transition: background 450ms;
transition: background 450ms
}
.noUi-origin {
border-radius: 2px
}
.noUi-target {
height: 23px;
border-radius: 4px;
border: 1px solid #d3d3d3;
background: url("../img/calculator_bg.png") repeat-x 0 0
}
.noUi-dragable {
cursor: w-resize
}
.noUi-vertical .noUi-dragable {
cursor: n-resize
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
width: 14px;
height: 1px;
left: 6px;
top: 14px
}
.noUi-vertical .noUi-handle:after {
top: 17px
}
[disabled].noUi-connect,
[disabled] .noUi-connect {
background: #b8b8b8
}
[disabled] .noUi-handle {
cursor: not-allowed
}
.mfp-jwplayer-holder .mfp-content {
max-width: 900px;
width: 100%
}
.mfp-jwplayer-holder .mfp-close {
color: #fff;
padding-right: 6px;
right: -6px;
text-align: right;
top: -40px;
width: 100%
}
/* BLOCK
————————————————————————————————————————————————————————— */
.region-style-for-category section[id^="block-8"],
.region-style-for-category section[id^="block-9"] {
height: 0;
}