@font-face {
    font-family: Maven Pro;
    src: url(../fonts/MavenPro-Regular.woff2) format("woff2"), url(../fonts/MavenPro-Regular.woff) format("woff"), url(../fonts/MavenPro-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: fallback
}
@font-face {
    font-family: Maven Pro;
    src: url(../fonts/MavenPro-Black.woff2) format("woff2"), url(../fonts/MavenPro-Black.woff) format("woff"), url(../fonts/MavenPro-Black.ttf) format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: fallback
}
@font-face {
    font-family: Maven Pro;
    src: url(../fonts/MavenPro-Medium.woff2) format("woff2"), url(../fonts/MavenPro-Medium.woff) format("woff"), url(../fonts/MavenPro-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: fallback
}
@font-face {
    font-family: Maven Pro;
    src: url(../fonts/MavenPro-Bold.woff2) format("woff2"), url(../fonts/MavenPro-Bold.woff) format("woff"), url(../fonts/MavenPro-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: fallback
}
@font-face {
    font-family: Noway;
    src: url(../fonts/Noway-Light.woff2) format("woff2"), url(../fonts/Noway-Light.woff) format("woff"), url(../fonts/Noway-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: fallback
}
@font-face {
    font-family: Noway;
    src: url(../fonts/Noway-Medium.woff2) format("woff2"), url(../fonts/Noway-Medium.woff) format("woff"), url(../fonts/Noway-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: fallback
}
@font-face {
    font-family: Noway;
    src: url(../fonts/Noway-Bold.woff2) format("woff2"), url(../fonts/Noway-Bold.woff) format("woff"), url(../fonts/Noway-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: fallback
}
@font-face {
    font-family: Noway;
    src: url(../fonts/Noway-Thin.woff2) format("woff2"), url(../fonts/Noway-Thin.woff) format("woff"), url(../fonts/Noway-Thin.ttf) format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: fallback
}
@font-face {
    font-family: Noway;
    src: url(../fonts/Noway.woff2) format("woff2"), url(../fonts/Noway.woff) format("woff"), url(../fonts/Noway.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: fallback
}
.svg-icon {
    width: 1em;
    height: 1em
}
.svg-icon path,
.svg-icon polygon,
.svg-icon rect {
    fill: #fff
}
.svg-icon circle {
    stroke: #fff;
    stroke-width: 1
}
.banner {
    position: relative
}
.banner .image img {
    max-width: 100%
}
.banner .content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start
}
.banner .content:not(.container-fluid) {
    padding: 55px
}
.banner .content .text {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 500px;
    color: #fff
}
.banner .content .text .title,
.banner .content .text h2,
.banner .content .text h3 {
    font-size: 50px;
    font-weight: 600;
    line-height: 1em
}
.banner .content .text p {
    font-size: 20px
}
.banner .content .text a {
    display: block;
    margin: 5px 20px 0 0;
    text-decoration: none;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-weight: 600;
    padding: 18px 20px 11px;
    font-size: 12px;
    border: none;
    background-color: #165855;
    color: #fff;
    border-radius: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}
.banner .content .text a:hover {
    background-color: #0c2f2e;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}
.banner.style-1 .content {
    -webkit-box-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    justify-content: flex-start
}
.banner.style-1 .content .text {
    max-width: 400px
}
.banner.style-1 .content .text .title,
.banner.style-1 .content .text h2,
.banner.style-1 .content .text h3,
.banner.style-1 .content .text h4 {
    font-size: 50px;
    font-weight: 600
}
.banner.style-1 .content .text p {
    font-size: 14px
}
.banner.style-2 .content {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background-color: rgba(22, 88, 85, .7)
}
.banner.style-2 .content .text {
    text-align: center
}
.banner.style-2 .content .text h2,
.banner.style-2 .content .text h3,
.banner.style-2 .content .text h4 {
    border-bottom: 2px solid #fff;
    font-size: 42px;
    color: #fff;
    margin-bottom: 25px;
    padding: 10px 0;
    line-height: 1em
}
.banner.style-2 .content .text p {
    font-size: 22px;
    letter-spacing: .05em;
    line-height: 1.4em
}
#menu-mobile {
    background-color: #fff
}
#menu-mobile .mm-panels .mm-panel {
    background: #fff
}
#menu-mobile .mm-panels .mm-panel .mm-navbar__title {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}
#menu-mobile.mm-opened {
    display: block
}
#menu-mobile .mm-panels>.mm-panel:after,
#menu-mobile .mm-panels>.mm-panel:before {
    height: 0
}
#menu-mobile .mm-panels>.mm-panel.mm-hasnavbar {
    padding-top: 58px
}
#menu-mobile .cart {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start
}
#menu-mobile .cart,
#menu-mobile .cart span {
    -webkit-box-align: center;
    align-items: center
}
#menu-mobile .cart span {
    background: red;
    color: #00f;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-pack: center;
    justify-content: center;
    border-radius: 50%;
    height: 12px;
    width: 12px;
    margin-left: 5px
}
#menu-mobile a {
    font-family: Maven Pro, sans-serif;
    margin: 0 20px 0 0;
    text-decoration: none;
    padding-top: 7px;
    padding-bottom: 7px;
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    color: #343535;
    white-space: nowrap;
    font-size: 12px;
    letter-spacing: .15em
}
#menu-mobile .mm-navbar {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 58px;
    line-height: 20px;
    background: #fff;
    color: #000
}
#menu-mobile .mm-navbar .mm-title {
    font-family: Maven Pro, sans-serif;
    margin: 0 20px 0 0;
    text-decoration: none;
    padding-top: 7px;
    padding-bottom: 7px;
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    color: #343535;
    white-space: nowrap;
    font-size: 12px;
    letter-spacing: .15em
}
#menu-mobile .mm-navbar .mm-prev {
    height: 100%
}
#menu-mobile .mm-panels>.mm-panel>.mm-navbar+.mm-listview {
    margin-top: 0
}
#menu-mobile .menu li.search {
    background-color: #000
}
#menu-mobile .menu li.search .form-search label {
    width: 100%;
    font-weight: 200;
    margin-bottom: 0
}
#menu-mobile .menu li.search .form-search input {
    width: 100%;
    height: 58px;
    padding: 10px 10px 10px 20px;
    border: 0;
    letter-spacing: .03em;
    background-color: #fff;
    font-size: 9px
}
#menu-mobile .menu li.search:after {
    border-color: #fff;
    left: 0
}
#menu-mobile .menu li.account {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    position: absolute;
    bottom: 0;
    margin-bottom: 0;
    width: 100%
}
#menu-mobile .menu li.account>a {
    flex-basis: 50%;
    -webkit-box-flex: 1;
    flex: 1;
    padding: 10px
}
#menu-mobile .menu li {
    display: block
}
#menu-mobile .menu li a {
    font-family: Maven Pro, sans-serif;
    margin: 0 20px 0 0;
    text-decoration: none;
    padding-top: 7px;
    padding-bottom: 7px;
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    color: #343535;
    white-space: nowrap;
    font-size: 12px;
    letter-spacing: .15em
}
#menu-mobile .menu.menu-drop {
    padding-top: 58px
}
#menu-mobile .menu li {
    margin: 0
}
#menu-mobile .menu li:after {
    left: 0
}
#menu-mobile .menu li.has-menu-drop .mm-next:before {
    border: none
}
html.mm-opened #menu-mobile .menu {
    display: block
}
html.mm-opened .hamburger .hamburger-inner {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    -webkit-transition-delay: .12s;
    transition-delay: .12s;
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}
html.mm-opened .hamburger .hamburger-inner:before {
    top: 0;
    opacity: 0;
    -webkit-transition: top .1s ease-out, opacity .1s ease-out .12s;
    transition: top .1s ease-out, opacity .1s ease-out .12s
}
html.mm-opened .hamburger .hamburger-inner:after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: bottom .1s ease-out, -webkit-transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
    transition: bottom .1s ease-out, -webkit-transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
    transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
    transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s, -webkit-transform .22s cubic-bezier(.215, .61, .355, 1) .12s
}
.hamburger {
    position: relative;
    padding: 5px;
    display: inline-block;
    cursor: pointer;
    -webkit-transition-property: opacity, -webkit-filter;
    transition-property: opacity, -webkit-filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    margin: 0;
    overflow: visible
}
.hamburger:hover {
    opacity: .7
}
.hamburger .hamburger-box {
    width: 30px;
    height: 18px;
    display: inline-block;
    position: relative
}
.hamburger .hamburger-inner {
    -webkit-transition-duration: .22s;
    transition-duration: .22s;
    -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    display: block;
    top: 50%;
    margin-top: 2px/-2
}
.hamburger .hamburger-inner,
.hamburger .hamburger-inner:after,
.hamburger .hamburger-inner:before {
    width: 30px;
    height: 2px;
    background-color: #fff;
    border-radius: 0;
    position: absolute;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}
