/*@import '/bitrix/templates/.default/template_styles.css';*/

html {
    background: #f9eee0 url(images/html-background.jpg) repeat-x 0 30px;
}

body {
    padding: 0;
    margin: 0;
}

.wrap {
    width: 1000px;
    margin: 0px auto;
}

.auth_bar {
    padding-top: 4px;
    height: 26px;
    background: #001193;
    color: #FFF;
}

.auth_bar a {
    color: #FFF;
}

.auth_bar-form {
    text-align: center;
    font-size: 16px;
}

div.auth_bar-loggedin {
    font-size: 13px;
    padding-top: 2px;
    text-align: right;
}

.auth_bar-form input[type="text"], .auth_bar-form input[type="password"] {
    width: 124px;
    height: 14px;
    margin: 0 8px;
    color: #000;
}

.auth_bar-form input[type="submit"] {
    border: none;
    background: none;
    text-decoration: underline;
    color: #FFF;
}

.auth_bar-links {
    float: right;
    font-size: 12px;
    padding-top: 4px;
}

.main_header {
    height: 393px;
    background: url(images/header-background.jpg) no-repeat bottom;
}

.main_header-logos {
    height: 95px;
    position: relative;
}


a.main_header-logo_link {
    position:absolute;
    top: 8px;
    left: 1px;
    display:block;
    width: 159px;
    height: 50px;
    padding: 25px 0 0;
    overflow: hidden;
    color: #7d6b1d;
    font-size: 25px;
}

a.main_header-logo_link span {
   display:block;
   position:absolute;
   top: 0px;
   width:100%;
   height:100%;
   background: url(images/main_header-logo.png) no-repeat left top;
   z-index:100;
}

.main_header-logos-slogan {
    width: 844px;
    float: right;
    font-style: Arial,Helvetica,Garuda,sans-serif;
}

.main_header-logos-name {
    font-size: 41px;
    color: #6e500d;
    font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    width: 840px;
    float: right;
    margin: 5px 0 0;
}

.main_header-logos-slogan {
    font-size: 21px;
    color: #001193;
    font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
    font-style: italic;
    margin: 3px 0 0;
    width: 667px;
    float: right;
}


.main_header-navico {
    font-family: tahoma;
    font-size: 11px;
    text-align: center;

    float: left;
    display: block;
    padding: 11px 0 0 0;
    width: 46px;
    height: 16px;
}

.main_header-nav_map {
    background: url(images/nav-sitemap.gif) no-repeat center top;
    margin: 0 0 0 8px;
}

.main_header-nav_home {
    margin: 0 0 0 32px;
    background: url(images/nav-home.gif) no-repeat center top;
}


/*========================= SUPERFISH MENU ==================================*/
/*========================= SUPERFISH MENU ==================================*/
/*========================= SUPERFISH MENU ==================================*/

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sf-menu {
    line-height: 1.0;
    width: auto !important;
}
.sf-menu ul {
    position: absolute;
    top: -999em;
    width: 15em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
    width: 100%;
}
.sf-menu li:hover {
    visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
    float: left;
    position: relative;

    height: 26px;
    margin-left: 0px;
    margin-top: 3px;
    padding: 0px 0 0 3px;
    background: none;
}

.sf-menu li.f {
    background: none;
}

.sf-menu li li {
    margin: 0;
    border-bottom : 1px solid #ECDB5E;
    height: auto;
}

.sf-menu span.root-item, .sf-menu a {
    display:        block;
    position:        relative;

    padding:5px 5px;
    text-align:center;
    color: #C9B45A;
    text-decoration: none;
}

.sf-menu span.root-item, .sf-menu span.root-item-selected {
    font-weight: bold !important;
    font-size:16px !important;
    font-family: Arial,Helvetica,Garuda,sans-serif !important;

    padding: 8px 8px;
    margin: -3px 0 0;

    color: #170E02;
    cursor: pointer;
    cursor: hand;
}

