/* 20251105015919 - v2 */
.gui,
.gui-block-linklist li a {
  color: #666666;
}

.gui-page-title,
.gui a.gui-bold,
.gui-block-subtitle,
.gui-table thead tr th,
.gui ul.gui-products li .gui-products-title a,
.gui-form label,
.gui-block-title.gui-dark strong,
.gui-block-title.gui-dark strong a,
.gui-content-subtitle {
  color: #000000;
}

.gui-block-inner strong {
  color: #848484;
}

.gui a {
  color: #0a8de9;
}

.gui-input.gui-focus,
.gui-text.gui-focus,
.gui-select.gui-focus {
  border-color: #0a8de9;
  box-shadow: 0 0 2px #0a8de9;
}

.gui-select.gui-focus .gui-handle {
  border-color: #0a8de9;
}

.gui-block,
.gui-block-title,
.gui-buttons.gui-border,
.gui-block-inner,
.gui-image {
  border-color: #8d8d8d;
}

.gui-block-title {
  color: #333333;
  background-color: #ffffff;
}

.gui-content-title {
  color: #333333;
}

.gui-form .gui-field .gui-description span {
  color: #666666;
}

.gui-block-inner {
  background-color: #f4f4f4;
}

.gui-block-option {
  border-color: #ededed;
  background-color: #f9f9f9;
}

.gui-block-option-block {
  border-color: #ededed;
}

.gui-block-title strong {
  color: #333333;
}

.gui-line,
.gui-cart-sum .gui-line {
  background-color: #cbcbcb;
}

.gui ul.gui-products li {
  border-color: #dcdcdc;
}

.gui-block-subcontent,
.gui-content-subtitle {
  border-color: #dcdcdc;
}

.gui-faq,
.gui-login,
.gui-password,
.gui-register,
.gui-review,
.gui-sitemap,
.gui-block-linklist li,
.gui-table {
  border-color: #dcdcdc;
}

.gui-block-content .gui-table {
  border-color: #ededed;
}

.gui-table thead tr th {
  border-color: #cbcbcb;
  background-color: #f9f9f9;
}

.gui-table tbody tr td {
  border-color: #ededed;
}

.gui a.gui-button-large,
.gui a.gui-button-small {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large:active,
.gui a.gui-button-small:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui a.gui-button-large.gui-button-action:active,
.gui a.gui-button-small.gui-button-action:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui-input,
.gui-text,
.gui-select,
.gui-number {
  border-color: #8d8d8d;
  background-color: #ffffff;
}

.gui-select .gui-handle,
.gui-number .gui-handle {
  border-color: #8d8d8d;
}

.gui-number .gui-handle a {
  background-color: #ffffff;
}

.gui-input input,
.gui-number input,
.gui-text textarea,
.gui-select .gui-value {
  color: #000000;
}

.gui-progressbar {
  background-color: #76c61b;
}

/* custom */
/*Scott*/

.line_break{
    width:100%;
    height: 1px;
    float: left;
    color: black;
    //padding-top: 1px;
    background-color: rgba(255,255,255,.5);
    border: none;
    border-bottom: 1px solid black;
}


dt {
    font-weight: bold;
  margin-bottom:10px;
}
dd {
 margin-bottom:10px; 
}
.ttblockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
        margin-bottom: 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
}


.ttblockquote p:nth-child(2) {
 margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%!important;
  font: inherit!important;
  line-height: 1!important;
}


.productwell {
	background-color: #cacaca;
    border-bottom: 1px solid #ccc!important;
    border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
}

.rental-image{
padding-right: 20px!important;
}
.rental-border-left {
  	padding-left: 20px!important;
    border-left: 1px solid!important;
    border-left-width: 1px !important;
    border-left-style: solid !important;
    border-left-color: rgb(40,40,40,.2) !important;
}
  
.rentalborder {
padding-bottom: 10px;
    color: rgba(0,0,0,.5);
    border-bottom: 1px solid rgba(40,40,40,.2);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(40, 40, 40, 0.2);
}
.div-border{
 border: 1px solid;
 }
.nopadding {
  padding: 0px 0px;
}
.nomargin {
	margin: 0px 0px
}
.btnGarmin {
  background-color: #007cba;
  border: none;
  color: white;
  padding: 12px 30px;
  cursor: pointer;
  font-size: 20px;
}
.btnStrava {
  background-color: #fc4c02;
  border: none;
  color: white;
  padding: 12px 30px;
  cursor: pointer;
  font-size: 20px;
}

* {box-sizing: border-box;}
table#t01 th {
  background-color: black !important;
  color: white !important;
}
table#t01 td {
  padding: 5px;
}
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
 }
.img-comp-container {
  position: relative;
  height: 250px; /*should be the same height as the images*/
}

.img-comp-img {
  position: absolute;
  width: auto;
  height: auto;
  overflow: hidden;
}

.img-comp-img img {
  display: block;
  vertical-align: middle;
}

