/* mediaquery */
/* mediaquery */
.home-main {
  background: #5dafe0; }

#carQuoteForm .loader:before, #motorcycleQuoteForm .loader:before {
  border-color: #FFF !important;
  border-bottom-color: transparent !important; }

.logo-atp {
  width: 240px;
  background: url(/static/frontend/images-atp/logo-atp-phone-color.svg?6d1ad9a92583) no-repeat;
  display: block;
  height: 70px;
  background-size: contain; }
  @media only screen and (max-width: 768px) {
    .logo-atp {
      width: 320px;
      height: 96px; } }
  @media only screen and (max-width: 480px) {
    .logo-atp {
      width: 100%;
      height: 100px;
      max-width: 200px;
      margin: auto auto;
      background-position: center; } }
.logo-atp-white {
  background: url(/static/frontend/images-atp/logo-atp-phone-white.svg?6d1ad9a92583) no-repeat; }

.logo-visa {
  width: 90px;
  background: url(/static/frontend/images-atp/logo-visa.svg?6d1ad9a92583) no-repeat;
  display: block;
  height: 30px;
  background-size: contain; }
  @media only screen and (max-width: 768px) {
    .logo-visa {
      height: 20px;
      width: 60px; } }
.logo-mastercard {
  width: 50px;
  background: url(/static/frontend/images-atp/logo-mastercard.svg?6d1ad9a92583) no-repeat;
  display: block;
  height: 30px;
  background-size: contain; }
  @media only screen and (max-width: 768px) {
    .logo-mastercard {
      height: 20px;
      width: 33px; } }
.logo-rus {
  width: 220px;
  background: url(/static/frontend/images-atp/logo-rus.svg?6d1ad9a92583) no-repeat;
  display: block;
  height: 60px;
  background-size: contain; }
  .logo-rus-white {
    width: 220px;
    background: url(/static/frontend/images-atp/logo-rus-white.svg?6d1ad9a92583) no-repeat;
    display: block;
    height: 60px;
    background-size: contain; }

.logo-cab {
  width: 60px;
  background: url(/static/frontend/images-atp/logo-cab.svg?6d1ad9a92583) no-repeat;
  display: block;
  height: 60px;
  background-size: contain; }

.logo-cab-white {
  width: 60px;
  background: url(/static/frontend/images-atp/logo-cab-white.svg?6d1ad9a92583) no-repeat;
  display: block;
  height: 60px;
  background-size: contain; }

.ico-moto {
  width: 100px;
  background: url(/static/frontend/images-atp/ico-moto.svg?6d1ad9a92583) no-repeat;
  display: block;
  height: 70px;
  background-size: contain; }

.ico-car {
  width: 140px;
  background: url(/static/frontend/images-atp/ico-car.svg?6d1ad9a92583) no-repeat;
  display: block;
  height: 40px;
  background-size: contain; }

.ico-phone {
  width: 26px;
  background: url(/static/frontend/images-atp/ico-phone.svg?6d1ad9a92583) no-repeat;
  display: block;
  height: 26px;
  background-size: contain; }

.experiencia-belgrano {
  width: 540px;
  background: url(/static/frontend/images-atp/experiencia-belgrano-blue.svg?6d1ad9a92583) no-repeat;
  display: block;
  height: 370px;
  background-size: contain; }

.logo-instagram {
  width: 64px;
  background: url(/static/frontend/images-atp/logo-instagram.svg?6d1ad9a92583) no-repeat;
  display: block;
  height: 64px;
  background-size: contain; }

.logo-facebook {
  width: 64px;
  background: url(/static/frontend/images-atp/logo-facebook.svg?6d1ad9a92583) no-repeat;
  display: block;
  height: 64px;
  background-size: contain; }

.arrow-left {
  width: 32px;
  background: url(/static/frontend/images-atp/arrow-left.svg?6d1ad9a92583) no-repeat;
  display: block;
  height: 32px;
  background-size: contain; }

.wrap-flag {
  width: 100%;
  background: url(/static/frontend/images-atp/flag.svg?6d1ad9a92583) no-repeat 0;
  background-size: 115%; }

.logo-ssn {
  width: 140px;
  background: url(/static/frontend/images-atp/logo-ssn.svg?6d1ad9a92583) no-repeat;
  display: block;
  height: 20px;
  background-size: contain; }

.qr-datafiscal {
  min-width: 50px;
  background: url(/static/frontend/images-atp/qr-datafiscal.jpg?6d1ad9a92583) no-repeat;
  display: block;
  min-height: 70px;
  background-size: contain; }

.bg-quote {
  width: 100%;
  background: url(/static/frontend/images-atp/bg-quote.svg?6d1ad9a92583) no-repeat;
  display: block;
  height: 500px;
  background-size: contain; }

:root {
  --color-primary: #5dafe0;
  --color-secondary: #000;
  --color-tertiary: #B565E0;
  --color-white: #FFF;
  --color-black: #000;
  --color-grey: #6c757d;
  --color-lightgrey: #fafafa;
  --background-error: #f8d7da;
  --border-error: #f5c6cb;
  --color-error: #721c24;
  --background-info: #cce5ff;
  --border-info: #b8daff;
  --color-info: #004085;
  --background-warning: #fff3cd;
  --border-warning: #ffeeba;
  --color-warning: #856404;
  --background-success: #d4edda;
  --border-success: #c3e6cb;
  --color-success: #155724;
  --font-primary: quicksand;
  --font-secondary: quicksand; }

#carQuoteForm .box-model .field .show-t {
  font-family: var(--font-primary);
  color: #555; }

