@charset "UTF-8";

.lk,
.lm {
    border: 1px solid red
}

.banner-home .row,
.menu-height {
    margin-top: 100px
}

.banner-home>img,
.blog-home .blog-cover .featured-img,
.fit-cover {
    object-fit: cover;
    object-position: center
}

.banner-container,
.banner-home,
.goods-banner .goods-bg {
    background-repeat: no-repeat;
    background-size: cover
}

.banner-home,
.blog-home .blog-cover,
.goods-banner,
.overflow-h,
.team .team-photo {
    overflow: hidden
}

.list-n,
.menu,
.sidebar {
    list-style: none
}

.bg-color1 {
    background-color: #357C74 !important
}

.color1 {
    color: #357C74 !important
}

.bg-color1-50 {
    background-color: rgba(53, 124, 116, .5) !important
}

.bg-color2 {
    background-color: #87C747 !important
}

.bg-color3 {
    background-color: #EBB531 !important
}

.bg-color4 {
    background-color: #F0EFEA !important
}

.bg-color5 {
    background-color: #FF7242 !important
}

.color6 {
    color: #1B75BB !important
}

.color-light {
    color: #fff !important
}

.bg-light {
    background-color: #fff !important
}

.bg-grey {
    background-color: #F0EFEA !important
}

.bg-dark {
    background-color: #434C52 !important
}

.color-dark {
    color: #434C52 !important
}

* {
    position: relative
}

body {
    color: #434C52;
    font-family: Quicksand, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5
}

body,
html {
    height: 100%
}

a {
    color: #87C747;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:hover {
    color: #357C74;
    text-decoration: underline
}

a:not([href]):not([tabindex]),
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus {
    outline: 0
}

.lk {
    background-color: #ff69b4
}

.lm {
    background-color: #0f0
}

.btn-primary,
.btn-primary:hover {
    color: #fff;
    background-color: #87C747;
    border-color: #87C747
}

.vh-100 {
    height: 100vh
}

.vh-80 {
    height: 80vh
}

.vh-70 {
    height: 70vh
}

.vh-50 {
    height: 50vh
}

.vh-40 {
    height: 40vh
}

.vh-30 {
    height: 30vh
}

.vh-20 {
    height: 20vh
}

.vh-10 {
    height: 10vh
}

.h-1 {
    height: 1%
}

.h-3 {
    height: 3%
}

.h-5 {
    height: 5%
}

.h-10 {
    height: 10%
}

.h-20 {
    height: 20%
}

.h-40 {
    height: 40%
}

.h-50 {
    height: 50%
}

.border-radius {
    border-radius: 20px
}

.decoration-n:hover {
    text-decoration: none
}

.p-10 {
    padding: 6rem !important
}

.p-8 {
    padding: 4.8rem !important
}

.btn-color1,
.btn-color5,
.btn-color6,
.btn-primary,
.btn-secondary {
    padding: 20px 50px;
    border-radius: 20px;
    cursor: pointer;
    white-space: normal;
    text-transform: uppercase
}

.btn-primary:hover {
    -webkit-transform: translate(-3px, -3px);
    transform: translate(-3px, -3px);
    -webkit-box-shadow: 3px 3px 5px 3px rgba(0, 0, 0, .24);
    box-shadow: 3px 3px 5px 3px rgba(0, 0, 0, .24)
}

.btn-primary.focus,
.btn-primary:focus {
    -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, .5);
    box-shadow: 0 0 0 3px rgba(0, 0, 0, .5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    background-color: #357C74;
    border-color: #357C74
}

.btn-primary.active,
.btn-primary:active,
.show>.btn-primary.dropdown-toggle {
    background-color: #87C747;
    background-image: none;
    border-color: none
}

.btn-secondary,
.btn-secondary:hover {
    color: #fff;
    background-color: #EBB531;
    border-color: #EBB531
}

