@charset "UTF-8";

UTF-8;
/*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher,Jonathan Neal,* Kroc Camen,and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html {
  color:#222;
  font-size:1em;
  line-height:1.4;
}

html,body {
  margin:0;
  font-size:1em;
}

/*
* Remove text-shadow in selection highlight:
* https://twitter.com/miketaylr/status/12228805301
*
* Vendor-prefixed and regular ::selection selectors cannot be combined:
* https://stackoverflow.com/a/16982510/7133471
*
* Customize the background color to match your design.
*/
::selection {
  background:#b3d4fc;
  text-shadow:none;
}

/*
* A better looking default horizontal rule
*/
hr {
  display:block;
  height:1px;
  border:0;
  border-top:1px solid #ccc;
  margin:1em 0;
  padding:0;
}

/*
* Remove the gap between audio, canvas, iframes,
* images, videos and the bottom of their containers:
* https://github.com/h5bp/html5-boilerplate/issues/440
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle;
}
*/
/*
* Remove default fieldset styles.
*/
fieldset {
  border:0;
  margin:0;
  padding:0;
}

/*
* Allow only vertical resizing of textareas.
*/
textarea {
  resize:vertical;
}

/* ==========================================================================
Browser Upgrade Prompt
========================================================================== */
.browserupgrade {
  margin:.2em 0;
  background:#ccc;
  color:#000;
  padding:.2em 0;
}

/* ==========================================================================
Author's custom styles
========================================================================== */
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Hide visually and from screen readers
*/
.hidden {
  display:none;
}

/*
* Hide only visually, but have it available for screen readers:
* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*
* 1. For long content, line feeds are not interpreted as spaces and small width
*    causes content to wrap 1 word per line:
*    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
*/
.visuallyhidden {
  border:0;
  clip:rect(0 0 0 0);
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px;
  white-space:nowrap;
/* 1 */
}

/*
* Extends the .visuallyhidden class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
  clip:auto;
  height:auto;
  margin:0;
  overflow:visible;
  position:static;
  width:auto;
  white-space:inherit;
}

/*
* Hide visually and from screen readers, but maintain layout
*/
.invisible {
  visibility:hidden;
}

/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    `contenteditable` attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/
.clearfix:before,.clearfix:after {
  content:" ";
/* 1 */
  display:table;
/* 2 */
}

.clearfix:after {
  clear:both;
}

/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
  
}

@media print,(min-resolution: 1.25dppx),(min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
  
}

/* ==========================================================================
Print styles.
Inlined to avoid the additional HTTP request:
https://www.phpied.com/delay-loading-your-print-css/
========================================================================== */
@media print {
  *,:before,:after {
    background:transparent!important;
    color:#000!important;
  /* Black prints faster */
    box-shadow:none!important;
    text-shadow:none!important;
  }

  a,a:visited {
    text-decoration:underline;
  }

  a[href]:after {
    content:" (" attr(href) ")";
  }

  abbr[title]:after {
    content:" (" attr(title) ")";
  }

  /*
  * Don't show links that are fragment identifiers,
  * or use the `:` pseudo protocol
  */
  a[href^="#"]:after,a[href^=":"]:after {
    content:"";
  }

  pre {
    white-space:pre-wrap!important;
  }

  pre,blockquote {
    border:1px solid #999;
    page-break-inside:avoid;
  }

  /*
  * Printing Tables:
  * http://css-discuss.incutio.com/wiki/Printing_Tables
  */
  thead {
    display:table-header-group;
  }

  tr,img {
    page-break-inside:avoid;
  }

  p,h2,h3 {
    orphans:3;
    widows:3;
  }

  h2,h3 {
    page-break-after:avoid;
  }
}

body {
  font-family:Arial,Helvetica Neue,Helvetica,sans-serif;
  background:url(../img/heart-bg.jpg) repeat;
  color:#5f5f5f;
  padding:0;
  margin:0;
  min-width:320px;
}

* {
  box-sizing:border-box;
}

/************************************/
/*----------- Animations -----------*/
/************************************/
@-webkit-keyframes wiggle {
  0% {
    -webkit-transform:rotate(5deg);
  }

  25% {
    -webkit-transform:rotate(-5deg);
  }

  50% {
    -webkit-transform:rotate(10deg);
  }

  75% {
    -webkit-transform:rotate(-2.5deg);
  }

  100% {
    -webkit-transform:rotate(0deg);
  }
}

