/* -------------------------------------------------

----------------------------------------
BONUS W/ CALL-TO-ACTION DOWNLOAD BUTTONS
----------------------------------------

------------------------------------------------- */


/* ----------------------------
GENERAL -----------------------
---------------------------- */

.btnd {
	border: 1px solid ;
	color: #fff;
	display: inline-block;
	height: 52px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 17px;
	font-weight: bold;
	line-height: 52px;
	padding: 0px 25px;
	position: relative;
	text-transform: uppercase;
	text-shadow: 0px 1px 0px rgba(0,0,0,0.15);
	
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	
	-khtml-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.15);
	-moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.15);
	-o-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.15);
	-webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.15);
	box-shadow: inset 0px 1px 0px rgba(255,255,255,0.15);
}

.btnd:hover {
	color: #fff;
	
	-khtml-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.15), 0px 1px 2px rgba(0,0,0,0.15);
	-moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.15), 0px 1px 2px rgba(0,0,0,0.15);
	-o-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.15), 0px 1px 2px rgba(0,0,0,0.15);
	-webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.15), 0px 1px 2px rgba(0,0,0,0.15);
	box-shadow: inset 0px 1px 0px rgba(255,255,255,0.15), 0px 1px 2px rgba(0,0,0,0.15);
}

.btnd:active, .btn:focus {
	color: #fff;
	
	-khtml-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.15), 0px 1px 0px rgba(255,255,255,0.45);
	-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.15), 0px 1px 0px rgba(255,255,255,0.45);
	-o-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.15), 0px 1px 0px rgba(255,255,255,0.45);
	-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.15), 0px 1px 0px rgba(255,255,255,0.45);
	box-shadow: inset 0px 1px 2px rgba(0,0,0,0.15), 0px 1px 0px rgba(255,255,255,0.45);
}


/* ----------------------------
COLORS ------------------------
---------------------------- */

/* ------------------
RED -----------------
------------------ */

.btnd.red {
	background-color: #d83e33;
	border-color: #d43e34 #c5261e #bd1f18;
	
	background: -moz-linear-gradient(top, #df5449, #cd2e25);
	background: -ms-linear-gradient(top, #df5449, #cd2e25);
	background: -o-linear-gradient(top, #df5449, #cd2e25);
	background: -webkit-gradient(linear, left top, left bottom, from(#df5449), to(#cd2e25));
	background: -webkit-linear-gradient(top, #df5449, #cd2e25);
	background: linear-gradient(top, #df5449, #cd2e25);	
}

.btnd.red:hover {
	background-color: #d13328;
	border-color: #cc342b #bb1e16 #b21812;
	
	background: -moz-linear-gradient(top, #d8483c, #c4251d);
	background: -ms-linear-gradient(top, #d8483c, #c4251d);
	background: -o-linear-gradient(top, #d8483c, #c4251d);
	background: -webkit-gradient(linear, left top, left bottom, from(#d8483c), to(#c4251d));
	background: -webkit-linear-gradient(top, #d8483c, #c4251d);
	background: linear-gradient(top, #d8483c, #c4251d);	
}

.btnd.red:active, .btn.red:focus {
	background-color: #c02118;
	border-color: #cc342b #b11812 #a20f0b;
	
	background: -moz-linear-gradient(top, #d8483c, #b81812);
	background: -ms-linear-gradient(top, #d8483c, #b81812);
	background: -o-linear-gradient(top, #d8483c, #b81812);
	background: -webkit-gradient(linear, left top, left bottom, from(#d8483c), to(#b81812));
	background: -webkit-linear-gradient(top, #d8483c, #b81812);
	background: linear-gradient(top, #d8483c, #b81812);
}