html{
  
  margin:0;
  padding:0;	
}

body {
  /*padding-top:55px;*/
  padding-bottom:0px;
  height:100%;
  font-family:'gt_americalight', Arial, sans-serif;
  font-size:17px;
  line-height:24px;
  color:#2C2F2A;
  font-weight: normal;
}


body.nav-alt{
  padding-top:62px;
}


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


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

/*

Kings Caslon Italic
font-family: kings-caslon, sans-serif;
font-weight: 400;
font-style: italic;

Kings Caslon Bold Italic
font-family: kings-caslon, sans-serif;
font-weight: 700;
font-style: italic;

Kings Caslon Display Italic
font-family: kings-caslon-display, serif;
font-weight: 400;
font-style: italic;

*/


h1, h2, h3, h4, h5, h6{
    font-family: kings-caslon-display, serif;
font-weight: 400;
font-style: italic;
}


h1{
  color:#2C2F2A;
  font-size:45px; 
  line-height:45px; 
  font-family: kings-caslon-display, serif;
font-weight: 400;
font-style: italic;
  padding-bottom:0;
  margin-top:0;
}

h1.home-head{
  color:#2C2F2A;
  margin-bottom:20px;
  font-size:38px; 
  line-height:38px; 
  margin-top:0;
  font-family: kings-caslon-display, serif;
font-weight: 400;
font-style: italic;
}


h2 {
  font-size:16px;	
  line-height:18px; 
  color: #2C2F2A;  
  padding-top:0px;
  margin-top:0;
  padding-bottom:5px;
/*  font-weight: 700;
  text-transform:uppercase;*/
  letter-spacing:0.06em;
}


h3{
  font-size:16px;	
  margin-top:20px;
  font-family:'gt_americabold', sans-serif;
  margin-bottom:8px;
  /*font-weight:700;*/
}

h4{
  font-size:18px;	
  line-height:20px;
  padding:0;
  margin:0;
}


.giant-p{
  font-family: 'gt_americacondensed_medium', sans-serif;
font-weight: normal;
font-style: normal;
  font-size:75px; 
  line-height: 75px;
  text-transform:uppercase;
  margin-bottom:0;
}

.large-p{
  font-family: 'gt_americacondensed_medium', sans-serif;
font-weight: normal;
font-style: normal;
  font-size:60px; 
  line-height: 60px;
  text-transform:uppercase;
  margin-bottom:0;
}

.lrg-quote{
  color:#2C2F2A;
  font-size:45px; 
  line-height:45px; 
  font-family: kings-caslon-display, serif;
font-weight: 400;
font-style: italic;
  padding-bottom:0;
  margin-top:0;
}


.xl-quote{
  color:#2C2F2A;
  font-size:75px; 
  line-height:75px; 
  font-family: kings-caslon-display, serif;
font-weight: 400;
font-style: italic;
  padding-bottom:0;
  margin-top:0;
}

.lead{
line-height: 25px;
font-family: 'gt_americalight', Arial, sans-serif;
}


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


.uppercase{
text-transform:uppercase;
}


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

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

.light,
.light a{
  font-family:'gt_americalight', sans-serif;
}

.bold-intro{
  font-weight:800;
  font-size:13px;
  letter-spacing:1px;
  text-transform:uppercase;
  line-height: 16px;
display: inline-block;
}


.bold-cap{
font-family:'gt_americacondensed_medium', sans-serif;
  letter-spacing:1px;
  text-transform:uppercase;
}


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


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


a.white:hover,
a.white:active{
  color:#E3E829;	
}

a.underline-link{
text-decoration:underline;
text-transform:uppercase;
font-size:14px;
display:block;
}

/************************************** 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:#2C2F2A; /* rgb(54,53,55)  */
}

.ash{
  color:#2C2F2A; /* 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)  */
}



/*********** THE VIC - BRAND COLORS *************/

.vic-dark-green{
color:#0A2800;
}

.vic-bright-green{
color:#E3E829;
}

.vic-tan{
color:#E0B589;
}

.vic-blue{
color:#040745;
}

.vic-gray{
color:#2C2F2A;
}






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

.navbar{
  padding: 0.6rem 1rem;
}


.navbar .bg-light{
  background-color: #f3f6f7 !important;
}

.navbar-brand{
  color:#2C2F2A;
  background-image:url(../images/logos/vic-logo-secondary-green.png);
  background-size:150px auto;
  background-repeat:no-repeat;
  min-width:150px;
  min-height:50px;
}

.navbar-brand-alt{
  color:#2C2F2A;
  background-image:url(../images/logos/vic-logo-secondary-black.png);
  background-size:150px auto;
  background-repeat:no-repeat;
  min-width:150px;
  min-height:50px;
}


.navbar-brand-alt2{
  color:#2C2F2A;
  background-image:url(../images/logos/vic-logo-secondary-white.png);
  background-size:150px auto;
  background-repeat:no-repeat;
  min-width:150px;
  min-height:50px;
}


button:focus {
    outline: none;
}

.navbar-nav{
/*  background-color:rgba(10,40,0,0.9); 
      width:255px;
      padding:7px 5px 12px 5px;*/
}

.navbar-nav.box1{
  background-color:rgba(10,40,0,0.9);  /*  44,47,42,0.9  */
      width:255px;
      padding:7px 5px 12px 5px;
}


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


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


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

.navbar-light .navbar-nav .nav-link {
    color: #fff;
    float:right;
}

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

.navbar-light .navbar-nav .nav-link:hover{
  color:#E3E829;
}

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


.nav-logo2{
  max-width:160px;  
  margin:0 auto;
  margin-bottom:-40px;
  position: fixed;
top: 15px;
left: 44%;

/*top: -50px;
left: 44%;*/
-webkit-animation: fadein 0.5s linear 1 forwards;
    animation: fadein 0.5s linear 1 forwards;
}


.nav-logo3{
  max-width:100px;  
  margin-bottom:0px;
  position: fixed;
  top:11px;
  left: 15px;
/*  -webkit-animation: fadein 0.5s linear 1 forwards;
  animation: fadein 0.5s linear 1 forwards;*/
  margin-left: 0.8rem;
}



.navbar-brand2{
margin:0 auto;
position:relative;
}


.navbar-brand3{
margin:0 auto;
position:relative;

/*background-image: url(../images/logos/vic-logo-secondary-blank.png);
background-repeat: no-repeat;
background-size: 165px 55px;*/

}



.navbar-brand4{
/*margin:0 auto;
position:relative;*/
background-image: url(../images/logos/vic-logo-secondary-blank.png);
background-repeat: no-repeat;
background-size: 165px 55px;
margin-top:-15px;
padding-top:15px;
top: 25px;
/*left: 100px;*/
position: fixed;
z-index: 300000;
width: 170px;
height: 60px;

/* CENTER */
/*top: 50%;*/
left: 50%;
/*margin-top: -30px;*/ /* Negative half of height. */
margin-left: -85px; /* Negative half of width. */

/*transition: background 300ms ease-in 200ms;*/
-webkit-animation: fadein 0.5s linear 1 forwards;
    animation: fadein 0.5s linear 1 forwards;
  }



