*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-variant-ligatures:none
}
button{
    cursor:pointer
}
section{
    margin:0
}
img{
    max-width:100%
}
html,.body{
    overflow-x: hidden;
    width: 100%;
    position: relative;
    font-family:"proxima-nova",sans-serif;
    font-weight:normal;
    font-size:16px
}
p{
    font-size:1.4rem;
    line-height:1.8rem;
    font-weight:normal
}
h1,h2,h3,h4,h5,h6,strong,b{
    font-weight:bold
}
h1{
    font-size:3.75rem
}
h2{
    font-size:2.3rem
}
h3{
    font-size:2.38rem
}
p{
    font-size:1.5rem;
    letter-spacing:-0.3px
}
.more{
    position:absolute;
    z-index:9999 !important;
    cursor:pointer;
    width:43px;
    height:43px;
    display:flex;
    align-items:center;
    justify-content:center;
    transform:scale(0.9)
}
.more .botao{
    position:relative;
    width:43px;
    height:43px
}
.more .botao .border{
    border:1px solid #46c1be;
    background:rgba(0,0,0,0);
    position:absolute;
    border-radius:50%;
    width:43px;
    height:43px;
    top:49.5%;
    left:49.5%;
    margin-left:calc(43px/2*-1);
    margin-top:calc(43px/2*-1);
    animation-name:example;
    animation-duration:2s;
    animation-iteration-count:infinite
}
.more .botao .m a{
    background:#46c1be;
    border-radius:50%;
    width:43px;
    height:43px;
    display:flex;
    align-items:center;
    justify-content:center
}
.more .botao .m a img{
    width:50px;
    transition:all .2s
}
.more .texto{
    background-color:#7b8a9c;
    color:#fff;
    font-size:1.8rem;
    font-weight:bold;
    min-width:200px;
    padding:5px;
    text-align:center;
    margin-top:15px;
    margin-left:-20px;
    padding-left:25px
}
.fifi{
    letter-spacing:.02rem
}
@keyframes example{
    from{
        transform:scale(1);
        opacity:1
    }
    to{
        transform:scale(1.5);
        opacity:0
    }
}
.box{
    color:#fff;
    background-color:#46c1be;
    padding:0;
    max-width:550px
}
.box .box-body,.box .box-footer{
    padding:30px
}
.box .box-footer{
    background-color:#7b8a9c
}
.navegacao{
    position:absolute;
    bottom:50px;
    padding:30px 60px;
    width:100%;
    display:flex;
    justify-content:space-between;
    z-index:999
}
.navegacao li{
    list-style-type:none
}
.navegacao li button{
    margin:30px;
    width:50px;
    height:50px;
    padding:10px;
    background-color:rgba(255,255,255,.8);
    border-radius:50%
}
.navegacao li button img{
    width:30px;
    height:30px;
    margin-right:-2px
}
.navegacao li.prev img{
    transform:rotate(180deg);
    margin-right:2px
}
.modal-video{
    position:absolute;
    top:0%;
    left:0%;
    width:100%;
    height:103%;
    z-index:99999999 !important;
    visibility:hidden;
    transition:all .2s
}
.modal-video.show{
    visibility:visible
}
.modal-video .close{
    position:absolute;
    top:30px;
    right:30px;
    width:30px;
    height:30px;
    cursor:pointer;
    transform:rotate(45deg);
    transition:all .2s
}
.modal-video .close img{
    filter:brightness(100)
}
.modal-video .close:hover{
    transform:rotate(135deg)
}
.modal-video .bg{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.6)
}
.modal-video .bg div{
    max-width:800px
}
@media(min-width: 1199px){
    section{
        max-height:750px
    }
}
@media(max-width: 1200px){
    html{
        font-size:14px
    }
    p{
        font-size:1.6rem;
        line-height:1.5rem
    }
    .box{
        max-width:365px
    }
    .box .box-body,.box .box-footer{
        padding:20px
    }
    h1{
        font-size:2.8rem
    }
    h2{
        font-size:2.1rem
    }
    h3{
        font-size:1.7rem
    }
}
@media(max-width: 575px){
    h2{
        font-size:2.3rem
    }
    p{
        font-size:1.5rem !important;
        line-height:1.9rem
    }
    p br{
        display:none
    }
}
.container-fluid{
    padding:0
}
@media(max-width: 460px){
    br{
        display:none
    }
    html,.body{
        font-size:12px
    }
    .container-fluid{
        padding:0
    }
    .container-fluid .row{
        padding:0;
        margin:0
    }
    .box{
        max-width:100%
    }
}
@media(max-width: 1000px){
    .navegacao{
        z-index:999999999 !important
    }
}
.balao{
    border-radius:20px;
    color:#fff;
    position:relative;
    padding:30px 50px;
    display:table
}
.balao::after{
    position:absolute;
    content:"";
    width:0;
    height:0;
    border:50px solid;
    border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)
}
.balao-branco{
    background-color:#fff;
    color:#ff8200
}
.balao-branco::after{
    border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff
}
.balao-laranja{
    background-color:#ff8200
}
.balao-laranja::after{
    border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #ff8200
}
.balao-amarelo{
    background-color:#fcba4d
}
.balao-amarelo::after{
    border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fcba4d
}
.balao-roxo{
    background-color:#9a5394
}
.balao-roxo::after{
    border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #9a5394
}
.balao-azul{
    background-color:#46c1be
}
.balao-azul::after{
    border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #46c1be
}
.balao-rosa{
    background-color:#f27179
}
.balao-rosa::after{
    border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #f27179
}
.balao-br::after{
    transform:rotate(180deg);
    bottom:-50px;
    right:0
}
.balao-bl::after{
    bottom:-50px;
    left:0
}
.balao-tl::after{
    top:-50px;
    left:0
}
.balao-tr::after{
    transform:rotate(180deg);
    top:-49px;
    right:0
}
@media(max-width: 768px){
    .balao{
        padding:15px 20px
    }
    .balao::after{
        border-width:35px
    }
    .balao-br::after{
        bottom:-35px
    }
    .balao-bl::after{
        bottom:-35px
    }
    .balao-tl::after{
        top:-35px
    }
    .balao-tr::after{
        top:-35px
    }
}
.block-text>div{
    display:table;
    padding:3px 20px;
    margin:5px 0;
    color:#fff
}
.block-text span{
    font-weight:400
}
.block-text-branco>div{
    background-color:#fff
}
.block-text-amarelo>div{
    background-color:#fcba4d
}
.block-text-roxo>div{
    background-color:#9a5394
}
.block-text-azul>div{
    background-color:#46c1be
}
.block-text-rosa>div{
    background-color:#f27179
}
.block-text-laranja>div{
    background-color:#ff8200
}
.barra{
    height:350px;
    width:100%;
    display:block;
    display:flex;
    align-items:center
}
.barra-laranja{
    background-color:#ff8200
}
.barra-roxo{
    background-color:#9a5394
}
.barra-azul{
    background-color:#46c1be
}
.barra-amarelo{
    background-color:#fcba4d
}
.intro{
    background-color:#ff8200
}
.intro .content{
    display:flex
}
.intro .img{
    max-width:100%
}
.intro .img img{
    width:100%
}
.intro .text{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:50px;
    padding-top:90px;
    flex:1;
    position:relative
}
@media(max-width: 768px){
    .intro .text .caixa{
        padding:0px 30px
    }
}
.intro .text .caixa .p1,.intro .text .caixa .p2{
    padding:35px 0px;
    color:#fff
}
.intro .text .caixa .p1 .logo{
    width:260px;
    position:absolute;
    bottom:40px;
    right:40px
}
@media(max-width: 768px){
    .intro .text .caixa .p1 .logo{
        position:unset;
        width:180px;
        margin-top:15px
    }
}
.intro .text .caixa .p1 h1{
    font-size:55px;
    font-weight:700;
    line-height:55px;
    color:#9a5394;
    margin-top:-60px
}
@media(max-width: 768px){
    .intro .text .caixa .p1 h1{
        font-size:35px;
        margin-top:0;
        line-height:40px;
        margin-bottom:15px
    }
}
.intro .text .caixa .p1 p{
    font-size:24px;
    margin-top:0px;
    margin-bottom:0
}
.intro .text .caixa .p1 p b{
    font-weight:500
}
@media(max-width: 768px){
    .intro .text .caixa .p1 p{
        margin-top:0px
    }
    .intro .text .caixa .p1 p br{
        display:none
    }
}
.intro .text .caixa .p2{
    background-color:#7b8a9c;
    padding:20px 35px
}
.intro .text .caixa .p2 h3{
    font-size:25px;
    font-weight:600
}
@media(max-width: 768px){
    .intro{
        text-align:left
    }
    .intro .content{
        flex-direction:column-reverse
    }
    .intro .content .text{
        padding:0;
        text-align:center
    }
}
#tampa{
    height:690px;
    background-color:#ff8200;
    display:flex;
    flex-direction:row-reverse;
    justify-content:flex-end;
    align-items:center
}
#tampa .img-tampa{
    position:absolute;
    width:500px;
    right:40px
}
#tampa .box{
    max-width:100%;
    width:900px;
    height:-moz-max-content;
    height:max-content;
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:65px 0;
    background-color:#fff;
    color:#9a5394
}
#tampa .box .balao{
    margin-top:-100px
}
@media(max-width: 768px){
    #tampa .box .balao{
        margin-top:0
    }
}
#tampa .box .content{
    display:flex;
    align-items:center;
    gap:40px;
    margin-left:-180px
}
@media(max-width: 768px){
    #tampa .box .content{
        margin-left:0;
        padding:0 30px
    }
}
#tampa .box .content h2{
    font-size:50px;
    line-height:43px;
    margin-bottom:0px
}
#tampa .box .content .infosfin{
    padding-top:50px;
    gap:80px;
    margin-left:50px
}
@media(max-width: 768px){
    #tampa .box .content .infosfin{
        margin-left:0;
        padding-top:30px
    }
}
#tampa .box .content p{
    margin-bottom:0px;
    line-height:33px;
    font-size:24
}
@media(max-width: 768px){
    #tampa .box .content p{
        line-height:20px;
        font-size:18px
    }
}
#tampa .box .content .selo{
    margin-right:-40px
}
#tampa .box .content .selo img{
    width:190px;
    margin-top:10px
}
@media(max-width: 768px){
    #tampa .box .content .selo{
        margin-right:0;
        margin-left:30px;
        margin-bottom:30px
    }
}
@media(max-width: 800px){
    #tampa{
        justify-content:center;
        align-items:flex-start;
        position:relative;
        height:auto;
        flex-direction:column-reverse
    }
    #tampa .img-tampa{
        width:100%;
        position:inherit;
        right:unset;
        padding:0 30px;
        margin-top:-40px
    }
    #tampa .box{
        width:100%;
        padding-left:0px;
        height:80%;
        padding:40px 0
    }
    #tampa .box .balao{
        width:100%;
        text-align:center
    }
    #tampa .box .content{
        flex-direction:column-reverse
    }
    #tampa .box .content h2{
        line-height:1.3 !important;
        font-size:35px !important
    }
    #tampa .box .content h2 br{
        display:block
    }
    #tampa .box .content p{
        padding:0px 22px;
        font-size:18px;
        text-align:center
    }
    #tampa .box .content .selo{
        margin:20px auto 30px auto;
        display:table
    }
    #tampa .box .content .selo img{
        width:100px
    }
}
.congelador{
    background-color:#fcba4d;
    position:relative
}
.congelador .barra{
    position:absolute;
    z-index:1;
    background-color:#ff8200;
    width:100%;
    height:50%;
    top:0;
    left:0
}
.congelador .content{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    gap:10px;
    padding:0 30px;
    padding-top:42px
}
.congelador .content .img{
    width:60%
}
.congelador .content .balao{
    padding:20px 40px
}
.congelador .content .text h3{
    color:#ff8200;
    margin-bottom:0px;
    font-size:50px
}
.congelador .content .text p{
    color:#fff;
    margin:0;
    font-weight:600;
    margin-top:30px;
    margin-left:40px;
    font-size:24px
}
@media(max-width: 576px){
    .congelador .barra{
        height:75%
    }
    .congelador .content{
        flex-direction:column-reverse
    }
    .congelador .content .img{
        width:100%
    }
    .congelador .content .text h3{
        margin-bottom:0px;
        line-height:40px !important;
        font-size:35px !important;
        text-align:center
    }
    .congelador .content .text p{
        color:#fff;
        font:18px;
        padding-right:30px;
        text-align:center
    }
}

