/*
Theme Name: silencio x Dragoon x Pedro Chirivella
Version: 1.0
Author: silencio
Theme URI: https://silencio.es
Description: silencio x Dragoon x Pedro Chirivella
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/silencio/assets/fonts/GraphikLCG-Light.woff2') format('woff2'), url('/wp-content/themes/silencio/assets/fonts/GraphikLCG-Light.woff') format('woff');
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Medium';
  src: url('/wp-content/themes/silencio/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: 'Super';
  src: url('/wp-content/themes/silencio/assets/fonts/GraphikLCG-Super.woff2') format('woff2'), url('/wp-content/themes/silencio/assets/fonts/GraphikLCG-Super.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 .preloadercont {
  height: 19vw;
}
.preloadercont {
  width: 100vw;
  height: 90vh;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 1000ms ease;
}
#preloader img {
  width: 30vw;
}
#preloader.off {
  opacity: 0;
}
* {
  margin: 0;
  padding: 0;
}
:root {
  --p0: 6.5vw;
  --p1: 3.7vw;
  --peque: 3vw;
  --grande: 20vw;
  --principal: #171717;
  --ocre: #A48366;
}
body {
  font-family: 'Light';
  font-size: var(--p1);
  color: #fff;
  user-select: none;
  background: var(--principal);
}
li {
  list-style: none;
}
a {
  text-decoration: none;
  color: inherit;
}
img {
  width: 100%;
  height: auto;
}
wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li {
  margin-bottom: 0;
}
button {
  background: transparent;
  border: none;
  color: #fff;
}
h1, h2 {
  text-transform: uppercase;
  font-size: var(--p0);
  margin-bottom: 4vw;
}
p strong {
  font-family: 'Medium';
}
p{
	line-height: 1.2;
}
/*************LINKS***************/
.link {
  position: relative;
}
.link::before {
  content: '';
  position: absolute;
  bottom: 0px;
  left: 0;
  top: 1vw;
  width: 100%;
  height: 1px;
  background: var(--negro);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 500ms ease;
}
.link:hover::before {
  transform: scaleX(1);
  transform-origin: left;
}
/*************VIDEO***************/
#background {
  width: 100vw;
  height: 60vw;
  position: absolute;
  overflow: hidden;
  z-index: 0;
  transition: 1s ease;
  background: url('/wp-content/themes/silencio/assets/img/placeholder.jpg');
  background-size: cover;
}
#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;
}
/*************Header***************/
header {
  width: 100vw;
  height: 20vw;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 99;
}
#logo {
  width: 30vw;
}
#menu_button {
  position: absolute;
  right: 0;
  padding: 4vw;
  text-transform: uppercase;
}
/*************Home***************/
#home1 {
  width: 100vw;
  height: 210vw;
  overflow: hidden;
  position: relative;
}
#principal {
  position: absolute;
  top: 18vw;
  height: 184vw;
}
#principal img {
  transform: scale(1.15);
  position: relative;
  top: 6vw;
}
#fondo {
  position: absolute;
  top: 35vw;
  z-index: -1;
}
#fondo img {
  transform: scale(1.5);
}
#texto {
  position: absolute;
  width: 40vw;
  top: 60vw;
  right: 0;
  padding: 4vw;
}
#texto button {
  float: right;
  margin-top: 12vw;
  font-size: var(--p1);
}
#trayectoria-tit {
  position: absolute;
  bottom: 3vw;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
}
#balon {
  position: absolute;
  width: 64vw;
  left: -29vw;
  top: 220vw;
}
#trayectoria {
  z-index: 9;
  position: relative;
  margin-top: 8vw;
  height: 64vw;
  mix-blend-mode: lighten;
}
#trayectoria ul {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#trayectoria li {
  border-radius: 10vw;
  border: 1px solid;
  padding: 2vw 2.3vw 1.7vw;
  text-transform: uppercase;
  display: inline-block;
  margin: 10vw;
  width: 37vw;
  text-align: center;
  opacity: 0;
  background: #000;
  position: relative;
}
#selecc {
  opacity: 1;
  visibility: inherit;
  position: absolute !important;
 	left: 43vw;
    top: 14vw;
  width: 28vw;
}
#selecc span {
  width: 1.5vw;
  height: 1.5vw;
  border-radius: 100%;
  position: absolute;
  background: white;
  left: -4vw;
  top: 3vw;
}
li#eagles, li#willem {
  margin: 2vw;
  padding: 2vw;
  border: 0;
  width: 43vw;
  color: var(--ocre);
  background: black;
}
li#eagles span, li#willem span {
  width: 1.5vw;
  height: 1.5vw;
  border-radius: 100%;
  position: absolute;
  background: white;
  top: -1vw;
  left: calc(22.5vw + 1px);
}
li#willem span {
  top: auto;
  bottom: -1vw;
}
#linevert {
  width: 1px;
  height: 81vw;
  background: #ffffff;
  position: absolute;
  left: 50vw;
  top: 10.8vw;
  transform: scaleY(0);
  transform-origin: top;
  z-index: -1;
}
#cifras {
  margin-top: 60vw;
  z-index: -9;
  position: relative;
  margin-bottom: 60vw;
}
#cifrasbg {
  opacity: .2;
  position: absolute;
  z-index: -1;
  margin-top: -142vw;
}
#cifras li {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20vw;
}
.peq {
  width: 20vw;
  position: absolute;
  left: 15vw;
}
.peq.dos {
  left: 41vw;
}
.peq.tres {
  left: 66vw;
}
.numpeq {
  font-family: 'Super';
  font-size: 8vw;
  color: var(--ocre);
}
.peq .desc {
  width: 19vw;
}
.desc {
  text-transform: uppercase;
  text-align: center;
}
.numero {
  font-size: var(--grande);
  font-family: 'Super'
}
#copa {
  top: 40vw;
  position: relative;
}
#copa img {
  position: relative;
  width: 12vw;
  margin-left: 3vw;
  top: 0px;
  margin-top: 0px;
  opacity: 1;
}
#dossier {
  text-transform: uppercase;
  position: absolute;
  display: flex;
  flex-direction: column;
  top: 145vw;
  left: 5vw;
  align-items: center;
}
#dossier img {
  width: 6vw;
  margin-top: 2vw;
}
#campus {
  position: relative;
  width: 100vw;
  overflow: hidden;
  height: 188vw;
  display: flex;
  flex-direction: column;
  align-items: center;
	z-index: 9;
	    top: -30vw;
}
#campusbg {
  position: absolute;
  width: 200vw;
  height: 140vw;
  background: var(--ocre);
  z-index: -1;
  transform: rotate(349deg);
  left: -50vw;
  top: 19vw;
  box-shadow: 5vw 5vw 10vw #00000050;
}
#campusescudobg {
  mix-blend-mode: multiply;
  opacity: .05;
  top: 14vw;
  position: absolute;
  left: 30vw;
  width: 114vw;