@-ms-keyframes wiggle {
  0% {
    -ms-transform:rotate(0.5deg);
  }

  25% {
    -ms-transform:rotate(-0.5deg);
  }

  50% {
    -ms-transform:rotate(0.75deg);
  }

  75% {
    -ms-transform:rotate(-2.5deg);
  }

  100% {
    -ms-transform:rotate(0deg);
  }
}

@keyframes wiggle {
  0% {
    transform:rotate(5deg);
  }

  25% {
    transform:rotate(-5deg);
  }

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

  75% {
    transform:rotate(-2.5deg);
  }

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

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

  25% {
    transform:scale(1.05);
  }

  40% {
    transform:scale(1);
  }

  60% {
    transform:scale(1.05);
  }

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

/************************************/
/*--------- Main Navigation --------*/
/************************************/
#mainNav {
  position:fixed;
  top:0;
  left:0;
  right:0;
  background-color:#f8dbe5;
  height:48px;
  z-index:9999;
  min-width:840px;
}

#navLinksWrapper {
  max-width:840px;
  margin:0 auto;
  text-align:center;
}

#navLinks-wrapper:after {
  content:"";
  display:table;
  clear:both;
}

#navLinks {
  margin:0 auto;
  padding:0;
  list-style:none;
}

#navLinks:after {
  content:"";
  display:table;
  clear:both;
}

#navLinks li {
  display:inline-block;
  text-align:center;
  line-height:48px;
  height:48px;
}

#navLinks li:after {
  line-height:48px;
  content:"";
  display:inline-block;
  background:url(../img/nav-heart.png) no-repeat center;
  width:22px;
  height:48px;
  float:left;
  margin:0 10px;
  transition:all 300ms 0 ease-in-out;
}

#navLinks li:hover:after {
  -webkit-animation-name:wiggle;
  -ms-animation-name:wiggle;
  -ms-animation-duration:500ms;
  -webkit-animation-duration:500ms;
  -webkit-animation-iteration-count:1;
  -ms-animation-iteration-count:1;
  -webkit-animation-timing-function:ease-in-out;
  -ms-animation-timing-function:ease-in-out;
}

#navLinks li:last-child:after {
  display:none;
}

#navLinks li a {
  font-family:"Arial Black",Arial,Helvetica Neue,Helvetica,sans-serif;
  display:inline-block;
  line-height:48px;
  float:left;
  font-weight:bolder;
  text-transform:uppercase;
  color:#5f5f5f;
  text-decoration:none;
}

#navLinks li a:hover {
  opacity:.8;
}

#mainWrapper {
  display:block;
  max-width:880px;
  min-width:880px;
  margin:0 auto;
  padding:0 20px;
}

#about_me_container,#about_me_value {
  width:100%;
  height:100%;
  position:relative;
  display:block;
  margin:0;
}

#mainProfilePicture {
  max-width:840px;
  width:100%;
  padding:15px;
  background:#fff;
  border:4px solid #f8c1d2;
  margin:30px 0 0;
  border-radius:3px;
}

#mainProfilePicture img {
  width:100%;
  height:auto;
}

/************************************/
/*---------- Action Links ----------*/
/************************************/
#actionsNav {
  width:100%;
  max-width:840px;
  padding:0 30px;
}

#actionsNav .contentSpacerWrapper {
  background:#f8c1d2;
  padding:20px;
  max-width:769px;
  width:100%;
  margin:0 auto;
  text-align:center;
}

#actionLinks {
  margin:0 auto;
  list-style:none;
  padding:0;
}

#actionLinks:after {
  content:"";
  display:table;
  clear:both;
}

#actionLinks li {
  display:inline-block;
  text-align:center;
  line-height:48px;
  height:48px;
  margin:0 12px;
}

#actionLinks li a {
  font-family:"Arial Black",Arial,Helvetica Neue,Helvetica,sans-serif;
  font-size:16px;
  display:inline-block;
  line-height:49px;
  float:left;
  font-weight:bolder;
  text-transform:uppercase;
  color:#5f5f5f;
  text-decoration:none;
  padding:0 10px;
  background:#f8dbe5;
  -webkit-font-smoothing:subpixel-antialiased;
  backface-visibility:hidden;
  transform:translateZ(0);
}

