We Sell Carports, Metal Buildings, Garages, and Barns in Illinois! For larger buildings, construction takes just a few days time. Horse owners can order the horse barn kits according to their needs and application. Cold-Formed Steel Buildings comes with DO IT YOURSELF KITS that offers seamless installation at your property. A recreational building that is a pre-engineered metal building system costs much less than the brick and mortar building because they are so large and require the height and width to accommodate their venues purpose. need a building for another purpose? Nowadays, people are more inclined towards the Barndominiums kits, which is a metal barn transformed into a living space. Q4. Cold-formed steel (CFS) is more preferred over hot-rolled steel. We understand the crucial need of best quality horse barns. Lead times affected due to COVID-19, call us for details. You can connect with us at, The steel prices have increased so that all new orders will be taken on the revised prices. Commonly required tools are hand seamer, torch screw gun, a chop saw, clamps, magnetic level, etc. Many of these weather conditions require normal wood construction to deteriorate, need additional painting and repairs. gtag('js', new Date()); For complete building installation, you dont require professional tools. Haveyou been looking for a dependablecarport,garage,barn, shed, ormetal building in Illinois? Call us to know more. Cold-Formed Steel Framing Cost completely varies according to your order. The aircraft hangar building kits will serve your needs and safeguard your aircraft. Q5. Once the delivery is done, it takes no time for metal structure assembly. The final cost will depend upon your requirements. if you have livestock that needs a new space to live, then our loafing sheds are ideal and can even be reinforced with kick walls where needed. With the Metal Fitness Center Building Kits, you can make endless customizations and order the entire building in cold-formed steel framing. For your assistance, a hard copy of the instruction manual is also provided along with video references. Find out what equipment you will need to buy and rent for the job screw guns, hard hats, gloves, forklift, scissor lift, crane, etc. Compared to traditional buildings, and even other forms of steel building construction, our streamlined process allows you to spend more time in your brand new building rather thanwatching construction crews for long periods of time. Do I Need A Building to Be Certified? Cold-formed steel doesnt have any welding; instead, entire components are made using cold procedures like squeezing, trimming, twisting, etc. A RHINO metal building is like an adult-sized version of a kids erector set. Is Any DIY Friendly Assistance You Provide At The Time of Delivery. Lap Sidings on Buildings now available. A metal workshop building comes with endless customizations and DIY Steel Building Kits that offer quick and easy installation at your land. Install large jumbo screens and cables for cameras. Metal Barns have versatile use, depending upon your business/personal needs. The DIY steel building kit arrives with every piece already cut, punched, painted, and ready to assemble. These buildings can confront adverse weather conditions and last long. Estimate the costs of doing it yourself, in both time and money. We can provide customized buildings for all your needs. House your animals in a secure steel building so that you can be certain that they will be safe no matter the weather or the predators that may be roaming outside. All the Cold-Formed Steel building Kits are made with the exact measurement that doesnt demand to trim, cutting, etc. For the congregation, people always find the Churches as a peaceful place. If you need additional storage space, then building a steel storage building is a great way to keep all your things together in one dedicated space. Enter the dimensions, colors to see what you building looks like, and all the accessories and you can get instant quotes on your building. Metal Car Wash Building Kits are the best option to expand your car wash facility and grow your profit count. If you are keen to purchase but are not a cash buyer, then Steel Carports offers two financing options that may be suitable for you. Cold-formed steel is lightweight that decreases the overall transportation cost of your building. Metal Buildings Delivery Time & Estimates. Small metal building kits are very reasonable, and the price increases in line with the size of the building. This means that you will not be able to get an accurate price without speaking to us first. Get A QuoteEstimate your building now. Elephant Structures is here tohelp you design the perfect metal structure for your needs. At RHINO Steel Building Systems we are often asked, Can I build my own metal building? The quick answer is, Probably.. Take careful note of the safety precautions. Viking Steel Structures have a variety of options, including American Barn, Gambrel, Gable, SIngle Slope, and more to choose. If you have custom requirements or other questions, give us a call at (855) CAR-PORT, check out our live chat,or request a custom quotefor yourunique building needs. If you are interested in steel building kits, then here at Steel Carports, we make it our mission to provide the best kits and the best service on the market. You will get a bill of all steel building components that arrives with the order. You can now createand customize metal carports, garages and barnson our website, allowing you to get instant pricing on nearly endless building configurationsengineered for construction in IL. The braces used in this building construction makes it more stable in any weather condition. with Hurricane Steel Buildings Turnkey Solutions. Moreover, you can also add features like mezzanine floors, overhangs, and variable bays at the time of installation. ), Copyright 2022 Rhino Steel Building Systems | Website designed by Swash Labs, The Advantages of Pre-engineered Clear Span Buildings, The Amazing Versatility of Pre-Engineered Metal Buildings, Steel Building Construction: Sealing It Tight, The Great Chicago Fire Led to Steel Buildings, Building Restaurants with Prefab Metal Buildings, Know dependable friends or family members willing to help, Study the building manual thoroughly before starting construction, Follow all the safety instructions in the manual carefully. Visualise your dream metal building before ordering with our 3D Estimator. So, are you still wondering, Can I build my own metal building? Do you feel confident that you understand the process? When you choose Steel Carports as your metal building kits provider, then you are not just getting access to the best dealer in the United States, but you can also look forward to: What are you waiting for? This is a list of recreational and sports arena metal building kits for sale and their prices along with the cost savings you would get from purchasing from Hurricane Steel Buildings, Explore the various uses of metal buildings by, Complete the calculator now for todays prices on your. RHINO also offers an Installation Video on DVD for $25 (which is rebated upon purchase of a RHINO building). Q6. How Can I Be Sure that All Parts of Steel Building Are Delivered to My Location? To meet your steel building requirements, steel framing is available in varying thicknesses. The price tag usually comes in about 35% lower for a metal building kit vs. traditional structures. train your horses with an indoor riding arena that can be used all year round and comes in a range of size options. You can also shop by photo in our catalog, order online, or simply provide the productnumber of the building youlike to one of our representatives. However, if needed, you can easily hire a professional metal building specialist to install your building hassle-free. All Rights Cold-formed steel has a high strength to weight ratio that provides high strength and stiffness. Do You Offer Financing For All DIY Steel Building Kits? The Cold-Formed Steel Buildings can confront fire, storm, flood, and other weather issues. You can order the metal barn kits as per your requirement and get it installed without external support. You can easily order the Metal Garage Kits that can serve all your garage needs within the least possible investment. Learn about metal buildings and Viking Steel Structures. You can even customize the framing, anchors, and much more when you buy from Steel Carports. Recreational metal building kits can be used for various applications, including swimming pool, fitness center, basketball courts, or any event center. Let our experts help you get the steel building you need. The Commercial metal building entertains all your requirements and lets you better use the commercial building space for your business growth. From doors, windows, skylights, wall-lights, insulation, color schemes, wainscoating and even vents, the possibilities are endless. Good experience working with RHINO Building. Wayne Hawk. want somewhere to store tools and accessories for use on your land, then look no further than a secure steel shed that will withstand any conditions. To maximize a small car wash space, you need to enhance your business. Reserved. Our number is 940.383.9566. After arriving you must check everything off the list (one by one) as you offload until you have accounted for all parts. For more details & the latest price updates, please call us at. Instead of welding joints, the different types of braces are used to bind the steel columns together and add strength to your building. If you have any doubts, it may be wiser to hire an experienced contractor and erection crew. on site. Along with planning your recreational facility and helping you design it and price it out, we can arrange construction crews to construct the building, lay foundations, get permits, perform land surveys etc. Viking Steel Structures is capable of serving all your needs associated with agricultural steel building kits. Besides, it is just plain fun! In addition, prefabrication takes the guesswork out of metal building construction. With more people looking for quick and affordable building options, metal buildings are becoming more popular. Along with the quick installation process, the cold-formed metal framing also has lower labor costs. Prefab metal building kits come in a wide variety of shapes and sizes and can be customized to fit all your needs. Once your foundation or installationsite is prepared, mostbuildings can be constructed within a day. You can make customizations as per your need and order this cold-formed steel structure with DIY Steel Building Kits. With our complete Steel Building Kits, you will get the tools and hardware to screw every single bolt and erect your building through DIY. They are commonly delivered with Do-it-Yourself Steel Building Kits that make the installation process easy. At Viking Steel Structures, you will find a plethora of cold-formed Steel Building Kits as per your needs. After your purchase, your building will be designed by our engineers and double checked for quality. Call us to know more. We use 100% American made steel that delivers a robust and long-lasting cold-formed steel frame at your doorstep. .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; } The high strength and stiffness in a metal building mean better stability and durability of the building. No welding required for erecting your steel building kits. To the serious do-it-yourselfer, erecting their own DIY metal building seems like too good an opportunity to pass up. We at Viking never charge you for making customizations; instead, you will only be charged for the building you want to install at your property. A Metal Church building is the best option without any supporting columns. Every piece is clearly marked to correspond to its location on the plans. Viking Steel Structures bestow you the option to select the required width, length, and height of Cold-Formed Steel Structural Framing. Customize your arenas interior with bleachers, padding, sports equipment, climate control and a sound system. To handle multiple business or expanded space for your existing business, you need a commercial steel building. These steel buildings come in Prefab structures that are easy to install at the job site. Remember, youll receive free delivery and installation with every order at Carport.com. Many of RHINOs customers opt to assemble their own DIY steel building kits with phenomenal results. Then our metal barn kits will fulfill your agriculture storage needs. On contrary to hot-rolled steel, cold-formed steel is made in common forms like steel plates, strips, and columns, without any welding requirements. The clear span interior allows you to take advantage of the entire square footage inside for your facility. After all, putting up the structure yourself saves money and brings enormous satisfaction. Once you place an order, it takes a maximum of two weeks to ship your building at the delivery location. The installation process of Cold-formed steel structures is quick as it comes with pre-fabricated components and is pre-punched. if you need a building that has a wide space that is totally clear of beams and posts, then our metal building kits will fulfill your needs. For more details & the latest price updates, please call us at +1 (877) 801-3263. Kits that are made from high-quality materials. that will help you in the proper metal building installation. if you love the colonial design for your property, then you can have it with our beautiful steel DIY metal garage kits. If you are planning to set up your Brewery business, the Metal Brewery Building Kits will help you with low investment and saving labor costs. 100% lowest prices & satisfaction guaranteed. Over the years, our experts have encountered every conceivable do-it-yourself steel building challenge. To park your Recreational Vehicle or a Motorhome, you need an RV Garage that can serve all your essential needs. .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; }