@charset "UTF-8";

.nav,#ContentHeader,#aboutmeWrapper {
  animation:fadeIn 2s ease 1.5s 1 forwards;
  -moz-animation:fadeIn 2s ease 1.5s 1 forwards;
  -webkit-animation:fadeIn 2s ease 1.5s 1 forwards;
  -o-animation:fadeIn 2s ease 1.5s 1 forwards;
}

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

@media (min-width: 1px) {
  body {
    background-image:url();
    background-repeat:repeat;
  }
}

@media (min-width: 1px) {
  body {
    background-image:url();
  /* immagine posteriore di sfondo */
    background-color:#ffffff;
    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;
}

/* ========================================================================
   Sezione della barra di navigazione
   ====================================================================== */
nav {
  display:block;
  text-align:center;
}

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

.nav a {
  display:block;
  background:rgba(255,255,255,0.6);
/* colore della barra di navigazione */
  box-shadow:0 0 20px rgba(0,0,0,0);
  color:#ff33cc;
/* colore caratteri della barra di navigazione */
  text-decoration:none;
  padding:.1em 0;
  position:relative;
  transition:all .1s ease-in-out;
  -webkit-transition:all .1s ease-in-out;
  -moz-transition:all .1s ease-in-out;
  -ms-transition:all .1s ease-in-out;
  -o-transition:all .1s ease-in-out;
}

.nav {
  vertical-align:top;
  display:inline-block;
  width:940px;
  box-shadow:0 0 10px rgba(0,0,0,0.2);
  top:0;
  position:fixed;
  z-index:9999;
  margin:0 auto;
  border-radius:0;
  text-align:center;
  -webkit-transform:translateZ(0);
  opacity:0;
  -webkit-animation:fadeIn ease 1;
  -moz-animation:fadeIn ease 1;
  animation:fadeIn ease 1;
  -o-animation:fadeIn ease 1;
  -ms-animation:fadeIn ease 1;
  -webkit-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;
  -o-animation-fill-mode:forwards;
  -ms-animation-fill-mode:forwards;
  -webkit-animation-duration:2s;
  -moz-animation-duration:2s;
  animation-duration:2s;
  -o-animation-duration:2s;
  -ms-animation-duration:2s;
  -webkit-animation-delay:2.5s;
  -moz-animation-delay:2.5s;
  animation-delay:2.5s;
  -o-animation-delay:2.5s;
  -ms-animation-delay:2.5s;
}

.nav li {
  position:relative;
}

.nav > li {
  font-family:'Niconne',cursive;
  font-size:23px;
  font-weight:400;
  font-style:normal;
/* extra light */
  text-transform:LOWERCASE;
  letter-spacing:0;
  float:left;
  border-bottom:0 rgba(0,0,0,0) solid;
}

.nav li:hover > a {
  color:#903379;
}

/* ========================================================================
   Classes for MFC Generated Elements
   ====================================================================== */
#header_bar,#footer_bar,#about_me_label,#profile_main_photo,#tags_label,#tags_value,#average_rating_count,#cam_score_container,#profile_about_me > div:nth-child(1) {
  display:none;
}

#tags_container,#username_container,#body_type_container,#ethnicity_container,#hair_container,#eyes_container,#weight_container,#height_container,#age_container,#city_container,#sexual_preference_container,#marital_status_container,#marital_status_container,#gender_container,#country_container,#gender_container,#eyes_container,#smoke_container,#drink_container,#drugs_container,#occupation_container,#favorite_food_container,#pets_container,#school_container,#automobile_container,#unix_last_broadcast_container,#avatar_holder,#profile_avatar,#status_container,#last_login_string_container,#unix_last_updated_container,#profile_header {
  display:none;
}

#username_value,#gender_value,#body_type_value,#ethnicity_label,#hair_value,#eyes_value,#weight_value,#height_value,#age_value,#country_value,#sexual_preference_value,#marital_status_value,#camscore_value,#status_value {
  display:none;
}

/* ========================================================================
   Sezione del Profilo
   ====================================================================== */
#profile {
  width:940px;
  margin:0 auto;
  background-color:rgba(255,255,255,0.0);
