@charset "utf-8";
.preload {
		display: none;
}
#transy {background-color:#FFF; text-align:center; position:relative; top:0; z-index:1000; width:100%}
.red {color:#9D2235 !important;}
* {
	margin:  0;
	padding: 0;
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
					box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6, hgroup,
ul, ol, dl,
blockquote, p, address,
table, fieldset,
figure, pre {
	margin-bottom: 18px;
	margin-bottom: 1.2rem;
}

ul, ol, dd {
	margin-left: 48px;
	margin-left: 3rem;
}

html {
	font: 300 100%/1.5 Ubuntu, sans-serif;
	background-color: #fff;
	color: #000;
}
html, body {height: 100%;}
a {
	color: #9D2235;
	text-decoration: none;
	border:none
}
a:hover {text-decoration: underline;}
blockquote {padding-left:5%}
strong, dt {font-weight: 500;}

h1, h2, h3, h4, h5, h6 {
	font-family: 'akzidenz-grotesk-condensed', 'Arial Narrow', Arial, sans-serif ;
	-webkit-font-smoothing: antialiased; 
}
h1 {
	font-size: 72px;
    text-shadow: 2px 2px 5px #000;
    font-family: 'akzidenz-grotesk';
}
h2 {font-size: 54px; color:#FFF; 
	-webkit-text-stroke: 1px white;
   text-shadow:
			-1px -1px 0 #FFF,  
			1px -1px 0 #FFF,
			-1px 1px 0 #FFF,
			1px 1px 0 #FFF;
}
h3 {
	font-size: 24px;
	line-height: 1.4;
	color: #9D2235;
  text-shadow: 1px 1px 1px rgba(204,0,51,0.004);
}
h4 {
	font-size: 24px;
	line-height: 1.2;
}
h5 {
	font-size: 18px;
	line-height: 1.5;
}
h6 {
	font-size: 14px;
	line-height: 1.7;
}
small {
	display: inline-block; 
	color: #666;
}
img {
	max-width: 100%;
	height: auto;
	border:none
}

.h3 {font-size:26px; line-height: 1; color:#9D2235; margin-bottom:18px}

/*** Page constraint.
 * Clear floats. Using this method fixes a weird Firefox `max-width` issue on images. */
.wrapper {
	width: 100%;
	max-width: 1000px;
	padding: 48px 1.3%;
	margin-right: auto;
	margin-left:  auto;
	overflow: hidden; 
}
.wrapper hr{
	margin-bottom: 1.2rem;
}
.band {
    position: relative;
    min-height: 70%;
    background-color: #CCC;
    background-position: center, center;
    background-attachment: scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: 100%, cover;
    background-repeat: repeat-x,no-repeat;
	-webkit-background-size: cover;
		 -moz-background-size: cover;
					background-size: cover;
}
.band--01 { background-image:url(images/overlay.png), url(images/hall-brick-large-1.jpg); }
.band--02 { background-image: url(images/overlay.png), url(images/hall-brick-large-2.jpg); }
.band--03 { background-image: url(images/overlay.png), url(images/hall-brick-large-3.jpg); }
.band--04 { background-image: url(images/css/bg4huge.jpg); }
.band--05 { background-image: url(images/css/bg5huge.jpg); }
.band--06 { background-image: url(images/css/bg7huge.jpg); }

#ask {
    background-color: rgba(239, 234, 220,1);
    text-align: center;
    padding: 15px;
    font-weight: bold;
}

#photogallery {
    max-width: 660px;
    margin: 0 auto;
}
.photos {
	margin:0 auto;
	list-style:none;
	display: flex;
	flex-wrap:wrap;
	justify-content:center;
}
.photos li {
	display: block;
	padding:5px;
	line-height: 0;
	flex-basis:220px;
}
.photos li a {
	display: inline-block;
	line-height: 0;
}
/*** stressed intro. */
.stressed {
	font-size: 20px;
	line-height: 1.4;
}
.stressed dt{
	font-size: 18px;
	line-height: 1.4;
}
.stressed dd {
	margin-left: 0;
	color: #777;
	font-size: 15px;
}

/*** Tabs. */
.tabs {
	list-style: none;
	margin: 0;
	width: 100%;
	text-align: center;
	background-color: #000;
	line-height: 1.2;
}
.tabs li {
	vertical-align: middle;
	border: 0 solid rgba(0, 0, 0, 0.1);
	border-width: 0 1px;
	border-right-color: rgba(255, 255, 255, 0.15);
	border-bottom: solid 1px #999;
}
.tabs li:first-child {
	border-left-width: 0;
}
.tabs li:last-child {
	border-right-width: 0;
}
.tabs li a {
	color: #fff;
	padding: 12px;
	display: block;
	font-weight: 600;
}

.toTop{
	text-align: center;
}

.footer {
	font: 75%/1.5 sans-serif;
	background-color: #2a2a2a;
	color: #aaa;
	text-align: center;
}
.footer a {	color: #fff;}
.headerBackgr, .h2Backgr {background:url(/plaza/images/css/bg36.png); padding:2px 7px}
.headerBackgr { border-bottom:solid 4px #CCC; border-top:solid 4px #CCC; padding:2px 0 5px 5px}
.tagline {
    margin-top: -10%;
    font-size: 40px;
    position: absolute;
    top: 50%;
    right: 50%;
    text-align: center;
    color: #fff;
    text-shadow: 2px 2px 5px #000;
    transform: translateY(-50%) translateX(50%);
    width: 80%;
    font-family: 'akzidenz-grotesk';
}
.tagline h1{
	line-height: 1;
}
/*right sliding panel */
.panelContacts {
	position: fixed;
	top: 36%;
	right: 0;
	display: none;
	background: #FFF;
	border:1px solid #555;
	width: 300px;
	height: auto;
	padding: 18px;
	filter: alpha(opacity=75);
	opacity: .75;
}
.panelContacts p {padding:0; margin-bottom:10px; font-weight:500}
a.trigger{
	position: fixed;
	text-decoration: none;
	font-size: 16px;
	color:#fff;
	padding: 8px 40px 8px 15px;
	font-weight: 500;
	background:#000 url(images/css/plus.png) 90% 55% no-repeat;
	border:1px solid #555;
	border-bottom-right-radius: 21px;
	border-bottom-left-radius: 21px;
	display: none;
	-webkit-transform: rotate(90deg);
		 -moz-transform: rotate(90deg);
					transform: rotate(90deg);
}
a.trigger:hover{
	text-decoration: none;
	background:#000 url(images/css/plus.png) 90% 55% no-repeat;
	color:#9D2235;
}
a.active.trigger {background:#000 url(images/css/minus.png) 90% 55% no-repeat;}
.sold {color:#9D2235}

#socialLayer {
	position:absolute;
	top:45px;
	text-align:center;
	right: 7%;
	margin:0;
}
#socialLayer li{
    line-height: 0;
    display: inline-block;
}
#socialLayer li a {
    display: inline-block;
    line-height: 0;
    background-color: rgba(255,255,255,0.8);
    border-radius: 25px;
    padding: 2px;
    box-shadow: 1px 1px 2px rgba(0,0,0,.5);
}
#socialLayer li a:hover{}
#socialLayer li a svg{
    width: 40px;
    height: 40px;
    fill: #9D2235;
    filter:drop-shadow(0 0 2px #fff);
}
#socialLayer li a:hover svg{
	fill:#000;
}
#socialLayer .bricklink {
    display: block;
}
#socialLayer .bricklink a {
    line-height: 40px;
    padding: 0 30px;
    font-weight: 600;
    margin-top: 10px;
    text-decoration: none;
}
#socialLayer .bricklink a:hover{
	color:#000;
}