pointer-events: none;
}
#campusescudo {
  width: 40vw;
}
#campus p {
  width: 60vw;
  text-align: center;
  margin-top: 6vw;
}
#campus h2 {
  margin-top: 36vw;
}
#campus button {
  border-radius: 10vw;
  border: 1px solid;
  padding: 2vw 2.3vw 1.7vw;
  text-transform: uppercase;
  display: inline-block;
  margin-top: 8vw;
  font-family: 'Light';
cursor: pointer;
	transition: 400ms ease;
}
#campus button:hover{
	background: #fff;
	border-color: #fff;
	color: var(--ocre);
}
#galeria {
  
  position: relative;
  margin-top: -100vw;
  padding-top: 120vw;
  color: var(--principal);
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100vw;
  overflow: hidden;
}
#galeriabg{
    background: gainsboro;
    position: absolute;
    width: 100vw;
    z-index: -9;
    height: 150%;
    top: -50%;
}
#galeria p {
  width: 60vw;
  text-align: center;
}
#galeriaimgs {
  position: relative;
  margin-top: 8vw;
  width: 100vw;
  height: 395vw;
}
#galeriaimgs img {
  width: 70vw;
  position: absolute;
}
#img1 {
  top: 0;
  right: 0;
}
#img2 {
  left: -15vw;
  top: 24vw;
}
#img3 {
  top: 91vw;
  left: 10vw;
}
#img4 {
  top: 189vw;
  right: 0;
}
#img5 {
  top: 206vw;
  width: 50vw !important;
  left: -10vw;
}
#img7 {
  top: 294vw;
  width: 50vw !important;
  right: -10vw;
}
#img6 {
  top: 290vw;
  left: 0;
}
#footer {
  background: var(--ocre);
  display: flex;
  justify-content: center;
  align-items: center;
}
#footer ul {
  position: absolute;
  left: 4vw;
  font-size: var(--peque);
  color: var(--principal);
}
#puma {
  width: 14vw;
  padding: 1vw;
}
#powered {
  position: absolute;
  right: 0;
  width: 20vw;
  padding: 0 4vw;
  font-size: var(--peque);
  color: var(--principal);
}
#powered img {
  margin-top: 0.7vw;
}
/*************SWIPER***************/
.swiper {
  width: 100vw;
  height: 100vh;
  position: fixed !important;
  background: var(--principal);
  z-index: 9999 !important;
  background: url(/wp-content/themes/silencio/assets/img/graham.jpg);
  background-size: cover;
  transform: translateX(-100vw);
  transition: 1000ms ease;
}
.swiper.on {
  transform: translateX(0);
}
.next, .prev {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 4vw;
  text-transform: uppercase;
  font-size: var(--peque);
}
.prev {
  right: auto;
  left: 0;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after, .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  display: none;
  color: #fff !important;
}
.swiper-button-next, .swiper-button-prev {
  width: 16vw !important;
  color: white !important;
  top: auto !important;
  bottom: 0 !important;
}
.swiper-wrapper.out {
  transform: translateY(-100vh);
  transition: 1s ease;
}
/*************EQUIPOS***************/
.title-team {
  text-transform: uppercase;
  padding: 4vw;
  position: relative;
  top: 23vw;
  display: inline-block;
  left: 9vw;
}
.years {
  font-size: var(--peque);
  margin-left: 7vw;
  margin-top: 0.5vw;
}
.escudo-team {
  position: absolute;
  width: 33vw;
  right: 3vw;
  top: 18vw;
}
.team-pais {
  position: absolute;
  width: 68vw;
  top: 5vw;
}
.team-pais img {
  opacity: .2;
}
.team-pais span {
  width: 3vw;
  height: 3vw;
  position: absolute;
  background: var(--ocre);
  z-index: 999;
  border-radius: 3vw;
}
.valencia .team-pais span {
  top: 39vw;
  left: 44vw;
}
.liverpool .team-pais span {
  top: 43vw;
  left: 32vw;
}
.nantes .team-pais span {
  left: 15vw;
  top: 26vw;
}
.seleccionesp .escudo-team {
  width: 80vw;
  opacity: .2;
  right: -26vw;
  top: 110vw;
}
.seleccionesp .team-img {
  bottom: auto;
  top: 10vw;
  right: -10vw;
}
.seleccionesp .text {
  width: 60vw;
}
.text {
  width: 50vw;
  padding: 4vw;
  position: relative;
  top: 40vw;
z-index: 9;
}
.cerrar {
  position: absolute;
  width: 6vw;
  height: 6vw;
  background: #fff;
  top: 0;
  right: 0;
  margin: 7vw;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999999;
}
#cedidos {
  width: 15vw;
  margin-left: 3vw;
  margin-top: 45vw;
}
.out .swiper-wrapper {
  opacity: 0;
  transition: 1s ease;
}
.cerrar span {
  width: 3.2vw;
  height: 2px;
  background: var(--principal);
  transform: rotate(45deg);
  position: absolute;
}
.cerrar span:first-child {
  transform: rotate(-45deg);
}
.imgbg {
  position: absolute;
  bottom: 0;
  z-index: -1;
  width: 66vw;
  opacity: .3;
}
.team-img {
  position: absolute;
  bottom: 0;
  right: -26vw;
  width: 100vw;
}
.liverpool .imgbg {
  width: 100vw;
  left: -10vw;
}
.liverpool .team-img {
  width: 114vw;
}
.nantes .team-img {
  width: 90vw;
}
.swiper-slide {
  overflow: hidden;
}
#slide {
  width: 6vw;
  height: 6vw;
  position: fixed;
  bottom: 20vw;
  background: white;
  padding: 3vw;
  border-radius: 100%;
  overflow: hidden;
  left: 43vw;
  z-index: 99999;
  opacity: 0;
}
#slide.anim {
  animation: slide 4s ease;
}
@keyframes slide {
  0% {
    opacity: 1;
    transform: translateX(3vw);
  }
  20% {
    transform: translateX(-3vw);
  }
  40% {
    transform: translateX(3vw);
  }
  60% {
    transform: translateX(-3vw);
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
#cesion_cont_inner{
	width: 100vw;
    overflow: hidden;
    height: 305vw;
	position: absolute;
}
#cesion_cont {
  position: absolute;
  width: 100vw;
  height: 100vh;
  overflow: scroll;
  z-index: 99;
  opacity: 0;
  pointer-events: none;
  transition: 400ms ease;
}
#cesion_cont.on {
  opacity: 1;
  z-index: 99;
  pointer-events: initial;
  overflow: scroll;
}
#cesion_cont .team-pais {
  left: 26vw;
}
#cesion_cont .escudo-team {
  width: 20vw;
  right: 6vw;
  top: 39vw;
}
#cesion_cont .team-pais span {
  left: 33vw;
  top: 43vw;
}
#cesion_cont .team-pais span.dos {
     left: 38vw;
    top: 37vw;
}
.title-team.eagles{
	text-align: left;
    left: 0;
	top: 18vw;
}
.title-team.eagles .years{
	margin-left: 0;
}
.text.first {
  top: 5vw;
}
.text.second{
	top: 16vw;
}
.team-img.first{
	    top: 74vw;
    right: -8vw;
    width: 54vw;
}
.team-img.second{
	right: auto;
    left: 0;
    top: 116vw;
    z-index: -1;
}
#cesion_cont .escudo-team.willem {
	top: 180vw;
    left: 75vw;
}
.text.second.willem{
	left: 37vw;
    top: 77vw;
}
.title-team.willem{
	top: 77vw;
    left: 37vw;
}
.title-team.willem .years{
	margin-left: 0;
}
#scroll {
  position: absolute;
  top: 151vw;
  z-index: 999;
  right: -3vw;
  transform: rotate(-90deg);
  transform-origin: center center;
  display: flex;
  font-size: var(--peque);
  text-shadow: 2px 2px 5px #19131b;
}
#scroll span {
  width: 6vw;
  height: 1px;
  display: block;
  top: 1.2vw;
  background: var(--ocre);
  position: relative;
  margin-right: 2.5vw;
}
#menu {
  width: 100vw;
  height: 100vh;
  z-index: 99999;
  top: 0;
  left: 0;
  position: fixed;
  background: url(/wp-content/themes/silencio/assets/img/menu_bg.jpg);
  background-size: cover;
  transform: translateX(100vw);
  transition: 1000ms ease;
  perspective: 100vw;
}
#menu.on {
  transform: translateX(0);
}
#menu nav {
  position: absolute;
  font-size: var(--p0);
  text-transform: uppercase;
  top: 50vw;
  left: 10vw;
  transform: rotate3d(0, 1, 0, -90deg);
  transition: 1000ms ease;
}
#menu.on nav {
  transform: rotate3d(0, 1, 0, 00deg);
}
#menu nav div {
  margin: 6vw 0;
}
#menu img, #about img {
  position: absolute;
  width: 30vw;
  bottom: 0;
  padding: 4vw;
  left: 31vw;
}
.imagenes {
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 999;
	background: #000;
	transform: translateX(100vw);
	transition: 1s ease;
	overflow: hidden;
}
.imagenes.on{
	transform: translateX(0);
}
.swiper-slide.uno{
	background: url(/wp-content/themes/silencio/assets/img/galeria_1.jpg) center center / cover;
}
.swiper-slide.dos{
	background: url(/wp-content/themes/silencio/assets/img/galeria_2.jpg) center center / cover;
}
.swiper-slide.tres{
	background: url(/wp-content/themes/silencio/assets/img/galeria_3.jpg) center center / cover;
}
.swiper-slide.cuatro{
	background: url(/wp-content/themes/silencio/assets/img/galeria_4.jpg) center center / cover;
}
.swiper-slide.cinco{
	background: url(/wp-content/themes/silencio/assets/img/galeria_5.jpg) center center / cover;
}
.swiper-slide.seis{
	background: url(/wp-content/themes/silencio/assets/img/galeria_6.jpg) center center / cover;
}
.swiper-slide.siete{
	background: url(/wp-content/themes/silencio/assets/img/galeria_7.jpg) center center / cover;
}
#about{
	position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 999;
	background: url(/wp-content/themes/silencio/assets/img/about_bg.jpg) center center / cover;
	transform: translateX(100vw);
    transition: 1s ease;
}
#volver{
	    position: relative;
    top: 40vw;
    padding: 4vw;
}
#about.on{
	transform: translateX(0);
}
#about h2{
	top: 46vw;
    position: relative;
    padding: 4vw;
}
#campusmark, #galeriamark{
	position: absolute;
	top: -20vw;
}
#galeriamark{
	top: 90vw;
}
#rrss{
	position: fixed;
    width: 11vw;
    left: auto;
    right: 1.5vw;
    top: 21vw;
    z-index: 99;
}
/*************CAMPUS***************/
#campus_aux{
	position: fixed;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    background: black;
    overflow: scroll;
	/*transform: translateX(100vw);*/
	transition: 1s ease;
}
#campus_header{
	position: absolute;
    width: 100vw;
}
#campus_logo{
	width: 28vw;
    padding: 6vw;
}
#rocafort_logo{
	    position: absolute;
    width: 30vw;
    right: 6vw;
    top: 16vw;
}
#campus1 h1{
	margin-top: 47vw;
    padding: 6vw;
}
#campus1 p {
	margin: 6vw;
	width: 65vw;
}
#campus1 button{
	margin: 6vw;
	padding: 1.5vw 3vw 1.2vw;
    border-radius: 6vw;
	border: 1px solid;
	text-transform: uppercase;
	z-index: 999;
    position: relative;
	    font-size: 5vw;
}
#campus1bg, #campus3bg{
	    width: 250vw;
    position: absolute;
    z-index: -1;
    top: 0;
    left: -74vw;
    opacity: .5;
}
#campus1{
	width: 100vw;
    overflow: hidden;
    position: relative;
    height: 156vw;
}
#campus2{
	position: relative;
    margin-top: -28vw;
    padding: 6vw;
    padding-top: 27vw;
    width: 88vw;
    overflow: hidden;
    height: 104vw;
	z-index: 9;
}
.campusb{
	text-transform: uppercase;
    font-size: var(--p0);
    color: var(--principal);
    margin-top: 6vw;
}
.campus.cerrar{
	position: fixed;
}
#campusbg2 {
    position: absolute;
    width: 200vw;
    height: 94vw;
    background: #FC3542;
    z-index: -1;
    transform: rotate(349deg);
    left: -50vw;
    top: 19vw;
    box-shadow: 5vw 5vw 10vw #00000050;
}
#campus2 p{
	width: 60vw;
}
#campusbg2 img{
    filter: invert(1);
    opacity: .1;
    width: 99vw;
    position: absolute;
    left: 93vw;
    transform: rotate(11deg);
    top: -10vw;
}
#campus_dossier{
	position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    right: 6vw;
    top: 20vw;
}
#campus_dossier img{
	width: 7vw;
    margin-top: 2vw;
}
#campus3{
	position: relative;
    margin-top: -33vw;
    padding: 6vw;
    padding-top: 30vw;
	overflow: hidden;
	    padding-bottom: 16vw;
}
#campus3 p{
	margin-bottom: 18vw;
}
.redbut{
	background: #fc3542;
    border-radius: 6vw;
    padding: 2vw 4vw;
    margin-top: 10vw;
    text-align: center;
    width: 54vw;
    position: relative;
    left: 12vw;
	opacity: 0;
}
#campus3bg{
	width: 290vw;
}
#campus4{
	padding: 6vw;
	background: url(/wp-content/themes/silencio/assets/img/graham-bg.jpg);
    background-size: cover;
    background-position: center;
	padding-bottom: 30vw;
}
#campus4 h1, #campus1 h1{
	font-size: 12vw;
    text-align: center;
    font-family: 'Medium';
}
#campus1 h1{
	text-align: left;
}
.modulo_desc{
	background: #fb3542;
    border-radius: 5vw;
    margin-top: 10vw;
    padding: 4vw;
    width: 50vw;
    left: 14vw;
    position: relative;
    border: 1px solid #fb3542;
}
.modulo_desc h2{
	text-align: center;
    font-size: 5vw;
    color: var(--principal);
}
.modulo_precio{
	    font-size: 11vw;
    color: #fb3542;
    text-align: center;
    position: relative;
    width: 50vw;
    left: 14vw;
    padding: 4vw 4vw 1vw 4vw;
    border: 1px solid #fb3542;
    padding-top: 10vw;
    margin-top: -8vw;
    border-radius: 0 5vw 5vw;
	font-weight: bold;
	font-family: 'Medium'
}
.aster{
	    font-size: var(--peque);
    width: 57vw;
    position: relative;
    left: 15vw;
    margin-top: 5vw;
}
#patrocinadores{
	margin-top: -28vw;
    z-index: 9;
    position: relative;
    padding-top: 35vw;
    color: var(--principal);
    text-align: center;
    overflow: hidden;
    padding-bottom: 10vw;
	pointer-events: none;
}
#patrocinadoresbg{
	position: absolute;
    width: 200vw;
    height: 94vw;
    background: #fff;
    z-index: -1;
    transform: rotate(349deg);
    left: -50vw;
    top: 19vw;
}
#patrocinadores p{
    position: absolute;
    width: 50vw;
    left: 25vw;
}
#patrocinadores img {
    width: 24vw;
    padding: 4vw;
}
#instaicon{
	    position: absolute;
    width: 10vw;
    right: 5vw;
    top: 112vw;
	    cursor: pointer;
	z-index: 9999;
	transition: 500ms ease;
}
#instaicon:hover{
	opacity: .5;
}