/* colonna centrale */
  background-repeat:no-repeat;
  background-size:cover;
  background-position:fixed;
  background-attachment:fixed;
  font-size:.875em;
  line-height:1.25;
  border-bottom-right-radius:0;
  border-bottom-left-radius:0;
  -webkit-border-bottom-right-radius:0;
  -webkit-border-bottom-left-radius:0;
  -moz-border-bottom-right-radius:0;
  -moz-border-bottom-left-radius:0;
  box-shadow:0 0 20px rgba(0,0,0,0.15),0 0 20px rgba(0,0,0,0.15);
  border-bottom-right-radius:0;
  -webkit-border-bottom-right-radius:0;
  -moz-border-bottom-right-radius:0;
  border-bottom-left-radius:0;
  -webkit-border-bottom-left-radius:0;
  -moz-border-bottom-left-radius:0;
  border-top-right-radius:0;
  -webkit-border-top-right-radius:0;
  -moz-border-top-right-radius:0;
  border-top-left-radius:0;
  -webkit-border-top-left-radius:0;
  -moz-border-top-left-radius:0;
}

#profile_header {
  padding:27px 0 0;
}

.profile_section {
  border-spacing:0;
}

.profile_section .heading {
  color:#ff33cc;
  margin:0 auto;
  padding:0;
  background:#;
  width:940px;
  height:50px;
  line-height:70px;
  font-size:65px;
  font-family:'Niconne',cursive;
  text-transform:capitalize;
  text-align:center;
  letter-spacing:0;
  font-weight:300;
}

.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);
}

/* ========================================================================
   Schedule Section
   ====================================================================== */
#profile_schedule {
  margin:0 auto;
  position:relative;
  padding-top:50px;
}

#profile_schedule .container {
  background-color:rgba(0,0,0,0.0);
  border:solid 1px black;
  position:relative;
  top:25px;
  display:inline-block;
  width:120px;
  height:100px;
}

#schedule_day_0_container {
  margin-left:24px!important;
}

#profile_schedule .label {
  display:inline-block;
  width:100%;
  font-family:'arial';
  font-size:16px;
  line-height:12px;
  text-align:center;
  color:#ff33cc;
}

#profile_schedule .value {
  display:inline-block;
  width:110px;
  margin-left:5px;
  position:relative;
  top:10px;
  font-size:14px;
  font-weight:normal;
  font-family:'Work Sans',sans-serif;
  color:grey;
  text-align:center;
}

.emphasis {
  font-weight:normal;
}

#schedule_converted {
  font-family:'Work Sans',sans-serif;
  text-align:center;
  font-size:15px;
  margin:30px auto 35px;
  color:#ff33cc;
}

/* ========================================================================
      Sezione delle Gallerie Fotografiche
   ====================================================================== */
#profile_photo_galleries {
  position:relative;
  margin:70px auto;
  padding-top:50px;
}

#profile_password_photo_galleries {
  position:relative;
  margin:0 auto;
  padding-top:0;
}

#profile_password_photo_galleries .container {
  background-color:rgba(0,0,0,0.3);
  border-style:solid;
  border-width:1px;
  box-shadow:2px 2px 8px rgba(0,0,0,0.6);
  position:relative;
  top:15px;
  left:10px;
  display:inline-block;
  width:125px;
  height:125px;
  margin:0 auto;
  padding:0;
  margin-left:0;
}

.photo_gallery_link {
  display:inline-block;
}

.photo_gallery_preview {
  margin:0;
  text-align:center;
  display:inline-block;
  width:188px;
  height:150px;
  background-color:rgba(255,5,255,0);
}

.photo_gallery_previews {
  text-align:center;
/* per posizionare centralmente le anteprime delle gallerie */
}

.photo_gallery_name,.photo_gallery_name a {
  font-family:'arial';
/* caratteristiche del font per il titolo di ciascuna galleria fotografica */
  text-transform:uppercase;
  font-size:15px;
  text-decoration:none;
  color:black;
}

.photo_gallery_name,.photo_gallery_name a:hover {
  color:;
}

.photo_gallery_count {
  font-family:'arial';
/* caratteristiche del font per il contatore delle foto */
  text-transform:uppercase;
  font-size:10px;
  color:black;
}

