/*
 * ---------------------------
 * --------- General ---------
 * ---------------------------
 */
.button {
	height: auto;
	padding: 6px 32px;
	color: #fff;
	font-size: 13px;
	font-weight: normal;
	text-align: center;
	text-transform: none;
	cursor: pointer;
	border: none;
	background: red;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.button:hover,
.button:focus,
.button:active {
	color: #ffffff;
}
.button:hover {
	background: #0e97e2;
}

.border-button {
	background: #fff;
	border: 1px solid #2bc3e8;
	color: #2bc3e8;
}

/*
 * --------------------------
 * --------- Styles ---------
 * --------------------------
 */

.blue-button {
	background: #3B70E3;
	border: 1px solid #3B70E3;
	font-weight: bold;
}
.blue-button:hover {
	background: #fff;
	color: #3B70E3;
}

.orange-button {
	background: #FF9D1D;
	border: 1px solid #ffa81d;
	color: #ffffff;
}
.orange-button:hover {
	background: #fff;
	color: #ffa81d;
}


.green-button {
	background: #56BE12;
	border: 1px solid #56BE12;
	color: #ffffff;
}
.green-button:hover {
	background: #fff;
	color: #56BE12;
}

.close-btn {
	background: #e6e6e6 url(/images/sprite.svg) no-repeat 0px -259px;
	position: absolute;
	right: 15px;
	top: 15px;
	width: 32px;
	height: 32px;
	cursor: pointer;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}


.button-light {
	color: #000;
	font-weight: 400;
	text-transform: none;
	border-color: #d4d4d4;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #e6e7e8));
	background: -webkit-linear-gradient(top, #fff 0%, #e6e7e8 100%);
	background: -o-linear-gradient(top, #fff 0%, #e6e7e8 100%);
	background: -ms-linear-gradient(top, #fff 0%, #e6e7e8 100%);
	background: linear-gradient(to bottom, #fff 0%, #e6e7e8 100%);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.button-light:hover {
	color: #000;
	background: #f5f5f5;
}
.button-light:focus {
	color: #000;
}
.button-green {
	background: #6bbe6b;
}
.button-green,
.button-green:hover,
.button-green:focus {
	color: #fff;
}
.button-blue {
	background-color: #3B70E3;
	border: 1px solid transparent;
	color: #fff;
}
.button-blue:hover,
.button-blue:focus,
.button-blue:active {
	background-color: #fff;
	border-color: #3B70E3;
	color: #3B70E3;
}
.button-dark-gray {
	background: #758181;
}
.button-dark-gray,
.button-dark-gray:hover,
.button-dark-gray:focus {
	color: #fff;
}
.button-shadow {
	-webkit-box-shadow: 0 0 8px -1px rgba(0, 0, 0, 0.30);
	-moz-box-shadow: 0 0 8px -1px rgba(0, 0, 0, 0.30);
	box-shadow: 0 0 8px -1px rgba(0, 0, 0, 0.30);
}
.button-small {
	height: 30px;
	padding: 0 10px;
	line-height: 30px;
	font-weight: 600;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.button-text-shadow {
	text-shadow: 0 0 2px #000;
}