@charset "UTF-8";

/* 
          ================================================================
                    by Matias (Mackandal) 
          ================================================================
          */
@font-face {
  font-family:'Amatic SC';
  font-style:normal;
  font-weight:400;
  src:local('Amatic SC'),local(AmaticSC-Regular),url(https://fonts.gstatic.com/s/amaticsc/v8/6UByihrsVPWtZ99tNMIgMBJtnKITppOI_IvcXXDNrsc.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:'Amatic SC';
  font-style:normal;
  font-weight:400;
  src:local('Amatic SC'),local(AmaticSC-Regular),url(https://fonts.gstatic.com/s/amaticsc/v8/DPPfSFKxRTXvae2bKDzp5FtXRa8TVwTICgirnJhmVJw.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,U+E0FF,U+EFFD,U+F000;
}

/* latin-ext */
@font-face {
  font-family:'Open Sans';
  font-style:normal;
  font-weight:400;
  src:local('Open Sans'),local(OpenSans),url(https://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.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:'Open Sans';
  font-style:normal;
  font-weight:400;
  src:local('Open Sans'),local(OpenSans),url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.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,U+E0FF,U+EFFD,U+F000;
}

/* latin-ext */
@font-face {
  font-family:'Caveat';
  font-style:normal;
  font-weight:700;
  src:local('Caveat Bold'),local(Caveat-Bold),url(https://fonts.gstatic.com/s/caveat/v2/rqY3dQaGIQau09Mh1Ra09hJtnKITppOI_IvcXXDNrsc.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:'Caveat';
  font-style:normal;
  font-weight:700;
  src:local('Caveat Bold'),local(Caveat-Bold),url(https://fonts.gstatic.com/s/caveat/v2/x6VSYBqZaI7QnEcE_qETMFtXRa8TVwTICgirnJhmVJw.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,U+E0FF,U+EFFD,U+F000;
}

body {
  background:url(http://res.cloudinary.com/fmcpics/image/upload/v1506882842/back-bw_zkv8fr.jpg) fixed;
  background-color:#ffffff;
  background-size:100% auto;
/*font-family:Century Gothic,sans-serif;*/
  font-family:'Open Sans',sans-serif;
  color:#fff;
  line-height:20px;
  font-size:14px;
  width:1024px;
  margin:30px auto -10px;
/* cursor:url(http://ani.cursors-4u.net/nature/nat-11/nat1047.cur),auto; */
}

a,a:visited {
  color:#FFA500;
  text-decoration:none;
}

a:hover,a:focus {
  color:#d3b2e6;
  text-decoration:underline;
}

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

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

.twocolumn {
  -moz-column-count:2;
  -webkit-column-count:2;
  column-count:2;
}

/* ==========================================================================
             Top Navagation
             ========================================================================== */
.nav {
  background-color:rgba(0,0,0,0.8);
  position:fixed;
  top:0;
  margin:0 -10px;
  width:940px;
  z-index:500;
  display:block;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
}

.nav ul {
  padding:0 0 0 60px;
  width:940px;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}

.nav ul li {
  display:inline-block;
  list-style-type:none;
  -webkit-transition:all .2s;
  -moz-transition:all .2s;
  -o-transition:all .2s;
  transition:all .2s;
}

.nav > ul > li > a > .caret {
  border-top:4px solid #fff;
  border-right:4px solid transparent;
  border-left:4px solid transparent;
  content:"";
  display:inline-block;
  height:0;
  width:0;
  vertical-align:middle;
  -webkit-transition:color .1s linear;
  -moz-transition:color .1s linear;
  -o-transition:color .1s linear;
  transition:color .1s linear;
}

.nav > ul > li > a {
  color:#fff;
  display:block;
  line-height:40px;
  padding:0 15px;
  text-decoration:none;
  text-transform:uppercase;
}

.nav > ul > li:hover {
  background-color:rgba(0,0,0,0.9);
}

.nav > ul > li:hover > a {
  color:rgb(255,255,255);
}

.nav > ul > li:hover > a > .caret {
  border-top-color:rgb(255,255,255);
}

.nav > ul > li > div {
  background-color:rgba(0,0,0,0.9);
  border-top:0;
  border-radius:0 0 5px 5px;
  display:none;
  margin:0;
  opacity:0;
  position:absolute;
  width:165px;
  visibility:hidden;
  -moz-transition:opacity .2s;
  -o-transition:opacity .2s;
  -webkit-transition:opacity .2s;
  transition:opacity .2s;
}

.nav > ul > li:hover > div {
  display:block;
  opacity:1;
  visibility:visible;
}

.nav > ul > li:hover > div > ul {
  padding:0;
}

.nav > ul > li > div ul > li {
  display:block;
}

.nav > ul > li > div ul > li > a {
  color:#fff;
  display:block;
  padding:12px 24px;
  text-decoration:none;
}

.nav > ul > li > div ul > li:hover > a {
  background-color:rgba(255,255,255,0.1);
  width:12.5%;
}

/* ==========================================================================
             Classes for MFC Generated Elements
             ========================================================================== */
#header_bar,#footer_bar,#about_me_label,#profile_main_photo,#profile_header_container {
  display:none;
}

#profile {
  width:1100px;
  margin:20px auto -10px;
  background:url(http://res.cloudinary.com/fmcpics/image/upload/v1506882345/mack-back-optimization_b5xn8i.gif) top center no-repeat;
  background-size:100% auto;
  box-shadow:0 0 10px 1px rgba(0,0,0,0.3);
  font-size:.875em;
  line-height:1.25;
  border-top-left-radius:10px;
  border-top-right-radius:10px;
}

#profile_header {
  padding:590px 0 0;
}

#profile_avatar {
/* padding:4px; */
  background-color:#fff;
  border:1px solid #ccc;
  border:1px solid rgba(0,0,0,0.2);
  box-shadow:0 1px 3px rgba(0,0,0,0.1);
  display:none;
}

.profile_section {
  border-spacing:0;
}

.profile_section .heading {
  color:#FFA500;
  font-size:1.25rem;
  font-weight:bold;
  border-bottom:#FFA500 solid 2px;
/*padding:10px 0 0 15px;*/
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin-bottom:5px;
}

.profile_section_content {
  z-index:auto;
}

#profile_about_me {
  margin:20px 0;
  padding-top:20px;
}

#about_me_value {
  display:block;
/*margin:0 auto 0 -20px;*/
}

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

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

#img_preview {
  border-radius:0;
  box-shadow:none;
}

