@charset utf-8;
import "filekhoa.php";
@media screen and (max-width:240px){#vh4{display:none;}
}
a{font-size:17px;color:#FFF;transition:all 0.3s ease-in;text-decoration:none;}
a:hover{-webkit-stroke-width:5.3px;-webkit-stroke-color:#FFFFFF;-webkit-fill-color:#FFFFFF;text-shadow:1px 0px 20px yellow;}
h1, h2, h3, h4, h5, h6{display:inline;}
.loadcontent_chat{background-color:#FFFFFF;border-color:#D5D5D5;border-style:solid;border-width:1px 1px 1px 1px;margin:2px 0 0 0;padding:20px;text-align:center;word-wrap:break-word;}
.loadcontent_chat > .img{height:50px;}
form{margin:0;padding:0;}
h3{margin:0;padding:0 0 2px 0;font-size:16px;}
hr{border-color:#cecece;border-style:dotted;border-width:1px 0 0 0;margin:0;}
img{border:0;outline:0;vertical-align:middle;}
p{margin-bottom:6px;margin-top:6px;}
ul{margin:0;}
.alarm{background:url(images/hh.png) repeat-x top #CC0000;color:#FFFFFF;font-weight:bold;padding:5px;}
.bblist{color:#4a5663;background:transparent url(/images/dot.gif) no-repeat left;padding:0px 0px 0px 10px;}
.bbpopup{margin-top:3px;}
.bbpopup a{border:1px solid #a7a7a7;height:10px;display:inline-block;margin:1px;vertical-align:middle;width:10px;}
.bmenu{background-color:#e055ff;color:#fff;margin:1px 0 0 0;padding:6px;font-weight:bold;overflow:auto;}
.bmenu a:link, .bmenu a:visited{color:#f3f9ff;text-decoration:none;}
.end{text-align:center;}
.fmenu{background-color:#586776;border-bottom:3px solid #45515D;color:#FFFFFF;margin:0;padding:5px 1px 5px 4px;}
.footer{background-color:#43899a !important;color:#FFFFFF;font-size:14px;font-weight:bold;padding-right:6px;padding-left:10px;padding-top:8px;padding-bottom:8px;}
.func{border-left:2px solid #423456;color:#423456;margin-top:4px;margin-left:2px;padding-left:4px;}
.gmenu{background-color:#f0fffa;border:1px solid #c6edde;margin:1px 0 0 0;padding:6px;}
.gray{color:#586776;}
.greply{border-left:4px solid #009900;color:#009900;padding:2px 0 2px 4px;}
.hdr{background-color:#27ce72;color:#fff;border:1px solid #42b138;margin:1px 0 0 0;padding:6px;}
.hdr a:link, .hdr a:visited{color:#42b138;text-decoration:none;}
.header{background-color:#188AE2 !important;color:#FFFFFF;font-size:14px;font-weight:bold;padding-right:6px;padding-left:10px;padding-top:8px;padding-bottom:8px;}
.icon{padding:3px 6px 3px 1px;vertical-align:middle;border:0px !important;width:23px !important;height:22px !important;}
.icon-inline{margin-left:2px;padding-right:4px;vertical-align:middle;}
.icon-l5{padding-left:5px;vertical-align:middle;}
.icon-r5{padding-right:5px;vertical-align:middle;}
.icon-l3{padding-left:3px;vertical-align:middle;}
.icon-r3{padding-right:3px;vertical-align:middle;}
.icon-tb{padding-left:3px;padding-right:3px;vertical-align:middle;}
.rightf{float:right;vertical-align:middle;margin:1px;padding:1px;}
.center{text-align:center;}
.right{text-align:right;}
.left{float:left;}
.f-table{width:100%;padding:0;border-spacing:0;}
.info-112{margin:0 0 6px 0;padding:0;}
.info-113{margin:6px 0 0 0;padding:0;}
.info-c{color:#e055ff;}
.info-file1{background-color:#F6E3AB;padding:2px 4px;margin-top:6px;}
.info-file2{background-color:#fff;border-color:#F6E3AB;border-style:solid;border-width:0 1px 1px 1px;padding:0 1px 1px 1px;}
.info-file3{background-color:#FFF3CD;padding:4px 4px;border-color:#fff;border-style:solid;border-width:1px 0 0 0;}
.hadpro-media{background:#6998c8;color:#fff;border:0px;font-weight:bold;padding:5px 12px 5px 12px;cursor:pointer;}
.hadpro-media-list{background-color:#FFF;border-color:#6998c8;border-style:solid;border-width:0px 1px 1px 1px;padding:6px;margin:0;}
.input-wrapper{position:relative;display:none;background:#fff;color:#4e5665;border-left:1px solid #e9eaeb;border-bottom:1px solid #e9eaeb;border-right:1px solid #e9eaeb;overflow:hidden;padding:7px;box-sizing:border-box;}
.input-wrapper2{background:#fff;color:#4e5665;border-left:1px solid #e9eaeb;border-bottom:1px solid #e9eaeb;border-right:1px solid #e9eaeb;overflow:hidden;padding:7px;box-sizing:border-box;}
.input-wrapper i{width:27px;display:inline-block;text-align:center}
.input-wrapper i.fbleft{border-right:1px solid #d3d4d5}
.input-wrapper input{width:80%;display:inline-block;background:#fff;color:#4e5665;}
.input-wrapper .input-result-wrapper{max-height:300px;display:none;background:#fff;color:#4e5665;border-top:1px solid #e9eaeb;overflow:auto}
.box-header-wrapper i{margin-right:3px}
.input-wrapper .remove-btn{position:absolute;top:5px;right:4px;color:#898f9c;font-size:small;cursor:pointer}
.result-container{display:inline;}
.title{display:inline;color:#4e5665;font-size:small;font-weight:500;padding:7px 5px}
.fa-thumb-tack{color:#94ce8c}
.api-data-wrapper{padding:5px;border-bottom:1px solid #e9eaeb;cursor:pointer}
.api-data-wrapper img.thumbnail{border-radius:3px}
.api-data-wrapper .name{font-weight:500}
.api-data-wrapper .info{color:#898f9c}
.soundcloud-api-data img.thumbnail{background:url(/images/music-32-icon.png)}
.more-wrapper{box-sizing:border-box;line-height:30px;background:#FFF;border:1px solid #e9eaeb;color:#4e5665;padding:6px;border-radius:3px 3px 0 0;}
.input-result-wrapper .loading-wrapper{color:#838483;padding:7px}
.more-wrapper .pre-loader{display:none;vertical-align:middle;margin-right:5px}
.story-wrapper{position:relative;background:#fff;color:#4e5665;margin-bottom:10px;padding:0;border:1px solid rgba(212, 213, 214, .75);border-radius:3px;box-shadow:0 1px 2px rgba(0, 0, 0, .07)}
.story-wrapper .publisher-wrapper{color:#898f9c;margin:10px 25px 0 10px}
.story-wrapper .publisher-wrapper .avatar{border-radius:100%}
.story-wrapper .publisher-wrapper .name{color:#4e5665;font-weight:500;word-break:break-all}
.story-wrapper .publisher-wrapper .name:hover{color:#1e98a7}
.story-wrapper .publisher-wrapper .recipient-indicator-icon{font-size:x-small;margin:0 3px}
.story-wrapper .other-data{color:#898f9c;margin-top:0}
.story-wrapper .location-wrapper i{margin-right:2px}
.story-wrapper .setting-buttons{position:absolute;top:8px;right:12px;color:#898f9c}
.story-wrapper .setting-buttons span:hover{color:#4e5665}
.story-wrapper .options-wrapper{color:#898f9c;margin:10px 10px 0}
.story-wrapper .opt{cursor:pointer}
.story-wrapper .opt:hover{color:#1e98a7}
.story-wrapper .opt-active{color:#1e98a7;cursor:pointer}
.story-wrapper .text-wrapper{margin:10px;word-wrap:break-word}
.story-wrapper .photos-wrapper{margin:10px 2px 1px}
.story-wrapper .photos-wrapper img{margin:0 -2px 1px 0;cursor:pointer}
.story-wrapper .photos-wrapper img.width-3{width:33.225%}
.story-wrapper .photos-wrapper img.width-2{width:49.94%}
.story-wrapper .photos-wrapper img.width-1{width:100%}
.story-wrapper .soundcloud-wrapper,
.story-wrapper .youtube-wrapper{margin:10px 1px -2px}
.story-wrapper .google-map-viewer-wrapper{margin:10px 0 -3px}
.story-wrapper .google-map-viewer-wrapper img{border-width:1px 0;border-style:solid;border-color:rgba(212, 213, 214, .75)}
.story-wrapper .via-name{color:#898f9c}
.story-wrapper .via-name:hover{color:#1e98a7}
.hidden{display:none}
.no-wrapper{color:#898f9c;padding:10px}
.redactor_toolbar{padding:0px 0px 0px 2px;margin:0px;position:relative;left:0px;top:0px;line-height:0;list-style:outside none none;overflow:hidden;}
.redactor_btn_group{background:#F0FFFA;padding:0px;border:1px solid #D7EDFC;overflow:hidden;outline:medium none;list-style:none outside none;margin:2px 2px 2px 2px;float:left;}
.redactor_toolbar li .option{padding:3px 0 0 0;text-align:center;border:1px solid transparent;box-sizing:border-box;display:block;cursor:pointer;outline:medium none;width:24px;height:24px;float:left;outline:medium none;}
.redactor_toolbar li .option:hover{background-color:#FCFCFF;border-color:#A5CAE4;border-radius:3px;outline:medium none;}
.list1{background-color:#FFFFFF;border-color:#D5D5D5;border-style:solid;border-width:0 1px 1px 1px;margin:0;padding:6px;}
.list2{background-color:#FFFFFF;border-color:#D5D5D5;border-style:solid;border-width:0 1px 1px 1px;margin:0;padding:6px;}
.list3{background-color:#FFFFFF;border-color:#D5D5D5;border-style:solid;border-width:0 1px 1px 1px;margin:0;}
.list3:hover{background-color:#F3F3F3;border:1px solid #D5D5D5;}
.list-f1{background-color:#FFFFFF;border-color:#D5D5D5;border-style:solid;border-width:1px 1px 1px 1px;padding:6px;margin:10px 0 0 0;box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);}
.list-f2{background-color:#FFFFFF;border-color:#D5D5D5;border-style:solid;border-width:0 1px 1px 1px;margin:0;padding:6px;box-shadow:0 3px 3px 0 rgba(0, 0, 0, 0.16), 0 5px 7px 0 rgba(0, 0, 0, 0.12);}
.maintxt{border:2px solid #f3f3f3;margin:0;padding:4px 4px 4px 4px;}
.menu{background-color:#FFFFFF;border-color:#D5D5D5;border-style:solid;border-width:1px 1px 1px 1px;margin:2px 0 0 0;padding:6px;}
.news{background-color:#eeeeee;border:1px solid white;color:#333333;padding:3px 4px 4px 4px;}
.news:hover{background:#fffdcc;border:1px solid #ffda19;border-radius:3px;padding:4px;}
.ribbon{color:#fff;position:relative;text-transform:uppercase;background:#7f9db9;border:1px solid rgba(0,0,0,.3);box-shadow:0px 1px 3px rgba(0,0,0,.2);padding:10px 15px;clear:both;}
div.both_ribbon{text-align:center;color:#000;padding:10px 9px 10px 10px;width:100%;margin-left:-10px;}
div.both_ribbon::before{display:block;width:10px;height:0px;position:absolute;bottom:-10px;left:-11px;content:"";border-bottom:10px solid transparent;border-right:10px solid rgb(0, 80, 116);}
div.both_ribbon::after{display:block;width:10px;height:0px;position:absolute;bottom:-10px;right:-10px;content:"";border-bottom:10px solid transparent;border-left:10px solid rgb(0, 80, 116);}
.navigation{display:inline-block;position:relative;}
.navigation li{display:inline-block;position:relative;float:left;text-transform:uppercase;letter-spacing:1px;}
.navigation span{box-shadow:0 0 5px rgba(0,0,0,0.5);float:left;display:block;padding:0px 20px;height:30px;line-height:30px;background-color:red;position:relative;background-image:linear-gradient(top,#4a4a4a,#1f1f1f);cursor:pointer;}
.navigation a{box-shadow:0 0 5px rgba(0,0,0,0.5);position:absolute;top:15px;left:0;display:block;padding:0 20px;height:30px;line-height:30px;background-image:linear-gradient(bottom,#e3e3e3,#f8f8f8);color:#232323;}
.navigation li:first-child span{border-radius:3px 0 0 3px;}
.navigation li:last-child span{border-radius:0 3px 3px 0;}
.navigation li:first-child a{border-radius:3px 0 0 3px;}
.navigation li:last-child a{border-radius:0 3px 3px 0;}
.phdr{background-color:#454545 !important;font-weight:bold;margin:6px 0 0 0;color:#FFFFFF;padding-right:6px;padding-left:8px;padding-top:7px;padding-bottom:7px;}
.phdr a:link, .phdr a:visited{color:#ffffaa;font-weight:bold;text-decoration:none;}
.phdr a:hover{color:#e8d200;text-decoration:none;}
.phpcode{background-color:#eafaff;border:1px dotted #9faebb;margin-top:3px;margin-bottom:3px;padding:0 2px 0 2px;}
.quote{background-color:#f5fafd;border:1px solid #d7edfc;border-radius:5px;margin:6px 4px 6px 4px;padding:0;max-width:640px;}
.quote .qhead{background:#dbeffc url(images/bg-quote.png) repeat-x top left;margin:0;padding:3px 5px 3px 3px;border-bottom:1px solid #a5cae4;border-top-left-radius:4px;border-top-right-radius:4px;}
.quote .qcontent{background-color:#f5fafd;margin:0;font-style:italic;padding:2px 5px 5px 5px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
.reply{border-left:4px solid #ee0000;color:#ee0000;padding:2px 0 2px 4px;}
.rmenu{background-color:#ffd1f0;border:1px solid #ffb3dc;margin:1px 0 0 0;padding:6px;overflow:auto;}
.sitemap{background-color:#eeecd9;margin:0;padding:2px 4px 3px 4px;font-size:xx-small;height:38px;overflow:auto;}
.spoilerhead{background:#e0e6e9;border:1px solid #9fa9b8;font-size:x-small;margin-top:2px;padding:2px;}
.spoilerbody{border:1px solid #c1c1c1;border-top:0px;color:#586776;background-color:rgba(255, 255, 255, 0.3);margin-bottom:2px;padding:6px;}
.status{color:#cd853f;font-weight:bold;padding-left:0;}
.status a:link, .status a:visited{font-weight:bold;text-decoration:none;}
.sub{border-top:1px dotted #dddedf;margin-top:4px;padding-top:6px;}
.sub2{border-top:1px dotted #dddedf;font-size:12px;margin-top:4px;padding-top:6px;}
.tmn{background-color:#586776;border-top:3px solid #45515d;color:#FFFFFF;margin:0;padding:5px 0 4px 4px;}
.topmenu{background-color:#fdfdfd;color:#456789;border:1px solid #d7d7d7;padding:4px 6px;overflow:auto;}
.user{background-color:#edfff9;border:1px solid #c7f7d5;margin:0;padding:3px 4px 3px 4px;}
.clip a:link, .clip a:visited{color:#424e59;}
.green, .green a:link, .green a:visited{color:#008000;}
.greply a:link, .greply a:visited{color:#008800;}
.red, .red a:link, .red a:visited{color:#ff0000;}
.alarm a:link, .alarm a:visited{color:#FFFFFF;font-weight:bold;}
.reply a:link, .reply a:visited{color:#dd0000;}
.tmn a:hover, .fmenu a:hover{text-decoration:underline;}
.tmn a:link, .tmn a:visited, .fmenu a:link, .fmenu a:visited{color:#FFFFFF;text-decoration:none;}
a{color:#337AB7;text-decoration:none;outline:none;}
a:hover,a:focus{color:#cc79ab;text-decoration:none;outline:none;}
.pager{box-sizing:border-box;width:100%;margin:4px 0 .5em;clear:both;float:left;padding:7px;}
.currentpage{background-color:#f75d5c;-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:15px;border:1px solid transparent;display:block;float:left;font-size:11px;font-weight:bold;padding:5px 5px;margin-right:4px;text-decoration:none;color:#FFFFFF;line-height:1.3;min-width:12px;text-align:center;}
.tpage{display:block;float:left;font-size:11px;font-weight:bold;padding:5px 2px;margin-right:1px;text-decoration:none;color:#4d5a77;line-height:1.3;min-width:6px;text-align:center;}
.pagenav{background-color:#FFFFFF;-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:15px;display:block;float:left;font-size:11px;font-weight:bold;padding:5px 5px;margin-right:4px;text-decoration:none;border:1px solid #c9c9c9;color:#4d5a77;line-height:1.3;min-width:12px;text-align:center;}
.pagenav:hover{border-color:#ff9800;}
table.desc{border-top:1px dotted #c6c17f;width:100%;overflow:auto;font-size:x-small;margin-top:4px;}
table.desc td{font-size:x-small;}
table.desc td.caption{width:1%;text-align:right;color:#6f6f6f;white-space:nowrap;}
h4{margin:6px 0 2px 0;}
a.like{background-color:#e4f3fd;padding:4px;border:1px solid #c8e9ff;border-radius:4px;}
a.like:hover{color:#ff3900;font-weight:bold;}
.nick{color:#9c27b0;text-decoration:underline !important;}
.nick:hover{color:#F00;text-decoration:underline !important;}
.wholike{margin-top:8px;border:1px solid #d7edfc;background-color:rgba(241, 247, 252,0.7);color:gray;font-size:x-small;padding:2px 4px 2px 4px;border-radius:3px;}
input{background-color:#FFFFFF;margin:5px 0 7px 2px;border:1px solid #cecece;padding:4px;border-radius:5px;font-family:hadpro;text-transform:capitalize;font-size:15px;}
input[name="n"]{background:#fff url(images/input_name.gif) no-repeat 3px 1px;margin:5px 0 7px 0;border:1px solid #cecece;padding:4px 4px 4px 17px;}
input[name="p"]{background:#fff url(images/input_pass.gif) no-repeat 3px 1px;margin:5px 0 7px 0;border:1px solid #cecece;padding:4px 4px 4px 17px;}
input[placeholder],[placeholder],*[placeholder]{color:#2f382f !important;}
input[type=submit]{color:white;font-weight:bold;text-decoration:none;position:relative;border:0;margin:5px 0 0 5px;text-align:center;background:#34495E;border:1px solid #34495E;border-radius:2px;z-index:1;padding:5px 12px 5px 12px;cursor:pointer;}
input[type=submit]:hover{background:#2C3E50;border:1px solid #2C3E50;cursor:pointer;}
input[type="button"],button{color:#fff;background-color:#ff5b5b;border-color:#ff4242;border-radius:500px;font-weight:500;font-size:14px;padding:8px 16px;margin-bottom:24px;border:1px solid transparent;}
input[type=button]:hover, button:hover{background:#16A085;border:0px solid #ECF0F1;}
textarea{box-sizing:border-box;margin:6px 0 7px 0;background-color:#FFFFFF;padding:4px 4px 4px;border:1px solid #cecece;font-family:hadpro;font-size:16px;border-radius:5px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);width:100%;}
textarea.box-edit{height:480px;}
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"]{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);border-radius:5px;}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus{border-color:rgba(82,168,236,0.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);}
input[type="text"],
input[type="password"]{width:200px;}
select{padding:4px;display:block;color:#999;border:1px solid #cecece;outline:none;display:inline-block;cursor:pointer;font-weight:300;}
.status_p{border:2px #fff solid;position:relative;word-wrap:break-word;color:#FFF;font-weight:bold;padding:1px;margin:7px 3px 0 4px;font-size:small;opacity:2;padding:3px;background-color:rgba(255, 255, 255, 0.4);}
.status_p:after{content:'';display:block;position:absolute;top:-9px;left:6px;width:0;height:0;border-color:transparent transparent #fff #FFFFFF;border-style:solid;border-width:4px}
#ava_abc{font-size:16pt;font-weight:600;color:white;margin-top:6px;}
.note{background:#ff5c5c url(images/note.png) repeat-x top left;font-weight:bold;padding:2px 4px 2px 4px;color:#FFFFFF;border:1px solid #f88;border-radius:3px;}
.titlesearch{background:#99d6ff;border-radius:3px;box-shadow:0 2px 5px 0 #99d6ff;}
.title55{background:url(images/nogi1.png) right top no-repeat, #586776 url(images/bg.png);text-align:center;color:#eee;min-height:40px;margin:2px 4px 4px 4px;padding:0px 5px 0px 5px;}
.title55 a:link, .title55 a:visited{color:#494343;}
.title55 a:focus, .title55 a:hover, .title55 a:active{color:#8B795E;}
.title56{background:url(images/zik.png) left top no-repeat, url(images/zik10.png);padding:20px;text-shadow:0 1px 0 #ffef3d;color:#4d1d00;text-align:right;border-radius:0 0 5px 5px;font-weight:bold;}
.vhnew{background-color:red;display:inline;padding:0px 4px 0px 4px;font-size:x-small;font-weight:bold;color:#FFFFFF;border-radius:14px;float:top;margin:0 0 0 -7px;text-align:center;}
div#header{background-color:#3C4C50 !important;z-index:468;color:#abc9c7;padding:15px 6px 15px 6px;overflow:auto;}
div#header > ul{list-style:none;margin:0;padding:0;}
div#header > ul li{display:inline;padding:0;margin:0;vertical-align:baseline;}
div#relative{position:relative;padding:0;margin:0;}
div#relative .dropdown-toggleg{z-index:467;position:absolute;right:5px;margin-top:0px;border-radius:0 0 4px 4px;top:0;display:none;min-width:150px;padding:0;font-size:small;text-align:left;list-style:outside none none;background-color:#FFFFFF;background-clip:padding-box;border:1px solid #E5E5E5;}
div#relative .dropdown-toggleg .divider{height:1px;margin:9px 0px;overflow:hidden;background-color:#E5E5E5;}
div#relative .dropdown-toggleg > li{border-bottom:1px dotted #cecece;padding:5px;overflow:hidden;text-overflow:ellipsis;}
div#relative .dropdown-toggleg > li:hover{background-color:#009688;color:#fff;}
div#relative .dropdown-toggleg > a li{border-bottom:1px dotted #cecece;padding:6px 5px 6px 7px;overflow:hidden;text-overflow:ellipsis;}
div#relative .dropdown-toggleg > a li:hover{background-color:#009688;color:#fff;}
div#relative .dropdown-toggleg > li:last-child{border-bottom:0;}
.uppercase{text-transform:uppercase;}
.capitalize{text-transform:capitalize;}
.list{background-color:#FFFFFF;border:1px solid #D5D5D5;border-radius:3px;margin:2px;}
.list:hover{background-color:#F7F7F7;border:1px solid #D5D5D5;border-radius:3px;margin:2px;}
.list a{display:block;padding-right:6px;padding-left:5px;padding-top:7px;padding-bottom:5px;text-decoration:none;}
.list a:hover{text-decoration:none !important;}
.page_item{display:inline-block;font-weight:bold;padding:4px 6px;background-color:#43899a;color:#FFF !important;margin:2px;text-decoration:none !important;cursor:pointer;border:1px solid #FFFFFF;}
.page_item:hover{background-color:#FFFFFF;color:#43899a !important;border:1px solid #579Da1;border-radius:2px;}
.select_item{display:inline-block;padding:4px 6px;background-color:#43899a;color:#FFF !important;margin:2px;text-decoration:none !important;cursor:pointer;border-radius:1px;}
.select_item:hover{background-color:#2A7081;}
.pagenavi{background-color:#FFFFFF;margin:2px;padding:5px;border-radius:2px;border:1px solid #D5D5D5;}
.content{border:1px solid #D5D5D5;background-color:#FFFFFF;margin-top:1px;padding-right:6px;padding-left:6px;padding-top:10px;padding-bottom:10px;border-radius:3px;}
.content-tags{background-color:#F7F7F7;margin:-0.75rem;margin-bottom:1rem;padding:.75rem;}
.downloadlistclass{background:url(/youtb/images/ad-pinstripe.png);padding-bottom:10px;}
#downloadlist{background:url(/youtb/images/ad-pinstripe.png);color:#808080;margin-top:1px;padding:10px 5px 0px;margin-bottom:1px;margin:2px;border:1px solid #D5D5D5;}
#downloadlist,.downloadlistclass a:hover{text-decoration:none !important;}
.catRow{background-color:#FFFFFF;margin:2px;padding:6px;border:1px solid #D5D5D5;border-radius:2px;}
.catRow:hover{background-color:#F3F3F3;}
.catRow a:hover{text-transform:uppercase;text-decoration:none !important;}
.post-tag{white-space:nowrap;padding:0.3em 0.5em;}
a.post-tag, a.post-tag:visited{color:rgba(0,0,0,0.65);background-color:#E8E8E8;border-radius:0.325em;margin:0.3em;text-decoration:none;text-align:center;font-weight:normal;line-height:1.4;display:inline-block;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;}
#toTop{display:none;text-decoration:none;position:fixed;bottom:.75rem;right:.75rem;overflow:hidden;width:43px;height:43px;border:none;z-index:100;}
#toTopHover{display:block;overflow:hidden;float:left;}
#toTop:active,#toTop:focus{outline:none;}
ul.ulist{background:#fefefe;border-color:#d2d2d2;border-style:solid;border-width:0px 1px 1px 1px;ulist-style:none;margin:0;padding:0;}
ul.ulist > li{border-bottom:1px dotted #cecece;padding:5px 3px 5px 3px;margin-left:2px;margin-right:2px;overflow:hidden;text-overflow:ellipsis;}
ul.ulist > li:last-child{border-bottom:0;}
ul.ulist > li > a{text-decoration:none;}
ul.ulist > li > img, ul.ulist > li > strong, ul.ulist > li > span, ul.ulist > li > a, ul.ulist > li > a > img, ul.ulist > li > input{vertical-align:middle;}
.lbl-group{padding:5px;border:1px solid #ddd;margin:15px 0 0 5px;font-size:9pt;font-family:hadpro;display:inline;}
.lbl-group label{margin:2px;}
.lbl-group > div{background:#FFF;padding:0 4px;margin-top:-15px;display:table;font-weight:bold;}
.switch label{cursor:pointer;margin:0 0 3px 0;}
.cb-checkbox{display:none !important;}
.cb-enable span, .cb-disable span{background-color:#ddd;padding:0 8px;line-height:20px;display:block;font-weight:bold;border-color:#A2A2A2;border-style:solid;}
.cb-enable span{border-radius:4px 0 0 4px;border-width:1px 0 1px 1px;}
.cb-disable span{border-radius:0 4px 4px 0;border-width:1px 1px 1px 0;}
.cb-disable.checked span{background-color:#aaa;color:#fff;border-color:#929292;}
.cb-enable.checked span{background-color:#5BB75B;color:#fff;border-color:#51A351;}
.numcount{float:left;}
.like-pit{float:left;padding:0px 10px 0px 10px;margin-right:10px;height:30px;cursor:pointer;font-size:14px;line-height:20px;font-weight:500;color:#009688;}
.lco, .hco , .hico , .wco , .cco, .eco, .lcl{float:left;color:#828282;font-weight:400;font-size:11px;}
.reaction_wrap-style{height:auto !important;}
.likes, .loves, .hahas, .hihis, .wowws, .crys, .angrys{float:left;width:13%;height:35px;color:#828282;font-family:"Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;font-size:12px;line-height:35px;min-width:45px;margin-right:4px;}
.frc{display:none;}
.frc:first-child{display:block;}
.new_like{position:relative;display:inline-block;}
.new_like:focus{pointer-events:none;}
.new_like:focus .new_like_items{opacity:1;display:block;}
.new_like_items{pointer-events:auto;position:absolute;z-index:1;opacity:0;display:none;transition:all 0.2s ease-out;-webkit-animation:zoomIn 0.2s ease-in-out 0.2s;animation:zoomIn 0.2s ease-in-out 0.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.new_like.no-pointer-events{pointer-events:auto !important;}
.new_like.no-visibility .new_like_items{visibility:visible !important;display:none;}
.new_like.no-visibility:focus .new_like_items{display:block;}
.new_like.no-opacity .new_like_items{opacity:1 !important;}
.new_like{padding:0;margin:0 0 1em 0;outline:0;}
.new_like_items{background-color:#ffffff;min-width:235px;box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);margin-top:-45px;margin-left:-74px;padding-left:10px;padding-bottom:5px;padding-top:5px;padding-right:5px;border-radius:50px;transition:all 0.2s ease-out;-webkit-animation:zoomIn 0.2s ease-in-out 0.2s;animation:zoomIn 0.2s ease-in-out 0.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.new_like{text-align:left;}
.op-lw{float:left;margin-right:8px;margin-top:1px;}
.like-nb{border-radius:50px;width:30px;height:30px;background-color:#1e88e5;}
.love-nb{border-radius:50px;width:30px;height:30px;background-color:#f50057;}
.who-likes-this-post{float:left;width:100%;height:35px;color:#828282;font-size:12px;line-height:35px;border-top:1px solid #f0f0f0;text-indent:15px;margin-top:8px;}
.who-likes-this-post{text-indent:5px !important;}
.lpos{margin-left:3px !important;margin-top:5px !important;}
.icon-quotes{float:left;width:25px;height:25px;background:url(/icons/quotes.png) 0 0 no-repeat;background-size:25px 25px;}
.icon-like-blf{float:left;width:20px;height:20px;background:url(/icons/like_newbtn.png) 0 0 no-repeat;background-size:20px 20px;}
.icon-like-new{float:left;width:25px;height:25px;background:url(/icons/new_like_btn.gif) 0 0 no-repeat;background-size:25px 25px;}
.icon-love-new{float:left;width:25px;height:25px;background:url(/icons/new_love_btn.gif) 0 0 no-repeat;background-size:25px 25px;}
.icon-haha-new{float:left;width:25px;height:25px;background:url(/icons/hahaha.gif) 0 0 no-repeat;background-size:25px 25px;}
.icon-mmmm-new{float:left;width:25px;height:25px;background:url(/icons/mmmm.gif) 0 0 no-repeat;background-size:25px 25px;}
.icon-wowww-new{float:left;width:25px;height:25px;background:url(/icons/wowww.gif) 0 0 no-repeat;background-size:25px 25px;}
.icon-crying-new{float:left;width:25px;height:25px;background:url(/icons/crying.gif) 0 0 no-repeat;background-size:25px 25px;}
.icon-angry-new{float:left;width:25px;height:25px;background:url(/icons/angry.gif) 0 0 no-repeat;background-size:25px 25px;}
.post-like-unlike-comment{float:left;width:100%;padding:4px 0px 0px 0px;background-color:#ffffff;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-bottomleft:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;}
.like-post{float:left;padding:7px 10px 0px 10px;margin-right:10px;height:30px;cursor:pointer;}
.like-it{float:left;padding:7px 10px 0px 10px;margin-right:10px;height:30px;cursor:pointer;font-size:14px;line-height:20px;font-weight:500;color:#009688;}
.playButton{color:#fff;background:#5BCF80;padding:3px;display:inline-block;-webkit-background-clip:border-box;margin:2px;-webkit-background-origin:padding-box;-webkit-background-size:auto;-webkit-font-smoothing:antialiased;border-bottom-right-radius:50%;border-bottom-left-radius:50%;border-top-left-radius:50%;cursor:pointer;}
.playButton:hover{background:#E25E5B}
.playButton:active{background:#F8CB30}
.downloadButton{background:#E4F1F6;padding:2px;display:inline-block;-webkit-background-clip:border-box;margin:2px;-webkit-background-origin:padding-box;-webkit-background-size:auto;-webkit-font-smoothing:antialiased;border-radius:4px;margin-top:0.4em;cursor:pointer;}
.results{color:#666f70;font-size:1.3em}
.results .resultsPlus{font-size:1.3em;padding:10px;}
.currentPlayer{margin:20px 0px;}
.mrt-social{text-align:center !important;}
.mrt-social a.mrt-social-button{text-decoration:none !important;border:none !important;padding:0 !important;margin:0 0 0 1px !important;width:30px;height:30px;font-size:14px !important;color:#fff !important;line-height:30px !important;text-align:center !important;border-radius:50%;}
.mrt-social a.mrt-social-facebook{background:#CCC;}
.mrt-social a.mrt-social-twitter{background:#CCC;}
.mrt-social a.mrt-social-google{background:#CCC;}
.mrt-social a.mrt-social-facebook:hover,
.mrt-social a.mrt-social-facebook:focus{background:#3b5998;}
.mrt-social a.mrt-social-twitter:hover,
.mrt-social a.mrt-social-twitter:focus{background:#55acee;}
.mrt-social a.mrt-social-google:hover,
.mrt-social a.mrt-social-google:focus{background:#dd4b39;}
.mrt-social a.mrt-social-link{background:transparent url(/images/share_link.png) no-repeat top left;}
.reaction_wrap-style{position:relative;margin:2px 0;display:block;}
.reaction_wrap-style .numcount .lvspan{min-width:47px;text-shadow:0 1px rgba(255, 255, 255, 0);box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);-webkit-transition:margin 0.6s, opacity 0.6s;-moz-transition:margin 0.6s, opacity 0.6s;-ms-transition:margin 0.6s, opacity 0.6s;-o-transition:margin 0.6s, opacity 0.6s;transition:margin 0.6s, opacity 0.6s;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;white-space:nowrap;position:absolute;padding:8px 9px 8px 9px;font-weight:bold;background:#34495E;line-height:28px;margin-left:-10px;margin-bottom:5px;display:block;left:-9999px;color:#fff;opacity:0;z-index:10000;}
.reaction_wrap-style .numcount:hover .lvspan{opacity:1;left:auto;bottom:100%;margin-bottom:-5px;}
.reaction_wrap-style .numcount .lvspan a:link, .reaction_wrap-style .numcount .lvspan a:visited{color:#ffffff;}
.reaction_wrap-style .numcount .lvspan a:hover{color:#ffffff;text-decoration:underline;}
.no_display, #no_display{display:none}
.card{background-color:#fff;margin:.5rem 0 1rem;transition:box-shadow .25s;border-radius:2px;position:relative;}
.card-title b{font-size:24px;font-weight:500;line-height:3.429rem;margin:0;padding:0 15px;color:rgba(0,0,0,.87);border-bottom:1px #dadada solid;display:block;}
.card-content .recent-item,.chat-list{padding:.75rem;border-top:1px solid #ddd;word-wrap:break-word;}
.card-content > article:nth-child(1),.chat-list:nth-child(1){border:0;}
.card-action{clear:both;background-color:#f9f9f9;border-top:1px solid rgba(160,160,160,.2);padding:20px;}
.card-menu{padding:.75rem;border-bottom:1px solid #ddd;}
.chat-list.menu{border-width:1px 0 0 0;}
.s-sh1,.btn,.rmenu,.post-tag:hover{box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);}
footer#footer{background-color:#212121;margin-top:20px;padding-top:20px;color:#fff;}
footer#footer .inner > *{color:#fff;font-size:1.3rem;}
nav.nav-breadcrumb{height:64px;line-height:64px;display:block;color:#fff;background-color:#43899A;width:100%;margin:1em 0;}
nav .nav-wrapper{position:relative;height:100%;}
nav.nav-breadcrumb .col.s12{float:left;box-sizing:border-box;padding:0 0.75rem;width:100%;margin-left:auto;left:auto;right:auto;}
nav.nav-breadcrumb .col.s12 a{font-size:18px;color:rgba(255,255,255,0.7);-webkit-font-smoothing:antialiased;}
.breadcrumb-icon{color:rgba(255,255,255,0.7);vertical-align:top;font-size:25px!important;margin:20px 10px 0 8px;}
.pagination{padding:1em 0;}
.s-title{font-size:1.2rem;line-height:1.2em;font-weight:700;text-decoration:none;}
.right{float:right;}
.left{float:left;}
.clearfix{clear:both;}
.clearfix:after{content:"";display:table;clear:both;}
.post-entry{padding:.75em 0;}
.load-btn{display:inline-block;background:#fff;background:linear-gradient(#f5f6f7 1%, #fff 2%, #fff 70%, #f5f6f7 100%);text-align:center;font-weight:500;margin:4px 0 4px 0;padding:7px 10px;border:1px solid rgba(212, 213, 214, .75);border-radius:3px;cursor:pointer}
.load-btn i{margin-right:2px}
.stories-container .other-data{color:#898f9c;margin-top:0}
.activity-wrapper,
.comments-container{float:left;width:100%;margin:0;background:#fcfcfc;border:0;}
.activity-wrapper{color:#898f9c;font-weight:500;padding:6px;}
.activity-btn{cursor:pointer}
.activity-btn:hover{color:#2e74a6}
.activity-wrapper .activity-btn i{margin-left:2px}
.comments-container{position:relative;border-top:1px solid #f0f0f0;}
.view-more-wrapper{font-weight:500;padding:8px 10px;cursor:pointer}
.comments-container .comments-wrapper{padding-top:10px}
.comment-wrapper{color:#4e5665;padding:0 10px 12px}
.comment-wrapper .comment-content{position:relative;padding-right:25px;word-wrap:break-word;word-break:break-all}
.comment-wrapper .name{color:#4e5665;font-weight:500;word-break:break-all}
.comment-wrapper .name:hover{color:#2e74a6}
.comment-wrapper .comment-text{margin-left:1px;word-wrap:break-word}
.comment-wrapper .setting-buttons{position:absolute;top:0;right:0;color:#898f9c}
.comment-wrapper .setting-buttons span:hover{color:#4e5665}
.comment-wrapper .setting-buttons a{color:#898f9c}
.comment-wrapper .setting-buttons a:hover{color:#4e5665}
.comment-wrapper .other-data{color:#898f9c}
.comment-wrapper .time{margin-right:2px}
.comment-wrapper .opt,
.comment-wrapper .opt-active{cursor:pointer}
.comment-wrapper .opt-active,
.comment-wrapper .opt:hover{color:#2e74a6}
.comment-wrapper .comment-textarea{position:relative;background:#fff;border-radius:3px;box-shadow:0 2px 3px 1px #f2f4f6 inset}
.comment-wrapper .comment-textarea textarea{width:100%;height:30px;background:#fff;color:#4e5665;font-size:small;margin:0;padding:4px 6px 4px 6px;border-radius:3px;overflow:hidden}
.comment-wrapper .comment-textarea .progress-icon{position:absolute;top:8px;right:5px}
.page-loading-bar{position:fixed;z-index:501;top:0px;left:-6px;width:0;height:3px;background:#f00;background:linear-gradient(to right, #9dd53a 0, #9dd53a 100%);border-radius:1px;transition:width .5s ease-out, opacity .4s linear;-webkit-transition:width .5s ease-out, opacity .4s linear;-moz-transition:width .5s ease-out, opacity .4s linear;-ms-transition:width .5s ease-out, opacity .4s linear;-o-transition:width .5s ease-out, opacity .4s linear}
.page-loading-bar dd,
.page-loading-bar dt{position:absolute;width:180px;right:-80px;opacity:.6;box-shadow:#000 1px 0 6px 1px;clip:rect(-6px, 90px, 14px, -6px)}
.sttlist{position:relative;float:left;width:100%;box-shadow:0 1px 1px 0 rgba(0, 0, 0, .06), 0 2px 5px 0 rgba(0, 0, 0, .2);margin-top:7px;}
.sttlist .menu{float:left;width:100%;margin:0;border:0;box-sizing:border-box;}
.sttlist .menu .setting-buttons{position:absolute;top:8px;right:12px;color:#898f9c}
.sttlist .menu .setting-buttons span:hover{color:#4e5665}
.menu .setting-buttons a{color:#898f9c}
.menu .setting-buttons a:hover{color:#4e5665}
.cover-container,
.cover-wrapper{position:relative;}
.timeline-header-wrapper{background:#fff;margin:0 auto 15px;padding:0}
.cover-wrapper{width:100%}
.cover-wrapper:after{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/images/cover-shadow.png) left 0 bottom -1px repeat-x;content:''}
.cover-wrapper img{width:100%;box-shadow:0 0 0 1px rgba(0, 0, 0, .3)}
.cover-resize-wrapper{position:relative;width:100%;height:312px;overflow:hidden;display:none;}
.cover-resize-wrapper img{position:absolute;width:100%;box-shadow:0 0 0 1px rgba(0, 0, 0, .3);}
.cover-resize-wrapper .drag-div{position:absolute;top:0;width:100%;background:rgba(0, 0, 0, .15);color:#fff;font-weight:500;padding:7px;border:1px solid rgba(0, 0, 0, .1);border-radius:3px;}
.cover-progress{position:absolute;top:0;right:0;bottom:0;left:0;display:none;background:rgba(0, 0, 0, .6);color:#fff;text-align:center}
.timeline-header-wrapper .avatar-wrapper{position:absolute;left:15px;bottom:-27px;display:inline;border-radius:100%}
.timeline-header-wrapper .avatar-wrapper img{width:155px;height:auto;background:#fff;padding:4px;border-radius:100%}
.timeline-header-wrapper .avatar-change-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;visibility:hidden;opacity:0;color:#fff;text-align:center;font-size:23px;padding-top:65px;border-radius:100%;transition:all .25s;-webkit-transition:all .25s;-moz-transition:all .25s;-o-transition:all .25s}
.timeline-header-wrapper .avatar-change-wrapper i{color:#fff;cursor:pointer;text-shadow:0 0 2px rgba(0, 0, 0, .5);transition:all .25s;-webkit-transition:all .25s;-moz-transition:all .25s;-o-transition:all .25s}
.timeline-header-wrapper .avatar-wrapper:hover .avatar-change-wrapper{visibility:visible;opacity:1}
.timeline-header-wrapper .avatar-progress-wrapper{position:absolute;top:5px;right:5px;bottom:3px;left:5px;display:none;background:rgba(0, 0, 0, .45);color:#fff;text-align:center;padding:50px 0 0;border-radius:100%}
.timeline-header-wrapper .timeline-name-wrapper{position:absolute;left:190px;bottom:7px;display:inline-block;color:rgba(255, 255, 255, .5);text-shadow:0 0 3px rgba(0, 0, 0, .9);font-size:19px;font-weight:500}
.group-header-wrapper .timeline-name-wrapper{left:12px}
.timeline-header-wrapper .timeline-name-wrapper a{color:#fff;word-break:break-all}
.timeline-header-wrapper .timeline-name-wrapper .verified-badge{display:inline-block;vertical-align:middle;background:#2B90B9;color:#fff;text-shadow:0 0 0 #fff;font-size:9px;margin-bottom:5px;padding:0 1px 1px 2px;border:2px solid #fff;border-radius:100%;box-shadow:0 0 0 1px rgba(0, 0, 0, .3)}
.timeline-buttons a,
.timeline-statistics-wrapper .statistic a{display:block;color:#4e5665}
.timeline-statistics-wrapper{padding-left:182px;border-width:0 1px 1px;border-style:solid;border-color:#d4d5d4}
.group-header-wrapper .timeline-statistics-wrapper{padding-left:0}
.timeline-statistics-wrapper .statistic{background:#fff;font-weight:500;padding:10px 15px;border-right:1px solid #e5e6e7;border-bottom:2px solid #ffffff;}
.timeline-statistics-wrapper .statistic small{font-weight:400}
.timeline-statistics-wrapper .statistic:hover{border-bottom-color:#009688;}
.timeline-buttons{margin-bottom:5px}
.timeline-buttons a{width:96%;background:#fff;background:linear-gradient(#f5f6f7 1%, #fff 2%, #fff 70%, #f5f6f7 100%);text-align:center;font-weight:500;margin:0 0 5px;padding:7px 0;border:1px solid rgba(212, 213, 214, .75);border-radius:3px;cursor:pointer}
.timeline-buttons a i{margin-right:3px}
.timeline-buttons .active{background:#3c7fb4;background:linear-gradient(#4a8ac2, #2e74a6);color:#fff;border-color:#2e74a6}
.cover-resize-buttons{display:none}
.timeline-sidebar{background:#fff;color:#4e5665;margin-bottom:10px;border:1px solid rgba(212, 213, 214, .75);border-radius:3px}
.timeline-sidebar .sidebar-header-wrapper{background:#fafafa;color:#444;font-weight:500;padding:10px;border-bottom:3px solid #4a8ac2;border-radius:3px 3px 0 0}
.timeline-sidebar .sidebar-div a,
.timeline-sidebar .sidebar-header-wrapper a{color:#4e5665}
.timeline-sidebar .sidebar-div{color:#4e5665;margin:0 10px;padding:10px 0;border-bottom:1px solid #e9eaeb}
.float-left{float:left}
.span35{width:35%}
.window-background,
.window-wrapper{position:fixed;top:0;overflow:hidden}
.window-background{z-index:1000;left:0;width:100%;height:100%;opacity:.8;background:#0b0b0b}
.window-wrapper{z-index:1010;left:8px;right:8px;max-width:520px;background:#fff;margin:15px auto 0;border-radius:3px;box-shadow:0 0 0 1px rgba(0, 0, 0, .3)}
.window-header-wrapper{position:relative;background:#f9faf9;padding:10px;border-bottom:1px solid #e5e6e7;border-radius:3px 3px 0 0}
.window-content-wrapper{max-height:392px;overflow:auto;border-radius:0 0 3px 3px}
.button-content-wrapper{padding:8px}
.window-list-wrapper{padding:8px;border-bottom:1px solid #e9eaeb}
.window-list-wrapper .avatar{border-radius:100%;vertical-align:middle}
.window-list-wrapper .name{color:#4e5665;font-weight:500}
.window-list-wrapper .name:hover{color:#2e74a6}
.window-btn a{display:inline-block;background:#f9faf9;background:linear-gradient(#f5f6f7 1%, #fff 2%, #fff 70%, #f5f6f7 100%);color:#4e5665;text-align:center;font-weight:500;margin:0;padding:3px 10px;border:1px solid rgba(212, 213, 214, .75);border-radius:3px;cursor:pointer}
.short-profile-wrapper,
.short-profile-wrapper .short-cover img{border-radius:3px 3px 0 0}
.window-btn a i{margin-right:3px}
.window-btn a.active{background:#3c7fb4;background:linear-gradient(#4a8ac2, #2e74a6);color:#fff;border-color:#2e74a6}
.no-content-wrapper{color:#898f9c;padding:10px}
span.window-close-btn{position:absolute;top:10px;right:10px;color:#898f9c;cursor:pointer}
@media only screen and (max-device-width:960px),
only screen and (max-width:960px){.timeline-header-wrapper .avatar-change-wrapper{display:none}
.timeline-header-wrapper .avatar-wrapper{left:12px;bottom:-20px}
.timeline-header-wrapper .avatar-wrapper img{width:80px;padding:2px}
.timeline-header-wrapper .avatar-progress-wrapper{top:2px;right:2px;bottom:2px;left:2px;padding:20px 0 0}
.timeline-header-wrapper .timeline-name-wrapper{left:110px;font-size:15px;font-weight:500}
.timeline-statistics-wrapper{padding-left:100px}
.timeline-statistics-wrapper .statistic{padding:10px}
.window-wrapper{position:absolute}
.window-content-wrapper{height:auto;max-height:auto}
}
.book-container{margin:0 auto;display:block;-webkit-perspective:1200px;-moz-perspective:1200px;perspective:1200px;}
.book{z-index:5;-webkit-transition:0.75s;-moz-transition:0.75s;transition:0.75s;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:125px 0;-moz-transform-origin:125px 0;transform-origin:125px 0;}
.book:after{content:"";position:absolute;top:0;bottom:0;left:3px;width:7px;background:url(images/ridge.png) repeat-y;z-index:20;-webkit-transform:translateZ(1px);}
.book:hover{-webkit-transform:translateX(-10px) translateZ(35px) translateX(35px) rotateY(45deg);-moz-transform:translateX(-10px) translateZ(35px) translateX(35px) rotateY(45deg);transform:translateX(-10px) translateZ(35px) translateX(35px) rotateY(45deg);}
.book-cover{position:relative;z-index:10;}
.book-cover img{vertical-align:bottom;max-width:100%;height:auto;}
.book-spine{content:"Hadpro";position:absolute;color:#fff;bottom:0;top:0;width:50px;z-index:5;overflow:hidden;box-shadow:0 2px 4px rgba(0, 0, 0, 0.25);background:url(images/spine.jpg) -64px 0 no-repeat;background-size:auto 100%;-webkit-transform:rotateY(-90deg) translateX(-49px);-moz-transform:rotateY(-90deg) translateX(-49px);transform:rotateY(-90deg) translateX(-49px);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;transform-origin:0 0;}
.book-spine h1{display:block;width:325px;text-align:left;color:#fff;position:absolute;top:0;left:39px;text-indent:43px;text-transform:uppercase;font-family:"league_gothic_condensedRg", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:2em;opacity:0.75;font-weight:normal;-webkit-font-smoothing:antialiased;-webkit-transform:rotateZ(90deg);-moz-transform:rotateZ(90deg);transform:rotateZ(90deg);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;transform-origin:0 0;}
.book-spine:before{display:block;content:"";width:100%;height:100%;background:rgba(0, 0, 0, 0.3);}
@media only screen and (max-device-width:500px),
only screen and (max-width:500px){.timeline-statistics-wrapper{padding-left:0}
.timeline-statistics-wrapper .statistic{padding:25px 10px 10px}
}
@media only screen and (max-device-width:358px),
only screen and (max-width:358px){.timeline-statistics-wrapper .statistic{word-break:break-all}
}