* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    outline: 0
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

body {
text-transform:lowercase;
    line-height: 1;
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

:focus {
    outline: 0
}

ins {
    text-decoration: none
}

del {
    text-decoration: line-through
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

* {
    margin: 0;
    padding: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after {
    content: "";
    content: none
}

q:before,
q:after {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

script {
    display: none !important
}

@-webkit-keyframes slideDown {
    0 {
        -webkit-transform: translate3d(0, -100%, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0)
    }
}

@-moz-keyframes slideDown {
    0 {
        -moz-transform: translate3d(0, -100%, 0)
    }
    100% {
        -moz-transform: translate3d(0, 0, 0)
    }
}

@-o-keyframes slideDown {
    0 {
        -o-transform: translate3d(0, -100%, 0)
    }
    100% {
        -o-transform: translate3d(0, 0, 0)
    }
}

@keyframes slideDown {
    0 {
        transform: translate3d(0, -100%, 0)
    }
    100% {
        transform: translate3d(0, 0, 0)
    }
}

.animated.slideDown {
    -webkit-animation-name: slideDown;
    -moz-animation-name: slideDown;
    -o-animation-name: slideDown;
    animation-name: slideDown
}

@-webkit-keyframes slideUp {
    0 {
        -webkit-transform: translate3d(0, 0, 0)
    }
    100% {
        -webkit-transform: translate3d(0, -100%, 0)
    }
}

@-moz-keyframes slideUp {
    0 {
        -moz-transform: translate3d(0, 0, 0)
    }
    100% {
        -moz-transform: translate3d(0, -100%, 0)
    }
}

@-o-keyframes slideUp {
    0 {
        -o-transform: translate3d(0, 0, 0)
    }
    100% {
        -o-transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideUp {
    0 {
        transform: translate3d(0, 0, 0)
    }
    100% {
        transform: translate3d(0, -100%, 0)
    }
}

@-webkit-keyframes slideRight {
    0 {
        -webkit-transform: translate3d(-100%, 0, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0)
    }
}

@-moz-keyframes slideRight {
    0 {
        -moz-transform: translate3d(-100%, 0, 0)
    }
    100% {
        -moz-transform: translate3d(0, 0, 0)
    }
}

@-o-keyframes slideRight {
    0 {
        -o-transform: translate3d(-100%, 0, 0)
    }
    100% {
        -o-transform: translate3d(0, 0, 0)
    }
}

@keyframes slideRight {
    0 {
        transform: translate3d(-100%, 0, 0)
    }
    100% {
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes slideLeft {
    100% {
        -webkit-transform: translate3d(-100%, 0, 0)
    }
    0 {
        -webkit-transform: translate3d(0, 0, 0)
    }
}

@-moz-keyframes slideLeft {
    1000% {
        -moz-transform: translate3d(-100%, 0, 0)
    }
    0 {
        -moz-transform: translate3d(0, 0, 0)
    }
}

@-o-keyframes slideLeft {
    100% {
        -o-transform: translate3d(-100%, 0, 0)
    }
    0 {
        -o-transform: translate3d(0, 0, 0)
    }
}

@keyframes slideLeft {
    100% {
        transform: translate3d(-100%, 0, 0)
    }
    0 {
        transform: translate3d(0, 0, 0)
    }
}

.animated {
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.slideUp {
    -webkit-animation-name: slideUp;
    -moz-animation-name: slideUp;
    -o-animation-name: slideUp;
    animation-name: slideUp
}

.cmn-toggle {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden
}

.cmn-toggle+label {
    display: block;
    position: relative;
    cursor: pointer;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

input.cmn-toggle-round+label {
    padding: 2px;
    width: 35px;
    height: 17.5px;
    background-color: #ddd;
    -webkit-border-radius: 17.5px;
    -moz-border-radius: 17.5px;
    -ms-border-radius: 17.5px;
    -o-border-radius: 17.5px;
    border-radius: 17.5px
}

input.cmn-toggle-round+label:before,
input.cmn-toggle-round+label:after {
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    bottom: 1px;
    content: ""
}

input.cmn-toggle-round+label:before {
    right: 1px;
    background-color: #f1f1f1;
    -webkit-border-radius: 17.5px;
    -moz-border-radius: 17.5px;
    -ms-border-radius: 17.5px;
    -o-border-radius: 17.5px;
    border-radius: 17.5px;
    -webkit-transition: background .4s;
    -moz-transition: background .4s;
    -o-transition: background .4s;
    transition: background .4s
}

input.cmn-toggle-round+label:after {
    width: 15.5px;
    background-color: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -webkit-transition: margin .4s;
    -moz-transition: margin .4s;
    -o-transition: margin .4s;
    transition: margin .4s
}

input.cmn-toggle-round:checked+label:before {
    background-color: #8ce196
}

input.cmn-toggle-round:checked+label:after {
    margin-left: 17.5px
}

.switches>div {
    display: table;
    width: 100%;
    margin-bottom: 10px
}

.switches>div>* {
    display: table-cell;
    vertical-align: middle
}

.switches>div>span {
    text-align: right;
    padding-right: 5px;
    white-space: nowrap
}

.switches>div>.switch {
    text-align: left;
    margin-right: 5px;
    width: 100%
}

.alertify-cover {
    position: fixed;
    z-index: 99999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: white;
    filter: alpha(opacity=0);
    opacity: 0
}

.alertify-cover-hidden {
    display: none
}

.alertify {
    position: fixed;
    z-index: 99999;
    top: 50px;
    left: 50%;
    width: 550px;
    margin-left: -275px;
    opacity: 1
}

.alertify-hidden {
    -webkit-transform: translate(0, -150px);
    -moz-transform: translate(0, -150px);
    -ms-transform: translate(0, -150px);
    -o-transform: translate(0, -150px);
    transform: translate(0, -150px);
    opacity: 0;
    display: none
}

:root *>.alertify-hidden {
    display: block;
    visibility: hidden
}

.alertify-logs {
    position: fixed;
    z-index: 5000;
    bottom: 10px;
    right: 10px;
    width: 300px
}

.alertify-logs-hidden {
    display: none
}

.alertify-log {
    display: block;
    margin-top: 10px;
    position: relative;
    right: -300px;
    opacity: 0
}

.alertify-log-show {
    right: 0;
    opacity: 1
}

.alertify-log-hide {
    -webkit-transform: translate(300px, 0);
    -moz-transform: translate(300px, 0);
    -ms-transform: translate(300px, 0);
    -o-transform: translate(300px, 0);
    transform: translate(300px, 0);
    opacity: 0
}

.alertify-dialog {
    padding: 25px
}

.alertify-resetFocus {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.alertify-inner {
    text-align: center
}

.alertify-text {
    margin-bottom: 15px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 100%
}

.alertify-button,
.alertify-button:hover,
.alertify-button:active,
.alertify-button:visited {
    background: 0;
    text-decoration: none;
    border: 0;
    line-height: 1.5;
    font-size: 100%;
    display: inline-block;
    cursor: pointer;
    margin-left: 5px
}

@media only screen and (max-width:680px) {
    .alertify,
    .alertify-logs {
        width: 90%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .alertify {
        left: 5%;
        margin: 0
    }
}

.alertify,
.alertify-log {
    font-family: sans-serif
}

.alertify {
    background: #FFF;
    border: 1px solid #8e8e8e;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 6px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.alertify-dialog {
    padding: 0
}

.alertify-inner {
    text-align: left
}

.alertify-message {
    padding: 15px;
    margin: 0
}

.alertify-text-wrapper {
    padding: 0 15px
}

.alertify-text {
    color: #555;
    border-radius: 4px;
    padding: 8px;
    background-color: #FFF;
    border: 1px solid #CCC;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.alertify-text:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6)
}

.alertify-buttons {
    padding: 14px 15px 15px;
    background: #f5f5f5;
    border-top: 1px solid #DDD;
    border-radius: 0 0 6px 6px;
    box-shadow: inset 0 1px 0 #FFF;
    text-align: right
}

.alertify-button,
.alertify-button:hover,
.alertify-button:focus,
.alertify-button:active {
    margin-left: 10px;
    border-radius: 4px;
    font-weight: normal;
    padding: 4px 12px;
    text-decoration: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
    background-image: linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0))
}

.alertify-button:focus {
    outline: 0;
    box-shadow: 0 0 5px #2b72d5
}

.alertify-button:active {
    position: relative;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05)
}

.alertify-button-cancel,
.alertify-button-cancel:hover,
.alertify-button-cancel:focus,
.alertify-button-cancel:active {
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.75);
    background-color: #e6e6e6;
    border: 1px solid #BBB;
    color: #333;
    background-image: -webkit-linear-gradient(top, #FFF, #e6e6e6);
    background-image: -moz-linear-gradient(top, #FFF, #e6e6e6);
    background-image: -ms-linear-gradient(top, #FFF, #e6e6e6);
    background-image: -o-linear-gradient(top, #FFF, #e6e6e6);
    background-image: linear-gradient(top, #FFF, #e6e6e6)
}

.alertify-button-cancel:hover,
.alertify-button-cancel:focus,
.alertify-button-cancel:active {
    background: #e6e6e6
}

.alertify-button-ok,
.alertify-button-ok:hover,
.alertify-button-ok:focus,
.alertify-button-ok:active {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #04C;
    border: 1px solid #04C;
    border-color: #04C #04C #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFF
}

.alertify-button-ok:hover,
.alertify-button-ok:focus,
.alertify-button-ok:active {
    background: #04C
}

.alertify-log {
    background: #d9edf7;
    padding: 8px 14px;
    border-radius: 4px;
    color: #3a8abf;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    border: 1px solid #bce8f1
}

.alertify-log-error {
    color: #b94a48;
    background: #f2dede;
    border: 1px solid #eed3d7
}

.alertify-log-success {
    color: #468847;
    background: #dff0d8;
    border: 1px solid #d6e9c6
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    visibility: visible;
    font-size: 12px;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0)
}

.tooltip.in {
    opacity: .9;
    filter: alpha(opacity=90)
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}

.tooltip-inner {
    max-width: 200px;
    padding: 5px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    border-radius: 4px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    left: 5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    right: 5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    left: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    right: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

#social-share {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 10001;
    background: #fff;
    max-width: 320px;
    margin-left: -116px;
    margin-top: -100px;
    text-align: center;
    padding: 25px 30px 20px;
    box-shadow: rgba(0, 0, 0, 0.29804) 0 2px 26px 0, rgba(0, 0, 0, 0.09804) 0 0 0 1px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.29804) 0 2px 26px 0, rgba(0, 0, 0, 0.09804) 0 0 0 1px;
    border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border: 1px solid;
    border-bottom-color: #e5e6e9;
    border-left-color: #dfe0e4;
    border-top-color: #e5e6e9;
    border-right-color: #dfe0e4
}

#social-share a#social-close {
    display: block;
    float: right;
    font-size: 19px;
    color: #999;
    padding: 15px;
    position: absolute;
    right: 0;
    top: 0
}

#social-share ul {
    list-style: none
}

#social-share ul li {
    display: inline
}

#social-share ul li>a {
    display: inline-block;
    margin: 5px
}

#social-share .featured-share {
    width: 168px;
    margin: 0 auto;
    margin-top: 15px
}

#social-share .featured-share>* {
    display: block;
    margin-bottom: 10px
}

#social-share .featured-share>input {
    width: 100%;
    border: 1px solid #e2e2e2;
    padding: 5px
}

#social-share .featured-share i.fa {
    color: #fff;
    font-size: 24px;
    position: absolute;
    top: 8px;
    left: 12px
}

#social-share .featured-share i.fa.fa-facebook {
    left: 13px
}

#social-share .featured-share span {
    display: block
}

#social-share .featured-share .fb-icon-bg,
#social-share .featured-share .twi-icon-bg,
#social-share .featured-share .g-icon-bg {
    position: relative
}

#social-share .featured-share .fb-icon-bg {
    background-color: #354f88;
    height: 37px;
    margin: 0 0 -37px 0;
    width: 41px
}

#social-share .featured-share .fb-bg {
    background: #3b5998;
    display: block;
    height: 37px;
    margin: 0 0 0 41px
}

#social-share .featured-share .fb-bg:after {
    color: #fff;
    content: "Facebook";
    font-family: 'Oswald', sans-serif;
    height: 37px;
    left: -12px;
    position: relative;
    text-transform: uppercase;
    top: 23%;
    width: 41px
}

#social-share .featured-share .fb-bg:hover {
    cursor: pointer
}

#social-share .featured-share .fb-bg:active {
    background: #354f88
}

#social-share .featured-share .twi-icon-bg {
    height: 37px;
    margin: 0 0 -37px 0;
    width: 41px;
    background: #40a2d1
}

#social-share .featured-share .twi-bg {
    background: #45b0e3;
    height: 37px;
    margin: 0 0 0 41px
}

#social-share .featured-share .twi-bg:after {
    color: #fff;
    content: "Twitter";
    font-family: 'Oswald', sans-serif;
    height: 37px;
    left: -20px;
    position: relative;
    text-transform: uppercase;
    top: 23%;
    width: 41px
}

#social-share .featured-share .twi-bg:hover {
    cursor: pointer
}

#social-share .featured-share .twi-bg:active {
    background: #40a2d1
}

#social-share .featured-share .g-icon-bg {
    background-color: #ce3e26;
    height: 37px;
    margin: 0 0 -37px 0;
    width: 41px
}

#social-share .featured-share .g-bg {
    background: #de4c34;
    height: 37px;
    margin-left: 41px
}

#social-share .featured-share .g-bg:after {
    color: #fff;
    content: "Google+";
    font-family: 'Oswald', sans-serif;
    height: 37px;
    left: 10%;
    position: relative;
    text-transform: uppercase;
    top: 23%;
    width: 41px
}

#social-share .featured-share .g-bg:hover {
    cursor: pointer
}

#social-share .featured-share .g-bg:active {
    background: #ce3e26
}

.overlay {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: #000;
    z-index: 10000;
    filter: alpha(opacity=50);
    -ms-filter: "alpha(opacity=50)";
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5
}

.clearfix:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: " ";
    font-size: 0
}

@-webkit-keyframes pop-upwards {
    0 {
        -webkit-transform: matrix(0.97, 0, 0, 1, 0, 12);
        transform: matrix(0.97, 0, 0, 1, 0, 12);
        opacity: 0
    }
    20% {
        -webkit-transform: matrix(0.99, 0, 0, 1, 0, 2);
        transform: matrix(0.99, 0, 0, 1, 0, 2);
        opacity: .7
    }
    40% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, -1);
        transform: matrix(1, 0, 0, 1, 0, -1);
        opacity: 1
    }
    70% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0);
        opacity: 1
    }
    100% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0);
        opacity: 1
    }
}

@keyframes pop-upwards {
    0 {
        -webkit-transform: matrix(0.97, 0, 0, 1, 0, 12);
        transform: matrix(0.97, 0, 0, 1, 0, 12);
        opacity: 0
    }
    20% {
        -webkit-transform: matrix(0.99, 0, 0, 1, 0, 2);
        transform: matrix(0.99, 0, 0, 1, 0, 2);
        opacity: .7
    }
    40% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, -1);
        transform: matrix(1, 0, 0, 1, 0, -1);
        opacity: 1
    }
    70% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0);
        opacity: 1
    }
    100% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0);
        opacity: 1
    }
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    background: #efefef;
    border: 1px solid #ccc;
    white-space: nowrap;
    padding: 6px 12px;
    border-radius: 4px;
    color: #333;
    text-decoration: none
}

.btn:hover {
    text-decoration: underline
}

.medium-toolbar-arrow-under:after,
.medium-toolbar-arrow-over:before {
    position: absolute;
    left: 50%;
    display: block;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    content: ""
}

.medium-toolbar-arrow-under:after {
    border-width: 8px 8px 0 8px
}

.medium-toolbar-arrow-over:before {
    top: -8px;
    border-width: 0 8px 8px 8px
}

.medium-editor-toolbar,
.medium-editor-anchor-preview {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 12000;
    visibility: hidden;
    font-size: 16px;
    font-family: HelveticaNeue, Helvetica, Arial, sans-serif
}

.medium-editor-toolbar ul,
.medium-editor-anchor-preview ul {
    margin: 0;
    padding: 0
}

.medium-editor-toolbar li,
.medium-editor-anchor-preview li {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none
}

.medium-editor-toolbar li button,
.medium-editor-anchor-preview li button {
    display: block;
    margin: 0;
    padding: 15px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.33;
    text-decoration: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.medium-editor-toolbar li .medium-editor-action-underline,
.medium-editor-anchor-preview li .medium-editor-action-underline {
    text-decoration: underline
}

.medium-editor-toolbar li .medium-editor-action-pre,
.medium-editor-anchor-preview li .medium-editor-action-pre {
    padding: 15px 0;
    font-weight: 100;
    font-size: 12px;
    font-family: 'Menlo', monospace
}

.medium-editor-anchor-preview i {
    display: inline-block;
    margin: 5px 5px 5px 10px;
    text-decoration: underline;
    font-style: normal;
    cursor: pointer
}

.medium-editor-toolbar-active,
.medium-editor-anchor-preview-active {
    visibility: visible;
    -webkit-animation: pop-upwards 160ms forwards linear;
    -ms-animation: pop-upwards 160ms forwards linear;
    animation: pop-upwards 160ms forwards linear;
    -webkit-transition: top .075s ease-out, left .075s ease-out;
    transition: top .075s ease-out, left .075s ease-out
}

.medium-editor-action-bold {
    font-weight: bolder
}

.medium-editor-action-italic {
    font-style: italic
}

.medium-editor-toolbar-form-anchor {
    display: none
}

.medium-editor-toolbar-form-anchor input,
.medium-editor-toolbar-form-anchor a {
    font-family: HelveticaNeue, Helvetica, Arial, sans-serif
}

.medium-editor-toolbar-form-anchor .medium-editor-toolbar-anchor-input,
.medium-editor-toolbar-form-anchor label {
    margin: 0;
    padding: 6px;
    width: 316px;
    border: 0;
    font-size: 14px;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.medium-editor-toolbar-form-anchor .medium-editor-toolbar-anchor-input:focus,
.medium-editor-toolbar-form-anchor label:focus {
    outline: 0;
    border: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none
}

.medium-editor-toolbar-form-anchor label {
    display: block
}

.medium-editor-toolbar-form-anchor a {
    display: inline-block;
    margin: 0 10px;
    text-decoration: none;
    font-weight: bolder;
    font-size: 24px
}

.medium-editor-placeholder {
    position: relative
}

.medium-editor-placeholder:after {
    position: absolute;
    top: 0;
    left: 0;
    content: attr(data-placeholder) !important;
    font-style: italic
}

.medium-toolbar-arrow-under:after {
    top: 50px;
    border-color: #242424 transparent transparent transparent
}

.medium-toolbar-arrow-over:before {
    top: -8px;
    border-color: transparent transparent #242424 transparent
}

.medium-editor-toolbar {
    border: 1px solid #000;
    background-color: #242424;
    background: -webkit-linear-gradient(bottom, #242424, rgba(36, 36, 36, 0.75));
    background: linear-gradient(bottom, #242424, rgba(36, 36, 36, 0.75));
    border-radius: 5px;
    box-shadow: 0 0 3px #000;
    -webkit-transition: top .075s ease-out, left .075s ease-out;
    transition: top .075s ease-out, left .075s ease-out
}

.medium-editor-toolbar li button {
    min-width: 50px;
    height: 50px;
    border: 0;
    border-right: 1px solid #000;
    border-left: 1px solid #333;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    background-color: #242424;
    color: #fff;
    background: -webkit-linear-gradient(bottom, #242424, rgba(36, 36, 36, 0.89));
    background: linear-gradient(bottom, #242424, rgba(36, 36, 36, 0.89));
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in
}

.medium-editor-toolbar li button:hover {
    background-color: #000;
    color: yellow
}

.medium-editor-toolbar li .medium-editor-button-first {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.medium-editor-toolbar li .medium-editor-button-last {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.medium-editor-toolbar li .medium-editor-button-active {
    background-color: #000;
    color: #fff;
    background: -webkit-linear-gradient(bottom, #242424, rgba(0, 0, 0, 0.89));
    background: linear-gradient(bottom, #242424, rgba(0, 0, 0, 0.89))
}

.medium-editor-toolbar-form-anchor {
    background: #242424;
    color: #999;
    border-radius: 5px
}

.medium-editor-toolbar-form-anchor .medium-editor-toolbar-anchor-input {
    height: 50px;
    background: #242424;
    color: #ccc;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.medium-editor-toolbar-form-anchor a {
    color: #fff
}

.medium-editor-toolbar-anchor-preview {
    background: #242424;
    color: #fff;
    border-radius: 5px
}

.medium-editor-placeholder:after {
    color: #b3b3b1
}

.editor b {
    font-weight: bold
}

.btn {
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: .01em;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-feature-settings: "kern" 1;
    -moz-font-feature-settings: "kern" 1;
    margin-bottom: 0;
    border: 1px solid #f0f0f0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-image: none !important;
    color: #626262;
    background-color: #fff;
    text-shadow: none;
    box-shadow: none;
    line-height: 21px;
    padding-left: 17px;
    padding-right: 17px;
    position: relative;
    transition: color .1s linear 0, background-color .1s linear 0, opacity .2s linear 0 !important
}

.btn:focus {
    outline: 0 !important
}

.btn:hover {
    background-color: #fafafa;
    border: 1px solid #a7a7a7
}

.btn.active {
    border-color: #e6e6e6;
    background: #fff
}

.btn .caret {
    margin-left: 3px
}

.btn .caret.single {
    margin-left: 0
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
    box-shadow: none
}

::-moz-selection {
    background: #333;
    color: #efefef
}

::selection {
    background: #333;
    color: #efefef
}

h1,
h2 {
    line-height: 1.1;
    color: #037fa7 !important;
    font-family: 'HelveticaNeueW02-65Medi'
}

h1 {
    font-size: 21px;
    line-height: 28px
}

h2 {
    font-size: 18px;
    line-height: 1.1
}

body {
    font-family: 'HelveticaNeueW02-55Roma', Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 23px;
    color: #232323;
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: none
}

body,
.cabecero,
#instantly_container>#chats>div.active>.chat_container>.conversation_container,
.profile_section .profile_header,
.with_indicator.profile_section .action_indicator {
    background-color: #ebeeef
}

body.no-touch #solframe li:hover,
body.no-touch .kankalist .floating a:hover,
body.no-touch .topgos a:hover,
body.no-touch #solframe li:hover {
    background-color: #f6f6f6;
    text-decoration: none
}

body:not(.logged) .show-to-user {
    display: none
}

body.logged .show-to-guest {
    display: none
}

#solframe li {
    border-left: 4px solid transparent
}

#solframe li span.title-section {
    color: #000
}

body.no-touch #solframe li:hover {
    border-left: 4px solid #11a6b5
}

.highlight {
    background-color: #ff8
}

body.noscroll {
    overflow: hidden
}

a {
    color: #037fa7;
    text-decoration: none
}

a.link-button:hover {
    text-decoration: none !important
}

body.no-touch a:hover {
    color: #037fa7;
    text-decoration: underline
}

textarea,
input[type=text],
input[type=password],
input[type=email] {
    text-transform: none !important;
    border-radius: 3px;
    border: 1px solid #999;
    padding: 3px;
    font-size: 12px
}

input,
select,
textarea {
    color: #000;
    background-color: #fff;
    font-family: Verdana, sans-serif
}

input[type=button],
input[type=submit],
.but {
    display: inline-block;
    cursor: pointer;
    color: #fff !important;
    text-align: center;
    font-size: 12px;
    border-radius: 3px;
    border: 0;
    padding: 3px 8px;
    background-color: #11a6b5;
    transition: background-color .1s linear 0
}

input[type=button]:hover,
input[type=submit]:hover,
.but:hover {
    color: #fff;
    background-color: #025975 !important
}

input[type=button]:hover,
input[type=submit]:hover,
.but:hover {
    text-decoration: none !important
}

.but.send-message-button {
    background-color: #147c86
}

.switch-button.ok {
    background-color: #5cb85c;
    border-color: #4cae4c;
    background-image: linear-gradient(#5cb85c, #449d44);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#5cb85c, endColorstr=darken(#5cb85c,10%))"
}

.switch-button.ok:hover {
    background-color: #449d44 !important;
    background-image: linear-gradient(#449d44, #357935);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=darken(#5cb85c, 10%), endColorstr=darken(#5cb85c, 20%))"
}

.switch-button.block {
    background-color: red
}

.switch-button .ok-text {
    display: none
}

.switch-button.ok .not-ok-text {
    display: none
}

.switch-button.ok .ok-text {
    display: block
}

b,
strong {
    font-weight: normal;
    font-family: 'HelveticaNeueW02-65Medi'
}

input.no-valid {
    border-color: #e9322d;
    -webkit-box-shadow: 0 0 6px #f8b9b7;
    -moz-box-shadow: 0 0 6px #f8b9b7;
    box-shadow: 0 0 6px #f8b9b7
}

input.valid {
    border-color: #468847;
    -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)
}

.fixed {
    max-width: 580px
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button,
select {
    text-transform: none
}

button {
    overflow: visible
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

.none {
    display: none !important
}

.vis_hidden {
    visibility: hidden
}

img.avatar {
    border: 1px solid #cfcfcf
}

.right>ul>li,
.entry_input,
.inner_page,
.white_section {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #cfcfcf;
    -webkit-border-radius: 3px
}

.left {
    font-size: 15px
}

nav#bgleft>* {
    background-color: #fff;
    transition: background-color .1s ease-in-out
}

@media(max-width:767px) {
    nav#bgleft>* {
        background-color: #fff
    }
}

.hidden {
    position: absolute !important;
    overflow: hidden !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important
}

.display-none {
    display: none
}

h1.header_info {
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 8px;
    color: #a4292b;
    font-size: 18px;
    font-family: 'Open Sans';
    font-weight: 600;
    margin: 10px;
    margin-bottom: 15px
}

.loading-spinner {
    background-image: url(data:image/gif;base64,R0lGODlhEAAQAPQAAP///wAAAPDw8IqKiuDg4EZGRnp6egAAAFhYWCQkJKysrL6+vhQUFJycnAQEBDY2NmhoaAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAAFdyAgAgIJIeWoAkRCCMdBkKtIHIngyMKsErPBYbADpkSCwhDmQCBethRB6Vj4kFCkQPG4IlWDgrNRIwnO4UKBXDufzQvDMaoSDBgFb886MiQadgNABAokfCwzBA8LCg0Egl8jAggGAA1kBIA1BAYzlyILczULC2UhACH5BAkKAAAALAAAAAAQABAAAAV2ICACAmlAZTmOREEIyUEQjLKKxPHADhEvqxlgcGgkGI1DYSVAIAWMx+lwSKkICJ0QsHi9RgKBwnVTiRQQgwF4I4UFDQQEwi6/3YSGWRRmjhEETAJfIgMFCnAKM0KDV4EEEAQLiF18TAYNXDaSe3x6mjidN1s3IQAh+QQJCgAAACwAAAAAEAAQAAAFeCAgAgLZDGU5jgRECEUiCI+yioSDwDJyLKsXoHFQxBSHAoAAFBhqtMJg8DgQBgfrEsJAEAg4YhZIEiwgKtHiMBgtpg3wbUZXGO7kOb1MUKRFMysCChAoggJCIg0GC2aNe4gqQldfL4l/Ag1AXySJgn5LcoE3QXI3IQAh+QQJCgAAACwAAAAAEAAQAAAFdiAgAgLZNGU5joQhCEjxIssqEo8bC9BRjy9Ag7GILQ4QEoE0gBAEBcOpcBA0DoxSK/e8LRIHn+i1cK0IyKdg0VAoljYIg+GgnRrwVS/8IAkICyosBIQpBAMoKy9dImxPhS+GKkFrkX+TigtLlIyKXUF+NjagNiEAIfkECQoAAAAsAAAAABAAEAAABWwgIAICaRhlOY4EIgjH8R7LKhKHGwsMvb4AAy3WODBIBBKCsYA9TjuhDNDKEVSERezQEL0WrhXucRUQGuik7bFlngzqVW9LMl9XWvLdjFaJtDFqZ1cEZUB0dUgvL3dgP4WJZn4jkomWNpSTIyEAIfkECQoAAAAsAAAAABAAEAAABX4gIAICuSxlOY6CIgiD8RrEKgqGOwxwUrMlAoSwIzAGpJpgoSDAGifDY5kopBYDlEpAQBwevxfBtRIUGi8xwWkDNBCIwmC9Vq0aiQQDQuK+VgQPDXV9hCJjBwcFYU5pLwwHXQcMKSmNLQcIAExlbH8JBwttaX0ABAcNbWVbKyEAIfkECQoAAAAsAAAAABAAEAAABXkgIAICSRBlOY7CIghN8zbEKsKoIjdFzZaEgUBHKChMJtRwcWpAWoWnifm6ESAMhO8lQK0EEAV3rFopIBCEcGwDKAqPh4HUrY4ICHH1dSoTFgcHUiZjBhAJB2AHDykpKAwHAwdzf19KkASIPl9cDgcnDkdtNwiMJCshACH5BAkKAAAALAAAAAAQABAAAAV3ICACAkkQZTmOAiosiyAoxCq+KPxCNVsSMRgBsiClWrLTSWFoIQZHl6pleBh6suxKMIhlvzbAwkBWfFWrBQTxNLq2RG2yhSUkDs2b63AYDAoJXAcFRwADeAkJDX0AQCsEfAQMDAIPBz0rCgcxky0JRWE1AmwpKyEAIfkECQoAAAAsAAAAABAAEAAABXkgIAICKZzkqJ4nQZxLqZKv4NqNLKK2/Q4Ek4lFXChsg5ypJjs1II3gEDUSRInEGYAw6B6zM4JhrDAtEosVkLUtHA7RHaHAGJQEjsODcEg0FBAFVgkQJQ1pAwcDDw8KcFtSInwJAowCCA6RIwqZAgkPNgVpWndjdyohACH5BAkKAAAALAAAAAAQABAAAAV5ICACAimc5KieLEuUKvm2xAKLqDCfC2GaO9eL0LABWTiBYmA06W6kHgvCqEJiAIJiu3gcvgUsscHUERm+kaCxyxa+zRPk0SgJEgfIvbAdIAQLCAYlCj4DBw0IBQsMCjIqBAcPAooCBg9pKgsJLwUFOhCZKyQDA3YqIQAh+QQJCgAAACwAAAAAEAAQAAAFdSAgAgIpnOSonmxbqiThCrJKEHFbo8JxDDOZYFFb+A41E4H4OhkOipXwBElYITDAckFEOBgMQ3arkMkUBdxIUGZpEb7kaQBRlASPg0FQQHAbEEMGDSVEAA1QBhAED1E0NgwFAooCDWljaQIQCE5qMHcNhCkjIQAh+QQJCgAAACwAAAAAEAAQAAAFeSAgAgIpnOSoLgxxvqgKLEcCC65KEAByKK8cSpA4DAiHQ/DkKhGKh4ZCtCyZGo6F6iYYPAqFgYy02xkSaLEMV34tELyRYNEsCQyHlvWkGCzsPgMCEAY7Cg04Uk48LAsDhRA8MVQPEF0GAgqYYwSRlycNcWskCkApIyEAOwAAAAAAAAAAAA==);
    background-position: center center;
    background-repeat: no-repeat
}

.loading-spinner i.fa,
.loading-spinner span {
    visibility: hidden
}

.left,
.middle {
    display: block
}

.left {
    width: 290px
}

.middle {
    padding-left: 10px;
    width: 100%
}

.bottom {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 55px;
    display: table
}

.bottom>* {
    vertical-align: top;
    display: table-cell
}

#bgmain {
    margin-bottom: 60px
}

.ajax-loading {
    filter: alpha(opacity=40);
    -ms-filter: "alpha(opacity=40)";
    -moz-opacity: .4;
    -khtml-opacity: .4;
    opacity: .4;
    position: relative
}

.ajax-loading:after {
    background: url("../images/progress-bar-loading.svg") no-repeat top left;
    width: 100%;
    height: 100%;
    background-size: cover;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.v5_split {
    background-image: url(../images/v5.png);
    background-repeat: no-repeat
}

.v5_split>span {
    visibility: hidden
}

header.main_header {
    background-color: #11a6b5;
    height: 45px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    border-bottom: 1px solid #d0d1d5
}

header.main_header>ul {
    margin-left: auto;
    margin-right: auto;
    width: 95%;
    display: table
}

header.main_header>ul>* {
    display: table-cell;
    vertical-align: middle;
    height: 45px
}

header.main_header #logotipo {
    width: 300px;
    text-indent: -1000px
}

header.main_header #logotipo a {
        display: block;
        width: 204px;
        height: 35px;
        overflow: hidden;
        color: #fff;
        font-size: 28px;
        margin: 0;
        background: url('/upload/desktop-logo.png');
        background-position: 1px 0;
        background-size: 201px 45px;
        background-repeat: no-repeat
}

header.main_header #search_bar {
    position: relative
}

header.main_header #search_bar>div>form {
    background-color: #ebeeef;
    margin: 0;
    padding: 0;
    width: 350px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 30px;
    padding: 3px;
    position: relative;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid;
    border-color: #ebeeef
}

header.main_header .search_form,
header.main_header #search_bar>div>form {
  
}

@media(max-width:767px) {
    header.main_header #search_bar>div {
        max-width: 0;
        overflow: hidden;
        transition: max-width .2s linear
    }
    header.main_header #search_bar>div>form {
        max-width: 210px
    }
    body.search-open header.main_header #search_bar>div {
        max-width: 250px;
        overflow: visible
    }
    body.search-open header.main_header #search_bar>div .tt-dropdown-menu {
        max-width: 250px
    }
    body.search-open header.main_header #top_buttons>ul>li:not(.search-opener) {
        display: none !important
    }
    header.main_header #top_buttons .fa-times {
        display: none
    }
    body.search-open header.main_header #top_buttons .fa-search {
        display: none
    }
    body.search-open header.main_header #top_buttons .fa-times {
        display: inline-block
    }
}