img.bw {
  filter:grayscale(100%);
  -webkit-filter:grayscale(100%);
  transition:1s;
  -webkit-transition:1s;
}

img.bw:hover {
  filter:grayscale(0);
  -webkit-filter:grayscale(0);
}

.images {
  margin-top:20px;
}

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

.in_page_anchor {
  padding-top:50px;
  margin-top:-50px;
  display:inline-block;
}

#profile_password_photo_galleries {
  padding-top:45px;
  margin-top:-45px;
  display:inline-block;
}

.photo_gallery_previews {
  text-align:center;
}

#meaning_life_label {
  margin-top:15px;
}

/* ==========================================================================
             Classes for Custom Content
             ========================================================================== */
.social-links {
  margin:20px 0;
  text-align:center;
}

.crazy-picts {
  text-align:center;
  margin:20px 0;
}

.crazy-picts img {
  margin:0 1.25em;
  height:180px;
}

.crazy-picts .caption {
  font-size:1.125em;
  font-weight:bold;
  margin-bottom:5px;
}

.round {
  border-radius:50%;
}

.about-me {
  padding:0 20px;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}

.about-me .header {
  font-size:1.25rem;
  font-weight:bold;
  margin-top:20px;
  margin-bottom:-10px;
}

.whats-new {
  margin-bottom:20px;
}

.goat-img {
  margin-bottom:20px;
}

