@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 .field {
	display: inline-block;
	vertical-align: top;
	padding: 5px;
}
form .field label {
	display: block;
}

.menu {
	display: inline-block;
	vertical-align: middle;
	background-size: 0px 0px;
}
.menu.right {
	position: absolute;
	right: 0px;
}
.menu li > a {
	display: inline-block;
}
.menu > .toggle {
	display: none;
	padding: 5px 10px 5px 10px;
	float: right;
}
.menu .expand {
	clear: both;
	overflow: hidden;
	background-image: inherit;
	background-size: inherit;
}
.menu.horizontal ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: left;
}
.menu.horizontal > ul > li {
	display: inline-block;
}
.mobile-hide .push-icon {
	display: none;
}

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;
	display: block;
	margin: auto;
	position: relative;
}
.table-area,
.scroll {
	overflow: auto;
}
.table {
	display: table;
}
.table .row {
	display: table-row;
}
.table.align-top {
	vertical-align: top;
}
.table .col,
.table .cell {
	display: table-cell;
	vertical-align: top;
	padding: 10px;
}
.table.middle .col,
.table.middle .cell {
	vertical-align: middle;
}
.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;
}
.no-padding {
	padding: 0px !important;
}
.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;
}
.block {
	display: block;
}
.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 .field {
		display: 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;
		background-size: contain;
	}
	.menu.horizontal li {
		display: list-item !important;
	}
	ul.drop-down li > ul {
		position: static;
		margin-left: 5%;
	}
	.responsive li {
		display: inline-block;
	}
	.table > .row > .cell {
		display: block;
	}
	.table > .cell {
		display: table-row;
		width: auto !important;
	}
	.button,
	.icon {
		font-size: 1.5em !important;
	}
	.desktop {
		display: none;
	}
	.mobile {
		display: inherit !important;
	}
	.mobile-center {
		text-align: center;
	}
	.mobile-full-w {
		display: block !important;
		width: auto !important;
		max-width: none !important;
	}
	.mobile-hide {
		position: absolute;
		z-index: 2;
	}
	.mobile-hide .push-icon {
		position: absolute;
		display: block;
	}
	.mobile-hide:hover .push-icon {
		display: none;
	}
	.mobile-hide.left {
		right: 100%;
	}
	.mobile-hide.left:hover {
		right: auto;
	}
	.mobile-hide.left .push-icon {
		left: 100%;
	}
	.mobile-hide.right {
		left: 100%;
	}
	.mobile-hide.right:hover {
		left: auto;
	}
	.mobile-hide.right .push-icon {
		left: 100%;
	}
}