header.main_header #search_bar.autocomplete .search_form,
header.main_header #search_bar.searching .search_form {
    border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    border-top: 0
}

header.main_header #search_bar.autocomplete #autocomplete_form,
header.main_header #search_bar.searching #search_form {
    display: block
}

header.main_header #search_bar.searching .search_form {
    min-height: 300px
}

header.main_header #search_bar.searching #autocomplete_form {
    display: none
}

header.main_header #search_bar.autocomplete form,
header.main_header #search_bar.searching>div>form {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    border: 1px solid;
    border-bottom: 1px solid #fff;
    border-left-color: #dfe0e4;
    border-top-color: #e5e6e9;
    border-right-color: #dfe0e4
}

header.main_header #search_bar #search_button {
    border: 0;
    font-size: 16px;
    width: 30px;
    text-align: center;
    background: #ebeeef;
    border-radius: 0;
    position: absolute;
    top: 2px;
    right: 0;
    bottom: 3px;
    color: #666;
    border-left: 1px solid #ddd;
    margin-right: 2px
}

header.main_header #search_bar #search_button:hover {
    color: #000
}

header.main_header .twitter-typeahead {
    height: 100%;
    width: 100%
}

header.main_header .typeahead,
header.main_header .tt-query {
    width: 396px;
    height: 30px;
    padding: 8px 12px;
    font-size: 16px;
    line-height: 30px;
    border: 2px solid #ccc;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    outline: 0
}

header.main_header .tt-menu {
    background-color: #fff
}

header.main_header .tt-menu:focus {
    border: 2px solid #0097cf
}

header.main_header .tt-menu {
    -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)
}

header.main_header .tt-hint,
header.main_header #search_input {
    width: 100%;
    height: 100%;
    border: 0 !important;
    border-radius: 0;
    padding: 0;
    font-size: 15px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0 45px 0 5px !important;
    background: #ebeeef
}

header.main_header .tt-hint {
    color: #999
}

header.main_header .search_form,
header.main_header .tt-dropdown-menu {
    position: absolute;
    top: 26px !important;
    left: 0;
    background: #fff;
    border-radius: 3px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: none;
    border: 1px solid;
    border-top: 0;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5
}

header.main_header .tt-menu {
    left: -4px !important;
    width: 350px
}

header.main_header .tt-suggestion {
    padding: 3px 10px;
    font-size: 16px;
    line-height: 24px
}

header.main_header .tt-suggestion:hover {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    background-color: #ebeeef;
    cursor: pointer
}

header.main_header .tt-suggestion p {
    margin: 0
}

header.main_header .autocomplete-avatar {
    margin-right: 5px;
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 3px
}

header.main_header #top_buttons {
    float: right;
    display: inline-block
}

header.main_header #basliklar_toggle>a {
    color: #fff
}

header.main_header #top_buttons .floating_opener>a {
    position: relative;
    border-right: 1px solid;
    border-left: 1px solid;
    border-left-color: transparent;
    border-right-color: transparent;
}

@media(max-width:520px) {
    header.main_header #top_buttons .floating.floating_window.message-popup-floating,
    header.main_header #top_buttons .floating.floating_window.notification-popup-floating {
        right: -75px;
        width: 250px
    }
}

ul.top_buttons>li>a {
    display: block;
    color: #fff;
    font-size: 16px;
    padding: 10px 10px 10px 10px;
    text-align: center;
    font-family: 'HelveticaNeueW02-65Medi'
}

ul.top_buttons>li>a:hover {
    color: #f2f2f2
}

ul.top_buttons>li>a>img {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 10px;
    top: 7px
}

ul.top_buttons {
    display: table
}

@media(max-width:767px) {
    ul.top_buttons {
        width: 100%
    }
}

ul.top_buttons.alternative-header-lamps {
    float: right
}

ul.top_buttons>li {
    display: table-cell;
    white-space: nowrap
}

ul.top_buttons>li.only-on-mobile {
    display: none
}

.sahsim {
    width: 62px
}

.sahsim>a {
    padding-left: 45px !important;
    padding-right: 5px !important
}

.alternative-header-lamps li>a {
    color: #ffffff !important
}

.alternative-header-lamps li>a:hover {
    color: #f2f2f2 !important
}

.alternative-header-lamps li.sahsim .floating a {
    color: #000 !important
}

.lamps>a {
    position: relative
}

.lamps>a .fa.active {
    display: none
}

.lamps>a.active .fa.active {
    display: inline-block
}

.lamps>a.active .fa.passive {
    display: none
}

.lamps>a span.lamp-count {
    display: none
}

.lamps>a.active span.lamp-count {
    display: block;
    position: absolute;
    top: 22px;
    right: -5px;
    font-size: 11px;
    background: #f55753;
    color: #fff;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    border-radius: 4px;
    z-index: 9999
}

body:not(.fixed-header-open) .alternative-header-lamps .lamps>a.active span.lamp-count {
    display: none
}

@media(max-width:1024px) {
    .lamps>a .lamp-text {
        display: none
    }
}

.lamps .floating:before {
    width: 116px !important
}

.lamps .message-popup-floating {
    width: 294px
}

.floating_opener {
    position: relative
}

header.main_header .floating_opener.open>a,
header.main_header .floating_opener.floating_opener_hover:hover>a {
    color: #000 !important;
    border-left-color: #dfe0e4;
    border-right-color: #dfe0e4;
    background-color: #fff !important
}

.floating {
    position: absolute;
    right: 0;
    top: 43px;
    min-height: 300px;
    width: 300px;
    background-color: #fff;
    border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border: 1px solid;
    border-bottom-color: #e5e6e9;
    border-left-color: #dfe0e4;
    border-top-color: #e5e6e9;
    border-right-color: #dfe0e4;
    display: none;
    z-index: 3
}

.solframe_sections .floating {
    min-height: 0
}

.floating_opener.open .floating,
.floating_opener_hover:hover .floating {
    display: block
}

.floating_opener .floating:before {
    content: '';
    position: absolute;
    height: 1px;
    background-color: #fff;
    width: 34px;
    z-index: 2;
    right: 0;
    top: -1px
}

.floating_opener.open .floating>.loadanim {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 3;
    background-color: #fff
}

.floating_opener.open .floating.loading>.loadanim {
    display: block
}

.floating_opener.open .floating>.loadanim>i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    font-size: 40px
}

.panelmenu .floating {
    width: auto;
    min-height: 0
}

.panelmenu .floating:before {
    width: 60px
}

.panelmenu .content>ul>li>a {
    display: block;
    text-align: right;
    padding: 5px 7px;
    color: #000
}

.panelmenu .content>ul>li>a:hover {
    background: #11a6b5;
    color: #fff
}

.sahsimfoot {
    display: block;
    margin: 10px
}

.sahsim_popup .sahsim_header h1 {
    font-family: 'Ubuntu', sans-serif;
    font-size: 17px;
    font-weight: normal;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sahsim_popup .sahsim_header #presencechanger {
    font-size: 17px;
    color: red
}

.sahsim_popup .conversation_item .fa-circle {
    color: #63a924
}

.sahsim_popup #presencechanger .fa-cog,
.sahsim_popup #presencechanger.working .fa-circle {
    display: none
}

.sahsim_popup #presencechanger.working .fa-cog {
    display: block;
    color: #666
}

.sahsim_popup .sahsim_header #presencechanger.online {
    color: #63a924
}

.sahsim_popup .sahsim_header,
.sahsim_popup .sahsim_inner .headerinfo h1 {
    display: table;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding-top: 10px
}

.sahsim_popup .sahsim_inner .headerinfo h1 {
    margin-top: 0;
    width: 230px
}

.sahsim_popup .sahsim_inner .giris>li>a {
    color: #000
}

.sahsim_popup .sahsim_header>* {
    display: table-cell;
    vertical-align: middle;
    padding-left: 5px
}

.sahsim_popup .sahsim_header>*:first-child {
    padding-left: 0
}

.sahsim_popup .sahsim_header>.nick_container {
    width: 100%;
    max-width: 100px;
    overflow: hidden
}

.sahsim_popup .sahsim_header .avatar_container {
    overflow: hidden;
    position: relative;
    margin-right: 10px;
    margin-left: 10px
}

.sahsim_popup canvas {
    height: 110px;
    width: 250px;
    left: 0
}

.sahsim_popup .avatar_container>img,
.sahsim_popup .avatar_container>a>img {
    width: 60px;
    height: 60px
}

.sahsim_popup .avatar_container:before {
    display: none;
    content: '';
    width: 60px;
    height: 60px;
    background-color: #000;
    opacity: .2;
    position: absolute;
    left: 0;
    right: 0
}

.sahsim_popup .avatar_container>a {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px 20px 20px 20px;
    color: #fff;
    font-size: 23px
}

.sahsim_popup .avatar_container:hover:before {
    display: block
}

.sahsim_popup .avatar_container:hover>a {
    display: block
}

.sahsim_popup .contrib-details {
    width: 100%;
    display: table
}

.sahsim_popup .contrib-details .table-column {
    padding: 15px 0;
    text-align: center;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    color: #999;
    font-size: 11px;
    width: 50%;
    -webkit-user-select: none;
    user-select: none;
    display: table-cell;
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: top
}

.sahsim_popup .contrib-details .table-column:first-child {
    border-left: 0
}

.sahsim_popup .contrib-details .table-column .lbl {
    color: #777
}

.sahsim_popup .contrib-details .table-column .num {
    font-weight: 300;
    line-height: 1.3em;
    font-size: 24px;
    display: block;
    color: #333
}

.sahsim_popup .contrib-details a.table-column:hover>span {
    color: #882122
}

.sahsim_popup .contrib-details.first-child .table-column {
    border-bottom: 0
}

footer a {
    color: #000
}

footer.dip {
    text-align: center;
    display: block;
    color: #5c5c63;
    margin-top: 70px;
    background: #fff;
    border-top: 1px solid #e5e6e9;
    padding: 10px 30px 20px 20px;
    border-top: 15px solid #11a6b5;
    overflow: hidden;
    font-size: 10px;
    width: 100%;
    min-height: 150px
}

footer.dip h5 {
    font-size: 1.2em
}

footer.dip .row {
    text-align: center
}

footer.dip .row>a {
    display: inline-block;
    font-size: 16px;
    margin: 10px 5px;
    color: #878787
}

body.no-touch footer.dip .row>a:hover {
    border-color: #11a6b5;
    color: #11a6b5
}

footer.dip .row>a.circular {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #adadad;
    padding: 10px 12px 10px 12px;
    font-size: 26px;
    border-width: 3px;
    color: #adadad
}

footer.dip .row>a.circular .fa {
    width: 24px;
    height: 26px;
    display: block;
    top: 3px;
    position: relative;
    left: 0
}

.right-section footer.dip {
    margin-top: 0;
    background: transparent;
    border: 0;
    overflow: visible
}

iframe[name='google_conversion_frame'] {
    height: 0 !important;
    width: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    margin-top: -13px;
    float: left
}

.featured {
    width: 100%;
    min-height: 33px
}

.featured>li {
    display: table-cell;
    vertical-align: middle;
    width: 100%
}

.sf_section {
    color: #666 !important
}

.sf_section>span.news {
    display: none;
    background-color: #bcd644;
    display: inline-block;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    padding: 0 5px
}

.sf_section>span {
    margin-right: 10px
}

.sf_section.latest-entry-closed>span.news {
    display: none
}

#bgleft>ul {
    border-bottom: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2;
    border-left: 1px solid #cfcfcf;
    border-right: 1px solid #cfcfcf
}

#bgleft a {
    text-decoration: none !important
}

#bgleft .solframe_sections {
    display: table;
    width: 100%;
    position: relative;
    margin-bottom: 10px
}

#bgleft .solframe_sections a:hover {
    background-color: #ebeeef
}

#bgleft .solframe_sections .floating {
    width: auto;
    right: -1px;
    top: 27px
}

#bgleft .solframe_sections .floating:before {
    width: 19px
}

#bgleft .solframe_sections .floating a {
    white-space: nowrap;
    padding: 5px 4px;
    display: block;
    color: #a4292b !important
}

#bgleft .mode-select {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #cfcfcf;
    -webkit-border-radius: 3px;
    margin-bottom: 10px
}

#bgleft .mode-select>ul {
    display: table;
    width: 100%
}

#bgleft .mode-select>ul>li {
    display: table-cell
}

#bgleft .mode-select>ul>li>a {
    text-align: center;
    padding: 4px 7px;
    white-space: nowrap;
    display: block;
    color: #383838;/*#333*/
}

#bgleft .mode-select>ul>li>a:hover {
    background: #11a6b5;
    color: #fff
}

#bgleft .mode-select .floating {
    width: 150px;
    min-height: 0;
    top: 27px;
    right: 0
}

#bgleft .mode-select .floating:before {
    display: none
}

#bgleft .mode-select .floating>li>a {
    color: #333;
    text-align: center;
    padding: 4px 7px;
    white-space: nowrap;
    display: block;
    color: #333
}

#bgleft .mode-select .floating>li>a:hover {
    background: #11a6b5;
    color: #fff
}

#bgleft .hd {
    display: table;
    width: 100%;
    border: 1px solid #cfcfcf;
    border-bottom: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

#bgleft .hd:last-child {
    border-bottom: 1px solid #cfcfcf;
    border-top: 0;
    border-radius: 0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

#bgleft .solframe_sections>li {
    display: table-cell;
    text-align: center;
    border-left: 1px solid #dfe0e4
}

#bgleft .solframe_sections>li:first-child {
    border-left: 0
}

#bgleft .solframe_sections>li>a {
    font-size: 12px;
    display: block;
    color: #a4292b !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    padding: 5px 4px
}

#bgleft .hd>* {
    display: table
}

#bgleft #filter_form {
    right: 0;
    left: auto
}

#bgleft .cat_add_form {
    right: 2px;
    width: 165px;
    top: 28px;
    background-color: #fff;
    position: absolute;
    z-index: 99;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    display: none
}

#bgleft #filter_form:before {
    right: 3px;
    left: auto
}

#bgleft .cat_add_form::before {
    position: absolute;
    top: -7px;
    right: 3px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: ''
}

#bgleft .filter>a {
    display: block;
    font-size: 13px;
    color: #666 !important;
    padding: 7px 8px 8px 7px
}

#bgleft .lst li {
    width: 100%;
    display: block;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: .5em
}

#bgleft .lst li:last-child {
    border-bottom: 0
}

#bgleft #solframe li {
    padding: 0;
    padding-bottom: 0;
    position: relative
}

#bgleft #solframe li>div,
#bgleft #solframe li>a {
    vertical-align: middle;
    display: table-cell;
    padding-top: .5em;
    padding-bottom: .5em
}

#bgleft #solframe li>.v {
    vertical-align: top;
    display: table
}

#bgleft #solframe li>.p {
    padding: 0
}

#bgleft #solframe li>.p {
    width: auto
}

#bgleft #solframe li>.p,
#bgleft #solframe li>div.p>span {
    padding: .5em 9px .5em 5px;
    display: block
}

#bgleft #solframe li>.p {
    max-width: 290px;
    overflow: hidden
}

#bgleft #solframe li>a.x {
    position: absolute;
    right: 0;
    top: 50%;
    bottom: 50%;
    margin-top: -12px;
    height: 21px;
    z-index: 10;
    width: 30px;
    text-align: right;
    visibility: hidden;
    margin-right: 5px
}

#bgleft .title_actions {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    cursor: default;
    position: absolute;
    right: 3px;
    bottom: -60px;
    background-color: #fff;
    padding: 3px;
    z-index: 999;
    border: 1px solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-color: #e6e6e9;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) 2px 5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) 2px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) 2px 5px rgba(0, 0, 0, 0.4);
    padding: 0 !important
}

#bgleft .title_actions>ul>li {
    display: table
}

#bgleft .title_actions>ul>li>* {
    display: table-cell;
    vertical-align: middle
}

#bgleft .title_actions>ul>li>span {
    width: 100%;
    padding: 8px 0 8px 8px
}

#bgleft .title_actions>ul>li .switch {
    width: 0;
    padding-right: 8px
}

#bgleft li.actions_open .title_actions {
    display: block !important
}

#bgleft .title_actions li:last-child {
    border: 0
}

#bgleft #solframe li.actions_open>a.x {
    visibility: visible
}

#bgleft #solframe li.actions_open .w.v.p span:last-child,
#bgleft body.logged #solframe li:hover .w.v.p span:last-child {
    visibility: hidden
}

#bgleft div.v.p {
    margin-right: 15px
}

#bgleft #solframe li:hover>a.x {
    visibility: visible
}

#bgleft .w.v.p span:first-child {
    width: 100%
}

#bgleft .w.v.p>span:last-child {
    color: #666;
    padding-left: 12px
}

