body{
	color: #666666; font-family: SourceSansPro-Regular;
	padding-top: 40px;
	background-color: #e6e6e6;
}
.main-content{	
	background-color: #fff;
}
.fs-theme-regular{font-family: SourceSansPro-Regular!important;}
.fs-theme-bold{font-family: SourceSansPro-Bold!important;}
.fs-theme-light{font-family: SourceSansPro-Light!important;}
.fs-theme-semibold{font-family: SourceSansPro-Semibold!important;}
.fs-theme-blackitalic{ font-family: SourceSansPro-BlackIt!important;}
.theme-padd-l-r-0{
	padding-left: 0;
	padding-right: 0;
}
.theme-padd-l-0{
	padding-left: 0;
}
.theme-padd-r-0{
	padding-right: 0;
}
.theme-padd-l-5{
	padding-left: 5px;
}
.theme-padd-r-5{
	padding-right: 5px;
}
.theme-padd-t-b-0{
	padding-top: 0!important;
	padding-bottom: 0!important;
}
.theme-padd-top-10{ padding-top: 10px;}
.theme-marg-t-b-20{
	margin-top: 20px;
	margin-bottom: 20px;
}
.theme-marg-t-15{
	margin-top: 15px;
}
.theme-marg-b-15{
	margin-bottom: 15px;
}
.theme-marg-b-20{
	margin-bottom: 20px;
}
.theme-marg-t-10{
	margin-top: 10px;
}
.theme-marg-b-10{
	margin-bottom: 10px;
}
.theme-marg-b-5{
	margin-bottom: 5px;
}
.theme-marg-t-0{
	margin-top: 0;
}
.theme-marg-b-0{
	margin-bottom: 0;
}
.text-section{
	color: #231F20;
}
.theme-section-title{
	font-family: SourceSansPro-Bold;
	font-size: 22.28pt;
}
.theme-section-desc{
	font-size: 14.2pt;
	font-family: SourceSansPro-Light;
}
.subpage .theme-section-desc{
	line-height: 1.4;
}
.btn{
	border-radius: 80px;
	font-size: 18.76pt;
	font-family: SourceSansPro-Bold;
  padding: 2px 20px;
}
.btn-success, .btn-success:hover{
	background-color: #D7DF23;
	border-color: #D7DF23;
}
.btn-purple, .btn-purple:hover{
	background-color: #92278F;
	border-color: #92278F;	
}
.btn-red, .btn-red:hover{
	background-color: #DA1C5C;
	border-color: #DA1C5C;	
}
.btn-green, .btn-green:hover{
	background-color: #00A79D;
	border-color: #00A79D;
}
.theme-banner{
	background-color: #34343c;
	color: #fff;
	padding: 20px 0;
}
.subpage .theme-banner{
	background-color: #fff;
}
.theme-banner .banner-main-text{
	font-size: 27.6pt;
  font-family: SourceSansPro-Semibold;
  line-height: 1.2;
}
.theme-banner .black{
	background-color: rgba(0, 0, 0, .8);
}
.theme-banner .red{
	background-color: rgba(239, 65, 54, .2);
}
.theme-banner .purple{
	/*background-color: rgba(144, 39, 140, .8);*/
  background-color: rgba(249, 0, 239, 0.3);
}
.theme-banner .purple .banner-main-text{
	font-size: 26.6pt;
}
.theme-banner .race-feedback{
	font-size: 23.6pt;
}
a{
	color: #666666;
}
/*nav*/
.navbar-fixed-top {
}
.navbar-fixed-top .container{    
	/*min-height: 90px;*/
	padding-top: 5px;
  padding-bottom: 5px;
  background-color: #fff;
}
.navbar-nav>li>a{
	font-size: 14pt;
	color: #58595B;
	-moz-transform: matrix( 0.87191685143551,0,0,0.8719040247678,0,0);
	-webkit-transform: matrix( 0.87191685143551,0,0,0.8719040247678,0,0);
	-ms-transform: matrix( 0.87191685143551,0,0,0.8719040247678,0,0);
	padding: 15px 0;
}
.navbar-nav>li>a.active, .navbar-nav>li>a:hover{
	background-color: transparent;
	/*color: #fa4c07;*/
	color: #f7951f;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: transparent;
    border-color: transparent;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #f7951f;
    text-decoration: none;
    background-color: transparent;
    outline: 0;
}
.navbar-fixed-top .navbar-toggle {
  border-color: #58595B;
}
.navbar-toggle .icon-bar {
  background-color: #58595B;
}
.navbar-nav>li{
	width: 25%;
}
.navbar-nav>li.register{
	width: 21%;
}
.navbar-nav>li.our-cause{
	width: 24%;
}
.navbar-nav>li.half-marathon{
	width: 28%;
}
.navbar-nav>li.team-relay, .navbar-nav>li.virtual-run{
	width: 27%;
}
.navbar-nav>li.gallery{
	width: 22%;
}
.navbar-nav>li.faqs{
	width: 19%;
}
.navbar-nav>li.result-pics{
	width: 32%;
}
.navbar-nav {
  width: 100%;
}
/*end nav*/

