@charset "UTF-8";

/*-----------------[SCROLL-TOP-UP  START]------------------------*/
a#scroll-to-top {
  background-image:linear-gradient(#fff4c0,#cfb476);
  box-shadow:0 0 3px rgba(0,0,0,0.1);
  bottom:50px;
  font-size:0;
  height:35px;
  outline:0 none;
  position:fixed;
  right:20px;
  text-indent:-9999px;
  width:35px;
}

#scroll-to-top-triangle {
  border-style:solid;
  border-width:0 10px 11px;
  height:0;
  margin:33% 22%;
  position:absolute;
  width:0;
  border-color:transparent transparent #6f5416;
}

#scroll-to-top:hover {
  background:#cfb476;
}

#scroll-to-top:hover #scroll-to-top-triangle {
  border-color:transparent transparent #fff;
}

/*-----------------[SCROLL-TOP-UP  END]------------------------*/
/*-----------------[LINK DOWNLOAD START]------------------------*/
.link-download {
  font-family:Arial;
  font-size:15px;
  font-weight:bold;
  margin:auto;
  padding-top:120px;
  text-align:center;
}

.link-download a {
  color:#bfa466;
  font-weight:bold;
}

/*-----------------[LINK DOWNLOAD END]------------------------*/
/*-----------------[RIBBON START]------------------------*/
.ribbon {
  width:585px;
  position:absolute;
  text-align:center;
  font-size:20px!important;
  background:#fff5c0;
  background:-webkit-gradient(linear,left top,left bottom,from(#fff5c0),to(#cfb476));
  background:-webkit-linear-gradient(top,#fff5c0,#cfb476);
  background:-moz-linear-gradient(top,#fff5c0,#cfb476);
  background:-ms-linear-gradient(top,#fff5c0,#cfb476);
  background:-o-linear-gradient(top,#fff5c0,#cfb476);
  background-image:-ms-linear-gradient(top,#fff5c0 0%,#cfb476 100%);
  -webkit-box-shadow:rgba(000,000,000,0.3) 0 1px 1px;
  -moz-box-shadow:rgba(000,000,000,0.3) 0 1px 1px;
  box-shadow:rgba(000,000,000,0.3) 0 1px 1px;
  font-family:'Helvetica Neue',Helvetica,sans-serif;
}

.ribbon h1 {
  font-size:25px!important;
  color:#801111;
  text-shadow:#d65c5c 0 1px 0;
  margin:0;
  padding:15px 10px;
}

.ribbon:before,.ribbon:after {
  content:'';
  position:absolute;
  display:block;
  bottom:-1em;
  border:1.5em solid #cfb476;
  z-index:-1;
}

.ribbon:before {
  left:-2em;
  border-right-width:1.5em;
  border-left-color:transparent;
  -webkit-box-shadow:rgba(000,000,000,0.4) 1px 1px 1px;
  -moz-box-shadow:rgba(000,000,000,0.4) 1px 1px 1px;
  box-shadow:rgba(000,000,000,0.4) 1px 1px 1px;
}

.ribbon:after {
  right:-2em;
  border-left-width:1.5em;
  border-right-color:transparent;
  -webkit-box-shadow:rgba(000,000,000,0.4) -1px 1px 1px;
  -moz-box-shadow:rgba(000,000,000,0.4) -1px 1px 1px;
  box-shadow:rgba(000,000,000,0.4) -1px 1px 1px;
}

.ribbon .ribbon-content:before,.ribbon .ribbon-content:after {
  border-color:#a39067 transparent transparent;
  position:absolute;
  display:block;
  border-style:solid;
  bottom:-1em;
  content:'';
}

.ribbon .ribbon-content:before {
  left:0;
  border-width:1em 0 0 1em;
}

.ribbon .ribbon-content:after {
  right:0;
  border-width:1em 1em 0 0;
}

.ribbon-stitches-top {
  margin-top:2px;
  border-top:1px dashed rgba(0,0,0,0.2);
  -moz-box-shadow:0 0 2px rgba(0,0,0,0.5);
  -webkit-box-shadow:0 0 2px rgba(0,0,0,0.5);
  box-shadow:0 0 2px rgba(255,255,255,0.5);
}

.ribbon-stitches-bottom {
  margin-bottom:2px;
  border-top:1px dashed rgba(0,0,0,0.2);
  -moz-box-shadow:0 0 2px rgba(0,0,0,0.3);
  -webkit-box-shadow:0 0 2px rgba(0,0,0,0.3);
  box-shadow:0 0 2px rgba(255,255,255,0.3);
}

/*-----------------[RIBBON END]------------------------*/
/*-----------------[SITE WIDTH START]------------------------*/
body {
  max-width:1004px;
  margin-left:auto;
  margin-right:auto;
}

.container {
  display:block;
}

#profile_about_me {
  width:1004px;
  padding-top:305px;
  margin-bottom:80px;
}

/*-----------------[SITE WIDTH END]------------------------*/
/*-----------------[SITE STYLES DEFAULT START]------------------------*/
body {
  background-image:url(http://s27.postimg.org/90d1ddr2r/359_744_332_305_8853552.jpg),url(http://s3.postimg.org/qhh29floj/195651_21464.jpg);
  background-position:center top,center top;
  background-repeat:no-repeat,repeat;
  background-size:2080px auto,auto auto;
  background-color:#000;
  color:#7f6426;
  font-family:Tahoma;
  font-size:13px;
  word-spacing:-.69px;
}

a {
  color:#7f6426;
}

.notice {
  color:#7f6426;
}

.clean {
  clear:both;
}

.wall_post_body {
  background-image:linear-gradient(#fff4c0,#cfb476);
  border:1px dotted #717171;
  color:#6f5416;
}

.wall_post:hover .wall_post_body {
  box-shadow:0 0 13px rgba(0,0,0,0.1);
}

.wall_post:hover .wall_post_avatar img {
  box-shadow:0 0 13px rgba(0,0,0,0.1);
}

#img_preview {
  background-image:linear-gradient(#fff4c0,#cfb476);
}

input[type="password"],textarea {
  border:1px solid #202020;
  background-color:#0d0d0d;
  color:#717171;
}

input[type="submit"] {
  background-image:linear-gradient(#fff4c0,#cfb476);
  color:#6f5416;
  border:none;
}

input[type="submit"]:hover,input[type="submit"]:focus,input[type="submit"]:active {
  background:#cfb476;
  box-shadow:0 0 3px rgba(0,0,0,.7) inset;
}

#cboxLoadedContent {
  background:#101010;
}

#gallery_password_form_modal {
  background:#101010;
  color:#717171;
}

#protected_gallery_name {
  color:#b1b1b1;
}

#cboxClose {
  border:1px solid #131313;
  background:linear-gradient(to bottom,#202020 0%,#101010 100%) repeat scroll 0 0 rgba(0,0,0,0);
  border-radius:5px;
  -webkit-transition:all .6s ease;
  -moz-transition:all .6s ease;
  -o-transition:all .6s ease;
  -ms-transition:all .6s ease;
  transition:all .6s ease;
}

#cboxClose:hover {
  background:linear-gradient(#fff4c0,#cfb476);
  color:#6f5416;
  border-radius:5px;
  -webkit-transition:all .6s ease;
  -moz-transition:all .6s ease;
  -o-transition:all .6s ease;
  -ms-transition:all .6s ease;
  transition:all .6s ease;
}

#gallery_password_form_error,#send_message_form_error {
  color:#941010;
}

#strip_links_popup {
  background-image:linear-gradient(#fff4c0,#cfb476);
  color:#6f5416;
}

#member_type_value {
  color:red;
}

.wall_post:hover {
  -webkit-transform:scale(1.1,1.1);
  -moz-transform:scale(1.1,1.1);
  -o-transform:scale(1.1,1.1);
  -ms-transform:scale(1.1,1.1);
  transform:scale(1.1,1.1);
}

.wall_post_info {
  display:inline-table;
  padding:5px 0;
}

#wall_poster_username {
  display:none;
}

.profile_section_content {
  z-index:inherit;
}

.wall_post_avatar img {
  background:none repeat scroll 0 0 #af9456;
  border:4px solid #d9ce9a;
  border-radius:50%;
  margin-top:30px;
  -webkit-transition:all .6s ease;
  -moz-transition:all .6s ease;
  -o-transition:all .6s ease;
  -ms-transition:all .6s ease;
  transition:all .6s ease;
}

#status_container {
  bottom:-2px;
  left:0;
  position:fixed;
  z-index:600;
}

#unix_last_broadcast_container {
  bottom:-2px;
  position:fixed;
  right:10px;
  z-index:600;
}

#status_container .label {
  min-width:40px;
}