#actionLinks li a:hover {
  position:relative;
  border-radius:5px;
  transition:all ease-in .2s;
  opacity:.9;
}

#actionLinks li a:after {
  content:"";
  transition:all ease-out .2s;
}

#actionLinks li a:focus {
  position:relative;
  border-radius:0;
  transition:all ease-in .2s;
}

#actionLinks li a:focus:hover {
  position:relative;
  border-radius:7px;
  transition:all ease-in .2s;
  opacity:.9;
}

#actionLinks li a:active {
  position:relative;
  border-radius:7px;
  opacity:.9;
}

/************************************/
/*------------- Icons --------------*/
/************************************/
span.icon {
  content:"";
  line-height:48px;
  display:inline-block;
  background-image:url(../img/actionLinks-icons.png);
  background-repeat:no-repeat;
  width:36px;
  height:26px;
  float:left;
  transition:all 200ms 0 ease-in-out;
  margin-right:5px;
}

.icon.cash {
  background-position:0 0;
  margin-top:14px;
  opacity:.7;
}

.icon.mail {
  width:30px;
  background-position:-4px -22px;
  margin-top:10px;
  opacity:.7;
}

.icon.pen {
  width:30px;
  background-position:-4px -52px;
  margin-top:10px;
  opacity:.7;
}

.icon.heart {
  display:inline-block;
  background:url(../img/nav-heart.png) no-repeat center;
  width:22px;
  height:19px;
  margin-top:3px;
}

.icon.spinTheWheel {
  background-size:37.5px 42px;
  display:inline-block;
  background:url(../img/spin-the-wheel-icon.png) no-repeat left;
  padding-left:47.5px;
  width:auto;
  height:48px;
  margin-top:3px;
  float:none;
}

a:hover span.icon {
  -webkit-animation-name:wiggle;
  -ms-animation-name:wiggle;
  -ms-animation-duration:500ms;
  -webkit-animation-duration:500ms;
  -webkit-animation-iteration-count:1;
  -ms-animation-iteration-count:1;
  -webkit-animation-timing-function:ease-in-out;
  -ms-animation-timing-function:ease-in-out;
}

#actionLinks li a:hover:after {
  -webkit-animation-name:wiggle;
  -ms-animation-name:wiggle;
  -ms-animation-duration:500ms;
  -webkit-animation-duration:500ms;
  -webkit-animation-iteration-count:1;
  -ms-animation-iteration-count:1;
  -webkit-animation-timing-function:ease-in-out;
  -ms-animation-timing-function:ease-in-out;
}

/************************************/
/*------------ About Me ------------*/
/************************************/
#aboutMe {
  max-width:840px;
  width:100%;
  padding:0;
  border:4px solid #f8c1d2;
  border-radius:3px;
  margin:0;
}

#aboutMe .container {
  display:block!important;
  margin:0;
}

#aboutMe p {
  text-align:center;
}

.contentWrapper {
  padding:15px;
  background:#fff;
}

.blue {
  background:#bce7e9;
  padding:20px;
}

.pink {
  background:#f8dbe5;
  padding:20px;
}

.yellow {
  background:#fbeed8;
  padding:20px;
}

#tipMenu {
  max-width:840px;
  width:100%;
  padding:0;
  border:4px solid #f8c1d2;
  border-radius:3px;
  margin:0;
}

#tipMenu h4 {
  height:48px;
  line-height:48px;
  margin-bottom:0;
}

#tipMenu ul {
  padding:0;
  margin:37px 0 0;
  text-align:left;
  list-style:none;
}

#tipMenu .normal {
  font-weight:400;
}

#tipMenu ul.prizeList {
  margin:0;
  padding-left:50px;
}

#tipMenu ul:after {
  content:" ";
  display:table;
  clear:both;
}

#tipMenu ul li {
  margin-bottom:10px;
}

#tipMenu ul li .label {
  display:inline;
}

#tipMenu .contentWrapper .inner:after {
  content:" ";
  display:table;
  clear:both;
}

.leftTipMenu {
  float:left;
  width:50%;
}