@-webkit-keyframes fadein {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fadein {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeout {
  0% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes fadeout {
  0% { opacity: 1; }
  100% { opacity: 0; }
}



.navbar-toggler {
    background-color: #0A2800;
    border-radius:0;
    border:0;
    font-size: 1.5rem;
    padding: 0.3rem 0.8rem;
}

.navbar-light .navbar-toggler {
    color: rgba(255, 255, 255, 1);  /*was rgba(10, 40, 0, 1); */
    border-color: rgba(0, 0, 0, 0.0);
    float:right;

}

.navbar-light .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");
}


.scrolled{
  background-color: dodgerblue;
  transition: 0.3s;
}

#nav_show,
#nav_show2,
.bg_show,
.bg_show2{
    -webkit-animation: fadein 0.5s linear 1 forwards;
    animation: fadein 0.5s linear 1 forwards;
    width:100%;
    /**ADDED to make visible**/
    /*background-color:#0A2800;*/
}

.navbar.navbar-alt1{
background-color:#0A2800;
/*display:none;*/
}

div#nav_show,
div#nav_show2{
    width:100% !important;
}

@-webkit-keyframes fadein {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fadein {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeout {
  0% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes fadeout {
  0% { opacity: 1; }
  100% { opacity: 0; }
}

.navbar.bg_show{
  /*background: transparent;*/
/*  background-color: #f3f6f7 !important;*/
background-color: transparent;  /* was #0A2800 */
-webkit-transition:color .7s ease;
transition:color .7s ease;

}

.navbar.bg_show img{
  /*background: transparent;*/
/*  background-color: #f3f6f7 !important;*/
/*background-color: #0A2800;*/
/*-webkit-transform:translate(15px, 44%) 1s ease-in 1s;
transform:translate(15px, 44%) 1s ease-in 1s;*/
}

.transition1{

  transform:translate(0px,40px)  4s ease-in 4s;
/*-webkit-transform:translate(15px, 44%) 1s ease-in 1s;
transform:translate(15px, 44%) 1s ease-in 1s;*/
}


.navbar-collapse.box1.collapse{
  -webkit-animation: fadeout 0.5s linear 1 forwards;
    animation: fadeout 0.5s linear 1 forwards;
}

.navbar-collapse.box1.show{
  -webkit-animation: fadein 0.5s linear 1 forwards;
    animation: fadein 0.5s linear 1 forwards;
}


.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 11px;
}

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


a{
  color:#2C2F2A;
  text-decoration:none;
}

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

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

a.link {
  display: block;
  padding: 0 0 0px 0px;
  text-decoration:none;
  background-color: transparent;
}

a.green-hover{
  color:#FFF;
  border-left:none;
  border-bottom:none;
    transition: 0.3s;
}

a.green-hover:hover{
  color:#E3E829 !important;
  /*border-left:3px solid #E3E829;
  border-bottom:3px solid #E3E829;*/
    transition: 0.3s;

}

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

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

}

.solid-btn a.link,
.blue-btn a.link,
.orange-btn a.link,
.outline-btn a.link {
  color:#2C2F2A;
  font-size:13px; 
  line-height:18px; 
  padding-top:0px;
  margin-top:0;
  /*padding-bottom:2px;*/
/*  font-weight: 700;*/
  text-transform:uppercase;
  letter-spacing:0.06em;
  
  -o-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -khtml-transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  transition: all 0.1s linear;
}



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

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

}


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

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





.solid-btn{
  padding:12px 20px;
  background-color: #E3E829;
  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;
}

.solid-btn:hover{
  background-color: #0A2800;
  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;
}


.solid-btn a.link,
.solid-btn a.download{
  color:#2C2F2A;
    -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.link:hover,
.solid-btn a:hover,
.solid-btn a.download:hover{
  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.solid-btn2{
  font-size: 13px;
  line-height: 18px;
  color:#2C2F2A;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding:12px 20px;
  background-color: #E3E829;
  display: inline-block;
  margin-right:10px;
  margin-top:10px;
  -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-transit2ion: all 0.1s linear;
  transition: all 0.1s linear;
}

a.solid-btn2:hover{
  background-color: #0A2800;
  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.solid-btn3{
  font-size: 13px;
  line-height: 18px;
  color:#fff;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding:12px 20px;
  background-color: #040745;
  display: inline-block;
  margin-right:10px;
  margin-top:10px;
  -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-transit2ion: all 0.1s linear;
  transition: all 0.1s linear;
}

a.solid-btn3:hover{
  background-color: #040745;
  color:#E3E829;
  -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.solid-btn2.white-hov:hover{
  background-color: #fff;
  color:#2C2F2A;
  -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:10px 14px 8px 14px;
  background-color: none;
  border:1px solid #2C2F2A;
  display: inline-block;
  margin-right:10px;
  margin-top:10px;
  color:#2C2F2A; 

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



.outline-btn.white{

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

}

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

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



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



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




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









/************************ 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:#000; /* bkgd:none messed up IE */ z-index:100; opacity:0; filter: alpha(opacity=0); border:0px solid transparent; }

/* 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.bldg1 {left:49%; top:12%; width:12%; height:18%;}
.imageMap a.bldg2 {left:49%; top:30%; width:12%; height:20%;} 
.imageMap a.bldg3 {left:44.7%; top:57%; width:5.5%; height:21%;}
.imageMap a.bldg4 {left:39.7%; top:55%; width:4.7%; height:23.7%;}
.imageMap a.bldg5-1 {left:31%; top:49%; width:4%; height:30%;}
.imageMap a.bldg6-1 {left:26%; top:49%; width:5.2%; height:14%;}
.imageMap a.bldg7-1 {left:26%; top:65%; width:5%; height:14%;} 
.imageMap a.bldg8 {left:35.3%; top:51%; width:4.5%; height:29%;}


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








/************************************** 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: .5vw; 	
}



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

.gallery4 img{
  float:left;
  width:20%;
}

.hero-video {
  position: relative;
  height: 100vh;       /* full viewport height */
  overflow: hidden;
}

/* force the video to fill & stay centered even on mobile */
.bg-video {
  position: absolute;
  top: 50%;
  left: 50%;
  /* these ensure it’s at least as big as the container */
  min-width: 100%;
  min-height: 100%;
  /* but width/height themselves stay “auto” to preserve aspect ratio */
  width: auto;
  height: auto;
  /* center via transform */
  transform: translate(-50%, -50%);
  /* turn back on object-fit with Safari prefix */
  -webkit-object-fit: cover;
  object-fit: cover;
  object-position: center center;
  display: block;       /* prevent inline-video quirks */
  z-index: 0;
  filter: brightness(0.9);
}

.shop-logo1{
  position: absolute;
  bottom:30px;
  right:30px;
  z-index:3000;
}


.shop-logo1 img{
  width:120px;
}



.shop-logo2{
  position: absolute;
  text-align:center;
  margin:0 auto;
  width:120px;

  right: 0;
bottom: 30px;
left: 0;
z-index: 15;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
}


.shop-logo3{
  width:120px;
  margin:15px;
}


.shop-logo4{
  width:120px;
  position:relative;
  bottom:20px;
  left:20px;
}


img.contact-logo{
  width:65px;	
  max-width:100%;
  float:right;
  display:block;
}


.social-icon-box{
text-align:right;  
float:right;
display:box;
}


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



.social-icon{
  max-width:24px; 
  padding:0px 3px 24px 3px;
  float:right;
}


.lrg-arrow{
  max-width:40px;
  margin-top:-20px;
}


.slick-gallery div{
  margin: 5px 10px;
}


.caption-box{
position: relative;
display: block; 
  transition: 0.3s;
}

.image-caption{
position: absolute;
bottom: 10px;
right:  15px;
color: #fff;
font-size:13px;
  transition: 0.3s;

}


.image-caption3{
position:absolute;
background-color:#fff;
  top: 40px;
  left: 40px;
color: #fff;
text-align:left;
padding:12px 20px 10px 20px;
}


.image-caption4{
position:absolute;
background-color:#fff;
  top: 40px;
  right: 40px;
color: #fff;
text-align:right;
padding:12px 20px 10px 20px;
}



.image-caption2{
position:absolute;
width:68%;
/*height:100%;*/
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%)
color: #fff;
text-align:center;
  transition: 0.3s;

}

.image-caption2,
.image-caption2 h1.white,
.image-caption2 p.white{
  transition: 0.3s;
}

.image-caption2:hover,
.image-caption2:hover h1.white,
.image-caption2:hover p.white{
color:#E3E829 !important;
  transition: 0.3s;
  /*background-color:#fff;*/  /* drk green #0A2800  */
}


.image-caption2.avail1,
.image-caption2.avail2{
  transition: 0.3s;
    border:0px solid transparent;
}



.image-caption2.avail1:hover{
  transition: 0.3s;
  border-bottom:6px solid #E3E829;
  border-left:6px solid #E3E829;
  /*background-color:#0A2800;*/
}

.image-caption2.avail2:hover{
  transition: 0.3s;
  border-top:6px solid #E3E829;
  border-right:6px solid #E3E829;
}

.green-border-left{
  border-left:6px solid #E3E829;
}

.green-border-right{
  border-right:6px solid #E3E829;
}

.green-border-top{
  border-top:6px solid #E3E829;
}

.green-border-bottom{
  border-bottom:6px solid #E3E829;
}

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


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




.section-pad{
  padding-top: 75px ;
  padding-bottom: 75px ;
}

.section-pad2{
  padding-top:15%;
  padding-bottom: 15%;
}


section.no-pad{
  padding: 0px 0;
  }

#home{
  background-color:#0A2800;
  padding-top:100px;
  padding-bottom:100px;
  background:url(../images/the-vic-main-rendering.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:600px;	

}

#home.alt{
  background-color:#0A2800;
  padding-top:100px;
  padding-bottom:100px;
  background:url(../images/tree-bkgd1-1.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:400px; 

}


#home.alt-video{
background-color:transparent;
 /*   padding-top:100px;
  padding-bottom:100px;
  background:url(../images/tree-bkgd1-1.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:400px; 

}


.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: 54px;
  line-height:54px;
  font-family: kings-caslon-display, serif;
font-weight: 400;
font-style: italic;
}

.arrow-scroll-down {
 display: none;
}

.home-logo{
  max-width:550px;
  margin:0 auto;
  padding:0 40px;
}

.hero-video {
  position: relative;
  overflow: hidden;
}

.hero-video::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  /* 80% opaque black at top fading to transparent at bottom */
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.8) 0%,
    rgba(0, 0, 0, 0.4) 20%,
    rgba(0, 0, 0, 0)   40%
  );
  pointer-events: none; /* let clicks pass through */
  z-index: 1;
}

