/* ========== button s ========== */

.btn {
	color: #fff;
	/*border-radius: 0;*/
	border-width: 1px;
	border-style: solid;
	transition: all .3s ease;
}

.btn:focus,
.btn:hover,
.btn.active,
.btn.active:focus,
.btn.active:hover {
	color: #fff;
	opacity: .8;
	filter: alpha(opacity=80);
	box-shadow: none;
	outline: none;
	outline-offset: 0;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
	/*outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;*/
	outline: none;
	outline-offset: 0;
}

.button-white:focus,
.button-white:hover,
.button-white.active,
.button-white.active:focus,
.button-white.active:hover {
	color: #000;
	border-color: #000;
	background-color: #fff;
}

.btn-lg {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
}

.btn-sm {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
}

.btn-xs {
	padding: 1px 5px;
	font-size: 12px;
	line-height: 1.5;
}

@media (max-width: 1199px) {}

@media (max-width: 991px) {
	.btn-lg-md {
		padding: 10px 16px;
		font-size: 18px;
		line-height: 1.3333333;
		border-radius: 6px;
	}
	.btn-sm-md {
		padding: 5px 10px;
		font-size: 12px;
		line-height: 1.5;
	}
	.btn-xs-md {
		padding: 1px 5px;
		font-size: 12px;
		line-height: 1.5;
	}
}

@media (max-width: 767px) {
	.btn-lg-sm {
		padding: 10px 16px;
		font-size: 18px;
		line-height: 1.3333333;
		border-radius: 6px;
	}
	.btn-sm-sm {
		padding: 5px 10px;
		font-size: 12px;
		line-height: 1.5;
	}
	.btn-xs-sm {
		padding: 1px 5px;
		font-size: 12px;
		line-height: 1.5;
	}
}

@media (max-width: 479px) {
	.btn-lg-xs {
		padding: 10px 16px;
		font-size: 18px;
		line-height: 1.3333333;
		border-radius: 6px;
	}
	.btn-sm-xs {
		padding: 5px 10px;
		font-size: 12px;
		line-height: 1.5;
	}
	.btn-xs-xs {
		padding: 1px 5px;
		font-size: 12px;
		line-height: 1.5;
	}
}

@media (max-width: 319px) {}


/* ========== button e ========== */