.sf-menu span.root-item:hover {
    background: #1c2ba2;
    color: #FFF !important;

    padding: 7px 9px;
    margin: -3px 0 0;
    background: #1c2ba2;
    border: 1px solid #6c6977;
    border-left: none;
    border-right: none;
}

.sf-menu li li a
{
    text-align: left;
    height: auto;
    padding-right: 20px;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    left:            0;
    top:            27px; /* match top ul list item height */
    left: 3px;
    z-index:        99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    top:            -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left:            15em; /* match ul width */
    top:            0;
}

ul.sf-menu .drop-left li:hover ul,
ul.sf-menu .drop-left li.sfHover ul {
    left:            -15em; /* match ul width */
    top:            0;
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    top:            -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    left:            15em; /* match ul width */
    top:            0;
}

/*** SCHOOL2100 SKIN ***/
/*** SCHOOL2100 SKIN ***/
/*** SCHOOL2100 SKIN ***/

.sf-menu {
    display: block;
    height: 32px;
    background: url(images/main_menu-bg.png) repeat-x;
    font-weight: normal;
    font-size:16px;
    font-family: Arial,Helvetica,Garuda,sans-serif;
    padding: 1px 8px;
}
.sf-menu a {
    /*border-left:    1px solid #fff;
    border-top:        1px solid #CFDEFF;
    padding:         .75em 1em;*/
    text-decoration:none;
}
/*.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour* /
    color:            #13a;
}*/
.sf-menu li a span{
    color: #170E02;
}

/*.sf-menu li {
    background: url("images/menu_dot.gif") no-repeat left center;
}*/
.sf-menu li li {
    background:        #FEFAE6;
}
.sf-menu li li li {
    background:        #FEFAE6;
}

.sf-menu li li:hover, .sf-menu li li.sfHover,
.sf-menu li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
    background:        #f9f0ae;
    outline:        0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
    min-width:        1px; /* trigger IE7 hasLayout so spans position accurately */
}

.sf-menu a.parent
{
    background:        url(images/arrow.gif) no-repeat right center;
}

.sf-menu a.parent:hover
{
    background:        url(images/arrow_hover.gif) no-repeat right center;
}

.sf-sub-indicator
{
    display: none;
}
.sf-menu li li .sf-sub-indicator {
    position:        absolute;
    display:        block;
    right:            .75em;
    top:            0.6em; /* IE6 only */
    width:            10px;
    height:            10px;
    text-indent:     -999em;
    overflow:        hidden;
    background:        url(images/arrow.gif) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
    top:            .6em;
    background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
    background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
    background:    url('images/shadow.png') no-repeat bottom right;
    padding: 0 8px 9px 0;
    -moz-border-radius-bottomleft: 17px;
    -moz-border-radius-topright: 17px;
    -webkit-border-top-right-radius: 17px;
    -webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
    background: transparent;
}


/*========================= SUPERFISH MENU END ===============================*/
/*========================= SUPERFISH MENU END ===============================*/


/*========================= COLUMNS =========================================*/

.main_col {
    width: 245px;
}

.main_left_col {
    float: left;
}

div.main_center_col {
    width: 485px;
    margin: 0 auto;
}

.main_right_col {
    float: right;
}


/*========================= BLOCKS ==========================================*/
/*========================= BLOCKS COMMON ===================================*/

.main_block h4 {
    font-family: Arial,Helvetica,Garuda,sans-serif;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    text-align: left;
    margin: 0;
    padding: 0;
}

.main_block ul{
    padding: 0;
    margin: 0;
}

.main_block p, .main_block li {
    font-family: Arial,Helvetica,Garuda,sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    text-align: left;
    margin: 10px 0 0;
    padding: 0;
}

.main_block a.nounderline {
    text-decoration: none;
}


.main_block li, .main_block ul {
    margin: 0;
}

