html { box-sizing: border-box;}*, *:before, *:after { box-sizing: inherit;}body{ background-color: #fff;font-family: 'Raleway', tahoma, arial, sans-serif; font-size: 24px; line-height: 1.2; color: #707070; margin: 0 auto; padding: 0;}* { box-sizing: border-box;}a{color: #6b6b6b; text-decoration: underline;}a:active, a:hover{font-variation-settings: 'wght' 600; font-weight: 600; color: #6b6b6b; text-decoration: underline;}h1, h2, h3{ font-variation-settings: 'wght' 200; font-weight: 200; color: #D3D3D3; margin: 0 0 20px 0; padding: 0;}h1{ font-size: 120px; font-variation-settings: 'wght' 200; font-weight: 200; line-height: 1.1; text-transform: uppercase; color: #D3D3D3; color: #949494;}h2{ font-size: 60px; font-variation-settings: 'wght' 200; font-weight: 200; line-height: 1.1; color: #707070; color: #949494; margin: 70px 0 30px 0;}h1 + h2 { margin-top: 0; }h3, h4{ font-size: 32px; font-variation-settings: 'wght' 600; font-weight: 600; line-height: 1.1; color: #707070; margin: 0 0 10px 0;}p{ line-height: 1.2; margin: 0 0 20px 0;}ul, ol{ line-height: 1.2; margin: 0 0 20px 0; padding: 0 0 0 25px;}img{ max-width: 100%; height: auto;}strong{ font-variation-settings: 'wght' 700; font-weight: 700;}.caption{ font-size: 20px; line-height: 1.4;}.caption strong{ font-variation-settings: 'wght' 500; font-weight: 500; color: #484848;}figure { margin: 0; }iframe { max-width: 100%; }.group:after{ clear: both; content: ""; display: table;}.visiblyHidden{ position: absolute !important; top: -9999px !important; left: -9999px !important;}.visible { display: block; }.hidden { display: none; }.left { float: left; }.right { float: right; }.clear { clear: both; height: 0; }.imageRight, .alignright { margin: 0px 0 10px 40px; float: right; }.imageLeft, .alignleft { margin: 0px 40px 10px 0; float: left; }.center { text-align: center; }.mobile { display: none; }.group::after{ content: ""; clear: both; display: table; }.underline { background: linear-gradient(0deg, #D0DBC7 50%, #FFF 50%);}.error{ color: #a00;}.responsive-video {padding-bottom: 56.25%; padding-top: 25px;margin-bottom: 20px;position: relative;height: 0;}.responsive-video iframe,.responsive-video object,.responsive-video embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}.accordianLink{ text-decoration: underline; color: #691C32; cursor: pointer; }.accordianLink:after { content: " [+]";}.accordianContent{ display: none; border-top: solid 2px #ccc; border-bottom: solid 2px #ccc; padding-top: 10px; margin-top: 10px; margin-bottom: 10px;}.accordianComment{ display: none;}.pageFrame { background-color: #fff; }main, article, aside{ display: block; font-variation-settings: 'wght' 350; font-weight: 300; color: #707070;}main { padding-top: 180px; }@media screen and (max-width: 1200px){ body {font-size: 20px; } h1 { font-size: 100px; } h2 { font-size: 50px; margin: 50px 0 30px 0; } h3, h4 { font-size: 24px; } .caption {font-size: 18px;line-height: 1.3; } .imageRight { margin: 0px 0 10px 25px; } .imageLeft { margin: 0px 25px 10px 0; }}@media screen and (max-width: 1000px){ body {font-size: 20px; } h1 { font-size: 80px; } h2 { font-size: 40px; margin: 40px 0 20px 0; } h3, h4 { font-size: 24px; }}@media screen and (max-width: 750px){ h1 { font-size: 60px; } h2 { font-size: 36px; margin: 30px 0 20px 0; } h3, h4 { font-size: 20px; }}@media screen and (max-width: 600px){ body {font-size: 18px; } h1 { font-size: 36px; } h2 { font-size: 28px; margin: 30px 0 20px 0; } h3, h4 { font-size: 18px; }}header{ position: fixed; top: 0; left: 0; background-color: #efefef; line-height: 1.0; color: #fff; width: 100%; height: 120px; z-index: 1000;}header .wrapper{ position: relative; max-width: 1920px; margin: 0 auto;}#logo{ position: absolute; top: 20px; left: 4%; max-width: 610px; width: 31%; min-width: 370px; height: auto; z-index: 100;}#navOpen { display: none; }nav{ position: absolute; top: 35px; right: calc(4% + 15px); z-index: 200;}nav.hidden { display: block; }nav.visible { display: block; }nav #navClose { display: none; }nav #navHome { display: none; }nav ul{ display: block; list-style: none; margin: 0; padding: 0;}nav a:link, nav a:visited{color: #484848; text-decoration: none;}nav a:link,nav a:visited{color: #484848;}nav li.parent{ background-color: transparent; position: relative; display: block; font-size: 20px; font-variation-settings: 'wght' 300; font-weight: 300; text-transform: uppercase; margin-left: 0; float: left; transition: background-color 0.3s ease;}nav li.parent > a.text{ display: block; padding: 5px 20px 55px 20px; margin: 0px;}nav li.parent > a.text:hover, nav li.parent > a.text:active{font-variation-settings: 'wght' 500; font-weight: 500; text-decoration: underline;}nav li.parent.selected > a.text,nav li.parent.selected > a.text:hover {border-bottom: solid 22px #D0DBC7; text-decoration: none; padding-bottom: 33px; }.subnav{ display: none; background-color: #FAF9ED; position: absolute; top: 85px; left: 0; text-align: center; line-height: 1.8; margin: 0; padding: 10px 0 10px 0; opacity: 0; transition: background-color 0.5s ease; width: 100%;}nav li.hasChildren:hover .subnav{display: block; opacity: 1;}.subnav li{ display: block; font-size: 16px; font-variation-settings: 'wght' 300; font-weight: 300; font-style: normal; width: 100%; margin: 0px; padding: 0; float: none;}.subnav li a{ display: block; margin: 0px; padding: 6px 20px 6px 20px; width: 100%; transition: all 0.3s ease;}.subnav a .carrot { display: none; }.subnav a:hover, .subnav a:active{text-decoration: underline;font-variation-settings: 'wght' 500;font-weight: 500; }.subnav li.selected,.subnav li.selected a:hover{text-decoration: none;font-variation-settings: 'wght' 500;font-weight: 500; }#searchOpen { position: absolute; top: 33px; right: calc(4% - 30px);}#searchForm{ background-color: #efefef; position: absolute; top: 75px; left: auto; right: calc(4% - 30px); margin: 0; padding: 10px 0 3px 3px; height: 45px; z-index: 300;}#searchForm.hidden { display: none; }#searchForm #searchInput{ -moz-appearance: none; -webkit-appearance: none; display: block; border: solid 1px #707070; border-radius: 0px; background-color: #fff; font-family: 'Raleway', tahoma, arial, sans-serif; font-size: 20px; font-variation-settings: 'wght' 400; font-weight: 400; color: #707070; margin: 0px; padding: 0px 0px 0px 10px; width: 300px; height: 33px; opacity: 1.0; float: left;}#searchForm #searchInput:focus { outline: none !important; border: solid 1px #707070;}#searchForm #searchButton{ -webkit-appearance: none; display: inline-block; background-color: #D0DBC7; border: none; border-radius: 0; font-family: 'Raleway', tahoma, arial, sans-serif; font-size: 20px; font-variation-settings: 'wght' 500; font-weight: 500; text-transform: uppercase; color: #707070; width: 48px; height: 33px; padding: 0; text-align: center;}#searchForm ::placeholder {color: #fff; opacity: 1; }#searchForm :-ms-input-placeholder { color: #fff;}#searchForm ::-ms-input-placeholder { color: #fff;}@media screen and (max-width: 1300px){ #logo {top: 20px; } nav {top: 38px; } nav li.parent {font-size: 18px; } nav li.parent > a.text {display: block;padding: 5px 15px 55px 15px;margin: 0px; } .subnav {top: 82px; }}@media screen and (max-width: 1100px){ #logo{top: 10px;width: 370px;min-width: auto; } nav {display: block;top: 74px;left: 4%;right: auto; } nav li.parent {margin: 0 30px 0 0;padding: 0; } nav li.parent > a.text, nav li.parent > a.text:hover {padding: 5px 0px 20px 0px;height: 55px; } nav li.parent.selected > a.text, nav li.parent.selected > a.text:hover {border-bottom: solid 10px #D0DBC7;padding: 5px 0px 10px 0px;height: 45px; }.subnav{top: 45px; } #searchOpen {top: 15px;right: 20px; } #searchForm {top: 10px;right: calc(4% + 40px); } #searchForm #searchInput {font-size: 19px;height: 30px;width: 205px; } #searchForm #searchButton {font-size: 19px;width: 48px;height: 30px; }}@media screen and (max-width: 850px){ #logo {width: 350px; } #searchForm #searchInput { width: 190px; }}@media screen and (max-width: 750px){ #logo {top: 20px;width: 350px; }#navOpen {display: block;position: absolute;top: 20px;right: 10px;font-size: 18px;font-variation-settings: 'wght' 300;font-weight: 300;font-style: normal;text-transform: uppercase; } #navOpen span{display: inline-block;display: none;vertical-align: middle;margin-right: 5px; } #navOpen img { display: inline-block;vertical-align: middle;width: 40px; } #navOpen:link, #navOpen:visited { color: #484848;text-decoration: none; } #navOpen:hover span, #navOpen:active span {font-variation-settings: 'wght' 500;font-weight: 500;color: #484848;text-decoration: underline; }nav {display: none;background-color: #FAF9ED;top: 15px;left: auto;right: 10px;padding: 35px 20px 15px 20px; } nav.hidden { display: none; } nav.visible { display: block; } nav #navHome { display: block; } nav #navClose {display: block;position: absolute;top: 5px;right: 0px; } #navOpen #navClose img { width: 40px; } nav ul {margin-right: 10px; } nav li.parent {position: relative;display: block;font-size: 18px;margin: 0;float: none; } nav li.parent > a.text, nav li.parent > a.text:hover {display: block;padding: 5px 0 5px 0;margin: 0px;height: auto; } nav li.parent.selected > a.text, nav li.parent.selected > a.text:hover{ border-bottom: solid 2px #D0DBC7;font-variation-settings: 'wght' 500;font-weight: 500;padding-bottom: 0px; height: auto; } .subnav {display: block;background-color: transparent;position: relative;top: 0;line-height: inherit;text-align: left;margin: 0;padding: 0;opacity: 1;width: 100%; } .subnav li {display: block;margin: 0;padding: 0; } .subnav li a {display: block;margin: 0;padding: 5px 20px 5px 20px;width: 100%; } #searchOpen {display: block;top: 70px;right: 10px; } #searchForm{top: 67px;left: calc(4% - 5px);right: auto; } #searchForm #searchInput {width: 300px; }}@media screen and (max-width: 600px){ #logo {width: 250px; } #searchForm #searchInput {width: 205px; }}@media screen and (max-width: 500px){ #navOpen span {display: none; }}aside{ position: fixed; top: 160px; left: 4%; background-color: #fff; padding: 10px 20px 10px 0; width: 200px; z-index: 1000;}aside ul{ display: block; list-style: none; font-variation-settings: 'wght' 300; font-weight: 300; margin: 0; padding: 0;}aside ul li{ font-size: 32px; text-align: right; padding: 0;}aside ul ul{}aside ul ul li{ font-size: 18px; text-align: right;}aside li.selected > a { background: linear-gradient(0deg, #D0DBC7 50%, #FFF 50%);}aside a, aside a:visited{ display: block; color: #5C5A5A; margin: 0 0 10px 0; padding: 0; text-decoration: none;}aside a:hover, aside a:active{ font-variation-settings: 'wght' 500; font-weight: 500; color: #323232; text-decoration: underline;}@media screen and (max-width: 1200px){ aside {width: 200px; } aside ul li {font-size: 30px; }}@media screen and (max-width: 1100px){ aside { display: none; }}.icon{ filter: drop-shadow(0 3px 6px rgb(0, 0, 0, 0.2)); margin: 0 0 15px 0;}#icons{ position: fixed; top: 190px; top: 165px; right: 30px; width: 75px; z-index: 200;}#scroll{ position: fixed; bottom: 10px; right: 30px; width: 75px; z-index: 200;}@media screen and (max-width: 1500px){ #icons {right: 20px;width: 50px; } #scroll {right: 20px;width: 50px; }}@media screen and (max-width: 1000px){ #icons {top: 155px;right: 10px;width: 40px; } #scroll {right: 10px;width: 40px; }}#buttons{ padding: 0; margin: 40px 0 0 0;}.button, .medium_button, .small_button, a.button, a.medium_button, a.small_button{ display: inline-block; border: solid 1px #707070; background-color: #FAF9ED; font-family: inherit; font-size: 36px; font-variation-settings: 'wght' 300; font-weight: 300; text-align: center; text-decoration: none; color: inherit; cursor: pointer; margin-top: 25px; padding: 18px 35px 18px 35px; width: 750px; max-width: 100%;}.medium_button, a.medium_button{ font-size: 30px; padding: 10px 0 10px 0; width: 400px;}.small_button, a.small_button{ font-size: 28px; padding: 10px 0 10px 0; width: 230px;}a.button50{ width: 360px; margin: 25px 12px 30px 12px;}a.button50 + a.button50 { margin-left: 12px; }a.secondary_button{ background-color: transparent; border: none; padding: 11px 0 11px 0; width: auto;}a.button:link, a.button:visited{color: #707070;text-decoration: none; }.button:hover, .medium_button:hover, .small_button:hover,a.button:hover, a.medium_button:hover, a.small_button:hover,a.button:active, a.medium_button:active, a.small_button:active{background-color: #EBF0E7; color: #707070;text-decoration: none;}a.secondary_button:hover{ background-color: transparent; text-decoration: underline;}@media screen and (max-width: 1200px){ .button, a.button {font-size: 30px;padding: 15px 25px 15px 25px;width: 500px; } .medium_button, a.medium_button {font-size: 24px;width: 300px; } .small_button, a.small_button {font-size: 20px;width: 200px; } a.button50 { display: block;font-size: 30px;margin: 25px 0 0 0; padding: 15px 25px 15px 25px;width: 500px;} a.secondary_button {width: auto; }}@media screen and (max-width: 1000px){ .button, a.button, a.button50 {font-size: 24px;width: 400px; }}@media screen and (max-width: 750px){ .button, a.button, a.button50 {font-size: 24px;padding: 10px 0 10px 0;width: 400px; } .medium_button, a.medium_button {font-size: 24px;width: 300px; } .small_button, a.small_button {font-size: 20px;padding: 10px 0 10px 0;width: 200px; } a.secondary_button {border: solid 1px #707070;background-color: #FAF9ED;font-size: 20px;padding: 10px 0 10px 0;width: 200px; }}.ad{ background-color: #FAF9ED; font-size: 20px; padding: 30px; margin: 0 0 50px 0;}.ad h3{ font-size: 28px; margin-bottom: 10px;}.ad a.small_button{ display: block; font-size: 22px; margin: 0 0 20px 0; width: 300px;}@media screen and (max-width: 1100px){ .ad {padding: 20px; } .ad .imageRight {float: none;margin: 0 15px 15px 0; }.ad:nth-of-type(1) {margin: 0 15px 0 0;width: calc(50% - 15px);float: left; }.ad:nth-of-type(2) {margin: 0 0 0 15px;width: calc(50% - 15px);float: left; }}@media screen and (max-width: 750px){.ad:nth-of-type(1) {margin: 0 0 25px 0;width: 100%;float: none; }.ad:nth-of-type(2) {margin: 0 0 0 0;width: 100%;float: none; }}footer{ background-color: #fff; position: relative; height: 420px;}footer a.text { color: #6b6b6b; text-decoration: underline; transition: background-size .4s;}footer a.text:hover { color: #6b6b6b; background-size: 4px 50px; text-decoration: underline;}footer #footer-logos{ text-align: center; max-width: 800px; margin: 0 auto 0 auto;}.pageFrameStep footer #footer-logos{ margin: 0 auto 0 calc(4% + 200px);}footer #footer-logos #upjohn-logo{ display: inline-block; margin: 35px 90px 0 0; vertical-align: top;}footer #footer-logos #smpc-logo{ display: inline-block; margin: 0 120px 0 0; vertical-align: top;}footer #footer-logos #kellogg-logo{ display: inline-block; margin: 20px 0 0 0; vertical-align: top;}#footer-mission{ border-top: solid 1px #D0D8C7; font-size: 14px; color: #707070; line-height: 1.7; max-width: 850px; margin: 25px auto 0 auto; padding: 25px 25px 25px 25px;}.pageFrameStep footer #footer-mission{ margin: 25px auto 0 calc(4% + 200px);}#footer-contact{ background-color: #EBF0E7; font-size: 18px; color: #6b6b6b; text-align: center; padding: 18px 0;}#footer-contact br { display: none; }#footer-contact .spacer { display: inline-block; width: 160px; }@media screen and (max-width: 1200px){ #footer-contact .spacer { display: inline-block; width: 50px; }}@media screen and (max-width: 1100px){ .pageFrameStep footer #footer-logos {margin: 0 auto 0 auto; } .pageFrameStep footer #footer-mission {margin: 25px auto 0 auto; }}@media screen and (max-width: 1000px){ footer #footer-logos #upjohn-logo {margin: 25px 50px 0 0; } footer #footer-logos #smpc-logo {margin: 0 60px 0 0; } footer #footer-logos #kellogg-logo {margin: 10px 0 0 0; } footer #footer-mission, .pageFrameStep footer #footer-mission { max-width: 850px; margin: 25px 4% 0 4%; padding: 25px 0 25px 0; } #footer-contact br { display: inline; } #footer-contact .spacer { display: none }}@media screen and (max-width: 750px){ footer #footer-logos #upjohn-logo {width: 105px;margin: 30px 40px 0 0; } footer #footer-logos #smpc-logo {width: 80px;margin: 0 50px 0 0; } footer #footer-logos #kellogg-logo {width: 200px;margin: 10px 0 0 0; } #footer-contact{font-size: 16px; }}@media screen and (max-width: 600px){ footer #footer-logos #upjohn-logo {width: 105px;margin: 27px 30px 0 0; } footer #footer-logos #smpc-logo {width: 80px;margin: 0 40px 0 0; } footer #footer-logos #kellogg-logo {width: 160px;margin: 20px 0 0 0; } #footer-contact{font-size: 14px; }}#pageFrameHome{}#pageFrameHome main{margin: 0 auto; padding: 120px 0 60px 0; max-width: 1920px;}#pageFrameHome h2,#pageFrameHome h3,#pageFrameHome h4,#pageFrameHome main p,#pageFrameHome main ul,#pageFrameHome main ol,#pageFrameHome main .medium_button{ margin-left: 4%; margin-right: 4%;}#pageFrameHome main .imageFull{ margin: 90px 0 0 0;}#pageFrameHome main .imageRight{ margin: 80px 0 0 0; width: 36%;}#pageFrameHome main h2{ font-size: 120px; font-variation-settings: 'wght' 200; font-weight: 200; line-height: 1.0; color: #D3D3D3; color: #949494; margin-bottom: 0;}#pageFrameHome main h3{ font-size: 60px; font-variation-settings: 'wght' 200; font-weight: 200; line-height: 1.0; color: #707070; margin-bottom: 40px;}#pageFrameHome main h4{ font-size: 32px; font-variation-settings: 'wght' 700; font-weight: 700; line-height: 1.3; color: #707070;}#pageFrameHome .content{ background-repeat: no-repeat; background-position: right 60px; background-size: 42%; padding-bottom: 120px;}#pageFrameHome #contentBanner{ position: relative; padding: 250px 0 0 0; width: 100%; height: 900px;}#pageFrameHome #contentBanner:before{ content: ""; background-image: url('/images/home/home-header-1920x930.jpg'); background-position: center; background-size: cover; position: absolute; top: 0; right: 0; left: 0; bottom: 0; opacity: 60%;}#pageFrameHome #contentBannerText{ position: relative; width: 100%; text-align: center; }#pageFrameHome #contentBanner h1{ font-size: 160px; font-variation-settings: 'wght' 200; font-weight: 200; line-height: 0.9; text-transform: lowercase; text-shadow: 2px 2px 6px rgba(0,0,0, 0.2); color: #484848; margin: 0; padding: 0;}#pageFrameHome #contentBanner h2{ font-size: 70px; font-variation-settings: 'wght' 400; font-weight: 400; text-transform: lowercase; color: #484848; margin: 0; padding: 0;}#pageFrameHome #contentBanner .medium_button{ background-color: #fff; opacity: 0.8; margin-left: 25px; margin-right: 25px;}#pageFrameHome #contentBanner .medium_button:hover,#pageFrameHome #contentBanner .medium_button:active{ background-color: #ebf0e7;}#pageFrameHome #contentIntro{ padding: 100px 20% 100px 20%; text-align: center; min-height: auto;}#pageFrameHome #contentIntro h2,#pageFrameHome #contentIntro p{ margin-left: auto; margin-right: auto;}#pageFrameHome #contentIntro h2{ margin-top: 0px;}#pageFrameHome #contentStep1{ background-image: url('/images/home/home-step1-foundation-900x630.jpg');}#pageFrameHome #contentStep2{ background-image: url('/images/home/home-step2-groundfloor-900x630.jpg');}#pageFrameHome #contentStep3{ background-image: url('/images/home/home-step3-second-floor-900x630.jpg');}#pageFrameHome #contentStep4{ background-image: url('/images/home/home-step4-roof-900x630.jpg');}@media screen and (max-width: 1500px){ #pageFrameHome #contentBanner {padding: 200px 0 0 0;height: 700px; }}@media screen and (max-width: 1200px){ #pageFrameHome #contentBanner {padding: 130px 0 0 0;height: 560px; } #pageFrameHome #contentBanner h1 { font-size: 120px; } #pageFrameHome #contentBanner h2 { font-size: 50px; }#pageFrameHome #contentIntro {padding: 80px 20% 80px 20%; } #pageFrameHome .content {padding-bottom: 80px; } #pageFrameHome main h2 { font-size: 100px; } #pageFrameHome main h3 { font-size: 50px; margin-bottom: 25px; } #pageFrameHome main h4 { font-size: 24px; }}@media screen and (max-width: 1000px){ #pageFrameHome #contentBanner {padding: 100px 0 0 0;height: 460px; } #pageFrameHome #contentBanner h1 { font-size: 100px; } #pageFrameHome #contentBanner h2 { font-size: 40px; }#pageFrameHome #contentIntro {padding: 80px 15% 80px 15%; } #pageFrameHome main h2 { font-size: 80px; } #pageFrameHome main h3 { font-size: 40px; margin-bottom: 20px; } #pageFrameHome main h4 { font-size: 24px; }}@media screen and (max-width: 900px){ #pageFrameHome #contentStep1, #pageFrameHome #contentStep2, #pageFrameHome #contentStep3, #pageFrameHome #contentStep4 {background-image: none; }}@media screen and (max-width: 750px){ #pageFrameHome #contentBanner {padding: 130px 0 0 0;height: 550px; } #pageFrameHome #contentBanner h1 { font-size: 80px; } #pageFrameHome #contentBanner h2 { font-size: 40px; }#pageFrameHome .content {padding-bottom: 80px; } #pageFrameHome main h2 { font-size: 70px; } #pageFrameHome main h3 { font-size: 36px; margin-bottom: 20px; } #pageFrameHome main h4 { font-size: 20px; }}@media screen and (max-width: 700px){ #pageFrameHome #contentIntro {padding: 70px 10% 70px 10%; } #pageFrameHome .content {padding-bottom: 70px; }}@media screen and (max-width: 600px){ #pageFrameHome #contentBanner {padding: 130px 0 0 0;height: 550px; } #pageFrameHome #contentBanner h1 { font-size: 50px; } #pageFrameHome #contentBanner h2 { font-size: 30px; }#pageFrameHome #contentIntro {padding: 50px 10% 50px 10%; } #pageFrameHome main h2 { font-size: 36px; } #pageFrameHome main h3 { font-size: 28px; margin-bottom: 20px; } #pageFrameHome main h4 { font-size: 18px; }}#pageFramePlanning{}#pageFramePlanning main{ margin: 0 auto; padding: 150px 4% 60px 4%; max-width: 1920px;}#pageFramePlanning main h1,#pageFramePlanning main p{ padding-right: 8%;}#pageFramePlanning .step{ background-color: #F2F2F2; text-align: center; width: calc(50% - 25px); margin: 50px 25px 0 0; padding: 75px 10px 75px 10px; float: left;}#pageFramePlanning #step2 { background-color: #EBF0E7; }#pageFramePlanning #step3 { background-color: #DCE2D7; }#pageFramePlanning #step4 { background-color: #D0DBC7; }#pageFramePlanning #step2,#pageFramePlanning #step4{ margin-right: 0; margin-left: 25px;}#pageFramePlanning .step h2{ color: #484848; margin: 0 0 30px 0;}#pageFramePlanning .step h3{color: #484848; margin: 0; padding: 0;}#pageFramePlanning .medium_button{ margin-top: 30px;}#pageFramePlanning #endButtons{ margin-top: 80px;}@media screen and (max-width: 1200px){ #pageFramePlanning .step {width: calc(50% - 15px);margin: 30px 15px 0 0;padding: 50px 10px 50px 10px;float: left; }#pageFramePlanning #step2, #pageFramePlanning #step4 {margin-right: 0;margin-left: 15px; } #pageFramePlanning .step h2 {margin: 0 0 20px 0; }#pageFramePlanning #endButtons {margin-top: 50px; } #pageFramePlanning a.button50 {margin-left: auto;margin-right: auto; } #pageFramePlanning a.button50 br {display: none; }}@media screen and (max-width: 1000px){ #pageFramePlanning .step, #pageFramePlanning #step2, #pageFramePlanning #step4 {width: 100%;margin: 30px 0 0 0;padding: 50px 10px 50px 10px;float: none; } #pageFramePlanning #endButtons {margin-top: 40px; }}.pageFrameStep{ background-image: url('/images/align/align-foundation-850x560.jpg'); background-repeat: no-repeat; background-position: right 350px; background-size: 42%; background-attachment: fixed;}.pageFrameStep main{margin: 0 auto;padding: 150px 0 60px 0; max-width: 1920px;}#pageFrameStep1 { background-image: url('/images/align/align-foundation-850x560.jpg'); }#pageFrameStep2 { background-image: url('/images/design/design-first-floor-850x560.jpg'); }#pageFrameStep3 { background-image: url('/images/empower/empower-second-floor-850x560.jpg'); }#pageFrameStep4 { background-image: url('/images/measure/measure-roof-850x560.jpg'); }.pageFrameStep h1,.pageFrameStep h2,.pageFrameStep h3,.pageFrameStep main p,.pageFrameStep main ul,.pageFrameStep main ol{ margin-left: calc(4% + 250px); margin-right: 40%; max-width: 1300px;}.pageFrameStep h1,.pageFrameStep h1 + h2 {margin-right: 12%;}.pageFrameStep main .imageFull{ margin: 90px 0 0 0;}.pageFrameStep main .imageRight{ margin: 80px 0 15px 25px; width: 36%;}.pageFrameStep main .button{ margin-left: calc(4% + 250px); max-width: 92%; }@media screen and (max-width: 1200px){ .pageFrameStep {background-size: 40%; } .pageFrameStep h1, .pageFrameStep h2, .pageFrameStep h3, .pageFrameStep main p, .pageFrameStep main ul, .pageFrameStep main ol {margin-left: calc(4% + 250px);margin-right: 30%; } .pageFrameStep main .imageFull {margin: 80px 0 0 0; } .pageFrameStep main .imageRight {width: 25%; } .pageFrameStep main .button, .pageFrameStep main a.button50 {margin-left: calc(4% + 250px); }}@media screen and (max-width: 1100px){ .pageFrameStep h1, .pageFrameStep h2, .pageFrameStep h3, .pageFrameStep main p, .pageFrameStep main ul, .pageFrameStep main ol {margin-left: 4%; } .pageFrameStep main .button, .pageFrameStep main a.button50 {margin-left: 4% }}@media screen and (max-width: 1000px){ .pageFrameStep {background-size: 40%; } .pageFrameStep h1, .pageFrameStep h2, .pageFrameStep h3, .pageFrameStep main p, .pageFrameStep main ul, .pageFrameStep main ol {margin-right: 20%; } .pageFrameStep main .imageFull {margin: 50px 0 0 0; } .pageFrameStep main .imageRight {display: none; }}@media screen and (max-width: 750px){ .pageFrameStep {background-image: none !important; } .pageFrameStep h1, .pageFrameStep h2, .pageFrameStep h3, .pageFrameStep main p, .pageFrameStep main ul, .pageFrameStep main ol {margin-left: 4%;margin-right: 12%; } .pageFrameStep main .imageFull {margin: 40px 0 0 0; } .pageFrameStep main .button:first-of-type {margin-top: 0; } .pageFrameStep main .button, .pageFrameStep main a.button50 {margin-left: 4% }}.pageFrameFull{}#pageFrameFullBestPractices{ background-image: url('/images/best-practices/best-practices-25.svg'); background-repeat: no-repeat; background-position: right 4% top 200px; background-size: 25%; background-attachment: fixed;}#pageFrameFullResources{ background-image: url('/images/best-practices/best-practices-25.svg'); background-repeat: no-repeat; background-position: right 4% top 200px; background-size: 25%; background-attachment: fixed;}.pageFrameFull main{ margin: 0 auto; padding: 150px 12% 60px 4%; max-width: 1920px;}.pageFrameFull main h1,.pageFrameFull main h2,.pageFrameFull main h3,.pageFrameFull main h4,.pageFrameFull main p{ max-width: 1300px;}#pageFrameFullResources main{ padding: 150px 4% 60px 4%;}#pageFrameFullResources main > h1,#pageFrameFullResources main > h2,#pageFrameFullResources main > h3,#pageFrameFullResources main > p,#pageFrameFullResources main .inputForm{ margin-right: 8%;}#pageFrameFullResources .col1{ display: block; margin-bottom: 25px; width: calc(100% - 575px); float: left;}#pageFrameFullResources .col2{ display: block; padding-left: 50px; width: 575px; float: left;}@media screen and (max-width: 1100px){ #pageFrameFullBestPractices, #pageFrameFullResources {background-image: none; } #pageFrameFullResources .col1 {width: 100%;float: none; } #pageFrameFullResources .col2 {width: 100%;padding-left: 0;float: none; } #pageFrameFullResources .resultList {margin-right: 8%; }}@media screen and (max-width: 750px){}.inputForm { font-family: inherit; color: #707070; margin-bottom: 70px;}.inputForm ul.tabs{ display: block; border-bottom: solid 10px #DCE2D7;list-style: none; margin: 0; padding: 0; width: 100%;}.inputForm .tabs li{ display: block; padding-right: 3px; float: left;}.inputForm .tabs li.selected a,.inputForm .tabs li.selected a:hover{background-color: #DCE2D7;}.inputForm .tabs li a{ display: inline-block; background-color: #EBF0E7; font-size: 24px; font-variation-settings: 'wght' 700; font-weight: 700; text-decoration: none; padding: 12px 100px 7px 25px; width: 100%;}.inputForm .tabs li a:hover{ background-color: #FAF9ED; font-variation-settings: 'wght' 700; font-weight: 700;}.inputForm .tabInputs{ margin: 10px 0 0 0;}.inputForm p{ line-height: inherit;}.inputForm fieldset{ border: 0; margin: 20px 0 0 0; padding: 0;}.inputForm .formCol{ display: block; width: 300px; max-width: 92%; float: left;}.inputForm label{ font-size: 18px; line-height: 1.0;}.inputForm .required{ color: #c00;}.inputForm .question{ display: block; font-size: 30px; font-size: 24px; font-variation-settings: 'wght' 700; font-weight: 700; margin-bottom: 6px;}.inputForm input[type=text],.inputForm input[type=email],.inputForm input[type=number],.inputForm textarea, .inputForm select{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: solid 1px #ccc; font-size: 20px; color: #707070; line-height: 1.4; padding: 4px 6px; margin-bottom: 5px; width: 100%;}.inputForm select{ width: auto; max-width: none;}.inputForm .price span.dollar{ display: block; line-height: 1.4; padding: 3px 0; width: 15px; float: left;}.inputForm .price input{ display: block; float: left;}.inputForm .error{ font-weight: bold; color: #c00;}.inputForm .width2Char { width: 50px !important; }.inputForm .width5Char { width: 75px !important; }.inputForm .width10Char { width: 140px !important; }.inputForm .width20Char { width: 250px !important; }.inputForm .width40Char { width: 450px !important; }.inputForm .widthAuto { width: auto !important; }.inputForm table{ border-collapse: collapse; margin: 0; padding: 0;}.inputForm table th{ font-size: 24px; font-variation-settings: 'wght' 700; font-weight: 700; text-align: left;}.inputForm table td{ font-size: 18px; font-variation-settings: 'wght' 200; font-weight: 200; text-align: left;}ul.resultList{ list-style: none; padding: 0; margin: 20px 0 0 0;}.resultList li{ margin-bottom: 20px;}@media screen and (max-width: 1200px){ .inputForm {margin-bottom: 50px; } .inputForm .question {font-size: 20px; } .inputForm ul.tabs {width: 100%; } .inputForm .tabs li a {font-size: 20px;padding: 12px 50px 7px 25px; }}@media screen and (max-width: 1000px){ .inputForm .question {font-size: 18px; } .inputForm .tabs li a {font-size: 18px;padding: 12px 25px 7px 25px; }}@media screen and (max-width: 750px){ .inputForm {margin-bottom: 50px; } .inputForm ul.tabs.multitabs {border-bottom: none; } .inputForm .tabs.multitabs li {font-size: 18px;padding-right: 3px;padding-bottom: 3px;width: 50%; } .inputForm .tabs li {font-size: 18px; } .inputForm .formCol{display: block;width: 275px;float: left; } .inputForm input[type=text], .inputForm input[type=email], .inputForm input[type=number], .inputForm textarea {max-width: 550px }}@media screen and (max-width: 600px){ .inputForm .formCol {float: none;width: auto; } .inputForm input[type=text], .inputForm input[type=email], .inputForm input[type=number], .inputForm textarea {max-width: 300px } .inputForm br.clear { display: none; }}ul.searchResults, ol.searchResults{ list-style-type: none; margin: 0px; padding: 0px;}.searchResults li{ margin: 0px 0px 12px 0px; padding: 0px;}.searchResults:first-child{ list-style-type: none; margin: 0px; padding: 0px;}.searchResults + h3{ margin-top: 30px;}.searchResults .highlight { background-color: #ffa;}@supports (font-variation-settings: 'wght' 300) {@keyframes grow300to900 {0% {font-variation-settings: 'wght' 300;}100% {font-variation-settings: 'wght' 900;}}.reset_900to300 {font-variation-settings: 'wght' 300;}}@media screen and (min-width: 75em) {@media (prefers-reduced-motion: no-preference) {.animated_grow300to900 {animation: grow300to900 3s ease 0s 1 forwards;}}}