/* ==========================================================================
   Header
============================================================================= */
#header { height: 185px; background-color: var(--primary); transition: background-color 0.4s ease-out, box-shadow 0.2s ease-out; position: absolute; top: 0; left: 0; width: 100%; z-index: 99; }
#header .links { background-color: var(--dark); width: 100%; height: 40px; /*display: flex; justify-content: flex-end; align-items: center;*/ }
#header .links__item { margin: 0 40px 0 0; }
/* #header .links__item:last-of-type { margin: 0; } */
#header .phone { margin: 0 40px 0 0; font-size: 1rem; position: inherit; right: auto; top: auto; }
#header .links a { color: #fff; }
#header .links a:hover { color: var(--primary); }
/* #header .links { position: absolute; top: 25px; right: 15px; background: #000;  } */
#header .links .dropdown-toggle { /*background: var(--primary); border: 1px solid var(--primary); height: 40px; line-height: 40px; font-weight: bold; text-transform: uppercase;*/ width: 174px; color: #fff; font-size: 1rem; display: block; text-align: center; }
#header .links .dropdown-toggle::after { margin-left: .5em; position: relative; top: 1px; }
#header .links .dropdown-toggle:hover { color: var(--primary); background: none; }
#header .links .dropdown-menu { margin: 0; border-radius: 0; background: transparent; overflow: hidden; border: 0; display: block; z-index: -1; padding: 0; left: auto!important; right: 0; transition: 0.5s; }
#header .links .dropdown-menu.show { z-index: 2; transition: 0.5s; }
#header .links .dropdown-menu .dropdown-item { transform: translateY(-300%); transition: 0.5s ease-out; }
#header .links .dropdown-menu.show .dropdown-item { transform: translateY(0); transition: 0.5s ease-out; }
#header .links .dropdown-menu .dropdown-item + .dropdown-item { position: relative; top: -1px; }
#header .links .dropdown-item { padding: 0.5rem; }
#header .links .dropdown-menu a { color:#fff; background: var(--dark); }
#header .links .dropdown-menu a:hover {background: var(--primary); color:#fff;}
#header .links .dropdown-menu a:focus { background: var(--primary); color: #fff; }
#header .links  .social { position: inherit; top: auto; right: auto; }
#header .container-fluid { position: relative; height: 80%; max-width: 1600px; }
#header .links .container-fluid { height: 100%; }
#header .logo { position: absolute; top: 50%; left: 15px; transform: translateY(-50%); }
#header .nav { position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
#header .launch-menu-button { display: none; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); text-align: right; line-height: 50px; color: #fff; transition: bottom 0s; }
@media (max-width:991px) {
	#header .launch-menu-button { display: block; }
	#header .nav, #header .social, #header .dropdown, #header .links__item:not( #header .links__item .phone ) { display: none; }
	#header .phone { right: 15px; font-size: 1.75rem; margin: 0; }
	#header .phone.local-phone {margin-left:20px;}
}
@media (max-width:600px) {
	#header .phone { display: none; }
}
@media (max-width:425px) {
	#header .logo { text-align: center; right: 15px; top: 40%; }
	#header .logo img {max-height:100px}
	#header .launch-menu-button { bottom: 0; left: 0; text-align: center; top: auto; transform: none; }
}

/* Header Affix */
#header.affix { height: 50px; background-color: rgba(255, 255, 255, 1); transition: background-color 0.4s ease-in, box-shadow 0.2s ease-in; box-shadow: var(--box-shadow); }
#header.affix .container-fluid { height: 100%; }
#header.affix .links { display: none; }
#header.affix .logo { left: 15px; right: auto; top: 50%; }
#header.affix .logo img { max-height: 40px; }
#header.affix .nav { bottom: auto; top: 50%; transform: translateY(-50%); }
#header.affix .nav__item { line-height: normal; }
#header.affix .launch-menu-button { display: block; color: #000; right: 25px; }
#header.affix .nav { display: none; }