.btn-secondary:hover {
    -webkit-transform: translate(-3px, -3px);
    transform: translate(-3px, -3px);
    -webkit-box-shadow: 3px 3px 5px 3px rgba(0, 0, 0, .24);
    box-shadow: 3px 3px 5px 3px rgba(0, 0, 0, .24)
}

.btn-color1:hover,
.btn-color5:hover {
    -webkit-transform: translate(-3px, -3px)
}

.btn-secondary.focus,
.btn-secondary:focus {
    -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, .5);
    box-shadow: 0 0 0 3px rgba(0, 0, 0, .5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    background-color: #868e96;
    border-color: #868e96
}

.btn-secondary.active,
.btn-secondary:active,
.show>.btn-secondary.dropdown-toggle {
    background-color: #EBB531;
    background-image: none;
    border-color: #EBB531
}

.btn-color1,
.btn-color1:hover {
    color: #fff;
    background-color: #357C74;
    border-color: #357C74
}

.btn-color1:hover {
    transform: translate(-3px, -3px);
    -webkit-box-shadow: 3px 3px 5px 3px rgba(0, 0, 0, .24);
    box-shadow: 3px 3px 5px 3px rgba(0, 0, 0, .24)
}

.btn-color1.focus,
.btn-color1:focus {
    -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, .5);
    box-shadow: 0 0 0 3px rgba(0, 0, 0, .5)
}

.btn-color1.disabled,
.btn-color1:disabled {
    background-color: #868e96;
    border-color: #868e96
}

.btn-color1.active,
.btn-color1:active,
.show>.btn-color1.dropdown-toggle {
    background-color: #357C74;
    background-image: none;
    border-color: #357C74
}

.btn-color5,
.btn-color5:hover {
    color: #fff;
    background-color: #FF7242;
    border-color: #FF7242
}

.btn-color5:hover {
    transform: translate(-3px, -3px);
    -webkit-box-shadow: 3px 3px 5px 3px rgba(0, 0, 0, .24);
    box-shadow: 3px 3px 5px 3px rgba(0, 0, 0, .24)
}

.btn-color5.focus,
.btn-color5:focus {
    -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, .5);
    box-shadow: 0 0 0 3px rgba(0, 0, 0, .5)
}

.btn-color5.disabled,
.btn-color5:disabled {
    background-color: #868e96;
    border-color: #868e96
}

.btn-color5.active,
.btn-color5:active,
.show>.btn-color5.dropdown-toggle {
    background-color: #FF7242;
    background-image: none;
    border-color: #FF7242
}

.btn-color6,
.btn-color6:hover {
    color: #fff;
    background-color: #1B75BB;
    border-color: #1B75BB
}

.btn-color6:hover {
    -webkit-transform: translate(-3px, -3px);
    transform: translate(-3px, -3px);
    -webkit-box-shadow: 3px 3px 5px 3px rgba(0, 0, 0, .24);
    box-shadow: 3px 3px 5px 3px rgba(0, 0, 0, .24)
}

.btn-color6.focus,
.btn-color6:focus {
    -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, .5);
    box-shadow: 0 0 0 3px rgba(0, 0, 0, .5)
}

.box-shadow,
.services a .option:hover {
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23)
}

.btn-color6.disabled,
.btn-color6:disabled {
    background-color: #868e96;
    border-color: #868e96
}

.btn-color6.active,
.btn-color6:active,
.show>.btn-color6.dropdown-toggle {
    background-color: #1B75BB;
    background-image: none;
    border-color: #1B75BB
}

.banner,
.banner__caption {
    background-color: #357C74
}

.banner {
    min-height: 20vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1rem 0
}

.menu,
.services a .option {
    display: -webkit-box;
    display: -ms-flexbox
}

.box-shadow {
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23)
}

.box-shadow-hover {
    -webkit-transition: .2s;
    transition: .2s
}

.box-shadow-hover:hover {
    -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
    box-shadow: 0 6px 6px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23)
}

.upper {
    text-transform: uppercase
}

.bold {
    font-weight: 900
}

