:root {
    --primary: #f7941e;
    --primary-rgb: 247, 148, 30;
    --secondary: #f15a29;
    --dark: #414042;
    --light: #ff892b;
    --gray: #f6f6f6;
    --gray-alt: #f9f7f2;
    --gray-dark: #222222;
    --gray-darker: #111111;
    --border-color: #c2c2c2;
    --muted: #c2c2c2;
    --body-text: #0e2c37;
    --text-dark: #06372e;
    --primary-font: 'Nunito', sans-serif;
    --secondary-font: 'DM Serif Text', serif;
    --cursive-font: 'Gaegu', cursive;
    --box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
    --box-shadow-lg: 0 2px 12px 5px rgb(0 0 0 / 5%), 0 3px 11px -2px rgb(0 0 0 / 3%), 0 1px 15px 8px rgb(0 0 0 / 5%);
    --box-shadow-xl: 0px 33px 79px 0px rgba(0, 0, 0, 0.08);
}


/* Layout
================================================== */
body { font-family: 'Oxygen', sans-serif; color:#464646; font-size:16px; line-height:1.5em; font-weight:300; overflow-x: hidden;}
h1 { margin-top:0; color:#0075bf; }
h2 { font-weight:400; margin-bottom:30px; }
h3 { color:#0075bf;  }
p { margin-bottom:30px; }
a, a:link, a:visited { color:#0075bf; text-decoration:none; transition: all 0.5s; }
a:hover, a:active { color:#005ba5; }
.text-alt { color:#0075bf; }
.btn { background:var(--primary); border-color:#fff; border-width: 2px; color:#fff!important; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; }
.btn:hover { color:var(--primary)!important; background:#fff; border-color:var(--primary);}
.btn-invert { background-color:Transparent; border-color:#fff; background-repeat:no-repeat; }
img.content { border:1px solid #CCC; }
.box { padding:15px; border:solid 1px #cccccc; background:#fff; }

/* Header
================================================== */
#header { height:150px; position:absolute; width: 100%; z-index:1000; background:rgba(255,255,255,0.75);  }
#header .container { position: relative; height: 100%; }
#header .top { background: #0075bf; color: #ffffff; height: 55px; line-height: 55px; }
#header .top .social { position: absolute; left: 15px; }
#header .top .social ul { margin: 0; padding: 0; list-style-type: none; }
#header .top .social ul li  { line-height: 30px; margin: 0; padding: 0; list-style-type: none; display: inline-block; margin-right: 5px; }
#header .top .social ul li  a, #header .top .social ul li  a:visited, #header .top .social ul li  a:link { background: #ffffff; width: 30px; height: 30px; border-radius: 15px; text-align: center; display: inline-block; transition: all 0.5s; }
#header .top .social ul li  a:hover { opacity: 0.7; }
#header .top .links { text-align: center; font-size: 15px; }
#header .top .links ul { margin: 0; padding: 0; list-style-type: none; }
#header .top .links ul li  { line-height: 30px; margin: 0; padding: 0; list-style-type: none; display: inline-block; margin-right: 5px; }
#header .top .links ul li  a, #header .top .links ul li  a:visited, #header .top .links ul li  a:link {color: #ffffff; }
#header .top .links ul li  a:hover { color: #000000; }
#header .top .links  ul > li:nth-child(1n+2):before { content: '|'; margin-right: 5px; }
#header .phone { position: absolute; right: 15px; top: 62px; font-size:34px; }
#header .logo { position: absolute; left: 15px; top: 55px; }
#header .logo img {max-width: 100%;}
#header .nav { position: absolute; right: 15px; top: 62px; }
#header.affix { height: 150px; -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.55); -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.55); box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.55); }
#header.affix .logo { top: 30px; }
#header.affix .nav { top: 35px; }
@media (max-width: 991px){
	#header .mobile-show { display: block !important; }
	#header .mobile-hide { display: none !important; }
	#header .top .social ul li   { margin-right: 0px; }
	#header .phone { font-size: 28px;}
	#header .top .links  ul > li { margin: 0; }
	#header .top .links  ul > li:nth-child(1n+2):before { margin-right: 3px; }
}
@media (max-width: 767px) {
	#header .top { height: 40px; }
	#header .top .social { display: none; }
	#header .top .links { display: none; }
	#header .phone { position: relative; top: auto; right: auto; text-align: center; font-size: 24px; line-height: 40px; }

}
@media (max-width: 500px){
	#header { height: 150px; }
	#header .logo, #header.affix .logo  { position: relative; top: auto; left: auto; text-align: center; padding: 20px 0;  }
	#header .nav, #header.affix .nav { positioN: relative; top: auto; right: auto; text-align: center; }
	#header.affix .top { height: 20px; }
	#header.affix .phone { display: none; }
	#header.affix { height: 100px; }
	#header.affix .logo  { padding: 10px 0; }
}
/* Nav
================================================== */
#nav { font-size: 17px; font-weight: 400; }
#nav > ul > li { position:relative; list-style:none; display:inline-block; }
#nav > ul > li:nth-child(1n+2):before { content: '|'; margin: 0 10px 0 5px; }
#nav > ul > li > a, #nav > ul > li > a:link, #nav > ul > li > a:visited { display:inline-block; line-height:30px; color:#000; }
#nav > ul > li > a:hover, #nav > ul > li > a:active { color:#0075bf; }
/**/
#nav > ul > li > ul { display:none; position:absolute; white-space:nowrap; z-index:575; text-align:left; padding:0; background-color:#000; top:30px; left:25px; }
#nav > ul > li:hover > ul { display:block; }
#nav > ul > li > ul > li, #nav > ul > li > ul > li a { height:35px; line-height:35px; display:block; padding:0 25px; }
#nav > ul > li > ul > li > a { font-size:16px; color:#fff; padding:0; }
#nav > ul > li > ul > li:hover { background-color:#0075bf; }
@media (max-width: 1199px){
	#nav > ul > li:nth-child(1n+2):before { content: '|'; margin: 0 5px 0 0px; }
}
/* Launch Menu
================================================== */
.launch-menu > ul > li { border-bottom:solid 1px #bbb; }
.launch-menu > ul > li:hover { background:#f8f8f8; }
.launch-menu > ul > li:first-child { border-top:solid 1px #bbb; }
.launch-menu a { color:#333; }
.launch-menu > ul > li > ul > li:hover { background:#fff; }

/* Footer
================================================== */
#footer { background: #0075bf;  color: #ffffff; }
#footer a, #footer a:visited, #footer a:link { color: #ffffff; }
#footer a:hover { color: #000000; }
#footer .info { padding: 50px 0 45px 0; text-align: center;  display: none;}
#footer .info .affil img { margin: 0 5px; }
#footer .info hr { border-top: 1px solid rgba(255, 255, 255, 0.1); }
#footer .copy { font-size:.9em; text-align: center; background: #005ba5; padding: 50px 0 100px 0; }

/* Body Container
================================================== */
#body-container { padding-top:30px; padding-bottom:30px; }

/* Banner
================================================== */
.banner { padding: 50px 0; text-align: left; }
.banner h2 { font-size: 54px; color: #464646; margin: 0 0 40px 0; font-weight: bold; }
.banner h2.with-sub { margin: 0 0 10px 0; }
.banner h3 { font-size: 24px; color: #464646; margin: 10px 0 40px 0; font-weight: 400; }
@media (max-width: 768px) {
	.banner h2 { font-size: 44px; }
	.banner h3 { font-size: 20px; }
}

/* Banner Primary
================================================== */
.banner-primary { background-color:#0075bf; }

/* Blog
================================================== */
.blog-container {  }
.blog-container .post-list {  }
.blog-container .blog-post { margin-bottom:35px; }
.blog-container .blog-post .post-head { font-size:1.5em; padding-bottom:5px; margin-bottom:20px; border-bottom:solid 1px #ccc; }
.blog-container .blog-post .post-title { font-size:1.2em; }
.blog-container .blog-post .post-body {  }
.blog-container .blog-post .post-body .read-more { display:block; margin-top:15px; font-size:.90em; text-transform:lowercase; }
@media (max-width: 768px) {
	.blog-container .post-list { float:none; display:block; width:100%; }
	.blog-container .side-panel { display:none; }
}

/* About
================================================== */
.bios .bio { padding-bottom:1.0em; margin-bottom:1.0em; border-bottom:solid 1px #ccc; }
.bios .bio:after { content:""; display:table; clear:both; }
.bios .bio .name { font-size:1.8em; font-weight:500; line-height:2.2em; }
.bios .bio .image { float:left; width:25%; margin-right:5%; margin-bottom:1.2em; }
.bios .bio .image img { width:100%; max-width:100%; }
.bios .bio .content { float:left; width:70%; }
.bios .bio .contact { margin-top:1.5em; }
.bios .bio .contact:before { content:""; display:table; clear:both; }
.bios .bio .contact .item { display:block; }
@media (max-width: 768px) {
	.bios .bio .content { float:none; width:100%; }
}
@media (max-width: 600px) {
	.bios .bio .image { float:none; width:100%; margin-right:0; text-align:center; }
	.bios .bio .image img { width:auto; }
}

/* Map Container
================================================== */

/* Accordion
================================================== */
.launch-accordion > li > h4 { background-color:#eee; transition:background-color 0.05s ease; }
.launch-accordion > li > h4:hover { background-color:#aaa; }

/* Form Container
================================================== */
.form-container {  }

/* Testimonials
================================================== */
blockquote.testimonial {  }
blockquote.testimonial .quote {  }
blockquote.testimonial .credit {  }

/* Areas
================================================== */
ul.areas { margin:0 10px; padding:0; text-align:left; font-size:1.125em; }
ul.areas li { width:20%; list-style:none; float:left; padding:.3em 1em .3em 0; font-size:22px; margin:0; }
@media (max-width: 991px) {
	ul.areas li { width:25%; }
}
@media (max-width: 767px) {
	ul.areas li { width:33%; }
}
@media (max-width: 550px) {
	ul.areas li { width:50%; }
}

/* Home Blog
================================================== */
/* .home.blog-container .post-list { width:92%; float:none; display:block; } */
/* Home Blog
============================================================================= */
#home-blog { padding: 0 0 85px; }
#home-blog header { padding-top: 80px; }
#home-blog .form-container-inline { width: 275px; max-width: 100%; }
@media (min-width: 1200px) and (max-width: 1500px) {
	#home-blog h2 { font-size: 50px; }
}
@media (max-width: 1200px) {
	#home-blog header { text-align: center; }
	#home-blog .form-container-inline { margin: 0 auto 50px; }
}
/* ==========================================================================
  Blog Page
============================================================================= */

/* Main Template */
.blog-container { }
.blog-container .main-panel { }
.blog-container .side-panel { float: none; width: unset; align-self: flex-start; }
.blog-container .index { display: block; margin: 30px 0; text-transform: uppercase; font-weight: bold; }
@media (min-width:992px) {
	.blog-container { display: flex; justify-content: space-between; }
	.blog-container .main-panel { flex: 1 1 auto; margin-right: 105px; }
	.blog-container .side-panel { flex: 0 0 380px; margin-right: auto; }
}

/* Search */
#tipue_search_content { max-width: 100% !important; padding: 0 !important; }
#tipue_search_content { padding: 0!Important; max-width: 100%!Important; font-weight: 400; }
#tipue_search_content .tipue_search_content_title { font-size: 24px; font-weight: 400; color: var(--secondary); line-height: 1.15; }
#tipue_search_content .tipue_search_content_title ~ .tipue_search_content_title { margin-top: 50px; }
#tipue_search_content .tipue_search_content_url a { color: var(--secondary)!Important; font-size: 16px!Important; font-weight: 400!Important; }
#tipue_search_content .tipue_search_content_text { font-weight: 400 !important; }
#tipue_search_input { background: var(--gray); padding: 10px; border-radius: 15px 0 0 15px; flex: 1 1 auto; border: 0; font-size: 16px; color: #000; }
#tipue_search_input::-webkit-input-placeholder {  }
.tipue_search_group { display: flex; height: 30px; width: 100%; }
.tipue_search_button { color: #fff; background: var(--secondary); border: 1px solid var(--secondary); border-radius: 0 15px 15px 0; flex: 0 0 37px; padding: 0 5px 0 0; transition: 0.4s; outline: none!important; }
.tipue_search_button:hover { background: #fff; color: var(--secondary); transition: 0.4s; }

/* Side Panel
============================================================================= */
.blog-container .side-panel { background: #fff; border-radius: 40px; padding: 40px; box-shadow: 0px 33px 79px 0px rgba(0, 0, 0, 0.08); }
.blog-container .side-panel section { margin: 0 0 45px; }
.blog-container .side-panel section h4 { font-size: 15px; text-transform: lowercase; padding-bottom: 15px; margin: 0 0 20px; border-bottom: 1px solid #cccccc; }
.blog-container .side-panel section ul { list-style: none; padding: 0; margin: 0; }
.blog-container .side-panel section a { }
.blog-container .side-panel section a:hover { }
.blog-container .side-panel section .social a:hover { color: #fff; }

/* Blog Search */
.blog-container .side-panel .tipue_search_group { display: flex; }
.blog-container .side-panel .tipue_search_group input { flex: 1 1 auto; background: #fff !important; padding: 10px !important; }
.blog-container .side-panel .tipue_search_group button { flex: 0 0 46px; }

/* Recent */
.blog-recent-posts { }
.blog-recent-posts li { margin-bottom: 25px; }
.blog-recent-posts li a { display: flex; justify-content: space-between; }
.blog-recent-posts .post-thumb { position: relative; flex: 0 0 127px; height: 85px; overflow: hidden; margin-right: 20px; background: var(--dark); }
.blog-recent-posts .post-thumb img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; transition: 0.7s; }
.blog-recent-posts .post-thumb .video { color: var(--primary); text-align: center; line-height: 85px; font-size: 50px; transition: 0.7s; }
.blog-recent-posts .post-thumb .default { max-height: 60%; width: auto; height: auto; max-width: 80%; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: 0.7s; filter: brightness(0) invert(1); }
.blog-recent-posts .post-details { font-size: 14px; line-height: 1.2; flex: 1 1 auto; }
.blog-recent-posts .post-details .post-title { margin: 0 0 3px; }
.blog-recent-posts .post-details .post-date { color: #8f8f8f; font-size: 0.9em; }

/* Recent - Hover Effects */
.blog-recent-posts li a:hover .post-thumb img, .blog-recent-posts li a:hover .post-thumb .video { transform: scale(1.1); transition: 0.7s; }
.blog-recent-posts li a:hover .post-thumb img.default { transform: translate(-50%, -50%) scale(1.1); transition: 0.7s; }

/* Categories */
.blog-category-list li { font-size: 15px; display: block; padding: 0px 10px; margin: 0 0 5px; }
.blog-category-list li::before { content: '- '; }
.blog-category-list li a {  }


/* Tags */
.blog-tag-list li { font-size: 14px; display: inline-block; padding: 8px 10px 7px; line-height: 1; margin-left: 1px; margin-bottom: 5px; border-radius: 3px; background: var(--primary); transition: 0.3s; border-bottom: 2px solid rgba(0,0,0,0.1); }
.blog-tag-list li a { color: #fff;  }
.blog-tag-list li:hover { box-shadow: 1px 1px 5px rgba(0,0,0,0.35); transform: scale(1.01); transition: 0.3s; background: var(--primary); }

/* Authors */
.blog-author-list { display: flex; flex-wrap: wrap; text-align: center; justify-content: space-around; }
.blog-author-list li { flex: 0 0 80px; }
.blog-author-list .author-image { height: 100px; width: 100px; margin: 0 auto 5px; border-radius: 50%; border: 3px solid var(--primary); background: var(--primary); position: relative; overflow: hidden; }
.blog-author-list .author-image img { position: absolute; top: 0; left: 0; transition: 0.7s; }
.blog-author-list .author-image img[src*='favicon'] { filter: brightness(0) invert(1); top: 50%; left: 50%; transform: translate(-50%,-50%); }
.blog-author-list .author-name { font-size: 12px; letter-spacing: 0.025em; line-height: 1.1em; text-transform: none; }
.blog-author-list li a:hover .author-image img {  transform: scale(1.1); transition: 0.7s; }
.blog-author-list li a:hover .author-image img[src*='favicon'] { max-width: 80%; transform: translate(-50%,-50%) scale(1.1); }

/* Post
============================================================================= */
.blog-post { background: #fff; border: 0; }
.blog-post .post-featured { position: relative; display: block; height: 0; padding-top: 56.25%; overflow: hidden; background: var(--dark); }
.blog-post .post-featured img, .blog-post .post-featured iframe { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; transition: 0.7s linear; }
.blog-post .post-featured img.default { max-width: 70%; height: auto; width: auto; margin: 0 auto; top: 50%; left: 50%; transform: translate(-50%, -50%); filter: brightness(0) invert(1); }
.blog-post .post-featured img:not(.default) { transform: scale(1.01); }
.blog-post a.post-featured:hover img:not(.default) { transform: scale(1.1); transition: 0.7s ease; }
.blog-post .post-header { padding: 30px 0 25px; text-transform: lowercase; border: 0; margin: 0; }
.blog-post .post-header .post-title { font-size: 30px; margin: 0 0 5px; padding: 0; border: 0; font-family: var(--secondary-font); text-transform: none; color: var(--secondary); }
.blog-post .post-header .post-date { font-size: 14px; color: var(--body-text); line-height: 1.1; }
.blog-post .post-body { padding: 25px 0 0; font-size: 17px; margin: 0; line-height: 1.5; }
.blog-post .post-footer { padding: 20px 0 35px; }
.blog-post .post-footer h4 { font-size: 15px; text-transform: lowercase; margin: 0 0 20px; }
.blog-post .post-footer-share { text-align: right; }
.blog-post .read-more { margin-top: 30px; display: flex; align-items: center; justify-content: flex-end; text-transform: lowercase; font-weight: bold;  text-align: right; }

/* Post Author */
.blog-post .post-footer-author { margin-top: 30px; padding-top: 30px; border-top: 1px solid #ccc; }
.blog-post .post-footer-author .author-image { position: relative; height: 130px; width: 130px; overflow: hidden; margin: 0 auto 30px; border-radius: 50%; }
.blog-post .post-footer-author .author-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.blog-post .post-footer-author .author-details { text-align: center; }
.blog-post .post-footer-author .author-details .author-name { font-size: 18px; color: #333333; text-transform: uppercase; margin: 0; }
.blog-post .post-footer-author .author-details .author-title { font-size: 14px; color: var(--body-text); line-height: 1.1; text-transform: uppercase; margin-bottom: 15px; }
.blog-post .post-footer-author .author-details .author-bio { display: none; }
.blog-post .post-footer-author .author-details .author-bio, .author-bio-preview { font-size: 15px; color: var(--body-text); line-height: 1.1; }
.blog-post .post-footer-author .author-details .author-bio > *:last-child { display: inline; }
.blog-post .post-footer-author .author-details .author-bio-toggle { font-size: 13px; display: inline; color: var(--body-text); text-transform: uppercase; }
@media (min-width:501px) {
	.blog-post .post-footer-author .author-image { float: left; margin: 5px 30px 10px 0; }
	.blog-post .post-footer-author .author-details { text-align: left; }
}

/* Post List
============================================================================= */
.blog-post-list { }
.blog-post-list .blog-post { margin-bottom: 30px; }
.blog-post-list .post-body { padding: 0 0 35px; font-size: 18px; color: var(--body-text); line-height: 1.5; }
.blog-post-list .blog-post .post-featured .default svg { position: absolute; top: 50%; left: 50%; max-width: 70%; transform: translate(-50%, -50%); }
.blog-post-list .blog-post .post-featured .default #logo-text * { fill: #fff; }

/* Split Blog Post List */
/* @media (min-width:768px) {
	.blog-post-list .blog-post { display: flex; }
	.blog-post-list .post-image { flex: 0 1 40%; min-width: 40%; padding: 30px 0 30px 30px; }
	.blog-post-list .post-featured { height: 100%; padding: 0; }
	.blog-post-list .post-content { flex: 1 1 auto; }
	.blog-post-list .post-body { padding-bottom: 30px; }
} */

/* Inline Blog Post List
============================================================================= */
#blog-inline { display: flex; flex-wrap: wrap; }
#blog-inline .blog-item { padding: 30px; flex: 0 1 50%; }
#blog-inline .blog-post { position: relative; background: #fff; border: 0; border-radius: 60px; padding: 60px 3vw; transition: .4s; letter-spacing: .05em; min-height: 375px; }
#blog-inline .blog-post:hover { box-shadow: 0px 33px 79px 0px rgba(0, 0, 0, 0.08); transition: .4s; }
#blog-inline .blog-post .post-image {  }
#blog-inline .blog-post .post-featured { padding-top: 56.25%; display: none; }
#blog-inline .blog-post .post-icon { flex: 0 0 88px; align-self: flex-start; }

#blog-inline .blog-post .post-link a { color: var(--secondary); }
#blog-inline .blog-post .post-link i { display: block; font-size: 26px; color: #b7b7b7; margin-top: 10px; transition: 0.4s; }
#blog-inline .blog-post .post-link a:hover i { color: var(--primary); transition: 0.4s; }
#blog-inline .blog-post:hover .post-link { opacity: 1; transition: .4s; }
#blog-inline .blog-post .post-header { padding: 0; margin: 0 0 10px; word-wrap: break-word; }
#blog-inline .blog-post .post-title { font-size: 30px; margin: 0 0 25px; color: var(--dark); text-align: left; }
#blog-inline .blog-post .post-body { padding: 0 2.5vw 0 0; margin: 0; font-size: 18px; }
#blog-inline .blog-post .post-body .post-content { }
@media (min-width:992px) {
	#blog-inline .blog-post .post-link { opacity: 0; transition: .4s; }
}
@media (min-width:601px) {
	#blog-inline .blog-post .post-link { position: absolute; right: 60px; bottom: 60px; width: 73px; }
}
@media (min-width:1200px) and (max-width:1500px) {
	#blog-inline .blog-item { flex: 0 1 100%; }
}
@media (max-width:991px) {
	#blog-inline { margin-top: 50px; }
	#blog-inline .blog-item { flex: 0 1 100%; }
	#blog-inline .blog-post { box-shadow: 0px 33px 79px 0px rgba(0, 0, 0, 0.08); }
	#blog-inline .blog-post .post-link { opacity: 1; }
}
@media (max-width:600px) {
	#blog-inline .blog-post { flex-direction: column; }
	#blog-inline .blog-post .post-link { align-self: flex-end; margin-top: 30px; }
	#blog-inline .blog-post .post-icon { order: -1; width: 88px; margin-bottom: 30px; }
}
@media (max-width:450px) {
	#blog-inline .blog-post { padding: 30px; }
	#blog-inline .blog-post .post-title { font-size: 22px; }
	#blog-inline .blog-post .post-body { font-size: 16px; }
}


/* Form
================================================== */
#fields { width:100%; display:inline-block; font-family: 'Open Sans', sans-serif; }
#fields * { text-align:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#fields .label { display:block; font-size:15px;  margin-bottom:0; }
#fields .input input[type="textbox"] { display:block; width:100%; font-size:16px; padding:6px 13px; margin:0; background-color:#fff; border:1px solid #c9c1ba; }
#fields .reqd { color:#F00; }
#fields textarea { width:100%; height:100px; padding:10px; font-size:16px; font-family: 'Open Sans', sans-serif; resize:none; background-color:#fff; border:1px solid #c9c1ba; }
#fields select { width:100%; padding: 6px 5px; font-size:16px; background-color:#fff; border:1px solid #c9c1ba; }
#fields .title { font-size:18px; margin:10px 0 0 0; }
#fields .btn { padding:9px 40px; color:#fff; font-size:16px; margin:10px 0; display:inline-block; cursor:pointer; height:auto; width:auto; float:right; }
#fields .btn:hover { border-style:solid; border-width:1px; }
#fields .btn:active { position:relative;top:1px; }
#fields .cb { float:left; clear:both; }
#fields .cb-descr { float:left; margin-left:8px; }

/* FAQs
================================================== */
.faq-question { font-size:1.2em; font-weight:500; }
.faq-answer { margin-bottom:25px; }
.faq-answer p { padding:0; margin:0; }

/* Home Banner
==================================================
#home-banner { position:relative; height:650px; }
#home-banner .container { position: relative; height: 100%;  }
#home-banner .prompt { text-align: center; color: #ffffff; position: absolute; bottom: 180px; width: 100%; }
#home-banner .prompt h2{ margin: 0; font-size: 48px; }
#home-banner .prompt h3 { color: #ffffff; font-size: 30px; margin: 15px 0 50px 0; }
#home-banner .prompt .btn { margin: 0 20px 20px 20px; border-color: #ffffff; }
@media (max-width: 991px){
	#home-banner .prompt h2 { font-size: 43px; }
	#home-banner .prompt h3 { font-size: 25px; }
}
@media (max-width: 767px){
	#home-banner  { background-position: left top; }
}
@media (max-width: 500px){
	#home-banner  { background-position: center top; height: 600px; }
	#home-banner .prompt h2 { font-size: 38px; }
	#home-banner .prompt h3 { font-size: 20px; }
	#home-banner  .prompt { bottom: 100px; }
}
@media (max-width: 400px){
	#home-banner  .prompt { bottom: 80px; }
}

Home Banenr Carousel
===================================================
#home-banner-carousel { position: absolute; left: 0; bottom: 0; right: 0; top: 0; }
#home-banner-carousel .carousel-inner, #home-banner-carousel .carousel-inner .item  { width: 100%; height: 100%; }
#home-banner-carousel .banner-1 { background-image: url('/images/banner01.jpg'); }
#home-banner-carousel .banner-2 { background-image: url('/images/banner02.jpg'); }
#home-banner-carousel .banner-3 { background-image: url('/images/banner03.jpg'); }
#home-banner-carousel .banner-4 { background-image: url('/images/banner04.jpg'); } */

/* Home Banner
===================================================== */
#home-banner { background-image: url('/images/hub-landing-page.jpg'); background-position: center top; background-repeat: no-repeat; height: 100vh; text-align: center; position:relative;background-attachment:fixed;}
#home-banner .overlay {position:absolute;top:0;right:0;left:0;bottom:0;height:100%;width:100%;background:rgba(0,0,0,0.2);}
#home-banner .box span {display:block;}
#home-banner .home-box-title {font-size:48px;color:#fff;margin-bottom:30px;font-weight:600; text-shadow: 1px 1px #000;}
#home-banner .home-box-slogan {font-size:24px;color:#fff;margin-bottom:43px;font-weight:600;}
#home-banner .home-info {position:relative;height:100%;}
#home-banner .box .btn {font-size:22px;text-transform:capitalize;font-weight:300;padding: 13px 52px;border-radius:6px;border-width:2px;}
#home-banner .box {position: absolute; top: 40%; left: 50%; transform: translatey(-50%) translatex(-50%);width:100%;}
#home-banner .arrow-down {position:absolute;bottom: 95px;left: 50%; transform: translatey(-50%) translatex(-50%);}
@media (max-width: 1199px) {
  #home-banner {height: 100%}
  #home-banner .cities {position: static;padding-top: 275px;}
  #home-banner .cities .row {flex-direction: column;}
}
@media (max-width: 991px) {
	#home-banner { height:100%;padding-top: 0px; padding-top: 120px; background-attachment:scroll;}
	#home-banner .lead { font-size: 1.3em; }
	#home-banner .box { width: 100%; padding: 20px; }
	#home-banner .callouts  { margin-top: 40px; }
	#home-banner .callouts .item { padding: 10px 5px; }
	#home-banner .home-box-title {font-size:40px;line-height:40px;}
	#home-banner .arrow-down {bottom:25px;}
}
@media (max-width: 767px) {
	#home-banner { padding-top: 0px; }
	#home-banner .lead { font-size: 1.2em; line-height: 1.4em; margin-bottom: 10px; }
	#home-banner .box { width: 100%; padding: 20px; }
	#home-banner .callouts  { margin-top: 10px; }
	#home-banner .callouts .item { padding: 10px 5px;  margin-bottom: 10px; line-height: 1.4em; font-size: 1em; }
	#home-banner .callouts .item .icon { margin-bottom: 10px; height: 50px; }
}
@media (max-width:500px) {
	#home-banner .home-box-title {font-size:32px;}
	#home-banner .home-box-slogan {font-size:20px;}
	#home-banner .box .btn {font-size:18px;}
	#home-banner .arrow-down {display:none;}
}

#home-banner .cities {
    position: relative;
    top: 40%;
    text-align: center;
}
#home-banner .cities .row {justify-content: center; gap:25px;}
#home-banner .cities .inner-city {
    background: rgba(65, 64, 66, 0.6);
    padding: 30px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    max-width: 400px;
}

#home-banner .cities .inner-city .inner-city_content {
  position: relative;
}

#home-banner .cities .inner-city .inner-city_content > img {
  backdrop-filter: brightness(0.5);
}

/* #home-banner .cities .inner-city > img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  filter: grayscale(100%);
  pointer-events: none;
  z-index: 0;
  height: auto;
} */

#home-banner .home-box-title {
    font-size: 48px;
    line-height: 52px;
    color: #fff;
    margin-bottom: 30px;
    font-weight: 600;
    display: block;
}

@media (max-width: 991px){

		#home-banner .cities div[class*='col-'] {
			padding-bottom: 30px;
		}

		#home-banner .cities .inner-city {
			width: 100%;
		}

		#home-banner .cities {
			position: static;
      padding-top: 200px;
		}
		#home-banner .home-box-title {
			font-size: 34px;
		}
}

@media(max-width: 775px) {
    #home-banner .cities {padding-top: 400px;}
}

@media (min-width: 991px) {
	#home-banner .home-box-title {
		font-size: clamp(2.375rem, 1.3553rem + 1.6447vw, 3rem);
	}
}

.row {
	margin-right: 0;
	margin-left: 0;
}

@media (min-width: 991px) {
	.row {display: flex;}
	.col-md-6 {display: flex;align-self: stretch;}
}

@media (max-width: 400px) {
	#home-banner .home-box-title {
    font-size: 24px;
}
}



 .logo {position: absolute;top: 100px;right: 0px;left: 50%;transform: translate(-50%, 0);z-index: 1;padding: 0px 25px;max-width: 100%;filter: drop-shadow(1px 1px 1px black);min-width: 300px;display: flex;justify-content: center;align-items: center;gap: 25px;flex-wrap: wrap;width: 100%;}

.logo img {max-width: 350px;}

#home-footer {
    text-align: center;
    color: #000;
    padding: 50px 0;
    font-size: 16px;
    font-weight: 400;
}

/* Home What
================================================== */
#home-what {}
#home-what .list .item {}
#home-what .list .item img { max-height: 52px; }
#home-what .list .item h3 { font-size: 36px; color: #0075bf; margin: 10px 0 15px 0; }

/* Home Testimonial
================================================== */
#home-testimonial { background: #0075bf; color: #ffffff; }
#home-testimonial hr { border-top: 1px solid rgba(255, 255, 255, 0.1); }
#home-testimonial .quote { border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
#home-testimonial .quote  .icon { position: absolute; margin-top: -20px; margin-left: -19.5px; }
#home-testimonial .quote p { margin: 30px 0 25px 0; }

/* Home Prompt
================================================== */
#home-prompt { background: #ebebeb; }
#home-prompt .points {}
#home-prompt .points .item { min-height: 60px; padding-left: 50px; text-align: left; font-size: 24px; }
#home-prompt .points .icon { position: absolute; left: 0; top: 5px; }
#home-prompt .form { margin-top: 40px; text-align: left; }
#home-prompt .form .form-group { width: 28%; }
#home-prompt .form .form-group .form-control { width: 100%; border-radius: 0; }
#home-prompt .form .btn { width: 13%; margin-left: 1%; }
@media (max-width: 767px){
	#home-prompt .points .item { text-align: center; margin-bottom: 20px; padding: 0; }
	#home-prompt .points .item .icon { position: relative; left: auto; top: auto;  display:block; margin-bottom: 10px;  text-align: center; }
	#home-prompt  .form .form-group { width: 90%; margin:10px auto; }
	#home-prompt .form .btn { width: 90%; margin: 0 auto; display: block; }
}

/* Home Why
================================================== */
#home-why { }
#home-why .item { margin: 25px 0;  text-align: left; }
#home-why .item  h3 { font-size: 24px; color: #464646; margin: 0 0 10px 0; }
@media (max-width: 767px){
	#home-why .item .icon  { text-align: center;margin-bottom: 25px; }
}

/* Home Blog
============================================================================= */
#home-blog { padding: 0 0 85px; }
#home-blog header { padding-top: 80px; }
#home-blog .form-container-inline { width: 275px; max-width: 100%; }
@media (min-width: 1200px) and (max-width: 1500px) {
	#home-blog h2 { font-size: 50px; }
}
@media (max-width: 1200px) {
	#home-blog header { text-align: center; }
	#home-blog .form-container-inline { margin: 0 auto 50px; }
}


/* Secondary Banner
================================================== */
#secondary-banner { position:relative; height:620px; background-position: center bottom; background-image: url('/images/secondary-bg.jpg'); }
#secondary-banner .container { position: relative; height: 100%;  }
#secondary-banner .prompt { text-align: center; color: #ffffff; position: absolute; bottom: 100px; width: 100%; }
#secondary-banner .prompt h2{ margin: 0; font-size: 48px; }
#secondary-banner .prompt h3 { color: #ffffff; font-size: 30px; margin: 15px 0 50px 0; }
#secondary-banner .prompt .btn { margin: 0 20px 20px 20px; border-color: #ffffff;  }
@media (max-width: 991px){
	#secondary-banner .prompt h2 { font-size: 43px; }
	#secondary-banner .prompt h3 { font-size: 25px; }
}
@media (max-width: 767px){
	#secondary-banner  { background-position: left top; }
}
@media (max-width: 500px){
	#secondary-banner  { background-position: center top; height: 600px; }
	#secondary-banner .prompt h2 { font-size: 38px; }
	#secondary-banner .prompt h3 { font-size: 20px; }
	#secondary-banner  .prompt { bottom: 100px; }
}
@media (max-width: 400px){
	#secondary-banner  .prompt { bottom: 80px; }
}

#banner-replace { display: none; }

/**
* Side Content
.side-content
================================================== */
.side-content .cta { transition: all 0.5s; text-align: center; border-bottom: 1px solid #c2c2c2; padding: 30px 0; }
.side-content .cta  img { width: 100%; max-width: 60px; }
.side-content .cta h5 { font-size: 24px; color: #464646;}
.side-content .cta:hover { opacity: 0.7; }

@media (min-width: 1284px) {
	.container { width: 1284px; }
}

/* Properties Widget
================================================== */
.frs-widget.prop-new .prop-new-item, .frs-widget.prop-rented .prop-rented-item { padding: 5px 0px 5px 0px; margin:0px; }
.frs-widget.prop-new .prop-new-item .prop-img, .frs-widget.prop-rented .prop-rented-item .prop-img { width: 33%; float:left; margin-right:0;}
.frs-widget.prop-new .prop-new-item, .frs-widget.prop-rented .prop-rented-item { font-size: 0.85em; }
.frs-widget.prop-new .prop-new-item .prop-info, .frs-widget.prop-rented .prop-rented-item .prop-info  { width :64%;float:right; }
.frs-widget.prop-new .prop-new-item .prop-details, .frs-widget.prop-rented .prop-rented-item .prop-details { padding-top: 5px;  }
.frs-widget.prop-new .prop-new-item .prop-title a {font-size:.85em;}
.frs-widget.prop-view .prop-apply, .frs-widget.prop-view .prop-showing { text-transform:none; }
.frs-widget.prop-view .prop-form button { height:auto; }
.frs-widget .frs-btn, .frs-widget .prop-result .prop-btn a, .frs-tabl-link .frs-btn { background:#0075bf; border-color:#0075bf; border: 2px solid #0075bf; color:#fff!important; padding: 10px 16px; font-size: 20px; line-height: 1.3333333; border-radius: 6px; font-weight:300; transition: all 0.5s; }
.frs-widget .frs-btn:hover, .frs-widget .prop-result .prop-btn a:hover, .frs-tabl-link .frs-btn:hover { opacity: 1; background: #ffffff; color: #0075bf !important;  }
.frs-widget .prop-tabs .prop-tab-nav ul li a { background: #0075bf; }
.frs-widget form input[type='text'], .frs-widget form select {border:1px solid #999;}
.frs-widget.prop-view  .prop-title { line-height: 2em; color: #2E2E2E; }
.frs-widget.prop-view .prop-form label {width:100%; padding:0; margin-bottom:0;}
.frs-widget.prop-view .prop-form label + br {display:none;}
.frs-widget.prop-view .prop-form textarea {border:1px solid #999;}
.frs-widget.prop-view .prop-form {width:230px;}
.frs-widget.prop-view .prop-form .prop-form-hdr, .frs-widget.prop-view .prop-phone, .frs-widget.prop-view .prop-rent, .frs-widget .prop-tabs .prop-section h3, .frs-widget .prop-result .prop-rent{ color: #0075bf; }
.frs-widget form label {font-weight:normal;}
.frs-paging-btn a { border:1px solid #0075bf; color:#0075bf; }
.frs-paging-btn a:hover, .frs-paging-btn.active a { background:#0075bf; color:#fff; }
.prop-map { height: 550px; width: 100%; }
.frs-widget .hide.active { display: block!important; }

.prop-ad-links * {-webkit-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");}

@media screen and (max-width:1060px)
{
	.frs-widget.prop-list .prop-search {padding:20px 50px;}
	.frs-widget.prop-view .prop-form, .frs-widget.prop-view .prop-info, .frs-widget.prop-view .prop-gallery {width:32%;}
	.frs-widget.prop-view .prop-info, .frs-widget.prop-view .prop-gallery {margin-left:1%;}
	.frs-widget.prop-view .prop-thmbs { display: none; }
}

@media screen and (max-width: 890px) {
	.frs-widget.prop-list .prop-search {padding:20px 10px;}
}

@media screen and (max-width: 768px) {
	.frs-widget.prop-list .prop-search .prop-search-form-rent {clear:both;}
	.frs-widget.prop-list .prop-search .prop-search-form-button {clear:both; float:none;}
	.frs-widget .prop-result .prop-img, .frs-widget .prop-result .prop-info, .frs-widget .prop-result .prop-details {float:none; width:100%; text-align:center;}
	.prop-list-paging {position: relative; display: inline-block;}

	.frs-widget.prop-list .prop-search .prop-search-form-keyword, .frs-widget.prop-list .prop-search .prop-search-form-rent, .frs-widget.prop-list .prop-search .prop-search-form-pets, .frs-widget.prop-list .prop-search .prop-search-form-sort, .frs-widget.prop-list .prop-search .prop-search-form-button {width:100%; margin-left:0; padding-left:0;}
	.frs-widget.prop-list .prop-search .prop-search-form-beds, .frs-widget.prop-list .prop-search .prop-search-form-baths {width:49%; margin-left:0; padding-left:0;}
	.frs-wientdget.prop-list .prop-search .prop-search-form-baths {margin-left:2%;}
	.frs-widget {text-align:center;}
	.frs-widget .prop-tabs .prop-tab-nav ul {height:auto; display:inline-block; text-align:center; width:100%;}
	.frs-widget .prop-tabs .prop-tab-nav ul li {width:100%; float:none; display:inline-block; margin-bottom:2px;}
	.frs-widget .prop-tabs .prop-tab-nav ul li a {display:inline-block; width:100%;}
	.frs-widget.prop-view .prop-form, .frs-widget.prop-view .prop-info {width:100%; padding-left: 0px; padding-right: 0px; }
	.frs-widget.prop-view .prop-info {margin-left:0px; }
	.frs-widget.prop-view .prop-gallery {margin-left:0%; clear:both; width:100%;}
	.frs-widget.prop-view .prop-gallery .prop-img img {width:auto; max-width:100%;}
	.frs-widget.prop-view .prop-links {width:90%;}
	.frs-widget.prop-view .prop-gallery .prop-gallery-count { padding-bottom: 10px; }
}

@media screen and (max-width: 560px) {
	.frs-widget.prop-list .prop-search .prop-search-form-keyword, .frs-widget.prop-list .prop-search .prop-search-form-rent, .frs-widget.prop-list .prop-search .prop-search-form-pets, .frs-widget.prop-list .prop-search .prop-search-form-sort, .frs-widget.prop-list .prop-search .prop-search-form-button {width:100%; margin-left:0; padding-left:0;}
	.frs-widget.prop-list .prop-search .prop-search-form-beds, .frs-widget.prop-list .prop-search .prop-search-form-baths {width:49%; margin-left:0; padding-left:0;}
	.frs-widget.prop-list .prop-search .prop-search-form-baths {margin-left:2%;}
	.frs-widget.prop-view .prop-form, .frs-widget.prop-view .prop-info {width:100%;}
	.frs-widget.prop-view .prop-info {margin-left:0%; padding: 0px; }
	.frs-widget.prop-view .prop-form {padding-right:0;}
	.frs-widget.prop-view .prop-form form input[type='text'],.frs-widget.prop-view .prop-form form textarea { width: 90%; }
}

/* Overwrite home-banner ctas */
#home-banner .cities .inner-city {background: rgba(255, 255, 255, 0.6);}
#home-banner .home-box-title {color: #000;}
#home-banner .cities .inner-city .inner-city_content> img {backdrop-filter: none;}
#home-banner .home-box-title {text-shadow: none;}