@charset "UTF-8";

/* CSS Document BY Vermont Internet Design LLC http://www.vermontinternetdesign.com */
UTF-8;
.header_time {
  text-align:left;
  float:left;
}

.TopTips {
  position:fixed;
  top:12px;
  right:10px;
  background-color:#000000;
  padding:2px 10px 8px 16px;
  border-radius:10px;
  transform:translateZ(0);
  -webkit-transform:translateZ(0);
}

.Icons {
  position:fixed;
  top:55px;
  background-color:#fff;
  padding:12px 10px 8px 16px;
  border-radius:10px;
  transform:translateZ(0);
  -webkit-transform:translateZ(0);
  z-index:100;
}

a,a:visited {
  color:rgba(0,0,0,1);
  text-decoration:none;
  text-shadow:2px 0 0 #fff,-2px 0 0 #fff,0 2px 0 #fff,0 -2px 0 #fff,1px 1px #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff;
}

a:hover,a:focus {
  color:rgba(255,0,0,1);
  text-decoration:none;
}

a.two:link {
  color:yellow;
  text-shadow:2px 1px 1px #000;
}

a.two:visited {
  color:yellow;
  text-shadow:2px 1px 1px #000;
  text-decoration:none;
}

a.two:hover {
  color:yellow;
  text-shadow:2px 1px 1px rgba(255,0,0,0.75);
  text-decoration:none;
}

a.two:focus {
  color:yellow;
  text-shadow:2px 1px 1px rgba(255,0,0,0.75);
}

a.three:link {
  color:#E25110;
}

a.three:visited {
  color:#E25110;
  text-decoration:none;
}

a.three:hover {
  color:#750606;
  text-decoration:none;
}

a.three:focus {
  color:#750606;
  text-decoration:none;
}

.color {
  color:#A02D2D;
}

::-webkit-scrollbar {
  -webkit-appearance:none;
  width:18px;
  height:12px;
}

::-webkit-scrollbar-thumb {
  border-radius:30px;
  -moz-border-radius:30px;
  -o-border-radius:30px;
  border:2px solid black;
  background-color:#FF00FF;
}

::-webkit-scrollbar-thumb:hover {
  border-radius:30px;
  -webkit-border-radius:30px;
  -moz-border-radius:30px;
  -o-border-radius:30px;
  border:2px solid black;
  background-color:#FF00FF;
}

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

body {
  font-family:Helvetica,Arial,'DejaVu Sans',sans-serif sans-serif;
  font-size:1rem;
  line-height:1;
  color:rgba(255,255,255,1);
  background-color:#000000;
  background-image:url(https://img.mfcimg.com/photos2/126/12601564/476-754-361-557-9197586.jpg);
  background-size:100% 100%;
  background-position:top right;
  background-repeat:no-repeat;
  background-attachment:fixed;
  padding:0;
  margin:0;
  opacity:0;
  -webkit-animation:fadeIn ease 1;
  -moz-animation:fadeIn ease 1;
  animation:fadeIn ease 1;
  -o-animation:fadeIn ease 1;
  -ms-animation:fadeIn ease 1;
  -webkit-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
  -o-animation-fill-mode:forwards;
  animation-fill-mode:forwards;
  -ms-animation-fill-mode:forwards;
  -webkit-animation-duration:2s;
  -moz-animation-duration:2s;
  -o-animation-duration:2s;
  animation-duration:2s;
  -ms-animation-duration:2s;
  -webkit-animation-delay:1.5s;
  -moz-animation-delay:1.5s;
  -o-animation-delay:1.5s;
  animation-delay:1.5s;
  -ms-animation-delay:1.5s;
}

ul {
  padding:0;
  margin:0;
  list-style-type:none;
}

ol {
  padding:0;
  margin:0;
  list-style-type:none;
}

.twocolumn {
  -moz-column-count:2;
  -webkit-column-count:2;
  column-count:2;
}

#header_bar {
  display:block;
  position:fixed;
  background-color:#fff;
  top:0;
  left:0;
  height:5px;
}

#header_bar a {
  font-size:10px;
}

/* ===MFC Elements ===*/
#favorite_models_container,#profile_friends,#footer_bar,#about_me_label,#profile_main_photo,#profile_header_container,#tags_label,#tags_value,.heading,#average_rating_count,#cam_score_container,#profile_about_me > div:nth-child(1) {
  display:none;
}