.photo_gallery_image {
  width:80px;
  height:80px;
/* cornice attorno alle icone della galleria immagini */
  border:10px solid white;
  box-shadow:0 0 10px rgba(0,0,0,0.4);
  -webkit-box-shadow:0 0 10px rgba(0,0,0,0.4);
  -moz-box-shadow:0 0 10px rgba(0,0,0,0.4);
  -ms-transform:rotate(0deg);
/* IE 9 */
  -webkit-transform:rotate(0deg);
/* Chrome, Safari, Opera */
  transform:rotate(0deg);
  -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;
}

.photo_gallery_image:hover {
  border:10px solid #ff33cc;
  box-shadow:0 0 10px rgba(255,51,204,0.4);
  -webkit-box-shadow:0 0 10px rgba(255,51,204,0.4);
  -moz-box-shadow:0 0 10px rgba(255,51,204,0.4);
}

#password_photo_gallery_previews .photo_gallery_preview > .photo_gallery_link {
/* immagine per le gallerie protette da password */
  background-image:url(https://s20.postimg.org/sszeec33x/lock-icon-512.png);
  background-repeat:no-repeat;
  background-size:75%;
  background-position:50%;
}

.photo_gallery_lock {
  visibility:hidden;
}

/* ========================================================================
    Sezione dei Commenti
   ====================================================================== */
#wall_poster_avatar {
  display:none;
/* per togliere la foto dalla sezione del nuovo commento */
}

#wall_poster_username {
/* caratteristiche del nome di chi scrive un commento */
  padding:10px;
  text-transform:uppercase;
  font-style:italic;
}

.user_comment_textarea_big {
  width:900px;
  min-width:900px;
  max-width:9000px;
/* per allargare l'area dove si scrive un nuovo commento */
  height:125px;
  margin-left:-95px;
  box-shadow:inset 0 0 6px #333);
}

.user_comment_textarea_small {
  width:900px;
  min-width:900px;
  max-width:9000px;
  height:125px;
  margin-left:-95px;
  box-shadow:inset 0 0 6px #333);
}

.wall_post {
  padding:15px;
  border-top:1px solid #ff33cc;
  background-color:#fff;
/* colore di sfondo ai commenti degli utenti */
  margin:0 auto;
  min-height:93px;
}

wall_poster_avatar {
  padding:15px;
}

.wall_post_info {
  color:black;
  font-family:'arial';
  font-size:20px;
  margin-left:170px;
}

/* ------------------------- Stilizzazione dei link ----------------------------- */
.wall_post_info > a:link {
  color:black;
  text-decoration:none;
/* per togliere la sottolineatura */
}

.wall_post_info > a:visited {
  color:#ff33cc;
}

.wall_post_info > a:active {
  color:#ff33cc;
}

.wall_post_info > a:hover {
  color:black;
}

/* -------------------------  Fine Stilizzazione dei link ----------------------------- */
.wall_post_body {
/* colore testo dei commenti */
  color:#000;
  overflow:visible;
  margin-left:160px;
  font-size:17px;
  font-family:Arial;
}

.wall_post_body img {
  max-height:200px;
}

.wall_post_body iframe {
  max-height:340px;
  max-width:450px;
}

.wall_post_avatar {
  background-image:url();
  background-repeat:no-repeat;
  background-size:100%;
  border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  -o-border-radius:10px;
  height:100px;
  width:100px;
  box-shadow:0;
}

.wall_post_avatar img {
  width:100px;
  height:100px;
  border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  -o-border-radius:10px;
}

.wall_post_time {
  color:black;
  font-size:11px;
  float:right;
  margin-top:-28px;
  margin-right:15px;
  font-family:'arial';
}

#user_comment_comment {
  font-family:Arial;
  font-size:20px;
  box-shadow:inset 0 0 6px #333;
}

#comments {
  margin-bottom:40px;
}

#new_comment {
  margin:35px 0 15px;
  background-color:#ffffff;
  border-top:1px solid #ff33cc;
  border-bottom:1px solid #ff33cc;
}