.home-center,
.home-logo {
  
  z-index: 2;
}

.home-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;               /* 1. enable flexbox */
    flex-direction: column;      /* 2. stack logo + button vertically */
    align-items: center;         /* 3. center everything horizontally */
    opacity: 0;
    animation: fadein 3s forwards;
    /* remove padding if it causes offset
       padding: 0 40px; 
    */
}

/* Optional: add some space between logo and button */
.home-logo .cta-button {
    
    margin-top: 4rem;
    width: auto;  /* let the button size to its content */
}

/* make sure the link itself isn’t full-width */
.home-logo .solid-btn2 {
    display: inline-flex;        /* make it a flex container */
    align-items: center;         /* center vertically */
    justify-content: center;     /* center horizontally */
    width: 380px;
    height: 55px;
    font-size: 16px;
    /* remove any top/bottom padding so align-items is precise */
    padding: 0 1rem;
}



/* keyframes already set up to go from 0 → 1 opacity */
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* vendor prefixes for the keyframes */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}




.rabina-logo{
  max-width:180px;
  float:right;
}




section#section-gallery{
  padding: 10px 0; /* was 75 0 */
  background:#fff;
}

#section0-1{
  background:#0A2800;
  min-height:100px; 
}


#section0{
  background:#E3E829;
  min-height:100px;	
}






#section1,
#section1-11,
#section1-12,
#section5{
  background:#fff;
/*  background-size:100% auto ;  
  background-image:url(../images/line-art2-gold.png);
  background-repeat: no-repeat;
  background-position: right top ; */
}



#section1-0{
  background:url(../images/future/vic-rendering1-dark.jpg) 100% 100% no-repeat ;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-color:#0A2800; 
  overflow:hidden;
  min-height:100px;
}



#section1-1{
    
 /* background:url(../images/photos/vic-aerial1.jpg) 100% 100% no-repeat ;*/ /* fixed */
  background:url(../images/photos/building-photo1-dark.jpg) 100% 100% no-repeat ;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-color:#0A2800; 
  overflow:hidden;
  min-height:100px;
  /*padding:75px 0; */
  /* Christina had me make it bigger 150 */

}




#section1-2{
  background:url(../images/photos/trees1-dark.jpg) 100% 100% no-repeat ;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-color:#0A2800; 
  overflow:hidden;
  min-height:100px;
}





#section2{
  background:#2C2F2A;
  background-size:100% 100%; 
  background-position:fixed; 
  min-height:200px;		
}



#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:#fff; 
  overflow:hidden;
  min-height:200px;
  padding:0 0;	

}


#section3{
  background-color:#040745;	
  background-size:100% 100%;  
  min-height:200px;	
  color:#fff;
}