.hamburger .hamburger-inner:after,
.hamburger .hamburger-inner:before {
    content: "";
    display: block
}
.hamburger .hamburger-inner:before {
    top: -8px
}
.hamburger .hamburger-inner:after {
    bottom: -8px
}
.hamburger .hamburger-inner:before {
    -webkit-transition: top .1s ease-in .25s, opacity .1s ease-in;
    transition: top .1s ease-in .25s, opacity .1s ease-in
}
.hamburger .hamburger-inner:after {
    -webkit-transition: bottom .1s ease-in .25s, -webkit-transform .22s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s ease-in .25s, -webkit-transform .22s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19), -webkit-transform .22s cubic-bezier(.55, .055, .675, .19)
}
.section-reviews {
    background-color: #8baaad;
    margin-bottom: 0;
    background-size: 35% auto;
    background-position: 0;
    background-repeat: no-repeat;
    padding-top: 100px;
    padding-bottom: 100px
}
@media (max-width: 767px) {
    .section-reviews {
        padding-top: 50px;
        padding-bottom: 50px
    }
}
.section-reviews .heading-section .title-section {
    font-size: 40px
}
@media (max-width: 767px) {
    .section-reviews .heading-section .title-section {
        font-size: 30px
    }
}
.section-reviews .wrapper-reviews {
    position: relative
}
.section-reviews .banner-review .review-wrapper {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}
@media (max-width: 767px) {
    .section-reviews .banner-review .review-wrapper {
        padding: 10px
    }
}
.section-reviews .banner-review header {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    flex-wrap: nowrap;
    margin-bottom: 15px
}
.section-reviews .banner-review header img {
    width: 60px;
    border-radius: 50%;
    margin-right: 20px
}
.section-reviews .banner-review header .infos {
    padding-top: 5px
}
.section-reviews .banner-review header .infos h2 {
    font-weight: 400;
    letter-spacing: .05em;
    font-size: 24px;
    line-height: 1em;
    text-transform: uppercase;
    color: #383838
}
.section-reviews .banner-review header .infos p {
    font-size: 13px;
    letter-spacing: .02em;
    color: #383838
}
.section-reviews .banner-review .body h2 {
    font-weight: 300;
    letter-spacing: .05em;
    margin-bottom: 15px
}
.section-reviews .banner-review .body p {
    line-height: 1.5em;
    color: #383838;
    font-size: 16px
}
.section-reviews .swiper-button-next {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    right: -18px
}
.section-reviews .swiper-button-next,
.section-reviews .swiper-button-prev {
    background-image: url(../images/arrow_white.svg);
    width: 30px;
    height: 30px;
    background-size: contain
}
.section-reviews .swiper-button-prev {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    left: -18px
}
.section-reviews .swiper-button-disabled {
    opacity: 0
}
.section-reviews.reviews-produto {
    padding-left: 35%
}
.section-reviews-new {
    background: #f6f6f6
}
.section-reviews-new .swiper-slide {
    height: auto
}
.section-reviews-new .swiper-button-next {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    right: 0
}
.section-reviews-new .swiper-button-next,
.section-reviews-new .swiper-button-prev {
    background-image: url(../images/arrow_white.svg);
    width: 30px;
    height: 30px;
    background-size: contain
}
.section-reviews-new .swiper-button-prev {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    left: 0
}
.section-reviews-new .heading-section .title-section {
    text-align: left;
    font-size: 30px;
    padding-top: 25px;
    margin-bottom: 0;
    padding-bottom: 0;
    font-weight: 400
}
.section-reviews-new a:hover {
    text-decoration: none
}
.section-reviews-new .review-wrapper {
    background: #165855;
    border: 1px solid hsla(0, 0%, 79.6%, .15);
    border-radius: .375rem;
    box-shadow: 0 .125rem 1.25rem 0 hsla(0, 0%, 79.6%, .5);
    padding: 24px;
    margin: 20px 0;
    color: #f4fff8;
    height: calc(100% - 20px)
}
.section-reviews-new .review-wrapper header {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start
}
.section-reviews-new .review-wrapper header figure {
    width: 70px;
    margin-right: 20px
}
.section-reviews-new .review-wrapper header img {
    border-radius: 50%
}
.section-reviews-new .review-wrapper header .infos h2 {
    font-size: 16px;
    font-weight: 400
}
.section-reviews-new .review-wrapper header .infos h2 svg {
    width: 15px;
    fill: #f4fff8;
    position: relative;
    top: 2px
}
.section-reviews-new .review-wrapper header .infos p {
    margin-bottom: 0;
    font-size: 14px
}
.section-reviews-new .review-wrapper .body {
    margin-top: 30px
}
.section-reviews-new .review-wrapper .body h1,
.section-reviews-new .review-wrapper .body h2,
.section-reviews-new .review-wrapper .body h3 {
    font-size: 1.5em;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px
}
.section-reviews-new .review-wrapper .body p {
    margin-bottom: 0;
    font-size: 14px
}
.icones .content {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    align-items: flex-start
}
@media (max-width: 767px) {
    .icones .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: center;
        align-items: center
    }
}
.icones .item {
    padding: 0;
    width: 100%
}
@media (max-width: 767px) {
    .icones .item {
        padding: 30px 0
    }
}
.icones .item img {
    width: 100px;
    display: block;
    margin: 0 auto
}
.icones .item span {
    color: #165855;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 20px;
    display: block;
    text-align: center;
    font-weight: 700
}
.icones .item a:hover,
.icones .item span:hover {
    text-decoration: none
}
.footer {
    background-color: #373737;
    padding: 45px 0;
    color: #fff
}
.footer .infos {
    margin-top: 10px
}
.footer .footer-title {
    font-family: Noway, sans-serif;
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    text-transform: lowercase;
    letter-spacing: .05em;
    margin-bottom: 15px
}
.footer .box-logo {
    max-width: 150px
}
.footer .box-logo img {
    max-width: 100%
}
.footer .box-midias {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}
.footer .box-midias .form-newsletter {
    width: 355px;
    margin-left: 25px
}
.footer .box-midias .form-newsletter label {
    margin-bottom: 15px;
    font-size: 16px;
    text-align: right;
    font-weight: 500
}
.footer .box-midias .form-newsletter .field {
    border: 2px solid #ccc
}
.footer .box-midias .form-newsletter input {
    width: 70%;
    padding: 10px;
    -webkit-appearance: none;
    color: #373737;
    background-color: #ccc;
    margin: 0;
    border: 1px solid #ccc;
    border-right: none;
    font-size: 16px;
    letter-spacing: .05em
}
.footer .box-midias .form-newsletter button {
    width: 30%;
    margin-left: 0;
    padding: 10px;
    border: 1px solid #ccc;
    background-color: #ccc;
    opacity: 1;
    font-size: 16px;
    letter-spacing: .05em;
    font-weight: 700
}
.footer .box-midias .redes-sociais a {
    padding: 15px;
    display: inline-block;
    font-size: 30px;
    color: #fff;
    margin-top: 5px
}
.footer .box-menu .menu li {
    margin-bottom: 5px
}
.footer .box-menu .menu li a {
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    padding: 2px 0;
    letter-spacing: .05em
}
.footer .main-part {
    margin-bottom: 35px
}
.footer .secondary-part {
    -webkit-box-align: end;
    align-items: flex-end
}
.footer .secondary-part p {
    white-space: nowrap;
    margin-bottom: 0
}
.footer .secondary-part ul {
    padding: 0;
    margin-right: 30px;
    margin-bottom: 0
}
@media (max-width: 767px) {
    .footer .secondary-part ul {
        margin-left: 15px;
        margin-right: 15px
    }
}
.footer .secondary-part a {
    color: #fff;
    font-size: 16px
}
.footer .secondary-part h4 {
    font-size: 20px
}
.footer .secondary-part .menu li {
    list-style: none
}
@media (max-width: 767px) {
    .footer .secondary-part .menu {
        margin-bottom: 50px;
        text-align: center
    }
}
@media (max-width: 767px) {
    .footer .secondary-part .menu ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-flow: row wrap;
        -webkit-box-pack: space-evenly;
        justify-content: space-evenly
    }
    .footer .secondary-part .menu ul>ul {
        margin-bottom: 20px
    }
}
.footer .secondary-part .assinatura a {
    font-size: 14px
}
@media (max-width: 767px) {
    .footer .secondary-part .assinatura {
        text-align: center
    }
}
.footer .secondary-part a {
    margin: 0;
    text-decoration: none
}
@media (max-width: 767px) {
    .footer .box-midias .form-newsletter {
        margin-left: 0;
        width: 100%
    }
    .footer .main-part {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
    .footer .box-logo,
    .footer .redes-sociais {
        margin: 0 auto 20px
    }
    .footer .secondary-part {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: center;
        align-items: center
    }
}