garage building kits for sale

2021/05/21

Perhaps steels greatest asset its strength, but its also an extremely versatile building material, allowing you to build a garage of any shape or size. .topbar { padding-top: 15px; text-align: center; } .topbar .menu { } .topbar .menu li { display: inline; font-size: 14px; margin: 0px 6px; } .topbar .menu li .active { color: #FF0; } .topbar .menubutton { display: none; } .backgrounds #bg_1 { background-image: url(images/bg1.jpg); height: 1144px; background-position: 50% 0; background-size: auto auto; background-attachment: fixed; } .backgrounds #bg_2 { background-image: url(images/bg2.jpg); height: 1600px; background-position: 50% top; background-size: auto 2820px; background-attachment: fixed; } .backgrounds #bg_3 { background-image: url(images/bg3.jpg); height: 1500px; } .swirl , .watermark, .calculator{ display: block; } .main { padding-top: 0px; } .wrapper { width: calc(985px - 20px); margin-left: auto; margin-right: auto; position: relative; } .main .logo { position: absolute; top: 70px; padding-left: 135px; background-image: url(images/logo-swirl.png); background-repeat: no-repeat; background-position: left top; height: 123px; left: 40px; background-size: 121px auto; } .main .logo div { line-height: 1em; } .main .logo .hurricane { font-family: StoneBold; font-size: 38px; color: #FFF; font-style: italic; } .main .logo .steelbuilding { font-family: StoneBold; font-size: 26px; color: #000; font-style: italic; margin-top: -5px; } .main .logo .premium { font-family: StoneSemi; font-size: 10px; color: #FFF; letter-spacing: 0.px; letter-spacing: 0.2px; margin-top: 0px; } .main .logo .phone { font-size: 37px; } .main .logoline { text-align: center; margin-top: 40px; z-index: 1; position: relative; } .main .logo.small { background-image: url(images/logo-swirl-small.png); position: relative; top: auto; left: auto; display: inline-block; padding-left: 110px; text-align: left; padding-top: 10px; margin-right: 60px; background-size: 102px auto; } .main .logo.small .hurricane { font-size: 33px; color: #4b4c4d; letter-spacing: 0.4px; } .main .logo.small .steelbuilding { font-size: 23px; color: #0075be; } .main .logo.small .premium { font-size: 10px; color: #000205; letter-spacing: -0.4px; } .main .logo.small .phone { font-size: 27px; color: #dc8a06; margin-left: 18px; } .main .calculator { text-align: center; position: fixed; right: 20px; top: 60px; color: #fff; font-family: Myriad; width: 334px; z-index: 1; display: block; } .main .calculator .see { font-size: 24px; letter-spacing: 0.7px; } .main .calculator .seeButton { font-size: 21px; background-color: #bb5a43; color: #fff; width: 216px; padding: 3px 0px; display: inline-block; border-radius: 7px; margin-top: 5px; letter-spacing: 0.6px; } .main .calculator .priceOut { font-size: 24px; background-color: #f7ba59; color: #000; margin: 0px 30px; padding-top: 8px; padding-bottom: 5px; margin-top: 13px; } .main .calculator .pricing { font-size: 32px; background-color: #1364aa; padding: 9px 0px; border-radius: 7px; line-height: 1em; padding-bottom: 5px; letter-spacing: 0.7px; } .main .calculator .CalculatorForm { border: solid 8px #dc8a06; background-color: rgba(0,0,0,0.4); margin: 0px 17px; padding: 10px; font-family: MyriadBold; font-size: 18px; position: relative; padding-bottom: 20px; } .main .calculator .CalculatorForm .row { margin-bottom: 7px; } .main .calculator .CalculatorForm select { } .main .calculator .CalculatorForm #calculate { background-color: #ffdc51; color: #000; border: solid 1px #000; padding: 7px 25px; font-size: 18px; font-weight: bold; line-height: 1em; position: absolute; left:63px; } .main .section.one { height: 1144px; } .main .section.one .calculator { width:320px; } .main .section.one .title { font-family: ArialBlack; font-size: 24px; color: #fff; line-height: 1.5em; position: absolute; top: 550px; left: 30px; width: 560px; z-index: 1; } .main .section.one .title .line1 { font-size: 38px; margin-bottom: 5px; } .main .section.one .swirl { position: absolute; width: 341px; height: auto; left: 128px; margin-top: 570px; z-index: 0; } .main .mainsection { background-image:none; } .main .section.two { height: 800px; padding-top: 0px; margin-bottom: 0px; } .main .section.two .content { width: 570px; margin-left: 20px; position: relative; z-index: 1; line-height: 24px; font-size: 16px; padding-top: 50px; } .main .section.two .content h2 { margin: 0px; } .page .main .section.two .headline h2 br { display:inline-block; } .main .section.two .content .certifications img{ margin: 0px 5px; } .main .section.two .content .certifications { text-align: center; } .main .section.two .points { font-family: StoneBold; color: #4b4c4d; font-size: 16px; text-align: center; } .main .section.two .points br { display: inline; } .main .section.two .watermark { position: absolute; right: 20px; top: 400px; z-index: 0; opacity: 0.6; } .main .section.three { padding-top: 0px; height: 700px; } .main .section.three .explore { font-family: MyriadBold; font-size: 30px; color: #474747; text-align: center; } .main .section.three .explore br { display: inline; } .main .section.three .thumbs { text-align: center; margin-top: 20px; } .main .section.three .thumbs .thumb { width: 187px; display: inline-block; color: #000; font-family: Myriad; font-size: 15px; text-align: center; padding-bottom: 5px; margin-bottom: 5px; } .main .section.three .thumbs .thumb:hover { color: #F00; } .main .section.three .thumbs .thumb img { width: 187px; height: 113px; margin-bottom: 5px; } .main .footersection { background-image: none; background-color: transparent; } .main .section.four { padding-top: 0px; height: 660px; } .main .section.four .content { text-align: center; padding-top: 40px; } .main .section.four .content .CalculateNow { font-size: 22px; } .main .section.four .content .call { font-family: Myriad; font-size: 36px; color: #454545; } .main .section.four .content .phone { font-family: MyriadBold; font-size: 72px; color: #df5900; } .main .section.four .content .factory { font-size: 48px; color: #df5900; } .main .section.four .content .satisfaction { font-family: MyriadBold; font-size: 40px; color: #727171; margin-top: 0px; } .main .section.four .content .thousands { font-family: MyriadBold; font-size: 24px; color: #000; margin-top: 20px; } .main .section.four .content .manufactured { font-size: 14px; color: #000; margin-top: 0px; } .main .section.four .larger { position: relative; } .main .section.four .larger .payments { position: absolute; left: 80px; top: 30px; } .main .section.four .larger .socmed { position: absolute; right: 30px; top: 10px; } .main .section.four .larger .socmed img { height: auto; width: 26px; } .main .section.four .larger .socmed .certificates { margin-bottom:10px; width:auto; } .main .section.four .larger .socmed .certificates img { margin:0px; margin-bottom:5px; } .main .section.four .larger .socmed .certificates .sharp { width:42px; } .main .section.four .larger .socmed .certificates .recyle { width:44px; } .main .section.four .larger .socmed .certificates .cwb { width:37px; } .main .section.four .larger .socmed .certificates .es { width:42px; } .main .larger .logoline{ margin-top: 20px; } .main .larger .logo.small { padding-left: 135px; padding-top: 0px; margin-right: 0px; background-size: 123px auto; height: 125px; } .main .larger .logo.small .hurricane { font-size: 40px; letter-spacing: 0.4px; } .main .larger .logo.small .steelbuilding { font-size: 27px; color: #0075be; letter-spacing: 0.4px; } .main .larger .logo.small .premium { font-size: 11px; color: #000205; letter-spacing: 0px; } .main .larger .logo.small .phone { font-size: 32px; color: #4e4e4e; font-weight: bold; margin-left: 0px; font-family: MyriadBold; } .main .section.four .locations { font-size: 12px; color: #000; font-family: Myriad; text-align: center; margin-top: 20px; } .main .section.five { } .main .section.five .calculator { position: relative; margin-left: auto; margin-right: auto; top: auto; right: auto; width: 334px; } .main .section.five .calculator .see{ font-size: 24px; color: #d33c00; } .main .section.five .calculator .priceOut{ font-size: 24px; background-color: #f7ba59; color: #000; margin: 0px 30px; padding-top: 8px; padding-bottom: 5px; margin-top: 13px; } .main .section.five .calculator .pricing{ font-size: 32px; background-color: #1364aa; padding: 9px 0px; border-radius: 7px; line-height: 1em; padding-bottom: 5px; letter-spacing: 0.7px; } .main .section.five .calculator .CalculatorForm #calculate{ font-size: 18px; } .main .section.five .logo.small{ margin-right: 0px; } .main .section.five .footer { font-family: Myriad; font-size: 14px; text-align: center; margin-top: 20px; } .page .banner .talk { position: absolute; top: 57px; left: 450px; width: 115px; } .page .main .section.one .logo { top: 65px; padding-left: 125px; height: 110px; background-size: 110px auto; } .page .main .section.one .logo div { line-height: 1em; } .page .main .section.one .logo .hurricane { font-family: StoneBold; font-size: 38px; color: #FFF; font-style: italic; } .page .main .section.one .logo .steelbuilding { font-family: StoneBold; font-size: 26px; color: #000; font-style: italic; margin-top: -5px; } .page .main .section.one .logo .premium { font-family: StoneSemi; font-size: 10px; color: #FFF; letter-spacing: 0.px; letter-spacing: 0.2px; margin-top: 0px; } .page .main .section.one .logo .phone { font-family: MyriadBold; font-size: 37px; font-weight: normal; color: #FFF; letter-spacing: 2px; margin-top: 5px; } .page .main .section.one .talk { position: absolute; top: 57px; left:500px; width: 115px; } .page .main .section.one .calculator { position: absolute; width: 275px; top: 57px; left: auto; right: 0px; } .page .main .section.one .calculator .see { font-size: 20px; letter-spacing: 0.7px; } .page .main .section.one .calculator .seeButton { font-size: 17px; width: 176px; padding: 3px 0px; padding-bottom:2px; display: inline-block; border-radius: 7px; margin-top: 5px; letter-spacing: 0.6px; } .page .main .section.one .calculator .priceOut { font-size: 20px; color: #000; padding-top: 6px; padding-bottom: 3px; margin-top: 10px; width:223px; display:inline-block; text-align:center; } .page .main .section.one .calculator .pricing { font-size: 26px; padding: 4px 0px; padding-bottom: 2px; letter-spacing: 0.7px; width:272px; display:inline-block; } .page .main .section.two .content { max-width:none; } #Calculator { margin-top: 20px; } #Calculator .leftCal { border: 1px solid #cc763f; /*ackground-color: #e8ebf3;*/ margin-right: 20px; float: left; } #Calculator .leftCal .button { border: 1px solid #c3aea3; background-image: url(images/calculator-button.jpg); background-repeat: repeat-y; background-size: contain; width: 224px; margin: 7px; padding: 10px; font-size: 17px; font-weight: normal; color: #333; } #Calculator .leftCal .button.active { border-color: #000; font-size: 18px; color: #000; font-weight: bold; } #Calculator .rightCal { border: 1px solid #c75309; padding: 15px; width: 640px; float: left; text-align: center; } #Calculator .rightCal .tab { display: none; position: relative; } #Calculator .rightCal .tab.active { display: block; } #Calculator .rightCal .tab .title { font-size: 30px; color: #0f6093; } #Calculator .rightCal .tab .desc { font-size: 18px; margin-top: 5px; margin-bottom: 20px; } #Calculator .rightCal .tab .proceed { cursor: pointer; display: none; /* position:absolute; bottom: 5px; margin-left: -40px; */ } #Calculator .rightCal .tab .process { /* position: absolute; bottom: 52px; margin-left: -16px; display: none; */ } #Calculator .rightCal .tab.type .fieldname { display: none; } #Calculator .rightCal .tab.accessories { height: auto; min-height: 615px; } #Calculator .rightCal .tab.accessories .proceed{ /* cursor: pointer; margin-left: -39px; */ } #Calculator .rightCal .tab.accessories .hanggar { display: none; } #Calculator .rightCal .tab.accessories .wrapper { display: table; text-align: center; } #Calculator .rightCal .tab.accessories .wrapper table { display: inline-block; font-size: 16px; } #Calculator .rightCal .tab.accessories .wrapper table.one { margin-right: 30px; } #Calculator .rightCal .tab.type .types { display: inline-block; margin-bottom: 20px; } #Calculator .rightCal .tab.type .types .type { display: inline-block; width: 142px; font-weight: bold; margin-left: 5px; margin-right: 5px; } #Calculator .rightCal .tab.type .types .type img{ width: auto; height: auto; } #Calculator .rightCal .tab.type .types .type input[type="radio"] { position:absolute; display:none; } #Calculator .rightCal .tab.type .types .type label { cursor:pointer; } #Calculator .rightCal .tab .fieldname { font-size: 16px; color: #0f6093; } #Calculator .rightCal .tab.type .field { } #Calculator .rightCal .tab.location .country { display: none; margin-top: 20px; } #Calculator .rightCal .tab.doors .wrap .colm { display: block; width: auto; } #Calculator .rightCal .tab.doors .box.list .added { font-size: 14px; } .pricelist .item { xxxwidth: 450px; } .pricelist .item .head { background-image: url(images/logo-small.png); background-position: right 30px; background-size:220px auto; } We Offer A 5 Year Top to Bottom Limited Warranty Certificate covering our standard shed structures. There are a few subtle difference in each building, and you may even need a combination of the two. We schedule delivery, and bring the two car garage kit out and build it on your prepared site. If youre looking for garage ideas that boast both style and function, then look no further than the Bishop garage kit, a striking look from all angles. Last chance to save up to 30% on these sizes. A full warranty is offered on these clearance steel garages that were on display at the fair. Most homeowners have the ability to erect a garage kit on their own with a few helpers, which can cut the cost by 60%. Eversafe offers steel building packages that save you money over traditional construction. Working with General Steel is a collaborative process that ensures that your final product reflects your specific needs. Stoltzfus Structures builds a solution for the problem and offers built on site 2 car garage kits that combine the best of all the options. Hurricane Metal Buildings manufactures and supplies metal buildings to government agencies and large corporations but our residential business is the heart of our metal building company. We will draw up your two car garage kit in our computer system and send you a computer engineered drawing as well as an itemized quote. The discount is typically 20-25% off the regular price. Design and price your metal garage kit and get an approximate cost on your building. This comes down to how you will use your garage. Eversafe buildings can be used for many different applications in addition to prefab garages, including RV storage buildings, hay and horse barns, backyard storage sheds and pre-engineered commercial or industrial buildings. We also buy all of our materials for pre-built garages by the truckload, allowing us to get materials at a much lower rate than a contractor, also saving you money. Is it intended to store large vehicles and equipment or serve as a personal space? The process starts with a two-way conversation between you and our experienced team. Pricing may vary slightly depending on region. Metal garage buildings for sale here are also great for storage as you can assemble shelving install lofts in them to reduce clutter. Unfortunately, Steel clearance buildings from fairs are not currently being offered at this time due to the recent pandemic as we are not presently displaying at any fairs or trade shows. We also offer technical support, on line or by phone. This A 2424 garage package can perfectly accommodate two vehicles. .topbar { padding-top: 15px; text-align: center; } .topbar .title { display:none; } .topbar .menu { height:auto; background-color:transparent; position:relative; top:auto; overflow: visible; } .topbar .menu li { display: inline; font-size: 12px; margin: 0px; padding: 9px; padding-bottom:18px; border: none; position: relative; } .topbar .menu li a { padding: 0px; display: inline; } .topbar .menu li a:hover { color: #FF0; } .topbar .menu li span { padding-bottom:0px; } .topbar .menu li .active { color: #FF0; } .topbar .menu .submenu { display: none; position: absolute; background-color: rgba(0,0,0,1); left: 0px; margin-top: 17px; box-shadow: 0px 5px 10px rgba(0,0,0,0.7); } .topbar .menu li:hover .submenu { display: block; } .topbar .menu .submenu li { margin:0px; border:none; display:block; text-align:left; background-color:transparent; padding:0px; } .topbar .menu .submenu li a { display: block; padding: 6px 10px; white-space: nowrap; } .topbar .menu .submenu li a { padding-left:10px; } .topbar .menu .submenu li span { padding-left:10px; padding-bottom:5px; } .topbar .menu .submenu li ul li a { padding-left: 30px; } .topbar .menubutton { display: none; } .backgrounds { display: block; } .backgrounds #bg_1 { background-image: url(images/bg1.jpg); height: 1144px; background-position: 50% 0; background-size: auto auto; background-attachment: fixed; } .backgrounds #bg_2 { background-image: url(images/bg2.jpg); height: 1570px; background-position: 50% top; background-size: auto 2820px; background-attachment: fixed; } .backgrounds #bg_3 { background-image: url(images/bg3.jpg); height: 1500px; } .swirl , .watermark, .calculator{ display: block; } .main { padding-top: 0px; } .main .wrapper { position: relative; z-index: 2; padding: 0px 10px; } .main .logo { position: absolute; top: 60px; padding-left: 135px; background-image: url(images/logo-swirl.png); background-repeat: no-repeat; background-position: left top; height: 123px; left: 10px; background-size: 121px auto; } .main .logo div { line-height: 1em; } .main .logo .hurricane { font-family: StoneBold; font-size: 38px; color: #FFF; font-style: italic; } .main .logo .steelbuilding { font-family: StoneBold; font-size: 26px; color: #000; font-style: italic; margin-top: -5px; } .main .logo .premium { font-family: StoneSemi; font-size: 10px; color: #FFF; letter-spacing: 0.px; letter-spacing: 0.2px; margin-top: 0px; } .main .logo .phone { font-family: MyriadBold; font-size: 37px; color: #FFF; letter-spacing: 0px; margin-top: 5px; } .main .logo .toll { color:#fff; font-size:16px; font-family:Myriad; letter-spacing:0.8px; margin-top:0px; } .main .logoline { text-align: center; margin-top: 40px; z-index: 1; position: relative; } .main .logo.small { background-image: url(images/logo-swirl-small.png); position: relative; top: auto; left: auto; display: inline-block; padding-left: 110px; text-align: left; padding-top: 10px; margin-right: 60px; background-size: 102px auto; } .main .logo.small .hurricane { font-size: 33px; color: #4b4c4d; letter-spacing: 0.4px; } .main .logo.small .steelbuilding { font-size: 23px; color: #0075be; } .main .logo.small .premium { font-size: 10px; color: #000205; letter-spacing: -0.4px; } .main .logo.small .phone { font-size: 27px; color: #dc8a06; margin-left: 18px; } .main .logo.small .toll { color:#000; font-size:13px; letter-spacing:1.1px; text-align:center; } .main .calculator { text-align: center; position: fixed; right: 10px; top: 60px; color: #fff; font-family: Myriad; width: 334px; z-index: 1; display: block; } .main .calculator .see { font-size: 24px; letter-spacing: 0.7px; display:block; } .main .calculator .seeButton { font-size: 21px; background-color: #bb5a43; color: #fff; width: 216px; padding: 3px 0px; display: inline-block; border-radius: 7px; margin-top: 5px; letter-spacing: 0.6px; } .main .calculator .seeButton:hover { color:#FF0; } .main .calculator .priceOut { font-size: 20px; background-color: #f7ba59; color: #000; margin: 0px 30px; padding-top: 8px; padding-bottom: 5px; margin-top: 13px; } .main .calculator .pricing { font-size: 24px; background-color: #1364aa; padding: 9px 0px; border-radius: 7px; line-height: 1em; padding-bottom: 5px; letter-spacing: 0.7px; } .main .calculator .CalculatorForm { border: solid 8px #dc8a06; background-color: rgba(0,0,0,0.4); margin: 0px 17px; padding: 10px; font-family: MyriadBold; font-size: 18px; position: relative; padding-bottom: 20px; } .main .calculator .CalculatorForm .row { margin-bottom: 7px; } .main .calculator .CalculatorForm select { } .main .calculator .CalculatorForm #calculate { background-color: #ffdc51; color: #000; border: solid 1px #000; padding: 7px 25px; font-size: 18px; font-weight: bold; line-height: 1em; position: absolute; left: 39px; bottom: -20px; } .main .section { padding:0px; } .main .section.one { height: 1144px; background-image: none; } .main .section.one .calculator { width:270px; top:60px; right:10px; display:block; } /* ANTI JITTERS START */ .main .section.one .calculator { position:fixed; top:60px; right:30px; } /* ANTI JITTERS END */ .main .section.one .title { font-family: ArialBlack; font-size: 24px; color: #fff; line-height: 1.5em; position: absolute; top: 550px; left: 10px; width: 500px; z-index: 1; } .main .section.one .title .line1 { font-size: 35px; margin-bottom: 5px; } .main .section.one .title .line2 { font-size: 21px; line-height: 1.3em; } .main .section.one .swirl { position: absolute; width: 341px; height: auto; left: 50px; margin-top: 570px; z-index: 0; } .main .mainsection { background-image:none; } .main .section.two { height: 800px; padding-top: 0px; margin-bottom: 0px; } .main .section.two .content { width: 450px; margin-left: 0px; position: relative; z-index: 1; line-height: 24px; font-size: 16px; padding-top: 50px; } .main .section.two .content h2 { margin: 0px; } .main .section.two .content h2 br { display: none; } .main .section.two .content .certifications img{ margin: 0px 5px; } .main .section.two .content .certifications { text-align: center; } .main .section.two .points { font-family: StoneBold; color: #4b4c4d; font-size: 15px; text-align: center; } .main .section.two .points br { display: inline; } .main .section.two .watermark { position: absolute; right: 20px; top: 400px; z-index: 0; opacity: 0.6; } .main .section.three { padding-top: 0px; height: 680px; } .main .section .explore { font-family: MyriadBold; font-size: 26px; color: #474747; text-align: center; margin-top: 80px; } .main .section .explore br { display: inline; } .main .section .thumbs { text-align: center; margin-top: 20px; } .main .section .thumbs .thumb { width: 160px; display: inline-block; color: #000; font-family: Myriad; font-size: 15px; text-align: center; padding-bottom: 5px; margin-bottom: 5px; position: relative; } .main .section .thumbs .thumb:hover { color: #F00; } .main .section .thumbs .thumb img { width: 100%; height: auto; margin-bottom: 5px; } .main .footersection { background-image: none; background-color: transparent; } .main .section.four { padding-top: 0px; height: 660px; } .main .section.four .content { text-align: center; padding-top: 40px; } .main .section.four .content .call { font-family: Myriad; font-size: 28px; color: #454545; } .main .section.four .content .phone { font-family: MyriadBold; font-size: 72px; color: #df5900; } .main .section.four .content .factory { font-size: 40px; color: #df5900; } .main .section.four .content .satisfaction { font-family: MyriadBold; font-size: 32px; color: #727171; margin-top: 0px; } .main .section.four .content .thousands { font-family: MyriadBold; font-size: 19px; color: #000; margin-top: 20px; } .main .section.four .content .manufactured { font-size: 14px; color: #000; margin-top: 0px; } .main .section.four .larger { position: relative; } .main .section.four .larger .payments { position: absolute; left: 20px; top: 30px; } .main .section.four .larger .socmed { position: absolute; right: 0px; top: 15px; z-index:1; } .main .section.four .larger .socmed img { height: auto; width: 26px; } .main .section.four .larger .socmed .certificates { width:180px; margin-bottom:10px; } .main .section.four .larger .socmed .certificates img { margin:0px; margin-bottom:5px; } .main .section.four .larger .socmed .certificates .sharp { width:40px; } .main .section.four .larger .socmed .certificates .recyle { width:42px; } .main .section.four .larger .socmed .certificates .cwb { width:35px; } .main .section.four .larger .socmed .certificates .es { width:40px; } .main .larger .logoline{ margin-top: 20px; } .main .larger .logo.small { padding-left: 135px; padding-top: 0px; margin-right: 50px; background-size: 123px auto; height: 125px; } .main .larger .logo.small .hurricane { font-size: 40px; letter-spacing: 0.4px; } .main .larger .logo.small .steelbuilding { font-size: 27px; color: #0075be; letter-spacing: 0.4px; } .main .larger .logo.small .premium { font-size: 11px; color: #000205; letter-spacing: 0px; } .main .larger .logo.small .phone { font-size: 32px; color: #4e4e4e; font-weight: bold; margin-left: 0px; font-family: MyriadBold; } .main .larger .logo.small .toll { margin-right:0px; font-family:MyriadBold; color:#666; } .main .section.four .locations { font-size: 12px; color: #000; font-family: Myriad; text-align: center; margin-top: 20px; } .main .section.four .locations a { display: inline-block; } .main .section.four .locations br { display: none; } .main .section.five { padding-top: 0px; height: auto; padding-bottom: 30px; } .main .section.five .calculator { position: relative; margin-left: auto; margin-right: auto; top: auto; right: auto; width: 334px; } .main .section.five .calculator .see{ font-size: 24px; color: #d33c00; } .main .section.five .calculator .priceOut{ font-size: 24px; background-color: #f7ba59; color: #000; margin: 0px 30px; padding-top: 8px; padding-bottom: 5px; margin-top: 13px; } .main .section.five .calculator .pricing{ font-size: 32px; background-color: #1364aa; padding: 9px 0px; border-radius: 7px; line-height: 1em; padding-bottom: 5px; letter-spacing: 0.7px; } .main .section.five .calculator .CalculatorForm #calculate{ font-size: 18px; left: 72px; } .main .section.five .logo.small{ margin-right: 0px; } .main .section.five .footer { font-family: Myriad; font-size: 14px; text-align: center; margin-top: 20px; } .main .section.five .footer br { display:none; } .page .topbar { padding-top:12px; } .page .topbar .menu li { padding-bottom: 14px; } .page .topbar .menu li a { color:#000; } .page .topbar .menu li a:hover , .page .topbar .menu .submenu li a:hover{ color: #FFF; } .page .topbar .menu li a.active { color:#F00; } .page .topbar .menu .submenu { background-color: #fbbc42; margin-top: 13px; box-shadow: 0px 5px 10px rgba(0,0,0,0.7); } .page .topbar .menu .submenu li { padding: inherit; color: #000; } .page .topbar .menu .submenu li a { color:#000; } .page .topbar .menu .submenu li a.active { color:#F00; } .page .backgrounds #bg_1 { height: 193px; display: none; } .page .backgrounds #bg_2 { background-image: url(images/bg2page.jpg); background-size: auto 4000px; } .page .backgrounds #bg_3 { background-color:#fdd96b; } .page .banner { height: 193px; position: fixed; width:100%; z-index: 9; background-image: url(images/bg1.jpg); } .page .banner .logo { top: 75px; padding-left: 100px; height: 90px; background-size: 90px auto; } .page .banner .logo div { line-height: 1em; } .page .banner .logo .hurricane { font-family: StoneBold; font-size: 34px; color: #FFF; font-style: italic; } .page .banner .logo .steelbuilding { font-family: StoneBold; font-size: 23px; color: #000; font-style: italic; margin-top: -5px; } .page .banner .logo .premium { font-family: StoneSemi; font-size: 9px; color: #FFF; letter-spacing: 0.px; letter-spacing: 0.2px; margin-top: 0px; } .page .banner .logo .phone { font-family: MyriadBold; font-size: 30px; font-weight: normal; color: #FFF; letter-spacing: 2px; margin-top: 5px; } .page .banner .logo .toll { color:#fff; font-size:13px; font-family:Myriad; letter-spacing:1.5px; } .page .banner .talk { position: absolute; top: 57px; left: 350px; width: 115px; color:#000; text-decoration:none; } .page .banner .calculator { position: absolute; width: 260px; top: 57px; left: auto; right: 0px; } .page .banner .calculator .see { font-size: 18px; letter-spacing: 0.7px; } .page .banner .calculator .seeButton { font-size: 17px; width: 176px; padding: 3px 0px; padding-bottom:2px; display: inline-block; border-radius: 7px; margin-top: 5px; letter-spacing: 0.6px; } .page .banner .calculator .seeButton:hover { color:#FF0; } .page .banner .calculator .priceOut { font-size: 18px; color: #000; padding-top: 6px; padding-bottom: 3px; margin-top: 10px; width: 200px; display: inline-block; text-align: center; } .page .banner .calculator .pricing { font-size: 24px; padding: 4px 0px; padding-bottom: 2px; letter-spacing: 0.7px; width: 260px; display: inline-block; } .page .banner .calculator .pricing:hover { color:#FF0; } .page .main { padding-top: 193px; } .page .main .section.one { height: 193px; } .page .main .section.one .logo { top: 75px; padding-left: 100px; height: 90px; background-size: 90px auto; } .page .main .section.one .logo div { line-height: 1em; } .page .main .section.one .logo .hurricane { font-family: StoneBold; font-size: 34px; color: #FFF; font-style: italic; } .page .main .section.one .logo .steelbuilding { font-family: StoneBold; font-size: 23px; color: #000; font-style: italic; margin-top: -5px; } .page .main .section.one .logo .premium { font-family: StoneSemi; font-size: 9px; color: #FFF; letter-spacing: 0.px; letter-spacing: 0.2px; margin-top: 0px; } .page .main .section.one .logo .phone { font-family: MyriadBold; font-size: 32px; font-weight: normal; color: #FFF; letter-spacing: 2px; margin-top: 5px; } .page .main .section.one .talk { position: absolute; top: 57px; left: 350px; width: 115px; } .page .main .section.one .calculator { position: absolute; width: 260px; top: 57px; left: auto; right: 10px; } .page .main .section.one .calculator .see { font-size: 18px; letter-spacing: 0.7px; } .page .main .section.one .calculator .seeButton { font-size: 17px; width: 176px; padding: 3px 0px; padding-bottom:2px; display: inline-block; border-radius: 7px; margin-top: 5px; letter-spacing: 0.6px; } .page .main .section.one .calculator .priceOut { font-size: 18px; color: #000; padding-top: 6px; padding-bottom: 3px; margin-top: 10px; width: 200px; display: inline-block; text-align: center; } .page .main .section.one .calculator .pricing { font-size: 24px; padding: 4px 0px; padding-bottom: 2px; letter-spacing: 0.7px; width: 260px; display: inline-block; } .page .main .section.two { padding-top: 30px; height: auto; } .page .main .section.two .headline { margin-bottom:20px; } .page .main .section.two .headline h1 { font-size:48px; margin:0px; margin-bottom:10px; } .page .main .section.two .headline h1 br { display:block; } .page .main .section.two .headline h2 { font-family:Myriad; font-size:30px; margin:0px; } .page .main .section.two .headline h2 br { display:none; } .page .main .section.two .office { width:560px; margin-left:auto; margin-right:auto; font-family:Myriad; font-size:13.5px; font-style:italic; } .page .main .section.two .office img { margin-bottom:10px; } .page .main .section.two .content { padding-top: 0px; width: 100%; margin-left: auto; margin-right: auto; max-width: 780px; } .page .main .section.two a.onsale { font-size:30px; padding:13px 20px; padding-bottom:8px; } .page .main .section.two a.onsale.top { font-size:30px; margin-top:-15px; margin-bottom:8px; } .page .main .section.two .watermark{ z-index: 0; bottom: 700px; top: auto; } .main .section.five { padding-top: 30px; background-size: auto auto; margin-top: 80px; } #Calculator { margin-top: 20px; } #Calculator .leftCal { border: 1px solid #cc763f; /*background-color: #e8ebf3;*/ margin-right: 10px; float: left; display: block; } #Calculator .leftCal .button { border: 1px solid #c3aea3; background-image: url(images/calculator-button.jpg); background-repeat: repeat-y; background-size: contain; width: 150px; margin: 7px; padding: 8px; font-size: 12px; font-weight: normal; color: #333; } #Calculator .leftCal .button.active { border-color: #000; font-size: 12px; color: #000; font-weight: bold; } #Calculator .rightCal { border: 1px solid #c75309; padding: 15px; width: 550px; float: left; text-align: center; } #Calculator .rightCal .tab { display: none; position: relative; height: auto; min-height: 520px; padding-bottom: 0px; } #Calculator .rightCal .tab .mobilebr { display: none; } #Calculator .rightCal .tab.active { display: block; } #Calculator .rightCal .tab .title { font-size: 30px; color: #0f6093; } #Calculator .rightCal .tab .desc { font-size: 18px; margin-top: 5px; margin-bottom: 20px; } #Calculator .rightCal .tab .proceed { cursor: pointer; display: none; /* position:absolute; bottom: 5px; margin-left: -40px; */ } #Calculator .rightCal .tab .back { left: 30px; bottom: 30px; } #Calculator .rightCal .tab .proceed.static { display: inline-block; } #Calculator .rightCal .tab .process { /* position: absolute; bottom: 52px; margin-left: -16px; display: none; */ } #Calculator .rightCal .tab.type .fieldname { display: none; } #Calculator .rightCal .tab.location { height: 670px; } #Calculator .rightCal .tab.accessories { height: 615px; } #Calculator .rightCal .tab.dimensions { } #Calculator .rightCal .tab.accessories .hanggar { display: none; } #Calculator .rightCal .tab.accessories .HangarDoors { text-align: center; margin-left: 0px; } #Calculator .rightCal .tab.accessories .wrapper { display: table; text-align: center; } #Calculator .rightCal .tab.accessories .wrapper table { display: inline-block; font-size: 15px; } #Calculator .rightCal .tab.accessories .wrapper table.one { margin-right: 30px; } #Calculator .rightCal .tab.accessories .proceed{ /* cursor: pointer; margin-left: -39px; */ } #Calculator .rightCal .tab.colors .proceed{ /* bottom: 0px; margin-left: -39px; position: absolute; */ } #Calculator .rightCal .tab.type .types { display: inline-block; margin-bottom: 20px; } #Calculator .rightCal .tab.type .types .type { display: inline-block; width: 110px; font-weight: bold; margin-left: 5px; margin-right: 5px; font-size: 14px; } #Calculator .rightCal .tab.type .types .type input[type="radio"] { position:absolute; display:none; } #Calculator .rightCal .tab.type .types .type img{ width: auto; height: 65px; } #Calculator .rightCal .tab.type .types .type label { cursor:pointer; } #Calculator .rightCal .tab .fieldname { font-size: 16px; color: #0f6093; } #Calculator .rightCal .tab.type .field { } #Calculator .rightCal .tab.location .country { display: none; margin-top: 20px; } #Calculator .rightCal .tab.doors { padding-bottom:100px; } #Calculator .rightCal .tab.doors .field { width: 60px; } #Calculator .rightCal .tab.doors .field.long { width: 300px; } #Calculator .rightCal .tab.doors .box.list .added { font-size: 14px; } #Calculator .rightCal .tab.doors .walkdoor td { display: table-cell; } #Calculator .rightCal .tab.doors .walkdoor .field { margin-bottom: 0px; margin-left: 10px; } #Calculator .rightCal .tab.doors .wrap { } #Calculator .rightCal .tab.doors .wrap .colm { display: block; width: auto; float: none; } #Calculator .rightCal .tab.doors .wrap .colm.two { float: none; } #Calculator .rightCal .tab.doors .wrap .colm .box { margin-top: 10px; font-size: 14px; } #Calculator .rightCal .tab.doors .wrap .colm .box.top { height: 155px; } #Calculator .rightCal .tab.doors .wrap .colm .list { font-size: 14px; } #Calculator .rightCal .tab.doors .wrap .colm .list .thead { font-weight: bold; } #Calculator .rightCal .tab.doors .wrap .colm .list .trow:hover { background-color: #f0f0f0; } #Calculator .rightCal .tab.doors .wrap .colm .list .del { cursor: pointer; opacity: 0.3; } #Calculator .rightCal .tab.doors .wrap .colm .list .del:hover { opacity: 1; } #Calculator .rightCal .tab.accessories.quoteCal { height: auto; padding-bottom:100px; } #Calculator .rightCal .tab.accessories .insulations td { display: table-cell; } #Calculator .rightCal .tab.accessories .insulations select { margin-bottom: 0px; margin-left: 10px; } #Calculator .rightCal .tab.cost { height: 1300px; } #Calculator .rightCal .tab.cost #info { width: 400px; } #Calculator .rightCal .tab.cost #OtherDetails { width: 400px; } #Calculator .rightCal .tab.cost p span.subscribe { margin-left:0px; } #SIMULATOR { width: 300px; } #SIMULATOR .palette { width: 265px; margin-left: auto; margin-right: auto; } #SIMULATOR .canvas { text-align: center; height: 430px; width: 530px; margin-left: -115px; margin-right: auto; position: relative; text-align: left; } #SIMULATOR .canvas .layer { position:absolute; } #SIMULATOR .selector .section .colors .button { margin-right: 5px; margin-left: 5px; } #SIMULATOR .selector .section .colors .caption { margin-right: 5px; margin-left: 5px; } #SIMULATOR.V2 { width: 530px; } #SIMULATOR.V2 .canvas { height: 330px; margin-left: 0px; } #SIMULATOR.V2 .palette { text-align: center; width: 530px; margin-left: 0px; margin-right: 0px; } #PaymentForm { max-width: 500px; } .OnSalePage .onsale { font-size:44px; padding:10px 30px; border-radius: 10px; } .OnSalePage .onsale.small { font-size:21px; padding:3px 20px; border-radius: 6px; } .OnSalePage .content .webeat { font-size:36px; line-height:1em; } .OnSalePage .content .comparing { font-size:36px; line-height:1em; } .OnSalePage .content .comparing br { display:block; } .OnSalePage .content .box { font-size:24px; line-height:1.2em; } .OnSalePage .content .box .size { font-size:48px; line-height:1.2em; } .OnSalePage .content .box .sizelist { font-size:24px; } .OnSalePage .content .box .sizelist td { display:table-cell; padding:0px; } .OnSalePage .content .box .sizelist td:first-child { text-align:right; } .OnSalePage .content .box .sizelist td:nth-child(2) { display:table-cell; } .OnSalePage .content .box .sizelist td:nth-child(3) { text-align:left; } .OnSalePage .content .box .sizelist tr { display:table-row; margin-bottom:0px; } .OnSalePage .content .box .content { font-size:16px; margin-bottom:40px; } #ContactForm { max-width: 500px; font-size: 18px; } #ContactForm .row .field { width: 100%; padding: 5px; } #ContactForm .row label span { display:inline; margin-left:0px; margin-bottom:20px; } .ColorPage .features { width:520px; margin-left:auto; margin-right:auto; margin-top:40px; } .pricelist { display:flex; flex-wrap: wrap; } .pricelist .item { width:calc(50% - 30px); position:relative; background-color: rgba(255,255,255, 0.5); border:solid 1px #999; border-radius:10px; padding: 10px; padding-bottom: 90px; margin: 0px 15px; margin-bottom: 40px; } .pricelist .item:nth-child(even) { margin-right: 0px; } .pricelist .item .head { background-position: right 20px; background-size:120px auto; } .pricelist .item .getquoterow { position:absolute; bottom: 20px; width:100%; } .locationBullet { text-align:center; display:block; } .locationBullet li { display:inline-block; } .locationBullet li:before { content: '\00a0\2022\00a0\00a0'; color:#999; color:rgba(0,0,0,0.5); font-size:30px; } .locationBullet li:nth-child(4n) { clear:both; } .locationPoints span:before { content: '\00a0\2022\00a0\00a0'; } .desktop { display: block; }