@font-face{font-family:'Roboto';src:url('/wp-content/themes/astra-child/fonts/Roboto-VariableFont_wdth,wght.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:'Roboto';src:url('/wp-content/themes/astra-child/fonts/Roboto-Italic-VariableFont_wdth,wght.woff2') format('woff2');font-weight:100 900;font-style:italic;font-display:swap}.header{background:#0650a0;position:relative;width:100%;z-index:9999;top:0}.button-1,.wpcf7-submit{text-decoration:none;color:#fff;padding:10px 17px;font-size:17px;border-radius:5px;transition:all .4s ease;font-weight:500}.yellow-btn{background-image:linear-gradient(to right,#f1c933 0%,#c59e14 51%,#edbb00 100%) !important;background-size:200% auto !important}.yellow-btn:hover{background-position:right center}.red-btn,.wpcf7-submit{background-image:linear-gradient(to right,#df0f0f 0%,#900 51%,#df0f0f 100%) !important;background-size:200% auto !important;text-align:center;transition:.4s;color:#fff !important}.red-btn:hover,.wpcf7-submit:hover{background-position:right center}.hoverimg{mask-image:linear-gradient(45deg,#000 25%,rgba(0,0,0,.2) 50%,#000 75%);mask-size:800%;-webkit-mask-position:0;mask-position:0;-webkit-mask-image:linear-gradient(45deg,#000 25%,rgba(0,0,0,.2) 50%,#000 75%);-webkit-mask-size:800%}.hoverimg:hover{transition:mask-position 2s ease,-webkit-mask-position 2s ease;-webkit-mask-position:120%;mask-position:120%;opacity:1;-webkit-mask-position:120%}h1{font-family:"Signika",sans-serif;font-size:50px;font-weight:600;line-height:44px;margin:15px 0;text-transform:uppercase}img{max-width:100%}p{margin-bottom:12px;line-height:25px}h2.title{text-align:center;font-size:34px;font-weight:800;padding:28px 0 0;font-family:"Signika",sans-serif;color:#0650a0;text-transform:uppercase}h2.title-left{text-align:left;font-size:34px;font-weight:800;padding:28px 0 0;font-family:"Signika",sans-serif;color:#0650a0;text-transform:uppercase}.title-left-red-line{max-width:37%;width:100%;background:red;height:4px;display:block;margin:3px 0 15px}h2.c-blue-h2{margin-bottom:12px;color:#034ea2;font-size:20px}h2.c-blue-h2-font-28{margin-bottom:12px;color:#034ea2;font-size:28px}hr.red{height:4px;width:16%;text-align:center;margin:5px auto 12px auto;border:none;background:#f31a1a}.site-content .button-1 i{margin-left:6px;font-size:14px}.product-title{margin-bottom:0;width:100%;text-align:center}.child-category ul{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.child-category ul li{list-style:none;width:23%}.child-category .product-title a{color:#0a0a0a;text-decoration:none;font-weight:600;font-size:18px;width:100%;display:block;padding:6px}.child-category ul li .post-image a{line-height:0}.child-category ul li:hover a{color:#0650a0}.footer-two{background:#02356e;background:linear-gradient(340deg,rgba(2,53,110,1) 0%,rgba(2,56,120,1) 91%,rgba(2,27,110,1) 100%);border-bottom:1px solid #3e6b9f}.footer-three{background:#02356e;padding:15px 0;color:#b6c9e0;text-align:center}.footer-two .container{display:flex;padding-top:40px;padding-bottom:40px;gap:25px 8%;flex-wrap:wrap;position:relative}.footer-two .container h4{color:#ffce16;font-size:23px;font-weight:500;margin-bottom:15px;font-family:"Signika",sans-serif;text-transform:uppercase}.footer-two .container h4 a{color:#ffce16;border:1px solid #e2b714;border-radius:5px;padding:6px 16px;text-decoration:none;width:auto;display:block;text-align:center}.footer-two .container h4 a:hover{color:#fff}.social-icon .content{margin-top:24px}.footer-two .container .col-2,.footer-two .container .col-3,.footer-two .container .col-4{z-index:9}.footer-two .container .col-1 img{max-height:101px;margin-bottom:20px}.footer-two .container ul{list-style:none;margin:0;padding:0}.footer-two .container ul li{padding-bottom:13px}.footer-two .container ul li a{color:#fff;text-decoration:none;transition:all .4s ease}.footer-two .container ul li a:hover{color:#ffce16}.col.col-2 .content{display:flex;width:100%;justify-content:space-between}.col.col-2 .content ul{width:100%}.footer-bootom{flex:1 5 100%;text-align:center;position:relative}.footer-bootom a{font-size:20px;border:1px solid #ffce16;padding:10px 15px;border-radius:10px;color:#ffce16;text-decoration:none;width:230px;display:inline-block;text-align:center}.footer-bootom a:hover{background:#ffce16;color:#333}.footer-bootom a:nth-child(1){margin-right:5px}.footer-bootom img{max-width:450px;position:absolute;right:0;bottom:-41px;z-index:1}.social-icon .content{display:flex;gap:10px}.social-icon .content a{background:#fff;color:#2772c8;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:30px;text-decoration:none;font-size:25px;transition:all .4s ease}.social-icon .content a:hover{background:#2772c8!important;color:#fff}.footer-two .fa-chevron-down{display:none}.footer-two{padding:0 20px}.title-description{display:flex;flex-wrap:wrap;padding:0;gap:5px}.white-btn{background:#fff;border:1px solid #999;color:#666;padding:8px 15px;font-size:17px}.white-btn:hover{background:#999;color:#fff}.child-category-button{float:left;width:100%;text-align:center;padding:6px 0 25px}.gray-background{background:#f7f7f7;border-top:2px solid #fff;border-bottom:5px solid #fff}#request-aquote.gray-background{background-size:100%;background-position:center;border-bottom:1px solid #eac229}footer{margin-top:35px}.title-description p{height:98px;overflow:hidden;padding:4px 13px}section{padding:30px 0}.mobile-call-icon{color:#fff;font-size:33px}.main-head .left-header img{max-height:71px;display:block}.tab-content h3{font-size:32px;color:#222;margin:25px 0;display:block;text-align:center;letter-spacing:1px}.faq-list .answer{margin-top:12px;display:none}input[type=text],input[type=email],input[type=tel],.city-state-zip select{height:37px;padding:5px 10px;border:1px solid #86949a;width:100%;border-radius:9px;font-size:17px;letter-spacing:1px}textarea{height:100px;padding:5px 10px;border:1px solid #86949a;width:100%;border-radius:9px;font-size:17px}input[type=text]::placeholder,input[type=email]::placeholder,input[type=tel]::placeholder,textarea::placeholder{font-size:16px;font-family:"Roboto",sans-serif}.contact-form-selection .image,.contact-form-selection .product_size{display:none}footer{float:left;width:100%}.page-top-image{position:relative}.page-top-image-ctnt{position:absolute;bottom:8%;left:10%;color:#fff;background:#000000b3;padding:15px;border-radius:5px;max-width:79%}.page-top-image-ctnt p{font-size:25px;float:left;width:100%;margin:9px 0 16px;font-weight:500}.foot-zebra{position:absolute;bottom:-15px;z-index:99999999;max-width:260px;right:0}img.mobile_feature{display:none !important}.page-grid{margin:0;padding:0;list-style:none;display:flex;gap:10px .5%;flex-wrap:wrap;justify-content:space-between}.page-grid.page-grid-4 li{width:24.2%}.page-grid.page-grid-3 li{width:32.5%}.page-grid.page-grid-2 li{width:49.6%}.page-grid.page-grid-2 h4.media-g-title{margin-bottom:8px}.page-grid li{margin-bottom:10px;border:1px solid #ccc;border-radius:5px}.page-grid li:hover{border:1px solid #034ea2}.page-grid li img{border-radius:5px 5px 0 0;width:100%}.page-grid li:hover{background-color:rgba(21,41,49,.03)}.page-grid li a{text-decoration:none}.page-grid-content{padding:15px}.page-grid-content h4{color:#034ea2;overflow:hidden;font-size:20px;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;margin-bottom:9px}.page-grid-content p{color:#333;line-height:25px;margin:0 0 15px}.grid-yello-1{background-color:#fff;color:#fff;padding:8px 20px;display:inline-block;font-weight:500;border-radius:5px}.grid-yello-1 i{font-weight:600;margin-left:7px}.category-image img,.special-image img{width:100%}@media (min-width:100px) and (max-width:1400px){.page-top-image{padding:0 !important;margin:0}.page-top-image img{border-radius:0;display:block}}@media (min-width:100px) and (max-width:460px){.page-grid.page-grid-4 li,.page-grid.page-grid-3 li,.two-two-grid li{width:100%!important}}@media (min-width:401px) and (max-width:804px){.page-grid.page-grid-4 li,.page-grid.page-grid-3 li{width:48.2%}}@media (min-width:805px) and (max-width:1200px){.page-grid.page-grid-4 li,.page-grid.page-grid-3 li{width:33%}}@media (min-width:769px) and (max-width:1360px){.page-top-image-ctnt{width:86%}}.category-page-top-image{position:relative}.featured-post{display:flex;flex-wrap:wrap;align-items:center;border:1px solid #ccc;border-radius:5px}.featured-post .left-con{width:50%;background:#fff}.featured-post .right-con h2{color:#034ea2;text-rendering:optimizeLegibility;margin-bottom:10px;font-weight:500;font-size:27px}.featured-post .right-con{width:50%;padding:10px 20px}.line-2-clamp{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:47px}.line-3-clamp p{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;height:73px}@media (min-width:100px) and (max-width:768px){.faq-list .answer{display:none}.footer-logo,.child-category-button{display:none!important}.button-1,.wpcf7-submit{padding:7px 13px}.main-head .left-header img{max-width:130px}section{padding:23px 0}hr.red{margin:5px auto 20px auto!important}h1{font-size:34px;line-height:34px;margin:7px 0 0}.page-top-image-ctnt p{font-size:21px;margin:10px 0}h2.title,h2.title-left{font-size:28px;line-height:31px}.header{border-bottom:1px solid rgba(88,158,236,.8)}.footer-two .container{flex-wrap:wrap;gap:20px;padding:0}.footer-two .container .col{width:100%;border-bottom:1px solid #35609e}.footer-two .container .col.col-1{padding:20px 0}.footer-two{background-size:cover;padding:0;border-bottom:none}.footer-bootom img{max-width:250px;right:-4%;z-index:9}.footer-bootom{text-align:left}.footer-bootom a{margin:6px 0;width:46%;padding:6px 7px;font-size:17px;position:relative;z-index:999}.footer-two .container .col.col-3{padding-bottom:0}.footer-top-trip{margin-top:-7px}body .tab-content h3{font-size:26px;margin:13px 0 4px}.footer-yellow .container{flex-wrap:wrap;gap:12px}.foot-zebra{max-width:34%;opacity:.7;z-index:1}.two-two-grid li a{display:inherit!important}.two-two-grid li a img{border-radius:5px 5px 0 0!important}.two-two-grid li a .page-grid-image{width:100%!important}.two-two-grid li a .page-grid-content{width:100%!important}.page-grid-content{padding:10px}.footer-two .container h4,.col.col-1 .content,.col.col-2 .content,.col.col-3 .content,.col.col-4 .content{padding-left:15px;padding-right:15px}.col.col-4{padding-bottom:15px}.social-icon{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.social-icon h4{margin:0 !important}.social-icon .content{margin-top:0}.footer-two .col ul{display:none;padding-left:11px}.footer-two .fa-chevron-down{display:block;float:right}.footer-two .container .col.col-4{border-bottom:none}.footer-three{background:#0f0f0f}}@media (min-width:100px) and (max-width:447px){.social-icon .content{margin-top:15px}}@media (min-width:100px) and (max-width:545px){.line-2-clamp,.line-3-clamp p{height:auto}.social-icon{gap:0px}}@media (min-width:769px) and (max-width:1200px){.home-page .totalspan-img-content{width:100%}.footer-two .container{gap:7px 33px}.footer-two .container .col-1{width:100%;display:flex;gap:20px;align-items:center;justify-content:space-between;border-bottom:1px solid #265389;padding-bottom:13px;margin-bottom:15px!important}.footer-two .container .col-1 h4{margin-bottom:3px}.footer-two .container .col-1 img{width:175px;margin:0}.footer-two .container .col-2{width:30%}.footer-two .container .col-3{width:30%}.foot-zebra{max-width:229px}.footer-bootom img{max-width:260px;right:-12px}.footer-two{background-position:center}.social-icon .content{margin-top:15px}}@media (min-width:100px) and (max-width:600px){.foogallery.fg-carousel{display:block}.page-top-image{padding:0 !important;margin:0}.page-top-image img{border-radius:0;margin:0}.page-top-image img.attachment-full.size-full{display:none}img.mobile_feature{display:block !important}.page-top-image-ctnt{position:unset;display:inline-block;bottom:0;left:0;width:100%;max-width:100%;padding:10px;border-radius:0;background:#333;margin-bottom:5px}.page-top-image-ctnt h1{margin-top:3px}.page-top-image-ctnt p{color:#fff}.foogallery.fg-carousel button.fg-carousel-prev{position:absolute;top:0;left:0;width:unset}.foogallery.fg-carousel button.fg-carousel-next{position:absolute;right:0;top:0;width:unset}.amazingcarousel-description{bottom:46px!important;left:8px!important}}@media (min-width:993px) and (max-width:1400px){.main-head .left-header img{max-width:145px}}.wpcf7 form.sent .wpcf7-response-output,.wpcf7 form.invalid .wpcf7-response-output{display:none}.ts-content{display:flex;flex-wrap:wrap;align-items:center;gap:4%}.content-data{width:46%}img.ts-image{width:50%;border-radius:50% 0}.distributor-info h2.title,.about-info h2.title{text-align:left}.description{text-align:center}@media (min-width:100px) and (max-width:992px){.ts-content:first-child{flex-direction:column-reverse}.content-data{width:100%;padding:0}img.ts-image{width:100%;border-radius:5px}}.two-two-grid li{width:49%}.two-two-grid li a .page-grid-image{width:45%}.two-two-grid li a .page-grid-content{width:55%}.two-two-grid li a{display:flex;align-items:center}.two-two-grid li a img{border-radius:5px 0 0 5px;display:block}.faq{margin-top:20px;padding:15px;background-color:#f4f4f4;border-radius:5px;list-style:none}.faq:hover{background:#003c73}.faq:hover .question{color:#fff}.question{display:flex;align-items:center;font-weight:600;justify-content:space-between;cursor:pointer;position:relative;font-size:18px;line-height:24px}.question i{margin-left:10px;font-size:27px;transition:transform .3s ease}.question.active i{transform:rotate(90deg)}.question:hover{color:#0650a0;cursor:pointer}.answer{display:none;margin-top:10px;padding:10px;background-color:#fff;border-radius:5px}.info-section-totalspan{background:url('https://www.totalspan.com.au/wp-content/uploads/Grey-Cladding-scaled.jpg');color:#fff;text-align:center;padding:25px 0 50px}h2.color-white{color:#fff}.info-section-totalspanhr.red{background:#f1c933}.info-section-totalspan p{max-width:932px;margin:18px auto 30px auto}.page-template-cms-custom-shed .cms-custom-shed{margin:10px 3%;border:1px solid #0650a0;border-radius:5px;padding:3px}