/**
* Template Name: Maxim - v2.1.0
* Template URL: https://bootstrapmade.com/maxim-free-onepage-bootstrap-theme/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body { font-family: "Open Sans", sans-serif; color: #57627a; }

a { color: #0082e0; }

a:hover { color: #70c3ff; text-decoration: none; }

h1, h2, h3, h4, h5, h6 { font-family: "Raleway", sans-serif; }

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top { position: fixed; display: none; width: 40px; height: 40px; border-radius: 3px; right: 15px; bottom: 15px; background: #0082e0; color: #fff; transition: display 0.5s ease-in-out; z-index: 99999; }

.back-to-top i { font-size: 24px; position: absolute; top: 8px; left: 8px; }

.back-to-top:hover { color: #fff; background: #18967e; transition: background 0.2s ease-in-out; }

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header { transition: all 0.5s; z-index: 997; padding: 20px 0 20px 0; }

#header .logo { font-size: 36px; margin: 0; padding: 6px 0 0 0; line-height: 1; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; }

#header .logo a { color: #fff; background:url("../img/logo-branca.png") no-repeat top left;}

#header .logo img { max-height: 40px; }

#header.header-scrolled, #header.header-inner-pages { background: #fff; box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1); padding: 12px 0; }

#header.header-scrolled .logo a, #header.header-inner-pages .logo a { color: #002286; background:url("../img/logo-cor.png") no-repeat top left;}

@media (max-width: 992px) { #header .logo { font-size: 28px; }
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
.nav-menu ul { margin: 0; padding: 0; list-style: none; }

.nav-menu > ul { display: flex; }

.nav-menu > ul > li { position: relative; white-space: nowrap; padding: 10px 0 10px 25px; }

.nav-menu a { display: block; position: relative; color: #fff; transition: 0.3s; font-size: 15px; padding: 0 4px; letter-spacing: 0.4px; font-family: "Poppins", sans-serif; }

.nav-menu > ul > li > a:before { content: ""; position: absolute; width: 100%; height: 2px; bottom: -4px; left: 0; background-color: #0082e0; visibility: hidden; transform: scaleX(0); transition: all 0.3s ease-in-out 0s; }

.nav-menu a:hover:before, .nav-menu li:hover > a:before, .nav-menu .active > a:before { visibility: visible; transform: scaleX(1); }

.nav-menu .drop-down ul { display: block; position: absolute; left: 0; top: calc(100% + 30px); z-index: 99; opacity: 0; visibility: hidden; padding: 10px 0 10px 0; background: #fff; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); transition: 0.3s; }

.nav-menu .drop-down:hover > ul { opacity: 1; top: 100%; visibility: visible; }

.nav-menu .drop-down li { min-width: 180px; position: relative; }

.nav-menu .drop-down ul a { padding: 10px 20px; font-size: 14px; text-transform: none; color: #493c3e; }

.nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active > a, .nav-menu .drop-down ul li:hover > a { color: #0082e0; }

.nav-menu .drop-down > a:after { content: "\ea99"; font-family: IcoFont; padding-left: 5px; }

.nav-menu .drop-down .drop-down ul { top: 0; left: calc(100% - 30px); }

.nav-menu .drop-down .drop-down:hover > ul { opacity: 1; top: 0; left: 100%; }

.nav-menu .drop-down .drop-down > a { padding-right: 35px; }

.nav-menu .drop-down .drop-down > a:after { content: "\eaa0"; font-family: IcoFont; position: absolute; right: 15px; }

.header-scrolled .nav-menu > ul > li > a, .header-inner-pages .nav-menu > ul > li > a { color: #002286; }

@media (max-width: 1366px) { .nav-menu .drop-down .drop-down ul { left: -90%; }
  .nav-menu .drop-down .drop-down:hover > ul { left: -100%; }
  .nav-menu .drop-down .drop-down > a:after { content: "\ea9d"; }
}

/* Mobile Navigation */
.mobile-nav-toggle { position: fixed; right: 15px; top: 15px; 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: #0082e0; }

.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: #493c3e; padding: 10px 20px; font-weight: 500; outline: none; }

.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a { color: #0082e0; text-decoration: none; }

.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(45, 37, 38, 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; }

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero { width: 100%; height: 100vh; background: url("../img/hero-bg.jpg") top center; background-size: cover; position: relative; }

#hero:before { content: ""; background: rgba(0, 0, 0, 0.4); position: absolute; bottom: 0; top: 0; left: 0; right: 0; }

#hero .hero-container { position: absolute; bottom: 0; top: 0; left: 0; right: 0; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; padding: 0 15px; }

#hero h3 { background: rgba(255, 255, 255, 0.1); color: #fff; font-size: 26px; padding: 10px 30px; margin-bottom: 30px; border-radius: 50px; }

#hero h1 { margin: 0 0 10px 0; font-size: 48px; font-weight: 700; line-height: 56px; text-transform: uppercase; color: #fff; }

#hero h2 { color: #eee; margin-bottom: 40px; font-size: 24px; }

#hero .btn-get-started { font-family: "Poppins", sans-serif; text-transform: uppercase; font-weight: 400; font-size: 13px; letter-spacing: 1px; display: inline-block; padding: 10px 30px 7px 30px; border-radius: 50px; transition: 0.5s; border: 2px solid #fff; color: #fff; }

#hero .btn-get-started:hover { background: #0082e0; border: 2px solid #0082e0; }

@media (min-width: 1024px) { #hero { background-attachment: fixed; }
}

@media (max-width: 768px) { #hero h3 { font-size: 22px; }
  #hero h1 { font-size: 28px; line-height: 36px; }
  #hero h2 { font-size: 18px; line-height: 24px; margin-bottom: 30px; }
}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section { padding: 80px 0; overflow: hidden; }

.section-bg { background-color: #ebf3f9; }

.section-bg-portfolio { background-color: #001347; }

.section-bg-parceiro { background:url("../img/bg-parceiro.jpg") no-repeat center center #001347; padding:50px 0 30px;}

.section-title, .section-title-dark { padding-bottom: 40px; text-align: center; }

.section-title h2 { font-size: 36px; font-weight: 300; margin-bottom: 20px; padding-bottom: 0; color: #002286; }

.section-title p { margin-bottom: 0; }

.section-title-dark h2 { font-size: 36px; font-weight: 300; margin-bottom: 20px; padding-bottom: 0; color: #FFF; }

.section-title-dark p { margin-bottom: 0; color:#5fbcff;}

/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about h3 { font-weight: 400; font-size: 34px; color: #002286; }

.about .icon-box { margin-top: 44px; }

.about .icon-box i { font-size: 48px;; float: left; color: #0082e0 }

.about .icon-box h4 { font-size: 22px; color: #002286; font-weight: 500; margin-left: 60px; }

.about .icon-box p { font-size: 15px; color: #7b8aac; margin-left: 60px; }

/*--------------------------------------------------------------
# Steps
--------------------------------------------------------------*/
.steps { padding: 50px 0 40px 0; }

.steps .row { overflow: hidden; }

.steps .content-item { padding: 40px; border-left: 1px solid #d4e9e6; border-bottom: 1px solid #d4e9e6; margin: -1px; }

.steps .content-item span { display: block; font-size: 24px; font-weight: 400; color: #0082e0; }

.steps .content-item h4 { font-size: 28px; font-weight: 400; padding: 0; margin: 20px 0; color: #002286; }

.steps .content-item p { color: #63708b; font-size: 15px; margin: 0; padding: 0; }

@media (max-width: 768px) { .steps .content-item { padding: 40px 0; }
}

/*--------------------------------------------------------------
# Features
--------------------------------------------------------------*/
.features .nav-tabs { border: 0; }

.features .nav-link { border: 0; padding: 20px; transition: 0.3s; color: #002286; }

.features .nav-link:hover { color: #0082e0; }

.features .nav-link h4 { font-size: 18px; font-weight: 600; }

.features .nav-link p { font-size: 14px; margin-bottom: 0; color:#63708b }

.features .nav-link.active { box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.12); }

.features .nav-link.active h4 { color: #0082e0; }

.features .tab-pane.active { -webkit-animation: slide-down 0.5s ease-out; animation: slide-down 0.5s ease-out; }

@-webkit-keyframes slide-down { 0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes slide-down { 0% { opacity: 0; }
  100% { opacity: 1; }
}

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.services .icon-box { padding: 30px; position: relative; overflow: hidden; margin: 0; background: #fff; transition: all 0.3s ease-in-out; border-radius: 15px; text-align: center; border-bottom: 3px solid #fff; }

.services .icon-box:hover { box-shadow: 0 2px 29px 0 rgba(37, 37, 37, 0.1); }

.services .icon i { font-size: 48px; line-height: 1; margin-bottom: 15px; }

.services .title { font-weight: 700; margin-bottom: 15px; font-size: 18px; }

.services .title a { color: #111; }

.services .description { font-size: 15px; line-height: 28px; margin-bottom: 0; }

.services .icon-box-pink .icon i { color: #ff689b; }

.services .icon-box-cyan .icon i { color: #3fcdc7; }

.services .icon-box-green .icon i { color: #41cf2e; }

.services .icon-box-blue .icon i { color: #2282ff; }

/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/
.testimonials .testimonial-item { box-sizing: content-box; min-height: 320px; }

.testimonials .testimonial-item .testimonial-img { width: 90px; border-radius: 50%; margin: -40px 0 0 40px; position: relative; z-index: 2; border: 6px solid #fff; }

.testimonials .testimonial-item h3 { font-size: 18px; font-weight: bold; margin: 10px 0 5px 45px; color: #111; }

.testimonials .testimonial-item h4 { font-size: 14px; color: #999; margin: 0 0 0 45px; }

.testimonials .testimonial-item .quote-icon-left, .testimonials .testimonial-item .quote-icon-right { color: #92d1ff; font-size: 26px;}

.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; }

.testimonials .testimonial-item p { font-style: italic; margin: 0 15px 0 15px; padding: 20px 20px 60px 20px; background: #eff7f6; position: relative; border-radius: 6px; position: relative; z-index: 1; }

.testimonials .owl-nav, .testimonials .owl-dots { margin-top: 5px; text-align: center; }

.testimonials .owl-dot { display: inline-block; margin: 0 5px; width: 12px; height: 12px; border-radius: 50%; background-color: #ddd !important; }

.testimonials .owl-dot.active { background-color: #0082e0 !important; }

@media (max-width: 767px) { .testimonials { margin: 30px 10px; }
}

/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.portfolio .portfolio-item { margin-bottom: 30px; }

.portfolio #portfolio-flters { padding: 0; margin: 0 auto 35px auto; list-style: none; text-align: center; background: #fff; box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1); border-radius: 50px; padding: 8px 20px; }

.portfolio #portfolio-flters li { cursor: pointer; display: inline-block; padding: 10px 15px 8px 15px; font-size: 14px; font-weight: 600; line-height: 1; text-transform: uppercase; color: #57627a; margin-bottom: 5px; transition: all 0.3s ease-in-out; }

.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active { color: #0082e0; }

.portfolio #portfolio-flters li:last-child { margin-right: 0; }

.portfolio .portfolio-wrap { transition: 0.3s; position: relative; overflow: hidden; z-index: 1; background: rgba(0, 0, 0, 0.6); }

.portfolio .portfolio-wrap::before { content: ""; background: rgba(0, 0, 0, 0.5); position: absolute; left: 30px; right: 30px; top: 30px; bottom: 30px; transition: all ease-in-out 0.3s; z-index: 2; opacity: 0; }

.portfolio .portfolio-wrap .portfolio-info { opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; z-index: 3; transition: all ease-in-out 0.3s; display: flex; flex-direction: column; justify-content: center; align-items: center; }

.portfolio .portfolio-wrap .portfolio-info::before { display: block; content: ""; width: 48px; height: 48px; position: absolute; top: 35px; left: 35px; border-top: 3px solid #fff; border-left: 3px solid #fff; transition: all 0.5s ease 0s; z-index: 9994; }

.portfolio .portfolio-wrap .portfolio-info::after { display: block; content: ""; width: 48px; height: 48px; position: absolute; bottom: 35px; right: 35px; border-bottom: 3px solid #fff; border-right: 3px solid #fff; transition: all 0.5s ease 0s; z-index: 9994; }

.portfolio .portfolio-wrap .portfolio-info h4 { font-size: 20px; color: #fff; font-weight: 600; }

.portfolio .portfolio-wrap .portfolio-info p { color: #ffffff; font-size: 14px; text-transform: uppercase; padding: 0; margin: 0; }

.portfolio .portfolio-wrap .portfolio-links { text-align: center; z-index: 4; }

.portfolio .portfolio-wrap .portfolio-links a { color: #fff; margin: 0 2px; font-size: 28px; display: inline-block; transition: 0.3s; }

.portfolio .portfolio-wrap .portfolio-links a:hover { color: #70c3ff; }

.portfolio .portfolio-wrap:hover::before { top: 0; left: 0; right: 0; bottom: 0; opacity: 1; }

.portfolio .portfolio-wrap:hover .portfolio-info { opacity: 1; }

.portfolio .portfolio-wrap:hover .portfolio-info::before { top: 15px; left: 15px; }

.portfolio .portfolio-wrap:hover .portfolio-info::after { bottom: 15px; right: 15px; }

/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
.team .member { text-align: center; margin-bottom: 20px; background: #343a40; position: relative; overflow: hidden; }

.team .member .member-info { opacity: 0; position: absolute; bottom: 0; top: 0; left: 0; right: 0; transition: 0.2s; }

.team .member .member-info-content { position: absolute; left: 50px; right: 0; bottom: 0; transition: bottom 0.4s; }

.team .member .member-info-content h4 { font-weight: 700; margin-bottom: 2px; font-size: 18px; color: #fff; }

.team .member .member-info-content span { font-style: italic; display: block; font-size: 13px; color: #fff; }

.team .member .social { position: absolute; left: -50px; top: 0; bottom: 0; width: 50px; transition: left ease-in-out 0.3s; background: rgba(0, 0, 0, 0.5); text-align: center; }

.team .member .social a { transition: color 0.3s; display: block; color: #fff; margin-top: 15px; }

.team .member .social a:hover { color: #0082e0; }

.team .member .social i { font-size: 18px; margin: 0 2px; }

.team .member:hover .member-info { background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.8) 20%, rgba(0, 212, 255, 0) 100%); opacity: 1; transition: 0.4s; }

.team .member:hover .member-info-content { bottom: 30px; transition: bottom 0.4s; }

.team .member:hover .social { left: 0; transition: left ease-in-out 0.3s; }

/*--------------------------------------------------------------
# F.A.Q
--------------------------------------------------------------*/
.faq .faq-list { padding: 0 100px; }

.faq .faq-list ul { padding: 0; list-style: none; }

.faq .faq-list li + li { margin-top: 15px; }

.faq .faq-list li { padding: 20px; background: #fff; border-radius: 4px; position: relative; }

.faq .faq-list a { display: block; position: relative; font-family: "Poppins", sans-serif; font-size: 16px; line-height: 24px; font-weight: 500; padding: 0 30px; outline: none; }

.faq .faq-list .icon-help { font-size: 24px; position: absolute; right: 0; left: 20px; color: #97cac2; }

.faq .faq-list .icon-show, .faq .faq-list .icon-close { font-size: 24px; position: absolute; right: 0; top: 0; }

.faq .faq-list p { margin-bottom: 0; padding: 10px 0 0 0; }

.faq .faq-list .icon-show { display: none; }

.faq .faq-list a.collapsed { color: #343a40; }

.faq .faq-list a.collapsed:hover { color: #0082e0; }

.faq .faq-list a.collapsed .icon-show { display: inline-block; }

.faq .faq-list a.collapsed .icon-close { display: none; }

@media (max-width: 1200px) { .faq .faq-list { padding: 0; }
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact .info { padding: 30px; width: 100%; background: #fff; box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1); }

.contact .info i { font-size: 20px; color: #0082e0; float: left; width: 44px; height: 44px; background: #e1f0ee; 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: 22px; font-weight: 600; margin-bottom: 5px; color: #002286; }

.contact .info p { padding: 0 0 0 60px; margin-bottom: 0; font-size: 14px; color: #0052b3;}

.contact .info .email p { padding-top: 5px; }

.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: #0082e0; color: #fff; }

.contact .info .email:hover i, .contact .info .address:hover i, .contact .info .phone:hover i { background: #0082e0; color: #fff; }

.contact .php-email-form { width: 100%; padding: 30px; background: #fff; box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12); }

.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: #0082e0; border: 0; padding: 10px 24px; color: #fff; transition: 0.4s; border-radius: 4px; }

.contact .php-email-form button[type="submit"]:hover { background: #70c3ff; }

@-webkit-keyframes animate-loading { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes animate-loading { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer { background: #000c2e; padding: 0 0 20px 0; color: #fff; font-size: 14px; } /* padding: 0 0 30px 0; */

#footer .footer-top { background: #00134a; border-bottom: 1px solid #002286; padding: 60px 0 30px 0; }

#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; font-family: "Raleway", sans-serif; color: #fff; }

#footer .footer-top .social-links a { font-size: 18px; display: inline-block; background: #1c3733; color: #fff; 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: #0082e0; color: #fff; text-decoration: none; }

#footer .footer-top h4 { font-size: 16px; font-weight: 600; color: #fff; 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: #70c3ff; font-size: 18px; line-height: 1; }

#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: #fff; transition: 0.3s; display: inline-block; line-height: 1; }

#footer .footer-top .footer-links ul a:hover { color: #34dfbf; }

#footer .footer-top .footer-newsletter form { margin-top: 30px; background: #fff; padding: 6px 10px; position: relative; border-radius: 4px 0 0 4px; }

#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: 0; right: -4px; bottom: 0; border: 0; background: none; font-size: 16px; padding: 0 20px; background: #0082e0; color: #fff; transition: 0.3s; border-radius: 0 4px 4px 0; }

#footer .footer-top .footer-newsletter form input[type="submit"]:hover { background: #0052b3; }

#footer .copyright { text-align: center; padding-top: 30px; }

#footer .credits { padding-top: 20px; text-align: center; font-size: 4px; color: #fff;} /*padding-top: 10px;*/


/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
  padding: 15px 0;
  background: #f6f4f4;
  margin-top: 67px;
}

@media (max-width: 992px) {
  .breadcrumbs {
    margin-top: 50px;
  }
}

.breadcrumbs h2 {
  font-size: 26px;
  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: #655356;
  content: "/";
}

/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details { padding-top: 100px;} /* padding-top: 40px; */

.portfolio-details .portfolio-details-container {
  position: relative;
}

.portfolio-details .portfolio-details-carousel {
  position: relative;
  z-index: 1;
}

.portfolio-details .portfolio-details-carousel .owl-nav, .portfolio-details .portfolio-details-carousel .owl-dots {
  margin-top: 5px;
  text-align: left;
}

.portfolio-details .portfolio-details-carousel .owl-dot {
  display: inline-block;
  margin: 0 10px 0 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ddd !important;
}

.portfolio-details .portfolio-details-carousel .owl-dot.active {
  background-color: #e43c5c !important;
}

.portfolio-details .portfolio-info {
  padding: 30px;
  position: absolute;
  right: 0;
  bottom: -70px;
  background: #fff;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  z-index: 2;
}

.portfolio-details .portfolio-info h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 0; /* padding-bottom: 20px; */
  border-bottom: 1px solid #eee;
}

.portfolio-details .portfolio-info ul {
  list-style: none;
  padding: 0;
  font-size: 15px;
}

.portfolio-details .portfolio-info ul li + li {
  margin-top: 10px;
}

.portfolio-details .portfolio-description {
  padding-top: 50px;
}

.portfolio-details .portfolio-description h2 {
  width: 50%;
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
}

.portfolio-details .portfolio-description p {
  padding: 0 0 0 0;
}

@media (max-width: 768px) {
  .portfolio-details .portfolio-info {
    position: static;
    margin-top: 30px;
  }
}





.texto-parceiro { text-align:left;}
.titulo-parceiro { margin-bottom:0px;}
@media (max-width: 768px) { .texto-parceiro { text-align:center;} }