@charset "UTF-8";

/*
Created by Sérgio Gomes - sergioeduardo1981@gmail.com
Github: https://github.com/sergiowebmaster
*/

html.board,
html.board body {
	width:100%;
	height:100%;
}
html.board body {
	margin:0px;
	padding:0px;
}
table.responsive td .label {
	display:none;
}
form .input {
	width:100%;
}
.menu li > a {
	display:block;
}
.menu > .toggle {
	display:none;
	padding:5px 10px 5px 10px;
	float:right;
}
.menu .expand {
	clear:both;
	overflow:hidden;
}
.menu.horizontal ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
	text-align:left;
}
.menu.horizontal > ul > li {
	display:inline-block;
}
ul.drop-down > li {
	display:inline-block;
}
ul.drop-down li {
	position:relative;
}
ul.drop-down li > a {
	display:inline-block;
}
ul.drop-down li > a:hover {
	text-decoration:underline;
}
ul.drop-down li > ul {
	position:absolute;
	display:none;
	margin:0px;
	padding:0px;
	list-style:none;
	text-align:left !important;
	white-space:nowrap;
}
ul.drop-down li > ul > li > ul {
	top:0px;
	left:100%;
}
ul.drop-down li:hover > ul {
	display:block;
}
a {
	cursor:pointer;
}

.container {
	width:90%;
	max-width:1200px;
	margin:auto;
}
.table-area,
.scroll {
	overflow:auto;
}
.table {
	display:table;
}
.table .row {
	display:table-row;
}
.table .col,
.table .cell {
	display:table-cell;
	vertical-align:top;
	padding:10px;
}
.table .field {
	vertical-align:bottom;
}
.row2 > .col,
.row2 > .cell {
	width:50%;
}
.row3 > .col,
.row3 > .cell {
	width:33.33%;
}
.row4 > .col,
.row4 > .cell {
	width:25%;
}
.row5 > .col,
.row5 > .cell {
	width:20%;
}
.row6 > .col,
.row6 > .cell {
	width:16.66%;
}
.full {
	width:100%;
	height:100%;
	overflow:auto;
}
.full-w,
.table-area {
	width:100%;
}
.full-h {
	height:100%;
}
.center {
	display:block;
	margin:auto;
}
.middle {
	vertical-align:middle !important;
}
.left {
	float:left;
}
.right {
	float:right;
}
.text-center {
	text-align:center;
}
.text-left {
	text-align:left;
}
.text-right {
	text-align:right;
}
.text {
	text-align:justify;
}
.text-break {
	word-break:break-all;
}
.button {
	cursor:pointer;
}
.ratio {
	position:relative;
	width:100%;
	padding-bottom:41.841%;
}
.ratio.square {
	padding-bottom:100%;
}
.ratio.tv {
	padding-bottom:75%;
}
.ratio.hdtv {
	padding-bottom:56.25%;
}
.ratio.europe {
	padding-bottom:60.24%;
}
.ratio.cinema {
	padding-bottom:42.8571%;
}
.ratio.cinema-us {
	padding-bottom:54.05%;
}
.ratio.imax {
	padding-bottom:27.77%;
}
.ratio.univisium {
	padding-bottom:50%;
}
.ratio > * {
	position:absolute;
	width:100%;
	height:100%;
	border:none;
}
.ratio > iframe {
	background-color:#DDD;
}
.ratio > video {
	background-color:#000;
}
.inline {
	display:inline;
}
.inline-block {
	display:inline-block;
}
.icon {
	font-size:1.2em;
	margin:2px;
}
.mobile {
	display:none !important;
}

@media screen and (max-width: 600px) {
	table.responsive thead,
	table.responsive th {
		display:none;
	}
	table.responsive tr {
		display:block;
		margin-bottom:10%;
	}
	table.responsive td {
		display:block;
	}
	table.responsive td .label {
		font-weight:bold;
		font-size:0.9em;
		display:inline-block;
	}
	form .table > .field {
		display:table-row;
	}
	form .table > .row > .field {
		display:table;
	}
	form .table .field > * {
		display:table-cell;
	}
	.menu > .toggle {
		display:inline-block;
	}
	.menu .expand {
		height:1px;
	}
	.menu:hover .expand {
		height:auto;
	}
	.menu.horizontal li {
		display:list-item !important;
	}
	ul.drop-down li > ul {
		position:static;
		margin-left:5%;
	}
	.responsive li {
		display:inline-block;
	}
	.table > .cell {
		display:table-row;
		width:auto !important;
	}
	.button,
	.icon {
		font-size:1.5em !important;
	}
	.desktop {
		display:none;
	}
	.mobile {
		display:inherit !important;
	}
}