/*
Theme Name:		 qChild
Description:	 Child theme of Quadsimia qCore CSS
Author:			 Rob Perry, Creative Director / Senior Web Developer, Quadsimia
Author URI:		 http://www.quadsimia.com/
Version:		    1.0.0
-------------------------------------------------------------- */

/* TABLE OF CONTENTS
 1: FONTS
 1.1: CUSTOM COLORS
 2: GENERAL STYLES
    2a: Structural
    2b: Typography
    2c: Links/CTAs
    2d: Lists
    2e: Tables
    2f: Grids/Columns
    2g: Flex
    2h: Images
    2i: Videos
    2j: Forms
    2k: Extras/Helpers
 3: HEADER
    3a: Header
    3b: Header - Sticky
    3c: Alert Bar
    3d: Top Nav Bar
    3e: Logo
 4: NAV
    4a: Nav Menu
    4b: Nav Menu - Position
    4c: Nav Menu - Full Background
 5: BODY/CONTENT
    5a: Breadcrumbs
    5b: Homepage
    5c: Interior
 6: SIDEBAR
    6a: Aside
 7: FOOTER
    7a: Footer Content
    7b: Copyright
 8: ANIMATION/FX
 9: RESPONSIVE
10: Classes
-------------------------------------------------------------- */

/* 1: FONTS */
/*@import url('https://fonts.googleapis.com/css2?family=Corben:wght@400;700&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Varela&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Cardo:wght@400;700&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Jomolhari&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Teko:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700;800&display=swap');

/*------------------------------------------------------------ */

/* 1.1: CUSTOM COLORS */
:root {
  --clr--blue: rgb(97, 156, 197, 1);
	--clr--transparent-blue: rgb(97, 156, 197, .9);
	--clr--cadetblue: rgb(76,115,175,1);
	--clr--darkcyan: rgb(20, 127, 183, 1);
	--clr--darkcyan1: rgb(18, 111, 160, 1);
	--clr--accent-yellow: #efe544;
	--clr--black0: #000;
	--clr--black1: #111;
	--clr--black2: #222;
	--clr--black3: #333;
	--clr--black4: #444;
	--clr--light--border: rgb(235, 235, 235);
}

/* 2: GENERAL STYLES */

/* -- 2a: Structural ----------------------------------------- */
.container {
	max-width: 1280px;
}

/* -- 2b: Typography ----------------------------------------- */
body{font:normal 1em/1.45em 'Open Sans', sans-serif;}
h1, h2, h3, h4, h5, h6{
  /*font-family: 'Cardo', serif;*/
  font-family: 'Montserrat', sans-serif;
  font-weight:500;}
h1{
  font-family: 'Montserrat', sans-serif;
  line-height: 1.35em;}
h2{
  font-family: 'Montserrat', sans-serif;
  color: #202020;
  line-height: 1.2em;}
h3{
  font-family: 'Teko', sans-serif;}
h5{
  font-family: 'Teko', sans-serif;}

@media screen and (max-width:680px){
  h1{font-size:2.25em;}
  h2{font-size:2.25em;}
}

