/*
Site: Sally Shiekman - Aspen, CO
Author URI: http://www.thinairweb.com
Jul 09, 2019
*/


/* ---- Reset CSS ---- */
	html, body, img { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
	*:active, *:focus { outline: 0 !important; }
	.clear:after { content: "."; display: block; height: 0;	font-size: 0; clear: both; visibility: hidden; }
	.clear { display: inline-block; }
	.pagecontent_sitesearch,.pagecontent_guestbook,.pagecontent_usermanagement_login,.pagecontent_usermanagement_userlist,.pagecontent_usermanagement_userprofile,.pagecontent_usermanagement_companylist,.pagecontent_usermanagement_companyprofile,.pagecontent_calendar_content,.pagecontent_feeds, {width: auto !important;}



body {
	margin: 0; 
	background-color:#F4F1EE; 
	font: 17px/25px 'Lato', sans-serif;
	font-weight:400; 
	color:#202020; 
	text-align:left;
}


/*  TYPOGRAPHY  */
	p { padding:0; margin:0 0 20px 0; font: 16px/24px; color:#373737; }

	h1, h2, h3, h4, h5 { 
        font-family: "freight-neo-pro", sans-serif; 
        font-style: normal;
        color:#002349; 
        font-weight:500; }
	h1 { margin: 0 0 .1em 0; font-size: 2.2em; line-height:1.4em; }
	h2 { margin: 0 0 .1em 0; font-size: 1.7em; line-height:1.4em; }
	h3 { margin: 0; font-size: 22px; line-height:26px; }
	h4 { margin: 0; font-size: 18px; line-height:24px; }

	#content h1, #content h2 {
		margin-top: 1em;
	}

	a { white-space:normal; }
	a:link, a:visited, a:active, a:hover { color: #0C285B; font-weight: 700; text-decoration: none; }
	a:hover   { color: #144AB0; text-decoration:underline; }


/* LISTS */
	ul { padding:0; margin:0; }
	li { padding:0; margin:0 0 0 20px; border:0; }

	#footer ul { margin:0; padding:0; list-style:none; text-align:left; line-height:16px; }
	#footer li { margin:0; padding:0; display:block; line-height: 1.3em; }

	#footerLeft ul { text-align: right; }

/* TABLES */
	table, tbody, tr, td, th {table-layout: fixed}
	table, tbody, tr {width: 100% !important; max-width: 100% !important;}
	
	/*#mlssearchform table, #mlssearchform table, #mlssearchform tbody, #mlssearchform tr, #mlssearchform td, #mlssearchform th {     
        display: inline-grid;
        text-align: center; 
        font-size: 100% !important;
        line-height: 250%;
        max-width:300px; 
        margin: 0 auto; 
        /*width: 250px; 
}*/
	/*#mlssearchform table {
        width:auto !important;
}*/

element-style {
    font-size: 12px;
}

/* FORMS */
	input[type="text"], input[type="password"], textarea {
		/*
-moz-border-radius:3px !important;
		-webkit-border-radius:3px !important;
		border-radius:3px !important;
*/
		border:1px solid #DDD !important;
		padding:5px !important;
	}
	input[type="text"]:focus, input[type="passwod"]:focus, textarea:focus { background-color:#EEE !important; padding:5px !important; border-color:#BBB !important; }
	input [type="image"] { border:none; }

	#search input[type=text] {
		width:100px;
	}
.form-group .form-control {
		border-radius: 0;
        font-size: 12px !important;
	}

/*   BUTTONS  */
a.button {
    /* background-color: #b3ce73; */
    border-radius: 5px;
    color: #fff;
    padding: 12px 5px;
    text-align: center;
    text-transform: none;
    text-decoration: bold;
    font-size: 18px;
}
a.button:hover, a.button:focus { opacity: .8; }

a.button.purple {
	background-color: #A8567E;
}
a.button.blue {
	background-color: #002349;
}    
a.button.yellow {
    background-color: #ff9906;
}
a.button.grey {
    background-color: #bbbbbb;
}
a.button.red {
    background-color: #D5001C;
    color:#fff;  
}
a.button.white {
    background-color: #ffffff;
    color: #002349;
} 

/*  LAYOUT  */
#wrap { position: relative; }

#header {
	position: relative;
	background: #002349;
	}



/* NAVIGATION */
.navbar-header { margin-top: 25px; }
#nav .container-fluid { padding: 0; }
#nav .navbar-default { background: transparent; border: none; margin-bottom: auto; min-height: inherit; }

#nav .navbar-default .nav { margin-top: 30px; }
#nav .navbar-default .nav > li { margin:0 10px 0 0; padding: 0; }
#nav .navbar-default .nav > li > a { color: #FFF; padding:4px 10px 15px; border-top: 4px solid transparent; font-weight: normal; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #002349 !important; }
#nav .navbar-default .nav > li.activenav > a { border-color: #EEE; }
#nav .navbar-default .nav > li:hover > a, #nav .navbar-default .nav >li.current > a { border-color: #555; }
#nav .navbar-default .nav > li.dropdown { }

.navbar-nav > li > .dropdown-menu, .dropdown-menu-right .dropdown-submenu .dropdown-menu { border-radius: 0 !important; border:none !important; }

#nav .navbar-default .nav > li.dropdown .dropdown-submenu {  }
#nav .navbar-default .nav > li.dropdown .dropdown-submenu > li { margin-left: 0; text-align: left; min-width: 320px; }
#nav .navbar-default .nav > li.dropdown .dropdown-submenu li > a { color: #071f4c; padding: 10px 18px; }
#nav .navbar-default .nav > li.dropdown .dropdown-submenu li:hover > a { background:#002349; color: #fff; }

#nav .navbar-default .nav > li.dropdown .dropdown-menu { background:#e6e6e6; padding: 0px; }
#nav .navbar-default .nav > li.dropdown .dropdown-menu > li { margin-left: 0; text-align: left; min-width: 120px; }
#nav .navbar-default .nav > li.dropdown .dropdown-menu li > a { color: #0D3B91; padding: 10px 18px; }

#nav .navbar-default .nav > li.dropdown .dropdown-menu li:hover > a,
#nav .navbar-default .nav > li.dropdown .dropdown-menu li.activenav > a { background:#002349; color: #fff; }



/* BANNER */

#banner .text-overlay {
    position: absolute;
    left: 65%;
    bottom: 35%;
    background: rgb(1 35 73 / 75%);
    border: 10px;
    border-color: white;
    padding: 20px;
}
#banner .text-overlay h1, 
#banner .text-overlay h2, 
#banner .text-overlay h3 {
    color: #fff;
    text-shadow: 0 0 5px #000;
}
#banner .text-overlay h1 { font-size: 1.6em; }
#banner .text-overlay h2 { font-size: 1.4em; }
#banner .text-overlay h3 { font-size: 1.1em; margin-top: 10px; }

