/*
Theme Name: silencio x Dragoon x Beyond Cars
Version: 1.0
Author: silencio
Theme URI: https://silencio.es
Description: silencio x Dragoon x Beyond Cars
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
@font-face {
  font-family: 'Light';
  src: url('/wp-content/themes/beyond_cars/assets/fonts/GraphikLCG-Light.woff2') format('woff2'), url('/wp-content/themes/beyond_cars/assets/fonts/GraphikLCG-Light.woff2') format('woff');
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Regular';
  src: url('/wp-content/themes/beyond_cars/assets/fonts/GraphikLCG-Regular.woff2') format('woff2'), url('/wp-content/themes/silencio/assets/fonts/GraphikLCG-Regular.woff') format('woff');
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Medium';
  src: url('/wp-content/themes/beyond_cars/assets/fonts/GraphikLCG-Medium.woff2') format('woff2'), url('/wp-content/themes/silencio/assets/fonts/GraphikLCG-Medium.woff') format('woff');
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Black';
  src: url('/wp-content/themes/beyond_cars/assets/fonts/GraphikLCG-Black.woff2') format('woff2'), url('/wp-content/themes/silencio/assets/fonts/GraphikLCG-Black.woff') format('woff');
  font-style: normal;
  font-stretch: normal;
}
/*************PRELOAD***************/
/*************COOKIES***************/
/*************GENERALES***************/
#preloader {
  width: 100vw;
  height: 100vh;
  position: fixed;
  background: black;
  z-index: 99999999;
  pointer-events: none;
  transition: opacity 1s ease;
  transition-delay: 1s;
}
#preloader.off {
  opacity: 0;
}
* {
  margin: 0;
  padding: 0;
  outline: none;
}
:root {
  --h2: 2.2vw;
  --h3: 5vw;
  --p: 1vw;
  --oscuro: #080808;
  --oro: #8E7744;
}
body {
  font-family: 'Regular';
  font-size: var(--p);
  color: #fff;
  user-select: none;
  background: var(--oscuro);
}
li {
  list-style: none;
}
a {
  text-decoration: none;
  color: inherit;
}
img {
  width: 100%;
  height: auto;
}
h1{
	font-family: 'Black';
}
h2 {
  font-size: var(--h2);
	font-family: 'Black';
}
h3 {
	font-family: 'Black';
}
p strong {}
p {
  margin-bottom: 0.4vw;
	line-height: 1.2;
}
section {
  min-height: 100vh;
  width: 100vw;
  text-align: center;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
	overflow: hidden;
}
button {
  background: transparent;
  border: 1px solid var(--oro);
  color: #fff;
  text-transform: uppercase;
  border-radius: 3vw;
  font-size: 90%;
  padding: 0.2vw 1vw 0.12vw;
  transition: 400ms ease;
  cursor: pointer;
}
button:hover {
  background: var(--oro);
  color: #fff;
}
	.opc{
		transition: opacity 400ms ease;
		display: flex;
	}
	.opc:hover {
	opacity: .6;
	}
/*************LINKS***************/
.link {
  position: relative;
}
.link::before {
  content: '';
  position: absolute;
  bottom: 0px;
  left: 0;
  top: 2vw;
  width: 100%;
  height: 2px;
  background: #fff;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 500ms ease;
}
.link:hover::before {
  transform: scaleX(1);
  transform-origin: left;
}
/*************VIDEO***************/
#background {
  width: 100vw;
  height: 100vh;
  position: absolute;
  overflow: hidden;
  z-index: -1;
  transition: 1s ease;
  background: url('/wp-content/themes/beyond_cars/assets/img/bg.jpg');
  background-size: cover;
  top: 0;
  left: 0;
}
#background iframe {
  width: 100vw;
  height: calc(100vw * (9/16));
  min-height: 100vh;
  min-width: calc(100vh * (16/9));
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 400ms;
}
#background.on iframe {
  opacity: 1;
}
#bg {
  width: 100vw;
  height: 100vh;
  background: linear-gradient(0deg, black, transparent, transparent, black);
  z-index: 9;
  position: fixed;
  opacity: .8;
    border-bottom: 2px solid var(--principal);
	pointer-events: none;
}
#sound {
  position: fixed;
  top: calc(50vh - 1vw);
  right: 4.5vw;
  width: 2vw;
  cursor: pointer;
  opacity: .8;
  transition: 300ms ease;
}
#sound:hover {
  opacity: 1;
}
#sound img {
  position: absolute;
  width: 2vw;
}
#on {
  opacity: 0;
}
.on #on {
  opacity: 1;
}
.on #off {
  opacity: 0;
}
#soundtext {
  color: white;
  font-size: .8vw;
  position: absolute;
  left: -5.2vw;
  top: 0.55vw;
  text-transform: uppercase;
}
#soundtext span {
  margin-left: 0.3vw;
}
/*************Header***************/
header {
  width: 100vw;
  height: 15vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  z-index: 99;
  pointer-events: none;
    background: linear-gradient(180deg, #00000040, transparent);
}
#logo {
  width: 12vw;
  padding: 5vw;
  position: absolute;
  top: 0;
  left: 0;
}
#area {
  padding: 3vw;
  height: 3vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  right: 0;
  top: 1vw;
	pointer-events: initial;
}
#lang{
	    display: flex;
    justify-content: space-around;
}
.noclick{
	pointer-events: none;
}
#menu-idioma{
	    display: flex;
    width: 4vw;
    justify-content: space-between;
}
#area.black #lang{
	color: #000;
}
#area.black #menu_button:hover{
	color: #000;
	border: 1px solid #000;
}
#menu_button {
  background: var(--oro);
  text-align: center;
  border-radius: 3vw;
  padding: 0.2vw 1vw;
  text-transform: uppercase;
