@charset "utf-8";

/* HEADER */
#header .header-body {
  border-top:0;
  border-bottom:1px solid #ED7066 !important;
}
#header .header-nav-main nav > ul > li > a {
  font-size:16px;
  font-weight:600;
  letter-spacing:0;
  text-transform:none;
}
#header ul.nav-left > li {
  display:inline-block;
  font-size:16px;
  font-weight:600;
  letter-spacing:0;
  padding:0 2rem;
}
#header ul.nav-left > li:first-child,
#header ul.nav-left > li:last-child {
  padding:0;
}
#header ul.nav-left > li a {
  color:#E4E4E4;
  background-color:transparent;
}
#header ul.nav-left > li a:hover,
#header ul.nav-left:not(:hover) > li > a.active {
  background-color:transparent;	
  color:#ED7066;
}


/* HERO */
.section-hero {
  height:calc(100vh - 113px);
  min-height:40rem;
  padding:5rem 0;
  background-size:cover !important;
  background-position:center !important;
}
.overlay::before {
  z-index:0;
  background:rgb(255,255,255);
  background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(36,51,61,1) 50%);
}
.section-hero h1 {
  font-size:94px;
  font-weight:200;
  line-height:116px;
  letter-spacing:0;
  margin:0;
}
.section-hero h1 strong {
  font-weight:700;
  font-style:italic;
}
.section-hero .hero-bottom {
  padding-left:5rem;
  padding-right:5rem;
}
.section-hero .hero-bottom .logo-middle {
  margin-right:3rem;
  margin-left:3rem;
}
.section-hero .hero-bottom p {
  font-size:16px;
  font-weight:600;
  line-height:20px;
  letter-spacing:0;
  margin:0;
}


/* SECTION TEXT IMAGE */
.section-text-image .text-contain,
.section-text-image .image-contain {
  padding-top:10rem;
  padding-bottom:5rem;
}
.section-text-image .text-contain-right {
  padding-left:4rem;
  max-width:450px;
}
.section-only-text {
  padding-top:5rem;
  padding-bottom:5rem;
}
.section-text-image h3,
.section-only-text h3 {
  font-size:46px;
  font-weight:300;
  line-height:49px;
  letter-spacing:0;
  margin-bottom:2rem;
  text-transform:none;
}
.section-text-image h3 strong,
.section-only-text h3 strong {
  font-weight:700;
  font-style:italic;
}
.section-only-text h4 {
  font-size:38px;
  font-weight:400;
  line-height:49px;
  letter-spacing:0;
  margin-bottom:.5rem;
  text-transform:none;
}
.section-only-text h4 i {
  font-size:52px;
}
.section-text-image h4 {
  font-size:25px;
  line-height:32px;
  letter-spacing:0;
  margin-bottom:.5rem;
  text-transform:none;
}
.section-text-image h4 strong {
  font-weight:700;
}
.section-text-image h5,
.section-only-text h5 {
  font-size:20px;
  font-weight:400;
  line-height:24px;
  letter-spacing:0;
  margin-bottom:1rem;
  text-transform:none;
}
.section-only-text h5 strong {
  font-weight:700;
  font-style:italic;
}
.section-text-image h6 {
  font-size:14px;
  line-height:19px;
  letter-spacing:0;
  margin-bottom:0;
  text-transform:none;
}
.section-text-image h6 strong {
  font-weight:700;
}
.section-text-image .vr {
  display:inline-block;
  height:100%;
  width:1px;
  border:1px solid #A8BDB8;
  margin:auto;
}
.section-text-image .vr.dark {
  border:1px solid #24333D !important;
}
.section-text-image .image-row {
  width:calc(100vw - (100vw / 1.98));
}
.section-text-image .image-row-left {
  width:calc(100vw - (100vw / 1.98));
}
.section-text-image .text-contain .btn {
  font-size:14px;
  font-weight:700;
  letter-spacing:0;
  color:#24333D;
  padding:.75rem 1.25rem;
  border-color:#24333D;
}
.section-text-image .text-contain .btn:hover {
  background-color:#24333D;
  border-color:#24333D;
  color:#ED7066;
}
.section-text-image .text-contain-right .btn {
  font-size:14px;
  font-weight:700;
  letter-spacing:0;
  color:#24333D;
  padding:.75rem 1.25rem;
  border-color:#24333D;
}
.section-text-image .text-contain-right .btn.btn-secondary {
  color:#E3E5E0;
  border-color:#E3E5E0;
}
.section-text-image .text-contain-right .btn.btn-secondary:hover {
  background-color:#E3E5E0;
  border-color:#E3E5E0;
  color:#24333D;
}
.section-text-image .text-contain-right .btn:hover {
  background-color:#24333D;
  border-color:#24333D;
  color:#ED7066;
}
.progress-line {
  margin-top:10rem;
}
.circular-bar.only-icon [class*="fa-"],
.circular-bar.only-icon .icons {
  font-size:3.5rem;
  top:43%;
}