.books img,.movies img {
  margin:4px;
  border:1px solid #666;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}

/* ==========================================================================
             Store
             ========================================================================== */
.store {
  font-size:1rem;
  line-height:1;
}

.store a {
  color:#666;
  text-decoration:none;
}

.store-header {
  color:#666;
  border-bottom:#666 solid 2px;
  margin:auto;
  font-size:1.25em;
  font-weight:bold;
  padding:10px 0 0 15px;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}

.store-list {
  border:5px solid #fff;
  margin:auto;
  height:432px;
  overflow:auto;
}

.three-plus-half-rows {
  height:500px;
}

.four-rows {
  height:575px;
}

.four-plus-half-rows {
  height:655px;
}

.store-footer {
  border-top:#666 solid 2px;
  margin:auto;
  height:15px;
  margin-bottom:20px;
}

.store-footer-message {
  color:#666;
  margin:auto;
  border-top:#444 solid 2px;
  font-size:.8rem;
  padding:10px 0 0 15px;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin-bottom:20px;
}

.store-item {
  width:49%;
  height:135px;
  margin:.5%;
  float:left;
  background-color:#ddd;
  border-radius:8px;
  padding-right:5px;
  text-align:left;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  position:relative;
  overflow:hidden;
}

.store-item .image {
  width:40%;
  height:100%;
  position:absolute;
  left:0;
  top:0;
  z-index:10;
}

.image img {
  height:100%;
}

.store-item .desc {
  width:59.7%;
  height:100%;
  background-color:#ddd;
  position:absolute;
  right:0;
  top:0;
  padding:0 5px;
  z-index:20;
  -moz-transition:.5s .5s ease-in-out;
  -o-transition:.5s .5s ease-in-out;
  -webkit-transition:.5s .5s ease-in-out;
  transition:.5s .5s ease-in-out;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}

.store-item:hover .desc,.store-item:hover .desc a {
  background-color:rgba(128,128,128,.8);
  color:#eee;
  width:100%;
  padding:0 40px;
}

.store-item .bottom-img {
  top:0;
  left:0;
  position:absolute;
  z-index:-10;
}

.store-item .top-img {
  -moz-transition:.2s .2s ease-in-out;
  -o-transition:.2s .2s ease-in-out;
  -webkit-transition:.2s .2s ease-in-out;
  transition:.2s .2s ease-in-out;
}

.store-item:hover .top-img {
  opacity:0;
}

.desc .title {
  height:16px;
  width:100%;
  margin:7px 0 0;
  font-size:1em;
  font-weight:bold;
}

.desc-content {
  height:85px;
  width:100%;
  overflow:hidden;
  -ms-text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:6;
  -webkit-box-orient:vertical;
  font-size:.75em;
  line-height:1.2;
}

.desc-content ul {
  list-style-type:disc;
  list-style-position:inside;
}

.desc-content li {
  margin:1.5px;
  font-size:.75rem;
  line-height:1;
}

.desc-footer {
  height:20px;
  width:100%;
  text-align:right;
  padding-right:5px;
  position:absolute;
  bottom:5px;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  z-index:30;
}

.item-tag {
  font-size:.625em;
  color:#fff;
  background-color:#444;
  padding:2px 10px;
  border-radius:8px;
}

.purchase {
  background-color:#990067;
}

.purchase:hover {
  background-color:#cc3399;
}

.store-list::-webkit-scrollbar {
  -webkit-appearance:none;
  width:12px;
  height:12px;
}

.store-list::-webkit-scrollbar-thumb {
  border-radius:8px;
  border:2px solid #999;
  background-color:#ccc;
}

/* ==========================================================================
             Footer
             ========================================================================== */
.footer {
  background-color:#990067;
  position:fixed;
  left:0;
  bottom:0;
  width:100%;
  z-index:500;
  box-shadow:0 -3px 10px 1px rgba(0,0,0,.8);
  color:#fff;
  display:block;
  height:20px;
}

#tip_box {
  position:fixed;
  left:-85px;
  top:200px;
  width:100px;
  height:178px;
  transition:1s;
}

#tip_box:hover {
  position:fixed;
  left:-30px;
  top:200px;
  width:100px;
  height:178px;
  transition:1s;
}

#img_tip {
  width:200px;
  height:200px;
}

/*
          #img_tip:hover{
          	width:150px;
          	height:200px;
          }
          */
table {
/*  color:#333;*/
/*font-family: Helvetica, Arial, sans-serif;*/
  width:400px;
  border-collapse:collapse;
  border-spacing:0;
/*  background-image:url(http://res.cloudinary.com/fmcpics/image/upload/v1490405265/tiphearts_ejbpwn.png);*/
  background-repeat:no-repeat;
/*background-attachment: fixed;*/
  background-position:0 70%;
}

td,th {
  border:1px solid transparent;
/* No more visible border */
  height:30px;
  transition:all .3s;
/* Simple transition for hover effect */
}

th {
  background:#FFA500;
/* Darken header a bit */
  font-weight:bolder;
  font-size:1.25rem;
  color:white;
}

