::-webkit-input-placeholder {
    color: #999;
    font:13px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
    font-style: italic;
}
:-moz-placeholder {
    color: #999;
    font:13px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
    font-style: italic;
}
.placeholder {
    color: #999;
    font:13px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
    font-style: italic;
}

.s_but{padding:3px 15px 3px 15px;}

.submit3 {
    width: 120px;
    height: 26px;
    padding: 0 0 2px;
    font: 14px "Trebuchet MS", Tahoma, Arial, sans-serif;
    outline: none;
    position: relative;
    cursor: pointer;
    border-radius: 3px;
    color: #555;
    border: 1px solid #BBB;
    border-top: 1px solid #D0D0D0;
    border-bottom: 1px solid #A5A5A5;
    text-shadow: 1px 1px #FAFAFA;
    box-shadow:
        inset 0 1px #F5F5F5,
        inset 1px 0 #EDEDED,
        inset -1px 0 #EDEDED,
        inset 0 -1px #E7E7E7,
        0 2px #B2B1B1,
        0 3px #A5A5A5,
        0 4px 2px rgba(0,0,0,0.4)
    ;
    background: -moz-linear-gradient(top,  #eeeeee 0%, #e2e2e2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #eeeeee 0%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #eeeeee 0%,#e2e2e2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #eeeeee 0%,#e2e2e2 100%); /* IE10+ */
    background: linear-gradient(top,  #eeeeee 0%,#e2e2e2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */
    background-color: #E8E8E8;
}
.submit3::-moz-focus-inner{border:0}
.submit3:hover {
    border-top: 1px solid #C2C2C2;
    box-shadow:
        inset 0 1px #EFEFEF,
        inset 1px 0 #EDEDED,
        inset -1px 0 #EDEDED,
        inset 0 -1px #EDEDED,
        0 2px #B2B1B1,
        0 3px #A5A5A5,
        0 4px 2px rgba(0,0,0,0.4)
    ;
    background: -moz-linear-gradient(top,  #e4e4e4 0%, #e9e9e9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e4e4), color-stop(100%,#e9e9e9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e4e4e4 0%,#e9e9e9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e4e4e4 0%,#e9e9e9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e4e4e4 0%,#e9e9e9 100%); /* IE10+ */
    background: linear-gradient(top,  #e4e4e4 0%,#e9e9e9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */
    background-color: #E8E8E8;
}      
.submit3:active {
    top: 3px;
    border: 1px solid #B9B9B9;
    border-top: 1px solid #959595;
    border-bottom: 1px solid #CACACA;
    background: #E3E3E3;
    box-shadow: inset 0 1px 2px #B9B9B9;
}

.submit2 {
    width: 150px;
    height: 32px;
    padding: 0 0 2px;
    font: 14px "Trebuchet MS", Tahoma, Arial, sans-serif;
    outline: none;
    position: relative;
    cursor: pointer;
    border-radius: 3px;
    color: #42788E;
    text-shadow: 1px 1px #B6E6F9;
    border: 1px solid #60A7C1;
    border-top: 1px solid #8CC5D9;
    border-bottom: 1px solid #4191B0;
    box-shadow:
        inset 0 1px #CDEFFB,
        inset 1px 0 #A8E2F8,
        inset -1px 0 #A8E2F8,
        inset 0 -1px #8DD9F5,
        0 2px #589CB6,
        0 3px #4E8AA1,
        0 4px 2px rgba(0,0,0,0.4)
    ;
    background: -moz-linear-gradient(top,  #abe4f8 0%, #74d0f4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#abe4f8), color-stop(100%,#74d0f4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #abe4f8 0%,#74d0f4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #abe4f8 0%,#74d0f4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #abe4f8 0%,#74d0f4 100%); /* IE10+ */
    background: linear-gradient(top,  #abe4f8 0%,#74d0f4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abe4f8', endColorstr='#74d0f4',GradientType=0 ); /* IE6-9 */
    background-color: #8CD8F6;
}
.submit2::-moz-focus-inner{border:0}
.submit2:hover {
    border-top: 1px solid #79ACBE;
    box-shadow:
        inset 0 1px #B2E6F8,
        inset 1px 0 #A8E2F8,
        inset -1px 0 #A8E2F8,
        inset 0 -1px #A8E2F8,
        0 2px #589CB6,
        0 3px #4E8AA1,
        0 4px 2px rgba(0,0,0,0.4)
    ;
    background: -moz-linear-gradient(top,  #80d4f5 0%, #92dbf6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#80d4f5), color-stop(100%,#92dbf6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #80d4f5 0%,#92dbf6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #80d4f5 0%,#92dbf6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #80d4f5 0%,#92dbf6 100%); /* IE10+ */
    background: linear-gradient(top,  #80d4f5 0%,#92dbf6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80d4f5', endColorstr='#92dbf6',GradientType=0 ); /* IE6-9 */
    background-color: #8CD8F6;
}
.submit2:active {
    top: 3px;
    border: 1px solid #72AFC5;
    border-top: 1px solid #5C8D9F;
    border-bottom: 1px solid #7DBFD8;
    background: #8CD6F3;
    box-shadow: inset 0 1px 2px #50A5C5;
}


.submit {
    width: 150px;
    height: 32px;
    padding: 0 0 2px;
    font: 14px "Trebuchet MS", Tahoma, Arial, sans-serif;
    outline: none;
    position: relative;
    cursor: pointer;
    border-radius: 3px;
    color: #5D7731;
    text-shadow: 1px 1px #D0E5A4;
    border: 1px solid #89A94D;
    border-top: 1px solid #AAD063;
    border-bottom: 1px solid #6D883B;
    box-shadow:
        inset 0 1px #E0EEB6,
        inset 1px 0 #C6E08D,
        inset -1px 0 #C6E08D,
        inset 0 -1px #B4D579,
        0 2px #799545,
        0 3px #6D883B,
        0 4px 2px rgba(0,0,0,0.4)
    ;
    background: -moz-linear-gradient(top,  #cae285 0%, #a3cd5a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cae285), color-stop(100%,#a3cd5a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #cae285 0%,#a3cd5a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #cae285 0%,#a3cd5a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #cae285 0%,#a3cd5a 100%); /* IE10+ */
    background: linear-gradient(top,  #cae285 0%,#a3cd5a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cae285', endColorstr='#a3cd5a',GradientType=0 ); /* IE6-9 */
    background-color: #B6D76F;
}
.submit::-moz-focus-inner{border:0}
.submit:hover {
    border-top: 1px solid #98B85B;
    box-shadow:
        inset 0 1px #CCE3A1,
        inset 1px 0 #C6E08D,
        inset -1px 0 #C6E08D,
        inset 0 -1px #C7E18E,
        0 2px #799545,
        0 3px #6D883B,
        0 4px 2px rgba(0,0,0,0.4)
    ;
    background: -moz-linear-gradient(top,  #abd164 0%, #b9d972 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#abd164), color-stop(100%,#b9d972)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #abd164 0%,#b9d972 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #abd164 0%,#b9d972 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #abd164 0%,#b9d972 100%); /* IE10+ */
    background: linear-gradient(top,  #abd164 0%,#b9d972 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abd164', endColorstr='#b9d972',GradientType=0 ); /* IE6-9 */
    background-color: #B6D76F;
}
.submit:active {
    top: 3px;
    border: 1px solid #88A84E;
    border-top: 1px solid #6E883F;
    border-bottom: 1px solid #95B855;
    background: #A7CF5F;
    box-shadow: inset 0 1px 2px #779441;
}


/*popup_block*/

        
        
             .popup_block{
                display: none;
                float: left;
                position: absolute;
                /*top: 50%;*/ 
                left: 50%;
                z-index: 99999;
                border:3px solid #9a9a9a;
                -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
                background:#fff;
                padding-bottom:13px;
                color: #5E5E5E; font-family: Tahoma; font-size: 13px; 
                text-align: center;}
                
            
            .popup_block a.close:link ,
            .popup_block a.close:visited  
            {  
                display:block;
            
                font-size:11px;
                font-weight:bold;
            
                position:absolute;
                top:8px;
                right:15px;
                text-decoration:none;
                width:19px;
                height:19px;
            }
        
            
            *html #fade {
                position: absolute;
            }
            
            *html .popup_block {
                position: absolute;
            }
            #popupcontent{margin-top: 10px; margin-bottom: 20px; color: #5E5E5E; font-family: Tahoma; font-size: 13px; }
            #popupcontent span{color: #5E5E5E; font-family: Tahoma; font-size: 15px; font-weight: bold;}
            #popupheader{width:133px; background: url(img/logo_small.png) no-repeat; height:29px; margin-left:10px; margin-top:5px;}
/*END OF POPUP*/

.clr{clear:both;}

img{border:0px;}


.page_h{border-bottom:1px solid #e1e1e1/*#67c467*/;padding: 0px 0px 5px 0px; margin-bottom:10px; margin-top:10px; font-weight: bold; font-size: 14px;}



hr{color: #e1e1e1; 
    background-color:#e1e1e1;
    border:0px none;
    height:1px;
    width:100%;}

.text_f{
padding: 5px;
        font-size: 14px;
        text-shadow: 0px 1px 0px #fff;
        outline: none;
        background: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#ffffff));
        background: -moz-linear-gradient(top,  #e9e9e9,  #ffffff);
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        border: 1px solid #aaaaaa;
}


.good_text{
padding: 4px;
        font-size: 13px;
        text-shadow: 0px 1px 0px #fff;
        outline: none;
        background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#ffffff));
        background: -moz-linear-gradient(top,  #f9f9f9,  #ffffff);
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        border: 1px solid #aaaaaa;
}


.good_button {
        padding: 5px 10px 5px 10px;
        font-size: 14px;
        background-color:#67c467;
        color: #065c06;
        /*font-weight: bold;*/
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        border: 1px solid #27ca06;
        cursor: pointer;
        cursor: hand;
}

.good_button:hover {
        background-color:#24d224;
        border: 1px solid #059605;
}

.last-news-block .full-version{
    margin-top:10px;
}
.last-news-block .art_cont .name{
    margin-bottom: 10px;
}
.last-news-block .art_cont{
    float:left;
    width:385px;
}

 


.user_skype{color:#00acd7; font-family: Tahoma; font-size: 13px;  font-weight: normal;
background: url('img/skype_icon.jpg') 0px 0px no-repeat; padding-left:20px; height:16px;}

.user_phone{color:#010101; font-family: Tahoma; font-size: 13px; background: url('img/phone_icon.jpg') 0px 0px no-repeat; padding-left:15px;}



/*КОНЕЦ того что есть в style.css*/


header{display: block; margin: 0 auto; width:1002px; position:relative;}
aside{float:left;width:220px; margin-right: 10px;}
article{float:left;width:770px; }
footer{display: block; margin: 0 auto; width:970px; margin-top:10px; position:relative;}
#foot .shop-sb-cont{
    top:7px;
    right:10px;
}


#macro_panel{
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-bottom-right-radius: 6px;
-moz-border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
height:20px;
padding:4px 10px 4px 10px;
background-color: #fff;
color: #6e6e6e;
}

#macro_panel a:link,
#macro_panel a:visited{color: #6363fb; font-family: Tahoma; font-size: 13px;  text-decoration: underline;}
#macro_panel a:hover {text-decoration:none;}

#macro_panel #l{float:left; width:400px;}
#macro_panel #r{float:right; width:580px; text-align: right;}



.inv
{float:right; padding-right:20px;}

.kabinet{
    background-image: url('img/kabinet.png'); background-repeat:  no-repeat; background-position: 0px 0px;
    padding-left:20px;
    margin-right:0px;
    text-align:left;
    width:80px;
    float:right;
}
.site{
    background-image: url('img/star.png'); 
    background-repeat:  no-repeat; 
    background-position: 0px 0px;
    padding-left:18px;
    margin-right:0px;
    text-align:left;
    width:80px;
    float:right;
}

.si_punkt_block .name{
    width:100%!important;
}
.si_punkt_block .data{
    margin:10px 0 0 10px;
    width:100%!important;
}



.testimonials-list{
    list-style: none;
    margin:20px 0 0 0;
    padding:0;    
}
.testimonials-list li{
    margin:0 0 25px 0;
    border-bottom:1px solid #d4d4d4;
    padding:0 0 25px 0;    
}

.testimonials-list li .name{
    font-size:15px;
    font-weight:bold;
    text-decoration:underline;
    margin-bottom:5px;
}
.testimonials-list li .date{
    color: #aaaaaa;
    margin-bottom:5px;
}
.testimonials-list li .text{
    color: #595959;
    margin-bottom:10px;
}

.testimonials-list li .mark{
    margin:10px 0px 15px 0px;
}
.testimonials-list li .testimonialmark{
    font-weight: bold;
    color: black;
}
.si_punkt .shop-sb-cont{
    position:relative;
    padding:0;
    right:0;
    bottom:0;
}
.testimonials-list li .testimonialmark span{
    display: block;
    height:4px;
    width: 102px;
    margin-top:3px;
    background-image: url("/img/testimonials_icons.png");
}
.testimonials-list li .testimonialmark0 span{
    background-position: 0px -16px;
}
.testimonials-list li .testimonialmark1 span{
    background-position: 0px -12px;
}
.testimonials-list li .testimonialmark2 span{
    background-position: 0px -8px;
}
.testimonials-list li .testimonialmark3 span{
    background-position: 0px -4px;
}
.testimonials-list li .testimonialmark4 span{
    background-position: 0px 0px;
}


.testimonials-list .comment-info{
    margin: 20px 0 0 40px;
    padding:0;
}
.item-testimonial-block  .no-testimonials{
    text-align:center;
}
.testimonials-list .comment-info li{
    border-bottom:0px;
    margin-bottom:15px;
    padding:0;
} 
.testimonials-list .comment-info li .punkt{
    font-style: italic;
}
.testimonials-list .comment-info li .data{
    font-size:14px;
    font-weight:bold;
    color:black;
    margin:4px 0 0 20px;
}




.testimonials-list li .comment{
    padding-left:10px;
    border-left:1px solid #d4d4d4;
    margin: 20px 0 0 40px;
    
}
.testimonials-list li .comment img {
    float:left;
    display:block;
    margin:0 10px 0px 0;
}
.testimonials-list li .comment .user-name{
   font-size:15px;
    font-weight:bold;
    text-decoration:underline;
    margin-bottom:10px; 
}
.add-testimonial{
  margin:15px 0 0 0;
  padding-right:10px;
  text-align:right;  
}
.add-testimonial-form{
    margin-top:40px;
}
.last-testimonial-add{
    display:none;   
}


.error_cont{
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border:1px solid #fb2929; margin: 10px 0px 10px 0px; padding:10px; padding-left:30px;
background-color: #ffe7e7;
background-image: url('/img/close_red.png'); background-repeat:  no-repeat; background-position: 10px 10px;
color:#a70a0a;
font-weight: bold;
}

.success_cont{
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border:1px solid #c1e1c1; margin: 10px 0px 10px 0px; padding:10px; padding-left:50px;
background-color: #def6de;
background-image: url('/img/success_icon.png'); background-repeat:  no-repeat; background-position: 10px 5px;
color:#00ad00;
font-weight: bold;
}
.success_cont span{font-weight: normal;}







.text_cont{padding:5px 0px 0px 10px;}
.cats_cont{padding: 0px 0px 5px 25px;}
.cats_cont ul{margin:0px;padding:0px;}

.cats_cont ul .cat_sub{padding:2px 0px 2px 10px;}
.cats_cont ul .cat_main{padding:10px 0px 2px 2px; font-weight: bold;}

.cats_cont ul .cat_sub_cur{padding:2px 0px 2px 10px;  font-weight: bold; font-style: italic;}
.cats_cont ul .cat_main_cur{padding:10px 0px 2px 2px; font-weight: bold; font-style: italic;}
.cats_cont ul .cat_sub_cur a {text-decoration:none;}
.cats_cont ul .cat_main_cur a {text-decoration:none;}




#search_form{
    margin-bottom:10px;
}

#search_form #id_name{
    width:210px;
}


#site_map_cont{margin-top:10px;}
#site_addr_cont{margin:10px 0px 0px 7px;}


.sc_punkt{margin-bottom:5px;}
.sc_punkt .name{ width:120px; margin-right:5px; font-weight: bold; font-size: 11px;}
.sc_punkt .data{ font-size: 12px; margin-top:2px;margin-left: 5px;}

#s_news_cont{float:left;width:380px; margin-right:10px; margin-bottom: 10px;}
#s_arts_cont{float:left;width:380px;  margin-bottom: 10px}
#s_prices_cont{float:left;width:380px;  margin-bottom: 10px}

#comp_logo .left{float:left;margin-right:10px; width:100px;}
#comp_logo .right{float:left; width:882px;}
.comp_name{height:106px;}
#comp_logo{position: absolute; left:10px; top:47px;
    height: 106px;
}

.good_cont{float:left; width:250px; margin:10px 5px 20px 0px; text-align: center; height:300px;}
.h_ord{height:345px !important;}
.good_cont .img{
    background-color: #cdcdcd; margin-left:10px; 
    width:230px; height:230px;/* border:1px solid #b1b1b1;*/ overflow: hidden;
    display:table-cell; 
    vertical-align: middle; 
    position:relative;
}
.good_cont .name{margin:10px 0px 5px 0px;  height:34px;
    overflow: hidden;
}


.art_cont{/*width:380px;*/ margin-top:15px;}
.art_cont .img{background-color: #e5e4e4; height:100px; width:100px; float:left;margin-right:10px; text-align: center;}
 .art_cont .img div{display:table-cell; vertical-align: middle; height:100px; width:100px;}
.art_cont .data{width:270px; float:left; font-size: 11px;}
.art_cont .data2{width:660px; float:left; font-size: 11px;}
.art_cont .name{margin-bottom: 5px;}
.art_cont .name a{font-weight: bold; font-size: 13px;}
.art_cont .date{ font-size: 10px; color:#929292; margin-bottom: 5px;}

.all_elems{text-align: right;  margin:10px;}
.all_elems a {font-weight: bold;}

.noinfo{text-align: center; margin:10px; margin-bottom:20px;}
.noinfo a{font-weight: bold;}


.si_punkt{margin-top:25px;}
.sf_punkt{margin-top:5px;}

.si_punkt .name{ float:left; width:200px; font-weight: bold;  margin-left:10px;}
.si_punkt .data{ float:left; width:560px;}

.si_punkt .name div{font-weight: normal; font-size: 11px; margin-top:5px;}

.si_punkt .pd_name{font-weight: bold;  margin-left:10px;}
.si_punkt .pd_name div{font-weight: normal; font-size: 11px; margin-top:5px;}



.left{float:left;}
.right{float:right;}

h1{font-family: Tahoma; font-size: 24px;padding:0px;margin:0px;font-weight:normal;}

.h_site  a:link,
.h_site  a:visited{text-decoration:underline; color:inherit; font-family: Tahoma; font-size: 14px; font-weight: normal;}
.h_site  a:hover {text-decoration:none;}

.h_img{margin:0px 10px 10px 0px; float:left;}
.single_art{margin-top:10px;}
.single_art .date{ font-size: 10px; color:#929292; margin-top: 10px; margin-bottom: 10px;}
.source{font-weight: bold; text-align: right; margin:10px 20px 0px 0px; font-style: italic;}
.source span{font-weight: normal;}

.source  a:link,
.source  a:visited{text-decoration:underline; color:inherit;}
.source  a:hover {text-decoration:none;}


.r_path .right{margin-right:10px;}
.r_path{padding:0px; margin:15px 0px 0px 0px;}

#cat_path{margin:10px 0px 10px 0px}

.above_block{margin: 10px 0px 10px 0px;border-bottom:1px solid #e1e1e1;padding-bottom: 10px;}
.above_block .pagination{float:left;width:440px;}
.above_block .sort{float:right;width:110px;text-align: right; margin-right:10px; padding: 5px 0 5px 0;}
.ord_but{margin-top:5px;}


.verific{color:#5ab527; font-family: Tahoma; font-size: 11px;  font-weight: normal;
background: url('img/success_icon_small.png') 0px 1px no-repeat; padding-left:15px; height:13px;}


.comp_name{
    position:relative;
}
.shop-sb-cont a{
    display: block;
    cursor: pointer;
}
.shop-sb-cont::after{
    clear:both;
    display:block;
    content:'';
}
.shop-sb-cont li{
    float:left;
    margin-left:5px;
}
.shop-sb-cont{
    list-style: none;
    position:absolute;
    right:10px;
    bottom:10px;
    margin:0;
}

.shop-sb-cont .sb-text{
    display:block;
    font-weight:bold;
    margin:7px 5px 0 0;
}

.sb-fb{
    background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cpath%20fill%3D%22%233B5998%22%20d%3D%22M0%200h32v32H0z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M22.08%2032V19.607h4.16l.62-4.83h-4.78v-3.083c0-1.398.388-2.352%202.393-2.352h2.56V5.02c-.443-.058-1.962-.19-3.728-.19-3.688%200-6.213%202.25-6.213%206.385v3.562h-4.17v4.83h4.17V32h4.987z%22%2F%3E%3C%2Fsvg%3E'); 
}
.sb-tw{
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cpath%20fill%3D%22%2355ACEE%22%20d%3D%22M0%200h32v32H0z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M28%208.557c-.884.39-1.833.656-2.828.775%201.017-.608%201.798-1.573%202.166-2.725-.953.567-2.006.976-3.13%201.194-.896-.955-2.176-1.553-3.593-1.553-2.72%200-4.924%202.206-4.924%204.925%200%20.387.046.763.13%201.125-4.093-.208-7.723-2.168-10.15-5.147-.422.726-.666%201.573-.666%202.476%200%201.71.87%203.214%202.19%204.1-.806-.027-1.564-.25-2.23-.616v.06c0%202.39%201.7%204.378%203.952%204.83-.414.113-.85.172-1.297.172-.318%200-.626-.03-.928-.086.63%201.956%202.447%203.38%204.6%203.42-1.685%201.318-3.808%202.107-6.114%202.107-.398%200-.79-.023-1.175-.068%202.18%201.396%204.768%202.213%207.55%202.213%209.056%200%2014.01-7.506%2014.01-14.012%200-.213-.005-.426-.015-.637.96-.695%201.795-1.56%202.455-2.55z%22%2F%3E%3C%2Fsvg%3E'); 
}
.sb-gp{
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cpath%20fill%3D%22%23DD4B39%22%20d%3D%22M0%200h32v32H0z%22%2F%3E%3Cg%20fill%3D%22%23FFF%22%3E%3Cpath%20d%3D%22M27%2015h-2v-2h-2v2h-2v2h2v2h2v-2h2M12%2015v2.4h3.97c-.16%201.03-1.2%203.02-3.97%203.02-2.39%200-4.34-1.98-4.34-4.42s1.95-4.42%204.34-4.42c1.36%200%202.27.58%202.79%201.08l1.9-1.83C15.47%209.69%2013.89%209%2012%209c-3.87%200-7%203.13-7%207s3.13%207%207%207c4.04%200%206.72-2.84%206.72-6.84%200-.46-.05-.81-.11-1.16H12z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'); 
}

.sb-vk{
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cpath%20fill%3D%22%23587EA3%22%20d%3D%22M0%200h32v32H0z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FFF%22%20d%3D%22M15.764%2022.223h1.315s.396-.044.6-.262c.186-.2.18-.576.18-.576s-.027-1.764.79-2.023c.81-.255%201.846%201.705%202.944%202.46.832.57%201.464.445%201.464.445l2.936-.04s1.538-.097.81-1.304c-.06-.1-.426-.894-2.186-2.526-1.843-1.71-1.594-1.434.624-4.39%201.352-1.804%201.892-2.902%201.723-3.374-.16-.45-1.153-.33-1.153-.33l-3.308.02s-.247-.034-.428.074c-.178.108-.293.356-.293.356s-.522%201.394-1.223%202.58c-1.47%202.5-2.06%202.633-2.3%202.476-.562-.36-.42-1.453-.42-2.23%200-2.422.366-3.434-.72-3.695-.356-.085-.622-.143-1.543-.15-1.182-.014-2.18.003-2.743.28-.378.185-.667.595-.49.62.218.027.713.13.975.49.34.46.33%201.496.33%201.496s.193%202.852-.46%203.206c-.442.245-1.056-.252-2.37-2.52-.67-1.163-1.18-2.446-1.18-2.446s-.1-.24-.273-.37c-.212-.155-.506-.204-.506-.204l-3.143.02s-.473.015-.647.22c-.153.183-.01.56-.01.56s2.46%205.757%205.246%208.657c2.553%202.66%205.454%202.485%205.454%202.485z%22%2F%3E%3C%2Fsvg%3E')
}
.shop-sb:hover{
    opacity: .7;
}
.shop-sb {
    box-sizing: border-box;
    border-radius: 4px;
    display: block;
    overflow: hidden;
    height: 32px;
    width: 32px;
}