@media (max-width: 767px){.pys__colors-carousel-container{flex-direction:column-reverse}}@media (max-width: 767px){.pys__colors-carousel-container .pys__colors-carousel-item .house1{background-position:96% 40% !important;background-size:218% !important}}@media (max-width: 767px){.pys__colors-carousel-container .slick-slider{width:100%;height:0;padding-top:63.15%;position:relative}}@media (max-width: 767px){.pys__colors-carousel-container .slick-slider .slick-list{position:absolute;top:0;width:100%}}.pys__colors-carousel-container .shingle-color-preview{height:0;width:40%;padding-top:40%}@media (max-width: 767px){.pys__colors-carousel-container .shingle-color-preview{width:100%;padding-top:63.15%}}@media (max-width: 767px){.pys__colors-carousel-container .shingle-color-preview .favorite-toggle{left:auto;top:auto;right:15px;bottom:15px}}.pdp-actions{margin:60px 0}@media (max-width: 767px){.pdp-actions{margin-top:0}}.pdp-hero{background-size:cover;background-position:center top;position:relative;max-width:400px;margin-right:-15px;margin-left:-15px;margin-top:0px;margin-bottom:3px}@media (min-width: 400px) and (max-width: 767px){.pdp-hero{margin-right:auto;margin-left:auto}}@media (min-width: 768px){.pdp-hero{max-width:768px;height:252px}}@media (min-width: 1200px){.pdp-hero{max-width:1340px;height:439px}}@media (max-width: 767px){.pdp-hero .mobile-height{height:100px}}.hero-content{background:white;padding-top:20px;padding-left:15px}@media (min-width: 400px) and (max-width: 767px){.hero-content{padding-left:0}}@media (min-width: 768px){.hero-content{position:absolute;left:0;bottom:0;width:369px;padding-top:20px;padding-bottom:15px;padding-left:18px}}@media (min-width: 1200px){.hero-content{width:655px;padding-top:30px;padding-bottom:25px;padding-left:85px}}.hero-content .h3{margin-bottom:0}.product-not-available-banner{background:black;color:white;max-width:400px;margin:25px auto;position:sticky;z-index:100;padding:14px 10px;display:flex;font-size:14px}@media (min-width: 768px){.product-not-available-banner{max-width:768px;display:block;padding:10px 15px;font-size:16px}.product-not-available-banner .banner-text{display:inline}}@media (max-width: 767px){.product-not-available-banner{top:125px;z-index:99}}@media (min-width: 768px){.product-not-available-banner{top:92px}}@media (min-width: 1200px){.product-not-available-banner{max-width:1170px}}.product-not-available-banner .fa{font-size:18px;margin-right:5px;position:relative;top:2px}.product-not-available-banner a{color:white;font-weight:700}.product-not-available-banner .banner-links{margin-top:10px}@media (min-width: 768px){.product-not-available-banner .banner-links{display:inline;margin-top:0}}.contractor-email-link:hover{cursor:pointer}.wca-banner{background-color:#E6E6E6;padding:15px;display:flex;flex-direction:column;align-items:center;position:relative}@media (min-width: 768px){.wca-banner{flex-direction:row;padding:15px 50px}}@media (min-width: 1200px){.wca-banner{padding:15px 100px}}.wca-banner .close{position:absolute;top:15px;right:15px;color:#333;font-size:40px;line-height:20px;font-weight:700}.wca-banner .close:hover{color:#D40F7D;cursor:pointer}.wca-banner .logo{width:177px;margin-bottom:15px}@media (min-width: 768px){.wca-banner .logo{margin-right:30px;margin-bottom:0}}.wca-banner .h5{margin-bottom:15px}@media (min-width: 768px){.wca-banner .h5{padding-right:30px}}@media (min-width: 1200px){.wca-banner .h5{padding-right:0}}.wca-banner p{margin:0;font-size:14px}@media (min-width: 1200px){.wca-banner p{font-size:16px}}@media (max-width: 767px){.pdp-features .heading-with-icons{margin-bottom:30px}.pdp-features .shingle-pdp-image img{display:block;margin:auto;max-width:85%}#related-items .related-item:nth-child(2){padding-right:0}#related-items .related-item .related-item__image{width:100%}}.oc-stickynav.discontinued:after{display:none}.pdp-discontinued{background-color:black;width:100%;padding:12px 20px;color:white;line-height:26px}.pdp-discontinued i{font-size:20px;position:relative;top:1px;padding-right:11px}.pdp-discontinued a{color:white;font-weight:bold}