#bgleft .w.v.p>span {
    display: table-cell;
    vertical-align: middle
}

#bgleft #solframe a.x {
    background-color: #fff
}

body.no-touch #bgleft #solframe li:hover,
body.no-touch #bgleft #solframe li.selected,
body.no-touch #bgleft #solframe a.x {
    background-color: #f6f6f6
}

#bgleft body.logged #solframe li:hover .w.v.p span:last-child {
    visibility: hidden
}

#bgleft #solframe li:hover>a.x {
    visibility: visible
}

#bgleft #solframe li>a.x {
    line-height: 1;
    text-shadow: 0 1px 0 #fff;
    vertical-align: middle;
    display: block;
    color: #666;
    padding: 5px 3px
}

#bgleft #solframe li.with-media>a {
    padding: 5px 5px 5px 5px
}

#bgleft #solframe li.with-media>a>img {
    display: block;
    width: 78px;
    height: 58px;
    float: left;
    position: relative;
    border: 1px solid #cfcfcf
}

#bgleft #solframe li.with-media>a>span {
    padding-left: 10px
}

#bgleft #solframe li.with-media>a i {
    position: absolute;
    top: 26px;
    left: 39px;
    text-rendering: optimizelegibility;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
    color: #fff
}

#bgleft #solframe li.with-media:hover a i {
    left: 36px
}

#solframe.mode-mostpopular {
    background: transparent;
    border: 0
}

#solframe.mode-mostpopular li {
    background: #fff;
    border: 1px solid #cfcfcf;
    border-bottom: 0;
    padding-left: 3px !important
}

#solframe.mode-mostpopular li:last-child {
    border-bottom: 1px solid #cfcfcf
}

#solframe.mode-mostpopular li:hover {
    padding-left: 0 !important
}

#solframe.mode-mostpopular li span.title-section {
    line-height: 22px;
    font-size: 16px
}

#solframe.mode-mostpopular li span.teaser {
    display: block;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 248px !important;
    color: #575757;
    margin-top: 7px
}

@media(max-width:767px) {
    #solframe.mode-mostpopular li span.teaser {
        width: 225px !important
    }
}

#solframe.mode-mostpopular li.with-media span.teaser {
    width: 165px !important
}

@media(max-width:767px) {
    #solframe.mode-mostpopular li.with-media span.teaser {
        width: 140px !important
    }
}

#solframe.mode-mostpopular li>a>span:last-child {
    position: absolute;
    right: 9px;
    bottom: 4px
}

.entries_section {
    margin-bottom: 15px
}

.entries_section.title_header {
    padding: 10px
}

.entries_section.title_header .title_menu {
    float: right;
    margin-right: 3px
}

.entries_section #paylas {
    float: right;
    display: inline-block;
    font-size: 15px;
    padding: 10px
}

.entries_section #paylas>a {
    color: #fff;
    padding: 4px 10px 7px 10px;
    background-color: #3b55a0;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#4c69ba), to(#3b55a0));
    background-image: -moz-linear-gradient(top, #4c69ba, #3b55a0);
    background-image: -ms-linear-gradient(top, #4c69ba, #3b55a0);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4c69ba), color-stop(100%, #3b55a0));
    background-image: -webkit-linear-gradient(top, #4c69ba, #3b55a0);
    background-image: -o-linear-gradient(top, #4c69ba, #3b55a0);
    background-image: linear-gradient(top, #4c69ba, #3b55a0);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#4c69ba', endColorstr='#3b55a0', GradientType=0);
    cursor: pointer;
    display: inline;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
    text-align: left
}

.entries_section #paylas .floating:before,
.entries_section #paylas .floating:after {
    display: none
}

.entries_section #paylas .floating {
    min-height: 0;
    width: 320px;
    top: 50px;
    padding: 10px
}

.entries_section #paylas .floating ul {
    display: block;
    overflow: hidden
}

.entries_section #paylas .floating li {
    float: left !important
}

.entries_section #paylas .floating li a {
    margin-left: 5px;
    font-size: 18px;
    color: #666;
    border: 1px solid #ddd;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block;
    width: 30px;
    height: 30px;
    padding: 6px 0 3px 9px
}

.entries_section #paylas .floating li.fb a {
    background-color: #2d609b;
    color: #fff
}

.entries_section #paylas .floating li.twitter a {
    background-color: #00c3f3;
    color: #fff;
    padding: 5px 0 1px 6px
}

.entries_section #paylas .floating li.mail a {
    background-color: #e2e2e2;
    color: #000;
    padding: 4px 0 1px 5px
}

.entries_section #paylas .floating li.url {
    margin-left: 5px;
    margin-top: 2px
}

.entries_section #paylas .floating #canonical_url {
    width: 150px
}

a.mode-selector-link {
    color: #666
}

a.mode-selector-link:after {
    display: none !important
}

.left-frame-mode-selector {
    width: 185px;
    top: 30px;
    right: -45px;
    min-height: 0;
    font-size: 14px;
    -webkit-background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
    white-space: nowrap
}

.left-frame-mode-selector:before {
    display: none !important
}

.left-frame-mode-selector>li>a {
    display: block !important;
    color: #666
}

.left-frame-mode-selector>li>a:after {
    display: none !important
}

.left-frame-mode-selector>li>a:hover {
    background-color: #f6f6f6
}

.left-frame-setting i {
    float: right;
    visibility: hidden;
    line-height: 24px
}

.left-frame-setting.enabled i {
    visibility: visible
}

.entries_section #title_menu {
    margin-top: 10px;
    position: relative;
    margin-right: 30px;
    display: inline-block
}

.entries_section #title_menu>li {
    float: left;
    margin-right: 10px
}

.entries_section #title_menu>li>a {
    font-size: .95em;
    color: #777
}

.entries_section #title_menu>li.open>ul {
    display: block
}

.entries_section #title_menu>li>ul {
    margin-top: 5px;
    display: none;
    top: 20px;
    background-color: #fff;
    position: absolute;
    z-index: 99;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) 2px 5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) 2px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) 2px 5px rgba(0, 0, 0, 0.4)
}

.entries_section #title_menu>li>ul::before {
    position: absolute;
    top: -7px;
    left: 14px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: ''
}

.entries_section #title_menu>li>ul::after {
    position: absolute;
    top: -6px;
    left: 15px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: ''
}

.entries_section #title_menu>li>ul>li>a {
    display: block;
    padding: 5px 12px;
    font-size: .95em;
    color: #777;
    white-space: nowrap
}

.entries_section #title_menu>li>ul>li>a:hover {
    background-color: #ebeeef
}

.view-all-page {
    padding: 6px 15px 6px 15px;
    text-align: center;
    margin-bottom: 15px;
    font-size: inherit;
    margin-left: auto;
    margin-right: auto;
    display: block
}

.view-all-page.load-more-fav {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #cfcfcf;
    -webkit-border-radius: 3px;
    margin-bottom: 15px;
    color: #000;
    font-size: 12px;
    width: 100%
}

.entries>article {
    margin-bottom: 15px;
    border-bottom: 1px solid #e2e2e2;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #cfcfcf;
    -webkit-border-radius: 3px;
    border-color: #cfcfcf;
    padding: 12px;
    padding-bottom: 0
}

.entries>article h2 {
    font-family: 'HelveticaNeueW02-65Medi';
    font-size: 18px;
    color: #a4292b !important;
    margin-bottom: 10px;
    line-height: 23px
}

.entries>article {
    position: relative
}

.entries>article .entry-tag-list {
    position: absolute;
    right: -2px;
    bottom: 5px;
    z-index: 1
}

.entries>article .entry-tag-list>.entry-tag {
    border-right: 2px solid #ddd;
    padding: 2px;
    background-color: #f1f1f1;
    border-color: #404040;
    overflow: hidden
}

.entries>article .entry-tag-list>.entry-tag span {
    float: left
}

.entries>article .entry-tag-list>.entry-tag span.tag-content {
    -webkit-transition: opacity .218s ease, max-width .218s step-end, visibility .218s step-end;
    transition: opacity .218s ease, max-width .218s step-end, visibility .218s step-end;
    max-width: 0;
    overflow: hidden;
    white-space: nowrap
}

.entries>article .entry-tag-list>.entry-tag:hover span.tag-content {
    max-width: 100px
}

.entries>article.with-head-message div.entry_actions {
    right: 10px !important
}

.entries>article.with-head-message .head-message {
    margin-bottom: 10px;
    font-size: 14px;
    color: #666;
    display: table;
    width: 100%;
    padding: 0 12px
}

.entries>article.with-head-message .head-message>* {
    display: table-cell;
    vertical-align: middle;
    padding-right: 5px
}

.entries>article.with-head-message .head-message>*:last-child {
    padding-right: 0
}

.entries>article.with-head-message .head-message>.avatar {
    border: 0
}

.entries>article.with-head-message .head-message>.avatar>img {
    border: 1px solid #cfcfcf;
    width: 35px;
    height: 35px;
    vertical-align: middle
}

.entries>article.with-head-message .head-message>time,
.entries>article.with-head-message .head-message a.time {
    color: #999;
    text-align: right
}

.entries .entry_text {
    overflow: hidden
}

.entries>article .entry-resume {
    display: none;
    width: 100%;
    background: #fff;
    color: #000;
    text-align: center;
    font-size: 20px;
    padding: 10px 0 10px;
    position: relative;
    border-top: 1px solid #e2e2e2
}

.entries>article .entry-resume>span {
    display: inline-block;
    font-size: 14px;
    padding-left: 20px;
    padding-right: 20px
}

.entries>article.long .entry_text {
    max-height: 250px
}

.entries>article.long .entry-resume {
    display: block
}

.entries>article.expanded .entry_text,
.entries>article.edit-enable .entry_text {
    max-height: none
}

.entries>article.expanded .entry-resume,
.entries>article.edit-enable .entry-resume {
    display: none !important
}

.entries .entry_header {
    width: 100%;
    margin-bottom: 8px
}

.entries .entry_header .dateauthor {
    white-space: nowrap;
    display: table;
    vertical-align: middle;
    width: 100%
}

.entries .entry_header .dateauthor>* {
    vertical-align: middle;
    display: table-cell;
    width: 100%
}

.entries .entry_header .dateauthor>.date-permalink {
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis
}

.entries .entry_header .dateauthor>a.avatar_container {
    width: 40px
}

.entries .entry_header .dateauthor>a.hop {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 450px;
    overflow: hidden;
    padding-right: 10px
}

.entries .entry_header .avatar {
    float: left;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(0, 0, 0, 0.1)
}

.entries .entry_header .entrymenu {
    visibility: hidden;
    padding-left: 35px
}

.entries .entry_header .entrymenu>.row {
    display: table-row
}

.entries .entry_header .entrymenu>.row>button {
    border: 0;
    background: transparent;
    font-size: 20px;
    color: #999;
    padding: 0 5px;
    -moz-transition: color .15s linear;
    -o-transition: color .15s linear;
    -webkit-transition: color .15s linear;
    -ms-transition: color .15s linear;
    transition: color .15s linear;
    position: relative
}

body.no-touch .entries .entry_header .entrymenu>.row>button:hover {
    color: #bcd644
}

.entries .entry_header .entrymenu>.row>button:first-child {
    padding-left: 0
}

.entries .entry_header .entrymenu>.row>button:last-child {
    padding-right: 0
}

.entries .entry_header .entrymenu>.row>button.seefav {
    padding-left: 2px;
    font-size: 14px;
    font-family: 'Roboto'
}

.entries .entry_header .entrymenu>.row>button>.dialog {
    top: 31px;
    left: -9px;
    width: 150px
}

.entries .entry_header .entrymenu>.row>button>.dialog .dialog-inner {
    font-size: 13px;
    padding: 2px 10px;
    color: #000
}

.entries .entry_header .entrymenu>.row>* {
    vertical-align: middle;
    text-align: left;
    padding-right: 10px;
    display: table-cell
}

.entries footer {
    border-top: 1px solid #e5e5e5;
    margin-top: 10px
}

@media(max-width:767px) {
    .entries footer>div {
        min-width: 100%;
        overflow-y: scroll;
        white-space: nowrap;
        max-width: 1px;
        -ms-overflow-style: none;
        -webkit-overflow-scrolling: touch
    }
    .entries footer>div::-webkit-scrollbar {
        display: none
    }
}

.entries footer>div>div button,
.entries footer>div>div a {
    border: 0;
    background: transparent;
    font-size: 14px;
    color: #999;
    padding: 6px 3px 8px 3px;
    margin: 0 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -moz-transition: color .15s linear;
    -o-transition: color .15s linear;
    -webkit-transition: color .15s linear;
    -ms-transition: color .15s linear;
    transition: color .15s linear
}

@media(max-width:767px) {
    .entries footer>div>div button,
    .entries footer>div>div a {
        padding: 6px 6px 8px 6px
    }
}

.entries footer>div>div button:first-child,
.entries footer>div>div a:first-child {
    margin-left: 0
}

.entries footer>div>div button:last-child,
.entries footer>div>div a:last-child {
    margin-right: 0
}

.entries footer>div>div button:hover,
.entries footer>div>div a:hover {
    color: #666;
    text-decoration: none
}

.entries footer>div>div button.darker>i,
.entries footer>div>div a.darker>i {
    color: #000
}

.entries footer>div>div button>span:not(:empty),
.entries footer>div>div a>span:not(:empty) {
    margin-left: 5px
}

article.key-selected {
    border: 1px solid black
}

.upload-image {
    display: inline-block;
    position: relative;
    margin-top: 10px;
    max-width: 554px
}

.upload-image .upload-image-content img {
    width: 100%
}

.upload-image .source,
.upload-image .flag-upload-image {
    position: absolute;
    bottom: 33px;
    text-rendering: optimizelegibility;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
    color: #fff;
    font-size: 17px
}

.upload-image .source {
    left: 7px
}

.upload-image .flag-upload-image {
    right: 7px;
    padding: 10px 0 0 10px;
    bottom: 33px
}

.upload-image .flag-upload-image:hover {
    color: #ccc
}

body:not(.logged) .upload-image .flag-upload-image {
    display: none
}

.upload-image .reported-image {
    overflow: hidden;
    border: 1px solid #e2e2e2;
    text-align: center;
    padding: 15px;
    background: #000;
    display: block;
    color: #fff;
    font-size: 16px;
    display: none
}

.upload-image .reported-image .symbol {
    width: 250px;
    height: 250px;
    background-image: url("../images/restricted.png");
    background-repeat: no-repeat;
    margin: auto;
    display: block
}

.upload-image.reported .reported-image {
    display: block
}

.upload-image .image-source {
    padding: 3px 0 0 0;
    font-size: 12px;
    line-height: 15px;
    color: #999;
    display: block
}

div.entry_actions {
    padding-left: 10px
}

div.entry_actions i.fa {
    color: #696969
}

div.entry_actions>a {
    color: #999
}

div.entry_actions>a:hover {
    color: #000
}

div.entry_actions>.floating {
    width: 300px;
    -webkit-background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
    min-height: 0;
    top: 25px
}

div.entry_actions>.floating:before,
div.entry_actions>.floating:after {
    display: none
}

div.entry_actions>.floating ul {
    padding: 5px 0
}

div.entry_actions>.floating ul>li.seperator {
    border-bottom: 1px solid #e9eaed;
    margin: 5px 7px 6px;
    padding-top: 1px
}

div.entry_actions>.floating ul>li:first-child,
div.entry_actions>.floating ul>li:last-child {
    border-bottom: 0;
    padding: 0;
    margin: 0
}

div.entry_actions>.floating ul>li>a {
    display: block;
    width: 100%;
    padding: 2px 5px 2px 5px;
    text-align: left;
    font-size: 14px;
    color: #000
}

div.entry_actions>.floating ul>li>a:hover {
    background: #f1f1f1
}

div.entry_actions .title-menu .follow-title-leave {
    display: none
}

div.entry_actions .title-menu.following .follow-title {
    display: none
}

div.entry_actions .title-menu.following .follow-title-leave {
    display: block
}

.entries>li:hover .entrymenu {
    visibility: visible
}

.entries article.small .avatar_container {
    width: 35px
}

.entries article.small .avatar {
    width: 35px;
    height: 35px
}

#bgmain {
    display: table
}

#bgmain>* {
    display: table-cell;
    vertical-align: top
}

#bgmain>*:first-child {
    width: 100%;
    transition: opacity .5s
}

.right-section {
    /*width:300px;*/
    min-width: 300px;
    padding-left: 10px;
    box-sizing: content-box
}

.right-section>.right-box {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #cfcfcf;
    -webkit-border-radius: 3px;
    background-color: #fff;
    transition: background-color .1s ease-in-out;
    margin-bottom: 15px
}

.right-section>.right-box:hover {
    background-color: #fff
}

.right-section>.right-box>h2,
.right-section>.right-box a>h2 {
    font-size: 17px;
    line-height: 30px;
    text-align: left;
    font-weight: 400;
    padding: 10px;
    line-height: 22px
}

.right-section>.right-box>h2>a,
.right-section>.right-box a>h2>a {
    font-size: 11px;
    color: #000
}

.right-section>.right-box>h2>*,
.right-section>.right-box a>h2>* {
    vertical-align: middle
}

.right-section>.right-box a:hover {
    text-decoration: none
}

.right-section>.right-box.with-padding {
    padding: 12px
}

.right-section>.right-box.with-padding h2 {
    padding-left: 0;
    padding-top: 0
}

.right-section>.right-box>ul {
    display: block;
    overflow: hidden
}

.right-section>.right-box>ul>li {
    float: left;
    width: 50%
}

.right-section>.right-box>ul>li>a {
    display: block;
    position: relative
}

.right-section>.right-box>ul>li>a>img {
    width: 100%;
    height: 100%;
    display: block
}

.right-section>.right-box.video>ul>li {
    width: 100%
}

.right-section>.right-box.video>ul>li>a>img {
    box-sizing: border-box;
    overflow: hidden;
    position: relative
}

.right-section>.right-box.video>ul>li>a:after {
    content: '';
    background-image: url(../images/ply.png);
    position: absolute;
    width: 42px;
    height: 42px;
    top: 50%;
    left: 50%;
    margin-top: -21px;
    margin-left: -21px
}

.banner_300x250 {
    width: 290px;
    height: 250px
}

.pager_short {
    width: 1px;
    white-space: nowrap;
    text-align: right;
    position: relative;
    color: #666 !important
}

.pager_short a {
    color: #666
}

.pager_short>* {
    vertical-align: middle
}

.pager_short>span>a {
    padding: 9px 0 7px;
    font-size: 17px
}

.pager_short .vis_hidden {
    visibility: hidden
}

.featured .sf_desc a,
.featured a {
    padding: 5px 8px 5px 8px;
    position: relative;
    display: inline-block
}

body.no-touch .featured .sf_desc a:after,
body.no-touch .featured a:after {
    -webkit-transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1) 0;
    -moz-transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1) 0;
    transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1) 0;
    background: #bcd644;
    bottom: -2px;
    content: "";
    display: block;
    height: 4px;
    left: 25%;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    position: absolute;
    width: 50%
}

body.no-touch .featured .sf_desc a:hover:after,
body.no-touch .featured a:hover:after {
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    width: 100%;
    left: 0
}

.gosterpager {
    text-align: center;
    margin-bottom: 10px;
    width: 100%
}

.gosterpager .hid {
    display: none
}

.gosterpager>* {
    display: inline-block
}

.gosterpager a {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #cfcfcf;
    -webkit-border-radius: 3px;
    color: #000;
    display: inline-block;
    padding: 3px 16px;
    font-size: 13px
}

body.no-touch .gosterpager a:hover {
    background-color: #11a6b5;
    color: #fff
}

.gosterpager select {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #cfcfcf;
    -webkit-border-radius: 3px;
    font-size: 13px;
    height: 29px;
    line-height: 22px;
    width: 65px;
    cursor: pointer;
    border-color: #e2e2e2
}

#hovercard {
    position: absolute;
    left: 50%;
    top: 10%;
    z-index: 1;
    padding: 60px
}

#hovercard .hovercard_inner {
    position: relative;
    background: #fff;
    width: 240px;
    height: 300px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    font-family: 'Roboto', sans-serif
}

#hovercard .hovercard_inner>div {
    width: 100%;
    text-align: center
}

#hovercard .hovercard_inner .av {
    padding-top: 20px
}

#hovercard .hovercard_inner .nick {
    margin-top: 10px;
    padding: 0 40px
}

#hovercard .hovercard_inner .nick h2 {
    font-size: 18px;
    margin-bottom: 5px;
    text-overflow: ellipsis;
    overflow: hidden
}

#hovercard .hovercard_inner .nick span {
    color: #737373
}

#hovercard .hovercard_inner .switches {
    margin-top: 20px
}

#hovercard .hovercard_inner .actions {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: table;
    background-color: #f1f1f1
}

#hovercard .hovercard_inner .actions>a {
    color: #000;
    padding: 10px 0;
    display: table-cell;
    width: 50%;
    text-align: center;
    border-right: 1px solid #e2e2e2;
    filter: alpha(opacity=55);
    -ms-filter: "alpha(opacity=55)";
    -moz-opacity: .55;
    -khtml-opacity: .55;
    opacity: .55;
    -moz-transition: opacity .1s linear;
    -o-transition: opacity .1s linear;
    -webkit-transition: opacity .1s linear;
    -ms-transition: opacity .1s linear;
    transition: opacity .1s linear
}

#hovercard .hovercard_inner .actions>a:hover {
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

#hovercard .hovercard_inner .actions>a:last-child {
    border-right: 0
}

.dialog {
    position: absolute;
    top: 100%;
    z-index: 900;
    float: left;
    padding: 5px;
    margin: 2px 0 0;
    background: #fff;
    background-color: rgba(255, 255, 255, 0.98);
    border: 1px solid #e1e8ed;
    border: 0 solid rgba(0, 0, 0, 0.25);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
    background-clip: padding-box
}

.dialog .dropdown-caret {
    position: absolute;
    top: -10px;
    left: 12px;
    width: 18px;
    height: 10px;
    float: left;
    overflow: hidden
}

.dialog .dropdown-caret .caret-outer,
.dialog .dropdown-caret .caret-inner {
    position: absolute;
    display: inline-block;
    margin-left: -1px
}

.dialog .dropdown-caret .caret-outer {
    border-bottom: 10px solid #8899a6;
    border-bottom-color: rgba(0, 0, 0, 0.1);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    height: auto;
    left: 0;
    top: 0;
    width: auto
}

.dialog .dropdown-caret .caret-inner {
    top: 1px;
    left: 1px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
    border-bottom-color: rgba(255, 255, 255, 0.98)
}

@-webkit-keyframes blink {
    0 {
        filter: alpha(opacity=100);
        -ms-filter: "alpha(opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1
    }
    50% {
        filter: alpha(opacity=50);
        -ms-filter: "alpha(opacity=50)";
        -moz-opacity: .5;
        -khtml-opacity: .5;
        opacity: .5
    }
    100% {
        filter: alpha(opacity=100);
        -ms-filter: "alpha(opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1
    }
}

@-moz-keyframes blink {
    0 {
        filter: alpha(opacity=100);
        -ms-filter: "alpha(opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1
    }
    50% {
        filter: alpha(opacity=50);
        -ms-filter: "alpha(opacity=50)";
        -moz-opacity: .5;
        -khtml-opacity: .5;
        opacity: .5
    }
    100% {
        filter: alpha(opacity=100);
        -ms-filter: "alpha(opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1
    }
}

.entrybox {
    width: 100%;
    position: relative;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #cfcfcf;
    -webkit-border-radius: 3px;
    background-color: #fff;
    width: 100%;
    position: relative;
    margin-bottom: 15px
}

.entrybox:hover:before,
.entrybox:hover:after {
    border-bottom-color: #f6f6f6
}

.entrybox::before {
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.15);
    content: ''
}

.entrybox:after {
    position: absolute;
    top: -6px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: ''
}

