/* BEGIN: General section */
#comparison-tool, #myModal {
/*    font-family: "Helvetica Neue", helvetica, arial, sans-serif; */
    line-height: 1.4;
    font-size: 12px;
}
@media screen and (min-width: 500px){
  #comparison-tool, #myModal {
    font-size: 12.5px;
  }
}
@media screen and (min-width: 570px){
  #comparison-tool, #myModal {
    font-size: 13px;
  }
}
@media screen and (min-width: 620px){
  #comparison-tool, #myModal {
    font-size: 13.5px;
  }
}
@media screen and (min-width: 680px){
  #comparison-tool, #myModal {
    font-size: 14px;
  }
}
@media screen and (min-width: 720px){
  #comparison-tool, #myModal {
    font-size: 14.5px;
  }
}
@media screen and (min-width: 800px){
  #comparison-tool, #myModal {
    font-size: 15px;
  }
}
@media screen and (min-width: 860px){
  #comparison-tool, #myModal {
    font-size: 15.5px;
  }
}
@media screen and (min-width: 920px){
  #comparison-tool, #myModal {
    font-size: 16px;
  }
}
@media screen and (min-width: 1280px){
  #comparison-tool, #myModal {
    font-size: 21px;
  }
}
@media screen and (min-width: 1366px){
  #comparison-tool, #myModal {
    font-size: 23px;
  }
}
@media screen and (min-width: 1440px){
  #comparison-tool, #myModal {
    font-size: 25px;
  }
}
@media screen and (min-width: 1600px){
  #comparison-tool, #myModal {
    font-size: 26px;
  }
}

#comparison-tool input, #comparison-tool select, #comparison-tool textarea, #comparison-tool button, #comparison-tool p, #comparison-tool li, #comparison-tool label, #comparison-tool legend,
#comparison-tool .ui-mobile label, #comparison-tool div.ui-controlgroup-label {
  font-size: 1em;
}
#comparison-tool p, #comparison-tool li, #comparison-tool label, #comparison-tool legend {
  color: #1f1f1f;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: none;
}

/*body {
  position: relative;
}*/
/*body.ui-overlay-a {
  background-color: #000;
  width: 100%;
  margin: 0 auto;
}*/
.ui-page-theme-a{
  text-shadow: none;
}
.ui-mobile [data-role=page], .ui-mobile [data-role=dialog], .ui-page {
  position: relative;
}

