@import url(https://fonts.googleapis.com/css?family=Libre+Franklin:400,700);
/*@import url(../../Ride3ForHorry_com/css/glyphicons.css);


/* HTML 5 and CSS3 */

/* CSS3 scaled background image fixed */


body {
margin: 0;
/*background-color: #717660;
background-image: url(../images/background.jpg);
background-attachment:fixed;
background-size: 100% 100%; */

		font: 16px/24px 'Libre Franklin', sans-serif;
		color: #333;
		background: #fff; 
		/* optional background image, fixed- full screen */
		/*background-image: url(../../Ride3ForHorry_com/images/bkg.jpg);
		background-size: 100% 100%;
		background-attachment:fixed;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;

}


/* #Container - 2 columns
================================================== */   

/* Full Size */

 .container		{ position: relative; width: 100%; margin: 0; padding: 0; overflow-x: hidden; box-sizing: border-box; box-shadow: -2px -2px 12px 4px #fff;}  

.row			{ margin-bottom: 20px; width: 96%; margin-left: auto; margin-right: auto;}
.row-full		{ margin-bottom: 20px; width: 100%;}

.container .fullwidth	{ width: 100%; margin: 0; box-sizing: border-box;}
.container .one-half	{ width: 48%; float: left; display: inline; margin-left: 1%; margin-right: 1%; box-sizing: border-box;}

/* Images responsive 
Do not use width/height attributes, use style max-width and max-height with image dimensions to constrain.
*/

	img {border:0px;}
	img.image-left-resp {width: 100%; height: auto; float:left; margin:2px 18px 4px 0;}
	img.image-right-resp {width: 100%; height: auto; float:right; margin:2px 0 4px 18px}
	img.resp {width: 100%; height: auto; }

/* Table Basic */

table {
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
}
th, td {
	border: 0;
    padding: 0;
	border-spacing: 0;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

#contact label {display: inline-block;}
	label.error {
		/* text-align: left; */
		color: #950000;
		font-size: 15px;
		font-weight: bold;
		line-height: 1.4;
		margin-top: -15px; 
		margin-bottom: 18px;
		width: 100%;
		max-width: 450px;
		}

/* tablet/phone */

    @media only screen and (max-width: 767px) {

    .container { position: relative; width: 100%; margin: 0; padding: 0; overflow-x: hidden; box-sizing: border-box;}

.row			{ margin-bottom: 20px; width: 96%; margin-left: auto; margin-right: auto;}
.row-full		{ margin-bottom: 20px; width: 100%;}

.container .fullwidth               { position: relative; width: 100%; margin: 0; padding: 0; overflow-x: hidden; box-sizing: border-box;}
	.container .one-half { width: 100%; }

/* Table and Embed/Iframe Responsive */

.table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive.embed-responsive-4by3 {
  padding-bottom: 75%;
}


/* ####### Typography ####### */

	h1, h2, h3, h4 h5, h6 {font-family: 'Libre Franklin', sans-serif;font-weight: 700;color: #084d6b;}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 2.2em; line-height: 1.25em; margin-bottom: 14px; margin-top: 0px; color: #084d6b;}
	h2 { font-size: 1.9em; line-height: 1.25em; margin-bottom: 10px; margin-top: 0px; color: #58595b;}
	h3 { font-size: 1.4em; line-height: 1.25em; margin-bottom: 8px; color: #084d6b;}
	h4 { font-size: 1.2em; line-height: 1.25em; margin-bottom: 4px; color: #58595b; }
	h5 { font-size: 1.1em; line-height: 1.3em; color: #084d6b; }
	h6 { font-size: 1em; font-weight:bold; line-height: 1.45em; }
	
		.subheader { color: #777; }

	p { margin: 0 0 1.2em 0; }
	p img { margin: 0; }
	p.large { font-size: 1.3em; line-height: 1.6em; color: #666;  }
	p.small {font-size: .9em; line-height: 1.25em; }

	span.small {font-size: .9em; line-height: 1.25em; }
	span.large { font-size: 1.2em; line-height: 1.25em; }

	em { font-style: italic; }
	strong { font-weight: bold; color: #333; }
	small { font-size: 80%; }

	.error { font-size: 12px; font-weight:bold; color:#ab0000; }


/* ####### Links ####### */

	a:link {
		color: #084d6b;
		text-decoration: underline
	}
	a:visited {
		color: #084d6b;
		text-decoration: underline
	}
	a:hover {
		color: #084d6b;
		text-decoration: underline
	}


/* a, a:visited { color: #0000ab; text-decoration: underline; outline: 0; }
	a:hover, a:focus { color: #ab0000; } */
	p a, p a:visited { line-height: inherit; }
	a.pagelink { text-decoration: none; }



/* #Clearing
================================================== */

    /* Self Clearing */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }