/* Global Style
  ============================= */
::selection {
  color: #fff;
  background: #EF3239;
}
a {
  color: #14264C;
}
a:hover {
  text-decoration: none;
  color: #EF3239;
}
.dropdown-menu {
  background-color: #14264cab;
}
.dropdown-item {
  color: #fff;
}
.loader {
  position: fixed;
  z-index: 9999999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.loader.hidden {
  animation: fadeOut 1s;
  animation-fill-mode: forwards;
  display: none;
}

/**/
.lds-ripple {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ripple div {
  position: absolute;
  border: 4px solid red;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}
/**/
.section{
  padding-top: 80px;
  padding-bottom: 50px;
}
.btn {
  border-width: 2px!important;
}
.btn-dark-blue {
  background-color: #14264C;
  border-color: #14264C;
  color: #fff!important;
}
.btn-outline-dark-blue {
  color: #14264C;
  border-color: #14264C;
}
.btn-dark-blue:hover,
.btn-outline-dark-blue:hover{
  background-color: #2e4d8e;
  border-color: #2e4d8e;
}
.btn-light-blue {
  background-color: #25ABE2;
  border-color: #25ABE2;
  color: #fff!important;
}
.btn-light-blue:hover {
  background-color: #EF3239;
  border-color: #EF3239;
}
.btn-red {
  background-color: #EF3239!important;
  border-color: #EF3239!important;
  color: #fff!important;
}
.btn-red:hover {
  background-color: #da262d!important;
  border-color: #da262d!important;
}
.btn-red-outline {
  background-color: #fff!important;
  border-color: #EF3239!important;
  color: #EF3239!important;
}
.btn-red-outline:hover {
  background-color: #EF3239!important;
  border-color: #EF3239!important;
  color: #fff!important;
}
.btn-white {
  background-color: #fff!important;
  border-color: #fff!important;
}
.btn-white:hover {
  background-color: #fff!important;
  border-color: #fff!important;
  color: #000!important;
}
.btn-white-outline {
  background-color: transparent!important;
  border-color: #fff!important;
  color: #fff!important;
}
.btn-white-outline.active,
.btn-white-outline:hover {
  background-color: #fff!important;
  border-color: #fff!important;
  color: #000!important;
}
.btn-link {
  color: #fff!important;
  text-decoration: underline;
}
.btn-link:hover {
  color: #EF3239!important;
}

.blue-layer-sec {
  position: relative;
  z-index: 1;
}
.blue-layer-sec::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: #14264cc9;
  z-index: -1;
}

.dropdown-item.active, .dropdown-item:active,
.dropdown-item:focus, .dropdown-item:hover {
  color: #fff!important;
  background-color: #DC3545!important;
}
.btn:focus {
  box-shadow: 0 0 0 0.2rem #ef32392e!important;
}
.navbar-dark .navbar-toggler {
  border-color: #24A1D5!important;
}
/* form */
.form-control:focus {
  border-color: #EF3239!important;
  box-shadow: 0 0 0 0.2rem #ef32392e!important;
}
/* go to top button */
#to-top {
  display: inline-block;
  position: relative;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#to-top::after {
  content: "\f077";
  font-family: "Font Awesome 5 Free";
  font-weight: 800;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
  position: absolute;
  left: 20%;
  top: 0%;
}
#to-top:hover {
  cursor: pointer;
}
#to-top.show {
  opacity: 1;
  visibility: visible;
}
.lead-heading-home {
	text-transform: uppercase;
}
.banner-content .banner-content-iner .lead-heading {
  text-transform: uppercase;
  text-align:center;
}
/* Helper Classes
  ============================= */
.rounded99,
.btn-rounded {
  border-radius: 99px!important;
}
.bg-dark-blue {
  background-color: #14264C;
}
.height-400{
  height: 200px;
}
.text-red {
  color: #EF3239;
}
.zoom-in {
  overflow: hidden;
  display: block;
  border-radius: 5px;
}
.zoom-in img {
  transition: all .2s linear 0s;
}
.zoom-in:hover img {
  transform: scale(1.1);
}
.hover-box1 {
  transition: all .2s linear 0s;
}
.hover-box1:hover {
  box-shadow: 0px 3px 10px -5px black;
  transform: translateY(-15px);
}
.bg-gray {
  background-color: #F6F6F6;
}
.full-height {
  height: 100vh;
}
/* Header Style
  ============================= */
