@charset "UTF-8";

a:link,a:active,a:hover {
  color:grey;
}

a:link {
  text-decoration:none;
}

a:visited {
  color:grey;
}

body {
  font-size:1rem;
  line-height:1;
  color:rgb(255,255,255);
  padding:0;
  margin:0;
  padding-bottom:50px;
}

body {
  background-image:url();
  background:#ffffff;
/* sfondo */
  background-repeat:no-repeat;
  background-size:cover;
  background-attachment:fixed;
}

ul {
  padding:0;
  margin:0;
  list-style-type:none;
}

ol {
  padding:0;
  margin:0;
  list-style-type:none;
}

/* ========================================================================
   Classes for MFC Generated Elements
   ====================================================================== */
/* tutti gli elementi di about me */
#cam_score_container,#height_container,#sexual_preference_container,#marital_status_container,#occupation_container,#school_container,#favorite_food_container,#automobile_container,#pets_container,#age_container,#city_container,#country_container,#drink_container,#drugs_container,#smoke_container,#weight_container,#eyes_container,#hair_container,#ethnicity_container,#body_type_container,#gender_container,#username_container {
  display:none;
}

#footer_bar,#header_bar {
  display:none;
}

#about_me_label,#profile_about_me > div:nth-child(1) {
  display:none;
}

#tags_container,#tags_label,#tags_value {
  display:none;
}

#profile_main_photo,#profile_avatar,#avatar_holder {
  display:none;
}

#blurb_container {
/* scritta dell' headline */
  display:none;
}

#profile_header_container {
/* etichetta status */
  position:absolute;
  background:#ffffff;
  background:-moz-linear-gradient(top,#ffffff 1%,#efefef 100%);
  background:-webkit-linear-gradient(top,#ffffff 1%,#efefef 100%);
  background:linear-gradient(to bottom,#ffffff 1%,#efefef 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#efefef',GradientType=0);
  border:3px solid #ffc8b6;
  box-shadow:4px 4px 20px rgba(0,0,0,0.2);
  -webkit-box-shadow:4px 4px 20px rgba(0,0,0,0.2);
  -moz-box-shadow:4px 4px 20px rgba(0,0,0,0.2);
  padding:5px;
  margin-top:460px;
  margin-left:290px;
  z-index:100;
  font-size:1em;
  width:316px;
  min-height:40px!important;
  text-align:left;
  color:#000;
  -ms-transform:rotate(-4deg);
  -webkit-transform:rotate(-4deg);
  transform:rotate(-4deg);
  -webkit-transition:all .3s ease-in-out .1s;
  -moz-transition:all .3s ease-in-out .1s;
  -o-transition:all .3s ease-in-out .1s;
  -ms-transition:all .3s ease-in-out .1s;
  transition:all .3s ease-in-out .1s;
  display:none;
}

#profile_header_container:hover {
  -ms-transform:rotate(0deg);
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg);
}

#status_container,#unix_last_broadcast_container,#unix_last_updated_container {
/* caratteristiche font per titoli etichette */
  color:black;
}

#unix_last_updated_value,#unix_last_broadcast_value {
/* caratteristiche font per valori dell'etichetta */
  color:black;
}

#status_container a:link {
  color:black;
  text-decoration:none;
/* per togliere la sottolineatura */
}

#status_container a:visited {
  color:black;
}

#status_container a:active {
  color:black;
}

#status_container a:hover {
  color:#f58f6d;
}

/* =====================================
Sezione del Profilo
======================================== */
#profile {
  width:1000px;
  margin:0 auto;
  background-color:;
/* colonna centrale */
  background-repeat:no-repeat;
  background-size:cover;
  background-position:fixed;
  background-attachment:fixed;
  font-size:.875em;
  line-height:1.25;
  color:black;
  box-shadow:0 0 70px rgba(0,0,0,0);
  -webkit-box-shadow:0 0 70px rgba(0,0,0,0);
  -moz-box-shadow:0 0 70px rgba(0,0,0,0);
  opacity:0;
  -webkit-animation:fadeIn ease 1;
  -moz-animation:fadeIn ease 1;
  -o-animation:fadeIn ease 1;
  animation:fadeIn ease 1;
  -ms-animation:fadeIn ease 1s;
  -webkit-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
  -o-animation:forwards;
  animation-fill-mode:forwards;
  -ms-animation-fill-mode:forwards;
  animation-duration:1s;
  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  -o-animation-duration:1s;
  -ms-animation-duration:1s;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}

