/* ----------------------------------------------------------------
	Marcate CSS
-----------------------------------------------------------------*/
.mark{
	background: none !important;
	position: relative;
	top: 0px;
	left: 0;
	font-size: 14px;
	padding: 5px;
	text-align: center;
	border-bottom: 1px solid #f00;
	border-top: 1px solid #f00;
}

.before-runner{
	float: left !important;
	margin-left: 25px;
	border-right:1px solid #f00;
	-o-animation:aparecer .5s ease-in 3.8s forwards;
	-ms-animation:aparecer .5s ease-in 3.8s forwards;
	-moz-animation:aparecer .5s ease-in 3.8s forwards;
	-webkit-animation:aparecer .5s ease-in 3.8s forwards;
	animation:aparecer .5s ease-in 3.8s forwards;

}

.before-runner:after{
	position:absolute;
	top:-3px;
	left:-10px;
	content:'';
	width:1px;
	height:60%;
	background:#f00;
	-o-transform:rotate(35deg);
	-ms-transform:rotate(35deg);
	-moz-transform:rotate(35deg);
	-webkit-transform:rotate(35deg);
	transform:rotate(35deg)
}

.before-runner:before{
	position:absolute;
	bottom:-3px;
	left:-10px;
	content:'';
	width:1px;
	height:60%;
	background:#f00;
	-o-transform:rotate(-35deg);
	-ms-transform:rotate(-35deg);
	-moz-transform:rotate(-35deg);
	-webkit-transform:rotate(-35deg);
	transform:rotate(-35deg)
}

.after-runner{
	float: right !important;
	margin-right: 25px;
	border-left:1px solid #16b8df;
	border-bottom:1px solid #16b8df;
	border-top:1px solid #16b8df;
	-o-animation:aparecer .5s ease-in 4s forwards;
	-ms-animation:aparecer .5s ease-in 4s forwards;
	-moz-animation:aparecer .5s ease-in 4s forwards;
	-webkit-animation:aparecer .5s ease-in 4s forwards;
	animation:aparecer .5s ease-in 4s forwards;
}

.after-runner:after{
	position:absolute;
	top:-3px;
	right:-10px;
	content:'';
	width:1px;
	height:60%;
	background:#16b8df;
	-o-transform:rotate(-35deg);
	-ms-transform:rotate(-35deg);
	-moz-transform:rotate(-35deg);
	-webkit-transform:rotate(-35deg);
	transform:rotate(-35deg)
}

.after-runner:before{
	position:absolute;
	bottom:-3px;
	right:-10px;
	content:'';
	width:1px;
	height:60%;
	background:#16b8df;
	-o-transform:rotate(35deg);
	-ms-transform:rotate(35deg);
	-moz-transform:rotate(35deg);
	-webkit-transform:rotate(35deg);
	transform:rotate(35deg)
}


/* Feature Box - Background
-----------------------------------------------------------------*/
.feature-box.fbox-bg.fbox-center.fbox-sm {
	margin-top: 68px;
	padding: 35px 10px 10px;
	background-color: #FFF;
	border: 1px solid #E5E5E5;
	border-radius: 5px;
}

.feature-box.fbox-bg.fbox-center.fbox-sm:first-child { margin-top: 48px; }

.feature-box.fbox-bg.fbox-center.fbox-sm.fbox-large {
	margin-top: 84px;
	padding-top: 84px;
}

.feature-box.fbox-bg.fbox-center.fbox-sm.fbox-large:first-child { margin-top: 64px; }

.feature-box.fbox-bg.fbox-center.fbox-sm .fbox-icon {
	position: absolute;
	top: -35px;
	left: 55%;
	margin: 0 0 0 -48px;
}

.feature-box.fbox-bg.fbox-center.fbox-sm.fbox-large .fbox-icon {
	top: -64px;
	left: 50%;
	margin-left: -64px;
}

.feature-box.fbox-bg.fbox-center.fbox-sm.fbox-plain .fbox-icon,
.feature-box.fbox-bg.fbox-center.fbox-sm.fbox-border .fbox-icon,
.feature-box.fbox-bg.fbox-center.fbox-sm.fbox-outline .fbox-icon { background-color: #FFF; }

/* Feature Box - Center
-----------------------------------------------------------------*/

.feature-box.fbox-center.fbox-sm .fbox-icon {
	position: relative;
	width: 66px;
	height: 66px;
	margin: 0 auto 30px;
}

.feature-box.fbox-center.fbox-sm .fbox-icon i {
	font-size: 35px;
	line-height: 65px;
}

.time-title {
	color: #2ECF2D;
    font-size: 42px;
}
.btn-success {
    background-color: #2ECF2D;
}

@media (max-width: 991px) {
    #logo {
        padding: 0 0 0 30px !important;
    }
}



/* Tus resultados en vivo*/

.result_iconPointLiveResult, .result_iconTimeLive {
  
  animation-name: parpadeo;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo{  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
   100% { opacity: 1.0; }
}

@keyframes parpadeo {  
  0% { opacity: 1.0; }
   50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}