.form-design, input[type=text], input[type=number], input[type=email], input[type=password] {
  width: 100%;
  line-height: 38px;
  height: 38px;
  padding: 0 12px;
  font-size: 16px;
  border: 1px solid #dbdbdb;
  box-shadow: none;
  background-color: #FFF;
  border-radius: 10px;
  color: #363636;
  font-family: var(--font-primary);
  transition: all .2s linear;
  outline: 0; }

@media only screen and (max-width: 768px) {
  .fields .field.max-width-100 {
    grid-template-columns: 120px auto;
    margin-bottom: 15px; }
    .fields .field.max-width-100 .label-top {
      text-align: left !important;
      top: -22px; }
    .fields .field.max-width-100 .checkbox-wrap {
      margin: 0 0 5px;
      grid-column: 2; } }

.quote {
  background: url(/static/frontend/images-atp/bg-quote.svg?6d1ad9a92583) no-repeat bottom, linear-gradient(0deg, #c6edfd 40%, white 100%);
  background-size: 100%;
  display: grid;
  grid-template-columns: 1fr;
  padding: 0;
  margin: 0;
  min-height: calc(100vh - 70px); }
  @media only screen and (max-width: 1200px) {
    .quote {
      grid-template-rows: auto 280px; } }
  @media only screen and (max-width: 960px) {
    .quote {
      grid-template-rows: auto 220px;
      min-height: auto; } }
  @media only screen and (max-width: 768px) {
    .quote {
      grid-template-rows: auto auto;
      gap: 0; } }
  @media only screen and (max-width: 480px) {
    .quote {
      grid-template-rows: auto auto; } }
  .quote .cotizador {
    grid-row: 1;
    width: 95%;
    margin: auto;
    max-width: 1200px;
    gap: 25px;
    display: grid; }
    @media only screen and (max-width: 960px) {
      .quote .cotizador {
        min-width: 95%;
        width: 100%;
        width: 100%;
        max-width: 90%;
        margin: 30px auto;
        gap: 10px; } }
    @media only screen and (max-width: 768px) {
      .quote .cotizador {
        width: 100%;
        max-width: 90%;
        gap: 10px; } }
    .quote .cotizador H2 {
      line-height: 2.8rem;
      font-size: 2.4rem;
      margin: 0 auto;
      max-width: 680px; }
      @media only screen and (max-width: 768px) {
        .quote .cotizador H2 {
          font-size: 1.6rem;
          line-height: 1.8rem; } }
    .quote .cotizador .box-model {
      background: #5dafe0;
      box-shadow: none;
      border: 0; }
      .quote .cotizador .box-model .btn {
        background: #000;
        font-size: 24px;
        padding: 0 10px;
        color: #FFF; }
        .quote .cotizador .box-model .btn:hover {
          background: #FFF;
          color: #000; }
    .quote .cotizador #carQuoteForm > ul {
      display: none; }

.home {
  height: 100vh;
  min-height: 780px;
  grid-template-rows: auto 2fr;
  display: grid; }
  @media only screen and (max-width: 768px) {
    .home {
      grid-template-rows: 20% 1fr; } }
  @media only screen and (max-width: 480px) {
    .home {
      grid-template-rows: 90px 1fr; } }
.btns {
  margin: auto;
  display: flex;
  gap: 10px;
  text-align: center; }
  @media only screen and (max-width: 320px) {
    .btns {
      flex-direction: column;
      gap: 10px;
      padding-top: 10px;
      width: 100%; } }
  .btns a {
    display: flex;
    align-items: center;
    gap: 15px;
    text-decoration: none;
    font-weight: bold;
    color: #000;
    border: 1px solid #000;
    background: transparent;
    padding: 10px 15px;
    border-radius: 30px; }
    @media only screen and (max-width: 480px) {
      .btns a {
        padding: 10px;
        border-radius: 10px;
        gap: 5px; } }
    @media only screen and (max-width: 320px) {
      .btns a {
        justify-content: center; } }
    .btns a:hover {
      background: #000;
      color: #FFF; }
      .btns a:hover .ico-car, .btns a:hover .ico-moto {
        filter: invert(99%) sepia(0%) saturate(4046%) hue-rotate(61deg) brightness(110%) contrast(101%); }
    .btns a.active {
      background: #5dafe0;
      border: 1px solid #5dafe0;
      color: #FFF;
      cursor: default; }
      .btns a.active .ico-car, .btns a.active .ico-moto {
        filter: invert(99%) sepia(0%) saturate(4046%) hue-rotate(61deg) brightness(110%) contrast(101%); }
  .btns .ico-car {
    background-position: bottom;
    width: 60px;
    height: 25px; }
  .btns .ico-moto {
    height: 30px;
    max-width: 44px; }

.brandquote {
  max-width: 185px; }

.yearquote {
  max-width: 125px; }

.groupquote {
  max-width: 185px; }

.zipquote {
  max-width: 110px; }

.gncquote {
  min-width: 90px;
  max-width: 90px; }

@media only screen and (max-width: 768px) {
  .brandquote,
  .yearquote,
  .groupquote,
  .versionquote,
  .zipquote {
    max-width: 100%; } }

.field .checkbox-wrap {
  margin: 12.5px auto;
  font-weight: bold;
  color: #FFF; }
  @media only screen and (max-width: 768px) {
    .field .checkbox-wrap {
      margin: 5px auto 0; } }
@media only screen and (max-width: 768px) {
  .field.gncquote {
    margin: 0 auto; } }