#section4{	
  background-color:#fff; 
  overflow:hidden;
  min-height:200px;
  /*padding:150px 0;	*/
}

.listing-card-home,
.listing-card-home * {
  color: #2c2f2a !important;
  transition: none !important;
}

/* 3. Still force black on hover */
.listing-card-home:hover,
.listing-card-home:hover * {
  color: #2c2f2a !important;
}



.hero-video .listing-card-home {
  color: #000;
}




section#section-btns{
padding:0;  
background-color: #fff;
}


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


section#map-box2{
height:520px;
width:100%;
padding:0;    
}

#footer{
  background:#0A2800;  /* was gray #2C2F2A */
/*  background-size:100% auto ;   
  background-image:url(../images/line-art1-ash.png);
   background-repeat: no-repeat;
  background-position: right top ; */
}








body.blog #section0{
  background:#0A2800;
  min-height:100px; 
  padding-top:150px;
}

body.blog #full-image1{
  background:#fff;
  min-height:100px; 
  padding:0px;
}



body#homepg #full-image1{
  background:#fff;
  min-height:100px; 
  padding:0px;
}


body.blog #section1,
body.blog #section4,
body.blog #section5{
  background:#FFF;
  min-height:100px; 
}


body.blog #section3{
  background-color:#040745; 
  background-size:100% 100%;  
  min-height:200px; 
  color:#fff;
}



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


#section-author{
  background:#0A2800;
  min-height:100px; 
}








.bg-dark{
    background-color: #0A2800 !important;
}


.bg-dark2{
    background-color: #2C2F2A !important;
}


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