.img-comp-slider {
  position: absolute;
  z-index: 9;
  cursor: ew-resize;
  /*set the appearance of the slider:*/
  width: 40px;
  height: 40px;
  background-color: #2196F3;
  opacity: 0.7;
  border-radius: 50%;
}

body {   
    line-height: 1.45455;
    font-weight: 300;
    letter-spacing: .016em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif}

.grid-container {
  display: grid;
  grid-template-columns: auto auto auto;
  background-color: #f2f2f2;
}
.grid-item {
  text-align: left;
}


.center {
    margin: auto;
    width: 50%;
}

@media only screen and (min-width: 992px) {
  .centervert {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
}

div.page.info.active {max-height:100% !important;}

.text-justify {
  text-align: justify;
}

.thumbnail {
    position: relative;
}

.MarginTop20 {
  margin-top: 20px;
}

.Margin50 {
  margin-top: 50px;
}
.Margin100 {
  margin-top: 100px;
}
.MarginBottom150 {
  margin-bottom: 150px;
}
.MarginBottom100 {
  margin-bottom: 100px;
}
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.MarginTop50 {
  margin-top: 50px;
}
.MarginBottom25{
  margin-bottom: 25px;
}
.MarginBottom50 {
  margin-bottom: 50px;
}
video {
    width: 100%;
    height: auto;
}
.page-title h1 {
    font-size: 2.70em;
}
h2 {
    font-size: 32px;
line-height: 1.09375;
font-weight: 500;
letter-spacing: .011em;
font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
}

h3 {font-size: 24px;
line-height: 1.20849;
font-weight: 500;
letter-spacing: .015em;
  font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}
#Quote1 { 
	background-color: #ffffff; 
	text-align: center;
	vertical-align: middle;
	line-height: 50px;
  font-size: 1.8em;
}






/*scottII*/
.vertical-align {
    display: flex;
    align-items: center;
}

.display-flex-center {
    display: flex;
    align-items: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 786px) {
    .hidedivmdscreen {
        display: none !important;
    }
}


 .tg-0lax {
width: 50%;}

.tg-0lax1{
width: 50%;
}

.fixed-panel {
  min-height: 10;
  max-height: 10;
  overflow-y: scroll;
}

li.listindent {
list-style-position: inside !important;
text-indent: -1em !important;
}

.tabletune {
vertical-align: middle !important;
}
 th.TuneCat {
  background-color: #e3e3e3;
   border: 2px !important;
   border-color: #e3e3e3 !important;
}
   .Tune0 {
     background-color: #fafafa;
        width:180px !important;
}
[class^="icon-"], [class*=" icon-"] {
    display: inline-block;
    width: 100%;
}
th i {
    text-align:center !important;
}

   .Tune3 {
     background-color: #f0faff;
}
.TTspecial {
  background-color: #007cba;
 color: #ffffff;
}


  /*scott end*/


/*Contact sectiom*/
.content-header{
  font-family: 'Oleo Script', cursive;
  color:#fcc500;
  font-size: 45px;
}

.section-content{
  text-align: center; 

}
#contact{
    
    font-family: 'Teko', sans-serif;
  padding-top: 60px;
  width: 100%;
  width: 100vw;
  height: 550px;
  background: #3a6186; /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #3a6186 , #89253e); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #3a6186 , #89253e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color : #fff;    
}
.contact-section{
  padding-top: 40px;
}
.contact-section .col-md-6{
  width: 50%;
}

.form-line{
  border-right: 1px solid #B29999;
}

.form-group{
  margin-top: 10px;
}
label{
  line-height: 1em;
  font-weight: normal;
}
.form-control{
  font-size: 1.3em;
  color: #080808;
}
textarea.form-control {
    height: 135px;
   /* margin-top: px;*/
}

.submit{
  font-size: 1.1em;
  float: right;
  width: 150px;
  background-color: transparent;
  color: #fff;

}

div.page.info.active {max-height:100% !important;}

















* {
    box-sizing: border-box;
}

/* Create three columns of equal width */
.columns {
    float: left;
    width: 25%;
    padding: 8px;
}

/* Style the list */
.price {
    list-style-type: none !important;
    border: 0px solid #eee;
    margin: 0;
    padding: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

/* Add shadows on hover 
.price:hover {
    box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)
}*/

/* Pricing header */
.price .header {
    background-color: #111;
    color: white;
    font-size: 25px;
}

/* List items */
.price li {
    border-bottom: 1px solid #eee;
    padding: 10px;
    text-align: center;
    margin: 0px 0;
}

/* Grey list item */
.price .grey {
    background-color: #eee;
    font-size: 20px;
}

/* The "Sign Up" button     background-color: #4CAF50;*/
.button {

    border: none;
    color: white;
    padding: 10px 25px;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
}

/* Change the width of the three columns to 100%
(to stack horizontally on small screens) */
@media only screen and (max-width: 600px) {
    .columns {
        width: 100%;
    }
}


* { margin:0 padding: 0; }
body { margin:0; padding:0;}  
#hold_my_iframe { padding:0px; margin:0 auto; width:100%; height:100% }

.athletelogin { margin: 0px;
padding:0px;}


#graph {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

#graph td, #customers th {
    border: 1px solid #ddd;
    padding: 8px;
}

