@font-face {
    font-family: 'CarnacRegular';
    src: url('../css/fonts/regular.eot');
    src: url('../css/fonts/regular?#iefix') format('embedded-opentype'),
      url('../css/fonts/regular.svg#Locaweb-Icons') format('svg'),
      url('../css/fonts/regular.ttf') format('truetype');
    font-weight: 400;
    font-display: swap;
  }
  @font-face {
    font-family: 'CarnacBold';
    src: url('../css/fonts/bold.eot');
    src: url('../css/fonts/reguboldlar?#iefix') format('embedded-opentype'),
      url('../css/fonts/bold.svg#Locaweb-Icons') format('svg'),
      url('../css/fonts/bold.ttf') format('truetype');
    font-weight: 800;
    font-display: swap;
  }
  @font-face {
    font-family: 'CarnacExtrabold';
    src: url('../css/fonts/extrabold.eot');
    src: url('../css/fonts/extrabold?#iefix') format('embedded-opentype'),
      url('../css/fonts/extrabold.svg#Locaweb-Icons') format('svg'),
      url('../css/fonts/extrabold.ttf') format('truetype');
    font-weight: 900;
    font-display: swap;
  }
  @font-face {
    font-family: 'CarnacLight';
    src: url('../css/fonts/light.eot');
    src: url('../css/fonts/light?#iefix') format('embedded-opentype'),
      url('../css/fonts/light.svg#Locaweb-Icons') format('svg'),
      url('../css/fonts/light.ttf') format('truetype');
    font-weight: 300;
    font-display: swap;
  }
  @font-face {
    font-family: 'CarnacMedium';
    src: url('../css/fonts/medium.eot');
    src: url('../css/fonts/medium?#iefix') format('embedded-opentype'),
      url('../css/fonts/medium.svg#Locaweb-Icons') format('svg'),
      url('../css/fonts/medium.ttf') format('truetype');
    font-weight: 600;
    font-display: swap;
  }


strong{
    font-family: 'CarnacExtrabold';
}
b{
    font-family: 'CarnacMedium';
}

.menu-disponiveis {
    display: block;
    border-radius: 26px 0;
    background: #ca0505;
    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.16);
    font-weight: bold;
    font-size: 38px;
    line-height: 24px;
    color: #fff; /* Texto branco */
    text-align: center;
    position: relative;
    padding: 1px 1px; /* Reduzido para diminuir a altura total */
    margin: 0 auto;
    font-family: 'CarnacRegular' !important;
    margin-left: 300px; /* Adiciona distância do lado esquerdo */
}


html {
    scroll-behavior: smooth;
}

body,
p,
ul li,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'CarnacRegular' !important ;
}
.navbar-brand img {
    max-width: 100%;
    height: 40px;
    width: auto;
}
.navbar-nav.menuprinci>li>a,
.navbar-nav.menuprinci>li>a:hover,
.botoesnav li a {
    font-weight: 500;
    font-size: 16px;
    color: #444 !important;
    padding: 23px 15px;
}

h1 {
    font-weight: normal;
    font-size: 40px;
    text-align: left;
    color: #707070;
}
.category-top>h2 {
    display: none;
}
p {
    font-weight: normal;
    font-size: 20px;
    line-height: 29px;
    color: #545454;
    letter-spacing: -1px;
    margin-bottom: 20px;
}

.sembg {
    background: rgb(201,201,201);
    background: linear-gradient(90deg, rgba(201,201,201,1) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 70%, rgba(201,201,201,1) 100%);
}
.bgdeg{
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 61%, rgba(189,203,213,1) 100%);
}

.boxpage {
    padding: 50px 0 30px 0;
    position: relative;
}

.navbar-tshop {
    background: none;
}
.barrastopo a, .barrastopo span{color: #fff !important;}
.barrastopo{
    background: #a21516;
}
.boxpage.frase{
    background: #F7F7F7;
    padding: 67px 0;
    z-index: -1;
}

/************************
Form home
*************************/
.forms {
    background: #024EA0 url(/uploads/2402/layout/imazul.jpg) no-repeat center;
    background-size: cover !important;
    padding: 162px 0;
    min-height: 674px;
}

.forms .col-sm-5.leftr {
    position: initial;
}

.forms img {
    position: absolute;
    top: -77px;
    right: 4%;
    width: 43%;
}

.forms h1 {
    font-weight: bold;
    font-size: 39px;
    color: #fff;
    text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    text-transform: uppercase;
}

.forms h2 {
    font-weight: 200;
    font-size: 48px;
    line-height: 52px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 30px;
}

.forms p {
    font-weight: 300;
    text-transform: uppercase;
    font-size: 20px;
    color: #fff;
}

.forms strong {
    font-weight: 600;
    font-size: 30px;
    color: #fff;
    text-transform: none;
}
.forms .baixado{
    color: #FFF;
    font-size: 22px;
}
.forms .baixado a{
    color: #ec6265;
}
.forms .form-control, .solita .form-control {
    height: 58px;
    border-radius: 8px;
    background: #FFF;
    border: 1px solid rgba(252, 252, 252, 0.45);
    font-size: 20px;
}
.solita{
    padding: 150px 0;
}



.solita h1 {
    font-size: 55px;
    color: #fff;
    font-weight: bold;
    letter-spacing: .96px;
    padding-bottom: 17px;
    margin-bottom: 25px;
    line-height: 50px;
}
.solita p{
    color: #FFF;
}
.d-none{
    display: none !important;
}
.forms .btn, .solita .btn {
    height: 69px;
    display: block;
    border-radius: 8px;
    background: #f10b20;
    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.16);
    font-weight: bold;
    font-size: 22px;
    line-height: 24px;
    color: #fff;
    width: 100%;
    text-align: center;
    position: relative;
}/*
.nav.navbar-nav.navbar-right.botoesnav{
    display: none;
}*/
.nav.navbar-nav.menuprinci{
    position: initial;
    width: auto;
    /*float: right;*/
}
.mapaprod iframe{
    width: 100%;
    min-height: 450px;
}
.mapaprod {
    margin-bottom: -65px;
}
.descricoes-produtos li a{
    background: #FFF;
}
.descricoes-produtos .tab-content{
    padding: 40px 0;
    overflow: hidden;
}
.bg-conteudo .infosrodape{
    margin-top: 0;
}
/************************
frase
*************************/
.frase .banner-codigo {
    width: auto !important;
    height: auto !important;
    font-weight: normal;
    font-size: 40px;
    color: #424242;
}
.servicehome{
    background: #e2e2e2;
    padding: 160px 0;
}
.dropdown-menu>li>a{font-size: 16px;}

