/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 30 2023 | 00:31:31 */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

body { background: #000 !important; padding: 0 !important; margin: 0 auto !important; }

header.wp-block-template-part, footer.wp-block-template-part,
header.entry-header, footer#colophon, div#ast-scroll-top { display: none !important; }

h1, h2, h3, h4, h5, h6 { font-family: 'helvetica_neue', sans-serif !important; text-shadow: none !important; }
p, span, button, input, form, select, option, textarea, a, div { font-family: 'helvetica_neue', sans-serif !important; text-shadow: none !important; }

/*
p, span, button, input, form, select, option, textarea, a, div { font-family: 'helveticaneue-light' !important; text-shadow: none !important; }
*/



.ast-container { width: 100% !important; padding: 0 !important; max-width: 100% !important; display: block !important; }
canvas.scrollsequence-canvas { width: 100% !important; height: auto !important; }
div#cmplz-cookiebanner-container { display: none !important; }

header#masthead { display: none !important; }



main#content { width: 100%; height: auto; display: block; position: relative; float: none; margin: 0 auto; }

section#bg-loader { width: 100%; height: 100%; display: block; position: fixed; top: 0; left: 0; z-index: 9999999; background: #000; opacity: 1; }

section#loader-vandals { width: 100%; height: 100%; display: block; position: fixed; top: 0; left: 0; z-index: 999999; background: #000; }
section#loader-vandals figure { width: 96%; height: auto; display: block; margin: 0 auto; float: none; padding: 1.5% 0 8%; z-index: 99; position: relative; }
section#loader-vandals figure img#logo-loader { width: 100%; height: auto; display: block; margin: 0 auto; float: none; padding: 0; }

section#loader-vandals div#graffitis { width: 100%; height: 100%; display: block; margin: 0; float: none; padding: 0; position: absolute; top: 0; left: 0; z-index: 999; opacity: 1; }
section#loader-vandals div#graffitis img { width: 100%; height: auto; display: block; margin: 0; float: none; padding: 0; position: absolute; top: 0; left: 0; z-index: 999; opacity: 1; }
section#loader-vandals div#graffitis img#graffiti-00 { z-index: 999; }
section#loader-vandals div#graffitis img#graffiti-01 { z-index: 998; }
section#loader-vandals div#graffitis img#graffiti-02 { z-index: 997; }
section#loader-vandals div#graffitis img#graffiti-03 { z-index: 996; }
section#loader-vandals div#graffitis img#graffiti-04 { z-index: 995; }
section#loader-vandals div#graffitis img#graffiti-05 { z-index: 994; }
section#loader-vandals div#graffitis img#graffiti-06 { z-index: 993; }
section#loader-vandals div#graffitis img#graffiti-07 { z-index: 992; }
section#loader-vandals div#graffitis img#graffiti-08 { z-index: 991; }
section#loader-vandals div#graffitis img#graffiti-09 { z-index: 990; }

section#loader-vandals div#graffitis-mobile { width: 100%; height: 100%; display: block; margin: 0; float: none; padding: 0; position: absolute; top: 0; left: 0; z-index: 990; opacity: 0; }
section#loader-vandals div#graffitis-mobile img { width: 100%; height: auto; display: block; margin: 0; float: none; padding: 0; position: absolute; top: 0; left: 0; z-index: 999; opacity: 0; }



#image-container { width: 100%; height: 100%; display: block; margin: 0; float: none; padding: 0; position: absolute; top: 0; left: 0; z-index: 991; opacity: 1; }
#image-container img { width: 100%; height: auto; display: block; margin: -18% auto 0 auto; float: none; padding: 0; position: relative; }

#image-containerMobile { width: 100%; height: 100%; display: block; margin: 0; float: none; padding: 0; position: absolute; top: 0; left: 0; z-index: 990; opacity: 1; }
#image-containerMobile img { width: 100%; height: auto; display: block; margin: 0 auto; float: none; padding: 0; position: relative; transform: scale(1.5); }

#image-containerMobile { display: none; }



section#loader-vandals h2 { font-size: 24px; line-height: 32px; font-weight: 200; letter-spacing: 0.015em; margin: 0 auto 48px; color: #fff; text-align: center; padding: 0 32%; z-index: 9999; position: relative; background: transparent; }
section#loader-vandals div#box-loader { width: 100%; height: 30px; display: block; position: absolute; bottom: 0; left: 0; z-index: 989; }
section#loader-vandals div#box-loader div#barra { width: 0.01%; height: 30px; display: block; position: fixed; bottom: 0; left: 0; z-index: 99996; background: #fff; }



header#logo-vandals { width: 66%; height: auto; display: block; position: fixed; top: 5px; left: 5px; z-index: 950; }
header#logo-vandals a { width: 100%; height: auto; display: block; }
header#logo-vandals a img#img-logo { width: 100%; height: auto; display: block; margin: 0 auto; float: none; }
header#logo-vandals a video#video-logo { width: 100%; height: auto; display: none; margin: 0 auto; float: none; }


header#logo-vandals-mobile { width: 90%; height: auto; display: none; position: fixed; top: 0; left: 5%; z-index: 9999; padding: 2% 5% 5%; background: transparent; }
header#logo-vandals-mobile a { width: 100%; height: auto; display: block; }
header#logo-vandals-mobile a img#img-logo-m { width: 100%; height: auto; display: block; margin: 0 auto; float: none; }
header#logo-vandals-mobile a video#video-logo-m { width: 100%; height: auto; display: none; margin: 0 auto; float: none; }


section#info-home-top { width: 352px; height: auto; display: block; position: fixed; top: 64px; right: 32px; z-index: 99995; padding: 0; }
section#info-home-top h2 { font-size: 16px; line-height: 23px; font-weight: 400; letter-spacing: 0.035em; margin: 0 auto; padding: 10px 0; color: #fff; text-align: center; transition: none; }
section#info-home-top nav { width: 100%; height: auto; display: block; position: relative; margin: 0 auto; float: none; }
section#info-home-top nav a { width: auto; height: auto; display: inline-block; position: relative; float: none; font-size: 18px; line-height: 18px; font-weight: 400; letter-spacing: 0.015em; margin: 0; padding: 10px 25px; color: #fff; border: solid 1px #fff; background: transparent; border-radius: 40px; text-decoration: none; transition: none; }
section#info-home-top nav a:hover { color: #000; background: #FFE600; border: solid 1px #FFE600; transition: none; }

.page-id-446 section#info-home-top nav a { padding: 10px 25px; }
.page-id-446 section#info-home-top nav a#lang-eng { padding: 10px 25px; }

section#info-home-top nav a#menos-info { display: none; /* color: #000; background: #fff; border: solid 1px #fff; */ transition: none; }
section#info-home-top nav a#menos-info:hover { /* color: #000; background: #FFE600; border: solid 1px #fff; */ transition: none; }

section#info-home-top nav a#menos-contacto { display: none; }

section#info-home-top nav a#lang-esp,
section#info-home-top nav a#lang-eng { color: #000; background: #fff; transition: none; }
section#info-home-top nav a#lang-esp:hover,
section#info-home-top nav a#lang-eng:hover { color: #000; background: #fff; border: solid 1px #FFE600; transition: none; }
section#info-home-top nav a#lang-eng { color: #000; background: #fff; }

.page-id-8 section#info-home-top nav a#lang-esp { color: #fff; background: transparent; }
.page-id-8 section#info-home-top nav a#lang-esp:hover { color: #000; background: #FFE600; border: solid 1px #FFE600; }

.page-id-446 section#info-home-top nav a#lang-eng { color: #fff; background: transparent; }
.page-id-446 section#info-home-top nav a#lang-eng:hover { color: #000; background: #FFE600; border: solid 1px #FFE600; }




section#info-home-top-mob { width: 86%; height: auto; display: none; position: fixed; top: 64px; left: 7%; z-index: 99995; padding: 0; }
section#info-home-top-mob h2 { font-size: 22px; line-height: 28px; font-weight: 300; letter-spacing: 0.015em; margin: 0 0 12px; color: #fff; display: none; }
section#info-home-top-mob nav { width: 100%; height: auto; display: block; position: relative; margin: 0 auto; float: none; }
section#info-home-top-mob nav a { width: auto; height: auto; display: inline-block; position: relative; float: none; font-size: 18px; line-height: 18px; font-weight: 400; letter-spacing: 0.015em; margin: 0; padding: 10px 25.5px; color: #fff; border: solid 1px #fff; background: transparent; border-radius: 40px; text-decoration: none; transition: none; }
section#info-home-top-mob nav a:hover { color: #000; background: #FFE600; border: solid 1px #FFE600; transition: none; }

section#info-home-top-mob nav a#menos-info-mob { display: none; /* color: #000; background: #fff; border: solid 1px #fff; */ transition: all 0.15s ease-out; }
section#info-home-top-mob nav a#menos-info-mob:hover { /* color: #000; background: #FFE600; border: solid 1px #fff; */ transition: all 0.15s ease-out; }

section#info-home-top-mob nav a#mas-contacto-mobile { display: none; }

section#info-home-top-mob nav a#lang-esp-mob,
section#info-home-top-mob nav a#lang-eng-mob { color: #000; background: #fff; transition: none; }
section#info-home-top-mob nav a#lang-esp-mob:hover,
section#info-home-top-mob nav a#lang-eng-mob:hover { color: #000; background: #fff; border: solid 1px #FFE600; transition: none; }
section#info-home-top-mob nav a#lang-eng-mob { color: #000; background: #fff; }

.page-id-8 section#info-home-top-mob nav a#lang-esp-mob { color: #fff; background: transparent; }
.page-id-8 section#info-home-top-mob nav a#lang-esp-mob:hover { color: #000; background: #FFE600; border: solid 1px #FFE600; }

.page-id-446 section#info-home-top-mob nav a#lang-eng-mob { color: #fff; background: transparent; }
.page-id-446 section#info-home-top-mob nav a#lang-eng-mob:hover { color: #000; background: #FFE600; border: solid 1px #FFE600; }

.page-id-446 section#info-home-top-mob nav a#lang-esp-mob { color: #000; background: #fff; }
.page-id-446 section#info-home-top-mob nav a#lang-eng-mob { color: #fff; background: transparent; }





section#info-home-vandals { width: 460px; height: auto; display: block; position: fixed; bottom: 32px; left: 32px; z-index: 99992; background: #D9D9D9; border-radius: 20px; padding: 32px 96px 32px 32px; }
section#info-home-vandals h1 { font-size: 48px; line-height: 48px; font-weight: 400; letter-spacing: -0.035em; margin: 0 0 48px; color: #000; }
section#info-home-vandals p { font-size: 20px; line-height: 24px; letter-spacing: -0.04em; margin: 0; padding: 0; color: #000; font-weight: 500; }
@keyframes mouseMotion {
	0% { height: 35px; }
	15% { height: 55px; }
	50% { height: 56px; }
	85% { height: 55px; }
	100% { height: 35px; }
}
section#info-home-vandals div#mouse { width: 35px; height: 35px; display: block; border-radius: 32px; border: solid 1px #000; position: absolute; bottom: 35px; right: 35px; z-index: 999; animation-name: mouseMotion; animation-duration: 2.5s; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; animation-timing-function: ease-in-out; }



figure#cookies { width: 375px; height: auto; display: block; position: fixed; bottom: -250px; right: 32px; z-index: 9999; margin: 0; background: #D9D9D9; border-radius: 20px; padding: 18px 18px 12px 18px; box-shadow: 0 0 10px rgb(0 0 0 / 35%); }
figure#cookies h6 { font-size: 22px; line-height: 22px; font-weight: 500; letter-spacing: -0.035em; margin: 0 0 6px; color: #000; }
figure#cookies p { margin: 0; float: none; display: block; }
figure#cookies p a#no-cookies { font-size: 16px; line-height: 14px; font-weight: 400; letter-spacing: -0.005em; margin: 0; color: #656565; text-decoration: none; transition: all 0.3s ease-in; }
figure#cookies p a#no-cookies:hover { color: #000; text-decoration: underline; transition: all 0.15s ease-out; }
figure#cookies a#yes-cookies img#a-cookies { position: absolute; top: 20px; right: 20px; display: block; transition: all 0.3s ease-in; }
figure#cookies a#yes-cookies:hover img#a-cookies { display: none; transition: all 0.15s ease-out; }
figure#cookies a#yes-cookies img#a-cookies-hover { position: absolute; top: 20px; right: 20px; display: none; transition: all 0.3s ease-in; }
figure#cookies a#yes-cookies:hover #a-cookies-hover { display: block; transition: all 0.15s ease-out; }



figure#cookies-mobile { width: 86%; height: auto; display: none; position: fixed; bottom: -250px; left: 7%; z-index: 99991; margin: 0; background: #D9D9D9; border-radius: 20px; padding: 14px 20px; box-shadow: 0 0 10px rgb(0 0 0 / 35%); }
figure#cookies-mobile h6 { font-size: 20px; line-height: 24px; font-weight: 500; letter-spacing: -0.035em; margin: 0 0 4px; color: #000; }
figure#cookies-mobile p { margin: 0; float: none; display: block; }
figure#cookies-mobile p a#no-cookies-mobile { font-size: 15px; line-height: 14px; font-weight: 400; letter-spacing: -0.005em; margin: 0; color: #656565; text-decoration: none; transition: all 0.3s ease-in; }
figure#cookies-mobile p a#no-cookies-mobile:hover { color: #000; text-decoration: underline; transition: all 0.15s ease-out; }
figure#cookies-mobile a#yes-cookies-mobile img#a-cookies-mobile { position: absolute; top: 20px; right: 24px; display: block; transition: all 0.3s ease-in; }
figure#cookies-mobile a#yes-cookies-mobile:hover img#a-cookies-mobile { display: none; transition: all 0.15s ease-out; }
figure#cookies-mobile a#yes-cookies-mobile img#a-cookies-hover-mobile { position: absolute; top: 22px; right: 24px; display: none; transition: all 0.3s ease-in; }
figure#cookies-mobile a#yes-cookies-mobile:hover #a-cookies-hover-mobile { display: block; transition: all 0.15s ease-out; }



main#wp--skip-link--target { width: 100%; height: auto; display: block; margin: 0 auto; float: none; position: relative; }



div#web-reel { width: 100%; height: auto; display: block; margin: 0 auto; float: none; position: relative; z-index: 989; }

div#cinta-textos-desktop { width: 9600px; height: 500px; display: block; margin: 0; float: none; position: fixed; bottom: 0; left: 0; z-index: 999; }

section#section-001 { width: 500px; height: auto; display: block; position: absolute; bottom: 48px; left: 1648px; z-index: 99989; padding: 0; margin: 0; opacity: 1; }
section#section-001 h6 { font-size: 35px; line-height: 28px; font-weight: 300; letter-spacing: 0.005em; margin: 0 auto 14px; display: block; color: #fff; padding: 0; opacity: 1; }
section#section-001 h2 { font-size: 35px; line-height: 28px; font-weight: 300; letter-spacing: 0.005em; margin: 0 auto 30px; display: block; color: #fff; padding: 0; opacity: 1; }
section#section-001 p { font-size: 18px; line-height: 22px; font-weight: 500; letter-spacing: 0.01em; margin: 0 auto; display: block; padding: 0; color: #fff; text-align: left; opacity: 1; }


section#section-002 { width: 500px; height: auto; display: block; position: absolute; bottom: 48px; left: 3248px; z-index: 99988; padding: 0; margin: 0; opacity: 1; }
section#section-002 h6 { font-size: 35px; line-height: 28px; font-weight: 300; letter-spacing: 0.005em; margin: 0 auto 14px; display: block; color: #fff; padding: 0; opacity: 1; }
section#section-002 h2 { font-size: 35px; line-height: 28px; font-weight: 300; letter-spacing: 0.005em; margin: 0 auto 30px; display: block; color: #fff; padding: 0; opacity: 1; }
section#section-002 p { font-size: 18px; line-height: 22px; font-weight: 500; letter-spacing: 0.01em; margin: 0 auto; display: block; padding: 0; color: #fff; text-align: left; opacity: 1; }


section#section-003 { width: 500px; height: auto; display: block; position: absolute; bottom: 48px; left: 4848px; z-index: 99987; padding: 0; margin: 0; opacity: 1; }
section#section-003 h6 { font-size: 35px; line-height: 28px; font-weight: 300; letter-spacing: 0.005em; margin: 0 auto 14px; display: block; color: #fff; padding: 0; opacity: 1; }
section#section-003 h2 { font-size: 35px; line-height: 28px; font-weight: 300; letter-spacing: 0.005em; margin: 0 auto 30px; display: block; color: #fff; padding: 0; opacity: 1; }
section#section-003 p { font-size: 18px; line-height: 22px; font-weight: 500; letter-spacing: 0.01em; margin: 0 auto; display: block; padding: 0; color: #fff; text-align: left; opacity: 1; }


section#section-004 { width: 500px; height: auto; display: block; position: absolute; bottom: 48px; left: 6448px; z-index: 99986; padding: 0; margin: 0; opacity: 1; }
section#section-004 h6 { font-size: 35px; line-height: 28px; font-weight: 300; letter-spacing: 0.005em; margin: 0 auto 14px; display: block; color: #fff; padding: 0; opacity: 1; }
section#section-004 h2 { font-size: 35px; line-height: 28px; font-weight: 300; letter-spacing: 0.005em; margin: 0 auto 30px; display: block; color: #fff; padding: 0; opacity: 1; }
section#section-004 p { font-size: 18px; line-height: 22px; font-weight: 500; letter-spacing: 0.01em; margin: 0 auto; display: block; padding: 0; color: #fff; text-align: left; opacity: 1; }


section#section-005 { width: 500px; height: auto; display: block; position: absolute; bottom: 48px; left: 8048px; z-index: 99985; padding: 0; margin: 0; opacity: 1; }
section#section-005 h6 { font-size: 35px; line-height: 28px; font-weight: 300; letter-spacing: 0.005em; margin: 0 auto 14px; display: block; color: #fff; padding: 0; opacity: 1; }
section#section-005 h2 { font-size: 35px; line-height: 28px; font-weight: 300; letter-spacing: 0.005em; margin: 0 auto 30px; display: block; color: #fff; padding: 0; opacity: 1; }
section#section-005 p { font-size: 18px; line-height: 22px; font-weight: 500; letter-spacing: 0.01em; margin: 0 auto; display: block; padding: 0; color: #fff; text-align: left; opacity: 1; }



.nf-before-form-content, .nf-after-form-content,
.nf-after-field, .nf-error.field-wrap .nf-field-element:after { display: none !important; }
.nf-form-content .label-above .nf-field-label,
.nf-form-content .label-below .nf-field-label,
.nf-form-content .label-hidden .nf-field-label { margin-bottom: 0 !important; }

.nf-form-content .list-select-wrap .nf-field-element>div,
.nf-form-content input:not([type=button]),
.nf-form-content textarea { background: transparent !important; border: none; border-bottom: 1px solid #c4c4c4 !important; padding: 0 !important; }

.nf-form-content .list-select-wrap .nf-field-element>div:hover,
.nf-form-content input:not([type=button]):hover,
.nf-form-content textarea:hover { background: transparent !important; }

.page-id-8 .nf-form-content .list-select-wrap .nf-field-element>div, 
.page-id-8 .nf-form-content input:not([type=button]), 
.page-id-8 .nf-form-content textarea { border: none !important; border-bottom: 1px solid #c4c4c4 !important; }

.page-id-446 .nf-form-content .list-select-wrap .nf-field-element>div, 
.page-id-446 .nf-form-content input:not([type=button]), 
.page-id-446 .nf-form-content textarea { border: none !important; border-bottom: 1px solid #c4c4c4 !important; }

.nf-error-msg, .ninja-forms-req-symbol { display: none !important; }
.nf-form-content .listselect-wrap .nf-field-element div,
.nf-form-content .ninja-forms-field { font-size: 14px !important; margin: 0 !important; padding: 6px 12px !important; }
.nf-form-content label { font-size: 16px !important; line-height: 16px !important; font-weight: 300 !important; }
.nf-field-container { margin-bottom: 12px !important; }

section#form-contact article:nth-child(2) figure .nf-form-content textarea#nf-field-8 { height: 70px; border: none; border-bottom: 1px solid #c4c4c4 !important; padding: 0 !important; }



section#box-info { width: 100%; height: 70%; display: block; position: fixed; bottom: -100%; left: 0; z-index: 99994; padding: 32px; background: url("https://vandals.pro/wp-content/uploads/2023/03/flecha.png") no-repeat bottom left #D9D9D9; border-radius: 60px 60px 0 0; }
section#box-info article { width: 100%; height: 100%; display: block; position: relative; margin: 0; float: left; overflow-y: auto; }

section#box-info article figure#col-izq-info { width: 55%; height: auto; display: block; position: relative; margin: 0; float: left; }
section#box-info article figure#col-izq-info p { font-size: 32px; font-weight: 500; line-height: 32px; letter-spacing: -0.005em; text-align: left; margin: 0 0 32px; padding: 0 32px 0 0; color: #000; }
section#box-info article figure#col-izq-info p span { width: 100%; height: auto; display: block; position: relative; margin: 12px auto 0 auto; float: none; }
section#box-info article figure#col-izq-info p.p-mobile { display: none; }
section#box-info article figure#col-izq-info hr.hr-mobile { width: 100%; height: 1px; display: none; position: relative; margin: 24px auto; float: none; padding: 0; border: none; background: #999; }

section#box-info article figure#col-der-info { width: 20%; height: auto; display: block; position: relative; margin: 0; float: right; }
section#box-info article figure#col-der-info p { font-size: 20px; font-weight: 500; line-height: 20px; letter-spacing: -0.015em; text-align: left; margin: 0; color: #000; }
section#box-info article figure#col-der-info p:last-child { line-height: 25px; }
section#box-info article figure#col-der-info p a { color: #000; transition: all 0.3s ease.in; }
section#box-info article figure#col-der-info p a:hover { color: #fff; transition: all 0.3s ease.in; }
section#box-info article figure#col-der-info p#col-der-info-p-top { margin: 0 0 24px; }
section#box-info article figure#col-der-info p#col-der-info-p-top span { display: block; line-height: 20px; margin: 0 0 5px; }

section#box-info article::-webkit-scrollbar { width: 8px; height: 8px; }
section#box-info article::-webkit-scrollbar-thumb { background: transparent; border-radius: 4px; }
section#box-info article::-webkit-scrollbar-thumb:hover { background: transparent; }
section#box-info article::-webkit-scrollbar-thumb:active { background-color: transparent; }



/* MOBILE */
aside#mobile-menu { width: 100%; height: 100%; display: none; position: fixed; top: 0; right: -100%; z-index: 99998; background: rgba(0,0,0,0.9); }

aside#mobile-menu #a-mobile { width: 45px; height: 45px; display: block; position: absolute; top: 32px; left: -52px; background: #000; font-size: 1.5em; padding: 0; text-align: left; border-radius: 5px 0 0 5px; text-decoration: none; transition: all 0.3s ease-in; }
aside#mobile-menu #a-mobile-close { width: 45px; height: 45px; display: block; position: absolute; top: 5px; right: 5px; background: #000; font-size: 1em; padding: 1px 0 0 0; text-align: left; border-radius: 5px; text-decoration: none; transition: all 0.3s ease-in; }
aside#mobile-menu #a-mobile i { width: 100%; height: auto; display: block; line-height: 1em; font-size: 1.55em; text-align: center; padding: 0; margin: 5px auto 0 auto; float: none; color: #fff; transition: all 0.3s ease-in; }
aside#mobile-menu #a-mobile-close i { width: 100%; height: auto; display: block; line-height: 1em; font-size: 2.05em; text-align: center; padding: 0; margin: 5px auto 0 auto; float: none; color: #fff; transition: all 0.3s ease-in; }

aside#mobile-menu #a-mobile { z-index: 4; }
aside#mobile-menu #a-mobile-close { z-index: 2; }

aside#mobile-menu #a-mobile:hover { background: #fff; text-decoration: none; transition: all 0.15s ease-out; }
aside#mobile-menu #a-mobile-close:hover { background: #fff; text-decoration: none; transition: all 0.15s ease-out; }
aside#mobile-menu #a-mobile:hover i { color: #000; transition: all 0.15s ease-out; }

aside#mobile-menu #links-mobile-esp { width: 100%; height: 400px; display: block; margin: 0; position: absolute; top: 10%; left: 0; background: transparent; z-index: 2; }

aside#mobile-menu #links-mobile-eng { width: 100%; height: 400px; display: block; margin: 0; position: absolute; top: 10%; left: 0; background: transparent; z-index: 1; }

aside#mobile-menu #links-mobile-esp a,
aside#mobile-menu #links-mobile-eng a { width: 290px; height: auto; display: block; margin: 0 auto; font-size: 1.25em; line-height: 1.25em; text-align: center; float: none; padding: 15px 30px; letter-spacing: 0.075em; color: #fff; text-decoration: none; border-radius: 5px; font-family: 'helvetica_neue' !important; text-transform: uppercase; transition: all 0.3s ease-in; }

aside#mobile-menu #links-mobile-esp a:hover,
aside#mobile-menu #links-mobile-eng a:hover { color: #999; text-decoration: none; transition: all 0.15s ease-out; }

.page-id-8 aside#mobile-menu #links-mobile-esp { display: none; }
.page-id-446 aside#mobile-menu #links-mobile-eng { display: none; }



section#info-home-vandals-mobile { width: 80%; height: auto; display: none; position: relative; background: #D9D9D9; border-radius: 20px; padding: 32px 10% 32px 5%; margin: 0 auto; float: none; }
section#info-home-vandals-mobile h1 { font-size: 48px; line-height: 52px; font-weight: 400; letter-spacing: -0.035em; margin: 0 0 24px; color: #000; text-align: left; }
section#info-home-vandals-mobile p { font-size: 18px; line-height: 20px; letter-spacing: -0.015em; margin: 0; padding: 0 86px 0 0; color: #000; text-align: left; }

@keyframes mouseMotionMobile {
	0% { height: 35px; }
	15% { height: 55px; }
	50% { height: 56px; }
	85% { height: 55px; }
	100% { height: 35px; }
}
section#info-home-vandals-mobile div#mouse-mobile { width: 35px; height: 35px; display: block; border-radius: 32px; border: solid 2px #000; position: absolute; bottom: 35px; right: 35px; z-index: 999; animation-name: mouseMotionMobile; animation-duration: 2.5s; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; animation-timing-function: ease-in-out; }



a#contact-us { width: 100%; height: 1px; display: block; position: relative; padding: 0; margin: 0 auto; float: none; }

section#form-contact { width: 550px; height: auto; display: block; position: fixed; bottom: -700px; right: 32px; z-index: 99995; }
section#form-contact a#close-contact { width: 25px; height: 25px; display: block; margin: 0; float: none; position: absolute; top: 175px; left: -40px; }
section#form-contact a#close-contact img { width: 25px; height: 25px; display: block; margin: 0 auto; float: none; position: relative; }
section#form-contact a#close-contact:hover img { opacity: 0.35; transition: all 0.15s ease-out; }

section#form-contact article:nth-child(1) { width: 100%; height: 140px; display: block; position: relative; margin: 0 auto 6px; float: none; background: #D9D9D9; border-radius: 20px; padding: 5%; }
section#form-contact article:nth-child(1) > img { width: auto; height: 16px; display: block; margin: 0; float: none; position: absolute; top: 24px; left: 24px; }
section#form-contact article:nth-child(1) h5 { font-size: 28px; line-height: 32px; font-weight: 400; letter-spacing: -0.035em; margin: 0; color: #000; padding: 0 190px 0 0; position: absolute; bottom: 20px; left: 24px; }
section#form-contact article:nth-child(1) nav { width: 80px; height: 38px; display: block; margin: 0; float: none; position: absolute; top: 12px; right: 24px; }
section#form-contact article:nth-child(1) nav a { width: 38px; height: 38px; display: block; margin: 0 4px 0 0; float: left; position: relative; transition: all 0.3s ease-in; }
section#form-contact article:nth-child(1) nav a:nth-child(2) { margin: 0; }
section#form-contact article:nth-child(1) nav a:hover img { opacity: 0.55; transition: all 0.3s ease-in; }

section#form-contact article:nth-child(2) { width: 100%; height: 350px; display: block; position: relative; margin: 0 auto; float: none; background: #D9D9D9; border-radius: 20px; padding: 5%; }
section#form-contact article:nth-child(2) figure { width: 100%; height: 260px; display: block; position: relative; margin: 0 auto; float: none; }
section#form-contact article:nth-child(2) figure .nf-form-content { padding: 0; }
section#form-contact article:nth-child(2) figure .nf-form-content .ninja-forms-field { height: auto; resize: none !important; }
section#form-contact article:nth-child(2) .nf-form-content p { margin: -12px 0 12px 0; font-size: 16px; opacity: 1; color: #7e7e7e; padding: 0 0 6px 0; border-bottom: 1px solid #c4c4c4 !important; }
section#form-contact article:nth-child(2) > p { width: 230px; height: auto; display: block; margin: 0; font-size: 13px; line-height: 14px; position: absolute; bottom: 9%; right: 5%; text-align: left; color: #000; font-weight: 500; }
/* .page-id-446 section#form-contact article:nth-child(2) > p { bottom: 4%; } */

.page-id-8 section#form-contact article:nth-child(2) figure .nf-form-content textarea.ninja-forms-field { height: 54px !important; }
.page-id-446 section#form-contact article:nth-child(2) figure .nf-form-content textarea.ninja-forms-field { height: 54px !important; }

section#form-contact-mobile article:nth-child(2) figure .nf-form-content input#nf-field-9,
section#form-contact-mobile article:nth-child(2) figure .nf-form-content input#nf-field-9_1 { width: 95px; height: auto !important; display: block; padding: 10px 12px !important; text-transform: uppercase; border-radius: 30px; letter-spacing: 0.095em; margin: 10px 0 0 0 !important; background: #494949; color: #fff; transition: all 0.3s ease-in; }
input#nf-field-9:hover, input#nf-field-9_1:hover { background: #FFE600; color: #000; cursor: pointer !important; transition: all 0.15s ease-out; }

.nf-pass.field-wrap .nf-field-element:after { display: none !important; }

.nf-response-msg p { color: #000 !important; font-family: 'helvetica_neue', sans-serif !important; text-shadow: none !important; font-weight: 400 !important; letter-spacing: -0.035em !important; margin: 0 !important; font-size: 18px !important; padding: 0 !important; }



/* MOBILE */
main#mobile-reel { width: 100%; height: auto; display: none; position: relative; padding: 0; margin: 0 auto; float: none; z-index: 99990; }
main#mobile-reel scrollsequence { width: 100%; height: auto; display: block; position: relative; padding: 0; margin: -100px auto 0 auto; float: none; z-index: 9999; }

div#cinta-textos-mobile { width: 100%; height: auto; display: block; margin: -5000px auto 0 auto; float: none; position: relative; top: 0; left: 0; z-index: 999; }

section#section-001-mobile { width: 86%; height: auto; display: block; position: relative; padding: 0; margin: 0 auto 650px; opacity: 1; }
section#section-001-mobile h6 { font-size: 30px; line-height: 30px; font-weight: 300; letter-spacing: 0.005em; margin: 0 auto 8px; display: block; color: #fff; padding: 0; opacity: 1; }
section#section-001-mobile h2 { font-size: 30px; line-height: 30px; font-weight: 300; letter-spacing: 0.005em; margin: 0 auto 16x; display: block; color: #fff; padding: 0; opacity: 1; }
section#section-001-mobile p { font-size: 16px; line-height: 22px; font-weight: 300; letter-spacing: 0.055em; margin: 0 auto; display: block; padding: 0; color: #fff; text-align: left; opacity: 1; }


section#section-002-mobile { width: 86%; height: auto; display: block; position: relative; padding: 0; margin: 0 auto 600px; opacity: 1; }
section#section-002-mobile h6 { font-size: 30px; line-height: 30px; font-weight: 300; letter-spacing: 0.005em; margin: 0 auto 8px; display: block; color: #fff; padding: 0; opacity: 1; }
section#section-002-mobile h2 { font-size: 30px; line-height: 30px; font-weight: 300; letter-spacing: 0.005em; margin: 0 auto 16x; display: block; color: #fff; padding: 0; opacity: 1; }
section#section-002-mobile p { font-size: 16px; line-height: 22px; font-weight: 300; letter-spacing: 0.055em; margin: 0 auto; display: block; padding: 0; color: #fff; text-align: left; opacity: 1; }


section#section-003-mobile { width: 86%; height: auto; display: block; position: relative; padding: 0; margin: 0 auto 750px; opacity: 1; }
section#section-003-mobile h6 { font-size: 30px; line-height: 30px; font-weight: 300; letter-spacing: 0.005em; margin: 0 auto 8px; display: block; color: #fff; padding: 0; opacity: 1; }
section#section-003-mobile h2 { font-size: 30px; line-height: 30px; font-weight: 300; letter-spacing: 0.005em; margin: 0 auto 16x; display: block; color: #fff; padding: 0; opacity: 1; }
section#section-003-mobile p { font-size: 16px; line-height: 22px; font-weight: 300; letter-spacing: 0.055em; margin: 0 auto; display: block; padding: 0; color: #fff; text-align: left; opacity: 1; }


section#section-004-mobile { width: 86%; height: auto; display: block; position: relative; padding: 0; margin: 0 auto 600px; opacity: 1; }
section#section-004-mobile h6 { font-size: 30px; line-height: 30px; font-weight: 300; letter-spacing: 0.005em; margin: 0 auto 8px; display: block; color: #fff; padding: 0; opacity: 1; }
section#section-004-mobile h2 { font-size: 30px; line-height: 30px; font-weight: 300; letter-spacing: 0.005em; margin: 0 auto 16x; display: block; color: #fff; padding: 0; opacity: 1; }
section#section-004-mobile p { font-size: 16px; line-height: 22px; font-weight: 300; letter-spacing: 0.055em; margin: 0 auto; display: block; padding: 0; color: #fff; text-align: left; opacity: 1; }


section#section-005-mobile { width: 86%; height: auto; display: block; position: relative; padding: 0; margin: 0 auto 650px; opacity: 1; }
section#section-005-mobile h6 { font-size: 30px; line-height: 30px; font-weight: 300; letter-spacing: 0.005em; margin: 0 auto 8px; display: block; color: #fff; padding: 0; opacity: 1; }
section#section-005-mobile h2 { font-size: 30px; line-height: 30px; font-weight: 300; letter-spacing: 0.005em; margin: 0 auto 16x; display: block; color: #fff; padding: 0; opacity: 1; }
section#section-005-mobile p { font-size: 16px; line-height: 22px; font-weight: 300; letter-spacing: 0.055em; margin: 0 auto; display: block; padding: 0; color: #fff; text-align: left; opacity: 1; }



section#form-contact-mobile { width: 86%; height: auto; display: block; position: relative; padding: 0; margin: 96px auto 16px auto; float: none; z-index: 99990; }
section#form-contact-mobile a#close-contact { width: 25px; height: 25px; display: block; margin: 0; float: none; position: absolute; top: 175px; left: -40px; }
section#form-contact-mobile a#close-contact img { width: 25px; height: 25px; display: block; margin: 0 auto; float: none; position: relative; }
section#form-contact-mobile a#close-contact:hover img { opacity: 0.35; transition: all 0.15s ease-out; }

section#form-contact-mobile article:nth-child(1) { width: 100%; height: 130px; display: block; position: relative; margin: 0 auto 6px; float: none; background: #D9D9D9; border-radius: 20px; padding: 4%; }
section#form-contact-mobile article:nth-child(1) > img { width: auto; height: 16px; display: block; margin: 0; float: none; position: absolute; top: 24px; left: 24px; }
section#form-contact-mobile article:nth-child(1) h5 { font-size: 28px; line-height: 34px; font-weight: 400; letter-spacing: -0.035em; margin: 0; color: #000; padding: 0 140px 0 0; position: absolute; bottom: 24px; left: 24px; }
section#form-contact-mobile article:nth-child(1) nav { width: 80px; height: 38px; display: block; margin: 0; float: none; position: absolute; top: 12px; right: 24px; }
section#form-contact-mobile article:nth-child(1) nav a { width: 38px; height: 38px; display: block; margin: 0 4px 0 0; float: left; position: relative; transition: all 0.3s ease-in; }
section#form-contact-mobile article:nth-child(1) nav a:nth-child(2) { margin: 0; }
section#form-contact-mobile article:nth-child(1) nav a:hover img { opacity: 0.55; transition: all 0.3s ease-in; }

section#form-contact-mobile article:nth-child(2) { width: 100%; height: 375px; display: block; position: relative; margin: 0 auto; float: none; background: #D9D9D9; border-radius: 20px; padding: 24px; }
section#form-contact-mobile article:nth-child(2) figure { width: 100%; height: 270px; display: block; position: relative; margin: 0 auto; float: none; }
section#form-contact-mobile article:nth-child(2) figure .nf-form-content { padding: 0; }
section#form-contact-mobile article:nth-child(2) figure .nf-form-content .ninja-forms-field { height: auto; background: transparent; border: none; border-bottom: 1px solid #c4c4c4; border-radius: 0; box-shadow: none; color: #787878; }
section#form-contact-mobile article:nth-child(2) .nf-form-content p { margin: 0; font-size: 14px; line-height: 16px; opacity: 1; color: #7e7e7e; }
section#form-contact-mobile article:nth-child(2) > p { width: 190px; height: auto; display: block; margin: 0; font-size: 12px; line-height: 12px; position: absolute; bottom: 7%; right: 5%; text-align: right; }



input#nf-field-4, input#nf-field-8, input#nf-field-9 { background: rgb(0 0 0 / 30%) !important; color: #fff !important; padding: 8px 16px !important; border-radius: 15px !important; margin: -6px 0 0 0 !important; letter-spacing: 0.075em; display: block; transition: all 0.15s ease-out; }
input#nf-field-4_1, input#nf-field-9_1 { background: rgb(0 0 0 / 30%) !important; color: #fff !important; padding: 8px 16px !important; border-radius: 15px !important; margin: 12px 0 0 0 !important; letter-spacing: 0.075em; display: block; transition: all 0.15s ease-out; }
input#nf-field-4:hover, input#nf-field-9:hover, input#nf-field-4_1:hover, input#nf-field-8_1:hover, input#nf-field-9:hover { background: #FFE600; color: #000; transition: all 0.3s ease-in; }

#nf-form-1-cont .nf-form-content #nf-field-3.ninja-forms-field { padding: 4px 0 !important; }


@media only screen and (max-width: 1299px){
	header#logo-vandals { width: 62%; }
}

@media only screen and (max-width: 1199px){
	section#loader-vandals { height: 100vh; }
	section#loader-vandals figure { float: none; display: block; width: 95%; padding: 2% 0 0; }
	section#loader-vandals h2 { margin: 25% auto 0; padding: 0 5% 0 5%; height: auto; display: block; font-size: 1em; line-height: 1.55em; float: none; text-align: center; letter-spacing: 0.075em; }
	
	section#loader-vandals div#box-loader { bottom: 6%; }
	
	aside#mobile-menu { display: block; }
	
	section#box-info { width: 100%; height: 72%; padding: 0; border-radius: 30px 30px 0 0; }
	section#box-info article { width: 100%; height: 90%; margin: 0 auto; float: none; clear: none; padding: 0 !important; }
	section#box-info article p { font-size: 18px; line-height: 22px; margin: 0 auto 16px; padding: 0; }
	section#box-info article p.p-mobile { display: block; }
	section#box-info article hr.hr-mobile { display: block; }
	
	section#form-contact { width: 96%; right: 2%; }
	section#form-contact article:nth-child(1) { width: 100%; height: 80px; }
	section#form-contact article:nth-child(1) h5 { font-size: 18px; line-height: 20px; padding: 0 48px 0 0; }
	section#form-contact article:nth-child(1) nav { top: 12px; right: 12px; }
	section#form-contact article:nth-child(2) { width: 100%; height: auto; padding: 2%; }
	section#form-contact article:nth-child(2) figure { height: auto; }
	section#form-contact article:nth-child(2) figure .nf-form-content textarea#nf-field-8 { height: 50px; }
	section#form-contact article:nth-child(2) .nf-form-content p { font-size: 12px; color: #424242; }
	.nf-field-container .nf-field-label { margin-bottom: 0 !important; }
	
	section#loader-vandals figure img.graffitis { width: 100% !important; height: auto !important; top: 25% !important; left: 0 !important; transform: scale(2.5) !important; }
	
	section#box-info article figure#col-izq-info { width: 100% !important; padding: 32px 32px; }
	section#box-info article figure#col-izq-info p { font-size: 22px; line-height: 25px; padding: 0; }
	section#box-info article figure#col-izq-info p.p-mobile { display: block !important; font-size: 22px; line-height: 22px; padding: 0; }
	section#box-info article figure#col-izq-info p.p-mobile a { color: #000; }
	section#box-info article figure#col-der-info { display: none !important; }
	section#box-info article figure#col-izq-info p span { margin: 8px auto 0 auto !important; }
	section#box-info article figure#col-izq-info p.p-mobile { line-height: 25px; }
	
	section#loader-vandals div#graffitis { opacity: 0; }
	section#loader-vandals div#graffitis-mobile { opacity: 1; }
}

@media only screen and (max-width: 1099px){
	header#logo-vandals { width: 58%; }
}

@media only screen and (max-width: 999px){
	header#logo-vandals { width: 54%; }
}

@media only screen and (max-width: 849px){
	div#cinta-textos-desktop { display: none; }
	div#web-reel { display: none !important; }
	main#mobile-reel { display: block; }
	
	figure#cookies { display: none !important; }
	figure#cookies-mobile { display: block !important; }
	
	section#box-info figure { display: none; }
	
	section#info-home-top { display: none; }
	section#info-home-top-mob { display: block; }
	
	section#info-home-vandals { display: none; }
	section#info-home-vandals-mobile { display: block; margin: 248px auto 0; }
	
	section#info-home-vandals-mobile { width: 86%; }
	section#info-home-vandals-mobile h1 { font-size: 38px; line-height: 38px; }
	
	section#form-contact-mobile article:nth-child(1) { height: 170px; }
	section#form-contact-mobile article:nth-child(1) > img { height: 20px; }
	
	section#loader-vandals figure img.graffitis { transform: scale(3.5) !important; }
}

@media only screen and (max-width: 799px){
	header#logo-vandals { display: none; }
	header#logo-vandals-mobile { display: block; width: 48%; left: 26%; padding: 2% 0 0; }
	
	#image-container { display: none; }
	#image-containerMobile { display: block; }
	
	section#info-home-top-mob { width: 48%; height: auto; display: block; position: fixed; top: 80px !important; left: 26% !important; margin: 0 auto 48px; float: none; background: transparent; padding: 0 0 16px 0; }
	
	section#info-home-top-mob h2 { font-size: 1em; line-height: 1.55em; margin: 0 auto; float: none; text-align: center; letter-spacing: 0.075em; display: block; }
	section#info-home-top-mob h2#h2-mobile { font-size: 1.15em; line-height: 1.55em; margin: 0 auto; float: none; text-align: center; letter-spacing: 0.075em; display: block; padding: 0; width: 86%; }
	
	section#info-home-top-mob nav a { padding: 6px 7%; margin: 0 2px; font-size: 14px; letter-spacing: 0.095em; }
	section#info-home-top-mob nav a#mas-contacto-mobile { display: inline-block; }
}

@media only screen and (max-width: 749px){
	header#logo-vandals-mobile { width: 52%; left: 24%; }
	
	section#info-home-top-mob { top: 12% !important; }
}

@media only screen and (max-width: 699px){
	header#logo-vandals-mobile { width: 54%; left: 23%; padding: 2% 0 0; }
	
	section#info-home-top-mob { top: 11% !important; }
	section#info-home-top-mob h2 { font-size: 1em; line-height: 1.55em; margin: 0 auto; float: none; text-align: center; letter-spacing: 0.075em; display: block; }
	section#info-home-top-mob h2#h2-mobile { font-size: 1.15em; line-height: 1.55em; margin: 0 auto; float: none; text-align: center; letter-spacing: 0.075em; display: block; padding: 0; width: 86%; }
	section#info-home-top-mob nav { width: 300px; height: auto; display: block; position: relative; margin: 8px auto 12px auto; float: none; }
	section#info-home-top-mob nav a { padding: 6px 18px; margin: 0 2px; font-size: 14px; letter-spacing: 0.095em; }
	section#info-home-top-mob nav a#mas-contacto-mobile { display: inline-block; }
	
	section#loader-vandals h2 { margin: 58% auto 0; }
}

@media only screen and (max-width: 599px){
	section#info-home-top-mob { width: 58%; left: 21% !important; }
	section#info-home-top-mob { top: 10% !important; width: 63%; left: 18.5% !important; }
}

@media only screen and (max-width: 549px){
	section#info-home-top-mob { width: 58%; left: 21% !important; }
	section#info-home-top-mob { top: 10% !important; width: 63%; left: 18.5% !important; }
}

@media only screen and (max-width: 499px){
	section#info-home-top-mob { width: 58%; left: 21% !important; }
	section#info-home-top-mob { top: 9% !important; width: 70%; left: 15% !important; }
	
	.nf-form-content .listselect-wrap .nf-field-element div,
	.nf-form-content .ninja-forms-field { padding: 6px 0 !important; }
	
	section#form-contact-mobile article:nth-child(2) > p { bottom: 14% !important; }
	.page-id-446 input#nf-field-4,
	.page-id-446 input#nf-field-8, input#nf-field-9 { margin: 6px 0 0 0 !important; }
}
	
@media only screen and (max-width: 449px){
	header#logo-vandals-mobile { width: 95%; left: 2.5%; padding: 2% 0 0; }
	
	section#info-home-top-mob { width: 86%; left: 7% !important; top: 12% !important; }
	section#form-contact-mobile article:nth-child(1) h5 { font-size: 24px; line-height: 30px; padding: 0 48px 0 0; }
	section#info-home-top { top: 78px !important; right: 0 !important; padding: 0; }
}

@media only screen and (max-width: 399px){
	section#info-home-top-mob h2 { font-size: 0.95em; }
	
	section#info-home-top-mob { top: 11% !important; }
}