@charset "UTF-8";

a:link,a:active,a:visited {
  color:#F06;
  text-decoration:none;
}

.effect img.image {
/*type your css here which you want to use for both*/
}

.effect:hover img.image {
  display:none;
}

.effect img.hover {
  display:none;
}

.effect:hover img.hover {
  display:block;
}

.btnbid {
  width:230px;
  position:relative;
  top:-79px;
}

.btnraise {
  width:230px;
}

a:hover {
  color:#FC3;
  text-shadow:0 1px #000,0 0 5px #fff;
}

.center {
  text-align:center;
  font-size:70px;
}

body {
  width:600px;
  margin:0 auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  background:url(https://s24.postimg.org/ih34h9gg5/image.jpg);
  background-size:100%;
  background-repeat:no-repeat;
  background-position:0 0;
  background-attachment:fixed;
  background-color:#000;
  -webkit-animation:fadeInScale 1.2s ease-in-out;
  -moz-animation:fadeInScale 1.2s ease-in-out;
  -o-animation:fadeInScale 1.2s ease-in-out;
  -ms-animation:fadeInScale 1.2s ease-in-out;
  animation:fadeInScale 1.2s ease-in-out;
  margin-left:10%;
}

.profile_section_content {
  color:#666;
  padding:0;
  margin:5px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  -webkit-box-shadow:0 0 0 #777;
  -moz-box-shadow:0 0 0 #777;
  box-shadow:0 0 0 #777;
}

.flip3D {
  width:210px;
  height:210px;
  float:center;
  position:relative;
  left:15%;
}

.flip3D > .front {
  position:absolute;
  -webkit-transform:perspective(600px) rotateY(0deg);
  transform:perspective(600px) rotateY(0deg);
  border-radius:7px;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  transition:-webkit-transform .5s linear 0;
  transition:transform .5s linear 0;
}

.flip3D > .back {
  position:absolute;
  -webkit-transform:perspective(600px) rotateY(180deg);
  transform:perspective(600px) rotateY(180deg);
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  transition:-webkit-transform .5s linear 0;
  transition:transform .5s linear 0;
}

.flip3D:hover > .front {
  -webkit-transform:perspective(600px) rotateY(-180deg);
  transform:perspective(600px) rotateY(-180deg);
}

.flip3D:hover > .back {
  -webkit-transform:perspective(600px) rotateY(0deg);
  transform:perspective(600px) rotateY(0deg);
}

.profile_section_background {
  background-color:transparent;
  background-color:rgba(255,255,255,.0);
  filter:alpha(opacity=100);
  opacity:1;
}

input::-moz-focus-inner {
  border:0;
}

#photo_gallery_previews a {
  color:#09C;
  font-family:'Abel';
}

.photo_gallery_image {
  border:2px solid #09C;
}

.photo_gallery_image:hover {
  border:2px solid #F3C;
  box-shadow:0 0 3px #666;
  -webkit-box-shadow:0 0 3px #666;
}

/*-----------------[SLIDER START]------------------------*/
#slider-container {
  left:-5px;
  position:absolute;
  top:17px;
}

#slider {
  width:1024px;
  height:420px;
  margin:0 auto;
  background:#fff;
  overflow:visible;
  -moz-transition:all 150ms ease-in;
  -webkit-transition:all 150ms ease-in;
  -o-transition:all 150ms ease-in;
  position:relative;
  transform:rotate(0deg);
  -ms-transform:rotate(0deg);
  -moz-transform:rotate(0deg);
  -webkit-transform:rotate(0deg);
  -o-transform:rotate(0deg);
}

#mask {
  overflow:hidden;
}

#slider:hover #pause {
  opacity:.8;
}

#slider:hover #progress {
  background-color:rgba(255,255,255,0.0);
}

#slider:hover ul,#slider:hover #progress,#slider:hover #overlay {
  -moz-animation-play-state:paused;
  -webkit-animation-play-state:paused;
}

#overlay {
  width:1024px;
  height:420px;
  position:absolute;
  top:0;
  background-image:url(http://w.noimage.png);
  background-position:center;
  background-repeat:no-repeat;
  pointer-events:none;
  -moz-transition:all 150ms ease-in;
  -webkit-transition:all 150ms ease-in;
  -o-transition:all 150ms ease-in;
  opacity:.5;
  -moz-animation:overlay-fade 18s infinite;
  -webkit-animation:overlay-fade 18s infinite;
}

#progress {
  width:1px;
  height:3px;
  background:none repeat scroll 0 0 rgba(0,136,204,0.8);
  -moz-animation:progress 18s infinite;
  -webkit-animation:progress 18s infinite;
  position:relative;
  top:-3px;
  -moz-transition:all 150ms ease-in;
  -webkit-transition:all 150ms ease-in;
  -o-transition:all 150ms ease-in;
}

#slider ul {
  width:4096px;
  list-style:none;
  padding:0;
  margin:0;
  -moz-animation:slide-animation 18s infinite;
  -webkit-animation:slide-animation 18s infinite;
  position:relative;
  left:0;
}

#slider li {
  display:inline;
  width:1024px;
  height:420px;
  margin:0;
  padding:0;
  float:left;
  position:relative;
  background-image:url(http://i62.tinypic.com/2m7cie1.gif);
  background-position:50% 50%;
  background-repeat:no-repeat;
}

#slider li:last-of-type {
  background-color:#362c30;
}

#slider li a {
  display:block;
  text-decoration:none;
}