header.header-transparent {
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  right: 0;
  z-index: 30;
}
.header-search {
  position: relative;
}
.header-search input {
  position: absolute;
  bottom: -40px;
  right: 0;
  display: none!important;
}
.header-search:hover input {
  display: block !important;
}
/* === navbar === */
header .navbar-nav .nav-link {
  color: #fff!important;
  border-bottom: 2px solid transparent;
}
header .navbar-nav .nav-link:hover {
  color: #fff;
  border-color: #fff;
}
/* === Call to action === */
.cta-section{
  background-image: url('../images/promotion-banner2.jpg');
  background-size: cover;
}


/* Home page
  ============================= */
/* === home banner === */
.home-banner{
  background-image: url('../images/Building.jpg');
  background-size: cover;
}
.home-banner .banner-content {
  padding: 18% 0 10%;
}
.banner-content {
  padding-top: 100px;
  padding-bottom: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  height: 100%;
}
.banner-content .lead-heading{
  font-size: 70px;
  letter-spacing: 2px;
  font-weight: 600;
  text-transform: capitalize;
}
.banner-content .lead-subheading{
  font-size: 40px;
  font-weight: 100;
}

/* === Office Program Section === */
.office-services{
  background-color: #F6F6F6;
}
.office-services .video-wrapper{

}

/* === testimonials === */
.bg-dark-blue .carousel-control-prev-icon::after,
.bg-dark-blue .carousel-control-next-icon::after,
.bg-dark-blue .testimonials .item-content * {
  color: white;
}
.testimonials .carousel-inner .carousel-item .img-box{
  width: 135px;
  height: 135px;
}
.testimonials .carousel-inner p {
  padding: 0 5%;
}

.testimonials .item-content {
  /* opacity: 0;
  transform: translateY(40px);
  transition: all .2s linear 0s; */
}
.testimonials .item-content.show {
  opacity: 1;
  transform: translateY(0px);
}
.testimonials .carousel-control-prev{
  left: -70px;
}
.testimonials .carousel-control-next{
  right: -70px;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
  height: 60px;
  width: 60px;
  background-size: 100%, 100%;
  border-radius: 50%;
  background-image: none;
}
.carousel-control-next, 
.carousel-control-prev {
  opacity: .7;
}
.carousel-control-prev-icon::after,
.carousel-control-next-icon::after {
  font-family: "Font Awesome 5 Free";
  font-size: 30px;
  color: black;
  font-weight: 800;
}
.carousel-control-next-icon::after {
  content: "\f061";
}
.carousel-control-prev-icon::after {
  content: "\f060";
}

/* === services === */
.office-box img {
  width: 100%;
  height: auto;
}
/* === Quick Contact === */
.quick-contact {
  background-color: #E6E9EE;
  padding: 20px;
  margin-bottom: -60px !important;
}
.mail-box{
  border-right: 1px solid black;
}
.quick-contact-box .box-wrapper {
  margin: 15px 0;
}
.quick-contact-box .box-wrapper a {
  color: #14264C;
  font-weight: bold;
}
.quick-contact-box .box-wrapper a:hover {
  text-decoration: underline;
}
.quick-contact .icon{
  font-size: 40px;
  color: red;
}

