html{
  
  margin:0;
  padding:0;	
}

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

  font-size:18px;
  line-height:28px;
  color:#000;
font-family: "sweet-sans-pro", sans-serif;
font-weight: 500;
font-style: normal;
   max-width: 100%;

}


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


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



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

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


h1{
  color:#bf0b24;
  margin-bottom:24px;
  font-size:68px; 
  line-height:68px;
  margin-top:0;
    font-family: 'instrument-serif';
    font-weight: 400;
    font-style: normal;
    letter-spacing:0.03em;
    text-transform:uppercase;
}

h1 .italic{
    font-family: 'instrument-serif';
    font-weight: 400;
    font-style: italic;
}


h1.home-head{
  color:#f9f2e2;
  margin-bottom:24px;
  font-size:56px; 
  line-height:62px;
    font-family: 'instrument-serif';
    font-weight: 300;
    font-style: normal;
    letter-spacing:0.03em;
    text-transform:uppercase;
}



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

h2 {
  font-size: 32px; 
  line-height:38px;
  color: #fff;  
  padding-top:0px;
  margin-top:0;
  padding-bottom:10px;
    font-family: 'instrument-serif';
    font-weight: 100;
    font-style: normal;
 /*text-transform:uppercase;*/
    letter-spacing:0.03em;
}


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



h3{
  color:#fff;
  margin-bottom:0;
  font-size: 27px; 
  line-height:32px;
  margin-top:0;
  letter-spacing:1px;
  padding-bottom:10px;
font-family: "instrument-serif", sans-serif;
font-weight: 100;
font-style: normal;
     letter-spacing:0.03em;
}

h4{
  color:#bf0b24;
  font-size:18px;
  line-height:24px;
  display: block;
font-weight: 700;
font-style: normal;
     letter-spacing:0.03em;
     text-transform:uppercase;

}

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

}

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


.large-p{
  margin-bottom:20px;
  font-size:22px; 
  line-height: 28px;
  margin-top:0;
    font-family: 'instrument-serif';
    font-weight: 300;
    font-style: normal;
}

.quotation{
  color: #f9f2e2;
  margin-bottom:0;
  font-size: 105px; 
  line-height:105px;
  margin-top:0;
  letter-spacing:0.02em;
    font-family: 'instrument-serif';
    font-weight: 300;
    font-style: normal;
}

.lrg-quote{
  color:#000;
  margin-bottom:0;
  font-size: 30px; 
  line-height:38px;
  margin-top:0;
  letter-spacing:0.02em;
    font-family: 'instrument-serif';
    font-weight: 400;
    font-style: normal;
}

.sm-quote{
  color: #f9f2e2;
  margin-bottom:0;
  font-size: 28px; 
  line-height:30px;
  margin-top:0;
  letter-spacing:0.02em;
    font-family: 'instrument-serif';
    font-weight: 300;
    font-style: normal;
}

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

.lrg-quote2{
  padding-bottom:0;
  margin-bottom:0;
  font-size:29px; 
  line-height: 36px;
  margin-top:0;
    font-family: 'instrument-serif';
    font-weight: 300;
    font-style: normal;

}

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


.xsmall{
	font-size: 11px;
  line-height: 14px;
}

.numbers{
 
}

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

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

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

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

.italic{
  font-style:italic;
}


.caps{
  text-transform:uppercase !important;
  font-weight:700;
}

.lowercase{
  text-transform:lowercase !important;
}


.bold-intro{
/*  font-size:16px;
  letter-spacing:2px;
  text-transform:uppercase;
  line-height: 22px;
  display: inline-block;
  font-family: 'giga_sansmedium', sans-serif;
font-style: normal;*/
/*  font-size:13px;*/
  letter-spacing:2px;
  text-transform:uppercase;
font-family: "sweet-sans-pro", sans-serif;
font-weight: 700;
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-size: 110px;
  line-height: 110px;
  margin-bottom:40px !important;
}


#home .bold-intro,
#home2 .bold-intro{
    font-size:22px !important;
  margin-bottom:24px !important;
}



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

}

h1.home-head.white,
h1.home-head2.white,
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:#f9f2e2 !important;	
}




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




.bluemist {color: #94adaa !important;}
.indigo {color: #0d3048 !important;}
.softcream {color: #f9f2e2 !important;}
.crimson {color: #bf0b24 !important;}
.oxblood {color: #670003 !important;}
.honey {color: #dda650 !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:#f9f2e2; /* 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:80px; /* was 60 */
  height:80px;
}


.navbar-brand,
.navbar-light .navbar-brand{
  color:#f9f2e2;
  background-image:url('../images/logos/flood-bug-cream2.png');
  background-size:80px 80px;
  background-repeat:no-repeat;
  margin-top:10px;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
 visibility:visible;
  position: absolute;
  z-index: 2000;
  top: 20px;
margin-left: -25px;
  margin-top: 0px;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  /*overflow:visible;*/
  /*margin-left: 20px;*/
  /*border-bottom:1px solid #f9f2e2;*/
  /*margin-left:100px;*/
}





.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:#f9f2e2;
overflow:hidden;
-webkit-transition:color .7s ease;
transition:color .7s ease;
}


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


.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:#f9f2e2; /* line underneath after clicked */
}

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

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

.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: #dda650;  /*Can change to orange if want contrasting color*/
}

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



.nav-bug{
position:fixed;
top:30px;
left:30px;
max-width:50px;
z-index:3000;
}

.nav-bug2{
position:fixed;
top:13px;
left:13px;
max-width:50px;
z-index:3000;
}

.flood-bug{
max-width:180px;
}


div.nav-border{
position:fixed;
top:62px;
left:120px; 
width:100%;
z-index:3000;
}

.navbar-line-container{
margin-right:150px;
}

.navbar-line{
width: 100%;
height: 1px;
background-color: #f9f2e2;
}



.active-page{
  font-weight:bold;
  color: #dda650;
}


/************************************ 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:#0d3048; 
  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/legacy-pattern-bkgd-drk-right.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:  #f9f2e2 !important;
  display: block;
  transition: 0.3s;

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

/*font-family: 'instrument-serif';*/
font-weight: 700;
font-style: normal;
text-transform:uppercase;
}

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

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

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

/* Position and style the close button (top right corner) */
.sidenav a.closebtn {
  position: absolute;
  top: 5px;
  right: 20px;
  font-size: 30px;
  margin-left: 40px;
  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:#f9f2e2;
  text-decoration:none;
}

a:hover, 
a:focus,
a:hover div{
  text-decoration:none;
  color:#94adaa;
}

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-weight: 600;
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-weight: 600;
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: 600;
  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: 600;
  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:#bf0b24;
}

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

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

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

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


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: 600;
  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:12px 16px 13px 16px;
  background-color: none;
  border:2px solid #dda650;
  display: inline-block;
  margin-right:0px;
