html{
  
  margin:0;
  padding:0;	
}

body {
 /* padding-top:55px;*/
  padding-bottom:0px;

  font-size:18px;
  line-height:26px;
  color:#231f20;
  max-width: 100%;
  font-family: "barlow", sans-serif;
font-weight: 400;
font-style: normal;
}


/************** TEST ELEMENT BORDERS ****************/
/**{ outline: 1px solid red;}*/


/************************************ FONT STYLES *******************************/



h1, h2, h3, h4, h5, h6{

font-weight: normal;
font-style: normal;
}


h1{
  color:#231f20;
  margin-bottom:24px;
  font-size:70px; 
  line-height:70px;
  margin-top:0;
  text-transform:uppercase;
font-family: "barlow", sans-serif;
font-weight: 700;
letter-spacing:0.01em;
font-style: normal;
  margin-bottom:0;
  /*width: max-content;*/
  /*position:relative;*/
  z-index:10;

}

h1 .italic{

    font-style: italic;
}





.indent-left{
  margin-left:180px;
}

h2 {
  font-size: 33px; 
  line-height:36px;
  color: #e7eaeb;  
  padding-top:0px;
  margin-top:0;
  font-family: "barlow", sans-serif;
font-weight: 700;
letter-spacing:0.05em;
font-style: normal;
text-transform:uppercase;
}


.green-header-bkgd{
  background: #1a59a8;
  width: 102%;
  height: 15px;
  margin-left:-1%;
  margin-right:20px;
  margin-top:-30px;
  margin-bottom:15px;
}



h3{
  color:#0f1e3c;
  margin-bottom:0;
font-size: 21px;
    line-height: 25px;
    margin-top: 0;
    letter-spacing: 0.1em;
  padding-bottom:0px;
  text-transform:uppercase;
font-family: "barlow", sans-serif;
font-weight: 400;
font-style: normal;
}

h4{
  color:#1a59a8;
  letter-spacing:1px;
  text-transform:uppercase; 
  font-size:18px;
  line-height:26px;
  display: block;
  font-family: "barlow", sans-serif;
font-weight: 600;
font-style: normal;

}

.intro-p{
  margin-bottom:40px;
  font-size:45px; 
  line-height: 48px;
  margin-top:0;
  color:#fff;

}

.lrg-h1{
  color:#1a59a8;
  margin-bottom:0;
  font-size:42px; 
  line-height:46px;
  margin-top:0;
padding-bottom:15px;
}


.large-p{
  margin-bottom:20px;
  font-size:26px; 
  line-height: 32px;
  letter-spacing:0.1em;
  margin-top:0;
  text-transform:uppercase;
font-family: "barlow", sans-serif;
font-weight: 300;
font-style: normal;
}

.quotation{
  color:#e7eaeb;
  margin-bottom:0;
  font-size: 105px; 
  line-height:105px;
  margin-top:0;
  letter-spacing:0.02em;

}

.lrg-quote{
  color:#e7eaeb;
  margin-bottom:0;
    font-size: 48px;
    line-height: 54px;
  margin-top:0;
font-family: "barlow", sans-serif;
font-weight: 400;
font-style: normal;
}

.sm-quote{
  color:#e7eaeb;
  margin-bottom:0;
  font-size: 28px; 
  line-height:30px;
  margin-top:0;
  letter-spacing:0.02em;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

.lrg-quote.italic{
font-style: italic;
}

.lrg-quote2{
  color:#e7eaeb;
  margin-bottom:0;
font-size: 36px;
    line-height: 42px;
  margin-top:0;
font-family: "barlow", sans-serif;
font-weight: 300;
font-style: normal;
}

.small{
  font-size:13px;	
  line-height:19px;
}

.numbers{
 
}

.bold,
.bold a{
  font-weight: 700;
}

.semibold,
.semibold a{
  font-weight: 700;
}

.medium,
.medium a{
  font-weight: 500;   
  letter-spacing:2px;
}

.light,
.light a{
  font-weight: 400;		
}



.bold-intro{
font-size:16px;
 line-height: 22px;
 /*   letter-spacing:2px;
  text-transform:uppercase;
 
  display: inline-block;
  font-family: 'giga_sansmedium', sans-serif;
font-style: normal;*/
  /*font-size:13px;
  line-height:15px;*/
  color:#231f20;
  letter-spacing:0.1em;
  text-transform:uppercase;
font-weight: 600;
    font-variation-settings: "wght" 600;
font-style: normal;
}


/*.bold-intro-sm{
  font-size:13px;
  letter-spacing:2px;
  text-transform:uppercase;
  line-height: 16px;
  display: inline-block;
  font-family: 'giga_sansmedium', sans-serif;
font-style: normal;
}*/

.cap{
  text-transform:uppercase;
}


#home h1{
  font-family: "barlow", sans-serif;
font-weight: 600;
font-style: normal;
    font-style: normal;
font-size: 90px;
  line-height: 90px;
/*  margin-bottom:40px !important;*/
  text-transform:uppercase;
  color:#fff;
  margin-bottom:0;
  width: max-content;
}


.basalt-underline:after{
position: relative;
    height: 20px;
    width: 100%;
    top: -21px;
    left: 0px;
    display: block;
    content: '';
    background: #474e5c;
    z-index: -10;
}

.white-underline:after{
position: relative;
    height: 20px;
    width: 100%;
    top: -21px;
    left: 0px;
    display: block;
    content: '';
    background: #fff;
    z-index: -2;
}


.mist-underline:after{
position: relative;
    height: 20px;
    width: 100%;
    top: -21px;
    left: 0px;
    display: block;
    content: '';
    background:#474e5c;
    z-index: -2;
}

.fog-underline:after{
position: relative;
    height: 20px;
    width: 100%;
    top: -21px;
    left: 0px;
    display: block;
    content: '';
    background:#788197;
    z-index: -2;
}


/*.h1-underline{
  width: 100%;
  height: 20px;
  background: #474e5c;
  margin-top:-21px;
}*/

#home .bold-intro{
    font-size:28px !important;
  margin-bottom:20px !important;
}



p.white .bold-intro{
  color:#fff;

}

h1.home-head.white,
h1.home-head2.white,
h2.white,
h3.white,
.white h3,
p.leed.white,
p.white,
a.white,
a:link.white,
a:visited.white,
a:active.white,
.white{
  color:#fff !important;
}


.white,
p.white,
a.white,
.list-thin-divide.white{
  color:#fff;	
}


a.white:hover,
a.white:active{
  color:#0f1e3c !important;	
}




/************************************** Brand COLORS *************************************/



/*.basalt {color:#474e5c !important;}
.limestone {color:#788197 !important;}
.steelblue {color:#0f1e3c !important;}
.mist {color:#474e5c !important;}
.lichen {color:#e7eaeb !important;}
.lichen60 {color:##e7eaeb !important;}
.clay {color:#1a59a8 !important;}
.fog {color:#788197 !important;}*/


