@charset "UTF-8";

url(https://fonts.googleapis.com/css?family=Alex+Brush|Great+Vibes&subset=latin,latin-ext);
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp {
  border:0;
  margin:0;
  padding:0;
  font-size:100%;
}

#main {
  position:fixed;
  top:0;
  left:0;
  width:100%;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
  display:block;
}

b,strong {
  font-weight:bold;
}

img {
  color:transparent;
  font-size:0;
  vertical-align:middle;
  -ms-interpolation-mode:bicubic;
}

ol,ul {
  list-style:none;
}

li {
  display:list-item;
}

li.ind-1 {
  padding-left:1ch;
}

li.ind-2 {
  padding-left:2ch;
}

li.ind-3 {
  padding-left:3ch;
}

table {
  border-collapse:collapse;
  border-spacing:0;
}

html,body {
  overflow-x:hidden;
}

body {
  font-family:'Alex Brush',cursive;
  font-size:18pt;
  color:#333333;
  background-color:#6b91d9;
  background-image:url(https://img.mfcimg.com/photos2/200/20082847/839-850-167-566-8793335.png);
  background-size:contain;
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-position:center bottom;
  z-index:-1;
}

#header_bar,#profile_header,#profile_main_photo,#tags_container,#footer_bar,.photo_gallery .heading,.photo_gallery_count,.photo_gallery_name,#about_me_label,#profile_about_me>div.heading,#profile_photo_galleries:target,#profile_password_photo_galleries:target {
  display:none;
}

/** Rules for custom things **/
h1 {
  font-size:40pt;
  border-bottom:1px solid rgba(50,50,50,1);
  font-weight:bold;
  margin-top:0;
}

h2 {
  font-size:40pt;
  margin-bottom:6pt;
  margin-top:0;
}

h3 {
  font-size:24pt;
  margin-bottom:3pt;
  margin-top:0;
}

.nav-bar {
  position:fixed;
  padding:12px 25px;
  background-color:rgb(229,247,253);
  background-size:cover;
  z-index:999;
  overflow:auto;
  bottom:0;
  float:left;
  display:flex;
  width:100%;
  left:0;
}

.close {
  position:absolute;
  right:8px;
  top:8px;
  display:block;
  font-size:14pt;
  font-family:'Helvetica','Arial',sans-serif;
  float:right;
}

.nav-bar-links {
  display:flex;
  margin-left:auto;
  margin-right:auto;
  min-width:200px;
}

.nav-bar a {
  color:#000;
  text-decoration:none;
  font-weight:600;
  display:flex;
  font-size:14pt;
  padding:0 25px;
}

#profile_interests_content,#profile_comments,#profile_about_me_friends {
  width:600px;
  min-height:250px;
  background-color:rgba(255,255,255,0.8);
  position:absolute;
  top:280px;
  left:-700px;
  padding:40px;
  transition:left .4s ease-in-out;
}

#profile_interests_content:target,#profile_comments:target,#profile_about_me_friends:target {
  left:180px;
  visibility:visible;
}

#profile_interests_content .profile_section_content,#profile_comments .profile_section_content {
  height:350px;
  overflow-y:scroll;
}

.box-div {
  background-color:rgba(255,255,255,0.8);
  position:absolute;
  top:0;
  left:-4000px;
  padding:40px;
  transition:left .4s ease-in-out;
  overflow-y:scroll;
  visibility:hidden;
  z-index:-1;
}

.box-div:target {
  min-width:400px;
  min-height:250px;
  position:fixed;
  left:80px;
  right:80px;
  top:160px;
  bottom:80px;
  visibility:visible;
  z-index:900;
}

.close a {
  color:#000;
  text-decoration:none;
  text-transform:uppercase;
}

.nav-bar a:hover {
  color:#E03492;
  text-shadow:1px 1px 1px #000;
}

ul.blank {
  list-style-type:none;
}

#about_me_value {
  display:block;
}

#about_me_container {
  display:block;
  margin:0;
  padding:0;
}

.pad-container {
  padding-top:20px;
}

a.pad-l {
  padding-left:20px;
}

#skype-menu table {
  min-width:480px;
  margin-left:20px;
  font-size:20pt;
  color:#FFFFFF;
  background-color:rgba(4,59,83,0.6);
}

#skype-menu th {
  padding:16px 25px 8px;
}

#skype-menu td {
  padding:8px 25px;
  font-size:18pt;
}

#skype-menu td.center {
  text-align:center;
}

.tip-menu h1 {
  text-align:center;
}

ol li.rules {
  font-size:20pt;
/* padding-left:16pt; */
  font-weight:bold;
}

ul.star-list {
  font-size:16pt;
  list-style-type:none;
  padding-left:6pt;
}

ul.star-list li {
  padding-right:12pt;
}