/*  margin-top:10px;*/
  color:#bf0b24; 

  -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 #94adaa;
  display: inline-block;
  margin-right:10px;
  margin-top:10px;
  color:#bf0b24; 

  -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:#dda650;
  color:#fff;
    border:2px solid #dda650;
  -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: #f9f2e2;
  color:#bf0b24;
    border:1px solid #f9f2e2;
  -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:2px solid #fff;
  color:#fff; 

}

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



.solid-btn{
  padding:15px 25px 15px 25px;
  background-color:#bf0b24;
  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:#670003;
  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:16px 25px 15px 25px;
  background-color:#0d3048;
  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:#0a2130;
  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.sm-btn a.link{
  font-size: 11px;
  line-height: 13px;
  letter-spacing: 1px;
}

.solid-btn.sm-btn{
  padding:7px 15px;
  margin-top:0px;
  margin-bottom:2px;
}

.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 #f9f2e2;
  display: inline-block;
  margin-right: 10px;
  margin-top: 10px;
  color: #f9f2e2;
  font-size: 13px;
  line-height: 18px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
  transition: all 0.1s linear;
}


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








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




/***** CUSTOMIZE RIGHT LEFT ARROWS TO MATCH OTHER CAROUSEL BTNS ******/

.slick-prev:before {
  content: '' !important; /* Remove default content */
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") !important;
  background-repeat: no-repeat !important;
  background-size: contain !important; /* Adjust as needed */
  width: 3rem !important; /* Set desired width */
  height: 3rem !important; /* Set desired height */
  display: block !important;
}

.slick-next:before {
  content: '' !important; /* Remove default content */
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
  background-repeat: no-repeat !important;
  background-size: contain !important; /* Adjust as needed */
  width: 3rem !important; /* Set desired width */
  height: 3rem !important; /* Set desired height */
  display: block !important;
}








.btn-box{
  max-width:330px;
  margin: 0 auto;
  text-align:center;
  position:relative;
}

.btn-box .outline-btn{
  width:100%;
}


/****************************** 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%;	
	}
	








#home2{

height:700px;
background-color: rgba(0,0,0,0.4);
}





/* Makes a fixed background wrapper
which the user cannot interact with */

.iframe-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 1010px;
  z-index: -10;  /* was -10 */
  pointer-events: none;
  overflow: hidden;
}

/* Make the iframe keep an aspect ratio, and
position it in the middle of its parent wrapper*/

.iframe-wrapper iframe {
  width: 100vw;
  height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
  min-height: 100vh;
  min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}



.home-content{
  z-index:90;
}



.bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 1000px;
  /*position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;*/
   z-index: -20; 
}
.bg img {
  /*position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;*/
  width: 100vw;
  height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
  min-height: 100vh;
  min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}



/*.section1-1,
.section2,
.section2-1,
.container-fluid,
.container,
.section3,
.section4,
.footer{
  z-index: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:#f9f2e2; /* 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;  

width: 100%; /* Or any desired width */
height:100%; /* Or any desired height, can also be percentage-based */
}






