@font-face {
    font-family: AdobeCaslon;
    src: url(../fonts/Adobe-Caslon-Pro-Bold-Italic.ttf);
    font-weight: bold;
}
.boxshadow{
    -webkit-box-shadow: 0px -1px 4px 1px rgba(214,203,214,1);
-moz-box-shadow: 0px -1px 4px 1px rgba(214,203,214,1);
box-shadow: 0px -1px 4px 1px rgba(214,203,214,1);
}
.borderbottomred{
    border-bottom: 4px solid #ef4135;
}
.tealbg{
    background-color: #83CFCA;
}
.contactusbanner{
    border: 2px solid #000;float: left;width: 100%; 
    padding: 35px 0 15px 0;
}
.learnmore{
    color: #ef4135;
    font-weight:bold;
}
.contactusbanner::after{
    content: '';
    position: absolute;
    top: 0%;
    left: 50%;
width: 175px;
    height: 43px;
    background-image: url('../img/contactusbanner.png');
    background-size: contain;
    background-repeat: no-repeat;
    transform: translate(-50%, -50%);
    border-top: inherit;
    border-top-color: transparent;

}
/*
.container{
    margin-bottom: 30px;
    margin-top: 30px;
}
*/
.adobecaslon{
    font-family: AdobeCaslon;
}
.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}

.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */


body {
    font-family: "Open Sans", Arial, Verdana, serif;  
    opacity:1;
    font-size:15px;
    color:#231f20;
    font-weight:300;
    overflow-x:hidden;
}

a {
    color:#EF4135;
font-family: 'Lato', sans-serif;

}

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



.content p {
    line-height:22pt;
    margin-bottom:25px;
}

.section {
    border-bottom:2px solid #FF0000;
}

.title1 {
    font-size:28pt;
    line-height:30pt;
}

.title2 {
    font-size:23pt;
    font-weight:600;
}

.title3 {
    font-size: 30pt;
    font-weight:600;
    line-height: 30pt !important;
}


#amenity-list div {
    display:inline-block;
    cursor:pointer;
}

.panel-title {
    font-style:italic;
    text-transform: uppercase;
}

.panel-title span {
    margin-right:15px;
}

.panel-group a:hover, .panel-group a:focus {
    color:#d9f4fd;
}

#construction-timeline img {
    max-width:100%;
}

#construction-timeline p {
    margin-bottom:40px;
}

.full-shadow {
    overflow:hidden;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
}

#registernow {
    display:none;
}

.bot-border-grn {
    border-bottom: 4px solid #83CFCA;
    margin-bottom:21.5px;
}

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

.right-col-title {
    font-size:22px;
    line-height:20px;
    margin-bottom:10px;
}

.right-col-spacer {
    display:block;
    width:50%;
    background:#000;
    height:1px;
    margin-bottom:10px;
}

.posrel {
    position:relative;
}

.valign-bot {
    position:absolute;
    left:8px;
    bottom:25px;
    padding-right:8px;
}

.calc-text {
    margin-top:12px;
}

.fancybox-skin {
    background:#000;
}

.fancybox-close {
    top:10px;
    right:10px;        
}

.same-height {
    margin-bottom:13.4px;
}

.lrg-font1 {
    font-size:44pt;
    font-size: 3.5vw;
    font-weight:400;
}

.link1 {
    color:#EF4135;
}

#inverted-contain .panzoom { width: 100%; height: 100%; }

.link-blk, .link-blk:hover {
    color:#4e5860;
}

.link-blk:hover {
    text-decoration:underline;
}


/* ==========================================================================
   Padding Overide
   ========================================================================== */

.pad1 {
    padding:15px;
}
.pad2{
    padding: 10px 30px;
}

.pad0 {
    padding:0;
}

.padr0 {
    padding-right:0
}

.padl0 {
    padding-left:0
}

.pad5 {
    padding-left:5px;
    padding-right:5px;
}

.padr8 {
    padding-right:8px;
}

.padl8 {
    padding-left:8px;
}

/* ==========================================================================
   Footer
   ========================================================================== */

footer {    
    background:#810C0F;
}

footer .container {
    position:relative;    
}

/* ==========================================================================
   Scroll To Top
   ========================================================================== */

.totop {
    display:block; position:absolute; right:0; top:-20px; width:40px; height:40px; line-height:40px; text-align:center; color:#FFF; background:#57595b;
    font-weight:700; font-size:16pt;
}

