@font-face {font-family: "GiorgioSans-Bold";
    src: url("giorgiosans-bold/3744d23a5fa29385168833eee4190625.eot"); /* IE9*/
    src: url("giorgiosans-bold/3744d23a5fa29385168833eee4190625.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("giorgiosans-bold/3744d23a5fa29385168833eee4190625.woff2") format("woff2"), /* chrome、firefox */
    url("giorgiosans-bold/3744d23a5fa29385168833eee4190625.woff") format("woff"), /* chrome、firefox */
    url("giorgiosans-bold/GiorgioSans-Bold.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url("giorgiosans-bold/3744d23a5fa29385168833eee4190625.svg#GiorgioSans-Bold") format("svg"); /* iOS 4.1- */
  }
  
  @font-face {font-family: "DecimaMonoPro-Bold";
    src: url("decimamonopro-bold/DecimaMonoPro-Bold.eot"); /* IE9*/
    src: url("decimamonopro-bold/DecimaMonoPro-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("decimamonopro-bold/DecimaMonoPro-Bold.woff2") format("woff2"), /* chrome、firefox */
    url("decimamonopro-bold/DecimaMonoPro-BoldItalic.woff") format("woff"), /* chrome、firefox */
    /*url("decimamonopro-bold/GiorgioSans-Bold.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    /*url("decimamonopro-bold/3744d23a5fa29385168833eee4190625.svg#GiorgioSans-Bold") format("svg"); /* iOS 4.1- */
  }
  
  
  @font-face {font-family: "Toyota Text Regular";
    src: url("toyota-text/6c80722802539317b0003777b1ce8a59.eot"); /* IE9*/
    src: url("toyota-text/6c80722802539317b0003777b1ce8a59.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("toyota-text/6c80722802539317b0003777b1ce8a59.woff2") format("woff2"), /* chrome、firefox */
    url("toyota-text/6c80722802539317b0003777b1ce8a59.woff") format("woff"), /* chrome、firefox */
    url("toyota-text/6c80722802539317b0003777b1ce8a59.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url("toyota-text/6c80722802539317b0003777b1ce8a59.svg#Toyota Text Regular") format("svg"); /* iOS 4.1- */
  }
  
  @font-face {
      font-family: 'DecimaMonoProLt';
      src: url('decimamonopro-bold/DecimaMonoProLt.eot');
      src: url('decimamonopro-bold/DecimaMonoProLt.eot?#iefix') format('embedded-opentype'),
          url('decimamonopro-bold/DecimaMonoProLt.woff2') format('woff2'),
          url('decimamonopro-bold/DecimaMonoProLt.woff') format('woff'),
          url('decimamonopro-bold/DecimaMonoProLt.ttf') format('truetype'),
          url('decimamonopro-bold/DecimaMonoProLt.svg#DecimaMonoProLt') format('svg');
      font-weight: normal;
      font-style: normal;
      font-display: swap;
  }
  
  @font-face {
      font-family: 'DecimaMonoPro';
      src: url('decimamonopro-bold/DecimaMonoPro.eot');
      src: url('decimamonopro-bold/DecimaMonoPro.eot?#iefix') format('embedded-opentype'),
          url('decimamonopro-bold/DecimaMonoPro.woff2') format('woff2'),
          url('decimamonopro-bold/DecimaMonoPro.woff') format('woff'),
          url('decimamonopro-bold/DecimaMonoPro.ttf') format('truetype'),
          url('decimamonopro-bold/DecimaMonoPro.svg#DecimaMonoPro') format('svg');
      font-weight: normal;
      font-style: normal;
      font-display: swap;
  }
  
  @font-face {
      font-family: 'DecimaMonoPro';
      src: url('decimamonopro-bold/DecimaMonoPro-Bold.eot');
      src: url('decimamonopro-bold/DecimaMonoPro-Bold.eot?#iefix') format('embedded-opentype'),
          url('decimamonopro-bold/DecimaMonoPro-Bold.woff2') format('woff2'),
          url('decimamonopro-bold/DecimaMonoPro-Bold.woff') format('woff'),
          url('decimamonopro-bold/DecimaMonoPro-Bold.ttf') format('truetype'),
          url('decimamonopro-bold/DecimaMonoPro-Bold.svg#DecimaMonoPro-Bold') format('svg');
      font-weight: bold;
      font-style: normal;
      font-display: swap;
  }
  
  @font-face {
      font-family: 'DecimaMonoPro';
      src: url('decimamonopro-bold/DecimaMonoPro-BoldItalic.eot');
      src: url('decimamonopro-bold/DecimaMonoPro-BoldItalic.eot?#iefix') format('embedded-opentype'),
          url('decimamonopro-bold/DecimaMonoPro-BoldItalic.woff2') format('woff2'),
          url('decimamonopro-bold/DecimaMonoPro-BoldItalic.woff') format('woff'),
          url('decimamonopro-bold/DecimaMonoPro-BoldItalic.ttf') format('truetype'),
          url('decimamonopro-bold/DecimaMonoPro-BoldItalic.svg#DecimaMonoPro-BoldItalic') format('svg');
      font-weight: bold;
      font-style: italic;
      font-display: swap;
  }
  
  @font-face {
      font-family: 'DecimaMonoProLt';
      src: url('decimamonopro-bold/DecimaMonoProLt_1.eot');
      src: url('decimamonopro-bold/DecimaMonoProLt_1.eot?#iefix') format('embedded-opentype'),
          url('decimamonopro-bold/DecimaMonoProLt_1.woff2') format('woff2'),
          url('decimamonopro-bold/DecimaMonoProLt_1.woff') format('woff'),
          url('decimamonopro-bold/DecimaMonoProLt_1.ttf') format('truetype'),
          url('decimamonopro-bold/DecimaMonoProLt_1.svg#DecimaMonoProLt') format('svg');
      font-weight: normal;
      font-style: normal;
      font-display: swap;
  }
  
  @font-face {
      font-family: 'DecimaMonoPro';
      src: url('decimamonopro-bold/DecimaMonoPro-Italic.eot');
      src: url('decimamonopro-bold/DecimaMonoPro-Italic.eot?#iefix') format('embedded-opentype'),
          url('decimamonopro-bold/DecimaMonoPro-Italic.woff2') format('woff2'),
          url('decimamonopro-bold/DecimaMonoPro-Italic.woff') format('woff'),
          url('decimamonopro-bold/DecimaMonoPro-Italic.ttf') format('truetype'),
          url('decimamonopro-bold/DecimaMonoPro-Italic.svg#DecimaMonoPro-Italic') format('svg');
      font-weight: normal;
      font-style: italic;
      font-display: swap;
  }
  
  @font-face {
      font-family: 'DecimaMonoProLt';
      src: url('decimamonopro-bold/DecimaMonoProLt-Italic.eot');
      src: url('decimamonopro-bold/DecimaMonoProLt-Italic.eot?#iefix') format('embedded-opentype'),
          url('decimamonopro-bold/DecimaMonoProLt-Italic.woff2') format('woff2'),
          url('decimamonopro-bold/DecimaMonoProLt-Italic.woff') format('woff'),
          url('decimamonopro-bold/DecimaMonoProLt-Italic.ttf') format('truetype'),
          url('decimamonopro-bold/DecimaMonoProLt-Italic.svg#DecimaMonoProLt-Italic') format('svg');
      font-weight: normal;
      font-style: italic;
      font-display: swap;
  }
  
  @font-face {
      font-family: 'DecimaMonoPro';
      src: url('decimamonopro-bold/DecimaMonoPro-BoldItalic_1.eot');
      src: url('decimamonopro-bold/DecimaMonoPro-BoldItalic_1.eot?#iefix') format('embedded-opentype'),
          url('decimamonopro-bold/DecimaMonoPro-BoldItalic_1.woff2') format('woff2'),
          url('decimamonopro-bold/DecimaMonoPro-BoldItalic_1.woff') format('woff'),
          url('decimamonopro-bold/DecimaMonoPro-BoldItalic_1.ttf') format('truetype'),
          url('decimamonopro-bold/DecimaMonoPro-BoldItalic_1.svg#DecimaMonoPro-BoldItalic') format('svg');
      font-weight: bold;
      font-style: italic;
      font-display: swap;
  }
  
  @font-face {
      font-family: 'DecimaMonoPro';
      src: url('decimamonopro-bold/DecimaMonoPro-Italic_1.eot');
      src: url('decimamonopro-bold/DecimaMonoPro-Italic_1.eot?#iefix') format('embedded-opentype'),
          url('decimamonopro-bold/DecimaMonoPro-Italic_1.woff2') format('woff2'),
          url('decimamonopro-bold/DecimaMonoPro-Italic_1.woff') format('woff'),
          url('decimamonopro-bold/DecimaMonoPro-Italic_1.ttf') format('truetype'),
          url('decimamonopro-bold/DecimaMonoPro-Italic_1.svg#DecimaMonoPro-Italic') format('svg');
      font-weight: normal;
      font-style: italic;
      font-display: swap;
  }
  
  @font-face {
      font-family: 'DecimaMonoPro';
      src: url('decimamonopro-bold/DecimaMonoPro_1.eot');
      src: url('decimamonopro-bold/DecimaMonoPro_1.eot?#iefix') format('embedded-opentype'),
          url('decimamonopro-bold/DecimaMonoPro_1.woff2') format('woff2'),
          url('decimamonopro-bold/DecimaMonoPro_1.woff') format('woff'),
          url('decimamonopro-bold/DecimaMonoPro_1.ttf') format('truetype'),
          url('decimamonopro-bold/DecimaMonoPro_1.svg#DecimaMonoPro') format('svg');
      font-weight: normal;
      font-style: normal;
      font-display: swap;
  }
  
  @font-face {
      font-family: 'DecimaMonoPro';
      src: url('decimamonopro-bold/DecimaMonoPro-Bold_1.eot');
      src: url('decimamonopro-bold/DecimaMonoPro-Bold_1.eot?#iefix') format('embedded-opentype'),
          url('decimamonopro-bold/DecimaMonoPro-Bold_1.woff2') format('woff2'),
          url('decimamonopro-bold/DecimaMonoPro-Bold_1.woff') format('woff'),
          url('decimamonopro-bold/DecimaMonoPro-Bold_1.ttf') format('truetype'),
          url('decimamonopro-bold/DecimaMonoPro-Bold_1.svg#DecimaMonoPro-Bold') format('svg');
      font-weight: bold;
      font-style: normal;
      font-display: swap;
  }
  
  @font-face {
      font-family: 'DecimaMonoProLt';
      src: url('decimamonopro-bold/DecimaMonoProLt-Italic_1.eot');
      src: url('decimamonopro-bold/DecimaMonoProLt-Italic_1.eot?#iefix') format('embedded-opentype'),
          url('decimamonopro-bold/DecimaMonoProLt-Italic_1.woff2') format('woff2'),
          url('decimamonopro-bold/DecimaMonoProLt-Italic_1.woff') format('woff'),
          url('decimamonopro-bold/DecimaMonoProLt-Italic_1.ttf') format('truetype'),
          url('decimamonopro-bold/DecimaMonoProLt-Italic_1.svg#DecimaMonoProLt-Italic') format('svg');
      font-weight: normal;
      font-style: italic;
      font-display: swap;
  }
  span.bullet__grchangecolors {
      height: 40px;
      width: 40px;
      display: inline-block;
      border-radius: 50%;
      position: relative;
      margin: 0px 5px;
  }
  span.bullet__grchangecolors:before{
      content: '';
      position: absolute;
      height: 50px;
      width: 50px;
      border: 1px solid #333;
      left: -5px;
      top: -5px;
      border-radius: 50%;
      
  }
  span.separadorgr:before {
      content: '';
      position: absolute;
      height: 120%;
      width: 2px;
      background: #d1021e;
      right: 0;
      left: 0;
      margin: auto;
      transform: rotate(14deg);
      top: -10%;
  }
  span.separadorgr {
      width: 40px;
      position: relative;
      display: inline-block;
      height: 100%;
  }
  .gr_vertodoslosvehiculos {
      display: none;
  }
  .gr_title_carouselvehiculos {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      margin-bottom: 90px;
      margin-top: 50px;
  }
  h2.gr_carouseltitlesvehic {
      font-family: "DecimaMonoPro" !important;
      font-size: 40px !important;
      font-weight: bold;
      margin: 0px !important;
      line-height: 1 !important;
  }
  #Yaris-bg{
background-image: url('/wp-content/themes/toyotasite/assets/TGR/img/YARISbanner.png');
background-size: contain;
display: block !important;
background-repeat: no-repeat;
  }
  #corolla-bg{
    background-image: url('/wp-content/uploads/2024/11/banner-Corolla-TGR-1.jpg');
    background-size: contain;
    display: block !important;
    background-repeat: no-repeat;
      }

  section.banner_gr {
    min-height: 50vw;
    background-size: cover;
}
  .navbar-fixed-top {
      position: relative !important;
      z-index: 99999999;
  }
  p.gr_descriptioncarousel {
      display: none;
  }
  p.gr_descriptioncarousel {
      text-align: left !important;
  }
  a.gr_servicio_garantia {
      display: inline-block;
      padding: 7px;
      border: 1px solid #000;
      border-radius: 45px;
      color: #000 !important;
  }
  .gr_icons_name_detalle.icons i {
      color: #df001a;
      font-size: 20px !important;
  }
  .gr_icons_name_detalle.icons p {
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
      font-weight: bold !important;
      color: #000 !important;
      font-size: 16px !important;
  }
  .gr_textbottoms1 {
      margin-top: 20px;
  }
  .content_car_color {
      position: relative !important;
      width: 100% !important;
  }
  
  .gr_rowssubmenu li a:hover::before {
      content: '';
      width: 12px;
      height: 3px;
      position: absolute;
      background: #d1021e;
      bottom: -7px;
      left: 0;
      right: 0;
      margin: auto;
  }
  .gr_rowssubmenu li a {
      position: relative;
  }
  a.busquedaMobileHome.slideRight {
      display: none;
  }
  .fancybox-toolbar button:last-child {
      display: block !important;
  }
  .fancybox-toolbar button {
      display: none;
  }
  * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
  }
  body{
      margin: 0px;
  }
  .content_page {
      overflow: hidden;
  }
  .gr_containers {
      width: 100%;
      position: relative;
  }
  img {
      max-width: 100%;
      height: auto;
  }
  .gr_colorsred{
      color: #D1021E;
  }
  .left_text{
      text-align: left;
  } 
  .right_text{
      text-align: right;
  }  
  .center_text{
      text-align: center;
  } 
  /************************************************
  FONTS WEB
  ************************************************/
  p{
     font-family: "DecimaMonoPro" !important; 
  }
  h4.gr_carouseltitle{
     font-family: "GiorgioSans-Bold" !important; 
  }
  h1.gr_titlehistoy {
      font-family:"GiorgioSans-Bold" !important;
      font-style:normal;
      -webkit-font-smoothing: antialiased;
      -webkit-text-stroke-width: 0.2px;
      -moz-osx-font-smoothing: grayscale;
  }
  .gr_widthhistory h1 {
      text-align: center;
      font-size: 190px;
      color: #D1021E;
      letter-spacing: 15px;
      margin-bottom: 90px;
  }
  h1.gr_titleinternavehiculo{
      font-family: "GiorgioSans-Bold" !important;
  }
  section.gr_sectionslineatiempo p, section.gr_sectionslineatiempo h3, p.gr_subtitlehistoy {
      font-family: "DecimaMonoPro" !important;
  }
  h3.gr_titlesizeheight {
      font-family: "GiorgioSans-Bold" !important;
      font-size: 55px;
      margin-bottom: 10px;
  }
  .gr_paddingcontent p, .gr_parrafo_vehiculodescript p {
      font-family: "DecimaMonoPro" !important;
      /* font-size: 19px; */
  }
  h3.gr__namevehiculoactive{
      font-family: "DecimaMonoPro" !important;
      font-size: 22px;
  }
  .gr_reducir__ancho p {
      font-family: "DecimaMonoPro" !important;
     /* font-size: 22px !important;*/
  }
  h3.gr_galleryintern, h2.gr_titledetalles {
      font-family: "GiorgioSans-Bold" !important;
  }
  div#galleryDots {
      position: relative;
      z-index: 999;
  }   
  h2.gr_titlegaleria {
      font-family: "DecimaMonoPro" !important;
      text-transform: uppercase;
  }
  h1.gr_title {
      font-family: "DecimaMonoPro" !important;
      font-size: 30px;
  }
  div#cookieContainer {
      z-index: 999999;
  }
  div#bubble-tecsible {
      z-index: 99999;
  }
  /************************************************
  SUB MENU
  ************************************************/
  
  
  section.gr__submenutoyota:before {
      width: 93.9%;
      height: 100%;
      background: #1a1818;
      -webkit-transform: skew(-25deg);
      -moz-transform: skew(-25deg);
      -ms-transform: skew(-25deg);
      -o-transform: skew(-25deg);
      transform: skew(-25deg);
      position: absolute;
      content: '';
      left: 0;
  }
  section.gr__submenutoyota:after {
      width: 1.5%;
      height: 100%;
      background: rgb(209 2 30 / 60%);
      -webkit-transform: skew(-25deg);
      -moz-transform: skew(-25deg);
      -ms-transform: skew(-25deg);
      -o-transform: skew(-25deg);
      transform: skew(-25deg);
      position: absolute;
      content: '';
      right: 0;
  }
  .gr_contenedorsubmenu:before {
      width: 1.5%;
      height: 100%;
      background: rgb(209 2 30 / 80%);
      -webkit-transform: skew(-25deg);
      -moz-transform: skew(-25deg);
      -ms-transform: skew(-25deg);
      -o-transform: skew(-25deg);
      transform: skew(-25deg);
      position: absolute;
      content: '';
      right: 2%;
      top: 0;
  }
  .gr_contenedorsubmenu:after {
      width: 1.5%;
      height: 100%;
      background: rgb(209 2 30 / 100%);
      -webkit-transform: skew(-25deg);
      -moz-transform: skew(-25deg);
      -ms-transform: skew(-25deg);
      -o-transform: skew(-25deg);
      transform: skew(-25deg);
      position: absolute;
      content: '';
      right: 4.1%;
      top: 0;
  }
  section.gr__submenutoyota {
      position: relative;
      max-width: 65%;
      margin: auto;
      padding: 0px 20px;
      height: 50px;
      z-index: 999999;
      display: flex;
      align-items: center;
  }
  .gr_rowssubmenu {
      position: relative;
      z-index: 99;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
  }
  ul.gr_toyotamenuitmes {
      display: flex;
      list-style: none;
      margin: 0px !important;
      justify-content: center;
      margin-left: auto;
  }
  .gr_itemssubmenu {
      width: 100%;
  }
  .gr_contenedorsubmenu {
      width: 92%;
  }
  li.gr_items_menu {
      padding: 0px 10px;
  }
  a.gr_navitems {
      color: #fff !important;
      text-decoration: none !important;
      font-family: "DecimaMonoPro" !important;
  }
  
  
  /************************************************
  MODAL VIDEO
  ************************************************/
  
  body.over_none {
      overflow: hidden;
  }
  .btn_modalinterno {
      position: absolute;
      right: 15px;
      top: 15px;
      background: transparent !important;
      border: 0px !important;
      font-size: 30px !important;
      color: #fff !important;
      text-shadow: 0px 0px 10px #000 !important;
      z-index: 9999;
      cursor: pointer;
  }
  button.cerrarpopups {
      position: fixed;
      height: 100%;
      width: 100%;
      left: 0;
      top: 0;
      background: transparent !important;
  }
  .wgitts {
      max-width: 80%;
      margin: 2% auto;
      position: relative;
  }
  .box_forms {
      height: 100vh;
      position: relative !important;
      overflow: auto !important;
  }
  .open_modal1 {
      max-width: 100%;
      margin: auto;
      transition: all ease .5s;
      position: fixed;
      background: rgba(0,0,0,.8);
      z-index: 999999999999;
      left: 0;
      top: 0;
      opacity: 1;
      right: 0;
  }
  .contenido {
      background: #f7edd4;
      position: relative;
      z-index: 999;
  }
  .gr_icons_name_detalle p {
      padding-left: 15px;
  }
  button.reiniciar_cerrars.fullpantalla {
      position: fixed;
      height: 100%;
      width: 100%;
      left: 0;
      top: 0;
      cursor: pointer;
      background: transparent;
  }
  img.gr_logovideomodal_absolute {
      position: absolute;
      z-index: 99;
      height: 45px;
      width: auto;
      bottom: 30px;
      right: 30px;
  }
  .gr_boxvideo:before {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      background: #000;
      z-index: 99;
      opacity: .7;
      left: 0;
      top: 0;
  }
  
  
  /************************************************
  Banner (Page home)
  ************************************************/
  .gr_banner {
      position: relative;
  }
  section.gr_banner:before {
      content: '';
      background: #000;
      height: 100%;
      width: 100%;
      position: absolute;
      left: 0;
      top: 0;
      opacity: 0.7;
  }
  section.gr_banner .gr_col6:nth-child(1) {
      min-height: 900px;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
  }
  section.gr_banner .gr_col6:nth-child(1):before {
      content: '';
      background: #000;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      position: absolute;
      opacity: .4;
  }
  h1.gr_title {
      position: relative;
      z-index: 9;
      color: #fff;
      text-align: left;
  }
  span.gr_colorred {
      color: #d1021e;
  }
  button#gr_boton:after {
      content: '';
      position: absolute;
      width: 10px;
      height: 100%;
      border-right: 2px solid #df001a;
      right: 0;
      top: -2px;
      border-bottom: 2px solid #df001a;
      border-top: 2px solid #df001a;
  }
  button#gr_boton:before {
      content: '';
      position: absolute;
      width: 10px;
      height: 100%;
      border-left: 2px solid #df001a;
      left: 0;
      top: -2px;
      border-bottom: 2px solid #df001a;
      border-top: 2px solid #df001a;
  }
  button#gr_boton {
      height: 55px;
      width: 52px;
      position: relative;
      font-size: 19px;
      text-align: center;
      color: #fff !important;
      background: transparent !important;
      padding: 5px 12px 5px 15px;
      cursor: pointer;
      border: 0px !important;
      display: flex;
      align-items: center;
      justify-content: center;
      padding-bottom: 8px;
  }
  .gr_video-wrapper {
      height: 600px;
      position: relative;
      display: flex;
      overflow: hidden;
  }
  .gr_video-wrapper:before {
      content: '';
      position: absolute;
      height: 100%;
      width: 100%;
      background: #000;
      z-index: 9;
      opacity: .5;
  }
  .gr_backgroundvideo {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .gr_content.contentactivo {
      opacity: 1;
      left: -50%;
      transition: all ease .5s;
  }
  .gr_content {
      position: absolute;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding: 24px;
      width: 50%;
      z-index: 9999;
      height: 600px;
      left: 0;
      top: 0;
      transition: all ease .5s;
  }
  .gr_content:before {
      content: '';
      position: absolute;
      height: 100%;
      width: 100%;
      background: #000;
      left: 0;
      top: 0;
      opacity: .8;
  }
  .gr_contentvideobanner {
      position: relative;
      z-index: 99;
      text-align: left;
  }
  video#gr_video {
      position: relative;
      width: auto !important;
      height: 600px !important;
      margin: auto;
      display: none;
  }
  .gr_videoplay.videoactivo {
      z-index: 999 !important;
      display: block !important;
  }
  section.gr_banner.videoactivo:before {
      opacity: 1;
      z-index: 9;
  }
  button.gr_playreproducir i.fas.fa-pause {
      display: none;
  }
  button.gr_playreproducir i.fa.fa-play {
      display: block;
  }
  button.gr_playreproducir.btnactivo i.fas.fa-pause {
      display: block;
  }
  button.reiniciar_cerrar {
      position: absolute;
      z-index: 9999999;
      right: 15px;
      top: 15px;
      background: transparent !important;
      color: #fff !important;
      font-size: 28px;
      text-shadow: 0px 0px 10px #000;
      border: 0px !important;
      cursor: pointer;
  }
  
  
  /************************************************
  Historia (Page home)
  ************************************************/
  
  .gr_history {
      background-image: url(../TGR/img/home-historia-bg-cars.png);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      position: relative;
  }
  .gr_col30 {
      width: 27.5%;
  }
  .gr_col40 {
      width: 45%;
      position: relative;
      background-color: #D1021E;
      padding: 20px;
      min-height: 650px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-image: url(../../img/fondohistoria.png);
      padding-bottom: 120px;
  }
  .gr_contenidohistoria h3 {
      color: white;
      text-transform: uppercase;
      font-size: 95px;
      text-align: center;
      font-family: "GiorgioSans-Bold" !important;
      margin-bottom: 20px;
  }
  .gr_contenidohistoria p {
      font-size: 21px;
      color: #fff;
  }
  .gr_col70 {
      width: 65%;
  }
  .gr_col70 img {
      width: 100%;
      height: auto;
      margin-top: -250px;
      z-index: 9;
      position: relative;
  }
  .gr_contenedorbtnver {
      display: flex;
      justify-content: flex-end;
      margin-bottom: 50px;
  }
  .gr_contenidohistoria {
      max-width: 90%;
      margin: auto;
      padding: 20px;
      position: relative;
      z-index: 99;
  }
  button#gr_botonh span:after {
      content: '';
      width: 11px;
      height: 100%;
      position: absolute;
      border-left: 2px solid;
      top: -2px;
      left: 3px;
      border-top: 2px solid #fff;
      border-bottom: 2px solid #fff;
  }
  
  button#gr_botonh span:before {
      content: '';
      width: 11px;
      height: 100%;
      position: absolute;
      border-right: 2px solid;
      top: -2px;
      right: 3px;
      border-top: 2px solid #fff;
      border-bottom: 2px solid #fff;
  }
  button#gr_botonh span {
      height: 100%;
      width: 100%;
  }
  button#gr_botonh {
      position: absolute;
      top: 46%;
      left: 0;
      right: 0;
      margin: auto;
      display: inline-block;
      max-width: 60px;
      transform: translateY(-50%);
      height: 52px;
      color: #fff !important;
      border: 0px !important;
      background: transparent !important;
      z-index: 99;
      cursor: pointer;
  }
  .gr_boxvideohistoria:before {
      content: '';
      height: 100%;
      width: 100%;
      background: transparent;
      position: absolute;
      z-index: 9;
  }
  .gr_boxvideohistoria.removerbefore:before {
      z-index: -2 !important;
  }
  
  /*****************************************
  Carousel (Page home)
  *****************************************/
  
  .gr_itemvehiculo {
      padding: 0px 50px;
  }
  img.gr_carouselvehiculoimg {
      height: 50px;
      width: auto !important;
  }
  .gr_rowchildren {
      background-repeat: no-repeat;
      background-position: right;
      background-size: cover;
      min-height: 330px;
      display: flex;
      filter: grayscale(100%);
      opacity: 0.5;
  }
  .gr_colchildren {
      width: 50%;
      background: #d1021e;
      display: none;
      padding: 13px;
  }
  section.gr_vehiculos .owl-item.active.center .gr_colchildren{
      display: block;
  }
  section.gr_vehiculos .owl-item.active.center .gr_rowchildren{
      filter: initial;
      opacity: 1;
  }
  section.gr_vehiculos .owl-dots button span {
      width: 100% !important;
      border-radius: 0px !important;
      height: 2px !important;
  }
  section.gr_vehiculos .owl-dots button {
      width: 100% !important;
  }
  section.gr_vehiculos .owl-theme .owl-dots .owl-dot.active span {
      background: #d1021e !important;
      height: 5px !important;
  }
  section.gr_vehiculos .owl-dots:before {
      content: '';
      position: absolute;
      height: 100%;
      width: 100%;
      background: transparent;
      z-index: 99;
  }
  section.gr_vehiculos .owl-dots {
      width: 55%;
      margin: auto;
      display: flex;
      flex-wrap: nowrap;
      position: relative;
  }
  img.gr_carrobottom {
      width: 100%;
      height: auto !important;
      margin-top: -130px;
  }
  .gr_colchildren h3 {
      color: rgb(255 255 255 / 73%);
      font-size: 80px;
      margin: 0px !important;
      text-transform: uppercase;
      font-family: "GiorgioSans-Bold" !important;
      line-height: 1 !important;
  }
  .gr_colchildren p {
      text-align: left !important;
      color: #fff;
      font-weight: 700 !important;
      font-size: 15px;
  }
  .owl-item.active.center .gr_itemvehiculo {
      padding: 0px 25px;
  }
  .gr_itemvehiculo .gr_contenedorbtnver img {
      height: 25px;
  }
  .gr_itemvehiculo .gr_contenedorbtnver {
      justify-content: flex-start !important;
      position: relative;
      z-index: 9;
  }
  .gr_imagen_botton{
      display: none;
  }
  section.gr_vehiculos .owl-item.active.center .gr_imagen_botton{
      display: block;
  }
  section.gr_vehiculos .vehiculos .owl-nav {
      margin: auto;
      width: 56%;
      position: relative;
  }
  section.gr_vehiculos .vehiculos .owl-nav button {
      margin-top: -308px;
  }
  section.gr_vehiculos .vehiculos .owl-nav button.owl-next {
      float: right;
      position: relative;
      height: 60px;
      width: 30px;
      background: transparent !important;
      display: flex;
      align-items: center;
  }
  section.gr_vehiculos .vehiculos .owl-nav button.owl-prev {
      float: left;
      position: relative;
      height: 60px;
      width: 30px;
      background: transparent !important;
      display: flex;
      align-items: center;
  }
  section.gr_vehiculos .vehiculos .owl-nav button.owl-prev:before {
      content: '';
      position: absolute;
      height: 14px;
      width: 14px;
      border-left: 2px solid #d1021e;
      border-top: 2px solid #d1021e;
      transform: rotate(-45deg);
      right: 0;
      left: 0;
      margin: auto;
  }
  section.gr_vehiculos .vehiculos .owl-nav button.owl-prev:after {
      content: '';
      height: 54px;
      width: 10px;
      border-right: 2px solid #d1021e;
      position: absolute;
      top: 0;
      border-top: 2px solid #d1021e;
      border-bottom: 2px solid #d1021e;
      right: 0;
  }
  
  section.gr_vehiculos .vehiculos .owl-nav button.owl-next:before {
      content: '';
      position: absolute;
      height: 14px;
      width: 14px;
      border-right: 2px solid #d1021e;
      border-top: 2px solid #d1021e;
      transform: rotate(45deg);
      right: 0;
      left: 0;
      margin: auto;
  }
  section.gr_vehiculos .vehiculos .owl-nav button.owl-next:after {
      content: '';
      height: 54px;
      width: 10px;
      border-left: 2px solid #d1021e;
      position: absolute;
      top: 0;
      border-top: 2px solid #d1021e;
      border-bottom: 2px solid #d1021e;
      left: 0;
  }
  section.gr_vehiculos .vehiculos .owl-nav button span {
      color: transparent !important;
  }
  .gr_positionrelative {
      position: relative;
      padding-bottom: 40px;
  }
  .slider-counter {
      position: absolute;
      bottom: 60px;
      width: 54%;
      margin: auto;
      right: 0;
      left: 0;
  }
  
  .owl-item.active .gr_carrobottom {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeIn;
    animation-delay: 0.5s;
  } 
  
  
  /*****************************************
  GALERIA
  *****************************************/
  
  section.gr_galeria {
      background: #000;
      padding: 40px 20px 70px 20px;
  }
  h2.gr_titlegaleria {
      text-align: center;
      color: #fff;
      line-height: 1;
      margin: 0px;
      position: relative;
      font-size: 30px;
  }
  .gr_titledesing {
      display: inline-block;
      padding: 12px 22px;
      position: relative;
  }
  .gr_centertitle {
      text-align: center;
  }
  img.gr_decorations {
      position: absolute;
      height: 40px;
      width: auto;
      left: 0;
      top: 6px;
  }
  button.fancybox-button.fancybox-button--share {
      display: none;
  }
  
  
  /*****************************************
  SECTIONS COLS 2
  *****************************************/
  h2.gr_titleinstagram {
      font-family: "DecimaMonoPro" !important;
      font-weight: 100 !important;
  }
  h2.gr_titleinstagram a {
    text-decoration: none !important;
    color: #fff !important;
}
  .gr_background1 h3, .gr_background2 h3 {
      margin: 0px 0px 12px 0px;
      font-weight: bold !important;
      font-size: 90px;
      text-align: center;
      font-family: "GiorgioSans-Bold" !important;
  }
  .gr_background1, .gr_background2 {
      min-height: 320px;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      padding-bottom: 20px;
  }
  .gr_background1 {
      background-image: url(../TGR/img/home-BG-boutique.png);
  }
  .gr_background2 {
      background-image: url(../../img/background_accesorios.png);
  }
  
  
  /*****************************************
  IMAGES INSTAGRAM
  *****************************************/
  section.gr_imagesinstagram {
      background: #000;
      padding: 20px;
  }
  h2.gr_titleinstagram {
      text-align: center;
      color: #fff;
      font-size: 35px;
  }
  .gr_rowsinstagram {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      max-width: 80%;
      margin: auto;
  }
  .gr_imagesinstagramdesing {
      width: 50%;
      padding: 10px;
  }
  .gr_imagesinstagramdesing:nth-child(1) {
      text-align: right;
  }
  
  .gr_boximageinstagram1 img {
      height: 400px;
      padding: 12px;
  }
  .gr_boximageinstagram1 {
      position: relative;
      display: inline-block;
  }
  .gr_boximageinstagram1:before {
      content: '';
      position: absolute;
      border-left: 2px solid #df001a;
      left: -3px;
      top: -3px;
      border-top: 2px solid #df001a;
      height: 100%;
      width: 20px;
      border-bottom: 2px solid #df001a;
  }
  .gr_boximageinstagram2 img {
      height: 200px;
      padding: 12px;
  }
  .gr_boximageinstagram2 {
      position: relative;
      display: inline-block;
  }
  .gr_boximageinstagram2:before {
      content: '';
      position: absolute;
      border-left: 2px solid #df001a;
      left: -3px;
      bottom: -3px;
      border-right: 2px solid #df001a;
      height: 20px;
      width: 100%;
      border-bottom: 2px solid #df001a;
  }
  .gr_boximageinstagram3 img {
      height: 270px;
      padding: 12px;
  }
  .gr_boximageinstagram3 {
      position: relative;
      display: inline-block;
  }
  .gr_boximageinstagram3:before {
      content: '';
      position: absolute;
      border-left: 2px solid #df001a;
      left: -3px;
      top: -3px;
      border-right: 2px solid #df001a;
      height: 20px;
      width: 100%;
      border-top: 2px solid #df001a;
  }
  .gr_boximageinstagram4 img {
      height: 200px;
      padding: 12px;
  }
  .gr_boximageinstagram4 {
      position: relative;
      display: inline-block;
  }
  .gr_boximageinstagram4:before {
      content: '';
      position: absolute;
      border-top: 2px solid #df001a;
      right: -3px;
      top: -3px;
      border-right: 2px solid #df001a;
      height: 100%;
      width: 20px;
      border-bottom: 2px solid #df001a;
  }
  img.gr_imagedecorationsinstagram {
      height: 55px;
      width: auto;
      position: absolute;
  }
  img.gr_instagramrelative:hover {
      transition: all ease .5s;
      transform: scale(0.98);
  }
  img.gr_instagramrelative {
      position: relative;
      z-index: 9;
      transition: all ease .5s;
  }
  .gr_boximageinstagram1 img.gr_imagedecorationsinstagram {
      top: -14px;
      left: 3px;
      height: 79px;
  }
  .gr_boximageinstagram2 img.gr_imagedecorationsinstagram {
      left: -23px;
      bottom: 15px;
      transform: rotate(90deg);
      width: 76px;
      height: 60px;
  }
  .gr_boximageinstagram4 img.gr_imagedecorationsinstagram {
      top: -15px;
      right: 18px;
      width: 80px;
      height: auto !important;
  }
  .gr_100winstagram {
      width: 100%;
  }
  
  
  /*****************************************
  CAMBIO COLOR VEHICULO (page interna)
  *****************************************/
  
  .gr_dots {
      max-width: 80%;
      margin: auto;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      padding: 40px 0px;
  }
  ul#gr_dots {
      list-style: none;
      margin: 0;
      padding: 5px;
      overflow: auto;
      width: 100%;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  ul#gr_dots li.active {
      border: 2px solid #909090;
      border-radius: 50%;
  }
  ul#gr_dots li {
      float: left;
      font-weight: bold;
      margin-right: 2px;
      padding: 2px;
      cursor: pointer;
      border: 2px solid transparent;
  }
  #gr_dots li a {
    text-decoration: none;
    color: #FFF;
  }
  .gr_dots_contents {
    padding: 10px;
  }
  span.gr_dotsbox {
      height: 15px;
      width: 15px;
      display: block;
      border-radius: 50%;
      border: 1px solid #888;
  }
  .gr_informaciondelvehiculo p {
      margin: 0px;
  }
  .gr_informaciondelvehiculo {
      max-width: 80%;
      margin: auto;
      padding: 15px;
  }
  
  
  
  
  
  div#galleryDots ul li {
      margin: 0px 5px;
  }
  div#galleryDots {
      margin-bottom: -50px;
      margin-top: 70px;
  }
  div#galleryDots h3 {
      text-align: center;
  }
  div#galleryDots ul {
      display: flex;
      align-items: center;
      list-style: none;
      justify-content: center;
      padding: 0px !important;
      z-index: 99;
      position: relative;
  }
  
  /*****************************************
  DETALLES (page interna)
  *****************************************/
  section.gr_detallesvehiculos {
      padding-bottom: 60px;
      padding-top: 40px;
  }
  h2.gr_titledetalles {
      text-align: center;
      color: #000;
      line-height: 1;
      margin: 0px;
      position: relative;
      font-size: 40px;
      text-transform: uppercase;
  }
  section.gr_detallesvehiculos .gr_rows {
      max-width: 85%;
      margin: auto;
  }
  .gr_rowsdetalles {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
  }
  .gr_detalleicons {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      width: 100%;
      padding: 15px 10px;
  }
  .gr_icons_name_detalle img {
      height: auto !important;
      width: 30px !important;
      padding: 4px;
  }
  .gr_icons_name_detalle {
      width: 50% !important;
      display: flex;
      align-items: center;
  }
  .gr__respuestaicons {
      width: 50% !important;
      text-align: right;
  }
  .gr_detalleicons.gr_bg {
      background: #f6f6f6;
  }
  .gr_icons_name_detalle p {
      font-size: 14px;
      margin: 0px !important;
  }
  .gr__respuestaicons p {
      margin: 0px !important;
      font-size: 14px !important;
  }
  .gr_coldetallesimage {
      width: 60%;
      padding: 20px 35px;
      position: relative;
  }
  .gr_coldetallestext {
      width: 40%;
      padding: 10px;
  }
  .gr_textbottoms1 {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      max-width: 80%;
      margin-left: auto !important;
      flex-wrap: wrap;
  }
  .gr_textbottoms1 {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      max-width: 80%;
      margin-left: auto !important;
      flex-wrap: wrap;
  }
  .gr_textbottoms1 p:nth-child(2) {
      text-align: right;
  }
  .gr_textbottoms1 p {
      width: 50%;
      margin: 0px;
      padding: 15px 0px;
  }
  .gr_textbottoms2, .gr_textbottoms1 {
      position: relative;
  }
  .gr_textbottoms2 p {
      margin: 0px;
      padding: 15px 0px;
      font-size: 14px;
  }
  p.gr_heightvehiculo {
      text-align: right;
      margin-right: -12px;
  }
  .gr_coldetallesimage:before {
      content: '';
      position: absolute;
      width: 12px;
      height: 62%;
      right: 22px;
      border-right: 1px solid #888;
      border-top: 1px solid;
      top: 58px;
  }
  .gr_coldetallesimage:after {
      content: '';
      position: absolute;
      bottom: 25%;
      height: 22%;
      width: 12px;
      border-right: 1px solid #999;
      right: 41px;
      border-bottom: 1px solid #999;
  }
  .gr_textbottoms1:before {
      content: '';
      position: absolute;
      top: -8px;
      border-bottom: 1px solid #999;
      width: 80%;
      left: 0;
      height: 12px;
      border-left: 1px solid #999;
  }
  .gr_textbottoms2:before {
      content: '';
      position: absolute;
      top: -8px;
      border-bottom: 1px solid #999;
      width: 100%;
      left: 0;
      height: 12px;
      border-left: 1px solid #999;
  }
  
  
  /*****************************************
  AJUSTES INTERNA VEHICULOS (GENERAL)
  *****************************************/
  
  .gr_boxborderstext {
      padding: 10px 20px;
      border: 2px solid #ddd;
  }
  .gr_paddingcontent {
      padding: 0px 20px;
  }
  
  h4.gr_carouseltitle {
      font-size: 35px;
      margin-bottom: 1vw !important;
      color: #000;
      margin-left: 1vw;
  }
  p.gr_descriptioncarousel {
      border-bottom: 2px solid #888;
      padding-bottom: 10px !important;
  }
  .gr__btncarouselrelated img {
      width: 190px !important;
      height: auto;
  }
  .gr__btncarouselrelated {
      margin-bottom: 14px;
  }
  h3.gr_vehiculosrelacionadostitle {
      font-size: 40px;
      padding-top: 20px;
      font-family: "GiorgioSans-Bold" !important;
  }
  .owl-carousel.owl-theme.relacionados.owl-loaded.owl-drag {
      margin-bottom: 30px;
  }
  .owl-carousel.owl-theme.relacionados.owl-loaded.owl-drag .owl-nav {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 100%;
  }
  .owl-carousel.owl-theme.relacionados.owl-loaded.owl-drag .owl-nav button.owl-prev {
      float: left;
      margin-left: -10px;
      position: relative;
  }
  .owl-carousel.owl-theme.relacionados.owl-loaded.owl-drag .owl-nav button.owl-next {
      float: right;
      margin-right: -10px;
      position: relative;
  }
  .owl-carousel.owl-theme.relacionados.owl-loaded.owl-drag .owl-nav button.owl-prev::before {
      content: '';
      position: absolute;
      height: 20px;
      width: 20px;
      border-top: 3px solid #000;
      border-left: 3px solid #000;
      transform: rotate(-45deg);
      left: 0;
  }
  .owl-carousel.owl-theme.relacionados.owl-loaded.owl-drag .owl-nav button.owl-next::before {
      content: '';
      position: absolute;
      height: 20px;
      width: 20px;
      border-top: 3px solid #000;
      border-right: 3px solid #000;
      transform: rotate(45deg);
      right: 0;
  }
  .owl-carousel.owl-theme.relacionados.owl-loaded.owl-drag .owl-nav button span {
      opacity: 0 !important;
  }
  .owl-carousel.owl-theme.relacionados.owl-loaded.owl-drag .owl-nav button {
      background: transparent !important;
  }
  
  img.gr_vehiculosrelacionadimg {
      height: 150px;
      width: auto !important;
      margin: auto;
  }
  .gr_vertodoslosvehiculos {
      margin-bottom: 30px;
  }
  .gr_vertodoslosvehiculos img {
      width: 300px;
      height: auto;
  }
  
  
  
  /*****************************************
  GALLERY (PAGE VEHICULO INTERNO)
  *****************************************/
  
  section.gr_galeriavehiculo {
      padding: 40px 20px 70px 20px;
      background-color: #000;
  }
  .gr_cardgalleryvehiculo {
      height: 500px;
      position: relative;
      max-width: 80%;
      margin: auto;
  }
  .gr_rows.gr_widthvehiculos {
      max-width: 88%;
      margin: auto;
  }
  .gr_rows.gr_widthvehiculos .owl-item {
      padding: 1px;
  }
  .gr_itemsvehiculosrelacionate {
      min-height: 200px;
      padding: 10px;
      box-shadow: 0px 0px 5px #ddd;
      border-radius: 5px;
  }
  .gr_cardgalleryvehiculo {
      height: 500px;
      position: relative;
  }
  .gr_card-imagevehiculo {
      position: absolute;
      overflow: hidden;
  }
  .gr_card-imagevehiculo:nth-child(3) {
      height: 300px;
      width: 33.33333%;
      right: 0;
  }
  .gr_card-imagevehiculo:nth-child(2) {
      height: 200px;
      width: 33.33333%;
      left: 33.33333%;
      top: 0;
  }
  .gr_card-imagevehiculo:nth-child(1) {
      height: 300px;
      width: 33.33333%;
      top: 0;
      left: 0;
  }
  .gr_card-imagevehiculo:nth-child(6) {
      right: 0;
      bottom: 0;
      height: 200px;
      width: 33.33333%;
  }
  .gr_card-imagevehiculo:nth-child(5) {
      width: 33.33333%;
      left: 33.33333%;
      bottom: 0;
      height: 300px;
  }
  .gr_card-imagevehiculo:nth-child(4) {
      height: 200px;
      bottom: 0;
      width: 33.33333%;
  }
  .gr_card-imagevehiculo img {
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  h3.gr_galleryintern {
      max-width: 80%;
      margin: auto;
      padding-bottom: 20px;
      text-transform: uppercase;
      font-size: 40px;
      color: #fff;
  }
  
  
  /*****************************************
  sections2
  *****************************************/
  section.gr_sectioonstwovehiculos p {
      color: #fff;
      padding: 0px 20px;
  }
  section.gr_sectioonstwovehiculos {
      background: #000;
      padding: 60px 0px;
      position: relative;
      z-index: 9;
  }
  section.gr_sectionsnormal .gr_containers {
      max-width: 80%;
      margin: auto;
      padding: 40px 0px;
  }
  section.gr_sectionsnormal .gr_col6, section.gr_sectionsnormal .gr_col12 {
      padding: 15px;
  }
  video.gr_backgroundvideoin {
      width: 100%;
      height: auto;
  }
  
  /*****************************************
  BANNER INTERNA VEHICULOS (PAGE)
  *****************************************/
  
  .gr_alignimgtext {
      position: relative;
      z-index: 9;
      text-align: right;
      padding-right: 8%;
      /* margin-bottom: -7%; */
      padding-top: 5%;
	  padding: 3vw 6vw;
	  min-height: 50vw;
  }
  .gr_boxtitlelogovehiculos {
    display: inline-block !important;
    margin-left: auto;
    /*width: 69%;*/
    float: left;
    margin-top: 8vw;
	text-align: left;
	}
  h1.gr_titleinternavehiculo {
      font-size: 30px;
      color: #d1021e;
  }
  .box_imgvehiculosbannercart {
      display: flex;
      align-items: flex-end;
      flex-wrap: wrap;
  }
  .gr_reducir__ancho p {
     /* font-size: 19px;*/
  }
  .gr_reducir__ancho {
      max-width: 80%;
      margin: auto;
  }
  .gr_imagenprincipalvehiculos {
      width: 70%;
      margin-bottom: -5px;
  }
  .gr_imageniconsvehiculos {
    width: 45%;
    position: absolute;
    right: 2vh;
    top: 43vw;
    text-align: right;
}
  
  /*****************************************
  HISTORIA BANNER (PAGE)
  *****************************************/
  
  .gr_fondo_bannerhistoia:before {
      content: '';
      position: absolute;
      height: 100%;
      width: 100%;
      /*background: #000;*/
      opacity: .7;
      left: 0;
      top: 0;
  }
  .gr_fondo_bannerhistoia {
      min-height: 500px;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      justify-content: center;
      background-image: url(../../assets/TGR/img/historia_banner.png);
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      background-color: #000;
      position: relative;
  }
  .gr_widthhistory {
      max-width: 80%;
      position: relative;
      z-index: 9;
  }
  .gr_widthhistory h1 {
      text-align: center;
      font-size: 110px;
      color: #D1021E;
  }
  section.gr_sectionslineatiempo {
      background-image: url(../../img/pic_intro01_pc.png);
      position: relative;
      background-color: #000;
      background-position: center;
      background-size: contain;
  }
  
  
  /*****************************************
  HISTORY VIDEO (PAGE)
  *****************************************/
  
  video#gr_videoh {
      width: 100%;
      height: auto;
  }
  .gr_boxvideohistoria {
      max-width: 80%;
      margin: 30px auto;
      position: relative;
  }
  .gr_videohistoria {
      width: 100%;
  }
  p.gr_subtitlehistoy {
      color: #fff;
  }
  .gr_linebox:nth-child(2) span.gr_dottes {
      height: 85px;
      top: -120px;
  }
  h3.datenumbers {
      text-align: center;
      margin-bottom: 45px;
      font-size: 30px;
      color: #D1021E;
  }
  .gr_linedate span.gr_dottes {
      height: 99px;
  }
  .gr_heightlinedottes {
      min-height: 200px;
  }
  .gr_linedate span.gr_dottes {
      height: 99px;
      top: -131px;
  }
  h3.datenumbers.gr_secundaris {
      margin: 0px !important;
  }
  .gr_heightlinedottes {
      min-height: 165px !important;
  }
  
  
  
  /*****************************************
  HISTORIA LINEA TIEMPO (PAGE)
  *****************************************/
  
  .gr_linebox:hover .gr_fechadate p {
      background: #d1021e;
      color: #fff !important;
  }
  .gr_linebox {
      display: flex;
      align-items: center;
      justify-content: center;
      max-width: 80%;
      margin: auto;
      min-height: 300px;
  }
  .gr_boxlineatime1 {
      width: 45%;
      text-align: center;
  }
  .gr_boxlineatime2 {
      width: 10%;
      text-align: center;
      position: relative;
  }
  .gr_boxlineatime3 {
      width: 45%;
  }
  .gr_cont {
      width: 80%;
      margin: auto;
  }
  .gr_boxlineatime3 h3 {
      color: #D1021E;
      font-size: 26px;
      z-index: 99;
      margin: 0px !important;
      padding-bottom: 10px;
  }
  .gr_boxlineatime3 p {
      color: #fff;
      font-size: 15px;
      z-index: 99;
      margin: 0px !important;
  }
  
  
  /*****************************************
  FOOTER
  *****************************************/
  
  .gr_boxvideo {
      height: 500px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #000;
      position: relative;
  }
  button#gr_botonb {
      position: absolute;
      z-index: 999;
      height: 55px;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 55px;
      font-size: 18px;
      cursor: pointer;
      border: 0px !important;
      background: transparent !important;
  }
  img.gr_fondo_imagevideo {
      position: absolute;
      width: 100%;
      left: 0;
      top: 0;
      height: 100%;
      object-fit: cover;
      z-index: 9;
  }
  button#gr_botonb span {
      height: 100%;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      color: #fff;
  }
  button#gr_botonb span:after {
      content: '';
      position: absolute;
      width: 9px;
      height: 100%;
      border-left: 2px solid #fff;
      left: -7px;
      border-top: 2px solid #fff;
      border-bottom: 2px solid #fff;
  }
  button#gr_botonb span:before {
      content: '';
      position: absolute;
      width: 9px;
      height: 100%;
      border-right: 2px solid #fff;
      right: -7px;
      border-top: 2px solid #fff;
      border-bottom: 2px solid #fff;
  }
  
  
  /*****************************************
  FOOTER
  *****************************************/
  
  section.gr_sectionsfooter {
      background: #000;
      padding-top: 40px;
      padding-bottom: 40px;
  }
  .gr_redessocial {
      display: flex;
      align-items: center;
      justify-content: center;
  }
  .gr_iconsredes {
      display: flex;
  }
  .gr_iconsredes a {
      color: #fff;
      margin: 5px 10px;
      font-size: 20px;
      width: 34px;
      height: 34px;
      border: 1px solid #D1021E;
      display: flex;
      align-items: center;
      justify-content: center;
      text-decoration: none !important;
  }
  
  /*****************************************
  gr_endhistoy HISTORY (PAGE)
  *****************************************/
  .gr__centrartitlehistory h4 {
      display: inline-block;
      position: relative;
      padding: 0px 55px;
  }
  .gr__centrartitlehistory h4 img:nth-child(3) {
      position: absolute;
      right: 0;
      bottom: 0;
      height: 50px;
  }
  .gr__centrartitlehistory h4 img:nth-child(1) {
      position: absolute;
      left: 0;
      top: 0;
      height: 50px;
  }
  .gr__centrartitlehistory {
      display: flex;
      justify-content: center;
      position: relative;
  }
  
  .gr_colinfohistory {
      max-width: 80%;
      margin: auto;
  }
  .gr_rowshistoryinfo {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
  }
  .gr_colinfohistoria {
      width: 50%;
      padding: 10px;
      text-align: center;
  }
  .gr_colinfohistoria p, .gr_colinfohistoria h4 {
      text-align: left !important;
      margin: 0px !important;
  }
  .mt__tb {
      margin-top: 100px !important;
  }
  .mb__bot{
      margin-bottom: 50px !important;
  }
  h3.gr_titlehistoryinfo {
      color: #d1021e;
      margin-bottom: 0px;
      text-align: center;
      font-size: 30px;
  }
  h4.gr_subtitlehistoryinfo {
      margin-top: 3px !important;
      text-align: center;
      color: #fff;
      font-size: 26px;
  }
  .gr_colinfohistoria p {
      color: #fff !important;
      font-size: 14px;
  }
  .gr_rigthtext p, .gr_rigthtext h4 {
      text-align: right !important;
  }
  .gr_colinfohistoria h4 {
      color: #d1021e;
      padding-bottom: 6px;
      font-size: 20px;
  }
  .gr_colinfohistoriah img {
      width: 100%;
      height: auto !important;
      padding: 15px;
  }
  .gr_imginfohistory:before {
      z-index: 99;
      content: '';
      width: 20px;
      height: 100%;
      position: absolute;
      left: 0;
      border-left: 2px solid #d1021e;
      top: -4px;
      border-bottom: 2px solid #d1021e;
      border-top: 2px solid #d1021e;
  }
  .gr_imginfohistory:after {
      z-index: 99;
      content: '';
      width: 20px;
      height: 100%;
      position: absolute;
      right: 0;
      border-right: 2px solid #d1021e;
      top: -4px;
      border-bottom: 2px solid #d1021e;
      border-top: 2px solid #d1021e;
  }
  .gr_imginfohistory {
      position: relative;
  }
  h3.gr_titlehistoryinfoh {
      text-align: center;
      margin-bottom: 0px;
      color: #d1021e;
      font-size: 30px;
      margin-top: 50px;
  }
  h4.gr_subtitlehistoryinfoh {
      text-align: center;
      margin-top: 4px !important;
      font-size: 24px;
      color: #fff;
      letter-spacing: 2px;
  }
  .gr_colinfohistoriah p {
      margin-bottom: 40px;
      margin-top: 40px;
      color: #fff;
  }
  section.gr_galeriahyst {
      background-image: url(../../img/pic_intro01_pc.png);
      background-color: #000;
      background-position: center;
      background-size: contain;
      padding-top: 50px;
  }
  .gr__desingmovil {
      display: flex;
      flex-wrap: wrap;
  }
  
  /*****************************************
  FLEX BOX
  *****************************************/
  
  .gr_rows{
      display: flex;
      flex-wrap: wrap;
  }
  .gr_col3 {
      width: 25%;
  }
  .gr_col6 {
      width: 50%;
  }
  .gr_col9 {
      width: 75%;
  }
  .gr_col12 {
      width: 100%;
  }
  
  
  @media(max-width: 767px){


  span.bullet__grchangecolors:before {
      content: '';
      position: absolute;
      height: 35px;
      width: 35px;
      border: 1px solid #333;
      left: -5px;
      top: -5px;
      border-radius: 50%;
  }
  span.bullet__grchangecolors {
      height: 25px;
      width: 25px;
      display: inline-block;
      border-radius: 50%;
      position: relative;
      margin: 0px 5px;
  }
  .gr_box_xhadowstorotamovil.gr_activesombra {
      position: fixed;
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      z-index: 99;
      background: #000;
      opacity: .7;
  }
  .gr_imagenprincipalvehiculos {
      width: 100%;
      margin: 0;
  }
  ul.gr_toyotamenuitmes li {
      width: 100% !important;
      min-height: 50px !important;
      display: flex;
      align-items: center;
  }
  .gr_itemssubmenu {
      width: 100%;
      height: 50px;
      display: flex;
      align-items: center;
  }
  
  section.gr__submenutoyota:before {
      width: 100%;
      left: -15%;
  }
  section.gr__submenutoyota {
      margin-right: auto !important;
      margin-left: 0 !important;
      max-width: 100%;
      padding-left: 0 !important;
      padding: 0px;
  }
  .gr_contenedorsubmenu {
      width: 100% !important;
  }  
  
  .gr_contenedorsubmenu:after {
      width: 4%;
      right: 10.1%;
      top: 0;
  }
  .gr_contenedorsubmenu:before {
      width: 4%;
      right: 5%;
      top: 0;
  }
  section.gr__submenutoyota:after {
      width: 4%;
      right: 0;
  }
  ul.gr_toyotamenuitmes {
      position: absolute;
      top: 100%;
      min-height: 200px;
      background: #1a1818;
      width: 100%;
      display: block !important;
      padding-left: 0px !important;
      padding-top: 40px;
      left: -100%;
      transition: all ease .5s;
  }
  ul.gr_toyotamenuitmes.btnactive {
      transition: all ease .5s;
      left: 0;
  }
  button.gr_open_close_menu {
      background: transparent !important;
      border: 0px !important;
      height: 40px;
      width: 40px;
      box-shadow: none;
      position: relative;
      margin-left: 20px;
  }
  button.gr_open_close_menu span:after {
      content: '';
      position: absolute;
      height: 2px;
      width: 40px;
      left: -5px;
      background: #fff;
      top: -10px;
      transition: all ease .5s;
  }
  button.gr_open_close_menu span:before {
      content: '';
      position: absolute;
      height: 2px;
      width: 40px;
      left: -5px;
      background: #fff;
      bottom: -10px;
      transition: all ease .5s;
  }
  button.gr_open_close_menu span {
      height: 2px;
      width: 40px;
      left: 0;
      position: absolute;
      background: #fff;
  }
  button.gr_open_close_menu.btnactive span {
      background: transparent !important;
  }
  button.gr_open_close_menu.btnactive span:after {
      transform: rotate(-45deg);
      left: 0;
      top: 0;
      transition: all ease .5s;
  }
  button.gr_open_close_menu.btnactive span:before {
      transform: rotate(45deg);
      left: 0;
      top: 0;
      transition: all ease .5s;
  }
  button.gr_open_close_menu.btnactive span {
      background: transparent !important;
  }
  
  .box_forms {
      display: flex;
      align-items: center;
  }
  .wgitts {
      max-width: 95%;
  }
  div#galleryDots {
      margin-bottom: 0;
  }
  p.gr_numerofechamovil:hover {
      background: #d1021e !important;
      color: #fff;
  }
  .gr_linebox:last-child .gr_desingdecorations:after, .gr_linebox:last-child span.gr_dottsmovil:after{
      display: none;
  }
  .gr_content.contentactivo {
      left: -100% !important;
  }
  img.gr_imgbannerinterna {
      order: 2;
      width: 100%;
      display: block;
      padding-top: 50px;
  }
  .gr_imageniconsvehiculos {
    width: 45%;
    position: absolute;
    right: 2vh;
    top: 44vw;
    text-align: right;
}
  .gr_alignimgtext {
      position: relative;
      z-index: 9;
      text-align: right;
      padding-right: 0;
      padding-top: 100px;
      max-width: 90%;
      margin: auto;
  }
  section.gr_sectionsnormal .gr_containers {
      max-width: 95%;
  }
  video#gr_videob {
      width: 100% !important;
      height: auto !important;
  }
  .gr_col3 {
      width: 100%;
  }
  .gr_col6 {
      width: 100%;
  }
  .gr_col9 {
      width: 100%;
  }
  .gr_coldetallesimage {
      width: 100%;
      padding: 20px 16px;
      position: relative;
  }
  section.gr_detallesvehiculos .gr_rows {
      max-width: 95%;
      margin: auto;
  }
  .gr_coldetallestext {
      width: 100%;
      padding: 10px;
  }
  video#gr_video {
      width: 100% !important;
      height: auto !important;
  }
  .gr_linebox {
      flex-wrap: wrap;
      max-width: 100%;
      justify-content: flex-end !important;
      min-height: 100% !important;
      margin: 20px 0px !important;
      padding: 10px 20px;
  }
  .gr__desingmovil {
      width: 80%;
      padding: 10px;
  }
  .gr_desingdecorations {
      width: 20%;
      position: relative;
      display: flex;
      align-items: center;
      padding: 0px 8px;
  }
  p.gr_numerofechamovil {
      width: 100%;
      text-align: center;
      background: #fff;
      padding: 20px 0px;
      position: relative;
  }
  p.gr_numerofechamovil:after {
      content: '';
      width: 12px;
      height: 118%;
      border-left: 2px solid #D1021E;
      position: absolute;
      left: -7px;
      top: -7px;
      border-bottom: 2px solid #D1021E;
      border-top: 2px solid #D1021E;
  }
  p.gr_numerofechamovil:before {
      content: '';
      width: 12px;
      height: 118%;
      border-right: 2px solid #D1021E;
      position: absolute;
      right: -7px;
      top: -7px;
      border-bottom: 2px solid #D1021E;
      border-top: 2px solid #D1021E;
  }
  .gr_desingdecorations:before {
      content: '';
      width: 2px;
      border-right: 2px dotted #fff;
      height: 40%;
      top: -7%;
      right: 0;
      left: 0;
      margin: auto;
      position: absolute;
  }
  .gr_desingdecorations:after {
      content: '';
      width: 2px;
      border-right: 2px dotted #fff;
      height: 40%;
      bottom: -7%;
      right: 0;
      left: 0;
      margin: auto;
      position: absolute;
  }
  .gr_fechadatebig h3 {
      color: #D1021E;
      margin-bottom: 0px !important;
  }
  .gr_fechadatebig p {
      margin-top: 5px !important;
  }
  span.gr_dottsmovil:after {
      content: '';
      height: 10px;
      width: 10px;
      background: #D1021E;
      position: absolute;
      z-index: 99;
      right: 0;
      left: 0;
      margin: auto;
      bottom: 36%;
  }
  span.gr_dottsmovil:before {
      content: '';
      height: 10px;
      width: 10px;
      background: #D1021E;
      position: absolute;
      z-index: 99;
      right: 0;
      left: 0;
      margin: auto;
      top: 36%;
  }
  .gr_linebox {
      align-items: normal !important;
  }
  .gr_cont {
      width: 100%;
      margin: auto;
  }
  .gr_boxlineatime3 {
      margin-bottom: 20px;
  }
  .gr_colinfohistoria {
      width: 100%;
  }
  .gr_boxlineatime2 {
      width: 100%;
  }
  .gr_boxredsblock {
      display: block !important;
  }
  .gr_boxbig {
      width: 100% !important;
      min-height: 58px !important;
      max-width: 100% !important;
      margin: 0px !important;
  }
  .gr_boxredsblock .gr_fechadatebig:after {
      content: '';
      width: 20px;
      height: 110%;
      border-right: 2px solid #D1021E;
      position: absolute;
      right: -10px;
      top: -10px;
      border-bottom: 2px solid #D1021E;
      border-top: 2px solid #D1021E;
  }
  .gr_boxredsblock .gr_fechadatebig:before {
      content: '';
      width: 20px;
      height: 110%;
      border-left: 2px solid #D1021E;
      position: absolute;
      left: -10px;
      top: -10px;
      border-bottom: 2px solid #D1021E;
      border-top: 2px solid #D1021E;
  }
  .gr_boxredsblock .gr_fechadatebig {
      background: #fff;
      padding: 6px;
      position: relative;
  }
  .gr_boxlineatime2 {
      display: none;
  }
  .gr_boxlineatime1 {
      order: 1 !important;
  }
  .gr_boxbig .gr_boxlineatime3 {
      margin: 0px !important;
  }
  .gr_boxlineatime1 {
      width: 100%;
      text-align: center;
  }
  .gr_boxlineatime3 {
      width: 100%;
  }
  .gr_textbottoms1 {
      max-width: 100%;
  }
  .gr_textbottoms1:before {
      left: 17%;
  }
  .gr_textbottoms1 p:nth-child(1) {
      width: 42%;
  }
  .gr_textbottoms1 p:nth-child(2) {
      text-align: right;
      width: 58%;
  }
  .gr_coldetallesimage:after{
      right: 12px;
  }
  .gr_coldetallesimage:before{
      right: 0;
  }
  .gr_textbottoms1 p {
      font-size: 14px;
  }
  .gr_dots {
      max-width: 100%;
      padding: 20px 0px;
  }
  .gr_widthhistory h1 {
      text-align: center;
      font-size: 72px;
      color: red;
      padding: 100px 0px 10px 0px;
  }
  .gr_cardgallery {
      max-width: 90%;
      margin: 20px auto;
  }
  .gr_card-imagevehiculo {
      height: 160px !important;
      position: relative !important;
      width: 50% !important;
      left: 0 !important;
      right: 0 !important;
      top: 0 !important;
      bottom: 0 !important;
  }
  .gr_cardgalleryvehiculo {
      height: auto !important;
      position: relative;
      display: flex;
      flex-wrap: wrap;
  }
  .gr_parrafo_vehiculodescript {
      max-width: 90%;
      margin: auto;
  }
  
  
  }


 