#campus_aux {
    position: relative;
    height: auto;
}
#contenido{
	background: #EDEDED;
    color: var(--principal);
	padding: 10vw;
	padding-top: 46vw;
	overflow: hidden;
}
#contenido p{
    margin-bottom: 3vw;
}
#logointerior{
	    position: absolute;
    z-index: 0;
    left: 0;
    width: 100vw;
    top: -2vw;
}
.page.cerrar{
	    filter: invert(1);
    position: fixed;
}
.cky-consent-bar{

	border: 0 !important;
	box-shadow: 0 -1px 10px 0 #00000047 !important;
}
.cky-accordion-header .cky-always-active, #cookiesin{
	color: var(--ocre) !important;
}
.cky-notice-des P:last-child, .cky-preference-content-wrapper p:last-child, .cky-cookie-des-table li div:last-child p:last-child, .cky-gpc-wrapper .cky-gpc-desc p:last-child{
	line-height: 1.2 !important;
}
.cky-preference-center {
    width: 100vw !important;
}
#campus_contacto{
	    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20vw;
    text-transform: uppercase;
}
#campus_contacto button{
	    padding: 1.5vw 3vw 1.2vw;
    border-radius: 6vw;
    border: 1px solid;
    text-transform: uppercase;
    z-index: 999;
    position: relative;
    font-size: 4vw;
    margin-top: 4vw;
	transition: 400ms ease;
	cursor: pointer;
}
#campus_contacto button:hover{
	border: 1px solid white;
	background: white;
	color: var(--principal);
}
/************DISPLAY FIX***************/
.team-img.third{
	display: none;
}
.movno, #cifrasbgdesk, .imgbg.dos, .team-img.desk{
	display: none;
}
.swiper-button-next, .swiper-button-prev{
	display: none !important;
	}