#profile_header_container a {
  text-decoration:none;
}

#cboxOverlay {
  background:#000;
}

#send_message_form_modal {
  color:#717171;
  margin-left:25px;
}

#send_message {
  margin-right:25px;
}

#rate_container {
  left:20px;
  margin:0;
  position:fixed;
  top:440px;
  max-width:108px;
  z-index:103;
  color:#7f6426;
}

#new_admirer {
  left:-14px;
  margin:0;
  position:fixed;
  top:405px;
  min-width:125px;
  z-index:1001;
  color:#7f6426;
  text-align:center;
}

#new_admirer a {
  text-decoration:none;
  color:#7f6426;
}

#new_admirer a:hover {
  color:#543d0e;
}

#new_homepage_friend {
  left:2px;
  margin:0;
  position:fixed;
  top:382px;
  min-width:125px;
  z-index:102;
  color:#7f6426;
  text-align:center;
}

#new_homepage_friend a {
  text-decoration:none;
  color:#7f6426;
}

#new_homepage_friend a:hover {
  color:#543d0e;
}

#rate_value {
  display:block;
}

#rate_label {
  min-width:104px;
}

#profile_main_photo {
  left:2px;
  position:absolute;
  top:235px;
  display:none;
}

.photo_gallery_image {
  background:none repeat scroll 0 0 #0d0d0d;
  border:4px solid #d9ce9a;
  border-radius:50%;
  margin-top:30px;
  -webkit-transition:all .6s ease;
  -moz-transition:all .6s ease;
  -o-transition:all .6s ease;
  -ms-transition:all .6s ease;
  transition:all .6s ease;
}

.photo_gallery_image:hover {
  -webkit-transform:scale(1.1,1.1);
  -moz-transform:scale(1.1,1.1);
  -o-transform:scale(1.1,1.1);
  -ms-transform:scale(1.1,1.1);
  transform:scale(1.1,1.1);
  -webkit-transition:all .6s ease;
  -moz-transition:all .6s ease;
  -o-transition:all .6s ease;
  -ms-transition:all .6s ease;
  transition:all .6s ease;
}

#status_label,#member_status_value > a,#status_value > a,#unix_last_login_label,#unix_last_login_value {
  color:#6f5416;
}

.profile_row {
  padding-top:580px;
}

/*-----------------[SITE STYLES DEFAULT END]------------------------*/
/*-----------------[GALLERY LOCK START]------------------------*/
#password_photo_gallery_previews .photo_gallery_preview > a.photo_gallery_link {
  background:url(http://s23.postimg.org/5q4eyzvfr/lock.png) repeat scroll 0 0 rgba(0,0,0,0);
  display:inline-block;
  height:97px;
  width:64px;
  -webkit-transition:all .6s ease;
  -moz-transition:all .6s ease;
  -o-transition:all .6s ease;
  -ms-transition:all .6s ease;
  transition:all .6s ease;
}

#password_photo_gallery_previews .photo_gallery_preview > a.photo_gallery_link {
  -webkit-transition:all .6s ease;
  -moz-transition:all .6s ease;
  -o-transition:all .6s ease;
  -ms-transition:all .6s ease;
  transition:all .6s ease;
}

#password_photo_gallery_previews .photo_gallery_preview > a.photo_gallery_link:hover {
  -webkit-transition:all .6s ease;
  -moz-transition:all .6s ease;
  -o-transition:all .6s ease;
  -ms-transition:all .6s ease;
  transition:all .6s ease;
  opacity:.7;
  -webkit-transform:rotate(-42deg);
  -moz-transform:rotate(-42deg);
  -o-transform:rotate(-42deg);
  -ms-transform:rotate(-42deg);
  transform:rotate(-42deg);
}

#profile_password_photo_galleries .photo_gallery_link img {
  margin-left:-13px;
}

