/* Start:/bitrix/components/sprint.editor/blocks/templates/.default/_style.css?17799833103610*/
/* Общие стили для блоков */
.sp-block-table table {
    width: 100%;
    border-collapse: collapse;
}

.sp-block-table table tr {
    background: #f7f7f7;
    color: #8a8a8a;
}

.sp-block-table table tr:nth-child(odd) {
    background: #e7e6e6;
}

.sp-block-table table tr:hover {
    background: #d4d4d4;
    color: #000;
}

.sp-block-table table td {
    text-align: left;
    border: 1px solid #ccc;
    padding: 5px;
}

.sp-block-table p {
    margin: 0;
}

.sp-image img {
    width: 100%;
}

.sp-video iframe,
.sp-video-gallery iframe {
    border-width: 0;
}

.sp-iblock-sections {
    padding: 10px;
    border: 1px solid #c3c3c3;
    margin: 10px 0;
}

.sp-iblock-elements {
    padding: 10px;
    border: 1px solid #c3c3c3;
    margin: 10px 0;
}
.sp-medialib-elements {
    padding: 10px;
    border: 1px solid #c3c3c3;
    margin: 10px 0;
}

.sp-properties {
    width: 400px;
    border-collapse: collapse;
}

.sp-properties_title {
    border: 1px solid #ccc;
    padding: 0 5px;
    font-weight: bold;
}

.sp-properties_text {
    border: 1px solid #ccc;
    padding: 0 5px;
}

.sp-gallery-items {
    overflow: hidden;
}

.sp-gallery-item {
    float: left;
    height: 220px;
    padding: 5px;
    /*width: 20%;*/
}

.sp-gallery-item-img-wrapper {
    float: left;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    display: block;
    color: inherit;
}

.sp-gallery-item img {
    display: block;
    max-width: 100%;
    left: 50%;
    max-height: 100%;
    max-width: none;
    position: relative;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) translateZ(0);
    -moz-transform: translate(-50%, -50%) translateZ(0);
    -o-transform: translate(-50%, -50%) translateZ(0);
    -ms-transform: translate(-50%, -50%) translateZ(0);
    transform: translate(-50%, -50%) translateZ(0);
}

.sp-gallery-item-text {
    background-color: rgba(255, 255, 255, .7);
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    width: 100%;
}

.sp-gallery-item-text:hover {
    opacity: 1;
}

.sp-gallery-item-text::after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.sp-gallery-item-text-content {
    display: inline-block;
    vertical-align: middle;
    width: 90%;
}

.sp-button_link,
.sp-button_link:link,
.sp-button_link:visited {
    display: inline-block;
    padding: 10px 20px;
    margin: 10px 0;
    border-radius: 20px;
    text-decoration: none;
    background: #ccc;
    color: #333;
}

.sp-button_link:hover {
    text-decoration: none;
    background: #333;
    color: #ccc;
}

/*accordion*/
.sp-accordion {
    border: 1px solid #ccc;
    border-radius: 5px;
}

.sp-accordion-title {
    border-top: 1px solid #ccc;
    color: #444;
    cursor: pointer;
    padding: 10px;
    text-align: left;
}

.sp-accordion-title:first-child {
    border-top: none;
}

.sp-accordion-container {
    padding: 0 10px 10px;
    display: none;
    overflow: hidden;
}

.sp-accordion-title:after {
    content: '\02795';
    font-size: 12px;
    color: #777;
    float: right;
    margin: 2px 5px;
}

.sp-accordion-title__active:after {
    content: "\2796";
}

.sp-complex-table {
    display: table;
    table-layout: fixed;
    border-spacing: 10px;
}

.sp-complex-row {
    display: table-row;
}

.sp-complex-col {
    display: table-cell;
    vertical-align: top;
}

/* End */


