html,body {
    height:100%
}
*,*:before,*:after {
    box-sizing:inherit
}
ul,li {
    list-style:none;
    padding:0px;
    margin:0px
}
* {
    box-sizing:border-box;
    padding:0px;
    margin:0px;
    border:none
}
img {
    display:block;
    height:auto;
    max-width:100%
}
a,a:link,a:visited,a:focus,a:hover,a:active {
    text-decoration:none
}
a {
    color:#000
}
body {
    display:grid;
    background-image:url(../_View-html/_img/bk-img.png);
    grid-template-columns:1fr
}
header,#top,.menu-top,.main,.container-contact,.footer {
    grid-column:1/-1;
    display:grid;
    grid-template-columns:1fr 10fr 1fr
}
header #top {
    background-color:#f8ac01;
    max-width:100%;
/*    height:60px;*/
}
@media only screen and (min-width: 768px)and (max-width: 1023px) {
    header #top {
        height:auto
    }
}
@media only screen and (max-width: 767px) {
    header #top {
        height:auto
    }
}
header #top .bar-address{
    grid-column:2/3;
    display:flex;
}
@media only screen and (min-width: 768px)and (max-width: 1023px) {
     header #top .bar-address{
        grid-column:1/-1;
    }
}
header #top .bar-address span{
    margin-top: 0.5rem;
    color: #fff;