::-webkit-input-placeholder { color:#727373; }
::-moz-placeholder { color:#727373; } /* firefox 19+ */
:-ms-input-placeholder { color:#727373; } /* ie */
input:-moz-placeholder { color:#727373; }

/* END: General section */

/* BEGIN: Modal comparison dialog */
.modal-dialog {
  width: 100%;
  color: #545454;
  margin: 0;
  z-index: 1050;
  max-width: none;
}
.modal-content {
  border-radius: 0;
  background-color: #fff;
  width: 100%;
}
.modal-header {
  border: none;
  color: #000;
  background: #fff;
}
.modal-header .close {
  background-image: none;
  opacity: 1;
  top: 5px;
  right: 5px;
  width: 48px;
  height: 48px;
}

@media(min-width: 440px) {
    .modal-header .close {
        top: 25px;
        right: 25px;
    }
}

.modal-header .icon-close {
  font-size: 1em;
  font-weight: bold;
}

.modal-header h1, .modal-header h2.ext-h1 {
  margin: .5em auto .5em;
  font-size: 1.75em;
  color: #000;
}
.modal-header h1 span, .modal-header h2.ext-h1 span {
  border-bottom: .3vw solid #d3232d;
  padding-bottom: .75vw;
}

.modal-body .table thead th {
  border: none;
  color: #262626;
  font-size: 1em;
  font-weight: bold;
}

.modal-body .table-stats th, .modal-body .table-stats td {
    font-size: 1em;
    padding: 20px 10px;
}

.modal-body .table>thead>tr>th:first-child {
  padding-bottom: .75em;
}
@media (min-width: 1025px) {
  .modal-body .table>thead>tr>th:first-child {
    padding-bottom: 0;
  }
}

.table-stats .img-wrapper,
.modal-body .table>thead .img-wrapper {
  margin: 0 auto;
  overflow: hidden;
}

svg > g > g >  text {
  text-transform: uppercase;
}

svg > g > g > g > text {
}

.modal-body .table>tbody>tr>td,
.modal-body .table>tbody>tr>th {
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;
  color: #545454;
  font-size: .75em;
  font-weight: normal;
  padding: .5em;
}

.modal-body .table>tbody>tr>th {
  font-weight: bold;
  padding-left: 1em;
}

.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #f4f4f3;
}
.table-striped>tbody>tr:nth-of-type(even) {
  background-color: #ededed;
}

.modal-footer {
  border: none;
  text-align: center;
}
.modal-footer .action-button,
.modal-footer .action-button:visited {
  background-color: #fff;
  border: .1em solid #ed1c24;
  border-radius: 0;
  color: #ed1c24;
  font-size: .75em;
  margin-bottom: 2em;
  padding: .6em 1.75em .5em;
}
.modal-footer .action-button:focus,
.modal-footer .action-button:hover {
  background-color: #ed1c24;
  color: #fff;
}
.modal-footer .action-button:focus {
  outline: .1em auto #fff;
}

.meter-label {
  position: absolute;
  top: -5px;
  left: 50%;
  margin-left: -50px;
  width: 100px;
}
/* END: Modal comparison dialog */


/* BEGIN: Navigation section */
.navbar {
  background: url('../images/nav-background.png');
  background-size: contain;
  border:none;
  height:3.4em;
  margin-bottom: 0;
}
.navbar-default .navbar-collapse {
  box-shadow: none;
  border:none;
}
@media( min-width: 768px) {
  .navbar-default .navbar-collapse {
    background-color: transparent;
  }
}
.navbar .navbar-header {
  margin:0;
}
@media( min-width: 768px) {
  .navbar .navbar-header {
    margin-left: 1.55em;
    margin-right: 1.1em;
  }
}

.navbar .navbar-brand {
  padding: 9px 0;
}
@media( min-width: 1280px) {
  .navbar .navbar-brand {
    padding: 13px 0;
  }
}

.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
  border: none;
  margin-right: -.75em;
  background-color: transparent;
}

.navbar .navbar-brand img {
  height: 30px;
}
@media screen and (min-width: 920px){
  .navbar .navbar-brand img {
    height: 34px;
  }
}
@media( min-width: 1280px) {
  .navbar .navbar-brand img {
    height: 45px;
  }
}
@media screen and (min-width: 1366px){
  .navbar .navbar-brand img {
    height: 52px;
  }
}
@media screen and (min-width: 1440px){
  .navbar .navbar-brand img {
    height: 60px;
  }
}
@media screen and (min-width: 1600px){
  .navbar .navbar-brand img {
    height: 62px;
  }
}

.navbar-collapse {
  background-color: #212322;
}

.navbar .nav {
  background-color: transparent;
  margin-top: 0;
}
@media (min-width: 768px){
  .navbar .nav {
    margin-top: .2em;
  }
}
@media (min-width: 1280px) {
  .navbar .nav {
    margin-top: .4em;
  }
}
@media (min-width: 1600px){
  .navbar .nav {
    margin-top: .5em;
  }
}

.navbar-nav>li {
  border-bottom: .1em solid #fff;
  margin: 0 1em;
}
.navbar-nav>li:last-child {
  border:none;
}
@media (min-width: 768px){
  .navbar-nav>li {
    border: none;
    margin: 0;
  }
}

.navbar-default .navbar-nav>li>a {
  color:#fff;
  font-size: 1.5em;
  padding:1.5em 0;
}

@media (min-width: 768px){
  .navbar-default .navbar-nav>li>a {
    font-size: .75em;
    font-weight: normal;
    padding:.9em .65em;
  }
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
  color: #ed1c24;
}
.navbar-default .nav-separator {
  color: #767070;
  margin-top: .8em;
  padding: 0 .3em;
  font-size: .9em;
  font-weight: lighter;
}
@media(min-width: 1280px) {
  .navbar-default .nav-separator {
    margin-top: .6em;
  }
}
@media (min-width: 1600px){
  .navbar-default .nav-separator {
    margin-top: .6em;
  }
}

.navbar-default .action-button,
.navbar-default .action-button:visited {
  background-color: #ed1c24;
  border:none;
  color: #fff;
  font-size: .6em;
  font-weight: normal;
  margin-top: .8em;
  margin-right: .75em;
  padding: .5em 1.1em;
}
.navbar-default .action-button:focus,
.navbar-default .action-button:hover {
  background-color: #fff;
  color: #ed1c24;
}
.navbar-default .action-button:focus {
  outline: .2em auto #ed1c24;
}
/* END: Navigation section */

.content {
}


/* BEGIN: Header section */
.page-header {
  background-image: url('http://media.titleist.com/images/titleist/files/US/shaft_site/header.jpg');
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  border: none;
  color: #fff;
  padding: 0;
  position: relative;
  margin: 0 -1.3em 0;
}
@media(min-width: 600px) {
  .page-header {
    margin: 0 -1.3em 0;
  }
}

@media(min-width: 768px) {
  .page-header {
    margin: 0 -1em;
  }
}

.overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}

.page-header h1 {
  background-image: url('../images/h1-bg.png');
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: contain;
  font-size: 2.5em;
  font-weight: bold;
  letter-spacing: .25em;
  margin-bottom: 1em;
  margin-top: 7.6em;
  padding: 3.1em 0;
  position: relative;
  z-index: 10;
}
@media(min-width: 480px) {
  h1 {
    font-size: 3.5em;
  }
}

.page-header p {
  color: #fff;
  font-size: 1.25em;
  font-weight: normal;
  line-height: 1.75em;
  margin: 2em auto 2em;
  position: relative;
  z-index: 10;
}
@media(min-width: 480px) {
  .page-header p {
    margin: 2em auto 2em;
  }
}
@media(min-width: 768px) {
  .page-header p {
    margin: 2em auto 2em;
  }
}
@media(min-width: 1025px) {
  .page-header p {
    font-size: 1em;
    font-weight: lighter;
    line-height: 1.25em;
    margin: 2em auto 2em;
  }
}

.more {
  font-size: 1.2em;
}

.more img {
  margin-top: .6em;
  width: 1.25em;
}

.page-header .more {
  margin-bottom: 3em;
  position: relative;
  z-index: 10;
}
/* END: Header section */


/* BEGIN: Form Controls section */
.filter-controls {
  margin-bottom: 0;
}
@media(min-width: 480px) {
  .filter-controls {
    margin-bottom: 1.25em;
  }
}

.filter-controls .col-xs-12{
  margin-bottom: 1em;
}
@media(min-width: 768px) {
  .filter-controls .col-xs-12{
    margin-bottom: 0;
  }
}

.ui-field-contain {
  margin-top: 0;
}
@media(min-width: 768px){
  .ui-field-contain {
    margin-top: .6em;
  }
}

#comparison-tool .ui-field-contain .ui-controlgroup-controls,
#comparison-tool .ui-field-contain .ui-controlgroup-label {
  width:100%;
}
@media(min-width: 768px) {
  #comparison-tool.ui-field-contain .ui-controlgroup-controls,
  #comparison-tool .ui-field-contain .ui-controlgroup-label {
    width:104%;
  }
}
@media(min-width: 992px) {
  #comparison-tool .ui-field-contain .ui-controlgroup-controls,
  #comparison-tool .ui-field-contain .ui-controlgroup-label {
    width:100%;
  }
}

