@import url('https://fonts.googleapis.com/css?family=Advent+Pro:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap');
/* Global
================================================================*/
 
body { background: #111619; }

body,
p {
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 170%;
	color: #fff;
}

			@media (min-width: 1200px) {
				.container {
					width:1400px; /*1230px*/
					max-width: 100%; 
				}
			}
			 
			@media only screen and (max-width : 1199px) {
				.container {
					width: 100%; 
				}
			}
.lh-1 {line-height: 100%}
.img-responsive {
	 width: 100%;
	 height: auto;
 }
.position-relative {
    position: relative;
}
img.right{
	float:right;
	margin:0 0 15px 15px;
}

.bold {font-weight:bold;}
 
input,select, textarea,
.input-group input,
.form-control {
	border-radius: 0;
	height: 44px;
	margin: 0 0 15px;
    color: #000!important
}

label {
	 font-size: 12px;
	 text-transform: uppercase;
}

.contact textarea { height: 162px; }

select { background: #fff!important }

.guest {
    color: #000;
    letter-spacing: .05em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight:normal;
}

.btn {
	border-radius: 0;
	color: #fff;
	border: none;
 	text-transform: uppercase;
	font-size: 16px;
	font-weight: 600;
	padding: 10px 30px;
	text-align: center
}
 
.btn-primary,
.btn-secondary,
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary  {
	background: rgba(0,176,181,.9);
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	border: none;
}
.btn-primary:hover {
	background: rgba(254,219,94,.8);
	color: #000;
}
.btn-secondary { background: #222; }

.btn-secondary:hover {
	background: #444;
	color: #fff;
}

.btn-full { width: 100%; }

.btn-half { width: 50% }

.box-green h3 {
    font-size: 30px;
    font-weight: 900;
    margin-bottom: 10px
}
			
.box-green,
.box-grey {
	background: #00b0b5;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.box-green:hover {
	background: #000;
    cursor: pointer
}
.box-grey { 
	background: #474d4d;
}
.box-grey:hover {
	background: #000;
}
.box-green a,
.box-grey a{
	color: #fff;
}
.yellow {
	color: #fec23b;
	font-size: 24px;
}
.text-box {
	padding: 20px 30px
}

a.teal,
.teal{color: #00b0b5!important}              
a,
.blue{
	color: #6fbfd1;
}
.ghost {
    border:1px solid #00b0b5;
    padding: 10px 20px;
}
.white{color:#FFF!important;}
.black{color:#000;}
a:hover,
a:active,
a:focus {
	text-decoration: none;
}
.font11 { font-size: 11px!important }
.font12 { font-size: 12px!important }
.font14 { font-size: 14px!important }
.font16 { font-size: 16px!important }
.font18 { font-size: 18px!important }
.font20 { font-size: 20px!important }
.font22 { font-size: 22px!important }

.font24 { font-size: 24px!important }

.marb-0 { margin-bottom: 0px!important}
.pb-0 { padding-bottom: 0px!important}
.marb-10 { margin-bottom: 10px }
.marb-20 { margin-bottom: 20px }
.marb-30 { margin-bottom: 30px }

.mar-0 {margin: 0px;}
.my-30 { margin: 30px 0;}

.pt10 { padding-top: 10px }
.pt20 { padding-top: 20px }
.pt30 { padding-top: 30px }
.pt40 { padding-top: 40px }
.pb5 { padding-bottom: 5px}
.pb10 { padding-bottom: 10px }
.pb20 { padding-bottom: 20px }
.pb30 { padding-bottom: 30px }
.pb40 { padding-bottom: 40px }
.pl3 {padding-left: 3px;}
.pr3 {padding-right: 3px}

.pl10 { padding-left: 10px }
.pl20 { padding-left: 20px }
.pl30 { padding-left: 30px }
.pl40 { padding-left: 40px }
.pr10 { padding-right: 10px }
.pr20 { padding-right: 20px }
.pr30 { padding-right: 30px }
.pr40 { padding-right: 40px }
.p10 { padding: 10px }
.p20 { padding: 20px }
.p30 { padding: 30px }
.p40 { padding: 40px }
.px-5 {padding: 0 5px;}
.py-5 {padding: 5px 0}

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
 }	
 
.no-gutter-left > [class*='col-'] {
    padding: 0 10px 10px 0
}
.no-gutter-right > [class*='col-'] {
   padding: 0 0 10px 10px;
}

.sm-gutter > [class*='col-'] { 
	padding-right: 2px; 
	padding-left: 2px; 
}

.bg-teal {
    background: #00b0b5;
}

.pull-right {
	float: right;
    margin: 0 0 15px 15px;
}
.img-circle {
	border: 4px solid #ccc;
}
span.red { color: #f00f54}
/*
div.img-circle{background-size: cover;margin:auto;}
*/

div.img-circle{
	display: inline-block;
	position:relative;
	width:100%;
	overflow: hidden;
}

div.img-circle:after{
	content:'';
	display:block;
	margin-top:100%;
}

div.img-circle img{
	position: absolute;
	top:50%;
	left:50%;
	min-width:105%;
	max-width:110%;
	min-height:105%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}

.resize-cell img{
	position: relative;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	transform:translateY(-50%);
}

.orange { color: #e58005 }
/* Header
================================================================*/
header {
	position: fixed;
	width: 100%;
 	top: 0; 
 	z-index: 800;
	background: #111619;
 }

 .holiday-banner{
 	text-align: center;
 	padding: 8px 0;
 	background:#ab2125;
    line-height: 100%;
    letter-spacing: .05em;
   }

 .holiday-banner .fa{
 	font-size:20px;
 	vertical-align: middle;
 }

 .mobile-holiday{
 	display: inline;
 }

 .header-top{
  	padding-bottom:0;
 	position: relative;
 }

.logo img {
	padding: 0;
	background: #262626;
	
}
.tarion-logo {
	position: absolute;
	top: 0;
	right: 50px;
	z-index: 999
}

			@media only screen and (max-width : 800px) {	
				.tarion-logo img {
					max-width: 100px;
					height: auto
				}
                .holiday-banner {padding: 5px 10px;font-size: 12px;}
			}
			@media only screen and (max-width : 599px) {	
				header {
					
				}
				
			}

			@media (max-width: 991px){
				.mobile-holiday{display: none;}
				.tarion-logo {
					right: 100px;
				}
			}

/* Main Navigation
-----------------------------------------*/
nav ul {
	list-style: none;
	margin: 10px 0 0;
	padding: 30px 0 0 20px;
	text-align: center
}

nav ul li {
	display: inline-block;
}

nav ul li a {
	display: block;
	font-size: 16px;
	color: #fff;
	padding: 10px 15px;
	text-decoration: none;
    text-transform: uppercase;/*mar24*/
    letter-spacing: .04em;/*mar24*/
}
nav ul li a:hover,
nav ul li a:visited {
	color: #fff;
	text-decoration: none;
}

nav ul li.contact-link a{
    background:#ffe550;
    color: #2d2d2d;
    font-weight: 600
}
			@media screen and (max-width: 1199px) {	
				
				nav ul li a {
					padding: 10px 8px;
				}
				
			}
			@media screen and (max-width: 599px) {	
				
				.logo img,
				img.tarion{
					width: 100px;
					height: auto; 
 				}
				.tarion-logo {
  					height: 105px;
					overflow: hidden
				}
			
			}
		
#m-nav,
#panel-container {
	display: none;
}
 
			@media screen and (max-width: 1023px) {
					
					.main-nav{
						display: none;
					}
					#m-nav {
						display: block;
						position: absolute;
						right: 40px;
						top: 25px;
						z-index: 999;
					}
					#panel-container {
						display: block;
					
						padding: 0;
					}
					 
					#panel-container div {
						display: block;
						float: none;
						width: auto;
					}
					.cb_slide_panel {
						 position: fixed;
						z-index: 65000;
						display: none;  
					}
					.cb_slide_panel.panel_right {
						background: #111619;
						width: 250px;
						height: 100%;
						text-align: left;
					}
					.cb_slide_panel a.close {
						background: url(../img/panel-close.png) no-repeat;
						height: 46px;
						position: absolute;
						text-indent: -9999em;
						width: 40px;
						display: none;
						opacity:1
					}
					
				.cb_slide_panel.panel_right a.close {
						left: -40px;
						top: 10px;
					}
					.cb_slide_panel a.close:hover {
						background-position: -40px 0;
					}
					#nav-scroll {
						position: fixed;
						height: 100%;
						padding: 0 0 80px;
						overflow:scroll
					}
					#panel-container h4 {
						font-size: 14px;
						background: #00b0b5;
						padding: 13px 10px;
					}
					
					#panel-container ul li {
						width: 100%;
						
					}
					#panel-container ul li a {
						display: block;
						font-size: 14px;
						color: #fff;
						padding: 5px 0 5px 15px;
						text-align: left;
						border-bottom: 1px solid #232424;
			
					}
					#panel-container ul li a:hover,
					#panel-container ul li a:visited {
						color: #fff;
						text-decoration: none;
					}
				}