#new_comment input {
  background-color:#E8E8E8;
  font-family:Arial;
  font-size:14px;
  border:1px solid #ccc;
  border-radius:15px 5px 15px 5px;
  -webkit-border-radius:15px 5px 15px 5px;
  -moz-border-radius:15px 5px;
  -o-border-radius:15px 5px 15px 5px;
  transition:.5s ease-in-out;
  -moz-transition:.2s ease-in-out;
  -o-transition:.2s ease-in-out;
  -webkit-transition:.2s ease-in-out;
  -ms-transition:.2s ease-in-out;
}

#new_comment input:hover {
  border-radius:5px 15px 5px 15px;
  -webkit-border-radius:5px 15px 5px 15px;
  -moz-border-radius:5px 15px;
  -o-border-radius:5px 15px 5px 15px;
}

#new_comment_inputs {
  max-width:750px;
}

#new_comment_buttons {
  color:#520000;
  margin-bottom:40px;
  font-family:Arial;
}

#new_comment_comment {
  background:rgb(249,234,173);
}

#profile_load_more_comments {
  display:block;
  width:170px;
  height:35px;
  margin:15px auto;
  background:url(https://s20.postimg.org/71ptf4bzx/more_comments.png);
  opacity:1;
  background-repeat:no-repeat;
  background-position:;
  background-color:rgba(255,255,255,0.2);
  font-size:0;
  border-radius:0;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  -o-border-radius:0;
  box-shadow:2px 2px 8px rgba(0,0,0,0.6);
}

#profile_load_more_comments:hover {
  opacity:.6;
}

#strip_links_popup {
  border:2px solid #520000;
  border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  -o-border-radius:10px;
}

#new_comment_strip_links_container {
  display:none;
}

/* ========================================================================
             Sezione della Home Page (Header)
   ====================================================================== */
#ContentHeader {
  display:block;
  position:relative;
  margin:0 auto;
/* per metter l'email piÃ¹ vicina alla foto della home */
  height:880px;
  width:940px;
  background:url(https://s20.postimg.org/92brm7irh/header-3.png);
  background-size:940px 880px;
  background-repeat:no-repeat;
  background-position:top center,;
  opacity:0;
  -webkit-animation:fadeIn ease 1;
  -moz-animation:fadeIn ease 1;
  animation:fadeIn ease 1;
  -o-animation:fadeIn ease 1;
  -ms-animation:fadeIn ease 1;
  -webkit-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
  -o-animation-fill-mode:forwards;
  animation-fill-mode:forwards;
  -ms-animation-fill-mode:forwards;
  -webkit-animation-duration:2s;
  -moz-animation-duration:2s;
  -o-animation-duration:2s;
  animation-duration:2s;
  -ms-animation-duration:2s;
  -webkit-animation-delay:2s;
  -moz-animation-delay:2s;
  -o-animation-delay:2s;
  animation-delay:2s;
  -ms-animation-delay:2s;
}

/* ========================================================================
          Sezione dei tasti della Homepage
======================================================================== */
#twitter,#snapchat,#amazon,#instagram,#offlinetip {
  display:inline-block;
  position:relative;
  top:220px;
  right:110px;
  margin:10px;
  float:right;
  width:60px;
  height:60px;
  background-size:100%;
  box-shadow:0 0 10px rgba(0,0,0,0.4);
  background-repeat:no-repeat;
  z-index:9999;
  border-radius:50%;
}

#twitter {
  background-image:url(https://s20.postimg.org/5cgq71wal/twitter.png);
}

#instagram {
  background-image:url(https://s20.postimg.org/o0u6gmxtp/instagram.png);
}

#offlinetip {
  background-image:url(https://s20.postimg.org/71l81dmm5/image.png);
}

#snapchat {
  background-image:url(https://s20.postimg.org/7fmk0z6pp/snapchat.png);
}

#amazon {
  background-image:url(https://s20.postimg.org/k36wr8b0d/amazon.png);
}

#twitter:hover {
  opacity:.6;
  box-shadow:0 0 5px rgba(0,0,0,0.3);
}

#instagram:hover {
  opacity:.6;
  box-shadow:0 0 5px rgba(0,0,0,0.3);
}

#offlinetip:hover {
  opacity:.6;
  box-shadow:0 0 5px rgba(0,0,0,0.3);
}

