<>
.content-asset img {
max-width: 100%;
height: auto;
}
@media only screen and (min-width: 992px) {
.hide-large-vp {
display: none !important
}
}
@media only screen and (min-width: 850px) and (max-width: 991px) {
.hide-medium-vp {
display: none !important
}
}
@media only screen and (min-width: 544px) and (max-width: 849px) {
.hide-small-vp {
display: none !important
}
}
@media only screen and (max-width: 543px) {
.hide-extra_small-vp {
display: none !important
}
}
#page-content:after,
.banner-container:after,
.grid-2up:after,
.grid-3up:after,
.grid-4up:after {
clear: both
}
.grid-2up.grid-2up--wider-inner-gutter>div,
.grid-3up.grid-3up--no-gutter>div,
.grid-3up.grid-3up--wider-inner-gutter>div,
.grid-3up>div,
.grid-4up.grid-4up--no-gutter>div,
.grid-4up.grid-4up--wider-inner-gutter>div,
.grid-6up.grid-6up--no-gutter>div,
.grid-6up.grid-6up--wider-inner-gutter>div,
.grid-6up>div {
float: left;
min-height: 1px;
position: relative
}
.wcm-copy-block .txt-italic,
.wcm-table.header-italics th[scope=col],
[class*=wcm-banner-] .txt-italic {
font-: italic
}
.banner-container,
.wcm-copy-block .txt-center.btns a,
[class*=wcm-banner-] .txt-center.btns a {
margin-left: auto;
margin-right: auto
}
.wcm-copy-block img,
[class*=wcm-banner-] img {
height: auto;
width: 100%
}
.wcm-copy-block span,
[class*=wcm-banner-] span {
line-height: 1.3
}
.wcm-copy-block .txt-bold,
[class*=wcm-banner-] .txt-bold {
font-weight: 700
}
.wcm-copy-block .txt-allCaps,
[class*=wcm-banner-] .txt-allCaps {
text-transform: uppercase
}
.wcm-copy-block .txt-noCaps,
[class*=wcm-banner-] .txt-noCaps {
text-transform: none
}
.wcm-copy-block .txt-center,
[class*=wcm-banner-] .txt-center {
text-align: center
}
.wcm-copy-block .txt-left,
[class*=wcm-banner-] .txt-left {
text-align: left
}
.wcm-copy-block .txt-right,
[class*=wcm-banner-] .txt-right {
text-align: right
}
.banner-container {
padding-left: 10px;
padding-right: 10px
}
.banner-container:after,
.banner-container:before {
content: " ";
display: table;
width: 0
}
@media (min-width: 544px) {
.banner-container {
padding-left: 20px;
padding-right: 20px
}
}
@media (min-width: 1281px) {
.banner-container {
padding-left: 50px;
padding-right: 50px
}
.table-wrapper {
padding: 0 50px
}
}
.banner-container.banner-container--full {
padding-left: 0;
padding-right: 0
}
.banner-container.banner-container--wide-gutter,
.wcm-copy-block.wcm-copy-block--wide-gutter {
padding-left: 100px;
padding-right: 100px
}
.banner-container.banner-container--extra-wide-gutter {
padding-left: 180px;
padding-right: 180px
}
.banner-container.banner-container--max-gutter {
padding-left: 250px;
padding-right: 250px
}
.grid-2up.grid-2up--max-gutter,
.grid-3up.grid-3up--max-gutter,
.grid-4up.grid-4up--max-gutter,
.grid-6up.grid-6up--max-gutter {
margin-left: 250px !important;
margin-right: 250px !important
}
.grid-2up.grid-2up--wide-gutter,
.grid-3up.grid-3up--wide-gutter,
.grid-4up.grid-4up--wide-gutter,
.grid-6up.grid-6up--wide-gutter {
margin-left: 100px;
margin-right: 100px
}
.grid-2up.grid-2up--extra-wide-gutter,
.grid-3up.grid-3up--extra-wide-gutter,
.grid-4up.grid-4up--extra-wide-gutter,
.grid-6up.grid-6up--extra-wide-gutter {
margin-left: 180px;
margin-right: 180px
}
.grid-2up,
.grid-3up,
.grid-4up,
.grid-6up {
margin-left: 50px;
margin-right: 50px
}
@media (max-width: 1280px) {
.banner-container.banner-container--wide-gutter,
.wcm-copy-block.wcm-copy-block--wide-gutter {
padding-left: 60px !important;
padding-right: 60px !important
}
.grid-2up.grid-2up--wide-gutter,
.grid-3up.grid-3up--wide-gutter,
.grid-4up.grid-4up--wide-gutter,
.grid-6up.grid-6up--wide-gutter {
margin-left: 60px !important;
margin-right: 60px !important
}
.banner-container.banner-container--extra-wide-gutter,
.wcm-copy-block.wcm-copy-block--extra-wide-gutter {
padding-left: 120px !important;
padding-right: 120px !important
}
.grid-2up.grid-2up--extra-wide-gutter,
.grid-3up.grid-3up--extra-wide-gutter,
.grid-4up.grid-4up--extra-wide-gutter,
.grid-6up.grid-6up--extra-wide-gutter {
margin-left: 120px !important;
margin-right: 120px !important
}
.banner-container.banner-container--max-gutter {
padding-left: 220px !important;
padding-right: 220px !important
}
.grid-2up,
.grid-3up,
.grid-4up,
.grid-6up {
margin-left: 20px;
margin-right: 20px
}
.gutter--standard,
.gutterstd,
.table-wrapper {
padding: 0 20px !important
}
.gutter--wide,
.gutter--wider,
.table-wrapper.table--wide-gutter {
padding: 0 60px !important
}
.gutter--extra-wide,
.gutter--extra-wider,
.table-wrapper.table--extra-wide-gutter {
padding: 0 120px !important
}
.gutter--max,
.table-wrapper.table--max-gutter {
padding: 0 220px !important
}
.grid-2up.grid-2up--max-gutter,
.grid-3up.grid-3up--max-gutter,
.grid-4up.grid-4up--max-gutter,
.grid-6up.grid-6up--max-gutter {
margin-left: 220px !important;
margin-right: 220px !important
}
}
@media (max-width: 992px) {
.banner-container.banner-container--max-gutter {
padding-left: 120px !important;
padding-right: 120px !important
}
.gutter--max,
.table-wrapper.table--max-gutter {
padding: 0 120px !important
}
.grid-2up.grid-2up--max-gutter,
.grid-3up.grid-3up--max-gutter,
.grid-4up.grid-4up--max-gutter,
.grid-6up.grid-6up--max-gutter {
margin-left: 120px !important;
margin-right: 120px !important
}
}
@media (max-width: 850px) {
.banner-container.banner-container--extra-wide-gutter,
.banner-container.banner-container--max-gutter,
.gutter--max,
.wcm-copy-block.wcm-copy-block--extra-wide-gutter {
padding-left: 80px !important;
padding-right: 80px !important
}
.grid-2up.grid-2up--extra-wide-gutter,
.grid-2up.grid-2up--max-gutter,
.grid-3up.grid-3up--extra-wide-gutter,
.grid-3up.grid-3up--max-gutter,
.grid-4up.grid-4up--extra-wide-gutter,
.grid-4up.grid-4up--max-gutter,
.grid-6up.grid-6up--extra-wide-gutter,
.grid-6up.grid-6up--max-gutter {
margin-left: 80px !important;
margin-right: 80px !important
}
.gutter--extra-wide,
.gutter--extra-wider {
padding: 0 80px !important
}
}
@media (max-width: 544px) {
.banner-container.banner-container--extra-wide-gutter,
.banner-container.banner-container--max-gutter,
.banner-container.banner-container--wide-gutter,
.gutter--max,
.wcm-copy-block.wcm-copy-block--wide-gutter {
padding-left: 40px !important;
padding-right: 40px !important
}
.grid-2up.grid-2up--extra-wide-gutter,
.grid-2up.grid-2up--max-gutter,
.grid-2up.grid-2up--wide-gutter,
.grid-3up.grid-3up--extra-wide-gutter,
.grid-3up.grid-3up--max-gutter,
.grid-3up.grid-3up--wide-gutter,
.grid-4up.grid-4up--extra-wide-gutter,
.grid-4up.grid-4up--max-gutter,
.grid-4up.grid-4up--wide-gutter,
.grid-6up.grid-6up--extra-wide-gutter,
.grid-6up.grid-6up--max-gutter,
.grid-6up.grid-6up--wide-gutter {
margin-left: 40px !important;
margin-right: 40px !important
}
.grid-2up,
.grid-3up,
.grid-4up,
.grid-6up {
margin-left: 10px;
margin-right: 10px
}
.grid-3up>div {
padding-left: 0 !important;
padding-right: 0 !important;
width: 100%
}
}
.banner-container .pad-btm-20,
.banner-container.pad-btm-20 {
padding-bottom: 20px
}
.banner-container a:focus {
display: block !important;
outline: thin dotted orange;
outline-offset: 4px
}
.wcm-responsive .wcm-grid-container,
.wcm-skava .wcm-grid-container {
display: flex;
flex-direction: row;
flex-wrap: wrap
}
.wcm-responsive .wcm-grid-container .stacked,
.wcm-skava .wcm-grid-container .stacked {
display: block
}
.wcm-responsive .wcm-grid-container .stacked:last-child,
.wcm-skava .wcm-grid-container .stacked:last-child {
padding-bottom: 0 !important
}
.grid-2up,
.wcm-responsive .wcm-grid-container .stacked .pad-btm-10,
.wcm-responsive .wcm-grid-container .stacked.pad-btm-10,
.wcm-skava .wcm-grid-container .stacked .pad-btm-10,
.wcm-skava .wcm-grid-container .stacked.pad-btm-10 {
padding-bottom: 10px
}
@media (max-width: 849px) {
.column-reverse-sm {
flex-direction: column-reverse !important
}
.grid-2up>div:first-child {
padding-bottom: 20px
}
}
@media (max-width: 543px) {
.column-reverse-xs {
flex-direction: column-reverse !important
}
}
.grid-2up:after,
.grid-2up:before {
content: " ";
display: table;
width: 0
}
@media (min-width: 544px) {
.grid-2up>div {
float: left;
width: 100%
}
}
@media (min-width: 850px) {
.grid-2up>div:first-child {
padding-left: 0;
padding-right: 10px
}
.grid-2up>div:nth-child(2) {
padding-left: 10px;
padding-right: 0
}
}
.grid-2up.grid-2up--wide-gutter.grid-2up--no-gutter {
margin-left: 60px;
margin-right: 60px
}
@media (max-width: 849px) {
.grid-2up.grid-2up--no-row-spacing>div:first-child {
padding-bottom: 0
}
.grid-2up.grid-2up--wider-row-spacing>div:first-child {
padding-bottom: 40px
}
.grid-2up.grid-2up--wide-gutter.grid-2up--no-gutter {
margin-left: 50px;
margin-right: 50px
}
}
@media (max-width: 544px) {
.grid-2up.grid-2up--wide-gutter.grid-2up--no-gutter {
margin-left: 40px !important;
margin-right: 40px !important
}
}
.grid-2up.grid-2up--wide-gutter.grid-2up--wider-inner-gutter {
margin-left: 35px;
margin-right: 35px
}
@media (max-width: 849px) {
.grid-2up.grid-2up--wide-gutter.grid-2up--wider-inner-gutter {
margin-left: 25px !important;
margin-right: 25px !important
}
}
@media (max-width: 544px) {
.grid-2up.grid-2up--wide-gutter.grid-2up--wider-inner-gutter {
margin-left: 15px !important;
margin-right: 15px !important
}
}
.grid-2up.grid-2up--extra-wide-gutter.grid-2up--no-gutter {
margin-left: 120px;
margin-right: 120px
}
@media (max-width: 849px) {
.grid-2up.grid-2up--extra-wide-gutter.grid-2up--no-gutter {
margin-left: 70px;
margin-right: 70px
}
}
@media (max-width: 544px) {
.grid-2up.grid-2up--extra-wide-gutter.grid-2up--no-gutter {
margin-left: 40px;
margin-right: 40px
}
}
.grid-2up.grid-2up--extra-wide-gutter.grid-2up--wider-inner-gutter {
margin-left: 95px;
margin-right: 95px
}
@media (max-width: 849px) {
.grid-2up.grid-2up--extra-wide-gutter.grid-2up--wider-inner-gutter {
margin-left: 45px;
margin-right: 45px
}
}
@media (max-width: 544px) {
.grid-2up.grid-2up--extra-wide-gutter.grid-2up--wider-inner-gutter {
margin-left: 15px;
margin-right: 15px
}
}
@media (min-width: 850px) {
.grid-2up>div {
float: left;
width: 50%
}
.grid-2up.grid-2up--no-gutter>div {
float: left;
padding-left: 0;
padding-right: 0;
width: 50%
}
}
.grid-2up.grid-2up--wider-inner-gutter {
margin-left: -5px;
margin-right: -5px
}
.grid-2up.grid-2up--wider-inner-gutter>div {
padding-left: 25px;
padding-right: 25px;
width: 50%
}
@media (max-width: 849px) {
.grid-2up.grid-2up--wider-inner-gutter>div {
float: left;
min-height: 1px;
padding-left: 35px;
padding-right: 35px;
position: relative;
width: 100%
}
}
@media (max-width: 544px) {
.grid-2up.grid-2up--wider-inner-gutter>div {
float: left;
min-height: 1px;
padding-left: 25px;
padding-right: 25px;
position: relative;
width: 100%
}
.grid-2up.grid-2up--wider-inner-gutter {
margin-left: -15px;
margin-right: -15px
}
}
.grid-2up.grid-2up--no-outer-gutter,
.grid-2up.grid-2up--no-outer-gutter.grid-2up--no-gutter {
margin-left: 0;
margin-right: 0
}
.grid-2up.grid-2up--no-outer-gutter.grid-2up--wider-inner-gutter {
margin-left: -25px;
margin-right: -25px
}
@media (max-width: 849px) {
.grid-2up.grid-2up--no-outer-gutter.grid-2up--no-gutter>div,
.grid-2up.grid-2up--no-outer-gutter.grid-2up--wider-inner-gutter>div {
float: left;
min-height: 1px;
padding-left: 0;
padding-right: 0;
position: relative;
width: 100%
}
.grid-3up>div:first-child,
.grid-3up>div:nth-child(2) {
padding-bottom: 20px
}
}
.grid-2up.grid-2up--6634-up>div.grid-2up--66-up {
width: 66.6%
}
@media (max-width: 544px) {
.grid-2up.grid-2up--6634-up>div.grid-2up--66-up {
width: 100%
}
}
.grid-2up.grid-2up--6634-up>div.grid-2up--34-up {
width: 33.3%
}
@media (max-width: 544px) {
.grid-2up.grid-2up--6634-up>div.grid-2up--34-up {
width: 100%
}
}
.grid-2up.grid-2up--no-gutter>div.grid-2up--66-up {
width: 66%
}
@media (max-width: 544px) {
.grid-2up.grid-2up--no-gutter>div.grid-2up--66-up {
width: 100%
}
}
.grid-2up.grid-2up--no-gutter>div.grid-2up--34-up {
width: 34%
}
@media (max-width: 544px) {
.grid-2up.grid-2up--no-gutter>div.grid-2up--34-up {
width: 100%
}
}
.grid-2up.grid-2up--wider-inner-gutter>div.grid-2up--66-up {
width: 65%
}
@media (max-width: 544px) {
.grid-2up.grid-2up--wider-inner-gutter>div.grid-2up--66-up {
width: 100%
}
}
.grid-2up.grid-2up--wider-inner-gutter>div.grid-2up--34-up {
width: 35%
}
@media (max-width: 544px) {
.grid-2up.grid-2up--wider-inner-gutter>div.grid-2up--34-up {
width: 100%
}
}
.grid-2up.grid-2up--6040-up>div.grid-2up--60-up {
width: 59.6%
}
@media (max-width: 850px) {
.grid-2up.grid-2up--6040-up>div.grid-2up--60-up {
width: 100%
}
}
.grid-2up.grid-2up--6040-up>div.grid-2up--40-up {
width: 40.4%
}
@media (max-width: 850px) {
.grid-2up.grid-2up--6040-up>div.grid-2up--40-up {
width: 100%
}
}
.grid-2up.grid-2up--no-gutter>div.grid-2up--60-up {
width: 60%
}
@media (max-width: 850px) {
.grid-2up.grid-2up--no-gutter>div.grid-2up--60-up {
width: 100%
}
}
.grid-2up.grid-2up--no-gutter>div.grid-2up--40-up {
width: 40%
}
@media (max-width: 850px) {
.grid-2up.grid-2up--no-gutter>div.grid-2up--40-up {
width: 100%
}
}
.grid-2up.grid-2up--wider-inner-gutter>div.grid-2up--60-up {
width: 59%
}
@media (max-width: 850px) {
.grid-2up.grid-2up--wider-inner-gutter>div.grid-2up--60-up {
width: 100%
}
}
.grid-2up.grid-2up--wider-inner-gutter>div.grid-2up--40-up {
width: 41%
}
@media (max-width: 850px) {
.grid-2up.grid-2up--wider-inner-gutter>div.grid-2up--40-up {
width: 100%
}
}
.grid-2up-mobile {
display: inline-block;
padding-bottom: 10px;
width: 100%
}
.grid-2up-mobile .content-banner {
padding: 0
}
.grid-2up-mobile .row {
clear: none !important;
width: 50% !important
}
.grid-2up-mobile .row .span-12 {
padding-left: 10px;
padding-right: 10px
}
.grid-2up-mobile div:first-child {
float: left
}
.grid-2up-mobile div:last-child {
float: right
}
.grid-2up-mobile.grid-2up-mobile--no-inner-gutter div:first-child .span-12 {
padding-right: 0
}
.grid-2up-mobile.grid-2up-mobile--no-inner-gutter div:last-child .span-12,
.grid-2up-mobile.grid-2up-mobile--no-outer-gutter div:first-child .span-12 {
padding-left: 0
}
.grid-2up-mobile.grid-2up-mobile--no-outer-gutter div:last-child .span-12 {
padding-right: 0
}
.grid-2up-mobile.grid-2up-mobile--wider-inner-gutter div:first-child .span-12 {
padding-right: 25px
}
.grid-2up-mobile.grid-2up-mobile--wider-inner-gutter div:last-child .span-12 {
padding-left: 25px
}
.grid-2up-mobile.grid-2up-mobile--wider-outer-gutter div:first-child .span-12 {
padding-left: 40px
}
.grid-2up-mobile.grid-2up-mobile--wider-outer-gutter div:last-child .span-12 {
padding-right: 40px
}
.expandable-wrapper {
padding: 0 20px 10px
}
.expandable-wrapper.expandable--no-gutter {
padding: 0 0 10px
}
.expandable-wrapper.expandable--wider-gutter {
padding: 0 60px 10px
}
.expandable-wrapper.expandable--extra-wider-gutter {
padding: 0 120px 10px
}
.expandable-wrapper .expandable {
color: #000;
font-size: 14px;
line-height: 22px;
}
.expandable-wrapper .boxed.icon-minus-thin,
.expandable-wrapper .boxed.icon-plus-thin {
border: 1px solid #979797;
float: left;
font-size: 22px;
margin-right: 10px
}
.expandable-wrapper .content {
background: #efefef;
display: none;
margin-top: 15px
}
.expandable-wrapper .content>:first-child {
padding: 15px
}
.expandable-wrapper .content div p,
.expandable-wrapper .wcm-copy-block,
.expandable-wrapper .wcm-copy-block p {
margin: 0;
padding: 0
}
@media (max-width: 850px) {
.expandable-wrapper.expandable--extra-wider-gutter {
padding: 0 80px 10px !important
}
}
@media (max-width: 544px) {
.expandable-wrapper {
padding: 0 10px 10px !important
}
.expandable-wrapper.expandable--extra-wider-gutter,
.expandable-wrapper.expandable--wider-gutter {
padding: 0 40px 10px !important
}
}
.grid-2up .expandable-wrapper,
.grid-3up .expandable-wrapper,
.grid-4up .expandable-wrapper,
.grid-6up .expandable-wrapper {
padding: 0
}
.gutter--full {
padding: 0
}
.gutter--standard,
.gutterstd {
padding: 0 50px
}
.gutter--wide,
.gutter--wider {
padding: 0 100px
}
.wcm-copy-block.wcm-copy-block--wide-gutter {
padding-left: 100px;
padding-right: 100px
}
.gutter--extra-wide,
.gutter--extra-wider {
padding: 0 180px
}
.wcm-copy-block.wcm-copy-block--extra-wide-gutter {
padding-left: 180px;
padding-right: 180px
}
.gutter--max {
padding: 0 250px
}
@media (max-width: 544px) {
.gutter--extra-wide,
.gutter--extra-wider {
padding: 0 40px !important
}
.wcm-copy-block.wcm-copy-block--extra-wide-gutter {
padding-left: 40px !important;
padding-right: 40px !important
}
}
@media (min-width: 850px) {
.fea-only.wcm-desktop-only {
display: block
}
.fea-only.wcm-mobile-only {
display: none
}
}
.text-on-image {
position: relative
}
.text-on-image .desktop-img {
display: none
}
.text-on-image .mobile-img {
display: block
}
.text-on-image img {
height: 100%;
object-fit: cover;
width: 100%
}
.text-on-image .mobile-text {
color: #464749;
display: flex;
flex-direction: column;
left: 0;
margin: 0 15%;
position: relative;
text-align: center
}
.text-on-image .text {
display: inline-block;
left: 50%;
position: absolute;
text-align: center;
top: 50%;
-ms-transform: translate(-50%-50%);
transform: translate(-50%-50%)
}
.text-on-image .desktop-text {
display: none
}
@media screen and (min-width: 850px) {
.text-on-image .desktop-img,
.text-on-image .desktop-text {
display: block
}
.text-on-image .mobile-img,
.text-on-image .mobile-text {
display: none
}
.text-on-image span {
display: block !important
}
.text-on-image .desktop-text {
display: inline-block;
left: 10%;
margin: 0;
position: absolute;
right: 10%;
text-align: center
}
}
.wcm-copy-block-link {
display: flex;
flex-wrap: wrap;
justify-content: center
}
.wcm-copy-block #fs-h1,
.wcm-copy-block #fs-h2,
.wcm-copy-block #fs-h3,
.wcm-copy-block #fs-h4 {
font-family: inherit !important;
font-size: inherit !important;
font-weight: inherit !important
}
.story-title {
display: flex;
justify-content: center
}
.tile-text {
line-height: 1.2;
}
@media only screen and (min-width: 850px) {
.story-tile {
position: relative
}
.story-tile img {
transition: transform .6s
}
.story-tile:hover img {
transform: scale(1.05)
}
.tile-link,
.tile-text {
text-decoration: none
}
.tile-text {
bottom: 15px;
left: 22px;
margin: 0;
position: absolute
}
}
@media (max-width: 544px) {
.grid-2up.grid-2up--wider-inner-gutter {
margin-left: 0 !important;
margin-right: 0 !important
}
}
@media (max-width: 850px) {
.grid-3up.grid-3up--wider-inner-gutter>div {
width: 100%
}
.wrap-on_small_width {
flex-direction: column !important
}
.wrap-on_small_width>div {
align-self: center !important;
width: 100% !important
}
}
@media (min-width: 850px) {
.wcm-grid-container.grid-2up {
display: flex
}
#below_h1-false>div {
margin-top: 0
}
}
.wcm-copy-block-image>div>div>p:first-of-type {
margin-bottom: 0 !important
}
@media (max-width: 543px) {
.wcm-grid-container.grid-2up {
display: block
}
}
.wcm-copy-block p {
margin-bottom: 20px;
}
.wcm-copy-block #fs-h1,
.wcm-copy-block #fs-h2,
.wcm-copy-block #fs-h3,
.wcm-copy-block #fs-h4 {
font-size: inherit !important;
font-weight: inherit !important;
font-family: inherit !important;
}
.hs_tile_group {
max-width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
flex-wrap: nowrap;
text-align: center;
}
@media screen and (max-width: 750px) {
.hs_tile_group {
flex-wrap: wrap;
min-width: 350px;
}
}
.display-tile .wcm-copy-block {
display: flex;
flex-direction: column;
justify-content: start;
width: 100%
}
.display-tile>.wcm-copy-block>div:only-of-type {
position: relative;
top: 50%;
transform: translateY(-50%)
}
@media (max-width: 849px) {
.display-tile .wcm-copy-block {
margin-bottom: 20px
}
}
.gridv2-2up,
.wcm-grid-container.wcm-grid-v2 {
display: flex;
flex-flow: row wrap
}
.wcm-grid-v2.gridv2-single {
display: block
}
.gridv2-2up.gridv2-standard-inner-gutter,
.gridv2-3up.gridv2-standard-inner-gutter,
.gridv2-4up.gridv2-standard-inner-gutter {
column-gap: 20px
}
.gridv2-2up.gridv2-wider-inner-gutter,
.gridv2-3up.gridv2-wider-inner-gutter,
.gridv2-4up.gridv2-wider-inner-gutter {
column-gap: 50px
}
.gridv2-2up.gridv2-extra-wide-inner-gutter,
.gridv2-3up.gridv2-extra-wide-inner-gutter,
.gridv2-4up.gridv2-extra-wide-inner-gutter {
column-gap: 100px
}
.gridv2-2up.gridv2-standard-inner-gutter.grid-5050>div {
width: calc(50% - 10px)
}
.gridv2-2up.gridv2-wider-inner-gutter.grid-5050>div {
width: calc(50% - 25px)
}
.gridv2-2up.gridv2-extra-wide-inner-gutter.grid-5050>div {
width: calc(50% - 50px)
}
.gridv2-2up.gridv2-no-inner-gutter.grid-5050>div {
width: 50%
}
.wcm-grid-container.wcm-grid-v2>div {
margin-bottom: 10px
}
.wcm-grid-v2,
.wcm-promo-background-container {
margin: 0 50px
}
.wcm-grid-v2--wide-gutter {
margin: 0 100px
}
.wcm-grid-v2--no-outer-gutter {
margin: 0
}
.wcm-grid-v2--extra-wide-gutter {
margin: 0 180px
}
.wcm-grid-container.wcm-grid-v2.gridv2-no-row-spacing>div {
margin-bottom: 0
}
.wcm-grid-container.wcm-grid-v2.gridv2-wider-row-spacing>div {
margin-bottom: 50px
}
.wcm-grid-v2 .wcm-copy-block {
width: 100%
}
.gridv2-2up.gridv2-standard-inner-gutter .grid-60up {
width: calc(60% - 10px)
}
.gridv2-2up.gridv2-wider-inner-gutter .grid-60up {
width: calc(60% - 25px)
}
.gridv2-2up.gridv2-extra-wide-inner-gutter .grid-60up {
width: calc(60% - 50px)
}
.gridv2-2up.gridv2-standard-inner-gutter .grid-40up {
width: calc(40% - 10px)
}
.gridv2-2up.gridv2-wider-inner-gutter .grid-40up {
width: calc(40% - 25px)
}
.gridv2-2up.gridv2-extra-wide-inner-gutter .grid-40up {
width: calc(40% - 50px)
}
.gridv2-2up.gridv2-no-inner-gutter .grid-40up {
width: 40%
}
.gridv2-2up.gridv2-no-inner-gutter .grid-60up {
width: 60%
}
.gridv2-2up.gridv2-standard-inner-gutter .grid-66up {
width: calc(67% - 10px)
}
.gridv2-2up.gridv2-wider-inner-gutter .grid-66up {
width: calc(67% - 25px)
}
.gridv2-2up.gridv2-extra-wide-inner-gutter .grid-66up {
width: calc(67% - 50px)
}
.gridv2-2up.gridv2-standard-inner-gutter .grid-34up {
width: calc(33% - 10px)
}
.gridv2-2up.gridv2-wider-inner-gutter .grid-34up {
width: calc(33% - 25px)
}
.gridv2-2up.gridv2-extra-wide-inner-gutter .grid-34up {
width: calc(33% - 50px)
}
.gridv2-2up.gridv2-no-inner-gutter .grid-66up {
width: 67%
}
.gridv2-2up.gridv2-no-inner-gutter .grid-34up {
width: 33%
}
.gridv2-3up.gridv2-standard-inner-gutter .grid-50up {
width: calc(50% - 10px)
}
.gridv2-3up.gridv2-standard-inner-gutter .grid-50up.middle-col {
width: calc(50% - 20px)
}
.gridv2-3up.gridv2-wider-inner-gutter .grid-50up {
width: calc(50% - 25px)
}
.gridv2-3up.gridv2-extra-wide-inner-gutter .grid-50up,
.gridv2-3up.gridv2-wider-inner-gutter .grid-50up.middle-col {
width: calc(50% - 50px)
}
.gridv2-3up.gridv2-extra-wide-inner-gutter .grid-50up.middle-col {
width: calc(50% - 100px)
}
.gridv2-3up.gridv2-no-inner-gutter .grid-50up {
width: 50%
}
.gridv2-3up.gridv2-standard-inner-gutter.grid-33>div {
width: calc(33.3% - 13.3px)
}
.gridv2-3up.gridv2-wider-inner-gutter.grid-33>div {
width: calc(33.3% - 33.3px)
}
.gridv2-3up.gridv2-extra-wide-inner-gutter.grid-33>div {
width: calc(33.3% - 66.6px)
}
.gridv2-3up.gridv2-no-inner-gutter.grid-33>div {
width: 33.3%
}
.gridv2-3up.gridv2-standard-inner-gutter .grid-25up {
width: calc(25% - 10px)
}
.gridv2-4up.gridv2-standard-inner-gutter>div {
width: calc(25% - 15px)
}
.gridv2-3up.gridv2-standard-inner-gutter .grid-25up.middle-col {
width: calc(25% - 20px)
}
.gridv2-3up.gridv2-wider-inner-gutter .grid-25up {
width: calc(25% - 25px)
}
.gridv2-4up.gridv2-wider-inner-gutter>div {
width: calc(25% - 37.5px)
}
.gridv2-3up.gridv2-extra-wide-inner-gutter .grid-25up,
.gridv2-3up.gridv2-wider-inner-gutter .grid-25up.middle-col {
width: calc(25% - 50px)
}
.gridv2-4up.gridv2-extra-wide-inner-gutter>div {
width: calc(25% - 70px)
}
.gridv2-3up.gridv2-extra-wide-inner-gutter .grid-25up.middle-col {
width: calc(25% - 100px)
}
.gridv2-3up.gridv2-no-inner-gutter .grid-25up,
.gridv2-4up.gridv2-no-inner-gutter>div {
width: 25%
}
.grid-25up .gridv2-content-container .banner-container .wcm-banner-baked img,
.wcm-grid-v2 .grid-25up .gridv2-content-container .banner-container,
.wcm-grid-v2 .grid-25up .gridv2-content-container .banner-container .wcm-banner-baked {
height: 100% !important
}
@media (max-width: 1280px) {
.wcm-grid-v2,
.wcm-promo-background-container {
margin: 0 20px
}
.wcm-grid-v2--wide-gutter {
margin: 0 60px
}
.wcm-grid-v2--extra-wide-gutter {
margin: 0 120px
}
.wcm-grid-v2--no-outer-gutter {
margin-left: 0 !important;
margin-right: 0 !important
}
}
@media (max-width: 850px) {
.wcm-grid-v2--extra-wide-gutter {
margin: 0 80px
}
.wcm-grid-container.wcm-grid-v2.wrap-on_sm_width {
flex-direction: row
}
.wcm-grid-container.gridv2-2up>div,
.wcm-grid-container.gridv2-3up.wrap-on_sm_width>div {
width: 100% !important
}
.combine-25,
.gridv2-4up.wrap-on_sm_width {
flex-direction: row !important
}
.gridv2-4up.wrap-on_sm_width.gridv2-wider-inner-gutter>div,
.wcm-grid-container.gridv2-3up.wrap-on_sm_width.combine-25.gridv2-wider-inner-gutter>.grid-25up {
width: calc(50% - 25px) !important
}
.gridv2-4up.wrap-on_sm_width.gridv2-extra-wide-inner-gutter>div,
.wcm-grid-container.gridv2-3up.wrap-on_sm_width.combine-25.gridv2-extra-wide-inner-gutter>.grid-25up {
width: calc(50% - 100px) !important
}
.gridv2-4up.wrap-on_sm_width.gridv2-standard-inner-gutter>div,
.wcm-grid-container.gridv2-3up.wrap-on_sm_width.combine-25.gridv2-standard-inner-gutter>.grid-25up {
width: calc(50% - 10px) !important
}
.gridv2-4up.wrap-on_sm_width.gridv2-no-inner-gutter>div,
.wcm-grid-container.gridv2-3up.wrap-on_sm_width.combine-25.gridv2-no-inner-gutter>.grid-25up {
width: 50% !important
}
}
@media (max-width: 544px) {
.wcm-grid-container.wcm-grid-v2.wrap-on_xs_width {
flex-direction: column
}
.wcm-grid-container.gridv2-3up.wrap-on_xs_width>div {
width: 100% !important
}
.wcm-grid-v2,
.wcm-promo-background-container {
margin: 0 10px
}
.wcm-grid-v2--extra-wide-gutter,
.wcm-grid-v2--wide-gutter {
margin: 0 40px
}
.wcm-grid-container.gridv2-3up.wrap-on_xs_width.combine-25.gridv2-wider-inner-gutter>.grid-25up {
width: calc(50% - 25px) !important
}
.wcm-grid-container.gridv2-3up.wrap-on_xs_width.combine-25.gridv2-extra-wide-inner-gutter>.grid-25up {
width: calc(50% - 50px) !important
}
.wcm-grid-container.gridv2-3up.wrap-on_xs_width.combine-25.gridv2-standard-inner-gutter>.grid-25up {
width: calc(50% - 10px) !important
}
.wcm-grid-container.gridv2-3up.wrap-on_xs_width.combine-25.gridv2-no-inner-gutter>.grid-25up {
width: 50% !important
}
}
.full-height,
.full-height .stacked {
height: 100%
}
.valign-top {
align-items: flex-start
}
.valign-center,
.valign-top {
display: flex;
flex-direction: column
}
.valign-center {
align-items: center
}
.valign-bottom {
align-items: flex-end;
display: flex;
flex-direction: column
}
Men's
840 Items
CN¥ 220
{"sales":{"value":220,"currency":"CNY","formatted":"CN¥ 220","decimalPrice":"220"},"list":null}
4.7 out of 5 Customer Rating
CN¥ 365
{"sales":{"value":365,"currency":"CNY","formatted":"CN¥ 365","decimalPrice":"365"},"list":null}
3.5 out of 5 Customer Rating
CN¥ 565
{"sales":{"value":565,"currency":"CNY","formatted":"CN¥ 565","decimalPrice":"565"},"list":null}
4.3 out of 5 Customer Rating
CN¥ 270
{"sales":{"value":270,"currency":"CNY","formatted":"CN¥ 270","decimalPrice":"270"},"list":null}
5 out of 5 Customer Rating
CN¥ 365-CN¥ 445
4.3 out of 5 Customer Rating
CN¥ 565
{"sales":{"value":565,"currency":"CNY","formatted":"CN¥ 565","decimalPrice":"565"},"list":null}
3.8 out of 5 Customer Rating
CN¥ 890
{"sales":{"value":890,"currency":"CNY","formatted":"CN¥ 890","decimalPrice":"890"},"list":null}
4.7 out of 5 Customer Rating
CN¥ 565
{"sales":{"value":565,"currency":"CNY","formatted":"CN¥ 565","decimalPrice":"565"},"list":null}
5 out of 5 Customer Rating
CN¥ 565
{"sales":{"value":565,"currency":"CNY","formatted":"CN¥ 565","decimalPrice":"565"},"list":null}
3.5 out of 5 Customer Rating
CN¥ 445
{"sales":{"value":445,"currency":"CNY","formatted":"CN¥ 445","decimalPrice":"445"},"list":null}
4.6 out of 5 Customer Rating
CN¥ 1,500
{"sales":{"value":1500,"currency":"CNY","formatted":"CN¥ 1,500","decimalPrice":"1500"},"list":null}
4.7 out of 5 Customer Rating
CN¥ 565
{"sales":{"value":565,"currency":"CNY","formatted":"CN¥ 565","decimalPrice":"565"},"list":null}
3.8 out of 5 Customer Rating
CN¥ 810
{"sales":{"value":810,"currency":"CNY","formatted":"CN¥ 810","decimalPrice":"810"},"list":null}
3.5 out of 5 Customer Rating
CN¥ 275-CN¥ 365
5 out of 5 Customer Rating
CN¥ 890
{"sales":{"value":890,"currency":"CNY","formatted":"CN¥ 890","decimalPrice":"890"},"list":null}
5 out of 5 Customer Rating
CN¥ 300
{"sales":{"value":300,"currency":"CNY","formatted":"CN¥ 300","decimalPrice":"300"},"list":null}
3.2 out of 5 Customer Rating
CN¥ 325
{"sales":{"value":325,"currency":"CNY","formatted":"CN¥ 325","decimalPrice":"325"},"list":null}
3.5 out of 5 Customer Rating
CN¥ 890
{"sales":{"value":890,"currency":"CNY","formatted":"CN¥ 890","decimalPrice":"890"},"list":null}
3.7 out of 5 Customer Rating
CN¥ 565
{"sales":{"value":565,"currency":"CNY","formatted":"CN¥ 565","decimalPrice":"565"},"list":null}
4.6 out of 5 Customer Rating
CN¥ 365
{"sales":{"value":365,"currency":"CNY","formatted":"CN¥ 365","decimalPrice":"365"},"list":null}
3.1 out of 5 Customer Rating
CN¥ 615-CN¥ 730
5 out of 5 Customer Rating
CN¥ 485
{"sales":{"value":485,"currency":"CNY","formatted":"CN¥ 485","decimalPrice":"485"},"list":null}
3.4 out of 5 Customer Rating
CN¥ 970
{"sales":{"value":970,"currency":"CNY","formatted":"CN¥ 970","decimalPrice":"970"},"list":null}
3.6 out of 5 Customer Rating
CN¥ 190
{"sales":{"value":190,"currency":"CNY","formatted":"CN¥ 190","decimalPrice":"190"},"list":null}
4.5 out of 5 Customer Rating
CN¥ 810
{"sales":{"value":810,"currency":"CNY","formatted":"CN¥ 810","decimalPrice":"810"},"list":null}
3.8 out of 5 Customer Rating
CN¥ 565
{"sales":{"value":565,"currency":"CNY","formatted":"CN¥ 565","decimalPrice":"565"},"list":null}
3.6 out of 5 Customer Rating
CN¥ 405
{"sales":{"value":405,"currency":"CNY","formatted":"CN¥ 405","decimalPrice":"405"},"list":null}
4.6 out of 5 Customer Rating
CN¥ 565
{"sales":{"value":565,"currency":"CNY","formatted":"CN¥ 565","decimalPrice":"565"},"list":null}
3.7 out of 5 Customer Rating
CN¥ 565
{"sales":{"value":565,"currency":"CNY","formatted":"CN¥ 565","decimalPrice":"565"},"list":null}
5 out of 5 Customer Rating
CN¥ 445
{"sales":{"value":445,"currency":"CNY","formatted":"CN¥ 445","decimalPrice":"445"},"list":null}
CN¥ 730
{"sales":{"value":730,"currency":"CNY","formatted":"CN¥ 730","decimalPrice":"730"},"list":null}
5 out of 5 Customer Rating
CN¥ 605
{"sales":{"value":605,"currency":"CNY","formatted":"CN¥ 605","decimalPrice":"605"},"list":null}
UPF 50+
4.1 out of 5 Customer Rating
4 out of 5 Customer Rating
CN¥ 565
{"sales":{"value":565,"currency":"CNY","formatted":"CN¥ 565","decimalPrice":"565"},"list":null}
5 out of 5 Customer Rating
CN¥ 220
{"sales":{"value":220,"currency":"CNY","formatted":"CN¥ 220","decimalPrice":"220"},"list":null}
5 out of 5 Customer Rating
4 out of 5 Customer Rating
CN¥ 605
{"sales":{"value":605,"currency":"CNY","formatted":"CN¥ 605","decimalPrice":"605"},"list":null}
CN¥ 730
{"sales":{"value":730,"currency":"CNY","formatted":"CN¥ 730","decimalPrice":"730"},"list":null}
3.3 out of 5 Customer Rating
CN¥ 890
{"sales":{"value":890,"currency":"CNY","formatted":"CN¥ 890","decimalPrice":"890"},"list":null}
4.4 out of 5 Customer Rating
4.2 out of 5 Customer Rating
CN¥ 810
{"sales":{"value":810,"currency":"CNY","formatted":"CN¥ 810","decimalPrice":"810"},"list":null}
3.9 out of 5 Customer Rating
CN¥ 365
{"sales":{"value":365,"currency":"CNY","formatted":"CN¥ 365","decimalPrice":"365"},"list":null}
5 out of 5 Customer Rating
CN¥ 365
{"sales":{"value":365,"currency":"CNY","formatted":"CN¥ 365","decimalPrice":"365"},"list":null}
UPF 50+
3.8 out of 5 Customer Rating
CN¥ 565
{"sales":{"value":565,"currency":"CNY","formatted":"CN¥ 565","decimalPrice":"565"},"list":null}
4.3 out of 5 Customer Rating
CN¥ 405
{"sales":{"value":405,"currency":"CNY","formatted":"CN¥ 405","decimalPrice":"405"},"list":null}
4.8 out of 5 Customer Rating
CN¥ 550-CN¥ 685
4.8 out of 5 Customer Rating