.sai .content{
    display:grid;
    grid-template-columns:1fr 1fr
}
@media(max-width: 768px){
    .sai .content{
        grid-template-columns:1fr;
        text-align:center
    }
}
.sai .content .b1,.sai .content .b2{
    display:flex;
    align-items:center;
    justify-content:center
}
.sai .content .b1{
    background-color:#fcba4d;
    color:#9a5394
}
@media(max-width: 768px){
    .sai .content .b1{
        padding:30px
    }
}
.sai .content .b1 h3{
    font-size:50px;
    margin-bottom:20px
}
@media(max-width: 768px){
    .sai .content .b1 h3{
        font-size:35px
    }
}
.sai .content .b1 p{
    font-weight:500;
    font-size:24px !important
}
@media(max-width: 768px){
    .sai .content .b1 p{
        font-size:18px !important
    }
}
.sai .content .b2{
    background-color:#9a5394;
    padding:70px 0
}
@media(max-width: 768px){
    .sai .content .b2{
        padding:30px
    }
}
.sai .content .b2 img{
    width:60%
}
@media(max-width: 768px){
    .sai .content .b2 img{
        width:80%
    }
}
#medidas{
    padding:0;
    background-color:#e6e6e6;
    position:relative;
    z-index:999999999
}
#medidas img{
    max-width:100%
}
#medidas .row{
    --bs-gutter-x: 0rem
}
#medidas .ficha{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    max-width:100%
}
#medidas .ficha .texto{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    width:100%;
    max-width:100%
}
#medidas .ficha .texto h1{
    color:#000;
    font-size:1.45rem;
    text-wrap:nowrap;
    margin-bottom:0;
    text-align:left
}
#medidas .ficha .texto h1 b{
    font-weight:600 !important
}
#medidas .ficha .texto h2{
    color:#000;
    font-size:1.2rem;
    margin-bottom:0;
    text-align:left
}
#medidas .ficha .texto span{
    color:#000;
    font-size:1.4rem;
    margin-bottom:0;
    text-align:left
}
#medidas .ficha .texto p{
    color:#000;
    font-size:1.4rem;
    margin-bottom:0;
    text-align:left;
    margin-top:20px
}
#medidas .ficha .flex-mob{
    width:100%
}
#medidas .ficha .flex-mob ul{
    width:100%;
    padding:0;
    margin:0;
    max-width:100%;
    margin-top:10px
}
#medidas .ficha .flex-mob ul .topo{
    background-color:#ff8200;
    color:#fff;
    font-weight:600;
    background-color:#ff8200 !important;
    font-size:18px
}
#medidas .ficha .flex-mob ul .topo img{
    width:20px;
    margin-right:10px
}
#medidas .ficha .flex-mob ul li{
    font-size:18px;
    padding:8px 14px;
    font-weight:500;
    border-radius:10px;
    color:#000;
    list-style:none;
    background-color:#fff;
    margin-bottom:5px;
    display:flex;
    align-items:center
}
#medidas .ficha .flex-mob ul li.linha{
    justify-content:space-between
}
#medidas .col-lg-7{
    background-color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:0px;
    width:55%
}
#medidas .col-lg-5{
    padding:45px 90px;
    width:45%
}
#medidas .maquina_medidas{
    max-width:100%
}
@media(max-width: 1240px){
    #medidas .maquina_medidas{
        padding-right:0px
    }
}
@media(max-width: 1024px){
    #medidas .item1{
        max-width:254px;
        left:21%
    }
    #medidas .item2{
        max-width:282px;
        right:3.5%
    }
}
@media(max-width: 992px){
    #medidas .maquina_medidas{
        display:table;
        margin:auto;
        max-width:100%
    }
    #medidas .ficha h2{
        color:#0c1e4d;
        font-size:1.8rem
    }
    #medidas .ficha .linha{
        font-size:1.2rem
    }
}
@media(max-width: 768px){
    #medidas{
        padding:0
    }
    #medidas .row{
        display:flex;
        flex-direction:column
    }
    #medidas .ficha .texto{
        width:100%;
        padding:0 30px
    }
    #medidas .ficha .texto span{
        font-size:1.2rem;
        margin-bottom:0px;
        margin:auto
    }
    #medidas .ficha .texto h1{
        text-align:center;
        font-size:25px !important;
        margin-top:30px;
        text-wrap:wrap
    }
    #medidas .ficha .texto h1 br{
        display:block
    }
    #medidas .ficha .texto p{
        font-size:18px;
        text-align:center;
        width:100%
    }
    #medidas .ficha .flex-mob{
        gap:5px;
        width:100%;
        margin-top:15px;
        padding:0 25px
    }
    #medidas .ficha .flex-mob ul{
        display:block;
        margin:0 auto
    }
    #medidas .ficha .flex-mob li{
        padding:5px;
        align-items:center;
        display:flex;
        justify-content:center
    }
    #medidas .ficha .flex-mob li span{
        margin-bottom:0
    }
    #medidas .col-lg-7{
        padding:15px;
        width:100%
    }
    #medidas .col-lg-5{
        margin-bottom:30px;
        padding:10px;
        width:100%
    }
    #medidas .maquina_medidas{
        margin-bottom:30px;
        margin-left:0px
    }
}
.puertas{
    background-color:#e6e6e6;
    position:relative;
    padding:30px 0;
    max-height:none;
    margin-top:-3px
}
@media(max-width: 576px){
    .puertas{
        height:auto;
        padding-bottom:50px
    }
}
.puertas .content{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:30px
}
@media(max-width: 576px){
    .puertas .content{
        flex-direction:column
    }
}
.puertas .content .content-left{
    width:50%;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    align-items:flex-end
}
@media(max-width: 576px){
    .puertas .content .content-left{
        width:100%;
        justify-content:center;
        align-items:center;
        margin-top:5%
    }
}
.puertas .content .content-left .bloco-azul{
    padding:15px 30px;
    max-width:100%;
    margin-right:-40px
}
.puertas .content .content-left .bloco-azul h1{
    font-size:50px;
    text-align:left;
    color:#fff;
    text-wrap:nowrap
}
@media(max-width: 576px){
    .puertas .content .content-left .bloco-azul h1{
        text-wrap:wrap;
        line-height:1.3 !important;
        font-size:25px !important;
        text-align:center
    }
}
@media(max-width: 768px){
    .puertas .content .content-left .bloco-azul h1{
        font-size:35px !important;
        line-height:40px !important;
        margin-right:0px
    }
}
.puertas .content .content-left p{
    color:#9a5394;
    text-align:left;
    margin-left:75px;
    margin-top:15px;
    font-size:24px;
    line-height:35px
}
@media(max-width: 576px){
    .puertas .content .content-left p{
        margin-left:0;
        padding:0 30px 0 40px;
        font-size:18px;
        line-height:25px;
        text-align:center;
        margin-top:30px
    }
}
.puertas .content .content-left p b{
    font-weight:500
}
.puertas .content .content-right{
    width:50%
}
@media(max-width: 576px){
    .puertas .content .content-right{
        width:100%;
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:center
    }
}
.puertas .content .content-right .img img{
    width:100%;
    max-width:100%;
    display:block;
    margin:0 auto
}
.puertas .content .content-right .more1,.puertas .content .content-right .more2{
    position:absolute
}
.puertas .content .content-right .more1 .border,.puertas .content .content-right .more2 .border{
    border:1px solid #0c1e4d;
    background:rgba(0,0,0,0);
    position:absolute;
    border-radius:50%;
    width:50px;
    height:50px;
    top:50%;
    left:50%;
    margin-left:-25px;
    margin-top:-25px;
    animation-name:example;
    animation-duration:2s;
    animation-iteration-count:infinite;
    pointer-events:none
}
.puertas .content .content-right .more1 img,.puertas .content .content-right .more2 img{
    width:100%;
    max-width:50px;
    z-index:999;
    position:relative;
    cursor:pointer
}
@media(max-width: 576px){
    .puertas .content .content-right .more1 img,.puertas .content .content-right .more2 img{
        max-width:40px
    }
}
.puertas .content .content-right .more1{
    top:19%;
    left:66%
}
@media(max-width: 576px){
    .puertas .content .content-right .more1{
        top:54%;
        left:27%;
        z-index:99999
    }
}
.puertas .content .content-right .block{
    background-color:#9a5394;
    padding:40px 30px 20px 30px
}
@media(max-width: 768px){
    .puertas .content .content-right .block{
        padding:40px 20px 20px 20px
    }
}
.puertas .content .content-right .balao{
    margin-left:-28px;
    margin-bottom:-30px;
    font-size:30px;
    font-weight:700;
    padding:20px 25px
}
.puertas .content .content-right .balao div{
    position:relative;
    z-index:2
}
.puertas .content .content-right .balao::after{
    bottom:-30px
}
.puertas .content .content-right .content-more1{
    position:absolute;
    top:7.5%;
    left:72.5%;
    padding:15px;
    width:100%;
    max-width:325px;
    padding-top:30px;
    z-index:99
}
@media(max-width: 576px){
    .puertas .content .content-right .content-more1{
        width:100%;
        max-width:80%;
        top:57%;
        left:inherit;
        z-index:9999
    }
    .puertas .content .content-right .content-more1 .balao{
        font-size:25px
    }
}
.puertas .content .content-right .content-more1 p{
    color:#fff;
    text-align:left;
    font-size:22px
}
@media(max-width: 576px){
    .puertas .content .content-right .content-more1 p{
        font-size:18px
    }
    .puertas .content .content-right .content-more1 p br{
        display:block
    }
}
.puertas .content .content-right .content-more1 img{
    width:100%;
    max-width:280px
}
@media(max-width: 576px){
    .puertas .content .content-right .content-more1 img{
        max-width:90%;
        display:block;
        margin:0 auto
    }
}
.puertas .content .content-right .more2{
    top:36%;
    left:67%
}
@media(max-width: 576px){
    .puertas .content .content-right .more2{
        top:63%;
        left:24%;
        z-index:999
    }
}
.puertas .content .content-right .more2 .border{
    border:1px solid #dee2e6
}
.puertas .content .content-right .content-more2{
    position:absolute;
    top:40%;
    left:64%;
    padding:15px;
    width:100%;
    max-width:335px;
    padding-top:30px
}
@media(max-width: 576px){
    .puertas .content .content-right .content-more2{
        top:66%;
        left:inherit;
        bottom:0;
        z-index:99;
        max-height:-moz-fit-content;
        max-height:fit-content;
        padding-top:30px;
        max-width:260px
    }
    .puertas .content .content-right .content-more2 .balao{
        font-size:25px
    }
}
.puertas .content .content-right .content-more2 p{
    font-size:1.4rem;
    text-align:left;
    color:#fff
}
@media(max-width: 576px){
    .puertas .content .content-right .content-more2 p{
        font-size:18px
    }
    .puertas .content .content-right .content-more2 p br{
        display:block
    }
}
.puertas .content .content-right .content-more2 img{
    width:100%;
    max-width:260px
}
@media(max-width: 576px){
    .puertas .content .content-right .content-more2 img{
        display:block;
        margin:0 auto;
        max-width:225px
    }
}
#footer{
    background-color:#ff8200;
    color:#fff;
    text-align:justify;
    padding:30px 0;
    margin:0;
    text-align:center
}
#footer img{
    max-width:500px;
    margin:30px 0;
    display:table;
    margin:auto
}
@media(max-width: 1440px){
    #footer{
        padding:39px 0
    }
    #footer img{
        max-width:270px
    }
    #footer p{
        font-size:.8rem;
        margin-top:27px;
        line-height:13px;
        margin-bottom:0px;
        padding:0 40px;
        letter-spacing:0px
    }
}
@media(max-width: 576px){
    #footer p{
        font-size:.9rem !important
    }
}
.regenerar{
    position:relative;
    background-color:#ff8200;
    max-height:none
}
.regenerar .container-full .row .content{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:30px;
    margin-bottom:60px
}
.regenerar .container-full .row .content .bloco-azul{
    background:#46c1be;
    opacity:1;
    width:1000%;
    padding:30px 60px;
    margin-top:72px;
    height:323px;
    position:absolute;
    z-index:0
}
.regenerar .container-full .row .content .bloco-azul h2{
    text-align:left;
    letter-spacing:0px;
    color:#46c1be !important;
    opacity:1
}
.regenerar .container-full .row .content .bloco-azul p{
    text-align:left;
    letter-spacing:0px;
    color:#021c51;
    opacity:1
}
.regenerar .container-full .row .content .content-left .img{
    padding-left:60px;
    margin-bottom:30px
}
.regenerar .container-full .row .content .content-left .img img{
    width:100%;
    max-width:125px;
    display:block
}
.regenerar .container-full .row .content .content-left .img .exclusive-wb{
    display:none
}
.regenerar .container-full .row .content .imagem-pizza{
    display:flex;
    align-items:center;
    z-index:1;
    justify-content:center;
    width:100%;
    gap:50px
}
.regenerar .container-full .row .content .imagem-pizza img{
    width:100%;
    max-width:1000px;
    margin-top:46px
}
.regenerar .container-full .row .content .imagem-pizza .info{
    margin-right:0px;
    margin-top:-40px
}
.regenerar .container-full .row .content .imagem-pizza .info .box{
    width:127%;
    padding-left:38px;
    padding-top:6px;
    padding-bottom:6px
}
.regenerar .container-full .row .content .imagem-pizza .info h2{
    margin-bottom:0;
    color:#46c1be !important;
    font-size:50px;
    line-height:50px
}
.regenerar .container-full .row .content .imagem-pizza .info p{
    padding-left:45px;
    padding-top:25px;
    font-size:24px;
    line-height:33px;
    color:#fff
}
.regenerar .container-full .row .content .imagem-pizza .info p b{
    font-weight:700;
    font-size:30px
}
.regenerar .container-full .row .content .imagem-pizza .frigo{
    width:225px;
    z-index:2
}
.regenerar .container-full .row .content .imagem-pizza .frigo-mob{
    display:none
}
.regenerar .container-full .row .content .imagem-pizza .ico{
    display:block;
    width:220px;
    margin-right:0px
}
.regenerar .container-full .row .content .imagem-pizza .mob{
    display:none;
    width:100%
}
@media(max-width: 768px){
    .regenerar{
        padding:37px 40px 0px 40px
    }
    .regenerar .container-full .row .content{
        display:flex;
        justify-content:center;
        align-items:center;
        margin-top:20px;
        flex-direction:column;
        margin-bottom:0px;
        position:relative
    }
    .regenerar .container-full .row .content .content-left .img{
        padding-left:0;
        margin-bottom:30px;
        position:absolute;
        top:83px;
        right:88px
    }
    .regenerar .container-full .row .content .content-left .img img{
        display:none;
        margin:0 auto
    }
    .regenerar .container-full .row .content .content-left .img .exclusive-wb{
        display:block;
        max-width:103px
    }
    .regenerar .container-full .row .content .content-left .bloco-azul{
        background:rgba(0,0,0,0) 0% 0% no-repeat padding-box;
        opacity:1;
        width:100%;
        padding:0px;
        margin-top:-15px !important;
        height:389px
    }
    .regenerar .container-full .row .content .content-left .bloco-azul h2{
        color:#021c51
    }
    .regenerar .container-full .row .content .content-left .bloco-azul p{
        text-align:center;
        color:#021c51;
        padding:0px 69px
    }
    .regenerar .container-full .row .content .bloco-azul{
        margin-top:27px;
        height:372px;
        display:none
    }
    .regenerar .container-full .row .content .bloco-azul h2{
        color:#021c51
    }
    .regenerar .container-full .row .content .bloco-azul p{
        text-align:center;
        color:#021c51;
        padding:0px 69px
    }
    .regenerar .container-full .row .content .imagem-pizza{
        flex-direction:column-reverse;
        padding:0
    }
    .regenerar .container-full .row .content .imagem-pizza h2{
        font-size:35px !important;
        line-height:40px !important
    }
    .regenerar .container-full .row .content .imagem-pizza .ico{
        width:120px
    }
    .regenerar .container-full .row .content .imagem-pizza img{
        width:100%;
        max-width:1000px;
        margin-top:0px
    }
    .regenerar .container-full .row .content .imagem-pizza .info{
        margin-right:0px;
        margin-left:0px;
        margin-top:0px
    }
    .regenerar .container-full .row .content .imagem-pizza .info h2{
        text-align:center
    }
    .regenerar .container-full .row .content .imagem-pizza .info .box{
        padding-left:0;
        padding:18px 20px;
        display:none
    }
    .regenerar .container-full .row .content .imagem-pizza .info p{
        padding-left:0;
        font-size:18px !important;
        padding-top:0;
        padding:0 20px;
        margin-top:25px;
        line-height:25px;
        text-align:center
    }
    .regenerar .container-full .row .content .imagem-pizza .info p sup{
        font-size:.9rem !important;
        top:-0.6rem !important
    }
    .regenerar .container-full .row .content .imagem-pizza .info p b{
        font-size:24px
    }
    .regenerar .container-full .row .content .imagem-pizza .info p br{
        display:none
    }
    .regenerar .container-full .row .content .imagem-pizza .desk{
        display:none;
        width:100%
    }
    .regenerar .container-full .row .content .imagem-pizza .mob{
        width:55%;
        position:relative;
        top:-34px;
        left:4px;
        display:block
    }
    .regenerar .container-full .row .content .imagem-pizza .frigo{
        width:90%;
        margin-top:16px;
        display:none
    }
    .regenerar .container-full .row .content .imagem-pizza .frigo-mob{
        width:76%;
        margin-top:0px;
        margin-bottom:33px;
        display:block !important;
        margin-top:-40px
    }
}
.icestock{
    background-color:#9a5394;
    padding:0px 0;
    max-height:none
}
.icestock .content{
    display:flex
}
.icestock .content .img{
    max-width:50%
}
.icestock .content .img img{
    width:100%
}
@media(max-width: 768px){
    .icestock .content .img{
        max-width:100%
    }
}
.icestock .content .balao{
    padding:25px 40px;
    margin-left:-160px
}
@media(max-width: 768px){
    .icestock .content .balao{
        margin-left:0
    }
}
.icestock .content .text{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:1;
    padding-top:100px
}
.icestock .content .text img{
    width:220px;
    margin-left:-80px;
    margin-bottom:10px
}
.icestock .content .text h3,.icestock .content .text p{
    text-wrap:nowrap
}
.icestock .content .text h3{
    padding:20px 40px;
    color:#fff;
    margin-left:-40px;
    width:370px;
    font-weight:600;
    font-size:52px
}
.icestock .content .text p{
    color:#fff;
    margin-top:12px;
    font-size:33px;
    line-height:38px;
    font-weight:500;
    margin:0
}
@media(max-width: 768px){
    .icestock{
        padding:0
    }
    .icestock .content{
        flex-direction:column-reverse
    }
    .icestock .content .text{
        margin:0;
        padding:0
    }
    .icestock .content .text h3,.icestock .content .text p{
        text-wrap:wrap;
        text-align:center
    }
    .icestock .content .text .conteudo{
        padding:30px
    }
    .icestock .content .text img{
        margin:0 auto 10px 0;
        width:100%
    }
    .icestock .content .text h3{
        width:100%;
        margin:0;
        line-height:1.3 !important;
        font-size:35px !important
    }
    .icestock .content .text p{
        font-size:18px;
        line-height:25px;
        padding:0 5px
    }
}
.cozimento{
    position:relative;
    margin:-3px 0
}
.cozimento .container-fluid{
    padding:0;
    margin:0
}
.cozimento .container-fluid .row .content{
    display:flex;
    justify-content:space-between;
    align-items:center
}
.cozimento .container-fluid .row .content .content1{
    width:50%
}
.cozimento .container-fluid .row .content .content1 .imagem1 picture{
    width:100%
}
.cozimento .container-fluid .row .content .content1 .imagem1 picture img{
    width:100%
}
.cozimento .container-fluid .row .content .content2{
    flex:1
}
.cozimento .container-fluid .row .content .content2 .imagem2 picture{
    width:100%
}
.cozimento .container-fluid .row .content .content2 .imagem2 picture img{
    width:100%
}
.cozimento .container-fluid .row .content .content2 .texto{
    background-color:#041e50;
    padding:40px 29px
}
.cozimento .container-fluid .row .content .content2 .texto h3{
    color:#fff;
    font-size:40px
}
.cozimento .container-fluid .row .content .content2 .texto p{
    color:#fff;
    font-size:1.5rem;
    line-height:2rem;
    margin:0
}
@media(max-width: 1200px){
    .cozimento{
        position:relative;
        max-height:648px
    }
    .cozimento .container-fluid .row .content .content2 .texto{
        background-color:#041e50;
        padding:32px
    }
}
@media(max-width: 576px){
    .cozimento{
        position:relative;
        max-height:-moz-fit-content;
        max-height:fit-content
    }
    .cozimento .container-fluid{
        padding:0;
        margin:0
    }
    .cozimento .container-fluid .row .content{
        display:flex;
        justify-content:space-between;
        align-items:center;
        flex-direction:column-reverse;
        padding:0
    }
    .cozimento .container-fluid .row .content .content1{
        width:100%
    }
    .cozimento .container-fluid .row .content .content1 .imagem1 picture{
        width:100%
    }
    .cozimento .container-fluid .row .content .content1 .imagem1 picture img{
        width:100%
    }
    .cozimento .container-fluid .row .content .content2{
        width:100%
    }
    .cozimento .container-fluid .row .content .content2 .imagem2 picture{
        width:100%
    }
    .cozimento .container-fluid .row .content .content2 .imagem2 picture img{
        width:100%
    }
    .cozimento .container-fluid .row .content .content2 .texto{
        background-color:#041e50;
        padding:29px
    }
    .cozimento .container-fluid .row .content .content2 .texto h3{
        line-height:1.3 !important;
        font-size:25px !important;
        text-align:center
    }
    .cozimento .container-fluid .row .content .content2 .texto p{
        text-align:center;
        color:#fff;
        font-size:1.5rem;
        line-height:2rem
    }
}