#comparison-tool .ui-controlgroup-label legend {
  border-bottom: none;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: .25em;
  margin-top: 1em;
  text-shadow: none;
}
@media(min-width: 768px) {
  .ui-controlgroup-label legend {
    margin-top: 0;
  }
}

/* BEGIN: Category Select control */
.ui-controlgroup-controls .ui-select {
/*  border-radius: .3em; */
  width: 100%;
}
@media(min-width: 768px) {
  .ui-controlgroup-controls .ui-select {
    width: 97%;
  }
}
@media(min-width: 992px){
  .ui-controlgroup-controls .ui-select {
    width: 85%;
  }
}

.ui-controlgroup-vertical .ui-controlgroup-controls .ui-btn.ui-last-child {
/*  border-width: .15em; */
  color: #303030;
  font-size: 1em;
  font-weight: normal;
  padding: 1em;
  text-align: left;
  box-shadow: inset 0 2px 0 0 #eaeaea;
}

@media(min-width: 600px) {
  .ui-controlgroup-vertical .ui-controlgroup-controls .ui-btn.ui-last-child {
    padding: .75em;
  }
}
@media(min-width: 860px) {
  .ui-controlgroup-vertical .ui-controlgroup-controls .ui-btn.ui-last-child {
    padding: .65em;
  }
}
@media(min-width: 992px) {
  .ui-controlgroup-vertical .ui-controlgroup-controls .ui-btn.ui-last-child {
  }
}
@media(min-width: 1280px) {
  .ui-controlgroup-vertical .ui-controlgroup-controls .ui-btn.ui-last-child {
    font-size: .65em;
    padding: .5em .75em;
  }
}
@media(min-width: 1365px) {
  .ui-controlgroup-vertical .ui-controlgroup-controls .ui-btn.ui-last-child {
    padding: .4em .75em;
  }
}
@media(min-width: 1600px) {
  .ui-controlgroup-vertical .ui-controlgroup-controls .ui-btn.ui-last-child {
    padding: .35em .75em;
  }
}

#comparison-tool select#category:after,
#comparison-tool .ui-icon-carat-d:after {
    content: "";
    position: absolute;
    height: 43px;
    width: 27px;
    background-position: center center;
    background-image: url(../images/icon-select.gif);
    border-radius: 0;
    right: -1px !important;
    top: 9px;
    z-index: 1;
}

.ui-page-theme-a .ui-focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.ui-page-theme-a .ui-btn.ui-btn-active {
  background-color: #fff;
  border-color: #d1d2d2;
  color: #333;
  text-shadow:none;
}

/* END: Category Select control */

/* BEGIN: BOTH Trajectory and Weight Slider control styles */
@media (min-width:992px) {
  #comparison-tool .col-price {
    right: 0;
  }
  #comparison-tool .col-weight {
    left: 0;
  }
}

#comparison-tool html >body .ui-rangeslider .ui-rangeslider-sliders .ui-slider-track:first-child,
#comparison-tool .ui-rangeslider .ui-rangeslider-sliders .ui-slider-track {
  box-shadow: none;
  height: .75em;
  top: 0;
}
@media (min-width: 768px) {
  #comparison-tool .ui-rangeslider .ui-rangeslider-sliders .ui-slider-track:first-child,
  #comparison-tool .ui-rangeslider .ui-rangeslider-sliders .ui-slider-track {
    height: .6em;
  }
}
@media (min-width: 992px) {
  #comparison-tool .ui-rangeslider .ui-rangeslider-sliders .ui-slider-track:first-child,
  #comparison-tool .ui-rangeslider .ui-rangeslider-sliders .ui-slider-track {
    height: .5em;
  }
}
@media (min-width: 1280px) {
  #comparison-tool  .ui-rangeslider .ui-rangeslider-sliders .ui-slider-track:first-child,
  #comparison-tool .ui-rangeslider .ui-rangeslider-sliders .ui-slider-track {
    height: .3em;
  }
}

