/** 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/7758/images/logo.png) 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: #333; 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: center; } .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 only screen and (max-width: 767px) { .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; } .sectiontext{ font-size: large; margin-bottom: 20px; padding-left: 30%; padding-right: 0%; color: #FFF; text-align: center; } .footertexth1 { font-size: 8vw; color: #FFF; padding-top: 10%; padding-left: 30%; text-align: center; } .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; } }