.productView{ padding-top: 1rem} hr{ width: 350px; height: 1px; background-color: #5e5e5e; margin: 7px 0} .productView-images{ margin-bottom: 3rem} .productView-image{ -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin: auto; position: relative} .productView-image+.productView-thumbnails{ margin-top: .78571rem} .productView-img-container{ position: relative; margin: auto; max-width: 500px; width: 100%} .productView-img-container img{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-height: 100%; width: auto; -o-object-fit: contain; object-fit: contain} .productView-img-container:after{ content: ''; display: block; height: 0; width: 100%; padding-bottom: 131.8%} .productView-thumbnails{ list-style: none; margin: 0 -.75rem; max-width: none; width: auto; margin-left: -.35714rem; margin-right: -.35714rem} .productView-thumbnails:after, .productView-thumbnails:before{ content: " "; display: table} .productView-thumbnails:after{ clear: both} .productView-thumbnails img{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-height: 50px; max-width: 50px; width: auto} .productView-thumbnail{ padding-left: .75rem; padding-right: .75rem; width: 25%; float: left; padding-left: .35714rem; padding-right: .35714rem; text-align: center} @media (min-width: 1261px){ .productView-thumbnail{ width: 20%}} .productView-thumbnail-link{ display: inline-block; height: 67px; max-width: 75px; padding: 2px; position: relative; text-align: center; width: 100%} .productView-details{ margin-bottom: 2rem} .productView-images{ padding-left: .75rem; padding-right: .75rem; width: 100%; float: left; padding-left: 1rem; padding-right: 1rem} .productView-details{ padding-left: .75rem; padding-right: .75rem; width: 100%; float: left; padding-left: 1rem; padding-right: 1rem} .productView-details{ margin-bottom: 2rem} @media (min-width: 801px){ .productView-product{ border-bottom: 1px solid #e5e5e5; padding-bottom: 2rem} .productView-image{ min-height: 366px; min-width: inherit} .productView-images{ width: 60%} .productView-details{ clear: right; float: right; width: 40%}} .productView-title{ font-size: 20px; margin: -.78571rem 0 .35714rem} @media (min-width: 801px){ .productView-title{ margin-top: 1.5rem}} @media (min-width: 1261px){ .productView-title{ font-size: 28px}} .top-short-description{ margin-top: 10px; margin-bottom: 20px; font-size: 15px; color: #5e5e5e; line-height: 24px; max-width: 380px} .top-short-description a{ color: #1d214f; text-decoration: none; font-family: latoitalic, Arial, sans-serif} .productView-price{ font-size: 15px; margin-bottom: .5rem} @media (min-width: 801px){ .productView-price{ font-size: 25px; margin-bottom: 1rem; display: -ms-flexbox; display: flex}} .productView-price .price-section--saving{ font-size: 15px} .productView-details .productView-price{ margin-bottom: 0} .pdpAccordion .accordionList{ margin: 0; width: 100%; border-top: 1px solid #5e5e5e; list-style: none} .pdpAccordion .accordionList .accordionListItem{ border-bottom: 1px solid #5e5e5e; overflow: hidden} .pdpAccordion .accordionList .accordionListItem .mainBlock{ padding: 14px 20px 14px 25px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; cursor: pointer} .pdpAccordion .accordionList .accordionListItem .mainBlock div{ font-size: 18px; font-family: latobold, arial, "sans-serif"; line-height: 32px; color: #182f6e; text-transform: uppercase} .pdpAccordion .accordionList .accordionListItem .mainBlock .arrow{ width: 30px} .pdpAccordion .accordionList .accordionListItem .mainBlock .arrow.rotate{ transform: rotate(180deg)} .pdpAccordion .accordionList .accordionListItem .hiddenBlock{ width: 100%; display: none} .pdpAccordion .accordionList .accordionListItem .hiddenBlock.show{ display: block} .pdpAccordion .accordionList .accordionListItem .hiddenBlock.features .featuresTitle{ color: #182f6e; text-align: center; font-family: lato_blackregular, Arial, sans-serif; font-size: 30px; line-height: 34px} .pdpAccordion .accordionList .accordionListItem .hiddenBlock.features .featuresList{ display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; margin-top: 30px} .pdpAccordion .accordionList .accordionListItem .hiddenBlock.features .featuresList ul{ margin: 0; width: 520px; list-style: none} .pdpAccordion .accordionList .accordionListItem .hiddenBlock.features .featuresList ul li{ display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: 94px; margin-bottom: 30px} .pdpAccordion .accordionList .accordionListItem .hiddenBlock.features .featuresList ul li .img{ width: 86px; height: 86px; display: -ms-flexbox; display: flex} .pdpAccordion .accordionList .accordionListItem .hiddenBlock.features .featuresList ul li .img img{ -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center} .pdpAccordion .accordionList .accordionListItem .hiddenBlock.features .featuresList ul li .content{ margin-left: 14px; width: 410px} .pdpAccordion .accordionList .accordionListItem .hiddenBlock.features .featuresList ul li .content .title{ font-family: latobold, arial, "sans-serif"; font-size: 16px; line-height: 18px; color: #182f6e; margin-bottom: 15px} .pdpAccordion .accordionList .accordionListItem .hiddenBlock.features .featuresList ul li .content .text{ font-family: latoregular, Arial, sans-serif; font-size: 16px; line-height: 24px; color: #5e5e5e} .pdpAccordion .accordionList .accordionListItem .hiddenBlock.features .bottomText{ font-family: latoregular, Arial, sans-serif; font-size: 16px; line-height: 24px; color: #5e5e5e; text-align: center} .pdpAccordion .accordionList .accordionListItem .hiddenBlock.description{ position: relative; height: 572px} .pdpAccordion .accordionList .accordionListItem .hiddenBlock.description .descriptionBckg{ width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; -o-object-position: left center; object-position: left center} .pdpAccordion .accordionList .accordionListItem .hiddenBlock.description .title-mobile{ font-family: lato_blackregular, Arial, sans-serif; color: #182f6e; margin-top: 40px; margin-bottom: 25px; max-width: 335px; font-size: 24px; line-height: 28px} .pdpAccordion .accordionList .accordionListItem .hiddenBlock.description .descriptionContent{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 53px 40px} .pdpAccordion .accordionList .accordionListItem .hiddenBlock.description .descriptionContent .title{ font-family: lato_blackregular, Arial, sans-serif; font-size: 30px; line-height: 34px; color: #182f6e; width: 500px; margin-bottom: 20px} .pdpAccordion .accordionList .accordionListItem .hiddenBlock.description .descriptionContent .text{ width: 500px; font-family: latoregular, Arial, sans-serif; font-size: 16px; line-height: 24px; margin-bottom: 10px; color: #5e5e5e} .pdpAccordion .accordionList .accordionListItem .hiddenBlock.description .descriptionContent .text.bottom{ margin-bottom: 0; padding-bottom: 20px} .pdpAccordion .accordionList .accordionListItem .hiddenBlock.compatibility{ padding: 26px 0 80px} .subscriptionInfo{ display: inline-block; width: 100%} .product{ overflow: hidden} #myHeader{ padding-left: 1rem; padding-right: 1rem; max-height: 650px; max-width: 590px; width: 100%; height: 100%; transition: all ease} .productView.redesign{ margin: 60px auto 80px; max-width: 1180px; padding: 0} .productView.redesign section.productView-details .productView-mobile-images{ display: block; max-width: 264px; max-height: 264px; margin: 0 auto 50px} .productView.redesign section.productView-details .productView-mobile-images .productView-thumbnail-link{ width: 100%; height: 100%; max-width: 100%; border: none; outline: 0; padding: 0} .productView.redesign section.productView-details .productView-mobile-images .productView-thumbnail-link img{ width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; outline: 0} .productView.redesign .productView-img-container img{ -o-object-fit: contain; object-fit: contain; margin: 0; width: 100%; height: auto} #stickyDesktop{ padding-left: 0; padding-right: 0}