@charset "UTF-8";

a:link,a:active {
  color:#09C;
  text-decoration:none;
}

a:hover {
  color:#900;
  text-decoration:none;
}

a:visited {
  text-decoration:none;
  font-weight:normal;
}

body {
  margin:0 auto;
  padding-top:360px;
  padding-bottom:50px;
  width:1100px;
  background:url(http://3.bp.blogspot.com/-3AePX-65wBg/VHC4yktx-vI/AAAAAAAAC5U/XLh4vmDiOC4/s1600/header-cssmfc07.png),url(http://2.bp.blogspot.com/-PLZaEW_H3A0/VHC4y6Avz-I/AAAAAAAAC5Y/N5JA9ztqpnc/s1600/cssmfc06-bg.gif);
  background-position:top center,top left;
  background-repeat:no-repeat,no-repeat;
  background-attachment:local,fixed;
  background-size:90%,100%;
  background-color:#f6e8e6;
  color:#333;
}

.profile_section_content {
  color:#333;
  border:1px solid #999;
  padding:5px;
  margin:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0 0 0 #777;
  -moz-box-shadow:0 0 0 #777;
  box-shadow:0 0 0 #777;
}

.profile_section_background {
  background-color:transparent;
  background-color:rgba(255,255,255,.9);
  filter:alpha(opacity=90);
  opacity:.9;
}

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

.profile_section_content .heading {
  background:#333;
  padding:5px;
  color:#888;
  font-family:"Palatino Linotype","Book Antiqua",Palatino,serif;
  font-weight:bold;
  font-style:normal;
  font-size:17px;
  -webkit-border-radius:0 6px 6px 0;
  -moz-border-radius:0 6px 6px 0;
  border-radius:0 6px 6px 0;
  -webkit-text-shadow:0 1px 0 #000;
  -moz-text-shadow:0 1px 0 #000;
  text-shadow:0 1px 0 #000;
  text-indent:5px;
  font-variant:small-caps;
}

.content {
  padding:5px;
}

#footer_bar {
  padding:6px;
  text-indent:12px;
  background:#f1f1f1;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  margin-top:12px;
  box-shadow:inset 0 1px 3px #333;
  -moz-box-shadow:inset 0 1px 3px #333;
  -webkit-box-shadow:inset 0 1px 3px #333;
  border:1px solid #ccc;
  font-size:13px;
}

#header_bar a:link,#header_bar a:visited,#header_bar a:active {
  color:#FFF;
  text-decoration:none;
  text-shadow:0 0 4px #000;
}

#header_bar a:hover {
  color:#903;
  text-decoration:underline;
  text-shadow:none;
}

img {
  border:none;
}

#server_time::before {
  content:'design by Studio CssMfc Productions';
  display:block;
  margin-left:0;
  margin-right:5px;
  font-size:10px;
  color:#ccc;
  font-weight:normal;
  font-variant:small-caps;
}

#footer_bar::after {
  content:' design @CssMfc - Twitter';
  display:inline-block;
  margin-left:50px;
  margin-right:5px;
  font-size:12px;
  color:#000;
  font-weight:normal;
  font-variant:small-caps;
  width:220px;
  height:auto;
}

#server_time {
  visibility:hidden;
  float:right;
  font-weight:bold;
  font-size:9px;
}

#no_profile_avatar {
  margin-top:10px;
  text-align:center;
  background-color:#000;
  background-image:url();
}

div#profile_about_me.profile_subsection {
  font-size:13px;
  font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
}

/*** global ***/
.user_comment_textarea_small {
  width:900px;
  height:20px;
  font-size:14px;
  background:rgba(255,255,255,.5);
  color:#000;
  font-family:"Palatino Linotype","Book Antiqua",Palatino,serif;
  margin-top:12px;
  padding:15px;
  outline:none;
  outline-style:none;
  -webkit-transition:all .5s ease;
  -moz-transition:all .5s ease;
  -o-transition:all .5s ease;
  -ms-transition:all .5s ease;
  transition:all .5s ease;
}

.user_comment_textarea_big {
  width:900px;
  height:100px;
  padding:15px;
  background:rgba(255,255,255,.5);
  color:#333;
  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;
}

input {
  color:#069;
  text-shadow:0 1px 7px #666;
  border:1px solid #333;
  outline:none;
  outline-style:none;
}

.photo_gallery_image {
  padding:5px;
  width:80px;
  height:80px;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
  background:#f1f1f1;
  box-shadow:0 1px 0 #333;
  -moz-box-shadow:0 1px 0 #333;
  -webkit-box-shadow:0 1px 0 #333;
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  -ms-transition:all .5s;
  -o-transition:all .5s;
  transition:all .5s;
}