/*    text-transform:uppercase;*/
    font-size: 15px;
}
header #top .top {
    grid-column:2/3;
    display:flex;
    justify-content:space-between;
    align-items:center
}
@media only screen and (min-width: 768px)and (max-width: 1023px) {
    header #top .top {
        display:grid;
        grid-template-columns:1fr
    }
}
@media only screen and (max-width: 767px) {
    header #top .top {
        display:grid;
        grid-template-columns:1fr
    }
}
header #top .top .email {
    margin-top:5px;
    fill:#fff;
    height:24px;
    width:24px
}
@media only screen and (min-width: 768px)and (max-width: 1023px) {
    header #top .top .email {
        margin-top:none
    }
}
@media only screen and (max-width: 767px) {
    header #top .top .email {
        margin-top:none
    }
}
header #top .top .email a {
    display:flex;
    align-items:center;
    color:#fff
}
header #top .top .email a span {
    margin-left:15px
}
@media only screen and (min-width: 768px)and (max-width: 1023px) {
    header #top .top .email a span {
        display:none
    }
}
@media only screen and (max-width: 767px) {
    header #top .top .email a span {
        display:none
    }
}
header #top .top #top-contact {
    display:flex;
    align-items:center
}
@media only screen and (min-width: 768px)and (max-width: 1023px) {
    header #top .top #top-contact {
        display:grid;
        grid-template-columns:1fr
    }
}
@media only screen and (max-width: 767px) {
    header #top .top #top-contact {
        display:grid;
        grid-template-columns:1fr
    }
}
header #top .top #top-contact .instagram-a,header #top .top
 #top-contact .phone-a,header #top .top #top-contact .whatsapp-a {
    display:flex;
    color:#fff;
    font-family:24px;
    font-weight:400;
    align-items:center;
    border-radius: 10px;
  border: 1px solid #fff;
  padding: 5px 8px 5px 10px;
  margin-right: 5px;
}
header #top .top #top-contact .instagram-a .instagram,header #top .top #top-contact .instagram-a .phone,header #top .top #top-contact .instagram-a .whatsapp,header #top .top #top-contact .phone-a .instagram,header #top .top #top-contact .phone-a .phone,header #top .top #top-contact .phone-a .whatsapp,header #top .top #top-contact .whatsapp-a .instagram,header #top .top #top-contact .whatsapp-a .phone,header #top .top #top-contact .whatsapp-a .whatsapp {
    width:24px;
    height:24px
}
header #top .top #top-contact .instagram-a .i,header #top .top #top-contact .phone-a .i,header #top .top #top-contact .whatsapp-a .i {
    margin-right:.8rem
}
header #top .top #top-contact .instagram-a .phone-s,header #top .top #top-contact .instagram-a .whatsapp-s,header #top .top #top-contact .phone-a .phone-s,header #top .top #top-contact .phone-a .whatsapp-s,header #top .top #top-contact .whatsapp-a .phone-s,header #top .top #top-contact .whatsapp-a .whatsapp-s {
    margin-right:.8rem
}
@media only screen and (min-width: 768px)and (max-width: 1023px) {
    header #top .top #top-contact .instagram-a .phone-s,header #top .top #top-contact .instagram-a .whatsapp-s,header #top .top #top-contact .phone-a .phone-s,header #top .top #top-contact .phone-a .whatsapp-s,header #top .top #top-contact .whatsapp-a .phone-s,header #top .top #top-contact .whatsapp-a .whatsapp-s {
        margin-right:none
    }
}
@media only screen and (max-width: 767px) {
    header #top .top #top-contact .instagram-a .phone-s,header #top .top #top-contact .instagram-a .whatsapp-s,header #top .top #top-contact .phone-a .phone-s,header #top .top #top-contact .phone-a .whatsapp-s,header #top .top #top-contact .whatsapp-a .phone-s,header #top .top #top-contact .whatsapp-a .whatsapp-s {
        margin-right:none
    }
}
header #top .top #top-contact .instagram-a .instagram,header #top .top #top-contact .phone-a .instagram,header #top .top #top-contact .whatsapp-a .instagram {
    fill:#e2591f
}
header #top .top #top-contact .instagram-a .phone,header #top .top #top-contact .phone-a .phone,header #top .top #top-contact .whatsapp-a .phone {
    fill:#fff
}
header #top .top #top-contact .instagram-a .whatsapp,header #top .top #top-contact .phone-a .whatsapp,header #top .top #top-contact .whatsapp-a .whatsapp {
    fill:#006466
}
header #top .top #top-contact a:nth-child(1) {
    border-radius:10px;
    border:1px solid #fff;
    padding:5px 8px 5px 10px;
    margin-right: 5px;
}
header #top .top #top-contact a:nth-child(2) {
    border-radius:10px;
    border:1px solid #fff;
    padding:5px 8px 5px 10px
}
@media only screen and (min-width: 768px)and (max-width: 1023px) {
    header #top .top #top-contact a:nth-child(3) {
        border:none;
        padding:0px 0px 0px 0px
    }
}
@media only screen and (max-width: 767px) {
    header #top .top #top-contact a:nth-child(3) {
        border:none;
        padding:0px 0px 0px 0px
    }
}
@media only screen and (min-width: 768px)and (max-width: 1023px) {
    header #top .top #top-contact {
        border:none;
        padding:none
    }
}
@media only screen and (max-width: 767px) {
    header #top .top #top-contact {
        border:none;
        padding:none
    }
}
header .menu-top {
    background-color:#f8ac01;
    z-index:1001
}
header .menu-top .top {
    grid-column:2/3;
    display:flex;
    justify-content:space-between;
    align-items:center;
    height:140px
}
header .menu-top .top .header-logo-svg {
    width:250px;
    height:auto
}
header .menu-top .top [data-menu=button] {
    display:none
}
header .menu-top .top ul {
    display:flex;
    align-items:center
}
header .menu-top .top ul li {
    padding-right:2rem
}
header .menu-top .top ul li a {
    font-size:16px;
    font-weight:400;
    line-height:1.3em;
    font-family:"Open Sans",sans-serif;
    color:#575757;
    color:#fff
}
header .menu-top .top ul li:last-child {
    padding-right:0px
}
header .menu-top .top ul .current_page_item::after {
    content:"";
    display:block;
    margin-top:5px;
    width:50%;
    height:2px;
    background-color:#fff
}
header .menu-top .top ul li .sub-menu {
    display:none;
    position:absolute;
    padding:0;
    width:auto;
    height:200px;
    z-index:999;
    text-transform:uppercase;
    background-color:#000;
    grid-template-columns:1fr 1fr 1fr;
    margin-left:-5%;
    border-left:1px solid #666;
    border-right:1px solid #666;
    border-bottom:1px solid #666
}
header .menu-top .top ul li .sub-menu li {
    position:relative;
    padding-left:15px
}
header .menu-top .top ul li .sub-menu li a {
    color:#fff
}
@media only screen and (min-width: 768px)and (max-width: 1023px) {
    header .menu-top .top [data-menu=button] {
        display:flex;
        align-items:center;
        background-color:var(--primary);
        border:none;
        padding:.5rem 1rem;
        border-radius:4px;
        text-transform:uppercase;
        font-family:Oswald,sans-serif;
        font-weight:bold;
        font-size:1rem;
        color:#fff;
        cursor:pointer;
        margin:10px;
        width:100px;
        height:50px;
        z-index:15;
        right:0
    }
    header .menu-top .top [data-menu=button]::before {
        content:"";
        display:inline-block;
        height:2px;
        width:15px;
        background-color:#fff;
        box-shadow:0 4px #fff,0 -4px #fff;
        box-shadow:0 4px #fff,0 -4px #fff;
        transition:transform .3s;
        margin-right:10px;
        transition:transform .3s
    }
    header .menu-top .top [data-menu=button].active-btn::before {
        transform:rotate(90deg)
    }
}
@media only screen and (max-width: 767px) {
    header .menu-top .top [data-menu=button] {
        display:flex;
        align-items:center;
        background-color:var(--primary);
        border:none;
        padding:.5rem 1rem;
        border-radius:4px;
        text-transform:uppercase;
        font-family:Oswald,sans-serif;
        font-weight:bold;
        font-size:1rem;
        color:#fff;
        cursor:pointer;
        margin:10px;
        width:100px;
        height:50px;
        position:fixed;
        z-index:15;
        right:0
    }
    header .menu-top .top [data-menu=button]::before {
        content:"";
        display:inline-block;
        height:2px;
        width:15px;
        background-color:#fff;
        box-shadow:0 4px #fff,0 -4px #fff;
        box-shadow:0 4px #fff,0 -4px #fff;
        transition:transform .3s;
        margin-right:10px;
        transition:transform .3s
    }
    header .menu-top .top [data-menu=button].active-btn::before {
        transform:rotate(90deg)
    }
}
header .mobile {
    display:none;
    position:fixed;
    width:0;
    z-index:99999;
    top:0;
    left:auto;
    right:0;
    background-color:#f8ac01;
    padding:0;
    justify-content:center;
    height:0;
    flex-grow:1;
    border-left:1px solid #f8ac01;
    transition:width 2s,height 4s;
    animation:animate_mobile_webbh .5s forwards
}
.main .title-webbh_1 {
    grid-column:2/3
}
.main section .about {
    background-color:#010b48
}
.main .single-bar-home {
    margin-top:1rem;
    grid-column:2/3;
    display:flex;
    justify-content:left
}
.main .single-bar-home .title {
    font-size:30px;
    font-weight:400;
    font-family:"Oswald",sans-serif;
    color:#555;
    text-transform:uppercase
}
.main .single-bar-home .title::after {
    display:block;
    content:"";
    width:50%;
    height:2px;
    background-color:#666
}
.main .about-webbh {
    grid-column:2/3;
    display:grid;
    grid-template-columns:1fr 1fr;
    margin-top:1rem
}
@media only screen and (min-width: 768px)and (max-width: 1023px) {
    .main .about-webbh {
        grid-template-columns:1fr;
        margin-left:1rem;
        margin-right:1rem
    }
}
@media only screen and (max-width: 767px) {
    .main .about-webbh {
        grid-template-columns:1fr;
        margin-left:1rem;
        margin-right:1rem
    }
}
.main .about-webbh .about-wrapper-description {
    grid-column:1/2
}
.main .about-webbh .about-wrapper-img {
    grid-column:2/3
}
@media only screen and (min-width: 768px)and (max-width: 1023px) {
    .main .about-webbh .about-wrapper-img {
        grid-column:1/-1
    }
}
@media only screen and (max-width: 767px) {
    .main .about-webbh .about-wrapper-img {
        grid-column:1/-1
    }
}
.main .about-webbh .about-wrapper-img .ian-webbh {
    display:flex;
    flex-wrap:wrap;
    font-family:"Raleway",Helvetica,Arial,Lucida,sans-serif;
    font-weight:800;
    line-height:.5em;
    font-size:10vw;
    margin-left:3% !important;
    animation:animate .9s forwards
}
.main .about-webbh .about-wrapper-img .ian-webbh .ian-webbh-txt {
    color:#fff
}
@keyframes animate {
    from {
        transform:translateY(-10vw)
    }
    to {
        transform:translateY(-5.5vw)
    }
}
.main .about-webbh #product-description {
    padding:1rem;
    font-size:16px;
    font-weight:400;
    line-height:1.3em;
    font-family:"Open Sans",sans-serif;
    color:#575757
}
.main .about-more {
    grid-column:2/3
}
@media only screen and (min-width: 768px)and (max-width: 1023px) {
    .main .about-more {
        margin-top:1rem;
        grid-column:1/-1
    }
}
@media only screen and (max-width: 767px) {
    .main .about-more {
        margin-top:1rem;
        grid-column:1/-1
    }
}
.main .about-more #about {
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #fff;
    color:#fff;
    background-color:#010b48;
    width:150px;
    height:35px;
    padding:1rem;
    float:right
}
@media only screen and (min-width: 768px)and (max-width: 1023px) {
    .main .about-more #about {
        float:none;
        margin:0 auto
    }
}
@media only screen and (max-width: 767px) {
    .main .about-more #about {
        float:none;
        margin:0 auto
    }
}
.main .products {
    grid-column:2/3;
    margin-top:1rem;
    margin-bottom:2rem
}
.main .products #item-emphasis {
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:10px
}
@media only screen and (min-width: 768px)and (max-width: 1023px) {
    .main .products #item-emphasis {
        grid-template-columns:1fr
    }
}
@media only screen and (max-width: 767px) {
    .main .products #item-emphasis {
        grid-template-columns:1fr
    }
}
.main .products #item-emphasis .produto-item .product-wrapper-none {
    display:grid
}
.main .products #item-emphasis .produto-item .product-wrapper-none img {
    grid-area:1/1;
    border:2px solid #666
}
.main .products #item-emphasis .produto-item .product-wrapper-none .ian-webbh {
    grid-area:1/1;
    display:flex;
    justify-content:end;
    display:flex;
    flex-wrap:wrap;
    flex-direction:column;
    font-family:"Raleway",Helvetica,Arial,Lucida,sans-serif;
    font-weight:800;
    line-height:.5em;
    font-size:3vw;
    color:#fff;
    margin-bottom:-2rem;
    animation:animate_01 .9s forwards
}
@media only screen and (min-width: 768px)and (max-width: 1023px) {
    .main .products #item-emphasis .produto-item .product-wrapper-none .ian-webbh {
        font-size:10vw
    }
}
@media only screen and (max-width: 767px) {
    .main .products #item-emphasis .produto-item .product-wrapper-none .ian-webbh {
        font-size:10vw
    }
}
@keyframes animate_01 {
    from {
        transform:translateY(0rem)
    }
    to {
        transform:translateY(-2rem)
    }
}
.main .products #news_products-webbh {
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:8px
}
@media only screen and (min-width: 768px)and (max-width: 1023px) {
    .main .products #news_products-webbh {
        grid-column:1/-1;
        margin:16px;
        grid-template-columns:1fr
    }
}
@media only screen and (max-width: 767px) {
    .main .products #news_products-webbh {
        grid-column:1/-1;
        margin:16px;
        grid-template-columns:1fr
    }
}
.main .products .viw-more {
    grid-column:2/3;
    margin:1rem 0 1rem 0
}
@media only screen and (min-width: 768px)and (max-width: 1023px) {
    .main .products .viw-more {
        margin-top:1rem;
        grid-column:1/-1
    }
}
@media only screen and (max-width: 767px) {
    .main .products .viw-more {
        margin-top:1rem;
        grid-column:1/-1
    }
}
.main .products .viw-more #viw-more {
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #fff;
    color:#fff;
    background-color:#010b48;
    width:150px;
    height:35px;
    padding:1rem
}
@media only screen and (min-width: 768px)and (max-width: 1023px) {
    .main .products .viw-more #viw-more {
        float:none;
        margin:0 auto
    }
}
@media only screen and (max-width: 767px) {
    .main .products .viw-more #viw-more {
        float:none;
        margin:0 auto
    }
}
.slogan {
    grid-column:2/3;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center
}
.slogan .title {
    font-size:30px;
    font-weight:400;
    font-family:"Oswald",sans-serif;
    color:#555;
    text-transform:uppercase
}
.slogan p {
    font-size:1rem;
    font-weight:400;
    font-family:"Oswald",sans-serif;
    color:#555
}
.slogan #ligue-ja {
    display:flex;
    align-items:center;
    font-size:30px;
    font-weight:400;
    font-family:"Oswald",sans-serif;
    color:#555;
    text-transform:uppercase
}
.slogan #ligue-ja .phone {
    margin:.5rem;
    background-color:#f8ac01;
    border-radius:50%
}
.slogan #ligue-ja .phone .network-webbh {
    width:50px;
    height:50px;
    fill:#fff
}
.slogan p:nth-child(3),.slogan p:nth-child(4) {
    margin-bottom:1rem
}
.container-contact {
    grid-column:1/-1;
    background-color:#fff;
    background-size:cover;
    background-position:center top;
    background-image:url(http://sapientiacordis.org/wp-content/uploads/2019/10/cópia-de-trees-1572409025166-4111.jpg)
}
.container-contact .title-webbh_1 {
    grid-column:1/-1
}
.container-contact .web-grid {
    grid-column:2/3;
    display:grid;
    grid-template-areas:"area-1 area-1" "area-2 area-3" "area-4 area-4" "area-5 area-5";
    padding:2rem;
    background-color:#fff;
    margin-top:50px;
    margin-bottom:30px
}
@media only screen and (min-width: 768px)and (max-width: 1023px) {
    .container-contact .web-grid {
        grid-column:1/-1;
        grid-template-areas:"area-1" "area-2" "area-3" "area-4" "area-5";
        margin:20px
    }
}
@media only screen and (max-width: 767px) {
    .container-contact .web-grid {
        grid-column:1/-1;
        grid-template-areas:"area-1" "area-2" "area-3" "area-4" "area-5";
        margin:20px
    }
}
.container-contact .web-grid .area_name {
    grid-area:area-1
}
.container-contact .web-grid .area_name input {
    height:1rem;
    display:block;
    width:100%;
    padding:1rem;
    border-radius:3px;
    outline:0 !important;
    border:1px solid #827c7c
}
.container-contact .web-grid .area_mail {
    grid-area:area-2
}
.container-contact .web-grid .area_mail input {
    height:1rem;
    display:block;
    width:100%;
    padding:1rem;
    border-radius:3px;
    outline:0 !important;
    border:1px solid #827c7c
}
.container-contact .web-grid .area_phone {
    grid-area:area-3
}
.container-contact .web-grid .area_phone input {
    height:1rem;
    display:block;
    width:100%;
    padding:1rem;
    border-radius:3px;
    outline:0 !important;
    border:1px solid #827c7c
}
.container-contact .web-grid .area_messagem {
    grid-area:area-4
}
.container-contact .web-grid .area_messagem textarea {
    display:block;
    width:100%;
    padding:10px 15px;
    border-radius:3px;
    outline:0 !important;
    border:1px solid #827c7c
}
.container-contact .web-grid .area_btn {
    grid-area:area-5
}
.container-contact .web-grid .area_btn {
    margin-top:1rem;
    height:2rem;
    display:block;
    width:10%;
    padding:10px 15px;
    border-radius:3px;
    outline:0 !important;
    border:1px solid #827c7c;
    display:flex;
    justify-content:center;
    align-items:center
}
.page {
    grid-column:1/-1;
    display:grid;
    grid-template-columns:1fr 10fr 1fr
}
@media only screen and (min-width: 768px)and (max-width: 1023px) {
    .page {
        min-height:auto
    }
}
@media only screen and (max-width: 767px) {
    .page {
        min-height:auto
    }
}
.page .container-contato {
    grid-column:1/-1;
    display:grid;
    grid-template-columns:1fr 10fr 1fr
}
.page .container-contato .bar-contact {
    margin-top:1rem;
    grid-column:2/3;
    display:flex;
    justify-content:center
}
.page .container-contato .bar-contact .title {
    font-size:30px;
    font-weight:400;
    font-family:"Oswald",sans-serif;
    color:#555;
    text-transform:uppercase
}
@media only screen and (min-width: 768px)and (max-width: 1023px) {
    .page .container-contato .bar-contact .title {
        text-align:center
    }
}
@media only screen and (max-width: 767px) {
    .page .container-contato .bar-contact .title {
        text-align:center
    }
}
.page .container-contato .bar-contact .title::after {
    display:block;
    content:"";
    width:50%;
    height:2px;
    background-color:#666
}
.page .container-contato .contact {
    margin-top:32px;
    width:auto;
    height:500px;
    grid-column:2/3;
    display:grid;
    grid-template-columns:1fr 1fr
}
@media only screen and (max-width: 767px) {
    .page .container-contato .contact {
        height:auto;
        grid-template-columns:1fr
    }
}
@media only screen and (min-width: 768px)and (max-width: 1023px) {
    .page .container-contato .contact {
        height:auto;
        grid-template-columns:1fr
    }
}
.page .container-contato .contact #icon {
    grid-column:1/2;
    display:flex;
    justify-content:center;
    align-items:self-end;
    margin-right:30px;
    flex-direction:column
}
@media only screen and (min-width: 768px)and (max-width: 1023px) {
    .page .container-contato .contact #icon {
        margin-top:32px;
        grid-column:1/-1;
        align-items:center;
        flex-direction:row
    }
}
@media only screen and (max-width: 767px) {
    .page .container-contato .contact #icon {
        grid-column:1/-1
    }
}
.page .container-contato .contact #icon li {
    display:flex
}
@media only screen and (max-width: 767px) {
    .page .container-contato .contact #icon li {
        margin-right:15px
    }
}
@media only screen and (min-width: 768px)and (max-width: 1023px) {
    .page .container-contato .contact #icon li {
        margin-right:15px
    }
}
.page .container-contato .contact #icon li a {
    margin-left:0px;
    display:flex;
    color:#666
}
.page .container-contato .contact #icon li a .network-webbh {
    width:22px;
    height:22px;
    margin-bottom:5px;
    margin-right:5px
}
.page .container-contato .contact #icon li a .whatsapp,.page .container-contato .contact #icon li a .phone,.page .container-contato .contact #icon li a .email {
    fill:#4ccb58
}
.page .container-contato .contact #contact-form {
    grid-column:2/3;
    display:grid;
    grid-template-columns:1fr 1fr
}
@media only screen and (min-width: 768px)and (max-width: 1023px) {
    .page .container-contato .contact #contact-form {
        grid-column:1/-1;
        grid-template-columns:1fr
    }
}
@media only screen and (max-width: 767px) {
    .page .container-contato .contact #contact-form {
        grid-column:1/-1;
        grid-template-columns:1fr
    }
}
.page .container-contato .contact #contact-form .form-item-1 .sub-webbh_2 {
    float:left
}
.page .container-contato .contact #contact-form .form-item-1 .area_name,.page .container-contato .contact #contact-form .area_mail,.page .container-contato .contact #contact-form .area_phone {
    padding-top:.5rem;
    padding-bottom:.5rem
}
.page .container-contato .contact #contact-form .form-item-1 .area_name input,.page .container-contato .contact #contact-form .area_mail input,.page .container-contato .contact #contact-form .area_phone input {
    border:1px solid #333;
    padding-top:.5rem;
    padding-bottom:.5rem;
    width:100%;
    height:2rem
}
.page .container-contato .contact #contact-form .form-item-2 .sub-webbh_2 {
    float:left;
    margin-left:.5rem
}
@media only screen and (min-width: 768px)and (max-width: 1023px) {
    .page .container-contato .contact #contact-form .form-item-2 .sub-webbh_2 {
        float:auto;
        margin-left:auto
    }
}
@media only screen and (max-width: 767px) {
    .page .container-contato .contact #contact-form .form-item-2 .sub-webbh_2 {
        float:auto;
        margin-left:auto
    }
}
.page .container-contato .contact #contact-form .form-item-2 .area_assunto input,.page .container-contato .contact #contact-form .area_messagem textarea,.page .container-contato .contact #contact-form .area_btn {
    border:1px solid #333;
    margin-left:.5rem;
    width:100%;
    height:2rem
}
.page .container-contato .contact #contact-form .form-item-2 textarea {
    border:1px solid #333;
    padding-top:.5rem;
    padding-bottom:.5rem;
    height:50px
}
.page .container-contato .contact #contact-form .form-item-2 .area_assunto,.page .container-contato .contact #contact-form .area_btn {
    padding-top:.5rem;
    padding-bottom:.5rem
}
.page .container-contato .contact #contact-form .form-item-2 .area_btn {
    background-color:#010b48;
    color:#fff;
    margin-bottom:2rem
}
.page .container-services {
    grid-column:1/-1;
    display:grid;
    grid-template-columns:1fr 10fr 1fr
}
.page .container-services .single-bar {
    margin-top:1rem;
    grid-column:2/3;
    display:flex;
    justify-content:center
}
.page .container-services .single-bar .title {
    font-size:30px;
    font-weight:400;
    font-family:"Oswald",sans-serif;
    color:#555;
    text-transform:uppercase
}
.page .container-services .single-bar .title::after {
    display:block;
    content:"";
    width:50%;
    height:2px;
    background-color:#666
}
.page .container-services .single-bar .an-title-left {
    opacity:0;
    transform:translate(1000px);
    animation:animate_top 1s forwards
}
@keyframes animate_top {
    to {
        opacity:1;
        transform:initial
    }
}
@media only screen and (max-width: 767px) {
    .page .container-services .single-bar {
        grid-column:1/-1
    }
}
@media only screen and (min-width: 768px)and (max-width: 1023px) {
    .page .container-services .single-bar {
        grid-column:1/-1
    }
}
.page .container-services .wb-products {
    grid-column:2/3;
    display:grid;
    grid-template-columns:3fr 9fr;
    gap:15px;
    margin-top:32px
}
@media only screen and (min-width: 768px)and (max-width: 1023px) {
    .page .container-services .wb-products {
        grid-column:1/-1;
        margin:16px
    }
}
@media only screen and (max-width: 767px) {
    .page .container-services .wb-products {
        grid-column:1/-1;
        margin:16px
    }
}
.page .container-company {
    grid-column:1/-1;
    display:grid;
    grid-template-columns:1fr 10fr 1fr
}
.page .container-company .single-bar {
    margin-top:1rem;
    grid-column:2/3;
    display:flex;
    justify-content:center
}
.page .container-company .single-bar .title {
    font-size:30px;
    font-weight:400;
    font-family:"Oswald",sans-serif;
    color:#555;
    text-transform:uppercase
}
.page .container-company .single-bar .title::after {
    display:block;
    content:"";
    width:50%;
    height:2px;
    background-color:#666
}
.page .container-company .single-bar .an-title-left {
    opacity:0;
    transform:translate(1000px);
    animation:animate_top 1s forwards
}
@keyframes animate_top {
    to {
        opacity:1;
        transform:initial
    }
}
@media only screen and (max-width: 767px) {
    .page .container-company .single-bar {
        grid-column:1/-1
    }
}
@media only screen and (min-width: 768px)and (max-width: 1023px) {
    .page .container-company .single-bar {
        grid-column:1/-1
    }
}
.page .container-company #company-location {
    margin:1rem 0 1rem 0;
    grid-column:2/3;
    line-height:2
}
.footer {
    border-top:1px solid #fff;
    background-color:#333;
    padding:1rem 0 1rem 0
}
.footer #footer_container {
    grid-column:2/3;
    display:grid;
    grid-template-columns:1fr 1fr 1fr 2fr
}
@media only screen and (min-width: 768px)and (max-width: 1023px) {
    .footer #footer_container {
        grid-template-columns:1rem 1fr 1rem
    }
}
@media only screen and (max-width: 767px) {
    .footer #footer_container {
        grid-template-columns:1rem 1fr 1rem
    }
}
.footer #footer_container div:nth-child(odd) {
    border-top:none;
    border-bottom:none
}
.footer #footer_container #footer_logo {
    display:flex;
    justify-content:center;
    align-items:center;
    border-left:1px solid #70a89d
}
@media only screen and (min-width: 768px)and (max-width: 1023px) {
    .footer #footer_container #footer_logo {
        border:none
    }
}
@media only screen and (max-width: 767px) {
    .footer #footer_container #footer_logo {
        border:none
    }
}
.footer #footer_container #footer_logo .logo {
    padding:0px 16px 0px 16px
}
.footer #footer_container #_category {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    border-left:1px solid #70a89d
}
@media only screen and (min-width: 768px)and (max-width: 1023px) {
    .footer #footer_container #_category {
        border:none
    }
}
@media only screen and (max-width: 767px) {
    .footer #footer_container #_category {
        border:none
    }
}
.footer #footer_container #_category h1 {
    color:#fff;
    margin:0 auto;
    text-transform:uppercase
}
.footer #footer_container #_category .webbh-menu-footer ul li {
    color:#fff
}
.footer #footer_container #_category .webbh-menu-footer ul li a {
    color:#fff
}
.footer #footer_container #footer_contact {
    display:flex;
    flex-direction:column;
    justify-content: center;
    border-left:1px solid #70a89d;
    color:#fff;
}
@media only screen and (min-width: 768px)and (max-width: 1023px) {
    .footer #footer_container #footer_contact {
        border:none
    }
}
@media only screen and (max-width: 767px) {
    .footer #footer_container #footer_contact {
        border:none
    }
}
.footer #footer_container #footer_contact h1 {
    margin:0 auto;
    text-transform:uppercase
}
.footer #footer_container #footer_contact ul {
    border:none;
    margin:0 auto;
    display: flex;
    flex-direction: column;
}
.footer #footer_container #footer_contact ul li:first-child{
/*    background-color: red;*/
}
.footer #footer_container #footer_contact ul li a {
    display:flex;
    align-items:center;
    color:#fff
}
.footer #footer_container #footer_contact ul li a i .email,.footer #footer_container #footer_contact ul li a i .whatsapp,.footer #footer_container #footer_contact ul li a i .phone {
/*    margin-top:5px;*/
    fill:#fff;
   width:none;
      height: 15px;
  margin-right: 5px;
}
.footer #footer_container #footer_contact ul li a .phone-footer{
display: flex;
  align-content: center;
  align-items: center;
}
.footer #footer_container #footer_contact ul li a .phone-footer span{
    margin-left: 1rem;

}
.footer #footer_container #end {
    border-left:1px solid #70a89d;
    border-right:1px solid #70a89d;
    display:flex;
    align-items:center
}
@media only screen and (min-width: 768px)and (max-width: 1023px) {
    .footer #footer_container #end {
        border:none
    }
}
@media only screen and (max-width: 767px) {
    .footer #footer_container #end {
        border:none
    }
}
.footer #footer_container #end span {
    display:flex;
