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

.round, .videogallery-nav-container .titlecontainer h1, .videogallery-nav-container .readmorecontainer h1, #videogallery-viewer, #videogallery-viewer iframe, .videogallery-nav-container .imagecontainer, .videogallery-nav-container .imagecontainer img {
  /*disabled for now*/
  /*border-radius: 1em;
    -webkit-border-radius: 1em;*/ }

.pinkText, .videogallery-nav-container.playing .titlecontainer h1 {
  color: #333; }

.fullWidthDivide, .videogallery-nav-container .titlecontainer, .videogallery-nav-container .readmorecontainer {
  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, .videogallery-nav-container .titlecontainer .titlecentre, .videogallery-nav-container .readmorecontainer {
  font-family: 'Graphik SemiBold'; }

body.pageAlias-videogallery #body {
  width: 100%;
  max-width: 100%; }

.videogallery-nav-container {
  height: 285px; }

.videogallery-nav-container.shrunk {
  height: 0px; }

.videogallery-nav-container .titlecontainer {
  position: relative;
  z-index: 1;
  margin: 0px 0px 20px 0px; }

.videogallery-nav-container .titlecontainer .titlecentre {
  max-width: 250px;
  bottom: -16px;
  z-index: 10;
  background-color: white;
  text-align: center;
  margin: 0 auto;
  position: relative;
  cursor: pointer;
  font-size: 9pt;
  text-transform: uppercase; }

.videogallery-nav-container .titlecontainer h1 {
  border: solid 1px darkgray;
  padding: 2px 10px;
  width: auto;
  text-align: center; }

.videogallery-nav-container .readmorecontainer {
  position: relative;
  z-index: 1;
  display: none;
  font-size: 9pt; }

.videogallery-nav-container.playing .readmorecontainer {
  display: block;
  margin-bottom: 30px; }

.videogallery-nav-container .readmorecontainer .readmorecentre {
  max-width: 180px;
  bottom: -16px;
  z-index: 10;
  background-color: white;
  text-align: center;
  margin: 0 auto;
  position: relative; }

.videogallery-nav-container .readmorecontainer h1 {
  border: solid 1px darkgray;
  padding: 2px 10px;
  width: auto;
  text-align: center;
  font-weight: normal;
  text-transform: uppercase; }

.videogallery-nav {
  padding: 10px 50px 0px 50px; }

.videogallery-nav-container.playing .videogallery-nav {
  margin-bottom: 0px; }

#videogallery-viewer {
  margin: 0 auto;
  overflow: hidden;
  width: 1020px;
  position: relative;
  z-index: 1;
  height: 573.75px; }

#videogallery-viewer div.videospinner {
  position: absolute;
  top: 310px;
  left: 434px;
  background: url(/images/ajax-loader2.gif) no-repeat center center;
  width: 32px;
  height: 32px;
  display: block; }

#videogallery-viewer iframe {
  width: 1020px;
  height: 690px;
  overflow: hidden;
  z-index: 100;
  display: none; }

#videogallery-viewer-container {
  /*min-height:$stdheight;*/
  background: url(/images/because-logo.png) no-repeat center center;
  /*max-width:900px;*/
  margin: 0 auto;
  border-radius: 1em; }

.videogallery-paging {
  width: 5px;
  height: 15px;
  margin: 0 auto;
  position: relative; }

.videogallery .highlightslide {
  border: solid 1px #333; }

.videogallery-nav-container .imagecontainer {
  background-color: #333;
  /*width:280px;*/
  height: 157px; }

.videogallery-nav-container .imagecontainer img {
  width: auto;
  height: 100%; }

.videogallery-nav-container .nav-item:hover .imagecontainer img, .videogallery-nav-container .nav-item.playing .imagecontainer img {
  opacity: 1; }

.videogallery-nav-container .nav-item {
  display: inline-block;
  padding-right: 10px;
  cursor: pointer; }

.videogallery-nav {
  white-space: nowrap;
  overflow-y: hidden; }

.nowplaying {
  display: none; }

.playing .nowplaying {
  display: inline; }