/* === Midtown Table === */
.table-wrapper {
  z-index: 9;
  transition: all .2s linear 0s;
  background: #fff;
}
.table-wrapper:hover {
  z-index: 99;
  box-shadow: 0px 0px 7px -2px #00000099;
  transform: scale(1.05);
}
.midtown-table-tabs a.nav-link {
  border: 2px solid #14264C;
  color: #14264C;
  margin: 0 5px;
}
.midtown-table-tabs a.nav-link:hover,
.midtown-table-tabs a.nav-link.active {
  background-color: #14264C;
  color: #fff;
}
.midtown-table {
  border: 1px solid #E5E5E5;
  margin-right: -1px;
}
.midtown-table .table-head {
  height: 130px;
  padding-top: 20px;
  position: relative;
}
.midtown-table .table-head > h2 {
  font-weight: lighter;
}
.midtown-table.table-headings .table-head > h2 {
  font-weight: bold;
}
.midtown-table.table-gray .table-head {
  background-color: #f1f1f1;
}
.private-table .table-head > h2{
  font-size: 25px;
}
.midtown-table.table-blue .price-circle,
.midtown-table.table-blue .table-head {
  background-color: #14264C;
  color: #fff;
}
.price-circle {
  position: absolute;
  bottom: -50%;
  left: calc(50% - 60px);
  border-radius: 99px;
  color: #14264C;
  background-color: #f1f1f1;
  border: 2px solid #fff;
  padding: 10px;
  height: 120px;
  width: 120px;
  font-size: 20px !important;
}
.price-circle .price {
  position: relative;
  font-size: 40px !important;
  font-weight: 600;
  display: inline;
  width: auto;
}
.price-circle .month {
  line-height: 10px;
}
.price-circle .price:not(.no-sign)::before {
  position: absolute;
  content: "$";
  font-size: 20px !important;
  bottom: 25px;
  left: -12px;
  line-height: 0;
}
.midtown-table .table-body ul li:first-child{
  padding-top: 80px;
}
.midtown-table .table-body ul li {
  padding: 10px 30px;
  min-height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: left;
  border-bottom: 1px solid #E5E5E5;
}
.midtown-table .table-body ul{
  margin-bottom: -1px;
}
.midtown-table .table-body ul li:nth-child(even){
  background-color: #f1f1f1;
}
.midtown-table.table-headings .table-body ul li {
  justify-content: start;
}
.midtown-table .table-body ul li > i.fa {
  font-size: 24px !important;
  color: #EF3239;
}

/* === We-Have-Section === */
.we-have-section {

}
/* === Location Section === */
.location-section {
  background-color: #14264C;
  padding-bottom: 105px;
}
.location-form form input,
.location-form form select,
.location-form form button{
  margin: 0 10px;
}
/* === Contact Details Section === */
.contact-details-section {
  background-image: url('../images/form-back.png');
  background-size: cover;
}
.contact-details-section .form-section-wrapper{
  padding: 35px 20px 40px;
  margin-top: -10%;
  box-shadow: 0px 0px 7px -2px #00000099;
}
.contact-details-section .form-section-wrapper .form-section {
  position: relative;
}
.contact-details-section .form-section-wrapper .form-section::before {
  position: absolute;
  content: url('../images/arrow.png');
  left: -140px;
  bottom: 5%;
}
.contact-details-section .icon-wrapper a {
  color: #fff;
}
.contact-details-section .icon-wrapper a:hover {
  color: #EF3239;
}

/* About Us Page
  ============================= */
.about-us-banner {
  background-image: url('../images/about-us.jpg');
  background-size: cover;
}

/* Services Page
  ============================= */
.services-banner {
  background-image: url('../images/contact-banner.jpg');
  background-size: cover;
}

/* Contact Us Page
  ============================= */
.contact-us-banner {
  background-image: url('../images/contact-banner.jpg');
  background-size: cover;
}
.contact-info-section{
  background-image: url('../images/blue-banner-bg.jpg');
  background-size: cover;
}
.contact-form .form-group textarea,
.contact-form .form-group input {
  border-radius: 0;
  border-color: #F8F8F8;
  border-left: 3px solid #EF3239;
  background: #F8F8F8;
}
.contact-form .form-group textarea:focus,
.contact-form .form-group input:focus {
  box-shadow: unset!important;
  border-color: #EF3239;
}
.contact-info-box {
  background-color: #05326B;
}
.contact-info-section {
  background-color: #022D62;
}
/* Privacy Policy Page
  ============================= */
.privacy-policy-banner{
  background-image: url('../images/privacy-policy-banner.jpg');
  background-size: cover;
}
.privacy-page-content p,ul{
  margin-bottom: 40px;
}
.privacy-page-content ul > li {
  margin-bottom: 10px;
  position: relative;
}
.privacy-page-content ul > li::before {
  position: absolute;
  content: "";
  height: 8px;
  width: 8px;
  background: red;
  border-radius: 99px;
  left: -19px;
  top: 9px;
}
/* Pricing Page
  ============================= */
.pricing-banner {
  background-image: url('../images/about-us.jpg');
  background-size: cover;
}

/* Location Page
  ============================= */
.location-banner {
  background-image: url('../images/location-page.png');
  background-size: cover;
}

/* Virtual Office Page
  ============================= */
.virtual-office-banner {
  background-image: url('../images/virtual-office.png');
  background-size: cover;
}

/* Private Office Page
  ============================= */
