@charset "UTF-8";
/*
 * worldvis - HTML5 Template
 * File Description: This file contain all the site styles.
 * 
 * Author: Jaime Hernández Avitia (Jaheravy)
 * 
 * Website: http://www.jaheravy.com/
 * Twitter: http://www.twitter.com/jaheravy
 * 
 * Email: contact@jaheravy.com
 * Support: support@jaheravy.com
 * 
 * This template has been purchased at http://www.themeforest.net/
 * 
 * FILE CONTENTS:
 * 
 * 0. @font-face
 * 1. Grid rules
 * 2. Base rules
 * 3. Layout rules
 * 4. Module rules
 * 5. State rules
 * 6. Helper classes
 * 7. Media Queries
 * 7.1 Print styles
 * 8. customizations
 * 
 */
/*
 *  =========================
 *  ===== 0. @font-face =====
 *  =========================
 *
 */
body{
  padding: 0;
  margin: 0;
}


/*
 *  =========================
 *  ===== 1. GRID RULES =====
 *  =========================
 *
 */
/* Fluid Cols */
.grid-col-1 {
  width: 5.833333333%;
}

.grid-col-2 {
  width: 14.166666666%;
}

.grid-col-3 {
  width: 22.499999999%;
}

.grid-col-4 {
  width: 30.833333332%;
}

.grid-col-5 {
  width: 39.166666665%;
}

.grid-col-6 {
  width: 47.499999998%;
}

.grid-col-7 {
  width: 55.833333331%;
}

.grid-col-8 {
  width: 64.166666664%;
}

.grid-col-9 {
  width: 72.499999997%;
}

.grid-col-10 {
  width: 80.83333333%;
}

.grid-col-11 {
  width: 89.166666663%;
}

.grid-col-12 {
  width: 97.499999996%;
}

.grid-col-1,
.grid-col-2,
.grid-col-3,
.grid-col-4,
.grid-col-5,
.grid-col-6,
.grid-col-7,
.grid-col-8,
.grid-col-9,
.grid-col-10,
.grid-col-11,
.grid-col-12 {
  display: block;
  float: left;
  margin-left: 1.25%;
  margin-right: 1.25%;
}

/* Fixed Cols */
.grid-col-fixed-1 {
  width: 70px;
}

.grid-col-fixed-2 {
  width: 170px;
}

.grid-col-fixed-3 {
  width: 270px;
}

.grid-col-fixed-4 {
  width: 370px;
}

.grid-col-fixed-5 {
  width: 470px;
}

.grid-col-fixed-6 {
  width: 570px;
}

.grid-col-fixed-7 {
  width: 670px;
}

.grid-col-fixed-8 {
  width: 770px;
}

.grid-col-fixed-9 {
  width: 870px;
}

.grid-col-fixed-10 {
  width: 970px;
}

.grid-col-fixed-11 {
  width: 1070px;
}

.grid-col-fixed-12 {
  width: 1170px;
}

.grid-col-fixed-1,
.grid-col-fixed-2,
.grid-col-fixed-3,
.grid-col-fixed-4,
.grid-col-fixed-5,
.grid-col-fixed-6,
.grid-col-fixed-7,
.grid-col-fixed-8,
.grid-col-fixed-9,
.grid-col-fixed-10,
.grid-col-fixed-11,
.grid-col-fixed-12 {
  display: block;
  float: left;
  margin-left: 15px;
  margin-right: 15px;
}

/*
 *  =========================
 *  ===== 2. BASE RULES =====
 *  =========================
 *
 */
html,
button,
input,
select,
textarea {
  color: #545454;
}

body {
  font-size: 1em;
  line-height: 1.5625;
}

html,
button,
input,
select,
textarea,
body {
  font-family: "Lato", sans-serif;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: rgba(255, 126, 0, 0.2);
  text-shadow: none;
}

::selection {
  background: rgba(255, 126, 0, 0.2);
  text-shadow: none;
}

a {
  color: #FF7519;
  text-decoration: none;
}

hr {
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  display: block;
  height: 1px;
  margin: 12px 0;
  padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
img {
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

b {
  color: #FF7519;
  font-weight: inherit;
}

strong {
  font-weight: 700;
  color: #FF7519;
}

#news-article h1 {
  font-family: 'Oswald',sans-serif;
  text-align: center;
  text-transform: uppercase;
}

section.container .hgroup:first-child {
  margin-bottom: 19px;
}

.hgroup h2 {
  text-transform: none;
  line-height: 50px;
  margin-top: 6px;
}

.section-title h1,
.section-title h2 {
  display: inline-block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Oswald',sans-serif;
}

#news-article h1 {
  font-weight: 300;
}

h1 {
  font-size: 46px;
  margin: 30px 0;
}

h2 {
  font-size: 28px;
  margin: 22px 0;
}

h3 {
  font-size: 20px;
  margin: 19px 0;
}

h4{
  font-size: 18px;
  margin: 19px 0;
}

h5{
  font-size: 16px;
  margin: 25px 0;
}

h6{
  font-size: 14px;
  margin: 35px 0;
}

h3 a {
  text-decoration: none;
  color: inherit;
}


p {
  margin: 0 0 25px;
}

table{
  border-bottom: 1px solid #EDEDED;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 14px;
  line-height: 2;
  margin: 0 0 20px;
  width: 100%;
}

th{
  font-weight: bold;
  text-transform: uppercase;
}

td{
  border-top: 1px solid #EDEDED;
  padding: 6px 10px 6px 0;
}

td, th{
  text-align: left;
}

dt{
  font-weight: bold;
}

dd{
  margin:0 0 25px;
}

pre{
  background: #fff;
  padding: 20px;
  white-space: pre-wrap;
  overflow: auto;
  word-wrap:break-word;
}

blockquote{
  font-style: italic;
  font-weight: 300;
}

textarea {
  resize: vertical;
}

.section-title h1{
	font-size: 4.2em;
	line-height: 80px;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: 400;
	text-transform: uppercase;
}

.hgroup h2{
	font-size: 2.5em;
	margin-bottom: 0;
	text-align: center;
	font-weight: 300;
}

p.grid-col-6{
	margin-top: 25px;
	margin-bottom: 0;
}

.service-box h3,
.price-box h3,
.product-box h3,
.testimonials-section h3,
.image-hover_info h3,
.news-box h3,
.team-box h3,
.contact-info-box h3{
	color: #FF7519;
    font-size: 1.6em;
    line-height: 25px;
    margin: 25px 0;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
}

