@charset "utf-8";
/* CSS Document for Inviro */

* html{
	margin:0;
	padding:0;
}
sup{
	vertical-align: super;
    font-size: .5em;
}

html, body{
/*    prevents text selection*/

/*
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
*/
	}
	
body {
	background:#fff;
	color:#494949 ; 
    font-family: 'Montserrat', sans-serif;
    margin:0;
	padding:0;
    
    position:relative;

}

a{
	text-decoration:none;
	color:#c7ab5e ;
}

a:hover{
	text-decoration:underline;
}

a.button{
	display: inline-block;
	margin:.5rem 0;
	padding:.75rem  1rem;
	background:#c7ab5e;
	color:#38424c;
	border-radius:2px;
	transition:all ease .1s;
	}
	
a.button:hover{
	text-decoration:none;
	background:#886400;
	color:#c7ab5e;
}

a.button-readmore{
	border: 1px solid;
	font-weight: normal;
	border-radius: 3px;
	text-decoration: none;
	padding: .35rem .75rem ;
	margin: .25rem 0;
	display: inline-block;
	
	transition: all ease .25s;
	
	clear: both;
	
}
a.button-readmore:hover{
	border: none;
	border: 1px solid rgba(137,137,137,0.59);
	background: rgba(137,137,137,0.59);
	
}

p{
	font-size:1rem;
	font-weight:400;
	margin:0 0 1.25em;
	line-height:1.6;
	}

p > a{
	font-weight:500;
}
	
h1{
	color:#c7ab5e;
	font-size:3rem;
	font-weight: 700;
    text-transform: uppercase;
	margin:0 0 .5em;
	text-align:left;
    

	}
h2{
	font-size:1.75rem;
	font-weight:700;
	margin:0 0 .25em;
	text-align:left;
    text-transform: uppercase;
	}

h3{
	font-size:1.45rem;
	margin:0;
	margin:0 0 .25em;
	line-height:1.35;
    }

ul li{
    margin-bottom: .5rem;
    line-height:1.5;

}

table {
	font-size:1rem;
    color: #7d8693;
  border-collapse: collapse;
    background:#fff;
    width: 100%;
}

table, th, td {
	border:1px solid #7d8693;
    padding: 1rem;
    text-align: center;
}

table.availability-data{
	margin-bottom:1em;
    
	
}
table th{
    color: #c7ab5e;
    background:#4a5057;
    
	
}
table.t01 td{
	padding:.5rem .75rem;

}

table.t01 tr:first-child{
	background:rgba(5,96,186,.9);
	color:#fff;

}
table.t01 tr:nth-child(even){
	background:rgba(5,96,186,.12);
}

.all_leased {
    color: #c7ab5e;
    font-weight: bold;
    text-transform: uppercase;
}
/*--------------------------------------------------------------
WRAPPERS
--------------------------------------------------------------*/

.wrapper{
	width:100%;
	min-height: 100%; /*this is need for fixed footer*/

	padding:0;
	margin:0 auto;/*bottom margin is compensated for negative margin amount of footer's height + border thickness*/
	}
	
.wrapper-width{
	position:relative;
	width:90%;
	min-width: 1025px;
	max-width: 1500px;
	
	margin-left: auto;
	margin-right: auto;

	}	

.wrapper-section {
	width:90%; /*match this with wrapper-width*/
    margin:0 auto 0;
    padding: 0 5% 0 ;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

}
.wrapper-home{
    width: 100%;

}
/*--------------------------------------------------------------
HEADER
--------------------------------------------------------------*/
.header-home{    
    	top: 0;
	position: fixed;
}
header{
	margin: 0;
	z-index: 1000;

    width: 100%;
    min-width: 1100px;
    padding: 0;
		
    
    height: 179px;

    display: flex;
    justify-content: space-between;
    border-top: 2px  solid rgba(0,0,0,.3);

    position: relative;

}

header .wrapper-width{
    
	display: flex;
	justify-content: space-between;

    width: 90%;
    padding: 0 5%;
		
}

header .logo{
	display:block;
    position: absolute;

    margin-top:-52px;
    left: 5%;
    
	padding:0;
    width:307px;
    max-width: 307px;
    transition: ease all 1s;
    z-index: 10000;
    overflow: auto;
}


header .logo img{
    width: 100%;
}


header.home{
}


.fp-viewing-firstpage header {
/*   height: 90px; different look for menu for each section*/
    
}
.fp-viewing-secondpage header {

}
.fp-viewing-3rdpage header a{

}
.fp-viewing-4thpage header a{

}

