/*reset delle impostazioni di default per tutti i browser*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul, menu { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; float: left; }
/*fine reset*/
.clear { clear: both; }
.clearfix:before, .clearfix:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
strong, b { font-weight: bold; font-weight: 500; }
i, em { font-style: italic; font-weight: 300 }
p { margin: 0 0 1.250em;}
p:last-child { margin: 0 0 0;}
a, input[type="button"], input[type="submit"] { cursor: pointer; }
a { text-decoration: none; color:#F47E1F; font-weight: 500 }
a:hover { color: #999; }

textarea { resize:vertical; }

body { background: #F47E1F; line-height:2em ; font-family:'Roboto', sans-serif; font-size: 62.5%;  font-weight: 300; color: #58687F; }
#wrapper {overflow-y: hidden; position:relative;}
input, textarea { font-family:'Roboto', sans-serif; font-weight: 300; color: #58687F; font-size: 1em; }

.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.hide { display: none; }
.block { display: block;}

.alignRight { text-align: right; }

#contLogoMenu { background-color: rgba(0,0,0,0.7);  position: fixed; top: 0; right: 0; left: 0; height: 110px; z-index: 10000; }
#logo {  position: absolute; top: 16px; left: 50%; width: 226px; height: 77px; margin-left:-113px; z-index: 10; background: url('../img/spinvector-logo.png') no-repeat; background-size: cover; }
#logo img { display: none;}

.portrait.mobile #logo.alt { width: 450px; height: 154px; margin-left:-225px;background: url('../img/spinvector-logo-big.png') no-repeat 0 0; }

/* #logo.alt { display: none;} */
#menuButton { display: none; }
nav#menu { position: fixed; top: 17px; right: 44px; text-align: right; font-family: 'Roboto Condensed'; text-transform: uppercase; font-weight: 300; font-size: 12px; z-index: 10; line-height: 15px;max-height:100000px; letter-spacing: 1px; }

nav#menu li { margin: 0;max-height:100000px;}
nav#menu a { text-decoration: none; color: #FFF;max-height:100000px; text-shadow:1px 1px 2px rgba(0,0,0,0.4); }
nav#menu a:hover, nav#menu a.active { color: #F47E1F; }

nav#menu.alt a.active { color: #FFF;}
nav#menu.alt a:hover { color: #555;}

.page { background: #FFF; margin: 0; box-shadow: 0 0 30px rgba(0, 0, 0, 0.7); overflow: hidden; height:395px; position: relative; z-index: 100;  }
.page_slider { width: 810px; margin: 0 auto;}
.page .controls { position: absolute; top: 50%; width: 40px; height: 80px; margin-top: -40px; z-index: 800; }
.page .controls a { display:block; width: 40px; height: 80px; text-indent: -9999px; background-image: url('../img/controlsSprite.png'); background-repeat: no-repeat;}
.page .controls a.disabled { display:none;}
.page .controls.controlsNext a { background-position: 0 -160px; }
.page .controls.controlsNext a:hover { background-position: 0 -240px; }
.page .controls.controlsNext { right: 0; }
.page .controls.controlsPrev a { background-position: 0 0; }
.page .controls.controlsPrev a:hover { background-position: 0 -80px; }
.page .controls.controlsPrev { left: 0; }

.page .controlsV { position: absolute; left: 50%; width: 80px; height: 40px; margin-left: -40px; z-index: 800; }
.mobile.landscape .page .controlsV { display: none!important;}
.page .controlsV a { display:block; width: 80px; height: 40px; text-indent: -9999px; background-image: url('../img/controlsSpriteV.png'); background-repeat: no-repeat;}
.page .controlsV.controlsNext { bottom: 0; }
.page .controlsV.controlsPrev { top: 0; opacity: 0; }
.page .controlsV.controlsNext a { background-position: 0 -80px; }
.page .controlsV.controlsPrev a { background-position: 0 0; }
.page .controlsV.controlsNext a:hover { background-position: 0 -120px; }
.page .controlsV.controlsPrev a:hover { background-position: 0 -40px; }

.page_slider .item { height: 100%; position: relative; /*overflow: hidden;*/ bottom: 0; top: 0; }
.page_slider .item .titleSlide { position:absolute; top: -0.1em; left: 0; right:0; height: 100%; text-align: center;font-family: 'Anton'; text-transform: uppercase; font-size: 200px; color: #F5F5F5; line-height: 0.8; z-index: 0;  }
.page_slider .item .titleSlide span { position: absolute; width: 100%; height: 200px; top: 0!important;}

#immersiveenv .page_slider .item .titleSlide { font-size: 150px; }
#immersiveenv .page_slider .item .titleSlide.custom1 { font-size: 200px; }

/*#news .page_slider .item .titleSlide { font-size: 58px; top: -2px;}*/
.page_slider .item .contSlide { position: relative; z-index: 1; }
.page_slider .item .contSlide a.readMore { position: absolute; right: 0; bottom: 0.5em; font-size: 1.6em}
.popup a.readMore { display: none;}
.bx-viewport { overflow: visible !important; }
.page_slider .item .titleSlide.custom1 { font-size: 70px; }
.page_slider .item .titleSlide.custom2 { font-size: 180px; }
.page_slider .item .titleSlide.custom3 { font-size: 120px; }
.page_slider .item .titleSlide.custom4 { font-size: 190px; }

.contSection { position:relative;}
.contSection .mask { position:absolute; z-index: 999; content: ""; top: 0; left: 0; right: 0; bottom: 0;}
.contSection.active .mask {display: none;}
.header { height: 260px; position: relative; z-index: 0; overflow: hidden; }
.header .contBackground { height: 100%; background-position:50% bottom; background-repeat: no-repeat; background-size: cover; position: relative;width: 110%; left: 0%; }
.header #orangeBar { position: absolute; bottom: 0; left: 0; right: 0; height: 56px; background:url('../img/orangeBar.png') no-repeat top center; background-size: cover; z-index: 2; }
.headerSpinvector .contBackground { background-image: url('../img/bgSpinvector.jpg'); }
.headerLSG .contBackground { background-image: url('../img/bgLSG.jpg'); }
.headerVideogames .contBackground { background-image: url('../img/bgVideogames.jpg'); }
.headerImmersiveEnv .contBackground { background-image: url('../img/bgImmersiveEnv.jpg'); }
.headerNews .contBackground { background-image: url('../img/bgNews.jpg'); }
.header .headerTitle, #footerTitle  { font-family: 'Anton'; text-transform: uppercase; font-size: 58px; position: absolute; bottom: -8px; left: 44px; line-height: 1; color: #FFF; opacity: 0.5; text-shadow: 0 0 10px #666; letter-spacing:2px; max-height:100000px; }

.headerContacts .contBackground { background:#f47e1f; }
#contacts .page { background: #f47e1f; box-shadow: 0 0 0; overflow: visible; z-index: 1; text-align: center; display: table-cell; vertical-align: middle;}
#contacts .header .headerTitle { bottom:inherit; top: -5px; text-shadow: 0 0 0; opacity: 1; }

#contacts .page .controlsV.controlsPrev { position: fixed; display: none; }

.logoContacts {width: 340px; height: 117px; display: inline-block; background: url('../img/spinvector-logo-sprite.png') no-repeat 0 -117px; margin: 50px 0 0;}

#social { text-align: center; }
a.prize { display: inline-block; margin: 10px; height: 60px; }
a.prize#bestapp { height: 70px; top: 5px; position: relative; }
a.prize img { height: 100%; width: auto; }

#linkArchivioNews { display: none; }

/*layouts*/

.shadow { box-shadow: 0 0 5px rgba(0,0,0,0.4);}
.img { line-height: 0;}

.singleImg { width: 100%; }
.singleImg img { max-width: 100%; }
.contSlide { text-align: center; width: 810px;position: relative;z-index: 1;display: table-cell;vertical-align: middle;}
.contSlide .text { font-size: 1.6em; line-height: 1.4em; }
.contSlide .layoutB .text { margin-bottom: 20px;}
.contSlide .layoutG .text { margin-top: 20px;}
#news .contSlide .text { font-size: 1.6em; text-align: left; line-height: 1.5em; }
#news .contSlide .layoutA .text { text-align: center;}
.contSlide .text span { color: #FF883C;}
.contSlide .title { font-family: 'Roboto';  margin-bottom: 0.3em; font-size: 4em; line-height: 1.2em; font-weight: 100; }
.contSlide .layoutG .title.img {  margin-bottom: 0.3em;  }
.contSlide .layoutG .title {  margin-bottom: 0em;  }
.contSlide .title .iconVideogame { float:left; margin-right: 10px; /*height: 1.6em;*/ }

#news .contSlide .title { font-family:'Roboto'; font-size: 2.5em; font-weight: 100; margin-bottom: 0.2em; }
.contSlide .title.special { width:630px; margin: 0 auto 0.5em;}
.contSlide .title.special img, .contSlide .title.special span { float: left; text-align: left; margin: 5px; }

.contSlide .layoutD .img.float { float: left; margin-right: 20px;}
.contSlide .layoutD .img img{ max-width: 100%; }
.contSlide .layoutD .contentSlide {   text-align: left; }

.contSlide .layoutE .stripe { width: 100%; margin-bottom: 20px; line-height: 0; }
.contSlide .layoutE .stripe5 .img { width: 18%; margin: 0 1%; float: left; }
.contSlide .layoutE .stripe3 .img { display: inline-block; margin: 0 1%;}
#immersiveenv .contSlide .layoutE .stripe5 .img { width: 19%; margin: 0 0.5%; float: left; }
.contSlide .layoutE .img img { max-width: 100%;}

.contSlide .layoutH .title { float: left; color: #F47E1F; text-align: right; width: 45%; margin-right: 3%; font-size: 70px; margin-bottom: 0;}
.contSlide .layoutH .text { text-align: left; }

.titoloSottotitolo { position: relative; top: 5px;}

.contSlide .layoutC .img { display: inline-block; width:528px; height: 169px; background: #CCC; }
.contSlide .layoutF .img { display: inline-block; /*width:365px; height: 272px; background: #CCC;*/ float:left; }

.contSlide .layoutF .title, .contSlide .layoutF .text {  text-align: left; }
.contSlide .layoutF .title { font-size: 3em; }
.contSlide .layoutF .text { margin-top: 1em;}
.contSlide .download { padding-top: 4em; display: block; clear: both;}
.contSlide .button { margin-top: 2.2em; font-family: 'Anton'; background: #F47E1F; color: #FFF; border-radius: 0.2em; text-decoration: none; padding: 18px 34px; display:inline-block; /* font-weight: 100; */ letter-spacing: 1px;}
.contSlide .button:hover { background:#58687f; color: #FFF; }
.contSlide .download a { display:inline-block; color:#58687F; text-align:center; line-height:0; margin:0 5px; }
.contSlide .download a span.desc { display:block; font-size:0.9em; line-height: 1em; margin-bottom: 5px;}
.contSlide .BangPSBadge {margin-top: -1px;}
.contSlide .BangPSA {vertical-align: top;}

.contSlide .layoutA2 .img { display: inline-block; width:170px; background: none; float: left; margin: 0 20px 10px 0; }
.contSlide .layoutF .img { margin-right: 20px; }
.contSlide .layoutA2 .title,.contSlide .layoutA2 .text { text-align: left; }

.contSlide .slideshow { width: 100%; text-align: center; }
.contSlide .slideshow .img { display: inline-block; margin: 0 1%; max-width: 47%;}
.contSlide .slideshow .img img {max-width: 100%;}

.contSlide .title .genre {font-size: 0.4em;text-transform: uppercase;line-height: 1.1em;}

/*layout videogames*/

.contSlide .layoutVideogames { text-align:left; }
.contSlide .layoutVideogames .icon { width: 80px; height: 80px; float: left; margin-right: 1em;}
.contSlide .layoutVideogames .icon img { width: 80px; height: 80px;}
.contSlide .layoutVideogames .contTitleSub { float:left;}
.contSlide .layoutVideogames .title {margin-bottom: 0.1em; }
.contSlide .layoutVideogames .subtitle { font-size: 1.5em; line-height: 1em; text-transform: uppercase; color: #9AA4B3;}
.contSlide .layoutVideogames .contentVideogames { margin-top: 1em; }
.contSlide .layoutVideogames .contentVideogames .text { float: left; width: 380px}
.contSlide .layoutVideogames .contentVideogames .slideshow { float: right; width: 400px;}

.contSlide .layoutVideogames .contentVideogames .slideshow .wrapper { line-height: 0; }
.contSlide .layoutVideogames .contentVideogames .contButtons {float: left;clear: left;width: 380px;}
.contSlide .layoutVideogames .contentVideogames .contButtons div .button { font-size: 1.5em;}
.contSlide .layoutVideogames .contentVideogames .contButtons div { float:left; width: 50%; text-align: center; }

.mobile.portrait .contSlide .layoutVideogames .contentVideogames .text { float: none; width: 100%; font-size: 1.3em; line-height: 1.2em; margin-bottom: 1em;}
.mobile.portrait .contSlide .layoutVideogames .contentVideogames .contButtons {float: right;clear: none;width: 280px;}
.mobile.portrait .contSlide .layoutVideogames .contentVideogames .slideshow { float: left; width: 400px;}
.mobile.portrait .contSlide .layoutVideogames .contentVideogames .contButtons div { float:none; width: 100%; text-align: left; margin-bottom: 1em; }

.slideCheese img { margin:0 5px; }
.slideCheese img:first-child { margin-left:0px; }
.slideCheese img:last-child { margin-right:0px; }

.vjs-fade-out { display: none !important;}
.video-js { margin: 0 auto;}
.video { position: relative; }

a.playVideo  { position: absolute; top: 50%; left: 50%; display: block; width: 98px; height: 98px; text-indent: -9999px; margin-top: -49px; margin-left: -49px; z-index: 70; background: url('../img/play.png') no-repeat top left; }
a.playVideo:hover { background: url('../img/play.png') no-repeat bottom left; }

.pinPosition { position: absolute; top: 0;}

#footer { background:#f47e1f; width: 100%; position: relative; z-index: 10; color: #FFF;}
#footerTitle { top: -8px; bottom: inherit; opacity: 1; text-shadow: 0 0 0;}
#footer #contFooter { font-size: 13px; line-height: 1.5em; padding: 10px 0 0 335px;}
#footer #contFooter a { text-decoration: none; color: #FFF;}
#footer #contFooter #info, #footer #contFooter #social { padding: 0 0 0 20px; float: left; text-align: center; max-height:100000px; }
#footer #contFooter #info { border-right: 1px dashed #FFF; border-left: 1px dashed #FFF; padding-right: 20px; width: 340px;}

#contInfo { text-align: left;}
#contSocial { text-align: center;}
#footer #contFooter #social a { display: inline-block; margin:10px 3%; text-indent: -9999px; background-repeat: no-repeat; background-position: 0 0; width: 40px; height: 40px;}
#footer #contFooter #social a:hover { background-position: 0 -40px;}
#social a#facebook { background-image: url('../img/facebook.png');}
#social a#twitter { background-image: url('../img/twitter.png');}
#social a#linkedin { background-image: url('../img/linkedin.png'); }
#social a#youtube { background-image: url('../img/youtube.png'); }
#social a#googleplus { background-image: url('../img/googleplus.png'); }
#infoMail { margin-top: 1em; display: inline-block;}
#footerStripe { position: absolute; bottom: 0; left: 0; right: 0; height: 2.3em; background:#B85F18; color: #F47E1F; font-size: 13px; text-align: center; line-height: 2.3em; z-index: 10;max-height:100000px; }
#contFollow {display: inline-block; text-align: left; top: 13px; position: relative; margin: 0 3%;}
#contFollow .fb-like, #contFollow iframe#twitter-widget-0 {  display: block;}
#contFollow .fb-like { top:10px;}

#shadow, #shadowMenu { position: fixed; top: 0; right: 0; left: 0; bottom:0; z-index: 9999; background: rgba(0,0,0,0.7); display: none; width: 100%; height: 100%; }
.popup { background: #FFF; position: absolute; bottom: 10%; left: 120%; width: 80%; height: 80%; font-size: 2em; }
.popup .contPopup { padding: 1em; }
.popup .title { font-family: 'Roboto Condensed'; font-size: 1.5em; margin-bottom: 0.5em;}
#landing { display: none; }

/* slider header news */

#contSliderNews { /*position: absolute; bottom: 0; left: 50%; width: 700px; height:230px;  margin-left: -352px;  border: 2px solid #323739; box-shadow:0 0 5px rgba(0,0,0,0.6);*/}
#contSliderNews .bx-viewport { overflow: hidden !important;}
#contSliderNews .itemSliderNews { width: 700px; height: 230px; position:relative;}
#contSliderNews .itemSliderNews .bgSlide { position:absolute; top:0; left:0;bottom:0; right:0; background-size: cover; background-position: center center; z-index:1;}
#contSliderNews .itemSliderNews .text { font-family: 'Roboto Condensed'; position: absolute; top: 50%; left: 0px;  padding: 0.2em 1em 0.3em;  font-size: 4em; color: #FFF; line-height: 1.1em; text-shadow:1px 1px 2px rgba(0,0,0,0.4); z-index:2; font-weight: 700; }
#contSliderNews .itemSliderNews .preload { display: none;}

#contSliderNews .itemSliderNews.layoutA .text, #contSliderNews .itemSliderNews.layoutC .text, #contSliderNews .itemSliderNews.layoutD .text, #contSliderNews .itemSliderNews.layoutE .text   { max-width: 70%; }
#contSliderNews .itemSliderNews.layoutB .text { top:inherit; bottom: 50px; text-align: center; right: 0;}
#contSliderNews .itemSliderNews.layoutC .text { left:inherit; right: 0px; text-align: right}
#contSliderNews .itemSliderNews.layoutD .text, #contSliderNews .itemSliderNews.layoutE .text { top:20%; }
#contSliderNews .itemSliderNews.layoutE .text { left:inherit; right: 0px; text-align: right; }
#contSliderNews .itemSliderNews.layoutB.frame .text { bottom: 57px;}
#contSliderNews .itemSliderNews.frame .text { background: rgba(0,0,0,0.5);}

#pagerSliderHome  { position:absolute; bottom: 35px; line-height:0; text-align: right; z-index:51; left: 50%; }
.bx-pager { display:inline-block; height: 20px; line-height: 12px; position:relative; margin-right: 10px;}
.bx-pager .bx-pager-item { display: inline-block; margin: 5px; line-height:0;}

.bx-pager .bx-pager-item a { display: inline-block; text-indent: 9999px; width: 10px; height: 10px; border-radius: 10px; background: #FFF; opacity: 0.5;}
.bx-pager .bx-pager-item a.active { opacity: 1;}

#headerNews .capt { position: absolute; bottom: 0; left: 0; right: 0; height: auto; color: #FFF; font-size: 40px; line-height: 50px; padding:20px;  background-color: rgba(0,0,0,0.5); font-family: 'Anton'; text-align: center;}

.feather { position: absolute; top: 0; bottom: 0;}
.featherLeft { left: 0; background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0.8) 100%); }
.featherRight { right: 0; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0.8) 100%);}

.picto { margin-top: 1.7em; }

.mobile.portrait .contSlide .layoutD .img.float { float: none; margin:0 auto 20px!important; width: 400px; }
.mobile.portrait .contSlide .layoutD .img img { width: 100%; }
.mobile.portrait .contSlide .layoutF .img { width: auto; margin-right: 0;}
.mobile.portrait .contSlide .layoutH .title { float: none; text-align: center; width: 100%; margin-right: 0; font-size: 90px; margin-bottom: 20px!important; margin-top: 0!important;}

#headerNews, #contSlidesWelcome { width: 1300px; height: 400px;}
.mobile.portrait #headerNews, .mobile.portrait #contSlidesWelcome { width: 1300px; height: 400px;}

.mobile.portrait .contSlide .layoutA2 .img { display:block; width: 50%; float: none; margin: 0 auto 30px!important; }
.mobile.portrait .contSlide .layoutA2 .img img { width:100%;  }
.mobile.portrait .contSlide .title, .mobile.portrait .contSlide .text, .mobile.portrait #news .contSlide .text { text-align: center; }

.mobile.portrait #news .contSlide .title { font-size: 3em;}

.mobile.portrait #immersiveenv .page_slider .item .titleSlide { font-size: 120px; }
.mobile.portrait .contSlide .layoutB .text { margin-bottom: 40px;}

.mobile.portrait .contSlide .layoutE .stripe5 {  text-align: center; }
.mobile.portrait .contSlide .layoutE .stripe5 .img { width: 35%;margin: 0.5%; float: none; display: inline-block; }
.mobile.portrait .contSlide .layoutE .stripe5 .img img { width: 100%;  }
.mobile.portrait .contSlide .layoutE .stripe5 .img:last-child { display: none;}

.mobile.portrait .contSlide .layoutE .stripe { margin-bottom: 10px; }

.mobile.portrait #immersiveenv .contSlide .layoutE .stripe5 {  text-align: center; }
.mobile.portrait #immersiveenv .contSlide .layoutE .stripe5 .img { width: 35%;margin: 0.5%; float: none; display: inline-block; }
.mobile.portrait #immersiveenv .contSlide .layoutE .stripe5 .img img { width: 100%;  }
.mobile.portrait #immersiveenv .contSlide .layoutE .stripe5 .img:last-child { display: none;}

.mobile.portrait #immersiveenv .contSlide .layoutE .stripe { margin-bottom: 10px; }
.mobile.portrait #immersiveenv .contSlide .layoutE .title { margin-bottom: 0em; }

.mobile.portrait .page_slider .item .titleSlide.custom2 { font-size: 130px;}

.mobile.portrait #videogames .contSlide .layoutF .title { text-align: center; }
.mobile.portrait .titoloSottotitolo { display: inline-block; text-align: left;}
.mobile.portrait .contSlide .title .iconVideogame {  height: 1.7em; float: none; position: relative; top: 15px; }
.mobile.portrait .contSlide .layoutF .img img { width: auto;}

.mobile.portrait .fromCheese .contSlide .download { padding-top: 1em;}
.mobile.portrait #videogames .fromCheese .contSlide .layoutF .title { margin-bottom: 0; margin-top: -20px;}
.mobile.portrait #videogames .fromCheese .contSlide .layoutF .text { margin-top: 0;}
.mobile.portrait .contSlide .layoutE .stripe3 .img:first-child, .mobile.portrait .contSlide .layoutE .stripe3 .img:last-child { display: none; }

.mobile.portrait .page_slider .item .titleSlide.custom4 { font-size: 140px; }

.mobile.portrait a.prize { height: 80px; margin: 10px; }
.mobile.portrait a.prize#bestapp { height: 90px; }

.mobile.portrait #footer { padding-bottom: 100px!important;}

.mobile.portrait #footer #contFooter { font-size: 20px; }
.mobile.portrait #footer #contFooter #info { width: 360px; margin-right: -20px;}

.mobile.portrait #logo {  width: 170px; height: 77px;   margin-left: -73px; background: url('../img/spinvector-logo-min.png') no-repeat; background-size: cover; }

.mobile.landscape .fromCheese .contSlide .img { width: 300px;}
.mobile.landscape .fromCheese .contSlide .img img { width: 45%;}

.mobile.landscape .contSlide .layoutE .stripe3 .img img { height: 150px; width: auto;}
.mobile.landscape .contSlide .layoutH .title { font-size: 60px; }

.mobile.landscape #immersiveenv .page_slider .item .titleSlide { font-size: 110px; }

.mobile.landscape .contSlide .slideshow { width: 80%; margin: 0 auto; }
.mobile.landscape .contSlide .singleImg { width: 80%; text-align: center; margin: 0 auto; }
.mobile.landscape .contSlide .layoutD .img.float {  width: 250px;}

.mobile.landscape .contSlide .download { padding-top: 2em;}
.mobile.landscape .header { height: 190px;  }


.mobile.landscape .item[data-rel="party-party"] .img { margin-bottom: 20px; }

.mobile.landscape .page_slider .item .titleSlide { font-size: 140px; }
.mobile.landscape .page_slider .item .titleSlide.custom2 { font-size: 120px;}
.mobile.landscape .page_slider .item .titleSlide.custom3 { font-size: 90px;}
.mobile.landscape .contSlide .layoutF .img { width: 315px; }

.mobile.landscape .item[data-rel="bang"] .contSlide .layoutF .img, .mobile.landscape .item[data-rel="ciro"] .contSlide .layoutF .img { width: 290px; }

.mobile.landscape #lsg .layoutE .title img { width:325px;}
.mobile.landscape #lsg .item:first-child .layoutE .title { font-size: 3.5em;}
.mobile.landscape .picto { width: 570px; height: auto; margin-top: 1em; }

.mobile.landscape .contSlide .layoutE .stripe { margin-bottom: 10px; }
.mobile.landscape #lsg .contSlide .layoutE .title { margin-bottom: 0.1em; }

.mobile.landscape a.prize { display: inline-block; margin: 7px; height: 40px;  }
.mobile.landscape a.prize#bestapp { height: 50px; }

@media all and (min-width: 1200px) {
    .page .controls { width: 80px; }
    .page .controls  a { width: 80px; background-image: url('../img/controlsSpriteAlt.png'); }
    .page .controls.controlsNext { left: 85%; right: inherit; }
    .page .controls.controlsPrev { right: 85%; left: inherit; }
}

@media all and (min-width: 1px) and (max-width: 980px) {
    /*.contSlide .layoutF .title, .contSlide .layoutF .text { width: 330px; }*/
    .contSlide .layoutF .img { width:345px; height:auto; background:none; }
    .contSlide .layoutF .img img { width:100%; height:auto; }
    .page_slider,.contSlide { width: 700px; }
    a.prize { display: inline-block; margin: 10px 30px; }

}

@media all and (min-width: 1400px) {
    .page_slider, .contSlide { width: 960px;}
}

@media all and (min-width: 1px) and (max-width: 1280px) and (min-height: 1px) and (max-height: 700px) {
	/* valentina */
    .desktop a.prize { height: 55px; }
    .desktop .contSlide .layoutH .title { font-size: 50px;}
    .desktop .contSlide .layoutE .stripe3 .img img { height: 160px; }
    .desktop .contSlide .layoutD .img.float {  width: 250px;}
    .contSlide .title .iconVideogame {  height: 2em; }
    #immersiveenv .page_slider .item .titleSlide { font-size: 140px; }
	.page_slider .item .titleSlide { font-size: 170px; }
	.page_slider .item .titleSlide.custom2 { font-size: 150px; }
	.page_slider .item .titleSlide.custom4 { font-size: 160px; }
	.page_slider .item .titleSlide.custom3 { font-size: 100px; }
	.desktop .contSlide .layoutA2 .img img { width: 100%; }
	.desktop .contSlide .layoutA2 .img { width: 140px; }
	.desktop .contSlide .layoutB .slideshow .img { width: 30%;}
	.desktop .singleImg {width: 80%; text-align: center; margin: 0 auto; }
	.desktop .contSlide .download { padding-top: 4em;}
	.desktop .contSlide .layoutF .img.hor { height: inherit}
	.desktop .contSlide .layoutF .img.hor img { height: inherit!important; width: 100%!important;}

	.desktop .contSlide .title .genre { font-size: 0.5em;}
	.desktop .contSlide .layoutE .stripe { margin-bottom: 13px; }

	.desktop #company .contSlide .layoutE .stripe { text-align: center;}
	.desktop #company .contSlide .layoutE .stripe .img {width: 15%; display: inline-block; float: none;  }

	.desktop #lsg .layoutE .title img { width:325px;}
	.desktop .contSlide .button { padding: 13px 26px; }
	.desktop .picto { width: 570px; height: auto; margin-top: 1em; }
	.desktop #lsg .buttonAlt { margin-top: 1.2em;}

    .desktop #company .contSlide .layoutD .img.float {  width: 200px;}
	.contSlide .layoutG .title {  margin-bottom: -0.4em;  }


}

@media all and (min-width: 1px) and (max-width: 980px) and (orientation:portrait) {
    body { font-size: 120%; }
    .page_slider .item .titleSlide {font-size: 135px; }
    .contSlide .layoutF .img { float:none;  }
    .contSlide .layoutF .title, .contSlide .layoutF .text { float:none; width: 700px; text-align: center; }
    .page .controls { width: 60px; height: 120px; margin-top: -60px; }
    .page .controls a { width: 60px; height: 120px; background-image: url('../img/controlsSpriteX1-5.png');}
    .page .controls.controlsNext a { background-position: 0 -240px; }
    .page .controls.controlsNext a:hover { background-position: 0 -240px; }
    .page .controls.controlsPrev a:hover { background-position: 0 0px; }
    .page .controlsV { width: 120px; height: 60px; margin-left: -60px; }
    .page .controlsV a {width: 120px; height: 60px; background-image: url('../img/controlsSpriteVX1-5.png'); }
    .page .controlsV.controlsNext a { background-position: 0 -120px;  }
    .page .controlsV.controlsNext a:hover { background-position: 0 -180px;  }
    .page .controlsV.controlsPrev a:hover {  background-position: 0 -60px;  }
    .page_slider .item .titleSlide.custom1 { font-size: 140px; }
    .page_slider .item .titleSlide.custom2 { font-size: 100px; }
    .page_slider .item .contSlide.news { display: block; }
    .page_slider .item .doubleNews .contSlide { padding: 5% 0;}
    /* menu mobile */
    #menuButton { display: block; position: absolute; z-index: 1; top: 24px; right: 24px; width: 70px; height: 70px; background: url('../img/menuButton.png') }
    nav#menu { position: absolute; display: none; font-size: 3em; z-index: 110; line-height: 1.5em; top: 110px; bottom:100%; left:0; right:0; background: url('../img/spinArrow.png') left center no-repeat #F47E1F; box-shadow:0 0 10px rgba(0,0,0,0.5);}
    nav#menu a { display: block; padding: 5px 20px; }
    nav#menu a.active, nav#menu a:hover { color: #FFF ;}
}

@media all and (min-height: 600px) and (max-height: 780px) {
    body { font-size: 60%; }
    .contSlide .title { font-size: 350%; }
}

@media all and (min-height: 1px) and (max-height: 650px) {
	.page .controls { width: 20px; height: 40px; margin-top: -10px; }
	.page .controls a { width: 20px; height: 40px; background-image: url('../img/controlsSpriteX0-5.png'); }
	.page .controls a.disabled { display:none;}
	.page .controls.controlsNext a { background-position: 0 -80px; }
	.page .controls.controlsNext a:hover { background-position: 0 -120px; }
	.page .controls.controlsPrev a:hover { background-position: 0 -40px; }
	.page .controlsV { width: 40px; height: 20px; margin-left: -20px;}
	.mobile.landscape .page .controlsV { display: none!important;}
	.page .controlsV a { width: 40px; height: 20px; background-image: url('../img/controlsSpriteVX0-5.png');}
	.page .controlsV.controlsNext a { background-position: 0 -40px; }
	.page .controlsV.controlsNext a:hover { background-position: 0 -60px; }
	.page .controlsV.controlsPrev a:hover { background-position: 0 -20px; }
}

@media all and (min-height: 1px) and (max-height: 650px) and (min-width: 1200px) {
    .page .controls { width: 40px; }
    .page .controls  a { width: 40px; background-image: url('../img/controlsSpriteAltX0-5.png'); }
    .page .controls.controlsNext { left: 85%; right: inherit; }
    .page .controls.controlsPrev { right: 85%; left: inherit; }
}

@media all and (min-height: 900px) {
    body.desktop { font-size: 80%; }
}

@media all and (min-width: 1px) and (max-width: 1240px) {
    #contSocial { text-align: left;}
    #contFollow {display: block;width: 100%;text-align: center; top: 0px; margin: 0;}
    #contFollow .fb-like { top: -5px;}
    #contFollow .fb-like, #contFollow iframe#twitter-widget-0 { margin: 0; display: block;}
    #contFollow iframe#twitter-widget-0 { margin: 0 auto 15px;}
}

@media all and (min-width: 1px) and (max-width: 1030px) {
    #footerTitle { font-size:50px;}
    #footer #contFooter { padding: 55px 0 0 38px;}
    #footer #contFooter #info { border-left: 0; padding-left: 0px;}
}

@media all and (min-width: 1px) and (max-width: 1030px) and (orientation:portrait) {
    #footer #contFooter #social a { width: 60px; height: 60px;}
    #footer #contFooter #social a:hover { background-position: 0 -60px;}
    #social a#facebook { background-image: url('../img/facebookX1-5.png');}
    #social a#twitter { background-image: url('../img/twitterX1-5.png');}
    #social a#linkedin { background-image: url('../img/linkedinX1-5.png'); }
    #social a#youtube { background-image: url('../img/youtubeX1-5.png'); }
    #social a#googleplus { background-image: url('../img/googleplusX1-5.png'); }
    #news .contSlide .text { font-size: 2em; }
}

@media all and (min-height: 715px) and (max-height: 800px) {
    #company .layout .img { height: 250px; }
    #company .layout .img img { height: 100% !important; width: auto!important; }
}

@media all and (min-height: 600px) and (max-height: 715px) {
    .contSlide .layoutF .img { height: 200px; width: 268px; overflow: hidden; }
    .contSlide .layoutF .img img { height: 100% !important; width: auto!important; }
    .contSlide .layoutF .title, .contSlide .layoutF .text {}
    #company .layout .img { height: 150px; }
    #company .layout .img img { height: 100% !important; width: auto!important; }
    /*
    #lsg .layout .img { height: 100px; width: auto; overflow: hidden; }
    #lsg .layout .img img { height: 100% !important; width: auto!important; }
    */
    #lsg .layout .title img { height: auto !important; width: 200px!important; }
    /*
    #immersiveenv .layout .img { height: 100px; width: auto; overflow: hidden; margin-bottom: 1em; }
    #immersiveenv .layout .img img { height: 100% !important; width: auto!important; }
    */
    .video-js { height:150px !important; width: 392px!important; }
    a.playVideo  { width: 49px; height: 49px; margin-top: -24px; margin-left: -24px; background-size: 100%; }
    a.playVideo:hover  { background-size: 100%; }
}

@media all and (min-height: 600px) and (max-height: 715px) and (min-width: 1px) and (max-width: 980px) {
    .contSlide .layoutF .title, .contSlide .layoutF .text { width: 420px; }
    .contSlide .layoutVideogames .contentVideogames .text { width: 330px; }
    .contSlide .layoutVideogames .contentVideogames .slideshow { width: 350px; }
    .contSlide .layoutVideogames .contentVideogames .slideshow img { width: 350px!important; height: 197px!important; }
	.contSlide .layoutVideogames .icon, .contSlide .layoutVideogames .icon img  { width: 60px; height: 60px; }
}

@media all and (min-height: 1px) and (max-height: 700px) and (min-width: 1025px) {
	/*#logo { left: 170px; width: 200px; height: 69px; margin-left:-153px; z-index: 10; background: url('../img/spinvector-logo-small.png') no-repeat 0 0; }
	#logo.alt { position: fixed; top: 33px; left: 50%; width: 306px; height: 105px; margin-left:-153px; z-index: 10; background: url('../img/spinvector-logo.png') no-repeat 0 0; }*/
	.containerSlider { top: 27px; }
	#news .page_slider .item .titleSlide {font-size: 100px; }
}

@media all and (min-height: 1px) and (max-height: 800px) {
	#news .page_slider .item .titleSlide {font-size: 130px; }
	.contSlide .layoutVideogames .contentVideogames .slideshow { margin-top: -60px;}
}

@media all and (min-width: 800px) and (max-width:1025px){
	.desktop.landscape #logo { left: 170px; width: 145px; height: 69px; margin-left:-153px; z-index: 10; background: url('../img/spinvector-logo-smaller.png') no-repeat 0 0; }
	.mobile.landscape #logo { left: 170px; width: 200px; height: 69px; margin-left:-153px; z-index: 10; background: url('../img/spinvector-logo-small.png') no-repeat 0 0; }
	.mobile.landscape #logo.alt, .desktop.landscape #logo.alt { position: fixed; top: 33px; left: 50%; width: 306px; height: 105px; margin-left:-153px; z-index: 10; background: url('../img/spinvector-logo.png') no-repeat 0 0; }
	.containerSlider { top: 27px; }
}

@media all and (min-width: 1px) and (max-width: 1000px) and (orientation:landscape) {
    #contSliderNews .itemSliderNews.layoutA .text { margin-top: -2em; }
}
#hideAll
 {
    background-color: white;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
 }