img:is([sizes="auto" i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(0.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;border:0;word-wrap:normal !important}.wpcf7 .hidden-fields-container{display:none}.wpcf7 form .wpcf7-response-output{margin:2em .5em 1em;padding:.2em 1em;border:2px solid #00a0d2}.wpcf7 form.init .wpcf7-response-output,.wpcf7 form.resetting .wpcf7-response-output,.wpcf7 form.submitting .wpcf7-response-output{display:none}.wpcf7 form.sent .wpcf7-response-output{border-color:#46b450}.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output{border-color:#dc3232}.wpcf7 form.spam .wpcf7-response-output{border-color:#f56e28}.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output{border-color:#ffb900}.wpcf7-form-control-wrap{position:relative}.wpcf7-not-valid-tip{color:#dc3232;font-size:1em;font-weight:400;display:block}.use-floating-validation-tip .wpcf7-not-valid-tip{position:relative;top:-2ex;left:1em;z-index:100;border:1px solid #dc3232;background:#fff;padding:.2em .8em;width:24em}.wpcf7-list-item{display:inline-block;margin:0 0 0 1em}.wpcf7-list-item-label:before,.wpcf7-list-item-label:after{content:" "}.wpcf7-spinner{visibility:hidden;display:inline-block;background-color:#23282d;opacity:.75;width:24px;height:24px;border:none;border-radius:100%;padding:0;margin:0 24px;position:relative}form.submitting .wpcf7-spinner{visibility:visible}.wpcf7-spinner:before{content:'';position:absolute;background-color:#fbfbfc;top:4px;left:4px;width:6px;height:6px;border:none;border-radius:100%;transform-origin:8px 8px;animation-name:spin;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}@media (prefers-reduced-motion:reduce){.wpcf7-spinner:before{animation-name:blink;animation-duration:2s}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes blink{from{opacity:0}50%{opacity:1}to{opacity:0}}.wpcf7 [inert]{opacity:.5}.wpcf7 input[type=file]{cursor:pointer}.wpcf7 input[type=file]:disabled{cursor:default}.wpcf7 .wpcf7-submit:disabled{cursor:not-allowed}.wpcf7 input[type=url],.wpcf7 input[type=email],.wpcf7 input[type=tel]{direction:ltr}.wpcf7-reflection>output{display:list-item;list-style:none}.wpcf7-reflection>output[hidden]{display:none}
[id^=jala-dump]{--jala-dump-light:#fff;--jala-dump-offwhite:#f2f2f2;--jala-dump-grey:#c3c4c7;--jala-dump-dark:#000;--jala-dump-border:1px solid var(--jala-dump-grey);--jala-dump-font:16px;--jala-dump-space:var(--jala-dump-font);margin:var(--jala-dump-space);border:var(--jala-dump-border);background-color:#fff;font-family:monospace;overflow-wrap:break-word;z-index:99999;position:relative;isolation:isolate}[id^=jala-dump]>details>summary{padding:calc(var(--jala-dump-space) / 2);font-size:var(--jala-dump-space);color:#000}[id^=jala-dump]>details>summary{display:flex;justify-content:space-between;gap:var(--jala-dump-space);font-family:sans-serif}[id^=jala-dump]>details[open]>summary{border-bottom:var(--jala-dump-border)}[id^=jala-dump] summary{cursor:pointer}[id^=jala-dump] pre{padding:0 calc(var(--jala-dump-space) / 2);margin:0;white-space:pre-wrap;font-size:var(--jala-dump-space);color:var(--jala-dump-dark);line-height:calc(var(--jala-dump-space) * 1.5);position:relative;background-image:linear-gradient(0deg,var(--jala-dump-offwhite) 25%,var(--jala-dump-light) 25%,var(--jala-dump-light) 50%,var(--jala-dump-offwhite) 50%,var(--jala-dump-offwhite) 75%,var(--jala-dump-light) 75%,var(--jala-dump-light) 100%);background-size:1px calc(var(--jala-dump-space) * 6)}[id^=jala-dump] pre>div{margin-left:var(--jala-dump-space)}[id^=jala-dump] pre+div{border-top:var(--jala-dump-border);display:flex;justify-content:flex-end}[id^=jala-dump] pre+div a{padding:calc(var(--jala-dump-space) / 2);border-left:var(--jala-dump-border);display:flex;justify-content:center;align-items:center;text-decoration:none;width:var(--jala-dump-space);height:var(--jala-dump-space);color:var(--jala-dump-dark);font-size:var(--jala-dump-space)}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
@charset "utf-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}*,:before,:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}:focus{outline:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}ol,ul{list-style:none}img{vertical-align:top;border:0}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){a:active{background-color:transparent}}.cf:before,.cf:after{content:"";display:table}.cf:after{clear:both}.cf{zoom:1}button,input[type=password],input[type=search],input[type=tel],input[type=email],input[type=submit],input[type=button],input[type=text],select,textarea{color:#333;background:#f6f6f6;font-size:100%;margin:0;vertical-align:baseline;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;text-overflow:'';border-radius:0;height:40px;line-height:1;border:1px solid #0d52a5}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-indent:.01px;text-overflow:'';border:none}button,input{line-height:normal}input::-moz-focus-inner,button::-moz-focus-inner{border:0;padding:0}input[type=submit],button{border:0;padding:0;appearance:none;-webkit-appearance:none;-moz-appearance:none}input[type=text],input[type=password],input[type=email],input[type=tel],input[type=search],textarea,select{height:70px;background:rgba(255,255,255,.2);line-height:70px;padding:0 15px;width:100%;color:#fff}textarea{line-height:1.2;overflow:auto;resize:none;height:100px!important;padding:15px!important}.wpcf7-form,form{overflow:hidden;padding:40px;background:#0d52a5}.wpcf7-form label{color:#fff}.wpcf7-not-valid{border:1px solid #a2c354!important}html:not(.no-smil) .wpcf7 .wpcf7-spinner{background-image:url(//www.jsjroofing.com.au/wp-content/themes/jsjroofing/css/../images/bgi/loading.svg) !important;width:40px !important;height:40px !important;background-repeat:no-repeat;background-position:center;background-size:30px}.wpcf7-response-output{margin:15px 0 0 !important;padding:10px !important;text-align:center;border-color:#f6f6f6!important;color:#f6f6f6!important;font-size:18px;line-height:1.5}.wpcf7 .wpcf7-spinner{background-color:transparent !important}.wpcf7 .wpcf7-spinner:before{content:none !important}.wpcf7-not-valid-tip{display:none!important}::-webkit-input-placeholder{color:#fff}:-moz-placeholder{color:#fff;opacity:1}::-moz-placeholder{color:#fff;opacity:1}:-ms-input-placeholder{color:#fff}.grecaptcha-badge{display:none !important}html{padding:10px 0}html,body{color:#333;background:#fff;-webkit-font-smoothing:antialiased;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}::-moz-selection{background:#0d52a5;color:#fff}::selection{background:#0d52a5;color:#fff}::-moz-selection{background:#0d52a5;color:#fff}a,input,textarea,.transition_all,.transition_all_children *,#mainmenu ul li,h1,h2,h3,h4,h5,h6,#banner,.svg-link svg,.social_links li svg *,.logo img{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;backface-visibility:hidden;-webkit-backface-visibility:hidden}.transition_all_slower,.transition_all_children_slower *,.header_sub,#nav,#mainmenu ul>li>ul{-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;backface-visibility:hidden;-webkit-backface-visibility:hidden}.transition_all_quicker,.transition_all_children_quicker *{-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out;backface-visibility:hidden;-webkit-backface-visibility:hidden}.no_transition{-webkit-transition:none;transition:none}body,button,input[type=password],input[type=search],input[type=tel],input[type=email],input[type=submit],input[type=button],input[type=text],select,textarea{font:18px/1 'Open Sans',sans-serif}p,#main ul,#main ol{line-height:1.6;margin-bottom:20px}p:last-child{margin-bottom:0}.font1{font-family:'Open Sans',sans-serif}.font_size_large{font-size:50px;font-weight:800}.font_color1{color:#333}.font_color2{color:#a2c354}.font_color3{color:#0d52a5}.font_color4{color:#f6f6f6}.font_color_white{color:#fff}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:700}h1,.heading_style1{margin-bottom:20px;color:#0d52a5;font-size:50px;text-transform:uppercase}h2{font-size:38px;margin-bottom:20px;color:#a2c354}h3{font-size:36px;margin-bottom:15px;color:#0d52a5}h4{font-size:26px;margin-bottom:15px;color:#a2c354}h5{font-size:22px;margin-bottom:15px;color:#0d52a5}h6{font-size:18px;margin-bottom:15px;color:#a2c354}a{color:#a2c354;text-decoration:none}a:hover{color:#0d52a5}.link2{color:#0d52a5}.link2:hover{color:#a2c354}.btn,.btn2,.button,input[type=button],input[type=submit],button{margin:0;display:inline-block;text-align:center;min-height:70px;border:0;cursor:pointer;font-size:24px;font-weight:700;padding:22px 35px;text-decoration:none!important}.btn,.button,input[type=button],input[type=submit],button{background:#a2c354;background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,#a2c354),to(#89a548));background:-webkit-linear-gradient(#a2c354 50%,#89a548);background:-o-linear-gradient(#a2c354 50%,#89a548);background:linear-gradient(#a2c354 50%,#89a548);background-size:auto 200%;background-position:0 0;color:#ffffff!important}.btn:hover,.button:hover,input[type=button]:hover,input[type=submit]:hover,button:hover{background-position:0 100%}.btn2{background:#0d52a5;background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,#0d52a5),to(#0b4284));background:-webkit-linear-gradient(#0d52a5 50%,#0b4284);background:-o-linear-gradient(#0d52a5 50%,#0b4284);background:linear-gradient(#0d52a5 50%,#0b4284);background-size:auto 200%;background-position:0 0;color:#ffffff!important}.btn2:hover{background-position:0 100%}.bg_color1,.bg_color1_hover:hover{background-color:#333333!important}.bg_color2,.bg_color2_hover:hover{background-color:#a2c354!important}.bg_color3,.bg_color3_hover:hover{background-color:#0d52a5!important}.bg_color4,.bg_color4_hover:hover{background-color:#f6f6f6!important}.bg_color_white,.bg_color_white_hover:hover{background-color:#fff !important}#wrapper{background:#fff;min-width:320px;margin:0 auto;overflow:hidden}.wrap{max-width:1450px;margin:0 auto}.pad_full_small{padding:20px}.pad_top_small{padding-top:20px}.pad_bot_small{padding-bottom:20px}.pad_left_small{padding-left:20px}.pad_right_small{padding-right:20px}.pad_x_small{padding-left:20px;padding-right:20px}.pad_y_small{padding-top:20px;padding-bottom:20px}.pad_full{padding:40px}.pad_top{padding-top:40px}.pad_bot{padding-bottom:40px}.pad_left{padding-left:40px}.pad_right{padding-right:40px}.pad_x{padding-left:40px;padding-right:40px}.pad_y{padding-top:40px;padding-bottom:40px}.pad_full_large{padding:80px}.pad_top_large{padding-top:80px}.pad_bot_large{padding-bottom:80px}.pad_left_large{padding-left:80px}.pad_right_large{padding-right:80px}.pad_x_large{padding-left:80px;padding-right:80px}.pad_y_large{padding-top:80px;padding-bottom:80px}.pad_full_xlarge{padding:100px}.pad_top_xlarge{padding-top:100px}.pad_bot_xlarge{padding-bottom:100px}.pad_left_xlarge{padding-left:100px}.pad_right_xlarge{padding-right:100px}.pad_x_xlarge{padding-left:100px;padding-right:100px}.pad_y_xlarge{padding-top:100px;padding-bottom:100px}.no_pad{padding:0!important}.no_pad_top{padding-top:0!important}.no_pad_bot{padding-bottom:0!important}.mar_full_small{margin:20px}.mar_top_small{margin-top:20px}.mar_bot_small{margin-bottom:20px}.mar_left_small{margin-left:20px}.mar_right_small{margin-right:20px}.mar_x_small{margin-left:20px;margin-right:20px}.mar_y_small{margin-top:20px;margin-bottom:20px}.mar_full{margin:40px}.mar_top{margin-top:40px}.mar_bot{margin-bottom:40px}.mar_left{margin-left:40px}.mar_right{margin-right:40px}.mar_x{margin-left:40px;margin-right:40px}.mar_y{margin-top:40px;margin-bottom:40px}.mar_full_large{margin:80px}.mar_top_large{margin-top:80px}.mar_bot_large{margin-bottom:80px}.mar_left_large{margin-left:80px}.mar_right_large{margin-right:80px}.mar_x_large{margin-left:80px;margin-right:80px}.mar_y_large{margin-top:80px;margin-bottom:80px}.mar_full_xlarge{margin:100px}.mar_top_xlarge{margin-top:100px}.mar_bot_xlarge{margin-bottom:100px}.mar_left_xlarge{margin-left:100px}.mar_right_xlarge{margin-right:100px}.mar_x_xlarge{margin-left:100px;margin-right:100px}.mar_y_xlarge{margin-top:100px;margin-bottom:100px}.no_mar{margin:0!important}.no_mar_top{margin-top:0!important}.no_mar_bot{margin-bottom:0!important}.cols{overflow:hidden}.col{display:block;float:left}.cols.gap,.cols.grid{margin-left:-40px;position:relative}.cols.gap .col,.cols.grid .col{padding:0 0 0 40px}.cols.grid .col{margin-bottom:40px}.cols.grid .col:last-child{margin-bottom:0}.col_1of12{width:8.3333%}.col_2of12{width:16.6666%}.col_3of12{width:25%}.col_4of12{width:33.3333%}.col_5of12{width:41.6666%}.col_6of12{width:50%}.col_7of12{width:58.3333%}.col_8of12{width:66.6%}.col_9of12{width:75%}.col_10of12{width:83.3333%}.col_11of12{width:91.6666%}.col_12of12,.col_full{width:100%}.grid .col.col_3of12:nth-of-type(4n+1){clear:both}.grid .col.col_4of12:nth-of-type(3n+1){clear:both}.grid .col.col_6of12:nth-of-type(2n+1){clear:both}.width-quarter{width:25%;float:left}.width-half{width:50%;float:left}.width-third{width:33.3333%;float:left}.width-full{width:100%;float:left}#main ul,#main ol{padding-left:24px;margin:20px 0 20px 30px}#main ul{list-style-image:url(//www.jsjroofing.com.au/wp-content/themes/jsjroofing/css/../images/bgi/bullet.svg)}#main ul li>ul{list-style-image:url(//www.jsjroofing.com.au/wp-content/themes/jsjroofing/css/../images/bgi/bullet2.svg);margin:2px auto}#main ol{list-style-type:decimal}#main ol li>ol{list-style-type:lower-roman;margin:2px auto}#main ol li>ol li>ol{list-style-type:lower-latin}#main ul li,#main ul li{padding-left:6px}#main ul.unstyled{padding:0;margin:0;list-style-image:none}#main ul.unstyled li{padding:0}#main .alignleft{float:left;max-width:35%!important;height:auto;margin:0 20px 5px 0}#main .alignright{float:right;max-width:35%!important;height:auto;margin:0 0 5px 20px}#main .entry img{max-width:100%;height:auto}hr{margin:20px 0;height:10px;border:0;background:#f6f6f6}blockquote{background:#f6f6f6;border-left:10px solid #f6f6f6;margin:1.5em 10px;padding:2.5em 40px;quotes:"\201C""\201D""\2018""\2019";font-style:italic}blockquote:before{color:#f6f6f6;content:open-quote;font-size:6em;line-height:.1em;margin-right:.25em;vertical-align:-.4em}blockquote p{display:inline}.nodisplay{display:none}.nodisplay_strict{display:none !important}.left{float:left}.right{float:right}.center{text-align:center}.aligncenter{display:block;margin:0 auto}.norightmargin{margin-right:0 !important}.left-align{text-align:left}.right-align{text-align:right}#breadcrumbs{position:absolute;left:0;top:0;color:#0d52a5}#breadcrumbs a{color:#a2c354;text-decoration:none !important}#breadcrumbs a:hover{color:#a2c354}.meta_date{font-size:17px;margin-bottom:10px;display:block}table{width:100%;margin:0 auto 2% auto;font-size:1em}table thead tr{background-color:#333;color:#f6f6f6}table tbody tr{background-color:#f6f6f6}table tr td,table thead tr th,table tr th{padding:1.2% 1%;border:solid 1px #fff;text-align:left;vertical-align:middle;line-height:1.3;position:relative;min-width:20px}table thead tr th,table tr th{text-align:center;background:#0d52a5;color:#fff}table tr td p:last-of-type{margin-bottom:0}.iframe_responsive{width:100%;position:relative;padding-bottom:52%;height:0;overflow:hidden}.iframe_responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.nowrap{white-space:nowrap}.text-shadow{text-shadow:3px 3px 3px rgba(13,82,165,.7)}.shadow,.shadow_hover:hover{box-shadow:0 0 7px rgba(0,0,0,.5)}.svg-shadow,.svg-shadow_hover:hover,a:hover .svg-shadow{-webkit-filter:drop-shadow(0 0 2px rgba(255,255,255,.3));filter:drop-shadow(0 0 2px rgba(255,255,255,.3))}.grow img{-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.grow:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}.bor_top{border-top:1px solid #0d52a5}.bor_bot{border-bottom:1px solid #0d52a5}.bor_bot:last-child,.bor_bot:last-of-type{border-bottom:none}.circled{-moz-border-radius:1000px;border-radius:1000px;overflow:hidden;width:100%;height:0;padding-bottom:100%}.rounded{-moz-border-radius:1000px;border-radius:1000px;overflow:hidden}.container_responsive{width:100%;position:relative;padding-bottom:86.58%;height:0;overflow:hidden;display:block}.container_responsive .internal_responsive_element{position:absolute;top:0;left:0;width:100%;height:100%}.vertical_align_wrapper{display:table;height:100%;width:100%;table-layout:fixed}.vertical_align_wrapper .vertical_align_content{display:table-cell;vertical-align:middle;height:100%;width:100%}.center-v{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.center-vh{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.square-box{position:relative;overflow:hidden}.square-box:before{content:"";display:block;padding-top:100%}.square-content{position:absolute;top:0;left:0;bottom:0;right:0}.square-content>div{display:table;width:100%;height:100%}.square-content>div>div{display:table-cell;text-align:center;vertical-align:middle}.pos-relative{position:relative}.img-only-link{text-align:center}.img-only-link span{font-size:0;height:0;left:-999em;line-height:0;overflow:hidden;position:absolute;text-indent:-999em;top:-999em;width:0}.arrow-up{position:relative}.arrow-up:before{content:"";position:absolute;width:auto;height:0;border-left:55px solid transparent;border-right:55px solid transparent;border-bottom:20px solid #fff;top:-19px;left:50%;margin-left:-55px}.arrow-down{position:relative}.arrow-down:after{content:"";position:absolute;width:auto;height:0;border-left:55px solid transparent;border-right:55px solid transparent;border-top:20px solid #fff;top:118px;right:0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;backface-visibility:hidden;-webkit-backface-visibility:hidden}.dont-break-out{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.ellipses{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;max-width:100%}.img-cover-wrapper{position:relative;overflow:hidden;display:block}.img-cover-wrapper img{position:absolute;left:-9999px;right:-9999px;top:-9999px;bottom:-9999px;margin:auto !important;min-width:100%;min-height:100%;width:auto !important;max-width:none !important}.grabbable:hover{cursor:move;cursor:grab;cursor:-moz-grab;cursor:-webkit-grab}.grabbable:active{cursor:grabbing;cursor:-moz-grabbing;cursor:-webkit-grabbing}#header{position:relative;background-size:cover;background-image:url(//www.jsjroofing.com.au/wp-content/themes/jsjroofing/css/../images/page-banner.jpg);background-repeat:no-repeat;background-position:center;height:0;padding-bottom:23%;min-height:300px}.home #header{background-image:url(//www.jsjroofing.com.au/wp-content/themes/jsjroofing/css/../images/home-banner.jpg);padding-bottom:42%}.home #header .wrap{z-index:100;position:relative;height:0;padding-bottom:42%}.header_sub{position:absolute;display:block;top:-90px;right:0;height:90px;width:100%}.header_sub.active{top:0}.header_top{position:relative}#header h1.logo{margin:0;display:inline-block;width:420px;height:200px;background:#fff;position:relative}#header h1.logo strong{font-size:0;height:0;left:-999em;line-height:0;overflow:hidden;position:absolute;text-indent:-999em;top:-999em;width:0}#header h1.logo a{position:absolute;top:30px;left:105px;display:block}.hearder_text{margin-top:4%}#search-form{float:right}#search-form form{overflow:hidden}#search-form form .search_text{padding:0 20px;width:235px}#nav{position:absolute;top:0;right:0;z-index:10}#mainmenu ul{list-style:none;padding:0;margin:0}#mainmenu ul ul{background-color:#f6f6f6;min-width:200px;opacity:0}#mainmenu ul ul.active{opacity:1}#mainmenu ul li{display:block;position:relative;float:left}#mainmenu li ul{display:none}#mainmenu ul li a{display:block;font-size:20px;text-decoration:none;white-space:nowrap;color:#fff;font-weight:700}#mainmenu>ul>li>a{padding:12px 15px;margin:23px 0}#mainmenu>ul>li:last-child>a{border:none;padding-right:0}#mainmenu li:hover>ul{display:block;position:absolute}#mainmenu li:hover li{float:none}#mainmenu>ul>li:hover{background:0 0}#mainmenu>ul>li>a{color:#f6f6f6}#mainmenu>ul>li:hover>a{color:#a2c354}#mainmenu li ul li:hover{background:#a2c354}#mainmenu li ul li>a{color:#0d52a5;font-size:18px}#mainmenu li ul li:hover>a{color:#fff}#mainmenu li ul li a{padding:14px 25px}#mainmenu ul ul ul{left:100%;top:-5px}#mainmenu ul li.current-menu-item>a,#mainmenu ul li.current-menu-ancestor>a,#mainmenu ul>li.current-menu-parent>a{color:#a2c354}#content{position:relative}#main a{text-decoration:underline}.home #main p{font-size:38px;width:85%;margin:0 auto}#services-carousel{-webkit-transform:translateY(-80px);transform:translateY(-80px);position:relative;z-index:100}#services-carousel .wrap{max-width:1530px}.center-slider article{margin:0 40px}.center-slider article a{display:block;color:#333;position:relative}.center-slider article a figure{position:relative;overflow:hidden}.center-slider article a figure.video-icon:after{content:"";position:absolute;top:10px;right:10px;display:block;width:50px;height:50px;background:url(//www.jsjroofing.com.au/wp-content/themes/jsjroofing/css/../images/play-icon.svg) no-repeat center center}.center-slider article a h1{font-weight:800;font-size:24px;margin:20px 0}.center-slider article a p{font-size:19px;line-height:1.5}.center-slider .slick-list{overflow:visible}.center-slider .slick-list .slick-slide:not(.slick-active) div{opacity:0}.center-slider .slick-list .slick-slide{position:relative}.center-slider .slick-list .slick-slide:before{content:none}.center-slider .slick-list .slick-slide:not(.slick-active):before{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;z-index:99999}.social_links{margin:26px 0 0 30px}.social_links li{display:inline-block;margin-right:20px}.social_links li:last-child{margin-right:0}.social_links li svg:hover *{fill:#a2c354}#border_top,#border_bottom,#border_left,#border_right{background:#a2c354;z-index:1000}#border_left,#border_right{position:fixed;top:0;bottom:0;width:10px}#border_left{left:0}#border_right{right:0}#border_top,#border_bottom{position:fixed;left:0;right:0;height:10px}#border_top{top:0}#border_bottom{bottom:0}.diagonal-bg{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;overflow:hidden}.home .diagonal-bg svg{transform:scale(1.4) translatex(11%)}.testimonials p{color:#fff;font-size:21px;font-style:italic}.testimonials h5{color:#fff}.testimonials{max-width:100%;overflow:hidden}.testimonials .width-half:nth-child(1){min-height:1px;background-repeat:no-repeat;background-position:center center;background-size:cover}.testimonials .width-half:nth-child(2){background-image:url(//www.jsjroofing.com.au/wp-content/themes/jsjroofing/css/../images/bgi/quote-icon.svg);background-position:30px 30px;background-repeat:no-repeat;padding-right:100px}#sidebar .widget{background:#0d52a5;color:#fff}#sidebar .widget .widgettitle{display:block;margin-bottom:0;background:#a2c354;color:#fff;font-size:26px;padding:20px;text-transform:uppercase}#sidebar .widget:last-child{margin-bottom:0}#sidebar .widget>div{padding:20px}#sidebar form{padding:0}#footer{border-top:solid 10px #fff}#footer p,#footer a{color:#fff}#footer a:hover{color:#a2c354}#footer #footer_bottom{font-size:14px}.video_holder{width:100%;height:0;padding-bottom:50%}.menu_overlay{display:none;left:0;overflow:hidden;position:fixed;top:0;width:100%;height:100%;z-index:1000}.menu_overlay .menu_wrap{right:0;overflow:auto;position:fixed;width:100%;margin-right:100%;top:0;bottom:0;z-index:800;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-transform:tranzlateZ(0);transform:tranzlateZ(0)}.responsive_menu_displayed{overflow:hidden}.menu_overlay.displayed .menu_wrap{margin-right:0}.menu_overlay h3{color:#fff;margin:0 40px}.menu_overlay{background:#0d52a5;background:rgba(13,82,165,1)}.menu_overlay .vertical_align_wrapper{padding-top:50px}.responsive_menu_btn{border:none;width:38px;height:100%;line-height:80px;text-indent:-900em;text-align:left;overflow:hidden;cursor:pointer;outline:none;display:none;position:relative;margin-right:10px}.responsive_menu_displayed .responsive_menu_btn span{background:0 0 !important}.responsive_menu_displayed .responsive_menu_btn span:after{-webkit-transform:rotate(50deg);transform:rotate(50deg);bottom:0}.responsive_menu_displayed .responsive_menu_btn span:before{-webkit-transform:rotate(-50deg);transform:rotate(-50deg);top:0}.responsive_menu_btn:hover span,.responsive_menu_btn:hover span:before,.responsive_menu_btn:hover span:after,.responsive_menu_displayed .responsive_menu_btn span:after,.responsive_menu_displayed .responsive_menu_btn span:before{background:#a2c354}.responsive_menu_btn span{top:50%;left:13px}.responsive_menu_btn span,.responsive_menu_btn span:before,.responsive_menu_btn span:after{position:absolute;display:block;left:0;width:38px;height:4px;background-color:#a2c354;content:""}.responsive_menu_btn span:before{top:-12px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.responsive_menu_btn span:after{bottom:-12px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.responsive_menu li{position:relative}.responsive_menu li:first-child{border-top:0}.responsive_menu li a{position:relative;display:block;padding:20px;-webkit-transition:.4s all;transition:.4s all;line-height:1;box-sizing:content-box;font-weight:700;color:#0d52a5}.responsive_menu li a.open{background:#a2c354 !important;color:#fff !important}.responsive_menu li a:hover{color:#0d52a5}.responsive_menu li .sub-menu{display:none}.responsive_menu li .sub-menu li a{background:#f6f6f6}.responsive_menu li .sub-menu li li a{background:#f6f6f6}.responsive_menu li.menu-item-has-children>span{display:block;width:46px;height:46px;position:absolute;top:6px;right:10px;z-index:100;cursor:pointer;border-radius:50px;border:3px solid #a2c354}.responsive_menu li.menu-item-has-children>span.active{background:#a2c354;border-color:#fff}.responsive_menu li.menu-item-has-children>span:after{content:"▼";color:#a2c354;text-align:center;line-height:42px;position:absolute;width:100%;height:100%;top:0;left:0;background-size:10px;-webkit-transition:.4s all;transition:.4s all}.responsive_menu li.menu-item-has-children>span.active:after{-webkit-transform:rotate(180deg);transform:rotate(180deg);color:#fff}.responsive_menu li.current-menu-item>a,.responsive_menu li.current-menu-ancestor>a,.responsive_menu>li.current-menu-parent>a{color:#a2c354}.close_overlay{display:block;width:44px;height:44px;line-height:44px;color:#fff;font-size:38px;text-transform:uppercase;text-align:center;position:absolute;right:0;text-indent:-999999em;opacity:.95;background:#a2c354}.close_overlay:before,.close_overlay:after{position:absolute;display:block;left:50%;margin-left:-10px;top:50%;margin-top:-1px;width:20px;height:3px;background-color:#fff;content:""}.close_overlay:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.close_overlay:after{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.close_overlay:hover{cursor:pointer;background:#a2c354;border-color:#a2c354}.ba-slider{position:relative;overflow:hidden}.ba-slider img{width:100%;display:block}.ba-slider .resize{position:absolute;top:0;left:0;height:100%;width:50%;overflow:hidden}.handle{position:absolute;left:50%;top:0;bottom:0;width:0;margin-left:-2px;background:rgba(0,0,0,.5);cursor:ew-resize}.handle:after{position:absolute;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;content:'\25C0  \25b6';color:#fff;font-weight:700;font-size:20px;text-align:center;line-height:62px;background:#a2c354;transition:all .3s ease}.handle.draggable:after{background:#0d52a5}.services_list a{text-decoration:none !important}.services_list p{color:#333}.services_list figure{overflow:hidden}
figure img,img.responsive{width:100%;height:auto}.mq_400,.mq_480,.mq_640,.mq_960,.mq_1024,.mq_1024{display:none}.jd_media_query_activation{height:0;width:0;position:absolute;overflow:hidden;visibility:hidden}@media only screen and (min-width:1901px){.home #header,.home #header .wrap{padding-bottom:0;height:738px}}@media only screen and (max-width:1600px){.pad_full_xlarge{padding:80px}.pad_top_xlarge{padding-top:80px}.pad_bot_xlarge{padding-bottom:80px}.pad_left_xlarge{padding-left:80px}.pad_right_xlarge{padding-right:80px}.pad_x_xlarge{padding-left:80px;padding-right:80px}.pad_y_xlarge{padding-top:80px;padding-bottom:80px}.mar_full_xlarge{margin:80px}.mar_top_xlarge{margin-top:80px}.mar_bot_xlarge{margin-bottom:80px}.mar_left_xlarge{margin-left:80px}.mar_right_xlarge{margin-right:80px}.mar_x_xlarge{margin-left:80px;margin-right:80px}.mar_y_xlarge{margin-top:80px;margin-bottom:80px}.pad_x_responsive{padding:0 40px}#header .font_size_large{max-width:95%}.font_size_large{font-size:40px}}@media only screen and (max-width:1240px){.mq_1240{display:block}.no_1240{display:none}.cols .mq_1240_col_3of12{width:25%}.cols .mq_1240_col_3of12.grid{width:23.828%;margin:0 1.5625% 1.5625% 0}.cols .mq_1240_col_3of12:nth-of-type(6n){margin-right:20px}.cols .mq_1240_col_3of12:nth-of-type(4n){margin-right:0}.mar_bot_mq_1240,.cols.grid .col{margin-bottom:30px}.mar_bot_large_mq_1240{margin-bottom:60px}.pad_top_large_mq_1240{padding-top:60px}.pad_full_large,.pad_full_xlarge{padding:60px}.pad_top_large,.pad_top_xlarge{padding-top:60px}.pad_bot_large,.pad_bot_xlarge{padding-bottom:60px}.pad_left_large,.pad_left_xlarge{padding-left:60px}.pad_right_large,.pad_right_xlarge{padding-right:60px}.pad_x_large,.pad_x_xlarge{padding-left:60px;padding-right:60px}.pad_y_large,.pad_y_xlarge{padding-top:60px;padding-bottom:60px}.pad_full{padding:30px}.pad_top{padding-top:30px}.pad_bot{padding-bottom:30px}.pad_left{padding-left:30px}.pad_right{padding-right:30px}.pad_x{padding-left:30px;padding-right:30px}.pad_y{padding-top:30px;padding-bottom:30px}.mar_full_large,.mar_full_xlarge{margin:60px}.mar_top_large,.mar_top_xlarge{margin-top:60px}.mar_bot_large,.mar_bot_xlarge{margin-bottom:60px}.mar_left_large,.mar_left_xlarge{margin-left:60px}.mar_right_large,.mar_right_xlarge{margin-right:60px}.mar_x_large,.mar_x_xlarge{margin-left:60px;margin-right:60px}.mar_y_large,.mar_y_xlarge{margin-top:60px;margin-bottom:60px}.mar_full{margin:30px}.mar_top{margin-top:30px}.mar_bot{margin-bottom:30px}.mar_left{margin-left:30px}.mar_right{margin-right:30px}.mar_x{margin-left:30px;margin-right:30px}.mar_y{margin-top:30px;margin-bottom:30px}.wpcf7-form{padding:30px}.pad_x_responsive{padding:0 30px}.font_size_large{font-size:34px}h1,.heading_style1{font-size:40px}h2{font-size:28px}h3{font-size:24px}h4{font-size:22px}h5{font-size:18px}h6{font-size:16px}.width-quarter{width:33.33%}#header h1.logo{width:320px;height:158px}#header h1.logo img{width:140px;height:110px}#header h1.logo a{top:24px;left:78px}.home #header,.home #header .wrap{min-height:530px}.home #main p{font-size:32px}}@media only screen and (max-width:1600px) and (min-width:1024px){.home #header,.home #header .wrap{min-height:634px}}@media only screen and (max-width:1150px){.mq_1024{display:block}.no_1024{display:none}.mar_bot_mq_1024,.mar_bot_mq_1240{margin-bottom:30px}.mar_bot_large_mq_1024,.mar_bot_large_mq_1240{margin-bottom:60px}.header_sub{height:80px;top:0}.social_links{margin:22px 0 0 30px}.hearder_text{margin-top:6%}#services-carousel{-webkit-transform:translateY(30px);transform:translateY(30px)}}@media only screen and (min-width:961px){.same_height_no_960{padding-bottom:1000%!important;margin-bottom:-1000%!important}.same_height_col_no_960{display:table;min-width:100%;height:100%;table-layout:fixed}.same_height_col_no_960 .col{display:table-cell;height:100%;float:none;overflow:hidden !important;vertical-align:top}.same_height_col_no_960 .col .col_module{display:block;height:100%;width:100%;position:relative}.same_height_col_no_960 .col.middle .col_module{display:inline}.same_height_col_no_960 .col .col_module:before{content:"----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- -----";display:block !important;height:0!important;line-height:0!important;overflow:hidden}.ie-compatible .same_height_col_no_960 .col .col_module{padding-bottom:1000px;margin-bottom:-1000px}.ie-compatible .ie-compatible-same_height_col_js.same_height_col_no_960 .col .col_module{padding-bottom:0;margin-bottom:auto}.ie-compatible .ie-compatible-same_height_col_js.same_height_col_no_960 .col{float:left;display:block}}@media only screen and (max-width:960px){.mq_960{display:block}.no_960{display:none}.col_3of12{width:50%!important}.col.col_3of12:nth-of-type(2n+1){clear:both}.col_4of12,.col_8of12,.col_5of12,.col_7of12{width:100%!important}.mar_bot_mq_960,.mar_bot_mq_1024,.mar_bot_mq_1240{margin-bottom:30px!important}.mar_bot_large_mq_960,.mar_bot_large_mq_1024,.mar_bot_large_mq_1240{margin-bottom:50px!important}.pad_top_large_mq_1240,.pad_top_large_mq_960{padding-top:50px}.pad_full_large,.pad_full_xlarge{padding:50px}.pad_top_large,.pad_top_xlarge{padding-top:50px}.pad_bot_large,.pad_bot_xlarge{padding-bottom:50px}.pad_left_large,.pad_left_xlarge{padding-left:50px}.pad_right_large,.pad_right_xlarge{padding-right:50px}.pad_x_large,.pad_x_xlarge{padding-left:50px;padding-right:50px}.pad_y_large,.pad_y_xlarge{padding-top:50px;padding-bottom:50px}.mar_full_large,.mar_full_xlarge{margin:50px}.mar_top_large,.mar_top_xlarge{margin-top:50px}.mar_bot_large,.mar_bot_xlarge{margin-bottom:50px}.mar_left_large,.mar_left_xlarge{margin-left:50px}.mar_right_large,.mar_right_xlarge{margin-right:50px}.mar_x_large,.mar_x_xlarge{margin-left:50px;margin-right:50px}.mar_y_large,.mar_y_xlarge{margin-top:50px;margin-bottom:50px}.width-half-mq_960{width:50% !important}.width-full-mq_960{width:100% !important}.pad_right_large_no_960{padding-right:0 !important}.mar_bot_large_no_960{margin-bottom:0 !important}.font_size_large{font-size:30px}h1,.heading_style1{font-size:34px}h2{font-size:26px}h3{font-size:20px}h4{font-size:22px}h5{font-size:18px}h6{font-size:18px}#header h1.logo{width:202px;height:100px}#header h1.logo img{width:92px;height:75px}#header h1.logo a{top:14px;left:50px}.home #header,.home #header .wrap{min-height:500px}#header .font_size_large{margin-bottom:80px!important}#services-carousel{-webkit-transform:translateY(0);transform:translateY(0);background:#fff;padding-bottom:50px}.home #main{margin:30px !important}.home #main p{font-size:24px;width:100%}.btn,.btn2,.button,input[type=button],input[type=submit],button{padding:25px 30px}#footer .btn{margin:0 0 20px;display:block;font-size:20px}#border_left,#border_right{display:none}}@media only screen and (max-width:768px){.col_6of12{width:100%!important}.cols .mq_768_col_6of12.grid{width:50%!important}}@media only screen and (min-width:641px){.same_height{padding-bottom:1000%!important;margin-bottom:-1000%!important}.same_height_col{display:table;min-width:100%}.same_height_col .col{display:table-cell;height:100%;float:none}.same_height_col .col .col_module{display:block;height:100%;width:100%}.same_height_col .col .col_module:before{content:"----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- -----";display:block !important;height:0!important;line-height:0!important;overflow:hidden}.ie-compatible .same_height_col .col .col_module{padding-bottom:100px;margin-bottom:-100px}.ie-compatible .ie-compatible-same_height_col_js.same_height_col .col .col_module{padding-bottom:0;margin-bottom:auto}}@media only screen and (max-width:640px){#main .alignleft{float:none;width:100% !important;max-width:none !important;height:auto;margin:4% 0}#main .alignright{float:none;width:100% !important;max-width:none !important;height:auto;margin:4% 0}.mq_640{display:block}.no_640{display:none}.col_3of12,.col_4of12,.col_8of12,.col_9of12{width:100%!important}.no_pad_mq_640{padding:0!important}.pad_left_mq_640{padding-left:20px!important}.pad_right_mq_640{padding-right:20px!important}.mar_bot_mq_640,.mar_bot_mq_960,.mar_bot_mq_1024,.mar_bot_mq_1240,.cols.grid .col{margin-bottom:20px!important}.mar_bot_large_mq_640,.mar_bot_large_mq_960,.mar_bot_large_mq_1024,.mar_bot_large_mq_1240{margin-bottom:30px!important}.pad_top_large_mq_1240{padding-top:30px}.pad_full{padding:20px}.pad_top{padding-top:20px}.pad_bot{padding-bottom:20px}.pad_left{padding-left:20px}.pad_right{padding-right:20px}.pad_x{padding-left:20px;padding-right:20px}.pad_y{padding-top:20px;padding-bottom:20px}.pad_full_large,.pad_full_xlarge{padding:30px}.pad_top_large,.pad_top_xlarge{padding-top:30px}.pad_bot_large,.pad_bot_xlarge{padding-bottom:30px}.pad_left_large,.pad_left_xlarge{padding-left:30px}.pad_right_large,.pad_right_xlarge{padding-right:30px}.pad_x_large,.pad_x_xlarge{padding-left:30px;padding-right:30px}.pad_y_large,.pad_y_xlarge{padding-top:30px;padding-bottom:30px}.mar_full{margin:20px}.mar_top{margin-top:20px}.mar_bot{margin-bottom:20px}.mar_left{margin-left:20px}.mar_right{margin-right:20px}.mar_x{margin-left:20px;margin-right:20px}.mar_y{margin-top:20px;margin-bottom:20px}.mar_full_large,.mar_full_xlarge{margin:30px}.mar_top_large,.mar_top_xlarge{margin-top:30px}.mar_bot_large,.mar_bot_xlarge{margin-bottom:30px}.mar_left_large,.mar_left_xlarge{margin-left:30px}.mar_right_large,.mar_right_xlarge{margin-right:30px}.mar_x_large,.mar_x_xlarge{margin-left:30px;margin-right:30px}.mar_y_large,.mar_y_xlarge{margin-top:30px;margin-bottom:30px}.width-full-mq_640{width:100%}.width-quarter{width:100%}.wpcf7-form{padding:20px}.pad_x_responsive{padding:0 20px}.font_size_large{font-size:30px}h1,.heading_style1{font-size:30px}h2{font-size:24px}h3{font-size:18px}h4{font-size:18px}h5{font-size:18px}h6{font-size:16px}#border-top,#border-bottom,#border-left,#border-right{display:none}.hearder_text{margin-top:10%;position:relative;text-align:center}.font_size_large{font-size:24px}#header .font_size_large{max-width:100%;margin-bottom:50px !important}.home #header,.home #header .wrap{min-height:450px}.home #main p{font-size:20px;line-height:1.4}.testimonials .width-half:nth-child(2){background-size:15%;padding-right:30px}.testimonials p{font-size:18px;line-height:1.4}.header_sub{top:0}#nav{opacity:1}#footer{text-align:center}}@media only screen and (max-width:480px){.mq_480{display:block}.no_480{display:none}[class*=mar_bot]{margin-bottom:20px!important}[class*=pad_full]{padding:20px}[class*=pad_top]{padding-top:20px}[class*=pad_bot]{padding-bottom:20px}[class*=pad_left]{padding-left:20px}[class*=pad_right]{padding-right:20px}[class*=pad_x]{padding-left:20px;padding-right:20px}[class*=pad_y]{padding-top:20px;padding-bottom:20px}[class*=mar_full]{margin:20px}[class*=mar_top]{margin-top:20px}[class*=mar_bot]{margin-bottom:20px}[class*=mar_left]{margin-left:20px}[class*=mar_right]{margin-right:20px}[class*=mar_x]{margin-left:20px;margin-right:20px}[class*=mar_y]{margin-top:20px;margin-bottom:20px}button,input[type=password],input[type=search],input[type=tel],input[type=email],input[type=submit],input[type=button],input[type=text],select,textarea{font-size:18px}.home #main{margin:10px !important}.handle:after{font-size:18px}}@media only screen and (max-width:400px){.mq_400{display:block}.no_400{display:none}input[type=password],input[type=search],input[type=tel],input[type=email],input[type=submit],input[type=button],input[type=text],select,textarea{font-size:16px}.btn,.btn2,.button,input[type=button],input[type=submit],button{font-size:20px}.home #main{margin:0 !important}.btn,.btn2,.button,input[type=button],input[type=submit],button{padding:20px 15px;line-height:1.5}#footer #footer_bottom{font-size:11px}}
/*
Theme Name: JSJ Roofing
Theme URI: http://www.jsjroofing.com.au
Description: Theme for JSJ Roofing
Author: Jala Design
Author URI: http://www.jaladesign.com.au
Version: 2

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*Theme compulsory...*/
.wp-caption, .wp-caption-text, .sticky, .screen-reader-text,.gallery-caption, .bypostauthor , .alignright, .alignleft, .aligncenter {}


/**
 * Core styles: block-supports
 */