.fp-viewing-4thpage header .wrapper-width .logo{
    
}
.fp-viewing-lastpage header a{
	transition: all 0.5s;
    color: #fff;

}

/*--------------------------------------------------------------
MENU
--------------------------------------------------------------*/

.main-navigation {/*General Menu Area */
	width:100%;
    padding: .75rem 5% 0;
/*    max-width: 800px;*/
/*
    top: 20px;
    right: 0;
    position: fixed;
*/
    align-self: center;
	z-index: 40;
    
/*    border-top: 2px  solid rgba(0,0,0,.3);
    border-bottom: 2px  solid rgba(0,0,0,.3);*/
    
/*    box-shadow: 0 1px 1px 0px inset #996050, 0 1px 1px 0px #996050;*/

}


.main-navigation > ul { /*Main Cat Menu Area */
	list-style:none;  

	font-size:1.3em;
    width:100%;
	
	display:flex;
	justify-content:flex-end;
	margin: 0;
	padding:10px 0 ;

	
}
.main-navigation > ul li { /*Main Cat Menu List/Buttons */
	
	align-items:flex-end;

	font-weight: 700;
	display:table-block; 
	text-transform: uppercase; 
    margin:0 .5rem ;  
	padding: 0;
	
	position:relative;
}
.main-navigation a {
	display: block;
	text-decoration: none;
    padding:.5em .75em; 
	margin:0;
	line-height:1.3em; 
	font-size:1rem;
	color:#494949;

}

.main-navigation li:hover > a {
	color:#fff;
}

header.header-home .main-navigation a {
	display: block;
	text-decoration: none;
    padding:.5em .75em; 
	margin:0;
	line-height:1.3em; 
	font-size:1rem;
	color:#fff;

}
header.header-home .main-navigation ul ul a {
    color:#494949;

}

header.header-home .main-navigation ul ul a:hover {
    color: #fff;
}

/*--------------------------------------------------------------
SUB MENU
--------------------------------------------------------------*/

.main-navigation ul ul {/*first level submenu area */
	position: absolute;
	padding: .5em .5em;
	background:rgba(255,255,255,.95);
	
	left: 0;
	margin-top:0;
	z-index: 99999;
	display: none;
	list-style:none;
	float: left;
	box-shadow: 0 1px 2px rgba(0,0,0,.3);
	width: 200px;
}

.main-navigation ul ul a { 
/*submenu hyperlinks */

	text-decoration:none;
	transition: all .5s ease;
    padding:.75em 1em; 
	margin:0;
	font-size:1rem;

	
}
.main-navigation ul ul li { 
/*submenu list items */
	text-transform:capitalize;
	text-align:left;
	float:none;
    padding:0; 
	margin:0 ; 
}

.main-navigation li:hover > a {
	color:#fff;
	background:#c7ab5e  ; 
	border-radius:1px;
}
.main-navigation ul ul :hover > a {
 color: #fff;
}
.main-navigation ul ul a{/*sub menu li hovering backgrounds*/
	color:#494949;
	
}
.main-navigation ul ul a:hover {/*sub menu li hovering backgrounds*/
	background:#c7ab5e ;
	color:#fff;
	
}
.main-navigation ul li:hover > ul {
	display: block;
}
/*.main-navigation > .current_page_item > a,
.main-navigation .current-menu-item > a {
	color:#000;
	background:#fff ; 
	border-radius:1px;

}*/


  .main-navigation ul li a.active {
	background:#c7ab5e ; 
	color:#fff;
	border-radius:1px;

}
.main-navigation .current_page_item > a:hover,
.main-navigation .current-menu-item > a:hover  {
}

.main-navigation .current-menu-ancestor > a { /*highlight style of the parent button when it's on the child's page */
	color:#fff;
	background:#c7ab5e ; 
	border-radius:1px; 
}
.main-navigation .current_page_item >a{
    background:#c7ab5e ; 
	color:#fff;
}

.main-navigation .current_page_parent .current_page_item > a{
	background:#c7ab5e ; 
	color:#fff;
}



/*--------------------------------------------------------------
SECTION SUB MENU
--------------------------------------------------------------*/

