.social a{
            text-align:center;
            width:46px;
            height:46px;
            float:left;
            background:#fff;  /* цвет кнопок белый  */
            border:1px solid #ccc;
            box-shadow:0 2px 4px rgba(0,0,0,0.15), inset 0 0 50px rgba(0,0,0,0.1);
            border-radius:8px;
            margin:0 10px 10px 0;
            padding:6px;
            color:#999999; 
        }
        .youtube a:hover{
            background:#c4302b;color:#fff;
        }
        .twitter a:hover{
            background:#00acee;color:#fff;
        }
        .instagram a:hover{
            background:#3f729b;color:#fff;
        }
        .facebook a:hover{
            background:#3b5998;color:#fff;
        }
      .skype a:hover{
          background:#00aff0;color:#fff;
        }
        .mail a:hover{
            background:#f93;color:#fff;
        }        
        .vk a:hover{
            background:#5d84ae;color:#fff;
        }
        .odnoklassniki a:hover{
            background:#f93;color:#fff;
        }
        .telegram a:hover{
            background:#249bd7;color:#fff;
        }
        .whatsapp a:hover{
            background:#50b154;color:#fff;
        }
        .viber a:hover{
            background:#1087dd;color:#fff;
        }  
        .vij {
        background: #fff;
        box-shadow: 0 5px 15px #423f3f;
        border-radius: 2px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        margin: 10px 10px 10px 10px;
        height: auto;
        padding: 10px;
        }        
        .vij a{
            color:#000;
        }
        .frame_blc{
          overflow:hidden;
          position:relative;
          padding-bottom:56.25%;
          padding-top:30px;
          height:0;
        }
        .frame_blc iframe {
          position:absolute;
          width:100%;
          height:100%;
          left:0;
          top:0;
        }