html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes, images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio, canvas, iframe, img, svg, video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}

img,
picture {
  max-width: 100%;
  height: auto;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

::-webkit-input-placeholder /* WebKit browsers */ {
  color: #242424;
  opacity: 1 !important;
}

:-moz-placeholder /* Mozilla Firefox 4 to 18 */ {
  color: #242424;
  opacity: 1 !important;
}

::-moz-placeholder /* Mozilla Firefox 19+ */ {
  color: #242424;
  opacity: 1 !important;
}

:-ms-input-placeholder /* Internet Explorer 10+ */ {
  color: #242424;
  opacity: 1 !important;
}

input:focus::-webkit-input-placeholder /* WebKit browsers */ {
  color: transparent;
}

input:focus:-moz-placeholder /* Mozilla Firefox 4 to 18 */ {
  color: transparent;
}

input:focus::-moz-placeholder /* Mozilla Firefox 19+ */ {
  color: transparent;
}

input:focus:-ms-input-placeholder /* Internet Explorer 10+ */ {
  color: transparent;
}

input[type=text], input[type=email], input[type=search], input[type=password], textarea {
  -webkit-appearance: normal;
  -moz-appearance: normal;
}

.fa {
  font-family: FontAwesome !important;
}

.lobibox {
  z-index: 99999;
}

.lobibox-backdrop {
  z-index: 99998;
}

.lobibox-header * {
  color: #eee;
}

.lobibox-header .lobibox-title {
  font-family: 'source_sans_proregular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 16px;
}

.lobibox-header .btn-close {
  font-size: 30px;
}

.lobibox-body-text, .lobibox-body-text p, .lobibox-body-text span {
  color: #222;
}

.lobibox .lobibox-btn {
  background-color: #fff !important;
  outline: none;
  font-family: 'source_sans_proregular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 16px;
}

.lobibox .lobibox-btn:hover {
  background-color: #f2f2f2 !important;
}

.editButton {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 3px;
  border: 1px solid #727374;
  border-radius: 2px;
  background-color: #e6e9ea;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f5f6), to(#c3c6c9));
  background-image: -webkit-linear-gradient(#f2f5f6, #c3c6c9);
  background-image: -moz-linear-gradient(#f2f5f6, #c3c6c9);
  background-image: -ms-linear-gradient(#f2f5f6, #c3c6c9);
  background-image: -o-linear-gradient(#f2f5f6, #c3c6c9);
  background-image: linear-gradient(#f2f5f6, #c3c6c9);
  display: block;
  cursor: pointer;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
  color: #5b5b5b;
  font-size: 11px;
  line-height: 18px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 999;
}

.editButton:hover {
  background-color: #b1b7bf;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c1c9d1), to(#808389));
  background-image: -webkit-linear-gradient(#c1c9d1, #808389);
  background-image: -moz-linear-gradient(#c1c9d1, #808389);
  background-image: -ms-linear-gradient(#c1c9d1, #808389);
  background-image: -o-linear-gradient(#c1c9d1, #808389);
  background-image: linear-gradient(#c1c9d1, #808389);
  color: #ffffff;
}

.editButtonImg {
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  padding: 0;
  margin: 0;
  border: 0;
  display: block;
  background-image: url('../images/editbuttons.png');
}

.buttonModify {
  background-position: -1px -1px;
}

.buttonModify:hover {
  background-position: -1px -20px;
}

.buttonPages {
  background-position: -400px -1px;
}

.buttonPages:hover {
  background-position: -400px -20px;
}

.buttonSettings {
  background-position: -647px -1px;
}

.buttonSettings:hover {
  background-position: -647px -20px;
}

body, div, p, span, a, td, ul, li, input, textarea, select, option, button, h1, h2, h3, h4, h5, h6 {
  color: #000;
  font: normal 18px/22px 'source_sans_proregular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-decoration: none;
  letter-spacing: 0.5px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a, img {
  outline: none;
}

a {
  color: #FFF;
  text-decoration: none;
  outline: none;
}

.playContainer .playData a {
  color:#EB613C;
}

.playContainer .playData a,
.pageText a, 
.text a[href]{
  text-decoration: underline;
}

a:hover {
  /*color: #EB613C;*/
}

a:active, a:focus {
  outline: none;
}

p, h1, h2, h3, h4, h5, h6, ul, ol {
  margin: 0 0 20px;
}

body {
  min-width: 100%;
  min-height: 100%;
  padding: 0;
  margin: 0;
  background: #fff;
}

.colored {
  color: #EB613C;
}

#pageLoaderOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 99999;
  overflow: hidden;
}

.no-js #pageLoaderOverlay {
  display: none;
}

#pageLoaderContainer {
  position: relative;
  float: left;
  width: 100%;
  height: 10px;
  margin-top: 100px;
  background-color: #fff;
}

#pageLoader {
  position: relative;
  float: left;
  height: 10px;
  background: #000;
  display: none;
}

#headerBackground {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 500px;
  z-index: 1;
  overflow: hidden;
  background-size: auto 100%;
}

#main {
  position: absolute;
  width: 100%;
  min-width: 320px;
  min-height: 100%;
  padding: 220px 0 0;
  margin: 0;
  z-index: 2;
}

.no-js #main, #main.showHeader {
  padding-top: 123px;
}

#main.showHeader #topLogo {
  display: none;
}

#adminSettingsContainer {
  position: fixed;
  width: 100%;
  z-index: 99999;
}

#siteSettingsLink {
  left: auto;
  right: 0;
}

#otherPagesAdminLink {
  top: 23px;
  left: auto;
  right: 0;
}

header {
  position: fixed;
  top: -123px;
  left: 0;
  width: 100%;
  height: 123px;
  background: rgba(255,255,255,1);
  /*background: rgba(0,0,0,0.95);*/
  z-index: 99999;
  display: block;
  overflow: visible;
  -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.25);
  -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.25);
  box-shadow: 0 1px 5px rgba(0,0,0,0.25);
}