#Yaris-bg-mobile {
    background-image: url('/wp-content/themes/toyotasite/assets/TGR/img/YARIS-MOBILE-V2.jpg');
    display: none !important;
} 
#corolla-bg-mobile {
    background-image: url('/wp-content/themes/toyotasite/assets/TGR/img/banner_mobile_Corolla_TGR.jpg');
    display: none !important;
} 
  
  
.bt_red {
    background-color: #eb091d;
    display: table;
    padding: 8px 30px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    border-radius: 40px;
    margin: auto;
    font-size: 1.2em;
    min-width: 214px;
	border: none;
}
.bt_white {
    display: table;
    text-align: center;
    margin: auto;
    font-size: 1em;
    background-color: #fff;
    color: #7a7a7a;
    border-radius: 50px !important;
    text-transform: uppercase;
    font-family: "Toyota Text";
    margin-bottom: 0;
    padding: 8px 30px;
    min-width: 210px;
}

.only_button {
    top: inherit;
    margin-left: 0;
    padding: 0.2em 0;
    margin: 0 !important;
}
  @media(max-width: 500px){
    .gr_imageniconsvehiculos {
        width: 96%;
    }




    #Yaris-bg {
        background-image: url('/wp-content/themes/toyotasite/assets/TGR/img/YARISbanner.png');
        display: none !important;
    }
    
    #Yaris-bg-mobile {
        background-image: url('/wp-content/uploads/2024/11/banner-mobile-Yaris-GRS.jpg');
        display: block !important;
        background-size: contain;
        background-repeat: no-repeat;
        background-color: black;
        min-height: 136vw;
    }
    
    #corolla-bg{
        background-image: url('/wp-content/uploads/2024/11/banner-mobile-Corolla-TGR.jpg');
        display: block !important;
        background-size: contain;
        background-repeat: no-repeat;
        min-height: 136vw;
        background-color: black;
          }
          
    
	
	 

    
    section.banner_gr {
        min-height: 165vw;
        background-size: contain;
        background-repeat: no-repeat;
        min-height: 136vw;
        position: relative;
        background-color: black;
    } 
    .gr_imageniconsvehiculos {
        width: 96%;
        position: absolute;
        right: 3vw;
        text-align: right;
        top: 141vw;
        background: #fff;
        padding: 16px;
    }
    .bt_red {
    background-color: #eb091d;
    display: table;
    padding: 8px 30px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    border-radius: 40px;
    margin: auto;
    font-size: 1.2em;
    min-width: 214px;
}
    
    
    
    
    
  a.gr_servicio_garantia {
      font-size: 12px !important;
  }
  .owl-carousel.owl-theme.relacionados.owl-loaded.owl-drag .owl-nav button.owl-prev {
      margin-left: -20px;
  }
  .owl-carousel.owl-theme.relacionados.owl-loaded.owl-drag .owl-nav button.owl-next {
      margin-right: -20px;
  }
  .gr_rows.gr_widthvehiculos {
      max-width: 80%;
      margin: auto;
  }
  .gr_title_carouselvehiculos {
      margin-bottom: 35px;
      margin-top: 50px;
      flex-wrap: wrap;
      text-align: center;
  }
  span.separadorgr {
      display: none;
  }
  h2.gr_carouseltitlesvehic {
      margin-bottom: 30px !important;
  }
  .gr_widthhistory h1 {  
      text-align: center;
      font-size: 75px;
      color: red;
      padding: 100px 0px 4px 0px;
      letter-spacing: 8px;
  }
  .gr_linebox {
      flex-wrap: wrap;
      max-width: 100%;
      justify-content: flex-end !important;
      min-height: 100% !important;
      margin: 20px 0px !important;
      padding: 10px 20px;
  }
  .gr__desingmovil {
      width: 80%;
      padding: 10px;
  }
  .gr_desingdecorations {
      width: 20%;
      position: relative;
      display: flex;
      align-items: center;
      padding: 0px 8px;
  }
  p.gr_numerofechamovil {
      width: 100%;
      text-align: center;
      background: #fff;
      padding: 20px 0px;
      position: relative;
  }
  p.gr_numerofechamovil:after {
      content: '';
      width: 12px;
      height: 118%;
      border-left: 2px solid #D1021E;
      position: absolute;
      left: -7px;
      top: -7px;
      border-bottom: 2px solid #D1021E;
      border-top: 2px solid #D1021E;
  }
  p.gr_numerofechamovil:before {
      content: '';
      width: 12px;
      height: 118%;
      border-right: 2px solid #D1021E;
      position: absolute;
      right: -7px;
      top: -7px;
      border-bottom: 2px solid #D1021E;
      border-top: 2px solid #D1021E;
  }
  .gr_desingdecorations:before {
      content: '';
      width: 2px;
      border-right: 2px dotted #fff;
      height: 40%;
      top: -7%;
      right: 0;
      left: 0;
      margin: auto;
      position: absolute;
  }
  .gr_desingdecorations:after {
      content: '';
      width: 2px;
      border-right: 2px dotted #fff;
      height: 40%;
      bottom: -7%;
      right: 0;
      left: 0;
      margin: auto;
      position: absolute;
  }
  .gr_fechadatebig h3 {
      color: #D1021E;
      margin-bottom: 0px !important;
  }
  .gr_fechadatebig p {
      margin-top: 5px !important;
  }
  span.gr_dottsmovil:after {
      content: '';
      height: 10px;
      width: 10px;
      background: #D1021E;
      position: absolute;
      z-index: 99;
      right: 0;
      left: 0;
      margin: auto;
      bottom: 36%;
  }
  span.gr_dottsmovil:before {
      content: '';
      height: 10px;
      width: 10px;
      background: #D1021E;
      position: absolute;
      z-index: 99;
      right: 0;
      left: 0;
      margin: auto;
      top: 36%;
  }
  .gr_linebox {
      align-items: normal !important;
  }
  .gr_cont {
      width: 100%;
      margin: auto;
  }
  .gr_boxlineatime3 {
      margin-bottom: 20px;
  }
  .gr_colinfohistoria {
      width: 100%;
  }
  .gr_boxlineatime2 {
      width: 100%;
  }
  .gr_boxredsblock {
      display: block !important;
  }
  .gr_boxbig {
      width: 100% !important;
      min-height: 58px !important;
      max-width: 100% !important;
      margin: 0px 0px 12px 0px !important;
  }
  .gr_boxredsblock .gr_fechadatebig:after {
      content: '';
      width: 20px;
      height: 110%;
      border-right: 2px solid #D1021E;
      position: absolute;
      right: -10px;
      top: -10px;
      border-bottom: 2px solid #D1021E;
      border-top: 2px solid #D1021E;
  }
  .gr_boxredsblock .gr_fechadatebig:before {
      content: '';
      width: 20px;
      height: 110%;
      border-left: 2px solid #D1021E;
      position: absolute;
      left: -10px;
      top: -10px;
      border-bottom: 2px solid #D1021E;
      border-top: 2px solid #D1021E;
  }
  .gr_boxredsblock .gr_fechadatebig {
      background: #fff;
      padding: 6px;
      position: relative;
  }
  .gr_boxlineatime2 {
      display: none;
  }
  .gr_boxlineatime1 {
      order: 1 !important;
  }
  .gr_boxbig .gr_boxlineatime3 {
      margin: 0px !important;
  }
  .gr_boxlineatime1 {
      width: 100%;
      text-align: center;
  }
  .gr_boxlineatime3 {
      width: 100%;
  }
  .gr_textbottoms1 {
      max-width: 100%;
  }
  .gr_textbottoms1:before {
      left: 17%;
  }
  .gr_textbottoms1 p:nth-child(1) {
      width: 42%;
  }
  .gr_textbottoms1 p:nth-child(2) {
      text-align: right;
      width: 58%;
  }
  .gr_coldetallesimage:after {
      right: 8px;
      bottom: 125px;
  }
  .gr_coldetallesimage:before {
      right: 0;
      height: 46%;
  }
  .gr_textbottoms1 p {
      font-size: 14px;
  }
  .gr_dots {
      max-width: 100%;
      padding: 20px 0px;
  }
  
  .gr_cardgallery {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
  }
  .gr_card-image {
      width: 50%;
      height: 170px;
  }
  .gr_card-image img {
      height: 170px;
      width: 100% !important;
      object-fit: cover;
  }
  .gr_rowsinstagram {
      max-width: 100%;
  }
  .gr_imagesinstagramdesing {
      width: 100%;
  }
  img.gr_carrobottom {
      width: 100%;
      height: auto !important;
      margin-top: -70px;
  }
  .gr_col40 {
      width: 90%;
      margin: auto;
      padding-bottom: 10px;
  }
  .gr_contenidohistoria {
      max-width: 100%;
      padding: 0px;
  }
  .gr_col70 {
      width: 100%;
  }
  .gr_col70 img {
      margin-top: -70px;
  }
  section.gr_vehiculos .vehiculos .owl-nav button {
      margin-top: -50px;
  }
  section.gr_vehiculos .vehiculos .owl-nav {
      width: 100%;
  }
  .gr_video-wrapper {
      flex-wrap: wrap;
  }
  .gr_vacio {
      min-height: 300px;
      width: 100%;
  }
  .gr_content {
      width: 100%;
  }
  h1.gr_title br {
      display: none;
  }
  .gr_video-wrapper {
      min-height: 560px;
      height: auto;
      position: relative;
      display: flex;
  }
  .gr_content {
      min-height: 560px;
      height: auto !important;
  }
  .gr_contenidohistoria p {
      font-size: 18px;
      color: #fff;
  }
  .gr_vacio.eliminar {
      display: none;
  }
  .gr_col40 {
      min-height: 500px;
      padding-bottom: 100px;
  }
  .gr_colchildren h3 {
      font-size: 40px;
  }
  .gr_colchildren {
      width: 65%;
  }
  section.gr_vehiculos .owl-dots {
      width: 70%;
  }
  .slider-counter {
      width: 70%;
  }
  img.gr_instagramrelative {
      width: 100% !important;
      height: auto !important;
      max-width: 100% !important;
  }
  .gr_100winstagram {
      width: 100%;
      text-align: center;
  }
  h1.gr_title {
      padding-top: 40px;
  }
  
  }
  
  
  @media(min-width: 768px){



  .gr_parrafo_vehiculodescript {
      padding: 20px;
  }
  
  .gr_content {
      left: -50%;
  }
  button.gr_open_close_menu {
      display: none;
  }
  h3.gr_galleryintern {
      font-size: 60px;
      color: #fff;
  }
  .gr_content.contentactivo {
      left: -50% !important;
  }
  .gr_col70.gr_ajutarimg {
      text-align: right;
  }
  .gr_ajutarimg img {
      width: 68% !important;
      margin-left: auto !important;
      margin-right: 0 !important;
      margin-bottom: 30px;
  }
  img.gr_carrobottom {
      height: 330px !important;
      width: auto !important;
      margin: -170px auto 0px;
  }
  .owl-carousel.owl-theme.relacionados.owl-loaded.owl-drag .owl-nav button.owl-prev {
      margin-left: -30px;
  }
  .owl-carousel.owl-theme.relacionados.owl-loaded.owl-drag .owl-nav button.owl-next {
      margin-right: -30px;
  }
  video#gr_video {
      width: 100% !important;
      object-fit: cover !important;
  }
  button#removevideo {
      position: fixed;
      z-index: 999;
      right: 10px;
      top: 8px;
      cursor: pointer;
  }
  .gr_desingdecorations {
      display: none;
  }
  .gr__desingmovil {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      width: 100%;
  }
  .gr_fechadatebig:after {
      content: '';
      width: 20px;
      height: 117%;
      border-left: 2px solid #D1021E;
      position: absolute;
      left: -11px;
      top: -10px;
      border-top: 2px solid #D1021E;
      border-bottom: 2px solid #D1021E;
  }
  .gr_fechadatebig:before {
      content: '';
      width: 20px;
      height: 115%;
      border-right: 2px solid #D1021E;
      position: absolute;
      right: -11px;
      top: -10px;
      border-top: 2px solid #D1021E;
      border-bottom: 2px solid #D1021E;
  }
  .gr_fechadatebig {
      background: #fff;
      padding: 4px 15px;
      position: relative;
      min-height: 125px;
      max-width: 80%;
      margin: auto;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  .gr_fechadatebig p {
      margin: 9px;
  }
  .gr_fechadatebig h3 {
      margin: 0px !important;
      padding-top: 10px;
      color: #d10b15;
      font-weight: bold;
  }
  
  .gr_linebox {
      display: flex;
      align-items: center;
      justify-content: center;
      max-width: 100%;
      margin: auto;
      min-height: 300px;
      width: 100%;
  }
  .gr_boxbig .gr_boxlineatime2 {
      width: 80% !important;
  }
  .gr_boxbig .gr_boxlineatime2 .gr_fechadate p {
      width: 100% !important;
      height: 100% !important;
      max-width: 100%;
      padding: 15px;
  }
  .gr_boxbig .gr_boxlineatime1, .gr_boxbig .gr_boxlineatime3 {
      width: 0px !important;
  }
  .gr_boxbig .gr_fechadate p:before {
      height: 115% !important;
  }
  .gr_boxbig .gr_fechadate p:after {
      height: 115% !important;
  }
  .gr_reducirline span.gr_dottes {
      height: 140px;
      top: -165px;
  }
  
  .gr_fechadate p:before {
      content: '';
      position: absolute;
      width: 12px;
      height: 80px;
      right: -10px;
      border-right: 2px solid #D1021E;
      border-top: 2px solid #D1021E;
      border-bottom: 2px solid #D1021E;
  }
  .gr_fechadate p:after {
      content: '';
      position: absolute;
      width: 12px;
      height: 80px;
      left: -10px;
      border-left: 2px solid #D1021E;
      border-top: 2px solid #D1021E;
      border-bottom: 2px solid #D1021E;
  }
  .gr_fechadate {
      display: flex;
      align-items: center;
      justify-content: center;
  }
  .gr_fechadate p {
      background: #fff;
      height: 60px;
      max-width: 60px;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      min-width: 60px;
      margin: 10px;
  }
  span.gr_dottes {
      position: absolute;
      height: 140px;
      width: 2px;
      border-right: 2px dotted white;
      top: -174px;
  }
  span.gr_boxreds:after {
      content: '';
      position: absolute;
      height: 10px;
      width: 10px;
      background: #D1021E;
      bottom: -14px;
      left: -4px;
  }
  span.gr_boxreds:before {
      content: '';
      position: absolute;
      height: 10px;
      width: 10px;
      background: #D1021E;
      top: -14px;
      left: -4px;
  }
  .gr_boxlineatime1 img {
      max-height: 250px;
      width: auto;
      object-fit: cover;
  }
  .gr_cardgallery {
      height: 450px;
      position: relative;
      max-width: 80%;
      margin: 30px auto;
  }
  .gr_card-image {
      position: absolute;
      overflow: hidden;
  }
  .gr_card-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center top;
  }
  .gr_card-image:nth-child(1) {
      height: 297px;
      width: 48%;
  }
  .gr_card-image:nth-child(2) {
      left: 48%;
      width: 28%;
      height: 160px;
  }
  .gr_card-image:nth-child(3) {
      right: 0;
      width: 24%;
      height: 200px;
  }
  .gr_card-image:nth-child(4) {
      bottom: 0;
      width: 32%;
      height: 160px;
  }
  .gr_card-image:nth-child(5) {
      left: 32%;
      bottom: 0;
      width: 16%;
      height: 160px;
  }
  .gr_card-image:nth-child(6) {
      bottom: 0;
      left: 48%;
      width: 28%;
      height: 290px;
  }
  .gr_card-image:nth-child(7) {
      bottom: 0;
      right: 0;
      width: 24%;
      height: 250px;
  }
  .gr_boxtitlelogovehiculos {
      display: inline-block !important;
      margin-left: auto;
      /*width: 50%;*/
  }
  .gr_alignimgtext {
      /*padding-right: 0;*/
      margin-bottom: -9%;
      /* padding-top: 12%; */
  }
  img.gr_imgbannerinternalogovehiculo {
      max-width: 100%;
  }
  h1.gr_titleinternavehiculo {
      font-size: 3vw;
      color: #d1021e;
  }
  video#gr_videob {
      height: auto !important;
      width: 100% !important;
  }
  .gr_coldetallesimage {
      padding: 20px 10px;
  }
  .gr_coldetallesimage:before {
      right: 0;
  }
  .gr_coldetallesimage:after {
      right: 8px;
      bottom: 36%;
  }
  .gr_textbottoms1 {
      max-width: 95%;
  }
  .gr_textbottoms1 p {
      font-size: 14px;
  }
  .gr_sectionsnormal .gr_col6 {
      width: 100%;
  }
  }
  
  
  @media(min-width: 1024px){
  .gr_sectionsnormal .gr_col6 {
      width: 50%;
  }
  .gr_alignimgtext {
      /*padding-right: 0;*/
      /* padding-bottom: -4%; */
  }
  h1.gr_titleinternavehiculo {
      /*font-size: 21px;*/
      color: #d1021e;
  }
  img.gr_imgbannerinternalogovehiculo {
      max-width: 100%;
  }
  .gr_coldetallesimage:after {
      right: 8px;
      bottom: 30%;
  }
  
  }
  
  
  @media(min-width: 1280px){


  .content_car_color {
      max-width: 100%;
  }
  div#galleryColors img.img-responsive {
      max-width: 100%;
  }
  img.img-responsive {
      max-width: 80%;
      margin: auto;
  }
  img.gr_carrobottom {
      height: 265px !important;
      width: auto !important;
      margin: -130px auto 0px;
  }
  .gr_coldetallesimage {
      padding: 20px 35px;
  }
  .gr_coldetallesimage:before {
      right: 22px;
  }
  .gr_coldetallesimage:after {
      right: 41px;
      bottom: 25%;
  }
  .gr_alignimgtext {
    margin-bottom: -12%;
    padding-top: 5%;
   
	}
  .gr_boxtitlelogovehiculos {
      display: inline-block !important;
      margin-left: auto;
      width: 100%;
  }
  .gr_textbottoms1 {
      max-width: 80%;
  }
  .gr_textbottoms1 p {
      font-size: 14px;
  }
  h1.gr_titleinternavehiculo {
      /*font-size: 40px;*/
      color: #d1021e;
      margin: 0px;
  }
  .gr_colbannercarts {
      padding-top: 4%;
  }
  img.gr_imgbannerinternalogovehiculo {
      max-width: 100%;
  }
  .gr_cardgallery {
      height: 550px;
      position: relative;
      max-width: 80%;
      margin: 30px auto;
  }
  .gr_card-image:nth-child(1) {
      height: 380px;
      width: 48%;
  }
  .gr_card-image:nth-child(2) {
      left: 48%;
      width: 28%;
      height: 200px;
  }
  .gr_card-image:nth-child(3) {
      right: 0;
      width: 24%;
      height: 250px;
  }
  .gr_card-image:nth-child(4) {
      bottom: 0;
      width: 32%;
      height: 170px;
  }
  .gr_card-image:nth-child(5) {
      left: 32%;
      bottom: 0;
      width: 16%;
      height: 170px;
  }
  .gr_card-image:nth-child(6) {
      bottom: 0;
      left: 48%;
      width: 28%;
      height: 350px;
  }
  .gr_card-image:nth-child(7) {
      bottom: 0;
      right: 0;
      width: 24%;
      height: 300px;
  }
  .gr_contenidohistoria {
      max-width: 80%;
  }
  .gr_boxbig .gr_boxlineatime2 {
      width: 65% !important;
  }
  .gr_reducirline span.gr_dottes {
      height: 140px;
      top: -165px;
  }
  .gr_linebox {
      max-width: 80%;
  }
  .gr_boxvideohistoria {
      max-width: 50%;
      margin: 30px auto;
  }
  .gr_boxlineatime1 img {
      max-height: 300px;
  }
  .gr_rowchildren {
      min-height: 410px;
      align-items: center;
  }
  section.gr_vehiculos .owl-item.active.center .gr_colchildren {
      min-height: 410px;
      display: flex;
      align-items: center !important;
      padding-bottom: 50px;
  }
  section.gr_vehiculos .vehiculos .owl-nav button {
      margin-top: -372px;
  }
  
  }
  
  
  
  @media(min-width: 1366px){


  
  .gr_widthhistory h1 {
      font-size: 150px !important;
      margin-bottom: 80px;
  }
  
  
  }
  
  
  @media(min-width: 1440px){


  
  section.gr_vehiculos .vehiculos .owl-nav {
      margin: auto;
      width: 54%;
      position: relative;
  }
  p.gr_subtitlehistoy {
      max-width: 68%;
      margin: auto;
      font-size: 20px;
  }
  h1.gr_titleinternavehiculo {
      font-size: 42px;
      color: #d1021e;
  }
  .gr_colchildren p {
      font-size: 20px;
  }
  .gr_fechadatebig {
      max-width: 65%;
  }
  img.gr_carrobottom {
      height: 330px !important;
      width: auto !important;
      margin: -170px auto 0px;
  }
  
  
  }
  
  
  
  @media(min-width: 1600px){


  .gr_alignimgtext {
      padding-right: 0;
  }
  .gr_video-wrapper {
      height: 800px;
  }
  .gr_content {
      height: 800px;
  }
  video#gr_video {
      height: 800px !important;
  }
  h1.gr_title {
      font-size: 35px;
  }
  .gr_widthhistory h1 {
      font-size: 190px !important;
      margin-bottom: 90px;
  }
  
  
  }
  
  
  @media(min-width: 1800px){
  .gr_boxtitlelogovehiculos {
      display: inline-block !important;
      margin-left: auto;
      width: 45%;
  }
  h1.gr_titleinternavehiculo {
      font-size: 65px !important;
      color: #d1021e;
      margin-top: 15px !important;
      margin-bottom: 0px !important;
  }
  .gr_alignimgtext {
      margin-bottom: -12%;
  }
  section.gr__submenutoyota {
      max-width: 50%;
  }
  .gr_boxvideo {
      height: 650px;
  }
  
  }

/* .gr_imageniconsvehiculos {
    width: 45%;
    position: absolute;
    right: 2vh;
    top: 45vw !important;
    text-align: right;
} */