.italic {
    font-style: italic
}

.navbar-brand {
    max-width: 250px;
    min-width: 200px
}

.navbar-toggler,
.navbar-toggler:active,
.navbar-toggler:focus {
    border: none
}

.menu-menu-principal-container {
    padding: 20px 0
}

.menu-menu-principal-container a,
.menu-menu-principal-container a:hover {
    text-decoration: none;
    color: inherit
}

.menu {
    text-transform: uppercase;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 0
}

.menu-item {
    padding: 10px;
    text-align: center
}

@media (max-width:720px) {
    .navbar-brand {
        max-width: 200px
    }

    .menu-item {
        padding: 2px
    }
}

.menu-item>a {
    color: #434C52
}

.menu-item>a:hover {
    color: #357C74
}

.banner-home {
    background-position: top;
    background-attachment: fixed;
    color: #fff
}

.banner-home>img {
    width: 100%;
    height: 100%;
    z-index: -7;
    position: absolute
}

.banner-home h1 {
    font-size: 3rem;
    text-shadow: 3px 3px 3px #000;
    text-align: center
}

@media (max-width:768px) {
    .banner-home h1 {
        font-size: 2rem;
        text-shadow: 3px 3px 3px #000;
        text-align: center
    }
}

.banner__cta {
    text-transform: uppercase
}

.banner__caption {
    bottom: 0;
    color: #fff
}

.banner__caption h3 {
    font-weight: 400
}

.banner__caption .lead {
    font-size: 1.2rem
}

.services {
    color: #434C52
}

.services a {
    color: inherit
}

.services a:hover {
    color: inherit;
    text-decoration: none
}

.services a .option {
    padding: 15px;
    height: 100%;
    border: 1px solid #F0EFEA;
    border-radius: 20px;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    -webkit-transition: all .3s cubic-bezier(.25, .8, .25, 1);
    transition: all .3s cubic-bezier(.25, .8, .25, 1)
}

.blog-home .blog-cover,
.nav-links {
    display: -webkit-box;
    display: -ms-flexbox
}

.nav-links,
.post-categories {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}

.services a .option:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
    border: 1px solid #F0EFEA;
    background-color: #F0EFEA
}

.blog-home .blog-cover .featured-img:hover,
.service-block {
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23)
}

.services a .option:hover img {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
}

.services a .option .option-head {
    height: 60%;
    margin-bottom: 15px
}

.services .option img {
    -webkit-transition: all .3s cubic-bezier(.25, .8, .25, 1);
    transition: all .3s cubic-bezier(.25, .8, .25, 1);
    width: 100px;
    margin: 20px
}

.services .option h3 {
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 1.25rem;
    text-align: center
}

.services .option ul {
    padding: 0
}

.services .option ul li {
    margin: 5px auto;
    list-style-position: inside;
    font-size: .8rem
}

.services__cta {
    text-transform: uppercase;
    font-weight: 700
}

.goods-banner .goods-bg {
    background-image: url(assets/images/business.jpeg);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: brightness(50%);
    filter: brightness(50%)
}

.goods-banner .goods-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 3px 3px 3px #434C52
}

.goods-banner .goods-content .goods-content-title {
    font-weight: 300;
    line-height: 2
}

.blog-home h3,
.goods-banner .goods-content .goods-content-title span {
    font-weight: 900
}

@media (max-width:720px) {
    .goods-banner .goods-content .goods-content-title {
        font-size: 24px;
        line-height: 1
    }
}

@media (max-width:480px) {
    .goods-banner .goods-content .goods-content-title {
        line-height: 1.1
    }
}

.blog-home {
    text-align: center;
    background-color: #686F74;
    color: #fff
}

.blog-home .blog-cover {
    /* max-height: 180px; */
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

.contact .icon,
.contact .icon-social {
    max-height: 30px;
    width: auto
}

.blog-home .blog-cover .featured-img {
    width: 100%;
    height: 100%;
    transition: .2s
}

.blog-home .blog-cover .featured-img:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23)
}