.entrybox .fake_input {
    border: 0 !important;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 9px 8px !important;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.entrybox .fake_input:hover {
    background: #f6f6f6
}

.entrybox .fake_input .call-to-action.fa {
    float: right;
    font-size: 25px;
    color: #11a6b5
}

.entrybox .real_input {
    display: none
}

.entrybox .editor {
    width: 100%;
    min-height: 200px;
    padding: 6px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    line-height: 21px;
    position: relative;
    border: 0 !important;
    left: 0;
    right: 0;
    top: 0;
    bottom: 35px
}

.entrybox .tools {
    overflow: hidden;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    background: #e7e7e7;
    position: relative;
    left: 0;
    bottom: 0;
    right: 0
}

.entrybox .tools>* {
    padding: 8px 15px;
    float: left;
    color: #777;
    display: block;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    cursor: pointer
}

.entrybox .tools>*:last-child {
    border: 0
}

.entrybox .tools>*:hover {
    background-color: #e2e2e2
}

.entrybox .tools input.entry_submit {
    position: absolute;
    top: 2px;
    right: 2px;
    padding: 5px 20px;
    color: #fff
}

.entrybox .tools .draft_timestamp {
    border-right: 0;
    cursor: default
}

.entrybox .tools .file_upload {
    display: none
}

.entrybox.hover .dropzone-hover {
    display: block
}

.entrybox .dropzone-hover {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.entrybox .dropzone-hover:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    filter: alpha(opacity=50);
    -ms-filter: "alpha(opacity=50)";
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5;
    z-index: 1
}

.entrybox .dropzone-hover>div {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    -webkit-animation-direction: normal;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: blink;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-direction: normal;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-name: blink;
    -moz-animation-timing-function: ease-in-out;
    z-index: 2;
    position: absolute;
    width: 200px;
    height: 200px;
    margin-left: -100px;
    left: 50%;
    top: 50%;
    margin-top: -100px;
    background: #11a6b5;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    padding-top: 25px;
    font-size: 13px;
    padding-left: 15px;
    padding-right: 15px;
    color: #fff;
    font-family: 'Roboto';
    line-height: 22px
}

.entrybox .dropzone-hover>div>i {
    font-size: 65px
}

.entrybox .upload-image {
    cursor: default;
    width: 250px;
    min-height: 170px;
    border: 1px solid #e2e2e2;
    position: relative;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 5px;
    display: block
}

.entrybox .upload-image>i {
    visibility: hidden
}

.entrybox .upload-image .percent {
    position: absolute;
    left: 0;
    bottom: 3px;
    right: 0;
    text-align: center;
    font-family: 'Roboto';
    font-size: 20px;
    line-height: 1.2em
}

.entrybox .upload-image.loading>i {
    visibility: visible;
    font-size: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -22px;
    margin-top: -25px
}

.entrybox div.upload-image {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.entrybox img.upload-image {
    height: auto;
    min-height: 0
}

.new-entry-input {
    width: 100%;
    position: relative;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #cfcfcf;
    -webkit-border-radius: 3px;
    background-color: #fff;
    width: 100%;
    position: relative;
    margin-bottom: 15px
}

.new-entry-input.focus .place-holder {
    display: none
}

.new-entry-input .place-holder {
    position: absolute;
    right: 9px;
    top: 7px;
    color: #6c6c6c
}

.new-entry-input:not(.focus) {
    border: 2px solid rgba(3, 127, 167, 0.46)
}

.new-entry-input:not(.focus)::-webkit-input-placeholder {
    color: #000
}

.new-entry-input:not(.focus):-moz-placeholder {
    color: #000
}

.new-entry-input:not(.focus)::-moz-placeholder {
    color: #000
}

.new-entry-input:not(.focus):-ms-input-placeholder {
    color: #000
}

.new-entry-input textarea {
    width: 100%;
    border: 0;
    resize: none;
    padding: 7px;
    height: 30px;
    -moz-transition: height .1s linear;
    -o-transition: height .1s linear;
    -webkit-transition: height .1s linear;
    -ms-transition: height .1s linear;
    transition: height .1s linear;
    cursor: pointer;
    overflow: hidden
}

.new-entry-input .tweet-text,
.new-entry-input .tags,
.new-entry-input .new-title {
    width: 100%;
    padding: 7px;
    border: 0;
    border-top: 1px solid #e2e2e2;
    display: none
}

.new-entry-input .new-title {
    border-top: 0;
    border-bottom: 1px solid #e2e2e2
}

.new-entry-input .tags {
    padding-bottom: 0
}

.new-entry-input .tags .token-input.tt-hint {
    width: auto !important
}

.new-entry-input .tools {
    display: none;
    width: 100%;
    overflow: hidden;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    background: #e7e7e7
}

.new-entry-input .tools a:hover {
    color: #000
}

@media(max-width:460px) {
    .new-entry-input .tools {

    }
}

.new-entry-input .tools>* {
    padding: 7px 11px;
    float: left;
    color: #777;
    display: block;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    cursor: pointer
}

.new-entry-input .tools>*:not(.share-on):hover {
    background-color: #e2e2e2
}

.new-entry-input .tools .float-right {
    float: right;
}

.new-entry-input .tools .float-left {
    float: left;
}

.new-entry-input .tools .entry_submit {
    text-transform: uppercase;
    padding: 3px 20px;
    color: #fff;
    margin-left: 5px;
    float: right;
    margin-top: 4px;
    margin-right: 5px
}

.new-entry-input .tools .entry_submit.draft {
    margin-right: 0;
    background-color: #a0a0a0
}

@media(max-width:460px) {
    .new-entry-input .tools .entry_submit {
        float: none;
        position: absolute;
        right: 5px;
        bottom: 8px
    }
}

.new-entry-input .tools .draft_timestamp {
    border-right: 0;
    cursor: default
}

.new-entry-input .tools .file_upload {
    display: none
}

.new-entry-input .tools .share-on {
    height: auto;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: #777;
    background-color: transparent
}

.new-entry-input .tools .share-on:last-child {
    border-left: 1px solid rgba(0, 0, 0, 0.1)
}

.new-entry-input .tools .share-on i {
    font-size: 19px
}

.new-entry-input .tools .cc {
    cursor: help
}

.new-entry-input .tools .cc:hover .help-text {
    display: block
}

.new-entry-input .tools .help-text {
    display: none;
    border: 1px solid #e2e2e2;
    background: #e7e7e7;
    position: absolute;
    width: 200px;
    bottom: 51px;
    right: 40px;
    z-index: 1;
    font-size: 13px;
    padding: 5px
}

.new-entry-input.twitter-selected .twitter.share-on {
    color: #fff;
    background-color: #5daae6
}

.new-entry-input.facebook-selected .facebook.share-on {
    color: #fff;
    background-color: #3b55a0
}

.new-entry-input.focus .tools,
.new-entry-input.focus.twitter-selected .tweet-text,
.new-entry-input.focus .tags,
.new-entry-input.focus .new-title {
    display: block
}

.new-entry-input.focus textarea {
    height: 350px;
    cursor: text;
    overflow: auto
}

.new-entry-input .creating-overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background-color: #fff;
    filter: alpha(opacity=90);
    -ms-filter: "alpha(opacity=90)";
    -moz-opacity: .9;
    -khtml-opacity: .9;
    opacity: .9;
    z-index: 10060
}

.new-entry-input .creating-message {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10061;
    text-align: center;
    margin-left: -150px;
    margin-top: -80px;
    width: 300px
}

.new-entry-input .creating-message h2 {
    margin-bottom: 15px
}

.new-entry-input .creating-overlay,
.new-entry-input .creating-message {
    display: none
}

.new-entry-input.creating .creating-overlay,
.new-entry-input.creating .creating-message {
    display: block
}

.new-entry-input.hover .dropzone-hover {
    display: block
}

.new-entry-input .dropzone-hover {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.new-entry-input .dropzone-hover:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    filter: alpha(opacity=50);
    -ms-filter: "alpha(opacity=50)";
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5;
    z-index: 1
}

.new-entry-input .dropzone-hover>div {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    -webkit-animation-direction: normal;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: blink;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-direction: normal;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-name: blink;
    -moz-animation-timing-function: ease-in-out;
    z-index: 2;
    position: absolute;
    width: 300px;
    height: 300px;
    margin-left: -150px;
    left: 50%;
    top: 50%;
    margin-top: -150px;
    background: #11a6b5;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    padding-top: 80px;
    font-size: 13px;
    padding-left: 15px;
    padding-right: 15px;
    color: #fff;
    font-family: 'Roboto';
    line-height: 22px
}

.new-entry-input .dropzone-hover>div>i {
    font-size: 65px
}

.form-group.error {
    margin-bottom: 10px
}

.form-group.error li {
    list-style-type: disc;
    text-align: left;
    margin-left: 15px
}

.stargate {
    width: 100%;
    text-align: center
}

.stargate.loading-spinner>form {
    visibility: hidden
}

.stargate.loading-spinner .fb-login-button {
    display: none
}

.stargate>form {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #cfcfcf;
    -webkit-border-radius: 3px;
    max-width: 385px;
    margin: 0 auto;
    padding: 20px;
    text-align: center
}

.stargate>form label.hidden-label {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    height: 0;
    width: 0;
    overflow: hidden;
    visibility: hidden
}

.stargate>form label.visible-label {
    display: block;
    margin: 5px 0
}

.stargate>form input[type=email],
.stargate>form input[type=number],
.stargate>form input[type=password],
.stargate>form input[type=tel],
.stargate>form input[type=text],
.stargate>form input[type=url] {
    width: 90%;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    display: inline-block;
    height: 36px;
    padding: 0 8px;
    margin: 0;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-top: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    font-size: 15px;
    color: #404040
}

.stargate>form .first input[type=email],
.stargate>form .first input[type=number],
.stargate>form .first input[type=password],
.stargate>form .first input[type=tel],
.stargate>form .first input[type=text],
.stargate>form .first input[type=url] {
    border-top: 1px solid silver
}

.stargate>form .select-container select {
    width: 90%;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    height: 36px;
    padding: 0 8px;
    margin: 0;
    background: #fff;
    border: 1px solid #d9d9d9;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    font-size: 15px;
    color: #404040;
    margin-bottom: 5px
}

.stargate>form .phone-container>div {
    display: table;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #d9d9d9;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.stargate>form .phone-container>div>* {
    display: table-cell;
    border: 0 !important;
    line-height: 20px
}

.stargate>form .phone-container>div>*>input {
    width: 100%;
    padding: 0
}

.stargate>form .phone-container input {
    width: 100%
}

.stargate>form .phone-container .country-code {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 15px;
    color: #404040;
    margin-bottom: 5px;
    padding: 0
}

.stargate>form #inputPassword {
    border-top: 0
}

.stargate>form .but {
    margin-top: 15px;
    font-size: 15px;
    padding: 8px 20px;
    width: 90%;
    max-width: 308px
}

.stargate>form ul {
    margin-top: 7px;
    color: #dd4b39
}

.stargate>form .avatar {
    margin-bottom: 15px
}

.stargate>form .avatar .avatar {
    width: 100px;
    height: 100px;
    margin: 0 auto
}

.stargate>form .bottom-side {
    margin-top: 15px;
    overflow: hidden;
    display: table;
    width: 90%;
    margin-left: auto;
    margin-right: auto
}

.stargate>form .bottom-side>* {
    display: table-cell
}

.stargate>form .bottom-side>label {
    text-align: left
}

.stargate>form .bottom-side>a {
    text-align: right
}

.stargate #new-account-link {
    top: 15px;
    position: relative
}

.stargate .facebook-login {
    margin: 0 auto
}

.stargate .connect-button {
    margin-bottom: 5px;
    display: inline-block
}

.stargate .connect-button button {
    width: 160px
}

.stargate .connect-button a {
    float: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.stargate .connect-button a:hover {
    color: #e6e6e6
}

.stargate .orform {
    margin-bottom: 5px
}

#signup-popup {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10031;
    display: none
}

body.open-signup-popup #signup-popup {
    display: block
}

#signup-popup>* {
    position: absolute
}

#signup-popup #regform {
    z-index: 10032;
    left: 50%;
    top: 50%;
    margin-top: -222px;
    margin-left: -300px;
    width: 600px
}

#signup-popup #regform>form {
    max-width: none !important
}

#signup-popup #regform input[type=email],
#signup-popup #regform input[type=number],
#signup-popup #regform input[type=password],
#signup-popup #regform input[type=tel],
#signup-popup #regform input[type=text],
#signup-popup #regform input[type=url],
#signup-popup #regform button[type="submit"] {
    width: 310px
}

@media(max-width:767px) {
    #signup-popup #regform input[type=email],
    #signup-popup #regform input[type=number],
    #signup-popup #regform input[type=password],
    #signup-popup #regform input[type=tel],
    #signup-popup #regform input[type=text],
    #signup-popup #regform input[type=url],
    #signup-popup #regform button[type="submit"] {
        width: 90%
    }
}

#signup-popup .already-have {
    margin-top: 10px
}

#signup-popup .call-to-action {
    font-size: 16px;
    line-height: 23px
}

#signup-popup .call-to-action b {
    font-size: 14px
}

#close-signup-widget {
    position: absolute;
    color: #999;
    margin: 9px;
    right: 0;
    top: 0;
    font-size: 19px
}

.overlay {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10000;
    background: #000;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -moz-opacity: .7;
    -khtml-opacity: .7;
    opacity: .7
}

.recover {
    padding: 10px;
    line-height: 18px
}

.recover #recovery-form {
    margin-top: 10px
}

.recover label {
    display: block
}

.recover .answ {
    margin-top: 10px;
    display: none
}

.recover .sctn {
    margin-bottom: 20px
}

.recover form {
    margin: 20px
}

.recover .error {
    margin-left: 3px
}

.error {
    color: #dd4b39
}

.default_avatar {
    border: 1px solid #e2e2e2;
    width: 40px;
    height: 40px;
    display: block;
    text-align: center
}

.default_avatar i {
    color: #c9c9c9;
    position: relative;
    font-size: 20px;
    line-height: 30px
}

.stargate .default_avatar i {
    font-size: 75px;
    line-height: 100px
}

.embed {
    width: 100%;
    margin: 15px 0 0 0;
    display: block;
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.embed:hover .tools {
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.embed .tools {
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -moz-transition: opacity .1s linear;
    -o-transition: opacity .1s linear;
    -webkit-transition: opacity .1s linear;
    -ms-transition: opacity .1s linear;
    transition: opacity .1s linear;
    position: absolute;
    right: 10px;
    bottom: 0
}

.embed .tools a {
    display: inline-block;
    margin-left: 5px;
    padding: 5px;
    color: #fff;
    text-rendering: optimizelegibility;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
    font-size: 20px
}

.embed .tools a:hover {
    color: #e6e6e6
}

.embed>a {
    display: block;
    overflow: hidden
}

.embed>a>img {
    float: left;
    width: 100%;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05)
}

.embed.inline_bkz {
    overflow: hidden;
    font-family: Helvetica;
    border: 1px solid #e2e2e2;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.embed.inline_bkz a>img {
    width: 50%;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 3px
}

.embed.inline_bkz a>div {
    margin-left: 50%;
    padding: 5px;
    color: #000
}

.embed.inline_bkz h3 {
    font-size: 15px;
    line-height: 1.1;
    color: #000 !important;
    font-weight: 400;
    margin-bottom: 5px;
    padding-top: 5px
}

.embed.inline_bkz .tools {
    right: 50%;
    margin-right: 10px
}

.embed.inline_bkz i.fa-quote-right,
.embed.inline_bkz i.fa-quote-left {
    color: #9197a3;
    font-size: 9px
}

.embed.inline_bkz i.fa-quote-right {
    float: right
}

.embed.inline_bkz p {
    font-size: 12px;
    color: #9197a3
}

.embed>span {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    cursor: default;
    text-rendering: optimizelegibility;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
    font-size: 17px;
    color: #fff;
    position: absolute;
    left: 5px;
    top: 5px;
    font-family: 'Source Sans Pro'
}

.embed>span>a {
    color: #fff
}

.embed:hover p {
    color: #000
}

.panel>section {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #cfcfcf;
    -webkit-border-radius: 3px;
    padding: 12px;
    overflow: hidden;
    margin-bottom: 10px
}

.panel>section>h1 {
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 0;
    font-size: 16px;
    margin: 7px 5px
}

.panel.settings .avatar-update img {
    width: 60px;
    height: 60px;
    float: left
}

.panel.settings .avatar-update p {
    margin-left: 70px
}

.panel.settings section label {
    display: block;
    margin-bottom: 8px
}

.panel.settings section label span {
    width: 150px;
    display: inline-block
}

.float-right {
    float: right
}

.profile>.profile_header {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #cfcfcf;
    -webkit-border-radius: 3px;
    width: 100%;
    overflow: hidden;
    position: relative;
    min-height: 145px;
    padding-bottom: 55px;
    background-color: #fcfcfc
}

.profile>.profile_header .avatar-upload {
    position: absolute;
    left: -9999px;
    top: -9999px;
    visibility: hidden
}

.profile>.profile_header .avatar-container {
    position: relative;
    width: 120px;
    height: 120px;
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 2
}

.profile>.profile_header .avatar-container #loading {
    bottom: 4px;
    left: 4px;
    right: 4px;
    top: 4px;
    background-color: #fff;
    opacity: .6;
    position: absolute;
    display: none
}

.profile>.profile_header .avatar-container.loading #loading {
    display: block
}

.profile>.profile_header .avatar-container #avatar-change {
    display: block;
    background-color: #000;
    color: #fff;
    position: absolute;
    bottom: 4px;
    z-index: 3;
    right: 4px;
    left: 4px;
    text-align: center;
    opacity: .6;
    max-height: 0;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.profile>.profile_header .avatar-container #avatar-change span {
    display: block;
    margin: 5px 10px
}

@media(max-width:767px) {
    .profile>.profile_header .avatar-container #avatar-change {
        max-height: 100px
    }
}

.profile>.profile_header .avatar-container .avatar_upload {
    position: absolute;
    left: -10000px;
    top: -10000px
}

.profile>.profile_header .avatar-container:hover #avatar-change {
    max-height: 100px
}

.profile>.profile_header .avatar {
    width: 120px;
    height: 120px;
    padding: 3px;
    background: #fff;
    border: 1px solid #e2e2e2
}

.profile>.profile_header>.profile_stats {
    padding-left: 140px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 55px;
    background-color: #fff;
    border-top: 1px solid #e9eaed
}

.profile>.profile_header>.profile_stats li {
    min-width: 70px;
    text-align: center;
    display: inline-block;
    border-right: 1px solid #e9eaed;
    margin: 0;
    padding: 3px 14px
}

.profile>.profile_header>.profile_stats li>em {
    display: block;
    font-style: normal;
    font-size: 1.2em
}

.profile>.profile_header>.profile_info {
    padding-left: 140px;
    padding-top: 10px;
    padding-right: 10px
}

.profile>.profile_header>.profile_info .user-actions {
    position: absolute;
    right: 10px;
    top: 10px
}

@media(max-width:767px) {
    .profile>.profile_header>.profile_info .user-actions {
        position: static;
        float: none;
        margin-bottom: 5px;
        margin-top: 5px;
        margin-left: 80px;
        white-space: nowrap;
        overflow-x: scroll;
        max-width: 200px;
        -ms-overflow-style: none;
        -webkit-overflow-scrolling: touch
    }
    .profile>.profile_header>.profile_info .user-actions::-webkit-scrollbar {
        display: none
    }
}

.profile>.profile_header>.profile_info h1.title a {
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    max-width: 500px
}

@media(max-width:767px) {
    .profile>.profile_header>.profile_info h1.title a {
        max-width: 530px
    }
}

.profile>.profile_header>.profile_info .category-breakdown {
    font-size: 13px;
    margin-bottom: 10px
}

@media(max-width:767px) {
    .profile>.profile_header .avatar-container,
    .profile>.profile_header .avatar {
        width: 70px;
        height: 70px
    }
    .profile>.profile_header .avatar-container {
        top: auto;
        bottom: 10px
    }
    .profile>.profile_header .profile_stats {
        padding-left: 90px
    }
    .profile>.profile_header .profile_stats ol {
        white-space: nowrap;
        overflow-x: scroll;
        -ms-overflow-style: none;
        -webkit-overflow-scrolling: touch
    }
    .profile>.profile_header .profile_stats ol::-webkit-scrollbar {
        display: none
    }
    .profile>.profile_header .profile_info {
        padding-left: 15px
    }
}

.profile>.profile_inner {
    width: 100%;
    margin-top: 10px;
    display: table
}

.profile>.profile_inner>* {
    display: table-cell;
    vertical-align: top
}

.profile>.profile_inner>.profile_menu {
    width: 250px;
    padding-right: 10px
}

.profile>.profile_inner>.profile_menu>li {
    margin-bottom: 5px
}

.profile>.profile_inner>.profile_menu>li>a {
    position: relative;
    background-color: #fff;
    border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    display: block;
    padding: 5px 10px;
    color: #000
}

.profile>.profile_inner>.profile_menu>li>a.selected::before {
    position: absolute;
    top: 50%;
    right: -10px;
    margin-top: -9px;
    display: inline-block;
    border-top: 10px solid transparent;
    border-left: 10px solid #d0d1d5;
    border-bottom: 10px solid transparent;
    content: ''
}

.profile>.profile_inner>.profile_menu>li>a.selected::after {
    position: absolute;
    top: 50%;
    right: -9px;
    margin-top: -8px;
    display: inline-block;
    border-top: 9px solid transparent;
    border-left: 9px solid #fff;
    border-bottom: 9px solid transparent;
    content: ''
}

.profile>.profile_inner>.entries {
    width: 100%
}

.profile>.profile_inner .no-entries {
    text-align: center
}

.profile>.profile_inner .no-entries h2 {
    font-size: 19px;
    margin: 20px 0 10px 0
}

.ias-trigger {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #cfcfcf;
    -webkit-border-radius: 3px;
    padding: 12px
}

.ias-noneleft {
    display: none !important
}

.main_page .entries .entry_text {
    margin: 0
}

.main_page article {
    width: 100%;
    clear: both
}

.main_page article.left,
.main_page article.right {
    width: 50%;
    float: left
}

.main_page article.left {
    padding-right: 5px;
    clear: left
}

.main_page article.right {
    padding-left: 5px;
    clear: right
}

.main_page article h2,
.main_page article .entry_text {
    margin-left: 0 !important
}

.main_page article.with-image>img {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%
}

.main_page article.with-image>h2 {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    text-rendering: optimizelegibility;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
    color: #fff !important;
    z-index: 2
}

.main_page article .headline-image {
    float: right;
    width: 38%;
    margin-left: 10px;
    overflow: hidden;
    margin-bottom: 10px
}

.main_page article .headline-image>img {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.1)
}

.new-entry-count {
    background-color: #666;
    display: inline-block;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    padding: 0 5px
}

.index-header {
    margin-bottom: 10px;
    padding: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #cfcfcf;
    -webkit-border-radius: 3px;
    border-bottom: 3px solid #e2e2e2 !important
}

.index-header.center .selector {
    display: table;
    width: 100%
}

.index-header.center .selector#index-header {
    table-layout: auto
}

.index-header.center .selector>* {
    display: table-cell;
    max-width: 250px
}

.index-header .selector {
    height: 35px
}

@media(max-width:767px) {
    .index-header .selector {
        overflow-x: scroll;
        max-width: 1px;
        min-width: 100%;
        -ms-overflow-style: none;
        -webkit-overflow-scrolling: touch;
        display: block !important
    }
    .index-header .selector::-webkit-scrollbar {
        display: none
    }
}

@media(max-width:767px) {
    .index-header .selector {
        height: 38px;
        white-space: nowrap;
        display: block;
        min-width: 100%;
        width: auto !important
    }
}

.index-header .selector li {
    display: inline-block
}

.index-header .selector li.floating_opener {
    white-space: nowrap
}

.index-header .selector li.floating_opener li {
    display: block !important
}

@media(max-width:767px) {
    .index-header .selector li.floating_opener {
        position: static
    }
    .index-header .selector li.floating_opener .floating {
        top: 95px;
        left: 20px;
        right: 20px
    }
}

.index-header .selector li>a {
    white-space: nowrap;
    font-size: 14px;
    display: block;
    color: #000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    padding: 6px 9px;
    text-align: center;
    position: relative
}

.center .index-header .selector li>a {
    padding: 6px 12px
}

.index-header .selector li>a:after {
    -webkit-transition: all 400ms cubic-bezier(.19, 1, .22, 1) 0s;
    -moz-transition: all 400ms cubic-bezier(.19, 1, .22, 1) 0s;
    transition: all 400ms cubic-bezier(.19, 1, .22, 1) 0s;
    background: #11a6b5;
    bottom: -2px;
    content: "";
    display: block;
    height: 4px;
    left: 25%;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    position: absolute;
    width: 50%
}

body.no-touch .index-header .selector li>a:hover:after,
.index-header .selector li>a.selected:after {
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    width: 100%;
    left: 0%
}

.index-header .selector li:last-child>a {
    border-right: 0
}

.index-header .selector li.has-notification {
    position: relative
}

.index-header .selector li.has-notification:before {
    content: attr(data-count);
    position: absolute;
    top: 22px;
    right: -8px;
    border-radius: 100px;
    font: bold 16px/20px "Helvetica Neue", sans-serif;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .6);
    z-index: 9999;
    font-size: 13px;
    padding: 0 6px;
    background: red;
    background: -webkit-linear-gradient(top, #FF6969 0%, red 100%);
    -webkit-background-clip: padding-box
}

.index-header .selector .floating {
    top: 35px;
    right: -2px;
    width: auto;
    min-width: 150px;
    -webkit-background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .3)
}

.index-header .selector .floating li {
    float: none
}

.index-header .selector .floating li a {
    width: auto!important;
    white-space: nowrap;
    border: 0;
    text-align: left
}

.index-header .selector .floating:before {
    display: none
}

div#messages-empty {
    padding-top: 50px;
    text-align: center;
    padding: 70px 40px 0 40px;
    line-height: 2em
}

div#messages-empty i {
    font-size: 45px;
    margin-bottom: 10px
}

.panel.messages #messagesContainer,
.message-popup.messages #messagesContainer {
    position: relative;
    min-height: 200px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #cfcfcf;
    -webkit-border-radius: 3px;
    overflow: hidden
}

.panel.messages #messagesContainer.loading-spinner #thread_search,
.message-popup.messages #messagesContainer.loading-spinner #thread_search {
    display: none !important
}

.panel.messages #messagesContainer>*,
.message-popup.messages #messagesContainer>* {
    vertical-align: top
}

.panel.messages #messagesContainer>.threads,
.message-popup.messages #messagesContainer>.threads {
    float: left;
    width: 290px;
    overflow-y: scroll;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    height: 100%
}

