/* #

fanpage

quick-link:
	background:url(../img/sprite.png) no-repeat;

 */


body {font-family:Helvetica, Arial, sans-serif; color:#333; font-size:100%; word-wrap:break-word; background:#101010 url(../../../img/pagine/app/wall2.jpg) no-repeat top center fixed; padding:25px 0 0 0;}
* {margin:0px; padding:0px; outline:none;}
*:focus {outline:none}
button::-moz-focus-inner {border:0;}
img {border:0 none;}

ul li {list-style-type:none;}

/* #IE6 */
* html .clearfix {height: 1%; overflow: visible;}
/* #IE7 */
*+html .clearfix {min-height: 1%;}
.clearfix:after {clear: both; content: "."; display: block; height:0; visibility:hidden; font-size:0;}

.scrollblock {position:static !important;}

.row {margin:25px 0;}
.row:last-child {margin-bottom:0;}
.row:first-child {margin-top:0;}

h1 {font-size:48px; line-height:58px;}
h2 {font-size:36px; line-height:41px;}

/* #box */
.boxWeb {display:block; width:1200px; margin:0 auto; position:relative;}

/* #head */
.head {display:block; border-bottom:1px solid #666; padding-bottom:10px; margin-bottom:25px;}
.head .logo {
    background:url(../../../img/pagine/app/sprite2.png) no-repeat;
    display:block;
    width:150px;
    height:35px;
    float:left;
}
.head .socialBox {float:right;}

/* #head mobile */
.head-mobile {
    display:none;
    position:fixed;
    z-index:100;
    top:0;
    left:0;
    width:100%;
    height:50px;
    text-align:center;
    border-top:1px solid #393939;
    border-bottom:1px solid #171616;

    background:#212020;
    background-image:linear-gradient(top, #272727 50%, #212020 51%);
    background-image:-webkit-linear-gradient(top, #272727 50%, #212020 51%);
    background-image:-moz-linear-gradient(top, #272727 50%, #212020 51%);
}
.head-mobile .shadow {
    display:block;
    height:5px;
    width:100%;
    position:absolute;
    bottom:-6px;
    background-image:-webkit-linear-gradient(top, rgba(0,0,0,.6), rgba(0,0,0,0));
    -webkit-mask-box-image:-webkit-gradient(linear, left top, right top, color-stop(0.0, rgba(0,0,0,0)), color-stop(0.5, rgba(0,0,0,1)), color-stop(1.0, rgba(0,0,0,0)));
}
.head-mobile .logo {margin-top:13px;}

/* #button style 2 */
.bttn2 {
    display:inline-block;
    text-decoration:none;
    position:relative;
    height:47px;
    border-radius:8px;
    font-size:14px;
    line-height:14px;
    font-weight:bold;
    box-shadow:0 4px 10px -1px rgba(0,0,0,.4);
}
.bttn2 .up {
    position:relative;
    padding:13px 22px;
    border-radius:6px;
}
.bttn2:active {box-shadow:0 2px 6px -1px rgba(0,0,0,.4); top:3px;}

.bttn2.imgv .up {padding-left:63px}
.bttn2.imgv img {position:absolute; left:0; top:0; width:46px;}

/* size 2 */
.bttn2.big {height:75px; font-size:22px; line-height:22px; text-shadow:0px 2px #539a10;}
.bttn2.big .up {padding:24px 64px 22px 64px;}
.bttn2.big:active .up {padding:24px 64px 26px 64px;}

/* up version app download */
.bttn2.appdown {overflow:hidden;}
.bttn2.appdown .up {height:68px; width:248px; padding:0;}
.bttn2.appdown .up .img {position:absolute; left:0; top:0;}

.bttn2.appdown:active {top:2px;}
.bttn2.appdown:active .up {padding:2px 0;}

/* #green */
.bttn2.green {
    background:#48850e;
    color:#fff;
}
.bttn2.green .up {
    background:#5fa713;
    background-image:linear-gradient(top, #99ce40, #5fa713);
    background-image:-moz-linear-gradient(top, #99ce40, #5fa713);
    background-image:-webkit-linear-gradient(top, #99ce40, #5fa713);
}

/* #grey */
.bttn2.grey {
    height:40px;
    background:#3f403e;
    color:#292929;
}
.bttn2.grey .up {
    background:#3f403e;
    background-image:linear-gradient(top, #50514f, #3f403e);
    background-image:-webkit-linear-gradient(top, #50514f, #3f403e);
    background-image:-moz-linear-gradient(top, #50514f, #3f403e);
}

/* #fb */
.bttn2.fb {
    background:#101e45;
    color:#fff;
}
.bttn2.fb .up {
    background:#213673;
    background-image:linear-gradient(top, #536fa7, #213673);
    background-image:-webkit-linear-gradient(top, #536fa7, #213673);
    background-image:-moz-linear-gradient(top, #536fa7, #213673);
}

/* SocialBox */
.socialBox {}
.socialBox .item {
    float:left;
    background-color:#fff;
    background-image:url(../../../img/pagine/app/sprite2.png);
    width:30px;
    height:30px;
    margin-right:5px;
    border-radius:2px;

    -webkit-transition:.06s ease-out background-color;
    -moz-transition:.06s ease-out background-color;
    transition:.06s ease-out background-color;
}
.socialBox .item:last-child {margin-right:0;}
.socialBox .item.fb {background-position:-0px -35px;}
.socialBox .item.tw {background-position:-30px -35px;}
.socialBox .item.gp {background-position:-60px -35px;}
.socialBox .item.rss {background-position:-90px -35px;}

.socialBox .item.fb:hover {background-color:#3b5998;}
.socialBox .item.tw:hover {background-color:#32ccfe;}
.socialBox .item.gp:hover {background-color:#d74937;}
.socialBox .item.rss:hover {background-color:#fb9720;}

/* Slide */
.slide {position:relative; font-size:28px; line-height:32px; text-align:center; margin:0 auto;}
.slide.bg2 {background:#fff;}
.slide.bg3 {background:#262625 url(../../../img/pagine/app/comingIphoneWall.jpg) repeat;}
.slide.bg4 {background:#333;}

.slide.home {text-align:left; padding:80px 35px 90px 525px; color:#fff;}
.slide.home .appstore {margin-bottom:15px;}
.slide.home .bttn2.appdown {margin-right:10px;}
.slide.home .bttn2.appdown.last {margin-right:0;}

.slide.home .abs, .slide.home h1 {font-weight:100;}
.slide.home h1 {margin-bottom:15px;}
.slide.home .abs {color:#999; margin-bottom:45px;}

.slide.home .phoneMask {position:absolute; left:97px; z-index:9; bottom:0; width:370px; height:504px; background:url(../../../img/pagine/app/phoneMask2.png) no-repeat;}
.slide.home .phoneMask .inset {position:absolute; left:35px; top:115px; width:342px; height:438px; overflow:hidden; background:#000;}
.slide.home .phoneAndroid {position:absolute; z-index:8; left:20px; bottom:0;}

#slides, .slidesjs-container, .slidesjs-control {width:304px !important; height:389px !important;}

.slide.fpLike {padding:60px 0;}
.slide.fpLike .abs, .slide.fpLike h2 {font-weight:100;}
.slide.fpLike .abs {color:#666; margin-top:5px;}
.slide.fpLike .fpile-mobile {display:none !important;}

.slide.comingIphone {padding-bottom:40px; overflow:hidden; color:#fff;}
.slide.comingIphone .abs {color:#666; margin-top:5px;}
.slide.comingIphone .row {position:relative; z-index:1;}
.slide.comingIphone .light {position:absolute; width:965px; height:205px; background:url(../../../img/pagine/app/comingIphoneWallLight.jpg) no-repeat; left:50%; margin-left:-482px; top:0; z-index:0;}

/* Footer */
.footer {font-size:12px; line-height:18px; color:#c6c6c6; padding:55px 0 110px 0; text-align:center;}
.footer .logoSmall {width:150px; height:35px; background:url(../../../img/pagine/app/logo-footer.png); margin:0 auto 15px auto;}

@media screen and (max-width:1280px) {

    .boxWeb {width:990px;}
    h1 {font-size:41px; line-height:46px;}
    h2 {font-size:33px; line-height:37px;}

    .slide {font-size:26px; line-height:32px;}
    .slide.home {padding:80px 0 110px 470px;}
    .slide.home .phoneMask {left:77px;}
    .slide.home .phoneAndroid {left:0;}

}