.rightTipMenu {
  float:left;
  width:50%;
}

.contentSpacer {
  width:100%;
  max-width:840px;
  padding:0 30px;
}

.contentSpacerWrapper {
  background:#f8c1d2;
  padding:10px;
  max-width:769px;
  width:100%;
  margin:0 auto;
  text-align:center;
}

/************************************/
/*------------ Top Tips ------------*/
/************************************/
#topTippers {
  max-width:840px;
  width:100%;
  padding:0;
  border:4px solid #f8c1d2;
  border-radius:3px;
  margin:0;
}

h3.contentTitle {
  position:relative;
  z-index:1;
  overflow:hidden;
  text-align:center;
  font-family:'Dancing Script',cursive;
  font-size:60px;
  line-height:72px;
  margin:0;
  font-weight:400;
  letter-spacing:-1.8px;
}

h3.contentTitle:before,h3.contentTitle:after {
  margin-left:15px;
  position:absolute;
  top:51%;
  overflow:hidden;
  width:20%;
  height:1px;
  content:'\a0';
  background-color:#5f5f5f;
}

h3.contentTitle:before {
  margin-left:-22%;
  text-align:right;
}

/************************************/
/*------------ My Heroes -----------*/
/************************************/
#myHeroes {
  max-width:840px;
  width:100%;
  padding:0;
  border:4px solid #f8c1d2;
  border-radius:3px;
  margin:0;
}

#myHeroes h3.contentTitle:before,#myHeroes h3.contentTitle:after {
  top:44%;
}

#myHeroes h3 {
  color:#fff;
  font-size:42px;
}

#myHeroesHeartBg {
  background:url(../img/my-heroes-title-bg.jpg) no-repeat center center;
  background-size:contain;
  display:inline-block;
  width:213px;
  height:207px;
  line-height:175px;
  transition:all ease-in-out .3s;
}

#myHeroesHeartBg:hover {
  -webkit-animation-name:beatHeart;
  -ms-animation-name:beatHeart;
  -ms-animation-duration:800ms;
  -webkit-animation-duration:800ms;
  -webkit-animation-iteration-count:infinite;
  -ms-animation-iteration-count:infinite;
  -webkit-animation-timing-function:ease-in-out;
  -ms-animation-timing-function:ease-in-out;
}

ul#heroes {
  list-style:none;
  padding:0;
  margin:30px 0 0;
}

ul#heroes li {
  float:left;
  width:calc(25% - 10px);
  margin-right:10px;
  margin-bottom:10px;
}

ul.tippers {
  list-style:none;
  padding:0;
  margin:30px 0 0;
}

ul.tippers li {
  float:left;
  width:calc(25% - 10px);
  padding:5px;
  background:#fff;
  margin:5px;
}

ul.tippers li img {
  width:100%;
  height:auto;
}

ul.tippers li a {
  display:block;
  font-size:0;
  transition:all 300ms 0 ease-in-out;
}

ul.tippers li a:hover {
  opacity:.9;
  -ms-animation-duration:500ms;
  -webkit-animation-duration:500ms;
  -webkit-animation-iteration-count:1;
  -ms-animation-iteration-count:1;
  -webkit-animation-timing-function:ease-in-out;
  -ms-animation-timing-function:ease-in-out;
}

/** LIGHTBOX MARKUP **/
.thumbnail {
  max-width:100%;
}

.lightbox {
/** Default lightbox to hidden */
  display:none;
/** Position and style */
  position:fixed;
  z-index:999;
  width:100%;
  height:100%;
  text-align:center;
  top:0;
  left:0;
  background:rgba(0,0,0,0.8);
}

.lightbox img {
/** Pad the lightbox image */
  max-width:90%;
  max-height:80%;
  margin-top:10%;
}

.lightbox:target {
/** Remove default browser outline */
  outline:none;
/** Unhide lightbox **/
  display:block;
}

/************************************/
/*------------ My Rules ------------*/
/************************************/
#myRules {
  max-width:840px;
  width:100%;
  padding:0;
  border:4px solid #f8c1d2;
  border-radius:3px;
  margin:0;
}

#myRules ul {
  list-style:none;
  padding:0;
  margin:30px 0;
}

#myRules ul li {
  margin-bottom:10px;
}