@media(max-width:767px) {
    .panel.messages #messagesContainer>.threads,
    .message-popup.messages #messagesContainer>.threads {
        width: 100%
    }
}

.panel.messages #messagesContainer>.threads>form,
.message-popup.messages #messagesContainer>.threads>form {
    padding: 0 10px 0 10px
}

.panel.messages #messagesContainer>.threads>form>div,
.message-popup.messages #messagesContainer>.threads>form>div {
    padding-top: 5px;
    padding-bottom: 5px
}

.panel.messages #messagesContainer>.threads>form>div>div,
.message-popup.messages #messagesContainer>.threads>form>div>div {
    border: 1px solid #e8e8e8;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 100%;
    display: table
}

.panel.messages #messagesContainer>.threads>form>div>div>*,
.message-popup.messages #messagesContainer>.threads>form>div>div>* {
    display: table-cell
}

.panel.messages #messagesContainer>.threads>form>div>div input,
.message-popup.messages #messagesContainer>.threads>form>div>div input {
    border: 0;
    width: 100%
}

.panel.messages #messagesContainer>.threads>form>div>div i.fa-times,
.message-popup.messages #messagesContainer>.threads>form>div>div i.fa-times {
    padding: 0 5px;
    display: none
}

.panel.messages #messagesContainer>.threads>form>div>div i.fa,
.message-popup.messages #messagesContainer>.threads>form>div>div i.fa {
    color: #999
}

.panel.messages #messagesContainer>.threads #thread_list>a,
.message-popup.messages #messagesContainer>.threads #thread_list>a {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    display: block;
    padding: 0 14px 0 10px
}

.panel.messages #messagesContainer>.threads #thread_list>a:hover,
.panel.messages #messagesContainer>.threads #thread_list>a.selected,
.panel.messages #messagesContainer>.threads #thread_list>a.unread,
.message-popup.messages #messagesContainer>.threads #thread_list>a:hover,
.message-popup.messages #messagesContainer>.threads #thread_list>a.selected,
.message-popup.messages #messagesContainer>.threads #thread_list>a.unread {
    background-color: #f6f6f6;
    border-color: #e3e8f0 !important
}

.panel.messages #messagesContainer>.threads #thread_list>a:not(.unread) .fa-asterisk,
.message-popup.messages #messagesContainer>.threads #thread_list>a:not(.unread) .fa-asterisk {
    display: none
}

.panel.messages #messagesContainer>.threads #thread_list>a>.thread_container,
.message-popup.messages #messagesContainer>.threads #thread_list>a>.thread_container {
    font-family: Helvetica, Arial, 'lucida grande', tahoma, verdana, arial, sans-serif;
    font-size: 13px;
    border-top: 1px solid #e8e8e8;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
    color: #000;
    overflow: hidden
}

.panel.messages #messagesContainer>.threads #thread_list>a>.thread_container .avatar,
.message-popup.messages #messagesContainer>.threads #thread_list>a>.thread_container .avatar {
    width: 50px;
    height: 50px;
    float: left
}

.panel.messages #messagesContainer>.threads #thread_list>a>.thread_container .avatar.group-avatar>img,
.message-popup.messages #messagesContainer>.threads #thread_list>a>.thread_container .avatar.group-avatar>img {
    width: 50%;
    float: left
}

.panel.messages #messagesContainer>.threads #thread_list>a>.thread_container .contact-info,
.message-popup.messages #messagesContainer>.threads #thread_list>a>.thread_container .contact-info {
    margin-left: 60px;
    margin-right: 50px;
    width: 155px
}

.panel.messages #messagesContainer>.threads #thread_list>a>.thread_container .metadata,
.message-popup.messages #messagesContainer>.threads #thread_list>a>.thread_container .metadata {
    float: right
}

.panel.messages #messagesContainer>.threads #thread_list>a>.thread_container span,
.message-popup.messages #messagesContainer>.threads #thread_list>a>.thread_container span {
    display: block
}

.panel.messages #messagesContainer>.threads #thread_list>a>.thread_container .nick,
.panel.messages #messagesContainer>.threads #thread_list>a>.thread_container .message-content,
.message-popup.messages #messagesContainer>.threads #thread_list>a>.thread_container .nick,
.message-popup.messages #messagesContainer>.threads #thread_list>a>.thread_container .message-content {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.panel.messages #messagesContainer>.threads #thread_list>a>.thread_container .nick,
.message-popup.messages #messagesContainer>.threads #thread_list>a>.thread_container .nick {
    font-weight: bold
}

.panel.messages #messagesContainer>.threads #thread_list>a>.thread_container .message-content,
.message-popup.messages #messagesContainer>.threads #thread_list>a>.thread_container .message-content {
    color: #737373
}

.panel.messages #messagesContainer>.threads #thread_list>a>.thread_container .date-info,
.message-popup.messages #messagesContainer>.threads #thread_list>a>.thread_container .date-info {
    color: gray;
    float: right
}

.panel.messages #messagesContainer>.threads #thread_list>a>.thread_container .read-info,
.message-popup.messages #messagesContainer>.threads #thread_list>a>.thread_container .read-info {
    text-align: right;
    color: #666;
    float: right;
    margin-right: 8px
}

.panel.messages #messagesContainer>.threads #thread_list>a:last-child>.thread_container,
.message-popup.messages #messagesContainer>.threads #thread_list>a:last-child>.thread_container {
    border-bottom: 0
}

.panel.messages #messagesContainer>.threads #thread_list>a.load_more,
.message-popup.messages #messagesContainer>.threads #thread_list>a.load_more {
    text-align: center;
    padding: 12px 14px 12px 10px !important;
    color: #000;
    font-size: 12px;
    border-top: 1px solid #e8e8e8
}

.panel.messages #messagesContainer>.threads #thread_list>a.load_more.loading-spinner span,
.message-popup.messages #messagesContainer>.threads #thread_list>a.load_more.loading-spinner span {
    visibility: hidden
}

.panel.messages #messagesContainer>.conversations,
.message-popup.messages #messagesContainer>.conversations {
    border-left: 1px solid #e8e8e8;
    margin-left: 290px;
    height: 100%;
    transition: transform 400ms cubic-bezier(0.1, 0.7, 0.1, 1);
    -webkit-transition: -webkit-transform 400ms cubic-bezier(0.1, 0.7, 0.1, 1)
}

@media(max-width:767px) {
    .panel.messages #messagesContainer>.conversations,
    .message-popup.messages #messagesContainer>.conversations {
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 10;
        background-color: #fff;
        margin-left: 0;
        right: 0;
        left: 0;
        transform: translate3d(100%, 0, 0);
        -webkit-transform: translate3d(100%, 0, 0)
    }
    #messagesContainer.conv-open .panel.messages #messagesContainer>.conversations,
    #messagesContainer.conv-open .message-popup.messages #messagesContainer>.conversations {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0)
    }
}

.panel.messages #messagesContainer>.conversations .conversation,
.message-popup.messages #messagesContainer>.conversations .conversation {
    height: 100%;
    position: relative
}

.panel.messages #messagesContainer>.conversations .conversation>*,
.message-popup.messages #messagesContainer>.conversations .conversation>* {
    position: absolute;
    left: 0;
    right: 0
}

.panel.messages #messagesContainer>.conversations .conversation .message_header,
.message-popup.messages #messagesContainer>.conversations .conversation .message_header {
    top: 0;
    padding: 10px 14px 10px 8px;
    border-bottom: 1px solid #e3e3e3;
    background: #fff;
    z-index: 1
}

.panel.messages #messagesContainer>.conversations .conversation .message_header h1,
.message-popup.messages #messagesContainer>.conversations .conversation .message_header h1 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0
}

.panel.messages #messagesContainer>.conversations .conversation .message_header h1 .back,
.message-popup.messages #messagesContainer>.conversations .conversation .message_header h1 .back {
    display: none
}

@media(max-width:767px) {
    .panel.messages #messagesContainer>.conversations .conversation .message_header h1 .back,
    .message-popup.messages #messagesContainer>.conversations .conversation .message_header h1 .back {
        display: inline-block
    }
}

.panel.messages #messagesContainer>.conversations .conversation .message_header .message_actions,
.message-popup.messages #messagesContainer>.conversations .conversation .message_header .message_actions {
    float: right
}

.panel.messages #messagesContainer>.conversations .conversation .message_header .message_actions>a,
.message-popup.messages #messagesContainer>.conversations .conversation .message_header .message_actions>a {
    color: #000
}

.panel.messages #messagesContainer>.conversations .conversation .messages,
.message-popup.messages #messagesContainer>.conversations .conversation .messages {
    overflow-y: scroll;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    top: 0;
    bottom: 140px
}

.panel.messages #messagesContainer>.conversations .conversation .load-more,
.message-popup.messages #messagesContainer>.conversations .conversation .load-more {
    display: block;
    text-align: center;
    padding: 13px;
    margin: 10px;
    color: #000;
    font-weight: bold
}

.panel.messages #messagesContainer>.conversations .conversation .load-more.loading-spinner,
.message-popup.messages #messagesContainer>.conversations .conversation .load-more.loading-spinner {
    text-indent: -100000px
}

.panel.messages #messagesContainer>.conversations .conversation .load-more:hover,
.message-popup.messages #messagesContainer>.conversations .conversation .load-more:hover {
    background-color: #ebeeef
}

.panel.messages #messagesContainer>.conversations .conversation form,
.message-popup.messages #messagesContainer>.conversations .conversation form {
    bottom: 0;
    background: #f2f2f2;
    border-top: 1px solid #e8e8e8
}

.panel.messages #messagesContainer>.conversations .conversation form .message_form,
.message-popup.messages #messagesContainer>.conversations .conversation form .message_form {
    margin: 10px;
    background: #fff
}

.panel.messages #messagesContainer>.conversations .conversation form .message_form>*,
.message-popup.messages #messagesContainer>.conversations .conversation form .message_form>* {
    width: 100%
}

.panel.messages #messagesContainer>.conversations .conversation form .message_form textarea,
.message-popup.messages #messagesContainer>.conversations .conversation form .message_form textarea {
    border: 0;
    padding: 5px 10px;
    resize: none;
    height: 80px;
    font-size: 12px;
    line-height: 20px
}

.panel.messages #messagesContainer>.conversations .conversation form .message_form .message_buttons,
.message-popup.messages #messagesContainer>.conversations .conversation form .message_form .message_buttons {
    overflow: hidden;
    border-top: 1px solid #e8e8e8
}

.panel.messages #messagesContainer>.conversations .conversation form .message_form .message_buttons>a,
.message-popup.messages #messagesContainer>.conversations .conversation form .message_form .message_buttons>a {
    border-right: 1px solid #e8e8e8;
    padding: 5px 10px;
    color: #999;
    float: right;
    display: block
}

.panel.messages #messagesContainer>.conversations .conversation form .message_form .message_buttons>a:hover,
.message-popup.messages #messagesContainer>.conversations .conversation form .message_form .message_buttons>a:hover {
    background: #e8e8e8
}

@media(max-width:767px) {
    #messagesContainer.conv-open .conversations {
        transform: translate3d(0, 0, 0) !important;
        -webkit-transform: translate3d(0, 0, 0) !important
    }
}

.message-popup.messages #messagesContainer {
    border: 0
}

.message-popup.messages #messagesContainer>.threads {
    height: 300px;
    float: none
}

.message-group {
    overflow: hidden;
    padding: 8px 20px 7px;
    position: relative
}

.message-group .profile-url {
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 5px
}

.message-group .profile-url>img {
    width: 32px;
    height: 32px
}

.message-group .message-content {
    margin-left: 42px
}

.message-group time {
    float: right;
    font-size: .9em;
    color: #8b8a8a
}

.message-group .profile-name {
    font-weight: bold
}

.date-seperator {
    border-top: 1px solid #e8e8e8;
    color: #bfbfbf;
    font-size: 11px;
    margin: 17px 20px 2px;
    text-align: center
}

.date-seperator span {
    background-color: #fff;
    padding: 0 5px;
    position: relative;
    top: -12px
}

.entry_header {
    width: 100%;
    margin-bottom: 10px
}

.entry_header .dateauthor {
    white-space: nowrap;
    display: block;
    height: 45px;
    position: relative
}

.entry_header .dateauthor>a,
.entry_header .dateauthor div {
    position: absolute
}

.entry_header .dateauthor>.date-permalink {
    overflow: hidden;
    text-overflow: ellipsis;
    top: 15px;
    left: 42px;
    max-width: 300px
}

.entry_header .dateauthor>.date-permalink,
.entry_header .dateauthor>.date-permalink a {
    color: #999;
    font-size: 13px;
    line-height: 30px
}

.entry_header .dateauthor>a.hop {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 450px;
    overflow: hidden;
    top: 0;
    font-size: 13px;
    left: 42px
}

.entry_header .dateauthor>a.avatar_container {
    left: 0;
    top: 3px
}

.entry_header .dateauthor>div.entry_actions {
    position: absolute;
    right: 0;
    top: -6px;
    padding: 0 1px 6px 6px;
    display: block;
    width: auto
}

.entry_header .avatar {
    float: left;
    width: 40px;
    height: 40px
}

.entry-tags {
    position: absolute;
    right: -3px;
    top: 47px
}

.entry-tags>.entry-tag {
    text-align: right;
    border-right: 3px solid black;
    border-collapse: collapse
}

.entry-tags>.entry-tag:nth-child(2) {
    border-color: red
}

.entry-tags>.entry-tag:nth-child(3) {
    border-color: orange
}

.entry-tags>.entry-tag:nth-child(4) {
    border-color: green
}

.entry-tags>.entry-tag .tag-link {
    background: #f7f7f7;
    color: #373737;
    font-size: 13px;
    display: none;
    padding: 0 13px
}

.entry-tags>.entry-tag:first-child a {
    display: block
}

.entry-tags>.entry-tag:first-child span {
    display: none
}

.entry-tags:hover {
    -webkit-box-shadow: 0 0 1px 0 rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0 0 1px 0 rgba(50, 50, 50, 0.75);
    box-shadow: 0 0 1px 0 rgba(50, 50, 50, 0.75)
}

.entry-tags:hover a {
    display: block !important
}

.entry-tags:hover span {
    display: none
}

.related-link .entry-tags {
    top: 20px
}

.related-link .entry-tags * {
    display: block !important
}

.related-link .entry-tags .tag-link {
    background: #fff
}

article.with-title .entry-tags {
    top: 81px
}

article.with-head-message .entry-tags {
    top: 119px
}

.title-tags {
    margin-top: 7px
}

.title-tags,
.title-tags a {
    color: #999;
    font-size: 13px
}

.title-tags a {
    margin-right: 2px
}

.panel h1,
.panel h2,
.panel h3 {
    margin-bottom: 10px
}

.panel h2 {
    font-size: 20px
}

.panel h3 {
    font-size: 18px
}

.panel h2,
.panel h3 {
    font-weight: 400
}

.panel .disclaimer {
    font-size: 13px;
    color: #737373
}

.panel.friend-finder>section {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #cfcfcf;
    -webkit-border-radius: 3px;
    overflow: hidden;
    padding: 12px
}

.panel.friend-finder>section.loading-spinner {
    filter: alpha(opacity=50);
    -ms-filter: "alpha(opacity=50)";
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5
}

.panel.friend-finder>section .social-login-buttons {
    overflow: hidden;
    margin: 20px
}

.panel.friend-finder>section .social-login-buttons>p {
    margin: 0 5px;
    margin-top: 5px
}

.panel.friend-finder>section .connected {
    display: table
}

.panel.friend-finder>section .connected>* {
    display: table-cell;
    vertical-align: middle;
    padding-left: 5px
}

.panel.friend-finder>section .connected>*:first-child {
    padding-left: 0
}

.panel.friend-finder>section .connected .disconnect {
    color: #737373
}

.panel.friend-finder>section .connected .disconnect:hover {
    color: #000
}

.panel.friend-finder .invite_container {
    border: 1px solid #e2e2e2;
    padding: 5px;
    margin: 10px 0
}

.panel.friend-finder .invite_container .scroll-y {
    overflow-y: auto;
    height: 400px
}

.panel.friend-finder .contacts {
    display: table;
    width: 100%
}

.panel.friend-finder .contacts.header {
    border-bottom: 1px solid #e2e2e2;
    border-collapse: collapse;
    padding-bottom: 5px;
    margin-bottom: 5px
}

.panel.friend-finder .contacts>.contact {
    display: table-row
}

.panel.friend-finder .contacts>.contact>* {
    display: table-cell
}

.panel.friend-finder .contacts>.contact .contact_name {
    max-width: 150px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 10px
}

.panel.friend-finder .contacts>.contact .contact_mail {
    text-align: right;
    max-width: 150px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.view-all-suggestions {
    display: block;
    margin: 10px;
    padding-top: 10px;
    text-align: center
}

.view-all-suggestions em {
    font-weight: bold;
    font-family: "HelveticaNeueW02-75Bold"
}

.suggested-users {
    overflow: hidden
}

.social_photo img {
    width: 50px;
    height: 50px
}

.suggested-user {
    overflow: hidden;
    margin-bottom: 10px
}

section .suggested-user.closed {
    display: none
}

.suggested-user .social_photo {
    float: left
}

.suggested-user .suggested-user-info {
    margin-left: 60px
}

.suggested-user .suggested-user-info>button {
    display: block;
    margin-top: 2px
}

.suggested-user .suggested-user-info em {
    font-size: 12px
}

.suggested-user .ignore-user {
    float: right;
    color: #999;
    padding-left: 5px;
    display: block
}

.suggested-user .ignore-user:hover {
    color: #000
}

.panel.friend-finder .suggested-user {
    width: 50%;
    float: left;
    margin-top: 10px;
    padding-right: 10px
}

.social_photo {
    position: relative
}

.social_photo>i {
    position: absolute;
    right: 2px;
    bottom: 8px;
    color: #fff;
    text-rendering: optimizelegibility;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.8)
}

button.facebook,
button.twitter,
button.google,
button.microsoft {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 13px;
    width: 280px;
    text-align: left
}

.twitter-before:hover,
.facebook-before:hover,
.google-before:hover,
.microsoft-before:hover {
    color: #dbdbdb
}

.facebook-before {
    background-color: #0064ab;
    border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    color: #f4f4f4;
    display: block;
    float: left;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 50px;
    font-size: 25px
}

.facebook {
    background-color: #0079ce;
    border: 0;
    border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    color: #f4f4f4;
    cursor: pointer;
    height: 50px;
    text-transform: uppercase;
    padding: 0 10px
}

.twitter-before {
    font-size: 25px;
    background-color: #189bcb;
    border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    color: #f4f4f4;
    display: block;
    float: left;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 50px
}

.twitter {
    background-color: #1bb2e9;
    border: 0;
    border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    color: #f4f4f4;
    cursor: pointer;
    height: 50px;
    text-transform: uppercase;
    padding: 0 10px
}

.google-before {
    font-size: 25px;
    background-color: #c43d2b;
    border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    color: #f4f4f4;
    display: block;
    float: left;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 50px
}

.google {
    background-color: #d34836;
    border: 0;
    border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    color: #f4f4f4;
    cursor: pointer;
    height: 50px;
    text-transform: uppercase;
    padding: 0 10px
}

.microsoft-before {
    font-size: 25px;
    background-color: #8c0095;
    border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    color: #f4f4f4;
    display: block;
    float: left;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 50px
}

.microsoft {
    background-color: #a700ae;
    border: 0;
    border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    color: #f4f4f4;
    cursor: pointer;
    height: 50px;
    text-transform: uppercase;
    padding: 0 10px
}

.error-page {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #cfcfcf;
    -webkit-border-radius: 3px;
    padding: 12px;
    max-width: 800px;
    word-wrap: break-word
}

iframe.embedly-embed {
    margin-top: 10px;
    display: block;
    max-width: 554px
}

#compose_boxes {
    position: fixed;
    z-index: 10052;
    bottom: 0;
    right: 0
}

@media(max-width:1024px) {
    #compose_boxes {
        top: 0
    }
}

#compose_boxes .overlay {
    display: none
}

#compose_boxes .compress {
    display: none !important
}

#compose_boxes.has-expanded {
    position: static
}

#compose_boxes.has-expanded .compress {
    display: table-cell !important
}

#compose_boxes.has-expanded .expand {
    display: none !important
}

#compose_boxes.has-expanded .overlay {
    display: block
}

#compose_boxes.has-expanded .compose {
    position: absolute;
    top: 100px;
    bottom: 100px;
    left: 100px;
    right: 100px;
    width: auto;
    z-index: 10001
}

#compose_boxes.has-expanded .compose:not(.expanded) {
    display: none !important
}

#compose_boxes:not(.has-expanded) .compose.minimized {
    height: 37px !important;
    overflow: hidden;
    width: 250px
}

#compose_boxes:not(.has-expanded) .compose.minimized .tools {
    display: none
}

#compose_boxes>.compose {
    float: left;
    background-color: #fff;
    margin-right: 25px;
    position: relative;
    height: 450px;
    width: 510px;
    box-shadow: rgba(0, 0, 0, 0.2) 0 2px 6px;
    background-color: #fff
}

#compose_boxes>.compose .compose_head {
    background: #11a6b5;
    height: 36px;
    width: 100%;
    color: #fff;
    padding: 7px;
    display: table
}

#compose_boxes>.compose .compose_head a {
    color: #fff;
    padding-right: 5px;
    padding-left: 5px
}

#compose_boxes>.compose .compose_head a:hover {
    background-color: #000
}

#compose_boxes>.compose .compose_head>* {
    display: table-cell;
    vertical-align: middle
}

#compose_boxes>.compose .compose_head .title-span {
    width: 100%;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 170px
}

#compose_boxes>.compose .form-input {
    padding: 7px;
    border-bottom: 1px solid #e2e2e2;
    display: table;
    width: 100%
}

#compose_boxes>.compose .form-input.tag-selector {
    padding: 3px 7px
}

#compose_boxes>.compose .form-input>* {
    display: table-cell;
    vertical-align: middle
}

#compose_boxes>.compose .form-input>label {
    width: 75px
}

#compose_boxes>.compose input[type="text"] {
    border: 0;
    width: 100%
}

#compose_boxes>.compose .form-input.entry {
    position: absolute;
    top: 120px;
    bottom: 40px;
    left: 0;
    right: 0;
    overflow: auto;
    border-bottom: 0;
    display: block
}

#compose_boxes>.compose .form-input.entry::-webkit-scrollbar {
    width: 10px;
    height: 16px
}

#compose_boxes>.compose .form-input.entry::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07)
}

#compose_boxes>.compose .form-input.entry::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none
}

#compose_boxes>.compose .form-input.entry::-webkit-scrollbar-corner {
    background-color: transparent
}

#compose_boxes>.compose .form-input.entry .editor {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    resize: none
}

#compose_boxes>.compose .twitter-typeahead {
    width: 100%
}

#compose_boxes>.compose .tt-menu {
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.2) 0 2px 6px
}

#compose_boxes>.compose .tt-menu {
    min-width: 160px;
    margin-top: 2px;
    padding: 5px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    background-clip: padding-box
}

#compose_boxes>.compose .tt-suggestion {
    display: block;
    padding: 3px 20px
}

#compose_boxes>.compose .tt-suggestion.tt-cursor {
    background-color: #dfdfdf;
    cursor: pointer
}

#compose_boxes>.compose .tt-suggestion p {
    margin: 0
}

#compose_boxes>.compose .tools {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 40px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    background: #e7e7e7
}

#compose_boxes>.compose .tools>* {
    padding: 8px 15px;
    float: left;
    color: #777;
    display: block;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    cursor: pointer
}

#compose_boxes>.compose .tools>*:not(.share-on):hover {
    background-color: #e2e2e2
}

#compose_boxes>.compose .tools .btn_image.loading-spinner i {
    visibility: hidden
}

#compose_boxes>.compose .tools .float-right {
    float: right
}

#compose_boxes>.compose .tools .share-on {
    color: #fff;
    height: auto;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

#compose_boxes>.compose .tools .share-on.not-selected {
    color: #777;
    background-color: transparent !important
}

#compose_boxes>.compose .tools .share-on:last-child {
    border-left: 1px solid rgba(0, 0, 0, 0.1)
}

#compose_boxes>.compose .tools .entry_submit {
    text-transform: uppercase;
    padding: 3px 20px;
    color: #fff;
    margin-left: 5px;
    float: right;
    margin-top: 4px;
    margin-right: 5px
}

#compose_boxes>.compose .tools .draft_timestamp {
    border-right: 0;
    cursor: default
}

#compose_boxes>.compose .tools .file_upload {
    display: none
}

#compose_boxes>.compose.hover .dropzone-hover {
    display: block
}

#compose_boxes>.compose .dropzone-hover {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

#compose_boxes>.compose .dropzone-hover:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    filter: alpha(opacity=50);
    -ms-filter: "alpha(opacity=50)";
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5;
    z-index: 1
}

#compose_boxes>.compose .dropzone-hover>div {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    -webkit-animation-direction: normal;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: blink;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-direction: normal;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-name: blink;
    -moz-animation-timing-function: ease-in-out;
    z-index: 2;
    position: absolute;
    width: 200px;
    height: 200px;
    margin-left: -100px;
    left: 50%;
    top: 50%;
    margin-top: -100px;
    background: #11a6b5;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    padding-top: 25px;
    font-size: 13px;
    padding-left: 15px;
    padding-right: 15px;
    color: #fff;
    font-family: 'Roboto';
    line-height: 22px
}