@media screen and (max-width: 421px) {
h1 {font-size: 48px;}
h2 {font-size: 40px; color:#9D2235;}


/*.band--01 { background-image: url(images/css/bg1sm.jpg);}
.band--02 { background-image: url(images/css/bg2sm.jpg); }
.band--03 { background-image: url(images/css/bg3sm.jpg); }
.band--04 { background-image: url(images/css/bg4sm.jpg); }
.band--05 { background-image: url(images/css/bg5sm.jpg); }
.band--06 { background-image: url(images/css/bg7sm.jpg); }*/
}
@media screen and (min-width: 422px) {
h1 {font-size: 54px;}
h2 {font-size: 48px; color:#9D2235;}
.headerBackgr {padding:2px 18px 0 18px}
.tabs {font-size: 16px;}
.tagline {
	margin-top: -10%;
	font-size: 54px;
}
.red {font-size:16px !important}
.h2Backgr {background:none !important}
 
/*.band--01 { background-image: url(images/css/bg1sm.jpg);}
.band--02 { background-image: url(images/css/bg2sm.jpg); }
.band--03 { background-image: url(images/css/bg3sm.jpg); }
.band--04 { background-image: url(images/css/bg4sm.jpg); }
.band--05 { background-image: url(images/css/bg5sm.jpg); }
.band--06 { background-image: url(images/css/bg7sm.jpg); }*/
}
@media screen and (max-width: 719px){
	#socialLayer {
    right: 50%;
    transform: translateX(50%);

}
	.wrapper, .toTop{
		padding:48px;
	}
}
@media screen and (min-width: 720px) {
#transy {position:fixed}
#transy .brand-logo {
    display: block;
    position: absolute;
    left: 12.5%;
    transform: translateX(-50%);
}
h1 {font-size: 60px;}
h2 {font-size: 54px;}
.tagline {margin-top: 0;}
.tabs {
	display: table;
	table-layout: fixed;
	font-size: 13px;
	line-height: 1;
	padding-left: 25%;
}
.tabs > li {
	display: table-cell;
	border: 0 solid rgba(0, 0, 0, 0.1);
	border-width: 0 1px;
	border-right-color: rgba(255, 255, 255, 0.25);
}
.toTop {display:none}

/*.band--01 { background-image: url(images/css/bg1mid.jpg);}
.band--02 { background-image: url(images/css/bg2mid.jpg); }
.band--03 { background-image: url(images/css/bg3mid.jpg); }
.band--04 { background-image: url(images/css/bg4mid.jpg); }
.band--05 { background-image: url(images/css/bg5mid.jpg); }
.band--06 { background-image: url(images/css/bg7mid.jpg); }*/
a.trigger{display:block; top: 45%; right: -54px;}
	
.photos li {}
.photos li:nth-child(2n+0) {}

a.trigger {top: 40%; right: -54px;}
.h3 {font-size: 32px;}
#socialLayer {
}
}

