@charset "UTF-8";

UTF-8;
UTF-8;
#image {
  position:absolute;
  left:0;
  top:0;
}

body {
  background-color:#fff;
  font-family:'Calibri','Verdana';
  font-weight:normal;
  font-style:normal;
  font-size:16px;
  color:white;
  background:url(https://www.dropbox.com/s/jrpy4z4qx0r5gho/background-wallpaper.jpg?raw=1) no-repeat center center fixed;
  background-size:cover;
}

a:-webkit-any-link {
  color:white;
}

/* MWS: Override Profile width */
#profile {
  width:auto!important;
}

/* MWS: Social Buttons controls */
#socLinks {
  left:10px;
  bottom:50px;
  position:fixed;
  z-index:900;
}

.socLinkButton {
  border-radius:50px;
  transition:.2s ease-in-out;
  width:50px;
  height:50px;
  text-align:center;
  font-weight:bold;
  margin-top:5px;
  display:block;
  position:relative;
  box-shadow:1px 1px 10px 2px black;
  background-color:rgba(188,89,234,0.8);
  -webkit-box-shadow:1px 1px 10px 2px black;
  -moz-box-shadow:1px 1px 5px 2px black;
  -webkit-transition:.2s ease-in-out;
  -moz-transition:.2s ease-in-out;
  -o-transition:.2s ease-in-out;
  -o-border-radius:28px;
  margin-botton:15px;
}

.socLinkButton:hover {
  transform:scale(1.15);
  background-color:rgba(143,42,190,0.8);
  -webkit-box-shadow:1px 1px 10px 2px black;
  -moz-box-shadow:1px 1px 10px 2px black;
  -webkit-transform:scale(1.15);
}

.socLinkButton img {
  margin:5px;
  width:80%;
}

.profile_section_content {
  margin:auto;
  width:800px;
  padding-left:20px;
}

.profile_section_content {
  background-color:none;
}

.heading {
  display:none;
}

.content {
  margin:auto;
  padding:5px;
  width:800px;
  color:#ccc;
  font-family:'Verdana';
  font-weight:normal;
  font-style:normal;
  font-size:10px;
  text-decoration:none;
}

.bgtransparent {
  background:rgba(255,255,255,0.5);
}

#profile_main_photo {
  display:none;
}

#username_container {
  display:none;
}

#gender_container {
  display:none;
}

#body_type_container {
  display:none;
}

#ethnicity_container {
  display:none;
}

#cam_score_container {
  display:none;
}

img {
  margin:5px;
}

#mainIMG {
  width:150%;
  margin-top:50px;
}

#mainIMG>img {
  width:100%;
  height:100%;
}

#contact {
  float:left;
  cursor:pointer;
}

#hair_container {
  display:none;
}

#eyes_container {
  display:none;
}

#weight_container {
  display:none;
}

#height_container {
  display:none;
}

#age_container {
  display:none;
}

#city_container {
  display:none;
}

#country_container {
  display:none;
}

#sexual_preference_container {
  display:none;
}

#smoke_container {
  display:none;
}

#drink_container {
  display:none;
}

#profile_header_container {
  display:none;
}

#profile_header {
  display:none;
}

#avatar_holder {
  display:none;
}

#drugs_container {
  display:none;
}

#marital_status_container {
  display:none;
}

#occupation_container {
  display:none;
}

#tags_container {
  display:none;
}

#about_me_label {
  display:none;
}

#mfc_time {
  display:none;
}

#your_time {
  display:none;
}

#server_time {
  display:none;
}

#header_bar {
  display:none;
}

#school_value {
  display:none;
}

#school_label {
  display:none;
}

#favorite_food_container {
  display:none;
}

#pets_container {
  display:none;
}

#automobile_container {
  display:none;
}

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

.photo_gallery_previews {
  text-align:center;
}

.wall_post_avatar img {
  border-radius:50px;
  width:75px;
  height:75px;
  -webkit-border-radius:50px;
  -moz-border-radius:50px;
  -o-border-radius:50px;
}

.wall_post_avatar:hover {
  transform:scale(1.15);
  -webkit-transform:scale(1.15);
}

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

