@charset "utf-8";
/* CSS Document */
body {
  margin: 0px;
  padding-right:0px; padding-left:0px;
  font-family: "freight-sans-pro", Verdana, sans-serif;
  font-size: 14px;
  line-height: 18px;
  color: #333333;
  background-color: #ffffff;
}

a:link {color:#DF1732;}      /* unvisited link */
a:visited {color:#DF1732;}  /* visited link */
a:hover {color:#293077; text-decoration:none}  /* mouse over link */
a:active {color:#DF1732;}  /* selected link */

a.submenu-link:link, a.submenu-link:visited, a.submenu-link:active, a.submenu-link:hover {color:#fff; text-decoration:none; font-weight:bold; font-size:8px}

a.menu-link:link, a.menu-link:visited, a.menu-link:active, a.menu-link:hover {color:#fff; text-decoration:none; font-weight:bold}

/************************************************/
/***************     TEXT     *****************/

hr{margin:18px 0;border:0;border-top:1px solid #eeeeee; margin-top:5px;}
.title-tickets { height: 24px; background: transparent url('../img/titles/Viva_Titles_Tickets@2x.png') no-repeat; background-size: 122px 24px;}
.title-story { height: 24px; background: transparent url('../img/titles/Viva_Titles_Story@2x.png') no-repeat; background-size: 80px 24px;}
.title-cast { height: 24px; background: transparent url('../img/titles/Viva_Titles_Cast@2x.png') no-repeat; background-size: 70px 24px;}
.title-creative { height: 24px; background: transparent url('../img/titles/Viva_Titles_Creative@2x.png') no-repeat; background-size: 125px 24px;}
.title-gallery { height: 24px;  background: transparent url('../img/titles/Viva_Titles_Gallery@2x.png') no-repeat; background-size: 121px 24px;}
.title-media { height: 24px;  background: transparent url('../img/titles/Viva_Titles_Media@2x.png') no-repeat; background-size: 79px 24px;}
.title-accessDetails { height: 24px; background: transparent url('../img/titles/Viva_Titles_Access@2x.png') no-repeat; background-size: 232px 24px;}
.title-venueDetails { height: 24px; background: transparent url('../img/titles/Viva_Titles_VenueDetails@2x.png') no-repeat; background-size: 211px 24px;}
.title-cookies { height: 24px; background: transparent url('../img/titles/Viva_Titles_Cookies@2x.png') no-repeat; background-size: 120px 24px;}
.title-news { height: 24px; background: transparent url('../img/titles/Viva_Titles_News@2x.png') no-repeat; background-size: 70px 24px;}
.title-faq{ height: 24px; background: transparent url('../img/titles/Viva_Titles_FAQ@2x.png') no-repeat; background-size: 70px 24px;}
.title-reviews{ height: 24px; background: transparent url('../img/titles/Viva_Titles_Reviews@2x.png') no-repeat; background-size: 123px 24px;}
.title-spring-ticket-sale{ height: 24px; background: transparent url('../img/titles/Viva_Titles_SpringTicketSale@2x.png') no-repeat; background-size: 255px 24px;}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-family: inherit;
  font-weight: bold;
  color: inherit;
  text-rendering: optimizelegibility;
}
h3{font-size:18px; line-height:16px}
.sub-title {border-bottom: 1px #eee solid; padding-bottom:4px; margin: 10px 0px;}
.tinytxt{font-size: 12px; line-height: 14px;font-weight: 400; font-style: normal;}
/************************************************/
/***************     HEADER     *****************/
#fixed-header{position:fixed; top:0; border-bottom:1px solid #EEE; background:#FFF;}

.back-button{width:40px; height:35px; border:1px solid #000; float:left; margin-left:20px; background-image:url(../img/header-back-icon.png); background-size:contain;}

.submenu-container{width:100%; background:#293077; height:28px; text-align:center; position:absolute; top:50px; left:0px; padding:10px 0px 0px 0px; margin:0px }

.submenu-selected{width:130px; height:15px; background-color:#DF1732; position:relative; top:-5px; padding:5px; display:inline-block;}

.submenu-not-selected{width:130px; height:15px; position:relative; top:-5px; padding:5px; display:inline-block;}

.spacer{height:40px;}

/************************************************/
/***************     MAIN       *****************/
.home-enter{position:fixed; bottom:0px; height:20px; background-color:#293077; color:#fff; font-weight:bold; padding:10px 0px 10px 0px; font-size:18px; text-align:center; width:100%; margin:0}
.home-logo{width:290px;height:400px; background:url(../img/HomeLogo.png); background-size:contain; background-repeat:no-repeat; margin:0 auto}


.menu-container{margin:0px;}
.menu-logo{width:290px; height:115px; background:url(../img/MenuTT.png); background-size:contain; background-repeat:no-repeat; margin:0 auto; margin-top:10px}
.container{margin-top:60px;margin-bottom:60px; padding:0px}

/*ul{list-style:none; text-align:center; margin:0; padding:0}*/
.main-menu{height:20px; background-color:#293077; color:#fff; margin-bottom:4px; font-weight:bold; padding:10px; font-size:18px; text-align:center}

/****************   cast/creative   **************/
.cast-creative-container{width:280px; height:128px; margin-bottom:10px;}
.cast-creative-image{width:100px; height:128px; float:left; background-size:contain; background-repeat:no-repeat;}
.cast-creative-text{width:170px; height:100px; padding-left:10px; padding-top:10px; float:left;}
.name{color:#DF1732;}


/*ul.gallery-images{width:80px; height:100px; float:left; background-size:contain; background-repeat:no-repeat;}
ul li.gallery-images{list-style:none;width:65px; height:100px; float:left; background-size:contain; background-repeat:no-repeat; margin-right:10px}*/

/****************      gallery      **************/
.gallery-content{
	width: 100%; 
	text-align: center;
}
.gallery-content ul{
	margin: 0px;
	padding: 0px;
}
.gallery-content li{
	display:inline; 
	margin: 2px;
}
.gallery-content li img{
	margin: 5px; 
	border: 0px; 
	width: 60px; 
	height: 75px;
	background-size:contain; 
	background-repeat:no-repeat;
}

/** Takes care of the youtube video resizing depending on the width of the device **/

.js-video {
  height: 0;
  padding-top: 25px;
  padding-bottom: 67.5%;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
}

.js-video.widescreen {
  padding-bottom: 57.25%;
}

.js-video embed, .js-video iframe, .js-video object, .js-video video {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}


/************************************************/
/***************     FOOTER     *****************/


#fixed-footer{position:fixed; bottom:0; background:#FFF; height:45px; margin:0; padding:0; border: 1px solid #D4D4D4; box-shadow: 0 1px 10px rgba(0, 0, 0, .1); }
.footer-container {
        width:120px;
		margin:0 auto;
		margin-top:4px;
      }
.footer-facebook{width:46px; height:35px; border:1px solid #000; float:left; margin-right:8px; background:url(../img/footer-facebook-icon.png); background-size:contain;}

.footer-book-tickets{width:120px; height:17px; float:left; background:url(../img/Viva_menu_BookTickets.png); text-align:center; padding:10px; color:#FFF; font-weight:bold}

.footer-twitter{width:46px; height:35px; border:1px solid #000; float:left; margin-left:8px; background-image:url(../img/footer-twitter-icon.png); background-size:contain;}