/*~~~~~~ TIPOS ~~~~~~*/
@font-face {
   font-family: 'Avenir Light';
   src: url('../fonts/Avenir-Light.eot');
   src: url('../fonts/Avenir-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Avenir-Light.woff2') format('woff2'), url('../fonts/Avenir-Light.woff') format('woff'), url('../fonts/Avenir-Light.ttf') format('truetype');
   font-weight: 300;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: 'Avenir Roman';
   src: url('../fonts/Avenir-Roman.eot');
   src: url('../fonts/Avenir-Roman.eot?#iefix') format('embedded-opentype'), url('../fonts/Avenir-Roman.woff2') format('woff2'), url('../fonts/Avenir-Roman.woff') format('woff'), url('../fonts/Avenir-Roman.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: 'Avenir Black';
   src: url('../fonts/Avenir-Black.eot');
   src: url('../fonts/Avenir-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/Avenir-Black.woff2') format('woff2'), url('../fonts/Avenir-Black.woff') format('woff'), url('../fonts/Avenir-Black.ttf') format('truetype');
   font-weight: 900;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: 'Avenir Book';
   src: url('../fonts/Avenir-Book.eot');
   src: url('../fonts/Avenir-Book.eot?#iefix') format('embedded-opentype'), url('../fonts/Avenir-Book.woff2') format('woff2'), url('../fonts/Avenir-Book.woff') format('woff'), url('../fonts/Avenir-Book.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: 'Avenir Medium';
   src: url('../fonts/Avenir-Medium.eot');
   src: url('../fonts/Avenir-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Avenir-Medium.woff2') format('woff2'), url('../fonts/Avenir-Medium.woff') format('woff'), url('../fonts/Avenir-Medium.ttf') format('truetype');
   font-weight: 500;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: 'Avenir Heavy';
   src: url('../fonts/Avenir-Heavy.eot');
   src: url('../fonts/Avenir-Heavy.eot?#iefix') format('embedded-opentype'), url('../fonts/Avenir-Heavy.woff2') format('woff2'), url('../fonts/Avenir-Heavy.woff') format('woff'), url('../fonts/Avenir-Heavy.ttf') format('truetype');
   font-weight: 900;
   font-style: normal;
   font-display: swap;
}

/*~~~~~~ RUTAS Y COLORES ~~~~~~*/
/*~~~~~~ BREAKPOINTS ~~~~~~*/
/*~~~~~~ CLASES LESS ~~~~~~*/
/*~~~~~~ RESETS ~~~~~~*/
html {
   scroll-behavior: smooth;
}

html,
body {
   min-height: 100%;
}

html,
body,
div,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
   -webkit-text-size-adjust: none;
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   color: #000;
   font-family: 'Avenir Book';
   font-weight: 400;
   font-style: inherit;
   vertical-align: baseline;
}

@media (min-width: 992px) and (max-width: 1280px) {

   html,
   body,
   div,
   applet,
   object,
   iframe,
   h1,
   h2,
   h3,
   h4,
   h5,
   h6,
   p,
   blockquote,
   pre,
   a,
   abbr,
   acronym,
   address,
   big,
   cite,
   code,
   del,
   dfn,
   font,
   img,
   ins,
   kbd,
   q,
   s,
   samp,
   small,
   strike,
   sub,
   tt,
   var,
   dl,
   dt,
   dd,
   ol,
   ul,
   li,
   fieldset,
   form,
   label,
   legend,
   table,
   caption,
   tbody,
   tfoot,
   thead,
   tr,
   th,
   td {
      font-size: 14px;
   }
}

:focus {
   outline: 0;
}

a,
a:link,
a:visited,
a:hover,
a:active {
   text-decoration: none;
}

table {
   border-collapse: separate;
   border-spacing: 0;
}

th,
td {
   text-align: left;
   font-weight: normal;
}

img,
iframe {
   border: none;
   text-decoration: none;
}

ol,
ul {
   list-style: none;
}

input,
textarea,
select,
button {
   font-size: 100%;
   font-family: inherit;
}

sup {
   font-size: 0.7rem;
}

@media (min-width: 1400px) {

   .container,
   .container-lg,
   .container-md,
   .container-sm,
   .container-xl,
   .container-xxl {
      max-width: 1180px;
   }
}

@media (min-width: 992px) and (max-width: 1280px) {

   .container,
   .container-lg,
   .container-md,
   .container-sm,
   .container-xl,
   .container-xxl {
      max-width: 1050px;
   }
}

/*~~~~~~ BUTTONS ~~~~~~*/
.btn:not(.dropdown-toggle) {
   font-weight: normal;
   color: #000;
   font-size: 1rem;
   font-family: 'Avenir Book';
   min-width: 190px;
   display: inline-block;
   padding: 0.5rem 0.625rem;
   border: solid 1px #000;
   border-radius: 0;
   transition: all 0.3s;
   background-color: transparent;
   z-index: 1;
   position: relative;
}

.btn:not(.dropdown-toggle):hover,
main .modulos .card:hover .btn {
   color: #FFF;
   background: #00A0DC;
   border: solid 1px #00A0DC;
   transform: scale(1.1);
   -webkit-box-shadow: 5px 5px 11px 0px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 5px 5px 11px 0px rgba(0, 0, 0, 0.3);
   box-shadow: 5px 5px 11px 0px rgba(0, 0, 0, 0.3);
}

.btn:not(.dropdown-toggle).blanco {
   border-color: #FFF;
   color: #FFF;
}

.btn:not(.dropdown-toggle).blanco:hover {
   border: solid 1px #00A0DC;
}

.btn:focus {
   box-shadow: none;
}

.links:before,
.links:after,
.navbar .navbar-nav>li .nav-link:before,
.navbar .navbar-nav>li .nav-link:after,
main .gamas .gamas-tabs button.deskt:before,
main .gamas .gamas-tabs button.deskt:after,
main .gamas .gamas-tabs a:before,
main .gamas .gamas-tabs a:after,
.modal.timeline .modal-body .years-tabs button:before,
.modal.timeline .modal-body .years-tabs button:after,
.modal.timeline .modal-body .years-tabs a:before,
.modal.timeline .modal-body .years-tabs a:after,
.modal .modal-header .title div.gamas-tabs button.deskt:before,
.modal .modal-header .title div.gamas-tabs button.deskt:after,
.modal .modal-header .title div.gamas-tabs a:before,
.modal .modal-header .title div.gamas-tabs a:after,
.modal .modal-header .title p.gamas-tabs button.deskt:before,
.modal .modal-header .title p.gamas-tabs button.deskt:after,
.modal .modal-header .title p.gamas-tabs a:before,
.modal .modal-header .title p.gamas-tabs a:after {
   content: '';
   display: block;
   height: 0;
   width: 2px;
   background: #00A0DC;
   transition: all 0.3s;
   position: absolute;
   bottom: 0;
   left: 0;
   z-index: 2;
}

.links:hover:before,
.links.active:after,
.links.on:before,
.navbar .navbar-nav>li .nav-link:hover:before,
.navbar .navbar-nav>li .nav-link.active:after,
.navbar .navbar-nav>li .nav-link.on:before,
main .gamas .gamas-tabs button.deskt:hover:before,
main .gamas .gamas-tabs button.deskt.active:after,
main .gamas .gamas-tabs button.deskt.on:before,
main .gamas .gamas-tabs a:hover:before,
main .gamas .gamas-tabs a.active:after,
main .gamas .gamas-tabs a.on:before,
.modal.timeline .modal-body .years-tabs button:hover:before,
.modal.timeline .modal-body .years-tabs button.active:after,
.modal.timeline .modal-body .years-tabs button.on:before,
.modal.timeline .modal-body .years-tabs a:hover:before,
.modal.timeline .modal-body .years-tabs a.active:after,
.modal.timeline .modal-body .years-tabs a.on:before,
.modal .modal-header .title div.gamas-tabs button.deskt:hover:before,
.modal .modal-header .title div.gamas-tabs button.deskt.active:after,
.modal .modal-header .title div.gamas-tabs button.deskt.on:before,
.modal .modal-header .title div.gamas-tabs a:hover:before,
.modal .modal-header .title div.gamas-tabs a.active:after,
.modal .modal-header .title div.gamas-tabs a.on:before,
.modal .modal-header .title p.gamas-tabs button.deskt:hover:before,
.modal .modal-header .title p.gamas-tabs button.deskt.active:after,
.modal .modal-header .title p.gamas-tabs button.deskt.on:before,
.modal .modal-header .title p.gamas-tabs a:hover:before,
.modal .modal-header .title p.gamas-tabs a.active:after,
.modal .modal-header .title p.gamas-tabs a.on:before {
   height: 100%;
}

.links:after,
.navbar .navbar-nav>li .nav-link:after,
main .gamas .gamas-tabs button.deskt:after,
main .gamas .gamas-tabs a:after,
.modal.timeline .modal-body .years-tabs button:after,
.modal.timeline .modal-body .years-tabs a:after,
.modal .modal-header .title div.gamas-tabs button.deskt:after,
.modal .modal-header .title div.gamas-tabs a:after,
.modal .modal-header .title p.gamas-tabs button.deskt:after,
.modal .modal-header .title p.gamas-tabs a:after {
   background: #000;
   border: 0;
   margin-left: auto;
   vertical-align: inherit;
   bottom: auto;
   top: 0;
   z-index: 1;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
   width: 300px;
   border-radius: 0;
   border-bottom: solid 1px #CCC;
}

.bootstrap-select .dropdown-menu {
   border: 0px;
   border-bottom: solid 1px #CCC;
   border-radius: 0;
   margin-top: -2px !important;
}

@media screen and (max-width: 720px) {
   .bootstrap-select .dropdown-menu.show {
      display: block !important;
   }
}

.bootstrap-select .dropdown-menu.show li:first-child {
   display: none;
}

.bootstrap-select .dropdown-menu li a {
   color: rgba(0, 0, 0, 0.5);
   padding-left: 2rem;
}

.bootstrap-select .dropdown-menu li a:hover {
   color: #000;
   background-color: transparent;
}

.bootstrap-select .dropdown-menu li.active {
   background-color: transparent;
}

.bootstrap-select .dropdown-menu li.active a {
   color: #000;
   background-color: transparent;
}

.bootstrap-select .dropdown-toggle:after {
   border: solid black;
   border-width: 0 2px 2px 0;
   display: inline-block;
   padding: 4px;
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
}

.bootstrap-select .dropdown-toggle.show {
   border-left: solid 2px #00A0DC;
   border-radius: 0;
}

.bootstrap-select .dropdown-toggle.show:after {
   transform: rotate(-135deg);
   -webkit-transform: rotate(-135deg);
}

.bootstrap-select .dropdown-toggle:focus {
   outline: none !important;
}

/* Para salvar el espacio superior blanco de las fotos de los coches 
tenemos que poner un margen negativo a esas fotos y mandarles un z-index 0 
mientras que la info que tiene que ir por encima, tenemos que añadirle un 
position-relative y z-index 1 
Lo guardamos de manera general aquí */
.position-relative {
   z-index: 1;
}

.from-360 {
   position: relative;
   z-index: 0;
   margin-top: -3.45rem;
   overflow: hidden;
}

.object-fit-cover {
   object-fit: cover;
}

@media screen and (max-width: 720px) {
   .from-360 {
      margin-top: 0;
   }

   .from-360 img {
      margin: 0 !important;
      max-width: 100%;
   }

   .from-360 img#img-resume-mobile {
      margin: 0 !important;
      padding: 0;
      width: 100%;
   }
   .from-360 img.img-360-mobile {
      margin: 0 -15%!important;
      max-width: 130%;
   }
}

#image-resume-mobile {
   margin: 0 !important;
   padding: 0;
   width: 100%;
}

@media screen and (max-width: 720px) {
   .container {
      padding-left: 15px;
      padding-right: 15px;
   }

   .pad-top-50-mobile {
      padding-top: 50px !important;
      margin-top: 0 !important;
   }

   .pad-bottom-50-mobile {
      padding-bottom: 50px !important;
      margin-bottom: 0 !important;
   }

   .pad-50-mobile {
      padding-top: 50px !important;
      padding-bottom: 50px !important;
      margin-top: 0 !important;
      margin-bottom: 0 !important;
   }

   .pad-60-mobile {
      padding-top: 60px !important;
      padding-bottom: 60px !important;
      margin-top: 0 !important;
      margin-bottom: 0 !important;
   }

   .px-5 {
      padding-left: 2.5rem !important;
      padding-right: 2.5rem !important;
   }
}

/* Para los slides slick, usamos estas clases para posicionar
Los módulos y las franjas de los modales funcionan con sus propias clases */
.slick-slide>.topleft {
   left: 60px;
   top: 30px;
}

@media screen and (max-width: 720px) {
   .slick-slide>.topleft {
      left: 30px;
      top: 20px;
   }
}

.slick-slide>.topright {
   top: 20px;
   right: 30px;
   text-align: right;
}

@media screen and (max-width: 720px) {
   .slick-slide>.topright {
      top: 20px;
      right: auto;
      left: 60px;
      text-align: left;
   }
}

.slick-slide>.bottomleft {
   left: 60px;
   bottom: 30px;
}

@media screen and (max-width: 720px) {
   .slick-slide>.bottomleft {
      bottom: auto;
      top: 30px;
      left: 30px;
   }
}

.slick-slide>.bottomright {
   right: 30px;
   text-align: right;
   bottom: 30px;
}

@media screen and (max-width: 720px) {
   .slick-slide>.bottomright {
      bottom: auto;
      top: 30px;
      right: auto;
      left: 60px;
      text-align: left;
   }
}

.anchor {
   display: block;
   position: relative;
   top: -140px;
   visibility: hidden;
}

.topcenter.card,
.topcenter {
   text-align: center;
   align-items: flex-start;
   padding-top: 3.625rem !important;
}

.topleft.card,
.topleft {
   text-align: left;
   align-items: flex-start;
   padding-top: 3rem !important;
   padding-left: 1rem !important;
}

@media screen and (max-width: 720px) {

   .topleft.card,
   .topleft {
      padding: 0.5rem 0 1rem !important;
      align-items: flex-end;
      justify-content: center;
   }
}

.topright.card,
.topright {
   text-align: right;
   align-items: flex-start;
   padding-top: 3rem !important;
   padding-right: 2rem !important;
}

