@charset "UTF-8";

/*----------- fonts ---------------*/
@font-face {
  font-family:'Special Elite';
  font-style:normal;
  font-weight:400;
  src:local('Special Elite'),local(SpecialElite-Regular),url(https://fonts.gstatic.com/s/specialelite/v6/9-wW4zu3WNoD5Fjka35Jm_n8qdNnd5eCmWXua5W-n7c.woff) format("woff");
}

@font-face {
  font-family:'Electrolize';
  font-style:normal;
  font-weight:400;
  src:local(Electrolize),local(Electrolize-Regular),url(https://fonts.gstatic.com/s/electrolize/v5/DDy9sgU2U7S4xAwH5thnJ4bN6UDyHWBl620a-IRfuBk.woff) format("woff");
}

/*----------- fonts end -----------*/
a:link {
  color:#394b31;
}

a:hover,a:active {
  color:#ff6c00;
}

a:visited {
  color:#8ca25a;
}

html {
  height:100%;
/* fix for android */
}

body {
  min-height:100%;
/* fix for android */
  background-color:#281a17;
  background-image:url(https://img.mfcimg.com/photos2/184/18461989/542-459-873-845-12331581.jpg),url(https://img.mfcimg.com/photos2/184/18461989/108-641-843-262-12947600.jpg);
  background-position:top left,top right;
  background-repeat:no-repeat,no-repeat;
  background-attachment:fixed,fixed;
  -webkit-background-size:contain,contain;
  -moz-background-size:contain,contain;
  -o-background-size:contain,contain;
  background-size:contain,contain;
  color:#666666;
  font-family:'Verdana';
  font-weight:normal;
  font-style:normal;
  font-size:12px;
}

@media all and (max-width:1084px) {
  body {
    padding:0;
    margin:0;
    -webkit-background-size:cover,cover;
    -moz-background-size:cover,cover;
    -o-background-size:cover,cover;
    background-size:cover,cover;
  }
}

img {
  max-width:1024px;
}

.profile_section_content {
  color:#666666;
  border:0 none;
  padding:0;
  margin:1rem 0;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
}

.profile_section_background {
  background-color:#FFFFFF;
  filter:alpha(opacity=100);
  opacity:1;
}

#profile_about_me_friends .profile_section_background {
  background-image:url(http://pbs.twimg.com/media/CuwZpOWVYAAgD4b.jpg);
  background-repeat:no-repeat;
  background-position:0 176px;
  -webkit-background-size:100% auto;
  -moz-background-size:100% auto;
  -o-background-size:100% auto;
  background-size:100% auto;
}

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

.profile_section_content .heading {
  position:relative;
  height:56px;
  padding:0;
  text-indent:1em;
  line-height:56px;
  vertical-align:middle;
  color:#ffffff;
  color:rgba(255,255,255,0.4);
  background-color:#394b31;
  background-color:rgba(57,75,49,0.8);
  font-family:'Verdana';
  font-weight:normal;
  font-style:normal;
  font-size:26px;
  -webkit-text-shadow:0 0 3px rgba(255,255,255,0.8);
  -moz-text-shadow:0 0 3px rgba(255,255,255,0.8);
  text-shadow:0 0 3px rgba(255,255,255,0.8);
  -webkit-box-shadow:0 8px 6px -3px rgba(0,0,0,0.7);
  -moz-box-shadow:0 8px 6px -3px rgba(0,0,0,0.7);
  box-shadow:0 8px 6px -3px rgba(0,0,0,0.7);
  -moz-transition:all .6s ease;
  -o-transition:all .6s ease;
  -webkit-transition:all .6s ease;
  -ms-transition:all .6s ease;
  transition:all .6s ease;
}

.profile_section_content .heading::after {
  display:block;
  position:absolute;
  z-index:-1;
  content:"";
  top:0;
  right:0;
  bottom:0;
  left:0;
  background-image:url(http://pbs.twimg.com/media/CfSP_bMVIAA_v0Q.jpg);
  background-repeat:no-repeat;
  background-position:0 -200px;
}

.profile_section_content .heading:hover,.profile_section_content .heading:active {
  -webkit-text-shadow:0 0 0 rgba(255,255,255,0.8);
  -moz-text-shadow:0 0 0 rgba(255,255,255,0.8);
  text-shadow:0 0 0 rgba(255,255,255,0.8);
}

#profile_header_container > .heading {
  color:#ffffff;
}

#profile_about_me .heading:first-child {
  margin-bottom:135px;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
}

.content {
  padding:5px;
}

/* ==========================================================================
   Custom
   ========================================================================== */
#profile {
  width:1024px;
  margin:auto;
  clear:both;
}

.container {
  display:block;
  margin:auto;
}

#about_me_container {
  clear:both;
}

