.circle {
  position: relative;
  width: 55px;
  height: 55px;
  top: 10px;


  &:before {
    content: "";
    position: relative;
    display: block;
    width: 250%;
    height: 250%;
    box-sizing: border-box;
    margin-left: -75%;
    margin-top: -75%;
    border-radius: 100px;
    background-color: red;
    animation: pulse 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
  }

  &:after {
    content: "";
	color: white;
	font: 800 18px 'Montserrat';
    position: relative;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
	    margin-left: 0%;
    margin-top: -175%;
    background-color: red;
    border-radius: 50px;
    animation: circle 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
  }
}

@keyframes pulse {
  0% {
    transform: scale(0.33);
  }
  80%,
  100% {
    opacity: 0;
  }
}

@keyframes circle {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
  }
}

	.column {
	  flex: 33.33%;
	  *height: 200px;
	  padding: 30px 10px 10px 10px !important;
	  margin: 5px;
	  *background-color: #cccccc;
	  background-image: linear-gradient(to bottom right, #d6b30a, #0974a90a);
	  text-align: center;
	  display:block;
	  color: #FFFFFF;
    font: 20px "Marcellus SC", "Montserrat", arial, sans-serif;
    font-weight: 400;
    line-height: normal;
	  
	}
	.container {
	   display: block;
	   padding: 0px 2px 0px 2px;
	}
	.tp {
	border: 3px solid #e3cf5f;
    padding-bottom: 30px;
    padding-top: 40px;
    border-radius: 15px;
    background-color: #fff7d2;
	}
	.tx {
	text-shadow: 1px 0px 2px #000000e3;
	}
	
	.sl1 {
	
	flex-flow:column;
	
	background:#eaeaea;
	
}
section {
	display:flex;
	flex-flow:column;
	align-items:center;
	div.container {
		transition:all .3s ease;
		h1 { margin:15px 0 0 0; }
		h3 { margin:0 0 25px 0; }
	}
	@media (max-width:992px) { padding:0 20px 0 20px; }
}
section.slide-option {
	margin:0 0 0 0;
	padding: 0;
	.no-marg { margin:0 0 0 0; }
}

div.highway-slider {
	display:flex;
	justify-content:center;
	width:100%;
	height:100px;
	div.highway-barrier {
		overflow:hidden;
		position:relative;
	}
	ul.highway-lane {
		display:flex;
		height:70%;
		li.highway-car {
			flex:1;
			display:flex;
			justify-content:center;
			align-items:center;
			background:#fff;
			color:#343434;
		}
	}
}

@keyframes translatestf {
	0% { transform:translateX(100%);  }
	100% { transform:translateX(-500%);  }
}
#stffull div.highway-barrier {
	ul.highway-lane {
		width:500%;
		li.highway-car {
			animation:translatestf 70s linear infinite;
			h4 { font:28px 'Marcellus SC'; }
		}
	}
}

@keyframes translateinfinite {
	100% { transform:translateX(calc(-180px * 12));  }
}
#infinite div.highway-barrier {
	background:#fff;
	box-shadow:0 3px 10px -3px rgba(0,0,0,0.3);
	&::before,
	&::after {
		content: " ";
		position:absolute;
		z-index:9;
		width:180px;
		height:100%;	
	}
	&::before {
		top:0;left:0;
		background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	}
	&::after {
		top:0;right:0;
		background: linear-gradient(to left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	}
	ul.highway-lane {
		width:calc(180px * 24);
		li.highway-car {
			width:180px;
			animation:translateinfinite 70s linear infinite;
			span.fab {
				font-size:65px;
			}
		}
	}
}

#red { background: #cb5454; }
#orange { background: #cb8054; }
#yellow { background: #cbba54; }
#green { background: #69b46e; }
#blue { background: #6091b0; }

.marquee {
  margin: 0 auto;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  min-width: 100%;
}

.marquee span {
  display: inline-block;
  padding-left: 100%;
  animation: marquee 50s linear infinite;
  font: 20px 'Marcellus SC';
  padding: 10px 0 10px 0;
  animation-delay: 0s;
}

.marquee2 span {
  animation-delay: 0s;
}

.marquee2 {
  box-shadow: 0px 10px 10px -10px rgba(0,0,0,0.3);
}

@keyframes marquee {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}

@media handheld and (min-width: 800px), screen and (min-device-width: 800px), screen and (min-width: 800px) {

.live {margin-bottom: -170px !important;}}

@media handheld and (min-width: 500px), screen and (min-device-width: 500px), screen and (min-width: 500px) {

.sldesk {margin-bottom: -340px !important;}}

@media handheld and (max-width: 800px), screen and (max-device-width: 800px), screen and (max-width: 800px) {

.bk {max-width: 100% !important;}}


@media
	only screen 
    and (max-width: 760px), (min-device-width: 768px) 
    and (max-device-width: 1024px)  {

		.audio {
			display: block;
		}
	}