.no-js header, #main.showHeader header {
  top: 0;
}

#headerCenter {
  position: relative;
  width: 100%;
  max-width: 1200px;
  padding: 0 20px 0 320px;
  margin: 0 auto;
}

#topLogoLink2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 206px;
  padding: 20px;
  max-width: 100%;
}

#topLogoLink2 img {
  width: 100%;
}

#topLogo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 2;
  text-align: center;
}

#topLogoCenter {
  position: relative;
  width: 100%;
  max-width: 1200px;
  height: 220px;
  padding: 0 360px;
  margin: 0 auto;
  text-align: center;
}

#topLogoLink {
  margin-top: 35px;
  display: inline-block;
}

#topLogoLink img {
  width: 300px;
}

#topBanners {
  position: absolute;
  top: 0;
  left: 20px;
  width: 320px;
  display: block;
}

.topBanner {
  position: relative;
  float: left;
  width: 100%;
  padding: 20px;
  margin-top: 20px;
  text-align: center;
  border-radius: 8px;
}

.topBanner.first {
  margin-top: 0;
  border-radius: 0 0 8px 8px;
}

.topBanner, .topBanner p, .topBanner span, .topBanner a {
  color: #000;
  font-size: 26px;
  line-height: 32px;
}

.topBanner.first, .topBanner.first p, .topBanner.first span, .topBanner.first a {
  font-size: 22px;
}

.topBanner a, .topBanner p a {
  color: #FFF;
}

.topBanner .bottomText p a{
  color: #FFFFFF;
}

#nextPlayBanner {
  background: #75388D;
}

#nextPlayBanner .topText {
  color: #000;
}

#nextPlayBanner .bottomText {
  font-size: 32px;
  color: #FFF;
}

#topMenuButton {
  position: absolute;
  top: 20px;
  right: 20px;
  display: none;
  cursor: pointer;
  color: #222;
  font-size: 35px;
  line-height: 40px;
}