.servicehome  h1{
    font-size: 8em;
    color: #FFF;
    font-weight: bold;
    letter-spacing: .96px;
    padding-bottom: 17px;
    margin-bottom: 25px;
    line-height: 1em;
}
.servicehome p{
    color: #FFF;
}
.servicehome h3 {
    font-size: 20px;
    color: #424242;
    letter-spacing: .30px;
    font-weight: 600;
    text-transform: uppercase;
    padding-top: 30px;
    padding-bottom: 10px;
    margin-bottom: 45px;
}
.servicehome .imgservhome {
    height: 130px;
}
.servicehome .btn {
    display: block;
    border-radius: 8px;
    background: #f00b20;
    box-shadow: 0px 3px 15px rgb(0 0 0 / 16%);
    font-weight: bold;
    font-size: 22px;
    line-height: 24px;
    color: #fff;
    width: 100%;
    text-align: center;
    position: relative;
    padding: 19px 10px;
    margin-top: 44px;
}
.topprods {
    /*background: #848688 url(/uploads/2402/layout/marcadagua.png) no-repeat center;*/
    padding-bottom: 120px;
    margin-bottom: -77px;
    margin-top: 40px;
    box-shadow: 0px -8px 12px rgb(0 0 0 / 13%);
}

.topprods h4 {
    font-family: "Work Sans";
    font-weight: normal;
    font-size: 30px;
    text-align: left;
    color: #666;
    line-height: 33px;
}

.topprods h2 {
    font-size: 55px;
    color: #333;
    font-weight: bold;
    
    padding-bottom: 0;
    line-height: 50px;
    text-align: left;
}

.featuredPostContainer .slidetitulos {
    display: none;
}

.featuredPostContainer {
    position: relative;
}

.slideprod .action-control{
    display: none;
}
.slideprod .owl-controls .owl-has-nav {
    position: absolute;
    top: 49%;
    font-size: 62px;
}

.slideprod .owl-controls .owl-has-nav.owl-prev {
    left: -26px;
}

.slideprod .owl-controls .owl-has-nav.owl-next {
    right: -26px;
}

.slideprod .owl-page {
    display: none !important;
}

.barraprod {
    padding: 50px 0;
}

.barraprod p {
    font-family: "Work Sans";
    font-weight: normal;
    font-size: 30px;
    text-align: right;
    color: #f10b20;
    margin: 0;
}
.owl-bdn img{
    width:100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    display: block;
}
.logos{
    padding: 40px 0;
    background: linear-gradient(180deg, rgba(0,0,0,0.4514180672268907) 0%, rgba(255,255,255,0.5858718487394958) 68%);
}
.logos h1 {
    font-size: 55px;
    color: #333;
    font-weight: bold;
    letter-spacing: .96px;
    padding-bottom: 17px;
    line-height: 50px;
    text-align: left;
}
.logos h1 span{
    color: #f10b20;
}
.logos p{margin-bottom: 50px;}
.logos .owl-pagination{display: none;}
.logos  .owl-buttons{
    text-align: revert;
    float: right;
    position: absolute;
    top: -89px;
    right: 0;
}
.logos .col-md-8{
    width: 100%;padding: 0;
}
.sobrehome {
    background: #a21516;
    padding-bottom: 90px;
    text-align: center;
}
.sobrehome img{
    margin: 0 auto;
    border-radius: 20px;
    margin-top: 50px;
    margin-bottom: 66px;
}
.sobrehome h1{
        color: #fff;
        font-size: 38px;
        font-weight: 700;
        margin-bottom: 10px;
        text-align: center;
}
.cases {
    background:#014ea1;
}
.cases img{
    width: 100%;
    height: auto !important;
}
.cases img {
    filter: grayscale(1);
    -webkit-filter:grayscale(1);
    opacity: .6;
    transition: 0.5s ease;
}

 .cases img:hover {
     filter: grayscale(0);
    -webkit-filter:grayscale(0);
    opacity:1;
}
.megamenu{
    box-shadow: 0px 3px 25px rgb(0 0 0 / 13%);
}
.cases h1{
    font-size: 55px;
    color: #fff;
    text-align: center;

    letter-spacing: .96px;
    padding-bottom: 17px;
    line-height: 50px;
}
.cases h1 strong{
    font-family: 'CarnacExtrabold';
}
.logos .owl-pagination, .cases .owl-pagination {
    display: none;
}
.cases .owl-buttons {
    text-align: revert;
    float: right;
    position: absolute;
    top: -451px;
    right: 0;
}
.cases .owl-theme .owl-controls {
    width: 1400px;
    margin: 0 auto;
    position: relative;
}
.btnsaiba{
    background: none;
    border: 1px solid #fff;
    font-size: 18px;
    color: #FFF;
    padding: 17px 47px;
    border-radius: 40px;
}
.sobrehome p{
    color: #fff;
    font-weight: 500;
    text-align: center;
    margin-bottom: 50px;
}
.barraprod .btn {
    display: block;
    border-radius: 26px 0;
    background: #ca0505;
    box-shadow: 0px 3px 15px rgb(0 0 0 / 16%);
    font-weight: bold;
    font-size: 38px;
    line-height: 24px;
    color: #fff;
    text-align: center;
    position: relative;
    padding: 22px 10px 19px 10px;
    margin: 0 auto;
    font-family: 'CarnacRegular' !important;
}
.barraprod .btn strong {
    font-family: 'CarnacExtrabold' !important;
}
.product>.price{
    display: none;
}
.navbar-nav > li > a{
    text-transform: none !important;
}
/*********
PRODUTO HOME
**********/
.product .imageHover img, .product .image img{
    border-radius: 25px 0;
    object-fit: cover;
    width: 100%;
    height: auto;
    max-height: 180px;
    object-position: center;
}
.product .image, .product .imageHover{
    height: auto;
    max-height: initial;
    min-height: initial;
}
.podutodahome .owl-has-nav i {
    font-size: 80px;
    color: #c7c7c7;
}
.podutodahome .owl-has-nav i:hover{
    color: #444;
}
.podutodahome  .owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
    top: 32%;
    position: absolute;
    width: 100%;
}
p.desctextos strong{
    color: #222;
    font-family: 'CarnacLight' !important;

}
.owl-item.active.center {
    transform: scale(1.1, 1.2);
}