/* Footer
================================================================*/
.footer {
	padding: 40px 0;
 	font-size: 14px;
	color: #fff;
	border-top: 1px solid #232424;
 }
 
 
/* Email/Social
------------------------- */
.social-info {
	font-size: 13px;
	line-height: 110%;
	color: #979d9d;
}
.social-icons {
 	margin: 60px 0;
 }
.s-icon {
	display: inline-block;
	font-size:8px;
	text-align: center;
	margin: 0 1px 0 0;
}
			@media (max-width: 992px) {
				.social-icons {
					padding: 0 0 0 40px;
					margin: 0 
				}
				.social-info {
					padding: 0 0 40px;
					margin: 0 0 40px;
 				}
				 
			}
		
/* Footer Nav 
------------------------- */
 .footer-nav {
  }  
.footer h4 {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: .04em
}
.footer ul {
	margin: 0 0 20px;
}
.footer li {
	margin: 0;
	line-height: 150%;
}
.footer li a {
	font-size: 13px;
	color: #fff;
 }
 
 .footer-bottom {
	border-top: 1px solid #232424;
	padding: 10px 0 0;
	color: #7b7c7c;
	letter-spacing: .03em;
    position: relative;

 }
 .footer-bottom div:nth-child(2) {
	 text-align: right;
 }
 .building-since {
     position: absolute;
	 top: 0;
	 right: 0;
 }
 			@media (max-width: 1023px){
				.footer-nav {
					display: none;
				}
			}
			@media (max-width: 992px) {
				.footer-bottom,
				.footer-bottom div:nth-child(2) {
                    padding-top: 70px;
	 				text-align: center;
 				}
				.building-since {
                    width: 100%;
                    right: auto;
					text-align: center;
                    top: -70px
				}
			}
             @media (max-width: 767px) {
                 .logo img { width:90px; height: auto }
            }
			@media (max-width: 500px) {
				.social-info div {
					float: none;
					width: auto;
				}
				.social-icons {
					padding: 0 0 0 15px;
				}
				.building-since img {
					max-width: 100%;
					height: auto;
				}
			}
			
		
/* Home: Slider
================================================================*/
.slider > div:not(.slider){
	display: none;
}
.slider > div:first-child{display: block;}

.slider,
.top-image,
.communities {
	/*padding: 105px 0 0;*/
	margin: 0;
}
.slider-community {
	padding: 0;
}

.sss {
	height: 0;
	margin: 0 0 10px; 
	padding: 0;
	position: relative;
	display: block;
	overflow: hidden;
}

.ssslide {
	width: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	overflow: hidden;
}

.ssslide img,
.unslider img {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
 	display: block; 
}

.sssnext, .sssprev {
	width: 30px;
	height: 36px;
	margin: 0;
	position: absolute;
	bottom: 10% ;
	background: #000 url('../img/arrow-left.png') no-repeat; 
	background-position: 8px 50%;
	opacity: .5
}

.sssprev {
	right: 6%;
 }

.sssnext {
	right: 3%;
	background: #000 url('../img/arrow-right.png') no-repeat; 
	background-position: 8px 50%;
}
.sssprev:hover, .sssnext:hover {
	cursor: pointer;
}

.unslider span.caption,
.sss span.caption {
	display: block;
	background: #252525;
   	padding: 20px 10%;
 	text-align: center;
	
 }
span.caption h1 {
	font-size: 36px;
	font-weight: 700;
 	text-transform: uppercase;
}

			@media only screen and (max-width : 599px) {	
				span.caption h1 {
					font-size: 30px;
				}
				.slider,
				.top-image {
					padding: 0;
				}
			}
			
/* Home: Top Content
-----------------------------------------*/
#top-content img {
	position: relative;
}
.intro-box {
	position: absolute;
	bottom: 0;
	background: rgba(0,0,0,0.6);
	padding: 40px; 
 }