.blog-home a,
.blog-home a:hover {
    color: inherit
}

.blog-home h3 {
    text-transform: uppercase
}

.blog-home h4 {
    font-size: 1.5rem;
    font-weight: 500;
    height: 100px;
    min-height: 100px
}

@media (max-width:1200px) {
    .blog-home h4 {
        line-height: 1.1
    }
}

.blog-home p {
    font-size: 1rem;
    line-height: 1.2;
    min-height: 115px
}

.line {
    width: 100%;
    border-top: 1px solid #F0EFEA
}

.testimonials .carousel-indicators li {
    background-color: #fff
}

.footer,
.testimonials .carousel-indicators .active {
    background-color: #434C52
}

.testimonials .testimonial-corrousel {
    min-height: 300px
}

.testimonials .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23434C52' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")
}

.testimonials .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23434C52' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")
}

.testimonials h3 {
    color: #357C74;
    font-weight: 900;
    text-transform: uppercase
}

.testimonials .testimonial-content {
    color: #434C52;
    font-size: 1.5rem;
    line-height: 1;
    width: 100%
}

.testimonials .testimonial-author {
    color: #434C52;
    font-weight: 900;
    text-align: right;
    font-size: 1rem
}

@media (max-width:720px) {
    .testimonials .testimonial-content {
        font-size: 1rem
    }

    .testimonials .testimonial-author {
        font-size: .9rem;
        line-height: 1.1
    }
}

.footer {
    color: #fff
}

.footer p {
    margin: 0
}

@media (max-width:480px) {
    .footer p {
        margin: 30px 0;
        line-height: 1;
        font-size: 14px
    }
}

.footer .icons-footer {
    padding: 10px
}

.footer .icons-footer a {
    padding: 5px;
    color: #fff
}

.footer .icons-footer a:hover {
    text-decoration: none
}

.footer .icons-footer img {
    height: 30px;
    width: auto;
    -webkit-transition: .2s;
    transition: .2s
}

.footer .icons-footer img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.footer .logo-footer {
    width: 150px;
    -webkit-transition: .2s;
    transition: .2s
}

.footer .logo-footer:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.footer bg-footer {
    position: absolute;
    top: 0;
    background-color: rgba(67, 76, 82, .5)
}

.banner-contact {
    margin-top: 100px;
    color: #fff
}

.contact {
    color: #fff;
    text-align: right
}

.contact .map {
    width: 100%;
    height: 300px
}

.contact a {
    color: #fff;
    font-weight: 900
}

.contact a:hover {
    color: #87C747
}

.contact .icon {
    position: absolute;
    left: -50px
}

.contact .form {
    color: #434C52
}

.contact .line-label {
    padding: 0 2rem
}

.contact img {
    height: 30px;
    width: auto;
    -webkit-transition: .2s;
    transition: .2s
}

.contact img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.seta-color1,
.seta-dark {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%)
}

.banner-about {
    background-color: #357C74;
    color: #fff
}

.banner-about h1 {
    text-transform: uppercase;
    line-height: 1
}

.banner-about h2 {
    font-size: 1.25rem;
    line-height: 1.5
}

@media (max-width:720px) {
    .banner-about h2 {
        font-size: 1rem;
        line-height: 1.2
    }
}

.banner-about .arrow {
    width: 60px;
    height: auto
}

.seta-color1,
.seta-color3,
.seta-dark {
    border-left: 50vw solid #fff;
    border-right: 50vw solid #fff;
    width: 0
}

.banner-about .banner-content {
    font-size: 1.25rem;
    text-align: center
}

@media (max-width:480px) {
    .banner-about .banner-content {
        font-size: 18px
    }
}

.seta-color1 {
    transform: translateX(-50%);
    margin: 0 auto;
    border-top: 50px solid #357C74;
    height: 0
}

