/* 
************************
CSS Document 
PVII Tab Panel Magic 3
Lux Showcase Page
************************
*/

body {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	margin: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
	background-attachment: fixed;
	font-size: 1em;
}
body {
	background-color: #000;
}
h1.logo {
	margin: 0px;
	padding: 10px;
	color: #000;
	background-color: #FFF;
	text-align: center;
}
h1, h2, h3, h4 {
	font-family: Federo, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-weight: normal;
	font-size: 2em;
}

.thumb-matrix {
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
	font-size: 0px;
	text-align: center;
}
.thumb-matrix li {
	list-style-type: none;
	display: inline-block;
}
.thumb-matrix li img {
	height: auto;
	width: auto;
	max-width: 115px;
	border-radius: 5px;
	transition: transform linear .2s .1s;
}
.thumb-matrix img:hover {
	transform: scale(1.5);
}
.thumb-matrix a {
	display: block;
	margin: 4px;
}

.menu-list {
	margin: 0px;
	padding: 0px;
}
.menu-list li {
	list-style-type: none;
	margin-bottom: 6px;
}
.menu-list a {
	display: block;
	text-decoration: none;
	padding: 10px 16px;
	color: #DDD;
	text-transform: none;
	background-color: #000;
	border-radius: 5px;
}
.menu-list a:hover {
	color: #BBB;
	background-color: #222;
	border-radius: 5px;
}

.footer {
	font-size: 80%;
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	box-sizing: border-box;
	padding: 6px 16px;
	background-color: #FFF;
	background: rgba(255,255,255,0.9);
	text-align: center;
	color: #000;
}

.p7TP3content img {
	height: auto;
	width: auto;
	max-width: 100%;
	border-radius: 5px;
}
.bigg {
	max-width: 560px;
	margin: 20px auto;
	font-family: Federo, Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 115%;
	line-height: 2;
	letter-spacing: .15em;
	background-color: #EC612A;
	padding: 24px;
	border-radius: 5px;
	color: #FFF;
	
}

/*1 Column for Narrow Browser Windows and Smartphones in both orientations*/
@media only screen and (min-width: 0px) and (max-width: 700px) {
.p7tp3-col-wrapper.no-columns {
	padding: 10px 16px;
}
.bigg {max-width: none; font-size: 105%;line-height: 1.35;}
}