#about_me_value {
  display:block;
  width:1024px;
  margin:0 auto;
}

#rate_container {
  position:fixed;
  left:1%;
  top:0;
  max-width:108px;
  z-index:35;
  margin:0;
  padding:5px;
  background-color:#394b31;
  background:-webkit-linear-gradient(#8ca25a,#394b31);
  background:-o-linear-gradient(#8ca25a,#394b31);
  background:-moz-linear-gradient(#8ca25a,#394b31);
  background:linear-gradient(#8ca25a,#394b31);
  color:#FFFFFF;
  border-bottom-right-radius:12px;
  border-bottom-left-radius:12px;
  -webkit-text-shadow:1px 1px 1px #000000;
  -moz-text-shadow:1px 1px 1px #000000;
  text-shadow:1px 1px 1px #000000;
  -webkit-box-shadow:10px 10px 8px #000000;
  -moz-box-shadow:10px 10px 8px #000000;
  box-shadow:10px 10px 8px #000000;
}

#rate_value {
  display:block;
}

#username_container,#body_type_container,#ethnicity_container,#hair_container,#weight_container,#height_container,#age_container,#city_container,#sexual_preference_container,#marital_status_container,#marital_status_container,#gender_container,#country_container,#gender_container,#eyes_container,#cam_score_container,#smoke_container,#drink_container,#drugs_container,#occupation_container,#favorite_food_container,#pets_container,#school_container,#automobile_container {
  color:#fed4aa;
  color:rgba(254,212,170,0.7);
  float:left;
  clear:left;
  margin-left:26px;
  -webkit-text-shadow:-1px -4px 6px rgba(254,212,170,0.7);
  -moz-text-shadow:-1px -4px 6px rgba(254,212,170,0.7);
  text-shadow:-1px -4px 6px rgba(254,212,170,0.7);
}

/* -- about_me hide  */
#about_me_label {
  display:none;
}

#profile_main_photo {
  display:none;
}

#member_type_value {
  color:#ff6c00;
}

/*---------- faq -------- */
.overlay {
  z-index:50;
  position:fixed;
  top:0;
  right:100%;
  bottom:0;
  left:-100%;
  background-color:rgba(0,0,0,0.7);
  -moz-transition:opacity .6s linear;
  -o-transition:opacity .6s linear;
  -webkit-transition:opacity .6s linear;
  -ms-transition:opacity .6s linear;
  transition:opacity .6s linear;
  visibility:hidden;
  -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter:alpha(opacity=0);
  opacity:0;
}

.overlay:target {
  visibility:visible;
  -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
  filter:alpha(opacity=1);
  opacity:1;
  right:0;
  left:0;
}

.overlay > a {
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  text-decoration:none;
  cursor:default;
}

.popup {
  margin:5% auto;
  padding:.2em 0 1em 1em;
  background-color:#ffffff;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  width:80%;
  height:88%;
  position:relative;
  font-size:2vw;
  font-family:'Georgia',serif;
}

.popup .popclose {
  margin:-.3em 0 0;
  float:right;
  font-size:5em;
  font-weight:bold;
}

.popclose > a:link,.popclose > a:active,.popclose > a:visited {
  color:#394b31;
  text-decoration:none;
}

.popclose > a:hover {
  color:#ff0000;
}

.popup > h3 {
  text-align:center;
}

.popup .faqcont {
  clear:both;
  max-height:85%;
  overflow:auto;
}

.faqcont img {
  width:20vw;
}

.yt_embed {
  display:block;
  width:640px;
  margin:20px auto;
}

/* -END ------ faq -------- */
/* -tipmenu -------- */
.allie_tip {
  position:relative;
  border-collapse:collapse;
  border-spacing:0;
  empty-cells:show;
  width:100%;
  height:576px;
  padding:0;
  background-color:transparent;
  background-repeat:no-repeat;
  background-position:left top;
  color:#394b31;
  font-size:30px;
  font-family:'Electrolize',sans-serif;
  text-align:center;
}