@media screen and (max-width: 720px) {

   .topright.card,
   .topright {
      padding-right: 0 !important;
   }
}

.center.card,
.center {
   text-align: center;
   align-items: center;
}

.centerleft.card,
.centerleft {
   align-items: center;
   justify-content: flex-start;
   padding-left: 1rem !important;
}

@media screen and (max-width: 720px) {

   .centerleft.card,
   .centerleft {
      padding-left: 0 !important;
   }
}

.centerright.card,
.centerright {
   align-items: center;
   justify-content: flex-end;
   padding-right: 2rem !important;
}

@media screen and (max-width: 720px) {

   .centerright.card,
   .centerright {
      padding-right: 0 !important;
   }
}

.bottomcenter.card,
.bottomcenter {
   text-align: center;
   align-items: flex-end;
   padding-bottom: 3rem !important;
}

.bottomcenter.card.pb-0,
.bottomcenter.pb-0 {
   padding-bottom: 0rem !important;
}

.bottomleft.card,
.bottomleft {
   text-align: left;
   align-items: flex-end;
   padding-left: 1rem !important;
   padding-bottom: 3rem !important;
}

@media screen and (max-width: 720px) {

   .bottomleft.card,
   .bottomleft {
      padding-left: 0 !important;
   }
}

.bottomright.card,
.bottomright {
   text-align: right;
   align-items: flex-end;
   padding-right: 2rem !important;
   padding-bottom: 3rem !important;
}

@media screen and (max-width: 720px) {

   .bottomright.card,
   .bottomright {
      padding-right: 0 !important;
   }
}

.slider-background {
   background-position: center bottom;
   background-repeat: no-repeat;
   background-size: cover;
}

@media (min-width: 768px) {
   .d-md-list-item {
      display: list-item !important;
   }

   .pad-mob-txt {
      padding-left: 15px;
      padding-right: 15px;
   }
}

@media screen and (max-width: 720px) {
   .min-height-auto {
      min-height: auto!important;
   }
}

/*~~~~~~ GENERAL ~~~~~~*/
.navbar {
   transition: box-shadow 0.1s ease-in-out;
   padding: 0 0 0 1.25rem;
   box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 720px) {
   .navbar {
      padding-left: 0;
   }
}

.navbar.no-shadow {
   box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
}

.navbar .navbar-nav>li {
   margin-left: 50px;
   padding: 11px 0 0;
}

@media (min-width: 992px) and (max-width: 1280px) {
   .navbar .navbar-nav>li {
      margin-left: 30px;
   }
}

@media screen and (max-width: 720px) {
   .navbar .navbar-nav>li {
      margin-left: 0;
   }

   .navbar .navbar-nav>li.dropdown:after {
      content: '';
      position: absolute;
      right: 10px;
      top: 23px;
      display: block;
      width: 12px;
      height: 7px;
      background: url('../images/down-arrow.png') center center no-repeat;
      background-size: cover;
   }
   .navbar .navbar-nav>li.dropdown.open:after {
      transform: rotate(180deg);
   }
}

.navbar .navbar-nav>li .nav-link {
   font-size: 1.125rem;
   font-family: 'Avenir Roman';
   padding: 3px 8px;
   margin: 8px 0 19px;
   color: rgba(0, 0, 0, 0.5);
   border-color: transparent;
   background: #FFF;
   position: relative;
   z-index: 1;
   cursor: default;
}

@media screen and (max-width: 720px) {
   .navbar .navbar-nav>li .nav-link {
      background: transparent;
      margin: 0;
      color: #000;
   }
}

.navbar .navbar-nav>li .nav-link:hover,
.navbar .navbar-nav>li .nav-link.active,
.navbar .navbar-nav>li .nav-link.activesub {
   color: #000;
}

.navbar .navbar-nav>li .nav-link:hover:before,
.navbar .navbar-nav>li .nav-link.active:after,
.navbar .navbar-nav>li .nav-link.on:before {
   height: 25px;
   bottom: 5px;
   top: inherit;
}

.navbar .navbar-nav>li .nav-link.hand {
   cursor: pointer;
}

.navbar .navbar-nav>li.activesub.dropdown .nav-link:after {
   height: 25px;
   top: 4px;
}

.navbar .navbar-nav>li:first-child {
   margin-left: 0;
}

.navbar .navbar-nav>li.active .nav-link {
   color: #000;
}

.navbar .navbar-nav>li .dropdown-menu {
   background-image: url('../images/submenu-shadow.png'), linear-gradient(180deg, #FFFFFF 0%, #E5E5E5 100%);
   background-position: top center;
   background-repeat: repeat-x;
   margin-top: 0;
   border: 0;
   border-radius: 0;
   padding-left: 0.6rem;
   padding-right: 1.2rem;
   min-width: 11.3rem;
   opacity: 0;
   z-index: 0;
   left: -7px;
}

@media screen and (max-width: 720px) {
   .navbar .navbar-nav>li .dropdown-menu {
      opacity: 1;
      background: transparent;
      padding: 0 1.2rem 0 0.6rem;
   }

   .navbar .navbar-nav>li.modelos .dropdown-menu {
      /* display:block; */
   }

}

.navbar .navbar-nav>li .dropdown-menu li {
   margin: 10px 0;
   position: relative;
}

.navbar .navbar-nav>li .dropdown-menu li .dropdown-item {
   font-weight: 500;
   color: #000;
   font-size: 1.125rem;
   font-family: 'Avenir Book';
   padding: 0 15px;
   border-left: solid 2px transparent;
}

.navbar .navbar-nav>li .dropdown-menu li .dropdown-item:hover,
.navbar .navbar-nav>li .dropdown-menu li .dropdown-item.active {
   background: none !important;
}

.navbar .navbar-nav>li .dropdown-menu li .dropdown-item:hover:after,
.navbar .navbar-nav>li .dropdown-menu li .dropdown-item.active:after {
   height: 100%;
}

.navbar .navbar-nav>li .dropdown-menu li .dropdown-item:after {
   content: '';
   display: block;
   height: 0;
   width: 2px;
   background: #00A0DC;
   transition: all 0.3s;
   position: absolute;
   bottom: 0;
   left: 0;
   z-index: 2;
}

.navbar .navbar-nav>li .submenu li .nav-link {
   font-size: 1rem;
   cursor: pointer;
}

.navbar .social {
   opacity: 0.5;
}

@media screen and (max-width: 720px) {
   .navbar .navbar-collapse {
      margin-left: -12px;
      margin-right: -12px;
      padding-left: 12px;
      padding-right: 12px;
      background: linear-gradient(180deg, #FFFFFF 0%, #E5E5E5 100%);
   }
}

.navbar .navbar-toggler:focus {
   box-shadow: none;
}
.navbar-toggler:not(.collapsed) .bi {
   display: none;
}
.navbar-toggler:not(.collapsed) .bc {
   display: block;
   margin-left:6px;
   fill:#000;
}
.navbar-toggler.collapsed .bi {
   display: block;
   fill:#000;
}
.navbar-toggler.collapsed .bc {
   display: none;
}

@media all and (min-width: 992px) {
   .navbar .nav-item .dropdown-menu {
      display: block;
      transform: translateY(15%);
      transition: all 350ms ease;
      pointer-events: none;
   }

   .navbar .nav-item:hover .dropdown-menu {
      display: block;
      opacity: 1;
      transform: translateY(0%);
      pointer-events: auto;
   }
}

body.modal-open {
   overflow-y: hidden;
}

body.error404 {
   overflow: hidden;
}

body.error404 #loading {
   display: none !important;
}

.modal-backdrop.show {
   opacity: 0.8;
   min-width:100%;
   min-height:100%;
}

.nopointer *:hover,
.nopointer:hover {
   cursor: inherit !important;
}

.modal.show.loading .modal-body {
   overflow: hidden;
}

.modal.show.loading .loading {
   display: block;
}

.modal-body .loading {
   position: absolute;
   display: none;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   text-align: center;
   background-color: #fff;
   z-index: 9999;
}

.modal-body .loading .loader {
   border: 6px solid #f3f3f3;
   /* Light grey */
   border-top: 6px solid #3498db;
   /* Blue */
   border-radius: 50%;
   width: 80px;
   height: 80px;
   animation: spin 2s linear infinite;
   position: absolute;
   top: 50%;
   left: 50%;
   margin-top: -40px;
   margin-left: -40px;
}

@media screen and (max-width: 720px) {
   .modal-body .loading {
      max-height: 90vh;
   }
}

#loading {
   position: fixed;
   display: block;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   text-align: center;
   background-color: #fff;
   z-index: 9999;
}

#loading .loader {
   border: 6px solid #f3f3f3;
   /* Light grey */
   border-top: 6px solid #3498db;
   /* Blue */
   border-radius: 50%;
   width: 80px;
   height: 80px;
   animation: spin 2s linear infinite;
   position: absolute;
   top: 50%;
   left: 50%;
   margin-top: -40px;
   margin-left: -40px;
}

.slider-container-blanco {
   background-color: #000;
}

.slider-container-negro {
   background-color: #FFF;
}

@keyframes spin {
   0% {
      transform: rotate(0deg);
   }

   100% {
      transform: rotate(360deg);
   }
}

/*~~~~~~ FIN GENERAL ~~~~~~*/
/*~~~~~~ HEADER ~~~~~~*/
header {
   background: #FFF;
}

header .navbar-nav .nav-link {
   border-left: solid 2px #FFF;
}

/*~~~~~~ FIN HEADER ~~~~~~*/
/*~~~~~~ CONTENT ~~~~~~*/
main {
   /*~~ GENÉRICO ~~*/
   /*~~ FIN GENÉRICO ~~*/
   /*~~ MÓDULOS ~~*/
   /*~~ FIN MÓDULOS ~~*/
   /*~~ GAMAS ~~*/
   /*~~ FIN HOME ~~*/
   /*~~ MODELOS ACABADOS ~~*/
   /*~~ FIN MODELOS ACABADOS ~~*/
   /*~~ FULLWIDTH SLIDE ~~*/
   /*~~ FIN PORQUE SUBARU ~~*/
   /*~~ PROPIETARIOS ~~*/
   /*~~ FIN PROPIETARIOS ~~*/
   /*~~ FINANCE ~~*/
   /*~~ FIN FINANCE ~~*/
}

main h2,
.modal .modal-header .title h5 {
   font-weight: 500;
   color: #000;
   font-size: 2.625rem;
   font-family: 'Avenir Medium';
}

@media screen and (max-width: 720px) {

   main h2,
   .modal .modal-header .title h5 {
      font-size: 1.875rem;
   }
}

main h3 {
   font-weight: 500;
   color: #000;
   font-size: 1.875rem;
   font-family: 'Avenir Medium';
   line-height: 2.625rem;
}

@media screen and (max-width: 720px) {
   main h3 {
      font-size: 1.125rem;
   }
}

main h5 {
   font-weight: 500;
   color: #000;
   font-size: 1.75rem;
   font-family: 'Avenir Book';
   margin-bottom: 0.5rem;
   position: relative;
   z-index: 9999;
}

main h6 {
   font-weight: 500;
   color: #000;
   font-size: 1.25rem;
   font-family: 'Avenir Medium';
   margin-top: 1rem;
   margin-bottom: 0.5rem;
}

main p.subtit,
.modal .modal-header .title p {
   font-weight: normal;
   color: #000;
   font-size: 1.25rem;
   font-family: 'Avenir Book';
}

@media screen and (max-width: 720px) {

   main p.subtit,
   .modal .modal-header .title p {
      font-size: 1.125rem;
      line-height: 1.5rem;
   }
}

main p.long-subtit {
   font-weight: normal;
   color: #000;
   font-size: 1.125rem;
   font-family: 'Avenir Book';
   line-height: 1.375rem;
}

main .mt-3rem {
   margin-top: 3rem;
}

main .mt-5rem {
   margin-top: 5rem;
}

main .mt-8rem {
   margin-top: 7.375rem;
}

@media screen and (max-width: 720px) {
   main .mt-8rem {
      margin-top: 3rem;
      margin-bottom: 0rem;
   }
}

main .mb-5rem {
   margin-bottom: 5rem;
}

main .mb-8rem {
   margin-bottom: 8rem;
}

main .mx-6-3 {
   margin: 6rem 0 3rem;
}

@media screen and (max-width: 720px) {
   main .mx-6-3 {
      margin: 3rem 0 1rem;
   }
}

main .mx-6-5 {
   margin: 6rem 0 5rem;
}

@media screen and (max-width: 720px) {
   main .mx-6-5 {
      margin: 3rem 0 2rem;
   }
}

main .mx-8-7 {
   margin: 6rem 0 7rem;
}

@media screen and (max-width: 720px) {
   main .mx-8-7 {
      margin: 3rem 0;
   }
   main #seguridad-tecnologia.mt-5rem {
      margin-top:4rem;
   }
   main .accesorios.mb-5rem {
      margin-bottom:0;
   }
}

main .modulos .card {
   border: none;
   border-radius: 0;
   flex-direction: row;
   height: 99%;
   overflow: hidden;
}

main .modulos .card:after {
   content: '';
   display: block;
   padding-top: 93%;
   /* initial ratio of 1:1*/
}

main .modulos .card .img-bg {
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   clip-path: inset(0px);
   transition: all 0.3s ease-out 0s;
}

main .modulos .card:hover {
   cursor: pointer;
}

main .modulos .card:hover .img-bg {
   transform: scale(1.08);
}

.slide-header {
   position: relative;
}

.slide-header .to-bottom {
   position: absolute;
   bottom: 15px;
   transform: rotate(180deg);
   left: 50%;
   margin-left: -8px;
}

.slick-slider.home_hero .slick-slide iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   margin-top: 250px;
   top: -50%;
   background: url('../images/fallback-vimeo-home.jpg') center center no-repeat #ddd;
   /*background:#ddd;*/
   background-size: cover;
}

main .modulos .card .content-bordered,
.modal .modal-header .title,
.slick-slider.porquesubaru .slick-slide .content-bordered,
.slick-slider.slide-circle .slick-slide .content-bordered,
.slick-slider.slide-cars .slick-slide .content-bordered,
.slick-slider.home_hero .slick-slide .content-bordered {
   border-left: solid 4px #00A0DC;
   margin-left: -20px;
   padding-left: 16px;
}