.deepspace {color:#0f1e3c !important;}
.cobalt {color:#1a59a8 !important;}
.zinc {color:#788197 !important;}
.zinc50 {color:#474e5c !important;}
.erbium {color:#e7eaeb !important;}
.rubidium {color:#e21d3e !important;}



/************************************** KM COLORS *************************************/


.km-orange{
  color:#E04403; /* rgb(224,68,3)  */
}

.rustic-clay{
  color:#C03E27; /* rgb(192,62,39)  */
}

.burnt-orange{
  color:#8D2B1D; /* rgb(141,43,29)  */
}

.charcoal{
  color:#363537; /* rgb(54,53,55)  */
}

.ash{
  color:#0f1e3c; /* rgb(95,93,94)  */
}

.sterling{
  color:#AFABAC; /* rgb(175,171,172)  */
}

.stone-gray{
  color:#EBEEEF; /* rgb(235,238,239)  */
}

.midnight-blue{
  color:#01576E; /* rgb(0,88,111)  */
}

.cosmic-dust{
  color:#2D879A; /* rgb(45,135,154)  */
}

.alaskan-blue{
  color:#4CABBF; /* rgb(76,171,191)  */
}

.harbor-sky{
  color:#97D1DC; /* rgb(151,209,220)  */
}

.valor{
  color:#E0F0F4; /* rgb(224,240,244)  */
}

.gold{
  color:#CAAD6B; /* rgb(202,173,107)  */
}


/************************************** NAVBAR *************************************/

.navbar{
  /*background-color: #f3f6f7 !important;*/

  /* change to */
  background-color: transparent;
  border-bottom: none;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  padding:0.6rem 2rem 0.5rem 2.8rem;
}

body.bldg .navbar{
  background-color: #f3f6f7;
  border-bottom: none;

}

.logo-bkgd{
  width:130px;
  height:20px;
}


.navbar-brand,
.navbar-light .navbar-brand{
  color:#fff;
  background-image:url('../images/logos/peak-410-logo-text-white-sm-blank.png');
  background-size:120px auto;
  background-repeat:no-repeat;
  margin-top:10px;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  /*margin-left: 20px;*/
}





.navbar-nav{
text-align:right;
}

.navbar-nav .nav-link{
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
/*  font-weight: 600;*/
  line-height: 18px;
  padding: 0 0;
  margin:0.8rem 0.8rem 0.4rem 0.8rem;
position:relative;
display:inline-block;
color:#fff;
overflow:hidden;
-webkit-transition:color .7s ease;
transition:color .7s ease;
}


body.bldg .navbar-nav .nav-link{
color:#fff;
}


.navbar-light .navbar-toggler-icon,
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
}


body.bldg .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(23,42,73, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-toggler{
border:none;
border-radius: 0rem;
}

.nav-link:after{
content:'';
position:absolute;
bottom:0;
right:0;
height:2px;
width:0;
background-color:currentColor;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
-webkit-transition:width .4s cubic-bezier(0.77,0,0.175,1);
transition:width .4s cubic-bezier(0.77,0,0.175,1);
}

.nav-link:hover:after,
a:hover .nav-link:after,
.nav-link:focus:after,
a:focus .nav-link:after,
.home:not(.header-is-pinned) .app-header .nav-link:hover:after,
a:hover .home:not(.header-is-pinned) .app-header .nav-link:after,
.home:not(.header-is-pinned) a:hover .app-header .nav-link:after,
.home:not(.header-is-pinned) .app-header .nav-link:focus:after,
a:focus .home:not(.header-is-pinned) .app-header .nav-link:after,
.home:not(.header-is-pinned) a:focus .app-header .nav-link:after,
.btn-line:hover:after,a:hover .btn-line:after,.btn-line:focus:after,
a:focus .btn-line:after {
width:100%;
left:0;
right:auto;
-webkit-transition:width .4s cubic-bezier(0.77,0,0.175,1);
transition:width .4s cubic-bezier(0.77,0,0.175,1);
}

.nav-link.is-active:after,
.nav-link:focus:after,
.home:not(.header-is-pinned) .app-header .nav-link.is-active:after,
.home:not(.header-is-pinned) .app-header .nav-link:focus:after,
.btn-line.is-active:after,
.btn-line:focus:after {
width:100%!important;
color:#1a59a8;
}

/*.navbar-light .navbar-nav .nav-link,
.navbar-nav .nav-link  {
    color: #8a8a9d;
}*/

.navbar-nav .active > .nav-link{
  color:#1a59a8;
}

.navbar-light .navbar-nav .nav-link.active,
 .navbar-light .navbar-nav .active > .nav-link,
.navbar-nav .nav-link.active,
.navbar-nav .active > .nav-link{
    color: #1a59a8;  /*Can change to orange if want contrasting color*/
}

body.bldg .navbar-nav .nav-link.active,
body.bldg .navbar-nav .active > .nav-link{
color:#1a59a8;
}







/************************************ Side NAVBAR *******************************/


 /* The side navigation menu */
.sidenav {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 2000; /* Stay on top */
  top: 0;
  right: 0;
  background-color:#1a59a8; 
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 35px; /* Place content 60px from the top*/
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */

  /*background-image:url(../images/bkgd/triangles1.png);
  background-repeat: no-repeat;
  background-position: bottom right; */ 
/*  background-size: 80% auto;  */
}


/* The navigation menu links */
.sidenav a,
.sidenav a:link {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
/*  font-size:23px; 
  line-height: 30px;*/
  color: #fff !important;
  display: block;
  transition: 0.3s;

    font-size:26px; 
  margin-top:12px;
  margin-bottom:12px;

font-family: "barlow", sans-serif;
font-weight: 400;
font-style: normal;
}

/* When you mouse over the navigation links, change their color */

.sidenav a:active,
.sidenav a:hover {
  color: #0f1e3c !important;
    transition: 0.3s;
}

.menu-btn{
z-index: 1000;
position: fixed;
margin-top: 20px;
margin-right: 20px;
cursor: pointer;
right: 0;
height: 36px;
}

/* Position and style the close button (top right corner) */
.sidenav a.closebtn {
  position: absolute;
  top: 0;
  right: 15px;
  font-size: 36px;
  margin-left: 50px;
  margin-top:10px;
  padding-top:5px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
  transition: margin-left .5s;
  padding:0px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-width: 450px) {
  /*.sidenav {padding-top: 35px;}
  .sidenav a {font-size: 14px; margin:0 0;}*/
} 








/************************************ LINKS BUTTONS *******************************/


a{
  color:#0f1e3c;
  text-decoration:none;
}

a:hover, 
a:focus,
a:hover div{
  text-decoration:none;
  color:#0f1e3c;
}

a,
a div{
  -o-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -khtml-transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

a:hover,
a:focus,
a:hover div{
  -o-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -khtml-transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.large-p a{
  color:#717074;
  text-decoration:none;
}
.large-p a:hover{
  color:#29CC96;
  text-decoration:none;
}

a.download {
  display: block;
  padding: 0 4px 5px 25px;
  text-decoration:none;
  background-color: transparent;
  background-image: url(../images/download-icon-charcoal.png);
  background-repeat: no-repeat;
  background-position: left 3px;
  background-size: 14px 14px;
  font-variation-settings: "wght" 700;
font-weight: 700;
font-style: normal;
text-transform:uppercase;
}

a.link {
  display: block;
/*  padding: 0 25px 5px 0px;*/
  text-decoration:none;
/*  background-color: transparent;
  background-image: url(../images/download-arrow.png);
  background-repeat: no-repeat;
  background-position: right 0px;
  background-size: 16px 16px;*/
  font-variation-settings: "wght" 700;
font-weight: 700;
font-style: normal;
text-transform:uppercase;
}


.blue-btn a.download,
.orange-btn a.download,
.outline-btn a.download,
.solid-btn a.download {
  background-image: url(../images/download-icon-charcoal.png);
  padding: 0 4px 0px 25px;
  font-size:14px; 
  line-height:15px; 
  color:#fff;  
  padding-top:0px;
  padding-bottom:0px;
  margin-top:0;
  font-weight: 400;
  text-transform:uppercase;
  letter-spacing:2px;

  -o-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -khtml-transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  transition: all 0.1s linear;
}


.solid-btn a.download {
color:#fff;
}


.outline-btn.white a.download {
  background-image: url(../images/download-icon-white.png);
  color: #fff;  
}

.outline-btn a.download:hover {
  background-image: url(../images/download-icon-white.png);
  color:#fff;
}

.blue-btn a.link,
.orange-btn a.link,
.outline-btn a.link,
.solid-btn a.link {
/*  background-image: url(../images/link-arrow.png);*/
  color:#fff !important;
  font-size:14px; 
  line-height:15px;
  padding-top:0px;
  margin-top:0;
  padding-bottom:0px;
  font-weight: 400;
  text-transform:uppercase;
  letter-spacing:2px;
  
  -o-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -khtml-transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  transition: all 0.1s linear;
}



.outline-btn.alt a.link{
  background-image: url(../images/link-arrow-limoncello.png);
  color:#1a59a8;
}

.outline-btn.alt a.link:hover{
  color:#1a59a8;
}

.solid-btn a.link {
  color:#fff;
}

.outline-btn.white a.link {
  color: #fff;  
}

.outline-btn a.link:hover{
  color:#0f1e3c;
}


a.link.prc-red:hover{
  color:#fff;
}

a.return {
  display: block;
  padding: 0 0 5px 16px;
  text-decoration:none;
  background-color: transparent;
  background-image: url(../images/return-teal.png);
  background-repeat: no-repeat;
  background-position: left 6px;
  background-size: 12px 12px;
}

a.play {
  display: block;
  padding: 0 0 0px 26px;
  text-decoration:none;
  background-color: transparent;
  background-image: url(../images/video-link-sm.png);
  background-repeat: no-repeat;
  background-position: left 0px;
  background-size: 18px 18px;
  color:#fff;
  font-size:13px; 
  line-height:18px; 
  padding-top:0px;
  margin-top:0;
  padding-bottom:2px;
  font-weight: 700;
  text-transform:uppercase;
  letter-spacing:0.06em;
  
  -o-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -khtml-transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  transition: all 0.1s linear;
}



.blue-btn{
  padding:5px 10px;
  background-color: #01576e;
  display: inline-block;
  margin-right:10px;
  margin-top:10px;
  color:#fff; 

  -o-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -khtml-transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.blue-btn:hover{
  background-color: #97d1dc;
  color:#fff;

  -o-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -khtml-transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  transition: all 0.1s linear;
}



.outline-btn{
  padding:14px 16px 13px 16px;
  background-color: none;
  border:2px solid #0f1e3c;
  display: inline-block;
  margin-right:10px;
/*  margin-top:10px;*/
  color:#1a59a8; 

  -o-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -khtml-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;

  height:44px;
}


.outline-btn.alt{
  padding:10px 14px 8px 14px;
  background-color: none;
  border:2px solid #0f1e3c;
  display: inline-block;
  margin-right:10px;
  margin-top:10px;
  color:#1a59a8; 

  -o-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -khtml-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}



.outline-btn:hover{
  background-color: #0f1e3c;
  color:#0f1e3c;
    border:2px solid #0f1e3c;
  -o-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -khtml-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}



.outline-btn.alt:hover{
  background-color: #0f1e3c;
  color:#1a59a8;
    border:1px solid #0f1e3c;
  -o-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -khtml-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}


.outline-btn.white{

  border:1px solid #1a59a8;
  color:#fff; 

}

.outline-btn.white:hover{
  background-color: #1a59a8;
  border:1px solid #1a59a8;
  color:#fff;
}



.solid-btn{
  padding:14px 25px 16px 25px;
  background-color:#1a59a8;
  display: inline-block;
/*  margin-right:10px;*/
  margin-top:5px;
  color:#fff; 

  -o-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -khtml-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;

  /*height:44px;*/
}

.solid-btn:hover{
  background-color:#e21d3e;
  color:#fff;
  -o-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -khtml-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}


.solid-btn.inv{
/*  padding:12px 25px 12px 25px;*/
  background-color:#474e5c;
  display: inline-block;
/*  margin-right:10px;*/
/*  margin-top:5px;*/
  color:#fff; 

  -o-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -khtml-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.solid-btn.inv:hover{
  background-color:#1a59a8;
  color:#fff;
  -o-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -khtml-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}


.blue-btn.inv{
  background-color:#2d879a ;
}

.blue-btn.inv:hover{
  background-color: #01576e;
}

.orange-btn{
  padding:5px 10px;
  background-color: #ff6a11;
  display: inline-block;
  margin-right:10px;
  margin-top:10px;
  color:#fff; 

  -o-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -khtml-transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.orange-btn:hover{
  background-color: #eb5800;
  color:#fff;

  -o-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -khtml-transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

a.underline{
  text-decoration:underline;
}





input.outline-btn{
  padding: 10px 14px 8px 14px;
  background-color: transparent !important;
  border: 1px solid #0f1e3c;
  display: inline-block;
  margin-right: 10px;
  margin-top: 10px;
  color: #0f1e3c;
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 2px;
  transition: all 0.1s linear;
}


input.outline-btn:hover{
  background-color: #1a59a8 !important;
  transition: all 0.1s linear;
}








.slick-gallery img{
/*padding:2px;*/
border:2px solid #fff;
}






/****************************** VIDEO ******************************/
.video-link img{
margin:0 auto; 
margin-top:0px; 
padding:20px;
margin-top:-70px;
}

.video-link{
margin:0 auto; 
width:200px;
}


	.video-wrapper{
	position: relative;
	padding-bottom: 53.6%; /* 16:9 56.25%*/
	padding-top: 25px;
	height: 0;	
	overflow:hidden;
	}
	
	.video-wrapper iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;	
	}
	





/****************************** HOME VIDEO BKGD ******************************/




video#bgvid { 
    position: fixed;
    top:40%;
    left: 50%;
    min-width: 110%;
    min-height: 100%;
    width: auto; /* was 150% */
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
/* background: url('../images/video/2301-n-sepulved-blvd.png') no-repeat;
  background-size: cover;*/
  /*transition: 1s opacity;*/
}


.video-wrap1{
  width:100%;
  display:block;
  overflow:hidden;
}

video#mobilevid { 
    position: fixed;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    overflow:hidden;
  /*  z-index: 0;*/
    /*transform: translateX(-50%) translateY(-50%);*/
/* background: url('../images/video/2301-n-sepulved-blvd.png') no-repeat;
  background-size: cover;*/
  /*transition: 1s opacity;*/
}





/*

.mast-promo::after {
  z-index: 3;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.4)), to(rgba(0,0,0,0.3)));
  background: linear-gradient(to top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.3) 100%);
}


  .bg-vid {
    z-index: 1;
 position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color:rgba(0,0,0,0.5);
}


.bg-vid__cover {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #363537;
}*/






/************************ Responsive image map styles *************************/

.imageMap {width:100%; position:relative;}
.imageMap img {display:block; width:100%;}
.imageMap .hotspots {width:100%; height:100%; position:absolute; left:0; top:0; /*visibility:hidden;*/}
.imageMap a {display:block; position:absolute; background:#0f1e3c; /* bkgd:none messed up IE */ z-index:100; opacity:0; filter: alpha(opacity=0); border:0px solid transparent; cursor:pointer;}

/* testing version below - will show borders */
/*.imageMap a {display:block; position:absolute; background:red; z-index:100; opacity:0.4; filter: alpha(opacity=40); border:1px solid transparent;}*/



/*************************** hotspots ***************************/


.imageMap a{
width:3%; 
height:3.6%; 
/* Safari 3-4, iOS 1-3.2, Android 1.6- */
-webkit-border-radius: 0px; 
/* Firefox 1-3.6 */
-moz-border-radius: 0px; 
/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
border-radius: 0px;  
}






/*-------------  RETAIL SUITES LAYOUT MAP -----------------------*/
.imageMap a.bldg-1a {width:20%; height:21%; left:60%; top:13%;} 
.imageMap a.bldg-1b {width:12%; height:14%; left:67%; top:34%;} 
.imageMap a.bldg-2a {width:7%; height:9%; left:42%; top:60%;} 
.imageMap a.bldg-2b {width:11%; height:12%; left:50%; top:52%;} 
.imageMap a.bldg-2c {width:12%; height:24%; left:62%; top:57%;} 
.imageMap a.bldg-3a {width:10%; height:28%; left:29%; top:38%;} 
.imageMap a.bldg-3b {width:11%; height:21%; left:33%; top:68%;} 
.imageMap a.bldg-3c {width:8%; height:12%; left:44%; top:70%;} 
.imageMap a.bldg-3d {width:8%; height:14%; left:52%; top:68%;} 



.imageMap a + p {position:absolute; left:0%; top:102%; width:100%; color:#0f1e3c; display:none;}
.imageMap:hover .hotspots {/*visibility:visible;*/}







/***************** embedded atlist map ******************/

.mapheight{
  height:750px;
}



.mapheight2{
  height:100%;
}


#map-description h1 {
  color:#fff;
  margin-bottom:0;
  font-size: 55px; 
  line-height:55px;
  margin-top:0;
  letter-spacing:0.02em;

}











/************************** tooltip (qtip2) and tooltip content styles ****************************/
.hidden2{
visibility: hidden; 
}


/* previously used when tooltip showed on click so it wasn't outside the image area */
/*.qtip{
margin-top: -40px;
}*/

.qtip2 a{
cursor:pointer; 
}

.qtip-title{
padding-right: 20px;  
}
  

.qtip-bootstrap .qtip-titlebar {
  font-size: 15px;
/*  font-weight: 600;*/
  line-height: 18px;
  color:#c7efca;
font-style: normal;
  text-transform:uppercase;
  letter-spacing:1px;
}

.website-link {
margin-bottom:12px;
margin-top:15px;
}

.website-link a{
padding:5px 8px;
background:#ccc;
text-decoration:none;
color:#0f1e3c; 
}

.website-link a:hover{
background:#c7efca; /* c9dd03   381green */
}


/*.hidden2 p{
font-size:15px; 
line-height: 18px;
margin-bottom:7px;
}*/

.image-map-container .hidden2 p {
margin: 0 0 15px 0; 
}












/************************************** IMAGEs *************************************/


.gallery img{
  float:left;
  width:25%;
}


.gallery2 img{
  float:left;
  width:32%;
  margin: 0.5%;	
}

.gallery5 img{
  float:left;
  width:19%;
  margin: 0.5%;	
}

.gallery5{
  margin: 0 -0.5%;	
}

.gallery3{
  font-size: 0;
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  -ms-flex-direction: column;
  -webkit-flex-flow: row wrap; 
  flex-flow: row wrap; 
  display: -webkit-box;
  display: flex;
  margin:0 -8px;
}

.gallery3 div{
 -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto; 
  width: 100px; 
  margin: .3vw; 	
}



.gallery3  img{
	width: 100%;
	height: auto;
}




.img-border{
  border:1px solid #ddd;
}


.gallery4{
  font-size: 0;
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  -ms-flex-direction: column;
  -webkit-flex-flow: row wrap; 
  flex-flow: row wrap; 
  display: -webkit-box;
  display: flex;
  margin:0 -12px;
}

.gallery4 div{
 -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto; 
  width: 100px; 
  margin: 0vw;   
}



.gallery4  img{
  width: 100%;
  height: auto;
}




img.contact-logo{
width: 170px;
  max-width: 100%;
  float: none;
  margin-top: 30px;
}


img.contact-logo-alt{
  width:170px;  
  max-width:100%;
}



img.contact-logo2{
  width:220px;  
  max-width:100%;
  float:right;
}


.brand-logo{
  max-width:450px;
}

.footer-logo{
  max-width:300px;
}


.footer-logo2{
width: 360px;
max-width: 100%;
display: block;
/*padding: 30px 0px ;*/
float:right;
}

.footer-logo3{
  max-width: 370px;
  margin-bottom: -39px;
  z-index: 300;
  position: relative;
}


table.contact-info td{
vertical-align:bottom;
padding-right:40px;
}


.footer-left-logo{
text-align:left;
}

.footer-right-addr{
text-align:right;
}



/* Container holding the image and the text */
figure.img-caption {
  position: relative;
  text-align: center;
  color: white;
}



/* Bottom left text */
figure.img-caption figcaption {
  position:absolute;
  bottom:0px;
  left:0px;
  padding:4px 8px;
  display:inline-block;
  background:rgba(54,53,55,0.8);
  color:#fff;
  font-size:14px;
}



/* Container holding the image and the text */
figure.img-caption2 {
  position: relative;
  text-align: center;
  color: white;
  margin:0 0;
}



/* Bottom left text */
figure.img-caption2 figcaption {
  position:absolute;
  top:40px;
  left:40px;
  display:inline-block;
  color:#fff;
  text-align:left;
}



.transit-logos{
  margin-top:30px;
max-width:200px;
}




.img-expand150{
  max-width:150%;
}
















.row-gallery3 {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0;
}

.column-gallery3 {
  flex: 100%;
  max-width: 100%;
}

.column-gallery3 img {
  vertical-align: middle;
  border: 2px solid #fff;
}

.container-gallery3 {
  position: relative;
  width: 100%;
}

.image-gallery3 {
  display: block;
  width: 100%;
  height: auto;
}
.overlay-gallery3 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 0.5s ease;
/*  background-color: #757038;*/
  background: rgba(16, 16, 16, 0.6);
      border: 2px solid #fff;
}

.container-gallery3:hover .overlay-gallery3 {
  opacity: 1;
  background: rgba(16, 16, 16, 0.6);
  transition: 0.5s ease;
      border: 2px solid #fff;
}

.text-gallery3 {
  color: #fff;
/*  opacity:1;*/
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

/* Tablet Styles */
@media only screen and (min-width: 481px) {
    .column-gallery3 {
      flex: 100%;
      max-width: 100%;
    }
}


/* Desktop Styles */
@media only screen and (min-width: 1024px) {
    .column-gallery3 {
      /*flex: 33.3%;
      max-width: 33.3%;*/
      flex: 33.33%;
      max-width: 33.33%;
    }
}


/* Tablet Styles */
@media only screen and (max-width: 767px) {
    .column-gallery3 {
      flex: 100%;
      max-width: 100%;
    }
}







.row-gallery4 {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0;
}

.column-gallery4 {
  flex: 100%;
  max-width: 100%;
}

.column-gallery4 img {
  vertical-align: middle;
    border: 2px solid #fff;
}

.container-gallery4 {
  position: relative;
  width: 100%;
}

.image-gallery4 {
  display: block;
  width: 100%;
  height: auto;
}
.overlay-gallery4 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 0.5s ease;
/*  background-color: #757038;*/
  background: rgba(16, 16, 16, 0.6);
      border: 2px solid #fff;
}

.container-gallery4:hover .overlay-gallery4 {
  opacity: 1;
  background: rgba(16, 16, 16, 0.6);
  transition: 0.5s ease;
      border: 2px solid #fff;
}

.text-gallery4 {
  color: #fff;
/*  opacity:1;*/
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

/* Tablet Styles */
@media only screen and (min-width: 481px) {
    .column-gallery4 {
      flex: 100%;
      max-width: 100%;
    }
}


/* Desktop Styles */
@media only screen and (min-width: 1024px) {
    .column-gallery4 {
      /*flex: 33.3%;
      max-width: 33.3%;*/
      flex: 25%;
      max-width: 25%;
    }
}


/* Tablet Styles */
@media only screen and (max-width: 767px) {
    .column-gallery4 {
      flex: 100%;
      max-width: 100%;
    }
}







.gallery-wrapper{
  position: relative;
  margin: 2px;
}


/************************************ BACKGROUND STYLES *******************************/


section{
  padding: 75px 0;
  width: 100%;
  overflow: hidden;
  background-color:#e0ddd8;
  background-size:100% auto;  /* was 100% 100%, but changed height to auto to prevent smooshing */
}


section.extra-pad{
  padding: 150px 0;
}



section.extra-pad.extend{
  padding: 200px 0; 
}


#home{
  background:url(../images/hub-at-willows-main.jpg) 50% 0 no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /*padding-top:60px;*/
/*  background-color:#263645; */
  min-height:800px;	
  position:relative;
}



#home.alt{
  background:url(../images/hub-at-willows-main.jpg) 50% 0 no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /*padding-top:60px;*/
/*  background-color:#263645; */
  min-height:800px; 
  position:relative;
}



#home-alt{
  min-height:880px; 
  position:relative;
}


.main-logo{
  width:100%;
  max-width:375px;
}

.main-img-logo{
margin-top:60px;
margin-right:60px;
padding:20px 20px 25px 20px;
background-color:#01576e;
background-color: rgba(54, 53, 55, 0.85);
display:inline-block;
color:#fff;
width:335px;
float:right;
}


.main-img-logo h3{
  font-size:20px;
  line-height:24px;
  margin-top:8px;
 margin-bottom:10px;
  font-weight:400;
}


.logo-main-font{
  font-size: 44px;
  line-height:44px;
font-weight: 700;
  letter-spacing:1px;
 /* text-transform: uppercase;*/
}


.logo-tagline{
  
  padding: 50px 50px;
  position:relative; 
/*  max-width:1020px; */
  text-align:left;
  margin:0 auto;
  padding-top:100px;
  width:1300px;
}

.logo-tagline img{
/*max-width:450px;*/
/*margin-top:14%;*/
/*margin-bottom:30px;*/
padding-bottom:40px;
}




.logo-tagline td{
vertical-align:top;
}


.nav-logo{
  max-width:200px;
}


.features{
/*  font-size: 0;*/
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  -ms-flex-direction: row;
  -webkit-flex-flow: row wrap; 
  flex-flow: row wrap; 
  display: -webkit-box;
  display: flex;
 /* margin:0 -8px;*/
  text-align:center;
/*  color:#fff;*/
}

.f-item{
 -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto; 
  /*width: 100px; */
  width: 20%;
/*  margin: .5vw;  */
  padding:20px;
/*  border-right:1px solid #fff; */
}

.f-item img{
  display:block;
  text-align:center;
  margin:0 auto;
  width:100%;
  max-width:100px;
  margin-bottom:15px;
}


.f-item.last{
  border-right:none; 
  }

.f-item.border-btm{
  border-bottom:1px solid #fff; 
  }



.features.alt .f-item{
 -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto; 
  /*width: 100px; */
  width: 33%;
/*  margin: .5vw;  */
  padding:20px;
  border-right:1px solid #0f1e3c; 
  color:#0f1e3c;
}

.features.alt .f-item.last{
  border-right:none; 
  }

.fp-icon{
  max-width:90px;

}


.bldg-right-marg{
  overflow: hidden;
  width: 194%;
}


.bldg-left-marg{
margin-left: -370px;
  overflow: hidden;
  width: 192%;
}



.site-plan{
  margin-right: -240px;
  overflow:hidden;
}


.location-blurb{
    margin-top:-20px;
    margin-bottom:20px;
}

.legacy-map{
  z-index:300;
  position:relative;
}

section#full-gallery{
  padding: 0px 0;	/* was 75 0 */
}

section#section0{
/*  padding:50px 12px;*/
}




#section0 {
  /* Order matters — top layer first, bottom layer second */
  background-image:
    url("../images/bkgd/hub-at-willows-details-transparent-b.png"),
    linear-gradient(to right, #282524, #1a59a8);

  /* PNG settings, then gradient settings */
  background-repeat: no-repeat, no-repeat;
  background-position: bottom left, top left;
  background-size: 100% auto, cover;

  min-height: 1100px;
}



#section1,
#section1-1{
/*background:url(../images/bkgd/hub-at-willows-gradient1-thin2.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position:relative;*/


  background-image: linear-gradient(
    

155deg,
    #070F1D 0%,
    #101A2C 45%,
    #2B2739 75%,
    #7A3D39 92%,
    #CC7B5D 100%


  );


}


/*section#section1-1{
  padding-bottom:0px;
}
*/


section#section1-1{
/*  padding:0px 0px;*/



}



#section1-1-1{
  background:#fff;
  background:url(../images/bkgd/troy-red-pattern-bkgd.png) bottom center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position:relative;
}



section#section2{
/*padding: 190px 0 160px 0;*/
}


#section2{
  background:url(../images/location/hub-location4-wide2.jpg), #0f1e3c;
  background-repeat: no-repeat;
  background-position: center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



#section2-1{
	
/*  background:url(../images/renderings/bldg2-n-view.jpg) bottom center no-repeat fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-color:#ebeeef; 
  overflow:hidden;*/
  background-color: #e7eaeb;
  min-height:100px;
  /*padding:150px 0;	*/
  position:relative;
}