#banner .banner-signature {
    width:300px;
    height:auto;
    position: relative;
    z-index: 597;
}

.slideshow .slick-track {
	height: 150px;
}
.slideshow .slick-slide {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.slideshow .slick-slider {
	margin-bottom: 0;
}
.slideshow .slideshow {
	background: #14255A;
}
#banner {
	background-position: center center;
	background-size: cover;
	background-image: url(../images/bg1.jpg);
	position: relative;
	overflow: hidden;
	max-width: 100%;
	height: auto;
	max-height: 600px;
}
.greenDivider { height:8px; background: #BBDAC0; }

.carousel-inner {
}
.carousel-inner > .item {
	background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.carousel-inner > .item {
		height: 400px;
}
.carousel-control .sliderNav {
    background: #FFF;
    display: block;
    opacity: 1;
    position: absolute;
    width: 46px;
    height: 46px;
}
.carousel-control.left .sliderNav {
    left: 0%;
    top: 45%;
}
.carousel-control.right .sliderNav {
    background-position: 0 0;
    right: 0%;
    top: 50%;
}
#header:hover .carousel-control.left .sliderNav {
	background-position: 0 0;
}
#header:hover .carousel-control.right .sliderNav {
	background-position: 0 0;
}
.carousel.fade {
  opacity: 1;
}
.carousel.fade .item {
  -moz-transition: opacity ease-in-out .7s;
  -o-transition: opacity ease-in-out .7s;
  -webkit-transition: opacity ease-in-out .7s;
  transition: opacity ease-in-out .7s;
  left: 0 !important;
  opacity: 0;
  top:0;
  position:absolute;
  width: 100%;
  display:block !important;
  z-index:1;
}
.carousel.fade .item:first-child {
  top:auto;
  position:relative;
}
.carousel.fade .item.active {
  opacity: 1;
  -moz-transition: opacity ease-in-out .7s;
  -o-transition: opacity ease-in-out .7s;
  -webkit-transition: opacity ease-in-out .7s;
  transition: opacity ease-in-out .7s;
  z-index:2;
}

