:root{--h1:32px;--h2:32px;--h3:24px;--h4:18px;--p:16px;--primary:#263e86;--secondary:#fecc32;--primary-light:#093145;--black:#000;--white:#fff;--font:"Roboto Condensed",sans-serif;--paragraph-font:"Rubik",sans-serif;}a{text-decoration:none;color:var(--primary);}*{padding:0;margin:0;box-sizing:border-box;}ul{padding:0px;margin:0px;list-style-type:none;}ul.theme li{display:flex;align-items:center;gap:10px;margin-bottom:10px;}ul.theme li:before{content:url("https://africkerroofing.com/nitropack_static/uoxwHhWhDSrTlgamaLqzRophzKFchpVX/assets/images/optimized/rev-abe0c0d/africkerroofing.com/wp-content/uploads/2022/04/Vector-6.svg");}body{padding:0px;margin:0px;font-family:var(--font);}main{margin-top:95px;}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;display:block;}@media (min-width:768px){.container{width:750px;}}@media (min-width:992px){.container{width:960px;}}@media (min-width:1200px){.container{width:1150px;}}@media (min-width:1400px){.container{width:1150px;}}h1,h2,h3,h4,h5,h6{font-family:"Roboto Condensed",sans-serif;}.theme-heading{position:relative;display:inline-flex;width:fit-content;margin-bottom:15px;align-items:center;gap:10px;}.theme-heading h1,.theme-heading h2,.theme-heading h3,.theme-heading h4,.theme-heading h5,.theme-heading h6{text-transform:uppercase;font-family:"Roboto Condensed",sans-serif;}.theme-heading.plain::before{display:none;}.theme-heading.plain::after{display:none;}.theme-heading.text-center{display:flex;margin:0px auto 15px;}.seperator{position:relative;left:0px;background-color:var(--primary);height:5px;width:100px;overflow:hidden;margin-bottom:15px;}.seperator.center{margin:0px auto;margin-bottom:15px;}.seperator:after{content:"";position:absolute;left:0px;bottom:0px;background-color:var(--secondary);height:5px;width:50px;animation:seperator 3s ease-in-out 0s infinite both alternate;}@keyframes seperator{0%{transform:translateX(-100%);}100%{transform:translateX(200%);}}.text-white{color:var(--white);}.text-primary{color:var(--primary);}.text-black{color:var(--black);}.text-secondary{color:var(--secondary);}.bg-primary{background-color:var(--primary);}.bg-secondary{background-color:var(--secondary);}.bg-white{background-color:var(--white);}.bg-black{background-color:var(--black);}.text-center{text-align:center;}.text-left{text-align:left;}.text-right{text-align:right;}h1{font-size:var(--h1);}h2{font-size:var(--h2);}h3{font-size:var(--h3);}h4{font-size:var(--h4);}h5{font-size:var(--h5);}h6{font-size:var(--h6);}p{font-size:var(--p);line-height:140%;font-weight:500;font-family:var(--paragraph-font);}p strong{font-weight:bold;}p.sub-heading{font-weight:600;margin:10px 0px;position:relative;}p.sub-heading.underline:before{content:"";position:absolute;border-bottom:2px solid var(--secondary);bottom:-5px;width:100%;left:0px;}section{position:relative;padding:75px 0px;display:flex;justify-content:center;align-items:center;background-size:cover;background-position:center;background-repeat:no-repeat;}section.dark{color:var(--white);}section.light{color:var(--black);}section.min-height{min-height:calc(100vh - 120px);}.btn-primary{background-color:var(--primary);padding:10px 30px;text-transform:uppercase;display:inline-block;color:var(--secondary);font-weight:bold;text-align:center;width:fit-content;position:relative;vertical-align:middle;margin-top:15px;transition:all .3s ease;transform:translateY(0px);}.btn-primary:hover{transform:translateY(-5px);}.btn-primary:hover:before{opacity:1;}.btn-primary.full{display:block;width:100%;}.btn-primary.center{margin:0px auto;display:block;}.btn-primary:before{pointer-events:none;position:absolute;z-index:-1;content:"";top:100%;left:5%;height:10px;width:90%;opacity:0;background:radial-gradient(50% 50% at 50% 50%,#053ada 0%,rgba(254,204,50,0) 100%);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform,opacity;transition-property:transform,opacity;}.btn-secondary{background-color:var(--secondary);padding:10px 30px;text-transform:uppercase;display:inline-block;color:var(--primary);font-weight:bold;text-align:center;width:fit-content;position:relative;vertical-align:middle;margin-top:15px;transition:all .3s ease;transform:translateY(0px);}.btn-secondary:hover{transform:translateY(-5px);}.btn-secondary:hover:before{opacity:1;}.btn-secondary.full{display:block;width:100%;}.btn-secondary.center{margin:0px auto;display:block;}.btn-secondary:before{pointer-events:none;position:absolute;z-index:-1;content:"";top:100%;left:5%;height:10px;width:90%;opacity:0;background:radial-gradient(50% 50% at 50% 50%,#fecc32 0%,rgba(254,204,50,0) 100%);transition-duration:.3s;transition-property:transform,opacity;}footer{background-color:var(--primary);padding:50px 0px;padding-bottom:0px;}footer .inner{padding:0px 100px;display:grid;grid-template-columns:27% 64%;gap:50px;align-items:center;align-items:stretch;}@media (max-width:768px){footer .inner{grid-template-columns:1fr;}}footer .inner .footer-heading{color:var(--white);text-align:left;margin-bottom:50px;margin-bottom:45px;position:relative;text-transform:uppercase;padding-left:10px;font-size:20px;line-height:140%;}footer .inner .footer-heading:after{content:"";position:absolute;background-image:url("https://africkerroofing.com/nitropack_static/uoxwHhWhDSrTlgamaLqzRophzKFchpVX/assets/images/optimized/rev-abe0c0d/africkerroofing.com/wp-content/uploads/2022/03/Vector-6-1.png");width:100%;height:100px;background-repeat:no-repeat;left:0px;top:-30px;}footer .inner .footer-heading.twof:after{display:none !important;}footer .inner .logo-container{padding:50px 0px;}footer .inner .logo-container p{color:var(--white);margin-top:15px;}footer .inner .logo-container .social-link{color:var(--white);display:flex;align-items:center;gap:15px;margin-top:15px;}footer .inner .links-container{padding:50px 0px;}footer .inner .links-container ul{display:grid;grid-template-columns:1fr;gap:10px;align-items:center;}@media (max-width:768px){footer .inner .links-container ul{grid-template-columns:1fr;}}footer .inner .links-container ul li:before{content:"-";color:var(--secondary);margin-right:10px;}footer .inner .links-container ul li a{color:var(--white);text-transform:uppercase;}footer .inner .links-container ul li a:hover{color:var(--secondary);}footer .footer-bottom{background:linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2)),#263e86;}footer .footer-bottom .contact-information{padding:10px 0px;display:grid;align-items:center;justify-content:space-between;gap:15px;grid-template-columns:150px auto;}footer .footer-bottom .contact-information ul{display:flex;align-items:center;justify-content:space-between;gap:100px;width:100%;}footer .footer-bottom .contact-information ul li{color:var(--white);display:flex;align-items:center;gap:10px;flex-direction:column;}footer .footer-bottom .contact-information ul li .icon{color:var(--secondary);}footer .footer-bottom .contact-information ul li a{color:var(--white);}footer .footer-bottom .contact-information ul li.social-icons{display:flex;gap:10px;flex-direction:row;}footer .popup{transform:translateX(-100%);transition:1s;position:fixed;z-index:1;right:0;bottom:0;width:100%;height:100%;}footer .popup h3{position:absolute;top:0;left:0;padding:9px;background-color:var(--primary);color:#fff;font-size:16px;}footer .popup .popup-content{background-color:#fefefe;padding:45px 22px;border:1px solid #888;border:0;width:400px;text-align:left;height:390px;position:absolute;bottom:0;display:grid;align-items:start;align-content:center;}@media (max-width:1024px){footer .popup .popup-content{width:355px;height:390px;}}footer .popup .popup-content .calling{display:flex;align-items:center;color:var(--white);color:var(--primary);gap:10px;background:var(--secondary);border:2px solid var(--primary);padding-right:10px;width:fit-content;font-weight:900;}footer .popup .popup-content .calling span{background-color:var(--primary);padding:5px 10px;height:100%;}footer .popup .popup-content .calling img{width:22px;}footer .popup .popup-content .calling .material-icons{padding:0px;padding:10px;font-size:21px;background:var(--primary);box-shadow:5.46726px 5.46726px 6.83408px rgba(0,0,0,.1);color:var(--secondary);}footer .popup .popup-content .calling p{color:var(--primary);font-weight:700;text-transform:uppercase;margin-bottom:0px;}footer .popup p.next{font-size:14px;color:#666;font-weight:300;}footer .popup .close{color:#000;float:right;font-size:28px;font-weight:bold;position:absolute;top:-3px;right:8px;}footer .popup .close:hover,footer .popup .close:focus{color:black;text-decoration:none;cursor:pointer;}.hero-new .bg{position:absolute;top:0;width:100%;height:56%;left:0;z-index:-1;background-size:cover;}.hero-new .theme-heading h1{color:#fff;font-family:"Roboto Condensed";font-size:58px;font-style:normal;font-weight:700;line-height:120%;text-transform:uppercase;margin-left:40px;}.hero-new span.top-heading{color:#263e86;font-size:16px;font-style:normal;font-weight:700;line-height:normal;text-transform:capitalize;background:#fecc32;padding:5px;width:fit-content;transform:rotate(-90deg);margin-left:-55px;position:absolute;top:12%;}.hero-new h3{color:#fff;font-size:20px;font-style:normal;font-weight:500;line-height:140%;background:rgba(255,255,255,.15);padding:3px 10px;width:fit-content;margin-top:20px;}.hero-new .content ul.theme{margin-top:28px;}.hero-new .content ul.theme li:before{content:url("data:image/svg+xml,%0A%3Csvg width=\'25\' height=\'25\' viewBox=\'0 0 25 25\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Crect width=\'24.75\' height=\'24.75\' rx=\'12.375\' fill=\'%23FECC32\'/%3E%3Cpath d=\'M17.2034 7.53906L10.3549 14.3875L7.53498 11.5676L6.125 12.9776L10.3549 17.2075L18.6134 8.94904L17.2034 7.53906Z\' fill=\'%232C291F\'/%3E%3C/svg%3E%0A");}.hero-new .logos{margin-top:30px;}.hero-new .inner{display:grid;grid-template-columns:45% 55%;margin-top:60px;align-items:center;background-color:#fff;box-shadow:0px 4px 54px 0px rgba(0,0,0,.05);}.hero-new .inner .left .slick-dots{display:flex;justify-content:center;margin:0;padding:1rem 0;list-style-type:none;}.hero-new .inner .left .slick-dots li{margin:0 .25rem;}.hero-new .inner .left .slick-dots button{display:block;width:30px;height:4px;padding:0;border:none;background-color:#e5e5e5;text-indent:-9999px;}.hero-new .inner .left .slick-dots li.slick-active button{background-color:var(--secondary);}.hero-new .inner .right{background-image:url("https://africkerroofing.com/nitropack_static/uoxwHhWhDSrTlgamaLqzRophzKFchpVX/assets/images/optimized/rev-abe0c0d/africkerroofing.com/wp-content/uploads/2024/04/Group-1000008852.png");padding:30px 20px;background-repeat:no-repeat;background-size:cover;}.hero-new .inner .right.nitro-lazy{background-image:none !important;}.hero-new .inner .right p{text-align:center;}.hero-new .inner .right form{margin-top:30px;}.hero-new .inner .right .flex-part{display:flex;gap:20px;justify-content:space-between;align-content:center;border-top:1px solid #5a5a5a;border-bottom:1px solid #5a5a5a;padding:8px 0;align-items:center;}.hero-new .inner .right .flex-part img{width:300px;}.hero-new .inner .right .flex-part h4{color:#f7f7f7;text-align:center;font-size:25px;font-style:normal;font-weight:700;line-height:140%;text-transform:capitalize;}.hero-new .inner .right .flex-part a{background:#263e86;padding:10px;}.hero-new .inner .right label{color:#c4c4c4;font-size:14px;font-style:normal;font-weight:500;line-height:140%;text-transform:capitalize;}.hero-new .inner .right input,.hero-new .inner .right select{background:#3f3f3f;color:#fff;border:0;height:40px;}.hero-new .inner .right textarea{background:#3f3f3f;color:#fff;border:0;}.hero-new .inner .right .gform_wrapper.gravity-theme .gform_footer{padding:0 !important;}.hero-new .inner .right .gform_button.button{background:var(--secondary);width:100%;padding:12px;border:0;font-weight:700;color:#000;}section.logos{display:block;padding-top:0;}section.logos .img-container{margin-right:15px;}section.logos .img-container img{width:150px;}section.logos .theme-heading h2{color:#0b2434;font-size:40px;font-style:normal;font-weight:700;line-height:140%;font-family:"Roboto Condensed",sans-serif;}section.logos .inner{width:100%;margin-top:40px;}.brand-logo{background:#eaecf2;padding:30px 0;}.about-us-new{padding-top:50px;background-size:100% 100%;overflow:hidden;}.about-us-new #target{text-align:center;width:calc(1.85 * 90vh);width:100%;height:90vh;height:100%;margin:auto;background-repeat:no-repeat;animation:30s ease-out infinite alternate moving;position:absolute;z-index:-1;}@keyframes moving{0%{background-size:300%;background-position:60% 80%;}50%{background-size:100%;background-position:0% 0%;}100%{background-position:10% 40%;background-size:200%;}}.about-us-new .theme-heading{display:grid;grid-template-columns:1fr 1fr;gap:10px;}.about-us-new .theme-heading h2{color:#fff;font-size:55px;font-style:normal;font-weight:700;line-height:80%;text-transform:uppercase;}.about-us-new .theme-heading h2 span{color:#fff;font-size:32px;font-style:normal;font-weight:700;line-height:140%;text-transform:uppercase;}.about-us-new .images{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;}.about-us-new .flex-part{display:flex;align-items:center;align-content:center;justify-content:space-around;}.about-us-new .items{margin-top:25px;}.about-us-new .items ul.theme{display:flex;justify-content:space-between;align-items:center;}.about-us-new .items ul.theme li{color:#fff;font-family:Rubik;font-size:16px;font-style:normal;font-weight:700;line-height:150%;letter-spacing:.16px;}.about-us-new .items ul.theme li:before{content:url("data:image/svg+xml,%0A%3Csvg width=\'24\' height=\'24\' viewBox=\'0 0 24 24\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cmask id=\'mask0_1974_7643\' style=\'mask-type:luminance\' maskUnits=\'userSpaceOnUse\' x=\'0\' y=\'0\' width=\'24\' height=\'24\'%3E%3Cpath d=\'M0 0H24V24H0V0Z\' fill=\'white\'/%3E%3C/mask%3E%3Cg mask=\'url(%23mask0_1974_7643)\'%3E%3Cpath d=\'M12 0C5.38312 0 0 5.38312 0 12C0 18.6169 5.38312 24 12 24C18.6169 24 24 18.6169 24 12C24 5.38312 18.6169 0 12 0ZM12 22.2862C6.32875 22.2862 1.71375 17.6712 1.71375 12C1.71375 6.32875 6.32875 1.71375 12 1.71375C17.6712 1.71375 22.2866 6.32875 22.2866 12C22.2866 17.6712 17.6712 22.2862 12 22.2862ZM17.4625 7.71594C17.8081 8.04 17.8272 8.5825 17.5031 8.92812L10.6753 16.2431C10.5119 16.4184 10.2841 16.5169 10.0487 16.5169C10.0441 16.5169 10.0369 16.5169 10.0297 16.5169C9.78719 16.5119 9.55687 16.4016 9.39594 16.2169L6.47281 12.8016C6.16562 12.4416 6.20656 11.9016 6.56656 11.5919C6.92656 11.2847 7.46656 11.3256 7.77594 11.6856L10.0775 14.3712L16.2503 7.75687C16.5744 7.41125 17.1144 7.39187 17.4625 7.71594Z\' fill=\'%23FECC32\'/%3E%3C/g%3E%3C/svg%3E%0A");}section.steps .inner{position:relative;}section.steps .inner .step-grid{position:relative;margin-top:30px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px;}section.steps .inner .step-grid:before{content:"";width:100%;position:absolute;height:2px;border-bottom:2px dashed var(--black);top:50%;transform:translateY(-50%);left:0;}section.steps .inner .step-grid .single-step{text-align:center;display:flex;flex-direction:column;gap:50px;}section.steps .inner .step-grid .single-step .icon{position:relative;order:1;}section.steps .inner .step-grid .single-step .icon lord-icon{width:100px;height:100px;}section.steps .inner .step-grid .single-step .icon img{width:100px;padding-bottom:10px;}section.steps .inner .step-grid .single-step .icon:before{content:"";height:20px;width:2px;border-left:2px dashed var(--black);position:absolute;left:50%;transform:translateX(-50%);bottom:-10px;}section.steps .inner .step-grid .single-step .content{order:2;background:rgba(38,62,134,.05);border:2px solid #fecc32;box-shadow:4px 4px 15px rgba(0,0,0,.1);border-radius:10px;padding:5px;}section.steps .inner .step-grid .single-step .content h3{font-size:21px;color:var(--primary);text-transform:uppercase;}section.steps .inner .step-grid .single-step:nth-child(even) .icon{order:2;padding-top:25px;}section.steps .inner .step-grid .single-step:nth-child(even) .icon:before{top:5px;bottom:unset;}section.steps .inner .step-grid .single-step:nth-child(even) .content{order:1;}section.slatedroof-new{display:block;}section.slatedroof-new .theme-heading h2{color:#131313;font-family:"Roboto Condensed";font-size:60px;font-style:normal;font-weight:500;line-height:130%;letter-spacing:-2px;text-transform:capitalize;}section.slatedroof-new .inner{display:grid;grid-template-columns:1fr;gap:10px;align-items:stretch;margin-top:30px;}section.slatedroof-new .inner .item-block{background-color:var(--primary);display:grid;grid-template-areas:"stack";overflow:hidden;margin:2px;height:400px;}section.slatedroof-new .inner .item-block.active{opacity:1;}section.slatedroof-new .inner .item-block.active .back{opacity:1;}section.slatedroof-new .inner .item-block.active .front{overflow:hidden;background-color:transparent;position:relative;}section.slatedroof-new .inner .item-block.active .front .img1{left:0;transform:translateX(-100%);}section.slatedroof-new .inner .item-block.active .front .img2{left:0px;transform:translateX(100%);}section.slatedroof-new .inner .item-block.active .front .heading-container{top:-100%;transform:rotate(-15deg) translate(-50%,-200%);}section.slatedroof-new .inner .item-block.active .front .seal{top:-100%;}section.slatedroof-new .inner .item-block .front,section.slatedroof-new .inner .item-block .back{grid-area:stack;}section.slatedroof-new .inner .item-block .front{display:grid;grid-template-columns:1fr 1fr;gap:0;transition:background-color .3s ease;z-index:1;position:relative;background-color:#fff;}section.slatedroof-new .inner .item-block .front .img1{left:0;}section.slatedroof-new .inner .item-block .front .img1,section.slatedroof-new .inner .item-block .front .img2{position:relative;left:0;height:100%;background-size:100% 100%;background-position:center;transition:transform .3s linear;}section.slatedroof-new .inner .item-block .front .heading-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:37%;margin:0px auto;z-index:1;transition:all .3s linear;}section.slatedroof-new .inner .item-block .front .heading-container h3{padding:20px 15px;transform:rotate(-15deg);text-align:center;display:flex;align-items:center;gap:10px;justify-content:center;}section.slatedroof-new .inner .item-block .front .heading-container h3 img{width:60px;}section.slatedroof-new .inner .item-block .front .heading-container h3:after{content:"";background-color:var(--secondary);transform:rotate(0deg);position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2;}section.slatedroof-new .inner .item-block .front img.seal{width:30%;position:absolute;left:50%;top:50%;transform:translate(50%,50%);transform:translate(-50%,-50%);transition:all .3s linear;z-index:0;}section.slatedroof-new .inner .item-block .back{padding:20px 50px;text-align:center;position:relative;z-index:1;opacity:0;}section.slatedroof-new .inner .item-block .back p{color:#fff;}section.slatedroof-new .inner .item-block .back h3{width:fit-content;margin:0px auto;padding:10px 15px;transform:rotate(-15deg);margin-top:40px;margin-bottom:50px;position:relative;}section.slatedroof-new .inner .item-block .back h3:before{content:"";background-color:#fff;transform:rotate(5deg);position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2;}section.slatedroof-new .inner .item-block .back h3:after{content:"";background-color:var(--secondary);transform:rotate(0deg);position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2;}section.slatedroof-new .slick-dots{display:flex;justify-content:center;margin:0;padding:1rem 0;list-style-type:none;}section.slatedroof-new .slick-dots li{margin:0 .25rem;}section.slatedroof-new .slick-dots button{display:block;width:30px;height:4px;padding:0;border:none;background-color:#e5e5e5;text-indent:-9999px;}section.slatedroof-new .slick-dots li.slick-active button{background-color:var(--primary);}section.services{background:#07102e;display:block;background-size:cover;}section.services .inner{display:grid;grid-template-columns:calc(100% - 500px) 300px;gap:50px;align-items:center;width:100%;}section.services .inner .left{position:relative;position:relative;border:1px solid #fecc32;box-shadow:-1px 1px 4px rgba(0,0,0,.1),4px 4px 50px rgba(0,0,0,.25);border-radius:0px 10px 10px 0px;border-left:0px;padding:10px;padding-left:100px;padding-right:10px;width:100%;}section.services .inner .left h4{text-transform:uppercase;margin-bottom:10px;border-bottom:2px solid var(--secondary);color:var(--secondary);}section.services .inner .left .single-slide{display:grid;grid-template-columns:60% auto;gap:15px;}section.services .inner .left .single-slide .slider-for{width:100%;}section.services .inner .left .single-slide .image img{width:100%;display:block;}section.services .inner .left:after{content:"";font-family:"Material Icons";position:absolute;top:50%;right:-40px;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:32px;color:var(--secondary);}section.services .inner .right{position:relative;}section.services .inner .right .vertical-carousel{width:200px;}section.services .inner .right .vertical-carousel .single{background:#fff;border:1px solid #fecc32;box-sizing:border-box;border-radius:7px;color:var(--primary);padding:5px;height:fit-content;height:200px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;}section.services .inner .right .vertical-carousel .single .icon img{width:50px;margin-bottom:10px;}section.services .inner .right .vertical-carousel .single p{font-size:14px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}section.services .inner .right .vertical-carousel .single.slick-current{background:var(--primary);color:var(--white);box-shadow:4px 4px 25px rgba(0,0,0,.5);}section.services .inner .right .slick-slide{margin:10px 0px;}section.services .inner .right .slick-list{margin:-10px 0px;}section.services .inner .right .nav-slider{position:absolute;top:50%;transform:translateY(-50%);right:0;width:50px;height:50px;}section.services .inner .right .nav-slider .prev{background-color:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;}section.services .inner .right .nav-slider .prev:before{content:"";font-family:"Material Icons";font-size:40px !important;color:var(--secondary);}section.services .inner .right .nav-slider .next{background-color:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;}section.services .inner .right .nav-slider .next:before{content:"";font-family:"Material Icons";font-size:40px !important;color:var(--secondary);}section.feature{border-top:30px solid var(--secondary);}section.feature:before{content:"";position:absolute;bottom:0px;left:0px;height:150px;background-image:url("https://africkerroofing.com/nitropack_static/uoxwHhWhDSrTlgamaLqzRophzKFchpVX/assets/images/optimized/rev-abe0c0d/africkerroofing.com/wp-content/uploads/2022/02/Group-178.svg");width:40%;background-repeat:no-repeat;}section.feature .inner{display:grid;grid-template-columns:40% auto;gap:100px;align-items:flex-start;}section.feature .features-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:30px;}section.feature .features-grid .single-feature{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;}section.feature .features-grid .single-feature .number{background:#263e86;box-shadow:-1px 1px 4px rgba(0,0,0,.1),4px 4px 50px rgba(0,0,0,.25);border-radius:25px 25px 25px 0px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;width:100px;gap:10px;position:relative;text-align:center;}section.feature .features-grid .single-feature .number .count{color:var(--secondary);}section.feature .features-grid .single-feature .number:before{content:"";background:#fecc32;border:1px solid #fecc32;box-shadow:4px 4px 24px rgba(254,204,50,.25);border-radius:25px 25px 25px 0px;position:absolute;top:-8px;width:90px;height:90px;z-index:-1;right:-8px;}section.feature .features-grid .single-feature h3{font-size:20px;margin-top:10px;}section.roofing-materials{display:block;}section.roofing-materials .theme-heading h2{color:#131313;font-family:"Roboto Condensed";font-size:60px;font-style:normal;font-weight:500;line-height:130%;letter-spacing:-2px;text-transform:capitalize;}section.roofing-materials .items .item .image-container{position:relative;}section.roofing-materials .items .item .image-container img{width:100%;padding:15px;border-radius:30px;}section.roofing-materials .items .item .image-container h3{color:#fff;font-size:28.327px;font-style:normal;font-weight:400;line-height:38.327px;letter-spacing:-.287px;position:absolute;bottom:8%;left:50%;transform:translateX(-50%);width:100%;text-align:center;}section.roofing-materials .items .item .image-container h3 a{color:#fff;text-decoration:underline;}section.roofing-materials .slick-dots li{padding:7px 14px;border-radius:3px;}section.roofing-materials .slick-dots li button{background:transparent;border:0;color:#fff;font-size:21px;font-weight:700;}section.roofing-materials .slick-dots .slick-active{background-color:var(--primary);color:#fff;}section.roofing-materials .slick-dots{display:flex;justify-content:center;margin-top:20px;}section.roofing-materials .slick-arrow{font-size:0;line-height:0;top:50%;width:20px;height:20px;margin-top:-10px \9;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0;background:0 0;position:absolute;display:block;padding:0;}section.roofing-materials .slick-prev{left:0;width:40px;height:40px;background-color:var(--primary);padding:5px;border-radius:50%;z-index:1;}section.roofing-materials .slick-prev:before{content:"←";font-size:20px;line-height:1;opacity:1;color:#fff;}section.roofing-materials .slick-next{right:0;width:40px;height:40px;background-color:var(--primary);padding:5px;border-radius:50%;}section.roofing-materials .slick-next:before{content:"→";font-size:20px;line-height:1;opacity:1;color:#fff;}section.waterproofing{padding-top:0;}section.waterproofing .container{padding:36px;position:relative;background-size:cover;}section.waterproofing .container:before{content:"";position:absolute;background:linear-gradient(275deg,rgba(0,0,0,0) 16.36%,rgba(0,0,0,.65) 41.38%,#001658 100%),linear-gradient(265deg,rgba(0,64,255,.18) 40.43%,#263e86 96.51%);width:100%;height:100%;top:0;left:0;z-index:0;}section.waterproofing .container .row{z-index:1;position:relative;}section.waterproofing .container .theme-heading h2{color:#fff;font-family:"Roboto Condensed";font-size:54px;font-style:normal;font-weight:700;line-height:100%;letter-spacing:-2px;text-transform:capitalize;}section.waterproofing .container .theme-heading h2 span{color:#fff;font-family:"Roboto Condensed";font-size:44px;font-style:normal;font-weight:700;line-height:130%;letter-spacing:-2px;}section.waterproofing .container .sub-heading h3{color:#ededed;font-family:Rubik;font-size:25px;font-style:normal;font-weight:500;line-height:140%;margin-bottom:11px;}section.waterproofing .container a{background:#3d58a9;padding:12px 15px;display:flex;align-items:center;justify-content:center;align-content:center;width:fit-content;gap:10px;margin-top:20px;font-size:25px;font-style:normal;font-weight:700;}section.waterproofing .container ul.theme{margin-top:20px;}section.waterproofing .container ul.theme li{color:#fff;text-align:center;font-size:18px;font-style:normal;font-weight:500;line-height:160%;}section.waterproofing .container ul.theme li:before{content:url("data:image/svg+xml,%0A%3Csvg width=\'28\' height=\'28\' viewBox=\'0 0 28 28\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Crect width=\'28\' height=\'28\' rx=\'14\' fill=\'url(%23paint0_radial_1985_7671)\'/%3E%3Cpath d=\'M18.9746 8.52734L11.2268 16.2751L8.03654 13.0849L6.44141 14.68L11.2268 19.4654L20.5697 10.1225L18.9746 8.52734Z\' fill=\'%23FECC32\'/%3E%3Cdefs%3E%3CradialGradient id=\'paint0_radial_1985_7671\' cx=\'0\' cy=\'0\' r=\'1\' gradientUnits=\'userSpaceOnUse\' gradientTransform=\'translate(14 14) rotate(90) scale(14)\'%3E%3Cstop stop-color=\'%230E1939\'/%3E%3Cstop offset=\'1\' stop-color=\'%2300289E\'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E%0A");}section.emergency{padding-bottom:0;}section.emergency .theme-heading h2{color:#fff;font-family:"Roboto Condensed";font-size:50px;font-style:normal;font-weight:700;line-height:normal;}section.emergency .content ul.theme li{color:#f5f5f5;font-family:Rubik;font-size:20px;font-style:normal;font-weight:400;line-height:26px;text-transform:capitalize;margin-bottom:20px;}section.emergency .content ul.theme li:before{content:url("data:image/svg+xml,%0A%3Csvg width=\'21\' height=\'21\' viewBox=\'0 0 21 21\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Crect width=\'20.6133\' height=\'20.6133\' rx=\'10.3066\' fill=\'%23FECC32\'/%3E%3Cpath d=\'M13.969 6.27734L8.26514 11.9812L5.91651 9.63254L4.74219 10.8069L8.26514 14.3298L15.1433 7.45166L13.969 6.27734Z\' fill=\'%233D58A9\'/%3E%3C/svg%3E%0A");}section.emergency a{display:flex;align-items:center;gap:10px;margin-top:12px;color:#fff;font-family:"Roboto Condensed";font-size:20px;font-style:normal;font-weight:700;line-height:150%;}section.emergency .car-image img{margin-top:20px;}section.service-areas-new{padding:120px 0;clip-path:polygon(100% 0%,100% 90%,75% 100%,0% 95%,0% 0%);}section.service-areas-new .theme-heading h2{color:var(--white,#fff);font-family:"Roboto Condensed";font-size:40px;font-style:normal;font-weight:700;line-height:130%;text-transform:uppercase;}section.service-areas-new .sub-heading h3{color:var(--white,#fff);text-align:center;font-family:"Roboto Condensed";font-size:39px;font-style:normal;font-weight:700;line-height:130%;}section.service-areas-new .items{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px;margin-top:30px;}section.service-areas-new .items li{list-style-type:none;}section.service-areas-new .items li a{color:#e8e8e8;font-family:Rubik;font-size:17px;font-style:normal;font-weight:600;line-height:normal;text-transform:capitalize;background:rgba(0,0,0,.65);padding:14px;display:flex;gap:10px;}section.service-areas-new .items li a:hover{color:var(--secondary);border:2px solid #fecc32;background:#3d58a9;}section.hometown{display:block;}section.hometown .theme-heading h2{color:#232323;text-align:center;font-family:"Roboto Condensed";font-size:54px;font-style:normal;font-weight:700;line-height:140%;}section.hometown .items iframe{width:100%;height:400px;padding:10px;border:0;}section.testimonial{background-image:url("https://africkerroofing.com/nitropack_static/uoxwHhWhDSrTlgamaLqzRophzKFchpVX/assets/images/optimized/rev-abe0c0d/africkerroofing.com/wp-content/uploads/2022/02/Frame-292.jpg");}section.testimonial.nitro-lazy{background-image:none !important;}section.testimonial .inner{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;}@media (max-width:768px){section.testimonial .inner{grid-template-columns:100%;}}section.testimonial .inner .left img{width:100%;}section.testimonial .inner .right{padding-left:50px;}section.testimonial .inner .right .testimonial-slider{background-image:url("https://africkerroofing.com/nitropack_static/uoxwHhWhDSrTlgamaLqzRophzKFchpVX/assets/images/optimized/rev-abe0c0d/africkerroofing.com/wp-content/uploads/2022/02/Untitled-Presentation-169-1.png");background-size:100%;padding:0px 70px;background-repeat:no-repeat;min-height:325px;display:flex;align-items:center;justify-content:center;}section.testimonial .inner .right .testimonial-slider.nitro-lazy{background-image:none !important;}section.testimonial .inner .right .testimonial-slider .single-testimonial{border:1px solid var(--secondary);padding:30px 20px;position:relative;}section.testimonial .inner .right .testimonial-slider .single-testimonial::before{content:url("https://africkerroofing.com/nitropack_static/uoxwHhWhDSrTlgamaLqzRophzKFchpVX/assets/images/optimized/rev-abe0c0d/africkerroofing.com/wp-content/uploads/2022/02/unnamed-file.png");position:absolute;top:-20px;left:20px;}section.testimonial .inner .right .testimonial-slider .single-testimonial::after{content:url("https://africkerroofing.com/nitropack_static/uoxwHhWhDSrTlgamaLqzRophzKFchpVX/assets/images/optimized/rev-abe0c0d/africkerroofing.com/wp-content/uploads/2022/02/1.png");position:absolute;bottom:-20px;right:20px;}section.testimonial .inner .right .indrevdiv{height:400px;}section.message-owner .inner{display:grid;grid-template-columns:1fr 1fr;justify-items:center;align-items:center;}section.message-owner .inner .left{z-index:1;}section.message-owner .inner .left .image-container img{clip-path:polygon(0% 0%,100% 0%,95% 100%,0% 100%);}section.message-owner .inner .right{margin-left:-38px;z-index:0;}section.message-owner .inner .right .theme-heading{display:block;background-color:#3d58a9;color:#fff;padding:20px;padding-left:50px;margin-bottom:0;}section.message-owner .inner .right .theme-heading h2{color:#fff;font-family:"Roboto Condensed";font-size:35.039px;font-style:normal;font-weight:700;line-height:140%;}section.message-owner .inner .right .theme-heading p{color:#dfdfdf;font-size:17.52px;font-style:normal;font-weight:600;line-height:150%;letter-spacing:.175px;}section.message-owner .inner .right h3{background:#fecc32;padding:10px 30px;padding-left:50px;width:fit-content;color:#3d58a9;font-family:"Roboto Condensed";font-size:32px;font-style:normal;font-weight:700;line-height:normal;}section.contact-new{padding:0 0 50px;display:block;}section.contact-new .inner{display:grid;grid-template-columns:50% 47%;gap:50px;}section.contact-new .inner .right{padding:0 20px;margin-top:-30px;background:#08090e;border:1px solid #878787;box-shadow:4px 4px 24px 0px rgba(0,0,0,.25);}section.contact-new .inner .left{padding:78px 49px 40px 0;}section.contact-new .inner .left .slider-navone img{margin:10px 5px;border-radius:8px;}section.contact-new .inner .left .slider-forone img{border-radius:10px;}section.contact-new .inner .left ul.contact-icon{display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;gap:0;margin-top:20px;}section.contact-new .inner .left ul.contact-icon .material-icons{background:linear-gradient(0deg,rgba(255,255,255,.1),rgba(255,255,255,.1)),#263e86;color:#fecc32;padding:10px;border-radius:50%;}section.contact-new .inner .left ul.contact-icon li{display:grid;grid-template-columns:45px auto;align-items:center;gap:15px;}section.contact-new .inner .left ul.contact-icon p{margin:0px;}section.contact-new .inner .left ul.contact-icon .social_icons h4{margin-bottom:10px;}section.contact-new .inner .left ul.contact-icon .social_icons img{margin-right:6px;}section.contact-new .inner .contact-form{margin:30px 0;}section.contact-new .inner .contact-form .flex-part{display:grid;grid-template-columns:1fr;justify-items:center;align-items:center;justify-content:center;}section.contact-new .inner .contact-form .flex-part a{background:#263e86;padding:10px;width:fit-content;color:#e2e5f0;text-align:center;font-family:"Roboto Condensed";font-size:20px;font-style:normal;font-weight:700;line-height:140%;text-transform:capitalize;}section.contact-new .inner .contact-form .flex-part h3{color:#f7f7f7;text-align:center;font-family:"Roboto Condensed";font-size:28px;font-style:normal;font-weight:700;line-height:140%;text-transform:capitalize;}section.contact-new .inner .contact-form .bottom-part{padding:20px 30px;}section.contact-new .inner .contact-form .bottom-part p{color:#e4e4e4;text-align:center;font-family:"Roboto Condensed";font-size:20px;font-style:normal;font-weight:500;line-height:140%;text-transform:capitalize;}section.contact-new .inner .contact-form .gform_title{display:none;}section.contact-new .inner .contact-form .gform_wrapper.gravity-theme .gform_validation_errors{display:none;}section.contact-new .inner .contact-form .gform_wrapper.gravity-theme .gform_footer,section.contact-new .inner .contact-form .gform_wrapper.gravity-theme .gform_page_footer{margin:0px 0 0;padding:0px 0;}section.contact-new .inner .contact-form .gform_wrapper.gravity-theme .gfield_validation_message,section.contact-new .inner .contact-form .gform_wrapper.gravity-theme .validation_message{background:transparent !important;border:0 !important;padding:0 !important;text-align:left;margin:0 !important;padding-bottom:0 !important;padding-top:5px !important;}section.contact-new .inner .contact-form .gfield_description.instruction.validation_message{display:none;}section.contact-new .inner .contact-form .gfield_required.gfield_required_text{display:none !important;}section.contact-new .inner .contact-form #gform_confirmation_message_1{color:#fff;margin-top:240px;}section.contact-new .inner .contact-form .grid{display:grid;grid-template-columns:1fr 1fr;column-gap:10px;}section.contact-new .inner .contact-form input,section.contact-new .inner .contact-form select,section.contact-new .inner .contact-form textarea{background:#3f3f3f;width:100%;margin-bottom:5px;padding:10px;border:none;outline:none;box-shadow:none;color:#fff;}section.contact-new .inner .contact-form select option{color:#fff;}section.contact-new .inner .contact-form .gform_button.button{padding:18px;margin-bottom:0px;background-color:var(--secondary);}section.contact-new .inner .contact-form .gform_button.button:hover{background-color:var(--secondary);}section.marquee{background-color:#fff;padding:0;overflow:hidden;display:block;}section.marquee .marquee__content{flex-shrink:0;display:flex;align-items:center;justify-content:space-around;min-width:100%;font-family:impact;font-size:5rem;color:white;text-transform:uppercase;}section.marquee .marquee__content .item{color:#3d58a9;text-align:center;font-size:64px;font-style:normal;font-weight:400;line-height:140%;text-transform:uppercase;}section.marquee .marquee__content .item:before{content:url("data:image/svg+xml,%0A%3Csvg width=\'29\' height=\'40\' viewBox=\'0 0 29 40\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M0 0H13.8394V26.2893L0 39.2588V0Z\' fill=\'%23FFC40C\'/%3E%3Cpath d=\'M14.8359 0.0234375H28.6754V12.9758L14.8359 26.2887V0.0234375Z\' fill=\'%23FFC40C\'/%3E%3C/svg%3E%0A");width:30px;height:40px;margin:0px 30px;}section.marquee .marquee__content .item:nth-child(even){color:rgba(255,255,255,0);-webkit-text-stroke:2px #021d40;}section.roofing-service{overflow:hidden;background-color:#07102e;}section.roofing-service .theme-heading h2{color:#fff;font-family:"Roboto Condensed";font-size:46px;font-style:normal;font-weight:700;line-height:130%;text-align:left;}section.roofing-service h3.sub-heading{font-size:20px;font-style:normal;font-weight:600;line-height:140%;text-transform:capitalize;border-left:2px solid var(--primary);padding-left:10px;}section.roofing-service .inner{display:grid;grid-template-columns:25% 73%;gap:20px;}section.roofing-service .main-tabs .item{transition:all .5s ease;position:relative;border-left:5px solid transparent;background:transparent;padding:20px;cursor:pointer;}section.roofing-service .main-tabs .item.active{background:#3d58a9;border-left:5px solid #fecc32;padding:20px;}section.roofing-service .main-tabs .item.active h3 a{color:#fff;}section.roofing-service .main-tabs .item h3 a{font-size:20px;font-style:normal;font-weight:800;line-height:140%;letter-spacing:.1px;text-transform:capitalize;z-index:1;position:relative;}section.roofing-service .main-contents{display:grid;grid-template-areas:"stack";gap:10px;}section.roofing-service .main-contents .main-content{grid-area:stack;display:grid;transform:translatey(100%);opacity:0;transition:.5s ease;grid-template-columns:29% 33% 36%;}section.roofing-service .main-contents .main-content.active{opacity:1;transform:translateY(0);}section.roofing-service .main-contents .main-content .content{display:grid;align-items:self-start;}section.roofing-service .content .item ul{background:transparent;padding:3px 20px 0px;display:grid;align-items:center;}section.roofing-service .content .item ul li{color:rgba(252,252,252,.05);}section.roofing-service .content .item ul li:before{content:url("data:image/svg+xml,%0A%3Csvg width=\'28\' height=\'28\' viewBox=\'0 0 28 28\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M18.9746 8.52734L11.2268 16.2751L8.03654 13.0849L6.44141 14.68L11.2268 19.4654L20.5697 10.1225L18.9746 8.52734Z\' fill=\'%23FECC32\'/%3E%3C/svg%3E%0A");filter:brightness(.2);}section.roofing-service .content .item ul li:list-child{margin-bottom:0px;}section.roofing-service .content .item.active{background:#222b46;}section.roofing-service .content .item.active ul li{color:#fff;}section.roofing-service .content .item.active ul li:before{filter:brightness(1);}section.roofing-service .items-tabs{align-items:center;justify-content:space-between;gap:20px;}section.roofing-service .items-tabs .item{flex:1;transition:all .3s ease;padding:20px 10px;margin-bottom:10px;display:flex;gap:15px;align-items:center;border-radius:5px;background:transparent;cursor:pointer;}section.roofing-service .items-tabs .item.active{background:#222b46;}section.roofing-service .items-tabs .item.active h3 a{font-weight:800;color:#fff;}section.roofing-service .items-tabs .item img{width:40px;}section.roofing-service .items-tabs .item h3 a{color:#c8c8c8;text-align:center;font-family:"Roboto Flex";font-size:20px;font-style:normal;font-weight:500;line-height:160%;}section.roofing-service .items-content{display:grid;grid-template-areas:"stack";overflow:hidden;}section.roofing-service .items-content .content-box{display:grid;grid-area:stack;opacity:0;transition:all .5s ease;}section.roofing-service .items-content .content-box.active{opacity:1;}section.roofing-service .items-content .content-box .content-outer{position:relative;}section.roofing-service .items-content .content-box .img-outer{position:relative;}section.roofing-service .items-content .content-box .content{padding:30px;color:#fff;height:100%;}section.roofing-service .items-content .content-box .content h3{color:#fff;font-size:25px;font-style:normal;font-weight:700;line-height:140%;text-transform:capitalize;margin-bottom:20px;}section.roofing-service .items-content .content-box .content p{color:#d3d3d3;font-size:16px;font-style:normal;font-weight:400;line-height:160%;}section.roofing-service .items-content .content-box .content a{margin-top:15px;}section.roofing-service .items-content .content-box .img-container{margin-left:-10px;}section.roofing-service .items-content .content-box .img-container img{width:100%;}