.private-office-banner {
  background-image: url('../images/private-office.png');
  background-size: cover;
}

/* Meeting Room Page
  ============================= */
.meeting-room-banner {
  background-image: url('../images/meeting-room-rental.png');
  background-size: cover;
}

/* Blog Page
  ============================= */
.blog-post {
  border-bottom: 1px solid #C1C1C1;
}
.blog-post .post-title {
  color: #000;
  text-decoration: none;
}
.blog-post .post-title:hover {
  color: #EF3239;
}

/* Post Page
  ============================= */
.post-banner {
  background-image: url('../images/about-us.jpg');
  background-size: cover;
}
.post-sidebar {
  background: #F7F7F7;
}
.post-sidebar .sidebar-title {
  margin-bottom: 1rem;
  font-size: 1.1rem;
}
.post-sidebar .media:not(:first-child) {
  border-top: 1px solid #CED4DA;
}
.post-sidebar .media-body h5 {
  font-size: 15px;
  letter-spacing: 0px;
  line-height: 20px;
  font-weight: 400;
}
.post-sidebar .media-body h5 a {
  color: #555;
}
.post-sidebar .media-body h5 a:hover {
  color: #EF3239;
}
.post-data img,
.post-data h3{
  margin-bottom: 20px;
}
.post-data h3{
  margin-top: 30px;
}

/* Footer
  ============================= */
footer {
  padding-top: 30px;
  background-color: #F6F6F6;
}
footer .bottom-footer {
  background-color: #DDE2E6;
}
.footer-logo {
  width: auto;
}
.social-icon a {
  height: 40px;
  width: 40px;
  border: 1px solid #14264C;
  border-radius: 99px;
  display: inline-block;
  text-align: center;
  line-height: 40px;
  color: #14264C;
  margin-right: 10px;
}
.social-icon a:hover {
  text-decoration: underline;
  border-color: #EF3239;
  background-color: #EF3239;
  color: #fff;
}
footer .heading-underline {
  position: relative;
  margin-bottom: 60px;
  color: #14264C;
}
footer .heading-underline::after {
  position: absolute;
  content: "";
  height: 2px;
  width: 25%;
  background: red;
  left: 0;
  bottom: -20px;
}
footer ul li > a {
  color: #000;
}
footer ul li > a:hover {
  color: #DB3444;
}

/* Medium and Large Responsiveness
  ============================= */
@media screen and (min-width: 768px){
  .full-height-md {
    height: 100vh;
  }
  header .navbar-expand-md .navbar-nav .nav-link {
    padding-right: .8rem;
    padding-left: .8rem;
  }
  .dropdown:hover>.dropdown-menu {
    display: block;
  }
 
}

/* Mobile Responsiveness
  ============================= */
@media screen and (max-width: 767px){
  .mob-mb-0{
    margin-bottom: 0!important;
  }
  .mob-mt-0{
    margin-top: 0!important;
  }
  .mob-pt-0{
    /* padding-top: 0!important; */
  }
  .mail-box{
    border-right: 0!important;
  }
  .banner-content .lead-heading{
    font-size: 30px;
  }
  .banner-content .lead-subheading {
    font-size: 24px;
  }
  .height-400 {
    height: 250px;
  }
  /* === nav bar === */
  .navbar-collapse {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    background: white!important;
  }
  .navbar-collapse li.nav-item {
    padding: 0 20px;
  }
  .navbar-collapse li.nav-item .nav-link {
    color: #14264C!important;
  }

  .contact-details-section .form-section-wrapper .form-section::before {
    display: none;
  }

  .testimonials .carousel-control-prev{
    left: 0;
  }
  .testimonials .carousel-control-next{
    right: 0;
  }

  .pricing-table-row {
    overflow-x: scroll;
    white-space: nowrap;
    display: block;
  }
  .pricing-table-row .col {
    display: inline-block;
    width: auto;
  }
  .midtown-table .table-head {
    padding-left: 10px;
    padding-right: 10px;
  }
  ul li.nav-item {
    width: -webkit-fill-available;
    text-align: center;
}
}
a#navbarDropdown {
    pointer-events: none;
}
.gray-section{
    padding:0px !important;
    margin: 0px !important; 
}

.office-programs div{text-align:center;}
@media screen and (max-width: 767px){
	a#navbarDropdown {
		pointer-events: auto;
	}	
}