/************************************/
/*--------- Comments Taming --------*/
/************************************/
.wall_post_body {
  width:100%;
}

.wall_post_body iframe,.wall_post_body img {
  max-width:100%;
}

/* MFC Adjustments */
#profile_avatar,#avatar_holder,#profile_main_photo,#header_bar,#footer_bar,#blurb_label,#blurb_value,#about_me_label,#status_label,#member_type_value,#member_message_value,#unix_last_updated_container,#show_message_dialog,#profile_header_container,#profile_header {
  display:none;
}

#profile {
  padding:48px;
}

#username_container,#gender_container,#country_container,#city_container,#ethnicity_container,#marital_status_container,#occupation_container,#school_container,#body_type_container,#hair_container,#eyes_container,#smoke_container,#drink_container,#drugs_container,#favorite_food_container,#pets_container,#automobile_container,#status_container,#schedule_day_0_container,#schedule_day_1_container,#schedule_day_2_container,#schedule_day_3_container,#schedule_day_4_container,#schedule_day_5_container,#schedule_day_6_container,#schedule_converted,#profile_schedule,#weight_container,#height_container,#age_container,#sexual_preference_container {
  display:none;
}

#last_login_string_label,#unix_last_login_label,#unix_last_broadcast_label,#unix_last_broadcast_label,#unix_last_broadcast_value {
  display:none;
}

.heading {
  display:none;
}

.profile_section_content {
  width:100%;
  height:100%;
  color:#5f5f5f;
  border:0;
  padding:0;
  margin:0;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
  z-index:auto;
}

#profile_interests_content .label {
}

#profile_interests_content .label,#profile_interests_content .value {
  margin:0;
  display:inline-block;
}

#profile_interests_content {
  display:block;
  width:100%;
}

#talents_container {
  width:100%;
  height:100%;
  position:relative;
  display:block;
  margin:0;
}

#profile_about_me_friends {
  display:block;
}

#profile_main_about_holder {
  display:block;
}

.wall_post_info,.wall_post_info a {
  text-decoration:none;
  color:#5f5f5f;
  font-family:Arial,Helvetica Neue,Helvetica,sans-serif;
  font-size:26px;
  line-height:32px;
  margin:0;
  font-weight:400;
  letter-spacing:-1.8px;
}

.wall_post {
  margin-bottom:30px;
  border-bottom:1px dotted #5f5f5f;
}

.wall_post_body {
  font-size:16px;
  line-height:18px;
  padding-left:60px;
}

#profile_friends {
  position:relative;
  display:block;
  max-width:880px;
  margin:0 auto;
  padding:0 20px 20px;
}

#profile_photo_galleries {
  display:none;
}

#tags_container {
  display:none;
}

#turn_ons_container {
  display:none;
}

#profile_interests_content {
/*display: none;*/
}

#favorite_models_container {
  position:relative;
}

#favorite_models_container:after {
  position:absolute;
  bottom:-24px;
  left:30px;
  right:30px;
  overflow:hidden;
  height:1px;
  content:'\a0';
  background:#f8c1d2;
  padding:10px;
  max-width:759px;
  margin:0 auto;
  text-align:center;
}

#profile_friends .container {
  display:flex;
  flex-wrap:wrap;
  max-width:840px;
  width:100%;
  border:4px solid #f8c1d2;
  border-radius:3px 3px 0 0;
  margin:0;
  padding:0 15px;
  background:#fff;
}

#profile_friends .container span.label {
  min-width:270px;
  display:flex;
  flex:0 0 270px;
}

#profile_friends .container span:not(#admire_confirm):not(#make_friend_confirm) {
  display:flex;
  flex:1;
  align-items:stretch;
  padding:0 20px;
  padding-bottom:10px;
  padding-top:10px;
  border-bottom:1px solid #fff;
  margin-right:0;
  background:#fbeed8;
}

#profile_friends .container span#admire_confirm {
  display:none;
  padding:0;
  border-bottom:0 solid #fff;
}

#profile_friends .container span#make_friend_confirm {
  display:none;
  padding:0;
  border-bottom:0 solid #fff;
}

#profile_friends .container:nth-child(2) {
  padding-top:20px;
}

#profile_friends .container:nth-child(2) span {
  padding-top:20px;
}

