@font-face{font-display:swap;font-family:'Avenir Next LT Pro';src:url(../../../../../../../themes/worldclassroofing/fonts/AvenirNextLTPro-Regular.woff2) format('woff2'),url(../../../../../../../themes/worldclassroofing/fonts/AvenirNextLTPro-Regular.woff) format('woff');font-weight:400;font-style:normal}@font-face{font-display:swap;font-family:'Brandon Grotesque';src:url(../../../../../../../themes/worldclassroofing/fonts/BrandonGrotesque-Black.woff2) format('woff2'),url(../../../../../../../themes/worldclassroofing/fonts/BrandonGrotesque-Black.woff) format('woff');font-weight:900;font-style:normal}@font-face{font-display:swap;font-family:'Brandon Grotesque Medium';src:url(../../../../../../../themes/worldclassroofing/fonts/BrandonGrotesque-Medium.woff2) format('woff2'),url(../../../../../../../themes/worldclassroofing/fonts/BrandonGrotesque-Medium.woff) format('woff');font-weight:500;font-style:normal}@font-face{font-display:swap;font-family:'Brandon Grotesque Bold';src:url(../../../../../../../themes/worldclassroofing/fonts/BrandonGrotesque-Bold.woff2) format('woff2'),url(../../../../../../../themes/worldclassroofing/fonts/BrandonGrotesque-Bold.woff) format('woff');font-weight:700;font-style:normal}@font-face{font-display:swap;font-family:'Avenir Next LT Pro Demi';src:url(../../../../../../../themes/worldclassroofing/fonts/AvenirNextLTPro-Demi.woff2) format('woff2'),url(../../../../../../../themes/worldclassroofing/fonts/AvenirNextLTPro-Demi.woff) format('woff');font-weight:400;font-style:normal}@font-face{font-display:swap;font-family:'Avenir Next LT Pro Bold';src:url(../../../../../../../themes/worldclassroofing/fonts/AvenirNextLTPro-Bold.woff2) format('woff2'),url(../../../../../../../themes/worldclassroofing/fonts/AvenirNextLTPro-Bold.woff) format('woff');font-weight:700;font-style:normal}@font-face{font-display:swap;font-family:'Brandon Grotesque Light';src:url(../../../../../../../themes/worldclassroofing/fonts/BrandonGrotesque-Light.woff2) format('woff2'),url(../../../../../../../themes/worldclassroofing/fonts/BrandonGrotesque-Light.woff) format('woff');font-weight:300;font-style:normal}@font-face{font-display:swap;font-family:'Brandon Grotesque Reg';src:url(../../../../../../../themes/worldclassroofing/fonts/BrandonGrotesque-Regular.woff2) format('woff2'),url(../../../../../../../themes/worldclassroofing/fonts/BrandonGrotesque-Regular.woff) format('woff');font-weight:400;font-style:normal}html,body{width:100%}body{margin:0;padding:0;font-family:'Avenir Next LT Pro';font-size:15px;position:relative;overflow-x:hidden;-webkit-font-smoothing:antialiased!important}body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,nav,section{margin:0;padding:0;border:0;vertical-align:baseline}html{margin:0;padding:0;border:0;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,dialog,footer,header,hgroup,menu,nav,section{display:block}table{border-collapse:separate;border-spacing:0}*{box-sizing:border-box;-mox-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}a img{border:none}:focus{outline:0}a{text-decoration:none;color:inherit;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out}.italic{font-style:italic}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.txtuper{text-transform:uppercase}.txtcap{text-transform:capitalize}.mar_right10{margin-right:10px}.marleft5{margin-left:5px}.marleft10{margin-left:10px}.marright5{margin-right:5px}.marleft15{margin-left:15px}.mar_right20{margin-right:20px}.marbottom5{margin-bottom:5px}.marbottom10{margin-bottom:10px}.marbottom15{margin-bottom:15px}.marbottom30{margin-bottom:30px}.marbottom50{margin-bottom:50px}.marbottom25{margin-bottom:25px}.marbottom20{margin-bottom:20px}.marbottom45{margin-bottom:45px}.marbottom40{margin-bottom:40px}.martop35{margin-top:35px}.martop10{margin-top:10px}.padtop35{padding-top:35px}.font0{font-size:0}.font36{font-size:36px;line-height:36px}.font30{font-size:30px;line-height:30px}.font26{font-size:26px;line-height:26px}.font24{font-size:24px;line-height:24px}.font28{font-size:28px;line-height:28px}.font16{font-size:16px}.font18{font-size:18px}.font22{font-size:22px;line-height:100%}.font15{font-size:15px}.pr{position:relative}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pointernone{pointer-events:none}.btn{display:inline-block;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:6px 12px;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out}.form-control{width:100%;padding:12px;border:1px solid #d9d9d9;border-radius:0;height:46px;font-size:15px;color:#696969;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;background-color:#fff;font-family:'Avenir Next LT Pro';font-weight:400}.form-control:focus,.contactform .form-control:focus{border:1px solid #93ba0d;box-shadow:0 0 10px 0 rgba(147,186,13,.5);-webkit-box-shadow:0 0 10px 0 rgba(147,186,13,.5)}textarea{resize:none;height:auto!important;font-family:'Roboto',sans-serif;font-weight:400;min-height:80px;overflow:hidden;margin:0}.list-unstyled{list-style:none}.overflow{overflow:hidden}.container{max-width:1630px;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-left:-15px;margin-right:-15px}.clearfix{display:block}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.row:before,.row:after,.container:before{display:table;content:" "}.row:after{clear:both}.clearfix:after,.container:after{clear:both}.clearfix{*zoom:1;clear:both}.clearfix:before,.clearfix:after,.container:before,.container:after,.row:before,.row:after{display:table;content:" "}.clearfix{clear:both}img{vertical-align:bottom;max-width:100%}.hoverblue:hover{color:#1d3473}.fl{float:left}.fr{float:right}.hidden{display:none}.disblock{display:block}.disinline{display:inline-block}.width50{width:50%;padding-left:15px;padding-right:15px;position:relative;float:left}.padleft30{padding-left:30px}::-webkit-input-placeholder{color:#696969;font-family:'Avenir Next LT Pro';font-weight:400}::-moz-placeholder{color:#696969;font-family:'Avenir Next LT Pro';font-weight:400}:-ms-input-placeholder{color:#696969;font-family:'Avenir Next LT Pro';font-weight:400}::-moz-selection{color:#fff;background:#93ba0d}::selection{color:#fff;background:#93ba0d}select{-webkit-appearance:none;-moz-appearance:none}select::-ms-expand{display:none}input:invalid{box-shadow:none}input[type=text],input[type=submit],input[type=email],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}.commonbanner{background:url(../../../../../../../themes/worldclassroofing/images/commonbanner.jpg) no-repeat;padding-top:186px;margin-bottom:102px;background-size:cover;background-position:bottom right}.heading{position:relative;text-align:center;margin-bottom:40px}.heading>div,.heading>h1,.heading>div>h1{font-family:'Brandon Grotesque';color:#0a47a2;display:inline-block;text-transform:uppercase;position:relative;font-size:30px;padding:0 30px;line-height:100%;font-weight:900;background:#fff}.heading>div>h1.home-page-title{line-height:42px}.heading:before{content:'';position:absolute;background:url(../../../../../../../themes/worldclassroofing/images/titleborder.png);height:3px;width:100%;top:15px;left:0;right:0;margin:auto;background-size:contain}.heading:after{content:'';position:absolute;background:url(../../../../../../../themes/worldclassroofing/images/titletop.png);height:25px;width:70px;top:-36px;left:0;right:0;margin:auto}.crumbox{padding:25px 0}.breadcrumbs>li{padding:5px 32px 5px 0;position:relative;color:#fff;text-transform:capitalize;display:inline-block;font-size:16px;line-height:100%}.breadcrumbs>li:not(:last-child):before{content:"\f0a9  ";font-family:FontAwesome;position:absolute;top:6px;right:9px;color:#fff;font-size:14px;font-style:normal}.breadcrumbs>li>a:hover{color:#fff}.breadcrumbs>li>a{color:#93ba0d;position:relative;display:inline-block;white-space:nowrap}.breadcrumbs>li>a:before{position:absolute;top:0;left:0;overflow:hidden;padding-bottom:2px;max-width:0;border-bottom:2px solid #fff;color:#fff;content:attr(data-hover);-webkit-transition:max-width 0.5s;-moz-transition:max-width 0.5s;transition:max-width 0.5s}.breadcrumbs>li>a:hover:before{max-width:100%}.mainheader{transition:all 0.5s ease-in-out 0s;-webkit-transition:all 0.5s ease-in-out 0s;-ms-transition:all 0.5s ease-in-out 0s;position:absolute;width:100%;z-index:100}.mainheader:before{content:'';position:absolute;background:url(../../../../../../../themes/worldclassroofing/images/headerborder.png);height:2px;width:100%;bottom:0}.mainheader .container,.commonbanner .container{max-width:1864px}.menu_link ul>li{position:relative;display:inline-block;text-align:center;vertical-align:middle}.menu_link ul>li>a{font-family:'Brandon Grotesque Medium';font-weight:500;color:#fff;font-size:16px;padding:20px 36px;display:block;text-transform:uppercase;position:relative;line-height:100%;overflow:hidden}.menu_link ul>li>a:before{content:"";display:block;position:absolute;z-index:-1;background:#fff;border-radius:0 0 50% 50%/0 0 70% 70%;-webkit-transition:height 0.5s ease-in-out;transition:height 0.5s ease-in-out;top:0;right:0;bottom:0;left:0;height:0;width:100%}.menu_link ul>li:hover>a:before,.menu_link ul>li.active>a:before,.menu_link ul .submenu>li.active>a:before{-webkit-transition:height 0.5s ease-in-out;transition:height 0.5s ease-in-out;height:300%}.menu_link ul>li.active>a,.menu_link ul>li:hover>a{color:#0a47a2}.menu_link ul>li:hover>a>i.fa.fa-angle-down{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}.menu_link ul .submenu>li>a:hover,.menu_link ul .submenu>li.active>a{color:#0a47a2}.menu_link .submenu li{display:block;border-right:none;min-width:100%;text-align:left;margin:0;padding:0}.menu_link .submenu li a{text-transform:capitalize;padding:15px;font-size:16px;color:#fff;line-height:100%}.menu_link .submenu{display:none;left:0;position:absolute;top:100%;width:320px;text-align:left;border-radius:0;z-index:10;background-color:#93ba0d;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.4);-moz-box-shadow:0 2px 4px 0 rgba(0,0,0,.4);box-shadow:0 2px 4px 0 rgba(0,0,0,.4)}.logo-left{width:22%;z-index:1;float:left;padding:19px 0}.menu_link li:hover .submenu{display:block}.menu_link .submenu .menudrop{float:right;margin-top:3px}.menudrop{z-index:1;display:inline-block;border-radius:50%;height:15px;width:15px;text-align:center;margin-left:9px;line-height:15px;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out}.menu_link ul>li.hidden,.togglebtn{display:none}.menu_link .submenu li:before{content:none}.menu_link .submenu .menudrop:before{content:"\f105 "}.menu_link .openedmenu:before{content:'\f106'}.quote_list{padding:26px 0;text-align:right}.quote_list li{display:inline-block;margin-left:20px}.btnquote{font-family:'Brandon Grotesque Bold';font-weight:700;color:#fff;font-size:20px;background:#93ba0d;padding:16px 36px 16px 32px;position:relative;border-radius:5px;height:73px;position:relative;z-index:1;overflow:hidden}.btnquote:after,.btncallus:after,.servimg:before,.headfb:after,.contactfb:after{content:"";display:block;position:absolute;z-index:-1;background:#0a47a2;border-radius:0 0 50% 50%/0 0 75% 75%;-webkit-transition:height 0.5s ease-in-out;transition:height 0.5s ease-in-out;top:0;right:0;bottom:0;left:0;height:0;width:100%}.btncallus:after{background:#93ba0d}.btnquote:before,.btncallus:before,.headfb:before,.contactfb:before{border:2px solid #fff;content:'';position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;border-radius:inherit;transition:0.5s ease-in-out;-webkit-transition:0.5s ease-in-out}.btnquote:hover:before,.btncallus:hover:before,.headfb:hover:before,.contactfb:hover:before{opacity:1}.btnquote:hover:after,.btncallus:hover:after,.servicebox:hover .servimg:before,.headfb:hover:after,.contactfb:hover:after{-webkit-transition:height 0.5s ease-in-out;transition:height 0.5s ease-in-out;height:300%}.quoteicon{float:left}.btnquotetxt{float:left;text-align:left;margin-left:18px;line-height:22px}.btncallus{padding:15px 19px;position:relative;border-radius:4px;border:1px solid #1B63CE;height:73px;overflow:hidden;position:relative;z-index:1}.callicon{float:left;margin-top:5px}.calltxtsmall{font-size:16px;color:#fff;line-height:100%;display:block;margin-bottom:3px;letter-spacing:.4px;font-family:'Brandon Grotesque Reg';font-weight:400}.calltxt{color:#fff;font-size:24px;line-height:100%;font-family:'Brandon Grotesque';font-weight:900;display:block;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out}.calltxtmain{float:left;text-align:left;margin-left:15px}.headfb{background:#fff;border-radius:4px;font-size:11px;color:#134999;text-transform:uppercase;font-family:'Avenir Next LT Pro Demi';text-align:center;height:73px;line-height:100%;padding:13px 10px;position:relative;z-index:1;overflow:hidden}.headfb>i{font-size:22px;margin-bottom:10px;margin-top:2px}.headfb:hover>i,.headfb:hover{color:#fff}.headright{float:right;width:78%}.top_header{text-align:right}.fixed-header .logo-left{padding:6px 0;max-width:144px}.fixed-header .quote_list{display:none}.fixed-header .headright{padding:14px 0 0 0}.fixed-header .mainheader{background:#0a47a2;-webkit-animation-duration:0.7s;-webkit-animation-name:fadeInDown;animation-name:fadeInDown;animation-duration:0.7s;-webkit-animation-fill-mode:both;animation-fill-mode:both;position:fixed}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.footer_top{background:#0a47a2;padding-top:140px;margin-top:-84px}.ftlink li{margin-bottom:22px;line-height:100%}.fthead{font-family:'Brandon Grotesque Bold';font-weight:700;color:#fff;font-size:26px;line-height:100%;margin-bottom:30px;border-bottom:1px solid #235aab;padding-bottom:25px}.ftlink li a{position:relative;font-size:16px;color:#fff;display:inline-block;font-family:'Brandon Grotesque Light';font-weight:300;padding-left:25px}.ftlink a::before{content:'\f101';font-family:FontAwesome;position:absolute;left:0;top:-1px;font-size:16px;font-style:normal;line-height:100%}.ftlink li.active a,.ftlink a:hover,.ftxt a:hover,.ftxt1 a:hover{color:#93ba0d}.footer_bottom{background-color:#fff;padding:15px 0}.footer_bottom p{color:#4a4a4a;font-size:14px;text-align:center}.fthalf{overflow:hidden;border-top:1px solid #235aab;position:relative;padding:3px 0}.fthalf:before{position:absolute;content:'';border-top:1px solid #235aab;width:100%;top:2px;left:0}.ftblock1{width:26%;position:relative;float:left;background:#063f95;text-align:center;padding:47px 40px 34px;min-height:525px}.ftblock2{width:38%;position:relative;float:left;margin:0 6.8%;padding-top:60px}.ftblock3{width:22.4%;position:relative;float:left;background:#063f95;padding:60px 40px;min-height:525px}.ftblock2 .ftlink>ul{column-count:2;-webkit-column-count:2}.ftblock2 .ftlink{border-bottom:1px solid #235aab;padding-bottom:20px;margin-bottom:20px}.ftxt{position:relative}.fticon img{margin-bottom:8px;margin-top:20px}.ftxt:before{position:absolute;content:'';border-top:1px solid #235aab;width:55px;bottom:0;left:0;margin:auto;right:0}.ftxt:after{position:absolute;content:'';border-top:1px solid #235aab;width:55px;bottom:3px;left:0;margin:auto;right:0}.ftxt p{font-size:18px;color:#fff;margin-bottom:8px;line-height:25px;padding-bottom:20px;margin-top:40px}.ftxt a{font-size:26px;line-height:100%;color:#fff;font-family:'Brandon Grotesque Bold';font-weight:700;display:inline-block;padding-bottom:20px}.ftxt1 a{font-size:22px;line-height:100%;color:#fff;font-family:'Brandon Grotesque Bold';font-weight:700}.ftpaytitle{color:#0a47a2;font-size:16px;font-family:'Brandon Grotesque Bold';font-weight:700;line-height:100%;float:left;padding:22px 24px}.ftpay li{display:inline-block;vertical-align:middle;padding:0 22px}.ftopening{background:#fff;overflow:hidden;padding:0 15px;margin-bottom:20px}.ftopening ul{float:right;padding:6px 0}.listblock{background:#93ba0d}.listblock .container{max-width:1763px}.listimg{background:#fff;border-radius:50%;display:inline-block;height:64px;width:64px;position:relative;overflow:hidden;vertical-align:middle;margin-right:10px}.listimg img,.cticon img{position:absolute;top:0;bottom:0;margin:auto;right:0;left:0}.listmain li{display:inline-block;vertical-align:middle;position:relative;padding:0 68px}.listmain li:before{content:'';position:absolute;right:0;background:url(../../../../../../../themes/worldclassroofing/images/listborder.png);width:2px;height:100%}.listmain li:first-child{padding-left:0}.listmain li:nth-child(odd){width:32%}.listmain li:nth-child(even){width:36%}.listmain li p{color:#fff;font-size:18px;font-family:'Avenir Next LT Pro Bold';font-weight:700;line-height:100%;margin-bottom:3px}.listmain li span{color:#fff;font-size:16px}.logoaward li{display:inline-block;padding:5px 15px}.listmain{width:77%;float:left;padding:38px 68px 38px 0}.logoaward{width:23%;float:left;text-align:right;padding:14px 0}.listtxt{vertical-align:middle}.listblock1{background:#252525}.listblock1 .listmain li:before{background:url(../../../../../../../themes/worldclassroofing/images/listborder1.png)}.listblock1 .listmain li:last-child:before{content:none}.listblock1 .container{max-width:1630px}.listblock1 .listmain{padding:38px 0;width:79%;margin:0 auto;float:none}.ourservice{padding:110px 0 48px}.workleft{width:46%;float:left;padding:0 15px;position:relative}.workleft ul{margin:0 -30px}.workright{width:53.6%;float:left;padding:0 15px 0 34px}.workright .servicelist li{width:50%}.workright .servicelist li .servimg{max-height:237px}.requestblock{padding:55px 0 408px;background:#0a47a2;position:relative}.requestleft{width:66%;float:left;position:relative;padding:0 15px}.requestright{width:34%;float:left;position:relative;padding:0 15px 0 55px}.cleanbox{background:#8fb60a;float:left;padding:55px 46px;box-shadow:0 0 12px 0 rgba(0,0,0,.08);-webkit-box-shadow:0 0 12px 0 rgba(0,0,0,.08);width:44%;position:relative}.cleantitle{font-family:'Brandon Grotesque';font-weight:900;font-size:26px;line-height:29px;margin-bottom:30px;color:#fff;text-transform:uppercase;width:100%;max-width:294px}.cleanlist>li{color:#fff;font-size:16px;line-height:100%;position:relative;padding-left:28px;margin-bottom:16px}.cleanlist>li:before{content:'\f00c';position:absolute;left:0;font-family:FontAwesome;font-size:14px}.hometesti{background:#fff;width:39%;float:left;margin-top:180px;box-shadow:0 0 6px 0 rgba(0,0,0,.08);-webkit-box-shadow:0 0 6px 0 rgba(0,0,0,.08);position:relative;z-index:1;margin-left:-63px}.cleanbox:before{position:absolute;content:'';border-top:1px solid #1456B8;border-right:1px solid #1456B8;opacity:.79;background-color:#084299;width:80px;height:83px;right:-80px;top:97px;border-radius:0 3px 0 0;opacity:0}.hometesti:before{position:absolute;content:'';border-top:1px solid #1456B8;border-right:1px solid #1456B8;width:140px;height:30px;left:63px;top:-30px;border-radius:0 3px 0 0;opacity:0}.testititle{font-family:'Brandon Grotesque';font-weight:900;font-size:26px;color:#0a47a2;text-transform:uppercase;text-align:center;padding:45px 0 42px;line-height:100%}.clientcontent p{font-size:16px;color:#424242;line-height:24px;text-align:center}.clientcontent{padding:0 53px 80px}.absimg{position:absolute;top:0;right:12%}.absimg1{position:absolute;top:41%;right:2.8%}.quotetop{position:relative;padding:30px 0 18px}.quotetop:before{background:url(../../../../../../../themes/worldclassroofing/images/clientquote.png)bottom center;content:'';top:-20px;width:100%;height:41px;position:absolute}.ctname{color:#424242;font-size:16px;line-height:23px;text-align:center}.ctdate{color:#424242;font-size:16px;line-height:23px;text-align:center}.quicktitle{color:#fff;font-size:24px;font-family:'Avenir Next LT Pro Bold';font-weight:700;text-transform:uppercase;text-align:center;line-height:100%;margin-bottom:5px}.quicksmall{font-size:14px;color:#fff;text-align:center;line-height:19px;margin-bottom:16px}.quick_contact{background:#1b5bbb;padding:36px 58px;overflow:hidden;box-shadow:0 0 17px 0 rgba(0,0,0,.08);-webkit-box-shadow:0 0 17px 0 rgba(0,0,0,.08)}.quick_contact .form-group{margin-bottom:8px;line-height:0}.captacha{background:#fff;padding:9px 13px;margin-bottom:8px}.submitbtn{background:#83a900;border:2px solid #83a900;color:#fff;font-size:18px;line-height:100%;width:100%;text-transform:uppercase;padding:17px 50px;font-family:'Avenir Next LT Pro Bold';font-weight:700;cursor:pointer;border-radius:0}.submitbtn:hover{background:#fff;color:#83a900}.beforebg{background:url(../../../../../../../themes/worldclassroofing/images/beforebg.jpg);padding-bottom:75px}.beforebg .heading{margin-bottom:60px}.beforemargintop{margin-top:-285px;margin-bottom:75px}.heading1>div{background:#0a47a2;color:#fff}.heading1::after{background:url(../../../../../../../themes/worldclassroofing/images/titletop1.png)}.heading1::before{background:url(../../../../../../../themes/worldclassroofing/images/titleborder1.png);background-size:contain}.beforeleft{width:50%;float:left;position:relative}.beforeslider .slick-slide{box-shadow:0 3px 2px 0 rgba(0,0,0,.08)}.beforeleft:before{border-right:1px solid rgba(255,255,255,.3);position:absolute;content:'';height:100%;top:0;right:0;z-index:1}.beforeright{width:50%;float:left;position:relative}.beforeslider .slick-prev::before,.beforeslider .slick-next::before{content:none}.beforeslider .slick-prev,.beforeslider .slick-next{height:42px;width:41px;z-index:1}.beforeslider .slick-prev:hover img,.beforeslider .slick-next:hover img{opacity:.85;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out}.beforeslider .slick-prev{left:20px}.beforeslider .slick-next{right:20px}.beforeleft div{color:#fff;font-size:14px;height:91px;width:144px;position:absolute;bottom:0;right:0;text-transform:uppercase;text-align:center;font-family:'Avenir Next LT Pro Bold';font-weight:700;padding:33px 10px 10px}.beforeleft p,.beforeright p{font-size:22px;position:relative}.beforeleft div:before{content:'';position:absolute;background:url(../../../../../../../themes/worldclassroofing/images/beforetxt.png)no-repeat;height:91px;top:0;width:100%;right:0}.beforeright div{color:#fff;font-size:14px;height:91px;width:144px;position:absolute;bottom:0;left:0;text-transform:uppercase;text-align:center;font-family:'Avenir Next LT Pro Bold';font-weight:700;padding:33px 10px 10px}.beforeleft span,.beforeright span{position:relative}.beforeright div:before{content:'';position:absolute;background:url(../../../../../../../themes/worldclassroofing/images/beforetxt1.png)no-repeat;height:91px;top:0;width:100%;left:0}.beforecontent p{color:#fff;line-height:24px;font-size:16px;margin-bottom:40px;width:78%;display:inline-block}.beforecontent p:last-child{margin-bottom:0}.bftitle{color:#fff;font-size:22px;font-family:'Avenir Next LT Pro Bold';font-weight:700;margin-bottom:18px;line-height:28px}.supplycontent h1{color:#fff;font-size:20px;font-family:'Avenir Next LT Pro Bold';font-weight:700;margin-bottom:18px;line-height:26px}.supplycontent h2,.home-more-content h2{color:#fff;font-size:18px;font-family:'Avenir Next LT Pro Bold';font-weight:700;margin-bottom:18px;line-height:24px}.bftitlesml{color:#fff;font-size:20px;margin-bottom:8px;line-height:18px}.home-more-content{margin-top:15px}#home-page-read-content-link{color:#fff;background:#93ba0d;border-radius:3px;display:block;max-width:180px;margin:20px auto 0;padding:15px 12px;font-family:'Brandon Grotesque Medium';font-weight:500;font-size:18px;line-height:100%;text-transform:capitalize;position:relative;overflow:hidden;z-index:1;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out}#home-page-read-content-link:hover{color:#fff}#home-page-read-content-link:before{border:2px solid #fff;content:'';position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;border-radius:inherit;transition:0.5s ease-in-out;-webkit-transition:0.5s ease-in-out}#home-page-read-content-link:hover:before{opacity:1}#home-page-read-content-link:after{content:"";display:block;position:absolute;z-index:-1;background:#0a47a2;border-radius:0 0 50% 50%/0 0 75% 75%;-webkit-transition:height 0.5s ease-in-out;transition:height 0.5s ease-in-out;top:0;right:0;bottom:0;left:0;height:0;width:100%}#home-page-read-content-link:hover:after{-webkit-transition:height 0.5s ease-in-out;transition:height 0.5s ease-in-out;height:435%}.partnerblock{border-top:1px solid #d7d7d7;padding-top:52px;text-align:center;background:url(../../../../../../../themes/worldclassroofing/images/partnerbg.png)no-repeat center 70%;background-size:contain}.partnertitle{color:#0a47a2;font-size:30px;font-family:'Brandon Grotesque';font-weight:900;text-transform:uppercase;text-align:center;line-height:100%;margin-bottom:40px}.awardlogo li{display:inline-block;padding:5px 13px}.awardlogo{margin-bottom:35px}.partnerlogo li{display:inline-block;vertical-align:middle;padding:5px 22px}.blockleft{width:68.7%;float:left;padding:0 75px 0 15px;position:relative}.blockright{width:31.3%;float:left;padding:0 15px;position:relative}.smltxt{color:#424242;font-size:16px;line-height:23px;text-align:center;margin:0 auto 42px;max-width:880px;width:100%}.servicebox{display:block}.servicelist{margin:0 -20px;font-size:0;text-align:center}.servicelist li{width:25%;display:inline-block;padding:0 20px;margin-bottom:44px}.servicetxt{background:url(../../../../../../../themes/worldclassroofing/images/servicebg.jpg);position:relative;height:88px;padding:22px 30px;display:table;width:100%;transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out}.servicetxt:before{position:absolute;content:'';z-index:1;top:-4px;width:100%;border-top:4px solid #93BA0D;left:0;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out}.servicetxt:after{position:absolute;content:'';top:0;width:100%;height:0;background:#93BA0D;left:0;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;opacity:0}.servtitle{font-family:'Brandon Grotesque';color:#fff;font-size:22px;text-transform:uppercase;font-weight:900;text-align:left;display:table-cell;vertical-align:middle;line-height:100%;position:relative;z-index:1}.servimg{position:relative;overflow:hidden;max-height:214px}.servimg img{-webkit-transition:-webkit-transform 0.8s;transition:transform 0.8s;-webkit-backface-visibility:hidden;backface-visibility:hidden}.servimg::before{background:rgba(10,71,162,.3);z-index:1;transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out}.servicebox:hover .servimg img{-webkit-transform:scale3d(1.2,1.2,1);transform:scale3d(1.2,1.2,1)}.servicebox:hover .servicetxt:before{border-color:#fff}.servicebox:hover .servicetxt:after{opacity:1;height:100%}.blockright .quick_contact{padding:40px 55px 45px;margin-bottom:40px}.blockright .quicksmall{margin:0 -15px 20px;font-size:16px}.perblock{background:url(../../../../../../../themes/worldclassroofing/images/perbg.jpg)no-repeat;padding:36px 60px;position:relative;margin-bottom:40px;background-size:cover}.perblock:before{border-bottom:7px solid #83a900;position:absolute;content:'';width:100%;bottom:0;left:0}.perblock p{color:#fff;font-size:18px;font-family:'Avenir Next LT Pro Bold';font-weight:700;line-height:100%;margin-bottom:3px}.perblock span{color:#fff;font-size:16px}.perblock .listimg{margin-right:15px}.perblock1{background:url(../../../../../../../themes/worldclassroofing/images/perbg1.jpg)no-repeat}.perblock1:before{border-color:rgba(255,255,255,.4)}.perblock2:before{border-color:rgba(255,255,255,.4)}.perblock2{background:url(../../../../../../../themes/worldclassroofing/images/perbg2.jpg)no-repeat}.ctabg{background:url(../../../../../../../themes/worldclassroofing/images/ctabg.jpg)no-repeat;min-height:293px;padding:40px 27px 20px}.ctatxt{max-width:170px;text-align:center}.ctabg p{color:#fff;font-size:24px;line-height:28px;font-family:'Brandon Grotesque';font-weight:900;text-transform:uppercase;margin-bottom:25px}.ctabg span{font-size:20px;color:#fff;font-family:'Brandon Grotesque Bold';font-weight:700;text-transform:uppercase;display:block;max-width:102px;line-height:24px;margin:20px auto 0}.ctabg a{font-size:20px;color:#fff;font-family:'Brandon Grotesque Bold';font-weight:700}.ctabg a:hover{color:#93ba0d}.maintbox{border:1px solid #d2e1f7;padding:33px 40px 30px}.maintbox p,.whyright p,.abmidleft p,.ourdiv p{color:#424242;font-size:16px;line-height:23px;margin-bottom:25px;text-align:justify}.maintbox p:last-child,.whyright p:last-child,.actxt p:last-child,.abmidleft p:last-child,.compnybg p:last-child,.ourdiv p:last-child,.boxcontent p:last-child{margin-bottom:0}.mtitle{font-family:'Brandon Grotesque';font-weight:900;color:#424242;text-transform:uppercase;font-size:22px;margin-bottom:15px;line-height:27px}.maintbox h2{font-family:'Brandon Grotesque';font-weight:900;color:#424242;text-transform:uppercase;font-size:18px;margin-bottom:15px;line-height:20px}.maintgry{background:#ebebeb;margin-top:-1px}.maintbox ul>li{color:#424242;font-size:16px;line-height:23px;margin-bottom:10px;text-align:justify;padding-left:25px;position:relative}.maintbox ul>li:before{content:'\f101';font-family:FontAwesome;position:absolute;left:0;top:2px;font-size:16px;font-style:normal;line-height:100%}.maintbox ul{margin-bottom:15px}.maintbox p>a{text-decoration:underline;display:inline-block}.maintbox p>a:hover{color:#83a900}.whyblock{border:1px solid #d2e1f7;display:table;width:100%;margin-top:45px}.whyleft{width:26%;display:table-cell;border-right:1px solid #d2e1f7;vertical-align:middle;text-align:center;padding:0 15px}.whyright{width:74%;display:table-cell;background:#ebebeb;vertical-align:top;padding:30px 45px}.detailbox{background:#0a47a2;overflow:hidden;padding:35px 35px 0;margin-bottom:50px;color:#fff;line-height:22px}.detailimg{float:right;margin:-35px -35px 0 40px;width:58.2%;text-align:right}.detailimg>img{max-width:inherit}.dtitle{font-family:'Brandon Grotesque';font-weight:900;color:#fff;text-transform:uppercase;font-size:22px;margin-bottom:15px;line-height:27px}.detailcontent p,.boxcontent p{font-size:16px;color:#fff;line-height:23px;margin-bottom:25px;text-align:justify}.detailcontent h1{font-family:'Brandon Grotesque';font-weight:900;color:#fff;text-transform:uppercase;font-size:20px;margin-bottom:15px;line-height:24px}.detailcontent h2{font-family:'Brandon Grotesque';font-weight:900;color:#fff;text-transform:uppercase;font-size:18px;margin-bottom:15px;line-height:22px}.accordbox{background:#0a47a2;padding:45px;overflow:hidden;margin-top:52px}.acleft{width:64%;float:left;padding-right:50px}.acright{width:36%;float:left}.actxt p,.compnybg p{font-size:16px;color:#fff;line-height:23px;margin-bottom:25px;text-align:justify}.acleft>.accordionjs{margin:0}.acleft>.accordionjs .acc_section>.acc_head{color:#fff;font-size:22px;font-family:'Brandon Grotesque';font-weight:900;background:transparent;border-bottom:0;text-transform:uppercase;padding:0 10px 16px 50px}.acleft>.accordionjs .acc_section>.acc_head:before{content:'\f067 ';font-family:FontAwesome;position:absolute;left:0;color:#fff;background:#93ba0d;;border-radius:50%;height:26px;width:26px;line-height:26px;font-size:12px;text-align:center;top:2px}.acleft>.accordionjs .acc_section.acc_active>.acc_head::before{content:'\f068 '}.acleft>.accordionjs .acc_section:before{position:absolute;content:'';background:url(../../../../../../../themes/worldclassroofing/images/acborder.jpg);bottom:1px;width:100%;height:2px}.acleft>.accordionjs .acc_section .acc_content{padding:0 0 30px 50px}.acleft>.accordionjs .acc_section{margin-bottom:16px;margin-top:0}.acleft>.accordionjs .acc_section:last-child:before{content:none}.acleft>.accordionjs .acc_section:last-child{margin-bottom:0}.roofdetail,.aboutus,.testimonal,.gallerypage,.contactus{margin-bottom:50px}.aboutmid{width:100%;display:table;margin-bottom:55px}.abmidleft{background:#ebebeb;border:1px solid #d2e1f7;padding:30px 80px 29px 32px;width:44%;display:table-cell;vertical-align:top}.abmidright{width:56%;display:table-cell}.abmidright .ctabg{background:url(../../../../../../../themes/worldclassroofing/images/abtctaimg.jpg)no-repeat;min-height:278px;padding:32px 27px 16px;margin-bottom:0}.compnybg{background:#8fb60a;width:30.3%;padding:48px 45px 58px;float:left}.ourdiv{width:32.5%;display:table-cell;padding:45px 38px 33px;vertical-align:top}.roofbg{background:url(../../../../../../../themes/worldclassroofing/images/roofbg.jpg);width:30%;display:table-cell;background-size:cover}.gurantibx{width:34.5%;display:table-cell;background:#0a47a2;text-align:center;padding:45px 38px 33px;vertical-align:top}.gurantibx p{color:#fff;font-size:16px;line-height:23px}.gtitle{color:#fff;font-family:'Brandon Grotesque';font-weight:900;font-size:22px;line-height:27px;margin:20px 0;text-transform:uppercase}.ourtitle{color:#0a47a2;font-family:'Brandon Grotesque';font-weight:900;font-size:22px;line-height:27px;margin-bottom:20px;text-transform:uppercase}.cmpright{border:1px solid #d2e1f7;width:65%;float:left;display:table;margin-left:4.7%}.abtmainbox{background:url(../../../../../../../themes/worldclassroofing/images/abtbg.jpg);overflow:hidden;padding:45px;margin-bottom:50px;position:relative}.abtmainbox:before{content:'';position:absolute;background:url(../../../../../../../themes/worldclassroofing/images/abthome.png)no-repeat;right:0;bottom:0;height:560px;width:58%}.boxcontent{width:36.5%;float:left}.abtitle{color:#fff;font-size:30px;font-family:'Brandon Grotesque';font-weight:900;margin-bottom:15px;line-height:23px;text-transform:uppercase}.listabt{width:56%;float:left;margin-left:7%}.listabt li p{color:#fff;font-size:18px;font-family:'Avenir Next LT Pro Bold';font-weight:700;line-height:100%;margin-bottom:3px}.listabt li span{color:#fff;font-size:16px}.listabt li{position:relative;width:50%;display:inline-block;padding:0 52px;margin-bottom:50px}.listabt li:nth-child(1):before{content:'';position:absolute;right:0;top:0;height:100%;background:url(../../../../../../../themes/worldclassroofing/images/abtborder.png);width:2px}.testiblock{margin:0 -25px}.testiblock li{width:33.3%;float:left;overflow:hidden;padding:0 25px;margin-bottom:50px}.testimain{border:1px solid #cddbf0;text-align:center;padding:55px 35px}.testimain p{color:#424242;font-size:16px;line-height:24px}.testnamebg{background:url(../../../../../../../themes/worldclassroofing/images/servicebg.jpg);position:relative;height:85px;padding:10px 30px;display:table;width:100%;;text-align:center}.testnamebg>p{color:#fff;font-size:16px;font-family:'Brandon Grotesque';font-weight:900;text-transform:uppercase;vertical-align:middle;display:table-cell;line-height:100%;padding-top:5px}.testnamebg:before{position:absolute;content:'';top:-21px;right:0;margin:auto;left:0;background:url(../../../../../../../themes/worldclassroofing/images/quote.png);height:41px;width:41px}.contactleft{width:28.5%;float:left;position:relative}.infotitle{color:#fff;font-weight:700;font-family:'Avenir Next LT Pro Bold';font-size:24px;line-height:100%;text-transform:uppercase;margin-bottom:5px}.contactform{background:#fff;border-radius:0 0 30px 30px;box-shadow:0 2px 2px 0 rgba(0,0,0,.08);-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.08);overflow:hidden;padding:25px 45px 37px}.contactright .form-group,.contactright .captacha{line-height:0;margin-bottom:21px}.captacha>.wpcf7-form-control-wrap{height:58.5px}.contactright textarea{min-height:151px}.contactus .row{margin:0}.contactright .quicktitle{margin-bottom:15px}.contactright .quick_contact{padding:50px 56px}.contactright .quicksmall{margin-bottom:26px}.contactright{width:36.5%;float:left;position:relative;padding-left:95px}.contactinfo{background:#063f95;padding:56px 88px 31px 56px;box-shadow:0 0 12px 0 rgba(0,0,0,.08);-webkit-box-shadow:0 0 12px 0 rgba(0,0,0,.08);position:relative;z-index:1}.contactinfo li{overflow:hidden;padding:25px 0;position:relative}.contactinfo li:before{background:url(../../../../../../../themes/worldclassroofing/images/ctline.png);height:2px;bottom:0;position:absolute;width:100%;content:'';left:0}.contactinfo li:last-child{border-bottom:none}.contactinfo li:last-child:before{content:none}.cticon{border:1px solid #0A54C3;display:inline-block;vertical-align:middle;;margin-right:20px;margin-bottom:0;height:46px;width:46px;border-radius:50%;position:relative}.contactxt a{color:#fff;font-size:18px;line-height:22px;font-family:'Brandon Grotesque Reg';position:relative;display:inline-block;white-space:nowrap}.contactxt{display:inline-block;vertical-align:middle}.contactfb span{vertical-align:middle;display:inline-block;font-size:11px;margin-left:3px}.contactfb{background:#93ba0d;border-radius:3px;color:#fff;font-family:'Avenir Next LT Pro Demi';font-size:22px;text-transform:uppercase;padding:12px 22px;line-height:21px;position:relative;overflow:hidden;z-index:1}.contactinfo li:nth-child(2) .contactxt a{font-size:25px;line-height:100%}.contactxt a:before{position:absolute;top:0;left:0;overflow:hidden;padding-bottom:2px;max-width:0;border-bottom:2px solid #93ba0d;content:attr(data-hover);-webkit-transition:max-width 0.5s;-moz-transition:max-width 0.5s;transition:max-width 0.5s;color:#93ba0d}.contactxt a:hover:before{max-width:100%}.mapbox{line-height:0;box-shadow:0 1px 4px 0 rgba(1,88,167,.26);border:4px solid #cbc8c8;float:left;width:39%;margin-left:-65px;position:relative;margin-top:230px;position:relative;z-index:1}.mapbox:after{content:'';position:absolute;background:url(../../../../../../../themes/worldclassroofing/images/contactcirlce.png);width:410px;height:259px;left:28%;background-repeat:no-repeat;top:-49%}.contactleft:before{content:'';position:absolute;border:1px solid #d2d1d1;width:270px;height:500px;top:90px;right:-80px;border-radius:3px}.contactleft:after{content:'';position:absolute;border:1px solid #d2d1d1;width:270px;height:500px;top:150px;right:-140px;border-radius:3px}.ourservice1{padding:0 0 35px}.arealist ul{column-count:4;-webkit-column-count:4}.arealist li{vertical-align:top;display:inline-block;width:100%}.arealist li a{font-size:16px;color:#fff;position:relative;display:block;padding:9px 10px 9px 25px;line-height:18px}.arealist li a:before{content:'\f101';font-family:FontAwesome;position:absolute;top:9px;left:0;font-size:14px}.arealist li.active a,.arealist li:hover a{color:#8fb60a}.suburbtitle{font-size:22px;line-height:26px;color:#fff;margin-bottom:25px;font-family:'Brandon Grotesque';font-weight:900;text-transform:uppercase}.areacontent p{font-size:15px;line-height:23px;color:#fff;margin-bottom:35px;text-align:justify}.areacontent p:last-child{margin-bottom:0}.areacontent h1{font-family:'Brandon Grotesque';font-weight:900;font-size:20px;color:#fff;margin-bottom:20px;text-transform:uppercase;line-height:28px}.areacontent h2{font-family:'Brandon Grotesque';font-weight:900;font-size:18px;color:#fff;margin-bottom:20px;text-transform:uppercase;line-height:26px}.areacontent a:hover{color:#83a900}.areacontent a{text-decoration:underline}.areamap{line-height:0;border:6px solid #fff;width:37%;float:left;margin-right:45px}.thanksnotfound{text-align:center}.thanksnotfound p{color:#424242;font-size:16px;line-height:23px}.thanksnotfound p>a{text-decoration:underline;display:inline-block}.thanksnotfound p>a:hover{color:#83a900}.scrollTop{position:fixed;right:2%;bottom:10px;border-radius:50%;background-color:#93ba0d;border:4px solid #93ba0d;opacity:0;height:42px;width:42px;line-height:30px;text-align:center;transition:all 0.4s ease-in-out 0s;-webkit-transition:all 0.4s ease-in-out 0s;-ms-transition:all 0.4s ease-in-out 0s;font-size:18px;color:#fff;z-index:10}.scrollTop:hover{background:#fff;color:#93ba0d}.tableft{width:53.5%;float:left;padding-right:60px}.tabright{width:46.5%;float:left}.tab_content{background:#fff;overflow:hidden;padding:20px 0}.tab_drawer_heading{display:none}.tabs{list-style:none;text-align:center;font-size:0;display:table;width:400px;margin:0 auto;height:92px}.tabs li{display:table-cell;cursor:pointer;position:relative;width:50%;background:#93ba0d;vertical-align:bottom}.tabs li .tabtxt{color:#fff;font-size:15px;padding:10px;text-transform:uppercase;position:relative;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out}.tabs li .tabtxt:before{content:'';position:absolute;bottom:-8px;left:0;right:0;margin:auto;background:url(../../../../../../../themes/worldclassroofing/images/tabarrow.png);width:15px;height:10px;opacity:0;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out}.tabs li.active .tabtxt:before{opacity:1}.tabs li.active{color:#fff;background:#0a47a2}.animatable{visibility:hidden;-webkit-animation-play-state:paused;-moz-animation-play-state:paused;-ms-animation-play-state:paused;-o-animation-play-state:paused;animation-play-state:paused}.animated{visibility:visible;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:0.8s;-moz-animation-duration:0.8s;-ms-animation-duration:0.8s;-o-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-play-state:running;-moz-animation-play-state:running;-ms-animation-play-state:running;-o-animation-play-state:running;animation-play-state:running}.animated.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp}.animated.fadeInDown:before{opacity:1}.animated.fadeInDown~.animated.fadeInUp:before{opacity:1}.animated.fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown}.animated.zoomIn{-webkit-animation-name:zoomIn;-moz-animation-name:zoomIn;-o-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInDown{0%{opacity:0;-o-transform:translateY(-20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@keyframes zoomIn{from{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes flipInY{from{transform:perspective(400px) rotate3d(0,1,0,90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(0,1,0,-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{transform:perspective(400px)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.cloudtxt{color:#fff;font-family:'Brandon Grotesque';font-weight:900;font-size:22px;text-transform:uppercase;text-align:center;position:absolute;width:100%;max-width:300px;top:50px;right:62px;line-height:27px}.cloudtxt span{font-size:32px;line-height:34px;display:block}.bghomecloud{width:83.5%;background:#0554b3;position:relative;background:-webkit-linear-gradient(to right,#047ac5,#0554b3);background:linear-gradient(to right,#047ac5,#0554b3)}.bghomecloud:before{position:absolute;content:'';background:url(../../../../../../../themes/worldclassroofing/images/cloudborder.png);width:23px;height:100%;right:10px;opacity:.5}.bghomecloud img{padding-top:165px;max-width:inherit}.bgcloud{animation:80s cloudscroll infinite linear;-webkit-animation:80s cloudscroll infinite linear;-moz-animation:80s cloudscroll infinite linear;top:0;left:0;width:100%;height:100%;background:url(../../../../../../../themes/worldclassroofing/images/cloud.png);position:relative}@-webkit-keyframes cloudscroll{100%{background-position:-1440px 0}}@-moz-keyframes cloudscroll{100%{background-position:-1440px 0}}@-o-keyframes cloudscroll{100%{background-position:-1440px 0}}@-ms-keyframes cloudscroll{100%{background-position:-1440px 0}}@keyframes cloudscroll{100%{background-position:-1440px 0}}.clrmainbox{background:#0a47a2;overflow:hidden;padding:50px;margin:50px 0}.clrcontent{width:55%;float:left;margin-right:13%}.clrcontent p{color:#fff;font-size:16px;line-height:23px;text-align:justify;margin-bottom:40px}.clrcontent p:last-child{margin-bottom:0}.clrtop{color:#fff;font-size:20px;font-family:'Brandon Grotesque';font-weight:900;text-transform:uppercase;margin-bottom:15px;line-height:22px}.clrcontent h1{color:#fff;font-size:18px;font-family:'Brandon Grotesque';font-weight:900;text-transform:uppercase;margin-bottom:15px;line-height:20px}.chartblock{background:#0554b3;background:-webkit-linear-gradient(to right,#047ac5,#0554b3);background:linear-gradient(to right,#047ac5,#0554b3);position:relative}.chartblock:before{position:absolute;content:'';background:url(../../../../../../../themes/worldclassroofing/images/cloudborder.png);width:23px;height:100%;right:10px;opacity:.5}.chartblock .bgcloud>img{padding-top:275px}.chartblock{position:relative;width:839px}.chartxt{color:#fff;font-family:'Brandon Grotesque';font-weight:900;font-size:28px;text-transform:uppercase;text-align:right;line-height:29px;position:absolute;top:73px;right:70px}.roof_img,.gt_img,.fs_img,.wall_img{display:none}.roof_img.active,.gt_img.active,.fs_img.active,.wall_img.active{display:block}#roofimg{width:100%;height:222px;position:absolute;top:274px}#gutterimg{width:100%;height:366px;position:absolute;top:304px;z-index:1}#fasciasimg{width:100%;height:199px;position:absolute;top:313px}#wallimg{width:100%;height:361px;position:absolute;top:319px}.colourleft{width:53.4%;float:left;padding:0 15px;overflow-x:auto}.colourright{width:45%;float:left;padding:0 15px;margin-left:1.6%}.colright{float:left;width:94.1%;padding:20px 0 10px 12px}.clrtitle{display:none}.colurtitle{position:relative;float:left;width:39px}.clrname{font-family:'Brandon Grotesque';font-weight:900;color:#424242;font-size:16px;line-height:100%;text-transform:uppercase;margin-left:5px;margin-bottom:6px}.colrlist{font-size:0}.colourright .colourbox{margin-bottom:25px}.colourright .colourbox:last-child{margin-bottom:0}.colourbox{border:1px solid #E1E1E1;overflow:hidden}.colrlist li{display:inline-block;border:1px solid #1D1D1D;height:35px;width:40px;border-radius:3px;margin:5px 4.5px;cursor:pointer;position:relative}.colrlist li.active{-webkit-box-shadow:0 0 6px 0 rgba(0,0,0,.6);-moz-box-shadow:0 0 6px 0 rgba(0,0,0,.6);box-shadow:0 0 5px 0 rgba(0,0,0,.6)}.colrlist li.active:before{content:'\f00c ';position:absolute;text-align:center;line-height:30px;font-family:FontAwesome;font-size:18px;text-shadow:0 1px 3px rgba(0,0,0,.8);color:#93ba0d;left:0;right:0}.colrlist li.roof1{background:#CD986D}.colrlist li.roof2{background:#892722}.colrlist li.roof3{background:#877059}.colrlist li.roof4{background:#788B70}.colrlist li.roof5{background:#73736E}.colrlist li.roof6{background:#FBF9F5}.colrlist li.roof7{background:#BE663A}.colrlist li.roof8{background:#9A4343}.colrlist li.roof9{background:#804420}.colrlist li.roof10{background:#94A097}.colrlist li.roof11{background:#47484C}.colrlist li.roof12{background:#FAEDD5}.colrlist li.roof13{background:#C5653A}.colrlist li.roof14{background:#7E0D03}.colrlist li.roof15{background:#4F1D09}.colrlist li.roof16{background:#5A7A73}.colrlist li.roof17{background:#555057}.colrlist li.roof18{background:#E1E1E2}.colrlist li.roof19{background:#AB6542}.colrlist li.roof20{background:#4D301B}.colrlist li.roof21{background:#4D301B}.colrlist li.roof22{background:#0D260F}.colrlist li.roof23{background:#272324}.colrlist li.roof24{background:#B8B19A}.colrlist li.roof25{background:#AA431A}.colrlist li.roof26{background:#4A070A}.colrlist li.roof27{background:#301007}.colrlist li.roof28{background:#40513F}.colrlist li.roof29{background:#161620}.colrlist li.roof30{background:#A08F6F}.colrlist li.roof31{background:#A23911}.colrlist li.roof32{background:#530F07}.colrlist li.roof33{background:#1F0D06}.colrlist li.roof34{background:#4E514A}.colrlist li.roof35{background:#141213}.colrlist li.roof36{background:#82755E}.colrlist li.roof37{background:#7B330F}.colrlist li.roof38{background:#260408}.colrlist li.roof39{background:#000}.colrlist li.roof40{background:#294B66}.colrlist li.roof41{background:#0B0203}.colrlist li.roof42{background:#54462E}.colrlist li.gutter1{background:#600813}.colrlist li.gutter2{background:#783025}.colrlist li.gutter3{background:#555057}.colrlist li.gutter4{background:#E6E4D9}.colrlist li.gutter5{background:#9EA2A7}.colrlist li.gutter6{background:#1B544D}.colrlist li.gutter7{background:#0D361F}.colrlist li.gutter8{background:#E9DAC1}.colrlist li.gutter9{background:#294B66}.colrlist li.gutter10{background:#50342F}.colrlist li.gutter11{background:#7C625C}.colrlist li.gutter12{background:#9A4343}.colrlist li.gutter13{background:#575E60}.colrlist li.gutter14{background:#5A7A73}.colrlist li.gutter15{background:#FAEDD5}.colrlist li.gutter16{background:#6B5E57}.colrlist li.gutter17{background:#94A097}.colrlist li.gutter18{background:#D3C6C5}.colrlist li.gutter19{background:#FBF9F5}.colrlist li.gutter20{background:#9B9792}.colrlist li.gutter21{background:#040607}.colrlist li.gutter22{background:#DBC59E}.colrlist li.gutter23{background:#E1E1E2}.colrlist li.gutter24{background:#4F4F63}.colrlist li.fascias1,.colrlist li.wall1{background:#600813}.colrlist li.fascias2,.colrlist li.wall2{background:#783025}.colrlist li.fascias3,.colrlist li.wall3{background:#555057}.colrlist li.fascias4,.colrlist li.wall4{background:#9EA2A7}.colrlist li.fascias5,.colrlist li.wall5{background:#DBC59E}.colrlist li.fascias6,.colrlist li.wall6{background:#E1E1E2}.colrlist li.fascias7,.colrlist li.wall7{background:#fff}.colrlist li.fascias8,.colrlist li.wall8{background:#E9DAC1}.colrlist li.fascias9,.colrlist li.wall9{background:#4F4F63}.colrlist li.fascias10,.colrlist li.wall10{background:#E6E4D9}.colrlist li.fascias11,.colrlist li.wall11{background:#0D361F}.colrlist li.fascias12,.colrlist li.wall12{background:#E9DAC1}.colrlist li.fascias13,.colrlist li.wall13{background:#294B66}.colrlist li.fascias14,.colrlist li.wall14{background:#50342F}.colrlist li.fascias15,.colrlist li.wall15{background:#7C625C}.colrlist li.fascias16,.colrlist li.wall16{background:#9A4343}.colrlist li.fascias17,.colrlist li.wall17{background:#5A7A73}.colrlist li.fascias18,.colrlist li.wall18{background:#575E60}.colrlist li.fascias19,.colrlist li.wall19{background:#1B544D}.colrlist li.fascias20,.colrlist li.wall20{background:#040607}.colrlist li.fascias21,.colrlist li.wall21{background:#6B5E57}.colrlist li.fascias22,.colrlist li.wall22{background:#94A097}.colrlist li.fascias23,.colrlist li.wall23{background:#D3C6C5}.colrlist li.fascias24,.colrlist li.wall24{background:#FBF9F5}.colrlist li.fascias25,.colrlist li.wall25{background:#9B9792}.combnr{background:url(../../../../../../../themes/worldclassroofing/images/about_commonbanner.jpg) no-repeat;min-height:450px;margin-bottom:30px;background-size:cover;background-position:bottom}.callnumber{line-height:30px;font-size:20px;color:#fff;float:none;margin-top:5px}.supplycontent a{color:#8fb60a}.supplycontent a:hover{color:#FF0}