@font-face {
   font-family: BaliviaFree;
   src: url("../fonts/BaliviaFreeBold-BW548.ttf");
}

@font-face {
   font-family: MyriadPro-Regular;
   src: url("../fonts/MyriadPro-Regular.otf");
}

.bg-login{
   background: #EAE9DF;
}

@media (min-width: 992px){
   .bg-login{
      background: #EAE9DF url("../images/bg-imagem-fundo.png");
      background-size: 100% 100%;
      background-repeat: no-repeat;
      
   }
}

.border-rose-bottom{
   border-bottom: 1px solid #EF8181;
}

.bg_b9{
   background-color: #b29999;
}

.bg_rosa{
   background: #EF8181;
}

.text_rosa, .subtitulos.text_rosa{
   color: #EF8181 !important;
}


.text_marchimellow, .subtitulos.text_marchimellow{
   color:#eccda4 !important;
}
.text_purple, .subtitulos.text_purple{
   color: #bd8ed0 !important;
}

.home_bg{
   background: #EAE9DF;
}
 
.top-20{
   position: relative;
   top:50px;
}

.margin_top_remove_50{
   margin-top: -80px !important;
   display: block !important;
}

.margin-top-remove{
   margin-top: -48px;
}

.margin-bottom-remove{
   margin-bottom: -48px;
   padding-bottom: 40px;
}

.text-secondary a{
   color: #EF8181 !important;
}
/*background*/
.bg-fundo{
   background: #f7f7f7;
}
footer{
   background: #EAE9DF;
   border-top: 2px solid #EF8181;
}

.bg-cinza-transparent{
   background-color: #f7f7f7;
 }

.text_cinza{
   color: #939393 !important;
}

body{
   /**/
   color: #424241;
   font-family: MyriadPro-Regular;
}

@media (max-width: 720px){
   .headre-line, footer, .sides-7-percent{
      padding-left: 1rem !important;
      padding-right: 1rem !important;
   }
}
   
@media (min-width: 721px){
   .headre-line, footer, .sides-7-percent{
      padding-left: 7% !important;
      padding-right: 7% !important;
    }
   
}
    
 
.text-dark-dbella, footer a:hover{
   text-decoration: none;
   color: #7B7777;
}
a:focus, button:focus, .btn:focus{
   box-shadow: none;
   border-color: none;
   outline: 0;
}
.focus:focus, .form-control:focus, .btn-busca-redonda:focus{
   box-shadow: none;
   border-color: #c9c9c9;
   outline: 0;
}
.subtitulos{
   font-family: BaliviaFree;
}
/*botões (cores/formatos e hovers)*/
.btn-lg{
  color: #ffffff;
  background: #c9c9c9;
}
.btn-fundo{
   background: #EAE9DF;
}
.btn-fundo:hover{
   border: #B44C4C;
}
.btn-pagina{
   border: solid #c9c9c9 1px;
   background-color: transparent;
   color: #c9c9c9;
}
.btn-pagina:hover{
 background: #c9c9c9;
 color: #ffffff;
}

.btn-produto *{
   display: block;
   position: relative !important;
   top: 103px !important;
}
.btn-produto{
   line-height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   border: solid #ef8181 1px;
   background: #fff;
   color: #ef8181;
   font-size: clamp(0.65rem, 1.2vw, 1.2rem) !important;
}
.btn-produto:hover{
   border-color: #ef8181;
   color: #ef8181;
   background: #ffe8e8;
   transition: all ease-in-out 0s !important;
}
.btn-red{
   background-color:  #c9c9c9;
   color: #ffffff;
}


.bg-red{
   background: #c9c9c9; 
}

.bg_white{
   background: #ffffff;
}

.border_top_cinza{
   border-top: solid 1px #939393;
   border-bottom: solid 1px #939393;
}

@media (max-width:959px){
   .bg-red{
      width: 100% !important;
      padding: 0px 4px !important;
      max-width: 1500px !important;
   }
}
.bg-red-dark{
   background: #BE5151;
}
/*Texto (cores, tamanhos e fontes)*/
.title-font{
   font-family: BaliviaFree;
}
.text-red{
   color: #c9c9c9;
}
.text-purple{
   color: #BA88CF;
}
.text-orange{
   color: #F0966D;
}
.text-yellow{
   color: #ECCDA4;
}
.text-cinza{
   color: #7B7777;
}

