/*
 * Webasyst Default 3.0 theme family
 *
 * Blog app CSS
 * (requires linking base default.css file from the Site app)
 *
 * @link http://www.webasyst.com/
 * @author Webasyst LLC
 * @copyright 2015 Webasyst LLC
 * @package Webasyst
 *
 * ... extends base Site app's default.css
 */

.blog-h1 h1 {font-size: 2em; font-weight: bold; border-bottom: 1px solid #ccc; padding-bottom: 12px; color: gray; margin-top: 5px;}

.sidebar .search { margin: 16px 26px 16px 16px; }
.sidebar .search .search-wrapper { background: #fff; }
.sidebar .search input { margin-bottom: 0; }

.subscribe { padding: 6px 16px; margin-bottom: 20px; }
.subscribe ul { list-style: none; padding-left: 0; margin-bottom: 0; margin-top: 0; }
.subscribe ul li { margin: 12px 0; }
.subscribe ul li a { text-decoration: none; }
.subscribe ul li i.icon16 { margin-top: 0.1em; margin-right: 0.5em; }
.subscribe #twitter-follow-code { overflow: hidden; }

.post {
    font-size: 15px;
    line-height: 25px;
    color: #111111;
    margin-top: 5px;
}
.post h3 { font-size: 2em; margin-right: 5px; margin-bottom: 3px; }
.post h3 a {text-decoration: none;font-size: 20px;color: #c51b3d;}
.post img { /*width:100%;*/ max-width: 180px; height: auto !important; margin-top: 4px; margin-bottom: 8px; margin-right:20px;}
.post iframe { max-width: 100%; }
.post .text {text-align: justify;margin-top: 5px;margin-right: 0px;}
.post textarea { width: 100%; min-height: 300px; margin-top: 10px; height: 250px; }
.post.search-match { }
.post.search-match h3 { font-size: 1.5em; margin-bottom: 5px; }
.post.search-match p { margin-top: 5px; }

.credentials {overflow: hidden;line-height: 1.3em;}
.credentials a,
.credentials span {display: inline-block;padding-left: 0;}
.credentials .userpic { min-width: 20px; display: block; float: left; margin-right: 2px; border-radius: 50%; }
.credentials .username { margin: 0; }
.credentials .username, .credentials .username a { color: #777; padding: 0; display: inline; }
.credentials a.username:hover { color: red; }
.credentials .date,
.credentials .icon16 {margin: 0 3px;color: #636363;font-size: 0.85em;}
.credentials img.userpic { width: 20px; /*display: none;*/margin-bottom: -3px; }
.post .credentials { margin-bottom: 20px;}

.photo-album-attachment ul.thumbs { padding-left: 0; }
.photo-album-attachment ul.thumbs li { list-style: none; display: inline-block; margin: 0 20px 20px 0; }
.photo-album-attachment .photo { margin-bottom: 20px; }
.photo-album-attachment .photo img { margin-top: -10px; }
.post .photo-album-attachment { padding-top: 10px; }

.comments { margin: 30px 0px 10px 0; }
.comments h3 { margin: 0 0 20px; }
.comments h4 { margin: 0 0 10px; }
.comments .credentials .date { margin: 0 5px; padding-top: 1px; }
.comments .credentials .userpic { margin-right: 5px; }
.comments .credentials .userpic.icon16 { min-width: 0; width: 16px; height: 16px; margin: 7px 4px 0; }
.comments textarea { height: 100px; min-height: 100px; width: 75%; margin-top: 0; }
.comments ul,
.comments ul li { padding: 0; margin: 0 0 20px 0; list-style: none;}
.comments ul li ul { margin:20px 0 0 0; }
.comments ul li span.hint a { color: #aaa; text-decoration: underline; }
.comments .text { margin: 5px 0 5px 28px; }
.comments .actions { margin: 0 0 5px 28px; font-size: 0.9em; }
.comments ul li a.comment-delete { margin: 0 0 0 5px; padding: 0; color: #d99; text-decoration: underline; }
.comments ul li a.comment-delete:hover { background: red; color: white; }
.comments ul li ul { padding-left: 25px; }
.comments ul li .comment-form { padding: 10px 30px; margin-top: 0; }
.comments ul li .comment-form textarea { min-height: 100px; }
.comment.in-reply-to { background: #eee; margin: -8px -8px -13px; padding: 8px 35px 8px 8px; position: relative; }
.comment {background: hsla(0, 0%, 0%, 0.05);}
.comment.new { background: hsla(0, 0%, 0%, 0.09); margin: -8px 0px -13px; padding: 8px 35px 8px 8px; }

ul.auth-type {padding: 0 0 10px !important;list-style: none;}
ul.auth-type li {/* padding-right: 10px; */list-style: none;/* display: inline-block; */padding: 0 11px 0 0;float: left;}
ul.auth-type li a {/* padding: 5px 6px; */display: block;padding: 0px 5px;font-size: 0;}
ul.auth-type li a img { margin-right: 5px; top: 4px; position: relative; }

.comment-form { padding: 0; margin-top: 30px; }
.comment-form h4 {margin: 0 0 5px;font-weight: normal;}
.comment-form-fields p { margin: 0 0 10px; }
.comment-form-fields p a { display: inline !important; }
.comment-form-fields label { width: 160px; display: block; clear: left; float: left; margin: 0 10px 0 0;  color: #111111;  font-size: 13px; padding-top: 3px; }
.comment-form-fields input { width: 20em; width: 88%; padding: 6px 16px;    border: 1px solid #222222;}

.comment-form textarea { min-width: 70%; min-height: 130px; height: 130px;/* min-width: 100%;*/padding: 6px 16px;    border: 1px solid #666; max-width: 100%;    outline: none;}
.wa-captcha .wa-captcha-input{    padding: 6px 16px;    border: 1px solid #222222;}
.comment-form .comment-submit {  }
.comment-form .userpic { width: 20px; height: 20px; float: left; margin-right: 5px; border-radius: 50%; }
.comment-form ul.menu-h.auth-type li a img {/* float: left; *//* margin-right: 3px; */position: relative;top: 3px;left: -3px;width: 37px;}
.comment-form ul.menu-h.auth-type { padding-bottom: 20px; }


.pageless-wrapper { font-style: italic; }
.post-posts-likesidebar{    padding-top: 15px;}
.post-posts-likesidebar .widget ul {    list-style: square;    margin: 0 0 10px 20px;    padding: 0;}
html.realtime-preview,
html.realtime-preview body { background: #fff; }
html.realtime-preview .globalheader,
html.realtime-preview .globalfooter { display: none; }
html.realtime-preview .content { margin-right: 0; }
html.realtime-preview .page { top: 0; margin: 10px 0; }
p.photo-subtext {font-size: 15px; color: #aaaaaa; text-align: center; margin-top: -15px;}

div#post-stream{margin-top: 6px;}
.first-sidebar-block{
    /*margin-top: 25px;*/
}
.sidebar h4{
    text-align: center;
    margin-top: 17px;
    padding: 3px 0px;
    background: #c51b3d;
    color: white;
    font-size: 18px;
    margin-bottom: 0;
}
.home-latest-news li a{
    color:#6d6d6d;
}
.home-latest-news li:hover{
    text-decoration:underline;
}
.home-latest-news li{
    margin-bottom: 4px;
}
.breadcrumbs a{
    margin:3px;
    margin-left: 5px;
    margin-top: 0;
    color: #484848;
    font-family: "Arial";
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    font-size: 12px;
}
.breadcrumbs .bread-start{
    width: 19px;
    height: 17px;
    background: url(img/breadcrumbs-second.png) center no-repeat;
    display: inline-block;
    vertical-align: top;

}
.breadcrumbs{
    margin-top: 15px;
}

.slick-div .summary{text-align:left;float:left;}
.slick-slide .image img{max-height:200px;}
.slick-list a{text-decoration:none;text-align:left;outline:none;}
.slick-div h5 span{font-size:14px;font-family:"HelveticaNeue";color:rgb(51, 51, 51);word-break:break-word;text-align:center;}
.slick-slide img{margin:auto;max-width:100%;}
.badge span{color:#fff;font-weight:normal;transform:inherit;padding:9px 5px;text-shadow:none;width:100%;text-align:center;overflow:visible;display:block;font-size:10px;font-family:"HelveticaNeue";text-transform:uppercase;}
.slider .badge,
.slider .badge:before,
.slider .badge:after{width:70px;height:70px;}
.slider .badge span{font-size:1.5em;top:25px;}
.slider .badge.bestseller:after{background-size:64px 64px;background-position:2px 2px;}
.products-list_item-row .badge span{margin-top:5px;margin-left:-9px;}
.badge{width:100%;left:-33%;border:0;position:absolute;text-align:left;top:2%;display:block;vertical-align:inherit;border-radius:0;-moz-transform:rotate(-16deg);-ms-transform:rotate(-16deg);-webkit-transform:rotate(-16deg);-o-transform:rotate(-16deg);transform:rotate(-16deg);z-index:0;}

/* Plugins
---------- */

ul.menu-v.categories { margin-bottom: 20px; }
ul.menu-v.categories li { border: none; }
ul.menu-v.categories li a { padding: 5px 16px; }
ul.menu-v.categories li.selected a { color: #000; text-decoration: none; font-weight: bold; }

.tags.cloud { text-align: center; }


/* TABLET
========= */

@media screen and (min-width: 760px) and (max-width: 1024px) {

    .sidebar {  }
    .content.with-sidebar { /*margin-right: 180px;*/ overflow-x: visible; }
    .post { overflow-x: hidden; }

    .comment-form-fields input,
    .comment-form textarea { width: auto; min-width: 0; }

    .subscribe { padding-left: 10px; padding-right: 10px; }

}


/* MOBILE
========= */

@media screen and (max-width: 760px) {

    .search,
    .category-plugin,
    .tag-plugin,
    .nav-sidebar hr,
    .timeline { /*display: none;*/ }

    .subscribe ul li { display: inline-block; }
    .subscribe ul li a span { display: none; }
    .subscribe:after { clear: both; }
    .subscribe #twitter-follow-code { display: none; }

    .sidebar { padding: 0 15px !important; }

    .post { margin-right: 0 !important;  }
    .post h3 { font-size: 1.6em; }
    .post img { max-width: 100%; height: auto !important; }

    .comment-form-fields label { width: auto; float: none; }
    .comment-form-fields input { width: 80%; }
    .comment-form textarea { width: 90%; }
    .comment-form .comment-submit { padding-left: 0; }
    .comment-form .wa-captcha img { margin-bottom: 10px; }

    html.realtime-preview body { padding-top: 0; }
    html.realtime-preview .container { margin: 0 10px; }
    html.realtime-preview .post h1 { font-size: 2.6em; }

}
@media screen and (max-width: 665px){
    .post img {
        max-width: inherit !important;
        width: calc(100% + 16px) !important;
        height: auto !important;
        margin-left: -8px;
    }
    .post .lower-container{
        max-width: inherit !important;
        width: calc(100% + 21px) !important;
        margin-left: -13px;
        margin-right: -10px;
    }
    .page-wrap .post .lower-container{
        max-width: inherit !important;
        width: calc(100% + 16px) !important;
        height: auto !important;
        margin-left: -8px;
    }
}

.two_third {
    width: 66.66666%;
    margin: 0 auto;
    display: inline-block;
}
.one_third {
    width: 33.33333%;
    margin: 0 auto;
    display: inline-block;
}
.marg-top40{
    margin-top:40px;
}
ul.pagination-ul li{
    list-style: none;
    display: inline-block;
    padding: 0 10px 0 0;
    line-height: 1.3em;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #d5d5d5;
    border-radius: 2px;
    font-weight: normal;
    background: #f2f2f2;
    background: linear-gradient(to top, #eff0f2, #fefefe);
    padding: 3px 8px;
    font-size: 13px;
    cursor: pointer;
    /* color: #3188bf; */
    color: #c51b3d;
}

ul.pagination-ul li.selected {
    background: #c51b3d;
    color: white;
}

ul.pagination-ul{
    margin: 10px 0 20px 0;
    text-align: center;
}

.sidebar .home-latest-news{
    /*list-style: none;*/
    list-style: circle;
    padding: 0 10px 0 0;
    line-height: 1.3em;
    padding-left: 25px;
    border: 1px solid #ddd;
    padding-bottom: 6px;
    margin-bottom: 2px;
    padding-top: 6px;
}
div#post-stream div.post{margin-bottom: 20px;border-bottom: 1px solid #d6dbdf;padding-bottom: 30px;}
.post-posts-likesidebar h4{font-size:1.2rem;}
.search{
    padding: 0 30px;
    padding-left: 0px;margin-left: -5px;}
.comment-submit input[type="submit"]{
    height: 49px;
    width: auto;
    height: 10px;
    margin: 0;
    background: #c51b3d;
    border: 0;
    text-align: center;
    outline: none;
    /* font-size: 20px; */
    border: 1px solid #c51b3d;
    font-family: "Arial";
    padding: 12px 12px;
    /* vertical-align: bottom; */
    color: #fff;
    cursor: pointer;
    margin-top: 4px;
    display: inline-block;
    line-height: 0px;
}
.comment-submit input[type="submit"]:hover{background: #fff;color: #c51b3d;}
.comment-form{margin-bottom:20px;}
.home-latest-news li:before { /*content: "\f111";*/font-family: FontAwesome;display: inline-block;margin-left: -1.3em;width: 1.3em;}
.socialIcons .facebook {background: url(img/facebook.png);}
.socialIcons .vk {background: url(img/vk.png);}
.socialIcons .twitter {background: url(img/twitter.png);}
.socialIcons .icons{height: 24px;width: 24px;display: inline-block;}
.catSocial{list-style-type: none;overflow: hidden;padding: 0;}
.catSocial li{display: inline-block;margin-top: 8px;}
.socialTittle{font-size: 20px;color: #000;}