body {
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    color: #383e56;
}

a {
    color: inherit
}

a:hover {
    color: inherit
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400
}

p {
    margin-bottom: 10px
}

.page {
    overflow: hidden
}

.btn {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 7px;
    padding: 10px 20px;
}

.btn-lg {
    font-size: 16px;
    padding: 14px 40px
}

.btn-primary {
    color: #fff;
    background-color: #0063ae;
    border-color: #0063ae
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
    color: #383e56;
    background-color: #ffca08;
    border-color: #ffca08
}

.btn-secondary {
    color: #f2f2f2;
    background-color: transparent;
    border-color: #f2f2f2
}

.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover {
    color: #0063ae;
    background-color: #f2f2f2;
    border-color: #f2f2f2
}

.form-group {
    margin-bottom: 5px
}

.form-control {
    color: #0063ae;
    box-shadow: none !important;
    font-size: 15px;
    min-height: 47px;
    border: 0;
    padding: 11px 17px;
    resize: none
}

.form-control::-webkit-input-placeholder {
    color: #0063ae
}

.form-control::-moz-placeholder {
    color: #0063ae
}

.form-control:-ms-input-placeholder {
    color: #0063ae
}

.form-control:-moz-placeholder {
    color: #0063ae
}


.pre-scrollable{
    padding-right: 30px
}

.pre-scrollable::-webkit-scrollbar{
    width: 8px;
    background: rgba(0, 0, 0, .08);
    border-radius: 15px
}

.pre-scrollable::-webkit-scrollbar-track{
    width: 8px;
    background: rgba(0, 0, 0, .08);
    border-radius: 15px
}

.pre-scrollable::-webkit-scrollbar-thumb{
    width: 8px;
    background: #ffca08;
    border-radius: 15px
}

.product {
    text-align: center
}

.product.is-card {
    border-radius: 10px;
    box-shadow: 0 4px 5px rgba(0, 0, 0, .08);
    margin: 0 20px;
}

.product.is-card .product-title {
    font-size: 16px !important;
}

.product-picture {
    border-radius: 3px;
    margin-top: 8px
}

.product-content {
    padding: 30px 25px
}

.product-title {
    color: #0063ae;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase
}

.product-paragraph {
    color: #383e56;
    font-size: 12px;
}

.product-paragraph p {
    margin-bottom: 20px;
}


@media(min-width: 769px){
    .product.is-card .product-title {
        /*min-height: 3.5rem;*/
    }
    .product-paragraph {
        min-height: 6rem;
        font-size: 15px;
    }
}


.highlight {
    position: relative;
    overflow: hidden
}

.highlight>.container {
    min-height: 408px;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

@media only screen and (min-width:992px) {
    .highlight>.container {
        max-width: 945px
    }
}

.highlight-picture {
    position: absolute;
    top: 0;
    left: calc(50% - 560px);
    transform: translateX(-50%);
}

.highlight-content {
    max-width: 458px;
    position: relative;
    z-index: 2
}

@media only screen and (max-width:768px) {
    .highlight-content {
        max-width: unset;
        text-align: center
    }
}

.highlight-title {
    color: #0063ae;
    font-size: 24px;
    font-weight: 800;
    text-transform: uppercase
}

@media only screen and (max-width:768px) {
    .highlight-title {
        font-size: 33px
    }
    main {
        margin-top: 100px;
    }
}

.highlight-paragraph {
    color: #383e56;
    font-size: 15px;
    margin-bottom: 20px
}

.representative {
    color: #383e56;
    display: none
}

.representative.active {
    display: inline-flex;
    flex-direction: column
}

.representative>strong {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase
}

.representative-link {
    font-size: 13px;
    display: inline-block
}

.filter>label {
    color: #0063ae;
    font-size: 18px;
    font-weight: 600;
    border-color: #0063ae;
    padding: 25px 10px 25px 60px;
    cursor: pointer;
    position: relative
}

.filter>label:after {
    content: '';
    width: 29px;
    height: 25px;
    border: 1px solid #0063ae;
    border-radius: 4px;
    position: absolute;
    top: 50%;
    left: 22px;
    transform: translateY(-50%)
}

.filter>input {
    display: none
}

.filter>input:checked~label {
    color: #fff;
    background-color: #ffca08 !important;
    border-color: #ffca08 !important
}

.filter>input:checked~label:after {
    background: #fff url(../images/checked.png) no-repeat center;
    border-color: #fff
}

.filter-select {
    padding-bottom: 14px;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 10px;
    display: flex;
    justify-content: flex-end
}

.filter-select .custom-select {
    color: #0063ae;
    background: #fff url(../images/select.png) no-repeat right .75rem center;
    border: 1px solid #0063ae;
    max-width: 273px;
    height: 48px
}

.pagination {
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    border-radius: 0;
    margin-bottom: 50px;
    padding: 18px 0;
    justify-content: center
}

.pagination .page-item {
    margin: 0 5px
}

.pagination .page-item.active>.page-link {
    color: #0063ae;
    background-color: #ffca08;
    border-color: #ffca08
}

.pagination .page-item.next>.page-link,
.pagination .page-item.prev>.page-link {
    color: #0063ae;
    border-color: #0063ae
}

.pagination .page-link {
    color: #f2f2f2;
    font-size: 18px;
    font-weight: 600;
    border: 1px solid #f2f2f2;
    border-radius: 3px
}

.pagination .page-link:active,
.pagination .page-link:focus,
.pagination .page-link:hover {
    background-color: #fff
}

.navbar {
    background-color: transparent;
    height: 122px
}

.navbar>.container {
    position: relative
}

@media only screen and (min-width:992px) {
    .navbar {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2
    }
    .highlight-paragraph {
        min-width: 458px;
    }
}

@media only screen and (max-width:992px) {
    .navbar {
        height: unset;
        padding-top: 0;
        padding-bottom: 0;
        position: fixed;
        z-index: 50;
        width: 100%;
        background: white;
        -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.06);
        -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.06);
        box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.06);
    }
}