.allie_tip::before {
  display:block;
  position:absolute;
  content:"";
/*  pointer-events:none; */
  top:-10px;
  right:0;
  height:10px;
  left:0;
  background-color:rgba(57,75,49,0.3);
  -webkit-box-shadow:0 6px 9px -2px #000000;
  -moz-box-shadow:0 6px 9px -2px #000000;
  box-shadow:0 6px 9px -2px #000000;
  -moz-transition:all 1s;
  -o-transition:all 1s;
  -webkit-transition:all 1s;
  -ms-transition:all 1s;
  transition:all 1s;
}

.allie_tip:hover::before,.allie_tip:active::before {
  top:0;
}

.tipm1 {
  margin:802px auto 0;
  background-image:url(http://pbs.twimg.com/media/CgAvyqjUkAIkG_i.jpg);
  background-size:cover;
}

.tipm2 {
  margin:0 auto;
  background-image:url(https://img.mfcimg.com/photos2/184/18461989/849-483-189-613-12331588.jpg);
  background-size:cover;
}

.tipm3 {
  margin:0 auto 15px;
  background-image:url(https://img.mfcimg.com/photos2/184/18461989/270-647-422-265-12331583.jpg);
  -webkit-background-size:100% auto;
  -moz-background-size:100% auto;
  -o-background-size:100% auto;
  background-size:100% auto;
}

/*fix for android */
.tipm1 td {
  height:46px;
  min-height:46px;
}

.tipm1 tr:first-child td {
  height:70px;
  min-height:70px;
}

.tipm2 td {
  height:60px;
  min-height:60px;
}

.tipm2 tr:first-child td {
  height:96px;
  min-height:96px;
}

.tipm3 td {
  height:68px;
  min-height:68px;
}

/* end fix */
.allie_tip * {
  margin:0;
  padding:0;
  -moz-transition:all 1s;
  -o-transition:all 1s;
  -webkit-transition:all 1s;
  -ms-transition:all 1s;
  transition:all 1s;
}

.allie_tip h3 {
  color:#394b31;
  -webkit-text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #ff6c00,0 0 30px #ff6c00,0 0 40px #ff6c00,0 0 55px #ff6c00,0 0 75px #ff6c00;
  -moz-text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #ff6c00,0 0 30px #ff6c00,0 0 40px #ff6c00,0 0 55px #ff6c00,0 0 75px #ff6c00;
  text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #ff6c00,0 0 30px #ff6c00,0 0 40px #ff6c00,0 0 55px #ff6c00,0 0 75px #ff6c00;
}

.allie_tip a {
  color:#ffffff;
  text-decoration:underline;
  -webkit-text-shadow:1px 1px 1px #000000;
  -moz-text-shadow:1px 1px 1px #000000;
  text-shadow:1px 1px 1px #000000;
}

.allie_tip tr:hover a,.allie_tip tr:active a {
  -webkit-text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #49ff18,0 0 30px #49ff18,0 0 40px #49ff18,0 0 55px #49ff18,0 0 75px #49ff18;
  -moz-text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #49ff18,0 0 30px #49ff18,0 0 40px #49ff18,0 0 55px #49ff18,0 0 75px #49ff18;
  text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #49ff18,0 0 30px #49ff18,0 0 40px #49ff18,0 0 55px #49ff18,0 0 75px #49ff18;
}

.allie_tip span {
  -webkit-text-shadow:1px 1px 1px #ffffff;
  -moz-text-shadow:1px 1px 1px #ffffff;
  text-shadow:1px 1px 1px #ffffff;
}

.allie_tip span::before {
  display:inline-block;
  content:"\25c4";
  -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter:alpha(opacity=0);
  opacity:0;
  -moz-transition:all 1s;
  -o-transition:all 1s;
  -webkit-transition:all 1s;
  -ms-transition:all 1s;
  transition:all 1s;
}

.allie_tip tr:hover td:nth-child(2),.allie_tip tr:active td:nth-child(2) {
  text-align:left;
}

.allie_tip tr:hover span::before,.allie_tip tr:active span::before {
  -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
  filter:alpha(opacity=1);
  opacity:1;
  -webkit-text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #49ff18,0 0 30px #49ff18,0 0 40px #49ff18,0 0 55px #49ff18,0 0 75px #49ff18;
  -moz-text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #49ff18,0 0 30px #49ff18,0 0 40px #49ff18,0 0 55px #49ff18,0 0 75px #49ff18;
  text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #49ff18,0 0 30px #49ff18,0 0 40px #49ff18,0 0 55px #49ff18,0 0 75px #49ff18;
  -webkit-transform:translateY(-1.8em);
  -moz-transform:translateY(-1.8em);
  -o-transform:translateY(-1.8em);
  -ms-transform:translateY(-1.8em);
  transform:translateX(-1.8em);
}

.tipm3 tr:nth-child(n+9):nth-last-child(n+2):hover,.tipm3 tr:nth-child(n+9):nth-last-child(n+2):active {
  background-color:rgba(255,255,255,0.4);
}

/* ----- tip menu end ---*/
/* ----- main buttons ---*/
#mainbuts {
  position:absolute;
  top:56px;
  left:0;
  list-style:none outside none;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  width:100%;
  height:120px;
  padding:10px;
  margin:0;
  background-color:#394b31;
  background-color:rgba(57,75,49,0.8);
  -webkit-box-shadow:0 8px 6px -3px rgba(0,0,0,0.7);
  -moz-box-shadow:0 8px 6px -3px rgba(0,0,0,0.7);
  box-shadow:0 8px 6px -3px rgba(0,0,0,0.7);
}

#mainbuts::after {
  display:block;
  position:absolute;
  z-index:-1;
  content:"";
  top:0;
  right:0;
  bottom:0;
  left:0;
  background-image:url(http://pbs.twimg.com/media/CfSP_bMVIAA_v0Q.jpg);
  background-repeat:no-repeat;
  background-position:0 -256px;
}

#mainbuts > li {
  display:inline-block;
  margin:0 23px;
}

#mainbuts a {
  position:relative;
  display:block;
  z-index:1;
  width:150px;
  height:100px;
  padding:0;
  background-color:#394b31;
  text-decoration:none;
/*  background-image:url(http://s25.postimg.org/mmqxt99vj/allie_buttons2.gif); */
  background-image:url(http://img.mfcimg.com/photos2/213/21332585/760-682-865-467-9350968.gif);
  -webkit-border-radius:12px;
  -moz-border-radius:12px;
  border-radius:12px;
  -moz-transition:-moz-box-shadow .5s ease-out;
  -o-transition:box-shadow .5s ease-out;
  -webkit-transition:-webkit-box-shadow .5s ease-out;
  -ms-transition:box-shadow .5s ease-out;
  transition:box-shadow .5s ease-out;
  -webkit-box-shadow:0 0 6px rgba(0,0,0,0.3) inset,0 2px 5px rgba(0,0,0,0.3) inset;
  -moz-box-shadow:0 0 6px rgba(0,0,0,0.3) inset,0 2px 5px rgba(0,0,0,0.3) inset;
  box-shadow:0 0 6px rgba(0,0,0,0.3) inset,0 2px 5px rgba(0,0,0,0.3) inset;
}

#mainbuts a::before {
  display:block;
  position:absolute;
  z-index:2;
  content:"";
  left:-8px;
  right:-8px;
  top:-8px;
  bottom:-8px;
  border-radius:inherit;
  -webkit-box-shadow:0 1px 0 rgba(255,255,255,0.1),0 1px 2px rgba(0,0,0,0.3),0 0 10px rgba(0,0,0,0.15) inset;
  -moz-box-shadow:0 1px 0 rgba(255,255,255,0.1),0 1px 2px rgba(0,0,0,0.3),0 0 10px rgba(0,0,0,0.15) inset;
  box-shadow:0 1px 0 rgba(255,255,255,0.1),0 1px 2px rgba(0,0,0,0.3),0 0 10px rgba(0,0,0,0.15) inset;
}