tr {
  font-weight:bold;
/* background: #FAFAFA; */
  font-size:1.1rem;
}

/*
          tr:nth-child(even) td { background: #ebdbf3; }   

          
          tr:nth-child(odd) td { background: white; }  
          */
tr:hover {
  background:#ebdbf3;
  font-size:1.4rem;
}

/* Hover cell effect! */
#tippers_msg {
  font-family:'Caveat';
  font-size:2.2em;
  font-weight:bolder;
  color:#FFA500;
  width:60%;
  margin:auto;
  padding-top:50px;
  margin-bottom:15px;
}

#my_name {
  text-align:right;
  font-size:1.2em;
}

.rowL {
  text-align:right;
  width:150px;
}

.rowR {
  text-align:left;
}

/*START HEADER*/
#header {
  width:100%;
  min-width:1100px;
  height:auto;
  position:fixed;
  top:0;
  left:0;
  z-index:1;
  background-color:white;
  overflow:visible;
  box-shadow:0 0 10px 1px rgba(0,0,0,0.3);
  cursor:url(http://ani.cursors-4u.net/nature/nat-11/nat1047.cur),auto;
}

#header img.left {
  padding:5px 0 0 50px;
}

#header img.right {
  padding:5px 50px 0 0;
}

#menu {
  display:block;
  width:940px;
  height:40px;
  margin:10px auto 0;
}

#header #menu ul li {
  float:left;
  display:block;
}

#header #menu ul li a {
  display:block;
  height:100%;
  padding:5px 15px;
  text-transform:uppercase;
  -webkit-transition:all 300ms ease-in-out;
  -moz-transition:all 300ms ease-in-out;
  -ms-transition:all 300ms ease-in-out;
  -o-transition:all 300ms ease-in-out;
  transition:all 300ms ease-in-out;
  font-size:17px;
}

#header #menu ul li a:hover {
  background-color:#FFA500;
  outline:3px solid #FFA500;
  outline-offset:2px;
  color:white;
}

.clear {
  clear:both;
}

.left {
  float:left;
}

.right {
  float:right;
}

.logo_vintage {
  height:40px;
  width:auto;
}

#picvintage {
  top:80px;
  right:-200px;
  transition:1s;
  position:fixed;
  height:125px;
  widht:auto;
  border:5px solid #FFA500;
  -ms-transform:rotate(7deg);
/* IE 9 */
  -webkit-transform:rotate(7deg);
/* Chrome, Safari, Opera */
  transform:rotate(7deg);
}

/*
          .logo_vintage:hover + #picvintage{
          	visibility:visible;
            opacity:1;
            
            transition-delay:0s;
          }
          */
.logo_vintage:hover + #picvintage {
  transition:1s;
  right:10px;
}

/*FINISH HEADER*/
#w4735394 {
  display:none;
}

#w4566369 {
  display:none;
}

#w4560008 {
  display:none;
}

.profile_section_background {
  background-color:transparent;
  background-color:#555555;
  filter:alpha(opacity=85);
  opacity:.85;
}

/* ----------------------------------- */
.wall_post {
  margin:auto;
/*width:80%;*/
  max-width:650px;
  padding:10px;
  margin-bottom:10px;
  background:url(http://res.cloudinary.com/fmcpics/image/upload/v1468292780/renglones_povzg4.jpg);
  background-size:100% auto;
}

#profile_avatar {
  border:5px solid #222222;
}

.img_radius_shadow {
  border:4px solid #333333;
  -ms-transform:rotate(7deg);
  -webkit-transform:rotate(7deg);
  transform:rotate(7deg);
}

.wall_post_body {
  font-family:'Amatic SC';
  font-weight:bolder;
  font-size:2em;
  color:#444444;
  line-height:normal;
}

/* ------------------ imags sueltas -----------------------------*/
#ariel_silueta {
  position:absolute;
  bottom:-1248px;
  left:985px;
  width:35px;
  height:auto;
}

#ariel_msj {
  position:absolute;
  bottom:-1300px;
  left:900px;
  width:170px;
  hight:auto;
}

#mermaid_silueta {
  position:absolute;
  bottom:-1160px;
  left:720px;
  width:240px;
  height:auto;
}

#banner_vvintage {
  position:absolute;
  bottom:-20px;
  left:500px;
  width:300px;
  height:auto;
  z-index:10;
}

