@charset "UTF-8";

a:link,a:active,a:hover {
  color:#007777;
  text-decoration:none;
}

* {
  padding:0;
  margin:0;
}

body {
  font-family:'Comic Sans MS';
  margin:auto;
  width:960px;
  font-size:23px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -o-border-radius:10px;
  padding:5px;
}

.heading {
  display:none;
}

#profile_main_photo {
  display:none;
  background-position:50% 50%;
}

#header_bar {
  display:none;
}

#profile_header {
  display:none;
}

#about_me_label {
  display:none;
}

#about_me_cont {
  display:none;
}

#gender_container {
  display:none;
}

#tags_container {
  display:none;
}

#friends_container {
  display:none;
}

#username_container {
  display:none;
}

#sexual_preference_container {
  display:none;
}

#nv a {
  padding:11px 11px 4px 8px;
  display:inline-block;
  float:inherit;
  position:relative;
  text-transform:uppercase;
  border-left:0 solid #087776;
  border-right:0 solid #aaaaaa;
  color:#087776;
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  transition:all .5s;
  -ms-transition:all .5s;
  -o-transition:all .5s;
  text-shadow:-1px -2px 1px #000000,1px -2px 1px #000000,2px 2px 1px #000000,0px 2px 1px #000000,-2px 2px 1px #000000,-2px -1px 1px #000000;
  text-decoration:none;
  font-size:15px;
  padding:14px;
  height:15px;
  font-wight:bold;
}

#nv a:hover {
  font-weight:bold;
  color:#087776;
  padding:14px;
  text-shadow:-4px 8px 9px #000;
  font-size:15px;
  position:relative;
  font-wight:bold;
}

.main {
  text-align:center;
  display:inline-block;
  width:899px;
  height:899px;
  font-size:20px;
  font-wight:bold;
  background:#f9fcfc;
  -moz-box-shadow:2px 5px 2px #087776,-1px -4px 2px #087776;
  -webkit-box-shadow:2px 5px 2px #087776,-1px -4px 2px #087776;
  box-shadow:2px 5px 2px #087776,-1px -4px 2px #087776;
}

.nvtext {
  font-size:56px;
  color:#087776;
  font-weight:bold;
  text-align:center;
}

.tmtext {
  text-shadow:-1px -2px 1px #000000,1px -2px 1px #000000,2px 2px 1px #000000,0 2px 1px #000000,-2px 2px 1px #000000,-2px -1px 1px #000000;
  text-decoration:none;
  font-size:38px;
  color:#096564;
  text-align:center;
  padding:14px;
  font-wight:bold;
}

p {
  opacity:0;
  font-size:30px;
  font-weight:700;
  font-family:'Segoe UI';
  line-height:300px;
  text-align:center;
  color:#fff;
}

.thumbs {
  width:100%;
  max-width:450px;
/* опционально */
  margin-left:240px;
  margin-top:15px;
  opacity:.99;
  overflow:hidden;
  position:relative;
  border-radius:3px;
  cursor:pointer;
  -webkit-box-shadow:0 12px 15px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
  -moz-box-shadow:0 12px 15px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
  box-shadow:0 12px 15px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}

.thumbs:before {
  content:'';
  background:-webkit-linear-gradient(top,transparent 0%,rgba(0,0,0,0.7) 100%);
  background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,0.7) 100%);
  width:100%;
  height:50%;
  opacity:0;
  position:absolute;
  top:100%;
  left:0;
  z-index:2;
  -webkit-transition-property:top,opacity;
  transition-property:top,opacity;
  -webkit-transition-duration:.3s;
  transition-duration:.3s;
}

.thumbs img {
  display:block;
  width:100%;
/* ширина картинки */
  height:auto;
/* высота картинки */
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

.thumbs .caption {
  width:100%;
  padding:20px;
  color:#fff;
  position:absolute;
  bottom:0;
  left:0;
  z-index:3;
  text-align:center;
}

.thumbs .caption span {
  display:block;
  opacity:0;
  position:relative;
  top:100px;
  -webkit-transition-property:top,opacity;
  transition-property:top,opacity;
  -webkit-transition-duration:.3s;
  transition-duration:.3s;
  -webkit-transition-delay:0;
  transition-delay:0;
}

.thumbs .caption .title {
  line-height:1;
  font-weight:normal;
  font-size:18px;
}

.thumbs .caption .info {
  line-height:1.2;
  margin-top:5px;
  font-size:12px;
}

.thumbs:focus:before,.thumbs:focus span,.thumbs:hover:before,.thumbs:hover span {
  opacity:1;
}

.thumbs:focus:before,.thumbs:hover:before {
  top:50%;
}

.thumbs:focus span,.thumbs:hover span {
  top:0;
}

.thumbs:focus .title,.thumbs:hover .title {
  -webkit-transition-delay:.15s;
  transition-delay:.15s;
}

.thumbs:focus .info,.thumbs:hover .info {
  -webkit-transition-delay:.25s;
  transition-delay:.25s;
}

.videoss {
  text-align:center;
  display:inline-block;
  width:899px;
  height:4050px;
  font-size:20px;
  font-wight:bold;
  background:#f9fcfc;
  -moz-box-shadow:2px 5px 2px #087776,-1px -4px 2px #087776;
  -webkit-box-shadow:2px 5px 2px #087776,-1px -4px 2px #087776;
  box-shadow:2px 5px 2px #087776,-1px -4px 2px #087776;
}