section#section2-1{
/*  padding-bottom:0px;
  margin-bottom:-60px;*/
}




#section3{
  background:#0f1e3c;
  /*background:url(../images/bkgd/hub-at-willows-gradient1.jpg) bottom center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position:relative;*/c
}



#section3-1{
  background:#1a59a8;
  background:url(../images/bkgd/troy-location-bkgd.jpg) bottom center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position:relative;
}


section#section3-1-1{
  background:#1a59a8;
  padding: 0px 0;
/*  background:url(../images/bkgd/troy-location-bkgd.jpg) bottom center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position:relative;*/
}



#section4{	
/*  background: linear-gradient(180deg, #FFF 22%, #1a59a8 0%);*/
  background:#1a59a8;
    background-image:url(../images/bkgd/carson-bldg-footer.jpg);
  background-repeat: no-repeat;
  background-position: bottom right; 
  background-size: auto auto; 
}

/*section#section4{
padding:0;
}*/




#section5{
  background:#757038;
  background-size: 20% auto;  
  background-image:url(../images/bkgd/troy-side-pattern-hazelnut.png);
  background-repeat: no-repeat;
  background-position: left top; 
}





#section5-1{
  background:#0f1e3c;
  background:url(../images/photos/soho-house-rendering2.jpg) top left no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position:relative;
}



#section6{
    background:#1a59a8;
}



#section7{
  background-color: #fff;
    position:relative;
}




section#section8{
  background-color: #d5c9b1;
    position:relative;
        padding:0;
}


#section9{
  background-color: #d5c9b1;
    position:relative;
}



section#map-box{
height:550px;
width:100%;
padding:0;		
}



.five-col{
  width:20%;
  float:left; 
  padding:15px;
}







#footer{
  background:#1a59a8;
  background:url(../images/bkgd/hub-at-willows-footer.jpg) top left no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position:relative;
  min-height:1000px;
}


/*.bg-dark{
    background-color: #363537 !important;
}

.bg-light{
    background-color: #ebeeef !important;
}*/


.bg-dark {
  --bs-bg-opacity: 1;
  background-color: #c7efca !important;
}


.bg-light {
  --bs-bg-opacity: 1;
  background-color: #d5c9b1 !important;
}


.bg-img1{
    background-color: none;
    background-size:100% auto ;   
    background-image:url(../images/placeholders/placeholder-4.jpg);
    background-repeat: no-repeat;
}


.bg-img2{
    background-color: none;
    background-size:cover;   
    background-image:url(../images/photos/circulus-interior1.jpg);
    background-repeat: no-repeat;
    width:100%;
}


.bg-img3{
    background-color: none;
    background-size:cover;   
    background-image:url(../images/photos/circulus-interior2.jpg);
    background-repeat: no-repeat;
    width:100%;
}




.inner-section-pad{
  padding:80px 0 80px 80px;
}





.inner-section-pad2{
  padding:40px;
}

.inner-section-pad3{
  padding:80px 120px;
  max-width:800px;
}


.pad-right-col{
padding-right:80px;
}

.chili-bkgd{
  background-color:#1a59a8;
}



.img-extend-right {
  margin-right:-180px; 
  margin-top:-40px;
  margin-bottom:-40px;
}


.img-extend-left {
  margin-left:-180px; 
  margin-top:-40px;
  margin-bottom:-40px;
}



.map1{
  overflow: hidden; 
  position: absolute; 
  right: 0; 
  max-width: 600px; 
  margin-top: -300px;   
  margin-bottom: -300px;
}

.map2{
  margin-top:-350px;
}



.rendering1{
  overflow: hidden; 
  position: absolute; 
  right: 0; 
  max-width: 700px; 
}

/********************************* MOBILE DESKTOP STYLES ***********************************/


.display-mobile{
  display:none;	
}
.display-desktop{
  display:block;	
}


.display-mobile-alt{
  display:none; 
}
.display-desktop-alt{
  display:block;  
}


.display-desktop-xl{
  display:none;  
}




/******************************** ELEMENTS *****************************************/

hr{
  border-top-color: #ddd;	
  margin-top:10px;
  margin-bottom:10px;
  background-color:#ddd;
}

hr.chili{
/*  border-top-color: #1a59a8; */
  margin-top:10px;
  margin-bottom:10px;
  height: 1px;
  background-color:#1a59a8;
  opacity:1;
}


hr.limoncello{
/*  border-top-color: #1a59a8; */
  margin-top:80px;
  margin-bottom:80px;
  height: 1px;
  background-color:#1a59a8;
  opacity:1;
}

hr.artichoke{
/*  border-top-color: #1a59a8; */
  margin-top:20px;
  margin-bottom:20px;
  height: 1px;
  background-color:#c7efca;
  opacity:1;
}


hr.white{
/*  border-top-color: #1a59a8; */
  margin-top:10px;
  margin-bottom:10px;
  height: 1px;
  background-color:#fff;
  opacity:1;
}


hr.white2{
/*  border-top-color: #1a59a8; */
  margin-top:20px;
  margin-bottom:20px;
  height: 1px;
  background-color:#fff;
  opacity:1;
}


span.responsive-break{
	display:block;
}



.cars-per-day{
  max-width:210px;
  z-index:990;
  position:relative;
}


.vl {
  border-left: 1px solid #e7eaeb;
  height: 100%;
  position: relative;
  left: 50%;
  margin-top: 0px;
}

.vl1 {
  border-left: 1px solid #fff;
  height: 50px ;
  position: relative;
  left: 50%;
  margin-top: 0px;

}



.vl2 {
  border-left: 4px solid #1a59a8;
  height: 250px ;
  position: relative;
  left: 0%;
  margin-top: -200px;
 vertical-align:top;
}


.diamond-divider1{
  position:absolute;
  bottom:-79px;
  z-index: 900;
  left: 50%;
margin-left: -80px;
}



.diamond-divider2{
  position: absolute;
  top: -150px;
  z-index: 900;
  left: 10%;
}



.diamond-divider3{
  position: absolute;
  bottom: -149px;
  z-index: 900;
  right: 10%;
}



.diamond-divider4{
  position:absolute;
top:0px;
  z-index: 900;
  left:0;
}


.diamond-divider5{
  position:absolute;
bottom:-62px;
  z-index: 900;
  right:0;
  max-width:250px;
}


.divider1{
  position:absolute;
  bottom:-79px;
  z-index: 900;
  left: 50%;
margin-left: -80px;
}


.divider2{
  position:relative;
  top:-340px;
  z-index: 100;
  left: 48%;
  margin-bottom: -370px;
  max-width: 250px;
}

.z-up1{
  z-index:600;
  position:relative;
}

.line-diamond{
  position: absolute;
max-width: 16px;
top: -9px;
z-index: 1000;
left: 50%;
margin-left: -8px;
opacity:1;
}


.divider-accent{
  width: 100px;
  height: 1px;
  background: #e7eaeb;
  display:block;
  margin:15px 0;
}


.divider-accent-icon{
  width: 100%;
  height: 1px;
  background: #e7eaeb;
  display:block;
  margin:15px 0;
  margin-top: -70px;
  margin-bottom: 70px;
}



.icon{
  max-width:100px;
  margin-bottom:24px;
}

.icon-box{
  margin: 0 auto;
  text-align: center;
}



.line-diamond-move{
  position: absolute;
max-width: 16px;
top: -9px;
z-index: 1000;
/*left: 0;*/
margin-left: -8px;
/*opacity:1;*/
}



.line-box{
  content: " ";
  width: 100%;
  height: 1px;
  background: #c7efca;
  position: relative;
  margin: 24px 0;
  display: block;
}



.line-diamond-box{
  content: " ";
  width: 100%;
  height: 1px;
  background: #1a59a8;
  position: relative;
  margin: 24px 0;
  display: block;
}



.line-diamond-box2{
  content: " ";
  width: 100%;
  height: 1px;
  background: #1a59a8;
  position: relative;
  margin: 24px 0;
  display: block;
}



.divider-line{
  content: " ";
  width: 1150px;
  height: 4px;
  background: #1a59a8;
  position: relative;
  margin: 20px 0;
  margin-left:-400px;
  display: block;
}


.divider-line2{
  content: " ";
  width: 1150px;
  height: 4px;
  background: #1a59a8;
  position: relative;
  margin: 20px 0;
  margin-right:-400px;
  display: block;
}

.right-d{
 width:100%;
 height:45px;
}

.right-d .divider-line{
  float:right;
}



.vert-line{
  content: " ";
  width: 2px;
  height: 700px;
  background: #1a59a8;
  position: absolute;
  display:inline;
  float:left;
  margin: 0px 0;
  display: block;
  z-index:120;
  margin-top: -130px;
/*  margin-left: -60px;*/
}


.vert-line2{
  content: " ";
  width: 2px;
  height: 830px;
  background: #1a59a8;
  position: absolute;
  display:inline;
  float:left;
  margin: 0px 0;
  display: block;
  z-index:120;
  margin-top: -130px;
/*  margin-left: -60px;*/
}
 


.circle-line {
  position:relative;
  left:28px;
  content: " ";
  width:98%; /*Scauses overflow*/
  height: 1px;
  background: #898989;
  text-align:left;
  margin-right:25px;
}
  
.circle-line:before {
  position: absolute;
content: " ";  
margin-left:-28px;
margin-top:-6px;
width: 14px;
  height: 14px;
  background: #f48425;
  border-radius: 50%;
  vertical-align:middle;
    text-align:left;
}


.circle-line.white {
  background: #fff;
  height: 1px;
}
  
.circle-line.full-bleed {
/*overflow:hidden;*/
/*  width:200%; */
}


.circle-line-marg{
  margin-bottom:60px;
}





/*.col-xs-0, 
.col-sm-0,
.col-md-0,
.col-lg-0,
.col-xl-0,
.col-xxl-0 {
  flex: 0 0 0;
  max-width: 0;
  padding-right: 0;
  padding-left: 0;
}

*/



.text-center{
  text-align:center !important;

}





/******************************** CAROUSEL *****************************************/

/* Carousel base class */
.carousel {
  /*margin-bottom: 1rem;
  margin-top: 1rem;*/
background-color:transparent;
margin-top:-10px;
}




.carousel-caption{
position: relative;
/*right: 5%;
bottom: 1.25rem;
  top: 0rem;
padding-top: 1.25rem;
padding-bottom: 1.25rem;*/
color: #fff;
text-align: left;
left: 0;
  z-index: 10;
  width: 60%;
  margin:0 auto;
  margin-top:60px;
}



.carousel-desktop{
  background-color:#c7efca; 
  padding:0px;
  position:relative;
}



.carousel-cap-alt{
  position:relative;
  top:15%;
  left:5%;
  max-width:90%;
  z-index:2003;
  position:absolute;
}


.mycarousel-desktop{
   margin-top:0;
}


/* Declare heights because of positioning of img element */
.carousel-item {
  height: 28rem;
  /*transition: transform 1s ease, opacity .8s ease-out*/
}
.carousel-item > img {
  position: absolute;
  bottom: 0;
  left: 0;
  min-width: 100%;
  height: auto; /* was height: 32rem; */
}