.img_radius_shadow:hover {
  transform:scale(1.15);
  -webkit-transform:scale(1.15);
}

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

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

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

/* Bubble CSS START */
#bubble-background-wrap {
  bottom:0;
  left:0;
  position:fixed;
  right:0;
  top:0;
  z-index:-1;
}

/* KEYFRAMES */
@-webkit-keyframes animateBubble {
  0% {
    margin-top:1000px;
  }
  
  100% {
    margin-top:-100%;
  }
}

@-moz-keyframes animateBubble {
  0% {
    margin-top:1000px;
  }
  
  100% {
    margin-top:-100%;
  }
}

@keyframes animateBubble {
  0% {
    margin-top:1000px;
  }
  
  100% {
    margin-top:-100%;
  }
}

@-webkit-keyframes sideWays {
  0% {
    margin-left:0;
  }
  
  100% {
    margin-left:50px;
  }
}

@-moz-keyframes sideWays {
  0% {
    margin-left:0;
  }
  
  100% {
    margin-left:50px;
  }
}

@keyframes sideWays {
  0% {
    margin-left:0;
  }
  
  100% {
    margin-left:50px;
  }
}

/* ANIMATIONS */
.x1 {
  -webkit-animation:animateBubble 25s linear infinite,sideWays 2s ease-in-out infinite alternate;
  -moz-animation:animateBubble 25s linear infinite,sideWays 2s ease-in-out infinite alternate;
  animation:animateBubble 25s linear infinite,sideWays 2s ease-in-out infinite alternate;
  left:-5%;
  top:5%;
  -webkit-transform:scale(0.6);
  -moz-transform:scale(0.6);
  transform:scale(0.6);
}

.x2 {
  -webkit-animation:animateBubble 20s linear infinite,sideWays 4s ease-in-out infinite alternate;
  -moz-animation:animateBubble 20s linear infinite,sideWays 4s ease-in-out infinite alternate;
  animation:animateBubble 20s linear infinite,sideWays 4s ease-in-out infinite alternate;
  left:5%;
  top:80%;
  -webkit-transform:scale(0.4);
  -moz-transform:scale(0.4);
  transform:scale(0.4);
}

.x3 {
  -webkit-animation:animateBubble 28s linear infinite,sideWays 2s ease-in-out infinite alternate;
  -moz-animation:animateBubble 28s linear infinite,sideWays 2s ease-in-out infinite alternate;
  animation:animateBubble 28s linear infinite,sideWays 2s ease-in-out infinite alternate;
  left:10%;
  top:40%;
  -webkit-transform:scale(0.7);
  -moz-transform:scale(0.7);
  transform:scale(0.7);
}

.x4 {
  -webkit-animation:animateBubble 22s linear infinite,sideWays 3s ease-in-out infinite alternate;
  -moz-animation:animateBubble 22s linear infinite,sideWays 3s ease-in-out infinite alternate;
  animation:animateBubble 22s linear infinite,sideWays 3s ease-in-out infinite alternate;
  left:20%;
  top:0;
  -webkit-transform:scale(0.3);
  -moz-transform:scale(0.3);
  transform:scale(0.3);
}

.x5 {
  -webkit-animation:animateBubble 29s linear infinite,sideWays 4s ease-in-out infinite alternate;
  -moz-animation:animateBubble 29s linear infinite,sideWays 4s ease-in-out infinite alternate;
  animation:animateBubble 29s linear infinite,sideWays 4s ease-in-out infinite alternate;
  left:30%;
  top:50%;
  -webkit-transform:scale(0.5);
  -moz-transform:scale(0.5);
  transform:scale(0.5);
}

.x6 {
  -webkit-animation:animateBubble 21s linear infinite,sideWays 2s ease-in-out infinite alternate;
  -moz-animation:animateBubble 21s linear infinite,sideWays 2s ease-in-out infinite alternate;
  animation:animateBubble 21s linear infinite,sideWays 2s ease-in-out infinite alternate;
  left:50%;
  top:0;
  -webkit-transform:scale(0.8);
  -moz-transform:scale(0.8);
  transform:scale(0.8);
}

