body{font-size:calc(16 / 16 * 1rem);font-family:aaux-next,sans-serif;font-weight:500}body{color:#1a2b38}.pos-relative{position:relative;overflow:hidden}.margin-0{margin:0!important}.margin-0>*{margin:0!important}.hover-bg-transparent{-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.hover-bg-transparent:hover{background-color:transparent!important}@-webkit-keyframes slideIn{0%{width:0%;opacity:0}100%{width:80%;opacity:1}}@keyframes slideIn{0%{width:0%;opacity:0}100%{width:80%;opacity:1}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}100%{-webkit-transform:rotate(720deg);transform:rotate(720deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}100%{-webkit-transform:rotate(720deg);transform:rotate(720deg)}}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0;display:none}}@keyframes fadeOut{from{opacity:1}to{opacity:0;display:none}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes bounce-effect{0%{-webkit-transform:scaleY(1);transform:scaleY(1)}80%{-webkit-transform:scaleY(1.02);transform:scaleY(1.02)}100%{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes bounce-effect{0%{-webkit-transform:scaleY(1);transform:scaleY(1)}80%{-webkit-transform:scaleY(1.02);transform:scaleY(1.02)}100%{-webkit-transform:scaleY(1);transform:scaleY(1)}}.aspect-ratio{aspect-ratio:9/16}@media (min-width:62em){.aspect-ratio{aspect-ratio:1/1}}@media (min-width:75em){.aspect-ratio{aspect-ratio:16/7}}.fade-out{-webkit-animation:fadeOut .5s forwards;animation:fadeOut .5s forwards}.fade-in{-webkit-animation:fadeIn .5s forwards;animation:fadeIn .5s forwards}.button-width{min-width:230px}.button-width a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px}.button-width a:hover{color:#fff}.button-groups{gap:30px}.f-weight.light{font-weight:200!important}.f-weight.normal{font-weight:400!important}.f-weight.bold{font-weight:600!important}.icon-close{background-image:url(https://skycityroofing.com/wp-content/themes/skycity-Roofing/assets/css/../icons/Icon-close.png);background-repeat:no-repeat;background-size:contain;display:-webkit-box;display:-ms-flexbox;display:flex}.icon-arrow{background-image:url(https://skycityroofing.com/wp-content/themes/skycity-Roofing/assets/css/../icons/arrow.png);background-repeat:no-repeat;background-size:contain;display:-webkit-box;display:-ms-flexbox;display:flex}.breadcrumb-container ol{padding:0}.breadcrumb-container ol li{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.breadcrumb-container ol li:first-child a{margin-left:0;padding-left:0}.breadcrumb-container ol li:last-child a{color:#637381!important;cursor:default;pointer-events:none;margin:0}.breadcrumb-container ol li:last-child a:hover{text-decoration:none}.breadcrumb-container ol li a{margin:0;padding:5px 0!important}.breadcrumb-container ol li a:hover{text-decoration:underline}.breadcrumb-container ol li .separator{display:block;padding:3px;margin:0 2px;border-radius:100%;background-color:#637381}#bar_menu{background:0 0;-webkit-transform:scale(.6);transform:scale(.6);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;z-index:3;display:block}.fixed #bar_menu{-webkit-transform:scale(.4);transform:scale(.4)}@media (min-width:75em){#bar_menu{display:none}}.c-hamburger{position:relative;margin:0;padding:0;width:70px;height:50px;font-size:0;text-indent:-9999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-shadow:none;box-shadow:none;border-radius:none;border:none;cursor:pointer;-webkit-transition:background .3s;transition:background .3s}.c-hamburger:focus{outline:0}.c-hamburger span{display:block;position:absolute;left:15px;right:0;height:6px;background:#fff}.c-hamburger span::after,.c-hamburger span::before{position:absolute;display:block;left:-15px;width:calc(100% + 15px);height:6px;background-color:#fff;content:""}.c-hamburger span::before{top:-20px}.c-hamburger span::after{bottom:-20px}.c-hamburger--htx span{-webkit-transition:background 0s .3s;transition:background 0s .3s}.c-hamburger--htx span::after,.c-hamburger--htx span::before{-webkit-transition-duration:.3s,.3s;transition-duration:.3s,.3s;-webkit-transition-delay:.3s,0s;transition-delay:.3s,0s}.c-hamburger--htx span::before{-webkit-transition-property:top,-webkit-transform;transition-property:top,-webkit-transform;transition-property:top,transform;transition-property:top,transform,-webkit-transform}.c-hamburger--htx span::after{-webkit-transition-property:bottom,-webkit-transform;transition-property:bottom,-webkit-transform;transition-property:bottom,transform;transition-property:bottom,transform,-webkit-transform}.c-hamburger--htx.is-active{background-color:#cb0032}.c-hamburger--htx.is-active span{background:0 0}.c-hamburger--htx.is-active span::before{top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.c-hamburger--htx.is-active span::after{bottom:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.c-hamburger--htx.is-active span::after,.c-hamburger--htx.is-active span::before{-webkit-transition-delay:0s,.3s;transition-delay:0s,.3s}.site-footer{padding:40px 20px 20px 20px}.site-footer-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:1200px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:75em){.site-footer-container{margin:0 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}@media (min-width:75em){.site-footer-container-left{width:40%}}@media (min-width:75em){.site-footer-container-right{width:60%}}.site-footer .menu-item-has-children ul{max-height:0;overflow:hidden;-webkit-transition:max-height .3s ease-in-out;transition:max-height .3s ease-in-out}@media (min-width:75em){.site-footer .menu-item-has-children ul{max-height:none;overflow:visible}}.site-footer .menu-item-has-children ul.open{max-height:500px}@media (min-width:75em){.site-footer .menu-item-has-children ul.open{max-height:none}}.site-footer-logo img{max-width:200px}@media (min-width:75em){.site-footer-logo{width:30%}}.site-footer-social-links{padding-bottom:40px}.site-footer-social-links .social-links{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0;gap:15px;margin:0}.site-footer-social-links .social-links-item a{display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:100%}.site-footer-social-links .social-links-item a img{width:45px;height:45px}.site-footer-title{padding:20px 0}.site-footer-navigation #footer-menu,.site-footer-navigation .sub-menu{list-style:none;margin:0;padding-left:0}.site-footer-navigation #footer-menu.menu .menu-item{padding-bottom:25px}@media (min-width:75em){.site-footer-navigation #footer-menu.menu .menu-item{width:50%}}.site-footer-navigation #footer-menu .sub-menu .menu-item{padding:10px}.site-footer-navigation #footer-menu .footer-menu-title{margin:0;padding-bottom:10px;color:#637381}@media (min-width:75em){.site-footer-navigation #footer-menu .footer-menu-title{color:#fff}.site-footer-navigation #footer-menu .footer-menu-title .submenu-toggle{display:none}}@media (min-width:75em){.site-footer-navigation #footer-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}}@media (min-width:75em){.site-footer-navigation{width:100%}}.site-footer .footer-divider{width:100%;height:.5px;background-color:#637381;margin-bottom:20px}.site-footer .footer-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;text-align:center}.site-footer .footer-column{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:10px;color:#637381}.site-footer .footer-column a{color:#637381;text-decoration:none}.site-footer .footer-column ahover{text-decoration:underline}body.active-menu-bg{overflow:hidden;height:100vh}body.active-menu-bg header{background:#202020}.main-navigation{display:none;position:absolute;top:125px;z-index:999;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100vh;width:100%;left:0;background:#202020}.main-navigation .menu-primary-menu-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%;padding-top:40px}@media (min-width:75em){.main-navigation .menu-primary-menu-container{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-top:0}}@media (min-width:75em){.main-navigation{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;top:0;position:inherit;height:auto;gap:20px;background:0 0}.main-navigation #circle{position:absolute;pointer-events:none;top:-9px;left:0;width:15px;height:15px;background-color:#1a2b38;border-radius:50%;border:solid 1px #fff;-webkit-transition:all .3s ease;transition:all .3s ease;z-index:10;opacity:0}}.site-header{position:fixed;width:100%;padding:0;padding-bottom:20px;top:0;z-index:999;-webkit-transition:all .3s ease;transition:all .3s ease}.site-header.fixed,.site-header.scrolled-past-header{-webkit-box-shadow:0 2px 5px rgb(0 0 0 / .2);box-shadow:0 2px 5px rgb(0 0 0 / .2);background-color:#202020}.site-header-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:1200px;margin:0 auto;width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:15px 0 0 20px}@media (min-width:75em){.site-header-container{gap:20px;padding:0;-ms-flex-wrap:nowrap;flex-wrap:nowrap}}.site-header-menu-bar{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:10px 20px 0;background:#fff}.site-header-menu-bar .site-header-branding{display:none}.site-header-menu-bar .top-navigation{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;max-width:1200px;margin:0 auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0}.site-header-menu-bar .top-navigation .menu{padding:0;border:none;width:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.site-header-menu-bar .top-navigation .menu .menu-item{width:auto}.site-header-menu-bar .top-navigation .menu li a{color:#646464;text-transform:initial;font-size:12px}@media (min-width:75em){.site-header-menu-bar{margin-bottom:20px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:0;max-width:100vw;background-color:#fff}.site-header-menu-bar .site-header-branding{display:block}}.site-header-branding{min-width:150px;max-width:150px;-webkit-transition:width .4s ease-in-out;transition:width .4s ease-in-out}.site-header-nav{width:100%;text-align:end}.site-header .menu{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:20px;gap:30px}@media (min-width:75em){.site-header .menu{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:0;gap:40px;position:relative}}.site-header .menu .menu-item{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;position:relative}@media (min-width:75em){.site-header .menu .menu-item{width:auto;cursor:pointer;margin-top:10px}}.site-header .menu .menu-item.current_page_item a{font-weight:800;text-decoration:underline;color:#fff}.site-header .menu .menu-item.current_page_item~#circle{opacity:1}.site-header .menu .menu-item a{padding:0;-webkit-transition:all .3s ease;transition:all .3s ease;text-transform:uppercase;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex}@media (min-width:75em){.site-header .menu .menu-item a{font-size:1em;line-height:normal;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:10px;position:relative}}.site-header .menu .menu-item a:active,.site-header .menu .menu-item a:focus,.site-header .menu .menu-item a:hover{text-decoration:underline}.site-header .menu .menu-item span{padding:0}.subpage-container-menu{background-color:#fff}.subpage-container-wrapper{padding-left:calc(50% - 600px);padding-right:calc(50% - 600px);margin:0 auto;padding-top:40px;padding-bottom:40px}.subpage-container-content{padding-left:calc(50% - 700px);padding-right:calc(50% - 700px);margin:0 auto;padding-top:40px;padding-bottom:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.subpage-container-menu-items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:40px}.subpage-container-menu-items .numered-list-content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.subpage-container-menu-items .numered-list-content p.numered-list-title{padding-bottom:0;margin-right:20px}.subpage-container-menu-items .numered-list-content #numbered-menu a{width:50px;height:50px;font-size:1.5rem}.subpage-container-menu-items .module-navigation{position:absolute;top:120px!important;left:0;z-index:2}.subpage-container-gradient{background-image:url(https://skycityroofing.com/wp-content/themes/skycity-Roofing/assets/css/../icons/gradient.png);background-repeat:no-repeat;background-size:cover}.subpage-container-item-module{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px}.subpage-container-item-module p{width:100%}.subpage-container-item-module h1{font-size:2.5rem}.subpage-container-body{padding-left:calc(50% - 520px);padding-right:calc(50% - 500px);margin:0 auto}.subpage-navigation{padding-left:calc(50% - 520px);padding-right:calc(50% - 500px);margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:20px 0}.subpage-navigation .nav-next,.subpage-navigation .nav-prev{background-color:#254249;padding:10px 20px;border-radius:34px;max-width:166px;min-width:166px;color:#fff;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.subpage-navigation .nav-prev::before{content:'';background-image:url(https://skycityroofing.com/wp-content/themes/skycity-Roofing/assets/css/../icons/arrow.png);display:-webkit-box;display:-ms-flexbox;display:flex;width:40px;height:20px;background-size:contain;background-repeat:no-repeat;background-position:right;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.subpage-navigation .nav-next::after{content:'';background-image:url(https://skycityroofing.com/wp-content/themes/skycity-Roofing/assets/css/../icons/arrow.png);display:-webkit-box;display:-ms-flexbox;display:flex;width:40px;height:20px;background-size:contain;background-repeat:no-repeat;background-position:right}.subpage-navigation.no-prev .nav-next{margin-left:auto}.hidden-element{position:absolute;opacity:.1;z-index:-1!important}@media (min-width:75em){.hidden-element{position:relative;opacity:1;z-index:1}}.right{right:-300px}@media (min-width:75em){.right{right:0}}.left{left:-300px;bottom:0}@media (min-width:75em){.left{left:0}}.home #page{position:initial}.home .post-thumbnail{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}.home .post-thumbnail img{position:absolute;height:100%;width:100%}