#snapchat:hover {
  opacity:.6;
  box-shadow:0 0 5px rgba(0,0,0,0.3);
}

#amazon:hover {
  opacity:.6;
  box-shadow:0 0 5px rgba(0,0,0,0.3);
}

/* ========================================================================
        Sezione About Me
======================================================================== */
#aboutmeWrapper {
  display:block;
  position:relative;
  margin:0 auto;
  height:590px;
  width:940px;
  background-image:url(https://s20.postimg.org/msaw8qv99/about_me.png);
  background-size:940px 590px;
  background-repeat:no-repeat;
}

.abouttxt {
  display:inline-block;
  background-color:rgba(0,0,0,0.4);
  box-shadow:3px 3px 13px rgba(0,0,0,0.3);
  border:3px dotted black;
  width:300px;
  height:450px;
  overflow:hidden;
  float:right;
  margin-right:107px;
  margin-top:80px;
  padding:10px;
  font-family:'Niconne',cursive;
  font-style:italic;
  font-size:27px;
  line-height:25px;
  font-weight:200;
  letter-spacing:1px;
  text-align:justify;
  color:white;
  -ms-transform:rotate(7deg);
/* IE 9 */
  -webkit-transform:rotate(7deg);
/* Chrome, Safari, Opera */
  transform:rotate(7deg);
}

.SocialButtons {
  display:inline-block;
  position:relative;
  left:73px;
  width:195px;
  height:90px;
  overflow:visible;
}

.SocialButtons:first-of-type {
  margin-left:50px;
}

.SocialIcons {
  transition:.2s ease-in-out;
  -moz-transition:.2s ease-in-out;
  -o-transition:.2s ease-in-out;
  -webkit-transition:.2s ease-in-out;
  -ms-transition:.2s ease-in-out;
}

.SocialIcons:hover {
  transform:scale(1.15);
  -webkit-transform:scale(1.15);
}

/* ========================================================================
        Sezione delle Regole
======================================================================== */
#rulesWrapper {
  display:block;
  position:relative;
  margin:0 auto;
  height:500px;
  width:940px;
  background-image:url(https://s20.postimg.org/ebbdxtqkd/rules.png);
  background-size:940px 500px;
  background-repeat:no-repeat;
}

.rulestxt {
  display:inline-block;
  background-color:rgba(0,0,0,0);
  width:800px;
  height:400px;
  overflow:hidden;
  margin-top:80px;
  margin-left:70px;
  font-family:'Niconne',cursive;
  font-style:italic;
  font-size:37px;
  line-height:45px;
  font-weight:200;
  letter-spacing:0;
  text-align:center;
  color:black;
}

/* ========================================================================
     Sezione del Tip Menu
======================================================================== */
#TipMenuWrapper {
  display:block;
  position:relative;
  margin:0 auto;
  height:750px;
  width:940px;
  background:url(https://s20.postimg.org/rpogtux8d/tipmenu.png) no-repeat;
  background-size:940px 750px;
  font-family:'Niconne',cursive;
  font-weight:800;
  letter-spacing:0;
  font-size:24px;
  line-height:24px;
  font-style:italic;
}

.TipMenuHolder {
  width:350px;
  height:600px;
  padding-top:130px;
  margin:0 auto;
}

.TipMenuItem a {
  color:white;
  text-decoration:none;
  text-indent:-3000px;
}

.TipMenuItem {
  margin-top:20px;
  text-align:center;
}

.TipMenuItem a:hover {
  text-decoration:none;
  color:black;
}

/* ========================================================================
            Sezione HARLEY'S DAVIDSON
======================================================================== */
#harleysdavidsonWrapper {
  display:block;
  position:relative;
  margin:0 auto;
  width:940px;
  height:550px;
  overflow:hidden;
  background:url(https://s20.postimg.org/5leawz931/Davidson.png) no-repeat;
  background-size:940px 550px;
}

.king {
  display:inline-block;
  background-color:rgba(0,0,255,0);
  width:420px;
  height:70px;
  overflow:hidden;
  float:right;
  margin-right:375px;
  margin-top:355px;
  font-family:'arial',cursive;
  font-style:italic;
  font-size:37px;
  line-height:70px;
  font-weight:800;
  letter-spacing:1px;
  text-align:center;
  color:white;
  text-transform:uppercase;
  letter-spacing:-2px;
}