.ui-page-theme-a .ui-slider-track .ui-btn-active {
  background-color: #ed1c24;
  margin-left: 0;
}

#comparison-tool .ui-slider-track .ui-btn.ui-slider-handle {
  background-color: #fff;
  border-color: #303030;
  border-radius: 1em;
  border-width: .1em;
  box-shadow: none;
  height: 2.2em;
  margin: -.9em 0 0 -.9em;
  width: 2.2em;
}

 #comparison-tool #trajectory .ui-slider-track .ui-slider-bg + .ui-btn.ui-slider-handle {
    margin-left: -1.8em;
  }

@media (min-width: 768px) {
  #comparison-tool .ui-slider-track .ui-btn.ui-slider-handle {
    height: 1.925em;
    margin: -1em 0 0 -1.25em;
    width: 1.925em;
  }

    #comparison-tool #trajectory .ui-slider-track .ui-slider-bg + .ui-btn.ui-slider-handle {
    margin-left: -1.4em;
  }
}

@media (min-width: 992px) {
  #comparison-tool .ui-slider-track .ui-btn.ui-slider-handle {
    border-width: .1em;
    height: 1.5em;
    width: 1.5em;
    margin: -.75em 0 0 -.75em;
  }
  
    #comparison-tool #trajectory .ui-slider-track .ui-slider-bg + .ui-btn.ui-slider-handle {
    margin-left: -.6em;
  }
}
@media (min-width: 1025px) {
  #comparison-tool .ui-slider-track .ui-btn.ui-slider-handle {
    height: 1em;
    margin: -.5em 0 0 -.5em;
    width: 1em;
  }
}
@media (min-width: 1280px) {
  #comparison-tool .ui-slider-track .ui-btn.ui-slider-handle {
    border-width: .05em;
  }
}

#comparison-tool .ui-field-contain .ui-rangeslider .ui-rangeslider-sliders {
  height: 1em;
  margin: 0;
  width: 100%;
}

.slider-guage {
  margin: 0 .8em 0;
}
.slider-guage img {
  width: 100%;
}
.slider-guage div {
  font-size: 10px;
}
.guage-low {
  margin-left: -.65em;
}
@media(min-width: 768px) {
  .guage-low {
    margin-left: -.45em;
  }
}
.guage-high {
  margin-right: -.95em;
}
@media(min-width: 768px) {
  .guage-high {
    margin-right: -10px;
  }
}
@media(min-width: 992px) {
  .guage-high {
    margin-right: 0px;
  }
}
@media(min-width: 1200px) {
  .guage-high {
    margin-right: 10px;
  }
}
@media(min-width: 480px) {
  .slider-guage img {
    height: 1em;
  }
}

#comparison-tool .field-trajectory .ui-controlgroup-controls,
#comparison-tool fieldset.field-weight .ui-controlgroup-controls {
  margin: 0 .75em;
  width: 93%;
}

@media(min-width: 375px) {
  #comparison-tool .field-trajectory .ui-controlgroup-controls,
  #comparison-tool fieldset.field-weight .ui-controlgroup-controls {
    width: 95%;
  }
  .slider-guage img {
    width: 100%;
  }
}
@media(min-width: 568px) {
  #comparison-tool .field-trajectory .ui-controlgroup-controls,
  #comparison-tool fieldset.field-weight .ui-controlgroup-controls {
    width: 96%;
  }
  .slider-guage img {
    width: 100%;
  }
}
@media(min-width: 736px) {
  .slider-guage img {
    width: 99.5%;
  }
}

@media(min-width: 768px) {
  #comparison-tool .field-trajectory .ui-controlgroup-controls,
  #comparison-tool fieldset.field-weight .ui-controlgroup-controls {
    width: 94%;
  }

  .slider-guage {
    margin-top: -.5em;
  }
  .slider-guage img {
    width: 100%;
  }
  .
}
@media(min-width: 992px) {
  #comparison-tool .field-trajectory .ui-controlgroup-controls,
  #comparison-tool fieldset.field-weight .ui-controlgroup-controls {
    margin: 0;
    width: 94%;
  }

  .slider-guage {
    margin: -.75em 0 0 0;
  }

  .slider-guage img {
    height: auto;
    width: 94%;
  }
}
@media(min-width: 1280px) {
  .slider-guage {
    margin: -1em 0 0 0;
  }
}
/* END: BOTH Trajectory and Weight Slider control styles */

/* BEGIN: Trajectory Slider control */
/* END: Trajectory Slider control */

/* BEGIN: Weight Slider control */
/* END: Weight Slider control */

