@charset "UTF-8";
/*---------------------------------------------- WHERE THE MAGIC HAPPENS */
/* Default Font Size */
/* Primary Colour */
/* Secondary Colour */
/* Link Colour */
/* Link Hover Colour */
/*---------------------------------------------- RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

p, ul, ol {
  margin: 0 0 20px; }

ul, ol {
  padding: 0 0 0 2.5em; }

label {
  cursor: pointer; }

button {
  cursor: pointer;
  border: 0;
  outline: 0; }

input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {
  border: 0; }

input[type="submit"]:focus, input[type="button"]:focus {
  outline: 0; }

/* Default Margin */
/*---------------------------------------------- GLOBAL SETTINGS */
html, body {
  height: 100%; }

body {
  background: #fff;
  font-family: "avenir-reg", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 22.68px;
  color: #333;
  -webkit-font-smoothing: antialiased;
  /* Fix for webkit rendering */
  -webkit-text-size-adjust: 100%; }

/*  --------------------------------------------------- Box sizing */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/*---------------------------------------------------- FONTS */
@font-face {
  font-family: 'avenir-reg';
  src: url("fonts/avenir-reg.eot");
  src: url("fonts/avenir-reg.eot?#iefix") format("embedded-opentype"), url("fonts/avenir-reg.woff") format("woff"), url("fonts/avenir-reg.ttf") format("truetype"); }
@font-face {
  font-family: 'avenir-bold';
  src: url("fonts/avenir-bold.eot");
  src: url("fonts/avenir-bold.eot?#iefix") format("embedded-opentype"), url("fonts/avenir-bold.woff") format("woff"), url("fonts/avenir-bold.ttf") format("truetype"); }
br {
  font-family: 'arial'; }

/*---------------------------------------------------- FORMATTING */
h1, h2, h3, h4, h5, h6 {
  font-weight: normal; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit; }

h1 {
  font-size: 46px;
  line-height: 74.52px;
  margin-bottom: 14px; }

h2 {
  font-size: 36px;
  line-height: 58.32px;
  margin-bottom: 10px; }

h3 {
  font-size: 28px;
  line-height: 45.36px;
  margin-bottom: 8px; }

h4 {
  font-size: 20px;
  line-height: 32.4px;
  margin-bottom: 4px; }

h5 {
  font-size: 16px;
  line-height: 25.92px; }

h6 {
  font-size: 12px;
  line-height: 19.44px; }

p {
  margin: 0 0 20px; }

strong {
  font-family: 'avenir-bold';
  font-weight: normal;
  font-style: normal; }

small {
  font-size: 80%; }

/*	Blockquotes  */
blockquote, blockquote p {
  font-size: 17px;
  line-height: 27.54px;
  color: #333;
  font-style: italic; }

blockquote {
  margin: 0 0 20px;
  padding: 9px 20px 0 19px;
  border-left: 1px solid #ddd; }

blockquote cite {
  display: block;
  font-size: 12px;
  line-height: 19.44px;
  color: #666; }

blockquote cite:before {
  content: "\2014 \0020"; }

blockquote cite a, blockquote cite a:visited, blockquote cite a:visited {
  color: #3697d5; }

a {
  color: #3697d5;
  text-decoration: none;
  outline: 0; }

a:hover, a:focus {
  color: #4ba2d9; }

p a {
  line-height: inherit; }

label {
  text-transform: uppercase;
  color: #3b587a;
  font-size: 14px;
  line-height: 22.68px;
  font-family: 'avenir-bold';
  font-weight: normal;
  font-style: normal;
  display: block;
  margin-bottom: 5px; }
  label.error {
    text-transform: none;
    color: #de0000;
    position: absolute;
    top: 0px;
    right: 0px;
    font-family: 'avenir-reg';
    font-weight: normal;
    font-style: normal; }

.field {
  position: relative; }

input, textarea {
  font-size: 14px;
  line-height: 22.68px;
  font-family: "avenir-reg", "Helvetica Neue", Helvetica, Arial, sans-serif;
  transition: border-color .2s ease-out,-webkit-box-shadow .2s ease-out;
  background: #fff;
  border: 1px solid #e2e7ec;
  color: #666;
  width: 100%;
  margin: 0px;
  margin-bottom: 20px;
  padding: 15px 20px;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased; }
  input.error, textarea.error {
    box-shadow: 0 0 6px 0 red;
    border: 1px solid red !important; }

textarea {
  height: 168px;
  min-height: 168px;
  max-height: 168px;
  min-width: 100%;
  max-width: 100%; }

input[type="checkbox"] {
  -webkit-appearance: checkbox !important;
  -moz-appearance: checkbox !important;
  -ms-appearance: checkbox !important;
  -o-appearance: checkbox !important;
  appearance: checkbox !important; }

input:focus, textarea:focus {
  outline: none;
  box-shadow: 0 0 6px 0 #4b9de3;
  border: 1px solid #4b9de3 !important;
  -webkit-font-smoothing: antialiased; }

button {
  margin: 0px;
  border: 0px;
  background-color: transparent;
  -webkit-font-smoothing: antialiased; }

ul, ol {
  margin: 0 0 20px; }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

ul ul, ul ol,
ol ol, ol ul {
  margin: 4px 0 5px 30px; }

ul ul li, ul ol li,
ol ol li, ol ul li {
  margin-bottom: 6px; }

li {
  font-size: 14px;
  line-height: 22.68px;
  margin-bottom: 10px; }

/* Custom styled select box */
.styled {
  outline: none;
  overflow: hidden;
  padding: 0;
  margin: 0;
  background: white url(../img/bg-styled.png) no-repeat center right;
  width: 12em;
  border-radius: 3px;
  box-shadow: 0;
  border: 0;
  -webkit-font-smoothing: antialiased;
  display: block;
  width: 100%;
  height: 37px;
  border: 1px solid #d7d7d7; }
  .styled select {
    width: 115%;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    border: none;
    box-shadow: none;
    padding: 9px 15px;
    border-radius: 0px;
    border: 0px;
    margin: 0px;
    color: #494e63;
    font-size: 14px;
    font-family: "avenir-reg", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased; }
    .styled select:focus, .styled select:active {
      box-shadow: none;
      border: 0px;
      outline: none; }

.ie7 div.styled {
  border: none;
  border-radius: 0px; }

.ie7 div.styled select {
  width: 100%;
  background-color: white;
  border: solid 1px #ccc;
  padding: 0.3em 0.5em; }

/*  --------------------------------------------------- CUSTOM CLASSES */
.colCount2 .col1,
.colCount2 .col2 {
  width: 50%;
  float: left; }
.colCount2.offsetRight .col1 {
  width: 75%;
  padding-right: 10px; }
.colCount2.offsetRight .col2 {
  width: 25%; }

.left {
  float: left; }

.right {
  float: right; }

.hidden {
  display: none; }

.textCol1 {
  color: #3697d5; }

.textCol2 {
  color: #f7941e; }

.textBig {
  font-size: 18px;
  line-height: 29.16px; }

.textCenter {
  text-align: center; }

.fineprint {
  font-size: 12px;
  line-height: 19.44px; }

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

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

.row:after,
.clearfix:after {
  clear: both; }

.row,
.clearfix {
  zoom: 1; }

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

/*---------------------------------------------- START YOUR LAYOUT HERE */
.container {
  display: block;
  width: 100%;
  overflow-x: hidden;
  position: relative;
  left: 0px; }

.wrapper {
  max-width: 1200px;
  padding: 0;
  margin: 0 auto;
  display: block;
  position: relative; }

#content {
  font-size: 16px;
  line-height: 25.92px; }
  #content .wrapper {
    padding: 70px 20px;
    max-width: 1190px; }
  #content.narrow .wrapper {
    max-width: 780px; }
  #content .intro {
    max-width: 720px;
    padding: 0 20px;
    margin: 0 auto;
    text-align: center;
    font-size: 20px;
    line-height: 32.4px; }
    #content .intro span {
      display: block;
      text-transform: uppercase;
      color: #3697d5;
      font-family: 'avenir-bold';
      font-weight: normal;
      font-style: normal;
      font-size: 14px;
      line-height: 22.68px; }
  #content .features {
    border-bottom: 1px solid #e2e7ec; }

header {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 45px;
  z-index: 3; }
  header #topBar {
    background-color: #fff;
    height: 100%;
    background-color: #222222;
    position: relative;
    z-index: 3; }
    header #topBar .wrapper {
      height: 45px; }
    header #topBar li.active a {
      color: #c0c1d2; }
      header #topBar li.active a:hover {
        color: #dedee7; }
    header #topBar a {
      color: #78798c;
      display: inline-block;
      text-transform: uppercase;
      font-size: 10px;
      line-height: 45px;
      cursor: pointer;
      white-space: nowrap;
      font-family: 'avenir-bold';
      font-weight: normal;
      font-style: normal;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      header #topBar a:hover {
        background-color: #2b2b2b;
        color: #9494a3; }
    header #topBar .loginBtn a,
    header #topBar .signupBtn a {
      color: #fff; }
    header #topBar .loginBtn {
      margin-left: 15px; }
      header #topBar .loginBtn a {
        background-color: #30363d; }
        header #topBar .loginBtn a:hover {
          background-color: #3b434b; }
      header #topBar .loginBtn.active a {
        background-color: #3b434b; }
    header #topBar .signupBtn a {
      background-color: #3697d5; }
      header #topBar .signupBtn a:hover {
        background-color: #4ba2d9; }
    header #topBar .signupBtn.active a {
      color: #fff !important;
      background-color: #4ba2d9; }
  header #bottomBar {
    width: 100%;
    position: absolute;
    left: 0px;
    top: 90px;
    z-index: 1;
    font-size: 18px;
    		/*
    .dark & nav li a {
    			@include transition(color);
    			color: rgb(0,0,0);
    			color: rgba(0,0,0,.8);
    		}
    */ }
    header #bottomBar nav {
      top: 10px; }
    header #bottomBar li {
      position: relative;
      margin-left: 40px; }
      header #bottomBar li a {
        font-size: 18px;
        line-height: 29.16px;
        -webkit-transition: color 0.2s ease-in-out;
        -moz-transition: color 0.2s ease-in-out;
        -ms-transition: color 0.2s ease-in-out;
        -o-transition: color 0.2s ease-in-out;
        transition: color 0.2s ease-in-out;
        color: white;
        color: rgba(255, 255, 255, 0.8);
        padding: 20px 0; }
        header #bottomBar li a:hover {
          color: #fff; }
      header #bottomBar li i {
        display: none; }
      header #bottomBar li.active a {
        font-family: 'avenir-bold';
        font-weight: normal;
        font-style: normal;
        color: #fff; }
        header #bottomBar li.active a i {
          display: block;
          position: absolute;
          left: -19px;
          top: -11px; }
  header nav {
    position: absolute;
    right: 0px;
    top: 0px; }
    header nav ul {
      list-style: none;
      padding: 0px;
      margin-bottom: 0px; }
      header nav ul li {
        margin: 0px;
        padding: 0px; }
      header nav ul li {
        margin-bottom: 0px;
        float: left; }
        header nav ul li a {
          padding: 0 15px; }
  header #hamburger,
  header #mobBar {
    display: none; }
  header #hamburger {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    position: absolute;
    right: -20px;
    top: -10px;
    padding: 24px 20px; }
    header #hamburger .divider {
      background-color: #f7941e;
      width: 22px;
      height: 3px;
      display: block;
      margin-bottom: 4px;
      padding: 0px; }
      header #hamburger .divider.last {
        margin-bottom: 0px; }
  header #mobBar {
    position: absolute;
    top: 75px;
    width: 100%; }
    header #mobBar a {
      font-family: 'avenir-bold';
      font-weight: normal;
      font-style: normal;
      width: 50%;
      float: left;
      text-transform: uppercase;
      color: #fff;
      font-size: 11px;
      padding: 15px 20px;
      text-align: center; }
      header #mobBar a.loginBtn {
        background-color: #3a4552; }
        header #mobBar a.loginBtn:hover {
          background-color: #455261; }
      header #mobBar a.signupBtn {
        background-color: #3697d5; }
        header #mobBar a.signupBtn:hover {
          background-color: #4ba2d9; }