.navbar-brand {
    color: transparent;
    font-size: 0;
    background: url(../images/brand.svg) no-repeat center/100%;
    width: 275px;
    min-height: 100px;
    display: block
}

@media only screen and (max-width:992px) {
    .navbar-brand {
        width: 240px
    }
}

@media only screen and (max-width:576px) {
    .navbar-brand {
        width: 200px
    }
}

@media only screen and (min-width:992px) {
    .navbar-collapse {
        justify-content: flex-end
    }
}

@media only screen and (min-width:992px) {
    .navbar-nav .nav-item {
        padding: 0 17px;
    }
}

.navbar-nav .nav-link {
    color: #005495;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    transition: color .5s
}

.navbar-nav .nav-link:active,
.navbar-nav .nav-link:focus,
.navbar-nav .nav-link:hover {
    color: #0063ae;
}

@media only screen and (min-width:992px) {
    .navbar-nav .nav-link {
        color: #383e56;
        font-weight: 600;
    }    
    
    .navbar-nav :not(:last-child) .nav-link {
        padding: 0 !important
    }
    
    .navbar-nav :last-child .nav-link {
        transition: .3s;
        padding: 10px 16px;
        font-weight: 700
    }

    .navbar-nav :last-child .nav-link:hover {
        color: #2e2e2e !important;
        background: #ffca08 !important;
    }
    #navbar ul.navbar-nav .nav-item .nav-link.dropdown-toggle:hover {
        background: transparent !important;
        color: #005495 !important;
    }
}

@media only screen and (max-width:992px) {
    .navbar-nav .nav-link {
        text-align: center;
        padding: 15px;
        border-top: 1px solid #eee
    }

    .navbar-nav :last-child .nav-link {
        width: 100vw;
        margin: 0 -16px;
        border-radius: 0 !important
    }
}

.navbar-toggler {
    /* background-color: #ffca08; */
    /* width: 110px; */
    height: 35px;
    /* border: 0; */
    /* border-radius: 5px; */
    /* padding: 6px; */
    position: absolute;
    right: 0;
    top: 31px;
    z-index: 2;
    cursor: pointer;
    /* outline: 0 !important; */
}

.navbar-toggler .navbar-toggler-text {
    color: #0063ae;
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 5px;
    display: none;
}

.navbar-toggler .navbar-toggler-icon {
    position: relative;
    display: block;
    background: #0063ae;
    width: 28px;
    height: 3px;
    border-radius: 0;
    transition: .5s ease-in-out
}

.navbar-toggler .navbar-toggler-icon:after,
.navbar-toggler .navbar-toggler-icon:before {
    background: #0063ae;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    position: absolute;
    transition: .5s ease-in-out
}

.navbar-toggler .navbar-toggler-icon:before {
    top: -7px
}

.navbar-toggler .navbar-toggler-icon:after {
    bottom: -7px
}

.navbar-toggler[aria-expanded=true]>.navbar-toggler-icon {
    transform: rotate(45deg)
}

.navbar-toggler[aria-expanded=true]>.navbar-toggler-icon:before {
    transform: rotate(90deg);
    top: 0
}

.navbar-toggler[aria-expanded=true]>.navbar-toggler-icon:after {
    transform: rotate(90deg);
    bottom: 0
}
.page-header img {
    width: 100%;
    height: auto;
}
.is-card.product-card .p-2{
    text-transform: uppercase;
}
.is-card.product-card {
    margin: 15px 5px;
    cursor: pointer;
}
.florada .p-2 {
    color: #ff52b1;
}
@media only screen and (max-width:992px) {
    .page-header {
        padding: 0 0 ;
        margin-bottom: 0;
    }
}

.page-header:before {
    /* content: ''; */
    background: url(../images/paghero.png) no-repeat center;
    width: 100%;
    height: 178px;
    position: absolute;
    bottom: -178px;
    left: 0;
    pointer-events: none
}

.page-header .header-title {
    color: #0063ae;
    font-size: 47px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 800;
    padding: 0;
    margin: 0
}

@media only screen and (max-width:768px) {
    .page-header .header-title {
        font-size: 30px
    }
    .page-header:before{
        height: 140px;
        position: absolute;
        bottom: -140px;
        left: 0;
        pointer-events: none;
        background-position-y: -40px;
    }
}

.page-header .breadcrumb {
    background-color: transparent;
    justify-content: center;
    padding: 0;
    margin: 0
}

.breadcrumb-item a{
    color: #fff
}

.related {
    border-top: 1px solid #f2f2f2;
    padding-top: 60px;
    padding-bottom: 60px;
}

.related-title {
    color: #0063ae;
    font-weight: 800;
    font-size: 24px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 40px
}

.single {
    padding: 60px 0
}

.single small {
    margin-bottom: 10px;
    display: block;
    margin-top: 10px;
}

.single .btn {
    margin-top: 15px
}

@media only screen and (max-width:768px) {
    .single .single-dots {
        display: none
    }
}

.single-title {
    color: #0063ae;
    font-size: 30px;
    line-height: 1;
    margin: 0;
    font-weight: 700;
    text-transform: uppercase;
}

@media only screen and (max-width:576px) {
    .single-title {
        font-size: 25px
    }
}

.single-paragraph {
    color: #383e56;
    font-size: 16px;
    line-height: 26px;
    margin-top: 6px;
}

.single-line {
    color: #0063ae;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase
}

@media only screen and (max-width:576px) {
    .single-line {
        font-size: 14px
    }
}

.single-line .badge {
    color: #fff;
    background-color: #0063ae;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px 22px;
    margin-left: 10px;
    margin-bottom: 15px
}

.badge-brand {
    margin: 15px 0;
    display: block;
}

@media only screen and (max-width:576px) {
    .single-line .badge {
        font-size: 14px
    }
}

.single-dots .item {
    outline: 0
}