/* BEGIN: Price Checkbox control */
@media(min-width: 992) {
  .field-price {
    padding-left: 2.75em;
  }
}
.field-price.ui-controlgroup-label legend {
  margin-bottom: 0;
}
.field-price .checkbox {
  margin: 0;
}
#comparison-tool .field-price .checkbox input[type="checkbox"] + label {
  background: url('../images/icon-checkbox-light.png') left top no-repeat;
  background-size: 2em 2em;
  cursor: pointer;
  display: inline-block;
  height: 2.5em;
  margin:-.1em .5em 0 0;
  min-height: 1em;
  padding-left: 3em;
  padding-top: .5em;
  vertical-align: middle;
  width: 20em;
}
.field-price .checkbox input {
  display: none;
}
#comparison-tool .field-price .checkbox input[type="checkbox"]:checked + label {
  background: url('../images/icon-checkbox-light-checked.png') left top no-repeat;
  background-size: 2em 2em;
}
@media(min-width: 768px) {
  #comparison-tool .field-price .checkbox input[type="checkbox"] + label {
    background-size: 1em 1em;
    font-size: .85em;
    height: 1.5em;
    padding-left: 1.5em;
    padding-top: 0;
  }
  #comparison-tool .field-price .checkbox input[type="checkbox"]:checked + label {
    background-size: 1.2em 1.2em;
  }
}
@media(min-width: 992px) {
  #comparison-tool .field-price .checkbox input[type="checkbox"] + label {
    font-size: .7em;
  }
}
/* END: Price Checkbox control */

/* END: Form Controls section */


/* BEGIN: Matching and Search bar section */
.match-search {
  background-color: #ebebeb;
  border-bottom: .1em solid #dadada;
}
.match-search .matching-shafts {
  font-size: 1.5em;
  font-weight: bold;
  margin: 1.1em 0 0 0;
}
@media(min-width: 768px) {
  .match-search .matching-shafts {
    font-size: 1.25em;
    margin: 1.25em 0 .75em 1em;
  }
}
@media(min-width: 992px) {
  .match-search .matching-shafts {
    font-size: 1em;
    margin: 1.35em 0 .75em 1em;
  }
}
@media(min-width: 1280px) {
  .match-search .matching-shafts {
    margin: 1.25em 0 .75em 1em;
  }
}

.field-search.ui-controlgroup, fieldset.field-search.ui-controlgroup {
  width:100%;
  margin-bottom: 1.5em;
}
@media(min-width: 768px) {
  .field-search.ui-controlgroup, fieldset.field-search.ui-controlgroup {
    margin-bottom: 0;
    margin-right: .85em;
    padding-left: 1.25em;
  }
}
@media(min-width: 992px) {
  .field-search.ui-controlgroup, fieldset.field-search.ui-controlgroup {
    margin-bottom: .3em;
    margin-right: 0;
    padding-left: .4em;
  }
}

.ui-page-theme-a #comparison-tool .ui-body-inherit,
html body .ui-group-theme-a #comparison-tool .ui-body-inherit {
  background-color: #ebebeb;
  border: 1px solid #d6d6d6;
  margin: 0;
  text-shadow: none;
  margin-bottom: 0;
}
@media(min-width: 768px) {
  .ui-page-theme-a #comparison-tool .ui-body-inherit,
  html body .ui-group-theme-a #comparison-tool .ui-body-inherit {
    margin:.5em 0;
    height: 2.5em;
  }
}
@media(min-width: 992px) {
  .ui-page-theme-a #comparison-tool .ui-body-inherit,
  html body .ui-group-theme-a #comparison-tool .ui-body-inherit {
    margin: .5em .75em .5em 0;
  }
}
@media(min-width: 1600px) {
  .ui-page-theme-a #comparison-tool .ui-body-inherit,
  html body .ui-group-theme-a #comparison-tool .ui-body-inherit {
    margin-top:.5em;
  }
}

.titleist-search-box .ui-input-clear {
    display: none;
}

#comparison-tool .ui-mini .ui-input-text input,
#comparison-tool .twitter-typeahead .tt-input {
  border: none;
  color:#727373;
  font-size: 1em;
  padding-left: .8em;
  padding-top: 1em;
  padding-bottom: 1em;
}

#comparison-tool .expanded {
    height: auto;
}

@media(min-width: 480px) {
}

@media(min-width: 768px) {
  #comparison-tool .ui-mini .ui-input-text input,
  #comparison-tool .twitter-typeahead .tt-input {
    font-size: 1em;
    padding-top: .67em;
  }
}
@media(min-width: 992px) {
  #comparison-tool .ui-mini .ui-input-text input,
  #comparison-tool .twitter-typeahead .tt-input {
    font-size: 1.5em;
    padding-top: .2em;
  }
}

#comparison-tool .twitter-typeahead div.ui-input-text {
  border-radius: .4em;
}

::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {
   color: #727373;
}
/* END: Matching and Search bar section */

/* BEGIN: Graph styles */
.shaft-tooltip {
  background-position: left center;
  background-repeat: no-repeat;
  color: #fff;
  padding: .5em .75em;
}