@media (min-width: 769px) and (max-width:1024px){
    .intro .img{
        max-width: 510px !important
    }
}

@media (min-width: 1280px){
    .intro .img{
        max-width: 700px !important
    }
}

@media (max-width: 768px){
    .puertas .content .content-left .bloco-azul h1 {
        font-size: 28px !important;
        line-height: 28px !important;
        margin-right: 0px;
    }

    .puertas .content .content-left p {
        font-size: 19px;
        line-height: 25px;
        margin-left: 45px;
    }

    .congelador .content .balao {
        min-width: 300px;
    }


    .congelador .content .text h3 {
        font-size: 24px;
    }

    .congelador .content .text p {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 30px;
    }
}



@media (min-width: 614px) and (max-width:1024px){

    .puertas .content .content-right .content-more1 {
        top: 27.5%;
        left: 60.5%;
        max-width: 250px;
        z-index: 20;
    }

    .puertas .content .content-right .content-more1 p,
    .puertas .content .content-right .content-more2 p{
        font-size: 16px;
    }

    .puertas .content .content-right .balao {
        font-size: 24px;
    }

    .puertas .content .content-right .content-more2 {
        position: absolute;
        top: 45%;
        left: 60%;
        padding: 15px;
        width: 100%;
        max-width: 250px;
        z-index: 20;
    }
}