.searchBtn {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 3;
  width: 190px;
  display: block;
  height: 100%;
  background-color: black;
  color: #a8a9b3;
  padding-left: 50px;
  padding-right: 15px;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 45px;
  cursor: pointer;
  white-space: nowrap;
  font-family: 'avenir-bold';
  font-weight: normal;
  font-style: normal;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .searchBtn .icn-search {
    position: absolute;
    left: 20px;
    top: 16px; }

#searchBar {
  position: absolute;
  z-index: 2;
  top: -100px;
  width: 100%;
  -webkit-transition: top 0.2s ease-in-out;
  -moz-transition: top 0.2s ease-in-out;
  -ms-transition: top 0.2s ease-in-out;
  -o-transition: top 0.2s ease-in-out;
  transition: top 0.2s ease-in-out; }
  #searchBar.active {
    top: 45px; }

#mobNav {
  display: none;
  width: 260px;
  height: 100%;
  position: absolute;
  right: -260px;
  top: 0px;
  z-index: 99;
  background-color: #222222;
  box-shadow: inset 10px 0px 10px 0 black;
  box-shadow: inset 10px 0px 10px 0 rgba(0, 0, 0, 0.25); }
  #mobNav .searchBtn {
    height: 45px;
    width: 100%;
    position: static;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out; }
    #mobNav .searchBtn:hover {
      color: #fff; }
  #mobNav ul {
    list-style: none;
    padding: 0px;
    margin: 0px; }
    #mobNav ul li {
      margin: 0px;
      padding: 0px; }
    #mobNav ul li {
      margin: 0px; }
      #mobNav ul li.active a {
        color: #c0c1d2; }
        #mobNav ul li.active a:hover {
          color: #cfd0dd; }
    #mobNav ul a {
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      font-family: 'avenir-bold';
      font-weight: normal;
      font-style: normal;
      font-size: 12px;
      line-height: 1em;
      text-transform: uppercase;
      padding: 15px 25px;
      color: #78798c;
      display: block; }
      #mobNav ul a:hover {
        color: #868798; }
    #mobNav ul#bigCTA {
      background-color: #193a43;
      background-image: url(../img/bg-sidebarNav.jpg);
      background-repeat: no-repeat;
      box-shadow: inset 10px 0px 10px 0 black;
      box-shadow: inset 10px 0px 10px 0 rgba(0, 0, 0, 0.25);
      background-size: cover;
      -ms-behavior: url(../backgroundsize.min.htc); }
      #mobNav ul#bigCTA a {
        font-family: 'avenir-reg';
        font-weight: normal;
        font-style: normal;
        text-transform: none;
        color: #fff;
        font-size: 18px;
        border-bottom: 1px solid #3d6975;
        color: #fff;
        padding: 20px;
        -webkit-transition: background-color 0.2s ease-in-out;
        -moz-transition: background-color 0.2s ease-in-out;
        -ms-transition: background-color 0.2s ease-in-out;
        -o-transition: background-color 0.2s ease-in-out;
        transition: background-color 0.2s ease-in-out; }
        #mobNav ul#bigCTA a:hover {
          background-color: #3d575c;
          background-color: rgba(255, 255, 255, 0.05); }

#hero {
  margin-top: 45px;
  width: 100%;
  display: block;
  position: relative;
  z-index: 1; }
  #hero .scrim {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1; }
  .dark #hero .scrim {
    background-color: rgba(0, 0, 0, 0.5); }
  #hero .slide {
    width: 100%;
    background-color: #019184;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.35);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -ms-behavior: url(../backgroundsize.min.htc); }
    #hero .slide .slideBox {
      color: #fff;
      text-align: center;
      position: absolute;
      bottom: 155px;
      width: 100%;
      z-index: 2; }
      #hero .slide .slideBox .wrapper {
        max-width: 740px;
        padding: 20px;
        margin: 0 auto; }
      #hero .slide .slideBox h1 {
        text-transform: uppercase;
        font-size: 50px;
        line-height: 1.2em;
        margin-bottom: 25px; }
      #hero .slide .slideBox p {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 40px; }

#heroPager {
  list-style: none;
  padding: 0px;
  margin-bottom: 0px;
  height: 80px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 999;
  width: 100%; }
  #heroPager li {
    margin: 0px;
    padding: 0px; }
  #heroPager article {
    font-family: 'avenir-reg';
    font-weight: normal;
    font-style: normal;
    margin: 0px;
    padding: 0 20px;
    padding-top: 25px;
    float: left;
    background-color: #333;
    width: 33%;
    height: 100%;
    display: block;
    position: relative;
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 1em;
    cursor: pointer;
    box-shadow: inset 0px 1px 8px black, 0 -1px 0 white;
    box-shadow: inset 0px 1px 8px rgba(0, 0, 0, 0.7), 0 -1px 0 rgba(255, 255, 255, 0.05);
    -webkit-transition: width 0.2s ease-in-out;
    -moz-transition: width 0.2s ease-in-out;
    -ms-transition: width 0.2s ease-in-out;
    -o-transition: width 0.2s ease-in-out;
    transition: width 0.2s ease-in-out;
    background-size: cover;
    -ms-behavior: url(../backgroundsize.min.htc); }
    #heroPager article.middle, #heroPager article.first {
      width: 34%; }
    #heroPager article span.subText {
      padding-top: 5px;
      display: block;
      font-size: 10px;
      text-transform: uppercase;
      color: white;
      color: rgba(255, 255, 255, 0.7);
      font-family: 'avenir-bold';
      font-weight: normal;
      font-style: normal; }
    #heroPager article.cycle-pager-active {
      background-color: transparent;
      background-image: none !important;
      box-shadow: none;
      cursor: default; }
      #heroPager article.cycle-pager-active:after {
        bottom: 0px;
        z-index: 10;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: white;
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #fff;
        border-width: 10px;
        margin-left: -10px; }

#promptWrap {
  position: relative;
  width: 100%; }
  #promptWrap #prompt {
    display: block;
    position: absolute;
    display: block;
    width: 100%;
    height: 50px; }
    #promptWrap #prompt .icn {
      margin: 0 auto;
      position: relative;
      top: 16px; }

#hero.inner {
  color: #fff;
  text-align: center;
  padding-top: 200px;
  padding-bottom: 80px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -ms-behavior: url(../backgroundsize.min.htc); }
  #hero.inner .wrapper {
    max-width: 760px;
    padding: 0 20px; }
  #hero.inner h1 {
    font-size: 56px;
    line-height: 90.72px;
    line-height: 60px; }
  #hero.inner p {
    font-size: 22px;
    line-height: 35.64px; }
  #hero.inner #spotlightBig {
    padding: 0 20px;
    max-width: 975px;
    margin: 0 auto;
    position: relative;
    top: 50px;
    height: 240px; }
    #hero.inner #spotlightBig img {
      width: 100%;
      height: auto;
      position: absolute;
      top: 0px;
      left: 0px; }
  #hero.inner.spotlight {
    margin-bottom: 210px; }
    #hero.inner.spotlight img {
      width: 100%; }
  #hero.inner.formHeight {
    padding-bottom: 160px; }
  #hero.inner.shorty {
    padding-bottom: 0px; }

.title {
  text-transform: uppercase;
  font-family: 'avenir-bold';
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  line-height: 22.68px;
  margin-bottom: 5px; }

h2.title {
  padding: 0 20px;
  font-size: 36px;
  line-height: 58.32px;
  font-family: 'avenir-reg';
  font-weight: normal;
  font-style: normal;
  text-align: center;
  margin-bottom: 70px;
  text-transform: none; }
  h2.title span {
    font-family: 'avenir-bold';
    font-weight: normal;
    font-style: normal;
    color: #3697d5;
    margin-bottom: 10px;
    text-transform: uppercase;
    display: block;
    font-size: 14px;
    line-height: 1em; }

#softwareShowcase.inner .wrapper {
  padding-top: 70px;
  max-width: 760px;
  padding: 0 20px; }
  #softwareShowcase.inner .wrapper h2 {
    margin: 0px; }
#softwareShowcase h2 {
  margin-top: 40px;
  padding: 20px 0;
  text-align: center;
  margin-bottom: 20px;
  padding: 0 20px;
  font-size: 36px;
  line-height: 58.32px; }
  #softwareShowcase h2.small {
    font-size: 20px;
    line-height: 32.4px; }
#softwareShowcase .spotlight {
  background-image: url(../img/spotlightBG.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  -ms-behavior: url(../backgroundsize.min.htc); }
  #softwareShowcase .spotlight img {
    margin: 0 auto;
    display: block;
    position: relative;
    top: 65px;
    z-index: 2;
    max-width: 974px;
    width: 100%;
    height: auto;
    padding: 0 20px; }
    #softwareShowcase .spotlight img.mob {
      display: none; }

#stepGuide {
  background: url(../img/bg-steps.png) repeat-x top center #fff;
  border-bottom: 1px solid #d7d7d7;
  padding: 75px 0; }
  #stepGuide h2 {
    margin-top: 0px;
    margin-bottom: 70px; }
  #stepGuide ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    text-align: center;
    		/*
    .circle {
    			background-color: #f7941e;
    			border-radius: 50%;
    			width: 150px;
    			height: 150px;
    			display: inline-block;
    			margin-bottom: 30px;
    		}
    */ }
    #stepGuide ul li {
      margin: 0px;
      padding: 0px; }
    #stepGuide ul li {
      position: relative;
      margin: 0px;
      font-size: 16px;
      color: #9b9b9b;
      width: 240px;
      display: inline-block;
      vertical-align: top;
      margin: 0 70px;
      margin-bottom: 40px; }
      #stepGuide ul li .icn-nextStep {
        position: absolute;
        left: -120px;
        top: 40px; }
      #stepGuide ul li.first .icn-nextStep {
        display: none; }
    #stepGuide ul .title {
      color: #5e5e5e;
      font-size: 26px;
      line-height: 1.2em;
      margin-bottom: 20px;
      text-transform: none; }
    #stepGuide ul span.icn {
      margin: 0 auto;
      display: block;
      margin-bottom: 30px; }
  #stepGuide .buttonBar {
    padding: 40px 20px;
    width: 100%;
    text-align: center; }
    #stepGuide .buttonBar a {
      display: inline-block;
      margin: 0 15px;
      margin-bottom: 20px; }

#featureBox {
  padding: 75px 0;
  text-align: center; }
  #featureBox .wrapper {
    max-width: 1350px; }
  #featureBox #featureWrap {
    position: relative;
    overflow: hidden;
    height: auto;
    padding-bottom: 140px; }
    #featureBox #featureWrap p {
      font-size: 14px;
      line-height: 22.68px; }
      #featureBox #featureWrap p .shares {
        font-family: 'avenir-bold';
        font-weight: normal;
        font-style: normal;
        display: block;
        text-transform: uppercase;
        color: #5c5c5c;
        font-size: 11px; }
        #featureBox #featureWrap p .shares .price {
          color: #f7941e;
          font-size: 16px; }
          #featureBox #featureWrap p .shares .price strong {
            color: #666; }
    #featureBox #featureWrap .main {
      position: relative;
      z-index: 2;
      margin: 0 auto;
      max-width: 575px;
      padding: 0 15px;
      height: 100%; }
      #featureBox #featureWrap .main img {
        width: 100%;
        margin: 0 auto;
        position: relative;
        z-index: 2; }
      #featureBox #featureWrap .main .mask {
        bottom: -25px;
        left: 0px;
        background-image: url(../img/mask-boat-feature.png);
        background-size: 100% auto;
        width: 100%;
        height: 69px;
        z-index: 1; }
      #featureBox #featureWrap .main p {
        position: absolute;
        font-family: 'avenir-bold';
        font-weight: normal;
        font-style: normal;
        font-size: 18px;
        line-height: 29.16px;
        left: 0px;
        right: 0px;
        bottom: -110px; }
    #featureBox #featureWrap .left,
    #featureBox #featureWrap .right {
      position: absolute;
      top: 0px;
      z-index: 1;
      height: 285px; }
      #featureBox #featureWrap .left img,
      #featureBox #featureWrap .right img {
        position: relative;
        z-index: 1; }
      #featureBox #featureWrap .left .shadow,
      #featureBox #featureWrap .right .shadow {
        background-repeat: repeat-y;
        background-position: center center;
        width: 67px;
        height: 100%;
        position: absolute;
        top: 0px;
        z-index: 2; }
    #featureBox #featureWrap .left {
      float: none;
      left: 0px;
      margin-top: 20px;
      margin-left: 25px; }
      #featureBox #featureWrap .left .shadow {
        right: 0px;
        background-image: url(../img/shadow-feature-left.png); }
    #featureBox #featureWrap .right {
      float: none;
      right: 0px;
      margin-top: 20px;
      margin-right: 25px; }
      #featureBox #featureWrap .right .shadow {
        left: 0px;
        background-image: url(../img/shadow-feature-right.png); }
    #featureBox #featureWrap .mask {
      position: absolute;
      z-index: 3;
      background-repeat: no-repeat;
      background-positon: top left;
      display: block; }
    #featureBox #featureWrap .mask.tl {
      background-image: url(../img/mask-boat-tl.png);
      width: 385px;
      height: 30px;
      top: 0px;
      left: 0px; }
    #featureBox #featureWrap .mask.bl {
      background-image: url(../img/mask-boat-bl.png);
      width: 410px;
      height: 44px;
      bottom: 0px;
      left: -25px; }
    #featureBox #featureWrap .mask.tr {
      background-image: url(../img/mask-boat-tr.png);
      width: 385px;
      height: 30px;
      top: 0px;
      right: 0px; }
    #featureBox #featureWrap .mask.br {
      background-image: url(../img/mask-boat-br.png);
      width: 410px;
      height: 44px;
      bottom: 0px;
      right: -25px; }