.services {
    background: url(/uploads/2402/layout/bgquadrado.svg) no-repeat center;
}

.services h2 {
    font-family: "Work Sans";
    font-weight: normal;
    font-size: 40px;
    color: #707070;
    margin-bottom: 25px;
}

.services .list-view {
    padding: 15px 38px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.services figure {
    min-height: 358px;
    max-height: 358px;
    overflow: hidden;
    display: flex;
    align-content: center;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.botoesnav li a {
    font-size: 25px;
}

.services figure img {}

.services .list-view h3 a {
    font-family: "Work Sans";
    font-weight: 600;
    font-size: 21px;
    text-align: center;
    color: #295890;
    line-height: 21px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    min-height: 80px;

}

.services .list-view p {
    font-family: "Work Sans";
    font-weight: normal;
    font-size: 18px;
    text-align: center;
    color: #707070;
    line-height: 21px;
    min-height: 84px;
    overflow: hidden;
}

.services .list-view .btn {
    font-family: "Work Sans";
    font-weight: bold;
    font-size: 22px;
    line-height: 24px;
    text-align: left;
    color: #4bacde;
    border-radius: 8px;
    margin-right: 6px;
    padding: 16px 30px;
    background: #4bacde;
    border: 1px solid #4bacde;
    box-shadow: 0px 3px 15px rgb(0 0 0 / 16%);
    color: #FFF;
    display: block;
    width: 100%;
    text-align: center;
}

.vieobox {
    position: relative;
    width: 100%;
    height: 500px;
    z-index: 1;
    -webkit-perspective: 300px;
    perspective: 300px;
    overflow: hidden;
    background: #4BACDE;
}

.vieobox #videoBG {
    position: fixed;
    right: 0;
    top: -100px;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1000;
    background-size: cover;
    opacity: .6;
}

/************************
quemsomos home
*************************/
.maskcaimg {
    position: relative;
}

.maskcaimg:after {
    content: "";
    background: url(/uploads/2402/layout/bgmask.svg) no-repeat center;
    width: 100%;
    height: 102%;
    position: absolute;
    top: 0;
    background-size: 100%;
}

.sobre p {
    font-weight: normal;
    font-size: 20px;
    line-height: 27px;
    text-align: left;
    color: #707070;
}

.maskcaimg img {
    width: 98%;
    margin-left: 1px;
}

.sobre h1 {
    font-weight: normal;
    font-size: 40px;
    color: #707070;
    margin-top: 30px;
}

.btn-link {
    background: #245d88;
    filter: drop-shadow(0px 3px 15px rgba(0, 0, 0, 0.16));
    color: #FFF;
    font-weight: 600;
    font-size: 22px;
    line-height: 24px;
    text-shadow: none;
    padding: 15px 20px;
    border-radius: 8px;
    margin: 8px 0;
    width: 80%;
    text-align: left;
}

.btn-link:hover {
    background: #4bacde;
    color: #FFF;
    text-decoration: none;
}

.btn-link .fa {
    float: right;
}

.certificados {
    text-align: center;
}

.certificados img {
    display: inline-block;
}

.certificados h2, .partners h2 {
    font-weight: normal;
    font-size: 40px;
    color: #707070;
}

.qualidades .valores {
    background: #848688;
    min-height: 291px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    flex-direction: column;
    justify-content: center;
    border-radius: 8px;
    margin-bottom: 30px;
    padding: 30px;
    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.16)
}

.qualidades .valores.um {
    background: #4bacde;
}

.qualidades .valores.ds {
    margin-top: -42px;
    background: #56cbee;
}

.qualidades .valores.ts {
    background: #295890;
}

.qualidades .valores.cn {
    background: #081f2c;
    margin-top: -42px;
}

.qualidades .valores.se {
    background: #000;
}

.qualidades .valores h3 {
    font-weight: normal;
    font-size: 27px;
    text-align: center;
    color: #fff;

}

.qualidades .valores p {
    font-weight: normal;
    font-size: 16px;
    text-align: center;
    color: #fff;
    line-height: 18px;

}

.container.qualidades {
    padding-top: 8%;
}

/************************
rodape
*************************/


.mapa iframe {
    width: 100%;
    height: 350px;
}

.infosrodape {
    margin-top: -80px;
}

.infosrodape .contact-box {
    background: #fff;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
    text-align: center;
    padding: 20px 43px 40px 43px;
    min-height: 170px;
}

.infosrodape .contact-box h5 {
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    color: #111;

}

.infosrodape .contact-box .icon .fa {
    background: #a21516;
    margin-bottom: 22px;
    color: #FFF;
    font-size: 28px;
    padding: 8px;
    width: 49px;
    height: 49px;
    line-height: 34px;
    border-radius: 100%;
}

.infosrodape .contact-box .icon {
    margin-top: -40px;
}

.infosrodape .contact-box p {
    font-weight: normal;
    font-size: 18px;
    text-align: center;
    color: #707070;
    margin: 0;
    line-height: 20px;
}

.infosrodape .contact-box p.mail {
    font-weight: normal;
    font-size: 18px;
    color: #707070;

}

.infosrodape .contact-box p.phonerodape a {
    font-weight: bold;
    font-size: 28px;
    text-align: center;
    color: #666;

}

.copy img {
    display: block;
    margin: 40px auto 20px auto;
}

.copy p {
    font-weight: normal;
    font-size: 18px;
    text-align: center;
    color: #fff;

}

footer .iconessociais {
    text-align: left;
    margin-left: 36px;

}

footer .iconessociais li {
    float: none;
    display: inline-block;
}

footer .iconessociais li a {
    color: #FFF;
    font-size: 22px;
    margin-right:5px;
}
footer .iconessociais li a:hover{
    background: none;
}

.nav-up {
    top: 0 !important;
}

.footer-bottom,
.footer-bottom p {
    font-size: 16px;
}

footer {
    background: #ca0505;
}
.bg-conteudo footer {
    padding-bottom: 40px;
    padding-top: 80px;
}

/************************
Detalhe de conteudo
*************************/
.parallax-image-aboutus h1 {
    font-weight: bold;
    font-size: 50px;
    line-height: 56px;
    text-align: left;
    color: #fff;
    text-shadow: none;
    text-transform: none;
    margin: 2px 0;
}
.parallax-image-aboutus{
    background-size: 59%;
    background-position: center right !important;
}
.parallax-image-aboutus .parallax-content{
    padding: 2rem 0 !important;
}
h5.parallaxSubtitle {
    font-weight: normal;
    font-size: 22px;
    text-align: left;
    color: #767676;
    line-height: 24px;
    margin: 0;
}