/*-------------  RETAIL SUITES LAYOUT MAP -----------------------*/
.imageMap a.floor3 {clip-path: polygon(10.2% 67.1%,39.7% 68.9%,74.2% 69.1%,98.1% 68.7%,98.1% 73.1%,74.2% 75.5%,39.7% 75.1%,10.2% 70.7%);} 
.imageMap a.floor4 {clip-path: polygon(10.2% 62.8%,39.7% 62.8%,74.2% 62.8%,98.1% 64.0%,98.1% 68.7%,74.2% 69.1%,39.7% 68.9%,10.2% 67.1%);} 
.imageMap a.floor5 {clip-path: polygon(10.2% 58.7%,39.7% 55.9%,74.2% 56.4%,98.1% 59.6%,98.1% 64.0%,74.2% 62.8%,39.7% 62.8%,10.2% 62.8%);} 
.imageMap a.floor6 {clip-path: polygon(10.2% 55.6%,39.7% 50.2%,74.2% 50.8%,98.1% 54.7%,98.1% 59.6%,74.2% 56.4%,39.7% 55.9%,10.2% 58.7%);} 
.imageMap a.floor7 {clip-path: polygon(10.2% 51.2%,39.7% 43.3%,74.2% 43.3%,98.1% 50.4%,98.1% 54.7%,74.2% 50.8%,39.7% 50.2%,10.2% 55.6%);} 
.imageMap a.floor8 {clip-path: polygon(10.2% 47.6%,39.7% 37.7%,74.2% 37.7%,98.1% 46.4%,98.1% 50.4%,74.2% 43.3%,39.7% 43.3%,10.2% 51.2%);
} 
.imageMap a.floor9 {clip-path: polygon(10.2% 44.4%,39.7% 32.0%,74.2% 32.0%,98.1% 41.9%,98.1% 46.4%,74.2% 37.7%,39.7% 37.7%,10.2% 47.6%);
} 
.imageMap a.floor10 {clip-path: polygon(10.2% 40.9%,39.7% 26.7%,74.2% 26.7%,98.1% 39.0%,98.1% 41.9%,74.2% 32.0%,39.7% 32.0%,10.2% 44.4%);
} 
.imageMap a.floor11 {clip-path: polygon(10.2% 36.5%,39.7% 20.0%,74.2% 20.0%,98.1% 33.1%,98.1% 39.0%,74.2% 26.7%,39.7% 26.7%,10.2% 40.9%);
} 
.imageMap a.floor12 {clip-path: polygon(10.2% 32.8%,39.7% 12.3%,74.2% 12.3%,98.1% 29.1%,98.1% 33.1%,74.2% 20.0%,39.7% 20.0%,10.2% 36.5%);
} 

/*.imageMap a.floorxx {width:8%; height:20%; left:40%; top:80%;} */

.imageMap a + p {position:absolute; left:0%; top:102%; width:100%; color:#f9f2e2; 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:#0d3048;
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:#f9f2e2; 
}

.website-link a:hover{
background:#0d3048; /* 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.floorp{
  padding:30px 0px;
  width:100%;
}



.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-logo-alt2{
  width:145px;  
  max-width:100%;
}


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


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

.footer-logo{
max-width: 400px;
display: block;
padding: 30px 0px;
margin:0 auto;
text-align:center;
position:relative;
}

.footer-logo2{
  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-pad1{
  padding:24px 40px;
}















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

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

.column-gallery3 img {
  vertical-align: middle;
}

.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(0,0,0, 0.6);
}

.container-gallery3:hover .overlay-gallery3 {
  opacity: 1;
  background: rgba(0,0,0, 0.6);
  transition: 0.5s ease;
}

.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: 50%;
      max-width: 50%;
    }
}


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


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










.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/masts/flood-home-mast2.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:700px;	
  position:relative;
}





#home.alt{
  background:url(../images/masts/flood-home-mast2.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:700px; 
  position:relative;
}


#home.history{
  background:url(../images/masts/flood-timeline-mast2.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:700px; 
  position:relative;
}




#home.location{
  background:url(../images/masts/flood-location-mast2.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:700px; 
  position:relative;
}




#home.office{
  background:url(../images/masts/flood-office-mast2.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:700px; 
  position:relative;
}





#home.retail{
  background:url(../images/masts/flood-retail-mast2.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:700px; 
  position:relative;
}



#home.tenant-resources{
  /*background:url(../images/masts/flood-tenant-mast.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:700px; 
  position:relative;
  background:url(../images/bkgd/circle-1-5-half-left-top1-reverse-cream.png),url(../images/bkgd/circle-2-half-btm-right-cream.png),url(../images/masts/flood-tenant-mast.jpg);
  background-size:180px auto, 180px auto, cover;  
  -webkit-background-size:180px auto, 180px auto, cover;
  -moz-background-size:180px auto, 180px auto, cover;
  -o-background-size:180px auto, 180px auto, cover;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: left bottom, right bottom, 50% 0; 
}




#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:300;
}


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


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


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


.tenant-header{
  margin: 0 -120px;
}

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




.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 #f9f2e2; 
  color:#f9f2e2;
}

.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{
  background-color:#94adaa;

}


section#section0-1{
  padding:0px 0px;
}

#section0-1{
    background: url(../images/bkgd/circle-single-half-right1.png), linear-gradient(
    to top,
    #fff 0%,
    #fff 50%,
    #94adaa 50%,
    #94adaa 100%
  );
background-position:center right, center;
background-size:200px auto, auto;
background-repeat:no-repeat, no-repeat;
}



section#section0-2,
section#section0-2-1{
  padding:150px 0px;
}

/*#section0-2{
    background:linear-gradient(
    to top,
    #94adaa 0%,
    #94adaa 50%,
    #fff 50%,
    #fff 100%
  );
background-position:center;
background-size:auto;
background-repeat:no-repeat;
}*/


#section0-2{
background: url(../images/bkgd/circle-whole2.png), linear-gradient(
    to top,
    #94adaa 0%,
    #94adaa 50%,
    #fff 50%,
    #fff 100%
  );
background-position:center center, center;
background-size:100% auto, auto;
background-repeat:no-repeat, no-repeat;
}


#section0-2-1{
background: url(../images/bkgd/circle-whole1.png), url(../images/bkgd/circle-whole1-cream.png), linear-gradient(
    to top,
    #94adaa 0%,
    #94adaa 50%,
    #fff 50%,
    #fff 100%
  );
background-position:20% 20%, 80% 80%, center;
background-size:200px auto, 200px auto, auto;
background-repeat:no-repeat,no-repeat, no-repeat;
background-attachment: fixed;