/*-----------------[GALLERY LOCK END]------------------------*/
/*-----------------[MENU START]------------------------*/
.header {
  background-image:url(http://s30.postimg.org/it4673xo1/left_menu.png);
  filter:none;
  height:520px;
  left:-45px;
  position:fixed;
  top:25px;
  width:250px;
  z-index:100;
}

.container-menu {
  margin-left:auto;
  margin-right:auto;
  width:780px;
}

.header .container-menu .navigation-menu ul li {
  list-style:none outside none;
  float:left;
}

.header div.container-menu .navigation-menu {
  margin-left:10px;
  margin-top:83px;
  position:relative;
  width:180px;
}

.header .container-menu .navigation-menu ul li a {
  color:#7f6426;
  font-size:12px;
  font-style:normal;
  font-weight:700;
  line-height:28px;
  padding:17px 16px 16px;
  text-decoration:none;
}

.header .container-menu .navigation-menu ul li a:hover {
  color:#543d0e;
}

#profile_about_me_friends .profile_section_content .profile_section_background {
  background:url(http://s14.postimg.org/9mxa0j5vl/bg_pro.png) no-repeat scroll 40px 260px rgba(0,0,0,0);
  left:77px;
}

.profile_section_content {
  z-index:inherit;
}

/*-----------------[MENU END]------------------------*/
/*-----------------[STATUS BAR START]------------------------*/
.my-status {
  background:linear-gradient(#fff4c0,#cfb476);
  border-top:1px solid #efefb6;
  bottom:0;
  font-family:Arial;
  font-size:10px;
  font-weight:100;
  left:0;
  margin:auto;
  position:fixed;
  text-align:center;
  width:100%;
  z-index:500;
  padding:4px;
  height:20px;
}

/*-----------------[STATUS BAR DOWNLOAD END]------------------------*/
/*-----------------[POST & COMMENT STYLES START]------------------------*/
.user_comment_textarea_small {
  height:220px;
  padding:5px;
  width:992px;
  max-width:992px;
  min-width:992px;
}

.user_comment_textarea_big {
  height:220px;
  padding:5px;
  width:992px;
  max-width:992px;
  min-width:992px;
}

#user_comment_comment {
  color:#6f5416;
  background-image:linear-gradient(#fff4c0,#cfb476);
  font-family:Tahoma;
  font-size:17px;
  word-spacing:-.69px;
}

/*-----------------[POST & COMMENT STYLES END]------------------------*/
/*-----------------[SOCIAL  START]------------------------*/
.social-icons {
  left:110px;
  position:absolute;
  top:180px;
}

ul.social-icons {
  float:right;
  margin:13px -31px 0;
  padding:0;
  width:auto;
}

ul.social-icons li[class] a {
  text-indent:-9999px;
}

ul.social-icons li a {
  display:block;
  height:30px;
  text-align:center;
  width:30px;
}

ul.social-icons li {
  background-color:#1f1f1f;
  background-image:url(http://s30.postimg.org/6tq3dgccx/social_sprites.png);
  background-repeat:no-repeat;
  border-radius:100%;
  box-shadow:0 2px 2px 0 rgba(0,0,0,0.3);
  display:inline-block;
  margin:-1px 1px 5px 0;
  overflow:visible;
  padding:0;
  -webkit-transition:all .3s ease;
  -moz-transition:all .3s ease;
  transition:all .3s ease;
}

ul.social-icons li.facebook {
  background-position:0 -150px;
  -webkit-transition:all 1s;
  -moz-transition:all 1s;
  -o-transition:all 1s;
  transition:all 1s;
}

ul.social-icons li.facebook:hover {
  -webkit-transform:rotate(360deg);
  -moz-transform:rotate(720deg),scale(1.5);
  -o-transform:rotate(720deg);
  -ms-transform:rotate(720deg);
  transform:rotate(720deg);
}

ul.social-icons li.twitter {
  background-position:0 -1170px;
  -webkit-transition:all 1s;
  -moz-transition:all 1s;
  -o-transition:all 1s;
  transition:all 1s;
}

ul.social-icons li.twitter:hover {
  -webkit-transform:rotate(360deg);
  -moz-transform:rotate(720deg),scale(1.5);
  -o-transform:rotate(720deg);
  -ms-transform:rotate(720deg);
  transform:rotate(720deg);
}

ul.social-icons li.linkedin {
  background-position:0 -570px;
  -webkit-transition:all 1s;
  -moz-transition:all 1s;
  -o-transition:all 1s;
  transition:all 1s;
}

ul.social-icons li.linkedin:hover {
  -webkit-transform:rotate(360deg);
  -moz-transform:rotate(720deg),scale(1.5);
  -o-transform:rotate(720deg);
  -ms-transform:rotate(720deg);
  transform:rotate(720deg);
}

/*-----------------[SOCIAL END]------------------------*/
/*-----------------[SITE TITLE START]------------------------*/
.temp1-videos {
  color:#717171;
  font-family:Arial;
  font-size:38px;
  font-weight:100;
  text-align:center;
  padding:100px;
  margin:0 auto;
  width:607px;
}

.temp1-pictures {
  color:#717171;
  font-family:Arial;
  font-size:38px;
  font-weight:100;
  text-align:center;
  padding:100px;
  margin:0 auto;
  width:607px;
}

.temp1-price-list {
  color:#717171;
  font-family:Arial;
  font-size:38px;
  font-weight:100;
  text-align:center;
  padding:100px;
  margin:0 auto;
  width:607px;
}

.temp1-raffle {
  color:#717171;
  font-family:Arial;
  font-size:38px;
  font-weight:100;
  text-align:center;
  padding:100px;
  margin:0 auto;
  width:607px;
}

.temp1-my-rules {
  color:#717171;
  font-family:Arial;
  font-size:38px;
  font-weight:100;
  text-align:center;
  padding:100px;
  margin:0 auto;
  width:607px;
}

.temp1-top-ten {
  color:#717171;
  font-family:Arial;
  font-size:38px;
  font-weight:100;
  text-align:center;
  padding:100px;
  margin:0 auto;
  width:607px;
}

.temp1-tip-me {
  color:#717171;
  font-family:Arial;
  font-size:38px;
  font-weight:100;
  text-align:center;
  padding:100px;
  margin:0 auto;
  width:607px;
}

.temp1-wish-list {
  color:#717171;
  font-family:Arial;
  font-size:38px;
  font-weight:100;
  text-align:center;
  padding:100px;
  margin:0 auto;
  width:607px;
}

.temp1-calendar {
  color:#717171;
  font-family:Arial;
  font-size:38px;
  font-weight:100;
  text-align:center;
  padding:100px;
  margin:0 auto;
  width:607px;
}

.temp1-title-color {
  background:linear-gradient(#fff4c0,#cfb476) repeat scroll 0 0 rgba(0,0,0,0);
  border-radius:10px;
  color:#af9456;
  font-family:Comic Sans MS;
  text-shadow:0 1px rgba(255,255,255,0.8);
  font-size:30px;
}

/*-----------------[SITE TITLE END]------------------------*/
/*-----------------[HIDE START]------------------------*/
#profile_header_container {
  min-height:0;
}

#profile_header_container > .heading {
  display:none;
}

#profile_header_container > #blurb_container {
  display:none;
}

#profile_header_container > #unix_last_updated_container {
  display:none;
}

#avatar_holder {
  display:none;
}

#profile_interests_content {
  display:none;
}

#about_me_label {
  display:none;
}

#footer_bar {
  display:none;
}

#header_bar {
  display:none;
}

#profile_about_me .heading {
  display:none;
}

#new_comment .wall_post_avatar img {
  display:none;
}

.photo_gallery_lock {
  display:none;
}

/*-----------------[HIDE END]------------------------*/
/*-----------------[PIC TOP AND TEXT START]------------------------*/
#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,#cam_score_container,#smoke_container,#drink_container,#drugs_container,#occupation_container,#favorite_food_container,#pets_container,#school_container,#automobile_container {
  line-height:10px;
  border-spacing:1px;
  margin-left:295px;
  margin-top:7px;
  width:410px;
  color:#7f6426;
}

#username_container {
  margin-top:50px;
}

#about-me-div {
  color:#FFFFFF;
  font-family:Georgia,serif;
  font-size:12px;
  font-style:italic;
  position:absolute;
  text-align:center;
  left:52px;
  top:305px;
}

#about-me-txt {
  background:none repeat scroll 0 0 rgba(196,32,57,0.8);
  margin-left:auto;
  margin-right:auto;
  width:280px;
}

/*-----------------[PIC TOP AND TEXT END]------------------------*/
/*-----------------[GALLERY VIDEO START]------------------------*/
#videos {
  margin:0 auto;
  width:800px;
}

.view-v {
  border-radius:50%;
  width:349px;
  height:349px;
  margin:10px;
  float:left;
  border:10px solid #d9ce9a;
  overflow:hidden;
  position:relative;
  text-align:center;
  -webkit-box-shadow:1px 1px 2px #101010;
  -moz-box-shadow:1px 1px 2px #101010;
  box-shadow:1px 1px 2px #101010;
  cursor:default;
}

.view-v:hover {
  transform:scale(1.1);
  -webkit-transform:scale(1.1);
  box-shadow:0 0 13px rgba(0,0,0,0.1);
}

.view-v img {
  display:block;
  position:relative;
  overflow:hidden;
  border-radius:50%;
  height:100%;
  width:100%;
}