.single-dots .item>img {
    height: 100px;
    object-fit: contain;
    border: 1px solid #f2f2f2;
    border-radius: 4px;
    padding: 5px
}

.single-dots .slick-current>img {
    border-color: #ffca08 !important
}

.carousel-caption {
    text-align: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.carousel-caption>.container {
    display: flex;
    justify-content: flex-end
}

@media only screen and (min-width:992px) {
    .carousel-caption>.container {
        max-width: 1000px
    }
}

.carousel-content {
    max-width: 550px
}

@media only screen and (max-width:992px) {
    .carousel-content {
        max-width: 376px
    }
}

@media only screen and (max-width:768px) {
    .carousel-content {
        max-width: 287px
    }
}

@media only screen and (max-width:576px) {
    .carousel-content {
        max-width: unset;
        text-align: center
    }
}

.carousel-content .btn {
    width: 100%;
    max-width: 226px;
    margin-top: 25px
}

.carousel-title {
    color: #0063ae;
    font-size: 54px;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase
}

@media only screen and (max-width:992px) {
    .carousel-title {
        font-size: 40px
    }
}

@media only screen and (max-width:768px) {
    .carousel-title {
        font-size: 30px
    }
}

.carousel-paragraph {
    color: #383e56;
    font-size: 16px;
    margin-top: 10px
}

@media only screen and (max-width:992px) {
    .carousel-paragraph {
        display: none
    }
}
@media only screen and (min-width:1200px) {
    .carousel-indicators {
        margin-bottom: 60px;
    }
}
@media (min-width:768px) and (max-width:1200px) {
    .carousel-indicators {
        margin-bottom: 55px;
    }
}
@media (max-width:768px) {
    .carousel-indicators {
        margin-bottom: 90px;
    }
}


.carousel-indicators>li {
    width: 12px;
    height: 12px;
    border-radius: 50%
}

.carousel-item>img {
    object-fit: cover
}

@media only screen and (min-width:992px) {
    .carousel-item>img {
        min-height: 700px
    }
}

@media only screen and (max-width:992px) {
    .carousel-item>img {
        min-height: 220px;
    }
}

.variety {
    padding: 67px 0
}

.variety-title {
    color: #0063ae;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    max-width: 380px;
    margin: auto;
    display: block;
    position: relative;
    margin-top: 20px;
}

@media only screen and (max-width:992px) {
    .variety-title {
        font-size: 28px
    }
}

@media only screen and (max-width:576px) {
    .variety-title {
        font-size: 25px
    }
}

.variety-title:after,
.variety-title:before {
    content: '';
    background: url(../images//highlight/title-before.png) no-repeat;
    width: 63px;
    height: 51px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.variety-title:before {
    left: -80px;
    transform: translateY(-50%) scaleX(-1)
}

.variety-title:after {
    right: -80px
}

.variety-itens {
    list-style: none;
    border: 1px solid #f2f2f2;
    border-radius: 2px;
    margin: 40px 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

@media only screen and (max-width:992px) {
    .variety-itens {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (max-width:768px) {
    .variety-itens {
        grid-template-columns: repeat(1, 1fr)
    }
}

.variety-item {
    border: 1px solid #f2f2f2
}

.variety-item .media-body {
    color: #383e56;
    font-size: 13px;
    font-weight: 600;
    padding-left: 24px
}

.variety-item .media-title {
    color: #0063ae;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    margin: 0
}

@media only screen and (max-width:576px) {
    .variety-item .media-title {
        font-size: 18px
    }
}

.variety-item .media-ovelley>img {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    border-radius: 5px;
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: scale(0) translate(-50%, -50%);
    transition: .5s;
    z-index: 2
}

.variety-item .media {
    min-height: 116px;
    padding: 10px 30px;
    align-items: center;
    position: relative;
    transition: .3s
}

.variety-item .media:active,
.variety-item .media:focus,
.variety-item .media:hover {
    text-decoration: none;
    background: #005495;
    transform: scale(1.02);
    color: #fff;
    border-radius: 4px
}

.variety-item .media:active h3,
.variety-item .media:focus h3,
.variety-item .media:hover h3 {
    color: #fff;
}

.variety-item .media:active span,
.variety-item .media:focus span,
.variety-item .media:hover span {
    color: #8af2fb;
}

.highlights .slick-arrow {
    position: absolute;
    bottom: 40px;
    z-index: 2;
    padding: 5px;
    box-sizing: content-box;
    background-clip: content-box;
}

.highlights .slick-prev {
    left: calc(50% + 2px);
    transform: rotate(180deg) translateX(-50%)
}

@media only screen and (max-width:768px) {
    .highlights .slick-prev {
        left: calc(50% - 30px)
    }
}

.highlights .slick-next {
    left: calc(50% + 70px);
    transform: translateX(-50%)
}

@media only screen and (max-width:768px) {
    .highlights .slick-next {
        left: calc(50% + 30px)
    }
}

.about {
    background: url(../images/about-bg.jpg) no-repeat;
    background-position-x: 100%
}

@media only screen and (max-width:992px) {
    .about {
        margin-top: 5rem
    }
}

@media only screen and (max-width:576px) {
    .about .btn {
        width: 100%;
        margin: 5px
    }
}

@media only screen and (max-width:430px) {
    .about {
        margin-top: 1rem
    }
}

.about>.container {
    min-height: 499px;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

@media only screen and (max-width:992px) {
    .about>.container {
        align-items: flex-end
    }
}

@media only screen and (max-width:430px) {
    .about>.container {
        align-items: center
    }
}

.about-content {
    position: relative;
}

@media only screen and (min-width:992px) {
    .about-content {
        max-width: 617px
    }
}

@media only screen and (max-width:992px) {
    .about-content {
        text-align: center;
        padding-bottom: 50px
    }
}

@media only screen and (max-width:430px) {
    .about-content {
        padding-bottom: 0
    }
}

.about-content:after {
    content: '';
    background: url(../images/about.jpg) no-repeat center/100%;
    width: 421px;
    height: 436px;
    position: absolute;
    top: calc(50% + -2px);
    left: -493px;
    transform: translateY(-50%);
    border-radius: 8px;
}

@media only screen and (max-width:992px) {
    .about-content:after {
        background-size: contain;
        width: 281px;
        height: 290px;
        top: -310px;
        left: 50%;
        transform: translate(-50%, 0)
    }
}

@media only screen and (max-width:768px) {
    .about-content:after {
        width: 237px;
        height: 245px;
        top: -280px
    }
}

@media only screen and (max-width:430px) {
    .about-content:after {
        display: none
    }
}

.about-title {
    color: #fff;
    font-size: 24px;
    font-weight: 800;
    text-transform: uppercase
}

.tripe .about-title {
    color: #005495
}

@media only screen and (max-width:992px) {
    .about-title {
        font-size: 30px
    }
}

@media only screen and (max-width:768px) {
    .about-title {
        font-size: 25px
    }
}

.about-paragraph {
    color: #383e56;
    line-height: 1.6;
    margin-bottom: 25px;
}

@media only screen and (min-width:992px) {
    .about-paragraph {
        margin-bottom: 25px;
        margin-top: 60px;
    }
}

@media only screen and (max-width:768px) {
    .about-paragraph {
        font-size: 14px
    }
}

.tripe{
    background: url(../images/tripe-bg.jpg) no-repeat;
    background-position-x: 00%;
    height: 499px;
}

.tripe .container-fluid{
    max-width: 1300px;
    margin-left: 0
}

.products {
    padding: 100px 0 100px
}

.products-content {
    display: grid;
    grid-template-columns: repeat(4, 1fr)
}

@media only screen and (max-width:992px) {
    .products-content {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (max-width:576px) {
    .products-content {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 15px;
    }

    .products-content {
        width: 100%
    }
}

.products-title {
    color: #0063ae;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    max-width: 265px;
    margin: 0 auto 40px;
    display: block;
    position: relative;
}

@media only screen and (max-width:576px) {
    .products-title {
        font-size: 24px;
        margin-bottom: 30px;
    }
}

.products-title:after,
.products-title:before {
    content: '';
    background: url(../images/highlight/title-before.png) no-repeat;
    width: 63px;
    height: 51px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.products-title:before {
    left: -80px;
    transform: translateY(-50%) scaleX(-1)
}

.products-title:after {
    right: -80px
}
.prod-title {
    color: #0063ae;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    max-width: 265px;
    margin: 0 auto 70px;
    display: block;
    position: relative;
}

@media only screen and (max-width:576px) {
    .prod-title {
        font-size: 24px;
        margin-bottom: 30px;
    }
}

.prod-title:after,
.prod-title:before {
    content: '';
    background: url(../images/highlight/title-before.png) no-repeat;
    width: 63px;
    height: 51px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.prod-title:before {
    left: -80px;
    transform: translateY(-50%) scaleX(-1)
}

.prod-title:after {
    right: -80px
}
.partners {
    /* padding: 95px 0 */
}

@media only screen and (max-width:992px) {
    .partners {
        padding: 25px 0;
    }
}

.partners .slick-track {
    display: flex;
    align-items: center
}

.partners-content {
    position: relative
}

.partners-content .slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 2
}

.partners-content .slick-prev {
    transform: translateY(-50%) scaleX(-1);
    left: 0
}

.partners-content .slick-next {
    transform: translateY(-50%);
    right: 0
}

.partners-content .slick-list {
    max-width: 1000px;
    margin: auto;
    overflow: hidden
}

.partners-content .slick-list:after {
    content: '';
    background-color: #fff;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    pointer-events: none
}

.partners-title {
    color: #0063ae;
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center
}

@media only screen and (max-width:768px) {
    .partners-title {
        font-size: 25px
    }
}

.partners-item {
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: relative
}

.partners-item:after {
    content: '';
    background-color: #f2f2f2;
    width: 1px;
    height: 92px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    pointer-events: none
}

.representatives {
    padding: 80px 0 20px;
}

.representatives-bg {
    /* background: url(../images/representatives.png) no-repeat;
    background-position-y: 100% */
}

.btn-outline-primary {
    color: #0465af;
    background-color: transparent;
    background-image: none;
    border-color: #0465af;
}

.btn-outline-primary:hover{
    color: #fff;
    background-color: #0465af;
}

@media only screen and (max-width:768px) {
    .representatives-bg {
        background: unset;
        margin: 30px 0;
        order: 2;
    }
}

.representatives-title {
    color: #0063ae;
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 50px
}

.representatives-city {
    color: #0063ae;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
    background-color: #ffc907;
    border-radius: 10px;
    margin-bottom: 30px;
    padding: 17px 30px 15px 15px;
    display: inline-block;
    position: relative
}

.representatives-city:before {
    content: '';
    background: url(../images/point.png) no-repeat;
    width: 26px;
    height: 32px;
    position: absolute;
    right: -19px;
    top: 50%;
    transform: translateY(-50%)
}

.representatives-scroll>.list-unstyled {
    background-color: #fff;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1.5rem
}

.sustainability {
    background: url(../images/sustainability.jpg) no-repeat center right;
    min-height: 490px;
    display: flex;
    align-items: center
}

@media only screen and (max-width:768px) {
    .sustainability {
        background-position-x: 100%
    }

    .sustainability .btn {
        white-space: normal
    }
}

.sustainability-content {
    background-color: #f2f2f2;
    max-width: 677px;
    min-height: 525px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 30px 94px 30px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative
}

@media only screen and (max-width:768px) {
    .sustainability-content {
        max-width: unset;
        padding: 40px 20px;
        border-radius: 10px;
    }
}

.sustainability-content:before {
    content: '';
    background-color: #f2f2f2;
    width: 500px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -500px
}

@media only screen and (max-width:768px) {
    .sustainability-content:before {
        display: none
    }
}

.sustainability-title {
    color: #0063ae;
    font-size: 21px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 25px
}

@media only screen and (max-width:768px) {
    .sustainability-title {
        margin-bottom: 20px
    }
}

.sustainability-lits {
    margin: 0 0 20px;
    padding: 0 0 0 17px;
    margin-bottom: 0;
}

.sustainability-lits>li {
    margin-bottom: 23px
}

.sustainability-lits>li:last-child {
    margin-bottom: 0;
}

@media only screen and (max-width:768px) {
    .sustainability-lits>li {
        margin-bottom: 15px
    }
}

.contact .btn {
    font-size: 16px;
    border: 0;
    border-radius: .25rem;
    margin-top: 0;
    padding: 12px 30px;
    background: #ffca08;
    color: #383e56;
}

.lip_marca{
    position: absolute;
    bottom: 15px;
    right: 15px;
    left: calc(50% - 40px);
    max-width: 80px;
}

.filters-title {
    color: #0063ae;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 15px
}

.footer {
    color: #fff;
    background-color: #0063ae;
    margin-top: 155px;
    position: relative;
}

@media only screen and (max-width:992px) {
    .footer .row>div:nth-child(1) {
        order: 1
    }

    .footer .row>div:nth-child(2) {
        order: 3
    }

    .footer .row>div:nth-child(3) {
        order: 4
    }

    .footer .row>div:nth-child(4) {
        order: 2
    }
}

@media only screen and (max-width:576px) {
    .footer .row {
        text-align: center
    }
}

.footer:before {
    content: '';
    background: url(../images/footer.png) no-repeat center;
    width: 100%;
    height: 163px;
    position: absolute;
    top: -155px;
    pointer-events: none;
    z-index: 0;
}

.footer .phone {
    color: #fff;
    font-size: 23px;
    font-weight: 600;
    display: inline-block;
    margin: 6px 0 0px;
}

.footer .list-inline svg {
    fill: #f2f2f2;
    transition: .3s
}

.footer .list-inline svg:active,
.footer .list-inline svg:focus,
.footer .list-inline svg:hover {
    fill: #59edf9
}

.footer .list-unstyled>li {
    margin-bottom: 10px
}

.footer-content {
    margin-bottom: 25px;
}

.footer-content a.list-link {
    transition: 0.3s;
}

.footer-content a.list-link:hover {
    color: #ffca08;
    text-decoration: none;
    transition: 0.3s;
}

.footer-content .footer-title {
    color: #3EC1C9;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 20px;
    margin-top: 30px;
}

@media only screen and (max-width:992px) {
    .footer-content .footer-title {
        margin-top: 20px;
    }
}

.footer-downbar {
    font-size: 13px;
    min-height: 93px;
    padding: 1rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media only screen and (max-width:992px) {
    .footer-downbar {
        flex-direction: column;
        justify-content: center
    }

    .footer-downbar>a {
        margin-top: 10px
    }
}

.slick-arrow {
    color: transparent;
    font-size: 0;
    background: url(../images/arrow.svg) no-repeat;
    width: 13px;
    height: 24px;
    border: 0;
    padding: 0;
    cursor: pointer
}

.slick-prev {
    transform: scaleX(-1)
}

section#representatives path[enable="true"] {
    cursor: pointer;
}

[enable="true"] {
    cursor: pointer;
}

/* Form Validate */
.form-group {
    position: relative;
}

.form-group label.error {
    position: absolute;
    top: 15px;
    right: 10px;
    width: auto;
    font-size: 11px;
    color: #D50000;
    text-align: right;
}

/* Form AjaxForm */
.ajaxForm .ajaxForm-alert {
    padding: 10px;
    margin-top: 14px;
    color: #fff;
    background-color: #f57f17;
    border-left: 3px solid #bc5100;
}

.ajaxForm .ajaxForm-alert.ajaxForm-alert--error {
    background-color: #c62828;
    border-left-color: #8e0000;
}

.ajaxForm .ajaxForm-alert.ajaxForm-alert--sucess {
    background-color: #2e7d32;
    border-left-color: #005005;
}


#formPost {
    padding: 30px;
    min-height: 650px;
}

#formPost .iziModal-content{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px;
}

#formPost :nth-last-child(1),#formPost :nth-child(2),#formPost :nth-last-child(2),#formPost :nth-last-child(3), #formPost h4{
    grid-column: span 2
}

#formPost h4 {
    line-height: 1.2rem;
    margin-bottom: 15px;
    font-size: 1.4rem;
    font-weight: 500;
}

#formPost .form-group label.error {
    right: 17px;
    top: 16px;
    color: #D50000;
}

#msgPostback {
    display:none;
    padding: 10px;
    /*margin-top: 14px;*/
    color: #fff;
    background-color: #f57f17;
    border-left: 3px solid #bc5100;
    margin-top: 15px;
}

#msgPostback.msgPostback--error {
    background-color: #c62828;
    border-left-color: #8e0000;
}

#msgPostback.msgPostback--success {
    background-color: #2e7d32;
    border-left-color: #005005;
}

@media (min-width:769px) {
    .navbar-expand-lg .navbar-collapse {
        margin-top: 8px;
    }
    .slick-initialized .slick-slide {
        display: block;
        /* padding: 5px; */
    }
    .feed .slick-slide img {
        opacity: 0.95;
        transition: .15s;
    }
    .feed .slick-slide img:hover {
        opacity: 1;
    }
}

.tripe-estrategico {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 15px;
    color: white;
}

.tripe-estrategico p {
    font-size: 14px;
    line-height: 22px;
}


#sticker .form-control {
    margin-top: -12px;
}
#sticker .form-group label {
    font-size: 15px;
    background: #fff;
    padding: 0 7px;
    margin-left: 15px;
    font-size: 12px;
    text-transform: uppercase;
}