/* Start:/local/templates/ht-lab.ru/components/sotbit/reviews.comments.add/blog/style.css?17020315619662*/
@media (min-width: 768px) {
  .spoiler-comments-body .forms {
    display: flex;
  } 
  .spoiler-comments-body .forms .form-auth {
    flex-grow: 1;
    background: #f8f8f8;
    padding: 15px 20px 20px 20px;
    margin: 0 10px 0 15px;
  }
  .spoiler-comments-body .forms .form-reg {
    flex-shrink: 1;
    background: #f8f8f8;
    padding: 15px 20px 20px 20px;
    margin: 0 15px 0 10px;
  }
}
.add-comments {
  /*margin-top: 20px;*/
  /*margin-bottom: 20px;*/
} 

.add-comments .feed-add-post-form-but-wrap{
	border:none;
}

.add-comments .feed-add-post{
	border:1px solid #f0f1f2;
}

.add-comments #recaptcha-comment-0,.add-comments .captcha-block{
	margin-top:20px;
}

.add-comments .spoiler-comments-body {
  display: none;
  /*padding-top: 40px;*/
    margin-top: var(--offset--lg);
}
.add-comments .spoiler-comments-body .add-check-error {
  text-align: left;
  color: #994d4d;
  font-size: 14px;
  font-family: "ProximaNova", Arial, sans-serif;
}
.add-comments .spoiler-comments-body #auth_comment-check-error,
.add-comments .spoiler-comments-body #registration_comment-check-error {
  color: #994d4d;
  text-align: left;
}
.add-comments .spoiler-comments-body #add_comment {
  text-align: left;
}
.add-comments .spoiler-comments-body #add_comment p {
  color: #6c727d;
  font-size: 14px;
  font-family: "ProximaNova", Arial, sans-serif;
}
.add-comments .spoiler-comments-body #add_comment p.example {
  color: #b0b3bb;
  font-size: 14px;
  font-family: "ProximaNova", Arial, sans-serif;
}
.add-comments .spoiler-comments-body #add_comment p.count {
  /*font-style: italic;*/
  /*color: #c2c6cb;*/
  /*font-size: 14px;*/
  /*font-family: "ProximaNova", Arial, sans-serif;*/
  /*margin-bottom: 20px;*/
}
.add-comments .spoiler-comments-body #add_comment input[type="text"] {
  /*border: 1px solid #e2e5e9;*/
  /*height: 34px;*/
  /*width: 100%;*/
  /*margin-bottom: 20px;*/
  /*padding: 5px;*/
  /*font-family: "ProximaNovaLight", Arial, sans-serif;*/
  /*color: #000000;*/
  /*font-size: 13px;*/
}
.add-comments .spoiler-comments-body #add_comment textarea {
  /*border: 1px solid #e2e5e9;*/
  /*width: 100%;*/
  /*padding: 5px;*/
  /*font-family: "ProximaNovaLight", Arial, sans-serif;*/
  /*color: #000000;*/
  /*font-size: 13px;*/
  /*height: 190px;*/
}
.add-comments .spoiler-comments-body #add_comment input[type="radio"] {
  margin-right: 7px;
  float: left;
}
.add-comments .spoiler-comments-body #add_comment span.radio-label {
  margin-right: 15px;
  font-family: "ProximaNovaLight", Arial, sans-serif;
  color: #000000;
  font-size: 13px;
}
.add-comments .spoiler-comments-body #add_comment span.radio-label {
  margin-right: 15px;
  font-family: "ProximaNovaLight", Arial, sans-serif;
  color: #000000;
  font-size: 13px;
}
.add-comments .spoiler-comments-body #add_comment .radio {
  float: none;
  line-height: 14px;
  display: inline-block;
  margin-bottom: 20px;
}
.add-comments .spoiler-comments-body #add_comment input[type="submit"] {
  /*background: #FFF;*/
  /*color: #767676;*/
  /*font-size: 14px;*/
  /*font-family: "ProximaNovaLight", Arial, sans-serif;*/
  /*width: 170px;*/
  /*height: 30px;*/
  /*line-height: 30px;*/
  /*border-radius: 5px;*/
  /*border: 1px solid #c8c8c8;*/
  /*box-shadow: 1px 2px 2px 1px #dedede;*/
  /*margin-top: 20px;*/
}
.add-comments .spoiler-comments-body #add_comment #reset-form {
  /*border: 0;*/
  /*color: #c2c6cb;*/
  /*font-family: "ProximaNovaLight", Arial, sans-serif;*/
  /*font-size: 14px;*/
  /*text-decoration: underline;*/
  /*margin-left: 15px;*/
  /*background: #FFF;*/
}
.add-comments .spoiler-comments-body #add_comment .bxhtmled-top-bar-wrap .bxhtmled-top-bar-btn,
.add-comments .spoiler-comments-body #add_comment .bxhtmled-top-bar-wrap .bxhtmled-top-bar-select,
.add-comments .spoiler-comments-body #add_comment .bxhtmled-top-bar-wrap .bxhtmled-button-fontsize-wrap {
  /*display: none;*/
}
.add-comments .spoiler-comments-body #add_comment .bxhtmled-top-bar-wrap .bxhtmled-button-bold,
.add-comments .spoiler-comments-body #add_comment .bxhtmled-top-bar-wrap .bxhtmled-button-italic,
.add-comments .spoiler-comments-body #add_comment .bxhtmled-top-bar-wrap .bxhtmled-button-underline,
.add-comments .spoiler-comments-body #add_comment .bxhtmled-top-bar-wrap .bxhtmled-button-strike,
.add-comments .spoiler-comments-body #add_comment .bxhtmled-top-bar-wrap .bxhtmled-button-remove-format,
.add-comments .spoiler-comments-body #add_comment .bxhtmled-top-bar-wrap .bxhtmled-button-remove-format,
.add-comments .spoiler-comments-body #add_comment .bxhtmled-top-bar-wrap .bxhtmled-top-bar-color,
.add-comments .spoiler-comments-body #add_comment .bxhtmled-top-bar-wrap .bxhtmled-button-ordered-list,
.add-comments .spoiler-comments-body #add_comment .bxhtmled-top-bar-wrap .bxhtmled-button-unordered-list,
.add-comments .spoiler-comments-body #add_comment .bxhtmled-top-bar-wrap .bxhtmled-button-align-left,
.add-comments .spoiler-comments-body #add_comment .bxhtmled-top-bar-wrap .bxhtmled-button-quote {
  display: inline-block;
}
.add-comments .spoiler-comments-body #add_comment .bxhtmled-iframe-cnt {
  overflow: hidden ! important;
}
.add-comments .spoiler-comments-body #add_comment .feed-add-post-text {
  padding-left: 0;
  padding-right: 0;
}
.add-comments #comments-body .success {
  color: green;
  font-size: 14px;
  font-family: "ProximaNova", Arial, sans-serif;
  margin-top: 10px;
}
 .spoiler-comments-body .reason-title{
	font-family: "ProximaNova", Arial, sans-serif;
  	color: #303030;
  	font-size:16px;
  	margin-bottom:0px;
  	text-align:center;
}
.spoiler-comments-body .reason-text{
	font-family: "ProximaNova", Arial, sans-serif;
  	color: #303030;
  	font-size:14px;
  	margin-bottom:8px;
  	text-align:center;
}
.spoiler-comments-body .not-ban-error {
  font-size: 18px;
  font-family: "ProximaNova", Arial, sans-serif;
  color: #994d4d;
  text-align:center;
}
.spoiler-comments-body .not-error {
  font-size: 18px;
  font-family: "ProximaNova", Arial, sans-serif;
  color: #994d4d;
  margin-bottom:8px;
}