.seta-dark {
    transform: translateX(-50%);
    margin: 0 auto;
    border-top: 50px solid #434C52;
    height: 0
}

.seta-color3,
.seta-inverted-grey {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    margin: 0 auto
}

.seta-color3 {
    transform: translateX(-50%);
    border-top: 50px solid #EBB531;
    height: 0
}

.acreditamos,
.history,
.team {
    color: #434C52
}

.acreditamos h2,
.history h2,
.team h2 {
    color: #87C747;
    text-transform: uppercase;
    font-weight: 900
}

.team .team-photo {
    margin: 0 auto;
    max-width: 160px;
    height: 0;
    padding-bottom: 160px;
    border-radius: 50%;
    z-index: 777
}

.banner-container {
    background-image: url(assets/images/containers.png);
    background-position: center
}

.line-title {
    flex-grow: 1;
    position: relative;
    height: 2px;
    border-top: 2px solid #357C74;
    top: 0;
    width: 100%;
    flex: 1 1 auto
}

.team .team-content {
    padding: 20px 0
}

.team .intro {
    min-height: 120px
}

@media (max-width:768px) {
    .team .intro {
        min-height: 60px
    }
}

.team .team-content h3 {
    font-weight: 900;
    color: #434C52
}

.team .team-content h4 {
    font-size: 1rem;
    font-style: italic
}

.team .team-social {
    width: 100%;
    padding: 1rem;
    -webkit-transition: .5s;
    transition: .5s
}

.team .team-social a {
    padding: 0
}

.team .team-social svg {
    fill: #434C52;
    max-height: 20px
}

.team .team-social svg:hover {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    fill: #87C747
}

.seta-inverted-grey {
    transform: translateX(-50%);
    border-left: 50vw solid #F0EFEA;
    border-right: 50vw solid #F0EFEA;
    border-top: 50px solid #fff;
    height: 0;
    width: 0
}

.seta-color2,
.seta-grey {
    -webkit-transform: translateX(-50%);
    border-left: 50vw solid #fff;
    border-right: 50vw solid #fff;
    height: 0;
    width: 0;
    position: relative;
    left: 50%
}

.seta-grey {
    transform: translateX(-50%);
    margin: 0 auto;
    border-top: 50px solid #F0EFEA
}

.banner-services {
    margin-top: 100px;
    color: #fff;
    background-color: #87C747;
    text-transform: uppercase
}

.banner-services h2 {
    font-size: 1.25rem;
    line-height: 1.5;
    text-align: center
}

@media (max-width:720px) {
    .banner-services h1 {
        font-size: 2rem;
        line-height: 1
    }

    .banner-services h2 {
        font-size: 1rem;
        line-height: 1.2
    }
}

.seta-color2 {
    transform: translateX(-50%);
    margin: 0 auto;
    border-top: 50px solid #87C747
}

.service-block {
    position: relative;
    border: 1px solid #434C52;
    border-radius: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #434C52;
    margin-bottom: 200px;
    padding-bottom: 50px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23)
}

.blog-page .featured-img:hover,
.pesquisa .featured-img:hover {
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23)
}

.service-block .service-icon {
    position: absolute;
    top: -60px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 120px;
    height: auto
}

.service-block .fix-br-goods {
    background-color: #fff
}

.banner-blog button,
.newsletter-banner,
.newsletter-banner button {
    background-color: #357C74;
    color: #fff
}

.service-block .service-title {
    position: relative;
    margin-top: 100px;
    margin-bottom: 50px;
    text-align: center
}

.service-block .service-title h2 {
    font-weight: 900;
    min-height: 80px;
    padding: 0 15px
}

.service-block .service-title h3 {
    margin: 0 auto;
    font-size: 1.2rem;
    width: 80%
}

.service-block .service-content a {
    color: #434C52;
    font-weight: 700
}

.service-block .service-content ul {
    text-align: left;
    text-transform: none
}

.service-block .service-content ul li {
    margin-bottom: 20px;
    font-weight: 700
}