#slider li .slider-span {
  display:block;
  width:100%;
  padding:15px 20px;
  position:absolute;
  bottom:0;
  left:0;
  background-color:rgba(0,0,0,0.4);
  text-shadow:1px 1px 1px #362c30;
  pointer-events:none;
  text-align:left;
}

@-webkit-keyframes slide-animation {
  0% {
    left:0;
    opacity:1;
  }
  
  2% {
    opacity:1;
  }
  
  20% {
    left:0;
    opacity:1;
  }
  
  22.5% {
    opacity:.6;
  }
  
  25% {
    left:-1024px;
    opacity:1;
  }
  
  45% {
    left:-1024px;
    opacity:1;
  }
  
  47.5% {
    opacity:.6;
  }
  
  50% {
    left:-2048px;
    opacity:1;
  }
  
  70% {
    left:-2048px;
    opacity:1;
  }
  
  72.5% {
    opacity:.6;
  }
  
  75% {
    left:-3072px;
    opacity:1;
  }
  
  95% {
    opacity:1;
  }
  
  98% {
    left:-3072px;
    opacity:1;
  }
  
  100% {
    left:0;
    opacity:1;
  }
}

@-moz-keyframes slide-animation {
  0% {
    left:0;
    opacity:1;
  }
  
  2% {
    opacity:1;
  }
  
  20% {
    left:0;
    opacity:1;
  }
  
  22.5% {
    opacity:.6;
  }
  
  25% {
    left:-1024px;
    opacity:1;
  }
  
  45% {
    left:-1024px;
    opacity:1;
  }
  
  47.5% {
    opacity:.6;
  }
  
  50% {
    left:-2048px;
    opacity:1;
  }
  
  70% {
    left:-2048px;
    opacity:1;
  }
  
  72.5% {
    opacity:.6;
  }
  
  75% {
    left:-3072px;
    opacity:1;
  }
  
  95% {
    opacity:1;
  }
  
  98% {
    left:-3072px;
    opacity:1;
  }
  
  100% {
    left:0;
    opacity:1;
  }
}

@-webkit-keyframes progress {
  0% {
    width:0;
    opacity:0;
  }
  
  2% {
    width:0;
    opacity:1;
  }
  
  20% {
    width:1024px;
    opacity:1;
  }
  
  22.5% {
    width:1024px;
    opacity:0;
  }
  
  22.59% {
    width:0;
  }
  
  25% {
    width:0;
    opacity:1;
  }
  
  45% {
    width:1024px;
    opacity:1;
  }
  
  47.5% {
    width:1024px;
    opacity:0;
  }
  
  47.59% {
    width:0;
  }
  
  50% {
    width:0;
    opacity:1;
  }
  
  70% {
    width:1024px;
    opacity:1;
  }
  
  72.5% {
    width:1024px;
    opacity:0;
  }
  
  72.59% {
    width:0;
  }
  
  75% {
    width:0;
    opacity:1;
  }
  
  95% {
    width:1024px;
    opacity:1;
  }
  
  98% {
    width:1024px;
    opacity:0;
  }
  
  100% {
    width:0;
    opacity:0;
  }
}

@-moz-keyframes progress {
  0% {
    width:0;
    opacity:0;
  }
  
  2% {
    width:0;
    opacity:1;
  }
  
  20% {
    width:1024px;
    opacity:1;
  }
  
  22.5% {
    width:1024px;
    opacity:0;
  }
  
  22.59% {
    width:0;
  }
  
  25% {
    width:0;
    opacity:1;
  }
  
  45% {
    width:1024px;
    opacity:1;
  }
  
  47.5% {
    width:1024px;
    opacity:0;
  }
  
  47.59% {
    width:0;
  }
  
  50% {
    width:0;
    opacity:1;
  }
  
  70% {
    width:1024px;
    opacity:1;
  }
  
  72.5% {
    width:1024px;
    opacity:0;
  }
  
  72.59% {
    width:0;
  }
  
  75% {
    width:0;
    opacity:1;
  }
  
  95% {
    width:1024px;
    opacity:1;
  }
  
  98% {
    width:1024px;
    opacity:0;
  }
  
  100% {
    width:0;
    opacity:0;
  }
}

@-webkit-keyframes rotatey {
  0% {
    transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -o-transform:rotate(0deg);
  }
  
  25% {
    transform:rotate(1deg);
    -ms-transform:rotate(1deg);
    -moz-transform:rotate(1deg);
    -webkit-transform:rotate(1deg);
    -o-transform:rotate(1deg);
  }
  
  50% {
    transform:rotate(-1deg);
    -ms-transform:rotate(-1deg);
    -moz-transform:rotate(-1deg);
    -webkit-transform:rotate(-1deg);
    -o-transform:rotate(-1deg);
  }
  
  100% {
    transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -o-transform:rotate(0deg);
  }
}

@-moz-keyframes rotatey {
  0% {
    transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -o-transform:rotate(0deg);
  }
  
  25% {
    transform:rotate(1deg);
    -ms-transform:rotate(1deg);
    -moz-transform:rotate(1deg);
    -webkit-transform:rotate(1deg);
    -o-transform:rotate(1deg);
  }
  
  50% {
    transform:rotate(-1deg);
    -ms-transform:rotate(-1deg);
    -moz-transform:rotate(-1deg);
    -webkit-transform:rotate(-1deg);
    -o-transform:rotate(-1deg);
  }
  
  100% {
    transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -o-transform:rotate(0deg);
  }
}