/* change transition duration to control the speed of fade effect */
.carousel-item {
  transition: transform 1s ease-in-out;
}

.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  transition: opacity 0s 2s;
}


.bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }



.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: -30px;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 0rem;
  margin-left: 15%;
  list-style: none;
}



.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 32px;
  height: 4px;
  padding: 0;
  margin-right: 4px;
  margin-left: 4px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #c7efca !important;
  background-clip: padding-box;
}





.carousel-inner{
  min-height:300px;
}

.carousel-item {
  height: 300px;
}

.carousel-item img {
/*    position: absolute;
    top: 0;
    left: 0;*/
    width:100%;
    height:auto;
}














/********************************* FADE IN SECTIONS ***********************************/



.to-fade-in,
.to-fade-in1,
.to-fade-in2,
.to-fade-in3,
.to-fade-in-delay1,
.to-fade-in-delay2, 
.to-fade-in-delay3, 
.to-fade-in-delay1-home,
.to-fade-in-delay2-home, 
.to-fade-in-delay3-home,
.to-fade-in-delay4-home,
.to-fade-in-out2 {
  opacity: 0;
  /*bottom: -50px;*/
}

/*default fade in speed*/
.to-fade-in.fade-in {
  -webkit-animation: fade-in 3s forwards;
          animation: fade-in 3s forwards;
}

.to-fade-in1.fade-in {
  -webkit-animation: fade-in 2s forwards;
          animation: fade-in 2s forwards;
}

.to-fade-in2.fade-in {
  -webkit-animation: fade-in 3s forwards;
          animation: fade-in 3s forwards;
}


.to-fade-in3.fade-in {
  -webkit-animation: fade-in 4s forwards;
          animation: fade-in 4s forwards;
}



.to-fade-in-delay1.fade-in {
  -webkit-animation: fade-in 3s forwards;
          animation: fade-in 3s forwards;
          -webkit-animation-delay: 1s;
          animation-delay: 1s;
          transition-timing-function: ease-in;
}

.to-fade-in-delay2.fade-in {
  -webkit-animation: fade-in 3s forwards;
          animation: fade-in 3s forwards;
          -webkit-animation-delay: 2s;
          animation-delay: 2s;
          transition-timing-function: ease-in;
}


.to-fade-in-delay3.fade-in {
  -webkit-animation: fade-in 3s forwards;
          animation: fade-in 3s forwards;
          -webkit-animation-delay: 3s;
          animation-delay: 3s;
          transition-timing-function: ease-in;
}




/* Add 5 sec to delay times for home section overlay */

.to-fade-in-delay1-home.fade-in {
  -webkit-animation: fade-in 3s forwards;
          animation: fade-in 3s forwards;
          -webkit-animation-delay: 6s;
          animation-delay: 6s;
          transition-timing-function: ease-in;
}

.to-fade-in-delay2-home.fade-in {
  -webkit-animation: fade-in 3s forwards;
          animation: fade-in 3s forwards;
          -webkit-animation-delay: 7s;
          animation-delay: 7s;
          transition-timing-function: ease-in;
}


.to-fade-in-delay3-home.fade-in {
  -webkit-animation: fade-in 3s forwards;
          animation: fade-in 3s forwards;
          -webkit-animation-delay: 8s;
          animation-delay: 8s;
          transition-timing-function: ease-in;
}

.to-fade-in-delay4-home.fade-in {
  -webkit-animation: fade-in 3s forwards;
          animation: fade-in 3s forwards;
          -webkit-animation-delay: 9s;
          animation-delay: 9s;
          transition-timing-function: ease-in;
}



/*
.loaded .to-fade-in1 {
  -webkit-animation: fade-in 2s forwards;
          animation: fade-in 2s forwards;
}

.loaded .to-fade-in2 {
  -webkit-animation: fade-in 3s forwards;
          animation: fade-in 3s forwards;
}


.loaded .to-fade-in3 {
  -webkit-animation: fade-in 4s forwards;
          animation: fade-in 4s forwards;
}*/



/* fade in/out for home section overlay */

.to-fade-in-out2.fade-in {
  -webkit-animation: fadeinout 3s linear;
          animation: fadeinout 3s linear;
}





@keyframes fadeinout {
  0%,100% { opacity: 0 }
  50% { opacity: 1 }
}







@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
    /*bottom: -50px;*/
  }
  100% {
    opacity: 1;
    /*bottom: 0px;*/
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
    /*bottom: -50px;*/
  }
  100% {
    opacity: 1;
    /*bottom: 0px;*/
  }
}





/*.slide1,
.slide2,

.slide4 {
  left: 0; 
  opacity: 0;
    position: absolute;
max-width: 16px;
top: -9px;
z-index: 1000;
margin-left: -8px;
}
*/


.slide1,
.slide2,
.slide3,
.slide4 {
  left:0; /* was -50px */
  opacity: 0;
}

.slide1.slide-in1 {
    -webkit-animation: slide 2s forwards;
    -webkit-animation-delay: 0.5s;
    animation: slide 2s forwards;
    animation-delay: 0.5s;
}


.slide2.slide-in2 {
    -webkit-animation: slide 2s forwards;
    -webkit-animation-delay: 0.5s;
    animation: slide 2s forwards;
    animation-delay: 0.5s;
}

.slide3.slide-in3 {
    -webkit-animation: slide 2s forwards;
    -webkit-animation-delay: 0s;
    animation: slide 2s forwards;
    animation-delay: 0s;
}


.slide4.slide-in {
    -webkit-animation: slide 3s forwards;
    -webkit-animation-delay: 2s;
    animation: slide 3s forwards;
    animation-delay: 2s;
}


/*.slide1.slide-in {
    -webkit-animation: slide 1.5s forwards;
    -webkit-animation-delay: 0.2s;
    animation: slide 1.5s forwards;
    animation-delay: 0.2s;
}


.slide2.slide-in {
    -webkit-animation: slide 1.5s forwards;
    -webkit-animation-delay: 0.4s;
    animation: slide 1.5s forwards;
    animation-delay: 0.4s;
}

.slide3.slide-in {
    -webkit-animation: slide 1.5s forwards;
    -webkit-animation-delay: 0.6s;
    animation: slide 1.5s forwards;
    animation-delay: 0.6s;
}*/

@-webkit-keyframes slide {
   0% { left: 0px; opacity: 0;}
   100% { left: 50%; opacity: 1;}
}

@keyframes slide {
    0% { left: 0px; opacity: 0;}
    100% { left: 50%; opacity: 1;}
}






/*
.scale-up1{
  transform: scale(0);
}



.scale-up1.scale-up{
    -webkit-transition: scaleup 1s;
    -webkit-transition-delay:0.1s;
    transition: scaleup 1s;
    transition-delay: 0.1s;
}



@keyframes scaleup {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
*/






/*fade in section */

.fade-in-section {
  opacity: 0;
  transform: translateY(15vh);
  visibility: hidden;
  transition: opacity 0.6s ease-out, transform 1.2s ease-out;
/*  will-change: opacity, visibility;*/
}
.fade-in-section.is-visible2 {
  opacity: 1;
  transform: none;
  visibility: visible;
}







/************************************** LISTS *************************************/


.list-thick-divide{
  text-decoration:none;
  list-style-type:none;
  /*font-size:18px;	*/
  color: #717074;	
}
ul.list-thick-divide {
  margin-left:0;
  padding-left:0;
}

.list-thick-divide li{
  padding-bottom:20px;
  margin-bottom:20px;
  border-bottom: 1px solid #ccc	;	
}

.list-thick-divide li.no-pad{
  padding-bottom:0px;
  margin-bottom:20px;
  border-bottom: 1px solid #ccc	;	
}



.list-thin-divide,
.list-thinner-divide,
.list-no-line{
  text-decoration:none;
  list-style-type:none;
    margin-left:0;
  padding-left:0;
  /*font-size:18px;
  color: #717074;	 	*/
}
ul.list-thin-divide {
  margin-left:0;
  padding-left:0;
}

.list-thin-divide li{
  padding-bottom:8px;
  margin-bottom:8px;
  border-bottom: 1px solid #ccc	;	
}

.list-thin-divide.small li{
  padding-bottom:8px;
  margin-bottom:8px;
  border-bottom: 1px solid #ccc ; 
  font-size:14px;
}


.list-thin-divide li.no-border{
	padding-bottom:0px;
  margin-bottom:0px;
  border-bottom: 0px solid #ccc	;	
}

.list-thin-divide.drk-lines li{
  padding-bottom:8px;
  margin-bottom:8px;
  border-bottom: 1px solid #3d4e5b	;	
}


.list-thinner-divide li{
  padding-bottom:4px;
  margin-bottom:4px;
  border-bottom: 1px solid #ccc	;	
}

ul.list-no-line{
  margin-left:0;
  padding-left:0;
  margin-bottom:0;
}

.list-no-line li{
  padding-bottom:8px;
  margin-bottom:8px;
}

/*.list-dot{
list-style-position: inside;
  padding: 0;
  border-left: solid 2px red;
}*/

ul.list-dot {
  list-style: none; /* Remove default bullets */
    padding-left: 1em;
}

ul.list-dot li{
  margin-bottom:10px;
}


ul.list-dot li::before {
  content: "\2219";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #1a59a8; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width:20px; /* Also needed for space (tweak if needed) */
  margin-left: -20px; /* Also needed for space (tweak if needed) */
 list-style-position: inside;

}


ul.dashed {
    list-style: none;
    margin-left: 0;
    padding-left: 1em;
}
ul.dashed > li:before {
    display: inline-block;
    content: "-";
    width: 1em;
    margin-left: 0em;
    color:#1a59a8;
}





/************************************** BOX STYLES *******************************/

.blue-trans-box{
  background-color: rgba(0,88,111, 0.9);  /* MIDNIGHT BLUE */	
  margin-top:40px;
  margin-bottom:40px;
  color:#fff;
  padding: 30px;
}


.white-trans-box{
  background-color: rgba(255,255,255, 0.88);	
  margin-top:40px;
  margin-bottom:40px;
}

.gray-trans-box{
  background-color: rgba(54,53,55, 0.88);   /* CHARCOAL */
  margin-top:40px;
  margin-bottom:40px;
  color:#fff;
  padding: 30px;
}


.primary-color-box{
  background-color:#0f1e3c;
  padding:60px 60px 40px 60px;
  color:#fff;
  position:relative;
  z-index:100;
}


.secondary-color-box{
  background-color:#1a59a8;
  padding:30px 40px;
  color:#fff;
  position:relative;
  z-index:100;
}




.gray-box{
  background-color:#ebeeef;
  padding:8px 15px;
  margin:0 0;
  font-size:12px;
}

.gray-box2{
  background-color:#ebeeef;
  padding:20px 30px;
}


.gray-box3{
  background-color:#363537;
  padding:20px 30px;
  color:#fff;
}

.gray-box4{
  background-color:#363537;
  padding:10px 15px;
}


.white-box{
  background-color:#fff;
  padding:10px 20px;
  margin:0 0;
/*  font-size:12px;*/
}

.white-box2{
  background-color:#fff;
  padding:10px 15px;
  margin:0 0 15px 0;
 font-size:13px;
}

.white-box3{
  background-color:#fff;
  padding:20px 30px;
}


.blue-box,
.blue-box2{
  background-color:#1a59a8;
  padding:20px 30px;
  color:#fff;
}

.flex-equal > * {
  -ms-flex: 1;
  flex: 1;
}


.overflow-hidden { overflow: hidden; }


.plan-box{
  border:1px solid #e7eaec;
  padding:32px 15px;
  margin-top: 12px;
}




.gradient-box1{
  background-size:100% auto ;   
  background-image:url(../images/bkgd/circulus-orange-bkgd.jpg);
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position:50% 50%;
  padding:30px;
  width:100%;
}


.location-box{
  margin-top:-90px;
}


.location-aerial1{
  margin-top:-110px;
}


.white-border-left{
padding-left:25px;
border-left:1px solid #fff;
}




/********************************* CONTENT TYPES *********************************/

.fact{
  padding:5px 0;
  margin-top:5px;
  border-bottom: 2px dotted #1a59a8;	
}

.callout{
  font-size:45px;
  line-height:50px;
    color:#0f1e3c;
/*  text-transform:uppercase;*/
    font-style: normal;
}


.callout-desc{
  font-size:13px;
  line-height:18px;
  text-transform:uppercase;
  letter-spacing:0.1em;
      font-variation-settings: "wght" 700;
      color:#e7eaeb;
}

.iconstat{
padding:20px;
/*margin:0 auto;
text-align:center;*/
}

.iconstat img{
  max-width:100px;
  padding-bottom:20px;
  margin:0 0;
/*margin:0 auto;
text-align:center;*/
display:block;
}


table.icontable td:first-child{
width:120px;
padding: 10px 24px 20px 0;
}



table.icontable2{
width:90%;
margin-bottom:40px;
margin-right:10%;
}


table.icontable2 td:first-child{
width:120px;
padding: 0px 40px 30px 0;
vertical-align:top;
}

table.icontable2 td{
vertical-align:top;
}



.text-right-d-left-m{
  text-align:right;
}

.center,
.center h1.home-head{
margin:0 auto;
text-align:center;
}


.center .divider-line{
  margin:0 auto;
  margin-top:20px;
  margin-bottom:20px;
}

.circle {
    border:1.5px solid #fff;    
    height:90px;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    width:90px;
}

table.drivetimes{
color:#fff;
margin:15px 0;
vertical-align:center;
}


table.drivetimes .lrg-h1{
color:#1a59a8;
text-align: center;
padding-top: 16px;
}

table.drivetimes .bold-intro{
color:#fff;
/*padding:5px 0;*/
}

table.drivetimes td:first-child{
padding-right:15px;
}

table.drivetimes.space{
margin:40px 0;
}

.floorplan{
padding:20px 40px;
background-color:#F3F6F7;
}



.quickfact-box{
background-color:none;
padding:24px 0;
/*border-top:1px solid #1a59a8; 
border-bottom:1px solid #1a59a8; */
text-align:left;
margin-bottom:24px;
position:relative;
}








/*** QUICKFACT2 ***/


.quickfact-box2{
background-color:none;
padding:0px;
border:1px solid #1a59a8; 
text-align:left;
margin-bottom:24px;
}

.quickfact-box2 h1{

color: #1a59a8;
padding:20px 10px 17px 10px;
border-bottom:1px solid #1a59a8;
margin-top:0;

}


.quickfact-box2 .border-bottom2{
padding:20px;
border-bottom:1px solid #1a59a8;
}

.quickfact-box2 p{
  padding:20px;
  text-align:left;
  margin-bottom:0;
}


.quickfact-box2.bold-intro{
  padding:20px;
}

.quickfact-box2.white-bkgd{
background-color:#fff;
line-height:20px;

}


.quickfact-box2 td:first-child{
  width:100px;
  padding-right:20px;
}

.quickfact-box2 h2{
margin:0;
line-height:24px;
color:#1a59a8;
padding-bottom:0;
}


.quickfact-box2 h4{
text-align:left;
}






.quickfact-box3{
background-color:none;
padding:15px;
border:1px solid #1a59a8;
text-align:center;
margin-bottom:24px;
}


.quickfact-box3 img{
  width:60px;
}


.quickfact-box3.bold-intro{
  padding:20px;
}


.quickfact-box3 td:first-child{
  width:80px;
  padding-right:20px;
}




.panel-group .panel{
margin-bottom:8.5px;	
}

.panel-default > .panel-heading{
color:#1a59a8;
}




.location-photo1{
  margin-top:-320px;
}