.totop:hover, .totop:focus {
    background:#1386bf; color:#FFF;
}

/* ==========================================================================
   Buttons
   ========================================================================== */

.btn-blue {
    background: #1386bf;
    color: #FFF;
    padding:8px 12px;
    border-radius:0;
}

.btn-blue:hover {
    border:1px solid #1386bf;
    background:#FFF;
    color:#1386bf;
}

.btn-grey {
    background: transparent;
    color: #CCC;
    padding:8px 12px;
    border-radius:0;
    border:1px solid #CCC;
}

.btn-grey:hover {
    border:1px solid #CCC;
    background:transparent;
    color:#CCC;
}

.btn-white {
    background: #FFF;
    color: #1386bf;
    padding:8px 12px;
    border-radius:0;
    border:1px solid #1386bf;
}

.btn-white:hover {
    border:1px solid #FFF;
    background:#1386bf;
    color:#FFF;
}

.btn-trans {
    background: transparent;
    border:1px solid #FFF;
    padding:8px 12px;
    border-radius:0;
    color:#FFF;
}

.btn-trans:hover {
    color:#1386bf;
    border:1px solid #1386bf;
}

/* ==========================================================================
   Related Links
   ========================================================================== */

#related-links {
    margin-bottom:40px;
}

#related-links a {
    border-bottom:1px solid #CCC;
    padding-top: 10px;
    padding-bottom: 10px;
    display:block;
    margin-left:25px;
    color:#7d858a;
    padding-left: 10px;
}

#related-links a:hover {
    color:#1386bf;
}

#related-links a:before {
    color:#5ab4cd;
    content: ">>";
    margin-left:-35px;
    border:0;
    width:35px;
}

/* ==========================================================================
   Panels
   ========================================================================== */

.panel-group .panel+.panel {
    margin-top: 10px;
}

.panel-group .panel {
    border-radius:0;
}

.panel-default {
    border-color: #ddd;
}

.panel-default>.panel-heading {
    background:#1386bf !important;
    color:#FFF !important;
}

.panel-heading {
    border-radius:0;
}

/* ==========================================================================
   Slider
   ========================================================================== */

.jssorb03 {
    position: absolute;
}
.jssorb03 div, .jssorb03 div:hover, .jssorb03 .av {
    position: absolute;/* size of bullet elment */
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 21px;
    color: white;
    font-size: 10px;
    background: transparent;
    overflow: hidden;
    cursor: pointer;
    margin: 0 30px;
    border:1px solid #FFF;
}
.jssorb03 .av {
    background: #FFF;
    color:#FFF;
}
.jssorb03 div { /* background-position: -5px -4px; */ }
.jssorb03 div:hover, .jssorb03 .av:hover { background-position: -35px -4px; }
.jssorb03 .av { background-position: -65px -4px; }
.jssorb03 .dn, .jssorb03 .dn:hover { /* background-position: -95px -4px; */ }


/* ==========================================================================
   Input Placeholder
   ========================================================================== */

input[type="text"], input[type="email"] {
    background:#FFF;
    border:2px solid #000;
    border-radius:0;
    margin-bottom:10px;
}

#registernow .title2 {
    font-size:16pt;
    margin-bottom:10px;
    text-transform: uppercase;
}

#registernow #submitform-btn {
    background:#1386bf;
    font-weight:600;
    padding:5px 20px;
    font-size:18pt;
    border:0;
    color:#FFF;
}

textarea {
    resize: none;
}

input[type="text"], input[type="email"], textarea {
    background:#FFF;
    border:2px solid #000 !important;
    border-radius:0 !important;
    margin:8px 0 15px 0;
    position: relative;
    display: block;
}

textarea {
    height: 191px !important;
}

#mortgage-calc input[type="text"] {
    margin-bottom:10px;
    padding:5px;
    height:26px;
}

#mortgage-calc .mortgage-form > div > div {
    height:26px;
    margin-bottom:10px;
}

.mortgage-title {
    font-size:18pt;
}