#username_value,#gender_value,#body_type_value,#ethnicity_label,#hair_value,#eyes_value,#weight_value,#height_value,#age_value,#country_value,#sexual_preference_value,#friends_value,#marital_status_value,#camscore_value {
  display:none;
}

.rotate:hover {
  -ms-transform:rotate(-30deg);
  -webkit-transform:rotate(-30deg);
  -moz-transform:rotate(-30deg);
  -o-transform:rotate(-30deg);
  transform:rotate(-30deg);
}

.notice {
  opacity:0;
}

#profile {
  width:1000px;
  margin:40px auto 10px;
  background:url(https://img.mfcimg.com/photos2/126/12601564/464-495-121-303-9201000.jpg),url();
  background-color:#999;
  background-position:center 110px;
  background-repeat:no-repeat,repeat;
  background-size:1000px 750px;
  box-shadow:0 0 10px 7px rgba(0,0,0,0.8);
  font-size:.875em;
  line-height:1.25;
}

#profile_header {
  padding:137px 0 0;
}

#avatar_holder {
  width:160px;
  height:160px;
  margin-bottom:-10px;
  margin-left:19px;
}

#profile_avatar {
  width:160px;
  height:160px;
  padding:1px;
  background-color:rgba(0,0,0,0.58);
  border:1px solid rgba(5,5,5,1);
  box-shadow:-1px 1px 3px rgba(0,0,0,1),1px -1px 3px rgba(0,0,0,1);
  animation-name:slideLeft;
  -webkit-animation-name:slideRight;
  -moz-animation-name:slideRight;
  -o-animation-name:slideRight;
  -ms-animation-name:slideRight;
  animation-duration:3s;
  -webkit-animation-duration:3s;
  -moz-animation-duration:3s;
  -o-animation-duration:3s;
  -ms-animation-duration:3s;
  animation-delay:1.55s;
  -webkit-animation-delay:1.55s;
  -moz-animation-delay:1.55s;
  -o-animation-delay:1.55s;
  -ms-animation-delay:1.55s;
  animation-timing-function:ease-in-out;
  -webkit-animation-timing-function:ease-in-out;
  -moz-animation-timing-function:ease-in-out;
  -o-animation-timing-function:ease-in-out;
  -ms-animation-timing-function:ease-in-out;
  visibility:visible!important;
}

.profile_section {
  border-spacing:0;
}

.profile_section .heading {
  margin:auto;
  height:65px;
  font-size:3em;
  font-family:Aladin;
  text-align:center;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  letter-spacing:1px;
  text-shadow:1px 1px 10px #A403B6,-1px -1px 10px #A403B6;
  text-transform:uppercase;
}

.profile_section_content {
  z-index:auto;
  color:#ff33cc;
}

#profile_about_me {
  margin:10px;
}

#about_me_value {
  display:block;
  margin:10px 0;
}

#about_me_value img {
  margin:80px 0 0 -20px;
}

#custom_pro {
  margin:10px auto;
  width:800px;
  padding:10px;
  background-color:#fff;
}

img {
  border-radius:0;
  box-shadow:none;
}

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

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

.images {
  padding:15px 0 10px 19px;
  background:rgba(147,1,123,1);
  border-bottom:15px solid #520000;
  border-left:12px solid #520000;
  border-right:12px solid #520000;
  border-radius:0 0 10px 10px;
  -webkit-border-radius:0 0 10px 10px;
  -moz-border-radius:0 0 10px 10px;
  -o-border-radius:0 0 10px 10px;
  box-shadow:0 0 15px #000;
}

.container {
  display:block;
  margin:0 0 0 20px;
}

.in_page_anchor {
  padding-top:50px;
  margin-top:-50px;
  display:inline-block;
/* required for webkit browsers */
}

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

.password_photo_gallery_control {
  text-decoration:none;
}

.photo_gallery_previews {
  text-align:center;
  overflow:auto;
  background:rgba(0,0,0,1);
/* background-image:url(http://i58.tinypic.com/345fvao.jpg); */
  background-size:100%;
  background-position:center;
  background-repeat:no-repeat;
  list-style-type:none;
  min-height:250px;
  max-height:585px;
  margin-top:-15px;
  margin-bottom:20px;
  border-bottom:15px solid #000000;
  border-left:12px solid #000000;
  border-right:12px solid #000000;
  border-radius:0 0 10px 10px;
  -webkit-border-radius:0 0 10px 10px;
  -moz-border-radius:0 0 10px 10px;
  -o-border-radius:0 0 10px 10px;
  box-shadow:0 0 15px #000;
}