/* -- 2c: Links/CTAs ----------------------------------------- */
a{color:#0085CA;}

.cta{
  font-family: 'Montserrat';
  font-weight: 700;
  text-transform:uppercase;}

.cta{background-color:#0085CA;color:#fff;border:0;}
.cta:hover{background-color:#00a2ff;color:#fff;}
.cta.outline{background-color:transparent;border:3px solid #fff600;color:#fff;}
.cta.outline:hover{background-color:#fff600;border:3px solid #fff600;color:#29166f;}

/* Secondary color */
.cta.secondary{background:#9ed09d;}

/* Contact color */
.cta.contact{background-color:#009739;color:#29166f;border:3px solid #29166f;text-align:center;}
.cta.contact:hover{background-color:#29166f;color:#fff600;border:3px solid #29166f;}
.cta.outline.contact{padding:0.3em 1.125em;background-color:transparent;border:3px solid #009739;color:#009739;}
.cta.outline.contact:hover{border:3px solid #009739;color:#000;background-color:#009739;}

header .cta.contact{
  margin-top:-3px;
  background:#fff;color:#009739;border:3px solid #009739;
  /*font-family: 'Corben', cursive;*/ /*text-transform: none;*/}
header .cta.contact:hover{
  background:#6CC24A;color:#fff;border:3px solid #6CC24A;}

.cta-banner .cta.contact{
  background: transparent;
  color: #fff;
  border: 3px solid #fff;}
.cta-banner .cta.contact:hover{
  background:#6cc250;
  color:#fff;}

.more{margin:1.25em 0;}
.more .cta{
  margin-top:0.25em;
  margin-bottom:0.25em;
  font-size:1em;}

/* -- 2d: Lists ---------------------------------------------- */

/* -- 2e: Tables --------------------------------------------- */

/* -- 2f: Grids/Columns -------------------------------------- */

/* -- 2g: Flex ----------------------------------------------- */

/* -- 2h: Images --------------------------------------------- */

/* -- 2i: Videos --------------------------------------------- */

/* -- 2j: Forms ---------------------------------------------- */

button, input[type="submit"]{background:var(--clr--darkcyan1);border:1px solid var(--clr--darkcyan1);}
button:hover, input[type="submit"]:hover{background:var(--clr--darkcyan);color:var(--clr--accent-yellow);}

/* -- 2k: Extras/Helpers ------------------------------------- */

/*------------------------------------------------------------ */

/* 3: HEADER */

/* -- 3a: Header --------------------------------------------- */
header{
/*background: rgb(76,115,175);
background: -moz-linear-gradient(180deg, rgba(76,115,175,1) 0%, rgba(20,127,183,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(76,115,175,1) 0%, rgba(20,127,183,1) 100%);
background: linear-gradient(180deg, rgba(76,115,175,1) 0%, rgba(20,127,183,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c73af",endColorstr="#147fb7",GradientType=1);*/
background:#fff;}

@media screen and (min-width:681px){
  header .main-header{
    height:80px;
    min-height: 80px;}
}

@media screen and (max-width: 680px){
  header .logo{
    margin-top: 0;}
}

/* -- 3b: Header - Sticky ------------------------------------ */
body.no-header .main-header{
  /*min-height:100px;*/
  min-height: 75px;
}

body.no-header .header-right{
  margin-top:1em;}

body.no-header header .logo{
 	/*top: -0.5em;*/
  margin-top:0;
}
body.no-header header .logo img{
  max-width: 250px;}
body.no-header header .topnav {display:none;}

/* -- 3c: Alert Bar ------------------------------------------ */

/* -- 3d: Top Nav Bar ---------------------------------------- */
header .topnav{
  background-color: var(--clr--black2);
}
header .topnav strong{
  font-weight:800;
  text-transform:uppercase;}
header .topnav .service-list{
  font-size:1.25em;
  font-weight:800;
  color:#fff;}

header .main-header .topnav{
  width:100%;
  max-width:820px;
  margin:-0.25em auto 0.25em auto;
  background-color:transparent;
  font-size:0.85em;
  font-weight:600;
  line-height:1.25em;}
header .main-header .topnav a{/*color:#fff;*/}
header .main-header .topnav a:hover{color:#efe544;}
header .main-header .topnav i{
  float: left;
  margin:-0.25em 0.35em 0 0;
  padding:1em 0 0 0;
  width:50px;
  height:50px;
  font-size:1.65em;
  border:2px solid var(--clr--accent-yellow);
  background:rgba(0,0,0,0.1);
  border-radius:50px;
  line-height:0;
  vertical-align:middle;
  text-align:center;
  transition:all 0.3s ease;}
header .main-header .topnav a:hover i{
  color:#fff;
  border:2px solid #efe544;
  background:rgba(0,0,0,0);}

@media screen and (max-width:680px){
  header .topnav{
    display: none;
  }
}

.header-right{
  margin-top:1em;}

/* Nav Menu - side social menu -------------------------------- */
header .side-social{
  position: fixed;
  display: block;
  top: 280px;
  right: 10px;
  margin: 0;
  padding: 0.35em 0;
  width: 50px;
  background: #fff;
  border-radius: 2em;
  -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
  z-index: 9999;}
header .side-social li{
  display:block;
  margin:0;
  padding:0;
  width:100%;
  text-align:center;}
header .side-social li a{
  margin:0.1em auto;
  padding: 0.25em 0 0 0;
  width: 40px;
  height: 40px;
  font-size: 1.65em !important;
  font-weight: normal;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  background-color: #000;
  border-radius: 2em !important;
  border: 2px solid #000;
  transition: all 0.4s ease;}
header .side-social li a:hover{
  color:#fff;
  background-color:#6CC24A;
  border-color:#6CC24A;}
@media screen and (max-width: 990px){
 header .side-social {
    display: none;
}
}


/* -- 3e: Logo ----------------------------------------------- */
.logo{
  /*position:absolute;
  left:0;
  right:0;*/
  max-width:350px;
  margin-top:0;}

@media screen and (max-width:1080px){
  .logo{
    max-width:150px;}
}

@media screen and (max-width:980px){
  .logo{
    max-width:150px;}
}

/*------------------------------------------------------------ */

/* 4: NAV */

/* -- 4a: Nav Menu ------------------------------------------- */
nav{
  clear:both;
  font-weight:800;}
nav li > a{
  padding: 0.5em 0.75em;
  color:#535559;
  font-size:1em;}
nav li > a:hover{
  color:#3ca9a3;}

/* Mobile */

/*.mobile-logo {
	display:none;
}*/

@media (max-width:680px) {
	.nav li{
	background: var(--clr--cadetblue);
	color:white;
	}
	/*.mobile-logo {
		display:block;
		z-index: 2000;
		max-width:200px;
	}*/
}


@media screen and (max-width:1300px){
  nav li > a{font-size:0.9em;padding:0.5em 0.75em;}
}
@media screen and (max-width:1080px){
  nav li > a{font-size:0.9em;padding:0.5em 0.5em;}
}
@media screen and (max-width:980px){
  nav li > a{font-size:0.9em;padding:0.5em 0.5em;}
}
@media (max-width:780px) {
	nav li > a{font-size:0.8em;padding:0.5em 0.5em;}
}
@media screen and (max-width:680px){
  nav li > a{font-size:1em;padding:0.5em 0.5em;}
}

/* -- 4b: Nav Menu - Position -------------------------------- */

/* -- 4c: Nav Menu - Full Background ------------------------- */

/* -- 4d: Mobile Nav Menu ------------------------------------ */

/* -- 4e: Mobile MeanMenu ------------------------------------ */
.mean-container a.meanmenu-reveal{top:7px !important;color:#202020 !important;}
.mean-container a.meanmenu-reveal span{color:#202020 !important;background:#202020 !important;}
.mean-container .mean-bar{background:#fff !important;}
.mean-container .mean-nav{background:#202020 !important;}
.mean-container .mean-nav ul li a{color:#fff !important;}

.mean-container .mean-nav li{background:#202020 !important;}

.mean-container .mean-nav ul li a.cta{
  border: 0;
  width: 100%;
  padding: 1em 0;
  text-indent: 5%;
  background: #3ca9a3;
  color: #fff !important;}
.mean-container .mean-nav ul li a.cta.secondary{
  background: #9ed09d;}

.mean-container .mean-nav ul li.social a.cta{
  padding:0.5em 0;}

/*------------------------------------------------------------ */

/* 5: BODY/CONTENT */

/* -- 5a: Breadcrumbs ---------------------------------------- */

/* -- 5b: Homepage ------------------------------------------- */

main{
  /*padding-bottom:3.5em;*/
  padding-bottom:0;} /* offset footer logo overlap effect */

.parallax-banner .overlay{
  /*background: rgb(39,106,175);
background: -moz-linear-gradient(0deg, rgba(39,106,175,0.75) 10%, rgba(0,65,133,0.75) 90%);
background: -webkit-linear-gradient(0deg, rgba(39,106,175,0.75) 10%, rgba(0,65,133,0.75) 90%);
background: linear-gradient(0deg, rgba(39,106,175,0.75) 10%, rgba(0,65,133,0.75) 90%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#276aaf",endColorstr="#004185",GradientType=1);*/
  /*background: rgb(0,111,185);
background: -moz-linear-gradient(0deg, rgba(0,111,185,0.8) 10%, rgba(0,65,133,0.8) 90%);
background: -webkit-linear-gradient(0deg, rgba(0,111,185,0.8) 10%, rgba(0,65,133,0.8) 90%);
background: linear-gradient(0deg, rgba(0,111,185,0.8) 10%, rgba(0,65,133,0.8) 90%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#006fb9",endColorstr="#004185",GradientType=1);*/
  /*background: rgb(41,22,111);
background: -moz-linear-gradient(0deg, rgba(41,22,111,0.8) 10%, rgba(41,22,111,0.8) 90%);
background: -webkit-linear-gradient(0deg, rgba(41,22,111,0.8) 10%, rgba(41,22,111,0.8) 90%);
background: linear-gradient(0deg, rgba(41,22,111,0.8) 10%, rgba(41,22,111,0.8) 90%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#29166f",endColorstr="#29166f",GradientType=1);*/
  /*background: rgba(60,169,163,0.9);*/
  background: rgba(0,0,0,0.65);
}

.parallax-banner h1{
  font-size:3.5em;
  font-weight:700;
  line-height:1em;}
.parallax-banner h1 span{
  color:#fff600;}
.parallax-banner h1 small{
  font-size:0.65em;
  line-height:0.9em;}

.parallax-banner h5{
  font-size: 2em;
  line-height: 1.35em;}

.intro.parallax-banner{
  display: inline-block !important; /* fixes issue with slider underneath an open MeanMenu on mobile */
}

.intro.parallax-banner .container{max-width:1200px;}

.intro.parallax-banner .container{
  padding:6em 1em 5em 1em;}

@media screen and (max-width: 680px){
  .intro.parallax-banner .container{
    padding:5em 1em 5em 1em;}
}

.intro.parallax-banner p{
  font-size: 1.25em;
  font-weight: normal;
  line-height: 1.5em;}

.intro.parallax-banner h3{
  margin-top:1.5em;}

.intro.parallax-banner .more{
  margin-top:1em;}

.overlay{
  position: absolute;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.4);}

section.promo.parallax-banner .overlay{
	/*background: ;*/}
section.promo.parallax-banner img.parallax{
  filter: blur(0.2em);}
section.promo.parallax-banner ul{
  list-style-type: none;}
section.promo.parallax-banner a{
  color:#efe544;}

section.content-1 .owl-carousel .owl-item img {
  max-height: 450px;
  object-fit: cover;}

section.menus{background-color:#f5f5f5;}
section.menus .item{/*padding:20px;*/}

section.contenet-2{padding:0.25em 0 0 0;background-color:#333;color:#fff;}
section.contenet-2 figure{margin:0;}
section.contenet-2 figure figcaption{margin:0.5em;}
section.contenet-2 .owl-carousel .owl-item img {
  max-height: 250px;
  object-fit: cover;}


section.cta1{
	padding:1em;
	color:#fff;
	background-color: var(--color--blue);
	background: -moz-linear-gradient(180deg, rgba(76,115,175,1) 0%, rgba(20,127,183,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(76,115,175,1) 0%, rgba(20,127,183,1) 100%);
	background: linear-gradient(180deg, rgba(76,115,175,1) 0%, rgba(20,127,183,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c73af",endColorstr="#147fb7",GradientType=1);
}
section.cta1 h2{margin-top:0;font-size:2em;}

section.location{background:white;}
section.location p{font-size:1.25em;line-height:1.5em;}

section.cta-banner{
	color:#fff;
	/*background-color: var(--color--blue);
	background: -moz-linear-gradient(180deg, rgba(76,115,175,1) 0%, rgba(20,127,183,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(76,115,175,1) 0%, rgba(20,127,183,1) 100%);
	background: linear-gradient(180deg, rgba(76,115,175,1) 0%, rgba(20,127,183,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c73af",endColorstr="#147fb7",GradientType=1);*/
  /*background: rgb(119,119,119);
background: -moz-linear-gradient(0deg, rgba(119,119,119,1) 10%, rgba(85,85,85,1) 90%);
background: -webkit-linear-gradient(0deg, rgba(119,119,119,1) 10%, rgba(85,85,85,1) 90%);
background: linear-gradient(0deg, rgba(119,119,119,1) 10%, rgba(85,85,85,1) 90%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#777777",endColorstr="#555555",GradientType=1);*/
  /*background: rgb(96,226,226);
background: -moz-linear-gradient(145deg, rgba(96,226,226,1) 0%, rgba(150,102,225,1) 100%);
background: -webkit-linear-gradient(145deg, rgba(96,226,226,1) 0%, rgba(150,102,225,1) 100%);
background: linear-gradient(145deg, rgba(96,226,226,1) 0%, rgba(150,102,225,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#60e2e2",endColorstr="#9666e1",GradientType=1);*/
  /*background: rgb(150,212,203);
background: -moz-linear-gradient(145deg, rgba(150,212,203,1) 0%, rgba(233,247,245,1) 100%);
background: -webkit-linear-gradient(145deg, rgba(150,212,203,1) 0%, rgba(233,247,245,1) 100%);
background: linear-gradient(145deg, rgba(150,212,203,1) 0%, rgba(233,247,245,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#96d4cb",endColorstr="#e9f7f5",GradientType=1);*/
  background: rgb(0,151,57);
  background: linear-gradient(180deg, rgba(0,151,57,1) 25%, rgba(108,194,80,1) 100%);
}

.cta-banner.doublepanel figure img{
  height: 350px !important;
  min-height: auto;
  object-fit: cover;}

/*section.about p{font-size:1.25em;line-height:1.5em;}
section.about h3{font-size:1.8em;}*/

/*section.about .owl-carousel .owl-item img {
  max-height: 450px;
  object-fit: cover;}*/

/*section.about h3, section.about h5{
  color:#ffcd24;}*/

section.cta-banner h2{
  font-size:2.25em;
  color:#fff;}

section.cta-banner h5{
  font-size:1.25em;
  color:#fff;}

section.cta-banner .card.col{ /* adjusts the default col margin-top */
  margin-top:0.25em;}

section.cta-banner .card .more .cta{
  font-size:1em;
  text-transform:none;}

@media screen and (max-width:680px){
  section.cta-banner .span6{
    padding-bottom:4em;
  }
}

/* double panel section */
.doublepanel{
    padding:0;}
  .doublepanel .col{
    margin:0;
    padding:0;}
  .doublepanel .span6{
    margin:0;}
  .doublepanel figure{
    margin:0;}
  .doublepanel figure img{
    display:block;
    min-height:450px;
    object-fit:cover;}
@media screen and (min-width:681px){
  .doublepanel .span6{
    width:50%;}
}
@media screen and (max-width:680px){
  .doublepanel figure img{
    min-height:300px;}
}

.mission{
  margin-top: -6em;
  margin-bottom: 2em;}
.mission .container{
  max-width:100%;
  padding-left:50px;
  padding-right:50px;}
.mission .card{
  border-top: 10px solid #004185;
  padding: 1em;
  padding-bottom:1em;}
.mission h2{
  margin-top:0.25em;}
.mission p{
  font-size:1.15em;}

/*(1) owl-stage box*/
.new-homes .owl-carousel .owl-stage{display:flex;}
/*(2) the direct div of each element in the owl carousel*/
.new-homes article{height:100%;}

/* thank you */
body#thankyou section.contact{
  display:none;}

/* -- 5c: Interior ------------------------------------------- */

/* rounded images */
img.photo-main{
  border-radius: 20px;}

/* color options */
.bg-color{
  padding-top:2em;
  padding-bottom:2em;
  background:#f1f1f1;}
.bg-color.color2{
  background:#29166f;}

/* home: featured */
section.featured{
  padding-top:0.5em;
  padding-bottom:0.5em;}
.bg-color.featured{
  color:#fff;
  /*background:#000;*/
  background: rgb(0,0,0);
  background: linear-gradient(180deg, rgba(0,0,0,1) 25%, rgba(32,32,32,1) 100%);}
.bg-color.featured h2,
.bg-color.featured h3,
.bg-color.featured h5{
  color:#fff;}

/* PAGE: ALL */

/* New Homes */
.new-homes-list{
  margin:0;
  padding-top:0;}

/* Manufacturers */
section.list-manufacturers{
  padding-top:0;}

/* Deliver and Setup */

/*(1) owl-stage box*/
.setup-delivery-steps .owl-carousel .owl-stage{display:flex;}
/*(2) the direct div of each element in the owl carousel*/
.setup-delivery-steps article{height:100%;}

.setup-delivery-steps article.card{
  text-align: center;
  padding-bottom:0;}
.setup-delivery-steps article.card .icon{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.5em auto 0.25em auto;
  padding: 0;
  width: 45px;
  height: 45px;
  font-size: 1.8em;
  font-weight: bold;
  /* border: 2px solid #545454; */
  /* border: 2px solid #333333; */
  border: 2px solid #5681b0;
  /* background: rgba(0,0,0,0.1); */
  background: rgba(255,255,255,0.5);
  border-radius: 50%;
  transition: all 0.3s ease;}
.setup-delivery-steps article.card h4{
  padding: 0 0.75em 1em 0.75em;}

/* Contact */
#contact-form{
  margin-top:1.5em;}
#contact-form fieldset{
  padding:2em;
  border-radius:20px;
  background: rgba(0,0,0,0.04);}
#contact-form button{
  display:block;
  margin:0 auto;}

/*------------------------------------------------------------ */

/* 6: SIDEBAR */

/* -- 6a: Aside ---------------------------------------------- */

/*------------------------------------------------------------ */

/* 7: FOOTER */

/* -- 7a: Footer Content ------------------------------------- */

footer{
  color:#fff;
  /*background: rgb(76,115,175);
	background: -moz-linear-gradient(180deg, rgba(76,115,175,1) 0%, rgba(20,127,183,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(76,115,175,1) 0%, rgba(20,127,183,1) 100%);
	background: linear-gradient(180deg, rgba(76,115,175,1) 0%, rgba(20,127,183,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c73af",endColorstr="#147fb7",GradientType=1);*/
  /*background: rgb(0,111,185);
  background: -moz-linear-gradient(180deg, rgba(0,111,185,1) 10%, rgba(0,65,133,1) 90%);
  background: -webkit-linear-gradient(180deg, rgba(0,111,185,1) 10%, rgba(0,65,133,1) 90%);
  background: linear-gradient(180deg, rgba(0,111,185,1) 10%, rgba(0,65,133,1) 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#006fb9",endColorstr="#004185",GradientType=1);*/
  background:#202020;
  /*border-top:10px solid #9ED09D;*/}

section.contact{
  padding:0;
  color:#fff;}

section.contact fieldset {
	border: 1px solid var(--clr--darkcyan1);
}

section.contact .container{
  /*max-width:1200px;*/
}

footer .info{/*background:linear-gradient(180deg, var(--clr--black3) 0px, var(--clr--black1) 30%);background-color:var(--clr--black1);padding-bottom:0;*/}
footer .info .container{max-width:1200px;}
footer .info img{max-width:300px;}
footer .info .topnav{
  width:100%;
  margin:1.25em auto;
  background-color:transparent;
  font-size:0.85em;
  font-weight:600;
  line-height:1.25em;}
footer .info .topnav a{color:#fff;}
footer .info .topnav a:hover{color:#efe544;}
footer .info .topnav i{
  float: left;
  margin:-0.25em 0.35em 0 0;
  padding:1em 0 0 0;
  width:50px;
  height:50px;
  font-size:1.65em;
  border:2px solid var(--clr--accent-yellow);
  background:rgba(0,0,0,0.1);
  border-radius:50px;
  line-height:0;
  vertical-align:middle;
  text-align:center;
  transition:all 0.3s ease;}
footer .info .topnav a:hover i{
  color:#fff;
  border:2px solid var(--clr--accent-yellow);
  background:rgba(0,0,0,0);}

/* -- 7b: Copyright ------------------------------------------ */
/*footer .copyright{background-color:var(--clr--black1);}*/

/*------------------------------------------------------------ */

/* 8: ANIMATION/FX */

/* -- 8a: Grid Effects --------------------------------------- */

/* 8c: Owl Carousel */
.owl-carousel .owl-stage {
  margin: 0 auto;}

/* centers entries */
#gallery-slider.owl-carousel .owl-item img {
  max-width: 500px;
  margin: 0 auto;}
.owl-theme .owl-nav [class*=owl-] {
  background: rgba(0, 0, 0, 0.4) !important;}
.owl-theme .owl-nav [class*=owl-]:hover {
  background: rgba(0, 0, 0, 0.6) !important;}
.owl-prev, .owl-next {
  position: absolute;
  top: 40%;
  margin-top: -10px;}
.owl-prev {
  left: 0;}
.owl-next {
  right: 0;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
  box-shadow: none;}
.owl-carousel .owl-nav button.owl-next .fa, .owl-carousel .owl-nav button.owl-prev .fa {
  padding: 0.45em 0.35em;
  font-size: 1.85em;
  color: #fff;}
.owl-carousel .owl-nav button:hover {
  background: #5cc661;
  border-color: #4CAF50;
  color: #fff;
  text-decoration: none;
  text-shadow: 0 -1px 1px #000, 1px 0 1px #000, 0 1px 1px #000, -1px 0 1px #000;}

/*------------------------------------------------------------ */

/* 9: RESPONSIVE */

@media screen and (max-width: 680px){
  .parallax-banner h1{
    font-size:2.5em;}
  
  section.cta-banner h2{
    font-size:1.75em;}
  
  footer .logo{
    max-width: 70%;
    margin:1em auto 0 auto;}
  
}




/* ARTICLE: Card */
article.card{
  position: relative;
  background: rgba(255,255,255,0.75);
  border-radius: 0.25em;
  overflow: hidden;
  padding-bottom: 2em;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);}
article.card.right {
  margin-left: 1em;
  margin-bottom: 1em;}
article.card h4 {
  margin: 0;
  padding: 0.5em 0.5em 0.25em 0.5em;
  text-align: center;
  color:#000;
  font-weight: 700;
  /*text-transform: uppercase;*/
  text-shadow: 2px 2px 2px rgba(0,0,0,0);}
article.card h4 .fas{
  color: #b3212b;
  font-size: 1.75em;
  border: 2px solid;
  width: 100px;
  height: 100px;
  border-radius: 2em;
  padding-top: 0.35em;
  transform: scale(0.8);
  background: rgba(255,255,255,0.55);}
article.card h4.link {
  margin: 0;
  padding: 0;
  background-color: #d5e0da;}
article.card h4.link a {
  display: block;
  padding: 0.35em 0.5em 0.2em 0.5em;}
article.card h6 {
  margin: 0;
  padding: 0.35em 0.5em;
  font-size: 1.35em;
  color: #fff;
  background-color: #8b99a1;}
article.card p{
  margin: 0;
  padding: 0.25em 0.5em 0.5em 0.5em;
  text-align: center;}
article.card .more {
  width: 100%;
  margin-bottom: 0;
  /*padding:1em;*/
  bottom: 0;}
article.card .more .cta{
  /*width: 50%;*/
  /*padding:1em;*/
  /*border-radius:6px;*/}

/*article.card .more .cta:hover{
  background-color:#C59D5F;}
article.card .more .cta small {
  text-transform: none;}
article.card .more .cta.full {
  width: 100%;}
article.card .more .cta.half {
  width: 50%;}
article.card .more .cta.thirds {
  width: 33.333%;}
article.card .more .cta.quarter {
  width: 25%;}*/

section.list-manufacturers article.card h4 {
  margin: 0;
  padding: 0.5em;
  color:#000;
  font-weight: 700;
  text-align: center;
  text-shadow: 2px 2px 2px rgba(0,0,0,0);}



/* Mean Menu */
/*.mean-container .mean-bar{
	z-index:9999 !important;
}*/


/* 10: Classes*/
.list-flex {
	display:flex;
	align-items: center;
	justify-content: center;
}

.list-flex-col {
	display:flex;
	flex-direction: column;
	text-align:left;
}

.p-text {
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	max-width:36rem;
}

.p-heading {
	margin-left:auto;
	margin-right:auto;
	max-width:35rem;
}

.footer-flex {
	display:flex;
	gap:1rem;
    align-items: center;
	justify-content: center;
}

.filter-shadow {
	filter:drop-shadow(1px 1px 3px var(--clr--black3));
}

@media (min-width:680px) {
	body.has-globalTopNav.has-globalStickyHeader {
	padding-top:80px;}
}

@media (max-width:850px) {
	.footer-flex {
		flex-direction: column;
	}
	.no-gap {
		gap:0;
	}
}


#map {
	height:450px;
	width:100%;
}

.heading {
	text-align:center;
}

.property-card {
	max-width:350px;
	min-height: 300px;
	display:flex;
	flex-direction: column;
	align-items: center;
	padding:1rem;
	border: 1px solid var(--clr--light--border);
	border-radius: 10px;
	margin-right:auto;
	margin-left:auto;
}

.property-card h5 {
	text-align:center;
}

/* Tesimonials */
.testimonials h3{
  color:#004185;}

.testimonial-card {
	max-width: 800px;
	min-height: 275px;
	margin-right:auto;
	margin-left:auto;
	border-radius:10px;
	border: 2px solid var(--clr--light--border);
	padding: 1rem;}


/* properties */

#properties.anchor{
  height: calc(65px + 110px);
  margin-top: calc(-65px - 110px);}

section.properties{
  background:#f1f1f1;}

/*(1) owl-stage box*/
#properties-container.owl-carousel .owl-stage { display: flex; }
/*(2) the direct div of each element in the owl carousel*/
#properties-container.owl-carousel .item { height: 100%; }

#properties-container.owl-carousel .item{
  /*padding-bottom: 0.5em;*/
  border-top:5px solid #ffcd24;
  text-align: center;}

#properties-container.owl-carousel .item h5 span{
  font-size:1.5em;}
#properties-container.owl-carousel .item h6{
  font-size:1.15em;
  color:#535559;}

#properties-container.owl-carousel .item .more .cta{
  font-size:1em;}

/* property management */

.property-management.parallax-banner .overlay{
  background: rgb(83,85,89);
background: -moz-linear-gradient(0deg, rgba(83,85,89,0.8) 10%, rgba(0,111,185,0.8) 90%);
background: -webkit-linear-gradient(0deg, rgba(83,85,89,0.8) 10%, rgba(0,111,185,0.8) 90%);
background: linear-gradient(0deg, rgba(83,85,89,0.8) 10%, rgba(0,111,185,0.8) 90%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#535559",endColorstr="#006fb9",GradientType=1);
}

.property-management.parallax-banner p{
  font-size: 1.25em;
  font-weight: bold;
  line-height: 1.5em;}

.property-management.parallax-banner .more{
  margin-top:1.5em;}

/* testimonials */

section.testimonials{
  background:#f1f1f1;}

#testimonials-container .item{
  padding-bottom:0;}

#testimonials-container .item p.name{
  margin-bottom:0.15em;
  font-weight: bold;}
#testimonials-container .item p.business{
  margin-top:0.15em;
  font-style: italic;}


/* footer */

footer{
  /*display: table;
  width:100%;*/
  /*background: rgb(22,7,74);
background: -moz-linear-gradient(0deg, rgba(22,7,74,1) 0%, rgba(41,22,111,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(22,7,74,1) 0%, rgba(41,22,111,1) 100%);
background: linear-gradient(0deg, rgba(22,7,74,1) 0%, rgba(41,22,111,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#16074a",endColorstr="#29166f",GradientType=1);*/}
footer h2{
  font-size:1.5em;
  color:#fff;}
footer a{
  color:#fff;}
footer a:hover{
  color:#6CC24A;}

footer .content{
  padding-top:2em;}

footer .content p{
  font-size: 1.25em;
  font-weight: bold;
  line-height: 1.5em;}

footer .content .cta{
  font-size: 1.5em;}

footer form fieldset{
  /*padding:1.5em;*/
  border-radius:20px;
  background:rgba(255,255,255,0.15);}
footer form label span{
  color:#ccc;}
footer form button, footer form input[type="submit"]{
  border-radius:2em;
  border:0;
  margin-left:auto;
  margin-right:auto;
  background-color: #ffcd24;
  color: #535559;}

.footer-copyright{
  /*background:transparent;*/}


/* mobile footer */
.call-mobile{
  display:none;
  position:fixed;
  bottom:0;
  width:100%;
  left:0;
  right:0;
  height:80px;
  z-index: 10;}
.call-mobile .cta{
  margin: 0;
  padding: 0.75em 0;
  text-align: center;
  width: 50%;
  font-size: 1.25em;
  line-height: 1em;
  border:0;
  border-radius: 0;
  min-height: 80px;}

@media screen and (max-width: 680px){
  body{padding-bottom:80px;}
  .call-mobile{display:block;}
}

/* nav menu */
nav li{
  font-family: 'Montserrat', san-serif;
  font-weight: 700;}
nav li > a {
  padding-right:2em;
  text-transform: uppercase;}

@media screen and (min-width: 680px){
  nav li:hover > a{
    color:#009739;}
  nav ul li ul > li {
    border-bottom:1px solid #93d09D;}
  nav ul li ul li:last-child{
    border-bottom:0;}
  nav ul li ul li:hover > a{
    background:#202020;}
  nav ul li:hover > ul{
    -webkit-box-shadow: 0px 0px 15px 0px rgba(32,32,32,0.15);
    -moz-box-shadow: 0px 0px 15px 0px rgba(32,32,32,0.15);
    box-shadow: 0px 0px 15px 0px rgba(32,32,32,0.15);
    border-radius: 10px;}
  nav ul li:hover ul li:first-child a{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;}
  nav ul li:hover ul li:last-child a{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;}
  nav ul li ul li > a{
    background:#fff;}
}

@media screen and (min-width: 680px){
  /* intro parallax banner */
  /*.intro.parallax-banner:before{
    content:"";
    position: absolute;
    display: block;
    background:#fff; 
    width:30%;
    height: 35px;
    z-index: 3;
    border-bottom-right-radius:50px;
    -webkit-transform: skewX(-25deg);
    -moz-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
    left: -10px;}*/
}

/*section.cta-banner:after{
  content: "";
  position: absolute;
  display: block;
  background: #3ca9a3;
  /* border-bottom: 3px solid #fff; */
  /*width: 35%;
  height: 35px;
  z-index: 3;
  border-top-right-radius: 50px;
  -webkit-transform: skewX(25deg);
  -moz-transform: skewX(25deg);
  -ms-transform: skewX(25deg);
  transform: skewX(25deg);
  left: -10px;
  bottom: 0;}*/

/*footer:before{
  content:"";
  position: absolute;
  display: block;
  background:#9ed09d;
  border-top:2px solid #fff;
  border-bottom:3px solid #fff;
  width:80%;
  height: 15px;
  z-index: 3;
  border-bottom-left-radius:50px;
  right: 0;}*/

/* fade in dropdown menu */
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

/* 9.1: QD FAQ */

/* -- 9.1a: FAQ Accordion with jQuery UI ----------------------- */
#accordion{margin:0.5em auto;}
#accordion h3{display:inline-block;width:100%;margin-bottom:0.5em;padding: 1em 2.75em 1em 1em;font-family: sans-serif;font-size:1.3em;line-height:1.5em;border:1px solid #e6e6e6;transition: all 0.4s ease;}
#accordion .ui-icon{display:none;/* Display none if using FontAwesome icons */position:absolute;top:42%;right:20px;transform:scale(1.5);}
#accordion h3 i{/* for FontAwesome icons */position: absolute;right:1em;top:50%;margin-top:-10px;font-size:20px;cursor:pointer;}
#accordion .ui-state-active,#accordion .ui-widget-content .ui-state-active,#accordion .ui-widget-header .ui-state-active,#accordion a.ui-button:active,#accordion .ui-button:active,#accordion .ui-button.ui-state-active:hover{margin-bottom:0;background: #e6e6e6;color: #454545;}
.ui-accordion .ui-accordion-content{margin-bottom:0.5em;border:1px solid #e6e6e6;background:#f6f6f6;}
.ui-accordion .ui-accordion-content a{color:#c12b36;text-decoration: underline;}
.ui-accordion .ui-accordion-content a:hover{color:#0033a1;text-decoration: underline;}

/* footer icons */

footer .icon{
  position:relative;
  padding:0.45em 0 0 0;
  font-size:1.75em;
  display:block;
  border-radius:2em;
  width:50px;
  height:50px;
  margin:0 auto;
  border:2px solid #5d5d5d;
  font-weight:bold;
  color:#fff;
  /*background:rgba(255,255,255,0.15);*/
  background: rgb(0,0,0);
  background: linear-gradient(130deg, rgba(0,0,0,0.1) 25%, rgba(255,255,255,0.25) 75%, rgba(255,255,255,0.8) 95%);}

  .card figure.profile img{width:360px;height:180px;margin-top:-90px;border:6px solid #fff;background:#fff;-webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 0.1);-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);box-shadow: 0 0 10px 0 rgb(0 0 0 / 0.1);}


footer .icon .far,
footer .icon .fas,
footer .icon .fab{
  font-size:1em;
  margin-top:-0.15em;}

footer .business-details h4{
  margin: 0.25em 0;
  font-size: 1.25em;
  font-weight: bold;}
footer .business-details .more{
  margin:0;}

@media screen and (min-width: 680px){
  footer .logo{
    margin-top: -3.5em;
    margin-bottom:-5em;
    background: #202020;
    border-radius: 50%;
    width: 350px;
    height: 350px;
    padding: 2em;}
}

@media screen and (max-width: 680px){
  footer .contact{
    padding:1.5em 0;}
}

section.list{
  margin-top:-1.5em;
  padding-top:0;}

/* chatbot */
/*@media screen and (max-width: 680px){*/
  .chatbot-container,
  #docsbotai-root,
  .docsbotai-root,
  .docsbot-left.floating-button,
  .has-label.docsbot-left.floating-button,
  .has-label, .docsbot-left, .floating-button{
    bottom:95px !important;}
/*}*/