/* CSS Document */
body {
	background-color: #FFFFFF;
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
	margin: 0px;
	background-attachment: fixed;
	background-image: url(images/art-07.jpg);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
}
h1, h2, h3, h4 {
	font-family: Federo, "Segoe UI", Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0px;
}
h2 {
	margin-top: .5em;
	font-size: 1.65em;
}
h3 {
	margin-top: 1.5em;
	font-size: 1.45em;
}
.bigg {
	font-family: Federo, "Segoe UI", Arial, Helvetica, sans-serif;
	font-size: 135%;
	background-color: rgba(0,0,0,0.62);
	color: #FFF;
	padding: 1em 1.25em;
	border-radius: 5px;
}
.logo {
	background-color: #181818;
	background: rgba(0, 0, 0, .8);
}
.scalable {
	width: auto;
	height: auto;
	max-width: 100%;
	border-radius: 6px;
}
.logo .scalable {
	opacity: .8;
}
.row {
	padding: 1em 0;
}
.content {
	max-width: 1024px;
	margin: auto;
	padding: 1em 1.5em;
}
.footer {
	font-size: 70%;
	text-transform: uppercase;
	text-align: center;
	background-color: #222;
	color: #FFF;
	padding: 1.5em 1.5em;
}
.color-1 {
	background-color: #CC6666;
	color: #000;
}
.color-2 {
	color: #666;
}
.note {
	font-size: 80%;
}
.color-2 .sml-blur {
	height: 50px;
	position: absolute;
	width: 100%;
	bottom: 0px;
	background: -webkit-linear-gradient(rgba(0, 255, 255, .5) 0%, rgba(255, 255, 255, 1) 80%);
	background: linear-gradient(rgba(34, 34, 34, .5) 0%, rgba(34, 34, 34, 1) 80%);
	color: #D55555;
}
.color-2 a.sml-more.button {
	color: #000000;
	background-color: #7896BA;
	border-color: #7896BA;
	padding: .75em 1em;
	border-radius: 5px;
}
.color-2 a.sml-more.button:hover, a.sml-more.button.open {
	background-color: #999999;
	border-color: #999999;
	color: #000000;
}
#example-1, #example-3 {
	background-attachment: fixed;
	background-image: url(/products/templates/pagepacks/allegro/demos/p7allegro/img/art-07.jpg);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
	padding: 0px !important;
}
#example-1 .content, #example-3 .content {
	background-color: rgba(255,255,255,.88);
}
#example-2 .content {
}
img {
	vertical-align: bottom;
}
img.float {
	float: left;
	margin-right: 16px;
}

div.mbx-thumbs li img {
	max-height: none;
	max-width: 148px;
}
.boxed-link {
	display: inline-block;
	padding: 1em;
	text-decoration: none;
	background-color: #151515;
	color: #EEE !important;
	border-radius: 4px;
	transition: all linear .3s .1s;
}
.boxed-link:hover {
	background-color: #0D82A3;
	color: #FFF !important;
}
.content-link {
	color: #000;
	text-decoration: none;
	border-bottom: 1px dotted;
}
.content-link:hover {
	color: #AD2B2D;
	border-bottom: 1px solid;
}
 @media only screen and (min-width: 0px) and (max-width: 700px) {
#example-1, #example-3 {background-attachment: scroll;}
img.float {
	float: none;
	margin-right: 0px;
}
}