.photo_gallery_image {
  border:2px solid #333;
  cursor:pointer;
  width:100px;
  height:100px;
  background:#333;
  box-shadow:2px 2px 0 rgba(147,1,123,1),0px -1px 0 rgba(147,1,123,1),1px 0 4px #000;
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  -ms-transition:all .5s;
  -o-transition:all .5s;
  transition:all .5s;
}

.photo_gallery_image:hover {
  border:2px solid rgba(82,0,0,1);
  width:100px;
  height:100px;
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  -ms-transition:all .5s;
  -o-transition:all .5s;
  transition:all .5s;
  box-shadow:2px 2px 10px #000,0 -1px 10px #000;
  opacity:.7;
  -moz-transform:rotate(-10deg);
  -webkit-transform:rotate(-10deg);
}

.photo_gallery_link {
  font-size:16px;
  font-weight:900;
  color:black;
}

.photo_gallery_name {
  font-size:16px;
  font-weight:900;
  color:black;
}

.photo_gallery_count {
  font-size:10px;
  font-weight:900;
  color:black;
}

.photo_gallery {
  margin-bottom:20px;
}

#meaning_life_label {
  margin-top:15px;
}

#schedule_converted {
  display:block;
  border:thin solid #fff;
}

#profile_schedule {
  display:block;
  margin:10px auto;
  background-color:#fff;
}

#profile_schedule .heading,#profile_interests_content .heading,#profile_comments .heading,#profile_password_photo_galleries .heading,#profile_photo_galleries .heading {
  display:block!important;
}

#username_label,#gender_label,#sexual_preference_label {
  display:none;
}

.wall_post,#new_comment {
  border:thin solid #ff33ff;
  padding:10px;
  margin:10px auto;
  background-color:#fff;
}

#user_comment_comment {
  margin:0 auto;
  width:500px!important;
}

#new_comment {
  text-align:center;
}

#wall_poster_username {
  float:left;
}

#profile_interests_content {
  border:thick solid #ff33ff;
  padding:10px;
  margin:20px;
  background-color:#66ffff;
}

/* ==========================================================================
   Classes for Custom Content
   ========================================================================== */
#headerlogo {
  width:450px;
  height:200px;
  margin:-237px 138px 23px;
  text-align:right;
  font-family:Bradley Hand ITC;
  font-size:29px;
  font-weight:bold;
  letter-spacing:.5px;
  line-height:34px;
  color:#750606;
  text-shadow:1.5px 4px 5px rgba(255,0,0,0.4);
}

#SocicalNetworking {
  display:block;
  width:815px;
  height:100px;
  padding:5px 52px 15px;
  position:relative;
  margin:0 auto;
  top:148px;
  border-radius:55px;
  -webkit-border-radius:55px;
  -moz-border-radius:55px;
  -o-border-radius:55px;
  background:rgba(0,0,0,1);
  box-shadow:4px 5px 10px #000000;
}

.social {
  margin-right:54px;
}

.socialhover {
  border:3px solid #000;
  border-radius:35px 10px 35px 10px;
  -webkit-border-radius:35px 10px 35px 10px;
  -moz-border-radius:35px 10px;
  -o-border-radius:35px 10px 35px 10px;
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  -ms-transition:all .5s;
  -o-transition:all .5s;
  transition:all .5s;
}

/* ==========================================================================
   Loader
   ========================================================================== */
@-webkit-keyframes fadeIn {
  from {
    opacity:0;
  }
  
  to {
    opacity:1;
  }
}

@-moz-keyframes fadeIn {
  from {
    opacity:0;
  }
  
  to {
    opacity:1;
  }
}

@-o-animation fadeIn {
  fromopacity:0;
}

to {
  opacity:1;
}  
}

@keyframes fadeIn {
  from {
    opacity:0;
  }
  
  to {
    opacity:1;
  }
}

@-ms-keyframes fadeIn {
  from {
    opacity:0;
  }
  
  to {
    opacity:1;
  }
}