cursor: pointer;
	border: 1px solid var(--oro);
	transition: 300ms ease;
}
#menu_button:hover {
	background: transparent;
	border: 1px solid white;
}
#menuaux {
  background: black;
  height: 100vh;
  width: 100vw;
  z-index: 99;
  position: fixed;
  transform: translateY(-100vh);
  transition: 900ms ease;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: var(--oscuro);
}
#menuaux.on {
	transform: translateY(0);
}
#menuaux_bg {
  width: 100vw;
  height: 100vh;
  background: url('/wp-content/themes/beyond_cars/assets/img/foto_menu_optimizada.jpg');
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
  opacity: .2;
}
#logoblur {
  width: 30vw;
  z-index: 9;
  position: relative;
}
#menuaux ul {
	text-align: center;
    text-transform: uppercase;
    font-size: var(--h2);
    margin-bottom: 8vw;
    margin-top: 3vw;
}
#menuaux ul li {
  margin-top: 1.2vw;
	font-family: 'Black';
}
#contactaux {
  position: absolute;
  bottom: 5vw;
  display: flex;
}
#contactaux .whatsapp {
  position: relative;
  bottom: 0;
  left: auto;
  margin-right: 3vw;
}
#cerraraux{
    width: 3vw;
    height: 3vw;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
    margin: 2vw;
    display: flex;
    justify-content: center;
    align-items: center;
	cursor: pointer;
	transition: transform 400ms ease;
	    border-radius: 100%;
}
#cerraraux:hover{
	transform: rotate(90deg);
}
#cerraraux span{
	    width: 3vw;
    position: absolute;
    height: 3px;
    background: white;
    transform: rotate(-45deg);
}
#cerraraux span:first-child{
	 transform: rotate(45deg);
}
.rrssfooter{
	display: flex;
    position: absolute;
    right: 4vw;
}
/*************Home***************/
#hero {
  height: 100vh;
  overflow: hidden;
	z-index: 9;
}
#herotext {
  width: 22vw;
  text-align: left;
  margin-right: 50vw;
	transition: opacity 1s ease; 
}
#herotext.off {
	opacity: 0;
}
#herotext p{
	font-family: 'Light';
}
.whatsapp {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 3vw;
  left: 5vw;
	transition: opacity 500ms ease;
}
.whatsapp:hover{
	opacity: .5;
}
.whatsapp img {
  width: 2vw;
  margin-right: 1vw;
}
.swiper-slide {
  width: 100vw;
}
.swiper-slide a {
  width: 100vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.coche-img {
  width: 50vw;
}
.post-content {
  margin-top: -4.5vw;
}
.post-price {
  margin-top: 1vw;
  margin-bottom: 1vw;
}
.post-price span{
	font-family: 'Black';
}
#galeria {
  background: var(--oscuro);
}
#galeria.home{
	margin-top: -100vh;
}
#galeriabg {
  position: absolute;
  top: 0;
  left: 0;
  mix-blend-mode: lighten;
  z-index: 9;
  opacity: .5;
  pointer-events: none;
}
#sombracoche {
  position: absolute;
  mix-blend-mode: lighten;
  width: 56vw;
  margin-top: 20vw;
  transition: opacity 300ms ease;
}
#blackizq, #blackdch {
  width: 40vw;
  height: 100vh;
  position: absolute;
  background: linear-gradient(90deg, black, transparent);
  z-index: 999;
  left: 0;
	pointer-events: none;
}
#blackdch {
  background: linear-gradient(-90deg, black, transparent);
  right: 0;
  left: auto;
}
.swiper-button-next, .swiper-button-prev {
  z-index: 999 !important;
  width: 2vw !important;
  height: 2vw !important;
  border: 1px solid #fff;
  border-radius: 3vw;
  margin-top: 5vw !important;
}
.swiper-button-next {
  right: 4vw !important;
}
.swiper-button-prev {
  left: 4vw !important;
}
.swiper-button-next:hover, .swiper-button-prev:hover {
  background: white !important;
}
.swiper-button-next:hover:after, .swiper-button-prev:hover:after {
  color: black !important;
}
.swiper-button-next:after, .swiper-button-prev:after {
  font-size: 1vw !important;
  color: white !important;
}
.swiper-button-next:after {
  margin-left: 0.2vw;
}
.swiper-button-prev:after {
  margin-right: 0.2vw;
}
#galeria h3 {
  position: absolute;
  top: 0;
  left: 0;
  padding: 4vw;
  width: 27vw;
  text-align: left;
  line-height: .9;
  z-index: 9999;
  font-size: var(--h3);
}
#galeria p {
  position: absolute;
  width: 24vw;
  top: 10vw;
  left: 0;
  padding: 4vw;
  text-align: left;
  z-index: 9999;
	font-family: 'Light';
}
#categorias {
  position: absolute;
  top: 0;
  right: 13vw;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  text-align: left;
  padding: 4vw;
  text-transform: uppercase;
}
.swiper {
  width: 100vw;
  margin-top: 10vw;
  transition: opacity 300ms ease;
}
#sombracoche.off {
  opacity: 0;
}
.swiper.off {
  opacity: 0;
}
.swiper.selected .swiper-slide {
  display: none !important;
}
.swiper.selected .marca1.on, .swiper.selected .marca2.on, .swiper.selected .marca3.on, .swiper.selected .marca4.on, .swiper.selected .marca5.on, .swiper.selected .marca6.on, .swiper.selected .marca7.on, .swiper.selected .marca8.on, .swiper.selected .marca9.on, .swiper.selected .marca10.on {
  display: flex !important;
}
#marca {
  cursor: pointer;
  width: 9vw;
}
#categorias ul {
  border-left: 1px solid var(--oro);
  padding-left: 0.5vw;
  margin-top: 1vw;
  opacity: 0;
  transition: opacity 300ms ease;
  pointer-events: none;
}
#categorias ul.on {
  opacity: 1;
  pointer-events: initial;
}
#categorias span {
  position: absolute;
  top: 3.3vw;
  right: 2vw;
  width: 5vw !important;
  height: 2vw !important;
  padding: 0 !important;
  border-radius: 0;
  background-image: linear-gradient(45deg, transparent 50%, #fff 50%), linear-gradient(135deg, #fff 50%, transparent 50%) !important;
  background-position: calc(50% - 0.4vw), 50% !important;
  background-size: 0.41vw 0.41vw !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
  border: none !important;
	pointer-events: none;
}
#categorias ul li {
  cursor: pointer;
  opacity: 0.5;
  transition: 300ms ease;
  margin-top: 0.3vw;
}
#categorias ul li:hover {
  opacity: 1 !important;
}
#contact_bg {
  width: 100vw;
  height: 77vw;
  position: absolute;
  top: 0;
  left: 0;
  background: url('/wp-content/themes/beyond_cars/assets/img/fondo_contacto.jpg');
  background-size: cover;
  background-position: center center;
  opacity: .1;
  pointer-events: none;
}
#contact {
    background: #fff;
    display: flex;
    flex-direction: row;
    height: 47vw;
    min-height: auto;
	padding-bottom: 30vw;
}
#contact.alone{
	height: auto;
	min-height: 100vh;
	padding-bottom: 0;
}
#contact #footer{
	position: absolute;
	bottom: 0;
}
.wpcf7-form input {
  border: 1px solid;
  background: transparent;
  padding: 0.5vw;
  border-radius: 2vw;
  width: 30vw;
  text-transform: uppercase;
  font-family: 'Regular';
  font-weight: bold;
}
.wpcf7-form textarea {
  border: 1px solid;
  background: transparent;
  padding: 0.5vw;
  border-radius: 0.5vw;
  overflow: hidden;
  resize: none;
  width: 30vw;
  height: 8vw;
  font-family: 'Regular';
  text-transform: uppercase;
  font-weight: bold;
}
.wpcf7-form textarea::placeholder, .wpcf7-form input::placeholder, .wpcf7-form p {
  color: #000 !important;
}
.wpcf7-form p {
  display: flex;
  margin-left: 2vw;
  margin-top: 1vw;
}
.wpcf7-list-item {
  margin: 0;
}
.wpcf7-acceptance input {
     width: 1.2vw;
    height: 1.2vw;
    margin-right: 1.2vw;
}
.wpcf7-submit {
  font-size: var(--h2);
  width: 12vw !important;
  position: relative;
  cursor: pointer;
  padding-top: 0.6vw !important;
  padding-right: 1vw !important;
  padding-left: 1vw !important;
  left: 22.4vw;
  transition: 400ms ease;
	font-family: 'Black' !important;
	border: 0px !important;
}
.wpcf7-submit:hover {
  background: var(--oro) !important;
  color: #fff !important;
	
}
.wpcf7-not-valid-tip {
  text-align: left;
  margin-top: 0.7vw;
  margin-left: 0.5vw;
}
.wpcf7 form .wpcf7-response-output {
  display: none !important;
}
.wpcf7.js {
  width: 35vw;
  margin-left: 30vw;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #ffffff00 inset;
  transition: background-color 5000s ease-in-out 0s;
}
#footer {
  width: 100vw;
  height: 6vw;
  background: var(--oscuro);
  z-index: 9;
  display: flex;
  justify-content: center;
  align-items: center;
