.card-span{
	transition: all 0.4s ease;
	border:0;
}

.card-span-img{
	  position: absolute;
	  left: 50%;
	  transform: translate3d(-50%, -50%, 0);
	}
	.cardse {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		min-width: 0;
		word-wrap: break-word;
		background-color: #ffffff00;
		background-clip: border-box;
		border: 2px solid #ee7a00;
		border-radius: 0.5rem;
	  }
	  
	  .cardse > hr {
		margin-left: 0;
		margin-right: 0;
	  }
	  
	  .cardse > .list-group {
		border-top: inherit;
		border-bottom: inherit;
	  }
	  
	  .cardse > .list-group:first-child {
		border-top-width: 0;
		border-top-right-radius: calc(0.5rem - 1px);
		border-top-left-radius: calc(0.5rem - 1px);
	  }
	  
	  .cardse > .list-group:last-child {
		border-bottom-width: 0;
		border-bottom-left-radius: calc(0.5rem - 1px);
		border-bottom-right-radius: calc(0.5rem - 1px);
	  }
	  
	  .cardse > .card-header + .list-group,
	  .cardse > .list-group + .card-footer {
		border-top: 0;
	  }
	  
	  .card-bodys {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		padding: 1rem 1rem;
	  }
	  
	  .card-title {
		margin-bottom: 0.5rem;
	  }
	  
	  .card-subtitle {
		margin-top: -0.25rem;
		margin-bottom: 0;
	  }
	  
	  .card-text:last-child {
		margin-bottom: 0;
	  }
	  
	  .card-link:hover {
		text-decoration: none;
	  }
	  
	  .card-link + .card-link {
		margin-right: 1rem;
	  }
	  
	  .card-header {
		padding: 0.5rem 1rem;
		margin-bottom: 0;
		background-color: #f8f8f8;
		border-bottom: 1px solid rgba(0, 0, 0, 0.125);
	  }
	  
	  .card-header:first-child {
		border-radius: calc(0.5rem - 1px) calc(0.5rem - 1px) 0 0;
	  }
	  
	  .card-footer {
		padding: 0.5rem 1rem;
		background-color: #f8f8f8;
		border-top: 1px solid rgba(0, 0, 0, 0.125);
	  }
	  
	  .card-footer:last-child {
		border-radius: 0 0 calc(0.5rem - 1px) calc(0.5rem - 1px);
	  }
	  
	  .card-header-tabs {
		margin-left: -0.5rem;
		margin-bottom: -0.5rem;
		margin-right: -0.5rem;
		border-bottom: 0;
	  }
	  
	  .card-header-tabs .nav-link.active {
		background-color: #FFFEFE;
		border-bottom-color: #FFFEFE;
	  }
	  
	  .card-header-pills {
		margin-left: -0.5rem;
		margin-right: -0.5rem;
	  }
	  
	  .card-img-overlay {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		padding: 1rem;
		border-radius: calc(0.5rem - 1px);
	  }
	  
	  .card-img,
	  .card-img-top,
	  .card-img-bottom {
		width: 100%;
	  }
	  
	  .card-img,
	  .card-img-top {
		border-top-right-radius: calc(0.5rem - 1px);
		border-top-left-radius: calc(0.5rem - 1px);
	  }
	  
	  .card-img,
	  .card-img-bottom {
		border-bottom-left-radius: calc(0.5rem - 1px);
		border-bottom-right-radius: calc(0.5rem - 1px);
	  }
	  
	  .card-group > .cardse {
		margin-bottom: 1rem;
	  }
	  
	  @media (min-width: 576px) {
		.card-group {
		  display: -webkit-box;
		  display: -ms-flexbox;
		  display: flex;
		  -webkit-box-orient: horizontal;
		  -webkit-box-direction: normal;
		  -ms-flex-flow: row wrap;
		  flex-flow: row wrap;
		}

		@media (min-width: 576px) {
			.card-group {
			  display: -webkit-box;
			  display: -ms-flexbox;
			  display: flex;
			  -webkit-box-orient: horizontal;
			  -webkit-box-direction: normal;
			  -ms-flex-flow: row wrap;
			  flex-flow: row wrap;
			}

		}	
		.card-group > .cardse {
		  -webkit-box-flex: 1;
		  -ms-flex: 1 0 0%;
		  flex: 1 0 0%;
		  margin-bottom: 0;
		}
		.card-group > .cardse + .cardse {
		  margin-right: 0;
		  border-right: 0;
		}
		.card-group > .card:not(:last-child) {
		  border-top-left-radius: 0;
		  border-bottom-left-radius: 0;
		}
		.card-group > .card:not(:last-child) .card-img-top,
		.card-group > .card:not(:last-child) .card-header {
		  border-top-left-radius: 0;
		}
		.card-group > .card:not(:last-child) .card-img-bottom,
		.card-group > .card:not(:last-child) .card-footer {
		  border-bottom-left-radius: 0;
		}
		.card-group > .card:not(:first-child) {
		  border-top-right-radius: 0;
		  border-bottom-right-radius: 0;
		}
		.card-group > .card:not(:first-child) .card-img-top,
		.card-group > .card:not(:first-child) .card-header {
		  border-top-right-radius: 0;
		}
		.card-group > .card:not(:first-child) .card-img-bottom,
		.card-group > .card:not(:first-child) .card-footer {
		  border-bottom-right-radius: 0;
		}
	  }

	.dots {
	cursor: pointer;
	height: 12px;
	width: 12px;
	margin: 0 6px;
	background-color: #fff;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.5s ease;
	}
	
	.enable, .dots:hover {
	background-color: #ee7a00;
	}