.sub-navigation > ul { 
	list-style:none;  

	font-size:1.3em;
	
	display:flex;
	justify-content: flex-start;
	margin: 0;
	padding:0 ;

	
}
.sub-navigation > ul li { /*Main Cat Menu List/Buttons */
	

	display:table-block; 
	text-transform: uppercase; 
    margin-right:.5rem ;  
	padding: 0;
}
.sub-navigation > ul li a{ /*Main Cat Menu List/Buttons */
	padding:.25rem .5rem;

}
.sub-navigation > ul li:hover a{ /*Main Cat Menu List/Buttons */
	
	text-decoration: none;
	background:#494949;
	color: #fff;
}

/*--------------------------------------------------------------
Home Page
--------------------------------------------------------------*/
.section{
    padding-top: 170px;
}
/*
#section1{
    background: url(../img/sec-overview01.jpg);
    background-size: cover;

}
*/



/*
#section2{
	background: url(../img/sec-overview01.jpg);
	background-size: cover;
}
*/

#section3{
	background: url(../img/sec-availability.jpg);
	background-size: cover;
	color: #fff;
}
#section4{
	background: url(../img/sec-floorplans.jpg);
	background-size: cover;
	color: #fff;
	
}
#section5{
	background: url(../img/sec-contact.jpg);
	background-size: cover;
}

#section3 h1,
#section4 h1{
	color: #c7ab5e;
}
#section2 h1,
#section5 h1{
	color: #c7ab5e;
}
.section .fp-tableCell { /*this is auto-generated wrapper by fullpage.js*/
	
    display: flex;

}
.section .fp-tableCell .wrapper-section {
	width:100%; /*match this with wrapper-width*/
    margin:0 auto 0;
    padding: 0;

    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

}
.section .fp-tableCell .wrapper-section a {
	font-weight: bold;
	text-transform: uppercase;
	
}



.section .fp-tableCell .wrapper-section .section-content{

/*
    align-self: flex-end;
    margin-bottom: 10%;
*/


}

.home-video-wrapper{
	width:100%;
	margin-bottom: 2em;
	
}
.home-video-wrapper .video-clip-area video{
	width: 100%;
	height: auto;
	z-index: 0;
	
}
.home-video-wrapper > .info-area{
	position: relative;
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-template-rows: auto;
	grid-gap: 2em;
	width: calc(100% - 5rem);
	margin: 2em 2.5em;

}

.home-video-wrapper > .info-area .text-content{
    padding: 2rem 2.5rem;
    background: rgba(250,250,250,1);
    width: calc(100% - 5rem);
}
.home-video-wrapper > .info-area .text-content p{
    color: #555;
    width: 100%;
    font-size: 1.4rem;
    margin: 0 0 1rem;
    padding-left: 2rem;
    border-left: 2px solid #c7ab5e;
}
.home-video-wrapper > .info-area .button-area{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: center;
}
.home-video-wrapper > .info-area .button-area a.button{
	width:100%;
	padding: 1.25em 1.5em;
	font-weight: bold;

}


a.downloads{
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	
}
a.downloads img{
	display: block;
	max-height: 35px;

	height: auto;
	margin-right: 2rem;
}


.home-content{
    
    display: flex;
    width:92.5%;
    height: 100%;
    padding-left: 7.5%;
    justify-content: space-between;
    
    overflow: hidden;
}
.home-content .left-side{
    width: 25%;
    align-self: flex-end;
    margin-bottom: 15vh;
    padding: 1.5rem 2rem 1rem ;
    
    background: rgba(250,250,250,.8);

}

.home-content .right-side{
    width: 70%;
    align-self:flex-end;
    

}

.home-content .right-side img{
    width: 100%;
}
.location-content{

    display: flex;
    width:95%;
    height: 100%;
    padding-left: 5%;
    justify-content: space-between;
    
    overflow: hidden;
}
.location-content .left-side{
    width: 25%;
    align-self: center;

}
.location-content .right-side{
    width: 70%;
    align-self:flex-end;

}
.location-content .right-side img{
    width: 100%;
}


.location-content02{
    display: flex;
    width:100%;
/*    min-width: 1300px;*/

    justify-content: space-between;
 
}

.location-content02 .location-text{
    width: 35%;
    padding-bottom: 100px;
}

.location-content02 .right-side{
    width: 65%;
    margin-top: -140px; /*to compensate the logo hang*/
/*    margin-right: -5%;*/
    position: relative;
    overflow: hidden;
    

}
.location-content02 .right-side img.map01{
    
  animation-name: fade2;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 6s;
  animation-direction: alternate;
}
.location-content02 .right-side img.map02{
    
  animation-name: fade;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 6s;
  animation-direction: alternate;
}
    
    .location-content02 .right-side img{
    height:100%;
    
    position: absolute;
    bottom: 0;
    right: 0;
    
}