#mainbuts a::after {
  display:block;
  position:absolute;
  content:"";
  z-index:3;
  left:-5px;
  right:-5px;
  top:-5px;
  bottom:-5px;
  -webkit-border-radius:inherit;
  -moz-border-radius:inherit;
  border-radius:inherit;
  -webkit-box-shadow:0 10px 10px rgba(0,0,0,0.13) inset;
  -moz-box-shadow:0 10px 10px rgba(0,0,0,0.13) inset;
  box-shadow:0 10px 10px rgba(0,0,0,0.13) inset;
  -webkit-filter:blur(1px);
  filter:blur(1px);
}

#mainbuts li:nth-child(2) > a {
  background-position:0 -100px;
}

#mainbuts li:nth-child(3) > a {
  background-position:0 -200px;
}

#mainbuts li:nth-child(4) > a {
  background-position:0 -300px;
}

#mainbuts li:nth-child(5) > a {
  background-position:0 -400px;
}

#mainbuts > li:nth-child(4) {
  -webkit-border-radius:12px;
  -moz-border-radius:12px;
  border-radius:12px;
  -webkit-animation:tipfl 3s ease-in-out infinite;
  -moz-animation:tipfl 3s ease-in-out infinite;
  -o-animation:tipfl 3s ease-in-out infinite;
  animation:tipfl 3s ease-in-out infinite;
}