.view-v h2 {
  text-transform:uppercase;
  color:#6f5416;
  text-align:center;
  position:relative;
  font-size:17px;
  padding:10px;
  text-shadow:0 1px rgba(255,255,255,0.8);
  background:linear-gradient(#fff4c0,#cfb476);
  margin:85px 0 0;
}

.view-v p {
  font-family:Georgia,serif;
  font-style:italic;
  font-size:12px;
  position:absolute;
  width:310px;
  color:#6f5416;
  padding:10px 20px;
  text-align:center;
  background:linear-gradient(#fff4c0,#cfb476);
  text-shadow:0 1px rgba(255,255,255,0.8);
}

.view-v a.info {
  display:inline-block;
  text-decoration:none;
  padding:7px 14px;
  background:linear-gradient(#fff4c0,#cfb476);
  box-shadow:0 1px 0 rgba(150,150,150,0.5),0 2px 0 rgba(0,0,0,0.7);
  text-shadow:0 1px rgba(255,255,255,0.8);
  color:#6f5416;
  bottom:-140px;
  position:relative;
  text-transform:uppercase;
}

.view-v a.info:active,.view-v a.info:focus,.view-v a.info:hover {
  background:#cfb476;
  bottom:-142px;
  box-shadow:0 0 3px rgba(0,0,0,.7) inset;
}

.view-v .mask > img {
  position:absolute;
  top:0;
}

/*-----------------[GALLERY VIDEO END]------------------------*/
/*-----------------[GALLERY PICTURES START]------------------------*/
#pictures {
  margin:0 auto;
  width:800px;
}

.view-p {
  width:349px;
  height:349px;
  border-radius:50%;
  margin:10px;
  float:left;
  border:10px solid #d9ce9a;
  overflow:hidden;
  position:relative;
  text-align:center;
  -webkit-box-shadow:1px 1px 2px #101010;
  -moz-box-shadow:1px 1px 2px #101010;
  box-shadow:1px 1px 2px #101010;
  cursor:default;
}

.view-p:hover {
  transform:scale(1.1);
  -webkit-transform:scale(1.1);
  box-shadow:0 0 13px rgba(0,0,0,0.1);
}

.view-p img {
  display:block;
  position:relative;
  overflow:hidden;
  border-radius:50%;
  height:100%;
  width:100%;
}

.view-p h2 {
  text-transform:uppercase;
  color:#6f5416;
  text-align:center;
  position:relative;
  font-size:17px;
  padding:10px;
  text-shadow:0 1px rgba(255,255,255,0.8);
  background:linear-gradient(#fff4c0,#cfb476);
  margin:85px 0 0;
}

.view-p p {
  font-family:Georgia,serif;
  font-style:italic;
  font-size:12px;
  position:absolute;
  width:310px;
  color:#6f5416;
  padding:10px 20px;
  text-align:center;
  background:linear-gradient(#fff4c0,#cfb476);
  text-shadow:0 1px rgba(255,255,255,0.8);
}

.view-p a.info {
  display:inline-block;
  text-decoration:none;
  padding:7px 14px;
  background:linear-gradient(#fff4c0,#cfb476);
  box-shadow:0 1px 0 rgba(150,150,150,0.5),0 2px 0 rgba(0,0,0,0.7);
  text-shadow:0 1px rgba(255,255,255,0.8);
  color:#6f5416;
  bottom:-140px;
  position:relative;
  text-transform:uppercase;
}

.view-p a.info:active,.view-p a.info:focus,.view-p a.info:hover {
  background:#cfb476;
  bottom:-142px;
  box-shadow:0 0 3px rgba(0,0,0,.7) inset;
}

.view-p .mask > img {
  position:absolute;
  top:0;
}

/*-----------------[GALLERY PICTURES END]------------------------*/
/*-----------------[RAFFLE START]------------------------*/
#pricing-table-raffle {
  margin:0 auto;
  text-align:center;
  width:690px;
}

#pricing-table-raffle .plan-raffle {
  font:12px 'Lucida Sans','trebuchet MS',Arial,Helvetica;
  text-shadow:0 1px rgba(255,255,255,0.8);
  background:none repeat scroll 0 0 #cfb476;
  border:1px solid #cfb476;
  color:#717171;
  padding:20px;
  width:180px;
/* plan width = 180 + 20 + 20 + 1 + 1 = 222px */
  float:left;
  position:relative;
}

#pricing-table-raffle #most-popular-raffle {
  z-index:2;
  top:-13px;
  border-width:2px;
  padding:30px 20px;
  border-radius:5px;
  box-shadow:20px 0 10px -10px rgba(0,0,0,.15),-20px 0 10px -10px rgba(0,0,0,.15);
}

#pricing-table-raffle .plan-raffle:nth-child(1) {
  border-radius:5px 0 0 5px;
}

#pricing-table-raffle .plan-raffle:nth-child(3) {
  border-radius:0 5px 5px 0;
}

/* --------------- */
#pricing-table-raffle h3 {
  color:#7f6426;
  font-size:20px;
  font-weight:normal;
  padding:20px;
  margin:-20px -20px 50px;
  background:linear-gradient(to bottom,#fff4c0 0%,#cfb476 100%) repeat scroll 0 0 rgba(0,0,0,0);
}

#pricing-table-raffle #most-popular-raffle h3 {
  color:#7f6426;
  background:linear-gradient(to bottom,#fff4c0 0%,#cfb476 100%) repeat scroll 0 0 rgba(0,0,0,0);
  margin-top:-30px;
  padding-top:30px;
  border-radius:5px 5px 0 0;
}

#pricing-table-raffle .plan-raffle:nth-child(1) h3 {
  border-radius:5px 0 0 0;
}

#pricing-table-raffle .plan-raffle:nth-child(3) h3 {
  border-radius:0 5px 0 0;
}

#pricing-table-raffle h3 span {
  display:block;
  font:bold 18px/100px Arial,Serif;
  color:#7f6426;
  background-image:linear-gradient(#fff4c0,#cfb476);
  border:5px solid #d9ce9a;
  height:100px;
  width:100px;
  margin:10px auto -65px;
  border-radius:100px;
  box-shadow:0 5px 20px #a99e6a inset,0 3px 0 #897e4a inset;
}

/* --------------- */
#pricing-table-raffle ul {
  margin:20px 0 0;
  padding:0;
  list-style:none;
  color:#6f5416;
  text-shadow:none;
}

#pricing-table-raffle li {
  border-top:1px solid #7f6426;
  padding:10px 0;
}

/* --------------- */
#pricing-table-raffle .signup-raffle {
  position:relative;
  padding:8px 20px;
  margin:20px 0 0;
  color:#6f5416;
  font:14px Arial,Helvetica;
  text-transform:uppercase;
  text-decoration:none;
  display:inline-block;
  background:linear-gradient(#fff4c0,#cfb476);
  border-radius:3px;
  text-shadow:0 1px rgba(255,255,255,0.8);
  box-shadow:0 1px 0 rgba(150,150,150,0.5),0 2px 0 rgba(0,0,0,0.7);
}

#pricing-table-raffle .signup-raffle:active,#pricing-table-raffle .signup-raffle:focus,#pricing-table-raffle .signup-raffle:hover {
  background:#cfb476;
  top:2px;
  box-shadow:0 0 3px rgba(0,0,0,.7) inset;
}

/* --------------- */
.clear-raffle:before,.clear-raffle:after {
  content:"";
  display:table;
}

.clear-raffle:after {
  clear:both;
}

.clear-raffle {
  zoom:1;
}

/*-----------------[RAFFLE END]------------------------*/
/*-----------------[CALENDAR START]------------------------*/
.calendar li {
  list-style:none;
}

.calendar li li {
  float:left;
  height:6em;
  margin:.2em;
  overflow:auto;
  padding:1em;
  width:6em;
  color:#7f6426;
  background-image:linear-gradient(#fff4c0,#cfb476);
  border-bottom:1px solid #191919;
  box-shadow:0 0 3px rgba(0,0,0,0.1);
  -webkit-transition:all .2s ease;
  -moz-transition:all .2s ease;
  -o-transition:all .2s ease;
  -ms-transition:all .2s ease;
  transition:all .2s ease;
}

.calendar li li:hover {
  position:relative;
  top:-5px;
  box-shadow:0 0 20px -9px #333;
  -webkit-transition:all .2s ease;
  -moz-transition:all .2s ease;
  -o-transition:all .2s ease;
  -ms-transition:all .2s ease;
  transition:all .2s ease;
}

.calendar li li p {
  font-size:18px;
  display:block;
  text-align:center;
  margin:8px 0;
}

.calendar .online:after {
  content:"ONLINE";
  color:#6f5416;
}

.calendar .offline:after {
  content:"OFFLINE";
  color:#B20000;
}

.calendar .small {
  font-size:13px;
  color:#7f6426;
}

#calendar {
  margin:0 auto;
  width:945px;
}