main .modulos .card .content-bordered.topleft,
.modal .modal-header .title.topleft,
.slick-slider.porquesubaru .slick-slide .content-bordered.topleft,
.slick-slider.slide-circle .slick-slide .content-bordered.topleft,
.slick-slider.slide-cars .slick-slide .content-bordered.topleft,
.slick-slider.home_hero .slick-slide .content-bordered.topleft {
   padding-top: 0 !important;
}

@media screen and (max-width: 720px) {

   main .modulos .card .content-bordered,
   .modal .modal-header .title,
   .slick-slider.porquesubaru .slick-slide .content-bordered,
   .slick-slider.slide-circle .slick-slide .content-bordered,
   .slick-slider.slide-cars .slick-slide .content-bordered,
   .slick-slider.home_hero .slick-slide .content-bordered {
      margin-left: -10px;
      padding-left: 10px !important;
      padding-bottom: 0px !important;
   }
}

main .modulos .card .card-body {
   position: relative;
   z-index: 1;
}

main .modulos .card .card-body h3 {
   font-weight: 500;
   color: #000;
   font-size: 2rem;
   font-family: 'Avenir Medium';
   line-height: 2rem;
   margin-bottom: 0;
}

@media screen and (max-width: 720px) {
   main .modulos .card .card-body h3 {
      font-size: 1.75rem;
   }
}

main .modulos .card .card-body p.card-text {
   font-weight: normal;
   color: #000;
   font-size: 1.125rem;
   font-family: 'Avenir Book';
   line-height: 1.375rem;
   margin-bottom: 0rem;
   margin-top: 0.25rem;
}

@media screen and (max-width: 720px) {
   main .modulos .card .card-body p.card-text {
      font-size: 1rem;
   }
}

main .modulos .card .card-body .btn {
   margin-top: 1.125rem;
}

main .modulos .card .card-body.blanco h3,
main .modulos .card .card-body.blanco p.card-text {
   color: #FFF;
}

@media screen and (max-width: 720px) {
   main .modulos .card {
      padding-bottom: 1.5rem !important;
   }
}

main .modulos.tipo-a .card.bottomleft {
   text-align: left;
   align-items: flex-end;
   padding-left: 3rem;
   padding-bottom: 3rem;
}

@media screen and (max-width: 720px) {
   main .modulos.tipo-a .card.bottomleft {
      padding-left: 0;
   }
}

@media screen and (max-width: 720px) {
   main .modulos.tipo-a .card .card-body {
      text-align: center;
   }
}

@media screen and (max-width: 720px) {}

main .modulos.tipo-b .card.bottomcenter {
   padding-bottom: 2rem !important;
}

main .modulos.tipo-b .card.bottomcenter .card-body {
   padding: 1rem 1rem 0;
}

main .gamas {
   margin-top: 8rem;
   margin-bottom: 4rem;
}

@media screen and (min-width: 1500px) {
   main .gamas .container-fluid {
      max-width: 1600px;
   }

   main .gamas .slick-slider.modelos .slick-list .slick-slide {
      right: -120px;
   }

   main .gamas .slick-slider.modelos .slick-list .slick-slide.slick-center {
      right: auto;
      left: auto;
   }

   main .gamas .slick-slider.modelos .slick-list .slick-slide.slick-center+.slick-slide {
      left: -120px;
   }

   main .gamas .rsArrowLeft {
      left: 27vw;
   }

   main .gamas .rsArrowRight {
      right: 27vw;
   }
}

@media screen and (max-width: 720px) {
   main .gamas {
      margin-top: 3rem;
      margin-bottom: 0;
   }
}

main .gamas .gamas-tabs,
.modal .modal-header .title div.gamas-tabs,
.modal .modal-header .title p.gamas-tabs {
   text-align: center;
}

main .gamas .gamas-tabs button.deskt,
main .gamas .gamas-tabs a,
.modal .modal-header .title div.gamas-tabs button.deskt,
.modal .modal-header .title div.gamas-tabs a,
.modal .modal-header .title p.gamas-tabs button.deskt,
.modal .modal-header .title p.gamas-tabs a {
   font-weight: 900;
   color: #000;
   font-size: 1.5rem;
   font-family: 'Avenir Heavy';
   padding: 5px 8px;
   position: relative;
   border: none;
   background: none;
   opacity: 0.5;
}

main .gamas .gamas-tabs button.deskt:hover,
main .gamas .gamas-tabs a:hover,
main .gamas .gamas-tabs button.deskt.active,
main .gamas .gamas-tabs a.active,
main .gamas .gamas-tabs button.deskt.on,
main .gamas .gamas-tabs a.on,
.modal .modal-header .title div.gamas-tabs button.deskt:hover,
.modal .modal-header .title div.gamas-tabs a:hover,
.modal .modal-header .title div.gamas-tabs button.deskt.active,
.modal .modal-header .title div.gamas-tabs a.active,
.modal .modal-header .title div.gamas-tabs button.deskt.on,
.modal .modal-header .title div.gamas-tabs a.on,
.modal .modal-header .title p.gamas-tabs button.deskt:hover,
.modal .modal-header .title p.gamas-tabs a:hover,
.modal .modal-header .title p.gamas-tabs button.deskt.active,
.modal .modal-header .title p.gamas-tabs a.active,
.modal .modal-header .title p.gamas-tabs button.deskt.on,
.modal .modal-header .title p.gamas-tabs a.on {
   opacity: 1;
}

main .gamas .gamas-tabs button.deskt img,
main .gamas .gamas-tabs a img,
.modal .modal-header .title div.gamas-tabs button.deskt img,
.modal .modal-header .title div.gamas-tabs a img,
.modal .modal-header .title p.gamas-tabs button.deskt img,
.modal .modal-header .title p.gamas-tabs a img {
   vertical-align: bottom;
}

main .gamas .gamas-tabs .slick-dots,
.modal .modal-header .title div.gamas-tabs .slick-dots,
.modal .modal-header .title p.gamas-tabs .slick-dots {
   bottom: -10px;
}

@media screen and (max-width: 720px) {
   main .gamas .nav-tabs .gamas-tabs {
      position: absolute;
      left: -99999px;
   }
}

main .gamas#modelos_conf {
   background: url('../images/bg-grey.jpg') center center no-repeat transparent;
   background-size: cover;
   margin: 0;
   padding-top: 6rem;
   padding-bottom: 2rem;
}

@media screen and (max-width: 720px) {
   main .gamas#modelos_conf {
      padding-top: 3rem;
   }
}

main .seguridad-tecnologia {
   margin-top: 8rem;
}

main .model-selector {
   /* margin-top: 7.375rem; */
   margin-top: 4rem;
}

@media screen and (max-width: 720px) {
   main .model-selector {
      margin-top: 3rem;
   }
}

main .model-selector p.long-subtit {
   font-weight: 400;
   color: #000;
   font-size: 1.25rem;
   font-family: 'Avenir Book';
   line-height: 1.875rem;
}

main .model-selector .slick-slider.slide-cars .slick-slide .price p {
   font-size: 1.125rem;
}

main .model-selector .slick-slider.slide-cars .slick-slide .price p strong {
   font-weight: 900;
   color: #000;
   font-size: 1.875rem;
   font-family: 'Avenir Heavy';
   line-height: 2.125rem;
}

main .car-details {
   max-width: 80%;
   margin: 3rem auto 3rem;
   padding-bottom: 2rem;
}

main .car-details>div {
   text-align: center;
   font-weight: 500;
   color: rgba(0, 0, 0, 0.5);
   font-size: 1.125rem;
   font-family: 'Avenir Medium';
}

main .car-details>div h6 {
   font-weight: 500;
   color: #000;
   font-size: 1.25rem;
   font-family: 'Avenir Medium';
   margin: inherit;
}
.cta-mobile {
   display:none;
   position: fixed;
   bottom: 0;
   width: 100%;
   background: #FFF;
   padding-top: 5px;
   padding-bottom: 5px;
   z-index:9;
   box-shadow: 0px 4px 46px rgba(0, 0, 0, 0.25) !important;
}

@media screen and (max-width: 720px) {
   .ctas .btn {
      width: calc(50% - 30px);
      min-width: inherit;
   }
   main .car-details {
      max-width:100%;
      margin-bottom: 0!important;
      padding-bottom: 0!important;
   }
   main .car-details>div {
      margin-bottom: 1rem;
   }
   .cta-mobile.show {
      display:block;
      padding-bottom:15px;
   }
}

main .row-fullwidth {
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
}

main .row-fullwidth.autonomia {
   background-position: top center;
}

main .row-fullwidth h1 {
   font-weight: 500;
   color: #000;
   font-size: 2.5rem;
   font-family: 'Avenir Medium';
}

main .row-fullwidth .row {
   max-height: 80vh;
   height:450px;
   padding: 5rem 0;
}
main .row-fullwidth.h-85 .row {
   max-height: inherit;
   height:85vh;
}
main .row-fullwidth.min-h-auto .row {
   height:auto;
   max-height:inherit;
}

main .row-fullwidth.autonomia .row {
   min-height:50vh
}

@media screen and (max-width: 720px) {}

main .row-fullwidth.propietarios {
   background: url('../images/bg-garantia-subaru.jpg') center center no-repeat transparent;
   background-size: cover;
}

.fuera-uso h3 { 
   font-size: 1.25rem;
   box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
   padding-bottom: .5rem;
   margin-bottom: 1rem;
   margin-top: 2rem;            
}
.fuera-uso p {font-size: 1.125rem;}


main .row-fullwidth.suscripcion {
   background: url('../images/bg-suscripcion-subaru.jpg') bottom center no-repeat transparent;
   background-size: cover;
}

main .row-fullwidth .blanco h1,
main .row-fullwidth .blanco h2,
main .row-fullwidth .blanco h3,
main .row-fullwidth .blanco p {
   color: #FFF;
}

main .row-fullwidth.grey {
   background: url('../images/bg-grey.jpg') center center no-repeat transparent;
   background-size: cover;
}

main .neumaticos>.container:last-child {
   max-width: calc(1180px + 20%);
}

main .row-fullwidth.finance {
   background: url('../images/bg-finance.jpg') center center no-repeat transparent;
   background-size: cover;
}

main .model-selector.multiopcion {
   background: url('../images/bg-renting.jpg') center center repeat-x transparent;
   background-size: cover;
   padding: 5rem 0;
   margin-top: 0;
}

main .model-selector.suscripcion {
   background-size: 180% auto;
}

.suscripcion .slick-slider .rsArrowRight,
.suscripcion .slick-slider .rsArrowLeft {
   top:10%;
}

main .model-selector .logo-astara {
   width: 250px;
   display: block;
   margin: 0 auto;
}

@media screen and (max-width: 720px) {
   main .form-finance {
      padding-left: 0rem;
      padding-right: 0rem;
      margin-top: 2rem;
   }
}

main .form-finance .form-control {
   box-shadow: none;
   border: 0;
   border-bottom: solid 1px #CCC;
   border-radius: 0;
   width: 100%;
}

main .form-finance .form-control::placeholder {
   color: #000;
   opacity: 1;
}

main .form-finance .form-check-input {
   border-radius: 0;
   border-color: #000;
   border-width: 2px;
}

main .form-finance .form-check-input:checked[type=checkbox] {
   background-image: none;
   background-color: #00A0DC;
}

main .form-finance .form-check-label {
   font-weight: normal;
   color: #000;
   font-size: 12px;
   font-family: 'Avenir Book';
}

main .offer-car {
   position: relative;
}

main .offer-car .car {
   text-align: center;
}

main .offer-car .model {
   position: absolute;
   left: 5%;
   top: 0px;
}

main .offer-car .model p {
   font-weight: 500;
   color: #000;
   font-size: 2rem;
   font-family: 'Avenir Medium';
   line-height: 2.5rem;
   padding-bottom: 5px;
}

@media screen and (max-width: 720px) {
   main .offer-car .model {
      position: relative;
      left: 0;
      text-align: center;
   }
}

main .offer-car .price {
   position: absolute;
   text-align: right;
   right: 5%;
   top: 0px;
}

main .offer-car .price p {
   font-weight: normal;
   color: #000;
   font-size: 1.1rem;
   font-family: 'Avenir Book';
   line-height: 1.1rem;
}

main .offer-car .price p strong {
   font-weight: normal;
   color: #000;
   font-size: 1.875rem;
   font-family: 'Avenir Book';
   line-height: 1.5rem;
   display: block;
   margin-bottom: 5px;
}

main .offer-car .price p.legend {
   font-size: 0.875rem;
   line-height: 1.5rem;
}

main .offer-car .price p.legend a {
   text-decoration: underline;
   cursor: pointer !important;
}

main .offer-car .price p.legend a:hover {
   color: #00A0DC;
   text-decoration: none;
}

@media screen and (max-width: 720px) {
   main .offer-car .price {
      position: relative;
      text-align: center;
      right: 0;
   }
}

main .testdrive {
   padding-bottom: 0;
}

@media screen and (max-width: 720px) {}

main .testdrive .form-finance {
   position: relative;
   z-index: 1;
}

main .testdrive .imageTestDrive {
   display: block;
   max-width: calc(100% + 10rem);
   right: 0;
   position: relative;
   z-index: 0;
   margin: -20px -7rem;
   z-index: 0;
}

main .testdrive.configurador {
   background: url('../images/bg-form-configurador.jpg') bottom center no-repeat transparent;
   background-size: contain;
}

/*~~~~~~ CONTENT ~~~~~~*/
/*~~~~~~ MODALS ~~~~~~*/
.modal {
   /*~~ GENERALES ~~*/
   /*~~ TIPOS MODALES ~~*/
}

.modal .modal-content {
   border-radius: 0px;
}

.modal .modal-xl {
   width: 1360px;
   max-width: 95%;
   max-height: calc(100vh - 3rem);
   margin: 1.5rem auto;
}

.modal .modal-xl .container {
   max-width: 1180px;
}

.modal .modal-header {
   border-bottom: none;
   margin-bottom: 0 !important;
   padding: 2.6rem 3.5rem;
   box-shadow: 0px 4px 46px rgba(0, 0, 0, 0.25) !important;
   z-index: 9;
}

.modal .modal-header .title {
   border-left: solid 5px #00A0DC;
   margin-left: 0;
   padding: 0.3125rem 0 0.3125rem 1rem;
}

