/* ## UTILITARIOS CSS INICIO ## */
html{
	scroll-behavior: smooth !important;
 }
 
/* .sombrinha, .sombrinha-hover:hover { box-shadow: 0 0 15px rgba(0,0,0,.08); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } */
.sombrinha, .sombrinha-hover:hover { box-shadow: 0 0 20px rgba(0,0,0,.15);  }

.i-xlarge {
    width: 75px !important;
    height: 64px !important;
    font-size: 56px;
    line-height: 64px !important;
}
.hidden {
    display: none !important;
  }
.linha{
    height: 1px;
    background-color: #cfcfcf;
    margin: 10px 0px;
}
.text-gradient {
    background: linear-gradient(to right top, #2e3093, #3234a1, #3739af, #3b3dbd, #4042cc, #494ad3, #5151da, #5959e1, #6666e1, #7272e1, #7d7ee1, #898ae0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-azul {
    background-image: linear-gradient(to right top, #2e3093, #3234a1, #3739af, #3b3dbd, #4042cc, #494ad3, #5151da, #5959e1, #6666e1, #7272e1, #7d7ee1, #898ae0);
    /* background-color: #2e3093; */


    background-color: transparent;
    /* background-image: linear-gradient(300deg,#225ED8 0%,#6B58D6 85%); */
}

.gradient-border {
	--borderWidth: 3px;
	background: #1D1F20;
	position: relative;
	border-radius: 25px;
}

.gradient-border::after {
	content: '';
	position: absolute;
	top: calc(-1 * var(--borderWidth));
	left: calc(-1 * var(--borderWidth));
	height: calc(100% + var(--borderWidth) * 2);
	width: calc(100% + var(--borderWidth) * 2);
	background: linear-gradient(60deg, #2e3093, #3234a1, #3739af, #3b3dbd, #4042cc, #494ad3, #5151da, #5959e1, #6666e1, #7272e1, #7d7ee1, #898ae0);
	border-radius: var(--borderWidth);
	z-index: -1;
	animation: animatedgradient 3s ease alternate infinite;
	background-size: 300% 300%;
}

@keyframes animatedgradient {
	0% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}

.titulo-parallax{
    font-size: 48px;
    font-weight:700;
    color: #fff;
    text-shadow: 1px 1px 0px rgba(150, 150, 150, 1);
}

.titulo-parallax span{
    font-size: 68px;
    font-weight:700;
    color: #fff;
   
}


/* #footer{
    background-image: linear-gradient(to right top, #2e3093, #3234a1, #3739af, #3b3dbd, #4042cc, #494ad3, #5151da, #5959e1, #6666e1, #7272e1, #7d7ee1, #898ae0);
    background-color: transparent;
    color: #fff;
} */

#copyrights{
    background-color: #1D1F20 !important;
    /* color: #c6c7c7 !important; */
}

.titulo-internas h1, .titulo-internas span, .titulo-internas li{
    color: #fff !important;
}


.bg-overlay-bg.overlay-gradient {

    /* background-image: linear-gradient(to right top, #2e3093, #3234a1, #3739af, #3b3dbd, #4042cc, #494ad3, #5151da, #5959e1, #6666e1, #7272e1, #7d7ee1, #898ae0);
    background-color: transparent; */

    background: linear-gradient(300deg,#225fd8b6 0%,#6b58d6b0 85%);
}


.bg-overlay-bg.overlay-gradient {

    /* background-image: linear-gradient(to right top, #2e3093, #3234a1, #3739af, #3b3dbd, #4042cc, #494ad3, #5151da, #5959e1, #6666e1, #7272e1, #7d7ee1, #898ae0);
    background-color: transparent; */

    background: linear-gradient(300deg,#225fd888 0%,#6b58d673 85%);
}





.link-hover {
    position: relative;
    text-decoration: none;
    display: inline-block;
    color: black;
    padding: 0 1px;
    transition: color ease 0.3s;
    z-index: 99;
    }
    .link-hover-dark {
        position: relative;
        text-decoration: none;
        display: inline-block;
        color: white;
        padding: 0 1px;
        transition: color ease 0.3s;
        z-index: 99;
        }
    
    .link-hover::before, .link-hover::after, .link-hover-dark::before, .link-hover-dark::after {
    content: '';
    position: absolute;
    background-color: #898ae0;
    z-index: -1;
    height: 10%;
    }
    
    .link-hover::before, .link-hover-dark::before {
    width: 0%;
    left: 0;
    bottom: 0;
    transition: width ease 0.4s;
    }
    
    .link-hover::after, .link-hover-dark::after {
    width: 100%;
    left: 0;
    bottom: 0;
    transition: all ease 0.6s;
    }
    
    .link-hover:hover::before, .link-hover-dark:hover::before {
    width: 100%;
    }
    
    .link-hover:hover::after, .link-hover-dark:hover::after {
    left: 100%;
    width: 0%;
    transition: all ease 0.2s;
    }


    .altura-img{
        max-height:200px; width:auto !important; margin: 0 auto;
        padding: 10px 0px;
      }

    div.sticky{
        position: -webkit-sticky;
        position: sticky;
        top: 80px;
    }  

    .header-misc-icon a:hover{
        color: #2e3094;
        transition: color ease 0.3s;
    }
    .footer-gradient{
        /* border-top: 30px solid #5c2569; */
        border-top:10px solid;
        border-image:linear-gradient(300deg,#225fd8b6 0%,#6b58d6b0 85%) 10;
       
      }
/* ## UTILITARIOS CSS FIM ## */


/* ## BOTOES INICIO ## */
    .botao-vazio{
        border: 1px solid #2e3094;
        border-radius: 25px;
        padding: 10px 15px;
    }

    
/* ## BOTOES FIM ## */

 /* ## REDES SOCIAIS FOOTER INICIO ## */

 .other-store-link {
    width: auto;
	margin-bottom:20px;
    display: inline-block;
}
.other-store-link:last-child{
	margin-bottom:0;
}
.other-store-app {
    width:250px;
    height:70px;
    /* border:1px solid #ed1b23; */
    border-radius: 4px;
    padding: 0 14px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    /* color: #858b9f; */
    transition: 0.3s;
}
.other-store-app:hover {
    color: #2e3094;
	opacity:1;
}

.os-app-caps span {
    display: block;
    font-size: 13px;
    font-weight: 400;
    color:#c6c7c7;
    transition: 0.3s;
}
.os-app-icon {
    margin-right: 13px;
}
.os-app-icon i {
    font-size: 32px;
}
.os-app-caps {
    font-size: 18px;
    font-weight: 600;
}
/* ## REDES SOCIAIS FOOTER FIM ## */


.titulo-secao h2{
    text-align: center;
    margin-bottom: 0px;
}

.titulo-secao:after {
    bottom: 0;
    left: 0;
    right: 0;
    top: initial;
    width: 120px;
    content: "";
    height: 4px;
    border-radius: 6px;
    background: linear-gradient(300deg,#225fd8b6 0%,#6b58d6b0 85%);
    display: block;
    margin: 0px auto 30px auto;
    text-align: center;
}
/* .titulo-secao::after {
    content: '';
    display: block;
    margin-top: 30px;
    width: 40px;
    border-top: 2px solid #444;
    text-align: center;
} */
.bg-white{
    background-color: #fff;
}
/* ## SEÇÕES INICIO ## */
@media (max-width: 767.98px){
	/* .titulo-secao {
		padding: 2rem 0;
		text-align: center;
	}
	.titulo-secao .breadcrumb {
		position: relative!important;
		top: 0!important;
		left: 0!important;
		right: 0!important;
		margin: 20px 0 0!important;
		justify-content: center;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	} */
}
/* ## SEÇÕES FIM ## */


/* ## PROMOÇÃO INICIO ## */
.promocao-box{
    border: 1px solid #dcdcdc;
    border-radius: 25px;
    transition: all ease 0.4s;
}
.promocao-box:hover{
    border: 1px solid #2e3093;
    transition: all ease 0.4s;
}

.promocao-imagem img {
	display: block;
	width: 100%;
	height: auto;
}

.promocao-descricao{
    padding: 20px;
}


.promocao-box .promocao-valor{
    background-color: #2e3093;
    text-align: center;
    margin-bottom: 0px;
}

.promocao-box .promocao-valor-antigo{
    text-align: center;
    margin-bottom: 0px;
}

.promocao-box h4{
    margin-bottom: 0px;
}
.promocao-box .promocao-valor-antigo span{
    color: #444 !important;
}

.linha-vermelha {
    text-decoration: line-through solid #ff0000 2px;
    font-size: 18px;
}
.promocao-box h3{
    color: #fff !important;
    margin-bottom: 0px;
}

/* ## PROMOÇÃO FIM ## */

/* ## PRODUTO INICIO ## */
.produto-box{
    border: 1px solid #dcdcdc;
    border-radius: 25px;
    transition: all ease 0.4s;
}
.produto-box:hover{
    border: 1px solid #2e3093;
    transition: all ease 0.4s;
}

.produto-imagem img {
	display: block;
	width: 100%;
	height: auto;
}

.produto-descricao{
    padding: 20px;
}


.produto-box .produto-valor{
    background-color: #2e3093;
    text-align: center;
    margin-bottom: 0px;
}
.produto-box h3{
    color: #fff !important;
    margin-bottom: 0px;
}

.produto-box h4{
   margin-bottom: 0px;
}



.categoria-box{
    border-radius: 25px;
}
.categoria-box h3{
    padding: 20px;
    margin-bottom: 0px;
}

.categoria-box ul{
    padding-bottom: 20px;
}

.categoria-box ul .ativo li{
    color: #fff !important;
    background-color: #2e3094 !important;
    
}

.categoria-box ul li{
    padding: 5px 20px;
}

.categoria-box ul a {
    color: #444444;
    transition: all 0.3s ease-in-out; 
}
.categoria-box ul li:hover {
    color: #fff;
    background: #2e3094;
    transition: all 0.3s ease-in-out; 
}
/* ## PRODUTO FIM ## */


/* ## SOBRE NOS INICIO ## */
@media (min-width: 992px) { 
    .about-img > div {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
        width: 75%;
    }
    
    .about-img > div + div {
        top: 130px;
        left: 0;
        right: auto;
        z-index: 0;
    }

}



.sobre-image{
    border-radius: 25px;
    overflow: hidden;
}

.box-indice h5{
    /* font-weight: 500 !important;
    font-size: 18px !important; */
}

.box-indice {
    border-radius: 25px;
    padding: 30px 0px;
    color: #fff !important;
    transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s;
    width: 100%; -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -ms-transform: translateY(5px); -o-transform: translateY(5px); transform: translateY(5px); overflow: hidden;
}

.box-indice:hover{
    transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s;
    /* -webkit-transform: scale(1.01);
    transform: scale(1.01); */
    bottom: 5px;
    -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px);
}

.box-colaborador{
    border-radius: 25px;
    margin: 25px;
}
.box-colaborador .descricao{
    padding: 10px 15px;
}

/* ## SOBRE NOS FIM ## */

/* ## NOTICIAS INICIO ## */
.noticia-image{
    border-radius: 25px;
    overflow: hidden;
}
/* ## NOTICIAS FIM ## */


/* ## LOCALIZAÇÃO INICIO ## */
.mapa {
    -ms-filter: grayscale(100%) invert(100%);
    filter: grayscale(100%) invert(100%);
    
    width: 100% !important;
    /* height: 300px !important; */
}


.ul-contato li {
    background-color: #fff;
    padding: 10px 20px;
    margin-bottom: 20px;
    border-radius: 25px;
    font-size: 18px;
    transition: all 0.3s ease-in-out; 
    -moz-transition: all 0.3s ease-in-out; 
    -webkit-transition: all 0.3s ease-in-out; 
    -ms-transition: all 0.3s ease-in-out; 
    -o-transition: all 0.3s ease-in-out; 
}

.ul-contato li:hover { 
    box-shadow: 0 0 20px rgba(0,0,0,.15); 
    transition: all 0.3s ease-in-out; 
    -moz-transition: all 0.3s ease-in-out; 
    -webkit-transition: all 0.3s ease-in-out; 
    -ms-transition: all 0.3s ease-in-out; 
    -o-transition: all 0.3s ease-in-out; }


.ul-contato a{
    color: #555;
    transition: all 0.1s ease-in-out; 
}
.ul-contato a:hover{
    transition: all 0.1s ease-in-out; 
    color: #2e3093;
}

#contato h5{
    font-size: 22px;
    margin-bottom: 0px;
}
/* ## LOCALIZAÇÃO FIM ## */



/*------------------------------------
	Preloader
------------------------------------*/  
.pre-gif{
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    /* width: 550px;
    height: 550px; */
    margin: -75px 0 0 -75px;
  }
  #preloader {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #f7f7f7;
      z-index: 999999;
    }
  
    
  
  
  #loader {
      display: block;
      position: relative;
      left: 50%;
      top: 50%;
      width: 150px;
      height: 150px;
      margin: -75px 0 0 -75px;
      border-radius: 50%;
      border: 3px solid transparent;
      border-top-color: #2e3093;
      -webkit-animation: spin 2s linear infinite;
      animation: spin 2s linear infinite;
    }
    #loader:before {
      content: "";
      position: absolute;
      top: 5px;
      left: 5px;
      right: 5px;
      bottom: 5px;
      border-radius: 50%;
      border: 3px solid transparent;
      border-top-color: #444;
      -webkit-animation: spin 3s linear infinite;
      animation: spin 3s linear infinite;
    }
    #loader:after {
      content: "";
      position: absolute;
      top: 15px;
      left: 15px;
      right: 15px;
      bottom: 15px;
      border-radius: 50%;
      border: 3px solid transparent;
      border-top-color: #2e3093;
      -webkit-animation: spin 1.5s linear infinite;
      animation: spin 1.5s linear infinite;
    }
    @-webkit-keyframes spin {
      0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
      }
      100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
      }
    }
    @keyframes spin {
      0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
      }
      100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
      }
    }
  


