@charset "UTF-8";
/**
 * bootstrap customize
 */

/* btn
--------------------------------------------------------- */
.btn-primary {
	background-color: #ef6a32;
	border-color: #ef6a32;
	color: #fff;
}
.btn-primary:hover {
	background-color: #fff;
	border-color: #ef6a32;
	color: #ef6a32;
}
.btn-primary {
  color: #fff;
  background-color: #ef6a32;
  border-color: #ef6a32;
}

.btn-primary:hover {
	background-color: #fff;
	border-color: #ef6a32;
	color: #ef6a32;
}

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(239, 106, 50, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
	background-color: #fff;
	border-color: #ef6a32;
	color: #ef6a32;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
	background-color: #fff;
	border-color: #ef6a32;
	color: #ef6a32;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(239, 106, 50, 0.5);
}



.btn-secondary {
	background-color: #fff;
	border-color: #ddd;
	color: #666;
}

/* no gutters
--------------------------------------------------------- */
.no-gutters {
	margin:0;
	padding:0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
	margin:0;
	padding:0;
}

/* 5 column
--------------------------------------------------------- */
.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5,
.col-xs-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5,
.col-xs-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5,
.col-xs-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
.col-xs-1-5 {
	width: 20%;
	float: left;
}
.col-xs-2-5 {
	width: 40%;
	float: left;
}
.col-xs-3-5 {
	width: 60%;
	float: left;
}

.col-xs-4-5 {
	width: 80%;
	float: left;
}
@media (min-width: 768px) {
	.col-sm-1-5 {
		width: 20%;
		float: left;
	}
	.col-sm-2-5 {
		width: 40%;
		float: left;
	}
	.col-sm-3-5 {
		width: 60%;
		float: left;
	}
	.col-sm-4-5 {
		width: 80%;
		float: left;
	}
}
@media (min-width: 992px) {
	.col-md-1-5 {
		width: 20%;
		float: left;
	}
	.col-md-2-5 {
		width: 40%;
		float: left;
	}
	.col-md-3-5 {
		width: 60%;
		float: left;
	}
	.col-md-4-5 {
		width: 80%;
		float: left;
	}
}
@media (min-width: 1200px) {
	.col-lg-1-5 {
		width: 20%;
		float: left;
	}
	.col-lg-2-5 {
		width: 40%;
		float: left;
	}
	.col-lg-3-5 {
		width: 60%;
		float: left;
	}
	.col-lg-4-5 {
		width: 80%;
		float: left;
	}
}