@media screen and (max-width: 720px) {
   .modal .modal-header .title {
      border-left-width: 2px;
      padding-left: calc(1rem - 2px);
   }
}

.modal .modal-header .title.with-tabs {
   border-left: 0;
}

.modal .modal-header .title h5 {
   line-height: 2.625rem;
}

@media screen and (max-width: 720px) {
   .modal .modal-header .title h5 {
      font-size: 1.375rem;
   }
}

@media screen and (max-width: 720px) {
   .modal .modal-header .title p {
      display: none;
      font-size: 1rem;
   }
}

.modal .modal-header .title div.gamas-tabs,
.modal .modal-header .title p.gamas-tabs {
   text-align: left;
}

.modal .modal-header .title div.gamas-tabs a,
.modal .modal-header .title p.gamas-tabs a {
   display: inline-block;
   text-align: left;
   font-weight: 500;
   color: #000;
   font-size: 1.25rem;
   font-family: 'Avenir Medium';
   line-height: 1.5rem;
}

.modal .modal-header .title.with-tabs {
   max-width: 980px;
}

.modal .modal-header .title.with-tabs .slick-slider .rsArrowRight {
   right: -5%;
}

.modal .modal-header .title.with-tabs .slick-slider .rsArrowLeft {
   left: -2%;
}

.modal .modal-header .btn-close {
   padding: 0;
   width: 63px;
   height: 63px;
   opacity: 1;
   margin: -0.5rem -1.125rem -0.5rem auto;
   background: url('../images/close-button.svg') left top no-repeat transparent;
   background-size: cover;
}

.modal .modal-header .btn-close:hover {
   color: #00A0DC;
   background: url('../images/close-button.svg') -64px 0px no-repeat transparent;
   background-size: cover;
}

.modal .modal-header .btn-close.with-tabs {
   position: absolute;
   right: 56px;
   top: 77px;
}

@media screen and (max-width: 720px) {
   .modal .modal-header .btn-close {
      width: 40px;
      height: 40px;
      margin: 0;
   }

   .modal .modal-header .btn-close:hover {
      background: url('../images/close-button.svg') -41px 0px no-repeat transparent;
      background-size: cover;
   }
}

@media screen and (max-width: 720px) {
   .modal .modal-header {
      padding: 1rem;
   }

   .modal .modal-header .modal-title img {
      max-width: 75%;
   }
}

.modal .modal-footer {
   border-top: 0;
   margin-top: 2.2rem;
   box-shadow: 0px -4px 12px rgba(0, 0, 0, 0.25);
}

.modal .modal-footer .next-modal {
   margin-bottom: 2rem;
   margin-top: 2rem;
}

.modal .modal-footer .next-modal a {
   display: block;
   text-align: right;
   padding-right: 75px;
   background: url('../images/arrow-right-grey.png') right center no-repeat transparent;
   background-size: 65px;
   font-weight: 500;
   color: #000;
   font-size: 1.25rem;
   font-family: 'Avenir Roman';
}

@media screen and (max-width: 720px) {
   .modal .modal-footer .next-modal a {
      background-size: 40px auto;
      padding-right: 50px;
   }

   .modal .modal-footer .next-modal a span {
      display: none;
   }
}

.modal .modal-footer .next-modal a img {
   max-width: 220px;
}

.modal .modal-footer .next-modal a:hover {
   background: url('../images/arrow-right.png') right center no-repeat transparent;
   background-size: 65px;
}

.modal .modal-footer .next-modal a h4 {
   font-weight: 500;
   color: #000;
   font-size: 32px;
   font-family: 'Avenir Medium';
}

@media screen and (max-width: 720px) {
   .modal .modal-footer .next-modal a h4 {
      font-size: 1.5rem;
      line-height: 40px;
   }
}

@media screen and (max-width: 720px) {
   .modal .modal-footer {
      box-shadow: none;
   }
}

@media screen and (min-height: 769px) {
   .modal .modal-body {
      max-height: calc(100vh - (160px + 3rem));
      overflow-y: auto;
      overflow-x: hidden;
      -ms-overflow-style: none;
      /* IE and Edge */
      scrollbar-width: none;
      /* Firefox */
   }
}

.modal .modal-body::-webkit-scrollbar {
   display: none;
}

@media screen and (max-width: 720px) {
   .modal .modal-body {
      overflow-y: auto;
      overflow-x: hidden;
      -ms-overflow-style: none;
      /* IE and Edge */
      scrollbar-width: none;
      /* Firefox */
      max-height: inherit;
   }
   #modalFormConfigurador .modal-body .mt-5rem {
      margin-top: 1rem;
   }
   main .testdrive .imageTestDrive {
      margin:-20px -6rem;
   }
}

.modal .modal-body .legal-text {
   padding-top: 3.5rem;
   padding-bottom: 3.5rem;
}

.modal .modal-body .legal-text p {
   line-height: 22px;
   margin-bottom: 1.5rem;
}

.modal .modal-body .legal-text a {
   text-decoration: underline;
}

.modal .modal-body .legal-text h5 {
   font-weight: 500;
   color: #000;
   font-size: 1.5rem;
   font-family: 'Avenir Medium';
   margin-top: 2.5rem;
   margin-bottom: 1.5rem;
}

.modal .modal-body .legal-text h6 {
   font-weight: 500;
   color: #000;
   font-size: 1.25rem;
   font-family: 'Avenir Medium';
   margin-top: 2.5rem;
   margin-bottom: 0;
}

.modal .modal-body .legal-text strong {
   font-family: 'Avenir Heavy';
}

.modal .modal-thanks,
.modal-thanks.error404 {
   background-color: rgba(0, 0, 0, 0.9);
   position: absolute;
   height: 100%;
   width: 100%;
   z-index: 9;
   text-align: center;
   display: none;
   align-items: center;
   justify-content: center;
}

.modal .modal-thanks.show,
.modal-thanks.error404.show {
   display: flex;
}

.modal .modal-thanks .text,
.modal-thanks.error404 .text {
   flex: 0 0 100%;
}

.modal .modal-thanks .text p,
.modal-thanks.error404 .text p {
   font-weight: normal;
   color: #FFF;
   font-size: 1.75rem;
   font-family: 'Avenir Book';
   line-height: 2.875rem;
}

.modal .modal-thanks .text h6,
.modal-thanks.error404 .text h6 {
   font-weight: normal;
   color: #FFF;
   font-size: 2.5rem;
   font-family: 'Avenir Book';
   line-height: 2.875rem;
}

@media screen and (max-width: 720px) {

   .modal .modal-thanks .text p,
   .modal-thanks.error404 .text p {
      font-size: 1.375rem;
      line-height: 1.75rem;
      padding: 0 15px;
   }

   .modal .modal-thanks .text h6,
   .modal-thanks.error404 .text h6 {
      font-size: 1.875rem;
   }

   .modal .modal-thanks .text br,
   .modal-thanks.error404 .text br {
      display: none;
   }
}

.modal .modal-thanks .btn-close,
.modal-thanks.error404 .btn-close {
   padding: 0;
   width: 63px;
   height: 63px;
   opacity: 1;
   background: url('../images/close-button-white.svg') left top no-repeat transparent;
   background-size: cover;
   position: absolute;
   z-index: 9999;
   top: 50px;
   right: 38px;
}

.modal .modal-thanks .btn-close:hover,
.modal-thanks.error404 .btn-close:hover {
   color: #00A0DC;
   background: url('../images/close-button-white.svg') -64px 0px no-repeat transparent;
   background-size: cover;
}

@media screen and (max-width: 720px) {

   .modal .modal-thanks .btn-close,
   .modal-thanks.error404 .btn-close {
      width: 40px;
      height: 40px;
   }

   .modal .modal-thanks .btn-close:hover,
   .modal-thanks.error404 .btn-close:hover {
      background: url('../images/close-button-white.svg') -41px 0px no-repeat transparent;
      background-size: cover;
   }
}

.modal .modal-thanks .text p,
.modal .modal-thanks .text h6,
.modal-thanks.error404 .text p,
.modal-thanks.error404 .text h6 {
   color: #FFF;
}

.modal.timeline .modal-body .historia-subaru {
   padding-top: 3rem;
   text-align: center;
}

.modal.timeline .modal-body .decades {
   padding-top: 18.75rem;
}

@media screen and (max-width: 720px) {
   .modal.timeline .modal-body .decades {
      padding-top: 7rem;
   }

   .modal.timeline .modal-body .decades .sesentas,
   .modal.timeline .modal-body .decades .ochentas {
      padding: 0;
   }
}

.modal.timeline .modal-body .decades .number-decades {
   font-size: 31rem;
   color: #e3e3e3;
   mix-blend-mode: color-burn;
   position: absolute;
   top: -60px;
   text-align: center;
   width: 100%;
}

@media screen and (max-width: 720px) {
   .modal.timeline .modal-body .decades .number-decades {
      font-size: 14.5rem;
      top: 0px;
   }
}

.modal.timeline .modal-body .years-tabs {
   text-align: center;
   justify-content: center;
}

.modal.timeline .modal-body .years-tabs button,
.modal.timeline .modal-body .years-tabs a {
   font-weight: 900;
   color: rgba(0, 0, 0, 0.3);
   font-size: 1.875rem;
   font-family: 'Avenir Medium';
   padding: 0px 7px 0px 8px;
   position: relative;
   margin-left: 0.9rem;
   margin-right: 0.9rem;
   border: none;
   background: none;
}

.modal.timeline .modal-body .years-tabs button:hover,
.modal.timeline .modal-body .years-tabs a:hover,
.modal.timeline .modal-body .years-tabs button.active,
.modal.timeline .modal-body .years-tabs a.active {
   color: #000;
}

.modal.timeline .modal-body .years-tabs button img,
.modal.timeline .modal-body .years-tabs a img {
   vertical-align: bottom;
}

.modal.timeline .modal-body .years-tabs button:before,
.modal.timeline .modal-body .years-tabs a:before,
.modal.timeline .modal-body .years-tabs button:after,
.modal.timeline .modal-body .years-tabs a:after {
   width: 3px;
}

.modal.timeline .modal-body .years-tabs.slide div {
   font-weight: 900;
   color: #000;
   font-size: 2.5rem;
   font-family: 'Avenir Heavy';
   border-left: solid 4px transparent;
}

.modal.timeline .modal-body .years-tabs.slide div.slick-current {
   border-left: solid 4px #00A0DC;
}

@media screen and (max-width: 720px) {
   .modal.timeline .modal-body .years-tabs.nav-tabs {
      position: absolute;
      left: -99999px;
   }
}

.modal.timeline .modal-body .royalSlider.history .rsSlide p {
   font-size: 18px;
}

.modal.gallery-mood {
   /* 360º */
}

.modal.gallery-mood .container.not-full {
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
}

.modal.gallery-mood .container.not-full .row-fullwidth {
   min-height: 35rem;
   background-size: auto;
   background-position: bottom center;
}

.modal.gallery-mood .container.not-full .row-fullwidth>.row {
   flex: 0 0 100%;
}

@media screen and (max-width: 720px) {
   .modal.gallery-mood .container.not-full.slideroriginal .row-fullwidth {
      min-height: 20rem;
      background-size: 110% auto;
      background-position: center 120px;
   }
}

.modal.gallery-mood .row-not-fullwidth.topcenter>.container {
   padding-top: 2rem;
}

.modal.gallery-mood .row-not-fullwidth.topleft>.container {
   padding-top: 2rem;
   padding-left: 2rem;
}

.modal.gallery-mood .row-not-fullwidth.bottomcenter>.container {
   padding-bottom: 2rem;
}

.modal.gallery-mood .row-not-fullwidth.bottomleft>.container {
   padding-bottom: 2rem;
   padding-left: 2rem;
}

.modal.gallery-mood .row-not-fullwidth>.container {
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
}

@media screen and (max-width: 720px) {
   .modal.gallery-mood .row-not-fullwidth {
      min-height: 70vh;
   }
}

.modal.gallery-mood .row-not-fullwidth .blanco h2,
.modal.gallery-mood .row-not-fullwidth .blanco p {
   color: #FFF;
}

.modal.gallery-mood .row-fullwidth {
   min-height: 80vh;
   /* NUEVO SLIDER FULLWIDTH/FULLHEIGHT */
}

@media screen and (max-width: 720px) {
   .modal.gallery-mood .row-fullwidth {
      min-height: 90vh;
   }
}

.modal.gallery-mood .row-fullwidth.min-h-auto {
   min-height: auto;
}

@media screen and (max-width: 720px) {}

.modal.gallery-mood .row-fullwidth .row {
   min-height: auto;
   padding: 0;
}

.modal.gallery-mood .row-fullwidth .coche360 .subtit span {
   font-size: 1.125rem;
}

.modal.gallery-mood .row-fullwidth .coche360 .subtit span a {
   text-decoration: underline;
}

.modal.gallery-mood .row-fullwidth .coche360 .subtit span a:hover {
   text-decoration: none;
   color: #00A0DC;
}

.modal.gallery-mood .row-fullwidth.slider-fullh {
   padding-top: 0 !important;
}

.modal.gallery-mood .row-fullwidth.slider-fullh .first-content {
   position: absolute;
   z-index: 9;
   margin-top: 3rem;
   max-width: 100%;
}

@media screen and (max-width: 720px) {
   .modal.gallery-mood .row-fullwidth.slider-fullh .first-content {
      max-width: 95%;
      margin-left: 2.5%;
   }
}

.modal.gallery-mood .row-fullwidth.slider-fullh .slide-circle.fullh {
   height: 80vh;
}

.modal.gallery-mood .row-fullwidth.slider-fullh .slide-circle.fullh .slick-slide {
   height: 80vh;
   padding: 0 0 20px;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   -o-transform: scale(1);
   transform: scale(1);
}

.modal.gallery-mood .row-fullwidth.slider-fullh .slide-circle.fullh img {
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
   height: 100%;
   object-fit: cover;
}

.modal.gallery-mood .row-fullwidth.slider-fullh .slide-circle.fullh .text-content {
   width: 100%;
   position: absolute;
   z-index: 9;
   bottom: 4.5rem;
   top: auto;
   left: 0;
   text-align: center;
}

.modal.gallery-mood .row-fullwidth.slider-fullh .slide-circle.fullh .slick-dots {
   bottom: 60px;
}

.modal.gallery-mood .row-fullwidth.slider-fullh .slide-circle.fullh .rsArrowLeft {
   left: 10%;
   top: 0;
}