@keyframes fade {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}


@keyframes fade2 {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}



.overview-desktop-content{
    height: 100%;
     padding: 0 0 ;

}

.popup {
  display: none;
  position: absolute;
  padding: 1em 2em;
  background: #fff;
  box-shadow: 5px 5px 10px rgba(0,0,0,.8);
  color: #000000;
  border: 2px solid #c7ab5e;
  z-index: 1000000;
}
.popup h3{
    font-size: 1.4rem; 
    color: #c7ab5e;
}
.popup ul{
    margin-left:1em;
 
    padding: 0;
    
}.popup ul li:last-child{
    margin-bottom: 0;
    padding: 0;
    
}

.overview-desktop-content .map-area {
   position: relative;
    margin-bottom: 2rem;
}
.overview-desktop-content .map-area div{
    background:rgba(255,255,255,1);

   color:#494949;
    cursor:  pointer;
    transition:.25s ease all;
    
}
.overview-desktop-content .map-area div.mo-btn{
   background:rgba(255,255,255,.8);
    padding: .5em .75em;
    border-radius: 10px;
    z-index: 110;
    display:block;
    font-size: 1em;
}
.overview-desktop-content .map-area div.mo-btn:hover{
   text-decoration: none;

}

.overview-desktop-content .map-area .mo-btn .adno{
    font-weight: bold;
    font-size: 1rem;
}
.overview-desktop-content .map-area .mo-btn a{
    color: #494949;
 
}


.overview-desktop-content .map-area .a{
    position: absolute;
    top:71%;
    left: 45%;
}

.overview-desktop-content .map-area .b{
    position: absolute;
    top:55.6%;
    left: 51%;
}

.overview-desktop-content .map-area .c{
    position: absolute;
    top:36%;
    left: 37%;
}

.overview-desktop-content .map-area .d{
    position: absolute;
    top:32%;
    left: 32%;
}

.overview-desktop-content .map-area .e{
    position: absolute;
    top:29%;
    left: 40%;
}

.overview-desktop-content .map-area .f{
    position: absolute;
    top:24%;
    left: 44%;
}

.overview-desktop-content .map-area .g{
    position: absolute;
    top:36%;
    left: 58%;
}

.overview-desktop-content .map-area .h{
    position: absolute;
    top:28%;
    left: 62%;
}





.overview-desktop-content img.desktop-aerial{
    z-index: 0;
    width: 100%;
}
.overview-desktop-content .desktop-features{
    position: absolute;
    top: 2em;
    right: 2em;
    padding: 2rem;
    background: #fff;
}

.overview-desktop-content .desktop-features-mobile{
    display: none;
}


.overview-content{
    display: flex;
    height: 100%;
    justify-content: space-between;
    overflow: hidden;
    position: relative;
}
.overview-content .left-side{
    width: 68%;
/*    max-width: 800px;*/
    align-self:flex-start;

}
.overview-content .left-side img{
     width: 100%;
}


