@charset "UTF-8";

/* *************************************************************************************** */
/* *************************************************************************************** */
html {
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  border:0;
  overflow-x:hidden;
}

body {
  margin:0;
  padding:0;
  background-color:#130A0C;
}

#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 {
  display:none;
}

#username_container,#cam_score_container,#gender_container,#age_container,#country_container,#city_container,#ethnicity_container,#sexual_preference_container,#marital_status_container,#occupation_container,#school_container,#body_type_container,#weight_container,#height_container,#hair_container,#eyes_container,#smoke_container,#drink_container,#drugs_container,#favorite_food_container,#pets_container,#automobile_container {
  display:none;
}

#member_status_value,#member_status_value:before,#member_status_value:after,#status_container,#status_container a:link,#status_container a {
  display:none;
}

.container #last_login_string_label,#unix_last_login_label,#unix_last_broadcast_label {
  display:none;
}

.container #last_login_string_value,#unix_last_login_value,#unix_last_broadcast_value,.heading {
  display:none;
}

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

#profile_about_me {
  width:100%;
  z-index:3;
}

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

#profile {
  width:100%;
}

#profile_header {
  padding:0;
}

#profile_header_container {
  min-height:0;
}

#profile_friends,#favorite_models_container a:hover {
  display:none;
}

#profile_comments,#profile_interests_content #know_me_label,#friends_container .value a:hover,#friends_container .value a,#favorite_models_container .value a {
  display:none;
}

.animate > span:after,.mfc_compliance_link a {
  display:none;
}

.mfc_compliance_link {
  display:none;
  position:absolute;
}

.profile_section_content {
  margin:0;
  padding:0;
}

/* *************************************************************************************** */
/* *************************************************************************************** */
:root {
  --aqua:#09C6BD;
  --rojo:#A10010;
}

/* ********************** body background ***********************/
.body {
  position:relative;
  display:flex;
  justify-content:center;
}

.fondo {
  position:absolute;
  width:100%;
  height:auto;
}

/* ********************** contenedor ***********************/
.contenedor {
  width:85%;
  height:auto;
  position:absolute;
}

/* ********************** contenido ***********************/
.titulo {
  font-family:"Book Antiqua",Palatino,"Palatino Linotype","Palatino LT STD",Georgia,serif;
  color:var(--aqua);
  z-index:1000;
}

.centrado {
  text-align:center;
}

h1 {
  margin-top:100px;
  font-size:100px;
}

.texto {
  font-family:'Roboto',sans-serif;
  color:#fff;
}

/* ********************** hi guys ***********************/
.hi-guys {
  width:345px;
  height:215px;
  position:relative;
}

.hi-guys h1 {
  font-size:26px;
  position:absolute;
  left:50px;
  bottom:130px;
}

.hi-guys img {
  opacity:.1;
  position:absolute;
}

.hi-guys p {
  font-size:14px;
  position:absolute;
  left:50px;
  top:60px;
}

/* ********************** share ***********************/
.share {
  width:266px;
  height:266px;
  position:relative;
  float:right;
  margin-top:-360px;
}

.share-mfc {
  position:absolute;
  bottom:50px;
  right:40px;
  filter:invert(11%) sepia(72%) saturate(5510%) hue-rotate(347deg) brightness(80%) contrast(110%);
}

.share-mfc:hover {
  filter:invert(72%) sepia(28%) saturate(7437%) hue-rotate(133deg) brightness(97%) contrast(93%);
}

.share h1 {
  position:absolute;
  font-size:55px;
  bottom:35px;
  left:20px;
  line-height:50px;
}

.share h1:hover {
  color:var(--rojo);
}

.share span {
  margin-left:48px;
}

.share-fondo {
  filter:invert(99%) sepia(100%) saturate(37%) hue-rotate(298deg) brightness(110%) contrast(100%);
  border-radius:50%;
  opacity:.2;
}

.share a {
  border-radius:50%;
}

/* ********************** Rules ***********************/
.rules {
  width:268px;
  height:235px;
  position:relative;
  float:left;
  top:50px;
}

.rules img {
  opacity:.1;
}

.rules h1 {
  font-size:26px;
  position:absolute;
  top:-80px;
  left:40px;
}

.rules h1 {
  font-size:26px;
  position:absolute;
  top:-80px;
  left:40px;
}

.rules ul {
  position:absolute;
  font-size:14px;
  top:50px;
}

/* ********************** icons ***********************/
.icons {
  position:relative;
  float:right;
  width:70px;
  margin-right:100px;
  margin-top:-60px;
}

.links-icons {
  width:80%;
  margin:auto;
  text-align:center;
}

.icons img {
  width:36px;
  height:auto;
  filter:invert(72%) sepia(28%) saturate(7437%) hue-rotate(133deg) brightness(97%) contrast(93%);
  margin:10px;
}

.icons img:hover {
  filter:invert(32%) sepia(85%) saturate(4399%) hue-rotate(337deg) brightness(60%) contrast(130%);
}

.tooltip {
  position:relative;
  display:inline-block;
}

.tooltip .tooltiptext {
  visibility:hidden;
  width:120px;
  color:var(--rojo);
  text-align:center;
  padding:5px 0;
/* Position the tooltip */
  position:absolute;
  z-index:1;
  bottom:-5px;
  left:50%;
  margin-left:-60px;
}

.tooltip:hover .tooltiptext {
  visibility:visible;
}

/* ********************** tip me ***********************/
.tip {
  position:relative;
  width:275px;
  height:226px;
  float:right;
  top:400px;
  border-radius:50%;
  margin-right:-170px;
}

.tip img {
  position:absolute;
  top:0;
  left:0;
  z-index:0;
}

.tip a {
  text-decoration:none;
}

.tip h1 {
  position:absolute;
  color:#fff;
  font-size:70px;
  margin-left:40px;
  margin-top:70px;
  line-height:60px;
  z-index:100;
}

.tip span {
  margin-left:95px;
  z-index:100;
}

.tip:hover .hover {
  color:var(--aqua);
  text-shadow:1px 2px 3px var(--rojo);
}

/* ********************** horario ***********************/
.horario {
  position:relative;
  float:left;
  left:-260px;
  width:242px;
  height:164px;
  top:900px;
}

.horario h1 {
  font-size:26px;
  position:absolute;
  top:-80px;
  left:40px;
}

.horario p {
  position:absolute;
  font-size:16px;
  top:50px;
  left:20px;
}

.horario img {
  opacity:.1;
  width:242px;
  height:164px;
}

/* ********************** QUERYs ***********************/
/** BIGGER **/
@media only screen and (min-width: 1400px) {
  .horario {
    top:1050px;
  }
}

@media only screen and (min-width: 1500px) {
  .contenedor {
    width:70%;
  }

  .tip {
    top:550px;
  }

  .horario {
    top:1200px;
  }
}

@media only screen and (min-width: 1600px) {
  .horario {
    top:1300px;
  }
}

@media only screen and (min-width: 1700px) {
  .tip {
    top:650px;
  }

  .horario {
    top:1400px;
  }
}

@media only screen and (min-width: 1800px) {
  .contenedor {
    width:60%;
  }

  .tip {
    top:750px;
  }

  .horario {
    top:1500px;
  }
}

@media only screen and (min-width: 1900px) {
  .tip {
    top:850px;
  }

  .horario {
    top:1600px;
  }
}

/** ***  SMALL  *** **/
@media only screen and (max-width: 1100px) {
  .tip {
    top:350px;
  }

  .horario {
    top:750px;
  }

  .horario {
    top:650px;
  }
}