.home_main_section.campaign {
  background: #fff; }

.hybrid-corolla {
  background: #fff; }
  @media (min-width: 768px) {
    .hybrid-corolla {
      padding-top: 50px; } }
  .hybrid-corolla h1, .hybrid-corolla h2, .hybrid-corolla h3 {
    font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 900;
    color: #ccc;
    line-height: 1.1;
    text-transform: none !important;
    letter-spacing: normal !important; }
    .hybrid-corolla h1 span, .hybrid-corolla h2 span, .hybrid-corolla h3 span {
      color: #00b2fe; }
  .hybrid-corolla h1 {
    font-size: 40px;
    padding-left: 0; }
    @media (min-width: 768px) {
      .hybrid-corolla h1 {
        font-size: 73px;
        white-space: nowrap; } }
  .hybrid-corolla h2.hybrid-h2 {
    margin-bottom: 0 !important;
    font-size: 26px; }
    @media (min-width: 768px) {
      .hybrid-corolla h2.hybrid-h2 {
        font-size: 52px !important; } }
  .hybrid-corolla h3 {
    margin-top: 0;
    display: block;
    font-size: 20px; }
    @media (min-width: 768px) {
      .hybrid-corolla h3 {
        font-size: 30px; } }
  .hybrid-corolla small {
    font-size: 14px !important; }
    .hybrid-corolla small.terms {
      color: #999;
      text-transform: uppercase; }
  .hybrid-corolla .section-top {
    text-align: center; }
    .hybrid-corolla .section-top .hybrid-image img {
      margin: 15px 0;
      width: 100%; }
      @media (min-width: 768px) {
        .hybrid-corolla .section-top .hybrid-image img {
          width: auto; } }
    @media (min-width: 768px) {
      .hybrid-corolla .section-top .price-wrapper {
        margin-top: 30px;
        margin-bottom: 0; } }
    .hybrid-corolla .section-top .price-wrapper .price {
      display: inline-block;
      vertical-align: middle; }
      @media (min-width: 768px) {
        .hybrid-corolla .section-top .price-wrapper .price {
          margin-right: 10px; } }
      .hybrid-corolla .section-top .price-wrapper .price small {
        color: #999; }
      .hybrid-corolla .section-top .price-wrapper .price h1 {
        display: inline;
        margin: 0;
        padding: 0; }
    .hybrid-corolla .section-top a.btn-blue {
      background: #00b2fe;
      border-color: #00b2fe;
      margin: 0;
      border-radius: 0;
      font-size: 12px;
      font-weight: 700;
      line-height: 1.5;
      text-decoration: none;
      text-transform: uppercase;
      letter-spacing: .05em;
      border-radius: 0;
      margin: 10px 0;
      padding: 16px 40px 14px;
      -webkit-transition: background-color .2s;
      transition: background-color .2s; }
      .hybrid-corolla .section-top a.btn-blue:hover {
        background: #00a0e4;
        border-color: #00a0e4; }
      @media (min-width: 768px) {
        .hybrid-corolla .section-top a.btn-blue {
          margin-left: 10px; } }
    .hybrid-corolla .section-top button.btn-offer {
      background: #fff;
      border: 2px solid #eb0a1e;
      width: 100%;
      color: #eb0a1e;
      font-weight: 900;
      text-transform: none;
      line-height: 1;
      padding: 3%;
      border-radius: 0;
      margin: 10px 0;
      letter-spacing: 0; }
      @media (min-width: 768px) {
        .hybrid-corolla .section-top button.btn-offer {
          margin-left: 10px; } }
      .hybrid-corolla .section-top button.btn-offer small, .hybrid-corolla .section-top button.btn-offer span {
        font-weight: 700; }
      .hybrid-corolla .section-top button.btn-offer.btn-hybrid-finance {
        font-size: 36px; }
        .hybrid-corolla .section-top button.btn-offer.btn-hybrid-finance small {
          display: block; }
      .hybrid-corolla .section-top button.btn-offer.btn-hybrid-lease {
        font-size: 1.3em; }
        .hybrid-corolla .section-top button.btn-offer.btn-hybrid-lease span {
          display: block; }
  .hybrid-corolla .mobi-buttons {
    margin-top: 15px;
    margin-bottom: 15px; }
    @media (min-width: 767px) {
      .hybrid-corolla .mobi-buttons {
        display: none; } }
  .hybrid-corolla .desktop-buttons {
    margin-top: 15px;
    margin-bottom: 60px;
    overflow: visible; }
    @media (max-width: 768px) {
      .hybrid-corolla .desktop-buttons {
        display: none; } }
    @media (min-width: 992px) {
      .hybrid-corolla .desktop-buttons {
        margin-top: 50px; } }
    .hybrid-corolla .desktop-buttons .btn {
      height: 90px; }
      .hybrid-corolla .desktop-buttons .btn.btn-offer.btn-hybrid-finance {
        width: 48%;
        margin: 0 2% 0 0;
        padding: 0;
        position: relative;
        font-size: 1.5em; }
        .hybrid-corolla .desktop-buttons .btn.btn-offer.btn-hybrid-finance img {
          position: absolute;
          left: 0;
          bottom: 0;
          width: 40%; }
        .hybrid-corolla .desktop-buttons .btn.btn-offer.btn-hybrid-finance span {
          font-weight: 900;
          display: block;
          position: absolute;
          top: 20px; }
        @media (min-width: 768px) and (max-width: 991px) {
          .hybrid-corolla .desktop-buttons .btn.btn-offer.btn-hybrid-finance {
            font-size: 1.75em; }
            .hybrid-corolla .desktop-buttons .btn.btn-offer.btn-hybrid-finance span {
              right: 12%;
              top: 23px; } }
        @media (min-width: 992px) and (max-width: 1199px) {
          .hybrid-corolla .desktop-buttons .btn.btn-offer.btn-hybrid-finance {
            font-size: 2.25em; }
            .hybrid-corolla .desktop-buttons .btn.btn-offer.btn-hybrid-finance span {
              right: 15%; } }
        @media (min-width: 1200px) {
          .hybrid-corolla .desktop-buttons .btn.btn-offer.btn-hybrid-finance {
            font-size: 2.25em; }
            .hybrid-corolla .desktop-buttons .btn.btn-offer.btn-hybrid-finance span {
              right: 20%; } }
      .hybrid-corolla .desktop-buttons .btn.btn-offer.btn-hybrid-lease {
        font-size: 1.75em;
        line-height: 0.6;
        width: 48%;
        margin: 0;
        padding: 5px 0 0; }
        @media (min-width: 992px) {
          .hybrid-corolla .desktop-buttons .btn.btn-offer.btn-hybrid-lease {
            font-size: 2.25em;
            padding: 10px 0 0; } }
    .hybrid-corolla .desktop-buttons .terms {
      float: right;
      padding-right: 20px;
      margin-top: 5px; }
  @media (min-width: 768px) {
    .hybrid-corolla .hybrid-blurb {
      margin-bottom: 25px; } }
  .hybrid-corolla .hybrid-blurb h2, .hybrid-corolla .hybrid-blurb p {
    text-align: left; }
  .hybrid-corolla .hybrid-blurb h2 {
    margin-bottom: 30px !important; }
    .hybrid-corolla .hybrid-blurb h2.desktop-heading {
      display: none; }
      @media (min-width: 768px) {
        .hybrid-corolla .hybrid-blurb h2.desktop-heading {
          display: block; } }
    @media (min-width: 768px) {
      .hybrid-corolla .hybrid-blurb h2.mobi-heading {
        display: none; } }
  .hybrid-corolla .hybrid-blurb p {
    font-size: 16px;
    line-height: 1.75em; }
  .hybrid-corolla .hybrid-blurb img {
    margin-bottom: 30px; }
  .hybrid-corolla .hybrid-blurb a.btn {
    background: #eff2f4;
    border: none;
    margin: 10px 0;
    margin-right: 20px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .05em;
    border-radius: 0;
    padding: 16px 40px 14px;
    transition: background-color .2s; }
    @media (max-width: 767px) {
      .hybrid-corolla .hybrid-blurb a.btn {
        margin: 10px 10px 0 0;
        width: 97%;
        padding: 16px 20px 14px; } }
  @media (max-width: 767px) {
    .hybrid-corolla .hybrid-blurb .blurb-btn-divider {
      display: none; } }
  .hybrid-corolla .hybrid-slider.hybrid-slider-desktop {
    margin-bottom: 60px; }
    @media (max-width: 767px) {
      .hybrid-corolla .hybrid-slider.hybrid-slider-desktop {
        display: none; } }
  .hybrid-corolla .hybrid-slider.hybrid-slider-mobi {
    margin: 20px 0 30px; }
    @media (min-width: 768px) {
      .hybrid-corolla .hybrid-slider.hybrid-slider-mobi {
        display: none; } }
    .hybrid-corolla .hybrid-slider.hybrid-slider-mobi img {
      max-width: 100%; }
  .hybrid-corolla .section-bottom .hybrid-content-item h2 {
    margin-bottom: 15px !important;
    font-size: 32px; }
  .hybrid-corolla .section-bottom .hybrid-content-item p {
    font-size: 16px;
    line-height: 1.75em;
    margin-bottom: 25px !important; }
    .hybrid-corolla .section-bottom .hybrid-content-item p a {
      display: block;
      margin-top: 15px;
      text-decoration: underline; }
      .hybrid-corolla .section-bottom .hybrid-content-item p a:hover {
        color: #eb0a1e; }
  @media (min-width: 768px) {
    .hybrid-corolla .section-bottom .hybrid-content-item.last {
      margin-top: -130px; } }
  .hybrid-corolla .section-offers .hybrid-finance, .hybrid-corolla .section-offers .hybrid-lease {
    margin-bottom: 50px; }
    .hybrid-corolla .section-offers .hybrid-finance img, .hybrid-corolla .section-offers .hybrid-lease img {
      padding: 0; }
      .hybrid-corolla .section-offers .hybrid-finance img.hybrid-img-desktop, .hybrid-corolla .section-offers .hybrid-lease img.hybrid-img-desktop {
        margin: 40px 0 25px;
        padding: 0; }
        @media (max-width: 767px) {
          .hybrid-corolla .section-offers .hybrid-finance img.hybrid-img-desktop, .hybrid-corolla .section-offers .hybrid-lease img.hybrid-img-desktop {
            display: none; } }
      .hybrid-corolla .section-offers .hybrid-finance img.hybrid-img-mobi, .hybrid-corolla .section-offers .hybrid-lease img.hybrid-img-mobi {
        margin: 30px 0 25px;
        padding: 0; }
        @media (min-width: 768px) {
          .hybrid-corolla .section-offers .hybrid-finance img.hybrid-img-mobi, .hybrid-corolla .section-offers .hybrid-lease img.hybrid-img-mobi {
            display: none; } }
    .hybrid-corolla .section-offers .hybrid-finance p, .hybrid-corolla .section-offers .hybrid-lease p {
      font-size: 16px;
      line-height: 1.75em;
      clear: both; }
      @media (min-width: 768px) {
        .hybrid-corolla .section-offers .hybrid-finance p, .hybrid-corolla .section-offers .hybrid-lease p {
          text-align: center; } }
      .hybrid-corolla .section-offers .hybrid-finance p a, .hybrid-corolla .section-offers .hybrid-lease p a {
        display: block;
        margin-top: 15px;
        text-decoration: underline; }
        .hybrid-corolla .section-offers .hybrid-finance p a:hover, .hybrid-corolla .section-offers .hybrid-lease p a:hover {
          color: #eb0a1e; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .hybrid-corolla .container {
      width: 100%; }
    .hybrid-corolla .section-top h1 {
      white-space: normal; }
    .hybrid-corolla .desktop-buttons {
      display: block;
      margin-left: 0;
      margin-right: 0; }
      .hybrid-corolla .desktop-buttons .btn.btn-offer.btn-hybrid-finance, .hybrid-corolla .desktop-buttons .btn.btn-offer.btn-hybrid-lease {
        width: 46%; } }

.slick-arrow {
  margin: 0;
  padding: 0;
  border: 0;
  background-color: #fff;
  text-align: center;
  cursor: pointer;
  outline: 0;
  transition: color .2s; }
  .slick-arrow:after {
    font-family: 'ToyotaIcons2';
    color: #1d1d1b; }
  .slick-arrow:hover:after {
    color: #eb0a1e; }
  .slick-arrow.slick-prev:after {
    content: '\E001'; }
  .slick-arrow.slick-next:after {
    content: '\E000'; }
  .slick-arrow.slick-disabled:after {
    color: #ddd; }

.slick-dots {
  width: 100%;
  height: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center; }
  .slick-dots > li {
    display: inline-block;
    margin-bottom: 0; }
    .slick-dots > li + li {
      margin-left: 10px; }
    .slick-dots > li > button {
      display: block;
      background-color: #ddd;
      border: 0;
      box-shadow: 0 0 0 1px transparent;
      border-radius: 50%;
      width: 8px;
      height: 8px;
      padding: 0;
      text-indent: -9999px;
      transition: all .2s; }
      .slick-dots > li > button:hover, .slick-dots > li > button:focus {
        background-color: #ccc;
        outline: 0; }
      @media (min-width: 768px) {
        .slick-dots > li > button {
          background-color: rgba(255, 255, 255, 0.6); }
          .slick-dots > li > button:hover, .slick-dots > li > button:focus {
            background-color: #fff; } }
    .slick-dots > li.slick-active > button {
      background-color: transparent;
      box-shadow: 0 0 0 1px #fff; }
      @media (min-width: 768px) {
        .slick-dots > li.slick-active > button {
          box-shadow: 0 0 0 1px #fff; } }

.hero {
  position: relative; }
  .hero .hero-slide {
    position: relative;
    overflow: hidden; }
  .hero .hero-media {
    width: 100%;
    min-width: 500px; }
    @media (min-width: 768px) {
      .hero .hero-media {
        min-width: 800px; } }
    @media (min-width: 992px) {
      .hero .hero-media {
        min-width: 1000px; } }
  .hero .hero-wrapper {
    padding: 20px 20px 40px; }
    .hero .hero-wrapper > .container {
      position: relative;
      width: 100%;
      height: 100%; }
      @media (min-width: 992px) {
        .hero .hero-wrapper > .container {
          max-width: 970px; } }
      @media (min-width: 1200px) {
        .hero .hero-wrapper > .container {
          max-width: 1040px; } }
      @media (min-width: 1400px) {
        .hero .hero-wrapper > .container {
          max-width: none;
          width: 1170px; } }
    @media (min-width: 768px) {
      .hero .hero-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; } }
    @media (min-width: 1400px) {
      .hero .hero-wrapper {
        padding: 0; } }
  .hero .hero-content {
    text-align: center; }
    @media (min-width: 768px) {
      .hero .hero-content {
        width: 50%;
        position: absolute;
        top: 50%;
        left: 15px;
        color: #fff;
        text-align: left;
        opacity: 0;
        transform: translate3d(0, -25%, 0);
        transition: opacity .5s .5s, transform .5s .5s; }
        .hero .hero-content.align-center {
          left: 50%;
          transform: translate3d(-50%, -25%, 0);
          text-align: center; }
        .hero .hero-content.align-right {
          left: auto;
          right: 15px;
          text-align: right; }
        .hero .hero-content.hero-content-dark {
          color: #1d1d1b; } }
  @media (min-width: 768px) {
    .hero .slick-active .hero-content {
      opacity: 1;
      transform: translate3d(0, -50%, 0); }
      .hero .slick-active .hero-content.align-center {
        transform: translate3d(-50%, -50%, 0); } }
  .hero .slick-arrow {
    position: absolute;
    z-index: 1000;
    top: 50%;
    margin-top: -30px;
    width: 60px;
    height: 60px;
    display: none !important; }
    .hero .slick-arrow:after {
      font-size: 24px;
      line-height: 60px; }
    .hero .slick-arrow.slick-prev {
      left: 0; }
    .hero .slick-arrow.slick-next {
      right: 0; }
    @media (min-width: 1200px) {
      .hero .slick-arrow {
        display: block !important; } }
  .hero .slick-dots {
    position: absolute;
    bottom: 20px; }

/*# sourceMappingURL=hybrid-corolla.css.map */