#mainbuts:hover a,#mainbuts:active a {
  -webkit-filter:grayscale(100%);
  filter:grayscale(100%);
}

#mainbuts:hover > li:nth-child(4),#mainbuts:active > li:nth-child(4) {
  -webkit-animation-play-state:paused;
  -moz-animation-play-state:paused;
  -o-animation-play-state:paused;
  animation-play-state:paused;
}

#mainbuts a:hover {
  -webkit-filter:grayscale(0);
  filter:grayscale(0);
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
}

#mainbuts a:active {
  -webkit-transition:none;
  -moz-transition:none;
  -o-transition:none;
  -ms-transition:none;
  transition:none;
  -webkit-filter:grayscale(0);
  filter:grayscale(0);
  -webkit-box-shadow:0 0 6px rgba(0,0,0,0.3) inset,0 2px 5px rgba(0,0,0,0.3) inset;
  -moz-box-shadow:0 0 6px rgba(0,0,0,0.3) inset,0 2px 5px rgba(0,0,0,0.3) inset;
  box-shadow:0 0 6px rgba(0,0,0,0.3) inset,0 2px 5px rgba(0,0,0,0.3) inset;
}

@-webkit-keyframes tipfl {
  0% {
    -webkit-box-shadow:0 0 28px 6px rgba(255,108,0,0.8);
  }

  100% {
    -webkit-box-shadow:none;
  }
}

@-moz-keyframes tipfl {
  0% {
    -moz-box-shadow:0 0 28px 6px rgba(255,108,0,0.8);
  }

  100% {
    -moz-box-shadow:none;
  }
}

@-o-keyframes tipfl {
  0% {
    -o-box-shadow:0 0 28px 6px rgba(255,108,0,0.8);
  }

  100% {
    -o-box-shadow:none;
  }
}

@keyframes tipfl {
  0% {
    box-shadow:0 0 28px 6px rgba(255,108,0,0.8);
  }

  100% {
    box-shadow:none;
  }
}

/*----------- small buttons -------------*/
#sm_menu {
  height:56px;
  position:absolute;
  top:0;
  right:0;
  margin:0;
  padding:0;
  border-collapse:collapse;
  border-spacing:0;
  text-align:center;
  vertical-align:middle;
  font-family:'Georgia',serif;
  font-size:1.3em;
  background-color:transparent;
  text-transform:uppercase;
}

#sm_menu td {
  overflow:hidden;
  white-space:nowrap;
  margin:0;
  padding:0 1px;
}

#sm_menu a {
  display:inline-block;
  position:relative;
  margin:0;
  padding:0 .5em;
  color:#ffffff;
  color:rgba(255,255,255,0.5);
  text-decoration:none;
  -moz-transition:all .35s ease;
  -o-transition:all .35s ease;
  -webkit-transition:all .35s ease;
  -ms-transition:all .35s ease;
  transition:all .35s ease;
}

#sm_menu td:first-child a::after {
  display:inline-block;
  position:absolute;
  left:100%;
  top:0;
  padding:0 .5em;
  content:"NEWS";
  color:#ffffff;
}

#sm_menu td:first-child a::before {
  position:absolute;
  display:inline-block;
  right:0;
  top:0;
  width:1px;
  height:100%;
  content:"";
  background-color:#ff6c00;
}

#sm_menu td:first-child:hover a,#sm_menu td:first-child:active a {
  -webkit-transform:translateX(-100%);
  -moz-transform:translateX(-100%);
  -o-transform:translateX(-100%);
  -ms-transform:translateX(-100%);
  transform:translateX(-100%);
}

#sm_menu td:last-child a::before {
  display:inline-block;
  position:absolute;
  right:100%;
  top:0;
  padding:0 .5em;
  content:"F.A.Q.";
  color:#ffffff;
}

