/* Theme Name: Clixpert Theme 2.0 Theme URI: http://www.clixpert.com.au Description: An SEO expert support Theme Version: 1.11 Author: Clixpert Author URI: http://www.clixpert.com.au */ /* Improved browser CSS feature ------------------------------------- Example: .ie8 .sidebar li{width:85px} �ie - Internet Explorer (All versions) �ie8 - Internet Explorer 8.x �ie7 - Internet Explorer 7.x �ie6 - Internet Explorer 6.x �gecko - Mozilla, Firefox (all versions), Camino �ff3 - Firefox 3 �ff3_5 - Firefox 3.5 new �opera - Opera (All versions) �opera8 - Opera 8.x �opera9 - Opera 9.x �opera10 - Opera 10.x �webkit or safari - Safari, NetNewsWire, OmniWeb, Shiira, Google Chrome �safari3 - Safari 3.x �chrome - Google Chrome */ @charset "utf-8"; /* CSS Document */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: top; font: 400 normal 18px/30px 'Raleway', Arial, Helvetica, sans-serif; color: #000; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } /*---Universal Selector to add additional resets, such as text-size adjust and tap highlighting---*/ * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; } html { -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */ } a { text-decoration: none; } body { margin: 0; background: #000; } span { color: #1A86CA; } ul { list-style-type: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } /*---Additional Form resets---*/ button, input[type="button"] { background: none; } :required { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } /*---Typographic Styling---*/ em, i { font-style: italic; } u { text-decoration: underline; } pre, code { font-family: Monaco, Courier, monospace; } pre { white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; } blockquote, q { quotes: "" ""; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } /*---Interactive Element Settings---*/ a, input[type="submit"], input[type="button"], button, label[for] { cursor: pointer; } input[type="submit"], input[type="button"], button { -webkit-appearance: none; } input[type="submit"], input[type="button"], button { background: rgb(254, 0, 0) url(images/white-arrow.png) no-repeat 86% 50%; border: 2px solid #fff; border-radius: 35px; color: #fff; font-size: 32px; padding: 9px 10px 9px 9px; max-width: 400px; width: 100%; height: 60px; text-transform: uppercase; } input[type="submit"]:hover, input[type="button"]:hover, button:hover { background-color: #8d8b8a; } /*---Misc. Element Styling---*/ img { -ms-interpolation-mode: bicubic; } .linksiz { font-size: 19px; line-height: 30px; } /* Proper box model */ * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* General styles */ ::selection { background: #eb8f00; color: #fff; } ::-moz-selection { background:#eb8f00; color:#fff; } ::-webkit-selection { background:#eb8f00; color:#fff; } .bttle { font-size: 43px; line-height: 44px; font-weight: 400; margin-bottom: 22px; } .blogrmore { margin: 10px auto 0!important; } a { text-decoration: underline; color: #327D9D; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } a:hover { } a:active { } a:visited { } address { } aside { } b, strong { } blockquote { } button { cursor: pointer; } button:hover { } button:active { } caption, th, td { vertical-align: top; } h1, h2, h3, h4, h5, h6 { } h1 { font-size: 40px; font-weight: 700; line-height: 46px; margin-bottom: 26px; text-transform: uppercase; } h2, h3, h4, h5, h6 { font-size: 55px; font-weight: 700; line-height: 65px; margin-bottom: 22px; } .heading { font-size: 38px; font-weight: 700; line-height: 39px; margin-bottom: 22px; text-transform: uppercase; } h6 { } i, em { } img { height: auto; max-width: 100%; } input, select, textarea { font-size: 13px; } input[type="text"], input[type="tel"], input[type="email"], select { border: 1px solid #ccc; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; height: 48px; padding: 4px 18px; width: 100%; font-size: 23px; font-weight: normal; color: #666; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff; } select { background-image: url(images/select-drop.png); background-repeat: no-repeat; background-position: 94% 50%; padding-right: 48px; } input[type=radio] { } input[type=checkbox] { } label { } li { } p { line-height: 30px; margin: 0 0 30px; } select { } select option { } table { border: 0; border-spacing: 0; empty-cells: show; } textarea { height: 153px; resize: none; width: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 12px 18px; font-size: 27px; font-weight: 300; font-style: italic; font-family: "Montserrat"; border: 1px solid #ccc; color: #666; margin: 0; vertical-align: top; } ul, ol { margin: 0; padding: 0; } .wrap { border: 0; clear: both; float: none; font-size: 1px; height: 0; line-height: 1px; margin: 0; padding: 0; visibility: hidden; } .wid { max-width: 1465px; width: 100%; margin: 0 auto; } .ban_inn { color: #fff; padding: 178px 0 0; text-align: center; } .banStar, .mainTitl, .ban_inn li:last-child a { color: #fff; font-family: "Cornerstone Regular"; } .mainTitl { font-size: 55px; font-weight: bold; line-height: 60px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } .ban_inn small { font-size: 38px; font-weight: normal; color: #fff; font-family: "Cornerstone Regular"; } .banStar { margin: 0 0 18px; } .ban_inn li:last-child { margin: 54px 0 0; } .ban_inn li:last-child a { border: 1px solid #fff; display: inline-block; font-size: 15px; margin: 0 14px; padding: 7px 10px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; text-decoration: none; width: 181px; } .ban_inn li:last-child a:nth-child(1) { font-size: 16px; border: 1px solid #E2B72C; } .ban_inn li:last-child a:nth-child(1) a { border: 1px solid #E2B72C; } .ban_inn li:last-child a:nth-child(1) img { margin-left: 11px; } .ban_inn li:last-child a:hover { background-color: #E2B72C; color: #fff; border: 1px solid #E2B72C; } .ban_inn li:last-child a img { display: inline-block; vertical-align: middle; } .leftfl { float: left; } .rgtfl { float: right; } .tall { text-align: left; } .talr { text-align: right; } .talc { text-align: center; } .justify { text-align: justify; } .violet { color: #8F5E99; } .indigo { color: #4b0082; } .blue { color: #005aff; } .green { color: #5a8e00; } .yellow { color: #f87b00; } .orange { color: #FF6600; } .red { color: #ff0000; } .black { color: #000; } .m0 { margin: 0px 0px 0px 0px; } .wid:after, .wid:before, ul:after, ul:before, .social:after { display: block; content: ""; clear: both; } ::-webkit-input-placeholder { opacity: 1; color:#acacac; } #san { width: 520px; margin: -107px auto 0; left: 0; right: 0; top: 50%; height: 214px; } #san .notFound.linksButtons li:first-child a, #san .notFound span { font-size: 20px; background-size: 17px; line-height: 40px; background-position: 11px 10px; } a {} #san .notFound.linksButtons li:first-child a {padding: 6px 18px 10px 38px !important;} #san button { padding: 3px 30px 3px 16px; width: auto; font-size: 20px; height: 38px; background-size: 8px; background-position: 90% 9px; } :-moz-placeholder { opacity: 1; color:#acacac; } ::-moz-placeholder { opacity: 1; color:#acacac; } :-ms-input-placeholder { opacity: 1; color:#acacac; } *, :before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .hidecal { display: none; } a.phn { color: #000; display: inline-block; font-family: Lato; font-size: 20px; font-weight: bold; } a.phn:hover { color: #e3b72c; } .rcapcha { border-radius: 3px; height: 75px; margin: 0 auto 6px; overflow: hidden; width: 100%; } ul.sub-menu a { font-size: 14px !important; } .aniPos ul.sub-menu a { font-size: 12px !important; } .inlnBlck { display: block; } /*########################################## Menu ##############################################################*/ /*########################################## Menu ##############################################################*/ .menu li a:hover, .current_page_item a, .current-menu-item a { color: #fff !important; border-color: #ff0109 !important; } .wreckinglnk.current_page_item a, .wreckinglnk.current-menu-item a { border-color: rgba(0,0,0,0) !important; } .menu li li a, .current_page_item li a, .current-menu-item li a { border: none !important; } .current_page_item a:hover, .current_page_item li a:hover, .current-menu-item a:hover { color: #ff970a !important; } footer .current_page_item a, footer .current-menu-item a { background: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; color: #fff !important; } .sitmpee .current_page_item a { color: inherit !important } footer .current_page_item a:hover, footer .current-menu-item a:hover { background: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; color: #8d8b8a !important; } .current_page_item li a { color: #ffffff !important; background: none; } .menuD { float: left; padding: 0 0px 0px 188px; margin-top: 90px; } a.menu-link { color: #000; display: block; text-decoration: none; height: 22px; width: 35px; } .menu-link:hover span { border-color: #666; } .menu, .menu > ul, .menu > ul ul { clear: both; flex-flow: column; } .menu.active1 { background: #000; border-bottom: 1px solid #074373; border-top: 1px solid #074373; margin: 1em 0 1em -12px; max-height: 55em; width: 100vw; } .js .menu > ul ul.active1 { margin: 0; max-height: 55em; padding: 0; } .menu > ul { padding: 0; } nav li { display: inline-block; margin: 0; position: relative; padding: 0 10px; } .menu li a { color: #fff; display: inline-block; font-size: 21px; line-height: 30px; padding: 0 0 10px; text-decoration: none; white-space: nowrap; text-transform: uppercase; font-weight: 500; border-bottom: 2px rgba(255, 255, 255, 0) solid; } li.menu-item-has-children a { padding-right: 23px !important; } .menu > ul > li:last-child a { padding-right: 0; } span.has-subnav { display: block; color: #fff; font-size: 1em; line-height: 34px; position: absolute; padding: 0 0.5em; cursor: pointer; right: 7px; top: 5px; ; width: 30px; height: 30px; background: url(images/dpDownArrow.png) no-repeat center center; text-indent: -9999px; } /*=============== Navigation Toggle ===================*/ #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { cursor: pointer; border-radius: 1px; height: 5px; width: 35px; position: absolute; display: block; content: ''; } #nav-toggle span { background: #fff; } #nav-toggle span:before { background: #fff; } #nav-toggle span:after { background: #fff; } #nav-toggle span::before { top: 8px; } #nav-toggle span:after { bottom: -16px; } #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { transition: all 500ms ease-in-out; } #nav-toggle.active1 span { background-color: transparent; } #nav-toggle.active1.active1 span::before, #nav-toggle.active1.active1 span::after { top: 11px; } #nav-toggle.active1 span:before, #nav-toggle.active1 span:after { top: 0; } #nav-toggle.active1 span:before { transform: rotate(45deg); } #nav-toggle.active1 span:after { transform: rotate(-45deg); } /*########################################## Menu Ends ##############################################################*/ .scrollup { bottom: 50px; display: none; height: 40px; opacity: 0.2; position: fixed; right: 15px; text-indent: -9999px; width: 40px; } /*=========Header Top==========*/ .logo { background: url(images/auto-plus-wreckers.png) no-repeat 8px 3px; float: left; margin: 57px 0 0; width: 490px; overflow: hidden; padding: 36px 0 34px 116px; color: #fff; text-transform: uppercase; font-weight: 600; font-size: 32px; } .logo span { font-size: inherit; line-height: inherit; font-weight: inherit; color: #fe0100; } .logoRgt { float: right; margin-top: 34px; width: 722px; } /*=========Listing==========*/ .listng.twoCol > li { float: left; width: 46%; }/*=========2 column Listing==========*/ .contRgt .wpcf7-not-valid-tip { height: 25px; top: 10px; line-height: 21px; font-size: 13px; } .sharedv { clear: both; padding-top: 0; } /*=========Social Media==========*/ .social { float: right; width: 373px; margin-top: 0; } .social > ul, .socialFtr > ul { list-style: outside none none; margin: 0; padding: 0; } .social li, .socialFtr li { display: inline-block; height: 64px; width: 64px; margin-right: 31px; } .social li:nth-child(4) { margin-right: 0; } .social li:nth-child(5) { width: 100%; text-align: center; margin-top: 5px; } .social li:nth-child(5) li { float: none; display: inline-block; width: auto; height: auto; margin: 0 -1px 0 0; } .social li:nth-child(5) li a { } .social li a, .socialFtr li a { display: block; height: 100%; background-color: #010101; border-radius: 50%; } .social li a:hover, .socialFtr li a:hover { opacity: 0.7; } .fb { background: url(images/facebook-icon.png) no-repeat 0 0; } .tw { background: url(images/twitter-icon.png) no-repeat 0 0; } .insta { background: url(images/instagram-icon.png) no-repeat 0 0; } .yt { background: } .gp { background: url(images/gplus-icon.png) no-repeat 0 0; } .pint { } /*=========Phone Number Header==========*/ .MobPhn { display: none; } .dskTph > span { display: inline-block; float: left; height: 62px; margin-left: 0; margin-right: 0; padding: 10px 0 0 6px; width: 52px; } .dskTph { margin-top: 34px; } .banner { padding-top: 184px; background: url(images/banner-image.jpg) no-repeat center 0; background-size: 1920px; position: relative; } .banner:after { content: ""; position: absolute; left: 50%; width: 168px; height: 100px; bottom: -100px; margin-left: -84px; background: url(images/black-bg-arrow.png) no-repeat center 0; z-index: 1; } .button1 { background: #ff7903; border-radius: 6px; color: #fff; display: block; font-size: 18px; font-weight: 700; height: 48px; padding: 10px 0 0; text-align: center; text-transform: uppercase; width: 181px; } .revwForm1 li { margin-bottom: 10px; } input.button1[type="submit"] { border: medium none; padding: 0; } .button1:hover, .innerHeader a:hover { background: #ffd103; color: #BC5800; } .shreUs { margin-bottom: 10px; float: left; } .addthis_sharing_toolbox { float: left; margin-top: 17px; margin-left: 12px; } .bkmrk { float: left; margin-top: 19px; } .sharedv::after { clear: both; content: ""; display: block; } .vehicles .woof_container_pa_part, .vehicles .woof_container_pa_part-options { display: none !important; } /*=============== Quote Field Style ===================*/ .capchImag { float: left; width: 28%; } .capchImag img { width: 100%; margin: 0 !important; } .captchaFild { float: right; width: 70%; } div.wpcf7-validation-errors, .wpcf7-mail-sent-ok, div.wpcf7-spam-blocked { display: none !important; } .wpcf7-form-control-wrap { display: block; position: relative; } .wpcf7-not-valid-tip { background: #fff none repeat scroll 0 0; left: 0; position: absolute; top: 0; font-size: 20px !important; right: 0; bottom: 0; border-radius: 10px; border: 1px #f00 solid; line-height: 65px; padding: 0 17px; } .formHide { height: 1px; overflow: hidden; display: none; } .enqFrm ul { float: left; width: 730px; padding-left: 172px; padding-top: 43px; } .enqFrm li { margin-bottom: 17px; text-align: center; position: relative; } .enqFrm input[type="submit"], .revwForm input[type="submit"], .contactpg input[type="submit"] { color: #fff; font-size: 28px; font-weight: bold; height: 72px; text-transform: uppercase; width: 200px; border: none; } .enqFrm input[type="submit"]:hover, .revwForm input[type="submit"]:hover, .contactpg input[type="submit"]:hover { color: #053E7F; } .revwForm li, .contactpg li { text-align: center; position: relative; } .ajax-loader { margin: 0 !important; position: absolute; right: 0; top: 10px; } .revwForm { padding-bottom: 60px; } .revwForm li { float: left; margin-bottom: 20px; width: 100%; } .maparea iframe { width: 100% !important; } .maparea { float: right; width: 46%; } .contactpg { float: left; width: 48%; } .contactpg li { margin-bottom: 20px; } .bgLght { float: left; background: rgba(0, 0, 0, 0.55) none repeat scroll 0 0; height: 630px; width: 84%; } /*=============== Bullet Points ===================*/ .listng { margin-bottom: 20px; padding-left: 20px; } .listng li { background: rgba(0, 0, 0, 0) url(images/sitemap-arrow.png) no-repeat scroll -4px 6px; padding-left: 27px; font-size: 16px; padding-bottom: 16px; } .listng.servcarea li { background: none; padding-left: 0; padding-bottom: 0; margin-right: 23px; display: inline-block; } .listng.servcarea li a { padding-left: 27px; font-size: 16px; padding-bottom: 16px; color: #000; } .listng.servcarea { padding: 23px 0 0; } .listng.servcarea li a:hover { color: #E2B72C; } /*=============== Site Map ===================*/ .sitmpee .sub-menu { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; display: block; margin-left: 20px; position: static; width: 88% !important; } .sitmpee { margin-bottom: 20px; } .sitmpee a { background: rgba(0, 0, 0, 0) url(images/sitemap-arrow.png) no-repeat 0 11px; padding-left: 20px; color: #000; background-size: 8px; } .sitmpee a:hover { color: #ff0000 !important; } .sitmpee .sub-menu li a { font-size: inherit !important; line-height: inherit !important; } .sitmpee .sub-menu li a:hover { } /*########################################### Testimonial Section Starts ########################################################*/ /** /!!! core css Should not edit !!!/**/ .slideCvr > a { color: #000; } .slideCvr { margin: 0; width: 100%; clear: both; float: left; } .slideCvr::after, .content-slider::after { clear: both; content: ""; display: block; } .lSSlideOuter { overflow: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .lightSlider:before, .lightSlider:after { content: " "; display: table; } .lightSlider { overflow: hidden; } .lSSlideWrapper { max-width: 100%; overflow: hidden; position: relative; } .lSSlideWrapper > .lightSlider:after { clear: both; } .lSSlideWrapper .lSSlide { -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: all 1s; -webkit-transition-property: -webkit-transform, height; -moz-transition-property: -moz-transform, height; transition-property: transform, height; -webkit-transition-duration: inherit; transition-duration: inherit; -webkit-transition-timing-function: inherit; transition-timing-function: inherit; } .lSSlideWrapper .lSFade { position: relative; } .lSSlideWrapper .lSFade > * { position: absolute !important; top: 0; left: 0; z-index: 9; margin-right: 0; width: 100%; } .lSSlideWrapper.usingCss .lSFade > * { opacity: 0; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition-duration: inherit; transition-duration: inherit; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: inherit; transition-timing-function: inherit; } .lSSlideWrapper .lSFade > *.active { z-index: 10; } .lSSlideWrapper.usingCss .lSFade > *.active { opacity: 1; } /** /!!! End of core css Should not edit !!!/**/ /* Pager */ .lSSlideOuter .lSPager.lSpg { margin: 10px 0 0; padding: 43px 0 0; text-align: center; position: relative; } .lSSlideOuter .lSPager.lSpg > li { cursor: pointer; display: inline-block; padding: 0 2px; } .lSSlideOuter .lSPager.lSpg > li a { border: 0px solid #000; background-color: #fff; border-radius: 50%; display: inline-block; height: 32px; overflow: hidden; text-indent: -999em; width: 32px; position: relative; z-index: 99; -webkit-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s; } .lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a { background-color: #888888; } .lSSlideOuter .media { opacity: 0.8; } .lSSlideOuter .media.active { opacity: 1; } /* End of pager */ /** Gallery */ .lSSlideOuter .lSPager.lSGallery { list-style: none outside none; padding-left: 0; margin: 0; overflow: hidden; -moz-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .lSSlideOuter .lSPager.lSGallery li { opacity: 0.7; overflow: hidden; -webkit-transition: opacity 0.35s linear 0s; transition: opacity 0.35s linear 0s; } .lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover { opacity: 1; } .lSSlideOuter .lSPager.lSGallery img { display: block; height: auto; max-width: 100%; } .lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after { content: " "; display: table; } .lSSlideOuter .lSPager.lSGallery:after { clear: both; } /* End of Gallery*/ /* slider actions */ .lSAction > a { width: 32px; display: block; top: 50%; height: 32px; cursor: pointer; position: absolute; z-index: 9999; margin-top: -16px; opacity: 0.5; -webkit-transition: opacity 0.35s linear 0s; transition: opacity 0.35s linear 0s; } .lSAction > a:hover { opacity: 1; } .lSAction > .lSPrev { background-position: 0 0; left: 10px; } .lSAction > .lSNext { background-position: -32px 0; right: 10px; } .lSAction > a.disabled { pointer-events: none; } .cS-hidden { height: 1px; opacity: 0; filter: alpha(opacity=0); overflow: hidden; } /* vertical */ .lSSlideOuter.vertical { position: relative; } .lSSlideOuter.vertical.noPager { padding-right: 0px !important; } .lSSlideOuter.vertical .lSGallery { position: absolute !important; right: 0; top: 0; } .lSSlideOuter.vertical .lightSlider > * { width: 100% !important; max-width: none !important; } /* vertical */ /* Rtl */ .lSSlideOuter.lSrtl { direction: rtl; } .lSSlideOuter .lightSlider, .lSSlideOuter .lSPager { padding-left: 0; list-style: none outside none; } .lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager { padding-right: 0; } .lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li { float: left; } .lSSlideOuter.lSrtl .lightSlider > *, .lSSlideOuter.lSrtl .lSGallery li { float: right !important; } /* Rtl */ @-webkit-keyframes rightEnd { 0% { left: 0; } 50% { left: -15px; } 100% { left: 0; } } @keyframes rightEnd { 0% { left: 0; } 50% { left: -15px; } 100% { left: 0; } } @-webkit-keyframes topEnd { 0% { top: 0; } 50% { top: -15px; } 100% { top: 0; } } @keyframes topEnd { 0% { top: 0; } 50% { top: -15px; } 100% { top: 0; } } @-webkit-keyframes leftEnd { 0% { left: 0; } 50% { left: 15px; } 100% { left: 0; } } @keyframes leftEnd { 0% { left: 0; } 50% { left: 15px; } 100% { left: 0; } } @-webkit-keyframes bottomEnd { 0% { bottom: 0; } 50% { bottom: -15px; } 100% { bottom: 0; } } @keyframes bottomEnd { 0% { bottom: 0; } 50% { bottom: -15px; } 100% { bottom: 0; } } /*========= added css ====================*/ .bwrap .bttle { margin-bottom: 6px; } .bwrap .maintitle:hover { background: none !important; } .cont_Lft .bwrap a:hover { background: url(images/red-arrow.png) no-repeat 92% 50% #ffffff; color: #fc0001; } .cont_Lft .bwrap a { background: url(images/white-arrow.png) no-repeat 92% 50% #fc0001; color: #fff; padding: 10px 40px 10px 20px; height: auto; } .bwrap .bttle a { color: #000; font-size: 27px; margin-bottom: 4px; font-weight: 600; background: none; padding: 0 !important; } .bwrap p { margin-bottom: 5px; } .buttonFixed li.current-menu-item a:hover { background: #006095 !important; } .linksButtons a { background: rgb(254, 0, 0) url(//autopluswreckers.com.au/wp-content/themes/Clixpert_Theme_2.0/images/white-arrow.png) no-repeat 93% 50%; border-radius: 35px; color: #fff; font-size: 32px; padding: 9px 50px 9px 39px; max-width: 400px; width: 100%; height: 60px; text-transform: uppercase; } .linksButtons li { display: inline-block; } .linksButtons li:first-child a { background-color: #000; } .linksButtons a:hover { background-color: #8d8b8a; } .linksButtons li:first-child a:hover { background-color: #8d8b8a; } .notFound.linksButtons li a { text-decoration: none; } .notFound.linksButtons li:first-child a { background: #000 url(//autopluswreckers.com.au/wp-content/themes/Clixpert_Theme_2.0/images/mobile-icon.png) no-repeat 8% 50%; padding-left: 60px !important; } .notFound.linksButtons li:first-child a:hover { background-color: #8d8b8a; color: #fff; border-color: #006095; } .notFound.linksButtons li:last-child a { color: #fff; background: rgb(254, 0, 0) url(//autopluswreckers.com.au/wp-content/themes/Clixpert_Theme_2.0/images/white-arrow.png) no-repeat 93% 50%; border-color: #000; } .notFound.linksButtons li:last-child a:hover { background-color: #8d8b8a; border-color: #8d8b8a; } .mobBtns { display: none; } .contentarea { width: 50%; float: left; padding-right: 20px; } .contentarea p { line-height: 30px; margin: 0px; margin-bottom: 15px; } .imgarea { width: 50%; float: left; } .fullWdth { width: 100%; float: left; } .lSSlideOuter .rightEnd { -webkit-animation: rightEnd 0.3s; animation: rightEnd 0.3s; position: relative; } .lSSlideOuter .leftEnd { -webkit-animation: leftEnd 0.3s; animation: leftEnd 0.3s; position: relative; } .lSSlideOuter.vertical .rightEnd { -webkit-animation: topEnd 0.3s; animation: topEnd 0.3s; position: relative; } .lSSlideOuter.vertical .leftEnd { -webkit-animation: bottomEnd 0.3s; animation: bottomEnd 0.3s; position: relative; } .lSSlideOuter.lSrtl .rightEnd { -webkit-animation: leftEnd 0.3s; animation: leftEnd 0.3s; position: relative; } .lSSlideOuter.lSrtl .leftEnd { -webkit-animation: rightEnd 0.3s; animation: rightEnd 0.3s; position: relative; } .testmnalDiv .lSPager.lSpg { display: none !important; } .contLft { float: left; min-height: 600px; padding: 0 0 0; width: 32%; font-size: 16px; } .contRgt { float: right; margin: 0 0 0; width: 65%; } .cont_Lft { float: left; width: 60% } .cont_Rgt { float: right; padding: 5px; width: 30%; } .titlRgt { color: #fd8201; font-size: 29px; font-weight: 600; margin-bottom: 22px; min-height: 37px; text-transform: uppercase; } .contRgt li { } .contRgt li .button1 { border: medium none; float: none; height: 40px; margin: 0 auto; padding: 0; width: 236px; } .contRgt input[type="text"], .contRgt input[type="email"], .contRgt input[type="tel"], .contRgt input[type="phone"] { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; height: 38px; } .contRgt input[type="text"], .contRgt input[type="email"], .contRgt input[type="tel"], .contRgt input[type="phone"], textarea { } .readmore { background: url(images/red-arrow.png) no-repeat 95% 50% #fff; border-radius: 35px; color: #000; font-size: 30px; height: 70px; padding: 17px 40px 0 19px; text-transform: uppercase; display: block; max-width: 373px; margin: 44px auto 0; border: 3px #fc0001 solid; font-weight: 600; text-decoration: none; } .readmore:hover { background: url(images/white-arrow.png) no-repeat 95% 50% #fc0001; color: #fff; } /*=============== INFO ===================*/ .infoBX { position: relative; display: inline-block; } .infoBX:hover .infoBox { display: block; } .infoBox { background: #e4b62c; border: 2px solid #fff; text-align: left; right: 0; border-radius: 3px; bottom: 21px; display: none; padding: 10px; position: absolute; width: 425px; } .infoBX p { color: #000; margin-bottom: 5px; } .infoaddress div { color: #000; } .infoBox span { color: #000; float: left; font-size: 16px; font-weight: 400; margin-bottom: 5px; text-transform: uppercase; width: 100%; } .infoBox div p span, .infoBox div p { color: #fff; display: inline-block; font-size: 15px !important; font-weight: normal !important; line-height: 16px; text-transform: none; } .infoaddress::after, .infoaddress div::after { clear: both; content: ""; display: block; } .infoBox div p { display: block; float: left; margin-bottom: 0; text-align: left; width: 100%; } .infoBox a:hover { color: #fff !important; } .infomail span { color: inherit !important; display: block !important; float: right; text-align: left; width: 75% !important; } .infomail a { color: inherit !important; line-height: inherit; } .infomail b { color: inherit; display: block; font-size: inherit; line-height: inherit; } .infomail { clear: both; display: block; float: left; margin-top: 10px; width: 100%; } .infomail > p { display: block !important; text-align: center; } .infoBox a { float: none !important; padding: 0 !important; background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; font-size: inherit !important; text-transform: none !important; color: #000 !important; line-height: inherit !important; } /*=============== Blog ===================*/ .blog-post { background: #fff none repeat scroll 0 0; border: 1px solid #ccc; padding: 15px; margin-bottom: 20px } .blog-title { font-size: 21px; margin-bottom: 6px; font-weight: 700; } .postd { color: #e2181f; font-size: 11px; padding: 5px 0 1px } .blog-post a { color: #fff; display: inline-block; padding: 4px 13px; text-decoration: none; background: #ff7903; } .blog-post a:hover { color: #AD1D24; background: #FFD103; } .blogarea { box-sizing: border-box; color: #fff; padding: 20px } .blogarea .innSrv li { list-style: outside none none; margin: 0; padding: 0 0 10px 26px; } .blogarea .innSrv li a { color: #fff; text-decoration: none } .inRghtCapn { font-size: 25px; } .cont_Rgt li a { display: block; padding-left: 25px; color: #666; } .cont_Rgt li a:hover { color: #FF7E02; } .at-share-tbx-element a:hover, .bkmrkbtn:hover { opacity: 0.5; } .bkmrkbtn a { background: url(images/star.png) no-repeat 0 0; } header { left: 0; position: absolute; top: 0; width: 100%; z-index: 999; } header a { text-decoration: none !important; } header .wid { width: 100%; max-width: 1760px; } .banner:before { top: 0; right: 0; bottom: 0; left: 0; content: ""; position: absolute; background: rgba(0,0,0,0.7); } .testimonial .slideCvr { position: relative; } .testCont::before { content: ""; height: 50px; left: -38px; position: absolute; top: -1px; width: 50px; } .testimonial { text-align: center; } .testImg { border-radius: 50%; float: left; height: 157px; overflow: hidden; width: 157px; margin: 35px 0 0; } .testCont { float: right; padding: 25px 0 0; position: relative; text-align: left; width: 83%; } .testCont > p { height: 114px; line-height: 45px; margin-top: -11px; } .testmnalDiv::after { clear: both; content: ""; display: block; } .testmnalDiv { padding-bottom: 71px; } .testimonial .lSAction { display: none !important; } .testimonial .heading { font-size: 30px; font-family: "Raleway"; text-transform: none; } .testCont > span { color: #000; } .ftrTop { padding: 73px 0 53px; background: #010101; } .ftrLogo { display: inline-block; } .copy, .copy a { color: #fff; font-weight: 200; font-size: 26px; } .copy { float: left; margin: 18px 0 0; } .copyRight small { float: left; padding: 21px 0px 0 150px; color: #fff; font-weight: 200; font-size: 29px; } .copyRight small a { color: #fff; font-size: 26px; font-weight: inherit; } .ftrCopy { padding: 17px 0; background-color: #fff; } footer a:hover { color: #8d8b8a !important; } .innerpage { padding-top: 47px; min-height: 750px; padding-bottom: 40px; background: #fff; } section.bottContact.innerCon .wid:before, section.banner.inneBanner:after { display: none; } .SidebarForm { text-align: center; padding: 10px 25px 20px; } .SidebarForm li { margin-bottom: 14px; } .searchTitl { font-size: 35px; font-weight: 600; text-transform: uppercase; line-height: 40px; border-bottom: 1px #ccc solid; margin-bottom: 15px; padding-bottom: 10px; } .SidebarForm small { display: block; padding-bottom: 20px; } .SidebarForm input[type="submit"] { max-width: 230px; font-size: 23px; } section.bottContact.innerCon .gtinTch { max-width: 900px; margin: 0 auto; } .innerpage p { } .brands .lSAction { display: none !important; } .aniPos { background-color: rgba(0,0,0,0.8); position: fixed; z-index: 9999; padding-bottom: 7px; } .aniPos .logo { margin-top: 11px; width: 300px; background-size: 50px; padding: 12px 0 12px 66px; font-size: 20px; } .aniPos .menuD { margin-top: 21px; padding: 0 0px 0px 46px; } .aniPos .logo img { margin-left: 4px; } .aniPos .logoRgt { margin-top: 17px; } .aniPos .menu li a { font-size: 13px; padding: 0 0 0px; } .aniPos .callTop { margin-top: 0; width: 310px; } .aniPos .callTop small a { /*padding-left: 41px; font-size: 23px; background-position: 11px 2px; */} .aniPos .callTop > a { font-size: 18px; line-height: 22px; padding-top: 7px; } .blgcont > img { float: left; margin-right: 20px; } .blgcont::after { clear: both; content: ""; display: block; } .mapdv iframe { width: 100%; } .dtlsDv a { color: inherit; font-size: inherit; font-weight: 700; } .dtlsDv a:hover { color: #E2B72C } .frmdv li { margin-bottom: 10px; } .frmdv { padding: 28px 0 0; } .slideCvr > a:hover .heading, .slideCvr > a:hover { color: #e5b72d; } .imgarea { margin-bottom: 20px; } .callTop { float: right; width: 267px; margin-top: 66px; color: #fff; text-align: right; padding-right: 3px; } .callTop small { display: inline-block; padding: 5px 0 5px;/*border-bottom: 1px rgba(255,255,255,0.4) solid;*/ position: relative; float: right; margin-top: 9px;} .callTop small:first-child { position: relative;} .callTop small:first-child:after { position: absolute; height: 1px; content: ''; background: #737272; width: 100%; bottom: -5px; right: 0px; } .aniPos .callTop small:first-child:after {display:none;} /*.callTop small:before { content: ""; background: url(images/phone-bottom-arrow.png) no-repeat right 0; position: absolute; left: 0; bottom: -21px; width: 55px; height: 21px; }*/ .callTop small a {display: block;padding-left: 45px;color: #fff;text-align: right;font-size: 25px;text-transform: uppercase;background: url(images/phone-icon.png) no-repeat 13px 2px;background-size: 23px;font-weight: 600;} .callTop a { font-family: "Roboto"; } /*.callTop small:after { content: ""; position: absolute; left: 54px; right: 0; height: 1px; background: rgba(255,255,255,0.2); bottom: 0; }*/ .headmob{display:none !important;} .aniPos .callTop small a { font-size: 17px;} .callTop small .ph,.callTop small .ph1{color: #fff; font-size: 14px; line-height: 19px;} .banInBtm .ph, .banInBtm .ph1 { color: #fff; margin-top: 5px; } li.ftCall .ph,li.ftCall .ph1{color:#fff; margin-bottom: 9px;} .banner small .ph,.banner small .ph1{color:#fff; margin-top:10px;} .callTop > a { color: #fff; font-size: 25px; line-height: 31px; padding-top: 7px; display: inline-block; } .callTop a:hover { color: #f00; } .banner .wid { max-width: 1689px; position: relative; padding: 21px 15px 74px; text-align: center; } .banner h1 { color: #fff; font-weight: 400; text-transform: none; font-size: 65px; line-height: 75px; } .banner small { color: #fff; font-size: 34px; font-family: "Roboto"; } .banForm { padding: 23px 0; max-width: 400px; margin: 0 auto; } .banForm small { display: block; padding: 0 0 31px; } .banForm li { margin-bottom: 19px; } .banInBtm { color: #f00; font-family: "Roboto"; font-size: 29px; font-weight: 300; padding: 32px 0 0; } .banInBtm a { font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; font-family: inherit; display: inline-block; padding-bottom: 5px; text-decoration: none; border-bottom: 1px #f00 solid; } .banInBtm a:hover { color: #8d8b8a; border-color: #8d8b8a; } .banInBtm span { font-size: inherit; font-family: inherit; color: inherit; font-weight: inherit; line-height: inherit; } .banInBtm span a { display: inline-block; color: #f00; } section.findcarParts { padding: 115px 0 80px; text-align: center; position: relative; background: #fff; } .titlBrd { height: 2px; max-width: 450px; margin: 25px auto; position: relative; background: #3d3d3d; } .titlBrd:after { content: ""; position: absolute; left: 0; top: 0; width: 50%; height: 2px; background: #e54257; } section.findcarParts small { max-width: 1130px; font-family: "Roboto"; display: block; margin: 0 auto; font-size: 22px; line-height: 39px; } section.brandSlider { position: relative; background: url(images/find-car-bg.jpg) no-repeat center 0; background-size: cover; padding: 193px 0 47px; } section.brandSlider:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background: rgba(0,0,0,0.7); } section.findcarParts:before { position: absolute; left: 50%; margin-left: -70px; bottom: -52px; width: 140px; height: 80px; background: url(images/red-bottom-arrow.png) no-repeat center 0; content: ""; z-index: 2 } section.findcarParts:after { position: absolute; left: 50%; margin-left: -87px; bottom: -91px; width: 174px; height: 91px; background: url(images/white-bg-arrow.png) no-repeat center 0; content: ""; z-index: 1; } section.brandSlider .wid { max-width: 1810px; position: relative; } .brandBx { margin: 0 13%; background: #fff; padding: 25px 8px 65px; text-align: center; } .brndImg { text-align: center; padding-bottom: 0; } .brandTitl { font-size: 32px; font-weight: 500; text-align: center; margin: 5px 0 22px; line-height: 38px; } .brandBx small { display: block; color: #000; text-align: center; font-size: 20px; font-weight: 500; margin-bottom: 38px; font-family: "Roboto"; } a.more { display: inline-block; font-family: "Roboto"; width: auto; margin: 0 auto; border: 1px #000 solid; text-align: center; height: 46px; font-size: 20px; text-transform: uppercase; color: #000; padding: 8px 33px 0 16px; text-decoration: none; background: url(images/search-arrow-red.png) no-repeat 94% 50%; } a.more:hover { background-color: #000 !important; color: #fff; } section.midCust { padding: 0px 0 138px; background: #fff; } .customer { float: left; width: 49%; padding-left: 0; padding-top: 91px; text-align: center; padding-right: 17px; } .custDscr { font-size: 36px; font-weight: 300 !important; font-style: italic; line-height: 47px; position: relative; } .custDscr p { font-size: inherit; font-weight: inherit !important; font-style: inherit; line-height: inherit; } .custDscr:before, .custDscr:after { background-position: center center; background-repeat: no-repeat; content: ""; position: absolute; width: 72px; height: 58px; } .custDscr:before { background-image: url(images/quote-left.png); top: -90px; left: 20px; } .custDscr:after { background-image: url(images/quote-right.png); right: 74px; bottom: -91px; } .custDscr span { font-size: inherit; line-height: inherit; font-weight: inherit; font-family: inherit; font-style: inherit; color: #e30711; } section.midCust .wid { max-width: 1725px; } .custAthr { font-family: "Great Vibes"; font-size: 30px; } .custAthr { font-family: "Great Vibes"; font-size: 36px; padding: 38px 55px 52px 0; line-height: 42px; } .ratng img { margin: 0 15px; } .rgtReview { float: right; width: 50.6%; padding-left: 77px; border-left: 19px #000 solid; } .cvrRvRgt p { font-size: 26px; font-family: "Roboto"; font-weight: 300; line-height: 36px; } .cvrRvRgt p a { font-size: inherit; font-family: inherit; line-height: inherit; font-weight: 500; color: #d80d10; display: inline-block; } .cvrRvRgt img { float: left; margin-right: 10px; } section.nowTrucking { text-align: center; position: relative; border-top: 12px #6d6969 solid; padding: 33px 0 8px; background: url(images/now-wrecking-bg.jpg) no-repeat center 0; background-size: cover; } section.nowTrucking:before { top: 0; right: 0; bottom: 0; left: 0; content: ""; position: absolute; background: rgba(0,0,0,0.85); } .nowTrucking small { display: block; } .nowTrucking h2 { margin-bottom: 0; } small.nowtruck { font-size: 25px; font-family: "Roboto"; padding: 11px 0 35px; } ul.nowTruckList { padding: 26px 0 0; } section.nowTrucking .wid { max-width: 1673px; position: relative; } ul.nowTruckList li { float: left; width: 25%; padding: 0 0; } .truckingImg { width: 334px; height: 334px; margin: 0 auto; border-radius: 50%; overflow: hidden; border: 5px #fff solid; } .nowTrLnk { padding: 31px 0 0; line-height: 35px; color: #e1060a; font-weight: 600; font-size: 30px; } section.leadingAutoWrecker { text-align: center; padding: 0 0 128px; background: #fff; } .leadingAutoWrecker h2 { line-height: 69px; } .leadingCont { max-width: 993px; margin: 0 auto 0; padding: 28px 0 13px; } .leadingCont p { font-size: 25px; font-family: "Roboto"; font-weight: 300; line-height: 37px; } .leadingAutoWrecker .readmore { background: url(images/white-arrow.png) no-repeat 95% 50% #fc0001; color: #fff; } .leadingAutoWrecker .readmore:hover { background: url(images/red-arrow.png) no-repeat 95% 50% #fff; color: #000; } section.bottContact .wid { position: relative; padding-bottom: 44px; padding-top: 71px; z-index: 1; } section.bottContact .wid:before { position: absolute; right: 0; bottom: 0; content: ""; width: 613px; height: 664px; background: url(images/contact-man.png) no-repeat 0 0; background-size: 100%; } section.bottContact { background: url(images/getaquote-bg.jpg) no-repeat center 0; background-size: cover; position: relative; } section.bottContact:after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5) } .gtinTch { margin-left: 170px; text-align: center; max-width: 660px; padding: 28px 14px 35px 14px; background: #fff; position: relative; } .gtTtitl { font-size: 36px; color: #ff0a00; font-weight: 700; line-height: 42px; margin-bottom: 10px; } .gtinTch > small { font-weight: 700; font-size: 27px; font-family: "Roboto"; line-height: 36px; } .gtinTch li { float: left; width: 33.33%; } .gtImg { border-right: 2px #f00 solid; padding: 5px 0 6px; } .gtinTch li:last-child .gtImg { border-right: 0px #f00 solid; } .gtinTch ul { padding-top: 28px; } .gtinTch li small { display: block; padding: 25px 0 3px; color: #000; text-transform: uppercase; font-weight: 900; font-size: 25px; } a.bgNmbr, a.smNmbr { display: block; font-family: "Roboto"; } a.bgNmbr { color: #f00; font-weight: 600; font-size: 20px; margin: 4px 0 0; } a.smNmbr { font-weight: 700; color: #000; font-size: 20px; line-height: 24px; } .gtinTch li:nth-child(2) a, .gtinTch li:nth-child(3) a { font-size: 17px; color: #000; font-weight: 600; } .disclmDv { clear: both; } .disclmDv:after { clear: both; display: block; content: ""; } .ftSc1 { float: left; width: 31%; padding-top: 6px; } .ftrRgt { float: left; width: 69%; padding: 0 0 0 20px; } .ftSc2 { width: 56%; padding-right: 15px; float: left; } .ftSc3 { float: right; width: 38%; } .ftSc4 { width: 199px; float: right; margin: 0 0 0; display: none; } .needHlpCvr { float: left; width: 100%; clear: both; padding: 0 0 0; } .ftrBrnds { float: left; width: 597px; margin-left: -219px; } .needHlpCvr:after, .ftrRgt:after { clear: both; content: ""; display: block; } footer, footer div, footer a, footer li, footer span, footer small, footer p { font-family: "Roboto"; } .needHelp .ph, .needHelp .ph1 {color: #fff;} li.ftCall > a { font-size: 47px; } .ftrPhone a { position: relative; } li.ftCall > a { font-size: 30px; font-weight: 300; color: #fe0000; } li.ftCall small { display: inline-block; padding-left: 18px; padding-top: 3px; } li.ftCall small a { color: #fff; font-size: 36px; text-transform: uppercase; font-weight: 300; } li.ftrCall2 a { font-size: 43px; font-weight: 300; } li.ftCall { margin-bottom: 17px; } li.ftrCall2 a { font-size: 33px; font-weight: 300; display: block; line-height: 58px; color: #fff; } li.ftCall > a:before, li.ftrCall2 a:before { position: absolute; content: ""; width: 30px; height: 37px; left: 0; top: 3px; background-repeat: no-repeat; background-position: 3px 1px; background-size: 100%; } li.ftrCall2 a:before { top: 9px !important; } li.ftCall > a:before { background-image: url(images/footer-phone.png); } li.ftrCall2 a:before { background-image: url(images/footer-mobile.png); } footer a { text-decoration: none !important; } .ftSc1 > a { display: block; background: url(images/white-arrow.png) no-repeat 88% 50%; background-size: 10px; color: #fff; text-align: center; width: 265px; border: 1px #fff solid; margin: 29px 0 0; height: 52px; border-radius: 31px; font-size: 23px; font-family: Raleway; padding: 10px 24px 0 0; text-decoration: none; text-transform: uppercase; } .ftSc1 > a:hover { background-color: #fe0000; color: #fff !important; } .ftrAddre li { color: #fff; line-height: 34px; font-size: 19px; font-weight: 300; margin-bottom: 16px; } .ftrAddre { padding: 23px 0 0; } .ftrAddre li a { color: #fff; font-size: inherit; line-height: inherit; } .ftrTitl { color: #fe0000; font-size: 33px; font-weight: 300; line-height: 38px; display: inline-block; padding-bottom: 13px; min-width: 203px; border-bottom: 1px #fff solid; margin-bottom: 20px; } li.ftCall > a, li.ftrCall2 a { padding-left: 45px; } .ftSc2 li, .ftSc3 li { margin-bottom: 20px; } .ftSc2 li a { color: #fff; font-size: 22px; line-height: 26px; } .ftSc3 a { font-weight: 300; color: #fff; font-size: 22px; } .ftSc4 a { display: block; padding: 185px 0 0; margin: 16px 0 0; text-align: center; color: #fff; text-transform: uppercase; font-weight: 600; font-size: 33px; font-family: Raleway; line-height: 38px; text-decoration: none; background: url(images/auto-plus-new-stock.png) no-repeat center 1px; } .ftSc4 a span { color: #fe0000; font-weight: inherit; font-size: inherit; font-family: inherit; line-height: inherit; } .ftrBrnds li { float: left; width: 138px; text-align: center; } .ftrBrnds li img { max-width: inherit; } .needHelp small { display: block; color: #f80308; font-weight: 300; font-size: 35px; text-align: left; padding: 1px 0 0; } .needHelp > a { color: inherit; font-weight: inherit; line-height: inherit; font-size: inherit; } .needHelp { float: right; width: 38%; color: #fe0000; font-size: 22px; font-weight: 300; line-height: 89px; } .copyRight { padding: 14px 0; background: #2e3548; } /*#################### Search Parts ##############*/ section.innerDiv2 { background: #fff; min-height: 800px; padding: 30px 0 0; } .sortCls { float: right; text-align: right; font-family: Roboto; color: #fff; font-size: 31px; line-height: 32px; font-weight: 300; width: 50%; } .matches { float: left; font-family: Roboto; color: #fff; font-size: 31px; font-weight: 300; line-height: 31px; padding: 3px 0 0; } .matches p { font-family: inherit; color: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; margin: 0; } .matches, .sortCls { font-size: 20px; } .foundItems { border: 5px #776c68 solid; padding: 12px 15px; background: #776c68; } .foundItems:after { clear: both; display: block; content: ""; } .sortCls form, .sortCls select { display: inline-block; } .searchForm { padding: 46px 28px 1px; text-align: center; margin-bottom: 212px; background: #000; border-radius: 37px; box-shadow: -2px 2px 5px rgba(0,0,0,0.4); } .searchForm li { text-align: left; margin-bottom: 38px; } .searchForm li:last-child, .woof_submit_search_form_container { margin-bottom: 32px !important; position: relative; } .qtTitl { font-size: 42px; font-weight: 400; color: #fff; padding: 0; line-height: 75px; } .cont_Rgt .qtTitl { font-size: 30px; } .searchForm ul { padding: 0 0 0; } .searchForm .woof_container label { display: block !important; text-align: left; font-size: 23px; } .searchForm label { display: block; color: #ff0000; font-weight: 700; font-size: 36px; line-height: 39px; margin-bottom: 8px; } .searchForm input[type="text"], .searchForm input[type="tel"], .searchForm input[type="phone"], .searchForm input[type="email"], .searchForm select { border: 1px #000 solid; height: 50px; border-radius: 10px; font-weight: 300; font-style: italic; font-family: "Montserrat"; font-size: 20px; } .searchForm li:last-child input[type="submit"], .woof_submit_search_form_container button { position: absolute; background-size: 20px; width: 382px; height: 145px; left: 50%; margin-left: -191px; top: 8px; font-size: 56px; padding-right: 68px; } .sortSelect { display: inline-block; width: 44%; } form { display: block; width: 100%; } .sortSelect select { width: 100%; background: #fff url(images/select-drop.png) no-repeat 95% 50%; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; padding: 0 23px 0 11px; line-height: 33px; height: auto; border-radius: 14px; font-size: 19px; border: 1px #ccc solid; } a.nextPag, a.prevPag, a.nextArrow, a.prevArrow, .paginationSc ul { display: inline-block; vertical-align: middle; color: #000; font-size: 27px; font-weight: 300; } .paginationSc { text-align: center; padding: 60px 0; } .paginationSc ul { padding: 0 15px; } .paginationSc ul li { float: left; padding: 0 8px; } a.nextArrow, a.prevArrow, a.next.page-numbers, a.prev.page-numbers { background-position: center center; background-repeat: no-repeat; } a.nextArrow:hover, a.prevArrow:hover, a.next.page-numbers:hover, a.prev.page-numbers:hover { border-color: rgba(0,0,0,0) !important; background-repeat: no-repeat !important; background-position: center center !important; } a.nextArrow, a.next.page-numbers { background-image: url(images/breadCrum-right.png); } a.prevArrow, a.prev.page-numbers { background-image: url(images/breadCrum-left.png) } a.nextArrow, a.next.page-numbers:hover { background-image: url(images/breadCrum-right.png); } a.prevArrow, a.prev.page-numbers:hover { background-image: url(images/breadCrum-left.png) } a.next.page-numbers, a.prev.page-numbers { background-color: rgba(0,0,0,0) !important; text-indent: -9999px; overflow: hidden; } .paginationSc ul li a, span.page-numbers.current { display: block; width: 70px; height: 70px; text-decoration: none; padding: 14px 0 0; font-weight: 600; color: #fff; border: 5px rgba(255, 212, 7, 0) solid; border-radius: 50%; background: #776c68; } .paginationSc ul li a:hover, .paginationSc ul li a.actPg, span.page-numbers.current { border-color: #ff0000 !important; background: #ff0000; color: #fff; } .resultListed { margin: 2px 0 10px; border-top: 1px #000 solid; } .resultListed li { padding: 25px 18px 25px; border: 1px #000 solid; margin-bottom: 20px; } .addthis_inline_share_toolbox_2jk2.addthis_tool, .instaToo { /* clear: none; */ float: left; } .resultImg { width: 46%; float: left; } .resultRgt { float: right; width: 51%; } .resultTitl { font-weight: 600; text-transform: uppercase; font-size: 31px; line-height: 33px; margin-bottom: 58px; } .resultRgt .resultTitl { display: none; } .resultTitl a, .resultTitl h2 { font-weight: inherit; font-size: inherit; line-height: inherit; margin: 0; color: inherit; } .resultTitl h2 { text-decoration: none; } .resultTitl a:hover { color: #fe0000; } .resultListed li:after, .resultRgt:after { clear: both; content: ""; display: block; } .resuDetls { width: 51%; float: left; } .resWALogo { float: right; width: 48%; text-align: right; padding-top: 0; } .resuDetls p { font-size: 21px; color: rgba(100,99,98,1); font-weight: 400; margin: 0; } .logDv { text-align: center; padding: 9px 0 0; margin-top: 30px; } .sclTil { text-align: left; padding-left: 13px; } .stock { font-size: 30px; font-weight: 700; padding: 17px 0 12px; display: block; color: #00725b; } .detailsPage .resuDetls small { display: block; padding: 0; } .callResult { font-weight: 700; text-transform: uppercase; font-size: 28px; padding: 0 0 0; font-family: Roboto; text-align: center; } .resWALogo a img { max-width: 44px; } .srchEmail { font-size: 13px; font-weight: 500; line-height: 20px; font-family: Roboto; color: #fe0000; } .srchEmail a { font-size: inherit; font-weight: inherit; line-height: inherit; font-family: inherit; } .callResult a { font-weight: 800; font-size: inherit; line-height: inherit; color: #fe0000; font-family: Roboto; } .callResult .srchEmail a { color: #000; } .callResult a:hover { color: #8d8b8a; } .banSrchIcon, .bannerListCont { display: none !important; } .outStk, .outofstock .stock { color: #F00 !important } .resWALogo > a { text-decoration: none; display: block; text-align: center; } .resWALogo small { display: block; font-size: 22px; text-transform: uppercase; font-weight: 700; } .resWALogo small span { font-size: inherit; font-weight: 800; line-height: inherit; color: #fe0000; } .detailsPage { max-width: 1262px; margin: 0 auto; } .relatedImgs li { display: inline-block; } .relatedImgs { text-align: center; margin-bottom: 0; padding-bottom: 50px; } .breadCrums li { float: left; padding-right: 38px; position: relative; margin-right: 17px; } .breadCrums li:after { background: url(images/select-drop.png) no-repeat 0 center; position: absolute; right: 4px; top: 8px; width: 22px; height: 15px; content: ""; transform: rotate(-90deg); } .relatedImgs li { display: inline-block; width: 14%; margin: 0 0.5% 20px; } .relatedImgs small { font-size: 32px; max-width: 900px; display: block; margin: 0 auto; color: #ff0000; line-height: 50px; } a.dtlPhone { display: block; background: url(images/footer-phone.png) no-repeat 0 50%; margin: 28px auto 0; max-width: 530px; padding-left: 56px; line-height: 89px; font-size: 76px; font-weight: 400; font-family: "Roboto"; color: #f00; background-size: 52px; } a.dtlPhone:hover { color: #8d8b8a; } .breadCrums li, .breadCrums li a { color: #000; text-decoration: none; } .breadCrums li:last-child { margin-right: 0; padding-right: 0; } .breadCrums li:last-child:after { display: none; } /*#################### Search Parts Ends ##############*/ .banner small a { font-weight: 700; font-family: inherit; font-size: inherit; color: #f00; border-bottom: 0px #f00 solid; } .banner small a:hover { color: #8d8b8a; } .breadCrums { padding-bottom: 30px; } .flotsocial a.gp{display:none;} .contcSectn .searchForm { position: relative; max-width: 428px; margin: 0 auto 79px;} .contcSectn .searchForm:before { position: absolute; right: 18px; top: -45px; width: 93px; height: 109px; content: ""; background: url(images/directional-que.png) no-repeat 0 0; background-size: 100%; } .contcSectn .cont_Lft { width: 59%; } .contcSectn .cont_Rgt { width: 41%; } .cont_Rgt .searchForm { display: none; } .contcSectn .cont_Rgt .map { height: 670px; } .contcSectn .searchForm .qtTitl { font-size: 30px; line-height: 41px; } .contcSectn .searchForm label { font-size: 20px; line-height: 20px; margin: 0 0 8px; } .contcSectn .searchForm li br { display: none; } .contcSectn .searchForm li { margin-bottom: 17px; } .contcSectn .searchForm li:last-child input[type="submit"] { height: 56px; padding: 0 30px 0 0; font-size: 28px; border-radius: 23px; background-size: 13px; width: 240px; margin-left: -120px; } .contcSectn .gtImg { padding: 0 25px; } .contcSectn .gtinTch li:first-child a { display: block; } .contcSectn .gtinTch li { height: 199px; } /*.contactPage .gtinTch li:first-child a { font-size: 12px; line-height: 19px;} .contactPage .gtinTch li:nth-child(2) a, .contactPage .gtinTch li:nth-child(3) a { font-size: 10px; } .contcSectn .gtinTch li small {font-size: 14px;line-height: 20px;}*/ .phoneMobile { display: none; } .contactImg { text-align: center; } .contactPage .gtinTch { margin: 0 auto; max-width: 775px; background: none; } .contactPage { background: url(images/contact-bg-img.png) no-repeat center 40%; background-size: 80%; } /*.banner.contactBanner .wid {padding-left: 520px;background-repeat:no-repeat;background-position: 10% 50%;}*/ .banner.contactBanner .wid { padding-left: 520px; background-repeat: no-repeat; background-position: 10% 0; padding-top: 33px; padding-bottom: 160px; } .contactPage:after { clear: both; content: ""; display: block; } .banner h1 a { font-size: inherit; line-height: inherit; font-weight: 800; color: #ff0a00; text-decoration: none; } .banner.contactBanner {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,4f4f4f+15,4f4f4f+42,000000+63,000000+100 */ background: #000000; /* Old browsers */ background: -moz-linear-gradient(left, #000000 0%, #4f4f4f 15%, #4f4f4f 42%, #000000 63%, #000000 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #000000 0%, #4f4f4f 15%, #4f4f4f 42%, #000000 63%, #000000 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #000000 0%, #4f4f4f 15%, #4f4f4f 42%, #000000 63%, #000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 ); /* IE6-9 */ } .banner.contactBanner:before { background: none; } .banner h1 a:hover, a.bgNmbr:hover { color: #8d8b8a; } a.smNmbr:hover, .gtinTch li:nth-child(2) a:hover, .gtinTch li:nth-child(3) a:hover { color: #ff0a00; } .cont_Rgt .searchForm { max-width: 360px; width: 100%; padding: 12px 20px 15px; } .cont_Rgt .searchForm { } .cont_Rgt .searchForm li br { display: none; } .cont_Rgt .searchForm li label { font-size: 25px; } .cont_Rgt .searchForm li { text-align: left; margin-bottom: 10px; } .cont_Rgt .searchForm li:last-child input[type="submit"] { width: 200px; max-width: 200px; height: 56px; font-size: 24px; padding-right: 38px; background-size: 15px; background-position: 92% 50%; border-radius: 23px; margin-left: -100px; } .woof_submit_search_form_container { overflow: visible !important } .banner .woof_submit_search_form_container button { position: static; margin: 0; font-size: 25px; height: auto; background-size: 9px; background-position: 94% 50%; width: 100%; } .banForm .woof_container label { display: none !important; } .banForm .woof_container_pa_part-options, .banForm .woof_container_pa_years { /*display: none !important;*/ } /* button.button.woof_reset_search_form { display: none !important; } */ .buttonFixed { position: fixed; left: 0; top: 50%; height: 400px; width: 50px; margin-top: -200px; z-index: 9; } .buttonFixed ul { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); width: 323px; height: 40px; margin: 167px 0 0 -141px; } .buttonFixed li { float: left; margin: 0 10px; } .buttonFixed li a { display: block; padding: 0px 19px; color: #fff; text-transform: uppercase; font-size: 23px; background: #006095; height: 40px; text-decoration: none; border-radius: 0 0 18px 18px; line-height: 37px; } .buttonFixed li a:hover, .buttonFixed li.current_page_item a:hover, .buttonFixed li.current-menu-item a:hover { background: #f00 !important; color: #fff !important; } .truckingImg img { width: 400%; max-width: 148%; margin-left: -28%; } .nowtruckBx { text-decoration: none; } .nowtruckBx:hover .nowTrLnk { color: #fff; } .cont_Lft h2, .cont_Lft h3, .cont_Lft h4, .cont_Lft h5, .cont_Lft h6 { font-size: 39px; line-height: 44px; } .innerMenu li.gotoWrecking { display: none !important; } .homeMenu li.wreckingInner { display: none !important; } .cont_Lft a { font-size: inherit; font-weight: 600; display: inline-block; color: #ff0000; } .cont_Lft a:hover { color: #ff0000; } ul.listng.threeCol li { width: 33%; float: left; } .resultListed .paginationSc ul li { border: none; } .brands ul { margin: 0 auto; } .innerpage h2, .innerpage h3, .innerpage h4, .innerpage h5, .innerpage h6 { font-weight: 400; } .partsHed { font-size: 24px; font-weight: 600; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px #ccc solid; } .partsSection { max-width: 1000px; margin: 0 auto; padding-bottom: 30px; } table.table { border-top: 1px #ccc solid; border-right: 1px #ccc solid; } table.table th, table.table td { border-bottom: 1px #ccc solid; border-left: 1px #ccc solid; vertical-align: middle; padding: 5px 9px; font-size: 15px; } table.table th { font-weight: 600; } table.table th a, table.table td a { font-size: inherit; font-weight: inherit; line-height: inherit; } .disClm { color: #fff; padding: 30px 15px 0; max-width: 1300px; margin: 0 auto; font-size: 16px; } .ftSc3Sub { width: 57%; float: left; } .ftSc3Sub p { color: #fff; font-size: 15px; } .pInstructions { font-size: 13px; } /*pop-up*/ .popup, .popup2 { position: absolute; z-index: 999; top: 167px; left: 50%; margin-left: -230px !important; width: 460px; background: #fff; -moz-box-shadow: 4px 4px 30px #130507; -webkit-box-shadow: 4px 4px 30px #130507; box-shadow: 4px 4px 30px #130507; -moz-transition: top 800ms; -o-transition: top 800ms; -webkit-transition: top 800ms; transition: top 800ms; } .p_content { box-sizing: border-box; font-size: 23px; padding: 17px; text-align: center; width: 100%; } .p_content ul { list-style: outside none none !important; margin: 0; padding: 0; box-sizing: border-box; } .p_content ul:after { clear: both; display: block; content: ""; } .p_content ul li { list-style: outside none none !important; margin: 0 0 10px; padding: 0; float: left; width: 100%; box-sizing: border-box; } .p_content ul li input[type="submit"], .p_content ul li input[type="button"] { border: 1px #ccc solid; height: 45px; width: 179px; font-size: 26px; padding: 0 18px 0 0; background-position: 92% 50%; background-size: 13px; font-family: "Arial"; } .p_content ul li input[type="text"], .p_content ul li input[type="email"], .p_content ul li input[type="phone"], .p_content ul li input[type="tel"] { font-size: 20px; font-family: "Montserrat"; } .p_content ul li textarea { font-family: "Arial"; font-weight: normal; font-style: normal; padding: 10px 18px !important; border: 1px #ccc solid; height: 150px; padding: 10px; width: 100%; box-sizing: border-box; font-size: 20px; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; } .p_content select { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family: "Arial"; color: #666; background-position: 96% 50%; padding: 0 20px !important; } .p_content ul li.submitScn input[type="submit"], .p_content ul li.submitScn input[type="button"], .p_content ul li.submitScn button { position: static !important; margin: 0 auto !important; font-family: "Montserrat"; } .p_close { float: right; width: 15px; height: 14px; margin: 11px 10px 0 0; background: url(images/popup_close.png); } .js__popup { } .js__p_start { } .js__p_close { } .js__p_body, .js__p_body2 { background: rgba(0, 0, 0, 0.9); bottom: 0; height: 100%; left: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 999; } .js__slide_top, .js__slide_top2 { height: 0; overflow: hidden; top: 0; } .js__fadeout, .js__fadeout2 { height: 0; overflow: hidden; opacity: 0; } .qtTitl.QkFrm { font-size: 28px; margin: 0 0 13px; line-height: 40px; } .contTl { font-size: 24px; font-weight: 600; padding-bottom: 15px; } .popup .wpcf7-not-valid-tip { line-height: 47px; } /*Popup Ends*/ a.js__p_start { background: url(images/white-arrow.png) no-repeat 95% 50% #fc0001; color: #fff; padding: 7px 34px 7px 14px; display: inline-block; border-radius: 22px; text-decoration: none; text-transform: uppercase; border: 3px #fc0001 solid; } a.js__p_start:hover { background: url(images/red-arrow.png) no-repeat 95% 50% #fff; color: #000; } .p_anch { text-align: center; } .chosen-container { width: 100% !important; } .searchForm .chosen-container-single .chosen-single { height: 40px !important; line-height: 25px !important; padding: 5px 0 0 8px !important; } .chosen-container-single .chosen-single span { color: #000 !important } .searchForm .chosen-container-single .chosen-single div b { background-position: 0 11px !important; } /*###############################*/ section.innerDiv2 .contLft { width: 100% !important; min-height: 300px; padding-bottom: 30px; } section.innerDiv2 .contLft .searchForm { padding: 20px 30px; margin: 0 auto; max-width: 1000px; } section.innerDiv2 .contLft .searchForm .woof_container { display: inline-block; width: 31%; } section.innerDiv2 .contLft .searchForm .woof_submit_search_form_container { clear: none; display: inline-block; margin-bottom: 0 !important; } section.innerDiv2 .contLft .searchForm .woof_submit_search_form_container button {width: 240px; position: static; margin: 39px 8px 0; font-size: 20px; height: 50px; border-radius: 10px; background-size: 14px; background-position: 90% 50%; } section.innerDiv2 .contRgt { width: 100% !important; } /*###############################*/ .nowTrucking.newsec_home { background: #fff; } .nowTrucking.newsec_home:before { display: none; } .nowTrucking.newsec_home .newClsSearch .resultListed > ul > li { width: 25%; } .ftSc3Sub p { margin-bottom: 10px; } .licsec { text-transform: uppercase; } .flotsocial { position: fixed; right: 0; top: 50%; height: 174px; margin-top: -85px; width: 40px; z-index: 9; } .flotsocial a { width: 40px; background-position: 0 center; height: 40px; display: block; margin: 0 !important; background-size: 42px; background-color: #fff; } .flotsocial a:hover { width: 49px; margin-left: -7px !important; } .flotsocial a.fb { background-image: url(images/facebookIcon.png) } .flotsocial a.tw { background-image: url(images/twitterIcon.png) } .flotsocial a.gp { background-image: url(images/googlePlusIcon.png) } .flotsocial a.insta { background-image: url(images/instagramIcon.png) } .searchResult.newClsSearch .readmore { width: auto; max-width: fit-content; padding-right: 62px; padding-left: 31px; margin-top: 0; margin-bottom: 31px; } .paylist .ftrTitl { color: #fff; font-size: 20px; text-transform: uppercase; padding: 0; } .licsec p { color: #ed1f24; font-weight: 600; } .dealerlic{color: #ed1f24;} .flotsocial li:last-child a { border-radius: 0 0 0 6px; } .flotsocial li:first-child a { border-radius: 6px 0 0 0; } .notFound.linksButtons li:last-child a.noprod {height: auto !important;font-size: 16px;padding: 3px 28px 3px 14px;line-height: 40px;background-size: 8px;} .noprodmain #san { height: auto; } a.at-icon-wrapper.at-share-btn.at-svc-google_plusone_share { display: none; } .sprsltbtn li:last-child { margin-top: 13px; } @media only screen and (min-width:1921px) { .banner { background-size: cover !important; } } @media only screen and (min-width:1367px) { .banner { background-size: 1920px auto !important; } } @media only screen and (min-width:1025px) { .contLft { width: 30% !important; } .contRgt { width: 67% !important; } .newClsSearch .paginationSc { padding: 22px 0 !important; } .newClsSearch ul.products { padding-top: 23px !important; } .newClsSearch .resultListed > ul > li { float: left; width: 25%; padding: 0 15px !important; margin-bottom: 20px; border: none; } .newClsSearch .resultImg { width: 100%; overflow: hidden; float: left; text-align: center; border-left: 1px #ccc solid; border-right: 1px #ccc solid; border-top: 1px #ccc solid; padding-top: 10px; padding-left: 8px; padding-right: 8px; } .newClsSearch .resultRgt { float: right; width: 100%; padding-top: 11px; border-left: 1px #ccc solid; border-right: 1px #ccc solid; border-bottom: 1px #ccc solid; padding: 15px 9px 15px; margin-bottom: 30px; } .newClsSearch .resultTitl { font-weight: 600; height: 67px; font-size: 18px !important; line-height: 25px !important; margin-bottom: 0 !important; text-align: center !important; } .newClsSearch .resuDetls { width: 100%; float: left; } .newClsSearch .resuDetls p { font-size: 16px !important; color: rgba(100,99,98,1); font-weight: 400; margin: 0 0 5px; } .newClsSearch .stock { font-size: 21px !important; font-weight: 700; padding: 0 0 10px !important; display: block; color: #00725b; } .newClsSearch .resWALogo { float: none; width: 100%; text-align: center; padding-top: 0px !important; max-width: 100%; margin: 0 auto; clear: both; border: none !important; } .newClsSearch .callResult { font-weight: 700; text-transform: uppercase; font-size: 14px !important; padding: 11px 0 0; } } @media screen and (min-width: 875px) { nav > ul > li:before { content: ""; position: absolute; width: 1px; height: 20px; background: #fff; right: -1px; top: 5px; } nav > ul > li:last-child:before { background: none !important; } /*Menu*/ a.menu-link { display: none; } .js .menu, .js .menu > ul ul { max-height: none; overflow: visible; } .js .menu > ul li:hover > ul { display: flex; } .menu ul { float: right; margin: 0; padding: 0; } nav > ul > li:last-child { padding-right: 0; } .menu > ul > li > a { position: relative } .menu span.has-subnav { width: 20px; height: 10px; background: url(images/dpDownArrow.png) no-repeat center bottom; background-size: 100%; position: absolute; right: 7px; top: 11px; text-indent: -9999px; } .menu ul ul { border-radius: 0px 0px 5px 5px; border-bottom: solid 1px transparent; display: none; height: auto; overflow: hidden; padding: 9px 0 0; position: absolute; text-align: right; right: 0; top: 30px; width: 245px; z-index: 999; } .chrome .js .menu > ul ul { top: 43px; } .menu ul ul.wide { width: 300px; } .menu ul ul li { border-bottom: solid 1px #d00201; display: inline-block; position: relative; background: #fe0100; } .menu ul ul li:hover { border-bottom: solid 1px #6f6f6f; background: #8d8b8a; } .menu > ul ul li:last-child { border-bottom: none; } .menu ul ul li a { display: block; padding: 0 10px; } /*Menu ends*/ } @media only screen and (min-width : 320px) and (max-width : 480px) { body { -webkit-text-size-adjust: none; } } @media only screen and (min-width : 320px) and (max-width : 560px) { body { -webkit-text-size-adjust: none; } } @media only screen and (min-width : 375px) and (max-width : 667px) { body { -webkit-text-size-adjust: none; } } @media only screen and (min-width : 480px) and (max-width : 767px) { .aniPos { position: absolute; } .aniPos .topCall { height: auto; opacity: 1; overflow: hidden; } .aniPos .logo { margin-top: 7px; width: 265px; float: left; } nav.menu.active1 { max-height: 300px !important; overflow-y: auto; } } @media only screen and (max-width:1790px) { .ftrTop { padding: 73px 42px 53px; } .needHelp { font-size: 21px; line-height: 30px;} li.ftCall > a { padding-left: 50px; } li.ftrCall2 a { padding-left: 50px; } li.ftCall > a:before, li.ftrCall2 a:before { left: 0; } li.ftCall small { padding-top: 2px; } .wid { padding: 0 15px; width: 100%; max-width: 100%; } header .wid, section.brandSlider .wid, section.midCust .wid, section.nowTrucking .wid { max-width: 100%; } .banner .wid { max-width: 100%; padding: 21px 15px 74px; } .contcSectn .searchForm:before { width: 126px; background-size: 100%; right: 0; height: 155px; top: -92px; } .contcSectn .searchForm:before { width: 88px; height: 111px; top: -68px; } .banInBtm small.inlnBlck { margin-top: 20px; } } @media only screen and (max-width:1550px) { .menuD { padding: 0 0px 0px 52px; } .banner h1 { font-size: 64px; } .banner small { font-size: 30px; } h2, h3, h4, h5, h6 { font-size: 50px; } .customer { padding-left: 35px; padding-right: 40px; } .matches, .sortCls { font-size: 24px; } .sortSelect select { font-size: 15px; } } @media only screen and (max-width:1445px) { .menu li a { font-size: 16px; } .gtinTch { margin-left: 50px; } .brandBx { margin: 0 4%; } .truckingImg { width: 250px; height: 250px; } .nowTrLnk { font-size: 24px; } .copyRight small { padding: 21px 0px 0 72px; } li.ftCall small a { font-size: 32px; } .banner h1 { font-size: 40px; line-height: 48px; margin-bottom: 14px; } .banner h1 .ph,.banner h1 .ph1{color:#fff;} .banner { padding-top: 140px; background-size: 120%; } .logo { margin: 15px 0 0; } .menuD { margin-top: 49px; } .callTop { margin-top: 19px; } .contcSectn .gtinTch li .ph, .contcSectn .gtinTch li .ph1 { line-height: 30px; font-size: 14px; margin-top: 6px; } .contcSectn .gtinTch li a { line-height: 6px; } .relatedImgs small .ph,.relatedImgs small .ph1 { font-size: 40px; line-height: 0; margin-top: 32px; } .phinner .ph,.phinner .ph1 { display: inline-block; margin-right: 12px; } } @media screen and (max-width:1366px) { .resultTitl { margin-bottom: 15px; font-size: 16px; height: 48px; } section.nowTrucking { padding: 40px 0; } .copy, .copy a, .copyRight small a, .copyRight small { font-size: 18px; } .menuD { padding: 0 0px 0px 35px; } .resuDetls p { font-size: 22px; } .stock { font-size: 22px; padding: 0px 0; } .resultTitl {/* margin-bottom: 15px; font-size: 22px;*/ } } @media screen and (max-width:1330px) { .customer { padding-top: 37px; } section.leadingAutoWrecker { padding: 60px 0 38px; } .brandTitl { font-size: 26px; line-height: 38px; } .brandBx small { font-size: 15px; font-weight: 400; } .matches, .sortCls { font-size: 17px; } .sortSelect { width: 53%; } .woof_submit_search_form_container button { width: 260px; height: auto; font-size: 37px; background-size: 13px; padding-right: 36px; margin-left: -130px; } .contLft .qtTitl { font-size: 32px; line-height: 58px; } .banner small img { width: 56px; } .callResult { font-size: 22px; } .resWALogo small { font-size: 17px; line-height: 19px; } .srchEmail { font-size: 10px; } a.nextPag, a.prevPag, a.nextArrow, a.prevArrow, .paginationSc ul { font-size: 18px; } .ftrAddre li { line-height: 26px; font-size: 17px; } .ftSc2 li a, .ftSc3 a { font-size: 20px; line-height: 23px; } li.ftCall small { padding-top: 10px; padding-left: 51px; } .copyRight small { padding: 6px 0px 0 47px; } .copy { margin: 5px 0 0; } .copy, .copy a, .copyRight small, .copyRight small a { font-size: 21px; } .social li a, .socialFtr li a { background-size: 100%; } .social li, .socialFtr li { height: 44px; width: 44px; margin-right: 0; } .social { width: auto; } .needHelp { font-size: 20px; line-height: 55px; } .needHelp small { font-size: 35px; } a.logo { margin-top: 20px; font-size: 23px; background-size: 64px; padding-top: 4px; padding-left: 80px; width: 217px; padding-bottom: 8px; } .menuD { margin-top: 33px; } .callTop { margin-top: 10px; } .cvrRvRgt p, html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { font-size: 18px; line-height: 33px; } .banner h1 { font-size: 55px; } .cont_Lft h2, .cont_Lft h3, .cont_Lft h4, .cont_Lft h5, .cont_Lft h6 { font-size: 36px; line-height: 44px; } .custDscr { font-size: 36px; line-height: 55px; } .custDscr:before, .custDscr:after { width: 45px; height: 55px; background-size: 100%; } .custDscr:after { bottom: -48px; } .custDscr:before { top: -46px; left: 0; } section.midCust { padding: 50px 0 58px; } section.bottContact .wid:before { width: 436px; height: 467px; } } @media screen and (max-width:1200px) { .paginationSc ul li a, span.page-numbers.current { width: 50px; height: 50px; padding: 4px 0 0; } a.next.page-numbers, a.prev.page-numbers, a.next.page-numbers:hover, a.prev.page-numbers:hover { background-size: 15px; } .banner h1 { font-size: 48px; } h2, h3, h4, h5, h6 { font-size: 63px; } .banner.contactBanner .wid { padding-left: 362px; background-position: 3% 0; } .banner { padding-top: 113px; } .qtTitl { font-size: 30px; line-height: 40px; } } @media screen and (max-width:1184px) { .needHelp { font-size: 18px; } .newClsSearch .resultListed > ul > li, .nowTrucking.newsec_home .newClsSearch .resultListed > ul > li { width: 33.33%; } .aniPos .menuD{padding: 0 0px 0px 0px;} } @media screen and (max-width:1090px) { .contactPage .gtinTch li small {font-size: 18px;} .contcSectn .cont_Rgt { width: 34%; } .aniPos .callTop { margin-top: 0; width: 259px; } .aniPos .callTop small a { font-size: 13px; } .contcSectn .cont_Lft { width: 65%; } .contcSectn .gtImg { padding: 0 59px; } .contcSectn .gtinTch li:nth-child(2) a, .contcSectn .gtinTch li:nth-child(3) a { font-size: 14px; } .contcSectn .gtinTch li:first-child a { font-size: 15px; } .capmembr { text-align: center; } .notFound.linksButtons li a { font-size: 20px; } .brandBx { padding: 25px 8px 35px; } section.leadingAutoWrecker { padding: 60px 0 28px; } .custDscr { font-size: 30px; line-height: 41px; } .ratng img { margin: 0 6px; } .detailsPage .resuDetls { width: 50%; } .detailsPage .resWALogo { width: 48%; } .contLft .qtTitl { font-size: 27px; line-height: 36px; } .resuDetls { width: 100%; } .resWALogo { width: 100%; padding: 8px 0; margin-top: 10px; text-align: center; } .cont_Lft { width: 68%; } .contactPage .gtinTch { max-width: 100%; } /*.aniPos .callTop { width: 160px; }*/ /*.aniPos .callTop small a { padding-left: 41px; font-size: 18px; }*/ .aniPos .callTop > a { font-size: 14px; line-height: 22px; padding-top: 3px; } .brandTitl { font-size: 23px; } .brandBx small { font-size: 14px; margin-bottom: 8px; } a.more { font-size: 15px; } .ftSc1 { width: 100%; } .ftSc1 > a { float: right; } ul.ftrPhone { float: left; } .ftrAddre { clear: both; } .ftrAddre li { float: left; width: 50%; } .ftrAddre li:last-child { text-align: right; } .ftrAddre { clear: both; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px #ccc solid; } .ftrRgt { width: 100%; padding-left: 0; } .ftrBrnds { margin: 0; } .needHlpCvr { padding-top: 14px; margin-top: 20px; border-top: 1px #ccc solid; } .ftrTitl { font-size: 25px; line-height: 26px; padding-bottom: 7px; margin-bottom: 12px; } ul.sub-menu a { font-size: 12px !important; } .aniPos ul.sub-menu a { font-size: 11px !important; } .menu li a { font-size: 13px; } .ftSc2 li a, .ftSc3 a { font-size: 20px; line-height: 19px; } .ftSc2 li, .ftSc3 li { margin-bottom: 7px; line-height: 25px; } .ftSc4 a { background-size: 72px; padding-top: 80px; font-size: 26px; line-height: 27px; } li.ftCall small { padding-top: 0; padding-left: 20px; } .ftrBrnds li { width: 22%; } .ftrBrnds li img { max-width: 100%; } section.bottContact .wid:before { width: 300px; height: 322px; } .leadingAutoWrecker h2 { font-size: 50px; line-height: 60px; } .truckingImg { width: 200px; height: 200px; } .nowTrLnk { font-size: 20px; } small.nowtruck { font-size: 26px; } } @media screen and (max-width:1040px) { .banner { height: auto; } .banStar > img { width: 48px; } .banInBtm { color: #f00; font-family: "Roboto"; font-size: 25px; font-weight: 300; padding: 32px 0 0; } .flotsocial { display: none !important; } } @media screen and (max-width:1024px) { .linksButtons a { font-size: 23px; } .infoBX { display: none !important } .newClsSearch .resultListed > ul > li { float: left; width: 33.33%; padding: 0 15px !important; margin-bottom: 20px; border: none; } .newClsSearch .resultImg { width: 100%; overflow: hidden; float: left; text-align: center; border-left: 1px #ccc solid; border-right: 1px #ccc solid; border-top: 1px #ccc solid; padding-top: 10px; padding-left: 8px; padding-right: 8px; } .newClsSearch .resultRgt { float: right; width: 100%; padding-top: 11px; border-left: 1px #ccc solid; border-right: 1px #ccc solid; border-bottom: 1px #ccc solid; padding: 15px 9px 15px; margin-bottom: 30px; } } @media screen and (max-width:1023px) { .resultTitl { display: block; line-height: 22px; } .resultTitl {/*display: none;*/ } .resultRgt .resultTitl { display: block; } } @media screen and (max-width:995px) { .contcSectn .gtImg { padding: 0 27px 12px; } section.innerDiv2 .contLft .searchForm .woof_submit_search_form_container button { height: 40px; background-size: 10px;} section.innerDiv2 .contLft .searchForm .woof_submit_search_form_container{width:75%;} section.innerDiv2 .contLft .searchForm .woof_submit_search_form_container button { margin: 19px 0 0; } .resultRgt .resultTitl { display: block; height: 61px; line-height: 23px; } .callResult { font-size: 20px; } .qtResult a.js__p_start { font-size: 13px; padding: 0 29px 0 14px; line-height: 25px; background-size: 7px; } .detailsPage .resuDetls { width: 100%; } .detailsPage .resWALogo { width: 100%; text-align: center; } .sclTil { text-align: center; padding-left: 0; } .addthis_sharing_toolbox { display: inline-block; float: none; margin-left: 0; } .addthis_inline_share_toolbox_2jk2.addthis_tool, .instaToo { display: inline-block; float: none; } .instaToo { margin-left: -5px; } .notFound.linksButtons li a { font-size: 14px; padding-left: 18px; padding-right: 31px; } .notFound.linksButtons li:first-child a { padding-left: 35px !important; background-size: 18px; } ul.listng.threeCol li { width: 50%; } a.logo { font-size: 17px; width: 181px; } .wpcf7-not-valid-tip { font-size: 15px !important; line-height: 45px; } .resuDetls p { font-size: 17px; } .paginationSc ul li a, span.page-numbers.current { width: 40px; height: 40px; padding: 1px 0 0; line-height: 26px; } a.next.page-numbers, a.prev.page-numbers, a.next.page-numbers:hover, a.prev.page-numbers:hover { background-size: 10px; } .stock { font-size: 18px; } .stock img { width: 20px; display: inline-block; vertical-align: middle; margin-bottom: 3px; } .resultTitl { margin-bottom: 8px; font-size: 17px; } .woof_container select { height: 40px; font-size: 21px; } .contLft { width: 38%; } .contRgt { width: 60%; } .matches, .sortCls { font-size: 14px; } .aniPos .logo { width: 250px; font-size: 16px; } /*.aniPos .callTop { width: 160px; } .aniPos .callTop small a { padding-left: 41px; font-size: 18px; }*/ .aniPos .callTop > a { font-size: 14px; line-height: 22px; padding-top: 3px; } .cont_Rgt .qtTitl { font-size: 30px; } .cont_Rgt .searchForm input[type="text"], .cont_Rgt .searchForm input[type="tel"], .cont_Rgt .searchForm input[type="phone"], .cont_Rgt .searchForm input[type="email"], .cont_Rgt .searchForm select { height: 46px; border-radius: 9px; font-size: 20px; } .cont_Rgt textarea { height: 80px; font-size: 20px; } .cont_Rgt .searchForm li label { font-size: 18px; line-height: 20px; } .cont_Rgt .searchForm ul { padding: 0px 0 0; } .contactBanner .banner h1 { font-size: 43px; } .banner.contactBanner .wid { background-size: 148px; background-position: 15px 0; padding: 19px 0 35px 192px; } .contactPage .gtinTch > small { font-size: 19px; } .contactPage .gtinTch li:nth-child(2) a, .contactPage .gtinTch li:nth-child(3) a { font-size: 12px; } .gtinTch li small { font-size: 15px; padding-top: 0; line-height: 22px; } a.bgNmbr { font-size: 15px; } a.smNmbr { font-size: 13px; line-height: 12px; } .gtImg img { max-width: 76px; } .gtTtitl { font-size: 25px; } .banner.contactBanner h1 { font-size: 43px; line-height: 50px; margin-bottom: 14px; } .cont_Lft { width: 64%; } .cont_Rgt { width: 35%; } .innerpage { margin-top: 0px; } .logo { width: 230px; } .banner { background-attachment: inherit; background-size: cover; } h1 { font-size: 33px; } /*.callTop small a { font-size: 20px; }*/ .callTop > a { font-size: 16px; } /*.callTop { width: 170px; }*/ .banner h1 { font-size: 43px; } .banner small { font-size: 25px; } .banInBtm { font-size: 20px; font-weight: 500; } .paginationSc ul li { padding: 0 3px; } .paginationSc { padding: 20px 0; } } @media screen and (max-width:874px) { .needHelp { text-align: right; } .needHelp small { text-align: right; } .linksButtons a { font-size: 13px; } .sortSelect { width: 100%; } .ftSc3 { text-align: right; } .wreckinglnk.current_page_item a, .wreckinglnk.current-menu-item a { border-color: #bfbfbf !important; } a.dtlPhone { max-width: 367px; font-size: 47px; } .matches, .sortCls { font-size: 13px; } .contLft .qtTitl { font-size: 25px; line-height: 36px; } .searchForm .woof_container label { font-size: 21px; line-height: 20px; } .aniPos a.menu-link { top: 26px; } a.logo { padding-top: 18px; padding-left: 80px; padding-bottom: 18px; width: auto; } .social { width: auto; float: none; clear: both; text-align: center; padding: 10px 0 0; } .copy, .copy a, .copyRight small, .copyRight small a { display: inline-block; float: none; font-size: 17px !important; } .copyRight { text-align: center; } section.bottContact .wid { padding-bottom: 333px; } section.bottContact.innerCon .wid { padding-bottom: 20px; padding-top: 20px; } section.bottContact .wid:before { left: 50%; right: inherit; margin-left: -150px; } .customer { width: 100%; padding: 21px 7px 30px; } .rgtReview { padding: 33px 0 0; border-left-width: 0; border-top: 19px #000 solid; width: 100%; } ul.nowTruckList li { width: 50%; padding: 0 0 35px; } .contentarea { width: 100%; } .imgarea { width: 100%; } ul.nowTruckList { padding: 26px 102px 0; } .nowTrLnk { font-size: 20px; font-weight: 700; padding-top: 10px; } h2, h3, h4, h5, h6 { font-size: 50px; } small.nowtruck { font-size: 20px; } .leadingAutoWrecker h2 { font-size: 41px; line-height: 60px; } .ftSc1 > a { float: none; margin: 0 auto 0; display: block; clear: both; } li.ftrCall2 a { padding-left: 50px; display: inline-block; } ul.ftrPhone { float: left; margin-bottom: 30px; width: 100%; text-align: center; } .ftrSitemap > li { margin-bottom: 10px; } .copy, .copy a { font-size: 15px; } .menu.active1 { right: 0; } .aniPos .menu { top: 75px; } .aniPos .menu li a { font-size: 16px; padding: 6px 10px; } .menu { z-index: 999999 !important; right: 0; margin: 0 0 0 !important; position: absolute; top: 90px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; width: 100%; } a.menu-link { float: right; position: absolute; right: 15px; top: 41px; } .callTop { margin-right: 60px; } .menuD { margin-top: 0; } .menu, .menu > ul ul { margin: 0; max-height: 0; overflow: hidden; } .menu li a { border-bottom: 1px solid #bfbfbf; display: block; padding: 5px 15px; } .menu li li a { padding-left: 50px; } .menu li:last-child a { border: none; } .menu li li:last-child a { border-bottom: 1px solid #074373; } .menu li:hover { background: #ff0000; } .menu li:hover > a { color: #fff; } .current_page_item a:hover, .current_page_item li a:hover, .current-menu-item a:hover { color: #ffff !important; } /*Menu Ends*/ .navigate .menu-item-has-children > span { display: block; right: 2%; position: absolute; width: 40px; height: 40px; background: url(images/dpDownArrow.png) no-repeat center center; top: 8px; cursor: pointer; } .navigate .menu-item-has-children:hover > ul { display: none; } .menu ul li { background: #8d8b8a; display: block; float: left; padding: 0 0; width: 100%; } .sub-menu { float: left; margin: 0; padding: 0; position: inherit; top: inherit; width: 100% !important; } .sub-menu li { width: 100%; padding: 0%; } .menu li a { font-size: 20px; } .sub-menu li a { border-bottom: 1px solid #074373 !important; font-size: 17px !important; padding: 0px 32px !important; width: 100%; } .sub-menu ul li { background: none repeat scroll 0 0 #666; display: block; padding: 16px 10px; } .sub-menu .sub-menu { float: left; position: static; padding: 0; margin: 0; } .sub-menu .sub-menu li { padding: 0; margin: 0; } .sub-menu .sub-menu li a { padding-left: 9%!important; background: #414141; } .sub-menu .menu-item-has-children a { background-image: none; } .sub-menu .menu-item-has-children a:hover { background-image: none; } .sitmpee .sub-menu li a { background-position: 0 1px; font-size: 16px !important; line-height: inherit !important; padding: 0 22px !important; } .sitmpee .sub-menu li a:hover { background-position: 0 1px !important; } .sitmpee li a { font-size: 16px; background-position: 0 8px; } .sitmpee li a:hover { font-size: 16px; background-position: 0 2px; } } @media only screen and (max-width:767px) { .contcSectn .searchForm .qtTitl { font-size: 24px; line-height: 41px; margin-bottom: 12px; } .contcSectn .cont_Lft { width: 100%; } .contcSectn .cont_Rgt { width: 100%; margin-bottom: 30px; } .cont_frl_left { clear: both; } .contcSectn .gtImg { padding: 0 0 12px; } .cont_Lft .bwrap a { padding: 3px 37px 3px 14px; } .bwrap .bttle { font-size: 24px; margin-bottom: 16px; line-height: 29px; } .searchResult.newClsSearch .readmore { font-size: 19px; height: auto; padding: 9px 37px 9px 13px; line-height: 23px; } .newClsSearch .resultListed > ul > li, .nowTrucking.newsec_home .newClsSearch .resultListed > ul > li { width: 50%; } .resultImg { max-width: 100%; margin-bottom: 0; } .resultTitl { margin-bottom: 8px; font-size: 13px; line-height: 18px; } section.innerDiv2 .contLft .searchForm .woof_container{ width: 46%; } section.innerDiv2 .contLft .searchForm .woof_submit_search_form_container { width: 100%; } section.innerDiv2 .contLft .searchForm .woof_submit_search_form_container button { font-size: 15px; } .woof_container select { height: 40px; font-size: 14px; } .resultRgt .resultTitl { height: 49px; line-height: 23px; font-size: 14px; } .callResult { font-size: 17px; } .newClsSearch .resultListed > ul > li { width: 50%; } .searchResult.newClsSearch { margin-top: 20px; } .popup, .popup2 { width: 90%; margin-left: -45% !important; } .ftSc3Sub { width: 100%; float: left; } .ftSc3Sub p { color: #fff; font-size: 12px; line-height: 19px; } .disClm { font-size: 13px; line-height: 19px; padding: 12px 0 0; } a.menu-link { top: 34px; } a.logo { margin-top: 10px; margin-bottom: 10px; } .banner.inneBanner { padding-top: 110px; background-position: 0; } .brandBx { padding: 10px 8px 9px; } a.next.page-numbers:hover { background-size: 10px; } .paginationSc { padding: 20px 0; } .paginationSc ul li a, span.page-numbers.current { width: 25px; height: 25px; padding: 1px 0 0; border-width: 3px; font-size: 12px; line-height: 15px; background-size: 10px; } .paginationSc ul li { padding: 0 2px; } .cont_Lft h2, .cont_Lft h3, .cont_Lft h4, .cont_Lft h5, .cont_Lft h6 { font-size: 25px; line-height: 34px; } a.dtlPhone { max-width: 287px; font-size: 40px; background-size: 29px; padding-left: 36px; line-height: 40px; } .relatedImgs small { font-size: 20px; line-height: 32px; } .relatedImgs li { width: 28%; } .detailsPage .resuDetls { width: 100%; } .detailsPage .resWALogo { width: 100%; } .breadCrums li, .breadCrums li a { font-size: 12px; } .breadCrums li:after { right: 4px; top: 9px; width: 14px; height: 14px; background-size: 100%; } .breadCrums li { padding-right: 23px; margin-right: 9px; } .inneBanner h1 { line-height: 30px !important; font-size: 30px !important; } .buttonFixed li a { padding: 2px 11px; font-size: 14px; height: 25px; border-radius: 0 0 11px 11px; line-height: 21px; } .contLft { width: 100%; } .contRgt { width: 100%; } .contLft .searchForm { margin-bottom: 65px; } .resultImg { width: 100%; max-width: 100%; margin: 0 auto 15px; float: none; } .resultRgt { float: right; width: 100%; text-align: center; } .pInstructions { font-size: 11px; } .matches, .sortCls { font-size: 16px; text-align: center; width: 100%; } .sortSelect { width: 100%; } .contactPage a.bgNmbr { font-size: 18px; } .contactPage .gtinTch li small { font-size: 14px; } .contactPage a.smNmbr { font-size: 18px; line-height: 20px; } .contactPage .gtinTch li:nth-child(2) a, .contactPage .gtinTch li:nth-child(3) a { font-size: 11px; } section.findcarParts { padding: 54px 0 63px; } .banner:after { width: 100px; height: 60px; background-size: 100%; background-position: center bottom; bottom: -58px; margin-left: -50px; } .contactImg { max-width: 200px; margin: 0 auto; clear: both; } .cont_Rgt .searchForm { display: block; margin: 0 auto 130px; float: none; } .banner.contactBanner .wid { background-size: 94px; background-position: center 1%; padding: 60px 50px 20px; } .banner.contactBanner h1 { font-size: 31px; } .cont_Rgt { padding-top: 0; } .contactPage .gtinTch li { width: 33.33%; margin-bottom: 30px; border: none; } .contactPage .gtinTch { margin-left: 0; max-width: 100%; background: none; float: right; width: 100%; } .phoneMobile { position: fixed; right: 15px; bottom: 50px; width: 35px; height: 35px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border: 1px #fff solid; background: rgb(254, 0, 0) url(images/call-mobile.png) no-repeat center center; display: block; overflow: hidden; text-indent: -9999px; z-index: 9; } .nowTrucking > .wid > small.nowtruck { max-width: 100%; } .nowTrucking > .wid > small { max-width: 74px; margin: 0 auto; } .truckingImg { width: 150px; height: 150px; } ul.nowTruckList { padding: 26px 20px 0; } .banInBtm { max-width: 100%; margin: 0 auto; font-size: 19px; padding-top: 0; } .banInBtm a { display: block; font-size: 30px; color: #fff; padding-bottom: 0; border: none; font-weight: 300; } .banner h1 { text-align: left; line-height: 68px; max-width: 448px; min-height: 85px; } .banner.inneBanner h1 { min-height: auto; width: 100%; text-align: center; max-width: inherit; margin-top: 34px; } .innerpage { margin-top: 0; } .callTop, .aniPos .callTop > a { display: none; } .aniPos .callTop { display: none; } .copyRight small { padding-left: 0; display: block; } .ftrBrnds { margin: 0; width: 100%; text-align: center; } .ftrBrnds li { width: 25%; display: inline-block; } .needHelp { text-align: center; width: 100%; padding: 15px 0 0; border-top: 1px #ccc solid; margin-top: 20px; display: none; } .gtImg { border-right: 0px #f00 solid; } .gtinTch li:nth-child(2) a, .gtinTch li:nth-child(3) a { font-size: 22px; } .gtImg { margin: 0 auto; width: 80px; } .gtinTch li { float: left; width: 100%; margin-bottom: 10px; padding-bottom: 20px; border-bottom: 1px #ccc solid; } .gtinTch li:last-child { border-bottom: 0px #ccc solid; } .gtTtitl { font-size: 23px; line-height: 30px; } .gtinTch > small { font-size: 17px; line-height: 30px; } .gtinTch { margin-left: 0; } .needHelp small { text-align: center; } .ftrAddre li { text-align: center !important; width: 100%; line-height: 30px; font-size: 18px; } .ftrTop { padding: 25px 0; } .ftrRgt { text-align: center; } li.ftCall small { padding-top: 5px; } .ftSc3, .ftSc2 { display: inline-block; float: none; width: 100%; text-align: center !important; } .ftSc2 li a, .ftSc3 a { font-size: 16px; line-height: 19px; } .ftrTitl { min-width: 114px; } .ftSc4 { clear: both; margin: 0 auto; float: none; padding: 20px 0 0; width: auto; } .ftSc4 a { padding-left: 64px; display: inline-block; background-position: 0 50%; padding-top: 20px; padding-bottom: 20px; background-size: 51px; margin-top: 0; } .gtinTch li { width: 100%; margin-bottom: 30px; } .slideCvr { padding: 41px 0 0; } h1 { font-size: 28px; } h2, h3, h4, h5, h6 { font-size: 25px; line-height: 38px; } .findcarParts h2 { font-size: 38px; line-height: 45px; } section.findcarParts small { font-size: 20px; line-height: 31px; font-weight: 400; } .custDscr { font-size: 31px; line-height: 43px; } a.smNmbr { font-size: 26px; line-height: 38px; } a.bgNmbr { font-size: 28px; } .gtinTch li small { font-size: 26px; line-height: 30px; } .cont_Rgt, .cont_Lft { width: 100%; } .services { padding: 3px 0 20px; } .testCont > p { height: 121px; overflow: hidden; } .testImg { display: block; float: none; margin: 0 auto; } .testCont { width: 100%; } .copy { text-align: center; width: 100%; } .blTestInnr > p { font-size: 22px; line-height: 35px; margin-bottom: 20px; } header { background-color: rgba(0, 0, 0, 1); } .logo { display: block; float: none; margin: 0 auto; } .banner { background-size: 100%; background-image: url(images/banner-image-mobile.jpg); margin-top: 0; padding-top: 100px; background-position: center 347px; } .banner > .wid > small { display: none; } .inneBanner > .wid > small { display: block; } .shreUs { display: none; } .addthis_sharing_toolbox { margin-left: 0; } .bkmrk { display: none !important; } } @media only screen and (max-width:600px) { #san .notFound.linksButtons li:first-child a, #san .notFound span { font-size: 18px;} #san { width: 100%;}} @media only screen and (max-width:479px) { .contcSectn .gtinTch li { height: auto; } .inneBanner h1 { line-height: 30px !important; font-size: 26px !important; } .bwrap .bttle a{font-size:20px;} .newClsSearch .resultListed > ul > li, .nowTrucking.newsec_home .newClsSearch .resultListed > ul > li { width: 100%; } .resultTitl { margin-bottom: 8px; font-size: 13px; line-height: 22px; height: auto; } .resultRgt .resultTitl { height: auto; line-height: 23px; font-size: 17px; } section.innerDiv2 .contLft .searchForm .woof_container, section.innerDiv2 .contLft .searchForm .woof_submit_search_form_container { width: 100%; } section.innerDiv2 .contLft .searchForm .woof_submit_search_form_container button { margin-top: 0; } .newClsSearch .resultListed > ul > li { width: 100%; } .resultImg { max-width: 100%; } table.table { width: 479px; } .tblCls { overflow: auto; padding-bottom: 30px; } .linksButtons li { text-align: center; margin-bottom: 11px; } section.innerDiv2 .contLft .searchForm .woof_submit_search_form_container button{width: 100%; margin-bottom: 8px;} .linksButtons { text-align: center; } .banner.inneBanner h1 { margin-top: 74px; } section.banner.inneBanner .wid { padding: 1px 0 52px; } section.banner.inneBanner.contactBanner .wid { padding: 100px 20px 30px; } .gtinTch a { display: block; margin-bottom: 5px; } a.dtlPhone { margin-bottom: 30px; } ul.listng.threeCol li { width: 100%; } .aniPos .callTop > a { display: inline-block !important; padding-left: 10px; font-size: 19px; border-left: 1px #fff solid; } .callTop small:after { background: rgba(255,255,255,0); } .aniPos .callTop { display: block; margin: 0; width: 100%; text-align: center; padding-top: 0; } .aniPos .callTop small { display: inline-block; padding-top: 0; padding-right: 4px; } .aniPos .callTop small a { font-size: 18px; background-position: 0 50%; background-size: 21px; padding-left: 22px; } .callTop small:before { background: none; } .cont_Rgt .searchForm { margin: 0 auto 64px; } .innerpage { min-height: 440px; padding-bottom: 0; } .banner.contactBanner { padding-top: 80px; } .contactPage .gtinTch li { width: 100%; margin-bottom: 0; border: none; } .contactPage .gtinTch li:nth-child(2) a, .contactPage .gtinTch li:nth-child(3) a { font-size: 15px; } .contactPage a.bgNmbr { font-size: 24px; } .contactPage a.smNmbr { font-size: 23px; line-height: 27px; } .contactPage .gtinTch li small { font-size: 21px; } li.ftrCall2 a { font-size: 28px; } li.ftCall > a { font-size: 29px; } li.ftCall { margin-bottom: 8px; } .contactPage .gtinTch { padding: 0; } .cvrRvRgt p, html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { font-size: 18px; line-height: 29px; } ul.nowTruckList { padding: 26px 0px 0; } .truckingImg { width: 158px; height: 158px; } .nowTrLnk { font-size: 13px; font-weight: 700; padding-top: 10px; line-height: 24px; } .readmore { max-width: 295px; font-size: 21px; height: 47px; padding-top: 7px; margin-top: 0; border-radius: 24px; } section.nowTrucking { padding: 52px 0 30px; } section.leadingAutoWrecker { padding: 20px 0 20px; } .leadingAutoWrecker h2 { font-size: 35px; line-height: 46px; max-width: 300px; margin: 0 auto; } .gtinTch li:nth-child(2) a, .gtinTch li:nth-child(3) a { font-size: 20px; } .ftSc4 a { font-size: 20px; } .ftrBrnds li:first-child { padding-top: 0; } .ftrBrnds li:nth-child(3) { padding-top: 0; } .ftrBrnds li:nth-child(4) { padding-top: 0; } a.logo { padding-top: 11px; padding-left: 57px; padding-bottom: 12px; width: auto; font-size: 17px; background-size: 44px; float: left; margin-top: 17px; } .banner input[type="submit"], .banner input[type="button"], .banner button { max-width: 280px; font-size: 25px; padding-right: 33px; background-position: 93% 50%; padding-top: 9px; } .innerpage { margin-top: 0; } .blgcont > img { display: block; float: none; margin: 0 auto 18px; } .blog-post { text-align: center; } nav.menu.active1 { max-height: 420px !important; overflow-y: auto; } .menu { width: 0; top: 78px; } .aniPos .logo { margin-top: 5px; margin-bottom: 3px; } .aniPos a.menu-link { right: 15px; top: 23px; position: absolute; } .aniPos .menu { top: 60px; } .logo { width: 177px; } .banner h1 { text-align: left; line-height: 47px; font-size: 39px; max-width: 324px; } .banner { background-position: center 288px; } .banner.inneBanner { background-position: 0; } .banner.inneBanner { padding-top: 0px; margin-top: 70px; } .brandTitl { font-size: 14px; line-height: 24px; margin-bottom: 5px; } .brandBx small { font-size: 9px; margin-bottom: 8px; } a.more { width: 120px; height: 26px; font-size: 11px; padding: 2px 10px 0 0; background-position: 95% 50%; background-size: 6px; line-height: 23px; } .brandBx { margin: 0 2%; } .banner:after { width: 96px; height: 52px; bottom: -43px; background-size: 100%; margin-left: -48px; background-position: center bottom; } section.findcarParts { padding: 50px 0 50px; } .titlBrd { margin: 18px auto; } section.findcarParts small { margin: 0 auto; font-size: 20px; line-height: 29px; } section.findcarParts:before { margin-left: -49px; bottom: -27px; width: 98px; height: 43px; background-position: center bottom; } section.findcarParts:after { margin-left: -46px; bottom: -63px; width: 96px; height: 63px; background-position: center bottom; } section.brandSlider { padding: 52px 0 47px; } .custDscr { font-size: 24px; line-height: 30px; } .custAthr { font-family: "Great Vibes"; font-size: 28px; padding: 44px 0 20px 0; line-height: 39px; } .custDscr:before, .custDscr:after { width: 30px; height: 30px; } .custDscr:before { top: -30px; } .custDscr:after { bottom: -28px; right: 0; } .ratng img { max-width: 24px; margin: 0 4px; } h1 { font-size: 28px; line-height: 36px; } h2, h2, h3, h4, h5, h6 { font-size: 21px; line-height: 34px; } .listng.twoCol > li { float: left; width: 100%; } .slideCvr { padding: 35px 0 0; } .banner.contactBanner h1 { font-size: 29px; } .headmob { display: inline-block !important; width: 147px; } .callTop small { float: initial;} .banner small a{font-size:21px;} } @media only screen and (max-width:431px) { .banner.contactBanner .wid { background-size: 36%; background-position: center 18%; padding: 120px 10px 40px; } .banner.contactBanner h1 { font-size: 22px; line-height: 26px; margin-bottom: 0; } } @media only screen and (max-width:359px) { .cont_Rgt .qtTitl { font-size: 23px; } a.logo { padding-top: 11px; padding-left: 43px; padding-bottom: 11px; font-size: 16px; background-size: 38px; margin-top: 26px; background-position: 0 50%; } .aniPos .logo { margin-top: 5px; margin-bottom: 3px; padding: 8px 0 8px 41px; background-size: 35px; width: 229px; } .aniPos a.menu-link { top: 20px; } .banner h1 { line-height: 47px; font-size: 34px; max-width: 288px; } .truckingImg { width: 130px; height: 130px; } small.nowtruck { font-size: 16px; line-height: 20px; } .leadingAutoWrecker h2 { font-size: 30px; line-height: 36px; max-width: 270px; } .leadingCont p { font-size: 22px; line-height: 31px; } .leadingCont { padding: 0 0 13px; } li.ftrCall2 a { font-size: 33px; } li.ftCall > a:before, li.ftrCall2 a:before { width: 30px; height: 39px; left: 0; top: 11px; background-repeat: no-repeat; background-position: 0px 1px; background-size: 100%; } li.ftrCall2 a { padding-left: 36px; } li.ftCall > a { padding-left: 28px; font-size: 39px; } .ftrAddre li { font-size: 19px; } .ftrTop { padding: 20px 0 10px; background: #010101; } .copy, .copy a, .copyRight small, .copyRight small a { font-size: 15px !important; } section.bottContact .wid:before { display: none; } section.bottContact .wid { padding-bottom: 15px; } section.bottContact { background: #fff; } section.bottContact:after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.5); } .gtinTch li:nth-child(2) a, .gtinTch li:nth-child(3) a { font-size: 16px; } section.bottContact .wid { padding-top: 10px; } .gtinTch li:last-child { margin-bottom: 0; padding-bottom: 0; } } .notFound span{color:#000;font-size: 32px;}