@-webkit-keyframes overlay-fade {
  0% {
    opacity:0;
  }
  
  2% {
    opacity:.5;
  }
  
  95% {
    opacity:.5;
  }
  
  98% {
    opacity:0;
  }
  
  100% {
    opacity:0;
  }
}

@-moz-keyframes overlay-fade {
  0% {
    opacity:0;
  }
  
  2% {
    opacity:.5;
  }
  
  95% {
    opacity:.5;
  }
  
  98% {
    opacity:0;
  }
  
  100% {
    opacity:0;
  }
}

#slider ul li .slider-span h2 {
  font-size:24px;
  line-height:24px;
  color:#fff;
  font-weight:normal;
  text-shadow:1px 1px 1px #362c30;
}

/*-------------------[SLIDER END]-------------------------*/
#profile {
  background:none;
}

.profile_section_content .heading {
  display:none;
}

.wall_post_time,.convert-time {
  display:none;
}

#profile_main_photo,#tags_container,#about_me_label {
  display:none;
}

.content {
  display:block;
}

#profile_interests_content .label {
  display:none;
}

#profile_main_about_holder {
  color:#f1f1f1;
  font-size:13px;
}

#avatar_holder {
  background:none;
}

#profile_avatar {
  display:none;
}

#profile_header_container,#unix_last_login_container {
  display:none;
}

#avatar_holder {
  background:none;
}

#footer_bar {
  display:none;
}

#profile_header_container {
  opacity:0;
}

#unix_last_updated_container {
  display:none;
}

.photo_gallery_name a,.photo_gallery_name a:visited {
  color:#fff;
  text-decoration:none;
  font-size:15px;
}

.photo_gallery_name a:hover {
  color:#F0C;
}

/***Inlaturate***/
#header_bar {
  display:none;
}

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

#photo_gallery_previews {
  display:block;
  position:relative;
  margin:0 auto;
  padding:15px;
  background:rgba(0,0,0,0.70);
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border:1px solid #000;
  margin-bottom:5px;
}

.user_comment_textarea_small {
  width:600px;
  padding:15px;
  background:rgba(0,0,0,.8);
  color:#fff;
  margin-top:12px;
  -webkit-box-shadow:inset 0 -1px 9px 1px rgba(44,50,50,0.97);
  -moz-box-shadow:inset 0 -1px 9px 1px rgba(44,50,50,0.97);
  font-family:"Palatino Linotype","Book Antiqua",Palatino,serif;
  box-shadow:inset 0 -1px 9px 1px rgba(44,50,50,0.97);
  outline:none;
  outline-style:none;
  -webkit-transition:all .3s ease;
  -moz-transition:all .3s ease;
  -o-transition:all .3s ease;
  -ms-transition:all .3s ease;
  transition:all .3s ease;
}

.user_comment_textarea_big {
  width:700px;
  height:100px;
  padding:15px;
  background:rgba(0,0,0,.8);
  color:#fff;
  margin-top:12px;
  -webkit-box-shadow:inset 0 -1px 9px 1px rgba(44,50,50,0.97);
  -moz-box-shadow:inset 0 -1px 9px 1px rgba(44,50,50,0.97);
  font-family:"Palatino Linotype","Book Antiqua",Palatino,serif;
  box-shadow:inset 0 -1px 9px 1px rgba(44,50,50,0.97);
  outline:none;
  outline-style:none;
}

.wall_post_avatar img {
  background:none repeat scroll 0 0 #131313;
  border:4px solid #111;
  margin-top:1px;
  margin-left:-5px;
  -webkit-transition:all .3s ease;
  -moz-transition:all .3s ease;
  -o-transition:all .3s ease;
  -ms-transition:all .3s ease;
  transition:all .3s ease;
  border:2px solid rgba(255,255,255,0.0);
  width:70px;
  height:70px;
}

.wall_post_avatar:hover img {
  border:2px solid #111;
  box-shadow:0 0 6px #333;
  -ms-box-shadow:0 0 6px #333;
  -o-box-shadow:0 0 6px #333;
  -webkit-box-shadow:0 0 6px #333;
}

.wall_post_info {
  width:700px;
  margin-left:42px;
  font-family:'Oswald';
  text-shadow:0 1px 0 #000;
}

.img_radius_shadow {
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}

#box-containerz {
  width:1024px;
  height:420px;
  border:1px solid #000;
}

div.wall_post {
  display:block;
  margin-top:10px;
  font-size:18px;
  color:#fff;
  padding:8px 12px;
  border:1px solid #333;
  background:rgba(0,0,0,.4);
  transition:all .9s;
  -moz-transition:all .9s;
  -ms-transition:all .9s;
  -o-transition:all .9s;
  -webkit-transition:all .9s;
  font-family:'Abel','Palatino Linotype','Book Antiqua',Palatino,serif;
}

/***CUSTOM MYFREECAMS PROFILE DESIGN BY STUDIO CSSMFC PRODUCTIONS - @CSSMFC ON TWITTER***/
div#comments {
  padding:10px;
  margin-top:10px;
  text-shadow:0 1px 0 #000;
}

div#profile_about_me.profile_subsection {
  background:url() rgba(0,0,0,0.0);
  background-repeat:no-repeat;
  background-position:top right;
}