/*-----------------[CALENDAR END]------------------------*/
/*-----------------[PRICE LIST START]------------------------*/
#pricing-table {
  margin:0 auto;
  text-align:center;
  width:690px;
}

#pricing-table .plan {
  font:12px 'Lucida Sans','trebuchet MS',Arial,Helvetica;
  text-shadow:0 1px rgba(255,255,255,0.8);
  background:none repeat scroll 0 0 #cfb476;
  border:1px solid #cfb476;
  color:#717171;
  padding:20px;
  width:180px;
/* plan width = 180 + 20 + 20 + 1 + 1 = 222px */
  float:left;
  position:relative;
}

#pricing-table #most-popular {
  z-index:2;
  top:-13px;
  border-width:2px;
  padding:30px 20px;
  border-radius:5px;
  box-shadow:20px 0 10px -10px rgba(0,0,0,.15),-20px 0 10px -10px rgba(0,0,0,.15);
}

#pricing-table .plan:nth-child(1) {
  border-radius:5px 0 0 5px;
}

#pricing-table .plan:nth-child(3) {
  border-radius:0 5px 5px 0;
}

/* --------------- */
#pricing-table h3 {
  color:#7f6426;
  font-size:20px;
  font-weight:normal;
  padding:20px;
  margin:-20px -20px 50px;
  background:linear-gradient(to bottom,#fff4c0 0%,#cfb476 100%) repeat scroll 0 0 rgba(0,0,0,0);
}

#pricing-table #most-popular h3 {
  color:#7f6426;
  background:linear-gradient(to bottom,#fff4c0 0%,#cfb476 100%) repeat scroll 0 0 rgba(0,0,0,0);
  margin-top:-30px;
  padding-top:30px;
  border-radius:5px 5px 0 0;
}

#pricing-table .plan:nth-child(1) h3 {
  border-radius:5px 0 0 0;
}

#pricing-table .plan:nth-child(4) h3 {
  border-radius:0 5px 0 0;
}

#pricing-table h3 span {
  display:block;
  font:bold 18px/100px Arial,Serif;
  color:#7f6426;
  background-image:linear-gradient(#fff4c0,#cfb476);
  border:5px solid #d9ce9a;
  height:100px;
  width:100px;
  margin:10px auto -65px;
  border-radius:100px;
  box-shadow:0 5px 20px #a99e6a inset,0 3px 0 #897e4a inset;
}

/* --------------- */
#pricing-table ul {
  margin:20px 0 0;
  padding:0;
  list-style:none;
  color:#6f5416;
  text-shadow:none;
}

#pricing-table li {
  border-top:1px solid #7f6426;
  padding:10px 0;
}

/* --------------- */
#pricing-table .signup {
  position:relative;
  padding:8px 20px;
  margin:20px 0 0;
  color:#6f5416;
  font:14px Arial,Helvetica;
  text-transform:uppercase;
  text-decoration:none;
  display:inline-block;
  background:linear-gradient(#fff4c0,#cfb476);
  border-radius:3px;
  text-shadow:0 1px rgba(255,255,255,0.8);
  box-shadow:0 1px 0 rgba(150,150,150,0.5),0 2px 0 rgba(0,0,0,0.7);
}

#pricing-table .signup:active,#pricing-table .signup:focus,#pricing-table .signup:hover {
  background:#cfb476;
  top:2px;
  box-shadow:0 0 3px rgba(0,0,0,.7) inset;
}

/* --------------- */
.clear:before,.clear:after {
  content:"";
  display:table;
}

.clear:after {
  clear:both;
}

.clear {
  zoom:1;
}

/*-----------------[PRICE LIS END]------------------------*/
/*-----------------[RULES START]------------------------*/
#my-rules {
  margin:0 auto;
  width:690px;
}

#my-rules .rules {
  background:url(http://s27.postimg.org/b0clc7m0z/image.png);
  border:1px solid #6f5416;
  color:#6f5416;
  float:left;
  font:12px 'Lucida Sans','trebuchet MS',Arial,Helvetica;
  padding:20px;
  position:relative;
  text-shadow:0 1px rgba(255,255,255,0.8);
  width:630px;
}

#my-rules h3 {
  background-image:linear-gradient(#fff4c0,#cfb476);
  font-size:20px;
  font-weight:normal;
  margin:-20px -20px 50px;
  padding:20px;
  text-align:center;
}

#my-rules ul {
  list-style:decimal inside none;
  margin:0 0 40px;
  padding:0;
  color:#7f6426;
  font-family:tahoma;
  font-size:14px;
}

#my-rules li {
  padding:10px 40px;
}

/*-----------------[RULES END]------------------------*/
/*-----------------[TOP 10 START]------------------------*/
.first-top-ten {
  color:#6f5416;
  font-size:15px;
  font-weight:bold;
}

#top-ten {
  margin:0 auto;
  width:690px;
}

#top-ten .topten {
  background:url(http://s27.postimg.org/b0clc7m0z/image.png);
  border:1px solid #6f5416;
  color:#6f5416;
  float:left;
  font:12px 'Lucida Sans','trebuchet MS',Arial,Helvetica;
  padding:20px;
  position:relative;
  text-shadow:0 1px rgba(255,255,255,0.8);
  width:630px;
}

#top-ten h3 {
  background-image:linear-gradient(#fff4c0,#cfb476);
  font-size:20px;
  font-weight:normal;
  margin:-20px -20px 50px;
  padding:20px;
  text-align:center;
}

#top-ten ul {
  color:#7f6426;
  font-family:tahoma;
  font-size:14px;
  list-style:decimal inside none;
  margin:0 170px 40px;
  padding:0;
}

#top-ten li {
  border-bottom:1px solid #7f6426;
  padding:10px 0;
}

.top-ten-right {
  float:right;
}

/*-----------------[TOP 10 END]------------------------*/
/*-----------------[PROGRESS TIP START]------------------------*/
.progress-holder {
  background:#fff4c0;
  margin:-20px -20px 0;
  padding:20px;
}

.progress {
  background:none repeat scroll 0 0 #f5eab6;
  border-radius:25px;
  box-shadow:0 1px 2px rgba(0,0,0,0.1) inset;
  height:20px;
  margin-bottom:30px;
  overflow:visible;
}

.progress-bar-primary {
  background-color:#c42039;
}

.progress-bar {
  background-color:#cfb476;
  box-shadow:0 -1px 0 rgba(0,0,0,0.15) inset;
  color:#fff;
  border-radius:25px;
  position:relative;
  float:left;
  font-size:12px;
  height:100%;
  line-height:20px;
  text-align:center;
  transition:width .6s ease 0;
  width:0;
}

.progress-bar-tooltip:after {
  border-color:#cfb476 transparent;
  border-style:solid;
  border-width:5px 5px 0;
  bottom:-4px;
  content:"";
  display:block;
  left:13px;
  position:absolute;
  width:0;
}

.progress-bar-tooltip {
  background-color:#cfb476;
  border-radius:3px;
  color:#6f5416;
  display:block;
  font-size:12px;
  text-shadow:none;
  line-height:15px;
  padding:4px 8px;
  position:absolute;
  right:5px;
  top:-28px;
}

/*-----------------[PROGRESS TIP END]------------------------*/
/*-----------------[TIP ME START]------------------------*/
#tip-me {
  margin:0 auto;
  width:690px;
}

.tip-me-right {
  float:right;
}

#tip-me a {
  text-decoration:none;
}

#tip-me a:hover {
  text-decoration:none;
  color:#af9460;
}