.carousel-item .d-block{
   position: relative;
   z-index: -1 !important;
   
}

.textNav_a .menu-mudanca:hover{
   text-decoration: underline !important;
   color: #939393 !important;
   background-color: Transparent !important;
}

/*bordas (cores e formatos)*/
.border-red{
   border: solid #c9c9c9 1px;
}
.border-red-dark{
   border: solid  #c9c9c9 2px;
}
.border-red-bottom{
   border-bottom: solid #c9c9c9 2px;
}
 
.border-rounded-login{
   border-radius: 30px;
}
.border-rounded-card{
   border-radius: 60px;
}



.placholder-campo::placeholder{
   color:  #c9c9c9;
}
.transparente{
  border: solid #c9c9c9 1px;
  background:  #EAE9DF;
}
.list-item-sem{
   list-style: none;
}
.strong-quem-somos{
  font-family: BaliviaFree;
  font-size: 24px;
}
.strong-red{
  color: #c9c9c9;
  font-size: 20px;
}
.text-pequeno{
  font-size: 12px;
}
.aumento-red{
  font-family: BaliviaFree;
  color: #c9c9c9;
  font-weight: 500;
  font-size: 34px;
}
.space-line{
   line-height: 2.5;
   
}
.select-color{
   max-width: 100%;
   max-height: 100%;
   height: 50px;
   width: 50px;
}
.dot{
   border: solid  #F9F9F3 1px;

}
.dot:hover{
   background-color:#FFFFFF;
}

.bg-cinza-transparent .owl-stage-outer{
   padding-bottom: 20px;
}

.owl-carousel .card-redondo{ 
   box-shadow: 0px 3px 6px #00000029;
 }

.card-redondo{ 
  border: 10px   #fff solid ;
  border-radius: 15px ;

}
.card-redondo-produtos{
   border: 5px   #fff solid ;
   border-radius: 15px ;
}
.sombra{
   box-shadow:none;
}
.sombra:hover{
   box-shadow: 0 0 1em black;
}
/*cabeçalho/menu*/
.busca-redonda{
  border-radius: 50px ;
}
.btn-busca-redonda{
  border-radius: 50px ;
  border-color: #c9c9c9;
}

.btn-busca-redonda:hover{
   border-color: #c9c9c9; 
}

.btn-busca-redonda:active{
  color: #c9c9c9;
}

.menu-mudanca{
 
   color: #EAE9DF ;

}
.menu-mudanca:hover{
   background-color: #B44C4C;
   color: #EAE9DF ;
   text-decoration: none;

   
}
.link-red{
 color: #c9c9c9;
}
.link-red:hover{
   text-decoration: none;
   color: #B44C4C;
}
.link-red-on{
   text-decoration: underline;
   color: #c9c9c9;
}
.link-red-on:hover{
   color: #c9c9c9;
}
.link-red-dec{
 color: #B44C4C;
}
.link-red-dec:hover{

   color: #B44C4C;
}
.link-red-dec-on{
 color: #B44C4C;
 text-decoration: underline;
}
.link-red-dec-on:hover{
 color: #B44C4C;
 text-decoration: underline;
}
/*paginação*/
.page-link{
   border: solid #c9c9c9 1px;
   border-radius: 30px;
   background-color: transparent;
   color: #c9c9c9;
   margin: 0px 8px;
   padding: 0px !important;
   width: 1.7em !important;
   height: 1.7em !important;
   display: flex !important;
   justify-content: center !important;
   align-items: center !important;
}


.page-link:hover{
  background: #c9c9c9;
  color: #ffffff;
}
.page-item:first-child .page-link {
   background-color: transparent;

   border: none;
}
.page-item:first-child .page-link:hover {
   color: black;


   background-color: transparent;
}
.page-item:last-child .page-link {
   background-color: transparent;

   border: none;
}
.page-item:last-child .page-link:hover {
   background-color: transparent;
   color: black;

}
.page-item.active .page-link {
 background-color: #c9c9c9;
 border-color: #c9c9c9;
}

.navbar{
   font-size: 18px;
}