#graph tr:nth-child(even){background-color: #f2f2f2;}

#graph tr:hover {background-color: #ddd;}

#graph th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #4CAF50;
    color: white;
}


.CMargin {
  margin-bottom: 25px; 
}

.gui-blogshort .gui-blog-article-image .gui-blog-article-content, .gui-blogshort .gui-blog-article-image footer, .gui-blogshort .gui-blog-article-image header {
width: 100%;
padding-left: 0px;
}




a, a:visited, a:hover, a:focus, nav.desktop .item.active .itemLink, nav .glyphicon-remove, .sidebar .item .itemLink.active, .sidebar .item .itemLink.active:hover, .sidebar .item .subitemLink.active, .sidebar .item .subitemLink.active:hover, footer .social-media .symbol:hover, .products .product .image-wrap .cart, .sidebar .item .active, .sidebar .item .active:hover, .slider-prev:hover span, .slider-next:hover span, .hightlight-color {
color: #000000;
}

 a {text-decoration: none;}
    a:hover {text-decoration: none;}


/*---
li{
  margin: 5px 0;
}
---*/

/*---------------Below: For Pre Race tune, Olympic, TT Special, And IronOverhaul-------------------*/





a, a:visited, a:hover, a:focus, nav.desktop .item.active .itemLink, nav .glyphicon-remove, .sidebar .item .itemLink.active, .sidebar .item .itemLink.active:hover, .sidebar .item .subitemLink.active, .sidebar .item .subitemLink.active:hover, footer .social-media .symbol:hover, .products .product .image-wrap .cart, .sidebar .item .active, .sidebar .item .active:hover, .slider-prev:hover span, .slider-next:hover span, .hightlight-color {
    color: #54afe9;
}
/*-------------------------

---------*/
* {
  box-sizing: border-box;
}

.columns {
  float: left;
  width: 25%;
  padding: 8px;
}

.price {
  list-style-type: none !important;
  border: 1px solid #eee;
  margin: 0;
  padding: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}


.price .header {
  background-color: #111;
  color: white;
  font-size: 25px;
}

.price li {
  border-bottom: 1px solid #eee;
  padding: 10px;
  text-align: center;
  margin: 0px 0;
}

.price .grey {
  background-color: #eee;
  font-size: 20px;
}

.button {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 10px 25px;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
}

@media only screen and (max-width: 600px) {
  .columns {
    width: 100%;
  }
}
/* ----------------------------*/
/* ----------------------------*/
/* ----------------------------*/
/* ----------------------------*/
/* ----------------------------*/
/* ----------------------------*/
/* ---------------
  
  
@media screen and (max-width: 531px) {
    .container { display: flex; flex-flow: column; }
    .five { order: 5; }
    .four { order: 4;  }
    .three { order: 3; }
    .two { order: 2; }
    .one { order: 1; }
}
-------------*/
.FloatRight {
    float: right;
}
  
  
/* Container for image text */
.caption-container {
  text-align: center;
  background-color: #222;
  padding: 2px 16px;
  color: white;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Six columns side by side */
.column {
  float: left;
  width: 16.66%;
}

/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}
  
  ---------*/
  
  
  

  


.cust-quotes {
  width: 640px;
  height:100px;
  position:relative;
}

.cust-quotes blockquote {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  font-size: 14px;
  text-align: center;
  opacity: 0;
  z-index: 0;
  transition: opacity 0.5s ease-out 0s, transform 0.5s ease-in 0s;
}

/* IE < 10 fallback */
.no-csstransitions .cust-quotes blockquote,
.no-csstransforms .cust-quotes blockquote {
   position:relative;
}

.cust-quotes blockquote:first-child {
    opacity: 0;
    transform: translateY(-10px) scale(1.1);
}
.cust-quotes blockquote:first-child + blockquote {
    opacity: 1;
    z-index: 1;
    transition: opacity 1.6s ease 0s;
}
.cust-quotes blockquote p{
  font-size:24px;
  font-weight:normal;
  font-style:italic;
  color:#353535;
  line-height: 30px;
  margin-bottom: 10px;
}
.cust-quotes blockquote p:before {
   content: '\201C';
}
.cust-quotes blockquote p:after {
   content: '\201D';
}
.cust-quotes blockquote cite {
    text-align: center;
    font-size: 14px;
    color: #898989;
}
.cust-quotes blockquote cite a {
  font-size:14px;
  font-weight:normal;
}



#testimonials {
  margin:0 auto;
  width:940px;

}
  
  
td {
    width: 158px;
}hops/614837/files/15427015/tritown-employee-photos-1-2.jpg" width="100%" />