.parallax-image-aboutus .breadcrumb>li {
    font-weight: normal;
    font-size: 19px;
    text-align: left;
    color: #767676;
}

.parallax-image-aboutus .breadcrumb {
    text-align: left;
    margin: 0;
    padding: 0;
    border: 0;
}

.parallax-image-aboutus .clearfix.animated {
    padding: 78px 0;
}

.parallaxOffset {
    margin-top: 67px;
}

.parallax-image-aboutus {
    overflow: hidden;
}
.parallax-image-aboutus-color {
    background: #ca0505;
}
.parallax-image-aboutus::before {
display: none;
}

.row-content-html {
    padding: 40px 0;
}

.logotipo img {
    display: block;
    margin: 0 auto 30px auto;
}
.parallax-image-aboutus .breadcrumb>li{color: #FFF;}
.page-Nossa.empresa .row-content-html {
    text-align: center;
}

.qualidades.internos .valores.ds,
.qualidades.internos .valores.cn {
    margin-top: 0;
}

.container.qualidades.internos {
    padding-top: 0;
}

/************************
Produtos
*************************/


.sidebar-filtros .sidebar-filtros-body {
    border-radius: 8px;
    background: #fff;
    box-shadow: 0px 3px 25px rgb(0 0 0 / 18%);
    overflow: hidden;
}

.sidebar-filtros .panel-title a {
    font-weight: normal;
    font-size: 20px;
    line-height: 29px;
    color: #081f2c;
}

.sidebar-filtros .panel-heading {
    border: 0;
    background: #FFF;
    border-top: 1px solid #D6E0E3;
}

.sidebar-filtros .panel-body,
.sidebar-filtros .panel,
.sidebar-filtros .panel-body li {
    border: 0 !important;
}

.sidebar-filtros .panel-body {
    padding: 0;
}

.sidebar-filtros .panel-body li a {
    font-weight: normal;
    font-size: 14px;
    letter-spacing:-1px;
    color: #788198;
    padding: 6px 13px;
}

.sidebar-filtros .panel-body li a:before {
    content: "\f0a9";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 0;
    color: #999;
}

.sidebar-filtros .panel-body li a:hover {
    color: #999;
    font-weight: normal;
}

.sidebar-filtros .nav.tree {
    padding-bottom: 20px;
}

.product {
    border: 0;
    background: #FFF;
    border-radius: 8px;
}

.item h4 a {
    font-family: 'CarnacBold';
    font-weight: 800;
    font-size: 17px;
    text-align: left;
    color: #064a9b;
    text-transform: none;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: center;
    align-content: center;
    padding: 10px 0;
    min-height: 60px;
}
.podutodahome{
    background: rgb(189,204,213);
    background: linear-gradient(0deg, rgba(189,204,213,1) 0%, rgba(255,255,255,1) 52%);
}
.item h4 {
    margin-top: 0;
    min-height:initial;
    max-height:initial;
}

.description {
    min-height: initial;
    max-width: 89%;
}
.description p.desctextos{
    font-size: 15px;
    text-align: left;
    line-height: 20px;    font-size: 15px;
    text-align: left;
    line-height: 20px;
    min-height: 125px;
    max-height: 125px;
    
}
.description p {
 /*   display: none;*/
}
.description {
    min-height: 112px;
    max-width: 89%;
    margin-bottom: 14px;
}

.product>.price {
    max-height: 80px;
    min-height: 80px;
}

.product:hover,
.featuredImgLook2 .inner:hover {
    border: 0;
}

.product-title {
    font-family: "Work Sans";
    font-weight: bold;
        font-size: 27px;
    line-height: 20px;
    text-align: left;
    color: #064c9d;
}

h2.resumeprods {
    font-family: "Work Sans";
    font-weight: bold;
    font-size: 20px;
    text-align: left;
    color: #454545;
    margin-bottom: 0;

}

.mapaiframe iframe{
    width:100%;
    height:150px;
}
.mapaiframe{
    margin-top: 20px;
}
.contprod p {
    font-family: "Work Sans";
    font-weight: normal;
    font-size: 18px;
    text-align: left;
    color: #767676;

}

.descricoes-produtos p {
    font-family: "Work Sans";
    font-size: 18px;
    text-align: left;
    color: #454545;

}

.btwhats.btprod {
    border-radius: 8px;
    background: #024ea1;
    box-shadow: 0px 3px 15px rgb(0 0 0 / 16%);
    display: block;
    font-family: "Work Sans";
    font-weight: bold;
    font-size: 22px;
    line-height: 24px;
    text-align: left;
    color: #fff;
    padding: 20px;
}

.btwhats.btprod .fa {
    float: right;
}

.textosprods {
    background: #f2f2f2;
    margin-top: 59px;
}

.nav-tabs li a {
    font-family: "Work Sans";
    font-weight: normal;
    font-size: 18px;
    text-align: left;
    color: #081f2c;
    text-transform: none;
    letter-spacing: 0;
}

.item .buttonbar a.btn {
    font-family: "Work Sans";
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    padding: 10px 10px;
    border-radius: 8px;
    margin-bottom: 0;
}

.item .buttonbar a.btn .fa {
    float: right;
    margin-top: 4px;
    margin-left: 15px;
}

.item .buttonbar a.btwhats.btn {
    background: #ca0505;
    color: #FFF;
    display:none;
}

.item .buttonbar a.btn.btn-default {
    background: #FFF;
    color: #ca0505;
        width: 100%;
    display: flex;
    align-items: center;
    border: 1px solid #ca0505;
}

.textosprods .tabbable .nav.nav-tabs {
    margin-top: -44px;
    border-bottom: 3px solid #f2f2f2;
}

.textosprods .nav-tabs>li.active>a,
.textosprods .nav-tabs>li.active>a:hover,
.textosprods .nav-tabs>li.active>a:focus,
.textosprods .nav-tabs>li:hover>a {
    background: #f2f2f2;
    color: #081f2c !important;
}

.bg-conteudo .navbar-tshop{
    border-bottom: 1px solid #eee;
}
.produto-album .sp-large a {
    display: block;
    margin-bottom: 13px;
}
.descricao-compra .contprod ul li{
    font-size: 20px;
    line-height: 28px;
    display: block;
}
.descricao-compra .contprod ul li strong{
    color: #454545;
}
.descricao-compra  .border-prod{
    display: none;
}
/************************
servicos
*************************/
.tituloservc {
    background: #245d88 url(/uploads/2402/layout/bgforms.png) no-repeat bottom center;
    background-size: cover !important;
}

.tituloservc .resumeserv {
    min-height: 360px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    align-items: flex-start;
}

.parallax-image-aboutus.tituloservc::before {
    display: none;
}

.parallax-image-aboutus.tituloservc::before {
    content: "";
    display: block;
    border-bottom: 620px solid #fff;
    border-right: 0;
    border-left: 210px solid transparent;
    height: 101%;
    width: 43%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}

.tituloservc h1 {
    font-family: "Work Sans";
    font-weight: bold;
    font-size: 40px;
    text-align: left;
    color: #fff;
    line-height: 41px;

}

.videoserv .boxvideos {
    margin: 0 auto;
    text-align: center;
    position: relative;
    display: block;
    height: 0 !important;
    padding: 0;
    overflow: hidden;
    padding-bottom: 45.25%;
    width: 80% !important;
    border-radius: 9px;
    box-shadow: 0 0 31px -7px rgb(0 0 0 / 30%);
}

.videoserv .boxvideos iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    border: 0;
}