/*OFFCANVAS*/

.position-relative{
   position: relative;
}


.sidenav {
   height: 100vh;
   width: 0;
   position: fixed;
   z-index: 8;
   top: 0;
   left: 0;
   overflow-x: hidden;
   transition: 0.5s;
   padding-top: 60px;
   box-sizing: border-box;
   background-size: cover;
   background-position: -10vw;
   background-repeat: no-repeat;
   background-color: #eae9df;
   -webkit-box-shadow: -1px 0px 15px 0px rgba(0,0,0,0.5); 
   box-shadow: -1px 0px 15px 0px rgba(0,0,0,0.5);
   overflow: hidden !important;
}



.sidenav .closebtn {
   position: absolute;
   top: 0;
   left:10px;
   font-size: 36px; 
   color: #B44C4C;
}

.sidenav .closebtn:hover {
   text-decoration: none;
   color: #B44C4C;
}

.nav_offcanvas{
   position: relative;
   margin-left: auto;
   box-sizing: border-box; 
   width: 100%;
   max-width: 400px;
   margin-left: 0px;
   margin-right: auto;
}



.nav_offcanvas .menu-mudanca{
   position: relative;  
   display: block; 
   box-sizing: border-box;
   color: #c9c9c9 !important;
   font-size: 19px;  
   margin: 10px 0px;
   font-weight: 100;
   text-align: left;
}


@media (min-width:959px){
   .headre-line {
      padding-top: 1rem;
   }
}
 

.link-red{
   font-size: clamp(11px, 0.9vw, 16px) !important;
}

@media (max-width:1500px) and (min-width:992px){
   .ajuste_search_input{
      flex: 0 0 31.666667% !important;
      max-width: 31.667% !important;
   }

   .ajuste_area_lojista{
      flex: 0 0 45.333%;
      max-width: 45.333333%;
   }

   .ajuste_social_midia{
      flex: 0 0 6.333333%;
      max-width: 6.333333%;
   }
}




.text_custon_color{
   text-align: center;
   font-size: 10px;
   display: block;
   width: 50px;
   margin: 0px auto;
}

.custom-checkbox {
   position: relative;
   display: block;
}

.custom-checkbox-input {
   display: none; 
   overflow: hidden !important;
   max-width: 40px;
   max-height: 40px;
   width: 5vw;
   height: 5vw;
   position: relative;
   border-radius: 100px !important;

   border: 3px solid transparent;
}



.custom-checkbox-text {
   padding: 0px;
   cursor: pointer;
   user-select: none;
   border-radius: 10px !important; 
   overflow: hidden !important;
   height: 100%;
   width: 100%;
   display: flex;
   justify-content: center;
   position: relative;
}

 

.custom-checkbox-input:checked ~ .custom-checkbox-text img{
   border: 3px solid #272727;
   color: white;

}

.custom-checkbox-text img{
   position: relative;
   display: block;
   width: 50px;
   height: 50px;
}



.flex_left_justify{
   display: flex;
   justify-content: flex-start;
   flex-wrap: wrap;
   /* 2 */
   margin: 0;
   padding: 0;
   list-style: none;
   box-sizing: border-box;
}

.ajuste_filtro_cores{
   padding-left: 0px;
}

@media(min-width:960px){
.flex_left_justify > * {
   box-sizing: border-box;
   width: calc(100% * 1 / 2.001);
}  
}

.ajuste_social_midia a{
   display: block;
   margin: 0px 5px;
}

 
   .ajuste_social_midia img{
      max-width: 100%; 
   }
 

@media(max-width:960px){
   .flex_left_justify > * {
      box-sizing: border-box;
      min-width: 100px;
   } 

}

 
.uk-grid-match .card-body{
   padding: 0px 1.25rem;
   height: auto !important;
   margin: 0px !important;
}

@media (min-width: 960px){
   .uk-grid-match  .margin_top_remove{
      margin-top: -50px;
   }
}

@media (max-width: 959px){
   .uk-grid-match  .margin_top_remove{
      margin-top: -25px;
   }
}


.card-redondo-produtos > a {
   max-width: 100% !important; 
   padding-bottom: 30px;
}



.register-social span{
   border-top-left-radius: 50rem !important;
   border-bottom-left-radius: 50rem !important;
}