.header{
	/*min-height: 520px;*/
  color: #fff;
	padding: 80px 0;
	background-color: #0f816f;
}
.subpage .header{	
	/*min-height: 320px;*/
	padding: 40px 0;
}
#home-header{
	background: #0f816f url(../_img/header.jpg) no-repeat top right;
	background-size: cover;
}
.race-place{
	margin-bottom: 0;
	font-size: 16pt;
	line-height: .9;
}
.race-date{
	font-size: 54pt;
  line-height: 1;
}
.vertical-middle-header{
  padding: 128px 0;
}
/* Half Marathon page*/
.subpage-header-title{
	font-size: 70pt;
}
/* headers image*/
#register-header, #register-info-header{
	background:#F15A29 url(../_img/register-header.jpg) no-repeat center top;
	background-size: cover;
}
#cause-header{
	background:#27AAE1 url(../_img/our-cause-header.jpg) no-repeat center top;
	background-size: cover;
}
#half-marathon-header{
	background:#fcb040 url(../_img/half-marathon-header.jpg) no-repeat center top;
	background-size: cover;
}
#team-relay-header{
	background:#92278F url(../_img/team-relay-header.jpg) no-repeat center top;
	background-size: cover;
}
#virtual-run-header{
	background:#00A79D url(../_img/virtual-run-header.jpg) no-repeat center top;
	background-size: cover;
}
#gallery-header{
	background:#8DC63F url(../_img/gallery-header.jpg) no-repeat center top;
	background-size: cover;
}
#faq-header{
	background:#9E1F63 url(../_img/faqs-header.jpg) no-repeat center top;
	background-size: cover;
}
#result-header{
	background:#EF4136 url(../_img/result-pics-header.jpg) no-repeat center top;
	background-size: cover;
}
/*counter*/
.counter-count{
	font-family: SourceSansPro-Bold;
	font-size: 39.98pt;
	color: #6D6E71;
	line-height: .8;
	margin-bottom: 0;
}
.counter-label{
	font-size: 15.16pt;
}

/*banner 1*/
#race-feedback{ 
	background: #34343c url(../_img/banner-image-1.jpg) no-repeat center top;
	background-size: cover;
}
#memorial-banner{ 
	background: #34343c url(../_img/banner-image-2.jpg) no-repeat center center;
	background-size: cover;
}
#early-bird-banner{ 
	background: #4d4d4d url(../_img/banner-image-3.jpg) no-repeat center center;
	background-size: cover;
}
.social{
	width: 265px;
}
/*gallery*/
.gallery-box{
  padding-top: 15px;
  padding-bottom: 15px;
}
.gallery-box img {
  width: 280px; /* You can set the dimensions to whatever you want */
  height: 280px;
  object-fit: cover;
}


/*footer*/
footer{
	background-color: #58595B;    
  padding: 20px 0;
  color: #fff;
}
footer h3{
	font-size: 26px;
}
/*end footer*/

@font-face {
  font-family: SourceSansPro-Light;
  src: url(SourceSansPro-Light.otf);
}
@font-face {
  font-family: SourceSansPro-Bold;
  src: url(SourceSansPro-Bold.otf);
}
@font-face {
  font-family: SourceSansPro-Regular;
  src: url(SourceSansPro-Regular.otf);
}
@font-face {
  font-family: SourceSansPro-Semibold;
  src: url(SourceSansPro-Semibold.otf);
}
@font-face {
  font-family: SourceSansPro-BlackIt;
  src: url(SourceSansPro-BlackIt.otf);
}