.knockout-top-to-bottom {
    position: relative; 
}
.knockout-top-to-bottom:before, .knockout-top-to-bottom:after {
    content: "";
    position: absolute;
}
.knockout-top-to-bottom:before {
    top: 10px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(#1486bf));
    background-image: -webkit-linear-gradient(transparent, #1486bf);
    background-image: -moz-linear-gradient(transparent, #1486bf);
    background-image: -o-linear-gradient(transparent, #1486bf);
    z-index: 0;
}
.knockout-top-to-bottom:after {
    z-index: -1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #a4b9ff;
}

input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #666e75;
    font-style:italic;
}
input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, textarea::-moz-placeholder {
    color: #666e75;
    font-style:italic;
}
input[type="text"]:-moz-placeholder, input[type="email"]:-moz-placeholder, textarea:-moz-placeholder {   /* Older versions of Firefox */
    color: #666e75;
    font-style:italic;
}
input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, textarea:-ms-input-placeholder { 
    color: #666e75;
}

/* ==========================================================================
   Form Error
   ========================================================================== */

.input-err {
    background:#ffcccc !important;
}

.err-msg {
    color:#FF0000;
    display:none;                
}


/* ==========================================================================
   Navbar
   ========================================================================== */

.navbar-fixed-top, .navbar-fixed-bottom {
    position: relative;
    right: 0;
    left: 0;
    z-index: 1030;
}

.navbar-form {
    padding:0;
    margin-top:0;
    margin-bottom:0;
}

.navbar-form li {
    position:relative;
}

#navbar .navbar-form a {
    color:#231F20;
    font-size: 9pt;
    font-weight: 400;
    display:block;
    text-align:center;
    border-right:1px solid #CCC;
    padding:15px 0 12px 0;
    border-bottom:3px #FFF solid;
    padding-left: 10px;
    padding-right: 10px;
}

#navbar .navbar-form a:hover{
    border-bottom:3px #EF4135 solid;
    color:#EF4135;    
    text-decoration:none;
}

#navbar .navbar-form li:first-child a {
    border-left:1px solid #CCC;
}

#navbar .navbar-form .sep {
    margin:0 8px;
}

#navbar .navbar-form .actv {
    color:#EF4135;
}

.navbar-inverse {
    background:#FFF;
    border:0;
    min-height:80px;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.3);
}

.navbar-brand {
    padding-top:0;
    padding-bottom:0;
    height:auto;
}

#navbar li, #middle-menu li, footer li {
    float:left
}

#navbar-container {
    /* float:right; */ 
    /* padding-top:25px; */
}

.navbar-toggle {
    background: #EF4135;
    border-radius:0;
}

.navbar-inverse .navbar-toggle {
    border:0;
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height:100%;
}

.corner-logo{
	position: relative;
	bottom: 0;
    left: 60px;
    float: left;
}

.carousel-caption{
	position: relative;
	width: 70%;
	background-color: #fff;
	float: right;
	bottom: 0;
	padding-bottom: 0!important;
	right: 0;
	left:auto;
        padding-top: 0 !important;
}
@media screen and (max-width: 768px){
	.carousel-caption{
		width: 100% !important;
		padding: 10px !important;
	}
}
.carousel-caption h3{
	font-size: 26px;
	color: #000;
	text-shadow: none;
	text-align: left;
}

.carousel-caption p{
	font-size: 15px;
	color: #000;
	text-shadow: none;
	text-align: left;
}

.arrow-left{
	padding-left:25px;
background:url('../img/arrow-left.png') no-repeat top left;
display: inline-block;
height: 26px;
width: 25px;
position: absolute;
right: 26px;
top: 4px;

}

.arrow-right{
	width: 25px;
	height: 26px;
	background-image: url('../img/arrow-right.png');
	background-repeat: no-repeat;
        position:absolute;
        right: 0px;
        top: 4px;
}
.carousel-control:hover, .carousel-control:focus {
    opacity: 1!important;
}

#myCarousel{
	border-bottom: 3px solid #83CFCA; 
}

.containerdesigns{
	border-bottom: 3px solid #ef4135; 
	position: relative;
        margin-bottom: 30px;
        padding: 15px;
}
.pr0{
    padding-right: 0px;
}

.pl0{
    padding-left: 0px;
}
.rightboarddesigns{
	/*display: block;
	position: absolute;
	left: 60%;
	top: 0px;
	bottom: 0px;
	width: auto;*/
	color: white;
	padding: 30px;	
	background: #ef4135 url('../img/modelsbg.png');
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: 75%;
}


.rightboarddesigns a{
	color: white;
}

