@import 'https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i';
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700,300:latin');

/* reset */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,/*footer,*/form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,/*footer,*/header,hgroup,main,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

img a, a img { border:none}

/* -------------------------------- 

Primary style

-------------------------------- */
*, *::after, *::before {
  box-sizing: border-box;
}

html {
  font-size: 62.5%; height:100%; 
}

body { font-size: 1.6rem;  font-family: "Open Sans", sans-serif; color: #ffffff; background-color: #fff;-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; position:relative; min-height:100%; line-height:140%
	
}
html, body { margin:0; padding:0; overflow:scroll;}

a {  color: #ff0000;  }
a:hover {color:#000}
.footer a:hover {color:#FFF900}
.home a {color:#ffffff}
.home a:hover {color:#ff0000}
p { display:block; margin: 0 0 16px 0}
.middle { line-height:1.5em}
img { max-width:100%; height:auto}

/* never visible - this is used in jQuery to check the current MQ */
body::before { content: 'mobile'; display: none;}

.clearFix:after { content:"."; display:block; height:0; clear:both;visibility:hidden }
.header { width:100%; height:128px; position:absolute; top:0; left:0; right:0;  z-index:9999;   }

/* headlines */ 
h1 { font-size:30px; line-height:31px; font-family: 'Playfair Display', serif; margin:0 0 11px 0; font-family: 'Playfair Display', serif; margin:0 0 22px 0; color:#cb1234}
h2 { font-size:25px; line-height:26px; font-family: 'Playfair Display', serif; margin:0 0 11px 0; font-family: 'Playfair Display', serif; margin:11px 0 22px 0; color:#cb1234 }
h3 { font-size:22px; line-height:28px; font-weight:500; color:#cb1234;  font-family: 'Playfair Display', serif; margin:11px 0}	
h1.homeHeadline {text-align:center; position:absolute;z-index:8; bottom:8%; color:#fff; text-align:center; width:100%; padding:32px;  text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.90);}

.main h1 {text-align:center;}
.contentContain h1 {font-size:29px; line-height:30px; text-align:left; color:#fff  }
.contentContain h2 {font-size:26px; line-height:27px;   text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.90); margin:0 0 11px 0; font-family: 'Playfair Display', serif; color:#fff}
.contentContain p {  text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.90);font-family:'Arial', sans-serif; font-style:normal}

.middle ul { list-style:square; margin:22px 0 22px 28px }
.middle ul li { text-align:left}

.testing { display:block; color:#fff; z-index:8888; font-size:111px}
.contentContain { top:44%;  position:relative; left:8%; width:80%;  margin:22px}
.header h1 { font-size:22px; color:#fff; margin:11%; }
.header p { margin:22px 0 0 5%; position:relative}
	
.homeContain p { font-family: 'Open Sans', sans-serif; font-size:17px; line-height:24px; font-weight:500}
div.contentContain.even, div.contentContain.odd {text-align:left !important}
.logo img { width:100%; height:auto}
.logo {width:266px;  margin:48px auto 0 auto;  height:auto;  max-width:90%; display:block;-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out ;-ms-transition: all 1s ease-in-out ;-o-transition: all 1s ease-in-out ;
transition: all 1s ease-in-out ;
}
.sticky .logo {width:240px;}
.headerRight {  margin:32px 2% 0 0; position:relative;  }
.ariaLabel {position: absolute !important; clip: rect(1px 1px 1px 1px);  clip: rect(1px, 1px, 1px, 1px);}

.PolarExpress {position:absolute; top:11%; right:6%; width:144px; border:1px solid  rgba(255,211,94,1.00)}
.PolarExpress img {width:100%; height:auto}

footer.footer {font-size:1.1em; line-height:140%;  width:100%; margin:0; height:auto; background:#000; text-align:center; padding:14px 0 18px 0; color:#fff; background:#cd0b2f; border-top:2px solid #ffd03f;bottom:0; position:absolute;}
footer.footer a { color:#fff; margin:-3px auto 0 auto; }

.wrapper {  width:100%; height: 100vh; position:absolute; top:0; left:0; right:0; bottom:0; display:block; overflow:scroll;}
	
.container { min-height:300px}

.galleryAlbums {max-width:2000px; margin:auto;}
	
/* homepage vertical navigation */
.cd-vertical-nav { position: fixed;z-index: 1;right: 3%;top: 50%;bottom: auto;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);
  display: none;}
.cd-vertical-nav a { display: block; height: 40px; width: 40px;overflow: hidden;text-indent: 100%;white-space: nowrap;background: url(images/cd-icon-arrow.svg) no-repeat center center;}
.cd-vertical-nav a.cd-prev {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);margin-bottom: 10px;}
.cd-vertical-nav a.inactive { visibility: hidden;opacity: 0;-webkit-transition: opacity 0.2s 0s, visibility 0s 0.2s;-moz-transition: opacity 0.2s 0s, visibility 0s 0.2s;transition: opacity 0.2s 0s, visibility 0s 0.2s;}

.cd-section { height: 100vh; position:relative; }
.cd-section div.sectionContain {
 height: 100vh;
 /* text-align: center;*/
  font-size: 2.4rem;
  margin:-22px 0;
}
.cd-section:first-of-type > div.homeContain {
  background-color: #2b334f;
}

.cd-section:nth-of-type(2) > div.homeContain {
  background-color: #2e5367;
}
.cd-section:nth-of-type(3) > div.homeContain {
  background-color: #267481;
}
.cd-section:nth-of-type(4) > div.homeContain {
  background-color: #fcb052;
}
.cd-section:nth-of-type(5) > div.homeContain {
  background-color: #f06a59;
}
[data-animation="parallax"] .cd-section > div.homeContain, [data-animation="fixed"] .cd-section > div.homeContain, [data-animation="opacity"] .cd-section > div.homeContain {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.container { min-height:300px;  padding:96px 0 0 0}

.middle { padding:4%;  max-width: 1240px; margin:0 auto;  display:block; position:relative; min-height:300px; color:#333}

.leftCol img, .rightcol img { max-width:400px; margin:0 auto; display:block }
.leftCol { width:100%; margin:0 0 32px 0; }
		.rightcol {width:100%; margin:0 0 32px 0; }
		


	
	.rightcol img {max-width:320px; height:auto}

.tickets:before{position:absolute;top:0; right:182px;content: "";display: block;width: 0; border: 0 solid transparent;
border-top-color: transparent;border-top-style: solid;border-top-width: 0px;border-right-color: transparent;
border-right-style: solid;border-right-width: 0px;border-left-width: 0px;border-left-width: 4.2em;
border-top: 4.7em solid #f2cf00;border-right: 1em solid #f2cf00;margin: -40px 0 0 -4.2em;z-index:8;}

.tickets {position:absolute; z-index:0; top:0; right:0;display: block;background: #f2cf00;color: #fff;margin:0;
  height:45px;white-space: nowrap; padding:11px 22px 11px 11px;font-size:18px;width:200px;}

.ticketsInner {  z-index:12; position:relative; right:0;  cursor:pointer;}
.ticketsInner a { color:#000; font-weight:bold; z-index:99999; position:absolute; right:11px; cursor:pointer;  top:3px}
.redBar {overflow:visible; margin-top:0; background: rgba(205, 11, 27, 0.88); width:100%; display:block; height:88px;
  border-bottom:2px solid #ffd03f; border-top:2px solid #ffd03f;  }

.ticketsInner a:hover {color:#dc0101;}
.ticketsInner a, .footer a {text-decoration:none;}
		
.secImage {min-height:8px; margin-top:186px; min-height:411px}
.main { padding:32px 4% 210px 4%; color:#000; }
.main ul {list-style:inherit; margin:8px 0 0 32px}
.main ul li {margin-bottom:8px}
.contain {max-width:1080px; margin:auto; }

/* video */
.videoWrapper  {height: 100%;overflow: hidden;padding: 0;position: relative;}
.videoWrapper  iframe {box-sizing: border-box;height: 56.25vw;left: 50%;min-height: 100%;min-width: 
  100%;transform: translate(-50%, -50%);position: absolute;top: 50%;width: 177.77777778vh;}	
video {object-fit: cover;width: 100vw;height: 100vh;position: fixed;top: 0;left: 0;}

.secImage {min-height:8px; margin-top:186px}
.main { padding:32px 4% 210px 4%; color:#000; }
.main ul {list-style:inherit; margin:8px 0 0 32px}
.main ul li {margin-bottom:8px}
.contain {max-width:1080px; margin:auto; }

.secImage {min-height:8px; margin-top:186px}
.main { padding:32px 4% 210px 4%; color:#000; }
.main ul {list-style:inherit; margin:8px 0 0 32px}
.main ul li {margin-bottom:8px}
.contain {max-width:1080px; margin:auto; }

 @media screen and (min-width:540px){

.redBar {margin-top:22px;}
.logo {margin:-20px 0 0 3%; float:left; width:300px;}
	 .header {  height:96px;}

.PolarExpress {top:4%; position:absolute;  right:16%; width:222px; border:1px solid  rgba(255,211,94,1.00)}
.PolarExpress img {width:100%; height:auto}
 
	}
		
	
@media only screen and (max-width: 640px) {

.main { padding:32px 4% 200px 4% }
.secImage {min-height:11px; margin-top:188px}
	
a.footerPhone{ font-size:22px; width:200px; background:#000; padding:3px 0 4px 0; 
  text-align:center; margin:32px auto 0 auto; display:block;  border-radius : 25px; }

a.footerPhone:hover {  background:#377c90}
.bullBreak {width:1px; height:0; color:#cb1234; visibility:hidden !important}
.bullBreak:after { content: '\a'; position: static; white-space: pre;}

footer.footer a { color:#fff; margin:0 auto}
footer.footer a.footerLink1 {margin:11px auto -8px auto !important; display:block}

}

@media only screen and (min-width: 800px) {
		 
.resultTitle { font-size:16px;  margin:3px 0 22px 0 ; text-align:left !important}
.bioImage h1 {margin: 32px 0 0 0;  z-index:33;  background:#fff; bottom:0; left:0; padding:4px 12px 0 0;  -webkit-border-top-right-radius: 8px;
-moz-border-radius-topright: 8px;  text-align:left !important; border-top-right-radius: 8px;  position:absolute; bottom:0}
.contentContain { top:54%;}
.leftCol { width:68%; margin:0 0 32px 0; min-height:200px; float:left}
.rightcol {width:28%; margin:0 0 32px 3%; min-height:200px; float:left; min-height:200px }
.leftCol img, .rightcol img { max-width:100% }

	} /* the end of 800px media query */

 @media only screen and (min-width: 920px) {

  .headerRight { display:block}
  h1 { font-size:40px; line-height:42px}
  h2 { font-size:29px; line-height:31px; }
  
 }
	
		
@media only screen and (min-width: 1050px) {

.PolarExpress {top:161px;}
	

	
	.container { min-height:400px; padding:96px 0 82px 0}
	
	
body[data-hijacking="on"] { overflow: hidden;}
body::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'desktop';
  }
footer.footer { position:absolute; bottom:0; left:0; right:0;  text-transform:uppercase}
.contentContain h2 {  }
				
.header { width:100%; height:96px; position:fixed; top:0; left:0; right:0;  z-index:9999; }
.contentContain h1 {font-size:36px; line-height:37px; text-align:left;  text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.8); }
.contentContain h2 {font-size:33px; line-height:34px; text-align:left; text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.59); }
.contentContain p { max-width:640px}
.breakDesktop:after {content: '\a'; position: static; white-space: pre; }

div.contentContain.odd {text-align:left !important; margin-left:35%; width:53%}
.contentContain { top:66%; }

.cd-section div.sectionContain { font-size: 4rem; font-weight: 300; }
[data-hijacking="on"] .cd-section { 
  opacity: 0; visibility: hidden;position: absolute; top: 0;left: 0; width: 100%;
  }
  [data-hijacking="on"] .cd-section > div.homeContain {
    visibility: visible;
  }
  [data-hijacking="off"] .cd-section > div.homeContain {
    opacity: 0;
  }
  [data-animation="rotate"] .cd-section {
    /* enable a 3D-space for children elements */
    -webkit-perspective: 1800px;
    -moz-perspective: 1800px;
    perspective: 1800px;
  }
  [data-hijacking="on"][data-animation="rotate"] .cd-section:not(:first-of-type) {
    -webkit-perspective-origin: center 0;
    -moz-perspective-origin: center 0;
    perspective-origin: center 0;
  }
  [data-animation="scaleDown"] .cd-section > div.homeContain, [data-animation="gallery"] .cd-section > div.homeContain, [data-animation="catch"] .cd-section > div.homeContain {
    box-shadow: 0 0 0 rgba(25, 30, 46, 0.4);
  }
  [data-animation="opacity"] .cd-section.visible > div.homeContain {
    z-index: 1;
  }
  .cd-section:first-of-type > div.homeContain::before {
    display: none;
  }

  .cd-section > div.homeContain {
    position: fixed; top: 0; left: 0;width: 100%;
    /* Force Hardware Acceleration */
    -webkit-transform: translateZ(0); -moz-transform: translateZ(0);-ms-transform: translateZ(0);
    -o-transform: translateZ(0);transform: translateZ(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;
  }
  [data-hijacking="on"] .cd-section > div.homeContain {
    position: absolute;
  }
  [data-animation="rotate"] .cd-section > div.homeContain {
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  .cd-vertical-nav {
    display: block;
  }

} /*  end of 1050px media query  */

@media only screen and (min-width: 1100px) {
	
	.contentContain h1 {font-size:46px; line-height:47px;}
}

@media only screen and (max-width: 1049px) {
		.sectionContain { margin:-22px 0}	
		
	}

	@media only screen and (max-width: 800px) {
	.cd-section:first-of-type > div.homeContain, firstImage.cd-section div.sectionContain { height:100vh;  margin-top:0 !important; background-position:center 90px !important}
		
	.footer {position:relative}
		
	.contentContain { top:inherit; bottom:12%}
		
	.cd-section div.sectionContain:last-of-type {padding-bottom:188px}
		
}


  
    
    

@media only screen and (max-width: 920px) {

.main-menu-btn {      
margin: 5px 0 3px 5%;
position: absolute;
display: inline-block;
width: 32px;
height: 39px;
text-indent: 29px;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
top: 48px !important;
right:4% !important;
}

  @media only screen and (max-width: 540px) {
    .main-menu-btn {
margin: 0 0 3px 5%;
position: absolute;
display: inline-block;
width: 90%;
height: 39px;
text-indent: 29px;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
left:4% !important;
left:inherit; 
top: 22px !important;
    }
  }

#main-menu {position:absolute; top:78px; width:100%}
    
    }
      
@media only screen and (max-width: 480px) {
  .main-menu-btn { right:inherit; left:4%; top:16px !important}
      }
      

@media only screen and (min-width: 640px) {
      .main { padding:32px 4% 132px 4% }
      .secImage {min-height:78px; margin-top:108px}
      
    }
    
    @media only screen and (min-width: 920px) {
      
      .sm-clean ul ul {left:0 !important; top: -10px !important}
      
    }

/* photo gallery grid */

a.albumLink {position: absolute; bottom:0; top:0; left:0; right:0; z-index:22; width: 100%; height: 100%; z-index: 99; text-indent: -3000px;}

.gridContainer, .galleryAlbums { position:relative; text-align:center; margin:0 auto 32px auto;padding:0 4%;max-width:98%}

.gridContainer{padding:1rem;-webkit-column-count:1;-moz-column-count:1;column-count:1;}
.mix{padding:0 2%;display:inline-block;vertical-align:top;width:100%;background:#fff;border-radius:2px;margin-bottom:1rem;position:relative;backface-visibility:hidden;will-change:transform, opacity;}

.galleryAlbums .inner {margin:8px 6px; display:inline-block; max-width:360px; padding:2%; border:1px solid #ccc; position:relative;
-webkit-box-shadow: 0px 1px 11px -4px rgba(0,0,0,0.3); 
box-shadow: 0px 1px 11px -4px rgba(0,0,0,0.3);}
.galleryAlbums .inner:hover {-webkit-box-shadow: 0px 1px 12px -4px rgba(0,0,0,0.5); 
box-shadow: 0px 1px 12px -4px rgba(0,0,0,0.5);}
.galleryAlbums .inner p {margin:6px 0}
.galleryAlbums .inner:hover p { color:#cb1234; }


.mix img{width:100%;height:auto}
.mix:before{content:'';display:inline-block;}
@media screen and (min-width:401px){
	.gridContainer{-webkit-column-count:2;-moz-column-count:2;column-count:2;}
}
@media screen and (min-width:520px){
	.gridContainer{-webkit-column-count:3;-moz-column-count:3;column-count:3;}
}
@media screen and (min-width:980px){
	.gridContainer{-webkit-column-count:4;-moz-column-count:4;column-count:4;}
}