/*$black: #ff00ff;*/
/*#909090 gray*/
/*$heroareaheight: 630px;*/
.vertcentre {
  position: relative;
  top: 51%;
  transform: translateY(-50%); }

.round, .newsletterform input[type=text], .newsletterthanks input[type=text], .newsletterform input[type=submit], .newsletterthanks input[type=submit] {
  /*disabled for now*/
  /*border-radius: 1em;
    -webkit-border-radius: 1em;*/ }

.pinkText {
  color: #333; }

.fullWidthDivide {
  border-bottom: solid 1px #333; }

.fullWidthDivideTopBottom {
  border-top: solid 1px #333;
  border-bottom: solid 1px #333; }

.unselectable {
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
  -o-user-select: none;
  user-select: none; }

/*FONTS*/
@font-face {
  font-family: 'Graphik SemiBold';
  src: url("/fonts/commercial-type-1507-MFFFKX-web/Graphik-Semibold-Web.eot");
  src: url("/fonts/commercial-type-1507-MFFFKX-web/Graphik-Semibold-Web.eot?#iefix") format("embedded-opentype"), url("/fonts/commercial-type-1507-MFFFKX-web/Graphik-Semibold-Web.woff") format("woff"), url("/fonts/commercial-type-1507-MFFFKX-web/Graphik-Semibold-Web.ttf") format("truetype"), url("/fonts/commercial-type-1507-MFFFKX-web/Graphik-Semibold-Web.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-stretch: normal; }

.BaskervilleRegular {
  font-family: Baskerville, 'Baskerville Old Face', 'Hoefler Text', Garamond, 'Times New Roman', serif; }

.GraphikSemiBold, .newsletter, .newsletterform h3, .newsletterthanks h3, .newsletterform div.info, .newsletterthanks div.info, .newsletterform div.thanksinfo, .newsletterthanks div.thanksinfo, .newsletterform input[type=submit], .newsletterthanks input[type=submit] {
  font-family: 'Graphik SemiBold'; }

.newsletter {
  margin: 0 auto;
  max-width: 1020px;
  text-align: center; }
  .newsletter.mini {
    overflow: hidden;
    white-space: nowrap; }
    .newsletter.mini input[type=text] {
      width: 140px !important; }
    .newsletter.mini input[type=submit] {
      margin: 10px auto !important; }
    .newsletter.mini .newsletterform, .newsletter.mini .newsletterthanks {
      padding: 0px !important; }
  .newsletter .datepicker {
    background-color: white;
    cursor: pointer; }
  .newsletter form {
    text-align: left;
    display: inline-block; }

div.ui-datepicker {
  font-size: 10px; }

.newsletterform, .newsletterthanks {
  padding: 75px 0px;
  margin: 0 auto; }
  .newsletterform h3, .newsletterthanks h3 {
    font-size: 26px;
    text-transform: uppercase; }
  .newsletterform .circle, .newsletterthanks .circle {
    border: solid 1px #333;
    border-radius: 50%;
    width: 180px;
    height: 180px;
    margin: 25px auto; }
    .newsletterform .circle img, .newsletterthanks .circle img {
      width: 100px;
      padding-top: 38px; }
  .newsletterform input[type=text], .newsletterthanks input[type=text] {
    text-align: left;
    border: solid 1px #333;
    padding: 5px 10px;
    margin: 5px 10px; }
  .newsletterform div > input[type=text], .newsletterthanks div > input[type=text] {
    width: 333px; }
  .newsletterform span, .newsletterthanks span {
    display: inline-block;
    width: 150px; }
  .newsletterform span input[type=text], .newsletterthanks span input[type=text] {
    width: 150px; }
  .newsletterform span.second, .newsletterthanks span.second {
    width: 180px;
    margin-right: -30px;
    margin-left: 30px; }
  .newsletterform span.age input, .newsletterthanks span.age input {
    width: 50px; }
  .newsletterform span.gender, .newsletterthanks span.gender {
    text-align: right;
    width: 210px; }
    .newsletterform span.gender span, .newsletterthanks span.gender span {
      width: 100px; }
  .newsletterform div.info, .newsletterthanks div.info {
    max-width: 315px;
    text-align: left;
    margin: 0 auto;
    padding: 20px 0px; }
  .newsletterform div.thanksinfo, .newsletterthanks div.thanksinfo {
    max-width: 315px;
    text-align: center;
    margin: 0 auto;
    padding: 20px 0px;
    font-size: 16px; }
  .newsletterform input[type=submit], .newsletterthanks input[type=submit] {
    border: solid 1px #333;
    background-color: white;
    text-transform: uppercase;
    font-weight: bold;
    padding: 5px 10px;
    font-size: 12px;
    margin: 25px auto;
    display: block;
    cursor: pointer; }
  .newsletterform div.extra, .newsletterthanks div.extra {
    display: none; }