.overview-content .right-side{
    width: 30%;
    align-self: stretch;
    background:rgba(255,255,255,.8);
    
    border: 1px solid #c7ab5e;
    padding: 1rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.overview-content .right-side .features{
    padding: 1rem;
    align-self: flex-start;

    
}
.overview-content .right-side .building-list{
    width: 100%;
    align-self: stretch;
    
    border-top: 1px solid #c7ab5e;
    padding: 1.75rem 1rem;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;

}

.overview-content .right-side .building-list span.key{
    width: 15%;
    align-self: flex-start;
    text-align: center;
    font-weight: bold;
    font-size: 3rem;
    margin:0;
    padding: 0;
    color: #c7ab5e;
}
.overview-content .right-side .building-list h3{
    margin-bottom: .5rem;
    font-size: 1.225rem;


}.overview-content .right-side  ul{
    margin: 0 0 0 1rem;
    padding: 0;


}

.overview-content .right-side .building-list .detail-info{
    
    margin-bottom: 2rem;
    width:80%;
    
}
.overview-content .right-side .building-list .detail-info:last-child{
    
    margin-bottom: 0;

    
}

.availability-content {
    position: relative;
}

/*
.availability-content a.button{
    position: absolute;
    top: 1em;
    right: 0;
}
*/


.availability-button-area{
	
	display: flex;
	justify-content: flex-end;
	align-content: center;
	align-items: center;
	width:100%;
	margin: 0 0 3rem;
/*
	height: 50px;
*/
	
}
.availability-button-area a.button{
	padding: 1.25em 1.5em;
	margin: 0 .5rem;
	font-weight: bold;
	

}



.plans-content{
    width: 80%;
    margin: 0 auto;
    
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    
}



.plans-content h1{
    width:100%;
}

.plans-content .building-list{
    width: 100%;
    margin:10vh 0;
    padding-top: 2em;
    border-top: 1px solid #38424c;
}

.plans-content .building-list a{
    font-weight: bold;
    font-size: 1.4rem;
}
.plans-content .building-list ul{
    list-style: none;
    margin: 0;
    padding: 0;
}




.plans-content table{
    font-size: 1rem;
}
.plans-content table table, th, td{
    padding:.65em;
}
.plans-content ul{
    font-size: .85rem;
    margin-left: 1rem;
    padding: 0;
    line-height: 1.5;

}



.each-building-info {
    width: 100%;
    display: flex;
    justify-content: space-between;
    
}
.each-building-info .left-side{
    width: 100%;
	margin-bottom: 2rem;
}
.each-building-info .left-side .additional-images{
    width: 100%;
}
.each-building-info .left-side .additional-images .each-add-image{
   	margin-bottom: 2rem;
	padding: 0;
}
.each-building-info .left-side .additional-images .each-add-image h3{
   	margin-bottom: 1rem;

}
.each-building-info .left-side .additional-images .each-add-image img{
    width: 100%;
	margin: 0;
}
/*
.each-building-info .right-side{
    width: 100%;
    
    display: flex;
    flex-flow: column;
    justify-content: flex-start;

}

.each-building-info .right-side img.sp{
    width: 70%;
    margin: 0 auto 15vh;

}
.each-building-info .right-side img{
    width: 100%;

}
*/

.fp-content{
	position: relative;
}
.fp-content a.special-button{
	display: inline-block;
	position: absolute;
	top:0;
	right:0;
	margin:0;
	padding:.5rem  .75rem;
	background:#c7ab5e;
	color:#fff;
	border-radius:2px;
	transition:all ease .1s;
	}
.fp-content a.special-button:hover{
	text-decoration:none;
	background:#886400;
	color:#c7ab5e;
}

.fp-content img.fp{
    width: 100%;
    margin-bottom: 2rem;
}
.fp-content table {
    margin-bottom: 2rem;

}

.fp-content table tr.clickable-row {
    width: 100%;
    cursor: pointer;
    transition: all ease .25s;

}
.fp-content table tr.clickable-row:hover{
    background-color:#c7ab5e;
    color: #fff;

}
.suite-content{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}
.suite-content h1{
    font-size: 3rem;
   width:100%;
}

.suite-content .suite-plan{
    width:55%;
    box-sizing: border-box;
}
.suite-content .suite-plan img{
    width:100%;
}
.suite-content .right-side{
    width:40%;
}


.suite-content .right-side img.floor-plan{
    width: 60%;
    
}
.suite-content .right-side ul.suite-data{
    width: 100%;
    
}

.suite-content .right-side .photos{
    width: 100%;
    align-self: flex-end;
    margin-bottom: 0;
    
}

.contact-content{
    padding-top: 160px;
    color: #fff;
    align-self: center;
/*    margin-bottom: 18vh;*/


}
.uni-width{
    width: 100%;
    padding: 0;
}

/*--------------------------------------------------------------
Slick SLIDER for Home page
--------------------------------------------------------------*/


.slick-slides{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 0;
    text-align: center;
    justify-content: center;
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    color: #fff;

}

.slick-slides .static-image{
 
    width: 100%;
    height: 100vh;

   background-position: center;
    background-size: cover;
    

}


.slick-slides .static-image .text-overlay {
   display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    
    width: 100%;
    height: 100%;
}
.slick-slides .static-image .text-overlay p{

    width: 80%;
    align-self: flex-start;
    margin-top:20vh;
}

.slick-slides i{
    display: block;
    text-align: center;
    width: 100%;
    font-size: 7em;
    transition: all ease .25s;
    text-decoration: none;
    color: rgba(0,0,0,.05); /*this transitions from opaque white to 0 opacity*/
    cursor: pointer;
}

.slick-slides i:hover {
    color: rgba(255,255,255,1);
}
/*

.slick-slides i.fa-angle-left{
    left:0;
    top: 50%;
    position: absolute;
    bottom: 0;
    width: 10vw;
    height: 8vh;
    z-index: 900;

} 
.slick-slides i.fa-angle-right{
    right: 0;
    top: 50%;
    position: absolute;
    bottom: 0;
    width: 10vw;
    height: 8vh;

    
}
*/


.slick-dotted
{
    margin: 20px 0;
}

.slick-dots
{
    position: absolute;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0 0;

    list-style: none;
    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 2vh;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}


.wrapper-home .info-area{
    position: absolute;
    bottom: 15vh;
    padding: 2rem 2.5rem;
    margin-left: 5vw;
    z-index: 100;
    background: rgba(250,250,250,.8);
    display: flex;
    flex-wrap: wrap;
    width:40%;



}

.wrapper-home .info-area p{
    color: #555;
    width: 100%;
    font-size: 1.4rem;
    margin: 0 0 1rem;
    padding-left: 2rem;
    border-left: 2px solid #c7ab5e;

    
}
.wrapper-home .info-area a.button{
    
    
}

/*--------------------------------------------------------------
Slick SLIDER for Availability Page
--------------------------------------------------------------*/
.siteplan-area{
    width:100%;
    max-width:1200px;
    position: relative;
    margin:0 auto 2rem;
    

}

.siteplan-area a.mo-button{
    position: absolute;
    transition: .25s ease all;

    
}
.siteplan-area a.mo-button img{
     width: 100%;
   
}
.siteplan-area a.mo-button:hover{
    box-shadow: 0 0 30px 10px rgba(255,255,255,.8);
}
.siteplan-area img.sp{
     width: 100%;
}


.slick-regular-slides{
    position: relative;
        margin-bottom: 2rem;

}


.slick-regular-slides div{
    width: 100%;
}


.slick-regular-slides .static-image img {
    width: 100%;
    
}

.slick-regular-slides i{
    display: block;
    text-align: center;
    width: 100%;
    font-size: 7em;
    transition: all ease .25s;
    text-decoration: none;
    color: rgba(0,0,0,.05); /*this transitions from opaque white to 0 opacity*/
    cursor: pointer;
}

.slick-regular-slides i:hover {
    color: rgba(255,255,255,1);
}

.slick-regular-slides i.fa-angle-left{
    left: 2%;
    top: 40%;
    position: absolute;
    bottom: 0;
    width: 4vw;
    height: 5vh;
        z-index: 900;

} 
.slick-regular-slides i.fa-angle-right{
    right: 2%;
    top: 40%;
    position: absolute;
    bottom: 0;
    width: 4vw;
    height: 5vh;

    
}




/*--------------------------------------------------------------
 BX slider on images page
--------------------------------------------------------------*/
.images-content{
    margin-bottom: 100px;
    width:100%;
}


.slider-wrapper{
	position: relative;
	margin: 0 auto ;
	width:100%;
}
.slider-wrapper ul{
/*
	list-style:none;
	margin: 0;
	padding: 0;

	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
*/

}

.slider-wrapper ul li{
/*
	justify-content: center;
	align-items: center;
	align-content: center;
*/
	
	}
.slider-wrapper img{
	width:100%;
	display: block;
	
	}



.slider-button-area{
	display: flex;
	position: absolute;
	width:100%;
	height: 100%;
	justify-content: space-between;
	align-items: center;
	z-index: 1000;
	
}

.slider-button-area .prev-btn,
.slider-button-area .next-btn{
	width:20%;
	height:60%;
	display: flex;
	justify-content: center;
	align-items: center;

}

.slider-button-area .prev-btn a,
.slider-button-area .next-btn a {
	display: block;
	text-align: center;
	width:100%;
	font-size: 10rem;
	text-shadow: 1px 12px 11px rgba(0,0,0,0);

	transition: all ease .25s;
	text-decoration: none;
	
	color: rgba(255,255,255,0); /*this transitions from opaque white to 0 opacity*/

}
.slider-button-area .prev-btn:hover a,
.slider-button-area .next-btn:hover a {
	color: rgba(255,255,255,1);
	text-shadow: 1px 2px 4px rgba(0,0,0,.25);

}



.images-content .thumbnails {
	padding:.5% 0;
    width: 100%;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: auto;
	grid-gap: 1em;
	
/*
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    box-sizing: border-box;
    
*/
}
.images-content  .thumbnails a{
	width:100%;
	margin:0 ;
    
	}
.images-content .thumbnails a.active{
	transition: all ease .5s;
	box-shadow:  0 0 0 3px #005db9;
	}
.images-content .thumbnails a img{
	display:block;
	margin:0;
	padding:0;
    width:100%;
    height: auto;
	}


/*--------------------------------------------------------------
 PAGE CONTENT
--------------------------------------------------------------*/
.page-content{
	margin-bottom: 80px;
}
.page-content p{
	text-align:justify;
}

	
.page-content ul {
	font-size:1.25em ;
}

.page-content ul li{
	line-height:1.25em;
	margin:0 0 .5em;
}



a.see-more,
a.read-more{
	display:block;
	margin-top:1em;
	font-weight:700;
	color:#000 ;
	
	font-size:1rem;
}




/*--------------------------------------------------------------
Team
--------------------------------------------------------------*/

.team-area{
	padding-top:2rem;
	display:flex;
	justify-content:space-between;
	align-content: center;
	width:100%;
	flex-wrap: wrap;
}
.each-team-member{
	width:30%;
	color:#2c4a9f;
	text-align: center;
}
.each-team-member h3{
	font-size: 1.2rem;
	margin: 0;
	
}
.each-team-member span{
	font-size: 1rem;
}
.each-team-member ul{
	display: flex;
	align-items: center;
	justify-content: center;
	list-style: none;
	margin: 1rem 0;
	padding: 0;
	font-size: 2rem;
}
.each-team-member ul li{
	margin: 0 .5rem;

}
.each-team-member ul li a{
	color:#2c4a9f;

}


.each-team-member img{
	width:100%;
	margin-bottom: 1rem;
	
	}


/*--------------------------------------------------------------
NEWS
--------------------------------------------------------------*/

.page-image {
	height: 465px;
	margin-bottom: 1rem;
	background-size: cover !important;
	background-position:center center !important;
	background-repeat:no-repeat !important;
}

.page-image img{
	width:100%;
	height:auto;
}


.page-top-content{
	margin-bottom: 1rem;
}


.wpcf7-form{
	
	display:flex;
	flex-wrap: wrap;
}
.wpcf7-form p{
	width:50%;

}

.wpcf7-form input {
	padding: 1rem;
    border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 1.25rem;

}
.wpcf7-form textarea {
	width:100%;
	padding: 1rem;
    border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 1.25rem;

}
.wpcf7-form-control-wrap{
	margin-bottom: 2rem;
	width:100%;
	
}



/*-------------------------------------------------------------------------
Pagnation Number Navigation
--------------------------------------------------------------------------*/

.paging-navigation li { display: inline; }

a.page-numbers,
span.page-numbers {
     padding: .2em .7em .3em;
     color: #56585b ;
}

a:hover.page-numbers {
    color: #fff;
	text-decoration:none;
	background:#56585b ;
}

.paging-navigation .current {
    font-weight: bold;
	color:#fff;
	background:#56585b ;
}


/*--------------------------------------------------------------
Sidebar
--------------------------------------------------------------*/
#sidebar{
	display:block;
	
	width:20%;
	padding:1.5rem 2%;
	
	
	background:#494949;
	box-shadow: inset 0 0 222px 1px rgba(0,41,90,1.00);
	color:#fff;
	}