.img_radius_shadow {
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  -webkit-box-shadow:0 1px 0 #777777;
  -moz-box-shadow:0 1px 0 #777777;
  box-shadow:0 1px 0 #777777;
}

.wall_post a,.wall_post a:visited {
  color:#fff;
  text-decoration:none;
}

.wall_post a:hover {
  color:#C93;
  text-decoration:none;
  text-shadow:none;
}

div#comments {
  padding:10px;
  margin-top:30px;
  background:none;
}

form#new_comment.hidden {
  padding:10px;
  background:rgba(0,0,0,0.0);
  border:0 solid #fff;
  border-radius:8px;
  -moz-border-radius:8px;
  -ms-border-radius:8px;
  -o-border-radius:8px;
  -webkit-border-radius:8px;
  height:auto;
  margin-top:60px;
}

#craziest_thing_label.label {
  display:none;
}

#be_anywhere_container,#hobbies_container,#talents_container,#perfect_mate_container,#perfect_date_container,#turn_ons_container,#five_things_container,#know_me_container,#for_fun_container,#favorite_songs_container,#favorite_movies_container,#craziest_thing_container,#favorite_books_container,#meaning_life_container,#know_me_container {
  display:block;
  padding:10px;
  background:rgba(0,0,0,0.50);
  border:1px solid #333;
  margin-bottom:20px;
  visibility:visible;
  font-size:17px;
  color:#fff;
  font-family:'Abel',Palatino Linotype,Book Antiqua,Palatino,serif;
  margin-left:0;
}

h1 {
  color:#096;
  font-family:'Oswald',Palatino Linotype,Book Antiqua,Palatino,serif;
  font-size:27px;
  padding-top:7px;
}

h2 {
  color:#F39;
  font-family:'Oswald',Palatino Linotype,Book Antiqua,Palatino,serif;
  font-size:25px;
  padding-top:7px;
}

h3,h4,h5,h6 {
  color:#399;
  font-family:'Oswald',Palatino Linotype,Book Antiqua,Palatino,serif;
  font-size:20px;
  padding-top:7px;
}

#profile_about_me {
}

#rate_label,#average_rating_label,#admirers_label,#friends_label,#favorite_models_label {
}

#about_me_container,#about_me_value {
  visibility:visible!important;
  font-family:'Oswald';
}

#profile_friends {
  display:block;
  margin-top:10px;
  color:#fff;
  margin-bottom:30px;
  padding:10px 13px;
  background:url();
  background-repeat:no-repeat;
  background-position:top right;
  background-color:rgba(0,0,0,0.50);
  font-size:14px;
  border:1px solid #222;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  font-family:'Abel';
}

/***CUSTOM MYFREECAMS PROFILE DESIGN BY STUDIO CSSMFC PRODUCTIONS - @CSSMFC ON TWITTER***/
#friends_value a {
  margin-right:6px;
  color:#09C;
  font-family:'Abel';
}

#friends_value a:hover {
  margin-right:6px;
  color:#fff;
}

#favorite_models_value > a::before {
  content:'\2665';
  display:inline-block;
  text-shadow:none;
  color:#fff;
  font-size:14px;
  margin-right:3px;
}

#friends_value > a::before {
  content:'\2605';
  display:inline-block;
  text-shadow:none;
  color:#666;
  font-size:12px;
  margin-right:3px;
}

#favorite_models_value a {
  color:#09C;
  font-family:'Abel';
}

#favorite_models_value a:hover {
  color:#09C;
  font-family:'Abel';
}

#favorite_models_value > a {
  margin-right:6px;
  font-family:'Abel';
}

.xcr::-webkit-scrollbar {
  width:9px;
}

.xcr::-webkit-scrollbar-track {
  -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);
  -webkit-border-radius:10px;
  border-radius:10px;
}

.xcr::-webkit-scrollbar-thumb {
  -webkit-border-radius:10px;
  border-radius:10px;
  background:#444;
  -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);
}

.xcr::-webkit-scrollbar-thumb:window-inactive {
  background:rgba(102,0,102,.3);
  border:1px solid #000;
}

#myCv {
  display:block;
  width:900px;
  height:auto;
  background:#222;
  margin:0 auto;
  border-radius:5px;
  -webkit-border-radius:5px;
  box-shadow:0 2px 5px #000,-5px 0 18px #000,5px 0 18px #000;
  -webkit-box-shadow:0 2px 5px #000,-5px 0 18px #000,5px 0 18px #000;
  overflow:hidden;
  padding-bottom:20px;
  border:1px solid #222;
  margin-top:-40px;
  -webkit-animation:fadeInScale 1.2s ease-in-out;
  -moz-animation:fadeInScale 1.2s ease-in-out;
  -o-animation:fadeInScale 1.2s ease-in-out;
  -ms-animation:fadeInScale 1.2s ease-in-out;
  animation:fadeInScale 1.2s ease-in-out;
}

hr {
  display:block;
  width:95%;
  height:1px;
  background:#000;
  margin:10px auto;
  border:0;
  box-shadow:0 1px 2px #444;
  -webkit-box-shadow:0 1px 2px #444;
}

#my-picture-top img {
  border:12px solid #E6E6E6;
  border-radius:50%;
  height:360px;
  width:360px;
}

.maintitle {
  display:block;
  text-align:center;
  font-size:2.5em;
  color:#333;
  background-image:linear-gradient(to top,rgba(0,0,0,0.70),rgba(0,0,0,.90));
  padding:10px;
  margin-bottom:20px;
  font-family:'Oswald';
}