div .google-visualization-tooltip {
  background-color: #333;
  border:none;
  border-radius: 0;
/*  font-family: "Helvetica Neue", helvetica, arial, sans-serif; */
  font-size: .6em;
  letter-spacing: .1em;
  line-height: 1.4;
  margin-top: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* END: Graph styles */


/* BEGIN: Shaft Results section */
.shaft-chart {
  padding:0;
  background-color: #f0f0f0;
}

#comparison-tool .shaft-chart .disclaimer {
  color: #303030;
  font-size: 12px;
  padding: 0 14% 5% 25%;
  margin: 0;
  max-width: 100%;
}
@media(min-width: 1280px) {
  .shaft-chart .disclaimer {
    padding: 0 12% 6% 25%;
  }
}

.shaft-results {
  background-color: #ebebeb;
  border-bottom: .1em solid #dadada;
  color: #000;
}
@media(min-width: 768px) {
  .shaft-results {
    padding: 0 15px 0 0;
  }
}

.shaft-results .shaft-results-header {
  background-color: #ebebeb;
  height: 4em;
  margin-right: -1em;
}
@media (min-width: 1600px) {
  .shaft-results .shaft-results-header {
    margin-left: .5em;
  }
}

.affix,
.scrollspy {
  background-color: #f9f9f9;
  height: 88px;
}
.affix {
  left: 0;
  top: 0;
  width: 105%;
  z-index: 50;
}

.selected-shafts {
  color: #8f9090;
  font-size: .7em;
  letter-spacing: .05em;
  margin-left: .75em;
  margin-top: .7em;
}
@media (min-width: 1600px) {
  .selected-shafts {
    margin-left: .5em;
  }
}

#comparison-tool .shaft-results .clear-selected,
#comparison-tool .shaft-results .clear-selected:visited,
#comparison-tool .shaft-results .clear-selected:focus,
#comparison-tool .shaft-results .clear-selected:active,
#comparison-tool .shaft-results .clear-selected:hover {
  color: #000;
  font-size: .7em;
  margin-left: .75em;
  text-decoration: underline;
  font-weight: bold;
}
@media (min-width: 1600px) {
  .shaft-results .clear-selected,
  .shaft-results .clear-selected:visited,
  .shaft-results .clear-selected:focus,
  .shaft-results .clear-selected:active,
  .shaft-results .clear-selected:hover {
    margin-left: .5em;
  }
}

.shaft-results .clear-selected:hover {
  #comparison-tool color:#ed1c24;
}

.scrollspy .selected-shafts-mobile {
  color:#707070;
  font-size: 1.5em;
  margin: 10px 0;
  padding-left:25px;
}

#comparison-tool .scrollspy .clear-selected,
#comparison-tool .scrollspy .clear-selected:visited,
#comparison-tool .scrollspy .clear-selected:focus,
#comparison-tool .scrollspy .clear-selected:active,
#comparison-tool .scrollspy .clear-selected:hover {
  color: #707070;
  border: none;
}
.scrollspy .clear-selected .glyphicon-emove-circle {
  margin-left: .5em;
  vertical-align: text-top;
}

/*.ui-page-theme-a a,
.ui-page-theme-a a:focus,
.ui-page-theme-a a:hover,
.ui-page-theme-a a:visited,
html .ui-bar-a a,
html .ui-bar-a a:focus,
html .ui-bar-a a:hover,
html .ui-bar-a a:visited,
html .ui-body-a a,
html .ui-body-a a:focus,
html .ui-body-a a:hover,
html .ui-body-a a:visited,
html body .ui-group-theme-a a,
html body .ui-group-theme-a a:focus,
html body .ui-group-theme-a a:hover,
html body .ui-group-theme-a a:visited {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #fff;
  outline: none;
}*/

.titleist-btn {
  font-size: .6em;
  margin-top: 1em;
  margin-right: 2.5em;
}
.shaft-results a.compare-button,
.shaft-results a.compare-button:visited {
  background-color: #ed1c24;
  border:none;
  color: #fff;
  font-size: .6em;
  font-weight: normal;
  margin-top: 1em;
  margin-right: 1.75em;
  padding: .5em .5em;
}
@media(min-width: 768px){
  .shaft-results a.compare-button, .shaft-results a.compare-button:visited {
    margin-top: .85em;
  }
}
@media(min-width: 992px){
  .shaft-results a.compare-button, .shaft-results a.compare-button:visited {
    margin-top: .8em;
  }
}

.shaft-results a.compare-button:focus,
.shaft-results a.compare-button:hover {
  background-color: #fff;
  color: #ed1c24;
}
.shaft-results a.compare-button:focus {
  outline: .2em auto #ed1c24;
}

.view-all {
  border-bottom: 1px solid #dadada;
  color: #707070;
  font-size: 1.25em;
  height: 44px;
  padding: 1em;
}
.mobile-compare-button {
  background-color: #ed1c24;
  color: #fff;
  font-size: 1.25em;
  line-height: 1.5em;
  height: 44px;
  padding: .5em;
}



.shaft-results ul.list-unstyled {
  background-color: #ebebeb;
  border-top: .1em solid #dadada;
  height: 60em;
  margin-bottom: 0;
  margin-right: -1em;
  overflow-x: hidden;
  overflow-y: hidden;
}
@media(min-width: 768px) {
  .shaft-results ul.list-unstyled {
    height: 38em;
    margin-bottom: 10px;
    overflow-y: scroll;
  }
}
@media(min-width: 1400px) {
  .shaft-results ul.list-unstyled {
    height: 55em;
  }
}
@media(min-width: 1600px) {
  .shaft-results ul.list-unstyled {
    margin-left: -.5em;
  }
}