.fade-in {
  opacity:0;
/* make things invisible upon start */
  -webkit-animation:fadeIn ease 1;
/* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeIn ease 1;
  -o-animation:fadeIn ease 1;
  animation:fadeIn ease 1;
  -ms-animation:fadeIn ease 1s;
  -webkit-animation-fill-mode:forwards;
/* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  -o-animation:forwards;
  animation-fill-mode:forwards;
  -ms-animation-fill-mode:forwards;
  animation-duration:1s;
  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  -o-animation-duration:1s;
  -ms-animation-duration:1s;
}

.fade-in.one {
  animation-delay:3s;
  -webkit-animation-delay:3s;
  -moz-animation-delay:3s;
  -o-animation-delay:3s;
  -ms-animation-delay:3s;
}

.fade-in.two {
  animation-delay:3.2s;
  -webkit-animation-delay:3.2s;
  -moz-animation-delay:3.2s;
  -o-animation-delay:3.2s;
  -ms-animation-delay:3.2s;
}

.fade-in.three {
  animation-delay:3.4s;
  -webkit-animation-delay:3.4s;
  -moz-animation-delay:3.4s;
  -o-animation-delay:3.4s;
  -ms-animation-delay:3.4s;
}

.fade-in.four {
  animation-delay:3.6s;
  -webkit-animation-delay:3.6s;
  -moz-animation-delay:3.6s;
  -o-animation-delay:3.6s;
  -ms-animation-delay:3.6s;
}

.fade-in.five {
  animation-delay:3.8s;
  -webkit-animation-delay:3.8s;
  -moz-animation-delay:3.8s;
  -o-animation-delay:3.8s;
  -ms-animation-delay:3.8s;
}

.fade-in.six {
  animation-delay:4s;
  -webkit-animation-delay:4s;
  -moz-animation-delay:4s;
  -o-animation-delay:4s;
  -ms-animation-delay:4s;
}

.fade-in.seven {
  animation-delay:4.2s;
  -webkit-animation-delay:4.2s;
  -moz-animation-delay:4.2s;
  -o-animation-delay:4.2s;
  -ms-animation-delay:4.2s;
}

.fade-in.eight {
  animation-delay:4.4s;
  -webkit-animation-delay:4.4s;
  -moz-animation-delay:4.4s;
  -o-animation-delay:4.4s;
  -ms-animation-delay:4.6s;
}

.fade-in.nine {
  animation-delay:4.6s;
  -webkit-animation-delay:4.6s;
  -moz-animation-delay:4.6s;
  -o-animation-delay:4.6s;
  -ms-animation-delay:4.6s;
}

.fade-in.ten {
  animation-delay:5s;
  -webkit-animation-delay:5s;
  -moz-animation-delay:5s;
  -o-animation-delay:5s;
  -ms-animation-delay:5s;
}

/*
==============================================
Pulse One
==============================================
*/
.pulse {
  animation-name:pulse;
  -webkit-animation-name:pulse;
  -moz-animation-name:pulse;
  -o-animation-name:pulse;
  -ms-animation-name:pulse;
  animation-duration:2s;
  -webkit-animation-duration:2s;
  -moz-animation-duration:2s;
  -o-animation-duration:2s;
  -ms-animation-duration:2s;
  animation-iteration-count:infinite;
  -webkit-animation-iteration-count:infinite;
  -moz-animation-iteration-count:infinite;
  -o-animation-iteration-count:infinite;
  -ms-animation-iteration-count:infinite;
}

@keyframes pulse {
  0% {
    transform:scale(0.95);
    opacity:1;
  }
  
  50% {
    transform:scale(1);
    opacity:1;
  }
  
  100% {
    transform:scale(0.95);
    opacity:1;
  }
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform:scale(0.95);
    opacity:1;
  }
  
  50% {
    -webkit-transform:scale(1);
    opacity:1;
  }
  
  100% {
    -webkit-transform:scale(0.95);
    opacity:1;
  }
}

@-moz-keyframes pulse {
  0% {
    transform:scale(0.95);
    opacity:1;
  }
  
  50% {
    transform:scale(1);
    opacity:1;
  }
  
  100% {
    transform:scale(0.95);
    opacity:1;
  }
}

@-o-keyframes pulse {
  0% {
    transform:scale(0.95);
    opacity:1;
  }
  
  50% {
    transform:scale(1);
    opacity:1;
  }
  
  100% {
    transform:scale(0.95);
    opacity:1;
  }
}

@-ms-keyframes pulse {
  0% {
    transform:scale(0.95);
    opacity:1;
  }
  
  50% {
    transform:scale(1);
    opacity:1;
  }
  
  100% {
    transform:scale(0.95);
    opacity:1;
  }
}