#sm_menu td:last-child a::after {
  position:absolute;
  display:inline-block;
  left:0;
  top:0;
  width:1px;
  height:100%;
  content:"";
  background-color:#ff6c00;
}

#sm_menu td:last-child:hover a,#sm_menu td:last-child:active a {
  -webkit-transform:translateX(100%);
  -moz-transform:translateX(100%);
  -o-transform:translateX(100%);
  -ms-transform:translateX(100%);
  transform:translateX(100%);
}

/*----------- buttons end -------------*/
#announcements {
  width:100%;
  text-align:center;
  margin-bottom:15px;
}

#announcements img {
  max-width:1020px;
}

#announcements table {
  width:100%;
  border-collapse:collapse;
}

/*----------videos wigets ------*/
#allie_videos {
  width:100%;
  margin:0;
  padding:0;
  border:0;
}

#allie_videos > table {
  width:90%;
  margin:0 auto 15px;
  text-align:center;
}

#allie_videos a {
  text-decoration:none;
}

#allie_videos .vidbutt {
  height:18px;
  width:136px;
  padding:10px;
  border:1px dotted #394b31;
  -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
  filter:alpha(opacity=0.5);
  opacity:.5;
}

#allie_videos .vidbutt:hover,#allie_videos .vidbutt:active {
  -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
  filter:alpha(opacity=1);
  opacity:1;
}

.mfc_videos_place {
  clear:both;
  font-size:16px;
  line-height:1;
  margin:0 auto 15px;
  overflow:hidden;
  width:96%;
  max-height:1490px;
}

.video_yt {
  font-size:14px;
  position:relative;
  width:320px;
  height:180px;
  float:left;
  margin:5px;
}

.video_yt:nth-child(3n+1) {
  margin-left:10px;
}

.video_yt img {
  display:block;
  width:100%;
  height:100%;
  z-index:1;
}

.video_yt div {
  display:none;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  overflow:hidden;
  padding:5px;
  z-index:2;
  color:#ffffff;
  background-color:rgba(0,0,0,0.3);
}

.video_yt span {
  position:absolute;
  background-color:#000000;
  right:0;
  bottom:0;
  padding:3px;
  font-family:'Electrolize',sans-serif;
  font-size:16px;
}

.video_yt p {
  margin:0;
}

.video_yt h3 {
  margin:.2em 0;
}

.video_yt a {
  float:right;
  text-decoration:none;
  color:#ffff00;
  font-size:20px;
  font-family:'Georgia',serif;
  padding:0 0 .2em .2em;
  -webkit-text-shadow:1px 1px 1px #000000;
  -moz-text-shadow:1px 1px 1px #000000;
  text-shadow:1px 1px 1px #000000;
  -moz-transition:all 1s;
  -o-transition:all 1s;
  -webkit-transition:all 1s;
  -ms-transition:all 1s;
  transition:all 1s;
}

.video_yt a:hover,.video_yt a:active {
  -webkit-text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #49ff18,0 0 30px #49ff18,0 0 40px #49ff18,0 0 55px #49ff18,0 0 75px #49ff18;
  -moz-text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #49ff18,0 0 30px #49ff18,0 0 40px #49ff18,0 0 55px #49ff18,0 0 75px #49ff18;
  text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #49ff18,0 0 30px #49ff18,0 0 40px #49ff18,0 0 55px #49ff18,0 0 75px #49ff18;
}

.video_yt img:first-child,.video_yt:hover img:nth-child(2),.video_yt:active img:nth-child(2) {
  display:none;
}

.video_yt:hover img:first-child,.video_yt:active img:first-child,.video_yt:hover div,.video_yt:active div {
  display:block;
}

/* aboutme */
#aboutsldr {
  position:absolute;
  top:680px;
  left:0;
  width:1024px;
  height:166px;
  overflow:hidden;
  font-size:30px;
  font-family:'Electrolize',sans-serif;
  color:#fed4aa;
  -webkit-text-shadow:-1px -4px 6px rgba(254,212,170,0.7);
  -moz-text-shadow:-1px -4px 6px rgba(254,212,170,0.7);
  text-shadow:-1px -4px 6px rgba(254,212,170,0.7);
}

