
body {
  font-family: Arial, sans-serif;
  color:#4a4a4a;
  background-color:#e9e9e9;
  font-size: 12px;
  line-height: 1.5em !important;
  background-image:url(../images/bg.png);
  background-repeat: repeat;
}

.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container{
  margin: 0 auto;
}

.wrapper{
  width: 740px;
  margin: auto;
}

.span12.padding{
  padding-top: 8%;
}

.padding, .alignCenter{
  text-align: center;
}

#subscribe_form{
  display: block;
  width: 365px;
  margin: auto;
}

/* Fonts */

.span12.padding h1{
  font-size: 40px;
}

h1 span{
  color: #a1a0a0;
}

h2.title{
  font-family: 'Open Sans',sans-serif;
  font-weight: 300;
  color: #0f0f0f;
  font-size: 24px;
}

li{
  list-style: none;
  margin: 0 30px;
}

ul{
  margin: 0;
}


/* Social */

.social-icons{
  margin: 5% auto 4%;
  width: 200px;
  overflow: hidden;
}

ul.social{
  margin: 0;
}

ul.social li{
  list-style: none;
  display: inline-block;
  float: left;
  margin: 0 0 0 22px !important;
}

ul.social li a{
  display: block;
  height: 22px;
  width: 22px;
}

ul.social li a.facebook{
  background-image: url(../images/facebook.png);
  background-repeat: no-repeat;
}

ul.social li a.facebook:hover{
  background-image: url(../images/facebook-hover.png);
  background-repeat: no-repeat;
}

ul.social li a.twitter{
  background-image: url(../images/twitter.png);
  background-repeat: no-repeat;
}

ul.social li a.twitter:hover{
  background-image: url(../images/twitter-hover.png);
  background-repeat: no-repeat;
}

ul.social li a.dribbble{
  background-image: url(../images/dribbble.png);
  background-repeat: no-repeat;
}

ul.social li a.dribbble:hover{
  background-image: url(../images/dribbble-hover.png);
  background-repeat: no-repeat;
}

ul.social li a.linkedin{
  background-image: url(../images/linkedin.png);
  background-repeat: no-repeat;
}

ul.social li a.linkedin:hover{
  background-image: url(../images/linkedin-hover.png);
  background-repeat: no-repeat;
}

ul.social li a.stumbleupon{
  background-image: url(../images/stumbleupon.png);
  background-repeat: no-repeat;
}

ul.social li a.stumbleupon:hover{
  background-image: url(../images/stumbleupon-hover.png);
  background-repeat: no-repeat;
}


ul.social li:first-child{
  margin-left: 0 !important;
}


/* countdown */

.countdown{
  width: 716px;
  height: auto;
  background-image: url(../images/bg_repeat.png);
  background-repeat: repeat-x;
  background-color: #212121;
  margin: 30px auto auto;
  border-radius: 5px;
  padding:25px 12px 0;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {

 .countdown{
   width: 723px;
 }

}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .shadow{
    width: 100%;
  }

  .didgitDiv h4{
  margin-bottom: 20px !important;
  }

.countdown{
    width: 100%;
    padding: 25px 0 0;
 }

 .wrapper{
   width: 100%;
 }

 ul#subscribe_form {
   margin-bottom: 30px;
 }


}

@media only screen and (min-width: 100px) and (max-width: 479px) {
  .countdown{
    width: 66%;
    padding: 25px 0 0;
 }
  .shadow{
    width: 100%;
  }

 .wrapper{
   width: 100%;
 }

  ul#subscribe_form {
   margin-bottom: 30px;
 }

}

br { clear: both; }

.shadow{
  padding-bottom: 55px;
  background-image: url(../images/shadow.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
  margin-bottom: 50px;
}

.btn{
  margin-bottom: 10px;
}

/* Form */

form, form p, ul#twitter_update_list li p{
  margin-bottom: 0 !important;
}

#send-message{
  margin-right: 10px;
}

#contact input, #contact textarea{
  width: 280px;
}


input, textarea{
  font-size: 12px !important;
  color: #a5a5a5 !important;
}

#cnt_0, #cnt_3, #cnt_6, #cnt_9, #cnt_12{
  margin-right: 5px;
}

#counter div.cntSeparator:last-child{
  display: none;
}

.didgitDiv h4{
  line-height: 14px !important;
  font-size: 14px !important;
  color: #DBDBDB;
}

.desc div:last-child{
  margin: 0;
}

.desc{
  margin-top: 4px;
}

#send_message{
  margin-right: 10px;
}


/*NEW DIGIT*/

.didgitDiv {
	position: relative;
	display: inline-block;
	margin: 0 8px;
}

.didgitCont {
	height: 80px;
	overflow: hidden;
}

.cntSeparator {
	display: inline-block!important;
	float: none!important;
	display: none;
}


#counter {
	text-align: center;
	height: auto !important;
}

/* copyright */

.copyright{
  margin-top: 100px;
  color: #8d8d8d !important;
  text-align: center;
}