.bg-img1{
    background-color: none;
    /*background-size:auto 100%;*/   
    background-image:url(../images/photos/building-photo1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 30%;  /* slope */
    min-height: 200px;  /* start height */
}

.bg-img2{
    background-color: none;
    /*background-size:auto 100%;*/   
    background-image:url(../images/future/vic-rendering-cp1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 25%;  /* slope */
    min-height: 200px;  /* start height */
}

.bgi-img{
      background-color: none;
      /*background-size:auto 100%;*/   
      background-image:url(../images/photos/vic-commons-interior55.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      padding-top: 30%;  /* slope */
      min-height: 200px;  /* start height */
}

.bg-img3{
    background-color:#0A2800;
    background-size:100% 100%;  

    padding-right:6rem;

    /*height: 500px;
    width: 500px;
    overflow: hidden;
    position: relative; */

}


.bg-img4{
    background-color: none;
    /*background-size:auto 100%;*/   
    background-image:url(../images/future/vic-rendering-cp2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 25%;  /* slope */
    min-height: 200px;  /* start height */
}


video#bgvid2 { 
    /*position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);*/
    transform: translateX(-25%);

    min-width: 100%;
    min-height: 100%;
    max-height:600px;
    width: auto;
    height: 100%;
    z-index: -100;
    
    overflow:hidden;
/* background: url('../images/video/2301-n-sepulved-blvd.png') no-repeat;
  background-size: cover;*/
  /*transition: 1s opacity;*/

}









/************************************ FULL SLIDER HOME - CAROUSEL*******************************/


/*!
 * Start Bootstrap - Full Slider (https://startbootstrap.com/template-overviews/full-slider)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-full-slider/blob/master/LICENSE)
 */



.carousel-inner {
max-height:800px;
  height:auto;
}


.carousel-item {
  height: 90vh;
/*  height:auto;
  width:100%;*/
/*  min-height: 800px;*/
  background: no-repeat center center scroll;
/*  background-size: 100% auto;*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 /* transition:transform .6s ease,-webkit-transform .6s ease;*/    /* ORIGINAL */
  transition:transform .7s ease,-webkit-transform .7s ease;
}


.carousel-caption{
text-align:center;
/*position:relative;
width:400px;*/
height:auto;
background-color:transparent;
padding:60px 30px;
margin:0 auto;
max-width:600px;
top:32%;
z-index: 10;
}

.carousel-caption.first{
/*background-color:#fff;
background:rgba(255,255,255, 0.9);*/
top:5%;
max-width:700px;
}


.carousel-caption.page-title{
text-align:center;
height:auto;
background-color:transparent;
padding:60px 30px;
margin:0 auto;
max-width:550px;
top:25%;
z-index: 10;
}

.mobile-page-title{
padding: 20px;
background-color:#fff;
border-top:6px solid #E0B589;
border-left:6px solid #E0B589;
/*border-bottom:6px solid #0A2800;
border-right:6px solid #0A2800;*/
color:#E3E829;
}


.carousel-caption h1{
font-size: 70px;
line-height: 70px;
color:#fff;
color:#E3E829;
}

.carousel-caption h3{
margin-top:0;
color:#fff;
text-transform:uppercase;
font-weight:900;
font-size:16px;
}

.carousel-caption h3.main-subhead{
color:#006072; 
margin-top:10px; 
text-transform:none; 
font-size:22px; 
font-weight:500;
}

.carousel-caption p{
line-height:18px;
margin-bottom:0px;
}

.carousel-caption p.lead{
font-size:23px;
line-height:25px;
}

.carousel-indicators li{
  background-color:rgba(255,255,255, 1);
}

.carousel-indicators .active {
  background-color:rgba(227,232,41, 1);
  }


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

.carousel-control-next-icon, 
.carousel-control-prev-icon{
  width:30px;
  height:50px;
}


  .carousel-control-next-icon{
  background-image:url('../images/arrow-right.png')  
  }

    .carousel-control-prev-icon{
  background-image:url('../images/arrow-left.png')  
  }

@media only screen and (min-width: 1599px) {

.carousel-inner {
max-height:900px;
  height:auto;
}

.carousel-caption{
max-width:700px;
}

.carousel-caption.first{
top:11%;
max-width:800px;
}

.carousel-caption h1{
font-size: 85px;
line-height: 85px;
}


.carousel-caption p.lead{
font-size:26px;
line-height:28px;
}

}

@media only screen and (max-width: 767px) {

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

}


.carousel-item {
  height: 400px;
  min-height: 400px;
  background: no-repeat center bottom scroll;
 background-size: 100% auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

.carousel-item img {
/*width:230px;*/
}


.carousel-caption{
float:none;
display:inline-block;
position:relative;
width:100%;
height:auto;
background-color:#006072;
background:rgba(0,96,114, 1);
  top:15%;
  left:0;
  padding:30px 20px;
/*  margin-bottom:200px;*/

}


.carousel-caption h1{
font-size: 50px;
line-height: 50px;
}


.carousel-caption h3.main-subhead{
font-size:18px; 

}

}



@media only screen and (max-width: 479px) {
  
 
.carousel-inner {
  min-height: 300px;
}

.carousel-item {
  height: 300px;
  min-height: 300px;
  background: no-repeat center bottom scroll;
 background-size: 100% auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

.carousel-item img {
/*max-width:180px;*/
width:70%;
}


}


/******************************** CAROUSEL *****************************************/
/* Carousel base class */
.carousel {
/*  margin-bottom: 4rem;*/
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {

}

/* Declare heights because of positioning of img element */
/*.carousel-item {
  height: 32rem;
}*/


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

.carousel-inner > .carousel-item > img,
.carousel-inner > .carousel-item > a > img {
  display:block;
  width: 100%;
  height:auto;
}









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


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


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


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

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


span.responsive-break{
    display:block;
}










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


ul.simple-dot,
ul.simple-dot li{
    margin: 0; 
    padding: 0;
    margin-left:8px;
    margin-bottom:5px;
}



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



.blue-box{
  background-color: #01576e;
  padding:20px 20px;	
  color: #fff;
}

.blue-box2{
  background-color: #01576e;
  padding:10px 10px;	
  color: #fff;
}


.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:#2C2F2A;
  padding:20px 30px;
  color:#fff;
}

.gray-box4{
  background-color:#2C2F2A;
  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;
}


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


.overflow-hidden { overflow: hidden; }



.available-btn{
  padding:180px 0;
  overflow: hidden; 
}

.ab1{
/*  background:url(../images/photos/vic-exterior-btn1-0.jpg) 100% 100% no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
  background-color:#2C2F2A; 

  overflow:hidden;
  min-height:100px;  
  -webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;


}

.ab1:hover{

        -webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;

}


.ab1-0{
  background:url(../images/photos/vic-exterior-btn1.jpg) 100% 100% no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  overflow:hidden;
  min-height:100px;  
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  /*  background:rgba(0,0,0,0.5);*/
  scale:1;

}

    


.ab1-0:hover{
/*  background:url(../images/photos/vic-exterior-btn1.jpg) 100% 100% no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-color:#0A2800; 
  background:rgba(0,0,0,1);*/
  overflow:hidden;
  min-height:100px;  
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  /*opacity:0.8;*/
  scale:1.03;
 color:#E3E829 !important;
}

.ab2{
  background:url(../images/photos/vic-exterior-btn2.jpg) 100% 100% no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-color:#0A2800; 
  overflow:hidden;
  min-height:100px;  
-webkit-transition: background 0.2s ease-in-out;
transition: background 0.2s ease-in-out;
}

.ab2:hover{
  background:url(../images/photos/vic-exterior-btn2-0.jpg) 100% 100% no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-color:#0A2800; 
  overflow:hidden;
  min-height:100px;  
-webkit-transition: background 0.2s ease-in-out;
transition: background 0.2s ease-in-out;
}



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

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

.callout{
  height:45px;
  vertical-align:bottom;	
  float:right;
  width:25%;
  text-align:right;
  font-size:30px;
  color: #717074;
}



.quickfact-box{
background-color:none;
padding:0px;
border:1px solid #caad6b; /*was #01576e */
text-align:center;
/*display:inline-block;*/	
/*color:#2C2F2A;*/
margin-bottom:20px;
}

.quickfact-box h1,
.quickfact-box-dark h1{
    font-family: kings-caslon-display, serif;
font-weight: 400;
font-style: italic;
color: #caad6b;
padding:20px 10px 15px 10px;
border-bottom:1px solid #caad6b;
margin-top:0;
margin-bottom:12px;
/*font-size:30px;*/
}


.quickfact-box.bold-intro{
  padding:20px 10px 17px 10px;
}

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

}

.quickfact-box h2,
.quickfact-box-dark h2{
margin:0;
line-height:24px;
color:#2C2F2A;
padding-bottom:0;
}






/*** QUICKFACT2 ***/


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

.quickfact-box2 h1{
font-family: kings-caslon-display, serif;
font-weight: 400;
font-style: italic;
color: #caad6b;
padding:20px 10px 17px 10px;
border-bottom:1px solid #caad6b;
margin-top:0;

}


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

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


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






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



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

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



.btn-link:hover {
font-weight: 400;
color: #caad6b;
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: 10px 0px;
vertical-align:top;
/*font-size:14px;*/
}

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

table.prop-details td:first-child,
table.prop-details2 td:first-child{
font-weight:800;
  font-size:13px;
    line-height:15px;
  letter-spacing:1px;
  text-transform:uppercase;
padding-right:15px;
vertical-align:middle;
}


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


table.prop-details tr{
border-bottom: 1px solid #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.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: #caad6b;
margin-bottom: 20px;
font-size: 32px;
line-height: 32px;
margin-top: 0;
font-family: kings-caslon-display, serif;
font-weight: 400;
font-style: italic;
}

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






.new-indust {
  display: none;
}

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

table.simple-fact-table td:first-child{
 color:#caad6b;
  margin-bottom:0px;
  font-size:32px; 
  line-height:32px; 
  margin-top:0;
font-family: kings-caslon-display, serif;
font-weight: 400;
font-style: italic;
  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;*/
}


table.availabilities1 thead{
  /*background-color: #ebeeef;  */
  font-size: 14px;
  line-height:16px;
  letter-spacing:2px;
    font-family: 'gt_americacondensed_medium', sans-serif;
    font-weight:normal;
  color:#abacaa;
}



table.availabilities2 thead th,
table.availabilities3 thead
{
  font-weight:normal;
background-color: #ebeeef;	
color:#2C2F2A; /* 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 20px 8px 0px;
}

table.availabilities1 td,
table.availabilities1 tbody td{
  padding: 8px 20px 8px 0px;
  border-bottom:1px solid #ddd;
  vertical-align:top;
}

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

table.availabilities1 a.solid-btn2{
  margin:5px 0;
}

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



table.availabilities1 tbody td:first-child{
/* font-weight:800;
  font-size:13px;
  letter-spacing:1px;
  text-transform:uppercase;*/
}



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


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

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

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-5-m-0{
  margin-top:5px; 
}

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

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

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

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


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


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


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

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

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

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

}


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


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



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

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

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




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

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

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

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

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




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

.marg-top-neg-8{
  margin-top:-8px;
}


.marg-btm-30, 
ul.marg-btm-30{
  margin-bottom:30px;
}

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


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

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


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

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


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

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

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



.half-box-grid{
width: 505px;
float: right;
margin-top:70px;
}

.half-box-grid2{
width: 505px;
float: right;
margin-top:0px;
padding-right: 40px;
}

.half-box-grid-right{
width: 505px;
float: left;
}

.half-box-grid-right2 {
    width: 505px;
    float: left;
    padding-left: 20px;
    padding-right: 10px;
}

.hard-break1{
margin-right: -30px;
}









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

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

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

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

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




@media (min-width: 1999px) {


.half-box-pad-left{
  padding-left:335px;
}

video#bgvid2 { 
    transform: translateX(-0%);
  }


   #home{
    padding-top:250px;
  padding-bottom:250px;
    min-height:800px; 
  } 

}


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

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



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


 #home{
    padding-top:180px;
  padding-bottom:180px;
    min-height:800px;	
  }	
  
