@charset "UTF-8";
/* CSS Document */

/* @Default Button
===================================== */
.btn, .button, button {
	color:#fff !important;
	font-size:13px;
	line-height: 1em;
	text-align:center;
	text-transform: uppercase;
	font-weight:700;
	letter-spacing:0.35em;
	
	display: inline-block;
	cursor: pointer;
	padding: 1.25em 4em 1.05em;
	margin-bottom: 0;
	background-color: #00a9f5 !important;
	position: relative;
	-webkit-appearance: none;
	
	border: none;	
	-webkit-border-radius: 1.95em;
	-moz-border-radius: 1.95em;
	border-radius: 1.95em;
	
	transition: all .25s ease-in-out; 
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

.btn:link,
.btn.visited,
.button:link,
.button.visited{
	color: #fff;
}

.btn:hover, 
.btn.active,
.button:hover, 
.button.active,
button:hover, 
button.active{
	background: #646464 !important;
	text-decoration: none;
}

.black{
	background-color: #333333 !important;
	margin-right:2em;
}

.btn:focus,
.button:focus {
	background: #4b4b4b !important;
	outline: none;
	outline-offset: inherit;
	 background-color: inherit;
}


#topHatWrapper button{
	background: none !important;
	padding: 1.25em 3.55em 0.15em 0.25em !important;
	font-size:13px !important;
	letter-spacing:0 !important;
}

#topHatWrapper button span{
	margin-right:0.75em;
}


.dropdown.button::after, button.dropdown::after {
    border-style: none;
	font-family: FontAwesome;
	font-size:16px;
    content: "\f107";
    display: block;
    height: 0;
    position: absolute;
    top: 50%;
    width: 0;
    border-width: inherit;
    right: 1.40625rem;
    margin-top: 0.055em;
    border-color: transparent;
}
/* @end Default Button:
===================================== */

@media only screen and (max-width: 720px) {
	.black{
		margin-right:0;
		margin-bottom:2em;
	}
}