/* ======================= LP STYLES =======================
============================================================ */

a:hover {
 color: #EF5712;
 text-decoration: underline;
}

/***********
Selection Brand Color
************/
::-moz-selection {
    background-color: #EF5712;
    color: #ffffff;
}
 
::selection {
    background-color: #EF5712;
    color: #ffffff;
}

:focus-visible {
  outline-color: #EF5712;
}

/***** IMAGE STYLES *****/

.logo_light {
  background-image: url('https://image.e.vauto.com/lib/fe9215747262067e73/m/1/110cc52f-39ff-41ff-973d-5e22a5ba929f.png');
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  width: calc(400px / 2);
    height: calc(120px / 2);
}
.logo_dark {
  background-image: url('https://image.e.vauto.com/lib/fe9215747262067e73/m/1/e6e1813a-de8f-4236-aeed-b1e730a250de.png');
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  width: calc(450px / 2);
  height: calc(120px / 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;
  display: block;
  width: calc(400px / 2);
  height: calc(42px / 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);
  }
}

img {
  border-radius: 0em;
}

/***********
COLORS START
************/
.black {
  color: #000000;
}
.black_bg {
  background-color: #000000;
}
.brand {
  color: #EF5712;
}
.brand_bg {
  background-color: #EF5712;
}
.brand_linear_bg {
  background: #EF5712;
  background: linear-gradient(145deg, rgba(239,87,19,1) 0%, rgba(252,155,0,1) 100%);
}
.brand_radial_bg {
  background: #EF5712;
  background: radial-gradient(circle, rgba(239,87,19,1) 0%, rgba(252,155,0,1) 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;
}
.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(145deg, rgba(0,155,224,1) 0%, rgba(0,111,193,1) 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: 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%);
  }
}


#js-container {
 font-family: "open-sans", Helvetica, Arial, sans-serif;
}

/***********
BUTTONS START
************/
.button_primary {
 padding: 1.063em 1.500em 1.063em 1.500em;
 min-width: 200px;
 justify-content: space-between;
 text-align: left;
 border-radius: 0;
 transition: .25s ease;
}
.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.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;
}
.fl_col_2 .form-wrapper {
  padding: 3em 3em 3.5em;
}
.form-title {
  padding: 3em 2.25em 5em;
  margin: 0em auto 0em;
  border: 1px solid #C3C8CB;
  border-bottom: 0;
}
.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;
}
.header:after {
 content: '';
 width: 60%;
 border-bottom: 4px solid #EF5713;
 position: absolute;
 bottom: -1px;
 right: 0;
}
.thanks.header {
  height: 5.5em !important;
  padding: 0.9375em;
}
.menu-toggle{
 display: none !important;
}

#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;*/
  }
}
/* ================= THANK YOU PAGE STYLES =================
============================================================ */
.thanks-promos > * {
 border-radius: 0;
}