/*--------------------------------------------------------------
# General
font-family: 'Anton', sans-serif;
font-family: 'Antonio', sans-serif;
font-family: 'Poppins', sans-serif;
--------------------------------------------------------------*/

body {font-family: 'Poppins', sans-serif; color: #444444; background-color:white; height: 100%;}
a {color: #777;}
a:hover {color: #e65576; text-decoration: none;}
h1 {font-family: 'Anton', sans-serif; font-weight:400; letter-spacing:1px}
h2, h3, h4 {font-family: 'Antonio', sans-serif;}
h5, h6 {font-family: 'Poppins', sans-serif;}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {position: fixed; display: none; right: 15px; bottom: 15px; z-index: 99999;}
.back-to-top i {display: flex; align-items: center; justify-content: center; font-size: 24px; width: 40px; height: 40px; border-radius: 4px; background:rgba(0,0,0,.5); color: #fff; transition: all 0.4s;}
.back-to-top i:hover {background:rgba(0,0,0,.9); color: #fff;}

/*--------------------------------------------------------------
# Disable AOS delay on mobile
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {[data-aos-delay] {  transition-delay: 0 !important; }
}

.btn-get-started { background: rgba(108,182,64,0.8); font-weight: 600; font-size: 16px; text-transform: uppercase; letter-spacing: 1px; border:2px solid #6CB640; 
display: inline-block; padding: 12px 28px; border-radius: 3px; transition: 0.5s; color: #fff; text-decoration:none; color:#FFF} /* background: #35af24; */
.btn-get-started:hover {background: rgba(30,57,14,0.9); color:#FFF; border:2px solid #6CB640;}


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {height: 72px; transition: all 0.5s; z-index: 997; transition: all 0.5s; padding: 15px 0;}  /* background: #fff; */
#header.header-scrolled {box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1); background: #fff;} /* cor do menu quando desce a pagina */
#header .logo h1 {font-size: 28px; margin: 0; padding: 0;} /* padding: 6px 0 */
#header .logo h1 a {color:#666; text-decoration: none;}
#header .logo h1 a:hover, #header .logo h1 a:hover span { text-decoration: none;}
#header .logo img {padding: 0; margin: 0; max-height: 35px;}

/*--------------------------------------------------------------
# Header Social Links
--------------------------------------------------------------*/
.header-social-links a {color: #6CB640; padding: 12px 0 12px 6px; display: inline-block; line-height: 1px; transition: 0.3s; margin-left:10px}
.header-social-links a:hover {color: #4E7B32;}
@media (max-width: 768px) {
.header-social-links {padding:2px 46px 0 0;}
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
.nav-menu, .nav-menu * {margin: 0; padding: 0; list-style: none;}
.nav-menu > ul > li {position: relative; white-space: nowrap; float: left;}
.nav-menu a {display: block; position: relative; color: #FFF; padding: 10px 15px; transition: 0.3s; font-size: 15px; text-shadow:2px 2px 2px rgba(0,0,0,0.5)}
.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {color: #D0FFB4; text-decoration: none;}

/* Mobile Navigation */
.mobile-nav-toggle {position: fixed; right: 15px; top: 21px; z-index: 9998; border: 0; background: none; font-size: 24px; transition: all 0.4s; outline: none !important; line-height: 1; cursor: pointer; text-align: right;}
.mobile-nav-toggle i {color: #4E7B33;}
.mobile-nav {position: fixed; top: 55px; right: 15px; bottom: 15px; left: 15px; z-index: 9999; overflow-y: auto; background: #fff; transition: ease-in-out 0.2s; opacity: 0; visibility: hidden; border-radius: 10px; padding: 10px 0;}
.mobile-nav * {margin: 0; padding: 0; list-style: none;}
.mobile-nav a {display: block; position: relative; color: #4E7B33; padding: 10px 20px; font-weight: 500; outline: none;}
.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {color: #4E7B33; text-decoration: undeline;}
.mobile-nav .drop-down > a:after {content: "\ea99"; font-family: IcoFont; padding-left: 10px; position: absolute; right: 15px;}
.mobile-nav .active.drop-down > a:after {content: "\eaa1";}
.mobile-nav .drop-down > a {padding-right: 35px;}
.mobile-nav .drop-down ul {display: none; overflow: hidden;}
.mobile-nav .drop-down li {padding-left: 20px;}
.mobile-nav-overly {width: 100%; height: 100%; z-index: 9997; top: 0; left: 0; position: fixed; background: rgba(32, 38, 41, 0.6); overflow: hidden; display: none; transition: ease-in-out 0.2s;}
.mobile-nav-active {overflow: hidden;}
.mobile-nav-active .mobile-nav {opacity: 1; visibility: visible;}
.mobile-nav-active .mobile-nav-toggle i {color: #fff;}

#header.header-scrolled .nav-menu a { color: #4E7B33; text-shadow:2px 2px 2px rgba(240,240,240,0.5)}
#header.header-scrolled .nav-menu a:hover {color: #1e390e; text-decoration: underline;}


/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {width: 100%; background: url("../img/bg-topo.webp") no-repeat center center; padding:110px 0 80px 0} /*  background-size: cover; */
#hero h1 {color: #FFF; margin:0; padding: 0 0 15px 0; font-size: 66px; line-height: 76px; text-shadow:2px 2px 20px rgba(0,0,0,0.6)}
#hero h3 {color: #D0FFB4; margin:0 0 30px; font-size: 36px; text-shadow:2px 2px 8px rgba(0,0,0,0.6)}
#hero h4 {color: #D0FFB4; margin:0 0 18px; font-size: 24px; text-shadow:2px 2px 8px rgba(0,0,0,0.6); font-family: 'Poppins', sans-serif;}
#hero h5 {color: #FFF; margin:0 0 5px; font-size: 18px; text-shadow:1px 1px 6px rgba(0,0,0,0.8)}
#hero ul {list-style: none; padding: 0;}
#hero li {padding-bottom: 10px;}
#hero ul i {font-size: 20px; padding-right: 4px; color: #e65576;} /* #28a745 */
#hero .hero-img {text-align: center;}
#hero .hero-img img {width: 70%;}

@media (min-width: 1024px) {
#hero { background-attachment: fixed; }
}

@media (max-width: 768px) {
  #hero {width: 100%; background: url("../img/bg-topo-mob.webp") no-repeat center center; background-size:cover; padding:50px 0 60px 0} /*  background-size: cover; */
  #hero h1 {font-size: 38px; line-height: 46px; padding: 10px 0 5px 0}
  #hero h3 {font-size: 24px; line-height: normal; padding: 10px 0 0 0}
  .btn-get-started { letter-spacing: 0px; font-size:14px;}
}

/*#hero:before { content: ""; background: rgba(0,0,0,0.1); position: absolute; height:100%; bottom: 0; top: 0; left: 0; right: 0;}  #1e390e */

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {padding: 80px 0; overflow: hidden;}
.section-bg {background-color: #f7f8f9;}
.section-title {text-align: center; padding-bottom: 30px;}
.section-title h2 {font-size: 48px; margin-bottom: 20px; padding-bottom: 0; font-weight:800}
.section-title h3 {font-size: 36px; margin-bottom: 20px; padding-bottom: 0;}
.section-title h4 {font-size: 24px; margin-bottom: 20px; padding-bottom: 0;}
.section-title p { font-size:24px; margin:0; text-align:center;}

@media (max-width: 768px) {
.section-title h2 {font-size: 38px; padding:0 20px}
}

/*--------------------------------------------------------------
# Features
--------------------------------------------------------------*/
.features {padding-bottom: 40px;}
.features .nav-tabs {border: 0;}
.features .nav-link {border: 0; padding: 20px; transition: 0.3s; color: #364146; transition: 0.3s ease-in-out; border-radius: 0; border-left: 4px solid #fafbfb;}
.features .nav-link h4 {font-size: 18px; font-weight: 600; transition: 0.3s ease-in-out; color: #576971;}
.features .nav-link p {font-size: 14px; margin-bottom: 0;}
.features .nav-link:hover {background: #fafbfb;}
.features .nav-link:hover h4 {color: #364146;}
.features .nav-link.active {border-radius: 0; border: 0; border-left: 4px solid #4E7B33; background: #fafbfb;}
.features .nav-link.active h4 {color: #4E7B33;}
.features .tab-pane.active {-webkit-animation: slide-down 0.5s ease-out; animation: slide-down 0.5s ease-out;}
.features .tab-content {text-align: right;}
@-webkit-keyframes slide-down {0% {  opacity: 0; }
  100% {  opacity: 1; }
}

@keyframes slide-down {0% {  opacity: 0; }
  100% {  opacity: 1; }
}

/*--------------------------------------------------------------
# BLOCO COR 1
--------------------------------------------------------------*/
.bloco-cor-1 { padding:80px 0 60px; background-color:#e7f1e5;}
.ok1 p { font-size:16px; font-weight:400; margin-bottom:10px;}
.bloco-cor-1 h3 {font-size: 36px; margin-bottom: 20px; padding-bottom: 0; color:#4E7B32;}
.bloco-cor-1 p { font-size: 18px; font-weight: 400;}
.bloco-cor-1 ul {list-style: none; padding: 0;}
.bloco-cor-1 ul li {padding-bottom: 15px; font-size: 18px;}
.bloco-cor-1 ul i {font-size: 20px; padding-right: 4px; color: #28a745;}
.bloco-cor-1 p:last-child {margin-bottom: 0;}

.faq-list {padding: 0; list-style: none;}
.faq-list li {padding: 15px 0 15px 25px; font-size: 18px;}
.faq-list li.li-none {padding: 15px 0 15px 25px; border-bottom:0;}
.faq-list a {display: block; position: relative; font-size: 20px; font-weight: 500;}
.faq-list i {font-size: 18px; position: absolute; left: -25px; top: 6px;}
.faq-list p {margin:0px; font-size: 16px; margin-top:10px}
.faq-list a.collapse, .faq .faq-list a {color: #1e390e;}
.faq-list a:hover {color: #6CB640;}
.faq-list a.collapsed {color: #1e390e;}
.faq-list a.collapsed:hover {color: #6CB640;}
.faq-list a.collapsed i::before {content: "\eab2" !important;}

@media (max-width: 768px) {
.bloco-cor-1 { padding: 50px 20px;}
.bloco-cor-1 h3 { font-size:30px}
}

/*--------------------------------------------------------------
# BLOCO COR 2
--------------------------------------------------------------*/
.bloco-cor-2 .icon-box {padding: 20px; position: relative; margin: 0 0 30px 0; box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1); transition: all 0.3s ease-in-out; border-radius: 20px; text-align: center; border-bottom: 3px solid #fff; height:240px; width:100%;} /* overflow: hidden; */
.bloco-cor-2 .icon-box:hover {transform: translateY(-10px);}
.bloco-cor-2 .title {font-weight: 700; margin: 80px 0 5px; font-size: 24px; color:#FFF}
.bloco-cor-2 .title a {color: #D0FFB4;}
.bloco-cor-2 .description {font-size: 15px; line-height: 20px; margin-bottom: 0; color:#D0FFB4}
.bloco-cor-2 .icon-box-green { background-color:#eee }
.bloco-cor-2 .icon-box-green .icon i {color: #D0FFB4;}  /* ff689b */
.bloco-cor-2 .icon-box-green:hover {border-bottom: 5px solid #6CB640;}
.bloco-cor-2 .v { babackground-repeat: no-repeat; background-position: center; background-size:cover;}
/* .bloco-cor-2 .v-01 {background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../img/vantagem-01.jpg);} */
.bloco-cor-2 .v-01 {background-image:url(../img/vantagem-01.jpg);}
.bloco-cor-2 .v-02 {background-image:url(../img/vantagem-02.jpg);}
.bloco-cor-2 .v-03 {background-image:url(../img/vantagem-03.jpg);}
.bloco-cor-2 .v-04 {background-image:url(../img/vantagem-04.jpg);}
.bloco-cor-2 .v-05 {background-image:url(../img/vantagem-05.jpg);}
.bloco-cor-2 .v-06 {background-image:url(../img/vantagem-06.jpg);}
.bloco-cor-2 .v-07 {background-image:url(../img/vantagem-07.jpg);}
.bloco-cor-2 .v-08 {background-image:url(../img/vantagem-08.jpg);}


/*--------------------------------------------------------------
# BLOCO COR 3
--------------------------------------------------------------*/
.bloco-cor-3 { padding:100px 0 80px; color:#FFF; background-attachment: fixed; background-size: cover;}
.bg-3-1 { background-image:url(../img/bg-passos.jpg);}
.bg-3-2 { background-image:url(../img/bg-footer.jpg);}
@media (max-width: 992px) {.bloco-cor-3 .container { padding: 40px 20px;}}
.ok1 p { font-size:14px; font-weight:400; margin-bottom:10px;}
.bloco-cor-3 h6 { font-size: 18px; font-weight: 400; padding:12px 0 0; margin:0; color:#D0FFB4; text-transform:uppercase;}
.bloco-cor-3 h4 { font-size: 72px; font-weight: 800; padding:0; margin:0 0 15px; line-height:96px; font-family:'Poppins'}
.bloco-cor-3 h5 { font-size: 24px; font-weight:600; padding-bottom:0}
.bloco-cor-3 p { font-size: 18px; font-weight: 400; color:#D0FFB4;}
.bloco-cor-3 p a { text-decoration:none; color:#FFF;}
.bloco-cor-3 p a:hover { text-decoration:none; color:#28a745;}
.bloco-cor-3 ul {list-style: none; padding: 0;}
.bloco-cor-3 ul li {padding-bottom: 10px;}
.bloco-cor-3 ul i {font-size: 20px; padding-right: 4px; color: #28a745;}
.bloco-cor-3 p:last-child {margin-bottom: 0;}
.contorno { background:url(../img/contorno.png) no-repeat top center;}

.ok1 img { width:100%;}

.n, .nb { padding:5px 0 35px 80px;}
.n-1 { background:url('../img/n-1.png') no-repeat top left;}
.n-2 { background:url('../img/n-2.png') no-repeat top left;}
.n-3 { background:url('../img/n-3.png') no-repeat top left;}
.n-4 { background:url('../img/n-4.png') no-repeat top left;}

@media (max-width: 768px) {
.n, .nb, a, h5.nb { text-align:center;}
.n { padding:80px 0 0px 0;}
.nb { padding:10px 0 0px 0;}
.n-1 { background:url('../img/n-1.png') no-repeat top center;}
.n-2 { background:url('../img/n-2.png') no-repeat top center;}
.n-3 { background:url('../img/n-3.png') no-repeat top center;}
.n-4 { background:url('../img/n-4.png') no-repeat top center;}
}

/*--------------------------------------------------------------
# BLOCO COR 3
--------------------------------------------------------------*/
.bloco-cor-5 { color:#FFF; padding:100px 0 60px; background:url(../img/bg-passos.jpg) no-repeat center center; background-size:cover;}
@media (max-width: 992px) {.bloco-cor-5 .container { padding: 40px 20px;}}
.ok1 p { font-size:14px; font-weight:400; margin-bottom:10px;}
.bloco-cor-5 h6 { font-size: 18px; font-weight: 400; padding:12px 0 0; margin:0; color:#D0FFB4; text-transform:uppercase;}
.bloco-cor-5 h4 { font-size: 96px; font-weight: 800; padding:0; margin:0 0 15px; line-height:96px; font-family:'Poppins'}
.bloco-cor-5 h5 { font-size: 30px; font-weight:600; margin:8px 0 3px;}
.bloco-cor-5 p { font-size: 18px; font-weight: 400; color:#D0FFB4;}
.bloco-cor-5 ul {list-style: none; padding: 0;}
.bloco-cor-5 ul li {padding-bottom: 10px;}
.bloco-cor-5 ul i {font-size: 20px; padding-right: 4px; color: #28a745;}
.bloco-cor-5 p:last-child {margin-bottom: 0;}
.contorno { background:url(../img/contorno.png) no-repeat top center;}


.ok1 img { width:100%;}

@media (max-width: 768px) {
.bloco-cor-2, .bloco-cor-3, .faq { padding:60px 0 40px 0}
.ok1 img { width:20%; margin-bottom:15px;}
}


/*--------------------------------------------------------------
# BLOCO COR 4
--------------------------------------------------------------*/
.bloco-cor-4 { padding: 80px 0px;}
@media (max-width: 992px) {.bloco-cor-4 .container { padding: 40px 20px;}}
.bloco-cor-4 .content h3 {font-weight: 600; font-size: 36px;}
.bloco-cor-4 .content ul {list-style: none; padding: 0;}
.bloco-cor-4 .content ul li {padding-bottom: 10px; font-size:20px}
.bloco-cor-4 .content ul i {font-size: 20px; padding-right: 4px; color: #e65576;}
.bloco-cor-4 .content p:last-child {margin-bottom: 0;}


/*--------------------------------------------------------------
# Cta
--------------------------------------------------------------*/
.cta {background: #e7f1e5 url("../img/cta-bg.jpg") center center; background-size: cover; padding: 80px 0;}
.cta h3 { font-size: 36px; font-weight: 700;}
.cta p {color: #576971;}
.cta .cta-btn { font-weight: 500; font-size: 15px; letter-spacing: 1px; display: inline-block; padding: 10px 30px; border-radius: 4px; transition: 0.5s; margin: 10px; color: #fff; background: #009cea;}
.cta .cta-btn:hover {background: #008bd1;}
@media (min-width: 1024px) {.cta {  background-attachment: fixed; }
}

@media (min-width: 769px) {.cta .cta-btn-container {  display: flex;   align-items: center;   justify-content: flex-end; }
}

/*--------------------------------------------------------------
# Cta 2
--------------------------------------------------------------*/
.cta-2 {background-color: #1a350a; padding: 50px 0;}
.cta-2 h3 { font-size: 60px; font-weight: 400; font-family: 'Anton', sans-serif; color:#FFF;}
.cta-2 p {font-size: 16px; font-weight: 400; color:#D0FFB4;}
.cta-2 .cta-btn { font-weight: 500; font-size: 15px; letter-spacing: 1px; display: inline-block; padding: 10px 30px; border-radius: 4px; transition: 0.5s; margin: 10px; color: #fff; background: #009cea;}
.cta-2 .cta-btn:hover {background: #008bd1;}
@media (min-width: 1024px) {.cta-2 {  background-attachment: fixed; }
}

@media (min-width: 769px) {
.cta-2 .cta-btn-container { display: flex; align-items: center; justify-content: flex-end;}
}
@media (max-width: 768px) {
.cta-2 h3 { font-size: 42px;}
}

/*--- # FAQ --------------------------------------------------------------*/
.faq {padding: 80px 0;}


.tx-verde-1 {color:#D0FFB4;}
.tx-verde-2 {color:#6CB640;}
.tx-verde-3 {color:#4E7B32;}
.tx-verde-4 {color:#1e390e;}
.tx-cinza-1 {color:#8E8F91;}
.tx-cinza-2 {color:#414243;}


/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
/* .team {background: url("../img/team-bg.jpg") center center no-repeat; background-size: cover; padding: 60px 0; position: relative;}
.team::before {content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(255, 255, 255, 0.75); z-index: 9;} */
.team .container {position: relative; z-index: 10;}
.team .member {text-align: center; margin-bottom: 25px; position: relative;} /* margin-bottom: 80px; */
.team .member .pic {overflow: hidden;}
.team .member .member-info {position: absolute; top: 85%; left: 15px; right: 15px; background: #fff; padding: 20px 0; color: #364146; box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1); overflow: hidden; transition: max-height 0.5s ease-in-out;} /* max-height: 95px;  */
.team .member:hover .member-info {max-height: 320px;}
.team .member h4 {font-weight: 600; font-size: 18px; color: #364146; position: relative; line-height:normal; margin:0} /* font-weight: 700; margin-bottom: 10px; font-size: 16px; padding-bottom: 10px; */
/* .team .member h4::after {content: ''; position: absolute; display: block; width: 50px; height: 1px; background: #b5c1c6; bottom: 0; left: calc(50% - 25px);} */
.team .member span {font-style: italic; display: block; font-size: 13px;}
.team .member .social {margin-top: 15px;}
.team .member .social a {transition: color 0.3s; color: #627680;}
.team .member .social a:hover {color: #4E7B33;}
.team .member .social i {font-size: 16px; margin: 0 2px;}
@media (max-width: 992px) {.team .member {  margin-bottom: 110px; }
}

/*--------------------------------------------------------------
# Clients
--------------------------------------------------------------*/
.clients .clients-wrap {border-top: 1px solid #eceff0; border-left: 1px solid #eceff0;}
.clients .client-logo {display: flex; justify-content: center; align-items: center; border-right: 1px solid #eceff0; border-bottom: 1px solid #eceff0; overflow: hidden; background: #fff; height: 120px; padding: 40px;}
.clients .client-logo img {max-width: 50%; -webkit-filter: grayscale(100); filter: grayscale(100);}
.clients .client-logo:hover img {-webkit-filter: none; filter: none; transform: scale(1.1);}
.clients img {transition: all 0.4s ease-in-out;}

/*--------------------------------------------------------------
# Pricing
--------------------------------------------------------------*/
.pricing .box {padding: 20px; background: #fff; text-align: center; border-radius: 4px; position: relative; overflow: hidden; border: 2px solid #e9ecee;}
.pricing h3 {font-weight: 400; padding: 20px 15px; font-size: 18px; font-weight: 400; color: #777777;}
.pricing h4 {font-size: 36px; color: #4E7B33; font-weight: 600; margin-bottom: 20px;}
.pricing h4 sup {font-size: 20px; top: -15px; left: -3px;}
.pricing h4 span {color: #bababa; font-size: 16px; font-weight: 300;}
.pricing ul {padding: 0; list-style: none; color: #444444; text-align: center; line-height: 20px; font-size: 14px;}
.pricing ul li {padding-bottom: 16px;}
.pricing ul i {color: #4E7B33; font-size: 18px; padding-right: 4px;}
.pricing ul .na {color: #ccc; text-decoration: line-through;}
.pricing .btn-wrap {padding: 20px 15px; text-align: center;}
.pricing .btn-buy {background: #4E7B33; display: inline-block; padding: 8px 30px; border-radius: 4px; color: #fff; font-size: 13px; font-weight: 600; text-transform: uppercase;}
.pricing .featured {background: #4E7B33; border-color: #4E7B33;}
.pricing .featured h3, .pricing .featured h4, .pricing .featured h4 span, .pricing .featured ul, .pricing .featured ul .na {color: #fff;}
.pricing .featured .btn-buy {background: #fff; color: #4E7B33;}
.pricing .advanced {width: 200px; position: absolute; top: 18px; right: -68px; transform: rotate(45deg); z-index: 1; font-size: 14px; padding: 1px 0 3px 0; background: #4E7B33; color: #fff;}


/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact .info {padding: 30px; background: #fff; width: 100%; border: 2px solid #e9ecee; border-radius: 4px;}
.contact .info i {font-size: 20px; color: #4E7B33; float: left; width: 44px; height: 44px; background: #f2f4f5; display: flex; justify-content: center; align-items: center; border-radius: 50px; transition: all 0.3s ease-in-out;}
.contact .info h4 {padding: 0 0 0 60px; font-size: 20px; font-weight: 600; margin-bottom: 5px; color: #364146;}
.contact .info p {padding: 0 0 10px 60px; margin-bottom: 20px; font-size: 14px; color: #627680;}
.contact .info .social-links {padding-left: 60px;}
.contact .info .social-links a {font-size: 18px; display: inline-block; background: #333; color: #fff; line-height: 1; padding: 8px 0; border-radius: 50%; text-align: center; width: 36px; height: 36px; transition: 0.3s; margin-right: 10px;}
.contact .info .social-links a:hover {background: #4E7B33; color: #fff;}
.contact .info .email:hover i, .contact .info .address:hover i, .contact .info .phone:hover i {background: #4E7B33; color: #fff;}
.contact .php-email-form {width: 100%; padding: 30px; background: #fff; border: 2px solid #e9ecee; border-radius: 4px;}
.contact .php-email-form .form-group {padding-bottom: 8px;}
.contact .php-email-form .validate {display: none; color: red; margin: 0 0 15px 0; font-weight: 400; font-size: 13px;}
.contact .php-email-form .error-message {display: none; color: #fff; background: #ed3c0d; text-align: center; padding: 15px; font-weight: 600;}
.contact .php-email-form .sent-message {display: none; color: #fff; background: #18d26e; text-align: center; padding: 15px; font-weight: 600;}
.contact .php-email-form .loading {display: none; background: #fff; text-align: center; padding: 15px;}
.contact .php-email-form .loading:before {content: ""; display: inline-block; border-radius: 50%; width: 24px; height: 24px; margin: 0 10px -6px 0; border: 3px solid #18d26e; border-top-color: #eee; -webkit-animation: animate-loading 1s linear infinite; animation: animate-loading 1s linear infinite;}
.contact .php-email-form input, .contact .php-email-form textarea {border-radius: 0; box-shadow: none; font-size: 14px;}
.contact .php-email-form input {height: 44px;}
.contact .php-email-form textarea {padding: 10px 12px;}
.contact .php-email-form button[type="submit"] {background: #4E7B33; border: 0; padding: 10px 24px; color: #fff; transition: 0.4s; border-radius: 4px;}
.contact .php-email-form button[type="submit"]:hover {background: #1eb4ff;}
@-webkit-keyframes animate-loading {0% {  transform: rotate(0deg); }
  100% {  transform: rotate(360deg); }
}

@keyframes animate-loading {0% {  transform: rotate(0deg); }
  100% {  transform: rotate(360deg); }
}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {padding: 15px 0; background: #f4f6f7; min-height: 40px; margin-top: 70px;}
.breadcrumbs h2 {font-size: 24px; font-weight: 600;}
.breadcrumbs ol {display: flex; flex-wrap: wrap; list-style: none; padding: 0 0 10px 0; margin: 0; font-size: 14px;}
.breadcrumbs ol li + li {padding-left: 10px;}
.breadcrumbs ol li + li::before {display: inline-block; padding-right: 10px; color: #4c5c63; content: "/";}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {background-color: #000; padding: 0 0 30px 0; color: #000; font-size: 14px;} /* #f7f8f9 */
#footer .footer-top {background: #fff; padding: 60px 0 30px 0; border-top: 2px solid #e9ecee; border-bottom: 2px solid #e9ecee;}
#footer .footer-top .footer-info {margin-bottom: 30px;}
#footer .footer-top .footer-info h3 {font-size: 24px; margin: 0 0 20px 0; padding: 2px 0 2px 0; line-height: 1; font-weight: 700;}
#footer .footer-top .footer-info p {font-size: 14px; line-height: 24px; margin-bottom: 0; color: #576971;}
#footer .footer-top .social-links a {font-size: 18px; display: inline-block; background: #e9ecee; color: #8a9ca5; line-height: 1; padding: 8px 0; margin-right: 4px; border-radius: 50%; text-align: center; width: 36px; height: 36px; transition: 0.3s;}
#footer .footer-top .social-links a:hover {background: #4E7B33; color: #fff; text-decoration: none;}
#footer .footer-top h4 {font-size: 16px; font-weight: 600; color: #364146; position: relative; padding-bottom: 12px;}
#footer .footer-top .footer-links {margin-bottom: 30px;}
#footer .footer-top .footer-links ul {list-style: none; padding: 0; margin: 0;}
#footer .footer-top .footer-links ul i {padding-right: 2px; color: #4E7B33; font-size: 18px; line-height: 1; margin-left: -5px;}
#footer .footer-top .footer-links ul li {padding: 10px 0; display: flex; align-items: center;}
#footer .footer-top .footer-links ul li:first-child {padding-top: 0;}
#footer .footer-top .footer-links ul a {color: #576971; transition: 0.3s; display: inline-block; line-height: 1;}
#footer .footer-top .footer-links ul a:hover {color: #4E7B33;}
#footer .footer-top .footer-newsletter form {margin-top: 30px; background: #fff; padding: 6px 10px; position: relative; border-radius: 4px; border: 1px solid #e3e7e9;}
#footer .footer-top .footer-newsletter form input[type="email"] {border: 0; padding: 4px; width: calc(100% - 110px);}
#footer .footer-top .footer-newsletter form input[type="submit"] {position: absolute; top: -1px; right: -2px; bottom: -1px; border: 0; background: none; font-size: 16px; padding: 0 20px; background: #4E7B33; color: #fff; transition: 0.3s; border-radius: 0 4px 4px 0;}
#footer .footer-top .footer-newsletter form input[type="submit"]:hover {background: #007ab7;}
#footer .copyright {text-align: center; padding-top: 12px; font-size:6px; color:#000;}
#footer .credits {padding-top: 8px; text-align: center; font-size: 13px; color: #000; font-size:6px}
#footer .credits-2 {padding-top: 8px; text-align: center; font-size: 13px; color: #FFF;}
#footer .credits-2 a {color: #FFF; text-decoration:underline;}
#footer .credits-2 a:hover {color: #D0FFB4; text-decoration:none;}


.tx-verde-1 {color:#D0FFB4;}
.tx-verde-2 {color:#6CB640;}
.tx-verde-3 {color:#4E7B32;}
.tx-verde-4 {color:#1e390e;}
.tx-cinza-1 {color:#8E8F91;}
.tx-cinza-2 {color:#414243;}
.section-title .tx-branco, .tx-branco {color:#FFF}

.bg-verde-1 {background-color:#D0FFB4;}
.bg-verde-2 {background-color:#6CB640;}
.bg-verde-3 {background-color:#4E7B32;}
.bg-verde-4 {background-color:#1e390e;}
.bg-cinza-1 {background-color:#8E8F91;}
.bg-cinza-2 {background-color:#414243;}

.text-center { text-align:center;}
.text-right { text-align:right;}
.bold { font-weight:bold;}