.intro-box h1 {

	color: #fff;
	font-size: 36px;
	font-weight: 800;
 	
}
.box-btn{
	position: absolute;
	bottom: 25px;
	width: 100%;
	text-align: center;
}
.detail {
	font-size: 24px;
	line-height:100%;
	
}
.box-btn span {
	font-size: 14px;
	text-transform: capitalize
}
       
			 
        @media (max-width: 500px) {
            .devdiv{
                height: 350px;
                overflow: hidden;
            }
            .intro-box {
                padding: 20px;
                position: relative;
                margin-bottom: 10px
            }
        }

 /* Home: Current Communities
-----------------------------------------*/
.current-communities {
	 padding: 60px 0 0;
	 background: url(../img/communities-top-img.png) no-repeat top center; 
}
.current-communities h3 {
	 font-weight: 600;
	 margin: 0
 }
.current-communities p {
	 line-height: 150%;
}
.div-box {
	padding: 5px;
}
.active-communities .div-box {
    min-height: 390px
   
}
.community-page .div-box {
     min-height: 600px
}
.current-communities img {
	position: relative; 
}
.current-communities .text-box {
	/*padding: 52px; */
}
.current-communities .text-box .font20{
    letter-spacing: .03em;
 }
.home-title {
	position: absolute;
	top: 0;
	width: 100%;
	background: rgba(0,0,0,0.8);
	color: #fff;
	z-index: 500;
	text-align: center;
 	padding: 10px;
	text-transform: uppercase;
	font-weight: 700;
 	border-top: 2px solid #00b0b5;
    line-height: 130%
}
.home-title span {color: #3cb5b5;font-weight: normal;letter-spacing: .08em}

#comingsoon-home .home-title {
	top: auto;
	bottom: 0;
	border-top: 2px solid #ffe550;
	border-top: none;
}
         @media (max-width: 1200px) {

             .current-communities .text-box {
                padding: 40px 40px 10px; 
            }
             .text-box p {
                 margin-bottom: 0
             }
        }
        @media (max-width: 1100px) {
             .current-communities .text-box {
                padding: 30px 40px 10px; 
            }
        }

        @media (max-width: 992px) {
            .com {
                padding: 5px;
                min-height: 530px
            }
        }

/* Hover on Location thumbnails 
------------------------- */
.home-hover {
	position: relative;
	width: 100%;
	height: 100%;
 	overflow: hidden;
 	text-align: center;
	cursor: default;
}
.home-hover  .home-overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: rgba(0,0,0,0.8);
	-webkit-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
	line-height: 110%;
	font-weight: 400;
}
.home-hover  img {
	display: block;
	position: relative;
	-webkit-transition:all .3s linear;
	transition:all .3s linear;
}
.home-overlay img {
 	width: 50%;
	margin: 20px 25%;
	
}
.home-hover:hover .home-overlay {
	opacity:1;
	filter:alpha(opacity=100);
	padding-top: 20%;
 }
#comingsoon-home .home-overlay {
	padding-top: 5%;
}
  
			@media (max-width: 500px) {
				
				.current-communities .text-box {
					padding: 20px;
				}
				 
			}
			
 /* Home Coming Soon
-----------------------------------------*/
#comingsoon-home {
	margin: 0;
}
.coming-soon {
	background: #ffe550;
	font-size: 30px;
	font-weight: 900;
	letter-spacing: .05em;
	line-height: 100%;
	color: #444;
	padding: 40px;
	text-align: center;
    min-height: auto /*405px*/
}
/*
.coming-soon span:after {
	font-family: FontAwesome;
	content: '\f358  ';
	color: #6fbfd1;
}*/

 
			@media (max-width: 992px) {
				.coming-soon {
					padding: 30px;
                    min-height: auto
				}
				.coming-soon br {
					display: none;
				}
			
			}
			 

#lower-content {
	margin: 0 0 40px;
}
img.app-available {
	position: absolute;
	top: 20px;
	right: 10px;
}



/* Sub Page Content
================================================================*/
#page-content {
	background: #fff;
	display: flex;
	flex-direction: row;
	color: #2c2c2c;
}
.community-main {
	display: flex;
	flex-direction: column;
}
#page-content > div,
.community-main > div {
	-ms-flex: 1 0 0;
	flex: 1 0 0;
}
#page-content-dark p {
	line-height: 140%;
}
#page-content p,
#page-content h1,
#page-content h2,
#page-content h3{
	color: #2c2c2c;
}
#page-content h3 {
	font-size: 20px;
}
.page-content-left,
.page-content-full,
.page-content-dark {
	padding: 40px 30px 80px;
}
.page-content-left img,
.page-content-full img {
	max-width: 100%;
	height: auto;
}


			@media screen and (max-width: 1023px) {
				.page-content-left,
				 .page-content-full {
					padding: 40px 10px;
				}
			}
			@media screen and (max-width: 992px) {
				.page-content-left,
				.page-content-full,
				.page-content-dark {
					padding: 40px 20px 20px;
				}
			}
				
/*  About Pages  Sub Menu
-----------------------------------------*/				
.sub-menu {
	background: #f2f4f5;
	height: 100%;

}
.sub-menu ul{
	position:relative;
 	width: 100%;
	display: inline-block;
 	margin: 0 0 20px;
	padding: 0;
	list-style: none
}
.sub-menu ul li{
 	margin: 0px;
	border-bottom: 1px solid #dee2e2;

}
.sub-menu ul li a:link,
.sub-menu ul li a:visited{
	display: block;
 	color: #444;
 	text-decoration: none;
	font-size: 16px;
	font-weight: 600;
	line-height: 100%;
	padding: 30px 30px;

}
.sub-menu ul li a:hover,
.sub-menu ul li a.active {
	color: #fff;
	background: #00b0b5;
}

			@media (max-width: 992px) {
				.sub-menu {
					display: none;
				}
			}
			
.years {
	text-align: center;
	padding: 50px 10px;
}
.page-title,
.gallery-title {
	position: absolute;
	top: 15%;
	max-width: 1200px;
	min-width: 600px;
	margin: 0 auto;
  	left: 0;
	right: 0;
	text-align: center;
 }
 .page-title.community-title{
 	top:10%;
 }

 .gallery-title {
	 top: 45%;
 }
.page-title h1 span.title,
.gallery-title > h1 span.title{
	width: auto;
	background: rgba(0,0,0, .8);
	font-size: 30px;
 	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: #fff;
	padding: 10px 30px;
	line-height: 140%;
}
span.bar {
	color: #fec23b;
	font-weight: 900;
}

