@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
================================================== */
body, h1, h2{font:0em/100% "Stanley Poster"; font-size:3vmin; line-height:1.2em; color:#fff;}
body{margin:auto;width:100%;min-height:100%;height:auto !important;height:100%;}
a{color:#fff; text-decoration:none;}
::-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%);}
.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;}
.red-sasha a:hover{color:#fb2e2e;}
.red-sasha ::selection{background-color: transparent; color:#fb2e2e;}
.red-cavolo a:hover{color:#ef4035;}
.red-cavolo ::selection{background-color: transparent; color:#ef4035;}
.blue-folch a:hover{color: #3366cc;}
.blue-folch ::selection{background-color: transparent; color:#3366cc;}
.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;}


/* FONTS
================================================== */
@font-face {font-family: "Stanley Poster"; src: url(../font/Stanley-Poster.woff) format('woff'), url(../font/Stanley-Poster.ttf)  format('truetype'); font-weight: normal; font-style: normal;}
@font-face {font-family: "Stanley Regular"; src: url(../font/Stanley-Regular.woff) format('woff'), url(../font/Stanley-Regular.ttf)  format('truetype'); font-weight: normal; font-style: normal;}
@font-face {font-family: "Knockout HTF26 JuniorFlyweight"; src: url(../font/Knockout-HTF26-JuniorFlyweight.woff) format('woff'), url(../font/Knockout-HTF26-JuniorFlyweight.ttf)  format('truetype'); font-weight: normal; font-style: normal;}
@font-face {font-family: "Knockout HTF90 UltmtWelterwt"; src: url(../font/Knockout-HTF90-UltmtWelterwt.woff) format('woff'), url(../font/Knockout-HTF90-UltmtWelterwt.ttf)  format('truetype'); font-weight: normal; font-style: normal;}
@font-face {font-family: "Knockout HTF93 UltmtHeviwt"; src: url(../font/Knockout-HTF93-UltmtHeviwt.woff) format('woff'), url(../font/Knockout-HTF93-UltmtHeviwt.ttf)  format('truetype'); font-weight: normal; font-style: normal;}

/* CURSOR
================================================== */
.arrow{cursor: url(../content/cursors/arrow.png), pointer;}
.help{cursor: url(../content/cursors/question.png), pointer;}
.alias{cursor: url(../content/cursors/alias.png), pointer;}
.next{cursor: url(../content/cursors/next.png), pointer;}
.cross{cursor: url(../content/cursors/cross.png), pointer;}
.one{cursor: url(../content/cursors/one.png), pointer;}
.two{cursor: url(../content/cursors/two.png), pointer;}
.three{cursor: url(../content/cursors/three.png), pointer;}
.pointer{cursor: url(../content/cursors/pointer.png), pointer;}
.text{cursor: url(../content/cursors/text.png), pointer;}
.eye{cursor: url(../content/cursors/eye.png), pointer;}
.price_folch{cursor: url(../content/cursors/price_folch.png), pointer;}
.price_sasha{cursor: url(../content/cursors/price_sasha.png), pointer;}
.mail{cursor: url(../content/cursors/mail.png), pointer;}
.sad{cursor: url(../content/cursors/sad.png), pointer;}

/* HEADER
================================================== */
header{z-index:500;}
#menu{position:fixed; top:0; left:0; margin-left:1em; margin-top:1.5em; text-align: center; z-index:999999;}
#name{position:fixed; top:0; right:0; margin-right:1.5em; margin-top:1.5em; text-align:right; z-index:999999;}

/* INFO
================================================== */
#info{position:fixed; width:100%; height:100%; z-index:999996;}
#info p{position: fixed; width:85%; font-size:7vmin; text-align:center; line-height: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%;}
.N-E{white-space:nowrap;}

/* LEGAL
================================================== */
#legal{font:0em/100% "Stanley Regular"; font-size:1.8vmin; position:fixed; width:100%; bottom:0; margin-bottom:2.5%; 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;}

/* BUY BUTTON
================================================== */
.knockout-1{font:0em/100% "Knockout HTF26 JuniorFlyweight"; font-size:3.5vmin;}
.knockout-2{font:0em/100% "Knockout HTF90 UltmtWelterwt"; font-size:3.5vmin;}
.knockout-3{font:0em/100% "Knockout HTF93 UltmtHeviwt"; font-size:3.5vmin;}
.slider{position:fixed; width:100%; overflow:hidden; bottom:0; z-index:999999;padding-top:20px;}
ul{width:1000%; overflow:hidden; z-index:999999;}
li{list-style:none; display:inline-block; z-index:999999; margin-top:3px;}
#buy-button:hover{position:fixed; z-index:999999;}
.cavolo{background:#ef4035;}
.folch{background:#1b3f95;}
.sasha{background:#fb2e2e;}

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

/* 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;}
.frame_mini{position:fixed; max-height:70%; max-width:60%;}
.frame_black{background-color:black;}

/* CONTENT N.1
================================================== */
.frame_01_cavolo{height:180%;}
.frame_01_2_cavolo{background-image: url(../content/01/1.jpg);}
.frame_02_cavolo{background-image: url(../content/01/2.jpg);}
.frame_03_cavolo{background-image: url(../content/01/3.jpg);}
.frame_04_cavolo{background-image: url(../content/01/4.jpg);}
.frame_05_cavolo{background-image: url(../content/01/5.jpg);}
.frame_06_cavolo{background-image: url(../content/01/6.jpg);}
.frame_07_cavolo{background-image: url(../content/01/7.jpg);}
.frame_09_2_cavolo{background-image: url(../content/01/9.gif);}
.frame_10_2_cavolo{background-image: url(../content/01/10.gif);}
.frame_11_cavolo{background-image: url(../content/01/10.jpg);}
.frame_12_cavolo{background-image: url(../content/01/11.jpg);}
.frame_13_cavolo{background-image: url(../content/01/13.jpg);}
.frame_14_cavolo{background-image: url(../content/01/14.jpg);}
.frame_15_cavolo{background-image: url(../content/01/15.jpg); background-position:top;}
.frame_16_cavolo{background-image: url(../content/01/16.jpg); background-position:top;}

/* CONTENT N.2
================================================== */
.frame_01_folch{background-image: url(../content/02/3.jpg);}
.frame_02_folch{background-image: url(../content/02/2.jpg); background-position: top;}
.frame_03_folch{background-image: url(../content/02/3.jpg);}
.frame_03_2_folch{background-image: url(../content/02/3_2.jpg);}
.frame_04_folch{background-image: url(../content/02/4.jpg); background-position: bottom;}
.frame_05_folch{background-image: url(../content/02/5.jpg);}
.frame_06_folch{background-image: url(../content/02/6.jpg); background-position: top;}
.frame_08_folch{background-image: url(../content/02/8.jpg);}
.frame_09_folch{background-image: url(../content/02/9.jpg);}
.frame_10_folch{background-image: url(../content/02/10.jpg);}
.frame_11_folch{background-image: url(../content/02/11.jpg);}
.frame_12_folch{background-image: url(../content/02/12.jpg);}
.frame_13_folch{background-image: url(../content/02/13.jpg);}
.frame_14_2_folch{background-image: url(../content/02/14.gif);}
.frame_15_folch{background-image: url(../content/02/15.jpg);}
.frame_16_folch{background-image: url(../content/02/16.jpg); background-position:bottom;}
.frame_17_folch{background-image: url(../content/02/17.jpg);}
.frame_18_folch{background-image: url(../content/02/18.jpg);}
.frame_19_folch{background-image: url(../content/02/19.jpg);}
.frame_21_folch{background-image: url(../content/02/21.jpg);}
.frame_23_2_folch{background-image: url(../content/02/23.jpg);}

/* CONTENT N.3
================================================== */
.frame_01_sasha{background-image: url(../content/03/1.gif);}
.frame_03_sasha{background-image: url(../content/03/3.jpg);}
.frame_04_sasha{background-image: url(../content/03/4.jpg);}
.frame_05_sasha{background-image: url(../content/03/5.jpg);}
.frame_06_sasha{background-image: url(../content/03/6.jpg);}
.frame_07_sasha{background-image: url(../content/03/7.jpg); background-position:bottom;}
.frame_08_sasha{background-image: url(../content/03/8.jpg);}
.frame_10_2_sasha{background-image: url(../content/03/9.gif);}
.frame_11_sasha{background-image: url(../content/03/10.jpg);}
.frame_12_sasha{background-image: url(../content/03/11.jpg);}
.frame_13_sasha{background-image: url(../content/03/12.jpg);}
.frame_14_sasha{background-image: url(../content/03/13.jpg);}
.frame_15_sasha{background-image: url(../content/03/14.gif);}
.frame_16_sasha{background-image: url(../content/03/15.jpg);}
.frame_17_sasha{background-image: url(../content/03/16.jpg); background-position: bottom;}
.frame_18_sasha{background-image: url(../content/03/17.jpg); background-position: top;}
.frame_20_sasha{background-image: url(../content/03/19.jpg);}
.frame_21_sasha{background-image: url(../content/03/20.gif);}

@media screen and (max-width: 1025px){
	body, h1, h2{font-size:4vmin;}
	#menu{margin-left:1em; margin-top:1em;}
	#name{margin-right:1em; margin-top:1em;}
	.knockout-1, .knockout-2, .knockout-3{font-size:7vmin;}
	#menu{margin-left:0em;}
	li{margin-top:1px;}	
	#info p, .cita{font-size: 6vmin;}
	.frame_horizontal{max-width:90%;}
}