#profile_friends .container:last-child {
  padding-bottom:20px;
  border-radius:0 0 3px 3px;
}

#profile_friends .container:last-child span {
  padding-bottom:20px;
}

#profile_friends .container span#average_rating:not(#admire_confirm):not(#make_friend_confirm),#profile_friends .container span#average_rating_count:not(#admire_confirm):not(#make_friend_confirm) {
  padding:0;
  border-bottom:0 dotted #5f5f5f;
}

#profile_friends .container span#rating_confirm:not(#admire_confirm):not(#make_friend_confirm) {
  display:none;
  padding:0;
  border-bottom:0 solid #fff;
}

#profile_friends #average_rating {
  border-bottom:0 solid #fff;
}

#profile_friends #rating_value_bar img {
  width:16px;
  height:16px;
}

#profile_friends #rating_value_bar {
  padding:0!important;
  border-bottom:0 dotted #5f5f5f!important;
}

#profile_friends #average_rating img {
  width:16px;
  height:16px;
}

#profile_friends .container span:first-child {
}

#profile_friends .container:nth-child(2) {
  border-bottom:0;
}

#profile_friends .container:nth-child(3),#profile_friends .container:nth-child(4),#profile_friends .container:nth-child(5) {
  border-bottom:0 solid #fff;
  border-top:0 solid #fff;
  border-radius:0;
}

#profile_friends .container:nth-child(6) {
  border-top:0;
}

/*
#profile_friends .heading{
display: block;
position: relative;
z-index: 1;
overflow: hidden;
text-align: center;
font-family: 'Dancing Script', cursive;
font-size: 60px;
line-height: 72px;
margin: 0;
font-weight: 400;
letter-spacing: -1.8px;
margin-bottom: 30px;
}
#profile_friends .heading:before, #profile_friends .heading:after {
margin-left: 15px;
position: absolute;
top: 51%;
overflow: hidden;
width: 20%;
height: 1px;
content: '\a0';
background-color: #5f5f5f;
}
#profile_friends .heading:before {
margin-left: -22%;
text-align: right;
}*/
#profile_comments {
  display:block;
  max-width:840px;
  width:100%;
  border:4px solid #f8c1d2;
  border-radius:3px;
  margin:0 auto;
  padding:15px;
  background:#fff;
}

#profile_comments .heading {
  display:block;
  position:relative;
  z-index:1;
  overflow:hidden;
  text-align:center;
  font-family:'Dancing Script',cursive;
  font-size:60px;
  line-height:72px;
  margin:0;
  font-weight:400;
  letter-spacing:-1.8px;
  margin-bottom:30px;
}

#profile_comments .heading:before,#profile_comments .heading:after {
  margin-left:15px;
  position:absolute;
  top:51%;
  overflow:hidden;
  width:20%;
  height:1px;
  content:'\a0';
  background-color:#5f5f5f;
}

#profile_comments .heading:before {
  margin-left:-22%;
  text-align:right;
}

#profile_comments .profile_section_content {
  background:#bce7e9;
  padding:20px;
}

.profile_row:nth-child(5) {
  display:block;
  max-width:880px;
  margin:0 auto;
  padding:0 20px;
}

#new_comment_inputs {
  width:92%;
}

#user_comment_comment {
  width:100%;
  min-height:200px;
}

.user_comment_textarea_small {
  width:100%;
  min-height:200px;
}

/* Mobile */
@media (max-device-width: 768px) {
  html,body {
    font-size:22px;
    line-height:24px;
  }

  #mainNav {
    min-width:320px;
  }

  #mainWrapper {
    display:block;
    max-width:95%;
    min-width:320px;
    margin:0 auto;
    padding:0;
  }

  #mainProfilePicture,#aboutMe,#tipMenu,#myHeroes,#topTippers,#myRules,#profile_friends,#profile_comments {
    max-width:973px;
    width:100%;
  }

  #actionsNav {
    max-width:100%;
  }

  #actionsNav .contentSpacerWrapper {
    max-width:871px;
  }

  .profile_row:nth-child(5) {
    max-width:973px;
  }

  #profile_friends .container {
    max-width:100%;
  }

  #profile_friends .container span.label {
    min-width:352px;
    flex:0 0 352px;
  }

  .contentSpacer {
    max-width:100%;
  }

  .contentSpacerWrapper {
    max-width:871px;
  }

  #favorite_models_container:after {
    max-width:973px;
  }

  .wall_post_body {
    font-size:22px;
    line-height:24px;
  }

  #actionLinks li {
    margin:0 6px;
  }

  #actionLinks li a {
    font-size:22px;
  }

  ul#heroes li {
    width:calc(33.333% - 10px);
  }

  .label {
    min-width:270px;
  }

  #actionLinks li a span.icon {
    display:none;
  }

  .wall_post_time {
    font-size:14px;
  }
}