.community-info {
	margin: 30px 0;
}

		@media screen and (max-width: 992px) {
               
				.page-title {
					top: 10%;
				}
				.community-info .row {
					margin: 0;
				}
				.community-info .text-box {
					margin: 0 0 20px;
				}
			}
			@media screen and (max-width: 650px) {
				.page-title br{
					display: none;
				}
				.page-title,
				.gallery-title {
 					position: relative;
					left: 0;
					right: 0;
					top: auto;
					margin: auto;
					max-width: 650px;
					min-width: 280px;
 				}
				.page-title h1 span.title,
				.gallery-title h1 span.title {
					padding: 20px;
					margin: 0;
					background: none;
					display: inline-block
				}
			}
			
/*  Blog
-----------------------------------------*/				
.facebook {
	background: #4a6ab9;
	padding: 5px 110px 5px 40px;
	color: #fff;
	text-transform: uppercase;
 }
.facebook strong {
	font-weight: 800;
}
.facebook p {
	color: #fff;
}
.facebook br {
	display: none;
}
.fb-like{
	position: absolute !important;
	top: 0px;
 	right: 30px;
 	padding: 10px;
	background: #fff;
	margin-top: 7px;
}
.facebook .h1 {
	font-size: 28px;
	margin: 0;
}
.blog-entries {
	padding: 50px 0;
}
.entry {
	padding: 0 20px 30px;
	border-bottom: 1px dotted #ccc;
	margin: 0 0 30px;
}
.entry a {
	 font-size: 12px;
	 font-weight: 600;
}
.date {
	color: #9f9d9d;
	font-size: 14px;
	padding: 10px 0 0;
}
.community table p{
	line-height: 120%;
}
.community table p:before {
	font-family: FontAwesome;
	font-size: 12px;
	content: '\f005   ';
	color: #ccc;
}

			
			@media screen and (max-width: 800px) {
				 
				.facebook br {
					display: inherit;
				}
				.community .table,
				.community .table td {
					border: none;
				}
				.community table td {
					display: table-row;
				}
				.fb-like {
					top: 22px;
				}
			}
			
			@media screen and (max-width: 550px) {
				.facebook {
					text-align: center;
					padding: 15px 20px 0;
					line-height: 100%;
				}
				.facebook br {
					display: none;
				}
				.fb-like {
					position: relative !important;
					right: auto;
					top: 14px
				}
			}
		
		
.content-row {
	border-bottom: 1px dotted #ccc;
	margin: 0 0 50px;
	padding: 0 0 20px;
	text-align: center
}
.content-row > div {
	padding: 20px;
}
.content-row img {
	max-width: 100%;
	height: auto;
}

/*  Various
-----------------------------------------*/	
.frame,
.model-homes {
	background: #444;
	color: #fff;
	padding: 10px 10px 20px;
	margin: 0 0 30px; 
	text-align: center;
	font-size: 14px;
	line-height: 130%;
	min-height: 330px;
}
.frame h4 {
	font-size: 18px;
}

			@media (max-width: 992px) {
				.frame {
					min-height: 440px;
				}
			}

			@media (max-width: 767px){
				.frame{
					min-height: 0;
				}
			}
			
.pardot-iframe {
    height: 800px;
    width: 320px;
}

.contact-info {
	background: #f8f8f8;
	border-top: 1px solid #ccc;

}
.contact-info p {
	font-size: 14px;
	line-height: 130%;
}
.contact-heading {
	font-size: 20px;
	font-weight: 600;
	margin: 5px 0 5px;
}
.cta {
	margin: 0 0 30px;
}
.cta .btn{
	display: inline-block;
	float:left;
}
.contact .text-box {
	padding: 30px 0 10px;
	min-height: 290px;
}
.contact-info img {
	max-width: 100%;
	height: auto;
}

		@media screen and (max-width: 992px) {
			.contact .text-box {
				min-height: 380px;
			}
		}
		 
		@media screen and (max-width: 767px) {
			.contact .text-box {
				min-height: auto;
			}
			.contact-info div {
				float: none;
				width: auto;
			}
			.contact-info .text-center {
				
				display: none;
			}
			.cta .btn-half {
				width: 100%;
			}
			
		}
		

/*  Inspiration section (with 3 tabs)
-----------------------------------------*/			
#inpiration-nav{
	background: #f1f1f1;
}

#inpiration-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center
	 
}
#inpiration-nav ul li {
	display: inline;
}
#inpiration-nav ul li a {
	display: inline-block;
	margin: 0;
	padding: 15px 30px;
 	font-size: 16px;
	font-weight: 600;
 	text-decoration: none;
	text-transform: uppercase;
	color: #444;
 	-webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; 
 }
 #inpiration-nav ul li a:hover,
 #inpiration-nav ul li a.active {
	 background: #fff;
	 color: #00b0b5;
 }
 .main-content {
	padding-top: 130px;
}
.page-content-dark,
.community-main {
	background: #252525;
}
.portfolio-categories .frame {
	background: #f1f1f1;
	min-height: 230px;
	padding: 10px;
}
.portfolio-categories a {
	font-size: 12px;
	line-height: 140%;
	color: #2c2c2c;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: .01em;
}
.top-green-bar {
	background: #00b0b5;
	font-size: 12px;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
}

.top-green-bar a {
	color: #fff;
	text-decoration: none;
}

			
			@media screen and (max-width: 767px) {
				.main-content {
					padding-top: 88px;
				}
			}
			@media screen and (max-width: 500px) {
                .main-content {
					padding-top: 100px;
				}
				#inpiration-nav ul li a {
					padding: 15px 10px;   
				}
				
			}
			@media screen and (max-width: 500px) {
				#inpiration-nav ul {
					text-align: left;
				}
				#inpiration-nav ul li,
				#inpiration-nav ul li a{display: block;
	 				 
				}
			}
			
			
/* Communities
================================================================*/
#devonleigh-communities {
    padding-top: 130px
}
.communities {
	padding: 200px 90px 60px;
	background: #00b0b5 url(../img/com-bg.png) no-repeat bottom center;
	text-align: center

}
.communities .text-box {
	font-size: 18px;
	padding: 30px 100px;
}
.communities .text-box p {
	font-size: 18px;
}
.community-info {
	background: #252525;
	margin: 0 0 5px;
	font-size: 14px;
	line-height: 110%;
}
.community-info > div {
	padding: 20px 10px;
	height:100%;
	
}
.community-info img {
	width: 100%;
	height: auto;
}
.community-info-right {
	background: #31302f;
}
.community-map {
	text-align: center;
	text-transform: uppercase;
	margin: 0 0 30px;
}
.community-map-title {
	position: relative;
	background: #31302f;
	padding: 10px;
	letter-spacing: .04em;
}
.community-map-title img {
	 position: absolute;
	 top: 44px;
	 text-align: center;
	 z-index: 400;
	 left: 50%;
	 right: 0;
}
.community-logo {
	background: #fff;
	padding: 20px;
}
.community-cta {
	text-align: center;
	padding: 30px 0 0;
}
.community-cta a {
	background: #ffcb31;
	font-size: 20px;
	font-weight: 800;
	color: #444;
	text-transform: uppercase;
	padding: 15px 35px
}
.community-cta a:hover {
	background: #000;
	color: #ffcb31;
}
.community-cta a span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.community-cta a span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.community-cta a:hover span {
  padding-right: 20px;
}