/* ========================================================================
            Sezione dei CLUBS
======================================================================== */
#club1Wrapper {
  display:block;
  position:relative;
  margin:0 auto;
  width:940px;
  height:600px;
  overflow:hidden;
  background:url(https://s20.postimg.org/xhol10725/club-1.png) no-repeat;
  background-size:940px 600px;
}

.memberslist1 {
  display:inline-block;
  background-color:rgba(0,0,0,0);
  width:400px;
  height:270px;
  overflow:hidden;
  float:right;
  margin-right:22px;
  margin-top:105px;
  padding:5px;
  font-family:'arial';
  font-transfor:uppercase;
  font-style:italic;
  font-size:18px;
  line-height:20px;
  font-weight:200;
  letter-spacing:0;
  text-align:center;
  color:grey;
}

.button1 {
  position:relative;
  float:right;
  margin-top:430px;
  margin-right:-325px;
  display:inline-block;
  -webkit-border-radius:10px;
  -webkit-box-shadow:0 3px rgba(128,128,128,1),0 4px rgba(118,118,118,1),0 5px rgba(108,108,108,1),0 6px rgba(98,98,98,1),0 7px rgba(88,88,88,1),0 8px rgba(78,78,78,1),0 14px 6px -1px rgba(128,128,128,1);
  -webkit-transition:-webkit-box-shadow .1s ease-in-out;
}