.fillimage{
	background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}



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

    footer .text-left, footer .text-right {
        text-align:center;
    }

    footer div {
        margin-top: 0 !important;
    }

    #mortgage-calc .mortgage-form > div > div {
        font-size: 8pt;
    }

    .mortgage-title {
        font-size:14pt;
    }

}

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

    .header-text {
        font-size:12px;
    }

    #navbar .navbar-form a {
        font-size: 7pt;
    }

    #mortgage-calc .mortgage-form > div > div {
        height:auto;
        margin-bottom:5px;
        font-size: 12pt;
    }

    #registernow .text-right {
        text-align:left;
    }

    .same-height > div, .bot-border-grn {
        height:auto !important;
    }

    .valign-bot {
        position:relative;
        left:0;
        bottom:0;
    }

    .calc-text {
        text-align:left;
    }

    #mortgage-calc-lnk {
        position:relative !important;
        bottom:0 !important;
    }

    .padr8 {
        padding-right:15px
    }

    .mytowerhill .max-w {
        width:100%;
        margin-bottom:25px;
    }

    .lrg-font1 {
        font-size:34pt;
    }

    /* ==========================================================================
   Padding Overide
   ========================================================================== */

    .pad0 {
        padding:inherit;
    }

    .padr0 {
        padding-right:15px;
    }

    .padl0, .padl8 {
        padding-left:15px;
    }

}

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

    .header-text {
        font-size:10px;
    }

    #navbar .navbar-form a {
        font-size: 10pt;
        padding: 5px 0;
    }

    .title1 {
        font-size:30pt;        
    }

    .headerlink-shadow {
        display:none;
    }

    .lrg-font1 {
        font-size:24pt;
    }

    /* ==========================================================================
    Navbar
    ========================================================================== */

    #navbar-container {
        float:none;
        position:relative;
        padding-top:0;
    }

    .navbar-form {
        border:0;
        margin-top:0;
    }

    .navbar-form li, #middle-menu li, footer li  {
        display:block;
        margin: 5px 0;
    }
    .navbar-collapse .navit {
        border-bottom: 1px solid #FFF;
        padding: 10px 0;
    }
    .navbar-form li span {
        display:block;
    }
    .navit-circle, .navit-circle-wh {
        display:none !important;
    }

    .navbar-fixed-top {
        height:auto;
    }

    #navbar li, #navbar li a {
        display: block;
        width:100%;
        padding:5px;                
    }

    #navbar li {
        border-bottom:#CCC solid 1px;
    }
    #navbar .navbar-form a {
        margin-left:0;
        text-align:left;        
        border:0;
        padding: 10px;
    }
    #navbar .navbar-form li:first-child a {
        border:0
    }
}
/* ==========================================================================
    Slick Slider
    ========================================================================== */