/************************************** ACCORDION STYLES *******************************/

.btn {
display: inline-block;
font-weight: 400;
color: #0f1e3c;
text-align: left;
vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 0.15rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-link {
font-weight: 400;
color: #0f1e3c;
text-decoration: none;
width:100%;
}



.btn-link:hover {
font-weight: 400;
color: #1a59a8;
text-decoration: none;
}

.card{
border: none;
}



.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color:#ebeeef;
border-bottom: none;
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
    border: 1px solid #ebeeef;
    /*font-size:0.9rem;*/
}

.width-95{
width: 95%;
}


.dropdown-toggle{
  float:right;
  width: 5%;
  text-align: right;
  vertical-align: middle;
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .3em;
    /*vertical-align: .255em;*/
    vertical-align: center;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.card{
background:none;
}

 .read-more .card-header{
      padding: 0rem;
    margin-bottom: 0;
    background-color:none;
border-bottom: none;
}

.read-more .card-header .dropdown-toggle::after {
    display: inline-block;
    margin-left: .3em;
    /*vertical-align: .255em;*/
    vertical-align: center;
    content: none;
}


.read-more .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0rem;
    border: none;
    /*font-size:0.9rem;*/
}

.read-more .btn {
padding: 0.375rem 0rem;
  }


/************************************** TABLE STYLES *******************************/


table.prop-details,
table.prop-details2{
width:100%;	
}

table.prop-details2{
margin-bottom:5px;
}

table.prop-details td,
table.prop-details2 td{
padding: 9px 0px;
vertical-align:top;
/*color:#fff;*/
/*font-size:14px;*/
}

table.prop-details.light td{
color:#fff;
}

table.prop-details td:first-child,
table.prop-details2 td:first-child{
/*font-weight:800;*/
  font-size:13px;
    line-height:18px;
  letter-spacing:1px;
  text-transform:uppercase;
padding-right:15px;
vertical-align:middle;
/*color:#0f1e3c;*/
font-weight: 600;
font-style: normal;
}


table.prop-details.light tr{
border-bottom: 1px solid #fff;	 
}


table.prop-details tr{
border-bottom: 1px solid #fff;	 /* was #ccc */
}

table.prop-details tr.last{
border-bottom: none;   /* was #ccc */
}

table.prop-details thead tr:first-child{
border-bottom:none;	
}

table.prop-details thead td{
font-weight: 600;
}


table.prop-details td.blue-row:last-child,
table.prop-details td.blue-row:first-child,
td.blue-row{
background-color: #01576e;
padding: 8px 12px;
margin:30px 0 10px 0;
text-align:left;
border-bottom:none;
color:#fff;
}


table.prop-details.no-header tr:first-child{
border-bottom: 1px solid #ccc;	
}


table.prop-details.no-header.light tr:first-child{
border-bottom: 1px solid #ccc;	 /* was #01576e */
}


table.prop-details.no-header td.blue-row:last-child,
table.prop-details.no-header td.blue-row:first-child,
td.blue-row{
background-color: none;
}








table.amenities td{
  padding:40px 0;
  border-bottom:1px solid #898989;
}


table.amenities td:first-child{
  width:130px;
  padding-right:40px;
}


table.amenities tr.no-border td{
  border-bottom:none;
}



/*ul.circle-dot li::before {
  content: 'o';
  font-size: 15px;
  color: #c7efca;
  line-height: 1.7;
  padding-right: 10px;
}
*/




ul.circle-dot,
ul.circle-dot-limoncello{
padding-left: 0.8rem;
margin-bottom:24px;
}

ul.circle-dot li,
ul.circle-dot-limoncello li{
padding-left: 12px;
padding-bottom:8px;
}



ul.circle-dot li::marker {
  content: 'o';
  color: #c7efca;
}

ul.circle-dot-limoncello li::marker {
  content: 'o';
  color: #1a59a8;
}




ul.circle-dot2,
ul.circle-dot-limoncello2 {

  padding-left: 2px;
  margin-bottom:24px;
}

ul.circle-dot2 li,
ul.circle-dot-limoncello2 li {
    position:relative;
  list-style: none;
  padding-left: 28px;
  padding-bottom:8px;
}

ul.circle-dot2 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border: 1.5px solid #c7efca;
}

ul.circle-dot-limoncello2 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border: 1.5px solid #1a59a8;
}







table.simple td,
table.simple td:first-child{
  text-decoration:none;
  font-weight:normal;
  padding:0 0;
  font-size:inherit;
  letter-spacing:0px;
  text-transform:none;
padding-right:15px;
}

table.simple tr {
    border-bottom: none;

}




table.simple2{
width:100%;
}

table.simple2 td{
   padding: 12px 10px 8px 0px;
  border-bottom:1px solid #ddd;
}

table.simple2 td:first-child{
color: #1a59a8;
margin-bottom: 20px;
font-size: 32px;
line-height: 32px;
margin-top: 0;

font-weight: 600;
font-style: normal;
text-transform: uppercase;
}

table.simple2.light td:first-child{
color: #fff;
}





table.simple-fact-table td{
padding:8px 0;
vertical-align:middle;
}

table.simple-fact-table td:first-child{
 color:#1a59a8;
  margin-bottom:0px;
  font-size:32px; 
  line-height:32px; 
  margin-top:0;

font-weight: 600;
font-style: normal;
  text-transform:uppercase;
  padding-right:15px;
}


table.simple-fact-table td:last-child{
font-weight:600;
  font-size:13px;
  letter-spacing:1px;
  text-transform:uppercase;
padding-right:15px;
}

table.simple-fact-table.white td:last-child{
color:#fff;
}


table.availabilities1,
table.availabilities2,
table.availabilities3,
table.availabilities4,
table.availabilities5,
table.availabilities6{
  width:100%;	
/*  font-size: 13px;*/
/*color:#fff;*/
}


table.availabilities1 thead{
  /*background-color: #ebeeef;  */
 /* font-size: 12px;
  line-height:14px;*/
  color:#1a59a8;
}



table.availabilities2 thead th,
table.availabilities3 thead
{
  font-weight:600;

color:#fff; /* 00526A */
font-size: 13px;
text-transform:uppercase;
vertical-align:top;
}

table.availabilities4 thead,
table.availabilities5 thead,
table.availabilities6 thead{
  /*background-color: #01576e; */ /* bright blue #97d1dc */	
  font-size: 13px;
  color:#fff;
  text-transform:uppercase;
}

table.availabilities1 th{
  padding: 8px 10px 8px 0px;
}

table.availabilities1 td,
table.availabilities1 tbody td{
  padding: 8px 10px 8px 0px;
  border-bottom:1px solid #1a59a8;
  vertical-align:middle;
}

table.availabilities1 tr:last-child td,
table.availabilities1 tr:last-child tbody td{
  padding: 8px 10px 8px 0px;
  border-bottom:none;
}






table.availabilities1 tr.totals td{
  font-weight:700;
  background-color: #ebeeef;  
}


table.availabilities2 td,
table.availabilities2 tbody td,
table.availabilities2 thead th,
table.availabilities3 td,
table.availabilities3 tbody td,
table.availabilities4 td,
table.availabilities4 tbody td,
table.availabilities5 td,
table.availabilities5 tbody td,
table.availabilities6 td,
table.availabilities6 tbody td{
  padding: 8px 10px;
}



table.availabilities1 tbody td:first-child{
  font-size:13px;
  letter-spacing:2px;
  text-transform:uppercase;
  line-height: 16px;

font-weight: 600;
font-style: normal;
}


table.availabilities1 tbody td:last-child{
padding-right:0;
}


table.availabilities1 tbody td.noborder{
border-bottom:none;
}


table.availabilities2 tbody td:first-child{
 font-weight:700;
  letter-spacing:1px;
  text-transform:uppercase;
  color:#1a59a8;
}





table.availabilities2 tbody tr:nth-child(odd),
table.availabilities3 tbody tr:nth-child(odd){
/*background-color:#eaeaea;*/
}

table.availabilities2 tbody tr,
table.availabilities3 tbody tr{
border-bottom: 1px solid #fff;
padding:15px 0;
}


.bordertop{
  border-top:1px solid #1a59a8;
  padding-bottom:10px;
  padding-top:15px;
  margin-top:10px;
  margin-left:-45px;
  width:100%;

}


/*tr.border-top{
  border-top: 2px solid #ccc;	
}
*/

tr.avail{
  background-color: #e0d9cd;
}

.text-right{
  text-align:right;	
}

.float-right-avail{
  float:right;
  margin-top:15px;	
}


table.simple1{
	width:100%;
}


table.simple1 thead{
background-color:#01576e;
color:#fff;
padding:5px;
}

table.simple1 tbody td{
background-color:#ebeeef;
	font-size:13px;
}

table.simple1 th{
font-weight:normal;
padding:10px 14px;
}

table.simple1 td{
padding:10px 14px;
background-color:#fff;	
}

table.simple1 td:first-child{
font-weight:700;	
}


table.simple1 td.border-left{
border-left: 4px solid #ebeeef;	
}








/************************************ MARGINS PADDING *******************************/

.marg-top-0{
  margin-top:0px;	
}


.marg-top-5{
  margin-top:5px; 
}

.marg-top-10{
  margin-top:10px;	
}

.marg-top-15{
  margin-top:15px;	
}

.marg-top-20{
  margin-top:20px;  
}

.marg-top-40{
  margin-top:40px;  
}

.marg-top-btm-60{
  margin:60px 0;  
}


.marg-top-60{
  margin-top:60px;	
}



.marg-top-24{
  margin-top:24px;

}


.marg-top-30{
  margin-top:30px;
}


.marg-top-35{
  margin-top:35px;
}


.marg-top-40{
  margin-top:40px;
}



.marg-top-300{
  margin-top:300px;  
}

.marg-top-100{
  margin-top:-90px;  
}



.marg-top-neg5{
  margin-top:-5px;  
}


.marg-top-neg10{
  margin-top:-10px;  
}


.marg-btm-24{
  margin-bottom:24px;
}

.marg-btm-20{
  margin-bottom:20px !important;
}

.marg-btm-15{
  margin-bottom:15px;
}


.marg-btm-30{
  margin-bottom:30px !important;
}

.marg-btm-40{
  margin-bottom:40px !important;
}

.marg-btm-50{
  margin-bottom:50px !important;
}


.marg-btm-60{
  margin-bottom:60px !important;
}


.marg-btm-120{
  margin-bottom:120px !important;
}

.marg-btm-200{
  margin-bottom:200px !important;
}


.marg-btm-0{
  margin-bottom:0px;
}


.marg-top-neg-10{
  margin-top:-10px !important;
}

.marg-top-neg-20{
  margin-top:-20px !important;
}

table.drivetimes.marg-btm-0{
  margin-bottom:0px;
}


.marg-btm-10{
  margin-bottom:10px;
}


.marg-btm-8{
  margin-bottom:8px;
}


.marg-btm-5{
  margin-bottom:5px;
}


.no-marg-pad{
  margin:0;
  padding:0;	
}

.marg-pad-btm-0{
  margin-bottom:0;
  padding-bottom:0;  
}


.pad-btm-0{
  padding-bottom:0 !important;  
}


.marg-top-bot-25{
  margin-top:25px;
  margin-bottom:25px;	
}


.marg-sides-60{
  margin:0 60px;
}



.marg-btm-120-m{
  margin-bottom:120px;
}



.marg-var30{
  margin-bottom:-30px;
}


.desktop-footer-space{
  height:750px;
}




/*************************************/

/*************************************/

/************************************* MEDIA QUERIES *****************************/

/*************************************/

/*************************************/


@media (min-width: 1599px) {




#home.alt{
  background: url(../images/hub-at-willows-main.jpg) 50% 30% no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height:1100px; 
  position:relative;
}




/*#home h2{
font-size: 36px;
  line-height: 42px;
  margin-bottom:50px !important;
}*/


#section0{
min-height:1300px;
}

.marg-top-100{
  margin-top:-110px;  
}

video#bgvid { 
    min-width: 100%;
    min-height: 100%;
    width: 150%; /* was 150% */
    height: auto;
}

  .logo-tagline{
/*  margin:0 auto;
  padding: 100px 30px;
  position:relative; 
  max-width:1000px; 
  text-align:left;*/
}


/*.logo-tagline.alt{
  padding-top:80px;
}*/


.logo-tagline img.main-logo{
max-width:400px;
padding-bottom:40px;

}


/*.intro-p{
  font-size:32px; 
  line-height: 40px;
}*/

  section{
  padding: 100px 0;
}
  
/*#section4{  
  margin-top:-220px;
}*/


.location-blurb{
    margin-top:-60px;
    margin-bottom:50px;
}


.vert-line{
  height: 725px;
  margin-top: -160px;
}


.vert-line2{
  height: 855px;
  margin-top: -160px;
}


.gradient-box1{
  padding:50px;
}



.carousel-inner{
  min-height:300px;
}

.carousel-item {
  height: 300px;
}


.img-extend-right {
  margin-right:-250px; 
  margin-top:-40px;
  margin-bottom:-40px;

}

.img-extend-left {
  margin-left:-250px; 
  margin-top:-40px;
  margin-bottom:-40px;

}


.display-mobile{
  display:none;  
}


.display-desktop{
  display:block; 
}



.display-mobile-alt{
  display:none;  
}


.display-desktop-alt{
  display:none; 
}
.display-desktop-xl{
  display:block;  
}





}


/*************************************/

/*************************************/


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

.img-extend-right {
  margin-right:-140px; 
  margin-top:-40px;
  margin-bottom:-40px;
 margin-left:-40px;
}


.img-extend-left {
  margin-left:-140px; 
  margin-top:-40px;
  margin-bottom:-40px;
 margin-right:-40px;
}


#home.alt{
  min-height:1000px; 
}


section.extra-pad{
  padding: 100px 0;
}

section.extra-pad.extend{
  padding: 170px 0; 
}


.marg-top-100{
  margin-top:-90px;  
}

/*#section4{  
  margin-top:-170px;
}*/


.location-blurb{
    margin-top:-40px;
    margin-bottom:30px;
}


/*.logo-tagline.alt{
  padding-top:80px;
}*/
.logo-tagline img.main-logo{
max-width:400px;
/*padding-bottom:40px;*/

}

}


/*************************************/

/*************************************/



@media (min-width: 1200px) and (max-width: 1399px) {

/*#home{
    min-height:850px;  
}*/

.img-extend-right {
  margin-right:-140px; 
  margin-top:-40px;
  margin-bottom:-40px;
 margin-left:-60px;
}


.img-extend-left {
  margin-left:-140px; 
  margin-top:-40px;
  margin-bottom:-40px;
 margin-right:-60px;
}



section.extra-pad{
  padding: 80px 0;
}

section.extra-pad.extend{
  padding: 110px 0; 
}





/*#section4{  
  margin-top:-140px;
}*/


.pad-right-col{
padding-right:40px;
}


.rendering1{
margin-right:-120px;
padding-top: 40px;
}



.logo-tagline img{
max-width:600px;
/*padding-bottom:40px;*/

}




}

/*************************************/

/*************************************/



@media (min-width: 1200px) {

.f-item{
  padding:20px 30px;

}



}



/*************************************/

/*************************************/