.videoserv {
    background: #F2F2F2;
}

.tituloservc p {
    font-family: "Work Sans";
    font-weight: normal;
    font-size: 22px;
    text-align: left;
    color: #fff;
}

.tituloservc .fotoserv {
    width: 550px;
    height: 550px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: stretch;
    flex-direction: column;
    flex-wrap: wrap;
    background: #fff;
    border-radius: 100%;
    margin: 7% 0;
}

.tituloservc .fotoserv img {
    width: 72%;
    height: auto;
}

.tituloservc .buttonbar .btn {
    font-family: "Work Sans";
    font-weight: bold;
    font-size: 22px;
    line-height: 24px;
    text-align: left;
    color: #024ea1;
    border-radius: 8px;
    margin-right: 6px;
    padding: 16px 30px;
}

.tituloservc .buttonbar .btn.btwhats {
    background: #295890;
    border: 1px solid #024ea1;
}

.tituloservc .buttonbar .btn.btn-default {
    background: #024ea1;
    border: 1px solid #024ea1;
    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.16);
    color: #FFF;

}

.tabserv {
    font-weight: 300;
    color: gray;
    font-size: 16px;
}

.formorc h4 {
    font-family: "Work Sans";
    font-weight: normal;
    font-size: 40px;
    text-align: left;
    color: #707070;
    margin: 71px 0 40px 0;
}

.formorc .form-control {
    font-family: "Work Sans";
    font-weight: normal;
    font-size: 18px;
    text-align: left;
    color: #a1a8b9;
    height: 46px;
    border-radius: 8px;
}

.formorc .btn {
    font-family: "Work Sans";
    font-weight: bold;
    font-size: 22px;
    line-height: 24px;
    text-align: left;
    color: #4bacde;
    border-radius: 8px;
    margin-right: 6px;
    padding: 16px 30px;
    background: #4bacde;
    border: 1px solid #4bacde;
    box-shadow: 0px 3px 15px rgb(0 0 0 / 16%);
    color: #FFF;
    display: block;
    width: 100%;
    text-align: center;
}

.tabserv ul {
    list-style: disc;
}

.videoserv.ff::before {
    content: "";
    display: block;
    background: url(/uploads/2402/layout/bgquadrado.svg) no-repeat center;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.menumanu h3 {
    font-family: "Work Sans";
    font-weight: 600;
    font-size: 21px;
    text-align: center;
    color: #295890;
    line-height: 21px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    min-height: 80px;

}

.menumanu .fotomenu {
    min-height: 358px;
    max-height: 358px;
    overflow: hidden;
    display: flex;
    align-content: center;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.menumanu p {
    font-family: "Work Sans";
    font-weight: normal;
    font-size: 18px;
    text-align: center;
    color: #707070;
    line-height: 21px;
    min-height: 64px;
    overflow: hidden;
}

.menumanu .btn {
    font-family: "Work Sans";
    font-weight: bold;
    font-size: 22px;
    line-height: 24px;
    text-align: left;
    color: #4bacde;
    border-radius: 8px;
    margin-right: 6px;
    padding: 16px 30px;
    background: #4bacde;
    border: 1px solid #4bacde;
    box-shadow: 0px 3px 15px rgb(0 0 0 / 16%);
    color: #FFF;
    display: block;
    width: 100%;
    text-align: center;
}
.forms .col-sm-7{
    z-index: 1;
}
.sembg #sidebarCollapse {
    border: 1px solid #fff;
    color: #fff;
}
#btEnviar {
    margin-top: 28px;
    background: #285d88;
    min-width: 159px;
}


.mapaprod h2{
    font-weight: bold;
    font-size: 28px;
    text-align: center;
    color: #666;
}
.product .image, .product .imageHover{
    margin-bottom: 30px;
}
.pagecliente img{
    width:100%;
    height: auto;
    margin-bottom: 40px;
}
.footer-bottom p.pull-left{
    margin-bottom: 0;
}
.btn-primary, .product:hover .add-fav:hover, .product:hover .add-fav.active {
    background-color: #285d88;
    color: #ffffff;
}
.botoestoposide li .iconcart, .botoestoposide li .iconcliente{display: none !important;}
#sidebar strong.tit {
    color: #4bacde !important;
}

.titulored{
    color: #ca0505 !important;
    font-size: 35px !important;
    font-weight: 400 !important;
    font-family: 'CarnacRegular';
    
}
.titulored strong{
    font-family: 'CarnacBold';
}
.imgcase{width: 100%; height: auto;}

.navbar-nav.menuprinci>li>a, .navbar-nav.menuprinci>li>a:hover, .botoesnav li a {
    font-family: 'CarnacRegular';
    font-size: 15px;
    color: #444!important;
    padding: 4px 15px;
    font-weight: 600;
    text-transform: uppercase !important;
    margin: 19px 0;
}
.botoesnav li a.phonetop{
    font-size:27px!important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: flex-end;
    margin: 10px 0;
}
.botoesnav li a.phonetop .hidden-xs span{
    font-size: 24px !important;
    padding-right: 8px;
}
.container.static {
    position: static;
    padding: 2px 15px;
}

.saiba-mais{
    display: flex;
    align-items: center;
}

@media(max-width:768px){
    .saiba-mais{
        display: flex;
        flex-direction: column;
    }
    
}