.register-social input{
   border-top-right-radius: 50rem !important;
   border-bottom-right-radius: 50rem !important;
}

 .border-box{
   box-sizing: border-box;
   padding-right: 0px !important;
 }


 .uk-container-large{
   box-sizing: border-box;
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   max-width: 1400px;
 }

 .center-img a{
   display: flex;
   justify-content: center;
   border-radius: 8px; 
 }

 .center-img a .banner_dividido{
   width: 100% !important;
   height: 100% !important;
   min-height: 20vw !important
   
 }

 @media (min-width:960px){
.banner_1{
   height: 35vw;
   display: block;
}

.banner_2{
   height: 15.5vw;
   display: block;
}
 }

 
 @media (max-width:959px){

   .banner_1{
      height: 500px;
      display: block;
   }
   
   .banner_2{
      height: 170px;
      display: block;
   }


 }

.bg_transparent{
   background: transparent;
}

 .banner_1, .banner_2{
   background-size: cover;
   background-position: center;
 }

 .flex-streth{
   display: flex;
   flex-direction: column;
   align-items: space-between;
   justify-content: space-between;
 }

 .center-img a .rounded{
   border-radius: 1.25rem !important;
}

.sombra:hover{
   -webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.15);
box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.15);
}

.uk-grid-match > *,
.uk-grid-item-match {
  display: flex; 
  flex-wrap: wrap;
}
.uk-grid-match > * > :not([class*='uk-width']),
.uk-grid-item-match > :not([class*='uk-width']) {
  
  box-sizing: border-box;
  width: 100%;
  
  flex: auto;
}

.card-img-top{
   flex: auto;
   display: flex; 
}

.area_logista{
   display: flex;
   flex-direction: row !important;
   width: 100%;
   justify-content: space-between;
}

.navbar-toggler-icon{
   width: 5vw;
   height: 5vw;
   max-width: 30px;
}

.area_logista img{
   width: 15.9vw;
   height: auto;
   max-width: 40px;
}

.area_logista a{
   font-size: clamp(10px, 2.0vw, 20px) !important;
} 

.height_title{
   min-height: 10px !important;
   font-size: clamp(0.7rem, 1.5vw, 1.15rem) !important;
}

 
@media (min-width:960px){ 

   .height_title{
      min-height: 95px !important;
      font-size: clamp(0.8rem, 1.5vw, 1.15rem) !important;
   }

   .height_auto{
      min-height: 60px !important;
   }

}

.list-group-item{
   padding: .35rem 1.25rem !important;
}

.relative{
   position: relative;
   top: 0px;
}
.absolute{
   top: -10px;
   position: absolute;
}

.bg_cinza{
   background-color: #e4e4e4;
}

.filter_black{
    color: #000;
}

.filter_black:hover{
      color: #000;
}

.show_m{
   display: block;
}

.hidden_m{
   display: none !important;
}

#click_close{
   display: none; 
}

.bloco_de_pesquisa{
   display: none;
}

.subtitulos {
   color: #939393 !important;
}

.subtitulos  + p {
   color: #696969 !important;
 }

 .text-black {
   color: #000 !important;
 }

.customPrevBtn, .customNextBtn{
   filter: brightness(0) saturate(100%) invert(82%) sepia(28%) saturate(7%) hue-rotate(57deg) brightness(92%) contrast(99%);
}



 .uk-grid-match > *,
.uk-grid-item-match {
  display: flex;
  /* 1 */
  flex-wrap: wrap;
}
.uk-grid-match > * > :not([class*='uk-width']),
.uk-grid-item-match > :not([class*='uk-width']) {
  /* 2 */
  box-sizing: border-box;
  width: 100%;
  /* 3 */
  flex: auto;
}

.container_caroulsel_home{
   box-sizing: border-box;
   width: 100%;
   padding: 4px;
   margin-left: auto;
   margin-right: auto;
   max-width: 1600px;
}



@media (max-width:720px){ 
   li.page-item { 
       display: none;
   }

   .page-item:first-child,
   .page-item:nth-child( 2 ),
   .page-item:nth-last-child( 2 ),
   .page-item:last-child,
   .page-item.active,
   .page-item.disabled {

       display: block;
   }
}