/* ==========================================================================
   #Nav
============================================================================= */
#header .nav { list-style: none; padding: 0; margin: 0; font-weight: normal; text-transform: uppercase; }
#header .nav__item { position: relative; padding: 0 15px; line-height: 34px; }
#header .nav__item a { color: #fff; }
#header .nav__item > a::after { content: ''; height: 6px; width: 14px; background-color: var(--dark); display: block; margin: 0 auto; transform: scaleX(0); transition: 0.3s ease-in; }
#header .nav__item:hover > a::after, #header .nav__item.active > a::after { transform: scaleX(1); transition: 0.3s ease-out; }
#header .nav__dropdown { display: none; list-style: none; padding: 0; margin: 0; position: absolute; top: 100%; left: 15px; }
#header .nav__dropdown > li { white-space: nowrap; line-height: 35px; padding: 0 20px; background-color: #303030; }
#header .nav__dropdown > li > a { color: #fff; }
#header .nav__dropdown > li:hover { background-color: var(--primary); }
#header .nav__item:not(.dropdown):hover .nav__dropdown { display: block; }
@media (max-width:1425px) {
	#header .nav__item:last-child .nav__dropdown  { left: auto; right: 15px; }
}

/* No Hero Image */
main.no-hero { border-top: none; }

/* Social Icons */
.social a, .footer .social a { border: none; background: none; height: auto; width: auto; margin-right: 10px; }
.social a:hover, .footer .social a:hover { background: none; color: var(--primary);}