/***************IPAD VERTICAL***************/
@media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation:portrait) {
	:root {
    --p0: 5vw;
    --p1: 2.5vw;
	--grande: 12vw;
	--peque: 2vw;
	}
	#header{
		height: 15vw;
	}
	#menu_button{
		top: 2vw;
	}
	#rrss {
    width: 7vw;
    right: 2.5vw;
    top: 11vw;
	}
	#texto button{
	display: none;
	}
	#background {
    width: 100vw;
    height: 40vw;
	}
	#balon {
    top: 150vw;
	}
	#linevert{
	height: 76vw;	
	}
	#campusescudobg {
    top: 6vw;
    left: 42vw;
    width: 90vw;
	}
	#campus p {
    width: 70vw;
	}
	#campusescudo {
    width: 40vw;
    left: 4vw;
    top: 44vw;
    z-index: -1;
	position: absolute;
	}
	#campusbg{
	height: 78vw;
	box-shadow: 1vw 1vw 6vw #00000050;
	}
	#campus button{
	font-size: 3vw;
	}
	#dossier{
	top: 70vw;
    left: 82vw;	
	}
	#galeria{
	padding-top: 30vw;	
	margin-top: -130vw;
	}
	#galeriaimgs img {
    width: 43vw;
	}
	#img1 {
    top: 0;
    right: auto;
    left: 2vw;
	}
	#img3 {
    top: 16vw;
    left: auto;
    right: 0;
	}
	#img5 {
    top: 60vw;
    width: 40vw !important;
    left: -4vw;
	}
	#img4 {
    top: 55vw;
    left: 41vw;
    width: 32vw !important;
	}
	#img7 {
    top: 96vw;
    width: 40vw !important;
    right: 4vw;
	}
	#img6 {
    top: 130vw;
    left: 0;
    width: 50vw !important;
	}
	#img2 {
    left: 53vw;
    top: 157vw;
	}
	#galeriaimgs{
	height: 204vw;	
	}
	.title-team{
	padding: 4vw;
    left: 0;
	top: 0;
	}
	.years{
	margin-left: 0;
	}
	.text{
	top: 0;	
	}
	.team-pais {
    position: absolute;
    width: 48vw;
    top: 0;
    right: 0;
	}
	.escudo-team{
    width: 23vw;
    right: auto;
    left: 2vw;
    top: 63vw;
	}
	.team-pais span {
    width: 2vw;
    height: 2vw;
	}
	.valencia .team-pais span {
    top: 29vw;
    left: 32vw;
	}
	.liverpool .team-pais span {
    top: 30vw;
    left: 23vw;
	}
	.nantes .team-pais span {
    left: 12vw;
    top: 21vw;
	}
	.seleccionesp .escudo-team {
    width: 65vw;
	top: auto;
	bottom: 0;
	}
	.team-img{
	width: 60vw;	
	}
	#cedidos {
    width: 8vw;
    margin-left: 3vw;
    margin-top: 54vw;
	}
	.nantes .team-img {
    width: 60vw;
    right: -10vw;
	}
	.liverpool .team-img {
    width: 85vw;
    right: -10vw;
	}
	#cesion_cont .team-pais {
    left: auto;
	}
	#cesion_cont .team-pais span {
    left: 21vw;
    top: 31vw;
	}
	#cesion_cont .team-pais span.dos {
    left: 25vw;
    top: 26vw;
	}
	.team-img.first {
    top: 51vw;
	}
	#cesion_cont .escudo-team {
    width: 20vw;
    right: auto;
    top: 85vw;
    left: 34vw;
	}
	.team-img.second{
	display: none;
	}
	.team-img.third{
	display: block;
    width: 85vw;
    position: absolute;
    top: 111vw;
    left: 0;
height: 98vw;
	}
	.team-img.first {
    top: 47vw;
	}
	.title-team.willem {
    top: 84vw;
    left: 30vw;
	}
	.text.second.willem {
    left: 30vw;
    top: 81vw;
    width: 38vw;
	}
	#cesion_cont .escudo-team.willem {
		top: 149vw;
	}
	#cesion_cont_inner{
		height: 210vw ;
	}
	.movno{
		display: block;
	}
	#menu{
		background: url(/wp-content/themes/silencio/assets/img/menu-bg-desk.jpg);
    background-position: 110%;
    background-size: 160%;
    background-repeat: no-repeat;
    background-color: #202020;
	}
	#menu nav{
		    display: flex;
    flex-direction: column;
    align-items: end;
    left: auto;
    right: 7vw;
}
#menu nav div {
    margin: 2vw 0;
    font-size: 7.5vw;
}
}
/***ESCRITORIO***/
@media only screen and (min-width: 1200px) {
	:root {
    --p0: 2.5vw;
    --p1: 1vw;
	--peque: .8vw;
	--grande: 6vw;
	}
	#preloader img {
    width: 10vw;
	}
	.preloadercont {
    width: 100vw;
    height: 100vh;
	}
	#preloader.off .preloadercont {
    height: 100vh;
	}
	#logo{
    width: 20vw;
	}
	header{
	height: 15vh;
	justify-content: FLEX-START;
	}
	#logo {
    width: 8vw;
    margin-left: 5vw;
	}
	#menu_button{
	    top: -1vh;
    padding: 6vh;
    font-size: 2.5vh;
	}
	#rrss{
	top: 8.5vh;
    width: 4.6vh;
    left: auto;
    right: 7vh;
	}
	#background{
	height: 30vh;
	}
	#principal{
	left: 47vw;
    width: 53vw;
    top: 0;	
	}
	#texto {
    width: 30vw;
    top: 17vh;
    right: auto;
    left: 6vw;
	    z-index: 99;
	}
	.movno{
		display: block;
	}
	#fondo img {
    transform: scale(1);
    width: 100vw;
    position: absolute;
    top: -70vw;
    opacity: .7;
	}
	#texto button{
	display: none;
	}
	#fondo {
    position: relative;
    top: auto;
    overflow: hidden;
    height: 62vw;
		
	}
	#background iframe{
	height: 120vw;
	}
	#scroll {
    position: fixed;
    top: auto;
    bottom: 9vw;
    right: 0;
	}
	#scroll span {
    width: 6vw;
    height: 1px;
    display: block;
    top: 0.4vw;
    background: var(--ocre);
    position: relative;
    margin-right: 1.5vw;
    box-shadow: 5px 5px 10px #19131b;
	}
	#balon {
    position: absolute;
    width: 27vw;
    left: 6vw;
    top: calc(100vh - 14vw);
	}
	#trayectoria{
	height: auto;
	}
	#trayectoria-tit {
    position: absolute;
    bottom: -15vw;
	}
	#home1 {
    height: auto;
    overflow: visible;
	}
	#trayectoria ul{
		opacity: 0;
	}
	#trayectoria li {
        width: 17vw;
    opacity: 1;
    margin: 0;
    font-size: 1.3vw;
    padding: 0.8vw 0 0.6vw 0;
	cursor: pointer;
	transition: 400ms ease;
	}
	#trayectoria li:hover{
	background: #fff;	
	color: #000;
	}
	li#eagles, li#willem{
	position: absolute;
    top: 9vw;
    left: 37.4vw;
    border: 1px solid;
    color: #fff;
	}
	li#eagles span, li#willem span{
	width: 3vw;
    height: 2px;
    border-radius: inherit;
    background: var(--ocre);
    left: -2vw;
    top: 1.3vw;
    z-index: -1;
	}
	li#willem{
	top: 16vw;
    width: 10vw;
	}
	#trayectoria ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 70vw;
    position: relative;
    left: 15vw;
    top: 10vw;
	}
	#selecc{
		    left: 13.6vw;
    top: 9vw;
	}
	#selecc span {
	 display: none;
	}
	#linehor{
	    width: 55vw;
    height: 2px;
    background: var(--ocre);
    position: absolute;
    left: 23vw;
    top: 11.4vw;	
	}
	#linevert2{
		width: 2px;
    height: 8vw;
    position: absolute;
    top: 11.5vw;
    left: 37.4vw;
    background: var(--ocre);
	}
	#linevert3{
		width: 2px;
    height: 16vw;
    position: absolute;
    top: 11.5vw;
    left: 50.4vw;
    background: var(--ocre);
	}
	#cifras {
    margin-top: -11vw;
    z-index: -9;
    position: relative;
    margin-bottom: 0;
    overflow: hidden;
    height: 97vw;
	margin-bottom: 0 !important;
	}
	#cifrasbg{
	display: none;
	}
	#cifrasbgdesk{
	display: block;
    position: absolute;
    top: 0;
    width: 134vw;
	}
	#cifras {
    margin-top: -11vw;
    z-index: -9;
    position: relative;
    margin-bottom: 40vw;
	}
	#cifras ul{
	position: relative;
    top: 55vw;
    display: flex;
    width: 60vw;
    left: 15vw;
	}
	#cifras li {
    margin-bottom: 20vw;
    width: 23vw;
	}
	.peq {
    position: absolute;
    left: 55vw;
    top: -8vw;
	}
	.peq.dos {
	top: 0;
	left: 55vw;
	}
	.peq.tres{
	top: 8vw;
	left: 55vw;
	}
	.numpeq{
	font-size: 4vw;
	}
	#copa img{
	width: 3vw;
    margin-left: 1vw;	
	}
	#copa {
    top: 13vw;
    left: 39vw;
    position: absolute;
	}
	#campus{
	height: auto;
    padding-bottom: 30vw;
	}
	#campusbg{
	transform: rotate(355deg);
	height: 38vw;
	box-shadow: 1vw 1vw 6vw #00000050;
	}
	#campusescudo {
    width: 18vw;
    position: absolute;
    left: 10vw;
    top: 29vw;
	}
	#campus h2{
	margin-top: 31vw;
	margin-bottom: 0;
	}
	#campus p {
    width: 30vw;
    text-align: center;
    margin-top: 2vw;
	}
	#campus button {
    padding: 0.6vw 1.3vw 0.5vw;
    margin-top: 3vw;
    font-size: 1.5vw;
	}
	#galeria {
    margin-top: -53vw;
	padding-top: 20vw;
	}
	#campusescudobg{
	width: 52vw;
    right: -11vw;
    left: auto;
		top: 9vw;
	}
	#dossier img {
    width: 2vw;
    margin-top: 1vw;
	}
	#dossier{
	    top: 41vw;
    left: 85vw;	
	}
	#slide{
	pointer-events: none;
	width: 1.5vw;
    height: 1.5vw;
    bottom: 4vw;
    padding: 1.5vw;
    left: 48.5vw;
	}
	#galeria p {
    width: 30vw;
	}
	#galeriaimgs{
	margin-top: -10vw;
	height: 86vw;
	}
	#galeriaimgs img {
    width: 25vw;
	}
	#img1 {
    top: 0;
    right: auto;
	}
	#img2 {
    left: 0;
    top: 50vw;
    width: 30vw !important;
	}
	#img3 {
    top: 16vw;
    left: 64vw;
	}
	#img4 {
    top: 17vw;
    right: auto;
    left: 17vw;
	}
	#img5 {
    top: 51vw;
    width: 20vw !important;
    left: auto;
    right: 3vw;
	}
	#img6 {
    top: 27vw;
    left: 36vw;
    width: 35vw !important;
	}
	#img7 {
    top: -10vw;
    width: 22vw !important;
    right: 0;
	}
	#puma {
    width: 5vw;
	}
	#powered {
    width: 8vw;
	}
	#footer ul{
	display: flex;
	}
	#footer ul li{
	padding-right: 0.5vw;
    margin-right: 0.5vw;
    border-right: 1px solid;
	}
	#footer ul li:last-child{
	border: none;
	}
	.swiper-backface-hidden .swiper-slide{
	background-size: contain;
    background-repeat: no-repeat;	
	}
	.cerrar {
    width: 2vw;
    height: 2vw;
    margin: 3vw;
	}
	.cerrar span {
    width: 1.2vw;
	}
	.swiper-cube .swiper-cube-shadow{
	opacity: .3 !important;
	}
	.team-img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 41vw;
	}
	.title-team {
    padding: 4vw;
    top: 4vw;
    left: 4vw;
    font-size: var(--p0);
	}
	.years{
	margin-left: 0;	
	}
	.text {
    width: 20vw;
    top: 0;
    left: 4vw;
	line-height: 1.2;
	}
	.team-pais {
    width: 28vw;
    left: 43vw;
	top: 0;
	}
	.imgbg {
    width: 30vw;
    left: 27vw;
	}
	.escudo-team {
    width: 12vw;
    right: auto;
    left: 8vw;
    top: auto;
    bottom: 5vw;
	}
	.valencia .team-pais span {
    top: 16.8vw;
    left: 18.3vw;
	}
	.team-pais span {
    width: 1vw;
    height: 1vw;
	}
	.seleccionesp .text {
    width: 25vw;
	}
	.seleccionesp .team-img{
	right: auto;
    left: 29vw;	
	}
	.seleccionesp .escudo-team {
    width: 30vw;
    top: 0;
    opacity: 1;
    left: auto;
    right: 5vw;
	}
	.liverpool .team-img {
    width: 52vw;
	}
	.liverpool .escudo-team {
    width: 14vw;
    left: 37vw;
    top: 8vw;
	}
	.liverpool .team-pais {
    width: 32vw;
    left: 46vw;
    top: 0;
	}
	.liverpool .team-pais span {
    top: 20.5vw;
    left: 15.5vw;
	}
	.liverpool .imgbg {
    width: 38vw;
    left: 20vw;
	}
	#cedidos {
    width: 7vw;
    margin-left: 8vw;
    margin-top: 7vw;
    display: flex;
	}
	.nantes .team-img {
    width: 32vw;
	}
	.nantes .imgbg {
    width: 30vw;
    left: 49vw;
    top: 19vw;
	}
	.nantes .imgbg.dos{
	bottom: 0;
	left: 20vw;
	display: block;
    top: auto;	
	}
	.nantes .team-pais {
    width: 28vw;
    left: 31vw;
    top: 4vw;
	}
	.nantes .team-pais span {
    left: 7vw;
    top: 12vw;
	}
	.swiper-button-next, .swiper-button-prev{
	display: flex !important;
	}
	#cesion_cont .text.first {
    top: 4vw;
    left: 0;
	}
	#cesion_cont_inner{
	height: 100vh;
	}
	.title-team.eagles {
    left: 0;
    top: 5vw;
	}
	.text.second {
    top: 0;
    left: 0;
	}
	#cesion_cont .escudo-team {
    width: 11vw;
    right: auto;
    top: auto;
    bottom: 3vw;
    left: 24vw;
	}
	.team-img.first {
    top: auto;
    bottom: 0;
    right: auto;
    width: 20vw;
    left: 29vw;
	opacity: .2;
	}
	.team-img.second{
	display: none;
	}
	.team-pais img {
    opacity: .1;
	}
	#cesion_cont .team-pais span {
    left: 11vw;
    top: 15.5vw;
	}
    #cesion_cont .team-pais span.dos {
    left: 13vw;
    top: 13vw;
	}
	#cesion_cont .team-pais {
    left: 31vw;
    width: 25vw;
	}
	.title-team.willem {
    top: 3vw;
    left: 67vw;
    position: absolute;
	}
	.text.second.willem {
    left: 67vw;
    top: 9vw;
    position: absolute;
	}	
	#cesion_cont .escudo-team.willem {
    top: 8vw;
    left: 58vw;
	}
	.team-img.desk{
	display: block;
    right: 10vw;
	width: 35vw;
	}
	.swiper {
    background: url(/wp-content/themes/silencio/assets/img/graham-bg.jpg);
    background-size: cover;
	}
	#background{
		transform: rotate(355deg);
    height: 45vh;
    top: -8vh;
    width: 122vw;
    left: -12vw;
    overflow: hidden;
	}
	#backgroundout{
	    width: 100vw;
    height: 30vh;
    overflow: hidden;	
	}
	#background iframe {
    height: 130vw;
	}
	#scroll span{
    transform-origin: right;	
	animation: scrollt 2s linear infinite;
	}
	@keyframes scrollt{
		0%{
			transform: scaleX(0);
		}
		50%{
			transform: scaleX(1);
		}
		100%{
			transform: scaleX(0);
		}
	}
	#menu img, #about img{
		width: 10vw;
    bottom: 0;
    padding: 4vw;
    left: 45vw;
	}
	#menu nav{
	height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
	    top: 0;
	}
	#menu nav div {
    margin: 1vw 0;
    font-size: 3.5vw;
	}
	#menu{
	background: url(/wp-content/themes/silencio/assets/img/menu-bg-desk.jpg);
    background-position: center;
    background-size: 80%;
    background-repeat: no-repeat;
    background-color: #202020;
	}
	.cerrar, #menu_button, #menu nav div{
		cursor: pointer;
	}
	#menu nav div{
		opacity: .6;
		transition: 300ms ease;
	}
	#menu nav div:hover{
		margin-left: 2vw;
		opacity: 1;
	}
	h1, h2{
	margin-bottom: 2vw;	
	}
	#campusmark, #galeriamark {
    position: absolute;
    top: 10vw;
	}
	#galeriaimgs img{
	cursor: pointer;
	}
	#campus_logo {
    width: 10vw;
    padding: 4vw;
	}
	#rocafort_logo {
    position: absolute;
    width: 12vw;
    right: 3vw;
    top: 8vw;
	}
	#campus1 {
    width: 100vw;
    overflow: hidden;
    position: relative;
    height: 62vw;
	}
	#campus1bg, #campus3bg {
    width: 100vw;
    left: 0;
	}
	#campus1 h1 {
    margin-top: 17vw;
    padding: 4vw;
	font-size: 3vw;
	}
	#campus1 p {
    margin: 4vw;
    width: 23vw;
    margin-top: -4vw;
    margin-bottom: 3vw;
	}
	#campus1 button {
    margin: 4vw;
    padding: 0.5vw 2vw 0.4vw;
    margin-top: 0;
	cursor: pointer;
	transition: 400ms ease;
	font-size: 1.5vw;
	}
	#campus1 button:hover {
	background: #fff;
	color: var(--principal);
	border: 1px solid #fff;
	}
	#campus2{
	display: flex;
	}
	#campus2 p {
    width: 13vw;
	}
	.item{
	width: 22vw;
	}
	#campus_dossier img {
    width: 2vw;
    margin-top: 0.5vw;
	}
	#campus_dossier {
    right: 3vw;
    top: 20vw;
	}
	.campusb{
	margin-top: 0;
	}
	#campusbg2{
		transform: rotate(356deg);
		height: 21vw;
	}
	#campusbg2 img {
    width: 40vw;
    left: 109vw;
    transform: rotate(4deg);
    top: -15vw;
	}
	#campus2 {
    display: flex;
    height: 36vw;
	pointer-events: none;
	}
	#campus_dossier{
	pointer-events: initial;
	cursor: pointer;
	}
	#campus3 {
    position: relative;
    margin-top: -33vw;
    padding: 4vw;
    padding-top: 20vw;
    overflow: hidden;
	    padding-bottom: 4vw;
	}
	#campus3 p {
    margin-bottom: 18vw;
    width: 27vw;
	}
	.redbut{
    padding: 1vw;
    margin-top: 2vw;
    width: 26vw
	}
	.redbut span br{
	display: none;
	}
	#buts{
	position: absolute;
    top: 23vw;
    left: 45vw;
	}
	#campus4 h1{
	position: absolute;
    width: 16vw;
    left: 4vw;
	font-size: 3vw;
	margin-top: 1vw;
	}
	#campus4{
	display: flex;
    justify-content: center;
	padding-bottom: 20vw;
	}
	.modulo_desc h2 {
    text-align: left;
    font-size: 1.75vw;
	}
	.modulo_desc{
    border-radius: 2vw;
    margin-top: 0;
    padding: 2vw;
    width: 20vw;
    left: 0;
	}
	.modulo_precio{
	width: 20vw;
    left: 0;
    padding: 2vw;
    font-size: 2vw;
    margin-top: -2vw;
    border-radius: 0 0 2vw 2vw;
    padding-top: 3vw;
    padding-bottom: 1vw;
	}
	.aster {
    font-size: var(--peque);
    width: 23vw;
    position: relative;
    left: 0;
    margin-top: 2vw;
	}
	.tabla{
	margin: 1vw;
	}
	#patrocinadoresbg{
		    transform: rotate(356deg);
	}
	#patrocinadores img {
    width: 10vw;
    padding: 2vw;
	}
	#patrocinadores {
    margin-top: -28vw;
    padding-top: 23vw;
	padding-bottom: 0;
	}
	#patrocinadores p {
    font-size: 1.2vw;
	}
	.redbut{
	opacity: 0;
	transform: translateY(2vw);
	}
	#instaicon {
    position: absolute;
    width: 3.5vw;
    right: 2.3vw;
   	top: 38vw;
}
	.cky-preference-center {
    width: 40vw !important;
}
	#contenido{
	padding-top: 14vw;
}
#contenido p{
    margin-bottom: 3vw;
}
#logointerior{
	padding: 2vw;
    width: 23vw;
    top: -0.5vw;
}
	#campus_contacto{
		position: absolute;
    top: 42vw;
	}
	#campus_contacto button{
		    font-size: 1.5vw;
		    margin-top: 2vw;
	}
	#campus4{
		height: 60vw;
	}
}
/***MOVIL HORIZONTAL***/
@media screen and (max-device-width:440px) and (orientation: landscape) {}