/* CSS white fonts version */

/*
 * Shadows are optional. If you want text shadows, delete the comment below.
 * To add shadow to counter, change "counter.png" -> "counter_shadow.png" in line 25.
 */

/* 
html {
  text-shadow: 1px 1px 3px #000000;
    filter: dropshadow(color=#000000, offx=3, offy=3);
}

.social, .progress {
  box-shadow: 1px 1px 3px #000000;
    filter: dropshadow(color=#000000, offx=3, offy=3);
}
*/

body {
  color: #ffffff;
 
}

/* Counter styles */
#counter span { 
  display: block; 
  float: right; 
  width: 69px; 
  height: 110px; 
  background: url(../img/white/counter.png) no-repeat 0px 0px;
} 
#counter span.image0 { 
  background-position: -0px 0px; 
} 
#counter span.image1 { 
  background-position: -75px 0px; 
} 
#counter span.image2 { 
  background-position: -150px 0px; 
} 
#counter span.image3 { 
  background-position: -224px 0px; 
} 
#counter span.image4 { 
  background-position: -299px 0px; 
} 
#counter span.image5 { 
  background-position: -374px 0px; 
} 
#counter span.image6 { 
  background-position: -449px 0px; 
} 
#counter span.image7 { 
  background-position: -524px 0px; 
} 
#counter span.image8 { 
  background-position: -598px 0px; 
} 
#counter span.image9 { 
  background-position: -673px 0px; 
} 

/* Progress bar styles */
.progress {
  background-color: rgba(255,255,255,0.3);
}
.progress .bar {
  color: #ffffff;
  background-color: #ffffff;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
}

/* iOS telephone link styles and all <a> link styles */
a[href^=tel]{
    color:inherit;
    text-decoration:none;
}
a,
a:hover,
a:visited {
  color: #ffffff;
}

/* Social icons styles 
 *
 * -ms-behavior: url(css/backgroundsize.min.htc) is required by IE 8.
 */
a.dribbble { 
  background: url(../img/white/icons/dribbble.png) no-repeat; 
  -webkit-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}
a:hover.dribbble { 
  background: url(../img/white/icons/dribbble_hover.png) no-repeat;
  -webkit-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}

a.facebook { 
  background: url(../img/white/icons/facebook.png) no-repeat; 
  -webkit-background-size: contain;
  -o-background-size: contain;
  background-size: contain;

}
a:hover.facebook { 
  background: url(../img/white/icons/facebook_hover.png) no-repeat;
  -webkit-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}

a.flickr { 
  background: url(../img/white/icons/flickr.png) no-repeat; 
  -webkit-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}
a:hover.flickr { 
  background: url(../img/white/icons/flickr_hover.png) no-repeat;
  -webkit-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}

a.google { 
  background: url(../img/white/icons/google.png) no-repeat; 
  -webkit-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}
a:hover.google { 
  background: url(../img/white/icons/google_hover.png) no-repeat;
  -webkit-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}

a.instagram { 
  background: url(../img/white/icons/instagram.png) no-repeat; 
  -webkit-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}
a:hover.instagram { 
  background: url(../img/white/icons/instagram_hover.png) no-repeat;
  -webkit-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}

a.linkedin { 
  background: url(../img/white/icons/linkedin.png) no-repeat; 
  -webkit-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}
a:hover.linkedin { 
  background: url(../img/white/icons/linkedin_hover.png) no-repeat;
  -webkit-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}

a.mail { 
  background: url(../img/white/icons/mail.png) no-repeat; 
  -webkit-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}
a:hover.mail { 
  background: url(../img/white/icons/mail_hover.png) no-repeat;
  -webkit-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}

a.pinterest { 
  background: url(../img/white/icons/pinterest.png) no-repeat; 
  -webkit-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}
a:hover.pinterest { 
  background: url(../img/white/icons/pinterest_hover.png) no-repeat;
  -webkit-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}

a.twitter { 
  background: url(../img/white/icons/twitter.png) no-repeat; 
  -webkit-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}
a:hover.twitter { 
  background: url(../img/white/icons/twitter_hover.png) no-repeat;
  -webkit-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}

a.vimeo { 
  background: url(../img/white/icons/vimeo.png) no-repeat; 
  -webkit-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}
a:hover.vimeo { 
  background: url(../img/white/icons/vimeo_hover.png) no-repeat;
  -webkit-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}