.service-box p,
.contact-form p,
#main-footer p{
	margin-top: 25px;
	margin-bottom: 0;
}

.section-title h2{
	font-size: 2.5em;
	line-height: 40px;
	font-weight: 300;
	text-align: center;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 0;
}

.section-call-to-action p{
	margin-top: 25px;
}

.product-box h4,
.news-box h4,
.team-box h4{
	font-family: 'Lato',sans-serif;
	color: #808080;
    font-size: 1em;
    font-weight: 300;
    line-height: 25px;
    text-align: center;
	margin-bottom: 12px;
    margin-top: 0;
}

.product-box p,
.news-box p{
	margin-top: 25px;
	margin-bottom: 0;
}

.testimonial-box blockquote{
	font-style: normal;
	font-weight: normal;
	margin: 25px 0;
}

.image-hover_info p{
	margin-bottom: 0;
}

.skills-list dt{
	font-weight: normal;
}

.wrapper > .container {
  padding: 125px 0 50px;
  overflow: hidden;
}

#title .date-month{
  border: 1px solid #FF7519;
  color: #FF7519;
}



/*
 *  ===========================
 *  ===== 3. LAYOUT RULES =====
 *  ===========================
 *
 */
#main-nav {
  background: #3a3a3c;
  background: rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  height: 84px;
  position: fixed;
  text-align: center;
  top: 34px;
  width: 100%;
  z-index: 1000;
}

#main-nav ul {
  margin: 0;
  padding: 0;
}

#main-nav li {
  display: inline-block;
  padding: 30px .65em;
}

#main-nav a {
  color: #FF7519;
  outline: 0 none;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.5s ease 0s;
}

#main-header {
  text-align: center;
  min-height: 325px;
}

#main-header .a-icon {
  color: white;
  color: rgba(255, 255, 255, 0.3);
  font-size: 3.5em;
  margin-right: 0.2em;
  transition: all 0.5s ease 0s;
}

#main-header .a-icon:last-child {
  margin-right: 0;
}

#main-header .hgroup {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  display: inline-block;
  padding-bottom: 25px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

#main-header h1,
#main-header h2 {
  color: white;
  margin: 0;
  text-transform: uppercase;
  text-shadow: #000 4px 2px;
}

#main-header b {
	text-transform: none;
	margin-top: 5px;
}

#main-header h1 {
  font-size: 6.5em;
  line-height: 100px;
  font-weight: 400;
}

#main-header h2 {
  font-size: 2em;
  font-weight: 400;
  line-height: 35px;
  text-transform: uppercase;
}

#main-header .social-icons {
  margin-top: 25px;
}

#main-header .big-dual-button {
  bottom: 50px;
  position: absolute;
}

#news-article {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  display: none;
  margin-top: 25px;
  padding-bottom: 50px;
}

#news-article .quote {
  border-right: 5px solid #FF7519;
  text-align: right;
}

#news-article h1 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  color: #FF7519;
  font-size: 2.625em;
  line-height: 50px;
  padding-bottom: 25px;
  padding-top: 22px;
}

#news-article .image-left {
  float: left;
  margin-right: 2em;
}

#news-article .image-right {
  float: right;
  margin-left: 2em;
}

/* This is just to define the point where the page will be positioned after entering news. */
#news-article_start {
  margin-top: 50px;
  margin-bottom: -50px;
}

#main-footer {
  background-color: #262626;
  color: #808080;
  font-weight: 300;
  padding-bottom: 25px;
  text-align: center;
}

#main-footer a {
  color: inherit;
  font-weight: 400;
  text-decoration: none;
}

/*
 *  ===========================
 *  ===== 4. MODULE RULES =====
 *  ===========================
 *
 */
/*
 * Chrome Frame prompt
 */
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10500;
}

.dropcap {
  background-color: #FF7519;
  border-radius: 2px 2px 2px 2px;
  color: white;
  display: block;
  float: left;
  font-size: 1.5625em;
  line-height: 40px;
  margin-right: 8px;
  margin-top: 5px;
  padding: 0;
  text-align: center;
  width: 40px;
}

.wrapper {
  background-color: #f3f3f3;
  clear: both;
}

.subsection {
  margin-top: 25px;
}

.big-dual-button {
  border: 6px solid #CC5D4C;
  border-radius: 2em 2em 2em 2em;
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.07);
  font-size: 1.125em;
}

.big-dual-button a {
  background: #F36F5A;
  background: linear-gradient(#f36f5a, #c75a49) repeat scroll 0 0 transparent;
  box-shadow: 1px 1px 0 0 rgba(255, 255, 255, 0.1) inset, 1px 2px 0 0 #ae4c3e;
  color: #E6E6E6;
  float: left;
  outline: 0 none;
  padding: 1em 0;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  width: 9.85em;
  /* Change this if you change the big-dual-button text - Default = 9.85em */
}

.big-dual-button a:first-child {
  border-radius: 1.625em 0px 0px 1.625em;
  border-right: 1px solid #BA5142;
}

.big-dual-button a:last-child {
  border-radius: 0 1.625em 1.625em 0;
}

.big-dual-button:after {
  background: #B35142;
  background: linear-gradient(#c75a49, #f36f5a) repeat scroll 0 0 transparent;
  border: 1px solid #BF5545;
  border-radius: 50% 50% 50% 50%;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);
  color: #E6E6E6;
  content: "or";
  display: block;
  font-size: 0.875em;
  height: 2em;
  left: 10.25em;
  /* Change this if you change the big-dual-button text */
  line-height: 1.9;
  position: absolute;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  top: 1em;
  width: 2em;
}

.container {
  position: relative;
  max-width: 75em;
  margin: 0 auto;
}

/*
 * Container for title who has side lines; allow to create those lines.
 */
.section-title {
  margin-top: 25px;
  position: relative;
}

.title-lines_left {
  left: 0;
}

.title-lines_right {
  right: 0;
}

.title-lines_left,
.title-lines_right {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  height: 2px;
  position: absolute;
  top: 49%;
}

.section-separator {
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2) inset;
  padding: 100px 0;
  text-align: center;
}

.section-separator figure {
  background-color: rgba(243, 243, 243, 0.25);
  margin-left: auto;
  margin-right: auto;
  max-width: 900px;
  padding-bottom: 13px;
  padding-top: 12px;
}

.section-separator blockquote {
  font-size: 1.5em;
  font-weight: 300;
  line-height: 50px;
  margin: 25px 0;
}

