/* Nice forms */ .formcontrols [type=button]:not(:disabled), .formcontrols [type=reset]:not(:disabled), .formcontrols [type=submit]:not(:disabled), .formcontrols button:not(:disabled) { border: 0px; padding: 10px; width: 100%; background-color: #116dab; color: #fff; } .formcontrols label { width: 100%; margin-left: -4px; text-align: left; color: #777; text-transform: uppercase; font-size: 14px; } .formcontrols button, input { width: 100%; border: 0px; background-color: #eee; padding: 9px; color: #777; text-transform: uppercase; font-size: 14px; margin-top: 10px; } .formcontrols textarea { width: 100%; border: 0px; background-color: #eee; padding: 9px; margin-top: 10px; } .formcontrols { padding-right: 70px; } .formcontrols p { margin-bottom: 14px; } input:focus,textarea:focus { border: 1px solid #116dab; outline: none!important; } /* End of Nice forms */ .dropdown:hover .dropdown-menu { display: block; margin-top: 0; // remove the gap so it doesn't close } .downloadstyle { background-color: #eee; padding: 20px; font-size: 18px; margin: 2px; } .downloadstyle2 { background-color: #ddd; padding: 20px; font-size: 18px; margin: 2px; } h1 { font-family: 'Play', sans-serif; text-transform: uppercase; color: #3b4851; font-size: 34px; padding-top: 40px; padding-bottom: 7px; } .hometxt h1 { font-family: 'Lato', sans-serif; color: #333; text-transform: none; font-size: 30px; font-weight: 300; padding-top: 25px; } .hometxt { margin-left: -1px; } .mobmobonly { display: none; color: #fff!important; text-align: center; padding: 12px; background-color: #fcb900; font-size: 24px; font-family: 'Play', sans-serif!important; margin-bottom: 0px; } .mobmobonly p { color: #fff; } .centrebg { background-position: center!important; } #lists { width: 800px; float: right; text-align: left; margin-top: -2px; padding-right: 70px; } .pullleft h3 { color: #fff; font-family: 'Lato', sans-serif; line-height: normal!important; font-weight: 600; font-size: 46px; } #list1, #list2, #list3, #list4, #list5, #list6, #list7, #list8, #list9 { width: 100%; padding: 21.5px 0px 21.5px 80px; border-top: 1px solid #d3d3d3; color: #313f47; font-size: 22px; font-weight: 300; } .infoarea7 h3 { font-family: 'Play', sans-serif; text-transform: uppercase; font-size: 30px; display: block; width: 100%; border-bottom: 1px solid #edac11; padding-bottom: 10px; margin-bottom: 29px; margin-top: -12px; } .infoarea7 h4 { font-family: 'Play', sans-serif; text-transform: uppercase; font-size: 24px; display: block; width: 100%; padding-top: 7px; padding-bottom: 8px; } .infoarea7 ol, ul { padding-left: 0px; list-style: none; } .infoarea7 li { padding-bottom: 10px; padding-left: 8px; background-image: url(/wp-content/uploads/2022/10/arrow.svg); padding-left: 30px; background-size: 14px auto; background-position: left 3px; background-repeat: no-repeat; } .post img, .post-thumbnail img { display: none; } #mega-menu-item-7 > a { margin-left: -10px!important; } .blogarea34 p { line-height: 32px; } .blogheight { padding-top: 900px; } #comments { display: none; } .entry-meta { display: none; } .col-md-4 { display: none; } .blogarea34 { background-color: #efefef; padding: 30px 180px 75px 180px; margin-top: -527px; opacity: 0.94; margin-bottom: 50px; } #logobit7 { padding-top: 24px; padding-bottom: 7px; } #list1 { background-image: url(/wp-content/uploads/2022/09/icon1.png); background-position: 1px center; background-repeat: no-repeat; } #list2 { background-image: url(/wp-content/uploads/2022/09/icon2.png); background-position: 3px center; background-repeat: no-repeat; } #list3 { background-image: url(/wp-content/uploads/2022/09/icon3.png); background-position: 1px center; background-repeat: no-repeat; } #list4 { background-image: url(/wp-content/uploads/2022/09/icon4.png); background-position: 1px center; background-repeat: no-repeat; } #list5 { background-image: url(/wp-content/uploads/2022/09/icon5.png); background-position: 1px center; background-repeat: no-repeat; } #list6 { background-image: url(/wp-content/uploads/2022/09/icon6.png); background-position: 3px center; background-repeat: no-repeat; } #list7 { background-image: url(/wp-content/uploads/2022/09/icon7.png); background-position: 1px center; background-repeat: no-repeat; } #list8 { background-image: url(/wp-content/uploads/2022/09/icon8.png); background-position: 0px center; background-repeat: no-repeat; } #list9 { background-image: url(/wp-content/uploads/2022/09/icon9.png); background-position: 1px center; background-repeat: no-repeat; } #pic1wtf { width: 100%; background-color: #fff; height: 411px; margin-bottom: 4px; background-image: url(/wp-content/uploads/2025/07/betterbarrierimg.webp); background-size: cover; } #pic2wtf { width: 59.5%; background-color: #000; height: 411px; margin-right: 0.5%; float: left; background-image: url(/wp-content/uploads/2025/07/betterrail4flip.webp); } #pic3wtf { width: 40%; background-color: #000; height: 411px; float: left; background-image: url(/wp-content/uploads/2025/07/newbol.png); background-size: cover; background-position: center; } #lefttext { width: 800px; float: right; text-align: left; color: #fff; padding-right: 50px; padding-bottom: 50px; line-height: 26px; } #lefttext h2 { margin-top: -20px; } #righttext { width: 800px; float: left; text-align: left; color: #333; padding-left: 60px; padding-bottom: 50px; line-height: 26px; } #righttext h2 { margin-top: -20px; color: #333; } h2 { font-family: 'Lato', sans-serif; color: #fff; text-transform: none; font-size: 30px; font-weight: 300; padding-bottom: 16px; } #prodbutton1 { width: 356px; height: 227px; background-color: #fff; background: rgba(255,255,255, 0.8); float: left; margin-right: 57px; margin-bottom: 57px; border-bottom: 9px solid #4a62a1; background-image: url(/wp-content/uploads/2022/09/reddflectlarger.jpg); background-position: center top; background-repeat: no-repeat; font-family: 'Play', sans-serif; text-transform: uppercase; color: #313f47; font-size: 20px; padding-top: 120px; text-align: center; } #prodbutton1:hover { background-image: url(/wp-content/uploads/2025/07/reliro095.webp); font-size: 0px!important; } #prodbutton2 { width: 356px; height: 227px; background-color: #fff; background: rgba(255,255,255, 0.8); float: left; margin-right: 57px; margin-bottom: 57px; border-bottom: 9px solid #e2bc40; background-image: url(/wp-content/uploads/2022/09/reddiarmlarger.jpg); background-position: center top; background-repeat: no-repeat; font-family: 'Play', sans-serif; text-transform: uppercase; color: #313f47; font-size: 20px; padding-top: 106px; text-align: center; } #prodbutton2:hover { background-image: url(/wp-content/uploads/2025/07/armro22.webp); font-size: 0px!important; } #prodbutton3 { width: 356px; height: 227px; background-color: #fff; background: rgba(255,255,255, 0.8); float: left; margin-right: 0px; margin-bottom: 57px; border-bottom: 9px solid #8bb845; background-image: url(/wp-content/uploads/2022/09/reddicolumlarger.jpg); background-position: center top; background-repeat: no-repeat; font-family: 'Play', sans-serif; text-transform: uppercase; color: #313f47; font-size: 20px; padding-top: 120px; text-align: center; } #prodbutton3:hover { background-image: url(/wp-content/uploads/2025/07/bol_ro-2.webp)!important; font-size: 0px!important; } #prodbutton4 { clear: both; width: 356px; height: 227px; background-color: #fff; background: rgba(255,255,255, 0.8); float: left; margin-right: 57px; margin-bottom: 57px; border-bottom: 9px solid #e48b31; background-image: url(/wp-content/uploads/2022/09/reddiraillarger.jpg); background-position: center top; background-repeat: no-repeat; font-family: 'Play', sans-serif; text-transform: uppercase; color: #313f47; font-size: 20px; padding-top: 120px; text-align: center; } #prodbutton4:hover { background-image: url(/wp-content/uploads/2025/07/relirail-hovnew.webp); font-size: 0px!important; } #prodbutton6 { width: 356px; height: 227px; background-color: #fff; background: rgba(255,255,255, 0.8); float: left; margin-right: 57px; margin-bottom: 57px; border-bottom: 9px solid #43b5e8; background-image: url(/wp-content/uploads/2022/09/reddimeshlarger.jpg); background-position: center top; background-repeat: no-repeat; font-family: 'Play', sans-serif; text-transform: uppercase; color: #313f47; font-size: 20px; padding-top: 120px; text-align: center; } #prodbutton6:hover { background-image: url(/wp-content/uploads/2025/07/meshro09.webp); font-size: 0px!important; } #prodbutton7 { width: 356px; height: 227px; background-color: #fff; background: rgba(255,255,255, 0.8); float: left; margin-right: 57px; margin-bottom: 67px; border-bottom: 9px solid #7a4d92; background-image: url(/wp-content/uploads/2022/09/reddibollarger.jpg); background-position: center top; background-repeat: no-repeat; font-family: 'Play', sans-serif; text-transform: uppercase; color: #313f47; font-size: 20px; padding-top: 120px; text-align: center; } #prodbutton7:hover { background-image: url(/wp-content/uploads/2025/07/newbolro.webp); font-size: 0px!important; } #prodbutton8 { width: 356px; height: 227px; background-color: #fff; background: rgba(255,255,255, 0.8); float: left; margin-right: 0px; margin-bottom: 67px; border-bottom: 9px solid #508581; background-image: url(/wp-content/uploads/2022/09/reddipedlarger.jpg); background-position: center top; background-repeat: no-repeat; font-family: 'Play', sans-serif; text-transform: uppercase; color: #313f47; font-size: 20px; padding-top: 120px; text-align: center; } #prodbutton8:hover { background-image: url(/wp-content/uploads/2022/09/pedrollover.jpg); font-size: 0px!important; } #homepicnew { width: 357px; height: 510px; background-color: #000; position: absolute; margin-left: 1242px; background-image: url(/wp-content/uploads/2025/07/miracar2.jpg); background-size: cover; } #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:first-child > a.mega-menu-link { text-transform: uppercase; font-family: 'Play', sans-serif; padding: 3px 3px 3px 17px; font-size: 16px; border-bottom: 1px solid #ccc; } #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:last-child > a.mega-menu-link { text-transform: uppercase; font-family: 'Play', sans-serif; padding: 3px 3px 3px 17px; font-size: 16px; } #mega-menu-wrap-main-menu #mega-menu-main-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-main-menu #mega-menu-main-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu { margin-left: 17px; } #thebuttonwrap { width: 100%; height: 228px; margin-top: -157px; position: relative; z-index: 1; } #thebuttonwrap a:link { opacity: 1; color: #fff; } #thebuttonwrap a:hover { opacity: 0.95; color: #fff; } #thebuttonwrap a:visited { opacity: 1; color: #fff; } #button1 { width: 357px; height: 228px; float: left; } #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after { display: none; } #mega-menu-item-453 > ul { margin-left: 0px!important; } #button1top { width: 100%; height: 157px; background-color: rgba(238, 173, 18, 0.85); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); background-image: url(/wp-content/uploads/2022/09/eye.png); background-position: center; background-repeat: no-repeat; } #button1bottom { width: 100%; background-color: #3b4851; font-family: 'Play', sans-serif; text-transform: uppercase; padding: 20px 0px; font-size: 22px; text-align: center; color: #fff; } #button2 { width: 357px; height: 228px; float: left; margin: 0px 57px; } #button2top { width: 100%; height: 157px; background-color: rgba(238, 173, 18, 0.85); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); background-image: url(/wp-content/uploads/2022/09/pen.png); background-position: center; background-repeat: no-repeat; } #button2bottom { width: 100%; background-color: #3b4851; font-family: 'Play', sans-serif; text-transform: uppercase; padding: 20px 0px; font-size: 22px; text-align: center; color: #fff; } #button3 { width: 357px; height: 228px; float: left; } #button3top { width: 100%; height: 157px; background-color: rgba(238, 173, 18, 0.85); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); background-image: url(/wp-content/uploads/2022/09/QM.png); background-position: center; background-repeat: no-repeat; } #button3bottom { width: 100%; background-color: #3b4851; font-family: 'Play', sans-serif; text-transform: uppercase; padding: 20px 0px; font-size: 22px; text-align: center; color: #fff; } #cta { font-family: 'Play', sans-serif; text-transform: uppercase; color: #fff; font-size: 20px; display: block; padding: 18px; border: 1px solid #fff; display: block; width: 162px; margin-top: -11px; } .toppad { margin-top: 184px; } #col1 { width: 50%; float: left; border-right: 1px solid #d0d3d3; } #col2 { width: 50%; float: left; padding-left: 34px; } #product1 { width: 100%; height: 59px; background-image: url(/wp-content/uploads/2022/10/Reddispring2.jpg); background-position: left top; background-repeat: no-repeat; font-family: 'Play', sans-serif; text-transform: uppercase; font-size: 18px; padding-top: 47px; margin-bottom: 18px; background-size: 255px auto; } #product2 { width: 100%; height: 59px; background-image: url(/wp-content/uploads/2022/10/Reddiflect2.jpg); background-position: left top; background-repeat: no-repeat; font-family: 'Play', sans-serif; text-transform: uppercase; font-size: 18px; padding-top: 47px; margin-bottom: 38px; background-size: 255px auto; } #product3 { width: 100%; height: 59px; background-image: url(/wp-content/uploads/2022/10/Reddiarm2.jpg); background-position: left top; background-repeat: no-repeat; font-family: 'Play', sans-serif; text-transform: uppercase; font-size: 20px; padding-top: 47px; margin-bottom: 38px; background-size: 255px auto; } #product4 { width: 100%; height: 59px; background-image: url(/wp-content/uploads/2022/10/Reddicolumn2.jpg); background-position: left top; background-repeat: no-repeat; font-family: 'Play', sans-serif; text-transform: uppercase; font-size: 18px; padding-top: 47px; margin-bottom: 0px; background-size: 255px auto; } #product5 { width: 100%; height: 59px; background-image: url(/wp-content/uploads/2022/10/Reddirail2.jpg); background-position: left top; background-repeat: no-repeat; font-family: 'Play', sans-serif; text-transform: uppercase; font-size: 18px; padding-top: 47px; margin-bottom: 38px; background-size: 255px auto; } #product6 { width: 100%; height: 59px; background-image: url(/wp-content/uploads/2022/10/ReddiMesh2.jpg); background-position: left top; background-repeat: no-repeat; font-family: 'Play', sans-serif; text-transform: uppercase; font-size: 18px; padding-top: 47px; margin-bottom: 38px; background-size: 255px auto; } #product7 { width: 100%; height: 59px; background-image: url(/wp-content/uploads/2022/10/Reddibol2.jpg); background-position: left top; background-repeat: no-repeat; font-family: 'Play', sans-serif; text-transform: uppercase; font-size: 18px; padding-top: 47px; margin-bottom: 0px; background-size: 255px auto; } #product8 { width: 100%; height: 59px; background-image: url(/wp-content/uploads/2022/10/Reddiped2.jpg); background-position: left top; background-repeat: no-repeat; font-family: 'Play', sans-serif; text-transform: uppercase; font-size: 18px; padding-top: 47px; margin-bottom: 0px; background-size: 255px auto; } #picwtfreddispring { width: 100%; background-color: #fff; height: 1204px; margin-bottom: 0px; background-image: url(/wp-content/uploads/2025/07/better3pics.jpg); background-size: cover; background-position: left top; } #picwtfreddiflect { width: 100%; background-color: #fff; height: 384px; margin-bottom: 0px; background-image: url(/wp-content/uploads/2022/10/welder.jpg); } #picwtfreddiarm { width: 100%; background-color: #fff; height: 417px; margin-bottom: 0px; background-image: url(/wp-content/uploads/2022/10/reddiarmpic3.jpg); } #picwtfreddicol { width: 100%; background-color: #fff; height: 417px; margin-bottom: 0px; background-image: url(/wp-content/uploads/2022/10/reddicolpic3.jpg); } #picwtfreddirail { width: 100%; background-color: #fff; height: 417px; margin-bottom: 0px; background-image: url(/wp-content/uploads/2025/07/newrailpicnew.webp); } #picwtfreddimesh { width: 100%; background-color: #fff; height: 417px; margin-bottom: 0px; background-image: url(/wp-content/uploads/2025/07/newmeshpic.webp); } #picwtfreddibol { width: 100%; background-color: #fff; height: 384px; margin-bottom: 0px; background-image: url(/wp-content/uploads/2025/07/reddibolpic4-copy.jpg); } #picwtfreddiped { width: 100%; background-color: #fff; height: 796px; margin-bottom: 0px; background-image: url(/wp-content/uploads/2022/10/reddiped123.jpg); } #col1 a:link { color: #3b4851; opacity: 1; } #col2 a:link { color: #3b4851; opacity: 1; } #col1 a:hover { color: #3b4851; opacity: 0.9; } #col2 a:hover { color: #3b4851; opacity: 0.9; } #col1 a:visited { color: #3b4851; opacity: 1; } #col2 a:visited { color: #3b4851; opacity: 1; } #mobtel { display: none; } p { font-family: 'Lato', sans-serif; color: #333; line-height: 26px; } a:link { color: #333; } a:hover { color: #edac11; } a:visited { color: #333; } #mobmenu { display: none; } #fixed { position: fixed; } #header { position: fixed; width: 100%; z-index: 999; margin-top: 138px; } #telandemail { font-family: 'Play', sans-serif; text-transform: uppercase; margin-top: 146px; font-size: 18px; position: fixed; z-index: 9999; color: #edac11; margin-left: 1105px; } #main { margin-top: 0px; } #telandemail a:link { color: #fff; } #telandemail a:hover { color: #edac11; } #telandemail a:visited { color: #fff; } #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link { text-transform: uppercase; font-size: 16px; padding: 4px 26px 4px 26px; height: 46px; } #mega-menu-wrap-main-menu #mega-menu-main-menu { margin-left: -16px; } .navbar { padding: 0px; } .contactform label { display: block; } .contactform textarea { width: 100%; border: 0px; background: #eee; margin-top: 9px; } #wpcf7-f6-p242-o1 > form > p:nth-child(7) > input { background-color: #3b4851; color: #fff; text-transform: uppercase!important; } #header .search-form { display: none; } .navbar-brand { display: none; } .bg-light { background-color: #3b4851!important; text-transform: uppercase; font-family: 'Play', sans-serif; } .dropdown-toggle:after { display: none; } .bg-light a:link { color: #fff; } .bg-light a:hover { background-color: #8bb72b; color: #fff; } .bg-light a:visited { color: #fff; } .navbar-nav .nav-link.active, .navbar-nav .show>.nav-link { color: #edac11; } #reddihead { width: 100%; height: 138px; background: url(/wp-content/uploads/2022/09/unionbg.jpg); background-position: center top; background-repeat: no-repeat; position: fixed; z-index: 999; background-color: #fff; } #reddiheadc { width: 1600px; height: 138px; background-image: url(/wp-content/uploads/2025/08/relilogo2.webp); background-position: left center; background-repeat: no-repeat; background-size: 282px auto; margin: 0 auto; } #strap1 { font-size: 23px; float: right; color: #373737; font-family: 'Play', sans-serif; text-transform: uppercase; padding-top: 36px; } #strap2 { clear: both; font-size: 25.8px; float: right; color: #373737; font-family: 'Play', sans-serif; text-transform: uppercase; margin-top: -5px; } /* Safari 10.1+ */ @media not all and (min-resolution:.001dpcm) { @media { #strap2 {font-size: 25.5px; margin-right: -2px; } }} .formcontrols button, input { text-transform: none!important; } @media (min-width: 1650px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1620px; } } #reddifooter { width: 100%; height: 405px; background-color: #3b4851; border-top: 4px solid #8cb72a; } h1.entry-title { display: none; } footer#footer { display: none; } #footercontainer { width: 1600px; margin: 0 auto; font-family: 'Play', sans-serif; color: #fff; text-transform: uppercase; font-size: 15px; line-height: 27px; padding-top: 65px; } #footerc1 { width: 800px; float: left; } #footerc2 { width: 335px; float: left; background-image: url(/wp-content/uploads/2022/09/accred.png); background-repeat: no-repeat; background-position: left bottom; height: 268px } #footerc3 { width: 465px; float: left; text-align: right; } #reddifooter a:link { color: #efff; } #reddifooter a:hover { color: #edac11; } #reddifooter a:visited { color: #fff; } #social1 { background-image: url(/wp-content/uploads/2022/09/fb.png); background-position: center; width: 31px; height: 30px; background-repeat: no-repeat; float: right; } #social2 { background-image: url(/wp-content/uploads/2022/09/linkedin.png); background-position: center; width: 31px; height: 27px; background-repeat: no-repeat; float: right; clear: both; margin: 23px 0px 26px 0px; } #social3 { background-image: url(/wp-content/uploads/2022/09/mail.png); background-position: center; width: 31px; height: 20px; background-repeat: no-repeat; float: right; clear: both; } #social4 { background-image: url(/wp-content/uploads/2022/09/Blog.png); background-position: center; width: 31px; height: 25px; background-repeat: no-repeat; float: right; clear: both; margin: 25px 0px 39px 0px; } #designed { clear: both; } /* 1650 and below */ @media (max-width: 1650px) { #footercontainer { width: 1400px!important; } #reddiheadc { width: 1400px!important; } #footerc1 { width: 700px!important; } #footerc2 { width: 235px!important; } #col2 { padding-left: 55px!important; } .pullleft { right: 100px!important; } #product1, #product2, #product3, #product4, #product5, #product6, #product7 { background-size: 210px auto; } .pullleft h3 { font-size: 34px!important; padding-bottom: 28px!important; } .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1424px!important; } #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link { padding: 4px 22px 4px 22px!important; } #mega-menu-wrap-main-menu #mega-menu-main-menu { margin-left: -11px!important; } #telandemail { margin-left: 908px!important; } #button1 { width: 315px!important; } #button2 { width: 315px!important; margin: 0px 30px!important; } #button3 { width: 315px!important; } #prodbutton1 { margin-right: 4%!important; width: 22%!important; height: 200px!important; padding-top: 102px!important; background-size: 100%!important; } #prodbutton2 { margin-right: 4%!important; width: 22%!important; height: 200px!important; padding-top: 102px!important; background-size: 100%!important; } #prodbutton3 { margin-right: 4%!important; width: 22%!important; height: 200px!important; padding-top: 102px!important; background-size: 100%!important; } #prodbutton4 { margin-right: 4%!important; width: 22%!important; height: 200px!important; padding-top: 102px!important; background-size: 100%!important; } #prodbutton5 { margin-right: 4%!important; width: 22%!important; height: 200px!important; padding-top: 102px!important; background-size: 100%!important; } #prodbutton6 { margin-right: 4%!important; width: 22%!important; height: 200px!important; padding-top: 102px!important; background-size: 100%!important; } #prodbutton7 { margin-right: 4%!important; width: 22%!important; height: 200px!important; padding-top: 102px!important; background-size: 100%!important; } #prodbutton8 { margin-right: 0px!important; width: 22%!important; height: 200px!important; padding-top: 102px!important; background-size: 100%!important; } #homepicnew { width: 308px!important; height: 457px!important; margin-left: 1093px!important; } #lefttext { width: 700px!important; font-size: 15px!important; } #righttext { width: 700px!important; font-size: 15px!important; } #lists { width: 700px!important; } #picwtfreddispring { height: 1305px!important; background-size: auto 1305px; } } /* 1450 and below */ @media (max-width: 1450px) { #footercontainer { width: 1200px!important; } #col2 { padding-left: 42px!important; } #reddiheadc { width: 1200px!important; } #footerc1 { width: 600px!important; } #footerc2 { width: 235px!important; } #footerc3 { width: 365px!important; } .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1224px!important; } #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link { padding: 4px 14px 4px 14px!important; font-size: 14px!important; } #mega-menu-wrap-main-menu #mega-menu-main-menu { margin-left: -6px!important; } #telandemail { margin-left: 706px!important; } #product1, #product2, #product3, #product4, #product5, #product6, #product7 { background-size: 159px auto; font-size: 14px; padding-top: 33px; } #col1 { padding-right: 30px; } #button1 { width: 250px!important; } #button1bottom { font-size: 16px!important; } #button2 { width: 250px!important; margin: 0px 30px!important; } #button2bottom { font-size: 16px!important; } #button3 { width: 250px!important; } #button3bottom { font-size: 16px!important; } #prodbutton1 { height: 170px!important; padding-top: 85px!important; font-size: 16px!important; } #prodbutton2 { height: 170px!important; padding-top: 85px!important; font-size: 16px!important; } #prodbutton3 { height: 170px!important; padding-top: 85px!important; font-size: 16px!important; } #prodbutton4 { height: 170px!important; padding-top: 85px!important; font-size: 16px!important; } #prodbutton5 { height: 170px!important; padding-top: 85px!important; font-size: 16px!important; } #prodbutton6 { height: 170px!important; padding-top: 85px!important; font-size: 16px!important; } #prodbutton7 { height: 170px!important; padding-top: 85px!important; font-size: 16px!important; } #prodbutton8 { height: 170px!important; padding-top: 85px!important; font-size: 16px!important; } #homepicnew { width: 258px!important; height: 396px!important; margin-left: 939px!important; } #lefttext { width: 600px!important; font-size: 15px!important; } #righttext { width: 600px!important; font-size: 15px!important; } #lists { width: 600px!important; } #list1, #list2, #list3, #list4, #list5, #list6, #list7, #list8, #list9 { font-size: 18px!important; padding: 24.5px 0px 24px 80px!important; } #picwtfreddispring { height: 1520px!important; background-size: auto 1520px; } .rightplease2 { text-align: right; padding-top: 0px!important; } .leftplease2 { padding-top: 0px!important; } } /* 1250 and below */ @media (max-width: 1250px) { #footercontainer { width: 90%!important; margin: 0 auto!important; } #reddihead { background-size: 1226px 138px!important; background-position: -21px center!important; } #strap1 { padding-top: 38px!important; } #strap2 { margin-top: -6px!important; } #reddiheadc { width: 90%!important; } #footerc1 { width: 46%!important; } #footerc2 { width: 27%!important; } #footerc3 { width: 27%!important; font-size: 10px!important; } .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 100%!important; } .navbar-collapse { margin-left: 4%; } #telandemail { font-size: 14px; margin-top: 151px!important; margin-left: 788px!important; } #thebuttonwrap { margin-left: 4%!important ; width: 96%!important; } #button1 { width: 200px!important; } #button1bottom { font-size: 14px!important; } #button2 { width: 200px!important; margin: 0px 13px!important; } #button2bottom { font-size: 14px!important; } #button3 { width: 200px!important; } #button3bottom { font-size: 14px!important; } .smallerscreenpad { padding-left: 3%; padding-right: 3%; } #prodbutton1 { height: 140px!important; padding-top: 70px!important; font-size: 14px!important; } #prodbutton2 { height: 140px!important; padding-top: 70px!important; font-size: 14px!important; } #prodbutton3 { height: 140px!important; padding-top: 70px!important; font-size: 14px!important; } #prodbutton4 { height: 140px!important; padding-top: 70px!important; font-size: 14px!important; margin-top: -140px; } #prodbutton5 { height: 140px!important; padding-top: 70px!important; font-size: 14px!important; margin-top: -140px; } #prodbutton6 { height: 140px!important; padding-top: 70px!important; font-size: 14px!important; margin-top: -140px; } #prodbutton7 { height: 140px!important; padding-top: 70px!important; font-size: 14px!important; margin-top: -140px; } #prodbutton8 { height: 140px!important; padding-top: 70px!important; font-size: 14px!important; } #homepicnew { width: 185px!important; height: 338px!important; margin-left: 0px!important; float: right; position: relative!important; background-size: auto 338px; } #lefttext { width: 100%!important; font-size: 15px!important; padding-left: 10%; } #righttext { width: 100%!important; font-size: 15px!important; padding-right: 10%; } #lists { width: 90%!important; margin-left: 10%!important; } #list1, #list2, #list3, #list4, #list5, #list6, #list7, #list8, #list9 { font-size: 15px!important; padding: 26.5px 0px 26.5px 80px!important; } #picwtfreddispring { height: 1820px!important; background-size: auto 1820px; } #picwtfreddiflect { height: 500px!important; background-size: auto 500px; } #picwtfreddiarm { height: 500px!important; background-size: auto 500px; } #picwtfreddicol { height: 500px!important; background-size: auto 500px; } #picwtfreddirail { height: 500px!important; background-size: auto 500px; } #picwtfreddimesh { height: 500px!important; background-size: auto 500px; } #picwtfreddibol { height: 450px!important; background-size: auto 450px; background-position: -250px top; } } /* 1184 and below */ @media (max-width: 1184px) { #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link { padding: 4px 7px 4px 7px!important; font-size: 12px!important; } #telandemail { font-size: 14px; margin-top: 151px!important; margin-left: 702px!important; } #col1 { padding-right: 30px; } .pullleft h3 { font-size: 32px!important; margin-bottom: -4px!important; } #product1, #product2, #product3, #product4, #product5, #product6, #product7 { background-size: 100px auto; font-size: 9px; padding-top: 23px; } } /* 1180 and below */ @media (max-width: 1080px) { #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link { padding: 4px 12px 4px 12px!important; font-size: 10px!important; } #telandemail { font-size: 14px; margin-top: 151px!important; margin-left: 607px!important; } #cta { font-size: 22px!important; } #thebuttonwrap { width: 70%!important; } #list1, #list2, #list3, #list4, #list5, #list6, #list7, #list8, #list9 { font-size: 12px!important; padding: 29px 0px 29px 80px!important; } } /* 990 and below */ @media (max-width: 990px) { #footercontainer { width: 100%!important; height: 1050px!important; } #reddihead { background-image: none!important; height: 236px!important; } #reddiheadc { width: 90%!important; background-position: center 35px!important; } #strap1 { padding-top: 38px!important; float: none!important; text-align: center; padding-top: 116px!important; } #strap2 { margin-top: -6px!important; float: none!important; text-align: center; } #footerc1 { width: 100%!important; text-align: center!important; } .mobmobonly { display: block!important; } #footerc2 { width: 100%!important; text-align: center!important; background-position: center bottom!important; margin-top: 40px!important; } #footerc3 { width: 100%!important; text-align: center!important; } #reddifooter { height: 1050px!important; } .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 100%!important; } #social1 { float: none!important; margin: 70px auto 0 auto!important; } #social2 { float: none!important; margin: 23px auto 26px auto!important; } #social3 { float: none!important; margin: 0 auto 0 auto!important; } #social4 { float: none!important; margin: 25px auto 39px auto!important; } #header { margin-top: 214px!important; } #telandemail { margin-left: 370px!important; margin-top: 224px!important; } #header { display: none!important; } #strap1 { font-size: 24px!important; padding-top: 129px!important; } #strap2 { font-size: 27px!important; padding: 2px 20px; line-height: normal!important; } #reddiheadc { background-position: center 21px!important; } #reddihead { position: relative!important; } .toppad { margin-top: 0px!important; } .pullleft { display: none!important; } #mobmenu { display: block!important; position: relative; z-index: 999999; } #telandemail { display: none!important; } #mobtel { display: block!important; position: relative; z-index: 99999999; color: #fff; padding-left: 22px; margin-bottom: -36px; font-family: 'Play', sans-serif; font-size: 22px; width: 80%; } #mobtel a:link { color: #fff; } #mobtel a:hover { color: #fff; } #mobtel a:visited { color: #fff; } #button1 { width: 30%!important; } #button2 { width: 30%!important; margin: 0px 3%!important; } #button3 { width: 30%!important; } #prodbutton1 { height: 100px!important; padding-top: 48px!important; font-size: 11px!important; } #prodbutton2 { height: 100px!important; padding-top: 40px!important; font-size: 11px!important; } #prodbutton3 { height: 100px!important; padding-top: 48px!important; font-size: 11px!important; } #prodbutton4 { height: 100px!important; padding-top: 48px!important; font-size: 11px!important; margin-top: -98px!important; } #prodbutton5 { height: 100px!important; padding-top: 48px!important; font-size: 11px!important; margin-top: -98px!important; } #prodbutton6 { height: 100px!important; padding-top: 48px!important; font-size: 11px!important; margin-top: -98px!important; } #prodbutton7 { height: 100px!important; padding-top: 48px!important; font-size: 11px!important; margin-top: -98px!important; } #prodbutton8 { height: 100px!important; padding-top: 48px!important; font-size: 11px!important; } #homepicnew { width: 105px!important; height: 225px!important; margin-left: 0px!important; float: right; position: relative!important; background-size: auto 225px; } #thebuttonwrap { width: 96%!important; } #lefttext { width: 100%!important; font-size: 14px!important; padding-left: 10%; } #righttext { width: 100%!important; font-size: 14px!important; padding-right: 4%!important; padding-left: 9%!important; } h2 { font-size: 24px!important; } #list1, #list2, #list3, #list4, #list5, #list6, #list7, #list8, #list9 { font-size: 12px!important; padding: 24px 0px 24px 80px!important; } #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link { text-align: center!important; font-size: 16px!important; } #mega-menu-wrap-main-menu .mega-menu-toggle + #mega-menu-main-menu { background: #e3a819; } #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link:hover { background-color: #3b4851!important; } #mega-menu-wrap-main-menu #mega-menu-main-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-main-menu #mega-menu-main-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu { margin-left: 0px!important; } #picwtfreddispring { height: 2520px!important; background-size: auto 2520px; } #picwtfreddicol { height: 550px!important; background-size: auto 550px; } #picwtfreddirail { height: 580px!important; background-size: auto 580px; background-position: -290px top; } #picwtfreddimesh { height: 580px!important; background-size: auto 580px; } #picwtfreddibol { background-position: -350px top; } } /* 850 and below */ @media (max-width: 850px) { #strap1 { font-size: 24px!important; padding-top: 129px!important; } #strap2 { font-size: 27px!important; padding: 2px 20px; line-height: normal!important; } #reddiheadc { background-position: center 21px!important; } #reddihead { position: relative!important; } .toppad { margin-top: 0px!important; } #mobmenu { display: block!important; position: relative; z-index: 999999; } #telandemail { display: none!important; } #mobtel { display: block!important; position: relative; z-index: 99999999; color: #fff; padding-left: 22px; margin-bottom: -36px; font-family: 'Play', sans-serif; font-size: 22px; } #mobtel a:link { color: #fff; } #mobtel a:hover { color: #fff; } #mobtel a:visited { color: #fff; } #button1 { width: 30%!important; } #button2 { width: 30%!important; margin: 0px 3%!important; } #button3 { width: 30%!important; } #product1, #product2, #product3, #product4, #product5, #product6, #product7 { background-size: contain; font-size: 16px; padding-top: 43px; } #col1 { padding-right: 0px; } } /* 450 and below */ @media (max-width: 450px) { #strap1 { font-size: 16px!important; padding-top: 118px!important; } #strap2 { font-size: 26px!important; padding: 13px 40px; line-height: normal!important; } #reddiheadc { background-position: center 20px!important; background-size: 260px auto; } #reddihead { position: relative!important; } .toppad { margin-top: 0px!important; } #mobmenu { display: block!important; position: relative; z-index: 999999; } #telandemail { display: none!important; } #mobtel { display: block!important; position: relative; z-index: 99999999; color: #fff; padding-left: 22px; margin-bottom: -36px; font-family: 'Play', sans-serif; font-size: 22px; width: 80%; } #mobtel a:link { color: #fff; } #mobtel a:hover { color: #fff; } #mobtel a:visited { color: #fff; } #col1 { float: none!important; clear: both; width: 100%!important; border-right: 0px!important; } #col2 { float: none!important; clear: both; width: 100%!important; padding-left: 0px!important; } #product1 { padding-top: 50px!important; font-size: 16px!important; } #product2 { padding-top: 50px!important; font-size: 16px!important; } #product3 { padding-top: 50px!important; font-size: 16px!important; } #product4 { padding-top: 50px!important; margin-bottom: 38px!important; font-size: 16px!important; } #product5 { padding-top: 50px!important; font-size: 16px!important; } #product6 { padding-top: 50px!important; font-size: 16px!important; } #product7 { padding-top: 50px!important; font-size: 16px!important; } #product8 { padding-top: 50px!important; font-size: 16px!important; } #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block { margin-right: 18px; } #button1 { width: 100%!important; margin: 10px auto!important; } #button1bottom { font-size: 20px!important; } #button2 { width: 100%!important; margin: 10px auto!important; } #button2bottom { font-size: 20px!important; } #button3 { width: 100%!important; margin: 10px auto!important; } #button3bottom { font-size: 20px!important; } #thebuttonwrap { margin-left: 0%!important; width: 100%!important; margin-top: 10px!important; } .hometxt { text-align: center!important; } .centrebg { background-image: none!important; background-color: #3b4851; } #product1, #product2, #product3, #product4, #product5, #product6, #product7 { background-size: contain; } #lefttext { text-align: center!important; padding-left: 7%!important; padding-right: 7%!important; } #righttext { text-align: center!important;padding-left: 12%!important; padding-right: 12%!important; } #lists { width: 80%!important; margin: 0 auto!important; padding-right: 0px!important; float: none!important; margin-bottom: 60px!important; margin-top: -35px!important; } #pic2wtf { width: 49%!important; margin-right: 1%!important; } #pic3wtf { width: 50%!important; } .productmobpad7 { padding-top: 50px; } #picwtfreddispring { height: 500px!important; background-size: auto 500px; } #picwtfreddiflect { height: 200px!important; background-size: auto 200px; } #picwtfreddiarm { height: 300px!important; background-size: auto 300px; } #picwtfreddicol { height: 350px!important; background-size: auto 350px; } #picwtfreddimesh { height: 350px!important; background-size: auto 350px; } #picwtfreddibol { height: 250px!important; background-size: auto 250px; background-position: -100px top; } #picwtfreddiped { height: 350px!important; background-size: auto 350px; } #homepicnew { display: none; } .rightplease2 { text-align: center!important; } .leftplease2 { text-align: center!important; margin-top: -15px!important; } #prodbutton2, #prodbutton3, #prodbutton4, #prodbutton5, #prodbutton6 { clear: both; width: 100%!important; margin: 18px 0px 0px 0px!important; height: 175px!important; font-size: 22px!important; line-height: normal!important; } #prodbutton1 { clear: both; width: 100%!important; margin: -40px 0px 0px 0px!important; height: 175px!important; font-size: 22px!important; line-height: normal!important; } #prodbutton7 { clear: both; width: 100%!important; margin: 18px 0px 30px 0px!important; height: 175px!important; font-size: 22px!important; line-height: normal!important; } #prodbutton2 { padding-top: 82px!important; } #prodbutton1, #prodbutton3, #prodbutton4, #prodbutton5, #prodbutton6, #prodbutton7 { padding-top: 96px!important; } }