#aboutsldr ul {
  list-style:none;
  position:absolute;
  width:11264px;
  left:0;
  top:0;
  margin:0;
  padding:0;
  opacity:0;
  -moz-transition:all .3s linear;
  -o-transition:all .3s linear;
  -webkit-transition:all .3s linear;
  -ms-transition:all .3s linear;
  transition:all .3s linear;
  -webkit-animation:aboutsldr 38s infinite;
  -moz-animation:aboutsldr 38s infinite;
  -o-animation:aboutsldr 38s infinite;
  animation:aboutsldr 38s infinite;
}

#aboutsldr li {
  position:relative;
  width:1024px;
  display:block;
  float:left;
  text-align:center;
}

#aboutsldr li:nth-child(odd) {
  background-color:rgba(57,75,49,0.6);
}

#aboutsldr p {
  margin:1em;
  text-align:center;
}

#aboutsldr a:link,#aboutsldr a:visited {
  color:#8ca25a;
}

#aboutsldr a:hover,#aboutsldr a:active {
  color:#ff6c00;
}

@-webkit-keyframes aboutsldr {
  0% {
    left:0;
    opacity:0;
  }

  5%,8% {
    left:0;
    opacity:1;
  }

  10% {
    left:0;
    opacity:0;
  }

  10.1% {
    left:-1024px;
    opacity:0;
  }

  14%,19% {
    left:-2048px;
    opacity:1;
  }

  23% {
    left:-3072px;
    opacity:0;
  }

  27%,44% {
    left:-4096px;
    opacity:1;
  }

  48% {
    left:-5120px;
    opacity:0;
  }

  52%,62% {
    left:-6144px;
    opacity:1;
  }

  66% {
    left:-7168px;
    opacity:0;
  }

  70%,79% {
    left:-8192px;
    opacity:1;
  }

  83% {
    left:-9216px;
    opacity:0;
  }

  87%,96% {
    left:-10240px;
    opacity:1;
  }

  100% {
    left:-11264px;
    opacity:0;
  }
}

@-moz-keyframes aboutsldr {
  0% {
    left:0;
    opacity:0;
  }

  5%,8% {
    left:0;
    opacity:1;
  }

  10% {
    left:0;
    opacity:0;
  }

  10.1% {
    left:-1024px;
    opacity:0;
  }

  14%,19% {
    left:-2048px;
    opacity:1;
  }

  23% {
    left:-3072px;
    opacity:0;
  }

  27%,44% {
    left:-4096px;
    opacity:1;
  }

  48% {
    left:-5120px;
    opacity:0;
  }

  52%,62% {
    left:-6144px;
    opacity:1;
  }

  66% {
    left:-7168px;
    opacity:0;
  }

  70%,79% {
    left:-8192px;
    opacity:1;
  }

  83% {
    left:-9216px;
    opacity:0;
  }

  87%,96% {
    left:-10240px;
    opacity:1;
  }

  100% {
    left:-11264px;
    opacity:0;
  }
}

@-o-keyframes aboutsldr {
  0% {
    left:0;
    opacity:0;
  }

  5%,8% {
    left:0;
    opacity:1;
  }

  10% {
    left:0;
    opacity:0;
  }

  10.1% {
    left:-1024px;
    opacity:0;
  }

  14%,19% {
    left:-2048px;
    opacity:1;
  }

  23% {
    left:-3072px;
    opacity:0;
  }

  27%,44% {
    left:-4096px;
    opacity:1;
  }

  48% {
    left:-5120px;
    opacity:0;
  }

  52%,62% {
    left:-6144px;
    opacity:1;
  }

  66% {
    left:-7168px;
    opacity:0;
  }

  70%,79% {
    left:-8192px;
    opacity:1;
  }

  83% {
    left:-9216px;
    opacity:0;
  }

  87%,96% {
    left:-10240px;
    opacity:1;
  }

  100% {
    left:-11264px;
    opacity:0;
  }
}

@keyframes aboutsldr {
  0% {
    left:0;
    opacity:0;
  }

  5%,8% {
    left:0;
    opacity:1;
  }

  10% {
    left:0;
    opacity:0;
  }

  10.1% {
    left:-1024px;
    opacity:0;
  }

  14%,19% {
    left:-2048px;
    opacity:1;
  }

  23% {
    left:-3072px;
    opacity:0;
  }

  27%,44% {
    left:-4096px;
    opacity:1;
  }

  48% {
    left:-5120px;
    opacity:0;
  }

  52%,62% {
    left:-6144px;
    opacity:1;
  }

  66% {
    left:-7168px;
    opacity:0;
  }

  70%,79% {
    left:-8192px;
    opacity:1;
  }

  83% {
    left:-9216px;
    opacity:0;
  }

  87%,96% {
    left:-10240px;
    opacity:1;
  }

  100% {
    left:-11264px;
    opacity:0;
  }
}

