/*=======================================================================

	❤❤❤ A Beautifully Responsive UI Kit. Perfected by Digital Surgeons. ❤❤❤
 
 ========================================================================*/
 
 


/*=======================================================================

	Buttons
	
 ========================================================================*/
	
	
	.btn {
	  
		position: relative;
		display: inline-block;
		
		width: auto;
		height: 36px;
		font-size: 16px;
		line-height: 36px;
		border: 1px solid #999;
		border-radius: 4px;
		cursor: pointer;
		margin: 0 0 20px 0;

		-webkit-box-shadow: inset 0 1px 1px #fff,
			0 1px 2px rgba(0,0,0,0.31); /* Remove this line if you dont want a dropshadow on your buttons*/
		box-shadow: inset 0 1px 1px #fff,
					0 1px 2px rgba(0,0,0,0.31); /* Remove this line if you dont want a dropshadow on your buttons*/
		
		background: #ccc; /* Old browsers */
		background: -moz-linear-gradient(top, #eee 0%, #ccc 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#ccc)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #eee 0%,#ccc 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #eee 0%,#ccc 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #eee 0%,#ccc 100%); /* IE10+ */
		background: linear-gradient(top, #eee 0%,#ccc 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
	}
	
	.btn:hover {
		-webkit-box-shadow: inset 0 1px 1px #fff,
			0 1px 2px rgba(0,0,0,0.31); /* Remove this line if you dont want a dropshadow on your buttons*/
		box-shadow: inset 0 1px 1px #fff,
					0 1px 2px rgba(0,0,0,0.31); /* Remove this line if you dont want a dropshadow on your buttons*/
		
		background: #ccc; /* Old browsers */
		background: -moz-linear-gradient(top, #fff 0%, #ddd 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#ddd)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #fff 0%,#ddd 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #fff 0%,#ddd 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #fff 0%,#ddd 100%); /* IE10+ */
		background: linear-gradient(top, #fff 0%,#ddd 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
	}

	
	.btn a, .btn:hover a {
		display: block;
		font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
		font-weight: bold;
		padding: 0 20px;
		text-align: center;
		text-decoration: none;
		color: #444;
		text-shadow: 0 1px 1px #fff;
	}
	
	.btn:hover a {
		line-height: inherit;
	}
	
	.btn:active {
		background: #ccc; /* Old browsers */
		background: -moz-linear-gradient(top, #ddd 0%, #fff 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ddd), color-stop(100%,#fff)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #ddd 0%,#fff 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #ddd 0%,#fff 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #ddd 0%,#fff 100%); /* IE10+ */
		background: linear-gradient(top, #ddd 0%,#fff 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	}

	.btn.primary {
	  font-size: 24px;
		height: 56px;
		line-height: 56px;
		border: 1px solid #7d180a;
		
		background: #c54224; /* Old browsers */
		background: -moz-linear-gradient(top, #ef6638 0%, #b62918 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef6638), color-stop(100%,#b62918)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #ef6638 0%,#b62918 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #ef6638 0%,#b62918 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #ef6638 0%,#b62918 100%); /* IE10+ */
		background: linear-gradient(top, #ef6638 0%,#b62918 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef6638', endColorstr='#b62918',GradientType=0 ); /* IE6-9 */
		
		-webkit-box-shadow: inset 0 1px 1px #fb926a,
			0 1px 2px rgba(0,0,0,0.61); /* Remove this line if you dont want a dropshadow on your buttons*/
		box-shadow: inset 0 1px 1px #fb926a,
					0 1px 2px rgba(0,0,0,0.61); /* Remove this line if you dont want a dropshadow on your buttons*/
		
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;

	}
	
	.btn.primary:hover {
		line-height: 56px;
		background: #ed754e; /* Old browsers */
		background: -moz-linear-gradient(top, #ed754e 0%, #c93e23 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed754e), color-stop(100%,#c93e23)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #ed754e 0%,#c93e23 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #ed754e 0%,#c93e23 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #ed754e 0%,#c93e23 100%); /* IE10+ */
		background: linear-gradient(top, #ed754e 0%,#c93e23 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed754e', endColorstr='#c93e23',GradientType=0 ); /* IE6-9 */
	}
	
	.btn.primary a, btn.primary:hover a {
		color: #fff;
		text-shadow: 0 1px 2px #6f1c0e,0 1px 0 #6f1c0e;
	}
	
	.btn.primary:active {
		background: #ed754e; /* Old browsers */
		background: -moz-linear-gradient(top, #c93e23 0%, #ed754e 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c93e23), color-stop(100%,#ed754e)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #c93e23 0%,#ed754e 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #c93e23 0%,#ed754e 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #c93e23 0%,#ed754e 100%); /* IE10+ */
		background: linear-gradient(top, #c93e23 0%,#ed754e 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c93e23', endColorstr='#ed754e',GradientType=0 ); /* IE6-9 */
	}
	
	.btn.secondary { 
	  font-size: 24px;
		height: 56px;
		line-height: 56px;
		border-color: #1d692d;
	
		-webkit-box-shadow: inset 0 1px 1px #94dda6,
			0 1px 2px rgba(0,0,0,0.61); /* Remove this line if you dont want a dropshadow on your buttons*/
		box-shadow: inset 0 1px 1px #94dda6,
					0 1px 2px rgba(0,0,0,0.61); /* Remove this line if you dont want a dropshadow on your buttons*/
	
		background: #5dbb73; /* Old browsers */
		background: -moz-linear-gradient(top, #5dbb73 0%, #2d9047 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5dbb73), color-stop(100%,#2d9047)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #5dbb73 0%,#2d9047 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #5dbb73 0%,#2d9047 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #5dbb73 0%,#2d9047 100%); /* IE10+ */
		background: linear-gradient(top, #5dbb73 0%,#2d9047 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5dbb73', endColorstr='#2d9047',GradientType=0 ); /* IE6-9 */
	}
	
	.btn.secondary:hover {
		background: #68ce80; /* Old browsers */
		background: -moz-linear-gradient(top, #68ce80 0%, #3cae5a 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#68ce80), color-stop(100%,#3cae5a)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #68ce80 0%,#3cae5a 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #68ce80 0%,#3cae5a 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #68ce80 0%,#3cae5a 100%); /* IE10+ */
		background: linear-gradient(top, #68ce80 0%,#3cae5a 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68ce80', endColorstr='#3cae5a',GradientType=0 ); /* IE6-9 */
	}
	
	.btn.secondary a, .btn.secondary:hover a {
		color: #fff;
		text-shadow: 0 1px 2px #114a1e,
								 0 1px 0 #114a1e;
	}
	
	.btn.secondary:active {
		background: #68ce80; /* Old browsers */
		background: -moz-linear-gradient(top, #3cae5a 0%, #68ce80 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3cae5a), color-stop(100%,#68ce80)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #3cae5a 0%,#68ce80 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #3cae5a 0%,#68ce80 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #3cae5a 0%,#68ce80 100%); /* IE10+ */
		background: linear-gradient(top, #3cae5a 0%,#68ce80 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3cae5a', endColorstr='#68ce80',GradientType=0 ); /* IE6-9 */
	}
	
	.btn.tertiary {
	  font-size: 20px;
		height: 46px;
		line-height: 46px;
		border-color: #c19114;
		
		background: #feeeb8; /* Old browsers */
		background: -moz-linear-gradient(top, #feeeb8 0%, #fed554 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feeeb8), color-stop(100%,#fed554)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #2b8ee1 0%,#51a6ee 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #2b8ee1 0%,#fed554 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #feeeb8 0%,#fed554 100%); /* IE10+ */
		background: linear-gradient(top, #feeeb8 0%,#fed554 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feeeb8', endColorstr='#fed554',GradientType=0 ); /* IE6-9 */
		
		-webkit-box-shadow: inset 0 2px 2px #fef9e9,
					inset 0 -3px 5px #fcaa20,
					0 1px 2px rgba(0,0,0,0.61); /* Remove this line if you dont want a dropshadow on your buttons*/
		box-shadow: inset 0 2px 2px #fef9e9,
					inset 0 -3px 5px #fcaa20,
					0 1px 2px rgba(0,0,0,0.61); /* Remove this line if you dont want a dropshadow on your buttons*/
	}
	
	.btn.tertiary:hover {
		background: #fef4d3; /* Old browsers */
		background: -moz-linear-gradient(top, #fef4d3 0%, #fcde7e 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fef4d3), color-stop(100%,#fcde7e)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #51a6ee 0%,#2b8ee1 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #fef4d3 0%,#fcde7e 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #fef4d3 0%,#fcde7e 100%); /* IE10+ */
		background: linear-gradient(top, #fef4d3 0%,#fcde7e 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef4d3', endColorstr='#fcde7e',GradientType=0 ); /* IE6-9 */
		
		-webkit-box-shadow: inset 0 2px 2px #fef9e9,
					inset 0 -3px 5px #fdc841,
					0 1px 2px rgba(0,0,0,0.61); /* Remove this line if you dont want a dropshadow on your buttons*/
		box-shadow: inset 0 2px 2px #fef9e9,
					inset 0 -3px 5px #fdc841,
					0 1px 2px rgba(0,0,0,0.61); /* Remove this line if you dont want a dropshadow on your buttons*/
	}

	.btn.tertiary a, .btn.tertiary:hover a {
		color: #ffffff;
		text-shadow: 0 1px 2px #114a1e;
	}
	
	.btn.tertiary:active {
		background: #fef4d3; /* Old browsers */
		background: -moz-linear-gradient(top, #fcde7e 0%, #fef4d3 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcde7e), color-stop(100%,#fef4d3)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #fcde7e 0%,#fef4d3 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #fcde7e 0%,#fef4d3 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #fcde7e 0%,#fef4d3 100%); /* IE10+ */
		background: linear-gradient(top, #fcde7e 0%,#fef4d3 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcde7e', endColorstr='#fef4d3',GradientType=0 ); /* IE6-9 */
	}
	
	.oval { 
		-moz-border-radius: 1000px;
		-webkit-border-radius: 1000px;
		border-radius: 1000px;
	}
	
	.btn.submit input {
	  font: 16px "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	  font-weight: bold;
	  padding: 0 20px;
	  text-align: center;
	  text-decoration: none;
	  background: transparent;
	  color: #444;
	  text-shadow: 0 1px 1px #fff;
	  border: none;
	  margin: 0;
	  cursor: pointer;
	}

	.btn.submit {
		text-align: center;
	}
	
	.btn.left { 
		text-align: left; 
		text-indent: 12px;
	}
	
	
	
	/*=====================================================================
	
	 Resize your buttons (Works in conjunction with .primary, .secondary,
	 .tertiary button styles as well!)
	 	
	 =======================================================================*/
	

	
	.small.btn {
	  font-size: 12px;
		line-height: 24px !important;
		height: 24px;
	}
	
	.medium.btn {
	  font-size: 16px;
		line-height: 40px !important;
		height: 40px;
	}
	
	.large.btn {
	  font-size: 30px;
		line-height: 65px !important;
		height: 65px;
	}
	
	/* Mobile Buttons */
	
	@media only screen and (max-width: 767px) {
		.btn { display: block; }
		button.btn { width: 100%; padding-left: 0px; padding-right: 0px; }
		
		.btn.primary, .btn.secondary, .btn.tertiary, .btn.large {
			width: 100% !important;
		}
		
		.btn.medium {
			min-width: 75% !important;
		}
	}
	
	@media only screen and (min-width:768px) and (max-width: 939px) {
	  /* Style adjustments for viewports between 768px and 940px */
	  
	  .btn.shrink a {
	    font-size: 90%;
	  }
	
	}
	
	/* Correct FF button padding, thx ZURB */
	@-moz-document url-prefix(http://) {
		input[type=submit].button::-moz-focus-inner, button.button::-moz-focus-inner { border: 0; padding: 0; }
		input[type=submit].small.button		{ padding: 7px 20px 8px; }
		input[type=submit].medium.button	{ padding: 8px 34px 9px; }
		input[type=submit].large.button		{ padding: 9px 48px 10px; }
	}


.btn-info {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #49afcd;
  *background-color: #2f96b4;
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}



 .btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  color: #ffffff;
  background-color: #2f96b4;
  *background-color: #2a85a0;
}

.btn-info:active,
.btn-info.active {
  background-color: #24748c \9;
}

.btn-info:hover a {
		display: block;
		font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
		font-weight: bold;
		padding: 0 20px;
		text-align: center;
		text-decoration: none;
		color: #444;
		 background-color: #2f96b4;
		 *background-color: #2a85a0;
		text-shadow: 0 1px 1px #fff;
	}