/* Show it's not fixed to the top */
body {min-height: 75rem; font-size: 120%; font-family: eurostile, sans-serif; font-weight: 400; font-style: normal; overflow-x: hidden}
a{transition: all 0.5s ease; color: #014681}
h2{font-weight: 700; color: #014681; padding-bottom: 10px !important; text-transform: uppercase;}
h4{font-weight: 700; font-size: 1.6em; margin-top: 40px;}

/***back button ****/
.back-to-hunt{background: #313131; padding: 10px 0; font-family: "myriad-pro-semi-condensed",sans-serif; display: block; transition: all 0.5s ease;}
.back-to-hunt:hover{background: #000;}
.back-to-hunt p{color: #FFF; padding: 0;font-size: .8em; text-decoration: none !important; margin: 0;}
.back-to-hunt p:hover{text-decoration: none !important;}
.back-to-hunt p a{text-decoration: none !important;}
.back-to-hunt p a:hover{text-decoration: none !important;}
.back-to-hunt-arrow{font-size: .9em;}

/*** Footer Credit Area ***/
.footer-credit{background: #0c0c0c;}
.credit{padding: 10px 0; color: #FFF; font-size: .8em; margin:0;}
.credit img{width: 180px; transition: all 0.5s ease; filter: gray; -webkit-filter: grayscale(1); -webkit-transition: all .5s ease-in-out; }
.credit img:hover{filter: none; -webkit-filter: grayscale(0);}

/*** Navigation ***/
.navbar-expand-md .navbar-nav .dropdown-menu {position: absolute; width: 100%; text-align: center;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{cursor: pointer}
.navbar-light{background: #FFF !important; margin: 0!important}
.nav-link{color: #014681 !important; font-size: 1.4em; text-transform: uppercase;}
.nav-link:hover{color: #000 !important;}
.dropdown-item{color: #014681 !important; font-size: 1.2em; text-transform: uppercase;}

/*** Banner Area ***/
.banner-area{background: url(/images/development-banner.jpg) center center no-repeat; min-height: 600px; background-size: cover;}
.button-container{padding-top: 180px;}
.default-button{width: 100%; display: block; text-align: center; color: #FFF; text-transform: uppercase; padding: 10px; fot-size: 1.4em; background: #014681; -webkit-box-shadow: 5px 5px 10px 1px #A3A3A3; box-shadow: 5px 5px 10px 1px #A3A3A3; transition: all 0.5s ease; margin-bottom: 30px;}
.default-button:hover{color: #FFF; text-decoration: none; background: #000;}
h1{width: 100%; font-size: 3.2em; color: #014681; text-align: center; text-shadow: 0 0 10px #FFFFFF;}

.overview-section{background: url(/images/development-overview.jpg) bottom center no-repeat; min-height: 320px;}

/*** Content Area ***/
.multifamily-index-locations{background: #f1f1f1}
.multifamily-index-locations-intro{text-align: center; color: #014680; font-size: 1.4em; padding: 35px 20px;}
.multifamily-index-locations-row div{padding-bottom: 30px}
.multifamily-index-locations-row img{width:100%}
.multifamily-index-locations-row p{font-weight: 700}
.multifamily-index-locations-row span{color: #000; font-weight: 400}
.content-sub-header{margin: 26px 0 0 0}
.index-content-divider{width: 100%}
.at-a-glance-upper{color: #b82215; font-weight: 700; font-size: 2em; text-align: center; line-height: 30px; margin-bottom:30px}
.at-a-glance-upper span{color: #024688; font-size: 22px;}
.at-a-glance-lower{margin-bottom: 30px}
.at-a-glance-lower .row{height: 100%}
.at-a-glance-lower .left-section{color:#074588; font-size: 2em; text-align: right; font-weight: 700; border-right: 5px solid #b7210d; line-height: 30px;}
.at-a-glance-lower .left-section p{position: relative; transform: translateY(-50%); top: 50%;}
.at-a-glance-lower .left-section span{font-size: 25px;}
.at-a-glance-lower .right-section{}
.at-a-glance-lower .right-section p{color: #383838; font-size: 15px; position: relative; transform: translateY(-50%); top: 50%;}
.content-area{padding-bottom: 80px;}
.bold-blue{color: #014681; font-weight: 700;}

.glance-inside{line-height: 25px; padding: 25px 0;}
.glance-inside a{color: #8a8a8a; font-weight: 700; font-size: 30px;}
.glance-number{color: #014680; font-weight: 700; font-size: 30px;}
.rainking-divider{border-top: 4px solid #b72110; width: 70%;}
.glance-title{color: #01477d; margin: 0;}
.glance-credit{color: #868686; margin: 0;}

/*** hutn development leadership***/
.development-leadership{text-align: center; padding-top: 40px;}
.development-leadership div{margin-bottom:30px}
.development-leadership img{margin-bottom: 30px;}
.development-leadership p{font-weight: 700; color: #02467f; font-size: 25px; line-height: 25px;}
.development-leadership span{font-size: 17px; font-weight: 400; color: #000;}

.director-modal-image{width: 100%;}
.director-modal-title{color: #014681; font-weight: 700;}
.director-modal-title span{ont-weight: 400; color: #2C2C2C;}

/*** Offices ***/
.office-title{font-size: 1.4em;}
.offices em{color: #a80000;}
.offices-top {width: 100%; padding: 30px 20px; color: #FFF; text-align: center; -webkit-border-radius: 20px 0 20px 0; border-radius: 20px 0 20px 0; margin-bottom: 30px; background: #00477f; /**background: url("/images/box1.jpg") center center no-repeat; background-size: cover;**/}
.offices-main-title{color: #FFF; border: none; font-size: 1.6em; width: 100%;}
.offices-top p{color: #FFF;}
.offices-contact-button{padding: 10px 70px; text-align: center; color: #FFF; font-size: 1.2em; display: inline-block; -webkit-border-radius: 20px 0 20px 0; border-radius: 20px 0 20px 0; margin: 40px 0; background: #a80000; width: auto; }
.offices-contact-button:hover{background: #00477f; color: #FFF; text-decoration: none; -webkit-border-radius: 0 20px 0 20px; border-radius: 0 20px 0 20px;}
.office_container{margin-bottom: 30px;}
.fancybox-contact{ padding: 10px 10px; border: 1px solid #BABABA!important; width: 100%; display: block;}
.fancybox-contact:hover{background: #00477f; color: #FFF !important; text-decoration: none !important;}
.contact-box em{color:#B31F17;}
.contact-box{margin-bottom: 20px;}
.contact-sep{margin: 20px 0; height: 1px; border: none; background: #E3E3E3; width: 100%; float: left; clear: both;}

/*** Contact Us ***/
.development-contact-us-form{background: #fcfcfc; padding: 50px 0}
		.input-group{width:100%;}
		textarea {width:100%;}
		.contact_submit_dev_group{font-size:1.1em; text-transform:uppercase; font-weight:700; margin-top:10px;}
		.contact_name{color: #043255; font-family: "myriad-pro-semi-condensed",sans-serif; font-style: normal; font-weight: 700;}
		.contact_phone{color: #043255;}
		a.sba_link{width: 100%; display: block; color: #FFF; font-family: "myriad-pro-semi-condensed",sans-serif; font-style: normal; font-weight: 400; text-transform: uppercase; text-decoration: none; padding: 10px 0; border: 1px solid #FFF; background: #8e1a0e; font-size: .9em; text-align: center; letter-spacing: 1px; transition: background 250ms ease 0;  -moz-transition: background .3s ease; margin: 30px 0 20px 0;}
		a:hover.sba_link{background: #043255; color: #FFFB00; text-decoration: none;}
		.contact_form{background: #720000 url(/images/bg-block-red.jpg) top center no-repeat;color: #FFF; width: 100%; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; padding: 20px;}
		.contact_form h4, .contact_form .h4{color: #FFF; font-size: 1.4em;}
		.contact_submit_dev_group{width: 100%; padding: 10px 0; text-align: center; color: #FFF; font-size: 1.2em; background: #00477f;display: block; -webkit-border-radius: 20px 0 20px 0; border-radius: 20px 0 20px 0; margin: 40px 0;}
.contact_submit_dev_group:hover{background: #a80000; text-decoration: none; -webkit-box-shadow: 0 0 8px 0 #DBDBDB; box-shadow: 0 0 8px 0 #DBDBDB; color: #FFF; -webkit-border-radius: 0 20px 0 20px; border-radius: 0 20px 0 20px;}
		@media only screen and (min-width : 768px){
		/* contact us page */
			.contact-modal{text-align: center}
			.contact-modal p{text-align: left}
			.contact-modal div{white-space:nowrap; display:inline; font-size:.9em; text-transform:uppercase; margin-right:20px; margin-left:20px;}
			.contact-modal a{ color:#333; text-decoration:none;line-height: 1.7em;}
			.contact-modal a:hover{color:#B31F17; text-decoration:underline;}
			.contact-modal em{color:#B31F17;}
			.contact-form-modal .failure{color:#8e1a0e!important;font-weight: 900;}
			
		}

		.contact_form select{width:100%;padding-top:5px;padding-bottom:5px;color:#2c2c2c;font-family: "myriad-pro-semi-condensed",sans-serif; font-style:normal; font-weight:600;}
		.contact_form input{color:#2c2c2c;font-family: "myriad-pro-semi-condensed",sans-serif; font-style:normal; font-weight:600;}
		.contact_form textarea{font-size: .9em!important;height:115px;color:#2c2c2c;font-family: "myriad-pro-semi-condensed",sans-serif; font-style:normal; font-weight:600;}
		.contact_form input[type=checkbox] {margin-top:12px;}
		.contact-form-modal p{font-size:14px!important; line-height:1.42857143!important;}

		@media only screen and (min-width : 320px){
			.contact-form-modal{font-family:"myriad-pro",sans-serif; font-style:normal; font-weight:400!important; text-transform:uppercase;}
			.contact-form-modal label{font-size:1em; color:#043255; text-align:right; font-weight:400!important;}
			.contact-form-modal input{color:#2c2c2c; padding-left:15px; }
			.contact-form-modal input:focus{outline:none; -webkit-box-shadow:none !important; -moz-box-shadow:none !important; box-shadow:none !important;}
			.contact-form-modal textarea{height:115px;color:#2c2c2c; padding-top:10px; padding-left:25px; padding-bottom:10px;}
			.contact-form-modal textarea:focus{outline:none; -webkit-box-shadow:none !important; -moz-box-shadow:none !important; box-shadow:none !important;}
			.contact-form-modal .vcenter{display:flex; align-items:center}
			.contact-form-modal .h4{font-size:1em; font-weight:400!important;}
			.contact-form-modal .form-group{margin-right:40px;}
			.contact-form-modal .failure{color:#8e1a0e!important;font-weight: 900;}

		}
		.sba{background: #8e1a0e;}
		.failure{color:#FFF759!important;}
		.fileinput {font-family: "myriad-pro-semi-condensed",sans-serif; font-style:normal; font-weight:600; border-radius: 0px; position: relative; overflow: hidden; margin:0px;}
		.form-control, .btn-file{border-radius: 0px;}

.footer{color: #024783}
.footer p{margin: 0; padding: 15px 0;  text-align: center;}

/** Extra small devices (portrait phones, less than 576px) **/

/** Small devices (landscape phones, 576px and up)) **/
@media (min-width: 576px) {
	
}

/** Medium devices (tablets, 768px and up)) **/
@media (min-width: 768px) {
	.navbar{padding-right: 150px;}
	.nav-link{padding-right: 50px !important;}
	.dots{width: 100%; position: absolute; bottom: 10}
}

/** Large devices (desktops, 992px and up)) **/
@media (min-width: 992px) {

}

/** Extra large devices (large desktops, 1200px and up)) **/
@media (min-width: 1200px) {

}