#sidebar a{
	color:#fff;
	}
#sidebar h2{
	text-transform:uppercase;
	font-size:1.5rem;
	margin-bottom:1rem;
}
	
#sidebar h3{
	text-transform:uppercase;
	font-size:1rem;
	margin-bottom:1rem;
	color: #43B6FF ;
	}
#sidebar ul{
	padding:0;
	margin:0 auto;
	width:100%;
	list-style:none;
	}
	
	
#sidebar ul.widget-area li.widget{
	font-size:.95rem;
	margin-bottom:1em;
	padding-bottom:1em;
	border-bottom:1px solid #1678e6;
	}
#sidebar ul.widget-area li:last-child{
	border:none;
	}


#sidebar ul.widget-area li.widget ul{
	margin-left:1rem;
	color:#43B6FF ;
	}
	
#sidebar ul.widget-area li.widget ul a{
	}	
/*

#sidebar>ul.widgets ul{
	font-size:1rem;
	margin:0 ;
	padding-left:1rem;
	list-style:none;
}


#sidebar>ul.widgets ul li a{
	color:#494949 ;
	}
*/

/*-------------------------------------------------------------------------
Pagnation Number Navigation
--------------------------------------------------------------------------*/


.paging-navigation ul.page-numbers {
	float:left;
	width:100%;
    margin: .5em 0 2em;
	font-size:1.5em;
	font-weight:400;
	border-top:1px solid #eee;
	padding:1em 0;	
	
}