#topMenuButton:hover {
  color: #EB613C;
}

#topMenu {
  position: relative;
  width: 100%;
  text-align: center;
}

#topMenu .menu {
  position: relative;
  float: right;
  padding: 0;
  margin: 77px 0 6px;
  list-style: none;
  text-align: center;
}

#topMenu .menuItem {
  position: relative;
  display: inline-block;
  padding: 0;
  margin: 0;
  list-style: none;
}

#topMenu .menuLink {
  position: relative;
  padding-left: 26px;
  display: block;
  color: #222;
  font-family: 'source_sans_proregular', 'Helvetica Neue', Helvetica, ​Arial, ​sans-serif;
  font-size: 16px;
  line-height: 40px;
  letter-spacing: 1px;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

#topMenu .menuLink:hover {
  color: #EB613C;
}

#topMenu .menuLink::after {
  content: "•";
  position: absolute;
  top: 0;
  left: 9px;
  color: #222;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-property: color;
  transition-property: color;
}

#topMenu .menuItem:first-child .menuLink::after {
  display: none;
}

#topMenu .subMenu {
  position: absolute;
  top: 46px;
  left: 0;
  width: 165px;
  padding: 0;
  margin: 0 0 0 25px;
  border-top: 2px solid #EB613C;
  background: rgba(0, 0, 0, 0.95);
  list-style: none;
  display: none;
  -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.25);
  -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.25);
  box-shadow: 0 1px 5px rgba(0,0,0,0.25);
}

#topMenu .subMenuItem {
  position: relative;
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}

#topMenu .subMenuLink {
  position: relative;
  padding: 0 15px;
  display: block;
  color: #999;
  font-family: 'source_sans_proregular', 'Helvetica Neue', Helvetica, ​Arial, ​sans-serif;
  font-size: 10px;
  line-height: 32px;
  letter-spacing: 1px;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

#topMenu .subMenuLink:hover {
  background-color: #000000;
  color: #FFFFFF;
}

#languageActive {
  position: absolute;
  top: 2px;
  right: 2px;
  height: 20px;
  padding: 4px 16px 4px 4px;
  background: #ececec;
  display: block;
  cursor: pointer;
  color: #888;
  font-size: 11px;
  line-height: 12px;
}

#languageActive.edit, #languageSelect.edit {
  right: 26px;
}

#languageActive .flag {
  width: 16px;
}

#languageActive .icon {
  position: absolute;
  top: 4px;
  right: 4px;
  font-size: 10px;
}

#languageSelect {
  position: absolute;
  top: 22px;
  right: 2px;
  background: #f5f5f5;
  display: none;
}

#languageSelect .languageLink {
  position: relative;
  height: 20px;
  padding: 4px 16px 4px 4px;
  margin-top: 1px;
  background: #ececec;
  display: block;
  color: #888;
  font-size: 11px;
  line-height: 12px;
}

#languageSelect .flag {
  width: 16px;
}

#homePage {
  position: relative;
  float: left;
  width: 100%;
  height: 500px;
  padding: 0;
  margin: 0;
}

.homeButtonPlay
{
  display:block;
  float:left;
  border:2px solid #FFFFFF;
  border-radius:5px;
  color:#FFFFFF;
  text-align:center;
  padding: 10px 8px;
  width:60%;
  margin:0% 20%;
}

.canvasDiv {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}

.canvasDiv canvas {
  width: 100%;
  height: 100%;
}

#photoContainer {
  position: relative;
  float: left;
  width: 100%;
  height: 534px;
  /* margin-top: 80px; */
  background: #eee;
  overflow: hidden;
}

.photoSlide {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  display: none;
  z-index: 1;
}

#photoSlide_loadImage {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -35px 0 0 -10px;
}

#photoMore {
  position: absolute;
  bottom: 10px;
  width: 100%;
  height: 30px;
  padding: 0 10px;
  z-index: 99;
}

#photoControlsContainer {
  position: relative;
  width: 100%;
  max-width: 1200px;
  height: 30px;
  margin: 0 auto;
  font-size: 1px;
  line-height: 1px;
  text-align: right;
}

