/** Generated by FG **/ @font-face { font-family: 'Conv_MyriadPro-Light'; src: url('/usite/3594/font/MyriadPro-Light.eot'); src: local('☺'), url('/usite/3594/font/MyriadPro-Light.woff') format('woff'), url('/usite/3594/font/MyriadPro-Light.ttf') format('truetype'), url('/usite/3594/font/MyriadPro-Light.svg') format('svg'); font-weight: normal; font-style: normal; } /********************************** Responsive navbar-brand image CSS - Remove navbar-brand padding for firefox bug workaround - add 100% height and width auto ... similar to how bootstrap img-responsive class works ***********************************/ .navbar-brand { padding: 0px; } .navbar-brand>img { height: 100%; padding: 15px; width: auto; } /* EXAMPLE 6 - Background Logo*/ .example6 .navbar-brand { background: url(/usite/7728/images/cutads-logo.jpg) center / contain no-repeat; width: 200px; } /* CSS Transform Align Navbar Brand Text ... This could also be achieved with table / table-cells */ .navbar-alignit .navbar-header { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; height: 50px; } .navbar-alignit .navbar-brand { top: 50%; display: block; position: relative; height: auto; transform: translate(0, -50%); margin-right: 15px; margin-left: 15px; } .navbar-nav>li>.dropdown-menu { z-index: 9999; } body { font-family: "Conv_MyriadPro-Light"; } .navbar-inverse { background-color: #000; border-color: #080808; font-size: 20px; } .navbar-inverse .navbar-nav>li>a { color: #FFFFFF; } .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover { color: #C5C5C5; background-color: transparent; } .carousel-control { position: absolute; top: 40%; bottom: 0; left: 0; width: 6%; font-size: 60px; color: #989898; font-weight: 100; text-align: center; text-shadow: none; filter: alpha(opacity=50); opacity: 0.3; } .fa-chevron-left { font-size: 2vw; } .fa-chevron-right { font-size: 2vw; } .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #CBCBCB; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000\9; background-color: rgba(0, 0, 0, 0); border: 1px solid #BBBBBB; border-radius: 10px; } a { color: #333; text-decoration: none; font-size: 1em; } .panel-group .panel { margin-bottom: 0; border-radius: 0px; } .panel-default { border-color: #ddd; border-left: none; border-right: none; border-top: none; } .panel-default>.panel-heading { color: #333; background-color: #F2F2F2; border-color: #ddd; } .panel-group { margin-bottom: 20px; border-top-color: #ddd; border-top-style: solid; border-top-width: 1px; } /******************************************************************************* * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. * ******************************************************************************/ .cell h1 { font-size: 30px; line-height: 48px; text-align: center; padding: 10px; margin: 0px; } #output { border: thin solid lightgray; padding: 1em; } #slidebar { width: 100%; height: 90px; padding-top: 5px; } #slidecont { background: #F9F9F9; -webkit-border-radius: 0px; -moz-border-radius: 0px; font-size: 18px; line-height: 22px; } .touchslidearticle #slidecont { margin-left: -50px; margin-right: -25px; } #slidecont.sliding { border: thin solid orange; } .cell { background: none; } .cell p { padding: 10px; padding-bottom: 0px; } ::-webkit-scrollbar { display: none; } .sectionh1 { font-size: 5vw; color: #333; padding-top: 22%; } .sectionlefth1 { font-size: 5vw; color: #333; padding-top: 15%; } .sectionh2 { font-size: 2.8vw; color: #333; } .sectionh3 { font-size: 1.8vw; } .sectionh3v2 { color: #FFF; text-align: center; /* padding-top: 0%; */ padding-left: 50%; } .sectionlink { color: #08c; font-size: 2.2vw; } .topbarh3 { font-size: 13px; margin-top: 5px; } .product-wrap { position: relative; z-index: 1; padding-top: 255px; padding-bottom: 245px; } .text-column { width: 58.3333%; position: relative; z-index: 1; min-height: 2px; margin: 0; padding: 0; float: left; } .product-content { position: relative; text-align: center; width: 980px; margin-left: auto; margin-right: auto; z-index: 1; height: 100%; } .producth2 { font-size: 64px; line-height: 1.0625; font-weight: 300; letter-spacing: -0.02em; margin: 0 0 0.45em 0; } .product-sub-header { font-size: 40px; line-height: 1.1; font-weight: 300; letter-spacing: -0.008em; margin-bottom: 8px; margin: 0 0 1em 0; } .moreblock { font-size: 24px; line-height: 1.3375; font-weight: 300; letter-spacing: normal; } .morelink { margin-left: 10px; margin-right: 10px; text-decoration: none; font-size: 24px; line-height: 1.3375; font-weight: 300; letter-spacing: normal; } .image-usedcarleads { background-repeat: no-repeat; background-size: 979px 523px; height: 523px; width: 979px; background-image: url(/usite/3594/images/Used-Car-Leads.jpg); position: absolute; top: -123px; left: 188px; } .productrow { position: relative; z-index: 1; } .sectiontext { font-size: large; margin-bottom: 20px; padding-left: 50%; padding-right: 0%; color: #FFF; text-align: center; } .footertexth1 { font-size: 4vw; color: #FFF; padding-top: 7%; padding-left: 50%; text-align: right; } .quality-car-leads-bg { background-repeat: no-repeat; background-size: 1440px 597px; background-image: url('/usite/3594/images/Quality-Dealer-Leads.jpg'); position: relative; background-size: cover !important; background-position: center top; min-height: 600px; } .sectiontexth1 { font-size: 5vw; color: #333; padding-top: 8%; } @media screen and (max-width : 991px) { .title { font-size: 36px !important; } .subTitle { font-size: 24px !important; } .sectiontext { font-size: 16px !important; padding-left: 0 !important; text-align: center !important; } .footertexth1 { padding-top: 4%; padding-left: 0; text-align: center; } } @media only screen and (max-width: 767px) { .main-dealership-lead .row:nth-child(odd) { flex-direction: column-reverse; } .sectionh1 { font-size: 7.5vw; color: #333; padding-top: 13%; margin-bottom: 2px; } .sectionlefth1 { font-size: 7.5vw; color: #333; padding-top: 1%; margin-bottom: 2px; } .sectionh2 { font-size: 5vw; color: #333; margin-bottom: 1px; } .sectionh3 { font-size: 3.8vw; } .sectionlink { color: #08c; font-size: 3.8vw; } .quality-car-leads-bg { background-repeat: no-repeat; background-size: 1440px 597px; background-image: url('/usite/3594/images/Quality-Dealer-Leads-small.jpg'); position: relative; background-size: cover !important; background-position: center top; min-height: 900px; } .carousel-control { position: absolute; top: 25%; bottom: 0; left: 0; width: 6%; font-size: 60px; color: #989898; font-weight: 100; text-align: center; text-shadow: none; filter: alpha(opacity=50); opacity: 0.3; } .fa-chevron-left { font-size: 5vw; } .fa-chevron-right { font-size: 5vw; } .title { font-size: 48px; } .subTitle { font-size: 24px; } .sectionlink1 { font-size: 20px; } section.exclusiveLead { padding: 0 !important; } } @media screen and (max-width: 520px) { .sectionlink1 { font-size: 18px; } .subTitle { font-size: 20px; } .title { font-size: 32px !important; } .sectiontext { font-size: 16px; } .footertexth1 { font-size: 32px !important; } .sectiontext { font-size: 16px !important; } } /* Style the buttons that are used to open and close the accordion panel */ .accordion { background-color: #eee; color: #444; cursor: pointer; padding: 18px; width: 100%; text-align: left; border: none; outline: none; transition: 0.4s; } /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */ .active, .accordion:hover { background-color: #ccc; } /* Style the accordion panel. Note: hidden by default */ .panel { padding: 0 25px; background-color: white; display: none; overflow: hidden; } .accordion:after { content: '\02795'; /* Unicode character for "plus" sign (+) */ font-size: 22px; color: #222; float: right; margin-left: 10px; } .active:after { content: ""; /* Unicode character for "minus" sign (-) */ } div.background { background: url(/usite/4006/images/sba-inc-orange-background.png) repeat; } /* new css 16-02-2024 */ #slidebar { width: 700px; height: 90px; padding-top: 5px; margin: 0 auto; } /*.row { display: flex; flex-wrap: wrap; }*/ .align-items-center { align-items: center; } .title { font-size: 52px; color: #333; font-weight: bold; } .subTitle { font-size: 26px; } .sectionlink1 { font-size: 22px; color: #08c; } .sectiontext { font-size: 18px; margin-bottom: 20px; padding-left: 50%; padding-right: 0%; color: #FFF; text-align: right; } /*section.dealershipLead, section.automotiveLead, section.exclusiveLead { padding: 30px; }*/ .paragraph{ font-size: 120%; } .img-center{ display: flex; justify-content: center; }@font-face { font-family: 'Conv_MyriadPro-Light'; src: url('/usite/3594/font/MyriadPro-Light.eot'); src: local('☺'), url('/usite/3594/font/MyriadPro-Light.woff') format('woff'), url('/usite/3594/font/MyriadPro-Light.ttf') format('truetype'), url('/usite/3594/font/MyriadPro-Light.svg') format('svg'); font-weight: normal; font-style: normal; } :root { --title-text-primary-color: #B80000; --background-image-text-primary-color: #F5F7F8; --button-primary-color: #000; --border-primary-color: #000; --footer-title-primary-color: #FFF; } .main-page-demo-title { padding: 0px 0 10px 0; } h1.main-page-demo-title-title { text-align: center; color: var(--title-text-primary-color); font-weight: 600; } .banner-image-with-text-image{ background: url(/usite/3594/images/Quality-Dealer-Leads.jpg); color: var(--background-image-text-primary-color); padding: 30px; background-size: cover; background-position: center top; } .banner-image-with-text-content { text-align: center; } h2.banner-image-with-text-content-title-title { font-size: 32px; } .banner-image-with-text-content-description { font-size: 18px; font-weight: normal; padding: 20px; } img.slider-image { padding: 0 2px; } .automotive_seo_image { margin-bottom: 20px; } section#image-and-content { background: var(--background-image-text-primary-color); padding: 10px; } .image-and-content-dealer-analytics .image-and-content-wrapp { display: flex; align-items: center; padding: 30px; justify-content: center; } .image-and-content-dealer-analytics-transparent .image-and-content-wrapp { display: flex; align-items: center; padding: 30px; justify-content: center; gap: 20px; } .image-and-content-wrapp .image-and-content-wrapp-content { text-align: center; padding: 20px; } .col.image-and-content-wrapp-content { text-align: center; } img.image-and-content-wrapp-image-image { width: 100%; } h3.image-and-content-wrapp-content-title { color: var(--title-text-primary-color); font-size: 30px; } h4.image-and-content-wrapp-content-subtitle { font-size: 22px; } h4.section-of-main-page-content-title-title { font-size: 20px; font-weight: bold; } .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img { display: block; max-width: 100%; height: 600px; } /* section contact form start */ section#contact-form { background: var(--background-image-text-primary-color); } .contact-form-title { text-align: center; padding: 0 0 30px; color: var(--title-text-primary-color); } .btn-danger { color: var(--background-image-text-primary-color); background-color: var(--title-text-primary-color); border-color: var(--title-text-primary-color); font-size: 18px; } .btn-danger:hover { color: var(--background-image-text-primary-color); background-color: var(--button-primary-color); border-color: var(--border-primary-color); } .col-sm-12.submit-contact-form-btn { display: flex; justify-content: center; } .row.form-input-group { margin-bottom: 20px; } /* section contact form end */ /* section image-and-content-dealer-analytics start */ section#image-and-content-dealer-analytics { border-bottom: 1px solid lightgray; } img.image-and-content-dealer-analytics-image-image { width: 100%; } .col.image-and-content-dealer-analytics-image.w3-animate-zoom { padding-top: 20px; } a.contact-form-link-link { color: var(--button-primary-color); } .contact-form-wrapp-wrapp { padding: 0 30px; text-align: center; } .row.contact-form-wrapp-wrapp-hours-of-operation { justify-content: center; } .contact-form-title-title { color: var(--title-text-primary-color); text-align: center; } span.required { color: var(--title-text-primary-color); } section#section-real-results-from-real-clients { padding: 30px 0; } .row.section-real-results-from-real-clients-content { justify-content: center; } p.image-and-content-wrapp-content-description-description { text-align: center; } h3.image-and-content-wrapp-content-title-title { color: var(--title-text-primary-color); font-size: 30px; text-align: center; } /* section image-and-content-dealer-analytics end */ /* section of footer start */ .footer-column .nav-item span.footer-title { color: var(--title-text-primary-color) !important; } .nav-link { display: block; padding: 0.5rem 1rem; color: var(--background-image-text-primary-color); text-decoration: none; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out; } .nav-link:focus, .nav-link:hover { color: var(--title-text-primary-color); } a { color: var(--background-image-text-primary-color); } a:hover { color: var(--title-text-primary-color); text-decoration: none; } .nav>li>a:focus, .nav>li>a:hover { text-decoration: none; background-color: transparent; } ul.social-buttons li a:active, ul.social-buttons li a:focus, ul.social-buttons li a:hover { background-color: var(--title-text-primary-color) !important; } footer { padding: 2rem 0; background-color: var(--button-primary-color); } .footer-column:not(:first-child) { padding-top: 2rem; } .footer-column { text-align: center; } .footer-column .nav-item .nav-link { padding: 0.1rem 0; } .footer-column .nav-item span.nav-link { color: var(--background-image-text-primary-color); } .footer-column .nav-item span.footer-title { font-size: 20px; font-weight: 700; color: var(--footer-title-primary-color); text-transform: uppercase; } .footer-column .nav-item .fas { margin-right: 0.5rem; } .footer-column ul { display: inline-block; } ul.social-buttons { margin-bottom: 0; } ul.social-buttons li a { font-size: 20px; line-height: 40px; display: block; width: 40px; height: 40px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; color: var(--footer-title-primary-color); border-radius: 100%; outline: 0; background-color: #1a1d20; } footer .quick-links { font-size: 16px; line-height: 40px; margin-bottom: 0; text-transform: none; } li.nav-item { font-size: 16px; } footer .quick-links.copyright { color: var(--background-image-text-primary-color); } .fa-ellipsis-h { color: var(--background-image-text-primary-color); padding: 2rem 0; } .row.footer-wrapp { justify-content: space-around; } @media (min-width: 768px) { .footer-column:not(:first-child) { padding-top: 0rem; } .footer-column ul { text-align: left; } } /* section of footer end */ /* animations start */ .w3-animate-left { position: relative; animation: animateleft 10s !important; } .w3-animate-zoom { animation: animatezoom 6s; } .w3-animate-right { position: relative; animation: animateright 10s; } .w3-animate-bottom { position: relative; animation: animatebottom 8s; } /* animations end */ /* slider start */ .my-slider{ padding: 0; } img.slider-image { width: 100%; } .slick-slider { margin-bottom: 0; } /* slider end */ a.slidecont-slidebar-links { color: var(--button-primary-color); } a.slidecont-slidebar-links:hover { color: var(--title-text-primary-color); } h3.image-and-content-wrapp-content-title { color: var(--title-text-primary-color); font-size: 30px; } h4.image-and-content-wrapp-content-image-and-content-wrapp-content-subtitle { font-size: 22px; } .section-of-main-page-content-title-title { font-size: 22px; font-weight: bold; } .image-and-content-wrapp-content-subtitle-subtitle { font-size: 16px; color: var(--title-text-primary-color); font-weight: bold; } /* new updated */ .automotive-lead-main section, .new-car-leads-main section, .dealership-seo-main section, .dealership-leads-main section, .automotive-marketing-main section, .automotive-ppc-main section, .automotive-sem-main section, .seo-independent-dealer-websites-main section, .used-car-leads-main section, .automotive-seo-main section, .dealerleads-main section { padding: 30px 0; } .automotive-lead-main .row, .new-car-leads-main .row, .dealership-seo-main .row, .dealership-leads-main .row, .automotive-marketing-main .row, .automotive-ppc-main .row, .automotive-sem-main .row, .seo-independent-dealer-websites-main .row, .used-car-leads-main .row, .dealerleads-main .row { display: flex; justify-content: center; align-items: center; } .new-car-leads-main img, .dealership-seo-main img, .dealership-leads-main img, .automotive-marketing-main img, .automotive-ppc-main img, .automotive-sem-main img, .seo-independent-dealer-websites-main img, .used-car-leads-main img, .dealerleads-main img, #image-and-content-dealer-analytics img { height: 100%; width: 100%; } /* .dealership-seo-main .learn-more, .dealership-leads-main .learn-more, .automotive-marketing-main .learn-more { margin-bottom: 15px; } */ /* end new updated */ @media screen and (max-width:991px) { img.image-and-content-dealer-analytics-transparent-image-image { width: 350px; } .sectionlink1 { font-size: 22px; color: #08c; margin-bottom: 20px; display: inline-block; } .automotive_market { padding-bottom: 20px; } .image-and-content-dealer-analytics .image-and-content-wrapp{ flex-direction: column; } .image-and-content-dealer-analytics-transparent .image-and-content-wrapp { flex-direction: column-reverse; } .automotive-lead-main section, .new-car-leads-main section, .dealership-seo-main section, .dealership-leads-main section, .automotive-marketing-main section, .automotive-ppc-main section, .automotive-sem-main section, .seo-independent-dealer-websites-main section, .used-car-leads-main section, .automotive-seo-main section, .dealerleads-main section { padding: 20px 0 0; } .automotive-lead-main .row, .new-car-leads-main .row, .dealership-seo-main .row, .dealership-leads-main .row, .automotive-marketing-main .row, .automotive-ppc-main .row, .automotive-sem-main .row, .seo-independent-dealer-websites-main .row, .used-car-leads-main .row, .dealerleads-main .row { flex-direction: column; } .automotive-lead-main .exclusive-provider-section .row, .new-car-leads-main .section-of-new-auto-leads .row, .dealership-seo-main .section-of-car-dealer-seo .row, .dealership-seo-main .section-of-automotive-lead-generation .row, .dealership-leads-main .section-of-new-car-leads .row, .dealership-leads-main .section-of-dealership-lead-generation .row, .automotive-marketing-main .section-of-car-dealer-marketing .row, .automotive-ppc-main .section-of-car-dealer-ppc .row, .automotive-sem-main .section-of-auto-dealer-sem .row, .seo-independent-dealer-websites-main .section-of-website-for-independent-dealers .row, .used-car-leads-main .section-of-used-auto-leads .row, .dealerleads-main .section-of-target-local-buyer-zipcode .row{ flex-direction: column-reverse; } .automotive-lead-main .automotive-provider-details, .automotive-lead-main .exclusive-provider-details, .automotive-lead-main .auto-dealership-details, .new-car-leads-main .image-and-content-wrapp-content-description, .seo-independent-dealer-websites-main .automotive_market .btn-danger, .used-car-leads-main .btn-danger, .dealerleads-main .btn-danger { margin: 15px 0; } .banner-image-with-text-content-description { font-size: 14px; padding: 10px; } section#section-real-results-from-real-clients { padding: 30px; } } @media screen and (max-width:767px) { .navbar-default .navbar-nav .open .dropdown-menu>li>a { color: var(--background-image-text-primary-color); } .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img { height: auto; } /* section contact form start */ .row.form-input-group { flex-direction: column; } /* section contact form end */ .row.footer-wrapp { flex-direction: column; } .row.footer-social-media.text-center{ flex-direction: column; } /* */ img.image-and-content-dealer-analytics-transparent-image-image { width: 100%; height: auto; } /* .contact-form-wrapp-wrapp { padding: 0 30px; } */ .row.contact-form-wrapp-wrapp-hours-of-operation { flex-direction: column; } } @media screen and (max-width:520px) { .banner-image-with-text-image { padding: 10px 0; } h3.image-and-content-wrapp-content-title-title { font-size: 24px; } }