@media (max-width: 1199px) {

  .f-item{
  width: 50%;
}

.f-item.last-m{
  border-right:none; 
  }

.f-item.btm-border-m{
  border-bottom:1px solid #fff; 
  }

  h1.home-head{
  font-size:40px; 
  line-height:40px;
}


.img-extend-right {
  margin-right:-100px; 
  margin-top:0px;
  margin-bottom:0px;
}


.img-extend-left {
  margin-left:-100px; 
  margin-top:0px;
  margin-bottom:0px;
}


.carousel-inner{
  min-height:400px;
}

.carousel-item {
  height: 400px;
}

.cars-per-day{
  max-width:180px;
}




/*#home{

    background:url(../images/legacy-main.jpg) 50% 0 no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height:750px;
}
*/




}



/*************************************/

/*************************************/



@media (min-width: 992px) and (max-width: 1199px) {


.img-extend-right {
  margin-right:-100px; 
  margin-top:0;
  margin-bottom:0;
 margin-left:-60px;
}

.img-extend-left {
  margin-left:-100px; 
  margin-top:0;
  margin-bottom:0;
 margin-right:-60px;
}


section.extra-pad{
  padding: 75px 0;
}


section.extra-pad.extend{
  padding: 100px 0; 
}


.pad-right-col{
padding-right:25px;
}


.carousel-inner{
  min-height:450px;
}

.carousel-item {
  height:450px;
}



.rendering1{
margin-right: -220px;
    padding-top: 60px;
}



.logo-tagline img{
max-width:550px;

}




}


/*************************************/

/*************************************/



@media (max-width: 991px) {

  
  img.contact-logo{
  width:170px;	
  float:none;
  margin-top:0px;
}


  img.contact-logo-alt{
  width:170px;  
}


img.contact-logo2{
  width:180px;  
  max-width:100%;
  float:left;
}

span.responsive-break{
	display:inline;
}


.text-right-d-left-m{
  text-align:left;
  margin-top:30px;
}


.right-d{
 width:100%;
 height:auto;
}

.right-d .divider-line{
  float:none;
}

.marg-btm-24-mm{
  margin-bottom:24px !important;
}

.marg-btm-40-mm{
  margin-bottom:40px;
}

.marg-btm-10m{
  margin-bottom:10px !important;
}



video#bgvid { 
    position: fixed;
    top:40%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
}


.pad-right-col{
padding-right:0px;
}

.rendering1{
  overflow: hidden; 
  position: relative; 
  right: auto; 
  max-width: 700px; 
}

.mapheight2{
  height:600px;
  margin: 0 -30px;
}



.brand-logo{
  max-width:90%;
}  
}


/*************************************/

/*************************************/


@media (min-width: 768px) and (max-width: 991px) {

.gallery2 img,
.gallery5 img{
  float:left;
  width:49%;
  margin: 0.5%;	
}


.gallery-two-col img{
  float:left;
  width:49%;
  margin: 0.5%;	
}






#home-alt{
  min-height:650px;
}

.vert-line,
.vert-line2{
margin-left: -30px;
}



.inner-section-pad{
  padding:40px 30px  40px  30px;
}



.img-extend-right {
  margin-right:0px; 
  margin-top:0px;
  margin-bottom:0px;
}

.img-extend-left {
  margin-left:0px; 
  margin-top:0px;
  margin-bottom:0px;
}

.carousel-inner{
  min-height:500px;
}

.carousel-item {
  height: 500px;
}



}


/*************************************/

/*************************************/



@media (min-width: 768px) {

  
  .flex-md-equal > * {
    -ms-flex: 1;
    flex: 1;
}


.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0rem;
    padding-left: 0rem;
}


}





/*************************************/

/*************************************/



@media (max-width: 767px) {

  body{
    font-size:15px;	
    line-height:22px;
  }




h1{
  font-size:36px; 
  line-height:38px;
}



h2 {
  font-size:20px; 
  line-height:23px;
}


h3{
  font-size: 17px; 
  line-height:22px;
}

h4{
  font-size:16px;
  line-height: 20px;

}




#home h1{
font-size: 50px;
  line-height: 50px;
  margin-top:20px;
/*  margin-bottom:40px !important;*/
}


#home h2{
font-size: 22px;
    line-height: 28px;
}



#home .bold-intro{
font-size: 22px;
  line-height: 22px;
}


.bold-intro{
font-size:14px;
 line-height: 20px;
}



.callout{
  font-size:45px;
  line-height:45px;

}

.indent-left{
  margin-left:20px;
}


.img-extend-right {
  margin-right:0px; 
  margin-top:0px;
  margin-bottom:0px;
}

.img-extend-left {
  margin-left:0px; 
  margin-top:0px;
  margin-bottom:0px;
}



.location-blurb{
    margin-top:0px;
    margin-bottom:20px;
}


.marg-top-btm-60{
  margin:30px 0;
}

.desktop-footer-space{
  height:0px;
}



hr.limoncello{
/*  border-top-color: #1a59a8; */
  margin-top:40px;
  margin-bottom:40px;

}


.text-center-m{
  text-align:center;
}

img.contact-logo{
  width:170px;	
    /*float:left;*/
}


.footer-logo{
  max-width:200px;
}



.mapheight{
  height:600px;
}



.img-expand150{
  max-width:100%;
}


span.break-mobile{
  display:block;
}



.marg-var30{
  margin-bottom:0px;
}

video#bgvid { 
    position: fixed;
    top:50%;
    left: 50%;
    min-width: auto;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
}


.navbar{
  padding:0.5rem 1rem;
}


.navbar-nav .nav-link{
		margin:0.4rem 0rem;
}

.navbar-nav{
padding:10px;
background-color:#1a59a8;
}

.list-thick-divide li{
  padding-bottom:10px;
  margin-bottom:10px;
}

.list-thin-divide li{
  padding-bottom:6px;
  margin-bottom:6px;
}

.list-thin-divide.small li{
  padding-bottom:6px;
  margin-bottom:6px;
  font-size:12px;
}

.list-thinner-divide li{
  padding-bottom:3px;
  margin-bottom:3px;
}



.primary-color-box,
.secondary-color-box{
  padding:35px;
}


.map1{
  overflow: hidden; 
  position: relative; 
  max-width: 600px; 
  margin-top: 0px;   
  margin-bottom: 0px;
}



.map2{
  margin-top:-30px;
}

.location-box{
  margin-top:0px;
}

.location-aerial1{
  margin-top:-40px;
}


.iconstat{
padding:0px;
}




.intro-p{
  margin-bottom:24px;
  font-size:32px; 
  line-height: 38px;
  margin-top:0;
  color:#fff;
}


.logo-tagline{
  padding: 120px 7% 120px 7%;
  width:86%;
}


.logo-tagline{
  
  /*padding: 70px 30px;
  position:relative; 
  text-align:center;
  margin:0 auto;
  padding-top:250px;
  width:500px;*/
}

.logo-tagline img{
max-width:96%;
padding-bottom:20px;
/*margin-bottom:60px;*/
}


.logo-tagline.alt{
        padding: 40px 5% 40px 5%;
        width: 90%;
}



.quickfact-box{
padding:5px 0 5px 0;
border-bottom:none; 
margin-bottom:24px;
}



.inner-section-pad{
  padding:40px 30px  40px  30px;
}


.inner-section-pad3{
  padding:40px 0;
}



.diamond-divider1{
  position:absolute;
  bottom:-79px;
  z-index: 900;
  left: 50%;
margin-left: -80px;
}



.diamond-divider2{
  position: absolute;
  top: -110px;
  z-index: 900;
  left: 0%;
  max-width:220px;
}



.diamond-divider3{
  position: absolute;
  bottom: -57px;
  z-index: 900;
  right: 0%;
}

.diamond-divider3 img{
max-width:220px;
}



.diamond-divider4{
  position:absolute;
  top:0px;
  z-index: 900;
  right:0px;
    left: auto;
  max-width:220px;
}


.diamond-divider5{
  position:absolute;
bottom:-62px;
  z-index: 900;
  right:0;

  max-width:250px;
}







.outline-btn,
.solid-btn{
  /*height:46px;*/
}





table.icontable2{
width:100%;
margin-bottom:40px;
margin-right:0%;
}


table.icontable2 td:first-child{
width:120px;
padding: 0px 40px 15px 0;
vertical-align:top;
}

table.icontable2 td{
display:block;
}







.carousel-inner{
  min-height:400px;
}

.carousel-item {
  height: 400px;
}



/* Bottom left text */
figure.img-caption2 figcaption {

  top:30px;
  left:30px;
}

.mobile-pad{
  padding:0px 18px;
}

.nox-pad-m{
  padding-left:0;
  padding-right:0;
}

.blue-box{
  padding:40px 35px;
}

.blue-box2{
  /*padding:40px 15px;*/
}


.marg-sides-60{
  margin:0px 0px 24px 0px;
}




.marg-top-300{
  margin-top:0px;  
}

.marg-top-100{
  margin-top:0px;  
}


.marg-btm-200{
  margin-bottom:0px ;
}




.location-photo1{
  margin-top:0px;
}



.bldg-right-marg{
  margin-right: -80px;
  overflow:hidden;
}


.bldg-left-marg{
  margin-right: -80px;
  overflow:hidden;
}


.site-plan{
  margin-right: -80px;
  overflow:hidden;
}



.floorplan{
padding:0 0;
background-color:#fff;
}

section{
  padding:50px 0;	
}

#home{
  background:url(../images/carson-bldg-main-sm.jpg) 50% 0 no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /*background-image:none;*/
  /*background-size:100% auto;*/
  min-height:650px;
  background-color:#1a59a8;
}


#home.alt{
  background-image:url(../images/hub-at-willows-main-sm.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;  
  position:relative;
  min-height:750px;
}





#home-alt{
/*background-color:#1a59a8;*/
  min-height:400px;
}



.main-img-logo{
margin-top:0;	
margin-right:0px;
width:100%;
}



/*#section1,
#section1-1{
background:url(../images/bkgd/hub-at-willows-gradient1-thin2.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position:relative;
}
*/



/*#section1-1{
  background:#c7efca;
}*/

/*section#section1-1{
  padding:50px 0px;
  margin-top:0px;
}*/


#section1-1-1{
  background:#762100;
/*  background:url(../images/bkgd/troy-red-pattern-bkgd.png) bottom center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position:relative;*/
}
section#section1-1-1{
  /*padding:50px 0px;
  margin-top:0px;*/
}



body.bldg section#section1{
  padding:50px 0; 
}


section#section2{
/*padding: 50px 0;*/
}


#section2{

  background: #0f1e3c;

}

.font-white-m{
  color:#fff !important;
}

#section2{
/*    background-size:100% auto ;  
  background:url(../images/bkgd/dark-blue-bkgd1-sm2.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
 
}




#section2-1{
  background-size: 50% auto;  
  background-image:url(../images/bkgd/troy-ice-blue-shape-sm.png);
  background-repeat: no-repeat;
/*  background-attachment: fixed;*/
  background-position: right bottom;  
}





#section3-1{	
  background:#1a59a8;
  min-height:100px;
}




/*#section3{
  background: #e7eaeb ;
}*/


#section4{  
  min-height:450px;
}


#section0{
min-height:1300px;
}

section#section3{
  /*background-image:none;*/
/*    background-image:url(../images/bkgd/triangles7-1.png);
  background-repeat: no-repeat;
  background-position: 100% 14%; 
  background-size: auto auto;  */
}


#section5{
  background:#757038;
  background-size: 100% auto;  
  background-image:url(../images/bkgd/troy-side-pattern-hazelnut-sm.png);
  background-repeat: no-repeat;
  background-position: left bottom; 
    padding-bottom:220px;
}




#section5-1{
  background:#0f1e3c;
  background:url(../images/photos/soho-house-rendering2-sm.jpg) top left no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position:relative;
  min-height:720px;
}


#footer{
  background:url(../images/bkgd/hub-at-willows-footer-sm2.jpg) top center no-repeat;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position:relative;
  min-height:900px;
}







section.extra-pad{
  padding: 40px 0; /* was 100-50 */
}

section.extra-pad.extend{
  padding-top: 50px 0; 
}



table.contact-info td{
display:block;
}



.max250-m{
  max-width:250px;
}


.vert-line,
.vert-line2{
 display:none;
}


.white-trans-box{
padding:15px;
margin-bottom:0;	
margin-top:0;	
}

.lrg-quote{
  font-size: 30px;
  line-height:34px;	
}

.lrg-quote2{
  font-size: 23px;
  line-height:27px; 
  padding-bottom:0;
  margin-bottom:0;
}


h1.home-head{
  margin-top:0px;
}



.five-col{
	width:50%;
	float:left;	
	padding:15px;
}




.display-mobile{
  display:block;	
}

.display-mobile.soft{
  display:inline-block;  
}

.display-desktop{
  display:none;	
}


.display-mobile-alt{
  display:block;  
}


.display-desktop-alt{
  display:none; 
}

.display-desktop-xl{
  display:none;  
}

.gallery2 img,
.gallery5 img{
  float:left;
  width:100%;
  margin: 1% 0;	
}


.gallery-two-col img{
  float:left;
  width:100%;
  margin: 1% 0;	
}

.gallery3{
  margin:0 0 0 0;
}


.gallery3 div{
 -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto; 
  width: 100%; 
  margin: 8px 0 0 0;   

}




.gallery4{
/*  margin:0 0 0 0;*/
}


.gallery4 div{
 -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto; 
  width: 100%; 
/*  margin: 0px 0 0 0;   */

}




.large-p{
  font-size:20px; 
  line-height:25px;
}


.gallery img{
  float:left;
  width:50%;
}


table.drivetimes .circle {
    border:none;    
    height:50px;
    width:45px;
    border-radius:0%;
    -moz-border-radius:0%;
    -webkit-border-radius:0%;
    
}

table.drivetimes .lrg-h1{
text-align: left;
padding-top: 0px;
}














/********************* table styles ***************/
/* Force table to not be like tables anymore */


table.availabilities2 table, 
table.availabilities2 thead, 
table.availabilities2 tbody, 
table.availabilities2 th, 
table.availabilities2 td, 
table.availabilities2 tr,

table.availabilities3 table, 
table.availabilities3 thead, 
table.availabilities3 tbody, 
table.availabilities3 th, 
table.availabilities3 td, 
table.availabilities3 tr,

table.availabilities4 table, 
table.availabilities4 thead, 
table.availabilities4 tbody, 
table.availabilities4 th, 
table.availabilities4 td, 
table.availabilities4 tr,

table.availabilities5 table, 
table.availabilities5 thead, 
table.availabilities5 tbody, 
table.availabilities5 th, 
table.availabilities5 td, 
table.availabilities5 tr,

table.availabilities6 table, 
table.availabilities6 thead, 
table.availabilities6 tbody, 
table.availabilities6 th, 
table.availabilities6 td, 
table.availabilities6 tr{ 
  display: block; 
}

/* Hide table headers (but not display: none;, for accessibility) */
table.availabilities2 thead tr,
table.availabilities3 thead tr,
table.availabilities4 thead tr,
table.availabilities5 thead tr,
table.availabilities6 thead tr { 
  position: absolute;
  top: -9999px;
  left: -9999px;
}




table.availabilities2 tr,
table.availabilities4 tr,
table.availabilities5 tr,
table.availabilities6 tr { 
  border-bottom: 1px solid #fff;
  padding-bottom:10px;
}



table.availabilities2 tbody td,
table.availabilities3 tbody td,
table.availabilities4 tbody td,
table.availabilities5 tbody td,
table.availabilities6 tbody td { 
  /* Behave  like a "row" */
  border: none;
  position: relative;
  padding-left: 50%; 
  padding-top:10px;
}



table.availabilities2 tbody td{ 
  /* Behave  like a "row" */
  padding-left: 35%; 
}



table.availabilities2 tbody tr.leased{
display:none;
}



