.comments{margin:20px 0 0}
.comments .comment-form{margin:0 0 15px}
.comments .comment-form .form-control{border:2px solid #ddd;box-shadow:none;margin:0 0 15px}
.comments .comment-form .name-field{display:none}
.comments .comment-form textarea{resize:vertical;overflow:auto}
.comments .comment-form .btn{height:76px;display:block;width:100%}
.comments .comment-form .btn:hover{background:#ae0000;color:#fff}
@media (min-width:768px){
.comments .comment-form .name-field{margin:0 !important}
.comments .comment-form .col-lg-7{width:322px}
.comments .comment-form .col-captcha{padding:0;width:302px}
}
@media (min-width:992px){
.comments .comment-form .col-lg-7{width:371px}
}
@media (min-width:1200px){
.comments .comment-form .col-lg-7{width:510px}
}
.comments .title{font-size: 18px;
    font-weight: bold;
    color: #283a44;
    line-height: 32px;}
.comments .title .dropdown{position:relative;float:right}
.comments .title button{padding:0;border:0;background:none;font-size:16px;outline:0;color:#a3c0ce}
.comments .title .dropdown-menu{border-color:#a3c0ce;left:auto;right:-10px;top:30px;padding:0}
.comments .title .dropdown-menu:before{border-bottom-color:#a3c0ce}
.comments .title .dropdown-menu a{padding:8px 15px}
.comments .comments-wrapper{position:relative;margin-bottom:30px}
.comments .comments-wrapper.closed{position:relative;height:400px;overflow:hidden}
.comments .comments-wrapper.closed:before{
    content:'';
    display:block;
    position:absolute;
    z-index:10;
    left:0;
    bottom:0;
    height:100%;
    width:100%;
    background-color:#fff;
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,0)), color-stop(100%, #fafafa), to(#fafafa));
    background-image:-webkit-linear-gradient(rgba(255,255,255,0), #fafafa 100%, #fafafa);
    background-image:-moz-linear-gradient(top, rgba(255,255,255,0), #fafafa 100%, #fafafa);
    background-image:-o-linear-gradient(rgba(255,255,255,0), #fafafa 100%, #fafafa);
    background-image:linear-gradient(rgba(255,255,255,0), #fafafa 100%, #fafafa);
    background-repeat:no-repeat;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33ffffff', endColorstr='#ffffffff', GradientType=0);
    background-color:transparent
}
.comments .comments-wrapper .unfold{position:absolute;z-index:11;bottom:0;left:50%;border:0;padding:10px 20px;font-weight:bold !important;margin:0 0 0 -106px}
.comments .media{overflow:visible}
.comments .media .media{padding-left:20px}
.comments .media .media-body{padding-right:100px;position:relative}
.comments .media .score{line-height:24px;font-size:16px;position:absolute;top:50%;width:100px;text-align:right;right:0;margin-top:-12px}
.comments .media .score a{font-size:20px}
@media (max-width:991px){
.comments .media .media-body{padding-right:0}
.comments .media .score{display:inline-block;position:static;top:0;margin:0 0 0 10px;padding:0 0 0 10px;border-left:1px solid #ddd;width:auto;text-align:left;font-size:13px}
.comments .media .score a{font-size:15px}
}

.comments .panel-heading { padding: 12px 24px }
.comments .panel-body { padding: 24px; background-color: #fafafa; }
.comments .panel-body .media-body { padding-right: 0; padding-left: 5px; }
.comm-form { background: #fff;
    text-align: left;
    border: 1px solid #e2e2e2;
    border-radius: 2px;
    margin: auto;
    display: block;
    vertical-align: top;
}
.panel-body #comment-field { resize: none; background: transparent;
    width: 57%;
    height: 95px;
    font-size: 14px;
    font-weight: normal;
    color: #283a44;
    text-align: left;
    border: 0;
    padding: 8px 1.5%;
    margin: 0;
    display: inline-block;
    float: left;
}
.comm-mid:not(.bottom) { float: right; display: inline-block; border: 0; }
.comm-mid { border-top: 1px solid #e0e0e0; padding: 10px; }
.comm-mid.bottom { display: inline-block; width: 100%; padding-bottom: 5px; }
.comm-mid.bottom .pull-left span { font-size: 12px;
    font-weight: normal;
    color: #283a44;
    text-align: center;
    line-height: 28px;
    vertical-align: top;
    margin: auto 6px auto auto;
    display: inline-block;
}
.comm-mid.bottom .pull-left span .name-field {
background: #fefefe;
    width: 96px;
    height: 28px;
    text-align: left;
    border: 1px solid #d0d0d0;
    border-radius: 2px;
    box-shadow: 0 1px 4px #f0f0f0 inset;
    vertical-align: top;
    padding: 0 10px;
    margin: auto auto auto 6px;
    display: inline-block;
    font-size: 14px;
}
.comm-mid.bottom .pull-right .btn { height: 28px; }
.comm-mid.bottom .pull-right .btn i { font-size: 14px; vertical-align: top; }
.comm-mid.bottom .pull-left span { font-size: 14px; color: #757575; }

.comm-list { margin-top: 24px; }
.comm-list h4.media-heading { font-size: 11px; color: #aaa; }
.comm-list .comm-comm { font-size: 14px; color: #283a44; line-height: 18px; margin: 7px auto 3px auto; display: block; }
.comm-list a.reply, .comm-list a.report, .comm-list a.remove, .comm-list a.spam { color: #aaa; font-size: 13px; margin-right: 7px; }
.comm-list a.report { margin-left: 10px; }
.comm-list span.red.guest { color: #aaa; }
.comm-list .comm-rating { display: inline-block !important; margin: 0 10px; }
.comm-list .grey { display: inline-block; margin: 0 7px; color: #283a44; font-size: 14px; }
.comm-list .media { margin-top: 30px; }
.comments .comm-list .media .media { padding-left: 40px }
.comments .comm-list .comm-reply-form .comment-form .btn { display: inline-block; width: 45%; }