#profile_header {
}

.profile_section {
  border-spacing:0;
}

.profile_section .heading {
  color:rgba(0,0,0,1);
  margin:20px auto;
  padding:0;
  width:1000px;
  height:50px;
  line-height:70px;
  font-size:25px;
  font-family:;
  text-transform:capitalize;
  text-align:center;
  letter-spacing:-1px;
  font-weight:300;
  display:none;
}

.profile_section_content {
  z-index:auto;
  padding:0;
  margin:0;
}

#profile_aboutme {
  margin:25px 0 0;
}

#meet_aboutme_value {
  display:block;
  margin:0 auto;
}

img {
  border-radius:0;
  box-shadow:none;
}

.img_radius_shadow {
  border-radius:0;
  box-shadow:none;
}

#img_preview {
  box-shadow:none;
}

#img_preview,#img_preview img {
  background:rgba(0,0,0,0);
  border-radius:0;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  -o-border-radius:0;
}

.images {
  padding:10px;
  margin:10px;
}

.container {
  display:block;
  margin:0;
}

.notice {
  color:rgba(8,8,8,0.8);
}

/* ===============================
Turni
================================= */
#profile_schedule {
  display:none;
}

/* =============================================
Sezione delle Gallerie Fotografiche
================================================= */
#profile_photo_galleries {
  display:none;
}

#profile_password_photo_galleries {
  display:none;
}

/* =========================================
Sezione della barra superiore
============================================= */
.barrasuperioresemplificata {
  position:fixed;
  height:80px;
  width:100%;
  text-align:center;
  top:0;
  left:0;
  z-index:10;
  background:black;
  box-shadow:0 0 30px rgba(0,0,0,0.2);
  -moz-box-shadow:0 0 30px rgba(0,0,0,0.2);
  -o-box-shadow:0 0 30px rgba(0,0,0,0.2);
  -webkit-box-shadow:0 0 30px rgba(0,0,0,0.2);
  border-bottom:2px solid #f6489a;
}

.elementibarrasuperiore {
  display:inline-block;
  vertical-align:top;
  width:1000px;
  position:fixed;
  z-index:9999;
  text-align:center;
  background-color:re;
  margin-top:34px;
}

.elementibarrasuperiore li {
  font-size:11px;
  font-weight:bolder;
  letter-spacing:3px;
  float:left;
  font-weight:400;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.elementibarrasuperiore a {
  color:white;
  text-transform:uppercase;
}

.elementibarrasuperiore a:hover {
  color:#ada8a8;
}

.manciabarra {
  background:rgb(248,71,162);
  padding:4px 15px;
  border-radius:2px;
  font-weight:400;
  -webkit-transition:all .3s ease-in-out .1s;
  -moz-transition:all .3s ease-in-out .1s;
  -o-transition:all .3s ease-in-out .1s;
  -ms-transition:all .3s ease-in-out .1s;
  transition:all .3s ease-in-out .1s;
}

.manciabarra:hover {
  background:#ffffff;
/* Old browsers */
}

.sociale {
  height:20px;
  margin-top:-3px;
  -webkit-transition:all .3s ease-in-out .1s;
  -moz-transition:all .3s ease-in-out .1s;
  -o-transition:all .3s ease-in-out .1s;
  -ms-transition:all .3s ease-in-out .1s;
  transition:all .3s ease-in-out .1s;
}

.elementibarrasuperiore > :nth-child(1) {
  margin-left:30px;
}

.elementibarrasuperiore > :nth-child(8) {
  margin-left:100px;
}

.elementibarrasuperiore > :nth-child(9) {
  margin-left:15px;
}

.elementibarrasuperiore > :nth-child(10) {
  margin-left:15px;
}

.sociale:hover {
  opacity:.7;
}

/* ====================================
Sezione della Pagina Iniziale
======================================= */
#ContentHeader {
  display:inline-block;
  position:relative;
  margin:0 auto;
  height:865px;
  width:1000px;
  background:url();
  background-size:1000px 865px;
  background-repeat:no-repeat;
  background-position:top center;
  background-color:re;
}