.section-separator figcaption {
  line-height: 25px;
  margin: 25px 0;
}

/* Normal icon */
.icon {
  font-family: "entypo";
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
}

/* Icon in an "a" element */
.a-icon {
  color: inherit;
  text-decoration: none;
}

.icon,
.a-icon {
  margin: 0;
  display: inline-block;
}

/* Section in the bottom of each main section */
.section-call-to-action {
  text-align: center;
  border-top: 4px double rgba(0, 0, 0, 0.2);
  margin-top: 46px;
}

.section-call-to-action p {
  color: #808080;
  font-size: 1.25em;
  font-weight: 300;
  line-height: 25px;
  margin-bottom: 25px;
}

.box {
  text-align: center;
}

.service-box {
  cursor: default;
  margin-top: 25px;
}

.service-box .service-box_icon{
  line-height: 76px;
  margin-top: 0;
  margin-bottom: -1px;
  padding-bottom: 25px;
  padding-top: 25px;
  font-size: 6em;
}

.price-box {
  margin-top: 25px;
}

.price-box-list {
  margin-top: 25px;
  margin-bottom: 25px;
}

.price-box-list p {
  margin: 0;
}

.price-box-list span {
  color: #FF7519;
}

.price-box_price {
  display: inline-block;
  font-size: 4.4em;
  line-height: 100px;
  position: relative;
}

.price-box_price:before {
  content: "$";
  font-size: 0.5em;
  left: -0.5em;
  position: absolute;
}

.price-box_time {
  font-size: 1.875em;
}

.price-box_price,
.price-box_time {
  color: #808080;
  font-weight: 100;
}

.product-box {
  margin-top: 25px;
}

.product-box h3,
.news-box h3 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  margin-bottom: 0px;
  padding-bottom: 12px;
}

.product-box h4,
.news-box h4 {
  margin-bottom: 12px;
  margin-top: 0;
}

.title-bottom-line {
  margin-top: -2px;
  /* Keep the vertical rhythm */
}

.title-bottom-line hr {
  margin-bottom: 0;
  margin-top: 0;
}

.testimonials-container {
  margin-bottom: -2px;
  /* Keep the vertical rhythm */
}

.testimonial-box {
  color: #808080;
}

.testimonial-box time {
  text-align: center;
  margin-top: 25px;
}

.testimonial-box_date {
  color: #FF7519;
  display: block;
  font-size: 6.875em;
  font-weight: 100;
  line-height: 100px;
  margin-bottom: 25px;
}

.testimonial-box blockquote {
  margin: 25px 0;
}

.testimonial-box figcaption {
  text-align: right;
}

.portfolio-container {
  margin-top: 25px;
}

.button-1 {
  background-color: #FF7519;
  color: white;
  display: inline-block;
  font-size: 1.125em;
  font-weight: 400;
  line-height: 50px;
  padding: 0 1.5em;
  position: relative;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  transition: all 0.5s ease 0s;
}

.button-2 {
  background-color: #EBEBEB;
  border: 1px solid #D9D9D9;
  color: #999999;
  display: inline-block;
  font-size: 1.125em;
  font-weight: 400;
  line-height: 48px;
  padding: 0 2.5em;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.5s ease 0s;
}

.button-2 .icon {
  position: absolute;
  right: 1em;
  top: 14px;
}

.wide.button-2 {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}

.secondary-menu {
  margin-bottom: 23px;
  margin-top: 25px;
  padding: 0;
  text-align: center;
}

.secondary-menu .icon {
  margin-right: 0.5em;
}

.secondary-menu li {
  background-color: #EBEBEB;
  border: 1px solid #D9D9D9;
  float: left;
  list-style: none outside none;
  transition: all 0.5s ease 0s;
}

.secondary-menu li:nth-child(n+2) {
  border-left: none;
}

.secondary-menu a {
  color: #999999;
  display: inline-block;
  font-size: 1.0625em;
  line-height: 50px;
  outline: 0 none;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
}

.portfolio-menu li {
  width: 15%;
  /* Change this if you change the menu text */
}

.portfolio-items {
  padding: 0;
  margin: 0;
}

.portfolio-items li {
  list-style: none;
  margin-top: 25px;
}

.portfolio-items img,
.product-box img,
.news-box img {
  height: auto;
  width: 100%;
}

.news-wrap {
  margin-bottom: -33px;
  /* Keep the vertical rhythm */
  overflow: hidden;
  padding-top: 77px;
}

.news-twitter-container {
  width: 9999px;
  /* Prevents the twitter container appears below the news container */
}

.news-wrap > div > * {
  display: inline-block;
}

.news-menu-container {
  position: relative;
  margin-top: 25px;
}

.news-menu {
  left: 50%;
  margin-left: -200px;
  /* Change this if you change the menu text, this value is the width of ".news-menu li" */
  position: absolute;
  z-index: 999;
}

.news-menu li {
  width: 200px;
  /* Change this if you change the menu text */
}

.news-box {
  margin-bottom: 25px;
  margin-top: 25px;
}

.news-box h3 {
  line-height: 37px;
}

.news-box h4 {
  text-align: center;
}

.read-article {
  margin-top: 25px;
}

.twitter-container {
  vertical-align: top;
  margin-top: 50px;
  margin-bottom: 6px;
}

.tweet-box {
  background-color: #E6E6E6;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.3) inset;
  height: 200px;
  margin-bottom: 25px;
  position: relative;
  vertical-align: top;
}

.tweet-box figcaption {
  bottom: 15px;
  position: absolute;
  right: 1em;
  text-align: center;
}

.tweet-box a {
  text-decoration: none;
}

.tweet-box blockquote {
  margin: 0;
}

.tweet-content {
  margin: 25px 1em;
  text-align: center;
}

.skills-section {
  margin-bottom: -25px;
  /* Keep the vertical rhythm */
}

.skills-list {
  margin: 25px 0 0;
}

.skills-list dd {
  font-size: 0.98em;
  margin-bottom: 25.5px;
  margin-left: 0;
}

.skills-list_item-bg {
  background: #d9d9d9;
}

.skills-list_item-active {
  background: #FF7519;
  color: #FF7519;
}

.team-box_image {
  margin-top: 25px;
}

.team-box_description .hgroup {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  margin-bottom: 0 !important;
  padding-bottom: 13px;
}

.team-box_description p {
  margin-bottom: 0;
  margin-top: 12px;
  text-align: center;
}

.team-box_description h3 {
  line-height: 25px;
  margin-bottom: 0;
  margin-top: 24px;
}