.x7 {
  -webkit-animation:animateBubble 20s linear infinite,sideWays 2s ease-in-out infinite alternate;
  -moz-animation:animateBubble 20s linear infinite,sideWays 2s ease-in-out infinite alternate;
  animation:animateBubble 20s linear infinite,sideWays 2s ease-in-out infinite alternate;
  left:65%;
  top:70%;
  -webkit-transform:scale(0.4);
  -moz-transform:scale(0.4);
  transform:scale(0.4);
}

.x8 {
  -webkit-animation:animateBubble 22s linear infinite,sideWays 3s ease-in-out infinite alternate;
  -moz-animation:animateBubble 22s linear infinite,sideWays 3s ease-in-out infinite alternate;
  animation:animateBubble 22s linear infinite,sideWays 3s ease-in-out infinite alternate;
  left:80%;
  top:10%;
  -webkit-transform:scale(0.3);
  -moz-transform:scale(0.3);
  transform:scale(0.3);
}

.x9 {
  -webkit-animation:animateBubble 29s linear infinite,sideWays 4s ease-in-out infinite alternate;
  -moz-animation:animateBubble 29s linear infinite,sideWays 4s ease-in-out infinite alternate;
  animation:animateBubble 29s linear infinite,sideWays 4s ease-in-out infinite alternate;
  left:90%;
  top:50%;
  -webkit-transform:scale(0.6);
  -moz-transform:scale(0.6);
  transform:scale(0.6);
}

.x10 {
  -webkit-animation:animateBubble 26s linear infinite,sideWays 2s ease-in-out infinite alternate;
  -moz-animation:animateBubble 26s linear infinite,sideWays 2s ease-in-out infinite alternate;
  animation:animateBubble 26s linear infinite,sideWays 2s ease-in-out infinite alternate;
  left:80%;
  top:80%;
  -webkit-transform:scale(0.3);
  -moz-transform:scale(0.3);
  transform:scale(0.3);
}

/* OBJECTS */
.bubble {
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
  -webkit-box-shadow:0 20px 30px rgba(0,0,0,0.2),inset 0 10px 30px 5px rgba(255,255,255,1);
  -moz-box-shadow:0 20px 30px rgba(0,0,0,0.2),inset 0 10px 30px 5px rgba(255,255,255,1);
  box-shadow:0 20px 30px rgba(0,0,0,0.2),inset 0 10px 30px 5px rgba(255,255,255,1);
  height:200px;
  position:absolute;
  width:200px;
}

.bubble:after {
  background:-moz-radial-gradient(center,ellipse cover,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 70%);
/* FF3.6+ */
  background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(255,255,255,0.5)),color-stop(70%,rgba(255,255,255,0)));
/* Chrome,Safari4+ */
  background:-webkit-radial-gradient(center,ellipse cover,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 70%);
/* Chrome10+,Safari5.1+ */
  background:-o-radial-gradient(center,ellipse cover,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 70%);
/* Opera 12+ */
  background:-ms-radial-gradient(center,ellipse cover,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 70%);
/* IE10+ */
  background:radial-gradient(ellipse at center,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 70%);
/* W3C */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=1);
/* IE6-9 fallback on horizontal gradient */
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
  -webkit-box-shadow:inset 0 20px 30px rgba(255,255,255,0.3);
  -moz-box-shadow:inset 0 20px 30px rgba(255,255,255,0.3);
  box-shadow:inset 0 20px 30px rgba(255,255,255,0.3);
  content:"";
  height:180px;
  left:10px;
  position:absolute;
  width:180px;
}

/* Bubble END */
/* ==========================================================================
   Scrollbar Styles
   ========================================================================== */
