@charset "utf-8";
/* CSS Document */
html, body{
background: #1a2542;
height: 100%;
overflow: scroll;
overflow-x: hidden;
scroll-behavior: smooth;
}
::-webkit-scrollbar {
width: 0px; /* Remove scrollbar space */
background: transparent; /* Optional: just make scrollbar invisible */
}
/* Optional: show position indicator in red */
::-webkit-scrollbar-thumb {
background: #FF0000;
}
header {
position: sticky;
top: 0; /* required */
z-index: 100;
background:#5D626A
}
a{
color:white
}
.icon-bar {
list-style: none;
display: block;
z-index: 2;
position: fixed;
right:0;
top: 30%;
}
.icon-bar a {
display: block;
text-align: center;
padding: 0px;
transition: all 0.3s ease;
color: white;
font-size: 20px;
width: 45%;
}
.body-background{
background:url(../images/background.png) no-repeat;
background-size:cover;
}
.logo-container{
padding-top: 1%;
padding-bottom:1%;
}
.logo-container img{
width:10%
}
.navbar-nav{
width:100%;
}
.nav-item{
text-transform:uppercase;
font-family: 'Montserrat';
font-weight: 300;
margin-left: 0.5%;
margin-right: 0.5%;
font-size:9pt
}
.aerial-view{
background: url(../images/aerial-view.png) no-repeat;
background-size: cover;
background-position: top center;
padding-top: 19%;
padding-bottom: 18%;
}
.location-container{
width: 85%;
margin: 0 auto;
padding-top: 2%;
padding-bottom: 2%;
}
.plan-container{
width: 85%;
margin: 0 auto;
padding-top: 2%;
padding-bottom: 2%;
}
.plan-container h1{
color: #494949;
font-family: 'Montserrat';
text-align: center;
font-weight: 300;
font-style: normal;
padding-bottom: 2%;
font-size: 14pt;
}
.mobile-show{
display:none !important
}
.aerial-container{
margin:0 auto
}
.aerial-container h1{
color:white;
padding-top:25%;
font-family: 'Montserrat';
}
.site-container h1{
color:#4a4a49;
text-align:center;
padding-top:2%;
font-family: 'Montserrat';
font-size:16pt;
line-height: 30px
}
.facilities-container{
width:95%;
margin:0 auto;
position:relative;
}
.popuptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
}
@-webkit-keyframes anim-glow {
0% {
box-shadow: 0 0 #e84e1b;
}
100% {
box-shadow: 0 0 50px 15px transparent;
border-width: 2px;
}
}
@keyframes anim-glow {
0% {
box-shadow: 0 0 #e84e1b;
}
100% {
box-shadow: 0 0 50px 15px transparent;
border-width: 2px;
}
}
.overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.7);
transition: opacity 500ms;
visibility: hidden;
opacity: 0;
}
.overlay:target {
visibility: visible;
opacity: 1;
}
.popup:target {
visibility: visible;
opacity: 1;
/* cancel visibility transition delay */
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.popup-close {
position: absolute;
padding: 10px;
max-width: 500px;
border-radius: 10px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: rgba(255, 255, 255, 0.9);
}
.popup:target + .close-popup {
opacity: 1;
visibility: visible;
/* cancel visibility transition delay */
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
footer{
background:#5D626A
}
.footer p{
text-align: center;
color: white;
margin: 0;
font-size: 8pt;
padding-top: 1%;
padding-bottom: 1%;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
min-width: 10rem;
padding: 0.5rem 0;
margin: 0.125rem 0 0;
font-size: 1rem;
color: #fff !important;
list-style: none;
background-color: #505456 !important;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius:0 !important;
text-align: left;
}
.dropdown-item {
display: block;
width: 100%;
padding: 1rem 1rem !important;
clear: both;
font-weight: 400;
color: #fff !important;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;
}
.dropdown-item a{
background:#373a3b !important;
}
.dropdown-item:hover{
background: #373a3b !important
}
.register-container{
text-align: center;
width: 55%;
margin: 0 auto
}
.register-container h1{
color: #4a4a49;
font-size: 16pt;
text-transform: uppercase;
padding-top: 2%;
padding-bottom: 2%;
font-family: 'Montserrat';
}
.register-container p{
color: #4a4a49;
font-size: 10pt;
text-transform: uppercase;
padding-top: 2%;
padding-bottom: 2%;
font-family: 'Montserrat';
text-align: left
}
.form-container{
/*width: 65%;*/
margin: 0 auto;
text-align: left;
padding-bottom: 5%
}
.register-button{
text-align: center
}
.register-button button {
border: none;
color: white;
width: 25%;
padding: 5px;
margin: 3% auto;
background: #828a95;
font-family: 'Montserrat';
}
.margin-bottom {
margin-bottom: 2%;
}
input[type="checkbox"]:checked + label:before, input[type="radio"]:checked + label:before {
background: #deb13a;
border: solid 1px #deb13a;
color: #ffffff;
content: '\2713'; /* replace / with \ */
font-family: "Font Awesome 5 Free"; /* here is the correct font-family */
}
input[type="checkbox"] + label:before, input[type="radio"] + label:before {
background: rgba(144, 144, 144, 0.075);
border: solid 1px #000;
content: ''; /* replace / with \ */
display: inline-block;
height: 1.65em;
left: 0;
line-height: 1.58125em;
position: absolute;
text-align: center;
top: 0;
width: 1.65em;
}
input[type="checkbox"] {
-moz-appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
display: block;
float: left;
opacity: 0;
width: 0em;
z-index: -1;
border: solid 1px #306e64;
}
input[type="checkbox"] + label, [type="radio"] + label {
font-family: 'Montserrat';
text-decoration: none;
color: #000;
cursor: pointer;
display: inline-block;
font-size: 9pt;
padding-left: 2.4em;
padding-top: 0;
position: relative;
}
input[type="checkbox"]:checked + label:before, input[type="radio"]:checked + label:before {
background: #828a95;
border: solid 1px #828a95;
color: #ffffff;
content: '\2713'; /* replace / with \ */
font-family: "Font Awesome 5 Free"; /* here is the correct font-family */
}
input[type="checkbox"] + label:before, input[type="radio"] + label:before {
background: rgba(144, 144, 144, 0.075);
border: solid 1px #000;
content: ''; /* replace / with \ */
display: inline-block;
height: 1.65em;
left: 0;
line-height: 1.58125em;
position: absolute;
text-align: center;
top: 0;
width: 1.65em;
}
label{
font-family: 'Montserrat';
}
.apdl-container{
width: 100%;
margin: 0 auto;
}
.apdl-container h1{
color: white;
text-align: center;
font-size: 18pt;
padding-top: 5%;
padding-bottom: 2%;
font-family: 'Montserrat';
}
.apdl-container p{
color: white;
text-align: left;
font-size: 14pt;
padding-top: 7%;
padding-bottom: 2%;
font-family: 'Montserrat';
}
.contact-container{
width: 65%;
margin: 0 auto;
}
.contact-container h1{
color: white;
text-align: center;
font-size: 14pt;
padding-top: 5%;
padding-bottom: 2%;
font-family: 'Montserrat';
}
.contact-container p{
color: white;
text-align: center;
font-size: 14pt;
padding-bottom: 2%;
font-family: 'Montserrat';
}
.icon-container{
width:50%;
margin: 0 auto;
padding-bottom: 2%;
}
.circle-background{
width: 100%;
height: 100px;
background-color: white;
border-radius: 50% 50% 0 0 / 100% 100% 0 0;
/*border-top-left-radius:300%;
border-top-right-radius: 300%;*/
border-bottom: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.footer-container {
padding-top: 4%;
padding-bottom: 2%;
width: 100%;
margin: 0 auto;
}
.footer-container p{
color: #fff;
font-size: 9pt;
font-family: 'Montserrat';
font-style: normal;
margin:0
}
.link-container{
width:65%;
margin:0 auto
}
.link-container a{
color:white
}
.link-container a:hover{
color:white
}
ol, ul, dl {
margin-top: 0;
margin-bottom: 0rem !important;
}
.site-plan{
width:70%;
margin:0 auto
}
.mobile-logo{
width: 11%;
}
.mobile-logo img{
width:55% !important
}
.footer-font{
text-align: center; font-size: 8pt !important; margin-bottom:3% !important; margin-top: 5% !important; color: white
}
.footer-font a{
text-align: center; font-size: 8pt !important; margin-bottom:3% !important; color: white
}
.navbar {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0.2rem 1rem !important;
}
@media (max-width: 767.98px) {
footer .footer-social-list img {
padding-right: 19% !important;
padding-left: 20%;
padding-top: 15% !important;
}
.tab-panel{
background: #c3c5c6;
padding: 1%;
text-align: center;
font-family: 'Montserrat';
text-transform: uppercase;
color: white;
margin-right: 1% !important;
margin-bottom: 1% !important
}
.popup-banner {
width: 91% !important;
position: fixed;
z-index: 101;
}
.cnt223 {
width: 100% !important;
margin-left:auto !important;
margin-right:auto !important;
margin-top:50% !important;
border: 5px solid white;
position: relative;
z-index: 103;
box-shadow: 0 2px 5px #000;
}
.popup {
position: fixed;
border-radius: 10px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: rgba(255, 255, 255, 0.9);
visibility: hidden;
opacity: 0;
-webkit-transition: opacity 0.5s, visibility 0s linear 0.5s;
transition: opacity 0.5s, visibility 0s linear 0.5s;
z-index: 4;
width: 100% !important;
}
.num-one {
position: absolute;
border-radius: 50px;
width: 15px !important;
height: 15px !important;
background: white;
border: 2px solid #007CAF;
line-height: 12px !important;
text-align: center;
font-size: 6pt !important;
left: 65% !important;
top: 74% !important;
font-weight: bold;
cursor: pointer;
-webkit-animation: anim-glow 2s ease infinite;
animation: anim-glow 2s ease infinite;
}
.num-two {
position: absolute;
border-radius: 50px;
width: 15px !important;
height: 15px !important;
background: white;
border: 2px solid #007CAF;
line-height: 12px !important;
text-align: center;
font-size: 6pt !important;
left: 59% !important;
top: 76% !important;
font-weight: bold;
cursor: pointer;
-webkit-animation: anim-glow 2s ease infinite;
animation: anim-glow 2s ease infinite;
}
.num-three {
position: absolute;
border-radius: 50px;
width: 15px !important;
height: 15px !important;
background: white;
border: 2px solid #007CAF;
line-height: 12px !important;
text-align: center;
font-size: 6pt !important;
left: 59% !important;
top: 72% !important;
font-weight: bold;
cursor: pointer;
-webkit-animation: anim-glow 2s ease infinite;
animation: anim-glow 2s ease infinite;
}
.num-four {
position: absolute;
border-radius: 50px;
width: 15px !important;
height: 15px !important;
background: white;
border: 2px solid #007CAF;
line-height: 12px !important;
text-align: center;
font-size: 6pt !important;
left: 49% !important;
top: 82% !important;
font-weight: bold;
cursor: pointer;
-webkit-animation: anim-glow 2s ease infinite;
animation: anim-glow 2s ease infinite;
}
.num-five {
position: absolute;
border-radius: 50px;
width: 15px !important;
height: 15px !important;
background: white;
border: 2px solid #007CAF;
line-height: 12px !important;
text-align: center;
font-size: 6pt !important;
left: 57% !important;
top: 82% !important;
font-weight: bold;
cursor: pointer;
-webkit-animation: anim-glow 2s ease infinite;
animation: anim-glow 2s ease infinite;
}
.num-six {
position: absolute;
border-radius: 50px;
width: 15px !important;
height: 15px !important;
background: white;
border: 2px solid #007CAF;
line-height: 12px !important;
text-align: center;
font-size: 6pt !important;
left: 42% !important;
top: 67% !important;
font-weight: bold;
cursor: pointer;
-webkit-animation: anim-glow 2s ease infinite;
animation: anim-glow 2s ease infinite;
}
.num-seven {
position: absolute;
border-radius: 50px;
width: 15px !important;
height: 15px !important;
background: white;
border: 2px solid #007CAF;
line-height: 11px !important;
text-align: center;
font-size: 6pt !important;
left: 34% !important;
top: 62% !important;
font-weight: bold;
cursor: pointer;
-webkit-animation: anim-glow 2s ease infinite;
animation: anim-glow 2s ease infinite;
}
.num-eight {
position: absolute;
border-radius: 50px;
width: 15px !important;
height: 15px !important;
background: white;
border: 2px solid #007CAF;
line-height: 12px !important;
text-align: center;
font-size: 6pt !important;
left: 28% !important;
top: 72% !important;
font-weight: bold;
cursor: pointer;
-webkit-animation: anim-glow 2s ease infinite;
animation: anim-glow 2s ease infinite;
}
.popup {
position: fixed;
border-radius: 10px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: rgba(255, 255, 255, 0.9);
visibility: hidden;
opacity: 0;
-webkit-transition: opacity 0.5s, visibility 0s linear 0.5s;
transition: opacity 0.5s, visibility 0s linear 0.5s;
z-index: 1;
width: 90%;
}
.footer-font{
text-align: center; font-size: 6pt !important; margin-bottom:5% !important
}
.register-container {
text-align: center;
width: 75%;
margin: 0 auto;
}
.plan-container {
width: 95%;
margin: 0 auto;
padding-top: 2%;
padding-bottom: 10%;
}
.mobile-type{
width:50% !important;
margin:0 auto
}
.mobile-logo{
width:62%;
}
.dropdown-item {
display: block;
width: 100%;
padding: 0.25rem 1.5rem;
clear: both;
font-weight: 400;
color: #212529;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;
font-size: 9pt !important;
}
.logo-container img {
width: 45%;
}
.icon-bar {
position: fixed;
top: 40%;
right: -16%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2;
}
.icon-bar a {
display: block;
text-align: center;
padding: 0px;
transition: all 0.3s ease;
color: white;
font-size: 20px;
}
.mobile-logo img{
width:40% !important
}
.site-container h1 {
color: black;
text-align: center;
padding-top: 8%;
font-family: 'Montserrat';
font-size: 11pt;
}
.link-container{
width:100%;
margin:0 auto
}
.contact-container p {
color: white;
text-align: center;
font-size: 10pt;
padding-bottom: 2%;
font-family: 'Montserrat';
}
.footer-container {
padding-top: 2%;
padding-bottom: 2%;
width: 96%;
margin: 0 auto;
}
.contact-container h1 {
color: white;
text-align: center;
font-size: 10pt;
padding-top: 5%;
padding-bottom: 2%;
font-family: 'Montserrat';
}
.footer-image {
padding-top: 5%;
width: 80%;
padding-bottom: 5%;
margin: 0 auto;
text-align: center;
}
.footer-image img{
width:80%
}
.footer-container p {
color: #fff;
font-size: 12pt;
text-align: center;
font-family: 'Montserrat';
}
footer .footer-social-list {
display: flex;
width: 35%;
/* justify-content: end; */
/* text-align: center; */
/* align-items: center; */
justify-content: center;
margin: 0 auto;
}
.icon-container {
width: 100%;
margin: 0 auto;
padding-bottom: 5%;
}
.navbar-nav{
text-align: center
}
.aerial-container h1{
color:white;
padding-top:25%;
font-size:12pt;
font-family: 'Montserrat';
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
min-width: 10rem;
padding: 0.5rem 0;
margin: 0.125rem 0 0;
font-size: 1rem;
color: #fff !important;
list-style: none;
background-color: #505456 !important;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius:0 !important;
text-align: center !important;
}
.dropdown-item {
display: block;
width: 100%;
padding: 1rem 1rem !important;
clear: both;
font-weight: 400;
color: #fff !important;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;
}
.dropdown-item a{
background:#373a3b !important;
}
.mobile-show{
display:block !important
}
.desktop-show{
display:none !important
}
.aerial-view{
background: url(../images/aerial-view-mobile.png) no-repeat;
background-size: cover;
background-position: top center;
padding-top: 19%;
padding-bottom: 18%;
}
.plan-container h1{
color: white;
font-family: 'Montserrat';
text-align: center;
font-weight: 300;
font-style: normal;
padding-bottom: 2%;
padding-top: 5%;
font-size: 14pt;
}
}
@media (max-width: 991.98px) {
.mobile-logo img{
width: 19%;
margin: 0 auto;
/* text-align: center; */
}
.nav-item {
text-transform: uppercase;
font-family: 'Montserrat';
font-weight: 300;
margin-left: 2.5%;
margin-right: 2.5%;
font-size: 9pt;
text-align: center
}
}
@media (max-width: 1199.98px) {
.nav-item{
text-transform:uppercase;
font-family: 'Montserrat';
font-weight: 300;
margin-left: 1.5%;
margin-right: 1.5%;
font-size:10pt !important
}
.num-one {
position: absolute;
border-radius: 50px;
width: 20px;
height: 20px;
background: white;
border: 2px solid #007CAF;
line-height: 18px;
text-align: center;
font-size: 8pt;
left: 82.8%;
top: 32.1%;
font-weight: bold;
cursor: pointer;
-webkit-animation: anim-glow 2s ease infinite;
animation: anim-glow 2s ease infinite;
}
.mobile-logo img{
width:55%
}
.nav-item {
text-transform: uppercase;
font-family: 'Montserrat';
font-weight: 300;
margin-left: 2.5%;
margin-right: 2.5%;
font-size: 7pt
}
}
/*facilities hover */
.num-one {
position: absolute;
border-radius: 50px;
width: 20px;
height: 20px;
background: #f29100;
border: 2px solid #e84e1b;
line-height: 16px;
text-align: center;
font-size: 8pt;
left: 80.5%;
top: 43%;
font-weight: bold;
cursor: pointer;
-webkit-animation: anim-glow 2s ease infinite;
animation: anim-glow 2s ease infinite;
}
.num-one p{
color:white;
text-decoration:none;
}
.num-one a:hover {
color:black;
text-decoration:none !important;
}
.num-two {
position: absolute;
border-radius: 50px;
width: 20px;
height: 20px;
background: #f29100;
border: 2px solid #e84e1b;
line-height: 16px;
text-align: center;
font-size: 8pt;
left: 76.8%;
top: 46%;
font-weight: bold;
cursor: pointer;
-webkit-animation: anim-glow 2s ease infinite;
animation: anim-glow 2s ease infinite;
}
.num-two p{
color:white;
text-decoration:none;
}
.num-two a:hover {
color:black;
text-decoration:none !important;
}
.num-three {
position: absolute;
border-radius: 50px;
width: 20px;
height: 20px;
background: #f29100;
border: 2px solid #e84e1b;
line-height: 16px;
text-align: center;
font-size: 8pt;
left: 76.9%;
top: 38.6%;
font-weight: bold;
cursor: pointer;
-webkit-animation: anim-glow 2s ease infinite;
animation: anim-glow 2s ease infinite;
}
.num-three p{
color:white;
text-decoration:none;
}
.num-three a:hover {
color:white;
text-decoration:none !important;
}
.num-four {
position: absolute;
border-radius: 50px;
width: 20px;
height: 20px;
background: #f29100;
border: 2px solid #e84e1b;
line-height: 16px;
text-align: center;
font-size: 8pt;
left: 71.3%;
top: 60%;
font-weight: bold;
cursor: pointer;
-webkit-animation: anim-glow 2s ease infinite;
animation: anim-glow 2s ease infinite;
}
.num-four p{
color:white;
text-decoration:none;
}
.num-four a:hover {
color:white;
text-decoration:none !important;
}
.num-five{
position: absolute;
border-radius: 50px;
width: 20px;
height: 20px;
background: #f29100;
border: 2px solid #e84e1b;
line-height: 18px;
text-align: center;
font-size: 8pt;
left: 74%;
top: 63%;
font-weight: bold;
cursor: pointer;
-webkit-animation: anim-glow 2s ease infinite;
animation: anim-glow 2s ease infinite;
}
.num-five p{
color:white;
text-decoration:none;
}
.num-five a:hover {
color:white;
text-decoration:none !important;
}
.num-six {
position: absolute;
border-radius: 50px;
width: 20px;
height: 20px;
background: #f29100;
border: 2px solid #e84e1b;
line-height: 18px;
text-align: center;
font-size: 8pt;
left: 67.2%;
top: 26.1%;
font-weight: bold;
cursor: pointer;
-webkit-animation: anim-glow 2s ease infinite;
animation: anim-glow 2s ease infinite;
}
.num-six p{
color:white;
text-decoration:none;
}
.num-six a:hover {
color:white;
text-decoration:none !important;
}
.num-seven {
position: absolute;
border-radius: 50px;
width: 20px;
height: 20px;
background: #f29100;
border: 2px solid #e84e1b;
line-height: 18px;
text-align: center;
font-size: 8pt;
left: 62.4%;
top: 15%;
font-weight: bold;
cursor: pointer;
-webkit-animation: anim-glow 2s ease infinite;
animation: anim-glow 2s ease infinite;
}
.num-seven p{
color:white;
text-decoration:none;
}
.num-seven a:hover {
color:white;
text-decoration:none !important;
}
.num-eight{
position: absolute;
border-radius: 50px;
width: 23px;
height: 23px;
background: white;
border: 2px solid #007CAF;
line-height: 18px;
text-align: center;
font-size: 10pt;
left: 53%;
top: 13.4%;
font-weight: bold;
cursor: pointer;
-webkit-animation: anim-glow 2s ease infinite;
animation: anim-glow 2s ease infinite;
}
.num-eight p{
color:black;
text-decoration:none;
}
.num-eight a:hover {
color:black;
text-decoration:none !important;
}
.popup {
position: fixed;
border-radius: 10px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: rgba(255, 255, 255, 0.9);
visibility: hidden;
opacity: 0;
/* "delay" the visibility transition */
-webkit-transition: opacity 0.5s, visibility 0s linear 0.5s;
transition: opacity 0.5s, visibility 0s linear 0.5s;
z-index: 4;
width: 45%;
}
.popup:target {
visibility: visible;
opacity: 1;
/* cancel visibility transition delay */
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.popup-close {
position: absolute;
padding: 10px;
max-width: 500px;
border-radius: 10px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: rgba(255, 255, 255, 0.9);
}
.popup .close {
position: absolute;
right: 5px;
top: 5px;
padding: 5px;
color: #fff;
transition: color 0.3s;
font-size: 2em;
line-height: 0.6em;
font-weight: bold;
opacity:1
}
.popup .close:hover {
color: #007CAF;
}
.close-popup {
background: rgba(0, 0, 0, 0.7);
cursor: default;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
visibility: hidden;
/* "delay" the visibility transition */
-webkit-transition: visibility 0s linear 0.5s;
transition: visibility 0s linear 0.5s;
}
.popup:target + .close-popup {
opacity: 1;
visibility: visible;
/* cancel visibility transition delay */
-webkit-transition-delay: 0s;
transition-delay: 0s;
z-index: 3;
}
/* pop up */
#overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
filter:alpha(opacity=30);
-moz-opacity:0.3;
-khtml-opacity: 0.3;
opacity: 0.3;
z-index: 100;
}
.cnt223 a{
text-decoration: none;
}
.popup-banner{
width:60%;
position: fixed;
z-index: 101;
}
.cnt223{
width:100%;
margin-top:15%;
margin-left:auto;
margin-right:auto;
border:5px solid white;
position: relative;
z-index: 103;
box-shadow: 0 2px 5px #000;
}
.cnt223 p{
clear: both;
color: white;
font-size: 24px;
font-weight: bold;
text-align:center
}
.book{
color: white !important;
font-size: 15px !important;
font-weight:normal !important
}
.cnt223 p a{
color: white;
font-weight: bold;
}
.cnt223 .x{
float: right;
height: 35px;
left: 22px;
position: relative;
top: -25px;
width: 34px;
}
.cnt223 .x:hover{
cursor: pointer;
}
/* pop up */
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position:absolute;
padding: 5px;
left: -1000px;
visibility: hidden;
color: black;
/*border:2px solid black;
background: #1a2542;*/
text-decoration: none;
z-index:1000000001
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
width:650px;
position:relative;
z-index:1000000001;
animation: fadeIn ease 10s;
-webkit-animation: fadeIn ease 10s;
-moz-animation: fadeIn ease 10s;
-o-animation: fadeIn ease 10s;
-ms-animation: fadeIn ease 10s;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -300px; /*position where enlarged image should offset horizontally */
z-index:1000000001;
top:-150px;
}
.gallery{
width:70%;
margin-left:auto;
margin-right:auto;
margin-top:2%;
margin-bottom:2%;
}
.prev-icon-gallery{
display: inline-block;
width: 20px;
height: 20px;
background: no-repeat 50% / 100% 100%;
left: -80%;
position: relative;
}
.next-icon-gallery {
display: inline-block;
width: 20px;
height: 20px;
background: no-repeat 50% / 100% 100%;
left: 80%;
position: relative;
}
.tab-panel{
background: #c3c5c6;
padding: 1%;
text-align: center;
font-family: 'Montserrat';
text-transform: uppercase;
color: white;
margin-right: 1%
}
.carousel-nav a.active {
color: #fff;
background: #494949
}
.carousel-nav a:hover {
color:#fff;
text-decoration: none
}
.floorplan-type{
padding-top: 5%
}
footer .footer-social-list {
display: flex;
width: 35%;
}
footer .footer-social-list img{
padding-right: 35%;
padding-top: 15%
}
footer .footer-social-list a svg {
fill: #000000;
}
footer a{
font-size: 9pt;
color:white !important
}
.footer-image{
width: 80%;
}