.breadcrumb-item.active {
    color: #ffca08;
}
.footer p.title-insta {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    margin: 0 0px 15px 0;
}

.footer p.title-insta a {
    font-size: 24px;
    /* margin-left: 20px; */
    transition: .15s ease;
}

.footer p.title-insta a:hover {
    color: #ffc907;
    text-decoration: none;
}

.footer div.container-insta {
    text-align: center;
}

.footer section.feed.slick-initialized.slick-slider {
    margin-bottom: 40px;
}
.footer-content img {
    width: 80%;
}
a.feed-item.slick-slide {
    /* padding: 5px; */
}

a.feed-item.slick-slide img {
    border-radius: 4px;
}
.nav-item a.nav-link.btn.btn-primary {
    background: #005495;
    color: white;
}
.linha-produtos.florada {
    margin-top: -255px;
    position: relative;
}
.linha-produtos img.florada {
    width: 100%;
}
section#carousel {
    z-index: 1;
}
.linha-produtos .container-text img.florada {
    width: 260px;
    margin-left: -48px;
}
.linha-produtos .container-text img.varredeira {
    width: 250px;
    margin-left: -25px;
}
.linha-produtos.florada {
    min-height: 830px;
    background: url(/assets/images/linha/florada.png) no-repeat center bottom #e9b5b1;
    background-size: cover;
}
.linha-produtos.varredeira {
    margin-top: -45px;
    min-height: 650px;
    background: url(/assets/images/linha/varredeira.png) no-repeat center bottom;
    background-size: cover;
    position: relative;
}
.linha-produtos.jardineira {
    margin-top: -45px;
    min-height: 650px;
    background: url(/assets/images/linha/jardineira.png) no-repeat center bottom;
    background-size: cover;
    position: relative;
}
.linha-produtos.limpezageral {
    margin-top: -45px;
    min-height: 690px;
    background: url(/assets/images/linha/limpezageral.png) no-repeat center;
    background-size: cover;
    position: relative;
}
.linha-produtos .container-text {
    max-width: 400px;
    margin-left: auto;
    padding-top: 15%;
}
.linha-produtos.varredeira .container-text, .linha-produtos.limpezageral .container-text {
    margin-left: 0;
}
.linha-produtos p.title {
    font-size: 16px;
    color: #383e56;
    margin-bottom: 30px;
    margin-top: 20px;
}
img.jardineira {
    width: 240px;
}
#sobre .container {
    /*text-align: center;*/
}.sobre-content.row {
    margin-bottom: 41px;
}