#tip-me .tip {
  background:url(http://s27.postimg.org/b0clc7m0z/image.png);
  border:1px solid #6f5416;
  color:#6f5416;
  float:left;
  font:12px 'Lucida Sans','trebuchet MS',Arial,Helvetica;
  padding:20px;
  position:relative;
  text-shadow:0 1px rgba(255,255,255,0.8);
  width:630px;
}

#tip-me h3 {
  background-image:linear-gradient(#fff4c0,#cfb476);
  font-size:20px;
  font-weight:normal;
  margin:-20px -20px 50px;
  padding:20px;
  text-align:center;
}

#tip-me ul {
  list-style:none;
  margin:0 0 40px;
  padding:0;
  color:#7f6426;
  font-family:tahoma;
  font-size:14px;
}

#tip-me li {
  border-bottom:1px solid #7f6426;
  padding:10px 40px;
}

/*-----------------[TIP ME END]------------------------*/
/*-----------------[WISH LIST START]------------------------*/
#wish-list {
  margin:0 auto;
  width:800px;
}

.view-wl {
  width:349px;
  height:349px;
  border-radius:50%;
  margin:10px;
  float:left;
  border:10px solid #d9ce9a;
  overflow:hidden;
  position:relative;
  text-align:center;
  -webkit-box-shadow:1px 1px 2px #101010;
  -moz-box-shadow:1px 1px 2px #101010;
  box-shadow:1px 1px 2px #101010;
  cursor:default;
}

.view-wl:hover {
  transform:scale(1.1);
  -webkit-transform:scale(1.1);
  box-shadow:0 0 13px rgba(0,0,0,0.1);
}

.view-wl img {
  display:block;
  position:relative;
  overflow:hidden;
  border-radius:50%;
  height:100%;
  width:100%;
}

.view-wl h2 {
  text-transform:uppercase;
  color:#6f5416;
  text-align:center;
  position:relative;
  font-size:17px;
  padding:10px;
  text-shadow:0 1px rgba(255,255,255,0.8);
  background:linear-gradient(#fff4c0,#cfb476);
  margin:85px 0 0;
}

.view-wl p {
  font-family:Georgia,serif;
  font-style:italic;
  font-size:12px;
  position:absolute;
  width:310px;
  color:#6f5416;
  padding:10px 20px;
  text-align:center;
  background:linear-gradient(#fff4c0,#cfb476);
  text-shadow:0 1px rgba(255,255,255,0.8);
}

.view-wl a.info {
  display:inline-block;
  text-decoration:none;
  padding:7px 14px;
  background:linear-gradient(#fff4c0,#cfb476);
  box-shadow:0 1px 0 rgba(150,150,150,0.5),0 2px 0 rgba(0,0,0,0.7);
  text-shadow:0 1px rgba(255,255,255,0.8);
  color:#6f5416;
  bottom:-140px;
  position:relative;
  text-transform:uppercase;
}

.view-wl a.info:active,.view-wl a.info:focus,.view-wl a.info:hover {
  background:#cfb476;
  bottom:-142px;
  box-shadow:0 0 3px rgba(0,0,0,.7) inset;
}

.view-wl .mask > img {
  position:absolute;
  top:0;
}

/*-----------------[WISH LIST END]------------------------*/
/*-----------------[ANIMATION PAGE CLASS AND ID START]------------------------*/
#rate_container {
  animation-duration:3s;
  animation-timing-function:ease-out;
  animation-name:slidein-top;
  -webkit-animation-duration:3s;
  -webkit-animation-timing-function:ease-out;
  -webkit-animation-name:slidein-top;
  -moz-animation-duration:3s;
  -moz-animation-timing-function:ease-out;
  -moz-animation-name:slidein-top;
  -o-animation-duration:3s;
  -o-animation-timing-function:ease-out;
  -o-animation-name:slidein-top;
}

#new_admirer {
  animation-duration:3s;
  animation-timing-function:ease-out;
  animation-name:slidein-top;
  -webkit-animation-duration:3s;
  -webkit-animation-timing-function:ease-out;
  -webkit-animation-name:slidein-top;
  -moz-animation-duration:3s;
  -moz-animation-timing-function:ease-out;
  -moz-animation-name:slidein-top;
  -o-animation-duration:3s;
  -o-animation-timing-function:ease-out;
  -o-animation-name:slidein-top;
}

#new_homepage_friend {
  animation-duration:3s;
  animation-timing-function:ease-out;
  animation-name:slidein-top;
  -webkit-animation-duration:3s;
  -webkit-animation-timing-function:ease-out;
  -webkit-animation-name:slidein-top;
  -moz-animation-duration:3s;
  -moz-animation-timing-function:ease-out;
  -moz-animation-name:slidein-top;
  -o-animation-duration:3s;
  -o-animation-timing-function:ease-out;
  -o-animation-name:slidein-top;
}

#profile_main_photo {
  animation-duration:3s;
  animation-timing-function:ease-out;
  animation-name:slidein-left;
  -webkit-animation-duration:3s;
  -webkit-animation-timing-function:ease-out;
  -webkit-animation-name:slidein-left;
  -moz-animation-duration:3s;
  -moz-animation-timing-function:ease-out;
  -moz-animation-name:slidein-left;
  -o-animation-duration:3s;
  -o-animation-timing-function:ease-out;
  -o-animation-name:slidein-left;
}

.header {
  animation-duration:3s;
  animation-timing-function:ease-out;
  animation-name:slidein-top;
  -webkit-animation-duration:3s;
  -webkit-animation-timing-function:ease-out;
  -webkit-animation-name:slidein-top;
  -moz-animation-duration:3s;
  -moz-animation-timing-function:ease-out;
  -moz-animation-name:slidein-top;
  -o-animation-duration:3s;
  -o-animation-timing-function:ease-out;
  -o-animation-name:slidein-top;
}

#scroll-to-top,.my-status,#status_container,#unix_last_broadcast_container {
  animation-duration:3s;
  animation-timing-function:ease-out;
  animation-name:slidein-bottom;
  -webkit-animation-duration:3s;
  -webkit-animation-timing-function:ease-out;
  -webkit-animation-name:slidein-bottom;
  -moz-animation-duration:3s;
  -moz-animation-timing-function:ease-out;
  -moz-animation-name:slidein-bottom;
  -o-animation-duration:3s;
  -o-animation-timing-function:ease-out;
  -o-animation-name:slidein-bottom;
}

#profile {
  animation-duration:3s;
  animation-timing-function:ease;
  animation-name:p-fade;
  -webkit-animation-duration:3s;
  -webkit-animation-timing-function:ease;
  -webkit-animation-name:p-fade;
  -moz-animation-duration:3s;
  -moz-animation-timing-function:ease;
  -moz-animation-name:p-fade;
  -o-animation-duration:3s;
  -o-animation-timing-function:ease;
  -o-animation-name:p-fade;
}

/*-----------------[ANIMATION PAGE CLASS AND ID END]------------------------*/
/*-----------------[ANIMATION PAGE KEYFRAMES START]------------------------*/
@keyframes p-fade {
  0% {
    margin-left:-300%;
    opacity:0;
  }

  50% {
    margin-left:-100%;
    opacity:0;
  }

  100% {
    margin-left:0;
    opacity:1;
  }
}

@-webkit-keyframes p-fade {
  0% {
    margin-left:-300%;
    opacity:0;
  }

  50% {
    margin-left:-100%;
    opacity:0;
  }

  100% {
    margin-left:0;
    opacity:1;
  }
}

@-moz-keyframes p-fade {
  0% {
    margin-left:-300%;
    opacity:0;
  }

  50% {
    margin-left:-100%;
    opacity:0;
  }

  100% {
    margin-left:0;
    opacity:1;
  }
}

@-o-keyframes p-fade {
  0% {
    margin-left:-300%;
    opacity:0;
  }

  50% {
    margin-left:-100%;
    opacity:0;
  }

  100% {
    margin-left:0;
    opacity:1;
  }
}