.modal.gallery-mood .row-fullwidth.slider-fullh .slide-circle.fullh .rsArrowLeft .rsArrowIcn {
   top: auto;
   bottom: 110px;
}

.modal.gallery-mood .row-fullwidth.slider-fullh .slide-circle.fullh .rsArrowLeft .rsArrowIcn:hover {
   background-position: -170px -49px;
}

.modal.gallery-mood .row-fullwidth.slider-fullh .slide-circle.fullh .rsArrowRight {
   right: 10%;
   top: 0;
}

.modal.gallery-mood .row-fullwidth.slider-fullh .slide-circle.fullh .rsArrowRight .rsArrowIcn {
   top: auto;
   bottom: 110px;
}

.modal.gallery-mood .row-fullwidth.slider-fullh .slide-circle.fullh .rsArrowRight .rsArrowIcn:hover {
   background-position: -170px -92px;
}

.modal.gallery-mood #coche_foto {
   margin: 0;
   overflow: hidden;
}

.modal.gallery-mood #coche_foto>img {
   cursor: w-resize;
   width: 100%;
   height: auto;
   margin: 0;
   padding: 0;
   /* La foto tiene que subirse en 80px sobre el diseño del desktop*/
   margin-top: -5%;
   /*70/990*/
}

@media screen and (max-width: 720px) {
   .modal.gallery-mood #coche_foto>img {
      width: 130%;
      margin-left: -15%;
   }
}

.modal.gallery-mood .coche_pintura,
.nomodal.configurador .coche_pintura {
   bottom: 30px;
   width: 100%;
   left: 0;
}

.modal.gallery-mood .coche_pintura .coche_color_nombre,
.nomodal.configurador .coche_pintura .coche_color_nombre {
   font-weight: 500;
   color: #000;
   font-size: 1.4rem;
   font-family: 'Avenir Medium';
   margin-bottom: 1rem;
}

@media screen and (max-width: 720px) {

   .modal.gallery-mood .coche_pintura .coche_color_nombre,
   .nomodal.configurador .coche_pintura .coche_color_nombre {
      font-size: 1rem;
   }
}

.modal.gallery-mood .coche_pintura .coche_color_nombre_peq,
.nomodal.configurador .coche_pintura .coche_color_nombre_peq {
   margin-top: 10px;
   text-align: center;
   width: 100%;
   font-size: 1.125rem;
   font-family: "Avenir Medium";
}

.modal.gallery-mood .coche_pintura .coche_colores a.color,
.nomodal.configurador .coche_pintura .coche_colores a.color {
   display: inline-block;
   width: 50px;
   height: 50px;
   margin: 0 7px 0 8px;
}

.modal.gallery-mood .coche_pintura .coche_colores a.color:hover,
.nomodal.configurador .coche_pintura .coche_colores a.color:hover {
   transform: scale(1.4);
   -webkit-box-shadow: 0px 1px 12px 2px rgba(0, 0, 0, 0.15);
   -moz-box-shadow: 0px 1px 12px 2px rgba(0, 0, 0, 0.15);
   box-shadow: 0px 1px 12px 2px rgba(0, 0, 0, 0.15);
}

.modal.gallery-mood .coche_pintura.exterior360,
.nomodal.configurador .coche_pintura.exterior360 {
   top: -100px;
   bottom: inherit;
   position: relative;
}

@media screen and (max-width: 720px) {

   .modal.gallery-mood .coche_pintura.exterior360,
   .nomodal.configurador .coche_pintura.exterior360 {
      top: -60px;
   }
}

@media screen and (max-width: 720px) {

   .modal.gallery-mood .coche_pintura,
   .nomodal.configurador .coche_pintura {
      position: relative;
      bottom: 0;
   }
}

.modal.gallery-mood .int_360 #panoDIV {
   width: 100%;
   height: 63vh;
}

.modal.gallery-mood .int_360 #panoDIV .item {
   height: 100%;
}

.modal.gallery-mood .int_360 #panoDIV .item video,
.modal.gallery-mood .int_360 #panoDIV .item iframe {
   min-height: 58vh;
   width: 100%;
}

.modal.gallery-mood .int_360 #panoDIV .item.image {
   height: auto;
}

.modal.gallery-mood .int_360 #panoDIV .item.image img {
   width: 100%;
}

@media screen and (max-width: 720px) {
   .modal.gallery-mood .int_360.row-fullwidth.min-h-auto {
      padding-top: 0 !important;
   }
}

.nomodal.configurador .row {
   min-height: inherit;
}

.nomodal.configurador .coche360 .from-360 {
   margin-bottom: -6rem;
}

@media screen and (max-width: 720px) {
   .nomodal.configurador .coche360 .from-360 {
      margin-bottom: -3rem;
   }
}

@media screen and (max-width: 720px) {
   .nomodal.configurador .coche360>.row {
      padding: 0 !important;
   }
}

.nomodal.configurador .coche_pintura {
   position: relative;
}

@media screen and (max-width: 720px) {
   .nomodal.configurador .coche_pintura {
      bottom: 10px;
   }
}

.nomodal.configurador .coche_pintura #color-name {
   margin-top: 10px;
   text-align: center;
   width: 100%;
   left: 0;
   font-size: 1.125rem;
}

.nomodal.configurador .coche_pintura .color.seleccionado {
   transform: scale(1.2);
}

.nomodal.configurador .info-car-configurator {
   position: absolute;
   width: 100%;
   left: 0;
   bottom: 10px;
}

.nomodal.configurador .info-car-configurator .row {
   min-height: inherit;
   padding: inherit;
}

.nomodal.configurador .info-car-configurator .form-control {
   width: 470px;
   border: none;
   border-bottom: solid 1px #CCC;
   border-radius: 0;
}

@media screen and (max-width: 720px) {
   .nomodal.configurador .info-car-configurator .form-control {
      width: 100%;
   }
}

@media screen and (max-width: 720px) {
   .nomodal.configurador .info-car-configurator {
      position: relative;
      bottom: 0;
      left: auto;
   }

   .nomodal.configurador .info-car-configurator .btn {
      display: block;
      width: 70vw;
   }
}

.nomodal.configurador h3.bordered {
   position: relative;
   font-size: 24px;
}

.nomodal.configurador h3.bordered:after {
   content: '';
   display: block;
   height: 32px;
   width: 2px;
   background: #00A0DC;
   position: absolute;
   top: 4px;
   left: -10px;
   z-index: 2;
}

@media screen and (max-width: 720px) {
   .nomodal.configurador h3 {
      font-size: 1.875rem;
   }
}

.nomodal.configurador h4 {
   font-weight: 500;
   color: #000;
   font-size: 2rem;
   font-family: 'Avenir Medium';
}

@media screen and (max-width: 720px) {
   .nomodal.configurador .row-fullwidth>.container>.row {
      min-height: 70vh;
   }

   .nomodal.configurador .subtit-mobile {
      font-size: 1.25rem;
   }

   .nomodal.configurador .fullwidth-img {
      margin-left: -0.75rem;
      margin-right: -0.75rem;
   }

   .nomodal.configurador .conf-details {
      padding-left: 1.3rem;
      padding-right: 1.3rem;
   }


   .mobile-accordion .conf-details h3::before {
      flex-shrink: 0;
      width: 1.25rem;
      height: 1.25rem;
      margin-left: auto;
      content: "";
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
      background-repeat: no-repeat;
      background-size: 1.25rem;
      transition: transform .2s ease-in-out;
      position: absolute;
      right: 0;
      top: 12px;
   }
   .mobile-accordion .conf-details h3.show::before {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
      transform: rotate(-180deg);
   }
   .mobile-accordion .conf-details h3+p {
      display:none;
   }
   .mobile-accordion .conf-details h3.show+p {
      display:block;
   }
}

.modal .modal-contacto {
   min-height: 31rem;
   background: #eee;
   background-size: cover;
}

.modal .modal-contacto>.col-12 {
   padding-left: 6.25rem;
}

.modal .modal-contacto>.col-12 h4 {
   font-weight: 500;
   color: #000;
   font-size: 2.5rem;
   font-family: 'Avenir Medium';
   line-height: 2.8rem;
   margin-bottom: 0.5rem;
}

@media screen and (max-width: 720px) {
   .modal .modal-contacto>.col-12 h4 {
      font-size: 1.875rem;
      line-height: 2rem;
   }
}

.modal .modal-contacto>.col-12 p {
   font-size: 1.5rem;
   line-height: 1.75rem;
   font-weight: lighter;
   margin-bottom: 1.5rem;
}

@media screen and (max-width: 720px) {
   .modal .modal-contacto>.col-12 p {
      font-size: 1.125rem;
      margin-bottom: 1rem;
   }
}

.modal .modal-contacto>.col-12.blanco h4,
.modal .modal-contacto>.col-12.blanco p,
.modal .modal-contacto>.col-12.blanco a {
   color: #FFF;
}

@media screen and (max-width: 720px) {
   .modal .modal-contacto>.col-12 {
      padding-left: 30px;
   }
}

.modal .modal-body.buscador {
   padding-top: 52px;
}

.modal .modal-body.buscador .form-select,
.modal .modal-body.buscador .form-control {
   border: 0;
   border-bottom: 1px solid #ced4da;
   border-radius: 0;
}

.modal .modal-body.buscador #concesionario_plantilla {
   display: none;
}

.modal .modal-body.buscador .result-search {
   border-top: solid 1px #808080;
   padding-top: 3.75rem;
   margin-bottom: 3.75rem;
}

.modal .modal-body.buscador .result-search .tit-name {
   margin-bottom: 2.5rem;
}

.modal .modal-body.buscador .result-search .tit-name .name {
   font-weight: 500;
   color: #000;
   font-size: 2.25rem;
   font-family: 'Avenir Medium';
   line-height: 2.25rem;
}

@media screen and (max-width: 720px) {
   .modal .modal-body.buscador .result-search .tit-name .name {
      font-size: 1.6rem;
      line-height: 1.7rem;
      text-align: center;
   }
}

.modal .modal-body.buscador .result-search .tit-name .address {
   font-weight: 500;
   color: #000;
   font-size: 1.875rem;
   font-family: 'Avenir Medium';
}

@media screen and (max-width: 720px) {
   .modal .modal-body.buscador .result-search .tit-name .address {
      font-size: 1.5rem;
      line-height: 1.6rem;
      text-align: center;
   }
}

.modal .modal-body.buscador .result-search .tit-name .address span {
   display: block;
   font-weight: normal;
   color: #000;
   font-size: 1.25rem;
   font-family: 'Avenir Book';
   line-height: 1.25rem;
}

.modal .modal-body.buscador .result-search .info .icons {
   border-right: solid 1px #b3b3b3;
}

.modal .modal-body.buscador .result-search .info .icons a:only-child {
   cursor: default;
}

.modal .modal-body.buscador .result-search .info .data .tit {
   font-weight: 500;
   color: #000;
   font-size: 1.875rem;
   font-family: 'Avenir Medium';
}

@media screen and (max-width: 720px) {
   .modal .modal-body.buscador .result-search .info .data .tit {
      font-size: 1.5rem;
   }
}

.modal .modal-body.buscador .result-search .info .data .info {
   font-size: 1.25rem;
   line-height: 1.875rem;
}

@media screen and (max-width: 720px) {
   .modal .modal-body.buscador .result-search .info .data .info {
      font-size: 1.125rem;
      line-height: 1.625rem;
   }
}

.modal .modal-body.buscador .result-search .info .data .info a {
   text-decoration: underline;
}

.modal .modal-body.buscador .result-search .info .data .info a.link-phone {
   text-decoration: none;
}

@media screen and (max-width: 720px) {
   .modal .modal-body.buscador .result-search .text-end {
      text-align: center !important;
      margin-top: 1.5rem;
   }

   .modal .modal-body.buscador .result-search .text-end .btn {
      margin-bottom: 0.75rem;
   }
}

.modal .modal-condiciones,
.nomodal .modal-condiciones {
   margin-top: 3rem;
}

.modal .modal-condiciones .accordion-item,
.nomodal .modal-condiciones .accordion-item {
   border: 0;
}
.autonomia .accordion-item {
   border-left:0;
   border-top:0;
   border-right:0;
   margin-bottom:1rem;
}

.autonomia .accordion-item ul {
   list-style: circle inside;
}

.autonomia .accordion-item .accordion-button,
.modal .modal-condiciones .accordion-item .accordion-button,
.nomodal .modal-condiciones .accordion-item .accordion-button {
   font-size: 1.1rem;
}
.autonomia .accordion-item .accordion-button:focus,
.modal .modal-condiciones .accordion-item .accordion-button:focus,
.nomodal .modal-condiciones .accordion-item .accordion-button:focus {
   outline: none;
   box-shadow: none;
}
.autonomia .accordion-item .accordion-button:not(.collapsed),
.modal .modal-condiciones .accordion-item .accordion-button:not(.collapsed),
.nomodal .modal-condiciones .accordion-item .accordion-button:not(.collapsed) {
   background: transparent;
   color: #000;
}

.autonomia .accordion-item p,
.autonomia .accordion-item ul,
.modal .modal-condiciones .accordion-item p,
.nomodal .modal-condiciones .accordion-item p {
   margin-bottom: 1rem;
}
.autonomia .accordion-item p,
.autonomia .accordion-item li {
   font-size:1.125rem;
}
.autonomia .accordion-item .accordion-button {
   font-size: 1.25rem;
}


.autonomia .accordion-item p strong,
.modal .modal-condiciones .accordion-item p strong,
.nomodal .modal-condiciones .accordion-item p strong {
   font-family: 'Avenir Medium';
}

@media screen and (max-width: 720px) {

   .autonomia .accordion-item p,
   .autonomia .accordion-item li,
   .modal .modal-condiciones .accordion-item p,
   .nomodal .modal-condiciones .accordion-item p {
      font-size: 0.875rem;
      margin-bottom: 0.8rem;
   }
   .nomodal .modal-condiciones {
      margin-top: 0rem;
   }
}

.autonomia .accordion-item .accordion-body strong,
.modal .modal-condiciones .accordion-item .accordion-body strong,
.nomodal .modal-condiciones .accordion-item .accordion-body strong {
   font-family: 'Avenir Medium';
}