.community-cta a:hover span:after {
  opacity: 1;
  right: 0;
}
p.zoom {
    font-size: 14px;
}
/*
.image__zoom {
    width: auto;
    min-height: 700px;
    margin: 0 0 20px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    background-size: auto 100%;
    background-position: 50% 50%;
    cursor: zoom-in;
    transition: background-size .5s;
}
    .image__zoom:hover {
    background-size: auto 300%;
}
*/

			@media screen and (max-width: 992px) {
				.communities {
					padding: 110px 30px 50px;
				}
				.communities .text-box {
					padding: 10px;
				}
                .community-info {
	margin: 0;
}
				
			}
			@media screen and (max-width: 599px) {
				.communities {
					padding: 10px 10px 30px;
				}
				 
			}


#map-canvas{
	width:100%;
	height:100%;
	min-height:250px;
}
/*  Community Sub Menu
-----------------------------------------*/				
.community-nav {
	background: #383838;
	height: 100%;

}
.community-nav ul{
	position:relative;
 	width: 100%;
	display: inline-block;
 	margin: 0 0 20px;
	padding: 0;
	list-style: none
}
.community-nav ul li{
 	margin: 0px;
	border-bottom: 1px solid #424242;
}
.community-nav ul li a:link,
.community-nav ul li a:visited{
	display: block;
 	color: #fff;
 	text-decoration: none;
	font-size: 16px;
	font-weight: 700;
	line-height: 140%;
	padding: 30px 25px;
	text-transform: uppercase;
	letter-spacing: .06em;
}
.community-nav ul li a.register {
	background: #00b0b5;
	color: #fff;
}

.community-nav ul li a:hover,
.community-nav ul li a.active {
	color: #ffcb31;
 }

 .community-nav ul li a.register:hover,
 .community-nav ul li a.register.active {
	background: #ffcb31;
	color: #000;
}
			@media screen and (max-width: 992px) {
				.community-nav {
					float: none;
					width: auto;
					height: auto;
				}
				.community-logo {
					display: none;
				}
				.community-nav ul {
					margin: 0;
 				}
				.community-nav ul li {
					display: inline-block;
				}
				.community-nav ul li a:link,
				.community-nav ul li a:visited{
					font-size: 12px;
					padding: 15px 12px;
					border-right: 1px solid #444;
				}
				
			}
			@media screen and (max-width: 767px) {
				.community-nav ul li {
					display: block;
				}
				.community-nav ul li a:link,
				.community-nav ul li a:visited{
					font-size: 14px;
				}
			}

/*  Community Locations
-----------------------------------------*/			
.community-location {
	background: #000;
	margin: 40px 0 30px;
	padding: 10px 20px 30px;
}
.location-links{
	background: #116a6d;
	padding: 5px 10px 6px;
}
.location-communities a {
	margin: 0 10px;
	color: #fec23b;
}
a.main-location {
	color: #fff;
	margin: 0 5px
}

/*  Community Model Homes
-----------------------------------------*/
.model-homes {
	position: relative;
	background: #f4f4f4;
	color: #232323;
 	min-height: 450px;
}
.model-homes h4 {
	text-transform: uppercase;
	font-weight: 700;
}
.model-homes p {
	color: #232323;
}
.model-homes span {
	font-size: 20px;
	font-weight: 600;
}

.model-home-active {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	background: #00868b;
	color: #fff;
	font-weight: 600;
	padding: 5px;
	text-align: center;
 }
 img.vt {
	 position: absolute;
     width: 94px!important;
     height: 94px!important;
	 top:  0;
	 right: 0;
 }
.model-image-profile img.vt {
	top: 20px;
}

.floor-plan-thumbnail {
	position: relative;
	width: auto;
	padding-bottom: 70%;
 	margin: 0 0 20px;
    overflow: hidden;
}

.floor-plan-thumbnail img {
	height: 100%;
  	object-fit: cover;
  	position: absolute;
  	width: 100%; 
}
.fp-pricing { min-height: 480px }
/*  Community Model Home Profile
-----------------------------------------*/
.location-breadcrumbs,
.location-breadcrumbs a{
	font-size: 11px;
	color: #fff;
}
.home-price span {
	background: #444;
	padding: 4px 10px;
}
.model-image-profile {
	position: relative;
	margin: 10px 0 40px;
}
.location-floorplans {
	 background: #fff;
	 padding: 40px 20px;
}
.location-floorplans img {
	 margin-bottom: 10px;
}
.floorplan-cell{
	color:#000;
	text-align: center;
	padding-bottom:15px;
}

/*  Previous/Next
-----------------------------------------*/			
.model-navigation {
	border-top: 1px solid #444;
	margin: 20px 0;
	padding: 20px 0;
}
.model-navigation a,
.model-navigation a:focus,
.model-navigation a:hover {
	text-decoration: none;
	color: #00b0b5;
	font-size: 18px;
	font-weight: 800;
}
.model-navigation div:first-child a,
.model-navigation div:first-child a:focus,
.model-navigation div:first-child a:hover{
	color: #ccc;
}

.pageNumbers {
    color: #00868b;
    margin: 40px 0;
    font-size: 15px;
    font-weight: 700
}

.pageNumbers a, .pageNumbers a.next, .pageNumbers a.prev {
    color: #00868b;
    padding: 8px 12px;
    margin: 0 3px
}

.pageNumbers a.next, .pageNumbers a.prev {
    color: #fff;
    background: #3C3C3B;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.pageNumbers a.active, .pageNumbers a.next:hover, .pageNumbers a.prev:hover, .pageNumbers a:hover {
    color: #fff;
    text-decoration: none;
    background: #00868b;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

/*  Other Communities
-----------------------------------------*/
.community-logo-box {
	background: #fff;
	padding: 40px;
	text-align: center;
	color: #232323;
	font-weight: 600;
	margin: 4px;
}
.community-logo-box a:hover {
	color: #232323;
}

.other-communities {
	margin: 30px 0;
}
.other-communities > div:first-child {
	padding: 0 0 10px ; 
	margin: 4px 0 0
}
.other-main {
 	background: url(../img/huntsville-lower.jpg) no-repeat top center;
	text-align: center;
	padding: 110px 20px;
}
.other-main span {
	background: rgba(0,0,0,0.8);
	color: #fff;
 	text-align: center;
 	padding: 10px;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 24px;
	letter-spacing:.03em;
}
				@media screen and (max-width: 992px) {
					.other-communities > div:first-child {
						display: none;
					}
				}
			


			@media (max-width: 500px) {
				.m-display {
					display: none;
				}
			}

/*  Career Opportunities
-----------------------------------------*/
#career-opportunities img{
	max-width: 100%;
}