#testimonialBox {
  padding: 70px 20px;
  background: url(../img/bg-testimonials.jpg) no-repeat center center;
  text-align: center;
  background-size: cover;
  -ms-behavior: url(../backgroundsize.min.htc); }
  #testimonialBox h2 {
    color: #fff; }
  #testimonialBox ul {
    list-style: none;
    padding: 0px;
    text-align: center;
    margin-bottom: 30px;
    text-align: center; }
    #testimonialBox ul li {
      margin: 0px;
      padding: 0px; }
    #testimonialBox ul li {
      position: relative;
      padding-left: 185px;
      max-width: 480px;
      margin: 0 35px;
      display: inline-block;
      text-align: left;
      margin-bottom: 40px;
      vertical-align: top; }
      #testimonialBox ul li p {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 30px;
        color: #fff; }
        #testimonialBox ul li p.signature {
          font-size: 14px;
          font-family: 'avenir-bold';
          font-weight: normal;
          font-style: normal; }
      #testimonialBox ul li img {
        border-radius: 50%;
        position: absolute;
        left: 0px;
        top: 0px; }

#featureSlider {
  border-top: 1px solid #e6e9ed;
  width: 100%;
  background-image: url(../img/bg-featureSlider.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  -ms-behavior: url(../backgroundsize.min.htc); }
  #featureSlider #featurePager {
    width: 319px;
    height: 100%;
    padding: 50px 0;
    position: absolute;
    left: -321px;
    top: 0px;
    background: url(../img/bg-featureSlider-pager.png) repeat-y left top; }
    #featureSlider #featurePager p.title {
      cursor: default;
      font-family: 'avenir-bold';
      font-weight: normal;
      font-style: normal;
      font-size: 14px;
      line-height: 22.68px;
      color: #3697d5;
      text-transform: uppercase;
      padding: 11px 11px;
      margin-bottom: 10px; }
    #featureSlider #featurePager ul {
      list-style: none;
      padding: 0px;
      margin-bottom: 0px; }
      #featureSlider #featurePager ul li {
        margin: 0px;
        padding: 0px; }
      #featureSlider #featurePager ul li {
        position: relative;
        cursor: pointer;
        border-radius: 2px 0 0 2px;
        padding: 11px 11px;
        margin-bottom: 10px;
        width: auto;
        float: left;
        clear: both;
        font-size: 16px;
        line-height: 25.92px; }
        #featureSlider #featurePager ul li.cycle-pager-active {
          background-color: #f7941e;
          color: #fff; }
          #featureSlider #featurePager ul li.cycle-pager-active:after {
            left: 100%;
            top: 50%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: #f7941e;
            border-color: rgba(247, 148, 30, 0);
            border-left-color: #f7941e;
            border-width: 23px;
            margin-top: -23px; }
  #featureSlider .cycle-slideshow {
    margin-left: 360px;
    position: relative;
    border-left: 1px solid #e8eaec;
    color: #494e63;
    font-size: 16px;
    overflow: visible !important; }
    #featureSlider .cycle-slideshow .slide {
      padding: 70px 50px;
      width: auto;
      min-height: 769px; }
    #featureSlider .cycle-slideshow p.title {
      width: 100%;
      display: block;
      height: auto;
      margin-bottom: 20px;
      position: relative;
      text-transform: uppercase;
      font-family: 'avenir-bold';
      font-weight: normal;
      font-style: normal; }
      #featureSlider .cycle-slideshow p.title .prev,
      #featureSlider .cycle-slideshow p.title .next {
        position: absolute;
        top: 5px;
        width: 70px;
        cursor: pointer;
        color: #f7941e;
        font-size: 13px;
        line-height: 1em; }
        #featureSlider .cycle-slideshow p.title .prev i,
        #featureSlider .cycle-slideshow p.title .next i {
          position: absolute;
          top: 0px; }
      #featureSlider .cycle-slideshow p.title .prev {
        right: 70px;
        padding-left: 25px;
        text-align: left; }
        #featureSlider .cycle-slideshow p.title .prev i {
          left: 0px; }
      #featureSlider .cycle-slideshow p.title .next {
        right: 0px;
        padding-right: 25px;
        text-align: right; }
        #featureSlider .cycle-slideshow p.title .next i {
          right: 0px; }
    #featureSlider .cycle-slideshow .imageWrap {
      position: relative;
      background-image: url(../img/shadow.png);
      background-repeat: no-repeat;
      background-position: center bottom;
      background-size: 100% auto;
      padding-bottom: 3%;
      margin-bottom: 20px; }
      #featureSlider .cycle-slideshow .imageWrap img {
        position: relative;
        width: 100%;
        height: auto;
        z-index: 2;
        border-radius: 0 0 3px 3px;
        box-shadow: 0 1px 6px #c5c3c3;
        box-shadow: 0 1px 6px rgba(197, 195, 195, 0.5); }

#usageGuide {
  padding-top: 70px; }
  #usageGuide .title {
    text-transform: uppercase;
    font-family: 'avenir-bold';
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height: 22.68px;
    color: #3697d5;
    margin-bottom: 0px; }
  #usageGuide .col1 {
    font-size: 20px;
    line-height: 32.4px;
    padding-top: 5%;
    padding-right: 80px; }
  #usageGuide .col2 {
    list-style: none;
    padding: 0px;
    margin-bottom: 0px; }
    #usageGuide .col2 li {
      margin: 0px;
      padding: 0px; }
    #usageGuide .col2 p {
      margin: 0px; }
    #usageGuide .col2 li {
      padding: 15px 0;
      margin: 0px;
      border-bottom: 1px solid #e2e7ec; }
      #usageGuide .col2 li.last {
        border-bottom: 0px; }
    #usageGuide .col2 .left {
      font-size: 14px;
      line-height: 22.68px;
      font-family: 'avenir-bold';
      font-weight: normal;
      font-style: normal;
      text-transform: uppercase; }
    #usageGuide .col2 .right {
      width: 200px;
      text-align: right;
      padding-left: 25px;
      position: relative; }
    #usageGuide .col2 .usageWrap {
      font-size: 16px;
      line-height: 25.92px;
      position: absolute;
      left: 0px;
      top: 5px; }
      #usageGuide .col2 .usageWrap .bar {
        height: 10px;
        width: 3px;
        display: block;
        background-color: #e2e7ec;
        float: left;
        margin: 0 1px; }
        #usageGuide .col2 .usageWrap .bar.active {
          background-color: #3b587a; }

#contact .wrapper {
  padding: 100px 20px 120px;
  max-width: 980px; }
#contact .col1 {
  padding: 30px 100px 40px 0;
  padding-right: 100px;
  border-right: 1px solid #e2e7ec; }
#contact .col2 {
  padding: 30px 0 40px 100px;
  background: url(../img/bg-contact.png) no-repeat center left;
  background-size: auto 700px; }
#contact .title {
  text-transform: uppercase;
  color: #3697d5;
  font-size: 14px;
  line-height: 22.68px;
  font-family: 'avenir-bold';
  font-weight: normal;
  font-style: normal;
  margin-bottom: 40px; }
#contact .mapInfo {
  font-size: 16px;
  line-height: 25.92px;
  color: #494e63; }
  #contact .mapInfo p {
    padding-left: 30px;
    margin-bottom: 0px;
    position: relative; }
    #contact .mapInfo p strong {
      width: 80px;
      display: inline-block; }
    #contact .mapInfo p a {
      color: #494e63;
      -webkit-transition: color 0.2s ease-in-out;
      -moz-transition: color 0.2s ease-in-out;
      -ms-transition: color 0.2s ease-in-out;
      -o-transition: color 0.2s ease-in-out;
      transition: color 0.2s ease-in-out; }
      #contact .mapInfo p a:hover {
        color: #3697d5; }
    #contact .mapInfo p.title {
      padding-left: 0px;
      font-size: 16px;
      line-height: 25.92px;
      color: #494e63;
      text-transform: uppercase;
      font-family: 'avenir-bold';
      font-weight: normal;
      font-style: normal;
      margin-bottom: 20px; }
    #contact .mapInfo p.location {
      margin-bottom: 20px; }
      #contact .mapInfo p.location strong {
        width: auto; }
    #contact .mapInfo p .icn {
      position: absolute;
      left: 0px;
      top: 7px; }
  #contact .mapInfo .divider {
    display: block;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 20px;
    margin-bottom: 20px; }
#contact #contactPager {
  position: relative;
  width: 365px;
  height: 338px;
  display: block;
  margin: 0 auto;
  cursor: pointer;
  /* 		background: url(../img/bg-map.png) no-repeat top left; */ }
  #contact #contactPager .icn-aus-wa,
  #contact #contactPager .icn-aus-nt,
  #contact #contactPager .icn-aus-sa,
  #contact #contactPager .icn-aus-ql,
  #contact #contactPager .icn-aus-nsw,
  #contact #contactPager .icn-aus-vic,
  #contact #contactPager .icn-aus-tas {
    position: absolute; }
    #contact #contactPager .icn-aus-wa:hover,
    #contact #contactPager .icn-aus-nt:hover,
    #contact #contactPager .icn-aus-sa:hover,
    #contact #contactPager .icn-aus-ql:hover,
    #contact #contactPager .icn-aus-nsw:hover,
    #contact #contactPager .icn-aus-vic:hover,
    #contact #contactPager .icn-aus-tas:hover {
      opacity: .8; }
    #contact #contactPager .icn-aus-wa.cycle-pager-active:hover,
    #contact #contactPager .icn-aus-nt.cycle-pager-active:hover,
    #contact #contactPager .icn-aus-sa.cycle-pager-active:hover,
    #contact #contactPager .icn-aus-ql.cycle-pager-active:hover,
    #contact #contactPager .icn-aus-nsw.cycle-pager-active:hover,
    #contact #contactPager .icn-aus-vic.cycle-pager-active:hover,
    #contact #contactPager .icn-aus-tas.cycle-pager-active:hover {
      opacity: 1; }
  #contact #contactPager .icn-aus-wa {
    left: 0px;
    top: 33px; }
  #contact #contactPager .icn-aus-nt {
    left: 146px;
    top: 7px; }
  #contact #contactPager .icn-aus-sa {
    left: 146px;
    top: 148px; }
  #contact #contactPager .icn-aus-ql {
    left: 226px;
    top: 0px; }
  #contact #contactPager .icn-aus-nsw {
    left: 253px;
    top: 169px; }
  #contact #contactPager .icn-aus-vic {
    left: 253px;
    top: 232px; }
  #contact #contactPager .icn-aus-tas {
    left: 276px;
    top: 290px; }

