/* ===========================================================
 * Filename: custom.css
 * Version: 2.0
 * Author: web360
 * =========================================================== */

header {background-color: #fffebb;}

.navbar {margin-top: 0px !important;}
.navbar {margin-bottom: 0px !important; padding-bottom: 20px;}

.bg-primary { background-color: #002140 !important; color: #fff; }
.bg-secondary { background-color: #fffebb !important; color: #fff; }
.bg-third { background-color: #fffebb !important; color: #fff; }
.bg-light-green { background-color: #fff !important; color: #fff; }
.bg-footer { background-color: #fffebb !important; color: #7bc8ff; }

.container90 { width: 90% !important; max-width: 90% !important; margin: 0 auto;}
.container85 { width: 85% !important; max-width: 85% !important; margin: 0 auto;}
.container80 { width: 80% !important; max-width: 80% !important; margin: 0 auto;}

.text-primary { color: #282E3C !important; }
.text-secondary { color: #90783C !important; }

.btn-secondary { color: #fff !important; }
.btn-secondary:hover { color: #000 !important; }

.circle-small { width: 35px; height: 35px; display: inline-block; text-align: center; padding-top: 4px; }

.sliderContainer2 { position: relative; z-index: 1; width: 65%; min-height: 40vh !important; padding-top:2%;}
.sliderContainer { position: relative; z-index: 1; width: 100%; min-height: 70vh !important; padding-top:0%;}
#slider-small .sliderContainer { position: relative; z-index: 1; width: 100%; min-height: 65vh !important; }
.slider { position: absolute; z-index: 8; width: 100%; height: 100%; }
.slider div { height: 100%; background-position: center; }
.prevArrow, .nextArrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 8; color: #fff; padding: 25px 15px; font-size: 3em; opacity: 0.8; cursor: pointer; }
.prevArrow { left: 0; }
.nextArrow { right: 0; }

.captionContainer { position: absolute; z-index: 2; top: 40%; left: 15%; max-width: 700px; text-align: left; color: #fff; text-shadow: 1px 1px 1px #000; }
.captionContainer h1 { font-size: 3.9em; font-weight: bold; text-shadow: 1px 1px 1px #000; line-height: 25px; padding-bottom: 30px;}
.captionContainer p { font-size: 1.1em; margin-bottom: 10px; }
.captionContainer .arrow-down { margin-top: 100px; font-size: 4em; }

.captionContainerhome { position: absolute; z-index: 2; top: 45%; left: 15%; max-width: 700px; text-align: left; color: #fff; text-shadow: 1px 1px 1px #000; }
.captionContainerhome h1 { font-size: 3.9em; font-weight: bold; text-shadow: 1px 1px 1px #000; line-height: 25px; padding-bottom: 30px;}
.captionContainerhome p { font-size: 1.1em; margin-bottom: 10px; }

.captionContainerlocation { position: absolute; z-index: 2; top: 50%; left: 15%; max-width: 700px; text-align: left; color: #fff; text-shadow: 1px 1px 1px #000; }
.captionContainerlocation h1 { font-size: 3.9em; font-weight: bold; text-shadow: 1px 1px 1px #000; line-height: 25px; padding-bottom: 30px;}
.captionContainerlocation p { font-size: 1.1em; margin-bottom: 10px; }

.nav-menu li a { text-transform: uppercase; font-weight: bolder !important; color: #000 !important; }
.btn-navbar { background-color: #fffebb !important; color: #fff !important; }
.nav {background-color: #fffebb !important;}

.contact-input { border: 0 !important; background-color: rgba(255, 255, 255, 0.1) !important; border-radius: 0 !important; color: #fff !important; }

#home1 { background-image: url(../images/backgrounds/bg1.jpg); background-size: cover; background-repeat: no-repeat; z-index: 800; position: relative !important; }
#home1 .embed-responsive-item { bottom: 0; top: 50px; }
#home1 .embed-responsive { overflow: visible; bottom: -40px; }
#home1 h4 { text-transform: uppercase; font-weight: bolder !important; color: #90783c !important;  }

#home2 { background-color: #efefef; }
#home2 h4 { font-size: 1.7em; font-weight: bolder !important; color: #fff !important; text-shadow: 3px 3px 3px #000; }

#home4 { background-color: #282e3c; color:  #fff; position: relative !important; }
#contact { background-color: #002140; color: #fff; }

#locations .card { transition: .5s all ease-in-out; }
#locations .card-body a { transition: .5s all ease-in-out; }
#locations .card-body ul { list-style: none; }
#locations .card-body ul li { margin-bottom: 5px; }
#locations .card:hover { background-color: #002140; }
#locations .card:hover .card-body { color: #fff; }
#locations .card:hover .card-body a { color: #fff; }
#locations .card:hover .card-body a:hover { color: #90783C; text-decoration: none; }

#apartments { transition: .5s all ease-in-out; }
#apartments a { transition: .5s all ease-in-out; }
#apartments ul { list-style: none; font-size: 0.8em; }
#apartments ul li { margin-bottom: 5px; }


.containerOverlay .overlay { height: 0; position: absolute; top: 0; left: 0; transition: .5s all ease-in-out; width: 100%; background-color: rgba(144,120,60,0.7) }
.containerOverlay:hover .overlay { height: 100%; text-align: center;}
.containerOverlay .overlay div { opacity: 0;}
.containerOverlay:hover .overlay div { opacity: 1; position: absolute; width: 100%; top: 50%; transform: translateY(-50%); color: #fff; }

.card-noborder { border: 0 !important; }
.card-radius0 { border-radius: 0 !important; }
.card a { color: #000; }
.card p { font-size: 0.9em; }
.card-body ul { list-style: disc; padding-left: 20px; }
.card-body ul li { font-size: 0.8em; }

.top-250 { position: relative; top: -250px; }
.img-35 { max-width: 20% !important; height: auto; }

.did-you-know h1 { font-size: 2em; text-transform: uppercase; font-weight: bold; }
.did-you-know p { font-size: 1em; margin-bottom: 50px; }
.font-weight-max { font-weight: bolder; }

.hyphen10 { width:10%; height:3px; background: #fff; margin-bottom: 7px; box-shadow: 1px 1px 1px #000;}
.hyphen20 { width:20%; height:3px; background: #fff; margin: 0% 40% 0% 40%; }
.hyphen30 { width:30%; height:3px; background: #fff; margin: 0% 35% 0% 35%; }

.btn-pointed { border-radius: 0 !important; }
.btn-more { background-color: #002140 !important;}
.btn-more:hover {color: #f1f1f1 !important;}

.pr-6 { padding-right: 30% !important; }

.pagination a { color: #212529 !important }
.pagination a:hover { color: #282E3C !important }
.pagination-text { font-size: 0.8em; }

.google-map-embed iframe { height: 500px; }

.bg-text-outer { background-color: #f5f5f5 !important; }
.bg-text-inner { background-color: #fff !important; color: #000; }

.prevArrowText, .nextArrowText { position: absolute; bottom: 0%; z-index: 8; background-color: #fff; color: #171918; font-size: 3em; opacity: 0.8; cursor: pointer; }
.prevArrowText { height: 1em; width: 4%; left: 46%; }
.nextArrowText { height: 1em; width: 4%; right: 46%; }
.positionAbsolute { position: absolute; display: inline-block; width: 100%; text-align: center !important; }

.star { color: #F2DA4B; }

.apartments-description table { border-collapse: collapse; width: 80%; margin-right: auto;}
.apartments-description table td, .apartments-description table th { border: 1px solid #D2D2D2; height: 3em; vertical-align: middle !important; }
.apartments-description table td { padding: 0 10px; }
.apartments-description table tr:first-child td { border-top: 0; }
.apartments-description table tr:last-child td { border-bottom: 0; }
.apartments-description table tr td:first-child { border-left: 0; }
.apartments-description table tr td:last-child { border-right: 0; }
.apartments-description table tr td:nth-child(even) { border-left: 0; font-weight: bold; }
.apartments-description table tr td:nth-child(odd) { border-right: 0; }

.bottom { position: absolute !important; bottom: 0 !important;}
.triangleLeft { position: absolute; right:0; top: 40%; z-index: 8; width: 0; height: 0; border-style: solid; border-width: 85px 80px 85px 0; border-color: transparent #ffffff transparent transparent; }
.triangleUp { position: absolute; top: 430px; z-index: 8; width: 0; height: 0; border-style: solid; border-width: 0 60px 70px 60px; border-color: transparent transparent #ffffff transparent; }
.image:after { transition: .5s all ease-in-out; z-index: 8; content:''; width: 0; height: 0; bottom: 0; border-style: solid !important; border-width: 0 40px 40px 40px !important; border-color: transparent transparent #ffffff transparent !important; position:absolute; left:50%; transform:translatex(-50%); }

.container75 { width: 75% !important; max-width: 75% !important; margin: 0 auto;}

#headingImage { background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; z-index: 1; width: 100%; min-height: 60vh !important; }

hr {  text-align: center; height: 4px; width: 100%; }

#apartmentContact { background-color: #f2f2f2 !important; color: #2D2D2D !important; }
.apartment-contact-input { border: 0px; border-bottom: 2px solid; border-radius: 0 !important; border-color: #E7E7E7; background-color: #f2f2f2; color: #2D2D2D !important; font-style: italic; font-weight: bold; }

#articleContact { background-color: #282E3C !important; color: #fff !important; }
.article-contact-input { border: 0px; border-bottom: 2px solid; border-radius: 0 !important; border-color: #fff !important; background-color: #282E3C !important; color: #fff !important; font-style: italic; font-weight: bold; }
#articleContact .form-control::-webkit-input-placeholder { font-weight: bold; color: #fff; }  /* WebKit, Blink, Edge */
#articleContact .form-control:-moz-placeholder { font-weight: bold; color: #fff; }  /* Mozilla Firefox 4 to 18 */
#articleContact .form-control::-moz-placeholder { font-weight: bold; color: #fff; }  /* Mozilla Firefox 19+ */
#articleContact .form-control:-ms-input-placeholder { font-weight: bold; color: #fff; }  /* Internet Explorer 10-11 */
#articleContact .form-control::-ms-input-placeholder { font-weight: bold; color: #fff; }  /* Microsoft Edge */


.form-control::-webkit-input-placeholder { font-weight: bold; color: #2D2D2D; }  /* WebKit, Blink, Edge */
.form-control:-moz-placeholder { font-weight: bold; color: #2D2D2D; }  /* Mozilla Firefox 4 to 18 */
.form-control::-moz-placeholder { font-weight: bold; color: #2D2D2D; }  /* Mozilla Firefox 19+ */
.form-control:-ms-input-placeholder { font-weight: bold; color: #2D2D2D; }  /* Internet Explorer 10-11 */
.form-control::-ms-input-placeholder { font-weight: bold; color: #2D2D2D; }  /* Microsoft Edge */

.hyphenApt10 { width:10%; height:3px; background: #E7E7E7; margin-bottom: 7px; box-shadow: 1px 1px 1px #000;}
.hyphenApt20 { width:20%; height:3px; background: #E7E7E7; margin: 0% 40% 0% 40%; }
.hyphenApt30 { width:30%; height:3px; background: #E7E7E7; margin: 0% 35% 0% 35%; }

.hyphen5 { width:5%; height:6px; background: #282E3C; margin: 0% 35% 0% 35%; margin-right: auto; margin-left: auto; }

.text-big { font-size: 4em; }

.cetralize { margin-right: auto; margin-left: auto; padding-right: auto; padding-left: auto; }

.oneOfFive { width: 19%; }

.image-text-main { margin-left: -20%; width: 120% !important; height: auto !important; }

.button-border {
	border-radius: 0px;
	border: none;
}

.fab {font-size: 30px; color: #3b5998}

.width100 {width: 100%;}

footer p {color: #000 !important;}

.homebox1 {height: 400px; background-image: url(../images/elements/homebox1.jpg); background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
background-position:center;}

.homebox2 {height: 400px; background-image: url(../images/elements/homebox2.jpg); background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
background-position:center;}

.homebox3 {height: 400px; background-image: url(../images/elements/homebox3.jpg); background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
background-position:center;}

.homebox-absolute { position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 400px; color: #fff; padding-top: 7%;}

.homebox-absolute h4 {font-size: 45px; font-weight: bold; }

.no-padding {padding-left: 0px !important; padding-right: 0px !important;}

.w-100 {width: 100% !important;}