.sobre-content .col-md-4 img {
    border-radius: 4px;
    width: 100%;
}
.contact .btn:hover,
.contact .btn:active,
.contact .btn:focus {
    background: #deb622;
    color: #fff;
}
.footer .rodape {
    border-top: 1px solid #ffffff30;
}
.row.linhas {
    margin: -20px -10px 50px -10px;
}

.row.linhas div.col-md-3 .linha {background: #EFEEEC;border-radius: 4px;min-height: 100px;cursor: pointer;transition: .3s ease;}
.img-container{
    overflow: hidden;
    height: 0;
    padding-bottom: 100%;
    position: relative;
}

.img-container img{
    position: absolute;
    transition: .5s ease;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.img-container:hover img{
    transform: scale(1.1);
}
.linha img {
    width: 80%;
    height: 80%;
    margin: auto;
}
.row.linhas div.col-md-3 .linha.florada:hover .button,.row.linhas div.col-md-3 .linha.florada.active .button{
    background: #ff2fa147;
    color: #cc0c75;
}
.row.linhas div.col-md-3 .linha.varredeira:hover .button ,.row.linhas div.col-md-3 .linha.varredeira.active .button {
    background: #f9a7627a;
    color: #e06800;
}
.row.linhas div.col-md-3 .linha.limpeza-geral:hover .button ,.row.linhas div.col-md-3 .linha.limpeza-geral.active .button {
    background: #005ca242;
    color: #055fa4;
}
.row.linhas div.col-md-3 .linha.jardineira:hover .button ,.row.linhas div.col-md-3 .linha.jardineira.active .button {
    background: #b5d65d8f;
    color: #00a550;
}
.florada .title {
    color: #ff52b1;
}
.varredeira .p-2, .varredeira .title {
    color: #f4811f;
}
.jardineira .p-2, .jardineira .title {
    color: #9dc13e;
}
.limpeza-geral .p-2, .limpeza-geral .title {
    color: #035ea3;
}
a.como-chegar {
    line-height: 2.5;
    transition: .15s ease;
}
a.hover-amarelo:hover {
    color: #ffca08;
    text-decoration: none;
}
.single a:hover {
    text-decoration: none !important;
}

.productModal .item {
    display: flex;
}

.productModal .item img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
.productModal p.descricao {
    font-size: 14px;
    margin-bottom: 30px;
}
.productModal .item p {
    font-size: 13px;
}
.productModal h4.title {
    font-weight: 600;
    font-size: 30px;
    margin-bottom: 30px;
}
.productModal .iziModal-content{
    padding: 40px !important;
}
.productModal.florada img.linha {
    margin-left: -50px;
}

.productModal img.linha {
    width: 250px;
    margin-bottom: 20px;
}
.productModal .item-nav {
    height: 100px;
    padding: 5px;
}
.productModal .item-nav img, .productModal .item-for img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    cursor: pointer;
}
.productModal button.slick-prev.slick-arrow {
    position: absolute;
    z-index: 2;
    top: -155px;
    left: -15px;
    background: url(/assets/images/seta.jpg) no-repeat;
    background-size: cover;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.productModal .slider-for {
    position: relative;
    margin-bottom: 10px;
}

.productModal button.slick-next.slick-arrow {
    position: absolute;
    z-index: 2;
    top: -155px;
    right: -15px;
    background: url(/assets/images/seta.jpg) no-repeat;
    background-size: cover;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.linha-produtos.florada .container-text {
    padding-top: 25%;
}
@media (min-width: 992px){
    main {
        /* margin-top: 100px; */
    }
    header.header.navbar.navbar-expand-lg {
        position: fixed;
        transition: .3s ease;
    }
    header.header.navbar.navbar-expand-lg.fundo-branco{
        background: white;
        -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.06);
        -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.06);
        box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.06);
    }
}
@media (max-width: 992px){
    div.dropdown-menu.show {
        background: transparent;
        text-align: center;
        border: none;
        padding: 0 0 10px 0;
        margin-top: -10px;
    }
    div a.dropdown-item {font-weight: 500;color: #005495;}
    footer.footer p.title-insta {
        text-align: -webkit-center;
        position: relative;
    }
    
    footer#fale-conosco {
        margin-top: 110px;
    }
    .linhas .col-md-3.col-6 .linha img {
        width: 100%;
        height: 100%;
    }
    
    .linhas .col-md-3.col-6 {
        margin-bottom: 20px;
    }
    .single .row.linhas {
        margin-bottom: 10px;
        margin-top: 0px;
    }
    div.page-header img {
        text-align: center;
        width: 160%;
        margin-left: -30%;
    }
    div.page div.linha-produtos {
        min-height: 400px;
    }
    
    .linha-produtos.down.florada {
        min-height: 590px;
        background-position-x: -710px;
    }
    
    div.linha-produtos .container {position: absolute;bottom: 15%;text-align: center;padding: 15px 30px;}
    
    .linha-produtos.down.varredeira {
        background-position-x: 21%;
    }
    
    div.linha-produtos.florada .container {
        bottom: 10%;
    }
    
    .linha-produtos.down.jardineira {
        background-position-x: 57%;
    }
    
    .linha-produtos.down.limpezageral {
        background-position-x: 5%;
        /*background-position-x: 25%;*/
    }
    div.page div.linha-produtos {
        min-height: 400px;
    }
    
    .linha-produtos.down.florada {
        min-height: 670px;
        background-position-x: -710px;
    }
    
    div.linha-produtos .container {position: absolute;bottom: auto;text-align: center;padding: 15px 30px;}
    
    .linha-produtos.down.varredeira {
        background-position-x: 20%;
        min-height: 410px;
    }
    
    div.linha-produtos.florada .container {
        bottom: 10%;
    }
    
    .linha-produtos.down.jardineira {
        background-position-x: 64%;
        min-height: 430px;
    }
    
    .linha-produtos.down.limpezageral {
        /*background-position-x: 35%;*/
        background-position-x: 5%;
        min-height: 360px;
    }
    
    ol.carousel-indicators {
        margin-bottom: 8px;
    }
    .linha-produtos p.title {
        margin: 10px 0;
    }
    section#sobre.products {
        padding: 50px 0;
    }
    .sobre-content .col-md-4 {
        margin-bottom: 15px;
    }
    section.partners {
        display: none;
    }
    section#representantes.representatives {
        padding: 50px 0 10px 0;
    }
    .footer-content .col-lg-4 {
        margin-bottom: 20px;
    }
    .carousel-inner {
        height: 220px;
    }
    a#seja-representante {
        position: absolute;
        left: 15px;
        right: 15px;
        bottom: -30px;
    }
    .carousel-control-prev, .carousel-control-next {
        display: none;
    }
    .productModal .col-md-5 {
        margin-top: 20px;
    }
    .productModal button.slick-next.slick-arrow, .productModal button.slick-prev.slick-arrow {
        top: -120px;
    }
    h2.representatives-title {
        margin-bottom: 20px;
    }
    div.linha-produtos.jardineira .container {
        bottom: 55px;
    }
    
    div.linha-produtos.varredeira .container {
        bottom: 65px;
    }
    
    div.linha-produtos.florada .container {
        bottom: 55px;
    }
    
    div.linha-produtos.limpezageral .container {
        bottom: 50px;
    }
    .footer:before {
        top: -50px;
    }
}
.productModal .slider-for .item-for img, .productModal .slider-nav .item-nav img {
    border: 1px solid #cecece;
    border-radius: 5px;
    margin-bottom: 0px;
    padding: 0px;
}
.slider-for.slick-initialized.slick-slider {
    margin-bottom: 10px;
}
.closeModal {
    width: 10px;
    position: absolute;
    top: 10px;
    right: 16px;
    font-size: 20px;
    cursor: pointer;
}
img.foto {
    margin: auto;
    border-radius: 5px;
}
button#slick-slide-control10 {}