position: relative;
}
#footerbuscador {
  width: 100vw;
  height: 6vw;
  background: #fff;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
#footerbuscador img{
filter: invert(1);
	 width: 10vw;
}
#footerbuscador.in {
	filter: invert(1);
}
#footerbuscador.in .rrss {
	filter: invert(1);
}
#footer img {
  width: 10vw;
}
#contact h3 {
  font-size: var(--h3);
  color: var(--oscuro);
  text-transform: uppercase;
  width: 14vw;
  text-align: left;
  line-height: .9;
}
#contact_info {
  position: absolute;
  margin-right: 50vw;
  margin-bottom: 17vw;
}
#contact_info p {
	color: var(--oscuro);
    text-align: left;
    width: 15vw;
    position: absolute;
    top: 3vw;
    left: 10.5vw;
    font-family: 'Light';
}
.rrss img{
	filter: invert(1);
	width: 100% !important;
}
#rrss {
  display: flex;
  position: absolute;
  top: 15vw;
  flex-direction: row;
  width: 26vw;
}
.rrss {
  width: 2vw;
  height: 2vw;
  background: var(--oro);
  border-radius: 3vw;
  padding: 0.6vw;
  margin: 0.3vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.phone {
  color: var(--oscuro);
  margin-top: 1.5vw;
  margin-left: 1vw;
}
/*************COCHE DENTRO***************/
.vc_row[data-vc-full-width] {
    width: 100VW !important;
    max-width: 100vw !important;
    left: 0 !important;
}
.vc_row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.vc_column_container>.vc_column-inner{
	padding-left: 0 !important;
    padding-right: 0 !important;
}
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {
    margin-bottom: 0 !important;
}
#cochecontent{
	    background: #ffffffe6;
    color: #000;
}
#segundaparte{
	 background: url(/wp-content/themes/beyond_cars/assets/img/fondo_contacto.jpg);
    background-size: cover;
    background-position: center center;
}
#cochecontent_bg{
    background: url(/wp-content/themes/beyond_cars/assets/img/fondo_plantilla.jpg);
    background-size: cover;
    background-position: center center;
    width: 100vw;
    height: 100%;
    z-index: -1;
    position: absolute;
}
#cochecontent p strong{
	font-family: 'Black';
}
.imagen_principal{
	min-height: 100vh !important;
	height: 100vh;
    display: flex;
    align-items: center;
}
.escudo .vc_single_image-wrapper{
	padding: 10vw 3vw;
}
#cochecontent h1{
	font-size: var(--h2);
    text-align: left;
}
#info{
	padding-top: 12vw;
}
#info p{
	text-align: left;
	margin-top: .5vw;
}
#datos p{
	margin-top: 0;
}
.destacado{
	    font-size: 4vw;
    font-weight: bold;
    color: var(--oro);
	    margin-top: 2vw;
	font-family: 'Black';
}
.destacado em{
font-size: 30%;
  font-style: normal;
}
.destacado:first-child{
	margin-top: 0;
}
#datos{
	    border-left: 1px solid var(--oro);
    padding-left: 1vw;
    margin-top: 3vw;
}
#scroll{
	    position: fixed;
    text-transform: uppercase;
    color: black;
    display: flex;
    align-items: center;
    z-index: 9;
    transform: rotate(-90deg);
    right: -1vw;
    top: calc(100vh - 6vw);
    width: 8vw;
    padding-left: 2vw;
}
#scroll div{
	display: flex;
    line-height: 3;
    transform: translateX(2vw);
	animation: flecha 3s infinite ease;
}
@keyframes flecha{
	0%{
		transform: translateX(2vw);
	}
	50%{
		transform: translateX(0);
	}
	100%{
		transform: translateX(2vw);
	}
}
#scroll img{
	    width: 1.4vw;
    transform: rotate(90deg);
    margin-right: 1vw;
}
#cochecontent .galeria {
	    width: 100vw;
    height: 27.5vw;
    margin-top: 1vw;
    margin-bottom: 2vw;
}
#vimeovideo a{
	    position: absolute;
    top: calc(100vh - 6vw);
    border: 1px solid var(--oro);
    color: var(--oro);
    padding: 0.55vw 1vw 0.4vw;
    text-transform: uppercase;
    border-radius: 3vw;
	transition: 300ms ease;
}
#vimeovideo a:hover{
	background: var(--oro);
	border: 1px solid var(--oro);
	color: white !important;
}
#principal{
	width: 50vw;
	height: 100vh;
	overflow: hidden;
}
#principal iframe {
  width: 50vw;
  height: calc(50vw * (9/16));
  min-height: 100vh;
  min-width: calc(100vh * (16/9));
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 400ms;
}
#principal.on iframe {
	opacity: 1;
}
#back{
	    position: absolute;
    top: 3vw;
    left: 54vw;
    display: flex;
    align-items: center;
    z-index: 999;
    text-transform: uppercase;
}
#back img{
	    width: 1.5vw;
    transform: rotate(90deg);
    padding: 1vw;
}
#logofondo{
	    position: absolute;
    z-index: 0;
    filter: invert(1);
    mix-blend-mode: multiply;
    opacity: .05;
    right: 3vw;
    top: calc(100vh - 24vw);
    width: 76vw;
    pointer-events: none;
}
/***************SEO TEMPLATES***************/
.coche-alquiler{
    width: 21vw;
    background: white;
    color: #000;
    text-align: center;
    margin: 5vw;
}
#cochesplantilla a:first-child{
	margin-left: 31vw;
}
.coche-alquiler-img{
	height: 20vw;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.nombre{
	padding: 1vw;
}
.texto-coche{
    height: 13vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.texto-coche button{
    margin: 1vw;
    color: #fff;
    background: var(--oro);
    width: 11vw;
}
#cochesplantilla{
	display: flex;
    flex-direction: row;
    width: 100vw;
	flex-wrap: wrap;
	background: #ececece6;
}
#plantilla_superior .wpcf7.js{
	margin-left: 0 !important;
}
#plantilla_superior .wpcf7-form input{
	background: white !important;
}
#plantilla_superior .wpcf7-form textarea{
	background: white !important;
}
#plantilla_superior .wpcf7-form p{
	    color: white !important;
}
#plantilla_superior{
    display: flex;
    padding: 8vw;
    justify-content: space-between;
	min-height: calc(100vh - 16vw);
	align-items: center;
	background-image: url(/wp-content/themes/beyond_cars/assets/img/foto_cabecera_plantilla.jpg);
    background-size: cover;
    background-position: center center;
}
#plantilla_superior_left{
	        width: 35vw;
    margin-top: 7vw;
}
#plantilla_superior_right{
	    margin-top: 3vw;
}
#formsup{
	    width: 30vw;
    margin-left: 2vw;
}
#formsup p{
	    margin-top: 1vw;
}
#plantilla_superior_left h1{
	    font-size: 3vw;
    margin-bottom: 2vw;
}
#plantilla_superior_left button{
	    font-size: 1.2vw;
    padding: 0.6vw 1.4vw;
    margin-top: 2vw;
}
#plantilla_superior .wpcf7-form input.wpcf7-submit{
	background: transparent !important;
	color: white !important;
}
#cochesintro{
	    position: absolute;
    top: 100vh;
    width: 27vw;
    padding: 5vw;
	color: #000;
}
#cochesintro h2{
	    font-size: 3vw;
    margin-bottom: 2vw;
	text-transform: uppercase;
}
#cochesintro p{
	    width: 20vw;
    margin-left: 6vw;
}
#cochesintro p strong, .precio span{
	font-family: 'Black';
}
#plantilla_inferior_left{
	    width: 50vw;
    padding: 5vw;
}
#plantilla_inferior_left h2{
	    text-transform: uppercase;
    font-size: 3vw;
    margin-left: 8vw;
}
#plantilla_inferior_left p{
	    width: 30vw;
    margin: 3vw;
    margin-left: 16vw;
}
#plantilla_inferior{
    background: #e3e3e38f;
    color: black;
    display: flex;
    align-items: center;
    position: relative;
    height: 30vw;
    margin-top: -30vw;
}
#segundaparte #plantilla_inferior{
	    margin-top: 0;
    background: #ececece6;
}
#contenidoplantilla #footer{
	position: relative;
}
#logobg{
	    position: absolute;
    filter: invert(1);
    opacity: .05;
    width: 51vw;
    padding: 9vw;
    pointer-events: none;
    left: -5vw;
	    top: 0;
}
#plantilla_inferior_right{
margin-left: 10vw;}