#compose_boxes>.compose .dropzone-hover>div>i {
    font-size: 65px
}

#compose_boxes>.compose>img {
    display: block;
    margin-top: 10px
}

#compose_boxes>.compose .upload-image {
    cursor: default;
    width: 250px;
    min-height: 170px;
    border: 1px solid #e2e2e2;
    position: relative;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 5px;
    display: block
}

#compose_boxes>.compose .upload-image>i {
    visibility: hidden
}

#compose_boxes>.compose .upload-image .percent {
    position: absolute;
    left: 0;
    bottom: 3px;
    right: 0;
    text-align: center;
    font-family: 'Roboto';
    font-size: 20px;
    line-height: 1.2em
}

#compose_boxes>.compose .upload-image.loading>i {
    visibility: visible;
    font-size: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -22px;
    margin-top: -25px
}

#compose_boxes>.compose div.upload-image {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

#compose_boxes>.compose img.upload-image {
    height: auto;
    min-height: 0
}

#compose_boxes>.compose .creating-overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background-color: #fff;
    filter: alpha(opacity=90);
    -ms-filter: "alpha(opacity=90)";
    -moz-opacity: .9;
    -khtml-opacity: .9;
    opacity: .9;
    z-index: 10060
}

#compose_boxes>.compose .creating-message {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10061;
    text-align: center;
    margin-left: -175px;
    margin-top: -50px;
    width: 350px
}

#compose_boxes>.compose .creating-message h1 {
    margin-bottom: 15px
}

#compose_boxes>.compose .creating-overlay,
#compose_boxes>.compose .creating-message {
    display: none
}

#compose_boxes>.compose.creating .creating-overlay,
#compose_boxes>.compose.creating .creating-message {
    display: block
}

#compose_boxes>.compose.mobile-screen {
    margin-right: 0 !important;
    height: 100%
}

#compose_boxes>.compose.mobile-screen .spoiler,
#compose_boxes>.compose.mobile-screen .expand {
    display: none !important
}

.results-count {
    float: right;
    padding: .5em 9px .5em 5px
}

.search-results .no-result {
    margin: 100px;
    text-align: center;
    line-height: 25px
}

.search-results h1 {
    padding-bottom: 0 !important;
    border-bottom: 0 !important
}

.search-results section {
    padding: 0
}

.search-results .search-result {
    padding: .5em 9px .5em 5px;
    border-bottom: 1px solid #e2e2e2;
    color: #000;
    display: table;
    width: 100%
}

.search-results .search-result:hover {
    color: #000;
    background-color: #f6f6f6
}

.search-results .search-result span {
    display: table-cell;
    vertical-align: middle
}

.search-results .search-result span:first-child {
    width: 100%
}

.search-results .search-options {
    font-size: 14px;
    display: table;
    width: 100%;
    text-align: right;
    padding-bottom: 10px;
    padding-right: 10px
}

.search-results .search-options .selected {
    color: #000
}

.clairvoyance {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #cfcfcf;
    -webkit-border-radius: 3px;
    padding: 10px
}

.clairvoyance ol {
    margin-left: 40px;
    margin-top: 10px
}

.clairvoyance ol li {
    list-style-type: lower-roman
}

.entry-comments {
    position: relative;
    background: #fafafa;
    border-top: 1px solid #e5e5e5;
    padding: 12px;
    padding-top: 0
}

.entry-comments .comment {
    padding-bottom: 0
}

.entry-comments>* {
    border-top: 1px solid #e2e2e2;
    padding-top: 10px
}

.entry-comments>*:first-child {
    border-top: 0
}

.entry-comments .entry_text {
    padding: 0 !important
}

.entry-comments form .comment-table {
    position: relative
}

.entry-comments form .comment-table>.avatar {
    width: 30px;
    height: 30px;
    left: 0;
    top: 10px;
    position: absolute
}

.entry-comments form .comment-table>div {
    width: 100%;
    padding: 10px 35px 5px 40px
}

.entry-comments form .comment-table>div textarea {
    border: 1px solid #e2e2e2;
    resize: none;
    width: 100%;
    box-sizing: border-box;
    height: 32px
}

.entry-comments form .comment-table>div textarea.focus {
    height: 106px
}

.entry-comments form .comment-table>button {
    background: transparent;
    padding: 5px;
    font-size: 16px;
    position: absolute;
    right: 0;
    bottom: 7px;
    border: 0;
    color: #4d4d4d
}

.entry-comments form .comment-table>button:hover {
    color: #000
}

.entry-comments .likes {
    margin: 0 -10px;
    padding: 5px 10px;
    background: #f7f7f7;
    font-size: 13px;
    margin-top: 10px
}

.entry-comments .likes a.comment-like .text-unlike {
    display: none
}

.entry-comments .likes a.comment-like.liked .text-like {
    display: none
}

.entry-comments .likes a.comment-like.liked .text-unlike {
    display: inline-block
}

.entry-comments#duyuru-comments:before {
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.15);
    content: ''
}

.entry-comments#duyuru-comments:after {
    position: absolute;
    top: -6px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #f8f8f8;
    border-left: 6px solid transparent;
    content: ''
}

.panel.friends .search-bar-widget {
    float: right
}

.search-bar-widget {
    border: 1px solid #e2e2e2;
    position: relative
}

.search-bar-widget input {
    border: 0;
    padding-right: 35px;
    width: 150px;
    font-size: 12px
}

.search-bar-widget i.fa {
    border: 0;
    font-size: 1.2em;
    width: 30px;
    text-align: center;
    border-radius: 0;
    position: absolute;
    top: 4px;
    right: 0;
    bottom: 3px;
    color: #666;
    border-left: 1px solid #ddd;
    padding-top: 3px
}

.index-empty {
    margin: 30px 15px;
    font-size: 18px;
    line-height: 28px;
    text-align: center
}

.right-box.duyurular .duyuru a,
.right-box.duyurular .related a,
.right-box.duyurular .top20 a,
.right-box.related .duyuru a,
.right-box.related .related a,
.right-box.related .top20 a {
    display: block;
    border-bottom: 1px solid #e2e2e2;
    text-align: left;
    padding: 4px 10px 4px 10px;
    color: #000;
    font-size: 15px
}

.right-box.duyurular .duyuru a:hover,
.right-box.duyurular .related a:hover,
.right-box.duyurular .top20 a:hover,
.right-box.related .duyuru a:hover,
.right-box.related .related a:hover,
.right-box.related .top20 a:hover {
    background-color: #f6f6f6
}

.right-box.duyurular .duyuru a span.count,
.right-box.duyurular .related a span.count,
.right-box.duyurular .top20 a span.count,
.right-box.related .duyuru a span.count,
.right-box.related .related a span.count,
.right-box.related .top20 a span.count {
    float: right;
    margin-top: 1px;
    font-size: 13px;
    display: block;
    color: #999
}

.right-box.duyurular .duyuru a span.count i.fa.fa-comment,
.right-box.duyurular .related a span.count i.fa.fa-comment,
.right-box.duyurular .top20 a span.count i.fa.fa-comment,
.right-box.related .duyuru a span.count i.fa.fa-comment,
.right-box.related .related a span.count i.fa.fa-comment,
.right-box.related .top20 a span.count i.fa.fa-comment {
    margin-left: 3px
}

.right-box.duyurular .top20,
.right-box.related .top20 {
    overflow: hidden
}

.right-box.duyurular .top20 a,
.right-box.related .top20 a {
    padding: 0
}

.right-box.duyurular .top20 a span.table,
.right-box.related .top20 a span.table {
    padding: 4px 10px 4px 10px;
    display: table;
    width: 100%
}

.right-box.duyurular .top20 a span.table>*,
.right-box.related .top20 a span.table>* {
    display: table-cell !important;
    vertical-align: middle;
    width: 100%;
    padding-right: 10px
}

.right-box.duyurular .top20 a .count,
.right-box.related .top20 a .count {
    width: 100%;
    float: none !important;
    white-space: nowrap;
    display: block;
    padding: 4px 10px 4px 10px
}

.right-box.duyurular .top20 a .related-image,
.right-box.related .top20 a .related-image {
    width: 100%
}

.right-box.duyurular .pager_short,
.right-box.related .pager_short {
    width: auto;
    float: right
}

.right-box.duyurular .pager_short a,
.right-box.related .pager_short a {
    color: #999 !important
}

.entries_section.duyurular article h2 {
    margin-left: 0
}

.entries_section.duyurular article .follow-comment .fa-eye-slash {
    display: none
}

.entries_section.duyurular article .follow-comment.followed .fa-eye {
    display: none
}

.entries_section.duyurular article .follow-comment.followed .fa-eye-slash {
    display: inline-block
}

.new-duyuru .white_section {
    padding: 10px;
    margin-bottom: 15px
}

.new-duyuru .white_section p {
    margin-bottom: 10px
}

.answer {
    padding-bottom: 10px !important
}

.answer .avatar {
    width: 30px !important;
    height: 30px !important
}

.answer .dateauthor>a.user-nick,
.answer .dateauthor>div.date-permalink {
    left: 38px !important
}

#notification-popup li,
.panel.notifications li {
    white-space: normal;
    border-bottom: 1px solid #ddd;
    display: block;
    width: 100%;
    padding: 5px;
    font-size: 13px;
    color: #777;
    padding-left: 10px;
    padding-right: 10px
}

#notification-popup li:hover,
.panel.notifications li:hover {
    background-color: #eee;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#notification-popup .circular,
.panel.notifications .circular {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

#notification-popup>a,
.panel.notifications>a {
    display: block
}

#notification-popup .avatar,
.panel.notifications .avatar {
    width: 40px;
    height: 40px;
    float: left;
    border: 1px solid #ddd
}

#notification-popup .circular.with_icon,
.panel.notifications .circular.with_icon {
    width: 40px;
    height: 40px;
    float: left;
    border: 1px solid #ddd;
    font-size: 25px;
    text-align: center
}

#notification-popup li:hover .circular.with_icon,
.panel.notifications li:hover .circular.with_icon {
    border-color: #777
}

#notification-popup .circular.with_icon>.fa,
.panel.notifications .circular.with_icon>.fa {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    margin-top: 6px
}

#notification-popup .notif_content,
.panel.notifications .notif_content {
    text-align: left
}

#notification-popup li.with_image>.notif_content,
.panel.notifications li.with_image>.notif_content {
    margin-left: 50px
}

#notification-popup li>.notif_content .bold,
.panel.notifications li>.notif_content .bold {
    font-weight: bold
}

#notification-popup .notification_date,
.panel.notifications .notification_date {
    margin-top: 5px
}

#notification-popup ul.picker,
.panel.notifications ul.picker {
    height: auto;
    display: table;
    width: 100%
}

#notification-popup ul.picker>li,
.panel.notifications ul.picker>li {
    display: table-cell;
    width: 50%
}

#notification-popup ul.picker>li:first-child,
.panel.notifications ul.picker>li:first-child {
    border-right: 1px solid #e5e6e9
}

#notification-popup ul.picker>li>a,
.panel.notifications ul.picker>li>a {
    display: block;
    width: 100%;
    padding-top: 3px;
    padding-bottom: 3px;
    color: #aaa
}

#notification-popup ul.picker>li>a.active,
.panel.notifications ul.picker>li>a.active {
    color: #000
}

#notification-popup>ul,
.panel.notifications>ul {
    overflow-y: scroll;
    height: 300px
}

#notification-popup .explain,
.panel.notifications .explain {
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-size: 13px
}

#notification-popup .no_notification,
.panel.notifications .no_notification {
    text-align: center;
    color: #333;
    margin: auto;
    width: 380px;
    margin-top: 90px
}

#notification-popup .explain h1,
.panel.notifications .explain h1 {
    font-size: 16px;
    color: #000;
    margin-bottom: 10px
}

#notification-popup .action-button,
.panel.notifications .action-button {
    float: right;
    margin-top: 8px
}

.top-popup #display_all {
    width: 100%;
    text-align: center;
    padding: 10px;
    border-top: 1px solid #ddd;
    background-color: #fafafa;
    -moz-box-shadow: 0 -6px 10px rgba(100, 100, 100, 0.1);
    -webkit-box-shadow: 0 -6px 10px rgba(100, 100, 100, 0.1);
    -o-box-shadow: 0 -6px 10px rgba(100, 100, 100, 0.1);
    box-shadow: 0 -6px 10px rgba(100, 100, 100, 0.1);
    color: #000;
    display: block
}

.top-popup #display_all:hover {
    background-color: #ddd
}

.modal .modal_content {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 300px;
    height: 300px;
    margin-left: -150px;
    margin-top: -150px;
    background-color: #fff;
    z-index: 10001
}

.ajax-loading .fixed-title-header {
    display: none
}

.fixed-title-header .title-left,
.fixed-title-header .title-right {
    display: none
}

body.fixed-header-open .fixed-title-header {
    transform: translate3d(0, 100%, 0);
    -webkit-transform: translate3d(0, 100%, 0);
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4)
}

.fixed-title-header {
    transition: transform .25s ease-in-out;
    -webkit-transition: -webkit-transform .25s ease-in-out;
    top: -45px;
    height: 45px;
    background: #11a6b5;
    position: fixed;
    z-index: 10000;
    left: 0;
    right: 0;
    padding: 0 !important;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.fixed-title-header>.title-header-content {
    margin-left: auto;
    margin-right: auto;
    width: 1190px;
    display: table
}

.fixed-title-header>.title-header-content>* {
    display: table-cell;
    vertical-align: middle;
    height: 45px
}

.fixed-title-header>.title-header-content>.title-left {
    padding-right: 10px;
    width: 300px
}

.fixed-title-header>.title-header-content>.title-right {
    padding-left: 10px;
    width: 310px
}

.fixed-title-header>.title-header-content>.title-right>div>* {
    float: right
}

.fixed-title-header>.title-header-content>.title-right>div .fb_iframe_widget {
    margin-right: 10px;
    margin-top: -4px
}

.fixed-title-header>.title-header-content .title-middle {
    padding: 0
}

.fixed-title-header .logotipo {
    width: 125px;
    text-indent: -1000px
}

.fixed-title-header .logotipo a {
    display: block;
    width: 202px;
    height: 35px;
    overflow: hidden;
    color: #fff;
    font-size: 28px;
    margin: 0;
    background: url('/upload/desktop-logo.png');
    background-position: -1px 0;
    background-size: 202px 35px;
    background-repeat: no-repeat
}


    header.main_header {
        position: fixed;
    }



.fixed-title-header .logotipo a:after {
    display: none !important
}

.fixed-title-header .featured a {
    padding: 11px 8px 10px 8px;
    color: #000
}

.fixed-title-header .featured .sf_desc {
    width: 100%;
    text-align: right
}

.fixed-title-header .middle-buttons {
    display: table;
    width: 100%;
    white-space: nowrap
}

.fixed-title-header .middle-buttons>* {
    display: table-cell;
    vertical-align: middle
}

.fixed-title-header .middle-buttons>*:first-child {
    width: 100%
}

@media(max-width:767px) {
    .fixed-title-header .middle-buttons>*:first-child {
        display: none
    }
    .fixed-title-header .middle-buttons>*:nth-child(2) {
        width: 100%
    }
}

.fixed-title-header button.but.fake_input {
    font-size: 15px;
    padding: 2px 12px 2px 12px;
    margin-right: 12px
}

.sfl-refresh {
    padding-right: 0 !important;
    padding-left: 0 !important
}

span.new-count,
.related-titles-right .related-link h3>span:last-child {
    background-color: #bcd644;
    display: inline-block;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    padding: 0 5px;
    margin-left: 5px
}

#scroll-to-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background: #fff;
    font-size: 26px;
    text-align: center;
    padding-top: 7px;
    color: #999;
    border: 1px solid #ddd;
    display: none
}

#scroll-to-top:hover {
    color: #000
}

body.fixed-header-open #scroll-to-top {
    display: block
}

.invite-beta-form #following-list {
    margin: 10px 0;
    height: 300px;
    overflow-y: auto
}

@media(max-width:767px) {
    .invite-beta-form #following-list {
        height: 200px
    }
}

.invite-beta-form #following-list .suggested-user {
    padding: 4px;
    border-radius: 4px;
    margin: 2px;
    width: 49%;
    float: left;
    padding-right: 10px;
    cursor: pointer
}

@media(max-width:767px) {
    .invite-beta-form #following-list .suggested-user {
        width: 100%;
        margin: 0
    }
}

.invite-beta-form #following-list .suggested-user input {
    display: none
}

.invite-beta-form #following-list .suggested-user.selected {
    background: #bcd644;
    color: #fff
}

.invite-beta-form #following-list .suggested-user-info {
    text-align: left
}

#open-invite-widget {
    position: fixed;
    bottom: 0;
    right: 60px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 3px 15px;
    font-size: 14px
}

@media(max-width:767px) {
    body.fixed-header-open #open-invite-widget {
        display: none
    }
    #open-invite-widget {
        right: 0
    }
}

.warning {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #cfcfcf;
    -webkit-border-radius: 3px;
    margin-bottom: 10px;
    padding: 10px
}

.panel.notifications section {
    padding: 0
}

.panel.notifications ul {
    overflow: hidden;
    height: auto
}

.panel.notifications .next-endless {
    display: block;
    text-align: center;
    padding: 10px
}

.panel.applications .widget-item {
    margin-bottom: 10px
}

.right-box.radio .listen {
    float: right
}

.right-box.radio .listen a {
    color: #999
}

.right-box.radio .radio-content {
    overflow: hidden;
    padding: 10px;
    padding-top: 0;
    font-size: 13px
}

.right-box.radio .radio-content i.fa.fa-play {
    color: #737171
}

.right-box.radio .radio-content .program-info {
    margin-bottom: 10px
}

.right-box.radio .radio-content .program-info .program-name {
    color: #000
}

.right-box.radio .radio-content .program-info .program-dj {
    color: #999
}

.right-box.radio .radio-content.with-artwork .artwork {
    width: 80px;
    float: left
}

.right-box.radio .radio-content.with-artwork .content {
    margin-left: 90px
}

.right-box.radio .radio-content .listeners li {
    margin-right: 5px;
    margin-bottom: 5px;
    clear: both;
    display: inline-block
}

.right-box.radio .radio-content .listeners li a {
    width: 30px;
    height: 30px;
    display: block;
    overflow: hidden;
    color: #000
}

.right-box.radio .radio-content .listeners li img {
    width: 30px;
    height: 30px
}

.right-box.radio .radio-content .now-playing {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 265px;
    overflow: hidden;
    display: inline-block;
    line-height: 17px
}

.right-box.radio .radio-content.with-artwork .now-playing {
    max-width: 185px
}

.right-box.radio .radio-content .listener-guest {
    display: block;
    width: 30px;
    height: 30px;
    border: 1px solid #e2e2e2;
    padding: 2px;
    font-size: 9px;
    text-align: center
}

a.share-icon,
div.share-icon {
    display: block;
    width: 35px;
    height: 35px;
    text-align: center
}

a.share-icon:hover,
div.share-icon:hover {
    text-decoration: none !important
}

.middle-buttons a.share-icon,
.middle-buttons div.share-icon {
    margin-left: 5px
}

a.share-icon [class^="icon-"]:before,
a.share-icon [class*=" icon-"]:before,
div.share-icon [class^="icon-"]:before,
div.share-icon [class*=" icon-"]:before {
    line-height: 38px
}

a.share-icon i,
div.share-icon i {
    display: block;
    font-size: 25px;
    color: #fff
}

