#top-header {
  background-color:#f5a31a
}
#top-header .col-md-12 ul.contact {
  padding-inline-start:0;
  list-style:none;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:center
}
#top-header .col-md-12 ul.contact li {
  margin:0 50px
}
#top-header .col-md-12 ul.contact li a {
  color:#000;
  font-family:"Alfa Slab One",serif;
  font-weight:400;
  text-decoration:none
}
#header {
  background-color:rgba(0,0,0,.5);
  position:absolute;
  top:42px;
  left:0;
  right:0;
  z-index:2
}
.navbar-brand {
  margin-left:0;
  height:auto;
  float:left
}
.nav-menu {
  justify-content:right
}
.navbar-nav {
  display:block
}
.navbar-nav li {
  display:inline-block;
  white-space:nowrap;
  float:left;
  padding:10px 15px
}
.nav-menu a {
  text-align:left;
  position:relative;
  color:#fff;
  transition:.3s;
  text-decoration:none;
  font-size:19px;
  letter-spacing:inherit;
  font-weight:400;
  font-family:'Open Sans',sans-serif
}
.nav-menu a:hover {
  color:#79d70f;
  font-weight:800
}
body {
  background:#fff;
  font-family:'Open Sans',sans-serif;
  font-size:17px;
  font-weight:400;
  line-height:26px;
  color:#000;
  overflow-x:hidden
}
.green-btn {
  background-color:#79d70f;
  padding:10px 15px;
  text-decoration:none;
  color:#fff;
  border-radius:50px;
  border:1px solid #79d70f;
  transition:1s ease all;
  font-family:"Alfa Slab One",serif;
  font-weight:400
}
.green-btn:hover {
  background-color:transparent;
  color:#fff
}
.orange-btn {
  background-color:#f5a31a;
  padding:10px 15px;
  text-decoration:none;
  color:#edf4f2;
  border-radius:50px;
  border:1px solid #f5a31a;
  transition:1s ease all
}
.orange-btn:hover {
  background-color:transparent;
  color:#edf4f2
}
.uppercase {
  text-transform:uppercase
}
.td-none {
  text-decoration:none
}
.text-right {
  text-align:right
}
.afo {
  font-family:"Alfa Slab One",serif;
  font-weight:400
}
.osr {
  font-family:'Open Sans',sans-serif;
  font-weight:400
}
.osm {
  font-family:'Open Sans',sans-serif;
  font-weight:500
}
.oseb {
  font-family:'Open Sans',sans-serif;
  font-weight:800
}
.text-green {
  color:#79d70f
}
.orange-text {
  color:#f5a31a
}
.bg-lb {
  background-color:#edf4f2
}
.bg-orange {
  background-color:#f5a31a
}
.bg-white {
  background-color:#fff
}
.bg-green {
  background-color:#79d70f
}
:root {
  --color-primary:#005AF0;
  --color-secondary:#00DCC0;
  --color-text-light:#fff;
  --space-2:1rem;
  --box-shadow-1:0 1px 1px 0 rgba(0,0,0,.14),0 1px 1px -1px rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)
}
.scrollToTop {
  color:var(--color-text-light);
  font-size:1.4em;
  box-shadow:var(--box-shadow-1);
  width:50px;
  height:50px;
  border-radius:50%;
  border:none;
  outline:0;
  background:#bebebe;
  z-index:9999;
  bottom:var(--space-2);
  right:var(--space-2);
  position:fixed;
  opacity:0;
  visibility:hidden;
  padding-top:10px
}
.target {
  position:relative
}
.target-anchor {
  position:absolute;
  top:-72px;
  left:0
}
#hero {
  height:auto;
  background-image:url(https://paradisetreeservicesknoxvilletn.com/images/Paradise-Tree-Services-TN.png);
  background-position:center;
  background-size:cover
}
#hero h1 {
  color:#fff;
  margin-top:11rem;
  font-size:60px;
  font-family:"Alfa Slab One",serif;
  font-weight:400
}
#hero h3 {
  color:#fff;
  font-size:30px;
  font-family:'Open Sans',sans-serif;
  font-weight:200;
  margin:2rem 0
}
#hero a {
  color:#000;
  font-size:20px;
  font-weight:400
}
#hero .hero-title {
  position:absolute;
  z-index:1;
  top:30%;
  left:0;
  right:0;
  text-align:center
}
#hero .hero-title h1.text-green {
  font-size:60px;
  line-height:70px
}
#hero .hero-title h1.text-white {
  font-size:40px;
  line-height:50px
}
#hero .hero-title h3.text-white {
  font-family:'Open Sans',sans-serif;
  font-weight:400;
  font-size:30px;
  line-height:40px
}
.content {
  position:relative;
  margin:auto;
  overflow:hidden
}
.content .content-overlay {
  background:linear-gradient(to bottom,rgba(121,215,15,.8),rgba(121,215,15,.9));
  position:absolute;
  height:100%;
  width:100%;
  left:0;
  top:0;
  bottom:0;
  right:0;
  opacity:0;
  -webkit-transition:all .4s ease-in-out 0s;
  -moz-transition:all .4s ease-in-out 0s;
  transition:all .4s ease-in-out 0s
}
.content:hover .img-title {
  z-index:-1
}
.content:hover .content-overlay {
  opacity:1
}
.content-image {
  width:100%
}
.content .img-title {
  position:relative;
  margin-top:-45px;
  text-align:right
}
.content .img-title h3 {
  text-transform:uppercase;
  background-color:#12412e;
  width:max-content;
  float:right;
  padding:10px 20px;
  border-top-left-radius:10px;
  color:#fff;
  font-weight:700;
  font-size:16px
}
.content-details {
  position:absolute;
  text-align:center;
  padding-left:1em;
  padding-right:1em;
  width:95%;
  top:50%;
  left:50%;
  opacity:0;
  -webkit-transform:translate(-50%,-50%);
  -moz-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  -webkit-transition:all .3s ease-in-out 0s;
  -moz-transition:all .3s ease-in-out 0s;
  transition:all .3s ease-in-out 0s
}
.content:hover .content-details {
  top:50%;
  left:50%;
  opacity:1;
  max-width:100%
}
.content-details h2 {
  color:#fff;
  font-size:20px;
  line-height:30px;
  font-weight:700;
  letter-spacing:.15em;
  margin-bottom:.5em;
  text-transform:uppercase
}
.content-details p {
  color:#fff!important;
  font-size:16px!important;
  font-weight:400!important;
  line-height:26px!important
}
#About-Us,#What-is-Paradise-Tree-Service {
  background:url(https://paradisetreeservicesknoxvilletn.com/images/Tree-Service-Knoxville.png);
  background-position:100% bottom;
  background-repeat:no-repeat
}
#About-Us .col-md-12,#What-is-Paradise-Tree-Service .col-md-12 {
  display:flex;
  flex-direction:row
}
#About-Us .about-images,#What-is-Paradise-Tree-Service .about-images {
  display:flex;
  flex-direction:row
}
#About-Us h2,#What-is-Paradise-Tree-Service h2 {
  font-family:"Alfa Slab One",serif;
  font-size:50px;
  font-weight:400
}
#About-Us h3,#What-is-Paradise-Tree-Service h3 {
  font-size:20px;
  font-weight:200;
  padding-bottom:2rem;
  line-height:30px
}
#About-Us a,#What-is-Paradise-Tree-Service a {
  font-size:20px;
  font-weight:700;
  color:#000
}
#About-Us .about-image-1,#What-is-Paradise-Tree-Service .about-image-1 {
  position:relative;
  top:1rem
}
#About-Us .about-image-2,#What-is-Paradise-Tree-Service .about-image-2 {
  position:relative;
  bottom:1rem;
  margin-left:1rem;
  z-index:1
}
#About-Us .about-image-3,#What-is-Paradise-Tree-Service .about-image-3 {
  position:relative;
  right:1rem
}
.col-md-4 .ser-image img {
  border-top-left-radius:10px;
  border-top-right-radius:10px
}
.col-md-4 .service-details {
  min-height:265px;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px
}
.col-md-6 .service-details {
  width:60%;
  float:left;
  border-top-left-radius:10px;
  border-bottom-left-radius:10px
}
.col-md-6 .ser-image {
  width:40%;
  float:left;
  border-top-right-radius:10px;
  border-bottom-right-radius:10px
}
h2.sec-title {
  font-size:45px;
  line-height:42px
}
.service-details h4 {
  font-size:24px;
  line-height:34px;
  font-family:'Open Sans',sans-serif;
  font-weight:800;
  text-align:center;
  margin-bottom:0
}
#Contact-Us {
  background:url(https://paradisetreeservicesknoxvilletn.com/images/Tree-Removal-Dandridge.png);
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  background-color:#000
}
#Contact-Us h2,#contact-us h2 {
  font-family:"Alfa Slab One",serif;
  font-weight:400;
  color:#edf4f2;
  font-size:50px
}
#Contact-Us h3,#contact-us h3 {
  font-family:"Open Sans",serif;
  font-weight:200;
  color:#edf4f2;
  font-size:24px
}
#Contact-Us a,#contact-us a {
  font-size:20px;
  font-weight:700;
  color:#000
}
#why-choose-paradise-tree-service {
  background:url(https://paradisetreeservicesknoxvilletn.com/images/Tree-Removal-Knoxville-TN.png);
  background-repeat:no-repeat;
  background-position:left bottom
}
#why-choose-paradise-tree-service .col-md-4 .reasons {
  border-radius:10px;
  min-height:356px
}
#why-choose-paradise-tree-service .col-md-4 .reasons p {
  min-height:130px
}
#About-Us {
  background-color:#f5a31a
}
.testimonial-item {
  position:relative;
  border-radius:10px
}
.testimonial-item .testi-img {
  position:absolute;
  top:-15%;
  left:0;
  right:0;
  margin:0 auto;
  text-align:center
}
#Testimonials {
  background:url(https://paradisetreeservicesknoxvilletn.com/images/Professional-Tree-Service-Dandridge.png);
  background-repeat:no-repeat;
  background-size:cover
}
#Testimonials .cta-1 a,#Testimonials .cta-2 a {
  width:100%;
  text-align:center;
  display:block
}
#Testimonials .cta-1 a:hover {
  color:#f5a31a
}
#Testimonials .cta-2 a:hover {
  color:#79d70f
}
.testi-content p {
  min-height:100px
}
#Gallery-of-Work {
  background:url(https://paradisetreeservicesknoxvilletn.com/images/Best-Tree-Company-Knoxville.png);
  background-position:bottom left;
  background-repeat:no-repeat
}
.contact-2 {
  background:url(https://paradisetreeservicesknoxvilletn.com/images/Tree-Service-Morristown.png)!important;
  background-repeat:no-repeat!important;
  background-size:cover!important
}
#footer {
  background-color:#000
}
#footer .quick-links ul {
  padding-inline-start:0;
  list-style:none
}
#footer .quick-links li a {
  color:#fff;
  text-decoration:none;
  font-weight:400
}
.call-icon::before {
  content:url(https://paradisetreeservicesknoxvilletn.com/images/phone-alt-solid.svg);
  display:inline-block;
  width:15px;
  height:15px;
  margin-right:10px
}
.message-icon::before {
  content:url(https://paradisetreeservicesknoxvilletn.com/images/comment-solid.svg);
  display:inline-block;
  width:15px;
  height:15px;
  margin-right:10px
}
.email-icon::before {
  content:url(https://paradisetreeservicesknoxvilletn.com/images/envelope-solid.svg);
  display:inline-block;
  width:15px;
  height:15px;
  margin-right:10px
}
.location-icon::before {
  content:url(https://paradisetreeservicesknoxvilletn.com/images/map-marker-alt-solid.svg);
  display:inline-block;
  width:15px;
  height:15px;
  margin-right:10px
}
#footer .contact-details a:hover,#footer .quick-links li a:hover {
  text-decoration:underline;
  text-underline-offset:5px
}
#footer .contact-details a {
  color:#fff;
  text-decoration:none
}
#footer .footer-logos {
  display:flex;
  flex-direction:row;
  justify-content:center
}
#footer .contact-details .cta-2 a:hover {
  text-decoration:none
}
#copyright {
  background-color:#000
}
#copyright a {
  color:#fff
}
#copyright a:hover {
  color:#f5a31a
}