.shaft-results ul.expanded {
  height:inherit;
}

.shaft-result {
  border-bottom: .1em solid #dadada;
  padding: 1.6em 2.25em 1em 15px;
  width: 100%;
}
@media(min-width: 768px) {
  .shaft-result {
    padding: 1.6em 1.5em 1.4em .25em;
  }
}

.shaft-result .shaft-image:hover,
.shaft-result h5:hover {
    cursor: pointer;
}

.shaft-result .shaft-image {
  height:2.25em;
  overflow: hidden;
  width: 100%;
}
@media(min-width: 768px) {
  #comparison-tool .shaft-result .shaft-image {
    height: 1.4em;
    overflow: hidden;
    width: 100%;
  }
}

@media(min-width: 992px) {
  #comparison-tool .shaft-result .shaft-image {
    height: 2em;
  }
}

#comparison-tool .shaft-result .shaft-image img {
  height: 100%;
  max-width: none;
}

.modal table.table-stats {
    min-width: 0px;
}

.table-stats th,
.table-stats td {
  position: relative;
  width: 18%;
}
.table-stats tbody .shaft-image td {
  padding: 10px;
}
.table-stats tbody .shaft-image th,
.table-stats tbody .shaft-image td:nth-of-type(even){
  background: #fff;
}

.table-stats tbody .shaft-image th {
  vertical-align: bottom;
  font-weight: normal;
}

.table-stats tbody .shaft-make-model th,
.table-stats tbody .shaft-make-model td {
  border-bottom: 1px solid #e3dede;
}

.table-stats tbody .shaft-make-model td {
  font-weight: bold;
}

.table-stats tbody .shaft-description th {
  padding-top: 17px;
  vertical-align: top;
}
.table-stats tbody .shaft-description td {
  text-align: left;
  vertical-align: top;
}
.modal-body .table-stats .img-wrapper  {
    background-repeat: no-repeat;
    background-size: contain;
    height: 0;
    padding-bottom: 5%;
}

#comparison-tool .shaft-result h5 {
  color: #000;
  margin: 1em 0 0 0;
  padding-right: 20px;
  font-size: 1.25em;
  line-height: 1.5em;
  font-weight: bold;
  position: relative;
  text-transform: uppercase;
}
.shaft-result h5:after {
  content: "\e60f";
  font-family: 'titleist-icons';
  position: absolute;
  right: 0;
  font-weight: normal;
}

.shaft-result h5.expanded:after {
  content: "\e609";
}
@media(min-width: 768px) {
  #comparison-tool .shaft-result h5 {
    font-size: 20px;
  }
}

.shaft-result h5 span.glyphicon {
  color: #737373;
  top: 2px;
  font-size: .6em;
}

.shaft-result dt {
  font-size: 12px;
}

.shaft-result dt span {
  font-weight: normal;
}

.shaft-result dd {
  margin-bottom: 10px;
}

.meter {
  height: 10px;
  position: relative;
  background-color: #E2DEDE;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.meter > span {
  display: block;
  height: 100%;
  background-color: #E31837;
  box-shadow: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  overflow: visible;
}
.meter > span .meter-value {
  color: #949494;
  font-size: .65em;
  position: absolute;
  right:-45px;
  text-align: center;
  top: -15px;
  width: 70px;
}
@media(min-width: 1280px) {
  .meter > span .meter-value {
    font-size: .6em;
    top: -20px;
  }
}

.shaft-result .checkbox {
  margin: .5em 0;
}

.shaft-result .checkbox input {
  display: none;
}

#comparison-tool .shaft-result .checkbox input[type="checkbox"] + label {
  background: url('../images/icon-checkbox-red.png') left center no-repeat;
  background-size: 1.5em 1.5em;
  cursor: pointer;
  display: inline-block;
  font-size: 1em;
  font-weight: bold;
  height: 1.5em;
  line-height: 1.6em;
  margin:-.1em .67em 0 0;
  min-height: 1.25em;
  padding-left: 2em;
  vertical-align: middle;
  width: 16em;
}
@media (min-width: 768px) {
  #comparison-tool .shaft-result .checkbox input[type="checkbox"] + label {
    font-size: .75em;
    line-height: 1.5em;
  }
}
@media (min-width: 992px) {
  #comparison-tool .shaft-result .checkbox input[type="checkbox"] + label {
    font-size: 1em;
    line-height: 1.5em;
  }
}
#comparison-tool .shaft-result .checkbox input[type="checkbox"]:checked + label {
  background: url('../images/icon-checkbox-red-checked.png') left top no-repeat;
    background-size: 1.5em 1.5em;
}

#comparison-tool .shaft-results ul.shaft-properties {
  margin-bottom: .5em;
}

#comparison-tool .shaft-properties li {
  color: #262626;
  font-size: 12px;
  font-weight: normal;
  line-height: 2em;
  padding-right: 0;
  margin-right: 0;
}