.photo_gallery_image:hover {
  padding:5px;
  width:80px;
  height:80px;
  background:#333;
}

.wall_post_avatar img {
  width:60px;
  height:60px;
  background:none repeat scroll 0 0 #F4F4F4;
  border:4px solid #f1f1f1;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  margin-top:6px;
  border:2px solid #ccc;
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  -ms-transition:all .3s;
  -o-transition:all .3s;
  transition:all .3s;
  margin-left:14px;
}

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

.wall_post_info {
  height:22px;
  border-radius:12px 2px 0 0;
  -moz-border-radius:12px 2px 0 0;
  -ms-border-radius:12px 2px 0 0;
  -o-border-radius:12px 2px 0 0;
  -webkit-border-radius:12px 2px 0 0;
  padding-top:4px;
  text-indent:11px;
  font-weight:normal;
  background:none;
}

.wall_post_body {
  height:auto;
  margin-top:0;
  text-indent:11px;
  margin-left:70px;
  font-size:12px;
  color:#222;
  text-shadow:0 1px 0 rgba(255,255,255,.5);
  border-top:1px solid #333;
}

.wall_post_info a:link {
  color:#036;
  text-decoration:none;
  font-size:14px;
  font-family:"Palatino Linotype","Book Antiqua",Palatino,serif;
}

.wall_post_info a:hover {
  color:#C00;
  text-decoration:none;
  font-size:14px;
}

.wall_post_info a:hover:after {
  content:'« Visit Profile';
  width:110px;
  height:20px;
  margin-left:2px;
  display:inline-block;
  font-family:Arial,Helvetica,sans-serif;
  text-indent:5px;
  font-size:11px;
  color:#222;
}

.wall_post_time {
  display:none;
}

/*** Custom MyFreeCams Profile design by Studio CSSMFC Productions : http://css-mfc-profile.design-xpro.com ***/
::-webkit-scrollbar {
  width:8px;
}

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

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

::-webkit-scrollbar-thumb:window-inactive {
  background:rgba(204,0,0,.4);
  border:1px solid #FFF;
}