@media screen and (max-width: 720px) {

   .autonomia .accordion-item .accordion-body,
   .modal .modal-condiciones .accordion-item .accordion-body,
   .nomodal .modal-condiciones .accordion-item .accordion-body {
      font-size: 0.875rem;
      line-height: 1rem;
   }
}

/*~~~~~~ END MODALS ~~~~~~*/
.modal-thanks.error404 {
   display: flex;
   top: 0;
   z-index: 9999;
}

.modal-thanks.error404 .text {
   padding: 1rem;
}

.modal-thanks.error404 .text a {
   color: #FFF;
   text-decoration: underline;
}

.modal-thanks.error404 .text a:hover {
   text-decoration: none;
}

@media screen and (max-width: 720px) {
   .modal-thanks.error404 .text h6 {
      line-height: 2.3rem;
      margin-bottom: 6px;
   }

   .modal-thanks.error404 .text p {
      line-height: 1.85rem;
   }
}

/*~~~~~~ FOOTER ~~~~~~*/
footer {
   background: #181818;
   padding-top: 1.25rem;
   position: relative;
}

footer .to-top {
   position: absolute;
   top: 55px;
   right: 35px;
   z-index: 9;
}

footer .copyright {
   font-size: 0.875rem;
   padding-top: 3.125rem;
   padding-bottom: 1.5rem;
}

footer .copyright p {
   color: rgba(255, 255, 255, 0.8);
}

@media screen and (max-width: 720px) {
   footer .copyright {
      font-size: 1rem;
      padding: 1rem 2.25rem;
   }
}

footer .copyright a,
footer .copyright button#ot-sdk-btn.ot-sdk-show-settings {
   margin: 0 0.625rem;
   background: none;
   border: none;
   color: rgba(255, 255, 255, 0.8);
   font-size: inherit;
   padding: inherit;
}

footer .copyright a:hover,
footer .copyright button#ot-sdk-btn.ot-sdk-show-settings:hover {
   color: #00A0DC;
}

@media screen and (max-width: 720px) {

   footer .copyright a,
   footer .copyright button#ot-sdk-btn.ot-sdk-show-settings {
      display: block;
      margin: 0 0 0.2rem;
      text-decoration: underline;
      text-align: left;
   }
}

footer .navbar {
   box-shadow: none;
}

footer .navbar .navbar-nav>li .nav-link {
   background: transparent;
   color: rgba(255, 255, 255, 0.5);
}

footer .navbar .navbar-nav>li .nav-link:hover {
   color: rgba(255, 255, 255, 0.5);
}

footer .navbar .navbar-nav>li .nav-link.active {
   color: #FFF;
}

footer .navbar .navbar-nav>li .dropdown-menu {
   box-shadow: none;
}

footer .navbar .navbar-nav>li .dropdown-menu li .dropdown-item {
   color: #FFF;
}

footer .redes a {
   width: 50px;
   height: 50px;
   text-indent: -99999px;
   display: inline-block;
   background: url('../images/social-networks.svg') center center no-repeat transparent;
   background-size: initial;
}

.grecaptcha-badge {
   bottom:64px!important;
}

footer .redes a.facebook {
   background-position: 0 0;
}

footer .redes a.facebook:hover {
   background-position: 0px -53px;
}

footer .redes a.instagram {
   background-position: -53px 0;
}

footer .redes a.instagram:hover {
   background-position: -53px -53px;
}

footer .redes a.linkedin {
   background: #FFF;
   border-radius: 100%;
   display: inline-block;
   vertical-align: bottom;
   padding: 0 11px 0 0;
   line-height: 50px;
}

footer .redes a.linkedin svg {
   width:26px;
}

footer .redes a.linkedin:hover {
   background:#00A0DC;
}

footer .redes a.twitter {
   background-position: -106px 0;
}

footer .redes a.twitter:hover {
   background-position: -106px -53px;
}

footer .redes a.youtube {
   background-position: -159px 0;
}

footer .redes a.youtube:hover {
   background-position: -159px -53px;
}

@media screen and (max-width: 720px) {
   footer .navbar .navbar-collapse {
      background: none;
      margin: 0;
      padding: 0;
   }

   footer .mx-1 {
      margin-left: 0 !important;
      margin-right: 0 !important;
   }
}

/*~~~~~~ END FOOTER ~~~~~~*/
/*~~~~~~ SLIDERS ~~~~~~*/
.rsDefault,
.rsDefault .rsOverflow,
.rsDefault .rsSlide,
.rsDefault .rsVideoFrameHolder,
.rsDefault .rsThumbs {
   background: transparent !important;
   color: #000;
}

.slick-slider .rsArrow {
   height: 100%;
   width: 44px;
   position: absolute;
   display: block;
   cursor: pointer;
   z-index: 21;
}

.slick-slider .rsArrow.slick-disabled {
   display: none !important;
}

.slick-slider .rsArrowLeft {
   left: 20%;
   top: 0;
}

.slick-slider .rsArrowLeft .rsArrowIcn:hover {
   background-position: -170px -49px;
}

.slick-slider .rsArrowRight {
   right: 20%;
   top: 0;
}


.slick-slider .rsArrowRight .rsArrowIcn:hover {
   background-position: -170px -92px;
}

.slick-slider .rsArrowIcn {
   width: 25px;
   height: 43px;
   top: 35%;
   left: 50%;
   margin-top: -16px;
   margin-left: -16px;
   position: absolute;
   cursor: pointer;
   background: url('../images/rs-default.png');
   opacity: 1;
   /*background-color: #000;
      background-color: rgba(0,0,0,0.75);
      *background-color: #000;*/
   border-radius: 2px;
}

.slick-slider .rsArrowLeft .rsArrowIcn {
   background-position: -61px -24px;
}

.slick-slider .rsArrowRight .rsArrowIcn {
   background-position: -61px -67px;
}

.slick-slider .rsArrowDisabled .rsArrowIcn {
   opacity: 0.2;
   filter: alpha(opacity=20);
   display: none;
}

.slick-slider .slick-dots li {
   margin: 0 5px 0 4px;
}

.slick-slider .slick-dots li:only-child {
   display: none;
}

.slick-slider .slick-dots li button::before {
   font-size: 10px !important;
}

.slick-slider .slick-dots li.slick-active button::before,
.slick-slider .slick-dots li button:hover::before {
   color: #00A0DC;
}

@media screen and (max-width: 720px) {
   .slick-slider .slick-dots li {
      margin: 0 3px 0 4px;
   }
}

.slick-slider.blanco .rsArrowLeft .rsArrowIcn {
   background-position: 102px -87px;
}

.slick-slider.blanco .rsArrowRight .rsArrowIcn {
   background-position: 65px -87px;
}

.slick-slider.blanco .slick-dots li:only-child {
   display: none;
}

.slick-slider.blanco .slick-dots li button:before {
   color: #FFF;
}

.slick-slider.blanco p {
   color: #FFF;
}

.slick-slider.acabados-tabs .slick-slide {
   padding-left: 40px;
   padding-right: 40px;
}

@media screen and (max-width: 720px) {
   .slick-slider.acabados-tabs .slick-slide {
      text-align: center;
   }

   .slick-slider.acabados-tabs .slick-slide h2 {
      font-size: 1.625rem;
      margin: 20px 0 0;
   }

   .slick-slider.acabados-tabs .slick-slide p {
      font-size: 1.125rem;
   }

   .slick-slider.acabados-tabs .slick-slide br {
      display: none;
   }
}

.slick-slider.acabados-tabs .rsArrowRight {
   right: 0;
}

@media screen and (max-width: 720px) {
   .slick-slider.acabados-tabs .rsArrowRight {
      top: 20px;
   }
}

.slick-slider.acabados-tabs .rsArrowLeft {
   left: 0;
}

@media screen and (max-width: 720px) {
   .slick-slider.acabados-tabs .rsArrowLeft {
      top: 20px;
   }
}

.slick-slider.gamas-tabs.slide div {
   font-weight: 900;
   color: rgba(0, 0, 0, 0.5);
   font-size: 1.5rem;
   font-family: 'Avenir Heavy';
   padding: 6px 8px 8px;
   text-align: center;
}

.slick-slider.gamas-tabs.slide div img {
   display: inline-block;
   vertical-align: bottom;
   max-width: 100%;
}

.slick-slider.gamas-tabs.slide .slick-active {
   color: #000;
}

.slick-slider.gamas-tabs.slide .rsArrowRight {
   right: 10%;
   top: 2px;
}

.slick-slider.gamas-tabs.slide .rsArrowLeft {
   left: 10%;
   top: 4px;
}

.slick-slider.colores-slide .slick-slide {
   padding-top: 20px;
}

.slick-slider.colores-slide .slick-slide img {
   width: 30px;
   height: 30px;
   margin-right: auto;
   margin-left: auto;
}

.slick-slider.colores-slide .slick-slide .content-slide {
   display: none;
}

.slick-slider.colores-slide .slick-slide:not(.slick-active)~.slick-slide.slick-active img {
   margin-left: 0;
   margin-right: auto;
}

.slick-slider.colores-slide .slick-slide.slick-active.slick-current {
   padding-top: 0;
}

.slick-slider.colores-slide .slick-slide.slick-active.slick-current .content-slide {
   display: block;
}

.slick-slider.colores-slide .slick-slide.slick-active.slick-current~.slick-active img {
   margin-left: auto;
   margin-right: 0;
}

.slick-slider.colores-slide .slick-slide.slick-active.slick-current img {
   width: 60px;
   height: 60px;
   margin-left: auto !important;
   margin-right: auto !important;
}

@media screen and (max-width: 720px) {
   .slick-slider.colores-slide .slick-slide .content-slide.text-center {
      white-space: nowrap;
   }
   .slick-slider.colores-slide .slick-slide .content-slide.text-center p strong {
      width: 100vw;
      display: inline-block;
      transform: translateX(-50vw);
      margin-left: 50%;
   }
   .slick-slider.colores-slide .slick-slide p {
      min-height: 60px;
   }
}

.slick-slider.colores-slide .rsArrowRight {
   right: 23%;
   top: -18px;
}

@media screen and (max-width: 720px) {
   .slick-slider.colores-slide .rsArrowRight {
      top: -110%;
      right: -10px;
   }
}

.slick-slider.colores-slide .rsArrowLeft {
   left: 23%;
   top: -18px;
}

@media screen and (max-width: 720px) {
   .slick-slider.colores-slide .rsArrowLeft {
      top: -110%;
      left: -10px;
   }
}

.slick-slider.slide-galeria img {
   margin: 0 auto;
   width: 100%;
   max-width: 100%;
}

.slick-slider.slide-galeria .rsArrowLeft {
   left: -4%;
}

.slick-slider.slide-galeria .rsArrowRight {
   right: -4%;
}

.slick-slider.slide-galeria .rsArrowIcn {
   top: 49%;
}

.slick-slider.porquesubaru .slick-slide {
   position: relative;
   padding-bottom: 1.5rem;
   opacity: 0.3;
}

.slick-slider.porquesubaru .slick-slide img {
   margin: 0 auto;
   width: 100%;
   max-width: 100%;
}

.slick-slider.porquesubaru .slick-slide .content-slide {
   padding: 0 4.5rem;
   text-align: center;
   display: none;
}

.slick-slider.porquesubaru .slick-slide .content-slide p {
   padding: 1.8125rem 0 1rem;
   font-size: 1.125rem;
   line-height: 30px;
}

@media screen and (max-width: 720px) {
   .slick-slider.porquesubaru .slick-slide .content-slide {
      font-size: 1rem;
      line-height: 1.375rem;
      padding-left: 12px;
      padding-right: 12px;
   }
}

.slick-slider.porquesubaru .slick-slide .content-bordered,
.slick-slider.home_hero .slick-slide .content-bordered {
   position: absolute;
   border-color: #FFF;
}

.slick-slider.porquesubaru .slick-slide .content-bordered h3,
.slick-slider.home_hero .slick-slide .content-bordered h3 {
   color: #FFF;
}

.slick-slider.porquesubaru .slick-slide .content-bordered h3.blanco,
.slick-slider.home_hero .slick-slide .content-bordered h3.blanco {
   color: #FFF;
}

@media screen and (max-width: 720px) {

   .slick-slider.porquesubaru .slick-slide .content-bordered h3,
   .slick-slider.home_hero .slick-slide .content-bordered h3 {
      font-size: 1.6rem;
   }
}

.slick-slider.porquesubaru .slick-slide.slick-active.slick-current {
   opacity: 1;
}

.slick-slider.porquesubaru .slick-slide.slick-active.slick-current .content-slide {
   display: block;
}

.slick-slider.porquesubaru .slick-slide.slick-active.slick-current .content-bordered {
   border-color: #00A0DC;
}

.slick-slider.porquesubaru .slick-slide.slick-active.slick-current .content-bordered h3 {
   color: #000;
}

.slick-slider.porquesubaru .slick-slide.slick-active.slick-current .content-bordered h3.blanco {
   color: #FFF;
}

.slick-slider.porquesubaru .rsArrowRight {
   right: 16vw;
}

.slick-slider.porquesubaru .rsArrowLeft {
   left: 16vw;
}

@media screen and (max-width: 720px) {
   .slick-slider.porquesubaru {
      margin-left: 0px;
      margin-right: 0px;
   }
}

.slick-slider.home_hero {
   width: 100%;
   height: 500px;
   overflow: hidden;
}
.slick-slider.home_hero.h-400 {
   height:450px;
}

@media screen and (max-width: 720px) {
   .slick-slider.home_hero {
      height: 450px;
   }
}

.slick-slider.home_hero .slick-slide {
   width: 100%;
   height: 500px;
   background: center bottom no-repeat;
   background-size: cover;
}
.slick-slider.home_hero.h-400 .slick-slide {
   height:450px;
}

@media screen and (max-width: 720px) {
   .slick-slider.home_hero .slick-slide {
      height: 450px;
   }
}

.slick-slider.home_hero .slick-slide.vimeo {
   padding: 56.25% 0 0 0;
   position: relative;
}

.slick-slider.home_hero .slick-slide video,
.slick-slider.home_hero .slick-slide iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   margin-top: 250px;
   top: -50%;
}

@media screen and (max-width: 720px) {

   .slick-slider.home_hero .slick-slide video,
   .slick-slider.home_hero .slick-slide iframe {
      /* width: calc(400px * 1.79); */
      height: 450px;
      /* left: -200px; */
      margin-top: 200px;
      /* object-fit: contain; */
      object-fit: cover;
   }
}