.team-box_description h4 {
  margin: 0;
}

.contact-form {
  margin-top: 25px;
}

.contact-form label,
.contact-form button {
  display: block;
  width: 100%;
}

.contact-form input,
.contact-form textarea {
  background-color: #EBEBEB;
  border: none;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2) inset;
  color: #808080;
  margin-bottom: 25px;
  transition: all 0.5s ease 0s;
}

.contact-form input {
  height: 50px;
  padding: 0 2.5%;
  width: 95%;
}

.contact-form textarea {
  line-height: 25px;
  min-height: 209px;
  padding: 16px 0 0 2.5%;
  width: 97.5%;
}

.contact-info {
  margin-top: 25px;
}

.contact-info-box a {
  color: #999999;
  text-decoration: none;
}

.contact-info-box p {
  color: #808080;
  margin: 0;
  text-align: center;
}

label.error {
  color: #FF7519;
  margin-bottom: 25px;
}

label.error:before {
  content: "\E0c7";
  display: inline-block;
  font-family: "entypo";
  font-size: 1.2em;
  line-height: 0.2;
  margin-right: 0.3em;
  vertical-align: -50%;
}

input.error,
textarea.error {
  box-shadow: 0px 0px 3px 0px #FF7519 inset;
  transition: all 1.5s ease;
}

.image {
  position: relative;
}

.image-hover {
  background-color: black;
  height: 100%;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
}

.image-hover a {
  bottom: 10%;
  display: inline-block;
  opacity: 0;
  position: absolute;
  text-decoration: none;
}

.image-hover a:first-of-type {
  left: 20%;
}

.image-hover a:last-of-type {
  right: 20%;
}

.image-hover .icon {
  color: white;
  color: rgba(255, 255, 255, 0.5);
  font-size: 2.5em;
  transition: all 0.5s ease 0s;
}

.image-hover_info {
  color: #EDEDED;
  position: absolute;
  text-align: center;
  top: 0.5em;
  width: 100%;
}

.image-hover_info h3 {
  margin-bottom: 12px;
  margin-top: 5%;
  padding-bottom: 0;
}

.image-hover_info p {
  margin-top: 0;
}

/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.75);
  border: 2px solid black;
  border-radius: 5px 5px 5px 5px;
  color: #FFFFFF;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
  font-size: 16px;
  line-height: 16px;
  padding: 8px 10px;
  overflow: hidden;
}

/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
  cursor: help;
  margin-left: 4px;
}

/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
  padding: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  z-index: 9999999;
  pointer-events: none;
  width: auto;
  overflow: visible;
}

.tooltipster-base .tooltipster-content {
  overflow: hidden;
}

/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.tooltipster-arrow span,
.tooltipster-arrow-border {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
}

.tooltipster-arrow-top span,
.tooltipster-arrow-top-right span,
.tooltipster-arrow-top-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-top: 8px solid;
  bottom: -8px;
}

.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-top-right .tooltipster-arrow-border,
.tooltipster-arrow-top-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-top: 9px solid;
  bottom: -8px;
}

.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom-right span,
.tooltipster-arrow-bottom-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-bottom: 8px solid;
  top: -8px;
}

.tooltipster-arrow-bottom .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-bottom: 9px solid;
  top: -8px;
}

.tooltipster-arrow-top span,
.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom .tooltipster-arrow-border {
  left: 0;
  right: 0;
  margin: 0 auto;
}

.tooltipster-arrow-top-left span,
.tooltipster-arrow-bottom-left span {
  left: 6px;
}

.tooltipster-arrow-top-left .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  left: 5px;
}

.tooltipster-arrow-top-right span,
.tooltipster-arrow-bottom-right span {
  right: 6px;
}

.tooltipster-arrow-top-right .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border {
  right: 5px;
}

.tooltipster-arrow-left span,
.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-left: 8px solid;
  top: 50%;
  margin-top: -7px;
  right: -8px;
}

.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-left: 9px solid;
  margin-top: -8px;
}

.tooltipster-arrow-right span,
.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-right: 8px solid;
  top: 50%;
  margin-top: -7px;
  left: -8px;
}

.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-right: 9px solid;
  margin-top: -8px;
}

/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
.tooltipster-fade {
  opacity: 0;
  transition-property: opacity;
}

.tooltipster-fade-show {
  opacity: 1;
}

.tooltipster-grow {
  transform: scale(0, 0);
  transition-property: transform;
}

.tooltipster-grow-show {
  transform: scale(1, 1);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-swing {
  opacity: 0;
  transform: rotateZ(4deg);
  transition-property: transform;
}

.tooltipster-swing-show {
  opacity: 1;
  transform: rotateZ(0deg);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
  top: 0;
  transition-property: top;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-fall.tooltipster-dying {
  transition-property: all;
  top: 0px !important;
  opacity: 0;
}

.tooltipster-slide {
  left: -40px;
  transition-property: left;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-slide.tooltipster-dying {
  transition-property: all;
  left: 0px !important;
  opacity: 0;
}

/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
  opacity: 0.5;
  transform: scale(1.1, 1.1);
}

/* PrettyPhoto Styles */
div.pp_default .pp_top, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_bottom, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right {
  height: 13px;
}

div.pp_default .pp_top .pp_left {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/default/sprite.png) -78px -93px no-repeat;
}

div.pp_default .pp_top .pp_middle {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/default/sprite_x.png) top left repeat-x;
}

div.pp_default .pp_top .pp_right {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/default/sprite.png) -112px -93px no-repeat;
}

div.pp_default .pp_content .ppt {
  color: #f8f8f8;
}

div.pp_default .pp_content_container .pp_left {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;
  padding-left: 13px;
}

div.pp_default .pp_content_container .pp_right {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/default/sprite_y.png) top right repeat-y;
  padding-right: 13px;
}

div.pp_default .pp_next:hover {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/default/sprite_next.png) center right no-repeat;
  cursor: pointer;
}

div.pp_default .pp_previous:hover {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/default/sprite_prev.png) center left no-repeat;
  cursor: pointer;
}

div.pp_default .pp_expand {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/default/sprite.png) 0 -29px no-repeat;
  cursor: pointer;
  width: 28px;
  height: 28px;
}

div.pp_default .pp_expand:hover {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/default/sprite.png) 0 -56px no-repeat;
  cursor: pointer;
}

div.pp_default .pp_contract {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/default/sprite.png) 0 -84px no-repeat;
  cursor: pointer;
  width: 28px;
  height: 28px;
}