#monkey_img {
  position:absolute;
  right:290px;
  bottom:-970px;
  width:200px;
  height:auto;
}

/* --------------------------------------------------------------- */
.profile_section_content {
  margin:0!important;
}

.song_box {
  float:left;
  margin-right:5px;
  margin-bottom:5px;
  width:240px;
  height:270px;
  background-color:#111111;
  padding:10px;
  color:#aaaaaa;
  clear:right;
}

#profile_friends {
  margin-bottom:40px;
}

#favorite_models_value {
  max-width:250px;
  line-height:150%;
  font-size:1.3em;
  font-weight:bold;
}

#favorite_models_value > a {
  margin-right:5px;
}

#avatar_holder {
  position:absolute;
  margin:auto;
  right:0;
  left:0;
  top:-450px;
}

#logo_mack {
  position:absolute;
  margin:auto;
  right:0;
  left:0;
  top:-220px;
}

@keyframes katze {
  0% {
    transform:translateY(0px);
  }

  50% {
    transform:translateY(70px);
  }

  100% {
    transform:translateY(0px);
  }
}

#boxe-back {
  position:absolute;
  width:200px;
  left:520px;
  bottom:65px;
}

#boxe-front {
  position:absolute;
  width:200px;
  left:550px;
  bottom:0;
}

#katze {
  position:absolute;
  height:180px;
  left:570px;
  bottom:90px;
  animation-name:katze;
  animation-duration:8s;
  animation-delay:0;
  animation-timing-function:ease-out;
  animation-fill-mode:backwards;
  animation-iteration-count:infinite;
}

#comments {
/* margin-top:75px; */
}

/*
          #favorite_models_value > a:nth-child(2) {
            font-size:2.3em;
            position:absolute;
            bottom:85px;
            left:180px;
          }
          */
/*
          #comments-2 {
            position:absolute;
            width:1000px;
            bottom:-5000px;
            left:50px;
            z-index:1001;
          }

          #comments {
            padding-bottom:900px;
          }
          */
@keyframes panda {
  0% {
    transform:translateY(0px) rotate(5deg);
  }

  50% {
    transform:translateY(20px) rotate(10deg);
  }

  100% {
    transform:translateY(0px) rotate(5deg);
  }
}

#mikaspanda {
  width:170px;
  position:absolute;
  left:450px;
  bottom:-30px;
  animation-name:panda;
  animation-duration:6s;
  animation-delay:0;
  animation-timing-function:ease-out;
  animation-fill-mode:backwards;
  animation-iteration-count:infinite;
}

/*
          #w4131181,#w4523581,#profile_load_more_comments {
            display:none;
          }
          */
#average_rating_value {
/*  display:none; */
}

@keyframes roxy {
  0% {
    transform:translateY(0px);
  }

  50% {
    transform:translateY(30px);
  }

  100% {
    transform:translateY(0px);
  }
}

#roxy-container0 {
  position:fixed;
  bottom:10px;
  left:10px;
}

#roxy-container1 {
  position:relative;
  width:250px;
  height:250px;
  display:block;
}

#roxy-box-back {
  position:absolute;
  width:200px;
  left:20px;
  bottom:114px;
  z-index:1000;
}

#roxy-box-front {
  position:absolute;
  width:200px;
  left:50px;
  bottom:0;
  z-index:1200;
}

#roxy-kitten {
  position:absolute;
  height:140px;
  left:50px;
  bottom:100px;
  animation-name:roxy;
  animation-duration:8s;
  animation-delay:0;
  animation-timing-function:ease-out;
  animation-fill-mode:backwards;
  animation-iteration-count:infinite;
  transition:1s;
}

#roxy-kitten2 {
  position:absolute;
  height:140px;
  left:110px;
  bottom:12px;
  transition:1s;
  z-index:1100;
}

#roxy-container1:hover > #roxy-kitten {
  transition:1s;
  animation-play-state:paused;
}

#roxy-container1:hover > #roxy-kitten2 {
  transition:.7s;
  bottom:90px;
}

@keyframes miau {
  0% {
    transform:scale(0);
  }

  50% {
    transform:scale(0.7);
  }

  100% {
    transform:scale(1);
  }
}

#roxy-meow {
  position:absolute;
  bottom:220px;
  left:150px;
  width:100px;
  transition:1s;
  visibility:hidden;
}