a.share-icon.share-facebook,
div.share-icon.share-facebook {
    background-color: #3b55a0;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#4c69ba), to(#3b55a0));
    background-image: -moz-linear-gradient(top, #4c69ba, #3b55a0);
    background-image: -ms-linear-gradient(top, #4c69ba, #3b55a0);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4c69ba), color-stop(100%, #3b55a0));
    background-image: -webkit-linear-gradient(top, #4c69ba, #3b55a0);
    background-image: -o-linear-gradient(top, #4c69ba, #3b55a0);
    background-image: linear-gradient(top, #4c69ba, #3b55a0);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#4c69ba', endColorstr='#3b55a0', GradientType=0)
}

a.share-icon.share-twitter,
div.share-icon.share-twitter {
    background-color: #fff;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#4e9edc), to(#5daae6));
    background-image: -moz-linear-gradient(top, #4e9edc, #5daae6);
    background-image: -ms-linear-gradient(top, #4e9edc, #5daae6);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4e9edc), color-stop(100%, #5daae6));
    background-image: -webkit-linear-gradient(top, #4e9edc, #5daae6);
    background-image: -o-linear-gradient(top, #4e9edc, #5daae6);
    background-image: linear-gradient(top, #4e9edc, #5daae6);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#4e9edc', endColorstr='#5daae6', GradientType=0)
}

a.share-icon.share-whatsapp,
div.share-icon.share-whatsapp {
    background-color: #2ab200
}

body.no-touch a.share-icon.share-whatsapp,
body.no-touch div.share-icon.share-whatsapp {
    display: none
}

a.share-icon.share-mail,
div.share-icon.share-mail {
    background-color: #cb3b27
}

a.share-icon.share-tumblr,
div.share-icon.share-tumblr {
    background-color: #35465c
}

a.share-icon.share-gplus,
div.share-icon.share-gplus {
    background-color: #dd4b39
}

a.share-icon.share-linkedin,
div.share-icon.share-linkedin {
    background-color: #007bb6
}

a.share-icon.share-pinterest,
div.share-icon.share-pinterest {
    background-color: #cb2027
}

a.share-icon.share-reddit,
div.share-icon.share-reddit {
    background-color: #cee3f8
}

@media(max-width:767px) {
    a.share-icon.share-reddit,
    div.share-icon.share-reddit {
        display: none
    }
}

a.share-icon.share-reddit i,
div.share-icon.share-reddit i {
    color: #000
}

a.share-icon.share-embed,
div.share-icon.share-embed {
    background-color: #e2e2e2
}

a.share-icon.share-embed>i,
div.share-icon.share-embed>i {
    color: #000
}

a.share-icon.share-embed>i:before,
div.share-icon.share-embed>i:before {
    line-height: 37px;
    top: -3px;
    position: relative
}

@media(max-width:767px) {
    a.share-icon.share-embed,
    div.share-icon.share-embed {
        display: none
    }
}

a.share-icon.share-count,
div.share-icon.share-count {
    background-color: #efefef;
    color: #989898;
    width: auto;
    padding: 0 10px;
    text-align: center;
    max-width: none;
    white-space: nowrap;
    line-height: 35px;
    margin-right: 10px;
    position: relative
}

a.share-icon.share-count b,
div.share-icon.share-count b {
    color: #000
}

a.share-icon.share-count::after,
div.share-icon.share-count::after {
    position: absolute;
    top: 8px;
    right: -9px;
    display: inline-block;
    border-top: 11px solid transparent;
    border-left: 11px solid #efefef;
    border-bottom: 11px solid transparent;
    content: ''
}

@media(max-width:767px) {
    a.share-icon.share-count span,
    div.share-icon.share-count span {
        display: none
    }
}

.share-menu {
    width: 100%;
    text-align: center;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: .2s linear all;
    -khtml-transition: .2s linear all;
    -moz-transition: .2s linear all;
    -ms-transition: .2s linear all;
    -o-transition: .2s linear all;
    transition: .2s linear all
}

.share-menu a.share-icon {
    width: 30px;
    height: 30px;
    margin-left: 2px;
    margin-right: 2px
}

.share-menu a.share-icon [class^="icon-"]:before,
.share-menu a.share-icon [class*=" icon-"]:before {
    line-height: 32px
}

.share-menu a.share-icon i {
    font-size: 20px
}

.share-menu>* {
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px
}

article.share-open .share-menu,
body.not-logged .share-menu {
    max-height: 100px
}

.send-message {
    width: 100%;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: .2s linear all;
    -khtml-transition: .2s linear all;
    -moz-transition: .2s linear all;
    -ms-transition: .2s linear all;
    -o-transition: .2s linear all;
    transition: .2s linear all;
    position: relative
}

.message-open .send-message {
    max-height: 123px
}

.send-message>div {
    margin: 12px;
    padding-right: 35px
}

.send-message>div>textarea {
    padding: 7px;
    width: 100%;
    height: 100px;
    resize: none;
    border: 1px solid #e2e2e2
}

.send-message>button {
    background: transparent;
    padding: 5px;
    font-size: 16px;
    position: absolute;
    right: 12px;
    bottom: 7px;
    border: 0;
    color: #4d4d4d
}

.send-message>button:hover {
    color: #000
}

.tag-recommendation {
    padding: 10px 12px;
    font-size: 13px;
    border-top: 1px solid #e7e7e7
}

@keyframes removed-item-animation {
    0 {
        opacity: 1;
        transform: translateX(0)
    }
    30% {
        opacity: 1;
        transform: translateX(50px)
    }
    80% {
        opacity: 1;
        transform: translateX(-800px)
    }
    100% {
        opacity: 0;
        transform: translateX(-800px)
    }
}

@-webkit-keyframes removed-item-animation {
    0 {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    30% {
        opacity: 1;
        -webkit-transform: translateX(50px);
        transform: translateX(50px)
    }
    80% {
        opacity: 1;
        -webkit-transform: translateX(-800px);
        transform: translateX(-800px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-800px);
        transform: translateX(-800px)
    }
}

@-o-keyframes removed-item-animation {
    0 {
        opacity: 1;
        -o-transform: translateX(0);
        transform: translateX(0)
    }
    30% {
        opacity: 1;
        -o-transform: translateX(50px);
        transform: translateX(50px)
    }
    80% {
        opacity: 1;
        -o-transform: translateX(-800px);
        transform: translateX(-800px)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(-800px);
        transform: translateX(-800px)
    }
}

.removed-item {
    -webkit-animation: removed-item-animation .8s cubic-bezier(0.65, -0.02, 0.72, 0.29);
    -o-animation: removed-item-animation .8s cubic-bezier(0.65, -0.02, 0.72, 0.29);
    animation: removed-item-animation .8s cubic-bezier(0.65, -0.02, 0.72, 0.29)
}

article.entry-object {
    padding: 0;
    padding-top: 12px
}

article.entry-object.edit-enable .entry_text {
    display: none
}

article.entry-object.edit-enable .edit-entry {
    text-align: right;
    margin: 12px
}

article.entry-object.edit-enable .edit-entry textarea {
    resize: none;
    width: 100%;
    border: 0;
    padding: 7px;
    background-color: #fff
}

article.entry-object.edit-enable .edit-entry .tools {
    float: left
}

article.entry-object.edit-enable .edit-entry .tools>a {
    display: inline-block;
    background-color: #e2e2e2;
    margin-right: 1px;
    color: #000;
    cursor: pointer;
    text-align: center;
    font-size: 12px;
    border-radius: 3px;
    padding: 3px 8px;
    border: 1px solid #c7c7c7
}

article.entry-object.edit-enable .edit-entry .tools>a:hover {
    background-color: #c7c7c7;
    text-decoration: none
}

article.entry-object.edit-enable .edit-cancel {
    background-color: #f55753
}

article.entry-object.deleted .published {
    display: none;
    padding: 10px 0;
    font-size: 13px;
    border-top: 1px solid #e7e7e7
}

article.entry-object>.entry_header,
article.entry-object .entry_text {
    padding-left: 12px;
    padding-right: 12px
}

@media(max-width:767px) {
    article.entry-object>.entry_header,
    article.entry-object .entry_text {
        word-break: break-word
    }
}

article.entry-object>footer {
    margin-right: 12px;
    margin-left: 12px
}

article.entry-object.mobile-banner-entry {
    padding: 0 !important;
    margin: 0 !important;
    background-color: transparent !important;
    border: 0 !important
}

.panel.viral section {
    padding: 0
}

.panel.viral .viral {
    border-bottom: 1px solid #e2e2e2;
    text-align: left;
    color: #000;
    font-size: 15px;
    transition: background-color .2s linear 0;
    width: 100%
}

.panel.viral .viral a {
    color: #000;
    width: 100%;
    padding: 5px 10px 5px 10px;
    display: block
}

.panel.viral .viral a.viral-image {
    display: inline-block
}

.panel.viral .viral .operations {
    display: table;
    width: 100%
}

.panel.viral .viral .operations>* {
    display: table-cell;
    vertical-align: middle
}

.panel.viral .viral .operations>span {
    width: 100%;
    padding: 0 10px 5px 10px;
    font-size: 13px;
    display: block;
    color: #999;
    text-align: left;
    white-space: nowrap
}

.panel.viral .viral .operations>.operations-buttons {
    text-align: right;
    padding: 0 10px 5px 10px
}

.media_main header {
    margin-bottom: 0;
    padding: 0 !important
}

.media_main header .top-buttons {
    display: table;
    margin: 10px
}

.media_main header .top-buttons>* {
    display: table-cell;
    vertical-align: middle
}

.media_main header .top-buttons>*:first-child {
    width: 100%
}

.media_main header .top-buttons .share-icon {
    margin-left: 5px
}

.media_main header .image-pager {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 5px
}

.media_main header .image-pager>a {
    display: inline-block;
    border: 1px solid #e2e2e2;
    padding: 5px 0 5px 0;
    border-left: 0;
    min-width: 31px;
    text-align: center;
    font-size: 16px
}

.media_main header .image-pager>a:first-child {
    border-left: 1px solid #e2e2e2
}

.media_main header .image-pager>a:hover,
.media_main header .image-pager>a.selected {
    background: #f1f1f1;
    text-decoration: none
}

.media_main header .image-pager>a.selected {
    text-decoration: underline
}

.media_main .main-image {
    width: 100%;
    text-align: center;
    min-height: 100px;
    background-color: #000;
    position: relative
}

.media_main .main-image img.image-full-size {
    max-width: 100%;
    display: block;
    margin: 0 auto
}

.media_main .main-image a.toggle-full-screen {
    position: absolute;
    padding: 5px 10px;
    display: block;
    right: 5px;
    top: 5px;
    color: #fff;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -moz-transition: all .15s linear;
    -o-transition: all .15s linear;
    -webkit-transition: all .15s linear;
    -ms-transition: all .15s linear;
    transition: all .15s linear;
    z-index: 2
}

.media_main .main-image a.toggle-full-screen:hover {
    color: #e6e6e6
}

body.full-screen .media_main .main-image a.toggle-full-screen {
    display: none
}

.media_main .main-image a.chevron {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    color: #fff;
    text-rendering: optimizelegibility;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
    font-size: 40px;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -moz-transition: all .15s linear;
    -o-transition: all .15s linear;
    -webkit-transition: all .15s linear;
    -ms-transition: all .15s linear;
    transition: all .15s linear;
    z-index: 1
}

.media_main .main-image a.chevron.prev {
    width: 100px;
    left: 0;
    text-align: left
}

.media_main .main-image a.chevron.prev .fa {
    left: 10px
}

.media_main .main-image a.chevron.next {
    right: 10px;
    left: 110px;
    text-align: right
}

.media_main .main-image a.chevron.next .fa {
    right: 10px
}

.media_main .main-image a.chevron:hover .fa {
    color: #e6e6e6
}

.media_main .main-image a.chevron .fa {
    position: absolute;
    top: 50%;
    margin-top: -20px
}

@media(max-width:1024px) {
    .media_main .main-image a.chevron {
        filter: alpha(opacity=100);
        -ms-filter: "alpha(opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1
    }
}

.media_main .main-image:hover a {
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.right-section.media>.media-header {
    padding: 10px
}

.right-section.media>.media-header a.toggle-full-screen {
    float: right;
    padding: 5px 10px;
    display: none;
    color: #999;
    margin-top: -10px;
    margin-right: -10px
}

.right-section.media>.media-header a.toggle-full-screen:hover {
    color: #000
}

body.full-screen .right-section.media>.media-header a.toggle-full-screen {
    display: block
}

.right-section.media>.media-header .avatar_container {
    float: left
}

.right-section.media>.media-header .avatar_container .avatar {
    width: 40px;
    height: 40px
}

.right-section.media>.media-header .date-permalink {
    margin-left: 50px
}

.right-section.media>.media-header .date-permalink a {
    color: #1a1a1a;
    font-size: 14px
}

.right-section.media>.media-header .date-permalink .media-nick {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 220px;
    overflow: hidden;
    display: block;
    line-height: 18px
}

.right-section.media>.media-header .date-permalink .permalink {
    font-size: 13px;
    color: #999
}

.right-section.media>.media-header .snippet {
    margin-top: 15px;
    font-size: 14px;
    font-style: italic
}

body.full-screen.full-screen-loaded.no-touch {
    overflow: hidden
}

body.full-screen.full-screen-loaded.no-touch #bgmain {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 999999;
    background: #000;
    margin: 0;
    height: 100%
}

body.full-screen.full-screen-loaded.no-touch #bgmain>*:first-child {
    vertical-align: middle
}

body.full-screen.full-screen-loaded.no-touch .ajax-loading {
    position: static
}

body.full-screen.full-screen-loaded.no-touch header.white_section {
    position: absolute;
    left: 0;
    right: 310px;
    top: 0;
    z-index: 9999;
    border: 0;
    background: #000
}

body.full-screen.full-screen-loaded.no-touch header.white_section h1 a {
    color: #fff
}

body.full-screen.full-screen-loaded.no-touch .main-image {
    top: 60px
}

body.full-screen.full-screen-loaded.no-touch .right-section {
    background: #fff
}

body.full-screen.full-screen-loaded.no-touch .right-section .right-box {
    border: 0
}

.right-box.cekirge {
    overflow: hidden
}

.right-box.cekirge div {
    padding: 10px;
    padding-top: 0
}

.right-box.cekirge div canvas {
    float: left
}

.right-box.cekirge div p {
    margin-left: 110px;
    font-size: 13px
}

.itusozluk-widget {
    position: fixed;
    top: 10%;
    bottom: 10%;
    left: 10%;
    right: 10%;
    background-color: #fff;
    z-index: 99999;
    border-radius: 3px;
    padding: 15px;
    text-align: center;
    overflow-y: scroll;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch
}

.itusozluk-widget img {
    max-width: 200px
}

.itusozluk-widget img,
.itusozluk-widget h2 {
    margin-bottom: 15px
}

.panel.support form {
    margin-top: 20px
}

.panel.support form label {
    display: table;
    margin-bottom: 10px;
    width: 100%
}

.panel.support form label>* {
    display: table-cell;
    vertical-align: top
}

.panel.support form label>:first-child {
    width: 150px;
    text-align: right;
    vertical-align: top;
    padding-right: 10px
}

.panel.support form label>*:last-child {
    width: 100%
}

.panel.support form label>textarea {
    height: 200px;
    resize: none
}

.panel.support form label.submit-label {
    display: inline-block;
    text-align: right
}

.panel.support form label.submit-label>*:first-child {
    width: auto
}

.panel.support .g-recaptcha {
    float: right;
    padding-right: 0
}

@media(max-width:767px) {
    .panel.support form label {
        display: block
    }
    .panel.support form label span {
        display: block;
        text-align: left !important;
        padding-bottom: 5px
    }
}

.title-actions {
    float: right
}

.title-actions a {
    -webkit-transition: color .15s linear;
    -ms-transition: color .15s linear;
    transition: color .15s linear;
    display: inline-block;
    padding: 5px;
    color: #696969;
    font-size: 15px
}

.title-actions a:hover {
    color: #000 !important
}

.title-actions .follow-title-leave {
    display: none
}

.title-actions.following .follow-title {
    display: none
}

.title-actions.following .follow-title-leave {
    display: inline-block
}

.title-actions form.in-title-search-form {
    display: none
}

.title-actions.searching {
    position: relative
}

.title-actions.searching form.in-title-search-form {
    display: block;
    position: absolute;
    z-index: 1;
    right: 120px;
    top: 0
}

.title-actions form.title-move-form {
    display: none
}

.title-actions.moving {
    position: relative
}

.title-actions.moving form.title-move-form {
    display: block;
    position: absolute;
    z-index: 1;
    right: 120px;
    top: 0
}

.title-image-upload,
.viral-image-upload {
    position: absolute;
    left: -10000px;
    top: -10000px
}

body.full-screen .related-titles {
    display: none
}

.related-titles.related-images {
    margin-top: 15px
}

.related-titles>div {
    margin-bottom: 10px
}

.related-titles>div>div {
    display: table;
    width: 100%
}

@media(max-width:767px) {
    .related-titles>div>div {
        width: 100%;
        display: block
    }
}

.related-titles>div>div div.padding {
    display: table-cell;
    width: 2%
}

.related-titles>div>div .related-link {
    display: table-cell;
    vertical-align: top;
    position: relative;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #cfcfcf;
    -webkit-border-radius: 3px;
    width: 49%;
    margin-bottom: 15px
}

.related-titles>div>div .related-link h3 {
    margin: 10px;
    font-size: 16px
}

.related-titles>div>div .related-link img {
    width: 100%;
    display: block
}

.related-titles>div>div .related-link:hover {
    background-color: #f6f6f6
}

.related-titles>div>div .related-link:hover h3 {
    color: #000
}

@media(max-width:767px) {
    .related-titles>div>div .related-link {
        width: 100%;
        display: block
    }
}

.related-titles>div>div .related-link .badge {
    display: block;
    position: absolute;
    left: 0;
    top: 20px;
    background: #11a6b5;
    color: #fff;
    padding: 0 6px;
    max-width: 25px;
    transition: max-width .1s linear;
    white-space: nowrap;
    overflow: hidden
}

.related-titles>div>div .related-link:hover .badge {
    max-width: 200px
}

.related-titles-right {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #cfcfcf;
    -webkit-border-radius: 3px;
    margin-bottom: 10px
}

body.full-screen .related-titles-right {
    display: none
}

.related-titles-right.related-images {
    margin-top: 15px
}

.related-titles-right .related-link {
    display: block;
    vertical-align: top;
    position: relative;
    width: 100%;
    padding: 20px 0
}

.related-titles-right .related-link:first-child {
    padding-top: 0
}

.related-titles-right .related-link h3 {
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 18px;
    display: table;
    width: 100%
}

.related-titles-right .related-link h3>span {
    display: table-cell;
    vertical-align: middle
}

.related-titles-right .related-link h3>span:first-child {
    width: 100%
}

.related-titles-right .related-link h3>span:last-child {
    color: #000
}

.related-titles-right .related-link img {
    width: 100%;
    margin-bottom: 20px;
    display: block
}

.related-titles-right .related-link:after {
    content: '';
    height: 1px;
    background: #e2e2e2;
    position: absolute;
    left: 10px;
    bottom: 0;
    right: 10px
}

.related-titles-right .related-link:last-child:after {
    display: none
}

.related-titles-right .related-link:hover .badge {
    max-width: 200px
}

.related-titles-right .related-link.no-visual:first-child h3 {
    margin-top: 20px
}

@media(max-width:767px) {
    .related-titles-right {
        width: 100%;
        display: block
    }
}

.related-titles-right .badge {
    display: block;
    position: absolute;
    left: -1px;
    top: 40px;
    background: #11a6b5;
    color: #fff;
    padding: 0 6px;
    max-width: 25px;
    transition: max-width .1s linear;
    white-space: nowrap;
    overflow: hidden
}

.related-titles-right .related-link:first-child .badge {
    top: 20px
}

.related-link {
    color: #066685
}

.related-link .entry-statistics {
    display: block;
    padding: 0 0 0 10px;
    margin-top: 10px;
    font-size: 15px;
    color: #767676
}

.related-link .entry-statistics>span {
    margin-left: 10px
}

.related-link .entry-statistics>span:first-child {
    margin-left: 0
}

.related-link .entry-statistics i.fa.fa-facebook {
    color: #3b55a0
}

.related-link .entry-statistics i.fa.fa-twitter {
    color: #5daae6
}

article.nsfw {
    max-height: 130px;
    overflow: hidden;
    min-height: 130px
}

.nsfw-warning {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #c2c2c2;
    filter: alpha(opacity=98);
    -ms-filter: "alpha(opacity=98)";
    -moz-opacity: .98;
    -khtml-opacity: .98;
    opacity: .98;
    z-index: 1;
    text-align: center;
    color: #000
}

.nsfw-warning h1 {
    color: #000 !important;
    margin-top: 20px;
    margin-bottom: 10px
}

.nsfw-warning h1 i {
    margin-bottom: 10px
}

.nsfw-warning h3,
.nsfw-warning h6 {
    color: #000
}

.nsfw-warning h6 {
    font-size: 12px
}

body.logged .nsfw-warning {
    display: block
}

.image-list {
    overflow: hidden;
    margin-bottom: 15px
}

.image-list .image-list-item {
    display: block;
    float: left;
    width: 25%
}

@media(max-width:767px) {
    .image-list .image-list-item {
        width: 50%
    }
}

.image-list .image-list-item img {
    width: 100%;
    display: block
}

.entry_text iframe {
    max-width: 100%;
    display: block
}

form.tags {
    padding: 12px
}

form.tags ul.token-input-list {
    border: 1px solid #e2e2e2;
    width: 100%
}

form.tags li.token-input-token {
    background-color: #11a6b5
}

form.tags div.token-input-dropdown {
    border-top: 0;
    width: 300px;
    position: absolute !important
}

form.tags div.token-input-dropdown ul li.token-input-selected-dropdown-item {
    background-color: transparent
}

form.tags .buts {
    text-align: right;
    margin-top: 5px
}

form.tags .token-input {
    width: auto !important
}

.but.cancel {
    background-color: #f55753
}

.entry-c2a {
    float: right;
    margin-bottom: 16px
}

.entry-c2a a.but {
    font-size: 12px;
    padding: 2px 8px
}

article.with-head-message .entry-c2a {
    margin-right: 15px
}

.right-box.last-members ul li {
    float: left;
    width: 25%
}

.right-box.last-members ul li a:hover {
    background-color: #f6f6f6
}

.right-box.last-members ul li span {
    color: #000;
    font-size: 13px;
    width: 100%;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 6px
}

.file_upload,
#avatar_upload {
    display: none
}

.fake-image {
    border: 1px solid #e2e2e2
}

.fake-image i {
    font-size: 60px
}

.panel.set-nick .but.to-next {
    font-size: 17px;
    padding: 4px 16px
}

.panel.set-nick .category-form label {
    display: block
}

.social-login-buttons.loading-spinner p {
    visibility: hidden
}

.upload-video {
    position: relative
}

.upload-video i.fa-play {
    font-size: 70px;
    position: absolute;
    left: 50%;
    top: 50%;
    text-rendering: optimizelegibility;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
    color: #fff;
    margin-top: -35px;
    margin-left: -27.5px
}

.upload-video.play i.fa-play {
    display: none
}

body.ios .upload-video i.fa-play {
    display: none !important
}

.corporative-badge {
    color: #11a6b5
}

.embedded-context {
    background-color: #fff
}

.embedded-context .entry-tags {
    right: 0
}

.embedded-context .sozluky-embed-blog img {
    float: right;
    height: 25px
}

.profile-point-breakdown {
    padding: 10px;
    margin-bottom: 10px
}

.profile-point-breakdown .disclaimer {
    margin-top: 10px;
    font-size: 13px
}

.point-breakdown {
    font-size: 14px
}

.point-breakdown td {
    padding: 5px
}

.align-right {
    text-align: right
}

.align-left {
    text-align: left
}

.align-center {
    text-align: center
}

.no-touch .hide-on-no-touch {
    display: none
}

.social-media-suggest {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #cfcfcf;
    -webkit-border-radius: 3px;
    padding: 10px;
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 18px;
    color: #575757
}

.social-media-suggest .social-widgets {
    margin-top: 15px;
    display: table;
    margin-left: 15px;
    margin-bottom: 10px
}

.social-media-suggest .social-widgets>div {
    padding-right: 10px;
    display: table-cell;
    vertical-align: middle
}

@media(max-width:767px) {
    .social-media-suggest .social-widgets,
    .social-media-suggest .social-widgets>div {
        display: block
    }
    .social-media-suggest .social-widgets>div:first-child {
        margin-bottom: 15px
    }
}

a.close-message {
    float: right;
    display: block;
    padding: 3px;
    color: #999
}

.tag-table {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    max-height: 0;
    overflow: hidden
}

.tag-table>div {
    margin-top: 10px;
    display: table;
    width: 100%
}

.tag-table>div .main-tags {
    display: table-cell;
    white-space: nowrap;
    vertical-align: top
}

.tag-table>div .main-tags>a {
    display: block;
    padding: 3px 8px 3px 8px;
    min-width: 190px
}

.tag-table>div .main-tags>a:hover {
    background-color: #f6f6f6
}

.tag-table>div .main-tags>a>i {
    float: right;
    margin-right: 2px;
    margin-top: 4px
}

.tag-table>div .sub-tags {
    display: table-cell;
    width: 100%;
    vertical-align: top
}

.tag-table>div .sub-tags .children-tags {
    display: none
}

.tag-table>div .sub-tags .children-tags.active {
    display: block
}

.tag-table>div .sub-tags .children-tags>a {
    display: block;
    padding: 3px 8px 3px 8px
}

.tag-table>div .sub-tags .children-tags>a:hover {
    background-color: #f6f6f6
}

.tag-table>div .sub-tags .children-tags.explain {
    text-align: center;
    padding: 10px
}

.tag-table>div .sub-tags .children-tags.explain i {
    font-size: 30px;
    margin-top: 15px;
    margin-bottom: 15px
}

.tag-table>div .sub-tags .children-tags.explain h3 {
    font-size: 14px
}

.tag-table>div .sub-tags .children-tags.explain h4 {
    font-size: 13px
}

.index-header.categories-open .tag-table {
    max-height: 500px
}

form.report,
form.delete-entry {
    padding: 10px;
    overflow: hidden
}

form.report select,
form.report textarea,
form.delete-entry select,
form.delete-entry textarea {
    padding: 10px;
    display: block;
    width: 100%;
    margin-bottom: 10px
}

form.report textarea,
form.delete-entry textarea {
    height: 50px;
    resize: none
}

form.report button,
form.delete-entry button {
    margin-left: 5px;
    float: right
}

.mobile-banner {
    height: 50px;
    width: 320px;
    margin: 0 auto;
    margin-bottom: 15px
}

@media(max-width:320px) {
    .mobile-banner {
        margin-left: -10px;
        margin-right: -10px
    }
}

.banner-masthead {
    margin: auto;
    margin-top: 50px;
    margin-bottom: -45px;
    height: 90px;
    width: 970px
}

.banner-masthead,
.banner-masthead>div {
    text-align: center
}

@media(max-width:980px) {
    .banner-masthead {
        width: 728px;
        height: 90px
    }
}

@media(max-width:640px) {
    .banner-masthead {
        width: 320px;
        height: 50px
    }
}

.index-scoreboard h1 {
    margin-bottom: 10px
}

.scoreboard {
    display: table;
    width: 100%;
    margin-top: 10px
}

.scoreboard li {
    height: 60px;
    display: table-row
}

.scoreboard li>* {
    display: table-cell;
    vertical-align: middle
}

.scoreboard .avatar {
    width: 45px;
    height: 45px;
    vertical-align: middle;
    margin-right: 5px
}

.scoreboard .difference {
    text-align: right
}

.scoreboard .fa-arrow-up {
    color: #008000;
    margin-right: 3px;
    font-size: 13px
}

.embed-link {
    display: block;
    color: #000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.embed-link,
.embed-link:hover {
    text-decoration: none !important
}

.embed-link:hover {
    color: #333 !important
}

.embed-link>span {
    display: table;
    width: 100%
}

.embed-link>span>span {
    display: table-cell;
    vertical-align: middle
}

.embed-link img {
    width: 150px;
    display: block;
    margin-left: 8px;
    border: 1px solid #e2e2e2;
    background-color: #fff;
    padding: 1px
}

.embed-link .link-content {
    overflow: hidden;
    display: block;
    padding: 8px
}

.embed-link.with-image .link-content {
    min-height: 170px
}

.embed-link .link-title,
.embed-link .link-description,
.embed-link .link-source {
    display: block
}

.embed-link .link-title {
    font-family: 'HelveticaNeueW02-65Medi';
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 23px;
    color: #037fa7
}

.embed-link .link-description {
    overflow: hidden
}

.embed-link .link-source {
    font-size: 14px;
    color: #848484;
    margin-top: 5px
}

body.popup-layout .embed-link {
    background-color: #f9f9f9;
    margin: 10px
}

article.link-object .embed-link,
article.entry-object .embed-link {
    border: 1px solid #e8e8e8;
    background-color: #f9f9f9
}

body.popup-layout {
    background: #fff;
    margin: 0;
    padding: 0;
    padding-top: 45px
}

body.popup-layout header {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background-color: #11a6b5
}

body.popup-layout header>div {
    display: table;
    width: 100%;
    height: 40px
}

body.popup-layout header>div>* {
    display: table-cell;
    vertical-align: middle
}

body.popup-layout header>div h1 {
    width: 100%;
    color: #fff !important;
    margin: 5px;
    font-size: 15px;
    paddin-left: 5px
}

body.popup-layout header>div .logged-user {
    text-align: right;
    padding-right: 5px
}

body.popup-layout header>div .logged-user img {
    height: 30px;
    width: 30px;
    vertical-align: middle
}

body.popup-layout footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: right;
    padding: 10px;
    background-color: #f7f7f7
}

body.popup-layout footer .but {
    padding: 4px 25px 7px 25px;
    font-size: 15px;
    line-height: 22px
}

@media(max-width:767px) {
    body.popup-layout footer {
        z-index: 4;
        box-shadow: 5px 8px 7px 5px #000
    }
}

.popup-login-form {
    font-size: 13px
}

.popup-login-form p {
    text-align: center;
    margin-bottom: 9px
}

.popup-login-form form {
    display: table;
    width: 100%
}

.popup-login-form form>* {
    text-align: center;
    display: table-cell;
    padding: 2px;
    white-space: nowrap
}

.popup-login-form form>*>input {
    width: 100%;
    padding: 4px
}

.popup-login-form a.but {
    background-color: red
}

@media(max-width:767px) {
    .popup-login-form form,
    .popup-login-form form>* {
        display: block
    }
}

.related-titles-of-link {
    margin: 10px;
    margin-bottom: 0
}

.link-object .new-entry-input {
    margin-top: 10px
}

form.post-entry-box {
    margin-bottom: 10px;
    overflow: hidden;
    text-align: center;
    padding: 10px
}

form.post-entry-box #post_entry_box_close {
    float: right;
    color: #696969;
    padding: 2px;
    display: block
}

form.post-entry-box .share-menu {
    display: table
}

form.post-entry-box .share-menu>*:first-child {
    text-align: right;
    padding-right: 5px
}

form.post-entry-box .share-menu>*:last-child {
    padding-left: 5px
}

form.post-entry-box .share-menu>*>* {
    display: table-cell;
    vertical-align: middle
}

form.post-entry-box .share-menu>*>label {
    padding-left: 5px
}

form.post-entry-box .tags {
    margin-top: 5px;
    border: 1px solid #e2e2e2;
    padding-bottom: 0;
    padding-top: 6px;
    text-align: left
}

form.post-entry-box .tags input {
    width: 70%;
    border-color: #e2e2e2;
    border: 0
}

form.post-entry-box .tags .token-input.tt-hint {
    width: auto !important
}

form.post-entry-box .tags .tokenfield {
    margin-left: 5px
}

.panel.online-list .online-user {
    overflow: hidden;
    padding: 10px;
    display: table;
    width: 100%;
    border-bottom: 1px solid #e2e2e2
}

.panel.online-list .online-user>* {
    display: table-cell;
    vertical-align: middle
}

.panel.online-list .online-user>.online-link {
    margin-right: 10px
}

.panel.online-list .online-user>.online-link>img {
    display: inherit;
    width: 40px;
    height: 40px
}

.panel.online-list .online-user .hidden {
    display: none !important
}

.panel.online-list .online-user .online-user-info {
    margin-top: 10px;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px
}

.panel.online-list .online-user .but {
    white-space: nowrap
}

.panel.online-list .view-all-page {
    margin-top: 10px
}

.panel.online-list a.float-right {
    color: #000
}

.right-box.invite-to-sozluky {
    font-size: 13px;
    line-height: 19px
}

.right-box.invite-to-sozluky form {
    margin-top: 10px;
    display: table
}

.right-box.invite-to-sozluky form>* {
    display: table-cell
}

.right-box.invite-to-sozluky form>*:first-child {
    width: 100%;
    padding-right: 5px
}

.right-box.invite-to-sozluky form>*:first-child>* {
    width: 100%
}

.right-box.invite-to-sozluky .disclaimer {
    font-size: 13px;
    margin-top: 10px
}

#fiat_hover a:hover {
    text-decoration: none
}

#regform .show-on-facebook-login {
    display: none
}

#regform .hide-on-facebook-login {
    display: block
}

#regform.has-facebook .show-on-facebook-login,
#regform.has-invite .show-on-facebook-login,
#regform.has-errors .show-on-facebook-login {
    display: block
}

#regform.has-facebook .show-on-facebook-login.but,
#regform.has-invite .show-on-facebook-login.but,
#regform.has-errors .show-on-facebook-login.but {
    display: inline-block
}

#regform.has-facebook .hide-on-facebook-login,
#regform.has-invite .hide-on-facebook-login,
#regform.has-errors .hide-on-facebook-login {
    display: none
}

@media(max-width:767px) {
    .hide-mobile {
        display: none !important
    }
    .left {
        width: 100%
    }
    #bgleft {
        position: fixed;
        background: #fafafa;
        top: 0;
        left: -290px;
        width: 290px;
        bottom: 0;
        z-index: 10101;
        padding: 5px;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        padding: 10px
    }
    #bgleft {
        transition: transform 400ms cubic-bezier(0.1, 0.7, 0.1, 1);
        -webkit-transition: -webkit-transform 400ms cubic-bezier(0.1, 0.7, 0.1, 1)
    }
    .left-frame-open #bgleft {
        transform: translate3d(100%, 0, 0);
        -webkit-transform: translate3d(100%, 0, 0)
    }
    #bgmain {
        margin-bottom: 0
    }
    .share {
        display: block
    }
    .share .bg {
        display: none
    }
    .share span {
        margin: 0
    }
    .share>a {
        display: inline-block;
        height: 37px
    }
    .middle {
        padding-left: 0
    }
    .entries footer {
        text-align: center
    }
    header.main_header {
        height: auto
    }
    header.main_header>ul {
        width: 100%;
        display: block;
        box-sizing: border-box
    }
    header.main_header #logotipo {
        padding-right: 10px
    }
    header.main_header #logotipo a {
        width: 47px;
        background: url('/upload/mobile-logo.png');
        background-position: -1px 0;
        background-size: 47px;
		background-repeat: no-repeat;
    }
    header.main_header #top_buttons {
        float: none;
        display: table-cell;
        width: 100%
    }
    header.main_header #top_buttons>ul>li>a {
        -webkit-user-select: none
    }
    header.main_header #top_buttons>ul>li>a:hover {
        background-color: transparent
    }
    header.main_header #stats_button {
        display: none !important
    }
    html.left-frame-open body {
        overflow: hidden
    }
    .only-on-mobile {
        display: table-cell !important
    }
    .main_page article .headline-image {
        display: block;
        width: 100%;
        margin-left: 0;
        float: none
    }
    .right-section {
        padding-left: 0;
        width: 100%;
        min-width: 0
    }
    .panel.friend-finder .suggested-user {
        width: 100%
    }
    #signup-popup #regform {
        margin-left: -150px;
        width: 300px
    }
    .fixed-title-header .title-left {
        width: auto !important;
        white-space: nowrap
    }
    .fixed-title-header .title-left .sf_desc {
        width: auto !important
    }
    .fixed-title-header .title-left .logotipo {
        padding-right: 10px
    }
    .fixed-title-header .title-left .logotipo a {
        width: 45px;
        background: url('/upload/mobile-logo.png');
        background-position: -1px 0;
        background-size: 45px 35px;
		background-repeat: no-repeat;
    }
    .fixed-title-header .title-left span.letters {
        display: none
    }
    .fixed-title-header button.but.fake_input {
        padding: 2px 5px 3px 5px;
        white-space: nowrap
    }
    .fixed-title-header button.but.fake_input span {
        display: none
    }
    .share-whatsapp {
        display: block !important
    }
}