#buyBoat {
  background-color: #fff; }
  #buyBoat #resultsBar {
    border-top: 1px solid #eaeef0;
    border-bottom: 1px solid #eaeef0; }
    #buyBoat #resultsBar .col1 {
      width: 50%;
      text-align: right;
      border-right: 1px solid #eaeef0; }
    #buyBoat #resultsBar .col2 {
      text-align: left; }
    #buyBoat #resultsBar .col1,
    #buyBoat #resultsBar .col2 label,
    #buyBoat #resultsBar .col2 span {
      padding: 15px 20px;
      color: #3b587a;
      text-transform: uppercase;
      font-family: 'avenir-bold';
      font-weight: normal;
      font-style: normal;
      font-size: 12px;
      line-height: 19.44px;
      margin: 0px; }
    #buyBoat #resultsBar .col1 i {
      display: inline-block;
      margin-right: 5px;
      position: relative;
      top: 2px; }
    #buyBoat #resultsBar .col2 {
      width: 50%;
      display: block; }
      #buyBoat #resultsBar .col2 i {
        float: left;
        margin: 19px 0 0 20px; }
      #buyBoat #resultsBar .col2 label, #buyBoat #resultsBar .col2 span {
        float: left;
        padding-right: 0px; }
      #buyBoat #resultsBar .col2 .styled {
        width: auto;
        height: 49px;
        float: left;
        color: #686c7d;
        font-size: 12px;
        text-transform: none;
        position: relative;
        border: 0px;
        padding-right: 20px; }
        #buyBoat #resultsBar .col2 .styled select {
          width: 140%;
          padding: 15px 20px;
          font-size: 12px;
          line-height: 19.44px; }
  #buyBoat #results .wrapper {
    max-width: 1440px;
    padding: 0 20px;
    padding-bottom: 50px; }
  #buyBoat #results li {
    position: relative;
    padding: 10px;
    display: block;
    width: 33%;
    height: auto;
    float: left; }
    #buyBoat #results li .imageHolder {
      width: 100%;
      position: relative;
      margin-bottom: 10px;
      display: block; }
      #buyBoat #results li .imageHolder .btn {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
    #buyBoat #results li img {
      width: 100%;
      height: auto;
      display: block; }
    #buyBoat #results li .state {
      padding: 10px;
      position: absolute;
      bottom: 0px;
      left: 0px;
      text-transform: uppercase;
      color: #fff;
      background-color: #2884ae;
      font-family: 'avenir-bold';
      font-weight: normal;
      font-style: normal;
      font-size: 10px;
      line-height: 16.2px;
      line-height: 1em;
      z-index: 3; }
    #buyBoat #results li .overlay {
      padding: 0 45px;
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 100%;
      z-index: 2;
      background: url(../img/pixel-overlay.png) repeat center center;
      color: #fff;
      text-align: center;
      font-size: 14px;
      line-height: 22.68px;
      display: none; }
      #buyBoat #results li .overlay .text {
        padding-top: 20px;
        display: inline-block;
        width: 99%; }
      #buyBoat #results li .overlay strong {
        margin-top: 25px;
        display: block; }
    #buyBoat #results li:hover .overlay {
      display: block; }
    #buyBoat #results li p {
      text-align: center;
      display: block;
      color: #3b587a;
      text-transform: uppercase;
      font-size: 16px;
      line-height: 25.92px;
      font-family: 'avenir-bold';
      font-weight: normal;
      font-style: normal;
      margin: 0px;
      line-height: 19px; }
      #buyBoat #results li p.small {
        font-size: 14px;
        line-height: 22.68px;
        color: #424549; }
        #buyBoat #results li p.small .price {
          color: #f7941e; }

.filterBar {
  background: url(../img/bg-filter.png) repeat-x bottom center #fff; }
  .filterBar .wrapper {
    max-width: 850px;
    padding: 30px 20px; }
  .filterBar .title {
    font-size: 14px;
    color: #3b587a; }
  .filterBar .to {
    text-transform: uppercase;
    font-family: 'avenir-bold';
    font-weight: normal;
    font-style: normal;
    font-size: 10px;
    line-height: 37px;
    padding: 0 10px;
    width: 100%;
    text-align: center;
    display: block; }
  .filterBar .col1,
  .filterBar .col2 {
    width: 32%;
    padding-right: 25px;
    position: relative; }
    .filterBar .col1 select,
    .filterBar .col2 select {
      width: 130%; }
    .filterBar .col1 .field,
    .filterBar .col2 .field {
      position: absolute;
      bottom: 0px;
      width: 50%;
      float: none; }
      .filterBar .col1 .field.left,
      .filterBar .col2 .field.left {
        left: 0px;
        padding-right: 30px; }
      .filterBar .col1 .field.right,
      .filterBar .col2 .field.right {
        right: 25px;
        padding-left: 30px; }
  .filterBar .col3 {
    width: 36%;
    position: relative; }
    .filterBar .col3 select {
      width: 120%; }
    .filterBar .col3 .field {
      padding-right: 135px; }
  .filterBar button.btn.blue {
    width: 110px;
    display: block;
    position: absolute;
    right: 0px;
    bottom: 0px;
    padding: 0;
    padding: 11px 0 12px;
    line-height: 1em; }

.paginationBar {
  list-style: none;
  padding: 0px;
  border-top: 1px solid #eaeef0;
  width: 100%;
  text-align: center;
  margin-bottom: 0px; }
  .paginationBar li {
    margin: 0px;
    padding: 0px; }
  .paginationBar li {
    display: inline-block;
    margin-bottom: 0px;
    position: relative;
    border-right: 1px solid #eaeef0; }
    .paginationBar li i {
      position: absolute;
      top: 20px; }
    .paginationBar li a,
    .paginationBar li span.fakelink {
      font-family: 'avenir-bold';
      font-weight: normal;
      font-style: normal;
      text-transform: uppercase;
      font-size: 16px;
      line-height: 50px;
      width: 50px;
      white-space: nowrap;
      display: block;
      color: #3b587a; }
      .paginationBar li a#active,
      .paginationBar li span.fakelink#active {
        background-color: #3697d5;
        color: #fff;
        -webkit-transition: background-color 0.2s ease-in-out;
        -moz-transition: background-color 0.2s ease-in-out;
        -ms-transition: background-color 0.2s ease-in-out;
        -o-transition: background-color 0.2s ease-in-out;
        transition: background-color 0.2s ease-in-out; }
        .paginationBar li a#active:hover,
        .paginationBar li span.fakelink#active:hover {
          background-color: #4ba2d9; }
      .paginationBar li a.inactive,
      .paginationBar li span.fakelink.inactive {
        opacity: .25;
        cursor: default; }
    .paginationBar li.prev {
      border-left: 1px solid #eaeef0; }
      .paginationBar li.prev a,
      .paginationBar li.prev span.fakelink {
        width: auto;
        padding: 0 20px;
        padding-left: 50px; }
      .paginationBar li.prev span.fakelink {
        opacity: 0.25; }
      .paginationBar li.prev i {
        left: 20px; }
    .paginationBar li.next a,
    .paginationBar li.next span.fakelink {
      width: auto;
      padding: 0 20px;
      padding-right: 50px; }
    .paginationBar li.next span.fakelink {
      opacity: 0.25; }
    .paginationBar li.next i {
      right: 20px; }
    .paginationBar li:hover {
      background-color: #f7f7f7; }

#boatDetails .wrapper {
  max-width: 1000px;
  padding: 0 20px; }
#boatDetails h1 {
  font-size: 46px;
  line-height: 74.52px;
  font-family: 'avenir-bold';
  font-weight: normal;
  font-style: normal;
  color: #3b587a;
  margin-bottom: 0px;
  text-transform: uppercase; }
  #boatDetails h1 span.details {
    text-transform: none;
    display: block;
    font-size: 16px;
    line-height: 25.92px;
    font-family: 'avenir-reg';
    font-weight: normal;
    font-style: normal; }
    #boatDetails h1 span.details span {
      text-transform: uppercase; }
#boatDetails .narrow {
  max-width: 820px;
  padding: 70px 20px 80px;
  margin: 0 auto;
  text-align: center; }
  #boatDetails .narrow p {
    font-size: 20px;
    line-height: 32.4px;
    margin: 0px; }
#boatDetails ul.meta {
  list-style: none;
  padding: 0px;
  margin: 0px;
  border-bottom: 1px solid #e2e7ec;
  width: 100%;
  text-align: center;
  margin-bottom: 60px; }
  #boatDetails ul.meta li {
    margin: 0px;
    padding: 0px; }
  #boatDetails ul.meta strong {
    color: #3b587a; }
  #boatDetails ul.meta li {
    display: inline-block;
    margin-bottom: 0px;
    padding: 30px 15px;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 25.92px; }
#boatDetails ul.specs {
  list-style: none;
  padding: 0px;
  margin: 0px;
  margin-top: -15px; }
  #boatDetails ul.specs li {
    margin: 0px;
    padding: 0px; }
  #boatDetails ul.specs li {
    border-bottom: 1px solid #e2e7ec;
    margin: 0px;
    padding: 15px 0;
    font-size: 16px;
    line-height: 25.92px;
    line-height: 1em; }
    #boatDetails ul.specs li .title {
      font-size: 14px;
      line-height: 22.68px;
      font-family: 'avenir-bold';
      font-weight: normal;
      font-style: normal;
      text-transform: uppercase;
      color: #3b587a;
      width: 50%;
      display: inline-block;
      margin-bottom: 0px; }
#boatDetails .colCount2 {
  padding-bottom: 100px;
  font-size: 16px;
  line-height: 25.92px; }
  #boatDetails .colCount2 .title {
    color: #3697d5;
    margin-bottom: 20px; }
  #boatDetails .colCount2 .col1 {
    width: 60%;
    float: left; }
  #boatDetails .colCount2 .col2 {
    width: 35%;
    float: right; }
  #boatDetails .colCount2 .btn {
    display: block;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%; }
    #boatDetails .colCount2 .btn.info {
      border: 0px;
      border-bottom: 1px solid #e2e7ec;
      margin-bottom: 10px;
      text-transform: uppercase;
      color: #3b587a;
      background: url(../img/bg-btn-info.jpg) no-repeat center top;
      background-size: cover;
      -ms-behavior: url(../backgroundsize.min.htc);
      font-size: 12px;
      line-height: 19.44px;
      line-height: 1em;
      padding-top: 15px;
      padding-bottom: 15px; }
      #boatDetails .colCount2 .btn.info .icn-info {
        display: inline-block;
        margin-right: 15px;
        position: relative;
        top: 5px; }

.pagerNav {
  background-color: #fff;
  top: -1px;
  position: relative;
  border-top: 1px solid #eaeef0;
  border-bottom: 1px solid #eaeef0;
  text-align: center; }
  .pagerNav .wrapper {
    position: relative; }
  .pagerNav .prev,
  .pagerNav .next {
    position: absolute;
    top: 0px;
    width: 48px;
    height: 48px;
    border-left: 1px solid #eaeef0;
    border-right: 1px solid #eaeef0;
    display: block;
    padding: 24px; }
  .pagerNav .prev {
    left: 0px; }
    .pagerNav .prev.icn-prev {
      background-position: -239px -108px; }
  .pagerNav .next {
    right: 0px; }
    .pagerNav .next.icn-next {
      background-position: -239px -172px; }
  .pagerNav a {
    color: #3b587a;
    font-family: 'avenir-bold';
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 0px;
    line-height: 48px; }