.button1 span {
  background-color:#E8E8E8;
  background-image:-webkit-gradient(linear,left bottom,left top,color-stop(50%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,0.3)),color-stop(100%,rgba(255,255,255,0.2))),-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(210,210,210,0.3)),color-stop(20%,rgba(210,210,210,0)),color-stop(80%,rgba(210,210,210,0)),color-stop(100%,rgba(210,210,210,0.3))),-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(20%,rgba(255,255,255,0.5)),color-stop(80%,rgba(255,255,255,0.5)),color-stop(100%,rgba(255,255,255,0))),-webkit-gradient(linear,0% 100%,100% 0%,color-stop(0%,rgba(255,255,255,0)),color-stop(40%,rgba(255,255,255,0)),color-stop(40%,#D2D2D1),color-stop(60%,#D2D2D1),color-stop(60%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,0)));
  -webkit-box-shadow:0 -1px #fff,0 1px 1px #FFFFFF;
  -webkit-background-size:100%,100%,100%,4px 4px;
  -webkit-border-radius:10px;
  -webkit-transition:-webkit-transform .1s ease-in-out;
  display:inline-block;
  padding:10px 40px;
  color:#3A474D;
  text-transform:capitalize;
  font-family:'Niconne',cursive;
  font-weight:700;
  font-size:40px;
  text-shadow:0 1px #fff,0 -1px #262F33;
}

.button1 span:hover {
  color:#ff33cc;
  text-shadow:0 -1px #ff33cc;
  cursor:pointer;
}

.button1:active {
  -webkit-box-shadow:0 3px rgba(128,128,128,1),0 4px rgba(118,118,118,1),0 5px rgba(108,108,108,1),0 6px rgba(98,98,98,1),0 7px rgba(88,88,88,1),0 8px rgba(78,78,78,1),0 10px 2px 0 rgba(128,128,128,.6);
}

.button1:active span {
  -webkit-transform:translate(0,5px);
}

.button1 span:after {
  content:">";
  display:block;
  width:10px;
  height:10px;
  position:absolute;
  right:14px;
  top:22px;
  font-family:'Cabin';
  font-weight:700;
  color:#ff33cc;
  text-shadow:0 1px #fff,0 -1px #ff33cc;
  font-size:26px;
}

/* ----------------------------------------------------------------------------------------------------------------------------- */
#club2Wrapper {
  display:block;
  position:relative;
  margin:0 auto;
  width:940px;
  height:700px;
  overflow:hidden;
  background:url(https://s20.postimg.org/au9buuri5/club-2.png) no-repeat;
  background-size:940px 700px;
}

.memberslist2 {
  display:inline-block;
  background-color:rgba(0,255,0,0);
  width:200px;
  height:450px;
  overflow:hidden;
  float:right;
  margin-right:682px;
  margin-top:75px;
  padding:5px;
  font-family:'arial';
  font-transfor:uppercase;
  font-style:italic;
  font-size:22px;
  line-height:27px;
  font-weight:200;
  letter-spacing:0;
  text-align:center;
  color:grey;
}

.button2 {
  position:relative;
  float:right;
  margin-top:570px;
  margin-right:-227px;
  display:inline-block;
  -webkit-border-radius:10px;
  -webkit-box-shadow:0 3px rgba(128,128,128,1),0 4px rgba(118,118,118,1),0 5px rgba(108,108,108,1),0 6px rgba(98,98,98,1),0 7px rgba(88,88,88,1),0 8px rgba(78,78,78,1),0 14px 6px -1px rgba(128,128,128,1);
  -webkit-transition:-webkit-box-shadow .1s ease-in-out;
}

.button2 span {
  background-color:#E8E8E8;
  background-image:-webkit-gradient(linear,left bottom,left top,color-stop(50%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,0.3)),color-stop(100%,rgba(255,255,255,0.2))),-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(210,210,210,0.3)),color-stop(20%,rgba(210,210,210,0)),color-stop(80%,rgba(210,210,210,0)),color-stop(100%,rgba(210,210,210,0.3))),-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(20%,rgba(255,255,255,0.5)),color-stop(80%,rgba(255,255,255,0.5)),color-stop(100%,rgba(255,255,255,0))),-webkit-gradient(linear,0% 100%,100% 0%,color-stop(0%,rgba(255,255,255,0)),color-stop(40%,rgba(255,255,255,0)),color-stop(40%,#D2D2D1),color-stop(60%,#D2D2D1),color-stop(60%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,0)));
  -webkit-box-shadow:0 -1px #fff,0 1px 1px #FFFFFF;
  -webkit-background-size:100%,100%,100%,4px 4px;
  -webkit-border-radius:10px;
  -webkit-transition:-webkit-transform .1s ease-in-out;
  display:inline-block;
  padding:10px 40px;
  color:#3A474D;
  text-transform:capitalize;
  font-family:'Niconne',cursive;
  font-weight:700;
  font-size:40px;
  text-shadow:0 1px #fff,0 -1px #262F33;
}

.button2 span:hover {
  color:#941474;
  text-shadow:0 -1px #941474;
  cursor:pointer;
}

.button2:active {
  -webkit-box-shadow:0 3px rgba(128,128,128,1),0 4px rgba(118,118,118,1),0 5px rgba(108,108,108,1),0 6px rgba(98,98,98,1),0 7px rgba(88,88,88,1),0 8px rgba(78,78,78,1),0 10px 2px 0 rgba(128,128,128,.6);
}

.button2:active span {
  -webkit-transform:translate(0,5px);
}

.button2 span:after {
  content:">";
  display:block;
  width:10px;
  height:10px;
  position:absolute;
  right:14px;
  top:22px;
  font-family:'Cabin';
  font-weight:700;
  color:#941474;
  text-shadow:0 1px #fff,0 -1px #941474;
  font-size:26px;
}

/* ========================================================================
            Sezione de tasto "To top"
======================================================================== */
#ToTop {
  display:inline-block;
  position:fixed;
  width:50px;
  height:50px;
  background-image:url(https://s20.postimg.org/ydl2gggql/totopbutton.png);
  background-repeat:no-repeat;
  background-size:50px 50px;
  bottom:40px;
  right:35px;
  border-radius:50%;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  -o-border-radius:50%;
  z-index:1000;
}

.ToTop {
  box-shadow:inset 0 0 5px #ff33cc,1px 1px 3px #ff33cc,-1px -1px 5px #ff33cc;
}

.ToTop:hover {
  box-shadow:inset 0 0 15px white,1px 1px 3px white,-1px -1px 15px white;
}

/* ========================================================================
            My logo Section
======================================================================== */
.MyLogo {
  display:inline-block;
  position:fixed;
  width:170px;
  height:50px;
  background-image:url(https://s20.postimg.org/xcbmzukzh/LOGO_per_pagine.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);
  }
}

/* ========================================================================
   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 Amici e Ammiratori
   ====================================================================== */
#rate_container,#admirers_container,#friends_container,#favorite_models_container,#favorite_models_value,#average_rating_container,.friends_value,.admirers_value,.profile_section_content .value {
  margin:0 auto;
  font-family:"Marvel","Franklin Gothic Medium","Franklin Gothic",Arial,sans-serif;
}