.slick-slider.home_hero .slick-slide .content-bordered {
   border-color: #00A0DC;
   padding-top: 1rem;
   padding-bottom: 0.75rem;
}

.slick-slider.home_hero .slick-slide .content-bordered .btn {
   margin-top: 1.375rem;
}

.slick-slider.home_hero .slick-slide .content-bordered h1 {
   font-weight: 500;
   color: #000;
   font-size: 38px;
   font-family: 'Avenir Medium';
}

@media screen and (max-width: 720px) {
   .slick-slider.home_hero .slick-slide .content-bordered h1 {
      font-size: 1.5rem;
   }

   .slick-slider.home_hero .slick-slide .content-bordered h1 img {
      max-width: 75%;
   }
}

.slick-slider.home_hero .slick-slide .content-bordered.blanco p,
.slick-slider.home_hero .slick-slide .content-bordered.blanco h1 {
   color: #FFF;
}

.slick-slider.home_hero .rsArrowLeft {
   left: 0%;
   top: 40px;
}
.slick-slider.home_hero .rsArrowLeft .rsArrowIcn {
   background-position:-95px -90px;
}

.slick-slider.home_hero .rsArrowRight {
   right: 0%;
   top: 40px;
}
.slick-slider.home_hero .rsArrowRight .rsArrowIcn {
   background-position:-131px -88px;
}

.slick-slider.home_hero .slick-dots {
   bottom: 15px;
}

.slick-slider.home_hero .slick-dots li button:before {
   opacity: 1;
   color: #FFF;
}

.slick-slider.home_hero .slick-dots li.slick-active button::before {
   color: #00A0DC;
}

.slick-slider.modelos .slick-slide {
   position: relative;
   transform: scale(0.8, 0.8);
   transition: transform 0.3s;
   right: -60px;
   top: -30px;
}

.slick-slider.modelos .slick-slide .content-slide h3,
.slick-slider.modelos .slick-slide .content-slide p {
   opacity: 0;
}

.slick-slider.modelos .slick-slide.slick-center {
   transform: scale(1, 1);
   right: auto;
   left: auto;
   top: -15px;
}

.slick-slider.modelos .slick-slide.slick-center+.slick-slide {
   left: -60px;
}

.slick-slider.modelos .slick-slide.slick-center .content-slide {
   display: block;
}

.slick-slider.modelos .slick-slide img {
   margin: 0 auto;
   cursor: pointer;
   max-width: 100%;
}

.slick-slider.modelos .slick-slide img.rsImg {
   margin-bottom: 4.375rem;
}

@media screen and (max-width: 720px) {
   .slick-slider.modelos .slick-slide img.rsImg {
      margin: -1rem 0% -2.5rem;
      max-width: 100%;
   }
}

@media screen and (max-width: 720px) {
   .slick-slider.modelos .slick-slide {
      right: 0;
      top: 0rem;
      transform: none;
   }

   .slick-slider.modelos .slick-slide.slick-active.slick-current .content-slide {
      display: block;
   }
}

.slick-slider.modelos .slide {
   padding: 0 24px;
}

@-webkit-keyframes fadeInUpSD {
   0% {
      opacity: 0;
   }

   100% {
      opacity: 1;
   }
}

.slick-slider.modelos .slick-current .content-slide {
   padding-bottom: 0.5rem;
}

.slick-slider.modelos .slick-current .content-slide h3,
.slick-slider.modelos .slick-current .content-slide p {
   animation-name: fadeInUpSD;
   animation-duration: 0.6s;
   animation-delay: 0.25s;
   opacity: 1;
   animation-fill-mode: both;
}

.slick-slider.modelos .slick-current .content-slide p {
   animation-delay: 0.55s;
}

.slick-slider.modelos .slick-current .content-slide p:not(:last-child) a {
   text-decoration: underline;
}

.slick-slider.modelos .slick-current .content-slide p:not(:last-child) a:hover {
   text-decoration: none;
   color: #00A0DC;
}

.slick-slider.modelos .slick-current .content-slide p:last-child {
   animation-delay: 0.85s;
}

@media screen and (max-width: 720px) {}

.slick-slider.modelos .slick-slide .content-slide {
   display: none;
   position: absolute;
   width: 100%;
   bottom: -29px;
}

@media screen and (max-width: 720px) {
   .slick-slider.modelos .slick-slide .content-slide {
      position: relative;
      bottom: inherit;
      top: 0rem;
   }
}

@media screen and (max-width: 720px) {
   .slick-slider.modelos {
      margin-bottom: 0 !important;
   }
}

.slick-slider.modelos .rsArrowLeft {
   left: 27%;
}

.slick-slider.modelos .rsArrowRight {
   right: 27%;
}

.slick-slider.modelos.conf img.rsImg {
   cursor: pointer;
}

.slick-slider.modelos.conf .rsArrowLeft {
   left: 30%;
}

.slick-slider.modelos.conf .rsArrowRight {
   right: 30%;
}

.slick-slider.accesorios-slide {
   padding: 0;
}

.slick-slider.accesorios-slide .slick-slide {
   opacity: 0.1;
   text-align: center;
   position: relative;
   left: -1.2%;
}

@media screen and (max-width: 720px) {
   .slick-slider.accesorios-slide .slick-slide {
      opacity: 0.2;
      left: 0;
   }

   .slick-slider.modelos.conf .rsArrowLeft {
      left: 0%;
   }
   .slick-slider.modelos.conf .rsArrowRight {
      right: 0%;
   }

}

.slick-slider.accesorios-slide .slick-slide img {
   width: calc(100% - 20px);
   margin: 0 auto 10px;
}

@media screen and (max-width: 720px) {
   .slick-slider.accesorios-slide .slick-slide img {
      margin: 0 0 10px;
      width: 100%;
   }
   .slick-slider.modelos .rsArrowLeft {
      left: 0%;
      top: -3rem;
   }
   .slick-slider.modelos .rsArrowRight {
      right: 0%;
      top: -3rem;
   }
}

.slick-slider.accesorios-slide .slick-slide.slick-active {
   opacity: 1;
}

.slick-slider.accesorios-slide .slick-slide .btn {
   position: absolute;
   bottom: 30px;
   left: 50%;
   transform: translate(-50%, -50%);
}

.slick-slider.accesorios-slide .slick-slide .btn.blanco {
   border-color: #FFF;
   color: #FFF;
}

.slick-slider.accesorios-slide .slick-slide .btn.blanco:hover {
   border-color: #00A0DC;
}

@media screen and (max-width: 720px) {
   .slick-slider.accesorios-slide .slick-slide .btn {
      bottom: 10px;
   }
}

.slick-slider.accesorios-slide .slick-slide.slick-active {
   left: 0;
   right: 0;
}

.slick-slider.accesorios-slide .slick-slide.slick-active+.slick-slide:not(.slick-active) {
   left: auto;
   right: -1.2%;
}

@media screen and (max-width: 720px) {
   .slick-slider.accesorios-slide .slick-slide.slick-active+.slick-slide:not(.slick-active) {
      right: 0;
   }
}

.slick-slider.accesorios-slide .rsArrowRight {
   right: 7%;
}

.slick-slider.accesorios-slide .rsArrowLeft {
   left: 7%;
}

.slick-slider.accesorios-slide.neumaticos .rsArrowRight {
   right: 5%;
}

.slick-slider.accesorios-slide.neumaticos .rsArrowLeft {
   left: 5%;
}

.slick-slider.accesorios-slide .rsArrowIcn {
   top: 43%;
}

.slick-slider.slide-circle .slick-slide {
   opacity: 0.45;
   text-align: center;
   padding: 10px 0 20px;
   position: relative;
   -webkit-transform: scale(0.8);
   -moz-transform: scale(0.8);
   -ms-transform: scale(0.8);
   -o-transform: scale(0.8);
   transform: scale(0.8);
}

.slick-slider.slide-circle .slick-slide iframe {
   width: 99%;
   min-height: 575px;
   display: block;
   margin: 0 auto 10px;
   background: #000;
}

@media (min-width: 992px) and (max-width: 1280px) {
   .slick-slider.slide-circle .slick-slide iframe {
      min-height: 40vw;
   }
}

@media screen and (max-width: 720px) {
   .slick-slider.slide-circle .slick-slide iframe {
      width: 100vw;
      height: 100vw;
      min-height: auto;
   }
}

.slick-slider.slide-circle .slick-slide img,
.slick-slider.slide-circle .slick-slide video {
   margin: 0 auto 10px;
   width: 100%;
}

@media screen and (max-width: 720px) {

   .slick-slider.slide-circle .slick-slide img,
   .slick-slider.slide-circle .slick-slide video {
      width: 95%;
   }
}

.slick-slider.slide-circle .slick-slide h3,
.slick-slider.slide-circle .slick-slide p,
.slick-slider.slide-circle .slick-slide .content-slide {
   display: none;
}

.slick-slider.slide-circle .slick-slide.slick-active,
.slick-slider.slide-circle .slick-slide.slick-current {
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   -o-transform: scale(1);
   transform: scale(1);
}

.slick-slider.slide-circle .slick-slide.slick-active .content-slide,
.slick-slider.slide-circle .slick-slide.slick-current .content-slide,
.slick-slider.slide-circle .slick-slide.slick-active p,
.slick-slider.slide-circle .slick-slide.slick-current p,
.slick-slider.slide-circle .slick-slide.slick-active h3,
.slick-slider.slide-circle .slick-slide.slick-current h3 {
   display: block;
}

.slick-slider.slide-circle .slick-slide.slick-active img,
.slick-slider.slide-circle .slick-slide.slick-current img,
.slick-slider.slide-circle .slick-slide.slick-active video,
.slick-slider.slide-circle .slick-slide.slick-current video,
.slick-slider.slide-circle .slick-slide.slick-active iframe,
.slick-slider.slide-circle .slick-slide.slick-current iframe {
   -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
   -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
}

@media screen and (max-width: 720px) {

   .slick-slider.slide-circle .slick-slide.slick-active img,
   .slick-slider.slide-circle .slick-slide.slick-current img,
   .slick-slider.slide-circle .slick-slide.slick-active video,
   .slick-slider.slide-circle .slick-slide.slick-current video,
   .slick-slider.slide-circle .slick-slide.slick-active iframe,
   .slick-slider.slide-circle .slick-slide.slick-current iframe {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
   }
}

.slick-slider.slide-circle .slick-slide .content-bordered {
   position: absolute;
}

.slick-slider.slide-circle .slick-slide .content-bordered.blanco h3 {
   color: #FFF;
}

.slick-slider.slide-circle .slick-slide p {
   font-size: 1.125rem;
   line-height: 1.875rem;
   margin: 0 5.5rem;
   min-height: 90px;
}

@media screen and (max-width: 720px) {
   .slick-slider.slide-circle .slick-slide p {
      margin: 0 0.5rem;
      font-size: 1rem;
      line-height: 1.375rem;
   }
}

.slick-slider.slide-circle .slick-slide h3 {
   padding-top: 10px;
   font-size: 1.5rem;
}

.slick-slider.slide-circle .slick-slide.vimeo>img {
   display: none;
}

@media screen and (max-width: 720px) {
   .slick-slider.slide-circle .slick-slide.vimeo>img {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
   }

   .slick-slider.slide-circle .slick-slide p {
      padding: 0 15px;
      line-height: 1.5rem;
   }

   .slick-slider.slide-circle .slick-slide h3 {
      padding: 15px;
      line-height: 1.85rem;
   }
}

.slick-slider.slide-circle .rsArrowRight {
   right: 6%;
   top: 6%;
}

.slick-slider.slide-circle .rsArrowLeft {
   left: 6%;
   top: 6%;
}

@media screen and (max-width: 720px) {

   .slick-slider.slide-circle .rsArrowRight,
   .slick-slider.slide-circle .rsArrowLeft {
      display: none !important;
   }
}

.slick-slider.slide-circle.video .slick-slide {
   max-width: 1032px;
   margin: 0 auto;
   float: none;
}

.slick-slider.slide-circle.video .slick-slide iframe {
   -webkit-box-shadow: none !important;
   -moz-box-shadow: none !important;
   box-shadow: none !important;
}

.slick-slider.slide-circle.recambios .slick-slide iframe {
   min-height: 42vw;
}

@media screen and (max-width: 720px) {
   .slick-slider.slide-circle.recambios .slick-slide iframe {
      height: 57vw;
   }
}

.slick-slider.slide-cars.variante .slick-slide {
   opacity: 0.3;
   -webkit-transform: none;
   -moz-transform: none;
   -ms-transform: none;
   -o-transform: none;
   transform: none;
}

.slick-slider.slide-cars.variante .slick-slide img {
   -webkit-transform: scale(0.7);
   -moz-transform: scale(0.7);
   -ms-transform: scale(0.7);
   -o-transform: scale(0.7);
   transform: scale(0.7);
}

.slick-slider.slide-cars .slick-slide {
   text-align: center;
   padding-bottom: 20px;
   position: relative;
}

.slick-slider.slide-cars .slick-slide img {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   -o-transform: scale(1);
   transform: scale(1);
   margin: 0 auto;
   max-width: 100%;
}

.slick-slider.slide-cars .slick-slide.slick-active {
   opacity: 1;
}

.slick-slider.slide-cars .slick-slide.slick-active img {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   -o-transform: scale(1);
   transform: scale(1);
   cursor: pointer;
}

.slick-slider.slide-cars .slick-slide.slick-active .model,
.slick-slider.slide-cars .slick-slide.slick-active .price,
.slick-slider.slide-cars .slick-slide.slick-active .content-slide {
   display: block;
   visibility: visible;
}

.slick-slider.slide-cars .slick-slide.slick-active .price {
   padding-left: 15px;
   padding-right: 15px;
}

.slick-slider.slide-cars .slick-slide .model {
   visibility: hidden;
   position: relative;
   top: 0;
   left: 0;
   width: 100%;
   padding: 0;
   text-align: center;
}

.slick-slider.slide-cars .slick-slide .model p {
   font-weight: 500;
   color: #000;
   font-size: 1.4rem;
   font-family: 'Avenir Medium';
   line-height: 1.4rem;
   padding-bottom: 5px;
}

.slick-slider.slide-cars .slick-slide .price {
   visibility: hidden;
   position: relative;
   text-align: center;
}

