.maincontent{position:relative;max-width:100%}body,html{box-sizing:border-box;margin:0;padding:0;font-size:18px}.maincontent{max-width:100%;padding:0;margin:0}.maincontent_wrapper{padding-top:0}img{width:100%}.my-header{text-align:center;margin:2%}.divider-line{height:5px;width:30%;background-color:#d71921;clip-path:polygon(15% 0%,100% 0%,85% 100%,0% 100%);margin:0 auto}.my-hr{border:0;height:1px;background-image:-webkit-linear-gradient(left,#f0f0f0,#8c8b8b,#f0f0f0);background-image:-moz-linear-gradient(left,#f0f0f0,#8c8b8b,#f0f0f0);background-image:-ms-linear-gradient(left,#f0f0f0,#8c8b8b,#f0f0f0);background-image:-o-linear-gradient(left,#f0f0f0,#8c8b8b,#f0f0f0);max-width:70%;margin:2% auto}.shingles{padding:2%;margin:0 auto}.shingle-color-image img{height:150px;width:150px}.flex-group{display:flex;flex-direction:row;text-align:center;flex-wrap:wrap}.shingle-color-box{margin:5px}.shingle-type-description{max-width:600px;margin:0 auto}.card-image{max-width:600px}.shingle-type{margin:0 auto;text-align:center}.my-btn{border:1px solid #000;padding:10px 18px;margin-top:5px;color:#fff;background-color:#00f;display:inline-block;filter:drop-shadow(3px 3px 3px rgba(0,0,0,.3));transition:.3s}.my-btn:hover{color:#fff;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.3));transform:scale(.99);transition:.3s}.color-group{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;max-width:600px;margin:20px auto}.color-box{display:inline-block;max-width:300px;cursor:pointer}.shingle-swatch:hover{filter:brightness(1.75);transition:.3s}.shingle-swatch{transition:.3s;max-width:50px}.color-item{margin:5px}.color-item h4{margin-top:5px}#color-name{text-align:center}.color-item p{display:none}.card-overlay{position:relative;max-width:600px;margin:20px auto 0}.chosen-color{position:absolute;bottom:0;width:100%;left:0;background-color:#eee;padding-block:15px;margin:0}.card{background:#fff;border:2px solid #222;box-shadow:2px 0 17px 0 rgba(0,0,0,.75);transition:.5s}.card:hover{transform:translateY(-15px)}.card-body{padding:20px 20px 5px 20px;text-align:left}.card-title{margin-top:-35px}.card-title h3{font-weight:800;color:#d51111}.card-footer{padding:20px;text-align:left}.warrantySection{padding:0 2%}.warranty-body{border:1px solid #000;margin-top:20px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:1500px;margin:0 auto}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-width:1200px;margin:0 auto}.flex-group{display:grid;grid-template-columns:.65fr 1fr;margin:10px 0;padding:8px 3px}.flex-group:nth-child(even){background-color:#ececec}.flex-item:first-child{width:150px}.flex-item{text-align:left;font-weight:700}.flex-item p{font-weight:400}button.btn{font-size:16px;color:#d71920;font-weight:900;text-transform:uppercase;letter-spacing:2px;width:100%;text-align:left;outline:none;padding:20px;background:transparent;border:none}button.btn.collapsed:before{content:"+";float:right!important;padding-right:5px;font-size:35px;color:#000;margin-top:-20px;outline:none}button.btn:before{content:"-";float:right!important;padding-right:5px;font-size:35px;color:#000;margin-top:-20px;outline:none}.btn{white-space:inherit!important}h2.warranty-title.text-dark{text-decoration:none;color:#d71920;text-transform:uppercase;font-weight:900}a.warranty-link:hover{text-decoration:none;color:#000}.Qualifying-Shingles{border-top:2px solid #000;border-bottom:2px solid #000;margin:20px 0}.Qualifying-Shingles h4{font-size:16px;font-weight:800;width:80%;margin:20px auto}.astericks{border-bottom:2px solid #000}.astericks p{font-size:12px;color:#999;width:90%;margin:20px auto;text-align:left}.site_button{padding:16px 28px;border-radius:0;background:var(--accent-color);border:none;box-shadow:0 4px 5px -3px #333;transition:.5s;font-weight:bold;transition:ease-out .4s;margin-top:20px}@media (max-width:992px){.grid3{grid-template-columns:repeat(2,1fr)}.grid-col{margin:20px 0}a.btn.collapsed:before{margin-top:0!important}a.btn:before{margin-top:0!important}}@media (max-width:600px){.grid3{display:block}.grid2{display:block}}