.service-block .service-content .btn {
    text-transform: none;
    padding: 10px;
    font-size: 16px
}

.service-block .service-content .comex-image {
    position: relative;
    width: 100px;
    height: 100px;
    margin: 10px auto
}

.service-block .service-content .comex-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0 auto;
    height: 100%;
    width: auto;
    z-index: 777
}

.service-block .service-content .comex-image .comex a {
    color: #434C52
}

.service-block .service-content .comex-image .comex a:hover {
    font-weight: 900;
    color: #434C52
}

@media (max-width:991px) {
    .service-block .service-content .comex-image {
        width: 75px;
        height: 75px
    }
}

@media (max-width:720px) {
    .service-block {
        margin: 0 15px 80px
    }

    .service-block .service-icon {
        width: 100px;
        top: -50px
    }
}

.banner-blog input,
.newsletter-banner input {
    width: 80%
}

.img-350 {
    -o-object-fit: cover;
    object-fit: cover
}

.banner-blog {
    margin-top: 100px;
    color: #fff;
    text-transform: uppercase
}

.newsletter-banner {
    margin-top: 20px;
    text-transform: uppercase
}

.blog-page .featured-img,
.pesquisa .featured-img {
    width: 100%;
    transition: .2s;
    object-fit: cover;
    object-position: center
}

.blog-page,
.blog-page a,
.pagination,
.pesquisa,
.pesquisa a {
    color: #434C52
}

.blog-page .featured-img {
    height: 100%
}

.blog-page .featured-img:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23)
}

.blog-page h2 {
    font-weight: 900;
    font-size: 1.3rem
}

.blog-page .author {
    font-weight: 900;
    font-size: 1rem
}

.pesquisa .featured-img {
    height: auto
}

.pesquisa .featured-img:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23)
}

.pesquisa h2 {
    font-weight: 900;
    font-size: 1.3rem
}

.pesquisa .author {
    font-weight: 900;
    font-size: 1rem
}

.nav-links {
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pagination .prev {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.pagination .next {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.pagination .page-numbers {
    color: #434C52;
    background-color: #fff;
    text-decoration: none;
    position: relative;
    margin-left: -1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 12px;
    line-height: 1.2;
    border: 1px solid #434C52
}

.main-single .category,
.main-single .content,
.main-single .team-social {
    border-top: 1px solid #F0EFEA
}

.pagination .page-numbers:hover {
    background-color: #F0EFEA;
    color: #000
}

.pagination .current,
.pagination .current:hover {
    font-weight: 900;
    color: #87C747
}

.screen-reader-text {
    display: none
}

.widget {
    margin: 2rem 0
}

.banner-guides {
    margin-top: 100px;
    color: #fff
}

@media (max-width:720px) {
    .banner-guides h1 {
        line-height: 1
    }
}

.banner-guides h2 {
    font-size: 1.25rem;
    line-height: 1.5
}

@media (max-width:720px) {
    .banner-guides h2 {
        font-size: 1rem;
        line-height: 1.2
    }
}

.ebooks-headline {
    color: #fff
}

.ebooks-content,
.ebooks-content a,
.main-single,
.manual-headline,
.manuals-content,
.manuals-content a,
.manuals-content a h3 {
    color: #434C52
}

.ebooks-headline .ebooks-category .nav-item {
    padding: 0 30px
}

.ebooks-headline .ebooks-category input {
    width: 300px
}

.ebooks-content .ebook-cover {
    position: relative;
    overflow: hidden;
    margin-top: 3rem;
    width: 100%;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

.ebooks-content .ebook-cover:hover .ebook-hover {
    opacity: 1
}

.ebooks-content .ebook-cover .ebook-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 777;
    background-color: rgba(67, 76, 82, .5);
    border-radius: 10px;
    opacity: 0;
    -webkit-transition: .5s ease;
    transition: .5s ease
}

.ebooks-content .ebook-cover img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    border-radius: 10px;
    min-height: 263px
}

@media (max-width:1199px) {
    .ebooks-content .ebook-cover img {
        min-height: 218px
    }
}

@media (max-width:991px) {
    .ebooks-content .ebook-cover img {
        min-height: 180px
    }
}

.ebooks-content a:hover {
    text-decoration: none
}

.ebooks-content a h3 {
    color: #434C52;
    font-size: 1.5rem;
    min-height: 80px
}

.ebooks-content a p,
.preco {
    font-size: 1rem
}

.ebooks-content a h3:hover {
    text-decoration: underline
}

.manuals-content .manual-cover {
    margin-top: 5rem;
    margin-bottom: 2rem
}

.parcelado,
.preco {
    margin: 0 20px;
    padding: 0;
    font-weight: 900
}

.manuals-content .manual-cover img {
    width: 80%;
    height: auto
}

.manuals-content a:hover {
    text-decoration: none
}

.manuals-content a h3:hover {
    text-decoration: underline
}

.parcelado {
    font-size: 1.5rem
}

.main-single .category,
.main-single .comments {
    margin-bottom: 3rem;
    padding-bottom: 3rem;
    border-bottom: 1px solid #F0EFEA
}

.main-single .author {
    font-size: 14px
}

.main-single .avatar {
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.main-single .team-social svg {
    max-height: 30px
}

.main-single .content {
    margin-top: 2rem;
    padding-top: 2rem
}

.main-single .content img {
    max-width: 100%;
    height: auto
}

.main-single .category {
    margin-top: 3rem;
    padding-top: 3rem
}

.post-categories {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.post-categories li {
    margin-right: 1rem
}

#related-posts {
    text-align: center;
    background-color: #686F74;
    color: #fff
}

#related-posts .blog-cover {
    height: 250px
}

#related-posts .blog-cover .featured-img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    height: 100%;
    transition: .2s
}

#related-posts .blog-cover .featured-img:hover {
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23)
}