/* ==============================================
Pulse Two
============================================== */
.pulse2 {
  animation-name:pulse2;
  -webkit-animation-name:pulse2;
  -moz-animation-name:pulse2;
  -o-animation-name:pulse2;
  -ms-animation-name:pulse2;
  animation-duration:2s;
  -webkit-animation-duration:2s;
  -moz-animation-duration:2s;
  -o-animation-duration:2s;
  -ms-animation-duration:2s;
  animation-iteration-count:infinite;
  -webkit-animation-iteration-count:infinite;
  -moz-animation-iteration-count:infinite;
  -o-animation-iteration-count:infinite;
  -ms-animation-iteration-count:infinite;
}

@keyframes pulse2 {
  0% {
    transform:scale(1);
    opacity:1;
  }
  
  50% {
    transform:scale(0.95);
    opacity:1;
  }
  
  100% {
    transform:scale(1);
    opacity:1;
  }
}

@-webkit-keyframes pulse2 {
  0% {
    -webkit-transform:scale(1);
    opacity:1;
  }
  
  50% {
    -webkit-transform:scale(0.95);
    opacity:1;
  }
  
  100% {
    -webkit-transform:scale(1);
    opacity:1;
  }
}

@-moz-keyframes pulse2 {
  0% {
    transform:scale(1);
    opacity:1;
  }
  
  50% {
    transform:scale(0.95);
    opacity:1;
  }
  
  100% {
    transform:scale(1);
    opacity:1;
  }
}

@-o-keyframes pulse2 {
  0% {
    transform:scale(1);
    opacity:1;
  }
  
  50% {
    transform:scale(0.95);
    opacity:1;
  }
  
  100% {
    transform:scale(1);
    opacity:1;
  }
}

@-ms-keyframes pulse2 {
  0% {
    transform:scale(1);
    opacity:1;
  }
  
  50% {
    transform:scale(0.95);
    opacity:1;
  }
  
  100% {
    transform:scale(1);
    opacity:1;
  }
}

/* ==============================================
SlideExpandUp
============================================== */
.slideExpandUp {
  animation-name:slideExpandUp;
  -webkit-animation-name:slideExpandUp;
  -moz-animation-name:slideExpandUp;
  -o-animation-name:slideExpandUp;
  -ms-animation-name:slideExpandUp;
  -webkit-perspective:1000;
  -webkit-backface-visibility:hidden;
  visibility:visible!important;
}

@keyframes slideExpandUp {
  0% {
    transform:translateY(100%) scaleX(0.5);
    opacity:0;
  }
  
  50% {
    transform:translateY(-8%) scaleX(0.75);
    opacity:0,75;
  }
  
  60% {
    transform:translateY(2%) scaleX(0.85);
  }
  
  70% {
    transform:translateY(0%) scaleX(1.1);
  }
  
  80% {
    transform:translateY(0%) scaleX(0.9);
  }
  
  85% {
    transform:translateY(0%) scaleX(1.05);
  }
  
  90% {
    transform:translateY(0%) scaleX(0.95);
  }
  
  95% {
    transform:translateY(0%) scaleX(1.02);
  }
  
  100% {
    transform:translateY(0%) scaleX(1);
  }
}

@-webkit-keyframes slideExpandUp {
  0% {
    transform:translateY(100%) scaleX(0.5);
    opacity:0;
  }
  
  50% {
    transform:translateY(-8%) scaleX(0.75);
    opacity:0,75;
  }
  
  60% {
    transform:translateY(2%) scaleX(0.85);
  }
  
  70% {
    transform:translateY(0%) scaleX(1.1);
  }
  
  80% {
    transform:translateY(0%) scaleX(0.9);
  }
  
  85% {
    transform:translateY(0%) scaleX(1.05);
  }
  
  90% {
    transform:translateY(0%) scaleX(0.95);
  }
  
  95% {
    transform:translateY(0%) scaleX(1.02);
  }
  
  100% {
    transform:translateY(0%) scaleX(1);
  }
}

@-o-keyframes slideExpandUp {
  0% {
    transform:translateY(100%) scaleX(0.5);
    opacity:0;
  }
  
  50% {
    transform:translateY(-8%) scaleX(0.75);
    opacity:0,75;
  }
  
  60% {
    transform:translateY(2%) scaleX(0.85);
  }
  
  70% {
    transform:translateY(0%) scaleX(1.1);
  }
  
  80% {
    transform:translateY(0%) scaleX(0.9);
  }
  
  85% {
    transform:translateY(0%) scaleX(1.05);
  }
  
  90% {
    transform:translateY(0%) scaleX(0.95);
  }
  
  95% {
    transform:translateY(0%) scaleX(1.02);
  }
  
  100% {
    transform:translateY(0%) scaleX(1);
  }
}