table.availabilities2 td:before,
table.availabilities3 td:before,
table.availabilities4 td:before,
table.availabilities5 td:before,
table.availabilities6 td:before { 
  /* Now like a table header */
  position: absolute;
  /* Top/left values mimic padding */
  top: 6px;
  left: 6px;
  width: 50%; 
  padding-right: 10px; 
  white-space: nowrap;
}




table.availabilities2 td,
table.availabilities2 tbody td {
 /* padding: 20px 10px;*/
}




table.availabilities1 tr.border-mobile td,
table.availabilities1 tr.border-mobile tbody td{
  padding: 8px 10px 8px 0px;
  border-bottom:1px solid #1a59a8 !important;
}


/*Label the data*/
table.availabilities2 td:nth-of-type(1):before { content: "Building"; }
table.availabilities2 td:nth-of-type(2):before { content: "Address"; }
table.availabilities2 td:nth-of-type(3):before { content: "Available"; }
table.availabilities2 td:nth-of-type(4):before { content: ""; }


table.availabilities2 td:before { padding:5px 10px 0 0px; }

table.availabilities3 td:nth-of-type(1):before { content: "Building"; }
table.availabilities3 td:nth-of-type(2):before { content: "Address"; }
table.availabilities3 td:nth-of-type(3):before { content: "Available"; }
table.availabilities3 td:nth-of-type(3):before { content: ""; }


table.availabilities3 td:before { padding:5px 10px 0 10px; }


table.availabilities4 td:nth-of-type(1):before { content: "Suite"; }
table.availabilities4 td:nth-of-type(2):before { content: "Tenant/Availability"; }
table.availabilities4 td:nth-of-type(3):before { content: "SF"; }


table.availabilities4 td:before { padding:5px 10px 0 10px; }



table.availabilities5 td:nth-of-type(1):before { content: "ADDRESS"; }
table.availabilities5 td:nth-of-type(2):before { content: "SUITE"; }
table.availabilities5 td:nth-of-type(3):before { content: "TOTAL SF"; }
table.availabilities5 td:nth-of-type(4):before { content: "ASKING LEASE RATE PSF (MONTHLY)"; }
table.availabilities5 td:nth-of-type(5):before { content: "ASKING SALE PRICE"; }
table.availabilities5 td:nth-of-type(6):before { content: "AVAILABLE DATE"; }
table.availabilities5 td:nth-of-type(7):before { content: "FLOOR PLAN"; }

table.availabilities5 td:before { padding:5px 10px 0 10px; }

table.availabilities6 td:nth-of-type(1):before { content: "TOTAL SF"; }
table.availabilities6 td:nth-of-type(2):before { content: "LEASE RATE"; }
table.availabilities6 td:nth-of-type(3):before { content: "SALES PRICE"; }

table.availabilities6 td:before { padding:5px 10px 0 10px; }




}



/*************************************/

/*************************************/




@media (min-width: 451px) and (max-width: 767px) {





  

}



/*************************************/

/*************************************/




@media (max-width: 450px) {


/*#home{

    background:url(../images/carson-bldg-main2-sm.jpg) 50% 0 no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height:800px;
}*/

/*.logo-tagline{
padding: 200px 8% 10px 8%;
width: 84%;
}
*/

/*.logo-tagline.alt{
  padding: 80px 5% 40px 5%;
  width:90%;
}*/

  .five-col{
    width:100%;
    float:left; 
    padding:15px;
  } 

.logo-main-font{
font-size:30px;
line-height:30px;
}

.anchor{	
  padding-top:80px; 
  margin-top:-80px; 
}

.gallery img{
  float:left;
  width:100%;
}

.green-btn,
.blue-btn,
.orange-btn{
  display: block;	
}

.gallery4 img{
  float:left;
  width:100%;
}





}


/* =============================================================================
   THE KENNEY — Brand Overrides & Custom Styles
   Appended to kmstyle.css
   Colors: brick #7D3B2F | accent/bronze #B07A5A | olive #5C6145
           dark brown #2C2218 | cream #F5EFE8
   Fonts:  Marlide Display Variable — headings, stats, pull quotes
           Arboria — body, labels, nav
   ============================================================================= */


/* --- Adobe Fonts: Arboria + Marlide in same kit --- */
/* @import is handled via <link> in index.html (kit: afw0sdi) */


/* -----------------------------------------------------------------------------
   CSS CUSTOM PROPERTIES (Kenney palette)
   ----------------------------------------------------------------------------- */

:root {
  --kn-primary:  #7D3B2F;   /* brick red */
  --kn-accent:   #B07A5A;   /* warm bronze */
  --kn-olive:    #5C6145;   /* muted olive */
  --kn-dark:     #2C2218;   /* near-black warm brown */
  --kn-cream:    #F5EFE8;   /* warm off-white */
  --kn-cream-dk: #EDE5D8;   /* slightly darker cream for borders */
}


/* -----------------------------------------------------------------------------
   GLOBAL TYPE RESET — Kenney project
   ----------------------------------------------------------------------------- */

body {
  font-family: "arboria", sans-serif;
  font-weight: 400; /* Arboria Book */
  font-style: normal;
  font-size: 21px;
  line-height: 34px;
  color: var(--kn-dark);
}

/* H1 — Marlide Light caps, added letter-spacing */
h1 {
  font-family: "marlide-display-variable", sans-serif;
  font-variation-settings: "wght" 300;
  font-size: 90px;
  line-height: 92px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--kn-dark);
  margin-bottom: 0;
}

/* H2 — Marlide Light, NO extra letter-spacing (per brief) */
h2 {
  font-family: "marlide-display-variable", sans-serif;
  font-variation-settings: "wght" 300;
  font-size: 60px;
  line-height: 64px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: var(--kn-dark);
}

/* H3 — Arboria Medium caps (section eyebrow labels) — unified label scale */
h3 {
  font-family: "arboria", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 13px;
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: var(--kn-accent);
  margin-bottom: 16px;
}

/* H4 — same scale as H3; used for sub-labels within sections */
h4 {
  font-family: "arboria", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 13px;
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: var(--kn-accent);
}

/* Body paragraph — single consistent body text size site-wide */
p {
  font-family: "arboria", sans-serif;
  font-weight: 400;
  font-size: 19px;
  line-height: 28px;
  color: var(--kn-dark);
}

/* .kn-body — alias kept for legacy markup; identical to p */
.kn-body {
  font-family: "arboria", sans-serif;
  font-weight: 400;
  font-size: 19px;
  line-height: 28px;
  color: var(--kn-dark);
}

/* White text on dark/colored backgrounds */
p.white,
.kn-body.white {
  color: rgba(255, 255, 255, 0.88) !important;
}

/* White text utility — repoints color to white */
.white,
p.white,
h1.white,
h2.white,
h3.white,
h4.white,
a.white,
.white h1,
.white h2,
.white h3,
.white h4,
.white p {
  color: #fff !important;
}


/* -----------------------------------------------------------------------------
   SIDENAV — Kenney overrides (drawer already anchored right in base CSS)
   ----------------------------------------------------------------------------- */

.sidenav {
  background-color: var(--kn-dark);
  padding-top: 60px;
}

/* Nav links — 19px per brief */
.sidenav a,
.sidenav a:link {
  font-family: "arboria", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 19px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #fff !important;
  padding: 10px 10px 10px 32px;
  margin-top: 8px;
  margin-bottom: 8px;
}

.sidenav a:hover,
.sidenav a:active {
  color: var(--kn-accent) !important;
}

/* Close button */
.sidenav a.closebtn {
  font-size: 36px;
  color: var(--kn-accent) !important;
  padding-top: 5px;
}


/* -----------------------------------------------------------------------------
   HERO (#home)
   ----------------------------------------------------------------------------- */

/* Override base #home and #home.alt background images */
#home,
#home.alt {
  background: url('../images/photos/kenney-hero2.jpg') 50% 40% no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 130vh;  /* more photo visible */
  position: relative;
  display: flex;
  align-items: flex-start;
}

/* Dark gradient overlay */
#home::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(44, 34, 24, 0.45) 0%,
    rgba(44, 34, 24, 0.05) 20%,
    rgba(44, 34, 24, 0.35) 100%
  );
  pointer-events: none;
}

/* Inner content wrapper — top-left, reduced top padding, narrower max-width */
.kn-hero-inner {
  position: relative;
  z-index: 10;
  padding: 48px 60px 60px 60px;
  width: 100%;
  max-width: 780px;
}

/* Scroll-down arrow — fixed to viewport bottom so always visible in hero */
.kn-scroll-arrow {
  position: fixed;
  bottom: 32px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 200;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  opacity: 0.75;
  transition: opacity 0.2s ease;
}

.kn-scroll-arrow:hover {
  opacity: 1;
}

/* Animated chevron */
.kn-scroll-arrow svg {
  display: block;
  animation: kn-bounce 1.8s ease-in-out infinite;
}

@keyframes kn-bounce {
  0%, 100% { transform: translateY(0);   }
  50%       { transform: translateY(8px); }
}

/* Property logo image */
.kn-hero-logo {
  max-width: 520px;
  width: 100%;
  margin-bottom: 32px;
  display: block;
}

/* Tagline — Marlide Light italic, white, 40px */
.kn-hero-tagline {
  font-family: "marlide-display-variable", sans-serif;
  font-variation-settings: "wght" 300;
  font-style: italic;
  font-size: 40px;
  line-height: 45px;
  letter-spacing: 0.02em;
  color: rgba(255, 255, 255, 0.92);
  margin-bottom: 44px;
}

/* Stat row */
.kn-stat-row {
  display: flex;
  flex-wrap: wrap;
  gap: 44px;
  margin-bottom: 44px;
}

/* Individual stat block */
.kn-stat {
  border-left: 2px solid var(--kn-accent);
  padding-left: 18px;
}

/* Stat number — Marlide Regular, letter-spacing added */
.kn-stat-num {
  font-family: "marlide-display-variable", sans-serif;
  font-variation-settings: "wght" 400;
  font-size: 62px;
  line-height: 1;
  letter-spacing: 0.03em;
  color: #fff;
  display: block;
}

/* Stat label — Arboria Medium, white, unified label size */
.kn-stat-label {
  font-family: "arboria", sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #fff;
  display: block;
  margin-top: 6px;
}

/* Coming soon notice — splash page only */
.kn-coming-soon {
  font-family: "arboria", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 28px;
}

/* Register button — olive green per brief */
.kn-btn-register {
  display: inline-block;
  padding: 15px 40px;
  background: var(--kn-olive);
  color: #fff !important;
  font-family: "arboria", sans-serif;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid var(--kn-olive);
  transition: background 0.25s ease, border-color 0.25s ease;
}

.kn-btn-register:hover {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.6);
  color: #fff !important;
  text-decoration: none;
}

/* Menu trigger button — three-line hamburger icon, lines only */
.kn-menu-btn {
  position: fixed;
  top: 24px;
  right: 24px;
  z-index: 1000;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  row-gap: 6px;        /* even spacing between all three lines */
  padding: 12px 14px;
  background: rgba(44, 34, 24, 0.72);
  border: 1px solid rgba(176, 122, 90, 0.5);
  transition: background 0.2s ease, border-color 0.2s ease;
  line-height: 0;      /* prevents font line-height from adding space between spans */
  font-size: 0;        /* belt-and-suspenders: kills any inherited text spacing */
}

.kn-menu-btn:hover {
  background: var(--kn-primary);
  border-color: var(--kn-primary);
}

/* Three hamburger lines */
.kn-menu-btn span {
  display: block;
  background: #fff;
  height: 2px;
  transition: width 0.2s ease;
  flex-shrink: 0;
}

.kn-menu-btn span:nth-child(1) { width: 24px; }
.kn-menu-btn span:nth-child(2) { width: 16px; }
.kn-menu-btn span:nth-child(3) { width: 24px; }

.kn-menu-btn:hover span { width: 24px; }


/* -----------------------------------------------------------------------------
   SHARED SECTION PATTERNS
   ----------------------------------------------------------------------------- */

/* Section anchor offset — positive padding only; negative margin removed to prevent
   sections from overlapping preceding elements like the photo band */
.anchor {
  padding-top: 0;
  margin-top: 0;
  display: block;
}
.kn-eyebrow {
  font-family: "arboria", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--kn-accent);
  display: block;
  margin-bottom: 14px;
}

/* Accent rule below section title */
.kn-rule {
  width: 48px;
  height: 2px;
  background: var(--kn-accent);
  display: block;
  margin: 18px 0 28px 0;
}



/* -----------------------------------------------------------------------------
   SECTION BACKGROUNDS
   ----------------------------------------------------------------------------- */

/* Section backgrounds — now set via background shorthand in overlay block below,
   which layers the arc image over the solid color in one declaration.
   These stubs are kept as comments for reference. */
/* #kn-overview    → var(--kn-dark)     + bkgd1-2 right */
/* #kn-highlights  → var(--kn-cream)    + bkgd1-1 right */
/* #kn-location    → var(--kn-olive)    + bkgd5-1 right */
/* #kn-diligence   → var(--kn-cream-dk) + bkgd5-1 left  */
/* #footer         → var(--kn-dark)     + bkgd1-1 right  */

/* Highlights section — position:relative establishes stacking context above photo band */
/* Highlights — position/z-index/padding preserved; background now via shorthand in overlay block */
#kn-highlights {
  position: relative;
  z-index: 2;
  padding-top: 90px;
}

/* Details — primary brick (no arc image; ::after pseudo handles it) */
#kn-details {
  background-color: var(--kn-primary);
}

/* Gallery section — white bg, zero padding, explicit height for Slick */
#kn-gallery {
  background-color: #fff;
  padding: 0 !important;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

/* Slick container needs explicit height so images render */
#kn-gallery .slick-gallery {
  height: 380px;
  overflow: hidden;
}

/* Location/Diligence/Footer — background now via shorthand in overlay block below */



/* -----------------------------------------------------------------------------
   OVERVIEW SECTION
   ----------------------------------------------------------------------------- */

/* Italic pull quote with accent left border — Marlide italic */
.kn-pull-quote {
  font-family: "marlide-display-variable", sans-serif;
  font-variation-settings: "wght" 300;
  font-style: italic;
  font-size: 30px;
  line-height: 42px;
  letter-spacing: 0.03em;
  color: var(--kn-cream);
  border-left: 2px solid var(--kn-accent);
  padding-left: 24px;
  margin: 48px 0;
}

/* Dark variant — for use on cream/light section backgrounds */
.kn-pull-quote--dark {
  color: var(--kn-primary);
}

/* Multifamily conversion callout block inside details section */
.kn-conversion-block {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  margin-top: 56px;
  padding-top: 48px;
}


/* -----------------------------------------------------------------------------
   PHOTO BAND (full-width 3-column grid between sections)
   ----------------------------------------------------------------------------- */

.kn-photo-band {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: 4px;
  height: 460px;
  position: relative;   /* establishes stacking context */
  z-index: 1;
  clear: both;
}

.kn-photo-band img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}


/* -----------------------------------------------------------------------------
   HIGHLIGHTS SECTION
   ----------------------------------------------------------------------------- */

/* Numbered highlight item */
.kn-highlight {
  padding: 26px 0;
  border-bottom: 1px solid rgba(125, 59, 47, 0.2);
}

.kn-highlight:first-of-type {
  border-top: 1px solid rgba(125, 59, 47, 0.2);
}

/* Number label — unified 13px label scale */
.kn-highlight-num {
  font-family: "arboria", sans-serif;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--kn-accent);
  display: block;
  margin-bottom: 6px;
}

