/*

Design and code N-E
naranjoetxeberria.com
2018

*/
@charset "utf-8";
/* RESET CSS
================================================== */
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset {margin:0;padding:0;}img, fieldset{border:none;}img{height:auto;max-width:100%;width:auto;padding:0;margin:auto;display:block;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;margin:0;}

/* GENERAL
================================================== */
html{background-color: black;}
body, h1, h2{font:0em/100% "ApercuPro Regular"; font-size:2.5vmin; line-height:1.2em; color:#fff;-webkit-font-smoothing: antialiased;}
body{margin:auto;width:100%;min-height:100%;height:auto !important;height:100%;}
a{color:#fff; text-decoration:none; cursor: pointer;}
::-webkit-scrollbar{display:none;}
.hide{display:none;}
.img-center{top:50%; left:50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.img-left{
	top:20%;
	left:20%;
	-webkit-transform: translate(-50%,-20%);
	-moz-transform: translate(-50%,-20%);
	-o-transform: translate(-50%,-20%);
	transform: translate(-50%,-20%);
}
.img-right{
	top:60%;
	left:80%;
	-webkit-transform: translate(-50%,-20%);
	-moz-transform: translate(-50%,-20%);
	-o-transform: translate(-50%,-20%);
	transform: translate(-50%,-20%);
}
.fullscreen{position:fixed; width:102%; height:102%;}
.cover{background-repeat:no-repeat;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;background-position:center;}
.cali{background: black;}
/*.cali a:hover{color: black;}*/
.black{background-color: black;}
.green{background-color: #6aa943;}
.red_2{background-color: #e30014;}
.hotpink{background-color: hotpink;}
.purple{background-color: purple;}
::selection{background-color: transparent; color:#ff5200;}
.text-white, .text-white a, .text-white a:hover{color:#FFF;}
.text-black, .text-black a, .text-black a:hover{color: black;}
.list{line-height:1.3em; color:#fff; border:0; padding: 5px 20px 5px 20px;}
.white{background-color: white;}
sup{font-size:1.5vmin;vertical-align: super;}
img{z-index: 9;}
.blend{mix-blend-mode: exclusion;}
.distorsion{
	width: 100%;
	height: 100%;
}
.gradientbg {
    width: 100%;
    height: 101%;
    margin: 0 auto;
    background: linear-gradient(309deg, #24ca9f, #e8ac33, #8491f3, #84f3cd);
    background-size: 800% 800%;
    -webkit-animation: AnimationName 2s ease infinite;
    -moz-animation: AnimationName 2s ease infinite;
    -o-animation: AnimationName 2s ease infinite;
    animation: AnimationName 2s ease infinite;
}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 17%}
    50%{background-position:100% 84%}
    100%{background-position:0% 17%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 17%}
    50%{background-position:100% 84%}
    100%{background-position:0% 17%}
}
@-o-keyframes AnimationName {
    0%{background-position:0% 17%}
    50%{background-position:100% 84%}
    100%{background-position:0% 17%}
}
@keyframes AnimationName {
    0%{background-position:0% 17%}
    50%{background-position:100% 84%}
    100%{background-position:0% 17%}
}



/* FONTS
================================================== */
@font-face {font-family: "ApercuPro Regular"; src: url(../font/ApercuPro-Regular.woff) format('woff'), url(../font/ApercuPro-Regular.ttf)  format('truetype'); font-weight: normal; font-style: normal;}
@font-face {font-family: "ApercuPro Regular'ApercuPro Mono'"; src: url(../font/ApercuPro-Mono.woff) format('woff'), url(../font/ApercuPro-Mono.ttf)  format('truetype'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'Apercu No Regular'; src: url(../font/Apercu-No-Regular.woff) format('woff'), url(../font/Apercu-No-Mono.ttf)  format('truetype'); font-weight: normal; font-style: normal;}

/* CURSOR
================================================== */
.default{cursor:default;}
.alias{cursor: alias;}
.pointer{cursor: pointer;}
.cross{cursor: s-resize;}
.next{cursor: e-resize;}
.help{cursor: help;}

/* BLINK
================================================== */
.blink {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

/* HEADER
================================================== */
header{z-index:500;}
#menu{position:fixed; top:0; left:0; margin-left:1em; margin-top:1.5em; text-align: left; z-index:999999;}
#name{position:fixed; top:0; right:0; margin-right:1.5em; margin-top:1.5em; text-align:right; z-index:999999;}
.list:hover > .arrow_right:before{content:"→ ";font:0em/100% "Apercu No Regular"; font-size:2.5vmin;}
.apercu-no{font:0em/100% "Apercu No Regular"; font-size:2.5vmin;}

/* INFO
================================================== */
.title{height: auto !important;}
#info, .title{position:fixed; width:100%; height:100%; z-index:999996;}
#info p, .title{position: fixed; width:85%; font-size:7vmin; text-align:center; line-height:1.1em; top:50%; left:50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%); float:left}
.hide-info{height:100%; width:100%;background-color: black;}
.N-E{white-space:nowrap;}

/* LEGAL
================================================== */
#legal{font:0em/100% "ApercuPro Regular'ApercuPro Mono'"; font-size:1.5vmin; position:fixed; width:90%; bottom:0; margin-bottom:2.5vw; margin-left:50%;-webkit-transform: translate(-50%);-moz-transform: translate(-50%);-o-transform: translate(-50%);transform: translate(-50%); text-align:center; line-height: 1em; z-index:999999;color: #707070; letter-spacing: -0.05em;}
#legal a{color: #707070;}

/* BUY BUTTON
================================================== */
footer{
  	width: 100vw;
	position: fixed;
	bottom: 0;
	z-index: 999999999;
}

/*marquee bottom*/
#footer-2{width: 100vw;position: fixed;bottom: -1.5em;z-index: 99999999;}
#footer-3{width: 100vw;position: fixed;bottom: -3em;z-index: 99999999;}
#footer-4{width: 100vw;position: fixed;bottom: -4.5em;z-index: 99999999;}
#footer-5{width: 100vw;position: fixed;bottom: -6em;z-index: 99999999;}

/*marquee top*/
#footer-6{width: 100vw;position: fixed;top: -1.5em;z-index: -1;}
#footer-7{width: 100vw;position: fixed;top: -3em;z-index: -1;}
#footer-8{width: 100vw;position: fixed;top: -4.5em;z-index: -1;}
#footer-9{width: 100vw;position: fixed;top: -6em;z-index: -1;}

.marquee {
 	overflow: hidden;
	padding-top:5px;
	padding-bottom:3px;
	line-height: 1.2em;
}

.js-marquee-wrapper {
	transform: translateX(0) !important;
}

/* MAGAZINE
================================================== */
#magazine{position:fixed; height:100%; z-index:999996;}
.magazineview{position:fixed; max-height:65%; max-width:90%;}
.hide-mag{position:fixed; height:100%; width:100%; z-index:999995;background-color: black;}

/* GENERAL CONTENT
================================================== */
#slideframe{display:none; position:fixed; width:100%; height:100%;}
.video{position:fixed; min-width:100%; height:165%; background-color:#000;}
.cita{position:fixed; width:85%; font-size:7vmin; line-height:1em; z-index:999990;user-select: none;}
.frame_mini{position:fixed; max-height:70%; max-width:60%;}
.frame_mini_mini{position:fixed; max-height:30%; max-width:40%;}
.frame_vertical{position:fixed; max-height:100%; max-width:60%; height: 101vh;}
.frame_black{background-color:black;}

/* CONTENT N.4 - 00
================================================== */
.frame-01-cali{background-image: url(../content/04/00-12/29-flags_01.jpg);}
.frame-02-cali{background-image: url(../content/04/00-12/29-flags_02.jpg);}
.frame-03-cali{background-image: url(../content/04/00-12/29-flags_03.jpg);}
.frame-03-b-cali{background-image: url(../content/04/00-12/29-flags_03-b.jpg);}
.blue{position: fixed; height: 100vh; left: 0; width: 50vw; background-color: blue;}
.red{position: fixed; height: 100vh; right: 0; width: 50vw; background-color: red;}
.frame-06-cali{background-image: url(../content/04/00-12/Karma-International-Install_03.jpg); background-repeat:  repeat; background-size: 80vw; background-position: center;}
.frame-07-cali{background-image: url(../content/04/00-12/Karma-International-Install_04.jpg); background-repeat:  repeat; background-size: 80vw; background-position: center;}
.frame-08-cali{background-image: url(../content/04/00-12/Karma-International-Install_05.jpg); background-repeat:  repeat; background-size: 80vw; background-position: center;}
.frame-09-cali{background-image: url(../content/04/00-12/Karma-International-Install_06.jpg); background-repeat:  repeat; background-size: 80vw; background-position: center;}
.frame-10-cali{background-image: url(../content/04/00-12/Karma-International-Install_07.jpg); background-repeat:  repeat; background-size: 80vw; background-position: center;}
.frame-10-b-cali{background-image: url(../content/04/00-12/Karma-International-Install_07-b.jpg); background-repeat:  repeat; background-size: 80vw; background-position: center;}
.frame-14-cali{background-image: url(../content/04/00-12/Karma-International-Install_14.jpg); background-repeat:  repeat; background-size: 80vh; background-position: center;}
.frame-15-cali{background-image: url(../content/04/00-12/Life-of-Pablo_09.jpg);}
.frame-16-cali{background-image: url(../content/04/00-12/Life-of-Pablo_01.jpg);}
.frame-17-cali{background-image: url(../content/04/00-12/Life-of-Pablo_06.jpg); background-repeat:  repeat; background-size: 45vh; background-position: initial;}
.frame-19-cali{background-image: url(../content/04/00-12/Regens-Project-Pics_01.jpg);}
.frame-20-cali{background-image: url(../content/04/00-12/Regens-Project-Pics_03.jpg);}
.frame-21-cali{background-image: url(../content/04/00-12/Regens-Project-Pics_05.jpg);}
.frame-22-cali{background-image: url(../content/04/00-12/Regens-Project-Pics_06.jpg);}
.frame-26-cali{background-image: url(https://amuse-images.vice.com/wp_upload/2017/08/Kanye-West-Life-of-the-Pablo-Pop-up-review-feature.jpg);}
.frame-27-cali{background-image: url(../content/04/00-12/29-flags_04.jpg); background-repeat:  repeat; background-size: 70vh; background-position: center;}
.frame-28-cali{background-image: url(../content/04/00-12/29-flags_05.jpg); background-repeat:  repeat; background-size: 70vh; background-position: center;}
.poster{overflow-x: scroll;
    max-width: 17vw;
    float: left;}

/* CONTENT N.4 - 01
================================================== */
.frame-01-01{background-image: url(../content/04/01-12/jim-saah-hardcore-photos-282-body-image-1418063150.jpg);}
.frame-01-02{background-image: url(../content/04/01-12/jim-saah-hardcore-photos-282-body-image-1418062824.jpg); background-repeat:  repeat; background-size: 80vh; background-position: center;}
.frame-01-03{background-image: url(../content/04/01-12/jim-saah-hardcore-photos-282-body-image-1418062900.jpg);}
.frame-01-04{background-image: url(../content/04/01-12/jim-saah-hardcore-photos-282-body-image-1418062939.jpg);}
.frame-01-05{background-image: url(../content/04/01-12/punk.jpg);}
.frame-01-06{background-image: url(../content/04/01-12/tre-punk-paris-en-1980-body-image-1487261309.jpg); background-repeat:  repeat; background-size: 75vh; background-position: bottom;}
.frame-01-07{background-image: url(../content/04/01-12/tre-punk-paris-en-1980-body-image-1487263850.jpg); background-repeat:  repeat; background-size: 75vh; background-position: bottom;}
.frame-01-08{background-image: url(../content/04/01-12/allages_001.jpg);background-position: bottom;}
.frame-01-09{background-image: url(../content/04/01-12/collage.jpg);}

/* CONTENT N.4 - 02
================================================== */
.frame-02-04{background-image: url(../content/04/02-12/4.jpg); background-repeat:  repeat; background-size: 75vh; background-position: bottom;}
.frame-02-05{background-image: url(../content/04/02-12/5.jpg);}
.frame-02-08{background-image: url(../content/04/02-12/8.jpg);}
.frame-02-09{background-image: url(../content/04/02-12/9.jpg);}
.frame-02-10{background-image: url(../content/04/02-12/10.jpg); background-repeat:  repeat; background-size: 75vh; background-position: bottom;}
.frame-02-11{background-image: url(../content/04/02-12/11.jpg);}

/* CONTENT N.4 - 03
================================================== */
.frame-03-01{background-image: url(../content/04/03-12/1.jpg);}
.frame-03-02{background-image: url(../content/04/03-12/2.jpg); background-repeat:  repeat; background-size: 20vh; background-position: center;}
.frame-03-04{background-image: url(../content/04/03-12/3.jpg);}
.frame-03-05{background-image: url(../content/04/03-12/4.jpg);}
.frame-03-06{background-image: url(../content/04/03-12/5.jpg);}
.frame-03-07{background-image: url(../content/04/03-12/6.jpg);}
.frame-03-08{background-image: url(../content/04/03-12/7.jpg); background-repeat:  repeat; background-size: 35vh; background-position: center;}
.frame-03-09{background-image: url(../content/04/03-12/7.jpg); background-repeat:  repeat; background-size: 25vh; background-position: center;}
.frame-03-10{background-image: url(../content/04/03-12/7.jpg); background-repeat:  repeat; background-size: 15vh; background-position: center;}
.frame-03-11{background-image: url(../content/04/03-12/7.jpg); background-repeat:  repeat; background-size: 7vh; background-position: center;}

/* CONTENT N.4 - 04
================================================== */
.frame-04-01{background-image: url(../content/04/04-12/1.jpg)}
.frame-04-03{background-image: url(../content/04/04-12/3.png)}
.frame-04-05{background-image: url(../content/04/04-12/5.jpg)}
.frame-04-07{background-image: url(../content/04/04-12/7.jpg); background-repeat:  repeat; background-size: 75vh; background-position: center;}
.frame-04-10{background-image: url(../content/04/04-12/10.jpg)}
.frame-04-12{background-image: url(../content/04/04-12/12.jpg)}
.frame-04-14{background-image: url(../content/04/04-12/14.jpg)}
.frame-04-15{background-image: url(../content/04/04-12/15.jpg); background-repeat:  repeat; background-size: 100vh; background-position: center;}

/* CONTENT N.4 - 05
================================================== */
.frame-05-01{background-image: url(../content/04/05-12/1.jpg); background-repeat:  repeat; background-size: 100vh; background-position: center;}
.frame-05-02{background-image: url(../content/04/05-12/2.jpg)}
.frame-05-03{background-image: url(../content/04/05-12/3.jpg)}
.frame-05-06{background-image: url(../content/04/05-12/6.jpg)}
.frame-05-07{background-image: url(../content/04/05-12/7.jpg); background-repeat:  repeat; background-size: 100vh; background-position: center;}
.frame-05-08{background-image: url(../content/04/05-12/8.jpg)}
.frame-05-12{background-image: url(../content/04/05-12/12.jpg)}
.frame-05-14{background-image: url(../content/04/05-12/14.jpg); background-repeat:  repeat; background-size: 100vh; background-position: center;}
.frame-05-15{background-image: url(../content/04/05-12/15.jpg)}

/* CONTENT N.4 - 06
================================================== */
.frame-06-01{background-image: url(../content/04/06-12/1.jpg)}
.frame-06-02{background-image: url(../content/04/06-12/2.jpg)}
.frame-06-04{background-image: url(../content/04/06-12/4.jpg)}
.frame-06-05{background-image: url(../content/04/06-12/5.jpg)}
.frame-06-06{background-image: url(../content/04/06-12/6.jpg)}
.frame-06-07{background-image: url(../content/04/06-12/7.jpg)}
.frame-06-08{background-image: url(../content/04/06-12/8.jpg)}
.frame-06-10{background-image: url(../content/04/06-12/10.jpg)}
.frame-06-12{background-image: url(../content/04/06-12/12.jpg)}
.frame-06-13{background-image: url(../content/04/06-12/13.jpg); background-repeat:  repeat; background-size: 75vh; background-position: center;}
.frame-06-15{background-image: url(../content/04/06-12/15.jpg)}
.frame-06-16{background-image: url(../content/04/06-12/16.jpg)}
.frame-06-19{background-image: url(../content/04/06-12/19.jpg)}
.frame-06-21{background-image: url(../content/04/06-12/21.jpg); background-position: top;}
.frame-06-22{background-image: url(../content/04/06-12/22.jpg); background-repeat:  repeat; background-size: 150vh; background-position: left;}
.frame-06-24{background-image: url(../content/04/06-12/24.jpg)}
.frame-06-25{background-image: url(../content/04/06-12/25.jpg); background-repeat:  repeat; background-size: 90vh; background-position: center;}

/* CONTENT N.4 - 07
================================================== */
.frame-07-01{background-image: url(../content/04/07-12/1.jpg)}
.frame-07-02{background-image: url(../content/04/07-12/2.jpg); background-repeat:  repeat; background-size: 150vh; background-position: left;}
.frame-07-03{background-image: url(../content/04/07-12/3.jpg); background-repeat:  repeat; background-size: 140vh; background-position: inherit;}
.frame-07-04{background-image: url(../content/04/07-12/4.jpg); background-repeat:  repeat; background-size: 100vh; background-position: inherit;}
.frame-07-05{background-image: url(../content/04/07-12/5.jpg); background-repeat:  repeat; background-size: 75vh; background-position: inherit;}
.frame-07-06{background-image: url(../content/04/07-12/6.jpg); background-repeat:  repeat; background-size: 60vh; background-position: inherit;}

/* CONTENT N.4 - 08
================================================== */
.frame-08-01{
	background-image: url(../content/04/08-12/1.jpg);
	background-repeat: repeat;
    	background-size: 100vh;
    	background-position: center;
}
.frame-08-03{background-image: url(../content/04/08-12/3.jpg)}
.frame-08-04{
	background-image: url(../content/04/08-12/4.jpg);
	background-repeat: repeat;
    	background-size: 45vh;
    	background-position: initial;
}
.frame-08-06{
	background-image: url(../content/04/08-12/6.jpg);
	background-repeat: repeat;
    	background-size: 70vh;
    	background-position: center;
}
.frame-08-07{background-image: url(../content/04/08-12/7.jpg)}
.frame-08-09{background-image: url(../content/04/08-12/9.jpg)}
.frame-08-11{
	background-image: url(../content/04/08-12/11.jpg);
	background-repeat: repeat;
    	background-size: 70vh;
    	background-position: center;
}
.frame-08-13{background-image: url(../content/04/08-12/13.jpg)}
.frame-08-14{
	background-image: url(../content/04/08-12/14.jpg);
	background-repeat: repeat;
    	background-size: 60vh;
    	background-position: initial;
}
.frame-08-16{background-image: url(../content/04/08-12/16.jpg)}
.frame-08-17{
	background-image: url(../content/04/08-12/17.jpg);
	background-repeat: repeat;
    	background-size: 70vh;
    	background-position: center;
}
.frame-08-18{
	background-image: url(../content/04/08-12/18.jpg);
	background-repeat: repeat;
    	background-size: 60vh;
    	background-position: initial;
}
.frame-08-20{
	background-image: url(../content/04/08-12/20.jpg);
	background-repeat: repeat;
    	background-size: 120vh;
    	background-position: bottom;
}

/* CONTENT N.4 - 09
================================================== */
.frame-09-02{background-image: url(../content/04/09-12/2.jpg);
background-repeat: repeat; background-size: 100vh; background-position: center;}
.frame-09-03{background-image: url(../content/04/09-12/3.jpg);
background-repeat:  repeat; background-size: 65vh; background-position: center;}
.frame-09-04{background-image: url(../content/04/09-12/4.jpg)}
.frame-09-05{background-image: url(../content/04/09-12/5.jpg)}
.frame-09-07{background-image: url(../content/04/09-12/7.jpg)}
.frame-09-08{background-image: url(../content/04/09-12/8.jpg)}
.frame-09-09{background-image: url(../content/04/09-12/9.jpg)}
.frame-09-10{background-image: url(../content/04/09-12/10.jpg)}
.frame-09-11{background-image: url(../content/04/09-12/11.jpeg);
background-repeat:  repeat; background-size: 65vh; background-position: center;}
.frame-09-12{background-image: url(../content/04/09-12/12.jpg)}
.frame-09-14{background-image: url(../content/04/09-12/14.jpg)}
.frame-09-15{background-image: url(../content/04/09-12/15.jpg)}
.frame-09-16{background-image: url(../content/04/09-12/16.jpg)}
.frame-09-17{background-image: url(../content/04/09-12/17.jpg)}
.frame-09-18{background-image: url(../content/04/09-12/18.jpg);
background-repeat: repeat; background-size: 100vh; background-position: center;}
.frame-09-19{background-image: url(../content/04/09-12/19.jpg)}
.frame-09-20{background-image: url(../content/04/09-12/20.jpg);
background-repeat:  repeat; background-size: 35vh; background-position: center;}
.frame-09-21{background-image: url(../content/04/09-12/21.jpg)}
.frame-09-22{background-image: url(../content/04/09-12/22.jpg)}
.frame-09-23{background-image: url(../content/04/09-12/23.jpeg);
background-repeat:  repeat; background-size: 65vh; background-position: center;}

/* CONTENT N.4 - 10
================================================== */
.frame-10-03{background-image: url(../content/04/10-12/3.jpg);
background-repeat: repeat; background-size: 100vh; background-position: center;}
.frame-10-04{background-image: url(../content/04/10-12/4.jpg);
background-repeat: repeat; background-size: 120vh; background-position: center;}
.frame-10-07{background-image: url(../content/04/10-12/7.jpg);
background-repeat: repeat; background-size: 50vh; background-position: center;}
.frame-10-09{background-image: url(../content/04/10-12/9.gif);
background-repeat: repeat; background-size: 50vh; background-position: center;}
.frame-10-12{background-image: url(../content/04/10-12/12.jpg)}
.frame-10-15{background-image: url(../content/04/10-12/15.jpg);
background-repeat: repeat; background-size: 50vh; background-position: center;}
.frame-10-19{background-image: url(../content/04/10-12/19.jpg);
background-repeat: repeat; background-size: 100vh; background-position: center;}
.frame-10-23{background-image: url(../content/04/10-12/23.jpg);
background-repeat: repeat; background-size: 20vh; background-position: center;}
.frame-10-25{background-image: url(../content/04/10-12/25.jpg); background-position: bottom;}
.frame-10-26{background-image: url(../content/04/10-12/26.jpg);
background-repeat: repeat; background-size: 70vh; background-position: center;}
.frame-10-30{background-image: url(../content/04/10-12/30.jpg);
background-repeat: repeat; background-size: 50vh; background-position: center;}
.frame-10-36{background-image: url(../content/04/10-12/36.gif);
background-repeat: repeat; background-size: 40vh; background-position: center;}
.frame-10-37{background-image: url(../content/04/10-12/37.jpg)}
.frame-10-38{background-image: url(../content/04/10-12/38.jpg)}
.frame-10-40{background-image: url(../content/04/10-12/40.jpg);
background-repeat: repeat; background-size: 100vh; background-position: center;}
.frame-10-48{background-image: url(../content/04/10-12/48.jpg);
background-repeat: repeat; background-size: 100vh; background-position: center;}
.frame-10-50{background-image: url(../content/04/10-12/50.jpg);
background-repeat: repeat; background-size: 70vh; background-position: center;}
.pharrel{background-image: url(../content/04/10-12/pharrel.gif);
background-repeat: repeat; background-size: 100vh; background-position: center;}
.skate{background-image: url(../content/04/10-12/28.gif);}
.guns{background-image: url(../content/04/10-12/33.gif);
background-repeat: repeat; background-size: 70vh; background-position: center;}
.iss{background-image: url(../content/04/10-12/iss__.gif)}
.jordan{background-image: url(../content/04/10-12/1.gif)}

.frame-2-mobile{background-image: url(../content/04/10-12/mobile/1.jpg)}
.frame-8-b-mobile{background-image: url(../content/04/10-12/mobile/6.jpg)}

/* CONTENT N.4 - 11
================================================== */
.frame-11-01{background-image: url(../content/04/11-12/1.jpg); background-repeat: repeat; background-size: 100vh; background-position: center;}
.frame-11-03{background-image: url(../content/04/11-12/3.jpg); background-repeat: repeat; background-size: 100vh; background-position: left;}
.frame-11-04{background-image: url(../content/04/11-12/4.gif); background-repeat: repeat; background-size: 50vh; background-position: center;}
.frame-11-06{background-image: url(../content/04/11-12/6.jpg); background-repeat: repeat; background-size: 70vh; background-position: center;}
.frame-11-09{background-image: url(../content/04/11-12/9.gif); background-repeat: repeat; background-size: 40vh; background-position: center;}
.frame-11-10{background-image: url(../content/04/11-12/10.jpg); background-repeat: no-repeat; background-size: 70vh; background-position: center;}
.frame-11-12{background-image: url(../content/04/11-12/12.gif); background-repeat: repeat; background-size: 40vh; background-position: center;}
.frame-11-16{background-image: url(../content/04/11-12/16.gif); background-repeat: repeat; background-size: 20vh; background-position: center;}

/* CONTENT N.4 - 12
================================================== */
.frame-12-01{background-image: url(../content/04/12-12/_1.jpg); background-repeat: repeat; background-size: 60vh; background-position: left bottom;}
.frame-12-03{background-image: url(../content/04/12-12/_3.jpg); background-repeat: repeat; background-size: 90vh; background-position: center;}
.frame-12-04{background-image: url(../content/04/12-12/_5.jpg)}
.frame-12-06{background-image: url(../content/04/12-12/_7.jpg)}
.frame-12-09{background-image: url(../content/04/12-12/_10.jpg); background-repeat: repeat; background-size: 80vh; background-position: right bottom;}
.frame-12-13{background-image: url(../content/04/12-12/_13.jpg); background-repeat: repeat; background-size: 80vh; background-position: center;}
.frame-12-14{background-image: url(../content/04/12-12/_17.jpg); background-repeat: repeat; background-size: 50vh; background-position: top;}
.frame-12-16{background-image: url(../content/04/12-12/_20.jpg); background-repeat: repeat; background-size: 40vh; background-position: center;}
.frame-12-17{background-image: url(../content/04/12-12/_21.jpg); background-repeat: repeat; background-size: 70vh; background-position: right bottom;}
.frame-12-18{background-image: url(../content/04/12-12/_22.jpg)}
.frame-12-19{background-image: url(../content/04/12-12/_24.jpg); background-repeat: repeat; background-size: 51vw; background-position: right bottom;}
.frame-12-20{background-image: url(../content/04/12-12/_27.jpeg); background-repeat: repeat; background-size: 51vw; background-position: right bottom;}
.frame-12-21{background-image: url(../content/04/12-12/_29.jpg); background-repeat: repeat; background-size: 25vw; background-position: left top;}
.frame-12-22{background-image: url(../content/04/12-12/_31.jpeg); background-repeat: repeat; background-size: 70vh; background-position: right bottom;}
.frame-12-23{background-image: url(../content/04/12-12/_33.jpeg)}
.frame-12-24{background-image: url(../content/04/12-12/_34.jpg); background-repeat: repeat; background-size: 50vh; background-position: top left;}

/* RESPONSIVE
================================================== */
@media screen and (max-width: 1025px){
	body, h1, h2, .apercu-no{font-size:4vmin;}
	#legal{font-size:3vmin; margin-bottom: 11vmin;}
	#menu{margin-left:0em; margin-top:1em;}
	#name{margin-right:1em; margin-top:1em;}
	.knockout-1, .knockout-2, .knockout-3{font-size:7vmin;}
	li{margin-top:1px;}
	#info p, .cita{font-size: 6vmin;}
	.frame_horizontal{max-width:70%;}
	.list:hover > .arrow_right:before{content: none;}
}
/*IPHONE PORTRAIT*/
@media (min-width: 320px) and (max-width: 760px) and (orientation: portrait){
	.frame_vertical{
		height: auto;}
	}

}