@media(max-width:1024px) {
    .entries .entry_header .dateauthor>a.hop {
        max-width: 200px !important
    }
    .gosterpager {
        text-align: center
    }
    .gosterpager>.hid {
        display: inline-block;
        visibility: hidden
    }
    #bgmain>* {
        display: block;
        padding-left: 0
    }
    #bgmain {
        display: block
    }
    .profile .profile_inner>* {
        display: block
    }
    .profile .profile_inner .profile_menu {
        width: 100%;
        padding: 0;
        display: block;
        margin-bottom: 10px
    }
    .profile .profile_inner .profile_menu>li {
        display: block
    }
    .profile .profile_inner .profile_menu>li>a {
        max-height: 32px;
        transition: max-height .3s linear;
        text-align: center
    }
    .profile .profile_inner .profile_menu>li>a.selected {
        display: block
    }
    .profile .profile_inner .profile_menu>li>a.selected::before,
    .profile .profile_inner .profile_menu>li>a.selected::after {
        display: none
    }
    .profile .profile_inner .profile_menu:not(.open)>li>a:not(.selected) {
        max-height: 0;
        border: 0;
        text-align: center;
        overflow: hidden;
        padding: 0
    }
    .entries>article .upload-image,
    iframe.embedly-embed {
        max-width: 100%
    }
    .fixed {
        max-width: none
    }
    .fixed-title-header .title-right {
        display: none !important
    }
}

@media(max-width:1280px) {
    .bottom,
    header>ul,
    .fixed-title-header>.title-header-content {
        width: 100% !important;
        padding: 0 10px
    }
}

@media(min-width:767px) {
    body.noleft #bgleft {
        display: none
    }
    body.noleft .middle {
        padding-left: 0
    }
}

.overlay.left-frame {
    left: -100%;
    right: 100%;
    transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    opacity: 0
}

.overlay.left-frame {
    opacity: 0
}

.left-frame-open .overlay.left-frame {
    opacity: .7;
    display: block;
    left: 0;
    right: 0
}

ul.token-input-list {
    overflow: hidden;
    height: auto !important;
    height: 1%;
    width: 400px;
    cursor: text;
    font-size: 12px;
    font-family: Verdana;
    z-index: 999;
    margin: 0;
    padding: 0;
    background-color: #fff;
    list-style-type: none;
    clear: left
}

ul.token-input-list li {
    list-style-type: none
}

ul.token-input-list li input {
    border: 0;
    width: 350px;
    padding: 6px 8px;
    background-color: white;
    -webkit-appearance: caret
}

li.token-input-token {
    overflow: hidden;
    height: auto !important;
    height: 1%;
    margin: 3px;
    padding: 3px 5px;
    background-color: #bcd644;
    color: #fff;
    cursor: default;
    display: inline-block;
    float: left;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    font-size: 13px;
    font-family: "HelveticaNeueW02-65Medi"
}

li.token-input-token p {
    float: left;
    padding: 0;
    margin: 0
}

li.token-input-token span {
    float: right;
    color: #fff;
    cursor: pointer;
    margin-left: 5px
}

li.token-input-selected-token {
    background-color: #08844e;
    color: #fff
}

li.token-input-selected-token span {
    color: #bbb
}

div.token-input-dropdown {
    width: 400px;
    background-color: #fff;
    overflow: hidden;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    cursor: default;
    font-size: 12px;
    font-family: Verdana;
    z-index: 1;
    position: fixed !important;
    z-index: 9999 !important
}

div.token-input-dropdown p {
    margin: 0;
    padding: 5px;
    font-weight: bold;
    color: #777
}

div.token-input-dropdown ul {
    margin: 0;
    padding: 0
}

div.token-input-dropdown ul li {
    background-color: #fff;
    padding: 3px;
    list-style-type: none
}

div.token-input-dropdown ul li.token-input-dropdown-item {
    background-color: #fafafa
}

div.token-input-dropdown ul li.token-input-dropdown-item2 {
    background-color: #fff
}

div.token-input-dropdown ul li em {
    font-weight: bold;
    font-style: normal
}

div.token-input-dropdown ul li.token-input-selected-dropdown-item {
    background-color: #bcd644
}


@font-face {
    font-family: "HelveticaNeueW02-55Roma";
    src: url("../fonts/0b3a3fca-0fad-402b-bd38-fdcbad1ef776.eot?2#iefix");
    src: url("../fonts/0b3a3fca-0fad-402b-bd38-fdcbad1ef776.eot?2#iefix") format("eot"), url("../fonts/d5af76d8-a90b-4527-b3a3-182207cc3250.woff?2") format("woff"), url("../fonts/1d238354-d156-4dde-89ea-4770ef04b9f9.ttf?2") format("truetype"), url("../fonts/b68875cb-14a9-472e-8177-0247605124d7.svg#b68875cb-14a9-472e-8177-0247605124d72") format("svg")
}

@font-face {
    font-family: "HelveticaNeueW02-65Medi";
    src: url("../fonts/55f60419-09c3-42bd-b81f-1983ff093852.eot?2#iefix");
    src: url("../fonts/55f60419-09c3-42bd-b81f-1983ff093852.eot?2#iefix") format("eot"), url("../fonts/5b4a262e-3342-44e2-8ad7-719998a68134.woff?2") format("woff"), url("../fonts/4a3ef5d8-cfd9-4b96-bd67-90215512f1e5.ttf?2") format("truetype"), url("../fonts/58ab5075-53ea-46e6-9783-cbb335665f88.svg#58ab5075-53ea-46e6-9783-cbb335665f882") format("svg")
}

body.splash {
    background-color: #11a6b5
}

body.splash .logo {
    text-align: center;
    margin: 60px 0 30px
}

.btn {
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: .01em;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-feature-settings: "kern" 1;
    -moz-font-feature-settings: "kern" 1;
    margin-bottom: 0;
    border: 1px solid #f0f0f0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-image: none !important;
    color: #626262;
    background-color: #fff;
    text-shadow: none;
    box-shadow: none;
    line-height: 21px;
    padding-left: 17px;
    padding-right: 17px;
    position: relative;
    transition: color .1s linear 0, background-color .1s linear 0, opacity .2s linear 0 !important
}

.btn:focus {
    outline: 0 !important
}

.btn:hover {
    background-color: #fafafa;
    border: 1px solid #a7a7a7
}

.btn.active {
    border-color: #e6e6e6;
    background: #fff
}

.btn .caret {
    margin-left: 3px
}

.btn .caret.single {
    margin-left: 0
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
    box-shadow: none
}

.video-takeover {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    filter: alpha(opacity=98);
    -ms-filter: "alpha(opacity=98)";
    -moz-opacity: .98;
    -khtml-opacity: .98;
    opacity: .98;
    z-index: 11000
}

.video-takeover video {
    width: 100%;
    height: 100%
}

.video-takeover #close-button {
    position: absolute;
    right: 20px;
    top: 20px;
    border: 2px solid #fff;
    font-size: 26px;
    padding: 4px 11px;
    color: #fff;
    border-radius: 10px
}

.video-takeover #close-button:hover {
    text-decoration: none !important;
    background-color: #fff;
    color: #000
}

.advertorial-entry .entry_text {
    padding: 0 !important
}

.advertorial-entry video {
    display: block;
    width: 100%
}

.advertisement-theme {
    background-color: #fff;
    border: 1px solid #e2e2e2;
    overflow: hidden;
    margin-bottom: 15px;
    position: relative
}

.advertisement-theme .theme-image {
    width: 100%;
    display: block
}

.advertisement-theme .advertisement-close {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    padding: 4px 8px 5px 9px;
    background-color: #e2e2e2;
    color: #11a6b5;
    font-size: 13px;
    line-height: 17px
}

#ist_bg {
    background-repeat: no-repeat;
    width: 100%;
    position: relative;
    background-size: 100%;
    background-color: #e2e2e2;
    position: relative
}

#ist_bg a {
    display: block;
    width: 100%;
    background-size: 100%
}

#ist_bg a img {
    width: 100%;
    display: block
}

#ist_bg video {
    display: block
}

#turkcell_1>a,
#turkcell_1 video {
    background-color: #017dcb
}

#turkcell_1 img,
#turkcell_1 video {
    width: 100%
}

#turkcell_1 img {
    display: inherit
}

#turkcell_1 video {
    display: none;
    margin-bottom: 5px
}

#turkcell_1 i.fa-play {
    display: block !important
}

#turkcell_1.play video {
    display: block
}

#turkcell_1.play .poster {
    display: none
}

#turkcell_1.play i.fa-play {
    display: none !important
}


/*!
 * bootstrap-tokenfield
 * https://github.com/sliptree/bootstrap-tokenfield
 * Copyright 2013-2014 Sliptree and other contributors; Licensed MIT
 */

@-webkit-keyframes blink {
    0 {
        border-color: #ededed
    }
    100% {
        border-color: #b94a48
    }
}

@-moz-keyframes blink {
    0 {
        border-color: #ededed
    }
    100% {
        border-color: #b94a48
    }
}

@keyframes blink {
    0 {
        border-color: #ededed
    }
    100% {
        border-color: #b94a48
    }
}

.tokenfield {
    height: auto;
    padding-bottom: 0
}

.tokenfield .token {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    border: 1px solid #d9d9d9;
    background-color: #ededed;
    white-space: nowrap;
    margin: -1px 5px 5px 0;
    height: 22px;
    vertical-align: top;
    cursor: default
}

.tokenfield .token:hover {
    border-color: #b9b9b9
}

.tokenfield .token.active {
    border-color: #52a8ec;
    border-color: rgba(82, 168, 236, 0.8)
}

.tokenfield .token.duplicate {
    border-color: #ebccd1;
    -webkit-animation-name: blink;
    animation-name: blink;
    -webkit-animation-duration: .1s;
    animation-duration: .1s;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.tokenfield .token.invalid {
    background: 0;
    border: 1px solid transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-bottom: 1px dotted #d9534f
}

.tokenfield .token.invalid.active {
    background: #ededed;
    border: 1px solid #ededed;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.tokenfield .token .token-label {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 4px;
    vertical-align: top;
    line-height: 19px
}

.tokenfield .token .close {
    font-family: Arial;
    display: inline-block;
    font-size: 1.1em;
    margin-left: 5px;
    float: none;
    height: 100%;
    vertical-align: top;
    padding-right: 4px;
    color: #000;
    line-height: 22px
}

.tokenfield .token .close:hover {
    text-decoration: none
}

.tokenfield .token-input {
    background: 0;
    width: 60px;
    min-width: 60px;
    border: 0;
    height: 20px;
    padding: 0;
    margin-bottom: 6px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.tokenfield .token-input:focus {
    border-color: transparent;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.tokenfield.disabled {
    cursor: not-allowed;
    background-color: #eee
}

.tokenfield.disabled .token-input {
    cursor: not-allowed
}

.tokenfield.disabled .token:hover {
    cursor: not-allowed;
    border-color: #d9d9d9
}

.tokenfield.disabled .token:hover .close {
    cursor: not-allowed;
    opacity: .2;
    filter: alpha(opacity=20)
}

.has-warning .tokenfield.focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b
}

.has-error .tokenfield.focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483
}

.has-success .tokenfield.focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168
}

.tokenfield.input-sm,
.input-group-sm .tokenfield {
    min-height: 30px;
    padding-bottom: 0
}

.input-group-sm .token,
.tokenfield.input-sm .token {
    height: 20px;
    margin-bottom: 4px
}

.input-group-sm .token-input,
.tokenfield.input-sm .token-input {
    height: 18px;
    margin-bottom: 5px
}

.tokenfield.input-lg,
.input-group-lg .tokenfield {
    height: auto;
    min-height: 45px;
    padding-bottom: 4px
}

.input-group-lg .token,
.tokenfield.input-lg .token {
    height: 25px
}

.input-group-lg .token-label,
.tokenfield.input-lg .token-label {
    line-height: 23px
}

.input-group-lg .token .close,
.tokenfield.input-lg .token .close {
    line-height: 1.3em
}

.input-group-lg .token-input,
.tokenfield.input-lg .token-input {
    height: 23px;
    line-height: 23px;
    margin-bottom: 6px;
    vertical-align: top
}

.tokenfield.rtl {
    direction: rtl;
    text-align: right
}

.tokenfield.rtl .token {
    margin: -1px 0 5px 5px
}

.tokenfield.rtl .token .token-label {
    padding-left: 0;
    padding-right: 4px
}

.tags .tt-dropdown-menu {
    background: #fff;
    padding: 3px 10px;
    border: 1px solid #e2e2e2
}

.btn {
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: .01em;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-feature-settings: "kern" 1;
    -moz-font-feature-settings: "kern" 1;
    margin-bottom: 0;
    border: 1px solid #f0f0f0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-image: none !important;
    color: #626262;
    background-color: #fff;
    text-shadow: none;
    box-shadow: none;
    line-height: 21px;
    padding-left: 17px;
    padding-right: 17px;
    position: relative;
    transition: color .1s linear 0, background-color .1s linear 0, opacity .2s linear 0 !important
}

.btn:focus {
    outline: 0 !important
}

.btn:hover {
    background-color: #fafafa;
    border: 1px solid #a7a7a7
}

.btn.active {
    border-color: #e6e6e6;
    background: #fff
}

.btn .caret {
    margin-left: 3px
}

.btn .caret.single {
    margin-left: 0
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
    box-shadow: none
}

.panel.forum .topic-list {
    display: table
}

.panel.forum .topic-list .topic {
    display: table-row;
    width: 100%
}

.panel.forum .topic-list .topic:hover {
    background-color: #f6f6f6
}

.panel.forum .topic-list .topic>* {
    display: table-cell
}

.panel.forum .topic-list .topic>*:first-child {
    width: 100%;
    padding: 4px 0
}

.forum-post-object {
    padding-bottom: 12px !important
}

.forum-reply {
    padding: 10px
}

.forum-reply label {
    display: block;
    text-align: right;
    width: 100%
}

.forum-reply textarea {
    width: 100%;
    height: 200px
}

.forum-delete {
    float: right;
    display: block !important;
    padding: 5px;
    color: #696969;
    position: static !important;
    width: auto !important
}

.btn {
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: .01em;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-feature-settings: "kern" 1;
    -moz-font-feature-settings: "kern" 1;
    margin-bottom: 0;
    border: 1px solid #f0f0f0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-image: none !important;
    color: #626262;
    background-color: #fff;
    text-shadow: none;
    box-shadow: none;
    line-height: 21px;
    padding-left: 17px;
    padding-right: 17px;
    position: relative;
    transition: color .1s linear 0, background-color .1s linear 0, opacity .2s linear 0 !important
}

.btn:focus {
    outline: 0 !important
}

.btn:hover {
    background-color: #fafafa;
    border: 1px solid #a7a7a7
}

.btn.active {
    border-color: #e6e6e6;
    background: #fff
}

.btn .caret {
    margin-left: 3px
}

.btn .caret.single {
    margin-left: 0
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
    box-shadow: none
}

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    min-height: 0
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-autocomplete {
    position: absolute;
    top: 20px;
    left: 0;
    cursor: default
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0
}

.ui-menu .ui-menu {
    position: absolute
}

.ui-menu .ui-menu-item {
    position: relative;
    margin: 0;
    padding: 3px 1em 3px .4em;
    cursor: pointer;
    min-height: 0;
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    background-color: #ebeeef;
    cursor: pointer
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item {
    padding-left: 2em
}

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

.ui-autocomplete {
    background: #fff;
    border-radius: 3px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: none;
    border: 1px solid;
    border-top: 0;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    z-index: 100000000;
    margin-top: 10px
}

.panel {
            background-color:transparent;
            }

.abkz {
    font-size:14px;
}
@media(min-width:1280px) {
    .right-section {
        width:300px;
    }
}
@media(max-width:768px) {
    main_header .search_form, header.main_header #search_bar > div > form {
        width: 350px;
    }
}
@media(min-width:1024px) {
    main_header .search_form, header.main_header #search_bar > div > form {
        width: 450px;
    }
}
.entry_text {
	font-size:120%;
}

#bgleft .selected {
font-style:italic; font-weight:bold;
}


#statuler li{display:inline-block;margin-bottom:5px;padding:3px}
#statuler ul{display:block;list-style:none}
#statuler button{color:#333!important;background-color:#ffb96e;border:1px outset #ffb96e}
#statuler button:hover{color:#fff!important;background-color:#449d44!important;border:1px outset #449d44}


.dislink:after {
	font-family: 'Font Awesome 5 Pro';
	-moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
	font-weight: 600;
    content: '\f35d';
	font-size: .75em;
	padding-left: 2px;
}

/*
.lamps>a.active span.lamp-count {
    display: block;
    position: absolute;
    top: 22px;
    right: -5px;
    font-size: 11px;
    background: #f55753;
    color: #fff;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    border-radius: 4px;
    z-index: 9999;
}
    */
	
	    .Chart {
        box-sizing: border-box !important;
        width: 100%;
        margin: 3% auto 0 auto;
    }

        .Chart * {
            box-sizing: border-box !important;
        }

        .Chart::before {
            content: "OYLAMA SONUCLARI";
            display: block;
            text-align: center;
            font-size: 120%;
            font-weight: bold;
            margin-bottom: 10px;
        }

        .Chart .Title {
            padding: 10px;
            text-align: center;
            font-size: 110%;
        }

        .Chart .Option {
            background-color: #4d4d4d;
            position: relative;
            border: 1px solid #e6e6e6;
            z-index: 0;
            min-height: 10px;
            margin-bottom: 10px;
        }

            .Chart .Option .bar {
                position: absolute;
                z-index: 1;
                height: 100%;
            }

            .Chart .Option .data {
                display: flex;
                align-content: center;
                align-items: center;
                font-weight: bold;
                padding: 5px;
                z-index: 2;
                width: 100%;
            }

                .Chart .Option .data .label {
                    flex: 3;
                    z-index: 3;
                }

                .Chart .Option .data .percent {
                    flex: 1;
                    text-align: right;
                    z-index: 3;
					color:white;
                }
				
#cookieConsent {
    background-color: #f7f7f7;
    min-height: 30px;
    font-size: 14px;
    color: #333;
    padding: 5px 0px 5px 30px;
    font-family: "Trebuchet MS",Helvetica,sans-serif;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 9999;
    text-align: center;
    padding-right: 40px;
    line-height: 10px;
}

#closeCookieConsent {
    position: absolute;
    right: 16px;
    top: 47%;
    width: 20px;
    height: 19px;
    line-height: 18px;
    margin-top: -10px;
    color: #000;
    cursor: pointer;
    font-size: 17px;
    border: 1px solid #000;
    border-radius: 50%;
}

.chat_messages {
    height:75%;
    overflow-x: hidden;
    overflow-y: scroll;
}

    .chat_messages .message_date {
        font-size: 12px;
        color: #999;
        text-align: center;
        margin-bottom: 10px;
    }

    .chat_messages ul {
        overflow: hidden;
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .chat_messages ul li {
            list-style: none;
            clear: both;
        }

            .chat_messages ul li + li {
                margin-top: 8px;
            }

        .chat_messages ul .msg_user {
            font-size: 12px;
            font-weight: 700;
            margin: 0 0 4px;
            color: rgba(0, 0, 0, 0.6);
            text-transform: uppercase;
        }

        .chat_messages ul .msg_left,
        .chat_messages ul .msg_right {
            width:90%;
            max-width: 90%;
            padding: 10px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
        }

        .chat_messages ul .msg_left {
            background: #edf3db;
            float: left;
            margin-left:10px;
        }

        .chat_messages ul .msg_right {
            background: #deecf5;
            float: right;
            margin-right:10px;
        }


.numberCircle {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    width: 18px;
    height: 18px;
    background: #26aa5a;
    border: 1px solid #fff;
    color: #fff;
    float:right;
    font-size:10px;
    font-weight:bold;
    margin-top:-20px;
    text-align: center;
}