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

.round {
  /*disabled for now*/
  /*border-radius: 1em;
    -webkit-border-radius: 1em;*/ }

.pinkText, .nav li a:hover, .nav li .nav li a.active, .subnavinner a:hover, .subnavinner .subnavinner a.active {
  color: #333; }

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

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

.unselectable, #header {
  -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, .nav, .subnavcontainer {
  font-family: 'Graphik SemiBold'; }

#header {
  position: absolute;
  top: 0px;
  padding: 15px 0px 0px 0px;
  background-color: white;
  width: 100%;
  min-width: 740px;
  z-index: 1000; }

#header.flipped {
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg); }

.headerinner {
  max-width: 1020px;
  position: relative;
  margin: 0 auto; }

.headerlarge {
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: relative; }
  .headerlarge .headericons {
    position: absolute;
    top: 15px;
    right: 15px; }
  .headerlarge .headerright {
    text-align: right;
    display: inline-block; }
  .headerlarge .nav {
    position: absolute;
    bottom: 10px;
    right: 10px; }

.headerlarge.hidden {
  display: none; }

.headersmall {
  position: fixed;
  background-color: white;
  z-index: 100;
  padding-top: 5px;
  top: -160px;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /*min-width: $minwidth;
    width:100%;
    max-width: $maxwidth;*/
  height: 50px;
  width: 100vw;
  left: 0px;
  padding: 10px 0px 20px 0px; }
  .headersmall .nav {
    margin: 0 auto;
    margin-top: -60px;
    text-align: center;
    width: 700px; }
  .headersmall .logocontainer {
    max-width: 170px;
    width: 20vw;
    padding-left: 26px;
    display: inline-block; }
    .headersmall .logocontainer img {
      width: 230px;
      height: 57px; }
  .headersmall h2 {
    display: none; }
  .headersmall .headericons {
    position: absolute;
    top: 8px;
    right: 0px; }
  .headersmall .headersmallinner {
    position: absolute;
    width: 1000px;
    max-width: 100vw;
    left: 50%;
    transform: translate(-50%, 0%);
    margin: 0 auto; }
  .headersmall.onScreen {
    display: block;
    top: 0px; }

.headericons .headersearch {
  border: 0px;
  border-bottom: solid 1px darkgray;
  padding: 5px 0px 3px 0px;
  margin-right: 39px;
  width: 0px;
  height: 15px; }

.headericons .headersearch.open {
  padding: 5px 29px 3px 5px;
  width: 100px; }

.headericons .searchicon {
  position: absolute;
  right: 5px;
  top: 10px;
  width: 25px;
  height: 25px;
  cursor: pointer;
  background-image: url("/images/search-noborder.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain; }

.nav {
  text-transform: uppercase;
  display: block;
  font-size: 14px;
  letter-spacing: 0.15em; }
  .nav li {
    display: inline-block;
    padding: 0px 5px; }
    .nav li a {
      font-weight: bold;
      text-decoration: none;
      color: #333; }

.hide .griddivider {
  display: none; }

.subnavinner {
  text-transform: uppercase;
  margin: 0 auto; }
  .subnavinner a {
    color: #333;
    padding-right: 10px; }
  .subnavinner a:hover, .subnavinner .subnavinner a.active {
    text-decoration: none; }

.subnav {
  display: none;
  font-size: 12px;
  letter-spacing: 0.20em;
  height: 25px;
  margin: 0 auto;
  left: 0px;
  /*width:100vw;*/ }

.subnavcontainer {
  position: absolute;
  bottom: -26px;
  background-color: white;
  text-align: center;
  z-index: 100;
  width: 600px;
  height: 25px;
  display: none;
  left: 50%;
  width: 100%;
  transform: translate(-50%, 0%); }

.subnavcontainer.fixed {
  top: 56px;
  position: fixed;
  display: none; }