.servicored{
    background: #ca0505;
}
.servicored .titles{
    color:#FFF;
    font-weight: 400;
}
.servicored .titles strong{
    font-family: 'CarnacBold';
}
.servicored .prodservs img{
    height: 150px;
    object-fit: cover;
    border-radius: 15px 0 15px 0;
    width:100%;
}
.servicored .prodservs a{
   display: block;
}

.prodservs_title{
    color:#FFF;
    font-size: 22px;

}

.banner-stick{
    width: 100%;
    min-height: 500px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.product{
    text-align: left !important;
}
/************************
Responsivo
*************************/
@media(max-width:1920px){
    .forms img {
        top: -8px;
    }
    .cases .owl-buttons{
        top: -362px;
    }
}
@media (max-width: 1800px){
    .forms img {
        top: auto;
        bottom: 0;
    }
    .cases .owl-buttons {
        top: -335px;
    }
}
@media (min-width: 1400px) {
    .container {
        width: 1400px;
    }
    
}

@media(max-width:1400px) {
    .userInfo .row-content-html img{
        width: 100%;
        height: auto;
    }
    .userInfo .row-content-html  hr{
        display: block;
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .cases .owl-theme .owl-controls{width:100%;}
    .cases .owl-buttons{    right: 2%;}
    .container {
        width: 100%;
        padding: 0 40px;
    }
    .botoesnav li a {
        font-size: 21px;
    }
    .forms .form-control, .solita .form-control, .forms .btn, .solita .btn {
        max-width: 81%;
    }
    .forms {
        padding: 90px 0;
        min-height: initial;
    }

    .frase .banner-codigo {
        font-size: 32px;
    }

    .forms h2 {
        font-size: 42px;
    }

    .services .list-view h3 a {
        font-size: 19px;
    }

    .services .list-view {
        padding: 15px 28px;
    }

    .topprods h4 {
        font-size: 23px;
        line-height: 26px;
    }
    .topprods h2 {
        font-size: 35px;
    }
    .item .buttonbar a.btn {
        font-size: 14px;
        line-height: 22px;
        padding: 7px 9px;
    }
    .item .buttonbar a.btn .fa{
        margin-left: 7px;
    }
    .product{    overflow: hidden;text-align: left;}
    .barraprod p {
        font-size: 24px;
    }
    .certificados img {
        height: 100px;
    }
    .vieobox {
        height: 380px;
    }
    .logotipo img{
            max-width: 350px;
    }
}
@media(max-width:1380px) {
    .solita h1, .cases h1, .logos h1, .servicehome h1 {
        font-size: 45px;
    }
    .boxpage.forms {
        padding: 80px 0;
    }
    .frase .col-md-8{
        width: 100%;
        text-align: center;
    }
    .cases .owl-buttons {
        top: -291px;
        right: 2%;
    }
    .forms .form-control, .solita .form-control, .forms .btn, .solita .btn {
        max-width: 100%;
    }
    .parallax-image-aboutus .breadcrumb>li {
        font-size: 15px;
    }
    .parallax-image-aboutus h1 {
        font-size: 45px;
        margin: 0px 0 14px 0;
        line-height: 45px;
    }
    h5.parallaxSubtitle {
        font-size: 16px;
    }
    .menumanu .fotomenu {
        min-height: 250px;
        max-height: 250px;
    }
    .menumanu .btn{
        font-size: 19px;
        line-height: 20px;
        padding: 11px 30px;
    }
    .menumanu p{
        line-height: 18px;
        font-size: 15px;
        min-height: 71px;
    }
    .menumanu h3{
        min-height: 98px;
    }
    .parallax-image-aboutus.tituloservc h1{
        font-size: 35px;
    line-height: 37px;
    }
    .tituloservc p{
        font-size: 17px;
    }
    .tituloservc .resumeserv {
        min-height: 269px;
    }
    .tituloservc .buttonbar .btn{
        padding: 13px 23px;
        font-size: 15px;
        line-height: 24px;
    }
    .tituloservc .fotoserv{
        margin: 1% 0;
        width: 500px;
        height: 500px;
    }
    .sidebar-filtros .panel-body li a{    font-size: 14px;    padding: 6px 10px;}
    .product-title{
        font-size: 32px;
        line-height: 39px;
    }
    h2.resumeprods {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 0;
    }
    .contprod p{
        font-size: 15px;
        line-height: 21px;
    }
    .parallax-image-aboutus .clearfix.animated {
        padding: 54px 0;
    }
    .logotipo img {
        max-width: 250px;
    }
    p {
        font-size: 19px;
    }
    .parallax-image-aboutus::before{    width: 91%;}
    .vieobox {
        height: 316px;
    }
    .container{
        width: 100%;
        padding-left: 22px;
        padding-right: 22px;
    }
    .forms h1 {
        font-size: 32px;
    }
    .forms h2 {
        font-size: 31px;
        line-height: 37px;
        margin-bottom: 16px;
    }
    .forms .form-control{
        height: 50px;
        font-size: 18px;
    }
    .forms .btn {
        font-size: 20px;
        height: 60px;
    }
    .forms img {
            top: auto;
            width: 34%;
    }
    .frase .banner-codigo {
        font-size: 27px;
    }
    .boxpage {
        padding: 58px 0;
    }
    .services h2 {
        font-size: 34px;
    }
    .services .list-view p{
        font-size: 14px;
        line-height: 16px;
    }
    .services .list-view .btn{
        font-size: 17px;
        padding: 10px 30px;
    }
    .topprods h4 {
        font-size: 20px;
        line-height: 23px;
    }
    .topprods{margin-bottom: -38px;}
    .barraprod p {
        font-size: 20px;
    }
    .qualidades .valores{
        padding: 10px;
        min-height: 266px;
    }
    .qualidades .valores p{
        font-size: 14px;
    }
    .qualidades .valores h3 {
        font-size: 21px;
    }
    .sobre p {
        font-size: 16px;
    }
    .infosrodape .contact-box p.phonerodape a {
        font-size: 21px;
    }
    .infosrodape .contact-box{    padding:20px 20px 40px 20px;}
    .infosrodape .contact-box p.mail {
        font-size: 16px;
    }
    .navbar-brand {
        height: auto;
        max-width: 127px;
    }

}
@media(max-width:1180px){
    .navbar-nav.menuprinci>li>a, .navbar-nav.menuprinci>li>a:hover, .botoesnav li a {
        font-size: 15px;
        padding: 15px 11px;
    }
    .product .image, .product .imageHover {
        height: 160px;
        max-height: 160px;
    }
    .item .buttonbar a.btn{
        margin-top: 10px;
        display: block;
        width: 80%;

    }
    .cases .owl-buttons {
        top: -234px;
    }
    .infosrodape .contact-box{
        margin-bottom: 25px;
    }
    .logos .owl-buttons{
        top: -138px;
    }
}
@media(min-width:1024px){
    .navbar-nav.menuprinci li a{
        border-right:3px solid #999;
    }
    .navbar-nav.menuprinci li:last-child a{
        border: 0;
    }
}
@media(max-width:800px){
    #sidebar .footer-nav li .dropdown-menu{
        position: initial;
    display: block;
    width: 100%;
    box-shadow: none;
    margin: 0;
    padding: 0;
    border: 0;
    }
    #sidebar .footer-nav li .dropdown-menu li a{padding-left:31px !important;}
    .boxpage.servicehome .col-sm-4,.boxpage.servicehome .col-sm-8{
        width: 100%;
    }
    .boxpage.servicehome .col-sm-8{
        margin-top: 25px;
    }
    .cases .owl-buttons {
        top: -310px;
    }
    .logos .owl-buttons {
        top: -169px;
    }
    .navbar-nav.menuprinci>li>a, .navbar-nav.menuprinci>li>a:hover {
        padding: 15px 6px;
        font-size: 12px;
    }
    .product .image, .product .imageHover {
        height: 250px;
        max-height: 250px;
    }
    .parallax-image-aboutus::before{
        border-right: 413px solid transparent;
    }
    .parallax-image-aboutus .clearfix.animated {
        padding: 31px 0;
    }
    .parallax-image-aboutus::before {
        width: 100%;
    }
    .menumanu .fotomenu{padding: 20px;}
    .parallax-image-aboutus.tituloservc h1 {
        font-size: 23px;
        line-height: 22px;
    }
    .tituloservc p {
        font-size: 17px;
        line-height: 18px;
    }
    .tituloservc .buttonbar .btn {
        padding: 11px 16px;
    }
    .tituloservc .fotoserv {
        margin: 1% 0;
        width: 100%;
        height: 347px;
    }
    .ff img{
        display: none;
    }
    .parallax-image-aboutus{    margin-top: 82px !important;}
    .parallax-image-aboutus h1 {
        font-size: 36px;
        line-height: 37px;
        margin-top:20px;
    }
    h5.parallaxSubtitle {
        font-size: 15px;
        line-height: 19px;
        margin-bottom:0;
    }
    
    .botoesnav{
        display: none;
    }
    .navbar-brand {
        height: auto;
        max-width: 100px;
        margin-left: 7px;
    }
    .menuprinci {
        width: 84%;
    }
    .forms h1 {
        font-size: 26px;
        padding-bottom: 0px;
    }
    .forms h2 {
        font-size: 24px;
        line-height: 29px;
        margin-bottom: 0;
    }
    .forms p {
        font-size: 17px;
        margin-bottom: 0;
    }
    .forms strong {
        font-size: 26px;
        margin-bottom: 10px;
        display: block;
    }
    .forms .form-control {
        height: 45px;
        font-size: 16px;
    }
    .forms .btn {
        font-size: 20px;
        height: 49px;
    }
    .frase .banner-codigo {
        font-size: 27px;
        text-align: center;
    }
    .boxpage.frase {
        padding: 34px 0;
    }
    .services figure {
        min-height: 212px;
        max-height: 212px;
    }
    .services .list-view h3 a {
        font-size: 16px;
        line-height: 16px;
        min-height: 68px;
    }
    .sobre .col-md-8 img.animated{
        margin: 0 auto;
        width: 250px;
    }
    .sobre h1, .sobre p{
        text-align: center;
    }
    .sobre .btn-link{
        max-width: 250px;
        margin: 0 auto;
        display: block;
        margin-bottom: 36px;
    }
    .maskcaimg:after{
        display: none;
    }
    .vieobox {
        height: 216px;
    }
    .contact-box.local{
        margin-bottom: 40px;
    }
}
@media(max-width:600px){
    .parallax-section{
        margin-bottom:25px;
    }
    .sembg #sidebarCollapse {
        border: 1px solid #014ea1;
            color: #014ea1;
            height: auto;
            margin: 14px 0;
    }
    .navbar-brand img{
        height: auto;
        max-width: initial;
    }
    .boxpage.barraprod .container .col-md-8.col-xs-12{padding:0;}
    .barraprod .btn{
        font-size: 33px;
    }
    .footer{
        text-align:center;
    }
    .footer ul{
        margin:0;
    }
    .nav-up .container.static{
        padding:0 15px;
    }
    .footer .footer-logo.text-right{
        text-align: center;
    }
    .footer .col-12.text-white.text-right{
        text-align: center;
    }
    .navbar-header .navbar-toggle.buscatop{
        font-size: 24px;
    }
    .whatsapp i{
        width: 50px;
        height: 50px;
    }
    .parallax-image-aboutus {
        margin-top: 60px !important;
    }
    .sembg .colorWhite, .sembg .colorWhite i, .buscatop i {
        color: #014ea1 !important;
    }
    /*.parallax-image-aboutus.isandroid, .parallax-section.isandroid{background: #d4d4d4 !important;}*/
    .parallax-image-aboutus::before{display: none;}
    .navbar-header .navbar-toggle{display: none;}
    .navbar-header .navbar-toggle.buscatop{display: block !important;}
    p {
        font-size: 17px;
        line-height: 23px;
    }
    .tituloservc .buttonbar .btn {
        padding: 11px 11px;
        font-size: 13px;
    }
    .tituloservc .resumeserv {
        min-height: initial;
        margin-bottom: 16px;
    }
    .tituloservc .fotoserv {
        margin: 1% 0 3% 0;
        height: 276px;
    }
    .parallax-image-aboutus.tituloservc::before {
        border-bottom: 620px solid #b5b5b5;
    }
    .videoserv .boxvideos{
        padding-bottom: 61.25%;
        width: 100% !important;
    }
    .tabserv .nav-tabs li a{    font-size: 12px;}
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs > li:hover > a {
        background: #bfc9ca;
        color: #666 !important;
    }
    .formorc h4{
        font-size: 22px;
    text-align: center;
    margin: 0 0 40px 0;
    }
    .parallax-image-aboutus.tituloservc h1, .tituloservc p{
        text-align: center;
    }
    .parallax-image-aboutus.tituloservc.isandroid {
        background: #295790 !important;
    }
    .forms img{
        position: inherit;
        width: 100%;
        margin-bottom: -80px;
        margin-top: 25px;
    }
    .forms h1 {
        font-size: 29px;
        padding-bottom: 0px;
        text-align: center;
    }
    .forms h2 {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 0;
        text-align: center;
    }
    .forms p {
        font-size: 17px;
        margin-bottom: 0;
        text-align: center;
    }
    .frase .banner-codigo {
        font-size: 22px;
        text-align: center;
    }
    .services h2 {
        font-size: 25px;
    }
    .topprods h4 {
        font-size: 16px;
        line-height: 17px;
    }
    .topprods h2 {
        font-size: 28px;
    }
    .qualidades .valores.ds, .qualidades .valores.cn{
        margin-top: 0;
    }
    .contact-box.contatos{
        margin-bottom: 40px;
    }
    footer .iconessociais {
        text-align: center;
        float: none;
    }
    .botoesnav {
        display: block;
    }
    .product .image, .product .imageHover {
        height: initial;
        max-height: initial;
        min-height: initial;
    }
    .item .buttonbar a.btn {
        font-size: 18px;
        padding: 17px 9px;
    }
    .bttopo.navbar-toggle{
        display: block !important;
    }
    .bttopo.navbar-toggle a{
        background: #ca0505 !important;
        color: #FFF !important;
        text-shadow: none;
        border-radius: 25px 0;
        padding: 17px;
        font-size: 14px;
        margin: 6px 0;
    } 
}