.paging-navigation ul li { 
	display: inline; 
}

a.page-numbers,
span.page-numbers {
     padding: .2em .7em .3em;
     color: #494949 ;
}

a:hover.page-numbers {
    color: #fff;
	text-decoration:none;
	background:#494949 ;
}

.paging-navigation .current {
    font-weight: bold;
	color:#fff;
	background:#494949 ;
}




/*--------------------------------------------------------------
Construction Defects Tabs
--------------------------------------------------------------*/

#tabs {
	}
ul.ui-tabs-nav {
	display:flex;
	justify-content:flex-start;
	list-style:none;
	border-bottom:1px solid #2c4a9f;
	margin:0;
	padding:0 0 0 .5rem;
	} 
ul.ui-tabs-nav  li{
	background:#d9ecfc;
	padding:0;
	margin:0 1rem 0 0;
	border:1px solid #2c4a9f ;
	border-bottom:none;
	}

ul.ui-tabs-nav  li a{
	display:block;
	padding:.5rem .75rem;
	text-decoration:none;
	color:#2c4a9f;
	font-size: 1.2rem;
}

ul.ui-tabs-nav  li:hover a,
ul.ui-tabs-nav  li.ui-state-active a{
	color:#fff;
	background:#2c4a9f;
}

.tab-content{
	padding:1rem;
	font-size:1rem;
	
	background: linear-gradient(to bottom, rgba(0,0,0,.2) 0%, rgba(0,0,0,.05) 1%, rgba(0,0,0,.02) 3%);
	}