@media(min-width: 992px) {
  .shaft-properties li {
    color: #262626;
    font-weight: normal;
    line-height: 1.5em;
    padding-right: 0;
  }
}

.shaft-properties span {
  font-weight: bold;
}

#comparison-tool .shaft-result .shaft-description {
  color: #000;
  font-size: .9em;
  line-height: 1.4em;
}
@media(min-width: 768px) {
  #comparison-tool .shaft-result .shaft-description {
    font-size: 1em;
    line-height: 1.25em;
  }
}
@media(min-width: 992px) {
  #comparison-tool .shaft-result .shaft-description {
    font-size: 1.1em;
    line-height: 1.4em;
  }
}

.text-wrap {
  white-space: normal!important;
}
.table-responsive {
  border: none;
}

/* END: Shaft Results section */

/* BEGIN: Info section */
.info {
  background-color: #fff;
}
.info h3 {
  font-size: 2em;
  margin-bottom: 2em;
  margin-top: 3em;
  font-weight: bold;
}
.info h3 span.underline {
  border-bottom: .25em solid #ed1c24;
  padding-bottom: .1em;
}

.info p {
  font-size: 1em;
  margin: 0 1em 1.75em;
  line-height: 1.25em;
}
@media (min-width: 480px) {
  .info p {
    margin: 0 2.5em 1.75em;
  }
}
@media (min-width: 768px) {
  .info p {
    margin: 0 14em 1.75em;
  }
}
@media (min-width: 992px) {
  .info p {
    font-weight: lighter;
  }
}
@media (min-width: 1025px) {
  .info p {
    margin: 0 auto 1.75em;
  }
}

.info .contact-phone,
.info .contact-phone:visited,
.info p {
  color: #262626;
}

.info .contact-phone,
.info .contact-phone:visited {
  text-decoration: underline;
  white-space: nowrap;
}
.info .contact-phone:hover {
  color: #ed1c24;
}
.info .action-button,
.info .action-button:visited {
  background-color: #fff;
  border: .1em solid #ed1c24;
  border-radius: 0;
  color: #ed1c24;
  font-size: 1em;
  margin-bottom: 2em;
  padding: 1em 1.25em;
}
@media(min-width: 768px) {
  .info .action-button,
  .info .action-button:visited {
    padding: .4em 1.25em;
  }
}

@media(min-width: 992px) {
  .info .action-button,
  .info .action-button:visited {
    font-size: .75em;
  }
}

@media(min-width: 1025px) {
  .info .action-button,
  .info .action-button:visited {
    padding: .5em 1.25em .4em;
  }
}

.info .action-button:focus,
.info .action-button:hover {
  background-color: #ed1c24;
  color: #fff;
}
.info .action-button:focus {
  outline: .1em auto #fff;
}

/* END: Info section */

/*  BEGIN: Articles section */
.articles-header {
  background-image: url('http://media.titleist.com/images/titleist/files/US/shaft_site/articles-header.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border: none;
  color: #fff;
  margin-bottom: 0;
  margin-top: 0;
  position: relative;
}
.articles-header h2 {
  font-size: 2.5em;
  font-weight: bold;
  margin-bottom: 1.5em;
  margin-top: 10em;
  position: relative;
  z-index: 10;
}
@media(min-width: 768px) {
  .articles-header h2 {
    font-size: 2.75em;
  }
}
.articles-header h2 span.underline{
  border-bottom: .2em solid #ed1c24;
  padding-bottom: .5em;
}
.articles-header .more {
  margin-bottom: 6.75em;
  position: relative;
  z-index: 10;
}

.article {
  background-color: #e4e3e4;
}
.article-image {
  margin: 0;
  padding: 0;
}

@media(min-width: 768px) {
  .article-image-left:after,
  .article-image-right:after {
    position: absolute;
    top: 10%;
    margin-left: 0;
    border-width: 2em;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
  }

  .article-image-left:after {
    right: 0;
    border-color: transparent #e4e3e4 transparent transparent;
  }

  .article-image-right:after {
    left: 0;
    border-color: transparent transparent transparent #e4e3e4;
  }
}
.article-copy {
  padding: 1.75em 3.25em 3.25em;
}
@media (min-width: 768px) {
  .article-copy {
    max-height: 26em;
  }
}

.article-copy h3 {
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.5em;
}


.article-copy p {
  font-size: 1.25em;
  line-height: 1.75em;
  margin:0;
}
@media (min-width: 768px) {
  .article-copy p {
    font-size: .85em;
    line-height: 1.4em;
    margin:0;
  }
}
/*  END: Articles section */

/*  BEGIN: Footer section */
.footer {
  background-color: #1c1b19;
  padding: 0;
}
.footer p {
  margin: 2em 0;
  font-size: .85em;
  color: #959595;
}
@media (min-width: 992px) {
  .footer p {
    margin: 2.1em;
    font-size: .6em;
    color: #959595;
  }
}
/*  END: Footer section */

.tt-dropdown-menu .tt-suggestion {
  display: block !important;
}
.tt-dropdown-menu .tt-suggestion.tt-cursor {
  background-color: #d3232d;
  color: #fff;
}