#photoControls {
  position: relative;
  float: right;
  padding: 10px 10px 10px 3px;
  margin: 0 auto;
  border-radius: 15px;
  background: rgba(255,255,255,0.4);
  display: none;
  font-size: 1px;
  line-height: 1px;
  text-align: right;
}

.photoControl {
  width: 10px;
  height: 10px;
  margin-left: 7px;
  border-radius: 5px;
  background: #ffffff;
  display: inline-block;
  font-size: 1px;
  line-height: 1px;
}

.photoControl.active {
  background: #EB613C;
}

#sliderAdminLink {
  top: -3px;
  left: auto;
  right: 16px;
}

#sliderSettingsLink {
  top: -3px;
  left: auto;
  right: -3px;
}

#homePageContainer {
  position: relative;
  width: 100%;
  max-width: 1200px;
  height: 100%;
  padding: 0 20px;
  margin: 0 auto;
  display: table;
  text-align: center;
}

#homePageCenter {
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: table-cell;
  vertical-align: middle;
}

#homePageTop {
  position: relative;
  padding-bottom: 20px;
  color: #fff;
}

#homePageTop, #homePageTop * {
  font-family: 'source_sans_proregular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 40px;
  line-height: 60px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

#homePageMiddle {
  position: relative;
  padding: 10px 0;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

#homePageMiddleText, #homePageMiddleText * {
  font-family: source_sans_proregular, 'Helvetica Neue', Helvetica,​ Arial, ​sans-serif;
  font-size: 70px;
  line-height: 87.5px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-shadow: 0 0 40px #fff, 2px 2px 3px black;
}

#homePageMiddleText {
  color: #fff;
}

#homePageBottom {
  position: relative;
  padding-top: 20px;
  color: #fff;
}

#homePageBottom, #homePageBottom * {
  font-family: 'source_sans_proregular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 15.75px;
  line-height: 22px;
  letter-spacing: 0.5px;
}

#homePageButtons {
  padding-top: 20px;
}

.homePageButton {
  padding: 8px 11px;
  margin: 5px;
  border: 1px solid #fff;
  display: inline-block;
  color: #fff;
  font-family: 'source_sans_proregular', Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height: 22px;
  letter-spacing: 1px;
  text-transform: uppercase;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

.homePageButton.colored {
  background-color: #64c2b8
}

.homePageButton:hover, .homePageButton:focus, .homePageButton:active {
  background-color: #EB613C;
  color: #fff;
}



#mainContent {
  position: relative;
  float: left;
  width: 100%;
  background: #fff;
  z-index: 1;
}

.contentBlockCenter {
  position: relative;
  width: 100%;
  max-width: 1200px;
  padding: 0 20px;
  margin: 0 auto;
}

.page {
  position: relative;
  float: left;
  width: 100%;
}

.page.bgImage {
  background-position: 50% 0;
  background-repeat: no-repeat;
}


.page.bgPositionFixed {
  /* only used in JavaScript */
}

.page.bgPositionParallax {
  /* only used in JavaScript */
}

.page.bgSizeCover {
  background-size: cover;
}

.page.bgSizeWidth {
  background-size: 100% auto;
}

.page.bgRepeatAll {
  background-repeat: repeat;
}

.page.bgRepeatX {
  background-repeat: repeat-x;
}

.page.bgRepeatY {
  background-repeat: repeat-y;
}

.pageOverlay {
  position: relative;
  width: 100%;
  height: 100%;
}

.pageOverlay.pattern01 {
  background-image: url('../images/pattern_01.png');
}

.pageTop {
  position: relative;
  width: 100%;
  max-width: 1200px;
  padding: 80px 195px 20px;
  margin: 0 auto;
}

.pageTop > img {
  width: 100%;
  margin-bottom: 10px;
}

.sponsorTop {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding-bottom:40px;
}