@media screen and (min-width: 990px) {
h1 {font-size: 70px; }
h2 {font-size: 50px; }
.tagline {font-size: 70px;}
.band {
	background-attachment: fixed;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.25) inset;
}
/*.band--01 { background-image: url(images/css/bg1big.jpg); }
.band--02 { background-image: url(images/css/bg2big.jpg); }
.band--03 { background-image: url(images/css/bg3big.jpg); }
.band--04 { background-image: url(images/css/bg4big.jpg); }
.band--05 { background-image: url(images/css/bg5big.jpg); }
.band--06 { background-image: url(images/css/bg7big.jpg); }*/

.tabs {
	font-size: 16px;
	line-height: 1;
}
.h3 {font-size: 36px;}
}
@media screen and (min-width: 1025px) {
h1 {font-size: 80px;}
h2 {font-size: 60px;}
.h3 {font-size: 40px;}
/*.band--01 { background-image: url(images/css/bg1huge.jpg); }
.band--02 { background-image: url(images/css/bg2huge.jpg); }
.band--03 { background-image: url(images/css/bg3huge.jpg); }
.band--04 { background-image: url(images/css/bg4huge.jpg); }
.band--05 { background-image: url(images/css/bg5huge.jpg); }
.band--06 { background-image: url(images/css/bg7huge.jpg); }*/
#socialLayer {top:60px; background:none; padding:0}
}
.up{
	content: "";
	width:  24px;
	height: 20px;
	-webkit-transform: rotate(-90deg);
		 -moz-transform: rotate(-90deg);
					transform: rotate(-90deg);
}
#slidingList {margin:0; padding:0}
#slidingList {margin-left:0; padding-left:0; list-style-type:none}
#slidingList h3 a{font-size:20px; font-family:Georgia, "Times New Roman", Times, serif !important;
	background: url(/images/down_arrow.gif) no-repeat;
	cursor:pointer;
	padding:10px 10px 0 28px;
}
#slidingList div {clear:both; overflow:hidden; border-bottom:solid 1px #999; padding:0 0 0 28px}
#slidingList h4 {font-size:28px; color:#9D2235; font-family:Georgia, "Times New Roman", Times, serif !important}
.imgRight {float:right; margin-left:20px}
.roundButton {padding:5px 10px; border:4px solid #ccc; border-radius:18px; font:16px Georgia, "Times New Roman", Times, serif !important; text-align:center;}
.large {font-size:180% !important; padding:0 5px}

@media screen and (min-width: 1400px){
 

#ask {
    position: absolute;
    width: 180px;
    margin: 30px 0 0 0;
    font-size: 14px;
    right:25px;
}

}