@font-face {font-family: "Nissan Brand W01 Light";
  src: url("../font/nissan_1.eot"); /* IE9*/
  src: url("../font/nissan_1.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("../font/nissan_3.woff2") format("woff2"), /* chrome、firefox */
  url("../font/nissan_4.woff") format("woff"), /* chrome、firefox */
  url("../font/nissan_2.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("../font/nissan_5.svg#Nissan Brand W01 Light") format("svg"); /* iOS 4.1- */
}



.menu_1{
    position: fixed;
    width: 100%;
    z-index: 999;
}

body {
        font-family: 'Nissan Brand W01 Light', sans-serif;
    }

a:hover {
    color: #0056b3;
    text-decoration: none;
}
    
 ::-moz-selection { /* Code for Firefox */
  color: #fff;
  background: #c3092e;
}

::selection {
  color: #fff;
  background: #c3092e;
}

.u-go-to-v1:hover, .u-go-to-v1:focus:hover {
    text-decoration: none;
    color: #fff;
    background-color: #c3092e;
}


 /*=================================*/
 
    :root {
      --offer-yellow: #c3092e;
      --offer-title: #111111;
      --offer-text: #333333;
      --offer-bg-gray: #e6e6e6;
    }
    
    .u-heading-v2-1--bottom::after{
	    border-color: #c3092e;
    }
    
    .bg-gris{ 
        background-color: var(--offer-bg-gray);
  }
  
    .offer-model {
      box-sizing: border-box;
      max-width: 400px;
      min-height: 426px;
      position:relative;
      overflow: hidden;
      border-bottom-right-radius: 20px;
      border-bottom-left-radius: 20px;
      margin: 2rem auto;
    }
  
    .offer-model:hover {
      border-radius: 20px;
      -webkit-box-shadow: 2px 5px 7px 0px rgba(0,0,0,0.5);
      -moz-box-shadow: 2px 5px 7px 0px rgba(0,0,0,0.5);
      box-shadow: 2px 5px 7px 0px rgba(0,0,0,0.5);
    }
  
    .text--center {
      text-align: center;
      width: 100%;
    }
  
    .grid-three-equal {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      column-gap: 4px;
    }
  
    .offer__grid-three-equal {
      display: grid;
      row-gap: 1rem;
    }
  
    .img--responsive {
      width: 100%;
      height: auto!important;
    }
  
    .model__box {
      background-color: var(--offer-bg-gray);
      height: 194px;
      display: flex;
      align-items: flex-end;
      margin-top: -68px;
      padding-bottom: 0.5rem;
    }
  
    .model__title,
    .model__price {
      color: var(--offer-title)
    }
  
    .model__title {
      font-size: 1.15rem;
      font-weight: 600;
      letter-spacing: 0.05rem;
      margin-bottom: 0;
      margin-top: 0;
    }
  
    .model__price {
      font-size: 1.2rem;
      font-weight: 600;
    }
  
    .whybuy__box {
      background-color: var(--offer-bg-gray);
      margin: 0;
      padding: 0rem 0.5rem;
      min-height: 108px;
      padding-bottom: 0;
    }
  
    .whybuy__img-box {
      text-align: center;
    }
  
    .whybuy__img {
      width: 70px;
      height: auto!important;;
    }
  
    .whybuy--description {
      font-size: 0.64rem;
      text-align: center;
      display: block;
      margin-bottom: 1rem;
      color: var(--offer-text);
      text-transform: uppercase;
    }
  
    .offer__detail-box {
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 80px;
    }
  
    .offer__detail {
      display: block;
      text-align: center;
      font-size: .9rem;
      font-weight: bold;
      margin: 0.1rem;
      color: var(--offer-title);
    }
  
    .offer__detail-price {
      color: var(--offer-yellow);
      font-size: 1rem;
    }
  
    .terms__box {
      background-color: var(--offer-bg-gray);
      padding: 0.5rem 0;
      position: absolute;
      height: 100%;
      max-width: 400px;
      top: 390px;
    }
  
    .terms__box:hover {
      top: 216px;
      -webkit-transition: 1s;
      transition: 1s;
      background-color: var(--offer-bg-gray);
    }
  
    .terms__title {
      display: block;
      color: var(--offer-yellow);
      font-size: .8rem;
      text-align: center;
      font-weight: 600;
      margin-bottom: 1rem;
    }
  
    .terms__svg {
      display: block;
      width: 9px;
      margin: 0 auto;
      margin-top: 2px;
      fill: var(--offer-title);
    }
  
    .terms__info {
      font-size: .8rem;
      padding: 0 0.7rem;
      color: var(--offer-text);
    }
  
    .terms__text {
      height: 124px;
      overflow-y: scroll;
    }
    
    label {
    font-weight: 800;
}


    .btn_cotizar {
    position: -webkit-sticky;
    position: sticky;
    left: 88vw;
    right: 0px !important;
    bottom: 124px;
    background: #c3092e;
    font-size: 22px;
    font-weight: 800;
	}
	
	.btn_cotizar:hover {
    background: #c3092e;
    opacity: 0.8;
    border: #c3092e;
	}
	
	.btn_cotizar_2 {
    background: #c3092e;
    font-size: 18px;
    font-weight: 600;
    float: right;
}

.btn_cotizar_2:hover {
    background: #c3092e;
    opacity: 0.8;
    border: #c3092e;
	}
  
.btn_ficha{
    background: #c3092ea6;
    font-size: 14px;
    display: block;
    margin: 10px auto 0 !important;
    position: relative;
    font-weight: bold;
    border: 1px solid #c3092ea6;
}

.btn_ficha:hover {
    background: #c3092e;
    opacity: 0.8;
    border: 1px solid #c3092e;
	}


.btn_ficha_store{
    background: #c3092ea6;
    color: white !important;
    font-size: 0.8rem;
    display: block;
    /*margin: 10px auto 0 !important;*/
    position: relative;
    font-weight: bold;
    border: 1px solid #c3092ea6;
}

.btn_ficha_store:hover {
    background: #c3092e;
    color: white !important;
    opacity: 0.8;
    border: 1px solid #c3092e;
	}



    /* BreakPoints */
    @media only screen and (device-width : 410px) and (device-height : 730px) and (-webkit-device-pixel-ratio : 3) {
      .model__title {
        font-size: 1.3rem;
      }
  
      .model__price {
        font-size: 1.4rem;
      }
  
      .offer-model {
        min-height: 564px;
      }
  
      .whybuy__box {
        min-height: 226px;
      }
  
      .terms__box {
        top: 515px;
      }
  
      .terms__box:hover {
        top: 246px;
      }
    }
  
    @media only screen and (min-width: 429px){
      .model__title_store {
        font-size: 1.5rem;
      }
        
        .model__title {
        font-size: 2rem;
      }
  
      .model__price {
        font-size: 1.4rem;
      }
  
      .offer-model {
        min-height: 564px;
      }
  
      .whybuy__box {
        min-height: 226px;
      }
  
      .terms__box {
        top: 518px;
      }
  
      .terms__box:hover {
        top: 248px;
      }
    }
  
    @media only screen and (min-width: 600px){
      .main-grid--padding {
        padding: 0 2.5vw;
      }
  
      .terms__box {
        top: 530px;
      }
  
      .offer__detail-price {
        font-size: 1.15rem;
      }
  
      .offer-model {
        min-height: 576px;
      }
    }
  
    @media only screen and (min-width: 992px){
      .offer__grid-three-equal {
        grid-template-columns: 1fr 1fr;
        column-gap: 2rem;
      }
  
      .terms__text {
        height: 150px;
      }
    }
  
    @media only screen and (min-width: 1200px){
      .offer__grid-three-equal {
        grid-template-columns: 1fr 1fr 1fr;
        column-gap: 2rem;
      }
  
      .offer__detail {
        font-size: 1rem;
      }
  
      .offer-model {
        min-height: 478px;
      }
  
      .whybuy__box {
        min-height: 120px;
      }
  
      .terms__box {
        top: 424px;
      }
  
      .terms__box:hover {
        top: 232px;
      }
    }
  
    @media only screen and (min-width: 1500px){
      .offer-model {
        min-height: 440px;
      }
  
      .offer__detail {
        font-size: 1.1rem;
      }
  
      .terms__box {
            top: 420px;
      }
  
      .terms__box:hover {
        top: 242px;
      }
    }

@media only screen 
  and (max-device-width: 960px)  { 
      
    .modelo_xs{
    width: 90%;
    }

}
  