@media (min-width: 768px){.surenail .hero-subpage{background-image:url(https://res.cloudinary.com/ocimages/image/upload/f_auto,q_60,w_1340/v1591380039/roofing/surenail/surenail-hero.jpg)}}@media (min-width: 768px) and (min-resolution: 2dppx){.surenail .hero-subpage{background-image:url(https://res.cloudinary.com/ocimages/image/upload/f_auto,q_30,w_2680/v1591380039/roofing/surenail/surenail-hero.jpg)}}.surenail .video-heading{margin-bottom:10px !important}.surenail .subhead{text-transform:capitalize;font-weight:700;font-size:16px;color:#333;display:block;margin:0 0 15px}@media (min-width: 768px){.surenail .vs-competitor-heading{margin-top:40px !important}}@media (min-width: 1200px){.surenail .vs-competitor-heading{margin-top:50px !important}}.surenail .performance-stats{list-style-type:none;margin:0;padding:0}.surenail .performance-stats .col{margin-bottom:35px}@media (min-width: 768px){.surenail .performance-stats .col:last-child{padding-left:0}}.surenail .performance-stats li{margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid black}.surenail .performance-stats li:last-child{border-bottom:none;padding-bottom:0}.surenail .performance-stats .stat-container{display:flex}@media (max-width: 767px){.surenail .performance-stats .stat-container.on-dark .stat img{width:90px}}.surenail .performance-stats .stat-container.on-dark .label{color:white;font-size:14px;padding-top:0}@media (max-width: 767px){.surenail .performance-stats .stat-container.on-dark .label{padding-right:10px}}@media (min-width: 1200px){.surenail .performance-stats .stat-container.on-dark .label{font-size:16px}}.surenail .performance-stats .stat-container.on-dark .label h3{color:white}.surenail .performance-stats .stat-container .stat{color:#d40f7d;font-size:24px;line-height:24px;text-transform:uppercase;font-family:"Oswald", sans-serif;padding-right:18px}@media (min-width: 768px) and (max-width: 1199px){.surenail .performance-stats .stat-container .stat{padding-right:12px}}.surenail .performance-stats .stat-container .stat span{font-size:62px;line-height:62px;display:block;margin-bottom:10px;margin-left:-2px}@media (min-width: 768px){.surenail .performance-stats .stat-container .stat span{font-size:68px;line-height:68px}}@media (min-width: 1200px){.surenail .performance-stats .stat-container .stat span{font-size:80px;line-height:80px}}.surenail .performance-stats .stat-container .stat img{width:105px}@media (min-width: 1200px){.surenail .performance-stats .stat-container .stat img{width:144px}}.surenail .performance-stats .stat-container .label{font-size:18px;line-height:18px;text-transform:uppercase;padding-top:8px;padding-right:0}@media (min-width: 768px){.surenail .performance-stats .stat-container .label{padding-top:20px}}@media (min-width: 1200px){.surenail .performance-stats .stat-container .label{padding-right:0px}}.surenail .performance-stats .stat-container .label h5{display:block;position:relative;margin-bottom:5px}@media (min-width: 1200px){.surenail .performance-stats .stat-container .label h5{font-size:28px}}.surenail .performance-stats .stat-container .label .more-info-button{position:relative;bottom:6px;display:inline;-webkit-appearance:none;border:0;padding:0;background:transparent;cursor:pointer;color:#6d6d6d;font-size:12px}@media (min-width: 1200px){.surenail .performance-stats .stat-container .label .more-info-button{font-size:16px;line-height:16px}}.surenail .performance-stats.attention-bar{margin-top:30px;padding-top:35px}.surenail .animation-container{max-width:570px;margin:15px auto 0}.surenail .animation-container video{margin-bottom:15px}@media (min-width: 768px){.surenail .more-great-options{width:611px}}@media (min-width: 1200px){.surenail .more-great-options{width:772px}}.surenail .more-info-modal{display:none;position:fixed;top:0;left:50%;transform:translateX(-50%);background:white;z-index:30;padding:55px 20px 20px 20px;width:100%}@media (min-width: 768px){.surenail .more-info-modal{top:25%;width:600px;padding:55px 40px 40px 40px}}.surenail .more-info-modal.active{display:block}.surenail .more-info-modal .title{font-size:22px}@media (min-width: 1200px){.surenail .more-info-modal .title{font-size:28px}}.surenail .more-info-modal .oc-content-and-image{margin-bottom:0}@media (max-width: 767px){.surenail .more-info-modal .oc-content-and-image{flex-direction:row}.surenail .more-info-modal .oc-content-and-image .img{padding-left:20px}}.surenail .more-info-modal .modal-close{position:absolute;z-index:100;font-size:34px;cursor:pointer;top:7px;right:19px;font-weight:700;color:black}.surenail .modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;display:none;background:rgba(0,0,0,0.75);z-index:20}.modal-open .surenail .modal-backdrop{display:block}.surenail .bg-black{background:black}