.sponsorlogo {
  float:left;
  color:#313131;
  padding:5px;
  text-align:center;
  font-size:14px;
  width:160px;
  margin-left:40px;
  margin-right:40px;
  min-height:160px;
}

.sponsorlogo div
{
  color:#313131;
  padding:5px;
  text-align:center;
  font-size:14px;
}

.sponsorlogoimg {
  position:relative;
  width:160px;
  height:100px;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:contain; 
  text-align:center;
}

#mainContent > div.page:last-of-type {
  padding-bottom: 40px;
}

footer .pageTop {
  padding: 50px 20px 20px;
}

.galleryTop {
  position: relative;
  width: 100%;
  max-width: 1200px;
  padding: 0 195px;
  margin: 0 auto;
}

.pageTitleContainer, .galleryTitleContainer {
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
}

footer .pageTitleContainer {
  text-align: left;
}

.pageTitle {
  position: relative;
  margin: 0 auto;
  display: block;
  color: #222;
  font-family: source_sans_proregular, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 40px;
  line-height: 60px;
  font-weight: normal;
  letter-spacing: 0.5px;
  text-align: center;
  text-transform: uppercase;
}

.galleryTitle {
  position: relative;
  margin: 0 auto;
  display: block;
  color: #222;
  /*
  font-family: Cardo, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 24px;
  line-height: 40px;
  font-weight: bold;
  */
  font-family: source_sans_proregular, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 40px;
  line-height: 60px;
  font-weight: normal;
  letter-spacing: 0.5px;
  text-align: center;
  text-transform: uppercase;
}

footer .pageTitle {
  font-size: 40px;
  line-height: 60px;
  text-align: center;
}

.pageText, .galleryText {
  position: relative;
  float: left;
  width: 100%;
  padding: 20px 0 30px;
}

footer .pageText {
  padding-bottom: 0;
}

.pageText, .pageText p, .pageText span, .galleryText, .galleryText p, .galleryText span {
  color: #222;
  font-family: 'source_sans_proregular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 19px;
  line-height: 27px;
  text-align: center;
}

.play-page .pageText {
  padding: 0;
}

.play-page .pageText, .play-page .pageText p, .play-page .pageText span {
  text-align: inherit;
}

footer .pageText, footer .pageText p, footer .pageText span {
  font-size: 19px;
  line-height: 27px;
  text-align: left;
}

.columns {
  position: relative;
  width: 100%;
  max-width: 1200px;
  padding: 0 20px 120px;
  margin: 0 auto;
}

.row {
  position: relative;
  float: left;
  width: 100%;
  display: table;
}

.column {
  position: relative;
  padding-bottom: 10px;
  display: table-cell;
  vertical-align: top;
  overflow: hidden;
}

.column.product {
  float: left;
  display: block;
}

.fourColumns .column {
  width: 25%;
}

.threeColumns .column {
  width: 33.33%;
}

.twoColumns .column {
  width: 50%;
}

.fourColumns .columnWrapper {
  width: 50%;
  display: table-cell;
  vertical-align: top;
}

.fourColumns .columnWrapper .column {
  position: relative;
  float: left;
  width: 50%;
  display: block;
}

.fourColumns .fourColumn1 {
  padding-right: 26px;
}

.fourColumns .fourColumn2 {
  padding-right: 18px;
  padding-left: 9px;
}

.fourColumns .fourColumn3 {
  padding-right: 9px;
  padding-left: 17px;
}

.fourColumns .fourColumn4 {
  padding-left: 26px;
}

.threeColumns .threeColumn1 {
  padding-right: 23px;
}

.threeColumns .threeColumn2 {
  padding-right: 12px;
  padding-left: 12px;
}

.threeColumns .threeColumn3 {
  padding-left: 23px;
}

.twoColumns .twoColumn1 {
  padding-right: 18px;
}

.twoColumns .twoColumn2 {
  padding-left: 17px;
}

.columnContent {
  position: relative;
  float: left;
  width: 100%;
  padding-left: 48px;
}