.titolo {
  display:inline-block;
  position:absolute;
  margin-top:100px;
  z-index:2;
  margin-left:630px;
  width:350px;
}

#contenitorecarellata {
  display:block;
  position:absolute;
  margin-top:80px;
  opacity:.7;
}

#immaginecarellata {
  width:1000px;
  height:667px;
  margin:0 auto;
  background:white;
  overflow:visible;
  -moz-transition:all 150ms ease-in;
  -webkit-transition:all 150ms ease-in;
  -o-transition:all 150ms ease-in;
  position:relative;
}

#carrello {
  overflow:hidden;
  height:667px;
}

#immaginecarellata ul {
  width:5000px;
  list-style:none;
  padding:0;
  margin:0;
  -moz-animation:slide-animation 15s infinite;
/* durata di ogni foto - da dividere per 5 - */
  -webkit-animation:slide-animation 15s infinite;
  -o-animation:slide-animation 15s infinite;
  position:relative;
  right:0;
  float:right;
}

#immaginecarellata li {
  display:inline;
  width:1000px;
  height:667px;
  margin:0;
  padding:0;
  float:left;
  position:relative;
  background-image:url();
/* DONT CHANGE */
  background-size:100px 100px;
  background-position:50% 50%;
  background-repeat:no-repeat;
}

#immaginecarellata li a {
  display:block;
  text-decoration:none;
}

@-webkit-keyframes slide-animation {
  0% {
    right:0;
    opacity:1;
  }
  
  15% {
    right:0;
    opacity:1;
  }
  
  16% {
    right:0;
    opacity:0;
  }
  
  17.5% {
    right:-1000px;
    opacity:0;
  }
  
  20% {
    right:-1000px;
    opacity:1;
  }
  
  35% {
    right:-1000px;
    opacity:1;
  }
  
  36% {
    right:-1000px;
    opacity:0;
  }
  
  37.5% {
    right:-2000px;
    opacity:0;
  }
  
  40% {
    right:-2000px;
    opacity:1;
  }
  
  55% {
    right:-2000px;
    opacity:1;
  }
  
  56% {
    right:-2000px;
    opacity:0;
  }
  
  57.5% {
    right:-3000px;
    opacity:0;
  }
  
  60% {
    right:-3000px;
    opacity:1;
  }
  
  75% {
    right:-3000px;
    opacity:1;
  }
  
  76% {
    right:-3000px;
    opacity:0;
  }
  
  77.5% {
    right:-4000px;
    opacity:0;
  }
  
  80% {
    right:-4000px;
    opacity:1;
  }
  
  95% {
    right:-4000px;
    opacity:1;
  }
  
  96% {
    right:-4000px;
    opacity:0;
  }
  
  97.5% {
    right:0;
    opacity:0;
  }
  
  100% {
    right:0;
    opacity:1;
  }
}

@-moz-keyframes slide-animation {
  0% {
    right:0;
    opacity:1;
  }
  
  15% {
    right:0;
    opacity:1;
  }
  
  16% {
    right:0;
    opacity:0;
  }
  
  17.5% {
    right:-1000px;
    opacity:0;
  }
  
  20% {
    right:-1000px;
    opacity:1;
  }
  
  35% {
    right:-1000px;
    opacity:1;
  }
  
  36% {
    right:-1000px;
    opacity:0;
  }
  
  37.5% {
    right:-2000px;
    opacity:0;
  }
  
  40% {
    right:-2000px;
    opacity:1;
  }
  
  55% {
    right:-2000px;
    opacity:1;
  }
  
  56% {
    right:-2000px;
    opacity:0;
  }
  
  57.5% {
    right:-3000px;
    opacity:0;
  }
  
  60% {
    right:-3000px;
    opacity:1;
  }
  
  75% {
    right:-3000px;
    opacity:1;
  }
  
  76% {
    right:-3000px;
    opacity:0;
  }
  
  77.5% {
    right:-4000px;
    opacity:0;
  }
  
  80% {
    right:-4000px;
    opacity:1;
  }
  
  95% {
    right:-4000px;
    opacity:1;
  }
  
  96% {
    right:-4000px;
    opacity:0;
  }
  
  97.5% {
    right:0;
    opacity:0;
  }
  
  100% {
    right:0;
    opacity:1;
  }
}