#roxy-container1:hover > #roxy-meow {
  transition:1s;
  animation-name:miau;
  animation-duration:1.5s;
  animation-delay:.7s;
  animation-timing-function:ease-out;
  animation-fill-mode:backwards;
  animation-iteration-count:infinite;
  visibility:visible;
}

.profile_section_content {
  z-index:initial!important;
}

#roxy-container0 {
  z-index:1500;
}

/*
          -------------------------- twitter -----------------------------
          */
@keyframes roxytweet {
  0% {
    transform:translateY(0px);
  }

  50% {
    transform:translateY(30px);
  }

  100% {
    transform:translateY(0px);
  }
}

@keyframes cloud-animation {
  0% {
    transform:translateX(500px);
  }

  100% {
    transform:translateX(-150px);
  }
}

#roxy-twitter-link {
  position:fixed;
  top:10px;
  right:10px;
  z-index:1500;
}

#twitter-button-container {
  width:350px!important;
  height:100px;
  background-color:#add8e6;
  position:relative;
  overflow:hidden;
  border-radius:10px;
  border:5px solid #00A0DC;
  transition:1s;
}

#twitter-button-container:hover {
  background-color:pink;
  transition:1s;
}

#blue-bird {
  position:absolute;
  width:150px!important;
  right:100px;
  bottom:30px;
  animation-name:roxytweet;
  animation-duration:4s;
  animation-delay:0;
  animation-timing-function:ease-out;
  animation-fill-mode:backwards;
  animation-iteration-count:infinite;
  transition:1s;
}

#flying-kitten {
  position:absolute;
  left:10px;
  bottom:30px;
  width:100px!important;
  animation-name:roxytweet;
  animation-duration:10s;
  animation-delay:0;
  animation-timing-function:ease-out;
  animation-fill-mode:backwards;
  animation-iteration-count:infinite;
  transition:1s;
}

#cloud1 {
  width:150px!important;
  height:auto;
  animation-name:cloud-animation;
  animation-duration:6s;
  animation-delay:0;
  animation-timing-function:linear;
  animation-fill-mode:backwards;
  animation-iteration-count:infinite;
  transition:1s;
  position:absolute;
  top:-40px;
}

#cloud2 {
  width:150px!important;
  height:auto;
  animation-name:cloud-animation;
  animation-duration:6s;
  animation-delay:2s;
  animation-timing-function:linear;
  animation-fill-mode:backwards;
  animation-iteration-count:infinite;
  transition:1s;
  position:absolute;
  bottom:0;
}

#cloud3 {
  width:150px!important;
  height:auto;
  animation-name:cloud-animation;
  animation-duration:6s;
  animation-delay:4s;
  animation-timing-function:linear;
  animation-fill-mode:backwards;
  animation-iteration-count:infinite;
  transition:1s;
  position:absolute;
  bottom:-20px;
}

#cloud4 {
  width:170px!important;
  height:auto;
  animation-name:cloud-animation;
  animation-duration:4s;
  animation-delay:0;
  animation-timing-function:linear;
  animation-fill-mode:backwards;
  animation-iteration-count:infinite;
  transition:1s;
  position:absolute;
  top:-75px;
}

#cloud5 {
  width:170px!important;
  height:auto;
  animation-name:cloud-animation;
  animation-duration:4s;
  animation-delay:2s;
  animation-timing-function:linear;
  animation-fill-mode:backwards;
  animation-iteration-count:infinite;
  transition:1s;
  position:absolute;
  bottom:-75px;
}

#twitter-msg {
  width:150px!important;
  position:absolute;
  right:7px;
  bottom:17px;
  animation-name:roxytweet;
  animation-duration:4s;
  animation-delay:0;
  animation-timing-function:ease-out;
  animation-fill-mode:backwards;
  animation-iteration-count:infinite;
  transition:1s;
}

.balloon-kitten {
  height:auto;
  position:absolute;
  bottom:-65px;
  transition:all 2s ease-in-out;
}

#twitter-button-container:hover > .balloon-kitten {
  bottom:20px;
  transition:all 2s ease-in-out;
}

.balloon-kitten2 {
  height:auto;
  position:absolute;
  bottom:-40px;
  transition:all 3s ease-in-out;
}

