@charset "utf-8";
/* 
	layout.css
	
	Project:	Triumph Homes
	Colors:		Gold #bd9a3f
				Light Gold #d4bc83
	
*/



/*------ global ------*/ 
* {margin:0;}

body, html{width:100%; height:100%;}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section{display:block;}

.full{width:100%;}
.fluid{max-width:1250px; display:block; margin:0 auto; position:relative;}
.fluid-min{max-width:960px; display:block; margin:0 auto; position:relative;}
.fixed{min-width:960px; max-width:1000px; padding:0 20px; display:block; margin:auto; position:relative;}

.f_right{float:right; display:block;}
.f_left{float:left; display:block;}
.clear{display:block; clear:both;}
.right{text-align:right;}
.left{text-align:left;}
.center{text-align:center;}

.nomargin{margin:0 !important;}
.nopadding{padding:0 !important;}
.hidden{display:none !important;}

.truncate{display:block; font-size:inherit; font-weight:inherit; text-transform:inherit; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.patterned{background:url(../images/pattern_bkgd.jpg) 0 -30px repeat;}
.parallax{background-position:center; background-repeat:no-repeat; background-attachment:scroll;}
.no-touch .parallax{background-attachment:fixed; background-position:center;}

.status-available{background:#26ad26;}
.status-pending{background:#bd9a3f;}
.status-hold{background:#be6916;}
.status-showhome{background:#bd9a3f;}
.status-sold{background:#c70000;}

.signature{color:#fff; background:url(../images/overlay85.png); font-size:21px; line-height:16px; padding:5px 10px; text-transform:none; font-family:'Alex Brush', cursive; font-weight:normal;}

.img-grayscale{
filter: url('url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale");'); 
filter:gray; filter:grayscale(1); -webkit-filter:grayscale(1); -moz-filter:grayscale(1);
}

.st_sharethis .stButton{display:none !important;}


/*------ clearfix ------*/
.clearfix:after {
    content:"\0020";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0;
}
.clearfix{display:inline-block;}
html[xmlns] .clearfix, html .clearfix{display:block;}
* html .clearfix{height:1%;}


/*------ form styles ------*/
.input, .select, .textarea, .submit{font-size:inherit; font-family:'Asul', Times, serif; color:#333;}
.input, .textarea, .submit{-webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; outline:none;}
.input:focus, .select:focus, .textarea:focus{border:1px solid #bd9a3f; background:#f6f2e6; color:#333;}
.input, .select, .textarea{border:1px solid #ccc; padding:10px; height:28px; width:348px; margin-bottom:10px;}
.input_sm{width:128px;}
.textarea{height:80px; resize:none; width:348px; overflow:hidden;}
.select{height:50px; width:370px;}

.submit{display:inline-block; border:none; background:#bd9a3f; color:#FFF; padding:0 20px; text-decoration:none; text-transform:uppercase; font-size:inherit; font-weight:bold; height:50px; cursor:pointer;}
a.submit{color:#FFF; text-decoration:none; height:auto; line-height:50px; white-space:nowrap; cursor:pointer;}
.submit:hover{background:#d4bc83; color:#FFF;}

.error, .success{font-weight:normal; color:#fff; padding:5px 10px; margin:0 0 10px 0; font-size:13px; font-weight:bold;}
.error{background-color:#f0dcdd; border:1px solid #ad262c; color:#ad262c;}
.success{background-color:#d4bc83; border:1px solid #bd9a3f; color:#fff;}
.required{border-left:3px solid #ad262c; width:346px;}

#contact-form .submit{padding:0; width:100px;}


/*------ dialog box ------*/
.ui-helper-clearfix:before, .ui-helper-clearfix:after{content:""; display:table;}
.ui-helper-clearfix:after{clear:both;}
.ui-helper-clearfix{zoom:1;}
.ui-widget-overlay{position:fixed; top:0; left:0; width:100%; height:100%; background:url("../images/overlay60.png");}

.ui-dialog{position:absolute; top:0; left:0; padding:0; overflow:hidden; outline:none !important; background:#fff; color:#333; border:1px solid #fff;}
.ui-dialog .ui-dialog-titlebar{padding:15px; position:relative; background:#bd9a3f; color:#fff; font-size:18px; font-weight:bold; border-bottom:1px solid #fff;}
.ui-dialog.dialog-error .ui-dialog-titlebar{background:#c70000;}
.ui-dialog.dialog-notice .ui-dialog-titlebar{background:#bd9a3f;}
.ui-dialog .ui-dialog-title{float:left; margin:0 25px 0 0; text-transform:uppercase;}
.ui-dialog .ui-dialog-titlebar-close{
	position:absolute; 
	right:10px; 
	top:50%; 
	width:20px; 
	margin:-12px 0 0 0; 
	padding:0 0 0 1px; 
	height:20px; 
	background:none; 
	color:#fff; 
	text-align:center; 
	text-decoration:none;}
.ui-dialog .ui-dialog-titlebar-close span{display:block;}
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus{background:none; color:#fff;}
.ui-dialog .ui-dialog-content{position:relative; border:0; padding:10px 15px; background:none; overflow:auto; zoom:1;}


/*------ logo block ------*/
#wrapper, #inner-wrapper{position:relative; width:100%; height:100%;}
#inner-wrapper{padding-top:165px;}

#logo-block{position:absolute; top:0; z-index:1000; padding-bottom:30px; background:url(../images/drop_shadow.png) center bottom no-repeat;}
#logo-block #logo{position:absolute; top:0; left:0; z-index:1; margin:0; max-height:164px; max-width:100%; overflow:hidden;}
#logo-block #logo-sm{display:none;}
#logo-block.sticky-header{position:fixed; top:0;}
#nav-badge{position:absolute; z-index:100; height:100px; right:0px; top:50%; margin-top:-48px;}
#nav-badge img{height:100px;}
#nav-badge img.alt{display:none;}
@media all and (min-width:1600px){
	#nav-badge{position:absolute; z-index:100; height:auto; right:-136px; top:0; margin-top:0;}
	#nav-badge img{height:auto; display:none;}
	#nav-badge img.alt{display:block;}
	.ddsmoothmenu ul.nav-padding{padding-right:0 !important;}
}

#navigation-wrap{position:relative; z-index:200; border-bottom:1px solid #fff; min-height:100px;}
#navigation-wrap .fluid{min-height:100px;}
#main-navigation{position:relative; z-index:2; display:none; padding:36px 20px 28px 0; margin:0 0 0 400px;}
.ddsmoothmenu{display:block !important;}
.ddsmoothmenu ul{z-index:100; margin:0; padding:0; list-style-type:none; text-align:right; min-height:36px;}
.ddsmoothmenu ul.nav-padding{padding-right:70px;}
.ddsmoothmenu ul li{position:relative; display:inline-block; padding:0 0 1px 1px;}
.ddsmoothmenu ul li a{display:block; background:none; font-size:16px; font-weight:bold; text-transform:uppercase; color:#ccc; padding:8px 10px; text-decoration:none;}
* html .ddsmoothmenu ul li a{display:inline-block;}
.ddsmoothmenu ul li a:hover, .ddsmoothmenu ul li a.selected, .ddsmoothmenu ul li a.active{background:#666; color:#fff;}

.ddsmoothmenu ul li ul{position:absolute; left:0; display:none; padding:0 1px; visibility:hidden; text-align:left; min-height:auto;}
.ddsmoothmenu ul li ul li{display:block; float:none; width:260px; padding:0; background:#fff;}
.ddsmoothmenu ul li ul li ul{top:0; padding:0; margin-top:-1px;}

.ddsmoothmenu ul li ul li a{display:block; padding:5px 10px; font-size:14px; margin:0; background:none; color:#bd9a3f; border:1px solid #fff; border-top:0;}
.ddsmoothmenu ul li ul li:first-child a{border-top:1px solid #fff;}
.ddsmoothmenu ul li ul li a:hover, .ddsmoothmenu ul li ul li a.selected{color:#fff; background:#bd9a3f;}
* html .ddsmoothmenu{height:1%;}

#main-navigation .badge,
#mbl-navigation .badge{display:block; position:absolute; z-index:100; top:0; right:-8px; background:#ad262c; color:#fff; width:22px; height:22px; text-align:center; line-height:22px; font-size:10px; 
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
}
#mbl-navigation .badge{display:inline-block; position:relative; top:-3px;}

#sub-navigation-wrap{position:relative; z-index:100; min-height:60px; background:rgba(189,154,63,0.85);}
#sub-navigation-wrap .full{background:url(../images/drop_shadow.png) center top no-repeat;}
#sub-navigation{display:block; padding:0 20px 0 440px; margin:0; min-height:60px;}
#sub-navigation ul{display:block; margin:0; padding:0; text-align:right;}
#sub-navigation ul li{display:inline-block; padding:0 0 0 1px;}
#sub-navigation ul li a{display:block; background:none; line-height:60px; padding:0 10px; font-size:16px; font-weight:bold; text-transform:uppercase; color:#fff; text-decoration:none;}
#sub-navigation ul li a:hover, #sub-navigation ul li a.active-menu, #sub-navigation ul li a.active-state{background:url(../images/overlay10.png);}
#sub-navigation .decor-text{padding-bottom:5px;}
#sub-navigation small{line-height:14px;}

#contact-number{display:none; padding:8px 10px 0; text-transform:uppercase;}
#contact-number a{color:#fff;}


/*------ mobile navigation ------*/
#mbl-navigation{display:block; position:absolute; top:0px; right:0px; height:100%;}
#mbl-navigation nav{display:none;}
#mbl-toggle{display:none; position:absolute; top:0; right:10px; height:60px; width:56px; background:url(../images/icon_menu.png) center no-repeat; text-indent:-9999px;}
.mblmenu{display:block !important; position:relative; overflow:hidden; min-width:100%; min-height:100%; margin:0; padding:0;}
.mblmenu .levelHolderClass{
	position:absolute;
	z-index:1;
	top:0;
	background:#111;
	width:auto;
	margin-left:20px;
	min-height:100%;
	font-size:13px;
	text-transform:uppercase;
	zoom:1;
	cursor:default;
}
.mblmenu .rtl{margin-right:-100%; right:0; -moz-box-shadow:5px 0 15px 5px #333; -webkit-box-shadow:5px 0 15px 5px #333; box-shadow:5px 0 15px 5px #333;}

.mblmenu h4{display:block; position:relative; padding:0; margin:0; border-bottom:1px solid #fff;}
.mblmenu h4 a{position:relative; z-index:10; padding:0; height:100px; background:url(../images/pattern_bkgd.jpg); text-align:center;}
.mblmenu h4 a:hover, .mblmenu h4 a:active{background:url(../images/pattern_bkgd.jpg);}
.mblmenu h4 a#close-menu{position:absolute; z-index:20; top:0; left:0; margin:0; padding:0; width:50px; height:100%; background:url(../images/icon_close.png) center no-repeat; text-indent:-9999px;}

.mblmenu ul{list-style:none; padding:0; margin:0;}
.mblmenu li{cursor:pointer; border-bottom:1px solid #333; padding:0; text-align:left !important;}
.mblmenu li:hover{background-color:#111;}

.mblmenu a{
	display:block;
	position:relative;
	z-index:0;
	outline:none;
	overflow:hidden;
	font-size:16px;
	line-height:18px;
	padding:0;
	text-decoration:none;
	color:#fff;
	padding:15px 30px 15px 20px;
	 -webkit-tap-highlight-color:rgba(0,0,0,0); 
	 -webkit-tap-highlight-color:transparent; 
	background:none;
}
.mblmenu a:hover,
.mblmenu a:active{background:#bd9a3f;}
.mblmenu a small{color:#999; text-transform:none;}
.mblmenu .status-available{color:#26ad26; background:none;}
.mblmenu .status-hold{color:#be6916; background:none;}
.mblmenu .status-pending, .mblmenu .bilevel, .mblmenu .walkout, .mblmenu .zll{color:#bd9a3f; background:none;}
.mblmenu a:hover .status-pending, .mblmenu a:hover .bilevel, .mblmenu a:hover .walkout, .mblmenu a:hover .zll, .mblmenu a:hover .status-hold{color:#fff;}
.mblmenu .status-showhome{color:#bd9a3f; background:none;}
.mblmenu .status-sold{color:#c70000; background:none;}
.mblmenu a:hover small{color:#ccc;}
.mblmenu .menu-header a{background:#2a2a2a;}
.mblmenu .backItemClass{display:block; padding:0; background:#111; border-bottom:1px solid #333;}
.mblmenu .backItemClass a, .mblmenu .backItemClass a:hover, .mblmenu .backItemClass a:active{background:#111; color:#bd9a3f;}
.mblmenu .nav-thumbnail{padding-left:80px;}
.mblmenu .nav-thumb{display:block; position:absolute; top:0; left:0; width:60px; height:100%; overflow:hidden;}
.mblmenu .nav-thumb img{position:absolute; width:117px; height:70px; left:-28px;}

.mblmenu .floatRight{float:right;}
.mblmenu .floatLeft{float:left;}
.mblmenu .cursorPointer{cursor:pointer;}
.mblmenu .iconSpacing_ltr{padding:0;}
.mblmenu .iconSpacing_rtl{padding:0;}
.mblmenu .hit-area{display:block; position:absolute; top:0; left:-20px; height:100%; width:18px;}
.mblmenu .more-icon{display:block; background:url(../images/icon_menuarrow.png) center; position:absolute; top:0; bottom:0; right:0; width:50px; text-align:center;}

.mblmenu #mbl-contact{display:block; padding:15px 20px; font-size:14px; line-height:24px; color:#fff; border:0;}
.mblmenu #mbl-contact h5{color:#fff; margin-bottom:20px;}
.mblmenu #mbl-contact a{display:inline; padding:0; background:none; color:#bd9a3f; font-size:14px;}
.mblmenu #mbl-contact a:hover, .mblmenu #mbl-contact a:active{color:#d4bc83;}

.mblmenu .signature{background:none; padding:0; font-size:14px;}


/*------ jcarousel menus ------*/
#jcarousel-dropmenu{z-index:0; height:0px; top:-302px; visibility:hidden; display:none !important;}
#jcarousel-dropmenu div{display:block; margin:0 20px; height:302px;}
.jcarousel-menu{display:block; position:absolute; z-index:-1; top:auto; left:19px; right:19px; height:0px; overflow:hidden; text-align:left; border:1px solid #111; background:url(../images/overlay60.png);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0; color:#fff;
}
.boxshadow #jcarousel-dropmenu{top:-300px;}
.boxshadow #jcarousel-dropmenu div{height:300px; -webkit-box-shadow:0px 5px 25px -12px #111; -moz-box-shadow:0px 5px 25px -12px #111; box-shadow:0px 5px 25px -12px #111;}
.boxshadow .jcarousel-menu{left:20px; right:20px; border:0; -webkit-box-shadow:0px 5px 25px -12px #111; -moz-box-shadow:0px 5px 25px -12px #111; box-shadow:0px 5px 25px -12px #111;}

.jcarousel-menu-tabs{display:block; position:relative; width:100%;}
.jcarousel-menu-tabs .ui-tabs-nav{position:relative; list-style:none; margin:0; padding:0 !important; background:#111; height:50px; text-align:center;}
.jcarousel-menu-tabs .ui-tabs-nav li{display:inline-block; float:none; width:100%; padding:0 !important; height:100%; overflow:hidden;}
.jcarousel-menu-tabs .ui-tabs-nav li a{display:block; text-align:center; line-height:50px !important; color:#fff !important; background:#111 !important; font-size:16px !important; border-right:1px solid #fff;}
.jcarousel-menu-tabs .ui-tabs-nav li:last-child a{border:0;}
.jcarousel-menu-tabs .ui-tabs-nav li a:hover, .jcarousel-menu-tabs .ui-tabs-nav li.ui-state-active a{background:#666 !important; color:#fff !important;}
.jcarousel-menu-tabs .ui-tabs-nav li.single-tab a{background:#111 !important; color:#fff !important; cursor:default;}
.jcarousel-menu-tabs .empty-tab{padding:20px; line-height:200px;}

.jcarousel-wrapper{position:relative;}
.jcarousel{position:relative; overflow:hidden; margin:0 75px; padding:20px 0 0; height:auto;}
.jcarousel ul{width:20000em; position:relative; list-style:none; margin:0; padding:0;}
.jcarousel li{float:left; padding:0 !important; width:270px; margin:0;}
.jcarousel img{display:block; position:relative; z-index:1; width:248px; height:148px; border:1px solid #ccc;}
.jcarousel a{display:block; position:relative; color:#406F96; text-decoration:none; text-align:center; width:250px; min-height:206px; overflow:hidden; padding:0 !important; margin:0 0 20px; background:none !important;}
.jcarousel .overlay{display:block; position:absolute; z-index:3; width:100%; height:150px; top:-150px; left:-100%; line-height:150px; font-size:14px; background:url(../images/overlay85.png);}
.jcarousel .special-label{display:block; position:absolute; z-index:2; top:0; left:0; color:#fff; font-size:12px; line-height:14px; text-transform:none;}
.jcarousel .bilevel, .jcarousel .walkout, .jcarousel .zll{display:inline-block; padding:5px 10px; background:#bd9a3f; margin-right:2px;}
.jcarousel .signature{position:absolute; left:0px; right:0px; z-index:2; top:110px;}
.jcarousel .status{display:block; position:absolute; z-index:2; top:0; right:0; color:#fff; font-size:12px; line-height:14px; padding:5px 10px; text-transform:none;}
.jcarousel .crown-sm{display:block; position:absolute; z-index:3; top:120px; height:30px; width:100%; background:url(../images/crown_sm.png) center bottom no-repeat;}
.jcarousel .title{display:block; position:relative; z-index:3; background:#fff; padding-bottom:10px;}
.jcarousel .title small{display:block; line-height:16px; font-size:14px; font-weight:bold; color:#999; text-transform:none;}
.jcarousel .title .decor-text{-webkit-text-fill-color:#bd9a3f; -moz-osx-font-smoothing:grayscale;}

.jcarousel-control-prev, .jcarousel-control-next{display:block; width:75px; height:60px; position:absolute; z-index:100; top:50%; margin-top:-30px; outline:none; background:none !important; padding:0 !important;}
.jcarousel-control-prev{left:0; box-shadow:10px 0 10px -14px #000; box-shadow:none;}
.jcarousel-control-next{right:0; box-shadow:-10px 0 10px -14px #000; box-shadow:none;}
.jcarousel-control-prev span, .jcarousel-control-next span{
	display:block; 
	width:100%; 
	height:100%; 
	position:absolute; 
	z-index:100; 
	top:0; 
	line-height:60px; 
	text-align:center; 
	background:none;
	color:#bd9a3f;
	font-size:50px;
	font-family:'Lucida Grande', Helvetica, Arial, sans-serif;
}
.jcarousel-control-prev span{left:0;}
.jcarousel-control-next span{right:0;}
.jcarousel-control-prev.inactive span, .jcarousel-control-next.inactive span{color:#dfd0b0 !important;}
.jcarousel-control-prev:hover span, .jcarousel-control-next:hover span{color:#fff;}

.jcarousel-limited .jcarousel-control-prev, .jcarousel-limited .jcarousel-control-next{display:none !important;}
.jcarousel-limited .jcarousel ul{width:100%; left:0 !important; text-align:center !important;}
.jcarousel-limited .jcarousel li{display:inline-block; float:none; padding:0 !important;}
.jcarousel-limited .jcarousel li a{margin:0 auto 20px !important;}


/*------ slideshows ------*/
#slideshow-wrap{position:relative; width:100%; max-width:1920px; overflow:hidden; height:60%; max-height:750px; display:block; margin:-60px auto 0; padding:0; z-index:1;}
#slideshow{position:relative; display:block; width:100%; height:100%;}

.cycle-slideshow{width:100%; height:100%; display:block; position:relative;}
.cycle-slideshow div.slide{position:absolute; visibility:hidden; top:0; left:0; width:100%; height:100%; padding:0; display:block; background:#000;}
.cycle-slideshow div.cycle-slide{visibility:visible;}
.cycle-slideshow div.slide a{display:block; position:absolute; z-index:100; top:0; left:0; width:100%; height:100%; background:none;}
.cycle-slideshow .parallax{position:relative; width:100%; height:100%; z-index:0; 
	-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;
}
.cycle-slideshow img.img-loading{display:none;}

.cycle-slideshow .slide-inner{display:block; position:absolute; z-index:3; width:100%; top:50%;}
/*.cycle-slideshow .slide-inner h2{z-index:1; padding:15px 30px 20px; margin:0; font-size:48px; line-height:56px !important;}
.cycle-slideshow .slide-inner p{z-index:2; padding:20px 30px; background:#fff; color:#666;  max-width:600px; clear:left;}
.cycle-slideshow .slide-inner h2, .cycle-slideshow .slide-inner p{display:block; float:left; position:relative; left:-100%;
	-webkit-box-shadow:5px 5px 50px -20px #000; -moz-box-shadow:5px 5px 50px -20px #000; -ms-box-shadow:5px 5px 50px -20px #000; -o-box-shadow:5px 5px 50px -20px #000; box-shadow:5px 5px 50px -20px #000;
}*/
.cycle-slideshow .slide-inner h2{z-index:1; padding:0 30px 10px; margin:0; font-size:48px; line-height:56px !important; color:#fff;}
.cycle-slideshow .slide-inner p{z-index:2; padding:0 30px; background:none; color:#fff; max-width:600px; clear:left;}
.cycle-slideshow .slide-inner h2, .cycle-slideshow .slide-inner p{display:block; float:left; position:relative; left:-100%; text-shadow:0px 0px 40px #000;}

#gallery-wrap{position:relative; width:100%; overflow:hidden; margin-top:-60px;}
#gallery-wrap .fluid{max-width:1210px; padding:0 20px;}
#gallery-wrap .cycle-slideshow{width:100%; overflow:visible !important;}
#gallery-wrap .cycle-slideshow img{width:auto; height:auto;}
#gallery-wrap a{
	display:block; 
	position:absolute; 
	z-index:100; 
	top:0; 
	bottom:0; 
	height:100%;
	width:100px; 
	background:url(../images/overlay60.png); 
	font-family:'Lucida Grande', Arial, Helvetica, serif;
	font-size:72px;
	font-weight:bold;
	line-height:50px;
	color:#fff;
	text-shadow:0 0 20px #000;
}
#gallery-wrap a.disabled, #gallery-wrap a.disabled:hover{cursor:default;}
#gallery-wrap a span{display:block; position:relative; top:50%; margin-top:-25px; padding:0; height:50px; width:24px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter:alpha(opacity=75); opacity:0.75; 
	-webkit-transition:opacity .2s ease-in-out; -moz-transition:opacity .2s ease-in-out; -ms-transition:opacity .2s ease-in-out; -o-transition:opacity .2s ease-in-out; transition:opacity .2s ease-in-out;
}
#gallery-wrap a:hover span{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1;}
#gallery-wrap a.disabled span{display:none;}
#gallery-wrap #control-prev{width:100%; left:-100%; margin-left:20px; border-right:1px solid #fff; text-align:right;}
#gallery-wrap #control-next{width:100%; right:-100%; margin-right:20px; border-left:1px solid #fff; text-align:left;}
#gallery-wrap #control-prev span{margin-right:-40px; float:right;}
#gallery-wrap #control-next span{margin-left:-40px; float:left;}


/*------ body content ------*/
#masthead{position:relative; display:block; width:100%; max-width:1920px; height:375px; margin:-60px auto 0; background:#000;}
#masthead .parallax{position:relative; width:100%; height:100%;}
#masthead .desktop{display:block;}
#masthead .tablet{display:none; width:100%; height:100%; background-position:center;}
#masthead .mobile{display:none; width:100%; height:100%; background-position:center;}

#page-title{position:relative; z-index:200; padding:20px; border-top:1px solid #fff; text-align:center;}
#page-title .crown-decor{display:block; position:absolute; top:-92px; left:0; right:0; height:92px; background:url(../images/crown_lg.png) center bottom no-repeat;}
#page-title small{display:block; font-size:30px; line-height:30px; color:#fff;}
#page-title a{display:block; position:absolute; top:50%; margin-top:-25px; height:50px; color:#999; font-weight:bold;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); opacity:0.5; 
	-webkit-transition:opacity .2s ease-in-out; -moz-transition:opacity .2s ease-in-out; -ms-transition:opacity .2s ease-in-out; -o-transition:opacity .2s ease-in-out; transition:opacity .2s ease-in-out;
}

.slogan span{font-size:50px !important; line-height:55px !important; display:block; text-indent:50px;}
.slogan small{font-size:18px !important; line-height:18px !important; display:block; text-indent:-200px;}

#page-title a:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; filter:alpha(opacity=1); opacity:1;}
#page-title .arrow{display:block; position:absolute; height:100%; font-size:36px; line-height:45px;}
#page-title a small{display:block; line-height:17px; font-size:12px !important;}
#page-title #home-prev{left:20px; text-align:left; padding-left:30px;}
#page-title #home-next{right:20px; text-align:right; padding-right:30px;}
#page-title #home-prev .arrow{left:0;}
#page-title #home-next .arrow{right:0;}

#body-content{padding:30px 20px 10px;}
#left-column{width:529px; padding-right:20px; float:left; border-right:1px solid #ccc; margin:0 0 20px 0;}
#right-column{width:370px; padding-left:25px; float:left; border-left:1px solid #ccc; margin:0 0 20px -1px;}
#community-wrap #left-column{width:599px}
#community-wrap #right-column{width:300px;}

.info-table{width:100%; text-align:right;}
.info-table th{background:#111; color:#fff;}
.info-table tr:nth-child(even) td{background:#eee;}
.info-table th, .info-table td{padding:10px 15px;}
.info-table .label{display:none; float:none; width:auto; font-weight:bold;}

.promo-boxes{position:relative; list-style:none; margin:0; padding:10px 0 0 0; text-align:center;}
.promo-boxes li{position:relative; display:-moz-inline-box; -moz-box-orient:vertical; display:inline-block; vertical-align:top;  width:300px; margin:0 10px 25px;}
.promo-boxes li > .promo-boxes{display:table; table-layout:fixed;}
.no-touch .promo-boxes li{left:-3000px;}
.no-touch .promo-boxes li.no-animate{left:0;}
.promo-boxes img{display:block; position:relative; z-index:1; width:298px; height:178px; border:1px solid #ccc; box-shadow:#000 0em 0em 0em;}
.promo-boxes a{display:block; position:relative; color:#406F96; text-decoration:none; font-weight:bold; width:100%; overflow:hidden; background:none; color:#fff; text-transform:uppercase;}
.promo-boxes .overlay{display:block; position:absolute; z-index:4; width:100%; height:180px; top:-180px; left:-100%; line-height:180px; font-size:14px; background:url(../images/overlay85.png);}
.promo-boxes .special-label{display:block; position:absolute; z-index:2; top:0; left:0; color:#fff; font-size:12px; line-height:14px; text-transform:none;}
.promo-boxes .bilevel, .promo-boxes .walkout, .promo-boxes .zll{display:inline-block; padding:5px 10px; background:#bd9a3f; margin-right:2px;}
.promo-boxes .signature{position:absolute; left:0px; right:0px; z-index:2; top:138px;}
.promo-boxes .status{display:block; position:absolute; z-index:2; top:0; right:0; color:#fff; font-size:12px; line-height:14px; padding:5px 10px; text-transform:none;}
.promo-boxes .crown-sm{display:block; position:absolute; z-index:4; top:150px; height:30px; width:100%; background:url(../images/crown_sm.png) center bottom no-repeat; box-shadow:#000 0em 0em 0em;}
.promo-boxes .title{display:block; position:relative; z-index:4; background:#fff; color:#999; text-transform:none; line-height:18px; padding:6px 10px 10px; font-weight:bold;}
.promo-boxes .decor-text{padding-bottom:5px;}
.promo-boxes table td{text-align:left;}
.promo-boxes table td a{font-weight:normal; color:#bd9a3f; text-transform:none;}
.promo-boxes table td a:hover{color:#d4bc83;}
#community-wrap #right-column .promo-boxes li{margin:0 0 25px;}

#content-tabs, #calc-tabs{display:none;}
#content-tabs.ui-tabs, #calc-tabs.ui-tabs{display:block; padding-top:5px;}
#content-tabs .ui-tabs-nav, #calc-tabs .ui-tabs-nav{list-style:none; margin:0; padding:0 0 0 1px; width:100%; border-bottom:1px solid #ccc;}
#content-tabs .ui-tabs-nav li, #calc-tabs .ui-tabs-nav li{display:inline-block; position:relative;}
#content-tabs .ui-tabs-nav li a, #calc-tabs .ui-tabs-nav li a{
	display:block; 
	position:relative;
	z-index:1;
	padding:10px 16px; 
	background:#fff; 
	border:1px solid #ccc;
	color:#d4bc83; 
	font-weight:bold;
	font-size:16px; 
	text-transform:uppercase;
	margin:0 0 -1px -1px;
	outline:none;
	text-decoration:none;
}
.no-touch #content-tabs .ui-tabs-nav li a:hover, 
#content-tabs .ui-tabs-nav li.ui-state-active a,
.no-touch #calc-tabs .ui-tabs-nav li a:hover, 
#calc-tabs .ui-tabs-nav li.ui-state-active a{background:#d4bc83; z-index:2; color:#fff; border-color:#bd9a3f;}
#content-tabs .ui-tabs-panel, #calc-tabs .ui-tabs-panel{display:block; clear:both; padding:30px 20px 10px;}

#home-label{position:absolute; top:20px; right:0; z-index:300; display:none;}
#home-label h3{display:block; position:relative; float:right; padding:20px 30px; box-shadow:0 0 20px -5px #000;}
#home-label .availability{color:#fff;}
#home-label .price{background:#fff; clear:both;}
.cssanimations #home-label .availability{left:100%;
	-webkit-animation:slideInRight 0.45s ease 0.3s; -ms-animation:slideInRight 0.45s ease 0.3s; animation:slideInRight 0.45s ease 0.3s; 
	-webkit-animation-fill-mode:forwards; -ms-animation-fill-mode:forwards; animation-fill-mode:forwards;
}
.cssanimations #home-label .price{left:100%;
	-webkit-animation:slideInRight 0.55s ease 0.3s; -ms-animation:slideInRight 0.55s ease 0.3s; animation:slideInRight 0.55s ease 0.3s;
	-webkit-animation-fill-mode:forwards; -ms-animation-fill-mode:forwards; animation-fill-mode:forwards;
}
@-webkit-keyframes slideInRight{ from{left:100%;} to{left:0;} }
@-ms-keyframes slideInRight{ from{left:100%;} to{left:0;} }
@keyframes slideInRight{ from{left:100%;} to{left:0;} }

#home-specs{list-style:none; margin:0; background:#eee; padding:20px 0;}
#home-specs li{display:inline-block; padding:10px 20px; text-transform:uppercase; font-size:30px; font-weight:bold; line-height:40px;}
#home-specs li small{display:block; font-size:16px; line-height:16px;}

#home-details .status-available{color:#26ad26; background:none;}
#home-details .status-pending{color:#bd9a3f; background:none;}
#home-details .status-hold{color:#be6916; background:none;}
#home-details .status-showhome{color:#bd9a3f; background:none;}
#home-details .status-sold{color:#c70000; background:none;}

#home-actions{list-style:none; margin:0 0 15px; padding:0;}
#home-actions li{position:relative; display:inline-block; width:230px; font-weight:bold; background:#eee; overflow:hidden; margin:5px;}
#home-actions li a{position:relative; z-index:2; display:block; padding:20px; color:#666;}
.no-touch #home-actions li a:hover{color:#fff;}
#home-actions li h3{margin-bottom:5px;}
#home-actions li .overlay{display:block; position:absolute; z-index:1; width:100%; height:100%; top:-100%; left:-100%;}
#home-actions li .crown-sm{display:block; position:absolute; z-index:3; bottom:0; left:0; height:30px; width:100%; background:url(../images/crown_xs.png) center bottom no-repeat;}

#home-call-to-action{padding:20px; border-bottom:1px solid #fff;}
#home-call-to-action a{text-transform:uppercase;}

#map-wrapper{display:block; position:relative; width:100%; height:300px; background:#eee;}
#map-wrapper a{display:block; position:absolute; bottom:30px; right:0; z-index:3; float:none; white-space:normal; line-height:20px; padding:15px 20px; text-align:right;}
#map-wrapper a.address-label{background:#333; bottom:81px; cursor:default;}
#map-wrapper .dropshadow{display:block; position:absolute; z-index:2; top:0; left:0; right:0; height:30px; background:url(../images/drop_shadow.png) top center no-repeat;}
#map-wrapper #googlemap{display:block; position:relative; width:100%; height:100%; z-index:1;}

#community-map{width:100%; height:50%;}
.info-window{width:150px; text-align:center;}
.info-window h6{font-size:14px;}

.promotion img{max-width:80%; border:1px solid #fff; outline:5px solid #bd9a3f; margin-bottom:20px;}
.promotion .description{padding-top:10px;}

#sitemap img{display:none;}
#sitemap .menu-header{display:none;}
#sitemap h4{display:none;}
#sitemap small{display:none;}
#sitemap{padding:0; list-style:none; text-transform:uppercase; margin:0 0 20px;}
#sitemap ul{list-style:square; padding:0;}

#calculator .calc_row{display:block; clear:both; padding:15px 15px 10px;}
#calculator .calc_row:nth-child(2n){background:#eee;}
#calculator label{display:block; float:left; width:250px; font-weight:bold; line-height:20px; padding:15px 0 0;}
#calculator label a{display:inline-block; width:15px; height:15px; line-height:15px; font-size:12px; background:#bd9a3f; color:#fff; text-align:center; border-radius:50%;}
#calculator .input{width:230px; margin-bottom:5px;}
#calculator .select{width:252px; margin-bottom:5px;}
#calculator .symbol{display:inline-block; width:15px; text-align:right;}
#calculator #graph_wrapper{padding-top:30px; display:block;}

.yym{background:url(../images/yym_bkgd.jpg) center bottom no-repeat fixed; background-size:cover;}
.yym #body-content{background:url(../images/overlay80.png); color:#fff;}
.yym #body-content h3, .yym #body-content h4, .yym #body-content h5, .yym #body-content h6{color:#fff;}
.yym #yym-form{background:url(../images/overlay80.png); padding:30px 20px;}
.yym #yym-form #contact-form{max-width:745px; margin:0 auto;}
.yym #yym-form .form-wrap{display:inline-block;}
.yym #yym-form .input_sm{width:238px;}
.yym #yym-form .submit{width:auto; padding:0 20px; margin:0;}
.yym #yym-form .input_sm.required{width:236px;}

.bcourt{background:url(../images/bcourt_bkgd.jpg) center bottom no-repeat fixed; background-size:cover;}
.bcourt #body-content{background:url(../images/overlay80.png); color:#fff;}
.bcourt #body-content h3, .bcourt #body-content h4, .bcourt #body-content h5, .bcourt #body-content h6{color:#fff;}
.bcourt #bcourt-form{background:url(../images/overlay80.png); padding:30px 20px;}
.bcourt #bcourt-form #contact-form{max-width:745px; margin:0 auto;}
.bcourt #bcourt-form .form-wrap{display:inline-block;}
.bcourt #bcourt-form .input_sm{width:238px;}
.bcourt #bcourt-form .submit{width:auto; padding:0 20px; margin:0;}
.bcourt #bcourt-form .input_sm.required{width:236px;}

#modal{display:block; position:absolute; top:0; bottom:0; left:0; right:0; z-index:9999;}
#modal .content{position:relative; z-index:1; width:960px; left:50%; margin-left:-480px; top:100px; text-align:right;}
#modal .content a{display:block; position:relative; width:100%;}
#modal .content img{display:block; position:relative; width:100%;}
#modal .overlay{position:fixed; top:0; bottom:0; left:0; right:0; z-index:0; background:rgba(0, 0, 0, 0.8);}


/*------ icons ------*/
.social-icons{position:absolute; z-index:30; height:40px; bottom:-52px; left:150px; margin:0; padding:0; overflow:hidden;}
.social-icons li{
	display:block;
	float:left; 
	margin:0 1px 0 0; 
	padding:0;
	border:0;
	background-image:url("../images/socialsprites.png");
	background-repeat:no-repeat;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.social-icons li:hover {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.social-icons li a{display:block; text-indent:-9999px; height:39px; width:39px;}
.social-icons li a:active {
	box-shadow: inset 0 0 10px rgba(0,0,0,0.3), inset 0 0 10px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.3), inset 0 0 10px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.3), inset 0 0 10px rgba(0,0,0,0.3);
}
.social-icons li.facebook { background-position: 0 -160px; }
.no-touch .social-icons li.facebook:hover { background-position: 0 -200px; }
.social-icons li.googleplus { background-position: 0 -400px; }
.no-touch .social-icons li.googleplus:hover { background-position: 0 -440px; }
.social-icons li.linkedin { background-position: 0 -720px; }
.no-touch .social-icons li.linkedin:hover { background-position: 0 -760px; }
.social-icons li.pinterest { background-position: 0 -1040px; }
.no-touch .social-icons li.pinterest:hover { background-position: 0 -1080px; }
.social-icons li.twitter { background-position: 0 -1520px; }
.no-touch .social-icons li.twitter:hover { background-position: 0 -1560px; }
.social-icons li.youtube { background-position: 0 -1840px; }
.no-touch .social-icons li.youtube:hover { background-position: 0 -1880px; }
.social-icons li.instagram { background-position: 0 -2240px; }
.no-touch .social-icons li.instagram:hover { background-position: 0 -2280px; }
.social-icons li.houzz { background-position: 0 -2480px; }
.no-touch .social-icons li.houzz:hover { background-position: 0 -2520px; }


/*------ footer ------*/
#call-to-action{background:#bd9a3f;}
#call-to-action a{display:block; overflow:hidden; padding:20px; background:#bd9a3f; color:#fff; text-decoration:none;}
#call-to-action a:hover{background:#d4bc83;}
#call-to-action.slogan{padding:20px 0;}
#call-to-action.slogan small{color:#333;}
#call-to-action.slogan .decor-text{color:#fff; background:-webkit-linear-gradient(#fff, #ccc); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}

.cssanimations #call-to-action .cta-text{display:block; -webkit-transform:translateY(-200px); -ms-transform:translateY(-200px); transform:translateY(-200px);}
.cssanimations #call-to-action .animate-cta{
	-webkit-animation:animateCTA 0.6s ease; -ms-animation:animateCTA 0.6s ease; animation:animateCTA 0.6s ease; 
	-webkit-animation-fill-mode:forwards; -ms-animation-fill-mode:forwards; animation-fill-mode:forwards;
}
@-webkit-keyframes animateCTA{ from{-webkit-transform:translateY(-200px);} to{-webkit-transform:translateY(0px);} }
@-ms-keyframes animateCTA{ from{-ms-transform:translateY(-200px);} to{-ms-transform:translateY(0px);} }
@keyframes animateCTA{ from{-webkit-transform:translateY(-200px); transform:translateY(-200px);} to{-webkit-transform:translateY(0px); transform:translateY(0px);} }

#footer{background:#fff; font-size:12px; color:#bbb; line-height:18px;}
#footer a{color:#bbb;}
#footer a:hover{color:#d4bc83;}
#footer .divider{color:#666; padding:0 2px;}
#footer footer{position:relative; padding:50px 20px 20px; border-top:1px solid #fff;}
#footer footer #icon-logo{position:absolute; z-index:10; top:-32px; left:50%; margin-left:-44px;}
#footer footer h6{color:#fff; font-size:14px;}
#footer #disclaimer{padding:10px 20px 20px;}

#footer .social-icons{position:relative; display:none; bottom:auto; left:auto;}
#footer .social-icons li{background-color:#666;}




.cta-form{
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: flex-end;
	padding: 0 15px 20px;
}

.cta-form *{
	box-sizing: border-box;
}

.cta-form .form-field{
	width: 33.33%;
	padding: 0 5px;
	flex: 1 0 auto;
}

.cta-form .form-field.full{
	width: 100%;
	padding: 0 5px;
	flex: 1 0 auto;
}


.cta-form .form-field label,
.cta-form .form-field input,
.cta-form .form-field textarea{
	display: block;
	width: 100%;
	text-align: left;
	margin: 5px 0 0;
}

.cta-form .form-field label{
	margin: 10px 0 0;
	font-size: 14px;
	line-height: 1;
	color: #fff;
}


.cta-form .form-field textarea,
.cta-form .form-field input,
.cta-form button{
    padding: 5px;
    font-size: 16px;
}

.cta-form .form-field input,
.cta-form button{
    height: 38px;
}

.cta-form button{
	margin: 20px 0;
    padding: 5px 15px;
}

.cta-form button:not(:hover){
	background-color: #fff;
	color: #bd9a3f;
}

.cta-form .form-button{
	flex: 0 1 auto;
	padding: 0 5px;
}

.form-cta-text{
	padding: 35px 20px 15px;
	color: #fff;
}

.cta-form-alert{
	margin: 15px 20px 10px;
}
.cta-form-alert.error{
	background-color: #ad262c;
    color: #f0dcdd;
}