.off_canvas_drop{
   width: 259px;
   background-color: #ddd;
}

.pagination{
   margin-top: 50px;
}

.w-100-child > div{
   width: 100%;
}

.w-100-child :nth-child(1){ margin-right: 5px;}

.w-100-child :nth-child(2){ margin-left: 5px;}

.w-100-child > div button{
   width: 100%;

}

.w-100-child div div{
   position: relative;
   display: block;
}

.input-group-prepend .input-group-text{
   background-color: transparent !important;
}

.excluir_btn{ 
   border-radius: 80em;
   padding: 0px;
   width: 28px;
   height: 31px;
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: transparent !important;
}

.carousel-control-prev-icon, .carousel-control-next-icon{
   filter: invert(79%) sepia(5%) saturate(1024%) hue-rotate(314deg) brightness(81%) contrast(83%);
   opacity: 0.5;
}

.w-100-child div > input[type="checkbox"] {
   display: none;
   overflow: hidden;
   width: 100px;
   height: 100px;
}
.w-100-child  div > input[type="checkbox"] + label {
   display: inline-block;
   background-color: #ccc;
   cursor: pointer;
   padding: 5px 10px;
 
}
.w-100-child div > input[type="checkbox"]:checked + label {
   background-color: #f3d42e;
}

.color_93, .color_93 * {
   color: #939393 !important;
}

.text-icon .filter_color_b9{
   filter: invert(79%) sepia(5%) saturate(1024%) hue-rotate(314deg) brightness(81%) contrast(83%) !important;
}

.text-cinza-b9 *, .text-cinza-b9, .text-cinza-b9 input, .text-cinza-b9 .placholder-campo, .text-cinza-b9  .placholder-campo::placeholder{
   color: #b29999 !important;
}

.text-cinza-b9 .btn_cinza{
   background-color: #b29999 !important;
   color: #fff !important;
}

.page-item.disabled span{
   background-color: transparent !important;
}

/*BTN CHECKEBOX FILTRAR*/

.btn-checkbox {
   position: relative;
   display: block;
   height: 35px;
}

.btn-checkbox-input {
   display: none; 
   overflow: hidden !important;
   max-width: 40px;
   max-height: 40px;
   width: 5vw;
   height: 5vw;
   position: relative;
   border-radius: 0px;
 
   border: 3px solid transparent;
}
 
.btn-checkbox-text {
   padding: 0px;
   cursor: pointer;
   user-select: none;
   border: solid #c9c9c9 1px;
   background: #EAE9DF;
   overflow: hidden !important;
   height: 100%;
   width: 100%;
   padding: 5px 0px;
   display: flex;
   justify-content: center;
   position: relative;
}

.btn-checkbox-input:checked ~ .btn-checkbox-text{
   background-color: #ccc;
}

@media (max-width:959px){
   .accordion, #filtro{
      display: none;
   }
}

 .owl-item{
   height: 100%;
 }

 .ref_owl{
   font-size: clamp(0.7rem, 1.2vw, 0.9rem);
   margin: 0px;
 }

 .price_owl strong{
   font-size: clamp(0.9rem, 1.5vw, 1.9rem);
   font-weight: 900;
 }

/*height_title_owl*/
 
 @media (min-width:960px){
 .height_title_owl{
   overflow: hidden;
   height: calc(50px + 5vw); 
   font-size: clamp(0.75rem, 1.2vw, 1.6rem);
 }}

 @media (max-width:959px){
   .height_title_owl{
     overflow: hidden;
     height: calc(60px + 5vw); 
     font-size: 14px;
   }
   .ref_owl{
      font-size: clamp(0.85rem, 1.2vw, 1.2rem);
      margin: 0px;
    }
   
    .price_owl strong{
      font-size: clamp(0.85rem, 1.2vw, 1.6rem);
    }

}

 
a.text_cinza_1{
   color:#939393 !important;
}

.bg-transparent a strong{
   color: #424241;
}

.position_logo_filhos{
   position: relative;
   left: -10px;
}

.max_width_banners_home{
   max-width: 1400px;
}

.rounded {
   border-radius: .95rem !important;
}

.min-height-100{
   min-height: 15vw;
}