meta.foundation-mq-small {font-family: "only screen and (min-width: 768px)"; width: 48em;} meta.foundation-mq-medium {font-family: "only screen and (min-width: 960px)"; width: 60em;} meta.foundation-mq-large {font-family: "print, screen and (min-width: 80em)"; width: 80em;} #skiptocontent a:focus {position: absolute; left: 0px; top: 0px; outline-color: transparent; -webkit-transition: top .1s ease-in; transition: top .1s ease-in;} #skiptocontent a {padding: 6px; position: absolute; top: -40px; left: 0px; color: white; border-right: 1px solid white; border-bottom: 1px solid white; border-bottom-right-radius: 8px; background: #BF1722; -webkit-transition: top 1s ease-out; transition: top 1s ease-out; z-index: 100;} body.modal-open {overflow: hidden !important; height: 100%;} @media (max-width: 667px) {html.modal-open {overflow: hidden !important; height: 100%;}} .reveal-modal .section-title h5 {font-weight: 600; font-size: 16px; border-bottom: 1px solid #000; padding-bottom: 10px;} .reveal-modal .section-content {overflow-y: auto; max-height: 540px;} .reveal-modal .close-reveal-modal {padding: 0 5px 5px 10px; margin: 0; border: none; background-color: transparent;} .reveal-modal .close-reveal-modal:hover {color: #cf0a2c;} .reveal-modal .close-reveal-modal:focus {color: #cf0a2c;} .reveal-modal.full-modal {background-size: 100% 100% !important; background-repeat: no-repeat !important; height: 100% !important; top: 0px !important; left: 0px !important; margin: 0px 0px 0px 0px !important; width: 100%; max-height: 100%;} @media (max-width: 667px) {.reveal-modal {top: 1px !important; left: 0 !important; margin-left: 0; height: 100vh; width: 100vw; min-height: 100vh; overflow-y: scroll; -webkit-overflow-scrolling: touch;} .reveal-modal .section-content {max-height: 100%;}} #addToBagModal {padding: 1.375em 1.375em 2.375em;} #addToBagModal .section-title h5 {font-size: 24px; border-bottom: 0px; text-align: center; margin-bottom: 0px; padding-bottom: 0px;} #addToBagModal .section-title .added-to-bag-message {margin-bottom: 15px; line-height: 20px;} #addToBagModal .section-title .content-dev {text-align: center;} #addToBagModal .section-content {text-align: center;} #addToBagModal .section-content .btn-popup {height: 35px !important; top: 0px !important;} #addToBagModal .section-content .button-center {display: inline-block;} #addToBagModal .section-content .button-center button:nth-of-type(1) {margin-right: 10px;} #addToBagModal .section-content .button-center button:nth-of-type(2) {margin-left: 10px;} #addToBagModal .section-content .columns {float: none; margin: auto;} .leModal {padding: 1.375em 1.375em 2.375em;} .leModal .section-title {text-align: center; margin-bottom: 10px;} .leModal .section-title .title {font-size: 16px; border-bottom: 0px; text-align: center; margin-bottom: 0px; padding-bottom: 0px; font-weight: 500;} .leModal .section-title h3 {color: #a58520; text-transform: initial; font-size: 13px; font-weight: 400;} .leModal .section-title .content-dev {text-align: center;} .leModal .section-content {text-align: center;} .leModal .section-content .btn-popup {height: 35px !important; top: 0px !important;} .leModal .section-content .button-center {display: inline-block;} .leModal .section-content .button-center button:nth-of-type(1) {margin-right: 2px; width: 13em;} .leModal .section-content .button-center button:nth-of-type(2) {margin-left: 2px; width: 13em; padding: 7px;} .leModal .section-content .button-center a {margin-left: 2px; width: 13em; padding: 7px;} .leModal .section-content .columns {float: none; margin: auto;} #loyaltyLEModal section .loyalty-terms-conditions-join-rebrand p {font-size: 11px; text-align: center; margin-bottom: 0;} #loyaltyLEModal section .loyalty-terms-conditions-join-rebrand p a {color: #151415; text-decoration: underline;} #loyaltyLEModal section .loyalty-terms-conditions-join-rebrand p:nth-child(2) {display: none;} @media (max-width: 667px) {#addToBagModal {top: 20px !important; left: 20px !important; right: 20px !important; margin-left: 0 !important; margin-right: 0 !important; height: auto; width: auto !important; min-height: 1vh; padding: 1.375em 0 3em !important;} #addToBagModal .section-title h5 {font-size: 24px; margin-top: 30px; padding-bottom: 10px;} #addToBagModal .section-content .button-center button:nth-of-type(1) {margin-right: 0;} #addToBagModal .section-content .button-center button:nth-of-type(2) {margin-left: 0;} #addToBagModal .section-content .columns {float: none; margin: auto;} .leModal {top: 20px !important; left: 20px !important; right: 20px !important; margin-left: 0 !important; margin-right: 0 !important; height: auto; width: auto !important; min-height: 1vh; padding: 1.375em 1.375em 3em !important;} .leModal .section-title h5 {font-size: 24px; margin-top: 30px; padding-bottom: 10px;} .leModal .section-content {display: block;} .leModal .section-content .button-center button:nth-of-type(1) {width: 18em; margin-right: 0;} .leModal .section-content .button-center button:nth-of-type(2) {width: 18em; margin-left: 0;} .leModal .section-content .button-center a {width: 18em; margin-left: 0;} .leModal .section-content .columns {float: none; margin: auto;}} .secondary-navigation {display: none;} .customer-service-contact {display: none;} #wrapper.pt_customer-service #primary {width: 100%;} .pt_shoefinder {background-color: #F1F1F1; overflow-x: hidden;} .pt_shoefinder .welcome-banner .cta .begin {opacity: 0.5; cursor: wait; transition: opacity 1s ease-in;} .pt_shoefinder .welcome-banner .cta .begin.enabled {opacity: 1.0; cursor: pointer;} .pt_shoefinder .loader {display: none;} .pt_shoefinder .navbar .mobileLeft.reveal-shown {display: none;} .pt_shoefinder .progress-bar {display: none; position: fixed; left: 0; top: 0; z-index: 200; width: 100%; background-color: #383838; color: #fff;} @media print, only screen and (min-width: 48em) {.pt_shoefinder .progress-bar {top: 91px;}} .pt_shoefinder .progress-bar .progress-bar-inner {display: table; margin: 10px auto;} .pt_shoefinder .progress-bar .progress-bar-inner .progress-number {border: 2px solid white; border-radius: 12px; text-align: center; padding: 4px 5px; font-size: 14px; float: left;} .pt_shoefinder .progress-bar .progress-bar-inner .progress-number span {width: 10px; display: block;} @media print, only screen and (min-width: 48em) {.pt_shoefinder .progress-bar .progress-bar-inner .progress-number span {width: 11px;}} .pt_shoefinder .progress-bar .progress-bar-inner .progress-number.completed {cursor: pointer; background-color: #cf0a2c; border-color: #cf0a2c;} .pt_shoefinder .progress-bar .progress-bar-inner .progress-number.completed:hover {background-color: #99001b; border-color: #99001b;} .pt_shoefinder .progress-bar .progress-bar-inner .progress-number.completed:before {font-size: 11px;} .pt_shoefinder .progress-bar .progress-bar-inner .progress-number.current {border-color: #cf0a2c;} .pt_shoefinder .progress-bar .progress-bar-inner .progress-between {background-color: #fff; width: 40px; height: 3px; margin: 12px auto; float: left;} .pt_shoefinder .form-shoefinder {margin: 0;} .pt_shoefinder .recommender-container {position: relative; width: 100%;} .pt_shoefinder .recommender-main {display: none; overflow: hidden;} .pt_shoefinder .recommender-main .restart-button {cursor: pointer; text-transform: uppercase; font-size: 24px; text-align: center; font-weight: bold; margin: 0 auto 70px; display: table;} .pt_shoefinder .recommender-main .restart-button .restart-button-text {float: left;} .pt_shoefinder .recommender-main .restart-button .icon-kiosk_right_arrow {float: left; font-size: 14px; font-weight: bold; margin: 6px 0 0 6px;} .pt_shoefinder .recommender-main .recommender .question-group {margin-top: 7em;} .pt_shoefinder .recommender-main .recommender .question-group .question-group-title {display: none;} .pt_shoefinder .recommender-main .recommender .question-group .question-0 .question-title .question-title-text, .pt_shoefinder .recommender-main .recommender .question-group .question-2 .question-title .question-title-text, .pt_shoefinder .recommender-main .recommender .question-group .question-3 .question-title .question-title-text {width: 210px; display: inline-block;} @media print, only screen and (min-width: 48em) {.pt_shoefinder .recommender-main .recommender .question-group .question-0 .question-title .question-title-text, .pt_shoefinder .recommender-main .recommender .question-group .question-2 .question-title .question-title-text, .pt_shoefinder .recommender-main .recommender .question-group .question-3 .question-title .question-title-text {width: auto;}} .pt_shoefinder .recommender-main .recommender .question-group .question {text-align: center; display: none; margin-bottom: 6em;} .pt_shoefinder .recommender-main .recommender .question-group .question .shoefinder-help {cursor: pointer;} .pt_shoefinder .recommender-main .recommender .question-group .question .question-title {margin-bottom: 10px; font-size: 24px;} @media print, only screen and (min-width: 48em) {.pt_shoefinder .recommender-main .recommender .question-group .question .question-title {margin-bottom: 20px; font-size: 32px;}} .pt_shoefinder .recommender-main .recommender .question-group .question .question-title .question-index {display: none;} .pt_shoefinder .recommender-main .recommender .question-group .question .question-title .question-title-text {font-weight: bold;} .pt_shoefinder .recommender-main .recommender .question-group .question.slug-q-overpronate .question-options .question-choice .question-radio-button {width: 99px;} @media print, only screen and (min-width: 48em) {.pt_shoefinder .recommender-main .recommender .question-group .question.slug-q-overpronate .question-options .question-choice .question-radio-button {width: 155px;}} .pt_shoefinder .recommender-main .recommender .question-group .question .question-options {max-width: 1456px; margin: 0 auto; padding: 20px 0; background-color: #fff;} @media print, only screen and (min-width: 48em) {.pt_shoefinder .recommender-main .recommender .question-group .question .question-options:not(.multi-tile) {width: 55%;}} .pt_shoefinder .recommender-main .recommender .question-group .question .question-options .question-choice .description {margin: 10px auto 0; line-height: 1.5; width: 85%; height: 12vh; display: flex; align-items: center; justify-content: center; font-size: 14px;} @media print, only screen and (min-width: 48em) {.pt_shoefinder .recommender-main .recommender .question-group .question .question-options .question-choice .description {margin: 20px auto 0; height: 9vh; width: 90%; font-size: 16px;}} .pt_shoefinder .recommender-main .recommender .question-group .question .question-options .question-choice .question-radio-button {border-color: #000; border-width: 2px; border-radius: 30px; width: 155px; max-width: 45%; padding: 1em 0.8em;} .pt_shoefinder .recommender-main .recommender .question-group .question .question-options .question-choice .question-radio-button .button-text {width: 100%; display: block; font-weight: bold; text-transform: uppercase; font-size: 14px; color: #000; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .pt_shoefinder .recommender-main .recommender .question-group .question .question-options .question-choice .question-radio-button .button-text.icon-checkmark:before {display: none;} .pt_shoefinder .recommender-main .recommender .question-group .question .question-options .question-choice .question-radio-button:focus {outline: 1px solid; outline: auto -webkit-focus-ring-color; outline-color: #fff; border-color: #cf0a2c;} .pt_shoefinder .recommender-main .recommender .question-group .question .question-options .question-choice .question-radio-button.hover .button-text {font-family: inherit;} .pt_shoefinder .recommender-main .recommender .question-group .question .question-options .question-choice input:checked + label.question-radio-button {background-color: #BD2A34; border-color: #BD2A34; color: #fff; background-clip: border-box;} .pt_shoefinder .recommender-main .recommender .question-group .question .question-options .question-choice input:checked + label.question-radio-button .button-text {width: 100%; display: block; font-family: inherit; color: #fff; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} @media print, only screen and (min-width: 48em) {.pt_shoefinder .recommender-main .recommender .question-group .question .question-options .question-choice input:checked + label.question-radio-button .button-text {width: 110%;}} .pt_shoefinder .recommender-main .recommender .question-group .question .question-options .question-choice input:checked + label.question-radio-button .button-text.icon-checkmark:before {display: inline; color: #fff; font-size: 12px; font-weight: 100; margin: 0 10px 0 -20px;} .pt_shoefinder .recommender-main .recommender .question-group .question img {max-width: 100%; margin-top: 20px;} @media print, only screen and (min-width: 48em) {.pt_shoefinder .recommender-main .recommender .question-group .question:not(.multi-tile) img {width: 55%;}} .pt_shoefinder .recommender-main .recommender .question-group .question.multi-tile img {margin-top: 0;} .pt_shoefinder .recommender-main .recommender .question-group .question.multi-tile .question-options {width: 100%; text-align: center; background-color: transparent; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch;} .pt_shoefinder .recommender-main .recommender .question-group .question.multi-tile .question-options::-webkit-scrollbar {height: 5px; width: 5px; background-color: #fff;} .pt_shoefinder .recommender-main .recommender .question-group .question.multi-tile .question-options::-webkit-scrollbar-thumb {background-color: transparent; width: 0; height: 0; border-top: 5px solid #cf0a2c;} .pt_shoefinder .recommender-main .recommender .question-group .question.multi-tile .question-options::-webkit-scrollbar-track {background-color: #999;} .pt_shoefinder .recommender-main .recommender .question-group .question.multi-tile .question-choices {width: auto; display: flex;} .pt_shoefinder .recommender-main .recommender .question-group .question.multi-tile .question-choices:before, .pt_shoefinder .recommender-main .recommender .question-group .question.multi-tile .question-choices:after {content: ''; margin: auto;} .pt_shoefinder .recommender-main .recommender .question-group .question.multi-tile .question-choice {width: 383px; background-color: #fff; position: relative; display: inline-block; white-space: normal;} .pt_shoefinder .recommender-main .recommender .question-group .question.multi-tile .question-choice:not(:first-child) {margin-left: 10px;} @media only screen and (max-width: 450px) {.pt_shoefinder .recommender-main .recommender .question-group .question.multi-tile .question-choice {min-width: 80%;}} @media print, only screen and (min-width: 48em) {.pt_shoefinder .recommender-main .recommender .question-group .question.multi-tile .question-choice {margin: 0 20px 0; margin-right: 0; min-width: initial; max-width: 35vh;}} @media print, only screen and (min-width: 80em) {.pt_shoefinder .recommender-main .recommender .question-group .question.multi-tile .question-choice {margin: 0 40px 0;}} .pt_shoefinder .recommender-main .recommender .question-group .question.multi-tile .question-choice .question-radio-button {margin: 10px 0 20px; width: 190px; max-width: 97%;} @media print, only screen and (min-width: 48em) {.pt_shoefinder .recommender-main .recommender .question-group .question.multi-tile .question-choice .question-radio-button {margin: 20px 0 40px; max-width: 100%;}} .pt_shoefinder .recommender-main .recommender .question-group .question.multi-tile .question-choice .question-radio-button.checked {margin: 10px 0 20px;} @media print, only screen and (min-width: 48em) {.pt_shoefinder .recommender-main .recommender .question-group .question.multi-tile .question-choice .question-radio-button.checked {margin: 20px 0 40px;}} .pt_shoefinder .recommender-main .recommender .question-group-navigation {display: none;} .pt_shoefinder .recommender-main .recommender .shoefinder-help {display: block; font-size: 16px; color: #000; margin: 0 0 15px;} .pt_shoefinder .recommender-main .recommender .shoefinder-help::after {content: "?"; color: #000; width: 20px; height: 20px; border: 1px solid #000; border-radius: 50%; display: inline-block; font-size: 18px; margin-left: 10px;} .pt_shoefinder .recommender-main .recommender .recommendations {display: none; opacity: 0; transition: opacity 250ms ease-in;} .pt_shoefinder .recommender-main .recommender .recommendations.ready {opacity: 1.0;} .pt_shoefinder .recommender-main .recommender .recommendations .product-primary-header {font-weight: 700; font-size: 28px; margin: 30px 0;} .pt_shoefinder .recommender-main .recommender .recommendations .product-secondary-header {font-weight: 700; font-size: 26px; margin: 30px 0;} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products {margin-bottom: 5em;} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .noresults {font-size: 20px;} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .product {width: 50%; padding: 0 5px; min-height: 0; background-color: #fff;} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .product .left-column, .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .product .right-column {position: relative; float: none; width: 100%;} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .product .product-inner {padding: 0;} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .product h3 {text-align: center; font-weight: 500; margin-bottom: 0; margin-top: 0; font-size: 18px; text-transform: none; min-height: 52px; display: flex; align-items: center; justify-content: center;} @media print, only screen and (min-width: 48em) {.pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .product h3 {min-height: 0; margin-top: .5em;}} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .product h3 a {color: #000;} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .product .image-container {padding-bottom: 0; display: inline-flex;} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .product .image-container .image {width: 100%; height: 18vh; position: relative;} @media print, only screen and (min-width: 48em) {.pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .product .image-container .image {height: 14vh;}} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .product .price {text-align: center; margin-bottom: 0;} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .product .price .sales {color: #cf0a2c;} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .product .price .sales .reg {font-size: 12px; color: #000000; font-weight: 400; font-style: italic; text-decoration: line-through;} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .product .color-additional {font-size: 14px; color: #666; padding-bottom: 10px;} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .product:hover {border-color: #eee; cursor: pointer;} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .product + .product {margin-left: 5px;} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .product .reason {display: none;} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .secondary-container {display: flex; margin: 0 auto; width: 94%;} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .secondary-container .left-column {float: left; width: 100%;} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .secondary-container .left-column .image-container .image {background-size: cover; height: 17vh;} @media only screen and (min-width: 768px) and (max-width: 899px) {.pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .secondary-container .left-column .image-container .image {height: 115px;}} @media only screen and (min-width: 900px) and (max-width: 1150px) {.pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .secondary-container .left-column .image-container .image {height: 145px;}} @media only screen and (min-height: 1300px) {.pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .secondary-container .left-column .image-container .image {height: 14vh;}} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .secondary-container .right-column {display: none;} @media print, only screen and (min-width: 48em) {.pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .secondary-container {width: 80%; max-width: 1100px;} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .secondary-container .left-column {float: left; width: 50%; z-index: 100;} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .secondary-container .left-column h3 {display: none;} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .secondary-container .left-column .price {display: none;} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .secondary-container .right-column {display: block;} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .secondary-container .right-column h3 {font-size: 20px; margin-top: 10px;} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .secondary-container .right-column a.learn-more {margin-top: 10px; font-weight: 600; letter-spacing: 0.05em; background: none; border: 0; color: #cf0a2c; display: inline-block; font-size: 16px; min-width: 0; overflow: visible; padding: 0 0.5em 0 0; text-transform: uppercase;} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .secondary-container .right-column a.learn-more:hover {text-decoration: underline; color: #cf0a2c;} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .secondary-container .right-column a.learn-more:after {-webkit-transform: rotate(-45deg); border-bottom: 0.1em solid #cf0a2c; border-right: 0.1em solid #cf0a2c; content: ''; display: inline-block; height: 0.5em; left: 0.3em; position: relative; top: -0.1em; transform: rotate(-45deg); width: 0.5em;}} @media print, only screen and (min-width: 60em) {.pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .secondary-container .right-column h3 {margin-top: 30px;} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .secondary-container .right-column a.learn-more {margin-top: 25px;}} @media print, only screen and (min-width: 80em) {.pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .secondary-container .right-column h3 {margin-top: 30px;} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .secondary-container .right-column a.learn-more {margin-top: 4vh;}} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .secondary-container.single-product {width: 100%;} @media print, only screen and (min-width: 48em) {.pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .secondary-container.single-product {width: 40%; max-width: 550px;}} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .secondary-container.single-product .product {margin: 0 auto;} @media print, only screen and (min-width: 48em) {.pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .secondary-container.single-product .product {width: 100%; margin: 0 auto;}} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .product-first {width: 94%; max-width: 1100px;} @media print, only screen and (min-width: 48em) {.pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .product-first {width: 80%;} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .product-first .left-column {float: left; width: 55%;} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .product-first .right-column {float: right; width: 45%; margin: 0 0 0 20px;}} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .product-first:hover {cursor: initial;} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .product-first .product-inner {padding: 1.2em; display: block;} @media print, only screen and (min-width: 48em) {.pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .product-first .product-inner {display: flex; padding: 0 1.2em 1.2em;}} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .product-first .product-inner .image-container .image {height: 200px; background-size: cover;} @media print, only screen and (min-width: 48em) {.pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .product-first .product-inner .image-container .image {height: 265px;}} @media only screen and (min-width: 500px) and (max-width: 767px) {.pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .product-first .product-inner .image-container .image {height: 41vh;}} @media only screen and (min-width: 768px) and (max-width: 845px) {.pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .product-first .product-inner .image-container .image {height: 245px;}} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .product-first .product-inner h3 {text-align: center; font-size: 30px; text-transform: none; text-decoration: none;} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .product-first .product-inner h3 a {text-decoration: none; color: #000;} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .product-first .product-inner h3 a:hover {text-decoration: none;} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .product-first .product-inner h3 a:focus {text-decoration: none;} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .product-first .product-inner .color {margin-bottom: 5px;} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .product-first .product-inner .color .title {font-weight: 700;} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .product-first .product-inner .reason {display: block;} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .product-first .product-inner .reason .section-title {margin: 20px 0; font-size: 18px; font-weight: 700; text-transform: uppercase; padding: 0;} @media print, only screen and (min-width: 48em) {.pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .product-first .product-inner .reason .section-title br {display: none;}} @media print, only screen and (min-width: 48em) {.pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .product-first .product-inner .reason .section-title {padding: 0 20px 20px 0;}} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .product-first .product-inner .reason .section-toggle {display: none; color: #BD2A34; position: absolute; right: 0; top: 0px; cursor: pointer;} @media print, only screen and (min-width: 48em) {.pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .product-first .product-inner .reason .section-toggle {display: none;}} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .product-first .product-inner .reason .section-toggle.expand {display: none;} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .product-first .product-inner .reason ul {text-align: left; margin-left: 20px;} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .product-first .product-inner .reason ul li {list-style: disc; padding-bottom: 14px; line-height: 17px;} @media print, only screen and (min-width: 48em) {.pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .product-first .product-inner .reason ul {min-height: 200px;}} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .product-first .product-inner a.learn-more {display: block; width: 100%; height: 46px; background-color: #cf0a2c; color: #fff; padding: 8px 20px; font-size: 17px; text-transform: uppercase; font-weight: 700; line-height: 30px; letter-spacing: 0.05em;} @media print, only screen and (min-width: 48em) {.pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .product-first .product-inner a.learn-more {bottom: 0;}} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .product-first .product-inner .icon-kiosk_right_arrow {display: none;} .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .product-first .product-inner .right-column h3, .pt_shoefinder .recommender-main .recommender .recommendations .recommender-products .product-first .product-inner .right-column .price {display: none;} .pt_shoefinder .recommender-main .recommender .skeleton-container {display: none; width: 94%; margin: 0 auto; min-height: 340px; background-color: #fff; padding: 20px; margin-bottom: 550px;} @media print, only screen and (min-width: 48em) {.pt_shoefinder .recommender-main .recommender .skeleton-container {width: 80%; max-width: 1100px;}} .pt_shoefinder .recommender-main .recommender .skeleton-container .left-column {width: 100%; float: none;} @media print, only screen and (min-width: 48em) {.pt_shoefinder .recommender-main .recommender .skeleton-container .left-column {float: left; width: 50%; margin-right: 20px;}} .pt_shoefinder .recommender-main .recommender .skeleton-container .left-column .skeleton-box:nth-child(1) {width: 210px; height: 50px;} .pt_shoefinder .recommender-main .recommender .skeleton-container .left-column .skeleton-box:nth-child(2) {width: 75px; height: 25px; margin: 10px auto;} .pt_shoefinder .recommender-main .recommender .skeleton-container .left-column .skeleton-box:nth-child(3) {height: 200px;} .pt_shoefinder .recommender-main .recommender .skeleton-container .right-column {width: 100%; float: none;} @media print, only screen and (min-width: 48em) {.pt_shoefinder .recommender-main .recommender .skeleton-container .right-column {float: right; width: 45%;}} .pt_shoefinder .recommender-main .recommender .skeleton-container .right-column .skeleton-box {margin-top: 20px;} .pt_shoefinder .recommender-main .recommender .skeleton-container .right-column .skeleton-box:nth-child(5) {height: 46px; margin-top: 80px;} .pt_shoefinder .recommender-main .recommender .skeleton-container .skeleton-box {margin: 0 auto; position: relative; width: 100%; height: 20px; display: block; animation-duration: 0.8s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: loading; animation-timing-function: linear; background: #f8f8f8; background: linear-gradient(to right, #f0f0f0 8%, #f0f0f0 38%, #f8f8f8 54%); background-size: 1000px 640px;} .shoefinder .back-to-top {display: none !important;} .shoefinder.modal-open {height: auto !important;} .shoefinder .help-modals {background-color: #f1f1f1; margin: 0; left: 0 !important; top: 0 !important; width: 100%; padding-top: 0; max-height: none; display: none; position: fixed;} @media print, only screen and (min-width: 48em) {.shoefinder .help-modals {top: 70px !important;}} @media only screen and (orientation: landscape) and (max-width: 767px) {.shoefinder .help-modals {height: 2160px; overflow-y: scroll;}} .shoefinder .help-modals .close-bar {width: 100%; padding: 26px 0; background-color: #fff; text-align: center;} @media print, only screen and (min-width: 48em) {.shoefinder .help-modals .close-bar {padding: 30px 0;}} .shoefinder .help-modals .close-bar .close-bar-content {display: inline-block; width: 75%;} @media print, only screen and (min-width: 48em) {.shoefinder .help-modals .close-bar .close-bar-content {width: 39%;}} .shoefinder .help-modals .close-bar .close-bar-content span {font-weight: bold; vertical-align: text-bottom;} .shoefinder .help-modals .close-bar .close-bar-content .icon-close {float: right; font-size: 32px; color: #cf0a2c; margin-top: -5px; cursor: pointer;} .shoefinder .help-modals .content-dev {margin: 0 0 40px;} @media print, only screen and (min-width: 48em) {.shoefinder .help-modals .content-dev {margin: 0 50px 50px; height: auto;}} @media only screen and (orientation: landscape) and (max-width: 767px) {.shoefinder .help-modals .content-dev {height: 2400px;}} .pt_shoefinder .pwr-desktop, .pt_shoefinder .pwr-mobile, .pt_shoefinder .gender, .pt_shoefinder .color, .pt_shoefinder .features, .pt_shoefinder .swiper-container {display: none;}