#related-posts a,
#related-posts a:hover {
    color: inherit
}

#related-posts h3 {
    font-weight: 400;
    font-size: 1rem
}

#related-posts .author,
.single-servicos h4 {
    font-weight: 700
}

.banner-blog .avatar {
    margin: 10px auto;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.page-main h1 {
    color: #fff
}

.page-sidebar {
    width: 80%;
    border-top: 1px solid grey;
    margin-left: auto;
    margin-right: auto
}

.page-sidebar .widgettitle {
    font-size: 1.5rem
}

.banner-mkt {
    color: #fff;
    margin-top: 100px
}

.icon {
    max-width: 80px
}

.card {
    padding: 15px;
    height: 100%;
    border: 1px solid #F0EFEA;
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    -webkit-transition: all .3s cubic-bezier(.25, .8, .25, 1);
    transition: all .3s cubic-bezier(.25, .8, .25, 1)
}

.card:hover {
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
    border: 1px solid #F0EFEA;
    background-color: #F0EFEA
}

.single-servicos .super-icon {
    display: flex;
    justify-content: center;
    margin: 2rem 0 0;
    height: 100%
}

.single-servicos .super-icon img {
    width: auto;
    height: 80px
}

.single-servicos .title {
    color: #357C74;
    margin: 2rem 0
}

.single-servicos h3 {
    font-size: 1.5rem;
    font-weight: 700
}

.img-contextual {
    width: 100%;
    max-height: 40vh;
    object-fit: cover;
    object-position: center;
}

.mkt-internacional .super-icon {
    display: flex;
    justify-content: center;
    margin: 2rem 0 0;
    height: 100%
}

.mkt-internacional .super-icon img {
    width: auto;
    height: 80px
}

.mkt-internacional .title {
    color: #357C74;
    margin: 2rem 0
}

.mkt-internacional h3 {
    font-size: 1.5rem;
    font-weight: 700
}

.img-contextual {
    width: 100%;
    max-height: 40vh;
    object-fit: cover;
    object-position: center;
}