/* COOKIE */
.box-cookies.hide {
	display: none !important;
  }
  
  .box-cookies {
  font-weight: 100;
	position: fixed;
	background: rgba(0, 0, 0, .8);
	width: 100%;
	z-index: 998;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
  }
  .box-cookies p {
      margin-bottom: 0px;
  }
  
  .box-cookies .msg-cookies,
  .box-cookies {
	text-align: center;
	padding: 10px;
	color: #fff;
	font-size: 15px;
  }
  
  .box-cookies .btn-cookies, .btn-politica {

	cursor: pointer;
	align-self: normal;
  }
  
  .btn-cookies, .btn-politica{
    border-radius: 20px;
    padding: 8px 20px;
    background:  #2e3094;
    color: #fff ;
    border: 1px solid  #2e3094;
    transition: all ease 0.4s;
   
  }
  .btn-cookies:hover, .btn-politica:hover{
    padding: 8px 20px;
    background:  #444;
    color: #fff !important;
    border: 1px solid #444;
    transition: all ease 0.4s;
  }
  @media screen and (max-width: 600px) {
    .box-cookies {
      flex-direction: column;
    }
    .btn-politica{
      margin-bottom: 10px;
    }
  }

 
  /* COOKIE FIM*/
  @media screen and (min-width: 992px) {
    .over-responsivo {
        width: 378px;
        max-height: 320px;
    }
    
  }

  @media screen and (max-width: 1038px) {
    .full-header #logo {
        padding-right: 0px;
        border-right: 0px;
    }
    .stretched .full-header #header-wrap > .container{
        padding: 0px;
    }
    .header-misc{
        margin-left: -12px;
    }
    .top-cart-action {
        flex-direction: column;
    }
  }


  .btn-remove{
    color: #fff;
    background-color: #f01321;
    border: 1px solid #fff;
    transition: all ease 0.4s;
    font-size: 20px
  }

  .btn-remove:hover{
    color: #f01321;
    background-color: #fff;
    border: 1px solid  #f01321;
    transition: all ease 0.4s;
    font-size: 20px
  }