/* SECTION HOTSPOT MAPS */
.maps .maps-selector {
  padding-left:calc(50% - 80px);
}
.maps .maps-selector .btn {
  width:60px;
  height:60px;
  padding:0;
  line-height:normal;
  border-radius: 30px !important;
  margin-right:1rem;
}
.maps .maps-selector .btn img {
  width:65%;
}
.maps .maps-selector a {
  color:#E3E5E0;
}
.maps .maps-selector a:hover .btn {
  opacity:.8;
}
.maps .maps-selector a.active {
  text-decoration:underline;
}
.maps .image-hotspot .circle {
  opacity:1;
}
.maps .image-hotspot strong {
  font-size:11px;
  line-height:14px;
  font-weight:600 !important;
  text-align:center;
  white-space:nowrap;
}
.maps .image-hotspot.iconMetro .circle,
.maps .image-hotspot.iconBus .circle {
  width:40px;
  height:40px;
  font-size:2.15em;
}
.maps .image-hotspot.iconTrain .circle,
.maps .image-hotspot.iconAirport .circle {
  width:70px;
  height:70px;
  font-size:3.8em;
}
.maps .image-hotspot.iconTrain .ring,
.maps .image-hotspot.iconAirport .ring {
  width:6em;
  height:6em;
  margin:-3em auto auto -3em;
}

/* SECTION HOTSPOT */
.image-hotspot strong {
  color:#E3E5E0;
  font-size:16px;
  font-weight:700 !important;
}
.image-hotspot .circle {
  width:50px;
  height:50px;
  font-size:2.55em;
  opacity:.75;
  line-height:50px;
}
.image-hotspot .ring {
  width:4em;
  height:4em;
  margin:-2em auto auto -2em;
}
.loghi-hotspots {
  margin-top:-13rem;
  padding-bottom:2rem;
}
.loghi-hotspots h6 {
  font-size:16px;
  font-weight:600;
  line-height:24px;
  letter-spacing:0;
  margin-bottom:2rem;
  text-transform:none;
}
.loghi-hotspots img {
  display:block;
  margin:0 auto 2rem;
}
.loghi-hotspots img.last {
  margin:0 auto 3rem;
}
.popover {
  text-align:center;
 }


/* SECTION CAROUSEL */
.section-carousel .bg-container {
  padding:12rem 0 6rem;
}
.section-carousel .bg-container h3 {
  font-size:46px;
  font-weight:700;
  font-style:italic;
  line-height:49px;
  letter-spacing:0;
  margin-bottom:2rem;
  text-transform:none;
}
.section-carousel .bg-container h3 .fa-arrow-left {
  padding-right:16rem;
}
.section-carousel .bg-container h3 .fa-arrow-right {
  padding-left:16rem;
}
.section-carousel .bg-container .owl-left .owl-dots {
  text-align:right;
}
.section-carousel .bg-container .owl-right .owl-dots {
  text-align:left;
}
.section-carousel .bg-container .owl-theme .owl-dots .owl-dot span {
  width:16px;
  height:16px;
  margin:0 3px;
  background-color:transparent;
  border:1px solid #707070;
  border-radius:0;
}
.section-carousel .bg-container .owl-carousel .owl-dots .owl-dot.active span,
.section-carousel .bg-container .owl-carousel .owl-dots .owl-dot:hover span {
  border:1px solid #ea564b;
  background-color:#ea564b;
}
.section-carousel .bg-container .owl-left .owl-dots .owl-dot span:last-child {
  margin-right:0;
}
.section-carousel .bg-container .owl-right .owl-dots .owl-dot span:last-child {
  margin-left:0;
}
.owl-primary .owl-stage {
  display:flex !important;
}


