@font-face {
    font-family: 'fontello';
    src: url('../fonts/fontello.eot?20211676');
    src: url('../fonts/fontello.eot?20211676#iefix') format('embedded-opentype'),
    url('../fonts/fontello.woff2?20211676') format('woff2'),
    url('../fonts/fontello.woff?20211676') format('woff'),
    url('../fonts/fontello.ttf?20211676') format('truetype'),
    url('../fonts/fontello.svg?20211676#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}


[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    color: white;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    

    
    font-variant: normal;
    text-transform: none;

    
    line-height: 1em;

    
    
    margin-left: .2em;

    
    

    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    
    
}


.icon-twitter:before { content: '\f099'; } 
.icon-facebook:before { content: '\f09a'; } 
.icon-vkontakte-rect:before { content: '\f30a'; } 
.icon-odnoklassniki:before { content: '\f30c'; } 



@font-face {
    font-family: 'mrsclareregular';
    src: url('../fonts/MrsClare-Black-webfont.eot');
    src: url('../fonts/MrsClare-Black-webfont.woff') format('woff'),
         url('../fonts/MrsClare-Black-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.image-wrapper i{
    font-size: 15px;
}
.image-wrapper img{
    width: 100%;
    margin: 20px auto 0 auto;
}
.product-wrapper{
    text-align: center;
}
#product-image{
    max-width: 200px;
}
.product-caption{
    text-align: center;
}
.question{
    font-weight: bold;
}
.website_link{
}
footer{
    text-align: center;
}
.b-share .b-share-btn__wrap{
    display: block;
    float: none;
    height: 40px;
    margin: 4px 0px 8px !important;
    font-size: 30px;
}
.b-share-btn__wrap a {
    display: inline-block;
    height: auto;
    padding: 0!important;
    border-radius: 3px;
}
.b-share-btn__wrap a.vk{
    background-color: #48729e;
}
.b-share-btn__wrap a.fcbk{
    background-color: #3c5a98;
}
.b-share-btn__wrap a.twtr{
    background-color: #00aced;
}
.b-share-btn__wrap a.odn{
    background-color: #ff9f4d;
}


.menu-mobile{
    display: none;
    float: right;
    margin: 0;
    height: 43px;
    overflow: hidden;
}
.menu-mobile img{
    margin-top: 6px;
}

.italic-heading{
    font-style: italic;
}
.bold-heading{
    font-weight: bold;
}
.little-title{
    margin: 35px 0 25px;
    font: normal 38px/1 mrsclareregular;
}
.text-left{
    text-align: left;
}
.text-center{
    text-align: center;
}
.img-center img{
    display: block;
    margin: 0 auto;
}
.ava-top{
    float: right;
}
.ava-top + p{
    margin-right: 180px;
}
.img-reviews img{
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 500px;
}
p.img-comment{
    margin: 10px auto !important;
}




@media all and (max-width: 1300px){
    .col-social{
        display: none;
        margin:0;
    }
}
@media all and (max-width: 750px){
    .ava-top{
        float: left;
    }
    .ava-top + p{
        margin-right: 0;
    }
    .menu-mobile{
        display: block;
    }
    body > header .top_menu{
        display: none;
    }
}
@media all and (max-width: 520px){
    
    div.title, div.date {
        display: inline-block;
    }
    article header h1{
        font-size: 27px;
        line-height: 34px;
    }
    *{
        float:none;
        max-width:100%;
    }
    .title, .date{
        display: inline-block;
    }
    .avatar{
        display: none;
    }

    .b-cmtItem .cmtHeader{
        height:35px;

    }
    .b-cmtItem .cmtHeader .title{
        padding-left: 8px;
    }
    .website_link{
    padding-left: 0px;
    }
    body > header .control_menu{
        display: none;
    }
}
@media all and (max-width: 420px){
    .b-cmtItem .comment_content{
        margin: 0 10px 0 10px;
    }
    article{
        margin: 8px auto 30px;
    }
}
@media all and (max-width: 380px){
    .ava-top{
        float: initial;
        display: block;
        margin: 0 auto 15px;
    }
}
@media all and (min-width: 520px){
    .infScrollNext{
        font-size: 36px;
    }
}