ul.star-list li:before {
  content:"\2605";
  padding-right:4pt;
  color:rgb(40,40,120);
}

table.blank {
  border:none;
}

#harem table,#harem td {
  min-width:75%;
  vertical-align:top;
}

#harem p,#harem ul,#harem li {
  font-weight:bold;
}

.hoverskype {
  position:fixed;
  top:15px;
  left:60px;
  z-index:99999;
}

.hoveramazon {
  position:fixed;
  top:15px;
  left:180px;
  z-index:99999;
}

.tooltipamazon {
  width:180px;
  top:75px;
  left:0;
  padding:15px;
  background-color:rgba(2,114,161,0.6);
  text-shadow:0 1px 2px rgba(0,0,0,0.75),0 0 40px #FFF;
  box-shadow:inset 1px 1px 0 rgba(255,255,255,0.25),inset 0 0 6px #0986bb,inset 0 80px 80px -40px #0992cc,1px 1px 3px rgba(0,0,0,0.75);
  color:white;
  opacity:0;
  position:absolute;
  font-size:16pt;
  visibility:hidden;
}

.hoveramazon:hover .tooltipamazon {
  opacity:1;
  visibility:visible;
}

.tooltipskype {
  width:240px;
  top:75px;
  left:-50px;
  padding:15px;
  background-color:rgba(2,114,161,0.6);
  text-shadow:0 1px 2px rgba(0,0,0,0.75),0 0 40px #FFF;
  box-shadow:inset 1px 1px 0 rgba(255,255,255,0.25),inset 0 0 6px #0986bb,inset 0 80px 80px -40px #0992cc,1px 1px 3px rgba(0,0,0,0.75);
  color:white;
  opacity:0;
  position:absolute;
  visibility:hidden;
}

.hoverskype:hover .tooltipskype,.tooltipskype:hover {
  opacity:1;
  visibility:visible;
}

.hoverwhatsapp {
  position:fixed;
  top:15px;
  left:120px;
  z-index:99999;
}

.hoverwhatsapp:hover .tooltipwhatsapp {
  opacity:1;
  visibility:visible;
}

.tooltipwhatsapp {
  width:180px;
  top:75px;
  left:-50px;
  padding:15px;
  background-color:rgba(2,114,161,0.6);
  text-shadow:0 1px 2px rgba(0,0,0,0.75),0 0 40px #FFF;
  box-shadow:inset 1px 1px 0 rgba(255,255,255,0.25),inset 0 0 6px #0986bb,inset 0 80px 80px -40px #0992cc,1px 1px 3px rgba(0,0,0,0.75);
  color:white;
  opacity:0;
  position:absolute;
  visibility:hidden;
}

.skypehdr {
  position:relative;
}

.tooltip-skypehdr {
  top:32px;
  left:0;
  width:320px;
  padding:15px;
  background-color:rgba(2,114,161,0.6);
  text-shadow:0 1px 2px rgba(0,0,0,0.75),0 0 40px #FFF;
  box-shadow:inset 1px 1px 0 rgba(255,255,255,0.25),inset 0 0 6px #0986bb,inset 0 80px 80px -40px #0992cc,1px 1px 3px rgba(0,0,0,0.75);
  color:white;
  opacity:0;
  visibility:hidden;
  position:absolute;
  float:left;
  z-index:9999;
}

.skypehdr:hover .tooltip-skypehdr {
  opacity:1;
  visibility:visible;
}

div#offline {
/* margin-left:auto;
  margin-right:auto;
  min-width:60px; */
  position:fixed;
  bottom:60px;
  left:12px;
}

.harem-btn {
  background:#ffc745;
  background-image:-webkit-linear-gradient(top,#ffc745,#C6930A);
  background-image:-moz-linear-gradient(top,#ffc745,#C6930A);
  background-image:-ms-linear-gradient(top,#ffc745,#C6930A);
  background-image:-o-linear-gradient(top,#ffc745,#C6930A);
  background-image:linear-gradient(to bottom,#ffc745,#C6930A);
  -webkit-border-radius:28;
  -moz-border-radius:28;
  border-radius:28px;
  font-family:Arial;
  color:#202020;
  font-size:16pt;
  padding:10px 20px;
  text-decoration:none;
  margin-top:12pt;
  margin-bottom:12pt;
}

.harem-btn:hover {
  background:#FFDF00;
  background-image:-webkit-linear-gradient(top,#FFDF00,#F2A900);
  background-image:-moz-linear-gradient(top,#FFDF00,#F2A900);
  background-image:-ms-linear-gradient(top,#FFDF00,#F2A900);
  background-image:-o-linear-gradient(top,#FFDF00,#F2A900);
  background-image:linear-gradient(to bottom,#FFDF00,#F2A900);
  text-decoration:none;
}