/*
Theme Name: BITTENCOURT ORRO SILVA  
Theme URI: https://www.btos.com.br
Author:WF MULTIMIDIA
Author URI: http://www.wfmultimidia.com.br
Description: Tema desenvolvido por WF - Dev. Wellinson Fernandes
Version: 1.0
*/

/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Lora:ital,wght@0,400..700;1,400..700&display=swap');

:root {
  --bege: #b89b5e;
  --marrom: #320003;
  --texto: #999999;
  --cinza: #e0e0e0;
  --fundo: #f5f5f5;
  --titulo: #2f2f31;
}


html, body {  font-family: "Lato", sans-serif; background:#fff; color: var(--texto); font-size: 13px;  scroll-behavior: smooth; }

a:link {color:var(--azul);}

a:visited {color:var(--azul);}

a:active {color:var(--azul);}

a:hover {color:var(--verde); text-decoration:none;}



img.alignright {float:right; margin:0 0 1em 1em}

img.alignleft {float:left; margin:0 1em 1em 0}

img.aligncenter {display: block; margin-left: auto; margin-right: auto}

a img.alignright {float:right; margin:0 0 1em 1em}

a img.alignleft {float:left; margin:0 1em 1em 0}

a img.aligncenter {display: block; margin-left: auto; margin-right: auto}



@media (min-width: 300px) {#client { padding: 0px 38px; margin-top: 50px; margin-bottom: 50px; margin-left: 0px;
    margin-right: 0px;} .lc { text-align: center;} .rc { text-align: center;}
.brown li { padding: 5px 5px !important;}
.carousel-caption {
    position: absolute;
    display: grid;
    place-content: center;
    right: 15%;
    top: 1.25rem;
    bottom: 1.25rem;
    height: 100%;
    left: 50%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
}

.carousel-caption h2 { color: #320003; font-size: 18px; }
.carousel-caption p { color: #999999;display: none;}
.btslide { background: #320003; color: #fff !important; display: inline-block; text-decoration: none; padding: 10px 20px  !important; border-radius: 5px;font-size: 14px !important; width: fit-content;}
.logo { margin: 10px 0px; width: 206px; }
.navbartopo .brown {background: var(--marrom) !important; color: #fff; padding-top: 10px; padding-bottom: 10px; margin-top: 20px;}
}

@media (min-width: 500px) { #client { padding: 0px 38px; margin-top: 50px; margin-bottom: 50px; margin-left: -42px;
    margin-right: -42px;} .lc { text-align: left;} .rc { text-align: right;}
.brown li { padding: 5px 10px !important;}
.carousel-caption {
    position: absolute;
    right: 15%;
    top: 1.25rem;
    display: grid;
    place-content: center;
    bottom: 1.25rem;
    height: 100%;
    left: 50%;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #fff;
    text-align: center;
}

.carousel-caption h2 { color: #320003; font-size: calc(1.325rem + .9vw);}
.carousel-caption p { color: #999999; display: block;}
.btslide { background: #320003; color: #fff !important; display: inline-block; text-decoration: none; padding: 10px 20px !important; border-radius: 5px; font-size: 16px;}
.logo { margin: 10px 0px; width: 306px; }
.navbartopo .brown {background: var(--marrom) !important; color: #fff; padding-top: 10px; padding-bottom: 10px; margin-top: -40px;}
}

@media (min-width: 769px) { #client { padding: 0px 38px; margin-top: 50px; margin-bottom: 50px; margin-left: -42px;
    margin-right: -42px;} .lc { text-align: left;} .rc { text-align: right;}
.brown li { padding: 5px 20px !important;}
.topnav {z-index: 6; position: relative;}
.slidehome { margin-top: -40px; z-index: 5; position: relative;}
.carousel-caption {
    position: absolute;
    right: 15%;
    top: 1.25rem;
    display: grid;
    place-content: center;
    bottom: 1.25rem;
    height: 100%;
    left: 50%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
}

.carousel-caption h2 { color: #320003; font-size: calc(1.325rem + .9vw); }
.carousel-caption p { color: #999999; display: block;}
.btslide { background: #320003; color: #fff !important; display: inline-block; text-decoration: none; padding: 10px 20px !important; border-radius: 5px; font-size: 16px;}
.logo { margin: 10px 0px; width: 306px; }
.navbartopo .brown {background: var(--marrom) !important; color: #fff; padding-top: 10px; padding-bottom: 10px; margin-top: -40px;}
}




.btslide:hover { background: #b89b5e; color: #fff; display: inline-block; text-decoration: none; padding: 10px 20px !important; border-radius: 5px;}


.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: 1;
    transition: opacity .15s ease;
}

.bgbt { background: #320003; border-radius: 5px; padding: 5px 5px 0px 5px; color: #fff;}
.bgbt:hover { background: #b89b5e; border-radius: 5px; padding: 5px 5px 0px 5px; color: #fff;}




.nav.justify-content-center {
  display: flex;
  justify-content: center;
}

#wpadminbar { display: none;}

.branco { background: #fff; padding-bottom: 40px; }

.navbartopo { background: none !important; background-color: transparent !important;}


.navbartopo a:link,
.navbartopo a:active,
.navbartopo a:visited{color: #fff;}
.navbartopo a:hover{color: var(--bege);}

.navbartopo .agende { background: #fff !important; border-radius: 5px; color: var(--marrom) !important; }


h1,h2,h3,h4{  font-family: "Lora", serif; }

.center { text-align: center;}

.bartopo { background: var(--bege); display: block; font-size: 14px; color: #fff;padding: 5px 0px; font-weight: 300;}

.topo small { color: var(--titulo);}
.topo phone {color: var(--bege) !important; font-size: 30px; }
.topo phone>small {color: var(--bege) !important;font-size: 24px; }
.topo email {color: var(--bege); font-size: 24px; }


.areas { padding-top: 50px; padding-bottom: 70px; border-bottom: 1px solid var(--cinza);}
.cardarea { border: none !important; margin-top: 20px;} 
.cardarea h5 {color: var(--texto); padding: 0px; margin: 0px; font-family: 'Lora'; }
.cardarea .card-body { padding-top: 0px !important;}
.cardarea .card-text { font-family: 'Lora'; font-weight: bold; }

.nossahistoria h6 { background: var(--bege); border-radius: 5px; padding: 4px; text-align: center; color: #fff;   position: relative;}
.nossahistoria h6:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    width: 0;
    border-top: 5px solid var(--bege);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
  }
.nossahistoria p>strong { color: var(--titulo);}



.sobre { padding-top: 50px; padding-bottom: 50px;}
h3 { color: var(--titulo); }
h4 { color: var(--bege);}
h4 small { font-size: 12px; color: var(--texto);}
.decor { margin-bottom: 35px;}


.depoimentos { background: rgb(49,1,3);
    background: linear-gradient(90deg, rgba(49,1,3,1) 0%, rgba(49,1,3,1) 49%, rgba(245,245,245,1) 49%, rgba(245,245,245,1) 100%); }

    .diferencial { padding-top: 50px; padding-bottom: 50px; background: rgba(245,245,245,1); }
    .diferencial h3 { }
    .diferencial p { }

    .depoimento { padding-top: 50px; padding-bottom: 50px; background: rgb(49,1,3); color: #fff;}
    .depoimento h3 { color: #fff;}
    .depoimento p { color: #fff;}

    .depoimento .carousel-indicators [data-bs-target] {
        box-sizing: content-box;
        flex: 0 1 auto;
        width: 10px;
        height: 10px;
        padding: 0;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #fff;
        background-clip: padding-box;
        border: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        opacity: 1;
        border-radius: 20px !important;
        transition: opacity .6s ease;
    }

    .depoimento .carousel-indicators {
        position: absolute;
        right: 0;
        bottom: -38px;
        left: 0;
        z-index: 2;
        display: flex;
        justify-content: flex-start;
        padding: 0;
        margin-right: 0;
        margin-left: 0;
    }
    .contato { 
        background-attachment: local;
        background-image: url(img/bgcontato.jpg);
        background-repeat: no-repeat;
        background-size: cover;
    }

    .contato .btslide{ width: 100%; padding: 5px !important;}
.cont { padding-top: 30px; padding-bottom: 30px;}
.wpcf7-textarea { height: 80px;}


.news { background: var(--fundo); padding-bottom: 10px; height: 100%; margin-top: 10px; margin-bottom: 10px;}
.news h4 { font-size: 15px; color: var(--titulo); padding: 10px 20px;}
.news img {display: block; width: 100%;}
.time { display: inline-block; margin-left: 20px; margin-top: -20px; background: var(--marrom); color: #fff; text-align: center; padding: 5px 10px; font-family: 'Lato'; text-transform: capitalize;}
.news p { padding: 0px 20px;}
.news a:link, .news a:active, .news a:visited { color: var(--marrom); margin: 0px 20px; text-decoration: none; font-weight: 600;}
.news a:hover { color: var(--bege); }
.news hr { margin: 10px 20px;} 

#client .carousel-inner { padding: 15px ;}
.cliente .itemcliente {border: 1px solid var(--cinza);}

.iconarea { margin-top: -5px;}


.enderecos { background: rgb(50,0,3);
    background: linear-gradient(90deg, rgba(50,0,3,1) 0%, rgba(50,0,3,1) 50%, rgba(20,4,5,1) 50%, rgba(20,4,5,1) 100%);color: #fff; }

    .enderecos img { margin-top: -35px;}

    .enderecos h3 { color: #fff; padding-top: 25px; padding-bottom: 13px; margin-bottom: 30px;
        position: relative; }
    .enderecos h3:before {
        content: "";
        position: absolute;
        left: 50%;
        margin-left: -40px;
        bottom: 0;
        height: 1px;
        width: 80px;
        border-bottom: 1px solid #fff;
    }
    .bx1end { background: rgba(50,0,3,1); padding-bottom: 20px;}
    .bx2end { background: #240305; padding-bottom: 20px;}
    .bx3end { background: rgba(20,4,5,1); padding-bottom: 20px;}

    footer { background: rgba(20,4,5,1); padding-top: 40px; padding-bottom: 40px; color: #fff; }
    footer h3 { color: #fff;}

    .creditos { background: #2f2f31; color: #fff; font-size: small; padding: 10px 0px;}
    .right { text-align: right;}
    .creditos a { padding: 0px 15px;}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}