.designer {
  display:inline-block;
  width:20px;
  height:15px;
  background:url(https://mfcpro.files.wordpress.com/2014/11/plus.gif);
  background-repeat:no-repeat;
  background-position:left top;
  position:fixed;
  bottom:3px;
  left:3px;
  -webkit-transition:.5s;
  -moz-transition:all .5s;
  -o-transition:.5s;
  -ms-transition:.5s;
  transition:.5s;
  overflow:hidden;
  text-indent:33px;
}

.designer:hover {
  background:#f1f1f1;
  text-align:center;
  font-size:12px;
  padding-left:5px;
  padding-right:5px;
  width:200px;
  height:auto;
}

#Store {
  display:inline-block;
  width:800px;
  height:550px;
  padding:5px;
  margin:0 auto;
  background-image:url(https://drive.google.com/file/d/0B3EmNxoC7yAtRFgwazJJUWhUM00/view../images/store_bg.png);
  background-repeat:no-repeat;
  color:#fff;
  font-size:15px;
  font-size:15px;
  font-weight:normal;
  text-align:left;
  overflow:hidden;
}

.stInfo {
  display:inline-block;
  width:740px;
  height:50px;
  padding:6px;
  overflow:auto;
  margin-top:10px;
  margin-left:20px;
  text-align:left;
  color:#ccc;
}

.stbody {
  display:inline-block;
  width:740px;
  height:300px;
  font-size:16px;
  padding:6px;
  overflow:auto;
  margin-top:50px;
  margin-left:10px;
  font-weight:normal;
  text-align:left;
}

.flipper {
  display:inline-block;
  width:200px;
  height:260px;
  margin-right:15px;
  border-radius:5px;
  -moz-border-radius:5px;
  -ms-border-radius:5px;
  -o-border-radius:5px;
  -webkit-border-radius:5px;
  background:none;
  padding:5px;
  margin-left:13px;
}

.shadow {
  -webkit-box-shadow:0 5px 10px -3px #333;
  -moz-box-shadow:0 5px 10px -3px #333;
  box-shadow:0 5px 10px -3px #333;
}

.f1_container {
  display:inline-block;
  position:relative;
  margin:1px auto;
  width:100%;
  height:100%;
}

.face.back {
  display:none;
}

.f1_container {
  -webkit-perspective:1000;
}

.f1_card {
  width:100%;
  height:100%;
  -webkit-transform-style:preserve-3d;
  -webkit-transition:all 1s linear;
  -moz-transform-style:preserve-3d;
  -moz-transition:all 1s linear;
  -o-transform-style:preserve-3d;
  -o-transition:all 1s linear;
  -ms-transform-style:preserve-3d;
  -ms-transition:all 1s linear;
  transform-style:preserve-3d;
  transition:all 1s linear;
  background:none;
  border:0 ridge rgba(51,51,51,0.0);
  border-radius:4px;
  -webkit-border-radius:4px;
  -ms-border-radius:4px;
  -o-border-radius:4px;
}

.f1_container:hover .f1_card,.f1_container.hover_effect .f1_card {
  -webkit-transform:rotateY(180deg);
  -moz-transform:rotateY(180deg);
  -o-transform:rotateY(180deg);
  -ms-transform:rotateY(180deg);
  transform:rotateY(180deg);
  width:210px;
  height:260px;
  z-index:10000;
}

.back h1 {
  color:#666;
  font-size:19px;
  font-weight:bold;
}

.face {
  position:absolute;
  width:100%;
  height:100%;
  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  -o-backface-visibility:hidden;
  -ms-backface-visibility:hidden;
  backface-visibility:hidden;
}

.back {
  position:absolute;
  width:100%;
  height:100%;
  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  -o-backface-visibility:hidden;
  -ms-backface-visibility:hidden;
  backface-visibility:hidden;
  background:url() #f1f1f1;
  text-shadow:none;
  padding:7px;
}

.face.back {
  display:block;
  -webkit-transform:rotateY(180deg);
  -webkit-box-sizing:border-box;
  -moz-transform:rotateY(180deg);
  -moz-box-sizing:border-box;
  -o-transform:rotateY(180deg);
  -o-box-sizing:border-box;
  -ms-transform:rotateY(180deg);
  -ms-box-sizing:border-box;
  transform:rotateY(180deg);
  box-sizing:border-box;
  padding-bottom:auto;
  color:#fff;
  text-align:center;
  margin-top:5px;
  padding-top:5px;
  border-radius:5px;
  -moz-border-radius:5px;
  -ms-border-radius:5px;
  -o-border-radius:5px;
  -webkit-border-radius:5px;
  border:1px solid #ccc;
}

.back p {
  line-height:14px;
  font-size:14px;
  display:block;
  width:96%;
  padding:5px;
  text-align:left;
  margin:0 auto;
  padding:5px;
  color:#333;
  font-family:Century Gothic;
  text-shadow:0 1px 0 #FFF;
}

.bton,.bton:link,.bton:visited {
  display:inline-block;
  padding:8px 15px;
  text-align:center;
  font-size:13px;
  color:#fff;
  background:#000;
  text-decoration:none;
  -webkit-transition:.4s;
  -moz-transition:.4s;
  -o-transition:.4s;
  -ms-transition:.4s;
  transition:.4s;
}

.bton:hover {
  color:#000;
  background:#fff;
  text-decoration:none;
  box-shadow:inset 0 0 12px #000;
  -webkit-box-shadow:inset 0 0 12px #000;
  -ms-box-shadow:inset 0 0 12px #000;
  -moz-box-shadow:inset 0 0 12px #000;
  -o-box-shadow:inset 0 0 12px #000;
}

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

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

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

.sc::-webkit-scrollbar-thumb:window-inactive {
  background:rgba(204,0,0,.4);
  border:1px solid #C63;
}

#Store {
  display:inline-block;
  width:800px;
  height:550px;
  padding:5px;
  margin:0 auto;
  background-image:url(../images/store_bg.png);
  background-repeat:no-repeat;
  color:#fff;
  font-size:15px;
  font-size:15px;
  font-weight:normal;
  text-align:left;
  overflow:hidden;
}

.stInfo {
  display:inline-block;
  width:740px;
  height:50px;
  padding:6px;
  overflow:auto;
  margin-top:10px;
  margin-left:20px;
  text-align:left;
  color:#ccc;
}

.stbody {
  display:inline-block;
  width:740px;
  height:300px;
  font-size:16px;
  padding:6px;
  overflow:auto;
  margin-top:50px;
  margin-left:10px;
  font-weight:normal;
  text-align:left;
}

.flipper {
  display:inline-block;
  width:200px;
  height:260px;
  margin-right:15px;
  border-radius:5px;
  -moz-border-radius:5px;
  -ms-border-radius:5px;
  -o-border-radius:5px;
  -webkit-border-radius:5px;
  background:none;
  padding:5px;
  margin-left:13px;
}