div.bx-auth-reg input.bx-auth-input {vertical-align:middle;}
div.bx-auth-reg span.bx-auth-secure {background-color:#FFFAE3; border:1px solid #DEDBC8; padding:2px; display:inline-block; vertical-align:middle;}
div.bx-auth-reg div.bx-auth-secure-icon {background-image:url(/local/templates/ht-lab.ru/components/sotbit/reviews.comments.add/blog/images/sec.png); background-repeat:no-repeat; background-position:center; width:19px; height:18px;}
div.bx-auth-reg div.bx-auth-secure-unlock {background-image:url(/local/templates/ht-lab.ru/components/sotbit/reviews.comments.add/blog/images/sec-unlocked.png);}

@media (max-width: 767px) { 

	#registration_comment input[type="submit"]{margin:0 auto;display:block;}
	#registration_comment .form-group{margin: 0 auto 5px auto;width:230px;display:block;}
}
@media (min-width: 768px) {
	#registration_comment .captcha img{display:inline-block;margin-right:10px;width:35%;}
	#registration_comment .captcha input[type="text"]{height:42px;width:60%;display:inline;float:right;}
	#registration_comment .form-group{margin-bottom:15px;display:inline-block;}
}


#registration_comment{text-align:left;}
#registration_comment p{margin-bottom:3px;text-align:left;color:#6c727d;font-family:"ProximaNovaLight",Arial,sans-serif;font-size:12px;}
#registration_comment input[type="text"],#registration_comment input[type="password"]{width:230px;color:#303030;font-size:12px;font-family:"ProximaNovaLight",Arial,sans-serif;border:1px solid #e2e5e9;padding:10px;margin-right:20px;}
#registration_comment .form-group{}
#registration_comment .form-group p{margin-bottom:3px;text-align:left;color:#6c727d;font-size:12px;font-family:"ProximaNovaLight",Arial,sans-serif;}
#registration_comment .form-group a{float:right;color:#6c727d;font-size:12px;font-family:"ProximaNovaLight",Arial,sans-serif;font-weight:lighter;}
#registration_comment .checkbox{text-align:left;margin-top:20px;line-height:13px;}
#registration_comment .checkbox input[type="checkbox"]{margin-right:10px;float:left;}
#registration_comment .checkbox label{color:#303030;font-size:12px;font-family:"ProximaNovaLight",Arial,sans-serif;clear:both;}
#registration_comment input[type="submit"]{background:#FFF;color:#767676;font-size:14px;font-family:"ProximaNovaLight",Arial,sans-serif;width:170px;height:30px;line-height:30px;border-radius:5px;border:1px solid #c8c8c8;box-shadow:1px 2px 2px 1px #dedede;margin-top:15px;}
#registration_comment .captcha{background:#efeded;padding:15px;margin:10px 0 0 0;position:relative;display:inline-block;}
#registration_comment .captcha .captcha-title{color:#6c727d;font-size:12px;font-family:"ProximaNovaLight",Arial,sans-serif;margin-bottom:10px;}
#registration_comment .captcha .captcha-title-2{color:#303030;font-size:12px;font-family:"ProximaNovaLight",Arial,sans-serif;font-weight:lighter;}
#registration_comment .captcha img{display:inline-block;margin-right:10px;width:110px;height:40px;}
#registration_comment .captcha input[type="text"]{height:42px;width:230px;display:inline;float:none;margin-right:0;}


#registration_comment input[type="checkbox"] {
	display: none;
}

#registration_comment .checkbox label>span {
	border: 1px solid #b8b8b8;
	display: inline-block;
	height: 10px;
	margin: 0 7px 0 0;
	position: relative;
	width: 10px;
}

#registration_comment .checkbox label>span:after {
	position: absolute;
	content: "\f00c";
	color: #303030;
	font-family: FontAwesome;
	font-size: 8px;
	line-height: 8px;
	display:none;
}
#registration_comment .checkbox label.checked > span:after {
	display:block;
}
/* End */
/* /bitrix/components/sprint.editor/blocks/templates/.default/_style.css?17799833103610 */
/* /local/templates/ht-lab.ru/components/sotbit/reviews.comments.add/blog/style.css?17020315619662 */