#twitter-button-container:hover > .balloon-kitten2 {
  bottom:60px;
  transition:all 2s ease-in-out;
}

#kitten1 {
  width:40px!important;
  left:10px;
}

#kitten2 {
  width:60px!important;
  left:80px;
}

#kitten3 {
  width:30px!important;
  left:150px;
}

#kitten4 {
  width:50px!important;
  left:220px;
}

#kitten5 {
  width:40px!important;
  left:290px;
}

/* ------------ whale ----------------*/
#whale-container0 {
  z-index:1500;
  position:fixed;
  bottom:10px;
  left:10px;
}

#whale-container1 {
  position:relative;
  width:280px;
  height:280px;
  display:block;
  border-radius:100%;
  overflow:hidden;
}

#sea-high {
  position:absolute;
  width:auto;
  left:0;
  bottom:110px;
  z-index:1000;
}

#sea-low {
  position:absolute;
  width:auto;
  left:0;
  bottom:-20px;
  z-index:1200;
}

#cute-whale {
  position:absolute;
  height:120px;
  left:110px;
  bottom:15px;
  transition:1s;
  z-index:1100;
  transform:rotate(20deg);
}

#whale-container1:hover > #cute-whale {
  transition:.7s;
  bottom:120px;
}

#porthole {
  position:absolute;
  height:280px;
  width:280px;
  bottom:0;
  left:0;
  z-index:1300;
}

/*  ------- ROXY-ONLYFANS-BUTTON (by mackandal) ------- */
/* animations */
@keyframes roxy-onlyfans-float {
  0% {
    transform:translatey(0px) rotate(-20deg);
  }

  50% {
    transform:translatey(-20px) rotate(20deg);
  }

  100% {
    transform:translatey(0px) rotate(-20deg);
  }
}

@keyframes roxy-onlyfans-float2 {
  0% {
    transform:translatey(0px);
  }

  50% {
    transform:translatey(-20px);
  }

  100% {
    transform:translatey(0px);
  }
}

@keyframes roxy-onlyfans-viaje {
  0% {
    transform:translatey(350px);
  }

  50% {
    transform:translatey(0px);
  }

  100% {
    transform:translatey(350px);
  }
}

@keyframes roxy-onlyfans-rotacion {
  from {
    -ms-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg);
  }

  to {
    -ms-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    transform:rotate(360deg);
  }
}

/* elements */
#roxy-onlyfans-container {
  z-index:1500;
  position:fixed;
  top:130px;
  right:10px;
}

#roxy-onlyfans-button-link {
  position:relative;
  width:180px!important;
  height:180px;
  display:block;
  border-radius:100%;
  overflow:hidden;
}

#roxy-onlyfans-logo1 {
  position:absolute;
  height:35px;
  width:85px!important;
  top:65px;
  left:65px;
  animation:roxy-onlyfans-float2 6s ease-in-out infinite;
  transition:1s;
}

#roxy-onlyfans-logo2 {
  position:absolute;
  height:35px;
  width:86px!important;
  top:95px;
  left:75px;
  animation:roxy-onlyfans-float2 6s ease-in-out infinite;
  transition:1s;
}

#roxy-onlyfans-catnaut {
  position:absolute;
  width:68px!important;
  top:55px;
  left:15px;
  animation:roxy-onlyfans-float 20s ease-in-out infinite;
  transition:2s;
}

#roxy-onlyfans-cosmos_background {
  position:absolute;
  width:300px!important;
  bottom:0;
  left:-100px;
  animation:roxy-onlyfans-viaje 50s linear infinite;
}

#roxy-onlyfans-button-link:hover > #roxy-onlyfans-catnaut {
  top:70px;
  left:70px;
  transition:2s;
  width:40px!important;
}

#roxy-onlyfans-button-link:hover > #roxy-onlyfans-logo1 {
  top:-100px;
  transition:1s;
}

#roxy-onlyfans-button-link:hover > #roxy-onlyfans-logo2 {
  top:200px;
  transition:1s;
}

#roxy-onlyfans-badge_slogan-1 {
  position:absolute;
  top:0;
  left:0;
  height:180px;
  width:180px!important;
}