/* SECTION SINGLE PLAN */
.single-plan {
  padding-top:10rem;
  padding-bottom:8.5rem;
}
.single-plan i {
  transform:rotateZ(180deg);
  color:#A8BDB8;
  font-size:20px;
}
.single-plan .table td {
  background-color:transparent;
  border:none;
  padding:0;
}
.single-plan .table td h6 {
  font-size:14px;
  font-weight:200;
  line-height:15px;
  letter-spacing:0;
  margin-bottom:0;
  color:#24333D;
  display:inline-block;
}
.single-plan .table td h6 strong {
  font-weight:600;
}

/* SECTION THANK YOU */
.section-thank-you {
  height:calc(100vh);
}
.section-thank-you img {
  max-width:55%;
}
.section-thank-you h4 {
  font-size:20px;
  line-height:30px;
  letter-spacing:0;
  margin-bottom:.5rem;
  text-transform:none;
}
.section-thank-you .btn {
  font-size:14px;
  letter-spacing: 0;
  color:#fff !important;
  padding:.75rem 1.25rem;
  margin-top:3rem;
}
.section-thank-you .btn:hover {
  color:#24333D !important;
  background-color:#fff;
}


/* FOOTER */
#footer {
  background:url('/public/xd/footer/parallax.jpg?V01');
  background-size:cover;
  background-position:0 100%;
}
#footer .footer-top h4 {
  font-size:34px;
  font-weight:300;
  line-height:49px;
  letter-spacing:0;
  margin-bottom:4rem;
  margin-top:10rem;
}
#footer .vr {
  display:inline-block;
  height:100%;
  width:1px;
  border:1px solid #A8BDB8;
  margin:auto;
}
#footer .footer-top img {
  margin-top:10rem;
}
#footer .footer-top p {
  font-size:17px;
  font-weight:200;
  line-height:32px;
  letter-spacing:0;
  margin-bottom:3rem;
}
#footer .footer-top a {
  color:#ffffff !important;
  text-decoration:underline;
  font-weight:500;
}
#footer .footer-top a:hover,
#footer .footer-copyright a:hover {
  color:#ED7066 !important;
}
#footer .footer-copyright {
  background:#24333D;
}
#footer .footer-copyright a {
  font-size:16px;
  font-weight:600;
  line-height:25px;
  letter-spacing:0;
  color:#E4E4E4 !important;
  text-decoration:underline;
  margin:0;
}
#footer .footer-copyright p {
  font-size:12px;
  font-weight:400;
  line-height:18px;
  letter-spacing:0;
  color:#E4E4E4;
  margin:0;
}

/* FORM */
::placeholder {
  color:#2B4342 !important;
  opacity:1 !important;
}
.form .form-group-check {
  margin-top:1rem;
  margin-bottom:2rem;
}
.form-check .form-check-input {
  width:1.5em;
  height:1.4em;
  border-radius:50% !important;
  margin-top:0;
  margin-right:1em;
}
.form .form-group-check label {
  font-size:11px;
  line-height:16px;
  letter-spacing:0;
  margin-bottom:0;
  display:inherit;
}
.form .btn-xl {
  color:#fff !important;
  margin-bottom:3rem;
}
.form .btn-xl:hover {
  color:#24333D !important;
}
.form .error {
  color:#ED7066;
  font-size:12px;
  font-weight:600;
  line-height:14px;
  margin:.5rem 0;
  letter-spacing: 0;
}


