/*--------------------------------------------------------------
# styles_seg.css - Secondary styles (other pages)
# Separado de styles_ini.css em jul/2026
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Dark mode (commented out in original, kept for reference)
--------------------------------------------------------------*/
/***:root.dark {
  --menu-color-bg: #565656;
  --color-bg: #000000;
  --hero-overlay-color: #000000;
  --menu-color: #ffffff;
  --theme-color: #000000;
  --border-color: #14929a;
  --theme-color-dark: #2c2c2c;
  --text-color: #ffffff;
  --hero-text-color: #ffffff;
  --text-white-color: #ffffff;
  --text-grey-color: #565656;
  --text-theme-color: #14929a;
  --light-color: #000000;
  --color-default: #000000;
  --color-primary: #000000;
  --color-secondary: #000000;
  --color-start: #000000;
  --color-end: #000000;
  --hero-card-bg: rgb(0 0 0 / 83%);
  --box-shadow-color: rgb(20 146 154 / 49%);
}***/

/**body.dark {
  --menu-color-bg: #ffffff;
  --color-bg: #000000;
  --hero-overlay-color: #000000;
  --menu-color: #ffffff;
  --border-color: #025add;
  --theme-color-dark: #151515;
  --text-color: #ffffff;
  --text-white-color: #ffffff;
  --text-grey-color: #565656;
  --text-theme-color: #025add;
  --light-color: #000000;
  --color-default: #000000;
  --color-secondary: #0c6de0;
  --color-start: #000000;
  --color-end: #000000;
  --hero-card-bg: rgb(0 0 0 / 83%);
  --box-shadow-color: rgb(12 109 224 / 83%);
}***/

/***#darkmode-button{
    border-radius: 50%;
    border: none;
    outline: none;
    display: grid;
    place-items: center;
    width: 45px;
    height: 45px;
    margin-left: 10px;
}***/

/*--------------------------------------------------------------
# Utility classes
--------------------------------------------------------------*/
.aqua { color: "aqua"; }