/*background:linear-gradient(
    to top,
    #94adaa 0%,
    #94adaa 50%,
    #fff 50%,
    #fff 100%
  );
background-position:center;
background-size:auto;
background-repeat:no-repeat;*/
}



.bkgd-circles{
/*margin:-40px 80px 80px -40px;
background: url(../images/bkgd/circle-whole1.png), url(../images/bkgd/circle-whole1-cream.png);
background-position:20% 20%, 80% 80%;
background-size:200px auto, 200px auto;
background-repeat:no-repeat,no-repeat; */
}

section#section0-3{
  padding:0px 0px;
}

/*#section0-2{
    background:linear-gradient(
    to top,
    #94adaa 0%,
    #94adaa 50%,
    #fff 50%,
    #fff 100%
  );
background-position:center;
background-size:auto;
background-repeat:no-repeat;
}*/

#section0-3{
background: url(../images/bkgd/circle-1-5-half-left-top1-reverse.png), linear-gradient(
    to top,
    #fff 0%,
    #fff 50%,
    #94adaa 50%,
    #94adaa 100%
  );
background-position:left bottom, center;
background-size:180px auto, auto;
background-repeat:no-repeat, no-repeat;
}







#section0-4{
  background:url(../images/bkgd/circle-1-5-half-left-top1.png),url(../images/bkgd/circle-1-5-half-right-bottom1.png), #fff;
  background-size: 180px auto, 180px auto, auto auto;  
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: left top, right bottom, left top; 
}



#section0-5{
  background:url(../images/bkgd/circle-1-5-half-left-top1.png),url(../images/bkgd/circle-1-5-half-right-bottom1.png), #0d3048;
  background-size: 180px auto, 180px auto, auto auto;  
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: left top, right bottom, left top; 
}



#section1{
  background:#bf0b24;
/*  background-size: 100% auto;  */
  /*background-image:url(../images/bkgd/green-arch1.png);
  background-repeat: no-repeat;
  background-position: left top; */

  /*background-image: url(../images/bkgd/plant-moodyblue-btm-right-trans.png), url(../images/bkgd/dots-vert-strip1.png);
  background-position: right bottom, left top;
  background-repeat: no-repeat, no-repeat;*/
}

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


#section1-1{
  background:url(../images/bkgd/circle-1-5-half-left-top1-reverse.png), #fff;
  background-size: 180px auto;  
  background-repeat: no-repeat;
  background-position: left bottom; 
}




#section1-4{
  background:url(../images/bkgd/circle-1-5-half-right-top1.png), #fff;
  background-size: 180px auto;  
  background-repeat: no-repeat;
  background-position: right top; 
}


section#section1-2{
  background-color:#fff;
  padding-bottom:0;
}





section#section1-3{
  background-color:#94adaa;
}



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


#section2{

  background:url(../images/bkgd/circle-1-5-half-left-top1.png), #0d3048;
  background-size: 180px auto;  
  background-repeat: no-repeat;
  background-position: left top; 
}



#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: #0d3048;
  min-height:100px;
  /*padding:150px 0;	*/
  position:relative;
}


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




#section2-3{
  background:url(../images/bkgd/circle-1-5-half-left-top1.png),url(../images/bkgd/circle-half-right-bottom1.png), #fff;
  background-size: 180px auto, 180px auto, auto auto;  
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: left top, right bottom, left top; 
}




#section2-4{

  background:url(../images/bkgd/circle-1-5-half-left-top1.png),url(../images/bkgd/circle-1-5-half-right-bottom1.png), #0d3048;
  background-size: 180px auto, 180px auto, auto auto;  
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: left top, right bottom, left top; 
}




#section2-5{
  background:url(../images/bkgd/circle-half-left-bottom1.png), #fff;
  background-size:180px auto, auto auto;  
  background-repeat:no-repeat, no-repeat;
  background-position: left bottom, left top; 
}




#section3{
background-color:#0d3048;

}



#section3-1{
background:url(../images/bkgd/flood-timeline-line-dots2.png), #0d3048;
  background-repeat: no-repeat,  no-repeat;
  background-position: 50% top, left bottom;
}

section#section3-1{
  padding:30px 0 100px 0;
}

section#section3-1-1{
  background:#bf0b24;
  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;*/
}



section#section3-2{
background-color:#94adaa;
padding-top:0;
margin-top:-2px;
}


#section4{	
/*  background: linear-gradient(180deg, #FFF 22%, #bf0b24 0%);*/
  background:#fff;
/*  background:url(../images/bkgd/metropolitan-dd.jpg) center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position:relative;*/
/*  margin-top:-120px;*/
}

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



section#section4-2{
background-color:#fff;

}

#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:#f9f2e2;
  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:#bf0b24;
}



#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:url(../images/bkgd/circle-4-half-btm1.png),#94adaa;
  background-size: 100% auto;  
  background-repeat: no-repeat;
  background-position: center bottom; 
  padding-bottom:300px;
}


#footer.tenant-resources{
  background:url(../images/bkgd/circle-4-half-btm1.png),url(../images/bkgd/circle-half-right-top-cream.png),#94adaa;
  background-size: 100% auto, 180px auto;  
  background-repeat: no-repeat, no-repeat;
  background-position: left bottom, top right; 
  padding-bottom:300px;
}



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

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


.bg-dark {
  --bs-bg-opacity: 1;
  background-color: #0d3048 !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%;
}


.timeline-img{
  min-height:500px;
}

.timeline-img.last{
  min-height:250px;
}

