html, body
{
	line-height: 1;
	color: #eeeeee;
	height: 100%;
	overflow: hidden;
	min-width: 100%;
	width: 100%;
	margin: 0;
	padding:0;
	background: #000;
}

.animated-background-color
{
	transition: background-color 1s ease;
}

::-webkit-scrollbar {
	width: 17px;
}

::-webkit-scrollbar-track {
	background-color: rgba(0,0,0,0.0);
	-webkit-border-radius: 5px;
}

::-webkit-scrollbar-track:hover {
	background-color: rgba(192,192,192,0.1);
	-webkit-border-radius: 5px;
}

::-webkit-scrollbar-thumb:vertical,
::-webkit-scrollbar-thumb:horizontal {
	background-color: rgba(255,255,255,0.3);
	-webkit-border-radius: 6px;
}

::-webkit-scrollbar-thumb:vertical:hover,
::-webkit-scrollbar-thumb:horizontal:hover {
	background-color: rgba(255,255,255,0.5);
}

content
{
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: block;
	padding: 0;
	margin: 0;
    transition: left 0.3s ease-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

body.open content {
	left: 340px;
}

body.open nav.push-menu {
	left: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

nav.push-menu {
    position: fixed;
    z-index: 100;
    background-color: #232323;
    overflow: auto;
    top: 0;
    width: 340px;
    height: 100%;
	left: -340px;
    font-family: "TiemposTextWeb-Regular";
    font-size: 20px;
    transition: left 0.3s ease-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

nav.push-menu .lang-menu {
	font-size: 20px;
	color: #eee;
	text-decoration: none;
    padding: 35px 0 0 50px;
}

nav.push-menu .close-menu {
	text-align: right;
	padding: 28px;
	cursor: pointer;
	font-size: 28px;
	color: #eee;
}

nav.push-menu .menu-content {
    padding-left: 50px;
}

nav.push-menu .menu-content ul
{
	list-style-type: none;
	padding: 0;
	margin: 0 0 30px 0;
}

nav.push-menu .menu-content ul li
{
	padding: 0px 0;
}

nav.push-menu .menu-content ul li a
{
	font-size: 20px;
	line-height: 40px;
	color: #eee;
	text-decoration: none;
}

nav.push-menu .menu-content .copyright
{
	margin-top: 30px;
	color: #eee;
	font-size: 12px;
	line-height: 18px;
}

#header
{
	position: absolute;
	top: 0px;
	left:00px;
	right:17px; /*scrollbar width*/
	z-index: 50;
	background: #000;
	height: 84px;
	padding-top: 28px;
	padding-left: 17px;
}

#header .nav-toggler
{
	cursor: pointer;
	color: #fff;
	font-size: 28px;
	display: block;
	margin-left:66px;
}

@media (max-width: 990px) {
	#header .nav-toggler{
		margin-left:26px;
	}
}

#header .mct-logo-old
{
	width: 50px;
	height: 40px;
	background: url(/content/images/mct-logo.svg) center center no-repeat;
	background-size: contain;
	margin-right: 15px;
	display: inline-block;
}

#header .mct-logo
{
	width: 88px;
	height: 40px;
	background: url(/content/images/mct-logo-white.svg) center center no-repeat;
	background-size: contain;
	margin-right: 67px;
	display: inline-block;
}

#header .title
{
	font-size: 28px;
	font-family: "TiemposHeadlineWeb-Bold";
}

#fixed-content-container {
	position: fixed;
	left: 120px;
	top: 84px;
	bottom: 100px;
	display: none;
	z-index: 10;
 	transition: left 0.3s ease-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

#fixed-content-wrapper
{
	display: table;
	overflow: hidden;
	height: 100%;
}

#fixed-content
{
	display: table-cell;
    vertical-align: middle;

	/*
	z-index: 10;
	position: fixed;
	bottom: 84px;
	left: 120px;
	display: block;
	*/

	padding: 50px 10px 10px 10px;
 	width: 750px;
	/*
 -webkit-hyphens: auto;
 -moz-hyphens: auto;
 -ms-hyphens: auto;
 hyphens: auto;
 */
}

#fixed-content.fixed-content-history
{
	display: block;
	padding: 20px 10px 10px 10px;
}

@media (max-width: 1490px) {
	#fixed-content
	{
		width: 700px;
	}
}

@media (max-width: 1380px) {
	#fixed-content
	{
		width: 660px;
	}
}

@media (max-width: 1270px) {
	#fixed-content
	{
		width: 560px;
	}
}

@media (max-width: 1180px) {
	#fixed-content
	{
		width: 450px;
	}
}

@media (max-width: 1080px) {
	#fixed-content
	{
		width: 400px;
	}
}

body.open #fixed-content-container
{
	left: 440px;
}

pages
{
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-perspective: 1200px;
	-moz-perspective: 1200px;
	perspective: 1200px;
	display: block;
}


video#fixed-background-video{
	position: absolute;
	top: 84px; /*header height*/
	right: 84px; /*frame width*/
	left: 84px; /*frame width*/
	bottom: 0;
	height: calc(100% - 84px); /*header height*/
	width: calc(100% - 168px); /*full frame width*/
	background: #000;
	background-size: cover;
	overflow: hidden;
	object-fit: fill;
}

page
{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	display: none;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

page#start, page#updates {
	background-color: transparent;
}

page#start h1
{
	margin: 170px 0 50px 0;
}

.pt-page-current {
	visibility: visible;
	display: block;
	z-index: 1;
}

.pt-page-ontop {
	z-index: 999;
}

page > .page-background {
	position: absolute;
	background-size: cover;
	background-position: 50% 0;
	z-index: 0;
	bottom: 0;
	top: 84px; /*frame height*/
	left: 84px; /*frame width*/
	right: 84px; /*frame width*/
	background-image: url('/content/images/background-images/bg-start-01.jpg');
}

page > .page-background.tour {
	right: 40%;
}

page > .tour-background {
	position: absolute;
	z-index: 0;
	bottom: 0;
	top: 84px;
	right: 84px; /*frame width*/
	width: calc(41.66666667% - 84px + 14px); /*bootstrap grid width* + frame width + bootstrap grid padding */
	background: blue;
}

page > .page-background > .page-background-fade {
	display:none;
}

page > .page-background > .page-background-color {
	position: absolute;
	background-size: cover;
	background-position: 50% 0;
	z-index: 0;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
}


page#start > .page-background,
page#updates > .page-background{
	background-image: none;
}