/*    flex-direction:column;*/
    flex-wrap:wrap;
    color:#fff;
    padding:0px 16px 0px 16px;
    align-content: center;
  align-items: center;
}
.footer #footer_container #end span .maps {
    width:20px;
    height:none;
}
.rwmb-field .webbh-label {
    margin-left:15px
}
.rwmb-field .webbh-label label {
    color:#666;
    font-family:"Open Sans",sans-serif;
    text-transform:uppercase
}
.rwmb-field .webbh-input-curse {
    display:flex;
    position:relative;
    max-width:100%
}
.rwmb-field .webbh-input-curse #curse_name,.rwmb-field .webbh-input-curse #curse_description,.rwmb-field .webbh-input-curse #valor_curse,.rwmb-field .webbh-input-curse #curse_dias,.rwmb-field .webbh-input-curse #curse_hors,.rwmb-field .webbh-input-curse #link_curse_form {
    height:50px;
    width:95%;
    margin:15px
}
.rwmb-field .webbh-input-curse .curse-img {
    width:90%;
    margin-left:15px;
    display:flex;
    flex-direction:column
}
.rwmb-field .webbh-input-curse .curse-img .user-preview-image {
    max-width:90%
}
.rwmb-field .webbh-input-curse .curse-img #curse_img,.rwmb-field .webbh-input-curse .curse-img #curse_img_01,.rwmb-field .webbh-input-curse .curse-img #curse_img_02,.rwmb-field .webbh-input-curse .curse-img #curse_img_03,.rwmb-field .webbh-input-curse .curse-img #curse_img_04,.rwmb-field .webbh-input-curse .curse-img #curse_img_05 {
    width:90%;
    margin:1rem 0 1rem 0
}
.rwmb-field .webbh-input-curse .curse-img #uploadimage,.rwmb-field .webbh-input-curse .curse-img #uploadimage_01,.rwmb-field .webbh-input-curse .curse-img #uploadimage_02,.rwmb-field .webbh-input-curse .curse-img #uploadimage_03,.rwmb-field .webbh-input-curse .curse-img #uploadimage_04,.rwmb-field .webbh-input-curse .curse-img #uploadimage_05 {
    width:50%;
    margin:1rem 0 1rem 0
}
.rwmb-field .webbh-input-curse #curse_link {
    display:none
}
.rwmb-field .webbh-input-curse #curse_date {
    height:50px;
    margin-left:15px;
    max-width:300px
}
.rwmb-field .webbh-input-team {
    display:flex;
    position:relative;
    max-width:100%
}
.rwmb-field .webbh-input-team #team_name,.rwmb-field .webbh-input-team #team_description,.rwmb-field .webbh-input-team #team_cargo,.rwmb-field .webbh-input-team #formacao_cargo,.rwmb-field .webbh-input-team #team_img {
    height:50px;
    width:95%;
    margin:15px
}
.rwmb-field .webbh-input-team .team-img {
    width:90%;
    margin-left:15px;
    display:flex;
    flex-direction:column
}
.rwmb-field .webbh-input-team .team-img .user-preview-image {
    max-width:90%
}
.rwmb-field .webbh-input-team .team-img #team_img {
    width:90%;
    margin:1rem 0 1rem 0
}
.rwmb-field .webbh-input-team .team-img #uploadimage {
    width:50%;
    margin:1rem 0 1rem 0
}
.rwmb-field .webbh-input-team #team_link {
    display:none
}
.rwmb-field .webbh-input-service {
    display:flex;
    position:relative;
    flex-direction:column;
    max-width:100%
}
.rwmb-field .webbh-input-service #name_service,.rwmb-field .webbh-input-service #type_service,.rwmb-field .webbh-input-service #team_cargo,.rwmb-field .webbh-input-service #author,.rwmb-field .webbh-input-service #description_service {
    height:50px;
    width:95%;
    margin:15px
}
.rwmb-field .webbh-input-service .user-preview-image {
    max-width:90%
}
.rwmb-field .webbh-input-service #img_service {
    width:90%;
    margin:1rem 0 1rem 0
}
.rwmb-field .webbh-input-service #upload_image {
    width:50%;
    margin:1rem 0 1rem 0
}
.rwmb-field .webbh-input-products .landind-img {
    display:flex;
    flex-direction:column
}
.rwmb-field .webbh-input-products .landind-img img {
    max-width:100%
}
.rwmb-field .webbh-input-products .landind-img #container-img {
    margin-top:1rem;
    display:flex;
    justify-content:space-between
}
.rwmb-field .webbh-input-products .landind-img #container-img #image {
    width:80%
}