.columnIconDiv {
  position: absolute;
  top: 0;
  left: 0;
}

.columnIconDiv .icon {
  position: relative;
  width: 30px;
  height: 30px;
  display: block;
  font-size: 30px;
  line-height: 30px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.columnTitle {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 5px;
  font-family: 'source_sans_proregular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight:bold;
  font-size: 22px;
  line-height: 26.5px;
  letter-spacing: 0.5px;
  text-align: center;
}

.columnText {
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
}

.columnMore
{
  display:inline-block;
  float:left;
  width:60%;
  margin-left:20%;
  margin-right:20%;
  padding:8px;
  text-align:center;
  border-radius:5px;  
}

.columnContent .columnTitle {
  margin-bottom: 5px;
  text-align: left;
}

.columnContent .columnText {
  text-align: left;
}

.columnCircleDiv {
  position: relative;
  float: left;
  width: 100%;
  padding: 11px 0;
  margin-bottom: 20px;
  text-align: center;
}

.columnCircle {
  position: relative;
  width: 90px;
  height: 90px;
  border-radius: 100%;
  background: #292929;
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-property: background-color;
  transition-property: background-color;
}

.columnCircle .icon {
  position: relative;
  width: 90px;
  height: 90px;
  display: block;
  color: #fff;
  font-size: 48px;
  line-height: 90px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.columnCircle:hover, .columnCircle:focus, .columnCircle:active {
  background-color: #EB613C;
  color: #fff;
}

.columnCircle:before {
  content: '';
  position: absolute;
  border: #292929 solid 4px;
  border-radius: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-property: top, right, bottom, left, border-color;
  transition-property: top, right, bottom, left, border-color;
}

.columnCircle:hover:before, .columnCircle:focus:before, .columnCircle:active:before {
  border-color: #EB613C;
  top: -11px;
  right: -11px;
  bottom: -11px;
  left: -11px;
}

.teamMember {
  
}

.teamMember .photoContainer {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 20px;
  overflow: hidden;
}

.teamMember .photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.teamMember .photo.hover {
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.teamMember .photo.hover:hover {
  opacity: 0;
}

.teamMember .name {
  position: relative;
  float: left;
  width: 100%;
  font-family: 'source_sans_proregular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 17px;
  line-height: 25.5px;
  letter-spacing: 0.5px;
  text-align: center;
}

.teamMember .function {
  position: relative;
  float: left;
  width: 100%;
  font-size: 11px;
  line-height: 16.5px;
  letter-spacing: 0.5px;
  text-align: center;
  text-transform: uppercase;
}

.teamMember .text {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 20px;
}

.teamMember .text, .teamMember .text p, .teamMember .text span {
  font-family: 'source_sans_proregular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 15.75px;
  line-height: 23.6333px;
  text-align: center;
}

.column.product .content {
  position: relative;
  float: left;
  width: 100%;
  height: 550px;
  display: block;
  text-align: center;
}

.column.product .image {
  height: 96%;
  margin-top: 2%;
  overflow: visible;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: height, margin-top;
  transition-property: height, margin-top;
}

.column.product .content:hover .image {
  height: 110%;
  margin-top: -5%;
}

.column.product .titleContainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: table;
  opacity: 0;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.column.product .content:hover .titleContainer {
  opacity: 1;
}

.column.product .title {
  display: table-cell;
  vertical-align: middle;
  color: #EB613C;
  font-family: 'source_sans_proregular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 24px;
  line-height: 28.5px;
  letter-spacing: 0.5px;
  text-align: center;
  text-transform: uppercase;
}

.column.product .category {
  color: #EB613C;
  font-family: 'source_sans_proregular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height: 22px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.productContent {
  position: relative;
  width: 100%;
  max-width: 1200px;
  padding: 0 20px 120px;
  margin: 0 auto;
}

.productContent .content {
  position: relative;
  float: left;
  width: 75%;
  padding: 0 155px 20px 0;
}

.productContent .imageDiv {
  position: relative;
  float: left;
  width: 40%;
  padding: 0 20px 10px 0;
}

.productContent.noBlocks .content {
  width: 100%;
  padding-right: 0;
}

.productContent.noBlocks .imageDiv {
  width: 25%;
}

.productContent .image {
  max-width: 100%;
}

.productContent .block {
  position: relative;
  float: left;
}

.productContent .block, .productContent .block p {
  font-size: 11px;
  text-transform: uppercase;
}

.productContent .block .header {
  font-family: 'source_sans_proregular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-transform: none;
}

.productContent .block.bottom {
  min-width: 30%;
  max-width: 65%;
  padding-top: 20px;
  display: none;
}

.productContent .block.right {
  width: 25%;
}

.productMore {
  position: relative;
  float: left;
  width: 100%;
}

.productMore .header {
  position: relative;
  float: left;
  width: 100%;
  margin: 30px 0;
  color: #222;
  font-family: 'source_sans_proregular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 21px;
  text-align: center;
  text-transform: uppercase;
}

.productMore .header::after {
  content: "";
  width: 30px;
  height: 1px;
  margin: 10px auto 0;
  background-color: #222;
  display: block;
}

.productMore .sliderContainer {
  position: relative;
  float: left;
  width: 100%;
  /* padding: 10px 40px; */
  padding: 10px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.productMore .slider {
  position: relative;
  width: 100%;
  /* height: 150px; */
  overflow: hidden;
  text-align: center;
  /* white-space: nowrap; */
}

.productMore .slide {
  margin: 0 15px;
  display: inline-block;
  opacity: 0.7;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.productMore .slide:hover {
  opacity: 1;
}

.productMore .slideImage {
  height: 150px;
}





.contactBlock {
  position: relative;
  width: 100%;
  padding: 30px;
  margin-top: 20px;
  background: rgba(255,255,255,0.1);
}

.contactBlock .title {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 15px;
  font-family: 'source_sans_proregular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 22px;
  line-height: 27px;
}

.contactBlock .text {
  position: relative;
  float: left;
  width: 100%;
}

.contactBlock .text, .contactBlock .text p, .contactBlock .text span, .contactBlock .iconBlock, .contactForm label,
.contactForm input, .contactForm textarea, .newsletterForm label, .newsletterForm input, .newsletterForm textarea {
  font-size: 16px;
  line-height: 22px;
}

.contactBlock .iconBlock {
  position: relative;
  float: left;
  width: 100%;
  padding-left: 24px;
  text-transform: uppercase;
}

.contactBlock .iconBlock .icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
}

.contactForm, .newsletterForm {
  position: relative;
  float: left;
  width: 100%;
}

.contactForm .row, .newsletterForm .row {
  position: relative;
  float: left;
  width: 100%;
}

.contactForm label, .newsletterForm label {
  position: relative;
  float: left;
  width: 100%;
}

.contactForm input[type=text], .contactForm textarea, .newsletterForm input[type=text], .newsletterForm textarea {
  position: relative;
  float: left;
  width: 100%;
  padding: 10px;
  margin: 0 0 20px;
  border: 0;
  border-radius: 0;
  background: rgba(0,0,0,0.5);
  outline: none;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-property: background;
  transition-property: background;
}

.contactForm textarea, .newsletterForm textarea {
  height: 160px;
}

.contactForm input[type=text]:focus, .contactForm textarea:focus, .newsletterForm input[type=text]:focus, .newsletterForm textarea:focus {
  background: rgba(0,0,0,0.85);
}

.contactForm .button, .newsletterForm .button {
  position: relative;
  float: left;
  max-width: 100%;
  padding: 8px 12px;
  border-radius: 3px;
  border: 0;
  font-size: 14px;
  line-height: normal;
  text-transform: uppercase;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-property: background;
  transition-property: background;
}

.contactForm .button:hover, .newsletterForm .button:hover {
  background: #111 !important;
}

.topLink {
  position: absolute;
  top: -40px;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  border-radius: 3px 3px 0 0;
  display: block;
  cursor: pointer;
  font-size: 28px;
  line-height: 40px;
  text-align: center;
}

/* PhotoSwipe */
.gallery {
  position: relative;
  width: 100%;
  max-width: 1200px;
  padding: 0 20px 120px;
  margin: 0 auto;
}

.galleryItem {
  position: relative;
  float: left;
  width: 12.5%;
  padding: 5px;
}

.galleryItemLink {
  position: relative;
  float: left;
  width: 100%;
  padding-top: 66.667%;
  display: block;
  overflow: hidden;
  cursor: pointer;
}

.galleryItemImageContainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  text-align: center;
}

.galleryItemImage {
  position: relative;
  width: 100%;
}

.galleryItemImage.wide {
  width: auto;
  height: 100%;
}

.playContainer .galleryTop {
  padding-inline: 0;
}

.playContainer .galleryText {
  padding: 0;
}

.playContainer .galleryText, .playContainer .galleryText p, .playContainer .galleryText span {
  text-align: inherit;
}

.playContainer .gallery {
  width: calc(100% + 10px);
  padding: 0;
  margin-left: -5px;
}

.playContainer .galleryItem {
  width: 20%;
}

/******************************
PLAY
*******************************/

.playTitleBar {
  background-color: #eeeeee;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 6px;
  cursor: pointer;
}

.playTitleBar:hover {
  background-color: #dcdcdc;
}

.playTitleContainer {
  position: relative;
  width: 100%;  
  max-width: 1200px;
  margin: 0 auto;
}

.playContainer {
  position: relative;
  width: 100%;
  padding: 20px 195px 20px;
  max-width: 1200px;
  margin: 0 auto;
}

.playContainer > img {
  width: 100%;
  margin-bottom: 10px;
}

.playTitle {
  color: #313131;
  padding-left: 10px;
  padding-right: 10px;
}

.icon-play {
  color: #FFFFFF;
  margin-right: 10px;
}

.plays {
  background-color: #FFFFFF;
}


.pageTitlePlay {
  color: #000000;
}

.playData {
  position: relative;
}

/******************************
FORMFIELD
******************************/
.merlinform, .mf-form {
  position: relative;
  width: 100% !important;
}

.mf-button {
  /*background-color:#857c18;*/
  position: absolute;
  font-size: 16px;
  font-weight: bold;
  border-radius: 10px;
  border: 0px;
  padding: 5px 20px 5px 20px;
  margin-right: 15px;
  right: 0px;
  color: #FFFFFF;
  background-color: #5a5959;
}

.mf-field input[text] {
  padding-top: 10px;
  padding-bottom: 10px;
  height: 25px;
  width: 100% !important;
  border: 1px solid #5a5959;
}

.mf-successmsg {
  position: relative;
  width: 100%;
  padding: 10px;
  color: #000000;
  background-color: white;
  border-radius: 10px;
  border: 1px solid green;
}

.mf-errormsg {
  position: relative;
  width: 100%;
  width: 100%;
  padding: 10px;
  background-color: white;
  color: red;
  border: 1px solid red;
  border-radius: 10px;
}

.mf-button {
  
}


/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers:
 */
.hidden {
  display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *  `contenteditable` attribute is included anywhere else in the document.
 *  Otherwise it causes space to appear at the top and bottom of elements
 *  that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *  `:before` to contain the top-margins of child elements.
 */
.clearfix:before, .clearfix:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.clearfix:after {
  clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}

@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
  #main {
    z-index: 3; /* used for javascript detection */
  }
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request: http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
  *, *:before, *:after, *:first-letter, *:first-line {
    background: transparent !important;
    color: #000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a, a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links that are fragment identifiers, or use the `javascript:` pseudo protocol
   */
  a[href^="#"]:after, a[href^="javascript:"]:after {
    content: "";
  }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /*
   * Printing Tables: http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group;
  }

  tr, img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }

  h2, h3 {
    page-break-after: avoid;
  }
}