/*  Community Gallery
-----------------------------------------*/

#gallery-stage {
  position: relative;
  text-align: center;
}

#gallery-stage img{
	max-width:100%;
}

#gallery-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px 0;
    background: rgba(0, 0, 0, .75);
     color: #FFF
}

#gallery-selector {
	padding: 0 40px;
  	margin: 20px 0 0;
  	position:relative;
}

#gallery-selector a {
  position: absolute;
  top:0;
  bottom:0;
  margin:0;
  height:100%;
  width:auto;
  border-radius: 0;
  box-shadow:none;
  background:none;
  padding: 0 10px;
}



#gallery-selector a .fa{
	position: relative;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	transform:translateY(-50%);
	    font-size: 20px

}

#gallery-selector .jcarousel-control-prev{left:0;}
#gallery-selector .jcarousel-control-next {right:0;}

#gallery-next, #gallery-prev {
    position: absolute;
    top: 50%;
    margin-top: -33px;
    background: rgba(17, 22, 25, .75);
    color: #FFF;
    padding: 20px 10px;
    font-size: 18px
}

#gallery-selector a,
#gallery-next,
#gallery-prev{
	-webkit-transition:0.3s;
  -moz-transition:0.3s;
  transition:0.3s;
}

#gallery-selector a:hover,
#gallery-next:hover,
#gallery-prev:hover{
	background:#111619;
	color:#fff;
	cursor: pointer;
}

#gallery-prev {
    left: 0
}

#gallery-next, #slide-selector, .carousel-right {
    right: 0
}

.jcarousel {
   float: left;
}

.jcarousel li{
 	position: relative;
	overflow: hidden;
	border: 8px solid transparent;
}


.jcarousel li:after{
	content:'';
	display:block;
	margin-top:100%;
}

.jcarousel li img{
	position: absolute;
	top:50%;
	left:50%;
	max-width:none;
	max-height:110%;
	min-height:100%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.jcarousel img:hover {
    cursor: pointer
}


#galleryCarousel img{
	max-width:100%;
	margin:0 auto;
}

#galleryCarousel .carousel-control{
	background:#000;
	opacity:1;
	bottom:auto;
	width:auto;
	padding: 20px 15px;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	transform:translateY(-50%);
}

/* CHRISTMAS SLIDE AND MESSAGE; */

/*
.unslider li:nth-child(2) .btn{
	display: none
}
.unslider li:nth-child(2) span.caption {
	min-height: 140px;
	padding: 30px 0 20px;
} 
.unslider li:nth-child(2) h1 {
	font-size: 30px;
	font-weight: 700
}  */

.holiday-msg {
	background: #d73b4e;
	color: #fff;
 	padding: 20px;
	font-weight: 600;
	letter-spacing: .04em;
    text-align: center
	
}

 			@media screen and (max-width: 800px) {
				.holiday-msg { text-align: center }
			}



/*  Community Gallery
-----------------------------------------*/