.carousel-inner .slick-dots {
    bottom: 10px;
}
.carousel-inner .slick-dots li button::before {
	content: "";
}
.carousel-inner .slick-dots li button {
    color: #fff;
    font-size: 13px;
    line-height: 1;
    text-shadow: 0px 0 5px #000;
}
.carousel-inner .slick-dots li.slick-active button {
	opacity: .25;
}


#propertySearch {
	background-color: #002349;
	padding-top: 30px;
	padding-bottom: 30px;
	color: #fff;
	font-size: 15px;
}
#propertySearch .title {
	font-size: 24px;
}
#propertySearch .divider {
    background-color: #898989;
	width: 2px;
	height: 24px;
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
	vertical-align: top;
}
#propertySearch label {
    display: block;
    text-align: left;
    margin: 1px 0 0;
    font-size: 14px;
    font-weight: normal;
}
#propertySearch .btn {
    background-color: #002349;
    color: #fff;
    border: solid;
    border-color: #fff;
    border-radius: 0;
    padding: 7px 20px;
    text-transform: uppercase;
}


/* POPUP */
.fancy-donate h2 {
    font-family: "freight-neo-pro", sans-serif; 
    font-weight: 500; 
    font-style: normal;
    color: #002349;
}

/* CONTENT */
	#content { padding: 20px 15px; }

	#testimonials { background: #F5F1EE; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; padding: 30px 0px; }
	#testimonials a { color: #1A2259; text-decoration: none; }

	#featured { background: #FFF; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; padding: 30px 0px; }
	#featured a { color: #1A2259; text-decoration: none; }

#propertysearch {
	border: 1px solid #ECEBE8;
	background: rgba(236,235,232,.2);
	font-size: 13px !important;
}
.aside #propertysearch #searchButton {
	margin-top: 20px;
}

.aside { padding-bottom: 5%; 
    /*background-image: url(../images/sidebar-bkgd.jpg);*/
    background-color: #f2f2f2;
    background-repeat: repeat-y;
}
.aside .border { border-bottom: 1px solid #ECEBE8; border-top: 1px solid #FFFEFB; padding: 25px 0; }
.aside ul.contact 	 { margin:0; padding:25px 0 0; list-style:none; font-size: 14px; color: #373737; text-align: center; border-top: 1px solid #FFF; }
.aside ul.contact li { margin:0; padding:0; display:block; }
	#propertysearch 	 { margin-top: 25px; }
	#propertysearch h2 { text-align: center; margin-bottom: 15px; }

#testimonials {
	padding: 60px 0 60px;
}
#testimonials h3 {
	color: #8E8E8E;
	font-size: 20px;
	text-transform: uppercase;
}
.testimonialList .author {
	margin-top: 10px;
	font-style: italic;
}
.testimonialList .slick-next {
    font-size: 16px;
    width: auto;
    right: 0;
    bottom: -15px;
    top: auto;
    color: #F6CB6F !important;
}
.testimonialList .slick-prev { display: none; }
.testimonialList .slick-next::before {
    content: '';
}
.testimonialList .slick-next::after {
    content: ' >';
}