.gradient-text {
  background-color: #f3ec78;
  background-image: linear-gradient(45deg, #000000, #000000);
  background-size: 100%;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
}

h7 { font: size 8px; }
h8 { color: #f73909; }

.toggle-container { position: relative; }

.theme-btn {
  width: 6em; height: 6em; padding: 0.5em;
  border-radius: 50%; cursor: pointer; border: none;
  background-color: transparent;
}
.theme-btn img { height: 100%; width: 100%; object-fit: cover; }
.theme-btn.light { display: none; }

/**.dark .theme-btn.dark { display: none; }
.dark .theme-btn.light { display: block; }**/

/*--------------------------------------------------------------
# Section variants
--------------------------------------------------------------*/
.section-grey {
  padding: 90px 0; overflow: hidden; background: var(--theme-color-dark);
}

.funcolor {
  background: linear-gradient(90deg, rgba(4,10,14,1) 0%, rgba(104,108,109,1) 50%, rgba(204,208,209,1) 100%);
}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs .page-header {
  padding: 120px 0 60px 0; min-height: 20vh;
  background-size: cover; border-radius: 0px;
  overflow: hidden; position: relative;
}
.fundo {
  background: linear-gradient(90deg, rgba(4,10,14,1) 0%, rgba(104,108,109,1) 50%, rgba(204,208,209,1) 100%);
  height: 90px;
}
.funhome { height: 20px; }
.geral { background: url(../images/page-header-bg.webp) center bottom; }

.breadcrumbs .page-header:before {
  content: ""; position: absolute; left: 0; bottom: 0; top: 0; right: 0;
  width: 100%; height: 100%; z-index: 0; opacity: 0.6;
}
.breadcrumbs .page-header h2, h1 { color: var(--color-primary); }
.breadcrumbs .page-header p { color: var(--menu-color); }
.breadcrumbs nav {
  background-color: var(--theme-color); padding: 15px 0;
}
.breadcrumbs nav ol {
  display: flex; flex-wrap: wrap; list-style: none;
  margin: 0; padding: 0; font-size: 16px; color: var(--color-default);
}
.breadcrumbs nav ol a { color: var(--text-white-color); transition: 0.3s; }
.breadcrumbs nav ol a:hover { text-decoration: underline; }
.breadcrumbs nav ol li+li { padding-left: 10px; }
.breadcrumbs nav ol li+li::before {
  display: inline-block; padding-right: 10px;
  color: var(--color-secondary); content: "/";
}

/*--------------------------------------------------------------
# About Us Section
--------------------------------------------------------------*/
.about h3 { font-size: 28px; margin-bottom: 20px; font-family: var(--font-secondary); }
.about .call-us {
  left: 10%; right: 10%; bottom: 0; background-color: #fff;
  box-shadow: 0px 2px 25px rgba(0,0,0,0.08); padding: 20px; text-align: center;
}
.about .call-us h4 { font-size: 24px; margin-bottom: 5px; }
.about .call-us p { font-size: 28px; color: var(--color-primary); }
.about .content ul { list-style: none; padding: 0; }
.about .content ul li { padding: 0 0 10px 30px; position: relative; }
.about .content ul i { position: absolute; font-size: 20px; left: 0; top: -3px; color: var(--color-primary); }
.about .content p:last-child { margin-bottom: 0; }
.about .play-btn {
  width: 94px; height: 94px;
  background: radial-gradient(var(--color-primary) 50%, rgba(0,131,116,0.4) 52%);
  border-radius: 50%; display: block; position: absolute;
  left: calc(50% - 47px); top: calc(50% - 47px); overflow: hidden;
}
.about .play-btn:before {
  content: ""; position: absolute; width: 120px; height: 120px;
  -webkit-animation-delay: 0s; animation-delay: 0s;
  -webkit-animation: pulsate-btn 2s; animation: pulsate-btn 2s;
  -webkit-animation-direction: forwards; animation-direction: forwards;
  -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;
  -webkit-animation-timing-function: steps; animation-timing-function: steps;
  opacity: 1; border-radius: 50%;
  border: 5px solid rgba(0,131,116,0.7);
  top: -15%; left: -15%; background: rgba(198,16,0,0);
}
.about .play-btn:after {
  content: ""; position: absolute; left: 50%; top: 50%;
  transform: translateX(-40%) translateY(-50%); width: 0; height: 0;
  border-top: 10px solid transparent; border-bottom: 10px solid transparent;
  border-left: 15px solid #fff; z-index: 100;
  transition: all 400ms cubic-bezier(0.55,0.055,0.675,0.19);
}
.about .play-btn:hover:before {
  content: ""; position: absolute; left: 50%; top: 50%;
  transform: translateX(-40%) translateY(-50%); width: 0; height: 0; border: none;
  border-top: 10px solid transparent; border-bottom: 10px solid transparent;
  border-left: 15px solid #fff; z-index: 200;
  -webkit-animation: none; animation: none; border-radius: 0;
}
.about .play-btn:hover:after {
  border-left: 15px solid var(--color-primary); transform: scale(20);
}

@-webkit-keyframes pulsate-btn {
  0% { transform: scale(0.6,0.6); opacity: 1; }
  100% { transform: scale(1,1); opacity: 0; }
}
@keyframes pulsate-btn {
  0% { transform: scale(0.6,0.6); opacity: 1; }
  100% { transform: scale(1,1); opacity: 0; }
}

.img-frame { position: relative; background: #f6f6f6; background-size: contain; padding: 9%; }

.bar {
  background-color: #f1f1f1; padding: 1px; border-radius: 15px;
  margin-bottom: 20px; font-size: 12px; color: var(--light-color);
}
.bar::before {
  content: attr(data-skill); background-color: var(--color-primary);
  display: inline-block; padding: 5px 0 5px 10px; border-radius: inherit;
  animation: load 2s 0s; -webkit-animation: load 2s 0s;
  -moz-animation: load 2s 0s; -o-animation: load 2s 0s;
}
.bar.front::before { background-color: var(--color-primary); }
.bar.back::before { background-color: var(--color-primary); }
.bar.learning::before { width: calc(20% - 10px); }
.bar.basic::before { width: calc(40% - 10px); }
.bar.intermediate::before { width: calc(60% - 10px); }
.bar.advanced::before { width: calc(80% - 10px); }
.bar.expert::before { width: calc(100% - 10px); }

/*--------------------------------------------------------------
# Clients Section
--------------------------------------------------------------*/
.clients { padding: 90px 0; }
.clients .swiper { padding: 10px 0; }
.clients .swiper-slide img { transition: 0.3s; filter: grayscale(1); opacity: 1; border-radius: 8px; }
.clients .swiper-slide img:hover { transform: scale(1.1); }
.clients .swiper-pagination { margin-top: 20px; position: relative; }
.clients .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; background-color: #fff; opacity: 1; background-color: #ddd; }
.clients .swiper-pagination .swiper-pagination-bullet-active { background-color: var(--color-primary); }

/*--------------------------------------------------------------
# Call to Action - play button extras
--------------------------------------------------------------*/
.call-to-action .play-btn {
  width: 94px; height: 94px; margin-bottom: 20px;
  background: radial-gradient(var(--color-primary) 50%, rgba(0,131,116,0.4) 52%);
  border-radius: 50%; display: inline-block; position: relative; overflow: hidden;
}
.call-to-action .play-btn:before {
  content: ""; position: absolute; width: 120px; height: 120px;
  -webkit-animation-delay: 0s; animation-delay: 0s;
  -webkit-animation: pulsate-btn 2s; animation: pulsate-btn 2s;
  -webkit-animation-direction: forwards; animation-direction: forwards;
  -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;
  -webkit-animation-timing-function: steps; animation-timing-function: steps;
  opacity: 1; border-radius: 50%;
  border: 5px solid rgba(0,131,116,0.7);
  top: -15%; left: -15%; background: rgba(198,16,0,0);
}
.call-to-action .play-btn:hover:before {
  content: ""; position: absolute; left: 50%; top: 50%;
  transform: translateX(-40%) translateY(-50%); width: 0; height: 0; border: none;
  border-top: 10px solid transparent; border-bottom: 10px solid transparent;
  border-left: 15px solid #fff; z-index: 200;
  -webkit-animation: none; animation: none; border-radius: 0;
}
.call-to-action .play-btn:hover:after {
  border-left: 15px solid var(--color-primary); transform: scale(20);
}

/*--------------------------------------------------------------
# Testimonials Section
--------------------------------------------------------------*/
.testimonials .testimonial-wrap { padding-left: 10px; }
.testimonials .testimonial-item {
  box-sizing: content-box; padding: 30px; margin: 30px 10px;
  position: relative; border-radius: 10px; display: flex;
  flex-direction: column; box-shadow: -1px 5px 20px 0px var(--box-shadow-color);
}
.testimonials .testimonial-item .info-box { min-width: 276px; }
.testimonials .testimonial-item .testimonial-img { width: 90px; border-radius: 50px; margin-right: 15px; }
.testimonials .testimonial-item h3 { font-size: 18px; font-weight: bold; margin: 10px 0 5px 0; color: var(--color-primary); }
.testimonials .testimonial-item h4 { font-size: 14px; color: #999; margin: 0; }
.testimonials .testimonial-item .stars { margin: 10px 0; }
.testimonials .testimonial-item .stars i { color: #ffc107; margin: 0 1px; }
.testimonials .testimonial-item .quote-icon-left,
.testimonials .testimonial-item .quote-icon-right { color: var(--color-primary); font-size: 26px; line-height: 0; }
.testimonials .testimonial-item .quote-icon-left { display: inline-block; left: -5px; position: relative; }
.testimonials .testimonial-item .quote-icon-right { display: inline-block; right: -5px; position: relative; top: 10px; transform: scale(-1,-1); }
.testimonials .testimonial-item p { margin: 15px auto 15px auto; color: var(--text-color); }
.testimonials .swiper-pagination { margin-top: 20px; position: relative; }
.testimonials .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; background-color: rgb(134 134 134 / 20%); opacity: 1; }
.testimonials .swiper-pagination .swiper-pagination-bullet-active { background-color: var(--color-primary); }
@media (max-width: 767px) {
  .testimonials .testimonial-wrap { padding-left: 0; }
  .testimonials .testimonial-item { padding: 30px; margin: 15px; flex-direction: column; }
  .testimonials .testimonial-item .testimonial-img { position: static; left: auto; }
}

/*--------------------------------------------------------------
# equipamentos Section
--------------------------------------------------------------*/
.equipmentos .unid { text-align: center; border-radius: 10px; padding: 15px; overflow: hidden; }
.equipmentos .unid img { border-radius: 10px; overflow: hidden; }
.equipmentos .unid .unid-content { padding: 0 20px 30px 20px; }
.equipmentos .unid h4 { margin-top: 16px; margin-bottom: 2px; font-size: 20px; color: var(--color-primary); }
.equipmentos .unid span { font-style: italic; display: block; font-size: 14px; color: var(--text-color); }
.equipmentos .unid p { padding-top: 10px; font-size: 14px; font-style: italic; color: #6c757d; }
.equipmentos .unid .social {
  margin-top: 15px; margin-bottom: 10px; display: flex; align-items: center; justify-content: center;
}
.equipmentos .unid .social a {
  color: var(--color-primary); transition: 0.3s; border-radius: 50%;
  width: 100%; height: 30px; display: flex; align-items: center;
  justify-content: center; border: 2px solid #e8e8e8;
}
.equipmentos .unid .social a:hover { color: var(--color-primary); border-color: var(--color-primary); }
.equipmentos .unid .social i { font-size: 14px; margin: 0 2px; }

/*--------------------------------------------------------------
# Recent Blog Posts Section
--------------------------------------------------------------*/
.recent-posts article {
  background-color: var(--light-color); padding: 30px; height: 100%;
  border-radius: 10px; overflow: hidden; box-shadow: -1px 5px 20px 0px rgb(82 90 101 / 10%);
}
.recent-posts .post-img {
  max-height: 240px; margin: -30px -30px 15px -30px; overflow: hidden; border-radius: 8px;
}
.recent-posts .post-category { font-size: 16px; color: var(--text-color); margin-bottom: 10px; }
.recent-posts .title { font-size: 22px; padding: 0; margin: 0 0 20px 0; }
.recent-posts .title a { color: var(--color-primary); transition: 0.3s; }
.recent-posts .title a:hover { color: var(--text-color); }
.recent-posts .post-author-img { width: 50px; border-radius: 50%; margin-right: 15px; }
.recent-posts .post-author { margin-bottom: 5px; color: var(--text-color); }
.recent-posts .post-date { font-size: 14px; color: var(--text-color); margin-bottom: 0; }

/*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/
.blog .blog-pagination { margin-top: 30px; color: #555555; }
.blog .blog-pagination ul { display: flex; padding: 0; margin: 0; list-style: none; }
.blog .blog-pagination li { margin: 0 5px; transition: 0.3s; border-radius: 10px; }
.blog .blog-pagination li a { color: var(--color-default); padding: 7px 16px; display: flex; align-items: center; justify-content: center; }
.blog .blog-pagination li.active, .blog .blog-pagination li:hover { background: var(--color-primary); color: #fff; }
.blog .blog-pagination li.active a, .blog .blog-pagination li:hover a { color: var(--color-white); }
.blog-sidbar { background-color: var(--light-color); padding: 30px 20px; border-radius: 8px; }
.blog-sidbar ul li a:hover { color: rgb(74 74 74); }

/* Blog Posts List */
.blog .posts-list article {
  box-shadow: 0 1px 6px rgb(0 0 0 / 10%); padding: 30px;
  height: 100%; border-radius: 10px; overflow: hidden;
}
.blog .posts-list .post-img { max-height: 240px; margin: -30px -30px 15px -30px; overflow: hidden; }
.blog .posts-list .post-category { font-size: 16px; color: #555555; margin-bottom: 10px; }
.blog .posts-list .title { font-size: 22px; padding: 0; margin: 0 0 20px 0; }
.blog .posts-list .title a { color: var(--color-default); transition: 0.3s; }
.blog .posts-list .title a:hover { color: var(--color-primary); }
.blog .posts-list .post-author-img { width: 50px; border-radius: 50%; margin-right: 15px; }
.blog .posts-list .post-author-list { font-weight: 500; margin-bottom: 5px; }
.blog .posts-list .post-date { font-size: 14px; color: #3c3c3c; margin-bottom: 0; }

/* Blog Details */
.blog .blog-details {
  box-shadow: 0 1px 6px rgb(0 0 0 / 10%); padding: 30px; border-radius: 10px;
}
.blog .blog-details .post-img { margin: -30px -30px 20px -30px; overflow: hidden; border-radius: 10px 10px 0 0; }
.blog .blog-details .title { font-size: 28px; padding: 0; margin: 20px 0 0 0; color: var(--color-default); }
.blog .blog-details .content { margin-top: 20px; }
.blog .blog-details .content h3 { font-size: 22px; margin-top: 30px; font-weight: bold; }
.blog .blog-details .content blockquote {
  overflow: hidden; background-color: rgba(34,34,34,0.06); padding: 60px;
  position: relative; text-align: center; margin: 20px 0;
}
.blog .blog-details .content blockquote p {
  color: var(--color-default); line-height: 1.6; margin-bottom: 0;
  font-style: italic; font-weight: 500; font-size: 22px;
}
.blog .blog-details .content blockquote:after {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0;
  width: 3px; background-color: var(--color-secondary); margin-top: 20px; margin-bottom: 20px;
}
.blog .blog-details .meta-top { margin-top: 20px; color: #6c757d; }
.blog .blog-details .meta-top ul { display: flex; flex-wrap: wrap; list-style: none; align-items: center; padding: 0; margin: 0; }
.blog .blog-details .meta-top ul li+li { padding-left: 20px; }
.blog .blog-details .meta-top i { font-size: 16px; margin-right: 8px; line-height: 0; color: var(--color-primary); }
.blog .blog-details .meta-top a { color: #6c757d; font-size: 14px; display: inline-block; line-height: 1; }
.blog .blog-details .meta-bottom { padding-top: 10px; border-top: 1px solid rgba(34,34,34,0.15); }
.blog .blog-details .meta-bottom i { color: #555555; display: inline; }
.blog .blog-details .meta-bottom a { color: rgba(34,34,34,0.8); transition: 0.3s; }
.blog .blog-details .meta-bottom a:hover { color: var(--color-primary); }
.blog .blog-details .meta-bottom .cats { list-style: none; display: inline; padding: 0 20px 0 0; font-size: 14px; }
.blog .blog-details .meta-bottom .cats li { display: inline-block; }
.blog .blog-details .meta-bottom .tags { list-style: none; display: inline; padding: 0; font-size: 14px; }
.blog .blog-details .meta-bottom .tags li { display: inline-block; }
.blog .blog-details .meta-bottom .tags li+li::before { padding-right: 6px; color: var(--color-default); content: ","; }
.blog .blog-details .meta-bottom .share { font-size: 16px; }
.blog .blog-details .meta-bottom .share i { padding-left: 5px; }
.blog .post-author { padding: 20px; margin-top: 30px; box-shadow: 0 1px 6px rgb(0 0 0 / 10%); border-radius: 10px; }
.blog .post-author img { max-width: 120px; margin-right: 20px; }
.blog .post-author h4 { font-size: 22px; margin-bottom: 0px; padding: 0; color: var(--color-default); }
.blog .post-author .social-links { margin: 0 10px 10px 0; }
.blog .post-author .social-links a { color: rgba(34,34,34,0.5); margin-right: 5px; }
.blog .post-author p { font-style: italic; color: rgba(108,117,125,0.8); margin-bottom: 0; }

/*--------------------------------------------------------------
# Blog Sidebar
--------------------------------------------------------------*/
dl, ol, ul { padding: 0; margin: 0; list-style: none; }
.single-page ul { list-style: none; }
.single-page ul li { position: relative; color: var(--text-color); margin-bottom: 5px; border-radius: 8px; }

.blog .sidebar { padding: 30px; box-shadow: 0 1px 6px rgb(0 0 0 / 10%); border-radius: 10px; }
.search-form { position: relative; overflow: hidden; border-radius: 50px; margin-bottom: 30px; border: 0; }
.search-form input { width: 100%; padding: 14px 28px; background: #ffffff; border: none; color: #393838; outline: none; }
.search-form button {
  position: absolute; right: 0; padding: 16px 20px; border: none; top: 0px;
  color: var(--text-white-color);
  background: linear-gradient(45deg, var(--color-primary), var(--color-secondary)); outline: none;
}
.search-form button:hover { cursor: pointer; background: linear-gradient(45deg, var(--color-secondary), var(--color-primary)); color: var(--text-white-color); }
.search-form button i { color: #fff; }
.blog .sidebar .sidebar-title { font-size: 20px; padding: 0; margin: 0; color: var(--color-default); }
.blog .sidebar .sidebar-item+.sidebar-item { margin-top: 40px; }
.blog .sidebar .search-form form { background: #fff; border: 1px solid rgba(34,34,34,0.3); padding: 5px 10px; position: relative; border-radius: 50px; }
.blog .sidebar .search-form form input[type=text] { border: 0; padding: 4px; border-radius: 50px; width: calc(100% - 60px); }
.blog .sidebar .search-form form input[type=text]:focus { outline: none; }
.blog .sidebar .search-form form button {
  position: absolute; top: 0; right: 0; bottom: 0; border: 0; background: none;
  font-size: 16px; padding: 0 25px; margin: -1px; background: var(--color-primary);
  color: #fff; transition: 0.3s; border-radius: 50px; line-height: 0;
}
.blog .sidebar .search-form form button i { line-height: 0; }
.blog .sidebar .search-form form button:hover { background: rgba(0,131,116,0.8); }
.blog .sidebar .categories ul { list-style: none; padding: 0; }
.blog .sidebar .categories ul li+li { padding-top: 10px; }
.blog .sidebar .categories ul a { color: var(--color-default); transition: 0.3s; }
.blog .sidebar .categories ul a:hover { color: var(--color-primary); }
.blog .sidebar .categories ul a span { padding-left: 5px; color: rgba(34,34,34,0.4); font-size: 14px; }
.blog .sidebar .recent-posts .post-item+.post-item { margin-top: 15px; }
.blog .sidebar .recent-posts img { width: 80px; float: left; }
.blog .sidebar .recent-posts h4 { font-size: 15px; margin-left: 95px; font-weight: bold; }
.blog .sidebar .recent-posts h4 a { color: var(--color-default); transition: 0.3s; }
.blog .sidebar .recent-posts h4 a:hover { color: var(--color-primary); }
.blog .sidebar .recent-posts time { display: block; margin-left: 95px; font-style: italic; font-size: 14px; color: rgba(34,34,34,0.4); }
.blog .sidebar .tags { margin-bottom: -10px; }
.blog .sidebar .tags ul { list-style: none; padding: 0; }
.blog .sidebar .tags ul li { display: inline-block; }
.blog .sidebar .tags ul a {
  color: #555555; font-size: 14px; padding: 6px 20px; margin: 0 6px 8px 0;
  border: 1px solid #d5d5d5; display: inline-block; transition: 0.3s; border-radius: 50px;
}
.blog .sidebar .tags ul a:hover { color: #fff; border: 1px solid var(--color-primary); background: var(--color-primary); }
.blog .sidebar .tags ul a span { padding-left: 5px; color: rgba(85,85,85,0.8); font-size: 14px; }

/*--------------------------------------------------------------
# Blog Comments
--------------------------------------------------------------*/
.blog .comments { margin-top: 30px; }
.blog .comments .comments-count { font-weight: bold; }
.blog .comments .comment { margin-top: 30px; position: relative; }
.blog .comments .comment .comment-img { margin-right: 14px; }
.blog .comments .comment .comment-img img { width: 60px; }
.blog .comments .comment h5 { font-size: 16px; margin-bottom: 2px; }
.blog .comments .comment h5 a { font-weight: bold; color: var(--color-default); transition: 0.3s; }
.blog .comments .comment h5 a:hover { color: var(--color-primary); }
.blog .comments .comment h5 .reply { padding-left: 10px; color: var(--color-primary); }
.blog .comments .comment h5 .reply i { font-size: 20px; }
.blog .comments .comment time { display: block; font-size: 14px; color: rgba(34,34,34,0.8); margin-bottom: 5px; }
.blog .comments .comment.comment-reply { padding-left: 40px; }
.blog .comments .reply-form { margin-top: 30px; padding: 30px; box-shadow: 0 0 16px rgba(0,0,0,0.1); border-radius: 10px; }
.blog .comments .reply-form h4 { font-weight: bold; font-size: 22px; }
.blog .comments .reply-form p { font-size: 14px; }
.blog .comments .reply-form input { border-radius: 4px; padding: 10px 10px; font-size: 14px; }
.blog .comments .reply-form input:focus { box-shadow: none; border-color: rgba(0,131,116,0.8); }
.blog .comments .reply-form textarea { border-radius: 4px; padding: 10px 10px; font-size: 14px; }
.blog .comments .reply-form textarea:focus { box-shadow: none; border-color: rgba(0,131,116,0.8); }
.blog .comments .reply-form .form-group { margin-bottom: 25px; }
.blog .comments .reply-form .btn-primary { border-radius: 50px; padding: 14px 40px; border: 0; background-color: var(--color-secondary); }
.blog .comments .reply-form .btn-primary:hover { background-color: rgba(248,90,64,0.8); }

/*--------------------------------------------------------------
# folders and manuais Section
--------------------------------------------------------------*/
.foldes { padding: 0 0 40px 0; margin: 0 auto; list-style: none; text-align: center; }

/*--------------------------------------------------------------
# Pricing
--------------------------------------------------------------*/
.card {
  position: relative; height: auto; background: var(--light-color);
  border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;
  -ms-border-radius: 8px; -o-border-radius: 8px; margin: 0 auto;
  padding: 40px 20px; transition: .5s; -webkit-transition: .5s;
  -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s;
  overflow: hidden; margin-bottom: 20px; border: 0;
  box-shadow: -1px 5px 20px 0px var(--box-shadow-color);
}
.card:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.card .title img { width: 120px; }
.card:before {
  content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 40%;
  z-index: 1; transform: skewY(-5deg) scale(1.5); -webkit-transform: skewY(-5deg) scale(1.5);
  -moz-transform: skewY(-5deg) scale(1.5); -ms-transform: skewY(-5deg) scale(1.5); -o-transform: skewY(-5deg) scale(1.5);
}
.title .fa {
  color: #fff; font-size: 60px; width: 100px; height: 100px; border-radius: 50%;
  -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%;
  -o-border-radius: 50%; text-align: center; line-height: 100px; box-shadow: 0 10px 10px rgba(0,0,0,.2);
}
.title h2, h1 { position: relative; margin: 20px 0 0; padding: 0; color: var(--text-color); font-size: 28px; z-index: 2; }
.price { position: relative; z-index: 2; color: var(--text-color); }
.price h4 { margin: 0; padding: 20px 0; color: var(--text-color); font-size: 60px; }
.option { position: relative; z-index: 2; }
.option ul { margin: 0; padding: 0; }
.option ul li { margin: 0 0 10px; padding: 0; list-style: none; color: var(--text-color); font-size: 16px; }
.card a {
  cursor: pointer; display: inline-block; padding: 0; font-size: 18px; font-weight: 500;
  margin: 0 10px; line-height: 1; transition: all 0.3s ease-in-out; padding: 15px 25px;
  border-radius: 30px; margin-bottom: 20px; position: relative; color: var(--text-white-color);
  z-index: 2; margin: 20px auto 0;
  background: linear-gradient(45deg, var(--color-primary), var(--color-secondary));
}
.card a:hover { text-decoration: none; background: linear-gradient(45deg, var(--color-secondary), var(--color-primary)); }

/*--------------------------------------------------------------
# Text styles for product pages
--------------------------------------------------------------*/
.texto { text-align: left; font-size: 14px; }
.ti_titulo { text-align: center; font-size: 20px; font-weight: bold; }
.ti_individual { text-align-last: center; margin-top: 10px; margin-bottom: 10px; }
.ti_box { clear: left; }
.genie { color: #1865a9; }
.jlg { color: #ed7624; }
.haulotte { color: #FC0; }
.xcmg { color: #f4ac39; }
.zoomlion { color: #abd03c; }
.espaco { width: 45px; height: 45px; margin-right: auto; margin-left: auto; }

/*--------------------------------------------------------------
# Google Maps iframe
--------------------------------------------------------------*/
.h_iframe { position: relative; overflow: hidden; height: 0; padding-bottom: 40%; }
.h_iframe .ratio { display: block; width: 100%; height: auto; }
.h_iframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*--------------------------------------------------------------
# Toggle / miscellaneous
--------------------------------------------------------------*/
.btn-toggle { border: 0px; border-radius: 4px 4px 0 0; background: #ffffff; color: #777777; display: block; margin: 0 auto; }
#minhaDiv { display: none; }
.sem-destaque { text-decoration: none; color: inherit; }

/*--------------------------------------------------------------
# Container divs menu (folder manual orçamento)
--------------------------------------------------------------*/
.container-divs { display: flex; flex-direction: row; justify-content: space-between; gap: 20px; }
@media (max-width: 768px) {
  .container-divs { flex-direction: column; }
}

/*--------------------------------------------------------------
# Contact extras (other pages)
--------------------------------------------------------------*/
.contact-information-box-3 .single-contact-info-box .contact-info-bg-icon {
  color: #f44336; opacity: .2; position: absolute; left: 0; right: 0;
  bottom: -25px; margin: 0 auto; z-index: -1; -webkit-transition: 0.5s; transition: 0.5s;
}
.contact-information-box-3 .single-contact-info-box .contact-info-bg-icon i { font-size: 100px; }
.contact-area .form-message.success {
  background: #03b103; color: #fff; padding: 10px 15px; border-radius: 3px; display: block; margin-bottom: 15px;
}
.contact-area .form-message.error {
  background: #ff4d15; color: #fff; padding: 10px 15px; border-radius: 3px; display: block; margin-bottom: 15px;
}

/*--------------------------------------------------------------
# Particles extras
--------------------------------------------------------------*/
.count-particles {
  background: #000022; position: absolute; top: 48px; left: 0;
  width: 80px; color: #13E8E9; font-size: .8em; text-align: left;
  text-indent: 4px; line-height: 14px; padding-bottom: 2px;
  font-family: Helvetica, Arial, sans-serif; font-weight: bold;
}
.js-count-particles { font-size: 1.1em; }
#stats, .count-particles { -webkit-user-select: none; margin-top: 5px; margin-left: 5px; }
#stats { border-radius: 3px 3px 0 0; overflow: hidden; }
.count-particles { border-radius: 0 0 3px 3px; }

/*--------------------------------------------------------------
# Footer extras
--------------------------------------------------------------*/
.footer-cta { border-bottom: 1px solid #373636; }
.single-cta i { color: #c00113; font-size: 30px; float: left; margin-top: 8px; }
.cta-text { padding-left: 15px; display: inline-block; }
.cta-text h4 { color: #c00113; font-size: 20px; font-weight: 500; margin-bottom: 2px; }
.cta-text span { color: #757575; font-size: 15px; }
.footer-pattern img { position: absolute; top: 0; left: 0; height: 330px; background-size: cover; background-position: 100% 100%; }
.facebook-bg { background: var(--color-primary); }
.twitter-bg { background: var(--color-primary); }
.google-bg { background: var(--color-primary); }
.subscribe-form { position: relative; overflow: hidden; border-radius: 50px; }
.subscribe-form input { width: 100%; padding: 14px 28px; background: #e4e4e4; border: 1px solid #e4e4e4; color: #222222; outline: none; }
.subscribe-form button { position: absolute; right: -3px; background: transparent; border: 0; top: -8px; }
.subscribe-form button i { color: var(--color-primary); font-size: 3rem; transform: rotate(-6deg); }
.copyright-area { padding: 25px 0; }
.footer-menu li { display: inline-block; margin-left: 20px; }
.footer-menu li:hover a { color: var(--color-primary); }
.footer-menu li a { font-size: 14px; color: #b9b9b9; }
.footer-menu li a:hover { color: #000000; }