/*
Theme Name: kmi9 Publicidade
Theme URI: https://www.kmi9publicidade.com.br/
Author: WF
Author URI: https://www.wfmultimidia.com.br
Description: Desing por Well Fernandes 
Version: 1.0
*/

/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
:root {
  --azul: #0e0099;
  --azulclaro: #669aec;
  --cinza: #4d4d4d;
  --texto: #000000;
  --borda: #dee2e6;
}


html, body {  font-family: "Roboto", sans-serif; background:#fff; color: var(--texto); font-size: 16px;}

a:link {color:var(--azul);}
a:visited {color:var(--azul);}
a:active {color:var(--azul);}
a:hover {color:var(--texto); 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) {}

@media (min-width: 500px) {}

@media (min-width: 769px) {}

  

.center { text-align: center;}




@media (min-width:768px) {
    .wrapright .container {
        width: calc(((100% - 750px) / 2) + 750px) !important;
        margin-right: 0;
    }

}



@media (min-width:992px) {
    .wrapright .container {
        width: calc(((100% - 970px) / 2) + 970px) !important;
        margin-right: 0;
    }
}

@media (min-width:1200px) {
    .wrapright .container {
        width: calc(((100% - 1170px) / 2) + 1170px) !important;
        margin-right: 0;
    }
}


@media (min-width:768px) {
    .wrapleft .container {
        width: calc(((100% - 750px) / 2) + 750px) !important;
        margin-left: 0;
    }


}

@media (min-width:992px) {
    .wrapleft .container {
        width: calc(((100% - 970px) / 2) + 970px) !important;
        margin-left: 0;
    }

}

@media (min-width:1200px) {
    .wrapleft .container {
        width: calc(((100% - 1170px) / 2) + 1170px) !important;
        margin-left: 0;
    }
}


/* header */
.bartop { background: var(--cinza); font-size: 12px; font-weight: 300; padding: 6px 0px; color: #fff; }
.bartop a:link, .bartop a:active, .bartop a:visited { color: #fff; text-decoration: none;}
.lc { padding-right: 5px;}
.tl { padding-left: 20px; padding-right: 5px;}
.bartop .icon { height: 21px;}
.navbar-light { background: var(--texto) !important; padding-top: 30px; padding-bottom: 30px;     z-index: 99;}
.menutop { font-size: 19px;}
.menutop a:link, .menutop a:active, .menutop a:visited { color: #fff !important; font-weight: 600; padding-left: 15px !important; padding-right: 15px !important;}
.menutop a:hover { color: var(--cinza);}
/* slide */



@media (min-width: 300px) {.slidehome h2 {        font-weight: 900;
        line-height: 47px;
        margin-bottom: 25px;
        font-size: 44px;}}

@media (min-width: 500px) {.slidehome h2 {         font-weight: 900;
        line-height: 67px;
        margin-bottom: 25px;
        font-size: 64px;}}

@media (min-width: 769px) {.slidehome h2 {            font-weight: 900;
        line-height: 67px;
        margin-bottom: 25px;
        font-size: 64px;}}


    .slidehome h6 { font-weight: 300; font-size: 12px; padding-bottom: 25px; padding-top: 10px;}
.btprinc { background: var(--azul); border-radius: 5px; color: #FFF !important; text-decoration: none; display: inline-block; padding: 7px 13px; vertical-align: middle; font-size: 16px; border: 0px !important;}
.btprinc .fa-brands { font-size: 20px !important;}
.btprinc:hover { background: var(--texto); color: #FFF;}

.btprinc2 { background: #fff; border-radius: 5px; color: var(--azul) !important; text-decoration: none; display: inline-block; padding: 7px 13px; vertical-align: middle; font-size: 16px; border: 0px !important;}
.btprinc2 .fa-brands { font-size: 20px !important;}

.btprinc2:hover { background: var(--texto); color: #FFF !important;}


.wpcf7-spinner {  display: block !important;}

/* representadas */

.representadas {
      margin: 0;
      padding: 20px 0px;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
    }
   
    .carousel-container {
        width: 100%;
        overflow: hidden;
        background: #ffffff;
      }
  
      .carousel-track {
        display: flex;
        white-space: nowrap; /* Garante que o conteúdo fique em uma única linha */
        animation: scroll 10s linear infinite;
      }
  
      @keyframes scroll {
        0% {
          transform: translateX(0%);
        }
        100% {
          transform: translateX(-100%);
        }
      }
  
      .carousel-track img {
        width: auto; /* Ajuste o tamanho dos logos */
        height: 44px;
        margin: 0 10px;
      }
  
      /* Duplicação para scroll contínuo */
      .carousel-track.duplicate {
        position: absolute;
      }

      .leftrep { position: absolute; background: rgb(255,255,255);
        background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); z-index: 999; left: 0px; height: 100%; width: 80px; }

        .rightrep { background: rgb(255,255,255);
background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); z-index: 999; position: absolute; right: 0px; height: 100%; width: 80px;}


/* SOBRE NOS */

.sobrenos { padding-top: 40px; padding-bottom: 40px;}

h3 { font-weight: 300; font-size: 41px ;  padding-bottom: 25px; }
h3 b { font-weight: 600; color: #000000;}
h3 strong { font-weight: 600; color: var(--azul);}
.listnew{
border-top: 0px;
border-left: 0px;
border-right: 0px;
padding-left: 0px;
margin-left: 0px;
}

.listnewf{
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
    padding-left: 0px;
    margin-left: 0px;
    }

    .listnew .ms-2, .listnewf .ms-2{ padding-top:5px; padding-left: 0px; margin-left: 0px !important;}


    .bxdado {     border-radius: 10px;
        border: 1px solid var(--borda);
        text-align: center;
        padding: 31px 20px;
        font-size: 37px;
        font-weight: 500;
        line-height: 32px;
    margin-top: 15px;
margin-bottom: 15px;}
        .bxdado b{     font-size: 53px;
            line-height: 77px;
        
        }
        .bxdado strong{ font-size: 46px; color: var(--azul);    line-height: 77px;
        } 
    .left { text-align: left;}


    .icoseg { height: 30px; padding-right: 15px;}

    .ltf { font-weight: 300 !important;}


    .seguros { padding-top: 50px; padding-bottom: 50px;}
    .depoimento {   border: 1px solid var(--borda); height: 100%; padding: 20px 25px; border-radius: 10px; }
    .depoimento small { color:grey;}
    .depoimento span { color:#e7b92d; font-size: 18px;}
    .imgdepo { border-radius: 100px;}

    .prevb { color: gray;
        left: -125px; }

h5 i{font-weight: 100 !important; font-style: normal !important;}
    .nextb { color: gray;
        right: -125px; }

        .prevbb { color: gray; display: inline-block; background: transparent !important; border: none !important;  padding: 0px; margin-top: -15px;      }
    
    
        .nextbb {padding: 0px; display: inline-block; color: gray; background: transparent !important; border: none !important;  margin-top: -15px;  }
    

        .criacoes { background: var(--azul); padding-top: 60px; padding-bottom: 80px;}
        .criacoes h3>b { color:#fff !important;}
        .criacoes p {color:#fff; padding-bottom: 20px;}
        .criacoes small { color: #fff;}

        .criacoes .card { border: none; -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.23);
            -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.23);
            box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.23);}
            .criacoes .card p { color: #000000;}
            .criacoes .card a:link, .criacoes .card a:active, .criacoes .card a:visited { font-weight: bold; text-decoration: none; color: #000 !important; }



            .blog { background: #f9f9f9; padding-top: 60px; padding-bottom: 80px;}
            .blog h3>b { color: var(--texto) !important;}
            .blog p {color: var(--texto); padding-bottom: 20px;}
    
            .blog .card { border: none; -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.23);
                -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.23);
                box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.23);}
                .blog .card p { color: #000000;}
                .blog .card a:link, .blog .card a:active, .blog .card a:visited { font-weight: bold; text-decoration: none; color: #000 !important; }
            

        @media (min-width: 300px) {.imgblog{float: none;  
            margin-right: 20px; margin-bottom: 20px;  width: 100%;}  .rtc { text-align: center;}.ltc { text-align: center;}}

@media (min-width: 500px) {.imgblog{float: left;  
    margin-right: 20px; margin-bottom: 20px;  width: 542px;}  .rtc { text-align: right;}.ltc { text-align: left;}}

@media (min-width: 769px) {.imgblog{float: left;  
     margin-right: 20px; margin-bottom: 20px; width: 542px;} .rtc { text-align: right;} .ltc { text-align: left;}}

.right { text-align: right;}

.accordion-button:not(.collapsed) {
    color: #fff;
    background-color: var(--azul);
    box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.accordion-button:focus {
    z-index: 3;
    outline: 0;
    box-shadow: #f3c2c5;
}
.iconeq { width: 29px;}
.equipe { background: #fff;}


footer { background: #000; padding-top: 40px; padding-bottom: 30px; color:#fff}

footer a:link, footer a:active, footer a:visited { color: #fff; text-decoration: none !important;}

.wp-block-gallery img { border-radius: 10px;}

.page { padding-top: 60px;}

.btpage a:link, .btpage a:active, .btpage a:visited { border-radius: 5px; border: 1px solid var(--borda); text-decoration: none; padding: 20px 10px; width: 100%; margin-top: 10px; display: block; color: #000; font-weight: 500; }

.btpage a:hover { background: var(--azul); color: #fff; border: 1px solid var(--azul);}
.list-group-item { border-top: 0px !important; border-left: 0px !important; border-right: 0px !important;}



.titulo2 { font-size: 25px; line-height: 24px;}


.bluecolor { color: var(--azul);}

.titulop { font-weight: 900; }


.menutop .dropdown-item:link, 
.menutop .dropdown-item:active, 
.menutop .dropdown-item:visited { color: #000 !important}
.menutop .dropdown-item:hover{ color: var(--azul) !important}