/*========================
Owl
==========================*/
.cases .owl-buttons{
    top: -138px !important;
    width: 100%;
}  

.owl-bdn .owl-buttons{
    top: 38px !important;
    width: 100%;
}

.cases .owl-buttons .owl-prev{
    position:absolute;
    left: -60px !important;
}
.owl-bdn .owl-buttons .owl-prev{
    position:absolute;
    left: -35px !important;
}
.cases .owl-buttons .owl-next{
    position:absolute;
    right: -24px !important;
}
.owl-bdn .owl-buttons .owl-next{
    position:absolute;
    right: -35px !important;
}

.owl-bannersss .owl-controls .owl-buttons div{
    background-color: transparent !important;
    font-size: 50px;
}

.owl-bdn .owl-controls .owl-buttons div{
    background-color: transparent !important;
    font-size: 50px;
    color: #000;
}

@media(max-width:1400px){
    .cases .owl-buttons .owl-prev{
        left: 30px !important;
    }
    .cases .owl-buttons .owl-next{
        right: -65px !important;
    }
}
@media(max-width:1375px){
    .cases .owl-buttons{
        top: -8px !important;
        width: 100%;
    }
    .cases .owl-buttons .owl-prev{
        left: 30px !important;
    }
    .cases .owl-buttons .owl-next{
        right: -8px !important;
    }
}
.owl-bdn .owl-item div{
    padding: 8px;
}
.owl-bdn .owl-item div img {
    height: 150px;
    object-fit: cover;

    border-radius: 15px 0 15px 0;
    width:100%;
}