footer {
	width: 100%;
	color: #fff;
	font-size: 15px;
}
footer .top {
	background-color: #002349;
	padding: 80px 0;
}
footer .featured {
	background-color: #002349;
	padding: 80px 0;
}
footer .bottom {
	background-color: #a7a7a7;
	font-size:.8em;
	text-align: center;
	line-height: 15px;
	padding-top: 24px;
	padding-bottom: 24px;
}
.footerNav {
  list-style: none;
  margin: 0;
  text-align: right;
}
.footerNav li {
  padding: 0;
  margin: 0;
  line-height: 20px;
}
.footerNav a {
  color: #fff;
  font-weight: normal;
  padding: 0;
}
footer h2, footer h3 {
	color: #fff;
	line-height: 30px;
}
footer .contact {
	margin-top: 20px;
}
footer .contact li {
  list-style: none;
  margin: 0;
  padding: 1px 0;
}
footer .contact li a {
  color: #F2C04D;
  padding: 5px 0;
}


footer .logo {
	max-width:150px;
	height: auto;
}


/* MEDIA QUERIES */
@media screen and (max-width: 767px) {
	footer .logo {
		margin: 0 auto 45px;
		display: block;
		max-width: 180px;
	}
}
@media screen and (max-width: 992px) {
	.footerNav {
		margin-top: 15px;
		text-align: center;
		font-size: 13px;
	}
	.footerNav li {
		display: inline;
	}
	.footerNav a {
		padding: 5px;
	}
}

@media screen and (max-width: 1199px) {
	#nav .navbar-default .nav {font-size: 13px;}
}


@media screen and (max-width: 991px) {
	#nav {width: 58.33333333%;}
	#nav .navbar-default .nav {font-size: 14px;}
	#headerRight {width: 41.66666667%;}

}


@media screen and (max-width: 767px) {
	#header {position: relative; margin-top: 0px; min-height: 75px; }
	#header .pull-right {float: right !important;}
	#nav {width: 100%;}

	#headerRight {position: absolute; width:75%; z-index: 9999;}


	.container-fluid>.navbar-header,
	.container-fluid>.navbar-collapse {margin-left: 0; margin-right: 0;}

	.navbar-default .navbar-toggle {background: #071F4C; border-color: #EEE; margin-top: 0px;}
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus {background:#0D3B91; border-color: #EEE;}

	.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}

	.navbar-default .navbar-toggle:hover .icon-bar,
	.navbar-default .navbar-toggle:focus .icon-bar {background-color: #FFF;}

	#nav .navbar-default {margin-bottom: 0;}
	#nav .navbar-default .nav {font-size: 15px; margin-top: 0;}
	#nav .navbar-default .nav >li {margin: 0;}
	#nav .navbar-default .nav >li a {border: none;}
	#nav .navbar-default .nav >li a .caret {display: inline-block;}
	#nav .navbar-default .nav >li.dropdown.open >a {background: #071F4C; color: #fff;}
	#nav .navbar-default .nav >li.dropdown.open .dropdown-menu {padding-bottom: 14px; background: transparent;}
	#nav .navbar-default .nav >li.dropdown.open .dropdown-menu>li {}
	#nav .navbar-default .nav >li.dropdown.open .dropdown-menu li > a { color: #FFF; font-size: 14px; margin: 0; padding: 13px 5px 3px 15px; }

	.navbar-collapse { padding-top: 20px; margin-top: 15px; }


}


@media screen and (min-width: 500px) {
	.slideshow .slick-track { height: 300px; }
}
@media screen and (min-width: 768px) {
/* 	#nav .navbar-default .nav >li.dropdown:hover ul {display: block;} */

	#content {padding-top: 50px; padding-bottom: 50px;}
	.slideshow .slick-track { height: 350px; }
	
	#banner .text-overlay {
		/*left: 15%;
		left: calc((100% - 720px)/2);*/
	}
	#banner .text-overlay h1 { font-size: 1.6em; }
	#banner .text-overlay h2 { font-size: 1.4em; }
	#banner .text-overlay h3 { font-size: 1.1em; }
}


@media screen and (min-width: 992px) {
	#header { height: 85px; }
	.slideshow .slick-track { height: 400px; }
	
	/*#banner .text-overlay {
		left: calc((100% - 940px)/2);
	}*/
}


@media screen and (min-width: 1200px) {
	.container { max-width: 1180px;}
	.slideshow .slick-track { height: 500px; }
/* 	.slick-slide { background-size: auto; } */

	
	/*#banner .text-overlay {
		left: calc((100% - 1150px)/2);
	}*/
}

    
#nav img {
	max-width:223px !important;
	height: auto;
}