.half-box-pad-left{
  padding-left:195px;
}

video#bgvid2 { 
    transform: translateX(-15%);
  }

}


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

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


@media (min-width: 1400px) and (max-width: 1599px) {
.half-box-pad-left{
  padding-left:80px;
}

 #home{
    padding-top:150px;
  padding-bottom:150px;
    min-height:800px; 
  } 

}


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

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



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

   video#bgvid{
  width:140%;
 }

}


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

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



@media (max-width: 1199px) {
.hard-break1{
margin-right: 0px;
}


.half-box-grid-right2 {
    width: 100%;
    float: left;
    padding-left: 0px;
    padding-right: 0px;
}

.half-box-grid2 {
    width: 100%;
}

}



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

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



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

.half-box-grid{
width: 415px;
float: right;
}


.half-box-grid-right{
width: 415px;
float: left;
}

   video#bgvid{
  width:140%;
 }


}


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

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



@media (max-width: 991px) {

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

span.responsive-break{
    display:inline;
}




video#bgvid { 

    width:auto;
    height: 100%;

}

.half-box-grid-right{
max-width: 510px;
width:100%;
float: none;
margin: 0 auto;
}

.img-fluid-mobile {
  display: none;
}



.pad-btm-30-m{
padding-bottom:30px;
}


}


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

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


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



.half-box-grid{
width: 300px;
float: right;
}


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

.hide-tablet{
  display:none;
}


video#bgvid2{
  max-height:300px;
}

.lrg-quote{
  font-size:38px; 
  line-height:38px; 

}

}


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

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



@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:14px;	
    line-height:19px;
  }

  

  body.blog{
    padding-top:56px;
  }

img.contact-logo{
  width:150px;	
    float:none;
    padding-top:24px;
}

.social-icon-box{
text-align:left;  
    float:none;
}


.navbar-toggler {
    padding: 0rem 0.8rem 0.1rem 0.8rem;
}


.navbar-light .navbar-toggler {
    color: rgba(255, 255, 255, 1);
    border-color: rgba(0, 0, 0, 0.0);
    border:none;
    float:right;
    display:block;  /* added because nav links were jumping down */
}

.navbar-light .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") !important;
}


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


.navbar-light .navbar-nav .nav-link {
    color: #fff !important;
}

.navbar-light .navbar-toggler {
    padding-right:0.4em;
}

.navbar.navbar-alt1{
/*display:none;*/
}

.social-icon{
float:left;
padding-top:15px;
}


.navbar.bg_show{
background-color: #0A2800;  /* was #0A2800 */
-webkit-transition:color .7s ease;
transition:color .7s ease;

}


.navbar.bg_show2{

display:none; /*added so that it wouldn't flash onload */
background-color: #0A2800;  /* was #0A2800 */
-webkit-transition:color .7s ease;
transition:color .7s ease;
}

.flex{  
  display:flex !important; /*added so that it wouldn't flash onload */
}


.navbar.nav_show2{
background-color: #0A2800;  /* was #0A2800 */
-webkit-transition:color .7s ease;
transition:color .7s ease;

}


.half-box-grid2{
width: 100%;
float: none;
margin-top:0px;
padding-right: 0px;
}

.bg-img2,
.bg-img4{
    padding-top: 50%;  /* slope */
}


.rabina-logo{
  max-width:160px;
  float:none;
}


.lrg-arrow{

  margin-top:40px;
}


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


ul.lead.simple-dot li::marker{ 
  font-size:16px; 
}




h2 {
  font-size:16px;	
}

.blue-box{
  font-size:16px;	
  line-height:26px;
}


.giant-p{
  font-size:40px; 
  line-height: 40px;
}

.lead{
font-size:18px;
line-height:22px;

}

.half-box-grid{
max-width: 510px;
width:100%;
float: none;
margin: 0 auto;
}


.nav-logo2{
  max-width:115px;  
  margin:0 auto;
  margin-bottom:10px;
  position: fixed;
top: 10px;
left: 20px;

/*top: -50px;
left: 44%;*/
-webkit-animation: fadein 0.5s linear 1 forwards;
    animation: fadein 0.5s linear 1 forwards;
}


.nav-logo3{
  max-width:100px;  
  margin:0 auto;
  margin-bottom:10px;
  position: fixed;
top: 11px;
left: 28px;

/*top: -50px;
left: 44%;*/
/*-webkit-animation: fadein 0.5s linear 1 forwards;
    animation: fadein 0.5s linear 1 forwards;*/
}


.nav-logo4{
  max-width:115px;  
  margin:0 auto;
  margin-bottom:10px;
  position: fixed;
top: 10px;
left: 20px;

/*top: -50px;
left: 44%;*/
-webkit-animation: fadein 0.5s linear 1 forwards;
    animation: fadein 0.5s linear 1 forwards;
}



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

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


.pad-btm-30-m{
padding-bottom:30px;
}


.pad-btm-10-m{
padding-bottom:10px;
}


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

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

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

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

.marg-top-5-m-0{
margin-top:0;
}




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


body.blog #section0{ 
  padding-top:50px;
}

section,
.section-pad,
.section-pad2{
  padding:50px 15px;	
}


.section-side-pad{
  padding-left:15px;  
  padding-right:15px;
}


#home{
/*  background-image:none;*/
  min-height:200px;
  background-size:auto 100%;
  background-color:#0A2800;

}

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



.new-indust {
  text-align: center;
  margin-bottom: 20px;
  margin-top: -20px;
  display: block;
}

#section3-1{	
  
  min-height:100px;

}

#section4{


}

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

.lrg-quote{
  font-size:33px; 
  line-height:33px; 

}


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

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



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


#section1{
background-image:none;
}


.display-mobile{
  display:block;	
}


.arrow-scroll-down {
  display: block;
  font-size: 40px;
  color: white;
  opacity: 50%;
  margin-top: 9rem;
  position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 740%);
}

.img-fluid-mobile {
  display: none;
}

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

.logo-top-right {
  max-width: 24%;
}

.bg-video {
  display: block;
}

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


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


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


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

h1.home-head{
  font-size:28px;	
  text-align:left;
}

.large-p{
  font-size:42px; 
  line-height:46px;
 /* margin-bottom:24px;*/
}


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

.bg-img1{

    background-size:100% auto ;   

}

video#bgvid2 {

  min-width: 100%;
  min-height: 200px;
  width: 100%;
  height: auto;
 
  transform: translateX(0%);
}

.bg-img3 {
  background-size: 100% auto;
  padding-right: 0;
  height: auto;
  width: 100%;
  /* overflow: hidden; */
  /* position: relative; */
  max-height: 300px;
}


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

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


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.availabilities1 thead tr,
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.availabilities1 tr,
table.availabilities2 tr,
table.availabilities4 tr,
table.availabilities5 tr,
table.availabilities6 tr { 
  border-bottom: 1px solid #D6CFC5;
  padding-bottom:10px;
}