.slick-prev, .slick-next {
    top: 97% !important;
    width: 30px !important;
    height: 30px !important;
}
.slick-next {
    right: 0px !important;
    background-color: rgba(0,0,0,0.75) !important;
    background-image: url('../img/slick_arrow_r.png') !important;
    background-repeat: no-repeat !important;
    background-size: contain;
    background-position: center !important;
}  
.slick-next::before{
    content: unset !important;
}
.slick-prev {
    right: 31px !important;
    z-index: 2;
    left: unset !important;
    background-color: rgba(0,0,0,0.75) !important;
    background-image: url('../img/slick_arrow_l.png') !important;
    background-repeat: no-repeat !important;
    background-size: contain;
    background-position: center !important;
}   
.slick-prev::before{
    content: unset !important;
}
.min-h{ 
    min-height: 300px;
}
.slick-h{
    /* position: absolute;
    top: 59%; */
    font-size: 15px;
    /* margin-left: 15px; */
    text-transform: uppercase;
    font-family: 'Bebas Neue';
    color: #000;
    background-image: url('../img/flag.png');
    background-repeat: no-repeat;
    background-size: contain;
    /* height: 64px; */
    height: 75px;
    /* width: 295px; */
    padding-top: 22px;
    margin-left: 0px;
    padding-left: 10px;
}
.slick-p{
    /* position: absolute;
    top: 75%; */
    /* margin-left: 21px; */
    height: 100px;
    color: #000;
    font-size: 14px;
    /* width: 500px; */
    padding-left: 10px;
}
.qoute{
    background-color: #810c0f;
    color: #fff;
    text-transform: uppercase;
    font-size: 3rem;
    font-weight: 400;
    font-family: 'Lato';
    margin-top: -4px;
}
.qoute p{
    padding: 8px;
}
.up{
    background-image: url('../img/q_up.png');
    display: inline-block;
    height: 60px;
    width: 60px;
    background-size: cover;
    background-repeat: no-repeat;
}
.down{
    background-image: url('../img/q_down.png');
    display: inline-block;
    height: 50px;
    width: 50px;
    background-size: cover;
    background-repeat: no-repeat;
}
.q_down{
    height: 60px;
    margin-top: 30px;
}
/* SPLASH SCREEN */
#splashscreen{
    background-color: #810c0f;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 99999;
    height: 100vh;
    padding-top: 15vh;
}
#splashscreen .qoute{
    font-size: 4rem;
    font-weight: bold;
    letter-spacing: 2px;
}
#splashscreen .up{
    background-image: url('../img/q_up.png');
    display: inline-block;
    height: 80px;
    width: 80px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 10px;
}
#splashscreen .q_down{
    display: inline-block;
    height: 80px;
    width: 80px;
    margin-top: 40px;
    margin-left: 10px;
}
@media only screen and (max-width: 400px){
    #main-slider{
        padding-right: 0px;
        padding-left: 0px;
        }
    .home-slider{                    
        height: 442px;
    } 
    .slick-p{
        height: 130px;
    }
    .slick-prev, .slick-next {
        top: 95% !important;
        width: 20px !important;
        height: 20px !important;
    }
    #splashscreen .logo{
        height: 75px;
    }
    .slick-prev{
        right: 21px !important;
    }
    .qoute p{
        padding: 4px;
    }
}
@media only screen and (min-width: 401px) and (max-width: 567px){
    #main-slider{
        padding-right: 0px;
        padding-left: 0px;
        }
    .home-slider{
        height: 421px;;
    } 
    .slick-prev, .slick-next {           
        top: 96% !important;
        width: 25px !important;
        height: 25px !important;
    }   
    .slick-prev {
        right: 26px !important;
    }   
    /* #splashscreen .qoute{
        font-size: 2rem;
        font-weight: bold;
        letter-spacing: 0px;
    } */
    #splashscreen .logo{
        height: 90px;
    }
    .qoute p{
        padding: 4px;
    }
}                                        
@media only screen and (min-width: 568px) and (max-width: 768px){
    #main-slider{
        padding-right: 0px;
        padding-left: 0px;
        }
    .home-slider{                    
        height: 585px;
    } 
    .slick-p{
        height: 60px;
        padding-left: 20px;
    }
    .slick-h{
        padding-left: 20px;
    }
    #splashscreen .logo{
        height: 90px;
    }
}
@media only screen and (max-width: 768px){
    .qoute{
        font-size: 1.5rem;
    }   
    .up{
        height: 30px;
        width: 30px;
    }   
    .q_down{
        height: 30px;
        margin-top: 15px;
    }  
    #splashscreen .qoute{
        font-size: 2rem;
        letter-spacing: 0px;
    }   
    #splashscreen .up{
        height: 40px;
        width: 40px;
    }   
    #splashscreen .q_down{
        height: 40px;
        width: 40px;
        margin-top: 18px;
    }  
}
@media only screen and (min-width: 769px) and (max-width: 1024px){
    .home-slider{
        /* height: 510px; */
    } 
} 
@media only screen and (min-width: 1200px){
    .home-slider{
        height: 620px;
    } 
} 
/* MORE FOr LEss */
.more-for-less{
    margin: 30px 0px;
}
.more-for-less h2{
    color: #656565;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 46px;
}
.more-for-less h3{
    color: #656565;
    font-weight: bolder;
    font-size: 36px;
    margin-top: 0px;
    line-height: 12px;
    letter-spacing: 2px;
}
.more-for-less h4{
    color: #656565;
    font-weight: normal;
    line-height: 30px;
}
.more-for-less p{
    color: #811517;
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
}
.more-for-less p span{
    border: 1px solid #811517;
    padding: 5px 25px;
}
@media only screen and (max-width: 400px){
    /* .more-for-less h2{
        font-size: 36px;
    } */
    .more-for-less h3{
        font-size: 18px;
    }
    .more-for-less h4{
        font-size: 14px;
    }
    .more-for-less p{   
        font-size: 10px;
    }
    .more-for-less p span{   
        padding: 5px 20px;
    }
}
@media only screen and (min-width: 401px) and (max-width: 768px){
    .more-for-less h2{
        font-size: 36px;
    }
    .more-for-less h3{
        font-size: 20px;
    }

    .more-for-less p{   
        font-size: 12px;
    }    
}