div.pp_default .pp_contract:hover {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/default/sprite.png) 0 -113px no-repeat;
  cursor: pointer;
}

div.pp_default .pp_close {
  width: 30px;
  height: 30px;
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/default/sprite.png) 2px 1px no-repeat;
  cursor: pointer;
}

div.pp_default .pp_gallery ul li a {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/default/default_thumb.png) center center #f8f8f8;
  border: 1px solid #aaa;
}

div.pp_default .pp_social {
  margin-top: 7px;
}

div.pp_default .pp_gallery a.pp_arrow_previous, div.pp_default .pp_gallery a.pp_arrow_next {
  position: static;
  left: auto;
}

div.pp_default .pp_nav .pp_play, div.pp_default .pp_nav .pp_pause {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/default/sprite.png) -51px 1px no-repeat;
  height: 30px;
  width: 30px;
}

div.pp_default .pp_nav .pp_pause {
  background-position: -51px -29px;
}

div.pp_default a.pp_arrow_previous, div.pp_default a.pp_arrow_next {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/default/sprite.png) -31px -3px no-repeat;
  height: 20px;
  width: 20px;
  margin: 4px 0 0;
}

div.pp_default a.pp_arrow_next {
  left: 52px;
  background-position: -82px -3px;
}

div.pp_default .pp_content_container .pp_details {
  margin-top: 5px;
}

div.pp_default .pp_nav {
  clear: none;
  height: 30px;
  width: 110px;
  position: relative;
}

div.pp_default .pp_nav .currentTextHolder {
  font-family: Georgia;
  font-style: italic;
  color: #999;
  font-size: 11px;
  left: 75px;
  line-height: 25px;
  position: absolute;
  top: 2px;
  margin: 0;
  padding: 0 0 0 10px;
}

div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover {
  opacity: 0.7;
}

div.pp_default .pp_description {
  font-size: 11px;
  font-weight: 700;
  line-height: 14px;
  margin: 5px 50px 5px 0;
}

div.pp_default .pp_bottom .pp_left {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/default/sprite.png) -78px -127px no-repeat;
}

div.pp_default .pp_bottom .pp_middle {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/default/sprite_x.png) bottom left repeat-x;
}

div.pp_default .pp_bottom .pp_right {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/default/sprite.png) -112px -127px no-repeat;
}

div.pp_default .pp_loaderIcon {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/default/loader.gif) center center no-repeat;
}

div.light_rounded .pp_top .pp_left {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat;
}

div.light_rounded .pp_top .pp_right {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat;
}

div.light_rounded .pp_next:hover {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;
  cursor: pointer;
}

div.light_rounded .pp_previous:hover {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;
  cursor: pointer;
}

div.light_rounded .pp_expand {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;
  cursor: pointer;
}

div.light_rounded .pp_expand:hover {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;
  cursor: pointer;
}

div.light_rounded .pp_contract {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;
  cursor: pointer;
}

div.light_rounded .pp_contract:hover {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;
  cursor: pointer;
}

div.light_rounded .pp_close {
  width: 75px;
  height: 22px;
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;
  cursor: pointer;
}

div.light_rounded .pp_nav .pp_play {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;
  height: 15px;
  width: 14px;
}

div.light_rounded .pp_nav .pp_pause {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;
  height: 15px;
  width: 14px;
}

div.light_rounded .pp_arrow_previous {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat;
}

div.light_rounded .pp_arrow_next {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat;
}

div.light_rounded .pp_bottom .pp_left {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat;
}

div.light_rounded .pp_bottom .pp_right {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat;
}

div.dark_rounded .pp_top .pp_left {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat;
}

div.dark_rounded .pp_top .pp_right {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat;
}

div.dark_rounded .pp_content_container .pp_left {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;
}

div.dark_rounded .pp_content_container .pp_right {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;
}

div.dark_rounded .pp_next:hover {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;
  cursor: pointer;
}

div.dark_rounded .pp_previous:hover {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;
  cursor: pointer;
}

div.dark_rounded .pp_expand {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;
  cursor: pointer;
}

div.dark_rounded .pp_expand:hover {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;
  cursor: pointer;
}

div.dark_rounded .pp_contract {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;
  cursor: pointer;
}

div.dark_rounded .pp_contract:hover {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;
  cursor: pointer;
}

div.dark_rounded .pp_close {
  width: 75px;
  height: 22px;
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;
  cursor: pointer;
}

div.dark_rounded .pp_description {
  margin-right: 85px;
  color: #fff;
}

div.dark_rounded .pp_nav .pp_play {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;
  height: 15px;
  width: 14px;
}

div.dark_rounded .pp_nav .pp_pause {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;
  height: 15px;
  width: 14px;
}

div.dark_rounded .pp_arrow_previous {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat;
}

div.dark_rounded .pp_arrow_next {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat;
}

div.dark_rounded .pp_bottom .pp_left {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat;
}

div.dark_rounded .pp_bottom .pp_right {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat;
}

div.dark_rounded .pp_loaderIcon {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;
}

div.dark_square .pp_left, div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content {
  background: #000;
}

div.dark_square .pp_description {
  color: #fff;
  margin: 0 85px 0 0;
}

div.dark_square .pp_loaderIcon {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/dark_square/loader.gif) center center no-repeat;
}

div.dark_square .pp_expand {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;
  cursor: pointer;
}

div.dark_square .pp_expand:hover {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;
  cursor: pointer;
}

div.dark_square .pp_contract {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;
  cursor: pointer;
}

div.dark_square .pp_contract:hover {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;
  cursor: pointer;
}

div.dark_square .pp_close {
  width: 75px;
  height: 22px;
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;
  cursor: pointer;
}

div.dark_square .pp_nav {
  clear: none;
}

div.dark_square .pp_nav .pp_play {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;
  height: 15px;
  width: 14px;
}

div.dark_square .pp_nav .pp_pause {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;
  height: 15px;
  width: 14px;
}

div.dark_square .pp_arrow_previous {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat;
}

div.dark_square .pp_arrow_next {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat;
}

div.dark_square .pp_next:hover {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/dark_square/btnNext.png) center right no-repeat;
  cursor: pointer;
}

div.dark_square .pp_previous:hover {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;
  cursor: pointer;
}

div.light_square .pp_expand {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;
  cursor: pointer;
}

div.light_square .pp_expand:hover {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;
  cursor: pointer;
}

div.light_square .pp_contract {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;
  cursor: pointer;
}

div.light_square .pp_contract:hover {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;
  cursor: pointer;
}

