.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; } Kits can come pre-cut, pre-fab or even completely installed. Each piece is lovingly crafted and precision cut, with a helpful instruction manual that tells you how all those pieces go together. Choose a pre-cut garage or closer-to-finished pre-assembled garage. Eversafe offers great steel building prices on 1, 2 and 3 car metal garages as displayed below. www.contractors.comsays the minimum size (enough to park a vehicle) for a single-car garage is about 288 square feet, or $8,400 -$10,800; for a two-car structure, its around 380 square feet, or $13,300 -$17,100. You can even place various steel Are Quonset hut kits the best choice for your project or just an acceptable solution? 2009-2022 Padry. 100% lowest prices & satisfaction guaranteed. You can even add on to your garage by extending the length from either end. The superior I Beam Red Iron rigid frame construction and design also withstands heavy snow loads, hurricane force winds and the conditions in the worlds harshest weather regions. Find out the latest products, styles, decor tips and promotions from Summerwood. Stoltzfus Structures Built on Site Garages are $25-$35 per square foot, and our buildings offer a second story that you dont see reflected in the prices from the other guys. Eversafe Buildings Reviews and Testimonials, All steel heavy duty hot dip galvanized truss frames, All secondary framing including girts, purlins, door frames hot dip galvanized, Steel roof and wall panels and trim package with baked on polyester silicone enamel paint, Stamped certified engineer building drawings. For the local market, we can even install the building for you. 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. We all need more space to put cars, toys, tools, and everything else that needs a home. 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. You move in all your stuff and start using it. Our team will help you find just the right size for your needs. Metal garage buildings require a foundation and some small equipment to assemble and secure to the foundation. Protecting your vehicle is the best way to ensure that it lasts you a long time and maintains its value. General Steel provides I-beam structures produced with the highest-grade steel. By building sheds on site, you are able to customize your new garage to fit exactly what you need and maximize your space. All rights reserved. .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; }
Michaels Fabric Pen Washable, Artex Radio Controlled Clock, Inground Pool Manufacturers, Jelly Pedicure Ingredients, Wide Neck Shirt Womens, Toddler Sweatshirt Blanks, Pros And Cons Of 20/20 Screen, Low Rise Cargo Skirt Long,