/* ===============================
Sezione "tutto su di me"
=================================== */
#aboutmeWrapper {
  display:block;
  position:relative;
  margin:0 auto;
  height:760px;
  width:1000px;
  background-image:url();
  background-size:1000px 760px;
  background-repeat:no-repeat;
  background-color:;
}

h1 {
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:25px;
}

h2 {
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:20px;
}

h3 {
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:17px;
}

p {
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:15px;
}

.testosudime {
  display:inline-block;
  position:relative;
  background-color:re;
  width:440px;
  height:410px;
  margin-top:150px;
  margin-left:50px;
  color:#e6e5e5;
}

.testosudime p {
  margin-top:-10px;
}

.testosudime h3 {
  color:white;
}

/* =======================================
Sezione delle mance
=========================================== */
#tipmenuWrapper {
  display:block;
  position:relative;
  margin:0 auto;
  height:930px;
  width:1000px;
  background-image:url(http://i.imgur.com/MVulH3m.png);
  background-size:1000px 850px;
  background-repeat:no-repeat;
  background-color:;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.testomance {
  display:inline-block;
  position:relative;
  background-color:re;
  text-align:right;
  width:400px;
  margin-top:150px;
  margin-left:450px;
}

.testomance p {
  margin-top:-15px;
}

.testomance h3 {
  color:#cc4459;
}

.contenitoremance {
  display:inline-block;
  position:absolute;
  background-color:re;
  text-align:left;
  width:320px;
}

.cm1 {
  margin-top:175px;
  margin-left:-790px;
  height:540px;
  padding-top:50px;
  padding-left:40px;
  background:-moz-linear-gradient(top,rgba(246,244,244,0.8) 0%,rgba(219,219,219,0.8) 100%);
/* FF3.6-15 */
  background:-webkit-linear-gradient(top,rgba(246,244,244,0.8) 0%,rgba(219,219,219,0.8) 100%);
/* Chrome10-25,Safari5.1-6 */
  background:linear-gradient(to bottom,rgba(246,244,244,0.8) 0%,rgba(219,219,219,0.8) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccf6f4f4',endColorstr='#ccdbdbdb',GradientType=0);
/* IE6-9 */
  box-shadow:0 5px 30px rgba(0,0,0,0.05);
  -moz-box-shadow:0 5px 30px rgba(0,0,0,0.05);
  -o-box-shadow:0 5px 30px rgba(0,0,0,0.05);
  -webkit-box-shadow:0 5px 30px rgba(0,0,0,0.05);
  border:2px solid #d2c3cb;
}

.cm2 {
  margin-top:210px;
  margin-left:-460px;
  height:550px;
  padding-top:40px;
  padding-left:40px;
  background:-moz-linear-gradient(top,rgba(229,220,225,0.8) 0%,rgba(196,178,189,0.8) 100%);
/* FF3.6-15 */
  background:-webkit-linear-gradient(top,rgba(229,220,225,0.8) 0%,rgba(196,178,189,0.8) 100%);
/* Chrome10-25,Safari5.1-6 */
  background:linear-gradient(to bottom,rgba(229,220,225,0.8) 0%,rgba(196,178,189,0.8) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cce5dce1',endColorstr='#ccc4b2bd',GradientType=0);
/* IE6-9 */
  box-shadow:0 5px 100px rgba(0,0,0,0.2);
  -moz-box-shadow:0 5px 100px rgba(0,0,0,0.2);
  -o-box-shadow:0 5px 100px rgba(0,0,0,0.2);
  -webkit-box-shadow:0 5px 100px rgba(0,0,0,0.2);
  border:2px solid white;
}

.mancia {
  line-height:18px;
}

.mancia a {
  color:#000000;
  -webkit-transition:all .3s ease-in-out .1s;
  -moz-transition:all .3s ease-in-out .1s;
  -o-transition:all .3s ease-in-out .1s;
  -ms-transition:all .3s ease-in-out .1s;
  transition:all .3s ease-in-out .1s;
  font-size:13px;
  text-transform:uppercase;
  font-style:;
  letter-spacing:;
}

.mancia a:hover {
  opacity:.6;
}

.prezzomancia {
  color:#f8479a;
  font-weight:bolder;
  margin-right:4px;
}

.valutamancia {
  color:#f38ebd;
  text-transform:lowercase;
}

.specificamenu {
  position:relative;
  display:block;
  text-transform:lowercase;
  margin-top:-1px;
  font-size:12px;
  color:#868585;
  line-height:11px;
  margin-bottom:5px;
}

/* ========================================================================                   Sezione delle piattaforma di condivisione contenuti    ======================================================================== */
#MFCshareWrapper {
  display:block;
  position:relative;
  margin:0 auto;
  height:640px;
  width:1000px;
  background-image:url(http://i.imgur.com/8nWPv7K.png);
  background-size:1000px 640px;
  background-repeat:no-repeat;
  background-color:;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.piattaforma {
  background-color:re;
  margin-top:180px;
}

/* ==========================================
Sezione delle Squadre
============================================ */
#clubsWrapper {
  display:block;
  position:relative;
  margin:0 auto;
  height:850px;
  width:1000px;
  background-image:url(http://i.imgur.com/Xs0URs1.png);
  background-size:1000px 850px;
  background-repeat:no-repeat;
  background-color:;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.squa {
  display:inline-block;
  position:absolute;
  overflow:hidden;
  text-align:center;
  background-color:;
}

.squanome {
  color:;
  text-transform:uppercase;
  letter-spacing:3px;
  font-size:25px;
}

.squacosto {
  margin-top:-25px;
  font-size:20px;
  font-weight:600;
  padding-bottom:5px;
  border-bottom:1px solid white;
}

.squavaluta {
  font-weight:200;
}

.squaentra {
  color:black;
  font-size:15px;
  text-transform:uppercase;
  letter-spacing:;
  -webkit-transition:all .3s ease-in-out .1s;
  -moz-transition:all .3s ease-in-out .1s;
  -o-transition:all .3s ease-in-out .1s;
  -ms-transition:all .3s ease-in-out .1s;
  transition:all .3s ease-in-out .1s;
}

.squaentra:hover {
  opacity:.4;
}

.squaprivilegi {
  font-size:17px;
  font-weight:400;
}

.squa1 {
  width:200px;
  height:290px;
  margin-top:260px;
  margin-left:311px;
  display:;
}

.squa2 {
  width:200px;
  height:359px;
  margin-top:226px;
  margin-left:523px;
  display:non;
}

.squa3 {
  width:200px;
  height:428px;
  margin-top:192px;
  margin-left:736px;
  display:non;
}

.squanome1 {
  color:white;
}

.squanome2 {
  color:black;
  letter-spacing:1px;
  line-height:20px;
}

.squa1riga2 {
  color:#d24a9b;
  font-size:17px;
  line-height:20px;
}

.squanome3 {
  color:white;
  line-height:23px;
}

.squa1riga3 {
  color:#dedede;
  font-size:17px;
  line-height:20px;
}

.squacosto1 {
  color:#f58bc8;
}

.squacosto2 {
  color:#d24b9b;
  border-bottom:1px solid #c1659b;
}

.squacosto3 {
  color:#dedede;
}

.squavaluta1 {
  color:#b7b7b7;
}

.squavaluta2 {
  color:#656464;
}

.squavaluta3 {
  color:black;
}

.squaprivilegi1 {
  color:#e8e8e8;
  margin-top:30px;
  background-color:;
  height:100px;
  overflow:hidden;
}

.squaprivilegi2 {
  color:#656464;
  margin-top:36px;
  background-color:;
  height:140px;
  overflow:hidden;
}

.squaprivilegi3 {
  color:white;
  margin-top:36px;
  background-color:;
  height:200px;
  overflow:hidden;
}

.specificasqua {
  display:block;
  color:#e5e5e5;
  font-size:12px;
  margin-top:-3px;
  margin-bottom:-15px;
}

.squaentra1 {
  margin-top:45px;
}

.squaentra2 {
  margin-top:56px;
}

.squaentra3 {
  margin-top:60px;
}

/* ==========================================
Sezione del Muro degli Iscritti
============================================ */
.muro {
  display:block;
  position:relative;
  margin:-120px auto;
  height:1000px;
  width:1000px;
  background-image:url(http://i.imgur.com/zPmxrVP.png);
  background-size:1000px 850px;
  background-repeat:no-repeat;
  background-color:;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.lista {
  display:inline-block;
  position:relative;
  overflow:hidden;
  text-align:center;
  width:185px;
  height:507px;
  padding:30px 20px;
  background-color:re;
  margin-top:229px;
  font-size:14px;
  line-height:22px;
}

.DoodzList {
  margin-left:134px;
  color:#e0dfdf;
}

.ArmyList {
  margin-left:27px;
  color:#565656;
}

.EliteList {
  margin-left:26px;
  color:#ffffff;
}

/* ======================================
Sezione del marchio del mattone 
======================================= */
.MyLogo {
  display:inline-block;
  position:fixed;
  width:175px;
  height:45px;
  background-image:url(http://i.imgur.com/qII7U3i.png);
  background-repeat:no-repeat;
  background-size:100%;
  bottom:35px;
  left:5px;
  z-index:1000;
  -webkit-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -o-transition:all 1s ease;
}

.MyLogo:hover {
  -moz-animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;
  -webkit-animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;
  -o-animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;
  -ms-animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;
  animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;
  -moz-animation-fill-mode:forwards;
  -webkit-animation-fill-mode:forwards;
  -o-animation-fill-mode:forwards;
  -ms-animation-fill-mode:forwards;
  animation-fill-mode:forwards;
}

@-webkit-keyframes shake {
  10%,90% {
    transform:translate3d(-2px,0,0);
  }
  
  20%,80% {
    transform:translate3d(3px,0,0);
  }
  
  30%,50%,70% {
    transform:translate3d(-6px,0,0);
  }
  
  40%,60% {
    transform:translate3d(6px,0,0);
  }
}

@-moz-keyframes shake {
  10%,90% {
    transform:translate3d(-2px,0,0);
  }
  
  20%,80% {
    transform:translate3d(3px,0,0);
  }
  
  30%,50%,70% {
    transform:translate3d(-6px,0,0);
  }
  
  40%,60% {
    transform:translate3d(6px,0,0);
  }
}

@-o-keyframes shake {
  10%,90% {
    transform:translate3d(-2px,0,0);
  }
  
  20%,80% {
    transform:translate3d(3px,0,0);
  }
  
  30%,50%,70% {
    transform:translate3d(-6px,0,0);
  }
  
  40%,60% {
    transform:translate3d(6px,0,0);
  }
}

@keyframes shake {
  10%,90% {
    transform:translate3d(-2px,0,0);
  }
  
  20%,80% {
    transform:translate3d(3px,0,0);
  }
  
  30%,50%,70% {
    transform:translate3d(-6px,0,0);
  }
  
  40%,60% {
    transform:translate3d(6px,0,0);
  }
}

/* =================================================
Sezione dei migliori contributori mensili 
========================================================= */
#monthlyhtWrapper {
  display:block;
  position:relative;
  margin:0 auto;
  height:730px;
  width:1000px;
  background-image:url(http://i.imgur.com/kK6aTAV.png);
  background-size:1000px 730px;
  background-repeat:no-repeat;
  background-color:;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.monthshown {
  display:block;
  position:absolute;
  text-transform:uppercase;
  letter-spacing:10px;
  font-weight:600;
  color:black;
  background-color:re;
  width:300px;
  text-align:right;
  margin-top:155px;
  margin-left:270px;
}

.month {
  display:block;
  position:absolute;
  color:whit;
  background-color:gree;
  width:400px;
}

.month1 {
  margin-top:200px;
  margin-left:150px;
  text-align:left;
  background-color:viole;
}

.monthname1 {
  font-size:40px;
  text-transform:uppercase;
  color:#8a1246;
  background-color:re;
}

.ciframese1 {
  font-size:37px;
  margin-top:-40px;
  color:black;
}

.valutamese1 {
  color:#af6f8b;
  font-size:30px;
}

.month2 {
  margin-top:375px;
  margin-left:380px;
  text-align:right;
}

.monthname2 {
  font-size:35px;
  text-transform:uppercase;
  color:white;
}

.ciframese2 {
  font-size:33px;
  margin-top:-32px;
  color:#afadae;
}

.valutamese2 {
  color:black;
  font-size:27px;
}

.month3 {
  margin-top:525px;
  margin-left:250px;
  text-align:left;
}

.monthname3 {
  font-size:30px;
  text-transform:uppercase;
  color:#6a686a;
}

.ciframese3 {
  font-size:30px;
  margin-top:-29px;
  color:white;
}

.valutamese3 {
  color:#785e94;
  font-size:24px;
}

/* ==========================================================
Sezione dei migliori contributori di sempre
============================================================= */
#besteverWrapper {
  display:block;
  position:relative;
  margin:0 auto;
  height:1000px;
  width:1000px;
  background-image:url(http://i.imgur.com/YZqYXUn.png);
  background-size:1000px 1000px;
  background-repeat:no-repeat;
  background-color:;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.migliore {
  background-color:yellw;
  display:inline-block;
  position:absolute;
  width:260px;
  height:80px;
  overflow:hidden;
  text-align:center;
  -ms-transform:rotate(-3.7deg);
  -webkit-transform:rotate(-3.7deg);
  transform:rotate(-3.7deg);
}

.bestname {
  text-transform:uppercase;
  letter-spacing:3px;
  font-size:22px;
  margin-top:10px;
  color:black;
  border-bottom:3px solid #cececf;
}

.bestamount {
  color:#f85da6;
  font-size:22px;
  margin-top:-15px;
}

.valutamigliore {
  color:#a6a6a7;
}

.m1 {
  margin-top:240px;
  margin-left:195px;
}

.m2 {
  margin-top:240px;
  margin-left:545px;
}

.m3 {
  margin-top:385px;
  margin-left:195px;
}

.m4 {
  margin-top:385px;
  margin-left:545px;
}

.m5 {
  margin-top:531px;
  margin-left:195px;
}

.m6 {
  margin-top:531px;
  margin-left:545px;
}

.m7 {
  margin-top:676px;
  margin-left:195px;
}

.m8 {
  margin-top:676px;
  margin-left:545px;
}

.m9 {
  margin-top:821px;
  margin-left:195px;
}

.m10 {
  margin-top:821px;
  margin-left:545px;
}

/* ========================================================================
   Loader
   ====================================================================== */
@-webkit-keyframes fadeIn {
  from {
    opacity:0;
  }
  
  to {
    opacity:1;
  }
}

@-moz-keyframes fadeIn {
  from {
    opacity:0;
  }
  
  to {
    opacity:1;
  }
}

@-o-animation fadeIn {
  fromopacity:0;
}

to {
  opacity:1;
}  
}

@keyframes fadeIn {
  from {
    opacity:0;
  }
  
  to {
    opacity:1;
  }
}

@-ms-keyframes fadeIn {
  from {
    opacity:0;
  }
  
  to {
    opacity:1;
  }
}

.fade-in {
  opacity:0;
  -webkit-animation:fadeIn ease 1;
  -moz-animation:fadeIn ease 1;
  -o-animation:fadeIn ease 1;
  animation:fadeIn ease 1;
  -ms-animation:fadeIn ease 1s;
  -webkit-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
  -o-animation:forwards;
  animation-fill-mode:forwards;
  -ms-animation-fill-mode:forwards;
  animation-duration:1s;
  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  -o-animation-duration:1s;
  -ms-animation-duration:1s;
}

/* ===========================================
Sezione degli interessi
============================================ */
#profile_interests_content {
  display:none;
}

/* ========================================================================
       Sezione dei diritti d'autore
   ====================================================================== */
.Copyright {
  display:inline-block;
  position:relative;
  margin:40px auto;
  height:20px;
  width:100%;
  text-align:center;
  font-size:11px;
  font-weight:400;
  color:black;
  font-style:normal;
  z-index:1;
  background-color:;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  margin-bottom:140px;
}

.dirittilogo {
  position:relative;
  top:1px;
  height:11px;
}

.divietodiriproduzione {
  color:#6f6e6e;
  font-size:10px;
}

/* ------------------------- Stilizzazione dei link ----------------------------- */
.Copyright > a:link {
  color:#f85ca6;
  text-decoration:none;
/* per togliere la sottolineatura */
  -webkit-transition:all .3s ease-in-out .1s;
  -moz-transition:all .3s ease-in-out .1s;
  -o-transition:all .3s ease-in-out .1s;
  -ms-transition:all .3s ease-in-out .1s;
  transition:all .3s ease-in-out .1s;
}

.Copyright > a:visited {
  color:#f85ca6;
}

.Copyright > a:active {
  color:#f85ca6;
}

.Copyright > a:hover {
  color:grey;
}

/* -------------------------  Fine Stilizzazione dei link ----------------------------- */
/* =========================================
Sezione dei Commenti
============================================ */
#profile_comments {
  display:none;
}

/* ==============================================
Friends Section (amici)
============================================== */
/* tutto il blocco */
#profile_friends {
  background-color:yello;
  width:220px;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  border-radius:15px;
  text-align:center;
  margin-left:395px;
/* Ho aggiunto 10 px per centrare */
  margin-top:50px;
  margin-bottom:30px;
  padding-top:20px;
  padding-bottom:20px;
}

/* tutte le etichette */
#favorite_models_label,#friends_label,#admirers_label,#rate_label,#average_rating_label {
  background-color:;
  text-align:left;
  min-width:120px;
  max-width:120px;
  color:grey;
}

/* tutti i valori */
#average_rating_value,#rate_value,#admirers_value,#friends_value,#favorite_models_value.value {
  background-color:gree;
  width:180px;
  text-align:left;
}

/* tutti i contenitori */
#average_rating_container,#rate_container,#admirers_container,#friends_container,#favorite_models_container,#favorite_models_value,#favorite_models_container {
  margin:0 auto;
  width:220px;
  background-color:viole;
}

/* stelline per votare */
#profile_friends img {
  display:inline-block;
  position:relative;
  height:10px;
  margin-right:4px;
}

#admirers_value,#friends_value,#admirers_label,#favorite_models_value,#average_rating_count,#favorite_models_value,#rate_container,#admirers_container,#friends_container,#favorite_models_container,#favorite_models_value,#average_rating_container,.friends_value,.admirers_value,.profile_section_content .value {
  font-size:10px;
  color:grey;
}

/* conferme tasti per votare, ammirare e aggiunta agli amici */
#admire_confirm,#make_friend_confirm,#rating_confirm {
  color:grey;
  font-size:10px;
}

#friends_value {
  font-size:10px;
  color:grey;
}

#profile_friends > div:nth-child(1) {
  display:none;
}

/* scritte cliccabili */
#make_friend,#admire {
  color:grey;
}

/* stilizzazione link */
#profile_friends a:link {
  text-decoration:underline;
  color:grey;
}

#profile_friends a:hover {
  color:black;
}

#profile_friends a:visited {
  color:grey;
}

#profile_friends a:active {
  color:grey;
}