.feature-primary {
	border-radius: 50%;
	width:70px;
	height:70px;	
	margin:auto;  
	line-height:75px;
	color: #007bff;
	border: #007bff 1px solid;
}

.feature-secondary {
	border-radius: 50%;
	width:70px;
	height:70px;	
	margin:auto;  
	line-height:75px;
	color: #6c757d;
	border: #6c757d 1px solid;
}

.feature-success {
	border-radius: 50%;
	width:70px;
	height:70px;	
	margin:auto;  
	line-height:75px;
	color: #28a745;
	border: #28a745 1px solid;
}

.feature-info {
	border-radius: 50%;
	width:70px;
	height:70px;	
	margin:auto;  
	line-height:75px;
	color: #17a2b8;
	border: #17a2b8 1px solid;
}

.feature-warning {
	border-radius: 50%;
	width:70px;
	height:70px;	
	margin:auto;  
	line-height:75px;
	color: #ffc107;
	border: #ffc107 1px solid;
}

.feature-danger {
	border-radius: 50%;
	width:70px;
	height:70px;	
	margin:auto;  
	line-height:75px;
	color: #dc3545;
	border: #dc3545 1px solid;
}

.feature-light {
	border-radius: 50%;
	width:70px;
	height:70px;	
	margin:auto;  
	line-height:75px;
	color: #f8f9fa;
	border: #f8f9fa 1px solid;
}

.feature-dark {
	border-radius: 50%;
	width:70px;
	height:70px;	
	margin:auto;  
	line-height:75px;
	color: #343a40;
	border: #343a40 1px solid;
}

.feature-magenta {
	border-radius: 50%;
	width:70px;
	height:70px;	
	margin:auto;  
	line-height:75px;
	color: #c076f5;
	border: #c076f5 1px solid;
}

.feature-maroon {
	border-radius: 50%;
	width:70px;
	height:70px;	
	margin:auto;  
	line-height:75px;
	color: #dd3f63;
	border: #dd3f63 1px solid;
}

.feature-orange {
	border-radius: 50%;
	width:70px;
	height:70px;	
	margin:auto;  
	line-height:75px;
	color: #ff6600;
	border: #ff6600 1px solid;
}

.feature-lime {
	border-radius: 50%;
	width:70px;
	height:70px;	
	margin:auto;  
	line-height:75px;
	color: #00ff00;
	border: #00ff00 1px solid;
}

.feature-sky {
	border-radius: 50%;
	width:70px;
	height:70px;	
	margin:auto;  
	line-height:75px;
	color: #90fcff;
	border: #90fcff 1px solid;
}

.btn-magenta {
  color: #fff;
  background-color: #c076f5;
  border-color: #c076f5;
}

.btn-magenta:hover {
  color: #fff;
  background-color: #a132f0;
  border-color: #a132f0;
}

.btn-magenta:focus, .btn-magenta.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-magenta.disabled, .btn-magenta:disabled {
  color: #fff;
  background-color: #c076f5;
  border-color: #c076f5;
}

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

.btn-magenta:not(:disabled):not(.disabled):active:focus, .btn-magenta:not(:disabled):not(.disabled).active:focus,
.show > .btn-magenta.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-maroon {
  color: #fff;
  background-color: #dd3f63;
  border-color: #dd3f63;
}

.btn-maroon:hover {
  color: #fff;
  background-color: #c12246;
  border-color: #c12246;
}

.btn-maroon:focus, .btn-maroon.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-maroon.disabled, .btn-maroon:disabled {
  color: #fff;
  background-color: #dd3f63;
  border-color: #dd3f63;
}

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

.btn-maroon:not(:disabled):not(.disabled):active:focus, .btn-maroon:not(:disabled):not(.disabled).active:focus,
.show > .btn-maroon.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-orange {
  color: #fff;
  background-color: #ff6600;
  border-color: #ff6600;
}

.btn-orange:hover {
  color: #fff;
  background-color: #ff4500;
  border-color: #ff4500;
}

.btn-orange:focus, .btn-orange.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-orange.disabled, .btn-orange:disabled {
  color: #fff;
  background-color: #ff6600;
  border-color: #ff6600;
}

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

.btn-orange:not(:disabled):not(.disabled):active:focus, .btn-orange:not(:disabled):not(.disabled).active:focus,
.show > .btn-orange.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-lime {
  color: #fff;
  background-color: #00ff00;
  border-color: #00ff00;
}

.btn-lime:hover {
  color: #fff;
  background-color: #19e619;
  border-color: #19e619;
}

.btn-lime:focus, .btn-lime.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-lime.disabled, .btn-lime:disabled {
  color: #fff;
  background-color: #00ff00;
  border-color: #00ff00;
}

.btn-lime:not(:disabled):not(.disabled):active, .btn-lime:not(:disabled):not(.disabled).active,
.show > .btn-lime.dropdown-toggle {
  color: #fff;
  background-color: #00ff00;
  border-color: #c076f5;
}

.btn-lime:not(:disabled):not(.disabled):active:focus, .btn-lime:not(:disabled):not(.disabled).active:focus,
.show > .btn-lime.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-sky {
  color: #fff;
  background-color: #90fcff;
  border-color: #90fcff;
}

.btn-sky:hover {
  color: #fff;
  background-color: #00ffff;
  border-color: #00ffff;
}

.btn-sky:focus, .btn-sky.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-sky.disabled, .btn-sky:disabled {
  color: #fff;
  background-color: #90fcff;
  border-color: #90fcff;
}

.btn-sky:not(:disabled):not(.disabled):active, .btn-sky:not(:disabled):not(.disabled).active,
.show > .btn-sky.dropdown-toggle {
  color: #fff;
  background-color: #90fcff;
  border-color: #c076f5;
}

.btn-sky:not(:disabled):not(.disabled):active:focus, .btn-sky:not(:disabled):not(.disabled).active:focus,
.show > .btn-sky.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-rounded{
  border-radius: 50px;
}
.btn-circle{
  border-radius: 100px;
}
.btn-square{
  border-radius: 0px;
}
#sgcity{
	background: rgba(0,0,0,0.6); 
	position: fixed; 
	top: 0; 
	width: 100%; 
	z-index:5;
}