/* end aboutme */
/* side tab */
#sidetab {
  z-index:30;
  position:fixed;
  width:720px;
  height:465px;
  top:10%;
  left:-720px;
  text-align:center;
  margin:0;
  -moz-transition:top .3s ease-out,left .3s ease-out;
  -o-transition:top .3s ease-out,left .3s ease-out;
  -webkit-transition:top .3s ease-out,left .3s ease-out;
  -ms-transition:top .3s ease-out,left .3s ease-out;
  transition:top .3s ease-out,left .3s ease-out;
}

#sidecont {
  width:100%;
  height:100%;
  font-size:26px;
  font-family:'Georgia',serif;
  background-color:#ffffff;
  background-image:url(https://img.mfcimg.com/photos2/184/18461989/319-443-164-459-12331587.jpg);
  background-repeat:no-repeat;
  background-position:left top;
  -webkit-background-size:100% auto;
  -moz-background-size:100% auto;
  -o-background-size:100% auto;
  background-size:100% auto;
  overflow:hidden;
  color:#000000;
  text-align:left;
  -webkit-text-shadow:1px 1px 0 #ffffff,0 0 2px #ffffff;
  -moz-text-shadow:1px 1px 0 #ffffff,0 0 2px #ffffff;
  text-shadow:1px 1px 0 #ffffff,0 0 2px #ffffff;
}

#sidecont p {
  margin:1.2em 1em;
}

#sidecont p:first-child {
  text-indent:3em;
}

#sidecont p:nth-child(-n+2) {
  margin:1.2em 9em 1.2em 1em;
}

#sidecont a {
  color:#000000;
}

#sidecont a:hover,#sidecont a:active {
  color:#ff6c00;
  -webkit-text-shadow:none;
  -moz-text-shadow:none;
  text-shadow:none;
}

#sidetab:hover #sidecont,#sidetab:active #sidecont {
  -webkit-box-shadow:10px 10px 8px #000000;
  -moz-box-shadow:10px 10px 8px #000000;
  box-shadow:10px 10px 8px #000000;
}

#sidebut {
  position:absolute;
  width:100px;
  height:36px;
  bottom:0;
  right:0;
  color:#ffffff;
  font-size:32px;
  font-family:'Special Elite',cursive;
  background:#ff6c00;
  border-bottom-right-radius:12px;
  border-bottom-left-radius:12px;
}

@media all and (orientation:landscape) {
  #sidetab {
    top:10%;
    left:-720px;
  }

  #sidecont {
    border-top-right-radius:12px;
  }

  #sidebut {
    bottom:32px;
    right:-68px;
    background:-webkit-linear-gradient(left,#ff6c00,#fe9044);
    background:-o-linear-gradient(right,#ff6c00,#fe9044);
    background:-moz-linear-gradient(right,#ff6c00,#fe9044);
    background:linear-gradient(to right,#ff6c00,#fe9044);
    -webkit-box-shadow:-10px 10px 8px #000000;
    -moz-box-shadow:-10px 10px 8px #000000;
    box-shadow:-10px 10px 8px #000000;
    -webkit-transform:rotate(270deg);
    -moz-transform:rotate(270deg);
    -ms-transform:rotate(270deg);
    -o-transform:rotate(270deg);
    transform:rotate(270deg);
  }

  #sidetab:hover,#sidetab:active {
    left:0;
  }
}

@media all and (orientation:portrait) {
  #sidetab {
    top:-465px;
    left:5%;
  }

  #sidecont {
    border-bottom-left-radius:12px;
  }

  #sidebut {
    bottom:-36px;
    background:-webkit-linear-gradient(#fe9044,#ff6c00);
    background:-o-linear-gradient(#fe9044,#ff6c00);
    background:-moz-linear-gradient(#fe9044,#ff6c00);
    background:linear-gradient(#fe9044,#ff6c00);
    -webkit-box-shadow:10px 10px 8px #000000;
    -moz-box-shadow:10px 10px 8px #000000;
    box-shadow:10px 10px 8px #000000;
  }

  #sidetab:hover,#sidetab:active {
    top:0;
  }
}

/* end side tab */
/*-------------------------------------------------------------------------*/