.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:#bf0b24;
}



.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: #bf0b24; */
  margin-top:10px;
  margin-bottom:10px;
  height: 1px;
  background-color:#bf0b24;
  opacity:1;
}


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

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


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


hr.white2{
/*  border-top-color: #bf0b24; */
  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  #f9f2e2;
  height: 100%;
  position: relative;
  left: 50%;
  margin-top: 0px;
}


.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:  #94adaa;
  display:block;
  margin:0 auto;
margin-bottom:20px;
}


.divider-accent-left{
  width: 100px;
  height: 1px;
  background:  #94adaa;
  display:block;
margin-bottom:20px;
}

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



.icon{
  max-width:100px;
  margin-bottom:30px;
  text-align:center;
  margin:0 auto;
  position:relative;
}

.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: #0d3048;
  position: relative;
  margin: 24px 0;
  display: block;
}



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



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



.divider-line{
  content: " ";
  width: 160px;
  height: 2px;
  background: #bf0b24;
  position: relative;
  margin: 20px 0;
  display: block;
}


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

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



.vert-line{
  content: " ";
  width: 2px;
  height: 700px;
  background: #bf0b24;
  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: #bf0b24;
  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;
}



.circle-text {
  width: 100px;
  height: 100px;
  line-height: 100px;
  border-radius: 50%;
  text-align: center;
  background: #bf0b24;
    margin-top: -110px;
    margin-left: -8px;
  position:relative;
  z-index:100;
      padding: 22px 18px;
}

/*.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: #000;
text-align: left;
left: 0;
  z-index: 10;
  width: 60%;
  margin:0 auto;
  margin-top:60px;
}


.carousel-caption.floorp{
  right: 0%;
bottom: 0rem;
  top: 0rem;
padding-top: 0rem;
padding-bottom: 0rem;
position: relative;
text-align: center;
width: 500px;
margin:0 auto;
margin-top:10px;
min-height:180px;
}


.carousel-desktop{
  background-color:#0d3048; 
  padding:0px;
  position:relative;
  overflow:hidden; /* added bc container was blowing out page width*/
}



.carousel-cap-alt{
  position:relative;
  top:10%;
  left:5%;
  max-width:30%;
  z-index:2003;
  position:absolute;
  background-color:#bf0b24;
  padding:30px 40px;
  color:#f9f2e2;
}


.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.alt {
  height: 42em;
  /*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 2s ease-in-out, opacity 2s ease-in-out;
  -webkit-transition: transform 2s ease-in-out, opacity 2s ease-in-out;
}

.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  transition: transform 2s ease-in-out, opacity 2s ease-in-out;
  -webkit-transition: transform 2s ease-in-out, opacity 2s ease-in-out;
}


.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: 0px;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: -1rem;
  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: #94adaa !important;
  background-clip: padding-box;
}



.carousel-control-next-icon, 
.carousel-control-prev-icon{
width:3rem;
height:3rem;
}



.carousel-inner.text-c{
  min-height:325px;
}

.carousel-item.text-c {
  height: 300px;
}

/*.carousel-item img {
    width:100%;
    height:auto;
}*/




.carousel-control-next,
.carousel-control-prev {
  opacity:1;
}

.carousel-control-next:hover,
.carousel-control-prev:hover {
  opacity:0.6;
}









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



.to-fade-in,
.to-fade-in1,
.to-fade-in2,
.to-fade-in3,
.to-fade-in6, 
.to-fade-in-delay1,
.to-fade-in-delay2, 
.to-fade-in-delay3, 
.to-fade-in-delay4, 
.to-fade-in-delay5, 
.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-in6.fade-in {
  -webkit-animation: fade-in 6s forwards;
          animation: fade-in 6s 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;
}

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

.to-fade-in-delay5.fade-in {
  -webkit-animation: fade-in 3s forwards;
          animation: fade-in 3s forwards;
          -webkit-animation-delay: 5s;
          animation-delay: 5s;
          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: #bf0b24; /* 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:#bf0b24;
}





/************************************** 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:#94adaa;
  padding:60px 60px 40px 60px;
  color:#fff;
  position:relative;
  z-index:100;
}


.secondary-color-box{
  background-color:#f9f2e2;
  padding:50px 50px;
  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:#bf0b24;
  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;
}

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

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

.callout{
  font-size:45px;
  line-height:50px;
    color:#94adaa;
  text-transform:uppercase;
font-family: 'instrument-serif';
font-weight: bold;
font-style: normal;
  letter-spacing:1px;
}


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

.iconstat img{
  max-width:120px;
  padding:20px;

}


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;
}


table.icontable3{
width:100%;
}


table.icontable3 td{
vertical-align:middle;
}





.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:#bf0b24;
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:#94adaa;
padding:15px;
/*border-top:1px solid #bf0b24; 
border-bottom:1px solid #bf0b24; */
text-align:center;
margin-bottom:24px;
position:relative;
}








/*** QUICKFACT2 ***/


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

.quickfact-box2 h1{

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

}


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

.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:#bf0b24;
padding-bottom:0;
}


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






.quickfact-box3{
background-color:none;
padding:15px;
border:1px solid #bf0b24;
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:#bf0b24;
}




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

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

.btn {
display: inline-block;
font-weight: 400;
color: #f9f2e2;
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: #f9f2e2;
text-decoration: none;
width:100%;
}



.btn-link:hover {
font-weight: 400;
color: #bf0b24;
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:12px;
    line-height:18px;
  letter-spacing:1px;
  text-transform:uppercase;
padding-right:15px;
vertical-align:middle;
color:#f9f2e2;
font-family: "instrument-serif", sans-serif;
font-weight: 600;
font-style: normal;
}


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