.corp {
  display:block;
  padding:15px 30px;
  position:relative;
  font-family:'Abel';
}

@font-face {
  font-family:'Abel';
  font-style:normal;
  font-weight:400;
  src:local(Abel),local(Abel-Regular),url(https://fonts.gstatic.com/s/abel/v6/brdGGFwqYJxjg2CD1E9o7g.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000;
}

@font-face {
  font-family:'Oswald';
  font-style:normal;
  font-weight:400;
  src:local('Oswald Regular'),local(Oswald-Regular),url(https://fonts.gstatic.com/s/oswald/v10/yg0glPPxXUISnKUejCX4qfesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
  unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family:'Oswald';
  font-style:normal;
  font-weight:400;
  src:local('Oswald Regular'),local(Oswald-Regular),url(https://fonts.gstatic.com/s/oswald/v10/pEobIV_lL25TKBpqVI_a2w.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000;
}

#ModelCard {
  display:inline-block;
  width:40%;
  height:auto;
  padding:10px;
  margin:0 auto;
  position:relative;
  border:1px solid #111;
  text-align:center;
}

#ModelCard img {
  display:block;
  margin:0 auto;
  background:#000;
  text-align:center;
  border-radius:50%;
  -webkit-border-radius:50%;
  overflow:hidden;
  border:5px solid rgba(0,0,0,0.10);
  width:200px;
  height:200px;
}

.bum a:link,.bum a:visited {
  display:block;
  padding:5px;
  text-align:center;
  color:#888;
  font-size:17px;
  text-decoration:none;
  margin:0 auto;
  font-family:'Abel';
  font-style:normal;
  font-weight:400;
  background:#000;
  box-shadow:inset 0 8px 25px #111,0 1px 0 #000,0 2px 3px #000,inset 0 -1px 3px #111;
  margin:5px auto;
  border-radius:3px;
  -webkit-border-radius:3px;
}

.bum a:hover {
  display:block;
  padding:5px;
  text-align:center;
  color:#ccc;
  text-decoration:none;
  background:#000;
  box-shadow:inset 0 8px 25px #111,0 1px 0 #000,0 1px 3px #111,inset 0 1px 3px #000;
}

#AboutMe {
  display:inline-block;
  width:40%;
  height:430px;
  padding:10px;
  margin:-455px 10px auto -30px;
  border:1px solid #111;
  text-align:center;
  float:right;
}

.skilltitle {
  display:block;
  width:30%;
  height:auto;
  position:relative;
  top:-35px;
  left:25px;
  background:#222;
  text-align:center;
  color:#555;
  font-size:25px;
  padding:5px 16px;
  font-family:'Oswald';
  font-style:normal;
  font-weight:400;
  border-left:1px solid #111;
  border-right:1px solid #111;
}

.corpus {
  display:block;
  text-align:left;
  height:370px;
  padding:10px;
  overflow:auto;
  background:rgba(0,0,0,0.10);
  color:#666;
  margin-top:-30px;
}

.treq {
  display:block;
  width:95%;
  margin:5px auto;
  text-align:left;
  height:470px;
  padding:10px;
  overflow:auto;
  background:rgba(0,0,0,0.10);
  color:#666;
  font-size:19px;
}

.zreq {
  display:block;
  width:95%;
  margin:5px auto;
  text-align:left;
  height:470px;
  padding:10px;
  overflow:auto;
  background:rgba(0,0,0,0.10);
  color:#666;
  font-size:19px;
}

.zreq p {
  display:block;
  padding:6px 10px;
  border-left:5px solid rgba(0,0,0,0.0);
  margin:4px auto;
  background:rgba(0,0,0,0.10);
  color:#666;
  transition:all .3s;
  -webkit-transition:all .3s;
}

.zreq p:hover {
  display:block;
  padding:6px 10px;
  border-left:5px solid rgba(0,0,0,0.70);
  margin:4px auto;
  background:rgba(0,0,0,0.70);
  color:#ccc;
}

.treq p {
  display:block;
  padding:6px 10px;
  border-left:5px solid rgba(0,0,0,0.0);
  margin:4px auto;
  background:rgba(0,0,0,0.10);
  color:#D74646;
  transition:all .3s;
  -webkit-transition:all .3s;
}

.treq p:hover {
  display:block;
  padding:6px 10px;
  border-left:5px solid rgba(0,0,0,0.70);
  margin:4px auto;
  background:rgba(0,0,0,0.70);
  color:#ccc;
}

.treq a:link,.treq a:visited {
  display:inline-block;
  float:right;
  margin:-3px 5px auto auto;
  padding:5px 12px;
  color:#ccc;
  text-decoration:none;
  transition:all .3s;
  -webkit-transition:all .3s;
  font-family:'Oswald';
  font-size:14px;
  background:#000;
}

.treq a:hover {
  display:inline-block;
  float:right;
  margin:-3px 5px auto auto;
  padding:5px 12px;
  color:#fff;
  text-decoration:none;
  font-family:'Oswald';
  font-size:14px;
  background:#033;
  text-shadow:0 0 4px #fff;
}

.dasinfo {
  width:88%;
  height:auto;
  text-align:center;
  color:#666;
  font-size:16px;
  font-family:'Oswald';
  margin:0 auto;
}

.unscor {
  display:block;
  margin-top:10px;
  margin-bottom:15px;
  margin-left:7px;
  font-size:13px;
  color:#999;
  padding:15px 12px;
  font-family:'Tahoma';
  border:1px solid #333;
}

