body {
  font-family: 'Open Sans', 'Verdana', 'Arial';
  background-color: #FAFAF9;
  color: #7f7f7f;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Open Sans', 'Verdana', 'Arial';
  font-weight: 100;
}

ul, ul li {
	margin: 0;
	padding: 0;
	list-style: none; 
}

@-moz-keyframes shiftingBg /* Firefox */ {
    0% {background:#da251c;}
	25% {background:#1c6fda;}	
    50% {background:#1cda4f;}
	75% {background:#921cda;}
    100% {background:#da251c;}
}

@-webkit-keyframes shiftingBg /* Safari and Chrome */ {
    0% {background:#da251c;}
	25% {background:#1c6fda;}	
    50% {background:#1cda4f;}
	75% {background:#921cda;}
    100% {background:#da251c;}
}

.title {
	font-size: 1.5em;
	color: #000;
	padding: 10px 20px;
}

.fb-share-button { 
	display: inline-block;
	vertical-align: middle;
}
.btn-xl {
  text-transform: uppercase;
  padding: 1.5rem 3rem;
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0.1rem;
}
.btn-link,
.btn-link:active,
.btn-link:visited,
.btn-link:focus {
	color: #da251c;
}
.bg-black {
  background-color: #000 !important;
}

.rounded-pill {
  border-radius: 5rem;
}

.btn-danger, .badge-danger {
	background-color: #da251c;
}

.navbar-custom, .main-navbar {
  padding-top: 1rem;
  padding-bottom: 1rem;
  z-index: 9999999;
  background-color: #da251c;
  font-weight: 100;
}

.navbar-custom .navbar-brand {
  text-transform: uppercase;
  font-size: 1rem;
  letter-spacing: 0.1rem;
  font-weight: 700;
}

.navbar-custom .navbar-nav .nav-item .nav-link {
  text-transform: uppercase;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.1rem;
  color: #444;
}

header.masthead {
  position: relative;
  overflow: hidden;
  padding-top: calc(7rem + 72px);
  padding-bottom: 7rem;
  background: url('../img/17f6c83fce0ed07f94e7de0d914e2cdd_2.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  background-size: cover;
}

.bg-home-overlay-content {
    position: fixed;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
	.bg-home-content-list-overlay {
		bottom: 0;
		width: 100%;
		height: auto;
		background: rgba(0,0,0,0.5);
		z-index: 998;
		position: absolute;
		padding: 20px;
	}
	
    .home-video-bg {
        position: fixed;
        right: 0; 
        bottom: 0;
        min-width: 100%; 
        min-height: 100%;
        width: auto; 
        height: auto;
        z-index: -100;
      }

    .home-menu-icon-wrapper {
        margin-top: 15%;
        background: rgba(0,0,0,0);
        text-align: center;
        width: 100%;
        padding: 30px 0;
        transition: 0.5s all;
    }
	
	.home-menu-icon-wrapper * { transition: 0.5s all; }


	.recent-event-item { 
		opacity: 0.6;
		margin-right: 20px;
		display: inline-block;
		vertical-align: middle;	
		max-width: 72px;
		max-height: 72px;
		overflow: hidden;
		border-radius: 10px;
		transition: all 0.35s;
	}
	.recent-event-item:hover { 
		opacity: 1; 
		transform: matrix(1.35, 0, 0, 1.35, 0, -20);
		box-shadow: 0 0 30px rgba(0,0,0, 0.5);
		
	}
	.recent-event-item.more:hover { box-shadow: none; transform: matrix(1.1, 0, 0, 1.1, 0, 0); }
.home-menu-icon-run,
.home-menu-icon-mini {
	background: rgba(218, 37, 28, 1);
	display: inline-block;
	border-radius: 50%;
	transform: scale(0.8);
	opacity: 0.1;


}


header.masthead .masthead-content {
  z-index: 1;
  position: relative;
}

header.masthead .masthead-content .masthead-heading {
  font-size: 3rem;
}

header.masthead .masthead-content .masthead-subheading {
  font-size: 1rem;
}

header.masthead .bg-circle {
  z-index: 0;
  position: absolute;
  border-radius: 100%;
  background: linear-gradient(0deg, #ee0979 0%, #ff6a00 100%);
}

header.masthead .bg-circle-1 {
  height: 90rem;
  width: 90rem;
  bottom: -55rem;
  left: -55rem;
}

header.masthead .bg-circle-2 {
  height: 50rem;
  width: 50rem;
  top: -25rem;
  right: -25rem;
}

header.masthead .bg-circle-3 {
  height: 20rem;
  width: 20rem;
  bottom: -10rem;
  right: 5%;
}

header.masthead .bg-circle-4 {
  height: 30rem;
  width: 30rem;
  top: -5rem;
  right: 35%;
}

@media (min-width: 992px) {
  header.masthead {
    padding-top: calc(10rem + 55px);
    padding-bottom: 10rem;
  }
  header.masthead .masthead-content .masthead-heading {
    font-size: 4rem;
  }
  header.masthead .masthead-content .masthead-subheading {
    font-size: 2rem;
  }
}

.bg-primary {
  background-color: #ee0979 !important;
}

.btn-primary {
  background-color: #ee0979;
  border-color: #ee0979;
}

.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
  background-color: #bd0760 !important;
  border-color: #bd0760 !important;
}

.btn-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(238, 9, 121, 0.5);
}

.btn-secondary {
  background-color: #ff6a00;
  border-color: #ff6a00;
}

.btn-secondary:active, .btn-secondary:focus, .btn-secondary:hover {
  background-color: #cc5500 !important;
  border-color: #cc5500 !important;
}

.btn-secondary:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 106, 0, 0.5);
}


.masthead-holder-outer {
  position: relative;
}

.masthead-holder-inner {
  position: absolute;
  width: 30%;
  height: auto;
  top: -120px;
}

.navbar-custom.sashimi-border {
  background-color:#fff;
    color:#444 !important;
  webkit-box-shadow:0px 1px 1px #ccc;
 -moz-box-shadow:0px 1px 1px #ccc;
 box-shadow:0px 1px 1px #ccc;
}

.fixed-top-2 {
    margin-top: 56px;

}

/* Add a black background color to the top navigation */
.topnav {
    background-color: #fff;
    overflow: hidden;
    border-top: 0 !important;
    -webkit-box-shadow: 0 8px 6px -6px #888888;
  -moz-box-shadow: 0 8px 6px -6px #888888;
  box-shadow: 0 8px 6px -6px #888888;
}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: block;
    color: #444;
    font-weight: bold;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 14px;
    border-bottom: 3px solid transparent;
}

.topnav a:hover {
    border-bottom: 3px solid #DA251C;
}

.topnav a.active {
    color: #DA251C;
    border-bottom: 3px solid #DA251C;
}

.clickable-row{
  cursor: pointer;
}

.card {
  background: #fff;
  border-radius: 2px;
  display: inline-block;
  height: auto;
  position: relative;
}

.card-1 {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0px;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.42857;
}

/* Tabs panel */
.tabbable-panel {
  border:1px solid #eee;
  padding: 10px;
}

/* Default mode */
.tabbable-line > .nav-tabs {
  border: none;
  margin: 0px;
}
.tabbable-line > .nav-tabs > li {
  margin-right: 2px;
}
.tabbable-line > .nav-tabs > li > a {
  border: 0;
  margin-right: 0;
  color: #737373;
}
.tabbable-line > .nav-tabs > li > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
  border-bottom: 4px solid #fbcdcf;
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
  border: 0;
  background: none !important;
  color: #333333;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
  border-bottom: 4px solid #f3565d;
  position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
  border: 0;
  color: #333333;
}
.tabbable-line > .nav-tabs > li.active > a > i {
  color: #404040;
}
.tabbable-line > .tab-content {
  margin-top: -3px;
  background-color: #fff;
  border: 0;
  border-top: 1px solid #eee;
  padding: 15px 0;
}
.portlet .tabbable-line > .tab-content {
  padding-bottom: 0;
}

/* Below tabs mode */

.tabbable-line.tabs-below > .nav-tabs > li {
  border-top: 4px solid transparent;
}
.tabbable-line.tabs-below > .nav-tabs > li > a {
  margin-top: 0;
}
.tabbable-line.tabs-below > .nav-tabs > li:hover {
  border-bottom: 0;
  border-top: 4px solid #fbcdcf;
}
.tabbable-line.tabs-below > .nav-tabs > li.active {
  margin-bottom: -2px;
  border-bottom: 0;
  border-top: 4px solid #f3565d;
}
.tabbable-line.tabs-below > .tab-content {
  margin-top: -10px;
  border-top: 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}


.block {
    /*border: 1px solid red;*/
    text-align: center;
    vertical-align: middle;
}
.circle {
    background: #DA251C;
    border-radius: 200px;
    color: white;
    height: 200px;
    font-weight: bold;
    width: 200px;
    display: table;
    margin: 20px auto;
    border: 6px solid rgba(0, 0, 0, 0.1);
}
.circle h1 {
    vertical-align: middle;
    display: table-cell;
     font-family: 'Catamaran';
  font-weight: 500 !important;
  letter-spacing: 2px;
}

.led-red-on {
    margin: 20px auto;
    width: 12px;
    height: 12px;
    background-color: #f90;
    border-radius: 50%;
    box-shadow: #000 0 -1px 7px 1px, inset #600 0 -1px 9px, #F00 0 2px 12px;
}


.led-green {
    margin: 20px auto;
    width: 12px;
    height: 12px;
    background-color: #690;
    border-radius: 50%;
    box-shadow: #000 0 -1px 7px 1px, inset #460 0 -1px 9px, #7D0 0 2px 12px;
}

.MultiCarousel { float: left; overflow: hidden; padding: 15px; width: 100%; position:relative; }
    .MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; }
        .MultiCarousel .MultiCarousel-inner .item { float: left; width: 100%;}
        .MultiCarousel .MultiCarousel-inner .item > div { text-align: center; padding:10px; margin:10px; background:#f1f1f1; color:#666; width: 100%;}
    .MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute; border-radius:50%;top:calc(50% - 20px); }
    .MultiCarousel .leftLst { left:0; }
    .MultiCarousel .rightLst { right:0; }
    
        .MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; background:#ccc; }


@import url(http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css);
.col-item
{
    border: 1px solid #E1E1E1;
    border-radius: 5px;
    background: #FFF;
}
.col-item .photo img
{
    margin: 0 auto;
    width: 100%;
     max-height: 100%;
    max-width: 100%;
}

.col-item .info
{
    padding: 10px;
    border-radius: 0 0 5px 5px;
    margin-top: 1px;
}

.col-item:hover .info {
    background-color: #F5F5DC;
}
.col-item .price
{
    /*width: 50%;*/
    float: left;
    margin-top: 5px;
}

.col-item .price h5
{
    line-height: 20px;
    margin: 0;
}

.price-text-color
{
    color: #219FD1;
}

.col-item .info .rating
{
    color: #777;
}

.col-item .rating
{
    /*width: 50%;*/
    float: left;
    font-size: 17px;
    text-align: right;
    line-height: 52px;
    margin-bottom: 10px;
    height: 52px;
}

.col-item .separator
{
    border-top: 1px solid #E1E1E1;
}

.clear-left
{
    clear: left;
}

.col-item .separator p
{
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 10px;
    text-align: center;
}

.col-item .separator p i
{
    margin-right: 5px;
}
.col-item .btn-add
{
    width: 50%;
    float: left;
}

.col-item .btn-add
{
    border-right: 1px solid #E1E1E1;
}

.col-item .btn-details
{
    width: 50%;
    float: left;
    padding-left: 10px;
}
.controls
{
    margin-top: 20px;
}
[data-slide="prev"]
{
    margin-right: 10px;
}
.carousel-inner.vertical {
  height: 100%; /*Note: set specific height here if not, there will be some issues with IE browser*/
}
.carousel-inner.vertical > .item {
  -webkit-transition: .6s ease-in-out top;
  -o-transition: .6s ease-in-out top;
  transition: .6s ease-in-out top;
}

@media all and (transform-3d),
(-webkit-transform-3d) {
  .carousel-inner.vertical > .item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
    -o-transition: -o-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
  }
  .carousel-inner.vertical > .item.next,
  .carousel-inner.vertical > .item.active.right {
    -webkit-transform: translate3d(0, 33.33%, 0);
    transform: translate3d(0, 33.33%, 0);
    top: 0;
  }
  .carousel-inner.vertical > .item.prev,
  .carousel-inner.vertical > .item.active.left {
    -webkit-transform: translate3d(0, -33.33%, 0);
    transform: translate3d(0, -33.33%, 0);
    top: 0;
  }
  .carousel-inner.vertical > .item.next.left,
  .carousel-inner.vertical > .item.prev.right,
  .carousel-inner.vertical > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    top: 0;
  }
}

.carousel-inner.vertical > .active {
  top: 0;
}
.carousel-inner.vertical > .next,
.carousel-inner.vertical > .prev {
  top: 0;
  height: 100%;
  width: auto;
}
.carousel-inner.vertical > .next {
  left: 0;
  top: 33.33%;
  right:0;
}
.carousel-inner.vertical > .prev {
  left: 0;
  top: -33.33%;
  right:0;
}
.carousel-inner.vertical > .next.left,
.carousel-inner.vertical > .prev.right {
  top: 0;
}
.carousel-inner.vertical > .active.left {
  left: 0;
  top: -33.33%;
  right:0;
}
.carousel-inner.vertical > .active.right {
  left: 0;
  top: 33.33%;
  right:0;
}

#carousel-pager .carousel-control.left {
    bottom: initial;
    width: 100%;
}
#carousel-pager .carousel-control.right {
    top: initial;
    width: 100%;
}


/*** ============= VIEW EVENT ============  **/
.view-event-header-wrapper {
	min-height: 350px;
	width: 100%;
	position: relative;
}
	.view-event-header-content-overlay {
		z-index: 10;
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-color: rgba(0,0,0, 0.5);
		padding: 80px 0 0px 0;
		text-align: center;
		color: #fff;
	}
.view-event-content-wrapper {
	/*background: #2f2f2f;*/
	padding-top: 0px;
}

.view-event-card {
	
	padding: 30px 40px;
	/*
	border-radius: 10px 10px 0 0;
	box-shadow: -10px -10px 10px rgba(0,0,0,0.15);
	*/
}

.view-event-card.result-list-card { 
	padding:30px 0 0;
}

.view-event-tab-wrapper {
    padding: 0 30px 20px 29px;
    box-shadow: 0px 6px 6px rgba(0,0,0,0.1);
}

.view-my-result-header {
	box-shadow: 0px 6px 6px rgba(0,0,0,0.1);
	margin: 0 -39px;
	padding: 0 30px 20px 29px;
}

.nav-pills .nav-link.active, 
.nav-pills .show>.nav-link {
	background-color: #da251c;
}

.table thead th { 
	border-bottom: none;
}
.table td { padding: 30px; }
.table th { padding-left: 30px; padding-right: 30px; }
.table td h3 { font-size: 1em;}

.table.tabres td { padding: 10px 10px 0 10px; }
.table.tabres th { font-size: 13px; padding-left: 10px; padding-right: 10px; }

.selected td, .selected td * {
    background: green;
    color: #fff !important;
    font-weight: bold !important;
    vertical-align: top;
}
.selected td .btn.btn-link {
	padding-top: 0;
}

.view-my-result-content {
	padding: 20px 0;
	
}

.view-my-result-score {
	background: #bd2130;
    color: #fff;
    margin: 0 -39px;
    padding: 50px 80px;
    border-right: 20px solid green;
    border-left: 20px solid green;
    box-shadow: inset 0px 3px 10px rgba(0,0,0,0.2);
}

.view-my-result-score h2 {
    font-size: 4em;
}
#myTabContent { min-height: 400px; }
#viewRunnerResultModal .modal-body {
	padding: 1.5rem 3rem;
}
.modal-spinner {
	display: none;
    min-height: 200px;
    text-align: center;
    padding-top: 90px;
}
.modal-spinner .spinner {
	font-size:24px; 
	color:#da251c;
	
}
.page-notification,
.page-notification body {
	background: #da251c;
	
	height: 100%;
	width: 100%;
	text-align: center;
	
	animation:shiftingBg 10s;
    -moz-animation:shiftingBg 10s infinite; /* Firefox */
    -webkit-animation:shiftingBg 10s infinite; /* Safari and Chrome */
}
.page-notification body { padding-top: 25vh;}
.page-message-card {
	background: #fff;
	border-radius: 20px; 
	max-width: 50%;
	min-height: 200px; 
	min-width: 300px;
	margin:0 auto;
	padding: 30px;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

.page-message-card .title {
	font-size: 1.5em;
	padding-left: 0; 
}


.page-message-card .title.error { color: #da251c; }