.gallery {
  padding-bottom: 65px;
  height: 538px; }
  .gallery .cycle-carousel-wrap {
    z-index: 2; }
  .gallery .shadow {
    width: 100%;
    height: 168px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    display: block;
    background: url(../img/shadow-gallery.png) no-repeat center center;
    background-size: 710px auto;
    z-index: 1; }
  .gallery .mask {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 473px;
    display: block;
    z-index: 3; }
    .gallery .mask .col1,
    .gallery .mask .col2 {
      position: absolute;
      top: 0px;
      height: 100%;
      width: 50%; }
      .gallery .mask .col1 .galleryPrev,
      .gallery .mask .col1 .galleryNext,
      .gallery .mask .col2 .galleryPrev,
      .gallery .mask .col2 .galleryNext {
        position: absolute;
        top: 0px;
        height: 100%;
        width: 50px;
        z-index: 10;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }
      .gallery .mask .col1 .letterboxWrap,
      .gallery .mask .col2 .letterboxWrap {
        position: relative;
        height: 473px; }
      .gallery .mask .col1 .letterboxTop,
      .gallery .mask .col1 .letterboxBottom,
      .gallery .mask .col2 .letterboxTop,
      .gallery .mask .col2 .letterboxBottom {
        background-color: #fff;
        width: 100%;
        height: 60px;
        position: absolute; }
      .gallery .mask .col1 .letterboxTop,
      .gallery .mask .col2 .letterboxTop {
        top: 0px; }
      .gallery .mask .col1 .letterboxBottom,
      .gallery .mask .col2 .letterboxBottom {
        bottom: 0px; }
    .gallery .mask .col1 {
      left: 0px;
      padding-right: 355px; }
      .gallery .mask .col1 .letterboxWrap {
        background: url(../img/mask-galleryLeft.png) repeat-y right top; }
      .gallery .mask .col1 .galleryPrev {
        right: 0px;
        background: url(../img/icn-gallery-prev.png) no-repeat center center; }
      .gallery .mask .col1 .letterboxTop,
      .gallery .mask .col1 .letterboxBottom {
        left: 0px; }
    .gallery .mask .col2 {
      right: 0px;
      padding-left: 355px; }
      .gallery .mask .col2 .letterboxWrap {
        background: url(../img/mask-galleryRight.png) repeat-y left top; }
      .gallery .mask .col2 .galleryNext {
        left: 0px;
        background: url(../img/icn-gallery-next.png) no-repeat center center; }
      .gallery .mask .col2 .letterboxTop,
      .gallery .mask .col2 .letterboxBottom {
        right: 0px; }
      .gallery .mask .col2 .icn-fullscreen {
        position: absolute;
        left: -50px;
        bottom: 25px;
        z-index: 4;
        cursor: pointer; }

/* ---------------------------------------------- FOOTER */
#CTAbig {
  background-size: cover;
  -ms-behavior: url(../backgroundsize.min.htc);
  background-repeat: no-repeat;
  background-position: center center;
  text-align: center; }
  #CTAbig .wrapper {
    max-width: 850px;
    padding: 120px 20px;
    color: #fff; }
  #CTAbig p {
    font-size: 36px;
    line-height: 58.32px;
    margin-bottom: 50px; }
  #CTAbig a {
    border: 0px;
    background-color: #3697d5;
    color: #fff;
    font-size: 14px;
    padding-top: 23px;
    padding-bottom: 23px;
    font-family: 'avenir-bold';
    font-weight: normal;
    font-style: normal; }
    #CTAbig a:hover {
      background-color: #fff;
      color: #3697d5; }

footer .wrapper {
  max-width: 1240px;
  position: relative;
  margin: 75px auto 40px;
  padding: 0 270px;
  padding-left: 320px; }
  footer .wrapper .left,
  footer .wrapper .right {
    float: none;
    width: 230px;
    position: absolute;
    top: 0px; }
  footer .wrapper .left {
    left: 20px; }
    footer .wrapper .left .icn-logo {
      margin-bottom: 30px; }
    footer .wrapper .left p {
      margin: 0px;
      font-size: 11px;
      color: #373737; }
      footer .wrapper .left p a {
        font-family: 'avenir-bold';
        font-weight: normal;
        font-style: normal;
        -webkit-transition: color 0.2s ease-in-out;
        -moz-transition: color 0.2s ease-in-out;
        -ms-transition: color 0.2s ease-in-out;
        -o-transition: color 0.2s ease-in-out;
        transition: color 0.2s ease-in-out;
        color: #373737; }
        footer .wrapper .left p a:hover {
          color: #3697d5; }
      footer .wrapper .left p.humaan, footer .wrapper .left p.humaan a {
        color: #959595; }
      footer .wrapper .left p.humaan a {
        -webkit-transition: color 0.2s ease-in-out;
        -moz-transition: color 0.2s ease-in-out;
        -ms-transition: color 0.2s ease-in-out;
        -o-transition: color 0.2s ease-in-out;
        transition: color 0.2s ease-in-out; }
        footer .wrapper .left p.humaan a:hover {
          color: #3697d5; }
  footer .wrapper .right {
    width: 250px;
    right: 20px; }
    footer .wrapper .right .btn {
      font-family: 'avenir-reg';
      font-weight: normal;
      font-style: normal;
      font-size: 16px;
      text-align: left;
      padding: 0 20px;
      display: block;
      background-color: #3697d5;
      border: 0px;
      color: #fff;
      margin-bottom: 50px;
      position: relative;
      line-height: 48px;
      -webkit-transition: background-color 0.2s ease-in-out;
      -moz-transition: background-color 0.2s ease-in-out;
      -ms-transition: background-color 0.2s ease-in-out;
      -o-transition: background-color 0.2s ease-in-out;
      transition: background-color 0.2s ease-in-out; }
      footer .wrapper .right .btn:hover {
        background-color: #4ba2d9; }
      footer .wrapper .right .btn .icn-comments {
        position: absolute;
        right: 12px;
        top: 17px; }
    footer .wrapper .right .social {
      width: 100%; }
      footer .wrapper .right .social li {
        margin-left: 24px; }
      footer .wrapper .right .social li.title {
        color: #828282;
        font-size: 14px;
        margin-left: 0px; }
  footer .wrapper ul {
    list-style: none;
    padding: 0px;
    margin-bottom: 0px;
    width: 33%;
    float: left;
    display: block; }
    footer .wrapper ul li {
      margin: 0px;
      padding: 0px; }
    footer .wrapper ul li {
      width: 100%;
      display: block;
      margin-bottom: 15px; }
    footer .wrapper ul a {
      font-size: 15px;
      color: #373737;
      -webkit-transition: color 0.2s ease-in-out;
      -moz-transition: color 0.2s ease-in-out;
      -ms-transition: color 0.2s ease-in-out;
      -o-transition: color 0.2s ease-in-out;
      transition: color 0.2s ease-in-out; }
      footer .wrapper ul a:hover {
        color: #3697d5; }
  footer .wrapper .social {
    list-style: none;
    padding: 0px;
    margin-bottom: 0px; }
    footer .wrapper .social li {
      margin: 0px;
      padding: 0px; }
    footer .wrapper .social li {
      width: auto;
      margin-bottom: 0px;
      float: left; }

#bigFeatureWrap.features {
  margin-top: 0px;
  padding: 0px 20px;
  max-width: 1210px;
  margin: 0 auto; }

.features {
  list-style: none;
  padding: 0px;
  text-align: center;
  margin: 80px 0;
  margin-bottom: 0px;
  display: block;
  position: relative; }
  .features li {
    margin: 0px;
    padding: 0px; }
  .features li {
    display: inline-block;
    /* 		width: 200px; */
    margin: 0px 40px;
    margin-bottom: 40px;
    vertical-align: top;
    font-size: 16px;
    line-height: 22px;
    padding-top: 100px;
    position: relative;
    width: 305px; }
    .features li.responsiveSliderPager {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 100px;
      margin: 0px;
      z-index: 1111;
      background-color: #fff;
      text-align: center;
      padding-top: 30px; }
      .features li.responsiveSliderPager span {
        display: inline-block;
        margin: 0 10px; }
    .features li.cycle-prev, .features li.cycle-next {
      display: none !important;
      padding: 0px;
      height: 40px;
      width: 40px;
      position: absolute;
      top: 33px;
      z-index: 1112;
      cursor: pointer;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
    .features li.cycle-prev {
      left: 0px; }
    .features li.cycle-next {
      right: 0px; }
    .features li .icnHolder {
      position: absolute;
      top: 0px;
      height: 80px;
      width: 100%; }
    .features li i {
      margin: 0 auto;
      margin-top: 20px; }
    .features li.last i {
      margin-top: 0px; }
    .features li .title {
      font-family: 'avenir-bold';
      font-weight: normal;
      font-style: normal;
      margin-bottom: 25px;
      text-transform: uppercase;
      color: #3b587a;
      margin-bottom: 15px;
      font-size: 16px !important;
      line-height: 25.92px !important; }

.formWrap {
  margin: 0 auto;
  position: relative;
  top: -75px;
  padding: 20px;
  z-index: 10; }
  .formWrap form {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 18px black;
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.2);
    z-index: 1;
    padding: 50px; }
    .formWrap form .field {
      z-index: 11; }
    .formWrap form button {
      margin-bottom: 20px;
      font-size: 16px; }
    .formWrap form a {
      text-decoration: underline; }
  .formWrap .mask {
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-image: url(../img/mask-login.png);
    background-repeat: repeat-x;
    background-position: bottom center;
    width: 100%;
    height: 228px;
    z-index: 2; }

#login {
  max-width: 490px; }

#signup {
  max-width: 900px;
  top: -40px;
  z-index: 2;
  min-height: 630px; }
  #signup form {
    margin-right: 370px;
    padding: 0px;
    padding-bottom: 50px; }
    #signup form .padding {
      padding: 50px;
      padding-bottom: 0px; }
    #signup form .cc-details {
      margin-top: 30px;
      background-color: #eaf3f7; }
      #signup form .cc-details .padding {
        padding-bottom: 50px; }
      #signup form .cc-details .col1,
      #signup form .cc-details .col2 {
        width: 50%;
        float: left; }
      #signup form .cc-details .col1 {
        padding-right: 5px; }
      #signup form .cc-details .col2 {
        padding-left: 5px; }
      #signup form .cc-details .clearfix {
        margin-bottom: 20px; }
      #signup form .cc-details p.fineprint {
        margin-bottom: 40px; }
      #signup form .cc-details .icn-creditCard {
        position: relative;
        top: -7px; }
      #signup form .cc-details .with-cc-label label.error {
        top: -35px; }
    #signup form .payment-errors {
      color: red; }
    #signup form .submission-loader {
      display: none;
      height: 36px;
      background: url(../img/ajax-loader.gif) top center no-repeat transparent; }
  #signup #signupInfo {
    padding-top: 85px;
    width: 370px;
    position: absolute;
    right: 20px;
    top: 0px;
    z-index: 20;
    font-size: 14px;
    line-height: 22.68px; }
    #signup #signupInfo p {
      padding-left: 50px; }
    #signup #signupInfo p.textBig {
      font-size: 16px;
      line-height: 25.92px; }
    #signup #signupInfo .divider {
      width: 100%;
      height: 1px;
      display: block;
      background-color: #e6e9ed;
      margin-top: 30px;
      margin-bottom: 30px; }
    #signup #signupInfo p.price {
      font-family: 'avenir-bold';
      font-weight: normal;
      font-style: normal;
      text-transform: uppercase;
      font-size: 36px;
      white-space: nowrap;
      display: block;
      width: auto;
      position: relative;
      margin-bottom: 10px; }
      #signup #signupInfo p.price span {
        line-height: 1em;
        padding-bottom: 3px;
        display: inline-block;
        position: relative;
        top: -15px;
        font-size: 14px;
        border-bottom: 2px solid #f7941e; }
  #signup select {
    margin-bottom: 20px; }

