/* ==========================================================================
GLOBAL STYLES
========================================================================== */
html, body { height: 100%; }

body { background: #fff; font-family: 'Source Sans Pro', sans-serif; color: #00021a; font-size: 16px; line-height: 24px; -webkit-font-smoothing: antialiased; -webkit-animation-name: initial; }

@media only screen and (max-width: 767px) { body { font-size: 14px; line-height: 24px; } }
h1, h2, h3, h4, h5, h6 { font-family: 'Source Sans Pro', sans-serif; color: #00021a; font-weight: 400; }

h1 { margin-top: 0; }

@media only screen and (max-width: 767px) { h1 { font-size: 24px; }
  h2 { font-size: 22px; }
  h3 { font-size: 20px; } }
@media only screen and (min-width: 768px) and (max-width: 992px) { h1 { font-size: 28px; }
  h2 { font-size: 24px; }
  h3 { font-size: 20px; } }

a { color: #af924d; text-decoration: none; }
a:hover { text-decoration: underline; color: #00021a; }

p { margin-bottom: 20px; }

img { max-width: 100%; height: auto; }

.wrapper { min-height: 100%; height: auto !important; height: 100%; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: stretch; align-items: stretch; }

.btn { -webkit-transition: all 0.1s ease; transition: all 0.1s ease; }
.btn-custom { height: 50px; font-size: 16px; line-height: 46px; font-weight: 700; padding: 0 24px; }
.btn-primary { background-color: #af924d; border-color: #af924d; }
.btn-primary:hover, .btn-success:hover { background-color: #00021a; border-color: #00021a; }
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color: #af924d; border-color: #af924d; }
.btn-outline-white { border: 2px solid #fff; color: #fff; }
.btn-outline-white:hover { color: #fff; }
.btn-outline-primary { border: 2px solid #af924d; color: #af924d; }
.btn-outline-primary:hover { background: #af924d; color: #fff; }

.map-responsive { overflow: hidden; padding-bottom: 56.25%; position: relative; height: 0; }
.map-responsive iframe { left: 0; top: 0; height: 100%; width: 100%; position: absolute; }

/* Video Embed */
.fluid-video { display: block; width: 100%; height: 0; padding-bottom: 56.25%; /* 16/9 format */ overflow: hidden; position: relative; margin-bottom: 10px; }
.fluid-video iframe, .fluid-video embed, .fluid-video object { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; }
.flex-mh { display: flex; display: -webkit-box; display: -ms-flexbox; }

@media only screen and (max-width: 992px) { .flex-mh { display: inherit; } }
.flex-center { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; }

/* ==========================================================================
Header
========================================================================== */
.header { background: #fff; position: sticky; position: -webkit-sticky; top: 0; left: 0; right: 0; z-index: 1029; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); flex-shrink: 0; }
@media only screen and (max-width: 992px) { .header { height: 50px; border: 0 !important; } }
/* ==========================================================================
Banner
========================================================================== */
.banner { position: relative; height: 50%; min-height: 650px; overflow: hidden; }
.banner .btn:hover { border-color: #af924d; background: #af924d; }
.banner .rotator { z-index: 2; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.banner .rotator:after { position: absolute; content: ''; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.15); }
.banner #bg-rotator { position: relative; height: 100%; overflow: hidden; }
.banner #bg-rotator .slick-list, .banner #bg-rotator .slick-track, .banner #bg-rotator .slick-slide, .banner #bg-rotator .slick-slide > div { height: 100%; }
.banner #bg-rotator .item { background-size: cover; background-position: center center; height: 100%; }

.banner .overlay { position: absolute; z-index: 2; top: 0; bottom: 0; left: 0; right: 0; height: 100%; }
.banner .overlay .container-fluid { height: 100%; }
.banner .overlay .text-overlay { text-align: center; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; height: 100%; }
.banner .overlay .text-overlay span { display: block; text-shadow: 1px 2px 9px rgba(0, 0, 0, 0.2); }
.banner .overlay .text-overlay span.l1 { color: #fff; font-size: 48px; font-weight: 700; line-height: 48px; margin-bottom: 20px; }
.banner .overlay .text-overlay span.l2 { color: #fff; font-size: 18px; margin-bottom: 40px; }
.banner .overlay .text-overlay ul { list-style: none; padding: 0; margin: 0; }
.banner .overlay .text-overlay ul li { display: inline; }
.banner .overlay .text-overlay ul li a { margin: 0 10px; }

@media only screen and (max-width: 767px) { .banner { min-height: 100px; height: auto; }
  .banner #bg-rotator { top: 0 !important; }
  .banner .overlay { position: relative; padding: 40px 0 44px 0; }
  .banner .overlay .text-overlay span.l1 { font-size: 22px; line-height: 30px; margin-bottom: 0px; }
  .banner .overlay .text-overlay span.l2 { font-size: 14px; margin-bottom: 20px; }
  .banner .overlay .text-overlay ul { list-style: none; padding: 0; margin: 0; }
  .banner .overlay .text-overlay ul li { display: inline; }
  .banner .overlay .text-overlay ul li a { height: 40px; line-height: 36px; font-size: 12px; } }
@media only screen and (min-width: 768px) and (max-width: 992px) { .banner #bg-rotator { top: 0 !important; }
  .banner .overlay .text-overlay span.l1 { font-size: 45px; margin-bottom: 10px; }
  .banner .overlay .text-overlay span.l2 { font-size: 20px; } }
/* ========================================================================== Navigation ========================================================================== */
/* Mobile first layout SmartMenus Core CSS (it's not recommended editing these rules) You need this once per page no matter how many menu trees or different themes you use.
-------------------------------------------------------------------------------------------*/
.sm { box-sizing: border-box; position: relative; z-index: 9999; -webkit-tap-highlight-color: transparent; }
.sm, .sm ul, .sm li { display: block; list-style: none; margin: 0; padding: 0; line-height: normal; direction: ltr; text-align: left; }
.sm-rtl, .sm-rtl ul, .sm-rtl li { direction: rtl; text-align: right; }
.sm > li > h1, .sm > li > h2, .sm > li > h3, .sm > li > h4, .sm > li > h5, .sm > li > h6 { margin: 0; padding: 0; }
.sm ul { display: none; }
.sm li, .sm a { position: relative; }
.sm a { display: block; }
.sm a.disabled { cursor: default; }
.sm::after { content: ""; display: block; height: 0; font: 0px/0 serif; clear: both; overflow: hidden; }
.sm *, .sm *::before, .sm *::after { box-sizing: inherit; }

@media (min-width: 993px) { .sm-clean ul { position: absolute; width: 12em; box-shadow: 1px 1px 6px rgba(0,0,0,0.1); }
  .sm-clean li { float: left; }
  .sm-clean.sm-rtl li { float: right; }
  .sm-clean ul li, .sm-clean.sm-rtl ul li, .sm-clean.sm-vertical li { float: none; }
  .sm-clean a { white-space: nowrap; }
  .sm-clean ul a, .sm-clean.sm-vertical a { white-space: normal; }
  .sm-clean .sm-nowrap > li > a, .sm-clean .sm-nowrap > li > :not(ul) a { white-space: nowrap; } }
@media (min-width: 993px) { /* Switch to desktop layout ----------------------------------------------- These transform the menu tree from collapsible to desktop (navbar + dropdowns) -----------------------------------------------*/
  .sm-clean ul a.disabled { background: #fff; color: #ccc; }
  .sm-clean .scroll-up, .sm-clean .scroll-down { position: absolute; display: none; visibility: hidden; overflow: hidden; background: #fff; height: 20px; }
  .sm-clean .scroll-up:hover, .sm-clean .scroll-down:hover { background: #eee; }
  .sm-clean .scroll-up:hover .scroll-up-arrow { border-color: transparent transparent #ebcfa7; }
  .sm-clean .scroll-down:hover .scroll-down-arrow { border-color: #ebcfa7 transparent transparent; }
  .sm-clean .scroll-up-arrow, .sm-clean .scroll-down-arrow { position: absolute; top: 0; left: 50%; margin-left: -6px; width: 0; height: 0; overflow: hidden; border-width: 6px; border-style: dashed dashed solid; border-color: transparent transparent #555; }
  .sm-clean .scroll-down-arrow { top: 8px; border-style: solid dashed dashed; border-color: #555 transparent transparent; }
  .sm-clean .sub-arrow { position: absolute; right: 14px; margin-left: 5px; text-align: center; }
  .sm-clean .sub-arrow:after { font-family: FontAwesome; content: "\f107"; }
  .sm-clean li { position: relative; display: block; float: left; }
  .sm-clean li a { padding: 14px 14px; white-space: nowrap; font-weight: 700; text-decoration: none; color: #00021a; }
  .sm-clean li a.has-submenu { padding-right: 30px; }
  .sm-clean li a:hover { color: #fff; background: #af924d; }
  .sm-clean li a:hover .sub-arrow:after { content: "\f106"; }
  .sm-clean > li:hover > a { background: #af924d; color: #fff; }
  .sm-clean > li:hover > a .sub-arrow:after { content: "\f106"; }
  .sm-clean ul { position: absolute; z-index: 999; width: 12em; *zoom: 1; padding: 5px; background: #fff; }
  .sm-clean ul:before, .sm-clean ul:after { content: " "; display: table; }
  .sm-clean ul:after { clear: both; }
  .sm-clean ul li { float: none; }
  .sm-clean ul li a { padding: 8px 14px; }
  .sm-clean ul > li > a { position: relative; }
  .sm-clean ul > li > a .sub-arrow:after { content: "\f105"; }
  .sm-clean ul > li:last-of-type > a:before { display: none; }
  .sm-clean ul > li:hover > a { background: #af924d; color: #fff; }
  .sm-clean ul > li:hover > a .sub-arrow:after { content: "\f104"; } }
@media only screen and (max-width: 992px) { .sm-clean ul { padding-left: 10px; border-left: 4px solid rgba(51, 51, 51, 0.1); }
  .sm-clean li { float: none; }
  .sm-clean li a { text-decoration: none; padding: 10px 0; border-bottom: 1px solid rgba(51, 51, 51, 0.1); color: #00021a; font-weight: 700; position: relative; }
  .sm-clean li a .sub-arrow { border-left: 1px solid rgba(51, 51, 51, 0.1); font-size: 20px; position: absolute; top: 0; right: 0; bottom: 0; text-align: center; width: 47px; color: #00021a; }
  .sm-clean li a .sub-arrow:after { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-family: FontAwesome; content: "\f107"; }
  .sm-clean li a.highlighted .sub-arrow { background: rgba(51, 51, 51, 0.05); }
  .sm-clean li a.highlighted .sub-arrow:after { content: "\f106"; } }
.header__mobile-menu-btn { display: block; position: absolute; right: 0; top: 0; width: 50px; height: 50px; -webkit-transition: 0.3s; transition: 0.3s; align-self: center; }
.header__mobile-menu-btn .btn-wrap { position: relative; width: 30px; height: 30px; margin: 10px; }
.header__mobile-menu-btn .btn-wrap .bar, .header__mobile-menu-btn .btn-wrap:before, .header__mobile-menu-btn .btn-wrap:after { -webkit-transition: 0.3s; transition: 0.3s; position: absolute; left: 0; right: 0; height: 2px; background: #af924d; border-radius: 4px; }
.header__mobile-menu-btn .btn-wrap .bar { width: 65%; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
.header__mobile-menu-btn .btn-wrap:before { width: 100%; top: 10%; -webkit-transform: translate(0, -10%); transform: translate(0, -10%); content: ''; }
.header__mobile-menu-btn .btn-wrap:after { width: 80%; top: 90%; -webkit-transform: translate(0, -90%); transform: translate(0, -90%); content: ''; }
.header__mobile-menu-btn.open .btn-wrap .bar, .header__mobile-menu-btn.open .btn-wrap:before, .header__mobile-menu-btn.open .btn-wrap:after { width: 100%; }
.header__mobile-menu-btn.open .btn-wrap:before { top: 50%; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); }
.header__mobile-menu-btn.open .btn-wrap .bar { opacity: 0; height: 0; width: 0; }
.header__mobile-menu-btn.open .btn-wrap:after { top: 50%; -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); }

.mobile-menu { position: fixed; z-index: 999; top: 50px; width: 100%; bottom: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); overflow: auto; background: #fff; padding: 15px; -webkit-transition: 0.3s; transition: 0.3s; }
.mobile-menu__open { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: 0.3s; transition: 0.3s; display: block; }
.mobile-menu:before { content: ''; top: 0; width: 100%; bottom: 0; left: 0; }
.mobile-menu__menu-container { position: relative; }

.navbar { margin: 0; border: 0; }
.navbar-brand { height: auto; padding: 10px 15px 10px 0; }
.navbar-brand > img { max-height: 80px; }
.navbar .mid { position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-align: center; font-size: 20px; height: 100%; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.navbar .mid p { margin-bottom: 0; }
.navbar .realtor { text-align: right; line-height: 26px; margin-top: 15px; position: relative; }
.navbar .realtor .info { position: relative; display: inline-block; margin-right: 15px; vertical-align: top; }
.navbar .realtor .info a { display: inline-block; }
.navbar .realtor .pic { display: inline-block; }
.navbar .realtor img { max-height: 80px; border-radius: 4px; }

@media only screen and (max-width: 992px) { .navbar { min-height: 45px; border: 0; padding: 0; }
  .navbar .navbar-header { float: left; }
  .navbar .navbar-brand { display: inline-block; height: 50px; padding: 7px 0; }
  .navbar .navbar-brand img { min-height: 35px; max-height: 35px; }
  .navbar .realtor .info { margin-right: 5px; } }
@media only screen and (max-width: 767px) { .navbar .realtor { margin-top: 0; padding-right: 40px; }
  .navbar .realtor .info { top: 12px; }
  .navbar .realtor .info br { display: none; }
  .navbar .realtor .pic { display: none; } }
@media only screen and (min-width: 768px) and (max-width: 992px) { .navbar .realtor { margin-top: 0; padding-right: 40px; }
  .navbar .realtor .info { top: 10px; }
  .navbar .realtor .info br { display: none; }
  .navbar .realtor .info span { margin-right: 10px; }
  .navbar .realtor .pic { position: relative; top: 4px; }
  .navbar .realtor img { max-height: 40px; } }

/* ==========================================================================
Main Body Contents
========================================================================== */
.content-container { -webkit-box-flex: 1; flex-grow: 1; flex-shrink: 0; }
.content-container .content-area { padding: 60px 0; }

@media only screen and (max-width: 767px) { .content-container .content-area { padding: 20px 0; } }
@media only screen and (min-width: 768px) and (max-width: 992px) { .content-container .content-area { padding: 30px 0; } }
@media only screen and (min-width: 993px) and (max-width: 1199px) { .content-container .content-area { padding: 40px 0; } }
/* ==========================================================================
Sidebar
========================================================================== */
.sidebar .widget { margin-bottom: 40px; }
.sidebar .widget:last-child { margin-bottom: 0; }
.sidebar h3 { font-size: 18px; font-weight: 600; margin-top: 0; }
.sidebar .link-list ul { padding: 0; margin: 0; list-style: none; }


/* ==========================================================================
Footer
========================================================================== */
.footer { flex-shrink: 0; }
.footer img { height: auto; max-width: 100%; }
.footer .contact-info { padding: 15px 0; background-color: #af924d; background-position: top center; background-attachment: fixed; color: #fff; text-align: center; }
.footer .contact-info .modal-map .modal-dialog { width: 100%; max-width: 900px; }
.footer .contact-info ul { list-style: none; padding: 0; margin: 0 -15px; }
.footer .contact-info ul li { position: relative; padding: 0 15px; margin: 15px 0; float: left; width: 33%; }
.footer .contact-info ul li:after { position: absolute; top: 0px; bottom: 0px; right: 0px; content: ''; width: 1px; background-color: #fff; background-color: rgba(255, 255, 255, 0.2); }
.footer .contact-info ul li:last-child:after { display: none; }
.footer .contact-info i { margin-right: 5px; }
.footer .contact-info span { display: block; text-transform: uppercase; font-weight: 600; font-size: 18px; }
.footer .contact-info a { color: #fff; }
.footer .contact-info a:hover { color: #fff; text-decoration: underline; }
.footer .ftr-mid { padding: 40px 0; }
.footer .ftr-mid div:nth-child(2) { text-align: center; font-size: 20px; -webkit-box-pack: center; justify-content: center; }
.footer .ftr-mid div:nth-child(3) { text-align: right; -webkit-box-pack: end; justify-content: flex-end; }
.footer .social { background: #eee; padding: 20px 0 10px 0; }
.footer .social ul { list-style: none; padding: 0; margin: 0; text-align: center; }
.footer .social ul li { display: inline-block; margin: 0 3px 10px 3px; }
.footer .social ul li a { -webkit-transition: all 0.1s ease; transition: all 0.1s ease; border-radius: 4px; display: block; background: #777; height: 40px; width: 40px; color: #fff; font-size: 24px; line-height: 40px; }
.footer .social ul li a:hover { background: #00919E; }
.footer .social ul li a:hover.facebook { background: #3b5998; }
.footer .social ul li a:hover.twitter { background: #55acee; }
.footer .social ul li a:hover.instagram { background: #3f729b; }
.footer .social ul li a:hover.pinterest { background: #bd081c; }
.footer .social ul li a:hover.youtube { background: #cd201f; }
.footer .social ul li a:hover.linkedin { background: #0077b5; }
.footer .copyright { padding: 15px 0; background: #000; color: #fff; text-align: center; font-weight: 600; }
.footer .copyright p { font-size: 14px; line-height: normal; }
.footer .copyright p:last-of-type { margin-bottom: 0; }
.footer .copyright ul { list-style: none; padding: 0; margin: 0 0 20px 0; text-align: center; }
.footer .copyright ul li { display: inline-block; margin: 0 15px; font-size: 14px; }
.footer .copyright ul li a { color: #fff; }
.footer .copyright ul li a:hover { text-decoration: underline; }
.footer .copyright ul li:empty { display: none; }
.footer h3 { text-transform: uppercase; margin: 0 0 20px 0; }
.footer .profile { margin-top: 15px; }

@media only screen and (max-width: 767px) { .footer .contact-info { padding: 0; }
  .footer .contact-info ul li { width: 100%; }
  .footer .contact-info ul li:after { top: auto; right: 15px; left: 15px; bottom: -15px; width: auto; height: 1px; }
  .footer .ftr-mid { text-align: center; }
  .footer .ftr-mid .row > div { margin-bottom: 20px; display: block; }
  .footer .ftr-mid .row > div:last-child { margin: 0; }
  .footer .ftr-mid div:nth-child(2) { font-size: 16px; }
  .footer .ftr-mid div:nth-child(3) { text-align: center; }
  .footer .copyright ul li { margin: 0; width: 100%; }
  .footer .copyright ul li #myrsol_adminblock { margin: 5px 0; } }

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