/* Footer */
.bg-extra-dark { background: #393b44!important; }
.footer h3 { font-size: 20px; font-weight: bold; color: var(--primary); margin: 0 0 40px; }
.footer__copy { margin-top: 0; }
.footer__affil { margin: 40px 0 0; }
.footer__affil svg { height: 75px; width: 75px; }
@media (min-width: 992px) {
	/* .footer { position: absolute; bottom: 0; width: 100%; } */
	.footer__copy { text-align: left; }
	.footer__ada { border-top: none; border-bottom: none; padding: none; text-align: left; }
}
@media (max-width: 991px) {
	.footer .logo { display: none; }
}

/* ==========================================================================
  Home Page
============================================================================= */
.display-4 { font-size: 20px; }

/* Home Banner
============================================================================= */
#home-banner { position: relative; height: 573px; overflow: hidden; background-color: #000; background-size: cover; background-position: center top; display:flex;justify-content: center;align-items: center;}
#home-banner .container {display:flex;justify-content: center;align-items: center;}
#home-banner .container .row {display:flex;justify-content: center;align-items: center;flex-wrap:wrap;}
#home-banner::after { content: ''; background-color: rgba(0,0,0,0.2); width: 100%; height: 100%; top: 0; left: 0; position: absolute; }
#home-banner .prompt::before { background: none; }
#home-banner .prompt .lead { font-size: 55px; margin: 0 0 45px; letter-spacing: .1em; font-weight: 600; line-height: 3rem; font-family: var(--font-family-sans-serif);}
#home-banner .prompt .lead-small { font-size: 32px; display: block; }
#home-banner .prompt .btn { border-radius: 25px; min-width: 195px; font-weight: 500; }
#home-banner .prompt .btn .fal { font-size: 20px; }
#home-banner .form-container {max-width:440px;margin:0 auto; background-color: rgba(255,255,255,0.5); color: #000; border-radius: 25px; padding: 45px 25px 35px; }
#home-banner .form-container h2 { font-family: var(--primary-font); text-transform: uppercase; font-size: 24px; }
#home-banner .form-container .ion-form-group input, #home-banner .form-container .ion-form-group textarea { border-radius: 7px!important; width: 100%; height: 45px; padding-left: 15px; background-color: rgba(255,255,255,0.5); }
#home-banner .form-container .ion-btn { border-radius: 5px!important; background-color: rgba(255,255,255,0.5); border: none; width: auto; height: auto; padding: 8px 30px; font-size: 24px; color: #000; text-indent: -9999px; line-height: 0; }
#home-banner .form-container .ion-btn::after { content: '\f1d8'; font-family: "Font Awesome 5 Pro"; text-indent: 0; display: block; line-height: initial; }

@media (max-width: 991px) {
	#home-banner { height: auto; }
	#home-banner .prompt { padding: 0; }
	#home-banner .row {padding:100px 0;}
	#home-banner .form-container {margin-top:50px;}
}

@media (max-width: 600px) {
	#home-banner .prompt .lead { font-size: 40px; letter-spacing: 0.01em; }
	#home-banner .prompt .lead-small { font-size: 24px; }
}


/* Home Welcome
============================================================================= */
#home-welcome .rental-process__circle { position: relative; width: 300px; height: 300px; margin: 80px auto; border: 1px solid #dadada; border-radius: 50%; }
#home-welcome .rental-process__circle .tabcontent { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); display: none; font-weight: bold; }
#home-welcome .rental-process__circle .tabcontent.active { display: block; }
#home-welcome .rental-process__circle-menu { width: 300px; height: 300px; }
#home-welcome .rental-process__circle-menu a { display: block; margin-left: -40px; margin-top: -40px; position: absolute; border: 1px solid #dadada; border-radius: 50%; color: #dadada; }
#home-welcome .rental-process__circle-menu a:hover, #home-welcome .rental-process__circle-menu .active { cursor: pointer; background-color: var(--primary); border-color: var(--primary); color: #fff; }
@media (min-width: 992px) {
	#home-welcome .rental-process h2 { position: absolute; bottom: -25px; }
	#home-welcome .rental-process__circle .tabcontent { left: 0; }
	#home-welcome .rental-process__circle-menu svg { width: 40px; height: 40px;}
}
@media (max-width: 500px) {
	#home-welcome .rental-process__circle, #home-welcome .rental-process__circle-menu { width: 200px; height: 200px; }
#home-welcome .rental-process__circle-menu a { margin-left: -34px; margin-top: -34px; }
}

/* Home Services
============================================================================= */
#home-services .container { max-width: 1600px; }
#home-services h3 { font-size: 1.25rem; font-weight: bold; }
#home-services svg { width: 45px; height: 45px; }
#home-services [class*='col-'] { min-height: 500px; padding: 60px 50px; text-align: left; background-color: #fff; }
#home-services [class*='col-']:nth-of-type(even) { background-color: #f5f5f5; }
#home-services .top {margin-bottom:60px;}
@media (min-width: 768px) and (max-width: 991px) {
	#home-services [class*='col-']:nth-of-type(even) { background-color: #fff; }
	#home-services [class*='col-']:nth-child(2n+1):not(#home-services [class*='col-']:nth-child(3)), #home-services [class*='col-']:nth-child(4) { background-color: #f5f5f5; }
}

@media (max-width: 767px) {
	#home-services [class*='col-'] { min-height: auto; text-align: center; }
}

/* Home Why Work With Us
============================================================================= */
#home-why-work { max-width: 1600px;padding-top:50px; }
#home-why-work .why__content svg { width: 65px; height: 65px; fill: var(--primary); }
#home-why-work .why__content h3 { font-weight: bold; }

#home-why-work .why__guarantees { position: relative; width: 100%; padding: 60px 70px; color: #fff; background-color: var(--primary); border-radius: 25px; }
#home-why-work .why__guarantees::after { content: ''; position: absolute; top: 50%; right: -15px; border-width: 50px 50px 0 0; border-style: solid; border-color: var(--primary) transparent; transform: rotate(135deg); }
#home-why-work .why__guarantees svg { width: 70px; height: 70px; fill: #fff; }
#home-why-work .why__guarantees [class*='col-'] { padding: 60px 0 0; }

@media (max-width: 991px) {
	#home-why-work .row .col-md-8 {padding-bottom:70px;}
	#home-why-work .why__guarantees { padding: 35px; }
}

@media (max-width: 767px) {
	#home-why-work .why__guarantees { border-radius: 0; }
	#home-why-work .why__guarantees::after { display: none; }
}

/* Home Local Experience
============================================================================= */
#home-local .local__content { max-width: 750px; }
#home-local .local__content svg { width: 75px; height: 75px; fill: var(--primary);}
#home-local .local__form { border-radius: 45px 0 0 45px; background-color: #6b6c73; }
#home-local .form-container { max-width: 775px; padding: 65px 25px; }
#home-local .form-container .ion-form-group { width: 50%; margin-bottom: 15px; }
#home-local .ion-form { position: relative; }
#home-local .form-container h2 { font-family: var(--primary-font); text-transform: uppercase; font-size: 24px; }
#home-local .form-container .ion-form-group input, #home-local .form-container .ion-form-group textarea, #home-local .form-container .ion-form-group select { border-radius: 7px!important; width: 100%; height: 45px; padding-left: 15px; background-color: #fff; }
#home-local .form-container .ion-form-group textarea { height: 283px; position: absolute; right: -25px; top: 0; width: 50%; }
#home-local .form-container .ion-form-group:nth-child(4), #home-local .form-container .ion-form-group:nth-child(5) { width: 24%; display: inline-block; }
#home-local .form-container .ion-form-group:nth-child(4) { margin-right: 12px; }
#home-local .form-container .ion-btn { border-radius: 5px!important; background-color: #fff; border: none; width: auto; height: auto; padding: 5px 30px; font-size: 24px; color: #000; text-indent: -9999px; line-height: 0; position: absolute; right: -25px; top: 299px; }
#home-local .form-container .ion-btn::after { content: '\f1d8'; font-family: "Font Awesome 5 Pro"; text-indent: 0; display: block; line-height: initial; }
@media(min-width:992px) {
	#home-local .local__content {float:right;}
}
@media (max-width: 991px) {
	#home-local .local__content {margin: 0 auto 40px;}

	#home-local .local__form { border-radius: 0; }
	#home-local .form-container { margin: 0 auto; }
	#home-local .form-container .ion-form-group textarea { height: 230px; position: relative; width: 100%; right: 0; }
	#home-local .form-container .ion-btn { position: relative; right: 0; top: 0; }
}

@media (min-width: 600px) and (max-width: 991px) {
	#home-local .form-container form { justify-content: center; }
}
@media(max-width:600px){
	#home-local .form-container .ion-form-group,#home-local .form-container .ion-form-group:nth-child(4), #home-local .form-container .ion-form-group:nth-child(5) {width:100%;}
}

/* Home Testimonials
============================================================================= */
#home-testimonials {padding:100px 0 !important;}
#home-testimonials .carousel .box header { background-color: #fbfbfb; padding: 15px; display: flex; border-bottom: 5px solid #f4f4f4; }
/* #home-testimonials .carousel .box header .testimonial-info { display: flex; flex-direction: column; } */
#home-testimonials .carousel .box header .social { margin: 0 0 0 auto; }
#home-testimonials .carousel .box .testimonial-text { padding: 5px 10px 15px; font-style: italic; }

/* Multi-Item Carousel */
.multi-item-carousel .carousel-inner { width: 90%; margin: 0 auto; }
.multi-item-carousel .box { padding: 0; border: 1px solid #f4f4f4; border-radius: 3px; background: #fff; color: #000; flex: 0 0 32%; }
.multi-item-carousel .carousel-item { justify-content: space-between; }
.multi-item-carousel .carousel-control { color: #000; opacity: 1; top: 50%; transform: translateY(-50%); position: absolute!important; height: 87px; }
.multi-item-carousel .carousel-control:hover { color: var(--secondary); }
@media (min-width: 992px) {
  .multi-item-carousel .carousel-inner, .multi-item-carousel .carousel-item.active, .multi-item-carousel .carousel-item-next, .multi-item-carousel .carousel-item-prev { display: flex; }
  .multi-item-carousel .carousel-item-next:not(.carousel-item-left), .multi-item-carousel .active.carousel-item-right { -webkit-transform: translateX(33.33%); transform: translateX(33.33%); }
  .multi-item-carousel .carousel-item-prev:not(.carousel-item-right), .multi-item-carousel .active.carousel-item-left { -webkit-transform: translateX(-33.33%); transform: translateX(-33.33%); }
}

@media (max-width: 991px) {
  .multi-item-carousel .carousel-inner .carousel-item .box ~ .box { display: none; }
  .multi-item-carousel .carousel-control { position: relative; display: inline-block; margin: 40px auto 0; }
}

/* Our values
============================================================================= */
#our-values { background-color: #f8f8f8; }

/* Areas
============================================================================= */
#areas { min-height: 600px; background-color: #f8f8f8; padding: 0; }
#areas .areas__info .areas li { flex: 0 0 auto; color: #000!important; }
#areas .areas__info .areas li a { color: #000!important; }
@media (min-width: 992px) {
	#areas .areas__info { max-width: 650px; float: right; }
}
/* @media (max-width: 768px) {
	#areas .areas__info .areas li { flex: 0 0 50%; }
}
@media (max-width: 600px) {
	#areas .areas__info .areas li { flex: 0 0 100%; }
} */








/* Home Blog
============================================================================= */
#blog-inline { display: flex;}
#blog-inline .blog-post { display: block!important; width: 450px; padding: 30px; }
#home-blog .blog-post .post-header .post-title { color: #000; font-family: var(--primary-font); margin: 25px 0;font-size:16px;font-weight:500; }
#blog-inline .blog-post .post-body .post-content {font-size:16px;}
#home-blog .read-more { display: none; }
@media (min-width: 992px) {
	#blog-inline .blog-post .post-body { padding: 0; }
}