/* Highlight body text — matches global body text */
.kn-highlight p {
  font-size: 19px;
  line-height: 28px;
  color: var(--kn-dark);
  margin: 0;
}

.kn-highlight p strong {
  font-weight: 500;
}


/* -----------------------------------------------------------------------------
   PROPERTY DETAILS GRID
   ----------------------------------------------------------------------------- */

.kn-detail-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.kn-detail-cell {
  padding: 28px 24px 28px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

/* Detail label — unified 13px label scale */
.kn-detail-label {
  font-family: "arboria", sans-serif;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--kn-accent);
  display: block;
  margin-bottom: 8px;
}

/* Detail value — matches global body text */
.kn-detail-cell p {
  font-size: 19px;
  line-height: 28px;
  color: #fff;
  margin: 0;
}

.kn-detail-cell small,
.kn-detail-cell p small  {
  font-size: 14px;
  line-height: 16px !important;
  opacity: 0.6;
}


/* -----------------------------------------------------------------------------
   GALLERY (Slick carousel)
   ----------------------------------------------------------------------------- */

/* Gallery images — centered both axes */
#kn-gallery .slick-gallery img {
  border: none;
  width: 100%;
  height: 380px;
  object-fit: cover;
  object-position: center center;
  display: block;
}

/* Gutters between slides */
#kn-gallery .slick-gallery .slick-slide {
  padding: 0 3px;
}

/* Slick track — flex, centered alignment */
#kn-gallery .slick-gallery .slick-track {
  display: flex;
  align-items: center;
}


/* -----------------------------------------------------------------------------
   LOCATION SECTION
   ----------------------------------------------------------------------------- */

/* Proximity / employer list */
.kn-location-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.kn-location-list li {
  font-family: "arboria", sans-serif;
  font-weight: 400;
  font-size: 21px;
  line-height: 30px;
  color: rgba(255, 255, 255, 0.88);
  padding: 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  display: flex;
  align-items: center;
  gap: 12px;
}

/* Bronze dot before each item */
.kn-location-list li::before {
  content: '';
  display: inline-block;
  min-width: 6px;
  width: 6px;
  height: 6px;
  background: var(--kn-accent);
  border-radius: 50%;
  flex-shrink: 0;
}


/* -----------------------------------------------------------------------------
   DUE DILIGENCE SECTION
   ----------------------------------------------------------------------------- */

#kn-diligence h2 {
  color: var(--kn-primary);
}

/* Outline register button for use on light backgrounds */
.kn-btn-register-outline {
  display: inline-block;
  padding: 14px 36px;
  background: transparent;
  color: var(--kn-primary) !important;
  font-family: "arboria", sans-serif;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid var(--kn-primary);
  transition: background 0.25s ease, color 0.25s ease;
  margin-top: 24px;
  display: inline-block;
}

.kn-btn-register-outline:hover {
  background: var(--kn-primary);
  color: #fff !important;
  text-decoration: none;
}


/* -----------------------------------------------------------------------------
   MAP SECTION
   ----------------------------------------------------------------------------- */

/* Map section — atlist iframe */
#kn-map-section {
  padding: 0;
  line-height: 0;
}

#kn-map-section iframe {
  display: block;
  width: 100%;
  height: 600px;
  border: none;
}


/* -----------------------------------------------------------------------------
   FOOTER / CONTACT
   ----------------------------------------------------------------------------- */

.kn-broker-name {
  font-family: "arboria", sans-serif;
  font-weight: 700;
  font-size: 19px;          /* one size up from 16px */
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 4px;
  display: block;
}

/* Title and contact links share identical type treatment */
.kn-broker-title {
  font-family: "arboria", sans-serif;
  font-weight: 400;
  font-size: 19px;
  line-height: 30px;
  color: rgba(255, 255, 255, 0.75);
  margin-bottom: 0;
  display: block;
}

.kn-broker-contact a {
  font-family: "arboria", sans-serif;
  font-weight: 400;
  font-size: 19px;
  line-height: 30px;
  color: rgba(255, 255, 255, 0.75);
  text-decoration: none;
  display: block;
}

.kn-broker-contact a:hover {
  color: var(--kn-accent);
}

/* Partner label above co-broker logo */
.kn-partner-label {
  font-family: "arboria", sans-serif;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--kn-accent);
  display: block;
  margin-bottom: 10px;
}

/* Footer broker card — flex column so logo bottom-aligns regardless of text height */
.kn-broker-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* The inner contact/info div — no bottom margin */
.kn-broker-card > div:first-child {
  margin-bottom: 0;
}

/* Spacer pushes logo + blurb to bottom of card */
.kn-broker-card-spacer {
  flex: 1;
}

/* Logo wrapper — logos bottom-aligned */
.kn-broker-logo-wrap {
  margin-top: 20px;
  display: flex;
  align-items: flex-end;
}

/* KM logo base height */
.kn-broker-logo-wrap img {
  display: block;
  max-height: 44px;
  width: auto;
}

/* Blake logo — larger allowance per brief */
.kn-broker-logo-wrap img.kn-blake-logo {
  max-height: 90px;
}

/* Company blurb — reduced bottom margin so less space before hr */
.kn-broker-blurb {
  font-family: "arboria", sans-serif;
  font-weight: 300;
  font-size: 17px;
  line-height: 28px;
  color: rgba(255, 255, 255, 0.65);
  margin-top: 16px;
  margin-bottom: 0;
  padding-bottom: 0;   /* no extra space below blurb before legal hr */
}

.kn-broker-blurb a {
  color: var(--kn-accent);
  text-decoration: none;
}

.kn-broker-blurb a:hover {
  color: #fff;
  text-decoration: underline;
}

/* Legal — reduced top margin, closer to blurbs */
.kn-footer-legal {
  font-family: "arboria", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.65);
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  padding-top: 24px;
  margin-top: 32px;   /* reduced from 60px */
}

.kn-footer-legal p {
  color: rgba(255, 255, 255, 0.65);
  font-size: 14px;
  line-height: 24px;
}

.kn-footer-legal a {
  color: rgba(255, 255, 255, 0.65);
  text-decoration: underline;
}

.kn-footer-legal a:hover {
  color: var(--kn-accent);
}


/* -----------------------------------------------------------------------------
   LARGE SCREENS (≥ 1900px) — taller image galleries
   ----------------------------------------------------------------------------- */

@media (min-width: 1900px) {

  /* First photo band — taller */
  .kn-photo-band {
    height: 640px;
  }

  /* Second gallery (Slick) — taller images */
  #kn-gallery .slick-gallery {
    height: 520px;
  }

  #kn-gallery .slick-gallery img {
    height: 520px;
  }

}


/* Fix gallery slide edge padding — remove the 3px side padding on first/last
   slides that creates a small white border at viewport edges */
#kn-gallery .slick-gallery .slick-slide:first-child {
  padding-left: 0;
}

#kn-gallery .slick-gallery .slick-slide:last-child {
  padding-right: 0;
}


/* -----------------------------------------------------------------------------
   TABLET (768px – 991px)
   ----------------------------------------------------------------------------- */

@media (max-width: 991px) {

  .kn-hero-inner {
    padding: 60px 30px 50px 30px;
  }

  .kn-stat-row {
    gap: 24px;
  }

  .kn-photo-band {
    grid-template-columns: 1fr 1fr;
    height: 300px;
  }

  .kn-photo-band img:first-child {
    grid-column: 1 / -1;
    height: 200px;
  }

  .kn-detail-grid {
    grid-template-columns: repeat(2, 1fr);
  }

}



/* =============================================================================
   BACKGROUND / DECORATIVE LINE ART OVERLAYS
   Arc elements from OM brand system. Layered via CSS background shorthand
   where possible: background: url() position/size no-repeat, color.
   All pseudo-elements use pointer-events:none so they never block interaction.
   ============================================================================= */

/* -- OVERVIEW (dark brown) -------------------------------------------------- */
/* bkgd1-2: blush vertical arcs — right edge, opacity 0.4                       */
#kn-overview {
  position: relative;
  overflow: hidden;
  background-color: var(--kn-dark);
}

#kn-overview::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 140px;
  height: 100%;
  background: url('../images/bkgd/kenney-bkgd1-2.png') right top / auto 100% no-repeat;
  opacity: 0.4;
  pointer-events: none;
  z-index: 0;
}

#kn-overview .container {
  position: relative;
  z-index: 1;
}

/* -- HIGHLIGHTS (cream) ----------------------------------------------------- */
/* bkgd1-1: olive/tan vertical arcs — LEFT edge, full height, opacity 0.3       */
#kn-highlights {
  position: relative;
  background-color: var(--kn-cream);
}

#kn-highlights::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 140px;
  height: 100%;
  background: url('../images/bkgd/kenney-bkgd1-1.png') left top / auto 100% no-repeat;
  opacity: 0.3;
  pointer-events: none;
  z-index: 0;
}

#kn-highlights .container {
  position: relative;
  z-index: 1;
}

/* -- DETAILS (brick red) ---------------------------------------------------- */
#kn-details {
  position: relative;
  overflow: hidden;
}

#kn-details::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 140px;
  height: 100%;
  background: url('../images/bkgd/kenney-bkgd1-2.png') right top / auto 100% no-repeat;
  opacity: 0.35;
  mix-blend-mode: screen;
  pointer-events: none;
  z-index: 0;
}

#kn-details .container {
  position: relative;
  z-index: 1;
}

/* -- LOCATION (olive) ------------------------------------------------------- */
/* bkgd6-2: horizontal arcs — bottom full width, opacity 0.1, extra bottom pad  */
#kn-location {
  position: relative;
  overflow: hidden;
  background-color: var(--kn-olive);
  padding-bottom: 140px;
}

#kn-location::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 140px;
  background: url('../images/bkgd/kenney-bkgd6-2.png') center bottom / 100% auto no-repeat;
  opacity: 0.1;
  pointer-events: none;
  z-index: 0;
}

#kn-location .container {
  position: relative;
  z-index: 1;
}

/* -- DUE DILIGENCE (cream-dk) ----------------------------------------------- */
/* bkgd5-2: blush vertical arcs — left center.                                  */
#kn-diligence {
  position: relative;
  overflow: hidden;
  background: url('../images/bkgd/kenney-bkgd5-2.png') left center / 140px auto no-repeat,
              var(--kn-cream-dk);
  padding-bottom: 100px;
}

#kn-diligence .container {
  position: relative;
  z-index: 1;
}

/* -- FOOTER (dark brown) ---------------------------------------------------- */
/* bkgd1-2: blush arcs — right edge, opacity 0.4                               */
#footer {
  position: relative;
  overflow: hidden;
  background: var(--kn-dark) !important; /* overrides base #footer background-image */
  min-height: auto !important;
}

#footer::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 140px;
  height: 100%;
  background: url('../images/bkgd/kenney-bkgd1-2.png') right top / auto 100% no-repeat;
  opacity: 0.4;
  pointer-events: none;
  z-index: 0;
}

#footer .container {
  position: relative;
  z-index: 1;
}



/* =============================================================================
   INTERIOR PHOTO GALLERY — Masonry CSS grid
   Different format from the Slick carousel: no controls, editorial mixed layout.
   Uses CSS grid with column/row spanning for visual variety.
   ============================================================================= */

#kn-interior-gallery {
  background-color: var(--kn-cream);
  padding: 0;
}

/* Grid container — 4 equal columns, auto rows */
.kn-masonry {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 280px;
  gap: 4px;
}

/* Base cell */
.kn-masonry-cell {
  overflow: hidden;
  position: relative;
}

.kn-masonry-cell img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.6s ease;
}

/* Subtle hover — barely perceptible zoom */
.kn-masonry-cell:hover img {
  transform: scale(1.02);
}

/* Wide cell — spans 2 columns */
.kn-masonry-wide {
  grid-column: span 2;
}

/* Tall cell — spans 2 rows */
.kn-masonry-tall {
  grid-row: span 2;
}


/* -- Large screens: taller rows -- */
@media (min-width: 1900px) {
  .kn-masonry {
    grid-auto-rows: 380px;
  }
}

/* -- Tablet: 2-column grid, flatten spans -- */
@media (max-width: 991px) {

  .kn-masonry {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 240px;
  }

  .kn-masonry-wide {
    grid-column: span 2;
  }

  .kn-masonry-tall {
    grid-row: span 1; /* flatten tall cells on tablet */
  }

}

/* -- Mobile: single column, uniform height -- */
@media (max-width: 767px) {

  .kn-masonry {
    grid-template-columns: 1fr;
    grid-auto-rows: 240px;
    gap: 3px;
  }

  .kn-masonry-wide,
  .kn-masonry-tall {
    grid-column: span 1;
    grid-row: span 1;
  }



}


/* -----------------------------------------------------------------------------
   MOBILE RESPONSIVE — additional overrides for ≤ 767px
   ----------------------------------------------------------------------------- */

@media (max-width: 767px) {

  /* --- Hero: center all content --- */
  .kn-hero-inner {
    text-align: center;
    padding: 50px 24px 40px 24px;
    max-width: 100%;
  }

  .kn-hero-logo {
    margin-left: auto;
    margin-right: auto;
    max-width: 280px;
  }

  /* Stats left-aligned on mobile (not centered with hero) */
  .kn-stat-row {
    justify-content: flex-start;
    text-align: left;
  }

  .kn-btn-register {
    display: block;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
  }

  /* --- Photo band: taller equal-height images --- */
  .kn-photo-band {
    grid-template-columns: 1fr;
    height: auto;
    gap: 3px;
  }

  .kn-photo-band img,
  .kn-photo-band img:first-child {
    height: 280px;
    grid-column: auto;
  }

  /* --- Remove ALL section background images on mobile --- */
  #kn-overview,
  #kn-location,
  #kn-details,
  #kn-highlights,
  #kn-diligence,
  #footer {
    background-image: none !important;
  }

  #kn-overview::after,
  #kn-location::after,
  #kn-details::after,
  #kn-highlights::after,
  #kn-diligence::after,
  #footer::after {
    display: none !important;
  }

  /* --- Due Diligence mobile: bkgd5-3 along bottom, generous padding --- */
  #kn-diligence {
    background: url('../images/bkgd/kenney-bkgd5-3.png') center bottom / auto 120px no-repeat,
                var(--kn-cream-dk) !important;
    padding-bottom: 180px;
  }

  /* --- Property detail grid: single column stacked on mobile --- */
  .kn-detail-grid {
    grid-template-columns: 1fr;
    border-top: none;
  }

  /* --- Detail grid: single column on mobile (also covered above) --- */

  /* --- Desktop footer space — hide on mobile --- */
  .desktop-footer-space {
    height: 0;
  }

  /* --- Menu button smaller on mobile --- */
  .kn-menu-btn {
    top: 16px;
    right: 16px;
    padding: 8px 10px;
  }

  /* --- Broker logos slightly smaller on mobile --- */
  .kn-broker-logo-wrap img {
    max-height: 36px;
  }

  /* --- Reduce broker column bottom margin on mobile --- */
  #footer .col-md-5 {
    margin-bottom: 24px !important;
  }

  /* H1, H2, H3, body — scale down */
  h1 {
    font-size: 56px;
    line-height: 58px;
  }

  h2 {
    font-size: 40px;
    line-height: 44px;
  }

  h3 {
    font-size: 13px;
  }

  body, p, .kn-body {
    font-size: 19px;
    line-height: 30px;
  }

  .kn-hero-tagline {
    font-size: 26px;
    line-height: 36px;
  }

  .kn-stat-num {
    font-size: 52px;
  }

  .kn-pull-quote {
    font-size: 26px;
    line-height: 36px;
  }

}