@font-face {
      font-family: RopaSans;
      src: url(font/RopaSans-Regular.ttf);
    }
    @font-face {
      font-family: ProximaNovaRg;
      src: url(font/FontsFree-Net-proxima_nova_reg-webfont.ttf);
    }

    body {
      margin: 0;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.5;
      color: #212529;
      background-color: #fff;
      -webkit-text-size-adjust: 100%;
      -webkit-tap-highlight-color: transparent;
      font-family: ProximaNovaRg;
    }

    h1,h2,h3,h4,h5,h6 {
      color: #003366;
      font-family: RopaSans;
    }

    h1 {
      color: #CC9933;
      font-weight: 700!important;
      font-size: calc(1.475rem + 2.7vw);
      line-height: 1.2;
    }

    .after-overlay{
        position: relative;
    }
    .after-overlay::after{
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(44,62,79,.8);
    } 
    
    
    .dark-mask {
    /*  background: rgba(0, 0, 0, 0.3);*/
      background: rgba(0, 0, 0, 0.4);
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
    }

    .relative-positioned {
      position: relative;
      z-index: 1;
    }

    .bg-fixed {
      background-attachment: fixed !important;
    }

    /* EFFECT 5 ========================================== */
    .effect-5::before{
      position: absolute;
      content: "";
      z-index: -1;
      bottom: 20px;
      left: 8px;
      right: 8px;
      top: 20px;
      background: #aaa;
      box-shadow: 0 0 25px 10px #aaa;
      border-radius: 10px/40px;
    }
    .effect-5::after{
      position: absolute;
      content: "";
      z-index: -1;
      bottom: 14px;
      left: 30px;
      right: 30px;
      top: 14px;
      background: #aaa;
      box-shadow: 0 0 25px 17px #aaa;
      border-radius: 100px/10px;
    } 
    
    
    #footer{
      padding: 0 0 30px 0;
      color: #fff;
      font-size: 14px
    }

    
    #footer .footer-top .footer-info p{font-size: 14px;line-height: 24px;margin-bottom: 0;font-family: "Raleway", sans-serif;color: #fff}
     .social-links a{font-size: 18px;display: inline-block;background: #545454;color: #fff;line-height: 1;padding: 8px 0;margin-right: 4px;border-radius: 50%;text-align: center;width: 36px;height: 36px;transition: 0.3s}
     .social-links a:hover{background: #CC9933;color: #fff;text-decoration: none}#footer .footer-top h4{font-size: 16px;font-weight: bold;color: #fff;text-transform: uppercase;position: relative;padding-bottom: 12px}
    #footer .footer-top .footer-links{margin-bottom: 0px}
    #footer .footer-top .footer-links ul{list-style: none;padding: 0;margin: 0}
    #footer .footer-top .footer-links ul i{padding-right: 2px;color: #CC9933;font-size: 18px;line-height: 1}
    #footer .footer-top .footer-links ul li{padding: 10px 0;display: flex;align-items: center}
    #footer .footer-top .footer-links ul li:first-child{padding-top: 0}
    #footer .footer-top .footer-links ul a{transition: 0.3s;display: inline-block;line-height: 1}
    #footer .footer-top .footer-links ul a:hover{color: #CC9933}
    #footer .footer-top .footer-contact{margin-bottom: 0px}
    #footer .footer-top .footer-contact p{line-height: 26px}
    #footer .copyright{text-align: center;padding-top: 10px}
    #footer .credits{padding-top: 10px;text-align: center;font-size: 13px;color: #fff}

    .border-navyblue {
        --bs-border-opacity: 1;
        border-color:  #003366 !important;
    }

    .border-gold {
      --bs-border-opacity: 1;
      border-color:  #CC9933 !important;
    }

    .btn-custom {
      background-color: #CC9933;
      font-weight: bold;
      border-color:  #CC9933 !important;
    }

    .btn-custom:hover {
      background-color: #996515 !important;
    }

    .btn-navyblue {
      background-color: #003366;
      color: #fff;
    }

    .btn-navyblue:hover {
      background-color: #002b57 !important;
      color: #fff !important;
    }   
    
    .btn-no-cursor {
      pointer-events: none;
    }

    .nav-link {
      color: #003366 !important;
    }

    a {
      color: #003366;
      font-weight: 600;
    }

    .text-gold {
      color: #CC9933;
    }

    .text-navyblue {
      color: #003366;
    }

    .bg-gold {
      background-color: #c59d4d;
    }

    .bg-navyblue {
      background-color: #003366;
    }

    .navbar-light .navbar-nav .nav-link.active, .dropdown-item.active, .navbar-light .navbar-nav .nav-link:hover {
      text-decoration: underline;
      font-weight: bold;
      background-color: aliceblue;
    }

    @media all and (min-width: 992px) {
      .navbar{ padding-top: 0; padding-bottom: 0; }
      .navbar .has-megamenu{position:static!important;}
      .navbar .megamenu{left:0; right:0; width:600px; padding:20px;  }         
    }

    .search_area {
      position: relative;
      z-index: 0;
    }
    
    .search_area::before {
      background: #001D38;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      /*content: '';*/
      opacity: .6;
    }
    
    .search_area .single_slider {
      height: 600px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
    }
    
    
    @media (max-width: 767px) {
      .search_area .single_slider {
        height: auto;
      }
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
      .search_area .single_slider {
        height: 600px;
      }
    }
    
    @media (max-width: 767px) {
      .search_area .single_slider .slider_text {
        margin-top: 130px;
      }
    }          

    .pt-20	{padding-top: 5rem;} /* 80px */

    .list-group-item::before {
      content: "●";          
      margin-right: 0.75rem;
      color: #00204a;
    }

    .page-item.active .page-link {
      z-index: 1;
      color: #fff;
      background-color: #003366;
      border-color: #003366;
    }

    .page-link {
      color: #003366;
    }
    
    /* to make the whole short property card clickable */
    .overlay-link {
      position:absolute;
      inset: 0;
    }
    
    /* append red asterisk to form element labels */
  .required:after {
    content: " *";
    color: red;
    font-weight: 100;
  }

  label {
    text-transform: capitalize;
  }

/* For summernote override unordered and order list */
.note-editable ul{
  list-style: disc !important;
  list-style-position: inside !important;
}

.note-editable ol {
  list-style: decimal !important;
  list-style-position: inside !important;
}

.list-group-item ul{
  list-style: disc !important;
  list-style-position: inside !important;
}

.list-group-item ol {
  list-style: decimal !important;
  list-style-position: inside !important;
}


@media (max-width: 767px) {
  #multiCarousel .carousel-inner .carousel-item > div {
    display: none;
  }
  #multiCarousel .carousel-inner .carousel-item > div:first-child {
    display: block;
  }
}

