@import url(//fonts.googleapis.com/css?family=Open+Sans:600);

.new-twitter-btn {
    margin: 5px auto;
    display: inline-block;
}

.new-twitter-btn,
.new-twitter-btn div {
    font-size: 14px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    text-shadow: 0 0 1px RGBA(0, 0, 0, 1);
    white-space: nowrap;
    vertical-align: middle;
}

/*
  1 --------------
*/
.new-twitter-1,
.new-twitter-1 div {
    height: 42px;
    line-height: 42px;
    background: url('twitter-btn.png') no-repeat 0 0;
}

div.new-twitter-1 {
    padding: 0 0 0 20px;
}

div.new-twitter-1-1 {
    padding: 0 43px 0 0;
    background-position: right -100px;
}

div.new-twitter-1-1-1 {
    background-repeat: repeat-x;
    background-position: 0 -50px;
    padding: 0 20px 0 5px;
}

/*
  2 --------------
*/
.new-twitter-2,
.new-twitter-2 div {
    height: 42px;
    line-height: 42px;
    background: url('twitter-btn.png') no-repeat 0 0;
}

div.new-twitter-2 {
    padding: 0 0 0 45px;
    background-position: 0 -150px;
}

div.new-twitter-2-1 {
    padding: 0 20px 0 0;
    background-position: right -250px;
}

div.new-twitter-2-1-1 {
    background-repeat: repeat-x;
    background-position: 0 -200px;
    padding: 0 0 0 10px;
    font-size: 12px;
}

/*
  3 --------------
*/
.new-twitter-3,
.new-twitter-3 div {
    height: 37px;
    line-height: 37px;
    background: url('twitter-btn.png') no-repeat 0 0;
}

div.new-twitter-3 {
    padding: 0 0 0 35px;
    background-position: 0 -300px;
}

div.new-twitter-3-1 {
    padding: 0 18px 0 0;
    background-position: right -400px;
}

div.new-twitter-3-1-1 {
    background-repeat: repeat-x;
    background-position: 0 -350px;
    padding: 0 0 0 8px;
    font-size: 12px;
}

/*
  4 --------------
*/
.new-twitter-4,
.new-twitter-4 div {
    height: 35px;
    line-height: 32px;
    background: url('twitter-btn.png') no-repeat 0 0;
}

div.new-twitter-4 {
    padding: 0 0 0 4px;
    background-position: 0 -450px;
}

div.new-twitter-4-1 {
    padding: 0 33px 0 0;
    background-position: right -550px;
}

div.new-twitter-4-1-1 {
    background-repeat: repeat-x;
    background-position: 0 -500px;
    padding: 0 19px 0 18px;
    font-size: 12px;
}

/*
  5 --------------
*/
.new-twitter-5,
.new-twitter-5 div {
    height: 15px;
    line-height: 15px;
    background: url('twitter-btn.png') no-repeat 0 0;
}

div.new-twitter-5 {
    padding: 0 0 0 3px;
    background-position: 0 -600px;
}

div.new-twitter-5-1 {
    padding: 0 3px 0 0;
    background-position: right -640px;
}

div.new-twitter-5-1-1 {
    background-repeat: repeat-x;
    background-position: 0 -620px;
    padding: 0 1px;
    font-size: 10px;
}

/*
  6 --------------
*/
.new-twitter-6,
.new-twitter-6 div {
    height: 29px;
    line-height: 26px;
    background: url('twitter-btn.png') no-repeat 0 0;
}

div.new-twitter-6 {
    padding: 0 0 0 4px;
    background-position: 0 -660px;
}

div.new-twitter-6-1 {
    padding: 0 27px 0 0;
    background-position: right -750px;
}

div.new-twitter-6-1-1 {
    background-repeat: repeat-x;
    background-position: 0 -700px;
    padding: 0 10px 0 8px;
    font-size: 12px;
}

/*
  7 --------------
*/
.new-twitter-7,
.new-twitter-7 div {
    height: 29px;
    line-height: 26px;
    background: url('twitter-btn.png') no-repeat 0 0;
}

div.new-twitter-7 {
    padding: 0 0 0 29px;
    background-position: 0 -800px;
}

div.new-twitter-7-1 {
    padding: 0 4px 0 0;
    background-position: right -900px;
}

div.new-twitter-7-1-1 {
    background-repeat: repeat-x;
    background-position: 0 -850px;
    padding: 0 10px 0 10px;
    font-size: 11px;
}

/*
  8 --------------
*/
.new-twitter-8,
.new-twitter-8 div {
    height: 25px;
    width: 30px;
    background: url('twitter-btn.png') no-repeat 0 0;
}

div.new-twitter-8 {
    background-position: 0 -950px;
}

div.new-twitter-8-1 {
    background-position: 0 -1050px;
    transition: background-position 0.4s;
    -moz-transition: background-position 0.4s; /* Firefox 4 */
    -webkit-transition: background-position 0.4s; /* Safari and Chrome */
    -o-transition: background-position 0.4s; /* Opera */
}

div.new-twitter-8:HOVER div.new-twitter-8-1 {
    background-position: 0 -1000px;
}

/*
  9 --------------
*/
.new-twitter-9,
.new-twitter-9 div {
    height: 26px;
    width: 30px;
    background: url('twitter-btn.png') no-repeat 0 0;
}

div.new-twitter-9 {
    opacity: 0.79;
    background-position: 0 -1100px;
    transition: opacity 0.4s;
    -moz-transition: opacity 0.4s; /* Firefox 4 */
    -webkit-transition: opacity 0.4s; /* Safari and Chrome */
    -o-transition: opacity 0.4s; /* Opera */
}

div.new-twitter-9:HOVER {
    opacity: 0.99
}

/*
  10 --------------
*/
.new-twitter-10,
.new-twitter-10 div {
    background: url('twitter-btn.png') no-repeat 0 0;
}

div.new-twitter-10 {
    height: 36px;
    width: 37px;
    background-position: 0 -1150px;
}

div.new-twitter-10-1 {
    margin: 5px 5px 6px 5px;
    height: 26px;
    width: 26px;
    overflow: hidden;
    background-position: -5px -1255px;
    transition: background-position 0.4s;
    -moz-transition: background-position 0.4s; /* Firefox 4 */
    -webkit-transition: background-position 0.4s; /* Safari and Chrome */
    -o-transition: background-position 0.4s; /* Opera */
}

div.new-twitter-10:HOVER div.new-twitter-10-1 {
    background-position: -5px -1205px;
}

/*
  11 --------------
*/
.new-twitter-11,
.new-twitter-11 div {
    height: 36px;
    width: 36px;
    background: url('twitter-btn.png') no-repeat 0 0;
}

div.new-twitter-11 {
    opacity: 0.79;
    background-position: 0 -1300px;
    transition: opacity 0.4s;
    -moz-transition: opacity 0.4s; /* Firefox 4 */
    -webkit-transition: opacity 0.4s; /* Safari and Chrome */
    -o-transition: opacity 0.4s; /* Opera */
}

div.new-twitter-11:HOVER {
    opacity: 0.99
}

/*
  12 --------------
*/
.new-twitter-12,
.new-twitter-12 div {
    height: 28px;
    width: 29px;
    background: url('twitter-btn.png') no-repeat 0 0;
}

div.new-twitter-12 {
    background-position: 0 -1350px;
    opacity: 0.79;
    transition: opacity 0.4s;
    -moz-transition: opacity 0.4s; /* Firefox 4 */
    -webkit-transition: opacity 0.4s; /* Safari and Chrome */
    -o-transition: opacity 0.4s; /* Opera */
}

div.new-twitter-12:HOVER {
    opacity: 0.99
}

/*
  13 --------------
*/
.new-twitter-13,
.new-twitter-13 div {
    height: 25px;
    width: 30px;
    background: url('twitter-btn.png') no-repeat 0 0;
}

div.new-twitter-13 {
    background-position: 0 -1400px;
}

div.new-twitter-13-1 {
    background-position: 0 -1050px;
    transition: background-position 0.4s;
    -moz-transition: background-position 0.4s; /* Firefox 4 */
    -webkit-transition: background-position 0.4s; /* Safari and Chrome */
    -o-transition: background-position 0.4s; /* Opera */
}

div.new-twitter-13:HOVER div.new-twitter-13-1 {
    background-position: 0 -1000px;
}

/*
  14 --------------
*/
.new-twitter-14,
.new-twitter-14 div {
    height: 23px;
    width: 23px;
    background: url('twitter-btn.png') no-repeat 0 0;
}

div.new-twitter-14 {
    background-position: 0 -1450px;
}

div.new-twitter-14-1 {
    background-position: 0 -1550px;
    transition: background-position 0.4s;
    -moz-transition: background-position 0.4s; /* Firefox 4 */
    -webkit-transition: background-position 0.4s; /* Safari and Chrome */
    -o-transition: background-position 0.4s; /* Opera */
}

div.new-twitter-14:HOVER div.new-twitter-14-1 {
    background-position: 0 -1500px;
}

/*
  Main animations 
*/

.new-twitter-default-anim {
    opacity: 0.79;
    transition: opacity 0.4s;
    -moz-transition: opacity 0.4s; /* Firefox 4 */
    -webkit-transition: opacity 0.4s; /* Safari and Chrome */
    -o-transition: opacity 0.4s; /* Opera */
}

.new-twitter-default-anim:HOVER {
    opacity: 0.999;
}