@charset "UTF-8";

#about_me_label,#profile_main_photo,#profile_header,#header_bar,#profile_friends,#tags_container,#country_container,#city_container,#age_container,#username_container,#cam_score_container,#gender_container,#height_container,#body_type_container,#weight_container,#eyes_container,#hair_container,#ethnicity_container,#sexual_preference_container,#marital_status_container,.heading,#footer_bar,#profile_schedule,.profile_section_container,.profile_section_background {
  display:none!important;
}

body {
  background-image:url(https://image.ibb.co/eTQmC7/bgfire.jpg);
  background-repeat:repeat-y;
  font-family:@MS Gothic;
}

span {
  text-decoration:none!important;
}

.table-trans {
  border:none;
  width:100%;
  margin-top:0;
  padding-top:0;
}

.top-menu {
  z-index:10;
  border-radius:0 0 10px 10px;
  margin:-10px 0 0;
  padding:10px 0;
  text-align:center;
}

.head-img {
  width:75px;
}

.header {
  font-size:1.5em;
  text-align:center;
  position:relative;
}

.my-nick p {
  font-size:60px;
  color:#99ccff;
  float:left;
}

.head-menu {
  padding-top:0;
}

.anchor {
  font-size:1.5em;
  text-decoration:none!important;
  vertical-align:middle;
}

.anchor:hover {
  box-shadow:0 2px 2px 0 black;
  background-color:#99ccff;
  border-radius:25px;
}

.anchor:active {
  box-shadow:0 2px 2px 0 black;
  background-color:#99ccff;
  border-radius:25px;
}

.anchor:focus {
  box-shadow:0 2px 2px 0 black;
  background-color:#99ccff;
  border-radius:25px;
}

a:hover {
  text-decoration:none!important;
  color:red!important;
}

a:active {
  text-decoration:none!important;
  color:red!important;
}

a:focus {
  text-decoration:none!important;
  color:red!important;
}

a:target {
  text-decoration:none!important;
  color:red!important;
}

.anchor a {
  color:#99ccff;
  text-decoration:none!important;
}

.blank {
  display:block;
  height:120px;
}

.head {
}

.rules-panel {
  border-style:none;
  overflow-y:auto;
  margin:100px;
  width:1080px;
  height:500px;
}

.bg-rules {
  background-image:url(https://image.ibb.co/k8w0wn/bgrules.png);
  display:inline block;
  background-repeat:no-repeat;
}

.rules {
  color:#99ccff;
  padding:0 0 0 20px;
  font-size:1em!important;
}

.myrules-text {
  margin-left:20px;
  padding:6px 20px;
  font-size:1.2em;
  text-align:left;
  color:#99ccff;
}

.li-rules {
  list-style-type:disc;
  list-style-position:outside;
  padding:6px 10px;
  margin-left:20px;
}

.about-panel {
  border-style:none;
  width:1080px;
  height:935px;
}

.bg-about {
  background-image:url(https://image.ibb.co/dyqAzx/bgabout.png);
  display:inline block;
  background-repeat:no-repeat;
}

.about {
  color:#99ccff;
  padding:30% 0 0 10px;
  font-size:1em!important;
}

.myabout-text {
  margin-left:100px;
  padding-left:10px;
  font-size:1.5em;
  text-align:center;
  color:#99ccff;
}

.li-about {
  list-style-type:disc;
  list-style-position:outside;
  padding:10px 20px 10px 10px;
  margin-left:225px;
  text-align:left;
}

.besties-panel {
  border-style:none;
  width:1080px;
  height:1125px;
}

.bg-besties {
  background-image:url(https://image.ibb.co/cCUB0f/Sierras-Owls.jpg);
  display:inline block;
  background-repeat:no-repeat;
  width:100%;
  height:100%;
}

.besties {
  color:#99ccff;
  padding:30% 0 0 10px;
  font-size:1em!important;
}

.mybesties-text {
  margin-left:150px;
  padding-left:10px;
  font-size:1.5em;
  text-align:center;
  color:#99ccff;
}

.share-panel {
  border-style:none;
  width:1250px;
  height:1250px;
}

.bg-share {
  background-image:url(https://image.ibb.co/bQJpcH/bgshare.png);
  background-repeat:no-repeat;
  width:1250px;
  height:1250px;
}

.share {
  color:#99ccff;
  padding:30% 0 0 10px;
  font-size:1em!important;
}

.myshare-text {
  margin-left:150px;
  padding-left:10px;
  font-size:1.5em;
  text-align:center;
  color:#99ccff;
}

.faq-panel {
  border-style:none;
  width:1285px;
  height:1280px;
}

.bg-faq {
  background-image:url(https://image.ibb.co/hZRCzo/bgfaq.png);
  height:1280px;
  display:inline block;
  background-repeat:no-repeat;
}

.faq {
  color:#99ccff;
  padding:10px 0 0 10px;
  font-size:1em!important;
}

.myfaq-text {
  list-style-type:decimal;
  margin-left:325px;
  padding:5px 5px 15px;
  font-size:1.1em;
  text-align:left;
  color:#99ccff;
}

.main {
  display:block;
  position:relative;
  margin:auto;
  width:100%;
  height:400px;
  border-radius:5px;
  background-position:center;
  background-position-y:center;
  background-size:85%;
  background-repeat:no-repeat;
  text-align:center;
}

.notmain {
  z-index:3;
  display:inline-block;
  width:540px;
  height:280px;
  position:absolute;
  left:0;
  top:11%;
  box-shadow:0 0 10px 1px #0003;
}

.leftside {
  display:block;
  position:absolute;
  left:-30px;
  top:0;
  background:#99ccff;
  height:280px;
  width:30px;
  border-radius:5px 0 0 5px;
}

.leftside:hover {
  background:#6F53AAB3;
  color:lightblue;
  cursor:pointer;
}

.rightside {
  display:block;
  position:absolute;
  right:-30px;
  top:0;
  background:#99ccff;
  height:280px;
  width:30px;
  border-radius:0 5px 5px 0;
}

.rightside:hover {
  background:#6F53AAB3;
  color:lightblue;
  cursor:pointer;
}

.content-slider {
  font-size:1.5em;
  padding-top:20px;
  color:#99ccff;
}

.bottom-content {
  font-size:1.5em;
  color:#99ccff;
}

.button {
  border:2px solid #57B2D8;
  border-radius:15px;
  background:none;
  color:#99ccff;
  width:80px;
  font-size:1.5em;
  padding:5px 17px;
}

.button:hover {
  border:1px solid #196e92;
  color:#196e92!important;
  cursor:pointer;
}

.arrow {
  font-size:7px;
  margin-top:129px;
}

.slideshow-container {
  max-width:1000px;
  position:relative;
  margin:auto;
}

.prev {
  transition:6s ease;
}

.prev:hover {
  background-color:rgba(0,0,0,0.8);
}

.next {
  transition:6s ease;
}

.next:hover {
  background-color:rgba(0,0,0,0.8);
}

.slider {
  position:relative;
  margin-top:40px;
}

.myslides {
  text-align:center;
  max-height:700px;
}

.text {
  color:#99ccff;
  font-size:22px;
  padding:8px 12px;
  position:relative;
  bottom:90px;
}

.dot {
  cursor:pointer;
  height:13px;
  width:13px;
  margin:0 2px;
  background-color:#bbb;
  border-radius:50%;
  display:inline-block;
  transition:background-color .6s ease;
}

.active:hover {
  background-color:#99ccff;
}

.dot:hover {
  background-color:#99ccff;
}

.fade {
  -webkit-animation-name:fade;
  -webkit-animation-duration:1.5s;
  animation-name:fade;
  animation-duration:1.5s;
  opacity:1!important;
}

@-webkit-keyframes fade {
  0% {
    opacity:.4;
  }
  
  100% {
    opacity:1;
  }
}

@keyframes fade {
  0% {
    opacity:.4;
  }
  
  100% {
    opacity:1;
  }
}

/* tips */
.tipblock {
  width:250px;
  height:125px;
  background:white;
  -webkit-border-radius:7px;
  -moz-border-radius:7px;
  border-radius:7px;
  text-align:center;
  font-size:18px;
  margin:auto;
  margin-top:15px;
}

.tipblockbig {
  width:60%;
  margin-bottom:22px;
}

span {
  color:#99ccff;
  text-decoration:none;
}

.buybutton {
  border-radius:20px;
  background:#99ccff;
  color:white;
  width:auto;
  height:30px;
  border:none;
  font-size:18px;
  padding:4px 22px;
  box-shadow:0 2px 2px 0 black;
  cursor:pointer;
  text-decoration:none!important;
}

.buybutton:hover {
  border-radius:20px;
  background:#99ccff;
  color:red;
  width:auto;
  height:30px;
  border:none;
  font-size:18px;
  padding:4px 22px;
  box-shadow:0 2px 2px 0 black;
  cursor:pointer;
  text-decoration:none!important;
}

.description {
  padding:10px 5px;
  display:block;
  background:#99ccff;
  border-radius:7px 7px 0 0;
  text-shadow:0 0 20px #575757;
  margin-bottom:27px;
}

.more-text .description {
  font-size:14px;
  margin-bottom:13px;
}

.circle {
  display:inline-block;
  width:140px;
  height:140px;
  background:#99ccff;
  border-radius:210px;
  text-align:center;
  margin:10px 7%;
  color:White;
  float:left;
}

p {
  text-align:center;
  color:White;
  text-decoration:none!important;
}

@media (max-width: 580px) {
  header {
    font-size:1em;
  }
  
  .tipsall {
    margin-left:-35%;
  }
  
  .allthis {
    margin-left:10%;
  }
  
  .main {
    width:440px;
    height:320px;
  }
  
  .notmain {
    width:440px;
    height:240px;
  }
  
  .leftside {
    height:250px;
  }
  
  .rightside {
    height:250px;
  }
  
  .one-slide,.two-slide,.three-slide,.four-slide,.five-slide,.six-slide {
    height:250px;
  }
  
  .ttwo {
    display:none;
  }
  
  .tthree {
    display:none;
  }
  
  .about {
    font-size:.8em;
  }
  
  .tip-menu {
    margin-left:-27%;
  }
  
  .circle {
    margin-top:0;
  }
}

@media(max-width: 420px) {
  header {
    font-size:.7em;
  }
  
  .top-tip {
    margin-left:-19%!important;
  }
  
  .hand {
    padding-left:95%;
    padding-right:-350%;
  }
  
  .slider {
    margin-left:-100px;
  }
  
  .my-nick {
    display:none;
    max-width:22%;
  }
  
  .head-img {
    display:none;
  }
  
  .head-menu {
    padding-top:6px;
  }
  
  .anchor {
    width:80px;
  }
  
  .main {
    width:290px;
    height:180px;
  }
  
  .notmain {
    width:290px;
    height:180px;
  }
  
  .leftside {
    height:150px;
  }
  
  .rightside {
    height:150px;
  }
  
  .one-slide,.two-slide,.three-slide,.four-slide,.five-slide,.six-slide {
    height:150px;
  }
  
  .myslides {
    font-size:.8em;
  }
  
  .fivepackhead {
    font-size:1.5em;
  }
  
  .content-slider br {
    display:none;
  }
  
  .content-slider {
    font-size:.9em;
    padding-top:0;
  }
  
  .arrow {
    margin-top:76px;
  }
  
  .img-about {
  /*display: none;*/
  }
  
  .about {
    font-size:.6em;
  }
  
  .floatthis {
    margin-left:-50px;
    padding-left:50px;
  }
}

.floatthis {
  float:left;
}

.my_mfc_share {
  height:494px;
  margin-left:0;
}

.img-icon {
  display:inline block;
  vertical-align:top;
  height:60px;
  width:60px;
  border:none;
  margin-top:0;
  transform:rotate(0deg);
  -webkit-transition:all .3s ease-in-out .1s;
  -moz-transition:all .3s ease-in-out .1s;
  -o-transition:all .3s ease-in-out .1s;
  -ms-transition:all .3s ease-in-out .1s;
  transition:all .3s ease-in-out .1s;
}