.vip-content { background: #111619}
.vip-content p { color: #fff }
.vip-banner { margin: 20px 0 40px}


.vip-intro {
	position: relative;
	padding: 0 0 50px;
	margin: 0 0 60px;
	border-bottom: 1px dotted #444;
	
}
.vip-intro img {
	position: absolute;
	width: 46px;
	margin: 0 auto;
	text-align: center;
	bottom: -25px;
	left: 0;
	right: 0;
	display: inline;
		
}


/* Tabs
------------------------- */			
ul.tabs{
	margin: 0;
	padding: 0 0 4px;
	list-style: none;
	text-align: center;
 }
ul.tabs li{
 	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	display: inline-block;
	padding: 10px 20px 15px;
	cursor: pointer;
}
ul.tabs li.current{
	background: none;
	color: orange;
} 
.tab-content{
	display: none;
	padding: 15px 0;
}

.tab-content.current{
	display: inherit;
}

.model-home {
	text-align: center;
	letter-spacing: .03em;
	min-height: 300px;
	padding: 0 0 20px;
	margin: 0 0 20px;
}
.model-home h4, 
.model-home p { letter-spacing: .08em; line-height: 130%}
.model-home h4 span {
	font-size: 14px;
 }
.model-home p {
	font-size: 12px;
}
.model-home a{
	cursor: pointer
}
 
.r-frame {
    position: relative;
    padding-bottom: 56%;
    height: 0;
    overflow: hidden;
}
		
.r-frame iframe,   
.r-frame object,  
.r-frame embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.modal-content {
	border-radius: 0;
	background: #000
}
.video-footer {
	padding: 15px;
	color: #fff;
	letter-spacing: .5em;
	font-size: 16px;
	text-transform: uppercase
}
.video-header { padding: 15px 0 }

  

.modal-dialog {
  position: fixed;
  margin: 0 25%;
	top: 10%;
	bottom:0;
  width: 50%;
  padding: 0;
}

  @media screen and (max-width: 767px) {
	  .modal-dialog { margin: 0 5%;width: 90%}
}

.modal .close { color: #fff; font-size: 30px;margin-top: -50px}


.wvc h1,
.wvc h2,
.wvc h3{
	 font-family: 'Advent Pro', sans-serif;
	margin: 0 0 3px;

}
.wvc h1 {font-size: 40px;font-weight: 800;text-transform: uppercase;margin: 0 0 10px;line-height: 90%}
.wvc h2 {font-size: 30px; text-transform: uppercase;color: #f4ca45;}
 .wvc h3 {font-size: 24px; color: #f4ca45;letter-spacing: .04em}
.wvc h3 span { color: #ccc}

.wvc p {
	border-top: 6px solid #f4ca45;
	padding: 20px 0 0;
	margin: 20px 0 ;
	font-size: 18px;
	line-height: 150%
}

            @media screen and (max-width: 599px) {
                .wvc h1 { font-size: 48px }
                .wvc h2 { font-size: 30px }
                
            }



/* Aspen Woods Lot Info */

.aw h3 {
    color: #f7db77; 
    font-size: 25px
}

table.lot-info {
    background: #fff; 
    margin:0
}

.fa-check-circle { 
    font-size: 18px; 
    color: #00b0b5
}

.fa-times {
    font-size: 20px; 
    color: #e1214e
}

 .lot-info th, .lot-info td {
     text-align: center;
     color: #020202
}

.lot-info th {
    vertical-align: top!important;
    padding:8px 0!important;
    font-size:13px
}

.lot-info td:first-child,
.lot-info th:first-child {
    background: #eaeaea;
    text-align: center;
    width: 50px
}

.lot-info td:first-child {
    font-style: italic;  
    font-size: 14px; 
    font-weight: 800
}

.lot-info td { border-right: 1px dotted #ccc; }

.t-wrap,
.t-wrap50{
    background: #fff; 
    height:100%; 
    overflow: hidden; 
    display: flex; 
    flex-direction: column; 
    padding: 10px 0 10px 10px
}
.t-wrap50 {
    padding: 0;
}
.t-wrap-head {
    flex: 0 0 85px;
    overflow-y: scroll;
    overflow-x: hidden
}

.t-wrap50 thead { flext: 0 0 90px; }

.t-wrap-body {
    height: 465px;
    overflow-y: scroll;
}

 .vertical-text,
 .t-wrap .vertical-text{
    height: 84px;
     white-space: nowrap;
 }

th.vertical-text > div,
.t-wrap50 th.vertical-text > div{
  transform: 
    /* Magic Numbers */
    translate(25px, 51px)
    /* 45 is really 360 - 45 */
    rotate(300deg);
  width: 0;
}

.t-wrap50 th.vertical-text > div{ width: 90px; }

th.vertical-text > div > span,
.t-wrap50 th.vertical-text > div > span{ padding: 10px 0; }

.t-wrap50 th.vertical-text  > div > span{ padding: 5px 35px; }
 
.community-location-info{
	background: #000;
	padding: 20px;
}



/* NEW HOME 
=============================================================== */

/* Home: Current Communities
-----------------------------------------*/

.active-communities .green-block {
    padding: 50px;
    background: #00b0b5;
    margin-bottom: 4px;
    min-height: 465px;
}

.active-communities h3 {
	 font-weight: 600;
	 margin: 0
 }
.active-communities p {
	 line-height: 150%;
}
.div-box {
	padding: 5px; 
}
.active-communities .div-box {
    
}
 
.active-communities img {
	position: relative; 
}

.active-communities .green-block .font20{
    letter-spacing: .03em;
 }
 

.comm-block-title {
    position: relative;
 	background: rgba(0,0,0,0.8);
	color: #3cb5b5;
 	text-align: left;
 	padding: 8px 0 0 120px;
	text-transform: uppercase;
	font-weight: 700;
 	border-top: 2px solid #00b0b5;
    line-height: 130%;
    height: 55px;
    font-weight: normal;
}
.comm-block-title  span {color: #fff;letter-spacing: .08em;font-weight: 700;}
span.comm-title-slogan {font-size: 14px;font-weight: normal}
    
.comm-logo {
    position: absolute;
    left: 5px;
    top: 0;
    background: #2c2c2c;
    padding: 8px 10px;
    height: 60px;
 }
.comm-logo img {
    width: 80px;
    height: auto;
}
 .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}

.ribbon {
    position: absolute;
    display: block;
   top: 5px;
     right: 5px;
     z-index: 300;
    
}
.ribbon-no-link {
      position: absolute;
    display: inherit;
    width: 100%;
    height: auto;
    right: 20px;
    top: 60px;
    z-index: 300;
}
.ribbon-no-link img,
.ribbon img {
    float: right;
      top:60px;
    right: 20px;
    width: 100px;
    height: auto;
}

.ribbon-no-link img {
    top:0; 
    right:0;
}


@media screen and (max-width: 767px) {
    span.comm-title-slogan {font-size: 12px;}
    
}
/* Images
-----------------------------------------*/
.image-crop {
 	width: auto;
	padding-bottom: 90%;
 	margin: 0 0 4px;
    overflow: hidden;
}

.image-crop img {
	height: 100%;
  	object-fit: cover;
  	position: absolute;
  	width: 100%; 
    left: 0;
}

.home-inspiration .image-crop {
    position: relative;
    padding-bottom: 45%;
}
.home-inspiration {
    height: 415px;
    overflow: hidden
}
/* NEW COMMUNITITY PAGES
=============================================================== */
#new-community-landing {
    /*padding-top: 180px*/
}
#overview,
#floor-plans,
#site-plans,
#gallery,
#register,
#community-banner,
#overview-content { 
    padding: 40px; 
    border-bottom:1px dotted #333;
}


.community-landing-nav {
    position:fixed; 
    /*top: 164px; */
    margin-left: 0;
    width:100%;
    z-index:700
    
}
.comm-nav-container {
    position: relative;
    width: 100%;
}

ul.comm-nav {
    position: absolute;
    width: 100%;
    background: #40e0d0;
    height: 48px;
    max-width: 1370px;
    margin:0 auto; 
    left:0;
    top:0;
    text-align: center;
}
ul.comm-nav li {
    display: inline-block;
    padding: 10px 20px;
}

ul.comm-nav a {
    font-size: 14px;
    color: #000;
    font-weight: 600;
    border-right: 1px dotted #444;
    text-transform: uppercase;
    
    
} 
ul.comm-nav a:last-child {border:none}

ul.comm-nav li.register {background: #fec23b; }
ul.comm-nav li.btt { position:absolute; background: #26c3b3; right: 0}

.community-register-form {
    padding: 40px;
    background: #eaeaea;
}
.community-register-form p,
.community-register-form label {color: #000}

     @media screen and (max-width: 992px) {
        #overview, #floor-plans, #site-plans, #gallery,
        #register, #community-banner, #overview-content { padding: 10px; }
        ul.comm-nav li { padding: 10px 15px}

         ul.comm-nav {text-align: left;width: 100% }
         ul.comm-nav li.btt { background: #29bfb0;text-align: center;right:12px}
         ul.comm-nav li.btt span{ display: none }
         .home-inspiration {
    height: auto;
    overflow:auto
}
    }
     @media screen and (max-width: 767px) {
         ul.comm-nav li {
             width: 48%;
             padding: 10px;
             border-bottom: 1px solid #29bfb0;
             border-right: 1px solid #29bfb0;
             text-align: center;
             line-height: 1;
          }
          
         ul.comm-nav li.btt {width: auto}
         .community-location-info { text-align: center;}
        .community-landing-nav { top: 122px;}
            ul.comm-nav { height: auto; }
            .comm-nav-container {
            position: absolute;
            bottom: 0;
        }
         .community-location-info h1 { font-size: 24px}
         ul.comm-nav li.register {width:100%; }
    }
    @media screen and (max-width: 500px) {
        .community-landing-nav { top: 90px;width:100%}
        ul.comm-nav li.register { top:-70px}
    }

 
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #fff;
    background-color: #00b0b5;
    border: none;
    border-radius: 0;
    border-bottom-color: transparent;
    cursor: default;
    font-size: 20px;
    font-weight: 800
}
.nav-tabs > li {
    float: none;
    display: inline-block
}

.nav > li > a,
.nav > li.active > a{
    padding: 15px 30px;
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
}
#comm-videos .col-md-4 {
    min-height: 300px;
}

.floor-plan-heading h1 {
    font-size: 36px;
    margin-top: 0;
}

/* Modals
=============================================================== */
#modal-help .modal-body {padding:0!important}

#virtualTourModal .modal-dialog,
#modal-help .modal-dialog {
    top: 15%;
    bottom:15%;
    left: auto;
    right: auto;
    position: inherit;
    margin: 0 25%;
}
#christmas-modal {top:25%}

#virtualTourModal .modal-content-container,
#modal-help .modal-content-container {
    padding: 0 30px 30px;
 }

#virtualTourModal .modal-content {background:#fff}
#modal-help .covid19 {
    background: #eaeaea;
    color: #444;
}
 
#modal-help .covid19 .modal-body p {color: #444;font-size: 16px;font-weight: 400!important;line-height: 1.3!important}
#modal-help .covid19 .modal-body ul li {line-height: 1.3!important}

#christmas-modal .moda-body {background: #fff; padding: 0}

#christms-modal .modal-content {
	border-radius: 0;
	background: #fff;
    width: 80%;
    margin: 0 auto;
}

#christmas-modal .modal .close { color: #fff; font-size: 30px;border:1px solid red}

#virtualTourModal .modal-content a.close,
#modal-help .modal-content a.close{
    position: absolute;
    top: 14px!important;
    right: 14px!important;
    font-size: 30px!important;
    color: #fff!important;
    opacity: 1.0!important;             
    z-index: 1020!important;  
}
#virtualTourModal .modal-content a.close {
    color: #fff!important;
    top: 30px!important;
    right:30px!important
     
}


#modal-vote .modal-body {
    border: 1px solid #fff;
    padding: 0;
}

 