/*--------------------------------------------------------------
CONTACT
--------------------------------------------------------------*/

.contact-area{
	display: flex;
	justify-content: flex-start;
	width:100%;
	padding:0;
    
		
}

.contact-area .contact-group{
    margin-right: 10%;

}
.contact-area .contact-group img{
    display: flex;
    margin-bottom: 3rem;
/*	width:290px;
	height: auto;*/
    max-height: 100px;
    
}

.contact-area .contact-group .contact-info{
	width:100%;
    padding: 0;
    margin-bottom: 2rem;
	
	
}
.contact-area .contact-info h2{
	font-size: 1.2em;
    
}
.contact-area .contact-info p{
	margin-bottom: .45rem;
}
.contact-area .contact-info span{
	font-weight: 600;
}


/* --------google map area------*/
.map-area{
}
.acf-map {
	width: 100%;
	height: 400px;
	margin: 0;

}

/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}
	
/*--------------------------------------------------------------
FOOTER
--------------------------------------------------------------*/

.footer-fixer{
    position: fixed;
    background: none;

}
footer{
    border: 0;
    bottom:0;
    
	width:100%;
	color:#c7ab5e;
    
/*    background: linear-gradient(rgba(56,66,76,1) 20%, rgba(37,37,37,1)) ;*/
    
    background:#555;

	}
footer div.wrapper-width{
	display:flex;
	justify-content:space-between;
/*	border-top: 1px solid rgba(199,170,54,.2);*/

}

footer a{
	color:#c7ab5e;
}

footer a:hover{
	color:#c7ab5e;
	text-decoration:none;
}


footer .copyright{
	width:50%;
	padding:2rem 0;
	font-size:1rem;
}

footer .sm-area{

	width:50%;
	font-size:1.5rem;

	display:flex;
	justify-content:flex-end;
	align-content: center;

	}
footer .sm-area a{
	align-self:center;
	margin:0 .5rem;
	padding:0;
}


.footer-links{
	display: flex;
	align-content: space-between;
	width:80%;
	padding: 2rem 0 1.5rem;
	border-bottom: 1px solid  rgba(255,255,255,.20);
}

.footer-links .footer-contact{
	width:33.33%;
	
}
.footer-links .footer-contact p,

.footer-links .footer-quicklinks ul,
.footer-links .footer-expertiselinks ul{
	font-size: .9rem;
	list-style: inside;
	margin: 0;
	padding: 0;
}
.footer-links a,
.footer-links p{
	color:#adadad;
}
.footer-links .footer-quicklinks ul li,
.footer-links .footer-expertiselinks ul li{
	margin: .5rem 0;
	color:#adadad;

}
.footer-links .footer-contact h4{
	font-size: 1rem;
	margin: 0 0 .5rem;
	color:#adadad;

}

.footer-links .footer-quicklinks{
	width:33.33%;
	}
.footer-links .footer-expertiselinks{
	width:33.33%;
	
}