.slick-slider.slide-cars .slick-slide .price p {
   font-weight: normal;
   color: #000;
   font-size: 1.25rem;
   font-family: 'Avenir Book';
   line-height: 1rem;
}

.slick-slider.slide-cars .slick-slide .price p strong {
   font-weight: normal;
   color: #000;
   font-size: 2.5rem;
   font-family: 'Avenir Book';
   line-height: 2.5rem;
}

.slick-slider.slide-cars .slick-slide .price p.legend {
   font-size: 0.875rem !important;
   line-height: 1.5rem;
}

.slick-slider.slide-cars .slick-slide .price p.legend a {
   text-decoration: underline;
   cursor: pointer !important;
}

.slick-slider.slide-cars .slick-slide .price p.legend a:hover {
   color: #00A0DC;
   text-decoration: none;
}

.slick-slider.slide-cars .slick-slide .content-slide {
   display: none;
}

.slick-slider.slide-cars .slick-slide .content-slide .info-buttons {
   margin-top: 1rem;
}
@media screen and (max-width: 720px) {
   .slick-slider.slide-cars .slick-slide .content-slide .info-buttons {
      margin-top: 1.5rem;
   }
   .slick-slider.slide-cars .slick-slide {
      padding-bottom: .5rem;
   }
   .slick-slider.slide-cars .rsArrowRight {
      right: 0%;
   }
   .slick-slider.slide-cars .rsArrowLeft {
      left: 0%;
   }
   .slick-slider.slide-cars .slick-slide.slick-active > img {
      -webkit-transform: scale(.82);
      -moz-transform: scale(.82);
      -ms-transform: scale(.82);
      -o-transform: scale(.82);
      transform: scale(.82);
   }
}

.slick-slider.slide-cars .slick-slide .content-slide .info-buttons .info {
   font-weight: 500;
   color: #000;
   font-size: 0.625rem;
   font-family: 'Avenir Medium';
   line-height: 15px;
}

@media (min-width: 992px) and (max-width: 1280px) {
   .slick-slider.slide-cars .slick-slide .content-slide .info-buttons .buttons .btn {
      min-width: 165px;
   }
}

@media screen and (max-width: 720px) {
   .slick-slider.slide-cars .slick-slide .content-slide .info-buttons .buttons .btn {
      min-width: auto;
      width: 45%;
   }
}

.slick-slider.acabados-configurador {
   font-size: 1.25rem;
}

.slick-slider.acabados-configurador .rsArrowRight {
   right: 0%;
}

.slick-slider.acabados-configurador .rsArrowLeft {
   left: 0%;
}

.slick-slider.years .slick-slide {
   position: relative;
}

.slick-slider.years .slick-slide.slick-current {
   opacity: 1;
}

.slick-slider.years .slick-slide p {
   padding: 15px 10px;
   text-align: left;
}

.slick-slider.years .slick-slide img {
   margin: 0 auto;
   cursor: pointer;
   max-width: 99%;
}

.slick-slider.years .slick-disabled {
   opacity: 0;
   display: none;
}

.slick-slider.years .rsArrowLeft {
   left: -55px;
}

.slick-slider.years .rsArrowRight {
   right: -55px;
}

.royalSlider.visibleNearby {
   width: 100%;
   background: transparent !important;
   color: #000;
   margin-top: 8rem;
}

@media screen and (max-width: 720px) {
   .royalSlider.visibleNearby {
      margin-top: 0;
   }
}

.royalSlider.visibleNearby img,
.royalSlider.visibleNearby .rsSlide {
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   will-change: transform;
}

.royalSlider.visibleNearby>.rsImg {
   visibility: hidden;
}

.royalSlider.visibleNearby .rsSlide img {
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
   -webkit-transform: scale(0.75);
   -moz-transform: scale(0.75);
   -ms-transform: scale(0.75);
   -o-transform: scale(0.75);
   transform: scale(0.75);
   margin-bottom: -20px;
   margin-top: 0 !important;
}

.royalSlider.visibleNearby .rsActiveSlide img {
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   -o-transform: scale(1);
   transform: scale(1);
   margin-bottom: 0px;
   margin-top: 0 !important;
}

.royalSlider.visibleNearby h3 {
   font-weight: 900;
   color: #000;
   font-size: 1.75rem;
   font-family: 'Avenir Black';
}

.royalSlider.visibleNearby .btn {
   margin-top: 20px;
   display: none;
}

.royalSlider.visibleNearby .rsActiveSlide .btn {
   display: inline-block;
}

.royalSlider.visibleNearby .topalto {
   margin-top: 10.5rem;
}

.royalSlider.history {
   margin-top: 1.5rem;
}

.royalSlider.history .rsArrowIcn {
   opacity: 1;
}

.royalSlider.history .rsArrowLeft {
   left: 25%;
   top: -45px;
}

.royalSlider.history .rsArrowRight {
   right: 25%;
   top: -45px;
}

.royalSlider.history .rsArrowLeft .rsArrowIcn {
   background-position: 102px -87px;
}

.royalSlider.history .rsArrowRight .rsArrowIcn {
   background-position: 65px -87px;
}

.royalSlider.history .rsSlide {
   z-index: 0;
   padding-top: 20px;
}

.royalSlider.history .rsSlide p {
   opacity: 0;
   margin: 0.75rem 4rem 0;
   font-size: 1.25rem;
}

.royalSlider.history .rsSlide .text-center div {
   background-color: #FFF;
   -webkit-transform: scale(0.75);
   -moz-transform: scale(0.75);
   -ms-transform: scale(0.75);
   -o-transform: scale(0.75);
   transform: scale(0.75);
}

.royalSlider.history .rsSlide .text-center div img {
   -webkit-transform: none;
   -moz-transform: none;
   -ms-transform: none;
   -o-transform: none;
   transform: none;
   display: block;
   width: 100%;
   opacity: 0.1;
}

.royalSlider.history .rsSlide.rsActiveSlide {
   opacity: 1;
   z-index: 2;
}

.royalSlider.history .rsSlide.rsActiveSlide p {
   opacity: 1;
}

.royalSlider.history .rsSlide.rsActiveSlide .text-center div {
   margin: 0 10px;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   -o-transform: scale(1);
   transform: scale(1);
   -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
   -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
}

.royalSlider.history .rsSlide.rsActiveSlide .text-center div img {
   opacity: 1;
}

.royalSlider.active-up .rsSlide p {
   margin: 0.75rem 4.5rem 0;
   font-size: 1.25rem;
   display: none;
}

.royalSlider.active-up .rsSlide img {
   width: 95%;
   -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
   -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
}

.royalSlider.active-up .rsSlide .card {
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
   -webkit-transform: scale(0.75);
   -moz-transform: scale(0.75);
   -ms-transform: scale(0.75);
   -o-transform: scale(0.75);
   transform: scale(0.75);
   border: solid 1px #888;
}

.royalSlider.active-up .rsActiveSlide .card {
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   -o-transform: scale(1);
   transform: scale(1);
}

.royalSlider.active-up .rsActiveSlide {
   z-index: 9;
}

.royalSlider.active-up .rsActiveSlide p {
   display: block;
}

.royalSlider.active-up .rsArrowLeft,
.royalSlider.active-up .rsArrowRight {
   top: -50px;
   width: 35px;
}

.royalSlider.active-up .rsArrowLeft {
   left: 5px;
}

.royalSlider.active-up .rsArrowRight {
   right: 5px;
}

.royalSlider.active-up.acabados .rsSlide img,
.royalSlider.active-up.accesorios .rsSlide img {
   -webkit-transform: scale(0.85);
   -moz-transform: scale(0.85);
   -ms-transform: scale(0.85);
   -o-transform: scale(0.85);
   transform: scale(0.85);
}

.royalSlider.active-up.acabados .rsActiveSlide img,
.royalSlider.active-up.accesorios .rsActiveSlide img {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   -o-transform: scale(1);
   transform: scale(1);
}

.royalSlider.active-up.acabados .rsActiveSlide .btn,
.royalSlider.active-up.accesorios .rsActiveSlide .btn {
   display: block;
}

.royalSlider.active-up.acabados .rsArrowLeft,
.royalSlider.active-up.accesorios .rsArrowLeft {
   left: -30px;
   top: -10px;
}

.royalSlider.active-up.acabados .rsArrowRight,
.royalSlider.active-up.accesorios .rsArrowRight {
   right: -30px;
   top: -10px;
}

.royalSlider.active-up.acabados .rsArrowLeft,
.royalSlider.active-up.acabados .rsArrowRight {
   top: -60px;
}

.royalSlider.active-up.configurador .rsSlide img {
   width: 100%;
}

.royalSlider.active-up.configurador .rsArrowLeft {
   left: -30px;
}

.royalSlider.active-up.configurador .rsArrowRight {
   right: -30px;
}

.royalSlider.active-up.accesorios .btn {
   display: none;
   position: absolute;
   bottom: 40px;
   left: 50%;
   margin-left: -95px;
}

.royalSlider.active-up .rsBullets {
   bottom: -30px;
}

.royalSlider.blanco p {
   color: #FFF;
}

.royalSlider.blanco .rsBullet.rsNavSelected span {
   background-color: #FFF;
}

.royalSlider.blanco .rsArrowLeft .rsArrowIcn {
   background-position: 102px -87px;
}

.royalSlider.blanco .rsArrowRight .rsArrowIcn {
   background-position: 65px -87px;
}

.royalSlider .rsArrowDisabled {
   display: none !important;
}

.royalSlider .rsBullet {
   cursor: pointer;
   padding: 0 14px;
}

.royalSlider .rsBullet.rsNavSelected span {
   background-color: #00A0DC;
}

.royalSlider .rsBullet:only-child {
   display: none;
}

.royalSlider .rsArrowLeft:hover .rsArrowIcn {
   background-position: -170px -49px;
}

.royalSlider .rsArrowRight:hover .rsArrowIcn {
   background-position: -170px -92px;
}

@media screen and (min-width: 0px) and (max-width: 900px) {
   #gallery-1 {
      padding: 12px 0 12px;
   }

   #gallery-1 .rsOverflow,
   .royalSlider #gallery-1 {
      height: 450px !important;
   }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
   .topalto {
      margin-top: 30px;
   }
}

@media screen and (min-width: 0px) and (max-width: 500px) {

   #gallery-1 .rsOverflow,
   .royalSlider #gallery-1 {
      height: 300px !important;
   }
}

@media screen and (min-width: 0px) and (max-width: 415px) {

   #gallery-1 .rsOverflow,
   .royalSlider #gallery-1 {
      height: 150px !important;
   }
}

/*~~~~~~ END SLIDERS ~~~~~~*/
@media screen and (min-width: 1441px) and (max-width: 2220px), screen and (max-height: 2000px) {
   .modal.gallery-mood .row-fullwidth {
      min-height: 800px;
   }
}

@media screen and (min-width: 1000px) and (max-width: 1440px), screen and (max-height: 900px) {
   .modal.gallery-mood .row-fullwidth {
      min-height: 800px;
   }
   .modal.gallery-mood#modalSeguridad .row-fullwidth {
      min-height: auto;
   }
}


.gif-loader.inactive {
   display: none;
}

.gif-loader {
   display: inline-block;
   max-width: 50px;
   vertical-align: bottom;
}

.gif-loader1.inactive {
   display: none;
}

.gif-loader1 {
   display: inline-block;
   max-width: 50px;
   vertical-align: bottom;
}


/*QUICK -------- */
#quick {
   width: 100px;
   position: fixed;
   /*    right: 30px;*/
   right: -200px;
   top: 30vh;
   z-index: 55;
   transition: all .3s;

}

#quick .quick {
   width: 55px;
   height: 55px;
   border: 2px solid #313131;
   border-radius: 50%;
   background: #000000;
   cursor: pointer;
   text-align: center;
   position: absolute;
   /*    top: 0;*/
   right: -200px;
   opacity: 0;
}

#quick .quick_1 {
   z-index: 2;
}

/* .more_quick .quick{right: 0!important;} */
.quick img, .quick p {
   display: inline-block;
   margin-left: 40px;
}

.quick img {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0px;
   height: 100%;
   margin: auto;
}

.quick p {
   color: #FFF;
   font-family: 'Avenir Roman';
   font-size: 14px;
   line-height: 3.5;
   opacity: 0;
}

.quick_2 {
   top: 65px;
}

.quick_3 {
   top: 130px;
}

.quick_4 {
   top: 195px;
}

.quick_5 {
   top: 260px;
}

.quick_5 p {
   width: 180px;
}

#quick.active {
   right: 2vw;
}

#quick.active .quick {
   right: 0;
   opacity: 1;
   border-radius: 30px;
   transition: all .3s;
}

#quick.active .quick:hover {
   width: 160px;
}

#quick.active .quick:hover p {
   opacity: 1;
}



.btn.btn-arrow {
   padding-right: 30px;
   background: url(../images/arrow-white.png) 95% center no-repeat #00A0DC;
   background-size: 15px;
   border: solid 1px #00A0DC !important;
   color: #FFF;
}

.btn.btn-arrow:hover {
   background: url(../images/arrow-white.png) 95% center no-repeat #00A0DC;
}

.btn.btn-primary {
   background: #00A0DC;
   border: solid 1px #00A0DC !important;
   color: #FFF;
}

.btn.btn-link {
   border: none;
   text-decoration: underline;
}

.btn.btn-link:hover {
   border: none;
   background:none;
   box-shadow:none;
   text-decoration:none;
   transform: none;
   color:inherit;
}

main .slide-header+.gamas {
   margin-top: 3rem !important;
   padding-top: 0 !important;
}

main .slide-header+.gamas .col-md-12.mb-0.mb-md-5.px-md-0 {
   margin-bottom: 0 !important;
}
@media (min-width: 800px) and (max-width: 1280px) {
   body, html {
     zoom: 0.9;
   }
 }

 .btn-store {
   max-width:150px;
 }


 .sello-euro-ncap {
   position: absolute;
   max-width: 180px;
   bottom: 30px;
   right: 42px;
}

 #img-solicitar-oferta-mobile {
   display:none!important;
 }
 @media screen and (max-width: 720px) {
   .sello-euro-ncap {
      max-width: 150px;
      bottom: 20px;
      right: 20px;
   }
   #img-solicitar-oferta-mobile {
      display:block!important;
   }
 }