/* hide all shell elements */ .site-header, .site-breadcrumbs, .help-menu,AMERIHOME .help-menu__overlay, /*.site-footer { display: none; }*/ .lower-footer, .middle-footer {display:none;} .alert-bar-active .site-torso, .site-torso { margin-top: 0;} /* ========================= RESET ========================= ============================================================ */ 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, strong, sub, sup, 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; font-size: 100%; vertical-align: top; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ”; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* ======================= CORE STYLES V2 ======================= ============================================================ */ * { box-sizing: border-box; -webkit-font-smoothing: antialiased; } html { color: #73848d; font-family: ‘Open Sans’, sans-serif; font-weight: 500; font-size: 16px; line-height: 1.5; height: 100%; scroll-behavior: smooth; } body { font-family: ‘Open Sans’, sans-serif; background: #ffffff; color: #111111; font-size: 16px; height: 100%; line-height: 1.5em; } h1 { –font_size: 2.6875em; –line_height: 1.0232558139534884em; font-size: var(–font_size); line-height: var(–line_height); margin-bottom: 0.53em; } h2 { –font_size: 1.875em; –line_height: 1.4666666666666666em; font-size: var(–font_size); line-height: var(–line_height); margin-bottom: 0.64em; } h3 { –font_size: 1.375em; –line_height: 1.3636363636363635em; font-size: var(–font_size); line-height: var(–line_height); margin-bottom: 0.72727272em; } h4 { –font_size: 1.25em; –line_height: 1.4em; font-size: var(–font_size); line-height: var(–line_height); margin-bottom: 0.8em; } h5 { –font_size: 1.125em; –line_height: 1.4444444444444444em; font-size: var(–font_size); line-height: var(–line_height); } h6 { } p { margin: 0 0 1.125em 0; } .extra_large { font-size: 1.5em; } .large { font-size: 1.125em; } .small { font-size: 0.875em; /*line-height: 1.3571428571428572em;*/ } .extra_small { font-size: 0.5em; } @media all and (max-width: 1025px) { .mob_small { font-size: 1em; line-height: 1.26em; } .mob_extra_small { font-size: .75em; line-height: 1.35714em; } } a { outline: none; text-decoration: none; } a:hover { text-decoration: underline; } sup { bottom: 1ex; font-size: .6em; height: 0; line-height: 1; position: relative; vertical-align: baseline; } .text_center { text-align: center; } .text_left { text-align: left; } .text_right { text-align: right; } .lowercase { text-transform: none; } .uppercase { text-transform: uppercase; } .capitalize { text-transform: capitalize; } .light { font-weight: 300; } .normal { font-weight: 400; } .medium { font-weight: 500; } .semibold { font-weight: 600; } .bold { font-weight: 700; } .extrabold { font-weight: 800; } .ultrabold { font-weight: 900; } @media screen and (max-width: 1024px) { .t_text_center { text-align: center; } .t_text_left { text-align: left; } .t_text_right { text-align: right; } .tab_full_width { width: 100%; } } @media screen and (max-width: 767px) { .m_text_center { text-align: center; } .m_text_left { text-align: left; } .m_text_right { text-align: right; } .mob_full_width { width: 100%; } } /***** INPUT STYLES START *****/ input, textarea, select { –border-width: 1px; –border-radius: .25em; –box-shadow: 0; –font-size: 1em; –padding: 0.5rem; –background-color: var(–color_white); –border-color: var(–color_black); –font-color: var(–color_black); –padding: 0.25em .5em; –height: 3em; –width: 100%; –focus-border-color: var(–color_brand); } /***** BUTTON STYLES START *****/ /***** BUTTON STYLES END *****/ /***** FLEXBOX STYLES START *****/ .fl_wrapper { margin: 0 auto; padding: 0 1.25em; max-width: 1280px; width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .fl_wrapper2 { margin: 0 auto; padding: 0 1.25em; max-width: 1280px; width: 100%; display: flex; flex-direction: row; } /** Align items HORIZONTALLY in FLEX-ROW class **/ /** Align items VERTICALLY in FLEX-COLUMN class **/ .justify_normal{ justify-content: normal; } .justify_start { justify-content: flex-start; } .justify_end { justify-content: flex-end; } .justify_center { justify-content: center; } .justify_around { justify-content: space-around; } .justify_between { justify-content: space-between; } .justify_evenly { justify-content: space-evenly; } .justify_stretch { justify-content: stretch; } @media screen and (max-width: 1024px) { .t_justify_start { justify-content: flex-start; } } @media screen and (max-width: 767px) { .m_justify_normal{ justify-content: normal; } .m_justify_start { justify-content: flex-start; } .m_justify_end { justify-content: flex-end; } .m_justify_center { justify-content: center; } .m_justify_around { justify-content: space-around; } .m_justify_between { justify-content: space-between; } .m_justify_evenly { justify-content: space-evenly; } .m_justify_stretch { justify-content: stretch; } } /** Align columns or rows VERTICALLY – use along WRAPPER class **/ .align_start { align-items: flex-start; } .align_center { align-items: center; } .align_end { align-items: flex-end; } .align_stretch { align-items: stretch; } @media screen and (max-width: 1024px) { .t_align_start { align-items: flex-start; } .t_align_center { align-items: center; } .t_align_end { align-items: flex-end; } .t_align_stretch { align-items: stretch; } } @media screen and (max-width: 767px) { .m_align_start { align-items: flex-start; } .m_align_center { align-items: center; } .m_align_end{ align-items: flex-end; } .m_align_stretch { align-items: stretch; } } /** Align single item **/ .align_self_start { align-self: flex-start; } .align_self_center { align-self: center; } .align_self_end { align-self: flex-end; } .align_self_stretch { align-self: stretch; } @media screen and (max-width: 1024px) { .t_align_self_start { align-self: flex-start; } .t_align_self_center { align-self: center; } .t_align_self_end { align-self: flex-end; } .t_align_self_stretch { align-self: stretch; } } @media screen and (max-width: 767px) { .m_align_self_start { align-self: flex-start; } .m_align_self_center { align-self: center; } .m_align_self_end { align-self: flex-end; } .m_align_self_stretch { align-self: stretch; } } /** Align children **/ .content_top { align-content: flex-start; } .content_center { align-content: center; } .content_bottom { align-content: flex-end; } /** Set direction of content **/ .fl_row { display: flex; flex-direction: row; flex-wrap: wrap; } .fl_col { display: flex; flex-direction: column; flex-wrap: wrap; } @media screen and (max-width: 1024px) { .tab_fl_row { display: flex; flex-direction: row; flex-wrap: wrap; } .tab_fl_col { display: flex; flex-direction: column; flex-wrap: wrap; } } @media screen and (max-width: 767px) { .mob_fl_row { display: flex; flex-direction: row; flex-wrap: wrap; } .mob_fl_col { display: flex; flex-direction: column; flex-wrap: wrap; } } /** Set gap HORIZONTALLY between itmes **/ .no_gap { –xgap: 0em; –ygap: 0em; column-gap: var(–xgap); row-gap: var(–ygap); } .gap_xs { –xgap: .25em; –ygap: .25em; column-gap: var(–xgap); row-gap: var(–ygap); } .gap_sm { –xgap: .5em; –ygap: .5em; column-gap: var(–xgap); row-gap: var(–ygap); } .gap { –xgap: 1em; –ygap: 1em; column-gap: var(–xgap); row-gap: var(–ygap); } .gap_lg { –xgap: 1.5em; –ygap: 1.5em; column-gap: var(–xgap); row-gap: var(–ygap); } .gap_xl { –xgap: 4em; –ygap: 4em; column-gap: var(–xgap); row-gap: var(–ygap); } .gap_xxl { –xgap: 5em; –ygap: 5em; column-gap: var(–xgap); row-gap: var(–ygap); } .x_gap_xs { –xgap: .25em; column-gap: var(–xgap); } .x_gap_sm { –xgap: .5em; column-gap: var(–xgap); } .x_gap { –xgap: 1em; column-gap: var(–xgap); } .x_gap_lg { –xgap: 1.5em; column-gap: var(–xgap); } .x_gap_xl { –xgap: 4em; column-gap: var(–xgap); } .y_gap_xs { –ygap: .25em; row-gap: var(–ygap); } .y_gap_sm { –ygap: .5em; row-gap: var(–ygap); } .y_gap { –ygap: 1em; row-gap: var(–ygap); } .y_gap_lg { –ygap: 1.5em; row-gap: var(–ygap); } .y_gap_xl { –ygap: 4em; row-gap: var(–ygap); } @media screen and (max-width: 1024px) { .tab_gap_xs { –xgap: .25em; –ygap: .25em; column-gap: var(–xgap); row-gap: var(–ygap); } .tab_gap_sm { –xgap: .5em; –ygap: .5em; column-gap: var(–xgap); row-gap: var(–ygap); } .tab_gap { –xgap: 1em; –ygap: 1em; column-gap: var(–xgap); row-gap: var(–ygap); } .tab_gap_lg { –xgap: 1.5em; –ygap: 1.5em; column-gap: var(–xgap); row-gap: var(–ygap); } .tab_gap_xl { –xgap: 4em; –ygap: 4em; column-gap: var(–xgap); row-gap: var(–ygap); } .tab_x_gap_xs { –xgap: .25em; column-gap: var(–xgap); } .tab_x_gap_sm { –xgap: .5em; column-gap: var(–xgap); } .tab_x_gap { –xgap: 1em; column-gap: var(–xgap); } .tab_x_gap_lg { –xgap: 1.5em; column-gap: var(–xgap); } .tab_x_gap_xl { –xgap: 4em; column-gap: var(–xgap); } .tab_y_gap_xs { –ygap: .25em; row-gap: var(–ygap); } .tab_y_gap_sm { –ygap: .5em; row-gap: var(–ygap); } .tab_y_gap { –ygap: 1em; row-gap: var(–ygap); } .tab_y_gap_lg { –ygap: 1.5em; row-gap: var(–ygap); } .tab_y_gap_xl { –ygap: 4em; row-gap: var(–ygap); } } /** Set content to wrap **/ .fl_wrap { flex-wrap: wrap; } .fl_wrap_reverse { flex-wrap: wrap-reverse; } .fl_no_wrap { flex-wrap: nowrap !important; } .tab_fl_no_wrap { flex-wrap: nowrap !important; } @media screen and (max-width: 1024px) { .tab_fl_wrap { flex-wrap: wrap; } .tab_fl_wrap_reverse { flex-wrap: wrap-reverse; } .tab_fl_no_wrap { flex-wrap: nowrap !important; } .fl_no_wrap { flex-wrap: wrap !important; } } @media screen and (max-width: 767px) { .mob_fl_wrap { flex-wrap: wrap; } .mob_fl_wrap_reverse { flex-wrap: wrap-reverse; } .mob_fl_no_wrap { flex-wrap: nowrap; } } /** Flex Column Group Settings **/ /** Set column width – use along FLEX-COLUMN or FLEX-ROW class – Set up for column groups **/ .fl_col_1, .fl_col_2, .fl_col_3, .fl_col_4, .fl_col_5, .fl_col_6, .fl_col_7, .fl_col_8, .fl_col_9, .tab_fl_col_2 { –columns:1; –gap-count:calc( var(–columns) – 1 ); display:flex; /**flex-wrap:wrap;**/ column-gap:var(–xgap); } .fl_col_1 > *, .fl_col_2 > *, .fl_col_3 > *, .fl_col_4 > *, .fl_col_5 > *, .fl_col_6 > *, .fl_col_7 > *, .fl_col_8 > *, .fl_col_9 > * { /* flex-basis: calc(100% / 3) */ flex-basis: calc( calc( 100% / var(–columns) ) – calc( var(–xgap) / var(–columns) * var(–gap-count) ) ); display: flex; flex-direction: column; } /** Column Order **/ .col_1 { order: 1; } .col_2 { order: 2; } .col_3 { order: 3; } .col_4 { order: 4; } .col_5 { order: 5; } .col_6 { order: 6; } .col_7 { order: 7; } .col_8 { order: 8; } .col_9 { order: 9; } @media all and (max-width: 767px) { .fl_col_1, .fl_col_2, .fl_col_3, .fl_col_4, .fl_col_5, .fl_col_6, .fl_col_7, .fl_col_8, .fl_col_9, .tab_fl_col_2 { –columns:1; –gap-count:calc( var(–columns) – 1 ); display:flex; flex-wrap:wrap; column-gap:var(–xgap); } } @media all and (min-width: 768px) { .gap_xl { –xgap: 1em; –ygap: 1em; column-gap: var(–xgap); row-gap: var(–ygap); } } @media screen and (max-width: 1024px) { .tab_col_1 { order: 1; } .tab_col_2 { order: 2; } .tab_col_3 { order: 3; } .tab_col_4 { order: 4; } .tab_col_5 { order: 5; } .tab_col_6 { order: 6; } .tab_col_7 { order: 7; } .tab_col_8 { order: 8; } .tab_col_9 { order: 9; } .tab_fl_col_2 { –columns:2; –gap-count:calc( var(–columns) – 1 ); display:flex; flex-wrap:wrap; column-gap:var(–xgap); } } @media all and (min-width: 1025px) { .fl_col_1 { –columns:1; –gap-count:calc( var(–columns) – 1 ); display:flex; flex-wrap:wrap; column-gap:var(–xgap); } .fl_col_2 { –columns:2; –gap-count:calc( var(–columns) – 1 ); display:flex; /**flex-wrap:wrap;**/ column-gap:var(–xgap); } .fl_col_3 { –columns:3; –gap-count:calc( var(–columns) – 1 ); display:flex; flex-wrap:wrap; column-gap:var(–xgap); } .fl_col_4 { –columns:4; –gap-count:calc( var(–columns) – 1 ); display:flex; flex-wrap:wrap; column-gap:var(–xgap); } .fl_col_5 { –columns:5; –gap-count:calc( var(–columns) – 1 ); display:flex; flex-wrap:wrap; column-gap:var(–xgap); } .fl_col_6 { –columns:6; –gap-count:calc( var(–columns) – 1 ); display:flex; flex-wrap:wrap; column-gap:var(–xgap); } .fl_col_7 { –columns:7; –gap-count:calc( var(–columns) – 1 ); display:flex; flex-wrap:wrap; column-gap:var(–xgap); } .fl_col_8 { –columns:8; –gap-count:calc( var(–columns) – 1 ); display:flex; flex-wrap:wrap; column-gap:var(–xgap); } .fl_col_9 { –columns:9; –gap-count:calc( var(–columns) – 1 ); display:flex; flex-wrap:wrap; column-gap:var(–xgap); } } /***** FLEXBOX STYLES END *****/ /** GRID STYLES START **/ .gr_wrapper { margin: 0 auto; padding: 0 1.25em; max-width: 1280px; width: 100%; display: grid; position: relative; } .gr_col_1, .gr_col_2, .gr_col_3, .gr_col_4, .gr_col_5 { display:grid; } .gr_col_1 > *, .gr_col_2 > *, .gr_col_3 > *, .gr_col_4 > *, .gr_col_5 > * { display: grid; } .gr_span_1 > *, .gr_span_2 > *, .gr_span_3 > *, .gr_span_4 > *, .gr_span_5 > * { display: grid; } .gr_col_1 { grid-template-columns: repeat(1,1fr); } .gr_col_2 { grid-template-columns: repeat(2,1fr); } .gr_col_3 { grid-template-columns: repeat(3,1fr); } .gr_col_4 { grid-template-columns: repeat(4,1fr); } .gr_col_5 { grid-template-columns: repeat(5,1fr); } .gr_span_1 { grid-column: span 1; } .gr_span_2 { grid-column: span 2; } .gr_span_3 { grid-column: span 3; } .gr_span_4 { grid-column: span 4; } .gr_span_5 { grid-column: span 5; } @media screen and (max-width: 1024px) { .tab_gr_col_1 { grid-template-columns: repeat(1,1fr); } .tab_gr_col_2 { grid-template-columns: repeat(2,1fr); } .tab_gr_col_3 { grid-template-columns: repeat(3,1fr); } .tab_gr_col_4 { grid-template-columns: repeat(4,1fr); } .tab_gr_col_5 { grid-template-columns: repeat(5,1fr); } .tab_gr_span_1 { grid-column: span 1; } .tab_gr_span_2 { grid-column: span 2; } .tab_gr_span_3 { grid-column: span 3; } .tab_gr_span_4 { grid-column: span 4; } .tab_gr_span_5 { grid-column: span 5; } } /** GRID STYLES END **/ /****** Section Styles ******/ .hero { margin: 0 auto; /*max-width: 1440px;*/ padding: 4em 0 4em; width: 100%; position: relative; } .section { margin: 0 auto; /*max-width: 1440px;*/ padding: 6em 0; width: 100%; position: relative; } form { width: 100%; } @media all and (max-width: 1024px) { .section { padding: 4.5em 0; } } @media all and (max-width: 767px) { .hero-main-wrapper { margin: 0 auto; max-width: 1440px; padding: 3em 0 /*2.25em*/; width: 100%; } } /* ======================= BRAND STYLES ======================= ============================================================ */ :root { –shadow: 0 2px 2px 0 hsla(0 0% 59% / .14), 0 3px 1px -2px hsla(0 0% 59% / .2), 0 1px 5px 0 hsla(0 0% 59% / .12); –shadow_hover: 0 8px 10px 1px hsla(0 0% 59% / .14), 0 3px 14px 2px hsla(0 0% 59% / .12), 0 5px 5px -3px hsla(0 0% 59% / .2); –shadow_active: 0 2px 2px 0 hsla(0 0% 12.94% / .14), 0 3px 1px -2px hsla(0 0% 12.94% / .2), 0 1px 5px 0 hsla(0 0% 12.94% / .12); } a:hover { color: #EF5712; text-decoration: underline; } /*********** Selection Brand Color ************/ ::-moz-selection { background-color: #EF5712; color: #ffffff; } ::selection { background-color: #EF5712; color: #ffffff; -webkit-text-fill-color: #ffffff; } :focus-visible { outline-color: #EF5712; } /***** IMAGE STYLES *****/ .logo_light { background-image: url(‘https://www.vauto.com/wp-content/uploads/2023/10/vAuto-COLOR-Icon-with-CAI-BLACK-2.svg’); background-size: contain; background-repeat: no-repeat; background-position: center; display: block; width: calc(294px / 2); height: calc(120px / 2); } .logo_dark { background-image: url(‘https://www.vauto.com/wp-content/uploads/2023/10/vAuto-COLOR-Icon-with-CAI-WHITE-2.svg’); background-size: contain; background-repeat: no-repeat; background-position: center; display: block; width: calc(400px / 2); height: calc(174px / 2); } .logo_cox { background-image: url(‘https://image.e.vauto.com/lib/fe9215747262067e73/m/1/3c03e639-adec-43d5-a466-31f0de05af78.png’); background-size: contain; background-repeat: no-repeat; background-position: center; display: block; width: calc(400px / 2); height: calc(42px / 2); } .logo_cox_brand { background-image: url(‘https://image.e.vauto.com/lib/fe9215747262067e73/m/1/ef0163f6-b70f-46a7-9fa0-9348bbbad85b.png’); background-size: contain; background-repeat: no-repeat; background-position: center; display: block; width: calc(584px / 2); height: calc(48px / 2); } @media all and (max-width: 1025px) { .logo_light { width: calc(294px / 2.5); height: calc(120px / 2.5); } .logo_dark { width: calc(294px / 2.5); height: calc(120px / 2.5); } .logo_resize { width: calc(216px / 2); height: calc(42px / 2); } } img { border-radius: 0em; } /*********** COLORS START ************/ .black { color: #000000; } .black_bg { background-color: #000000; } .brand { color: #FF821C; } .brand_bg { background-color: #FF821C; } .brand_light { color: #FF821C; } .brand_light_bg { background-color: #FF821C; } .brand_linear { background: linear-gradient(145deg, var(–c1, #EF5712), var(–c2, #FC9B00) 51%, var(–c1, #FF9D2B), var(–c2, #FFB612)) var(–x, 0)/ 200%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .brand_linear_bg { background: #EF5712; background: linear-gradient(145deg, var(–c1, #EF5712), var(–c2, #FC9B00) 51%, var(–c1, #FF9D2B), var(–c2, #FFB612)) var(–x, 0)/ 200%; } .brand_radial_bg { background: #EF5712; background: radial-gradient(circle, rgba(239,87,19,1) 0%, rgba(252,155,0,1) 100%); } .brand_hover:hover { –x: 100%; } .blue_linear_bg { background: #00224D; background: linear-gradient(165deg, #03B9F7 0%, #00224D 100%); } .vauto_silver { color: #73848D; } .vauto_silver_bg { background-color: #73848D; } .dark_gray { color: #1F1F1F; } .dark_gray_bg { background-color: #1F1F1F; } .medium_gray { color: #E3E3E3; } .medium_gray_bg { background-color: #E3E3E3; } .light_gray { color: #F2F5F7; } .light_gray_bg { background-color: #F2F5F7; } .lighter_gray { color: #EFF0F0; } .lighter_gray_bg { background-color: #EFF0F0; } .silver { color: #8D8D8D; } .silver_bg { background-color: #8D8D8D; } .white { color: #ffffff !important; } .white_bg { background-color: #ffffff; } .white_radial_gradient_bg { background: rgb(255,255,255); background: linear-gradient(145deg, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); } .conquest_gold { color: #FCAF17; } .conquest_gold_bg { background-color: #FCAF17; } .provision_silver { color: #A8B0BA; } .provision_silver_bg { background-color: #A8B0BA; } .cox_bg { background-color: #EDEEEF; } /** For sub brands **/ .vauto_bg { background-color: #EF5712; } .vauto_linear_bg { background: #EF5712; background: linear-gradient(175deg, rgba(239,87,19,1) 0%, rgba(252,155,0,1) 100%); } .vauto_link { color: #CC4B1A; } .vauto_link_bg { background-color: #CC4B1A; } /** Off Brand? **/ .blue { color: #005F91; } .blue_bg { background-color: #005F91; } .blue_linear_bg { background: #009CEE; background: linear-gradient(-45deg, #00aee8, #00224d 100%); } .nuetral_dark { color: #242424; } .nuetral_dark_bg { background-color: #242424; } .nuetral_dark_radial_bg { background: rgb(62,62,62); /*background: radial-gradient(circle, rgba(62,62,62,1) 0%, rgba(36,36,36,1) 100%);*/ background: radial-gradient(closest-side, #3e3e3e, #242424); } @media screen and (max-width: 1024px) { .tab_white_bg { background-color: #ffffff !important; } } @media screen and (max-width: 767px) { .mob_white { color: #ffffff !important; } .mob_transparent_bg { background: transparent; } .mob_brand_linear_bg { background: #EF5712; background: linear-gradient(175deg, rgba(239,87,19,1) 0%, rgba(252,155,0,1) 100%); } .mob_brand_radial_bg { background: #009CEE; background: radial-gradient(circle, rgba(239,87,19,1) 0%, rgba(252,155,0,1) 100%); } } /*********** BUTTONS START ************/ button { cursor: pointer; } .button_primary { padding: 1.063em 1.500em 1.063em 1.500em; min-width: 200px; border: none; font-size: 1em; font-weight: 600; text-decoration: none; display: flex; justify-content: space-between; align-items: center; text-align: left; border-radius: 0; transition: .5s ease; box-shadow: none; } .button_primary:after { content: ”; height: 1.0965em; width: 0.626em; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url(“data:image/svg+xml,%3Csvg xmlns=’http://www.w3.org/2000/svg’ width=’9.52′ height=’16.931′ viewBox=’0 0 9.52 16.931’%3E%3Cpath id=’Union_18′ data-name=’Union 18′ d=’M0,16.931,6.513,8.466H9.52L3.007,16.931ZM6.513,8.466,0,0H3.007L9.52,8.466Z’ fill=’%23fff’/%3E%3C/svg%3E%0A”); } .button_primary:hover, button:hover { box-shadow: var(–shadow); text-decoration: none; color: initial; } .button_primary:active, button:active { box-shadow: var(–shadow_active); } .button_primary.lg { padding: 1.05em 1em 1.05em 1.3199999999999998em; min-width: 20.8em; font-size: 1.250em; line-height: 1.4em; } .button_primary.lg:after { height: 1.0965em; width: 0.626em; } .button_primary.md { padding: 1.03125em 1em 1.03125em 1.5125em; min-width: 19.125em; font-size: 1em; font-weight: 700; line-height: 1.625em; } .button_primary.md:after { height: 1.476875em; width: 0.746875em; } .button_primary.sm { padding: 0.875em 1em 0.875em 1.0125em; min-width: 12.5em; font-size: 1em; line-height: 1.625em; } .button_primary.xs { padding: .5em 1em .5em 1.0125em; min-width: 12.5em; font-size: 1em; line-height: 1.625em; } .button_primary.xs:after, .button_primary.sm:after { height: 1.211875em; width: 0.746875em; } .button_secondary { padding: 1.063em 1.500em 1.063em 1.500em; min-width: 200px; background: rgb(0,0,0); border: none; color: #FFFFFF; font-size: 1.125em; text-align: left; text-decoration: none; display: flex; justify-content: space-between; transition: .25s ease; } /*********** FORM START ************/ .form-wrapper label { color: inherit; text-transform: capitalize; } @media screen and (max-width: 767px) { .sfmc-form { /*padding: 4.875em 1.25em 2.375em;*/ padding: 1.25em 1.25em 1.25em; } .form-wrapper { padding: 0; } } .sfmc-form input[type=”text”], .sfmc-form input[type=”url”], .sfmc-form input[type=”email”], .sfmc-form input[type=”tel”], .sfmc-form input[type=”number”], .sfmc-form input[type=”date”], .sfmc-form textarea, .sfmc-form select { background: #ffffff; border: none; border-radius: 0; color: #000; font-family: “open-sans”, Helvetica, Arial, sans-serif; font-size: 15px; height: 53px; padding: 5px 10px; width: 100%; } .sfmc-form select { appearance: none; background-image: url(“https://image.e.vauto.com/lib/fe9215747262067e73/m/6/d4cd282b-4804-4f46-8162-fd6e3792b712.png”); background-repeat: no-repeat; background-position: right 1.25rem top 50%; background-size: 0.875rem auto; cursor: pointer; } .form-wrapper { padding: 3em 3.5em 4em; width: 100%; } .fl_col_2 .form-wrapper { padding: 3em 3em 3.5em; } .form-title { padding: 3.125em 3.5em 3.125em; margin: 0em auto 0em; border: 1px solid #C3C8CB; border-bottom: 0; width: 100%; } .fl_col_2 .form-title { padding: 3em 2.25em 3.5em; } .form-title > * { max-width: 58em; } @media screen and (max-width: 1024px) { } @media screen and (max-width: 767px) { .fl_col_2 .form-title, .form-title { border: none; margin: 0; padding: 1.25em; max-width: unset; width: unset; } .fl_col_2 .form-wrapper { padding: 0em; } } /**** NAVIGATION START ****/ /** NAVIGATION **/ .header { /*border-bottom: 1px solid #DCE3E6;*/ /*height: 5.563em;*/ padding: .5em 0; text-align: left; position: relative; transition: .25s ease; } /*.header:after { content: ”; width: 60%; border-bottom: 4px solid #EF5713; position: absolute; bottom: -1px; right: 0; }*/ .thanks.header { height: .5em !important; padding: 0.9375em; } .header .logo { background-image: url(‘https://img.logoipsum.com/236.svg’); background-size: contain; background-repeat: no-repeat; width: calc(350px / 2); height: calc(87px / 2); } .header .vauto-logo img { /*height: 3.688em !important;*/ padding: 0; margin-top: 15px; margin-bottom: 15px; width: auto; } .menu-toggle{ display: none !important; } nav ul { list-style-type: none; margin: 0px 20px; display: flex; align-items: baseline; } nav ul a { padding: 10px; margin: 0px 10px 0px; color: #000000; font-size: 1em; } @media screen and (max-width:767px) { nav ul { margin: 0; } nav ul a { margin: 0px 0px 0px; } } .sticky_header { position: fixed; top: 0; width: 100%; padding: .5em 0; animation:slide-down 0.8s; z-index: 99; } @keyframes slide-down { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } .header_spacer { display: none; min-height: 85px; } .header_spacer.show { display: block !important; visibility: hidden; transition: none 0s ease 0s; } #menuToggle { display: flex; flex-direction: column; position: relative; z-index: 1; -webkit-user-select: none; user-select: none; } #menuToggle input { display: flex; width: 40px; height: 32px; position: absolute; cursor: pointer; opacity: 0; z-index: 2; } #menuToggle span { display: flex; width: 29px; height: 2px; margin-bottom: 5px; position: relative; background: rgb(255,149,5); background: linear-gradient(135deg, rgba(255,149,5,1) 0%, rgba(239,87,19,1) 100%); border-radius: 3px; z-index: 1; transform-origin: 5px 0px; transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease; } #menuToggle span:first-child { transform-origin: 0% 0%; } #menuToggle span:nth-last-child(2) { transform-origin: 0% 100%; background: rgb(255,149,5); background: linear-gradient(135deg, rgba(255,149,5,1) 0%, rgba(239,87,19,1) 80%, rgba(239,87,19,1) 100%); } #menuToggle input:checked ~ span { opacity: 1; transform: rotate(45deg) translate(-3px, -1px); } #menuToggle input:checked ~ span:nth-last-child(3) { opacity: 0; transform: rotate(0deg) scale(0.2, 0.2); } #menuToggle input:checked ~ span:nth-last-child(2) { transform: rotate(-45deg) translate(0, -1px); } #menu { position: absolute; /*width: 75vw;*/ height: 100vh; top: 0; left: 0; bottom: 0; box-shadow: 0 0 10px #85888C; margin: 0px 0 0 -50px; padding: 50px; padding-top: 75px; -webkit-font-smoothing: antialiased; transform-origin: 0% 0%; transform: translate(-100%, 0); transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); } #menu li { padding: 10px 0; transition-delay: 2s; } #menuToggle input:checked ~ ul { transform: none; } @media screen and (max-width: 767px) { .vauto-header .wrapper { /*padding: 1.8125em 0.8125em 0.5em;*/ } .vauto-header .vauto-logo img { /*margin-top: 29px;*/ } } /**** NAVIGATION END ****/ /* ================= THANK YOU PAGE STYLES ================= ============================================================ */ .thanks-promos > * { border-radius: 0; } .footer { padding: 2em 0; } .footer-dark { padding: 2em 0; } .footer-dark .dividers{ border-top: 1px solid #DCE3E6; border-bottom: 1px solid #DCE3E6; width: 100%; max-width: 100%; } .footer-dark .wrapper { padding: 4.5rem 1.25rem; } /* ======================= CURRENT PAGE STYLES ======================= ============================================================ */ /* Style background of form button */ #gform_submit_button_26{ background: #EF5712; background: linear-gradient(145deg, var(–c1, #EF5712), var(–c2, #FC9B00) 51%, var(–c1, #FF9D2B), var(–c2, #FFB612)) var(–x, 0)/ 200%; } /* Style the buttons that are used to open the tab content */ .tab button { background-color: #ffffff; border-radius: 10px; border: none; overflow: hidden; outline: none; cursor: pointer; transition: 0.3s; padding:0; box-shadow: none; text-align: left; } /* Change background color of buttons on hover */ .tab button:hover { } /* Create an active/current tablink class */ .tab button.active { box-shadow: 0px 0px 0px 4px #60c452; } /* Style the tab content */ .tabcontent { display: none; } .tabcontent { animation: fadeEffect 1s; /* Fading effect takes 1 second */ } /* Go from zero to full opacity */ @keyframes fadeEffect { from {opacity: 0;} to {opacity: 1;} } .form-error { margin-top: .25em; color: #ffffff; } .form-error::before { content: “*”; margin-right: 4px; color: #ffffff; } .header img { width: 216px; height: 42px; } @media screen and (max-width: 1025px) { .header img { width: calc(216px / 2.5); height: calc( 42px / 2.5); } } .hero.white_bg { padding: 0; background-image: url(‘https://www.vauto.com/wp-content/uploads/2024/06/dealervoice_hero_shape.webp’); background-position: left -10% bottom; background-size: auto 100%; background-repeat: no-repeat; } section.hero::before { content: ”; position: absolute; z-index: 0; bottom:0; left:-36px; width: 485px; height: 210px; background:url(‘https://www.vauto.com/wp-content/uploads/2024/06/dealervoice_hero_lines.webp’); background-size: cover; background-repeat: no-repeat; background-position: center; } .hero .col_1 img { max-width: 100%; width: 510px; padding-top: 0px; } .hero .col_2 { padding: 5.25em 0 4em; flex-grow: 3; } @media screen and (max-width: 1490px) { .hero.white_bg {background-position: left -400px bottom !important;} } @media screen and (max-width: 1024px) { .hero.white_bg {background-position: left -125px bottom !important;} .mob-white {color: #FFFFFF !important;} section.hero::before {content: ”; position: absolute; z-index: 0; bottom:0; left:0px; width: 100%; height: 100px; background:url(‘https://www.vauto.com/wp-content/uploads/2024/06/dealervoice_hero_lines.webp’); background-size: cover; background-repeat: no-repeat; background-position: center;} } @media screen and (max-width: 767px) { .hero.white_bg {background-size: cover !important;} .hero .col_2 { padding: 5.25em 0 0em; } .hero .col_1 img { padding-top: 0; } .video_thumbnail { position: relative; width: 100% !important; height: auto !important; margin: 0 auto !important; justify-content: center !important; } .mob_bot_pad{ padding-bottom: 1em !important;} } .video_thumbnail { position: relative; } .video_thumbnail::after { content: ”; background-image: url(‘https://www.vauto.com/wp-content/uploads/2024/06/Icon_play.webp’); position: absolute; width: 100%; height: 87px; background-position: center; background-size: contain; background-repeat: no-repeat; pointer-events: none; } section:nth-child(1) .col_2 { padding: 0; } @media screen and (max-width: 767px) { section:nth-child(1) .col_2 { padding: 0 0 6rem; } } .testimonials img { height: 150px; } .testimonial_column { max-width: 381px; } function openTab(evt, tabName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName(“tabcontent”); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i = 150) { $(‘.header’).addClass(‘sticky_header’); $(‘.header_spacer’).addClass(‘show’); } else { $(‘.header’).removeClass(‘sticky_header’); $(‘.header_spacer’).removeClass(‘show’); } });
“Samantha

Dealer Voices: Sharing Secrets to Success


COULD BETTER DATA DRIVE YOUR NEW INVENTORY SALES?


SAMANTHA MORROW

Marketing Director at Hello Auto Group

With over 1,500 vehicles across six stores—and two more opening soon—Samantha relies on Intelligent Promotion to streamline her strategy. By applying monthly manufacturer incentives in the digital merchandising, Sam’s team delivers a customer experience other dealerships can’t match.

Want to market smarter

at scale?

Reaching your peak performance doesn’t happen by accident.

Like the dealer whose story you just watched, you didn’t sign up with us for software alone.

You partnered with us to make the most out of the hard work you put in every day.

We see you leaning into performance management, developing a smart strategy and putting data into action.

But it’s not easy to always be pushing. So, here’s some support to help you stay motivated.

3 ways you can get more out of our partnership

You wanted us in your corner for more reasons than inventory management tools. You knew an investment in vAuto comes with so much more value than that. So, let’s make sure your dealership is getting the most of us in these three areas:

1

Superior Insights

The leading tools and tech give you live market data and insights on every vehicle so you can turn better thinking into better action.

2

Personalized Coaching

There’s a human behind your software. Look to your Performance Manager to coach you, help you improve and hold you accountable for the best results.

3

Smart Strategies

Optimizing your process is just as important as optimizing your inventory. Set your strategy to see higher profits across the complete inventory life cycle.

Thinking you could see a greater ROI from us in one of these areas?
Let’s talk about how our team can do more for you.

You’re in good company.

You’re among more than 14,000 dealers who manage their new and used vehicle inventory with vAuto. If you’re up against a challenge, chances are you’re not alone.

Watch more success stories to hear what dealers like you did to overcome and get even better results.

“Ellen

ELLEN SCHMIDT

Hello Auto Group

“Joe

JOE SEPPA

Hello Auto Group

“Lerea

LEREA GRAHAM

Hello Auto Group

“Josh

JOSH CLINTON

Cape Coral Chrysler Dodge Jeep Ram

Alex Andreus headshot

ALEX ANDREUS

Murgado Automotive Group

“Paul

PAUL CARUANA

Roberts Toyota

Want to explore more ways to get the most out of our partnership?

There’s always more you can do with vAuto. But you don’t have to figure it out on your own.

That’s what performance management is for. It’s yet another way we help the best dealers – dealers like you – run better.

Reach out to your Performance Manager to get a conversation going.

Not sure who your Performance Manager is? No problem.

Fill out the form below, and we’ll make sure the right person gets in touch with you.

Together, we can talk through where you can increase your ROI with your existing vAuto product. Or, identify what combination of vAuto products can improve the way your dealership is run. You are the best part of vAuto and trust us with your business. That’s why we’re committed to helping the BEST RUN BETTER.

Man on the phone

"*" indicates required fields