#roxy-onlyfans-badge_slogan-2 {
  position:absolute;
  top:0;
  left:0;
  height:180px;
  width:180px!important;
  -webkit-animation:roxy-onlyfans-rotacion 30s linear infinite;
  -moz-animation:roxy-onlyfans-rotacion 30s linear infinite;
  -ms-animation:roxy-onlyfans-rotacion 30s linear infinite;
  -o-animation:roxy-onlyfans-rotacion 30s linear infinite;
  animation:roxy-onlyfans-rotacion 30s linear infinite;
  visibility:hidden;
  opacity:0;
  transition:visibility 0s,opacity .5s linear;
  transition:1s;
}

#roxy-onlyfans-stars-rain {
  position:absolute;
  width:200px!important;
  bottom:0;
  left:0;
  visibility:hidden;
  opacity:0;
  transition:visibility 0s,opacity .5s linear;
  transition:1s;
}

#roxy-onlyfans-button-link:hover > #roxy-onlyfans-stars-rain {
  visibility:visible;
  opacity:1;
  transition:1s;
}

#roxy-onlyfans-button-link:hover > #roxy-onlyfans-badge_slogan-2 {
  visibility:visible;
  opacity:1;
  transition:1s;
}

#roxy-onlyfans-planet {
  position:absolute;
  bottom:-50px;
  width:200px!important;
  left:0;
  transition:2s;
}

#roxy-onlyfans-button-link:hover > #roxy-onlyfans-planet {
  bottom:0;
  transition:2s;
}

/* ------- ROXY GIFT CARD SECTION - begin--------- */
@keyframes roxy-cardgift-motion {
  0% {
    -ms-transform:rotate(-5deg);
    -moz-transform:rotate(-5deg);
    -webkit-transform:rotate(-5deg);
    -o-transform:rotate(-5deg);
    transform:rotate(-5deg);
  }

  50% {
    -ms-transform:rotate(5deg);
    -moz-transform:rotate(5deg);
    -webkit-transform:rotate(5deg);
    -o-transform:rotate(5deg);
    transform:rotate(5deg);
  }

  100% {
    -ms-transform:rotate(-5deg);
    -moz-transform:rotate(-5deg);
    -webkit-transform:rotate(-5deg);
    -o-transform:rotate(-5deg);
    transform:rotate(-5deg);
  }
}

#roxy-gift-card-link {
  position:fixed!important;
  top:10px!important;
  left:10px!important;
}

#roxy-gift-card-container {
  background-image:url(https://res.cloudinary.com/fmcpics/image/upload/v1590947816/rox/roxy-gift-card/roxy-gift-card-background-2.gif);
  width:200px!important;
  height:200px!important;
  border-radius:10%!important;
  overflow:hidden!important;
  position:relative!important;
  z-index:1500;
  border:5px solid white;
}

#roxy-gift-card-msg {
  width:130px!important;
  position:absolute!important;
  top:10px!important;
  left:30px!important;
  animation:roxy-cardgift-motion 6s ease-in-out infinite;
  transition:1s;
}

#roxy-gift-card-container:hover > #roxy-gift-card-msg {
  top:-80px!important;
  transition:1s;
}

#roxy-gift-card-gcard {
  width:190px!important;
  position:absolute;
  top:-100px!important;
  left:5px!important;
  background-color:rgba(255,218,94,0.7);
  border-radius:10%;
  transition:1s;
}

#roxy-gift-card-container:hover > #roxy-gift-card-gcard {
  top:10px!important;
  transition:1s;
}

/* ------- ROXY GIFT CARD SECTION - end--------- */
#w5956145 {
  color:#4c3180!important;
}

#w5956145 .wall_post_body {
  color:#4c3180!important;
}

#w5956145 a {
  color:#4c3180;
}

#favorite_models_value a {
  color:#b19cd9;
  font-size:1.5em;
  font-weight:bolder;
}

#dickbutt_bellart {
  position:absolute;
  right:330px;
  top:-540px;
  width:200px;
  height:auto;
  transform:rotate(5deg);
}

#vault_boy_bellart {
  position:absolute;
  left:330px;
  top:-500px;
  width:200px;
  height:auto;
  transform:rotate(-8deg);
}

#bella_bellart {
  position:absolute;
  left:600px;
  bottom:30px;
  width:200px;
  height:auto;
  transform:rotate(3deg);
}

#roxy-gift-card-link {
  display:none;
}

#w4848399,#w5046290,#w5046279,#w6062605,#w6050821,#w6063951,#w6063949,#w6064538 {
  display:none;
}