.unscor {
  display:block;
  margin-top:10px;
  margin-bottom:15px;
  margin-left:7px;
  font-size:13px;
  color:#999;
  padding:15px 12px;
  font-family:'Oswald';
  border:1px solid #333;
}

.skills_model1 {
  display:block;
  width:90%;
  text-align:left;
  background:#111;
  border-radius:8px;
  -moz-border-radius:8px;
  -ms-border-radius:8px;
  -o-border-radius:8px;
  -webkit-border-radius:8px;
  border:1px solid #333;
  padding-left:2px;
  padding-bottom:2px;
  padding-top:2px;
  box-shadow:0 1px 3px #000;
  margin-top:2px;
  margin-bottom:6px;
}

.metru_concept {
  display:block;
  width:99%;
  height:5px;
  border-radius:8px;
  -moz-border-radius:8px;
  -ms-border-radius:8px;
  -o-border-radius:8px;
  -webkit-border-radius:8px;
  background:#93C;
}

.metru_experience {
  display:block;
  width:96%;
  height:5px;
  border-radius:8px;
  -moz-border-radius:8px;
  -ms-border-radius:8px;
  -o-border-radius:8px;
  -webkit-border-radius:8px;
  background:#096;
}

.metru_graphic {
  display:block;
  width:96%;
  height:5px;
  border-radius:8px;
  -moz-border-radius:8px;
  -ms-border-radius:8px;
  -o-border-radius:8px;
  -webkit-border-radius:8px;
  background:#069;
}

.metru_coding {
  display:block;
  width:96%;
  height:5px;
  border-radius:8px;
  -moz-border-radius:8px;
  -ms-border-radius:8px;
  -o-border-radius:8px;
  -webkit-border-radius:8px;
  background:#F60;
}

.metru_cb {
  display:block;
  width:96%;
  height:5px;
  border-radius:8px;
  -moz-border-radius:8px;
  -ms-border-radius:8px;
  -o-border-radius:8px;
  -webkit-border-radius:8px;
  background:#C00;
}

.m100skill {
  width:99%;
}

.m90skill {
  width:90%;
}

.m80skill {
  width:80%;
}

.m70skill {
  width:70%;
}

.m60skill {
  width:60%;
}

.m50skill {
  width:50%;
}

.m40skill {
  width:40%;
}

.m30skill {
  width:30%;
}

.m20skill {
  width:20%;
}

.m10skill {
  width:10%;
}

.m100skill:after {
  content:'100%';
  display:inline-block;
  font-size:10px;
  margin-left:7px;
  float:right;
  margin-top:9px;
  background:#111;
  padding:2px;
}

.m90skill:after {
  content:'90%';
  display:inline-block;
  font-size:10px;
  margin-left:7px;
  float:right;
  margin-top:9px;
  background:#111;
  padding:2px;
}

.m80skill:after {
  content:'80%';
  display:inline-block;
  font-size:10px;
  margin-left:7px;
  float:right;
  margin-top:9px;
  background:#111;
  padding:2px;
}

.m70skill:after {
  content:'70%';
  display:inline-block;
  font-size:10px;
  margin-left:7px;
  float:right;
  margin-top:6px;
  background:#111;
  padding:2px;
}

.m60skill:after {
  content:'60%';
  display:inline-block;
  font-size:10px;
  margin-left:7px;
  float:right;
  margin-top:9px;
  background:#111;
  padding:2px;
}

.m50skill:after {
  content:'50%';
  display:inline-block;
  font-size:10px;
  margin-left:7px;
  float:right;
  margin-top:9px;
  background:#111;
  padding:2px;
}

.m40skill:after {
  content:'40%';
  display:inline-block;
  font-size:10px;
  margin-left:7px;
  float:right;
  margin-top:9px;
  background:#111;
  padding:2px;
}

.m30skill:after {
  content:'30%';
  display:inline-block;
  font-size:10px;
  margin-left:7px;
  float:right;
  margin-top:9px;
  background:#111;
  padding:2px;
}

.m20skill:after {
  content:'20%';
  display:inline-block;
  font-size:10px;
  margin-left:7px;
  float:right;
  margin-top:6px;
  background:#111;
  padding:2px;
}

.m10skill:after {
  content:'10%';
  display:inline-block;
  font-size:10px;
  margin-left:7px;
  float:right;
  margin-top:9px;
  background:#111;
  padding:2px;
}

.bxhdw {
  box-shadow:inset 0 0 2px #000;
  -moz-box-shadow:inset 0 0 2px #000;
  -webkit-box-shadow:inset 0 0 2px #000;
}

.bxhdw::before {
  content:'';
  display:inline-block;
  margin-left:-7px;
  float:right;
  margin-top:-18px;
  background:#333;
  padding:2px;
  font-size:9px;
  position:relative;
  color:#000;
  opacity:0;
}

.ttippers {
  display:inline-block;
  width:320px;
  height:320px;
  overflow:auto;
  padding:10px;
  margin:0 28px 5px 10px;
  background:rgba(0,0,0,0.10);
  text-align:left;
}

.ttippers p::before {
  content:'\2606';
  display:inline-block;
  width:30px;
  height:auto;
  color:#333;
  unicode-range:U+2606;
  text-shadow:0 1px 0 #000;
}

