/* content /**/

.post-content img[style*="width: 0%"], .post-content img[style*="width:0%"] {
    max-width: 100%!important;
    width: auto!important;
}

.post-content figcaption, .post-content p.image-caption {
    box-sizing: border-box;
}

.post-content figcaption[style*="width: 0%"], .post-content figcaption[style*="width:0%"],
.post-content p[style*="width: 0%"], .post-content p[style*="width:0%"] {
    max-width: 100%!important;
    width: auto!important;
}

/* default share /**/

.share-btn {
    background: url(/images/blog_default/share-sprite-v1.png) no-repeat;
    border: 1px solid #9d9d9d;
    border-radius: 50%;
    display: inline-block;
    float: left;
    height: 34px;
    margin: 0 10px 0 0;
    position: relative;
    width: 34px;
}

.fb-btn       { background-position:    0px 0px; }
.tumblr-btn   { background-position:  -34px 0px; }
.plus-one-btn { background-position:  -68px 0px; }
.twitter-btn  { background-position: -102px 0px; }

.fb-btn:hover       { border-color: #315d9b; background-position:    0px -34px; }
.tumblr-btn:hover   { border-color: #2a516e; background-position:  -34px -34px; }
.plus-one-btn:hover { border-color: #e45131; background-position:  -68px -34px; }
.twitter-btn:hover  { border-color: #00aae3; background-position: -102px -34px; }

.bubble-wrapper {
    display: none;
    height: 76px;
    left: 0;
    position: absolute;
    top: -44px;
    width: 100%;
}

.share-btn:hover .bubble-wrapper { display: block }

.bubble {
    background: #fff;
    border: 1px solid #9e9e9e;
    border-radius: 3px;
    top: 0;
    left: 0;
    line-height: 0;
    padding: 7px;
    position: absolute;
    width: 120px;
    z-index: 2;
}

.bubble:after {
    background: url(/images/blog_default/bubble-arrow.png) 0 0 no-repeat;
    bottom: -6px;
    content: "";
    display: block;
    height: 6px;
    left: 12px;
    position: absolute;
    width: 9px;
}

.share-item {
    display: inline-block;
    vertical-align: middle;
}

.share-item .fb_iframe_widget { display: initial!important; }

.share-item .fb_iframe_widget span { display: block!important; }

/* ad /**/

.ad-between-post-container { text-align: center; }

.ad-between-widget-container { text-align: center; }

.ad-between-widget-container .ad-text {
    padding: 0 10px 0 0;
    text-align: right;
}

.ad-text span {
    color: #767676;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
}

/* incon-fonts /**/

.foaw {    
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.foaw:before, .foaw:after { box-sizing: border-box; }

/* blog pagination /**/

.blog-pagination { text-align: center; }

.blog-pagination-left { float: left; }

.blog-pagination-right { float: right; }

.p-item {
    border: 1px solid #9e9e9e;
    border-radius: 50%;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    height: 36px;
    line-height: 30px;
    margin: 0 3px;
    vertical-align: top;
    width: 36px;
}

.first-page { margin: 0 3px 0 0; }

.last-page { margin: 0 0 0 3px; }

.inactive {
    border: 1px solid #cecece;
    color: #cecece;
}

a.nav-item { color: #9e9e9e; }

a.p-item:hover {
    border: 1px solid #009874;
    color: #009874;
    text-decoration: none;
}

.num-item {
    border-radius: 0;
    border: 1px solid #fff;
    line-height: 32px;
}

a.num-item { color: #9e9e9e; }

a.num-item:hover {
    border: 1px solid #009874;
    border-radius: 50%;    
}

.active-item {
    background: #9e9e9e;
    border: 1px solid #9e9e9e;
    border-radius: 50%;
    color: #fff;
}

/* commentnum /**/

.comment-icon {
    font-size: 22px;
    margin: 0 0 0 5px;
}

.comment-icon:before { content: "\f0e5"; }

/* comment
    - login
    - comments-header
    - comments-info
/**/

/* login /**/

.login-msg { margin: 0 0 40px; }

/* comments-header /**/

.comments-header {
    color: #9d9d9d;
    font-size: 18px;
    font-weight: 700;
}

/* comments-info /**/

.comments-info {
    color: #3f3f3f;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 0 35px;
}

.comment-rss {
    font-size: 22px;
    margin: 0 5px 0 0;
}

.comment-rss:before { content: "\f09e"; }

.comment-rss:hover { text-decoration: none; }

/* comment-item /**/

.comment-item {
    border-bottom: 1px solid #ddd;
    margin: 0 0 20px;
    overflow: hidden;
    padding: 0 0 20px;
}

/* comment info /**/

.comment-info {
    color: #9d9d9d;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
}

.comment-avatar {
    border-radius: 50%;
    float: left;
    margin: 0 10px 0 0;
    vertical-align: top;
}

.comment-info-left { float: left; }

.comment-info-left a {
    color: #0093ee;
    display: inline-block;
    font-size: 17px;
    font-style: italic;
}

.comment-separator { margin: 0 10px; }

.comment-separator:before { content: "\f064"; }

.comment-info-right { float: right; }

.logout {
    color: #9d9d9d;
    float: right;
    font-weight: 700;
}

.logout:hover {
    color: #009874;
    text-decoration: none;
}

.logout-icon {
    font-size: 16px;
    margin: 0 0 0 5px;
}

.logout-icon:before { content: "\f08b"; }

/* comment-content */

.comment-content-fe {
    color: #3f3f3f;
    font-size: 16px;
    line-height: 1.5em;
    padding: 15px 0 0 0;
}

.comment-content-fe p { padding: 0 0 10px; }

.comment-content-fe p:last-child { padding: 0; }

/* comment-form /**/

.comment-form { margin: 0 0 40px; }

.comment-form-header {
    font-size: 14px;
    padding: 10px 0;
}

.char-counter {
    float: right;
    font-style: italic;
}

.char-counter b { font-weight: normal; }

.comment-area {
    border: 1px solid #bfbfbf;
    border-radius: 2px;
    box-sizing: border-box;
    font-family: inherit;
    font-size: 14px;
    height: 90px;
    margin: 0;
    padding: 10px;
    resize: none;
    width: 100%;
}

/* comment-actions /**/

.comment-actions {
    padding: 20px 0 0;
    text-align: right;
}

.comment-actions-left {
    float: left;
    font-size: 14px;
}

.comment-actions-right { float: right; }

.comment-actions .btn {
    border: 1px solid #9d9d9d;
    border-radius: 13px;
    color: #9d9d9d;
    display: inline-block;
    font-size: 13px;
    height: 24px;
    line-height: 25px;
    margin: 0 0 0 15px;
    text-transform: uppercase;
}

.comment-actions .btn:hover {
    border-color: #009874;
    color: #009874;
    text-decoration: none;
}

.comment-actions .reply {
    border-color: #009874;
    color: #009874;
    padding: 0 18px;
}

.comment-actions .add-comment {
    background: #009874;
    border-color: #009874;
    color: #fff;
    padding: 0 18px;
}

.comment-actions .add-comment:hover { color: #fff; }

.cancel-comment { padding: 0 18px; }

/* comment pagination /**/

.c-pagination {
    margin: 0 0 40px;
    text-align: center;
}

.c-pagination-left { float: left; }

.c-pagination-right { float: right; }

.c-p-item {
    border: 1px solid #9e9e9e;
    border-radius: 50%;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    height: 36px;
    line-height: 30px;
    margin: 0 3px;
    vertical-align: top;
    width: 36px;
}

.c-first-page { margin: 0 3px 0 0; }

.c-last-page { margin: 0 0 0 3px; }

.c-inactive {
    border: 1px solid #cecece;
    color: #cecece;
}

a.c-nav-item { color: #9e9e9e; }

a.c-p-item:hover {
    border: 1px solid #009874;
    color: #009874;
    text-decoration: none;
}

.c-num-item {
    border-radius: 0;
    border: 1px solid #fff;
    line-height: 32px;
}

a.c-num-item { color: #9e9e9e; }

a.c-num-item:hover {
    border: 1px solid #009874;
    border-radius: 50%;    
}

.c-active-item {
    background: #9e9e9e;
    border: 1px solid #9e9e9e;
    border-radius: 50%;
    color: #fff;
}

@media only screen and (max-width: 640px)  {
    .login-msg { font-size: 14px; }
}

@media only screen and (max-width: 600px)  {
    .comment-avatar { float: left; }

    .comment-item .comment-info-left {
        display: block;
        float: none;
        line-height: 20px;
    }

    .comment-item .comment-info-left a { font-size: 14px; }

    .comment-item .comment-info-right {
        display: block;
        float: none;
        font-size: 12px;
        line-height: 20px;
    }
}

@media only screen and (max-width: 479px)  {
    .p-item, .c-p-item { margin: 0 2px; }

    .first-page, .c-first-page { margin: 0 2px 0 0; }

    .last-page, .c-last-page { margin: 0 0 0 2px; }

    .num-item, .c-num-item { display: none; }

    .vom { display: inline-block; }
}

.zone_inside_post {
    text-align: center;
}

.docWriteAdverticum {
    background: #d5d5d5;
    display: inline-block;
    height: initial !important;
    line-height: 0;
    text-align: center;
    margin: 25px 0;
}

.docWriteAdverticum:after {
    background: #d5d5d5;
    color: #222;
    content: 'hirdet\00e9s';
    display: table;
    font: 400 10px/24px 'Istok Web',sans-serif;
    height: 24px;
    letter-spacing: 1px;
    margin: 0 auto;
    width: 100%;
}