@keyframes slidein-top {
  0% {
    margin-top:-10%;
  }

  100% {
    margin-top:0;
  }
}

@-webkit-keyframes slidein-top {
  0% {
    margin-top:-10%;
  }

  100% {
    margin-top:0;
  }
}

@-moz-keyframes slidein-top {
  0% {
    margin-top:-10%;
  }

  100% {
    margin-top:0;
  }
}

@-o-keyframes slidein-top {
  0% {
    margin-top:-10%;
  }

  100% {
    margin-top:0;
  }
}

@keyframes slidein-left {
  0% {
    margin-left:-100%;
  }

  100% {
    margin-left:0;
  }
}

@-webkit-keyframes slidein-left {
  0% {
    margin-left:-100%;
  }

  100% {
    margin-left:0;
  }
}

@-moz-keyframes slidein-left {
  0% {
    margin-left:-100%;
  }

  100% {
    margin-left:0;
  }
}

@-o-keyframes slidein-left {
  0% {
    margin-left:-100%;
  }

  100% {
    margin-left:0;
  }
}

@keyframes slidein-right {
  0% {
    margin-right:-100%;
  }

  100% {
    margin-right:0;
  }
}

@-webkit-keyframes slidein-right {
  0% {
    margin-right:-100%;
  }

  100% {
    margin-right:0;
  }
}

@-moz-keyframes slidein-right {
  0% {
    margin-right:-100%;
  }

  100% {
    margin-right:0;
  }
}

@-o-keyframes slidein-right {
  0% {
    margin-right:-100%;
  }

  100% {
    margin-right:0;
  }
}

@keyframes slidein-bottom {
  0% {
    margin-bottom:-100%;
  }

  100% {
    margin-bottom:0;
  }
}

@-webkit-keyframes slidein-bottom {
  0% {
    margin-bottom:-100%;
  }

  100% {
    margin-bottom:0;
  }
}

@-moz-keyframes slidein-bottom {
  0% {
    margin-bottom:-100%;
  }

  100% {
    margin-bottom:0;
  }
}

@-o-keyframes slidein-bottom {
  0% {
    margin-bottom:-100%;
  }

  100% {
    margin-bottom:0;
  }
}

/*-----------------[ANIMATION PAGE KEYFRAMES END]------------------------*/
#Slot {
  display:inline-block;
  width:800px;
  height:145px;
  text-align:center;
  background:transparent;
  padding-top:40px;
  padding-bottom:5px;
  position:relative;
  margin-top:20px;
}

#slopper {
  display:inline-block;
  width:800px;
  height:140px;
  background:#333;
  padding-bottom:4px;
}

.cartit {
  margin-top:-180px;
  width:800px;
  height:184px;
  bottom:30px;
  display:block;
  margin-left:10px;
}

#slopper:hover> #slotone {
  -webkit-animation-play-state:paused;
  -ms-animation-play-state:paused;
  -moz-animation-play-state:paused;
  -o-animation-play-state:paused;
  animation-play-state:paused;
  opacity:1;
}

#slopper:hover>#slottwo {
  -webkit-animation-play-state:paused;
  -ms-animation-play-state:paused;
  -moz-animation-play-state:paused;
  -o-animation-play-state:paused;
  animation-play-state:paused;
  opacity:1;
}

#slopper:hover>#slotthree {
  -webkit-animation-play-state:paused;
  -ms-animation-play-state:paused;
  -moz-animation-play-state:paused;
  -o-animation-play-state:paused;
  animation-play-state:paused;
  opacity:1;
}

#slotone {
  display:inline-block;
  position:relative;
  width:230px;
  height:135px;
  border:1px solid #000;
  text-align:center;
  background:url(https://mfcpro.files.wordpress.com/2014/06/slot1.png) repeat-y;
  -webkit-animation:play .75s steps(84) infinite;
  -moz-animation:play .75s steps(84) infinite;
  -ms-animation:play .75s steps(84) infinite;
  -o-animation:play .75s steps(84) infinite;
  animation:play .75s steps(84) infinite;
  opacity:.9;
  -webkit-transition:all .75s ease-out 0;
  -moz-transition:all .75s ease-out 0;
  -ms-transition:all .75s ease-out 0;
  -o-transition:all .75s ease-out 0;
  transition:all .75s ease-out 0;
}

#slottwo {
  display:inline-block;
  position:relative;
  width:230px;
  height:135px;
  border:1px solid #000;
  text-align:center;
  background:url(https://mfcpro.files.wordpress.com/2014/06/slot1.png) repeat-y;
  -webkit-animation:play .25s steps(84) infinite;
  -moz-animation:play .25s steps(84) infinite;
  -ms-animation:play .25s steps(84) infinite;
  -o-animation:play .25s steps(84) infinite;
  animation:play .25s steps(84) infinite;
  opacity:.9;
  -webkit-transition:all .75s ease-out 0;
  -moz-transition:all .75s ease-out 0;
  -ms-transition:all .75s ease-out 0;
  -o-transition:all .75s ease-out 0;
  transition:all .75s ease-out 0;
}

#slotthree {
  display:inline-block;
  position:relative;
  width:230px;
  height:135px;
  border:1px solid #000;
  text-align:center;
  background:url(https://mfcpro.files.wordpress.com/2014/06/slot1.png) repeat-y;
  -webkit-animation:play .45s steps(74) infinite;
  -moz-animation:play .45s steps(74) infinite;
  -ms-animation:play .45s steps(74) infinite;
  -o-animation:play .45s steps(74) infinite;
  animation:play .45s steps(74) infinite;
  opacity:.9;
  -webkit-transition:all .75s ease-out 0;
  -moz-transition:all .75s ease-out 0;
  -ms-transition:all .75s ease-out 0;
  -o-transition:all .75s ease-out 0;
  transition:all .75s ease-out 0;
}

#SlotWinnings {
  display:block;
  margin-top:-50px;
  width:780px;
  height:80px;
  background:#222 url(https://mfcpro.files.wordpress.com/2014/06/slotformula.gif) bottom center no-repeat;
  z-index:10000;
  text-align:left;
  padding:10px;
  -webkit-transition:all .75s ease-out 0;
  -moz-transition:all .75s ease-out 0;
  -ms-transition:all .75s ease-out 0;
  -o-transition:all .75s ease-out 0;
  transition:all .75s ease-out 0;
  color:#C93;
}

#SlotWinnings:hover {
  display:block;
  margin-top:0;
  width:780px;
  height:260px;
  background:#222 url(https://mfcpro.files.wordpress.com/2014/06/slotformula.gif) bottom center no-repeat;
  z-index:10000;
  padding:10px;
}

#SlotWinnings>div {
  opacity:0;
  overflow:hidden;
  width:1px;
  height:1px;
}

#SlotWinnings:hover>div {
  color:#fff;
  display:inline-block;
  opacity:1;
  overflow:auto;
  width:98%;
  height:200px;
  position:relative;
  top:0;
  background:#000;
  transition-delay:2s;
  -moz-transition-delay:2s;
  -o-transition-delay:2s;
  -webkit-transition-delay:2s;
  -webkit-transition:all .75s ease-out 0;
  -moz-transition:all .75s ease-out 0;
  -ms-transition:all .75s ease-out 0;
  -o-transition:all .75s ease-out 0;
  transition:all .75s ease-out 0;
  padding-bottom:12px;
  padding-left:8px;
}

#SlotWinnings .pleft {
  opacity:0;
  width:1px;
  height:1px;
}

#SlotWinnings .prig {
  opacity:0;
  width:1px;
  height:1px;
}