table.availabilities1 tbody td,
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: 50%; 
}


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



table.availabilities1 td:before,
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;
}



/*Label the data*/

table.availabilities1 td:nth-of-type(1):before { content: "BUILDING"; }
table.availabilities1 td:nth-of-type(2):before { content: "AVAILABLE"; }
table.availabilities1 td:nth-of-type(3):before { content: "COMMENTS"; }
table.availabilities1 td:nth-of-type(4):before { content: "DOWNLOAD"; }


table.availabilities1 td:before { padding:5px 10px 0 10px; 
  font-size: 14px;
  line-height:16px;
  letter-spacing:2px;
    font-family: 'gt_americacondensed_medium', sans-serif;
    font-weight:normal;
  color:#abacaa;
  }



table.availabilities2 td:nth-of-type(1):before { content: ""; }
table.availabilities2 td:nth-of-type(2):before { content: "1 Mile"; }
table.availabilities2 td:nth-of-type(3):before { content: "3 Miles"; }
table.availabilities2 td:nth-of-type(4):before { content: "5 Miles"; }


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

table.availabilities3 td:nth-of-type(1):before { content: "Total SF"; }
table.availabilities3 td:nth-of-type(2):before { content: "Bldg"; }
table.availabilities3 td:nth-of-type(3):before { content: "Suite"; }
table.availabilities3 td:nth-of-type(3):before { content: "Rate (NNN)"; }
table.availabilities3 td:nth-of-type(3):before { content: ""; }

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


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


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



table.availabilities5 td:nth-of-type(1):before { content: "ADDRESS"; }
table.availabilities5 td:nth-of-type(2):before { content: "SUITE"; }
table.availabilities5 td:nth-of-type(3):before { content: "TOTAL SF"; }
table.availabilities5 td:nth-of-type(4):before { content: "ASKING LEASE RATE PSF (MONTHLY)"; }
table.availabilities5 td:nth-of-type(5):before { content: "ASKING SALE PRICE"; }
table.availabilities5 td:nth-of-type(6):before { content: "AVAILABLE DATE"; }
table.availabilities5 td:nth-of-type(7):before { content: "FLOOR PLAN"; }

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

table.availabilities6 td:nth-of-type(1):before { content: "TOTAL SF"; }
table.availabilities6 td:nth-of-type(2):before { content: "LEASE RATE"; }
table.availabilities6 td:nth-of-type(3):before { content: "SALES PRICE"; }

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




}



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

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




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


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

  
}



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

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




@media (max-width: 450px) {

.home-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;               /* 1. enable flexbox */
    flex-direction: column;      /* 2. stack logo + button vertically */
    align-items: center;         /* 3. center everything horizontally */
    opacity: 0;
    animation: fadein 3s forwards;
    /* remove padding if it causes offset
       padding: 0 40px; 
    */
}

    .home-logo .cta-button {
        margin-top: 2rem;
    }

  #home{
    min-height:200px;	
  }



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



}

  .bottom-info-first,
.bottom-info-second,
.bottom-info-third,
.bottom-info-fourth {
padding: 0; /* Remove padding */
margin-top: 0; /* Reset margin if necessary */
}


.filter-section {
  margin: 0px 252px;
}

.filter-dropdown {
  appearance: none; /* Remove default styling */
  -webkit-appearance: none; /* For Safari */
  -moz-appearance: none; /* For Firefox */
  padding: 15px;
  border: 2px solid black;
  border-radius: 3px;
  background-color: #fff;
  font-size: 16px;
  background-image: url('data:image/svg+xml,%3Csvg%20width%3D%22800px%22%20height%3D%22800px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M7%2010L12%2015L17%2010%22%20stroke%3D%22%23000000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E'); /* Add custom arrow image */
  background-repeat: no-repeat;
  background-position: right 10px center; /* Position the custom arrow */
  background-size: 22px; /* Size of the custom arrow */
  width: 100%;
}

/* Add a wrapper to help position the dropdowns properly */
.filter-section {
  display: flex;
  gap: 10px;
}



/* Adjust dropdown styles for mobile devices */
@media screen and (max-width: 768px) {
  .filter-dropdown {
      padding: 10px;
      font-size: 14px;
  }
}

.listing-card {


overflow: hidden;
box-shadow: 4px 4px 12px 0px #0000001F;

background-color: #fff;
height: 720px; 
display: flex;
flex-direction: column;
padding: 0px; 
}

.listing-card-home {


overflow: hidden;
box-shadow: 4px 4px 12px 0px #0000001F;
height: 430px;
background-color: #fff;
 
display: flex;
flex-direction: column;
padding: 0px; 
}

.listings-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  padding: 40px 250px;
  padding-bottom: 50px;
}

.carouselk {
  position: relative;
  overflow: hidden;
}
.carousel-track-containerk {
  overflow: hidden;
}
.carousel-trackk {
  display: flex;
  transition: transform 0.3s ease;
}
.carousel-cardk {
  flex: 0 0 33.333%; /* Three cards visible by default */
  box-sizing: border-box;
  padding: 0.5rem;
}
.carousel-buttonk {
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  background: white;
  border: none;
  padding: 0.5rem;
  height: 35px;
  width: 35px;
  border-radius: 100%;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  cursor: pointer;
  z-index: 10;
}
#prevBtn { left: 0.5rem; }
#nextBtn { right: 0.5rem; }

/* Tablet: show 2 cards */
@media screen and (max-width: 1024px) {
  .carousel-cardk {
    flex: 0 0 50%;
  }
}

/* Mobile: show 1 card */
@media screen and (max-width: 768px) {
  .carousel-cardk {
    flex: 0 0 100%;
  }
}

@media screen and (min-width: 1025px) {
  /* Container overflow now visible */
  .carouselk {
    overflow: visible;
  }

  /* Hide nav buttons */
  .carousel-buttonk {
    display: none !important;
  }

  /* Center the track wrapper */
  .carousel-track-containerk {
    display: flex;
    justify-content: center;
    overflow: visible;
  }

  /* Disable any transform and center the track */
  .carousel-trackk {
    transform: none !important;
    justify-content: center;
  }

  /* Make cards narrower for a squarer aspect */
  .carousel-cardk {
    flex: 0 0 25%;
    max-width: 28%;
  }

  /* Hide all cards beyond the first three */
  .carousel-trackk > .carousel-cardk:nth-child(n+4) {
    display: block;
  }

  .listing-header {
    font-size: 20px;
  }
}

@media screen and (min-width: 1180px) {
   .listing-header {
    font-size: 20px;
  }
}

.card-info {
padding: 16px;
margin-top: 16px;
display: flex;
flex-direction: column;
flex-grow: 1; /* Allow it to fill the remaining space */
}

.listing-image {
  height: 199px;
  width: 100%;
  object-fit: cover; 
}

.address-info {
 display: flex;
 font-family: 'gt_americalight', Arial, sans-serif;
 margin-top: 0px;
}