div.light_square .pp_close {
  width: 75px;
  height: 22px;
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;
  cursor: pointer;
}

div.light_square .pp_nav .pp_play {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;
  height: 15px;
  width: 14px;
}

div.light_square .pp_nav .pp_pause {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;
  height: 15px;
  width: 14px;
}

div.light_square .pp_arrow_previous {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat;
}

div.light_square .pp_arrow_next {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat;
}

div.light_square .pp_next:hover {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/light_square/btnNext.png) center right no-repeat;
  cursor: pointer;
}

div.light_square .pp_previous:hover {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;
  cursor: pointer;
}

div.facebook .pp_top .pp_left {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat;
}

div.facebook .pp_top .pp_middle {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x;
}

div.facebook .pp_top .pp_right {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat;
}

div.facebook .pp_content_container .pp_left {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y;
}

div.facebook .pp_content_container .pp_right {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y;
}

div.facebook .pp_expand {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;
  cursor: pointer;
}

div.facebook .pp_expand:hover {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;
  cursor: pointer;
}

div.facebook .pp_contract {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;
  cursor: pointer;
}

div.facebook .pp_contract:hover {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;
  cursor: pointer;
}

div.facebook .pp_close {
  width: 22px;
  height: 22px;
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;
  cursor: pointer;
}

div.facebook .pp_description {
  margin: 0 37px 0 0;
}

div.facebook .pp_loaderIcon {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/facebook/loader.gif) center center no-repeat;
}

div.facebook .pp_arrow_previous {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;
  height: 22px;
  margin-top: 0;
  width: 22px;
}

div.facebook .pp_arrow_previous.disabled {
  background-position: 0 -96px;
  cursor: default;
}

div.facebook .pp_arrow_next {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;
  height: 22px;
  margin-top: 0;
  width: 22px;
}

div.facebook .pp_arrow_next.disabled {
  background-position: -32px -96px;
  cursor: default;
}

div.facebook .pp_nav {
  margin-top: 0;
}

div.facebook .pp_nav p {
  font-size: 15px;
  padding: 0 3px 0 4px;
}

div.facebook .pp_nav .pp_play {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;
  height: 22px;
  width: 22px;
}

div.facebook .pp_nav .pp_pause {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;
  height: 22px;
  width: 22px;
}

div.facebook .pp_next:hover {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/facebook/btnNext.png) center right no-repeat;
  cursor: pointer;
}

div.facebook .pp_previous:hover {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;
  cursor: pointer;
}

div.facebook .pp_bottom .pp_left {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat;
}

div.facebook .pp_bottom .pp_middle {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x;
}

div.facebook .pp_bottom .pp_right {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat;
}

div.pp_pic_holder a:focus {
  outline: none;
}

div.pp_overlay {
  background: #000;
  display: none;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9500;
}

div.pp_pic_holder {
  display: none;
  position: absolute;
  width: 100px;
  z-index: 10000;
}

.pp_content {
  height: 40px;
  min-width: 40px;
}

* html .pp_content {
  width: 40px;
}

.pp_content_container {
  position: relative;
  text-align: left;
  width: 100%;
}

.pp_content_container .pp_left {
  padding-left: 20px;
}

.pp_content_container .pp_right {
  padding-right: 20px;
}

.pp_content_container .pp_details {
  float: left;
  margin: 10px 0 2px;
}

.pp_description {
  display: none;
  margin: 0;
}

.pp_social {
  float: left;
  margin: 0;
}

.pp_social .facebook {
  float: left;
  margin-left: 5px;
  width: 55px;
  overflow: hidden;
}

.pp_social .twitter {
  float: left;
}

.pp_nav {
  clear: right;
  float: left;
  margin: 3px 10px 0 0;
}

.pp_nav p {
  float: left;
  white-space: nowrap;
  margin: 2px 4px;
}

.pp_nav .pp_play, .pp_nav .pp_pause {
  float: left;
  margin-right: 4px;
  text-indent: -10000px;
}

a.pp_arrow_previous, a.pp_arrow_next {
  display: block;
  float: left;
  height: 15px;
  margin-top: 3px;
  overflow: hidden;
  text-indent: -10000px;
  width: 14px;
}

.pp_hoverContainer {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2000;
}

.pp_gallery {
  display: none;
  left: 50%;
  margin-top: -50px;
  position: absolute;
  z-index: 10000;
}

.pp_gallery div {
  float: left;
  overflow: hidden;
  position: relative;
}

.pp_gallery ul {
  float: left;
  height: 35px;
  position: relative;
  white-space: nowrap;
  margin: 0 0 0 5px;
  padding: 0;
}

.pp_gallery ul a {
  border: 1px rgba(0, 0, 0, 0.5) solid;
  display: block;
  float: left;
  height: 33px;
  overflow: hidden;
}

.pp_gallery ul a img {
  border: 0;
}

.pp_gallery li {
  display: block;
  float: left;
  margin: 0 5px 0 0;
  padding: 0;
}

.pp_gallery li.default a {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
  display: block;
  height: 33px;
  width: 50px;
}

.pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next {
  margin-top: 7px !important;
}

a.pp_next {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
  display: block;
  float: right;
  height: 100%;
  text-indent: -10000px;
  width: 49%;
}

a.pp_previous {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
  display: block;
  float: left;
  height: 100%;
  text-indent: -10000px;
  width: 49%;
}

a.pp_expand, a.pp_contract {
  cursor: pointer;
  display: none;
  height: 20px;
  position: absolute;
  right: 30px;
  text-indent: -10000px;
  top: 10px;
  width: 20px;
  z-index: 20000;
}

a.pp_close {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  line-height: 22px;
  text-indent: -10000px;
}

.pp_loaderIcon {
  display: block;
  height: 24px;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 24px;
  margin: -12px 0 0 -12px;
}

#pp_full_res {
  line-height: 1 !important;
}

#pp_full_res .pp_inline {
  text-align: left;
}

#pp_full_res .pp_inline p {
  margin: 0 0 15px;
}

div.ppt {
  color: #fff;
  display: none;
  font-size: 17px;
  z-index: 9999;
  margin: 0 0 5px 15px;
}

div.pp_default .pp_content, div.light_rounded .pp_content {
  background-color: #fff;
}

div.pp_default #pp_full_res .pp_inline, div.light_rounded .pp_content .ppt, div.light_rounded #pp_full_res .pp_inline, div.light_square .pp_content .ppt, div.light_square #pp_full_res .pp_inline, div.facebook .pp_content .ppt, div.facebook #pp_full_res .pp_inline {
  color: #000;
}