/* ---------------------------------------------- BUTTONS */
.btn {
  font-family: 'avenir-bold';
  font-weight: normal;
  font-style: normal;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  width: auto;
  text-align: center;
  text-transform: none;
  color: #555555;
  border: 2px solid #d4d4d4;
  line-height: 1em;
  padding: 21px 80px;
  white-space: nowrap;
  display: inline-block; }
  .btn:hover {
    color: #555555;
    background-color: #d4d4d4; }
  .btn.blue {
    border: 0px;
    padding-top: 23px;
    padding-bottom: 23px;
    background-color: #2884ae;
    color: #fff; }
    .btn.blue:hover {
      background-color: #4dabd6; }
  .btn.grey {
    border: 0px;
    padding-top: 23px;
    padding-bottom: 23px;
    background-color: #2b2b2b;
    color: #fff; }
    .btn.grey:hover {
      background-color: #515151; }

.formWrap form a.btn {
  display: block;
  text-decoration: none;
  margin-bottom: 20px; }

.btn.price {
  font-family: 'avenir-bold';
  font-weight: normal;
  font-style: normal;
  border: 1px solid #fff;
  font-size: 1px;
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 56px;
  white-space: nowrap;
  display: inline-block;
  padding: 0px;
  width: auto; }
  .btn.price:hover .right {
    background-color: #fff;
    color: #008e82; }
  .btn.price .left,
  .btn.price .right {
    padding: 0 30px;
    position: relative;
    margin: 1px; }
  .btn.price .left {
    font-size: 25px;
    background-color: #fff;
    border-radius: 1px;
    color: #008e82;
    padding-right: 110px; }
    .btn.price .left span {
      line-height: 1em;
      padding-bottom: 3px;
      position: absolute;
      top: 18px;
      right: 25px;
      font-size: 12px;
      border-bottom: 2px solid #008e82; }
  .btn.price .right {
    border-left: 1px solid #fff;
    margin-left: 0px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }

button.btn {
  font-size: 14px;
  display: block;
  width: 100%; }

.responsiveSliderPager {
  display: none !important; }

#scrim {
  display: none;
  cursor: pointer;
  position: absolute;
  left: 0px;
  top: 0px;
  position: fixed;
  width: 100%;
  height: 100%;
  background: url(../img/pixel-scrim.png) repeat center center;
  z-index: 9998; }

.modal {
  display: none;
  position: fixed;
  top: 5%;
  left: 0px;
  z-index: 9999;
  background-color: #fff;
  width: 510px;
  height: 90%;
  margin: 0 auto;
  border-radius: 5px; }
  .modal .close {
    position: absolute;
    right: -20px;
    top: -25px;
    cursor: pointer; }
  .modal .overflow-y {
    overflow-y: scroll;
    display: block;
    height: 100%; }
  .modal .intro {
    border-bottom: 1px solid #e2e7ec;
    text-align: center;
    font-size: 16px;
    line-height: 25.92px; }
    .modal .intro p {
      margin-bottom: 0px; }
    .modal .intro .title {
      font-size: 16px;
      line-height: 25.92px;
      color: #3697d5;
      margin-bottom: 20px; }
  .modal .padding {
    padding: 50px; }
  .modal .fineprint {
    text-align: center;
    width: 100%;
    display: block;
    text-decoration: underline;
    padding-top: 10px; }
  .modal .details {
    border-bottom: 1px solid #e2e7ec;
    font-size: 16px;
    line-height: 25.92px; }
    .modal .details p:last-child {
      margin: 0px; }
    .modal .details strong {
      width: 100px;
      display: inline-block; }
  .modal.active {
    display: block; }
  .modal#loginModal {
    height: 412px;
    top: 50%;
    margin-top: -206px; }

.imageWrap .img {
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
  /* IE8 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
  /* IE6 & 7 */
  zoom: 1; }

.notification.success {
  background-color: #e5f6e1;
  font-size: 16px;
  line-height: 25.92px;
  color: #77be65;
  text-align: center;
  padding: 15px 20px;
  border: 1px solid #77be65;
  border-radius: 3px; }

.copy {
  font-size: .8em;
  position: relative;
  top: -5px; }

strong.label {
  width: 250px;
  display: inline-block; }

/*---------------------------------------------- ADDITIONAL IMPORTS (IF REQUIRED) – SHOULD BE LOADED LAST */
@media only screen and (max-width: 1550px) {
  .features li {
    width: 195px; }

  #bigFeatureWrap.features li {
    width: 300px; } }
/* #Tablet (Portrait)
================================================== */
@media only screen and (max-width: 1240px) {
  #bottomBar .wrapper {
    max-width: 1200;
    padding: 0 20px; }

  #bottomBar nav {
    right: 20px; }

  #featureBox #featureWrap .left p,
  #featureBox #featureWrap .right p {
    display: none; } }
@media only screen and (max-width: 1150px) {
  footer .wrapper {
    padding-left: 280px; }
    footer .wrapper .col1,
    footer .wrapper .col2 {
      width: 40%; }
    footer .wrapper .col3 {
      width: 20%; }

  .features li {
    width: 300px; } }
@media only screen and (max-width: 1024px) {
  #featureSlider .title {
    padding-top: 20px; }
  #featureSlider .cycle-slideshow p.title .prev,
  #featureSlider .cycle-slideshow p.title .next {
    top: -0px;
    left: 0px; }
  #featureSlider .cycle-slideshow p.title .next {
    left: 70px; }

  #featureBox #featureWrap .left .shadow,
  #featureBox #featureWrap .right .shadow {
    display: none; } }
@media only screen and (max-width: 960px) {
  #bottomBar nav li {
    margin-left: 30px; }

  #bottomBar nav li a {
    font-size: 16px; }

  footer .wrapper .col2 {
    display: none; }

  footer .wrapper .col1 {
    width: 60%; }

  footer .wrapper .col3 {
    width: 40%; }

  #contact .col1 {
    padding-right: 20px;
    width: 45%; }

  #contact .col2 {
    padding-left: 20px;
    width: 55%; }

  #buyBoat #results li {
    width: 50%; } }
/* #Mobile (Landscape)
================================================== */
@media only screen and (max-width: 767px) {
  .mobOpen .container {
    left: -260px; }

  .mobOpen #mobNav {
    display: block;
    right: 0px; }

  #hero {
    margin-top: 127px; }

  .hide-tab {
    display: none !important; }

  .colCount2 .col1,
  .colCount2 .col2 {
    width: auto;
    float: none; }

  /* ---------------------------------------------- HOMEPAGE */
  header {
    height: 127px; }
    header #bottomBar .wrapper {
      padding: 0px; }
    header #topBar,
    header #bottomBar nav {
      display: none; }
    header #bottomBar {
      padding: 15px 20px;
      top: 0px;
      background-color: #fff; }
    header #hamburger {
      display: block; }
    header #mobBar {
      display: block; }

  #searchBar {
    display: none; }

  h2.title {
    font-size: 24px;
    line-height: 38.88px;
    margin-bottom: 50px; }

  #softwareShowcase h2 {
    font-size: 24px;
    line-height: 38.88px; }

  #hero.inner {
    padding-top: 150px;
    padding-bottom: 50px; }

  #hero.inner.spotlight {
    margin-bottom: 40px; }

  #hero .slide {
    height: 400px !important; }

  #hero .slide .slideBox {
    bottom: 55px; }

  #hero.inner h1,
  #hero .slide .slideBox h1 {
    font-size: 28px;
    line-height: 45.36px;
    margin-bottom: 20px; }

  #hero.inner p,
  #hero .slide .slideBox p {
    font-size: 18px;
    line-height: 29.16px; }

  /* 	#hero.inner { margin-bottom: 40px!important; } */
  #hero.inner #spotlightBig {
    height: auto; }

  #hero.inner #spotlightBig img {
    position: static; }

  #heroPager {
    height: 40px; }
    #heroPager article {
      padding-top: 10px;
      font-size: 14px; }

  #heroPager article.cycle-pager-active:after {
    border-width: 6px;
    margin-left: -6px; }

  #heroPager .extra {
    display: none; }

  .features {
    margin: 0px;
    margin-top: 20px; }
    .features li {
      padding-top: 0px;
      width: 100%;
      margin: 0px auto;
      padding: 110px 20px 40px; }
      .features li i {
        margin-top: 0px; }
      .features li p {
        width: 80%;
        margin: 0 auto; }
      .features li .icnHolder {
        display: none; }

  #softwareShowcase .spotlight img {
    top: 0px; }

  #bigFeatureWrap.features li {
    width: 100%; }

  #bigFeatureWrap.features li.cycle-slide-active {
    padding-top: 170px; }

  #bigFeatureWrap.features li.responsiveSliderPager {
    height: 170px; }

  #bigFeatureWrap.features li.cycle-prev,
  #bigFeatureWrap.features li.cycle-next {
    width: 40px; }

  #stepGuide {
    padding-bottom: 0px; }

  #stepGuide h2 {
    margin-bottom: 40px; }

  #stepGuide ul li {
    margin-bottom: 20px; }

  #stepGuide ul li .icn-nextStep {
    display: none; }

  #stepGuide .buttonBar a {
    display: block;
    margin: 0px;
    margin-bottom: 20px; }

  #featureBox {
    padding-top: 45px; }

  #featureBox .btn {
    margin: 0 20px; }

  #featureBox #featureWrap .left, #featureBox #featureWrap .right {
    margin-left: 0px;
    margin-right: 0px; }

  #testimonialBox ul li {
    padding: 0px;
    text-align: center;
    display: none; }
    #testimonialBox ul li:first-child {
      display: inline-block; }
    #testimonialBox ul li img {
      position: static;
      margin: 0 auto;
      margin-bottom: 30px;
      display: block; }

  #content .wrapper {
    padding-top: 40px;
    padding-bottom: 40px; }

  #content .intro {
    font-size: 16px;
    line-height: 25.92px; }

  footer .wrapper {
    padding: 0px;
    margin: 0px;
    position: relative;
    padding: 190px 0; }
    footer .wrapper .left,
    footer .wrapper .right {
      left: 0px;
      width: 100%;
      height: auto;
      padding: 20px; }
    footer .wrapper .left {
      bottom: 0px;
      top: auto;
      text-align: center; }
      footer .wrapper .left .icn-logo {
        margin: 0 auto;
        margin-bottom: 25px; }
    footer .wrapper .right {
      top: 25px;
      bottom: auto; }
      footer .wrapper .right .btn {
        margin-bottom: 30px; }
      footer .wrapper .right .social li {
        float: right; }
        footer .wrapper .right .social li.title {
          float: left; }
    footer .wrapper .col1,
    footer .wrapper .col2 {
      display: none; }
    footer .wrapper .col3 {
      width: 100%;
      display: block;
      border-top: 1px solid #d4d4d4; }
      footer .wrapper .col3 li {
        float: left;
        width: 25%;
        text-align: center;
        white-space: nowrap;
        margin: 0px; }
        footer .wrapper .col3 li a {
          display: block;
          line-height: 90px; }

  #CTAbig .wrapper {
    padding: 80px 20px; }

  #CTAbig p {
    font-size: 28px;
    line-height: 45.36px; }

  .btn {
    display: block;
    padding: 20px 20px; }

  .btn.price {
    font-size: 12px;
    line-height: 45px; }

  .btn.price .left, .btn.price .right {
    padding: 0 15px; }

  .btn.price .left {
    font-size: 18px;
    padding-right: 80px; }

  .btn.price .left span {
    font-size: 9px;
    right: 15px; }

  .responsiveSliderPager {
    display: block !important; }

  .features li.cycle-prev,
  .features li.cycle-next {
    display: block !important; }

  #featureSlider .cycle-slideshow {
    min-height: 0px; }

  #featureSlider .cycle-slideshow .slide {
    padding: 50px; }

  #featureSlider #featurePager {
    position: absolute;
    left: 0px;
    top: -100px;
    width: 100%;
    display: block;
    padding: 10px 40px;
    background: transparent; }
    #featureSlider #featurePager p.title {
      padding-left: 0px;
      margin-bottom: 0px; }
    #featureSlider #featurePager ul {
      position: relative;
      z-index: 1111;
      width: 100%;
      display: block; }
      #featureSlider #featurePager ul li {
        display: none;
        background-color: #fff;
        margin: 0px;
        width: 100%;
        border: 1px solid #e6e6e6;
        border-top: 0px; }
        #featureSlider #featurePager ul li:hover {
          background-color: #fafafa; }
        #featureSlider #featurePager ul li.cycle-pager-active {
          position: absolute;
          top: 0px;
          left: 0px;
          z-index: 1112;
          display: block;
          border-bottom: 0px; }
          #featureSlider #featurePager ul li.cycle-pager-active:hover {
            background-color: #f7941e; }
          #featureSlider #featurePager ul li.cycle-pager-active:after {
            top: 45px;
            right: 15px;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: rgba(255, 255, 255, 0);
            border-top-color: #ffffff;
            border-width: 6px;
            margin-left: -6px;
            z-index: 1113;
            left: auto; }
      #featureSlider #featurePager ul.hover {
        border-top: 1px solid #e6e6e6; }
      #featureSlider #featurePager ul.hover li {
        display: block; }
      #featureSlider #featurePager ul.hover li.cycle-pager-active {
        position: static; }
        #featureSlider #featurePager ul.hover li.cycle-pager-active:after {
          display: none; }

  #featureSlider .cycle-slideshow {
    margin-left: 0px;
    position: static;
    margin-top: 100px; }

  #contact .wrapper {
    padding: 40px 20px; }
    #contact .wrapper .col1,
    #contact .wrapper .col2 {
      width: auto;
      padding: 0px;
      border: 0px; }
    #contact .wrapper .col1 {
      margin-bottom: 50px; }

  #usageGuide {
    padding-top: 40px; }

  #usageGuide .col1 {
    padding: 0px;
    font-size: 16px;
    line-height: 25.92px; }

  #usageGuide .col1 .title {
    font-size: 14px;
    line-height: 22.68px; }

  #buyBoat #results li {
    width: 100%; }

  .paginationBar {
    position: relative; }

  .paginationBar li.prev,
  .paginationBar li.next {
    position: absolute;
    top: 0px;
    height: 100%;
    width: 50px; }
    .paginationBar li.prev a,
    .paginationBar li.next a {
      height: 100%;
      width: 50px;
      border: 0px;
      padding: 0px;
      margin: 0px;
      position: static; }

  .paginationBar li.prev {
    left: 0px;
    border-right: 1px solid #eaeef0; }

  .paginationBar li.next {
    right: 0px;
    border-left: 1px solid #eaeef0; }

  #buyBoat #resultsBar .col1 {
    border-bottom: 1px solid #eaeef0 !important; }
    #buyBoat #resultsBar .col1 i {
      margin-right: 16px; }
  #buyBoat #resultsBar .col1,
  #buyBoat #resultsBar .col2 {
    width: 100%;
    border: 0px;
    float: none;
    text-align: left; }

  .filterBar .col1,
  .filterBar .col2,
  .filterBar .col3 {
    width: 100%;
    padding: 0px;
    margin-bottom: 20px; }
  .filterBar .col1 .field.right,
  .filterBar .col2 .field.right {
    right: 0px; }
  .filterBar .col3 {
    margin-bottom: 0px; }

  #boatDetails .colCount2 .col1 {
    margin-bottom: 50px; }
  #boatDetails .colCount2 .col1,
  #boatDetails .colCount2 .col2 {
    float: none;
    width: auto; }

  #boatDetails ul.specs li .title {
    height: 100%;
    display: block;
    margin-bottom: 5px; }

  .gallery {
    width: 100%;
    height: auto;
    padding-bottom: 0px;
    margin-bottom: 40px; }
    .gallery .shadow {
      display: none; }
    .gallery .mask {
      height: 100%;
      z-index: 1000; }
    .gallery .mask .col1,
    .gallery .mask .col2 {
      padding: 0px; }
      .gallery .mask .col1 .letterboxWrap,
      .gallery .mask .col2 .letterboxWrap {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        background: transparent; }
      .gallery .mask .col1 .letterboxTop,
      .gallery .mask .col1 .letterboxBottom,
      .gallery .mask .col2 .letterboxTop,
      .gallery .mask .col2 .letterboxBottom {
        display: none; }
      .gallery .mask .col1 .galleryPrev,
      .gallery .mask .col2 .galleryPrev {
        right: auto;
        left: 0px; }
      .gallery .mask .col1 .galleryNext,
      .gallery .mask .col2 .galleryNext {
        right: 0px;
        left: auto; }
    .gallery img {
      width: 100%;
      height: auto; }

  #signup form {
    margin-right: 0px; }

  #signup #signupInfo {
    position: static;
    width: auto;
    margin-bottom: 60px; }
    #signup #signupInfo p {
      padding-left: 0px; }

  .modal {
    width: 440px; }
    .modal .padding {
      padding: 30px; }
    .modal .colCount2.offsetRight .col1,
    .modal .colCount2.offsetRight .col2 {
      width: auto;
      padding: 0px; } }