page .page-content-fixed
{
	display: none;
}

page > .page-content
{
	padding: 0 84px 0 84px;
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
	position:relative;
	overflow-x: hidden;
	overflow-y: scroll;
	z-index: 5;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
}

page > .page-content > .page-content-wrapper
{
	min-height: calc(100% - 130px); /*full height - padding*/
	position: relative;
	width: calc(100% + 17px); /*scrollbar width*/
	padding-top: 130px; /*header height + padding*/
}

page > .page-content > .page-content-wrapper-history
{
	min-height: calc(100% - 100px); /*full height - padding*/
	position: relative;
	width: calc(100% + 17px); /*scrollbar width*/
	padding-top: 100px;
}

page > .page-content > .page-content-article
{
	height:30%;
}

page > .page-content > .page-content-nav
{
	width: calc(100% + 17px); /*scrollbar width*/
	height: 100px;
	padding: 30px;
	position: relative;
	text-align: center;
	z-index: 100;
}

page > .page-content > .page-content-nav.tour
{
	padding-top: 100px;
	height: 170px;
}

page > .page-content img
{
	max-width: 100% !important;
}

ul.sub-menu
{
	list-style-type: none;
	font-size: 20px;
	font-family: "TiemposTextWeb-Regular";
	padding: 0;
	margin: 0;
}

ul.sub-menu li
{
	padding: 4px 0;
}

ul.sub-menu li a
{
	color: #eee;
	text-decoration: none;
}

.page-left-arrow
{
	position: absolute;
	top: 50%;
	left: 17px;
	font-size: 30px;
	color: #eee;
	z-index: 1000;
}

.page-right-arrow
{
	position: absolute;
	top: 50%;
	right: 17px;
	font-size: 30px;
	color: #eee;
	z-index: 1000;
}

.page-up-arrow, .page-down-arrow
{
	font-size: 30px;
	color: #eee;
	z-index: 1000;
}


.team-member-row
{
	width: 50%;
}