#multiCarousel .carousel-inner .carousel-item.active,
#multiCarousel .carousel-inner .carousel-item-next,
#multiCarousel .carousel-inner .carousel-item-prev {
  display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {
  #multiCarousel .carousel-inner .carousel-item-end.active,
  #multiCarousel .carousel-inner .carousel-item-next {
    transform: translateX(33%);
  }

  #multiCarousel .carousel-inner .carousel-item-start.active, 
  #multiCarousel .carousel-inner .carousel-item-prev {
    transform: translateX(-33%);
  }
}

#multiCarousel .carousel-inner .carousel-item-end,
#multiCarousel .carousel-inner .carousel-item-start { 
  transform: translateX(0);
}

.navbar-brand img{
  max-width: 200px;
}


.login-reg-panel{
    position: relative;
    margin:auto;
    text-align:center;
    height:400px;              
}
.white-panel{
    border-radius: 0.5rem;
    background-color: rgba(255,255, 255, 1);
    height:500px;
    position:absolute;
    top:-50px;
    width:50%;
    right:calc(60% - 50px);
    transition:.3s ease-in-out;
    z-index:0;
    box-shadow: 0 0 15px 9px #00000096;
}
.register-info-box{
    width:50%;
    padding:0 40px;
    top:10%;
    right:0;
    position:absolute;
    text-align:left;              
}

.brightline{
  filter: brightness(120%);
}

.exitPopUpBG {
  background-color: rgba(204, 153, 51, 0.9); 
}

.homeIcon {
  width: 150px; height:auto;
}

.goldenOverlay {
  background: rgba(204, 153, 51, 0.6); z-index:50;
}

.mw200 {
  max-width: 200px !important;
}

.darkOverlay {
  background-color: rgba(0, 0, 0, 0.6);
}

/* Centered text for title over header images*/
.centered {
  /* position: absolute;
   top: 90%;
   left: 50%;
   transform: translate(-50%, -50%);*/
 
   position: absolute;
   top: 80%;
   left: 40%;
   transform: translate(-40%, -60%);
 }

 @media (max-width: 767px) {
  h1 {
    font-size: calc(1.425rem + 2.1vw);
  }
  .header {
    min-height: 100px;
  }
  .centered {
      position: absolute;
      top: 75%;
      left: 5%;
      transform: translate(0%, -50%);
  }
}


.small-box {
  border-radius: 0.25rem;
  box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);
  display: block;
  margin-bottom: 20px;
  position: relative;
}
.small-box .icon {
  color: rgba(0,0,0,.15);
  z-index: 0;
}
.small-box .icon>i {
  font-size: 90px;
  position: absolute;
  right: 15px;
  top: 15px;
  transition: -webkit-transform .3s linear;
  transition: transform .3s linear;
  transition: transform .3s linear,-webkit-transform .3s linear;
}
.small-box .icon>i.ion {
  font-size: 70px;
  top: 20px;
}
.small-box>.small-box-footer {
  background-color: rgba(0,0,0,.1);
  
  display: block;
  padding: 3px 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  z-index: 10;
}