::-webkit-scrollbar {
  -webkit-appearance:none;
  width:18px;
  height:12px;
  background:#aebcbf;
/* Old browsers */
  background:-moz-linear-gradient(left,#aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);
/* FF3.6+ */
  background:-webkit-gradient(linear,left top,right top,color-stop(0%,#aebcbf),color-stop(50%,#6e7774),color-stop(51%,#0a0e0a),color-stop(100%,#0a0809));
/* Chrome,Safari4+ */
  background:-webkit-linear-gradient(left,#aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);
/* Chrome10+,Safari5.1+ */
  background:-o-linear-gradient(left,#aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);
/* Opera 11.10+ */
  background:-ms-linear-gradient(left,#aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);
/* IE10+ */
  background:linear-gradient(to right,#aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);
/* W3C */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#aebcbf',endColorstr='#0a0809',GradientType=1);
/* IE6-9 */
}

::-webkit-scrollbar-thumb {
  border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  -o-border-radius:10px;
  border:2px solid black;
  background-color:#FFFDFE;
  background:#cb60b3;
/* Old browsers */
  background:-moz-linear-gradient(left,#cb60b3 0%,#c146a1 50%,#a80077 51%,#db36a4 100%);
/* FF3.6+ */
  background:-webkit-gradient(linear,left top,right top,color-stop(0%,#cb60b3),color-stop(50%,#c146a1),color-stop(51%,#a80077),color-stop(100%,#db36a4));
/* Chrome,Safari4+ */
  background:-webkit-linear-gradient(left,#cb60b3 0%,#c146a1 50%,#a80077 51%,#db36a4 100%);
/* Chrome10+,Safari5.1+ */
  background:-o-linear-gradient(left,#cb60b3 0%,#c146a1 50%,#a80077 51%,#db36a4 100%);
/* Opera 11.10+ */
  background:-ms-linear-gradient(left,#cb60b3 0%,#c146a1 50%,#a80077 51%,#db36a4 100%);
/* IE10+ */
  background:linear-gradient(to right,#cb60b3 0%,#c146a1 50%,#a80077 51%,#db36a4 100%);
/* W3C */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cb60b3',endColorstr='#db36a4',GradientType=1);
/* IE6-9 */
}

::-webkit-scrollbar-thumb:hover {
  border-radius:10xpx;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  -o-border-radius:10px;
  border:2px solid black;
  background-color:#F0668D;
  background:#cb60b3;
/* Old browsers */
  background:-moz-linear-gradient(left,#cb60b3 0%,#c146a1 50%,#a80077 51%,#db36a4 100%);
/* FF3.6+ */
  background:-webkit-gradient(linear,left top,right top,color-stop(0%,#cb60b3),color-stop(50%,#c146a1),color-stop(51%,#a80077),color-stop(100%,#db36a4));
/* Chrome,Safari4+ */
  background:-webkit-linear-gradient(left,#cb60b3 0%,#c146a1 50%,#a80077 51%,#db36a4 100%);
/* Chrome10+,Safari5.1+ */
  background:-o-linear-gradient(left,#cb60b3 0%,#c146a1 50%,#a80077 51%,#db36a4 100%);
/* Opera 11.10+ */
  background:-ms-linear-gradient(left,#cb60b3 0%,#c146a1 50%,#a80077 51%,#db36a4 100%);
/* IE10+ */
  background:linear-gradient(to right,#cb60b3 0%,#c146a1 50%,#a80077 51%,#db36a4 100%);
/* W3C */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cb60b3',endColorstr='#db36a4',GradientType=1);
/* IE6-9 */
}

::-webkit-scrollbar-track-piece {
  border-radius:10;
  -webkit-border-radius:10;
  -moz-border-radius:10;
  -o-border-radius:10;
  border:2px solid black;
}

/* NAVIGATION MENU */
.navbar {
  background-color:rgba(188,89,234,0.9);
  position:fixed;
  left:0;
  top:0;
  height:40px;
  width:100%;
  z-index:1000;
  box-shadow:0 3px 20px 3px rgba(0,0,0,.8);
  font-size:1rem;
  line-height:1;
}

.nav {
  width:980px;
  margin:0 auto;
  display:block;
}

.nav ul {
  list-style-type:none;
  padding:0;
  margin:0;
  overflow:hidden;
}

.nav li {
  float:left;
}

.nav a:link,.nav a:visited {
  display:block;
  width:auto;
  height:30px;
  font-size:15px;
  text-align:center;
  padding:10px 20px 0;
  text-decoration:none;
  text-transform:uppercase;
}

.nav > ul > li > a:hover {
  background-color:rgba(255,255,255,10.9);
  color:rgba(188,89,234,0.9);
}