.shadow {
  -webkit-box-shadow:0 5px 10px -3px #333;
  -moz-box-shadow:0 5px 10px -3px #333;
  box-shadow:0 5px 10px -3px #333;
}

.f1_container {
  display:inline-block;
  position:relative;
  margin:1px auto;
  width:100%;
  height:100%;
}

.face.back {
  display:none;
}

.f1_container {
  -webkit-perspective:1000;
}

.f1_card {
  width:100%;
  height:100%;
  -webkit-transform-style:preserve-3d;
  -webkit-transition:all 1s linear;
  -moz-transform-style:preserve-3d;
  -moz-transition:all 1s linear;
  -o-transform-style:preserve-3d;
  -o-transition:all 1s linear;
  -ms-transform-style:preserve-3d;
  -ms-transition:all 1s linear;
  transform-style:preserve-3d;
  transition:all 1s linear;
  background:none;
  border:0 ridge rgba(51,51,51,0.0);
  border-radius:4px;
  -webkit-border-radius:4px;
  -ms-border-radius:4px;
  -o-border-radius:4px;
}

.f1_container:hover .f1_card,.f1_container.hover_effect .f1_card {
  -webkit-transform:rotateY(180deg);
  -moz-transform:rotateY(180deg);
  -o-transform:rotateY(180deg);
  -ms-transform:rotateY(180deg);
  transform:rotateY(180deg);
  width:210px;
  height:260px;
  z-index:10000;
}

.back h1 {
  color:#666;
  font-size:19px;
  font-weight:bold;
}

.face {
  position:absolute;
  width:100%;
  height:100%;
  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  -o-backface-visibility:hidden;
  -ms-backface-visibility:hidden;
  backface-visibility:hidden;
}

.back {
  position:absolute;
  width:100%;
  height:100%;
  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  -o-backface-visibility:hidden;
  -ms-backface-visibility:hidden;
  backface-visibility:hidden;
  background:url() #f1f1f1;
  text-shadow:none;
  padding:7px;
}

.face.back {
  display:block;
  -webkit-transform:rotateY(180deg);
  -webkit-box-sizing:border-box;
  -moz-transform:rotateY(180deg);
  -moz-box-sizing:border-box;
  -o-transform:rotateY(180deg);
  -o-box-sizing:border-box;
  -ms-transform:rotateY(180deg);
  -ms-box-sizing:border-box;
  transform:rotateY(180deg);
  box-sizing:border-box;
  padding-bottom:auto;
  color:#fff;
  text-align:center;
  margin-top:5px;
  padding-top:5px;
  border-radius:5px;
  -moz-border-radius:5px;
  -ms-border-radius:5px;
  -o-border-radius:5px;
  -webkit-border-radius:5px;
  border:1px solid #ccc;
}

.back p {
  line-height:14px;
  font-size:14px;
  display:block;
  width:96%;
  padding:5px;
  text-align:left;
  margin:0 auto;
  padding:5px;
  color:#333;
  font-family:Century Gothic;
  text-shadow:0 1px 0 #FFF;
}

.bton,.bton:link,.bton:visited {
  display:inline-block;
  padding:8px 15px;
  text-align:center;
  font-size:13px;
  color:#fff;
  background:#000;
  text-decoration:none;
  -webkit-transition:.4s;
  -moz-transition:.4s;
  -o-transition:.4s;
  -ms-transition:.4s;
  transition:.4s;
}

.bton:hover {
  color:#000;
  background:#fff;
  text-decoration:none;
  box-shadow:inset 0 0 12px #000;
  -webkit-box-shadow:inset 0 0 12px #000;
  -ms-box-shadow:inset 0 0 12px #000;
  -moz-box-shadow:inset 0 0 12px #000;
  -o-box-shadow:inset 0 0 12px #000;
}

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

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

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

.sc::-webkit-scrollbar-thumb:window-inactive {
  background:rgba(204,0,0,.4);
  border:1px solid #C63;
}

#Store {
  display:inline-block;
  width:800px;
  height:550px;
  padding:5px;
  margin:0 auto;
  background-image:url(../images/store_bg.png);
  background-repeat:no-repeat;
  color:#fff;
  font-size:15px;
  font-size:15px;
  font-weight:normal;
  text-align:left;
  overflow:hidden;
}

.stInfo {
  display:inline-block;
  width:740px;
  height:50px;
  padding:6px;
  overflow:auto;
  margin-top:10px;
  margin-left:20px;
  text-align:left;
  color:#ccc;
}