.ttippers p:hover::before {
  content:'\2605';
  display:inline-block;
  width:30px;
  height:auto;
  color:#ccc;
  unicode-range:U+2605;
  text-shadow:0 0 2px #fff;
}

#change {
  display:block;
  width:100px;
  height:auto;
  position:fixed;
  top:30px;
  left:-102px;
  text-align:center;
  padding-bottom:7px;
  border-radius:5px;
  background:#666;
  border:1px solid #333;
  transition:all .4s;
  -webkit-transition:all .4s;
  box-shadow:inset 0 0 30px #000,inset 0 70px 50px #000,inset 0 -20px 30px #000;
}

#change div {
  display:block;
  color:#fff;
  font-size:14px;
  font-family:'Oswald';
  background:#066;
}

#change:hover {
  display:block;
  width:100px;
  height:auto;
  position:fixed;
  top:30px;
  left:0;
  text-align:center;
  padding-bottom:7px;
  border-radius:5px;
  background:#666;
  border:1px solid #333;
}

#change::before {
  content:'\2665   change style';
  display:inline-block;
  position:relative;
  height:22px;
  top:50px;
  right:-61px;
  color:#fff;
  width:90px;
  font-size:14px;
  transform:rotate(-90deg);
  -webkit-transform:rotate(-90deg);
  padding:6px 5px;
  opacity:.7;
  transition:all .4s;
  -webkit-transition:all .4s;
  font-variant:small-caps;
  text-shadow:0 1px 0 #000;
  background:#096;
}

#change:hover::before {
  content:'\2665   change style';
  display:inline-block;
  position:relative;
  height:12px;
  top:50px;
  right:-60px;
  color:#fff;
  width:90px;
  font-size:14px;
  transform:rotate(-90deg);
  -webkit-transform:rotate(-90deg);
  padding:6px 5px;
  opacity:0;
}

.defaultstyle {
  display:block;
  width:40px;
  height:15px;
  background:#333;
  border:1px solid #999;
  margin:5px auto;
}

.redstyle {
  display:block;
  width:40px;
  height:15px;
  background:#900;
  border:1px solid #C93;
  margin:5px auto;
}

.bluestyle {
  display:block;
  width:40px;
  height:15px;
  background:#099;
  border:1px solid #444;
  margin:5px auto;
}

.defaultstyle:hover,.redstyle:hover,.bluestyle:hover {
  box-shadow:0 0 8px #fff;
}

.gen:target > #myCv2,.red:target #myCv,.change:target #myCv3 {
  -webkit-animation:fadeInScale 1.2s ease-in-out;
  -moz-animation:fadeInScale 1.2s ease-in-out;
  -o-animation:fadeInScale 1.2s ease-in-out;
  -ms-animation:fadeInScale 1.2s ease-in-out;
  animation:fadeInScale 1.2s ease-in-out;
}

.change:target .bum a:link,.change:target .bum a:visited {
  color:#099;
}

.change:target .bum a:hover {
  color:#fff;
  text-shadow:0 0 4px #fff;
}

.change:target .maintitle {
  color:#099;
}

.change:target .zreq p,.change:target .treq p {
  background:rgba(0,102,102,0.10);
  color:#fff;
  text-shadow:0 1px 0 #000;
}

.change:target .corp {
  background:rgba(255,255,255,0.10);
}

.change:target .skilltitle {
  background:#333;
  color:#099;
}

.change:target .xcr::-webkit-scrollbar {
  width:9px;
}

.change:target .xcr::-webkit-scrollbar-track {
  -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);
  -webkit-border-radius:10px;
  border-radius:10px;
}

.change:target .xcr::-webkit-scrollbar-thumb {
  -webkit-border-radius:10px;
  border-radius:10px;
  background:#096;
  -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);
}

.change:target .xcr::-webkit-scrollbar-thumb:window-inactive {
  background:rgba(102,0,102,.3);
  border:1px solid #000;
}

.change:target .ttippers p:hover::before {
  content:'\2605';
  display:inline-block;
  width:30px;
  height:auto;
  color:#096;
  unicode-range:U+2605;
  text-shadow:0 0 2px #000;
}

.change:target #ModelCard img {
  display:block;
  margin:0 auto;
  background:#000;
  text-align:center;
  border-radius:50%;
  -webkit-border-radius:50%;
  overflow:hidden;
  border:5px solid rgba(0,102,102,0.50);
  width:200px;
  height:200px;
}

.change:target .bluebg {
  display:block;
  position:fixed;
  width:101%;
  height:101%;
  z-index:-2;
  top:-1px;
  left:-1px;
  background:rgba(0,102,102,0.20);
  background-image:linear-gradient(rgba(255,255,255,0.0) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.0) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);
  background-size:50px 50px,50px 50px,20px 20px,20px 20px;
  background-position:-2px -2px,-2px -2px,-1px -1px,-1px -1px;
}

.gen:target {
}