.main_col .main_block {
    margin: 15px 0 0;
}

.main_block_body {
    padding: 10px 5px 0;
    min-height: 117px;
}

.main_block_news {
    background: #FFF;
}

.main_block-top_coners, .main_block-bottom_coners {
    height: 5px;
    font-size: 1px;
}

.main_block-top_coners span, .main_block-bottom_coners span{
    display: block;
    width: 5px;
    height: 5px;
}

.main_block-top_coners {
    background: url(images/coner-t_r.png) no-repeat right 0;
}

.main_block-top_coners span {
    background: url(images/coner-t_l.png) no-repeat;
}

.main_block-bottom_coners {
    background: url(images/coner-b_r.png) no-repeat right 0;
}

.main_block-bottom_coners span {
    background: url(images/coner-b_l.png) no-repeat;
}


.main_block, .main_block p, .main_block a {
    color: #000;
}


/*========================= BLOCKS MAIN HEADER===============================*/

.main_header-block a, .main_header-block a:hover, .main_header-block a:visited {
     color: #1c0f97;
}

.main_block .readnext {
    text-align: right;
    margin-top: 5px;
}

.main_header-block {
    float: right;
    margin-top: 9px;
    width: 326px;
    overflow: hidden;
    clear: right;
    padding: 15px 15px 0;
}

.main_header-block p {
    margin-top: 7px;
}

.main_header-block_1 {
    height: 124px;
    background: url(images/main_header-blocks_bg.png) no-repeat 0 0;
}

.main_header-block_1 h4 {
    overflow: hidden;
}

.main_header-block_1 h4 span {
    float: right;
}

.main_header-block_2 {
    height: 80px;
    background: url(images/main_header-blocks_bg.png) no-repeat 0 -140px;
}

.main_header-block_2 h4 {
    white-space: nowrap;
}

/*========================= BLOCKS NEWS =====================================*/

div.main_block_news h4 {
    color: #070486;
}

div.main_block_news h5 {
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    font-family: Arial,Helvetica,Garuda,sans-serif;
    margin: 0;
}

.main_block_news h5 a {
    text-decoration: none;
}


.mb_newslist-date {
    display: block;
    font-size: 10px;
    font-weight: normal;
}

.main_block_news .anounce-image {
    float: left;
    margin: 0 10px 10px 0;
}


.main_block_news .readnext a {
    color: #1c0f97;
}

#mb_news_actual {
    margin-top: 9px;
}

.mb_newslist a {
    text-decoration: none;
}

ul.mb_newslist {
    list-style: none;
    margin: 10px 0;
    border: 1px dotted #000;
    border-left: none;
    border-right: none;
}

ul.mb_newslist li:first-child {
    padding-top: 5px;
}

ul.mb_newslist li {
    padding: 8px 0;
    font-weight: bold;
}



ul.mb_anounces_list {
    list-style: none;
    margin: 10px 0;
}

ul.mb_anounces_list li:first-child {
    border-top: none;
    padding-top: 0;
}

ul.mb_anounces_list li {
    border-top: 1px dotted #000;
    margin-bottom: 10px;
    padding-top: 10px;
    overflow: hidden;
}

#mb_news_school2100 h4{
    padding-bottom: 15px;
}

.news_anounce {
    overflow: hidden;
}

#mb_news_school2100 .mb_newslist li {
    font-size: 14px;
}

#mb_news_edu h4 {
    margin-bottom: 5px;
}


/*========================= BLOCKS BLOCKS ===================================*/

#mb_ped_collect h4, #mb_catalog h4, #mb_events h4 {
    text-align: right;
    color: #070486;
}

#mb_ped_collect h4 a, #mb_catalog h4 a, #mb_events h4 a {
    color: #070486;
}

#mb_ped_collect {
    background: #f5ef4e url(images/mb_ped_collect.jpg) no-repeat 0 100%;
}