.footer{
    background-color: #ca0505;
    padding: 2rem 0;
}
.footer ul{
    margin-top: 0;
}
.text-white{
    color: #fff;
}

.fw-bold{
    font-weight: bold;
}

.atendimento{
    font-size: 22px;
    font-family: 'CarnacBold' !important;
}

.mb-1{
    margin-bottom: 1rem;
}

.footer-logo img{
    width: 150px;
    height: auto;
}

/*========================
�rea do vendedor Whatsapp
==========================*/
.whatsapp{
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 1000;
}

.whatsapp i{
    font-size: 40px;
    color: #2db742;
    padding: 0.5rem;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    line-height: 45px;
    text-align: center;
    background: #FFF;
    cursor:pointer;
}

#close-whatsapp i{
    font-size: 27px;
    padding: 1.8rem;
    line-height: 17px;
}

#whatsapp-box{
    position: fixed;
    bottom: 72px;
    right: 38px;
    z-index: 1000;
    background-color: #fff;
    margin-left: 10px;
}

.whatsapp-box{
    background-color: #fff;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    border-radius: 10px;
}
.whatsapp-box .header{
    max-width: 400px;
    height: auto;
    background-color: #2db742;
    padding: 1rem 1rem;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.header-row{
    display:flex;
    flex-direction: row;
    align-items: stretch;
}


.header-icon{
    display:flex;
    align-items: center;
    justify-content: center;
}

.header-icon i{
    font-size: 50px;
    color: #fff;
}

.whatsapp-box .body{
    padding: 2rem;
}

.whats-card{
    display: flex;
    justify-content: space-between;
    background-color: #f5f7f9;
    padding: 1rem;
    margin-bottom: 1rem;
    border-left: 2px solid #2db742;
}

.whats-card:hover{
    background-color: #f1f1f1;
}

.d-none{
    display: none;
}

@media(max-width:400px){
    .header-row{
        flex-direction: column;
    }

    .header-icon{
        margin-bottom: 2rem;
    }
}

.logos .container{
    display: flex;
    flex-wrap: wrap;
    flex-basis: auto;
    align-content: stretch;
    justify-content: space-between;
    align-items: baseline;
    flex-direction: row;
}

.logos .container > div{
    min-width: 12%;
    margin: 8px 0;
}
.logos .container img{
    width:auto !important;
    height:auto !important;
}
.logos .container img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    transition: 0.5s ease;
}

.logos .container img:hover {
    filter: none;
    -webkit-filter: grayscale(0);
}
.vtbt{
    border: 1px solid #ccc;
    display: block;
    text-align: center;
    padding: 11px;
    border-radius: 7px;
    background: #FFF;
    margin-bottom:20px;
    font-weight: 800;
    font-size: 14px;
}
.botoes{
    margin-top: 20px;
    display: flex;
    gap: 8px;
}
.botoes .btn{
    background:none;
    border:0;
    box-shadow:none;
    display: flex;
    color:#000;
    border:1px solid #ccc;
}
@media print {

  #sua_div  .sp-thumbs{
      visibility: hidden;
  }
  .descricao-compra .border-prod {
    display: none;
}
  
}

.action-control .buttonbar{
    padding: 0 14px;
}
.navbar-nav.menuprinci li.bttopo{
    margin:0 25px ;
}
.navbar-nav.menuprinci li.bttopo a{
    background: #ca0505 !important;
    color: #FFF !important;
    text-shadow: none;
    border-radius: 25px 0;
    padding: 17px;
    margin: 6px 0;
    border: 0;
}