/* Start:/local/templates/main/components/bitrix/catalog/catalog/style.css?17008264401122*/
.grid{}
.grid .bx_content_section{
margin-bottom: 15px;
}
.grid .bx_sidebar{
margin-bottom: 15px;
}
/* grid2x1 */
.grid2x1{}
.grid2x1 .bx_content_section{
float: left;
width: 66%;
margin-bottom: 15px;
}
.grid2x1 .bx_sidebar{
float: right;
width: 33%;
margin-bottom: 15px;
padding-left: 5%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
@media (max-width:960px){
.grid2x1 .bx_sidebar{
padding-left: 4%;
}
}
@media (max-width:640px) {
.grid2x1 .bx_content_section,
.grid2x1 .bx_sidebar{
width: 100%;
float: none;
}
.grid2x1 .bx_sidebar{
padding-left: 3%;
}
}
@media (max-width:479px){
.grid2x1 .bx_sidebar{
padding-left: 1%;
}
}
.catalog-block-header{
font-size:14px;
font-weight: bold;
text-align: left;
margin:5px 0;
padding:5px 15px;
border-bottom: 2px solid #d9dee6;
color: #000;
}
body.bx-theme-blue .catalog-block-header{border-color:#006cc0;}
body.bx-theme-green .catalog-block-header{border-color:#63aa28;}
body.bx-theme-red .catalog-block-header{border-color:#da3737;}
body.bx-theme-yellow .catalog-block-header{border-color:#f4b236;}
/* End */
/* Start:/local/templates/main/components/bitrix/catalog.element/main/style.css?173771339355867*/
/*region Sidebar */
.product-item-detail-pay-block {
position: relative;
margin-bottom: 15px;
padding: 15px 15px 0;
border: 1px solid #e4e4e4;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #fff;
}
.bx-retina .product-item-detail-pay-block {
border-width: 0.5px;
}
/*endregion*/
/*region Compare*/
.product-item-detail-compare-container {
position: relative;
margin: 0 -15px 1px -14px;
padding: 4px 15px;
min-height: 30px;
border-top: 1px solid #e4e4e4;
background: #f3f3f3;
box-shadow: inset 0 1px 1px 0 #eee;
color: #4e4e4e;
vertical-align: middle;
font-size: 12px;
line-height: 20px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}
.product-item-detail-compare .checkbox {
margin: 0;
padding: 0;
}
/*endregion*/
/*region Price */
.product-item-detail-price-current {
color: #d0021b;
white-space: nowrap;
font-weight: var(--ui-font-weight-bold);
text-align: center;
font-size: 30px;
line-height: 33px;
transition: font-size 200ms ease;
}
.product-item-detail-price-old {
color: #bdbdbd;
text-align: center;
text-decoration: line-through;
white-space: nowrap;
font-weight: var(--ui-font-weight-bold);
font-size: 14px;
line-height: 17px;
}
.product-item-detail-economy-price {
color: #333;
text-align: center;
font-weight: var(--ui-font-weight-bold);
font-size: 14px;
line-height: 17px;
}
/*endregion*/
.product-item-detail-info-container-title {
color: #a5a5a5;
font-size: 12px;
}
/*region SCU */
.product-item-scu-container-title {
color: #a5a5a5;
font-size: 12px;
}
.product-item-scu-block {
}
.product-item-scu-list {
margin: 0;
}
.product-item-scu-item-list {
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
}
.product-item-scu-item-color-container,
.product-item-scu-item-text-container {
display: inline-block;
box-sizing: border-box;
padding: 5px 3px;
max-width: 100%;
vertical-align: middle;
}
.product-item-scu-item-text-container {
min-width: 48px;
}
.product-item-scu-item-color-container {
max-width: 60px;
width: 25%;
}
.product-item-scu-item-color-block {
position: relative;
padding-top: 100%;
outline: 1px solid #c0cfda;
cursor: pointer;
}
.bx-no-touch .product-item-scu-item-color-block {
transition: outline 200ms ease;
}
.bx-retina .product-item-scu-item-color-block {
outline-width: 0.5px;
}
.product-item-scu-item-color-container.selected .product-item-scu-item-color-block {
outline-width: 2px;
}
.bx-retina .product-item-scu-item.selected .product-item-scu-item-color-block {
outline-width: 1px;
}
.product-item-scu-item-color {
position: absolute;
top: 2px;
right: 2px;
bottom: 2px;
left: 2px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.product-item-scu-item-text-block {
position: relative;
padding: 0 5px;
outline: 1px solid #c0cfda;
cursor: pointer;
}
.bx-no-touch .product-item-scu-item-text-block {
transition: outline 300ms ease;
}
.bx-retina .product-item-scu-item-text-block {
outline-width: 0.5px;
}
.product-item-scu-item-text-block:hover,
.product-item-scu-item-color-block:hover,
.product-item-scu-item-text-container.selected .product-item-scu-item-text-block,
.product-item-scu-item-color-container.selected .product-item-scu-item-color-block {
outline-color: var(--theme-color-primary);
}
.product-item-scu-item-text-container.selected .product-item-scu-item-text-block {
outline-width: 2px;
}
.bx-retina .product-item-scu-item.selected .product-item-scu-item-text-block {
outline-width: 1px;
}
.product-item-scu-item-text {
overflow: hidden;
max-width: 100%;
vertical-align: middle;
text-align: center;
text-transform: uppercase;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 11px;
line-height: 18px;
}
.product-item-scu-item-color-container.notallowed .product-item-scu-item-color-block,
.product-item-scu-item-text-container.notallowed .product-item-scu-item-text-block {
position: relative;
overflow: hidden;
outline-color: #a9adb4 !important;
}
.product-item-scu-item-color-container.notallowed .product-item-scu-item-color-block:after,
.product-item-scu-item-text-container.notallowed .product-item-scu-item-text-block:after {
position: absolute;
top: -2px;
right: -2px;
bottom: -2px;
left: -2px;
background: rgba(255, 255, 255, 0.75)
url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDI2IDI2Ij4gIDxwYXRoIGZpbGw9IiNBOUFEQjQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE0LjM5MjEyNjgsMTMuMjMyMzAyOSBMMjUuOTkyLDEuNDE4IEwyNC42LDAgTDEyLjk5OTk5NTYsMTEuODE0NDM2NCBMMS40LDAgTDAuMDA5LDEuNDE5IEwxMS42MDc4Njg3LDEzLjIzMjI5NzUgTDAuNDczLDI0LjU3MyBMMS44NjUsMjUuOTkxIEwxMi45OTk5OTkzLDE0LjY1MDE2NDUgTDI0LjEzNCwyNS45OSBMMjUuNTI2LDI0LjU3MiBMMTQuMzkyMTI2OCwxMy4yMzIzMDI5IFoiLz48L3N2Zz4=)
no-repeat center;
background-size: 80% 80%;
content: "";
}
.product-item-selected-scu-container {
word-spacing: 1px;
}
.product-item-selected-scu {
display: inline-block;
overflow: hidden;
padding: 0 5px;
min-width: 22px;
height: 22px;
outline: 1px solid #c0cfda;
outline-color: var(--theme-color-primary);
vertical-align: middle;
text-align: center;
text-transform: uppercase;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 11px;
line-height: 22px;
}
.bx-retina .product-item-selected-scu {
outline-width: 0.5px;
}
.product-item-selected-scu-color {
background-position: center;
background-size: 20px 20px;
background-repeat: no-repeat;
}
/*endregion*/
/*region Amount*/
.product-item-amount {
padding: 0 0 2px;
text-align: center;
}
.product-item-amount-field-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
max-width: 150px;
margin: 0 auto 15px;
}
.product-item-amount-field-btn-plus,
.product-item-amount-field-btn-minus {
position: relative;
display: block;
min-width: 22px;
height: 22px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background-color: #f2f2f2;
color: #fff;
vertical-align: middle;
text-align: center;
cursor: pointer;
transition:
background 300ms ease,
opacity 300ms ease;
}
.bx-retina .product-item-amount-field-btn-plus,
.bx-retina .product-item-amount-field-btn-minus {
border-width: 0.5px;
}
.product-item-amount-field-btn-plus:hover,
.product-item-amount-field-btn-minus:hover {
background: #d3d3d3;
}
.product-item-amount-field-btn-plus:after,
.product-item-amount-field-btn-minus:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: "";
opacity: 0.8;
transition:
opacity 300ms ease,
background 300ms ease;
}
.product-item-amount-field-btn-disabled.product-item-amount-field-btn-plus:after,
.product-item-amount-field-btn-disabled.product-item-amount-field-btn-minus:after {
opacity: 0.3 !important;
cursor: default;
}
.product-item-amount-field-btn-disabled.product-item-amount-field-btn-plus:hover,
.product-item-amount-field-btn-disabled.product-item-amount-field-btn-minus:hover {
background-color: #f2f2f2;
}
.product-item-amount-field-btn-minus:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: "";
opacity: 0.8;
transition: opacity 300ms ease;
}
.product-item-amount-field-btn-plus:after {
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4gIDxwYXRoIGZpbGw9IiM1MjVDNjgiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE4LDEyIEwxOCwwIEwxMiwwIEwxMiwxMiBMMCwxMiBMMCwxOCBMMTIsMTggTDEyLDMwIEwxOCwzMCBMMTgsMTggTDMwLDE4IEwzMCwxMiBMMTgsMTIgWiIvPjwvc3ZnPg==)
no-repeat center;
background-size: 10px;
}
.product-item-amount-field-btn-minus:after {
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4gIDxyZWN0IHdpZHRoPSIzMCIgaGVpZ2h0PSI2IiB5PSIxMiIgZmlsbD0iIzUyNUM2OCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
no-repeat center;
background-size: 10px;
}
.product-item-amount-field-btn-plus:hover:after,
.product-item-amount-field-btn-minus:hover:after {
opacity: 1;
}
.product-item-amount-field-block {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.product-item-amount-field {
display: block;
padding: 0;
width: 100%;
height: 22px;
border: 1px solid transparent;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: transparent !important;
color: #000;
vertical-align: middle;
text-align: center;
font-weight: var(--ui-font-weight-bold);
font-size: 19px;
line-height: 22px;
transition: border 300ms ease;
}
.bx-retina .product-item-amount-field {
border-width: 0.5px;
}
.product-item-amount-field:focus {
outline: none !important;
border-color: #006cc0;
border-color: var(--theme-color-primary);
}
.bx-no-touch input.product-item-amount-field::-webkit-outer-spin-button,
.bx-no-touch input.product-item-amount-field::-webkit-inner-spin-button {
margin: 0;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}
.product-item-amount-description-container {
position: absolute;
top: 100%;
left: 0;
right: 0;
color: #a5a5a5;
white-space: nowrap;
font-size: 12px;
}
.product-item-amount-description-container strong {
color: #333;
white-space: nowrap;
}
.product-item-amount-label-container {
margin: 5px 0;
color: #a5a5a5;
font-weight: var(--ui-font-weight-bold);
font-size: 12px;
}
/**/
.product-item-quantity {
color: #333;
font-weight: normal;
font-size: 12px;
}
/*endregion*/
/*region Buy button*/
.btn.product-item-detail-buy-button {
position: relative;
display: block;
margin: 0 auto;
max-width: 250px;
width: 100%;
padding-top: 12px;
padding-bottom: 12px;
font-weight: var(--ui-font-weight-bold);
text-transform: uppercase;
}
.product-item-detail-short-card-btn .btn.product-item-detail-buy-button {
margin: 0;
}
.btn.product-item-detail-buy-button span {
position: absolute;
top: 50%;
right: 0;
left: 0;
display: inline-block;
min-height: 16px;
max-width: 100%;
white-space: normal;
line-height: 16px;
transform: translateY(-50%);
}
.btn-link.product-item-detail-buy-button {
height: 25px;
}
/*endregion*/
/*region Slider */
.product-item-detail-slider-container {
position: relative;
max-width: 100%;
background: transparent;
transition: background 800ms ease;
z-index: 90;
}
.product-item-detail-slider-block {
position: relative;
box-sizing: border-box;
padding-top: 56.25%;
height: 0;
}
.product-item-detail-slider-block.product-item-detail-slider-block-square {
padding-top: 100%;
}
.product-item-detail-slider-images-container {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.product-item-detail-slider-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-align: center;
opacity: 0;
transition: opacity 250ms linear;
}
.product-item-detail-slider-image.active {
z-index: 10;
opacity: 1;
}
.product-item-detail-slider-image img {
position: absolute;
top: 50%;
left: 50%;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
outline: 1px solid transparent;
background-position: center;
background-repeat: no-repeat;
transition:
background-size 450ms ease,
width 450ms ease,
height 450ms ease,
outline 450ms ease;
transform: translateY(-50%) translateX(-50%);
}
.product-item-detail-slider-progress-bar {
position: absolute;
bottom: 0;
left: 0;
z-index: 180;
height: 3px;
background-color: #006cc0;
background-color: var(--theme-color-primary);
}
/*endregion*/
/*region Slider Controls*/
.product-item-detail-slider-controls-block {
padding: 10px 0;
text-align: center;
}
.product-item-detail-slider-controls-image {
position: relative;
display: inline-block;
overflow: hidden;
width: 65px;
height: 65px;
outline: 1px solid #c0cfda;
background-color: #fff;
text-align: center;
cursor: pointer;
}
.product-item-detail-slider-controls-image:hover,
.product-item-detail-slider-controls-image.active {
outline-color: var(--theme-color-primary);
}
.bx-no-retina .product-item-detail-slider-controls-image.active {
outline-width: 2px;
}
.bx-retina .product-item-detail-slider-controls-image {
outline-width: 0.5px;
}
.bx-retina .product-item-detail-slider-controls-image.active {
outline-width: 1px;
}
.product-item-detail-slider-controls-image img {
position: absolute;
top: 50%;
left: 50%;
max-width: 65px;
max-height: 65px;
width: auto;
height: auto;
transform: translateY(-50%) translateX(-50%);
}
.product-item-detail-slider-left,
.product-item-detail-slider-right {
position: absolute;
top: 0;
bottom: 0;
z-index: 111;
display: block;
width: 25%;
background: rgba(255, 255, 255, 0)
url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2230%22%20viewBox%3D%220%200%2016%2030%22%3E%3Cpolygon%20fill%3D%22%23000000%22%20fill-rule%3D%22evenodd%22%20points%3D%2216%2050%202%2036%2016%2022%2015%2021%201%2035%200%2036%201%2037%2015%2051%22%20transform%3D%22translate(0%20-21)%22%2F%3E%3C%2Fsvg%3E")
no-repeat center;
opacity: 0.57;
cursor: pointer;
transition: all 300ms ease;
}
.product-item-detail-slider-left {
left: 0;
}
.product-item-detail-slider-right {
right: 0;
transform: rotate(180deg);
}
.product-item-detail-slider-left:hover,
.product-item-detail-slider-right:hover {
background-color: rgba(255, 255, 255, 0.4);
opacity: 0.8;
}
.product-item-detail-slider-close {
display: none;
}
.product-item-detail-slider-container.popup .product-item-detail-slider-close {
position: absolute;
top: 4px;
right: 110px;
bottom: 0;
z-index: 150;
display: block;
width: 50px;
height: 50px;
background: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpolygon%20fill%3D%22%23000000%22%20fill-rule%3D%22evenodd%22%20points%3D%2216%2015.1%208.944%208%2016%201%2015.006%200%208.05%207%20.994%200%200%201%207.056%208%200%2015.1%20.994%2016%208.05%209%2015.006%2016%22%2F%3E%3C%2Fsvg%3E")
no-repeat center;
opacity: 0.27;
cursor: pointer;
transition: all 300ms ease;
}
.product-item-detail-slider-container.popup .product-item-detail-slider-close:hover {
opacity: 1;
}
.product-item-detail-slider-container.popup .product-item-detail-slider-right {
right: 105px;
}
/*endregion*/
/*region magnified*/
.product-item-detail-slider-container.magnified .product-item-detail-slider-image {
z-index: 100;
}
.product-item-detail-slider-container.magnified .product-item-detail-slider-image img {
outline-color: #ddd;
}
.product-item-detail-slider-container.magnified .product-item-detail-slider-left,
.product-item-detail-slider-container.magnified .product-item-detail-slider-right {
z-index: 50;
}
.product-item-detail-slider-container.magnified .product-item-label-text,
.product-item-detail-slider-container.magnified .product-item-label-ring {
opacity: 0;
}
/* >>> popup*/
.product-item-detail-slider-container.popup {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 999999;
background: #fff;
animation-name: imgPopupShow;
animation-duration: 300ms;
}
.product-item-detail-slider-container.popup .product-item-detail-slider-images-container {
right: 105px;
}
.product-item-detail-slider-container.popup .product-item-detail-slider-block {
padding-top: 0;
height: 100vh;
}
.product-item-detail-slider-container.popup .product-item-detail-slider-image {
position: absolute;
top: 50%;
left: 50%;
max-height: 100vh;
width: calc(100% - 150px);
transform: translateY(-50%) translateX(-50%);
}
@-webkit-keyframes imgPopupShow {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-moz-keyframes imgPopupShow {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-ms-keyframes imgPopupShow {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-o-keyframes imgPopupShow {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes imgPopupShow {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.product-item-detail-slider-container.popup .product-item-detail-slider-image img {
max-width: 100%;
max-height: 90vh;
width: auto;
cursor: default;
}
.product-item-detail-slider-container.popup .product-item-detail-slider-controls-block {
position: absolute;
top: 0;
right: 0;
bottom: 0;
overflow-y: auto;
padding: 20px;
border-left: 1px solid #d3d3d3;
background-color: #fff;
}
.product-item-detail-slider-container.popup .product-item-detail-slider-controls-image {
display: block;
margin-bottom: 20px;
}
/*endregion*/
/*region Slider Mobile*/
@media (max-width: 767px) {
.product-item-detail-slider-container.popup .product-item-detail-slider-images-container {
right: 0;
}
.product-item-detail-slider-container.popup .product-item-detail-slider-block {
padding-top: 0;
height: calc(100vh - 111px);
}
.product-item-detail-slider-container.popup .product-item-detail-slider-image {
width: 90%;
}
.product-item-detail-slider-container.popup .product-item-detail-slider-image img {
max-width: 100%;
max-height: calc(100vh - 115px);
width: auto;
cursor: default;
}
.product-item-detail-slider-container.popup .product-item-detail-slider-controls-block {
position: absolute;
top: auto;
right: 0;
bottom: 0;
left: 0;
overflow-x: auto;
max-height: 111px;
border-top: 1px solid #d3d3d3;
border-left: none;
white-space: nowrap;
}
.product-item-detail-slider-container.popup .product-item-detail-slider-controls-image {
display: inline-block;
margin-bottom: 0;
}
.product-item-detail-slider-container.popup .product-item-detail-slider-close {
right: 10px;
z-index: 200;
}
.product-item-detail-slider-left,
.product-item-detail-slider-right {
max-width: 75px;
}
.product-item-detail-slider-container.popup .product-item-detail-slider-right {
right: 0;
}
}
/*endregion*/
/*region Label*/
.product-item-label-text,
.product-item-label-ring {
position: absolute;
z-index: 190;
opacity: 1;
transition: opacity 450ms ease;
}
.product-item-label-text span,
.product-item-label-ring {
display: inline-block;
clear: both;
margin-bottom: 2px;
background: #f42c2c;
color: #fff;
vertical-align: middle;
text-align: center;
transition: all 250ms ease;
}
.bx-red .product-item-label-text span,
.bx-red .product-item-label-ring {
background-color: #fba90c;
}
.product-item-label-text > div,
.product-item-label-ring > div {
line-height: 0;
}
.product-item-detail-slider-container.popup .product-item-label-text,
.product-item-detail-slider-container.popup .product-item-label-ring {
display: none;
}
/* TEXT */
.product-item-label-text span {
padding: 2px 5px;
vertical-align: middle;
font-weight: var(--ui-font-weight-bold);
}
.product-item-label-text.product-item-label-small span {
margin-bottom: 1px;
padding: 2px 7px;
font-weight: normal;
font-size: 13px;
line-height: 14px;
}
.product-item-label-text.product-item-label-big span {
padding: 4px 10px;
font-size: 13px;
line-height: 17px;
}
@media (max-width: 767px) {
.product-item-label-text > div {
line-height: 0;
}
.product-item-label-text.product-item-label-small span,
.product-item-scalable-card.hover .product-item-label-text.product-item-label-small span {
margin-bottom: 1px;
padding: 2px 7px;
font-size: 10px;
line-height: 14px;
}
.product-item-big-card .product-item-label-text.product-item-label-small span,
.product-item-label-text.product-item-label-big span,
.product-item-scalable-card.hover .product-item-label-text.product-item-label-big span {
margin-bottom: 1px;
padding: 3px 12px;
font-size: 14px;
line-height: 16px;
}
.product-item-big-card .product-item-label-text.product-item-label-big span {
padding: 3px 12px;
font-size: 20px;
line-height: 25px;
}
}
/*RING*/
.product-item-label-ring {
box-sizing: border-box;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
font-weight: var(--ui-font-weight-bold);
}
.product-item-label-ring.product-item-label-small {
width: 40px;
height: 40px;
font-size: 14px;
line-height: 40px;
}
.product-item-label-ring.product-item-label-big {
width: 50px;
height: 50px;
font-size: 18px;
line-height: 50px;
}
@media (max-width: 767px) {
.product-item-label-ring.product-item-label-small,
.product-item-scalable-card.hover .product-item-label-ring.product-item-label-small {
width: 20px;
height: 20px;
font-size: 13px;
line-height: 20px;
}
.product-item-big-card .product-item-label-ring.product-item-label-small,
.product-item-label-ring.product-item-label-big,
.product-item-scalable-card.hover .product-item-label-ring.product-item-label-big {
width: 35px;
height: 35px;
font-size: 12px;
line-height: 35px;
}
.product-item-big-card .product-item-label-ring.product-item-label-big {
width: 70px;
height: 70px;
font-size: 24px;
line-height: 70px;
}
}
.product-item-label-top {
top: -5px;
}
.product-item-label-center {
left: 50%;
transform: translateX(-50%);
}
.product-item-label-center > div {
text-align: center;
}
.product-item-label-left {
left: -5px;
}
.product-item-label-left > div {
text-align: left;
}
.product-item-label-bottom {
bottom: -5px;
}
.product-item-label-middle {
top: 50%;
transform: translateY(-50%);
}
.product-item-label-right {
right: -5px;
}
.product-item-label-right > div {
text-align: right;
}
.product-item-label-center.product-item-label-middle {
transform: translateY(-50%) translateX(-50%);
}
/*endregion*/
/*region Tabs */
.product-item-detail-tabs-container {
min-height: 60px;
border-bottom: 1px solid #ededed;
}
.product-item-detail-tabs-list {
display: block;
margin: 0;
padding: 0;
list-style: none;
}
.product-item-detail-tabs-list:after {
display: table;
clear: both;
content: "";
}
.product-item-detail-tab {
float: left;
min-height: 60px;
}
.product-item-detail-tab-link {
position: relative;
display: inline-block;
box-sizing: border-box;
padding: 10px 25px;
height: 60px;
color: #000;
vertical-align: middle;
text-transform: uppercase;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
font-weight: var(--ui-font-weight-bold);
font-size: 13px;
line-height: 45px;
transition: all 250ms ease;
}
.product-item-detail-tab-link:hover,
.product-item-detail-tab.active .product-item-detail-tab-link {
color: #006cc0;
color: var(--theme-color-primary);
text-decoration: none;
}
.product-item-detail-tab-link:after {
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 0;
background: #006cc0;
background: var(--theme-color-primary);
content: "";
transition: all 250ms ease;
}
.product-item-detail-tab-link:hover:after,
.product-item-detail-tab.active .product-item-detail-tab-link:after {
height: 3px;
}
.product-item-detail-tab-link:active:after {
height: 6px;
}
.product-item-detail-tab-content {
padding: 25px 0;
}
@media (max-width: 991px) {
.product-item-detail-tabs-container {
display: none !important;
}
.product-item-detail-tab-content {
display: block !important;
}
}
/*Tab fixed*/
.product-item-detail-tabs-container-fixed {
position: fixed;
top: -100px;
right: 0;
left: 0;
z-index: 300;
background-color: #fff;
box-shadow: 0 4px 14px 0 rgba(32, 54, 74, 0.23);
transition: top 350ms linear;
}
.product-item-detail-tabs-container-fixed {
min-height: 45px;
background: #fff;
}
.product-item-detail-tabs-container-fixed.active {
top: 0;
opacity: 1;
}
.product-item-detail-tabs-container-fixed .product-item-detail-tabs-list {
margin: 0 auto;
max-width: 1048px;
}
.product-item-detail-tabs-container-fixed .product-item-detail-tab {
min-height: 45px;
}
.product-item-detail-tabs-container-fixed .product-item-detail-tab-link {
padding: 10px 25px;
height: 45px;
line-height: 25px;
}
.bx-touch .product-item-detail-tabs-container-fixed {
display: none !important;
}
/*endregion*/
/*region Small Card*/
.product-item-detail-short-card-fixed {
position: fixed;
top: -85px;
right: 0;
left: 0;
z-index: 310;
box-sizing: border-box;
height: 85px;
background-color: #fff;
box-shadow: 0 4px 14px 0 rgba(32, 54, 74, 0.23);
transition: top 220ms linear;
}
.product-item-detail-short-card-fixed.active {
top: 0;
opacity: 1;
}
.product-item-detail-short-card-fixed.active + .product-item-detail-tabs-container-fixed.active {
top: 85px;
}
.bx-touch .product-item-detail-short-card-fixed {
display: none !important;
}
.product-item-detail-short-card-fixed .product-item-detail-short-card-content-container {
margin: 0 auto;
max-width: 1048px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.product-item-detail-short-card-image {
padding-right: 15px;
width: 80px;
max-width: 80px;
vertical-align: middle;
text-align: center;
}
.product-item-detail-short-card-image img {
max-width: 100%;
height: auto;
max-height: 65px;
width: auto;
}
.product-item-detail-short-title-container {
max-width: 650px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.product-item-detail-short-title-text {
display: block;
color: #000;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 16px;
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
}
.product-item-detail-short-card-price {
padding: 0 10px;
vertical-align: middle;
text-align: right;
}
.product-item-detail-short-card-btn {
padding-left: 10px;
min-width: 120px;
}
/*endregion*/
/*region Properties */
.product-item-detail-tab-content {
display: none;
}
.product-item-detail-tab-content.active {
display: block;
}
.product-item-detail-tab-content h3 {
margin-bottom: 10px;
font-weight: var(--ui-font-weight-bold);
font-size: 14px;
}
.product-item-detail-properties {
margin: 0;
padding: 0;
list-style: none;
display: block;
}
.product-item-detail-properties-item {
margin-bottom: 5px;
display: flex;
align-items: stretch;
}
.product-item-detail-properties-dots {
border-bottom: 1px dotted #a5a5a5;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.product-item-detail-properties-name,
.product-item-detail-properties-value {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
max-width: 50%;
width: auto;
font-size: 12px;
}
.product-item-detail-properties-name {
padding-right: 3px;
color: #a5a5a5;
}
.product-item-detail-properties-value {
color: #343a40;
padding-left: 3px;
text-align: right;
}
/*endregion*/
.no-select {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
input[type="number"] {
-moz-appearance: textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
/* CUSTOM */
.col-12 > .product_detail_desc,
.product-item-detail-short-card-fixed,
.product-item-detail-tabs-container-fixed {
display: none !important;
}
.button_small.button {
padding: 0.6em 1.7em;
min-height: 44px;
font-size: 14px;
}
.catalog-detail {
/*margin-bottom: 90px;*/
margin-bottom: 50px;
}
.catalog-detail__title {
margin-top: 0.5em;
margin-bottom: 0.6em;
font-size: 28px;
line-height: 34px;
font-weight: 700;
}
.catalog-detail-top {
display: flex;
justify-content: space-between;
margin-bottom: 32px;
padding-bottom: 16px;
border-bottom: 1px solid #e0e0e0;
}
.catalog-detail-top__left {
display: flex;
align-items: center;
position: relative;
z-index: 5;
}
.catalog-detail-top__right {
display: flex;
align-items: center;
}
.catalog-detail-top__article {
color: #919191;
font-size: 12px;
line-height: 13px;
font-weight: 400;
}
.catalog-detail-top__article span {
color: #000;
}
.catalog-detail-top__status {
position: relative;
margin-left: 1em;
color: #595959;
font-size: 16px;
line-height: 1;
font-weight: 400;
}
.catalog-detail-top__status_in-stock {
color: #27931e;
}
.catalog-detail-top__reviews {
margin-right: 60px;
}
.catalog-detail-top-reviews {
display: flex;
align-items: center;
}
.catalog-detail-top-reviews__rating {
display: flex;
align-items: center;
}
.catalog-detail-top-reviews__rating-icon {
margin-top: -2px;
margin-right: 8px;
width: 16px;
height: 16px;
background-image: url('data:image/svg+xml,');
}
.catalog-detail-top-reviews__rating-value {
color: #165c7d;
font-size: 16px;
line-height: 1;
font-weight: 500;
}
.catalog-detail-top-reviews__sep {
margin: 0 8px;
color: #e0e0e0;
}
.catalog-detail-top-reviews__count {
color: #000;
font-size: 14px;
line-height: 1;
font-weight: 400;
text-decoration-line: underline;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.catalog-detail-top-reviews__count:hover {
text-decoration-line: none;
}
@media (max-width: 800px) {
.catalog-detail-top__reviews {
margin-right: 0;
}
}
.helper {
position: absolute;
top: 50%;
left: calc(100% + 10px);
display: block;
padding: 8px 10px;
max-width: 250px;
width: max-content;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #383838;
text-align: left;
color: #fff;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
transform: translateY(-50%);
}
.helper:before {
content: "";
position: absolute;
z-index: 100;
top: 50%;
right: 100%;
margin-top: -4px;
width: 0;
height: 0;
border: 4px solid transparent;
border-right-color: #383838;
border-left: 0;
}
.catalog-detail .action-links {
display: flex;
}
.catalog-detail .action-links__item {
margin-left: 1.4em;
}
.catalog-detail .action-link {
display: flex;
align-items: center;
color: #919191;
font-size: 14px;
line-height: 20px;
font-weight: 400;
cursor: pointer;
user-select: none;
}
.catalog-detail .action-link .icon_favour {
width: 15px;
height: 14px;
}
.catalog-detail .action-link .icon_compare {
width: 11px;
height: 13px;
}
.catalog-detail .action-link__icon {
background-color: #919191;
}
.catalog-detail .action-link__text {
margin-left: 8px;
}
.catalog-detail .action-link.active {
color: #104159;
}
.catalog-detail .action-link.active .action-link__icon {
background-color: #104159;
}
.catalog-detail__main {
display: flex;
justify-content: space-between;
margin-bottom: 50px;
}
.catalog-detail__left {
width: calc(59.5% - 32px);
}
.catalog-detail__images {
display: flex;
justify-content: space-between;
}
.catalog-detail__big-image.swiper {
order: 1;
position: relative;
margin: 0 0 0 16px;
max-width: 579px;
width: 100%;
/*height: 579px;*/
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
overflow: hidden;
}
.catalog-detail__big-image.swiper .swiper-wrapper {
position: absolute;
top: 0;
}
.catalog-detail__big-image.swiper:before {
content: "";
display: block;
padding-bottom: 100%;
}
.catalog-detail__stikers.stickers {
position: absolute;
z-index: 10;
top: 24px;
left: 24px;
gap: 8px 5px;
max-width: 190px;
}
.catalog-detail__stikers .sticker {
font-size: 14px;
}
.catalog-detail__big-image-item {
display: flex !important;
justify-content: center;
align-items: center;
/*height: 579px !important;*/
object-fit: cover;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
image-rendering: pixelated;
}
.catalog-detail__big-image-item img {
/*max-width: 100%;*/
/*max-height: 100%;*/
max-width: none;
min-height: 100%;
}
.catalog-detail__thumbs {
flex-shrink: 0;
position: relative;
max-width: 385px;
}
.catalog-detail__thumbs-inner.swiper {
margin: -3px;
padding: 3px;
width: 93px;
/*height: 579px;*/
height: 585px;
}
.catalog-detail__thumbs .slick-list,
.catalog-detail__thumbs .slick-track {
height: 100% !important;
}
.catalog-detail__thumbs .swiper-button-prev,
.catalog-detail__thumbs .swiper-button-next {
left: 50%;
margin-top: 0;
margin-left: -20px;
transform: rotate(90deg);
}
.catalog-detail__thumbs .swiper-button-prev {
top: -20px;
}
.catalog-detail__thumbs .swiper-button-next {
top: auto;
bottom: -20px;
}
.catalog-detail__thumbs .swiper-button-next.swiper-button-disabled,
.catalog-detail__thumbs .swiper-button-prev.swiper-button-disabled {
opacity: 1;
cursor: auto;
pointer-events: auto;
}
.catalog-detail__thumbs .swiper-button-next.swiper-button-lock,
.catalog-detail__thumbs .swiper-button-prev.swiper-button-lock {
display: none;
}
.catalog-detail__thumbs-item.swiper-slide {
display: flex !important;
justify-content: center;
align-items: center;
position: relative;
padding-bottom: 100%;
width: 100%;
/* height: auto !important; */
background-position: center;
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
cursor: pointer;
}
.catalog-detail__thumbs-item img {
max-width: 100%;
max-height: 100%;
}
/*.catalog-detail__thumbs-item.swiper-slide:hover {*/
/*-moz-outline-radius: 7px;*/
/*outline: 1px solid #BABABA;*/
/*outline-offset: 2px;*/
/*}*/
.catalog-detail__thumbs-item.swiper-slide:hover:after {
content: "";
position: absolute;
top: -3px;
right: -3px;
bottom: -3px;
left: -3px;
border: 1px solid #bababa;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
/*.catalog-detail__thumbs-item.swiper-slide.swiper-slide-thumb-active {*/
/*-moz-outline-radius: 7px;*/
/*outline: 1px solid #000;*/
/*outline-offset: 2px;*/
/*}*/
.catalog-detail__thumbs-item.swiper-slide.swiper-slide-thumb-active:after {
content: "";
position: absolute;
top: -3px;
right: -3px;
bottom: -3px;
left: -3px;
border: 1px solid #000;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
/*.catalog-detail__thumbs-item.swiper-slide.swiper-slide-thumb-active:before {*/
/*content: '';*/
/*position: absolute;*/
/*top: 0;*/
/*right: 0;*/
/*bottom: 0;*/
/*left: 0;*/
/*background-color: rgba(0,0,0,.4);*/
/*}*/
.catalog-detail__right {
position: relative;
padding: 32px 32px 36px 32px;
width: 40.5%;
border: 1px solid #e0e0e0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.catalog-detail__sku {
margin: 25px 0;
}
.catalog-detail-sku__title {
margin-bottom: 1em;
font-size: 15px;
line-height: 18px;
font-weight: 500;
}
.sku-list {
display: flex;
flex-wrap: wrap;
margin: -2px -2px -2px -8px;
padding: 2px;
max-height: 114px;
overflow: hidden;
}
.sku-list.active {
height: auto;
max-height: none;
}
.sku-list-more {
display: none;
margin-top: 16px;
color: #165c7d;
font-size: 14px;
font-weight: 500;
line-height: 16px;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
}
.sku-list__item {
margin: 0 0 12px 8px;
}
.sku-list__item img {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.sku-list-item {
position: relative;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
/*overflow: hidden;*/
}
/*.sku-list-item:hover {*/
/*-moz-outline-radius: 5px;*/
/*outline: 1px solid #BABABA;*/
/*outline-offset: 1px;*/
/*}*/
.sku-list-item:hover:after {
content: "";
position: absolute;
z-index: -1;
top: -2px;
right: -2px;
bottom: -2px;
left: -2px;
border: 1px solid #bababa;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
/*.sku-list-item.active {*/
/*-moz-outline-radius: 5px;*/
/*outline: 1px solid #000;*/
/*outline-offset: 1px;*/
/*}*/
.sku-list-item.active:after {
content: "";
position: absolute;
z-index: -1;
top: -2px;
right: -2px;
bottom: -2px;
left: -2px;
border: 1px solid #000;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
/*.sku-list-item.active:before {*/
/*content: '';*/
/*position: absolute;*/
/*top: 0;*/
/*right: 0;*/
/*bottom: 0;*/
/*left: 0;*/
/*background-color: rgba(0,0,0,.4);*/
/*}*/
.catalog-detail__measure .tab-line {
width: 100%;
font-size: 15px;
line-height: 18px;
}
.catalog-detail__measure .tab-line__item {
padding: 0.5em 0.6em;
}
.tab-line__item.tab-line__item_caption {
padding-left: 0;
cursor: default;
}
.catalog-detail__cheaper {
position: absolute;
top: 40px;
right: 32px;
color: #595959;
font-size: 12px;
line-height: 18px;
font-weight: 400;
/*text-decoration: underline;*/
cursor: pointer;
user-select: none;
}
span.designer {
text-decoration: underline;
}
.catalog-detail__cheaper:hover {
text-decoration: none;
}
.catalog-detail__price {
padding: 20px 0;
}
.catalog-detail-price {
display: flex;
}
.catalog-detail-price__current {
color: #000;
font-size: 32px;
line-height: 38px;
font-weight: 700;
}
.catalog-detail-price__current_discount {
color: #dc3d52;
}
.catalog-detail-price__current_inactive {
color: #595959;
}
.catalog-detail-price__caption {
align-self: center;
margin-left: 1em;
color: #919191;
font-size: 14px;
line-height: 1.4;
font-weight: 400;
}
.catalog-detail-price__old {
margin-left: auto;
width: 4.6em;
color: #919191;
font-size: 16px;
line-height: 1.8;
font-weight: 400;
}
.catalog-detail-price__old span:last-child {
text-decoration: line-through;
}
.catalog-detail-price__discount {
margin-left: 1em;
width: 2.6em;
color: #d23939;
font-size: 16px;
line-height: 1.8;
font-weight: 400;
}
.catalog-detail-price__saved {
margin-left: 1em;
width: 4.6em;
color: #289d1d;
font-size: 16px;
line-height: 1.8;
font-weight: 400;
}
.catalog-detail-price__old span:first-child,
.catalog-detail-price__discount span:first-child,
.catalog-detail-price__saved span:first-child {
display: block;
color: #919191;
font-size: 11px;
line-height: 15px;
font-weight: 400;
}
.catalog-detail__actions {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.catalog-detail__quantity-block {
flex-shrink: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
width: 230px;
}
.catalog-detail__price-total {
padding-left: 12px;
width: calc(100% - 112px);
color: #919191;
font-size: 11px;
line-height: 1.4;
font-weight: 400;
}
.catalog-detail__price-total strong {
display: block;
color: #000;
font-size: 14px;
line-height: 20px;
font-weight: 400;
}
.catalog-detail__measure-help {
margin-top: 1em;
width: 100%;
color: #595959;
font-size: 12px;
line-height: 17px;
font-weight: 400;
}
.catalog-detail__quantity {
width: 112px;
}
.quantity {
display: flex;
position: relative;
height: 48px;
border: 1px solid #e0e0e0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.quantity__minus {
flex-shrink: 0;
display: inline-flex;
justify-content: center;
align-items: center;
width: 25px;
cursor: pointer;
}
.quantity__minus:before {
content: "";
display: block;
width: 10px;
height: 2px;
background-color: #919191;
}
.quantity__minus:hover:before {
background-color: #000;
}
.quantity__plus {
flex-shrink: 0;
display: inline-flex;
justify-content: center;
align-items: center;
width: 25px;
cursor: pointer;
}
.quantity__plus span {
position: relative;
width: 12px;
height: 12px;
}
.quantity__plus span:before {
content: "";
position: absolute;
top: 50%;
left: 0;
margin-top: -1px;
width: 12px;
height: 2px;
background-color: #919191;
}
.quantity__plus span:after {
content: "";
position: absolute;
top: 0;
left: 50%;
margin-left: -1px;
width: 2px;
height: 12px;
background-color: #919191;
}
.quantity__plus:hover span:after,
.quantity__plus:hover span:before {
background-color: #000;
}
.quantity__value {
padding: 0;
width: 100%;
background-color: transparent;
border: none;
text-align: center;
color: #000;
font-weight: 500;
font-size: 16px;
line-height: 1.2;
}
.quantity__value:focus {
outline: none;
}
.catalog-detail__buttons-block {
width: 100%;
max-width: 170px;
}
.catalog-detail__buttons-block_full {
max-width: 100%;
}
.catalog-detail__buttons-block .button {
width: 100%;
}
.catalog-detail__subscribe .button {
margin: 0;
width: 100%;
background-color: #f0f0f0;
color: #000;
font-size: 16px;
line-height: 1.5;
font-weight: 500;
}
.catalog-detail__subscribe .button:hover {
background-color: #e0e0e0;
}
.catalog-detail__subscribe .button:active {
background-color: #bababa;
}
.catalog-detail__analogs-link {
margin-top: 12px;
text-align: center;
}
.catalog-detail__analogs-link span {
color: #595959;
font-size: 14px;
line-height: 1.2;
font-weight: 400;
text-decoration-line: underline;
cursor: pointer;
}
.catalog-detail__analogs-link span:hover {
text-decoration: none;
}
.catalog-detail__one-click {
text-align: center;
}
.catalog-detail__one-click a {
display: inline-block;
margin-top: 1em;
color: #165c7d;
font-size: 14px;
line-height: 1.2;
font-weight: 400;
text-decoration: underline;
}
.catalog-detail__one-click a:hover {
text-decoration: none;
}
.catalog-detail__small-services {
margin-top: 25px;
margin-bottom: 30px;
}
.catalog-detail__small-services-title {
margin-bottom: 0.4em;
font-size: 15px;
line-height: 18px;
font-weight: 500;
}
.catalog-detail__props-preview .card-props,
.tab-content-item .card-props {
font-size: 14px;
line-height: 1.4;
}
.catalog-detail__props-preview .card-props__item,
.tab-content-item .card-props__item {
margin-bottom: 1em;
}
.catalog-detail__props-preview .card-prop__name span {
/*max-width: 100px;*/
}
.catalog-detail__props-preview .card-props__link {
margin-top: 1.2em;
}
.catalog-detail__props-preview .card-props__link a {
color: #165c7d;
font-size: 14px;
line-height: 1.2;
text-decoration: underline;
}
.catalog-detail__props-preview .card-props__link a:hover {
text-decoration: none;
}
.detail-tabs {
display: flex;
flex-wrap: wrap;
margin: 0 0 40px;
padding: 0;
list-style: none;
line-height: 1.25;
border-bottom: 1px solid #e0e0e0;
}
.detail-tabs__item {
}
.detail-tabs__link {
display: block;
margin-bottom: -1px;
padding: 0.7em 1.2em;
border-bottom: 2px solid transparent;
color: #919191;
font-size: 16px;
line-height: 1.2;
font-weight: 400;
text-decoration: none;
}
/*.detail-tabs__link:hover {*/
/*border-bottom-color: #165C7D;*/
/*color: #165C7D;*/
/*text-decoration: none;*/
/*}*/
.detail-tabs__link.active {
border-bottom-color: #165c7d;
color: #165c7d;
}
.detail-tabs-content__item {
display: none;
}
.detail-tabs-content__item.active {
display: block;
}
.tab-content-item {
display: flex;
flex-wrap: wrap;
color: #454545;
font-size: 16px;
line-height: 1.5;
font-weight: 400;
}
.tab-content-item__left {
flex-shrink: 0;
width: 58%;
}
.tab-content-item__right {
width: 42%;
}
.tab-content-item__title {
margin-bottom: 1.4em;
width: 100%;
color: #000;
font-size: 28px;
line-height: 1.2;
font-weight: 700;
}
.tab-content-item__title-caption {
position: relative;
top: -0.2em;
margin-left: 1em;
color: #919191;
font-size: 18px;
font-weight: 400;
}
.tab-content-item ul {
margin-bottom: 1.4em;
}
.tab-content-item ul li {
position: relative;
margin-bottom: 0.5em;
padding-left: 19px;
}
.tab-content-item ul li:before {
content: "";
display: block;
position: absolute;
top: 0.5em;
left: 0;
width: 7px;
height: 7px;
background-color: #165c7d;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.tab-link {
color: #165c7d;
text-decoration: underline;
}
.tab-link:hover {
text-decoration: none;
}
.tab-subtitle {
margin: 0.6em 0 0.8em;
font-size: 1.3em;
font-weight: 500;
}
.files-list {
display: flex;
flex-wrap: wrap;
}
.files-list__item {
margin-bottom: 28px;
width: 50%;
}
.file-download {
display: flex;
}
.file-download:hover .file-download__download {
display: inline-block;
}
.file-download:hover .file-download__icon {
background-image: url("/local/templates/main/images/icons/document-hover.svg");
}
.file-download__icon {
flex-shrink: 0;
display: block;
width: 24px;
height: 32px;
background-image: url("/local/templates/main/images/icons/document.svg");
background-repeat: no-repeat;
background-size: contain;
}
.file-download__content {
padding-left: 16px;
}
.file-download__name {
display: block;
margin-bottom: 0.4em;
max-width: 270px;
color: #000;
font-size: 14px;
line-height: 1.3;
font-weight: 400;
}
.file-download__caption {
display: flex;
color: #919191;
font-size: 12px;
line-height: 1.4;
font-weight: 400;
text-transform: uppercase;
}
.file-download__ext,
.file-download__download {
margin-left: 1em;
}
.file-download__download {
display: none;
color: #165c7d;
font-weight: 500;
}
.catalog-detail__brand-video {
margin: 65px 0 0;
}
.catalog-detail__brand-video .video_reviews,
.catalog-detail__brand-video .video_reviews.partners_video,
.catalog-detail__brand-video .video_reviews.partners_video .video_reviews__list,
.catalog-detail__brand-video .services__slider {
margin-bottom: 0;
}
.catalog-detail__video {
margin-top: 60px;
}
.video-carousel__title {
margin-bottom: 1.15em;
color: #000;
font-size: 20px;
line-height: 1.4;
font-weight: 500;
}
.video-carousel__wrap {
position: relative;
}
.video-carousel__list.swiper {
margin: 0 -23px;
padding: 0 23px;
}
.video-carousel__list .swiper-button-next.slider-next {
right: 3px;
margin-top: -20px;
}
.video-carousel__list .swiper-button-prev.slider-prev {
left: 3px;
margin-top: -20px;
}
.video-carousel__list .swiper-button-prev.swiper-button-disabled,
.video-carousel__list .swiper-button-next.swiper-button-disabled {
opacity: 1;
cursor: auto;
pointer-events: auto;
}
.video-carousel__list .swiper-button-lock,
.video-carousel__pagination.swiper-pagination-lock {
display: none !important;
}
.video-carousel__item {
position: relative;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
}
.video-carousel__item img {
display: block;
margin: 0 auto;
width: 100%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.video-carousel__item:hover .video-preview-hover {
display: flex;
}
.video-carousel__item .video-preview-hover__text {
flex-basis: min-content;
}
.video-preview-hover {
display: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
justify-content: center;
align-items: center;
background-color: rgba(0, 0, 0, 0.5);
}
.video-preview-hover__icon {
width: 49px;
height: 49px;
}
.video-preview-hover__icon + .video-preview-hover__text {
margin-left: 8px;
}
.video-preview-hover__text {
color: #fff;
font-size: 14px;
line-height: 1.2;
font-weight: 500;
}
.video-carousel__pagination {
margin-top: 21px;
}
.swiper + .swiper-pagination.swiper-pagination-bullets {
display: flex;
justify-content: center;
position: static;
}
.swiper + .slider-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
display: inline-flex;
justify-content: center;
align-items: center;
margin: 0 2px;
width: 12px;
height: 12px;
background-color: transparent;
border: 1px solid transparent;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
opacity: 1;
}
.swiper + .slider-pagination.swiper-pagination-bullets .swiper-pagination-bullet:before {
content: "";
display: block;
width: 6px;
height: 6px;
background-color: #e0e0e0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.swiper + .slider-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active {
border-color: #d4122c;
}
.swiper + .slider-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active:before {
background-color: #d4122c;
}
.photo-gallery {
display: flex;
justify-content: space-between;
align-items: start;
width: 100%;
}
.photo-gallery__big-image.swiper {
flex-basis: 710px;
margin: 0;
height: 473px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.photo-gallery__big-image .swiper-button-prev.swiper-button-disabled,
.photo-gallery__big-image .swiper-button-next.swiper-button-disabled {
cursor: auto;
pointer-events: auto;
}
.photo-gallery__big-image-item.swiper-slide {
background-position: center;
-webkit-background-size: contain;
background-size: contain;
background-repeat: no-repeat;
}
.photo-gallery__thumbs.swiper {
flex-basis: 38.16%;
display: none;
margin: -3px;
padding: 3px;
}
.photo-gallery__thumbs.swiper-initialized {
display: block;
}
.photo-gallery__thumbs .swiper-wrapper {
flex-wrap: wrap;
margin-right: -1px;
width: auto;
}
.photo-gallery__thumbs-item.swiper-slide {
margin-bottom: 16px;
width: 100%;
background-position: center;
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
overflow: hidden;
cursor: pointer;
}
.photo-gallery__thumbs-item.swiper-slide.swiper-slide-thumb-active {
-moz-outline-radius: 7px;
outline: 1px solid #000000;
outline-offset: 2px;
}
.photo-gallery__thumbs-item.swiper-slide:before {
content: "";
display: block;
padding-bottom: 66.66%;
}
.photo-gallery__thumbs-item.swiper-slide:nth-child(4n) {
margin-right: 0 !important;
}
.tab-content-item__brand {
padding-top: 72px;
padding-left: 80px;
}
.catalog-detail-brand__title {
margin-bottom: 1.9em;
color: #000;
font-size: 20px;
line-height: 1.7;
}
.catalog-detail-brand__img img {
display: block;
max-width: 220px;
}
.catalog-detail-brand__desc {
margin-top: 1.7em;
color: #919191;
font-size: 14px;
line-height: 1.4;
}
.catalog-detail__detail-text {
margin: 60px 0;
color: #454545;
font-size: 16px;
line-height: 1.5;
font-weight: 400;
}
.catalog-detail__detail-text img {
height: auto;
}
.catalog-detail__detail-text p,
.detail-tabs-content__item#product-desc p {
margin-bottom: 0.8em;
}
.video_reviews__item_hover-icon a:after {
display: none !important;
}
.video_reviews__item_hover-icon a:hover .video-preview-hover {
display: flex;
}
@media (max-width: 1100px) {
.catalog-detail__left {
flex-shrink: 0;
width: 390px;
}
.catalog-detail__right {
width: auto;
max-width: 50%;
}
.catalog-detail__images {
display: block;
}
.catalog-detail__big-image.swiper {
margin: 0 auto 16px;
/*width: 382px;*/
/*height: 382px;*/
}
.catalog-detail__stikers {
top: 16px;
left: 16px;
}
.catalog-detail__big-image-item {
/*height: 382px !important;*/
}
.catalog-detail__thumbs {
margin: 0 auto;
}
.catalog-detail__thumbs-inner.swiper {
width: 100%;
height: auto !important;
}
.catalog-detail__thumbs-item.swiper-slide {
padding: 0;
}
.catalog-detail__thumbs-item.swiper-slide:before {
content: "";
display: block;
padding-bottom: 100%;
}
.catalog-detail__thumbs .swiper-button-prev,
.catalog-detail__thumbs .swiper-button-next {
display: none !important;
}
.catalog-detail__thumbs .swiper-scrollbar {
margin-top: 16px;
height: 4px;
background: #f0f0f0;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.catalog-detail__thumbs .swiper-scrollbar-drag {
background-color: #bababa;
}
.catalog-detail__video {
margin: 30px auto 0;
max-width: 385px;
}
.video-carousel__title {
margin-bottom: 1em;
font-size: 16px;
}
.tab-content-item {
flex-wrap: wrap;
}
.tab-content-item__brand {
margin-top: 40px;
padding-top: 0;
padding-left: 0;
}
.tab-content-item__left {
width: 100%;
}
.tab-content-item__right {
width: 100%;
}
.tab-content-item__right .button[download] {
margin-top: 12px;
width: 100%;
max-width: 382px;
}
.tab-content-item .card-props {
max-width: 700px;
}
.catalog-detail .detail-tabs {
flex-wrap: nowrap;
position: relative;
overflow-x: scroll;
overflow-y: hidden;
padding-bottom: 2px;
border: none;
white-space: nowrap;
scrollbar-width: none;
}
.catalog-detail .detail-tabs::-webkit-scrollbar {
display: none;
}
.catalog-detail .detail-tabs:after {
content: "";
position: absolute;
z-index: -1;
bottom: 1px;
left: 0;
width: 1000px;
height: 1px;
background-color: #e0e0e0;
}
.tab-content-item__title {
font-size: 22px;
}
.catalog-detail .card-prop__value {
max-width: 50%;
text-align: right;
white-space: normal;
}
.catalog-detail-brand__title {
margin-bottom: 1.4em;
font-size: 18px;
line-height: 1.2;
}
}
@media (max-width: 900px) {
.catalog-detail {
margin-right: -5px;
margin-left: -5px;
}
.catalog-detail__title {
margin-top: 0.7em;
margin-bottom: 0.7em;
font-size: 22px;
line-height: 1.2;
}
.helper {
top: calc(100% + 10px);
left: 50%;
max-width: 250px;
width: max-content;
color: #fff;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
transform: translateX(-50%);
}
.helper:before {
content: "";
position: absolute;
z-index: 100;
top: auto;
bottom: 100%;
left: 50%;
margin-left: -4px;
border: 4px solid transparent;
border-bottom-color: #383838;
border-top: 0;
}
.catalog-detail__main {
display: block;
}
.catalog-detail__left {
margin: 0 auto;
width: 100%;
}
.catalog-detail__right {
margin: 40px auto 0;
padding: 32px 18px;
width: 600px;
max-width: 100%;
}
.catalog-detail__price {
padding: 16px 0 5px;
}
.catalog-detail-price {
flex-wrap: wrap;
}
.catalog-detail-price__caption {
order: -1;
margin: 0;
}
.catalog-detail-price__current {
flex-shrink: 0;
margin-right: 100%;
margin-bottom: 0.4em;
}
.catalog-detail-price__old {
margin-left: 0;
}
.catalog-detail__cheaper {
position: static;
margin-bottom: 24px;
}
.catalog-detail__price-total {
padding-left: 14px;
font-size: 12px;
}
.catalog-detail__actions {
display: block;
}
.catalog-detail__buttons-block {
margin-top: 15px;
max-width: 100%;
}
.sku-list {
margin: -2px -2px -2px -7px;
max-height: 106px;
}
.sku-list__item {
margin: 0 0 9px 7px;
width: 44px;
height: 44px;
}
.catalog-detail__props-preview {
display: none;
}
.catalog-detail__small-services {
margin-bottom: 0;
}
.video-carousel__list .swiper-button-next.slider-next,
.video-carousel__list .swiper-button-prev.slider-prev {
display: none;
}
}
@media (max-width: 720px) {
.catalog-detail__thumbs-item.swiper-slide {
height: auto !important;
}
.catalog-detail-top {
display: block;
}
.catalog-detail-top__left {
margin-bottom: 15px;
}
.catalog-detail-top__right {
display: flex;
justify-content: space-between;
}
.catalog-detail-top__right .action-link__text {
display: none;
}
.catalog-detail .action-links__item {
margin-left: 0.8em;
}
.catalog-detail .action-links {
margin-left: auto;
}
.catalog-detail__left {
width: 100%;
}
.catalog-detail .action-link .icon_favour {
width: 20px;
height: 18px;
}
.catalog-detail .action-link .icon_compare {
width: 16px;
height: 18px;
}
}
@media (max-width: 600px) {
.catalog-detail__big-image.swiper {
margin: 0 auto 16px;
/*width: 288px;*/
width: 100%;
/*height: 288px;*/
}
.catalog-detail__big-image-item {
/*height: 288px !important;*/
}
.catalog-detail__thumbs-inner.swiper {
width: calc(100% + 6px);
}
.files-list {
display: block;
}
.files-list__item {
margin-bottom: 20px;
width: 100%;
}
.file-download__name {
max-width: 100%;
}
}
/* End */
/* Start:/local/templates/main/components/bitrix/catalog.product.subscribe/main/style.css?17008264383483*/
/* Button */
.bx-catalog-subscribe-button
{
margin-bottom: 6px;
display: inline-block;
}
.bx-catalog-popup-content
{
width: 90%;
max-width: 280px;
}
/* Subscribe popup */
.bx-catalog-subscribe-form-container-label
{
margin-bottom: 20px;
color: #595959;
font-size: 13px;
font-weight: 400;
line-height: 18px;
}
.bx-catalog-subscribe-form-container-input
{
position: relative;
}
.bx-catalog-subscribe-form-container-input input[type="text"] {
display: block;
width: 100%;
font-size: 18px;
height: 38px;
margin: 0;
padding: 0 4px;
border: 1px solid #CCD5DB;
border-radius: 2px;
background: #f8fafc;
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.bx-catalog-subscribe-form-star-required {
color: #d93333;
}
.bx-catalog-subscribe-form-container .bx-captcha{
margin-bottom: 10px;
}
.bx-catalog-popup-message
{
font-weight: bold;
min-width: 240px;
margin: 0 0 0;
}
/* Alert style */
.bx-catalog-subscribe-alert {
background-color: #edf6fc;
color: #000;
font-size: 15px;
min-height: 45px;
text-align: center;
padding: 12px 40px 12px 60px;
position: relative;
width: 280px;
}
.bx-catalog-subscribe-aligner {
display: inline-block;
height: 45px;
margin-left: -1px;
vertical-align: middle;
width: 1px;
}
.bx-catalog-subscribe-alert-text {
display: inline-block;
vertical-align: middle;
}
.bx-catalog-subscribe-alert-footer {
text-align: center;
}
.bx-catalog-subscribe-alert-popup {
background-color: #edf6fc !important;
border: 1px solid #edf6fc !important;
border-radius: 3px !important;
-webkit-box-shadow: 0 19px 24px rgba(88, 112, 118, 0.17) !important;
box-shadow: 0 19px 24px rgba(88, 112, 118, 0.17) !important;
}
.form-product-subscribe.popup-form {
max-width: 584px;
}
.form-product-subscribe .form_template__input-name input[type="text"] {
margin: 0;
width: 100%;
}
.form-product-subscribe .form_template__text {
margin-bottom: 0.5em;
color: #919191;
font-size: 16px;
font-weight: 400;
line-height: 22px;
}
.form-product-subscribe .form_template__heading {
margin-bottom: 0.6em;
color: #262626;
font-size: 28px;
line-height: 1.2;
font-style: normal;
font-weight: 700;
}
.form-product-subscribe .form_template__text-confirm {
align-self: self-start;
color: #919191;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 1.3;
}
.form-product-subscribe .form_template__text-confirm a {
color: #919191;
}
.form-product-subscribe.popup-form .form_template__submit-btn {
margin-top: 40px !important;
margin-bottom: 16px !important;
width: 220px;
font-size: 16px;
line-height: 46px;
}
@media (max-width: 768px) {
.form-product-subscribe.popup-form {
padding: 48px 16px 56px 16px;
}
.form-product-subscribe.popup-form .form_template__heading {
margin-bottom: 16px;
font-size: 22px;
}
.form-product-subscribe.popup-form .form_template__text {
margin-bottom: 24px;
}
.bx-catalog-subscribe-form-container-label {
margin-bottom: 10px;
}
.form-product-subscribe.popup-form .form_template__submit-btn {
margin-top: 32px !important;
}
.form-product-subscribe.popup-form .form_template__text-confirm {
font-size: 16px;
}
}
/* End */
/* Start:/local/templates/main/components/bitrix/news.list/additional_services/style.css?17008264384525*/
.services-carousel-wrap {
position: relative;
}
.services-carousel.swiper {
margin: 0 -25px;
padding: 8px 25px 0;
}
.services-carousel.swiper-initialized .swiper-button-prev,
.services-carousel.swiper-initialized .swiper-button-next {
display: flex !important;
}
.services-carousel .swiper-button-prev.swiper-button-disabled,
.services-carousel .swiper-button-next.swiper-button-disabled {
display: none !important;
}
.services-carousel.swiper:before,
.services-carousel.swiper:after {
content: '';
position: absolute;
z-index: 9;
top: 0;
width: 16px;
height: 100%;
background-color: #fff;
}
.services-carousel.swiper:before {
left: 0;
}
.services-carousel.swiper:after {
right: 0;
}
.services-carousel .swiper-wrapper {
align-items: stretch;
}
.swiper-wrapper .services-carousel__item {
height: auto;
}
.services-carousel-item {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
padding: 20px 14px 16px;
background-color: #fff;
border: 1px solid #E0E0E0;
border-radius: 10px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.services-carousel-item:before {
content: '';
position: absolute;
top: -10px;
right: -10px;
width: 20px;
height: 20px;
background-color: #fff;
}
.services-carousel-item:after {
content: '';
position: absolute;
top: -8px;
right: -9px;
width: 17px;
height: 16px;
-webkit-mask-size: cover;
mask-size: cover;
-webkit-mask-image: url(/local/templates/main/components/bitrix/news.list/additional_services/images/information.svg);
mask-image: url(/local/templates/main/components/bitrix/news.list/additional_services/images/information.svg);
background-color: #C7C7C7;
}
.services-carousel-item:hover {
border: 1px solid #BABABA;
}
.services-carousel-item:hover:after {
background-color: #D4122C;
}
.services-carousel-item__image {
margin-bottom: 20px;
width: 54px;
height: 54px;
}
.services-carousel-item__image img {
display: block;
}
.services-carousel-item__name {
font-size: 13px;
line-height: 1.2;
font-weight: 700;
text-align: center;
color: #165C7D;
}
.services-carousel-helper {
display: none;
position: absolute;
z-index: 5;
top: 91%;
left: 50%;
margin-left: -185px;
padding: 32px;
width: 370px;
background-color: #fff;
border: 1px solid #E0E0E0;
border-radius: 10px;
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}
.services-carousel-helper.show {
display: flex;
}
.services-carousel-helper__image {
flex-shrink: 0;
width: 54px;
height: 54px;
}
.services-carousel-helper__image img {
display: block;
max-width: 100%;
}
.services-carousel-helper__content {
padding-left: 24px;
}
.services-carousel-helper__name {
color: #165C7D;
font-size: 16px;
line-height: 1.2;
font-weight: 700;
}
.services-carousel-helper__text {
margin-top: 0.8em;
color: #595959;
font-size: 14px;
line-height: 1.4;
font-weight: 400;
}
.services-carousel-item__text {
display: none;
}
@media (max-width: 900px) {
.services-carousel.swiper {
margin: 0;
padding: 0;
overflow: visible;
}
.services-carousel.swiper:before,
.services-carousel.swiper:after,
.services-carousel-item:before,
.services-carousel-item:after,
.services-carousel-helper,
.services-carousel.swiper-initialized .swiper-button-prev,
.services-carousel.swiper-initialized .swiper-button-next {
display: none !important;
}
.services-carousel .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper .services-carousel__item {
margin-top: 12px;
width: 100% !important;
}
.services-carousel-item {
flex-wrap: wrap;
flex-direction: row;
justify-content: space-between;
}
.services-carousel-item__name {
order: -1;
margin-bottom: 0.8em;
width: 100%;
text-align: left;
font-size: 14px;
}
.services-carousel-item__image {
margin-bottom: 0;
width: 48px;
height: 48px;
}
.services-carousel-item__text {
display: block;
width: calc(100% - 64px);
color: #595959;
font-size: 12px;
font-weight: 400;
line-height: 1.4;
}
}
/* End */
/* Start:/local/templates/main/components/sotbit/reviews/reviews-tab/style.css?17008264363698*/
@font-face {
font-family: ProximaNova;
src: url(/local/templates/main/components/sotbit/reviews/reviews-tab/fonts/ProximaNova/ProximaNovaRegular.eot) format('eot'),
url(/local/templates/main/components/sotbit/reviews/reviews-tab/fonts/ProximaNova/ProximaNovaRegular.ttf) format('truetype'),
url(/local/templates/main/components/sotbit/reviews/reviews-tab/fonts/ProximaNova/ProximaNovaRegular.woff) format('woff'),
url("/local/templates/main/components/sotbit/reviews/reviews-tab/fonts/ProximaNova/ProximaNovaRegular.svg#ProximaNova")
format("svg"), url('/local/templates/main/components/sotbit/reviews/reviews-tab/fonts/ProximaNova/ProximaNovaRegular.woff2')
format('woff2');
}
@font-face {
font-family: ProximaNova;
font-weight: bold;
src: url("/local/templates/main/components/sotbit/reviews/reviews-tab/fonts/ProximaNova/ProximaNovaBold.otf") format("opentype");
}
@font-face {
font-family: ProximaNovaThin;
src: url("/local/templates/main/components/sotbit/reviews/reviews-tab/fonts/ProximaNova/ProximaNovaThin.otf") format("opentype");
}
@font-face {
font-family: ProximaNovaLight;
src: url("/local/templates/main/components/sotbit/reviews/reviews-tab/fonts/ProximaNova/ProximaNovaLight.otf") format("opentype");
}
@font-face {
font-family: PG Isadora Cyr Pro;
src: url(/local/templates/main/components/sotbit/reviews/reviews-tab/fonts/Isadora/PGIsadoraCyrPro-Regular.eot) format('eot'),
url(/local/templates/main/components/sotbit/reviews/reviews-tab/fonts/Isadora/PGIsadoraCyrPro-Regular.ttf) format('truetype'),
url(/local/templates/main/components/sotbit/reviews/reviews-tab/fonts/Isadora/PGIsadoraCyrPro-Regular.woff) format('woff'),
url("/local/templates/main/components/sotbit/reviews/reviews-tab/fonts/Isadora/PGIsadoraCyrPro-Regular.svg#PG Isadora Cyr Pro")
format("svg");
}
@media ( max-width : 767px) {
.tabs ul.tabs-caption {
text-align: center;
}
.tabs a.open_window {
float: none;
}
.tabs .modal-link {
text-align: center;
}
}
@media ( min-width : 768px) {
a.open_window {
float: right;
}
}
/*Табы*/
.tabs-content {
display: none;
/* по умолчанию прячем все блоки */
}
.tabs-content.active {
display: block;
/* по умолчанию показываем нужный блок */
}
.tabs .tabs-caption {
border-bottom: 1px solid #e2e5e9;
}
.tabs ul.tabs-caption {
margin: 0;
padding: 4px;
}
.tabs ul.tabs-caption li {
display: inline-block;
margin-right: 0px;
border-left: 1px solid #e2e5e9;
border-top: 1px solid #e2e5e9;
border-right: 1px solid #e2e5e9;
border-radius: 2px 2px 0 0;
padding: 0 15px;
height: 41px;
line-height: 41px;
color: #c2c6cb;
cursor: pointer;
width: 180px;
font-family: "ProximaNovaLight", Arial, sans-serif;
}
.tabs ul.tabs-caption li i {
margin-right: 6px;
}
.tabs ul.tabs-caption li:hover {
color: #a6aaaf;
}
.tabs ul.tabs-caption li.active {
color: #303030;
cursor: default;
}
.tabs ul.tabs-caption {
padding: 0;
}
#product-reviews .tab-content-item {
justify-content: space-between;
}
#product-reviews .tab-content-item__left {
width: calc(100% - 383px);
}
#product-reviews .tab-content-item__right {
flex-shrink: 0;
width: 303px;
}
.reviews-statistics-title {
color: #000;
font-size: 20px;
line-height: 1.7;
font-weight: 400;
}
#reviews-statistics .button[data-src="#add-review-popup"] {
display: flex;
margin-top: 48px;
width: 100%;
}
#reviews-statistics .reviews-stats {
margin-bottom: 32px;
padding-bottom: 24px;
border-bottom: 1px solid #E6E8EE;
}
@media (max-width: 900px) {
#product-reviews .tab-content-item__left {
order: 2;
width: 100%;
max-width: 650px;
}
#product-reviews .tab-content-item__right {
order: 1;
margin-bottom: 40px;
width: 100%;
max-width: 400px;
}
.reviews-statistics-title {
margin-bottom: 24px;
font-size: 18px;
line-height: 1.33;
}
#reviews-statistics .button[data-src="#add-review-popup"] {
margin-top: 32px;
}
#reviews-statistics .reviews-stats {
margin-bottom: 24px;
padding-bottom: 16px;
}
}
@media (min-width: 901px) {
.reviews-statistics-title {
margin-top: -61px;
margin-bottom: 25px;
}
}
@media (min-width: 1101px) {
.reviews-statistics-title {
margin-top: -71px;
margin-bottom: 35px;
}
}
/* End */
/* Start:/local/templates/main/components/sotbit/reviews.reviews.list/main/style.css?170082643615234*/
@media ( max-width : 767px) {
#reviews-body .time, #reviews-body .rating, #reviews-body .user-info {
text-align: center;
}
#reviews-body .item .rating-text {
padding-right: 0;
}
#reviews-body .item .avatar {
position: relative;
left: 50%;
margin-left: -47px;
float: none;
}
#reviews-body .item .likes {
text-align: center;
}
#reviews-body .item .likes .fa-check {
padding-left: 5px;
padding-right: 5px;
}
#reviews-body {
margin-bottom: 20px;
}
#reviews-body .reply-block {
text-align: center;
}
#reviews-body .reply-text {
text-align: left;
}
}
@media ( min-width : 768px) {
#reviews-body {
margin-bottom: 80px;
}
#reviews-body .item .rating-text {
padding-right: 20px;
}
#reviews-body .item .avatar {
float: left;
}
#reviews-body .item .likes .fa-check {
padding-left: 50px;
padding-right: 5px;
}
#reviews-body .panel-top .sort {
float: right;
}
#reviews-body .item .user-info, #reviews-body .item div.text {
display: table-cell;
position:relative;
}
#reviews-body .item .user-info {
width: 40%;
}
#reviews-body .item .likes {
display: table;
width:100%;
}
#reviews-body .item .vote, #reviews-body .item .rec {
display: table-cell;
}
#reviews-body .item .vote{
width:40%;}
#reviews-body .item .rec{
width:30%;
text-align:left;}
#reviews-body .item .vote i {
width: 13px;
}
#reviews-body .answer {
margin-left: 50px;
}
}
#reviews-body .item .likes .fa-check {
font-size: 12px;
display:inline;
}
#reviews-body .item .username {
margin-bottom: 13px;
display: inline-block;
border-bottom: 1px solid #d8d8d8;
}
#reviews-body .item .reply-header {
margin-bottom: 13px;
display: inline-block;
border-bottom: 1px solid #d8d8d8;
}
#reviews-body .item .age {
margin-bottom: 0px;
}
#reviews-body span.yes, #reviews-body span.yescnt {
margin-right: 23px;
}
#reviews-body .item .avatar {
background: #fff;
width: 94px;
height: 94px;
display: -ms-flexbox;
-ms-flex-align: center;
text-align: center !important;
line-height: 94px;
border: 1px solid #e6e6e6;
margin-right: 25px;
}
#reviews-body .item .avatar-inner {
height: 100%;
display: flex;
}
#reviews-body .item .username, #reviews-body .item .reply-header {
font-family: "ProximaNovaLight", Arial, sans-serif;
color: #303030;
font-size: 14px;
}
#reviews-body .item .age, #reviews-body .item .country, #reviews-body .item .add-field-text, #reviews-body .item .cnt_reviews,
#reviews-body .item .reply-text, #reviews-body .item .likes .recommendated
{
font-family: "ProximaNovaLight", Arial, sans-serif;
color: #303030;
font-size: 14px;
}
#reviews-body .item .age span, #reviews-body .item .country span, #reviews-body .item .cnt_reviews span,
#reviews-body .add-field-title, #reviews-body .item .likes-title,
#reviews-body .item .likes .yescnt, #reviews-body .item .likes .nocnt {
font-family: "ProximaNovaLight", Arial, sans-serif;
color: #6c727d;
font-size: 14px;
padding-right: 10px;
font-family: "ProximaNovaLight", Arial, sans-serif;
}
#reviews-body .item .likes .yescnt, #reviews-body .item .likes .nocnt {
display: inline-block;
width: 20px;
}
#reviews-body .item .age span, #reviews-body .item .country span, #reviews-body .item .cnt_reviews span {
width: 75px;
display: inline-block;
font-family: "ProximaNovaLight", Arial, sans-serif;
}
#reviews-body .age .col-sm-8, #reviews-body .country .col-sm-8 {
padding-left: 0;
}
#reviews-body .item .avatar-inner img {
display: inline;
width: 100%;
height: 100%;
object-fit: cover;
}
#reviews-body .rating .empty-stars, #reviews-body .rating .full-stars {
background-image: url(/local/templates/main/components/sotbit/reviews.reviews.list/main/images/stars.png);
background-position: repeat-x;
height: 16px;
}
#reviews-body .item .rating-text, #reviews-body .rating .stars {
display: inline-block;
}
#reviews-body .list .item {
margin-bottom: 60px;
border-bottom: 1px solid #e2e5e9;
padding-bottom: 60px;
width: 80%;
margin-left: 10%;
}
#reviews-body .list .item:last-of-type {
margin-bottom: 40px;
}
#reviews-body .stars .full {
color: #303030;
}
#reviews-body .item .rating-text {
line-height: 16px;
}
#reviews-body .rating .empty-stars {
background-position: 0px 0px;
}
#reviews-body .rating .full-stars {
background-position: 0px -16px;
}
#reviews-body .rating-filter {
display: none;
}
#reviews-body .item .time, .item .rating {
font-family: "ProximaNovaLight", Arial, sans-serif;
color: #cfd3da;
font-size: 12px;
}
#reviews-body .item .title {
font-family: "ProximaNova", Arial, sans-serif;
color: #303030;
font-size: 14px;
font-weight: bold;
}
#reviews-body .item .text {
font-family: "ProximaNovaLight", Arial, sans-serif;
color: #303030;
font-size: 14px;
vertical-align: top;
}
#reviews-body .item ul.images-reviews {
display: flex;
flex-wrap: wrap;
margin: 0;
}
#reviews-body .item ul.images-reviews a.image-review {
margin-right: 10px;
height: 75px;
flex: 0 0 23.3333%;
}
#reviews-body .item ul.images-reviews a.image-review img{
height: 100%;
}
#reviews-body .item .likes-title {
float: left;
margin-bottom: 0;
font-size: 12px;
}
#reviews-body .item .likes .yes {
display: inline-block;
cursor: pointer;
width: 11px;
height: 12px;
background: url('/local/templates/main/components/sotbit/reviews.reviews.list/main/images/like.png');
margin-right: 5px;
}
#reviews-body .item .likes .no {
display: inline-block;
cursor: pointer;
width: 11px;
height: 12px;
background: url('/local/templates/main/components/sotbit/reviews.reviews.list/main/images/dislike.png');
margin-right: 5px;
}
#reviews-body .item .likes .voted-yes {
display: inline-block;
width: 11px;
height: 12px;
background: url('/local/templates/main/components/sotbit/reviews.reviews.list/main/images/voted-like.png');
margin-right: 5px;
}
#reviews-body .item .likes .voted-no {
display: inline-block;
width: 11px;
height: 12px;
background: url('/local/templates/main/components/sotbit/reviews.reviews.list/main/images/voted-dislike.png');
margin-right: 5px;
}
#reviews-body .item .likes .recommendated {
display: inline-block;
}
#reviews-body .list {
padding-top: 50px;
}
#reviews-body .add-field-title {
color: #6c727d;
font-family: "ProximaNova", Arial, sans-serif;
font-size: 14px;
}
#reviews-body .answer {
margin: 20px 0 0 0;
min-height: 114px;
background: #f8f8f8;
padding: 15px;
}
#reviews-body .answer .reply {
float: left;
}
#reviews-body .likes {
clear: both;
}
#reviews-body .stars-sort {
display: none;
}
#reviews-body .sort ul li {
color: #6c727d;
font-family: "ProximaNova", Arial, sans-serif;
font-size: 14px;
}
#reviews-body .sort ul li:hover span {
color: #a76e6e;
font-family: "ProximaNova", Arial, sans-serif;
font-size: 14px;
}
#reviews-body .time-filter {
display: none;
}
#reviews-body #filter-pagination {
float: right;
margin-bottom: 80px;
margin-right: 10%;
}
#reviews-body #filter-pagination button {
font-family: "ProximaNovaLight", Arial, sans-serif;
font-size: 12px;
color: #6c727d;
background: #FFF;
border: none;
height: 25px;
line-height: 25px;
margin: 0 0 0 10px;
display: inline-block;
text-align: center;
width: 25px;
}
#reviews-body #filter-pagination button.current, #reviews-body #filter-pagination .right-arrows button,
#reviews-body #filter-pagination .left-arrows button {
color: #000000;
}
#reviews-body #filter-pagination .right-arrows button, #reviews-body #filter-pagination .left-arrows button
{
border: 1px solid #d5d9dd;
border-radius: 15px;
line-height: 22px;
padding-left: 8px;
}
#reviews-body #filter-pagination .left-arrows {
float: left;
}
#reviews-body #filter-pagination .right-arrows {
float: right;
}
#reviews-body .item .time {
margin-bottom: 10px;
}
#reviews-body .item .rating {
margin-bottom: 15px;
}
#reviews-body .item .likes {
margin-top: 20px;
}
#reviews-body .dnone
{
display:none;
}
#reviews-body .list .item .table {
display: table;
width: 100%;
}
#reviews-body .list .shopanswer {
background: #f8f8f8;
padding: 30px 25px;
margin-top:30px;
}
#reviews-body .list .shopanswer .user-info,
#reviews-body .list .shopanswer .text {
width: auto;
}
#reviews-body .list .shopanswer .user-info {
float: left;
}
#reviews-body .list .shopanswer .username {
color: #af7676;
border-bottom: 0;
text-decoration: none;
}
#reviews-body .list .shopanswer .text .text {
color: #303030;
font-family: "ProximaNovaLight", Arial, sans-serif;
}
#reviews-list .item blockquote {
border: none ! important;
background-color: #f2eccf;
padding: 8px 6px 8px 24px;
border-radius: 2px ! important;
color: #303030 ! important;
min-height: 1em ! important;
margin: 0.6em 0 0.8em 0 ! important;
}
#reviews-list .item .wrap-quote {
border: none;
box-shadow: none;
padding: 0;
text-align: right;
display:table-cell;
}
#reviews-list .item .wrap-quote .quote {
font-size: 15px;
font-family: "PG Isadora Cyr Pro", Arial, regular;
cursor: pointer;
display: inline-block;
background: none;
color: #c19292;
line-height: 15px;
border-bottom: 1px dotted #c19292;
padding: 0;
min-height: unset;
}
#reviews-list .item .menu .message
{
padding:8px 8px 5px 8px;
position:absolute;
opacity:0;
top:25px;
background:#FFF;
z-index:0;
font-size:12px;
font-family: "ProximaNovaLight", Arial, sans-serif;
}
#reviews-list .item .menu .message-success
{
border:1px solid green;
color:green;
box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.25);
}
#reviews-list .item .menu .message-error
{
border:1px solid #e64343;
color:#e64343;
box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.25);
}
#reviews-list .item .menu
{
position:absolute;
right:0;
top:0;
z-index:99;
/*display:none;*/
}
#reviews-list .item:hover .menu
{
position:absolute;
right:0;
top:0;
display:block;
}
#reviews-list .item .menu ul {
margin: 0 15px 0 0;
list-style: none;
border:1px solid #e2e5e9;
display: none;
}
#reviews-list .item .menu .actions {
cursor:pointer;
font-size:14px;
color:#cfd3da;
display:block;
z-index:9999;
float:right;
margin-top:0px;
}
#reviews-list .item .menu:hover .actions {
color:#303030;
}
#reviews-list .item .menu .actions::before {
font-size: 80%;
}
#reviews-list .item .menu.open .actions::before {
}
#reviews-list .item .menu.open ul {
display: block;
width:180px;
z-index:99;
margin-top:15px;
background-color: #ffffff;
}
#reviews-list .item .menu ul li
{
padding:8px 12px 5px 12px;
border-bottom:1px solid #e2e5e9;
z-index:0;
cursor:pointer;
position:relative;
background:#f9f9f9;
font-size:12px;
color:#6c727d;
font-family: "ProximaNovaLight", Arial, sans-serif;
}
#reviews-list .item .menu ul li:hover
{
color:#303030;
}
#reviews-list .item .menu ul li:last-child{
border-bottom:none;
}
#reviews-body .item .video-title, #reviews-body .item .images-title, #reviews-body .item .presentation-title
{
font-family: "ProximaNovaLight", Arial, sans-serif;
color: #6c727d;
font-size: 12px;
margin:10px 0 5px 0;
}
#reviews-body .item .cnt_reviews a
{
display:inline-block;
}
#reviews-body .item .title
{
width:100%;
}
/* CUSTOM */
.reviews-list-empty-text {
color: #000;
font-size: 20px;
line-height: 1.4;
font-weight: 400;
}
.reviews-list__item:not(:first-child) {
margin-top: 56px;
}
.review__top {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 16px;
}
.review__name {
color: #000;
font-size: 16px;
line-height: 1.2;
font-weight: 700;
}
.review__date {
margin-left: auto;
color: #000;
font-size: 14px;
line-height: 1.33;
font-weight: 400;
}
.review__rating {
margin-left: 22px;
}
.review__text {
color: #222;
font-size: 14px;
line-height: 1.4;
font-weight: 400;
}
.review__images {
display: flex;
flex-wrap: wrap;
gap: 16px;
margin-top: 16px;
}
.review-image {
width: 60px;
height: 60px;
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
}
.review-rating-box {
display: flex;
position: relative;
width: 105px;
height: 20px;
background-image: url('data:image/svg+xml,');
-webkit-background-size: contain;
background-size: contain;
}
.review-rating-box__over {
position: absolute;
z-index: 1;
top: 0;
bottom: 0;
left: 0;
width: 100%;
background-image: url('data:image/svg+xml,');
-webkit-background-size: contain;
background-size: contain;
}
.review__bottom {
margin-top: 28px;
}
.review-useful {
display: flex;
align-items: center;
}
.review-useful__text {
margin-right: 24px;
color: #767676;
font-size: 14px;
line-height: 1.2;
font-weight: 400;
}
.review-useful__buttons {
display: flex;
gap: 12px;
}
.review-useful__btn {
padding: 0.5em 0.9em;
background-color: #F4F4F4;
border-radius: 2px;
color: #222;
font-size: 14px;
line-height: 1.2;
font-weight: 500;
cursor: pointer;
}
.review-useful__btn span {
margin-left: 4px;
color: #767676;
font-weight: 400;
}
.reviews-list-pagination {
margin-top: 56px;
}
.reviews-list-pagination .new-pagination__item:not(.active),
.reviews-list-pagination .new-pagination__prev:not(.disabled),
.reviews-list-pagination .new-pagination__next:not(.disabled) {
cursor: pointer;
}
@media (max-width: 900px) {
.reviews-list__item:not(:first-child) {
margin-top: 44px;
}
.review__top {
flex-wrap: wrap;
}
.review__name {
margin-bottom: 12px;
width: 100%;
}
.review__date {
margin-left: 0;
}
.review__images {
gap: 10px;
}
.review-image {
width: 65px;
height: 65px;
}
.review__bottom .review-useful {
justify-content: space-between;
}
.reviews-list-pagination {
margin-top: 52px;
}
}
.testd {
}
/* End */
/* Start:/local/templates/main/components/sotbit/reviews.reviews.list/main/css/colorbox.css?17008264364585*/
/*
Colorbox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
/*
User Style:
Change the following styles to modify the appearance of Colorbox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(/local/templates/main/components/sotbit/reviews.reviews.list/main/css/../images/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
#cboxTopLeft{width:21px; height:21px; background:url(/local/templates/main/components/sotbit/reviews.reviews.list/main/css/../images/controls.png) no-repeat -101px 0;}
#cboxTopRight{width:21px; height:21px; background:url(/local/templates/main/components/sotbit/reviews.reviews.list/main/css/../images/controls.png) no-repeat -130px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(/local/templates/main/components/sotbit/reviews.reviews.list/main/css/../images/controls.png) no-repeat -101px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(/local/templates/main/components/sotbit/reviews.reviews.list/main/css/../images/controls.png) no-repeat -130px -29px;}
#cboxMiddleLeft{width:21px; background:url(/local/templates/main/components/sotbit/reviews.reviews.list/main/css/../images/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(/local/templates/main/components/sotbit/reviews.reviews.list/main/css/../images/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(/local/templates/main/components/sotbit/reviews.reviews.list/main/css/../images/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(/local/templates/main/components/sotbit/reviews.reviews.list/main/css/../images/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxLoadingOverlay{background:url(/local/templates/main/components/sotbit/reviews.reviews.list/main/css/../images/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(/local/templates/main/components/sotbit/reviews.reviews.list/main/css/../images/loading.gif) no-repeat center center;}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(/local/templates/main/components/sotbit/reviews.reviews.list/main/css/../images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(/local/templates/main/components/sotbit/reviews.reviews.list/main/css/../images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(/local/templates/main/components/sotbit/reviews.reviews.list/main/css/../images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;}
/*
The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9.
See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
/* End */
/* Start:/local/templates/main/components/sotbit/reviews.statistics/main/style.css?17008264361772*/
.reviews-stats {
display: flex;
justify-content: space-between;
align-items: center;
}
.reviews-stats__rating {
display: flex;
position: relative;
width: 165px;
height: 32px;
background-image: url('data:image/svg+xml,');
-webkit-background-size: contain;
background-size: contain;
}
.reviews-stats__over-rating {
position: absolute;
z-index: 1;
top: 0;
bottom: 0;
left: 0;
width: 100%;
background-image: url('data:image/svg+xml,');
-webkit-background-size: contain;
background-size: contain;
}
.reviews-stats__count {
color: #222;
font-size: 32px;
line-height: 1.2;
font-weight: 700;
}
/* End */
/* Start:/local/templates/main/components/sotbit/reviews.reviews.filter/main/style.css?17008264367950*/
@media (max-width: 767px) {
#reviews-body #filter .filter {
float: none;
text-align: center;
}
#reviews-body #filter #select-rating,
#reviews-body #filter #select-sort,
#reviews-body #filter .checkbox-group {
margin: 0 auto;
clear: both;
}
#reviews-body #filter .filter-photo {
float: left;
}
#reviews-body #filter .checkbox-group {
width: 90px;
text-align: center;
}
#reviews-body #filter .sort-group .filter-sort-text {
clear: both;
text-align: center;
}
}
@media (min-width: 768px) {
#reviews-body #filter .filter,
#reviews-body #filter .filter-photo {
margin-right: 25px;
float: left;
}
#reviews-body #filter .checkbox-group {
float: left;
}
#reviews-body #filter #select-rating {
float: left;
margin-right: 25px;
}
#reviews-body #filter .sort-group {
float: right;
margin-right: 25px;
}
#reviews-body #filter #select-sort {
float: right;
}
#reviews-body #filter .sort-group .filter-sort-text {
float: left;
margin-right: 25px;
}
}
#reviews-body #filter {
display: block;
}
#reviews-body #filter .sort-group .filter-sort-text {
line-height: 40px;
color: #000000;
font-size: 14px;
font-family: "ProximaNovaLight", Arial, sans-serif;
}
#reviews-body #filter .border {
border-bottom: 1px solid #e6e6e6;
min-height: 41px;
}
#reviews-body #filter filter-photo {
color: #6c727d;
margin-right: 5px;
}
#reviews-body #filter #select-rating,
#reviews-body #filter #select-sort {
width: 170px;
text-align: left;
font-size: 14px;
font-family: "ProximaNova", FontAwesome, Arial, sans-serif;
height: 40px;
padding-top: 14px;
line-height: 14px;
}
#reviews-body #filter .select-rating-close,
#reviews-body #filter .select-sort-close {
color: #6c727d;
background: #ffffff;
}
#reviews-body #filter .select-rating-close .uni-stars {
color: #303030;
}
#reviews-body #filter .select-rating-open {
background: #303030;
color: #ffffff;
}
#reviews-body #filter .select-rating-open .uni-stars {
color: #ffffff;
}
#reviews-body #filter #current-option-select-rating,
#reviews-body #filter #current-option-select-sort {
width: 100%;
cursor: pointer;
height: 26px;
padding-right: 10px;
padding-left: 10px;
}
#reviews-body #filter #current-option-select-rating {
font-family: "ProximaNovaLight", Arial, sans-serif, FontAwesome;
}
#reviews-body #filter #current-option-select-rating .stars-in {
margin-right: 5px;
}
#reviews-body #filter #current-option-select-sort {
font-family: "ProximaNovaLight", Arial, sans-serif;
}
#reviews-body #filter #current-option-select-rating b,
#reviews-body #filter #current-option-select-sort b {
height: 14px;
width: 20px;
float: right;
text-align: center;
font-family: FontAwesome;
font-size: 14px;
line-height: 14px;
}
#reviews-body #filter .select-rating-close b,
#reviews-body #filter .select-sort-close b {
background: #303030;
color: #fff;
}
#reviews-body #filter .select-rating-open b,
#reviews-body #filter .select-sort-open b {
background: #fff;
color: #303030;
}
#reviews-body #filter #custom-options-select-rating,
#reviews-body #filter #custom-options-select-sort {
display: none;
width: 215px;
padding: 0;
background: #FFF;
position: absolute;
margin: 0;
z-index: 100;
}
#reviews-body #filter #custom-options-select-rating {
border: 1px solid #dbdbdb;
}
#reviews-body #filter #custom-options-select-rating .uni-stars {
color: #303030;
}
#reviews-body #filter #custom-options-select-sort {
border-right: 1px solid #dbdbdb;
border-left: 1px solid #dbdbdb;
border-bottom: 1px solid #dbdbdb;
}
#reviews-body #filter #custom-options-select-sort li {
border-top: 1px solid #e2e5e9;
}
#reviews-body #filter #custom-options-select-sort li .uni-stars {
color: #303030;
}
#reviews-body #filter #custom-options-select-rating li,
#reviews-body #filter #custom-options-select-sort li {
list-style: none;
width: 100%;
height: 30px;
line-height: 30px;
text-align: left;
font-family: "ProximaNovaLight", Arial, sans-serif;
color: #6c727d;
padding: 0 10px;
}
#reviews-body #filter #custom-options-select-rating li:hover,
#reviews-body #filter #custom-options-select-sort li:hover {
cursor: pointer;
}
#reviews-body #filter #filter-images {
display: none;
}
#reviews-body #filter #filter-images ~ label > span {
border: 1px solid #e2e5e9;
display: inline-block;
height: 10px;
margin: 15px 7px 0 0;
position: relative;
width: 10px;
}
#reviews-body #filter #filter-images:checked ~ label > span:after {
position: absolute;
content: "\f00c";
color: #303030;
font-family: FontAwesome;
font-size: 8px;
line-height: 10px;
}
#reviews-body #filter .filter,
#reviews-body #filter .filter-photo {
font-family: "ProximaNova", Arial, sans-serif ! important;
font-size: 14px;
line-height: 40px;
}
#reviews-body #filter .filter {
color: #000000;
}
#reviews-body #filter .filter-photo {
color: #6c727d ! important;
margin-right: 5px;
font-family: "ProximaNovaLight", Arial, sans-serif;
}
/* CUSTOM */
.reviews-rating-filter__item:not(:first-child) {
margin-top: 20px;
}
.reviews-rating-filter__item input {
display: block;
position: fixed;
width: 0;
height: 0;
visibility: hidden;
transform: scale(0);
}
.reviews-rating-filter__item input:not(:checked) + label .reviews-rating-filter__circle svg circle:first-child {
stroke: #919191;
}
.reviews-rating-filter__item input:not(:checked) + label .reviews-rating-filter__circle svg circle:last-child {
display: none;
}
.reviews-rating-filter__item label {
display: flex;
align-items: center;
cursor: pointer;
}
.reviews-rating-filter__value {
display: flex;
align-items: center;
color: #919191;
font-size: 14px;
line-height: 1.5;
font-weight: 400;
}
.reviews-rating-filter__value_black {
color: #000;
}
.reviews-rating-filter__circle {
display: block;
margin-right: 8px;
width: 20px;
height: 20px;
}
.reviews-rating-filter__circle svg {
width: 100%;
}
.reviews-rating-filter__rating-box {
display: flex;
position: relative;
width: 105px;
height: 20px;
background-image: url('data:image/svg+xml,');
-webkit-background-size: contain;
background-size: contain;
}
.reviews-rating-filter__rating-box-over {
position: absolute;
z-index: 1;
top: 0;
bottom: 0;
left: 0;
width: 100%;
background-image: url('data:image/svg+xml,');
-webkit-background-size: contain;
background-size: contain;
}
.reviews-rating-filter__count {
margin-left: 6px;
}
/* End */
/* Start:/local/templates/main/components/sotbit/reviews.reviews.add/popup/style.css?170082643619813*/
/*@media ( min-width : 768px) {*/
/*!*.spoiler-reviews-body .forms{display:table;width:100%;border-spacing:30px;}*/
/*.spoiler-reviews-body .forms .form-auth{display:table-cell;width:48%;background:#f8f8f8;padding:15px 0 15px 15px;border-right:30px solid #fff;}*/
/*.spoiler-reviews-body .forms .form-reg{display:table-cell;width:48%;background:#f8f8f8;padding:15px 0 15px 15px;}*!*/
/*.spoiler-reviews-body .forms {*/
/*display: flex;*/
/*} */
/*.spoiler-reviews-body .forms .form-auth {*/
/*flex-grow: 1;*/
/*width: 48%;*/
/*position: relative;*/
/*margin-right: 4%;*/
/*background: #f8f8f8;*/
/*padding: 15px 0 15px 15px;*/
/*}*/
/*.spoiler-reviews-body .forms .form-reg {*/
/*flex-shrink: 1;*/
/*width: 48%;*/
/*position: relative;*/
/*background: #f8f8f8;*/
/*padding: 15px 0 15px 15px;*/
/*} */
/*#add_review textarea {*/
/*width: 50%;*/
/*}*/
/*.spoiler-reviews-body .review-add-block {*/
/*width: 80%;*/
/*margin-left: 10%;*/
/*padding: 40px 119px 50px 119px;*/
/*}*/
/*#add_review .textbox-group {*/
/*float: left;*/
/*}*/
/*}*/
/*@media ( max-width : 767px) {*/
/*#add_review textarea {*/
/*width: 100%;*/
/*}*/
/*.spoiler-reviews-body .forms .form-auth {*/
/*background: #f8f8f8;*/
/*margin-bottom: 30px;*/
/*}*/
/*.spoiler-reviews-body .forms .form-reg {*/
/*background: #f8f8f8;*/
/*}*/
/*}*/
/*.spoiler-reviews-body .review-add-block {*/
/*background: #f8f8f8;*/
/*}*/
/*.add-reviews {*/
/*text-align: center;*/
/*margin-bottom: 30px;*/
/*}*/
/*#reviews-body .add-reviews {*/
/*margin-top: 20px;*/
/*}*/
/*.add-reviews .bg {*/
/*background: #f8f8f8;*/
/*padding: 26px 0;*/
/*}*/
/*!*Спойлер*!*/
/*.spoiler-reviews-body {*/
/*display: none;*/
/*padding-top: 20px;*/
/*}*/
/*.spoiler_links {*/
/*cursor: pointer;*/
/*}*/
/*.add-reviews .spoiler {*/
/*border: 1px solid #7c7c7c;*/
/*box-shadow: 1px 2px 1px 1px #e2e2e2;*/
/*padding: 5px;*/
/*display: inline-block;*/
/*background: #ffffff;*/
/*}*/
/*#reviews-statistics .spoiler-reviews-body {*/
/*padding-top: 40px;*/
/*}*/
/*.add-reviews .spoiler-input {*/
/*padding: 5px 40px;*/
/*color: #FFF;*/
/*text-decoration: none;*/
/*font-family: "PG Isadora Cyr Pro", Arial, regular;*/
/*font-size: 18px;*/
/*min-height: 30px;*/
/*line-height: 20px;*/
/*cursor: pointer;*/
/*}*/
/*.auth-error {*/
/*font-size: 18px;*/
/*color: #994d4d;*/
/*font-family: "ProximaNova", Arial, sans-serif;*/
/*text-align: left;*/
/*margin-bottom: 20px;*/
/*}*/
/*#auth-title, #register-title {*/
/*color: #000000;*/
/*font-size: 14px;*/
/*font-family: "ProximaNova", Arial, sans-serif;*/
/*text-align: left;*/
/*}*/
/*#auth_review-check-error, #registration_review-check-error {*/
/*color: #994d4d;*/
/*text-align: left;*/
/*}*/
/*#reviews-body .title {*/
/*width: 50%;*/
/*}*/
/*.add-reviews .success {*/
/*color: green;*/
/*font-size: 14px;*/
/*font-family: "ProximaNova", Arial, sans-serif;*/
/*margin-top: 10px;*/
/*}*/
/*#add_review .captcha-block{*/
/*margin-top:30px;*/
/*}*/
/*#add_review .add-photo {*/
/*width: 150px;*/
/*height: 22px;*/
/*position: relative;*/
/*margin-top: 30px;*/
/*}*/
/*#add_review input[type='file'] {*/
/*width: 150px;*/
/*height: 22px;*/
/*opacity: 0*/
/*}*/
/*#add_review #add-photo-button {*/
/*display: block;*/
/*width: 175px;*/
/*height: 22px;*/
/*color: #767676;*/
/*position: absolute;*/
/*top: 0;*/
/*font-size: 14px;*/
/*line-height: 22px;*/
/*text-decoration: underline;*/
/*cursor: pointer;*/
/*}*/
/*#add_review ul#preview-photo {*/
/*margin: 0;*/
/*}*/
/*#add_review ul#preview-photo li {*/
/*list-style: none;*/
/*display: inline-block;*/
/*position: relative;*/
/*margin-right: 10px;*/
/*margin-top: 30px;*/
/*}*/
/*#add_review ul#preview-photo li span.delete {*/
/*position: absolute;*/
/*right: 0;*/
/*top: 0;*/
/*color: #F00;*/
/*font-size: 20px;*/
/*cursor: pointer;*/
/*}*/
/*.spoiler-reviews-body .add-check-error {*/
/*text-align: left;*/
/*font-size: 14px;*/
/*font-family: "ProximaNova", Arial, sans-serif;*/
/*}*/
/*.spoiler-reviews-body .not-buy-error {*/
/*font-size: 18px;*/
/*font-family: "ProximaNova", Arial, sans-serif;*/
/*}*/
/*.spoiler-reviews-body .review-add-title {*/
/*font-size: 18px;*/
/*font-family: "ProximaNovaLight", Arial, sans-serif;*/
/*text-align: left;*/
/*margin-left: 10%;*/
/*margin-bottom: 25px;*/
/*}*/
/*.spoiler-reviews-body .review-add-rating-title1 {*/
/*color: #6c727d;*/
/*font-size: 14px;*/
/*font-family: "ProximaNova", Arial, sans-serif;*/
/*text-align: left;*/
/*margin-bottom: 5px;*/
/*}*/
/*.spoiler-reviews-body .review-add-rating-title2 {*/
/*color: #b0b3bb;*/
/*font-size: 14px;*/
/*font-family: "ProximaNova", Arial, sans-serif;*/
/*text-align: left;*/
/*margin-bottom: 10px;*/
/*}*/
/*#add_review p.title {*/
/*margin-bottom: 5px;*/
/*}*/
/*#add_review p.title-example {*/
/*color: #b0b3bb;*/
/*margin-bottom: 5px;*/
/*}*/
/*#add_review p.text {*/
/*margin-bottom: 5px;*/
/*}*/
/*#add_review p.add-field-title {*/
/*margin-bottom: 5px;*/
/*}*/
/*#add_review .rating_selection label {*/
/*font-size: 14px;*/
/*border: 1px solid #e2e5e9;*/
/*display: inline-block;*/
/*height: 33px;*/
/*width: 33px;*/
/*line-height: 33px;*/
/*text-align: center;*/
/*background: #ffffff;*/
/*}*/
/*#add_review {*/
/*text-align: left;*/
/*}*/
/*#add_review p {*/
/*color: #6c727d;*/
/*font-size: 14px;*/
/*font-family: "ProximaNova", Arial, sans-serif;*/
/*margin-bottom: 0;*/
/*}*/
/*#add_review p.example {*/
/*color: #b0b3bb;*/
/*font-size: 14px;*/
/*font-family: "ProximaNova", Arial, sans-serif;*/
/*}*/
/*#add_review p.count {*/
/*clear: both;*/
/*font-style: italic;*/
/*color: #c2c6cb;*/
/*font-size: 14px;*/
/*font-family: "ProximaNova", Arial, sans-serif;*/
/*margin-bottom: 30px;*/
/*margin-top: 5px;*/
/*}*/
/*#add_review input[type="text"] {*/
/*border: 1px solid #e2e5e9;*/
/*height: 34px;*/
/*width: 100%;*/
/*margin-bottom: 30px;*/
/*padding: 5px;*/
/*font-family: "ProximaNova", Arial, sans-serif;*/
/*color: #000000;*/
/*font-weight: lighter;*/
/*font-size: 13px;*/
/*}*/
/*#add_review textarea {*/
/*border: 1px solid #e2e5e9;*/
/*padding: 5px;*/
/*font-family: "ProximaNovaLight", Arial, sans-serif;*/
/*color: #000000;*/
/*font-weight: lighter;*/
/*font-size: 13px;*/
/*height: 190px;*/
/*}*/
/*#add_review input[type="radio"] {*/
/*margin-right: 7px;*/
/*float: left;*/
/*}*/
/*#add_review span.radio-label {*/
/*margin-right: 15px;*/
/*font-family: "ProximaNova", Arial, sans-serif;*/
/*color: #000000;*/
/*font-weight: lighter;*/
/*font-size: 13px;*/
/*}*/
/*#add_review .radio {*/
/*float: none;*/
/*line-height: 14px;*/
/*display: inline-block;*/
/*margin-bottom: 30px;*/
/*}*/
/*#add_review input[type="submit"] {*/
/*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: 30px;*/
/*background: #FFF;*/
/*}*/
/*#add_review #reset-form {*/
/*border: 0;*/
/*color: #c2c6cb;*/
/*font-family: "ProximaNovaLight", Arial, sans-serif;*/
/*font-size: 14px;*/
/*text-decoration: underline;*/
/*margin-left: 15px;*/
/*background-color: #f8f8f8;*/
/*}*/
/*#add_review .textbox-group textarea {*/
/*width: 100%;*/
/*}*/
/*#add_review .recommendated {*/
/*clear: both;*/
/*}*/
/*#add_review .textarea-right-text {*/
/*margin-left: 30px;*/
/*width: 225px;*/
/*float: left;*/
/*}*/
/*#add_review .textarea-right-text p {*/
/*color: #6c727d;*/
/*font-size: 14px;*/
/*font-family: "ProximaNova", Arial, sans-serif;*/
/*margin-bottom: 10px;*/
/*}*/
/*#add_review .textarea-right-text ul {*/
/*margin-left: 13px;*/
/*}*/
/*#add_review .textarea-right-text ul li {*/
/*color: #6c727d;*/
/*font-size: 12px;*/
/*font-family: "ProximaNova", Arial, sans-serif;*/
/*}*/
/*#add_review .textarea-right-text ul li span {*/
/*color: #994d4d;*/
/*}*/
/*.rating_selection {*/
/*text-align: left;*/
/*display: inline-block;*/
/*margin-bottom: 40px;*/
/*}*/
/*.rating_selection input[type='radio'], .rating_selection span {*/
/*display: none;*/
/*}*/
/*.rating_selection label {*/
/*cursor: pointer;*/
/*}*/
/*.rating_selection label:before {*/
/*display: inline-block;*/
/*content: "\F005";*/
/*font-size: 14px;*/
/*color: #231f20;*/
/*font-family: "FontAwesome";*/
/*}*/
/*.rating_selection input:checked+label ~ label:before {*/
/*color: #cfd3da;*/
/*}*/
/*.rating_selection:hover label[for]:before {*/
/*color: #231f20;*/
/*}*/
/*.rating_selection:hover label:hover ~ label:before {*/
/*color: #cfd3da;*/
/*}*/
/*#add_review #add-photo-button .fa-plus {*/
/*margin-right: 10px;*/
/*}*/
/*#add_review .bxhtmled-top-bar-wrap .bxhtmled-top-bar-btn,#add_review .bxhtmled-top-bar-wrap .bxhtmled-top-bar-select,#add_review .bxhtmled-top-bar-wrap .bxhtmled-button-fontsize-wrap*/
/*{*/
/*display:none;*/
/*}*/
/*#add_review .bxhtmled-top-bar-wrap .bxhtmled-button-bold*/
/*{*/
/*display:inline-block;*/
/*}*/
/*#add_review .bxhtmled-top-bar-wrap .bxhtmled-button-italic*/
/*{*/
/*display:inline-block;*/
/*}*/
/*#add_review .bxhtmled-top-bar-wrap .bxhtmled-button-underline*/
/*{*/
/*display:inline-block;*/
/*}*/
/*#add_review .bxhtmled-top-bar-wrap .bxhtmled-button-strike*/
/*{*/
/*display:inline-block;*/
/*}*/
/*#add_review .bxhtmled-top-bar-wrap .bxhtmled-button-remove-format*/
/*{*/
/*display:inline-block;*/
/*}*/
/*#add_review .bxhtmled-top-bar-wrap .bxhtmled-top-bar-color*/
/*{*/
/*display:inline-block;*/
/*}*/
/*#add_review .bxhtmled-top-bar-wrap .bxhtmled-button-ordered-list*/
/*{*/
/*display:inline-block;*/
/*}*/
/*#add_review .bxhtmled-top-bar-wrap .bxhtmled-button-unordered-list*/
/*{*/
/*display:inline-block;*/
/*}*/
/*#add_review .bxhtmled-top-bar-wrap .bxhtmled-button-align-left*/
/*{*/
/*display:inline-block;*/
/*}*/
/*#add_review .bxhtmled-top-bar-wrap .bxhtmled-button-quote*/
/*{*/
/*display:inline-block;*/
/*}*/
/*#add_review .bxhtmled-iframe-cnt*/
/*{*/
/*overflow:hidden!important;*/
/*}*/
/*#add_review .feed-add-post-text*/
/*{*/
/*padding-left:0;*/
/*padding-right:0;*/
/*}*/
/*.spoiler-reviews-body .reason-title{*/
/*font-family: "ProximaNova", Arial, sans-serif;*/
/*color: #303030;*/
/*font-size:16px;*/
/*margin-bottom:0px;*/
/*}*/
/*.spoiler-reviews-body .reason-text{*/
/*font-family: "ProximaNova", Arial, sans-serif;*/
/*color: #303030;*/
/*font-size:14px;*/
/*margin-bottom:8px;*/
/*}*/
/*.spoiler-reviews-body .not-ban-error {*/
/*font-size: 18px;*/
/*font-family: "ProximaNova", Arial, sans-serif;*/
/*color: #994d4d;*/
/*}*/
/*#add_review .title-video, #add_review .title-presentation*/
/*{*/
/*margin-top:30px;*/
/*}*/
/*#add_review input.video, #add_review input.presentation*/
/*{*/
/*margin-bottom:0;*/
/*}*/
/*.spoiler-questions-body .not-error {*/
/*font-size: 18px;*/
/*font-family: "ProximaNova", Arial, sans-serif;*/
/*color: #994d4d;*/
/*margin-bottom:8px;*/
/*}*/
.test-color {
color: #994d4d;
}
#add-review-popup {
max-width: 584px;
}
#add-review-popup .form_template__heading {
margin-bottom: 16px;
}
#add-review-popup-thanks {
display: inline-block;
max-width: 680px;
}
#add-review-popup-thanks .form_template__heading {
margin: 0;
}
#add-review-popup-thanks .form_template__text {
margin-top: 1em;
margin-bottom: 0;
font-size: 16px;
}
.form-warning {
margin-bottom: 1.6em;
color: #D4122C;
font-size: 14px;
line-height: 1.5;
font-weight: 400;
}
.form-row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.form-row__item {
margin-bottom: 24px;
width: calc(50% - 8px);
}
.form-row__item:only-child {
width: 100%;
}
.form-row__caption {
margin-top: 1.3em;
color: #919191;
font-size: 12px;
line-height: 1.2;
font-weight: 400;
}
.form-row > .form-row__caption {
margin-top: -8px;
}
.form-row > .form-row__caption:last-child {
margin-bottom: 24px;
}
.form-row__caption_mobile {
display: none;
}
.form-item .form-item__title {
margin-bottom: 4px;
color: #595959;
font-size: 13px;
line-height: 1.4;
font-weight: 400;
}
.form-item__input {
display: block;
margin: 0;
padding: 12px;
width: 100%;
height: 48px;
border-bottom: 1px solid #E0E0E0;
color: #000;
font-size: 16px;
line-height: 1.5;
font-weight: 400;
}
.form-item .form-item__textarea {
display: block;
margin: 0;
padding: 12px;
height: 120px;
border: 1px solid #E0E0E0;
border-radius: 5px;
color: #000;
font-size: 16px;
font-weight: 400;
line-height: 1.5;
}
.form-item__textarea::-webkit-input-placeholder {
color: #919191;
font-weight: 400;
}
.form-item__textarea::-moz-placeholder {
color: #919191;
font-weight: 400;
opacity: 1;
}
.form-item__textarea:-moz-placeholder {
color: #919191;
font-weight: 400;
}
.form-item__textarea:-ms-input-placeholder {
color: #919191;
font-weight: 400;
}
.rating-form {
margin-bottom: 24px;
}
.rating-form__main {
display: flex;
align-items: center;
}
.rating-form__title {
margin-bottom: 16px;
color: #595959;
font-size: 18px;
line-height: 1.2;
font-weight: 400;
}
.rating-form__caption {
color: #919191;
font-size: 12px;
line-height: 1.2;
font-weight: 400;
}
.rating-form__box {
margin-right: 24px;
}
.rating-box {
display: flex;
position: relative;
width: 165px;
height: 32px;
background-image: url('data:image/svg+xml,');
-webkit-background-size: contain;
background-size: contain;
}
.rating-box__over {
position: absolute;
z-index: 1;
top: 0;
bottom: 0;
left: 0;
width: 100%;
background-image: url('data:image/svg+xml,');
-webkit-background-size: contain;
background-size: contain;
}
.rating-box label {
display: block;
position: relative;
z-index: 2;
width: 20%;
height: 100%;
}
.rating-box input {
display: block;
position: fixed;
width: 0;
height: 0;
visibility: hidden;
transform: scale(0);
}
.rating-box input[id="star-1"]:checked ~ .rating-box__over {
width: 20%;
}
.rating-box input[id="star-2"]:checked ~ .rating-box__over {
width: 40%;
}
.rating-box input[id="star-3"]:checked ~ .rating-box__over {
width: 60%;
}
.rating-box input[id="star-4"]:checked ~ .rating-box__over {
width: 80%;
}
.rating-box input[id="star-5"]:checked ~ .rating-box__over {
width: 100%;
}
.form-upload {
margin-bottom: 32px;
}
.form-upload__main {
display: flex;
align-items: center;
margin-bottom: 26px;
}
.form-upload .form-upload__button {
display: flex;
align-items: center;
margin-right: 24px;
}
.form-upload__caption {
color: #919191;
font-weight: 400;
font-size: 12px;
line-height: 1.3;
}
.form-upload__icon {
display: block;
margin-right: 12px;
width: 20px;
height: 20px;
background-image: url('data:image/svg+xml,');
}
.form-upload__text {
color: #000;
font-size: 16px;
line-height: 1.3;
font-weight: 500;
}
.form-upload__preview .form-upload-preview:not(:first-child) {
margin-top: 10px;
}
.form-upload-preview {
display: flex;
align-items: center;
}
.form-upload-preview__del {
display: block;
position: relative;
top: -2px;
margin-right: 12px;
width: 14px;
height: 14px;
background-image: url('data:image/svg+xml,');
cursor: pointer;
}
.form-upload-preview__text {
color: #323334;
font-size: 14px;
font-style: normal;
line-height: 1.2;
font-weight: 400;
}
.form-upload-preview__text span {
color: #909090;
}
#add-review-popup .form_template__submit-btn {
display: block;
margin: 40px 0 0;
min-width: 220px;
height: 48px;
font-size: 16px;
}
.form-confirm-text {
margin-top: 1em;
color: #919191;
font-size: 16px;
line-height: 1.3;
font-weight: 400;
}
.form-confirm-text a {
color: #919191;
text-decoration: none;
}
.form-confirm-text a:hover {
text-decoration: underline;
}
.fancybox-slide--inline {
overflow-y: scroll !important;
overflow-x: hidden;
}
@media (max-width: 600px) {
#add-review-popup,
#add-review-popup-thanks {
padding: 48px 16px;
}
.form-row__item {
width: 100%;
}
.rating-form__main,
.form-upload__main {
flex-wrap: wrap;
}
.rating-form__caption,
.form-upload__caption {
margin-top: 16px;
width: 100%;
}
.form-upload__preview .form-upload-preview:not(:first-child) {
margin-top: 16px;
}
#add-review-popup .form_template__submit-btn {
margin-top: 48px;
width: 100%;
}
.form-row__caption_mobile-hide {
display: none;
}
.form-row__caption_mobile {
display: block;
}
}
/* End */
/* Start:/local/templates/main/components/sotbit/reviews/reviews-tab/css/font-awesome.min.css?170082643627470*/
/*!
* Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/@font-face{font-family:'FontAwesome';src:url('/local/templates/main/components/sotbit/reviews/reviews-tab/css/../fonts/fontawesome-webfont.eot?v=4.5.0');src:url('/local/templates/main/components/sotbit/reviews/reviews-tab/css/../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),url('/local/templates/main/components/sotbit/reviews/reviews-tab/css/../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),url('/local/templates/main/components/sotbit/reviews/reviews-tab/css/../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),url('/local/templates/main/components/sotbit/reviews/reviews-tab/css/../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),url('/local/templates/main/components/sotbit/reviews/reviews-tab/css/../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{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}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}
/* End */
/* Start:/bitrix/components/bitrix/catalog.comments/templates/.default/style.css?17008268624569*/
.item_comments{
display: block;
padding-left: 0;
}
.item_comments li{
display: block;
padding-bottom: 10px;
}
.item_comments_username{
display: inline-block;
color: #5d90bd;
font-size: 14px;
}
.item_comments_date{
display: inline-block;
color: #b8b8b8;
font-size: 14px;
margin-left: 10px;
}
.item_comments_container p{
margin-top: 5px;
color: #3f3f3f;
font-size: 14px;
}
div.blog-comment-form {width: 100% !important;}
div.blog-comment .blog-author {
font-size: 0.85em;
}
.blog-comment-content {
font-size: 13px;
overflow: hidden!important;
padding-top: 0 !important;
}
div.blog-comment-buttons input {
font-size: 13px !important;
padding: 0 3px !important;
}
.blog-post-rating {
padding: 10px 0 0 0;
}
@media (max-width:540px){
.bx_soc_comments_div .bx-catalog-tab-list li a{
font-size:11px;
}
}
.bx_soc_comments_div.bx_important .bx_medium.bx_bt_button,
.bx_soc_comments_div.bx_important .bx_medium.bx_bt_button_type_2 {
padding:0 13px;
height:25px;
font-weight:bold;
line-height:25px;
}
.bx_soc_comments_div.bx_important .bx_medium.bx_bt_button {
height:27px;
line-height:27px;
}
.bx_soc_comments_div.bx_important .bx_medium.bx_bt_button:hover {}
.bx_soc_comments_div.bx_important .bx_medium.bx_bt_button:active {}
.bx_soc_comments_div.bx_important .bx_medium.bx_bt_button_type_2 {font-weight:bold}
.bx_soc_comments_div.bx_important .bx_medium.bx_bt_button_type_2:hover {}
.bx_soc_comments_div.bx_important .bx_medium.bx_bt_button_type_2:active{}
.bx_soc_comments_div.bx_important .blog-comment-nav {
}
.bx_soc_comments_div.bx_important .blog-comment-nav a,
.bx_soc_comments_div.bx_important .blog-comment-nav a:link,
.bx_soc_comments_div.bx_important .blog-comment-nav a:visited,
.bx_soc_comments_div.bx_important .blog-comment-info a,
.bx_soc_comments_div.bx_important .blog-comment-info a:link,
.bx_soc_comments_div.bx_important .blog-comment-info a:visited {
text-decoration: none;
color: #969696 !important;
}
.bx_soc_comments_div.bx_important .blog-comment-nav a:hover,
.bx_soc_comments_div.bx_important .blog-comment-nav a:active,
.bx_soc_comments_div.bx_important .blog-comment-info a:hover,
.bx_soc_comments_div.bx_important .blog-comment-info a:active {
text-decoration: underline;
color: #969696 !important;
}
.bx_soc_comments_div.bx_important .blog-comment-info a,
.bx_soc_comments_div.bx_important .blog-comment-info a:link,
.bx_soc_comments_div.bx_important .blog-comment-info a:visited {
font-size: 0.85em;
}
.bx_soc_comments_div.bx_important .blog-comment-info a:hover,
.bx_soc_comments_div.bx_important .blog-comment-info a:active {
font-size: 0.85em;
}
.bx_soc_comments_div .bx-catalog-tab-section-container{position: relative;}
.bx_soc_comments_div .bx-catalog-tab-list{
border-bottom: 1px solid #d9e1e3;
text-align: left;
padding: 0;
vertical-align: bottom;
margin: 16px 0;
}
.bx_soc_comments_div .bx-catalog-tab-list li{
vertical-align: bottom;
border: 1px solid #d9e1e3;
border-bottom: none;
display: inline-block;
border-radius: 3px 3px 0 0;
background: #f7f7f7;
box-shadow: inset 0 -10px 5px -10px rgba(0,0,0,.12);
}
.bx_soc_comments_div .bx-catalog-tab-section-container .bx-catalog-tab-list li:before{
content: none;
}
.bx_soc_comments_div .bx-catalog-tab-list li a,
.bx_soc_comments_div .bx-catalog-tab-list li>span{
display: block;
cursor: pointer;
line-height: 30px;
height: 30px;
color: #999;
text-decoration: none;
font-size: 13px;
padding: 0 20px;
box-shadow: none;
}
.bx_soc_comments_div .bx-catalog-tab-list li:hover,
.bx_soc_comments_div .bx-catalog-tab-list li.active{
background: #fff;
}
.bx_soc_comments_div .bx-catalog-tab-list li.active a,
.bx_soc_comments_div .bx-catalog-tab-list li.active>span{
background: #fff;
line-height: 35px;
height: 35px;
color: #3f3f3f;
position: relative;
bottom: -2px;
}
.bx_soc_comments_div .bx-catalog-tab-body-container .bx-catalog-tab-container>div.tab-off{
opacity: 0;
height: 0;
overflow: hidden;
-webkit-transition:all 0.4s ease-out;
-ms-transition:all 0.4s ease-out;
-moz-transition:all 0.4s ease-out;
-o-transition:all 0.4s ease-out;
transition:all 0.4s ease-out;
}
.bx_soc_comments_div .bx-catalog-tab-body-container .bx-catalog-tab-container>div{
opacity: 1;
-webkit-transition:all 0.6s ease-out;
-ms-transition:all 0.6s ease-out;
-moz-transition:all 0.6s ease-out;
-o-transition:all 0.6s ease-out;
transition:all 0.6s ease-out;
padding: 0 10px;
}
.bx_soc_comments_div .bx-catalog-tab-body-container .bx-catalog-tab-container .hidden{
display: none;
}
/* End */
/* Start:/bitrix/components/bitrix/blog/templates/.default/style.css?170086891833777*/
/*blog*/
.blog-posts {display:inline; float:left; margin-right:1%; overflow:hidden; width:79%;}
/*post*/
.blog-post {margin:0; padding-bottom: 2.5em; padding-right:0.8em;}
.blog-post-title {font-size: 1.65em; font-weight:var(--ui-font-weight-bold); line-height: 1.3em; margin:0 0 0 0; padding:0.2em; padding-left: 0.6em; font-family: Arial;}
.blog-post-title a {text-decoration: none !important;}
.blog-post-title a :hover{text-decoration: underline !important;}
.blog-post-info {padding:0.2em 0.6em 0.2em}
.blog-post-info-back {}
.blog-post-content {padding: 0.4em 0.6em 0.4em; overflow: hidden; border-bottom: 1px dotted; line-height: 1.4em;}
.blog-post-meta { font-size:0.85em; line-height:1.4em; margin:0; padding:0; padding-top:0.3em; padding-bottom:0.3em; padding-left: 0.6em;}
.blog-post-date {margin:0.1em 0; padding:0 0 0 0.3em; line-height: 1.4em; display:inline;}
.blog-post-current .blog-post {padding-right: 0;}
.blog-post-edit-link, .blog-post-delete-link, .blog-post-comments-link, .blog-post-views-link, .blog-post-publish-link, .blog-post-hide-link, .blog-post-show-link {background-repeat: no-repeat; padding-left: 18px; height: 16px; display:inline-block; padding-right: 0.5em; font-size: 1.2em;}
.blog-post-comments-link {padding-left: 15px;}
.blog-post-show-link {padding-left: 19px;}
.blog-post-tag {padding-top: 0.4em;}
.blog-post-tag a {text-decoration: none !important;}
.blog-post-tag a:hover {text-decoration: underline !important;}
.blog-post-avatar img {float:right;}
.blog-post-avatar {padding: 0.1em 0.3em 0.3em 0.3em;}
.blog-post-content div[align="left"],
.blog-post-content div[align="right"],
.blog-post-content div[align="center"],
.blog-post-content div[align="justify"]{min-height:1em;}
/*post form*/
div.blog-post-field-text textarea {width: 100%;}
div.blog-post-field-text {padding-bottom: 0.2em;}
div.blog-post-fields {}
div.blog-post-field {}
div.blog-post-field-title input, div.blog-post-field-category input { width: 100%;}
div.blog-post-field-code input { width: 40%;}
div.blog-post-field-user {width: 100%; /*IE Fix or zoom:1 */}
div.blog-post-field-title, div.blog-post-field-category, div.blog-post-field-favorite, div.blog-post-field-date, div.blog-post-field-enable-comments { width:100%; }
div.blog-post-field-access, div.blog-post-field-seo, div.blog-post-field-category { padding-top: 10px}
div.blog-post-field-date {padding-top: 0.5em;}
div.blog-post-field-favorite div, div.blog-post-field-enable-comments div{display:inline;}
div.blog-post-field-favorite, div.blog-post-field-enable-comments {padding-bottom: 0.4em;}
div.blog-post-field-sep { width:2%; float: left;}
div.blog-post-image-item {float:left; padding-right: 1em; padding-bottom: 2em; height:150px;}
div.blog-post-image-item-border {border: 1px solid; height:100px; text-align: center; vertical-align: middle; width:100px;}
div.blog-post-image-item-input {padding-top: 0.5em;}
div.blog-post-image-item-input input {width: 100px;}
div.blog-post-buttons {padding-top:1em; padding-bottom: 0.4em;}
div.blog-post-field-category div.blog-post-field-text label, div.blog-post-field-access-title, div.blog-post-field-code div.blog-post-field-text label, div.blog-post-field-seo label {font-weight: var(--ui-font-weight-bold); font-size: 1.1em;}
div.blog-post-bbcode-line {padding-top:0.2em;}
.blog-group-edit {background-repeat: no-repeat; width:16px; height:16px; display:inline-block;}
.blog-group-delete {background-repeat: no-repeat; width:16px; height:16px; display:inline-block;}
.blog-group, .blog-group-label{ }
div.blog-post-edit-form{width: 97%; padding: 0.8em;}
div.blog-buttons {padding-top: 1em;}
/*comment*/
.blog-comment {margin:0; padding-top: 0.7em;}
.blog-comment-cont{}
.blog-comment-info {display:block;}
.blog-comment-content {display:block; overflow: hidden; padding-top: 0.5em;}
.blog-comment-meta {font-size:0.85em; padding-top: 0.5em; padding-bottom: 0.5em;}
.blog-comment-date {font-size:0.85em; display:inline;}
.blog-comment-author-info {display:inline;}
.blog-comment-avatar {float:left; margin-right: 0.5em; width: 30px; height: 30px; border:1px solid #c4c4c4; background-color: #eceaec;}
.blog-comment-avatar img{}
.blog-comment-meta a { text-decoration: none !important;}
.blog-comment-meta a:hover {text-decoration: underline !important;}
.blog-comment-link, .blog-comment-delete, .blog-comment-parent, .blog-comment-answer, .blog-comment-edit, .blog-comment-show, .blog-comment-hide {display:inline-block;}
.blog-add-comment {text-align:center; padding-top: 0em; padding-bottom: 1.5em;}
.blog-comment-nav {padding-bottom: 0.6em; /*padding-left: 0.7em;*/}
/*comment-form*/
div.blog-comment-form { margin-bottom:0.7em; margin-top:0.7em; width:80%;}
div.blog-comment-field-text {width: 100%;}
div.blog-comment-field-text textarea { width: 99.9%; }
.blog-comment-field-subject { margin-bottom:15px;}
div.blog-comment-field-tags { display: none; }
div.blog-comment-field-tags input { width:80%; }
div.blog-comment-field-captcha input { width: 180px;}
div.blog-comment-field-settings input { width:1.55em; height:1.55em; margin:0 0 0 -0.25em; vertical-align: middle; font-size:1em; }
div.blog-comment-field-settings label { vertical-align: middle; }
div.blog-comment-fields { padding:0.8em; zoom:1;}
div.blog-comment-field {}
div.blog-comment-field-title input, div.blog-comment-field-desc input { width: 80%;}
div.blog-comment-field-user {width: 100%; padding-bottom: 5px; }
div.blog-comment-field-author, div.blog-comment-field-email { float:left; width:47%;}
div.blog-comment-field-text {padding-bottom: 0.2em;}
div.blog-comment-field-user-sep { width:5%; float: left; }
div.blog-comment-field-author input, div.blog-comment-field-email input { width:100%; }
div.blog-comment-field-bbcode {padding-top: 0.7em;}
div.blog-comment-field-captcha-image{padding-top: 0.4em;}
div.blog-comment-buttons { margin-top: 1em; padding-bottom: 0.4em;}
div.blog-comment-buttons input { padding:0 0.5em; font-size:1.184em;}
/*menu*/
div.blog-menu-box {margin-bottom: 1em; padding-bottom:0.5em; line-height: 1.5em; zoom: 1;}
div.blog-menu-box span { white-space:nowrap; display: inline-block;}
div.blog-settings-menu-box {margin-bottom: 1em; padding-bottom:0.5em; line-height: 1.5em; zoom: 1; }
div.blog-settings-menu-box span{ white-space:nowrap; display: inline-block;}
/*sidebar*/
.blog-sidebar { display:inline; float:right; overflow:hidden; width:20%;}
.blog-sidebar ul,.blog-sidebar ul li ul {margin:0;padding:0; list-style:none !important;}
.blog-sidebar ul li {margin:0;padding:0px; list-style:none !important; text-align:left;}
.blog-sidebar h3 { font-size: 1em; font-weight: var(--ui-font-weight-bold); letter-spacing: 1px; border-bottom: 1px solid; padding:0; padding-bottom: 0.6em; margin: 0;}
.blog-sidebar li ul li {margin:0;padding:0; border:0;}
.blog-sidebar ul li ul li {text-align:left; margin:0; padding: 0;}
.blog-sidebar ul li ul li a {text-decoration: none; outline: 0;}
.blog-sidebar ul li ul li a:hover {text-decoration: underline;}
.blog-sidebar ul {padding: 1em; }
.blog-sidebar ul li ul{padding-top: 0.4em; }
.blog-sidebar-title a {text-decoration: none;}
.blog-sidebar-avatar {text-align: center;}
/*general*/
div.blog-errors {border-width:1px; border: 1px solid; margin: 1.117em; padding: 0.4em 1.117em;}
div.blog-errors ul {padding:0.3em 0 0.3em 2em; margin:0;}
div.blog-errors ul li {margin:0; padding:0;}
div.blog-notes {border-width:1px; border: 1px solid; margin: 1.117em; padding: 0.4em 1.117em;}
div.blog-notes ul {padding:0.3em 0 0.3em 2em; margin:0;}
div.blog-notes ul li {margin:0; padding:0;}
div.blog-textinfo {border: 1px solid ; margin: 1.117em; padding: 0.4em 1.117em;}
div.blog-textinfo ul {padding:0.3em 0 0.3em 2em; margin:0;}
div.blog-textinfo ul li {margin:0; padding:0;}
div.blog-clear-float {clear: both;}
table.blog-table-header-left, table.blog-table-header-top {border-collapse:collapse; border: none;}
table.blog-table-header-left th, table.blog-table-header-left td, table.blog-table-header-top th, table.blog-table-header-top td {padding:0.5em; vertical-align:top; border-top: 1px solid;}
table.blog-table-header-left th {text-align:right;}
table.blog-table-header-top th {text-align:center;}
table.blog-edit-perms-table {border: none;}
table.blog-edit-perms-table th, table.blog-edit-perms-table td {padding:0.2em; vertical-align:top; border: none; border-top: 0px;}
table.blog-edit-perms-table th {text-align:center;}
div.blog-line {background-repeat: no-repeat; height:3px; width:100%;}
.blog-author {margin:0; padding:0; display:inline; font-weight: var(--ui-font-weight-bold);}
.blog-author-icon {width:16px; height:16px; display:block; float:left; background-repeat: no-repeat; padding-right:0.2em; line-height: 1em;}
/*bbcode line*/
div.blog-bbcode-line {margin-right: 3px; float: left;}
div.blog-smiles-line, div.blog-more-smiles {float: left; white-space:nowrap; margin-left: 5px; font-size: 0.95em;}
div.blog-bbcode-closeall {float: right;}
div.blog-bbcode-line img, div.blog-smiles-line img { border: 0;}
div.blog-bbcode-line a, div.blog-smiles-line a {vertical-align: middle;}
div.blog-bbcode-line a {width: 20px; height: 20px; float: left; margin-right: 0.2em; background-position: center center; background-repeat:no-repeat; display: block;}
div.blog-bbcode-line a, div.blog-bbcode-line img, div.blog-smiles-line a, div.blog-smiles-line img { outline: none; }
div.blog-bbcode-line select { float: left; margin-left:3px; padding:0px; height:20px;}
div.blog-bbcode-closeall a{padding-left: 1em; vertical-align: middle; float: left;}
/*BBCode Icons*/
a.blog-bbcode-bold {background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/font_bold.gif);}
a.blog-bbcode-italic {background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/font_italic.gif);}
a.blog-bbcode-color {background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/font_color.gif);}
a.blog-bbcode-underline{background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/font_underline.gif);}
a.blog-bbcode-strike{background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/font_strike.gif);}
a.blog-bbcode-url{background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/font_link.gif);}
a.blog-bbcode-img-upload{background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/font_image.gif);}
a.blog-bbcode-img{background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/font_image_upload.gif);}
a.blog-bbcode-video{background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/font_video.gif);}
a.blog-bbcode-code{background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/font_code.gif);}
a.blog-bbcode-quote{background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/font_quote.gif);}
a.blog-bbcode-video{background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/font_video.gif);}
a.blog-bbcode-list{background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/font_list.gif);}
a.blog-bbcode-cut{background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/cut.gif);}
/*main page*/
div.blog-mainpage {width: 100%;}
div.blog-mainpage-side-left {float:left; width:52%; padding-right: 0.5em; }
div.blog-mainpage-side-right {float:right; width:46%; }
.blog-mainpage-item {margin:0; padding-bottom: 0.6em; padding-top: 0.5em;}
.blog-mainpage-title{margin:0; padding-bottom: 0.5em; padding-top: 0.4em; font-weight:var(--ui-font-weight-bold); }
.blog-mainpage-content {line-height:1.4em; font-size:0.95em; display:block;}
.blog-mainpage-meta {font-size:0.89em; line-height:1.4em; margin:0; padding:0; padding-top: 0.4em;}
.blog-mainpage-meta a {text-decoration: none !important;}
.blog-mainpage-meta a:hover {text-decoration: underline !important;}
div.blog-mainpage-comment .blog-mainpage-meta {display:inline; padding-left: 0.4em; font-size: 0.89em;}
div.blog-mainpage-comment .blog-mainpage-content {padding-top: 0.4em;}
div.blog-mainpage-comment .blog-mainpage-content a {text-decoration: none !important;}
div.blog-mainpage-comment .blog-mainpage-content a:hover {text-decoration: underline !important;}
div.blog-mainpage-item .blog-author {font-weight: normal;}
div.blog-mainpage-comment .blog-mainpage-title {font-weight: normal;}
div.blog-mainpage-blogs .blog-mainpage-content a {text-decoration: none;}
div.blog-mainpage-blogs .blog-mainpage-content a:hover {text-decoration: none;}
.blog-tab { padding:0; margin:0; min-height:31px; height:100%; width:96%; line-height: 2.35em; display:block;}
.blog-tab-left {background-repeat: no-repeat; padding:0; margin:0; width: 3px; height: 31px; float:left;}
.blog-tab-right {background-repeat: no-repeat; padding:0; margin:0; width: 3px; height: 31px; float:right;}
.blog-tab-container {width: 100%; display: block;}
.blog-tab-items {float: right; font-size: 0.95em; padding-right: 0.6em; display:inline; white-space: nowrap;}
.blog-tab-items a {text-decoration: none !important; padding-left: 0.6em;}
.blog-tab-items a:hover {text-decoration: underline !important;}
.blog-tab-title {font-weight: var(--ui-font-weight-bold); padding-left: 0.5em; float: left; display:inline; overflow:hidden;}
.blog-tab-title a {text-decoration: none !important;}
.blog-tab-title a:hover {text-decoration: underline !important;}
div.blog-tab-content {padding-top:0.2em; padding-left: 0.6em; padding-right: 0.6em; padding-bottom: 1.7em;}
div.blog-mainpage-search-cloud {padding-top: 0.4em;}
.blog-calendar {text-align:center;}
.blog-calendar table th {font-weight:normal;}
.blog-rss div {padding-top: 0.6em;}
.blog-rss-icon {background-repeat: no-repeat; width:17px; height:17px; display:block; line-height: 1em;}
.blog-group-icon {width:16px; height:16px; display:block; float:left; background-repeat: no-repeat; padding-right:0.2em; line-height: 1em;}
.blog-search-form {padding-top: 0.6em;}
.blog-search-form div{padding-bottom: 0.4em;}
.blog-mainpage-create-blog {padding-bottom: 1em; padding-left: 0.6em}
.blog-rss-subscribe {padding-bottom: 1.5em;}
.blog-rss-subscribe .blog-tab-items {padding-top: 0.55em;}
.blog-group-rss {padding-top: 1em;}
table.blogquote, table.blogcode { font-size:1em; margin:0.5em 1em; width:80%; border:1px solid;}
table.blogquote td, table.blogcode td { padding:0.95em 1.5em; }
table.blogcode td {font-family:"Courier New"; white-space:pre-wrap;}
table.blogcode pre {font-family:"Courier New"; font-size: 12px; margin: 0; line-height: 15px; white-space:pre-wrap;}
div.blog-post-quote, div.blog-post-code {padding-top: 0.6em; padding-bottom: 0.6em;}
div.blog-post-quote span, div.blog-post-code span {padding-left:0.6em;}
div.blog-post-quote table.blogquote, div.blog-post-code table.blogcode {margin: 0;}
/*page navigation*/
div.blog-page-navigation {padding-bottom: 0.8em;}
div.blog-page-navigation a, span.blog-page-current, span.blog-page-dots {padding-left:0.75em; padding-right: 0.5em; text-decoration: none;}
div.blog-page-navigation a.blog-page-first, div.blog-page-navigation span.blog-page-first { padding-left: 0.5em; }
span.blog-page-current { font-weight: var(--ui-font-weight-bold); }
/*blog navigation*/
ul.blog-navigation {list-style-position:outside; list-style-type:none; padding: 0; margin: 0; padding-bottom: 1em; }
ul.blog-navigation li {display:inline;}
/*color*/
.blog-post-content {border-bottom-color: #CCCCCC;}
.blog-post-meta, .blog-comment-meta, .blog-comment-nav {color: #969696;}
.blog-post-tag a, .blog-comment-meta a , .blog-mainpage-meta a {color:#969696 !important;}
.blog-post-date, .blog-comment-date {color: #767676;}
div.blog-post-date span.blog-post-time, div.blog-post-date span.blog-post-day {display:none;}
div.blog-post-edit-form, div.blog-comment-fields {background-color: #f1f1f1;}
div.blog-post-image-item-border {border-color:#D8D8D8;}
.blog-sidebar {background-color: #f5f5f5;}
.blog-sidebar h3 {border-bottom-color: #dadada;}
.blog-bottombar h3 {color: #333333;}
.blog-sidebar-title {color: #000 !important;}
.blog-sidebar-title a {color: #000 !important;}
div.blog-errors {border: solid 1px #DFBDAC; background: #F6DBCE;}
div.blog-notes {border: solid 1px #DAD7A7; background: #F6F9D3;}
div.blog-textinfo {border: solid 1px #D5D5D5; background: #F6F6F6;}
.blog-required-field {color: red;}
table.blog-table-header-left th, table.blog-table-header-left td, table.blog-table-header-top th, table.blog-table-header-top td {border-top-color: #D5D5D5;}
div.blog-post-quote > span, div.blog-post-code > span {color: #7d7d7d; display: none;}
div.blog-post-code table.blogcode { border-color: #E8E8E8; color: #7D7D7D; background-color: #F7F7F7;}
div.blog-post-quote table.blogquote { border-color: #E8E8E8; color: #555; background: url(/bitrix/components/bitrix/blog/templates/.default/images/quote-gray.png) no-repeat scroll left top #f7f7f7;}
div.blog-mainpage-comment .blog-mainpage-content a, div.blog-mainpage-blogs .blog-mainpage-content a:hover, div.blog-mainpage-blogs .blog-mainpage-content a, div.blog-mainpage-comment .blog-mainpage-content a:hover {color: #333;}
.blog-tab, .blog-tab-container {background-color: #ededed;}
.blog-tab-items {color: #767676;}
.blog-tab-items a {color:#767676 !important;}
.blog-tab-title a {color: #000 !important;}
.blog-comment-cont-white {background-color: #fff; padding: 1px;}
/*images*/
div.blog-tab-left {background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/plashka_start.gif);}
div.blog-tab-right {background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/plashka_end.gif);}
div.blog-line {background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/line_gradient.gif);}
.blog-rss-icon {background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/rss_icon.gif);}
div.blog-comment-new .blog-comment-date {background-color: #FFF4CA; padding-top: 2px;padding-bottom: 3px;padding-left: 4px;padding-right: 4px;}
div.blog-comment-hidden .blog-comment-cont-white, div.blog-comment-hidden .blog-comment-date {background-color: #ededed;}
div#special_perms {padding-top: 0.5em;}
div.blog-post-meta div.blog-post-info-bottom {display:none;}
.blog-post-meta span.blog-post-link-counter, .blog-post-meta span.microblog-post-link-counter {padding: 0 0 0 0.3em;}
div.blog-post-rating {float: right;}
div.blog-post-share {position:relative; float: right;}
img.linked {
border: none;
cursor: pointer;
height: 21px;
left: 2px;
position: relative;
top: 6px;
width: 11px;
}
div.blog-edit-field-code label.blog-edit-field-caption {font-weight:var(--ui-font-weight-bold);}
span#post-code-input {display:none;}
a#post-code-text {
background-color: #fff4ca;
border-bottom: dashed 1px;
text-decoration: none;
}
div.blog-post-field-code {padding-top: 0.5em;}
div.blog-tags-cloud {text-align:center;}
div.blog-comment-preview div.blog-comment-cont-white{border-top: 1px solid red; border-bottom: 1px solid red;}
div.blog-post-edit-micro #lhe_btn_sourcebb, div.blog-post-edit-micro #blog-post-image{display: none;}
/*div.blog-post-edit-micro div.blog-comment-field-bbcode{padding:0.2em;}*/
div.blog-post-edit-micro {margin-bottom: 2em; width: 78%;}
div.blog-post-edit-micro #blogpost-length {font-weight:var(--ui-font-weight-bold); display:inline;}
div.blog-post-edit-micro div.blog-post-edit-form {padding: 0; background-color: white; width: 100%;}
div.blog-post-edit-micro div.blog-post-buttons{text-align:left; padding-top:0.7em; padding-bottom:0.1em;}
div.blog-post-edit-micro #edit-post-text {padding: 0; border: 1px solid #C2C2C2; border-radius: 2px;}
div.blog-post-edit-micro .lhe-stat-toolbar-cont, div.blog-post-edit-micro .lhe-button , div.blog-post-edit-micro div.lhe-tlbr-smile-cont {border: 0;}
div.blog-post-edit-micro #blog-post-micro-lhe-hide{display: inline-block; float:right;}
div.blog-post-edit-micro .lhe-button-cont{padding-left:3px;}
div.blog-post-edit-micro #blog-post-micro-lhe-but {display: inline-block; padding-top: 3px;}
div.blog-post-edit-micro .lhe-button-cont #lhe_btn_image {
background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/icon_image.gif) !important;
background-position: 3px 2px !important;
background-repeat: no-repeat;
cursor: pointer;
}
div.blog-post-edit-micro .lhe-button-cont #lhe_btn_createlink {
background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/icon_link.gif) !important;
background-position: 2px 2px !important;
background-repeat: no-repeat;
cursor: pointer;
}
div.blog-post-edit-micro .lhe-button-cont #lhe_btn_bloginputvideo {
width: 17px;
height: 15px;
padding-top: 2px;
cursor: pointer;
}
div.blog-post-edit-micro .lhe-button-over {
background-color: #fff;
}
div.blog-post-edit-micro .blog-post-group-text{color:#999;}
div.blog-post-edit-micro #blog-post-micro-lhe-hide{
position: absolute;
top: 2px;
right: 2px;
}
div.blog-post-edit-micro #blog-post-micro-lhe-hide div {
display: inline-block;
cursor: pointer;
width: 17px;
height: 17px;
vertical-align: middle;
background: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/icon_close.gif) no-repeat;
}
div.blog-post-edit-micro .blog-post-field-bbcode {position: relative;}
div.blog-comment .blog-author {line-height: 30px;}
div.microblog-post .blog-post-avatar {float:left; margin-right: 0.5em; width: 30px; height: 30px; border:1px solid #c4c4c4; background-color: #eceaec; padding: 0px;}
div.microblog-post .blog-post-avatar img{}
div.microblog-post .blog-post-info {background: none; padding: 0;}
div.microblog-post .blog-author {line-height: 30px;}
div.microblog-post div.blog-post-content {border: none; padding: 0; padding-top: 0.5em;}
div.microblog-post { border-bottom: 1px solid #E5E5E5; padding:1px; margin-bottom: 1.5em;}
div.microblog-post div.blog-post-meta {padding-top: 0.5em; padding-bottom: 0.5em; font-size:0.85em; padding-left:0px;}
div.microblog-post div.blog-post-meta a {color: #969696 !important; text-decoration: none !important;}
div.microblog-post div.blog-post-meta a:hover {text-decoration: underline !important;}
div.microblog-post .blog-post-date {font-size:0.85em; color: #969696;}
/*div.blog-post-edit-micro td.lhe-resize-row, div.blog-post-edit-micro td.lhe-resize-row img {height: 1px !important;}*/
div.blog-comment-line {background-color: #ededed; height:1px; background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/line-start.gif); background-repeat: no-repeat; background-position: left;}
span.blog-vert-separator {height: 7px; width:1px; margin-left: 0.2em; margin-right: 0.2em; background-color: #e0e0e0; display: inline-block;}
div.blog-post-meta-util span {display: inline-block;}
div.blog-post-meta-util * {text-decoration: none !important;}
div.microblog-post div.blog-post-date a {color: #969696 !important; text-decoration: none !important;}
div.microblog-post div.blog-post-meta-util a {color: #969696 !important; text-decoration: none !important;}
.blog-post-meta .bx-rating span, .blog-post-meta-util.bx-rating a { font-size: 13px;}
.blog-post-current-micro .bx-rating span, .blog-post-current-micro .bx-rating a { font-size: 11px;}
.blog-mainpage-meta .bx-rating span { color:#969696 }
.blog-mainpage-meta span.ilike-light-blog-post *, .blog-mainpage-meta span.ilike-light-microblog * {color:#969696 !important; text-decoration: none !important; font-size: 1em;}
.blog-post-meta-util a span {cursor:pointer;}
.blog-post-meta-util .ilike-light .bx-ilike-right { font-size: 1.2em;}
.blog-post-meta-util .ilike-light .bx-ilike-text { padding: 0; font-size: 1.2em;}
.microblog-post .blog-post-meta-util .ilike-light .bx-ilike-right {font-size: 11px}
.microblog-post .blog-post-meta-util .ilike-light .bx-ilike-text {font-size: 11px}
.blog-comment-nav-item{cursor: pointer;}
div.blog-comments .blog-comment-nav a.blog-comment-nav-item-sel {font-weight:var(--ui-font-weight-bold); text-decoration:none; color: #969696; cursor: default;}
.blog-comment-nav-item {}
/* autosave */
a.blogPostAutoSave {
float: right;
display:block;
width:18px;
height:18px;
margin:3px 3px 0 0;
position:relative;
z-index:2;
}
.blog-post-edit-micro a.blogPostAutoSave {margin-right: 10px; margin-left: -12px; margin-top: 2px;}
.blog-notify-bar {
width: 100%;
height: 2.5em;
line-height: 2.5em;
background: url("/bitrix/js/main/core/images/panel/sprite03.png") repeat-x scroll 0 -1178px #FFEB8D !important;
position:relative;
}
.blog-micro-notify-bar {
width: 100%;
height: 3em;
line-height: 1.5em;
background: url("/bitrix/js/main/core/images/panel/sprite03.png") repeat-x scroll 0 -1178px #FFEB8D !important;
position:relative;
}
.blog-notify-close {
display: block !important;
height: 12px !important;
margin: 3px 6px 0 0;
padding: 0 !important;
position: absolute !important;
right: 5px !important;
top: 5px !important;
width: 12px !important;
}
.blog-notify-close a {
background: url("/bitrix/js/main/core/images/panel/sprite03.png") no-repeat scroll -268px -243px transparent !important;
display: block !important;
height: 12px !important;
width: 12px !important;
cursor:pointer;
}
.blog-notify-text {
color: #000000 !important;
margin: 0 !important;
text-align: center !important;
}
.blog-notify-text a.blogPostAutoRestore {
position:relative;
color: #ff0000;
cursor:pointer;
text-decoration:underline;
margin-right: 9px;
margin-top: 5px;
z-index:2;
}
span.blog-post-group-value {
margin-left:0.5em;
border-bottom: dashed 1px;
overflow: hidden;
white-space: nowrap;
max-width: 300px;
}
span.blog-post-group-delete1 {
background: url("/bitrix/js/main/core/images/controls-sprite.png") no-repeat scroll -21px 8px transparent;
cursor: pointer;
display: inline-block;
height: 20px;
width: 15px;
vertical-align: top;
margin-left: 2px;
}
#blog-post-group-selector {display:inline-block; cursor: pointer; }
.blog-post-sonet-group {padding-bottom: 0.5em;}
.blog-post-edit-micro #blog-post-group-selector{
display: inline-block;
float:right;
font-family: Arial;
color: #b2b2b2;
padding-right: 5px;
}
span.blog-post-group-delete {
display: inline-block;
cursor: pointer;
width: 13px;
height: 16px;
vertical-align: top;
background: url(/bitrix/js/main/core/images/controls-sprite.png) no-repeat 0 -282px;
}
div.blog-post-group-selector-text
{
display: inline-block;
float:right;
font-family: Arial;
color: #b2b2b2;
padding-right: 5px;
overflow: hidden;
width: 350px;
white-space: nowrap;
text-align: right;
}
/* buttons */
.blog-small-button, .blog-small-button-left, .blog-small-button-icon, .blog-small-button-right, .blog-small-button-text {
display: inline-block; vertical-align: top; height:27px;
cursor:pointer; text-decoration:none !important; outline:none;
}
.blog-small-button { margin: 0; background: url(/bitrix/js/main/core/images/controls-sprite.png) repeat-x 0 -551px;}
.blog-small-button-left { width:4px; background: url(/bitrix/js/main/core/images/controls-sprite.png) no-repeat -15px -493px; margin-right: 8px; }
.blog-small-button-text { font: normal normal normal 13px/24px var(--ui-font-family-primary, var(--ui-font-family-helvetica)); color: #4f4f4f;}
.blog-small-button-right { width:6px; background: url(/bitrix/js/main/core/images/controls-sprite.png) no-repeat -22px -493px; margin-left: 8px;}
.blog-small-button:hover { background: url(/bitrix/js/main/core/images/controls-sprite.png) repeat-x 0 -985px; }
.blog-small-button:hover .blog-small-button-left { background: url(/bitrix/js/main/core/images/controls-sprite.png) no-repeat -15px -927px; }
.blog-small-button:hover .blog-small-button-right { background: url(/bitrix/js/main/core/images/controls-sprite.png) no-repeat -22px -927px; }
.blog-arrow{
width: 30px;
height: 17px;
background: url("/bitrix/components/bitrix/blog/templates/.default/images/arrow.png") no-repeat 5px 5px;
display: inline-block;
}
.feed-com-files {padding-top:10px;}
.feed-com-files-title {color:#5c6470; font-size:12px; font-weight:var(--ui-font-weight-bold); float:left; min-width:50px;}
.feed-com-files-cont {overflow:hidden; padding:1px 0 1px 10px; zoom:1;}
.feed-com-file-wrap {cursor:pointer; display:inline-block; font-size:12px; line-height:14px; margin:0 12px 12px 0; vertical-align:middle;}
.feed-com-file-wrap:hover .feed-com-file-name {text-decoration:underline;}
.feed-con-file-icon {background:url("/bitrix/components/bitrix/blog/templates/.default/images/live_feed_sprite.png") no-repeat -55px -220px; display:inline-block; margin-right:5px; height:16px; vertical-align:middle; width:16px;}
.feed-com-file-name {color:#2067b0; display:inline-block; font-weight:var(--ui-font-weight-bold); margin-right:4px; max-width:120px; vertical-align:top; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.feed-com-file-size {color:#5c6470; display:inline-block; font-size:12px; vertical-align:top;}
.feed-com-files-photo {
border:1px solid #eeeeee;
border-radius:1px;
box-shadow: 0 0 1px #eee, inset 0 0 1px #eee;
display:inline-block;
height:48px;
margin:0 8px 8px 0;
padding:3px;
width:48px;
}
.feed-com-files-cont .feed-com-files-photo {height:69px; width:69px;}
.feed-file-icon-bmp {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -128px !important;}
.feed-file-icon-css {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -32px !important;}
.feed-file-icon-csv {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -224px !important;}
.feed-file-icon-dib {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -32px !important;}
.feed-file-icon-doc {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -288px !important;}
.feed-file-icon-docp {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -288px !important;}
.feed-file-icon-docx {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -288px !important;}
.feed-file-icon-gif {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -128px !important;}
.feed-file-icon-htm {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -32px !important;}
.feed-file-icon-html {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -32px !important;}
.feed-file-icon-jfif {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -128px !important;}
.feed-file-icon-jpe {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -128px !important;}
.feed-file-icon-jpeg {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -128px !important;}
.feed-file-icon-jpg {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -128px !important;}
.feed-file-icon-js {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -32px !important;}
.feed-file-icon-pdf {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -415px !important;}
.feed-file-icon-php {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -32px !important;}
.feed-file-icon-png {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -128px !important;}
.feed-file-icon-ppt {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -256px !important;}
.feed-file-icon-pptp {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -256px !important;}
.feed-file-icon-pptx {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -256px !important;}
.feed-file-icon-rar {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -96px !important;}
.feed-file-icon-rtf {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -288px !important;}
.feed-file-icon-swf {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -32px !important;}
.feed-file-icon-tif {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -128px !important;}
.feed-file-icon-tiff {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -128px !important;}
.feed-file-icon-txt {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -192px !important;}
.feed-file-icon-xls {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -224px !important;}
.feed-file-icon-xlsp {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -224px !important;}
.feed-file-icon-xlsx {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -224px !important;}
.feed-file-icon-xml {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -32px !important;}
.feed-file-icon-zip {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -96px !important;}
.feed-add-photo-block-wrap {margin-top:-17px;}
.feed-add-photo-block {display:inline-block; margin:17px 17px 0 0; min-height:92px; width:102px; padding-right:21px; position:relative; vertical-align:top;}
.feed-add-photo-block .feed-add-post-del-but {background-position:6px -19px; background-color:#fff; height:22px; top:1px; z-index:0;}
.feed-add-img-wrap {
background:#fff;
border:1px solid #e2e6e6;
-moz-box-shadow: 0 0 2px rgba(0,0,0,0.3);
-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.3);
box-shadow: 0 0 2px rgba(137,137,137,0.3);
display:block;
text-align:center;
padding:4px;
position:relative;
z-index:2;
}
.feed-add-img-title {color:#2067b0; display:block; font-weight:var(--ui-font-weight-bold); font-size:12px; margin-top:3px; overflow: hidden;}
.feed-add-photo-block .feed-add-close-icon {background-color:#fff; background-position:8px -19px; height:22px; top:1px; right:1px; width:22px;}
.feed-add-photo-block .feed-add-close-icon:hover {background-position:-57px -60px;}
.feed-add-post-del-but {
background: url("/bitrix/components/bitrix/blog/templates/.default/images/live_feed_sprite.png") no-repeat;
cursor: pointer;
right: 0;
top: 0;
height: 20px;
position: absolute;
width: 20px;
}
.feed-add-photo-block .feed-add-post-del-but {
background-position: 6px -19px;
background-color: white;
height: 22px;
top: 1px;
z-index: 0;
}
#blog-upload-file, #blog-show-seo {color: #2067B0; border-bottom: dashed 1px #2067B0; text-decoration: none;}
#blog-post-user-fields-UF_BLOG_POST_DOC .file-selectdialog-switcher {display: none;}
/*for neweditor */
/*.feed-add-post .file-selectdialog-switcher,*/
/*.feed-add-post .wduf-selectdialog-switcher,*/
/*.feed-add-post .diskuf-selectdialog-switcher {display: block !important; margin-top: 0.46em; position: relative;}*/
/*.feed-add-post .file-selectdialog-switcher span,*/
/*.feed-add-post .wduf-selectdialog-switcher span,*/
/*.feed-add-post .diskuf-selectdialog-switcher span {display:block !important;}*/
.blg-cancel-com,
.blg-cancel-com:link,
.blg-cancel-com:visited,
.blg-cancel-com:active {color:#5c6470 !important; font-size: 12px; text-decoration:none; padding-left: 15px;}
.blg-cancel-com:hover {text-decoration:underline;}
#blog-show-seo-fields input, textarea {width: 100%}
/* End */
/* Start:/bitrix/components/bitrix/blog/templates/.default/themes/green/style.css?17008268841140*/
/*color*/
.body-blog a:link, .body-blog a:visited, .body-blog a:active, .blog-navigation-box li a {color:#33882a;}
.body-blog a:hover {color:#d04747;}
.blog-post-title {background-color: #e7efd3;}
.blog-post-title span, .blog-post-title a:link, .blog-post-title a:visited, .blog-post-title a:active {color: #42783d !important;}
/*images*/
.blog-group-icon {background-image: url(/bitrix/components/bitrix/blog/templates/.default/themes/green/images/user_group.gif);}
.blog-author-icon {background-image: url(/bitrix/components/bitrix/blog/templates/.default/themes/green/images/user.gif);}
.blog-group-edit, .blog-post-edit-link {background-image: url(/bitrix/components/bitrix/blog/templates/.default/themes/green/images/icon_edit.gif);}
.blog-group-delete, .blog-post-delete-link {background-image: url(/bitrix/components/bitrix/blog/templates/.default/themes/green/images/icon_delete.gif);}
.blog-post-comments-link {background-image: url(/bitrix/components/bitrix/blog/templates/.default/themes/green/images/icon_comment.gif);}
.blog-post-views-link {background-image: url(/bitrix/components/bitrix/blog/templates/.default/themes/green/images/icon_view.gif); }
.blog-post-publish-link {background-image: url(/bitrix/components/bitrix/blog/templates/.default/themes/green/images/icon_publish.gif);}
.blog-post-show-link {background-image: url(/bitrix/components/bitrix/blog/templates/.default/themes/green/images/icon_show.gif);}
.blog-post-hide-link {background-image: url(/bitrix/components/bitrix/blog/templates/.default/themes/green/images/icon_hide.gif);}
.blog-comment-cont{}
.blog-comment-info {}
.blog-post-info-back {}
.blog-post-info {background-color: #f5f5f5; border-top: 1px solid #fff;}
/* End */
/* Start:/bitrix/components/bitrix/catalog.comments/templates/.default/themes/blue/style.css?170082686224*/
/* catalog_comments */
/* End */
/* /local/templates/main/components/bitrix/catalog/catalog/style.css?17008264401122 */
/* /local/templates/main/components/bitrix/catalog.element/main/style.css?173771339355867 */
/* /local/templates/main/components/bitrix/catalog.product.subscribe/main/style.css?17008264383483 */
/* /local/templates/main/components/bitrix/news.list/additional_services/style.css?17008264384525 */
/* /local/templates/main/components/sotbit/reviews/reviews-tab/style.css?17008264363698 */
/* /local/templates/main/components/sotbit/reviews.reviews.list/main/style.css?170082643615234 */
/* /local/templates/main/components/sotbit/reviews.reviews.list/main/css/colorbox.css?17008264364585 */
/* /local/templates/main/components/sotbit/reviews.statistics/main/style.css?17008264361772 */
/* /local/templates/main/components/sotbit/reviews.reviews.filter/main/style.css?17008264367950 */
/* /local/templates/main/components/sotbit/reviews.reviews.add/popup/style.css?170082643619813 */
/* /local/templates/main/components/sotbit/reviews/reviews-tab/css/font-awesome.min.css?170082643627470 */
/* /bitrix/components/bitrix/catalog.comments/templates/.default/style.css?17008268624569 */
/* /bitrix/components/bitrix/blog/templates/.default/style.css?170086891833777 */
/* /bitrix/components/bitrix/blog/templates/.default/themes/green/style.css?17008268841140 */
/* /bitrix/components/bitrix/catalog.comments/templates/.default/themes/blue/style.css?170082686224 */