.stbody {
  display:inline-block;
  width:740px;
  height:300px;
  font-size:16px;
  padding:6px;
  overflow:auto;
  margin-top:50px;
  margin-left:10px;
  font-weight:normal;
  text-align:left;
}

.flipper {
  display:inline-block;
  width:200px;
  height:260px;
  margin-right:15px;
  border-radius:5px;
  -moz-border-radius:5px;
  -ms-border-radius:5px;
  -o-border-radius:5px;
  -webkit-border-radius:5px;
  background:none;
  padding:5px;
  margin-left:13px;
}

.shadow {
  -webkit-box-shadow:0 5px 10px -3px #333;
  -moz-box-shadow:0 5px 10px -3px #333;
  box-shadow:0 5px 10px -3px #333;
}

.f1_container {
  display:inline-block;
  position:relative;
  margin:1px auto;
  width:100%;
  height:100%;
}

.face.back {
  display:none;
}

.f1_container {
  -webkit-perspective:1000;
}

.f1_card {
  width:100%;
  height:100%;
  -webkit-transform-style:preserve-3d;
  -webkit-transition:all 1s linear;
  -moz-transform-style:preserve-3d;
  -moz-transition:all 1s linear;
  -o-transform-style:preserve-3d;
  -o-transition:all 1s linear;
  -ms-transform-style:preserve-3d;
  -ms-transition:all 1s linear;
  transform-style:preserve-3d;
  transition:all 1s linear;
  background:none;
  border:0 ridge rgba(51,51,51,0.0);
  border-radius:4px;
  -webkit-border-radius:4px;
  -ms-border-radius:4px;
  -o-border-radius:4px;
}

.f1_container:hover .f1_card,.f1_container.hover_effect .f1_card {
  -webkit-transform:rotateY(180deg);
  -moz-transform:rotateY(180deg);
  -o-transform:rotateY(180deg);
  -ms-transform:rotateY(180deg);
  transform:rotateY(180deg);
  width:210px;
  height:260px;
  z-index:10000;
}

.back h1 {
  color:#666;
  font-size:19px;
  font-weight:bold;
}

.face {
  position:absolute;
  width:100%;
  height:100%;
  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  -o-backface-visibility:hidden;
  -ms-backface-visibility:hidden;
  backface-visibility:hidden;
}

.back {
  position:absolute;
  width:100%;
  height:100%;
  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  -o-backface-visibility:hidden;
  -ms-backface-visibility:hidden;
  backface-visibility:hidden;
  background:url() #f1f1f1;
  text-shadow:none;
  padding:7px;
}

.face.back {
  display:block;
  -webkit-transform:rotateY(180deg);
  -webkit-box-sizing:border-box;
  -moz-transform:rotateY(180deg);
  -moz-box-sizing:border-box;
  -o-transform:rotateY(180deg);
  -o-box-sizing:border-box;
  -ms-transform:rotateY(180deg);
  -ms-box-sizing:border-box;
  transform:rotateY(180deg);
  box-sizing:border-box;
  padding-bottom:auto;
  color:#fff;
  text-align:center;
  margin-top:5px;
  padding-top:5px;
  border-radius:5px;
  -moz-border-radius:5px;
  -ms-border-radius:5px;
  -o-border-radius:5px;
  -webkit-border-radius:5px;
  border:1px solid #ccc;
}

.back p {
  line-height:14px;
  font-size:14px;
  display:block;
  width:96%;
  padding:5px;
  text-align:left;
  margin:0 auto;
  padding:5px;
  color:#333;
  font-family:Century Gothic;
  text-shadow:0 1px 0 #FFF;
}

.bton,.bton:link,.bton:visited {
  display:inline-block;
  padding:8px 15px;
  text-align:center;
  font-size:13px;
  color:#fff;
  background:#000;
  text-decoration:none;
  -webkit-transition:.4s;
  -moz-transition:.4s;
  -o-transition:.4s;
  -ms-transition:.4s;
  transition:.4s;
}

.bton:hover {
  color:#000;
  background:#fff;
  text-decoration:none;
  box-shadow:inset 0 0 12px #000;
  -webkit-box-shadow:inset 0 0 12px #000;
  -ms-box-shadow:inset 0 0 12px #000;
  -moz-box-shadow:inset 0 0 12px #000;
  -o-box-shadow:inset 0 0 12px #000;
}

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

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

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

.sc::-webkit-scrollbar-thumb:window-inactive {
  background:rgba(204,0,0,.4);
  border:1px solid #C63;
}