/* MEDIA QUERY MAX 1599PX */
@media(max-width:1599px) {
  .loghi-hotspots {
	margin-top:-10rem;
  }
}
/* MEDIA QUERY MAX 1399PX */
@media(max-width:1399px) {    
  .section-text-image .text-contain-right {
	max-width:407px;
  }
  .section-text-image h3,
  .section-only-text h3,
  .section-carousel .bg-container h3 {
	font-size:42px;
	line-height:44px;
  }
  .section-text-image h5,
  .section-only-text h5 {
	font-size:18px;
	line-height:21.5px;
  }
  .loghi-hotspots {
	margin-top:-8rem;
  }
  .section-carousel .bg-container h3 .fa-arrow-left {
	padding-right:14rem;
  }
  .section-carousel .bg-container h3 .fa-arrow-right {
	padding-left:14rem;
  }
  .single-plan i {
	font-size:22px;
  }
  .single-plan .plan-text {
	margin-right:1.5rem;
  }
  .single-plan .plan-text h6 {
	font-size:12.5px;
	line-height:18px;
  }
  .single-plan .plan-text p {
	font-size:12.5px;
	line-height:18px;
  }
  #footer .footer-top h4 {
	font-size:31px;
	line-height:44px;
  }
  #footer .footer-top .logo-stairway {
	margin-right:6rem;
  }
  #footer .footer-top p {
	font-size:15px;
	line-height:29px;
  }
}
/* MEDIA QUERY MAX 1299PX */
@media(max-width:1299px) {
  .section-hero h1 {
	font-size:90px;
	line-height:110px;
  }
}
/* MEDIA QUERY MAX 1199PX */
@media(max-width:1199px) {
  .section-hero h1 {
	font-size:76px;
	line-height:93px;
  }
  .section-text-image h3,
  .section-only-text h3,
  .section-carousel .bg-container h3 {
	font-size:38px;
	line-height:40px;
  }
  .section-text-image h5,
  .section-only-text h5 {
	font-size:16px;
	line-height:19px;
  }   
  .section-text-image .text-contain-right {
	padding-left:2rem;
	max-width:350px;
  }
  .section-text-image .image-row {
	width:calc(100vw - (100vw / 2.35));
  }
  .loghi-hotspots {
	margin-top:-11rem;
  }
  .section-carousel .bg-container h3 .fa-arrow-left {
	padding-right:12rem;
  }
  .section-carousel .bg-container h3 .fa-arrow-right {
	padding-left:12rem;
  }
}
/* MEDIA QUERY MAX 1099PX */
@media(max-width:1099px) {
  #header ul.nav-left > li {
	padding:0 1.25rem;
  }
  .single-plan {
	padding-top:8rem;
	padding-bottom:8rem;
  }
  .single-plan i {
	font-size:20px;
  }
  .single-plan .plan-text {
	margin-right:1rem;
  }
  .single-plan .plan-text h6 {
	font-size:11px;
	line-height:15px;
  }
  .single-plan .plan-text p {
	font-size:11px;
	line-height:15px;
  }  
}
/* MEDIA QUERY MIN 992PX */
@media (min-width: 992px) {
  #header .header-nav.header-nav-links nav > ul > li > a,
  #header .header-nav.header-nav-links nav > ul > li:hover > a,
  #header .header-nav.header-nav-line nav > ul > li > a,
  #header .header-nav.header-nav-line nav > ul > li:hover > a {
	padding:0 2rem;
    margin:0;
  }
}
/* MEDIA QUERY MAX 991PX */
@media(max-width:991px) {
  #header ul.nav-left > li:last-child {
	padding-right:2rem;
  }
  .section-hero h1 {
	font-size:60px;
	line-height:74px;
  }
  .section-hero .hero-bottom {
	padding-left:3.5rem;
	padding-right:3.5rem;
  }
  .section-hero .hero-bottom img {
	height:25px;
  }
  .section-hero .hero-bottom .logo-middle {
	margin-right:2.5rem;
	margin-left:2.5rem;
  }
  .section-hero .hero-bottom p {
	font-size:14px;
	line-height:17px
  }
  .section-text-image .text-contain {
	padding-top:5rem;
  }
  .section-text-image .image-contain {
	padding-top:0;
	padding-left:0;
	padding-right:0;
  }
  .section-text-image .image-row,
  .section-text-image .image-row-left {
	width:auto;
  }   
  .section-text-image .text-contain-right {
	max-width:none;
	padding:3rem 2rem;
  }
  .section-text-image .text-contain-right.second-option {
	padding:0;
  }
  .progress-line {
	margin-top:5rem;
  }
  .progress-line .text-center {
	margin-bottom:5rem;
  }
  .progress-line .text {
	text-align:center;
  }
  .loghi-hotspots {
	margin-top:-7rem;
  }
  .section-carousel .bg-container h3 .fa-arrow-left {
	padding-right:6rem;
  }
  .section-carousel .bg-container h3 .fa-arrow-right {
	padding-left:6rem;
  }
  #footer .footer-top h4 {
	font-size:26px;
	line-height:37px;
  }
  #footer .footer-top .logo-stairway {
	margin-right:2rem;
  }
  #footer .footer-top p {
	font-size:13px;
	line-height:25px;
  }
  #footer .footer-copyright a {
	display:block;
	margin-bottom:1rem;
  }
}
/* MEDIA QUERY MAX 767PX */
@media(max-width:767px) {
  .section-hero h1 {
	font-size:47px;
	line-height:58px;
  }
  .section-hero .hero-bottom {
	padding-left:2rem;
	padding-right:2rem;
  }
  .section-hero .hero-bottom img {
	height:20px;
  }
  .section-hero .hero-bottom .logo-middle {
	margin-right:2rem;
	margin-left:2rem;
  }
  .section-hero .hero-bottom p {
	font-size:12px;
	line-height:15px
  }
  .loghi-hotspots {
	margin-top:-4rem;
  }
  .section-carousel .bg-container {
	padding-top:6rem;
	padding-bottom:6rem;
	padding-right:calc(var(--bs-gutter-x) * .5);
	padding-left:calc(var(--bs-gutter-x) * .5);
  }
  .section-carousel .bg-container h3 .fa-arrow-left {
	padding-right:0;
    float:left;
  }
  .section-carousel .bg-container h3 .fa-arrow-right {
	padding-right:0;
    float:right;
  }
  .maps .maps-selector {
	padding:1.5rem 0 0;
  }
  .image-hotspot .circle {
	width:40px;
	height:40px;
	font-size:2em;
	line-height:40px;
  }
  .image-hotspot .ring {
	width:3em;
	height:3em;
	margin:-1.5em auto auto -1.5em;
  }
  .section-thank-you {
	text-align:center;
  }
  #footer .footer-top {
	padding-bottom:3rem;
  }
  #footer .footer-top h4 {
	margin-top:7rem;
  }
  #footer .footer-top .committed {
	text-align:center;
  }
  #footer .footer-top img {
	margin-top:0;
  }
  #footer .footer-top h4 {
	margin-bottom:3rem;
	text-align:center;
  }
  #footer .footer-top hr {
	background:#E3E5E0;
	margin:0 0 3rem;
  }
}
/* MEDIA QUERY MAX 575PX */
@media(max-width:575px) {
  .section-hero h1 {
	font-size:32px;
	line-height:39px;
  }
  .section-hero .hero-bottom {
	padding-left:1.25rem;
	padding-right:1.25rem;
  }
  .loghi-hotspots {
	margin-top:-2rem;
  }
  .section-carousel .bg-container {
	padding-top:4rem;
	padding-bottom:4rem;
  }
  .image-hotspot strong {
	font-size:14px;
  }
  .image-hotspot .circle {
	width:35px;
	height:35px;
	font-size:2em;
	line-height:35px;
  }
  .image-hotspot .ring {
	width:2.5em;
	height:2.5em;
	margin:-1.25em auto auto -1.25em;
  }
}
/* MEDIA QUERY MAX 419PX */
@media(max-width:419px) {
  .section-hero h1 {
	font-size:25px;
	line-height:32px;
  }
  .image-hotspot strong {
	font-size:13px;
  }
  .image-hotspot .circle {
	width:30px;
	height:30px;
	font-size:1.65em;
	line-height:30px;
  }
  .image-hotspot .ring {
	width:2em;
	height:2em;
	margin:-1em auto auto -1em;
  }
  #footer .footer-top .logo-stairway {
	margin-right:1rem;
  }
}
/* MEDIA QUERY MAX 354PX */
@media(max-width:338px) {
  #footer .footer-top .logo-stairway {
	margin-right:.5rem;
  }
}