@media (max-device-width: 650px) {
  html,body {
    font-size:32px;
    line-height:34px;
  }

  #actionLinks li {
    width:100%;
    margin:0;
  }

  #actionLinks li a {
    width:100%;
    font-size:32px;
  }

  #actionLinks li a span.icon {
    display:none;
  }

  #navLinks li a {
    font-size:24px;
  }

  ul#heroes li {
    float:left;
    width:calc(50% - 10px);
    margin-right:10px;
  }

  .icon.heart {
    width:47px;
    height:27px;
  }

  h3.contentTitle {
    font-size:80px;
    line-height:100px;
  }

  #myHeroes h3 {
    font-size:60px;
  }

  #myHeroesHeartBg {
    background-size:contain!important;
    width:300px;
    height:260px;
    line-height:212px;
  }

  .label {
    min-width:330px;
  }

  .rightTipMenu,.leftTipMenu {
    width:auto;
    float:none;
  }

  #profile_friends .container span.label {
    min-width:352px;
    flex:0 0 100%;
  }

  #profile_friends #average_rating img {
    width:32px;
    height:32px;
  }

  #profile_friends #average_rating {
    width:100%!important;
  }

  #profile_friends #average_rating_count {
    font-size:22px;
    margin:10px 0;
  }

  #rating_value_bar {
    width:100%!important;
    padding:10px 0!important;
    border-bottom:0 solid #fff;
  }

  #profile_friends #rating_value_bar img {
    width:32px;
    height:32px;
  }

  #mainNav {
    height:65px;
  }

  #navLinks li {
    height:65px;
    line-height:65px;
  }

  #navLinks li a {
    font-size:25px;
    line-height:65px;
  }

  #navLinks li:after {
    line-height:65px;
    height:65px;
  }

  .wall_post_info,.wall_post_info a {
    font-size:32px;
  }

  .wall_post_time {
    font-size:18px;
  }

  .wall_post_body {
    font-size:32px;
    line-height:34px;
  }
}

@media (max-device-width: 565px) {
  #profile_friends .container span {
    display:block;
    width:100%;
  }

  .wall_post_info,.wall_post_info a {
    font-size:40px;
  }

  .wall_post_time {
    font-size:22px;
  }

  .wall_post_body {
    padding-top:20px;
    padding-bottom:20px;
  }
}

/* MFC Image Replacements */
body {
  background:url(https://img.mfcimg.com/photos2/627/6278629/692-686-967-469-12048555.jpg) repeat;
}

span.icon {
  background-image:url(https://img.mfcimg.com/photos2/627/6278629/552-291-218-889-12048554.png);
}

.icon.heart {
  background:url(https://img.mfcimg.com/photos2/627/6278629/269-336-261-370-12048558.png) no-repeat center;
}

.icon.spinTheWheel {
  background:url(https://img.mfcimg.com/photos2/627/6278629/342-520-363-444-12094916.png) no-repeat left;
  background-size:37.5px 42px;
}

#myHeroesHeartBg {
  background:url(https://img.mfcimg.com/photos2/627/6278629/973-135-864-549-12048557.jpg) no-repeat center center;
}

#navLinks li:after {
  background:url(https://img.mfcimg.com/photos2/627/6278629/269-336-261-370-12048558.png) no-repeat center;
}

.hidden {
  display:none;
}

@media (max-device-width: 460px) {
  #mainNav {
    position:relative;
    top:0;
    left:0;
    right:0;
    background-color:#f8dbe5;
    height:auto!important;
    z-index:9999;
    min-width:840px;
  }

  #profile {
    padding:0;
  }

  .profile_row:last-child {
    padding:0 20px 20px;
  }
}