@-ms-keyframes slideExpandUp {
  0% {
    transform:translateY(100%) scaleX(0.5);
    opacity:0;
  }
  
  50% {
    transform:translateY(-8%) scaleX(0.75);
    opacity:0,75;
  }
  
  60% {
    transform:translateY(2%) scaleX(0.85);
  }
  
  70% {
    transform:translateY(0%) scaleX(1.1);
  }
  
  80% {
    transform:translateY(0%) scaleX(0.9);
  }
  
  85% {
    transform:translateY(0%) scaleX(1.05);
  }
  
  90% {
    transform:translateY(0%) scaleX(0.95);
  }
  
  95% {
    transform:translateY(0%) scaleX(1.02);
  }
  
  100% {
    transform:translateY(0%) scaleX(1);
  }
}

@-moz-keyframes slideExpandUp {
  0% {
    transform:translateY(100%) scaleX(0.5);
    opacity:0;
  }
  
  50% {
    transform:translateY(-8%) scaleX(0.75);
    opacity:0,75;
  }
  
  60% {
    transform:translateY(2%) scaleX(0.85);
  }
  
  70% {
    transform:translateY(0%) scaleX(1.1);
  }
  
  80% {
    transform:translateY(0%) scaleX(0.9);
  }
  
  85% {
    transform:translateY(0%) scaleX(1.05);
  }
  
  90% {
    transform:translateY(0%) scaleX(0.95);
  }
  
  95% {
    transform:translateY(0%) scaleX(1.02);
  }
  
  100% {
    transform:translateY(0%) scaleX(1);
  }
}

/* ==============================================
SlideLeft
============================================== */
@keyframes slideLeft {
  0% {
    -webkit-transform:translateX(700%);
    opacity:.1;
  }
  
  65% {
    -webkit-transform:translateX(4%);
    opacity:.85;
  }
  
  80% {
    -webkit-transform:translateX(0%);
    opacity:.9;
  }
  
  90% {
    -webkit-transform:translateX(5%);
    opacity:.95;
  }
  
  100% {
    -webkit-transform:translateX(0%);
    opacity:1;
  }
}

@-webkit-keyframes slideLeft {
  0% {
    -webkit-transform:translateX(700%);
    opacity:.1;
  }
  
  65% {
    -webkit-transform:translateX(4%);
    opacity:.85;
  }
  
  80% {
    -webkit-transform:translateX(-5%);
    opacity:.9;
  }
  
  95% {
    -webkit-transform:translateX(2%);
    opacity:.95;
  }
  
  100% {
    -webkit-transform:translateX(0%);
    opacity:1;
  }
}

@-ms-keyframes slideLeft {
  0% {
    -webkit-transform:translateX(700%);
    opacity:.1;
  }
  
  65% {
    -webkit-transform:translateX(4%);
    opacity:.85;
  }
  
  80% {
    -webkit-transform:translateX(-5%);
    opacity:.9;
  }
  
  95% {
    -webkit-transform:translateX(2%);
    opacity:.95;
  }
  
  100% {
    -webkit-transform:translateX(0%);
    opacity:1;
  }
}

@-o-keyframes slideLeft {
  0% {
    -webkit-transform:translateX(700%);
    opacity:.1;
  }
  
  65% {
    -webkit-transform:translateX(4%);
    opacity:.85;
  }
  
  80% {
    -webkit-transform:translateX(-5%);
    opacity:.9;
  }
  
  95% {
    -webkit-transform:translateX(2%);
    opacity:.95;
  }
  
  100% {
    -webkit-transform:translateX(0%);
    opacity:1;
  }
}

@-moz-keyframes slideLeft {
  0% {
    -webkit-transform:translateX(700%);
    opacity:.1;
  }
  
  65% {
    -webkit-transform:translateX(4%);
    opacity:.85;
  }
  
  80% {
    -webkit-transform:translateX(-5%);
    opacity:.9;
  }
  
  95% {
    -webkit-transform:translateX(2%);
    opacity:.95;
  }
  
  100% {
    -webkit-transform:translateX(0%);
    opacity:1;
  }
}