.interract{justify-content:flex-start;font-size:1em;border-bottom:1px solid #e1e1e1;padding-bottom:.5em;margin-bottom:.75em}
.profile{position:relative;margin:0 1rem 1rem}
.profile .interract{position:absolute;bottom:0;right:0;left:0;border:none;margin:0;background:rgba(255,255,255,.5);padding:.65em 0}
.profile .interract a.intbutton:hover{background:#444}
.profile div.dropdown{margin-top:-.75em}
.interract .pp{flex:0 0 27%;max-width:150px}
.interract .social{flex:0 1 auto}
.interract .pp{position:relative;margin:0 0 0 2%}
.interract .pp .name{position:absolute;left:140px;bottom:145%;width:200%;font-size:160%;margin-left:1rem}
.interract .pp h1 span,.interract .pp h1 a{display:inline-block;padding:.25em;margin:.25em;color:#fff;max-width:100%;font-size:.85em;background:rgba(0,0,0,.75);padding:.5em;border-radius:.25em}
.interract .pp .name>a{font-size:.55em;background:rgba(0,0,0,.75);display:inline-block;margin-right:.35em;padding:.5em;color:#fff;text-decoration:none;max-width:100%;width:auto;font-weight:normal}
.interract .pp .name>a span{font-size:1em;font-weight:bold;display:inline}
.interract .pp img{position:absolute;bottom:20%;left:0;right:0}
.interract .vote{flex:0 1 35%;max-width:14em;justify-content:flex-end;margin-left:auto}
.interract .intbutton{text-decoration:none;color:#111;font-size:1.4em;padding:.65em .65em .25em;margin:.25rem;border-radius:.35em;line-height:1;text-align:center}
.interract .intbutton:hover{color:#4d90fe}
.interract .intbutton i{display:block}
.interract .intbutton.active i.icon-user-plus:before{content:"\e924"}
.interract .intbutton span{font-size:.65rem;display:block;padding-top:1em}
.interract .intbutton.active .icon-heart:before{content:"\e93a"}
.interract{border:none;margin:0 0 .35em;background:#e1e1e1;padding:.3em 0}
.interract>div{flex:1 0 auto;position:relative}
.interract div .intbutton{cursor:pointer;font-size:.85rem;padding:.5rem .75rem;border-radius:.25em;background:#222;color:#fff;display:inline-block}
.interract .intbutton:hover{background:#111;color:#fff}
.interract .social div:nth-child(1) .intbutton i{color:#009900}
.interract .social div:nth-child(2) .intbutton i{color:#4d90fe}
.interract .social div:nth-child(3) .intbutton i{color:#f90}
.interract .social div:nth-child(4) .intbutton i{color:#ff0066}
.interract .social div:nth-child(1) .intbutton.active{background:#009900}
.interract .social div:nth-child(2) .intbutton.active{background:#4d90fe}
.interract .social div:nth-child(3) .intbutton.active{background:#f90}
.interract .social div:nth-child(1) .intbutton.active i{color:#fff}
.interract .social div:nth-child(2) .intbutton.active i{color:#fff}
.interract .social div:nth-child(3) .intbutton.active i{color:#fff}
.interract .social div:nth-child(1) .intbutton.active span{color:#fff}
.interract div.vote .intbutton.active{background:#4d90fe;color:#fff}
.interract div.vote .intbutton.active span{color:#fff}
.interract div .intbutton.loading{-webkit-animation:intloading .4s ease infinite;animation:intloading .4s ease infinite;background:linear-gradient(270deg,#000000,#666666);background-size:400% 400%}
.interract .social div .intbutton i.icon-chevron-down{color:#fff;margin-right:0;margin-left:.25em}
.interract .social a::hover{text-decoration:none !important;background:#b81a1e !important}
.interract a i,.interract .intbutton i{display:inline-block;margin-right:.5rem;vertical-align:top}
.interract a span,.subscribe span,.interract .intbutton span{display:inline-block;padding:0;font-size:1em;vertical-align:top;color:#888;margin-left:.35em;font-weight:normal}
.subscribe span{color:#fff}
.interract .vote{padding-right:.5em}
.interract .social{padding-left:.5em}
.interract div.dropdown{margin:.25em}
.comments .item p{padding:0 0 .25em 0;line-height:1.3}
.comments .item p img,.comments form img{position:absolute;border-radius:50%;margin-left:-3rem;max-width:32px}
.comments .item p a,.comments .item p span.user{font-weight:500;color:#003569;text-decoration:none}
.comments .item p a.user,.comments .item p span.user{color:#111}
.comments{font-size:.9rem;border-top:1px solid #e1e1e1;clear:both}
.comments h2 a{color:#333}
.comments .item{padding:1em 1em .85em 4rem;border-bottom:1px solid #e1e1e1;transition:.5s background}
.comments .replies,.thumb-list.community > .item.comments .comments{border-left:1px solid #ddd;border-top:none}
.comments .item:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}
.comments .item .meta{font-size:.85em;color:#999;padding:0!important}
.comments .item .meta a,.thumb-list.community > .item.comments .comments .meta a,.comments .item .meta .vote span,.thumb-list.community > .item.comments .comments .meta .vote span{cursor:pointer;font-weight:500;color:#999;text-decoration:none;margin-left:1em;display:inline-block;padding:.5em;vertical-align:middle}
.comments .item .meta .vote a:hover,.comments .item .meta .vote span:hover{transform:scale(1.3);transition:transform .1s ease-out}
.comments .item .meta .vote,.thumb-list.community > .item.comments .comments .mete .vote{display:inline-block}
.comments .item .meta .vote .active,.thumb-list.community > .item.comments .comments .meta .vote .active{color:#ec2127;transform:scale(1.3)}
.comments .item.new{background:#fdf8d5}
.comments form{width:100%;padding:1em 0 1rem 4rem;position:relative}
.comments form textarea{height:3.4em;transition:all .2s ease-out;font-family:'Montserrat',sans-serif;max-width:38em;padding:1em;border-radius:.25em;border:none;width:100%;outline:none;background:#eee;box-sizing:border-box;margin-bottom:.25em}
.comments form textarea:hover{background:#e1e1e1}
.comments form.active textarea{height:6.2em}
.comments form img{top:1.35em}
.comments input[type="submit"]{border:none;background:#4d90fe;width:80px;transition:width .15s ease-out;margin-right:1em;border-radius:.25em;height:42px;color:#fff;padding:.75em;cursor:pointer}
.comments .item.replying>.meta .reply{background:#eee;color:#333}
.comments button{background:#4d90fe;color:#fff;border:none;padding:.75em;position:absolute;right:0}
.comments input[type="submit"][disabled="disabled"]{background:#ccc}
.comments .snippet{background:#eee;padding:.75em;font-size:.85em}
.comments .snippet div{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#666}
.comments .snippet div a{display:none}
.comments .snippet p{display:inline-block;padding:0;padding:0;margin-bottom:.5em;background:none}
.comments .snippet a.cancel{color:#4d90fe;font-weight:normal}
.comments form.loading input[type="submit"]{width:42px;color:#fff;border-radius:10em;background:#fff;overflow:hidden;border:2px solid #fff;border-right:2px solid #4d90fe;-webkit-animation:su-loader .4s linear .15s infinite;animation:su-loader .4s linear .15s infinite}
.comments .emoji{position:relative;display:inline-block;margin-left:.75em;vertical-align:top}
.comments .emoji>span,.comments .emoji>a{cursor:pointer;text-decoration:none;border-radius:.25em;background:#eee;color:#333;padding:.4em;display:inline-block}
.comments .emoji>span img,.comments .emoji>a img{top:0;position:static;margin:0;border-radius:0}
.comments .emoji>span:hover,.comments .emoji>a:hover{background:#e1e1e1}
.comments .emoji>span:hover i,.comments .emoji>a:hover i{-webkit-filter:unset;filter:unset}
.comments .emoji div.dropdown{margin:.25em 0 0 0;left:auto;right:0;min-width:32em}
.comments .emoji div.dropdown .tabs{text-align:center}
.comments .emoji div.dropdown .tabs a{display:inline-block;padding:.25em;vertical-align:top}
.comments .emoji div.dropdown .tabs a i{top:0;margin:0}
.comments .emoji div.dropdown [id^="tab-"]{padding:.5em;text-align:center;max-height:20em;overflow:auto}
.comments .emoji div.dropdown [id^="tab-"] i{cursor:pointer;transition:transform .1s ease-out}
.comments .emoji div.dropdown [id^="tab-"] i:hover{outline:1px solid #999}