ul.slick-dots {
    font-size: 0;
    display: inline-flex;
    padding: 0;
    margin-top: 30px;
    cursor: pointer;
}

ul.slick-dots li button {
    height: 15px;
    width: 15px;
    border-radius: 10px;
    border: navajowhite;
    margin: 0 5px;
    transition: .3s ease;
    cursor: pointer;
}

ul.slick-dots li.slick-active button {
    background: #0063ae;
}
.footer section.feed.slick-initialized.slick-slider {
    margin-bottom: 10px;
}
.linha-produtos.down.limpezageral .container .container-text {padding-top: 210px;}
.container-text img.limpezageral {
    width: 240px;
}
span.carousel-control-prev-icon {
    background-image: url(/assets/images/left-arrow.png);
    background-size: 30px;
    height: 30px;
    width: 30px;
}

span.carousel-control-next-icon {
    background-image: url(/assets/images/right-arrow.png);
    background-size: 30px;
    height: 30px;
    width: 30px;
}
a.carousel-control-next, a.carousel-control-prev {
    top: -20%;
}
.logo {
    display: flex;
    height: 85px;
}

.linha .button {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    color: #525252;
    background: #e3e3e3;
    padding: 10px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    font-size: 14px;
}   
form.productModal .item-for>a>img {
    border: none !important;
    width: 23px;
    height: 23px;
    top: 5px;
    right: 5px;
    transition: .3s ease;
    cursor: pointer;
    padding: 5px !important;
}
form.productModal .item-for>a {
    position: absolute;
    left: 19px;
    outline: none;
    display: flex;
    top: calc(100% - 42px);
    line-height: 25px;
    font-size: 10px;
    text-transform: uppercase;
    background: #8080803b;
    width: 101px;
    height: 23px;
    border-radius: 4px;
    padding: 0 5px;
    zoom: .9;
    opacity: 0.9;
}