table.prop-details tr{
border-bottom: 1px solid  #f9f2e2;	 /* 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: #0d3048;
  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: #0d3048;
}

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




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 #0d3048;
}

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 #bf0b24;
}







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: #bf0b24;
margin-bottom: 20px;
font-size: 32px;
line-height: 32px;
margin-top: 0;
font-family: "instrument-serif", sans-serif;
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:#bf0b24;
  margin-bottom:0px;
  font-size:32px; 
  line-height:32px; 
  margin-top:0;
font-family: "instrument-serif", sans-serif;
font-weight: 600;
font-style: normal;
  text-transform:uppercase;
  padding-right:15px;
}


table.simple-fact-table td:last-child{
font-weight:800;
  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:#bf0b24;
}



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

color:#0d3048; /* 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 #bf0b24;
  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: 10px 10px;*/
  padding: 10px 0px;
}



table.availabilities1 tbody td:first-child{
  font-size:13px;
  letter-spacing:2px;
  text-transform:uppercase;
  line-height: 16px;
font-family: "instrument-serif", sans-serif;
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:800;
 letter-spacing:1px;
  text-transform:uppercase;
  color:#bf0b24;*/
}

table.availabilities2 tbody td:last-child{
/*text-align:right;*/
}



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 #bf0b24;
  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-50{
  margin-top:50px;  
}

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

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

.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-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-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;  
}

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


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



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


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

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








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

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

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

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

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






@media (min-width: 2399px) {

#section0-2{
background: url(../images/bkgd/circle-whole2-wide2.png), linear-gradient(
    to top,
    #94adaa 0%,
    #94adaa 50%,
    #fff 50%,
    #fff 100%
  );
background-position:center center, center;
background-size:100% auto, auto;
background-repeat:no-repeat, no-repeat;
}




}





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

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







@media (min-width: 2200px) and (max-width: 2399px) {

#section0-2{
background: url(../images/bkgd/circle-whole2-wide1.png), linear-gradient(
    to top,
    #94adaa 0%,
    #94adaa 50%,
    #fff 50%,
    #fff 100%
  );
background-position:center center, center;
background-size:100% auto, auto;
background-repeat:no-repeat, no-repeat;
}

}





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

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





@media (min-width: 2000px) and (max-width: 2199px) {

#section0-2{
background: url(../images/bkgd/circle-whole2-wide1.png), linear-gradient(
    to top,
    #94adaa 0%,
    #94adaa 50%,
    #fff 50%,
    #fff 100%
  );
background-position:center center, center;
background-size:100% auto, auto;
background-repeat:no-repeat, no-repeat;
}




}





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

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






@media (min-width: 1999px) {





#home{
  background:url(../images/masts/flood-home-mast2.jpg) 50% 0 no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height:900px; 
  position:relative;
}



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


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




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: 300px;
    padding-bottom: 150px;
}


.logo-tagline img.main-logo{
max-width:700px;
}

.home-addr{
padding-bottom: 250px;
}


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

  section{
  padding: 100px 0;
}

section#section3-1{
  padding:30px 0 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.text-c{
  min-height:325px;
}

.carousel-item.text-c {
  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;  
}


#home2{
height:900px;
}


.iframe-wrapper {
  height: 900px;
}


.bg {
  height: 900px;
}









}











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

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







@media (min-width: 1800px) and (max-width: 1999px) {




#section0-2{
background: url(../images/bkgd/circle-whole2.png), linear-gradient(
    to top,
    #94adaa 0%,
    #94adaa 50%,
    #fff 50%,
    #fff 100%
  );
background-position:center center, center;
background-size:90% auto, auto;
background-repeat:no-repeat, no-repeat;
}




}








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

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









@media (min-width: 1799px) {



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


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




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: 300px;
    padding-bottom: 150px;
}


.logo-tagline img.main-logo{
max-width:700px;
}

.home-addr{
padding-bottom: 250px;
}


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

  section{
  padding: 100px 0;
}

section#section3-1{
  padding:30px 0 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.text-c{
  min-height:325px;
}

.carousel-item.text-c {
  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;  
}


#home2{
height:900px;
}


.iframe-wrapper {
  height: 900px;
}


.bg {
  height: 900px;
}








}












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

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


@media (min-width: 1600px) and (max-width: 1799px) {




#home{
  background:url(../images/masts/flood-home-mast2.jpg) 50% 0 no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height:900px; 
  position:relative;
}




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


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




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: 300px;
    padding-bottom: 150px;
}


.logo-tagline img.main-logo{
max-width:750px;
}

.home-addr{
padding-bottom: 250px;
}


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

  section{
  padding: 100px 0;
}

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

#section0-2{
background: url(../images/bkgd/circle-whole2.png), linear-gradient(
    to top,
    #94adaa 0%,
    #94adaa 50%,
    #fff 50%,
    #fff 100%
  );
background-position:center center, center;
background-size:104% auto, auto;
background-repeat:no-repeat, no-repeat;
}


.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.text-c{
  min-height:325px;
}

.carousel-item.text-c {
  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;  
}

#home2{
height:900px;
}


.iframe-wrapper {
  height: 900px;
}


.bg {
  height: 900px;
}





}

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

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


@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;
}



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

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


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


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


.logo-tagline.alt{
  padding-top:250px;
}
.logo-tagline img.main-logo{
max-width:750px;
}