.team-member-row3
{
	width: 33.33333%;
}

.team-member
{
	position: relative;
	width: 100%;
	padding-bottom: 66%;
	overflow: hidden;
	background-size: cover;
}

.team-member150
{
	position: relative;
	width: 100%;
	overflow: hidden;
	background:none;
	padding-bottom:150%;
}


.team-member-content
{
	position: absolute;
	top: 0%;
	bottom: 0;
	left: 12%;
	right: 40%;
	padding: 12% 0 3% 0;
	text-align: center;
}

.team-member-content-right
{
	position: absolute;
	top: 0%;
	bottom: 0;
	right: 12%;
	left: 40%;
	padding: 12% 0 3% 0;
	text-align: center;
}

.team-member-content-center
{
	position: absolute;
	top: 0%;
	bottom: 0;
	right: 10%;
	left: 10%;
	padding: 12% 0 3% 0;
	text-align: center;
}
.team-member-content-bottom-center
{
	position: absolute;
	bottom: 5%;
	right: 10%;
	left: 10%;
	padding: 12% 0 3% 0;
	text-align: center;
}


.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    border: 0;
    padding: 20px 0;
    vertical-align: top;
}

.table > tbody > tr.no-padding-top > td {
    padding: 0 0 20px;
}

.table > tbody > tr.no-padding-bottom > td {
    padding: 20px 0 0;
}

.table > tbody + tbody {
	border: none;
	/*border-top: 1px solid rgba(238, 238, 238, .4);*/
}

.table > tbody
{
	border: none;
	/*border-top: 1px solid rgba(238, 238, 238, .4);*/
}

.table > tbody:last-child
{
	border: none;
	/*border-top: 1px solid rgba(238, 238, 238, .4);*/
}


/*
.table > thead > tr:first-child > th, .table > tbody > tr:first-child > th, .table > tfoot > tr:first-child > th, .table > thead > tr:first-child > td, .table > tbody > tr:first-child > td, .table > tfoot > tr:first-child > td {
	border-top: 1px solid rgba(238, 238, 238, .4);
}

.table > thead > tr:last-child > th, .table > tbody > tr:last-child > th, .table > tfoot > tr:last-child > th, .table > thead > tr:last-child > td, .table > tbody > tr:last-child > td, .table > tfoot > tr:last-child > td {
	border-bottom: 1px solid rgba(238, 238, 238, .4);
}
*/

.table.table-tickets > tbody > tr > td
{
	line-height: 30px;
}

.visible-desktop
{
	display:block;
}

.visible-mobile
{
	display:none;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
	padding-top: 30px; height: 0; overflow: hidden;
	background-color: black;
	background-repeat: no-repeat;
	background-size: 100%;

}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background: #000000;
	line-height: 0;
	display:block;
	padding: 0;
	margin: 0;
	border:0;
}

.modal-backdrop.in
{
	opacity: 0.85;
}

.modal-content {
    background: none;
    border: none;
    box-shadow: none;
    outline: 0 none;
    position: relative;
	height: auto;
	min-height: 100%;
	border-radius: 0;
}

.modal-body {
    padding: 0px;
}

.close-modal
{
	padding: 15px;
	font-size: 28px;
}

.modal-dialog
{
	height: 100%;
	padding:0;
	width: 100%;
	margin:0;
}


a.cc-btn, a.cc-btn:hover {
  border-width: 0px !important;
}

a.cc-link, a.cc-link:hover, a.cc-link:visited {
	opacity: 1 !important;
  text-decoration: underline !important;
}




/* The flip box container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */


.flip-box {
   perspective: 1000px;
	 position: relative;
	 width: 100%;
	 overflow: hidden;
	 background: none;
	 padding-bottom: 150%;
}

/* This container is needed to position the front and back side */
.flip-box-inner {
 position: absolute; /*relative*/
 width: 100%;
 height: 100%;
 text-align: center;
 transition: transform .8s;
 transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-box:hover .flip-box-inner {
 transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-box-front, .flip-box-back {
 position: absolute;
 width: 100%;
 height: 100%;
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;

 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.team-member-content-bottom-center,
.team-member-name {
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
}



/* Style the back side */
.flip-box-back {
  transform: rotateY(180deg);
}