div.pp_default .pp_gallery ul li a:hover, div.pp_default .pp_gallery ul li.selected a, .pp_gallery ul a:hover, .pp_gallery li.selected a {
  border-color: #fff;
}

div.pp_default .pp_details, div.light_rounded .pp_details, div.dark_rounded .pp_details, div.dark_square .pp_details, div.light_square .pp_details, div.facebook .pp_details {
  position: relative;
}

div.light_rounded .pp_top .pp_middle, div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right, div.light_rounded .pp_bottom .pp_middle, div.light_square .pp_left, div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content, div.facebook .pp_content {
  background: #fff;
}

div.light_rounded .pp_description, div.light_square .pp_description {
  margin-right: 85px;
}

div.light_rounded .pp_gallery a.pp_arrow_previous, div.light_rounded .pp_gallery a.pp_arrow_next, div.dark_rounded .pp_gallery a.pp_arrow_previous, div.dark_rounded .pp_gallery a.pp_arrow_next, div.dark_square .pp_gallery a.pp_arrow_previous, div.dark_square .pp_gallery a.pp_arrow_next, div.light_square .pp_gallery a.pp_arrow_previous, div.light_square .pp_gallery a.pp_arrow_next {
  margin-top: 12px !important;
}

div.light_rounded .pp_arrow_previous.disabled, div.dark_rounded .pp_arrow_previous.disabled, div.dark_square .pp_arrow_previous.disabled, div.light_square .pp_arrow_previous.disabled {
  background-position: 0 -87px;
  cursor: default;
}

div.light_rounded .pp_arrow_next.disabled, div.dark_rounded .pp_arrow_next.disabled, div.dark_square .pp_arrow_next.disabled, div.light_square .pp_arrow_next.disabled {
  background-position: -22px -87px;
  cursor: default;
}

div.light_rounded .pp_loaderIcon, div.light_square .pp_loaderIcon {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/light_rounded/loader.gif) center center no-repeat;
}

div.dark_rounded .pp_top .pp_middle, div.dark_rounded .pp_content, div.dark_rounded .pp_bottom .pp_middle {
  background: url(http://www.waterfrontbikes.com/wp-content/themes/worldvis/css/img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
}

div.dark_rounded .currentTextHolder, div.dark_square .currentTextHolder {
  color: #c4c4c4;
}

div.dark_rounded #pp_full_res .pp_inline, div.dark_square #pp_full_res .pp_inline {
  color: #fff;
}

.pp_top, .pp_bottom {
  height: 20px;
  position: relative;
}

* html .pp_top, * html .pp_bottom {
  padding: 0 20px;
}

.pp_top .pp_left, .pp_bottom .pp_left {
  height: 20px;
  left: 0;
  position: absolute;
  width: 20px;
}

.pp_top .pp_middle, .pp_bottom .pp_middle {
  height: 20px;
  left: 20px;
  position: absolute;
  right: 20px;
}

* html .pp_top .pp_middle, * html .pp_bottom .pp_middle {
  left: 0;
  position: static;
}

.pp_top .pp_right, .pp_bottom .pp_right {
  height: 20px;
  left: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.pp_fade, .pp_gallery li.default a img {
  display: none;
}

/* #######################################################################

meanMenu
--------
To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)

####################################################################### */
/* hide the link until viewport size is reached */
a.meanmenu-reveal {
  display: none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
  float: left;
  width: 100%;
  position: fixed;
  top: 34px;
  background: #3A3A3C;
  padding: 4px 0;
  min-height: 42px;
  z-index: 1000;
}

.mean-container a.meanmenu-reveal {
  width: 22px;
  height: 22px;
  padding: 13px 13px 11px 13px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  text-indent: -9999em;
  line-height: 22px;
  font-size: 1px;
  display: block;
  font-family: inherit;
  font-weight: 700;
  outline: 0;
}

.mean-container a.meanmenu-reveal span {
  display: block;
  background: #fff;
  height: 3px;
  margin-top: 3px;
}

.mean-container .mean-nav {
  float: left;
  width: 100%;
  background: #3A3A3C;
  margin-top: 33px;
}

.mean-container .mean-nav ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
}

.mean-container .mean-nav ul li {
  position: relative;
  float: left;
  width: 100%;
}

.mean-container .mean-nav ul li a {
  display: block;
  float: left;
  width: 90%;
  padding: 1em 5%;
  margin: 0;
  text-align: left;
  color: #fff;
  border-bottom: 1px solid #383838;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  text-decoration: none;
  text-transform: uppercase;
}

.mean-container .mean-nav ul li li a {
  width: 80%;
  padding: 1em 10%;
  border-bottom: 1px solid #f1f1f1;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  opacity: 0.75;
  filter: alpha(opacity=75);
  text-shadow: none !important;
  visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
  border-bottom: none;
  margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
  width: 70%;
  padding: 1em 15%;
}

.mean-container .mean-nav ul li li li li a {
  width: 60%;
  padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
  width: 50%;
  padding: 1em 25%;
}

.mean-container .mean-nav ul li a:hover {
  background: #252525;
  background: rgba(255, 255, 255, 0.1);
}

.mean-container .mean-nav ul li a.mean-expand {
  width: 26px;
  height: 26px;
  border: none !important;
  padding: 12px !important;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  font-weight: 700;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
  background: none;
}

.mean-container .mean-push {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  clear: both;
}

.mean-nav .wrapper {
  width: 100%;
  padding: 0;
  margin: 0;
}

/*
 *  ==========================
 *  ===== 5. STATE RULES =====
 *  ==========================
 *
 */
#main-nav a:hover,
#main-header .a-icon:hover,
.image-hover .icon:hover {
  color: white;
}