.home-addr{
padding-bottom: 200px;
}



#home2{
height:800px;
}


.iframe-wrapper {
  height: 800px;
}


.bg {
  height: 800px;
}

#section0-2{
background: url(../images/bkgd/circle-whole2.png), linear-gradient(
    to top,
    #94adaa 0%,
    #94adaa 50%,
    #fff 50%,
    #fff 100%
  );
background-position:center center, center;
background-size:104% auto, auto;
background-repeat:no-repeat, no-repeat;
}


}


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

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



@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;
}


#section0-2{
background: url(../images/bkgd/circle-whole2.png), linear-gradient(
    to top,
    #94adaa 0%,
    #94adaa 50%,
    #fff 50%,
    #fff 100%
  );
background-position:center center, center;
background-size:104% auto, auto;
background-repeat:no-repeat, no-repeat;
}



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:650px;
/*padding-bottom:150px;*/

}



#home2{
height:750px;
}


.iframe-wrapper {
  height: 750px;
}


.bg {
  height: 750px;
}




}

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

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



@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.text-c{
  min-height:400px;
}

.carousel-item.text-c {
  height: 400px;
}

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


.tenant-header{
  margin: 0 0px;
}





/*.footer-logo{
  max-width:35px;
}*/


/*#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;
}
*/

h2 {
  font-size:30px; 
  line-height:34px;
}


.text-gallery3 h2{
font-size: 20px;
line-height: 24px;
}

.text-gallery3 .bold-intro{
font-size: 12px;
line-height: 18px;
}

.text-gallery3{
width:80%;
}




}



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

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



@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.text-c{
  min-height:450px;
}

.carousel-item.text-c {
  height:450px;
}



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



.logo-tagline img{
/*max-width:550px;*/
/*padding-bottom:100px;*/

}



#home2{
height:700px;
}


.iframe-wrapper {
  height: 700px;
}


.bg {
  height: 700px;
}



}


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

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



@media (max-width: 991px) {

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



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:550px;
}

.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.text-c{
  min-height:500px;
}

.carousel-item.text-c {
  height: 500px;
}




#home2{
height:650px;
}


.iframe-wrapper {
  height: 650px;
}


.bg {
  height: 650px;
}





}


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

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



@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:16px;	
    line-height:22px;
  }




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





/*h3{
  font-size: 34px; 
  line-height:36px;
}*/

/*h4{
  font-size:17px;
  line-height: 22px;

}*/




#home h1{
font-size: 60px;
  line-height: 60px;
  margin-bottom:0px !important;
}


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

.nav-bug{
top: 20px;
  left: 20px;
  max-width: 30px;
}


.flood-bug{
max-width:130px;
}

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


#home.history,
#home.location,
#home.office,
#home.retail,
#home.tenant-resources
{
  min-height:400px; 
}


#home.office{
  background:url(../images/masts/flood-office-mast2-sm2.jpg) 33% 0 no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



#home.tenant-resources{
  background:url(../images/masts/flood-tenant-mast.jpg);
  background-size:cover;  
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-repeat:no-repeat;
  background-position:50% 0; 
}


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


.bold-intro{
	font-size: 15px;
  line-height: 21px;
}




#home2{
height:525px;
}




.logo-tagline.vers2 {
  padding: 100px 0px 50px 0;
  position: relative;
  max-width: 100%;
  text-align: center;
  margin: 0 auto;
  width: 100%;
}




.iframe-wrapper {
  height: 550px;
}


.bg {
  height: 550px;
}


.blue-btn a.link,
.orange-btn a.link,
.outline-btn a.link,
.solid-btn a.link {
  font-size:12px;
}


.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;
}

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

}



.timeline-img{
  min-height:100%;
}



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


.text-center-m .divider-accent-left{
text-align: center;
  margin: 0 auto;
  margin-bottom: 20px;
}



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


.mapheight{
  height:600px;
}


.img-pad1{
  padding:30px 100px;
}

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:#bf0b24;
}

.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{
  padding:35px;
}


.secondary-color-box{
  padding:0px;
}



.carousel-caption.floorp{
position: relative;
/*text-align: left;*/
width: 260px;
margin:0 auto;
margin-top:10px;
margin-bottom:30px;
}

 img.floorp {
    padding: 30px 30px;
    margin: 0 -50%;
    width: 200%;
  }



.carousel-item.alt {
  height:13em;
  /*transition: transform 1s ease, opacity .8s ease-out*/
}





.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: 180px 3% 180px 3%;
  width:90%;
}



 .office .logo-tagline {
    padding: 120px 3% 320px 3%;
    width: 90%;
    text-align:center;
}


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

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


/*.logo-tagline.alt{
  padding: 200px 5% 200px 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.text-c{
  min-height:400px;
}

.carousel-item.text-c {
  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;
}



.marg-top-0-m{
  margin-top:0px !important;
}

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

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


.marg-sides-60{
  margin:0px 0px 24px 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;	
}

section#section3-1{
  padding:20px 0 50px 0;
}

#home{

    background:url(../images/masts/flood-home-mast2.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:400px;
  background-color:#bf0b24;
}


#home.alt{
  background-color:#000;
  background-image:url(../images/masts/flood-home-mast2.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;  
  position:relative;
  min-height:300px;
}





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



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



section#section0-2,
section#section0-2-1,{
  padding:60px 0px;
}


section#section0-3{
  padding:0px 0px;
}



#section1{
  background:#bf0b24;
  /*background-image: url(../images/bkgd/dots-vert-strip1-sm2.png);
  background-position: left top;
  background-repeat: no-repeat;*/
}