@media only screen and (max-width: 580px) {
  #featureBox #featureWrap .left, #featureBox #featureWrap .right {
    display: block;
    width: 65%;
    margin: 0px;
    margin-top: 25px; }

  #featureBox #featureWrap .left img, #featureBox #featureWrap .right img {
    width: 100%; }

  #featureBox #featureWrap .mask {
    display: none; }

  #featureBox #featureWrap .main .mask {
    display: block; }

  #featureBox #featureWrap .left, #featureBox #featureWrap .right {
    width: 65%; } }
/*  #Mobile (Portrait)
================================================== */
@media only screen and (max-width: 480px) {
  h2.title {
    font-size: 20px;
    line-height: 32.4px; }

  input, textarea {
    padding: 10px; }

  textarea {
    height: 120px;
    min-height: 120px;
    max-height: 120px; }

  label.error {
    position: static;
    display: block;
    margin-bottom: 10px;
    position: relative;
    top: -10px; }

  #hero.inner {
    padding-top: 50px;
    padding-bottom: 30px; }

  #hero.inner h1,
  #hero .slide .slideBox h1 {
    font-size: 22px;
    line-height: 35.64px;
    margin-bottom: 15px; }

  #hero.inner p,
  #hero .slide .slideBox p {
    font-size: 14px;
    line-height: 22.68px;
    margin-bottom: 25px; }

  #hero.inner #spotlightBig {
    height: auto;
    top: 0px; }

  #hero.inner.formHeight {
    padding-bottom: 85px; }

  #softwareShowcase h2 {
    font-size: 20px;
    line-height: 32.4px; }

  #softwareShowcase .spotlight img {
    padding: 0px;
    display: none; }
    #softwareShowcase .spotlight img.mob {
      display: block;
      width: 100%;
      height: auto;
      top: 25px; }

  .features {
    margin-top: 20px;
    margin-bottom: 0px; }

  #stepGuide {
    padding-top: 40px; }

  #stepGuide .wrapper {
    padding-bottom: 35px; }

  #stepGuide ul .title {
    margin-bottom: 20px; }

  #stepGuide ul li {
    margin: 0px 40px 15px;
    width: auto; }

  #stepGuide .buttonBar {
    padding: 0px 20px; }

  #stepGuide .buttonBar a {
    margin-bottom: 10px; }

  #featureBox {
    padding-bottom: 60px; }

  #featureBox #featureWrap .main p {
    font-size: 18px;
    line-height: 29.16px;
    padding: 0 20px;
    bottom: -130px; }

  #featureBox #featureWrap .main .mask {
    bottom: -40px; }

  #featureBox #featureWrap .left, #featureBox #featureWrap .right {
    width: 55%; }

  #testimonialBox {
    padding-top: 60px; }

  #testimonialBox h2 {
    padding: 0px; }

  #testimonialBox img {
    width: 100px; }

  #contact .col2 {
    position: relative; }
    #contact .col2 .title {
      margin-bottom: 100px; }
  #contact #contactPager {
    position: absolute;
    top: 50px;
    left: 0px;
    z-index: 1112;
    height: auto;
    width: 100%;
    margin-bottom: 40px; }
    #contact #contactPager .icn {
      background: transparent;
      position: static; }
      #contact #contactPager .icn:hover {
        opacity: 1; }
    #contact #contactPager span {
      width: auto;
      height: auto;
      display: none; }
      #contact #contactPager span.cycle-pager-active {
        display: block;
        background-color: #f7941e;
        color: #fff;
        padding: 10px 15px;
        position: relative;
        top: 0px;
        left: 0px; }
        #contact #contactPager span.cycle-pager-active:after {
          top: 20px;
          right: 15px;
          border: solid transparent;
          content: " ";
          height: 0;
          width: 0;
          position: absolute;
          pointer-events: none;
          border-color: rgba(255, 255, 255, 0);
          border-top-color: #ffffff;
          border-width: 6px;
          margin-left: -6px;
          z-index: 1113;
          left: auto; }
      #contact #contactPager span span {
        display: block; }
    #contact #contactPager:hover {
      border-top: 1px solid #e6e6e6; }
      #contact #contactPager:hover span {
        display: block;
        background-color: #fff;
        border: 1px solid #e6e6e6;
        border-top: 0px;
        margin: 0px; }
        #contact #contactPager:hover span:hover {
          background-color: #f7f7f7; }
        #contact #contactPager:hover span span {
          padding: 10px 15px;
          border: 0px; }
        #contact #contactPager:hover span.cycle-pager-active {
          position: static;
          background-color: #f7941e; }
          #contact #contactPager:hover span.cycle-pager-active span {
            background-color: transparent;
            padding: 0px; }
          #contact #contactPager:hover span.cycle-pager-active:after {
            display: none; }
  #contact .mapInfo p {
    margin-bottom: 20px; }
  #contact .mapInfo p strong {
    display: block; }

  #content {
    font-size: 14px;
    line-height: 22.68px; }
    #content p.title {
      font-size: 16px;
      line-height: 25.92px; }

  .formWrap form {
    padding: 30px;
    padding-bottom: 0px; }

  #loginModal .fineprint,
  #login .fineprint {
    margin-bottom: 0px; }

  #loginModal .fineprint a,
  #login .fineprint a {
    text-align: center;
    display: block;
    float: none;
    width: auto;
    margin-bottom: 10px; }

  #buyBoat #results li .overlay {
    padding: 0 20px; }

  #buyBoat #results li .overlay .text {
    font-size: 12px;
    line-height: 19.44px; }

  #buyBoat #results li p.small,
  #buyBoat #results li p {
    font-size: 12px;
    line-height: 19.44px; }

  .paginationBar li a {
    font-size: 13px; }

  #boatDetails h1 {
    font-size: 24px;
    line-height: 38.88px; }

  #boatDetails .narrow {
    padding-bottom: 40px; }
    #boatDetails .narrow p {
      font-size: 14px;
      line-height: 22.68px; }

  #boatDetails .colCount2 {
    padding-bottom: 50px; }

  #boatDetails ul.meta {
    padding-bottom: 40px;
    margin-bottom: 40px; }
    #boatDetails ul.meta li {
      width: 100%;
      padding: 5px 0px;
      font-size: 14px;
      line-height: 22.68px; }

  #usageGuide .col2 .right {
    width: 100%; }

  #CTAbig .wrapper {
    padding: 40px 20px; }

  #CTAbig p {
    font-size: 18px;
    line-height: 29.16px;
    margin-bottom: 20px; }

  .modal {
    width: 280px; }
    .modal .padding {
      padding: 20px; }
    .modal .intro,
    .modal .intro .title,
    .modal label {
      font-size: 14px;
      line-height: 22.68px; }

  .btn.price .left {
    padding-right: 15px;
    width: 100%; }
    .btn.price .left span {
      position: relative;
      top: -5px;
      right: 0px; }

  .btn.price .right {
    width: 100%; } }
/* Spritesheet */
.icn {
  display: block;
  background-image: url("../img/sprites.png");
  background-repeat: no-repeat; }

.icn span {
  display: none; }

#bottomBar .icn-logo {
  background-position: 0 0;
  width: 190px;
  height: 58px; }

/*
@media only screen and (min-width: 767px) {
	.dark #bottomBar .icn-logo { @include icn(0,-256px,190px,58px); }
}
*/
#bottomBar li.active i {
  background-position: 0px -192px;
  width: 52px;
  height: 52px; }

.searchBtn .icn-search {
  background-position: -256px 0;
  width: 12px;
  height: 12px; }

#resultsBar .icn-search {
  background-position: -256px -256px;
  width: 11px;
  height: 12px; }

#resultsBar .icn-grid {
  background-position: -256px -320px;
  width: 10px;
  height: 11px; }

.icn-creditCard {
  background-position: 0px -384px;
  width: 160px;
  height: 33px; }

.icn-info {
  background-position: -256px -384px;
  width: 17px;
  height: 17px; }

.icn-fullscreen {
  background-position: -256px -448px;
  width: 26px;
  height: 26px; }

.icn-spotlight-flexibility {
  background-position: -384px 0;
  width: 48px;
  height: 48px; }

.icn-spotlight-booking {
  background-position: -384px -64px;
  width: 48px;
  height: 48px; }

.icn-spotlight-protection {
  background-position: -384px -128px;
  width: 48px;
  height: 48px; }

.icn-spotlight-independence {
  background-position: -384px -192px;
  width: 76px;
  height: 78px; }

.icn-spotlight-usage {
  background-position: -576px -128px;
  width: 51px;
  height: 68px; }

