.oc-filter-list{list-style:none;padding-left:0;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid black}.oc-filter-list li{margin-bottom:7px}.oc-filter-list li:last-child{margin-bottom:0}.oc-filter-list.border{border-bottom:1px solid black}.oc-filter-list.no-border{border-bottom:none}.oc-filter-list .hidden{display:none}.filter-fieldset{padding:0px;margin:0px;border:none}.filter-fieldset.hidden{display:none}.filter-fieldset:last-of-type .oc-filter-list{border-bottom:none}.filter-group .oc-filter-list{padding-bottom:0}.oc-filter-option{color:#000}.oc-filter-option label,.oc-filter-option span{display:flex;align-items:center}.oc-filter-option label input,.oc-filter-option label img,.oc-filter-option label label,.oc-filter-option span input,.oc-filter-option span img,.oc-filter-option span label{margin-right:10px;outline:none}.oc-filter-option span.label-text{width:100%}@media (min-width: 1200px){.oc-filter-option span.label-text{width:176px}}.oc-filter-option label{position:relative}.oc-filter-option label:hover{cursor:pointer}.oc-filter-option .label{background:#666;color:white;text-transform:uppercase;font-size:11px;line-height:16px;font-weight:700;padding:0 7px;border-radius:15px;margin-left:10px}.oc-filter-option .hidden{display:none}.oc-filter-option .disabled{color:#666;opacity:0.3}.oc-filter-option .disabled label:hover,.oc-filter-option .disabled input[type="checkbox"]:hover,.oc-filter-option .disabled .info-circle:hover{cursor:default}.oc-filter-option input[type="checkbox"]{-webkit-appearance:none;-moz-appearance:none;width:20px;min-width:20px;height:20px;border:1px solid #949494;margin-right:10px}.oc-filter-option input[type="checkbox"]:hover{cursor:pointer}.oc-filter-option input[type="checkbox"]:checked{border-color:#D40F7D;background-color:#D40F7D}.oc-filter-option input[type="checkbox"]:checked+.check{display:block}.oc-filter-option input[type="checkbox"]+.check{display:none;height:7px;width:13px;border-left:3px solid white;border-bottom:3px solid white;position:absolute;transform:rotate(-45deg);left:7.5px;top:8px}.oc-filter-option input[type="checkbox"].radio-input-style{border:1px solid #6d6d6d;border-radius:50%;height:16px;width:16px}.oc-filter-option input[type="checkbox"].radio-input-style:checked{background-color:white;border-color:#D40F7D}.oc-filter-option input[type="checkbox"].radio-input-style:checked+.check{background-color:#D40F7D;border:none;border-radius:50%;height:8px;left:10px;top:7px;transform:none;width:8px}.oc-filter-option .info-circle{background-color:#585858;border-radius:50%;outline:none;font-size:13px;color:white;width:14px;height:14px;font-family:Times New Roman;text-align:center;font-weight:700}.oc-filter-option .info-circle:before{content:'i';text-align:center;width:100%}.oc-filter-option .info-circle:hover{cursor:pointer;background-color:#D40F7D}.oc-filter-option .info-circle:focus{background-color:#D40F7D}.oc-modal{transform:translate3d(0, 100%, 0);position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;width:0;height:0;overflow-x:hidden;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .4s;display:flex;justify-content:center;align-items:center}.oc-modal:target,.oc-modal.active{transform:translate(0, 0);width:auto;height:auto;opacity:1;background:rgba(0,0,0,0.4);visibility:visible}.oc-modal:target .modal-body:not(:focus-within),.oc-modal.active .modal-body:not(:focus-within){background-color:#fffffe;transition:background-color 0.01s}.oc-modal .global-close{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;cursor:default}.oc-modal .modal-header{display:flex}.oc-modal .modal-header .close{float:none;margin-left:auto;font-size:34px}.oc-modal .close{color:black;font-size:34px;margin:15px;line-height:18px;padding:15px;font-weight:700;text-decoration:none;float:right;z-index:100;position:relative}.oc-modal .close:hover,.oc-modal .close:focus{color:#D40F7D}.oc-modal .close:focus{text-decoration:underline}.oc-modal .modal-heading{margin:24px 0 0 16px}.oc-modal .features-content{display:flex;flex-direction:column;width:100%;padding:15px}@media (min-width: 768px){.oc-modal .features-content{flex-direction:row-reverse;padding:0 16px 32px}}.oc-modal .features-content.reusable{flex-direction:column}.oc-modal .features-content .modal-img{width:40%;margin-bottom:16px}@media (min-width: 768px){.oc-modal .features-content .modal-img{margin:0 0 0 16px}}.oc-modal .features-content .modal-text{width:60%}.oc-modal .features-content .modal-subheading{font-size:16px;font-weight:bold;margin-top:0}@media (min-width: 768px){.oc-modal .modal-body.sm{width:600px}}@media (min-width: 768px){.oc-modal .modal-body.md{width:700px}}.oc-modal .modal-body .modal-content .heading{margin:8px 0 16px}.oc-modal .modal-body .modal-content .rjsfform h2:first-child{font-size:30px !important;margin-top:-40px}.oc-modal.no-target{transform:translate(0, 0);width:auto;height:auto;opacity:1;background:rgba(0,0,0,0.4);visibility:visible;overflow-y:hidden}.oc-modal.no-target .modal-body:not(:focus-within){background-color:#fffffe;transition:background-color 0.01s;max-height:calc(100vh - 48px)}@media (max-width: 767px){.oc-modal.no-target{width:100vw}}.oc-modal.no-borders .modal-content{padding:0}.oc-modal.gallery-modal a.close{color:white;text-shadow:2px 0px 12px rgba(0,0,0,0.85);text-decoration:none;position:absolute;right:0;font-size:36px;z-index:100;top:-10px}.oc-modal.gallery-modal .image-name{margin:32px}.oc-modal.gallery-modal img{width:100%}.oc-modal .modal-body{margin:2em auto;z-index:100;width:95%;overflow-x:hidden;background:white;box-shadow:0px 0px 20px rgba(0,0,0,0.75);position:relative}.oc-modal .modal-body .modal-content{padding:15px;max-height:calc(100vh - 48px)}.oc-modal .modal-body .modal-content .heading{margin-bottom:35px}.oc-modal .modal-body img{max-width:100%;margin:0 auto}.oc-modal .modal-body .cta-button+.cta-button{margin-top:15px}.oc-modal .modal-body hr{margin:15px 0}.oc-modal .modal-body:focus{outline-offset:2px;outline-color:#d40f7d;outline-style:solid;outline-width:2px}@media (min-width: 768px){.oc-modal .modal-body{width:600px;height:auto}.oc-modal .modal-body.sm{width:600px}}@media (min-width: 1200px){.oc-modal .modal-body{width:900px}}.oc-stickynav{background:white;padding:10px 15px 0;width:100%;position:-webkit-sticky;position:sticky;top:0;z-index:100;margin:0;overflow-y:hidden}@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){.oc-stickynav{position:relative}}@media (min-width: 768px){.oc-stickynav{border-bottom:2px solid black;padding:8px 0;margin-top:-20px;margin-bottom:0}.oc-stickynav:before{content:'';background:linear-gradient(to left, rgba(255,255,255,0) 0%, #fff 75%);position:absolute;left:0;top:0;height:100%;width:2%;z-index:10}.oc-stickynav:after{content:'';background:linear-gradient(to right, rgba(255,255,255,0) 0%, #fff 75%);position:absolute;right:0;top:0;height:100%;width:10%}}@media (min-width: 1200px){.oc-stickynav{margin-top:-30px}}.oc-stickynav .stickynav-container{display:flex;align-content:center;flex-direction:column;padding:0;margin:0 auto;max-width:400px;overflow-x:auto;-webkit-overflow-scrolling:touch;overflow-y:hidden}.oc-stickynav .stickynav-container::-webkit-scrollbar{width:0 !important}@media (min-width: 768px){.oc-stickynav .stickynav-container{flex-direction:row;max-width:800px;padding:30px 15px 15px}}@media (min-width: 1200px), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){.oc-stickynav .stickynav-container{max-width:1200px;padding:30px 15px}}.oc-stickynav .stickynav-container .cta-group{display:inline-flex;margin:0 auto 20px}@media (min-width: 768px){.oc-stickynav .stickynav-container .cta-group{margin:0 15px 0 0}}@media (min-width: 1200px){.oc-stickynav .stickynav-container .cta-group{margin:0 20px 0 0}}.oc-stickynav .stickynav-container .cta-group a.oc-cta-button{font-size:18px;min-width:220px;white-space:nowrap}.oc-stickynav .stickynav-container .cta-group a{align-items:center;display:inline-flex;justify-content:center;min-width:auto;padding:8px 16px;text-align:center;text-decoration:none}.oc-stickynav .stickynav-container .cta-group a:nth-child(2){margin:0 20px}.oc-stickynav .stickynav-container .cta-group a.favorites{min-width:auto}.oc-stickynav .stickynav-container .cta-group a.favorites i{color:#D40F7D}.oc-stickynav .stickynav-container .cta-group a.favorites span{display:none}@media (min-width: 768px){.oc-stickynav .stickynav-container .cta-group a.favorites span{display:block}}.oc-stickynav .stickynav-container .mobile-stickynav-header{display:block;background-color:#E6E6E6;padding:12px 30px;font-size:14px;color:black;text-transform:uppercase;margin-bottom:0;position:relative}.oc-stickynav .stickynav-container .mobile-stickynav-header:after{content:'\f078';font-family:'FontAwesome';position:absolute;right:15px;color:black}@media (min-width: 768px){.oc-stickynav .stickynav-container .mobile-stickynav-header{display:none}}.oc-stickynav .stickynav-container input[type=checkbox]{opacity:0;display:inline-block;height:0px}@media (max-width: 768px){.oc-stickynav .stickynav-container input[type=checkbox]:not(:checked) ~ .stickynav-links{display:none}}.oc-stickynav .stickynav-container input[type=checkbox]:checked ~ .stickynav-links{display:block;max-height:800px;transition:max-height 1s ease-in-out;border-bottom:1px solid #D5D5D5}.oc-stickynav .stickynav-container input[type=checkbox]:checked ~ label .mobile-stickynav-header{background-color:#585858;color:white}.oc-stickynav .stickynav-container input[type=checkbox]:checked ~ label .mobile-stickynav-header:after{content:'\f077';color:white}.oc-stickynav .stickynav-container .stickynav-links{list-style-type:none;margin:0;padding:0 35px 0 0;transition:max-height 0.5s cubic-bezier(0, 1, 0, 1);max-height:0;background:white;white-space:nowrap}@media (min-width: 768px){.oc-stickynav .stickynav-container .stickynav-links{display:flex;align-items:center;max-height:none;border:none !important}}.oc-stickynav .stickynav-container .stickynav-links li{display:block;margin:10px 0 10px 25px;z-index:1}@media (min-width: 768px){.oc-stickynav .stickynav-container .stickynav-links li{margin:0 3px;display:inline-block}.oc-stickynav .stickynav-container .stickynav-links li:first-child{margin-left:0}}@media (min-width: 1200px){.oc-stickynav .stickynav-container .stickynav-links li{margin:0 8px}}.oc-stickynav .stickynav-container .stickynav-links li a{color:#333;text-decoration:none;font-size:14px;padding:10px}@media (hover: hover){.oc-stickynav .stickynav-container .stickynav-links li a:hover{text-decoration:underline;color:#D40F7D;cursor:pointer}}.oc-stickynav .stickynav-container .stickynav-links li a:focus,.oc-stickynav .stickynav-container .stickynav-links li a:active{text-decoration:none}.oc-stickynav .stickynav-container .stickynav-links li a.active{color:#D40F7D}.oc-stickynav.non-sticky{border:none;z-index:0}.oc-stickynav.non-sticky .stickynav-container{flex-direction:column}@media (min-width: 1200px){.oc-stickynav.non-sticky .stickynav-container{flex-direction:row}}@media (max-width: 768px){.oc-stickynav.non-sticky .stickynav-container .cta-group{flex-direction:column}.oc-stickynav.non-sticky .stickynav-container .cta-group a:first-child{margin-bottom:15px}}@media (max-width: 1200px){.oc-stickynav.non-sticky .stickynav-container .cta-group{margin-bottom:20px;justify-content:center}}@media (max-width: 768px){.oc-stickynav.non-sticky .stickynav-container .stickynav-links{display:flex;max-height:none;padding:0;white-space:normal;flex-wrap:wrap}}@media (min-width: 768px){.oc-stickynav.non-sticky .stickynav-container .stickynav-links{justify-content:center}}@media (max-width: 768px){.oc-stickynav.non-sticky .stickynav-container .stickynav-links li{display:inline-block;margin:0 0 15px;width:50%;text-align:center}}.oc-stickynav.non-sticky .stickynav-container .stickynav-links li a{text-decoration:underline}.oc-stickynav.non-sticky .stickynav-container .stickynav-links li a:hover{text-decoration:none}.oc-gallery{display:flex;flex-wrap:wrap;margin-top:30px;margin-left:-15px;margin-right:-15px}.oc-gallery.center{justify-content:center}.oc-gallery .resource{flex-basis:100%;padding:0 15px;margin-bottom:15px}@media (min-width: 768px){.oc-gallery .resource{flex-basis:33.3333%;margin-bottom:30px}}@media (min-width: 1200px){.oc-gallery .resource{flex-basis:25%}}.oc-gallery .resource a{display:inline-block;position:relative;max-height:208.13px;overflow:hidden}@media (min-width: 768px){.oc-gallery .resource a{max-height:199.13px}}@media (min-width: 1200px){.oc-gallery .resource a{max-height:147.66px}}.oc-gallery .resource a:before{content:'';font-family:"fontawesome";color:white;font-size:25px;text-shadow:0 0 3px rgba(0,0,0,0.75);position:absolute;top:0;left:0;z-index:10;background:transparent;width:64px;height:64px;align-items:center;justify-content:center;display:flex}.oc-gallery .resource a:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:transparent}.oc-gallery .resource a:hover:before{color:#D40F7D;background:white;text-shadow:none;text-decoration:none}.oc-gallery .resource a:hover:after{background:rgba(212,15,125,0.5)}.oc-gallery .resource a.image{border:1px solid #e6e6e6}.oc-gallery .resource a.image:before{content:'\f0b2'}.oc-gallery .resource a.video{border:1px solid #e6e6e6}.oc-gallery .resource a.video:before{content:'\f03d'}@media (max-width: 1200px){.oc-gallery .resource a.video.ytimg{height:126px}}@media (max-width: 768px){.oc-gallery .resource a.video.ytimg{height:202px}}.oc-gallery .resource a img{width:100%}.oc-gallery .resource a img.ytimg{position:relative;top:-27px}@media (max-width: 1200px){.oc-gallery .resource a img.ytimg{top:-22px}}@media (max-width: 768px){.oc-gallery .resource a img.ytimg{position:relative;top:-38px}}.oc-gallery .resource p{margin:0;font-size:18px;color:#636769}.oc-gallery.list .resource{flex-basis:100%;margin-bottom:15px}.oc-gallery.list .resource:last-child{margin-bottom:0}.oc-gallery.gallery .resource{flex-basis:50%}.oc-gallery.gallery .resource a:before{font-size:18px;width:40px;height:40px}@media (min-width: 768px){.oc-gallery.gallery .resource{flex-basis:33.3333%}}@media (min-width: 1200px){.oc-gallery.gallery .resource{flex-basis:16.6%}.oc-gallery.gallery .resource a:before{font-size:18px;width:40px;height:40px}}@media (min-width: 768px){.oc-image-modal{max-width:600px}}@media (min-width: 1200px){.oc-image-modal{max-width:900px;width:auto !important}}.oc-image-modal img{width:100%}.oc-cta-button{align-items:center;background:#D40F7D;border:1px solid #D40F7D;color:#FFFFFF;cursor:pointer;display:inline-flex;font-family:"OCRoboto", sans-serif, sans-serif;font-size:18px;font-weight:400;justify-content:center;min-width:170px;overflow:hidden;padding:8px 16px;position:relative;text-align:center;text-decoration:none;transition:0.25s ease-in-out;z-index:1}@media (hover: none), (-moz-touch-enabled: 1){.oc-cta-button{transition:none}}@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){.oc-cta-button{line-height:35px}}.oc-cta-button:before{background-color:#FFFFFF;bottom:0;content:'';left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:0.25s ease-in-out;z-index:-1}@media (hover: none), (-moz-touch-enabled: 1){.oc-cta-button:before{transition:none}}.oc-cta-button:hover,.oc-cta-button:focus{color:#D40F7D;text-decoration:none}.oc-cta-button:hover:before,.oc-cta-button:focus:before{right:0;transform:translateX(0);transition:0.25s ease-in-out}@media (hover: none), (-moz-touch-enabled: 1){.oc-cta-button:hover:before,.oc-cta-button:focus:before{transition:none}}.oc-cta-button.black{background:black;border-color:white}.oc-cta-button.black:hover,.oc-cta-button.black:focus{color:black}.oc-cta-button.tenant-fleetwoodusa{background:#FFFFFF;border-color:black;color:black}.oc-cta-button.tenant-fleetwoodusa:before{background-color:#E6E6E6}.oc-cta-button.transparent{background:transparent;border-color:black;color:black}.oc-cta-button.transparent:before{background-color:black}.oc-cta-button.transparent:hover,.oc-cta-button.transparent:focus{color:white}.oc-cta-button.chevron-right{justify-content:space-between}.oc-cta-button.chevron-right:after{font-family:"icomoon";content:"";position:relative;display:block;align-self:center;margin-left:20px}.oc-cta-button .icon{margin-right:10px}.oc-cta-container{display:flex}.oc-card .oc-cta-container{margin:15px 0}.oc-cta-container.center{justify-content:center}.oc-cta-container.stacked{display:inline-flex;flex-direction:column}.oc-cta-container.stacked .oc-cta-button{margin-top:15px}.oc-cta-container.stacked .oc-cta-button:first-child{margin-top:0}.location-modal h2{margin:0;font-size:28px}.location-modal p{font-size:14px}.location-modal h3{margin:24px 0 4px;font-size:14px;font-family:OCRoboto}.location-modal hr{border-top:1px solid #E6E6E6;color:#E6E6E6;margin:16px 0 20px !important}.location-modal .location-modal-flags{display:flex;justify-content:space-around;flex-wrap:wrap;margin-bottom:20px}.location-modal .location-modal-flags::after{content:"";flex:auto}.location-modal .location-modal-flags .location-modal-flag-item{width:100%;margin-top:5px}@media (min-width: 768px){.location-modal .location-modal-flags .location-modal-flag-item{width:30%;margin:5px 1.665% 0}}.location-modal .location-modal-flags .location-modal-flag-item-box{cursor:pointer;border:1px solid #E0E0E0;padding:6px;display:flex;align-items:center;text-decoration:none;margin:1px 0}.location-modal .location-modal-flags .location-modal-flag-item-box img{margin:0}.location-modal .location-modal-flags .location-modal-flag-item-box .locale-language-code{text-transform:uppercase;font-weight:600}.location-modal .location-modal-flags .location-modal-flag-item-box .locale-description{margin-left:10px}.location-modal .location-modal-flags .location-modal-flag-item-box .locale-description .country{font-size:14px}.location-modal .location-modal-flags .location-modal-flag-item-box .locale-description .language{font-size:12px}.location-modal .location-modal-flags input[type=radio]:checked+.location-modal-flag-item-box{border:2px solid #000;padding-left:5px;margin:0}.location-modal input[type=radio]{opacity:0;display:block;height:0;margin:0}.location-modal .location-area .panther-img{float:right;height:129px;margin-top:-15px !important}@media (max-width: 400px){.location-modal .location-area .panther-img{display:none}}.location-modal .location-area label{font-size:14px;display:block;margin-bottom:5px;font-weight:bold}.location-modal .location-area input[type=text]{width:200px;padding-left:10px;height:30px;border:1px solid #e4e4e4;-webkit-appearance:none;padding-top:2px;outline:none;font-size:16px}.location-modal .location-area input[type=text]:focus{border:1px solid black}.location-modal .location-area .has-error{color:#B32524}.location-modal .location-area p.has-error{font-size:12px;margin:4px 10px}.location-modal .location-area input.has-error[type=text]{border-color:#B32524}.location-modal .location-area button[type=submit]{margin-top:20px;width:200px}.location-modal .modal-body{overflow-x:unset}.not-available-banner{background:black;color:white;max-width:400px;margin:0 auto;position:sticky;top:0;padding:14px 10px;display:flex;font-size:14px}@media (min-width: 768px){.not-available-banner{max-width:768px;display:block;padding:10px 15px;font-size:16px}.not-available-banner .banner-text{display:inline}}@media (min-width: 1200px){.not-available-banner{max-width:1170px}}.not-available-banner .fa{font-size:18px;margin-right:5px;position:relative;top:2px}.not-available-banner a{color:white;font-weight:700}.not-available-banner .banner-links{margin-top:10px}@media (min-width: 768px){.not-available-banner .banner-links{display:inline;margin-top:0}}@media (min-width: 768px){.hero-bg{background:url(https://imagecdn.owenscorning.com/ocimages/image/upload/f_auto/v1582827832/roofing/shingles/hero.jpg)}}.heading-container{display:flex;align-items:baseline}@media (min-width: 300px){.heading-container{margin-bottom:10px}}@media (min-width: 768px){.heading-container{margin-bottom:25px}}@media (min-width: 1200px){.heading-container{margin-bottom:-10px}}.heading-container h2{margin-right:15px;text-transform:uppercase;font-size:40px;margin-bottom:15px;line-height:42px;font-family:"Oswald", sans-serif}@media (max-width: 768px){.heading-container h2{font-size:32px;line-height:35px;margin-bottom:10px}}.heading-container .tab-toggle{display:none}@media (min-width: 1200px){.heading-container .tab-toggle{display:inline-flex}}@media (min-width: 1200px){.tablet-mobile-only{display:none !important}}@media (min-width: 1200px){.desktop-only{display:block}}.change-zip{-webkit-appearance:none;-moz-appearance:none;font-size:14px;border:0;cursor:pointer;text-decoration:underline}@media (max-width: 768px){.change-zip{margin-left:-12px}}.filter-trigger{font-size:18px;color:#636769;text-transform:uppercase}@media (min-width: 1200px){.filter-trigger{display:none}}.tab-toggle{display:inline-flex;margin-bottom:30px}@media (min-width: 768px){.tab-toggle{align-self:start;margin-left:auto;margin-bottom:0}}.tab-toggle .tab{display:flex;align-items:center;padding:8px;border:none;font-size:13px;text-transform:uppercase;color:#6D6D6D;border-bottom:1px solid #6D6D6D;background-color:transparent}.tab-toggle .tab:before{content:"";background-repeat:no-repeat;background-position:center;width:20px;height:20px;display:flex;margin-right:5px}.tab-toggle .tab:hover{background:#D40F7D;color:white;cursor:pointer}.tab-toggle .tab.active{color:#D40F7D;border-bottom:4px solid #D40F7D;padding-bottom:5px;background:white}.tab-toggle .tab.active:hover{cursor:default}.tab-toggle .tab.house:before{background-image:url(https://imagecdn.owenscorning.com/ocimages/image/upload/w_15/roofing/shingles/icons/tab-house.svg)}.tab-toggle .tab.house.active:before{background-image:url(https://imagecdn.owenscorning.com/ocimages/image/upload/w_15/roofing/shingles/icons/tab-house-pink.svg)}.tab-toggle .tab.house.active:hover:before{background-image:url(https://imagecdn.owenscorning.com/ocimages/image/upload/w_15/roofing/shingles/icons/tab-house-pink.svg)}.tab-toggle .tab.house:hover:before{background-image:url(https://imagecdn.owenscorning.com/ocimages/image/upload/w_15/roofing/shingles/icons/tab-house-white.svg)}.tab-toggle .tab.shingles:before{background-image:url(https://imagecdn.owenscorning.com/ocimages/image/upload/w_15/roofing/shingles/icons/tab-shingle-gray.svg)}.tab-toggle .tab.shingles.active:before{background-image:url(https://imagecdn.owenscorning.com/ocimages/image/upload/w_15/roofing/shingles/icons/tab-shingle-pink.svg)}.tab-toggle .tab.shingles.active:hover:before{background-image:url(https://imagecdn.owenscorning.com/ocimages/image/upload/w_15/roofing/shingles/icons/tab-shingle-pink.svg)}.tab-toggle .tab.shingles:hover:before{background-image:url(https://imagecdn.owenscorning.com/ocimages/image/upload/w_15/roofing/shingles/icons/tab-shingle-white.svg)}.filter-tab-container{flex-direction:column-reverse}@media (min-width: 768px){.filter-tab-container.phone-only{justify-content:space-between;align-items:center;flex-direction:row;margin-bottom:25px;display:table}}@media (min-width: 768px){.filter-tab-container.phone-only{display:none}}.filter-tab-container.tablet-only{display:none;margin-bottom:0px;scale:1.25}@media (min-width: 768px){.filter-tab-container.tablet-only{display:table}}@media (min-width: 1200px){.filter-tab-container.tablet-only{display:none}}.wca-banner{align-items:center;background-color:#E6E6E6;display:flex;flex-direction:column;padding:15px;position:relative}@media (min-width: 768px){.wca-banner{flex-direction:row}}@media (min-width: 1200px){.wca-banner{display:none}}.wca-banner .wca-image{margin-bottom:16px;width:177px}@media (min-width: 768px){.wca-banner .wca-image{margin-bottom:0;margin-right:30px}}.wca-banner p{margin:0}.filters-column{display:none}.filters-column .wca-container{display:inline-block;position:relative;width:100%}@media (max-width: 1200px){.filters-column .wca-container{display:none}}.filters-column .wca-container .wca-image{display:block;margin-bottom:16px;width:220px}.filters-column:target{background:white;padding:0px 15px 50px !important;display:block;position:fixed;left:0;bottom:0;margin-bottom:0;width:100vh;z-index:999998;overflow-y:scroll;max-width:100%;max-height:100%}.filters-column:target h2:not(.tablet-mobile-only){display:none}.filters-column .filters-checkboxes{padding-bottom:35px}@media (max-width: 1200px){.filters-column{width:100% !important}}@media (min-width: 1200px){.filters-column{display:block}}.filters-column .filter-sidebar-header{background:white;display:flex;top:0;z-index:100;width:100%;border-bottom:1px solid black;justify-content:space-between;position:sticky;margin-bottom:15px;padding-top:40px;padding-bottom:12px}@media (min-width: 1200px){.filters-column .filter-sidebar-header{margin-top:-100px;visibility:hidden}}.filters-column .filter-close-container{display:flex;flex-direction:row;position:sticky;top:0}.filters-column .filter-close-container .filter-close{font-size:30px;text-decoration:none;font-weight:700;padding-top:5px}.filters-column .filter-close-container .filter-close:hover{color:#D40F7D}@media (min-width: 1200px){.filters-column .filter-close-container .filter-close{display:none}}.filters-column .mobile-heading{padding-top:10px}@media (min-width: 1200px){.filters-column .filter-sidebar-row{display:none}}.filters-column fieldset{padding:0;margin:0;border:0;display:contents}@media (min-width: 1200px){.shingle-results{margin-top:42px}}.applied-filters-container{display:flex;margin:0 0 35px;align-items:center;flex-wrap:wrap}.applied-filters-container .applied-filter{-webkit-appearance:none;-moz-appearance:none;border:0;cursor:pointer;background-color:#D1D1D1;color:#333;font-size:15px;padding:5px 10px;margin-right:10px;text-transform:capitalize;margin-bottom:5px}.applied-filters-container .applied-filter .close{font-size:18px;color:black;margin-left:10px}.applied-filters-container .applied-filter:hover{background-color:#333;color:white;cursor:pointer}.applied-filters-container .applied-filter:hover .close{color:white}.reset-filter{-webkit-appearance:none;-moz-appearance:none;border:0;font-size:14px;text-decoration:underline;cursor:pointer;margin-left:-10px}.reset-filter:hover{color:#D40F7D;cursor:pointer}.reset-filter.small-screen{margin-left:5px}@media (min-width: 768px){.reset-filter.small-screen{display:none}}@media (max-width: 768px){.reset-filter.large-screen{display:none}}.reset-filter.filters-sidebar{margin-bottom:15px;padding-bottom:10px}.filter-control{border:none;position:fixed;bottom:0;left:0;background:white;width:100%;display:flex}@media (max-width: 767px){.filter-control{width:100%}}.filter-control .control{width:50%;font-size:18px;text-align:center;font-weight:700;padding:25px 15px;border:1px solid #E6E6E6;display:inline-block;text-decoration:none}@media (min-width: 768px){.filter-control .control{font-size:22px}}.filter-control .control:hover{color:white;background-color:#D40F7D;border-color:#D40F7D;cursor:pointer}@media (max-width: 1199px){.filter-control .control.apply-filter{background:#D40F7D;border-color:#D40F7D;color:white;padding:10px 25px}}.oc-icon{display:inline-flex;background-color:transparent}.oc-icon .icon{margin-right:5px;align-self:center;display:inline-flex}.oc-icon .icon:before{content:'';background-repeat:no-repeat;background-position:center;width:20px;height:20px;display:flex}.oc-icon .icon.favorite:before{background-image:url(https://imagecdn.owenscorning.com/ocimages/image/upload/w_20/v1574431477/roofing/shingles/icons/heart-no-fill.svg)}.oc-icon .icon.favorite-filled:before{background-image:url(https://imagecdn.owenscorning.com/ocimages/image/upload/w_20/v1574425240/roofing/shingles/icons/favorites-heart-filled-no-outline.svg)}.oc-icon .icon.location{margin-right:0px}.oc-icon .icon.location:before{background-image:url(https://imagecdn.owenscorning.com/ocimages/image/upload/w_20/v1574425240/roofing/shingles/icons/location.svg)}.oc-icon .icon.filters:before{background-image:url(https://imagecdn.owenscorning.com/ocimages/image/upload/w_20/v1574425240/roofing/shingles/icons/filters.svg)}.oc-icon .icon.reset:before{background-image:url(https://imagecdn.owenscorning.com/ocimages/image/upload/w_20/v1574425240/roofing/shingles/icons/reset.svg)}.gallery-section{background-color:#e6e6e6;margin:0 -15px;padding:40px 15px}.gallery-section .related-header{width:100%;margin-bottom:30px}@media (max-width: 768px){.gallery-section .related-header{margin-bottom:15px;margin-top:5px}}@media (min-width: 1200px){.gallery-section{margin:0;padding:70px}}.gallery-section h3{margin-bottom:31px}.zoom-modal.image-modal a.close{color:white;text-shadow:2px 0px 12px rgba(0,0,0,0.85);text-decoration:none}.zoom-modal.video-modal .modal-body{padding-top:50px}.zoom-modal.video-modal a.close{top:-14px;right:-14px}.zoom-modal a.close{position:absolute;right:0;font-size:36px;z-index:100;top:8px}.zoom-modal img{display:block}.gallery-preview-modal .image-name{margin:15px}@media (min-width: 1200px){.gallery-preview-modal .image-name{margin:32px}}.gallery-preview-modal .video-container{position:relative;height:0;padding-bottom:56.25%;margin:0 32px;margin-top:50px}.gallery-preview-modal .video-container>iframe{position:absolute;top:0;left:0;width:100%;height:100%}.pys__find-a-contractor{padding:64px 0;border-top:2px solid black}.pys__find-a-contractor .subtitle{font-size:21px;font-weight:bold;line-height:24px}.pys__find-a-contractor .contractor-cards{display:flex;flex-flow:row wrap;margin:0 0 30px}@media (min-width: 768px){.pys__find-a-contractor .contractor-cards{margin:0 -15px 30px}}.pys__find-a-contractor .contractor-cards .contractor-card{width:100%;padding:34px 0;border-bottom:1px solid black;display:flex}@media (min-width: 768px){.pys__find-a-contractor .contractor-cards .contractor-card{width:46%;margin:0 15px}}@media (min-width: 1200px){.pys__find-a-contractor .contractor-cards .contractor-card{width:47%}}.pys__find-a-contractor .contractor-cards .contractor-card .logo{width:70px;height:70px;display:block;object-fit:contain}.pys__find-a-contractor .contractor-cards .contractor-card .badges{display:flex;font-size:12px;margin:9px 0;align-items:center}.pys__find-a-contractor .contractor-cards .contractor-card .badges>img{margin-right:14px}.pys__find-a-contractor .contractor-cards .contractor-card .badges span{display:inline-block}.pys__find-a-contractor .contractor-cards .contractor-card .badges span+span{margin-left:5px}.pys__find-a-contractor .contractor-cards .contractor-card .badges .contractor-review .fac-star-three-quarter span,.pys__find-a-contractor .contractor-cards .contractor-card .badges .contractor-review .fac-star-one-quarter span{width:11px}.pys__find-a-contractor .contractor-cards .contractor-card .badges .contractor-review .fac-star-three-quarter span .star-icon,.pys__find-a-contractor .contractor-cards .contractor-card .badges .contractor-review .fac-star-one-quarter span .star-icon{width:10.5px;height:11px;position:relative;top:1.6px}.pys__find-a-contractor .contractor-cards .contractor-card .info{flex:auto;padding-left:16px}.pys__find-a-contractor .contractor-cards .contractor-card .info a{text-decoration:none}.pys__find-a-contractor .contractor-cards .contractor-card .info a.hover h6{text-decoration:underline}.pys__find-a-contractor .contractor-cards .contractor-card .info h6{font-size:19px;text-transform:capitalize}.pys__find-a-contractor .contractor-cards .contractor-card .info .contact-get-in-touch{font-size:14px}@media (max-width: 1199px){.pys__find-a-contractor .contractor-cards .contractor-card .info .request-quote{display:inline-block;margin-top:9px}}.pys__colors-carousel-container{display:flex;margin:35px 0}.pys__colors-carousel-container .slick-slider{width:60%}.pys__colors-carousel-container .slick-slider img{width:100%}.pys__colors-carousel-container .slick-slider .color-arrow{cursor:pointer;font-size:45px;color:white;text-shadow:0 1px 4px rgba(0,0,0,0.5);z-index:1;position:absolute;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}.pys__colors-carousel-container .slick-slider .color-arrow.previous-color{left:10px}.pys__colors-carousel-container .slick-slider .color-arrow.next-color{right:10px}.pys__colors-carousel-container .slick-slider .slick-list,.pys__colors-carousel-container .slick-slider .slick-list div{height:100%}.pys__colors-carousel-container .shingle-color-preview{position:relative;width:40%}.pys__colors-carousel-container .shingle-color-preview>img{display:block;width:100%}.pys__colors-carousel-container .shingle-color-preview .favorite-toggle{position:absolute;left:15px;top:15px;font-size:24px;color:white;cursor:pointer}@media (min-width: 768px){.pys__colors-carousel-container .shingle-color-preview .favorite-toggle{left:30px;top:30px;font-size:32px}}.pys__colors-carousel-container .pys__colors-carousel-item{position:relative}.pys__colors-carousel-container .pys__colors-carousel-item .house1{background-position:90% 35% !important;background-size:auto !important}.pys__colors-carousel-container .zoom-button{position:absolute;left:0;bottom:0;width:50px;height:50px;border:1px solid white;background-color:rgba(0,0,0,0.55);color:white;font-size:26px;text-decoration:none;display:flex;align-items:center;justify-content:space-around}.pys__help-with-color{display:flex;flex-direction:row;flex-wrap:wrap}@media (max-width: 767px){.pys__help-with-color{flex-direction:column}}.pys__help-with-color h2,.pys__help-with-color h3{width:100%}@media (max-width: 1199px){.pys__help-with-color h2,.pys__help-with-color h3{padding-bottom:20px}}.pys__help-with-color .help-with-color__visualize,.pys__help-with-color .help-with-color__inspiration{width:50%;padding-bottom:60px}@media (max-width: 767px){.pys__help-with-color .help-with-color__visualize,.pys__help-with-color .help-with-color__inspiration{width:100%;padding-bottom:30px}}.pys__help-with-color .help-with-color__visualize{padding-right:15px}.pys__help-with-color .help-with-color__inspiration{padding-left:15px}.pys__help-with-color .visualize__image,.pys__help-with-color .inspiration__image{align-items:flex-end;display:flex;height:364px;margin-bottom:30px;background-position:50% 50%;background-repeat:no-repeat;background-size:cover}@media (max-width: 1199px){.pys__help-with-color .visualize__image,.pys__help-with-color .inspiration__image{height:226px}}@media (max-width: 768px){.pys__help-with-color .visualize__image,.pys__help-with-color .inspiration__image{height:216px}}.pys__help-with-color .visualize__image img,.pys__help-with-color .inspiration__image img{width:100%}.pys__help-with-color .expert-help-image-wrapper{width:100vw;display:flex;min-width:calc(100% * 7/12);padding-bottom:30px}@media (min-width: 767px){.pys__help-with-color .expert-help-image-wrapper{margin:0px;width:100%;padding:0px}}.pys__help-with-color .expert-help-image-wrapper img{width:100%}.pys__help-with-color>div{padding-right:30px}#related-items{display:flex;flex-direction:row;flex-wrap:wrap;background:#e6e6e6;padding:4%}@media (max-width: 767px){#related-items{flex-direction:column}}#related-items h3{width:100%}@media (max-width: 1199px){#related-items h3{padding-bottom:20px}}#related-items .related-item{width:50%}@media (max-width: 767px){#related-items .related-item{width:100%;padding:0 0 30px 0}}#related-items .related-item h5{font-family:'Roboto Bold', sans-serif;font-size:24px;text-transform:none}#related-items .related-item:nth-child(2){padding-right:15px}#related-items .related-item__image{display:block;margin-bottom:30px;width:340px}@media (min-width: 1200px){#related-items .related-item__image{width:570px}}.pys__womens-choice-award{display:flex;flex-direction:row}@media (max-width: 767px){.pys__womens-choice-award{flex-direction:column}}.pys__womens-choice-award h5{margin-top:0;font-size:21px;line-height:2.7em;border-top:2px solid black;border-bottom:1px solid black}@media (max-width: 1199px){.pys__womens-choice-award h5{font-size:16px;margin-bottom:1em}}.pys__womens-choice-award .womens-choice-award__left{width:calc(100% * 1/3);padding-right:30px}@media (max-width: 767px){.pys__womens-choice-award .womens-choice-award__left{width:100%}.pys__womens-choice-award .womens-choice-award__left h5{text-align:center}}.pys__womens-choice-award .womens-choice-award__right{width:calc(100% * 2 / 3);background-size:cover;background-position:center center;height:425px;position:relative}@media (min-width: 767px){.pys__womens-choice-award .womens-choice-award__right img{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}}@media (max-width: 1199px){.pys__womens-choice-award .womens-choice-award__right{height:270px}.pys__womens-choice-award .womens-choice-award__right img{width:270px}}@media (max-width: 767px){.pys__womens-choice-award .womens-choice-award__right{height:auto;margin-top:30px}}.pys__notes{color:#333333;font-size:12px;line-height:18px}.pys__technical-information-container{display:flex;flex-direction:row}@media (max-width: 767px){.pys__technical-information-container{flex-direction:column}}@media (min-width: 768px) and (max-width: 1199px){.pys__technical-information-container{flex-wrap:wrap}}.pys__technical-information-container>div{padding-bottom:30px}@media (max-width: 767px){.pys__technical-characteristics{width:100%}}@media (min-width: 768px) and (max-width: 1199px){.pys__technical-characteristics{width:100%}}@media (min-width: 1200px){.pys__technical-characteristics{width:calc(100% * 5 / 12);padding-right:30px}}.pys__technical-characteristics table{width:100%;border-right:1px solid #BCBCBC;border-left:1px solid #BCBCBC}@media (min-width: 768px) and (max-width: 1199px){.pys__technical-characteristics table{width:60%}}.pys__technical-characteristics table td,.pys__technical-characteristics table th{text-align:left}@media (max-width: 767px){.pys__applicable-standards{width:100%}}@media (min-width: 768px) and (max-width: 1199px){.pys__applicable-standards{width:40%}}@media (min-width: 1200px){.pys__applicable-standards{width:calc(100% * 3 / 12)}}.pys__technical-documents{padding-left:30px}@media (max-width: 767px){.pys__technical-documents{width:100%;padding-left:0}}@media (min-width: 768px) and (max-width: 1199px){.pys__technical-documents{width:60%}}@media (min-width: 1200px){.pys__technical-documents{width:calc(100% * 4 / 12)}}.pdp-features .heading-with-icons{display:flex;flex-direction:column}@media (min-width: 768px){.pdp-features .heading-with-icons{flex-direction:row;align-items:center}}.pdp-features .heading-with-icons .icons{display:flex;margin-top:10px}@media (min-width: 768px){.pdp-features .heading-with-icons .icons{flex-direction:row;margin-top:0}}.pdp-features .heading-with-icons .icons img{height:20px;max-width:20px;margin:0 7px}.pdp-features .heading-with-icons .icons img:first-child{margin-left:0}@media (min-width: 768px){.pdp-features .heading-with-icons .icons img:first-child{margin-left:30px}}.pdp-features .feature-icon{display:flex;align-items:baseline}.pdp-features .feature-icon img{height:20px;max-width:25px;margin-right:10px}@media (min-width: 1200px){.pdp-features .feature-icon img{height:30px;max-width:35px}}.pdp-features .shingle-pdp-image img{width:470px;max-width:max-content}.pdp__divider{border-top:2px solid #000;display:block;margin:15px auto;max-width:400px}@media (min-width: 768px){.pdp__divider{margin:15px auto;max-width:400px}}@media (min-width: 1200px){.pdp__divider{margin:70px auto;max-width:1170px}}.skip-to-search-results{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;display:block}.skip-to-search-results:focus{position:static;width:auto;height:auto;margin:initial;clip:auto}.breadcrumbs-container{display:flex;justify-content:space-between}@media (min-width: 1200px){.breadcrumbs-container{margin:0 70px}}.header h4.posthead{font-family:"OCRoboto", sans-serif;color:#6D6D6D;font-size:18px;text-transform:uppercase;font-weight:normal}.feature-flags{position:absolute;top:0;right:0;width:100%;display:flex;justify-content:flex-end}.feature-flags .feature-flag{height:50px;width:auto;min-width:1px}.feature-flags .feature-flag:nth-child(2){margin-left:5px}.not-available-banner{margin-bottom:30px}