.footage-info {
 display: flex;
 gap: 4px;
 font-family: 'gt_americalight', Arial, sans-serif;
 margin-top: -8px;
}

.footage-number {
  font-size: 14px;
}

@media screen and (max-width: 1024px) {
  .carousel-cardk {
    flex: 0 0 50%;
  }
}

/* Mobile: show 1 card */
@media screen and (max-width: 768px) {
  .carousel-cardk {
    flex: 0 0 100%;
  }
}

.listing-header {
  font-size: 26px;
  font-weight: 400;
  margin-top: 0px;
  line-height: 2rem;
  letter-spacing: 0.1px;
}

.address-info div p {
font-size: 14px;
}

.type-box {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #EBEEEF;
  font-family: 'gt_americabold', sans-serif;
  font-weight: 500;
  padding: 5px 5px;
  border-radius: 4px; 
  margin-bottom: 10px;
  width: 100px;
}

.testingsss {
  border: rgba(148, 148, 148, 0.173) 0.1em solid;
  width: 100%;
  border-width: 0.1em;
}

.type-text {
  font-family: 'gt_americabold', sans-serif;
  font-weight: 500;
  color: #747474;
  margin: 0; 
  font-size: 14px;
}

.key-feature {
  padding-top: 10px;
  font-size: 24px;
}

.key-features {
  padding: 0px 30px 10px 30px;
}

.key-features-item {
 padding-bottom: 4px;
 font-size: 14px;
}

.bottom-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto; 
}

.view-details {
  font-family: 'gt_americacondensed_medium', sans-serif;
  color: #040745;
  background-color: transparent;
  border: none;
  font-weight: bold;
}

.contact {
  height: fit-content;
  margin-bottom: 0px
}






.pdf-links {
  color: #040745;
  text-decoration: none;
  
}

.pdf-links:hover {
  color: #E3E829;
}

.pdf-svg {
 margin-bottom: 5px;
}



 @media screen and (max-width: 1024px) {
  .listings-container {
    grid-template-columns: repeat(2, 1fr);
    padding: 30px;
  }

  .listing-card:nth-of-type(3) .listing-image {
    height: 310px; /* Increase the height of the image container */
    width: 100%;
    object-fit: cover; /* Make sure the image fills the container proportionally */
  }
  
}

@media screen and (max-width: 1642px) {
  .listings-container {
    grid-template-columns: repeat(2, 1fr);
    padding: 30px;
  }


  
}

@media screen and (max-width: 1366px) {
  .listings-container {
    grid-template-columns: repeat(2, 1fr);
    padding: 30px;
  }

  .listing-card:nth-of-type(1) {
    height: 700px;
  }
  .listing-card:nth-of-type(2) {
    height: 700px;
  }
  
  .listing-card:nth-of-type(3) .listing-image {
    height: 200px; /* Increase the height of the image container */
    width: 100%;
    object-fit: cover; /* Make sure the image fills the container proportionally */
  }
  
}



@media screen and (max-width: 5210px) {
 
 
  .carousel-item {
    height: 50vh; /* Make it smaller on mobile */
}
 
    
  }


@media screen and (max-width: 1280px) {
  .listings-container {
    grid-template-columns: repeat(2, 1fr);
    padding: 30px;
    padding-bottom: 50px;
  }
  

  
}


@media screen and (max-width: 1200px) {
  .listings-container {
    grid-template-columns: repeat(2, 1fr);
    padding: 30px;
    padding-bottom: 50px;
  }


.filter-section {
  display: flex;
  gap: 10px;
}
  
}

@media screen and (max-width: 768px) {
  .listings-container {
    grid-template-columns: 1fr;
  }
  .pdf-svg {
    margin-left: 38px;
  }
  .view-details-mobile {
    margin-left: 50px;
  }
  .listing-header {
    line-height: 2rem;
  }

  .listings-container {
    padding-bottom: 50px;
  }

  .filter-section {
    display: flex;
    margin: auto;
    align-items: center;
    justify-content: center;
  }
  .filter-dropdown {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    padding: 10px !important;
    font-size: 14px !important;
    border: black 2px solid !important;
    border-radius: 3px !important;
    background-color: #fff !important;
    color: #000 !important;
    width: 100% !important;
    background-position: right 2px center; /* Position the custom arrow */
}
.carousel-item {
  height: 40vh; /* Make it smaller on mobile */
}
}

@media screen and (max-width: 820px) {
  .listings-container {
    grid-template-columns: 1fr;
  }
  .filter-section {
    display: flex;
    margin: auto;
    align-items: center;
    justify-content: center;
  }
  .filter-dropdown {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    padding: 10px !important;
    margin: 0px 32px;
    font-size: 14px !important;
    border: black 2px solid !important;
    border-radius: 3px !important;
    background-color: #fff !important;
    color: #000 !important;
    width: 100% !important;
}

.home-logo .cta-button {
  margin-top: 4rem;
}

.home-logo .solid-btn2 {
  width: 320px;
}


}



@media screen and (max-width: 414px) {
  .listings-container {
    grid-template-columns: 1fr;
  }
  .filter-section {
    display: flex;
    margin: auto;
    align-items: center;
    justify-content: center;
  }
  .filter-dropdown {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    padding: 10px !important;
    margin: 0px 0px;
    font-size: 14px !important;
    border: black 2px solid !important;
    border-radius: 3px !important;
    background-color: #fff !important;
    color: #000 !important;
    width: 100% !important;
}




}


@media screen and (max-width: 430px) {
  .listings-container {
    grid-template-columns: 1fr;
  }
  .filter-section {
    display: flex;
    margin: auto;
    align-items: center;
    justify-content: center;
  }
  .filter-dropdown {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    padding: 10px !important;
    margin: 0px 0px;
    font-size: 14px !important;
    border: black 2px solid !important;
    border-radius: 3px !important;
    background-color: #fff !important;
    color: #000 !important;
    width: 100% !important;
}

.carousel-item {
  height: 10vh; /* Make it smaller on mobile */
  min-height: 25vh;
}

.carousel-inner {
height: 10vh; /* Make it smaller on mobile */
min-height: 25vh;
}

.title-page {
font-size: 40px;
}


}



@media screen and (max-width: 394px) {
  .listings-container {
    grid-template-columns: 1fr;
  }
  .filter-section {
    display: flex;
    margin: auto;
    align-items: center;
    justify-content: center;
  }
  .filter-dropdown {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    padding: 10px !important;
    margin: 0px 0px;
    font-size: 14px !important;
    border: black 2px solid !important;
    border-radius: 3px !important;
    background-color: #fff !important;
    color: #000 !important;
    width: 100% !important;
}

}

/**************** ANIMATIONS ******************/


@-webkit-keyframes fadein {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fadein {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeout {
  0% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes fadeout {
  0% { opacity: 1; }
  100% { opacity: 0; }
}