form.productModal .item-for>a:hover {
    text-decoration: none;
}
#navbar ul.navbar-nav .nav-item .nav-link.dropdown-toggle:hover {
    background: transparent !important;
    color: #005495 !important;
}

a.dropdown-item {padding: 5px 20px;font-weight: 600;font-size: 15px;text-transform: uppercase;}

.dropdown-menu.show {}

.dropdown-menu.show {
    margin-top: 0;
}

a.dropdown-item:hover, a.dropdown-item:focus {
    background: transparent;
    color: #005495;
}
.info-title {
    color: #0063ae;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    max-width: 265px;
    margin: 0 auto 20px;
    display: block;
    position: relative;
}
.info-title:after,
.info-title:before {
    content: '';
    background: url(../images/highlight/title-before.png) no-repeat;
    width: 63px;
    height: 51px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.info-title:before {
    left: -80px;
    transform: translateY(-50%) scaleX(-1)
}

.info-title:after {
    right: -80px;
}
section.info {
    background: #f0f4f9;
    padding: 80px 0;
}
.info-content {
    /* display: grid; */
    /* grid-template-columns: repeat(3,1fr); */
    /* grid-gap: 45px; */
    /* margin-top: 60px; */
}

h3.noticia-title {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 15px;
}

p.noticia-desc {
    font-weight: 100;
    text-align: justify;
    padding-bottom: 15px;
    border-bottom: 2px dotted #9e9e9e69;
}

.noticia .img {
    border-radius: 4px;
    padding-bottom: 0;
    min-height: 220px;
}
.info .container {
    text-align: center;
}

.info a.btn.btn-primary {
    margin-top: 0px;
}
/* Efeito de zoom na imagem quando passar o mouse (adicionar o "img-container", na div pai da imagem) */
.img-container{
    overflow: hidden;
    height: 0;
    padding-bottom: 100%;
    position: relative;
}

.img-container img{
    position: absolute;
    transition: .5s ease;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
}
.img-container:hover img{
    transform: scale(1.1);
}
.page-header {
    position: relative;
}

.page-header h3.title {
    position: absolute;
    width: 100%;
    top: 150px;
    text-align: center;
    color: #0063ae;
    font-weight: 600;
    text-transform: uppercase;
}
.page-content .info-content {
    margin-bottom: 50px;
    margin-top: 50px;
}
.noticia.slick-slide {
    padding: 20px;
}
.noticia-image img {
    width: 70%;
    margin: auto;
    margin-top: 70px;
}
.info-for p.noticia-desc {
    margin-top: 30px;
    margin-bottom: 50px;
}
.info ul.slick-dots {
    width: 100%;
    justify-content: center;
}
.dropdown-toggle::after {
    margin-left: 0px;
}
a:hover{
    text-decoration: none;
}
.rep-title {
    color: #0063ae;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    max-width: 265px;
    margin: 0 auto 50px;
    display: block;
    position: relative;
}
.rep-title:after,
.rep-title:before {
    content: '';
    background: url(../images/highlight/title-before.png) no-repeat;
    width: 63px;
    height: 51px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.rep-title:before {
    left: -80px;
    transform: translateY(-50%) scaleX(-1)
}

.rep-title:after {
    right: -80px;
}
img.wpp-icon {
    width: 21px;
    margin: 1px 0px 6px 6px;
}
.nav-link.btn svg#Capa_1 {
    width: 17px;
    height: 17px;
    margin-right: 2px;
    fill: white;
}

.item img {
    padding: 10px;
}

.onde-encontrar-slide.slick-slider {
    display: flex !important;
    flex-direction: column !important;
}

.onde-encontrar ul.slick-dots {
    margin: 30px auto;
    justify-self: center;
}

.banner-interna{
    background-image: url(../images/bg-internas.png);
}

.banner-interna {
    background: url(../images/bg-internas.png) no-repeat center;
    height: 430px;
    display: flex;
    align-items: center;
}

.banner-interna .prod-title {
    color: #0063ae;
    font-size: 42px;
    margin-top: 30px;
}

@media(max-width: 900px){
    .banner-interna {
        background: url(../images/bg-internas.png) no-repeat center;
        height: 150px;
    }

    .banner-interna .prod-title {
        font-size: 32px;
    }

    .banner-interna .prod-title::before, .banner-interna .prod-title::after {
        display: none;
    }
}
/* .banner-interna .prod-title::before, .banner-interna .prod-title::after{
    display: none;
    
} */

#catalogos .img-container {
    padding-bottom: 350px;
}


#catalogos p.font-weight-bold {
    text-align: center;
    margin-bottom: 0;
}

#catalogos p.font-weight-bold img {
    border: none !important;
    width: 23px;
    height: 23px;
    top: 5px;
    right: 5px;
    transition: .3s ease;
    cursor: pointer;
    padding: 5px !important;
}

#catalogos p.font-weight-bold i {
    margin-right: 10px;
}

.onde-encontrar:before {
    content: '';
    background: url(../images/footer.png) no-repeat center;
    width: 100%;
    height: 163px;
    position: absolute;
    top: -155px;
    pointer-events: none;
    display: none;
}

.onde-encontrar {position: relative;background: #F9FCFF;padding-top: 100px;}

.onde-encontrar h3.noticia-title {
   color: #0063ae;
}

.onde-encontrar h2.rep-title {
   color: #0063ae;
}

ul.slick-dots li.slick-active button {
   background: #0063ae;
}

ul.slick-dots li button {
   background: #0063ae4f;
}

#catalogos p.font-weight-bold.font-weight-bold-menor {
    font-size: 10px;
    font-size: 10px;
    color: #a5a3a3;
}