.gen:target .defaultbg {
  display:block;
  position:fixed;
  width:101%;
  height:101%;
  z-index:-2;
  background-color:#111;
  top:-1px;
  left:-1px;
  background:linear-gradient(27deg,#151515 5px,transparent 5px) 0 5px,linear-gradient(207deg,#151515 5px,transparent 5px) 10px 0px,linear-gradient(27deg,#222 5px,transparent 5px) 0 10px,linear-gradient(207deg,#222 5px,transparent 5px) 10px 5px,linear-gradient(90deg,#1b1b1b 10px,transparent 10px),linear-gradient(#1d1d1d 25%,#1a1a1a 25%,#1a1a1a 50%,transparent 50%,transparent 75%,#242424 75%,#242424);
  background-color:#131313;
  background-size:20px 20px;
}

.red:target .bum a:link,.red:target .bum a:visited {
  color:#900;
}

.red:target .bum a:hover {
  color:#fff;
  text-shadow:0 0 4px #fff;
  background:#900;
}

.red:target .treq a:hover {
  background:#900;
}

.red:target .maintitle {
  color:#C93;
}

.red:target .skilltitle {
  background:#111;
  color:#900;
  border-left:1px solid #000;
  border-right:1px solid #000;
}

.red:target .zreq p,.red:target .treq p {
  background:rgba(0,0,0,0.10);
  color:#777;
  text-shadow:0 1px 0 #000;
  border-left:5px solid rgba(204,0,0,0.10);
}

.red:target .zreq p:hover,.red:target .treq p:hover {
  background:rgba(0,0,0,0.20);
  color:#fff;
  text-shadow:0 1px 0 #000;
  border-left:5px solid #900;
}

.red:target .corp {
  background:rgba(0,0,0,0.50);
}

.red:target .xcr::-webkit-scrollbar {
  width:9px;
}

.red:target .xcr::-webkit-scrollbar-track {
  -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);
  -webkit-border-radius:10px;
  border-radius:10px;
}

.red:target .xcr::-webkit-scrollbar-thumb {
  -webkit-border-radius:10px;
  border-radius:10px;
  background:#900;
  -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);
}

.red:target .xcr::-webkit-scrollbar-thumb:window-inactive {
  background:rgba(102,0,102,.3);
  border:1px solid #000;
}

.red:target .ttippers p:hover::before {
  content:'\2605';
  display:inline-block;
  width:30px;
  height:auto;
  color:#900;
  unicode-range:U+2605;
  text-shadow:0 0 2px #000;
}

.red:target #ModelCard {
  border:1px solid #000;
}

.red:target #ModelCard img {
  display:block;
  margin:0 auto;
  background:#000;
  text-align:center;
  border-radius:50%;
  -webkit-border-radius:50%;
  overflow:hidden;
  border:5px solid rgba(153,0,0,0.50);
  width:200px;
  height:200px;
}

.red:target .redbg {
  display:block;
  position:fixed;
  width:101%;
  height:101%;
  z-index:-2;
  top:-1px;
  left:-1px;
  background:radial-gradient(hsl(0,100%,27%) 4%,hsl(0,100%,18%) 9%,hsla(0,100%,20%,0) 9%) 0 0,radial-gradient(hsl(0,100%,27%) 4%,hsl(0,100%,18%) 8%,hsla(0,100%,20%,0) 10%) 50px 50px,radial-gradient(hsla(0,100%,30%,0.8) 20%,hsla(0,100%,20%,0)) 50px 0,radial-gradient(hsla(0,100%,30%,0.8) 20%,hsla(0,100%,20%,0)) 0 50px,radial-gradient(hsla(0,100%,20%,1) 35%,hsla(0,100%,20%,0) 60%) 50px 0,radial-gradient(hsla(0,100%,20%,1) 35%,hsla(0,100%,20%,0) 60%) 100px 50px,radial-gradient(hsla(0,100%,15%,0.7),hsla(0,100%,20%,0)) 0 0,radial-gradient(hsla(0,100%,15%,0.7),hsla(0,100%,20%,0)) 50px 50px,linear-gradient(45deg,hsla(0,100%,20%,0) 49%,hsla(0,100%,0%,1) 50%,hsla(0,100%,20%,0) 70%) 0 0,linear-gradient(-45deg,hsla(0,100%,20%,0) 49%,hsla(0,100%,0%,1) 50%,hsla(0,100%,20%,0) 70%) 0 0;
  background-color:#300;
  background-size:100px 100px;
}

#myCv2 {
  display:block;
  width:900px;
  margin-top:-110px;
}

.gen:target #myCv {
  display:block;
  width:900px;
  margin-top:-110px;
}

.change:target #myCv2 {
  display:block;
  width:900px;
  margin-top:-110px;
}

.red:target #myCv3 {
  display:block;
  width:900px;
  margin-top:-110px;
}

@-webkit-keyframes fadeInScale {
  0% {
    -webkit-transform:scale(0.6);
    opacity:0;
    height:0;
  }
  
  100% {
    -webkit-transform:scale(1);
    opacity:1;
    height:auto;
  }
}

@-moz-keyframes fadeInScale {
  0% {
    -moz-transform:scale(0.6);
    opacity:0;
    height:0;
  }
  
  100% {
    -moz-transform:scale(1);
    opacity:1;
    height:auto;
  }
}

@-o-keyframes fadeInScale {
  0% {
    -o-transform:scale(0.6);
    opacity:0;
    height:0;
  }
  
  100% {
    -o-transform:scale(1);
    opacity:1;
    height:auto;
  }
}

@-ms-keyframes fadeInScale {
  0% {
    -ms-transform:scale(0.6);
    opacity:0;
    height:0;
  }
  
  100% {
    -ms-transform:scale(1);
    opacity:1;
    height:auto;
  }
}

@keyframes fadeInScale {
  0% {
    transform:scale(0.6);
    opacity:0;
    height:0;
  }
  
  100% {
    transform:scale(1);
    opacity:1;
    height:auto;
  }
}