

/* Start:/local/templates/sibdroid_blog/css/normalize.css?16768884866148*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */ 
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
textarea,
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/* End */


/* Start:/local/templates/sibdroid_blog/css/main.min.css?16768884861550*/
/*! HTML5 Boilerplate v7.2.0 | MIT License | https://html5boilerplate.com/ */
html{color:#222;font-size:1em;line-height:1.4;font-family:'Roboto',sans-serif}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}fieldset,hr{border:0;padding:0}hr{display:block;height:1px;border-top:1px solid #ccc;margin:1em 0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{margin:0}textarea{resize:vertical}.browserupgrade{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}.hidden{display:none!important}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sr-only.focusable:active,.sr-only.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;white-space:inherit;width:auto}.invisible{visibility:hidden}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}@media print{*,:after,:before{background:0 0!important;color:#000!important;-webkit-box-shadow:none!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #999}thead{display:table-header-group}blockquote,img,pre,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}
/*# sourceMappingURL=main.min.css.map */

/* End */


/* Start:/local/templates/sibdroid_blog/css/style.min.css?16885492311033*/
a,body{color:#202020}body{background-color:#efefef}a{text-decoration:none}a.default-link-color{color:#fece24;text-decoration:underline}.container{max-width:715px;margin:auto}.detail-container{max-width:1020px}.grid{display:table;width:100%}.grid__row{display:table-row}.grid__cell{display:table-cell;vertical-align:top}.grid__right{text-align:right}.va-top{vertical-align:top!important}.va-middle{vertical-align:middle!important}.bg{background-repeat:no-repeat;background-position:0 0;background-size:auto}.fs-20{font-size:20px!important}.absolute{position:absolute}.fixed{position:fixed}.flex{display:flex}.flex-center{align-items:center;justify-content:center}.h-100{height:100%}.visible-sm,.visible-xs{display:none}@media (max-width:992px){.hidden-sm{display:none}.visible-sm{display:block}}@media (max-width:767px){.fs-20{font-size:14px!important}.hidden-xs{display:none}.visible-xs{display:block}}.banner_item{padding:20px 0;margin-bottom:19px;height:auto;display:block;width:auto}.banner_item img{width:100%;border-radius:10px}
/* End */


/* Start:/local/templates/sibdroid_blog/css/header.css?167688848615416*/
/* header  */

header{
    position: fixed;
    top:0;
    right: 0;
    left: 0;

    
    height: 60px;
    background: #333333; 
    padding: 0 10px;

    z-index: 9;
}

    header .grid__cell{
        vertical-align: middle;
    }

    .menu-area{
        width: 60px;
        left: 3px;
    }

        .menu-btn{
            width: 60px;
            height: 60px;

            display: flex;
            justify-content: center;
            align-items: center;

            cursor: pointer;
        }

            .menu-btn svg{
                width: 25px;
                height: 25px;
            }   

                .menu-btn svg path{
                    fill: #FFCE24;
                }

                .menu-btn:hover svg path{
                    fill: #F9F9F9;
                }

                .menu-btn.opened svg path{
                    fill: #FFFFFF;
                }

    .logo-area{
        left: 65px;
    }

        .logo{
            width: 200px;
        }

            .logo img.desktop-logo{
                width: 200px;
                /* height: 48px; */
            }

            .mobile-logo{
                display: none;
            }


    .search-cell{
        height: 60px;
    }
        .search{
            position: relative;
        }

        .search-ico{
            background-image: url('/local/templates/sibdroid_blog/css/../img/svg/new_ver/search1.svg');
            background-color: #fff;
            background-size: 20px;
            background-position: 100% 50%;

            width: 40px;
            height: 30px;

            right: 15px;
            top: 5px;
        }

        .search-ico-m{
            background-image: url('/local/templates/sibdroid_blog/css/../img/svg/new_ver/search2.svg');
            background-size: 25px;
            background-position: 100% 50%;

            width: 30px;
            height: 30px;
        }

        .search-input{
            width: calc(100% - 20px);
            height: 40px;
            border-radius: 5px;

            border: none;
            padding: 0 10px;
        }

    .msearch-area{
        right: 110px;
        top: 15px;

        cursor: pointer;
    }

    .sort{
        position: relative;
    }

        .sort-item{
            display: inline-block;
            padding: 4px 10px;
            
            border-radius: 15px;
            margin: 10px 15px 25px 0;
            cursor: pointer;
        }

            .sort-item.active{
                background: #fff;
                pointer-events: none;
                -webkit-box-shadow: 0px 1px 4px rgb(0 0 0 / 15%);
                box-shadow: 0px 1px 4px rgb(0 0 0 / 15%);
            }

            .sort-item.active.with-drop-down{
                pointer-events: visible;
                cursor: pointer;
            }

            .sort-item svg{
                fill: #333333;
                width: 12px;
                height: 10px;
                margin-left: 5px;
            }

            .top-item-list{
                display: none;
                position: absolute;
                top: 50px;
                left: 0;
                background-color: #fff;
                border-radius: 10px;
                z-index: 10;
                -webkit-box-shadow: 0px 1px 4px rgb(0 0 0 / 15%);
                box-shadow: 0px 1px 4px rgb(0 0 0 / 15%);
            }

                .top-item-list .sort-item-top{
                    display: block;
                    padding: 10px 16px;
                    border-top: 1px solid rgba(0,0,0,0.07);
                }

                    .top-item-list .sort-item-top:first-child{
                        border-top-color: transparent;
                        border-radius: 10px 10px 0 0;
                    }

                    .top-item-list .sort-item-top:last-child{
                        border-radius: 0 0 10px 10px;
                    }

                    .top-item-list .sort-item-top:hover,.top-item-list .sort-item-top.active{
                        background: #f8f8f8;
                    }

    /* .sort{
        height: 60px;
        margin-left: 30px;
        color: #F3F3F3;
        font-weight: 500;
        vertical-align: top;
    }

        .sort-item{
            position: relative;
            display: block;
            margin-right: 30px;
            border-top: 6px solid transparent;
            cursor: pointer;
            display: inline-block;
            color: #F3F3F3;
        }

            .sort-item__hide{
                display: none;
                position: absolute;
                background: #fff;
                box-shadow: 0px 0px 5px 0px #333;
                z-index: 2;
            }

            .sort-item__hide a{
                display: block;
                padding: 5px 15px;
            }

                .sort-item__hide a:hover, .sort-item__hide a.selected{
                    background: #333;
                    color: #F3F3F3;
                }

            .sort-item:last-child{
                margin-right: 0;
            }

            .sort-item.active{
                border-top-color: #FECE24;
                color: #FECE24;                
            }

            a.sort-item.active, .sort-item__hide a.selected{
                pointer-events: none;
            }

            .sort-item span{
                display: table-cell;
                height: 48px;
                vertical-align: middle;
                font-size: 14px;
            } */

                    /* .sort-item:not(.active) span:after{
                        display: none;
                    } */

            /* .asc:after, .desc:after{
                content: ' ';
                display: inline-block;

                margin-left: 15px;
                margin-bottom: 0;
                margin-right: 2px;

                width: 5px;
                height: 5px;
                
                border-right: 2px solid;
                border-bottom: 2px solid;

                transform: rotate(225deg);
            }

            .desc:after{
                transform: rotate(45deg);
                margin-bottom: 4px;
            } */


    .left-block-area{
        top: 0;
        bottom: 0;
        left: -240px;

        width: 240px;

        /* background-color: #efefef; */
        background: rgba(255, 255, 255, 0.85);
        backdrop-filter: blur(7px);

        z-index: 8;

        transition: all .2s;
    }

        .logo-block{
            background-color: #333333;
            padding: 7px 10px;
            margin-top: 15px;
            border-radius: 10px;

            display: none;
        }
            .left-menu-logo{
                width: 100%;
            }

        .left-block-area.opened{
            left: 0;
        }

        .left-block{
            padding: 60px 15px 30px 23px; 
        }

            .title-menu{
                font-weight: bold;
                padding: 15px 0;
                margin-top: 6px;
            }

            /* .body-menu{
                padding: 15px 0;
            } */

                .brand-menu{
                    max-height: 215px;
                    overflow: hidden;
                    /* scrollbar-width: thin; */
                }

                    /* .brand-menu::-webkit-scrollbar {
                        width: 14px;
                    } */

                .brand-menu.opened{
                    max-height: inherit;
                    overflow: visible;
                }

                .btn-menu{
                    display: block;

                    padding: 10px 50px 10px 40px;
                    width: 106px;
                    
                    margin-bottom: 5px;

                    border-radius: 10px;
                }

                .btn-menu.selected{
                    background-color: #FFFFFF;
                }
                .btn-menu:hover{
                    background-color: #F9F9F9;
                }

                .body-menu .list-aside__item{
                    margin-bottom: 15px;
                }

                    .body-menu .list-aside__item:last-child{
                        margin-bottom: 0;
                    }

                .more{
                   cursor: pointer;
                   align-items: center;
                   margin-top: 10px;
                }

                    .more svg{
                        width: 14px;
                        height: 14px;
                        margin: 0 15px 0 8px;
                    }

                    .more .more-up, .more.opened .more-down{
                        display: none;
                    }

                    .more.opened .more-up{
                        display: block;
                    }

        .footer-block{
            position: absolute;
            bottom: 20px;
        }

            .links{
                margin-bottom: 20px;
                justify-content: space-between;
            }

                .links a{
                    display: block;
                }

                .icon-social{
                    font-size: 0;
                }
                    .icon-social svg{
                        fill: #333333;

                        width: 30px;
                        height: 30px;
                    }

                    .icon-social:hover svg{
                        fill: #FFCE24;
                    }

    .comment-btn{
        right: -70px;
        top: 120px;

        padding: 0 60px 0 0;
    

        transform: rotate(-90deg);
        z-index: 9;

        font-weight: bold;

        cursor: pointer;
    }

        .comment-btn svg{
            width: 12px;
            height: 12px;
            margin-left: 10px;
        }

    .comment-btn-inside{
        background: #fff;
        border-radius: 10px;
        display: inline-block;
        padding: 10px 25px;
        cursor: pointer;
        margin-left: 15px;
        margin-top: 25px;
        font-weight: bold;
    }

        .comment-btn-inside svg{
            width: 12px;
            height: 12px;
            margin-left: 15px;

            transform: rotate(90deg);
        }

    .mask{
        display: none;
        position: fixed;
        top: 0;
        left:0;
        right:0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,.4);
        z-index: 8;
    }

    .right-block-area{
        top: 60px;
        bottom: 0;
        right: -400px;

        width: 400px;

        background-color: #efefef;

        z-index: 8;

        transition: all .2s;
    }

        .top-comments-box{
            position: absolute;
            height: calc(100% - 65px);
            overflow: auto;
        }
           
            .right-block-area.opened{
                right: 0;
            }

.btn{
    color:#222222;
    border-radius: 7px;
    background: #FECE24;
    padding: 5px 10px;
    font-weight: bold;
}

.btn-white{
    color:#fff;
}

    .shop-area{
        right: 120px;
    }
        .m-shop-area{
            display: none;
            right: 104px;
            top: 15px;
        }

    .login-area{
        right: 6px;
    }

    .btn__shop{
        font-size: 14px;
        padding: 12px 30px 12px 55px;

        background-image: url('/local/templates/sibdroid_blog/css/../img/svg/new_ver/buy.svg');
        background-repeat: no-repeat;
        background-size: 20px;
        background-position: 25px 50%;
    }

    .btn__mshop{
        display: block;

        background-image: url('/local/templates/sibdroid_blog/css/../img/svg/new_ver/buy2.svg');
        background-size: 31px;

        width: 31px;
        height: 30px;
    }

    .btn__login{
        font-size: 14px;
        padding: 12px 15px 12px 35px;

        background-image: url('/local/templates/sibdroid_blog/css/../img/svg/new_ver/user.svg');
        background-repeat: no-repeat;
        background-size: 25px;
        background-position: 0px 50%;
    }

    .btn__search{
        position: relative;
        display: inline-block;
        background: url(/local/templates/sibdroid_blog/css/../img/p.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 24px;
        height: 24px;

        margin: 0  0 -7px 35px;

        cursor: pointer;
    }

        .btn__search input{
            position: absolute;
            right: 30px;
            top:-2px;
            height: 30px;

            width: 0px;
            padding: 0;
            border:none;

            border-radius: 15px;

            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }

        .btn__search:hover input, .btn__search input:focus, .btn__search input:hover{
            width: 200px;
            padding-left:10px;
            border:1px solid #222222;
        }

      

@media (max-height: 940px){

    .more{
        display: none;
    }

    .brand-menu{
        overflow-x: hidden;
        overflow-y: auto;
        max-height: inherit;
    }
}

@media (max-width: 1919px){
    .right-block-area.detail-page{
        width: 260px;
    }
}

@media (max-width: 1555px){
    .right-block-area{
        right: -260px;
        width: 260px;
    }
}

@media (max-width: 1280px){
    .right-block-area{
        display: none;
    }
    .comment-btn{
        display: none;
    }
}

@media (max-width: 1275px){
    .search{
        width: 400px;
        margin: auto;
    }
}

@media (max-width: 992px){
    .shop-area{
        right: 155px;
    }
}



@media (max-width: 767px){
   
    /* .sort{
        font-size: 14px;
        margin-left: 15px;
    }

        .sort-item{
            margin-right: 15px;
        } */

    .sort-block{
        background: #fff;
        padding: 15px 15px 0 15px;
    }

    .sort{
        display: flex;
        justify-content: space-around;
        border-radius: 15px;
        background-color: #EFEFEF;
        padding: 2px;
    }

        .sort-item{
            margin: 0;
            width: 50%;
            text-align: center;
        }

    .btn__search{
        margin-left: 10px;
    }

    .top-item-list{
        top:40px;
        width: 50%;
        text-align: center;
    }
}

@media (max-width: 575px){

    header{
        height: 60px;
    }

    .logo{
        width: 50px;
    }
        .logo img.desktop-logo{
            display: none;
        }

        .mobile-logo{
            display: block;
            width: 42px;
        }

    /* .sort{
        font-size: 12px;
    }

    .sort-item span{
        height: 48px;
    } */
   
   /*  .asc:after, .desc:after{
        margin-left: 8px;
    } */

    /* .btn__shop{
        font-size: 12px;
        margin-top: 17px;
    } */
}

@media (max-width: 480px){
    
        
    /* .sort{
        margin-left: 10px;
    }

    .sort-item{
        margin-right: 5px;
    } */

    .msearch-area{
        right: 60px;
    }

    .shop-area{
        right: 105px;
    }

    .btn__login{
        width: 30px;
        height: 30px;
        padding: 0 7px 0 0;
    }
        .btn__login span{
            display: none;
        }
    
}

@media(max-width: 385px){
    /* .shop-area{
        display: none;
    }
    .m-shop-area{
        display: block;
    } */

    .logo{
        display: none;
    }

   /*  .logo-block{
        display: block;
    } */

    .btn-menu{
        padding: 5px 15px 4px 40px;
    }
}

@media(max-width:360px){

    /* .sort-item span{
        font-size: 11px;
    } */

    /* .btn__shop{
        margin-top: 14px;
        margin-left: 0px;
    } */
   
}
/* End */


/* Start:/local/templates/sibdroid_blog/css/body.min.css?167688848616883*/
main{margin-top:75px;margin-bottom:3px;padding:0 10px}main.menu-opened{padding-left:220px}main.comments-opened{padding-right:400px}.mobile-menu,.to-up-arrow.hide{display:none}.content{width:100%}.to-up-arrow{position:fixed;opacity:.5;z-index:999;top:auto;bottom:20px;width:112px;height:38px;background:url(/local/templates/sibdroid_blog/css/../img/svg/new_ver/up1.svg) no-repeat;background-size:contain;cursor:pointer}.to-up-arrow.upper,.to-up-arrow:hover{opacity:1}.loading{opacity:.4;pointer-events:none}.load-list-block{display:none;text-align:center;padding:10px;background:#fff;width:32px;border-radius:50%;margin:auto auto 15px}.aside__block{background-color:#fff;margin-bottom:10px;padding:17px;position:relative}.aside__block_head{font-weight:700}.aside__block_body{margin-top:10px}.aside__block_body__menu{display:table;width:100%}.list-aside{display:table-cell;vertical-align:top;border-right:1px solid #dadada;width:calc(100%/2)}.list-aside:last-child{border:0;padding-left:20px}.list-aside__item{display:block;margin-bottom:5px}.list-aside__item.selected,.list-aside__item:hover{color:#fece24}.list-aside__item.selected{pointer-events:none}.list-aside__item img{width:30px;height:30px;margin-right:10px}.top-comment{margin:15px 15px 25px}.top-comment__likes{position:absolute;top:20px;right:20px;padding:6px 10px 4px 32px;background-color:#52ac62;border-radius:10px;color:#fff;font-size:16px;line-height:16px}.top-comment__likes:before{display:block;content:'';width:16px;height:16px;background-image:url(/local/templates/sibdroid_blog/css/../img/toplikes.png);background-repeat:no-repeat;background-size:contain;position:absolute;left:10px;top:6px}.top-comment__author,.top-news__item{display:table;width:100%}.top-comment__author>div,.top-news__item>div{display:table-cell;vertical-align:top}.top-comment__author_photo,.top-news__item_pic{width:40px}.top-comment__author_photo img,.top-news__item_pic img{max-width:100%;border-radius:50%}.top-comment__author_inf{padding-left:10px;font-size:14px}.comment__author_inf-block{display:-webkit-box;display:-ms-flexbox;display:flex;height:40px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.top-comment__author_name{font-weight:700}.top-comment__author_time{color:#8b8b8b}.top-comment__text{margin:10px 0;word-break:break-all;max-height:70px;overflow:hidden}.top-comment__link a,.top-comment__link:before{color:#202020;font-weight:700}.top-comment__link:before{content:'В статье: ';text-decoration:none}.top-comment__link a:hover{color:#5b7eae}.top-news__item{border-bottom:1px solid #dadada;padding:10px 0;cursor:default}.top-news__item:first-child{padding-top:0}.top-news__item:last-child{border:0;padding-bottom:0}.top-news__item_pic{vertical-align:middle!important}.top-news__item_inf{padding-left:10px}.top-news__item_name a:hover{color:#fece24}.top-news__item_comments{display:inline-block;vertical-align:middle;font-size:14px;color:#8b8b8b;margin-top:5px}.top-news__item_comments span,.top-news__item_comments svg{display:table-cell;vertical-align:middle}.top-news__item_comments svg{height:15px;width:16px;fill:#8b8b8b}.top-news__item_comments span{padding-left:5px;line-height:16px}.fly-block-mobile{display:none}.fly-block{width:50px;top:50%;margin-top:-220px}.flylike-block{position:relative;text-align:center}.flylike-block svg{width:15px;height:15px;margin:15px 0}.flylike-block img{width:25px;height:25px}.flylikes-count{position:absolute;width:30px;top:50%;margin-top:-15px;right:-35px;font-size:20px;font-weight:700}.fly-block-item{width:100%;min-height:50px;background-color:#fff;color:#222;margin-bottom:20px;border-radius:10px;-webkit-box-shadow:0 0 7px 0 rgb(0 0 0/10%);box-shadow:0 0 7px 0 rgb(0 0 0/10%)}.flylike{cursor:pointer}.flylike svg{fill:#8b8b8b}.flycomment-block:hover svg,.flylike:hover svg,.flysocial-block-item a:hover svg{fill:#ffce24}.flysocial-block-item{padding:15px 0}.flycomment-block{cursor:pointer;font-size:14px}.flycomment-block a{width:60px;height:50px;color:#fff}.flycomment-block a:hover{color:#333}.flycomment-block svg,.flysocial-block-item svg{fill:#333;width:30px;height:30px}.blog__item{background-color:#fff;padding:20px;margin-bottom:19px;border-radius:10px}.detail-container .blog__item{padding:20px 0}.blog-detail-text{max-width:680px;margin:auto}.blog__item img,.blog__item_prevpic img{max-width:100%}.blog__item_headline{margin-bottom:10px;position:relative}.blog__item_headline__brand{display:inline-block;background-color:#fece24;padding:1px 15px;font-size:14px;border-radius:15px;margin-right:7px}.blog__item_headline__date{display:inline-block;font-size:14px;color:#8b8b8b;height:21px;line-height:25px}.counter-block{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;top:0;right:0;font-size:14px;color:#484848}.counter-block>div:first-child{margin-right:15px}.counter-block svg{width:20px;height:20px;fill:#d0d0d0;margin-right:5px}.blog__item_head{font-size:36px;line-height:1.3em;word-wrap:break-word;margin-top:14px;margin-bottom:15px}.blog__item_head h2{margin:inherit;font-size:inherit;cursor:pointer}h1.blog__item_head{margin:inherit}.blog-detail .blog__item_head{margin-bottom:0}.blog-detail .blog__item_interest .blog__item_head{margin-bottom:40px;margin-top:0}.blog-detail .blog__item_prevdescr{margin-bottom:10px;font-size:18px}.blog-list .blog__item_head{font-size:25px}.blog-list .blog__item_prevdescr{line-height:1.6}.blog__item_prevpic{max-width:100%;margin:10px 0;text-align:center}.blog__item_zen{display:table;position:relative;width:100%;height:88px;margin-bottom:10px;background:#fff;background:-webkit-gradient(left top,right top,color-stop(0%,#fff),color-stop(30%,rgba(255,255,255,.98)),color-stop(100%,rgba(253,168,168,.94)));background:-o-linear-gradient(left,#fff 0,rgba(255,255,255,.98) 30%,rgba(253,168,168,.94) 100%);background:-webkit-gradient(linear,left top,right top,from(#fff),color-stop(30%,rgba(255,255,255,.98)),to(rgba(253,168,168,.94)));background:linear-gradient(to right,#fff 0,rgba(255,255,255,.98) 30%,rgba(253,168,168,.94) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fda8a8', GradientType=1 )}.blog__item_zen:before{position:absolute;top:0;left:0;display:block;content:'';height:88px;width:88px;background-repeat:no-repeat;background-size:auto;background-image:url(/local/templates/sibdroid_blog/css/../img/zen.png)}.blog__item_zen .zen-text{display:table-cell;vertical-align:middle;font-size:18px;font-weight:700;padding-left:108px;padding-right:15px}.red-text{color:red}.blog__item_rate{display:table;margin-bottom:10px}.blog__item_rate__text,.emoji{display:table-cell;vertical-align:middle}.blog__item_share a,.emoji span{display:inline-block;cursor:pointer}.emoji span{height:34px;width:34px;background-size:contain;margin-right:5px}.e1{background-image:url(/local/templates/sibdroid_blog/css/../img/emoji/like.png)}.e2{background-image:url(/local/templates/sibdroid_blog/css/../img/emoji/smile.png)}.e3{background-image:url(/local/templates/sibdroid_blog/css/../img/emoji/wow.png)}.e4{background-image:url(/local/templates/sibdroid_blog/css/../img/emoji/boring.png)}.e5{background-image:url(/local/templates/sibdroid_blog/css/../img/emoji/cry.png)}.e6{background-image:url(/local/templates/sibdroid_blog/css/../img/emoji/angry.png)}.e7{background-image:url(/local/templates/sibdroid_blog/css/../img/emoji/dislike.png)}.blog__item_footerline,.blog__item_share{display:-webkit-box;display:-ms-flexbox;display:flex}.blog__item_footerline{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;margin-top:15px}.blog__item_footerline>div{vertical-align:middle}.blog__item_share{padding-left:0!important;border-right:1px solid #c2c2c2}.blog__item_share a{margin-right:20px}.blog__item_share a svg{fill:#333;height:32px;width:32px}.blog__item_share a svg.fb_svg{width:15px}.blog__item_share a svg.tw_svg{width:34px}.blog__item_share a svg.vk_svg{width:42px}.blog__item_share a:hover svg{fill:#ffce24}.blog__item_comfav{display:inline-block;vertical-align:middle;cursor:pointer;line-height:14px}.blog__item_comfav>div{display:inline-block;font-size:14px;color:#8b8b8b}.blog__item_comfav .grid>span,.blog__item_comfav .grid>svg{height:18px;line-height:19px;display:table-cell;vertical-align:middle;font-size:16px;color:#8b8b8b}.blog__item_comfav .grid>svg{width:20px;padding-right:5px;fill:#c2c2c2}.blog__item_comfav>div:hover svg{fill:#fece24}.blog__item_footerline__comments{margin-right:10px}.blog__item_fleft{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:275px}.blog__item_fright{text-align:right}.blog__item_fright>div{display:-webkit-box;display:-ms-flexbox;display:flex}.blog__item__tags{font-weight:700;margin-bottom:10px}.blog__item__tags a{padding-right:3px}.blog__item_fright__likes{cursor:default}.like-block svg{width:19px;height:16px;fill:#8d8d8d;margin-right:7px}.likes__count{color:#5d5d5d}.positive .like-block svg{fill:#50ac63}.negative .like-block svg{fill:#a85c5e}.likes__rate{display:inline-block;cursor:pointer}.likes__rate svg{width:12px;height:8px;fill:#5d5d5d}.comment_footer__icon:hover svg,.likes__rate:hover svg{fill:#fece24}.likes__up{margin-left:15px}.likes__down{margin-right:15px}.likes__count:not(.top-comment__likes){position:relative;border-radius:10px;font-size:16px;line-height:16px}.likes__count:not(.top-comment__likes):before{display:block;content:'';width:16px;height:13px;background-repeat:no-repeat;background-size:contain;position:absolute;left:9px;top:6px}.blog__item__comment{background:#fff;padding:0 20px 20px;margin-bottom:20px;border-radius:10px}.sort-comments{vertical-align:middle;font-size:16px;font-weight:400;height:54px}.sort-comments__item{margin-right:25px;border-top:4px solid transparent;cursor:pointer;display:inline-block}.sort-comments__item:last-child{margin-right:0}.sort-comments__item.active{font-weight:700;border-top-color:#fece24}.sort-comments__item span{display:table-cell;vertical-align:middle;height:48px}.blog__item__comment_add{position:relative}.blog__item__comment_add textarea{resize:none;overflow:hidden;width:100%;border:1px solid #d9d9d9;border-radius:5px;padding:10px;min-height:42px;height:42px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.blog__item__comment_add textarea::-webkit-input-placeholder{color:#d9d9d9}.blog__item__comment_add textarea::-moz-placeholder{color:#d9d9d9}.blog__item__comment_add textarea:-ms-input-placeholder{color:#d9d9d9}.blog__item__comment_add textarea::-ms-input-placeholder{color:#d9d9d9}.blog__item__comment_add textarea::placeholder{color:#d9d9d9}.blog__item__comment_add.opened textarea{height:auto;overflow:hidden}.blog__item__comment_add__files{position:absolute;top:4px;right:7px}.blog__item__comment_add.opened .blog__item__comment_add__files{top:auto;bottom:8px;right:10px}.blog__item__comment_add.edit_comment{margin-top:10px;display:none}.blog__item__comment_add__files>span{display:inline-block;background-image:url(/local/templates/sibdroid_blog/css/../img/media.png);width:32px;height:32px;cursor:pointer;border-radius:50%;border:1px solid transparent}.blog__item__comment_add__files>span:hover{border-color:#fece24}.img-add{margin-right:5px}.video-add{background-position-x:-32px}.btn-add-comment{display:none;cursor:pointer}.btn-add-comment:hover{-webkit-box-shadow:0 0 2px 0 #222;box-shadow:0 0 2px 0 #222}.blog__item__comment_add.opened .btn-add-comment{display:inline-block;position:absolute;left:12px;bottom:16px}.blog__item__comment_more{margin-top:10px;font-size:14px;text-decoration:underline;color:#00f;cursor:pointer}.comment_body{margin:5px 0;word-break:break-all}.comment_footer,.comment_settings{color:#8b8b8b;font-size:14px;cursor:pointer}.comment_settings{margin-top:10px}.comment_footer>span{display:inline-block;cursor:pointer}.comment_footer__ans{margin-right:10px}.comment_footer__ans:hover,.comment_settings:hover{color:#fece24}.comment_footer__ans_node{margin-top:10px}.comment_footer__icon{width:16px;height:16px;fill:#8b8b8b}.comment_footer__icon svg{width:16px;height:19px}.fav{margin-right:7px}.comment_child{padding-left:30px;border-left:1px solid #c4c4c4}.comment{margin-top:15px;cursor:default;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}.comment.new{padding:15px;opacity:0}.paging-list__link{width:32px;height:32px;border-radius:50%;font-size:16px;background-color:#fff;border:1px solid #dedede;color:#464646;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:'Roboto',sans-serif}.paging-list__item .paging-list__link:hover,.paging-list__item.active .paging-list__link{background-color:#464646;border-color:#464646;color:#fff}.paging-list,.paging-list__item,.paging-list__link{display:-webkit-box;display:-ms-flexbox;display:flex}.paging-list__item{margin-right:10px}.paging-list{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-bottom:20px}.paging-list__item.paging-last{margin-right:0}.arrow-paging{position:relative}.arrow-paging:before{display:inline-block;font:12px/50px 'icons';text-rendering:auto;text-align:center;margin-left:2px;color:#333;font-weight:700}.paging-next .arrow-paging:before{content:"\e924"}.paging-prev .arrow-paging:before{content:"\e923"}.paging-list__item .paging-list__link:hover .arrow-paging:before{color:#fff}.alert-modal__title{font-size:26px;text-align:center}.alert-modal__body{text-align:center;margin:30px 0}.alert-modal__footer a{font-weight:700;padding:15px 20px;font-size:24px;display:block;max-width:50%;margin:auto}.to-up-arrow{display:none}@media (max-width:1919px){.fly-block{display:none}.detail-page .comment__author_inf-block{display:block}main.detail-page.comments-opened{padding-right:260px}}@media (max-width:1555px){.comment__author_inf-block{display:block}.blog-detail-text{max-width:600px}main.comments-opened{padding-right:260px}.detail-container{max-width:775px}}@media (max-width:1280px){main.comments-opened,main.detail-page.comments-opened{padding-right:0}}@media (max-width:1199px){.content{width:calc(100% - 380px)}aside{width:380px}}@media (max-width:991px){.content{width:calc(100% - 320px)}.blog__item_zen{height:60px}.blog__item_zen:before{width:60px;height:60px;background-size:contain}.blog__item_zen .zen-text{padding-left:80px;font-size:14px}.blog__item_share{display:block}.emoji span{width:24px;height:24px}aside{width:320px}.blog__item{padding-top:15px}.aside__block{padding:15px}.top-comment__likes{top:15px;right:15px}.list-aside:last-child{padding-left:10px}.icon-social{margin-right:5px}}@media (max-width:860px){main{padding-right:0}}@media (max-width:767px){main{padding:0;margin-top:60px}.main.grid,.mobile-menu{display:block}.grid__cell.content{display:block;width:100%;padding:0}aside.grid__cell{width:100%;display:none}.blog__item{padding:15px}.sort-comments{font-size:12px}.sort-comments__item{margin-right:5px}.comment_child{padding-left:10px}.blog__item_headline__date{top:3px}.blog-detail .blog__item_footerline,.time-item{display:none}.counter-block{top:2px}.blog__item_rate__text{font-size:12px}.detail-container .blog__item__comment{padding:15px;border-radius:0}.blog__item{border-radius:0}.detail-container .blog__item{padding:15px}.detail-container .blog__item.blog__item_interest{padding:15px 0}.blog-detail .blog__item_interest .blog__item_head{padding-left:15px}.emoji span{margin-right:3px}.blog__item_share{width:170px}.blog__item_share a{width:32px;height:32px}.blog__item_fright__likes{margin:0}.fly-block-mobile,.fly-block-mobile .like-area{display:-webkit-box;display:-ms-flexbox;display:flex}.fly-block-mobile{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:center;-ms-flex-align:center;align-items:center;bottom:0;width:100%;padding:10px 0;z-index:7;background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);-webkit-box-shadow:0 0 10px 0 rgb(0 0 0/15%);box-shadow:0 0 10px 0 rgb(0 0 0/15%)}.fly-block-mobile svg{width:40px;height:40px;fill:#333}.fly-block-mobile .like-area{position:relative}.fly-block-mobile .comments-area{position:relative}.fly-block-mobile .comments-area a{width:100%;height:100%;top:0;color:#fff;font-weight:700}.fly-block-mobile .flylike,.fly-block-mobile .flylikes-count{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.fly-block-mobile .flylikes-count{margin-top:0;top:0;left:0;width:100%;height:100%;color:#fff;font-size:1em;font-weight:700}.fly-block-mobile .flylike{position:relative;z-index:10}.fly-block-mobile .main-like{margin:0 10px}.emoji span,.fly-block-mobile .flylike svg{width:20px;height:20px}}@media (max-width:479px){.to-up-arrow{background-image:url(/local/templates/sibdroid_blog/css/../img/svg/new_ver/up2.svg);width:64px;height:64px;right:20px;bottom:75px;display:block}}
/*# sourceMappingURL=body.min.css.map */

/* End */


/* Start:/local/templates/sibdroid_blog/css/footer.css?16768884862996*/
footer{
    height: 170px;
    background: #333333;
    padding: 20px 10px 0;
}

.mobile-contacts{
    display: none;
}
 
.footer__logo img{
    width: 240px;
}

.footer__description{
    color: #f3f3f3;
    margin-top: 10px;
}

    .footer__description_text{
        line-height: 22px;
        font-size: 16px;
        max-width: 240px;
    }

    .footer__description_copyritghts{
        margin-top: 10px;
        font-size: 14px;
    }

.footer__contacts{
    color: #f3f3f3;
    text-align: left;
    width: 192px;
    float: right;
}

    .footer__contacts_head{
        font-weight: bold;
    }

    .footer__contacts_contacts{
        margin-top: 10px;
    }

        .icon-footer{
            height: 29px; 
            padding-left: 45px;
            padding-top: 7px;
            background-image: url(/local/templates/sibdroid_blog/css/../img/footer-sprite.png);
            margin-bottom: 5px;
        }
            .icon-mail{
                background-position-y: 0;
            }
            .icon-phone{
                background-position-y: -36px;
            }
            .icon-site{
                background-position-y: -72px;
            }

            .icon-footer a{
                color: #EDEDED;
            }

    .modal_content__tab_content{
        display: none;
    }

    .modal_content__tab_content.active{
        display: block;
    }

    .modal_content__tab_content form{
        max-width: 240px;
        margin: auto;
        text-align: center;
    }

    .modal_content__tab_content fieldset{
        margin-bottom: 10px;
    }

    .modal_content__tab_content fieldset input{
        padding: 10px;
        border: 1px solid #EDEDED;
        font-size: 14px;
        width: 100%;
    }

    .modal_content__tab{
        padding: 10px;
        text-align: center;
        background: #EDEDED;
        cursor: pointer;
    }

    .modal_content__tab.active, .modal_content__tab:hover{
        background: #FECE24;
    }

@media(max-width:767px){

    footer{
        height: auto;
        padding-bottom: 20px;
    }

        .mobile-contacts{
            display: block;
        }
        footer .grid{
            display: block;
            text-align: center;
        }

        .grid__cell.footer__logo{
            display: block;
            width: 100%;
        }

            .footer__logo img{
                width: 210px;
            }

            .footer__description_text{
                max-width: 100%;
                text-align: center;
            }

            .footer__description_text > div{
                display: inline;
            }

        .footer_right{
            display: none;
        }

            .footer__contacts_head{
                display: none;
            }

            .icon-footer{
                display: block;
                width: 119px;
                margin: auto;
                margin-bottom: 7px;
                text-align: left;
            }    

    .footer__description_copyritghts{
        margin-top: 20px;
    }
}
/* End */


/* Start:/local/templates/sibdroid_blog/css/vendor/jquery.modal.css?16768884862266*/
.blocker {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  width: 100%; height: 100%;
  overflow: auto;
  z-index: 1;
  padding: 20px;
  box-sizing: border-box;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.2);
  text-align: center;
}
.blocker:before{
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.05em;
}
.blocker.behind {
  background-color: transparent;
}
.modal {
  display: none;
  vertical-align: middle;
  position: relative;
  z-index: 2;
  max-width: 500px;
  box-sizing: border-box;
  width: 90%;
  background: #fff;
  padding: 30px;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 10px #000;
  -moz-box-shadow: 0 0 10px #000;
  -o-box-shadow: 0 0 10px #000;
  -ms-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
  text-align: left;
}

.modal a.close-modal {
  position: absolute;
  top: -12.5px;
  right: -12.5px;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  border-radius: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("/local/templates/sibdroid_blog/img/close_modal.png");

}

.modal-spinner {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  padding: 12px 16px;
  border-radius: 5px;
  background-color: #111;
  height: 20px;
}

.modal-spinner > div {
  border-radius: 100px;
  background-color: #fff;
  height: 20px;
  width: 2px;
  margin: 0 1px;
  display: inline-block;

  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.modal-spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.modal-spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.modal-spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.5) }
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
  }  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

/* End */
/* /local/templates/sibdroid_blog/css/normalize.css?16768884866148 */
/* /local/templates/sibdroid_blog/css/main.min.css?16768884861550 */
/* /local/templates/sibdroid_blog/css/style.min.css?16885492311033 */
/* /local/templates/sibdroid_blog/css/header.css?167688848615416 */
/* /local/templates/sibdroid_blog/css/body.min.css?167688848616883 */
/* /local/templates/sibdroid_blog/css/footer.css?16768884862996 */
/* /local/templates/sibdroid_blog/css/vendor/jquery.modal.css?16768884862266 */