/* Tab Navigation */
#westview-tabs ul.nav-tabs {
    display: flex;
    justify-content: center;
    flex-direction: row;  
    border-bottom: none;
}
#westview-tabs ul.nav-tabs > li > a {
    font-family: 'Open Sans', sans-serif;    
    background: none;
    border-radius: 0;
    color: #fff;
    text-transform: uppercase;
    line-height: 1;
    border:none;
    margin:0 10px;
    font-size: 16px!important;
    letter-spacing: .05em;
    padding:10px
 }
#westview-tabs ul.nav-tabs > li.active > a,
#westview-tabs ul.nav-tabs > li.active > a:hover,
#westview-tabs ul.nav-tabs > li > a:hover{
    color: #fec23b;
    background: none;
    font-weight: normal;
    border:none;
    line-height: 1;
    font-size: 14px;
    letter-spacing: .05em
 }
 
     @media screen and (max-width: 992px) {
         #westview-tabs ul.nav-tabs {
             display: none;
         }
         #westview-tabs .tab-content .tab-pane{
             display: block!important;
              
         }
         #westview-tabs .tab-content .fade {
             opacity: 1
         }
         #westview-tabs .tab-pane img {
             display: block;
             margin: 20px;
         }
         
         
    }







/* Model Homes Gallery in Decor Centre
=============================================================== */
   
.page-content-dark nav {
    display: block;
    width: 100%;
   
}

.page-content-dark nav > ul {
   list-style: none; 
    margin-top: 0;
   margin-bottom: 20px;
    padding-top: 0

}

.page-content-dark nav > ul > li {
    display: inline-block;
    
}
.page-content-dark nav > ul > li > a {
    text-transform: uppercase;
    padding: 10px 20px;
    margin: 0 10px;
    text-decoration: none;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 25px;
    border: 1px solid #fff;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .3em
}

 
.page-content-dark nav > ul > li > a:hover, .current a {
    color: #fff!important;
    background-color: #00b0b5;
}

#projects > ul > li {
    display: inline-block;
    float: left;
    margin: 1%;
    width: 23%;
    height: auto;
    cursor: pointer;
    border-radius: 5px;
    /* Padding stays within the width */
    box-sizing: border-box;
    position: relative;
    opacity: 0.7;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

#projects > ul > li:hover {
    opacity: 1;
}


#gallery .image-crop {
     padding-bottom: 65%;
 }
#project .hidden {display: hidden}

.modal-gallery {
    position: fixed;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    padding: 40px 10px;
    display: none;
    box-sizing: border-box;
    z-index: 998
}

.modal-gallery > img {
    width: auto;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.modal-gallery .close i {
    position: fixed;
    top: 20px;
    right: 20px;
    height: 30px;
    width: 30px;
    z-index: 5;
     font-size: 30px;
    border-radius: 50%;
    padding: 10px;
    line-height: 1;
    width: 50px;
    height: 50px;
    background: #000
}
    .modal-gallery .close {
        color: #fff!important;
        opacity: 1.0!important; z-index: 999
    }
@media (max-width: 768px){
    .page-content-dark nav > ul > li > a {
        font-size: 12px;
    }
}
@media (max-width: 768px){
    #projects > ul > li {
        width: 48%;
    }
    .page-content-dark nav > ul > li {
        width: 48%;
        margin-bottom: 20px;
    }
}

@media (max-width: 568px) {
    #projects > ul > li {
        width: 100%;
    }
}










#modal-help .modal-contact {
    padding:20px 0 0;margin: 20px 0 0;border-top:1px dotted #ccc
}
#modal-help .modal-contact br {display: none}
/*
@media screen and (max-width: 992px) {
    #modal-help .modal-body {padding-bottom:80px}
    
    #virtualTourModal  .modal-dialog,
    #modal-help .modal-dialog {
        width: 50%;
        margin: 0 5%;
    }
    #modal-help .modal-dialog {
         top: 5%;
    }
    img.modal-logo {
        width: 80px;
        height: auto
    }
    #modal-help .modal-content-container {padding: 10px;}
    #modal-help .covid19 .modal-body p{ font-size: 14px}
    
    #modal-help .modal-contact br {display: inherit}
    #modal-help .modal-contact span {display: none}
}
*/