#plantilla_inferior_right #Madrid .madrid{
	display: none;
}
#plantilla_inferior_right #Ibiza .ibiza{
	display: none;
}
#plantilla_inferior_right #Marbella .marbella{
	display: none;
}
#plantilla_inferior_right #Barcelona .barcelona{
	display: none;
}
#plantilla_inferior_right #Santander .santander{
	display: none;
}

#plantilla_inferior_right ul li{
	margin-bottom: 0.7vw;
	transition: opacity 300ms ease;
}
#plantilla_inferior_right ul li:hover{
	opacity: .4;
}
.whatsappg{
	    width: 13vw;
    position: absolute;
    display: flex;
    align-items: center;
    top: 0;
    right: 11vw;
    padding: 3vw;
	transition: opacity 600ms ease;
}
.whatsappg:hover{
	opacity: .5;
}
.whatsappg img{
	    width: 3vw;
    margin-right: 1vw;
}
/***************LEGAL***************/
.generic{
	    padding-top: 12vw;
    position: relative;
}
.generic section{
    padding: 5vw;
    width: 90vw;
}
.generic li, .generic h1, .generic h2, .generic h3, .generic h4 {
	text-align: left;
}
.generic p{
	text-align: left;
    margin-bottom: 1vw;
}
.generic td{
	text-align: left;
    padding: 1vw;
	border: 1px solid;
}
.generic strong{
	font-family: 'Black';
}
.generic #footer{
	top: 0;
    position: relative;
}
.wpcf7.js a{
	    margin-left: 0.5vw;
    text-decoration: underline;
}
.cky-notice-btn-wrapper .cky-btn {
    text-shadow: none;
    box-shadow: none;
    font-size: var(--p);
    border-radius: 2vw;
}
.cky-notice p{
	font-size: var(--p);
}
.cky-prefrence-btn-wrapper .cky-btn{
	border-radius: 2vw;
}
#footerlinks{
	    position: absolute;
    left: 1vw;
    top: 1.5vw;
}
#footerlinks li{
	    text-align: left;
    line-height: 1;
	text-transform: uppercase;
	font-size: 80%;
}
.cky-notice-des *, .cky-preference-content-wrapper *, .cky-accordion-header-des *, .cky-gpc-wrapper .cky-gpc-desc * {
    font-size: var(--p);
}
#citylinks{
	    position: absolute;
    display: flex;
    text-transform: uppercase;
    font-size: 80%;
    width: 98vw;
    justify-content: space-between;
    top: -1.8vw;
    color: var(--oscuro);
}
/***************IPAD VERTICAL***************/
@media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation:portrait) {}
/***ESCRITORIO***/
@media only screen and (min-width: 1200px) {}
/***MOVIL HORIZONTAL***/
@media screen and (max-device-width:440px) and (orientation: landscape) {}
/***MOVIL VERTICAL***/
@media screen and (max-device-width:480px) and (orientation: portrait) {
	:root {
    --h2: 6vw;
    --h3: 12vw;
    --p: 3vw;
	}
	#citylinks{
	top: 0;
    color: var(--oscuro);
    z-index: -1;
	}
	button{
	padding: 0.6vw 2vw 0.3vw;	
	}
	header{
	z-index: 9999;	
	}
	p {
    margin-bottom: 3vw;
	}
	#galeria.home {
    margin-top: 0;
	min-height: auto;
	}
	#logo {
    width: 37vw;
    padding: 6vw;
	}
	#herotext {
    width: 48vw;
    text-align: left;
    margin-right: auto;
    margin-left: 4vw;
	transition: opacity 400ms ease;
	}
	#herotext.off {
	opacity: 0;
	}
	#area {
     padding: 5vw;
    height: 10vw;
    transform: scale(1.2);
    transform-origin: top right;
	}
	#menu-idioma {
	width: 11vw;
	}
	#menu_button{
	    padding: 0.6vw 1.6vw;	
	}
	.whatsapp{
	bottom: 25vw;
    font-size: 120%;	
	}
	.whatsapp img {
    width: 7vw;
    margin-right: 4vw;
	}
	#sound {
    top: 25vw;
	position: absolute;
	width: 25vw;
    height: 6vw;
	}
	#sound img{
	width: 4vw;	
	right: 0;
	}
	#soundtext {
	left: 0;
    top: 0.55vw;
	font-size: var(--p);
	}
	#soundtext span {
    margin-left: 1.3vw;
	}
	#menuaux{
	z-index: 999999;	
	}
	#galeria h3{
	padding: 5vw;
    width: 80vw;
	top: 6vw;
	pointer-events: none;
	}
	#galeria p{
	width: 53vw;
    top: 37vw;	
	}
	#categorias{
	top: 37vw;
    right: 2vw;	
	}
	#categorias span{
	top: 3.7vw;
	background-position: calc(50% - 1.2vw), 50% !important;
    background-size: 1.25vw 1.25vw !important;
	}
	#marca{
	width: 26vw;
    border-bottom: 1px solid var(--oro);
	padding-bottom: 1vw;
	}
	#marca:hover{
	border-bottom: 0px solid var(--oro);		
	}
	#categorias ul{
	padding-left: 2vw;
    margin-top: 2vw;	
	}
	#categorias ul li{
	margin-top: 1.2vw;	
	}
	.coche-img {
    width: 85vw;
	}
	#blackizq, #blackdch {
    width: 20vw;
    height: 177vw;
    top: 0;
	}
	.post-content {
    margin-top: -4.5vw;
    height: 30vw;
	}
	.post-price {
    margin-top: 2vw;
    margin-bottom: 2vw;
	}
	.post-content button{
	position: absolute;
    width: 32vw;
    left: 34vw;
    bottom: 0;	
	}
	.swiper-button-next, .swiper-button-prev{
	width: 5vw !important;
    height: 5vw !important;
	margin-top: 67vw !important;
	}
	.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 2vw !important;
	}
	.post_title h2{
	width: 80vw;
	}
	.swiper {
    width: 100vw;
    margin-top: 90vw;
    margin-bottom: 20vw;
	}
	#sombracoche {
    position: absolute;
    width: 100vw;
    margin-top: 67vw;
	}
	#bg{
	display: none;
	}
	#galeriabg{
	width: 200vw;
    left: -40vw;
    z-index: 99999;
	}
	#contact_info{
	top: 20vw;
    height: 32vw;
    width: 90vw;
    margin-right: 0;	
	}
	#contact_info p{
    width: 46vw;
    left: 27vw;
    top: 5.7vw;
    line-height: 1.1;
	}
	#rrss{
	width: 44vw;
    top: 160vw;	
	}
	.wpcf7.js {
    width: 100vw;
    margin-left: 0;
	}
	.wpcf7-submit {
	width: 29vw !important;
	left: 60vw;
    top: 7vw;
	color: black;
	}
	.wpcf7-form p {
    margin-bottom: 0;
	}
	.wpcf7-form input{
	padding: 1vw 3vw;
    border-radius: 3vw;
    width: 80vw;
    margin: 0 5vw;	
	}
	.wpcf7-acceptance input{
	width: 3vw;
	height: 3vw;
	}
	.wpcf7-form textarea{
	padding: 3vw;
    border-radius: 5vw;
    margin-left: 5vw;
    width: 80vw;
    height: 28vw;	
	}
	.wpcf7-form-control-wrap {
    position: relative;
    width: 11vw;
	}
	.wpcf7-not-valid-tip{
	margin-left: 6vw;	
	}
	.phone{
	font-size: 120%;
    margin-top: 3.4vw;
	width: 35vw;
	}
	.rrss {
    width: 5vw;
    height: 5vw;
    background: var(--oro);
    border-radius: 100%;
    padding: 1.5vw;
    margin: 1vw;
	}
	#footer, #footerbuscador {
	height: 20vw;
	}
	#footer img, #footerbuscador img {
    width: 24vw;
	}
	#menuaux ul{
	font-size: 10vw;
    margin-top: 30vw;
	}
	#logoblur {
    width: 80vw;
    z-index: 9;
    position: absolute;
    margin-bottom: 90vw;
	}
	#menuaux ul li {
    margin-top: 4vw;
	}
	.link::before{
	top: 10vw;
	}
	#cerraraux {
    width: 10vw;
    height: 10vw;
	margin: 5vw;
	}
	#cerraraux span {
    width: 10vw;
	}
	#principal, #imagen_principal {
    width: 100vw;
    height: 130vw;
    overflow: hidden;
    position: relative;
    min-height: auto !important;
	}
	#back {
    position: fixed;
    top: 0;
    left: 0;
	filter: invert(1);
	}
	#back img {
    width: 6.5vw;
	padding: 5vw;
	}
	.escudo .vc_single_image-wrapper {
    padding: 10vw 0;
	}
	.wpb-content-wrapper{
	justify-content: flex-start;	
	}
	#info p {
    text-align: left;
    margin-top: 3vw;
    font-size: 120%;
	}
	#datos {
    border-left: 1px solid var(--oro);
    padding-left: 3vw;
    margin-top: 6vw;
	}
	.destacado {
    font-size: 9vw;
	}
	#cochecontent .galeria {
    width: 100vw;
    height: auto;
    margin-top: 20vw;
    margin-bottom: 4vw;
	pointer-events: none;
	}
	#cochecontent .galeria .vc_carousel-slideline-inner{
	display: flex;
    flex-direction: column;
	}
	#cochecontent .galeria .vc_carousel-slideline-inner .vc_item {
	    width: 100vw !important;
    height: auto !important;
	}
	#cochecontent_bg, #logofondo{
	display: none;
	}
	#plantilla_superior{
	flex-direction: column;
    padding: 5vw;
    padding-top: 27vw;
    align-items: flex-start;
	width: 90vw;
    overflow: hidden;
	padding-bottom: 20vw;
	}
	#plantilla_superior_left {
    width: 70vw;
    margin-top: 7vw;
	}
	#plantilla_superior_left h1 {
    font-size: 10vw;
	}
	.whatsappg{
	 width: 36vw;
	right: 0;
	top: 150vw;
	}
	.whatsappg img {
    width: 6vw;
    margin-right: 4vw;
	}
	#plantilla_superior_left button {
    font-size: var(--p);
    padding: 1.5vw 3vw;
    border-radius: 6vw;
    margin-top: 6vw;
    background: var(--oro);
	}
	#plantilla_superior_right {
    margin-top: 17vw;
    width: 90vw;
	}
	#formsup {
    width: 90vw;
    margin-left: 0;
	}
	#formsup p {
    margin-top: 4vw;
	}
	#plantilla_superior .wpcf7-form input{
	margin: 0;	
	}
	#plantilla_superior .wpcf7-form textarea{
	margin-left: 0;	
	}
	#cochesplantilla {
    display: flex;
    flex-direction: column;
	}
	#cochesplantilla a:first-child {
    margin-left: 0;
	margin-top: 57vw;
	}
	.coche-alquiler {
    width: 90vw;
	}
	.coche-alquiler-img {
    height: 100vw;
	}
	.texto-coche button{
	width: 41vw;
    font-size: 120%;	
	}
	.texto-coche {
    height: 28vw;
    padding: 4vw 0;
	}
	#cochesintro {
    position: absolute;
    top: 289vw;
    width: 90vw;
    padding: 5vw;
	}
	#cochesintro h2 {
    font-size: 9vw;
	}
	#cochesintro p {
    width: 80vw;
    margin-left: 0;
    margin-top: 3vw;
	}
	#plantilla_inferior{
	overflow: hidden;
    flex-direction: column;
	align-items: flex-start;
	}
	#plantilla_inferior_left {
    width: 90vw;
    padding: 5vw;
	}
	#plantilla_inferior_left h2 {
    text-transform: uppercase;
    font-size: 9vw;
    margin-left: 0;
	}
	#plantilla_inferior_left p {
    width: 90vw;
    margin: 3vw 0;
    margin-left: 0;
	}
	#plantilla_inferior_right {
    margin-left: 5vw;
    margin-bottom: 10vw;
	}
	#contactaux{
	bottom: 25vw;	
	}
	.rrss img{
		width:100% !important;
	}
	.generic{
	    padding-top: 22vw;
	}
	#footerlinks {
    position: absolute;
    left: 3vw;
    top: 6.5vw;
	}
	#contact{
		height:200vw;
		padding-bottom: 0;
	}
	#plantilla_inferior{
		height: 80vw;
		margin-top: 0;
		background: #f1efef;
	}
	
}