#mb_ped_collect .main_block_body {
    padding-top: 0px;
}

#mb_ped_collect h4 {
    padding-left: 70px;
}

#mb_ped_collect p {
    text-align: right;
    padding-left: 85px;
}


.main_block_cols {
    overflow: hidden;
}

.main_block_left {
    float: left;
    width: 236px;
}

.main_block_right {
    float: right;
    width: 236px;
}

div.mb_top {
    margin-top: 9px !important;
}

#mb_fgos .main_block_body,
#mb_catalog .main_block_body,
#mb_predmets .main_block_body {
    padding-top: 5px;
    height: 125px;
    overflow: hidden;
}

#mb_catalog {
    margin-top: 9px;
    background: #c1ee31 url(images/mb_catalog.jpg) no-repeat 0 100%;
    position: relative;
}

.mb_catalog-price {
    position: absolute;
    top: 3px;
    left: 6px;
}

#mb_catalog p {
    text-align: right;
}

#mb_catalog ul {
    padding-left: 65px;
    list-style: square;
}
#mb_catalog li {
    text-align: right;
    margin-top: 3px;
}

#mb_events {
    margin-top: 9px;
    background: #9db8ef url(images/mb_events.jpg) no-repeat 0 100%;
}

#mb_events p {
    text-align: right;
    padding-left: 75px;
}

#mb_events p.anons {
    padding-left: 50px;
}


#mb_ped_collect h4,
#mb_catalog h4,
#mb_events h4,
#mb_gallery h4 {
    text-align: right;
    color: #070486;
}

#mb_ped_collect h4 a,
#mb_catalog h4 a,
#mb_events h4 a,
#mb_gallery h4 a {
    color: #070486;
}

#mb_kumm h4,
#mb_kumm2 h4,
#mb_predmets h4,
#mb_marafon h4,
#mb_our_schools h4,
#mb_conference h4 {
    text-align: right;
    color: #FFF;
}

#mb_kumm h4 a,
#mb_kumm2 h4 a,
#mb_predmets h4 a,
#mb_marafon h4 a,
#mb_detsad h4 a,
#mb_our_schools h4 a,
#mb_conference h4 a {
    color: #FFF;
}

#mb_kumm2 h4 a,  #mb_kumm2 a{
   
    text-align: right!important;
    float: right;
}
#mb_kumm2 a {
   font-size: 12px;
   margin-top: -1px;
}

#mb_kumm2 h4, #mb_kumm2 h4 a {
    font-size: 20px;
 text-decoration:  underline;
}
 #mb_kumm2 a {
 text-decoration:  none;
}

#mb_kumm {
    background: #eabc6c url(images/mb_predmets.jpg) no-repeat 0 100%;
}

#mb_kumm2 {
    background: #eabc6c url(images/mb_notes.png) no-repeat 0 100%;
}




#mb_predmets {
    background: #eabc6c url(images/mb_predmets.jpg) no-repeat 0 100%;
}

#mb_predmets p {
    text-align: right;
    padding-left: 80px;
}

#mb_predmets p a {
    text-decoration: none;
}

#mb_gallery {
    background: #a9b7ec url(images/mb_gallery.jpg) no-repeat 0 100%;
}

#mb_gallery p {
    text-align: right;
    padding-left: 120px;
}

#mb_gallery2 {
    background: #a9b7ec;
    margin-top: 15px;
}

#mb_gallery2 h4 {
    /*float: left;*/
    margin-bottom: 10px;
}

#mb_gallery2 .main_block_body {
    /*height: 200px;*/
}

.gallery2_scroller {
    /*margin-left: 140px;*/
    overflow: hidden;
    /*width: 835px;*/
}

.gallery2_scroller ul {
    overflow: hidden;
    display: block;
    height: 185px;
    width: 9999px;
}

.gallery2_scroller li {
    float: left;
    display: block;
    width: 200px;
    margin-right: 20px;
    height: 180px;
    overflow: hidden;
}

