/*.grecaptcha-badge { opacity:0;}*/
@font-face {
    font-family: 'bank gothic';
    src: url('../fonts/bankgothic/bankgothic-webfont.eot');
    src: url('../fonts/bankgothic/bankgothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bankgothic/bankgothic-webfont.woff2') format('woff2'),
         url('../fonts/bankgothic/bankgothic-webfont.woff') format('woff'),
         url('../fonts/bankgothic/bankgothic-webfont.ttf') format('truetype'),
         url('../fonts/bankgothic/bankgothic-webfont.svg#webfontregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helvetica neue';
    src: url('../fonts/helveticaneue/HelveticaNeue-Light-webfont.eot');
    src: url('../fonts/helveticaneue/HelveticaNeue-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneue/HelveticaNeue-Light-webfont.woff2') format('woff2'),
         url('../fonts/helveticaneue/HelveticaNeue-Light-webfont.woff') format('woff'),
         url('../fonts/helveticaneue/HelveticaNeue-Light-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneue/HelveticaNeue-Light-webfont.svg#webfontregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?-tkuswz');
	src:url('../fonts/icomoon.eot?#iefix-tkuswz') format('embedded-opentype'),
		url('../fonts/icomoon.woff?-tkuswz') format('woff'),
		url('../fonts/icomoon.ttf?-tkuswz') format('truetype'),
		url('../fonts/icomoon.svg?-tkuswz#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-size:24px;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-google-plus2:before {
	content: "\ea89";
}

.icon-facebook2:before {
	content: "\ea8d";
}

.icon-instagram:before {
	content: "\ea90";
}

.icon-twitter2:before {
	content: "\ea92";
}

.icon-feed3:before {
	content: "\ea95";
}

.icon-linkedin:before {
	content: "\eac8";
}

.icon-pinterest2:before {
	content: "\ead1";
}

.video .nivo-caption{
    text-decoration: underline !important;
}

* {
	padding: 0;
	margin: 0;

	 -webkit-box-sizing: border-box; *behavior: url(../boxsizing.htc);
	   -moz-box-sizing: border-box; *behavior: url(../boxsizing.htc);
	        box-sizing: border-box; *behavior: url(../boxsizing.htc);
}

html, body{
	font-size:			100%;  		/*16px*/
	line-height:		1.2em;		/* px*/
	font-family: 		'helvetica neue', Verdana,sans-serif;
	font-style: 		normal;
	color:				#65142e;
	background-color: 	#ffffff;
}

body, h1, h2, h3, h4, p, ul, li {
	margin: 0px;
	padding: 0px;
}

ol, ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5{
	text-rendering: optimizelegibility;
	font-family: 'bank gothic', Verdana,sans-serif;
	font-style: normal;
	color:		#65142e;
}

h1{
	font-size:		1.6em;
	margin-bottom:	0.5em;
	margin-top:		0.5em;
	line-height:1em;
}

h2{
	font-size:		1.40em;
	margin-bottom:	0.5em;
	margin-top:		0.5em;
}

h3{
	font-size:		1.3em;
	margin-bottom:	0.5em;
	margin-top:		0.5em;
}

h4{
	font-size:		1.2em;
	margin-bottom:	0.25em;
	margin-top:		0.5em;
}

h5{
	font-size:		1.1em;
	margin-bottom:	0.25em;
	margin-top:		0.25em;
	color:			#4f8f97;
}

a{
	color:			#000000;
	text-decoration:none;
}

a:hover{
	color: 			#ff0000;
	text-decoration:underline;
}

hr{
	margin:				10px 0;
	border: 			none;
	background-color: 	#666666;
	color: 				#666666;
    height: 			1px;

}

.contentcontainer ul{
	list-style: 	disc;
	margin-bottom:	20px;
	margin-top:		20px;
	margin-left:	40px;
}

.contentcontainer ol{
	list-style: 	decimal;
	margin-bottom:	20px;
	margin-top:		20px;
	margin-left:	40px;
}

.contentcontainer ol li{
	margin-bottom:	20px;
	margin-top:		20px;

}

.contentcontainer p{
	padding:	12px 0;
}

.contentcontainer p:first-child{
	padding:	0 0;
}

.nowrap{
	white-space: nowrap;
}

/* *************************** Start Main Containers ****************************/
.bodycontainer{
	width:		1024px;
	margin:		0 auto;
}

.ContentContainer{
	margin:		0 auto;
	margin:		25px 40px 20px 40px;
}

.breadcrumbs{
	width:			100%;
	text-align:		right;
	font-size:		.7em;
	padding:		3px 0px 3px 0;
	color:			#b2b2b2;
}

.breadcrumbs a{
	font-weight:	bold;
	color:			#b2b2b2;
}

.footer{
	padding: 20px 40px 0 40px;
	font-size: 	.875em;
}
.footerleft{
	float:		left;
	width:		17%;
}
.footerright{
	float:		left;
	width:		65%;
	padding-left:	15px;
}
.footersocial{
	float:	left;
	width:	18%;
	padding-left:	15px;
	text-align: right;
}

.footersocial a{
	text-decoration: none;
}

.footerimages{
	width:		100%;
	margin:		30px 0;
}
.footerimage{
	width:		30%;
	float:		left;
    max-width:		100%;
}
.footerimagespacer{
	width:		5%;
	float:		left;
}

.home-footer-img{
	border: none;
}

.footer-break{
    display:none;
}

/******************************** dropdown list ***************************/
.dl-submenu{
	background: #fff !important;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 0 0 !important;
	width: 122px !important;
	margin-top: -4px !important;
	font-family: Helvetica, Gotham, sans-serif;
}

.dl-submenu li{
	padding-top: 0;
	margin: 0 0 !important;
    font-size:13px !important;
    font-weight: bold !important;
}

.dl-submenu li a{

	text-decoration:none !important;
	color: #400106 !important;
     border-radius: 6px !important;
    -webkit-border-radius: 6px;
}

.dl-submenu li a:hover{
	background: #4b0b18 !important;
    color: #fff !important;
	border-radius: 6px !important;
	text-decoration:none !important;
}

/* Hide the inner submenus */

.dl-menuwrapper li .dl-submenu {
    display: none;
}

.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
    display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
    display: block;
}


/* Dynamically added submenu outside of the menu context */

.dl-menuwrapper > .dl-submenu {
    position: absolute;
    width: 100%;
    top: 50px;
    left: 0;
    margin: 0;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
    -webkit-animation: SubMenuAnimIn1 0.4s ease;
    animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
    -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
    animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
    -webkit-animation: SubMenuAnimIn3 0.4s ease;
    animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
    -webkit-animation: SubMenuAnimIn4 0.4s ease;
    animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
    -webkit-animation: SubMenuAnimIn5 0.4s ease;
    animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
    0% {
        -webkit-transform: translateX(50%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn2 {
    0% {
        -webkit-transform: translateX(100%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn5 {
    0% {
        -webkit-transform: translateZ(-200px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn1 {
    0% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn2 {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn5 {
    0% {
        -webkit-transform: translateZ(-200px);
        transform: translateZ(-200px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
    -webkit-animation: SubMenuAnimOut1 0.4s ease;
    animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
    -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
    animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
    -webkit-animation: SubMenuAnimOut3 0.4s ease;
    animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
    -webkit-animation: SubMenuAnimOut4 0.4s ease;
    animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
    -webkit-animation: SubMenuAnimOut5 0.4s ease;
    animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
    0% {
        -webkit-transform: translateX(0%);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(50%);
        opacity: 0;
    }
}

@-webkit-keyframes SubMenuAnimOut2 {
    0% {
        -webkit-transform: translateX(0%);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(100%);
        opacity: 0;
    }
}

@-webkit-keyframes SubMenuAnimOut3 {
    0% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }
}

@-webkit-keyframes SubMenuAnimOut4 {
    0% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }
}

@-webkit-keyframes SubMenuAnimOut5 {
    0% {
        -webkit-transform: translateZ(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateZ(-200px);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut1 {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut2 {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut3 {
    0% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut4 {
    0% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut5 {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateZ(-200px);
        transform: translateZ(-200px);
        opacity: 0;
    }
}


.mobileNav{
    display:none;
}
/******************************** residence list ***************************/

.eventContainer{
    background: #65142e;
    padding:5px 0;
    color: #fff !important;
    text-align:center;
}

.eventContainer h2, .eventContainer h3{
    color: #fff !important;
}
.residencelist{
	width:		72%;
	float:		left;
}
.residence{
	width:		100%;
	margin-top:	20px;
}
.left-image{
	float:		left;
	padding-right:10px;
	width:75%;

}
.right-image{
	float:		right;
	width:25%;
}

.right-video{
	float:		left;
	width:30%;
    text-align:center;
    margin-left: 20px;
}

.right-image .button{
	width: 100%;
}
.plan-details{
	margin-bottom: 3px;
}
.smallimage{
	margin-bottom:19px;
	}
.residenceDetails{
	text-align:center;
	padding: 20px 0;
	margin-top:40px;
    margin-bottom: 30px;
	color: #6a1b31 !important;
	font-weight:bold;
}

.residenceDetails a{
	color: #b48d98;
	text-decoration: underline;
}

.residenceDetailHeader{
	font-family: 'bank gothic', Verdana,sans-serif;
	margin: 20px 0;
}

.ResidenceContentContainer{
	margin:		25px 0 20px 0;
}

.residenceContent{

	width:100%;
}
.resDetail{
	padding:3px 0 !important;
	margin:0;
	color: #423344;
	font-weight:bold;
}

.bold {
	font-weight:900 !important;
}

.residenceButtons{
	text-align:center;
	overflow:hidden;
	margin:0 auto;
	display:block;
	padding:30px 0;
	width:100%;

}

.resButton {

	/*
background: #882345;
*/
  	color: #ffffff;
	padding: 5px 10px 5px 10px;
  border-radius: 12px;
	margin: 0 20px;
	width: 25%;
	font-weight:bold;
}

.resButtonInterestList {

	background: #400106;
  	color: #ffffff;
	padding: 5px 12px 5px 12px;
  border-radius: 12px;
	/*margin: 0 3%;*/
	width: 20%;
	display:inline-block;
}

.resButtonCasita {

	background: #400106;
  	color: #ffffff;
	padding: 5px 12px 5px 12px;
  border-radius: 12px;
	margin-top: 5px;
	width: 20%;
	font-weight:normal;
	display:inline-block;

}
.btn-wrap {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
}

.btn-red {
    text-align: center;
    background: #400106;
    color: #ffffff;
    border-radius: 12px;
    padding: .5em 1em;
    font-weight:normal;
    transition: all .15s ease-in-out;
    display: inline-block;
    margin-bottom: 1em;
    width: 250px;
}

@media (min-width: 500px) {
    .btn-wrap {
        justify-content: space-between;
        width: 510px;
        margin: 0 auto;
    }
}

@media (min-width: 768px) {
    .btn-wrap {
        flex-direction: row;
        flex-wrap: wrap;
        width: 720px;
    }
    .btn-red {
        width: 49%;
    }
}
@media (min-width: 992px) {
    .btn-wrap {

        width: 940px;
    }
    .btn-red {
        width: 24%;
    }
}

.btn-red:hover {
    text-decoration: none;
    color: white;
    opacity: .7;
}

.resButtonPrintableFP {

	background: #400106;
  	color: #ffffff;
	padding: 5px 12px 5px 12px;
  border-radius: 12px;
	margin: 0 3%;
	width: 20%;
	display:inline-block;
}

.residenceThumbs{
	text-align:center;
}

.navHide {
	display:none;
}

.resImg{
	float:left;
	width: 30%;
	margin: 1.5%;
}

.resNavon {
	font-weight:bold !important;
	color: #6a1b31 !important;
}

.resImg p {
	color: #983942;
	padding: 20px 0 10px 0;
	text-transform: uppercase;
}

.resImg a {
	text-decoration:underline;
	font-weight:bold;
}

.elevationDetails {
	padding: 20px 30px;
	overflow:hidden;
	margin: 30px 0;

}

.elevationDetails ul {
	padding: 0 15px;

}

.elevationDetails h2{

	text-transform: uppercase;
	font-size: 19px;
	color: #661a31;
	font-weight:bold;
}

.resInterior{
	width: 50%;
	float:left;
	margin: 0 2.5%;
}



.resInteriorCol ul {
	list-style: disc !important;
}

.resOptions {
	width: 40%;
	float:left;
	margin: 0 2.5%;
}

.resOptions ul {
list-style: disc !important;
}

.resOptions {
	line-height: 24px;
}

.int-fp{
	text-align: center;
}

.int-fp img{
    border: 5px solid #351e0e;
}

.int-fp h2{
	width:100%;
	background: #400106;
	text-align:center;
	color: #fff;
	padding: 15px 0;
}

.nivo-caption {
	background: #000 !important;
	opacity: 0.75;
  -moz-opacity: 0.75;
  filter: alpha(opacity=7.5);
}

.celebration{
    float:left;
    width: 20%;
    margin-left:1%;
    margin-bottom:10px;
}
/******************************** model detail *******************************/
.modelleft{
	width:		20%;
	float:		left;
}
.modelright{
	width:		100%;
}

.modelImage{
    border: 1px solid #351e0e;
}
.elevations{
	width: 100%;
	padding: 10px 0;
    text-align:center;
}
.elevation{
	width: 23%;
	display:inline-block;
}
.elevationspacer{
	width:2.666666666666667%;
	float:left;
}

/******************************** three column *******************************/
.lefttexttriple{
	width:		25%;
	float:		left;
}
.column6triple{
	width:		3%;
	float:		left;
}
.middletexttriple{
	width:		100%;

}
.rightimagetriple{
	width:		21%;
	float:		left;
	padding-top:	20px;
}

/******************************** two column ***************************/
.maintext{
	width:		76%;
	float:		left;
}

.column6{
	width:		3%;
	float:		left;
}
.rightimage{
	width:		21%;
	float:		left;
	padding-top:	20px;
}

.home-short-form{
    width:		35%;
	float:		left;
}



.middletext a, .maintext a{
	text-decoration:		underline;
}

.roundedimage{
	border-radius: 			12px;
	margin:					0 auto;
}

.vignette {
  position: 			relative;
}
.vignette img {
/*  display: block; */
}
/*.vignette:after {
 	-webkit-box-shadow:	inset 0 0 25px 25px rgba(255,255,255,1);
	-moz-box-shadow:	inset 0 0 25px 25px rgba(255,255,255,1);
	box-shadow:			inset 0 0 25px 25px rgba(255,255,255,1);
	position: 			absolute;
	top: 				0;
	left: 				0;
	width: 				100%;
	height: 			100%;
	z-index: 			2;
	content: 			"";
}*/

/* *************************** end Main Containers ****************************/

/******************************** news page styles ***************************/
.news-right{
    float: right;
    width: 70%;
    margin-left: 2.5%;
    padding-left: 2.5%;
    border-left: solid 1px black;

}

.news-right p{
     font-family: 'helvetica neue', Verdana,sans-serif !important;
    font-size: 100% !important;
    line-height: 1.2em !important;
    font-style: normal !important;
    color: #65142e !important;
    font-weight: normal !important;
    padding: 0 0 20px 0 !important;
}

/******************************** mortgage page styles ***************************/

@media (max-width: 1200px) {

    .iMortMobile{
        display:block !important;
    }

    .iMortMobile img{
        width: 50%;
        height: auto;
    }

    .iMortDesktop {
        display:none !important;
    }
}

.iMortMobile{
    display:none;
}

.financeCalc{

	padding: 20px 25px;
	text-align:center;
    margin-top:15px;
}

.financeCalc p{
	color: #808285;
	font-weight:bold;

}

.calcBtn {
	background: #65142e !important;
	font-weight: bold !important;
    border-radius: 8px;
    color: #fff;

}

.financeCol1 {
	width:30%;
	margin-right:4%;
	float:left;
}
.financeCol2  {
	width:30%;
	margin-right:4%;
	float:left;
	border-right: solid thin #666666;
	padding-right: 35px;
}

.financeCol3  {
	width:32%;
	float:left;
    color: #65112e;
}

.preQualify {
    margin: 0 auto;
    text-align:center;
}

.iMortgage{
    margin-top:30px;
    margin-left: auto;
    margin-right: auto;
    text-align:center;
    margin-bottom: 10px;
}

.iMortgage img{
}

.imortContact{
    text-align:left;
    margin:20px 0 0 50px;
}

.imortContact p{
    padding:3px 0;
}

.alert {
    margin-top:10px;
}


/* *************** START MAIN NAVIGATION *********************** */
/***************** NEW NAV *********************************************************************/

.logocontainer{

    float: left;
    margin-right: 1%;
}
.mobile-show{
    display:none;
}

@media screen and (max-width: 480px) {
    .mobile-hide{
        display:none !important;
    }

    .mobile-show{
        display:block !Important;
    }

    .mobile-show img{
        width: 100%;
        height:auto;
        margin: 15px 0 0 20px !Important;
    }

    .logocontainer{
        width:40% !Important;
    }
}

.navigation{

	float:			right;

}

.navcontainer{
	width:					100%;
	z-index:				1000;
	margin: 				0 auto;
	text-align:				center;

}

.nav .navon{
	background: #4b0b18;
	color:	#ffffff;
    border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
}

/******************************** contact page styles ***************************/

.contactArea{

	padding: 20px 0;
	overflow:hidden;
	height:auto;
	margin-top:30px;
}

.contactInfo {

	float:left;
	text-align:right;
	width:27%;
    height: auto !important;
	margin-right: 3%;
	padding: 0 10px 30px 20px;
	color: #201f1e!important;
	font-weight: 500 !important;
    overflow:hidden;
}

.contactInfo h2 {

	margin-top: 0 !important;
}

.contactEmail{
	line-height:14px;
}
.hours {
	color: #666666 !important;
	font-weight:bold;
	margin-bottom:5px;
    font-family: 'bank gothic', Verdana,sans-serif;
    color: #60102d !important;
}

.contactNumber{
	margin: 10px 0;
}

.contactEmail{
	margin-top: 20px;
	margin-bottom: 15px;
	font-weight:500;
}

.contactMap{
	float:left;
	width: 70%;
}
/***********************         **************/
.container {
	padding-top: 35px;
	margin:0px auto;
	display:inline-block;
	font-size: 1.0em;
	text-align:	left;
	font-family: 'bank gothic', Verdana,sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
    line-height: 1em;
}

.toggleMenu {
    display:  none;
    padding: 4px 15px;
    color: #351d0e;
	float: right;
    display: none;
	text-decoration:none;
	width:100%;
	text-align:right;
	background: #ffffff;
}


/* hovers */
.nav > li > a:hover {
	background: #400106;
	color:		#fff;
	-webkit-transition: 	all .3s ease-in-out;
	transition: 			all .3s ease-in-out;
}

.nav li li a:hover {
	background: 		#539297;
	text-decoration:	None;
	color:				#ffffff;


}

.nav li li li a:hover {
	background: 		#0b3146;
}

.toggleMenu:hover  {
	color:		#744f22;
	}
.toggleMenu:visited {
	color:		#744f22;
	}

.nav {
    list-style: none;
     *zoom: 1;
}

.nav:before,
.nav:after {
    content: "";
    display: table;
}

.nav:after {
    clear: both;
}

.nav ul {
    list-style: none;
    width: 25em;
}
.nav a {
    padding: 6px 6px 8px 6px; /* inside the buttons */
    color:	#ffffff;
	border-radius: 6px;
	-webkit-transition: 	all .3s ease-in-out;
	transition: 			all .3s ease-in-out;
}
.nav li {
    position: relative;

	/*  new formatting for nav */
	margin: 0 4px;
  	background-clip: padding-box;
}

.nav > li {
    float: left;
	z-index:200;
}
.nav > li > .parent {
   /* hide the arrow  background-image: url("/images/downArrow.png"); */
    background-repeat: no-repeat;
    background-position: right;
}
.nav > li > a {
    display: block;
	color:#351d0e;
	text-decoration:none;
}
.nav li  ul {
    position: absolute;
    left: -9999px;
	z-index:100;
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}
.nav li li a {
    display: block;
}

.nav li.subs{
	background: #ffffff;
    position: relative;
    z-index:200;
   border: 3px double #d7d8b0;
	margin:0;
}

.nav li li li a {
    background:#249578;
    z-index:200;
    border-top: 1px solid #1d7a62;
}

@media screen and (max-width: 960px) {
	.container{
		width:100%;
		text-align:center;
	}

    .active {
        display: block;
    }
    .nav > li {
        float: none;
		margin: 0 5px;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("http://www.griffin-residential.com/bellavista/images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
	ol, ul {
		margin-top:27px;
	}


	.nav > li > a {
		margin: 5px 0;
    }
	.nav{
		/* makes an overlay */
		position: absolute;
		background: #d0b077;
		z-index: 1000;
		margin: 0 auto;
		right: 0;
		top: 75px;
		padding:10px;
		border-radius: 6px;

	 /* end makes an overlay */
	}

	.navigation{
		width:40%;
	}

	.mobileNav{
    display:block;
}
}

/* *************** END MAIN NAVIGATION *********************** */


/* ********************* start contact page & form containers ********************************* */

.formcol1 {
	width:48%;
	margin-right:4%;
	float:left;
}
.formcol2 {
	width:48%;
	float:left;
}

#formcenter{
	border: 0px solid orange;
	width: 50%;
	margin: 0px auto;
	padding:10px;
	background: #edede9;
	border: 1px solid #dad9d7;
 border-radius: 13px;
  background-clip: padding-box;
}

#formfull{
	border: 0px solid orange;
	width: 100%;
	margin: 0px auto;
	padding:10px;
	background: #edede9;
	border: 1px solid #dad9d7;
 border-radius: 13px;
  background-clip: padding-box;
}

.formleft{
	border: 0px solid orange;
	width: 50%;
	margin: 0px auto;
	padding:10px;
	background: #edede9;
	border: 1px solid #dad9d7;
 border-radius: 13px;
  background-clip: padding-box;
  float:left;
}

form {
	/* margin-bottom: 20px;  */
}

fieldset {
	margin-bottom: 15px;
	}

input[type="text"],	input[type="password"],	input[type="email"],	textarea,	select {
	border: 1px solid #843c20;
	padding: 6px 4px;
	outline: none;
	border-radius: 2px;
	color: #777;
	margin: 0;
	width: 100%;
	max-width: 100%;
	display: block;
	margin-bottom: 10px;
	background: #fff;
	 -moz-appearance: none;
    -ie-appearance: none;
	font-family: 		'helvetica neue', Verdana,sans-serif;
	}

	input[type="submit"]{
		border: 0;
	}



input[type="text"]:focus,	input[type="password"]:focus,	input[type="email"]:focus,	textarea:focus {
	border: 1px solid #aaa;
	color: #444;
	box-shadow:  0 0 3px rgba(0,0,200,.5);
}

textarea {
	min-height: 60px;
}

label,	legend {
	display: block;
	padding-top:5px;
	padding-bottom:3px;
}

.styled-select select{
	background: transparent;
   width: 120%;
  	padding: 5px 4px;
   line-height: 1;
   border: 1px solid #843c20;
   height: 29px;
   -webkit-appearance: none;
   cursor: pointer;

}

.styled-select {
	width: 100%;
	height: 29px;
	overflow: hidden;
	background: url(http://www.griffin-residential.com/bellavista/images/down_arrow_select.gif) no-repeat right #fff;
	margin-bottom: 11px;
}

input[type="checkbox"] {
	display: inline;
	}




.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	align:center;
	font: 1em/100% Verdana, sans-serif;
	padding: .5em 1em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);

	/*  -webkit-border-radius: 3px;
	-moz-border-radius: 	3px;
	border-radius: 			3px;

	/*-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	 -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; */

}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.buttonwide {
	width:100%;
}

.green {
	color: #ffffff;
	background: #4b0b18;
}
.green:hover {
	color: 		#ffffff;
	background: #4b0b18;
}
.green:active {
	color: #ffffff;
	background: #843c20;
}


/* *********************   end contact page containers ********************************* */

.hide-at-mobile {
	display: inherit;
}


.show-at-mobile {
	display: none;
}

@media screen and (max-width: 960px) {

	.hide-at-mobile {
		display: none;
	}


	.show-at-mobile {
		display: inherit;
	}

}

.bx-wrapper{
    max-width: 1170px !important;
}

.bx-wrapper {
    margin: 0 auto 0 !important;
}

.slider1 {
    width:100%;
  	position: relative;
	margin:0 auto !important;
	display:block;
}

.slide {
    position:relative;
    width:25%;
    height:100%;
    text-align: center;
	float:left;
	font-size:32px;
}

.modelright .bx-controls .bx-pager-item {
    display: inline-block;
    border: 1px solid;
    border-radius: 100px;
    width: 20px;
    text-align: center;
    background-color: #6e1523;
    margin-right: 2px;
}

.modelright .bx-controls .bx-pager-item a {
    color: #fff;
}

.modelright .bx-controls .bx-pager {
    text-align: center;
}

.modelright .bx-controls .bx-pager-item a.bx-pager-link {
    display: block;
    -webkit-transform: scale(1);
            transform: scale(1);
}

.modelright .bx-controls .bx-pager-item a.bx-pager-link.active {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
}

.modelright .bx-controls .bx-controls-direction {
  display: none;
}

.modelright .bx-controls .bx-pager-item a:hover {
    text-decoration: none;
}
/* } */

.stay-connected-box:not(.homepage-box) input[name="FirstName"]+label#FirstName-error {
    position: absolute;
    top: 21px;
    left: 0;
    font-size: 12px;
}

.stay-connected-box:not(.homepage-box) input[name="Email"]+label#Email-error {
    position: absolute;
    top: 21px;
    left: 160px;
    font-size: 12px;
}

.stay-connected-box:not(.homepage-box) input[name="ZIP"]+label#ZIP-error {
    position: absolute;
    top: 21px;
    left: 319px;
    font-size: 12px;
}

@media (max-width: 959px) {
  .stay-connected-box:not(.homepage-box) input[name="FirstName"]+label#FirstName-error {
    left: 0;
    font-size: 11px;
}

.stay-connected-box:not(.homepage-box) input[name="Email"]+label#Email-error {
    left: 110px;
    font-size: 11px;
}

.stay-connected-box:not(.homepage-box) input[name="ZIP"]+label#ZIP-error {
    left: 219px;
    font-size: 11px;
}
}

@media (max-width: 767px) {
  .stay-connected-box:not(.homepage-box) input[name="FirstName"]+label#FirstName-error {
    position: relative;
    top: inherit;
    left: inherit;
    font-size: 12px;
}

.stay-connected-box:not(.homepage-box) input[name="Email"]+label#Email-error {
    position: relative;
    top: inherit;
    left: inherit;
    font-size: 12px;
}

.stay-connected-box:not(.homepage-box) input[name="ZIP"]+label#ZIP-error {
    position: relative;
    top: inherit;
    left: inherit;
    font-size: 12px;
}
}
