html {
    font-size: 100%;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Yanone Kaffeesatz', arial;
}

.tm-frontpage-form-control {
  height: 50px;
  font-size: 18px;
  border-radius: 20px;
  box-shadow: inset 0 0px 5px rgba(0, 0, 0, 0.75);
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.typeahead .form-group {
    margin-bottom: 5px;
}

.tmslick {

}

.tm-header {
    padding-top: 10px;
    padding-bottom: 10px;
}

.tm-ver-bar {
    position: absolute;
    right: 10px;
    top: 0px;
}

.tm-tests-container {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 35px;
}

.tm-panel-header {
    margin-bottom: 0;
    padding: 10px 10px 0 10px;
    border-radius: 10px 10px 0 0;
    position: relative;
    border-bottom: 3px dashed white;
    /*background-color: #0c3562;*/
    background: repeating-linear-gradient(
      to right,
      #0c3562,
      #0c3562 20px,
      #1c4572 20px,
      #1c4572 40px
    );
}

.tm-panel-header .fa-stack-2x {
    color: #d1e3f6 !important;
}

.tm-panel-header .fa-stack-1x {
    color: #0c3562 !important;
}

.tm-ph-featured {
    /*background-color: #86d89f;*/
}
.tm-ph-rising {
    /*background-color: #f4b95f;*/
}
.tm-ph-popular {
    /*background-color: #bd91ff;*/
}
.tm-ph-new {
    /*background-color: #84a5cb;*/
}
.tm-ph-best {
    /*background-color: #ff836f;*/
}

.tm-ph-index {
    height: 60px;
    margin: 0 auto;
    max-width: 1560px;
}

@media (max-width: 1606px) {
  .tm-ph-index {
    width: 1245px;
  }
}

@media (max-width: 1291px) {
  .tm-ph-index {
    width: 930px;
  }
}

@media (max-width: 976px) {
  .tm-ph-index {
    width: 615px;
  }
}

@media (max-width: 661px) {
  .tm-ph-index {
    width: 300px;
  }
}

.tmgrid-container {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0;
}

.tm-label {
    position: absolute;
    margin: 0;
    padding: 5px 10px 0px 10px;
    border: 3px dashed black;
    z-index: 99;
    font-weight: bold;
}

.tm-label-centered {
    top: 65%;
    left: 50%;
    background-color: white;
    transform: translate(-50%, -35%);
}

.tm-label-featured {
    left: 100px;
    top: 7px;
    background-color: yellow;
    -ms-transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    transform: rotate(7deg);
}

.tm-label-rising {
    left: 120px;
    top: 7px;
    background-color: white;
    -ms-transform: rotate(348deg);
    -webkit-transform: rotate(348deg);
    transform: rotate(348deg);
}

.tm-label-popular {
    left: 90px;
    top: 7px;
    background-color: white;
    -ms-transform: rotate(9deg);
    -webkit-transform: rotate(9deg);
    transform: rotate(9deg);
}

.tm-label-new {
    left: 110px;
    top: 7px;
    background-color: white;
    -ms-transform: rotate(340deg);
    -webkit-transform: rotate(340deg);
    transform: rotate(340deg);
}

.tm-label-best {
    left: 80px;
    top: 7px;
    background-color: white;
    -ms-transform: rotate(11deg);
    -webkit-transform: rotate(11deg);
    transform: rotate(11deg);
}

/* clearfix */
.tmgrid:after {
  content: '';
  display: block;
  clear: both;
}

.tmgrid {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}


.tmgrid-item {
    float: left;
    margin-bottom: 15px;
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
    -webkit-box-shadow: 5px 5px 10px gray;
    -moz-box-shadow: 5px 5px 10px gray;
    box-shadow: 5px 5px 10px gray;
}

.tmgrid-item,
.tmgrid-sizer {
    width: 300px;
}

/*@media (max-width: 649px) {
    .tmgrid-item,
    .tmgrid-sizer {
        width: 100%;
    }
}*/

.tm-300x250 {
     padding-bottom:15px;
     text-align: center;
}

.tm_lg_bg {
   cursor: pointer;
   height: 250px;
   position: relative;
   padding: 0px 15px 0 15px;
   text-align: center;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   display: block;
   text-decoration: none;
}

.tm_lg_bg:hover {
    border-top: 5px solid black;
    text-decoration: none;
}

.tm_lg_bg:visited, .tm_lg_bg:active {
    text-decoration: none;
}

.tm_lg_bg > h3 {
    font-family: 'Yanone Kaffeesatz', arial;
    font-size: xx-large;
    margin-top: 50px;
}

.tm_sm_bg {
   cursor: pointer;
   height: 100px;
   position: relative;
   padding: 0px 15px 0 15px;
   text-align: center;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   display: block;
   text-decoration: none;
}

.tm_sm_bg:hover {
    border-top: 5px solid black;
    text-decoration: none;
}

.tm_sm_bg:visited, .tm_sm_bg:active {
    text-decoration: none;
}

.tm_sm_bg > h4 {
    font-family: 'Yanone Kaffeesatz', arial;
    font-size: x-large;
}

.tm-stars {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 100px;
    height: auto;
}

.tm-perf-count {
    position: absolute;
    left: 10px;
    bottom: 0px;
    color: white;
}

.tm-raise {
    position: absolute;
    left: 142px;
    bottom: 10px;
    height: auto;
}

.tm-date {
    font-size: 11px;
    color: white;
    position: absolute;
    left: 10px;
    bottom: 20px;
    color: #9b9;
}

.tm-nickname {
    position: absolute;
    right: 13px;
    bottom: 20px;
    height: auto;
    text-align: right;
    font-size: 11px;
    color:#9b9;
}

.tm-lower-box {
    background: white;
    border-left: 1px solid #777;
    border-right: 1px solid #777;
    border-bottom: 4px solid #333;
    padding: 10px 5px 5px 5px;
    text-align: center;
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
    position: relative;
}

.tmslick .tm-lower-box {
    height: 150px;
}

.tm-lower-box p {
    font-size: 14px;
}

.tm-some-btns {
    position: absolute;
    width: 300px;
    left: 50%;
    margin-left: -150px;
    bottom: 5px;
}

.tm-navbar {
    background-color: #ddd;
    border-color: #eee;
}

#tm-thin-bar {
    border-top: solid gray;
    margin-top: -20px;
    padding: 5px 0px 0px 0px;
}

#tm-fb-btn {
    background-color: rgba(67,95,173, 0.7);
    border: 0;
}

#tm-fb-btn:hover {
    background-color: rgba(67,95,173, 1);
}

#tm-twitter-btn {
    background-color: rgba(64,153,255, 0.7);
    border: 0;
}

#tm-twitter-btn:hover {
    background-color: rgba(64,153,255, 1);
}

.tm-wizard-container {
    background-color: rgba(255,255,255,0.5);
    padding-top: 10px;
    padding-bottom: 10px;
}

/* PANELS */
.panel-heading a {
  color: #d1e3f6;
  text-decoration: none;
}
.panel-heading a:hover,
.panel-heading a:focus {
  color: #abc4de;
  text-decoration: underline;
}

h4.panel-title {
    font-size: 20px;
}