.gallery2_scroller li a{
    text-decoration: none;
}

#gallery2_scrollbox {
    background: #a9b7ec;
    height: 13px;
    padding: 1px 15px;
    position: relative;
    border-radius: 3px;
    border: 1px solid #001193;
}

#gallery2_scrollbar {
    background: #001193;
    height: 100%;
    width: 100px;
    cursor: pointer;
}
.gallery2_scrollbox-left_arr,
.gallery2_scrollbox-right_arr {
    position: absolute;
    background: #001193 url(/js/sunny2/images/ui-icons_ed9f26_256x240.png) no-repeat;
    width: 13px;
    height: 13px;
    top: 1px;
    cursor: pointer;
}

#gallery2_scrollbox, #gallery2_scrollbox div {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.gallery2_scrollbox-left_arr {
    background-position: -98px -18px;
    left: 1px;
    border-radius: 2px 0 0 2px;
}
.gallery2_scrollbox-right_arr {
    background-position: -34px -18px;
    right: 1px;
    border-radius: 0 2px 2px 0;
}

#mb_magazine {
    background: #efda70;
}

#mb_magazine .main_block_body {
    overflow: hidden;
}

#mb_magazine p {
    font-size: 14px;
}

#mb_magazine img {
    float: right;
    margin: 0 0 5px 5px;
}

#mb_detsad {
    background: #f4a203 no-repeat 0 100%;
}

#mb_detsad a {
    text-decoration: none;
}

#mb_detsad_2 {
    background: #f4a203 url(images/mb_dedsad2.png) no-repeat 0 100%;
}

#mb_detsad_2 p {
    text-align: right;
    padding-left: 85px;
}
#mb_detsad_2 p, #mb_detsad_2 h4, #mb_detsad_2 a, #mb_detsad_2 li {
    text-align: right;
}
#mb_detsad_2 h4 {
    text-decoration: underline;
}
#mb_detsad_2 a {
    text-decoration: none;
}
#mb_detsad_2 ul  {
     list-style-type: none;
     padding-top: 8px;
}

#extracurricular {
    background: #C8FF79 url(images/extracurricular.png) no-repeat 0 100%;
}

#extracurricular p {
    text-align: right;
    padding-left: 85px;
}
#extracurricular p, #extracurricular h4, #extracurricular a, #extracurricular li {
    text-align: right;
}
#extracurricular h4 {
    text-decoration: underline;
}
#extracurricular a {
    text-decoration: none;
}
#extracurricular ul  {
     list-style-type: none;
     padding-top: 8px;
}

#mb_marafon {
    background: #f4a203 url(images/mb_marafon.jpg) no-repeat 0 100%;
}

#mb_marafon p {
    text-align: right;
    padding-left: 100px;
}

#mb_our_schools {
    background: #2aa8e5 url(images/mb_our_schools.jpg) no-repeat 0 100%;
}

#mb_our_schools p {
    text-align: right;
    padding-left: 85px;
}



#mb_conference {
    background: #2aa8e5 url(images/mb_conference.png) no-repeat -32px 14px;
}

#mb_conference p {
    text-align: right;
    padding-left: 85px;
}

#mb_anounces .anounce-image {
    margin-bottom: 0px;
}

#mb_fgos {
    background: #E4C736 url(images/mb_fgos.jpg) no-repeat -32px 100%;
    margin-top: 9px;
}

#mb_fgos h4 {

    color: #594b04;
    text-align: right;
}

#mb_fgos p {
    margin: 7px 2px;
    text-align: right;
}

#mb_forum {
    background: #FED54E;
}

#mb_forum h4 {
    text-align: right;
}
#mb_forum h4 a {
    color: #14088d;
}

#mb_forum p {
    text-align: right;
}

/*========================= FOOTER ==========================================*/

