@charset "UTF-8";
/*****************CSS 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;
}

/* HTML5 display-role reset for older browsers */
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;
}

input:focus {
  outline: none;
}

.gmnoprint img {
  max-width: none;
}

/*****************CSS RESET*****************/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background: #222;
  color: #444;
  text-shadow: none;
  border-radius: 0px;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/fancybox/fancybox_sprite.png");
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/fancybox/fancybox_loading.gif") center center no-repeat;
}

.fancybox-close {
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/fancybox/modalclose.png");
  background-size: 12px 12px;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: -34px;
  right: -8px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/fancybox/blank.gif");
  /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto;
}

.fancybox-lock body {
  overflow: hidden !important;
}

.fancybox-lock-test {
  overflow-y: hidden !important;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/fancybox/fancybox_overlay.png");
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading, .fancybox-prev span, .fancybox-next span {
    background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/fancybox/fancybox_sprite@2x.png");
    background-size: 44px 152px;
    /*The size of the normal image, half the size of the hi-res image*/
  }
  #fancybox-loading div {
    background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/fancybox/fancybox_loading@2x.gif");
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/
  }
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  margin: 0;
  padding: 0;
}

article, aside, figure, figure img, figcaption, hgroup, footer, header, nav, section, video, object {
  display: block;
}

a img {
  border: 0;
}

figure {
  position: relative;
}

figure img {
  width: 100%;
}

.container12 {
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: 1416px;
}

.row {
  margin-bottom: 20px;
}

.column1, .column2, .column3, .column4, .column5, .column6, .column7, .column8, .column9, .column10, .column11, .column12 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

.container12 .alpha {
  margin-left: 0;
}

.container12 .omega {
  margin-right: 0;
}

.container12 .column1 {
  width: 98px;
}

.container12 .column2 {
  width: 216px;
}

.container12 .column3 {
  width: 334px;
}

.container12 .column4 {
  width: 452px;
}

.container12 .column5 {
  width: 570px;
}

.container12 .column6 {
  width: 688px;
}

.container12 .column7 {
  width: 806px;
}

.container12 .column8 {
  width: 924px;
}

.container12 .column9 {
  width: 1042px;
}

.container12 .column10 {
  width: 1160px;
}

.container12 .column11 {
  width: 1278px;
}

.container12 .column12 {
  width: 1396px;
}

.container12 .prefix1 {
  padding-left: 118px;
}

.container12 .prefix2 {
  padding-left: 236px;
}

.container12 .prefix3 {
  padding-left: 354px;
}

.container12 .prefix4 {
  padding-left: 472px;
}

.container12 .prefix5 {
  padding-left: 590px;
}

.container12 .prefix6 {
  padding-left: 708px;
}

.container12 .prefix7 {
  padding-left: 826px;
}

.container12 .prefix8 {
  padding-left: 944px;
}

.container12 .prefix9 {
  padding-left: 1062px;
}

.container12 .prefix10 {
  padding-left: 1180px;
}

.container12 .prefix11 {
  padding-left: 1298px;
}

/************************** SMALL DESKTOP **************************/
@media only screen and (min-width: 1100px) and (max-width: 1435px) {
  .container12 {
    width: 1080px;
  }
  .container12 .column1 {
    width: 70px;
  }
  .container12 .column2 {
    width: 160px;
  }
  .container12 .column3 {
    width: 250px;
  }
  .container12 .column4 {
    width: 340px;
  }
  .container12 .column5 {
    width: 430px;
  }
  .container12 .column6 {
    width: 520px;
  }
  .container12 .column7 {
    width: 610px;
  }
  .container12 .column8 {
    width: 700px;
  }
  .container12 .column9 {
    width: 790px;
  }
  .container12 .column10 {
    width: 880px;
  }
  .container12 .column11 {
    width: 970px;
  }
  .container12 .column12 {
    width: 1060px;
  }
  .container12 .prefix1 {
    padding-left: 90px;
  }
  .container12 .prefix2 {
    padding-left: 180px;
  }
  .container12 .prefix3 {
    padding-left: 270px;
  }
  .container12 .prefix4 {
    padding-left: 360px;
  }
  .container12 .prefix5 {
    padding-left: 450px;
  }
  .container12 .prefix6 {
    padding-left: 540px;
  }
  .container12 .prefix7 {
    padding-left: 630px;
  }
  .container12 .prefix8 {
    padding-left: 720px;
  }
  .container12 .prefix9 {
    padding-left: 810px;
  }
  .container12 .prefix10 {
    padding-left: 900px;
  }
  .container12 .prefix11 {
    padding-left: 990px;
  }
}

/************************** TABLET **************************/
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .container12 {
    width: 768px;
  }
  .container12 .column1 {
    width: 44px;
  }
  .container12 .column2 {
    width: 108px;
  }
  .container12 .column3 {
    width: 172px;
  }
  .container12 .column4 {
    width: 236px;
  }
  .container12 .column5 {
    width: 300px;
  }
  .container12 .column6 {
    width: 364px;
  }
  .container12 .column7 {
    width: 428px;
  }
  .container12 .column8 {
    width: 492px;
  }
  .container12 .column9 {
    width: 556px;
  }
  .container12 .column10 {
    width: 620px;
  }
  .container12 .column11 {
    width: 684px;
  }
  .container12 .column12 {
    width: 748px;
  }
  .container12 .prefix1 {
    padding-left: 64px;
  }
  .container12 .prefix2 {
    padding-left: 128px;
  }
  .container12 .prefix3 {
    padding-left: 192px;
  }
  .container12 .prefix4 {
    padding-left: 256px;
  }
  .container12 .prefix5 {
    padding-left: 320px;
  }
  .container12 .prefix6 {
    padding-left: 384px;
  }
  .container12 .prefix7 {
    padding-left: 448px;
  }
  .container12 .prefix8 {
    padding-left: 512px;
  }
  .container12 .prefix9 {
    padding-left: 576px;
  }
  .container12 .prefix10 {
    padding-left: 640px;
  }
  .container12 .prefix11 {
    padding-left: 704px;
  }
}

/************************** MOBILE **************************/
@media only screen and (max-width: 767px) {
  .container12 {
    width: 300px;
  }
  .container12 .column1,
  .container12 .column2,
  .container12 .column3,
  .container12 .column4,
  .container12 .column5,
  .container12 .column6,
  .container12 .column7,
  .container12 .column8,
  .container12 .column9,
  .container12 .column10,
  .container12 .column11,
  .container12 .column12 {
    margin: 0 0 20px 0;
    width: 300px;
  }
  .container12 .prefix1, .container12 .prefix2, .container12 .prefix3, .container12 .prefix4, .container12 .prefix5, .container12 .prefix6, .container12 .prefix7, .container12 .prefix8, .container12 .prefix9, .container12 .prefix10, .container12 .prefix11 {
    padding-left: 0;
  }
  .row {
    margin: 0;
  }
}

/************************** MOBILE LANDSCAPE **************************/
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .container12 {
    width: 420px;
  }
  .container12 .column1,
  .container12 .column2,
  .container12 .column3,
  .container12 .column4,
  .container12 .column5,
  .container12 .column6,
  .container12 .column7,
  .container12 .column8,
  .container12 .column9,
  .container12 .column10,
  .container12 .column11,
  .container12 .column12 {
    margin: 0 0 20px 0;
    width: 420px;
  }
  .container12 .prefix1, .container12 .prefix2, .container12 .prefix3, .container12 .prefix4, .container12 .prefix5, .container12 .prefix6, .container12 .prefix7, .container12 .prefix8, .container12 .prefix9, .container12 .prefix10, .container12 .prefix11 {
    padding-left: 0;
  }
  .row {
    margin: 0;
  }
}

.clearfix:before, .clearfix:after,
.row:before, .row:after,
.container12:before, .container12:after {
  content: '.';
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  width: 0;
}

/* http://sonspring.com/journal/clearing-floats */
.clear {
  clear: both;
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  width: 0;
}

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

/* For IE7. Move this to separate file when you notice some problems */
.row, .clearfix {
  zoom: 1;
}

img, object, embed {
  max-width: 100%;
}

img {
  height: auto;
}

::-moz-selection {
  background: #1667A2;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #1667A2;
  color: #fff;
}

::webkit-selection {
  background: #1667A2;
  color: #fff;
}

img[src$=".gif"], img[src$=".png"] {
  image-rendering: -moz-crisp-edges;
  /* Firefox */
  image-rendering: -o-crisp-edges;
  /* Opera */
  image-rendering: -webkit-optimize-contrast;
  /* Webkit (non-standard naming) */
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  /* IE (non-standard property) */
}

::-webkit-input-placeholder {
  color: #BA182D;
  line-height: 1em;
  padding-top: 2px;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #BA182D;
  line-height: 1em;
  padding-top: 2px;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #BA182D;
  line-height: 1em;
  padding-top: 2px;
}

:-ms-input-placeholder {
  color: #BA182D;
  line-height: 1em;
  padding-top: 2px;
}

input[type="text"].location_autocomplete::-webkit-input-placeholder {
  color: #999;
}

.customscrollbar::-webkit-scrollbar {
  width: 14px;
  height: 18px;
}

.customscrollbar::-webkit-scrollbar-thumb {
  height: 6px;
  border: 4px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  -webkit-border-radius: 7px;
  background-color: #fff;
}

.customscrollbar::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}

.customscrollbar::-webkit-scrollbar-corner {
  background-color: transparent;
}

body {
  background-color: #222;
  color: #999;
  font-family: "aktiv-grotesk-std", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 18px;
  line-height: 1.4em;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

body.mapgreybg {
  background-color: #dfdfdf;
}

p {
  margin-bottom: 1.5em;
}

p.sub {
  font-size: 14px;
  color: #999;
  line-height: 1.5em;
  margin-top: 10px;
}

p.nbm {
  margin-bottom: 0;
}

a {
  text-decoration: underline;
  color: #999;
}

a:hover {
  text-decoration: none;
}

a.underline {
  text-decoration: underline;
}

a.redlink {
  color: #BA182D;
  text-decoration: none;
}

a.redlink:hover {
  text-decoration: underline;
}

h1 {
  text-transform: uppercase;
  color: #000;
  font-weight: 800;
  font-size: 30px;
  display: block;
  border-top: 5px solid #BA182D;
  padding-top: 19px;
  line-height: 1em;
  margin-bottom: 10px;
}

h1 span.red {
  color: #BA182D;
}

h1.green {
  color: #00763A;
}

h1.ntb {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 1em;
}

h1.mb40 {
  margin-bottom: 40px;
}

h1.mt40 {
  margin-top: 40px;
}

h1.bigger {
  font-size: 50px;
  margin-bottom: 20px;
}

h1 span.grey {
  color: #848484;
}

h1 span.lightergrey {
  color: #B9B9B9;
}

h2 {
  text-transform: uppercase;
  color: #BA182D;
  font-weight: 800;
  font-size: 20px;
  display: block;
  border-top: 5px solid #BA182D;
  padding-top: 7px;
  line-height: 1em;
}

h2.sz20 {
  font-size: 20px;
}

h2.red {
  color: #BA182D;
}

h2.ntb {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 1em;
}

h2.black {
  color: #000 !important;
}

h3 {
  text-transform: uppercase;
  color: #BA182D;
  font-weight: 800;
  font-size: 14px;
  display: block;
  line-height: 1.3em;
}

h3.black {
  color: #000;
}

h3.bigbottom {
  margin-bottom: 20px;
}

h3 span.grey {
  color: #999;
  font-size: 12px;
}

h3.blue {
  color: #1667A2;
}

ol {
  list-style-type: decimal;
  margin-left: 26px;
  margin-bottom: 1em;
}

strong, b {
  font-weight: 700;
}

blockquote {
  font-size: 50px;
  color: #BA182D;
  text-transform: uppercase;
  line-height: 1.1em;
  font-weight: 800;
  margin-bottom: 30px;
}

em, i {
  font-style: italic;
}

.red {
  color: #BA182D;
}

.hidden, .hide {
  display: none;
}

.ofh {
  overflow: hidden;
}

.left {
  float: left;
}

.right {
  float: right;
}

.relative {
  position: relative;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.clear {
  clear: both;
}

.tac {
  text-align: center;
}

.tal {
  text-align: left;
}

.tar {
  text-align: right;
}

.mt0 {
  margin-top: 0;
}

.mb0 {
  margin-bottom: 0;
}

.mb10 {
  margin-bottom: 10px;
}

.mt20 {
  margin-top: 20px;
}

.mt40 {
  margin-top: 40px;
}

.mt50 {
  margin-top: 50px;
}

.mt60 {
  margin-top: 60px;
}

.mt80 {
  margin-top: 80px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb-40 {
  margin-bottom: -40px;
}

.mb50 {
  margin-bottom: 50px;
}

.mob,
.tab {
  display: none;
}

.dilb {
  display: inline-block;
}

.lc {
  text-transform: lowercase;
}

.centered {
  text-align: center;
}

.showonmobile {
  display: none;
}

.showontablet {
  display: none;
}

.pt40 {
  padding-top: 40px;
}

.rel {
  position: relative;
}

form .clearfix {
  margin-bottom: 5px;
  position: relative;
}

form .clearfix.selectholder {
  height: 50px;
}

form .clearfix:last-child {
  margin-bottom: 0;
}

input[type="text"],
input[type="date"],
input[type="tel"],
input[type="email"],
input[type="search"],
input[type="password"],
textarea {
  display: block;
  width: 100%;
  height: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1em;
  text-transform: uppercase;
  border: 4px solid #880E1D;
  font-family: "aktiv-grotesk-std", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 700;
  padding: 12px 8px 11px 8px;
  font-size: 12px;
  background-color: #880E1D;
  color: #BA182D;
  border-radius: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  outline: none;
}

input[type="text"]:focus,
input[type="date"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
textarea:focus {
  background-color: #fff;
  border: 4px solid #fff;
}

input[type="text"].readonly,
input[type="date"].readonly,
input[type="tel"].readonly,
input[type="email"].readonly,
input[type="search"].readonly,
input[type="password"].readonly,
textarea.readonly {
  cursor: not-allowed;
}

input[type="text"].ttu_no,
input[type="date"].ttu_no,
input[type="tel"].ttu_no,
input[type="email"].ttu_no,
input[type="search"].ttu_no,
input[type="password"].ttu_no,
textarea.ttu_no {
  text-transform: none;
}

input[type="text"].greyplaceholder::-webkit-input-placeholder,
input[type="date"].greyplaceholder::-webkit-input-placeholder,
input[type="tel"].greyplaceholder::-webkit-input-placeholder,
input[type="email"].greyplaceholder::-webkit-input-placeholder,
input[type="search"].greyplaceholder::-webkit-input-placeholder,
input[type="password"].greyplaceholder::-webkit-input-placeholder,
textarea.greyplaceholder::-webkit-input-placeholder {
  color: #999;
}

input[type="text"].greyplaceholder:-moz-placeholder,
input[type="date"].greyplaceholder:-moz-placeholder,
input[type="tel"].greyplaceholder:-moz-placeholder,
input[type="email"].greyplaceholder:-moz-placeholder,
input[type="search"].greyplaceholder:-moz-placeholder,
input[type="password"].greyplaceholder:-moz-placeholder,
textarea.greyplaceholder:-moz-placeholder {
  /* Firefox 18- */
  color: #999;
}

input[type="text"].greyplaceholder::-moz-placeholder,
input[type="date"].greyplaceholder::-moz-placeholder,
input[type="tel"].greyplaceholder::-moz-placeholder,
input[type="email"].greyplaceholder::-moz-placeholder,
input[type="search"].greyplaceholder::-moz-placeholder,
input[type="password"].greyplaceholder::-moz-placeholder,
textarea.greyplaceholder::-moz-placeholder {
  /* Firefox 19+ */
  color: #999;
}

input[type="text"].greyplaceholder:-ms-input-placeholder,
input[type="date"].greyplaceholder:-ms-input-placeholder,
input[type="tel"].greyplaceholder:-ms-input-placeholder,
input[type="email"].greyplaceholder:-ms-input-placeholder,
input[type="search"].greyplaceholder:-ms-input-placeholder,
input[type="password"].greyplaceholder:-ms-input-placeholder,
textarea.greyplaceholder:-ms-input-placeholder {
  color: #999;
}

textarea {
  line-height: 18px;
}

textarea.autoheight {
  padding-bottom: 0;
  resize: none !important;
  padding: 12px 8px 0px 8px;
  text-transform: none;
  min-height: 50px;
}

input[type="submit"],
button {
  display: block;
  width: 100%;
  height: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1em;
  text-transform: uppercase;
  border: none;
  font-family: "aktiv-grotesk-std", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 700;
  padding: 16px 12px 15px 12px;
  font-size: 12px;
  background-color: #4F0A12;
  color: #fff;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  text-align: center;
  cursor: pointer;
  border-radius: 0;
  -webkit-appearance: none;
}

input[type="submit"]:focus, input[type="submit"]:hover,
button:focus,
button:hover {
  background-color: #000;
}

input[type="submit"].hasinfo,
button.hasinfo {
  position: relative;
  padding-right: 56px;
  padding-left: 23px;
  width: auto !important;
}

input[type="submit"].hasinfo img,
button.hasinfo img {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 23px;
  right: 23px;
}

input[type="submit"].hasinfo.holding,
button.hasinfo.holding {
  padding-right: 23px;
}

select {
  width: 100%;
  height: 50px;
  position: relative;
  -webkit-appearance: menulist-button;
  cursor: pointer;
}

.checkboxwrapper,
.radiowrapper {
  position: relative;
  line-height: 1.4em;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 15px !important;
  margin-top: 15px;
}

.checkboxwrapper.topright,
.radiowrapper.topright {
  position: absolute;
  top: 0;
  right: 0;
  width: 21px;
  height: 21px;
  margin: 0 !important;
}

fieldset :last-child {
  margin-bottom: 0;
}

input[type="checkbox"],
input[type="radio"] {
  position: absolute;
  width: 21px;
  height: 21px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  opacity: 0;
  z-index: 10;
  cursor: pointer;
}

input[type="checkbox"] + label,
input[type="radio"] + label {
  display: inline-block;
  padding-left: 35px;
  padding-right: 10px;
}

input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
  display: block;
  width: 21px;
  height: 21px;
  background: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/checkbox_radio.png) no-repeat;
  background-size: 21px 211px;
  content: " ";
  position: absolute;
  z-index: 9;
  left: 0;
  top: 0;
}

input[type="radio"] + label:before {
  background-position: 0 -190px;
}

input[type="radio"]:focus + label:before {
  background-position: 0 -190px;
}

input[type="radio"]:checked + label:before {
  background-position: 0 -130px;
}

input[type="radio"]:checked:focus + label:before {
  background-position: -0 -130px;
}

input[type="checkbox"] + label:before {
  background-position: 0 -65px;
}

input[type="checkbox"]:focus + label:before {
  background-position: 0 -65px;
}

input[type="checkbox"]:checked + label:before {
  background-position: 0 0px;
}

input[type="checkbox"]:checked:focus + label:before {
  background-position: 0 0px;
}

.radiowrapper.light input[type="radio"] + label:before {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/checkbox_radio_light.png);
}

.radiowrapper > label {
  display: block;
  margin-bottom: 5px;
}

.radiowrapper .relative {
  display: inline-block;
  height: 21px;
}

.radiowrapper .relative label {
  padding-top: 3px;
  padding-left: 27px;
  margin-right: 20px;
  height: 18px;
}

.checkboxwrapper.light input[type="checkbox"] + label:before {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/checkbox_radio_light.png);
}

#nl_success {
  display: none;
  margin-bottom: 140px;
}

.bigboxwrapper {
  position: relative;
  line-height: 1.4em;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 26px !important;
  margin-top: 15px;
}

.bigboxwrapper .wrapper50 {
  position: relative;
}

.bigboxwrapper input[type="checkbox"] {
  width: 50px;
  height: 50px;
}

.bigboxwrapper input[type="checkbox"] + label {
  padding-top: 17px;
  padding-bottom: 17px;
  padding-left: 67px;
  padding-right: 20px;
}

.bigboxwrapper input[type="checkbox"] + label:before {
  display: block;
  width: 50px;
  height: 50px;
  background: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/checkbox-radio-lightgrey.png) no-repeat;
  background-size: 50px 278px;
  content: " ";
  position: absolute;
  z-index: 9;
  left: 0;
  top: 0;
}

.bigboxwrapper input[type="checkbox"] + label .newsletter_info {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/moreinfo-bubble.png) no-repeat;
  background-size: 10px 10px;
  background-position: center bottom 0px;
  content: " ";
  position: relative;
  right: -10px;
  top: 0;
  cursor: pointer;
}

.bigboxwrapper input[type="checkbox"] + label .newsletter_info.active + .tooltip_container .tooltip {
  display: block;
}

.bigboxwrapper input[type="checkbox"] + label .tooltip_container {
  display: inline-block;
  position: relative;
}

.bigboxwrapper input[type="checkbox"] + label .tooltip_container .tooltip {
  padding: 21px;
  background-color: #FFF;
  position: absolute;
  top: 32px;
  bottom: unset;
  left: -172px;
  width: 200px;
  z-index: 11;
  height: auto;
  display: none;
  margin-bottom: 0;
  cursor: default;
  text-transform: none;
}

.bigboxwrapper input[type="checkbox"] + label .tooltip_container .tooltip h3 {
  margin-bottom: 24px;
  max-width: 165px;
}

.bigboxwrapper input[type="checkbox"] + label .tooltip_container .tooltip p {
  color: #000;
  font-weight: lighter;
}

.bigboxwrapper input[type="checkbox"] + label .tooltip_container .tooltip p:last-child {
  margin-bottom: 0;
}

.bigboxwrapper input[type="checkbox"] + label .tooltip_container .tooltip .tooltip-close {
  display: block;
  position: absolute;
  top: 18px;
  right: 12px;
  width: 25px;
  height: 25px;
  background: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/cross-red.png) no-repeat;
  background-size: 25px 25px;
  background-position: center center;
  cursor: pointer;
}

.bigboxwrapper input[type="checkbox"] + label .tooltip_container .tooltip:before {
  top: -24px;
  right: 62px;
  margin-right: -6px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(0, 0, 0, 0);
  border-bottom-color: #FFF;
  border-width: 12px;
}

.bigboxwrapper input[type="checkbox"] + label .tooltip_container .tooltip:after {
  display: none;
}

.bigboxwrapper input[type="checkbox"] + label:before {
  background-position: 0 0;
}

.bigboxwrapper input[type="checkbox"]:focus + label:before {
  background-position: 0 0;
}

.bigboxwrapper input[type="checkbox"]:checked + label:before {
  background-position: 0 -76px;
}

.bigboxwrapper input[type="checkbox"]:checked:focus + label:before {
  background-position: 0 -76px;
}

#payment-errors ul li {
  font-size: 70%;
  text-transform: uppercase;
  font-weight: bold;
  background: #BA182D;
  color: #fff;
  margin-bottom: 5px;
  padding: 3px 10px;
}

#payment-errors ul li:last-child {
  margin-bottom: 15px;
}

/************STYLED SELECT***************/
span.styled {
  position: absolute;
  top: 0;
  display: block;
  padding: 0px;
  width: 100%;
  height: 50px;
  margin: 0 0 0 0;
  cursor: pointer;
  line-height: 1em;
  font-size: 12px;
  background-color: #880E1D;
  color: #BA182D;
  font-weight: 700;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 19px 46px 11px 12px;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/selectbg.png);
  background-repeat: no-repeat;
  background-size: 50px 100px;
  background-position: right -50px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.darkselect span.styled {
  text-transform: uppercase;
  background-color: #333;
  color: #666;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/selectbg_black.png);
}

/************STYLED SELECT***************/
a.button,
.button {
  width: 214px;
  height: 66px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
  background-color: #BA182D;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1em;
  font-weight: 800;
  padding: 26px 12px 20px 12px;
  text-decoration: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

a.button.shallower,
.button.shallower {
  height: auto;
  padding-top: 20px;
  font-size: 12px;
}

a.button.wider,
.button.wider {
  width: 250px;
}

a.button.anywidth,
.button.anywidth {
  width: auto;
  display: inline-block;
  padding: 26px 20px 20px 20px;
}

a.button:hover,
.button:hover {
  background-color: #880E1D;
}

a.button.fl,
.button.fl {
  float: left;
}

a.button.fr,
.button.fr {
  float: right;
}

a.button.ilb,
.button.ilb {
  display: inline-block;
  margin-right: 5px;
}

a.button.tal,
.button.tal {
  margin-left: 0;
  margin-right: 0;
}

a.button.invert,
.button.invert {
  background-color: #fff;
  color: #BA182D;
}

a.button.black,
.button.black {
  background-color: #000;
}

a.button.grey,
.button.grey {
  background-color: #464646;
  color: #999;
}

a.button.grey:hover,
.button.grey:hover {
  background-color: #999999;
  color: #f3f3f3;
}

a.button.smaller,
.button.smaller {
  height: auto;
  padding-top: 20px;
  font-size: 12px;
  width: 250px !important;
  margin-bottom: 50px;
  margin-left: 0;
  margin-right: 0;
}

.buttonmiddler {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-bottom: 50px;
  padding-top: 40px;
}

#search {
  background-color: #191919;
  display: block;
  height: 0px;
  overflow: hidden;
}

#search form {
  position: relative;
}

#search form input[type="search"] {
  background-color: #000;
  color: #fff;
  font-size: 35px;
  height: 82px;
  margin-top: 47px;
  width: 744px;
  padding: 12px 102px 11px 21px;
  border: 4px solid #000;
}

#search form input[type="search"]:focus {
  background-color: #000;
  color: #fff;
}

#search form input[type="search"].error {
  border-color: #880E1D;
}

#search form input[type="submit"] {
  text-indent: -9999px;
  width: 64px;
  height: 44px;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/bigmagni.png);
  background-size: 31px 30px;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  position: absolute;
  top: 20px;
  left: 668px;
}

#search .close {
  width: 19px;
  height: 19px;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/bigcross.png);
  background-size: 19px 19px;
  text-indent: -9999px;
  position: absolute;
  right: 60px;
  top: 80px;
  cursor: pointer;
  display: none;
}

header {
  z-index: 999;
  position: fixed;
  top: 0;
  width: 100%;
}

header .container12 nav.column9 ul li.onlymobport {
  display: none;
}

header #topbar {
  background-color: #2F2F2F;
  height: 45px;
  position: relative;
  z-index: 1000;
}

header #topbar ul {
  font-size: 10px;
  text-transform: uppercase;
  line-height: 1em;
  font-weight: 700;
}

header #topbar ul li {
  float: left;
}

header #topbar ul li > a {
  text-decoration: none;
  color: #999;
  height: 45px;
  padding: 17px 15px 18px 15px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

header #topbar ul li > a:hover {
  background-color: #191919;
  color: #ccc;
}

header #topbar ul li.crewlink {
  position: relative;
}

header #topbar ul li.crewlink a {
  color: #BA182D;
}

header #topbar ul li.crewlink:hover a {
  background-color: #BA182D;
  color: #fff;
}

header #topbar ul li.crewlink #crewloginform {
  display: none;
  background-color: #BA182D;
  position: absolute;
  top: 45px;
  left: 0;
  width: 334px;
  padding: 17px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

header #topbar ul li.crewlink #crewloginform form {
  display: block;
}

header #topbar ul li.crewlink #crewloginform a {
  display: inline-block;
  text-decoration: none;
  border-bottom: 1px solid #500910;
  color: #500910;
  padding: 13px 0 3px 0;
}

header #topbar ul li.crewlink #crewloginform a:hover {
  color: #000;
}

header #bottombar {
  background-color: #000;
  height: 79px;
  position: relative;
}

header #bottombar .container12 {
  z-index: 2;
}

header #bottombar #jointherace {
  position: absolute;
  right: 0;
  background-color: #BA182D;
  width: 270px;
  height: 50px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 800;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 18px;
  padding-left: 18px;
  line-height: 1em;
  cursor: pointer;
}

header #bottombar #jointherace:after {
  content: ' ';
  display: block;
  width: 55px;
  height: 50px;
  background-color: #880E1D;
  position: absolute;
  top: 0;
  right: 0;
  text-indent: -9999px;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/arrowdown.png);
  background-repeat: no-repeat;
  background-size: 16px 10px;
  background-position: center center;
}

header #bottombar #jointherace.moveleft {
  right: unset;
  left: 0;
}

header #bottombar #jointherace.active:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

header #bottombar #jointherace.telemed {
  background-color: #00763A;
  color: #fff;
}

header #bottombar #jointherace.telemed:after {
  background-color: #00763A;
}

header #bottombar .jointheracenoform #jointherace:after {
  display: none;
}

header #bottombar #jointheraceform {
  display: none;
  background-color: #BA182D;
  position: absolute;
  top: 129px;
  right: 0;
  width: 270px;
  padding: 17px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  color: #4D0A12;
  line-height: 1.5em;
}

header #bottombar #jointheraceform.moveleft {
  right: unset;
  left: 0;
}

header #bottombar #jointheraceform .thankyou {
  color: #fff;
  display: none;
}

header #bottombar #jointheraceform p {
  margin-bottom: 1em;
}

header #bottombar #jointheraceform.telemed {
  background-color: #00763A;
  color: #084224;
}

header #bottombar #jointheraceform.telemed input[type="text"],
header #bottombar #jointheraceform.telemed input[type="email"] {
  background-color: #3BAA69;
  color: #fff;
  border: 4px solid #3BAA69;
}

header #bottombar #jointheraceform.telemed input[type="text"]:focus,
header #bottombar #jointheraceform.telemed input[type="email"]:focus {
  background-color: #fff;
  border: 4px solid #fff;
  color: #00763A;
}

header #bottombar #jointheraceform.telemed input[type="text"].error,
header #bottombar #jointheraceform.telemed input[type="email"].error {
  border: 4px solid #BA182D;
}

header #bottombar #jointheraceform.telemed input[type="submit"] {
  background-color: #084224;
}

header #bottombar #jointheraceform.telemed input[type="submit"]:hover {
  background-color: #000;
}

header #bottombar #jointheraceform.telemed ::-webkit-input-placeholder {
  color: #fff;
}

header #bottombar #jointheraceform.telemed :-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
}

header #bottombar #jointheraceform.telemed ::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
}

header #bottombar #jointheraceform.telemed :-ms-input-placeholder {
  color: #fff;
}

header #bottombar #jointheraceform label.error {
  display: none !important;
}

header #bottombar #bottombarsearch {
  height: 79px;
  cursor: pointer;
  position: relative;
  display: block;
  clear: none;
  float: right;
  text-indent: -9999px;
  line-height: 1em;
  width: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/search_magni_grey.png);
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: 14px 33px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

header #bottombar #bottombarsearch:hover, header #bottombar #bottombarsearch.active {
  background-color: #191919;
}

header #bottombar .unicefnav2 {
  display: none;
  position: absolute;
  top: 18px;
  left: 529px;
  height: 45px;
  width: 108px;
  text-align: center;
  text-indent: -9999px;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/unicef-nav.png);
  background-repeat: no-repeat;
  background-size: 69px 72px;
  background-position: center 13px;
  border-right: 1px solid #4E4E4E;
}

header .unicefnav {
  display: block;
  float: left;
  clear: none;
  height: 45px;
  background-color: #1f1f1f;
  width: 108px;
  text-align: center;
  text-indent: -9999px;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/unicef-nav.png);
  background-repeat: no-repeat;
  background-size: 69px 72px;
  background-position: center 13px;
  -webkit-transition: background-color 0.1s;
  transition: background-color 0.1s;
}

header .unicefnav:hover {
  background-color: #00AEEF;
  background-position: center -42px;
}

header #searchbutton {
  height: 45px;
  background-color: #191919;
  text-transform: uppercase;
  cursor: pointer;
  float: left;
  font-size: 13px;
  font-weight: 700;
  line-height: 1em;
  padding: 16px 43px 16px 19px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/search_magni_grey.png);
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: 82px 17px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  min-width: 114px;
}

header #searchbutton:hover, header #searchbutton.active {
  color: #ccc;
}

header .langswitch {
  float: left;
  margin-right: 10px;
}

header .langswitch form {
  float: left;
  display: block;
  padding: 16px 4px 0 4px;
}

header .langswitch form input[type="submit"] {
  width: 23px;
  height: 13px;
  padding: 0;
  background-color: transparent;
  text-indent: -9999px;
  float: left;
  background-size: contain;
  background-repeat: no-repeat;
}

header .langswitch form input[type="submit"].cn {
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/flags/CN.png");
}

header .langswitch form input[type="submit"].en {
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/flags/GB.png");
}

header .langswitch.bar2 {
  display: none;
}

a#logo {
  display: block;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/clipper-round-the-world.png);
  background-size: 220px 36px;
  background-repeat: no-repeat;
  background-position: 0 22px;
  width: 220px;
  height: 79px;
  text-indent: -9999px;
}

a#logo.ch {
  text-indent: 0;
  text-transform: uppercase;
  font-weight: 800;
  text-decoration: none;
  color: #666;
  font-size: 26px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 26px 0 0 250px;
  width: 100%;
}

a#logo.telemed {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/clipper-telemed-praxes.png);
  background-size: 210px 56px;
  width: 234px;
  background-position: 0 13px;
}

#menu {
  width: 25px;
  height: 20px;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/menu.png);
  background-size: 25px 20px;
  position: absolute;
  left: 700px;
  top: 30px;
  cursor: pointer;
  display: none;
}

#mobsearch {
  width: 20px;
  height: 20px;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/search_magni.png);
  background-size: 20px 20px;
  position: absolute;
  left: 660px;
  top: 30px;
  cursor: pointer;
  display: none;
}

nav {
  display: block;
  z-index: 2;
  right: 0;
}

nav ul {
  float: right;
  line-height: 1em;
}

nav ul li {
  float: left;
  display: block;
  position: relative;
}

nav ul li a {
  color: #666;
  display: block;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 28px 15px 15px 15px;
  min-height: 79px;
}

nav ul li.hassubnav a {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/arrowdown.png);
  background-repeat: no-repeat;
  background-size: 8px 5px;
  background-position: center 57px;
}

nav ul li.hassubnav:hover > .subnav {
  display: block;
}

nav ul li.hassubnav.last .subnav {
  left: inherit;
  right: 0;
}

nav ul li:hover, nav ul li.active {
  background-color: #191919;
}

nav ul li:hover a, nav ul li.active a {
  color: #fff;
  background-image: none;
}

nav ul li .subnav {
  padding: 15px 20px 20px 20px;
  width: 451px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: none;
  background-color: #191919;
  position: absolute;
  left: 0;
  top: 79px;
}

nav ul li .subnav.single {
  width: 233px;
}

nav ul li .subnav ul {
  width: 193px;
}

nav ul li .subnav ul.right {
  margin-left: 25px;
}

nav ul li .subnav li {
  float: none;
}

nav ul li .subnav li a {
  min-height: inherit;
  padding: 15px 0 15px 0;
  border-bottom: 1px solid #303030;
  color: #666;
}

nav ul li .subnav li a:hover {
  color: #fff;
}

.social {
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  text-indent: -9999px;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/social_sprite.png);
  background-size: 175px 20px;
  margin-right: 17px;
  margin-top: 11px;
  opacity: 0.5;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.social:hover {
  opacity: 1;
}

.social.linkedin {
  background-position: -140px 0;
}

.social.instagram {
  background-position: 0 0;
}

.social.youtube {
  background-position: -37px 0;
}

.social.twitter {
  background-position: -72px 0;
  margin-right: 14px;
}

.social.facebook {
  background-position: -106px 0;
  width: 15px;
}

.standingsvwrap iframe {
  display: block;
  width: 100vw;
  height: 56.25vw;
}

.aboutvwrap {
  position: relative;
}

.aboutvwrap .aboutvideo {
  width: 100%;
}

.aboutvwrap .aboutopaque {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: 0.1;
}

.aboutvwrap .aboutoverlay {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  bottom: auto;
  left: 0;
  right: 0;
  margin: auto;
  color: #fff;
  font-size: 80px;
  font-weight: 800;
  line-height: 1em;
  text-transform: uppercase;
  width: 1416px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 954px 0 10px;
}

.aboutfallback {
  display: none;
}

#banner {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/whitegreyloading.gif);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px 16px;
  background-color: #fff;
}

#slideshow {
  width: 100%;
  height: 672px;
  position: relative;
  background-color: #163454;
  overflow: hidden;
}

#slideshow > div {
  width: 100% !important;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
  z-index: 0;
  text-align: center;
}

#slideshow > div .liner {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
}

#slideshow > div .liner .pinit {
  display: block;
  text-transform: uppercase;
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #BA182D;
  color: #fff;
  font-weight: 700;
  padding: 10px 15px 10px 35px;
  font-size: 12px;
  line-height: 1em;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/pinterest.png);
  background-repeat: no-repeat;
  background-size: 13px 16px;
  background-position: 11px center;
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  z-index: 2;
}

#slideshow > div .liner .pinit:hover {
  background-color: #880E1D;
}

#slideshow > div .container12 {
  top: 0;
  position: relative;
  height: 100%;
}

#slideshow > div .bannertext {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  color: #fff;
  font-size: 80px;
  font-weight: 800;
  line-height: 1em;
  text-transform: uppercase;
}

#slideshow > div img {
  max-width: none;
}

#banner.centered .bannertext {
  margin-left: auto;
  margin-right: auto;
  display: block;
  float: none;
  text-align: center;
}

#banner.centered.wider .bannertext {
  margin-left: auto;
  margin-right: auto;
  display: block;
  float: none;
  text-align: center;
  width: 1220px;
}

#banner.centered.wider.telemed a.pinit {
  background-color: #00763A;
}

#banner.smaller .bannertext {
  width: 100%;
  margin-bottom: 0;
  font-size: 60px;
  word-break: keep-all;
}

#breadcrumb {
  font-size: 12px;
  line-height: 1.5em;
  padding: 30px 0 30px 0;
}

#breadcrumb a {
  margin: 0 7px;
  text-decoration: none;
  text-transform: uppercase;
  color: #999;
}

#breadcrumb a:first-child {
  margin-left: 0;
}

#breadcrumb a:last-child {
  text-decoration: none;
  color: #BA182D;
  text-transform: none;
}

#breadcrumb a:hover {
  text-decoration: underline;
}

#homecontainer {
  margin-top: 123px;
}

#homecontainer.shallower {
  margin-top: 79px;
}

#crewhubcontainer {
  margin-top: 79px;
}

#crewhubcontainer.loggedin {
  margin-top: 125px;
}

#crewhubcontainer.loggedin.dash {
  margin-top: 486px;
}

.column3.crewhub {
  width: 434px;
}

.column9.crewhub {
  width: 942px;
}

#main {
  background-color: #f3f3f3;
  padding-bottom: 40px;
}

#main.pb0 {
  padding-bottom: 0;
}

#main.darker {
  background-color: #ddd;
}

#main.livestream {
  background-color: #2D2D2D;
  margin-bottom: 0;
  padding: 40px 0;
  color: #868686;
  position: relative;
}

#main.livestream h1 {
  color: #fff;
  font-size: 25px;
  padding-right: 100px;
}

#main.livestream .container12 .row {
  padding-bottom: 0;
}

#main.livestream .container12 .row .column12.livestreamholder {
  border-top: 1px solid #666;
  padding: 20px 0 30px 0;
  margin-top: 40px;
  position: relative;
}

#main.livestream .container12 .row .column12.livestreamholder .live {
  position: absolute;
  top: 20px;
  right: 0;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 800;
  color: #BA182D;
}

#main.livestream .container12 .row .column12.livestreamholder .live:before {
  display: block;
  width: 14px;
  height: 14px;
  content: " ";
  border-radius: 7px;
  background-color: #BA182D;
  position: absolute;
  top: 6px;
  left: -25px;
}

#main.livestream .container12 .row .column12.livestreamholder iframe,
#main.livestream .container12 .row .column12.livestreamholder .video-js {
  width: 100%;
  height: 785px;
}

#main.greenings-crew {
  background-color: #FFFFFF;
}

.livestreamtitle h2 {
  color: #868686;
  border-bottom: 1px solid #666;
  padding-bottom: 20px;
}

.livestreamtitle .newscontrols.socialshare a {
  opacity: 0.6;
}

.livestreamtitle .newscontrols.socialshare a:hover {
  opacity: 1;
}

.article {
  overflow: hidden;
}

.article a {
  color: #BA182D;
}

.article a.button {
  color: #fff;
}

.vidholder {
  position: relative;
  line-height: 1em;
  height: 785px;
  overflow: hidden;
  background-position: center top;
  background-size: cover;
}

.vidholder iframe, .vidholder object, .vidholder embed {
  position: relative;
  width: 100%;
  height: 100%;
}

.vidholder img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  line-height: 1em;
  width: 100%;
}

.vidholder:hover img {
  opacity: 0.7;
}

.vidholder > div {
  height: 100%;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/vidplay.png);
  background-repeat: no-repeat;
  background-size: 107px 107px;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  text-indent: -9999px;
  cursor: pointer;
  text-transform: uppercase;
  text-align: center;
  font-weight: 800;
  color: #fff;
  font-size: 80px;
  width: 100%;
  line-height: 1em;
}

.vidholder > div.withtitle {
  text-indent: 0;
  background-position: center 400px;
}

.vidholder > div.withtitle span {
  width: 950px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  padding-top: 200px;
}

.vidframe {
  position: relative;
  width: 924px;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.vidframe iframe, .vidframe object, .vidframe embed {
  position: relative;
  width: 884px;
  height: 496px;
  margin-bottom: 20px;
}

.vidframe iframe.mb0, .vidframe object.mb0, .vidframe embed.mb0 {
  margin-bottom: 0;
}

.vidframe > span {
  text-transform: uppercase;
  font-size: 18px;
  display: block;
  width: 35%;
  color: #999;
  font-weight: 700;
  line-height: 1.2em;
  float: left;
  margin-top: 5px;
}

.vidframe a {
  padding: 20px 40px;
  background-color: #BA182D;
  text-transform: uppercase;
  font-weight: 700;
  display: block;
  font-size: 12px;
  color: #fff;
  float: right;
  text-decoration: none;
  line-height: 1em;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.vidframe a:hover {
  background-color: #880E1D;
}

.vidframe.black {
  background-color: #000;
}

.vidframe.featured_style .left_col {
  width: 354px;
  float: left;
}

.vidframe.featured_style .left_col span {
  display: block;
  float: none;
  width: auto;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.2em;
  color: #FFF;
}

.vidframe.featured_style .left_col > span {
  font-size: 24px;
  margin-bottom: 20px;
}

.vidframe.featured_style .left_col > span + span {
  font-size: 14px;
  margin-bottom: 0;
}

.vidframe.featured_style .right_col {
  width: 530px;
  float: right;
}

footer #footertop {
  height: 91px;
  background-color: #000;
}

footer #footerbottom {
  padding-bottom: 80px;
}

footer a.fl_ventures {
  width: 90px;
  height: 35px;
  display: block;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/clipper-ventures.png);
  background-size: 90px 35px;
  text-indent: -9999px;
  margin-right: 20px;
  margin-top: 33px;
  float: left;
  clear: none;
}

footer a.fl_events {
  width: 157px;
  height: 25px;
  display: block;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/clipper-events.svg);
  background-size: 157px 25px;
  text-indent: -9999px;
  margin-right: 20px;
  margin-top: 33px;
  float: left;
  clear: none;
}

footer a.fl_velux {
  width: 151px;
  height: 25px;
  display: block;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/clipper-velux-5-oceans.png);
  background-size: 151px 25px;
  margin-top: 33px;
  text-indent: -9999px;
  float: left;
  clear: none;
}

footer a.fl_praxes {
  width: 60px;
  height: 50px;
  display: block;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/praxes.png);
  background-size: 60px 50px;
  margin-top: 20px;
  margin-left: 10px;
  text-indent: -9999px;
  float: left;
  clear: none;
}

footer a.fl_maverick {
  width: 72px;
  height: 47px;
  display: block;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/maverick.png);
  background-size: 72px 46px;
  margin-top: 20px;
  margin-left: 30px;
  text-indent: -9999px;
  float: left;
  clear: none;
}

footer a.fl_bmf {
  width: 86px;
  height: 46px;
  display: block;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/bmf.png);
  background-size: 86px 46px;
  margin-top: 20px;
  margin-left: 17px;
  text-indent: -9999px;
  float: left;
  clear: none;
}

footer a.fl_hamble {
  width: 157px;
  height: 45px;
  display: block;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/hamble.svg);
  background-size: 157px 45px;
  text-indent: -9999px;
  margin-top: 22px;
  float: left;
  clear: none;
}

footer a.social {
  margin-top: 36px;
}

footer a.social:hover {
  opacity: 0.7;
}

footer ul#footernav {
  line-height: 1em;
  float: left;
  margin-top: 34px;
  margin-right: 30px;
}

footer ul#footernav li {
  float: left;
  margin-left: 16px;
}

footer ul#footernav li a {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
  text-decoration: none;
  color: #666;
}

footer ul#footernav li a:hover {
  color: #999;
}

footer ul#footernav li.bysalad {
  font-size: 13px;
  color: #444;
  font-weight: 700;
  margin-top: 2px;
}

footer ul#footernav li.bysalad a {
  text-transform: none;
  color: #444;
}

footer ul#footernav li.bysalad a:hover {
  color: #00763A;
}

footer .socialwrapper {
  float: right;
}

footer.telemedfooter {
  margin-bottom: -30px;
}

#footerscroller {
  height: 176px;
  overflow: hidden;
  padding-bottom: 20px;
  margin-top: 30px;
  border-bottom: 1px solid #444;
}

#footerscroller li {
  float: left;
  height: 176px;
  text-align: center;
  min-width: 100px;
}

#footerscroller img {
  height: 100px;
}

#footerscroller a {
  text-decoration: none;
}

#footerscroller p {
  width: 100%;
  text-align: center;
  display: block;
  text-decoration: none;
  line-height: 1.4em;
  color: #444;
  font-size: 11px;
  margin-top: 10px;
  margin-bottom: 10px;
}

#footerscroller .mt0 {
  margin-top: 0;
}

#footerscroller .mb0 {
  margin-bottom: 0;
}

a#footerscrollerlink {
  display: block;
  height: 44px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 16px 15px 0 15px;
  line-height: 1em;
  background-color: #444;
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 800;
  position: relative;
  float: right;
  margin-top: -1px;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

a#footerscrollerlink:hover {
  background-color: #515151;
}

.footer_item {
  padding: 0 30px;
}

.credits {
  font-size: 13px;
  font-weight: 700;
  color: #444;
}

.credits a {
  color: #444;
  text-decoration: none;
}

.credits a:hover {
  color: #BA182D;
}

.credits span {
  display: inline-block;
  padding: 0 6px;
}

.gridcolumn3 {
  width: 334px;
  margin-left: 10px;
  margin-right: 10px;
  float: left;
  font-size: 15px;
}

.trainingmapholder {
  width: 100%;
  height: 360px;
  position: relative;
  margin-bottom: 40px;
}

.trainingmapholder img {
  max-width: none;
}

.trainingmapholder > span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  padding: 12px 20px;
  line-height: 1em;
  background-color: #fff;
  color: #919191;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 16px;
  z-index: 99;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/grey_arrows.png);
  background-repeat: no-repeat;
  background-position: 220px -39px;
  background-size: 13px 63px;
  width: 250px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}

.trainingmapholder > span.active {
  background-position: 220px 16px;
}

.trainingmapholder .addressdetails {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #fff;
  z-index: 98;
  padding: 60px 20px 12px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 12px;
  line-height: 1.5em;
  width: 250px;
  display: none;
}

.trainingmapholder .addressdetails span {
  text-transform: uppercase;
  font-weight: 700;
}

.mapcontainer {
  width: 100%;
  height: 100%;
}

.trainingtable {
  margin-bottom: 20px;
}

.trainingtable .name {
  background-color: #BA182D;
  color: #fff;
  line-height: 1.3em;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 16px;
  padding: 15px 15px 15px 74px;
  min-height: 16px;
  position: relative;
}

.trainingtable .name span.no {
  display: block;
  height: 27px;
  border-right: 1px solid #cf5e6c;
  padding: 5px 20px 0 3px;
  margin-right: 14px;
  margin-left: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 34px;
  position: absolute;
  top: 10px;
  left: 5px;
  text-align: center;
}

.trainingtable .location {
  background-color: #fff;
  color: #919191;
  line-height: 1em;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 16px;
  padding: 15px 15px 15px 74px;
  border-bottom: 1px solid #ddd;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/greymarker.png);
  background-repeat: no-repeat;
  background-position: 20px center;
  background-size: 18px 29px;
}

.trainingtable .duration {
  background-color: #fff;
  color: #919191;
  line-height: 1em;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 16px;
  padding: 15px 15px 15px 74px;
  border-bottom: 1px solid #ddd;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/greyduration.png);
  background-repeat: no-repeat;
  background-position: 16px center;
  background-size: 27px 27px;
}

.trainingtable .info {
  background-color: #fff;
  color: #919191;
  line-height: 1.3em;
  font-size: 14px;
  padding: 17px;
}

.trainingtable .info p:last-child {
  margin-bottom: 0;
}

.crewholder {
  background-color: #fff;
  height: 291px;
  margin-bottom: 20px;
}

.crewholder .left {
  width: 219px;
  height: 100%;
  position: relative;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/whitegreyloading.gif);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px 16px;
  background-color: #fff;
}

.crewholder .left .imgholder {
  width: 100%;
  height: 100%;
  position: relative;
}

.crewholder .left .imgholder img {
  width: 100%;
  height: 100%;
}

.crewholder .left .imgholder img.activeimg {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}

.crewholder .left .flagholder {
  position: absolute;
  bottom: 0;
  left: 0;
  line-height: 0;
}

.crewholder .left .flagholder img {
  width: 29px;
  height: 20px;
  float: left;
}

.crewholder .right {
  width: 232px;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  height: 100%;
}

.crewholder .right h3 {
  margin-bottom: 20px;
  line-height: 1.2em;
}

.crewholder .right span.black {
  color: #000;
}

.crewholder .right .bio {
  font-size: 12px;
  line-height: 1.5em;
}

.crewholder .right .fancy {
  width: 192px;
  cursor: pointer;
  background-color: #BA182D;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 1em;
  font-weight: 800;
  padding: 20px 0;
  position: absolute;
  bottom: 20px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  text-decoration: none;
}

.crewholder .right .fancy:hover {
  background-color: #880E1D;
}

.crewholder:hover .left .imgholder img.activeimg {
  opacity: 1;
}

.anniwrapper {
  background-color: #E9E9E9;
  margin-bottom: -40px;
  padding-top: 80px;
}

.anniwrapper .anni {
  margin-bottom: 100px;
  font-size: 16px;
}

.anniwrapper .anni .anniimg {
  height: 346px;
  margin-bottom: 30px;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
}

.anniwrapper .anni .anniimg .title {
  font-size: 40px;
  text-transform: uppercase;
  font-weight: 800;
  color: #fff;
  width: 100%;
  text-align: center;
  line-height: 1em;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 3;
}

.anniwrapper .anni .anniimg:after {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  content: " ";
}

.anniwrapper .anni .anniimg.color1:after {
  background-color: rgba(231, 29, 114, 0.65);
}

.anniwrapper .anni .anniimg.color2:after {
  background-color: rgba(0, 165, 223, 0.65);
}

.anniwrapper .anni .anniimg.color3:after {
  background-color: rgba(243, 146, 0, 0.65);
}

.anniwrapper .anni .annicopy > .left {
  width: 80%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 5%;
}

.anniwrapper .anni .annicopy > .left h6 {
  text-transform: uppercase;
  font-weight: 800;
  color: #000;
  font-size: 18px;
  line-height: 1.1em;
  margin-bottom: 1em;
}

.anniwrapper .anni .annicopy > .left .desc {
  line-height: 1.3em;
}

.anniwrapper .anni .annicopy > .left .desc ul {
  margin-bottom: 20px;
  list-style-type: disc;
  margin-left: 18px;
}

.anniwrapper .anni .annicopy > .right {
  width: 20%;
}

.anniwrapper .anni .annicopy > .right .button.enquire {
  height: 33px;
  width: 83px;
  padding: 10px 0px 0px 0px;
  float: right;
}

.anniwrapper .anni .annicopy > .right .button.enquire.wider {
  width: 122px !important;
}

.annimoreinfo {
  border-bottom: 1px solid #ccc;
  padding-bottom: 50px;
  margin-bottom: 50px;
}

.annimoreinfo.first {
  border-top: 1px solid #ccc;
  padding-top: 50px;
}

.annimoreinfo.last {
  border-bottom: none;
}

.annimoreinfo p:last-child {
  margin-bottom: 0;
}

.merchwrapper {
  background-color: #E9E9E9;
  margin-bottom: -40px;
  padding-top: 80px;
}

.merchwrapper .merch {
  margin-bottom: 100px;
  font-size: 16px;
}

.merchwrapper .merch img {
  margin-bottom: 30px;
  display: block;
  height: 346px;
}

.merchwrapper .merch .merchcopy > .left {
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 10%;
}

.merchwrapper .merch .merchcopy > .left h6 {
  text-transform: uppercase;
  font-weight: 800;
  color: #000;
  font-size: 18px;
  line-height: 1.1em;
  margin-bottom: 1em;
}

.merchwrapper .merch .merchcopy > .left .desc {
  line-height: 1.3em;
}

.merchwrapper .merch .merchcopy > .right {
  width: 50%;
}

.merchwrapper .merch .merchcopy > .right .block {
  line-height: 1em;
  border-top: 1px solid #ccc;
  padding: 16px 0;
}

.merchwrapper .merch .merchcopy > .right .block .left {
  width: 20%;
  text-align: left;
}

.merchwrapper .merch .merchcopy > .right .block .left.black {
  color: #000;
}

.merchwrapper .merch .merchcopy > .right .block .right {
  width: 77%;
  text-align: right;
}

.merchwrapper .merch .merchcopy > .right .block.last {
  border-bottom: 1px solid #ccc;
  padding: 9px 0;
  position: relative;
}

.merchwrapper .merch .merchcopy > .right .block.last .left {
  width: 73%;
  padding: 7px 0;
}

.merchwrapper .merch .merchcopy > .right .block.last .right {
  width: 25%;
}

.merchwrapper .merch .merchcopy > .right .block .button.enquire {
  height: 33px;
  width: 83px;
  padding: 10px 0px 0px 0px;
  float: right;
}

.merchwrapper .merch .merchcopy > .right .block .button.enquire.wider {
  width: 122px !important;
}

.merchmoreinfo {
  border-bottom: 1px solid #ccc;
  padding-bottom: 50px;
  margin-bottom: 50px;
}

.merchmoreinfo.first {
  border-top: 1px solid #ccc;
  padding-top: 50px;
}

.merchmoreinfo.last {
  border-bottom: none;
}

.merchmoreinfo p:last-child {
  margin-bottom: 0;
}

.roleswrapper {
  background-color: #E9E9E9;
  margin-bottom: -40px;
}

.roleswrapper h2 {
  border-top: none;
  margin: 30px 0;
  font-size: 20px;
}

.roleswrapper .role {
  height: 346px;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 20px;
  position: relative;
}

.roleswrapper .role:hover .text, .roleswrapper .role:focus .text {
  opacity: 1;
}

.roleswrapper .role .title {
  font-size: 40px;
  text-transform: uppercase;
  font-weight: 800;
  color: #fff;
  width: 100%;
  text-align: center;
  line-height: 1em;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.roleswrapper .role .text {
  width: 100%;
  height: 100%;
  background-color: rgba(34, 34, 34, 0.7);
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  overflow: auto;
}

.roleswrapper .role .text .liner {
  padding: 20px;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.gallerywrapper {
  margin-bottom: 0px;
}

#gallery {
  line-height: 0;
  width: 100%;
  position: relative;
  overflow: hidden;
}

#gallery .slide {
  width: 100%;
}

#gallery .slide img {
  width: 100%;
  height: 100%;
}

#gallery .slide .cycle-caption {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  text-align: center;
  font-size: 40px;
  position: absolute;
  bottom: 70px;
  line-height: 1.2em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 20%;
  display: none;
}

#gallery .slide .cycle-caption .liner {
  top: 60%;
  -webkit-transform: translateY(-60%);
          transform: translateY(-60%);
  position: relative;
}

#gallery .slide .cycle-caption .close {
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/fancybox/modalclose.png");
  background-size: 12px 12px;
  background-repeat: no-repeat;
  background-position: center center;
  width: 55px;
  height: 55px;
  position: absolute;
  top: 70px;
  right: 0;
  cursor: pointer;
}

#gallery .more {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #fff;
  padding: 35px 30px;
  height: 70px;
  font-size: 14px;
  z-index: 601;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-weight: 700;
  text-transform: uppercase;
}

#gallery .more:hover, #gallery .more.paused {
  background-color: #000;
}

#gallery .cycle-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 35px 20px;
  height: 70px;
  font-size: 18px;
  color: #fff;
  position: absolute;
  bottom: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  z-index: 600;
  overflow: hidden;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
}

#gallery .cyclenav {
  width: 50px;
  height: 70px;
  display: block;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/galleryarrows.png);
  background-size: 73px 15px;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  z-index: 600;
  cursor: pointer;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}

#gallery .cyclenav.cycle-prev {
  left: 20px;
  background-position: 20px 27px;
}

#gallery .cyclenav.cycle-next {
  left: 80px;
  background-position: -42px 27px;
}

#gallery .cyclenav:hover {
  background-color: #000;
}

.historywrapper {
  background-color: #E9E9E9;
  margin-bottom: -40px;
}

.historywrapper h2 {
  border-top: none;
  margin: 30px 0 20px 0;
  font-size: 20px;
}

.historywrapper .race {
  height: 346px;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 20px;
  position: relative;
  cursor: pointer;
}

.historywrapper .race:hover .text, .historywrapper .race:focus .text {
  opacity: 1;
}

.historywrapper .gallerywrapper {
  margin-top: 40px;
}

.prevraceholder {
  background-color: #fff;
  margin-bottom: 20px;
  width: 520px;
  height: 283px;
  background-size: cover;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  font-weight: 800;
  color: #fff;
}

.prevraceholder > span {
  display: block;
  font-size: 50px;
  line-height: 1em;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.prevraceholder .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  top: 0;
  display: none;
}

.prevraceholder .overlay .liner {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  position: relative;
  line-height: 1.2em;
}

.prevraceholder .overlay .liner .red {
  color: #BA182D;
}

.prevraceholder .overlay .liner a {
  margin-top: 20px;
}

.prevraceholder .overlay .liner a:hover {
  background-color: #BA182D;
}

.faqask {
  padding: 24px 14px;
  background-color: #fff;
  border-bottom: 1px solid #DEDEDE;
}

.faqask h1 {
  border-top: none;
  color: #BA182D;
  font-size: 18px;
  padding-top: 0;
  text-transform: none;
  font-weight: 700;
  padding-bottom: 1em;
}

.faqask p:last-child {
  margin-bottom: 0;
}

.faqask input[type="text"],
.faqask input[type="tel"] {
  background-color: #eee;
  height: 70px;
  font-size: 18px;
  color: #BABABA;
  text-transform: none;
  padding-left: 20px;
  padding-right: 168px;
  font-weight: normal;
  border: 4px solid #eee;
}

.faqask input[type="text"]::-webkit-input-placeholder,
.faqask input[type="tel"]::-webkit-input-placeholder {
  color: #BABABA;
}

.faqask input[type="text"]:-moz-placeholder,
.faqask input[type="tel"]:-moz-placeholder {
  /* Firefox 18- */
  color: #BABABA;
}

.faqask input[type="text"]::-moz-placeholder,
.faqask input[type="tel"]::-moz-placeholder {
  /* Firefox 19+ */
  color: #BABABA;
}

.faqask input[type="text"]:-ms-input-placeholder,
.faqask input[type="tel"]:-ms-input-placeholder {
  color: #BABABA;
}

.faqask .askbutton {
  width: 156px;
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 16px;
  height: 70px;
  padding-top: 27px;
}

.faqcategory {
  font-size: 18px;
}

.faqcategory .allq {
  display: none;
}

.faqcategory .title {
  padding: 24px 14px;
  padding-right: 20%;
  background-color: #fff;
  line-height: 1.5em;
  color: #BA182D;
  font-weight: 700;
  cursor: pointer;
  border-bottom: 1px solid #DEDEDE;
}

.faqcategory .entry {
  background-color: rgba(255, 255, 255, 0.35);
}

.faqcategory .entry .question {
  padding: 24px 14px;
  padding-right: 20%;
  font-weight: 700;
  line-height: 1.5em;
  color: #BA182D;
  cursor: pointer;
  border-bottom: 1px solid #DEDEDE;
}

.faqcategory .entry .answer {
  padding: 24px 14px;
  padding-right: 20%;
  font-size: 16px;
  line-height: 1.5em;
  border-bottom: 1px solid #DEDEDE;
  color: #212121;
  display: none;
}

.faqcategory .entry .answer a {
  color: #212121;
}

.faqcategory .entry .answer p:last-child {
  margin-bottom: 0;
}

.faqcategory .title, .faqcategory .question {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/redarrow.png);
  background-repeat: no-repeat;
  background-size: 15px 128px;
  background-position: 1340px -85px;
}

.faqcategory .title.active, .faqcategory .question.active {
  background-position: 1340px 32px;
}

#askform,
#resend,
.anniform,
.merchform {
  display: none;
  width: 373px;
}

#askform form,
#resend form,
.anniform form,
.merchform form {
  padding: 20px;
  width: 333px;
}

#askform form p.small,
#resend form p.small,
.anniform form p.small,
.merchform form p.small {
  font-size: 14px;
  line-height: 1.5em;
  color: #666666;
}

#askform form p.small a,
#resend form p.small a,
.anniform form p.small a,
.merchform form p.small a {
  color: #666666;
}

#askform form p.small a:hover,
#resend form p.small a:hover,
.anniform form p.small a:hover,
.merchform form p.small a:hover {
  text-decoration: none;
}

#askform label.error,
#resend label.error,
.anniform label.error,
.merchform label.error {
  display: none !important;
}

form.furtherinfoform p.small {
  font-size: 14px;
  line-height: 1.5em;
  color: #666666;
}

form.furtherinfoform p.small a {
  color: #666666;
}

form.furtherinfoform p.small a:hover {
  text-decoration: none;
}

form.furtherinfoform label.error {
  display: none !important;
}

.intclose .fancybox-close {
  top: 11px;
  right: 8px;
}

.modal h3 {
  color: #fff;
  margin-bottom: 20px;
}

.modal form input[type="text"],
.modal form input[type="email"],
.modal form input[type="tel"],
.modal form input[type="password"],
.modal form textarea {
  background-color: #333;
  color: #666;
  border: 4px solid #333;
}

.modal form input[type="text"]:focus,
.modal form input[type="email"]:focus,
.modal form input[type="tel"]:focus,
.modal form input[type="password"]:focus,
.modal form textarea:focus {
  background-color: #fff;
  border: 4px solid #fff;
}

.modal form input[type="text"]::-webkit-input-placeholder,
.modal form input[type="email"]::-webkit-input-placeholder,
.modal form input[type="tel"]::-webkit-input-placeholder,
.modal form input[type="password"]::-webkit-input-placeholder,
.modal form textarea::-webkit-input-placeholder {
  color: #666;
}

.modal form input[type="text"]:-moz-placeholder,
.modal form input[type="email"]:-moz-placeholder,
.modal form input[type="tel"]:-moz-placeholder,
.modal form input[type="password"]:-moz-placeholder,
.modal form textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #666;
}

.modal form input[type="text"]::-moz-placeholder,
.modal form input[type="email"]::-moz-placeholder,
.modal form input[type="tel"]::-moz-placeholder,
.modal form input[type="password"]::-moz-placeholder,
.modal form textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #666;
}

.modal form input[type="text"]:-ms-input-placeholder,
.modal form input[type="email"]:-ms-input-placeholder,
.modal form input[type="tel"]:-ms-input-placeholder,
.modal form input[type="password"]:-ms-input-placeholder,
.modal form textarea:-ms-input-placeholder {
  color: #666;
}

.modal form input[type="text"].error,
.modal form input[type="email"].error,
.modal form input[type="tel"].error,
.modal form input[type="password"].error,
.modal form textarea.error {
  border: 4px solid #BA182D;
}

.modal form input[type="submit"] {
  background-color: #BA182D;
  color: #fff;
  letter-spacing: 1px;
}

.modal form input[type="submit"]:focus, .modal form input[type="submit"]:hover {
  background-color: #880E1D;
}

.modal form .checkboxwrapper label {
  color: #666;
}

#isotope {
  min-height: 470px;
}

#isotope .item {
  background-color: #333;
  margin-bottom: 20px;
}

#isotope .item.column9 {
  height: 684px;
}

#isotope .item.column3 {
  height: 450px;
}

#isotope .item.column3.half {
  height: 214px;
}

#isotope2 {
  min-height: 470px;
}

#isotope2 .item {
  margin-bottom: 20px;
}

.glossary {
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-size: cover;
  background-position: center center;
  position: relative;
}

.glossary > .liner .toft {
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  display: block;
  line-height: 1em;
  padding-top: 14px;
  z-index: 11;
  position: relative;
  border-top: 5px solid #fff;
}

.glossary > .liner .term {
  text-transform: uppercase;
  color: #fff;
  font-weight: 800;
  font-size: 24px;
  display: block;
  line-height: 1em;
  padding-top: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  z-index: 11;
  position: relative;
  border-top: 5px solid #fff;
}

.glossary > .liner .desc {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 18px;
  line-height: 1.3em;
  font-weight: 700;
  color: #fff;
  background-color: #000;
  z-index: 10;
  display: none;
}

.glossary > .liner .desc .liner {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px;
}

.glossary.column9 .liner .term {
  font-size: 60px;
  line-height: 1em;
  margin-top: 5px;
  border-top: none;
  padding: 0;
}

.bordertop {
  border-top: 1px solid #ccc;
}

#filterbox {
  padding-top: 20px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
}

#filterbox .relative {
  height: 33px;
}

#filterbox .relative.selectpadding {
  padding: 9px 0 7px 0;
  font-size: 14px;
  line-height: 1em;
}

#filterbox .relative .filtercontainer {
  border: 1px solid #ccc;
  position: absolute;
  z-index: 99;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#filterbox .relative .filtercontainer .current {
  padding: 0px;
  width: 100%;
  height: 33px;
  margin: 0;
  font-size: 14px;
  background-color: #f3f3f3;
  color: #ADADAD;
  font-weight: 700;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 9px 28px 7px 12px;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/filter_dd_bg.png);
  background-repeat: no-repeat;
  background-size: 33px 33px;
  background-position: right 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1em;
  cursor: pointer;
}

#filterbox .relative .filtercontainer ul {
  width: 100%;
  margin: 0 0 0 0;
  display: none;
  border-top: none;
  font-size: 14px;
  background-color: #fff;
  color: #ADADAD;
  font-weight: 700;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 99;
  white-space: nowrap;
  overflow: auto;
  text-overflow: ellipsis;
  line-height: 1.3em;
  cursor: pointer;
  max-height: 360px;
}

#filterbox .relative .filtercontainer ul li {
  padding: 9px 12px 9px 12px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#filterbox .relative .filtercontainer ul li:hover {
  background-color: #f3f3f3;
}

#filterbox form {
  position: relative;
}

#filterbox form input[type="text"] {
  background-color: transparent;
  width: 100%;
  border: 1px solid #ccc;
  height: 35px;
  font-size: 14px;
  color: #ADADAD;
  padding: 10px 30px 10px 8px;
}

#filterbox form input[type="text"]::-webkit-input-placeholder {
  color: #ADADAD;
}

#filterbox form input[type="text"]:-moz-placeholder {
  /* Firefox 18- */
  color: #ADADAD;
}

#filterbox form input[type="text"]::-moz-placeholder {
  /* Firefox 19+ */
  color: #ADADAD;
}

#filterbox form input[type="text"]:-ms-input-placeholder {
  color: #ADADAD;
}

#filterbox form input[type="submit"] {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/search_magni_grey.png);
  background-repeat: no-repeat;
  background-size: 15px;
  background-color: transparent;
  background-position: center center;
  width: 33px;
  height: 33px;
  position: absolute;
  top: 1px;
  right: 0;
  text-indent: -9999px;
  line-height: 0;
  padding: 0;
}

#filterbox2 {
  padding-left: 354px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
}

#filterbox2 .relative {
  height: 33px;
}

#filterbox2 .relative:first-child {
  z-index: 99;
}

#filterbox2 .relative:nth-child(2) {
  z-index: 98;
}

#filterbox2 .relative:nth-child(3) {
  z-index: 97;
}

#filterbox2 .relative.mb20 {
  margin-bottom: 20px;
}

#filterbox2 .relative.selectpadding {
  padding: 9px 0 7px 0;
  font-size: 14px;
  line-height: 1em;
}

#filterbox2 .relative .filtercontainer2 {
  border: 1px solid #ccc;
  position: absolute;
  z-index: 99;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#filterbox2 .relative .filtercontainer2 .current {
  padding: 0px;
  width: 100%;
  height: 33px;
  margin: 0;
  font-size: 14px;
  background-color: #f3f3f3;
  color: #ADADAD;
  font-weight: 700;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 9px 28px 7px 12px;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/filter_dd_bg.png);
  background-repeat: no-repeat;
  background-size: 33px 33px;
  background-position: right 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1em;
  cursor: pointer;
}

#filterbox2 .relative .filtercontainer2 ul {
  width: 100%;
  margin: 0 0 0 0;
  display: none;
  border-top: none;
  font-size: 14px;
  background-color: #fff;
  color: #ADADAD;
  font-weight: 700;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 99;
  white-space: nowrap;
  overflow: auto;
  text-overflow: ellipsis;
  line-height: 1.3em;
  cursor: pointer;
  max-height: 360px;
}

#filterbox2 .relative .filtercontainer2 ul li {
  padding: 9px 12px 9px 12px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#filterbox2 .relative .filtercontainer2 ul li:hover {
  background-color: #f3f3f3;
}

#newswrapper a.item,
#relatedarticles a.item {
  height: 450px;
  text-decoration: none;
  display: block;
  border-bottom: 5px solid #BA182D;
  background-color: #E9E9E9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  padding-bottom: 120px;
}

#newswrapper a.item .imgholder,
#relatedarticles a.item .imgholder {
  width: 100%;
  height: 300px;
  background-size: cover;
  background-position: center center;
}

#newswrapper a.item .textholder,
#relatedarticles a.item .textholder {
  padding: 20px;
  position: absolute;
  bottom: 0;
  background-color: #fff;
  max-height: 150px;
  min-height: 150px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

#newswrapper a.item .textholder h2,
#relatedarticles a.item .textholder h2 {
  border-top: none;
  font-size: 13px !important;
  line-height: 1.2em;
  color: #000;
  font-weight: 700;
}

#newswrapper a.item .textholder p.date,
#relatedarticles a.item .textholder p.date {
  color: #919191;
  font-size: 11px;
  display: block;
  text-transform: uppercase;
  padding: 0 0 5px 0;
  line-height: 1em;
  margin-bottom: 0;
}

#newswrapper a.item .textholder p.preview,
#relatedarticles a.item .textholder p.preview {
  padding: 10px 0 0 0;
  width: 100%;
  font-size: 14px;
  line-height: 1.4em;
  margin-bottom: 0;
  display: block;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#newswrapper a.item .column12 h2,
#relatedarticles a.item .column12 h2 {
  border-top: none;
  margin: 30px 0 30px 0;
  font-size: 20px;
}

#newswrapper a.item:hover .textholder,
#relatedarticles a.item:hover .textholder {
  max-height: 300px;
}

#newswrapper a.item:hover p.preview,
#relatedarticles a.item:hover p.preview {
  opacity: 1;
}

#relatedarticles {
  background-color: #E9E9E9;
  margin-bottom: -40px;
  padding-bottom: 120px;
}

#relatedarticles .column12 h2 {
  border-top: none;
  margin: 30px 0 30px 0;
  font-size: 20px;
}

#relatedarticles a.item {
  margin-bottom: 20px;
}

.newsdate {
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 60px;
}

.newscontrols {
  margin-bottom: 20px;
}

.newscontrols.team img {
  height: 40px;
}

.newscontrols .controltitle {
  text-transform: uppercase;
  display: block;
  border-bottom: 1px solid #ddd;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 7px;
}

.newscontrols .tag {
  text-decoration: none;
  display: block;
  display: inline-block;
  color: #fff;
  padding: 7px;
  background-color: #dfdfdf;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 1em;
  margin: 0 7px 7px 0;
  font-weight: 700;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.newscontrols .tag:hover {
  background-color: #BA182D;
}

.newscontrols .text {
  font-size: 13px;
  text-transform: uppercase;
}

.newscontrols .text .subsep {
  display: block;
  border-bottom: 1px solid #ddd;
  padding: 12px 0;
}

.newscontrols .text .subsep:first-child {
  border-top: 1px solid #ddd;
}

.newscontrols .text .subsep strong {
  padding-right: 10px;
}

.newscontrols.socialshare {
  margin-top: 5px;
}

.newscontrols.socialshare a {
  display: inline-block;
  height: 24px;
  width: 25px;
  text-indent: -9999px;
  margin-bottom: 8px;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/socialsharespritex2.png);
  background-repeat: no-repeat;
  background-size: 250px 100px;
  margin-right: 10px;
}

.newscontrols.socialshare a.twitter {
  background-position: 0 0;
}

.newscontrols.socialshare a.twitter:hover {
  background-position: 0 -70px;
}

.newscontrols.socialshare a.facebook {
  background-position: -41px 0;
}

.newscontrols.socialshare a.facebook:hover {
  background-position: -41px -70px;
}

.newscontrols.socialshare a.linkedin {
  background-size: 24px 100px;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/socialsharesprite_linkedin.png);
  background-position: 0 0;
}

.newscontrols.socialshare a.linkedin:hover {
  background-position: 0 -70px;
}

.newscontrols.socialshare a.pinterest {
  background-position: -81px 0;
}

.newscontrols.socialshare a.pinterest:hover {
  background-position: -81px -70px;
}

.newscontrols.socialshare a.reddit {
  width: 32px;
  background-position: -119px 0;
}

.newscontrols.socialshare a.reddit:hover {
  background-position: -119px -70px;
}

.newscontrols.socialshare a.stumbleupon {
  width: 30px;
  background-position: -167px 0;
  margin-right: 0;
}

.newscontrols.socialshare a.stumbleupon:hover {
  background-position: -167px -70px;
}

.newscontrols.socialshare a.googleplus {
  background-position: -214px 0;
}

.newscontrols.socialshare a.googleplus:hover {
  background-position: -214px -70px;
}

.newscontrols.socialshare a.ical {
  background-size: 125px 100px;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/calendarsprite.png);
  background-position: 0 0;
  height: 31px;
  margin-left: 10px;
}

.newscontrols.socialshare a.ical:hover {
  background-position: 0px -70px;
}

.newscontrols.socialshare a.googlecal {
  background-size: 125px 100px;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/calendarsprite.png);
  background-position: -47px 0;
  height: 31px;
}

.newscontrols.socialshare a.googlecal:hover {
  background-position: -47px -70px;
}

.grid-sizer {
  width: 100%;
}

.newsloading {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/newsloader.gif);
  background-size: 16px 16px;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 1;
  height: 400px;
  position: absolute;
  top: 20px;
  width: 100%;
}

.newsfilterhideonload {
  opacity: 0;
}

.hideonload,
.hideimgonload {
  opacity: 0;
}

.greybg {
  background-color: #E9E9E9;
  padding-top: 30px;
  margin-top: -40px;
}

.greybg.mt0 {
  margin-top: 0;
}

.greybg.pt60 {
  padding-top: 60px;
}

h2.formh2 {
  border-top: none;
  font-size: 20px;
}

.capturecontainer form#captureform .clearfix {
  margin-bottom: 20px;
}

.capturecontainer form#captureform label {
  font-size: 12px;
  color: #999;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.4em;
  display: inline-block;
  padding-bottom: 4px;
  padding-top: 3px;
}

.capturecontainer form#captureform label.error {
  display: inline-block;
  color: #BA182D;
  padding-left: 5px;
}

.capturecontainer form#captureform input[type="text"],
.capturecontainer form#captureform input[type="email"] {
  border: 4px solid #f3f3f3;
  background-color: #f3f3f3;
  color: #999;
}

.capturecontainer form#captureform input[type="text"]:focus,
.capturecontainer form#captureform input[type="email"]:focus {
  background-color: #fff;
  border: 4px solid #fff;
}

.capturecontainer form#captureform input[type="text"].error,
.capturecontainer form#captureform input[type="email"].error {
  border-color: #BA182D;
}

.capturecontainer form#captureform input[type="submit"] {
  background-color: #BA182D;
  width: 280px;
  height: 66px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  outline: none;
}

.capturecontainer form#captureform input[type="submit"]:hover {
  background-color: #880E1D;
}

#capturetitle .success {
  display: none;
  text-transform: uppercase;
  color: #BA182D;
  font-weight: 800;
  font-size: 38px;
  line-height: 1em;
  margin: 20px 0 60px 0;
}

form.supportersform .clearfix {
  margin-bottom: 20px;
}

form.supportersform .clearfix .wrapper50 {
  width: calc(50% - 7px);
  margin-right: 14px;
  display: inline-block;
  float: left;
}

form.supportersform .clearfix .wrapper50.nrm {
  margin-right: 0;
}

form.supportersform .clearfix .wrapper50.tat {
  vertical-align: top;
}

form.supportersform label {
  font-size: 12px;
  color: #999;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.4em;
  display: inline-block;
  padding-bottom: 4px;
  padding-top: 3px;
}

form.supportersform label.error {
  display: inline-block;
  color: #BA182D;
  padding-left: 5px;
}

form.supportersform label.red {
  color: #BA182D;
}

form.supportersform span.label {
  display: inline-block;
  font-size: 12px;
  color: #999;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1em;
  margin-bottom: 20px;
}

form.supportersform span.label.error {
  color: #BA182D;
  margin-bottom: 40px;
}

form.supportersform input[type="text"],
form.supportersform input[type="tel"],
form.supportersform input[type="email"],
form.supportersform input[type="search"],
form.supportersform input[type="password"],
form.supportersform textarea {
  border: 4px solid #f3f3f3;
  background-color: #f3f3f3;
  color: #999;
}

form.supportersform input[type="text"]:focus,
form.supportersform input[type="tel"]:focus,
form.supportersform input[type="email"]:focus,
form.supportersform input[type="search"]:focus,
form.supportersform input[type="password"]:focus,
form.supportersform textarea:focus {
  background-color: #e9e9e9;
  border: 4px solid #e9e9e9;
}

form.supportersform input[type="text"].error,
form.supportersform input[type="tel"].error,
form.supportersform input[type="email"].error,
form.supportersform input[type="search"].error,
form.supportersform input[type="password"].error,
form.supportersform textarea.error {
  border-color: #BA182D;
}

form.supportersform textarea {
  resize: none;
  height: 100px;
}

form.supportersform select {
  text-transform: uppercase;
}

form.supportersform select.error + span.styled {
  border-color: #BA182D;
}

form.supportersform span.styled {
  background-color: #f3f3f3;
  color: #999;
  font-weight: 700;
  text-transform: uppercase;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/greydd.png);
  background-repeat: no-repeat;
  background-size: 50px 50px;
  padding: 15px 43px 11px 12px;
  background-position: right -4px;
  font-weight: 700;
  border: 4px solid #f3f3f3;
}

form.supportersform .supporterssubmit {
  margin-top: 70px;
  text-align: center;
}

form.supportersform .supporterssubmit input[type="submit"] {
  background-color: #BA182D;
  width: 215px;
  height: 66px;
  display: inline-block;
  outline: none;
}

form.supportersform .supporterssubmit input[type="submit"]:hover {
  background-color: #880E1D;
}

#supporters_success {
  text-align: center;
  display: none;
}

.apply-options-section {
  margin-top: 0;
  padding: 70px 0 0 0;
}

.apply-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 50px;
}

.apply-option {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 70px 220px 70px 30px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  cursor: pointer;
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

.apply-option h2 {
  font-size: 48px;
  color: #FFFFFF;
  font-family: "aktiv-grotesk-std", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 800;
  border-top: 0;
  padding-top: 0;
  margin-bottom: 30px;
}

.apply-option p {
  color: #FFFFFF;
  margin-bottom: 0;
}

.apply-option.app-pack {
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/app-pack.jpg");
  position: relative;
}

.apply-option.book-interview {
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/book-interview.jpg");
}

.apply-option.disabled {
  opacity: 0.2;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.apply-option:hover {
  opacity: 1;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.apply-forms {
  position: relative;
  overflow: hidden;
}

.apply-form {
  position: absolute;
  width: 100%;
  top: 0;
  right: 0;
  padding: 20px 0 0 0;
  opacity: 0;
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
  visibility: hidden;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.apply-form h2 {
  color: #000000;
  padding-top: 20px;
  border-top: 5px solid #BA182D;
}

.apply-form.active {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.app-pack-button-container {
  position: relative;
}

.app-pack-buttons {
  display: none;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  position: absolute;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0);
}

.app-pack-buttons .button {
  margin-left: 0;
  margin-right: 0;
}

.app-pack-buttons .order-by-post {
  margin-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}

.app-pack-buttons .order-by-post p {
  margin-bottom: 0;
  font-size: 14px;
  position: absolute;
  font-weight: 500;
  bottom: -35px;
}

.app-pack-buttons.active {
  -webkit-transition: background 0.5s;
  transition: background 0.5s;
  background: rgba(0, 0, 0, 0.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#apply-form-app-pack-form .download-copy {
  margin-top: 10px;
}

.applyform .clearfix, form.newsletterform .clearfix {
  margin-bottom: 20px;
}

.applyform .clearfix .titlewrapper, form.newsletterform .clearfix .titlewrapper {
  width: 192px;
  margin-right: 14px;
  display: inline-block;
  float: left;
}

.applyform .clearfix .firstnamewrapper, form.newsletterform .clearfix .firstnamewrapper {
  width: 293px;
  margin-right: 14px;
  display: inline-block;
  float: left;
}

.applyform .clearfix .lastnamewrapper, form.newsletterform .clearfix .lastnamewrapper {
  width: 293px;
  display: inline-block;
  float: left;
}

.applyform .clearfix .wrapper50, form.newsletterform .clearfix .wrapper50 {
  width: 396px;
  margin-right: 14px;
  display: inline-block;
  float: left;
}

.applyform .clearfix .wrapper50.nrm, form.newsletterform .clearfix .wrapper50.nrm {
  margin-right: 0;
}

.applyform .clearfix .wrapper50.tat, form.newsletterform .clearfix .wrapper50.tat {
  vertical-align: top;
}

.applyform .clearfix.divide3 label, form.newsletterform .clearfix.divide3 label {
  display: block;
}

.applyform .clearfix.divide3 .relative, form.newsletterform .clearfix.divide3 .relative {
  width: 259px;
  margin-right: 14px;
  display: inline-block;
  float: left;
}

.applyform .clearfix.divide3 .relative.nrm, form.newsletterform .clearfix.divide3 .relative.nrm {
  margin-right: 0;
}

.applyform .clearfix#mf_input, form.newsletterform .clearfix#mf_input {
  display: none;
}

.applyform .clearfix#mf_input.active, form.newsletterform .clearfix#mf_input.active {
  display: block;
}

.applyform label, form.newsletterform label {
  font-size: 12px;
  color: #999;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.4em;
  display: inline-block;
  padding-bottom: 4px;
  padding-top: 3px;
}

.applyform label.error, form.newsletterform label.error {
  display: inline-block;
  color: #BA182D;
  padding-left: 5px;
}

.applyform label.red, form.newsletterform label.red {
  color: #BA182D;
}

.applyform span.label, form.newsletterform span.label {
  display: inline-block;
  font-size: 12px;
  color: #999;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1em;
  margin-bottom: 20px;
}

.applyform span.label.error, form.newsletterform span.label.error {
  color: #BA182D;
  margin-bottom: 40px;
}

.applyform input[type="text"],
.applyform input[type="date"],
.applyform input[type="tel"],
.applyform input[type="email"],
.applyform input[type="search"],
.applyform input[type="password"],
.applyform textarea, form.newsletterform input[type="text"],
form.newsletterform input[type="tel"],
form.newsletterform input[type="email"],
form.newsletterform input[type="search"],
form.newsletterform input[type="password"],
form.newsletterform textarea {
  border: 4px solid #f3f3f3;
  background-color: #f3f3f3;
  color: #999;
}

.applyform input[type="text"]:focus,
.apply input[type="date"]:focus,
.applyform input[type="tel"]:focus,
.applyform input[type="email"]:focus,
.applyform input[type="search"]:focus,
.applyform input[type="password"]:focus,
.applyform textarea:focus, form.newsletterform input[type="text"]:focus,
form.newsletterform input[type="tel"]:focus,
form.newsletterform input[type="email"]:focus,
form.newsletterform input[type="search"]:focus,
form.newsletterform input[type="password"]:focus,
form.newsletterform textarea:focus {
  background-color: #fff;
  border: 4px solid #fff;
}

.applyform input[type="text"].error,
.applyform input[type="date"].error,
.applyform input[type="tel"].error,
.applyform input[type="email"].error,
.applyform input[type="search"].error,
.applyform input[type="password"].error,
.applyform textarea.error, form.newsletterform input[type="text"].error,
form.newsletterform input[type="tel"].error,
form.newsletterform input[type="email"].error,
form.newsletterform input[type="search"].error,
form.newsletterform input[type="password"].error,
form.newsletterform textarea.error {
  border-color: #BA182D;
}

.applyform input[type="text"]::-webkit-input-placeholder,
.applyform input[type="date"]::-webkit-input-placeholder,
.applyform input[type="tel"]::-webkit-input-placeholder,
.applyform input[type="email"]::-webkit-input-placeholder,
.applyform input[type="search"]::-webkit-input-placeholder,
.applyform input[type="password"]::-webkit-input-placeholder,
.applyform textarea::-webkit-input-placeholder, form.newsletterform input[type="text"]::-webkit-input-placeholder,
form.newsletterform input[type="tel"]::-webkit-input-placeholder,
form.newsletterform input[type="email"]::-webkit-input-placeholder,
form.newsletterform input[type="search"]::-webkit-input-placeholder,
form.newsletterform input[type="password"]::-webkit-input-placeholder,
form.newsletterform textarea::-webkit-input-placeholder {
  color: #999;
}

.applyform input[type="text"]:-ms-input-placeholder,
.applyform input[type="date"]:-ms-input-placeholder,
.applyform input[type="tel"]:-ms-input-placeholder,
.applyform input[type="email"]:-ms-input-placeholder,
.applyform input[type="search"]:-ms-input-placeholder,
.applyform input[type="password"]:-ms-input-placeholder,
.applyform textarea:-ms-input-placeholder, form.newsletterform input[type="text"]:-ms-input-placeholder,
form.newsletterform input[type="tel"]:-ms-input-placeholder,
form.newsletterform input[type="email"]:-ms-input-placeholder,
form.newsletterform input[type="search"]:-ms-input-placeholder,
form.newsletterform input[type="password"]:-ms-input-placeholder,
form.newsletterform textarea:-ms-input-placeholder {
  color: #999;
}

.applyform input[type="text"]::-ms-input-placeholder,
.applyform input[type="date"]::-ms-input-placeholder,
.applyform input[type="tel"]::-ms-input-placeholder,
.applyform input[type="email"]::-ms-input-placeholder,
.applyform input[type="search"]::-ms-input-placeholder,
.applyform input[type="password"]::-ms-input-placeholder,
.applyform textarea::-ms-input-placeholder, form.newsletterform input[type="text"]::-ms-input-placeholder,
form.newsletterform input[type="tel"]::-ms-input-placeholder,
form.newsletterform input[type="email"]::-ms-input-placeholder,
form.newsletterform input[type="search"]::-ms-input-placeholder,
form.newsletterform input[type="password"]::-ms-input-placeholder,
form.newsletterform textarea::-ms-input-placeholder {
  color: #999;
}

.applyform input[type="text"]::placeholder,
.applyform input[type="date"]::placeholder,
.applyform input[type="tel"]::placeholder,
.applyform input[type="email"]::placeholder,
.applyform input[type="search"]::placeholder,
.applyform input[type="password"]::placeholder,
.applyform textarea::placeholder, form.newsletterform input[type="text"]::placeholder,
form.newsletterform input[type="tel"]::placeholder,
form.newsletterform input[type="email"]::placeholder,
form.newsletterform input[type="search"]::placeholder,
form.newsletterform input[type="password"]::placeholder,
form.newsletterform textarea::placeholder {
  color: #999;
}

.applyform select, form.newsletterform select {
  text-transform: uppercase;
}

.applyform select.error + span.styled, form.newsletterform select.error + span.styled {
  border-color: #BA182D;
}

.applyform span.styled, form.newsletterform span.styled {
  background-color: #f3f3f3;
  color: #999;
  font-weight: 700;
  text-transform: uppercase;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/greydd.png);
  background-repeat: no-repeat;
  background-size: 50px 50px;
  padding: 15px 43px 11px 12px;
  background-position: right -4px;
  font-weight: 700;
  border: 4px solid #f3f3f3;
}

.applyform button,
.applyform .button, form.newsletterform button,
form.newsletterform .button {
  background-color: #BA182D;
  width: 280px;
  height: 66px;
  display: inline-block;
  margin-right: 10px;
  outline: none;
}

.applyform button:hover,
.applyform .button:hover, form.newsletterform button:hover,
form.newsletterform .button:hover {
  background-color: #880E1D;
}

.applyform button.tac,
.applyform .button.tac, form.newsletterform button.tac,
form.newsletterform .button.tac {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.applyform button.disabled,
.applyform .button.disabled, form.newsletterform button.disabled,
form.newsletterform .button.disabled {
  cursor: not-allowed;
}

.applyform .newsletteroptins, form.newsletterform .newsletteroptins {
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
  padding: 20px 0 24px 0;
  margin-bottom: 20px;
}

.applyform .newsletteroptins label.error, form.newsletterform .newsletteroptins label.error {
  margin-left: -5px;
}

.applyform .newslettersubmit, form.newsletterform .newslettersubmit {
  margin-top: 70px;
}

.applyform .newslettersubmit input[type="submit"], form.newsletterform .newslettersubmit input[type="submit"] {
  background-color: #BA182D;
  width: 215px;
  height: 66px;
  display: inline-block;
  margin-right: 10px;
  outline: none;
}

.applyform .newslettersubmit input[type="submit"]:hover, form.newsletterform .newslettersubmit input[type="submit"]:hover {
  background-color: #880E1D;
}

.applyform .bottombuttons, form.newsletterform .bottombuttons {
  margin: 70px 0;
}

.applyform .bottombuttons.legchoose, form.newsletterform .bottombuttons.legchoose {
  margin-top: 30px;
}

.applyform .bottombuttons.legchoose .checkboxwrapper, form.newsletterform .bottombuttons.legchoose .checkboxwrapper {
  margin-left: 15px;
  margin-bottom: 10px;
}

.applyform .bottombuttons.legchoose .button, form.newsletterform .bottombuttons.legchoose .button {
  margin-top: 40px;
}

.applyform.topborder, form.newsletterform.topborder {
  border-top: 1px solid #d0d0d0;
}

.applyform button {
  width: 210px;
  margin: 40px 0;
}

.additional-address-fields {
  height: auto;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.25s ease-in-out;
  transition: max-height 0.25s ease-in-out;
}

.additional-address-fields.active {
  max-height: 1000px;
}

.crew-stories-banner {
  background-color: #19395D;
  padding: 130px 0;
  overflow: hidden;
  position: relative;
}

.crew-stories-banner-bg {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/crew-stories-bg.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 100% 50%;
}

.crew-stories-banner-content {
  text-align: center;
  color: #FFFFFF;
  position: relative;
  z-index: 2;
}

.crew-stories-banner-content h4 {
  font-size: 48px;
  line-height: 1em;
  color: #fff;
  font-family: "aktiv-grotesk-std",Arial,"Helvetica Neue",Helvetica,sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 20px;
}

form.loginform .clearfix {
  margin-bottom: 20px;
}

form.loginform .clearfix .titlewrapper {
  width: 192px;
  margin-right: 10px;
  display: inline-block;
}

form.loginform .clearfix .firstnamewrapper {
  width: 293px;
  margin-right: 10px;
  display: inline-block;
}

form.loginform .clearfix .lastnamewrapper {
  width: 293px;
  display: inline-block;
}

form.loginform .clearfix .wrapper50 {
  width: 396px;
  margin-right: 10px;
  display: inline-block;
}

form.loginform .clearfix .wrapper50.nrm {
  margin-right: 0;
}

form.loginform .clearfix .wrapper50.tat {
  vertical-align: top;
}

form.loginform .clearfix.divide3 label {
  display: block;
}

form.loginform .clearfix.divide3 .relative {
  width: 259px;
  margin-right: 10px;
  display: inline-block;
}

form.loginform .clearfix.divide3 .relative.nrm {
  margin-right: 0;
}

form.loginform label {
  font-size: 12px;
  color: #999;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.4em;
  display: inline-block;
  padding-bottom: 4px;
  padding-top: 3px;
}

form.loginform label.error {
  display: inline-block;
  color: #BA182D;
  padding-left: 5px;
}

form.loginform input[type="text"],
form.loginform input[type="tel"],
form.loginform input[type="email"],
form.loginform input[type="search"],
form.loginform input[type="password"],
form.loginform textarea {
  border: 4px solid #fff;
  background-color: #fff;
  color: #999;
}

form.loginform input[type="text"]:focus,
form.loginform input[type="tel"]:focus,
form.loginform input[type="email"]:focus,
form.loginform input[type="search"]:focus,
form.loginform input[type="password"]:focus,
form.loginform textarea:focus {
  background-color: #fff;
  border: 4px solid #fff;
}

form.loginform input[type="text"].error,
form.loginform input[type="tel"].error,
form.loginform input[type="email"].error,
form.loginform input[type="search"].error,
form.loginform input[type="password"].error,
form.loginform textarea.error {
  border-color: #BA182D;
}

form.loginform select {
  text-transform: uppercase;
}

form.loginform select.error + span.styled {
  border-color: #BA182D;
}

form.loginform span.styled {
  background-color: #f3f3f3;
  color: #999;
  font-weight: 700;
  text-transform: uppercase;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/greydd.png);
  background-repeat: no-repeat;
  background-size: 50px 50px;
  padding: 15px 43px 11px 12px;
  background-position: right -4px;
  font-weight: 700;
  border: 4px solid #f3f3f3;
}

form.loginform .button,
form.loginform input[type="submit"] {
  background-color: #BA182D;
  width: 216px;
  height: 66px;
  display: inline-block;
  margin-right: 10px;
  outline: none;
}

form.loginform .button:hover,
form.loginform input[type="submit"]:hover {
  background-color: #880E1D;
}

form.loginform .button.tac,
form.loginform input[type="submit"].tac {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

form.loginform .bottombuttons {
  margin: 70px 0;
}

form.loginform.topborder {
  border-top: 1px solid #d0d0d0;
}

.ccfooter {
  border-top: 1px solid #d0d0d0;
  padding-top: 25px;
}

.ccfooter span {
  display: inline-block;
  height: 30px;
  overflow: hidden;
  text-indent: -9999px;
  margin-right: 10px;
  margin-bottom: 10px;
  background-repeat: no-repeat;
}

.ccfooter span.ccmastercard {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/cc_mastercard.png);
  background-size: 50px 30px;
  width: 50px;
}

.ccfooter span.ccamex {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/cc_amex.png);
  background-size: 28px 30px;
  width: 28px;
}

.ccfooter span.ccpaypal {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/cc_paypal.png);
  background-size: 64px 30px;
  width: 64px;
}

.ccfooter span.ccvisa {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/cc_visa2.png);
  background-size: 60px 30px;
  width: 60px;
}

.ccfooter span.ccsagepay {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/cc_sagepay.png);
  background-size: 78px 30px;
  width: 78px;
}

.ccfooter span.ccworldpay {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/cc_worldpay.png);
  background-size: 102px 30px;
  width: 102px;
}

.ccfooter span.ccjcb {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/cc_jcb.png);
  background-size: 32px 30px;
  width: 32px;
}

.ccfooter span.ccmaestro {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/cc_maestro.png);
  background-size: 50px 30px;
  width: 50px;
}

.ccfooter span.ccglobalsign {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/cc_globalsign.png);
  background-size: 110px 30px;
  width: 110px;
}

.hideifapply {
  display: none;
}

#app_progress {
  height: 42px;
  background-color: #fff;
  margin-top: -40px;
}

#app_progress ul {
  width: 100%;
  height: 42px;
  display: block;
}

#app_progress ul li {
  float: left;
  height: 100%;
  display: block;
  text-transform: uppercase;
  color: #222;
  font-weight: 800;
  font-size: 14px;
  line-height: 1em;
  width: 232px;
  text-align: center;
}

#app_progress ul li:first-child > span, #app_progress ul li:first-child > a {
  border-left: 1px solid #ccc;
}

#app_progress ul li:last-child {
  width: 236px;
}

#app_progress ul li.current {
  background-color: #E9E9E9;
  margin-left: -1px;
  margin-right: 1px;
}

#app_progress ul li.current > span, #app_progress ul li.current > a {
  border-right: 0;
  border-left: 0;
  color: #222;
}

#app_progress ul li.complete > a {
  color: #BA182D;
  text-decoration: none;
}

#app_progress ul li.complete > a span.showonmob {
  display: none;
}

#app_progress ul li.complete > span {
  color: #BA182D;
}

#app_progress ul li > span, #app_progress ul li a {
  display: inline-block;
  width: 100%;
  height: 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 12px;
  border-right: 1px solid #ccc;
  padding-top: 2px;
}

#app_progress ul li > span > span.showonmob, #app_progress ul li a > span.showonmob {
  display: none;
  color: #222;
  padding-right: 5px;
}

.applyforminfo {
  font-size: 16px;
  line-height: 1.4em;
}

.applyforminfo h1 {
  margin-top: 0;
  border-top: 0;
  padding-top: 0;
  margin-bottom: 50px;
}

.applyforminfo h1 span {
  color: #BA182D;
}

.applyforminfo a {
  color: #BA182D;
  text-decoration: none;
}

.applyforminfo a:hover {
  text-decoration: underline;
}

.applyforminfo a.button {
  width: 100%;
  color: #fff;
  text-decoration: none;
}

.formleg {
  padding: 25px 0;
  border-bottom: 1px solid #d0d0d0;
  -webkit-transition: background-color 0.1s;
  transition: background-color 0.1s;
}

.formleg .left div {
  float: left;
  clear: none;
  height: 100%;
}

.formleg .left div.check {
  width: 35px;
  height: 21px;
  margin-left: 15px;
  position: relative;
}

.formleg .left div.check.checkboxwrapper {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.formleg .left div.check.checkboxwrapper input[type="checkbox"] + label:before {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/checkbox_radio_light.png);
}

.formleg .left div.check span.fakecheck {
  display: block;
  width: 21px;
  height: 21px;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/checkbox_radio_light.png);
  background-size: 21px 211px;
  cursor: not-allowed;
}

.formleg .left div.check .blocker {
  width: 21px;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 99;
  display: none;
  cursor: not-allowed;
}

.formleg .left div.leg {
  text-transform: uppercase;
  font-size: 20px;
  line-height: 1em;
  color: #212121;
  font-weight: 800;
  padding-right: 20px;
  width: 57px;
}

.formleg .left div.moreinfo {
  padding-top: 1px;
  font-size: 14px;
  line-height: 1.3em;
  text-transform: uppercase;
  width: 550px;
}

.formleg .left div.moreinfo .dilb {
  padding-right: 10px;
}

.formleg .left div.moreinfo a {
  color: #BA182D;
  text-decoration: none;
  font-weight: 700;
  display: none;
  font-size: 11px;
  line-height: 1em;
  margin-top: 4px;
  height: 14px;
  float: left;
  clear: none;
}

.formleg .left div.moreinfo.wider {
  width: 1080px;
}

.formleg .right {
  text-transform: uppercase;
  font-size: 20px;
  line-height: 1em;
  color: #BA182D;
  font-weight: 800;
  padding-right: 20px;
}

.formleg.total {
  background-color: #f2f2f2;
}

.formleg.training .left .leg {
  width: 230px;
  padding-right: 0;
}

.formleg.training .left .moreinfo {
  width: 580px !important;
}

.formleg.circum .left .leg {
  width: 290px;
  padding-right: 0;
}

.formleg.circum .left .moreinfo {
  width: 580px !important;
}

.formleg.notsure .left .leg {
  width: 547px;
  padding-right: 0;
}

.formleg.notsure .left .moreinfo {
  width: 0;
}

.formleg:hover {
  background-color: #ffffff;
}

.formleg:hover .left div.moreinfo a {
  display: block;
}

.formleg:hover .left div.moreinfo a:hover {
  color: #880E1D;
}

.formleg.firstlast .left div.moreinfo {
  width: 0;
}

.formleg.share {
  text-transform: uppercase;
  font-size: 14px;
  color: #BBBBBB;
  font-weight: 700;
  padding-left: 52px;
}

.formleg.hidden {
  display: none;
}

#visitlater {
  display: none;
}

#visitlater form {
  padding: 20px;
  width: 300px;
}

#visitlater form p {
  color: #999;
  font-size: 14px;
  line-height: 1.5em;
}

#termsmodal {
  display: none;
}

#termsmodal .liner {
  padding: 20px;
  width: 500px;
}

#termsmodal .liner > div {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 400px;
  overflow: auto;
  background-color: #fff;
  padding: 10px;
  font-size: 13px;
  line-height: 1.3em;
}

#termsmodal .liner > div h2 {
  border-top: 0;
  margin-bottom: 10px;
  margin-top: 5px;
  padding-top: 0;
  color: #444;
  font-size: 16px;
}

#termsmodal .liner > div ol {
  list-style-type: decimal;
  margin-left: 10px;
  padding-left: 10px;
  margin-bottom: 1em;
}

p.passwordsent {
  color: #333;
}

.applyaddresses .addressdivs {
  border-top: 1px solid #d0d0d0;
  padding: 12px 0;
}

.applyaddresses .addressdivs h2 {
  color: #222;
  border-top: none;
  padding-top: 0;
  padding-bottom: 12px;
}

.applyaddresses .addressdivs .content {
  margin: 10px 0 30px 0;
}

.applyaddresses .addressdivs .subrow {
  float: left;
  clear: both;
  margin-bottom: 10px;
}

.applyaddresses .addressdivs .subrow .left {
  width: 216px;
  padding-right: 20px;
}

.applyaddresses .addressdivs .subrow .top {
  display: block;
  text-transform: uppercase;
  color: #999;
  font-size: 12px;
  font-weight: 700;
}

.applyaddresses .addressdivs .subrow .bottom {
  display: block;
  text-transform: uppercase;
  color: #222;
  font-size: 16px;
}

.applyaddresses .addressdivs .check.checkboxwrapper label {
  padding-top: 3px;
}

.applyaddresses .addressdivs .check.checkboxwrapper input[type="checkbox"] + label:before {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/checkbox_radio_light.png);
}

.billingbuttons {
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
}

.billingbuttons a.button {
  font-size: 12px;
  margin-right: 10px;
  margin-left: 0;
  display: inline-block;
}

.billingbuttons form {
  display: inline-block;
}

.billingbuttons input[type="submit"] {
  background-color: #BA182D;
  width: 214px;
  height: 66px;
  display: inline-block;
}

p.sagepayreason {
  display: block;
  border: 1px solid #BA182D;
  padding: 10px;
  width: 100%;
  color: #222;
  margin-bottom: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.terms label {
  padding-top: 3px;
}

.file_button_container,
.file_button_container input {
  height: 213px;
  width: 179px;
  cursor: pointer;
}

.file_button_container {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/greyplus.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px 26px;
  background-color: #f3f3f3;
  position: relative;
}

.file_button_container input {
  opacity: 0;
  width: 100%;
  height: 100%;
}

.filenamecontainer {
  display: none;
}

.imgerror {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.4em;
  display: inline-block;
  color: #BA182D;
}

.view_port {
  display: inline-block;
  padding: 11px 20px 10px 20px;
  background-color: #ccc;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 1em;
  margin-top: 10px;
  text-decoration: none;
  font-weight: 700;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.view_port:hover {
  background-color: #BA182D;
}

.portwidgets {
  border-top: 1px solid #d0d0d0;
  padding-top: 30px;
  margin-top: 30px;
  padding-bottom: 30px;
}

.portwidgets > div {
  width: 24%;
  display: inline-block;
  padding-top: 75px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1em;
  font-weight: 800;
  background-size: 50px 61px;
  background-position: center top;
  background-repeat: no-repeat;
  text-align: center;
}

.portwidgets > div.timer {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/port_timer.png);
}

.portwidgets > div.flag {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/port_flag.png);
}

.portwidgets > div.compass {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/port_compass.png);
}

.portwidgets > div.thermometer {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/port_thermometer.png);
}

.worldmapholder {
  position: relative;
  background-color: #e5e5e5;
}

.worldmapholder .container12 {
  position: relative;
  height: 598px;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/worldmapred.png);
  background-position: center top;
  background-repeat: no-repeat;
}

.worldmapholder .marker {
  width: 14px;
  height: 14px;
  border-radius: 7px;
  background-color: #BA182D;
  border: 1px solid #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  position: absolute;
  display: none;
}

.worldmapholder .marker:hover {
  background-color: #880E1D;
}

.worldmapholder .marker.current {
  -webkit-transition: none;
  transition: none;
  background-color: #1667A2;
  display: block;
}

.worldmapholder .markerinfo {
  width: 138px;
  padding: 10px;
  background-color: #222;
  color: #fff;
  font-size: 12px;
  line-height: 1.4em;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 37px;
  display: none;
  z-index: 101;
}

.worldmapholder .markerinfo span {
  display: block;
  border-bottom: 1px solid #444;
  padding: 6px 0;
}

.worldmapholder .markerinfo span:first-child {
  padding-top: 0;
}

.worldmapholder .markerinfo span:last-child, .worldmapholder .markerinfo span.last {
  padding-bottom: 0;
  border-bottom: none;
}

.worldmapholder .markerinfo:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(34, 34, 34, 0);
  border-top-color: #222222;
  border-width: 11px;
  margin-left: -11px;
}

.worldmapholder .markerinfo.bottom {
  bottom: auto;
  top: 33px;
}

.worldmapholder .markerinfo.bottom:after {
  bottom: 100%;
  top: auto;
  border-bottom-color: #222222;
  border-top: none;
}

.worldmapholder .markerinfo.current {
  background-color: #BA182D;
}

.worldmapholder .markerinfo.current:after {
  border-top-color: #BA182D;
  padding-top: 30px;
}

.worldmapholder .markerinfo.current.bottom:after {
  border-bottom-color: #BA182D;
}

.worldmapholder .markerinfo.current span {
  border-bottom-color: #D21A33;
}

.worldmapholder .markerinfo.current a {
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  padding: 5px;
  width: 100%;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 10px;
  background-color: #880E1D;
  margin-top: 8px;
  color: #fff;
  font-weight: 700;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.worldmapholder .markerinfo.current a:hover {
  background-color: #4F0A12;
}

.ports {
  padding: 130px 0;
}

.ports a.portprev, .ports div.portprev {
  position: relative;
  background-color: #fff;
  display: block;
  text-decoration: none;
  margin-bottom: 20px;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.ports a.portprev .circumnavigation-cta, .ports div.portprev .circumnavigation-cta {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #2B63A4;
  text-decoration: none;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ports a.portprev .circumnavigation-cta span, .ports div.portprev .circumnavigation-cta span {
  position: absolute;
  bottom: 20px;
  left: 20px;
  display: block;
  font-size: 12px;
  line-height: 1em;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
}

.ports a.portprev .circumnavigation-cta span.title, .ports div.portprev .circumnavigation-cta span.title {
  font-size: 31px;
  position: relative;
  font-weight: 800;
  margin-bottom: 10px;
  bottom: unset;
  top: auto;
  left: auto;
}

.ports a.portprev .circumnavigation-cta span.body, .ports div.portprev .circumnavigation-cta span.body {
  position: relative;
  text-transform: none;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.3em;
  bottom: unset;
  top: auto;
  left: auto;
}

.ports a.portprev .circumnavigation-cta span.label, .ports div.portprev .circumnavigation-cta span.label {
  position: absolute;
  bottom: 20px;
  left: 20px;
  display: block;
  top: auto;
  font-size: 12px;
}

.ports a.portprev .imgholder, .ports div.portprev .imgholder {
  position: relative;
  width: 100%;
  height: 198px;
  overflow: hidden;
  position: relative;
}

.ports a.portprev .imgholder img, .ports div.portprev .imgholder img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  min-height: 100%;
  min-width: 100%;
}

.ports a.portprev .imgholder .bigtick, .ports div.portprev .imgholder .bigtick {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  background-size: 52px 39px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/bigtick.png);
  position: absolute;
  top: 0;
  left: 0;
}

.ports a.portprev .liner, .ports div.portprev .liner {
  padding: 10px;
}

.ports a.portprev .liner .location, .ports div.portprev .liner .location {
  background-repeat: no-repeat;
  background-size: 29px 20px;
  padding: 3px 0 15px 50px;
  font-size: 14px;
  color: #000;
  text-transform: uppercase;
  font-weight: 800;
  line-height: 1.2em;
  min-height: 30px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ports a.portprev .liner .location.noflag, .ports div.portprev .liner .location.noflag {
  padding-left: 0;
}

.ports a.portprev .liner .entry, .ports div.portprev .liner .entry {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #999;
  border-top: 1px solid #eee;
  padding: 8px 0;
  line-height: 15px;
}

.ports a.portprev .liner .entry .left, .ports div.portprev .liner .entry .left {
  font-size: 11px;
  width: 30%;
  text-transform: uppercase;
}

.ports a.portprev .liner .entry .right, .ports div.portprev .liner .entry .right {
  font-size: 13px;
  width: 65%;
  text-align: right;
}

.ports a.portprev .liner .entry:last-child, .ports div.portprev .liner .entry:last-child {
  padding-bottom: 4px;
}

.ports a.portprev:hover, .ports div.portprev:hover {
  background-color: #f6f6f6;
}

.portsidebar h1 {
  margin-bottom: 15px;
}

.portsidebar .flag {
  min-height: 20px;
  margin-bottom: 30px;
}

.portsidebar .flag img {
  width: 29px;
  height: 20px;
  margin-right: 10px;
}

.portsidebar .entry {
  font-size: 13px;
  line-height: 1.2em;
  border-top: 1px solid #ccc;
  padding: 12px 0;
}

.portsidebar .entry .left {
  text-transform: uppercase;
  width: 48%;
}

.portsidebar .entry .right {
  width: 48%;
  text-align: right;
}

.portsidebar .rotaryflat {
  width: 167px;
  margin-top: 7px;
}

.portsidebar .hotel-button {
  margin: 30px 0 20px 0;
}

#clock {
  font-size: 40px;
  font-weight: 800;
  line-height: 1em;
}

#clock > span {
  height: 44px;
  border-right: 1px solid #ccc;
  display: inline-block;
  padding-right: 9px;
  margin-right: 9px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 2px;
}

#clock > span.secs {
  border-right: none;
}

#portmap {
  height: 819px;
}

.infoBox {
  background-color: #000;
  padding: 12px 5px 12px 6px;
  text-align: center;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  width: 160px;
  line-height: 1.5em;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.infoBox:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(0, 0, 0, 0);
  border-top-color: #000000;
  border-width: 11px;
  margin-left: -11px;
}

#porttablewrapper {
  margin-bottom: 70px;
}

#porttablewrapper h2 {
  border-top: none;
  margin: 30px 0 20px 0;
  font-size: 20px;
  color: #fff;
}

#porttablewrapper .portlist {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 40px;
}

#porttablewrapper .portlist .entry {
  border-top: 1px solid #555;
  padding: 10px 0;
}

#porttablewrapper .portlist .entry .left {
  text-transform: uppercase;
}

#porttablewrapper .portlist .entry .left .morewrapper {
  position: relative;
  display: inline-block;
  line-height: 18px;
}

#porttablewrapper .portlist .entry .left .morewrapper .link {
  color: #BA182D;
  text-decoration: none;
  font-size: 11px;
  padding-left: 10px;
  opacity: 0;
  cursor: pointer;
  line-height: 1em;
  margin-top: -1px;
}

#porttablewrapper .portlist .entry .left .morewrapper .link.white {
  color: #fff;
}

#porttablewrapper .portlist .entry .left .morewrapper .popup {
  background-color: #2B63A4;
  padding: 10px;
  position: absolute;
  width: 200px;
  bottom: 40px;
  margin-left: -50px;
  color: #fff;
  font-size: 12px;
  text-transform: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: none;
}

#porttablewrapper .portlist .entry .left .morewrapper .popup:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(0, 0, 0, 0);
  border-top-color: #2B63A4;
  border-width: 11px;
  margin-left: -11px;
}

#porttablewrapper .portlist .entry .left .morewrapper:hover .popup {
  display: block;
}

#porttablewrapper .portlist:hover .left .morewrapper .link {
  opacity: 1;
}

.bigaccord {
  border-top: 1px solid #ccc;
  padding: 90px 0;
  cursor: pointer;
  margin-bottom: 0;
}

.bigaccord:first-child {
  border-top: none;
}

.bigaccord.topborder:first-child {
  border-top: 1px solid #ccc;
}

.bigaccord h2 {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}

.bigaccord .article {
  min-height: 20px;
}

.bigaccord .article .liner {
  display: none;
  opacity: 0;
}

.bigaccord .article .liner p:last-child {
  margin-bottom: 0;
}

.bigaccord .column1 {
  text-align: right;
  color: #BA182D;
  font-size: 30px;
  line-height: 20px;
}

.aboutaspirational {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/RKJ_0032.jpg);
  background-position: center center;
  background-size: cover;
  width: 100%;
  height: 815px;
  position: relative;
}

.aboutaspirational div {
  width: 80%;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 50px;
  line-height: 1.1em;
}

.aboutaspirational div.opaque-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: unset;
          transform: unset;
  background-color: #000;
  opacity: 0.2;
}

.aboutaspirational div span {
  display: block;
  position: relative;
  font-weight: 800;
}

.aboutaspirational div span:first-child {
  top: 15px;
}

.aboutaspirational div span:nth-child(2) {
  top: 7px;
}

.aboutaspirational div span:last-child {
  margin-top: 40px;
  font-size: 18px;
  line-height: 1.5em;
}

.case-study-heading img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 250px;
  margin: 0;
  padding: 0 0 40px 0;
}

.sponsor_heading h1 {
  color: #999999;
  margin-bottom: 0;
}

.sponsor_heading h2 {
  text-transform: uppercase;
  color: #000;
  font-weight: 800;
  font-size: 30px;
  line-height: 1em;
  border-top: none;
  padding: 0;
  margin: 0;
}

.sponsor_heading img {
  display: block;
  width: auto;
  height: auto;
  max-width: 250px;
  max-height: 250px;
  margin: 0;
  padding: 40px 0;
}

.sponsorquote {
  background-color: #FFF;
  width: 100%;
  padding: 80px 0;
  position: relative;
}

.sponsorquote div {
  width: 80%;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: #BA182D;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 50px;
  line-height: 1.1em;
}

.sponsorquote div span {
  display: block;
  position: relative;
  font-weight: 800;
}

.sponsorquote div span:first-child {
  top: 15px;
}

.sponsorquote div span:last-child {
  top: 7px;
}

.sponsorimg {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/ClipperEvents_banner-1920.jpg);
  background-position: center center;
  background-size: cover;
  width: 100%;
  height: 600px;
  position: relative;
}

.sponsor_text_one :last-child, .sponsor_text_two :last-child, .sponsor_text_three :last-child {
  margin-bottom: 0;
}

.sponsor_text_two, .sponsor_text_three {
  padding: 80px 0;
}

.sponsor_text_one {
  padding-bottom: 80px;
}

.sponsor_text_three {
  padding-bottom: 40px;
}

.sponsor_text_three .button {
  margin-top: 60px;
}

.lightbreybg {
  background-color: #f3f3f3;
}

#galleryisotope .item {
  height: 215px;
  background-size: cover;
  background-position: center center;
  position: relative;
  margin-bottom: 20px;
}

#galleryisotope .item .liner {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  background-color: rgba(0, 0, 0, 0.2);
}

#galleryisotope .item .feat {
  text-transform: uppercase;
  color: #fff;
  font-weight: 800;
  font-size: 18px;
  display: none;
  line-height: 1em;
  padding-top: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  z-index: 11;
  position: relative;
  border-top: 5px solid #fff;
}

#galleryisotope .item .desc {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: none;
  text-transform: uppercase;
  color: #fff;
  font-weight: 800;
  font-size: 20px;
  line-height: 1.1em;
  padding-top: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  z-index: 11;
  position: relative;
  border-top: 5px solid #fff;
}

#galleryisotope .item .desc .date {
  font-size: 14px;
  margin-top: 10px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  line-height: 1em;
}

#galleryisotope .item .shortdesc {
  display: none;
}

#galleryisotope .item.column9 {
  height: 450px;
}

#galleryisotope .item.column9 .feat {
  font-size: 24px;
  display: block;
}

#galleryisotope .item.column9 .desc {
  font-size: 24px;
}

#galleryisotope .item:hover .liner {
  background-color: #000;
}

#galleryisotope .item:hover .liner .feat {
  display: none;
}

#galleryisotope .item:hover .liner .desc {
  display: block;
}

.pagination .fl {
  float: left;
}

.pagination .fr {
  float: right;
}

.pagination a {
  width: 200px;
  height: 66px;
  display: inline-block;
  cursor: pointer;
  background-color: #BA182D;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1em;
  font-weight: 800;
  padding: 26px 12px 20px 12px;
  text-decoration: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.pagination a:hover {
  background-color: #880E1D;
}

.galleryheader {
  color: #fff;
  text-transform: uppercase;
}

.galleryheader .column12 {
  background-color: #222;
}

.galleryheader .left {
  padding: 20px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 24px;
  font-weight: 800;
  width: 40%;
}

.galleryheader .right {
  padding: 25px 30px 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: 700;
  width: 60%;
  text-align: right;
  font-size: 14px;
  line-height: 1em;
}

.column2.thumb {
  height: 152px;
  background-position: center center;
  background-size: cover;
  margin-bottom: 20px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
}

.column2.thumb:hover {
  opacity: 0.8;
}

.column2.thumb.vid {
  position: relative;
}

.column2.thumb.vid:after {
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/vidplay.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50px 50px;
  opacity: 0.92;
}

#fullscreengallery {
  background-color: #222;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5000;
  display: none;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/galleryloader.gif);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
}

#fullscreengallery .gallerywrapper {
  height: 100%;
}

#fullscreengallery .gallerywrapper #galleryfs {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  display: none;
}

#fullscreengallery .gallerywrapper #galleryfs .slide {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

#fullscreengallery .gallerywrapper #galleryfs .close {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #fff;
  padding: 23px 30px;
  height: 70px;
  font-size: 14px;
  z-index: 601;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 100px;
  text-transform: uppercase;
  font-weight: 700;
}

#fullscreengallery .gallerywrapper #galleryfs .close:hover {
  background-color: #000;
}

#fullscreengallery .gallerywrapper #galleryfs .share {
  position: absolute;
  bottom: 0;
  right: 100px;
  color: #fff;
  padding: 25px 30px;
  height: 70px;
  font-size: 14px;
  z-index: 601;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-transform: uppercase;
  font-weight: 700;
}

#fullscreengallery .gallerywrapper #galleryfs .share span {
  display: block;
  width: 14px;
  height: 17px;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/share_gallery.png);
  background-size: 14px 17px;
  text-indent: -9999px;
}

#fullscreengallery .gallerywrapper #galleryfs .share:hover {
  background-color: #000;
}

#fullscreengallery .gallerywrapper #galleryfs .cycle-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 23px 20px;
  height: 70px;
  font-size: 16px;
  color: #fff;
  position: absolute;
  bottom: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  z-index: 600;
  overflow: hidden;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
}

#fullscreengallery .gallerywrapper #galleryfs .cyclenav {
  width: 50px;
  height: 70px;
  display: block;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/galleryarrows.png);
  background-size: 73px 15px;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  z-index: 600;
  cursor: pointer;
}

#fullscreengallery .gallerywrapper #galleryfs .cyclenav.cycle-prev {
  left: 20px;
  background-position: 20px 27px;
}

#fullscreengallery .gallerywrapper #galleryfs .cyclenav.cycle-next {
  left: 80px;
  background-position: -42px 27px;
}

.searchresultstitle {
  padding-top: 4px;
}

.searchresultstitle .redlink {
  text-transform: lowercase;
  font-weight: normal;
  font-size: 12px;
}

.testimonials {
  background-color: #ccc;
  height: 862px;
  text-align: center;
  position: relative;
  font-size: 40px;
  color: #fff;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/rkj_bg.jpg);
  background-position: center center;
  background-size: cover;
}

.testimonials .testim {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  line-height: 1.2em;
}

.testimonials .testim .author {
  font-size: 14px;
  text-transform: uppercase;
  margin-top: 40px;
}

.testimonials.legt {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/Race_Leg_Pages.jpg);
}

.testimonials.legt.nbg {
  background-image: none;
  color: #000;
}

.testimonials.legt.nbg .cycle-slideshow .cyclenav {
  width: 16px;
  height: 25px;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/text_slider_arrows.png);
  background-size: 32px 50px;
}

.testimonials.legt.nbg .cycle-slideshow .cyclenav.cycle-next {
  background-position: -111px 0;
}

.fleetinfo {
  background-color: #fff;
  padding: 80px 0;
}

.fleetinfo h2 {
  text-align: center;
  font-size: 50px;
  border-top: none;
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 80px;
}

.fleetinfo .fleettable {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.1em;
  text-transform: uppercase;
}

.fleetinfo .fleettable .entry {
  border-top: 1px solid #eee;
  padding: 22px 0;
}

.fleetinfo .fleettable .entry .col_left {
  width: 50%;
  display: inline-block;
  vertical-align: text-top;
}

.fleetinfo .fleettable .entry .col_mid {
  width: 35%;
  display: inline-block;
  vertical-align: text-top;
}

.fleetinfo .fleettable .entry .col_right {
  width: 14%;
  display: inline-block;
  vertical-align: text-top;
}

.fleetinfo .fleettable .entry.head {
  color: #BA182D;
}

.fleetsnippets {
  background-color: #fff;
  height: 546px;
  text-align: center;
  position: relative;
  font-size: 20px;
}

.fleetsnippets.grey {
  background-color: #f3f3f3;
}

.fleetsnippets .cycle-slideshow {
  height: 100%;
}

.fleetsnippets .cycle-slideshow .slide {
  text-align: center;
  width: 100%;
  height: 100%;
  position: relative;
}

.fleetsnippets .cycle-slideshow .slide .liner {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.fleetsnippets .cycle-slideshow .slide .liner h3 {
  font-size: 40px;
  margin-bottom: 10px;
}

.fleetsnippets .cycle-slideshow .slide .liner div {
  font-size: 20px;
  color: #444;
}

.fleetsnippets .cycle-slideshow .cyclenav {
  width: 16px;
  height: 25px;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/text_slider_arrows.png);
  background-size: 32px 50px;
  position: absolute;
  top: 50%;
  cursor: pointer;
  z-index: 600;
}

.fleetsnippets .cycle-slideshow .cyclenav.cycle-prev {
  left: 10%;
}

.fleetsnippets .cycle-slideshow .cyclenav.cycle-next {
  right: 10%;
  background-position: -16px 0;
}

.clipper70 {
  background-color: #e9e9e9;
  padding: 80px 0;
  margin-bottom: -40px;
}

.clipper70 .container12 .markerwrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.clipper70 .container12 .markerwrapper .marker {
  width: 14px;
  height: 14px;
  border-radius: 7px;
  background-color: #1667A2;
  border: 1px solid #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  position: absolute;
  display: block;
  z-index: 5;
}

.clipper70 .container12 .markerwrapper .marker:hover {
  background-color: #114368;
}

.clipper70 .container12 .markerwrapper .markerinfo {
  width: auto;
  padding: 10px;
  background-color: #222;
  color: #fff;
  font-size: 12px;
  line-height: 1.4em;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 37px;
  display: none;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  z-index: 10;
}

.clipper70 .container12 .markerwrapper .markerinfo:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(34, 34, 34, 0);
  border-top-color: #222222;
  border-width: 11px;
  margin-left: -11px;
}

.clipper70 .title {
  position: absolute;
  bottom: -30px;
  left: 0;
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 800;
  color: #212121;
  width: 400px;
  line-height: 1em;
}

.clipper70 .title span.red {
  color: #BA182D;
}

.bottomlegs {
  background-color: #212121;
  position: fixed;
  bottom: -233px;
  left: 0;
  width: 100%;
  height: 300px;
  z-index: 101;
}

.bottomlegs .toggle {
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  line-height: 1em;
  padding: 25px 0 40px 0;
  cursor: pointer;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/arrowup.png);
  background-position: 1336px 28px;
  background-size: 16px 10px;
  background-repeat: no-repeat;
}

.bottomlegs.open .toggle {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/arrowdown.png);
}

.bottomlegs .column4 {
  color: #fff;
  font-size: 12px;
  line-height: 1.5em;
  text-transform: uppercase;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 40px;
}

.bottomlegs .column4 .entry {
  padding: 20px 0 20px 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  cursor: pointer;
  display: block;
  text-decoration: none;
  color: #fff;
}

.bottomlegs .column4 .entry:hover {
  background-color: #fff;
  color: #212121;
}

.bottomlegs .column4 .entry:first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}

#legstats {
  padding: 150px 0;
}

#legstats .column4 {
  text-align: center;
}

#legstats .column4 h4 {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 800;
  color: #BA182D;
  line-height: 1em;
  padding-bottom: 20px;
}

#legstats .column4 p {
  font-size: 20px;
  color: #444;
  margin-bottom: 0;
}

.legwidgets {
  padding-top: 30px;
  padding-bottom: 30px;
}

.legwidgets > div {
  width: 24%;
  display: inline-block;
  padding-top: 120px;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 1em;
  color: #444;
  font-weight: 800;
  background-size: 123px 105px;
  background-position: center top;
  background-repeat: no-repeat;
  text-align: center;
  position: relative;
}

.legwidgets > div.circle {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/leg_circle.png);
}

.legwidgets > div.circle span {
  font-size: 50px;
  position: absolute;
  top: 42px;
  left: 0;
  width: 100%;
}

.legwidgets > div.waves {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/leg_waves.png);
}

.legwidgets > div.crew {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/leg_crew.png);
}

.legwidgets > div.flag {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/leg_flag.png);
}

.legwidgets > div.thermometer {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/leg_thermometer.png);
}

.legwidgets > div.ab {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/leg_ab.png);
}

.testimonials {
  background-color: #fff;
  height: 546px;
  text-align: center;
  position: relative;
}

.testimonials .cycle-slideshow {
  height: 100%;
}

.testimonials .cycle-slideshow .slide {
  text-align: center;
  width: 100%;
  height: 100%;
  position: relative;
}

.testimonials .cycle-slideshow .slide .liner {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  font-size: 30px;
  line-height: 1.2em;
}

.testimonials .cycle-slideshow .slide .liner .imgcircle {
  width: 80px;
  height: 80px;
  border-radius: 40px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  margin-bottom: 20px;
}

.testimonials .cycle-slideshow .slide .liner span {
  font-size: 14px;
  line-height: 1.5em;
  display: block;
}

.testimonials .cycle-slideshow .cyclenav {
  width: 16px;
  height: 25px;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/galleryarrows.png);
  background-size: 120px 25px;
  position: absolute;
  top: 50%;
  cursor: pointer;
  z-index: 600;
}

.testimonials .cycle-slideshow .cyclenav.cycle-prev {
  left: 8%;
}

.testimonials .cycle-slideshow .cyclenav.cycle-next {
  right: 8%;
  background-position: -104px 0;
}

.testimonials.rkj {
  height: 700px;
}

.testimonials.rkj .cycle-slideshow .slide .liner {
  font-size: 40px;
  width: 50%;
}

.testimonials.rkj .cycle-slideshow .slide .liner span {
  margin-top: 40px;
  font-size: 14px;
  line-height: 1.5em;
  display: block;
  text-transform: uppercase;
}

#duration {
  background-color: #fff;
  padding: 100px 0;
}

#duration .row {
  position: relative;
  height: 400px;
}

#duration .column6 {
  color: #BA182D;
  text-align: center;
  font-size: 300px;
  font-weight: 800;
  line-height: 1em;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

#duration .column6 .digit {
  overflow: hidden;
  height: 300px;
  display: inline-block;
  width: 180px;
}

#duration .column5 {
  text-align: center;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

#duration .column5 h5 {
  color: #BA182D;
  font-weight: 800;
  line-height: 1.2em;
  font-size: 50px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

#duration .column5 p {
  color: #444;
  font-size: 20px;
  margin-bottom: 0;
}

#countriesvisited {
  background-color: #e2e2e2;
  position: relative;
  height: 598px;
  overflow: hidden;
}

#countriesvisited .container12 {
  position: relative;
  height: 100%;
}

#countriesvisited .container12 .mapimg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/worldmapred.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  opacity: 0.4;
}

#countriesvisited .container12 .mapimg.leg1 {
  width: 120%;
  height: 120%;
  left: 170px;
}

#countriesvisited .container12 .mapimg.leg2 {
  width: 150%;
  height: 150%;
  left: 170px;
  top: -300px;
}

#countriesvisited .container12 .mapimg.leg3 {
  width: 150%;
  height: 150%;
  left: -410px;
  top: -290px;
}

#countriesvisited .container12 .mapimg.leg4 {
  width: 150%;
  height: 150%;
  left: -900px;
  top: -370px;
}

#countriesvisited .container12 .mapimg.leg5 {
  width: 110%;
  height: 110%;
  left: -230px;
  top: -80px;
}

#countriesvisited .container12 .mapimg.leg7 {
  width: 150%;
  height: 150%;
  left: 580px;
  top: 0px;
}

#countriesvisited .container12 .mapimg.leg8 {
  width: 150%;
  height: 150%;
  left: 310px;
  top: 0px;
}

#countriesvisited .container12 #canvas {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#countriesvisited .container12 #canvas .legmarker {
  background-color: #000;
  border: 2px solid #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-left: 0px;
  margin-top: -6px;
  width: 20px;
  height: 20px;
}

#countriesvisited .container12 #canvas.leg1 {
  width: 120%;
  height: 120%;
  left: 170px;
}

#countriesvisited .container12 #canvas.leg2 {
  width: 150%;
  height: 150%;
  left: 170px;
  top: -300px;
}

#countriesvisited .container12 #canvas.leg3 {
  width: 150%;
  height: 150%;
  left: -410px;
  top: -290px;
}

#countriesvisited .container12 #canvas.leg4 {
  width: 150%;
  height: 150%;
  left: -900px;
  top: -370px;
}

#countriesvisited .container12 #canvas.leg5 {
  width: 110%;
  height: 110%;
  left: -230px;
  top: -80px;
}

#countriesvisited .container12 #canvas.leg7 {
  width: 150%;
  height: 150%;
  left: 580px;
  top: 0px;
}

#countriesvisited .container12 #canvas.leg8 {
  width: 150%;
  height: 150%;
  left: 310px;
  top: 0px;
}

#countriesvisited .container12 #canvas .portmarkerinfo {
  padding: 10px;
  background-color: #222;
  color: #fff;
  font-size: 12px;
  line-height: 1.4em;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  margin-top: -58px;
  display: none;
  text-transform: uppercase;
  font-weight: bold;
  z-index: 20;
}

#countriesvisited .container12 #canvas .portmarkerinfo:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(34, 34, 34, 0);
  border-top-color: #222222;
  border-width: 11px;
  margin-left: -11px;
}

#countriesvisited .container12 #canvas .portmarkerinfo.bottom {
  margin-top: 32px;
}

#countriesvisited .container12 #canvas .portmarkerinfo.bottom:after {
  bottom: 100%;
  top: auto;
  border-bottom-color: #222222;
  border-top: none;
}

#countriesvisited .row {
  height: 100%;
  position: absolute;
  top: 0;
}

#countriesvisited .column4 {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
}

#countriesvisited .column4 h5 {
  color: #BA182D;
  font-weight: 800;
  line-height: 1.2em;
  font-size: 50px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

#countriesvisited .column4 p {
  color: #444;
  font-size: 20px;
  margin-bottom: 0;
}

#comparelegs {
  background-color: #fff;
  padding: 60px 0;
  text-align: center;
  font-size: 20px;
}

#comparelegs .column12 {
  text-transform: uppercase;
  font-weight: 800;
  color: #BA182D;
  margin-bottom: 20px;
}

#comparelegs .column6 .comparetable {
  width: 100%;
  position: relative;
}

#comparelegs .column6 .comparetable .entry {
  line-height: 1.1em;
  border-bottom: 1px solid #ccc;
  padding: 30px 0;
}

#comparelegs .column6 .comparetable .entry.head {
  font-weight: 800;
  color: #222;
  text-transform: uppercase;
}

#comparelegs .column6 .comparetable .entry.last {
  border-bottom: none;
  margin-top: 40px;
}

#comparelegs .column6 .prev {
  width: 10px;
  height: 15px;
  position: absolute;
  top: 32px;
  left: 10%;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/grey_arrows_horz.png);
  background-repeat: no-repeat;
  background-size: 73px 15px;
  cursor: pointer;
  z-index: 188;
}

#comparelegs .column6 .next {
  width: 10px;
  height: 15px;
  position: absolute;
  top: 32px;
  right: 10%;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/grey_arrows_horz.png);
  background-repeat: no-repeat;
  background-size: 73px 15px;
  background-position: -63px 0;
  cursor: pointer;
  z-index: 188;
}

#leglinks {
  background-color: #fff;
  padding: 120px 0;
  text-align: center;
}

#leglinks a {
  display: inline-block;
  margin: 0 10px 20px 0;
}

.locate-yacht {
  text-decoration: none;
  position: absolute;
  top: 70%;
  left: 10px;
  background-color: #BA182D;
  width: 270px;
  height: 50px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 800;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 18px;
  padding-left: 18px;
  line-height: 1em;
  cursor: pointer;
}

.locate-yacht:after {
  content: ' ';
  display: block;
  width: 55px;
  height: 50px;
  background-color: #880E1D;
  position: absolute;
  top: 0;
  right: 0;
  text-indent: -9999px;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/white_location_pin.svg);
  background-repeat: no-repeat;
  background-size: 25px 25px;
  background-position: center center;
}

@media only screen and (max-width: 1100px) {
  .locate-yacht {
    width: 200px;
    height: 40px;
    line-height: 0.3em;
  }
  .locate-yacht:after {
    width: 45px;
    height: 40px;
    background-size: 20px 20px;
  }
}

#homebanner {
  margin-top: -39px;
  height: 673px;
  width: 100%;
}

#homebanner #primary_container {
  position: relative;
  float: left;
  width: 66.7%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 2px solid #FFF;
}

#homebanner #primary_container .big_feature {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
  text-decoration: none;
}

#homebanner #primary_container .big_feature .opaque_bg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#homebanner #primary_container .big_feature .liner {
  position: relative;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 15%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#homebanner #primary_container .big_feature .liner span {
  display: block;
  text-transform: uppercase;
  color: #FFF;
  font-weight: 800;
  line-height: 1em;
}

#homebanner #primary_container .big_feature .liner span:nth-child(1) {
  font-size: 62px;
  margin-bottom: 26px;
}

#homebanner #primary_container .big_feature .liner span:nth-child(2) {
  font-size: 20px;
  margin-bottom: 28px;
}

#homebanner #primary_container .big_feature .liner .big_readmore {
  display: inline-block;
  height: 50px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 800;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 18px;
  padding-left: 18px;
  padding-right: 18px;
  line-height: 1em;
  background-color: #BA182D;
  text-decoration: none;
  position: relative;
}

#homebanner #primary_container .big_feature .liner .big_readmore:after {
  content: ' ';
  display: block;
  width: 50px;
  height: 50px;
  background-color: #880E1D;
  position: absolute;
  top: 0;
  right: -50px;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/galleryarrows.png);
  background-repeat: no-repeat;
  background-size: 73px 15px;
  background-position: -42px center;
}

#homebanner #primary_container .big_feature:hover .opaque_bg {
  opacity: 0.6;
}

#homebanner #primary_container .vidholder {
  display: block;
  height: 100%;
}

#homebanner #secondary_container {
  position: relative;
  float: right;
  width: 33.3%;
  height: 100%;
}

#homebanner #secondary_container .mini_feature {
  display: block;
  position: relative;
  width: 100%;
  height: 33.3333333333%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 2px solid #FFF;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
  text-decoration: none;
}

#homebanner #secondary_container .mini_feature:nth-child(5) {
  border-bottom: none;
}

#homebanner #secondary_container .mini_feature .opaque_bg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#homebanner #secondary_container .mini_feature .liner {
  position: absolute;
  height: auto;
  left: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#homebanner #secondary_container .mini_feature .liner span {
  display: block;
  text-transform: uppercase;
  color: #FFF;
  font-weight: 800;
  line-height: 1em;
}

#homebanner #secondary_container .mini_feature .liner span:nth-child(1) {
  font-size: 24px;
  margin-bottom: 18px;
}

#homebanner #secondary_container .mini_feature .liner span:nth-child(2) {
  font-size: 14px;
  margin-bottom: 20px;
}

#homebanner #secondary_container .mini_feature .liner .mini_readmore {
  display: inline-block;
  height: 40px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 800;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 13px;
  padding-left: 13px;
  padding-right: 13px;
  line-height: 1em;
  background-color: #BA182D;
  text-decoration: none;
  position: relative;
}

#homebanner #secondary_container .mini_feature .liner .mini_readmore:after {
  content: ' ';
  display: block;
  width: 40px;
  height: 40px;
  background-color: #880E1D;
  position: absolute;
  top: 0;
  right: -40px;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/galleryarrows.png);
  background-repeat: no-repeat;
  background-size: 68px 14px;
  background-position: -43px center;
}

#homebanner #secondary_container .mini_feature:hover .opaque_bg {
  opacity: 0.6;
}

#homebanner #secondary_container .mini_feature:last-child {
  border-bottom: none;
}

#homeslider {
  margin-top: -40px;
  height: 673px;
  background-color: #222;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/galleryloader.gif);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
}

#homeslider .cycle-slideshow {
  height: 100%;
}

#homeslider .cycle-slideshow .slide {
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  position: relative;
}

#homeslider .cycle-slideshow .slide .container12 {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

#homeslider .cycle-slideshow .slide .container12 .column6 h1, #homeslider .cycle-slideshow .slide .container12 .column6 h2, #homeslider .cycle-slideshow .slide .container12 .column6 h3, #homeslider .cycle-slideshow .slide .container12 .column6 h4, #homeslider .cycle-slideshow .slide .container12 .column6 h5, #homeslider .cycle-slideshow .slide .container12 .column6 h6 {
  text-transform: uppercase;
  margin-top: 0;
  padding-top: 0;
  color: #fff;
  font-weight: 800;
  font-size: 76px;
  line-height: 0.9em;
  border-top: none;
  margin-bottom: 20px;
}

#homeslider .cycle-slideshow .slide .container12 .column6 p {
  color: #fff;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 700;
}

#homeslider .cycle-slideshow .slide .container12 .column6 a {
  display: inline-block;
  height: 50px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 800;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 18px;
  padding-left: 18px;
  padding-right: 18px;
  line-height: 1em;
  background-color: #BA182D;
  text-decoration: none;
  position: relative;
}

#homeslider .cycle-slideshow .slide .container12 .column6 a:after {
  content: ' ';
  display: block;
  width: 50px;
  height: 50px;
  background-color: #880E1D;
  position: absolute;
  top: 0;
  right: -50px;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/galleryarrows.png);
  background-repeat: no-repeat;
  background-size: 73px 15px;
  background-position: -42px center;
}

#homeslider .cycle-slideshow .slide .container12 .column6 a.yellow {
  background-color: #FFBB12;
  color: #000;
  font-size: 20px;
  padding-top: 15px;
  font-weight: 700;
}

#homeslider .cycle-slideshow .slide .container12 .column6 a.yellow:after {
  background-color: #FFBB12;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/galleryarrows_black.png);
}

#homeslider .cycle-slideshow .cyclenav {
  width: 50px;
  height: 50px;
  display: none;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/galleryarrows.png);
  background-size: 73px 15px;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  z-index: 600;
  cursor: pointer;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}

#homeslider .cycle-slideshow .cyclenav.cycle-prev {
  right: 90px;
  background-position: 20px 18px;
}

#homeslider .cycle-slideshow .cyclenav.cycle-next {
  right: 30px;
  background-position: -42px 18px;
}

#homeslider .cycle-slideshow .cyclenav:hover {
  background-color: #000;
}

#pagerwrapper {
  height: 50px;
  width: 100%;
  margin-top: -50px;
  z-index: 200;
  position: relative;
  background-color: rgba(17, 17, 17, 0.6);
}

#pagerwrapper .container12 {
  position: relative;
  height: 100%;
}

#pagerwrapper .container12 #pager {
  position: relative;
  height: 100%;
}

#pagerwrapper .container12 #pager a {
  display: inline-block;
  text-decoration: none;
  font-weight: 700;
  color: #fff;
  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
  height: 100%;
  padding: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#pagerwrapper .container12 #pager a:hover, #pagerwrapper .container12 #pager a.cycle-pager-active {
  background-color: #000;
}

#pagerwrapper .container12 #pager a:hover:after, #pagerwrapper .container12 #pager a.cycle-pager-active:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(0, 0, 0, 0);
  border-bottom-color: #000000;
  border-width: 12px;
  margin-left: -12px;
}

#pagerwrapper .container12 #pager.res3 a {
  width: 33%;
}

#pagerwrapper .container12 #pager.res4 a {
  width: 25%;
}

#pagerwrapper .container12 #pager.res5 a {
  width: 20%;
}

#pagerwrapper .container12 #pager.res6 a {
  width: 16%;
}

#homegrid {
  background-color: #f3f3f3;
  padding: 30px 0 70px 0;
}

#homegrid .column3 {
  height: 450px;
  margin-bottom: 20px;
  background-size: cover;
  background-position: center top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px;
  position: relative;
}

#homegrid .column3.jointherace {
  padding: 0;
}

#homegrid .column3.jointherace #front {
  float: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  width: inherit;
  height: inherit;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/jointherace_bg1.jpg);
  background-size: cover;
  background-position: center center;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  cursor: pointer;
  -webkit-transform: rotateX(0deg) rotateY(0deg);
  transform: rotateX(0deg) rotateY(0deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /* -- transition is the magic sauce for animation -- */
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

#homegrid .column3.jointherace #front.no1 {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/jointherace_bg1.jpg);
}

#homegrid .column3.jointherace #front.no2 {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/jointherace_bg2.jpg);
}

#homegrid .column3.jointherace #front.no3 {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/jointherace_bg3.jpg);
}

#homegrid .column3.jointherace #front span {
  display: block;
}

#homegrid .column3.jointherace #front span.top {
  font-size: 12px;
  line-height: 1em;
}

#homegrid .column3.jointherace #front span.bottom {
  position: absolute;
  bottom: 20px;
  font-size: 48px;
  font-weight: 800;
  line-height: 1em;
  width: 60%;
}

#homegrid .column3.jointherace #back {
  float: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8;
  width: inherit;
  height: inherit;
  background-color: #BA182D;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  color: #4D0A12;
  line-height: 1.5em;
  -webkit-transform: rotateY(-180deg);
  /* setting to 180 causes an unnatural-looking half-flip */
  transform: rotateY(-179deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /* -- transition is the magic sauce for animation -- */
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

#homegrid .column3.jointherace #back h3 {
  color: #fff;
  margin-bottom: 20px;
}

#homegrid .column3.jointherace #back form {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#homegrid .column3.jointherace #back .close {
  position: absolute;
  top: 23px;
  right: 20px;
  color: #fff;
  width: 11px;
  height: 11px;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/whitecross.png);
  background-size: 11px 11px;
  cursor: pointer;
}

#homegrid .column3.jointherace.flip #front {
  z-index: 9;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

#homegrid .column3.jointherace.flip #back {
  z-index: 10;
  -webkit-transform: rotateX(0deg) rotateY(0deg);
  transform: rotateX(0deg) rotateY(0deg);
}

#homegrid .column3.aboutherace {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/aboutracehomebg.jpg);
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
}

#homegrid .column3.aboutherace span {
  display: block;
}

#homegrid .column3.aboutherace span.top {
  font-size: 12px;
  line-height: 1em;
}

#homegrid .column3.aboutherace span.bottom {
  position: absolute;
  bottom: 20px;
  font-size: 48px;
  font-weight: 800;
  line-height: 1em;
  width: 90%;
}

#homegrid .column3.aboutherace span.bottom > span {
  font-size: 12px;
  line-height: 1.5em;
  margin-top: 10px;
}

#homegrid .column3.aboutunicef {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/unicef-hometile-bg.jpg);
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
}

#homegrid .column3.aboutunicef span {
  display: block;
}

#homegrid .column3.aboutunicef span.top {
  position: relative;
}

#homegrid .column3.aboutunicef span.top img {
  width: 100%;
}

#homegrid .column3.aboutunicef span.bottom {
  position: absolute;
  bottom: 20px;
  font-size: 48px;
  font-weight: 800;
  line-height: 1em;
  width: 90%;
}

#homegrid .column3.holder {
  padding: 0;
}

#homegrid .column3 > div.top,
#homegrid .column3 > a.top {
  margin-bottom: 20px;
}

#homegrid .column3 a.sponsor {
  position: relative;
  display: block;
  height: 215px;
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

#homegrid .column3 a.sponsor span {
  position: absolute;
  bottom: 20px;
  left: 20px;
  display: block;
  font-size: 12px;
  line-height: 1em;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
}

#homegrid .column3 a.sponsor:hover {
  opacity: 0.9;
}

#homegrid .column3 a.sponsor.template1 {
  position: relative;
  text-decoration: none;
  padding: 20px;
}

#homegrid .column3 a.sponsor.template1 span.title {
  font-size: 31px;
  position: relative;
  font-weight: 800;
  margin-bottom: 10px;
  bottom: unset;
  top: auto;
  left: auto;
}

#homegrid .column3 a.sponsor.template1 span.body {
  position: relative;
  text-transform: none;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.3em;
  bottom: unset;
  top: auto;
  left: auto;
}

#homegrid .column3 a.sponsor.template1 span.label {
  position: absolute;
  bottom: 20px;
  left: 20px;
  display: block;
  top: auto;
  font-size: 12px;
}

#homegrid .column3 a.sponsor.racefinish {
  background-color: #ba182d;
  position: relative;
  text-decoration: none;
  padding: 20px;
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/race-finish-tile.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

#homegrid .column3 a.sponsor.racefinish > span {
  display: block;
}

#homegrid .column3 a.sponsor.racefinish span.title {
  font-size: 31px;
  position: relative;
  font-weight: 800;
  margin-bottom: 10px;
  top: auto;
  left: auto;
}

#homegrid .column3 a.sponsor.racefinish span.subtitle {
  position: relative;
  text-transform: none;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.3em;
  top: auto;
  left: auto;
}

#homegrid .column3 a.sponsor.racefinish span.date {
  position: absolute;
  bottom: 20px;
  left: 20px;
  display: block;
  top: auto;
  font-size: 12px;
}

#homegrid .column3 a.facebook {
  font-size: 15px;
  line-height: 1.3em;
  padding: 20px;
  text-decoration: none;
  background-color: #1667A2;
  display: block;
  height: 215px;
  color: #fff;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/fb-logo.svg");
  background-repeat: no-repeat;
  background-position: right 20px bottom 20px;
  background-size: 10px 20px;
}

#homegrid .column3 a.facebook span {
  position: absolute;
  bottom: 20px;
  left: 20px;
  display: block;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1em;
}

#homegrid .column3 a.facebook:hover {
  background-color: #0b5489;
}

#homegrid .column3 a.twitter {
  font-size: 15px;
  line-height: 1.3em;
  padding: 20px;
  text-decoration: none;
  background-color: #fff;
  display: block;
  height: 215px;
  color: #27ADEB;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  border-bottom: 5px solid #27ADEB;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/tw-logo.svg");
  background-repeat: no-repeat;
  background-position: right 20px bottom 20px;
  background-size: 25px 20px;
}

#homegrid .column3 a.twitter span {
  position: absolute;
  bottom: 17px;
  left: 20px;
  display: block;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1em;
}

#homegrid .column3 a.twitter:hover {
  background-color: #effbff;
}

#homegrid .column3.newsitem {
  text-decoration: none;
  display: block;
  border-bottom: 4px solid #BA182D;
  background-color: #E9E9E9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  padding: 0;
  padding-bottom: 120px;
}

#homegrid .column3.newsitem .imgholder {
  width: 100%;
  height: 300px;
  background-size: cover;
  background-position: center center;
}

#homegrid .column3.newsitem .textholder {
  padding: 20px;
  position: absolute;
  bottom: 0;
  background-color: #fff;
  max-height: 150px;
  min-height: 150px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

#homegrid .column3.newsitem .textholder h2 {
  border-top: none;
  font-size: 13px;
  line-height: 1.2em;
  color: #000;
  font-weight: 700;
}

#homegrid .column3.newsitem .textholder p.date {
  color: #919191;
  font-size: 11px;
  display: block;
  text-transform: uppercase;
  padding: 0 0 5px 0;
  line-height: 1em;
  margin-bottom: 0;
}

#homegrid .column3.newsitem .textholder p.preview {
  padding: 10px 0 0 0;
  width: 100%;
  font-size: 14px;
  line-height: 1.4em;
  margin-bottom: 0;
  display: block;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-bottom: 30px;
}

#homegrid .column3.newsitem:hover .textholder {
  max-height: 300px;
}

#homegrid .column3.newsitem:hover p.preview {
  opacity: 1;
}

#homegrid .column3.newsitem span.bottom {
  position: absolute;
  bottom: 20px;
  left: 20px;
  display: block;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: #BA182D;
}

#homegrid .column3.newsletter {
  background-color: #BA182D;
  color: #880E1D;
}

#homegrid .column3.newsletter span.top {
  display: block;
  font-size: 12px;
  line-height: 1em;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 1em;
}

#homegrid .column3.newsletter p {
  font-size: 15px;
  color: #4E0A12;
  line-height: 1.5em;
}

#homegrid .column3.newsletter form {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#homegrid .column3.newsletter form input.error {
  border-color: #E47575;
}

#homegrid .column3.newsletter .success {
  display: none;
}

#homegrid .column3.newsletter label {
  font-size: 13px;
  color: #4E0A12;
  line-height: 1.5em;
  font-weight: normal;
}

#homegrid .column3.newsletter label.error {
  display: none !important;
}

#homegrid .column3.newsletter a {
  color: #4E0A12;
}

#homegrid .column3.newsletter input[type="checkbox"] + label:before {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/checkbox_radio_red.png);
}

#homegrid .column3 a.template0 {
  background-size: cover;
  background-position: center top;
  display: block;
  height: 215px;
  position: relative;
}

#homegrid .column3 a.template0 span.label {
  position: absolute;
  top: 20px;
  left: 20px;
  display: block;
  font-size: 12px;
  line-height: 1em;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
}

#homegrid .column3 a.template0 span.body {
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  position: absolute;
  left: 20px;
  bottom: 20px;
  font-size: 30px;
  font-weight: 800;
  line-height: 1em;
  width: 80%;
}

#homegrid .column3 a.template2 {
  background-size: cover;
  background-position: center top;
  display: block;
  height: 215px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px;
  text-decoration: none;
  color: #fff;
}

#homegrid .column3 a.template2 span.title {
  display: block;
  max-width: 240px;
  font-size: 30px;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 8px;
}

#homegrid .column3 a.template2 span.body {
  display: inline-block;
  padding: 0 28px 0 20px;
  position: relative;
  right: 20px;
  font-size: 16px;
  line-height: 40px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 10px;
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/red-banner-strip.svg);
}

#homegrid .column3 a.template2 span.label {
  position: absolute;
  bottom: 20px;
  left: 20px;
  display: block;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1em;
}

#homegrid .column3 a.template2 img {
  display: block;
  position: absolute;
  right: 20px;
  bottom: 20px;
  height: 38px;
}

#homegrid .column3 a.template2:hover {
  opacity: 0.9;
}

#homegrid .column6 {
  height: 450px;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  margin-bottom: 20px;
}

#homegrid .column6.joinracebiglink {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/homemapbg.png);
  background-position: center 30px;
  background-size: 688px 401px;
  background-repeat: no-repeat;
  background-color: #2B63A4;
  font-size: 19px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 800;
  display: block;
  text-decoration: none;
  overflow: hidden;
}

#homegrid .column6.joinracebiglink a.viewfullegs {
  display: block;
  position: absolute;
  bottom: 20px;
  left: 20px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  text-decoration: none;
  line-height: 1em;
}

#homegrid .column6.joinracebiglink #canvas {
  position: absolute;
  left: 0;
  top: 26px;
  width: 688px;
  height: 401px;
}

#homegrid .column6.joinracebiglink #canvas svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#homegrid .column6.joinracebiglink #canvas .legmarker {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#homegrid .column6.joinracebiglink #canvas .legmarker:hover {
  background-color: #fff;
  color: #333;
}

#homegrid .column6.vidholder {
  height: 450px;
  padding: 0;
}

.homeloadmore {
  margin-top: 40px;
}

.issuuembed {
  width: 100%;
  height: 720px;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/newsloader.gif);
  background-size: 16px 16px;
  background-position: center center;
  background-repeat: no-repeat;
}

.issuuembed span {
  display: none;
}

.topvideo {
  margin-top: -40px;
}

.underdev {
  background-color: #fff;
  padding: 40px 0;
  text-transform: uppercase;
  font-weight: 800;
  color: #BA182D;
}

.contactmaps {
  background-color: #fff;
  padding: 40px 0;
  margin-bottom: 0;
}

.article ul {
  margin-bottom: 1.5em;
  list-style-type: disc;
}

.article ul li {
  margin-left: 30px;
}

.article ul ul {
  list-style-type: circle;
  margin-bottom: 0;
  margin-left: 30px;
}

.article h2 {
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 4px;
  border-top: none;
  color: #333;
  font-size: 16px;
  color: #BA182D;
}

.article h2.red {
  color: #BA182D;
}

.article h3 {
  color: #333;
  margin-bottom: 0.5em;
}

.media-article {
  background: #2d2d2d !important;
}

.media-article h1 {
  color: #868686 !important;
}

.media-article .tag {
  background-color: #9C9C9C !important;
}

#hearsub {
  display: none;
}

#hearsub.show {
  display: block;
}

#hearsubother {
  display: none;
}

.createrace_filter {
  position: relative;
}

.mapdisclaimer {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  float: right;
  font-size: 10px;
  line-height: 1;
  padding: 3px;
  background-color: rgba(255, 255, 255, 0.5);
}

.worldmapholder_rm {
  background-color: #dfdfdf;
  margin-top: -40px;
  margin-bottom: 67px;
  position: relative;
}

.worldmapholder_rm .equator {
  height: 1px;
  width: 100%;
  position: absolute;
  top: 536px;
  left: 0;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/equator.png);
  z-index: 3;
}

.worldmapholder_rm.choose {
  margin-top: -250px;
  margin-bottom: 34px;
}

.worldmapholder_rm.choose .equator {
  top: 537px;
}

.worldmapholder_rm.legbanner {
  margin-top: -200px;
  margin-bottom: 0;
}

.worldmapholder_rm.legbanner .mapdisclaimer {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  top: auto;
  bottom: 0;
}

.worldmapholder_rm .maphelpoverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 99;
}

.worldmapholder_rm .maphelpoverlay .container12 {
  height: 100%;
  position: relative;
}

.worldmapholder_rm .maphelpoverlay .container12 .liner {
  width: 50%;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  text-align: center;
  padding-top: 150px;
}

.worldmapholder_rm .maphelpoverlay .container12 .liner .top {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 20px;
  display: block;
  margin-bottom: 30px;
}

.worldmapholder_rm .maphelpoverlay .container12 .liner .blurb {
  font-size: 36px;
  line-height: 1.2em;
  display: block;
  margin-bottom: 50px;
}

.worldmapholder_rm .maphelpoverlay .container12 .arrow {
  width: 19px;
  height: 26px;
  position: absolute;
  bottom: 10px;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/whitedownarrow.png);
  background-size: 19px 26px;
  background-repeat: no-repeat;
}

.worldmapholder_rm .maphelpoverlay .container12 .arrow.aleft {
  left: 14px;
}

.worldmapholder_rm .maphelpoverlay .container12 .arrow.aright {
  right: 16px;
}

#canvas {
  position: relative;
  overflow: visible !important;
}

#canvas.ofh {
  overflow: hidden !important;
}

#canvas.ch_map_canvas {
  margin-bottom: 10px;
  background-color: #E5E5E5;
}

#canvas svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: visible !important;
}

#canvas svg path, #canvas svg line {
  fill: #FFFFFE;
}

#canvas svg path.leg1line.active, #canvas svg path.leg1line.fakeactive, #canvas svg line.leg1line.active, #canvas svg line.leg1line.fakeactive {
  fill: #feb032;
}

#canvas svg path.leg2line.active, #canvas svg path.leg2line.fakeactive, #canvas svg line.leg2line.active, #canvas svg line.leg2line.fakeactive {
  fill: #CEDF00;
}

#canvas svg path.leg3line.active, #canvas svg path.leg3line.fakeactive, #canvas svg line.leg3line.active, #canvas svg line.leg3line.fakeactive {
  fill: #3600D9;
}

#canvas svg path.leg4line.active, #canvas svg path.leg4line.fakeactive, #canvas svg line.leg4line.active, #canvas svg line.leg4line.fakeactive {
  fill: #B400B4;
}

#canvas svg path.leg5line.active, #canvas svg path.leg5line.fakeactive, #canvas svg line.leg5line.active, #canvas svg line.leg5line.fakeactive {
  fill: #FF00FF;
}

#canvas svg path.leg6line.active, #canvas svg path.leg6line.fakeactive, #canvas svg line.leg6line.active, #canvas svg line.leg6line.fakeactive {
  fill: #FF9326;
}

#canvas svg path.leg7line.active, #canvas svg path.leg7line.fakeactive, #canvas svg line.leg7line.active, #canvas svg line.leg7line.fakeactive {
  fill: #00B200;
}

#canvas svg path.leg8line.active, #canvas svg path.leg8line.fakeactive, #canvas svg line.leg8line.active, #canvas svg line.leg8line.fakeactive {
  fill: #26C9FF;
}

#canvas .legmarker {
  width: 32px;
  height: 32px;
  position: absolute;
  margin-left: -16px;
  margin-top: -16px;
  border-radius: 16px;
  background-color: #fff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 32px;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  text-decoration: none;
}

#canvas .legmarker.leg1:hover, #canvas .legmarker.leg1.active, #canvas .legmarker.leg1.fakeactive {
  background-color: #feb032;
}

#canvas .legmarker.leg2:hover, #canvas .legmarker.leg2.active, #canvas .legmarker.leg2.fakeactive {
  background-color: #CEDF00;
}

#canvas .legmarker.leg3:hover, #canvas .legmarker.leg3.active, #canvas .legmarker.leg3.fakeactive {
  background-color: #3600D9;
}

#canvas .legmarker.leg4:hover, #canvas .legmarker.leg4.active, #canvas .legmarker.leg4.fakeactive {
  background-color: #B400B4;
}

#canvas .legmarker.leg5:hover, #canvas .legmarker.leg5.active, #canvas .legmarker.leg5.fakeactive {
  background-color: #FF00FF;
}

#canvas .legmarker.leg6:hover, #canvas .legmarker.leg6.active, #canvas .legmarker.leg6.fakeactive {
  background-color: #FF9326;
}

#canvas .legmarker.leg7:hover, #canvas .legmarker.leg7.active, #canvas .legmarker.leg7.fakeactive {
  background-color: #00B200;
}

#canvas .legmarker.leg8:hover, #canvas .legmarker.leg8.active, #canvas .legmarker.leg8.fakeactive {
  background-color: #26C9FF;
}

#canvas .legmarker:hover, #canvas .legmarker.active, #canvas .legmarker.fakeactive {
  color: #fff;
}

#canvas .cyrmarkerinfo {
  width: 138px;
  padding: 10px;
  background-color: #222;
  color: #fff;
  font-size: 11px;
  line-height: 1.4em;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 37px;
  display: none;
  text-transform: uppercase;
  z-index: 100;
}

#canvas .cyrmarkerinfo span {
  display: block;
  border-bottom: 1px solid #444;
  padding: 6px 0;
}

#canvas .cyrmarkerinfo span strong {
  font-weight: 700;
  display: block;
}

#canvas .cyrmarkerinfo span:first-child {
  padding-top: 0;
}

#canvas .cyrmarkerinfo span:last-child, #canvas .cyrmarkerinfo span.last {
  padding-bottom: 0;
  border-bottom: none;
}

#canvas .cyrmarkerinfo:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(34, 34, 34, 0);
  border-top-color: #222222;
  border-width: 11px;
  margin-left: -11px;
}

#canvas .cyrmarkerinfo.bottom {
  bottom: auto;
  top: 33px;
}

#canvas .cyrmarkerinfo.bottom:after {
  bottom: 100%;
  top: auto;
  border-bottom-color: #222222;
  border-top: none;
}

#canvas .cyrmarkerinfo a {
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  padding: 5px;
  width: 100%;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 10px;
  background-color: #BA182D;
  margin-top: 8px;
  color: #fff;
  font-weight: 700;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

#canvas .cyrmarkerinfo a:hover {
  background-color: #880E1D;
}

#canvas.active svg path.leg1line, #canvas.active svg line.leg1line {
  fill: #feb032;
}

#canvas.active svg path.leg2line, #canvas.active svg line.leg2line {
  fill: #CEDF00;
}

#canvas.active svg path.leg3line, #canvas.active svg line.leg3line {
  fill: #3600D9;
}

#canvas.active svg path.leg4line, #canvas.active svg line.leg4line {
  fill: #B400B4;
}

#canvas.active svg path.leg5line, #canvas.active svg line.leg5line {
  fill: #FF00FF;
}

#canvas.active svg path.leg6line, #canvas.active svg line.leg6line {
  fill: #FF9326;
}

#canvas.active svg path.leg7line, #canvas.active svg line.leg7line {
  fill: #00B200;
}

#canvas.active svg path.leg8line, #canvas.active svg line.leg8line {
  fill: #26C9FF;
}

#canvas.active .legmarker {
  color: #fff;
}

#canvas.active .legmarker.leg1 {
  background-color: #feb032;
}

#canvas.active .legmarker.leg2 {
  background-color: #CEDF00;
}

#canvas.active .legmarker.leg3 {
  background-color: #3600D9;
}

#canvas.active .legmarker.leg4 {
  background-color: #B400B4;
}

#canvas.active .legmarker.leg5 {
  background-color: #FF00FF;
}

#canvas.active .legmarker.leg6 {
  background-color: #FF9326;
}

#canvas.active .legmarker.leg7 {
  background-color: #00B200;
}

#canvas.active .legmarker.leg8 {
  background-color: #26C9FF;
}

.sliderholder {
  padding: 30px 14px 40px 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.startfin {
  text-transform: uppercase;
  text-align: center;
  font-size: 14px;
  font-weight: 800;
  color: #444;
  line-height: 1.3em;
  margin-bottom: 40px;
}

.startfin #dateleft {
  float: left;
  width: 110px;
}

.startfin #dateright {
  float: right;
  width: 110px;
}

.startfin .top {
  display: block;
  color: #BA182D;
}

.startfin .bottom {
  display: block;
}

.greydelete {
  width: 11px;
  height: 11px !important;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/greycross.png);
  background-size: 11px 11px;
  cursor: pointer;
  margin-top: 4px;
}

.showresults {
  margin-bottom: 100px;
}

#chooserace {
  padding: 20px;
  width: 300px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: none;
}

#chooserace a {
  width: 100%;
}

.host-ports-intro {
  padding-bottom: 30px;
}

.host-ports-intro h1 {
  margin-bottom: 30px;
}

.datebar {
  background-color: #fff;
  padding: 23px 0;
  text-transform: uppercase;
  color: #000;
  font-weight: 700;
  font-size: 16px;
  line-height: 1em;
}

a.eventwrapper {
  padding: 20px 0;
  border-bottom: 1px solid #ddd;
  display: block;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

a.eventwrapper .container12 > div {
  vertical-align: middle;
}

a.eventwrapper:last-child {
  border-bottom: none;
}

a.eventwrapper.first {
  border-top: 1px solid #f3f3f3;
}

a.eventwrapper img.grey {
  -moz-filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  display: block;
}

a.eventwrapper .titleholder {
  padding-right: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

a.eventwrapper .titleholder h3 {
  color: #000;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.3em;
  margin-top: 50px;
}

a.eventwrapper .datetime {
  text-transform: uppercase;
  color: #000;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.3em;
  padding-top: 50px;
}

a.eventwrapper .datetime .red {
  display: block;
  color: #BA182D;
}

a.eventwrapper .intro {
  font-size: 14px;
  line-height: 1.3em;
  padding-top: 50px;
  padding-right: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

a.eventwrapper .flag {
  width: 33px;
  height: 19px;
  margin-top: 50px;
  padding-top: 5px;
}

a.eventwrapper:hover {
  background-color: #fff;
}

a.eventwrapper:hover img.grey {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}

a.eventwrapper:hover.first {
  border-top: 1px solid #ddd;
}

.eventsidebar .flag {
  height: 20px;
  margin-bottom: 30px;
}

.eventsidebar .flag img {
  width: 29px;
  height: 20px;
  margin-right: 10px;
}

#eventsummary {
  text-align: center;
  background-color: #f3f3f3;
  padding: 130px 0;
}

#eventsummary p {
  width: 554px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.psblock {
  background-color: #F3F3F3;
  text-align: center;
  padding: 80px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 0;
  position: relative;
}

.psblock .column12 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.psblock .column12:first-child {
  padding: 0 150px;
}

.psblock .column12:last-child {
  padding: 40px 150px 0 150px;
}

.psblock .column12:last-child a {
  color: #BA182D;
}

.psblock .column12:last-child a.button {
  color: #FFF;
}

.psblock .column12.pb0 {
  padding: 0;
}

.psblock .column12 h5 {
  text-transform: uppercase;
  font-size: 40px;
  font-weight: 800;
  color: #BA182D;
  line-height: 1em;
  margin-bottom: 80px;
}

.psblock .column12 .imgholder {
  width: 100%;
  height: 420px;
  overflow: hidden;
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.psblock .column12 .imgholder img {
  width: 100%;
}

.psblock .column12 .imgholder img.logo {
  display: block;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0 auto;
  max-width: 40%;
  max-height: 40%;
  width: auto;
  height: auto;
}

.psblock .column12 .imgholder .opaque_bg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: 0.7;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.psblock .column12 .imgholder:hover .opaque_bg {
  opacity: 0.3;
}

.psblock .column12 .middleliner {
  padding: 36px 0;
}

.psblock .column12 .middleliner div {
  font-size: 18px;
  color: #000;
  text-transform: uppercase;
  font-weight: 800;
  line-height: 1.2em;
}

.psblock .column12 a.button {
  margin-top: 60px;
}

.psblock .column3 .imgholder {
  width: 100%;
  height: 198px;
  overflow: hidden;
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.psblock .column3 .imgholder img {
  width: 100%;
}

.psblock .column3 .imgholder img.logo {
  display: block;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0 auto;
  max-width: 60%;
  max-height: 60%;
  width: auto;
  height: auto;
}

.psblock .column3 .imgholder .opaque_bg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: 0.7;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.psblock .column3 .imgholder:hover .opaque_bg {
  opacity: 0.3;
}

.psblock .column3 .liner {
  padding: 18px 0 36px 0;
}

.psblock .column3 .liner div {
  text-align: left;
  font-size: 14px;
  color: #000;
  text-transform: uppercase;
  font-weight: 800;
  line-height: 1.2em;
}

.psblock .column3 .liner .location {
  background-repeat: no-repeat;
  background-position: 0 center;
  background-size: 40px 24px;
  padding: 0 0 0 60px;
  height: 32px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.psblock .column3 .liner .location span {
  display: block;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.psblock .column3 .liner .title {
  padding: 0;
}

.supporters_link_row {
  padding: 60px 0;
  margin-bottom: 0;
}

.supporters_link_block {
  position: relative;
  display: block;
  height: 440px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  text-decoration: none;
}

.supporters_link_block.thirds {
  height: 300px;
}

.supporters_link_block.faqs {
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/faq-tile-cs.jpg");
}

.supporters_link_block.glossary {
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/glossary-tile-cs.jpg");
}

.supporters_link_block.junior {
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/junior-tile-cs.jpg");
}

.supporters_link_block .opaque_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 1;
}

.supporters_link_block .liner {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  font-size: 40px;
  line-height: 1.2em;
  font-weight: 800;
  color: #ffffff;
  text-transform: uppercase;
  z-index: 2;
}

.supporters_link_block:hover .opaque_bg {
  opacity: 1;
}

.supporters_form_row {
  background-color: #fff;
  padding: 120px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 0;
  position: relative;
}

.supporters_form_row .column12 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 310px;
}

.supporters_form_row .column12 .liner {
  text-align: center;
  margin-bottom: 60px;
}

.supporters_form_row .column12 .liner h2 {
  font-size: 40px;
  line-height: 1.2em;
  font-weight: 800;
  border: none;
}

.supporters_form_row .column12 .liner p:last-child {
  margin-bottom: 0;
}

.csblock {
  background-color: #fff;
  text-align: center;
  padding: 120px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 0;
  position: relative;
}

.csblock .column12 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 150px;
}

.csblock .column12 h5 {
  text-transform: uppercase;
  font-size: 60px;
  font-weight: 800;
  color: #BA182D;
  line-height: 1em;
  margin-bottom: 30px;
}

.csblock .column12 a.button {
  margin-top: 60px;
}

.csblock .column12 a.button_left, .csblock .column12 a.button_right {
  margin-top: 33px;
}

.csblock.block2 {
  background-color: #F3F3F3;
}

.csblock.block3 {
  background-color: #FFFFFF;
}

.csblock.tierblock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #333;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 0;
  width: 50%;
}

.csblock.tierblock .tierblock-inner {
  padding: 100px 40px;
  max-width: 570px;
  color: #fff;
  margin-left: auto;
  margin-right: auto;
}

.csblock.tierblock .tierblock-inner .liner h5 {
  color: #fff;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 60px;
  line-height: 1em;
  margin-bottom: 30px;
}

.csblock.tierblock .tierblock-inner .liner p:last-child {
  margin-bottom: 0;
}

.csblock.tierblock .tierblock-inner .liner a.button {
  margin-top: 60px;
}

.csblock.tierblock .tierblock-inner .liner a.button_left, .csblock.tierblock .tierblock-inner .liner a.button_right {
  margin-top: 33px;
}

.csblock:last-child .column12 a {
  color: #BA182D;
}

.csblock:last-child .column12 a.button {
  color: #fff;
}

.tier-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}

.tier-container:before {
  top: 0;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #F3F3F3;
  border-width: 25px;
  margin-left: -25px;
  visibility: visible;
  z-index: 555;
}

.center_buttons {
  width: 440px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

a.button_left, .button_left {
  float: left;
  margin-top: 33px;
  margin-right: 6px;
}

a.button_right, .button_right {
  float: right;
  margin-top: 33px;
  margin-left: 6px;
}

.partentrywrapper {
  margin-bottom: -40px;
}

.partentrywrapper .cs_entry {
  border-top: 1px solid #ccc;
  width: 100%;
  position: relative;
}

.partentrywrapper .cs_entry .cs_left {
  display: inline-block;
  position: relative;
  width: 37%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: top;
  height: 453px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  margin-top: -1px;
}

.partentrywrapper .cs_entry .cs_left img {
  width: 100%;
}

.partentrywrapper .cs_entry .cs_left img.logo {
  display: block;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0 auto;
  max-width: 75%;
  max-height: 50%;
  width: auto;
  height: auto;
}

.partentrywrapper .cs_entry .cs_left .opaque_bg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: 0.7;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.partentrywrapper .cs_entry .cs_left:hover .opaque_bg {
  opacity: 0.3;
}

.partentrywrapper .cs_entry .cs_middle {
  display: inline-block;
  width: 25%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 40px 60px 40px 60px;
  height: 452px;
  vertical-align: top;
}

.partentrywrapper .cs_entry .cs_middle h1 {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 34px;
}

.partentrywrapper .cs_entry .cs_middle .type {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 700;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 15px 0;
}

.partentrywrapper .cs_entry .cs_middle .type span {
  color: #000;
}

.partentrywrapper .cs_entry .cs_middle a {
  display: none;
}

.partentrywrapper .cs_entry .cs_right {
  display: inline-block;
  width: 37%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 40px 130px 40px 0;
  vertical-align: top;
  height: 452px;
  position: relative;
}

.partentrywrapper .cs_entry .cs_right p:last-child {
  margin-bottom: 0;
}

.partentrywrapper .cs_entry .cs_right a {
  position: absolute;
  bottom: 40px;
  left: 0;
}

.titletoggle {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 800;
  color: #BA182D;
  display: block;
  border-top: 1px solid #ccc;
  line-height: 1em;
  padding: 45px 0;
  cursor: pointer;
  position: relative;
}

.titletoggle:after {
  display: block;
  content: '+';
  font-weight: 700;
  color: #BA182D;
  position: absolute;
  right: 0;
  top: 45px;
  font-size: 25px;
}

.titletoggle.lineonactive {
  border-bottom: 1px solid #ccc;
}

.titletoggle.active:after {
  content: '-';
}

.titletoggle.active.lineonactive {
  border-bottom: none;
}

.cs_container p {
  border-top: 1px solid #ccc;
  padding: 20px 0 30px 0;
  margin-bottom: 0;
}

.cs_container p .bigstat {
  font-size: 200px;
  line-height: 1em;
  font-weight: 800;
  color: #BA182D;
  width: 100%;
  text-align: center;
  display: block;
}

.cs_container p .smallstat {
  font-size: 26px;
  line-height: 1.2em;
  font-weight: 800;
  color: #BA182D;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
  display: block;
}

.quoterow {
  background-color: #fff;
  padding: 100px 0;
  text-align: center;
  margin: 30px 0 80px 0;
}

.quoterow .liner {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.quoterow .liner:before {
  content: '“';
  font-size: 80px;
  font-weight: 800;
  color: #BA182D;
  display: block;
  padding-bottom: 10px;
}

.quoterow .liner:after {
  content: '”';
  font-size: 80px;
  font-weight: 800;
  color: #BA182D;
  display: block;
  padding-top: 20px;
}

.quoterow .liner p {
  margin-bottom: 20px;
  font-size: 40px;
  font-weight: 800;
  color: #BA182D;
  line-height: 1em;
  text-transform: uppercase;
}

.quoterow .liner .author {
  font-size: 14px;
  font-weight: 800;
  color: #BA182D;
  line-height: 1.4em;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.quoterow .author {
  font-size: 14px;
  font-weight: 800;
  color: #BA182D;
  line-height: 1.4em;
  text-transform: uppercase;
  margin: 20px auto;
  float: none;
}

.quoterow.mb0 {
  margin-bottom: 0;
}

.jobentrywrapper {
  margin-bottom: -40px;
  background-color: #fff;
}

.jobentrywrapper .job_entry {
  width: 100%;
  position: relative;
}

.jobentrywrapper .job_entry .job_left {
  width: 50%;
  display: block;
  height: 555px;
  background-position: center center;
  background-size: cover;
  float: left;
}

.jobentrywrapper .job_entry .job_right {
  width: 50%;
  display: block;
  height: 555px;
  float: right;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 40px;
}

.jobentrywrapper .job_entry .job_right .date {
  text-transform: uppercase;
  color: #212121;
  font-weight: 700;
  line-height: 1em;
  margin-bottom: 40px;
  font-size: 12px;
  display: block;
}

.jobentrywrapper .job_entry .job_right h5 {
  text-transform: uppercase;
  color: #212121;
  font-weight: 800;
  line-height: 1em;
  margin-bottom: 20px;
  font-size: 50px;
}

.jobentrywrapper .job_entry .job_right a.button {
  position: absolute;
  bottom: 110px;
  left: 40px;
}

.jobentrywrapper .job_entry .job_right .sharebar {
  height: 69px;
  width: 100%;
  background-color: #eee;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 12px;
  font-weight: 700;
  color: #bababa;
  line-height: 1em;
  text-transform: uppercase;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 22px 40px 0 40px;
}

.jobentrywrapper .job_entry .job_right .sharebar.socialshare span {
  display: block;
  float: left;
  height: 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 8px;
  margin-right: 10px;
  margin-bottom: 8px;
}

.jobentrywrapper .job_entry .job_right .sharebar.socialshare a {
  display: inline-block;
  height: 24px;
  width: 25px;
  text-indent: -9999px;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/socialsharesprite.png);
  background-repeat: no-repeat;
  margin-right: 10px;
}

.jobentrywrapper .job_entry .job_right .sharebar.socialshare a.twitter {
  background-position: 0 0;
}

.jobentrywrapper .job_entry .job_right .sharebar.socialshare a.twitter:hover {
  background-position: 0 -70px;
}

.jobentrywrapper .job_entry .job_right .sharebar.socialshare a.facebook {
  background-position: -41px 0;
}

.jobentrywrapper .job_entry .job_right .sharebar.socialshare a.facebook:hover {
  background-position: -41px -70px;
}

.jobentrywrapper .job_entry .job_right .sharebar.socialshare a.linkedin {
  background-position: 0 0;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/socialsharesprite_linkedin.png);
}

.jobentrywrapper .job_entry .job_right .sharebar.socialshare a.linkedin:hover {
  background-position: 0 -70px;
}

.jobentrywrapper .job_entry .job_right .sharebar.socialshare a.reddit {
  width: 32px;
  background-position: -119px 0;
}

.jobentrywrapper .job_entry .job_right .sharebar.socialshare a.reddit:hover {
  background-position: -119px -70px;
}

.jobentrywrapper .job_entry .job_right .sharebar.socialshare a.stumbleupon {
  width: 30px;
  background-position: -167px 0;
  margin-right: 0;
}

.jobentrywrapper .job_entry .job_right .sharebar.socialshare a.stumbleupon:hover {
  background-position: -167px -70px;
}

.jobentrywrapper .job_entry .job_right .sharebar.socialshare a.googleplus {
  background-position: -214px 0;
}

.jobentrywrapper .job_entry .job_right .sharebar.socialshare a.googleplus:hover {
  background-position: -214px -70px;
}

.jobentrywrapper .job_entry .job_right a {
  margin-left: 0;
  margin-right: 0;
}

.jobsidebar h1 {
  margin-bottom: 40px;
}

.jobsidebar .jobinfo {
  border-top: 1px solid #ddd;
  padding: 13px 0;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 700;
}

.jobsidebar .jobinfo span {
  color: #212121;
  margin-left: 5px;
}

.jobsidebar .jobinfo span a {
  color: #212121;
  text-decoration: none;
}

.jobsidebar .jobinfo span a:hover {
  text-decoration: underline;
}

.jobsidebar .newscontrols.socialshare {
  margin-top: 0;
}

.addressbar {
  background-color: #fff;
  padding: 60px 0;
  position: relative;
  font-size: 14px;
  color: #999;
  font-weight: 700;
  line-height: 20px;
  z-index: 150;
}

.addressbar p {
  margin-bottom: 14px;
}

.addressbar p:last-child {
  margin-bottom: 0;
}

.addressbar h2 {
  border-top: none;
  padding-top: 0;
  margin-top: 0;
}

.addressbar:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 18px;
  margin-left: -18px;
  z-index: 150;
}

.addressbar .column3 span {
  text-transform: uppercase;
  display: block;
  font-weight: 800;
  font-size: 13px;
}

.addressbar .column3 a {
  text-decoration: none;
}

.addressbar .column3 a:hover {
  text-decoration: underline;
}

.contactmap {
  height: 500px;
  background-color: #333;
}

.allportsmap {
  background-color: #E9E9E9;
  padding: 40px 0;
  margin-bottom: 0;
  font-size: 20px;
}

.allportsmap .container12 .column4 {
  text-align: center;
  color: #444;
  height: 503px;
  position: relative;
}

.allportsmap .container12 .column4 .liner {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  position: relative;
}

.allportsmap .container12 .column4 h5 {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 800;
  color: #BA182D;
  line-height: 1em;
  padding-bottom: 20px;
}

.joinraceinfo {
  background-color: #19395E;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/joinrace_info.jpg);
  background-position: right center;
  background-repeat: no-repeat;
  height: 600px;
  margin-bottom: 0;
  font-size: 20px;
}

.joinraceinfo .column5 {
  text-align: center;
  color: #fff;
  height: 600px;
  position: relative;
}

.joinraceinfo .column5 .liner {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  position: relative;
}

.joinraceinfo .column5 h5 {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 800;
  color: #fff;
  line-height: 1em;
  padding-bottom: 20px;
}

.raceinfobottomcontact {
  background-color: #E9E9E9;
  padding: 150px 0;
  margin-bottom: 0;
  font-size: 20px;
  text-align: center;
  color: #444;
}

.raceinfo {
  margin-top: 0;
}

.raceinfo .column4 {
  text-align: center;
  color: #444;
  height: 250px;
  position: relative;
}

.raceinfo .column4 .liner {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  position: relative;
}

.raceinfo .column4 h5 {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 800;
  color: #BA182D;
  line-height: 1em;
  padding-bottom: 20px;
}

.raceinfo .column7 {
  height: 250px;
  position: relative;
}

.raceinfo .column7 .legwidgets {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  position: relative;
  margin-top: 0;
}

#pagenotfound {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/404bg.jpg);
  background-color: #fff;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 100;
}

#pagenotfound .liner {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  position: relative;
  text-align: center;
}

#pagenotfound .liner .top {
  font-size: 100px;
  line-height: 1em;
  text-transform: uppercase;
  font-weight: 800;
  color: #fff;
  margin-bottom: 40px;
}

#pagenotfound .liner .top span {
  color: #BA182D;
}

#pagenotfound .liner .bottom {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 800;
  color: #444;
}

#pagenotfound .liner .bottom a {
  color: #BA182D;
  text-decoration: none;
}

#pagenotfound .liner .bottom a:hover {
  text-decoration: underline;
}

#pagenotfound.streamedoffline {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/streamed_offline.jpg);
}

#pagenotfound.streamedoffline .liner .top {
  font-size: 25px;
  border-bottom: 3px solid #fff;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 8px;
}

#pagenotfound.streamedoffline .liner .bottom {
  font-size: 70px;
  line-height: 1.1em;
  color: #fff;
}

.sitemap ul {
  list-style: none;
  margin-bottom: 0;
}

.sitemap > ul {
  margin-left: 0;
}

.sitemap > ul > li {
  margin-bottom: 10px;
}

.sitemap > ul > li a {
  color: #999;
  text-decoration: none;
}

.sitemap > ul > li a:hover {
  text-decoration: underline;
}

a.greyback {
  display: inline-block;
  background-color: #ccc;
  text-transform: uppercase;
  font-weight: 700;
  color: #fff;
  font-size: 12px;
  padding: 5px 15px;
  margin: 20px 0 40px 0;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-decoration: none;
}

a.greyback:hover {
  background-color: #bbb;
}

.archive a {
  display: block;
  text-decoration: none;
  color: #444;
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

.archive a:hover {
  color: #BA182D;
}

.searchrow {
  padding: 20px 0;
  border-bottom: 1px solid #ccc;
}

.searchrow.first {
  border-top: 1px solid #ccc;
}

.searchholder a.item {
  height: 450px;
  text-decoration: none;
  display: block;
  border-bottom: 5px solid #BA182D;
  background-color: #E9E9E9;
  margin-bottom: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  padding-bottom: 120px;
}

.searchholder a.item .imgholder {
  width: 100%;
  height: 300px;
  background-size: cover;
  background-position: center center;
}

.searchholder a.item .textholder {
  padding: 20px;
  position: absolute;
  bottom: 0;
  background-color: #fff;
  max-height: 150px;
  min-height: 150px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.searchholder a.item .textholder h2 {
  border-top: none;
  font-size: 13px;
  line-height: 1.2em;
  color: #000;
  font-weight: 700;
}

.searchholder a.item .textholder p.date {
  color: #919191;
  font-size: 11px;
  display: block;
  text-transform: uppercase;
  padding: 0 0 5px 0;
  line-height: 1em;
  margin-bottom: 0;
}

.searchholder a.item .textholder p.preview {
  padding: 10px 0 0 0;
  width: 100%;
  font-size: 14px;
  line-height: 1.4em;
  margin-bottom: 28px;
  display: block;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.searchholder a.item span.bottom {
  position: absolute;
  bottom: 15px;
  left: 20px;
  display: block;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: #BA182D;
}

.searchholder a.item .column12 h2 {
  border-top: none;
  margin: 30px 0 30px 0;
  font-size: 20px;
}

.searchholder a.item:hover .textholder {
  max-height: 300px;
}

.searchholder a.item:hover p.preview {
  opacity: 1;
}

#homegrid .column3.homenewswrapper,
#homegrid .column6.homenewswrapper {
  height: 450px;
  margin-bottom: 20px;
  background-size: cover;
  background-position: center top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  position: relative;
}

#homegrid .column3.homenewswrapper .homenewsitem,
#homegrid .column6.homenewswrapper .homenewsitem {
  text-decoration: none;
  display: block;
  border-bottom: 4px solid #BA182D;
  background-color: #E9E9E9;
  padding: 0;
  padding-bottom: 120px;
}

#homegrid .column3.homenewswrapper .homenewsitem .imgholder,
#homegrid .column6.homenewswrapper .homenewsitem .imgholder {
  width: 100%;
  height: 300px;
  background-size: cover;
  background-position: center center;
}

#homegrid .column3.homenewswrapper .homenewsitem .textholder,
#homegrid .column6.homenewswrapper .homenewsitem .textholder {
  padding: 20px;
  position: absolute;
  bottom: 0;
  background-color: #fff;
  max-height: 150px;
  min-height: 150px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-bottom: 5px solid #BA182D;
}

#homegrid .column3.homenewswrapper .homenewsitem .textholder h2,
#homegrid .column6.homenewswrapper .homenewsitem .textholder h2 {
  border-top: none;
  font-size: 13px;
  line-height: 1.2em;
  color: #000;
  font-weight: 700;
}

#homegrid .column3.homenewswrapper .homenewsitem .textholder p.date,
#homegrid .column6.homenewswrapper .homenewsitem .textholder p.date {
  color: #919191;
  font-size: 11px;
  display: block;
  text-transform: uppercase;
  padding: 0 0 5px 0;
  line-height: 1em;
  margin-bottom: 0;
}

#homegrid .column3.homenewswrapper .homenewsitem .textholder p.preview,
#homegrid .column6.homenewswrapper .homenewsitem .textholder p.preview {
  padding: 10px 0 0 0;
  width: 100%;
  font-size: 14px;
  line-height: 1.4em;
  margin-bottom: 0;
  display: block;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-bottom: 30px;
}

#homegrid .column3.homenewswrapper .homenewsitem:hover .textholder,
#homegrid .column6.homenewswrapper .homenewsitem:hover .textholder {
  max-height: 300px;
}

#homegrid .column3.homenewswrapper .homenewsitem:hover p.preview,
#homegrid .column6.homenewswrapper .homenewsitem:hover p.preview {
  opacity: 1;
}

#homegrid .column3.homenewswrapper .homenewsitem span.bottom,
#homegrid .column6.homenewswrapper .homenewsitem span.bottom {
  position: absolute;
  bottom: 20px;
  left: 20px;
  display: block;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: #BA182D;
  line-height: 1em;
}

#homegrid .column3.homenewswrapper > span.share,
#homegrid .column6.homenewswrapper > span.share {
  display: block;
  position: absolute;
  bottom: 18px;
  right: 20px;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/share.png);
  background-repeat: no-repeat;
  background-position: 0 24px;
  width: 20px;
  height: 48px;
  z-index: 10;
}

#homegrid .column3.homenewswrapper > span.share:hover,
#homegrid .column6.homenewswrapper > span.share:hover {
  background-position: -20px 24px;
}

#homegrid .column3.homenewswrapper > span.share:hover .tooltip,
#homegrid .column6.homenewswrapper > span.share:hover .tooltip {
  display: block;
}

.tooltip {
  padding: 12px 3px 11px 3px;
  background-color: #000;
  position: absolute;
  bottom: 0px;
  left: -43px;
  width: 100px;
  z-index: 10;
  height: 22px;
  display: none;
  margin-bottom: 40px;
}

.tooltip:hover {
  display: block;
}

.tooltip > a {
  width: 18px;
  height: 18px;
  display: inline-block;
  padding: 0 5px;
  overflow: hidden;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: center center;
  text-decoration: none;
}

.tooltip > a.facebooktt {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/white_facebook.png);
  background-size: 7px 17px;
}

.tooltip > a.twittertt {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/white_twitter.png);
  background-size: 18px 14px;
}

.tooltip > a.googleplustt {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/white_googleplus.png);
  background-size: 18px 17px;
}

.tooltip:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(0, 0, 0, 0);
  border-top-color: #000000;
  border-width: 12px;
  margin-left: -12px;
}

.crewlogin {
  width: 524px;
  margin: 0 10px;
  padding: 90px 0;
}

.crewlogin a.small {
  font-size: 12px;
  text-decoration: none;
  font-weight: 700;
}

.crewlogin a.small:hover {
  text-decoration: underline;
}

.crewlogin h2 {
  border-top: 0;
  padding-top: 0;
  font-size: 26px;
  margin-top: 60px;
  color: #000;
  padding-bottom: 20px;
}

.crewlogin p {
  font-size: 16px;
}

.crewlogin form.loginform input[type="submit"] {
  margin: 20px 0 10px 0;
}

.crewlogin a.join {
  display: inline-block;
  color: #BA182D;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 700;
  font-size: 16px;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/redarrowright.png);
  background-position: right center;
  background-size: 9px 14px;
  background-repeat: no-repeat;
  padding-right: 20px;
  line-height: 1em;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.crewlogin a.join:hover {
  padding-right: 23px;
}

.loginfail {
  text-transform: uppercase;
  font-weight: 700;
  color: #BA182D;
  margin-bottom: 0;
  font-size: 14px;
}

a.tabcontact {
  display: block;
  height: 46px;
  background-color: #BA182D;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 30px 0 30px;
  text-transform: uppercase;
  font-weight: 800;
  text-decoration: none;
  position: absolute;
  top: 79px;
  right: 0;
  font-size: 14px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

a.tabcontact:hover {
  background-color: #880E1D;
}

#ch_bar {
  height: 46px;
  background-color: #fff;
  z-index: 989;
  position: fixed;
  top: 79px;
  width: 100%;
}

#ch_bar .column12 a {
  display: block;
  float: left;
  height: 46px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 12px;
  color: #999;
  padding-top: 11px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 12px;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}

#ch_bar .column12 a:hover {
  color: #BA182D;
}

#ch_bar .column12 a.dashlink {
  font-weight: 800;
  color: #1F1F1F;
  font-size: 18px;
  padding: 10px 20px 0 100px;
  background-repeat: no-repeat;
}

#ch_bar .column12 a.red {
  color: #BA182D;
}

#ch_dashbar {
  background-color: #fff;
  position: relative;
  margin-top: 79px;
  width: 100%;
}

#ch_dashbar .dash_wrap {
  padding-top: 53px;
}

#ch_dashbar > div {
  padding: 20px 0 73px 0;
  text-transform: uppercase;
}

#ch_dashbar .column3:first-child img, #ch_dashbar .column4:first-child img {
  margin-bottom: 15px;
  display: block;
  width: 66%;
}

#ch_dashbar .column3:first-child h1, #ch_dashbar .column4:first-child h1 {
  font-size: 26px;
  margin-bottom: 4px;
}

#ch_dashbar .column3:first-child a, #ch_dashbar .column4:first-child a {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  color: #999;
  text-decoration: none;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}

#ch_dashbar .column3:first-child a:hover, #ch_dashbar .column4:first-child a:hover {
  color: #BA182D;
}

#ch_dashbar .column3:first-child a.edit-link, #ch_dashbar .column4:first-child a.edit-link {
  margin-right: 10px;
  color: #BA182D;
}

#ch_dashbar .column3:nth-child(2) .clearfix, #ch_dashbar .column4:nth-child(2) .clearfix {
  color: #444;
  margin-bottom: 10px;
}

#ch_dashbar .column3:nth-child(2) .clearfix span, #ch_dashbar .column4:nth-child(2) .clearfix span {
  font-size: 12px;
  line-height: 1em;
  color: #999;
}

#ch_dashbar .column3:nth-child(2) .clearfix p, #ch_dashbar .column4:nth-child(2) .clearfix p {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0;
}

#ch_dashbar .column3:nth-child(2) .clearfix p a, #ch_dashbar .column4:nth-child(2) .clearfix p a {
  text-decoration: none;
  color: #BA182D;
}

#ch_dashbar .column3:nth-child(2) .clearfix p a:hover, #ch_dashbar .column4:nth-child(2) .clearfix p a:hover {
  text-decoration: underline;
}

#ch_dashbar .column3.berths p, #ch_dashbar .column4.berths p {
  color: #2b63a4;
}

#ch_dashbar .column3.berths table, #ch_dashbar .column4.berths table {
  width: 100%;
  margin: 25px 0 0 0;
  border-top: 1px solid #cccccc;
}

#ch_dashbar .column3.berths table tr td, #ch_dashbar .column4.berths table tr td {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  color: #404040;
  text-align: left;
  vertical-align: middle;
  line-height: 1em;
  border-bottom: 1px solid #cccccc;
  padding: 8px 0;
}

#ch_dashbar .column3.berths table tr td.red, #ch_dashbar .column4.berths table tr td.red {
  color: #BA182D;
}

#ch_dashbar .column3.berths table tr td a, #ch_dashbar .column4.berths table tr td a {
  display: inline-block;
  margin-bottom: 0;
  padding-right: 15px;
  color: #2b63a4;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/berth-chevron.png);
  background-repeat: no-repeat;
  background-size: 7px 11px;
  background-position: right 0 top 0;
}

#ch_dashbar .column3.berths table tr td:last-child, #ch_dashbar .column4.berths table tr td:last-child {
  text-align: right;
}

#ch_dashbar .column3.berths table, #ch_dashbar .column3.berths tr, #ch_dashbar .column3.berths td, #ch_dashbar .column4.berths table, #ch_dashbar .column4.berths tr, #ch_dashbar .column4.berths td {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-collapse: separate;
}

.crewhubmain {
  padding: 70px 0;
}

.personaldetails {
  background-color: #FFF;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.personaldetails > .left {
  width: 904px;
}

.personaldetails > .left .col1 {
  width: 432px;
}

.personaldetails > .left .col2 {
  width: 452px;
}

.personaldetails > .right {
  width: 431px;
}

.personaldetails > .right img {
  line-height: 0;
  display: block;
}

.personaldetails > .right img.flag {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 34px;
  height: 23px;
}

.personaldetails > .right img.flag.second {
  left: 34px;
}

.personaldetails > .right a.leggal_link {
  display: block;
  position: relative;
  background-color: #2c5995;
  color: #FFF;
  text-decoration: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 14px 55px 14px 16px;
  margin-top: 20px;
}

.personaldetails > .right a.leggal_link .downloadtext, .personaldetails > .right a.leggal_link .gallerytext {
  display: block;
  text-transform: uppercase;
  font-family: "aktiv-grotesk-std", Arial, "Helvetica Neue", Helvetica, sans-serif;
  line-height: 1.2em;
}

.personaldetails > .right a.leggal_link .downloadtext {
  font-size: 12px;
  font-weight: 700;
}

.personaldetails > .right a.leggal_link .gallerytext {
  font-size: 22px;
  font-weight: 800;
}

.personaldetails > .right a.leggal_link .downloadicon {
  position: absolute;
  top: 0;
  right: 14px;
  width: 27px;
  height: 100%;
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/download-icon.svg");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 27px 30px;
  opacity: 0.4;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.personaldetails > .right a.leggal_link:hover .downloadicon {
  opacity: 1;
}

form.crewhubform .clearfix {
  margin-bottom: 20px;
}

form.crewhubform .clearfix .titlewrapper {
  width: 192px;
  margin-right: 10px;
  display: inline-block;
}

form.crewhubform .clearfix .firstnamewrapper {
  width: 293px;
  margin-right: 10px;
  display: inline-block;
}

form.crewhubform .clearfix .lastnamewrapper {
  width: 293px;
  display: inline-block;
}

form.crewhubform .clearfix .wrapper50 {
  width: 396px;
  margin-right: 10px;
  display: inline-block;
}

form.crewhubform .clearfix .wrapper50.nrm {
  margin-right: 0;
}

form.crewhubform .clearfix .wrapper50.tat {
  vertical-align: top;
}

form.crewhubform .clearfix.divide3 label {
  display: block;
}

form.crewhubform .clearfix.divide3 .relative {
  width: 259px;
  margin-right: 10px;
  display: inline-block;
}

form.crewhubform .clearfix.divide3 .relative.nrm {
  margin-right: 0;
}

form.crewhubform label {
  font-size: 12px;
  color: #999;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.4em;
  display: inline-block;
  padding-bottom: 4px;
  padding-top: 3px;
}

form.crewhubform label.error {
  display: inline-block;
  color: #BA182D;
  padding-left: 5px;
}

form.crewhubform input[type="text"],
form.crewhubform input[type="tel"],
form.crewhubform input[type="email"],
form.crewhubform input[type="search"],
form.crewhubform input[type="password"],
form.crewhubform textarea {
  border: 4px solid #f2f2f2;
  background-color: #f2f2f2;
  color: #999;
}

form.crewhubform input[type="text"]:focus,
form.crewhubform input[type="tel"]:focus,
form.crewhubform input[type="email"]:focus,
form.crewhubform input[type="search"]:focus,
form.crewhubform input[type="password"]:focus,
form.crewhubform textarea:focus {
  background-color: #e7e7e7;
  border: 4px solid #e7e7e7;
}

form.crewhubform input[type="text"].error,
form.crewhubform input[type="tel"].error,
form.crewhubform input[type="email"].error,
form.crewhubform input[type="search"].error,
form.crewhubform input[type="password"].error,
form.crewhubform textarea.error {
  border-color: #BA182D;
}

form.crewhubform select {
  text-transform: uppercase;
}

form.crewhubform select.error + span.styled {
  border-color: #BA182D;
}

form.crewhubform span.styled {
  background-color: #f3f3f3;
  color: #999;
  font-weight: 700;
  text-transform: uppercase;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/greydd.png);
  background-repeat: no-repeat;
  background-size: 50px 50px;
  padding: 15px 43px 11px 12px;
  background-position: right -4px;
  font-weight: 700;
  border: 4px solid #f3f3f3;
}

form.crewhubform button,
form.crewhubform .button,
form.crewhubform input[type="submit"] {
  background-color: #BA182D;
  width: 216px;
  height: 66px;
  display: inline-block;
  margin-right: 10px;
  outline: none;
  font-weight: 800;
  font-size: 14px;
}

form.crewhubform button:hover,
form.crewhubform .button:hover,
form.crewhubform input[type="submit"]:hover {
  background-color: #880E1D;
}

form.crewhubform button.tac,
form.crewhubform .button.tac,
form.crewhubform input[type="submit"].tac {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

form.crewhubform button.black,
form.crewhubform .button.black,
form.crewhubform input[type="submit"].black {
  color: #fff;
  background-color: #000;
}

form.crewhubform .bottom {
  margin: 20px 0;
}

form.crewhubform.topborder {
  border-top: 1px solid #d0d0d0;
}

form.crewhubform p.forminfo {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 30px;
  line-height: 1.3em;
}

form.crewhubform span.fakecheck {
  width: 21px;
  height: 21px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/checkbox_radio_light.png);
  background-size: 21px 211px;
  opacity: 0.5;
  cursor: not-allowed;
}

.confirmation {
  background-color: #1667A2;
  padding: 20px 100px 20px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  position: relative;
  text-transform: none;
}

.confirmation span {
  width: 11px;
  height: 11px;
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/whitecross.png");
  background-size: 11px 11px;
  position: absolute;
  top: 27px;
  right: 27px;
  cursor: pointer;
}

.milestones {
  background-color: #212121;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px;
  color: #cbcbcb;
  margin-bottom: 20px;
}

.milestones h2 {
  color: #cbcbcb;
}

.ch_faqs {
  position: relative;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 20px;
}

.ch_faqs #faq_anchor {
  position: absolute;
  left: 0;
  top: -145px;
}

.ch_faqs h2 {
  padding: 20px;
  margin-bottom: 0;
}

.ch_faqs .entry .question {
  display: block;
  color: #1F1F1F;
  font-weight: 700;
  padding: 20px 70px 20px 20px;
  border-top: 1px solid #DEDEDE;
  cursor: pointer;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/blackarrow.png);
  background-repeat: no-repeat;
  background-size: 15px 128px;
  background-position: 410px -90px;
}

.ch_faqs .entry .question.active {
  background-position: 410px 29px;
}

.ch_faqs .entry .answer {
  padding: 0 70px 0 20px;
  display: none;
  font-size: 16px;
  line-height: 1.4em;
}

.ch_timetable {
  position: relative;
}

.ch_timetable #rt_anchor {
  position: absolute;
  left: 0;
  top: -145px;
}

.ch_timetable h2 {
  display: block;
  background-color: #BA182D;
  color: #fff;
  padding: 10px;
  line-height: 1em;
  margin-bottom: 0;
}

.ch_timetable img.map {
  opacity: 0.7;
  line-height: 1em;
  display: block;
  margin-bottom: 10px;
}

.ch_timetable table {
  background-color: #E5E5E5;
  width: 100%;
}

.ch_timetable table tr {
  border-bottom: 1px solid #CCCCCC;
}

.ch_timetable table tr:last-child {
  border-bottom: none;
}

.ch_timetable table tr:hover, .ch_timetable table tr.active {
  background-color: #dcdcdc;
}

.ch_timetable table tr th {
  text-transform: uppercase;
  padding: 10px;
  font-size: 12px;
  font-weight: 700;
  color: #1F1F1F;
  text-align: center;
  vertical-align: baseline;
}

.ch_timetable table tr td {
  padding: 10px;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
}

.ch_timetable table tr td a {
  text-decoration: none;
  font-weight: 700;
  font-size: 18px;
  display: inline-block;
  position: relative;
}

.ch_timetable table tr td a:hover:after {
  content: "Opens in new window";
  background-color: #BA182D;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  position: absolute;
  left: -210px;
  top: -7px;
  padding: 15px;
  font-size: 11px;
  line-height: 1em;
  width: 170px;
  text-align: center;
}

.ch_timetable span.info {
  width: 17px;
  height: 17px;
  display: block;
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/info.png");
  background-size: 17px 17px;
  cursor: pointer;
}

#backtotop {
  width: 50px;
  height: 50px;
  background-color: #ccc;
  position: fixed;
  right: 0;
  top: 65%;
  display: block;
  cursor: pointer;
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/backtotop.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 19px 19px;
  display: none;
  z-index: 999999;
}

.goodsize {
  padding: 80px 0;
}

a.addleglink {
  position: relative;
  display: block;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  padding: 16px 23px;
  font-size: 17px;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  background-color: #BA182D;
}

a.addleglink:hover {
  background-color: #880E1D;
}

a.addleglink .addtext {
  display: block;
  float: left;
}

a.addleglink .applytext {
  display: block;
  float: right;
  padding-right: 38px;
}

a.addleglink .applyicon {
  display: block;
  position: absolute;
  top: 0;
  right: 23px;
  width: 20px;
  height: 100%;
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/plus.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 20px 20px;
}

#changepasswordmodal,
#changelegsmodal,
#changephotomodal,
#sentform {
  display: none;
}

#changepasswordmodal .liner,
#changelegsmodal .liner,
#changephotomodal .liner,
#sentform .liner {
  padding: 20px;
  width: 330px;
}

#changepasswordmodal .liner p,
#changelegsmodal .liner p,
#changephotomodal .liner p,
#sentform .liner p {
  color: #989898;
  font-size: 14px;
  line-height: 1.4em;
}

#changepasswordmodal .liner .checkboxwrapper,
#changelegsmodal .liner .checkboxwrapper,
#changephotomodal .liner .checkboxwrapper,
#sentform .liner .checkboxwrapper {
  display: inline-block;
  text-transform: uppercase;
  color: #989898;
  margin-right: 28px;
  margin-top: 0;
}

#changepasswordmodal .liner input[type="submit"],
#changelegsmodal .liner input[type="submit"],
#changephotomodal .liner input[type="submit"],
#sentform .liner input[type="submit"] {
  background-color: #BA182D;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

#changepasswordmodal .liner input[type="submit"]:hover,
#changelegsmodal .liner input[type="submit"]:hover,
#changephotomodal .liner input[type="submit"]:hover,
#sentform .liner input[type="submit"]:hover {
  background-color: #880E1D;
}

#changepasswordmodal .file_button_container,
#changelegsmodal .file_button_container,
#changephotomodal .file_button_container,
#sentform .file_button_container {
  width: 100%;
  height: 120px;
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/selectfile.png");
  background-size: 138px 51px;
  background-color: #fff;
}

#changepasswordmodal .filenamecontainer,
#changelegsmodal .filenamecontainer,
#changephotomodal .filenamecontainer,
#sentform .filenamecontainer {
  font-size: 14px;
  color: #989898;
  border: 1px solid #414141;
  padding: 10px;
  width: 100%;
}

#changephotomodal .bottombuttons {
  display: none;
}

.leginfomodal {
  padding: 20px;
  background-color: #212121;
  position: absolute;
  top: -10px;
  left: 50px;
  width: 300px;
  color: #a9a9a9;
  text-align: left;
  z-index: 99;
  font-size: 14px;
  line-height: 1.4em;
  display: none;
}

.leginfomodal .orangetitle {
  color: #FFB345;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
}

.leginfomodal p:last-child {
  margin-bottom: 0;
}

.leginfomodal:after {
  right: 100%;
  top: 33px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(33, 33, 33, 0);
  border-right-color: #212121;
  border-width: 12px;
  margin-top: -12px;
}

a.changephoto {
  text-transform: uppercase;
  font-size: 12px;
  color: #999;
  text-decoration: none;
  font-weight: 700;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

a.changephoto:hover {
  color: #BA182D;
}

.formholder {
  background-color: #FFF;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.formholder h2 {
  margin-bottom: 0.5em;
}

.formholder.addkit > .left {
  width: 45%;
}

.formholder.addkit > .left h2 {
  font-size: 18px;
  margin-bottom: 0;
}

.formholder.addkit > .left .code {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 1em;
  display: block;
}

.formholder.addkit > .left p {
  font-size: 16px;
  line-height: 1.3em;
  margin-bottom: 1em;
}

.formholder.addkit > .left p .top {
  display: block;
  font-size: 15px;
}

.formholder.addkit > .left p .bottom {
  display: block;
  color: #BA182D;
}

.formholder.addkit > .left p:last-child {
  margin-bottom: 0;
}

.formholder.addkit > .right {
  width: 50%;
}

.formholder.addkit > .right span.styled {
  background-color: #f3f3f3;
  color: #999;
  font-weight: 700;
  text-transform: uppercase;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/greydd.png);
  background-repeat: no-repeat;
  background-size: 50px 50px;
  padding: 15px 43px 11px 12px;
  background-position: right -4px;
  font-weight: 700;
  border: 4px solid #f3f3f3;
}

.formholder.addkit > .right .relative {
  margin-bottom: 20px;
}

.formholder.addkit > .right .left {
  width: 45%;
}

.formholder.addkit > .right .left a.sizingchartlink {
  margin-top: 0;
  text-transform: none;
  font-size: 12px;
  font-weight: normal;
}

.formholder.addkit > .right .right {
  width: 50%;
}

.formholder.addkit > .right .right a.button {
  width: 100%;
}

.formlist .bigformlink {
  background-color: #E9E9E9;
  display: block;
  border-bottom: 1px solid #cbcbcb;
  padding: 25px 20px;
  text-decoration: none;
  text-transform: uppercase;
  color: #202020;
  font-weight: 800;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  font-size: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

.formlist .bigformlink:hover, .formlist .bigformlink.active {
  background-color: #F3F3F3;
}

.formlist .bigformlink:first-child.active {
  border-top: 1px solid #cbcbcb;
}

.formlist .bigformlink:last-child {
  border-bottom: none;
}

.formlist .bigformlink:last-child.active {
  border-bottom: 1px solid #cbcbcb;
}

.formlist .bigformlink .left {
  width: 50%;
}

.formlist .bigformlink .right {
  width: 48%;
  font-size: 14px;
  line-height: 1em;
  font-weight: 700;
  text-align: right;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -10px;
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/rightgreyarrow.png");
  background-repeat: no-repeat;
  background-size: 13px 20px;
  background-position: right center;
  height: 20px;
  padding-top: 3px;
  padding-right: 30px;
}

.formlist .bigformlink .right.incomplete, .formlist .bigformlink .right.not.booked {
  color: #B9182C;
}

.formlist .bigformlink .right.attention {
  color: #F39B13;
}

.formlist .bigformlink .right.complete, .formlist .bigformlink .right.completed {
  color: #1667A2;
}

.formlist .bigformlink.unavailable:hover, .formlist .bigformlink.unavailable.active {
  background-color: #E9E9E9;
}

.formlist .bigformlink.unavailable .right {
  background-image: none;
  padding-right: 0;
}

.alldocuments a.column3 {
  background-color: #E2E2E2;
  height: 334px;
  text-align: center;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  text-decoration: none;
  display: block;
  text-transform: uppercase;
  font-weight: 800;
  color: #989898;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 40px 30px 30px 30px;
  position: relative;
  margin-bottom: 20px;
}

.alldocuments a.column3 .title {
  display: block;
  color: #1f1f1f;
  font-size: 26px;
  padding-top: 10px;
}

.alldocuments a.column3 .type {
  display: block;
  color: #1f1f1f;
  font-size: 14px;
  padding-top: 10px;
  font-weight: 700;
}

.alldocuments a.column3 .download {
  position: absolute;
  bottom: 45px;
  width: 100%;
  left: 0;
  font-size: 16px;
}

.alldocuments a.column3 .downloadicon {
  display: block;
  width: 274px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 35px;
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/ch_download.png");
  background-repeat: no-repeat;
  background-size: 400px 35px;
  background-position: 122px 0px;
  position: absolute;
  bottom: 83px;
  margin-left: auto;
  margin-right: auto;
}

.alldocuments a.column3:hover {
  background-color: #BA182D;
  color: #fff;
}

.alldocuments a.column3:hover .title, .alldocuments a.column3:hover .type {
  color: #fff;
}

.alldocuments a.column3:hover .downloadicon {
  background-position: -248px 0px;
}

a.sizingchartlink {
  display: inline-block;
  color: #000;
  text-decoration: none;
  font-size: 12px;
  line-height: 1em;
  text-transform: uppercase;
  font-weight: 700;
  margin-right: 15px;
  margin-top: 25px;
}

#menssizingchart,
#womenssizingchart {
  display: none;
}

#menssizingchart .liner,
#womenssizingchart .liner {
  padding: 20px;
  width: 710px;
}

#menssizingchart .liner h4,
#womenssizingchart .liner h4 {
  border-top: 0;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-top: 0;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 800;
}

table.sizingtable {
  width: 100%;
  background-color: #fff;
  font-size: 13px;
  line-height: 1.3em;
}

table.sizingtable tr {
  height: auto;
}

table.sizingtable tr th {
  margin: 0;
  padding: 15px 10px 15px 10px;
  vertical-align: top;
  text-align: center;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
}

table.sizingtable tr th:nth-child(even) {
  background-color: #efefef;
}

table.sizingtable tr td {
  margin: 0;
  padding: 20px 10px;
  vertical-align: top;
  text-align: left;
}

table.sizingtable tr td:nth-child(even) {
  background-color: #efefef;
}

table.sizingtable tr td strong {
  display: block;
  width: 80px;
  text-align: center;
}

a.kitmoreinfo {
  text-transform: uppercase;
  font-weight: 800;
  color: #BA182D;
  text-decoration: none;
  text-align: center;
  font-weight: 12px;
}

.chdash div {
  margin-bottom: 30px;
}

.chdash div:last-child {
  margin-bottom: 10px;
}

.chdash div h2 {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 5px;
  color: #000;
}

.chdash div p {
  color: #BA182D;
  font-size: 36px;
  font-weight: 800;
  margin-bottom: 5px;
  line-height: 1;
}

.chdash div a {
  color: #878787;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 5px;
  text-decoration: none;
}

.chdash div a:hover {
  color: #000;
}

.marine_travel_modal {
  display: none;
}

.marine_travel_modal form {
  padding: 20px;
}

.marine_travel_modal form input {
  width: 474px;
  height: 75px;
  font-size: 14px;
  background-color: #272727;
  border-color: #272727;
  margin-top: 15px;
}

.marine_travel_modal form input:first-child {
  margin-top: 0;
}

.marine_travel_modal form select {
  width: 474px;
  height: 75px;
  font-size: 14px;
  background-color: #333;
  color: #666;
  font-family: "aktiv-grotesk-std", Arial, "Helvetica Neue", Helvetica, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  margin-top: 15px;
  background-position: right 8px;
  border: 4px solid #333;
  border-radius: 0;
  -webkit-appearance: none;
  outline: none;
  padding: 12px 8px 11px 8px;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/greydd.png);
  background-repeat: no-repeat;
  background-size: 50px 50px;
  background-position: right 10px;
}

.marine_travel_modal form input.button {
  background-color: #BA182D;
  height: 65px;
}

.fancybox-close {
  top: 11px !important;
  right: 8px !important;
}

.dashwidgets {
  padding: 55px 0 110px 0 !important;
}

.dashwidgets .chbox {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 20px;
  min-height: 300px;
  position: relative;
}

.dashwidgets .chbox h3 {
  font-size: 20px;
  color: #1f1f1f;
  padding-bottom: 10px;
}

.dashwidgets .chbox p {
  font-size: 12px;
  color: #777;
  line-height: 1.5em;
}

.dashwidgets .chbox .top {
  padding: 15px;
}

.dashwidgets .chbox .bottom {
  position: absolute;
  bottom: 0px;
  width: 100%;
}

.dashwidgets .chbox .minirow {
  display: block;
  border-top: 1px solid #ccc;
  text-transform: uppercase;
  padding: 15px;
  font-weight: 800;
  color: #1F1F1F;
  text-decoration: none;
  font-size: 14px;
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/ch_dashwidgetstatus.png");
  background-repeat: no-repeat;
  background-size: 30px 500px;
  background-position: 13px 13px;
  padding-left: 55px;
  position: relative;
}

.dashwidgets .chbox .minirow:last-child {
  border-bottom: 1px solid #ccc;
}

.dashwidgets .chbox .minirow.cross {
  background-position: 13px -35px;
}

.dashwidgets .chbox .minirow.link:after {
  content: "";
  position: absolute;
  right: 13px;
  top: 21px;
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/f1rightarrow.png");
  display: block;
  width: 9px;
  height: 14px;
  background-size: 9px 14px;
}

.dashwidgets .chbox.box1 {
  background-color: #eee;
}

.dashwidgets .chbox.box2 {
  background-color: #1F1F1F;
}

.dashwidgets .chbox.box2 h3 {
  color: #fff;
}

.dashwidgets .chbox.box2 p {
  color: #999;
}

.dashwidgets .chbox.box2 .minirow {
  color: #fff;
  border-top: 1px solid #444;
  background-position: 13px -267px;
}

.dashwidgets .chbox.box2 .minirow:last-child {
  border-bottom: 1px solid #444;
}

.dashwidgets .chbox.box2 .minirow.link:after {
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/f1rightarrow_white.png");
}

.dashwidgets .chbox.box2 .minirow.cross {
  background-position: 13px -315px;
}

.dashwidgets .chbox.box3 {
  background-color: #BA182D;
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/marine-travel-tile.jpg");
  background-position: right center;
  background-size: cover;
  background-repeat: no-repeat;
}

.dashwidgets .chbox.box3 h3 {
  color: #fff;
}

.dashwidgets .chbox.box3 p {
  color: #fff;
}

.dashwidgets .chbox.box3 a.button {
  margin-bottom: 15px;
  margin-left: 15px;
  background-color: #4f0a12;
}

.dashwidgets .chbox.box3 a.button:hover {
  background-color: #BA182D;
}

.dashwidgets .chbox.box3 .minirow {
  color: #fff;
  border-top: 1px solid #880E1D;
  background-position: 13px -127px;
}

.dashwidgets .chbox.box3 .minirow:last-child {
  border-bottom: 1px solid #880E1D;
}

.dashwidgets .chbox.box3 .minirow.cross {
  background-position: 13px -175px;
}

.dashwidgets .chbox.box4 {
  background-color: #fff;
}

.dashwidgets .chbox.box4 h3 {
  padding-bottom: 0;
  line-height: 1.2em;
}

.dashwidgets .chbox.box4 span.unread {
  color: #BA182D;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 800;
  padding-bottom: 10px;
  display: block;
}

.dashwidgets .chbox.box4 .latest {
  display: block;
  border-top: 1px solid #ccc;
  text-transform: uppercase;
  padding: 15px 35px 15px 15px;
  font-weight: 800;
  color: #1F1F1F;
  text-decoration: none;
  font-size: 14px;
  position: relative;
}

.dashwidgets .chbox.box4 .latest:after {
  content: "";
  position: absolute;
  right: 13px;
  top: 21px;
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/f1rightarrow.png");
  display: block;
  width: 9px;
  height: 14px;
  background-size: 9px 14px;
}

.dashwidgets .chbox.box4 .latest span {
  display: block;
}

.dashwidgets .chbox.box4 .latest span.latestmessage {
  color: #BBBBBB;
  line-height: 1em;
  padding-bottom: 8px;
}

.dashwidgets .chbox.box4 .latest span.title {
  font-size: 16px;
  line-height: 1.3em;
}

.dashwidgets .chbox.box4 .latest span.date {
  font-size: 12px;
  font-weight: normal;
}

.dashwidgets .ch-clothing-tile.box4 {
  background-color: #880E1D;
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/uploads/slir/w150-h130-q80/musto-logo-white.png");
  background-repeat: no-repeat;
  background-position: center center;
  height: 240px;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.dashwidgets .ch-clothing-tile.box4 .title {
  position: absolute;
  bottom: 20px;
  left: 20px;
  display: block;
  font-size: 12px;
  line-height: 1em;
  font-weight: 700;
  text-transform: uppercase;
  color: #FFFFFF;
}

.dashwidgets .ch-clothing-tile.box4:hover {
  opacity: 0.9;
}

.juniorcrew-1 {
  background-color: #fff;
  padding: 80px 0;
}

.juniorcrew-1 .row {
  text-align: center;
  margin-bottom: 0;
  position: relative;
}

.juniorcrew-1 .row .column8 h1, .juniorcrew-1 .row .column6 h1 {
  font-size: 40px;
}

.juniorcrew-1 .row .column8 a, .juniorcrew-1 .row .column6 a {
  color: #BA182D;
  text-decoration: none;
}

.juniorcrew-1 .row .column8 a:hover, .juniorcrew-1 .row .column6 a:hover {
  text-decoration: underline;
}

.juniorcrew-1 .row .column6 :last-child {
  margin-bottom: 0;
}

.juniorcrew-2 {
  background-color: #1667A2;
  padding: 80px 0;
}

.juniorcrew-2 .row {
  text-align: center;
  margin-bottom: 0;
  position: relative;
}

.juniorcrew-2 .row .column8 {
  color: #ffffff;
}

.juniorcrew-2 .row .column8 h1 {
  color: #ffffff;
  font-size: 40px;
}

.juniorcrew-2 .row .column8 a {
  color: #ffffff;
  text-decoration: none;
}

.juniorcrew-2 .row .column8 a:hover {
  text-decoration: underline;
}

.juniorcrew-2 .row .column8 :last-child {
  margin-bottom: 0;
}

.juniorcrew-3 {
  padding: 80px 0;
}

.juniorcrew-3 .row {
  text-align: center;
  margin-bottom: 0;
  position: relative;
}

.juniorcrew-3 .row .column8 h1 {
  font-size: 40px;
}

.juniorcrew-3 .row .column8 :last-child {
  margin-bottom: 0;
}

.ozblock {
  background-color: #fff;
  text-align: center;
  padding: 120px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 0;
  position: relative;
}

.ozblock.nobgcolor {
  background-color: transparent;
}

.ozblock .column12 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 310px;
}

.ozblock .column12 h1 {
  font-size: 40px;
}

.ozblock .column12 a {
  color: #BA182D;
  text-decoration: none;
}

.ozblock .column12 a:hover {
  text-decoration: underline;
}

.ozblock .column12 .newscontrols {
  width: 290px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
}

.ozblock .column12 .newscontrols .controltitle {
  padding-bottom: 12px;
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 14px;
}

.ozbottom {
  margin-bottom: -40px;
}

#australiamap .infoBox {
  width: 256px !important;
  padding: 12px;
  text-align: left;
  height: 145px;
}

#australiamap .infoBox h4 {
  font-size: 15px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #888;
  font-weight: 800;
}

#australiamap .infoBox span {
  text-transform: none;
  font-size: 13px;
  font-weight: normal;
}

#australiamap .infoBox:after {
  left: 104%;
  top: 40px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(0, 0, 0, 0);
  border-left-color: #000000;
  border-width: 11px;
  margin-top: -11px;
}

p.eventdate {
  color: #777;
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 45x;
}

.upcomingeventstitle {
  text-transform: uppercase;
  color: #BA182D;
  font-weight: 800;
  margin-bottom: 15px;
}

.auscrewrow {
  background-color: #fff;
}

.auscrewrow .auscrew {
  width: 33.3333%;
  float: left;
  display: block;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/whitegreyloading.gif);
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
}

.auscrewrow .auscrew img {
  display: block;
  line-height: 0;
  width: 100%;
}

.auscrewrow .auscrew img.activeimg {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.auscrewrow .auscrew .name {
  position: absolute;
  width: 100%;
  z-index: 101;
  text-transform: uppercase;
  font-weight: 800;
  color: #fff;
  bottom: 5%;
  text-align: center;
  line-height: 1.2em;
}

.auscrewrow .auscrew .wms {
  position: absolute;
  width: 100%;
  z-index: 101;
  text-transform: uppercase;
  font-weight: 800;
  color: #fff;
  top: 30%;
  text-align: center;
  line-height: 1em;
  font-size: 50px;
  padding: 10%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 0;
}

.auscrewrow .auscrew:hover .wms {
  opacity: 1;
}

.auscrewrow .auscrew:hover img.activeimg {
  opacity: 1;
  z-index: 100;
}

.ausprofiles {
  padding-bottom: 120px;
  text-align: center;
}

.ausprofiles .column4 {
  padding: 0 3%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ausprofiles .imgholder {
  width: 100%;
  text-align: center;
  margin-bottom: 50px;
}

.ausprofiles h3 {
  width: 100%;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #aaa;
  font-size: 16px;
}

.ausprofiles h3 .black {
  color: #000;
}

.ausprofiles .bio {
  font-size: 16px;
  line-height: 1.5em;
  padding: 0 3%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ausprofiles .bio strong {
  text-transform: uppercase;
}

.ausprofiles .bio a {
  text-decoration: none;
}

.ausprofiles .bio a:hover {
  text-decoration: underline;
}

.corporate {
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/corp_bg.jpg");
  height: 558px;
  background-position: center center;
}

.corporate .liner {
  text-align: center;
  color: #fff;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.corporate .liner h2 {
  color: #fff;
  border-top: none;
  font-size: 50px;
  margin-bottom: 20px;
}

.corporate .liner p a {
  color: #fff;
}

.oz_rkj {
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/oz_rkj.jpg");
  background-repeat: no-repeat;
  background-color: #1a3c63;
  height: 560px;
  background-position: bottom right;
}

.oz_rkj .liner {
  text-align: center;
  color: #fff;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.oz_rkj .liner p {
  font-size: 40px;
  line-height: 1em;
}

.oz_rkj .liner span {
  font-size: 18px;
  font-weight: 800;
}

.ozjointherace h3 {
  font-size: 50px;
  margin-bottom: 20px;
}

.ozjointherace p {
  margin-bottom: 40px;
}

.ozjointherace .buttonmiddler {
  width: 40%;
}

.addkitheader p {
  display: block;
  float: left;
  width: 75%;
  margin-bottom: 0;
}

.addkitheader p.black {
  margin-bottom: 1em;
  color: #000;
}

.addkitheader img {
  display: block;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 126px;
}

.addkitheader a.basketlink {
  font-size: 14px;
  color: #BA182D;
  text-decoration: none;
  position: absolute;
  top: -28px;
  right: 0;
  text-align: right;
}

.addkitheader a.basketlink:hover {
  text-decoration: underline;
}

#prevcrewmodal {
  display: none;
}

#prevcrewmodal .liner {
  padding: 20px;
  width: 800px;
  height: 520px;
}

#prevcrewmodal .liner a.button {
  position: absolute;
  right: 30px;
  bottom: 30px;
  padding-top: 14px;
  padding-bottom: 13px;
  width: 130px;
}

#prevcrewmodal .liner > div {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 520px;
  overflow: auto;
  color: #fff;
  padding: 10px;
  font-size: 13px;
  line-height: 1.3em;
}

#prevcrewmodal .liner #crewtable_length {
  display: none;
}

#prevcrewmodal .liner #crewtable_filter {
  position: absolute;
  bottom: 9px;
  left: 4px;
  width: 635px;
}

#prevcrewmodal .liner #crewtable_filter input[type="search"] {
  height: 40px;
  background-color: #2c2c2c;
  border: none;
  color: #fff;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/search_magni.png);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 605px center;
}

#prevcrewmodal .liner #crewtable_filter input[type="search"]::-webkit-input-placeholder {
  color: #fff;
}

#prevcrewmodal .liner #crewtable_filter input[type="search"]:-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
}

#prevcrewmodal .liner #crewtable_filter input[type="search"]::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
}

#prevcrewmodal .liner #crewtable_filter input[type="search"]:-ms-input-placeholder {
  color: #fff;
}

#prevcrewmodal .liner #crewtable_filter input[type="search"]::-webkit-search-decoration,
#prevcrewmodal .liner #crewtable_filter input[type="search"]::-webkit-search-cancel-button,
#prevcrewmodal .liner #crewtable_filter input[type="search"]::-webkit-search-results-button,
#prevcrewmodal .liner #crewtable_filter input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

#prevcrewmodal .liner #crewtable_info {
  color: #868686;
}

#prevcrewmodal .liner .dataTables_wrapper .dataTables_paginate .paginate_button {
  border: none;
  color: #868686 !important;
}

#prevcrewmodal .liner .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
  color: #868686 !important;
}

#prevcrewmodal .liner .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: none;
  color: #fff;
}

table#crewtable thead tr {
  background-color: #222;
  text-align: left;
}

table#crewtable thead tr th {
  padding: 10px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  border-bottom: none;
}

table#crewtable tbody tr {
  background-color: #2c2c2c;
  text-align: left;
}

table#crewtable tbody tr td {
  text-transform: uppercase;
  font-size: 12px;
  color: #868686;
  padding: 10px;
}

table#crewtable tbody tr.even {
  background-color: #222;
}

.smallformnote {
  text-transform: none;
  font-weight: normal;
}

#signature {
  padding: 20px;
  color: #999;
  width: 600px;
  font-size: 13px;
  line-height: 1.5em;
}

#signature .white {
  color: #fff;
  font-size: 17px;
  line-height: 1.5em;
}

#signature iframe {
  width: 600px;
  height: 500px;
}

#pwchange label.error {
  color: #fff;
  font-size: 12px;
}

table#usertable {
  width: 100%;
}

table#usertable thead tr {
  background-color: #222;
  text-align: left;
}

table#usertable thead tr th {
  padding: 10px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  border-bottom: none;
}

table#usertable tbody tr {
  background-color: #fff;
  text-align: left;
}

table#usertable tbody tr td {
  text-transform: uppercase;
  font-size: 12px;
  color: #868686;
  padding: 10px;
}

table#usertable tbody tr:nth-child(even) {
  background-color: #E9E9E9;
}

#adduser {
  display: none;
}

#adduser form {
  padding: 20px;
  width: 300px;
}

#adduser form p {
  color: #999;
  font-size: 14px;
  line-height: 1.5em;
}

#adduser form label.error {
  display: none !important;
}

.deleteuser {
  display: none;
}

.deleteuser form {
  padding: 20px;
  width: 300px;
}

.deleteuser form p {
  color: #999;
  font-size: 14px;
  line-height: 1.5em;
}

.deleteuser form label.error {
  display: none !important;
}

form.addkitform label.error {
  font-size: 12px;
  color: #BA182D;
  line-height: 1.2em;
  text-transform: uppercase;
  font-weight: 700;
}

.addedtobasket {
  background-color: #F2FFF4;
  border: 1px solid #8efa8e;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #000;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
}

.carttable {
  width: 100%;
  margin: 20px 0 30px 0;
  font-size: 15px;
  line-height: 1.5em;
}

.carttable tr th {
  text-align: left;
  padding: 10px;
  border-bottom: 1px solid #999;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700;
  color: #000;
}

.carttable tr td {
  text-align: left;
  padding: 10px;
  border-bottom: 1px solid #eee;
}

.carttable tr td a.removefrombasket {
  font-size: 11px;
  line-height: 1.5em;
  display: block;
  text-transform: uppercase;
}

.carttable tr td span.name {
  color: #000;
}

.carttable tr td.black {
  color: #000;
}

.carttable tr.lastrow td {
  border-bottom: none;
  font-weight: 700;
  color: #000;
}

.basketbuttons {
  text-align: center;
  margin: 50px 0 40px 0;
}

.basketbuttons a {
  display: inline-block;
  margin-bottom: 10px;
}

#confirmmodal {
  display: none;
}

#confirmmodal .liner {
  padding: 20px;
  width: 380px;
  color: #999;
  line-height: 1.5em;
  font-size: 15px;
}

#confirmmodal .liner h2 {
  border-top: 0;
  margin-bottom: 20px;
  margin-top: 5px;
  padding-top: 0;
  font-size: 16px;
  color: #fff;
}

#confirmmodal .liner p:last-child {
  padding-bottom: 1em;
}

#confirmmodal .liner a {
  margin-bottom: 10px;
}

.blacktext {
  color: #000;
}

.team_member {
  height: 485px;
  overflow: hidden;
  margin: 10px;
  position: relative;
  background-color: #fff;
  cursor: pointer;
  font-size: 14px;
  line-height: 1.5em;
  color: #444;
}

.team_member img {
  width: 100%;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  /* Firefox 3.5+ */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
  -webkit-transition: 200ms;
  transition: 200ms;
}

.team_member .team_member_content {
  width: 100%;
  background-color: #fff;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  bottom: 20px;
  left: 0;
  height: 200px;
  overflow: hidden;
  -webkit-transition: 200ms;
  transition: 200ms;
}

.team_member .team_member_content h2 {
  border-style: none;
  margin: 0;
  color: #BA182D;
  font-size: 16px;
  font-weight: normal;
  padding-top: 0;
  font-weight: 700;
}

.team_member .team_member_content p.job_title {
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
  border-bottom: 1px solid #aaa;
  color: #000;
  text-transform: uppercase;
}

.team_member .team_member_content strong {
  text-transform: uppercase;
  display: inline-block;
  width: 57px;
}

.team_member .team_member_content a {
  color: #444;
  text-decoration: none;
}

.team_member .team_member_content a:hover {
  text-decoration: underline;
}

.team_member:hover .team_member_content {
  height: 485px;
  bottom: 0;
}

.messageholder .liner {
  background-color: #FFF;
}

.messageholder .liner .top {
  padding: 20px;
  border-bottom: 1px solid #ccc;
}

.messageholder .liner .top h3 {
  color: #000;
  font-size: 20px;
}

.messageholder .liner .message {
  border-bottom: 1px solid #ccc;
  font-size: 16px;
  position: relative;
}

.messageholder .liner .message .left {
  padding: 20px;
  width: 294px;
  margin-bottom: 20px;
  min-height: 95px;
}

.messageholder .liner .message .left h4 {
  text-transform: uppercase;
  color: #000;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5em;
}

.messageholder .liner .message .left span {
  display: block;
}

.messageholder .liner .message .left span.author {
  font-size: 14px;
  color: #000;
  line-height: 1.5em;
  text-align: left;
  float: none;
}

.messageholder .liner .message .left span.date {
  font-size: 12px;
  color: #999;
  text-transform: uppercase;
  line-height: 1.5em;
  font-weight: 700;
}

.messageholder .liner .message .left span.unread {
  font-size: 12px;
  color: #BA182D;
  text-transform: uppercase;
  line-height: 1.5em;
  font-weight: 700;
}

.messageholder .liner .message .right {
  padding: 20px;
  width: 432px;
  position: relative;
}

.messageholder .liner .message .right p:last-child {
  margin-bottom: 0;
}

.messageholder .liner .message .right .preview {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 432px;
}

.messageholder .liner .message .right .actual {
  opacity: 0;
  display: none;
  color: #000;
  position: relative;
}

.messageholder .liner .message .right .actual a {
  color: #000;
}

.messageholder .liner .message .right .actual a.download {
  display: block;
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/ch_download_red.png");
  height: 35px;
  background-size: 30px 35px;
  padding-left: 42px;
  padding-top: 8px;
  background-repeat: no-repeat;
  text-decoration: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  line-height: 1.5em;
  font-weight: 700;
}

.messageholder .liner .message .right .actual a.download:hover {
  color: #BA182D;
}

.messageholder .liner .message .message_showmore {
  position: absolute;
  left: 20px;
  bottom: 20px;
  width: 20px;
  height: 13px;
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/arrowdown_ch.png");
  background-size: 20px 13px;
  cursor: pointer;
}

.messageholder .liner .message .message_showmore.active {
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/arrowdown_ch_rev.png");
}

.messageholder .liner .pagi {
  font-size: 12px;
  text-transform: uppercase;
  color: #545454;
  padding: 10px 20px;
  font-weight: 700;
}

.messageholder .liner .pagi a {
  color: #ccc;
  text-decoration: none;
  margin: 0 3px;
}

.messageholder .liner .pagi strong {
  display: inline-block;
  margin: 0 3px;
}

.messageholder .liner .pagi .prevpagi {
  margin-right: 10px;
}

.messageholder .liner .pagi .nextpagi {
  margin-left: 10px;
}

.ms {
  border-bottom: 1px solid #444;
  color: #858585;
  font-size: 14px;
  line-height: 1.2em;
  text-transform: uppercase;
  font-weight: 700;
  padding: 10px 0;
}

.ms.first {
  border-top: 1px solid #444;
}

a.changepassword {
  font-size: 12px;
  text-transform: uppercase;
  color: #BA182D;
  line-height: 1.2em;
  font-weight: 700;
  text-decoration: none;
  margin-top: -14px;
  margin-bottom: 20px;
  display: block;
}

#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  opacity: 0.7;
  background-color: #000;
  z-index: 999;
  display: none;
}

.exclusion-label {
  color: #FFFFFF;
  text-align: center;
  white-space: nowrap;
}

/*=================================
=            FLIPCLOCK            =
=================================*/
.flip-clock-wrapper * {
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-clock-wrapper a {
  cursor: pointer;
  text-decoration: none;
  color: #fff;
}

.flip-clock-wrapper a:hover {
  color: #fff;
}

.flip-clock-wrapper ul {
  list-style: none;
}

.flip-clock-wrapper.clearfix:before,
.flip-clock-wrapper.clearfix:after {
  content: " ";
  display: table;
}

.flip-clock-wrapper.clearfix:after {
  clear: both;
}

.flip-clock-wrapper.clearfix {
  *zoom: 1;
}

/* Main */
.flip-clock-wrapper {
  -webkit-user-select: none;
}

.flip-clock-meridium {
  background: none !important;
  -webkit-box-shadow: 0 0 0 !important;
          box-shadow: 0 0 0 !important;
  font-size: 30px !important;
}

.flip-clock-meridium a {
  color: #fff;
}

.flip-clock-wrapper {
  text-align: center;
  position: relative;
  margin: 0;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/clock_bg.png);
  border-right: 1px solid #851222;
  padding-right: 10px;
  clear: none;
  float: left;
}

.flip-clock-wrapper:before,
.flip-clock-wrapper:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.flip-clock-wrapper:after {
  clear: both;
}

/* Skeleton */
.flip-clock-wrapper ul {
  position: relative;
  float: left;
  width: 22px;
  height: 62px;
  font-size: 30px;
  font-weight: 800;
  line-height: 62px;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/clock_bg.png);
}

.flip-clock-wrapper ul li {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 60px;
  text-decoration: none !important;
}

.flip-clock-wrapper ul li:first-child {
  z-index: 2;
}

.flip-clock-wrapper ul li a {
  display: block;
  height: 100%;
  -webkit-perspective: 200px;
  perspective: 200px;
  margin: 0 !important;
  overflow: visible !important;
  cursor: default !important;
}

.flip-clock-wrapper ul li a div {
  z-index: 1;
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
  font-size: 80px;
  overflow: hidden;
  outline: 1px solid transparent;
}

.flip-clock-wrapper ul li a div .shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.flip-clock-wrapper ul li a div.up {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  top: 0;
}

.flip-clock-wrapper ul li a div.up:after {
  content: "";
  position: absolute;
  top: 44px;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 3px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
}

.flip-clock-wrapper ul li a div.down {
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  bottom: 0;
}

.flip-clock-wrapper ul li a div div.inn {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 200%;
  color: #710C19;
  text-align: center;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/clock_bg.png);
  font-size: 38px;
}

.flip-clock-wrapper ul li a div.up div.inn {
  top: 0;
}

.flip-clock-wrapper ul li a div.down div.inn {
  bottom: 0;
}

/* PLAY */
.flip-clock-wrapper ul.play li.flip-clock-before {
  z-index: 3;
}

.flip-clock-wrapper ul.play li.flip-clock-active {
  -webkit-animation: asd 0.5s 0.5s linear both;
  animation: asd 0.5s 0.5s linear both;
  z-index: 5;
}

.flip-clock-divider {
  float: left;
  display: inline-block;
  position: relative;
  width: 1px;
  height: 62px;
  border-left: 1px solid #851222;
  margin-left: 10px;
  padding-left: 10px;
}

.flip-clock-divider:after {
  color: #710C19;
  font-size: 12px;
  font-weight: 800;
  position: absolute;
  top: -3px;
  left: 4px;
  z-index: 101;
}

.flip-clock-divider.days {
  margin-left: 0;
}

.flip-clock-divider.days:after {
  content: "D";
}

.flip-clock-divider.hours:after {
  content: "H";
}

.flip-clock-divider.minutes:after {
  content: "M";
}

.flip-clock-divider.seconds:after {
  content: "S";
}

.flip-clock-divider:first-child {
  width: 0;
}

.flip-clock-dot {
  display: none;
}

.flip-clock-divider .flip-clock-label {
  display: none;
}

@-webkit-keyframes asd {
  0% {
    z-index: 2;
  }
  20% {
    z-index: 4;
  }
  100% {
    z-index: 4;
  }
}

@keyframes asd {
  0% {
    z-index: 2;
  }
  20% {
    z-index: 4;
  }
  100% {
    z-index: 4;
  }
}

.flip-clock-wrapper ul.play li.flip-clock-active .down {
  z-index: 2;
  -webkit-animation: turn 0.5s 0.5s linear both;
  animation: turn 0.5s 0.5s linear both;
}

@-webkit-keyframes turn {
  0% {
    -webkit-transform: rotateX(90deg);
  }
  100% {
    -webkit-transform: rotateX(0deg);
  }
}

@keyframes turn {
  0% {
    -webkit-transform: rotateX(90deg);
            transform: rotateX(90deg);
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
  }
}

.flip-clock-wrapper ul.play li.flip-clock-before .up {
  z-index: 2;
  -webkit-animation: turn2 0.5s linear both;
  animation: turn2 0.5s linear both;
}

@-webkit-keyframes turn2 {
  0% {
    -webkit-transform: rotateX(0deg);
  }
  100% {
    -webkit-transform: rotateX(-90deg);
  }
}

@keyframes turn2 {
  0% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
  }
  100% {
    -webkit-transform: rotateX(-90deg);
            transform: rotateX(-90deg);
  }
}

.flip-clock-wrapper ul li.flip-clock-active {
  z-index: 3;
}

@-webkit-keyframes show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes hide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes hide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/*=================================
=            FLIPCLOCK            =
=================================*/
#footerbar {
  background-color: #B81C31;
  color: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 62px;
  z-index: 1000;
}

#footerbar .column12.clockholder .until {
  position: relative;
  font-size: 20px;
  color: #710C19;
  height: 95px;
  line-height: 1.2em;
  text-transform: uppercase;
  font-weight: 800;
  display: block;
  float: right;
  clear: none;
  padding: 19px 19px 19px 85px;
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/footerflag.png");
  background-repeat: no-repeat;
  background-position: 50px 21px;
  background-size: 15px 21px;
  border-right: 1px solid #851222;
}

#footerbar .column12.clockholder .until.race-started {
  float: left;
  border-right: none;
}

#footerbar .column12.clockholder .timekeeper {
  border-right: 1px solid #851222;
  height: 62px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/clock-eb-desktop.png");
  background-position: center 16px;
  background-repeat: no-repeat;
  background-size: 375px 37px;
  display: block;
  float: left;
  width: 440px;
}

#footerbar .column12.clockholder .timekeeper a {
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  height: 62px;
  width: 100%;
}

#footerbar .column12.clockholder .timekeeper.race-started {
  width: 485px;
}

#footerbar .column12.clockholder .mapstandinglink {
  position: relative;
  font-size: 20px;
  color: #710C19;
  height: 95px;
  line-height: 1.2em;
  text-transform: uppercase;
  font-weight: 800;
  display: none;
  float: right;
  clear: none;
  text-align: right;
  padding: 19px 111px 19px 49px;
  cursor: pointer;
  width: 247px;
  border-left: 1px solid #851222;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  text-decoration: none;
}

#footerbar .column12.clockholder .mapstandinglink:after {
  width: 62px;
  height: 62px;
  content: " ";
  display: block;
  background-color: #A7172B;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/arrowup.png);
  background-repeat: no-repeat;
  background-size: 16px 10px;
  background-position: center center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

#footerbar .column12.clockholder .mapstandinglink:hover {
  color: #560913;
}

#footerbar .column12.clockholder .mapstandinglink:hover:after {
  background-color: #880E1D;
}

#footerbar .column12.clockholder .mapstandinglink.race-started {
  display: block;
}

#footerbar .column12.clockholder .mapstandinglink.active:after {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/arrowdown.png);
}

#footerbar .column12.clockholder .mapstandinglinkmobile {
  position: relative;
  font-size: 12px;
  color: #710C19;
  height: 95px;
  line-height: 1.2em;
  text-transform: uppercase;
  font-weight: 800;
  float: right;
  clear: none;
  text-align: center;
  padding: 17px 0 19px 0;
  cursor: pointer;
  border-left: 1px solid #851222;
  width: 85px;
  border-right: 1px solid #851222;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  text-decoration: none;
}

#footerbar .column12.mapslide {
  height: 614px;
  background-color: #2B2B2B;
  color: #fff;
  position: absolute;
  bottom: 133px;
  left: 0;
  display: none;
}

#footerbar .column12.mapslide .header {
  background-color: #1F1F1F;
  height: 57px;
  position: relative;
}

#footerbar .column12.mapslide .header .left .raceno, #footerbar .column12.mapslide .header .left .racename {
  height: 57px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 22px 26px;
  float: left;
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 14px;
  color: #fff;
  line-height: 1em;
}

#footerbar .column12.mapslide .header .left .raceno {
  border-right: 1px solid #444;
}

#footerbar .column12.mapslide .header a {
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 22px 26px;
  background-color: #000;
  float: right;
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 14px;
  color: #fff;
  line-height: 1em;
}

#footerbar .column12.mapslide #raceviewermapsmall {
  width: 708px;
  height: 557px;
  float: left;
  background-color: #ccc;
  opacity: 0;
}

#footerbar .column12.mapslide #cd-zoom-out {
  margin-bottom: 0px;
}

#footerbar .column12.mapslide .table {
  float: right;
  width: 688px;
}

#footerbar .column12.mapslide .table table {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 800;
  width: 100%;
  display: none;
}

#footerbar .column12.mapslide .table table tr.stealthrow {
  opacity: 0.4;
}

#footerbar .column12.mapslide .table table tr th, #footerbar .column12.mapslide .table table tr td {
  text-align: left;
  padding: 11px 16px 11px 16px;
  position: relative;
}

#footerbar .column12.mapslide .table table tr th a, #footerbar .column12.mapslide .table table tr td a {
  text-decoration: none;
}

#footerbar .column12.mapslide .table table tr th a:hover, #footerbar .column12.mapslide .table table tr td a:hover {
  text-decoration: underline;
}

#footerbar .column12.mapslide .table table tr th a .showonmob, #footerbar .column12.mapslide .table table tr td a .showonmob {
  display: none;
}

#footerbar .column12.mapslide .table table tr th.min20, #footerbar .column12.mapslide .table table tr td.min20 {
  min-width: 20px;
}

#footerbar .column12.mapslide .table table tr th .nada, #footerbar .column12.mapslide .table table tr td .nada {
  display: block;
  width: 22px;
  height: 4px;
  background-color: #fff;
}

#footerbar .column12.mapslide .table table tr th .posflag, #footerbar .column12.mapslide .table table tr td .posflag {
  display: block;
  position: absolute;
  top: 10px;
  left: 16px;
  width: 60px;
}

#footerbar .column12.mapslide .table table tr th .posflag .colour, #footerbar .column12.mapslide .table table tr td .posflag .colour {
  display: block;
  float: left;
  clear: none;
  width: 10px;
  height: 25px;
  margin-right: 2px;
  -webkit-transform: skew(-12deg);
          transform: skew(-12deg);
}

#footerbar .column12.mapslide .table table tr th .posflag .num, #footerbar .column12.mapslide .table table tr td .posflag .num {
  display: block;
  float: left;
  clear: none;
  width: 30px;
  height: 25px;
  -webkit-transform: skew(-12deg);
          transform: skew(-12deg);
  background-color: #fff;
  color: #000;
  text-align: center;
}

#footerbar .column12.mapslide .table table tr th .posflag .num > span, #footerbar .column12.mapslide .table table tr td .posflag .num > span {
  -webkit-transform: skew(12deg);
          transform: skew(12deg);
  display: block;
  line-height: 1em;
  padding-top: 7px;
  margin-left: -2px;
}

#footerbar .column12.mapslide .table table tr th {
  color: #666;
  line-height: 1.5em;
}

#footerbar .column12.mapslide .table table tr:nth-child(even) {
  background-color: #373737;
}

input[type="password"] {
  text-transform: none;
}

#bookbits {
  margin-bottom: 30px;
}

.telemedblock {
  background-color: #fff;
  text-align: center;
  padding: 120px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 0;
  position: relative;
}

.telemedblock.nobgcolor {
  background-color: transparent;
}

.telemedblock .column12 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 310px;
}

.telemedblock .column12 h1 {
  font-size: 40px;
}

.telemedblock .column12 a {
  color: #00763A;
  text-decoration: none;
}

.telemedblock .column12 a:hover {
  text-decoration: underline;
}

.telemedblock .column12 a.button {
  background-color: #00763A;
  color: #fff;
}

.telemedblock .column12 a.button:hover {
  text-decoration: none;
}

.telemedblock.bgimage {
  background-color: #3AAA73;
  color: #fff;
  background-size: cover;
  background-position: center center;
}

.telemedblock.bgimage h1 {
  color: #fff;
  margin-bottom: 0.5em;
}

.telemedblock.bgimage p {
  margin-bottom: 0;
}

.telemedblock.bgimage .column12 {
  margin-bottom: 0;
}

.telemedblock.bgimage.bgno1 {
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/tele_bg1.jpg");
}

.telemedblock.bgimage.bgno2 {
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/tele_bg2.jpg");
}

.telemedblock.bgimage.bgno3 {
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/tele_bg3.jpg");
}

.telemedblock.bgimage.bgno4 {
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/tele_bg4.jpg");
}

.telemedblock.telemedtestimonial h4 {
  color: #00763A;
  text-transform: uppercase;
  font-weight: 800;
  margin-bottom: 0.8em;
}

.telemedblock.telemedtestimonial p {
  color: #17191F;
  font-size: 20px;
  line-height: 1.5em;
}

.telemedblock.telemedtestimonial p.large {
  font-size: 40px;
  line-height: 1.2em;
  margin-bottom: 0.4em;
}

.telemedblock.telemedtestimonial .author {
  font-size: 14px;
  color: #17191F;
  font-weight: 700;
  line-height: 1.5em;
  width: 100%;
  margin-bottom: 0;
}

.telemedblock.telemedtestimonial .company {
  font-size: 12px;
  color: #17191F;
  text-transform: uppercase;
  line-height: 1.5em;
}

.telemedblock.telemedtestimonial.grey {
  background-color: #F3F3F3;
}

img.fullwidth {
  width: 100%;
  display: block;
}

.telemedprofiles {
  padding: 120px 0;
  text-align: center;
  background-color: #FFF;
  margin-bottom: 0;
}

.telemedprofiles .column12 {
  text-transform: uppercase;
  color: #00763A;
  font-size: 50px;
  font-weight: 800;
  min-height: 50px;
  padding-bottom: 60px;
  line-height: 1em;
}

.telemedprofiles .column4 {
  padding: 0 3%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.telemedprofiles .imgholder {
  width: 100%;
  text-align: center;
  margin-bottom: 50px;
}

.telemedprofiles h3 {
  width: 100%;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #aaa;
  font-size: 16px;
  color: #00763A;
}

.telemedprofiles h3 .black {
  color: #000;
}

.telemedprofiles .bio {
  font-size: 16px;
  line-height: 1.5em;
  padding: 0 3%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.telemedprofiles .bio strong {
  text-transform: uppercase;
}

.telemedprofiles .bio a {
  text-decoration: none;
}

.telemedprofiles .bio a:hover {
  text-decoration: underline;
}

#telemedcontactform {
  color: #fff;
  background-color: #00763A;
  text-align: center;
  padding: 120px 0;
  margin-bottom: -40px;
}

#telemedcontactform .thankyou {
  display: none;
  padding-top: 40px;
  border-top: 1px solid #fff;
}

#telemedcontactform .column12 .liner {
  width: 810px;
  margin-left: auto;
  margin-right: auto;
}

#telemedcontactform .column12 .liner .subliner {
  padding: 0 10%;
}

#telemedcontactform h1 {
  color: #fff;
  font-size: 50px;
}

#telemedcontactform a {
  color: #fff;
}

#telemedcontactform .applyform {
  text-align: left;
}

#telemedcontactform .applyform label {
  color: #fff;
}

#telemedcontactform .applyform label.error {
  color: #33AB66;
}

#telemedcontactform .applyform input[type="text"],
#telemedcontactform .applyform input[type="tel"],
#telemedcontactform .applyform input[type="email"],
#telemedcontactform .applyform input[type="search"],
#telemedcontactform .applyform input[type="password"],
#telemedcontactform .applyform textarea {
  background-color: #3BAA69;
  border-color: #3BAA69;
  color: #fff;
}

#telemedcontactform .applyform input[type="text"]:focus,
#telemedcontactform .applyform input[type="tel"]:focus,
#telemedcontactform .applyform input[type="email"]:focus,
#telemedcontactform .applyform input[type="search"]:focus,
#telemedcontactform .applyform input[type="password"]:focus,
#telemedcontactform .applyform textarea:focus {
  background-color: #fff;
  border-color: #fff;
  color: #00763A;
}

#telemedcontactform .applyform input[type="text"].error,
#telemedcontactform .applyform input[type="tel"].error,
#telemedcontactform .applyform input[type="email"].error,
#telemedcontactform .applyform input[type="search"].error,
#telemedcontactform .applyform input[type="password"].error,
#telemedcontactform .applyform textarea.error {
  border-color: #BA182D;
}

#telemedcontactform .applyform textarea {
  min-height: 100px;
}

#telemedcontactform .applyform span.styled {
  background-color: #3BAA69;
  color: #fff;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/whitedd.png);
  border: 4px solid #3BAA69;
}

#telemedcontactform .applyform select.error + span.styled {
  border-color: #BA182D;
}

#telemedcontactform .applyform input[type="submit"] {
  background-color: #fff;
  color: #00763A;
}

#telemedcontactform .applyform .bottombutons {
  margin-bottom: 0;
}

.minusnav {
  top: -79px;
  position: relative;
}

#newswrapper.teamnewswrapper a.item .textholder {
  padding-bottom: 40px;
}

#newswrapper.teamnewswrapper a.item .bottom {
  position: absolute;
  bottom: 20px;
  left: 20px;
  display: block;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: #BA182D;
  line-height: 1em;
}

#newswrapper.teamnewswrapper a.sponsor {
  position: relative;
  display: block;
  height: 215px;
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

#newswrapper.teamnewswrapper a.sponsor span {
  position: absolute;
  bottom: 20px;
  left: 20px;
  display: block;
  font-size: 12px;
  line-height: 1em;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
}

#newswrapper.teamnewswrapper a.sponsor:hover {
  opacity: 0.9;
}

#newswrapper.teamnewswrapper .halfheight {
  height: 215px;
}

#newswrapper.teamnewswrapper a.item {
  height: 450px;
  text-decoration: none;
  display: block;
  border-bottom: 5px solid #BA182D;
  background-color: #E9E9E9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  padding-bottom: 120px;
}

#newswrapper.teamnewswrapper a.item .imgholder {
  width: 100%;
  height: 300px;
  background-size: cover;
  background-position: center center;
}

#newswrapper.teamnewswrapper a.item .textholder {
  padding: 20px;
  position: absolute;
  bottom: 0;
  background-color: #fff;
  max-height: 150px;
  min-height: 150px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

#newswrapper.teamnewswrapper a.item .textholder h2 {
  border-top: none;
  font-size: 13px;
  line-height: 1.2em;
  color: #000;
  font-weight: 700;
}

#newswrapper.teamnewswrapper a.item .textholder p.date {
  color: #919191;
  font-size: 11px;
  display: block;
  text-transform: uppercase;
  padding: 0 0 5px 0;
  line-height: 1em;
  margin-bottom: 0;
}

#newswrapper.teamnewswrapper a.item .textholder p.preview {
  padding: 10px 0 0 0;
  width: 100%;
  font-size: 14px;
  line-height: 1.4em;
  margin-bottom: 0;
  display: block;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#newswrapper.teamnewswrapper a.item .column12 h2 {
  border-top: none;
  margin: 30px 0 30px 0;
  font-size: 20px;
}

#newswrapper.teamnewswrapper a.item:hover .textholder {
  max-height: 300px;
}

#newswrapper.teamnewswrapper a.item:hover p.preview {
  opacity: 1;
}

#teamnav {
  height: 50px;
  background-color: #f7f7f7;
}

#teamnav ul {
  width: 100%;
}

#teamnav ul li {
  float: left;
  position: relative;
  width: 20%;
  height: 50px;
  text-align: center;
}

#teamnav ul li a {
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 1em;
  font-weight: 700;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 19px;
  -webkit-transition: background-color 0.1s;
  transition: background-color 0.1s;
}

#teamnav ul li a:hover, #teamnav ul li a.active {
  background-color: #BC1428;
  color: #fff;
}

#teamnav ul.threeitems li {
  width: 33.33%;
}

#teamnav ul.fouritems li {
  width: 25%;
}

#teamnav ul.fiveitems li {
  width: 20%;
}

#banner.skipper .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
}

#banner.skipper img.flag {
  width: 33px !important;
  margin-left: 0 !important;
  position: absolute;
  top: -32px;
  left: 0;
}

#banner.skipper img.flag.dual {
  left: 44px;
}

#banner.skipper .ageblock {
  display: block;
  font-size: 40px;
}

#crewwrapper .column3 {
  overflow: hidden;
  height: 223px;
  margin-bottom: 20px;
  position: relative;
  cursor: pointer;
}

#crewwrapper .column3 .textoverlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 145px;
  left: 0;
  background-color: rgba(0, 0, 0, 0);
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
}

#crewwrapper .column3 .textoverlay .liner {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

#crewwrapper .column3:hover .textoverlay, #crewwrapper .column3.active .textoverlay {
  top: 0;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

#crewwrapper .crewfurtherinfo {
  display: none;
  height: 479px;
}

#crewwrapper .crewinfoholder {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 20px;
  background-color: #fff;
  height: 459px;
  opacity: 0;
}

#crewwrapper .crewinfoholder > .left {
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/newsloader.gif");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px 16px;
  height: 459px;
  width: 688px;
}

#crewwrapper .crewinfoholder > .left img {
  display: block;
  width: 688px;
  height: 459px;
}

#crewwrapper .crewinfoholder > .right {
  padding: 38px 43px 38px 21px;
  width: 686px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #000;
  text-transform: uppercase;
  position: relative;
  height: 459px;
}

#crewwrapper .crewinfoholder > .right .name {
  font-weight: 700;
  font-size: 26px;
  padding-bottom: 40px;
  padding-right: 100px;
  border-bottom: 1px solid #ccc;
}

#crewwrapper .crewinfoholder > .right .nationality {
  position: absolute;
  top: 38px;
  right: 43px;
}

#crewwrapper .crewinfoholder > .right .nationality img {
  width: 35px;
  margin-left: 10px;
}

#crewwrapper .crewinfoholder > .right ul {
  position: absolute;
  bottom: 38px;
  left: 21px;
  width: 636px;
  font-size: 16px;
  line-height: 1.3em;
}

#crewwrapper .crewinfoholder > .right ul li {
  float: none;
  clear: both;
  padding-top: 20px;
}

#crewwrapper .crewinfoholder > .right ul li .left {
  width: 50%;
}

#crewwrapper .crewinfoholder > .right ul li .right {
  width: 302px;
  font-weight: 700;
}

#crewwrapper.greenings-crew .column3 {
  height: 370px;
  text-transform: uppercase;
}

#crewwrapper.greenings-crew .column3 h4 {
  font-size: 20px;
  font-weight: bold;
  color: #000000;
  margin: 10px 0;
}

#crewwrapper.greenings-crew .column3 p {
  font-size: 16px;
  margin-bottom: 0;
  color: #000000;
  word-break: break-word;
}

img.lazyimg {
  display: none;
}

a.bigteamlink {
  display: block;
  height: 356px;
  margin-bottom: 20px;
  text-decoration: none;
  background-color: #EAE8E9;
  background-position: right center;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 40px;
  padding-top: 120px;
  color: #000;
  text-transform: uppercase;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

a.bigteamlink .teamname {
  font-weight: 800;
  font-size: 26px;
  float: left;
  width: 320px;
  margin-right: 28px;
  height: 100%;
}

a.bigteamlink .teamname.greenings .teamhomesmallsponsor {
  margin-left: 15px;
}

a.bigteamlink .skippercrew {
  width: 500px;
  float: left;
  height: 100%;
  font-weight: 700;
  font-size: 20px;
  line-height: 1em;
  position: relative;
  padding-left: 35px;
}

a.bigteamlink .skippercrew .crewno {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #ccc;
  width: 300px;
}

a.bigteamlink .skippercrew .grey {
  color: #b9b9b9;
}

a.bigteamlink .skippercrew .flag {
  height: 14px;
  position: absolute;
  top: 3px;
  left: 0;
}

a.bigteamlink .skippercrew .flag.dual {
  left: -30px;
}

a.bigteamlink:hover {
  opacity: 0.6;
}

.portsponsors a {
  display: block;
  float: left;
  margin: 0 20px 20px 0;
}

.portsponsors a img {
  height: 40px;
}

.port-main iframe {
  max-width: 100%;
}

a.button.hotel-button {
  margin: 0;
}

a.button.carnival-button {
  margin: 0 15px 15px 0;
  float: left;
}

/*===================================
=       Race Viewer / Standing      =
===================================*/
#raceviewer_map {
  height: 60vh;
  width: 100%;
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/newsloading.gif");
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center center;
}

#raceviewer_map button {
  display: none;
}

.maptextlabel {
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
  line-height: 1em;
  min-width: 150px;
}

.crel {
  position: relative;
}

.crel a.raceviewerlink,
.crel a.gamelink {
  display: inline-block;
  height: 50px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 800;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 18px;
  padding-left: 18px;
  padding-right: 18px;
  line-height: 1em;
  background-color: #BA182D;
  text-decoration: none;
  position: absolute;
  bottom: 46px;
  right: 82px;
  z-index: 20;
}

.crel a.raceviewerlink:after,
.crel a.gamelink:after {
  content: ' ';
  display: block;
  width: 50px;
  height: 50px;
  background-color: #880E1D;
  position: absolute;
  top: 0;
  right: -50px;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/galleryarrows.png);
  background-repeat: no-repeat;
  background-size: 73px 15px;
  background-position: -42px center;
}

.crel a.gamelink {
  right: 300px;
  background-color: #1667A2;
}

.crel a.gamelink:after {
  background-color: #0f4973;
}

a.jointheracebar {
  display: none;
  height: 50px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 800;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 18px;
  padding-left: 18px;
  padding-right: 18px;
  line-height: 1em;
  background-color: #BA182D;
  text-decoration: none;
  position: relative;
  margin-bottom: -40px;
  clear: both;
}

a.jointheracebar span {
  float: left;
}

a.jointheracebar:after {
  content: ' ';
  display: block;
  width: 50px;
  height: 50px;
  background-color: #880E1D;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/galleryarrows.png);
  background-repeat: no-repeat;
  background-size: 73px 15px;
  background-position: -42px center;
}

a.jointheracebar.race-viewer {
  margin-bottom: 0;
}

a.playthegamebar {
  margin-bottom: -40px;
  background-color: #1667A2;
}

a.playthegamebar:after {
  background-color: #0f4973;
}

.crel ::-moz-selection,
#raceviewer_map ::-moz-selection,
.maptoolbar ::-moz-selection {
  background: transparent;
  color: #870e1d;
  text-shadow: none;
}

.crel ::selection,
#raceviewer_map ::selection,
.maptoolbar ::selection {
  background: transparent;
  color: #870e1d;
}

.crel ::webkit-selection,
#raceviewer_map ::webkit-selection,
.maptoolbar ::webkit-selection {
  background: transparent;
  color: #870e1d;
}

#cd-zoom-in,
#cd-zoom-out {
  display: block;
  width: 32px;
  height: 32px;
  background-color: #000;
  cursor: pointer;
  margin-left: 31px;
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-position: center center;
}

#cd-zoom-in {
  margin-bottom: 4px;
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/map-zoom-in.png");
}

#cd-zoom-out {
  margin-bottom: 20px;
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/map-zoom-out.png");
}

.crel #tools {
  position: absolute;
  top: 30px;
  left: 30px;
  width: 330px;
  font-size: 0;
}

.crel #distance {
  display: none;
  margin-top: -1px;
  background: #000;
  font-size: 12px;
  color: #f5f5f5;
  font-weight: bold;
  padding: 1px 10px 2px;
  text-transform: uppercase;
  position: relative;
}

.crel #distance > a#clearRuler {
  display: block;
  position: absolute;
  width: 28px;
  height: 28px;
  right: -30px;
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/fancybox/modalclose.png");
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px 12px;
  content: '';
  cursor: pointer;
  bottom: 0;
}

.crel #distance.active {
  display: inline-block;
}

.crel #forecast {
  display: none;
  clear: both;
  color: #f5f5f5;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0;
}

.crel #forecast span {
  padding: 1px 10px 2px;
  background: #000;
  display: inline-block;
  margin-right: 2px;
  font-size: 12px;
}

.crel #forecast a {
  padding-right: 10px;
  margin-right: 2px;
  padding-top: 1px;
  padding-left: 10px;
  padding-bottom: 2px;
  background: #000;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  font-size: 12px;
}

.crel #forecast a:hover, .crel #forecast a.active {
  color: #fff;
}

.crel #forecast.active {
  display: inline-block;
}

.uniceflogo {
  margin-top: 40px;
}

.lastvidholder {
  margin-bottom: -40px;
}

.subsponsor {
  display: block;
  margin-top: 50px;
  padding-top: 50px;
  border-top: 1px solid #ccc;
}

img.teamhomesmallsponsor {
  max-height: 100px;
  max-width: 180px;
  margin-top: 20px;
}

.maptoolbar {
  height: 60px;
  background-color: #222;
  color: #fff;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 1em;
  font-weight: 800;
  position: relative;
  z-index: 101;
}

.maptoolbar .container12 {
  height: 100%;
  position: relative;
}

.maptoolbar .container12 .racename-wrap {
  cursor: pointer;
  width: 555px;
  margin-left: 10px;
}

.maptoolbar .container12 .racename-wrap.isActive .racename img {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.maptoolbar .container12 .raceno {
  width: 20%;
  height: 100%;
  position: relative;
  float: left;
  clear: none;
  border-left: 1px solid #444;
  border-right: 1px solid #444;
  padding: 22px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.maptoolbar .container12 .racename {
  width: 80%;
  height: 100%;
  position: relative;
  float: left;
  clear: none;
  border-right: 1px solid #444;
  padding: 22px 80px 22px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.maptoolbar .container12 .racename img {
  height: 12px;
  margin-left: 5px;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}

.maptoolbar .container12 .alert.active .alert-message-outer {
  opacity: 1;
  visibility: visible;
}

.maptoolbar .container12 .alert svg {
  position: absolute;
  width: 100%;
  height: 100%;
  fill: #FFBB12;
}

.maptoolbar .container12 .alert a {
  color: #FFFFFF;
}

.maptoolbar .container12 .alert-icon {
  width: 30px;
  height: 30px;
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 15px;
}

.maptoolbar .container12 .alert-message-outer {
  position: absolute;
  right: -20px;
  bottom: 0;
  -webkit-transform: translateY(80%);
          transform: translateY(80%);
  visibility: hidden;
  opacity: 0;
  top: 80px;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.maptoolbar .container12 .alert-message-outer a {
  text-decoration: none;
}

.maptoolbar .container12 .alert-message {
  width: 250px;
  padding: 20px 10px 20px 60px;
  background-color: #222222;
  font-size: 12px;
  position: relative;
}

.maptoolbar .container12 .alert-message a {
  color: #FFFFFF;
}

.maptoolbar .container12 .alert-message .icon {
  width: 25px;
  height: 25px;
  position: absolute;
  left: 20px;
  top: 20px;
}

.maptoolbar .container12 .alert-message::before {
  content: " ";
  width: 15px;
  height: 15px;
  position: absolute;
  top: -7px;
  right: 50px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  background-color: #222222;
}

.maptoolbar .container12 .toolbar {
  height: 100%;
  position: relative;
  float: right;
  clear: none;
  margin-right: 10px;
  border-right: 1px solid #444;
}

.maptoolbar .container12 .toolbar > div {
  width: 80px;
  height: 100%;
  border-left: 1px solid #444;
  cursor: pointer;
  background-position: center center;
  background-repeat: no-repeat;
  float: left;
  clear: none;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  position: relative;
}

.maptoolbar .container12 .toolbar > div .title {
  display: block;
  position: absolute;
  font-size: 12px;
  background-color: #000;
  padding: 10px 20px;
  top: 80px;
  left: -22.5px;
  display: none;
  width: 90px;
  text-align: center;
}

.maptoolbar .container12 .toolbar > div .title::after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(0, 0, 0, 0);
  border-bottom-color: #000000;
  border-width: 10px;
  margin-left: -10px;
}

.maptoolbar .container12 .toolbar > div#terrain {
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/toolbaricon-maptype.png");
  background-size: 28px 28px;
}

.maptoolbar .container12 .toolbar > div#ruler {
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/toolbaricon-ruler.png");
  background-size: 44px 13px;
}

.maptoolbar .container12 .toolbar > div#swell {
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/toolbaricon-waves.png");
  background-size: 28px 16px;
}

.maptoolbar .container12 .toolbar > div#airpressure {
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/toolbaricon-airpressure.png");
  background-size: 28px 27px;
}

.maptoolbar .container12 .toolbar > div#wind {
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/toolbaricon-wind.png");
  background-size: 27px 33px;
}

.maptoolbar .container12 .toolbar > div#temp {
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/toolbaricon-temp.png");
  background-size: 16px 34px;
}

.maptoolbar .container12 .toolbar > div#togglecourse {
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/toolbaricon-course.png");
  background-size: 17px 26.5px;
}

.maptoolbar .container12 .toolbar > div#fitmap {
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/toolbaricon-fitmap.png");
  background-size: 25px 26px;
}

.maptoolbar .container12 .toolbar > div:hover {
  background-color: #000;
}

.maptoolbar .container12 .toolbar > div:hover .title {
  display: block;
}

.maptoolbar .container12 .toolbar > div.active {
  background-color: #000;
}

.maptoolbar .container12 .race-dropdown {
  position: absolute;
  top: 100%;
  left: 10px;
  width: 555px;
  overflow-y: scroll;
  max-height: 0;
  -webkit-transition: max-height 0.25s ease-in-out;
  transition: max-height 0.25s ease-in-out;
}

.maptoolbar .container12 .race-dropdown.isActive {
  max-height: 230px;
}

.maptoolbar .container12 .race-dropdown-list {
  background-color: #000000;
  -ms-overflow-style: none;
  padding: 0 20px;
}

.maptoolbar .container12 .race-dropdown-list li:last-child a {
  border: none;
}

.maptoolbar .container12 .race-dropdown-list a {
  color: #6c6c6c;
  display: inline-block;
  width: 100%;
  text-decoration: none;
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
  font-size: 100%;
  border-bottom: 1px solid #6c6c6c;
}

.maptoolbar .container12 .race-dropdown-list a.isActive, .maptoolbar .container12 .race-dropdown-list a:hover {
  color: #FFFFFF;
}

.maptoolbar .container12 .race-dropdown-list .race-number {
  width: calc(20% - 13px);
  display: inline-block;
  padding: 22px 0;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.maptoolbar .container12 .race-dropdown-list .race-name {
  width: calc(80% + 13px);
  display: inline-block;
  padding: 22px 0 22px 20px;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.rvbar.temp {
  width: 346px;
}

.rvbar.wind {
  width: 391px;
}

.raceviewer_content {
  background-color: #000;
}

.raceviewer_content .sliderholder {
  position: relative;
  padding: 30px 290px 30px 0px;
  margin-bottom: 0;
}

.raceviewer_content .sliderholder .noUi-base {
  background-color: #BA182D;
}

.raceviewer_content .sliderholder .noUi-base .noUi-origin {
  background-color: #555;
}

.raceviewer_content .sliderholder .noUi-base .noUi-origin .noUi-handle {
  border-radius: 16px;
  width: 16px;
  height: 16px;
  background: #fff;
  top: -7px;
  left: -7px;
  border: 0;
}

.raceviewer_content .sliderholder .rangeoptions {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}

.raceviewer_content .sliderholder .timeline-controls {
  margin: 15px 10px 0 0;
  float: left;
}

.raceviewer_content .sliderholder .control-icon {
  width: 30px;
  height: 30px;
  cursor: pointer;
  position: relative;
  display: inline-block;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}

.raceviewer_content .sliderholder .control-icon.inactive {
  opacity: 0.6;
}

.raceviewer_content .sliderholder .control-icon:hover {
  opacity: 1;
}

.raceviewer_content .sliderholder .play-icon,
.raceviewer_content .sliderholder .pause-icon {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.raceviewer_content .sliderholder .play-pause {
  opacity: 1;
}

.raceviewer_content .sliderholder .play-pause.play .play-icon {
  opacity: 1;
}

.raceviewer_content .sliderholder .play-pause.pause .pause-icon {
  opacity: 1;
}

.raceviewer_content .sliderholder span.label {
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  margin-top: 18px;
  float: right;
  width: 130px;
  text-align: center;
}

.raceviewer_content .sliderholder span.label.leftism {
  right: auto;
  left: 0;
}

.tempspan {
  position: absolute;
  top: 18px;
  left: 0;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
}

.markerInfo {
  width: 170px;
  position: relative;
  background: #fff;
  display: block;
}

.markerInfo:after {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid #fff;
  content: '';
  display: block;
  bottom: -12px;
  left: 50%;
  margin-left: -12px;
}

.markerInfo h3 {
  background: #000;
  text-transform: uppercase;
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding: 16px;
  margin: 0;
  position: relative;
  font-weight: 800;
}

.markerInfo h3 span {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  word-wrap: break-word;
}

.markerInfo h3.lesspdng {
  padding-top: 10px;
  padding-bottom: 7px;
}

.markerInfo > div {
  font-size: 0;
}

.markerInfo > div > span {
  display: inline-block;
  width: 50%;
  height: 33px;
  line-height: 33px;
  font-size: 11px;
  color: #000;
  text-transform: uppercase;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  border-bottom: 1px solid #ddd;
}

.markerInfo > div > span:first-child {
  border-right: 1px solid #ddd;
  font-weight: 700;
}

.markerInfo > div > span.lc {
  text-transform: none;
}

.markerInfo > div img {
  width: 100%;
  display: block;
  vertical-align: middle;
}

.jokerMarkerInfo {
  background-color: #FFFFFF;
  color: #000000;
  padding: 10px 16px;
  text-align: center;
  width: 120px;
  text-transform: uppercase;
  font-family: "aktiv-grotesk-std", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: bold;
  position: relative;
}

.jokerMarkerInfo img {
  width: 20px;
  margin: 0 0 -5px 10px;
}

.jokerMarkerInfo::after {
  content: " ";
  width: 15px;
  height: 15px;
  background-color: #FFFFFF;
  position: absolute;
  left: 50%;
  bottom: -8px;
  -webkit-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
}

.jokerMarkerInfo::-moz-selection,
.jokerMarkerInfo *::-moz-selection {
  color: #000000;
}

.jokerMarkerInfo::selection,
.jokerMarkerInfo *::selection {
  color: #000000;
}

.standingtablesbar {
  height: 56px;
  background-color: #222;
  position: relative;
  color: #fff;
  text-transform: uppercase;
}

.standingtablesbar .container12 {
  height: 100%;
  position: relative;
}

.standingtablesbar .container12 .column8 {
  height: 100%;
  position: relative;
  border-left: 1px solid #444;
  margin-left: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.standingtablesbar .container12 .column8 .rvtab {
  height: 56px;
  position: relative;
  float: left;
  clear: none;
  border-right: 1px solid #444;
  padding: 20px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: 800;
  line-height: 1em;
  font-size: 15px;
  cursor: pointer;
  color: #878787;
  -webkit-transition: 0.15s;
  transition: 0.15s;
}

.standingtablesbar .container12 .column8 .rvtab:hover, .standingtablesbar .container12 .column8 .rvtab.active {
  border-bottom: 4px solid #BA182D;
  color: #fff;
}

.standingtablesbar .container12 .column4 .eblink {
  display: block;
  float: right;
  height: 56px;
  width: 200px;
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/eb-white.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 111px 33px;
  text-indent: -9999px;
  text-decoration: none;
  outline: none;
}

.standingtablesbar .container12 .column4 .flip-clock-wrapper {
  float: right;
  border-right: 1px solid #000;
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/clock_bg_black.png");
  width: 244px;
  padding-right: 0;
}

.standingtablesbar .container12 .column4 .flip-clock-divider {
  height: 56px;
  border-left: 1px solid #000;
}

.standingtablesbar .container12 .column4 .flip-clock-wrapper ul {
  height: 56px;
  line-height: 56px;
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/clock_bg_black.png");
  width: 18px;
}

.standingtablesbar .container12 .column4 .flip-clock-wrapper ul li {
  line-height: 56px;
}

.standingtablesbar .container12 .column4 .flip-clock-wrapper ul li a div div.inn {
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/clock_bg_black.png");
  color: #fff;
  font-size: 26px;
}

.standingtablesbar .container12 .column4 .flip-clock-divider:after {
  color: #666;
}

.standingstables {
  background-color: #2B2B2B;
  color: #fff;
  padding: 20px 0;
}

.standingstables table {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 800;
  width: 100%;
}

.standingstables table tr.stealthrow .marker,
.standingstables table tr.stealthrow .team-name,
.standingstables table tr.stealthrow td:not(:nth-child(2)) {
  opacity: 0.4;
}

.standingstables table tr .stealth-icon-hover {
  opacity: 0.4;
}

.standingstables table tr .stealth-icon-hover:hover {
  opacity: 1;
}

.standingstables table tr th, .standingstables table tr td {
  text-align: left;
  padding: 16px 10px;
  position: relative;
}

.standingstables table tr th a, .standingstables table tr td a {
  text-decoration: none;
}

.standingstables table tr th a:hover, .standingstables table tr td a:hover {
  text-decoration: underline;
}

.standingstables table tr th a .showonmob, .standingstables table tr td a .showonmob {
  display: none;
}

.standingstables table tr th.min20, .standingstables table tr td.min20 {
  min-width: 20px;
}

.standingstables table tr th.marker, .standingstables table tr td.marker {
  width: 30px;
}

.standingstables table tr th .nada, .standingstables table tr td .nada {
  display: block;
  width: 22px;
  height: 4px;
  background-color: #fff;
}

.standingstables table tr th .posflag, .standingstables table tr td .posflag {
  display: block;
  position: absolute;
  top: 16px;
  left: 16px;
  width: 60px;
}

.standingstables table tr th .posflag .colour, .standingstables table tr td .posflag .colour {
  display: block;
  float: left;
  clear: none;
  width: 10px;
  height: 25px;
  margin-right: 2px;
  -webkit-transform: skew(-12deg);
          transform: skew(-12deg);
}

.standingstables table tr th .posflag .num, .standingstables table tr td .posflag .num {
  display: block;
  float: left;
  clear: none;
  width: 30px;
  height: 25px;
  -webkit-transform: skew(-12deg);
          transform: skew(-12deg);
  background-color: #fff;
  color: #000;
  text-align: center;
}

.standingstables table tr th .posflag .num > span, .standingstables table tr td .posflag .num > span {
  -webkit-transform: skew(12deg);
          transform: skew(12deg);
  display: block;
  line-height: 1em;
  padding-top: 7px;
  margin-left: -2px;
}

.standingstables table tr th .cell-inner, .standingstables table tr td .cell-inner {
  padding: 6px 3px;
}

.standingstables table tr th .cell-inner.joker, .standingstables table tr td .cell-inner.joker {
  background-color: #FFFFFF;
  color: #000000;
  position: relative;
  cursor: pointer;
}

.standingstables table tr th .cell-inner.joker .information, .standingstables table tr td .cell-inner.joker .information {
  width: 20px;
  margin: 0 0 -5px 10px;
}

.standingstables table tr th .cell-inner.joker:hover .joker-hover, .standingstables table tr td .cell-inner.joker:hover .joker-hover {
  opacity: 1;
  visibility: visible;
}

.standingstables table tr th .cell-inner.team-name, .standingstables table tr td .cell-inner.team-name {
  padding-left: 20px;
  min-width: 165px;
  display: block;
}

.standingstables table tr th .joker-icon, .standingstables table tr td .joker-icon {
  margin-bottom: -3px;
  width: 15px;
  height: 15px;
  display: inline-block;
  position: relative;
}

.standingstables table tr th .joker-icon > svg, .standingstables table tr td .joker-icon > svg {
  position: absolute;
  width: 100%;
  height: 100%;
  fill: #FFFFFF;
}

.standingstables table tr th .joker-icon.red > svg, .standingstables table tr td .joker-icon.red > svg {
  fill: #dc143c;
}

.standingstables table tr th.leaderboard-score-cell, .standingstables table tr td.leaderboard-score-cell {
  padding: 16px 15px 16px 5px;
}

.standingstables table tr th.hide_desk, .standingstables table tr td.hide_desk {
  display: none;
}

.standingstables table tr th.joker-cell .joker-icon-hover, .standingstables table tr td.joker-cell .joker-icon-hover {
  margin-left: 0;
}

.standingstables table tr th.joker-cell .joker-icon-hover .joker-hover, .standingstables table tr td.joker-cell .joker-icon-hover .joker-hover {
  -webkit-transform: translateX(-50%) translateY(-170%);
          transform: translateX(-50%) translateY(-170%);
}

.standingstables table tr th.joker-cell .cell-inner, .standingstables table tr td.joker-cell .cell-inner {
  display: inline-block;
  padding: 0;
}

.standingstables table tr th {
  color: #666;
  line-height: 1.5em;
}

.standingstables table tr:nth-child(even) {
  background-color: #373737;
}

.joker-hover {
  width: 140px;
  padding: 10px 20px;
  display: inline-block;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-140%);
          transform: translateX(-50%) translateY(-140%);
  background-color: #FFFFFF;
  text-align: center;
  color: #000000;
  font-weight: 500;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.joker-hover img {
  width: 20px;
  margin: 0 0 -5px 10px;
}

.joker-hover::before {
  width: 20px;
  height: 20px;
  content: " ";
  position: absolute;
  bottom: -20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.joker-hover::after {
  width: 15px;
  height: 15px;
  content: " ";
  position: absolute;
  bottom: -8px;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
  background-color: #FFFFFF;
}

.joker-icon-hover {
  margin-left: 10px;
  position: relative;
  cursor: pointer;
}

.joker-icon-hover > img {
  width: 15px;
}

.joker-icon-hover .joker-hover {
  -webkit-transform: translateX(-50%) translateY(-120%);
          transform: translateX(-50%) translateY(-120%);
}

.joker-icon-hover:hover .joker-hover {
  opacity: 1;
  visibility: visible;
}

.joker-icon-hover.leaderboard-joker {
  margin-left: 0;
  position: absolute;
  right: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.joker-icon-hover.leaderboard-joker .joker-hover {
  -webkit-transform: translateX(-50%) translateY(-170%);
          transform: translateX(-50%) translateY(-170%);
}

table#leaderboard {
  display: none;
}

.cursordeny {
  cursor: not-allowed !important;
}

#wxtiles_attrib {
  bottom: 26px !important;
}

#wxtiles_attrib a {
  height: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1em;
  color: #000;
  text-decoration: none;
  display: block;
  padding: 0 5px 25px 5px;
  background-color: #ffffff;
  font-size: 9px;
  opacity: 0.6;
}

#wxtiles_attrib a img {
  display: none;
}

#wxtiles_attrib a img span {
  content: "WTF";
}

.wxcolorbar {
  visibility: hidden;
}

.rvbar {
  position: absolute;
  top: 20px;
  right: 30px;
  z-index: 100;
}

#teamtop {
  margin-top: 48px;
  text-transform: uppercase;
}

#teamtop > div > div {
  background: #fff;
  border-top: 5px solid #B9192D;
  padding: 20px;
}

#teamtop .column6 {
  font-weight: 800;
  margin-bottom: 48px;
}

#teamtop .column6 .top {
  font-size: 15px;
  line-height: 1em;
  padding-bottom: 30px;
  color: #1667A2;
}

#teamtop .column6 .top a {
  text-decoration: none;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  color: #BABABA;
}

#teamtop .column6 .top a:hover {
  color: #1667A2;
}

#teamtop .column6 a.bottom {
  font-size: 30px;
  line-height: 1.1em;
  text-decoration: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

#teamtop .column6 a.bottom .date {
  display: block;
  color: #1667A2;
}

#teamtop .column6 a.bottom .title {
  display: block;
  color: #CCCCCC;
}

#teamtop .column6 a.bottom:hover .title {
  color: #707070;
}

h1.crewh1 {
  color: #ccc;
  border-top-color: #004C67;
}

h1.crewh1 .date {
  color: #004C67;
}

h1.crewh1 .race {
  font-size: 16px;
  font-weight: 700;
}

.author {
  display: block;
  text-align: center;
  float: left;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 35px;
  text-decoration: none;
}

.author .imgframe {
  width: 118px;
  height: 118px;
  border-radius: 59px;
  overflow: hidden;
  display: block;
  margin-bottom: 5px;
}

.author .imgframe img {
  width: 118px;
  height: 118px;
}

.author .name {
  text-transform: uppercase;
  display: block;
}

a.diarylink {
  display: inline-block;
  height: 40px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  background-color: #DDDDDD;
  color: #fff;
  margin-right: 6px;
  margin-bottom: 6px;
  line-height: 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 14px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

a.diarylink.leftarrow {
  padding: 14px 14px 14px 28px;
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/white-arrow-left.png");
  background-repeat: no-repeat;
  background-size: 8px 13px;
  background-position: 10px 13px;
}

a.diarylink:hover {
  background-color: #004C67;
}

.bottomtrio {
  background-color: #e9e9e9;
  padding: 40px 0;
  margin-bottom: -40px;
}

.bottomtrio .column12 {
  font-weight: 800;
}

.bottomtrio .column12 .top {
  font-size: 20px;
  line-height: 1em;
  border-top: 5px solid #0C66A4;
  padding: 18px 0 30px 0;
  text-transform: uppercase;
}

.bottomtrio .column12 .top .left {
  color: #0C66A4;
}

.bottomtrio .column12 .top a {
  text-decoration: none;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  color: #BABABA;
  font-size: 15px;
}

.bottomtrio.skipper .column12 .top {
  border-top-color: #0C66A4;
}

.bottomtrio.skipper .column12 .top .left {
  color: #0C66A4;
}

.bottomtrio.skipper .column12 .top .right {
  color: #0C66A4;
}

.bottomtrio.skipper .column12 .top .right a {
  color: #BABABA;
}

.bottomtrio.skipper a.skipperreportblock .date {
  color: #0C66A4;
}

.bottomtrio.crew .column12 .top {
  border-top-color: #004C67;
}

.bottomtrio.crew .column12 .top .left {
  color: #004C67;
}

.bottomtrio.crew a.skipperreportblock .date {
  color: #004C67;
}

a.skipperreportblock {
  height: 240px;
  display: block;
  background-color: #FFF;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-transform: uppercase;
  font-weight: 800;
  text-decoration: none;
  padding: 22px 25px;
  font-size: 30px;
  line-height: 1.1em;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  margin-bottom: 20px;
  position: relative;
}

a.skipperreportblock .date {
  color: #0C66A4;
}

a.skipperreportblock .title {
  color: #ccc;
}

a.skipperreportblock .preview {
  color: #aaa;
  font-size: 14px;
  text-transform: none;
  font-weight: normal;
  line-height: 1.3em;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 22px 25px;
}

a.skipperreportblock:hover {
  background-color: #EEEEEE;
}

a.skipperreportblock.tall {
  height: 300px;
}

a.crewdiaryblock {
  height: 240px;
  display: block;
  background-color: #FFF;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-transform: uppercase;
  font-weight: 800;
  text-decoration: none;
  padding: 22px 25px;
  font-size: 30px;
  line-height: 1.1em;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  margin-bottom: 20px;
  position: relative;
}

a.crewdiaryblock .date {
  color: #004C67;
}

a.crewdiaryblock .title {
  color: #ccc;
}

a.crewdiaryblock .text-preview {
  color: #aaa;
  font-size: 14px;
  text-transform: none;
  font-weight: normal;
  line-height: 1.3em;
  display: block;
  position: absolute;
  bottom: 70px;
  left: 0;
  padding: 0 25px;
}

a.crewdiaryblock .preview {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3em;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 22px 25px;
  color: #ccc;
}

a.crewdiaryblock:hover {
  background-color: #EEEEEE;
}

a.crewdiaryblock.tall {
  height: 300px;
}

.skippercrewtop {
  border-top: 5px solid #0C66A4;
  font-size: 20px;
  line-height: 1em;
  padding: 18px 0 30px 0;
  font-weight: 800;
  text-transform: uppercase;
  color: #0C66A4;
}

.skippercrewtop a {
  text-decoration: none;
  color: #0C66A4;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}

.skippercrewtop a:hover {
  color: #084067;
}

.supportmessage {
  border-top: 5px solid #0C66A4;
  margin-bottom: 40px;
  font-size: 16px;
  line-height: 1.5em;
  padding-top: 5px;
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  width: 334px;
}

.supportmessage .top {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.5em;
  color: #0C66A4;
}

.supportmessage .top .date {
  color: #999999;
  padding-left: 5px;
}

.supportmessage .top {
  line-height: 1em;
  padding-bottom: 20px;
  padding-top: 10px;
}

.supportmessage .bottom {
  font-size: 13px;
  line-height: 1.5em;
  color: #0C66A4;
}

.supportmessage .bottom a {
  color: #0C66A4;
  text-decoration: none;
}

.supportmessage .bottom a:hover {
  color: #000;
}

.supportmessage img {
  display: block;
  margin-bottom: 1em;
  width: 100%;
}

.supportmessage .message {
  padding-bottom: 20px;
  color: #0C66A4;
  clear: both;
}

.supportmessage .message p:last-child {
  margin-bottom: 0;
}

.supportmessage.website {
  border-top-color: #004C67;
}

.supportmessage.website .top, .supportmessage.website .bottom {
  color: #004C67;
}

.supportmessage.website .message {
  color: #004C67;
}

@keyframes flickerAnimation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes flickerAnimation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}

#sendsupport {
  display: block;
  text-decoration: none;
  width: 334px;
  height: 450px;
  background-color: #880E1D;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 40px;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/supportmessagebg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

#sendsupport .top {
  position: absolute;
  top: 0px;
  left: 0px;
  font-size: 12px;
  font-weight: 700;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px;
}

#sendsupport .bottom {
  font-size: 48px;
  line-height: 1em;
  font-weight: 800;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px;
}

#sendsupport .bottom.flashyourbottom {
  -webkit-animation: flickerAnimation 1.5s infinite;
          animation: flickerAnimation 1.5s infinite;
}

form.messageform span.styled {
  text-transform: uppercase;
  background-color: #333;
  color: #666;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/selectbg_grey.png);
}

.gamewarning {
  color: #BA182D;
}

.gameholder {
  height: 690px;
  width: 1040px;
  float: left;
  margin-bottom: 40px;
  margin-right: 40px;
  background-color: #fff;
}

.gameholder iframe {
  border: 1px solid #ccc;
  padding: 20px;
}

.slide .playvid {
  height: 100%;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/vidplay.png);
  background-repeat: no-repeat;
  background-size: 107px 107px;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  cursor: pointer;
  text-transform: uppercase;
  text-align: center;
  font-weight: 800;
  color: #fff;
  font-size: 80px;
  width: 100%;
  line-height: 1em;
}

/*-----  End of Race Viewer  ------*/
.minheightdesktop {
  min-height: 400px;
}

.kitcheckbox {
  padding-bottom: 20px;
}

img.colourlogo {
  max-width: 250px;
  margin-bottom: 50px;
}

span.or {
  display: inline-block;
  margin-right: 10px;
  color: #000;
  margin-bottom: 20px;
  font-size: 16px;
}

.bottombuttons .rel {
  display: inline-block;
}

.infomodal {
  position: absolute;
  bottom: 85px;
  right: -57px;
  width: 180px;
  padding: 10px;
  background-color: #222;
  color: #fff;
  font-size: 12px;
  line-height: 1.4em;
  display: none;
}

.infomodal:after {
  top: 100%;
  right: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(34, 34, 34, 0);
  border-top-color: #222222;
  border-width: 11px;
  margin-right: -11px;
}

/*-----  Clipper Connect  ------*/
.connectblock {
  background-color: #fff;
  text-align: center;
  padding: 90px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 0;
  position: relative;
}

.connectblock.nobgcolor {
  background-color: transparent;
}

.connectblock .column12 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 310px;
}

.connectblock .column12 h1 {
  font-size: 40px;
}

.connectblock .column12 a {
  color: #BA182D;
  text-decoration: none;
}

.connectblock .column12 a:hover {
  text-decoration: underline;
}

.connectblock .column12 .newscontrols {
  width: 290px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
}

.connectblock .column12 .newscontrols .controltitle {
  padding-bottom: 12px;
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 14px;
}

.connectblock .column12 .liner p:last-child {
  margin-bottom: 0;
}

.connectblock.block1 {
  padding: 90px 0;
}

.connectblock.block2 {
  background-color: #f07d00;
  color: #fff;
  padding: 90px 0;
}

.connectblock.block2 h1 {
  color: #fff;
}

.connectblock.block2 a {
  color: #fff;
  text-decoration: underline;
}

.connectblock.block3 {
  padding: 90px 0;
  background-color: #f3f3f3;
}

.connectblock.block3 a {
  color: #fff;
  text-decoration: none;
  margin-top: 50px;
}

.connectblock.block3 a:hover {
  text-decoration: none;
}

.row.connectevent {
  background-color: #FFF;
  position: relative;
}

.row.connectevent .left50 {
  width: 50%;
  float: left;
  clear: none;
  text-align: center;
  padding: 90px 10%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #171a1f;
}

.row.connectevent .left50 h2 {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 10px;
}

.row.connectevent .left50 .bigtitle {
  font-size: 40px;
  color: #111;
  line-height: 1.2em;
  margin-bottom: 10px;
}

.row.connectevent .left50 .time {
  font-size: 24px;
  line-height: 1.4em;
  margin-bottom: 1.5em;
}

.row.connectevent .left50 .address {
  font-size: 16px;
  line-height: 1.4em;
}

.row.connectevent .left50 .address .top {
  font-weight: 700;
}

.row.connectevent .left50 a {
  color: #171a1f;
}

.row.connectevent .right50 {
  width: 50%;
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  clear: none;
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/new-connect-img.jpg");
  background-position: center center;
  background-size: cover;
}

.row.friendlyface {
  background-color: #095696;
  position: relative;
  margin-bottom: 0;
}

.row.friendlyface .left50 {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  clear: none;
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/Nicky-Millier---Race-Crew-Supporters-Coordinator-Website.jpg");
  background-position: center center;
  background-size: cover;
}

.row.friendlyface .right50 {
  width: 50%;
  float: right;
  clear: none;
  text-align: center;
  padding: 120px 6.25% 80px 6.25%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #ffffff;
}

.row.friendlyface .right50 h2 {
  font-size: 40px;
  line-height: 1.2em;
  color: #ffffff;
  border-top: none;
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 36px;
}

.row.friendlyface .right50 h3 {
  color: #ffffff;
  font-family: "aktiv-grotesk-std", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 18px;
  line-height: 1.4em;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  margin-top: 42px;
  margin-bottom: 10px;
}

.row.friendlyface .right50 a {
  color: #FFF;
  text-decoration: none;
}

.row.connectvideo {
  margin-bottom: -40px;
}

.row.connectvideo .vidleft {
  width: 50%;
  float: left;
  clear: none;
  height: 480px;
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/connect-video-left.jpg");
  background-position: center center;
  background-size: cover;
  text-align: center;
}

.row.connectvideo .vidright {
  width: 50%;
  float: left;
  clear: none;
  height: 480px;
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/connect-video-right.jpg");
  background-position: center center;
  background-size: cover;
  text-align: center;
}

.row.connectvideo .liner {
  margin-left: auto;
  margin-right: auto;
  width: 55%;
  text-align: center;
  color: #fff;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.row.connectvideo .liner span {
  text-transform: uppercase;
  color: #fff;
  font-weight: 800;
  font-size: 50px;
  display: block;
  line-height: 1em;
  margin-bottom: 10px;
  display: block;
  margin-bottom: 30px;
}

.row.connectvideo .liner a {
  display: inline-block;
  height: 50px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 800;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 18px;
  padding-left: 25px;
  padding-right: 25px;
  line-height: 1em;
  background-color: #f07d00;
  text-decoration: none;
  position: relative;
  margin-left: -50px;
}

.row.connectvideo .liner a:after {
  content: ' ';
  display: block;
  width: 50px;
  height: 50px;
  background-color: #c35c01;
  position: absolute;
  top: 0;
  right: -50px;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/galleryarrows.png);
  background-repeat: no-repeat;
  background-size: 73px 15px;
  background-position: -42px center;
}

.text-section-2 {
  padding-top: 60px;
}

/*-----  Clipper Connect  ------*/
.additional-logos span {
  text-transform: uppercase;
  display: block;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 7px;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 20px;
}

.additional-logos img {
  display: block;
  max-width: 150px;
  margin-bottom: 20px;
  padding: 0;
}

.jeronimo-name br {
  display: none;
}

.news-banner {
  padding: 35px 0;
}

.news-banner h1 {
  color: #fff;
  border-top: 0;
  padding-top: 0;
  margin: 0 10px 30px 10px;
}

.news-banner a.item .textholder {
  padding-bottom: 40px;
}

.news-banner a.item .bottom {
  display: block;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: #BA182D;
  line-height: 1em;
}

.news-banner .halfheight {
  height: 215px;
}

.news-banner a.item {
  text-decoration: none;
  display: block;
  border-bottom: 5px solid #BA182D;
  background-color: #E9E9E9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

.news-banner a.item .imgholder {
  width: 100%;
  background-size: cover;
  background-position: center center;
}

.news-banner a.item .textholder {
  padding: 20px;
  bottom: 0;
  background-color: #fff;
  max-height: 120px;
  min-height: 120px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.news-banner a.item .textholder h2 {
  border-top: none;
  font-size: 13px;
  line-height: 1.2em;
  color: #000;
  font-weight: 700;
}

.news-banner a.item .textholder p.date {
  color: #919191;
  font-size: 11px;
  display: block;
  text-transform: uppercase;
  padding: 0 0 5px 0;
  line-height: 1em;
  margin-bottom: 0;
}

.news-banner a.item .textholder p.preview {
  padding: 10px 0 0 0;
  width: 100%;
  font-size: 14px;
  line-height: 1.4em;
  margin-bottom: 0;
  display: block;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.news-banner a.item .textholder p.category {
  position: absolute;
  bottom: -15px;
  left: 20px;
  text-transform: uppercase;
  color: #B9192D;
  font-size: 12px;
  font-weight: 500;
}

.news-banner a.item .column12 h2 {
  border-top: none;
  margin: 30px 0 30px 0;
  font-size: 20px;
}

.news-banner a.item:hover h2 {
  color: #999;
}

.news-banner .news-carousel-landing .prev-arrow,
.news-banner .news-carousel-landing .next-arrow {
  width: 18px;
  height: 25px;
  top: calc(50% - 25px);
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 18px;
  height: 25px;
  z-index: 10;
}

.news-banner .news-carousel-landing .prev-arrow:hover,
.news-banner .news-carousel-landing .next-arrow:hover {
  cursor: pointer;
}

.news-banner .news-carousel-landing .prev-arrow {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/arrow-left-black.svg);
  left: -35px;
}

.news-banner .news-carousel-landing .next-arrow {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/arrow-right-black.svg);
  right: -35px;
}

.news-banner span {
  padding-bottom: 11px;
  font-size: 12px;
  display: block;
  text-align: right;
}

.news-banner .white-line {
  border-right: 4px solid white;
  position: absolute;
  top: 14px;
  left: 300px;
  border-top: 4px solid white;
  bottom: -35px;
  right: 178px;
}

.news-landing .h2 {
  font-size: 24px;
  border-top: 0;
  color: #1B669D;
  margin-top: 30px;
  padding-bottom: 20px;
}

.news-landing .border-bottom {
  border-bottom: 1px solid #D8D8D8;
  margin-bottom: 20px;
}

.news-landing a.item {
  height: 450px;
  text-decoration: none;
  display: block;
  border-bottom: 5px solid #BA182D;
  background-color: #E9E9E9;
  margin: 0 10px 20px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  padding-bottom: 120px;
}

.news-landing a.item .imgholder {
  width: 100%;
  height: 300px;
  background-size: cover;
  background-position: center center;
  position: relative;
}

.news-landing a.item .imgholder span.image-icon {
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 25px);
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.news-landing a.item .imgholder span.podcast-icon {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/sound-white.svg);
}

.news-landing a.item .imgholder span.video-icon {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/play-white.svg);
}

.news-landing a.item .textholder {
  padding: 20px;
  position: absolute;
  bottom: 0;
  background-color: #fff;
  max-height: 150px;
  min-height: 150px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.news-landing a.item .textholder h2 {
  border-top: none;
  font-size: 13px;
  line-height: 1.2em;
  color: #000;
  font-weight: 700;
}

.news-landing a.item .textholder p.date {
  color: #919191;
  font-size: 11px;
  display: block;
  text-transform: uppercase;
  padding: 0 0 5px 0;
  line-height: 1em;
  margin-bottom: 0;
}

.news-landing a.item .textholder .preview {
  padding: 10px 0 0 0;
  width: 100%;
  font-size: 14px;
  line-height: 1.4em;
  margin-bottom: 0;
  display: block;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.news-landing a.item .textholder p.category {
  position: absolute;
  bottom: -10px;
  left: 20px;
  text-transform: uppercase;
  color: #B9192D;
  font-size: 12px;
  font-weight: 500;
}

.news-landing a.item .textholder span.category-icon {
  position: absolute;
  bottom: 15px;
  width: 15px;
  height: 15px;
  right: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.news-landing a.item .textholder span.podcast-icon {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/sound-red.svg);
}

.news-landing a.item .textholder span.video-icon {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/play-red.svg);
}

.news-landing a.item .column12 h2 {
  border-top: none;
  margin: 30px 0 30px 0;
  font-size: 20px;
}

.news-landing a.item:hover .textholder {
  max-height: 300px;
}

.news-landing a.item:hover .preview {
  opacity: 1;
}

.news-landing a.item .textholder {
  padding-bottom: 40px;
}

.news-landing a.item .bottom {
  position: absolute;
  bottom: 20px;
  left: 20px;
  display: block;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: #BA182D;
  line-height: 1em;
}

.news-landing a.sponsor {
  position: relative;
  display: block;
  height: 215px;
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.news-landing a.sponsor span {
  position: absolute;
  bottom: 20px;
  left: 20px;
  display: block;
  font-size: 12px;
  line-height: 1em;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
}

.news-landing a.sponsor:hover {
  opacity: 0.9;
}

.news-landing .halfheight {
  height: 215px;
}

.news-landing .most-popular-articles {
  height: 450px;
  margin-bottom: 20px;
}

.news-landing .mt-20 {
  margin-top: 20px;
}

.news-landing .view-all {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.news-landing .view-all div {
  margin-top: 42px;
  padding-bottom: 8px;
}

.news-landing .view-all span {
  font-size: 12px;
}

.news-landing .view-all a {
  margin-left: 10px;
  border-top: 0;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
}

.news-landing .view-all a:hover {
  text-decoration: underline;
}

.news-landing .most-popular-articles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.news-landing .most-popular-article {
  padding: 15px 0 18px 0;
  height: calc(25% - 30px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #D8D8D8;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.news-landing .most-popular-article:first-child {
  padding-top: 0;
}

.news-landing .most-popular-article .order {
  font-size: 90px;
  width: 20%;
  line-height: 90px;
  font-weight: bold;
  color: #ccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 4%;
  padding-bottom: 5px;
}

.news-landing .most-popular-article .article-content {
  width: 76%;
  text-decoration: none;
  position: relative;
}

.news-landing .most-popular-article .article-content h2 {
  font-size: 13px;
  border-top: 0;
  padding-top: 0;
  line-height: 16px;
  color: #080808;
}

.news-landing .most-popular-article .article-content .category {
  font-size: 12px;
  font-weight: 500;
  color: #B9192D;
  text-transform: uppercase;
  margin-bottom: 0;
}

.news-landing .most-popular-article .article-content span.category-icon {
  position: absolute;
  bottom: -15px;
  width: 15px;
  height: 15px;
  right: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.news-landing .most-popular-article .article-content span.podcast-icon {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/sound-red.svg);
}

.news-landing .most-popular-article .article-content span.video-icon {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/play-red.svg);
}

.news-landing .most-popular-article .article-content:hover h2 {
  color: #999;
}

.news-landing .news-carousel .prev-arrow,
.news-landing .news-carousel .next-arrow,
.news-landing .news-carousel-two .prev-arrow,
.news-landing .news-carousel-two .next-arrow,
.news-landing .news-carousel-landing .prev-arrow,
.news-landing .news-carousel-landing .next-arrow {
  width: 18px;
  height: 25px;
  top: calc(50% - 25px);
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 18px;
  height: 25px;
  z-index: 10;
}

.news-landing .news-carousel .prev-arrow:hover,
.news-landing .news-carousel .next-arrow:hover,
.news-landing .news-carousel-two .prev-arrow:hover,
.news-landing .news-carousel-two .next-arrow:hover,
.news-landing .news-carousel-landing .prev-arrow:hover,
.news-landing .news-carousel-landing .next-arrow:hover {
  cursor: pointer;
}

.news-landing .news-carousel .prev-arrow,
.news-landing .news-carousel-two .prev-arrow,
.news-landing .news-carousel-landing .prev-arrow {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/arrow-left-black.svg);
  left: -35px;
}

.news-landing .news-carousel .next-arrow,
.news-landing .news-carousel-two .next-arrow,
.news-landing .news-carousel-landing .next-arrow {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/arrow-right-black.svg);
  right: -35px;
}

.news-landing .articles-half {
  margin: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.news-landing .articles-half > div {
  width: calc(50% - 10px);
}

.news-landing .articles-half > div:first-child {
  margin-right: 20px;
}

.news-landing .articles-half .news-carousel-two a {
  margin: 0 0 20px 0;
}

.news-landing .articles-half .news-carousel-two a:first-child {
  margin-right: 20px;
}

.news-landing .articles-full .view-all {
  margin: 0 10px 20px 10px;
}

.news-landing .articles-three-fours {
  margin: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.news-landing .articles-three-fours .articles-three-four {
  width: calc(75% - 5px);
  margin-right: 20px;
}

.news-landing .articles-three-fours .articles-one-four {
  width: calc(25% - 15px);
}

.news-landing .articles-three-fours .articles-one-four .newsletter-section {
  padding: 0 !important;
}

.news-landing .articles-three-fours .articles-one-four .newsletter-section > div {
  margin: 0;
}

.news-landing .grey-background-section .articles-full {
  position: relative;
  z-index: 2;
}

.news-landing .grey-background-section .grey-background {
  position: absolute;
  top: 0;
  left: -1000px;
  right: -1000px;
  bottom: -40px;
  background: #212121;
  z-index: 1;
}

.news-landing .grey-background-section .prev-arrow {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/arrow-left-white.svg) !important;
}

.news-landing .grey-background-section .next-arrow {
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/arrow-right-white.svg) !important;
}

.news-landing .mobile-view-all-button {
  display: none;
}

@media only screen and (max-width: 1100px) {
  .news-landing .articles-half {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 10px 0 10px;
  }
  .news-landing .articles-half > div {
    width: 100%;
    margin-right: 0 !important;
  }
  .news-landing .articles-three-fours {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .news-landing .articles-three-fours .articles-three-four {
    width: 100%;
    margin-right: 0 !important;
  }
  .news-landing .articles-three-fours .articles-one-four {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .news-landing .articles-three-fours .articles-one-four > div {
    width: calc(50% - 10px);
  }
  .news-landing .articles-three-fours .articles-one-four > div:first-child {
    margin-right: 20px;
  }
  .newsletter-section {
    margin-top: 50px;
  }
  .newsletter-section > div {
    margin-bottom: 0 !important;
    height: calc(100% - 20px) !important;
  }
  .most-popular-articles-section h2 {
    margin-top: 0 !important;
  }
  .news-banner .white-line {
    right: 95px !important;
  }
}

@media only screen and (min-width: 767px) {
  .news-landing .articles-half .news-carousel-two a {
    width: calc(50% - 10px) !important;
  }
  .news-landing .articles-three-fours .articles-three-four .news-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .news-landing .articles-three-fours .articles-three-four .news-container a.item {
    margin: 0 0 20px 0;
    width: calc(33.333% - 13.4px);
  }
  .news-landing .articles-three-fours .articles-three-four .news-container a.item:nth-child(2), .news-landing .articles-three-fours .articles-three-four .news-container a.item:nth-child(5) {
    margin: 0 20px;
  }
  .news-banner .hide-desktop,
  .news-landing .hide-desktop {
    display: none !important;
  }
  .news-carousel:before {
    content: "";
    height: 100%;
    background: #f3f3f3;
    width: 10px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 100;
  }
  .news-container-black:before {
    background: #212121;
  }
  .news-carousel:after {
    content: "";
    height: 100%;
    background: #f3f3f3;
    width: 10px;
    position: absolute;
    right: 0;
    top: 0;
    right: 0;
    z-index: 100;
  }
  .news-container-black:after {
    background: #212121;
  }
  .news-carousel {
    position: relative;
  }
}

@media only screen and (max-width: 767px) {
  .news-landing a.item,
  .news-landing .border-bottom {
    margin: 0 0 20px 0 !important;
  }
  .news-landing .articles-half {
    margin: 0;
  }
  .news-landing .articles-half .news-carousel-two a {
    margin-right: 0 !important;
  }
  .news-banner {
    padding-top: 80px;
  }
  .news-landing .articles-three-fours .articles-three-four .news-container a.item {
    margin: 0 0 20px 0 !important;
  }
  .news-landing .articles-three-fours .articles-one-four {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .news-landing .articles-three-fours .articles-one-four > div {
    width: 100% !important;
    margin-right: 0 !important;
  }
  .news-landing .articles-three-fours .articles-one-four .newsletter {
    height: 450px !important;
    width: 100%;
  }
  .news-landing .articles-three-fours .articles-one-four .newsletter-section {
    margin-top: 0;
  }
  .news-landing .articles-three-fours {
    margin: 0 !important;
  }
  .news-landing .view-all a {
    display: none;
  }
  .news-landing .carousel-steps,
  .news-banner .carousel-steps {
    font-size: 15px !important;
  }
  .news-landing .mobile-view-all-button {
    display: block;
  }
  .news-banner {
    background-size: auto 310px !important;
    background-position: top !important;
    background-color: #f3f3f3 !important;
    padding-bottom: 0 !important;
  }
  .news-banner .imgholder {
    height: 320px !important;
  }
  .news-banner .hide-mobile {
    display: none !important;
  }
  .news-banner .news-carousel-landing .imgholder {
    margin-top: 0 !important;
  }
  .news-banner .column3:last-child {
    margin-bottom: 0 !important;
  }
  .news-banner .white-line {
    display: none;
  }
}

@media only screen and (max-width: 390px) {
  .news-landing .news-carousel .next-arrow,
  .news-landing .news-carousel-two .next-arrow,
  .news-landing .news-carousel-landing .next-arrow,
  .news-banner .news-carousel-landing .next-arrow {
    background-color: rgba(255, 255, 255, 0.75);
    background-size: 15px 20px;
    height: 50px;
    width: 40px;
    top: calc((100% - 210px) / 2);
    right: 0px;
    background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/arrow-right-black.svg) !important;
  }
  .news-landing .news-carousel .prev-arrow,
  .news-landing .news-carousel-two .prev-arrow,
  .news-landing .news-carousel-landing .prev-arrow,
  .news-banner .news-carousel-landing .prev-arrow {
    background-color: rgba(255, 255, 255, 0.75);
    background-size: 15px 20px;
    height: 50px;
    width: 40px;
    top: calc((100% - 210px) / 2);
    left: 0px;
    background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/arrow-left-black.svg) !important;
  }
}

@media only screen and (max-width: 1500px) and (min-width: 1470px) {
  .news-landing .news-carousel .next-arrow,
  .news-landing .news-carousel-two .next-arrow,
  .news-landing .news-carousel-landing .next-arrow,
  .news-banner .news-carousel-landing .next-arrow {
    right: -20px;
  }
  .news-landing .news-carousel .prev-arrow,
  .news-landing .news-carousel-two .prev-arrow,
  .news-landing .news-carousel-landing .prev-arrow,
  .news-banner .news-carousel-landing .prev-arrow {
    left: -20px;
  }
}

@media only screen and (max-width: 1470px) and (min-width: 1435px) {
  .news-landing .news-carousel .next-arrow,
  .news-landing .news-carousel-two .next-arrow,
  .news-landing .news-carousel-landing .next-arrow,
  .news-banner .news-carousel-landing .next-arrow {
    background-color: rgba(255, 255, 255, 0.75);
    background-size: 15px 20px;
    height: 50px;
    width: 40px;
    top: calc((100% - 210px) / 2);
    right: 10px;
    background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/arrow-right-black.svg) !important;
  }
  .news-landing .news-carousel .prev-arrow,
  .news-landing .news-carousel-two .prev-arrow,
  .news-landing .news-carousel-landing .prev-arrow,
  .news-banner .news-carousel-landing .prev-arrow {
    background-color: rgba(255, 255, 255, 0.75);
    background-size: 15px 20px;
    height: 50px;
    width: 40px;
    top: calc((100% - 210px) / 2);
    left: 10px;
    background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/arrow-left-black.svg) !important;
  }
}

@media only screen and (max-width: 1170px) and (min-width: 1145px) {
  .news-landing .news-carousel .next-arrow,
  .news-landing .news-carousel-two .next-arrow,
  .news-landing .news-carousel-landing .next-arrow,
  .news-banner .news-carousel-landing .next-arrow {
    right: -20px;
  }
  .news-landing .news-carousel .prev-arrow,
  .news-landing .news-carousel-two .prev-arrow,
  .news-landing .news-carousel-landing .prev-arrow,
  .news-banner .news-carousel-landing .prev-arrow {
    left: -20px;
  }
}

@media only screen and (max-width: 1145px) and (min-width: 1100px) {
  .news-landing .news-carousel .next-arrow,
  .news-landing .news-carousel-two .next-arrow,
  .news-landing .news-carousel-landing .next-arrow,
  .news-banner .news-carousel-landing .next-arrow {
    background-color: rgba(255, 255, 255, 0.75);
    background-size: 15px 20px;
    height: 50px;
    width: 40px;
    top: calc((100% - 210px) / 2);
    right: 10px;
    background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/arrow-right-black.svg) !important;
  }
  .news-landing .news-carousel .prev-arrow,
  .news-landing .news-carousel-two .prev-arrow,
  .news-landing .news-carousel-landing .prev-arrow,
  .news-banner .news-carousel-landing .prev-arrow {
    background-color: rgba(255, 255, 255, 0.75);
    background-size: 15px 20px;
    height: 50px;
    width: 40px;
    top: calc((100% - 210px) / 2);
    left: 10px;
    background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/arrow-left-black.svg) !important;
  }
}

@media only screen and (max-width: 885px) and (min-width: 830px) {
  .news-landing .news-carousel .next-arrow,
  .news-landing .news-carousel-two .next-arrow,
  .news-landing .news-carousel-landing .next-arrow,
  .news-banner .news-carousel-landing .next-arrow {
    right: -20px;
  }
  .news-landing .news-carousel .prev-arrow,
  .news-landing .news-carousel-two .prev-arrow,
  .news-landing .news-carousel-landing .prev-arrow,
  .news-banner .news-carousel-landing .prev-arrow {
    left: -20px;
  }
}

@media only screen and (max-width: 830px) and (min-width: 768px) {
  .news-landing .news-carousel .next-arrow,
  .news-landing .news-carousel-two .next-arrow,
  .news-landing .news-carousel-landing .next-arrow,
  .news-banner .news-carousel-landing .next-arrow {
    background-color: rgba(255, 255, 255, 0.75);
    background-size: 15px 20px;
    height: 50px;
    width: 40px;
    top: calc((100% - 210px) / 2);
    right: 10px;
    background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/arrow-right-black.svg) !important;
  }
  .news-landing .news-carousel .prev-arrow,
  .news-landing .news-carousel-two .prev-arrow,
  .news-landing .news-carousel-landing .prev-arrow,
  .news-banner .news-carousel-landing .prev-arrow {
    background-color: rgba(255, 255, 255, 0.75);
    background-size: 15px 20px;
    height: 50px;
    width: 40px;
    top: calc((100% - 210px) / 2);
    left: 10px;
    background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/arrow-left-black.svg) !important;
  }
}

@media only screen and (max-width: 520px) and (min-width: 480px) {
  .news-landing .news-carousel .next-arrow,
  .news-landing .news-carousel-two .next-arrow,
  .news-landing .news-carousel-landing .next-arrow,
  .news-banner .news-carousel-landing .next-arrow {
    background-color: rgba(255, 255, 255, 0.75);
    background-size: 15px 20px;
    height: 50px;
    width: 40px;
    top: calc((100% - 210px) / 2);
    right: 0px;
    background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/arrow-right-black.svg) !important;
  }
  .news-landing .news-carousel .prev-arrow,
  .news-landing .news-carousel-two .prev-arrow,
  .news-landing .news-carousel-landing .prev-arrow,
  .news-banner .news-carousel-landing .prev-arrow {
    background-color: rgba(255, 255, 255, 0.75);
    background-size: 15px 20px;
    height: 50px;
    width: 40px;
    top: calc((100% - 210px) / 2);
    left: 0px;
    background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/arrow-left-black.svg) !important;
  }
}

@media only screen and (max-width: 1100px) and (min-width: 768px) {
  .news-banner a.item .textholder h2 {
    font-size: 11px !important;
  }
}

@media only screen and (max-width: 1435px) and (min-width: 1100px) {
  .news-landing .most-popular-article .article-content span.category-icon {
    bottom: -5px;
  }
}

@media only screen and (max-width: 1435px) {
  .news-banner .white-line {
    right: 134px;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .newscontrols.socialshare a {
    background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/socialsharespritex2.png);
    background-size: 250px 100px;
  }
  .newscontrols.socialshare a.linkedin {
    background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/socialsharespritex2_linkedin.png);
    background-size: 24px 100px;
  }
  .jobentrywrapper.socialshare a {
    background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/socialsharespritex2.png);
    background-size: 250px 100px;
  }
  .jobentrywrapper.socialshare a.linkedin {
    background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/socialsharespritex2_linkedin.png);
    background-size: 24px 100px;
  }
}

/*-- Google Conversion Iframe Fix --*/
iframe[name='google_conversion_frame'] {
  height: 0 !important;
  width: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
  margin-top: -13px;
  float: left;
}

/*-- End of Iframe Fix --*/
.cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #FFBB12;
  z-index: 1100;
  color: #000;
  font-size: 17px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 21px 22px 21px 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.cookie-banner .cookie-left a {
  color: #D0021B;
}

.cookie-banner .cookie-right .reject {
  text-decoration: underline;
  cursor: pointer;
}

.cookie-banner .cookie-right .accept {
  background-color: #000;
  color: #fff;
  display: inline-block;
  min-height: 50px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 800;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 18px;
  line-height: 1em;
  cursor: pointer;
  margin-left: 15px;
  text-align: center;
}

.under-maintenance .overlay {
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.under-maintenance .liner {
  width: auto !important;
  max-width: 890px;
}

.under-maintenance .liner .bottom {
  color: #ddd !important;
}

.under-maintenance img {
  width: 220px;
  margin-bottom: 40px;
}

.under-maintenance .socialwrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 80px;
}

.sir-page-banner {
  height: 672px;
}

.team-stats-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #2B2B2B;
  padding: 30px 30px 10px 30px;
  color: #fff;
  width: 31.33%;
  margin-right: 20px;
}

.team-stats-left > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 10px;
}

.team-stats-left > div:nth-child(1) {
  height: calc(100% - 10px);
}

.team-stats-left > div:nth-child(2) {
  height: calc(100% - 35px);
  padding-top: 25px;
}

.team-stats-left .stat-name {
  width: 33%;
}

.team-stats-left .stat-value {
  width: 66%;
  position: relative;
  top: -10px;
}

.team-stats-left .stat-image {
  margin: 25px auto 0 auto;
}

.team-stats-left.clipper-70 {
  background: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/clipper-70.png) no-repeat;
  background-size: cover;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  color: #fff;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 25px;
  text-transform: uppercase;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-decoration: none;
  transition: all 0.5s;
}

.team-stats-left.clipper-70 p {
  margin-bottom: 0;
  z-index: 333;
  position: relative;
}

.team-stats-left.clipper-70 p:nth-child(1) {
  font-weight: 700;
  font-size: 16px;
}

.team-stats-left.clipper-70 p:nth-child(2) {
  margin-top: 30px;
  font-weight: 900;
  font-size: 31px;
  line-height: 36px;
  padding: 20px 0;
}

.team-stats-left.clipper-70::before {
  background: rgba(0, 0, 0, 0);
  position: absolute;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  content: " ";
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
}

.team-stats-left.clipper-70:hover::before {
  background: rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.team-stats {
  margin-top: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-left: 10px;
  margin-right: 10px;
}

.team-stats .stat-name {
  text-transform: uppercase;
  font-size: 14.5px;
  font-weight: 500;
  line-height: 18px;
  margin-bottom: 0;
}

.team-stats .stat-value {
  text-transform: uppercase;
  font-size: 69px;
  line-height: 69px;
  margin-bottom: 0;
  font-weight: 900;
}

.team-sponsor-logo {
  padding: 17.5px 0 7.5px 0 !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}

.team-sponsor-logo img {
  margin-bottom: 0;
  max-height: 90px;
}

.team-stats-right {
  background: #E9E9E9;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 66.66%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.gender-stats {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #2b2b2b;
}

.gender-stats > img {
  display: none;
}

.gender-stats .men-count > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.gender-stats .men-count img {
  max-width: 100%;
  max-height: 100%;
  margin: 2px;
}

.gender-stats .women-count {
  padding-right: 25px;
  margin-left: 15px;
}

.gender-stats .women-count > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.gender-stats .women-count img {
  max-width: 100%;
  max-height: 100%;
  margin: 2px;
}

.gender-stats .stat-value {
  font-size: 49px;
  color: #6DBF2D;
}

.team-extra-stats-quote {
  width: 50%;
}

.oldest-youngest-member {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  color: #fff;
  padding: 10px;
  margin-bottom: 30px;
}

.oldest-youngest-member .stat-name {
  font-size: 12px;
}

.oldest-youngest-member .youngest-member {
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.oldest-youngest-member .youngest-member .stat-value {
  position: relative;
  line-height: 49px;
  margin-right: 10px;
  top: -7px;
  font-size: 49px;
}

.oldest-youngest-member .oldest-member {
  height: 40px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.oldest-youngest-member .oldest-member .stat-value {
  position: relative;
  margin-left: 10px;
  top: 3px;
  font-size: 49px;
  line-height: 49px;
}

.worlders-nations-represented {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.nations-represented {
  margin-left: auto;
}

.round-the-worlders > div,
.nations-represented > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.round-the-worlders .stat-value,
.nations-represented .stat-value {
  margin-left: 15px;
  font-size: 49px;
  line-height: 49px;
}

.round-the-worlders .stat-name,
.nations-represented .stat-name {
  margin-top: 20px;
  color: #2b2b2b;
  font-weight: 700;
  display: block;
}

.team-quote {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 15px;
  margin-top: 20px;
  font-weight: 700;
  color: #2b2b2b;
  text-transform: uppercase;
  text-align: center;
}

.team-quote p {
  margin-bottom: 0;
}

.team-banner .schema-img {
  position: absolute;
  bottom: 0;
  top: 0;
  right: 0;
  width: 680px !important;
  background: linear-gradient(315deg, #282828 0%, #282828 49.9%, rgba(0, 0, 0, 0.001) 49.95%, rgba(0, 0, 0, 0.001) 100%);
}

.team-banner .schema-img img {
  position: absolute;
  bottom: 50px;
  right: 100px;
  width: 450px !important;
}

.aqp-banner-desktop .aqp-badge,
.aqp-banner-mobile .aqp-badge {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
}

.aqp-banner-desktop .aqp-badge > div:first-child,
.aqp-banner-mobile .aqp-badge > div:first-child {
  background: #b81c31;
  font-size: 14px;
  color: #fff;
  padding: 0 5px;
}

.aqp-banner-desktop .aqp-badge > div:last-child,
.aqp-banner-mobile .aqp-badge > div:last-child {
  width: 7px;
  background: -webkit-gradient(linear, right bottom, left top, from(rgba(0, 0, 0, 0)), color-stop(49%, rgba(0, 0, 0, 0)), color-stop(50%, #b81c31), to(#b81c31));
  background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 49%, #b81c31 50%, #b81c31 100%);
}

.aqp-banner-desktop p,
.aqp-banner-mobile p {
  margin-bottom: 0;
}

.aqp-banner-desktop .aqp-name,
.aqp-banner-mobile .aqp-name {
  color: #000;
  font-size: 27px;
  line-height: 35px;
}

.aqp-banner-desktop .aqp-text,
.aqp-banner-mobile .aqp-text {
  color: #ADADAD;
  font-size: 18px;
  line-height: 23px;
  display: inline-block;
  padding-right: 35px;
}

.aqp-banner-desktop .grey-border,
.aqp-banner-mobile .grey-border {
  border-bottom: 1px solid #ADADAD;
  width: 75%;
  margin-bottom: 25px;
  margin-top: 20px;
  max-width: 350px;
}

.aqp-banner-desktop .aqp-age,
.aqp-banner-mobile .aqp-age {
  color: #ADADAD;
}

.aqp-banner-desktop .aqp-age span,
.aqp-banner-mobile .aqp-age span {
  color: #000;
}

.aqp-banner-desktop {
  height: 360px;
  text-transform: uppercase;
  font-weight: 700;
  margin: 70px 10px 40px 10px;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-color: #dedee0;
}

.aqp-banner-desktop .aqp-inner {
  padding: 45px 0 45px 45px;
}

.aqp-banner-mobile {
  display: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 70px;
  margin-bottom: 40px;
}

.aqp-banner-mobile .aqp-img {
  width: 50%;
  line-height: 0;
}

.aqp-banner-mobile .aqp-img img {
  width: 100%;
}

.aqp-banner-mobile .aqp-info {
  width: calc(50% - 45px);
  padding: 45px 0 45px 45px;
  background: #fff;
  text-transform: uppercase;
  font-weight: 700;
}

@media only screen and (max-width: 1435px) and (min-width: 1100px) {
  .sir-page-banner {
    height: 560px;
  }
}

@media only screen and (max-width: 1435px) and (min-width: 768px) {
  .flip-clock-wrapper {
    padding-right: 6px;
  }
}

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.noUi-target {
  position: relative;
}

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
}

.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}

.noUi-handle {
  position: relative;
  z-index: 1;
}

.noUi-stacking .noUi-handle {
  /* This class is applied to the lower origin when
   its values is > 50%. */
  z-index: 10;
}

.noUi-stacking + .noUi-origin {
  /* Fix stacking order in IE7, which incorrectly
   creates a new context for the origins. */
  *z-index: -1;
}

.noUi-state-tap .noUi-origin {
  -webkit-transition: left 0.3s, top 0.3s;
  transition: left 0.3s, top 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 3px;
}

.noUi-horizontal .noUi-handle {
  width: 19px;
  height: 31px;
  left: -10px;
  top: -15px;
}

/* Styling;
 */
.noUi-background {
  background: #fff;
}

.noUi-connect {
  background: #BA182D;
  -webkit-transition: background 450ms;
  transition: background 450ms;
}

/* Handles and cursors;
 */
.noUi-dragable {
  cursor: w-resize;
}

.noUi-vertical .noUi-dragable {
  cursor: n-resize;
}

.noUi-handle {
  background: #FFF;
  cursor: col-resize;
  border: 1px solid #C3C3C3;
  -webkit-box-sizing: border;
          box-sizing: border;
  background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/sliderhandlebg.png);
  background-size: 11px 22px;
  background-position: center center;
  background-repeat: no-repeat;
}

/* Disabled state;
 */
[disabled].noUi-connect,
[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled] .noUi-handle {
  cursor: not-allowed;
}

/************************** SMALL DESKTOP **************************/
@media only screen and (min-width: 1100px) and (max-width: 1435px) {
  blockquote {
    font-size: 40px;
  }
  a#logo {
    width: 200px;
    background-size: 200px 33px;
    background-position: 0 23px;
  }
  a#logo.ch {
    padding: 26px 0 0 214px;
    font-size: 23px;
  }
  .hideonsmalldesktop {
    display: none;
  }
  nav ul li a {
    padding: 29px 8px 15px 8px;
  }
  header #bottombar .container12 .column3 {
    width: 200px;
  }
  header #bottombar .container12 .column3.crewhub {
    width: 347px;
  }
  header #bottombar .container12 .column9 {
    width: 840px;
  }
  header #bottombar .container12 .column9.crewhub {
    width: 690px;
  }
  header #bottombar .container12 .column9.crewhub li.first {
    display: none;
  }
  #main.livestream .container12 .row .column12.livestreamholder iframe,
  #main.livestream .container12 .row .column12.livestreamholder .video-js {
    height: 596px;
  }
  footer #footertop {
    height: 153px;
  }
  footer #footertop .column4 {
    width: 100%;
    margin-top: 53px;
  }
  footer #footertop .column8 {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  footer #footertop .column8 .right {
    float: left;
    width: 100%;
  }
  footer #footertop .column8 .socialwrapper {
    float: right;
  }
  footer ul#footernav li {
    margin-left: 0;
    margin-right: 16px;
  }
  footer.telemedfooter #footertop {
    height: 91px;
  }
  footer.telemedfooter #footertop .column4 {
    width: 340px;
    margin-top: 0;
  }
  footer.telemedfooter #footertop .column8 {
    width: 700px;
    position: relative;
  }
  footer.telemedfooter #footertop .column8 .right {
    float: right;
    width: auto;
  }
  #slideshow {
    height: 560px;
  }
  #slideshow > div .bannertext {
    font-size: 65px;
    line-height: 1em;
  }
  .vidholder {
    height: 700px;
  }
  .vidholder > div {
    height: 100%;
    background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/vidplay.png);
    background-repeat: no-repeat;
    background-size: 107px 107px;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
    font-weight: 800;
    color: #fff;
    font-size: 80px;
    width: 100%;
    line-height: 1em;
  }
  .vidholder > div.withtitle {
    background-position: center 400px;
  }
  .vidholder > div.withtitle span {
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding-top: 200px;
  }
  .crewholder.column4 {
    width: 520px;
  }
  .crewholder .right {
    width: 301px;
  }
  .crewholder .right .fancy {
    width: 261px;
  }
  .prevraceholder.column4 {
    width: 520px;
  }
  .roleswrapper .role {
    height: 286px;
  }
  .faqcategory .title, .faqcategory .question {
    background-position: 1000px -85px;
  }
  .faqcategory .title.active, .faqcategory .question.active {
    background-position: 1000px 32px;
  }
  .applyform .clearfix .titlewrapper, form.newsletterform .clearfix .titlewrapper {
    width: 162px;
  }
  .applyform .clearfix .firstnamewrapper,
  .applyform .clearfix .lastnamewrapper, form.newsletterform .clearfix .firstnamewrapper,
  form.newsletterform .clearfix .lastnamewrapper {
    width: 210px;
  }
  .applyform .clearfix .wrapper50, form.newsletterform .clearfix .wrapper50 {
    width: 298px;
  }
  .applyform .clearfix.divide3 .relative, form.newsletterform .clearfix.divide3 .relative {
    width: 194px;
  }
  .applyform button, form.newsletterform button {
    width: 240px;
  }
  #app_progress ul li {
    width: 176px;
  }
  #app_progress ul li:last-child {
    width: 180px;
  }
  .formleg .left div.moreinfo {
    width: 350px;
  }
  .formleg .left div.moreinfo.wider {
    width: 760px;
  }
  .formleg.training .left .leg {
    width: 230px;
  }
  .formleg.circum .left .leg {
    width: 290px;
  }
  .worldmapholder .container12 {
    height: 456px;
    background-size: 1080px 456px;
  }
  .ports a.portprev .imgholder, .ports div.portprev .imgholder {
    height: 150px;
  }
  #portmap {
    height: 600px;
  }
  .bigaccord {
    padding: 75px 0;
  }
  .aboutaspirational {
    height: 600px;
  }
  .aboutaspirational div {
    font-size: 40px;
  }
  .column2.thumb {
    height: 120px;
  }
  .galleryheader .left {
    width: 50%;
  }
  .galleryheader .right {
    width: 50%;
  }
  .testimonanials {
    height: 662px;
  }
  .bottomlegs .toggle {
    background-position: 1025px 28px;
  }
  .bottomlegs .column4 {
    padding-right: 20px;
  }
  .worldmapholder_rm .equator {
    top: 409px;
  }
  .worldmapholder_rm.choose {
    margin-top: -200px;
  }
  .worldmapholder_rm.choose .equator {
    top: 372px;
  }
  .worldmapholder_rm.legbanner {
    margin-top: -160px;
    margin-bottom: 0;
  }
  #homeslider {
    height: 563px;
  }
  #homeslider .cycle-slideshow .slide .container12 .column6 {
    width: 60%;
  }
  #homeslider .cycle-slideshow .slide .container12 .column6 h1, #homeslider .cycle-slideshow .slide .container12 .column6 h2, #homeslider .cycle-slideshow .slide .container12 .column6 h3, #homeslider .cycle-slideshow .slide .container12 .column6 h4 {
    font-size: 74px;
  }
  #homegrid .column3.jointherace #front span.bottom {
    width: 90%;
    font-size: 40px;
  }
  #homegrid .column3.aboutherace span.bottom {
    font-size: 40px;
  }
  #homegrid .column3.newsletter p {
    font-size: 14px;
    line-height: 1.4em;
  }
  #homegrid .column3.newsletter label {
    font-size: 12px;
  }
  #homegrid .column3 a.template0 span.body {
    font-size: 24px;
    font-weight: 800;
    line-height: 1.1em;
    width: 80%;
  }
  #homegrid .column3 a.template2 span.title {
    font-size: 24px;
  }
  #homegrid .column3 a.template2 img {
    height: 26px;
  }
  #homegrid .column6.joinracebiglink {
    background-position: center 85px;
    background-size: 520px 303px;
  }
  #homegrid .column6.joinracebiglink #canvas {
    position: absolute;
    left: 0;
    top: 81px;
    width: 520px;
    height: 303px;
  }
  #homegrid .column6.joinracebiglink #canvas svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  a.eventwrapper .titleholder {
    padding-right: 30px;
  }
  a.eventwrapper .titleholder h3 {
    margin-top: 36px;
  }
  a.eventwrapper .datetime {
    padding-top: 36px;
  }
  a.eventwrapper .intro {
    padding-top: 36px;
  }
  a.eventwrapper .flag {
    margin-top: 36px;
  }
  .psblock .column12 .imgholder {
    height: 318px;
  }
  .psblock .column3 .imgholder {
    height: 150px;
  }
  .csblock .column12 {
    padding: 0 150px;
  }
  .aboutvwrap .aboutoverlay {
    font-size: 65px;
    width: 1080px;
    padding: 0 730px 0 10px;
  }
  .partentrywrapper .cs_entry .cs_left {
    width: 37%;
    height: 353px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
  }
  .partentrywrapper .cs_entry .cs_middle {
    width: 25%;
    padding: 40px 30px;
    height: 352px;
  }
  .partentrywrapper .cs_entry .cs_right {
    width: 37%;
    padding: 40px 70px 40px 0;
    height: 352px;
  }
  .partentrywrapper .cs_entry .cs_right a {
    bottom: 30px;
  }
  #countriesvisited {
    height: 456px;
  }
  #countriesvisited .container12 .mapimg.leg2 {
    top: -228px;
  }
  #countriesvisited .container12 .mapimg.leg3 {
    width: 110%;
    height: 110%;
    left: -100px;
    top: -46px;
  }
  #countriesvisited .container12 .mapimg.leg4 {
    left: -740px;
    top: -320px;
  }
  #countriesvisited .container12 .mapimg.leg5 {
    left: -310px;
    top: -50px;
  }
  #countriesvisited .container12 .mapimg.leg6 {
    width: 70%;
    height: 70%;
    left: 370px;
    top: 0px;
  }
  #countriesvisited .container12 .mapimg.leg7 {
    left: 490px;
  }
  #countriesvisited .container12 .mapimg.leg8 {
    width: 150%;
    height: 150%;
    left: 170px;
    top: 0px;
  }
  #countriesvisited .container12 #canvas.leg2 {
    top: -228px;
  }
  #countriesvisited .container12 #canvas.leg3 {
    width: 110%;
    height: 110%;
    left: -100px;
    top: -46px;
  }
  #countriesvisited .container12 #canvas.leg4 {
    left: -740px;
    top: -320px;
  }
  #countriesvisited .container12 #canvas.leg5 {
    left: -310px;
    top: -50px;
  }
  #countriesvisited .container12 #canvas.leg6 {
    width: 70%;
    height: 70%;
    left: 370px;
    top: 0px;
  }
  #countriesvisited .container12 #canvas.leg7 {
    left: 490px;
  }
  #countriesvisited .container12 #canvas.leg8 {
    width: 150%;
    height: 150%;
    left: 170px;
    top: 0px;
  }
  #countriesvisited .container12 #canvas .portmarkerinfo {
    padding: 10px;
    background-color: #222;
    color: #fff;
    font-size: 12px;
    line-height: 1.4em;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    margin-top: -58px;
    display: none;
    text-transform: uppercase;
    font-weight: bold;
    z-index: 20;
  }
  #countriesvisited .container12 #canvas .portmarkerinfo:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(34, 34, 34, 0);
    border-top-color: #222222;
    border-width: 11px;
    margin-left: -11px;
  }
  #countriesvisited .container12 #canvas .portmarkerinfo.bottom {
    margin-top: 32px;
  }
  #countriesvisited .container12 #canvas .portmarkerinfo.bottom:after {
    bottom: 100%;
    top: auto;
    border-bottom-color: #222222;
    border-top: none;
  }
  #countriesvisited .row {
    height: 100%;
    position: absolute;
    top: 0;
  }
  #countriesvisited .column4 {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    text-align: center;
  }
  #countriesvisited .column4 h5 {
    color: #BA182D;
    font-weight: 800;
    line-height: 1.2em;
    font-size: 50px;
    text-transform: uppercase;
    margin-bottom: 20px;
  }
  #countriesvisited .column4 p {
    color: #444;
    font-size: 20px;
    margin-bottom: 0;
  }
  .ozblock .column12, .telemedblock .column12 {
    padding: 0 150px;
  }
  .supporters_form_row .column12 {
    padding: 0 150px;
  }
  .juniorcrew-1 .row .column6 {
    padding-left: 180px;
    width: 700px;
  }
  .alldocuments a.column3 .title {
    font-size: 21px;
  }
  .alldocuments a.column3 .downloadicon {
    width: 190px;
    height: 35px;
    background-position: 80px 0px;
    bottom: 83px;
    padding: 40px 15px 30px 14px;
    font-size: 23px;
  }
  .alldocuments a.column3:hover .downloadicon {
    background-position: -290px 0px;
  }
  .personaldetails > .left {
    width: 704px;
  }
  .personaldetails > .left .col1 {
    width: 332px;
  }
  .personaldetails > .left .col2 {
    width: 352px;
  }
  .personaldetails > .right {
    width: 296px;
  }
  .ch_faqs .entry .question {
    background-position: 303px -90px;
    padding: 20px 60px 20px 20px;
  }
  .ch_faqs .entry .question.active {
    background-position: 303px 29px;
  }
  .dashwidgets .chbox.box3 a.button {
    width: calc(100% - 30px);
  }
  .team_member {
    width: 340px !important;
  }
  .messageholder {
    padding-left: 0 !important;
    width: 700px !important;
  }
  .messageholder .liner .message .left {
    width: 294px;
    min-height: 150px;
  }
  .messageholder .liner .message .right {
    width: 322px;
    position: relative;
  }
  .messageholder .liner .message .right .preview {
    width: 322px;
  }
  #footerbar .column12.clockholder .until {
    background-size: 15px 21px;
    padding: 19px 19px 19px 40px;
    background-position: 16px 21px;
  }
  #footerbar .column12.clockholder .until.race-started {
    padding: 19px 19px 19px 68px;
    background-position: 38px 21px;
  }
  #footerbar .column12.clockholder .timekeeper {
    background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/clock-eb-tablet.png");
    background-position: center 12px;
    background-size: 130px 39px;
    width: 190px;
  }
  #footerbar .column12.clockholder .timekeeper.race-started {
    width: 210px;
  }
  #footerbar .column12.clockholder .mapstandinglink {
    padding: 19px 81px 19px 19px;
    width: 250px;
  }
  #footerbar .column12.mapslide #raceviewermapsmall {
    width: 460px;
    height: 557px;
    float: left;
    background-color: #ccc;
  }
  #footerbar .column12.mapslide #cd-zoom-out {
    margin-bottom: 0px;
  }
  #footerbar .column12.mapslide .table {
    float: right;
    width: 600px;
  }
  #footerbar .column12.mapslide .table table {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 800;
    width: 100%;
  }
  #footerbar .column12.mapslide .table table tr.stealthrow {
    opacity: 0.4;
  }
  #footerbar .column12.mapslide .table table tr th, #footerbar .column12.mapslide .table table tr td {
    text-align: left;
    padding: 11px 16px 11px 16px;
    position: relative;
  }
  #footerbar .column12.mapslide .table table tr th a, #footerbar .column12.mapslide .table table tr td a {
    text-decoration: none;
  }
  #footerbar .column12.mapslide .table table tr th a:hover, #footerbar .column12.mapslide .table table tr td a:hover {
    text-decoration: underline;
  }
  #footerbar .column12.mapslide .table table tr th a .showonmob, #footerbar .column12.mapslide .table table tr td a .showonmob {
    display: none;
  }
  #footerbar .column12.mapslide .table table tr th.min20, #footerbar .column12.mapslide .table table tr td.min20 {
    min-width: 20px;
  }
  #footerbar .column12.mapslide .table table tr th .nada, #footerbar .column12.mapslide .table table tr td .nada {
    display: block;
    width: 22px;
    height: 4px;
    background-color: #fff;
  }
  #footerbar .column12.mapslide .table table tr th .posflag, #footerbar .column12.mapslide .table table tr td .posflag {
    display: block;
    position: absolute;
    top: 10px;
    left: 16px;
    width: 60px;
  }
  #footerbar .column12.mapslide .table table tr th .posflag .colour, #footerbar .column12.mapslide .table table tr td .posflag .colour {
    display: block;
    float: left;
    clear: none;
    width: 10px;
    height: 25px;
    margin-right: 2px;
    -webkit-transform: skew(-12deg);
            transform: skew(-12deg);
  }
  #footerbar .column12.mapslide .table table tr th .posflag .num, #footerbar .column12.mapslide .table table tr td .posflag .num {
    display: block;
    float: left;
    clear: none;
    width: 30px;
    height: 25px;
    -webkit-transform: skew(-12deg);
            transform: skew(-12deg);
    background-color: #fff;
    color: #000;
    text-align: center;
  }
  #footerbar .column12.mapslide .table table tr th .posflag .num > span, #footerbar .column12.mapslide .table table tr td .posflag .num > span {
    -webkit-transform: skew(12deg);
            transform: skew(12deg);
    display: block;
    line-height: 1em;
    padding-top: 7px;
    margin-left: -2px;
  }
  #footerbar .column12.mapslide .table table tr th {
    color: #666;
    line-height: 1.5em;
  }
  #footerbar .column12.mapslide .table table tr:nth-child(even) {
    background-color: #373737;
  }
  #footerbar .flip-clock-wrapper:not(.race-started) ul li a div.up div.inn,
  #footerbar .flip-clock-wrapper:not(.race-started) ul li a div.down div.inn {
    font-size: 28px;
  }
  #footerbar .flip-clock-wrapper:not(.race-started) .flip-clock-divider {
    margin-left: 0;
    padding-left: 6px;
  }
  #banner.centered.wider .bannertext {
    width: 1080px;
  }
  #telemedcontactform .applyform .clearfix .wrapper50 {
    width: 398px;
  }
  #telemedcontactform .applyform .clearfix .titlewrapper {
    width: 212px;
  }
  #telemedcontactform .applyform .clearfix .firstnamewrapper, #telemedcontactform .applyform .clearfix .lastnamewrapper {
    width: 285px;
  }
  #filterbox2 {
    padding-left: 270px;
  }
  #crewwrapper .column3 {
    height: 167px;
  }
  #crewwrapper .column3 .textoverlay {
    top: 167px;
  }
  #crewwrapper .crewfurtherinfo {
    display: none;
    height: 367px;
  }
  #crewwrapper .crewinfoholder {
    height: 347px;
  }
  #crewwrapper .crewinfoholder > .left {
    height: 347px;
    width: 520px;
  }
  #crewwrapper .crewinfoholder > .left img {
    width: 520px;
    height: 347px;
  }
  #crewwrapper .crewinfoholder > .right {
    padding: 38px 43px 38px 21px;
    width: 520px;
    height: 347px;
  }
  #crewwrapper .crewinfoholder > .right .nationality {
    position: absolute;
    right: 43px;
    top: 38px;
  }
  #crewwrapper .crewinfoholder > .right ul {
    bottom: 38px;
    left: 21px;
    width: 456px;
    line-height: 1.3em;
  }
  #crewwrapper .crewinfoholder > .right ul li {
    padding-top: 12px;
  }
  #crewwrapper .crewinfoholder > .right ul li .right {
    width: 212px;
  }
  a.bigteamlink {
    height: 256px;
    padding-top: 80px;
  }
  a.bigteamlink .teamname {
    width: 310px;
  }
  a.bigteamlink .teamname.greenings .teamhomesmallsponsor {
    margin-left: 25px;
  }
  a.bigteamlink .skippercrew {
    width: 500px;
  }
  a.bigteamlink .skippercrew .crewno {
    margin-top: 30px;
    padding-top: 30px;
  }
  img.teamhomesmallsponsor {
    max-height: 80px;
    max-width: 140px;
    height: auto;
  }
  .standingstables table tr th, .standingstables table tr td {
    padding: 16px 10px;
  }
  .standingstables table tr th.min20, .standingstables table tr td.min20 {
    min-width: 38px;
  }
  .standingtablesbar .container12 .column8 {
    width: 540px;
  }
  .standingtablesbar .container12 .column4 {
    width: 500px;
  }
  .supportmessage {
    width: 250px;
  }
  #sendsupport {
    width: 250px;
    height: 336px;
  }
  #sendsupport .bottom {
    font-size: 40px;
  }
  .gameholder {
    float: none;
    margin-right: 0;
    border: 1px solid #ccc;
  }
  .gameholder iframe {
    border: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  .maptoolbar .container12 .racename {
    border-right: 0;
  }
  .maptoolbar .container12 .toolbar > div {
    width: 70px;
  }
  .merchwrapper .merch {
    margin-bottom: 40px;
  }
  .merchwrapper .merch img {
    height: 262px;
  }
  .merchwrapper .merch .merchcopy > .left {
    padding-right: 8%;
  }
  .merchwrapper .merch .merchcopy > .right .block .left {
    width: 24%;
  }
  .merchwrapper .merch .merchcopy > .right .block .right {
    width: 74%;
  }
  .merchwrapper .merch .merchcopy > .right .block.last .left {
    width: 64%;
  }
  .merchwrapper .merch .merchcopy > .right .block.last .right {
    width: 34%;
  }
  .anniwrapper .anni .anniimg {
    height: 260px;
  }
  .connectblock .column12 {
    padding: 0 150px;
  }
  .row.connectvideo .liner {
    width: 90%;
  }
  #crewwrapper.greenings-crew .column3 {
    height: 350px;
  }
  .leaderboard-header {
    font-size: 11px;
  }
  .joker-icon-hover.leaderboard-joker {
    right: 0;
  }
  .apply-option {
    padding: 70px 50px 70px 30px;
  }
  .team-banner .schema-img img {
    position: absolute;
    bottom: 50px;
    right: 100px;
    width: 350px !important;
  }
  .jeronimo-name br {
    display: block;
  }
}

@media only screen and (min-width: 1440px) {
  .csblock.block2 .column12,
  .csblock.block3 .column12,
  .csblock.block4 .column12 {
    padding: 0 350px;
  }
}

@media only screen and (min-width: 767px) {
  .hide-on-desktop {
    display: none;
  }
}

/************************** TABLET **************************/
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  blockquote {
    font-size: 40px;
  }
  .showonmobile {
    display: none;
  }
  .showondesktop {
    display: none;
  }
  .showontablet {
    display: block;
  }
  .hideontablet {
    display: none;
  }
  .tab {
    display: block;
  }
  #topbar {
    display: none !important;
  }
  #bottombar {
    z-index: 3;
    position: relative !important;
  }
  header #bottombar .unicefnav2 {
    display: block;
  }
  #menu,
  #mobsearch {
    display: block;
  }
  #search form input[type="search"] {
    width: 544px;
  }
  #search form input[type="submit"] {
    left: 468px;
  }
  #bottombarsearch {
    display: none !important;
  }
  header {
    position: fixed;
    top: 0;
    margin-bottom: 0 !important;
    width: 100%;
  }
  header .container12 {
    position: inherit;
  }
  header .container12 .column3 {
    position: relative;
  }
  header .container12 nav.column9 {
    display: block;
    z-index: 2;
    position: fixed;
    right: -270px;
    top: 79px;
    width: 270px;
    margin: 0;
    height: 100%;
    background-color: #222;
    overflow: hidden;
    z-index: 999;
  }
  header .container12 nav.column9 > ul > li:last-child {
    margin-bottom: 79px;
  }
  header .container12 nav.column9 ul {
    height: 100%;
    width: 270px;
    margin-right: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: relative;
  }
  header .container12 nav.column9 ul::-webkit-scrollbar {
    display: none;
  }
  header .container12 nav.column9 ul li {
    float: none;
    display: block;
    position: relative;
  }
  header .container12 nav.column9 ul li:hover {
    background-color: #222;
  }
  header .container12 nav.column9 ul li:hover a {
    color: #666;
  }
  header .container12 nav.column9 ul li a {
    padding: 16px 15px 16px 18px;
    min-height: 52px;
    border-bottom: 1px solid #444;
    position: relative;
  }
  header .container12 nav.column9 ul li.hassubnav > a {
    background-image: none;
  }
  header .container12 nav.column9 ul li.hassubnav > a:after {
    content: ' ';
    display: block;
    height: 100%;
    border-left: 1px solid #444;
    width: 52px;
    position: absolute;
    right: 0;
    top: 0;
    background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/arrowdown.png);
    background-size: 8px 5px;
    background-position: center center;
    background-repeat: no-repeat;
  }
  header .container12 nav.column9 ul li.hassubnav.active > a {
    background-color: #191919;
    color: #fff;
  }
  header .container12 nav.column9 ul li.hassubnav.active > a:after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    border-right: 1px solid #444;
    border-left: none;
  }
  header .container12 nav.column9 ul li.mob a {
    color: #444;
    padding: 6px 15px 6px 18px;
    min-height: 32px;
  }
  header .container12 nav.column9 ul li .subnav {
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: none;
    background-color: #222;
    position: relative;
    top: 0;
    width: 100%;
  }
  header .container12 nav.column9 ul li .subnav.single {
    width: 100%;
  }
  header .container12 nav.column9 ul li .subnav ul {
    width: 100%;
  }
  header .container12 nav.column9 ul li .subnav ul.left {
    float: none;
  }
  header .container12 nav.column9 ul li .subnav ul.right {
    margin-left: 0;
    float: none;
  }
  header .container12 nav.column9 ul li .subnav li {
    float: none;
  }
  header .container12 nav.column9 ul li .subnav li a {
    min-height: inherit;
    padding: 16px 15px 15px 18px;
    border-bottom: 1px solid #303030;
    color: #666;
  }
  #homecontainer {
    margin-top: 78px;
  }
  #main.livestream .container12 .row .column12.livestreamholder iframe,
  #main.livestream .container12 .row .column12.livestreamholder .video-js {
    height: 421px;
  }
  footer #footertop {
    height: 153px;
  }
  footer #footertop .column4 {
    width: 100%;
    margin-top: 53px;
  }
  footer #footertop .column8 {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  footer #footertop .column8 .right {
    float: left;
    width: 100%;
  }
  footer #footertop .column8 .socialwrapper {
    float: right;
  }
  footer ul#footernav li {
    margin-left: 0;
    margin-right: 16px;
  }
  footer.telemedfooter #footertop {
    height: 91px;
  }
  footer.telemedfooter #footertop .column4 {
    width: 236px;
    margin-top: 0;
  }
  footer.telemedfooter #footertop .column8 {
    width: 492px;
    position: relative;
  }
  footer.telemedfooter #footertop .column8 .right {
    float: right;
    width: auto;
  }
  #homebanner {
    height: auto;
  }
  #homebanner #primary_container {
    float: none;
    width: 100%;
    height: 580px;
    border-right: none;
    border-bottom: 2px solid #FFF;
  }
  #homebanner #primary_container .big_feature .opaque_bg {
    opacity: 0.6;
  }
  #homebanner #secondary_container {
    float: none;
    width: 100%;
    height: 190px;
  }
  #homebanner #secondary_container .mini_feature {
    float: left;
    width: 33.3333333333%;
    height: 100%;
    border-right: 2px solid #FFF;
    border-bottom: none;
  }
  #homebanner #secondary_container .mini_feature:nth-child(5) {
    border-right: none;
  }
  #homebanner #secondary_container .mini_feature .opaque_bg {
    opacity: 0.6;
  }
  #homebanner #secondary_container .mini_feature .liner {
    position: absolute;
    height: auto;
    left: 0;
    bottom: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 20px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  #homebanner #secondary_container .mini_feature:last-child {
    border-right: none;
  }
  #slideshow {
    height: 445px;
  }
  #slideshow > div .bannertext {
    font-size: 46px;
    line-height: 1em;
  }
  #vidframe {
    position: relative;
    width: 700px;
    padding: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #vidframe iframe, #vidframe object, #vidframe embed {
    position: relative;
    width: 660px;
    height: 400px;
  }
  .vidholder {
    height: 500px;
  }
  .vidholder > div.withtitle {
    background-position: center 300px;
  }
  .vidholder > div.withtitle span {
    padding-top: 100px;
    width: 700px;
  }
  .gridcolumn3 {
    width: 242px;
    margin-left: 5px;
    margin-right: 5px;
  }
  .crewholder {
    height: auto;
  }
  .crewholder .left {
    width: 236px;
    height: 314px;
  }
  .crewholder .right {
    width: 100%;
    height: auto;
    clear: both;
  }
  .crewholder .right .bio {
    display: none;
  }
  .crewholder .right .fancy {
    display: block;
    width: 196px;
    position: relative;
    bottom: auto;
  }
  .crewholder .right h3 {
    height: 50px;
  }
  .prevraceholder.column4 {
    height: 198px;
    width: 364px;
  }
  .vidframe {
    width: 640px;
  }
  .vidframe iframe, .vidframe object, .vidframe embed {
    width: 600px;
    height: 337px;
  }
  .vidframe > span {
    width: 50%;
  }
  .vidframe.featured_style .left_col {
    width: 350px;
  }
  .vidframe.featured_style .right_col {
    width: 250px;
  }
  .gallery .cycle-overlay {
    font-size: 14px;
  }
  .faqcategory .title, .faqcategory .question {
    background-position: 700px -85px;
  }
  .faqcategory .title.active, .faqcategory .question.active {
    background-position: 700px 32px;
  }
  #isotope .item.column9 {
    width: 748px;
  }
  #isotope .item.column3 {
    width: 364px;
  }
  form.supportersform .clearfix .wrapper50 {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  form.supportersform .clearfix .wrapper50.nrm {
    margin-bottom: 0;
  }
  .applyform .clearfix, form.newsletterform .clearfix {
    margin-bottom: 20px;
  }
  .applyform .clearfix .titlewrapper,
  .applyform .clearfix .firstnamewrapper,
  .applyform .clearfix .lastnamewrapper,
  .applyform .clearfix .wrapper50, form.newsletterform .clearfix .titlewrapper,
  form.newsletterform .clearfix .firstnamewrapper,
  form.newsletterform .clearfix .lastnamewrapper,
  form.newsletterform .clearfix .wrapper50 {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .applyform .clearfix .titlewrapper.nrm,
  .applyform .clearfix .firstnamewrapper.nrm,
  .applyform .clearfix .lastnamewrapper.nrm,
  .applyform .clearfix .wrapper50.nrm, form.newsletterform .clearfix .titlewrapper.nrm,
  form.newsletterform .clearfix .firstnamewrapper.nrm,
  form.newsletterform .clearfix .lastnamewrapper.nrm,
  form.newsletterform .clearfix .wrapper50.nrm {
    margin-bottom: 0;
  }
  .applyform .clearfix.divide3 .relative, form.newsletterform .clearfix.divide3 .relative {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .applyform .clearfix.divide3 .relative.nrm, form.newsletterform .clearfix.divide3 .relative.nrm {
    margin-bottom: 0;
  }
  .applyform button, form.newsletterform button {
    width: 100% !important;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .applyform button.hasinfo, form.newsletterform button.hasinfo {
    padding-right: 23px;
  }
  .applyform button.hasinfo img, form.newsletterform button.hasinfo img {
    display: none;
  }
  .applyform .bottombuttons, form.newsletterform .bottombuttons {
    margin: 50px 0 40px 0;
  }
  .ccfooter span {
    margin-right: 5px;
  }
  #app_progress ul li {
    width: 124px;
  }
  #app_progress ul li:last-child {
    width: 128px;
  }
  .container12 .column4.fullontablet {
    width: 100%;
  }
  .container12 .column7.prefix1.fullontablet {
    padding-left: 0;
    width: 100%;
    border-top: 1px solid #d0d0d0;
    margin-top: 25px;
  }
  .formleg .left div.moreinfo {
    width: 490px;
  }
  .formleg .left div.moreinfo.wider {
    width: 460px;
  }
  .formleg.training .left .leg {
    width: 230px;
  }
  .formleg.training .left .moreinfo.wider {
    width: 350px !important;
  }
  .formleg.circum .left .moreinfo {
    width: 250px !important;
  }
  .billingbuttons a.button {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .billingbuttons input[type="submit"] {
    width: 100%;
    margin-bottom: 10px;
  }
  .portwidgets > div {
    width: 49%;
    margin-bottom: 40px;
  }
  .worldmapholder .container12 {
    height: 324px;
    background-size: 768px 324px;
  }
  .ports a.portprev, .ports div.portprev {
    width: 364px;
  }
  .ports a.portprev imgholder, .ports div.portprev imgholder {
    height: 198px;
  }
  #portmap {
    height: 600px;
  }
  .bigaccord {
    padding: 40px 0;
  }
  .aboutaspirational {
    height: 400px;
  }
  .aboutaspirational div {
    font-size: 30px;
  }
  .aboutaspirational div span:first-child {
    top: 7px;
  }
  .aboutaspirational div span:last-child {
    margin-top: 25px;
  }
  #galleryisotope .item .desc {
    font-size: 15px;
  }
  #galleryisotope .item .desc .date {
    font-size: 14px;
  }
  #galleryisotope .item.column9 .desc {
    font-size: 18px;
  }
  .column2.thumb {
    width: 172px;
    height: 120px;
  }
  .galleryheader .left {
    width: 70%;
  }
  .galleryheader .right {
    width: 30%;
  }
  .testimonials {
    height: 500px;
    font-size: 30px;
  }
  .testimonials.rkj .cycle-slideshow .slide .liner {
    font-size: 32px;
  }
  .fleetsnippets {
    height: 446px;
  }
  .fleetsnippets.ozsnippets {
    height: auto;
    padding: 50px 0;
  }
  .worldmapholder_rm {
    position: relative;
    height: auto;
    margin-top: -40px !important;
    margin-bottom: 20px;
  }
  .worldmapholder_rm .equator {
    top: 291px;
  }
  .worldmapholder_rm.choose {
    margin-top: -140px;
  }
  .worldmapholder_rm.choose .equator {
    top: 291px;
  }
  .worldmapholder_rm.legbanner {
    margin-top: -100px;
    margin-bottom: 0;
  }
  .worldmapholder_rm .maphelpoverlay .container12 .liner {
    width: 80%;
    padding-top: 120px;
  }
  .worldmapholder_rm .maphelpoverlay .container12 .liner .top {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .worldmapholder_rm .maphelpoverlay .container12 .liner .blurb {
    font-size: 24px;
    margin-bottom: 30px;
  }
  .bottomlegs {
    position: relative;
    bottom: auto !important;
    left: auto;
    height: auto;
  }
  .bottomlegs .toggle {
    padding: 35px 0 35px 0;
    background-image: none !important;
    cursor: auto;
  }
  .bottomlegs.open .toggle {
    background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/arrowup.png);
  }
  .bottomlegs .column4 {
    padding-right: 0;
    margin-bottom: 0;
    width: 100%;
  }
  .bottomlegs .column4:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
  }
  .bottomlegs .column4:last-child {
    border-bottom: none;
    margin-bottom: 40px;
  }
  .bottomlegs .column4 .entry {
    padding: 20px 0 20px 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }
  .bottomlegs .column4 .entry:hover {
    background-color: #fff;
  }
  .bottomlegs .column4 .entry:first-child {
    border-top: none;
  }
  #legstats .column4 {
    padding-top: 30px;
  }
  .legwidgets {
    padding-top: 0;
    margin-top: 0;
    padding-bottom: 0;
  }
  .legwidgets > div {
    width: 49%;
    margin-bottom: 40px;
  }
  .testimonials {
    height: 500px;
    font-size: 20px;
  }
  .testimonials .cycle-slideshow .slide .liner {
    width: 60%;
    font-size: 24px;
  }
  .testimonials .cycle-slideshow .cyclenav.cycle-prev {
    left: 7%;
  }
  .testimonials .cycle-slideshow .cyclenav.cycle-next {
    right: 7%;
  }
  #homeslider {
    height: 483px;
  }
  #homeslider .cycle-slideshow .slide .container12 .column6 {
    width: 70%;
  }
  #homeslider .cycle-slideshow .slide .container12 .column6 h1, #homeslider .cycle-slideshow .slide .container12 .column6 h2, #homeslider .cycle-slideshow .slide .container12 .column6 h3, #homeslider .cycle-slideshow .slide .container12 .column6 h4 {
    font-size: 60px;
    line-height: 1em;
  }
  #homegrid .column3 {
    width: 364px;
  }
  #homegrid .column6 {
    width: 748px;
  }
  #homegrid .column6.joinracebiglink {
    background-position: center 15px;
    background-size: 748px 436px;
  }
  #homegrid .column6.joinracebiglink #canvas {
    position: absolute;
    left: 0;
    top: 14px;
    width: 748px;
    height: 436px;
  }
  #homegrid .column6.joinracebiglink #canvas svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .aboutvwrap {
    display: none;
  }
  .aboutfallback {
    display: block;
  }
  .container12 .column6.tabfw {
    width: 748px;
  }
  #filterbox2 {
    padding-left: 0;
  }
  .clipper70 .title {
    font-size: 34px;
    width: 300px;
  }
  a.eventwrapper .titleholder {
    padding-right: 10px;
  }
  a.eventwrapper .titleholder h3 {
    margin-top: 0px;
  }
  a.eventwrapper .datetime {
    padding-top: 0px;
  }
  a.eventwrapper .intro {
    padding-top: 0px;
  }
  a.eventwrapper .flag {
    margin-top: 0px;
  }
  .psblock .column12 {
    margin-bottom: 0;
  }
  .psblock .column12:first-child {
    padding: 0px;
  }
  .psblock .column12:last-child {
    padding: 0px;
  }
  .psblock .column12 .imgholder {
    height: 198px;
  }
  .psblock .column12 .imgholder img.logo {
    max-width: 60%;
    max-height: 60%;
  }
  .psblock .column3 {
    width: 364px;
    margin-bottom: 0;
  }
  .psblock .column3 .imgholder {
    height: 198px;
  }
  .csblock .column12 {
    padding: 0;
  }
  .partentrywrapper .cs_entry .cs_left {
    width: 50%;
    height: 301px;
  }
  .partentrywrapper .cs_entry .cs_middle {
    width: 49%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 40px;
    height: 300px;
  }
  .partentrywrapper .cs_entry .cs_middle a {
    display: block;
    margin-top: 30px;
    margin-left: 0;
    margin-right: 0;
  }
  .partentrywrapper .cs_entry .cs_right {
    display: none;
  }
  .partentrywrapper .cs_entry .cs_right p {
    display: none;
  }
  .cs_container p .bigstat {
    font-size: 150px;
  }
  .jobentrywrapper .job_entry .job_left {
    height: 350px;
    width: 100%;
  }
  .jobentrywrapper .job_entry .job_right {
    width: 100%;
    padding-bottom: 176px;
    height: auto;
  }
  .jobentrywrapper .job_entry .job_right .date {
    margin-bottom: 20px;
  }
  .jobentrywrapper .job_entry .job_right h5 {
    font-size: 50px;
  }
  .jobentrywrapper .job_entry .job_right a.button {
    left: 40px;
  }
  #legstats.raceinfo {
    padding: 80px 0;
  }
  #legstats.raceinfo .column4 {
    height: 390px;
    padding-top: 0;
  }
  #legstats.raceinfo .column7 {
    height: 390px;
  }
  #legstats.raceinfo .column7 .legwidgets {
    padding-top: 30px;
  }
  .allportsmap {
    background-color: #E9E9E9;
    padding: 40px 0;
    margin-bottom: 0;
    font-size: 20px;
  }
  .allportsmap .container12 .column8 {
    width: 100%;
  }
  .allportsmap .container12 .column4 {
    width: 100%;
    height: auto;
    margin-top: 40px;
  }
  .allportsmap .container12 .column4 .liner {
    top: 0;
    -webkit-transform: none;
            transform: none;
  }
  .allportsmap .container12 .column4 h5 {
    font-size: 50px;
    text-transform: uppercase;
    font-weight: 800;
    color: #BA182D;
    line-height: 1em;
    padding-bottom: 20px;
  }
  #countriesvisited {
    height: 395px;
    width: 100%;
  }
  #countriesvisited .mapimg {
    display: none;
  }
  #countriesvisited #canvas {
    display: none;
  }
  #countriesvisited .row {
    width: 100%;
    position: relative;
  }
  #countriesvisited .row .column4 {
    width: 100%;
  }
  .alldocuments a.column3 {
    width: 364px;
  }
  .alldocuments a.column3 .downloadicon {
    width: 304px;
    background-position: 137px 0px;
  }
  .alldocuments a.column3:hover .downloadicon {
    background-position: -233px 0px;
  }
  .formholder.addkit > .left {
    width: 100%;
    margin-bottom: 20px;
  }
  .formholder.addkit > .right {
    width: 100%;
  }
  .addkitheader p {
    width: 60%;
  }
  .ozblock, .telemedblock {
    padding: 60px 0;
  }
  .ozblock .column12, .telemedblock .column12 {
    padding: 0;
  }
  .supporters_form_row {
    padding: 60px 0;
  }
  .supporters_form_row .column12 {
    padding: 0;
  }
  .juniorcrew-1 .row .column8 {
    padding-left: 0;
    width: 100%;
  }
  .juniorcrew-1 .row .column6 {
    padding-left: 128px;
    width: 492px;
  }
  .personaldetails > .left {
    width: 389px;
  }
  .personaldetails > .left .col1 {
    width: 389px;
  }
  .personaldetails > .left .col2 {
    width: 389px;
  }
  .personaldetails > .right {
    width: 296px;
  }
  .ch_faqs .entry .question {
    background-position: 708px -90px;
    padding: 20px 60px 20px 20px;
  }
  .ch_faqs .entry .question.active {
    background-position: 708px 29px;
  }
  .milestone_wrapper,
  .ch_timetable {
    width: 748px !important;
  }
  .team_member {
    width: 364px !important;
  }
  .messagecol4 {
    width: 748px !important;
  }
  .messageholder {
    padding-left: 0 !important;
    width: 748px !important;
  }
  .messageholder .liner .message .left {
    width: 294px;
    min-height: 130px;
  }
  .messageholder .liner .message .right {
    width: 374px;
    position: relative;
  }
  .messageholder .liner .message .right .preview {
    width: 374px;
  }
  .chbox {
    width: 364px !important;
  }
  .chdashbox {
    height: 360px;
    width: 364px !important;
  }
  #footerbar .column12.clockholder .until {
    line-height: 3.2;
    font-size: 13px;
    padding: 10px 10px 19px 34px;
    background-position: 12px 21px;
  }
  #footerbar .column12.clockholder .timekeeper {
    background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/clock-eb-tablet.png");
    background-position: center 12px;
    background-size: 130px 39px;
    width: 150px;
  }
  #footerbar .column12.clockholder .mapstandinglink {
    font-size: 17px;
    padding: 21px 100px 19px 0;
    width: 154px;
    border-left: 0;
  }
  #footerbar .column12.mapslide {
    bottom: 135px;
    height: 671px;
  }
  #footerbar .column12.mapslide #raceviewermapsmall {
    display: none;
  }
  #footerbar .column12.mapslide #cd-zoom-out {
    margin-bottom: 0px;
  }
  #footerbar .column12.mapslide .table {
    float: right;
    width: 748px;
  }
  #footerbar .column12.mapslide .table table {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 800;
    width: 100%;
  }
  #footerbar .column12.mapslide .table table tr.stealthrow {
    opacity: 0.4;
  }
  #footerbar .column12.mapslide .table table tr th, #footerbar .column12.mapslide .table table tr td {
    text-align: left;
    padding: 11px 16px 11px 16px;
    position: relative;
  }
  #footerbar .column12.mapslide .table table tr th a, #footerbar .column12.mapslide .table table tr td a {
    text-decoration: none;
  }
  #footerbar .column12.mapslide .table table tr th a:hover, #footerbar .column12.mapslide .table table tr td a:hover {
    text-decoration: underline;
  }
  #footerbar .column12.mapslide .table table tr th a .showonmob, #footerbar .column12.mapslide .table table tr td a .showonmob {
    display: none;
  }
  #footerbar .column12.mapslide .table table tr th.min20, #footerbar .column12.mapslide .table table tr td.min20 {
    min-width: 20px;
  }
  #footerbar .column12.mapslide .table table tr th .nada, #footerbar .column12.mapslide .table table tr td .nada {
    display: block;
    width: 22px;
    height: 4px;
    background-color: #fff;
  }
  #footerbar .column12.mapslide .table table tr th .posflag, #footerbar .column12.mapslide .table table tr td .posflag {
    display: block;
    position: absolute;
    top: 10px;
    left: 16px;
    width: 60px;
  }
  #footerbar .column12.mapslide .table table tr th .posflag .colour, #footerbar .column12.mapslide .table table tr td .posflag .colour {
    display: block;
    float: left;
    clear: none;
    width: 10px;
    height: 25px;
    margin-right: 2px;
    -webkit-transform: skew(-12deg);
            transform: skew(-12deg);
  }
  #footerbar .column12.mapslide .table table tr th .posflag .num, #footerbar .column12.mapslide .table table tr td .posflag .num {
    display: block;
    float: left;
    clear: none;
    width: 30px;
    height: 25px;
    -webkit-transform: skew(-12deg);
            transform: skew(-12deg);
    background-color: #fff;
    color: #000;
    text-align: center;
  }
  #footerbar .column12.mapslide .table table tr th .posflag .num > span, #footerbar .column12.mapslide .table table tr td .posflag .num > span {
    -webkit-transform: skew(12deg);
            transform: skew(12deg);
    display: block;
    line-height: 1em;
    padding-top: 7px;
    margin-left: -2px;
  }
  #footerbar .column12.mapslide .table table tr th {
    color: #666;
    line-height: 1.5em;
  }
  #footerbar .column12.mapslide .table table tr:nth-child(even) {
    background-color: #373737;
  }
  #footerbar .flip-clock-wrapper:not(.race-started) ul {
    width: 18px;
  }
  #footerbar .flip-clock-wrapper:not(.race-started) ul li a div.up div.inn,
  #footerbar .flip-clock-wrapper:not(.race-started) ul li a div.down div.inn {
    font-size: 22px;
  }
  #footerbar .flip-clock-wrapper:not(.race-started) .flip-clock-divider {
    margin-left: 0;
    padding-left: 6px;
  }
  #banner.centered.wider .bannertext {
    width: 748px;
  }
  #telemedcontactform .column12 .liner {
    width: 100%;
  }
  #crewwrapper .column3 {
    height: 115px;
    width: 172px;
  }
  #crewwrapper .column3 .textoverlay {
    top: 115px;
    font-size: 14px;
  }
  #crewwrapper .crewfurtherinfo {
    height: 263px;
  }
  #crewwrapper .crewinfoholder {
    height: 243px;
  }
  #crewwrapper .crewinfoholder > .left {
    height: 243px;
    width: 364px;
  }
  #crewwrapper .crewinfoholder > .left img {
    width: 364px;
    height: 243px;
  }
  #crewwrapper .crewinfoholder > .right {
    padding: 20px;
    width: 384px;
    height: 243px;
  }
  #crewwrapper .crewinfoholder > .right .name {
    font-size: 20px;
    padding-bottom: 20px;
    padding-right: 77px;
  }
  #crewwrapper .crewinfoholder > .right .nationality {
    top: 20px;
    right: 20px;
  }
  #crewwrapper .crewinfoholder > .right .nationality img {
    width: 25px;
    margin-left: 10px;
  }
  #crewwrapper .crewinfoholder > .right ul {
    bottom: 20px;
    left: 20px;
    width: 343px;
    font-size: 14px;
  }
  #crewwrapper .crewinfoholder > .right ul li {
    padding-top: 3px;
  }
  #crewwrapper .crewinfoholder > .right ul li .left {
    width: 50%;
  }
  #crewwrapper .crewinfoholder > .right ul li .right {
    width: 152px;
  }
  a.bigteamlink {
    height: 180px;
    padding-left: 40px;
    padding-top: 32px;
  }
  a.bigteamlink .teamname {
    font-size: 22px;
    float: none;
    width: 320px;
    margin-right: 28px;
    height: auto;
    margin-bottom: 30px;
  }
  a.bigteamlink .skippercrew {
    width: 380px;
    float: none;
    height: auto;
    font-size: 18px;
    line-height: 1em;
    padding-left: 35px;
  }
  a.bigteamlink .skippercrew .crewno {
    margin-top: 10px;
    padding-top: 10px;
    width: 380px;
    margin-left: -35px;
  }
  a.bigteamlink .skippercrew .flag {
    height: 13px;
  }
  a.bigteamlink .skippercrew .flag.dual {
    left: 30px;
  }
  a.bigteamlink .skippercrew.dual {
    padding-left: 68px;
  }
  a.bigteamlink .skippercrew.dual .crewno {
    margin-left: -68px;
  }
  img.teamhomesmallsponsor {
    display: none;
  }
  .maptoolbar {
    margin-top: 0;
  }
  .maptoolbar .container12 .raceno {
    padding: 22px 15px;
  }
  .maptoolbar .container12 .racename {
    border-right: 0;
    padding: 22px 15px;
    width: 380px;
  }
  .maptoolbar .container12 .race-dropdown {
    width: 465px;
  }
  .maptoolbar .container12 .race-dropdown-list .race-name {
    width: 340px;
  }
  .maptoolbar .container12 .toolbar > div {
    width: 42px;
  }
  .maptoolbar .container12 .toolbar > div#terrain {
    background-size: 22px 22px;
  }
  .maptoolbar .container12 .toolbar > div#ruler {
    display: none;
  }
  .maptoolbar .container12 .toolbar > div#swell {
    background-size: 24px 15px;
  }
  .maptoolbar .container12 .toolbar > div#wind {
    background-size: 17px 23px;
  }
  .maptoolbar .container12 .toolbar > div#temp {
    background-size: 12px 23px;
  }
  .maptoolbar .container12 .toolbar > div#togglecourse {
    display: none;
  }
  .maptoolbar .container12 .toolbar > div#fitmap {
    background-size: 20px 21px;
  }
  .standingstables table tr th, .standingstables table tr td {
    padding: 16px 10px;
  }
  .standingstables table tr th.min20, .standingstables table tr td.min20 {
    min-width: 38px;
  }
  .standingstables table tr th.hide_tab, .standingstables table tr td.hide_tab {
    display: none;
  }
  .standingstables table tr th.hide_desk, .standingstables table tr td.hide_desk {
    display: block;
  }
  .standingtablesbar {
    height: 112px;
    border-top: 56px solid #000;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .standingtablesbar .container12 {
    position: relative;
  }
  .standingtablesbar .container12 .column8 {
    width: 100%;
    height: 56px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .standingtablesbar .container12 .column4 {
    width: 100%;
    height: 56px;
    position: absolute;
    top: -56px;
    left: 0;
  }
  .standingtablesbar .container12 .column4 .eblink {
    float: left;
    background-position: center left;
  }
  .supportmessage {
    width: 364px;
  }
  #sendsupport {
    width: 364px;
  }
  .gameholder {
    height: 580px;
    width: 760px;
    margin-top: 10px;
    margin-bottom: 20px;
    margin-right: 0;
  }
  .gameholder iframe {
    margin-top: 0;
    border: 1px solid #ccc;
    padding: 0;
  }
  .raceviewer_content {
    border-bottom: 1px solid #333;
  }
  .raceviewer_content .sliderholder {
    padding-right: 170px;
  }
  .raceviewer_content .sliderholder #slidelabel {
    display: none;
  }
  .rvbar.temp {
    width: 300px;
  }
  .rvbar.wind {
    width: 300px;
  }
  .anniwrapper .anni {
    margin-bottom: 40px;
  }
  .anniwrapper .anni .anniimg {
    height: 183px;
  }
  .anniwrapper .anni .annicopy > .left {
    width: 100%;
    padding-right: 0;
  }
  .anniwrapper .anni .annicopy > .right {
    width: 100%;
  }
  .anniwrapper .anni .annicopy > .right .button.enquire {
    float: left;
  }
  .merchwrapper .merch {
    margin-bottom: 40px;
  }
  .merchwrapper .merch img {
    height: 183px;
  }
  .merchwrapper .merch .merchcopy > .left {
    width: 100%;
    padding-right: 0;
  }
  .merchwrapper .merch .merchcopy > .right {
    width: 100%;
  }
  .merchwrapper .merch .merchcopy > .right .block .left {
    width: 20%;
  }
  .merchwrapper .merch .merchcopy > .right .block .right {
    width: 77%;
  }
  .merchwrapper .merch .merchcopy > .right .block.last .left {
    width: 73%;
  }
  .merchwrapper .merch .merchcopy > .right .block.last .right {
    width: 25%;
  }
  .merchmoreinfo .column3 {
    width: 100%;
  }
  .merchmoreinfo .column3.first {
    margin-bottom: 40px;
  }
  header .langswitch.bar2 {
    display: block;
    position: absolute;
    border-right: 1px solid #4E4E4E;
    top: 18px;
    left: 446px;
    height: 45px;
    width: 80px;
  }
  .connectblock .column12 {
    padding: 0 10%;
  }
  .connectblock .column12 h1 {
    font-size: 32px;
  }
  .row.connectevent .left50 {
    width: 100%;
    padding: 90px 10%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .row.connectevent .right50 {
    display: none;
  }
  .row.friendlyface .left50 {
    background-position: center top 0;
    height: 500px;
    width: 100%;
  }
  .row.friendlyface .right50 {
    float: none;
    margin-top: 500px;
    width: 100%;
    padding: 60px 6.25% 40px 6.25%;
  }
  .supporters_link_row {
    padding: 30px 0;
  }
  .supporters_link_block {
    height: 320px;
  }
  .supporters_link_block.thirds .liner {
    font-size: 30px;
  }
  .row.connectvideo .vidleft {
    width: 100%;
    height: 480px;
  }
  .row.connectvideo .vidright {
    width: 100%;
    height: 480px;
  }
  .row.connectvideo .liner {
    width: 60%;
  }
  img.colourlogo {
    max-width: 100%;
  }
  .bottombuttons .rel {
    display: block;
  }
  a.crewdiaryblock .text-preview {
    line-height: 1em;
  }
  .cookie-banner {
    display: block;
  }
  .cookie-banner .cookie-left {
    width: 50%;
    float: left;
  }
  .cookie-banner .cookie-right {
    width: 50%;
    float: right;
    text-align: right;
  }
  .apply-option {
    padding: 50px 30px;
    min-height: 380px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .apply-option h2 {
    font-size: 40px;
  }
  .crew-stories-banner {
    padding: 100px 0;
  }
  .aqp-info {
    width: calc(50% - 30px);
    padding: 30px 0 30px 30px;
    padding-bottom: 0;
  }
}

@media only screen and (max-width: 1099px) {
  #footerbar .column12.clockholder .until.race-started {
    display: none;
  }
  #footerbar .column12.clockholder .timekeeper.race-started {
    width: 160px;
  }
  #crewwrapper.greenings-crew .column3 {
    height: 260px;
  }
  #crewwrapper.greenings-crew .column3 h4 {
    font-size: 16px;
    line-height: 16px;
  }
  #crewwrapper.greenings-crew .column3 p {
    font-size: 14px;
    line-height: 16px;
  }
  .crew-stories-banner-content br {
    display: none;
  }
  .csblock.tierblock {
    width: 100%;
  }
  .team-stats {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .team-stats-left,
  .team-stats-right {
    width: 100%;
  }
  .team-stats-left {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .team-banner .schema-img {
    display: none;
  }
  .team-stats-left .stat-value {
    width: 60%;
  }
  .team-stats-left .stat-name {
    width: 40%;
  }
  .app-pack-buttons .order-by-post {
    margin-left: 0;
    margin-top: 20px;
  }
  .app-pack-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

/************************** MOBILE **************************/
@media only screen and (max-width: 767px) {
  .team-sponsor-logo img {
    max-height: 65px;
  }
  .hide-on-mobile {
    display: none;
  }
  .footer-logos {
    margin-top: 10px !important;
    text-align: center;
  }
  .footer-logos a {
    float: none !important;
    display: block !important;
    margin: 10px auto !important;
  }
  blockquote {
    font-size: 32px;
  }
  .mob {
    display: block;
  }
  .hideonmob {
    display: none !important;
  }
  .showondesktop {
    display: none;
  }
  .showontablet {
    display: none;
  }
  .showonmobile {
    display: inline;
  }
  .text-section-2 {
    padding-top: 0;
  }
  .standingsvwrap {
    padding-top: 50px;
  }
  #topbar {
    display: none !important;
  }
  #bottombar {
    z-index: 3;
    position: relative !important;
  }
  #breadcrumb {
    margin-bottom: 0;
  }
  #menu {
    display: block;
    left: 252px;
  }
  #mobsearch {
    display: block;
    left: 210px;
  }
  #bottombarsearch {
    display: none !important;
  }
  #search form input[type="search"] {
    width: 238px;
    padding: 16px 52px 15px 15px;
  }
  #search form input[type="submit"] {
    left: 185px;
    width: 44px;
  }
  #search .close {
    right: 26px;
  }
  #main.livestream .container12 .row .column12.livestreamholder iframe,
  #main.livestream .container12 .row .column12.livestreamholder .video-js {
    height: 169px;
  }
  a#logo {
    width: 200px;
    background-size: 155px 25px;
    background-position: 0 27px;
    height: 59px;
  }
  a#logo.ch {
    padding: 27px 0 0 0px;
    background-image: none;
  }
  a#logo.telemed {
    height: 79px;
    margin-bottom: -20px;
  }
  header {
    position: fixed;
    top: 0;
    width: 100%;
    margin-bottom: 0 !important;
  }
  header .container12 {
    position: inherit;
  }
  header .container12 .column3 {
    position: relative;
  }
  header .container12 nav.column9 {
    display: block;
    z-index: 2;
    position: fixed;
    right: -270px;
    top: 79px;
    width: 270px;
    margin: 0;
    height: 100%;
    background-color: #222;
    overflow: hidden;
    z-index: 999;
  }
  header .container12 nav.column9 > ul > li:last-child {
    margin-bottom: 79px;
  }
  header .container12 nav.column9 ul {
    height: 92%;
    width: 270px;
    margin-right: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: relative;
  }
  header .container12 nav.column9 ul::-webkit-scrollbar {
    display: none;
  }
  header .container12 nav.column9 ul li {
    float: none;
    display: block;
    position: relative;
  }
  header .container12 nav.column9 ul li.onlymobport {
    border-bottom: 1px solid #444;
    padding: 20px 15px 16px 18px;
    height: 15px;
    display: block;
  }
  header .container12 nav.column9 ul li.onlymobport .langswitch form {
    padding: 0 14px 0 0;
  }
  header .container12 nav.column9 ul li:hover {
    background-color: #222;
  }
  header .container12 nav.column9 ul li:hover a {
    color: #666;
  }
  header .container12 nav.column9 ul li.hassubnav > a {
    background-image: none;
  }
  header .container12 nav.column9 ul li.hassubnav > a:after {
    content: ' ';
    display: block;
    height: 100%;
    border-left: 1px solid #444;
    width: 52px;
    position: absolute;
    right: 0;
    top: 0;
    background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/arrowdown.png);
    background-size: 8px 5px;
    background-position: center center;
    background-repeat: no-repeat;
  }
  header .container12 nav.column9 ul li.hassubnav.active > a {
    background-color: #191919;
    color: #fff;
  }
  header .container12 nav.column9 ul li.hassubnav.active > a:after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    border-right: 1px solid #444;
    border-left: none;
  }
  header .container12 nav.column9 ul li a {
    padding: 16px 15px 16px 18px;
    min-height: 52px;
    border-bottom: 1px solid #444;
    position: relative;
  }
  header .container12 nav.column9 ul li a.active {
    background-color: #191919;
    color: #fff;
  }
  header .container12 nav.column9 ul li.mob a {
    color: #444;
    padding: 6px 15px 6px 18px;
    min-height: 32px;
  }
  header .container12 nav.column9 ul li .subnav {
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: none;
    background-color: #222;
    position: relative;
    top: 0;
    width: 100%;
  }
  header .container12 nav.column9 ul li .subnav.single {
    width: 100%;
  }
  header .container12 nav.column9 ul li .subnav ul {
    width: 100%;
  }
  header .container12 nav.column9 ul li .subnav ul.left {
    float: none;
  }
  header .container12 nav.column9 ul li .subnav ul.right {
    margin-left: 0;
    float: none;
  }
  header .container12 nav.column9 ul li .subnav li {
    float: none;
  }
  header .container12 nav.column9 ul li .subnav li a {
    min-height: inherit;
    padding: 16px 15px 15px 18px;
    border-bottom: 1px solid #303030;
    color: #666;
  }
  header #bottombar #jointherace,
  header #bottombar #jointheraceform {
    width: 100%;
  }
  #homebanner {
    margin-top: 10px;
    height: auto;
  }
  #homebanner #primary_container {
    float: none;
    width: 100%;
    border-right: none;
    border-bottom: 2px solid #FFF;
  }
  #homebanner #primary_container .big_feature {
    background-size: 767px 287px;
    background-position: center 0;
    background-color: #FFF;
  }
  #homebanner #primary_container .big_feature .opaque_bg {
    display: none;
  }
  #homebanner #primary_container .big_feature .liner {
    position: absolute;
    top: unset;
    left: unset;
    bottom: 20px;
    -webkit-transform: unset;
    transform: unset;
    height: auto;
    padding: 0;
  }
  #homebanner #primary_container .big_feature .liner span:nth-child(1) {
    color: #000;
    font-size: 36px;
    margin-bottom: 13px;
  }
  #homebanner #primary_container .big_feature .liner span:nth-child(2) {
    color: #BA182D;
    font-size: 14px;
    margin-bottom: 16px;
  }
  #homebanner #primary_container .big_feature .liner .big_readmore {
    height: 40px;
    font-size: 14px;
    padding-top: 13px;
    padding-left: 13px;
    padding-right: 13px;
  }
  #homebanner #primary_container .big_feature .liner .big_readmore:after {
    width: 40px;
    height: 40px;
    top: 0;
    right: -40px;
    background-size: 68px 14px;
    background-position: -43px center;
  }
  #homebanner #secondary_container {
    float: none;
    width: 100%;
    height: auto;
  }
  #homebanner #secondary_container .mini_feature {
    height: 198px;
  }
  #homebanner #secondary_container .mini_feature .opaque_bg {
    opacity: 0.6;
  }
  #homebanner #secondary_container .mini_feature .liner {
    position: relative;
    width: 300px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 auto;
    left: 0;
    padding: 0;
  }
  #homecontainer {
    margin-top: 79px;
  }
  #homecontainer.shrinkifapply {
    margin-top: 79px;
  }
  footer #footertop {
    height: auto;
  }
  footer #footertop .column5 {
    margin-bottom: 0;
  }
  footer #footertop .column5 a {
    display: block;
    float: none;
    border-bottom: 1px solid #3f3f3f;
    width: 100%;
    background-repeat: no-repeat;
    margin: 20px 0;
    height: 50px;
  }
  footer #footertop .column5 a.fl_events {
    height: 45px;
  }
  footer #footertop .column5 a.fl_velux {
    height: 45px;
    margin-bottom: 0;
  }
  footer #footertop .column5 a.fl_maverick {
    height: 50px;
    margin-bottom: 0px;
    padding-bottom: 20px;
  }
  footer #footertop .column5 a.fl_praxes {
    height: 50px;
    margin-bottom: 0px;
    padding-bottom: 20px;
  }
  footer #footertop .column5 a.fl_bmf {
    height: 50px;
    margin-bottom: 0px;
    padding-bottom: 20px;
  }
  footer #footertop .column7 {
    width: 100%;
  }
  footer #footertop .column7 .right {
    width: 100%;
  }
  footer ul#footernav {
    margin-right: 0;
    margin-top: 0;
    width: 100%;
  }
  footer ul#footernav li {
    margin-left: 0;
    display: block;
    float: none;
  }
  footer ul#footernav li a {
    border-bottom: 1px solid #3f3f3f;
    padding: 15px 0;
    display: block;
    width: 100%;
    line-height: 1em;
  }
  footer ul#footernav li.bysalad a {
    display: inline-block;
    width: auto;
    border-bottom: none;
  }
  footer .socialwrapper {
    width: 100%;
    margin-bottom: 20px;
  }
  footer .socialwrapper a.social {
    width: 40px;
    height: 40px;
    background-size: 350px 40px;
    margin-right: 46px;
  }
  footer .socialwrapper a.social.linkedin {
    background-position: -280px 0;
  }
  footer .socialwrapper a.social.instagram {
    background-position: 0 0;
  }
  footer .socialwrapper a.social.youtube {
    background-position: -73px 0;
  }
  footer .socialwrapper a.social.twitter {
    background-position: -143px 0;
  }
  footer .socialwrapper a.social.facebook {
    background-position: -207px 0;
    margin-right: 0;
  }
  footer #footerbottom {
    background-color: #000;
  }
  footer #footerbottom a#footerscrollerlink {
    width: 100%;
  }
  footer #footerbottom a#footerscrollerlink:after {
    background-color: #272727;
  }
  footer #footerbottom .relative {
    height: 89px;
    margin-bottom: 20px;
  }
  footer #footerbottom .relative .backup {
    height: 44px;
    width: 44px;
    background-color: #BA182D;
    cursor: pointer;
    position: absolute;
    top: 43px;
    right: 0;
    background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/arrowtop.png);
    background-position: center center;
    background-size: 14px 14px;
    background-repeat: no-repeat;
  }
  footer #footerbottom .credits {
    position: absolute;
    top: 40px;
    left: 0;
    margin-bottom: 0;
    height: 48px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 19px 59px 0 15px;
    border-bottom: 1px solid #3f3f3f;
    line-height: 1em;
  }
  #footerscroller {
    padding: 0;
    border-bottom: 0;
    margin-top: 0;
  }
  #slideshow {
    height: 335px;
  }
  #slideshow > div .bannertext {
    font-size: 38px;
    line-height: 1em;
  }
  #filterbox2 {
    padding-left: 0;
  }
  a.addleglink .addtext {
    float: none;
  }
  a.addleglink .applytext {
    display: none;
    float: none;
  }
  .dashwidgets .chbox.box3 a.button {
    width: calc(100% - 30px) !important;
  }
  .aboutvwrap {
    display: none;
  }
  .aboutfallback {
    display: block;
  }
  #vidframe {
    position: relative;
    width: 320px;
    padding: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #vidframe iframe, #vidframe object, #vidframe embed {
    position: relative;
    width: 300px;
    height: 220px;
  }
  .vidholder {
    height: 236px;
  }
  .vidholder > div.withtitle {
    background-position: center 134px;
    background-size: 60px 60px;
  }
  .vidholder > div.withtitle span {
    padding-top: 30px;
    font-size: 40px;
    line-height: 1.1em;
    width: 300px;
  }
  .gridcolumn3 {
    width: 100%;
  }
  .crewholder {
    height: auto;
  }
  .crewholder .left {
    width: 300px;
    height: 399px;
  }
  .crewholder .right {
    width: 100%;
    height: auto;
    clear: both;
  }
  .crewholder .right .bio {
    margin-bottom: 20px;
  }
  .crewholder .right .fancy {
    display: block;
    width: 260px;
    position: relative;
    bottom: auto;
  }
  .button {
    width: 100% !important;
  }
  .vidframe {
    width: 280px;
    padding: 10px;
  }
  .vidframe iframe, .vidframe object, .vidframe embed {
    width: 260px;
    height: 146px;
    margin-bottom: 10px;
  }
  .vidframe > span {
    width: 100%;
    margin-bottom: 10px;
    margin-top: 0;
    font-size: 15px;
    text-align: center;
  }
  .vidframe a {
    padding: 20px 40px;
    width: 180px;
    text-align: center;
  }
  .vidframe.featured_style .left_col {
    width: 260px;
    float: none;
  }
  .vidframe.featured_style .left_col > span + span {
    margin-bottom: 20px;
  }
  .vidframe.featured_style .right_col {
    width: 260px;
    float: none;
  }
  .roleswrapper .role {
    height: 246px;
  }
  .prevraceholder.column4 {
    height: 228px;
  }
  .gallery .cycle-overlay, .gallery .cycle-prev, .gallery .cycle-next, .gallery .more {
    display: none !important;
  }
  .prevraceholder.column4 {
    height: 168px;
  }
  .trainingmapholder > span {
    width: 100%;
    background-position: 270px 16px;
  }
  .trainingmapholder .addressdetails {
    width: 100%;
  }
  .faqcategory .title, .faqcategory .question {
    background-position: 257px -85px;
  }
  .faqcategory .title.active, .faqcategory .question.active {
    background-position: 257px 32px;
  }
  .faqask input[type="text"] {
    padding-right: 112px;
  }
  .faqask .askbutton {
    width: 100px;
  }
  #askform,
  .merchform {
    display: none;
    width: 300px;
  }
  #askform form,
  .merchform form {
    padding: 20px;
    width: 260px;
  }
  .newsdate {
    margin-bottom: 20px;
  }
  #relatedarticles {
    padding-bottom: 50px;
  }
  #filterbox {
    margin-bottom: 10px;
  }
  #filterbox .relative {
    height: auto;
    margin-bottom: 10px;
  }
  #filterbox .relative .filtercontainer {
    position: relative;
  }
  .capturecontainer form#captureform input[type="submit"] {
    width: 100%;
  }
  form.supportersform .clearfix .wrapper50 {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  form.supportersform .clearfix .wrapper50.nrm {
    margin-bottom: 0;
  }
  form.supportersform .supporterssubmit {
    margin-top: 50px;
  }
  .applyform .clearfix, form.newsletterform .clearfix {
    margin-bottom: 20px;
  }
  .applyform .clearfix .titlewrapper,
  .applyform .clearfix .firstnamewrapper,
  .applyform .clearfix .lastnamewrapper,
  .applyform .clearfix .wrapper50, form.newsletterform .clearfix .titlewrapper,
  form.newsletterform .clearfix .firstnamewrapper,
  form.newsletterform .clearfix .lastnamewrapper,
  form.newsletterform .clearfix .wrapper50 {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .applyform .clearfix .titlewrapper.nrm,
  .applyform .clearfix .firstnamewrapper.nrm,
  .applyform .clearfix .lastnamewrapper.nrm,
  .applyform .clearfix .wrapper50.nrm, form.newsletterform .clearfix .titlewrapper.nrm,
  form.newsletterform .clearfix .firstnamewrapper.nrm,
  form.newsletterform .clearfix .lastnamewrapper.nrm,
  form.newsletterform .clearfix .wrapper50.nrm {
    margin-bottom: 0;
  }
  .applyform .clearfix.divide3 .relative, form.newsletterform .clearfix.divide3 .relative {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .applyform .clearfix.divide3 .relative.nrm, form.newsletterform .clearfix.divide3 .relative.nrm {
    margin-bottom: 0;
  }
  .applyform button, form.newsletterform button {
    width: 100% !important;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .applyform button.hasinfo, form.newsletterform button.hasinfo {
    padding-right: 23px;
  }
  .applyform button.hasinfo img, form.newsletterform button.hasinfo img {
    display: none;
  }
  .applyform .bottombuttons, form.newsletterform .bottombuttons {
    margin: 50px 0 40px 0;
  }
  #app_progress ul li {
    text-align: left;
    display: none;
    background-color: #fff;
  }
  #app_progress ul li.current {
    display: block;
    background-color: #fff;
  }
  #app_progress ul li > span {
    display: inline-block;
    border-right: 0;
  }
  #app_progress ul li > span > span.showonmob {
    display: inline-block;
  }
  .container12 .column4.applyforminfo {
    width: 100%;
  }
  .container12 .column7.prefix1.fullontablet {
    padding-left: 0;
    width: 100%;
    border-top: 1px solid #d0d0d0;
    margin-top: 15px;
  }
  .formleg {
    padding: 20px 0;
  }
  .formleg .left div.check {
    margin-left: 12px;
    width: 33px;
  }
  .formleg .left div.leg {
    font-size: 16px;
    padding-top: 2px;
    width: 240px;
    padding-right: 10px;
  }
  .formleg .left div.moreinfo {
    width: 240px;
    font-size: 13px;
    padding-top: 2px;
  }
  .formleg .left div.moreinfo.wider {
    width: 240px;
  }
  .formleg .right {
    font-size: 16px;
    padding-top: 10px;
    float: left;
    padding-left: 45px;
  }
  .formleg.training .left .leg {
    width: 240px;
  }
  .formleg.training .left .moreinfo {
    width: 240px !important;
  }
  .formleg.circum .left .leg {
    width: 240px;
  }
  .formleg.circum .left .moreinfo {
    width: 240px !important;
  }
  #visitlater form {
    width: 260px;
  }
  a.jointheracebar {
    display: block;
  }
  .billingbuttons a.button {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .billingbuttons input[type="submit"] {
    width: 100%;
    margin-bottom: 10px;
  }
  .portwidgets > div {
    width: 49%;
    margin-bottom: 40px;
  }
  .ports a.portprev, .ports div.portprev {
    min-height: 0 !important;
  }
  .ports a.portprev .circumnavigation-cta, .ports div.portprev .circumnavigation-cta {
    position: relative;
    padding-bottom: 100px;
  }
  #portmap {
    height: 400px;
  }
  #porttablewrapper .portlist .entry .left {
    width: 100%;
  }
  #porttablewrapper .portlist .entry .left .morewrapper .link {
    opacity: 1;
  }
  #porttablewrapper .portlist .entry .right {
    width: 100%;
    text-align: left;
  }
  .bigaccord {
    padding: 30px 0;
    position: relative;
  }
  .bigaccord .column1 {
    position: absolute;
    top: 30px;
    right: 0;
  }
  .bigaccord .column5,
  .bigaccord .column6 {
    margin-bottom: 0;
  }
  .bigaccord .column6 .liner {
    padding-top: 20px;
  }
  .bigaccord .article {
    min-height: 0;
  }
  .aboutaspirational {
    height: 340px;
  }
  .aboutaspirational div {
    font-size: 20px;
  }
  .aboutaspirational div span:first-child {
    top: 4px;
  }
  .aboutaspirational div span:last-child {
    margin-top: 14px;
  }
  .pagination a {
    width: 140px;
  }
  .galleryheader .left {
    padding: 20px 40px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 24px;
    font-weight: 800;
    width: 100%;
  }
  .galleryheader .right {
    padding: 0 40px 20px 40px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-weight: 700;
    width: 100%;
    text-align: left;
    font-size: 14px;
    line-height: 1em;
  }
  .testimonanials {
    height: 300px;
    font-size: 20px;
  }
  .testimonanials .testim {
    width: 300px;
  }
  .fleetinfo {
    padding: 40px 0;
  }
  .fleetinfo h2 {
    font-size: 30px;
    margin-bottom: 40px;
  }
  .fleetinfo .fleettable .entry .col_left {
    width: 40%;
  }
  .fleetinfo .fleettable .entry .col_mid {
    width: 29%;
  }
  .fleetinfo .fleettable .entry .col_right {
    width: 29%;
  }
  .fleetsnippets {
    height: 350px;
  }
  .fleetsnippets.ozsnippets {
    height: auto;
    padding: 50px 0;
  }
  .fleetsnippets .cycle-slideshow .slide .liner {
    width: 60%;
  }
  .fleetsnippets .cycle-slideshow .slide .liner h3 {
    font-size: 24px;
  }
  .fleetsnippets .cycle-slideshow .slide .liner div {
    font-size: 16px;
    line-height: 1.4em;
  }
  .fleetsnippets .cycle-slideshow .cyclenav.cycle-prev {
    left: 7%;
  }
  .fleetsnippets .cycle-slideshow .cyclenav.cycle-next {
    right: 7%;
  }
  .clipper70 {
    padding: 20px 0;
  }
  .clipper70 .container12 .markerwrapper .marker {
    display: none !important;
  }
  .worldmapholder_rm {
    position: relative;
    height: auto;
    margin-top: -40px;
    margin-bottom: 30px;
  }
  .worldmapholder_rm .equator {
    display: none;
  }
  .worldmapholder_rm.choose {
    margin-top: -40px;
    padding-bottom: 10px;
  }
  .worldmapholder_rm.legbanner {
    margin-top: -20px;
    margin-bottom: 0;
  }
  .worldmapholder_rm .maphelpoverlay .container12 .liner {
    width: 80%;
    padding-top: 0px;
  }
  .worldmapholder_rm .maphelpoverlay .container12 .liner .top {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .worldmapholder_rm .maphelpoverlay .container12 .liner .blurb {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .worldmapholder_rm .maphelpoverlay .container12 .liner .button {
    width: 180px !important;
    padding: 13px 12px 10px 12px;
    height: 40px;
  }
  .worldmapholder .container12 {
    margin-top: 129px;
    height: 127px;
    background-size: 300px 127px;
    background-position: center;
  }
  .worldmapholder .container12 .marker {
    width: 10px;
    height: 10px;
    border-radius: 5px;
  }
  .bottomlegs {
    position: relative;
    bottom: auto !important;
    left: auto;
    height: auto;
  }
  .bottomlegs .toggle {
    padding: 35px 0 15px 0;
    background-image: none !important;
    cursor: auto;
  }
  .bottomlegs.open .toggle {
    background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/arrowup.png);
  }
  .bottomlegs .column4 {
    padding-right: 0;
    margin-bottom: 0;
  }
  .bottomlegs .column4:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
  }
  .bottomlegs .column4:last-child {
    border-bottom: none;
    margin-bottom: 40px;
  }
  .bottomlegs .column4 .entry {
    padding: 20px 0 20px 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }
  .bottomlegs .column4 .entry:hover {
    background-color: #fff;
  }
  .bottomlegs .column4 .entry:first-child {
    border-top: none;
  }
  .testimonials {
    height: 400px;
    font-size: 18px;
  }
  .testimonials .cycle-slideshow .slide .liner {
    width: 80%;
    font-size: 16px;
    line-height: 1.4em;
  }
  .testimonials .cycle-slideshow .slide .liner .imgcircle {
    margin-top: 20px;
    margin-bottom: 15px;
  }
  .testimonials .cycle-slideshow .cyclenav.cycle-prev {
    left: 3%;
  }
  .testimonials .cycle-slideshow .cyclenav.cycle-next {
    right: 3%;
  }
  .testimonials.rkj {
    height: 400px;
  }
  .testimonials.rkj .cycle-slideshow .slide .liner {
    font-size: 20px;
    line-height: 1.5em;
    width: 90%;
  }
  .legwidgets {
    padding-bottom: 0;
  }
  .legwidgets > div {
    width: 49%;
    margin-bottom: 40px;
  }
  #duration .column6 {
    font-size: 200px;
    top: auto;
    -webkit-transform: none;
            transform: none;
    margin-bottom: 0;
  }
  #duration .column6 .digit {
    height: 210px;
    width: 115px;
    margin-left: -10px;
  }
  #duration .column6 #firstdigit {
    margin-left: -30px;
  }
  #duration .column5 {
    top: auto;
    -webkit-transform: none;
            transform: none;
  }
  #homeslider {
    height: 300px;
  }
  #homeslider .cycle-slideshow .slide .container12 .column6 {
    display: none;
  }
  #homeslider .cycle-slideshow .slide .container12 .column6 h1, #homeslider .cycle-slideshow .slide .container12 .column6 h2, #homeslider .cycle-slideshow .slide .container12 .column6 h3, #homeslider .cycle-slideshow .slide .container12 .column6 h4 {
    font-size: 34px;
    line-height: 1em;
    margin-bottom: 10px;
  }
  #homeslider .cycle-slideshow .slide .container12 .column6 p {
    font-size: 14px;
    margin-bottom: 14px;
  }
  #homeslider .cycle-slideshow .cyclenav {
    display: block;
  }
  #pagerwrapper {
    background-color: #000;
  }
  #pagerwrapper .container12 #pager a {
    display: none;
    width: 75% !important;
    text-align: left;
    cursor: default;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  #pagerwrapper .container12 #pager a:after {
    display: none;
  }
  #pagerwrapper .container12 #pager a.cycle-pager-active {
    display: block;
  }
  #homegrid .column3.jointherace span.bottom {
    width: 80%;
  }
  #homegrid .column3.aboutherace span.bottom {
    font-size: 40px;
  }
  #homegrid .column3.newsletter p {
    font-size: 14px;
    line-height: 1.4em;
  }
  #homegrid .column3.newsletter label {
    font-size: 12px;
  }
  #homegrid .column3 a.template0 span.body {
    font-size: 24px;
    font-weight: 800;
    line-height: 1.1em;
    width: 80%;
  }
  #homegrid .column6.joinracebiglink {
    background-position: center 65px;
    background-size: 300px 175px;
    height: 250px;
  }
  #homegrid .column6.joinracebiglink #canvas {
    position: absolute;
    left: 0;
    top: 64px;
    width: 300px;
    height: 175px;
  }
  #homegrid .column6.joinracebiglink #canvas svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #homegrid .column6.joinracebiglink a.viewfullegs {
    display: block;
    position: absolute;
    top: 42px;
    left: 20px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    border-bottom: none;
    text-decoration: none;
  }
  .issuuembed {
    height: 320px;
  }
  .clipper70 {
    padding-bottom: 80px;
    text-align: center;
  }
  .clipper70 .title {
    font-size: 20px;
    width: 100%;
    bottom: -40px;
  }
  .datebar .column12 {
    margin-bottom: 0;
  }
  a.eventwrapper img.grey {
    width: 100%;
  }
  a.eventwrapper .titleholder {
    padding-right: 0px;
    margin-bottom: 0px;
  }
  a.eventwrapper .titleholder h3 {
    margin-top: 0px;
  }
  a.eventwrapper .datetime {
    padding-top: 0px;
  }
  a.eventwrapper .datetime .red {
    display: inline-block;
  }
  a.eventwrapper .intro {
    padding-top: 0px;
    padding-right: 0px;
  }
  a.eventwrapper .flag {
    margin-top: 0px;
    padding-top: 0px;
  }
  a.eventwrapper .column1 {
    margin-bottom: 0;
  }
  #eventsummary {
    padding: 0;
  }
  #eventsummary p {
    width: 100%;
  }
  .psblock .column12 {
    margin-bottom: 0;
  }
  .psblock .column12:first-child {
    padding: 0px;
  }
  .psblock .column12:last-child {
    padding: 0px;
  }
  .psblock .column12 .imgholder {
    height: 198px;
  }
  .psblock .column12 .imgholder img.logo {
    max-width: 60%;
    max-height: 60%;
  }
  .psblock .column3 {
    margin-bottom: 0;
  }
  .sponsorquote {
    padding: 40px 0;
  }
  .sponsorquote div {
    width: 300px;
    font-size: 30px;
  }
  .sponsorquote div span:first-child {
    top: 7px;
  }
  .sponsorquote div span:last-child {
    top: 5px;
  }
  .sponsorimg {
    height: 300px;
  }
  .sponsor_text_one, .sponsor_text_two, .sponsor_text_three {
    margin-bottom: 0 !important;
  }
  .sponsor_text_two, .sponsor_text_three {
    padding: 40px 0;
  }
  .sponsor_text_one {
    padding-bottom: 40px;
  }
  .sponsor_text_three {
    padding-bottom: 0;
  }
  .sponsor_text_three .button {
    margin-top: 40px;
  }
  .csblock .column12 {
    padding: 0;
    margin-bottom: 0;
  }
  .csblock .column12 h5 {
    font-size: 40px;
    margin-bottom: 15px;
  }
  .csblock.tierblock .tierblock-inner {
    height: auto;
    font-size: 14px;
  }
  .csblock.tierblock .tierblock-inner .liner {
    width: 100%;
  }
  .csblock.tierblock .tierblock-inner .liner h5 {
    font-size: 40px;
    margin-bottom: 15px;
  }
  .center_buttons {
    width: auto;
  }
  a.button_left, .button_left {
    float: left;
    margin-right: 0;
  }
  a.button_right, .button_right {
    float: right;
    margin-left: 0;
  }
  .partentrywrapper .cs_entry .cs_left {
    width: 100%;
    height: 301px;
  }
  .partentrywrapper .cs_entry .cs_middle {
    width: 300px;
    padding: 40px 0;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  .partentrywrapper .cs_entry .cs_middle a {
    display: block;
    margin-top: 30px;
    margin-left: 0;
    margin-right: 0;
  }
  .partentrywrapper .cs_entry .cs_right {
    display: none;
    height: auto;
  }
  .partentrywrapper .cs_entry .cs_right p {
    display: none;
  }
  .cs_container p .bigstat {
    font-size: 100px;
    line-height: 1em;
  }
  .quoterow .liner {
    width: 300px;
  }
  .jobentrywrapper .job_entry .job_left {
    height: 350px;
    width: 100%;
  }
  .jobentrywrapper .job_entry .job_right {
    width: 100%;
    padding-bottom: 176px;
    height: auto;
  }
  .jobentrywrapper .job_entry .job_right .date {
    margin-bottom: 20px;
  }
  .jobentrywrapper .job_entry .job_right h5 {
    font-size: 50px;
  }
  .jobentrywrapper .job_entry .job_right a.button {
    left: 40px;
    width: 160px !important;
  }
  #legstats.raceinfo {
    padding: 80px 0;
  }
  #legstats.raceinfo .column4 {
    height: auto;
    padding-top: 0;
  }
  #legstats.raceinfo .column4 .liner {
    top: 0;
    -webkit-transform: none;
            transform: none;
  }
  #legstats.raceinfo .column7 {
    height: auto;
  }
  #legstats.raceinfo .column7 .legwidgets {
    padding-top: 30px;
    top: 0;
    -webkit-transform: none;
            transform: none;
  }
  .allportsmap {
    padding: 40px 0;
    margin-bottom: 0;
    font-size: 20px;
  }
  .allportsmap .container12 .column8 {
    width: 100%;
  }
  .allportsmap .container12 .column4 {
    width: 100%;
    height: auto;
    margin-top: 40px;
    margin-bottom: 0;
  }
  .allportsmap .container12 .column4 .liner {
    top: 0;
    -webkit-transform: none;
            transform: none;
  }
  .allportsmap .container12 .column4 h5 {
    font-size: 50px;
    text-transform: uppercase;
    font-weight: 800;
    color: #BA182D;
    line-height: 1em;
    padding-bottom: 20px;
  }
  #pagenotfound .liner {
    width: 90%;
  }
  #pagenotfound .liner .top {
    font-size: 50px;
    line-height: 1.1em;
  }
  #countriesvisited {
    height: 395px;
    width: 100%;
  }
  #countriesvisited .mapimg {
    display: none;
  }
  #countriesvisited #canvas {
    display: none;
  }
  #countriesvisited .row {
    width: 100%;
    position: relative;
  }
  #countriesvisited .row .column4 {
    width: 100%;
  }
  .crewlogin {
    width: 100%;
    margin: 0;
  }
  .crewlogin form.loginform input[type="submit"] {
    width: 100%;
  }
  #ch_dashbar .column3:first-child img {
    width: 100%;
  }
  .ozblock, .telemedblock {
    padding: 30px 0;
  }
  .ozblock .column12, .telemedblock .column12 {
    padding: 0;
  }
  .ozblock .column12 h1, .telemedblock .column12 h1 {
    font-size: 32px;
  }
  .supporters_form_row {
    padding: 30px 0;
  }
  .supporters_form_row .column12 {
    padding: 0;
  }
  .supporters_form_row .column12 .liner h2 {
    font-size: 32px;
  }
  .auscrewrow .auscrew .name {
    font-size: 12px;
  }
  .auscrewrow .auscrew .wms {
    display: none;
  }
  .auscrewrow .auscrew:hover .wms {
    opacity: 0;
  }
  .ausprofiles .bio {
    margin-bottom: 100px;
  }
  .corporate .liner h2 {
    color: #fff;
    border-top: none;
    font-size: 32px;
    margin-bottom: 20px;
  }
  .corporate .liner p a {
    color: #fff;
  }
  .oz_rkj .liner p {
    font-size: 28px;
  }
  .alldocuments a.column3 .downloadicon {
    width: 240px;
    background-position: 104px 0px;
  }
  .alldocuments a.column3:hover .downloadicon {
    background-position: -266px 0px;
  }
  .formholder.addkit > .left {
    width: 100%;
    margin-bottom: 20px;
  }
  .formholder.addkit > .right {
    width: 100%;
  }
  .addkitheader p {
    width: 100%;
  }
  .addkitheader img {
    width: 76px;
  }
  .addkitheader a.basketlink {
    width: 100%;
    position: relative;
    top: 0;
  }
  .personaldetails > .left {
    width: 100%;
  }
  .personaldetails > .left .col1 {
    width: 100%;
  }
  .personaldetails > .left .col2 {
    width: 100%;
  }
  .personaldetails > .right {
    display: none;
  }
  .ch_faqs .entry .question {
    background-position: 262px -90px;
    padding: 20px 60px 20px 20px;
  }
  .ch_faqs .entry .question.active {
    background-position: 262px 29px;
  }
  .messageholder .liner .message .left {
    min-height: 0;
    margin-bottom: 0;
    width: 224px;
    padding-right: 56px;
  }
  .messageholder .liner .message .right {
    width: 300px;
    padding-top: 0;
  }
  .messageholder .liner .message .right .preview {
    display: none !important;
  }
  .messageholder .liner .message .message_showmore {
    top: 27px;
    right: 20px;
    left: inherit;
    bottom: inherit;
  }
  .dashwidgets .chbox {
    min-height: 0;
  }
  .dashwidgets .chbox .bottom {
    position: relative;
    bottom: inherit;
    width: 100%;
  }
  #footerbar {
    height: 43px;
  }
  #footerbar .column12.clockholder .flip-clock-divider:after {
    top: -7px;
    font-size: 9px;
  }
  #footerbar .column12.clockholder .until {
    display: none;
  }
  #footerbar .column12.clockholder .timekeeper {
    background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/clock-eb-tablet.png");
    background-position: center 7px;
    background-size: 90px 27px;
    width: 214px;
  }
  #footerbar .column12.clockholder .timekeeper.race-started {
    width: 138px;
    border-right: none;
  }
  #footerbar .column12.clockholder .mapstandinglink {
    display: none !important;
  }
  #footerbar .column12.clockholder .mapstandinglinkmobile {
    position: relative;
    font-size: 12px;
    color: #710C19;
    height: 95px;
    line-height: 1.2em;
    text-transform: uppercase;
    font-weight: 800;
    display: none;
    float: right;
    clear: none;
    text-align: center;
    padding: 9px 0 19px 0;
    cursor: pointer;
    border-left: 1px solid #851222;
    width: 85px;
    border-right: 1px solid #851222;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    text-decoration: none;
  }
  #footerbar .column12.clockholder .mapstandinglinkmobile.race-started {
    display: block;
  }
  #footerbar .column12.mapslide {
    display: none !important;
  }
  #footerbar .flip-clock-wrapper ul {
    width: 15px;
  }
  #footerbar .flip-clock-wrapper ul li {
    line-height: 45px;
  }
  #footerbar .flip-clock-wrapper ul li a div.up div.inn,
  #footerbar .flip-clock-wrapper ul li a div.down div.inn {
    font-size: 26px;
  }
  #footerbar .flip-clock-wrapper.race-started {
    width: 190px;
  }
  #footerbar .flip-clock-wrapper.race-started ul {
    width: 13px;
  }
  #footerbar .flip-clock-wrapper.race-started ul li a div.down div.inn,
  #footerbar .flip-clock-wrapper.race-started ul li a div.up div.inn {
    font-size: 22px;
  }
  #banner.centered.wider .bannertext {
    width: 100%;
    font-size: 20px;
  }
  .telemedblock {
    padding: 60px 0;
  }
  .telemedblock.telemedtestimonial p.large {
    font-size: 30px;
  }
  #telemedcontactform .column12 .liner {
    width: 100%;
  }
  #telemedcontactform .column12 .liner .subliner {
    padding: 0;
  }
  #crewwrapper a {
    height: 200px;
  }
  #crewwrapper a .textoverlay {
    top: 200px;
  }
  #crewwrapper .column3 {
    height: 200px;
  }
  #crewwrapper .column3 .textoverlay {
    top: 200px;
  }
  #crewwrapper .column3 img.flag {
    width: 30px;
    margin: 7px 5px 0 5px;
  }
  #crewwrapper .crewfurtherinfo {
    display: none !important;
  }
  #crewwrapper .crewinfoholder {
    display: none !important;
  }
  a.bigteamlink {
    height: 90px;
    padding-top: 34px;
    padding-left: 20px;
  }
  a.bigteamlink .teamname {
    font-size: 16px;
    width: 100%;
    margin-right: 0;
    height: 100%;
  }
  a.bigteamlink .skippercrew {
    display: none;
  }
  #banner.skipper .ageblock {
    font-size: 30px;
  }
  img.teamhomesmallsponsor {
    display: none;
  }
  .maptoolbar {
    height: 100px;
    margin-top: 0;
  }
  .maptoolbar .container12 {
    width: 100%;
  }
  .maptoolbar .container12 .raceno {
    font-size: 13px;
    padding: 22px 10px;
    width: 20%;
  }
  .maptoolbar .container12 .racename {
    padding: 22px 40px 22px 10px !important;
    font-size: 13px;
    width: 80%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .maptoolbar .container12 .racename .alert-message-outer {
    top: 120px;
    right: 10px;
  }
  .maptoolbar .container12 .racename .alert-message-outer .alert-message:before {
    right: 15px;
  }
  .maptoolbar .container12 .racename .alert-icon {
    right: 10px;
  }
  .maptoolbar .container12 .racename img {
    margin-right: 5px;
  }
  .maptoolbar .container12 .race-dropdown {
    width: calc(100% - 20px);
  }
  .maptoolbar .container12 .racename-wrap {
    height: 59px !important;
    margin: 0 auto !important;
    max-width: 100%;
  }
  .maptoolbar .container12 .toolbar {
    margin: 0 auto !important;
    height: 40px;
    margin-right: 0;
    float: left;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-top: 1px solid #444;
  }
  .maptoolbar .container12 .toolbar > div {
    width: 48px;
  }
  .maptoolbar .container12 .toolbar > div#terrain {
    background-size: 20px 20px;
  }
  .maptoolbar .container12 .toolbar > div#ruler {
    display: none;
  }
  .maptoolbar .container12 .toolbar > div#swell {
    background-size: 18px 12px;
  }
  .maptoolbar .container12 .toolbar > div#wind {
    background-size: 18px 22px;
  }
  .maptoolbar .container12 .toolbar > div#temp {
    background-size: 11px 22px;
  }
  .maptoolbar .container12 .toolbar > div#togglecourse {
    background-size: 14px 22px;
  }
  .maptoolbar .container12 .toolbar > div#fitmap {
    background-size: 21px 22px;
    border-right: 1px solid #444;
  }
  .maptoolbar .container12 .toolbar > div:hover {
    background-color: inherit;
  }
  .maptoolbar .container12 .toolbar > div:hover .title {
    display: none;
  }
  .rvbar.temp {
    width: 180px;
  }
  .rvbar.wind {
    width: 180px;
  }
  .rvbar.temp {
    width: 180px;
  }
  .standingstables .container12,
  .standingstables .column12 {
    width: 480px;
  }
  .standingstables table tr th, .standingstables table tr td {
    padding: 16px 10px;
  }
  .standingstables table tr th.min20, .standingstables table tr td.min20 {
    min-width: 20px;
  }
  .standingstables table tr th.hide_mob, .standingstables table tr td.hide_mob {
    display: none;
  }
  .standingstables table tr th.hide_desk, .standingstables table tr td.hide_desk {
    display: block;
  }
  .standingstables table tr th.hide_port_mob, .standingstables table tr td.hide_port_mob {
    display: none;
  }
  .standingstables table tr th a .showonmob, .standingstables table tr td a .showonmob {
    display: block;
  }
  .standingstables table tr th .posflag, .standingstables table tr td .posflag {
    width: 60px;
  }
  .standingstables table tr th .posflag .colour, .standingstables table tr td .posflag .colour {
    width: 4px;
    height: 25px;
    margin-right: 2px;
  }
  .standingstables table tr th .posflag .num, .standingstables table tr td .posflag .num {
    width: 20px;
    height: 25px;
  }
  .standingstables table tr th .posflag .num > span, .standingstables table tr td .posflag .num > span {
    display: block;
    line-height: 1em;
    padding-top: 7px;
    margin-left: -2px;
  }
  .standingstables table tr th .cell-inner.team-name, .standingstables table tr td .cell-inner.team-name {
    padding: 0;
    display: inline-block;
  }
  .standingtablesbar {
    height: 168px;
    border-top: 56px solid #000;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .standingtablesbar .container12 {
    position: relative;
  }
  .standingtablesbar .container12 .column8 {
    width: 100%;
    height: 168px;
    position: absolute;
    top: 0;
    left: 0;
    border-left: 0;
    margin-left: 0;
  }
  .standingtablesbar .container12 .column8 .rvtab {
    height: 50px;
    width: 100%;
    clear: both;
    border-right: 0;
    text-align: center;
  }
  .standingtablesbar .container12 .column4 {
    width: 100%;
    height: 56px;
    position: absolute;
    top: -56px;
    left: 0;
  }
  .standingtablesbar .container12 .column4 .eblink {
    float: left;
    background-size: 23px 28px;
    background-position: center center;
    width: 60px;
    background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/eb-white-shield.png");
  }
  .bottomtrio .column12 .top .right {
    float: left;
    clear: both;
  }
  .supportmessage {
    width: 300px;
    margin-left: 0;
    margin-right: 0;
  }
  #sendsupport {
    width: 300px;
    margin-left: 0;
    margin-right: 0;
    height: 300px;
  }
  #banner.smaller {
    padding-top: 50px;
  }
  #banner.smaller .bannertext {
    font-size: 30px;
  }
  #teamnav ul li a {
    font-size: 11px;
  }
  #raceviewer_map {
    height: 60vh;
  }
  .raceviewer_content .sliderholder {
    padding-right: 0;
  }
  .raceviewer_content .sliderholder #slidelabel {
    display: none;
  }
  .raceviewer_content .sliderholder .rangeoptions {
    text-align: center;
    position: static;
  }
  .raceviewer_content .sliderholder .timeline-controls {
    margin: 15px 0 0 0;
    display: inline-block;
    float: none;
  }
  .crel #tools {
    width: 140px;
  }
  .crel a.raceviewerlink {
    display: none;
  }
  .anniwrapper .anni {
    margin-bottom: 80px;
  }
  .anniwrapper .anni .anniimg {
    height: 150px;
    padding: 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .anniwrapper .anni .anniimg .title {
    font-size: 32px;
  }
  .anniwrapper .anni .annicopy > .left {
    width: 100%;
    padding-right: 0;
  }
  .anniwrapper .anni .annicopy > .right {
    width: 100%;
  }
  .annimoreinfo .column3 h2 {
    margin-bottom: 0;
  }
  .annimoreinfo .column3.first {
    margin-bottom: 40px;
  }
  .merchwrapper .merch {
    margin-bottom: 80px;
  }
  .merchwrapper .merch img {
    height: auto;
  }
  .merchwrapper .merch .merchcopy > .left {
    width: 100%;
    padding-right: 0;
  }
  .merchwrapper .merch .merchcopy > .right {
    width: 100%;
  }
  .merchwrapper .merch .merchcopy > .right .block .left {
    width: 20%;
  }
  .merchwrapper .merch .merchcopy > .right .block .right {
    width: 77%;
  }
  .merchwrapper .merch .merchcopy > .right .block.last .left {
    width: 73%;
  }
  .merchwrapper .merch .merchcopy > .right .block.last .right {
    width: 25%;
  }
  .merchmoreinfo .column3 h2 {
    margin-bottom: 0;
  }
  .merchmoreinfo .column3.first {
    margin-bottom: 40px;
  }
  .minheightdesktop {
    min-height: 100px;
  }
  .connectblock .column12 {
    padding: 0;
  }
  .connectblock .column12 h1 {
    font-size: 20px;
  }
  .row.connectevent .left50 {
    width: 100%;
    padding: 90px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .row.connectevent .right50 {
    display: none;
  }
  .row.friendlyface .left50 {
    background-position: center top 0;
    height: 300px;
    width: 100%;
  }
  .row.friendlyface .right50 {
    float: none;
    width: 300px;
    margin: 300px auto 0 auto;
    padding: 30px 0 20px 0;
  }
  .row.friendlyface .right50 h2 {
    font-size: 32px;
  }
  .supporters_link_row {
    padding: 30px 0;
  }
  .supporters_link_row .container12 .column6:last-child {
    margin-bottom: 0;
  }
  .supporters_link_block {
    height: 220px;
  }
  .supporters_link_block .liner {
    font-size: 32px;
  }
  .row.connectvideo .vidleft {
    width: 100%;
    height: 250px;
  }
  .row.connectvideo .vidright {
    width: 100%;
    height: 250px;
  }
  .row.connectvideo .liner {
    width: 90%;
  }
  .row.connectvideo .liner span {
    font-size: 36px;
  }
  .bottombuttons .rel {
    display: block;
  }
  .apply-form {
    padding: 20px 0 0 0;
  }
  .apply-options-section {
    padding: 40px 0 20px 0;
  }
  .crew-stories-banner {
    padding: 80px 0;
  }
  .crew-stories-banner-content {
    margin-bottom: 0;
  }
  .crew-stories-banner-bg {
    background-size: cover;
    background-position: center;
  }
  .cookie-banner {
    display: block;
  }
  .cookie-banner .cookie-left {
    width: 100%;
    float: left;
    padding-bottom: 18px;
  }
  .cookie-banner .cookie-right {
    width: 100%;
    float: left;
    text-align: right;
  }
  .crewholder .left .imgholder img.activeimg {
    opacity: 1;
  }
  .team-stats {
    margin-left: 0;
    margin-right: 0;
  }
  .gender-stats,
  .team-extra-stats-quote {
    width: 100%;
  }
  .gender-stats .women-count > div,
  .gender-stats .men-count > div {
    display: none;
  }
  .gender-stats {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 20px;
  }
  .gender-stats > img {
    display: block;
  }
  .gender-stats .women-count {
    margin-left: 0;
    padding-right: 0;
  }
  .round-the-worlders .stat-value,
  .nations-represented .stat-value {
    margin-left: 5px;
  }
  .team-stats .stat-value {
    font-size: 54px;
    line-height: 54px;
  }
  .aqp-info,
  .aqp-img {
    width: 100% !important;
  }
  .aqp-info {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .aqp-banner-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .aqp-banner-desktop {
    display: none;
  }
  .app-pack-buttons .button {
    width: 214px !important;
  }
}

/************************** MOBILE LANDSCAPE **************************/
@media only screen and (min-width: 480px) and (max-width: 767px) {
  #main.livestream .container12 .row .column12.livestreamholder iframe,
  #main.livestream .container12 .row .column12.livestreamholder .video-js {
    height: 236px;
  }
  a#logo.ch {
    padding: 27px 0 0 185px;
    background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/clipper-round-the-world.png);
  }
  #menu {
    left: 362px;
  }
  #mobsearch {
    left: 320px;
  }
  #search form input[type="search"] {
    width: 340px;
    padding: 16px 60px 15px 15px;
  }
  #search form input[type="submit"] {
    left: 280px;
  }
  #search .close {
    right: 36px;
  }
  #slideshow > div .bannertext {
    font-size: 52px;
    line-height: 1em;
  }
  #vidframe {
    width: 440px;
  }
  #vidframe iframe, #vidframe object, #vidframe embed {
    width: 420px;
    height: 300px;
  }
  .sponsorquote div {
    width: 420px;
  }
  .vidholder {
    height: 320px;
  }
  .vidholder > div.withtitle {
    background-position: center 200px;
  }
  .vidholder > div.withtitle span {
    padding-top: 60px;
    font-size: 50px;
    line-height: 1.1em;
    width: 420px;
  }
  .crewholder .left {
    width: 420px;
    height: 558px;
  }
  .crewholder .right .fancy {
    width: 380px;
  }
  .prevraceholder.column4 {
    height: 228px;
  }
  .trainingmapholder > span {
    background-position: 390px 16px;
  }
  .faqcategory .title, .faqcategory .question {
    background-position: 375px -85px;
  }
  .faqcategory .title.active, .faqcategory .question.active {
    background-position: 375px 32px;
  }
  .formleg .left div.check {
    margin-left: 12px;
    width: 33px;
  }
  .formleg .left div.leg {
    width: 350px;
  }
  .formleg .left div.moreinfo {
    width: 350px;
  }
  .formleg .left div.moreinfo.wider {
    width: 350px;
  }
  .formleg.training .left .leg {
    width: 350px;
  }
  .formleg.training .left .moreinfo {
    width: 350px !important;
  }
  .formleg.circum .left .leg {
    width: 350px;
  }
  .formleg.circum .left .moreinfo {
    width: 350px !important;
  }
  #visitlater form {
    width: 300px;
  }
  .aboutaspirational {
    height: 340px;
  }
  .aboutaspirational div {
    font-size: 24px;
  }
  .aboutaspirational div span:first-child {
    top: 4px;
  }
  .aboutaspirational div span:last-child {
    margin-top: 20px;
  }
  .pagination a {
    width: 200px;
  }
  .testimonanials {
    height: 400px;
    font-size: 24px;
  }
  .testimonanials .testim {
    width: 420px;
  }
  .worldmapholder_rm {
    position: relative;
    height: auto;
    margin-top: -40px !important;
    margin-bottom: 30px;
  }
  .worldmapholder_rm .equator {
    display: none;
  }
  .worldmapholder_rm.choose {
    margin-top: -40px;
    padding-bottom: 10px;
  }
  .worldmapholder_rm.legbanner {
    margin-top: -50px;
    margin-bottom: 0;
  }
  .worldmapholder_rm .maphelpoverlay .container12 .liner {
    width: 80%;
    padding-top: 0px;
  }
  .worldmapholder_rm .maphelpoverlay .container12 .liner .top {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .worldmapholder_rm .maphelpoverlay .container12 .liner .blurb {
    font-size: 18px;
    margin-bottom: 30px;
  }
  .worldmapholder_rm .maphelpoverlay .container12 .liner .button {
    width: 220px !important;
  }
  .worldmapholder .container12 {
    margin-top: 129px;
    height: 177px;
    background-size: 420px 177px;
    background-position: center;
  }
  .worldmapholder .container12 .marker {
    width: 10px;
    height: 10px;
    border-radius: 5px;
  }
  .clipper70 {
    padding-bottom: 80px;
    text-align: center;
  }
  .clipper70 .title {
    font-size: 30px;
    width: 100%;
    bottom: -40px;
  }
  .testimonials .cycle-slideshow .slide .liner {
    font-size: 18px;
  }
  .testimonials.rkj {
    height: 500px;
  }
  .testimonials.rkj .cycle-slideshow .slide .liner {
    font-size: 22px;
    line-height: 1.5em;
  }
  .partentrywrapper .cs_entry .cs_middle {
    width: 420px;
  }
  .cs_container p .bigstat {
    font-size: 150px;
    line-height: 1em;
  }
  .quoterow .liner {
    width: 420px;
  }
  #homegrid .column6.joinracebiglink {
    background-position: center 15px;
    background-size: 420px 245px;
    height: 280px;
  }
  #homegrid .column6.joinracebiglink #canvas {
    top: 14px;
    width: 420px;
    height: 245px;
  }
  .alldocuments a.column3 .downloadicon {
    width: 360px;
    background-position: 164px 0px;
  }
  .alldocuments a.column3:hover .downloadicon {
    background-position: -206px 0px;
  }
  .ch_faqs .entry .question {
    background-position: 382px -90px;
    padding: 20px 60px 20px 20px;
  }
  .ch_faqs .entry .question.active {
    background-position: 382px 29px;
  }
  .messageholder .liner .message .left {
    width: 344px;
  }
  .messageholder .liner .message .right {
    width: 380px;
  }
  #banner.centered.wider .bannertext {
    font-size: 27px;
  }
  #crewwrapper .column3 {
    height: 280px;
  }
  a.bigteamlink {
    padding-left: 40px;
  }
  a.bigteamlink .teamname {
    font-size: 20px;
  }
  .standingstables table tr th.hide_port_mob, .standingstables table tr td.hide_port_mob {
    display: table-cell;
  }
  .standingstables table tr th.hide_desk, .standingstables table tr td.hide_desk {
    display: block;
  }
  .standingtablesbar .container12 .column4 .eblink {
    background-position: center left;
    width: 150px;
    background-size: 111px 33px;
    background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/eb-white.png");
  }
  .supportmessage {
    width: 420px;
  }
  #sendsupport {
    width: 420px;
    height: 400px;
  }
  .maptoolbar .container12 .toolbar > div {
    width: 68px;
  }
  .crel #tools {
    width: 330px;
  }
  header .langswitch.bar2 {
    display: block;
    position: absolute;
    top: 18px;
    left: 242px;
    height: 45px;
    width: 80px;
  }
  header .container12 nav.column9 ul li.onlymobport {
    display: none;
  }
  .anniwrapper .anni .anniimg {
    height: 210px;
  }
  #homebanner #secondary_container .mini_feature .liner {
    width: 420px;
  }
  .flip-clock-wrapper.race-started {
    width: 262px;
  }
  #crewwrapper.greenings-crew .column3 {
    height: auto;
  }
  #crewwrapper.greenings-crew .column3 p {
    line-height: 18px;
  }
  .apply-option {
    padding: 50px 30px;
  }
}

@media screen and (max-width: 480px) {
  .maptoolbar .container12 .raceno {
    font-size: 11px;
  }
  .maptoolbar .container12 .racename {
    font-size: 11px;
  }
  #footerbar .column12.clockholder .timekeeper {
    width: 124px;
  }
  #footerbar .column12.clockholder .timekeeper.race-started {
    width: 102px;
    float: right;
    border-right: 1px solid #851222;
  }
  #footerbar .column12.clockholder .flip-clock-wrapper:not(.race-started) ul {
    width: 13px;
  }
  #footerbar .column12.clockholder .flip-clock-wrapper:not(.race-started) .flip-clock-divider {
    padding-left: 7px;
  }
  #footerbar .column12.clockholder .flip-clock-wrapper:not(.race-started) li a div.down div.inn,
  #footerbar .column12.clockholder .flip-clock-wrapper:not(.race-started) li a div.up div.inn {
    font-size: 22px;
  }
  .standingstables {
    overflow-x: hidden;
  }
  .standingstables .leaderboard-header {
    font-size: 10px;
    padding: 16px 5px;
  }
  .standingstables .container12,
  .standingstables .column12 {
    width: 300px;
  }
  .apply-option {
    padding: 30px 20px;
  }
  .apply-option h2 {
    font-size: 36px;
    margin-bottom: 20px;
  }
  .aqp-banner {
    margin-top: 40px;
  }
  .aqp-info {
    padding: 30px 30px 35px 30px;
  }
  .flip-clock-wrapper {
    padding-right: 7px;
  }
  .team-name {
    min-width: auto !important;
  }
}

.finalraceimage {
  background-color: #a6a6a6;
}

.finalraceimage img {
  display: block;
}

.finalraceimage {
  background-color: #a6a6a6;
}

.finalraceimage img {
  display: block;
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background: #222;
  color: #444;
  text-shadow: none;
  border-radius: 0px;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/fancybox/fancybox_sprite.png");
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/fancybox/fancybox_loading.gif") center center no-repeat;
}

.fancybox-close {
  background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/fancybox/modalclose.png");
  background-size: 12px 12px;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: -34px;
  right: -8px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/fancybox/blank.gif");
  /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto;
}

.fancybox-lock body {
  overflow: hidden !important;
}

.fancybox-lock-test {
  overflow-y: hidden !important;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/fancybox/fancybox_overlay.png");
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading, .fancybox-prev span, .fancybox-next span {
    background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/fancybox/fancybox_sprite@2x.png");
    background-size: 44px 152px;
    /*The size of the normal image, half the size of the hi-res image*/
  }
  #fancybox-loading div {
    background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/fancybox/fancybox_loading@2x.gif");
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/
  }
}

/************************** SMALL DESKTOP **************************/
@media only screen and (min-width: 1100px) and (max-width: 1435px) {
  blockquote {
    font-size: 40px;
  }
  a#logo {
    width: 200px;
    background-size: 200px 33px;
    background-position: 0 23px;
  }
  a#logo.ch {
    padding: 26px 0 0 214px;
    font-size: 23px;
  }
  .hideonsmalldesktop {
    display: none;
  }
  nav ul li a {
    padding: 29px 8px 15px 8px;
  }
  header #bottombar .container12 .column3 {
    width: 200px;
  }
  header #bottombar .container12 .column3.crewhub {
    width: 347px;
  }
  header #bottombar .container12 .column9 {
    width: 840px;
  }
  header #bottombar .container12 .column9.crewhub {
    width: 690px;
  }
  header #bottombar .container12 .column9.crewhub li.first {
    display: none;
  }
  #main.livestream .container12 .row .column12.livestreamholder iframe,
  #main.livestream .container12 .row .column12.livestreamholder .video-js {
    height: 596px;
  }
  footer #footertop {
    height: 153px;
  }
  footer #footertop .column4 {
    width: 100%;
    margin-top: 53px;
  }
  footer #footertop .column8 {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  footer #footertop .column8 .right {
    float: left;
    width: 100%;
  }
  footer #footertop .column8 .socialwrapper {
    float: right;
  }
  footer ul#footernav li {
    margin-left: 0;
    margin-right: 16px;
  }
  footer.telemedfooter #footertop {
    height: 91px;
  }
  footer.telemedfooter #footertop .column4 {
    width: 340px;
    margin-top: 0;
  }
  footer.telemedfooter #footertop .column8 {
    width: 700px;
    position: relative;
  }
  footer.telemedfooter #footertop .column8 .right {
    float: right;
    width: auto;
  }
  #slideshow {
    height: 560px;
  }
  #slideshow > div .bannertext {
    font-size: 65px;
    line-height: 1em;
  }
  .vidholder {
    height: 700px;
  }
  .vidholder > div {
    height: 100%;
    background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/vidplay.png);
    background-repeat: no-repeat;
    background-size: 107px 107px;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
    font-weight: 800;
    color: #fff;
    font-size: 80px;
    width: 100%;
    line-height: 1em;
  }
  .vidholder > div.withtitle {
    background-position: center 400px;
  }
  .vidholder > div.withtitle span {
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding-top: 200px;
  }
  .crewholder.column4 {
    width: 520px;
  }
  .crewholder .right {
    width: 301px;
  }
  .crewholder .right .fancy {
    width: 261px;
  }
  .prevraceholder.column4 {
    width: 520px;
  }
  .roleswrapper .role {
    height: 286px;
  }
  .faqcategory .title, .faqcategory .question {
    background-position: 1000px -85px;
  }
  .faqcategory .title.active, .faqcategory .question.active {
    background-position: 1000px 32px;
  }
  .applyform .clearfix .titlewrapper, form.newsletterform .clearfix .titlewrapper {
    width: 162px;
  }
  .applyform .clearfix .firstnamewrapper,
  .applyform .clearfix .lastnamewrapper, form.newsletterform .clearfix .firstnamewrapper,
  form.newsletterform .clearfix .lastnamewrapper {
    width: 210px;
  }
  .applyform .clearfix .wrapper50, form.newsletterform .clearfix .wrapper50 {
    width: 298px;
  }
  .applyform .clearfix.divide3 .relative, form.newsletterform .clearfix.divide3 .relative {
    width: 194px;
  }
  .applyform button, form.newsletterform button {
    width: 240px;
  }
  #app_progress ul li {
    width: 176px;
  }
  #app_progress ul li:last-child {
    width: 180px;
  }
  .formleg .left div.moreinfo {
    width: 350px;
  }
  .formleg .left div.moreinfo.wider {
    width: 760px;
  }
  .formleg.training .left .leg {
    width: 230px;
  }
  .formleg.circum .left .leg {
    width: 290px;
  }
  .worldmapholder .container12 {
    height: 456px;
    background-size: 1080px 456px;
  }
  .ports a.portprev .imgholder, .ports div.portprev .imgholder {
    height: 150px;
  }
  #portmap {
    height: 600px;
  }
  .bigaccord {
    padding: 75px 0;
  }
  .aboutaspirational {
    height: 600px;
  }
  .aboutaspirational div {
    font-size: 40px;
  }
  .column2.thumb {
    height: 120px;
  }
  .galleryheader .left {
    width: 50%;
  }
  .galleryheader .right {
    width: 50%;
  }
  .testimonanials {
    height: 662px;
  }
  .bottomlegs .toggle {
    background-position: 1025px 28px;
  }
  .bottomlegs .column4 {
    padding-right: 20px;
  }
  .worldmapholder_rm .equator {
    top: 409px;
  }
  .worldmapholder_rm.choose {
    margin-top: -200px;
  }
  .worldmapholder_rm.choose .equator {
    top: 372px;
  }
  .worldmapholder_rm.legbanner {
    margin-top: -160px;
    margin-bottom: 0;
  }
  #homeslider {
    height: 563px;
  }
  #homeslider .cycle-slideshow .slide .container12 .column6 {
    width: 60%;
  }
  #homeslider .cycle-slideshow .slide .container12 .column6 h1, #homeslider .cycle-slideshow .slide .container12 .column6 h2, #homeslider .cycle-slideshow .slide .container12 .column6 h3, #homeslider .cycle-slideshow .slide .container12 .column6 h4 {
    font-size: 74px;
  }
  #homegrid .column3.jointherace #front span.bottom {
    width: 90%;
    font-size: 40px;
  }
  #homegrid .column3.aboutherace span.bottom {
    font-size: 40px;
  }
  #homegrid .column3.newsletter p {
    font-size: 14px;
    line-height: 1.4em;
  }
  #homegrid .column3.newsletter label {
    font-size: 12px;
  }
  #homegrid .column3 a.template0 span.body {
    font-size: 24px;
    font-weight: 800;
    line-height: 1.1em;
    width: 80%;
  }
  #homegrid .column3 a.template2 span.title {
    font-size: 24px;
  }
  #homegrid .column3 a.template2 img {
    height: 26px;
  }
  #homegrid .column6.joinracebiglink {
    background-position: center 85px;
    background-size: 520px 303px;
  }
  #homegrid .column6.joinracebiglink #canvas {
    position: absolute;
    left: 0;
    top: 81px;
    width: 520px;
    height: 303px;
  }
  #homegrid .column6.joinracebiglink #canvas svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  a.eventwrapper .titleholder {
    padding-right: 30px;
  }
  a.eventwrapper .titleholder h3 {
    margin-top: 36px;
  }
  a.eventwrapper .datetime {
    padding-top: 36px;
  }
  a.eventwrapper .intro {
    padding-top: 36px;
  }
  a.eventwrapper .flag {
    margin-top: 36px;
  }
  .psblock .column12 .imgholder {
    height: 318px;
  }
  .psblock .column3 .imgholder {
    height: 150px;
  }
  .csblock .column12 {
    padding: 0 150px;
  }
  .aboutvwrap .aboutoverlay {
    font-size: 65px;
    width: 1080px;
    padding: 0 730px 0 10px;
  }
  .partentrywrapper .cs_entry .cs_left {
    width: 37%;
    height: 353px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
  }
  .partentrywrapper .cs_entry .cs_middle {
    width: 25%;
    padding: 40px 30px;
    height: 352px;
  }
  .partentrywrapper .cs_entry .cs_right {
    width: 37%;
    padding: 40px 70px 40px 0;
    height: 352px;
  }
  .partentrywrapper .cs_entry .cs_right a {
    bottom: 30px;
  }
  #countriesvisited {
    height: 456px;
  }
  #countriesvisited .container12 .mapimg.leg2 {
    top: -228px;
  }
  #countriesvisited .container12 .mapimg.leg3 {
    width: 110%;
    height: 110%;
    left: -100px;
    top: -46px;
  }
  #countriesvisited .container12 .mapimg.leg4 {
    left: -740px;
    top: -320px;
  }
  #countriesvisited .container12 .mapimg.leg5 {
    left: -310px;
    top: -50px;
  }
  #countriesvisited .container12 .mapimg.leg6 {
    width: 70%;
    height: 70%;
    left: 370px;
    top: 0px;
  }
  #countriesvisited .container12 .mapimg.leg7 {
    left: 490px;
  }
  #countriesvisited .container12 .mapimg.leg8 {
    width: 150%;
    height: 150%;
    left: 170px;
    top: 0px;
  }
  #countriesvisited .container12 #canvas.leg2 {
    top: -228px;
  }
  #countriesvisited .container12 #canvas.leg3 {
    width: 110%;
    height: 110%;
    left: -100px;
    top: -46px;
  }
  #countriesvisited .container12 #canvas.leg4 {
    left: -740px;
    top: -320px;
  }
  #countriesvisited .container12 #canvas.leg5 {
    left: -310px;
    top: -50px;
  }
  #countriesvisited .container12 #canvas.leg6 {
    width: 70%;
    height: 70%;
    left: 370px;
    top: 0px;
  }
  #countriesvisited .container12 #canvas.leg7 {
    left: 490px;
  }
  #countriesvisited .container12 #canvas.leg8 {
    width: 150%;
    height: 150%;
    left: 170px;
    top: 0px;
  }
  #countriesvisited .container12 #canvas .portmarkerinfo {
    padding: 10px;
    background-color: #222;
    color: #fff;
    font-size: 12px;
    line-height: 1.4em;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    margin-top: -58px;
    display: none;
    text-transform: uppercase;
    font-weight: bold;
    z-index: 20;
  }
  #countriesvisited .container12 #canvas .portmarkerinfo:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(34, 34, 34, 0);
    border-top-color: #222222;
    border-width: 11px;
    margin-left: -11px;
  }
  #countriesvisited .container12 #canvas .portmarkerinfo.bottom {
    margin-top: 32px;
  }
  #countriesvisited .container12 #canvas .portmarkerinfo.bottom:after {
    bottom: 100%;
    top: auto;
    border-bottom-color: #222222;
    border-top: none;
  }
  #countriesvisited .row {
    height: 100%;
    position: absolute;
    top: 0;
  }
  #countriesvisited .column4 {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    text-align: center;
  }
  #countriesvisited .column4 h5 {
    color: #BA182D;
    font-weight: 800;
    line-height: 1.2em;
    font-size: 50px;
    text-transform: uppercase;
    margin-bottom: 20px;
  }
  #countriesvisited .column4 p {
    color: #444;
    font-size: 20px;
    margin-bottom: 0;
  }
  .ozblock .column12, .telemedblock .column12 {
    padding: 0 150px;
  }
  .supporters_form_row .column12 {
    padding: 0 150px;
  }
  .juniorcrew-1 .row .column6 {
    padding-left: 180px;
    width: 700px;
  }
  .alldocuments a.column3 .title {
    font-size: 21px;
  }
  .alldocuments a.column3 .downloadicon {
    width: 190px;
    height: 35px;
    background-position: 80px 0px;
    bottom: 83px;
    padding: 40px 15px 30px 14px;
    font-size: 23px;
  }
  .alldocuments a.column3:hover .downloadicon {
    background-position: -290px 0px;
  }
  .personaldetails > .left {
    width: 704px;
  }
  .personaldetails > .left .col1 {
    width: 332px;
  }
  .personaldetails > .left .col2 {
    width: 352px;
  }
  .personaldetails > .right {
    width: 296px;
  }
  .ch_faqs .entry .question {
    background-position: 303px -90px;
    padding: 20px 60px 20px 20px;
  }
  .ch_faqs .entry .question.active {
    background-position: 303px 29px;
  }
  .dashwidgets .chbox.box3 a.button {
    width: calc(100% - 30px);
  }
  .team_member {
    width: 340px !important;
  }
  .messageholder {
    padding-left: 0 !important;
    width: 700px !important;
  }
  .messageholder .liner .message .left {
    width: 294px;
    min-height: 150px;
  }
  .messageholder .liner .message .right {
    width: 322px;
    position: relative;
  }
  .messageholder .liner .message .right .preview {
    width: 322px;
  }
  #footerbar .column12.clockholder .until {
    background-size: 15px 21px;
    padding: 19px 19px 19px 40px;
    background-position: 16px 21px;
  }
  #footerbar .column12.clockholder .until.race-started {
    padding: 19px 19px 19px 68px;
    background-position: 38px 21px;
  }
  #footerbar .column12.clockholder .timekeeper {
    background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/clock-eb-tablet.png");
    background-position: center 12px;
    background-size: 130px 39px;
    width: 190px;
  }
  #footerbar .column12.clockholder .timekeeper.race-started {
    width: 210px;
  }
  #footerbar .column12.clockholder .mapstandinglink {
    padding: 19px 81px 19px 19px;
    width: 250px;
  }
  #footerbar .column12.mapslide #raceviewermapsmall {
    width: 460px;
    height: 557px;
    float: left;
    background-color: #ccc;
  }
  #footerbar .column12.mapslide #cd-zoom-out {
    margin-bottom: 0px;
  }
  #footerbar .column12.mapslide .table {
    float: right;
    width: 600px;
  }
  #footerbar .column12.mapslide .table table {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 800;
    width: 100%;
  }
  #footerbar .column12.mapslide .table table tr.stealthrow {
    opacity: 0.4;
  }
  #footerbar .column12.mapslide .table table tr th, #footerbar .column12.mapslide .table table tr td {
    text-align: left;
    padding: 11px 16px 11px 16px;
    position: relative;
  }
  #footerbar .column12.mapslide .table table tr th a, #footerbar .column12.mapslide .table table tr td a {
    text-decoration: none;
  }
  #footerbar .column12.mapslide .table table tr th a:hover, #footerbar .column12.mapslide .table table tr td a:hover {
    text-decoration: underline;
  }
  #footerbar .column12.mapslide .table table tr th a .showonmob, #footerbar .column12.mapslide .table table tr td a .showonmob {
    display: none;
  }
  #footerbar .column12.mapslide .table table tr th.min20, #footerbar .column12.mapslide .table table tr td.min20 {
    min-width: 20px;
  }
  #footerbar .column12.mapslide .table table tr th .nada, #footerbar .column12.mapslide .table table tr td .nada {
    display: block;
    width: 22px;
    height: 4px;
    background-color: #fff;
  }
  #footerbar .column12.mapslide .table table tr th .posflag, #footerbar .column12.mapslide .table table tr td .posflag {
    display: block;
    position: absolute;
    top: 10px;
    left: 16px;
    width: 60px;
  }
  #footerbar .column12.mapslide .table table tr th .posflag .colour, #footerbar .column12.mapslide .table table tr td .posflag .colour {
    display: block;
    float: left;
    clear: none;
    width: 10px;
    height: 25px;
    margin-right: 2px;
    -webkit-transform: skew(-12deg);
            transform: skew(-12deg);
  }
  #footerbar .column12.mapslide .table table tr th .posflag .num, #footerbar .column12.mapslide .table table tr td .posflag .num {
    display: block;
    float: left;
    clear: none;
    width: 30px;
    height: 25px;
    -webkit-transform: skew(-12deg);
            transform: skew(-12deg);
    background-color: #fff;
    color: #000;
    text-align: center;
  }
  #footerbar .column12.mapslide .table table tr th .posflag .num > span, #footerbar .column12.mapslide .table table tr td .posflag .num > span {
    -webkit-transform: skew(12deg);
            transform: skew(12deg);
    display: block;
    line-height: 1em;
    padding-top: 7px;
    margin-left: -2px;
  }
  #footerbar .column12.mapslide .table table tr th {
    color: #666;
    line-height: 1.5em;
  }
  #footerbar .column12.mapslide .table table tr:nth-child(even) {
    background-color: #373737;
  }
  #footerbar .flip-clock-wrapper:not(.race-started) ul li a div.up div.inn,
  #footerbar .flip-clock-wrapper:not(.race-started) ul li a div.down div.inn {
    font-size: 28px;
  }
  #footerbar .flip-clock-wrapper:not(.race-started) .flip-clock-divider {
    margin-left: 0;
    padding-left: 6px;
  }
  #banner.centered.wider .bannertext {
    width: 1080px;
  }
  #telemedcontactform .applyform .clearfix .wrapper50 {
    width: 398px;
  }
  #telemedcontactform .applyform .clearfix .titlewrapper {
    width: 212px;
  }
  #telemedcontactform .applyform .clearfix .firstnamewrapper, #telemedcontactform .applyform .clearfix .lastnamewrapper {
    width: 285px;
  }
  #filterbox2 {
    padding-left: 270px;
  }
  #crewwrapper .column3 {
    height: 167px;
  }
  #crewwrapper .column3 .textoverlay {
    top: 167px;
  }
  #crewwrapper .crewfurtherinfo {
    display: none;
    height: 367px;
  }
  #crewwrapper .crewinfoholder {
    height: 347px;
  }
  #crewwrapper .crewinfoholder > .left {
    height: 347px;
    width: 520px;
  }
  #crewwrapper .crewinfoholder > .left img {
    width: 520px;
    height: 347px;
  }
  #crewwrapper .crewinfoholder > .right {
    padding: 38px 43px 38px 21px;
    width: 520px;
    height: 347px;
  }
  #crewwrapper .crewinfoholder > .right .nationality {
    position: absolute;
    right: 43px;
    top: 38px;
  }
  #crewwrapper .crewinfoholder > .right ul {
    bottom: 38px;
    left: 21px;
    width: 456px;
    line-height: 1.3em;
  }
  #crewwrapper .crewinfoholder > .right ul li {
    padding-top: 12px;
  }
  #crewwrapper .crewinfoholder > .right ul li .right {
    width: 212px;
  }
  a.bigteamlink {
    height: 256px;
    padding-top: 80px;
  }
  a.bigteamlink .teamname {
    width: 310px;
  }
  a.bigteamlink .teamname.greenings .teamhomesmallsponsor {
    margin-left: 25px;
  }
  a.bigteamlink .skippercrew {
    width: 500px;
  }
  a.bigteamlink .skippercrew .crewno {
    margin-top: 30px;
    padding-top: 30px;
  }
  img.teamhomesmallsponsor {
    max-height: 80px;
    max-width: 140px;
    height: auto;
  }
  .standingstables table tr th, .standingstables table tr td {
    padding: 16px 10px;
  }
  .standingstables table tr th.min20, .standingstables table tr td.min20 {
    min-width: 38px;
  }
  .standingtablesbar .container12 .column8 {
    width: 540px;
  }
  .standingtablesbar .container12 .column4 {
    width: 500px;
  }
  .supportmessage {
    width: 250px;
  }
  #sendsupport {
    width: 250px;
    height: 336px;
  }
  #sendsupport .bottom {
    font-size: 40px;
  }
  .gameholder {
    float: none;
    margin-right: 0;
    border: 1px solid #ccc;
  }
  .gameholder iframe {
    border: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  .maptoolbar .container12 .racename {
    border-right: 0;
  }
  .maptoolbar .container12 .toolbar > div {
    width: 70px;
  }
  .merchwrapper .merch {
    margin-bottom: 40px;
  }
  .merchwrapper .merch img {
    height: 262px;
  }
  .merchwrapper .merch .merchcopy > .left {
    padding-right: 8%;
  }
  .merchwrapper .merch .merchcopy > .right .block .left {
    width: 24%;
  }
  .merchwrapper .merch .merchcopy > .right .block .right {
    width: 74%;
  }
  .merchwrapper .merch .merchcopy > .right .block.last .left {
    width: 64%;
  }
  .merchwrapper .merch .merchcopy > .right .block.last .right {
    width: 34%;
  }
  .anniwrapper .anni .anniimg {
    height: 260px;
  }
  .connectblock .column12 {
    padding: 0 150px;
  }
  .row.connectvideo .liner {
    width: 90%;
  }
  #crewwrapper.greenings-crew .column3 {
    height: 350px;
  }
  .leaderboard-header {
    font-size: 11px;
  }
  .joker-icon-hover.leaderboard-joker {
    right: 0;
  }
  .apply-option {
    padding: 70px 50px 70px 30px;
  }
  .team-banner .schema-img img {
    position: absolute;
    bottom: 50px;
    right: 100px;
    width: 350px !important;
  }
  .jeronimo-name br {
    display: block;
  }
}

@media only screen and (min-width: 1440px) {
  .csblock.block2 .column12,
  .csblock.block3 .column12,
  .csblock.block4 .column12 {
    padding: 0 350px;
  }
}

@media only screen and (min-width: 767px) {
  .hide-on-desktop {
    display: none;
  }
}

/************************** TABLET **************************/
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  blockquote {
    font-size: 40px;
  }
  .showonmobile {
    display: none;
  }
  .showondesktop {
    display: none;
  }
  .showontablet {
    display: block;
  }
  .hideontablet {
    display: none;
  }
  .tab {
    display: block;
  }
  #topbar {
    display: none !important;
  }
  #bottombar {
    z-index: 3;
    position: relative !important;
  }
  header #bottombar .unicefnav2 {
    display: block;
  }
  #menu,
  #mobsearch {
    display: block;
  }
  #search form input[type="search"] {
    width: 544px;
  }
  #search form input[type="submit"] {
    left: 468px;
  }
  #bottombarsearch {
    display: none !important;
  }
  header {
    position: fixed;
    top: 0;
    margin-bottom: 0 !important;
    width: 100%;
  }
  header .container12 {
    position: inherit;
  }
  header .container12 .column3 {
    position: relative;
  }
  header .container12 nav.column9 {
    display: block;
    z-index: 2;
    position: fixed;
    right: -270px;
    top: 79px;
    width: 270px;
    margin: 0;
    height: 100%;
    background-color: #222;
    overflow: hidden;
    z-index: 999;
  }
  header .container12 nav.column9 > ul > li:last-child {
    margin-bottom: 79px;
  }
  header .container12 nav.column9 ul {
    height: 100%;
    width: 270px;
    margin-right: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: relative;
  }
  header .container12 nav.column9 ul::-webkit-scrollbar {
    display: none;
  }
  header .container12 nav.column9 ul li {
    float: none;
    display: block;
    position: relative;
  }
  header .container12 nav.column9 ul li:hover {
    background-color: #222;
  }
  header .container12 nav.column9 ul li:hover a {
    color: #666;
  }
  header .container12 nav.column9 ul li a {
    padding: 16px 15px 16px 18px;
    min-height: 52px;
    border-bottom: 1px solid #444;
    position: relative;
  }
  header .container12 nav.column9 ul li.hassubnav > a {
    background-image: none;
  }
  header .container12 nav.column9 ul li.hassubnav > a:after {
    content: ' ';
    display: block;
    height: 100%;
    border-left: 1px solid #444;
    width: 52px;
    position: absolute;
    right: 0;
    top: 0;
    background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/arrowdown.png);
    background-size: 8px 5px;
    background-position: center center;
    background-repeat: no-repeat;
  }
  header .container12 nav.column9 ul li.hassubnav.active > a {
    background-color: #191919;
    color: #fff;
  }
  header .container12 nav.column9 ul li.hassubnav.active > a:after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    border-right: 1px solid #444;
    border-left: none;
  }
  header .container12 nav.column9 ul li.mob a {
    color: #444;
    padding: 6px 15px 6px 18px;
    min-height: 32px;
  }
  header .container12 nav.column9 ul li .subnav {
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: none;
    background-color: #222;
    position: relative;
    top: 0;
    width: 100%;
  }
  header .container12 nav.column9 ul li .subnav.single {
    width: 100%;
  }
  header .container12 nav.column9 ul li .subnav ul {
    width: 100%;
  }
  header .container12 nav.column9 ul li .subnav ul.left {
    float: none;
  }
  header .container12 nav.column9 ul li .subnav ul.right {
    margin-left: 0;
    float: none;
  }
  header .container12 nav.column9 ul li .subnav li {
    float: none;
  }
  header .container12 nav.column9 ul li .subnav li a {
    min-height: inherit;
    padding: 16px 15px 15px 18px;
    border-bottom: 1px solid #303030;
    color: #666;
  }
  #homecontainer {
    margin-top: 78px;
  }
  #main.livestream .container12 .row .column12.livestreamholder iframe,
  #main.livestream .container12 .row .column12.livestreamholder .video-js {
    height: 421px;
  }
  footer #footertop {
    height: 153px;
  }
  footer #footertop .column4 {
    width: 100%;
    margin-top: 53px;
  }
  footer #footertop .column8 {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  footer #footertop .column8 .right {
    float: left;
    width: 100%;
  }
  footer #footertop .column8 .socialwrapper {
    float: right;
  }
  footer ul#footernav li {
    margin-left: 0;
    margin-right: 16px;
  }
  footer.telemedfooter #footertop {
    height: 91px;
  }
  footer.telemedfooter #footertop .column4 {
    width: 236px;
    margin-top: 0;
  }
  footer.telemedfooter #footertop .column8 {
    width: 492px;
    position: relative;
  }
  footer.telemedfooter #footertop .column8 .right {
    float: right;
    width: auto;
  }
  #homebanner {
    height: auto;
  }
  #homebanner #primary_container {
    float: none;
    width: 100%;
    height: 580px;
    border-right: none;
    border-bottom: 2px solid #FFF;
  }
  #homebanner #primary_container .big_feature .opaque_bg {
    opacity: 0.6;
  }
  #homebanner #secondary_container {
    float: none;
    width: 100%;
    height: 190px;
  }
  #homebanner #secondary_container .mini_feature {
    float: left;
    width: 33.3333333333%;
    height: 100%;
    border-right: 2px solid #FFF;
    border-bottom: none;
  }
  #homebanner #secondary_container .mini_feature:nth-child(5) {
    border-right: none;
  }
  #homebanner #secondary_container .mini_feature .opaque_bg {
    opacity: 0.6;
  }
  #homebanner #secondary_container .mini_feature .liner {
    position: absolute;
    height: auto;
    left: 0;
    bottom: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 20px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  #homebanner #secondary_container .mini_feature:last-child {
    border-right: none;
  }
  #slideshow {
    height: 445px;
  }
  #slideshow > div .bannertext {
    font-size: 46px;
    line-height: 1em;
  }
  #vidframe {
    position: relative;
    width: 700px;
    padding: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #vidframe iframe, #vidframe object, #vidframe embed {
    position: relative;
    width: 660px;
    height: 400px;
  }
  .vidholder {
    height: 500px;
  }
  .vidholder > div.withtitle {
    background-position: center 300px;
  }
  .vidholder > div.withtitle span {
    padding-top: 100px;
    width: 700px;
  }
  .gridcolumn3 {
    width: 242px;
    margin-left: 5px;
    margin-right: 5px;
  }
  .crewholder {
    height: auto;
  }
  .crewholder .left {
    width: 236px;
    height: 314px;
  }
  .crewholder .right {
    width: 100%;
    height: auto;
    clear: both;
  }
  .crewholder .right .bio {
    display: none;
  }
  .crewholder .right .fancy {
    display: block;
    width: 196px;
    position: relative;
    bottom: auto;
  }
  .crewholder .right h3 {
    height: 50px;
  }
  .prevraceholder.column4 {
    height: 198px;
    width: 364px;
  }
  .vidframe {
    width: 640px;
  }
  .vidframe iframe, .vidframe object, .vidframe embed {
    width: 600px;
    height: 337px;
  }
  .vidframe > span {
    width: 50%;
  }
  .vidframe.featured_style .left_col {
    width: 350px;
  }
  .vidframe.featured_style .right_col {
    width: 250px;
  }
  .gallery .cycle-overlay {
    font-size: 14px;
  }
  .faqcategory .title, .faqcategory .question {
    background-position: 700px -85px;
  }
  .faqcategory .title.active, .faqcategory .question.active {
    background-position: 700px 32px;
  }
  #isotope .item.column9 {
    width: 748px;
  }
  #isotope .item.column3 {
    width: 364px;
  }
  form.supportersform .clearfix .wrapper50 {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  form.supportersform .clearfix .wrapper50.nrm {
    margin-bottom: 0;
  }
  .applyform .clearfix, form.newsletterform .clearfix {
    margin-bottom: 20px;
  }
  .applyform .clearfix .titlewrapper,
  .applyform .clearfix .firstnamewrapper,
  .applyform .clearfix .lastnamewrapper,
  .applyform .clearfix .wrapper50, form.newsletterform .clearfix .titlewrapper,
  form.newsletterform .clearfix .firstnamewrapper,
  form.newsletterform .clearfix .lastnamewrapper,
  form.newsletterform .clearfix .wrapper50 {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .applyform .clearfix .titlewrapper.nrm,
  .applyform .clearfix .firstnamewrapper.nrm,
  .applyform .clearfix .lastnamewrapper.nrm,
  .applyform .clearfix .wrapper50.nrm, form.newsletterform .clearfix .titlewrapper.nrm,
  form.newsletterform .clearfix .firstnamewrapper.nrm,
  form.newsletterform .clearfix .lastnamewrapper.nrm,
  form.newsletterform .clearfix .wrapper50.nrm {
    margin-bottom: 0;
  }
  .applyform .clearfix.divide3 .relative, form.newsletterform .clearfix.divide3 .relative {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .applyform .clearfix.divide3 .relative.nrm, form.newsletterform .clearfix.divide3 .relative.nrm {
    margin-bottom: 0;
  }
  .applyform button, form.newsletterform button {
    width: 100% !important;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .applyform button.hasinfo, form.newsletterform button.hasinfo {
    padding-right: 23px;
  }
  .applyform button.hasinfo img, form.newsletterform button.hasinfo img {
    display: none;
  }
  .applyform .bottombuttons, form.newsletterform .bottombuttons {
    margin: 50px 0 40px 0;
  }
  .ccfooter span {
    margin-right: 5px;
  }
  #app_progress ul li {
    width: 124px;
  }
  #app_progress ul li:last-child {
    width: 128px;
  }
  .container12 .column4.fullontablet {
    width: 100%;
  }
  .container12 .column7.prefix1.fullontablet {
    padding-left: 0;
    width: 100%;
    border-top: 1px solid #d0d0d0;
    margin-top: 25px;
  }
  .formleg .left div.moreinfo {
    width: 490px;
  }
  .formleg .left div.moreinfo.wider {
    width: 460px;
  }
  .formleg.training .left .leg {
    width: 230px;
  }
  .formleg.training .left .moreinfo.wider {
    width: 350px !important;
  }
  .formleg.circum .left .moreinfo {
    width: 250px !important;
  }
  .billingbuttons a.button {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .billingbuttons input[type="submit"] {
    width: 100%;
    margin-bottom: 10px;
  }
  .portwidgets > div {
    width: 49%;
    margin-bottom: 40px;
  }
  .worldmapholder .container12 {
    height: 324px;
    background-size: 768px 324px;
  }
  .ports a.portprev, .ports div.portprev {
    width: 364px;
  }
  .ports a.portprev imgholder, .ports div.portprev imgholder {
    height: 198px;
  }
  #portmap {
    height: 600px;
  }
  .bigaccord {
    padding: 40px 0;
  }
  .aboutaspirational {
    height: 400px;
  }
  .aboutaspirational div {
    font-size: 30px;
  }
  .aboutaspirational div span:first-child {
    top: 7px;
  }
  .aboutaspirational div span:last-child {
    margin-top: 25px;
  }
  #galleryisotope .item .desc {
    font-size: 15px;
  }
  #galleryisotope .item .desc .date {
    font-size: 14px;
  }
  #galleryisotope .item.column9 .desc {
    font-size: 18px;
  }
  .column2.thumb {
    width: 172px;
    height: 120px;
  }
  .galleryheader .left {
    width: 70%;
  }
  .galleryheader .right {
    width: 30%;
  }
  .testimonials {
    height: 500px;
    font-size: 30px;
  }
  .testimonials.rkj .cycle-slideshow .slide .liner {
    font-size: 32px;
  }
  .fleetsnippets {
    height: 446px;
  }
  .fleetsnippets.ozsnippets {
    height: auto;
    padding: 50px 0;
  }
  .worldmapholder_rm {
    position: relative;
    height: auto;
    margin-top: -40px !important;
    margin-bottom: 20px;
  }
  .worldmapholder_rm .equator {
    top: 291px;
  }
  .worldmapholder_rm.choose {
    margin-top: -140px;
  }
  .worldmapholder_rm.choose .equator {
    top: 291px;
  }
  .worldmapholder_rm.legbanner {
    margin-top: -100px;
    margin-bottom: 0;
  }
  .worldmapholder_rm .maphelpoverlay .container12 .liner {
    width: 80%;
    padding-top: 120px;
  }
  .worldmapholder_rm .maphelpoverlay .container12 .liner .top {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .worldmapholder_rm .maphelpoverlay .container12 .liner .blurb {
    font-size: 24px;
    margin-bottom: 30px;
  }
  .bottomlegs {
    position: relative;
    bottom: auto !important;
    left: auto;
    height: auto;
  }
  .bottomlegs .toggle {
    padding: 35px 0 35px 0;
    background-image: none !important;
    cursor: auto;
  }
  .bottomlegs.open .toggle {
    background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/arrowup.png);
  }
  .bottomlegs .column4 {
    padding-right: 0;
    margin-bottom: 0;
    width: 100%;
  }
  .bottomlegs .column4:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
  }
  .bottomlegs .column4:last-child {
    border-bottom: none;
    margin-bottom: 40px;
  }
  .bottomlegs .column4 .entry {
    padding: 20px 0 20px 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }
  .bottomlegs .column4 .entry:hover {
    background-color: #fff;
  }
  .bottomlegs .column4 .entry:first-child {
    border-top: none;
  }
  #legstats .column4 {
    padding-top: 30px;
  }
  .legwidgets {
    padding-top: 0;
    margin-top: 0;
    padding-bottom: 0;
  }
  .legwidgets > div {
    width: 49%;
    margin-bottom: 40px;
  }
  .testimonials {
    height: 500px;
    font-size: 20px;
  }
  .testimonials .cycle-slideshow .slide .liner {
    width: 60%;
    font-size: 24px;
  }
  .testimonials .cycle-slideshow .cyclenav.cycle-prev {
    left: 7%;
  }
  .testimonials .cycle-slideshow .cyclenav.cycle-next {
    right: 7%;
  }
  #homeslider {
    height: 483px;
  }
  #homeslider .cycle-slideshow .slide .container12 .column6 {
    width: 70%;
  }
  #homeslider .cycle-slideshow .slide .container12 .column6 h1, #homeslider .cycle-slideshow .slide .container12 .column6 h2, #homeslider .cycle-slideshow .slide .container12 .column6 h3, #homeslider .cycle-slideshow .slide .container12 .column6 h4 {
    font-size: 60px;
    line-height: 1em;
  }
  #homegrid .column3 {
    width: 364px;
  }
  #homegrid .column6 {
    width: 748px;
  }
  #homegrid .column6.joinracebiglink {
    background-position: center 15px;
    background-size: 748px 436px;
  }
  #homegrid .column6.joinracebiglink #canvas {
    position: absolute;
    left: 0;
    top: 14px;
    width: 748px;
    height: 436px;
  }
  #homegrid .column6.joinracebiglink #canvas svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .aboutvwrap {
    display: none;
  }
  .aboutfallback {
    display: block;
  }
  .container12 .column6.tabfw {
    width: 748px;
  }
  #filterbox2 {
    padding-left: 0;
  }
  .clipper70 .title {
    font-size: 34px;
    width: 300px;
  }
  a.eventwrapper .titleholder {
    padding-right: 10px;
  }
  a.eventwrapper .titleholder h3 {
    margin-top: 0px;
  }
  a.eventwrapper .datetime {
    padding-top: 0px;
  }
  a.eventwrapper .intro {
    padding-top: 0px;
  }
  a.eventwrapper .flag {
    margin-top: 0px;
  }
  .psblock .column12 {
    margin-bottom: 0;
  }
  .psblock .column12:first-child {
    padding: 0px;
  }
  .psblock .column12:last-child {
    padding: 0px;
  }
  .psblock .column12 .imgholder {
    height: 198px;
  }
  .psblock .column12 .imgholder img.logo {
    max-width: 60%;
    max-height: 60%;
  }
  .psblock .column3 {
    width: 364px;
    margin-bottom: 0;
  }
  .psblock .column3 .imgholder {
    height: 198px;
  }
  .csblock .column12 {
    padding: 0;
  }
  .partentrywrapper .cs_entry .cs_left {
    width: 50%;
    height: 301px;
  }
  .partentrywrapper .cs_entry .cs_middle {
    width: 49%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 40px;
    height: 300px;
  }
  .partentrywrapper .cs_entry .cs_middle a {
    display: block;
    margin-top: 30px;
    margin-left: 0;
    margin-right: 0;
  }
  .partentrywrapper .cs_entry .cs_right {
    display: none;
  }
  .partentrywrapper .cs_entry .cs_right p {
    display: none;
  }
  .cs_container p .bigstat {
    font-size: 150px;
  }
  .jobentrywrapper .job_entry .job_left {
    height: 350px;
    width: 100%;
  }
  .jobentrywrapper .job_entry .job_right {
    width: 100%;
    padding-bottom: 176px;
    height: auto;
  }
  .jobentrywrapper .job_entry .job_right .date {
    margin-bottom: 20px;
  }
  .jobentrywrapper .job_entry .job_right h5 {
    font-size: 50px;
  }
  .jobentrywrapper .job_entry .job_right a.button {
    left: 40px;
  }
  #legstats.raceinfo {
    padding: 80px 0;
  }
  #legstats.raceinfo .column4 {
    height: 390px;
    padding-top: 0;
  }
  #legstats.raceinfo .column7 {
    height: 390px;
  }
  #legstats.raceinfo .column7 .legwidgets {
    padding-top: 30px;
  }
  .allportsmap {
    background-color: #E9E9E9;
    padding: 40px 0;
    margin-bottom: 0;
    font-size: 20px;
  }
  .allportsmap .container12 .column8 {
    width: 100%;
  }
  .allportsmap .container12 .column4 {
    width: 100%;
    height: auto;
    margin-top: 40px;
  }
  .allportsmap .container12 .column4 .liner {
    top: 0;
    -webkit-transform: none;
            transform: none;
  }
  .allportsmap .container12 .column4 h5 {
    font-size: 50px;
    text-transform: uppercase;
    font-weight: 800;
    color: #BA182D;
    line-height: 1em;
    padding-bottom: 20px;
  }
  #countriesvisited {
    height: 395px;
    width: 100%;
  }
  #countriesvisited .mapimg {
    display: none;
  }
  #countriesvisited #canvas {
    display: none;
  }
  #countriesvisited .row {
    width: 100%;
    position: relative;
  }
  #countriesvisited .row .column4 {
    width: 100%;
  }
  .alldocuments a.column3 {
    width: 364px;
  }
  .alldocuments a.column3 .downloadicon {
    width: 304px;
    background-position: 137px 0px;
  }
  .alldocuments a.column3:hover .downloadicon {
    background-position: -233px 0px;
  }
  .formholder.addkit > .left {
    width: 100%;
    margin-bottom: 20px;
  }
  .formholder.addkit > .right {
    width: 100%;
  }
  .addkitheader p {
    width: 60%;
  }
  .ozblock, .telemedblock {
    padding: 60px 0;
  }
  .ozblock .column12, .telemedblock .column12 {
    padding: 0;
  }
  .supporters_form_row {
    padding: 60px 0;
  }
  .supporters_form_row .column12 {
    padding: 0;
  }
  .juniorcrew-1 .row .column8 {
    padding-left: 0;
    width: 100%;
  }
  .juniorcrew-1 .row .column6 {
    padding-left: 128px;
    width: 492px;
  }
  .personaldetails > .left {
    width: 389px;
  }
  .personaldetails > .left .col1 {
    width: 389px;
  }
  .personaldetails > .left .col2 {
    width: 389px;
  }
  .personaldetails > .right {
    width: 296px;
  }
  .ch_faqs .entry .question {
    background-position: 708px -90px;
    padding: 20px 60px 20px 20px;
  }
  .ch_faqs .entry .question.active {
    background-position: 708px 29px;
  }
  .milestone_wrapper,
  .ch_timetable {
    width: 748px !important;
  }
  .team_member {
    width: 364px !important;
  }
  .messagecol4 {
    width: 748px !important;
  }
  .messageholder {
    padding-left: 0 !important;
    width: 748px !important;
  }
  .messageholder .liner .message .left {
    width: 294px;
    min-height: 130px;
  }
  .messageholder .liner .message .right {
    width: 374px;
    position: relative;
  }
  .messageholder .liner .message .right .preview {
    width: 374px;
  }
  .chbox {
    width: 364px !important;
  }
  .chdashbox {
    height: 360px;
    width: 364px !important;
  }
  #footerbar .column12.clockholder .until {
    line-height: 3.2;
    font-size: 13px;
    padding: 10px 10px 19px 34px;
    background-position: 12px 21px;
  }
  #footerbar .column12.clockholder .timekeeper {
    background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/clock-eb-tablet.png");
    background-position: center 12px;
    background-size: 130px 39px;
    width: 150px;
  }
  #footerbar .column12.clockholder .mapstandinglink {
    font-size: 17px;
    padding: 21px 100px 19px 0;
    width: 154px;
    border-left: 0;
  }
  #footerbar .column12.mapslide {
    bottom: 135px;
    height: 671px;
  }
  #footerbar .column12.mapslide #raceviewermapsmall {
    display: none;
  }
  #footerbar .column12.mapslide #cd-zoom-out {
    margin-bottom: 0px;
  }
  #footerbar .column12.mapslide .table {
    float: right;
    width: 748px;
  }
  #footerbar .column12.mapslide .table table {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 800;
    width: 100%;
  }
  #footerbar .column12.mapslide .table table tr.stealthrow {
    opacity: 0.4;
  }
  #footerbar .column12.mapslide .table table tr th, #footerbar .column12.mapslide .table table tr td {
    text-align: left;
    padding: 11px 16px 11px 16px;
    position: relative;
  }
  #footerbar .column12.mapslide .table table tr th a, #footerbar .column12.mapslide .table table tr td a {
    text-decoration: none;
  }
  #footerbar .column12.mapslide .table table tr th a:hover, #footerbar .column12.mapslide .table table tr td a:hover {
    text-decoration: underline;
  }
  #footerbar .column12.mapslide .table table tr th a .showonmob, #footerbar .column12.mapslide .table table tr td a .showonmob {
    display: none;
  }
  #footerbar .column12.mapslide .table table tr th.min20, #footerbar .column12.mapslide .table table tr td.min20 {
    min-width: 20px;
  }
  #footerbar .column12.mapslide .table table tr th .nada, #footerbar .column12.mapslide .table table tr td .nada {
    display: block;
    width: 22px;
    height: 4px;
    background-color: #fff;
  }
  #footerbar .column12.mapslide .table table tr th .posflag, #footerbar .column12.mapslide .table table tr td .posflag {
    display: block;
    position: absolute;
    top: 10px;
    left: 16px;
    width: 60px;
  }
  #footerbar .column12.mapslide .table table tr th .posflag .colour, #footerbar .column12.mapslide .table table tr td .posflag .colour {
    display: block;
    float: left;
    clear: none;
    width: 10px;
    height: 25px;
    margin-right: 2px;
    -webkit-transform: skew(-12deg);
            transform: skew(-12deg);
  }
  #footerbar .column12.mapslide .table table tr th .posflag .num, #footerbar .column12.mapslide .table table tr td .posflag .num {
    display: block;
    float: left;
    clear: none;
    width: 30px;
    height: 25px;
    -webkit-transform: skew(-12deg);
            transform: skew(-12deg);
    background-color: #fff;
    color: #000;
    text-align: center;
  }
  #footerbar .column12.mapslide .table table tr th .posflag .num > span, #footerbar .column12.mapslide .table table tr td .posflag .num > span {
    -webkit-transform: skew(12deg);
            transform: skew(12deg);
    display: block;
    line-height: 1em;
    padding-top: 7px;
    margin-left: -2px;
  }
  #footerbar .column12.mapslide .table table tr th {
    color: #666;
    line-height: 1.5em;
  }
  #footerbar .column12.mapslide .table table tr:nth-child(even) {
    background-color: #373737;
  }
  #footerbar .flip-clock-wrapper:not(.race-started) ul {
    width: 18px;
  }
  #footerbar .flip-clock-wrapper:not(.race-started) ul li a div.up div.inn,
  #footerbar .flip-clock-wrapper:not(.race-started) ul li a div.down div.inn {
    font-size: 22px;
  }
  #footerbar .flip-clock-wrapper:not(.race-started) .flip-clock-divider {
    margin-left: 0;
    padding-left: 6px;
  }
  #banner.centered.wider .bannertext {
    width: 748px;
  }
  #telemedcontactform .column12 .liner {
    width: 100%;
  }
  #crewwrapper .column3 {
    height: 115px;
    width: 172px;
  }
  #crewwrapper .column3 .textoverlay {
    top: 115px;
    font-size: 14px;
  }
  #crewwrapper .crewfurtherinfo {
    height: 263px;
  }
  #crewwrapper .crewinfoholder {
    height: 243px;
  }
  #crewwrapper .crewinfoholder > .left {
    height: 243px;
    width: 364px;
  }
  #crewwrapper .crewinfoholder > .left img {
    width: 364px;
    height: 243px;
  }
  #crewwrapper .crewinfoholder > .right {
    padding: 20px;
    width: 384px;
    height: 243px;
  }
  #crewwrapper .crewinfoholder > .right .name {
    font-size: 20px;
    padding-bottom: 20px;
    padding-right: 77px;
  }
  #crewwrapper .crewinfoholder > .right .nationality {
    top: 20px;
    right: 20px;
  }
  #crewwrapper .crewinfoholder > .right .nationality img {
    width: 25px;
    margin-left: 10px;
  }
  #crewwrapper .crewinfoholder > .right ul {
    bottom: 20px;
    left: 20px;
    width: 343px;
    font-size: 14px;
  }
  #crewwrapper .crewinfoholder > .right ul li {
    padding-top: 3px;
  }
  #crewwrapper .crewinfoholder > .right ul li .left {
    width: 50%;
  }
  #crewwrapper .crewinfoholder > .right ul li .right {
    width: 152px;
  }
  a.bigteamlink {
    height: 180px;
    padding-left: 40px;
    padding-top: 32px;
  }
  a.bigteamlink .teamname {
    font-size: 22px;
    float: none;
    width: 320px;
    margin-right: 28px;
    height: auto;
    margin-bottom: 30px;
  }
  a.bigteamlink .skippercrew {
    width: 380px;
    float: none;
    height: auto;
    font-size: 18px;
    line-height: 1em;
    padding-left: 35px;
  }
  a.bigteamlink .skippercrew .crewno {
    margin-top: 10px;
    padding-top: 10px;
    width: 380px;
    margin-left: -35px;
  }
  a.bigteamlink .skippercrew .flag {
    height: 13px;
  }
  a.bigteamlink .skippercrew .flag.dual {
    left: 30px;
  }
  a.bigteamlink .skippercrew.dual {
    padding-left: 68px;
  }
  a.bigteamlink .skippercrew.dual .crewno {
    margin-left: -68px;
  }
  img.teamhomesmallsponsor {
    display: none;
  }
  .maptoolbar {
    margin-top: 0;
  }
  .maptoolbar .container12 .raceno {
    padding: 22px 15px;
  }
  .maptoolbar .container12 .racename {
    border-right: 0;
    padding: 22px 15px;
    width: 380px;
  }
  .maptoolbar .container12 .race-dropdown {
    width: 465px;
  }
  .maptoolbar .container12 .race-dropdown-list .race-name {
    width: 340px;
  }
  .maptoolbar .container12 .toolbar > div {
    width: 42px;
  }
  .maptoolbar .container12 .toolbar > div#terrain {
    background-size: 22px 22px;
  }
  .maptoolbar .container12 .toolbar > div#ruler {
    display: none;
  }
  .maptoolbar .container12 .toolbar > div#swell {
    background-size: 24px 15px;
  }
  .maptoolbar .container12 .toolbar > div#wind {
    background-size: 17px 23px;
  }
  .maptoolbar .container12 .toolbar > div#temp {
    background-size: 12px 23px;
  }
  .maptoolbar .container12 .toolbar > div#togglecourse {
    display: none;
  }
  .maptoolbar .container12 .toolbar > div#fitmap {
    background-size: 20px 21px;
  }
  .standingstables table tr th, .standingstables table tr td {
    padding: 16px 10px;
  }
  .standingstables table tr th.min20, .standingstables table tr td.min20 {
    min-width: 38px;
  }
  .standingstables table tr th.hide_tab, .standingstables table tr td.hide_tab {
    display: none;
  }
  .standingstables table tr th.hide_desk, .standingstables table tr td.hide_desk {
    display: block;
  }
  .standingtablesbar {
    height: 112px;
    border-top: 56px solid #000;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .standingtablesbar .container12 {
    position: relative;
  }
  .standingtablesbar .container12 .column8 {
    width: 100%;
    height: 56px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .standingtablesbar .container12 .column4 {
    width: 100%;
    height: 56px;
    position: absolute;
    top: -56px;
    left: 0;
  }
  .standingtablesbar .container12 .column4 .eblink {
    float: left;
    background-position: center left;
  }
  .supportmessage {
    width: 364px;
  }
  #sendsupport {
    width: 364px;
  }
  .gameholder {
    height: 580px;
    width: 760px;
    margin-top: 10px;
    margin-bottom: 20px;
    margin-right: 0;
  }
  .gameholder iframe {
    margin-top: 0;
    border: 1px solid #ccc;
    padding: 0;
  }
  .raceviewer_content {
    border-bottom: 1px solid #333;
  }
  .raceviewer_content .sliderholder {
    padding-right: 170px;
  }
  .raceviewer_content .sliderholder #slidelabel {
    display: none;
  }
  .rvbar.temp {
    width: 300px;
  }
  .rvbar.wind {
    width: 300px;
  }
  .anniwrapper .anni {
    margin-bottom: 40px;
  }
  .anniwrapper .anni .anniimg {
    height: 183px;
  }
  .anniwrapper .anni .annicopy > .left {
    width: 100%;
    padding-right: 0;
  }
  .anniwrapper .anni .annicopy > .right {
    width: 100%;
  }
  .anniwrapper .anni .annicopy > .right .button.enquire {
    float: left;
  }
  .merchwrapper .merch {
    margin-bottom: 40px;
  }
  .merchwrapper .merch img {
    height: 183px;
  }
  .merchwrapper .merch .merchcopy > .left {
    width: 100%;
    padding-right: 0;
  }
  .merchwrapper .merch .merchcopy > .right {
    width: 100%;
  }
  .merchwrapper .merch .merchcopy > .right .block .left {
    width: 20%;
  }
  .merchwrapper .merch .merchcopy > .right .block .right {
    width: 77%;
  }
  .merchwrapper .merch .merchcopy > .right .block.last .left {
    width: 73%;
  }
  .merchwrapper .merch .merchcopy > .right .block.last .right {
    width: 25%;
  }
  .merchmoreinfo .column3 {
    width: 100%;
  }
  .merchmoreinfo .column3.first {
    margin-bottom: 40px;
  }
  header .langswitch.bar2 {
    display: block;
    position: absolute;
    border-right: 1px solid #4E4E4E;
    top: 18px;
    left: 446px;
    height: 45px;
    width: 80px;
  }
  .connectblock .column12 {
    padding: 0 10%;
  }
  .connectblock .column12 h1 {
    font-size: 32px;
  }
  .row.connectevent .left50 {
    width: 100%;
    padding: 90px 10%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .row.connectevent .right50 {
    display: none;
  }
  .row.friendlyface .left50 {
    background-position: center top 0;
    height: 500px;
    width: 100%;
  }
  .row.friendlyface .right50 {
    float: none;
    margin-top: 500px;
    width: 100%;
    padding: 60px 6.25% 40px 6.25%;
  }
  .supporters_link_row {
    padding: 30px 0;
  }
  .supporters_link_block {
    height: 320px;
  }
  .supporters_link_block.thirds .liner {
    font-size: 30px;
  }
  .row.connectvideo .vidleft {
    width: 100%;
    height: 480px;
  }
  .row.connectvideo .vidright {
    width: 100%;
    height: 480px;
  }
  .row.connectvideo .liner {
    width: 60%;
  }
  img.colourlogo {
    max-width: 100%;
  }
  .bottombuttons .rel {
    display: block;
  }
  a.crewdiaryblock .text-preview {
    line-height: 1em;
  }
  .cookie-banner {
    display: block;
  }
  .cookie-banner .cookie-left {
    width: 50%;
    float: left;
  }
  .cookie-banner .cookie-right {
    width: 50%;
    float: right;
    text-align: right;
  }
  .apply-option {
    padding: 50px 30px;
    min-height: 380px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .apply-option h2 {
    font-size: 40px;
  }
  .crew-stories-banner {
    padding: 100px 0;
  }
  .aqp-info {
    width: calc(50% - 30px);
    padding: 30px 0 30px 30px;
    padding-bottom: 0;
  }
}

@media only screen and (max-width: 1099px) {
  #footerbar .column12.clockholder .until.race-started {
    display: none;
  }
  #footerbar .column12.clockholder .timekeeper.race-started {
    width: 160px;
  }
  #crewwrapper.greenings-crew .column3 {
    height: 260px;
  }
  #crewwrapper.greenings-crew .column3 h4 {
    font-size: 16px;
    line-height: 16px;
  }
  #crewwrapper.greenings-crew .column3 p {
    font-size: 14px;
    line-height: 16px;
  }
  .crew-stories-banner-content br {
    display: none;
  }
  .csblock.tierblock {
    width: 100%;
  }
  .team-stats {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .team-stats-left,
  .team-stats-right {
    width: 100%;
  }
  .team-stats-left {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .team-banner .schema-img {
    display: none;
  }
  .team-stats-left .stat-value {
    width: 60%;
  }
  .team-stats-left .stat-name {
    width: 40%;
  }
  .app-pack-buttons .order-by-post {
    margin-left: 0;
    margin-top: 20px;
  }
  .app-pack-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

/************************** MOBILE **************************/
@media only screen and (max-width: 767px) {
  .team-sponsor-logo img {
    max-height: 65px;
  }
  .hide-on-mobile {
    display: none;
  }
  .footer-logos {
    margin-top: 10px !important;
    text-align: center;
  }
  .footer-logos a {
    float: none !important;
    display: block !important;
    margin: 10px auto !important;
  }
  blockquote {
    font-size: 32px;
  }
  .mob {
    display: block;
  }
  .hideonmob {
    display: none !important;
  }
  .showondesktop {
    display: none;
  }
  .showontablet {
    display: none;
  }
  .showonmobile {
    display: inline;
  }
  .text-section-2 {
    padding-top: 0;
  }
  .standingsvwrap {
    padding-top: 50px;
  }
  #topbar {
    display: none !important;
  }
  #bottombar {
    z-index: 3;
    position: relative !important;
  }
  #breadcrumb {
    margin-bottom: 0;
  }
  #menu {
    display: block;
    left: 252px;
  }
  #mobsearch {
    display: block;
    left: 210px;
  }
  #bottombarsearch {
    display: none !important;
  }
  #search form input[type="search"] {
    width: 238px;
    padding: 16px 52px 15px 15px;
  }
  #search form input[type="submit"] {
    left: 185px;
    width: 44px;
  }
  #search .close {
    right: 26px;
  }
  #main.livestream .container12 .row .column12.livestreamholder iframe,
  #main.livestream .container12 .row .column12.livestreamholder .video-js {
    height: 169px;
  }
  a#logo {
    width: 200px;
    background-size: 155px 25px;
    background-position: 0 27px;
    height: 59px;
  }
  a#logo.ch {
    padding: 27px 0 0 0px;
    background-image: none;
  }
  a#logo.telemed {
    height: 79px;
    margin-bottom: -20px;
  }
  header {
    position: fixed;
    top: 0;
    width: 100%;
    margin-bottom: 0 !important;
  }
  header .container12 {
    position: inherit;
  }
  header .container12 .column3 {
    position: relative;
  }
  header .container12 nav.column9 {
    display: block;
    z-index: 2;
    position: fixed;
    right: -270px;
    top: 79px;
    width: 270px;
    margin: 0;
    height: 100%;
    background-color: #222;
    overflow: hidden;
    z-index: 999;
  }
  header .container12 nav.column9 > ul > li:last-child {
    margin-bottom: 79px;
  }
  header .container12 nav.column9 ul {
    height: 92%;
    width: 270px;
    margin-right: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: relative;
  }
  header .container12 nav.column9 ul::-webkit-scrollbar {
    display: none;
  }
  header .container12 nav.column9 ul li {
    float: none;
    display: block;
    position: relative;
  }
  header .container12 nav.column9 ul li.onlymobport {
    border-bottom: 1px solid #444;
    padding: 20px 15px 16px 18px;
    height: 15px;
    display: block;
  }
  header .container12 nav.column9 ul li.onlymobport .langswitch form {
    padding: 0 14px 0 0;
  }
  header .container12 nav.column9 ul li:hover {
    background-color: #222;
  }
  header .container12 nav.column9 ul li:hover a {
    color: #666;
  }
  header .container12 nav.column9 ul li.hassubnav > a {
    background-image: none;
  }
  header .container12 nav.column9 ul li.hassubnav > a:after {
    content: ' ';
    display: block;
    height: 100%;
    border-left: 1px solid #444;
    width: 52px;
    position: absolute;
    right: 0;
    top: 0;
    background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/arrowdown.png);
    background-size: 8px 5px;
    background-position: center center;
    background-repeat: no-repeat;
  }
  header .container12 nav.column9 ul li.hassubnav.active > a {
    background-color: #191919;
    color: #fff;
  }
  header .container12 nav.column9 ul li.hassubnav.active > a:after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    border-right: 1px solid #444;
    border-left: none;
  }
  header .container12 nav.column9 ul li a {
    padding: 16px 15px 16px 18px;
    min-height: 52px;
    border-bottom: 1px solid #444;
    position: relative;
  }
  header .container12 nav.column9 ul li a.active {
    background-color: #191919;
    color: #fff;
  }
  header .container12 nav.column9 ul li.mob a {
    color: #444;
    padding: 6px 15px 6px 18px;
    min-height: 32px;
  }
  header .container12 nav.column9 ul li .subnav {
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: none;
    background-color: #222;
    position: relative;
    top: 0;
    width: 100%;
  }
  header .container12 nav.column9 ul li .subnav.single {
    width: 100%;
  }
  header .container12 nav.column9 ul li .subnav ul {
    width: 100%;
  }
  header .container12 nav.column9 ul li .subnav ul.left {
    float: none;
  }
  header .container12 nav.column9 ul li .subnav ul.right {
    margin-left: 0;
    float: none;
  }
  header .container12 nav.column9 ul li .subnav li {
    float: none;
  }
  header .container12 nav.column9 ul li .subnav li a {
    min-height: inherit;
    padding: 16px 15px 15px 18px;
    border-bottom: 1px solid #303030;
    color: #666;
  }
  header #bottombar #jointherace,
  header #bottombar #jointheraceform {
    width: 100%;
  }
  #homebanner {
    margin-top: 10px;
    height: auto;
  }
  #homebanner #primary_container {
    float: none;
    width: 100%;
    border-right: none;
    border-bottom: 2px solid #FFF;
  }
  #homebanner #primary_container .big_feature {
    background-size: 767px 287px;
    background-position: center 0;
    background-color: #FFF;
  }
  #homebanner #primary_container .big_feature .opaque_bg {
    display: none;
  }
  #homebanner #primary_container .big_feature .liner {
    position: absolute;
    top: unset;
    left: unset;
    bottom: 20px;
    -webkit-transform: unset;
    transform: unset;
    height: auto;
    padding: 0;
  }
  #homebanner #primary_container .big_feature .liner span:nth-child(1) {
    color: #000;
    font-size: 36px;
    margin-bottom: 13px;
  }
  #homebanner #primary_container .big_feature .liner span:nth-child(2) {
    color: #BA182D;
    font-size: 14px;
    margin-bottom: 16px;
  }
  #homebanner #primary_container .big_feature .liner .big_readmore {
    height: 40px;
    font-size: 14px;
    padding-top: 13px;
    padding-left: 13px;
    padding-right: 13px;
  }
  #homebanner #primary_container .big_feature .liner .big_readmore:after {
    width: 40px;
    height: 40px;
    top: 0;
    right: -40px;
    background-size: 68px 14px;
    background-position: -43px center;
  }
  #homebanner #secondary_container {
    float: none;
    width: 100%;
    height: auto;
  }
  #homebanner #secondary_container .mini_feature {
    height: 198px;
  }
  #homebanner #secondary_container .mini_feature .opaque_bg {
    opacity: 0.6;
  }
  #homebanner #secondary_container .mini_feature .liner {
    position: relative;
    width: 300px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 auto;
    left: 0;
    padding: 0;
  }
  #homecontainer {
    margin-top: 79px;
  }
  #homecontainer.shrinkifapply {
    margin-top: 79px;
  }
  footer #footertop {
    height: auto;
  }
  footer #footertop .column5 {
    margin-bottom: 0;
  }
  footer #footertop .column5 a {
    display: block;
    float: none;
    border-bottom: 1px solid #3f3f3f;
    width: 100%;
    background-repeat: no-repeat;
    margin: 20px 0;
    height: 50px;
  }
  footer #footertop .column5 a.fl_events {
    height: 45px;
  }
  footer #footertop .column5 a.fl_velux {
    height: 45px;
    margin-bottom: 0;
  }
  footer #footertop .column5 a.fl_maverick {
    height: 50px;
    margin-bottom: 0px;
    padding-bottom: 20px;
  }
  footer #footertop .column5 a.fl_praxes {
    height: 50px;
    margin-bottom: 0px;
    padding-bottom: 20px;
  }
  footer #footertop .column5 a.fl_bmf {
    height: 50px;
    margin-bottom: 0px;
    padding-bottom: 20px;
  }
  footer #footertop .column7 {
    width: 100%;
  }
  footer #footertop .column7 .right {
    width: 100%;
  }
  footer ul#footernav {
    margin-right: 0;
    margin-top: 0;
    width: 100%;
  }
  footer ul#footernav li {
    margin-left: 0;
    display: block;
    float: none;
  }
  footer ul#footernav li a {
    border-bottom: 1px solid #3f3f3f;
    padding: 15px 0;
    display: block;
    width: 100%;
    line-height: 1em;
  }
  footer ul#footernav li.bysalad a {
    display: inline-block;
    width: auto;
    border-bottom: none;
  }
  footer .socialwrapper {
    width: 100%;
    margin-bottom: 20px;
  }
  footer .socialwrapper a.social {
    width: 40px;
    height: 40px;
    background-size: 350px 40px;
    margin-right: 46px;
  }
  footer .socialwrapper a.social.linkedin {
    background-position: -280px 0;
  }
  footer .socialwrapper a.social.instagram {
    background-position: 0 0;
  }
  footer .socialwrapper a.social.youtube {
    background-position: -73px 0;
  }
  footer .socialwrapper a.social.twitter {
    background-position: -143px 0;
  }
  footer .socialwrapper a.social.facebook {
    background-position: -207px 0;
    margin-right: 0;
  }
  footer #footerbottom {
    background-color: #000;
  }
  footer #footerbottom a#footerscrollerlink {
    width: 100%;
  }
  footer #footerbottom a#footerscrollerlink:after {
    background-color: #272727;
  }
  footer #footerbottom .relative {
    height: 89px;
    margin-bottom: 20px;
  }
  footer #footerbottom .relative .backup {
    height: 44px;
    width: 44px;
    background-color: #BA182D;
    cursor: pointer;
    position: absolute;
    top: 43px;
    right: 0;
    background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/arrowtop.png);
    background-position: center center;
    background-size: 14px 14px;
    background-repeat: no-repeat;
  }
  footer #footerbottom .credits {
    position: absolute;
    top: 40px;
    left: 0;
    margin-bottom: 0;
    height: 48px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 19px 59px 0 15px;
    border-bottom: 1px solid #3f3f3f;
    line-height: 1em;
  }
  #footerscroller {
    padding: 0;
    border-bottom: 0;
    margin-top: 0;
  }
  #slideshow {
    height: 335px;
  }
  #slideshow > div .bannertext {
    font-size: 38px;
    line-height: 1em;
  }
  #filterbox2 {
    padding-left: 0;
  }
  a.addleglink .addtext {
    float: none;
  }
  a.addleglink .applytext {
    display: none;
    float: none;
  }
  .dashwidgets .chbox.box3 a.button {
    width: calc(100% - 30px) !important;
  }
  .aboutvwrap {
    display: none;
  }
  .aboutfallback {
    display: block;
  }
  #vidframe {
    position: relative;
    width: 320px;
    padding: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #vidframe iframe, #vidframe object, #vidframe embed {
    position: relative;
    width: 300px;
    height: 220px;
  }
  .vidholder {
    height: 236px;
  }
  .vidholder > div.withtitle {
    background-position: center 134px;
    background-size: 60px 60px;
  }
  .vidholder > div.withtitle span {
    padding-top: 30px;
    font-size: 40px;
    line-height: 1.1em;
    width: 300px;
  }
  .gridcolumn3 {
    width: 100%;
  }
  .crewholder {
    height: auto;
  }
  .crewholder .left {
    width: 300px;
    height: 399px;
  }
  .crewholder .right {
    width: 100%;
    height: auto;
    clear: both;
  }
  .crewholder .right .bio {
    margin-bottom: 20px;
  }
  .crewholder .right .fancy {
    display: block;
    width: 260px;
    position: relative;
    bottom: auto;
  }
  .button {
    width: 100% !important;
  }
  .vidframe {
    width: 280px;
    padding: 10px;
  }
  .vidframe iframe, .vidframe object, .vidframe embed {
    width: 260px;
    height: 146px;
    margin-bottom: 10px;
  }
  .vidframe > span {
    width: 100%;
    margin-bottom: 10px;
    margin-top: 0;
    font-size: 15px;
    text-align: center;
  }
  .vidframe a {
    padding: 20px 40px;
    width: 180px;
    text-align: center;
  }
  .vidframe.featured_style .left_col {
    width: 260px;
    float: none;
  }
  .vidframe.featured_style .left_col > span + span {
    margin-bottom: 20px;
  }
  .vidframe.featured_style .right_col {
    width: 260px;
    float: none;
  }
  .roleswrapper .role {
    height: 246px;
  }
  .prevraceholder.column4 {
    height: 228px;
  }
  .gallery .cycle-overlay, .gallery .cycle-prev, .gallery .cycle-next, .gallery .more {
    display: none !important;
  }
  .prevraceholder.column4 {
    height: 168px;
  }
  .trainingmapholder > span {
    width: 100%;
    background-position: 270px 16px;
  }
  .trainingmapholder .addressdetails {
    width: 100%;
  }
  .faqcategory .title, .faqcategory .question {
    background-position: 257px -85px;
  }
  .faqcategory .title.active, .faqcategory .question.active {
    background-position: 257px 32px;
  }
  .faqask input[type="text"] {
    padding-right: 112px;
  }
  .faqask .askbutton {
    width: 100px;
  }
  #askform,
  .merchform {
    display: none;
    width: 300px;
  }
  #askform form,
  .merchform form {
    padding: 20px;
    width: 260px;
  }
  .newsdate {
    margin-bottom: 20px;
  }
  #relatedarticles {
    padding-bottom: 50px;
  }
  #filterbox {
    margin-bottom: 10px;
  }
  #filterbox .relative {
    height: auto;
    margin-bottom: 10px;
  }
  #filterbox .relative .filtercontainer {
    position: relative;
  }
  .capturecontainer form#captureform input[type="submit"] {
    width: 100%;
  }
  form.supportersform .clearfix .wrapper50 {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  form.supportersform .clearfix .wrapper50.nrm {
    margin-bottom: 0;
  }
  form.supportersform .supporterssubmit {
    margin-top: 50px;
  }
  .applyform .clearfix, form.newsletterform .clearfix {
    margin-bottom: 20px;
  }
  .applyform .clearfix .titlewrapper,
  .applyform .clearfix .firstnamewrapper,
  .applyform .clearfix .lastnamewrapper,
  .applyform .clearfix .wrapper50, form.newsletterform .clearfix .titlewrapper,
  form.newsletterform .clearfix .firstnamewrapper,
  form.newsletterform .clearfix .lastnamewrapper,
  form.newsletterform .clearfix .wrapper50 {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .applyform .clearfix .titlewrapper.nrm,
  .applyform .clearfix .firstnamewrapper.nrm,
  .applyform .clearfix .lastnamewrapper.nrm,
  .applyform .clearfix .wrapper50.nrm, form.newsletterform .clearfix .titlewrapper.nrm,
  form.newsletterform .clearfix .firstnamewrapper.nrm,
  form.newsletterform .clearfix .lastnamewrapper.nrm,
  form.newsletterform .clearfix .wrapper50.nrm {
    margin-bottom: 0;
  }
  .applyform .clearfix.divide3 .relative, form.newsletterform .clearfix.divide3 .relative {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .applyform .clearfix.divide3 .relative.nrm, form.newsletterform .clearfix.divide3 .relative.nrm {
    margin-bottom: 0;
  }
  .applyform button, form.newsletterform button {
    width: 100% !important;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .applyform button.hasinfo, form.newsletterform button.hasinfo {
    padding-right: 23px;
  }
  .applyform button.hasinfo img, form.newsletterform button.hasinfo img {
    display: none;
  }
  .applyform .bottombuttons, form.newsletterform .bottombuttons {
    margin: 50px 0 40px 0;
  }
  #app_progress ul li {
    text-align: left;
    display: none;
    background-color: #fff;
  }
  #app_progress ul li.current {
    display: block;
    background-color: #fff;
  }
  #app_progress ul li > span {
    display: inline-block;
    border-right: 0;
  }
  #app_progress ul li > span > span.showonmob {
    display: inline-block;
  }
  .container12 .column4.applyforminfo {
    width: 100%;
  }
  .container12 .column7.prefix1.fullontablet {
    padding-left: 0;
    width: 100%;
    border-top: 1px solid #d0d0d0;
    margin-top: 15px;
  }
  .formleg {
    padding: 20px 0;
  }
  .formleg .left div.check {
    margin-left: 12px;
    width: 33px;
  }
  .formleg .left div.leg {
    font-size: 16px;
    padding-top: 2px;
    width: 240px;
    padding-right: 10px;
  }
  .formleg .left div.moreinfo {
    width: 240px;
    font-size: 13px;
    padding-top: 2px;
  }
  .formleg .left div.moreinfo.wider {
    width: 240px;
  }
  .formleg .right {
    font-size: 16px;
    padding-top: 10px;
    float: left;
    padding-left: 45px;
  }
  .formleg.training .left .leg {
    width: 240px;
  }
  .formleg.training .left .moreinfo {
    width: 240px !important;
  }
  .formleg.circum .left .leg {
    width: 240px;
  }
  .formleg.circum .left .moreinfo {
    width: 240px !important;
  }
  #visitlater form {
    width: 260px;
  }
  a.jointheracebar {
    display: block;
  }
  .billingbuttons a.button {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .billingbuttons input[type="submit"] {
    width: 100%;
    margin-bottom: 10px;
  }
  .portwidgets > div {
    width: 49%;
    margin-bottom: 40px;
  }
  .ports a.portprev, .ports div.portprev {
    min-height: 0 !important;
  }
  .ports a.portprev .circumnavigation-cta, .ports div.portprev .circumnavigation-cta {
    position: relative;
    padding-bottom: 100px;
  }
  #portmap {
    height: 400px;
  }
  #porttablewrapper .portlist .entry .left {
    width: 100%;
  }
  #porttablewrapper .portlist .entry .left .morewrapper .link {
    opacity: 1;
  }
  #porttablewrapper .portlist .entry .right {
    width: 100%;
    text-align: left;
  }
  .bigaccord {
    padding: 30px 0;
    position: relative;
  }
  .bigaccord .column1 {
    position: absolute;
    top: 30px;
    right: 0;
  }
  .bigaccord .column5,
  .bigaccord .column6 {
    margin-bottom: 0;
  }
  .bigaccord .column6 .liner {
    padding-top: 20px;
  }
  .bigaccord .article {
    min-height: 0;
  }
  .aboutaspirational {
    height: 340px;
  }
  .aboutaspirational div {
    font-size: 20px;
  }
  .aboutaspirational div span:first-child {
    top: 4px;
  }
  .aboutaspirational div span:last-child {
    margin-top: 14px;
  }
  .pagination a {
    width: 140px;
  }
  .galleryheader .left {
    padding: 20px 40px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 24px;
    font-weight: 800;
    width: 100%;
  }
  .galleryheader .right {
    padding: 0 40px 20px 40px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-weight: 700;
    width: 100%;
    text-align: left;
    font-size: 14px;
    line-height: 1em;
  }
  .testimonanials {
    height: 300px;
    font-size: 20px;
  }
  .testimonanials .testim {
    width: 300px;
  }
  .fleetinfo {
    padding: 40px 0;
  }
  .fleetinfo h2 {
    font-size: 30px;
    margin-bottom: 40px;
  }
  .fleetinfo .fleettable .entry .col_left {
    width: 40%;
  }
  .fleetinfo .fleettable .entry .col_mid {
    width: 29%;
  }
  .fleetinfo .fleettable .entry .col_right {
    width: 29%;
  }
  .fleetsnippets {
    height: 350px;
  }
  .fleetsnippets.ozsnippets {
    height: auto;
    padding: 50px 0;
  }
  .fleetsnippets .cycle-slideshow .slide .liner {
    width: 60%;
  }
  .fleetsnippets .cycle-slideshow .slide .liner h3 {
    font-size: 24px;
  }
  .fleetsnippets .cycle-slideshow .slide .liner div {
    font-size: 16px;
    line-height: 1.4em;
  }
  .fleetsnippets .cycle-slideshow .cyclenav.cycle-prev {
    left: 7%;
  }
  .fleetsnippets .cycle-slideshow .cyclenav.cycle-next {
    right: 7%;
  }
  .clipper70 {
    padding: 20px 0;
  }
  .clipper70 .container12 .markerwrapper .marker {
    display: none !important;
  }
  .worldmapholder_rm {
    position: relative;
    height: auto;
    margin-top: -40px;
    margin-bottom: 30px;
  }
  .worldmapholder_rm .equator {
    display: none;
  }
  .worldmapholder_rm.choose {
    margin-top: -40px;
    padding-bottom: 10px;
  }
  .worldmapholder_rm.legbanner {
    margin-top: -20px;
    margin-bottom: 0;
  }
  .worldmapholder_rm .maphelpoverlay .container12 .liner {
    width: 80%;
    padding-top: 0px;
  }
  .worldmapholder_rm .maphelpoverlay .container12 .liner .top {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .worldmapholder_rm .maphelpoverlay .container12 .liner .blurb {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .worldmapholder_rm .maphelpoverlay .container12 .liner .button {
    width: 180px !important;
    padding: 13px 12px 10px 12px;
    height: 40px;
  }
  .worldmapholder .container12 {
    margin-top: 129px;
    height: 127px;
    background-size: 300px 127px;
    background-position: center;
  }
  .worldmapholder .container12 .marker {
    width: 10px;
    height: 10px;
    border-radius: 5px;
  }
  .bottomlegs {
    position: relative;
    bottom: auto !important;
    left: auto;
    height: auto;
  }
  .bottomlegs .toggle {
    padding: 35px 0 15px 0;
    background-image: none !important;
    cursor: auto;
  }
  .bottomlegs.open .toggle {
    background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/arrowup.png);
  }
  .bottomlegs .column4 {
    padding-right: 0;
    margin-bottom: 0;
  }
  .bottomlegs .column4:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
  }
  .bottomlegs .column4:last-child {
    border-bottom: none;
    margin-bottom: 40px;
  }
  .bottomlegs .column4 .entry {
    padding: 20px 0 20px 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }
  .bottomlegs .column4 .entry:hover {
    background-color: #fff;
  }
  .bottomlegs .column4 .entry:first-child {
    border-top: none;
  }
  .testimonials {
    height: 400px;
    font-size: 18px;
  }
  .testimonials .cycle-slideshow .slide .liner {
    width: 80%;
    font-size: 16px;
    line-height: 1.4em;
  }
  .testimonials .cycle-slideshow .slide .liner .imgcircle {
    margin-top: 20px;
    margin-bottom: 15px;
  }
  .testimonials .cycle-slideshow .cyclenav.cycle-prev {
    left: 3%;
  }
  .testimonials .cycle-slideshow .cyclenav.cycle-next {
    right: 3%;
  }
  .testimonials.rkj {
    height: 400px;
  }
  .testimonials.rkj .cycle-slideshow .slide .liner {
    font-size: 20px;
    line-height: 1.5em;
    width: 90%;
  }
  .legwidgets {
    padding-bottom: 0;
  }
  .legwidgets > div {
    width: 49%;
    margin-bottom: 40px;
  }
  #duration .column6 {
    font-size: 200px;
    top: auto;
    -webkit-transform: none;
            transform: none;
    margin-bottom: 0;
  }
  #duration .column6 .digit {
    height: 210px;
    width: 115px;
    margin-left: -10px;
  }
  #duration .column6 #firstdigit {
    margin-left: -30px;
  }
  #duration .column5 {
    top: auto;
    -webkit-transform: none;
            transform: none;
  }
  #homeslider {
    height: 300px;
  }
  #homeslider .cycle-slideshow .slide .container12 .column6 {
    display: none;
  }
  #homeslider .cycle-slideshow .slide .container12 .column6 h1, #homeslider .cycle-slideshow .slide .container12 .column6 h2, #homeslider .cycle-slideshow .slide .container12 .column6 h3, #homeslider .cycle-slideshow .slide .container12 .column6 h4 {
    font-size: 34px;
    line-height: 1em;
    margin-bottom: 10px;
  }
  #homeslider .cycle-slideshow .slide .container12 .column6 p {
    font-size: 14px;
    margin-bottom: 14px;
  }
  #homeslider .cycle-slideshow .cyclenav {
    display: block;
  }
  #pagerwrapper {
    background-color: #000;
  }
  #pagerwrapper .container12 #pager a {
    display: none;
    width: 75% !important;
    text-align: left;
    cursor: default;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  #pagerwrapper .container12 #pager a:after {
    display: none;
  }
  #pagerwrapper .container12 #pager a.cycle-pager-active {
    display: block;
  }
  #homegrid .column3.jointherace span.bottom {
    width: 80%;
  }
  #homegrid .column3.aboutherace span.bottom {
    font-size: 40px;
  }
  #homegrid .column3.newsletter p {
    font-size: 14px;
    line-height: 1.4em;
  }
  #homegrid .column3.newsletter label {
    font-size: 12px;
  }
  #homegrid .column3 a.template0 span.body {
    font-size: 24px;
    font-weight: 800;
    line-height: 1.1em;
    width: 80%;
  }
  #homegrid .column6.joinracebiglink {
    background-position: center 65px;
    background-size: 300px 175px;
    height: 250px;
  }
  #homegrid .column6.joinracebiglink #canvas {
    position: absolute;
    left: 0;
    top: 64px;
    width: 300px;
    height: 175px;
  }
  #homegrid .column6.joinracebiglink #canvas svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #homegrid .column6.joinracebiglink a.viewfullegs {
    display: block;
    position: absolute;
    top: 42px;
    left: 20px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    border-bottom: none;
    text-decoration: none;
  }
  .issuuembed {
    height: 320px;
  }
  .clipper70 {
    padding-bottom: 80px;
    text-align: center;
  }
  .clipper70 .title {
    font-size: 20px;
    width: 100%;
    bottom: -40px;
  }
  .datebar .column12 {
    margin-bottom: 0;
  }
  a.eventwrapper img.grey {
    width: 100%;
  }
  a.eventwrapper .titleholder {
    padding-right: 0px;
    margin-bottom: 0px;
  }
  a.eventwrapper .titleholder h3 {
    margin-top: 0px;
  }
  a.eventwrapper .datetime {
    padding-top: 0px;
  }
  a.eventwrapper .datetime .red {
    display: inline-block;
  }
  a.eventwrapper .intro {
    padding-top: 0px;
    padding-right: 0px;
  }
  a.eventwrapper .flag {
    margin-top: 0px;
    padding-top: 0px;
  }
  a.eventwrapper .column1 {
    margin-bottom: 0;
  }
  #eventsummary {
    padding: 0;
  }
  #eventsummary p {
    width: 100%;
  }
  .psblock .column12 {
    margin-bottom: 0;
  }
  .psblock .column12:first-child {
    padding: 0px;
  }
  .psblock .column12:last-child {
    padding: 0px;
  }
  .psblock .column12 .imgholder {
    height: 198px;
  }
  .psblock .column12 .imgholder img.logo {
    max-width: 60%;
    max-height: 60%;
  }
  .psblock .column3 {
    margin-bottom: 0;
  }
  .sponsorquote {
    padding: 40px 0;
  }
  .sponsorquote div {
    width: 300px;
    font-size: 30px;
  }
  .sponsorquote div span:first-child {
    top: 7px;
  }
  .sponsorquote div span:last-child {
    top: 5px;
  }
  .sponsorimg {
    height: 300px;
  }
  .sponsor_text_one, .sponsor_text_two, .sponsor_text_three {
    margin-bottom: 0 !important;
  }
  .sponsor_text_two, .sponsor_text_three {
    padding: 40px 0;
  }
  .sponsor_text_one {
    padding-bottom: 40px;
  }
  .sponsor_text_three {
    padding-bottom: 0;
  }
  .sponsor_text_three .button {
    margin-top: 40px;
  }
  .csblock .column12 {
    padding: 0;
    margin-bottom: 0;
  }
  .csblock .column12 h5 {
    font-size: 40px;
    margin-bottom: 15px;
  }
  .csblock.tierblock .tierblock-inner {
    height: auto;
    font-size: 14px;
  }
  .csblock.tierblock .tierblock-inner .liner {
    width: 100%;
  }
  .csblock.tierblock .tierblock-inner .liner h5 {
    font-size: 40px;
    margin-bottom: 15px;
  }
  .center_buttons {
    width: auto;
  }
  a.button_left, .button_left {
    float: left;
    margin-right: 0;
  }
  a.button_right, .button_right {
    float: right;
    margin-left: 0;
  }
  .partentrywrapper .cs_entry .cs_left {
    width: 100%;
    height: 301px;
  }
  .partentrywrapper .cs_entry .cs_middle {
    width: 300px;
    padding: 40px 0;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  .partentrywrapper .cs_entry .cs_middle a {
    display: block;
    margin-top: 30px;
    margin-left: 0;
    margin-right: 0;
  }
  .partentrywrapper .cs_entry .cs_right {
    display: none;
    height: auto;
  }
  .partentrywrapper .cs_entry .cs_right p {
    display: none;
  }
  .cs_container p .bigstat {
    font-size: 100px;
    line-height: 1em;
  }
  .quoterow .liner {
    width: 300px;
  }
  .jobentrywrapper .job_entry .job_left {
    height: 350px;
    width: 100%;
  }
  .jobentrywrapper .job_entry .job_right {
    width: 100%;
    padding-bottom: 176px;
    height: auto;
  }
  .jobentrywrapper .job_entry .job_right .date {
    margin-bottom: 20px;
  }
  .jobentrywrapper .job_entry .job_right h5 {
    font-size: 50px;
  }
  .jobentrywrapper .job_entry .job_right a.button {
    left: 40px;
    width: 160px !important;
  }
  #legstats.raceinfo {
    padding: 80px 0;
  }
  #legstats.raceinfo .column4 {
    height: auto;
    padding-top: 0;
  }
  #legstats.raceinfo .column4 .liner {
    top: 0;
    -webkit-transform: none;
            transform: none;
  }
  #legstats.raceinfo .column7 {
    height: auto;
  }
  #legstats.raceinfo .column7 .legwidgets {
    padding-top: 30px;
    top: 0;
    -webkit-transform: none;
            transform: none;
  }
  .allportsmap {
    padding: 40px 0;
    margin-bottom: 0;
    font-size: 20px;
  }
  .allportsmap .container12 .column8 {
    width: 100%;
  }
  .allportsmap .container12 .column4 {
    width: 100%;
    height: auto;
    margin-top: 40px;
    margin-bottom: 0;
  }
  .allportsmap .container12 .column4 .liner {
    top: 0;
    -webkit-transform: none;
            transform: none;
  }
  .allportsmap .container12 .column4 h5 {
    font-size: 50px;
    text-transform: uppercase;
    font-weight: 800;
    color: #BA182D;
    line-height: 1em;
    padding-bottom: 20px;
  }
  #pagenotfound .liner {
    width: 90%;
  }
  #pagenotfound .liner .top {
    font-size: 50px;
    line-height: 1.1em;
  }
  #countriesvisited {
    height: 395px;
    width: 100%;
  }
  #countriesvisited .mapimg {
    display: none;
  }
  #countriesvisited #canvas {
    display: none;
  }
  #countriesvisited .row {
    width: 100%;
    position: relative;
  }
  #countriesvisited .row .column4 {
    width: 100%;
  }
  .crewlogin {
    width: 100%;
    margin: 0;
  }
  .crewlogin form.loginform input[type="submit"] {
    width: 100%;
  }
  #ch_dashbar .column3:first-child img {
    width: 100%;
  }
  .ozblock, .telemedblock {
    padding: 30px 0;
  }
  .ozblock .column12, .telemedblock .column12 {
    padding: 0;
  }
  .ozblock .column12 h1, .telemedblock .column12 h1 {
    font-size: 32px;
  }
  .supporters_form_row {
    padding: 30px 0;
  }
  .supporters_form_row .column12 {
    padding: 0;
  }
  .supporters_form_row .column12 .liner h2 {
    font-size: 32px;
  }
  .auscrewrow .auscrew .name {
    font-size: 12px;
  }
  .auscrewrow .auscrew .wms {
    display: none;
  }
  .auscrewrow .auscrew:hover .wms {
    opacity: 0;
  }
  .ausprofiles .bio {
    margin-bottom: 100px;
  }
  .corporate .liner h2 {
    color: #fff;
    border-top: none;
    font-size: 32px;
    margin-bottom: 20px;
  }
  .corporate .liner p a {
    color: #fff;
  }
  .oz_rkj .liner p {
    font-size: 28px;
  }
  .alldocuments a.column3 .downloadicon {
    width: 240px;
    background-position: 104px 0px;
  }
  .alldocuments a.column3:hover .downloadicon {
    background-position: -266px 0px;
  }
  .formholder.addkit > .left {
    width: 100%;
    margin-bottom: 20px;
  }
  .formholder.addkit > .right {
    width: 100%;
  }
  .addkitheader p {
    width: 100%;
  }
  .addkitheader img {
    width: 76px;
  }
  .addkitheader a.basketlink {
    width: 100%;
    position: relative;
    top: 0;
  }
  .personaldetails > .left {
    width: 100%;
  }
  .personaldetails > .left .col1 {
    width: 100%;
  }
  .personaldetails > .left .col2 {
    width: 100%;
  }
  .personaldetails > .right {
    display: none;
  }
  .ch_faqs .entry .question {
    background-position: 262px -90px;
    padding: 20px 60px 20px 20px;
  }
  .ch_faqs .entry .question.active {
    background-position: 262px 29px;
  }
  .messageholder .liner .message .left {
    min-height: 0;
    margin-bottom: 0;
    width: 224px;
    padding-right: 56px;
  }
  .messageholder .liner .message .right {
    width: 300px;
    padding-top: 0;
  }
  .messageholder .liner .message .right .preview {
    display: none !important;
  }
  .messageholder .liner .message .message_showmore {
    top: 27px;
    right: 20px;
    left: inherit;
    bottom: inherit;
  }
  .dashwidgets .chbox {
    min-height: 0;
  }
  .dashwidgets .chbox .bottom {
    position: relative;
    bottom: inherit;
    width: 100%;
  }
  #footerbar {
    height: 43px;
  }
  #footerbar .column12.clockholder .flip-clock-divider:after {
    top: -7px;
    font-size: 9px;
  }
  #footerbar .column12.clockholder .until {
    display: none;
  }
  #footerbar .column12.clockholder .timekeeper {
    background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/clock-eb-tablet.png");
    background-position: center 7px;
    background-size: 90px 27px;
    width: 214px;
  }
  #footerbar .column12.clockholder .timekeeper.race-started {
    width: 138px;
    border-right: none;
  }
  #footerbar .column12.clockholder .mapstandinglink {
    display: none !important;
  }
  #footerbar .column12.clockholder .mapstandinglinkmobile {
    position: relative;
    font-size: 12px;
    color: #710C19;
    height: 95px;
    line-height: 1.2em;
    text-transform: uppercase;
    font-weight: 800;
    display: none;
    float: right;
    clear: none;
    text-align: center;
    padding: 9px 0 19px 0;
    cursor: pointer;
    border-left: 1px solid #851222;
    width: 85px;
    border-right: 1px solid #851222;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    text-decoration: none;
  }
  #footerbar .column12.clockholder .mapstandinglinkmobile.race-started {
    display: block;
  }
  #footerbar .column12.mapslide {
    display: none !important;
  }
  #footerbar .flip-clock-wrapper ul {
    width: 15px;
  }
  #footerbar .flip-clock-wrapper ul li {
    line-height: 45px;
  }
  #footerbar .flip-clock-wrapper ul li a div.up div.inn,
  #footerbar .flip-clock-wrapper ul li a div.down div.inn {
    font-size: 26px;
  }
  #footerbar .flip-clock-wrapper.race-started {
    width: 190px;
  }
  #footerbar .flip-clock-wrapper.race-started ul {
    width: 13px;
  }
  #footerbar .flip-clock-wrapper.race-started ul li a div.down div.inn,
  #footerbar .flip-clock-wrapper.race-started ul li a div.up div.inn {
    font-size: 22px;
  }
  #banner.centered.wider .bannertext {
    width: 100%;
    font-size: 20px;
  }
  .telemedblock {
    padding: 60px 0;
  }
  .telemedblock.telemedtestimonial p.large {
    font-size: 30px;
  }
  #telemedcontactform .column12 .liner {
    width: 100%;
  }
  #telemedcontactform .column12 .liner .subliner {
    padding: 0;
  }
  #crewwrapper a {
    height: 200px;
  }
  #crewwrapper a .textoverlay {
    top: 200px;
  }
  #crewwrapper .column3 {
    height: 200px;
  }
  #crewwrapper .column3 .textoverlay {
    top: 200px;
  }
  #crewwrapper .column3 img.flag {
    width: 30px;
    margin: 7px 5px 0 5px;
  }
  #crewwrapper .crewfurtherinfo {
    display: none !important;
  }
  #crewwrapper .crewinfoholder {
    display: none !important;
  }
  a.bigteamlink {
    height: 90px;
    padding-top: 34px;
    padding-left: 20px;
  }
  a.bigteamlink .teamname {
    font-size: 16px;
    width: 100%;
    margin-right: 0;
    height: 100%;
  }
  a.bigteamlink .skippercrew {
    display: none;
  }
  #banner.skipper .ageblock {
    font-size: 30px;
  }
  img.teamhomesmallsponsor {
    display: none;
  }
  .maptoolbar {
    height: 100px;
    margin-top: 0;
  }
  .maptoolbar .container12 {
    width: 100%;
  }
  .maptoolbar .container12 .raceno {
    font-size: 13px;
    padding: 22px 10px;
    width: 20%;
  }
  .maptoolbar .container12 .racename {
    padding: 22px 40px 22px 10px !important;
    font-size: 13px;
    width: 80%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .maptoolbar .container12 .racename .alert-message-outer {
    top: 120px;
    right: 10px;
  }
  .maptoolbar .container12 .racename .alert-message-outer .alert-message:before {
    right: 15px;
  }
  .maptoolbar .container12 .racename .alert-icon {
    right: 10px;
  }
  .maptoolbar .container12 .racename img {
    margin-right: 5px;
  }
  .maptoolbar .container12 .race-dropdown {
    width: calc(100% - 20px);
  }
  .maptoolbar .container12 .racename-wrap {
    height: 59px !important;
    margin: 0 auto !important;
    max-width: 100%;
  }
  .maptoolbar .container12 .toolbar {
    margin: 0 auto !important;
    height: 40px;
    margin-right: 0;
    float: left;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-top: 1px solid #444;
  }
  .maptoolbar .container12 .toolbar > div {
    width: 48px;
  }
  .maptoolbar .container12 .toolbar > div#terrain {
    background-size: 20px 20px;
  }
  .maptoolbar .container12 .toolbar > div#ruler {
    display: none;
  }
  .maptoolbar .container12 .toolbar > div#swell {
    background-size: 18px 12px;
  }
  .maptoolbar .container12 .toolbar > div#wind {
    background-size: 18px 22px;
  }
  .maptoolbar .container12 .toolbar > div#temp {
    background-size: 11px 22px;
  }
  .maptoolbar .container12 .toolbar > div#togglecourse {
    background-size: 14px 22px;
  }
  .maptoolbar .container12 .toolbar > div#fitmap {
    background-size: 21px 22px;
    border-right: 1px solid #444;
  }
  .maptoolbar .container12 .toolbar > div:hover {
    background-color: inherit;
  }
  .maptoolbar .container12 .toolbar > div:hover .title {
    display: none;
  }
  .rvbar.temp {
    width: 180px;
  }
  .rvbar.wind {
    width: 180px;
  }
  .rvbar.temp {
    width: 180px;
  }
  .standingstables .container12,
  .standingstables .column12 {
    width: 480px;
  }
  .standingstables table tr th, .standingstables table tr td {
    padding: 16px 10px;
  }
  .standingstables table tr th.min20, .standingstables table tr td.min20 {
    min-width: 20px;
  }
  .standingstables table tr th.hide_mob, .standingstables table tr td.hide_mob {
    display: none;
  }
  .standingstables table tr th.hide_desk, .standingstables table tr td.hide_desk {
    display: block;
  }
  .standingstables table tr th.hide_port_mob, .standingstables table tr td.hide_port_mob {
    display: none;
  }
  .standingstables table tr th a .showonmob, .standingstables table tr td a .showonmob {
    display: block;
  }
  .standingstables table tr th .posflag, .standingstables table tr td .posflag {
    width: 60px;
  }
  .standingstables table tr th .posflag .colour, .standingstables table tr td .posflag .colour {
    width: 4px;
    height: 25px;
    margin-right: 2px;
  }
  .standingstables table tr th .posflag .num, .standingstables table tr td .posflag .num {
    width: 20px;
    height: 25px;
  }
  .standingstables table tr th .posflag .num > span, .standingstables table tr td .posflag .num > span {
    display: block;
    line-height: 1em;
    padding-top: 7px;
    margin-left: -2px;
  }
  .standingstables table tr th .cell-inner.team-name, .standingstables table tr td .cell-inner.team-name {
    padding: 0;
    display: inline-block;
  }
  .standingtablesbar {
    height: 168px;
    border-top: 56px solid #000;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .standingtablesbar .container12 {
    position: relative;
  }
  .standingtablesbar .container12 .column8 {
    width: 100%;
    height: 168px;
    position: absolute;
    top: 0;
    left: 0;
    border-left: 0;
    margin-left: 0;
  }
  .standingtablesbar .container12 .column8 .rvtab {
    height: 50px;
    width: 100%;
    clear: both;
    border-right: 0;
    text-align: center;
  }
  .standingtablesbar .container12 .column4 {
    width: 100%;
    height: 56px;
    position: absolute;
    top: -56px;
    left: 0;
  }
  .standingtablesbar .container12 .column4 .eblink {
    float: left;
    background-size: 23px 28px;
    background-position: center center;
    width: 60px;
    background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/eb-white-shield.png");
  }
  .bottomtrio .column12 .top .right {
    float: left;
    clear: both;
  }
  .supportmessage {
    width: 300px;
    margin-left: 0;
    margin-right: 0;
  }
  #sendsupport {
    width: 300px;
    margin-left: 0;
    margin-right: 0;
    height: 300px;
  }
  #banner.smaller {
    padding-top: 50px;
  }
  #banner.smaller .bannertext {
    font-size: 30px;
  }
  #teamnav ul li a {
    font-size: 11px;
  }
  #raceviewer_map {
    height: 60vh;
  }
  .raceviewer_content .sliderholder {
    padding-right: 0;
  }
  .raceviewer_content .sliderholder #slidelabel {
    display: none;
  }
  .raceviewer_content .sliderholder .rangeoptions {
    text-align: center;
    position: static;
  }
  .raceviewer_content .sliderholder .timeline-controls {
    margin: 15px 0 0 0;
    display: inline-block;
    float: none;
  }
  .crel #tools {
    width: 140px;
  }
  .crel a.raceviewerlink {
    display: none;
  }
  .anniwrapper .anni {
    margin-bottom: 80px;
  }
  .anniwrapper .anni .anniimg {
    height: 150px;
    padding: 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .anniwrapper .anni .anniimg .title {
    font-size: 32px;
  }
  .anniwrapper .anni .annicopy > .left {
    width: 100%;
    padding-right: 0;
  }
  .anniwrapper .anni .annicopy > .right {
    width: 100%;
  }
  .annimoreinfo .column3 h2 {
    margin-bottom: 0;
  }
  .annimoreinfo .column3.first {
    margin-bottom: 40px;
  }
  .merchwrapper .merch {
    margin-bottom: 80px;
  }
  .merchwrapper .merch img {
    height: auto;
  }
  .merchwrapper .merch .merchcopy > .left {
    width: 100%;
    padding-right: 0;
  }
  .merchwrapper .merch .merchcopy > .right {
    width: 100%;
  }
  .merchwrapper .merch .merchcopy > .right .block .left {
    width: 20%;
  }
  .merchwrapper .merch .merchcopy > .right .block .right {
    width: 77%;
  }
  .merchwrapper .merch .merchcopy > .right .block.last .left {
    width: 73%;
  }
  .merchwrapper .merch .merchcopy > .right .block.last .right {
    width: 25%;
  }
  .merchmoreinfo .column3 h2 {
    margin-bottom: 0;
  }
  .merchmoreinfo .column3.first {
    margin-bottom: 40px;
  }
  .minheightdesktop {
    min-height: 100px;
  }
  .connectblock .column12 {
    padding: 0;
  }
  .connectblock .column12 h1 {
    font-size: 20px;
  }
  .row.connectevent .left50 {
    width: 100%;
    padding: 90px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .row.connectevent .right50 {
    display: none;
  }
  .row.friendlyface .left50 {
    background-position: center top 0;
    height: 300px;
    width: 100%;
  }
  .row.friendlyface .right50 {
    float: none;
    width: 300px;
    margin: 300px auto 0 auto;
    padding: 30px 0 20px 0;
  }
  .row.friendlyface .right50 h2 {
    font-size: 32px;
  }
  .supporters_link_row {
    padding: 30px 0;
  }
  .supporters_link_row .container12 .column6:last-child {
    margin-bottom: 0;
  }
  .supporters_link_block {
    height: 220px;
  }
  .supporters_link_block .liner {
    font-size: 32px;
  }
  .row.connectvideo .vidleft {
    width: 100%;
    height: 250px;
  }
  .row.connectvideo .vidright {
    width: 100%;
    height: 250px;
  }
  .row.connectvideo .liner {
    width: 90%;
  }
  .row.connectvideo .liner span {
    font-size: 36px;
  }
  .bottombuttons .rel {
    display: block;
  }
  .apply-form {
    padding: 20px 0 0 0;
  }
  .apply-options-section {
    padding: 40px 0 20px 0;
  }
  .crew-stories-banner {
    padding: 80px 0;
  }
  .crew-stories-banner-content {
    margin-bottom: 0;
  }
  .crew-stories-banner-bg {
    background-size: cover;
    background-position: center;
  }
  .cookie-banner {
    display: block;
  }
  .cookie-banner .cookie-left {
    width: 100%;
    float: left;
    padding-bottom: 18px;
  }
  .cookie-banner .cookie-right {
    width: 100%;
    float: left;
    text-align: right;
  }
  .crewholder .left .imgholder img.activeimg {
    opacity: 1;
  }
  .team-stats {
    margin-left: 0;
    margin-right: 0;
  }
  .gender-stats,
  .team-extra-stats-quote {
    width: 100%;
  }
  .gender-stats .women-count > div,
  .gender-stats .men-count > div {
    display: none;
  }
  .gender-stats {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 20px;
  }
  .gender-stats > img {
    display: block;
  }
  .gender-stats .women-count {
    margin-left: 0;
    padding-right: 0;
  }
  .round-the-worlders .stat-value,
  .nations-represented .stat-value {
    margin-left: 5px;
  }
  .team-stats .stat-value {
    font-size: 54px;
    line-height: 54px;
  }
  .aqp-info,
  .aqp-img {
    width: 100% !important;
  }
  .aqp-info {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .aqp-banner-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .aqp-banner-desktop {
    display: none;
  }
  .app-pack-buttons .button {
    width: 214px !important;
  }
}

/************************** MOBILE LANDSCAPE **************************/
@media only screen and (min-width: 480px) and (max-width: 767px) {
  #main.livestream .container12 .row .column12.livestreamholder iframe,
  #main.livestream .container12 .row .column12.livestreamholder .video-js {
    height: 236px;
  }
  a#logo.ch {
    padding: 27px 0 0 185px;
    background-image: url(/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/clipper-round-the-world.png);
  }
  #menu {
    left: 362px;
  }
  #mobsearch {
    left: 320px;
  }
  #search form input[type="search"] {
    width: 340px;
    padding: 16px 60px 15px 15px;
  }
  #search form input[type="submit"] {
    left: 280px;
  }
  #search .close {
    right: 36px;
  }
  #slideshow > div .bannertext {
    font-size: 52px;
    line-height: 1em;
  }
  #vidframe {
    width: 440px;
  }
  #vidframe iframe, #vidframe object, #vidframe embed {
    width: 420px;
    height: 300px;
  }
  .sponsorquote div {
    width: 420px;
  }
  .vidholder {
    height: 320px;
  }
  .vidholder > div.withtitle {
    background-position: center 200px;
  }
  .vidholder > div.withtitle span {
    padding-top: 60px;
    font-size: 50px;
    line-height: 1.1em;
    width: 420px;
  }
  .crewholder .left {
    width: 420px;
    height: 558px;
  }
  .crewholder .right .fancy {
    width: 380px;
  }
  .prevraceholder.column4 {
    height: 228px;
  }
  .trainingmapholder > span {
    background-position: 390px 16px;
  }
  .faqcategory .title, .faqcategory .question {
    background-position: 375px -85px;
  }
  .faqcategory .title.active, .faqcategory .question.active {
    background-position: 375px 32px;
  }
  .formleg .left div.check {
    margin-left: 12px;
    width: 33px;
  }
  .formleg .left div.leg {
    width: 350px;
  }
  .formleg .left div.moreinfo {
    width: 350px;
  }
  .formleg .left div.moreinfo.wider {
    width: 350px;
  }
  .formleg.training .left .leg {
    width: 350px;
  }
  .formleg.training .left .moreinfo {
    width: 350px !important;
  }
  .formleg.circum .left .leg {
    width: 350px;
  }
  .formleg.circum .left .moreinfo {
    width: 350px !important;
  }
  #visitlater form {
    width: 300px;
  }
  .aboutaspirational {
    height: 340px;
  }
  .aboutaspirational div {
    font-size: 24px;
  }
  .aboutaspirational div span:first-child {
    top: 4px;
  }
  .aboutaspirational div span:last-child {
    margin-top: 20px;
  }
  .pagination a {
    width: 200px;
  }
  .testimonanials {
    height: 400px;
    font-size: 24px;
  }
  .testimonanials .testim {
    width: 420px;
  }
  .worldmapholder_rm {
    position: relative;
    height: auto;
    margin-top: -40px !important;
    margin-bottom: 30px;
  }
  .worldmapholder_rm .equator {
    display: none;
  }
  .worldmapholder_rm.choose {
    margin-top: -40px;
    padding-bottom: 10px;
  }
  .worldmapholder_rm.legbanner {
    margin-top: -50px;
    margin-bottom: 0;
  }
  .worldmapholder_rm .maphelpoverlay .container12 .liner {
    width: 80%;
    padding-top: 0px;
  }
  .worldmapholder_rm .maphelpoverlay .container12 .liner .top {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .worldmapholder_rm .maphelpoverlay .container12 .liner .blurb {
    font-size: 18px;
    margin-bottom: 30px;
  }
  .worldmapholder_rm .maphelpoverlay .container12 .liner .button {
    width: 220px !important;
  }
  .worldmapholder .container12 {
    margin-top: 129px;
    height: 177px;
    background-size: 420px 177px;
    background-position: center;
  }
  .worldmapholder .container12 .marker {
    width: 10px;
    height: 10px;
    border-radius: 5px;
  }
  .clipper70 {
    padding-bottom: 80px;
    text-align: center;
  }
  .clipper70 .title {
    font-size: 30px;
    width: 100%;
    bottom: -40px;
  }
  .testimonials .cycle-slideshow .slide .liner {
    font-size: 18px;
  }
  .testimonials.rkj {
    height: 500px;
  }
  .testimonials.rkj .cycle-slideshow .slide .liner {
    font-size: 22px;
    line-height: 1.5em;
  }
  .partentrywrapper .cs_entry .cs_middle {
    width: 420px;
  }
  .cs_container p .bigstat {
    font-size: 150px;
    line-height: 1em;
  }
  .quoterow .liner {
    width: 420px;
  }
  #homegrid .column6.joinracebiglink {
    background-position: center 15px;
    background-size: 420px 245px;
    height: 280px;
  }
  #homegrid .column6.joinracebiglink #canvas {
    top: 14px;
    width: 420px;
    height: 245px;
  }
  .alldocuments a.column3 .downloadicon {
    width: 360px;
    background-position: 164px 0px;
  }
  .alldocuments a.column3:hover .downloadicon {
    background-position: -206px 0px;
  }
  .ch_faqs .entry .question {
    background-position: 382px -90px;
    padding: 20px 60px 20px 20px;
  }
  .ch_faqs .entry .question.active {
    background-position: 382px 29px;
  }
  .messageholder .liner .message .left {
    width: 344px;
  }
  .messageholder .liner .message .right {
    width: 380px;
  }
  #banner.centered.wider .bannertext {
    font-size: 27px;
  }
  #crewwrapper .column3 {
    height: 280px;
  }
  a.bigteamlink {
    padding-left: 40px;
  }
  a.bigteamlink .teamname {
    font-size: 20px;
  }
  .standingstables table tr th.hide_port_mob, .standingstables table tr td.hide_port_mob {
    display: table-cell;
  }
  .standingstables table tr th.hide_desk, .standingstables table tr td.hide_desk {
    display: block;
  }
  .standingtablesbar .container12 .column4 .eblink {
    background-position: center left;
    width: 150px;
    background-size: 111px 33px;
    background-image: url("/National_Library/oe_/https://www.clipperroundtheworld.com/inc/img/eb-white.png");
  }
  .supportmessage {
    width: 420px;
  }
  #sendsupport {
    width: 420px;
    height: 400px;
  }
  .maptoolbar .container12 .toolbar > div {
    width: 68px;
  }
  .crel #tools {
    width: 330px;
  }
  header .langswitch.bar2 {
    display: block;
    position: absolute;
    top: 18px;
    left: 242px;
    height: 45px;
    width: 80px;
  }
  header .container12 nav.column9 ul li.onlymobport {
    display: none;
  }
  .anniwrapper .anni .anniimg {
    height: 210px;
  }
  #homebanner #secondary_container .mini_feature .liner {
    width: 420px;
  }
  .flip-clock-wrapper.race-started {
    width: 262px;
  }
  #crewwrapper.greenings-crew .column3 {
    height: auto;
  }
  #crewwrapper.greenings-crew .column3 p {
    line-height: 18px;
  }
  .apply-option {
    padding: 50px 30px;
  }
}

@media screen and (max-width: 480px) {
  .maptoolbar .container12 .raceno {
    font-size: 11px;
  }
  .maptoolbar .container12 .racename {
    font-size: 11px;
  }
  #footerbar .column12.clockholder .timekeeper {
    width: 124px;
  }
  #footerbar .column12.clockholder .timekeeper.race-started {
    width: 102px;
    float: right;
    border-right: 1px solid #851222;
  }
  #footerbar .column12.clockholder .flip-clock-wrapper:not(.race-started) ul {
    width: 13px;
  }
  #footerbar .column12.clockholder .flip-clock-wrapper:not(.race-started) .flip-clock-divider {
    padding-left: 7px;
  }
  #footerbar .column12.clockholder .flip-clock-wrapper:not(.race-started) li a div.down div.inn,
  #footerbar .column12.clockholder .flip-clock-wrapper:not(.race-started) li a div.up div.inn {
    font-size: 22px;
  }
  .standingstables {
    overflow-x: hidden;
  }
  .standingstables .leaderboard-header {
    font-size: 10px;
    padding: 16px 5px;
  }
  .standingstables .container12,
  .standingstables .column12 {
    width: 300px;
  }
  .apply-option {
    padding: 30px 20px;
  }
  .apply-option h2 {
    font-size: 36px;
    margin-bottom: 20px;
  }
  .aqp-banner {
    margin-top: 40px;
  }
  .aqp-info {
    padding: 30px 30px 35px 30px;
  }
  .flip-clock-wrapper {
    padding-right: 7px;
  }
  .team-name {
    min-width: auto !important;
  }
}
/*# sourceMappingURL=style.css.map */