@import url(fonts/fonts.css);
@import url('https://use.fontawesome.com/releases/v6.7.2/css/all.css');
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap');

html { margin: 0; padding:0; overflow-x:hidden;}
body{ 
font-family: 'Sora', sans-serif; font-weight:normal; padding:0; color:#1c1c1c; background:#fff; font-weight:400; padding-right:0!important; overflow-x:hidden; position:relative;
font-size:15px;
line-height:1.5;
min-height:100%;
}
body:before{position:absolute; left:0; right:0; height:1px; background:#fff; content:''; display:block; z-index:-1;}

/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */

a:focus, .active{outline: none !important; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0)!important;}
::placeholder { color: #222; }

:root{--dark:#00243a; --gray:#727272; --yellow:#be8400; --blue:#044a74;}

img{border:0;}
a{color:var(--dark); text-decoration:none;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
a:hover{text-decoration:none; color:#000;}


h1, h2, h3, h4, h5{margin:0 0 15px; padding:0; font-weight:700; line-height:1;}


.container-fluid{ max-width:1500px;}


@keyframes blinker {
  50% { opacity: 0.2;}
}


.scroll-downs {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 10vh;
  left: 0;
  margin: auto;
  width :28px;
  height: 25px;
  z-index:5; cursor:pointer;
}

.mousey {
  width: 3px;
  padding: 7px 12px;
  height: 28px;
  border: 2px solid var(--dark);
  border-radius: 25px;
  opacity: 0.75;
  box-sizing: content-box;
}
.scroller {
  width: 3px;
  height: 10px;
  border-radius: 25%;
  background-color: var(--dark);
  animation-name: scroll;
  animation-duration: 2.2s;
  animation-timing-function: cubic-bezier(.15,.41,.69,.94);
  animation-iteration-count: infinite;
}
@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}


.fullArea{width:1400px; max-width:95%; margin:0 auto;}

.navfullbg{margin:15px 0 0; background:var(--dark)}

.header-area{display:block; z-index:999; clear:both;}
#myHeader{background:#fff; padding:10px 0 0; display:block;margin-top:1px; position:relative; z-index:9999;}
.logoIcon{display:none;}
.logoIcon a img{height:50px; margin:5px 0;}

.ndisLogo{height:60px;}
.phoneIcon{float:right; background:var(--gray); font-size:22px; padding:5px 20px 5px 5px; color:#fff; border-radius:60px;}
.phoneIcon span{background:var(--dark);width:50px; height:50px; margin-right:5px; line-height:50px; display:inline-block; text-align:center; border-radius:50%;}
.phoneIcon:hover{background:var(--dark); color:#fff;}
.phoneIcon:hover span{background:#fff; color:var(--dark);}




.logo{display:block;}
.logo img{height:100px;}

/* Initial hidden sticky header */
.sticky {
  position: fixed!important;
  top: -100px; /* hidden above */
  left: 0;
  width: 100%;
  background: #fff !important;
  z-index: 9999;
  transition: top 0.4s ease, box-shadow 0.4s ease!important; /* smooth slide */ padding:0!important;
}
.sticky.active .navfullbg{margin-top:0;}

/* When active, slide it into view */
.sticky.active {
  top: -1px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3)!important;
}

.sticky .logoIcon{display:block;}
.sticky .scrollHide{display:none;}


.bannerContentBox{text-align:center; padding:50px 0;background:#f2f1ef; background: linear-gradient(180deg,rgba(242, 241, 239, 1) 0%, rgba(255, 255, 255, 1) 100%);}
.bannerContentBox > div{width:800px; max-width:100%;}
.bannerContentBox h2{font-weight:500; font-size:60px; line-height:1.2; margin-bottom:30px;}
.bannerContentBox a{display:inline-block; padding:8px 25px; border:1px #222 solid; border-radius:30px;}


.sliderArea{display:block; overflow:hidden; clear:both; padding:0; position:relative; background:#222; overflow:hidden;}
.sliderArea .carousel-inner{opacity:0.5;}
.sliderArea .carousel-item{height:75vh;}
.sliderArea .carousel-item img{width:100%; animation: resize 30s linear infinite; height:100%; object-fit:cover;}
.sliderArea [class^="carousel-control-"]{font-size:20px; display:none; color:#fff; opacity:1; top: 50%; height: 45px; width: 45px; color: #fff; left: 20px; opacity:1;}
.sliderArea [class^="carousel-control-"]:last-child{right:20px; left: auto;}

@keyframes resize {
0% {transform:scale(1);}
50% {transform:scale(1.2);}
}
.sliderArea .contentBox{position:absolute; left:5%; bottom:100px; z-index:100; text-align:left; color:#fff; text-shadow: 2px 2px 2px rgba(0,0,0,0.2);}
.sliderArea .contentBox h2{font-size:28px; font-weight:700; margin-bottom:0px;}
.sliderArea .contentBox p{font-size:22px;}


.custom-carousel-nav {
  display: flex;
  justify-content: space-between;
  background: rgba(0,0,0,0.7);
  backdrop-filter: blur(3px);
  padding: 0;
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 10;
}

.nav-tab {
  width: 25%;
  text-align: center;
  color: #fff;
  font-weight: 400;
  font-size:16px;
  cursor: pointer;
  padding: 15px 5px;
  transition: background 0.3s, color 0.3s;
  border-left:2px #fff solid;
}
.nav-tab:first-child{border:none;}

.nav-tab:hover,
.nav-tab.active {
  background: var(--yellow); /* Brand green */
  color:#fff;
}


.aboutArea{display:block; padding:60px 0; background:var(--dark); text-align:center; color:#fff;}
.aboutArea h2{font-weight:500; line-height:1.2; font-size:28px; margin-bottom:40px; margin-bottom:10px;}
.aboutArea h2 strong{font-weight:600; font-size:40px; display:block; clear:both; color:var(--yellow);}
.aboutArea h3{font-weight:400; line-height:1; font-size:22px; margin-bottom:40px;}
.aboutArea [class^="col-"]{}
.aboutArea [class^="col-"]:before{ position:absolute; content:''; display:block; border:4px #fff solid; background:none; left:15px; right:15px; top:0; bottom:0;}
.aboutArea [class^="col-"]:hover:before{background:var(--yellow);}
.aboutArea [class^="col-"] a{display:block; overflow:hidden;position:relative; z-index:5;}
.aboutArea [class^="col-"] img{ padding:15px; width:160px; max-width:100%;}
.aboutArea [class^="col-"] span{display:block; overflow:hidden; color:#fff; text-transform:uppercase; font-weight:600; margin-bottom:15px;}


.ourRooms{padding:60px 0 20px; margin-bottom:0; position:relative; text-align:center; background:#f2f1ef;}
.ourRooms h2{font-size:32px; margin-bottom:40px;}
.ourRooms h3{margin-bottom:30px;}

.ourRooms [class^="col-"]{margin-bottom:30px;}
.ourRooms [class^="col-"] a{color:var(--dark); border:1px var(--dark) solid; padding:8px 30px; border-radius:30px; display:inline-block; margin-top:5px;}
.ourRooms [class^="col-"] a:hover{background:var(--dark)!important; color:#fff!important;}
.ourRooms [class^="col-"] > div{background:#fff; padding:30px; color:var(--dark); position:relative; margin:0 40px; top:-40px;}
.ourRooms [class^="col-"] > div > img{width:120px; height:120px; position:relative; border-radius:50%; top:-80px; margin-bottom:-60px; padding:15px; background:#fff;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.ourRooms [class^="col-"] h4 {font-size:18px; font-weight:700; text-transform:uppercase; margin-bottom:20px;}



.serviceLocationArea{display:block; overflow:hidden; position:relative; clear:both; padding:40px 0; background:var(--yellow); color:#fff;}
.serviceLocationArea h2{font-size:24px; font-weight:600;}
.serviceLocationArea:before{position:absolute; left:50%; right:0; top:0; bottom:0; content:''; display:block; background:var(--gray);}
.serviceLocationArea input, .serviceLocationArea textarea, .serviceLocationArea select, .serviceLocationArea date{border:1px #fff solid; margin-bottom: 10px; background:rgba(0,0,0,0.3); backdrop-filter: saturate(180%) blur(10px); height:40px; padding:0 15px; width:100%; color:#fff;}
.serviceLocationArea textarea{height:80px;}
.serviceLocationArea ::placeholder {
  color: #fff; /* Replace with your desired color */
  opacity: 0.5;     /* Ensure full visibility (optional) */
}
.serviceLocationArea input[type="submit"]{background:var(--dark); border:none; font-weight:600; text-transform:uppercase; height:60px;}
.serviceLocationArea input[type="submit"]:hover{background:#fff; color:var(--dark);}
.serviceLocationArea .row .row [class^="col-"]{margin-bottom:20px;}
.serviceLocationArea form{padding:0 20px;}
.serviceLocationArea ul{list-style-type:none; margin:0; padding:0;}
.serviceLocationArea ul li{display:inline-block; width:46.5%; margin:0 5px 15px 0;}
.serviceLocationArea ul li a{display:block; padding:8px 15px; background:#fff; border-radius:3px;}
.serviceLocationArea ul li a i{margin-right:5px;}


.serviceLocationArea label {
    display:none!important;
    margin-bottom: .5rem;
}

.serviceLocationArea [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer; background:var(--dark); border:none; color: #fff; font-weight:600; text-transform:uppercase; height:60px; width: 100%;
}

.serviceLocationArea [type=submit]:hover{background:#fff; color:var(--dark);}

.testimonialsArea{text-align:center; padding:60px 0; color:var(--dark); background:#fff;}
.testimonialsArea h3{display:block; clear:both; font-size:36px; margin-bottom:10px;}
.testimonialsArea h3 + p{font-size:20px; margin-bottom:30px;}
.testimonialsArea > div > a{display:inline-block; color:var(--dark); padding:12px 25px; border:1px var(--dark) solid; width:240px; border-radius:40px;}
.testimonialsArea > div > a:hover{background:var(--dark); color:#fff;}
.testimonialsArea > svg{position:absolute; bottom:-1px; left:0;right:0; width:100%; fill:var(--blue); z-index:5;}
.testimonialsArea .row{margin-bottom:30px;}
.testimonialsArea .row [class^="col-"]{position:relative; margin-bottom:20px;}
.testimonialsArea .row [class^="col-"]:before{z-index:1; display:block; overflow:hidden; content:''; position:absolute; border-radius:10px; left:15px;right:15px; top:0;bottom:0;
background:#fff; border-top:3px var(--gray) solid;
box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
}
.testimonialsArea .row [class^="col-"] > div{text-align:center; padding:35px; position:relative; z-index:5;}
.testimonialsArea .row [class^="col-"] > div h5{margin-bottom:10px;}
.testimonialsArea [class^="col-"] > div strong{font-weight:600; font-size:16px;}
.testimonialsArea [class^="col-"] > div i{ font-size:48px; margin-bottom:10px;}



.serviceArea{display:block; overflow:hidden;padding:100px 0; text-align:center; color:#fff; position:relative; background:#444 url('../images/parallax.jpg') no-repeat center center fixed; background-size:cover; background-blend-mode:overlay;}


.movingcar{display:block; overflow:hidden; width:100%; position:relative; clear:both; height:110px;}
.movingcar img {
  position:absolute;         /* or absolute if inside a section */
  bottom: 0;            /* adjust road height */
  width: 180px;            /* car size */
  animation: carMove 12s linear infinite;
}

@keyframes carMove {
  0% {
    right: -200px;   /* start outside screen on right */
  }
  100% {
    right: 100%;     /* move fully to the left */
  }
}


.footer{display:block; clear:both; overflow:hidden; padding:60px 0 20px; position:relative; color:#fff; background:var(--dark);}
.footer > div{position:relative; z-index:5;}
.footer ul.links, .footer ul.contactLink{list-style-type:none; margin:0; padding:0; font-size:16px;}
.footer ul.links li{display:block;padding:4px 0;}
.footer ul.links li a, .footer ul.contactLink li a{color:#fff;}
.footer ul.links li a:hover, .footer ul.contactLink li a:hover{color:var(--yellow);}
.footer ul.contactLink li{display:block;padding:4px; margin-bottom:0px;}
.footer ul.contactLink li a{font-size:20px;}
.footer ul.contactLink li:last-child a{background:var(--yellow); border:3px var(--yellow) solid; padding:15px 45px; text-align:center; color:#fff; font-size:17px; border-radius:50px;}
.footer ul.contactLink li:last-child a:hover{background:var(--dark); color:#fff;}

.social-icons{margin:0; padding:0; list-style-type:none; position:relative;}
.social-icons li{display:inline-block; font-size:24px; margin:0 5px;}
.social-icons li a{color:#fff;}
.social-icons li a:hover{color:var(--yellow);}
.footer p{font-size:14px; color:#fff; display:block; padding:0; margin:5px 0;}
.footer p a{float:right;}
.footer hr{border-color:#fff;}
.footer .fa-chevron-up{font-size:18px; color:var(--yellow);}





.modal-dialog {
max-width: 800px;
margin: 30px auto;
}
.modal-body {
position:relative;
padding:0px;
}
.close {
position:absolute;
right:10px;
top:10px;
z-index:999;
font-size:2rem;
font-weight: normal;
color:var(--dark);
opacity:1;
}


.whatsappbtn{position:fixed; left:12px; bottom:12px; z-index:999;}






/*----------------------Next Page-----------------------*/

.container-fluid {
    position: relative;
	width: 1366px;
    max-width: 100%;
    margin: 0 auto;
}

.nxtBanner{display:block; position:relative; overflow:hidden; clear:both; height:50vh;}
.nxtBanner:after{background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0.03683480228028713) 0%, rgba(51,51,51,0.7707283597032564) 96%); position:absolute; left:0; right:0; top:0; bottom:0; content:''; display:block; }
.nxtBanner .nxtbanner-inner img{width:100%; height:100%; object-fit:cover;}
/*.nxtBanner [class^="carousel-control-"]{font-size:20px; display:block; color:#fff; opacity:1; top: 45%; height: 45px; width: 45px; color: #fff; left: -70px;}
.nxtBanner [class^="carousel-control-"]:last-child{right:-70px; left: auto;}
.nxtBanner [class^="carousel-control-"] img{filter: brightness(0) invert(1);}*/

@keyframes resize {
0% {transform:scale(1);}
50% {transform:scale(1.2);}
}


.nxtBanner .fullArea{position:relative;z-index:5; }
.nxtBanner h1{font-weight:700;  display: block; font-size:40px; margin-bottom:10px; color:#fff!important; padding:0 0 10px; text-transform:uppercase; letter-spacing:4px; line-height:1.1; position: absolute; left:50%; z-index:105; transform:translate(-50%,50%); z-index:5; bottom:50%; text-shadow: #858f99 1px 1px 0px, #b4b4b4 0px 2px 0px, #a0a0a0 0px 3px 0px, rgba(140, 140, 140, 0.498039) 0px 4px 0px, #787878 0px 0px 0px, rgba(0, 0, 0, 0.498039) 0px 5px 10px; }
.nxt-matter-area{/*padding:50px 0; display:block; /*overflow:hidden;*/ clear:both; margin-top: 0;  margin-bottom:50px; background:#fff; }
.nxt-matter-area p{ font-size:18px!important; line-height:1.5!important; padding-bottom:10px!important; }
.nxt-matter-area h2{ display:block; font-size:34px; line-height:35px; margin:0 auto; text-transform:none; font-weight:600; color:var(--dark);}
hr.line{ border-bottom:1px solid #dbdbdb; display:block; overflow:hidden;}
.mid-content-area{display:block; width:100%; padding: 50px 0; }
.mid-content-area [class^="col-"] > div{display: inline-block; vertical-align:top;}
.mid-content-area [class^="col-md-5"] > div{border-left:1px #ddd solid; margin: 0; padding:0;  height: 100vh}
.sub-menu{display:block; text-align:left; overflow:hidden; padding: 0; }
.sub-menu li{display:block; overflow:hidden; font-size:14px;}

.sub-menu li a{
color: #fff;
display: block;
line-height: 1.25em;
text-decoration: none;
padding: .75em 0;
position: relative;
border-right:3px transparent solid; text-align:left; border-bottom: 1px dashed #f1f1f1; /*background: var(--blue);*/
}
.sub-menu li a:hover, .sub-menu li.active a{ text-align:left; color: #00a8ff; border-right:3px #00a8ff solid;}
.sub-menu li:before{ display: none}

.mid-content-area p{display:block; clear:both; margin-bottom:25px; text-align:justify;}
.mid-content-area h2, .mid-content-area h1{display:block; margin-bottom:25px; font-size:22px; font-weight:600; color: #e24a3a; clear:both;}
.mid-content-area h3{display:block; margin-bottom:15px; font-size:18px; font-weight:700; color: #0ea1c4; clear:both; text-transform:uppercase;}

.nestaboutArea{display:block; padding:60px; position:relative;z-index:2; background:#eee; display:block;}
.nestaboutArea{width:100%; position:relative; z-index:5; font-size:16px; background:#eeeeee; display:block;overflow:hidden; padding:30px;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.nestaboutArea h2{color:var(--green); font-size:38px;}
.nestaboutArea h2 span, .highLightText h3, .testimonialsArea h2, .whyUsArea h2, .videoArea h2{display:block; overflow:hidden; font-size:30px; letter-spacing:-1px; line-height:1; font-weight:700; margin-bottom:0px; color:var(--black);}
.nestaboutArea h3{font-size:22px;}
.nestaboutArea .container a, .highLightText .row + a{display:inline-block; margin:15px 0; background:#fff; border:2px var(--black) solid; text-transform:uppercase; color:var(--green); padding:12px 20px; font-weight:700;
-webkit-box-shadow: 8px 8px 0px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 8px 8px 0px 0px rgba(0,0,0,0.2);

box-shadow: 8px 8px 0px 0px rgba(0,0,0,0.2);
}
.nestaboutArea .container a:hover, .highLightText .row + a:hover{background:var(--black); color:#fff;}


.datetime-area{ display: block!important; border:5px solid #1a224d; padding:30px  20px;  text-align: center;}
.datetime-area h4{ display: block; padding-bottom: 10px; font-size: 25px; font-weight: 500;  color: #c51f44;}
.datetime-area h4 strong{ display: block; clear: both; font-size: 35px; padding-top: 10px; color: #1a224d; }
.datetime-area ul{display: block!important; padding:0!important; margin:0!important; list-style-type: none!important;}

.datetime-area ul li{display: block!important; padding:0 0 15px 0!important; font-size: 20px; }



.contactArea{ margin:0 auto; font-size:17px; }
.contactArea h3{ font-size:20px; margin-bottom:5px; text-transform:uppercase; color:#000;}
.contactArea a{ margin-bottom:20px; display: inline-block; padding-left: 10px;  color:#222; font-size:24px;}
.contactArea a:hover{color:var(--blue);}
.contactArea .col-md-7 div{border-bottom: 2px var(--blue) solid; margin-bottom: 20px;}
.contactArea img{width:70px;}
.contactArea .col-sm-6 a{display: inline-block; padding: 5px;}
.contactArea p{line-height:1.3;}
.contactArea i{ color: var(--red); font-size: 18px;}

.contactformArea{display: block; overflow: hidden; padding: 60px 0; clear: both; width: 100%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.contactformArea > div{width:900px; margin: 0 auto; max-width: 100%;}
.contactformArea h2{margin-bottom: 25px; text-align: center;}




.glsr-default .glsr-review {
  display: flex;
  flex-wrap: wrap;
  gap: var(--glsr-gap-md);
  border: 1px solid var(--blue);
  padding: 10px 10px;
  margin-bottom:0;
}


.gallery-listing > [class^="col-"]{}
.gallery-listing > [class^="col-"] > div{display:block; overflow:hidden; clear:both; position:relative; margin-bottom:30px;  border:1px solid #f3f3f3; padding:5px; width:100%;  height: 250px;}
.gallery-listing > [class^="col-"] > div:hover{border:1px #000 solid; }
.gallery-listing > [class^="col-"] > div img{padding:0; display:inline-block!important; transform: scale(1); transition:.2s ease-in-out;width:100%;   height:100%; object-fit:cover;}
.gallery-listing > [class^="col-"] > div:hover img{transform: scale(1.1);}
.gallery-listing > [class^="col-"] > div h3{font-size:15px; font-weight:600; line-height:1.5; margin-bottom:0;padding:3px 10px; font-weight:600; background:var(--red); color:#fff;}


contact


.from-area{display: block; overflow: hidden; padding: 60px 0; margin: 40px 0; clear: both; width: 100%; background: var(--blue);}
.from-area > div{width:900px; margin: 0 auto; max-width: 100%;}
.from-area h2{margin-bottom: 25px; text-align: center; color: #fff;}

.sub-menu-toggle{ display: none!important}

/*-----------------------------------*/
.nxtwelcomeArea{ float:left; width:100%; clear:both;  color:#111;  position:relative; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00243a+0,7db9e8+100&1+0,0+100 */
background: linear-gradient(to bottom,  rgba(0,36,58,1) 0%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

 }
.nxtwelcomeArea h2{ color: #555564; font-size:25px; }
.nxtwelcomeArea h2 strong{clear:both; display:block; color:var(--blue);}
.nxtwelcomeArea h3{ color:#044a74; font-size:20px; padding-bottom:10px; line-height: 1.5;   }
.nxtwelcomeArea h4{ color:#222;  font-size:18px; padding-bottom:10px; line-height: 1.5;   }
.nxtwelcomeArea p{margin-bottom:20px; color:#111!important}

.nxtwelcomeArea .bginner{ background:#fff; padding:60px; border: 10px solid #f1f1f1; boder-top:none; -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75); margin-bottom: 50px;}

.nxtwelcomeArea input, .welcomeArea textarea{width:100%; border:1px #ccc solid; height:50px; padding:5px 10px; margin-bottom:15px; }
.nxtwelcomeArea textarea{height:100px!important;}
.nxtwelcomeArea [type="submit"]{border:none; background:var(--yellow)!important; color:#111; font-weight:600; margin-bottom:0px;}
.nxtwelcomeArea [type="submit"]:hover{cursor:pointer; background:var(--red); color:#fff;}
.nxtwelcomeArea > div > .row > [class^="col-md-5"] > div{/*background:var(--blue)!important;*/   display:block; overflow:hidden; padding:30px; color:#222; position:relative; top:-125px; margin-bottom:-125px; border:10px #fff solid; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00243a+0,044a74+52,044a74+52,2989d8+100 */
background: linear-gradient(to bottom,  rgba(0,36,58,1) 0%,rgba(4,74,116,1) 52%,rgba(4,74,116,1) 52%,rgba(41,137,216,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 }

.colortext h2{ color: #fff!important}
.colortext p{ color: #fff!important}

.nxtcallarea{border:none; background:var(--orange)!important; color:#fff; font-weight:600; margin-bottom:0px;}
.nxtcallarea:hover{background:#fff!important; color:#111; }


.contactArea{ margin:0 auto; font-size:17px; position: relative }
.contactArea h3{ font-size:20px; margin-bottom:5px; text-transform:uppercase; color:#000;}
.contactArea a{ margin-bottom:20px; display: inline-block; padding-left: 10px;  color:#222; font-size:24px;}
.contactArea a:hover{color:var(--blue);}
.contactArea div{border-bottom: 2px var(--blue) solid; margin-bottom: 20px;}
.contactArea img{width:70px;}
.contactArea .col-sm-6 a{display: inline-block; padding: 5px;}
.contactArea p{line-height:1.5; display: inline-block; vertical-align: top; padding: 0 0 0 10px;}
.contactArea i{ color: var(--orange); font-size: 18px;}

.contactformArea{display: block; overflow: hidden; padding: 60px 0; clear: both; width: 100%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.contactformArea > div{width:900px; margin: 0 auto; max-width: 100%;}
.contactformArea h2{margin-bottom: 25px; text-align: center;}

.glsr-default form.glsr-form {
    font-size: var(--glsr-text-md);
    line-height: var(--glsr-leading);
    margin-top: 30px;    
    padding: 20px;
	   
    background: linear-gradient(to bottom, rgba(0, 36, 58, 1) 0%, rgba(4, 74, 116, 1) 52%, rgba(4, 74, 116, 1) 52%, rgba(41, 137, 216, 1) 100%);
}

.glsr-default form.glsr-form label.glsr-label {
    padding: 0;
    color: #fff;}

/*------------------------------------*\
    Media Queries
\*------------------------------------*/


@media (min-width: 1400px){
}


@media (max-width: 1024px){

}

@media (max-width: 991px){

.navfullbg{margin:0; border:none; height:10px;}
#myHeader .logo{margin-bottom:10px;}
.logo img{height:70px;}

.sticky .navfullbg{ height:auto;}
.ndisLogo{height:40px;}
.phoneIcon{font-size:18px; margin:10px 0;}
.phoneIcon span{width:30px; height:30px; line-height:30px;}



#myHeader .no-gutters > [class*="col-"]:last-child{max-width:100%; flex:100%;}
#myHeader.sticky .no-gutters > [class*="col-"]:last-child{max-width:25%!important; flex:25%!important;}


.bannerContentBox h2{font-size:30px;}
.ourRooms .owl-dots{width:100%;}
.ourRooms .owl-nav{bottom:30px;}

.sliderArea .carousel-item{height:auto;}
.sliderArea .carousel-item video{width: 100%!important;}
.sliderArea .carousel-item img{height:250px;}


.serviceArea{padding-bottom:20px;}
.serviceArea [class^="col"]{margin-bottom:20px;}
.serviceArea > div > div{padding:20px 20px 0;}
.modal-content .row [class^="col-"]:first-child{height:300px;}

}

@media (max-width: 767px){

[class^="col-"]:not(:last-child){margin-bottom:30px;}
#myHeader [class^="col-"]:not(:last-child){margin-bottom:0px;}

h2{font-size:30px!important;}
h3{font-size:24px!important;}

.sliderArea .contentBox{width:90%; bottom:10px;}
.sliderArea .contentBox h2{font-size:18px!important;}
.sliderArea .contentBox p{font-size:14px;}
.nav-tab{font-size:12px; display:none;}
.formBox{padding:20px 30px;}
.formBox [class^="col-"], .formBox [class^="col-"]:first-child{border-bottom:1px #888 solid;}
.formBox [class^="col-"]:nth-child(3){border:none;}
.formBox [class^="col-"]:nth-child(4){border-bottom:none;}
.formBox [class^="col-"]:last-child{padding-top:10px; display:block;}

.ourRooms [class^="col-"]:first-child{margin-bottom:30px;}
.ourRooms [class^="col-"] > div{margin:0 20px; margin-bottom:-20px;}


.highlight4Boxes [class^="col"] > div, .highlight4Boxes [class^="col"]:first-child > div{border-bottom:1px var(--gray) solid; border-left:0; padding:15px;}
.highlight4Boxes [class^="col"]:last-child > div{border:none;}



.newsArea svg{bottom: 10px;}
.newsArea svg:last-child{bottom: -5px;}


.footer{text-align:center;}
.social-icons:before, .social-icons:after{display:none;}
.footer-nav li{width:100%;}
.footer-nav li{border:none; margin-bottom:8px;}

.footer [class^="col-"]{margin-bottom:15px;}

.aboutArea [class^="col-"] span{font-size:10px;}


.serviceLocationArea:before{display:none;}
.serviceLocationArea form{padding:0;}
.serviceLocationArea ul li{width:47.5%;}
.serviceLocationArea ul li a{padding:8px;}

.nxtBanner {
  display: block;
  position: relative;
  overflow: hidden;
  clear: both;
  height: 10vh!important;
}
.nxtBanner h1{font-weight:700;  display: block; font-size:24px; }

.nxtwelcomeArea > div > .row > [class^="col-md-5"] > div {
  background: var(--blue) !important;
  display: block;
  overflow: hidden; top:0px; 
  padding:10px;
  margin-bottom:20px;
  border: 2px #fff solid;}
  
  .nxtwelcomeArea .bginner {
  background: #fff;
  padding:10px;
  border: 8px solid #f1f1f1;
  boder-top: none;
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
  margin-bottom:20px;}
  
  .nxtBanner .nxtbanner-inner img {
  width: 100%;
  height: 10vh;
  object-fit: cover;}
  
  .nxtwelcomeArea h1{font-size:24px!important;}
  
  .nxtwelcomeArea h2{ color: #555564; font-size:22px!important; line-height: 1.3;  }

.nxtwelcomeArea h3{  font-size:18px; padding-bottom:10px; line-height: 1.3;   }
.nxtwelcomeArea h4{ font-size:16px; padding-bottom:10px; line-height: 1.3;   }

.footer ul.contactLink li a {
  font-size:16px;
}

.contactArea div {

  text-align: center;
}
.contactArea a {
  margin-bottom: 15px;
  display: inline-block;
  padding-left:2px;
  color: #222;
  font-size:15px;
}


  
}

@media (max-width: 500px){
    .phoneIcon {
    font-size: 14px;
    margin: 10px 0;  }
    
     .serviceLocationArea ul li a {
    padding: 8px;
    font-size: 12px;
  }
}

@media (max-width: 360px){
}


@media screen and (max-width: 1920px) and (min-width: 1240px){
}