@media (min-width: 1200px){	
	/* .header {
	    min-height: 800px;
	} */
	#early-bird-banner .col-xs-12.theme-marg-t-b-20.black{
		margin: 40px 0;
	}
}
@media (min-width: 1024px){
	/* .header{
	    min-height: 425px;
	    padding: 55px 0;
	}
	.race-place{
		font-size: 13pt;
	}
	.race-date{
		font-size: 43pt;
	}
	.vertical-middle-header{
	  padding: 100px 0;
	} */
}
@media (min-width: 992px) and (max-width: 1199px){
	.navbar-nav>li>a {
    font-size: 13pt;
  }
	.header{
    /*min-height: 425px;*/
    padding: 55px 0;
	}
	.subpage .header {
    /*min-height: 300px;*/
	}
	#register-info-header .subpage-header-title {
    font-size: 50pt;
	}
	.race-place{
		font-size: 13pt;
	}
	.race-date{
		font-size: 43pt;
	}
	.vertical-middle-header{
	  padding: 100px 0;
	}
	.social{
		width: 215px;
	}
	.subpage .theme-section-desc{
    font-size: 13.2pt;
	}
	.gallery-box img {
	  width: 200px; /* You can set the dimensions to whatever you want */
	  height: 200px;
	}
	.theme-banner .purple .banner-main-text {
    font-size: 21.6pt;
	}
	#early-bird-banner .col-xs-12.theme-marg-t-b-20.black{
		margin: 30px 0;
	}
}
@media (max-width: 991px){
	.navbar-nav>li>a{ font-size: 10pt; }
	.theme-padd-top-10 {
    padding-top: 15px;
	}
	.navbar-fixed-top .container{    
		padding-top: 0;
	  padding-bottom: 0;
	}
	.header{
		/*min-height: 320px;*/
    padding: 50px 0;
    margin-top: 10px;
	}
	.subpage .header {
    /*min-height: 275px;*/
	}
	#register-info-header {
	  /*min-height: 250px;*/
	}
	.subpage-header-title {
    font-size: 50pt;
	}
	#register-info-header .subpage-header-title {
    font-size: 40pt;
	}
	.vertical-middle-header{
	  padding: 74px 0;
	}
	.race-place{
		font-size: 11pt;
	}
	.race-date{
		font-size: 37pt;
	}
	/* .theme-marg-t-b-20 {
	    margin-top: 10px;
	    margin-bottom: 10px;
	} */
	.social{
		width: 215px;
	}
	.marg-b-20-ipad{
		margin-bottom: 20px;
	}
	/* div */
	.theme-padd-r-15-ipad{
		padding-right: 15px;
	}
	.theme-banner .banner-main-text {
    font-size: 18pt;
    margin-top: 10px;
	}
	.theme-banner .purple .banner-main-text {
	    font-size: 17pt;
	}
	.theme-banner .race-feedback {
    font-size: 16.6pt;
	}
	.theme-section-title {
    font-size: 20.28pt;
	}
	.counter-count {
    font-size: 34.98pt;
	}
	.counter-label {
    font-size: 10.16pt;
	}
	.btn{
    font-size: 15.76pt;
	}
	.theme-section-desc {
    font-size: 13.2pt;
	}
	.gallery-box img {
	  width: 165px; /* You can set the dimensions to whatever you want */
	  height: 165px;
	}
}
@media (max-width: 767px){
	.container>.navbar-header {
    border-bottom: 1px solid #eee;
	}
	.navbar-nav>li{
		width: 80% !important;
	}.navbar-nav>li>a {
    font-size: 13pt;
    padding: 5px 0;
	}
	.navbar-nav.text-right{
		text-align: left !important;
	}
	.header {
    padding: 15px 0;
		background: #0f816f url(../_img/header-mobile.jpg) no-repeat top right;
		background-size: cover;
		margin-top: 10px !important;
		margin-bottom: 10px !important;
	}
	.subpage .header {
		background: #0f816f;
	}
	.vertical-middle-header {
    padding: 10px 0;
    text-align: center;
	}
	.vertical-middle-header.resetpadd{
    padding: 10px 15px;		
	}
	.race-place {
  	font-size: 15pt;
	}
	.race-date {
    font-size: 50pt;
    margin-bottom: 0;
	}
	.img-circle{
    margin: 10px 0;
	}
	.theme-banner .banner-main-text, .theme-banner .purple .banner-main-text {
    font-size: 12pt;
    margin-top: 10px;
	}
	.theme-banner .race-feedback {
    font-size: 11.6pt;
	}
	.theme-marg-t-b-20{
		margin-top: 0;
		margin-bottom: 0;
	}
	.theme-mobile-section{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.img-section-mob{
		padding: 0;
	}
	.theme-section-title {
    font-size: 18.28pt;
	}
	.counter-count {
    font-size: 34.98pt;
	}
	.counter-label {
    font-size: 10.16pt;
	}
	.btn{
    font-size: 15.76pt;
	}
	.theme-section-desc {
    font-size: 12.2pt;
	}
	.theme-padd-l-r-0-mob{		
		padding-left: 0;
		padding-right: 0;
	}
	.subpage .header {
    /*min-height: 210px;*/
    padding: 20px 0 10px 0;
	}
	.subpage-header-title, #register-info-header .subpage-header-title {
    font-size: 30pt; margin-top: 0;
	}
	.gallery-box img {
	  width: 160px; /* You can set the dimensions to whatever you want */
	  height: 100px;
	}
}