.badge-list li{line-height:1;font-size:28px;text-align:center;font-weight:600;padding:20px;} .appicon img{max-height:54px;} .header-bottom h2{text-align:center;color:white;font-size:43px;} .badge-list span{border:2px solid;display:block;padding:20px;min-height:131px;display:flex;justify-content:center;align-items:center;} .badge-list span::before{content:" ";position:absolute;z-index:-1;top:5px;left:5px;right:5px;bottom:5px;border:5px solid #000000;}  body{background:#fff;font-family:Open Sans,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} h1,h1 a,.heading-1{color:#000000;font-family:Michroma,sans-serif;font-size:26px;line-height:1;margin:25px 0;} h2,.heading-2{color:#000000;font-family:Michroma,sans-serif;font-size:22px;line-height:1.2;margin:25px 0;} h3,.heading-3{color:#000000;font-family:Michroma,sans-serif;font-size:19px;line-height:1.5rem;margin:25px 0;} h4,.heading-4{font-family:Michroma,sans-serif;color:#000000;font-size:17px;line-height:1.5rem;margin:25px 0;} h1 small,h2 small,h3 small,h4 small,.heading-1 small,.heading-2 small,.heading-3 small,.heading-4 small{color:#ff8f00;display:block;font-size:65%;line-height:2;} p,ul li{font-family:Open Sans,sans-serif;color:#353535;font-size:16px;line-height:2.25;margin:15px 0;} ul{list-style-type:none;} ul li{color:#FF0000;line-height:2;margin:0 0 10px;} li span{color:#353535;} .button-one{color:#fff;cursor:pointer;background:#FF0000;display:block;font-family:Open Sans,sans-serif;font-size:17px;font-weight:600;letter-spacing:2px;line-height:90px;padding:0 20px;text-align:center;text-transform:uppercase;width:100%;} .button-one:hover{background:#ff8f00;color:#fff;} .button-one.alt{background:#ff8f00;line-height:55px;} .button-one.alt:hover{background:#FF0000;} .button-one .fa{font-size:17px;margin-left:15px;} .button-two{border:2px solid #FF0000;color:#fff;font-family:Open Sans,sans-serif;font-size:17px;font-style:italic;font-weight:400;padding:40px;} .button-two.alt{border:2px solid #ff8f00;} .button-two span{color:#FF0000;display:block;font-family:Michroma,sans-serif;font-size:24px;font-style:normal;} .button-two.alt span{color:#ff8f00;} .button-two:hover{background:#FF0000;color:#fff;} .button-two.alt:hover{background:#ff8f00;} .button-two:hover span{color:#fff;} .row{margin:0 auto;max-width:75em;width:100%;} .strip-padding{padding-left:0!important;padding-right:0!important;} .vertical-padding{padding-top:10vh;padding-bottom:10vh;} .padded{padding:10vh 3.5vw;} [class*="fadein-"],.scrollfade{opacity:0;-webkit-transition:all 350ms ease;-moz-transition:all 350ms ease;-ms-transition:all 350ms ease;-o-transition:all 350ms ease;transition:all 350ms ease;} .scrollfade.complete{opacity:1;} .animate{-webkit-transition:all 350ms ease;-moz-transition:all 350ms ease;-ms-transition:all 350ms ease;-o-transition:all 350ms ease;transition:all 350ms ease;} .small-hr{margin:1.25rem auto 1.1875rem;width:30%;}  .header-wrapper{position:relative;height:30vh;padding-top:35px;} .header-wrapper.home{height:100vh;background:#0000009e;} .header-background{height:97vh;position:absolute;overflow:hidden;top:0;width:100%;z-index:-1;} .header-background:before{content:"";background:#fff;bottom:0;height:10px;position:absolute;width:100%;opacity:.1;} .social-wrapper{display:inline-block;} .social-wrapper a{display:inline;line-height:48px;padding:0 15px;} .social-wrapper a .fa{color:#fff;font-size:18px;line-height:48px;} .social-wrapper a:hover .fa{color:#FF0000} .header-phone{display:inline-block;border:2px solid #FF0000;color:#fff;font-size:18px;font-weight:600;line-height:44px;padding:0 35px;} .header-phone:hover{color:#fff;} .header-phone .fa{color:#FF0000;font-size:22px;line-height:44px;margin-right:10px;} .header-company-title{margin:10px 0 5px;} .header-company-title a{color:#fff;font-size:26px;margin:0;} .header-company-serviceorder{color:#fff;font-size:16px;font-weight:600;letter-spacing:1px;margin:0;} .header-content{margin-top:10%;} .header-content p{color:#fff;font-family:Michroma,sans-serif;font-size:55px;line-height:normal;} .header-content p span{color:#ff8f00;} .scroll-arrow{background:#ff8f00;border-radius:67px;cursor:pointer;width:67px;height:67px;margin:10% auto 0;position:relative;} .scroll-arrow:before{content:"";background:#ff8f00;border-radius:67px;position:absolute;left:0;top:0;width:100%;height:100%;opacity:.25;-webkit-animation:pulse 2.05s infinite;animation:pulse 2.05s infinite;} .scroll-arrow .fa{color:#fff;font-size:25px;line-height:67px;text-align:center;width:100%;-webkit-animation:pulse 1.85s infinite;animation:pulse 1.85s infinite;} .header-bottom{position:absolute;bottom:30%;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);}  .nav-wrapper{border-bottom:1px solid rgba(255,255,255,0.30);} .top-bar{background:none;font-family:Open Sans,sans-serif;height:65px;line-height:65px;} .top-bar-section ul li{background:none;margin:0;} .top-bar-section li:not(.has-form) a:not(.button){background:none;border-bottom:1px solid transparent;color:#fff;font-family:Open Sans,sans-serif;font-size:17px;letter-spacing:2px;line-height:65px;padding:0 35px;opacity:.8;-webkit-transition:all 350ms ease;-moz-transition:all 350ms ease;-ms-transition:all 350ms ease;-o-transition:all 350ms ease;transition:all 350ms ease;} .top-bar-section li.active:not(.has-form) a:not(.button),.top-bar-section ul li.active > a,.top-bar-section li.active:not(.has-form) a:hover:not(.button),.top-bar-section li:not(.has-form) a:hover:not(.button),.top-bar-section ul li.active > a:hover,.top-bar-section ul li:hover:not(.has-form) > a{background:none;border-color:#fff;color:#fff;line-height:65px;padding:0 35px;opacity:1;} .top-bar-section .has-dropdown > a::after{display:none;} .top-bar-section .dropdown{background:rgba(0,0,0,0.75);} .top-bar-section .dropdown li:not(.has-form) a:not(.button){background:rgba(0,0,0,0.75);border-bottom:1px solid #5d5d5d;color:#fff;font-size:13px;font-weight:600;line-height:40px;padding:0 15px;opacity:1;} .top-bar-section .dropdown li:not(.has-form):last-child a:not(.button){border-bottom:none;} .top-bar-section .dropdown li:hover:not(.has-form) > a:not(.button),.top-bar-section .dropdown li.active:not(.has-form) > a:not(.button),.top-bar-section .dropdown li.active:hover:not(.has-form) > a:not(.button),.top-bar-section .dropdown li.active:not(.has-form) a:hover:not(.button){background:#ff8f00;border-color:#fff;line-height:40px;padding:0 15px;} .top-bar-section .dropdown li:not(.has-form) a:not(.button):before{content:"";background:#5d5d5d;display:inline-block;width:7px;height:7px;margin-right:10px;opacity:0;-webkit-transition:all 350ms ease;-moz-transition:all 350ms ease;-ms-transition:all 350ms ease;-o-transition:all 350ms ease;transition:all 350ms ease;} .top-bar-section .dropdown li:hover:not(.has-form) > a:not(.button):before,.top-bar-section .dropdown li.active:not(.has-form) > a:not(.button):before,.top-bar-section .dropdown li.active:hover:not(.has-form) > a:not(.button):before,.top-bar-section .dropdown li.active:not(.has-form) a:hover:not(.button):before{opacity:1;}  .content-bottom{background:#eaeaea;display:block;position:relative;width:100%;} .content-bottom h2,.content-bottom .heading-2,.content-bottom h3,.content-bottom .heading-3,.content-bottom h3 a,.content-bottom h4,.content-bottom .heading-4{color:#ff8f00;} .content-bottom p,.content-bottom a,.content-bottom li span{color:#000;} .content-bottom b,.content-bottom strong{color:#ff8f00;} .content-bottom img:nth-of-type(1){margin-bottom:30px;} .content-bottom hr{border-color:#000;float:left;left:50%;position:relative;opacity:.3;width:80%;transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);}  .service-container{height:180px;margin:0 0 30px 0;position:relative;} .service-container-heading{position:absolute;bottom:0;width:calc(100% - 9%);background:#ff8f00;cursor:pointer;transition:all 350ms ease;} .service-container-heading:hover{background:#FF0000;} .service-container-heading h3{text-align:center;font-size:16px;margin:12px 0;} .service-container-heading a{color:#fff;} .flatbed-service{background:url("https://hallpra.com/wp-content/themes/tow2/images/flatbed-service.jpg");background-position:center;background-repeat:no-repeat;} .jump-starts{background:url("https://hallpra.com/wp-content/themes/tow2/images/jump-starts.jpg");background-position:center;background-repeat:no-repeat;} .off-road-pullout{background:url("https://hallpra.com/wp-content/themes/tow2/images/off-road-pullouts.jpg");background-position:center;background-repeat:no-repeat;} .tire-changes{background:url("https://hallpra.com/wp-content/themes/tow2/images/tire-change.jpg");background-position:center;background-repeat:no-repeat;}  .service-exerpt{border-right:1px solid #353535;padding:30px;margin:20px 0;} .service-exerpt:last-child{border-right:none;}  .faq{margin-bottom:30px;} .faq h2,.faq .heading-2{color:#ff8f00;font-size:17px;margin-bottom:5px;} .faq h2:before,.faq .heading-2:before{content:"Q. ";color:#FF0000;font-size:22px;position:relative;display:inline;} .faq p:not(.heading-2){padding-left:35px;line-height:1.5em;}  .footer-wrapper{position:relative;width:100%;} .footer-padding{position:relative;background:url(https://hallpra.com/wp-content/themes/tow2/images/dashboard-bg.jpg) no-repeat 50% / cover;display:block;float:left;padding:15vh 0;width:100%;overflow:hidden;} .disclaimer{position:relative;clear:both;background:#fff;padding:10px 0;} .disclaimer p{color:#eaeaea;font-size:9px;line-height:normal;margin:0;text-transform:uppercase;opacity:.6;} .lnm-image img{max-width:80px;opacity:.6;} .scrollTop{position:absolute;bottom:0;right:0;background:#000000;cursor:pointer;width:65px;height:100%;} .scrollTop .fa{color:#fff;font-size:30px;line-height:60px;text-align:center;width:100%;}  .contactForm{float:left;margin:50px 0;position:relative;} .contactForm input{background:none;border:1px solid #c1c1c1;font-family:Open Sans,sans-serif;font-size:17px;height:50px;width:100%;padding:10px 20px;margin-bottom:20px;} .contactForm input:focus{background:none;} .contactForm textarea{background:none;border:1px solid #c1c1c1;font-family:Open Sans,sans-serif;font-size:17px;height:125px;padding:10px 20px;width:100%;} .contactForm .submit{font-weight:400;} .emailConfirmation{margin:0 auto;} .emailConfirmation h1{color:#ff8f00;} .contact-section-wrapper{background:#eaeaea;padding:3vh 0;} .contact-section{border-right:1px solid #c1c1c1;padding:0 2vw;} .contact-section:last-child{border:none;} .contact-section p.heading-3{color:#fff;font-family:Open Sans,sans-serif;font-weight:600;} .contact-section p:not(.heading-3){color:#fff;font-size:15px;font-weight:400;line-height:1.5;margin:0 0 5px;} .map-wrapper{border:1px solid #c1c1c1;} .slick-background-wrapper{left:0;position:fixed;top:0;z-index:-1;width:101% !important;overflow:hidden;} @keyframes pulse{0%{-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);} 50%{-moz-transform:scale(1.5);-webkit-transform:scale(1.5);-o-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5);} 100%{-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}}img.review{display:block;margin:0 auto;} @media screen and (max-width:1440px){.padded{padding:5vh 3.5vw;} .social-wrapper{width:55%;} .social-wrapper a{padding:0 10px;} .header-phone{font-size:16px;padding:0 20px;width:45%;} .header-phone .fa{font-size:18px;} .header-background img{min-width:1920px;}} @media screen and (max-width:1366px){.social-wrapper a{padding:0 8px;} .header-phone{padding:0 15px;} .top-bar-section li:not(.has-form) a:not(.button){padding:0 25px;} .top-bar-section li.active:not(.has-form) a:not(.button),.top-bar-section ul li.active > a,.top-bar-section li.active:not(.has-form) a:hover:not(.button),.top-bar-section li:not(.has-form) a:hover:not(.button),.top-bar-section ul li.active > a:hover,.top-bar-section ul li:hover:not(.has-form) > a{padding:0 25px;} .top-bar-section .dropdown li:not(.has-form) a:not(.button){padding:0 15px;} .top-bar-section .dropdown li:hover:not(.has-form) > a:not(.button),.top-bar-section .dropdown li.active:not(.has-form) > a:not(.button),.top-bar-section .dropdown li.active:hover:not(.has-form) > a:not(.button),.top-bar-section .dropdown li.active:not(.has-form) a:hover:not(.button){padding:0 15px;} .scroll-arrow{margin-top:5%;}} @media screen and (max-width:1280px){body{overflow-x:hidden;} .header-background img{min-width:1440px;} .social-wrapper a .fa{font-size:16px;} .header-phone{font-size:15px;padding:0 10px;} .header-phone .fa{margin-right:8px;}} @media screen and (max-width:1200px){.service-container-heading{position:absolute;bottom:0;background:#ff8f00;cursor:pointer;transition:all 350ms ease;margin:0 auto;width:100%;left:0;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;}} @media screen and (max-width:1024px){.row.vertical-padding,.padded{padding:5vh 5vw;} header{text-align:center;-webkit-transition:all 350ms ease;-moz-transition:all 350ms ease;-ms-transition:all 350ms ease;-o-transition:all 350ms ease;transition:all 350ms ease;} header:not(.home){background:url(https://hallpra.com/wp-content/themes/tow2/images/sliders/slide-m.jpg) no-repeat 50% / cover;display:block;float:left;height:auto;padding:15px 0;width:100%;} .top-bar.expanded .title-area{background:none;} .top-bar .toggle-topbar.menu-icon{right:15px;} .top-bar .toggle-topbar.menu-icon a{line-height:40px;padding:0 50px 0 15px;} .top-bar .toggle-topbar.menu-icon a span{color:#fff;padding:0;} .top-bar .toggle-topbar.menu-icon a span::after,.top-bar .toggle-topbar.menu-icon a span:hover:after{box-shadow:0 0 0 2px #FF0000,0 10px 0 2px #FF0000,0 20px 0 2px #FF0000;right:0;width:35px;} .top-bar{height:45px;line-height:45px;margin-bottom:15px;width:100%;} .top-bar-section li:not(.has-form) a:not(.button),.top-bar-section li.active:not(.has-form) a:not(.button),.top-bar-section ul li.active > a,.top-bar-section li.active:not(.has-form) a:hover:not(.button),.top-bar-section li:not(.has-form) a:hover:not(.button),.top-bar-section ul li.active > a:hover,.top-bar-section ul li:hover:not(.has-form) > a{border:none;line-height:50px;} .top-bar-section .dropdown li:not(.has-form) a:not(.button){line-height:45px;} .top-bar-section .dropdown li.active:not(.has-form) a:not(.button){color:#fff;} .header-background{height:100vh;} .header-background img{min-width:100vw;} .social-wrapper{width:100%;float:left;} .social-wrapper a{float:left;width:60px;} .social-wrapper a .fa{width:100%;} .company-info{margin-top:20px;} .header-content{margin-top:15%;} .header-bottom{bottom:20px;position:relative;} .service-exerpt{border-right:none;border-bottom:1px solid #353535;padding:0 0 30px;} .service-exerpt.last{border:none;} .contact-section{border:none;} .contact-section a{color:#fff;} #gmap2{margin-bottom:0;} .footer-padding{padding:5vh 10vw;} footer .button-two{margin-bottom:30px;} footer .button-two:last-child{margin-bottom:0;} .disclaimer p{line-height:normal;}} @media screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape){.header-wrapper.home{height:auto;} .header-background img{width:100vw;height:auto;max-height:100%;} .header-content{margin-top:5%;} .header-content p{font-size:40px;} .scroll-arrow{margin:2% auto 0;} .header-bottom{position:relative;margin-top:50px;}} @media screen and (max-width:767px){.button-one{font-size:15px;line-height:50px;} .button-two{padding:20px 15px;} .row.vertical-padding{padding:5vh 0;} .padded{padding:15px;} .header-wrapper{padding-top:5px;} header.home .header-background img{height:100vh;width:auto;max-width:100%;min-width:inherit;} .social-wrapper a{padding:0 5px;width:auto;} .social-wrapper a .fa{font-size:14px;} .header-phone{padding:0;width:50%;} .header-phone .fa{font-size:16px;margin-right:5px;} .header-company-title a{font-size:27px;} .header-company-serviceorder{font-size:14px;line-height:normal;} .header-content{margin-top:15px;} .header-content p{font-size:18px;} .scroll-arrow{height:50px;width:50px;margin:25px auto 0;display:none;} .header-wrapper.home{height:113vh;background:#0000009e;} .scroll-arrow .fa{font-size:20px;line-height:50px;} .faq p:not(.heading-2){padding-left:0;} .contact-section{text-align:center;} #gmap2{height:250px!important;} .footer-padding{padding:5vh 3vw;}} @media screen and (max-width:767px) and (orientation:landscape){header.home .header-background img{height:auto;width:100%;} .company-logo{display:none;} .header-company-title a{font-size:24px;} .header-company-serviceorder{display:none;} .header-content{margin-top:0;} .header-content p{margin:10px 0;} .scroll-arrow{display:none;}}