#SlotWinnings:hover .pleft {
  opacity:1;
  position:relative;
  float:left;
  margin-right:12px;
  width:300px;
}

#SlotWinnings:hover .prig {
  opacity:1;
  position:relative;
  float:left;
  margin-right:12px;
  width:300px;
}

#SlotWinning2s>div {
  opacity:0;
  overflow:hidden;
  width:1px;
  height:1px;
}

#SlotWinning2s:hover>div {
  color:#FC3;
  display:inline-block;
  opacity:1;
  text-align:center;
  overflow:auto;
  width:98%;
  height:200px;
  position:relative;
  top:0;
  background:#000;
  transition-delay:2s;
  -moz-transition-delay:2s;
  -o-transition-delay:2s;
  -webkit-transition-delay:2s;
  -webkit-transition:all .75s ease-out 0;
  -moz-transition:all .75s ease-out 0;
  -ms-transition:all .75s ease-out 0;
  -o-transition:all .75s ease-out 0;
  transition:all .75s ease-out 0;
  padding-bottom:12px;
  padding-left:8px;
  padding-top:12px;
}

#SlotWinning2s {
  display:block;
  margin-top:0;
  width:780px;
  height:40px;
  overflow:hidden;
  background:#000 url(https://mfcpro.files.wordpress.com/2014/06/slotinfo.gif) bottom center no-repeat;
  z-index:auto;
  text-align:left;
  padding:10px;
  -webkit-transition:all .75s ease-out 0;
  -moz-transition:all .75s ease-out 0;
  -ms-transition:all .75s ease-out 0;
  -o-transition:all .75s ease-out 0;
  transition:all .75s ease-out 0;
  color:#C93;
}

#SlotWinning2s:hover {
  display:block;
  margin-top:0;
  width:780px;
  height:260px;
  background:#222 url(https://mfcpro.files.wordpress.com/2014/06/slotinfo.gif) bottom center no-repeat;
  z-index:0;
  padding:10px;
}

.SlotInfo {
  position:relative;
  z-index:999;
  top:4px;
  font-size:.85em;
  font-variant:small-caps;
  color:#C93;
  text-shadow:0 1px 0 #000;
}

.wih {
  display:inline-block;
  width:30px;
  height:30px;
  background:url(https://mfcpro.files.wordpress.com/2014/06/wi.jpg) no-repeat 0 1px;
}

.wisev {
  display:inline-block;
  width:30px;
  height:30px;
  background:url(https://mfcpro.files.wordpress.com/2014/06/wi.jpg) no-repeat 0 -28px;
}

.wid {
  display:inline-block;
  width:30px;
  height:30px;
  background:url(https://mfcpro.files.wordpress.com/2014/06/wi.jpg) no-repeat 0 -57px;
}

.wit {
  display:inline-block;
  width:30px;
  height:30px;
  background:url(https://mfcpro.files.wordpress.com/2014/06/wi.jpg) no-repeat 0 -86px;
}

.wig {
  display:inline-block;
  width:30px;
  height:30px;
  background:url(https://mfcpro.files.wordpress.com/2014/06/wi.jpg) no-repeat 0 -115px;
}

::-webkit-scrollbar {
  width:8px;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow:inset 0 0 6px rgba(255,255,255,0.3);
  -webkit-border-radius:10px;
  border-radius:10px;
}

::-webkit-scrollbar-thumb {
  -webkit-border-radius:10px;
  border-radius:10px;
  background:#C93;
  -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
  background:rgba(204,0,0,.4);
  border:1px solid #C63;
}

.bton {
  text-decoration:none;
  margin-top:3px;
  display:inline-block;
  padding:6px 14px;
  color:#C93;
  cursor:pointer;
  border:1px solid #C93;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  background:#45484d;
  background:-moz-linear-gradient(top,#45484d 0%,#000000 100%);
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#45484d),color-stop(100%,#000000));
  background:-webkit-linear-gradient(top,#45484d 0%,#000000 100%);
  background:-o-linear-gradient(top,#45484d 0%,#000000 100%);
  background:-ms-linear-gradient(top,#45484d 0%,#000000 100%);
  background:linear-gradient(to bottom,#45484d 0%,#000000 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#45484d',endColorstr='#000000',GradientType=0);
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  transition:all .5s;
  -o-transition:all .5s;
  -ms-transition:all .5s;
}

.bton:hover {
  color:#000;
  text-decoration:none;
  background:#ff5db1;
  border:1px solid #F90;
  background:#f1e767;
  background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZTc2NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWI2NDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background:-moz-linear-gradient(top,#f1e767 0%,#feb645 100%);
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f1e767),color-stop(100%,#feb645));
  background:-webkit-linear-gradient(top,#f1e767 0%,#feb645 100%);
  background:-o-linear-gradient(top,#f1e767 0%,#feb645 100%);
  background:-ms-linear-gradient(top,#f1e767 0%,#feb645 100%);
  background:linear-gradient(to bottom,#f1e767 0%,#feb645 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1e767',endColorstr='#feb645',GradientType=0);
}

@-webkit-keyframes play {
  from {
    background-position:left 1425px;
  }

  to {
    background-position:left -135px;
  }
}

@-moz-keyframes play {
  from {
    background-position:left 1425px;
  }

  to {
    background-position:left -135px;
  }
}

@-ms-keyframes play {
  from {
    background-position:left 1425px;
  }

  to {
    background-position:left -135px;
  }
}

@-o-keyframes play {
  from {
    background-position:left 1425px;
  }

  to {
    background-position:left -135px;
  }
}

@keyframes play {
  from {
    background-position:left 1420px;
  }

  to {
    background-position:left -135px;
  }
}

/* ==============================================
Slave Section
============================================== */
#slaveWrapper {
  display:block;
  position:relative;
  margin:130px auto;
  width:652px;
  height:415px;
  background:url(https://s20.postimg.org/5pvq9igcd/slave_section.png) no-repeat;
  background-size:652px 415px;
  box-shadow:0 0 20px rgba(0,0,0,0.3);
}

.slavename {
  display:inline-block;
  position:relative;
  top:20px;
  left:205px;
  float:left;
  width:240px;
  height:55px;
  background-color:rgba(255,5,255,0.0);
  overflow:hidden;
  font-family:'Oleo ',cursive;
  font-style:italic;
  font-weight:600;
  font-size:35px;
  text-transform:capitalize;
  letter-spacing:0;
  text-align:center;
  line-height:0;
  color:#dcc589;
}

/* latin-ext */
@font-face {
  font-family:'Oleo ';
  font-style:normal;
  font-weight:400;
  src:local('Oleo '),local(Oleo-Regular),url(https://fonts.gstatic.com/s/oleo/v5/_weQNDK6Uf40CiGFKBBUjqE8kM4xWR1_1bYURRojRGc.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:'Oleo ';
  font-style:normal;
  font-weight:400;
  src:local('Oleo '),local(Oleo-Regular),url(https://fonts.gstatic.com/s/oleo/v5/_weQNDK6Uf40CiGFKBBUjogp9Q8gbYrhqGlRav_IXfk.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;
}

/* ==============================================
            My logo Section
            ============================================== */
.MyLogo {
  display:inline-block;
  position:relative;
  float:right;
  right:13px;
  top:380px;
  width:85px;
  height:25px;
  background-image:url(https://s20.postimg.org/6tfulh0zh/LOGO_per_pagine.png);
  background-repeat:no-repeat;
  background-size:100%;
  z-index:1000;
  transition:all 1s ease;
  -webkit-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -o-transition:all 1s ease;
}

.MyLogo:hover {
  opacity:.8;
  filter:alpha(opacity=80);
  animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;
  -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;
  transform:translate3d(0,0,0);
  backface-visibility:hidden;
  perspective:1000px;
}

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

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