.icn-spotlight-purchaseCost {
  background-position: -576px -256px;
  width: 67px;
  height: 65px; }

.icn-spotlight-ongoingCost {
  background-position: -576px -369px;
  width: 65px;
  height: 77px; }

.icn-spotlight-liquidity {
  background-position: -576px -512px;
  width: 65px;
  height: 65px; }

.icn-spotlight-reducedResponsibility {
  background-position: -636px -512px;
  width: 65px;
  height: 65px; }

.responsiveSliderPager .icn-spotlight-flexibility {
  background-position: -384px -319px;
  width: 39px;
  height: 40px; }
.responsiveSliderPager .icn-spotlight-booking {
  background-position: -383px -383px;
  width: 40px;
  height: 40px; }
.responsiveSliderPager .icn-spotlight-protection {
  background-position: -383px -448px;
  width: 35px;
  height: 39px; }
.responsiveSliderPager .icn-spotlight-independence {
  background-position: -384px -512px;
  width: 42px;
  height: 44px; }
.responsiveSliderPager .icn-spotlight-usage {
  background-position: -704px -128px;
  width: 35px;
  height: 46px; }
.responsiveSliderPager .icn-spotlight-purchaseCost {
  background-position: -704px -192px;
  width: 45px;
  height: 44px; }
.responsiveSliderPager .icn-spotlight-ongoingCost {
  background-position: -704px -256px;
  width: 44px;
  height: 42px; }
.responsiveSliderPager .icn-spotlight-liquidity {
  background-position: -704px -320px;
  width: 44px;
  height: 44px; }
.responsiveSliderPager .icn-spotlight-reducedResponsibility {
  background-position: -704px -384px;
  width: 46px;
  height: 46px; }
.responsiveSliderPager .cycle-pager-active .icn-spotlight-flexibility {
  background-position: -448px -319px;
  width: 39px;
  height: 40px; }
.responsiveSliderPager .cycle-pager-active .icn-spotlight-booking {
  background-position: -447px -383px;
  width: 40px;
  height: 40px; }
.responsiveSliderPager .cycle-pager-active .icn-spotlight-protection {
  background-position: -447px -448px;
  width: 35px;
  height: 39px; }
.responsiveSliderPager .cycle-pager-active .icn-spotlight-independence {
  background-position: -448px -512px;
  width: 42px;
  height: 44px; }
.responsiveSliderPager .cycle-pager-active .icn-spotlight-usage {
  background-position: -768px -128px;
  width: 35px;
  height: 46px; }
.responsiveSliderPager .cycle-pager-active .icn-spotlight-purchaseCost {
  background-position: -768px -192px;
  width: 45px;
  height: 44px; }
.responsiveSliderPager .cycle-pager-active .icn-spotlight-ongoingCost {
  background-position: -768px -256px;
  width: 44px;
  height: 42px; }
.responsiveSliderPager .cycle-pager-active .icn-spotlight-liquidity {
  background-position: -768px -320px;
  width: 44px;
  height: 44px; }
.responsiveSliderPager .cycle-pager-active .icn-spotlight-reducedResponsibility {
  background-position: -768px -384px;
  width: 46px;
  height: 46px; }

.icn-prev {
  background-position: -497px -48px;
  width: 7px;
  height: 10px; }

.icn-next {
  background-position: -493px -112px;
  width: 7px;
  height: 10px; }

.icn-prompt {
  background-position: -256px -512px;
  width: 17px;
  height: 17px; }

#featureSlider .icn-prev {
  background-position: -512px -192px;
  width: 14px;
  height: 10px; }

#featureSlider .icn-next {
  background-position: -512px -256px;
  width: 14px;
  height: 10px; }

.pagerNav .icn-prev,
.paginationBar .icn-prev {
  background-position: -256px -128px;
  width: 13px;
  height: 10px; }

.pagerNav .icn-next,
.paginationBar .icn-next {
  background-position: -256px -192px;
  width: 13px;
  height: 10px; }

.icn-nextStep {
  background-position: -512px 0;
  width: 92px;
  height: 60px; }

.icn-stepLogin {
  background-position: -832px 0px;
  width: 146px;
  height: 146px; }

.icn-stepSchedule {
  background-position: -832px -192px;
  width: 146px;
  height: 146px; }

.icn-stepOwner {
  background-position: -832px -384px;
  width: 146px;
  height: 146px; }

.icn-map-location {
  background-position: -512px -320px;
  width: 13px;
  height: 13px; }

.icn-map-phone {
  background-position: -512px -384px;
  width: 14px;
  height: 11px; }

.icn-map-website {
  background-position: -512px -448px;
  width: 14px;
  height: 14px; }

.icn-map-email {
  background-position: -512px -512px;
  width: 13px;
  height: 9px; }

.icn-aus-wa {
  background-position: 0px -752px;
  width: 145px;
  height: 208px; }
  .icn-aus-wa.cycle-pager-active {
    background-position: 0px -496px;
    width: 145px;
    height: 208px; }

.icn-aus-nt {
  background-position: -192px -820px;
  width: 80px;
  height: 140px; }
  .icn-aus-nt.cycle-pager-active {
    background-position: -192px -628px;
    width: 80px;
    height: 140px; }

.icn-aus-sa {
  background-position: -320px -834px;
  width: 106px;
  height: 126px; }
  .icn-aus-sa.cycle-pager-active {
    background-position: -320px -642px;
    width: 106px;
    height: 126px; }

.icn-aus-ql {
  background-position: -448px -785px;
  width: 139px;
  height: 175px; }
  .icn-aus-ql.cycle-pager-active {
    background-position: -448px -593px;
    width: 139px;
    height: 175px; }

.icn-aus-nsw {
  background-position: -640px -862px;
  width: 111px;
  height: 98px; }
  .icn-aus-nsw.cycle-pager-active {
    background-position: -640px -670px;
    width: 111px;
    height: 98px; }

.icn-aus-vic {
  background-position: -768px -907px;
  width: 80px;
  height: 53px; }
  .icn-aus-vic.cycle-pager-active {
    background-position: -768px -715px;
    width: 80px;
    height: 53px; }

.icn-aus-tas {
  background-position: -896px -912px;
  width: 43px;
  height: 48px; }
  .icn-aus-tas.cycle-pager-active {
    background-position: -896px -720px;
    width: 43px;
    height: 48px; }

.icn-close {
  background-position: -192px -384px;
  width: 50px;
  height: 50px; }

footer .icn-logo {
  background-position: 0 -128px;
  width: 206px;
  height: 63px; }
footer .icn-instagram {
  background-position: -640px 0;
  width: 28px;
  height: 28px; }
  footer .icn-instagram:hover {
    background-position: -640px -64px;
    width: 28px;
    height: 28px; }
footer .icn-facebook {
  background-position: -704px 0;
  width: 28px;
  height: 28px; }
  footer .icn-facebook:hover {
    background-position: -704px -64px;
    width: 28px;
    height: 28px; }
footer .icn-youtube {
  background-position: -767px 0;
  width: 28px;
  height: 28px; }
  footer .icn-youtube:hover {
    background-position: -767px -64px;
    width: 28px;
    height: 28px; }
footer .icn-comments {
  background-position: -256px -64px;
  width: 16px;
  height: 14px; }

/* Swapping out for mobile sizes */
@media only screen and (max-width: 767px) {
  #bottomBar .icn-logo {
    background-position: 0 -64px;
    width: 144px;
    height: 45px; } }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .icn {
    background-image: url(../img/sprites@2x.png);
    background-size: 1024px 960px; }

  .styled {
    background-image: url(../img/bg-styled@2x.png);
    background-size: 19px 7px; }

  /* Seperate icons to swap out */
  .gallery .mask .col1 .galleryPrev {
    background: url(../img/icn-gallery-prev@2x.png) no-repeat center center;
    background-size: 12px 21px; }

  .gallery .mask .col1 .galleryNext {
    background: url(../img/icn-gallery-next@2x.png) no-repeat center center;
    background-size: 12px 21px; } }
table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0; }

.table {
  width: 100%;
  margin-bottom: 20px; }

.table th,
.table td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
  font-size: 11px; }

.table th {
  font-weight: bold; }

.table thead th {
  vertical-align: bottom; }

.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0; }

.table tbody + tbody {
  border-top: 2px solid #dddddd; }

.table .table {
  background-color: #ffffff; }

.table-condensed th,
.table-condensed td {
  padding: 4px 5px; }

.table-bordered {
  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.table-bordered th,
.table-bordered td {
  border-left: 1px solid #dddddd; }

.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0; }

.table-bordered thead:first-child tr:first-child > th:first-child,
.table-bordered tbody:first-child tr:first-child > td:first-child,
.table-bordered tbody:first-child tr:first-child > th:first-child {
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px; }

.table-bordered thead:first-child tr:first-child > th:last-child,
.table-bordered tbody:first-child tr:first-child > td:last-child,
.table-bordered tbody:first-child tr:first-child > th:last-child {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px; }

.table-bordered thead:last-child tr:last-child > th:first-child,
.table-bordered tbody:last-child tr:last-child > td:first-child,
.table-bordered tbody:last-child tr:last-child > th:first-child,
.table-bordered tfoot:last-child tr:last-child > td:first-child,
.table-bordered tfoot:last-child tr:last-child > th:first-child {
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px; }

.table-bordered thead:last-child tr:last-child > th:last-child,
.table-bordered tbody:last-child tr:last-child > td:last-child,
.table-bordered tbody:last-child tr:last-child > th:last-child,
.table-bordered tfoot:last-child tr:last-child > td:last-child,
.table-bordered tfoot:last-child tr:last-child > th:last-child {
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px; }

.table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0; }

.table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0; }

.table-bordered caption + thead tr:first-child th:first-child,
.table-bordered caption + tbody tr:first-child td:first-child,
.table-bordered colgroup + thead tr:first-child th:first-child,
.table-bordered colgroup + tbody tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px; }

.table-bordered caption + thead tr:first-child th:last-child,
.table-bordered caption + tbody tr:first-child td:last-child,
.table-bordered colgroup + thead tr:first-child th:last-child,
.table-bordered colgroup + tbody tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px; }

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9; }

.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
  background-color: #f5f5f5; }

table td[class*="span"],
table th[class*="span"],
.row-fluid table td[class*="span"],
.row-fluid table th[class*="span"] {
  display: table-cell;
  float: none;
  margin-left: 0; }

.table td.span1,
.table th.span1 {
  float: none;
  width: 44px;
  margin-left: 0; }

.table td.span2,
.table th.span2 {
  float: none;
  width: 124px;
  margin-left: 0; }

.table td.span3,
.table th.span3 {
  float: none;
  width: 204px;
  margin-left: 0; }

.table td.span4,
.table th.span4 {
  float: none;
  width: 284px;
  margin-left: 0; }

.table td.span5,
.table th.span5 {
  float: none;
  width: 364px;
  margin-left: 0; }

.table td.span6,
.table th.span6 {
  float: none;
  width: 444px;
  margin-left: 0; }

.table td.span7,
.table th.span7 {
  float: none;
  width: 524px;
  margin-left: 0; }

.table td.span8,
.table th.span8 {
  float: none;
  width: 604px;
  margin-left: 0; }

.table td.span9,
.table th.span9 {
  float: none;
  width: 684px;
  margin-left: 0; }

.table td.span10,
.table th.span10 {
  float: none;
  width: 764px;
  margin-left: 0; }

.table td.span11,
.table th.span11 {
  float: none;
  width: 844px;
  margin-left: 0; }

.table td.span12,
.table th.span12 {
  float: none;
  width: 924px;
  margin-left: 0; }

.table tbody tr.success > td {
  background-color: #dff0d8; }

.table tbody tr.error > td {
  background-color: #f2dede; }

.table tbody tr.warning > td {
  background-color: #fcf8e3; }

.table tbody tr.info > td {
  background-color: #d9edf7; }

.table-hover tbody tr.success:hover > td {
  background-color: #d0e9c6; }

.table-hover tbody tr.error:hover > td {
  background-color: #ebcccc; }

.table-hover tbody tr.warning:hover > td {
  background-color: #faf2cc; }

.table-hover tbody tr.info:hover > td {
  background-color: #c4e3f3; }