.banner-fluid .button {
border-width: 1px;
border-style: solid;
border-color: #262626;
background-color: #FFFFFF;
color: #262626;
margin-left:180px;

}
.image-wrap {
position: relative;
display: inline-block;
}
.play-button {
position: absolute;
width: 100px;
height: 100px;
background-color: rgba(0,0,0,0.25);
border-radius: 100%;
top: 50%;
left: 50%;
margin: -30px 0 0 -30px;
cursor: pointer;
}
.play-button:after {
content: '';
display: block;
position: absolute;
left: 43px;
top: 28px;
border-width: 24px;
border-style: solid;
border-color: transparent transparent transparent white;
}

.play-button:hover {
background-color: black;
}

@media (max-width: 600px) {
	.form-category .btn-group {
		display: none;
	}

	.form-category .selecter {
		display: block;
	}
}

@media (min-width: 601px) {
	.form-category .btn-group {
		display: block;
	}

	.form-category .selecter {
		display: none;
	}
}
#loading-screen {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
}

.loading-spinner {
  border: 16px solid #a54843;
  border-top: 16px solid #3498db;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}