.big-dual-button a:hover {
  background: linear-gradient(#ff745e, #d4604d);
}

.big-dual-button a:active {
  background: #FF7800;
  background: linear-gradient(#c75a49, #f36f5a);
}

.button-1:hover {
  background: #E66854;
}

.button-2:hover,
.secondary-menu li:hover {
  background: #F3F3F3;
}

.secondary-menu li:hover {
  cursor: pointer;
}

.contact-form input:focus,
.contact-form textarea:focus {
  background: #F3F3F3;
}

/*
 *  ============================
 *  ===== 6. HELPER CLASSES =====
 *  ============================
 *
 */
.wide {
  width: 100% !important;
  display: inline-block;
}

/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom: 1;
}

/*
 *  ============================
 *  ===== 7. MEDIA QUERIES =====
 *  ============================
 *
 */
@media only screen and (max-width: 64em) {
  .product-box {
    width: 226px;
  }

  .news-box {
    width: 312px;
  }

  .twitter-container {
    max-width: 1015px;
  }

  .tweet-box {
    width: 30.833333332%;
    height: 200px;
  }
}
@media only screen and (max-width: 50em) {
  p.grid-col-6 {
    width: 97.499999996%;
    text-align: center;
  }

  .testimonial-box time {
    width: 22.499999999%;
  }

  .testimonial-box figure {
    width: 64.166666664%;
  }

  .portfolio-items li {
    width: 47.499999998%;
  }
  
  ul.portfolio-menu {
	display: none !important;
	visibility: hidden; 
  }

  .team-box_description {
    margin-bottom: 36px;
    width: 23%;
  }

  .team-box_description h3 {
    margin-top: 50px;
  }

  .team-box_description p {
    display: none;
  }

  .team-box_image {
    width: 21.3%;
  }

  .price-box_time {
    line-height: 53px;
  }

  #news-article img {
    width: 100%;
    margin-bottom: 25px;
  }

  #news-article .image-left,
  #news-article .image-right {
    float: none;
  }

  .product-box {
    width: 237px;
  }

  .news-box {
    width: 370px;
  }

  .twitter-container {
    max-width: 794px;
  }

  .tweet-box {
    width: 47.499999998%;
    height: 175px;
  }
}
@media only screen and (max-width: 48em) {
  .product-box {
    width: 227px;
  }

  .news-box {
    width: 354px;
  }

  .twitter-container {
    max-width: 762px;
  }
  
  div#TA_cdsratingsonlynarrow199 {
	  display: none;
  }
  
  div#TA_link_only p {
	  padding-top: 30px;
	  padding-bottom: 10px;
	  font-size: 1.5em;
  }
  
}
@media only screen and (max-width: 37.6875em) {
  .portfolio-menu li {
    width: 19.7%;
  }

  .team-box_description {
    margin-bottom: 0;
    width: 64.166666664%;
  }

  .team-box_image {
    width: 30.833333332%;
  }

  .team-box_image img {
    width: 100%;
  }

  .team-box_image .image-hover a:first-of-type {
    left: 10%;
  }

  .team-box_image .image-hover a:last-of-type {
    right: 10%;
  }

  .price-box_price {
    font-size: 5em;
  }

  .price-box dt,
  .price-box dd {
    display: block;
  }

  .skills-section,
  .team-section .section-title {
    width: 97.499999996%;
  }

  .team-box_description p {
    display: block;
  }

  .team-box_description h3 {
    margin-top: 25px;
  }

  .contact-form,
  .contact-info {
    width: 97.499999996%;
  }

  .product-box,
  .news-box {
    width: 272px;
  }

  .twitter-container {
    max-width: 596px;
  }
}
@media only screen and (max-width: 33.3125em) {
  .product-box, .news-box {
    width: 238px;
  }

  .twitter-container {
    max-width: 522px;
  }

  .tweet-box {
    width: 47.499999998%;
    height: 200px;
  }

}
@media only screen and (max-width: 22.5em) {
  .big-dual-button {
    margin-left: 0 !important;
    box-shadow: none;
    border-radius: 0;
    border: 0;
    width: 100%;
  }

  .big-dual-button a {
    width: 100%;
    padding: 0.8em 0px;
  }

  .big-dual-button a:first-child,
  .big-dual-button a:last-child {
    border-radius: 0;
    border: none;
  }

  #main-header .big-dual-button {
    bottom: 0;
  }

  .big-dual-button:after {
    display: none;
  }

  #main-header .a-icon {
    font-size: 2.5em;
  }

  #main-header h1 {
    font-size: 3.1em;
    line-height: 1;
  }

  #main-header h2 {
    font-size: .95em;
  }
  
  .section-title h1{
	font-size: 3.1em;
	line-height: 1;
  }

  .title-lines_left,
  .title-lines_right {
    display: none;
  }

  .service-box,
  .price-box,
  .testimonial-box time,
  .testimonial-box figure,
  .title-bottom-line hr,
  .news-menu {
    width: 97.499999996%;
  }

  .price-box dt,
  .price-box dd {
    display: inline;
  }

  .title-bottom-line hr {
    margin-left: 1.25% !important;
  }

  .portfolio-menu li {
    width: 19.6%;
  }

  .image-hover_info p {
    display: none;
  }

  .news-menu li {
    width: 100%;
  }

  .news-wrap {
    padding-top: 2px;
  }

  .news-menu {
    position: relative;
    left: 0;
    margin-left: 0;
  }

  .news-menu.secondary-menu li:nth-child(n+2) {
    border-left: 1px solid #ccc;
  }

  .team-box_description p {
    display: none;
  }

  .product-box, .news-box {
    width: 330px;
  }

  #main-title {
    position: absolute;
    top: 30%;
    margin-top: 0 !important;
  }

  #main-header .social-icons {
    position: absolute;
    top: 52%;
  }

  .wrapper > .container {
    padding: 50px 0px;
  }

  .twitter-container {
    max-width: 354px;
  }

  .tweet-box {
    width: 97.499999996%;
    height: 175px;
  }
}
@media only screen and (max-width: 20em) {
  #main-title {
    position: absolute;
    top: 25%;
    margin-top: 0 !important;
  }

  #main-header .social-icons {
    position: absolute;
    top: 50%;
  }
  
  #main-header h1 {
    font-size: 2.85em;
  }

  #main-header h2 {
    font-size: .7em;
  }

  .product-box, .news-box {
    width: 273px;
  }

  #main-header .hgroup {
    border-bottom: 0;
  }

  .twitter-container {
    max-width: 314px;
  }
  
  div#TA_link_only p {
	  font-size: .7em;
  }
}
/* ==========================================================================
   7.1 Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links for images, or javascript/internal links
   */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
}

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}
/*
 *  ============================
 *  ===== 8. customizations =====
 *  ============================
 *
 */

#google-maps {
	position: relative;
    padding-bottom: 70%; // This is the aspect ratio
    height: 0;
    overflow: hidden;
}

#google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
table.rentals tbody tr td { vertical-align:top; padding: 10px 10px 0 0;}
tables.rentals imagecell { background:#2F373B; }
table.rentals bikehead { font-weight:bold; color:#ff931e; text-transform: uppercase;}