.footer {
    margin-top: 25px;
    background: #001193;
    height: 118px;

    font-size: 13px;
    color: #FFF;
    overflow: hidden;
    clear: both;
}

.footer a {
    color: #FFF;
}

.footer-menu {
    list-style: none;
    text-align: center;
    margin-top: 20px;
}

.footer-menu a {
    text-decoration: none;
}

.footer-menu li {
    display: inline;
    margin: 0px 10px;
}

.footer-copyrightes {
    padding-left: 0px;
    margin-top: 35px;
}
.msg-inform {
    border: 1px solid #E1B52D;
    margin: 0 auto;
    padding: 5px;
}
.msg-inform h3 {
    color: red !important;
    font-size: 18px;
    font-weight: bold;
    text-align: center !important;
}
.msg-inform p {
    font-size: 14px;
    font-weight: bold;
    text-align: justify;
}
/*hotfix*/
.main_block_body .bold-news a {
    color: #3F4FDF;
}

.news-block-data {
    margin-top: 10px;
    padding: 10px 5px;
    background-color: #fff;
    border-radius: 5px; 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;  
}
.news-block-data .clearfix:before,
.news-block-data .clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.news-block-data .clearfix:after {
    clear: both;
}
.news-block-data .news-items{
    
}
.news-block-data h3{
    color:#070486;
}
.news-block-data  img {
    float: left;
    margin-right: 5px;
}

.news-block-data .mb_anounces_list{
    padding: 0;
    
}
.news-block-data .mb_anounces_list li {
    border: solid 2px #070486;
    padding: 5px;
    border-radius: 5px; 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;  
}

.news-block-data .mb_anounces_list li{
}
.news-block-data .mb_anounces_list li:first-child {
    border: solid 2px #070486!important;
}

.news-block-data .mb_anounces_list li h3 {
    font-size: 14px;
    margin: 5px 0;
}
.news-block-data .mb_anounces_list li:first-child h3{
    font-size: 14px;
}
.news-block-data .mb_anounces_list li a {
    color: #000;
    text-decoration: none;
    font-style: normal;
}
/*/hotfix*/
/*block post main*/
 .mb_post_main{
    margin-top: 10px;
    padding: 10px 5px;
    background-color: #fff;
    border-radius: 5px; 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; 
    height: 115px;
  /*  background: url("/images/once_day.jpg") no-repeat scroll  2px 23px #fff; */
    background: url("/images/once_day.jpg") no-repeat scroll -13px 0 / 137px auto #FFFFFF;
 }
 .mb_post_main .text,  .mb_post_main .text h4,   .mb_post_main .text h4 a{text-align: right;  font-family: Arial,Helvetica,Garuda,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: normal;}
  .mb_post_main .text a {font-size: 16px; font-weight: bold; color:#070486;}
/*/block post main*/

.mb_anounces_list .bold-red{ color: red;}

ul.social {
    display: block;
    font-size: 0;
}
ul.social{
    list-style: none;
    margin: 20px 0 0 0;
    padding: 0;
}

ul.social li {
    display: inline-block;
    vertical-align: top;
}

.social__btn {
    display: inline-block;
    vertical-align: top;
    background: #fff;
    border-radius: 100%;
    text-align: center;
    font-size: 0!important;
    margin: 0 2px;
    height: 44px;
    width: 44px;
    border: 1px solid #B4B4B4;
}

.social__btn--vk {
    background: url(/img/icons/vk.svg) 50% 50% no-repeat #fff;
    background-size: 24px 15px;
}

.social__btn--fb {
    background: url(/img/icons/fb.svg) 50% 50% no-repeat #fff;
    background-size: 11px 22px;
}

.social__btn--tw {
    background: url(/img/icons/twitter.svg) 50% 50% no-repeat #fff;
    background-size: 25px 20px;
}

.social__btn--yt {
    background: url(/img/icons/yt.png) 50% 50% no-repeat #fff;
    background-size: 26px 30px;
}