/*#section1-1{
  background:#0d3048;
}*/

/*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:#fff;
  background:url(../images/bkgd/scripps-wave-bkgd2-sm.png) bottom center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position:relative;*/
}


#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:#0d3048;
  min-height:100px;
}




#section3{
  /*background:url(../images/bkgd/flood-timeline-line-dots.png), #0d3048;
  background-repeat: no-repeat,  no-repeat;
  background-position: 50% top, left bottom;*/
}


#section4{  
/*  background:#94adaa;*/
/*  margin-top:0px;*/
}


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

section#section3{
/*padding-bottom:0;
margin-bottom:0;*/
}


#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:#f9f2e2;
  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-size: 200% auto;  
  padding-bottom:140px;
}










#section0-1{
    background: url(../images/bkgd/transparent/circle-single-half-right1.png), linear-gradient(
    to top,
    #fff 0%,
    #fff 50%,
    #94adaa 50%,
    #94adaa 100%
  );
background-position:center right, center;
background-size:150px auto, auto;
background-repeat:no-repeat, no-repeat;
}

#section0-2{
background: url(../images/bkgd/transparent/circle-whole2.png), linear-gradient(
    to top,
    #94adaa 0%,
    #94adaa 50%,
    #fff 50%,
    #fff 100%
  );
background-position:center center, center;
background-size:100% auto, auto;
background-repeat:no-repeat, no-repeat;
}


#section0-2-1{
background: url(../images/bkgd/transparent/circle-whole2.png), linear-gradient(
    to top,
    #94adaa 0%,
    #94adaa 50%,
    #fff 50%,
    #fff 100%
  );
background-position:center center, center;
background-size:100% auto, auto;
background-repeat:no-repeat, no-repeat;
}



#section0-3{
background: linear-gradient(
    to top,
    #fff 0%,
    #fff 50%,
    #94adaa 50%,
    #94adaa 100%
  );
background-position:center;
background-size:auto;
background-repeat:no-repeat;
}


#section0-4{
  background:url(../images/bkgd/transparent/circle-1-5-half-left-top1.png),url(../images/bkgd/transparent/circle-1-5-half-right-bottom1.png), #fff;
  background-size: 180px auto, 180px auto, auto auto;  
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: left top, right bottom, left top; 
}


#section0-5{
  background:url(../images/bkgd/transparent/circle-1-5-half-left-top1.png),url(../images/bkgd/transparent/circle-1-5-half-right-bottom1.png), #0d3048;
  background-size: 180px auto, 180px auto, auto auto;  
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: left top, right bottom, left top; 
}

#section1-1{
  background:url(../images/bkgd/transparent/circle-1-5-half-left-top1-reverse.png), #fff;
  background-size: 180px auto;  
  background-repeat: no-repeat;
  background-position: left bottom; 
}


#section1-4{
  background:url(../images/bkgd/transparent/circle-1-5-half-right-top1.png), #fff;
  background-size: 180px auto;  
  background-repeat: no-repeat;
  background-position: right top; 
}


#section2{
  background:url(../images/bkgd/transparent/circle-1-5-half-left-top1.png), #0d3048;
  background-size: 180px auto;  
  background-repeat: no-repeat;
  background-position: left top; 
}



#section2-3{
  background:url(../images/bkgd/transparent/circle-1-5-half-left-top1.png),url(../images/bkgd/transparent/circle-half-right-bottom1.png), #fff;
  background-size: 180px auto, 180px auto, auto auto;  
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: left top, right bottom, left top; 
}



#section2-4{
  background:url(../images/bkgd/transparent/circle-1-5-half-left-top1.png),url(../images/bkgd/transparent/circle-1-5-half-right-bottom1.png), #0d3048;
  background-size: 180px auto, 180px auto, auto auto;  
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: left top, right bottom, left top; 
}


#section2-5{
  background:url(../images/bkgd/circle-half-left-bottom1.png), #fff;
  background-size:180px auto, auto auto;  
  background-repeat:no-repeat, no-repeat;
  background-position: left bottom, left top; 
}


#footer.tenant-resources{
  background:url(../images/bkgd/transparent/circle-4-half-btm1.png),#94adaa;
  background-repeat:no-repeat, no-repeat;
  background-position: left bottom;
  background-size: 200% auto;  
  padding-bottom:140px;
}





















.small {
  font-size: 11px;
  line-height: 14px;
}

.xsmall{
	font-size: 9px;
  line-height: 12px;
}

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: 26px;
  line-height:30px;	
}

.lrg-quote2{
  font-size: 25px;
  line-height:29px; 
  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:27px;
}


.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 #bf0b24 !important;
}


/*Label the data*/
table.availabilities2 td:nth-of-type(1):before { content: "Floor"; font-weight:800;}
table.availabilities2 td:nth-of-type(2):before {  display:none;}
table.availabilities2 td:nth-of-type(3):before { content: "Size Range"; font-weight:800;}
table.availabilities2 td:nth-of-type(4):before { display:none;}
table.availabilities2 td:nth-of-type(5):before { content: "Details"; font-weight:800;}



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; }








table th.hidem,
table td.hidem{
display:none;
height:0;
visibility:none;
}











}



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

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




@media (min-width: 451px) and (max-width: 767px) {


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



  

}



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

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




@media (max-width: 450px) {


#home{

    background:url(../images/masts/flood-home-mast2.jpg) 50% 0 no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height:400px;
}



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


.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%;
}





}