.friends_value,.admirers_value {
  font-size:14px;
}

#average_rating_count {
  font-size:15px;
}

#average_rating_container {
  margin:auto 0;
  width:450px;
}

#favorite_models_value {
  font-size:14px;
  font-weight:bold;
  font-style:normal;
}

#profile_friends {
  margin-bottom:30px;
}

#average_rating_container,#rate_container,#admirers_container,#friends_container,#favorite_models_container,#favorite_models_value,#favorite_models_container {
  margin:0 auto;
  font-weight:normal;
  width:402px;
}

#average_rating_container {
  margin-top:15px;
}

#favorite_models_value,#friends_value,#favorite_models_label,#admirers_value,#friends_label,#admirers_label,#rate_label,#average_rating_label {
  color:black;
  font-size:15px;
}

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

/* ========================================================================
      Sezione degli interessi ed hobby
   ====================================================================== */
#profile_interests_content .value {
/* per fare le risposte alle domande non in grassetto */
  font-weight:normal;
  margin-left:0!important;
}

#meaning_life_container {
/* per distanziare il titolo della sezione da ciÃ² che segue */
  padding-top:15px;
}

#profile_interests_content {
/* per allineare le risposte della sezione di hobby e interessi */
/* E' il contenitore di tutta la sezione di "interessi e hobby" */
  color:#000;
  text-align:center;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e8e8e8+50,ffffff+100 */
  background:#000;
}

.profile_section_content .value {
/* caratteristiche del font usato per le risposte alle domande di "interessi ed hobby" */
  font-family:'Work Sans',sans-serif;
  font-weight:bold;
  font-style:normal;
  font-size:14px;
  color:white;
}

#meaning_life_label,#five_things_label,#for_fun_label,#craziest_thing_label,#be_anywhere_label,#know_me_label,#favorite_books_label,#favorite_songs_label,#favorite_movies_label,#hobbies_label,#talents_label,#perfect_mate_label,#perfect_date_label,#turn_ons_label {
/* caratteristiche del font usato per le domande di "interessi ed hobby" */
  text-align:center!important;
  color:#fed16f;
  text-transform:uppercase;
}

/* ========================================================================
       Sezione dell'Autore
   ====================================================================== */
.Copyright {
  height:20px;
  width:100%;
  text-align:center;
  font-size:25px;
  letter-spacing:0;
  font-weight:300;
  color:#a35d1a;
  padding-top:70px;
  font-family:'Niconne',cursive;
  font-style:normal;
  bottom:0;
  z-index:10;
}

/* ------------------------- Stilizzazione dei link ----------------------------- */
.Copyright > a:link {
  color:#f49539;
/* per togliere la sottolineatura */
}

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

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

.Copyright > a:hover {
  color:#a35d1a;
}

/* -------------------------  Fine Stilizzazione dei link ----------------------------- */
/* ========================================================================
       Sezione dei caratteri usati nella pagina
   ====================================================================== */
/* latin-ext */
@font-face {
  font-family:'Niconne';
  font-style:normal;
  font-weight:400;
  src:local(Niconne),local(Niconne-Regular),url(https://fonts.gstatic.com/s/niconne/v6/7y6M8DdcKDIbmnqOPLrL_1KPGs1ZzpMvnHX-7fPOuAc.woff2) format("woff2");
  unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;
}

/* latin */
@font-face {
  font-family:'Niconne';
  font-style:normal;
  font-weight:400;
  src:local(Niconne),local(Niconne-Regular),url(https://fonts.gstatic.com/s/niconne/v6/h93Klz8V5_6KNFvbXz0TaQLUuEpTyoUstqEm5AMlJo4.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215;
}