/* CSS Document */
body, html {
	padding:0;
	margin:0;
	background-color: #FFF;
}

.font-Montserrat {
	font-family:'Montserrat';
}

.font-Montserrat-light {
	font-family:'Montserrat-Light';
}

.font-Montserrat-SemiBold {
	font-family:'Montserrat-SemiBold';
}

.font-Montserrat-SemiBold {
	font-family:'Montserrat-SemiBold';
}

.font-Roboto-Regular {
	font-family:'Roboto-Regular';
}

.El-Messiri {
	font-family: 'El Messiri', sans-serif;
}

header {
    padding: 0px;
    width: 95%;
    border-bottom: 2px #A3A3A3 solid;
    margin-left: auto;
    margin-right: auto;
}

nav {
	padding: 3px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.clearfix {
    overflow: auto;
}

.menu {
	width: 95%;
	border-bottom: 1px #A3A3A3 solid;
	margin-left: auto;
	margin-right: auto;
}

a {
	text-decoration:none;	
}

.cor-icones-font {
	color: #333333;
}

.navbar {
  margin-bottom: 0;
  border-radius: 0;
	height: 77px;
}

/* Set height of the grid so .sidenav can be 100% (adjust as needed) */
.row.content {height: 450px}

/* Set gray background color and 100% height */
.sidenav {
  padding-top: 20px;
  height: 100%;
}

/* Set black background color, white text and some padding */
footer {
  background-color: #555;
  color: white;
  padding: 5px;
}

.nome-carrinho {
	display:none;	
}

/* On small screens, set height to 'auto' for sidenav and grid */
@media screen and (max-width: 767px) {
  
 .passed, .erro {
    margin-top: 42px !important;;
}

.produto_lista {
    float: inherit !important;
    width: auto !important;
}

.coluna-produto {
    /* width: 100% !important; */
    margin-left: auto !important;
    margin-right: auto !important;
    float: inherit !important;
}
 
  .sidenav {
	height: auto;
	padding: 15px;
  }
  .row.content {height:auto;} 
	  
.icon-LOGO-CABEÇALHO {
	margin-top: -18px;
	position: absolute;
	font-size: 71px !important; 
  }
  
  .social {
	font-size:20px !important;
	}
	
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #A3A3A3;
	margin-top: 20px;
}

.navbar {
    width: 100%;
}

#myCarousel {
	/*display:none;	*/
}

.navbar-collapse {
    z-index: 300 !important;
    position: relative !important;
	background-color: #191818;
}

.icon-PATA-ESQUERDA, .icon-PATA-DIREITA {
	margin-top:	100% !important;;
	font-size:50px !important;	
}

.carousel {
    margin-top: 0px !important;
}

.nome-carrinho {
	display:block;
}

.content-home {
	width:98% !important;

}

.tri-esquerdo {
    height: 36% !important;
    width: 31% !important;
    margin-left: 9px !important;
    margin-right: -22px !important;
    margin-top: 26px !important;
}

.tri-direito {
    height: 32% !important;
    width: 36% !important;
    margin-right: auto !important;
    margin-left: 82px !important;
    margin-top: -13px !important;
}


.esquerdo {
	height: 450px !important;
    width: 40% !important;
    margin-left: 4% !important;
    margin-top: 30px !important;
	
}

.direito {
    height: 450px !important;
    width: 40% !important;
    margin-left: 47% !important;
    margin-top: 3px !important;
	
}

.footer-static-content ul {	
    /*margin-left: 24%;*/
}


.col-md-3 {
	margin-bottom:40px !important;
}


.fundo-paralax {
	display:none;
}


.ico {
    margin-right: 244px !important;
}

.texto-veja-mais h3 {
    font-size: 0.7em !important;
    margin-top: -18px !important;
}


.texto-escolha h3 {
    font-size: 0.7em !important;

}

.texto-escolha {
	margin-top: 69% !important;
    margin-left: -29% !important;	
}

.logo-cinza {
	width:95% !important;	
}

.receba-ofertas input {
    width: 75% !important;
}

.receba-ofertas {
    width: 100% !important;
}

.receba-ofertas h3 {
	font-size:12px !important;	
}

.conteudo-esquerdo h1 {
	font-size:26px !important;	
}

.social-fanpage {
    font-size: 52px !important;
    width: 0px !important;
	padding-top: 47px !important;
}

.social-fanpage a {
	margin-bottom: 8px;
    display: block;
}

.texto-fanpage {
    margin-top: 15% !important;
    font-size: 22px !important;
}

.div-curta-nossa-fanpage {
    width: 110% !important;
    margin-left: -15px;
    margin-right: -15px;
}

.hr-sobre {
	margin-top:0px !important;	
}


.texto-esq-maps {
    height: auto !important;
    padding-top: 0px !important ;
    margin-right: 0px !important;
    padding: 2px !important;
    text-align: center;
    margin-bottom: 9px;
    width: 91.5%;
    margin-left: 15px !important;
}

.mobile-map {
	width: 124% !important;
    margin-left: -12% !important;
}


.face {
	 float: none !important; 
     position: inherit !important;
     margin-top: auto !important;
     margin-right:auto !important; 	
}

.foto {
     width: 100% !important; 
     margin-left: auto !important;
	 margin-left: auto !important;
	 margin-bottom:10px !important;
}

.titulo-produto {
	width: auto !important;	
}

.informacao-passe-mouse {
	display:none;
}


.titulo-itens-carrinho {
	display:none !important;	
}

.foto-item-carrinho {
	width:100% !important;	
}

.linha-produto-carrinho {
	height:auto !important;

}

.produto {
	/*border:2px solid #CCCCCC !important;	*/
	padding:8px;
	margin-bottom:7px;
}

.produto img {
	margin-left:2px;	
    width: 100%;
}

.hr-carrinho {
    width: 99% !important;
    margin-right: auto !important;
	margin-left:auto !important;	
}


.finalizar, .continuar {
    width: 270px !important;
    display: block;
	position:relative;
	margin-bottom:5px;
}

.continuar {
	margin-right: -14px;
}

.load {
    margin-left: 26% !important;
}


.list-group {
    padding-left: 0;
    height: auto !important;
}


}

/* fim mobile ############################################################################################################# */


.titulo-produto{
	font-size: 21px;
	margin-top: 0;
	display: block;
	width: 381px;	
}

.icon-PATA-ESQUERDA, .icon-PATA-DIREITA {
	margin-top:	150%;
	font-size:50px;
	color:#E6E6E6;	
}
.icon-PATA-ESQUERDA:active, .icon-PATA-DIREITA:active {
	color:#C0AA92;
}

.carousel {
    margin-top: 43px;
}
.navbar-inverse {
	background-color:#FFF !important;
    border-color: transparent;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #666;
    background-color: transparent !important;
}

.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
    color: #666;
    background-color: transparent;
}

.icon-LOGO-CABEÇALHO {
    font-size: 94px;

}

.nav {
    margin-top: 31px;
    margin-left: 12px;
    margin-right: -78px;
}

.navbar-toggle {
	background-color: #666 !important; 
}

.icon-CARRINHO {
	font-size: 34px;
}

a:focus, a:hover {
    color: inherit !important;
    text-decoration: none;
}

div.triangulo-r {
	background-image: url(../img/tri-direito.png);
    background-position: 0% 0%;
    background-size: 100% auto;
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
    background-origin: content-box;
    display: block;
    height: 463px;
    width: 24%;
    position: absolute;
    z-index: 11;
    /* border: 1px solid #000; */
    margin-top: -178px;
    margin-left: 25%;
}


div.triangulo-l {
	background-image: url(../img/tri-esquerdo.png);
    background-position: 0% 0%;
    background-size: 100% auto;
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
    background-origin: content-box;
    display: block;
    height: 463px;
    width: 24%;
    position: absolute;
    z-index: 10;
    /* border: 1px solid #000; */
    margin-top: -175px;
    margin-left: 5px;
}

.content-home {
	display: block;
    margin-left: auto;
    margin-right: auto;
    width: 65%;
    /*border: 1px solid #999;*/
    padding: 12px;

    border-radius: 3px;
}

.element {
	float: left;
	height: 10em;
	width: 15em;
	shape-outside: circle();
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    color: #2d2828 !important;
    background-color: rgba(254, 0, 255, 0) !important;
}

.dropdown-menu {
	margin-top: 36px !important;
}


.footer {
  position: relative;
  margin-top: -150px; /* negative value of footer height */
  /*height: 150px;*/
  clear:both;
  padding-top:20px;
} 



.bt-active-hover {
	position:absolute;
	z-index: 10;
}

.triangulo-equilatero-bottom-left {
     width: 0;
     height: 0;
     border-right: 50px solid transparent;
     border-top: 50px solid transparent;
     border-left: 50px solid #f0ad4e;
     border-bottom: 50px solid #f0ad4e;
	 
    -ms-transform: rotate(7deg); /* IE 9 */
    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
    transform: rotate(7deg);
}



.esquerdo {
	height: 450px;
    /* background-color: #CCC; */
    width: 29%;
    position: absolute;
    margin-left: 2%;
    margin-top: 30px;
	
}

.direito {
    height: 450px;
    /* background-color: #CCC; */
    width: 29%;
    position: absolute;
    margin-left: 32%;
    margin-top: 3px;
	
}

.esquerdo img {
	display:none;
}

.esquerdo:hover img {
	display:block;
}

.esquerdo:hover .bt-veja-mais, 
.esquerdo:hover .texto-veja-mais {
	display:block;
}

.direito:hover .bt-escolha, 
.direito:hover .texto-escolha {
	display:block;
}

.direito img {
	display:none;
}

.direito:hover img {
	display:block;
}


.ma-footer-static {
    background: #4D4D4D none repeat scroll 0 0;
    color: #a3a3a3;
    padding-bottom: 30px;
    padding-top: 20px;
}


.footer-address {
    background: #333333 none repeat scroll 0 0;
    text-align: center;
}

.cor-icones-font-button {
	color:#B3B3B3;
}

.texto-empresa-button {
    /* line-height: 2px; */
    text-indent: 0px;
    letter-spacing: 2px;
    word-spacing: 1px;
    /* white-space: nowrap; */
    vertical-align: 1px;
    padding-bottom: 28px;
}


.footer-static-content h3 {	
	/*text-align:center;*/
	font-size: 22px;
}

.footer-static-content ul {	
/*	margin-left:60px;*/
	
	
}

.footer-static-content ul li {
	list-style-type: none;
	line-height: 45px;
}

.footer-static-content ul a {	
	color:#B3B3B3 !important;
}

.footer-static-content hr {
	width: 46px;
    margin-left: 2px;
   /* color: aquamarine !important; */
    border-top: 2px solid #C0AA92 !important;
}

.footer-static-content #hr {
	width: 46px;
    margin-left: 2px;
   /* color: aquamarine !important; */
    border-top: 2px solid #C0AA92 !important;
}

.container .hr {
	border-top: 2px solid #B3B3B3 !important;	
}

.icone {
	font-size: 90px;
	color:#847059;
	
   -webkit-transition: .3s;
    transition: .3s;
}

.posicao-texto {
	color:#847059;
	font-size: 19px;
    display: block;
    width: 205px;
    height: 50px;
    position: absolute;
    margin-top: -66px;
    margin-left: 92px;
}

.fundo-paralax {
	background-image: url(../img/fundo-paralax.png);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-clip: content-box;
	background-size: 100% auto;
	background-position: 0% 0%;
	
	height:290px;
	margin-top: 13px;
}

.row {
    margin-right: 0px !important;
    margin-left: 0 !important;
}


.ico {
	font-size: 38px;
    float: right;
    margin-right: 59px;
    margin-top: -6px;
}


.dropdown-menu {
	background-color:#C0AA92;
	color:#fff;	
	min-width: 190px !important;
	
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: rgba(0,0,0,0) !important;
}

.navbar-nav>li>.dropdown-menu {
    padding-left: 8px;
	font-size: 16px;
}

.dropdown-menu>li>a {
    color: #fff !important;
	padding: 3px 0px !important;
	font-weight:100 !important;
}

.dropdown-menu>li>a:hover {
    color: #454246 !important;
}

.bt-veja-mais {
	display: none;
    width: 117px;
    height: 50px;
    border: 2px solid #847059;
    position: absolute;
	color:#847059;
    z-index: 5;
    padding: 18px 4px 4px 4px;
    text-align: center;
    margin-top: 6%;
    margin-left: 16px;
    -webkit-transition: .3s;
    transition: .3s;
}


.bt-veja-mais:hover {
    color: #fff;
	background-color:#847059;
	cursor:pointer;
}

.texto-veja-mais {
    display: none;
    width: 189px;
    height: 50px;
    position: absolute;
    color: #333333;
    z-index: 5;
    padding: 18px 4px 4px 4px;
    margin-top: 48%;
    margin-left: 16px;
}

.texto-veja-mais h3{
	font-size:1.5em;
}



.bt-escolha {
	display: none;
    width: 100px;
    height: 100px;
    position: absolute;
    background-color: #847059;
    z-index: 5;
    padding: 4px 2px 49px 8px;
    text-align: center;
    margin-top: 115%;
    margin-left: 19%;
    border-radius: 53%;
	color: #fff;
    -webkit-transition: .3s;
    transition: .3s;
}

.bt-escolha > h4 {
	font-size: 16px;
    margin-top: 23px;		
}

.bt-escolha:hover {
	background-color:#C0AA92;
	cursor:pointer;
}

.texto-escolha {
    display: none;
    width: 189px;
    height: 50px;
    position: absolute;
    color: #333333;
    z-index: 5;
    padding: 18px 4px 4px 4px;
    margin-top: 57%;
    margin-left: 51%;
    text-align: -webkit-right;
}

.texto-escolha h3{
	font-size:1.5em;
}



@-webkit-keyframes hvr-icon-pulse-grow {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}
@keyframes hvr-icon-pulse-grow {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}


.single-banner:hover .hvr-icon-pulse-grow {
    -webkit-animation-name: hvr-icon-pulse-grow;
    animation-name: hvr-icon-pulse-grow;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}





.logo-cinza {
    width: 30%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 68px;
    display: block;
    position: relative;
    margin-bottom: 15px;
}

.conteudo-esquerdo {
    display: block;
    width: 100%;
    /*background-color: #999999;*/
    position: relative;	
    padding-top: 2px;
}

.receba-ofertas {
	display: block;
    width: 86%;
    margin-left: auto;
    padding: 5px;
    margin-right: auto;
}

.bg-cor-azul {
	 background-color: #BDD9F1;		
}

.receba-ofertas input {
	width: 83%;
    padding:4px;
    margin-bottom: 4px;
    border: 0px;
    margin-right: 2px;
}

.receba-ofertas button {
	width: 60px;
    padding:4px;
    border: 0px;
	background-color:#C0AA92;
	color:#FFF;
}

.div-curta-nossa-fanpage {
	background-image: url(../img/img-curta-nossa-fanpage.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-clip: content-box;
    width: 102.5333%;
    height: 197px;
    display: block;
}


.social-fanpage {
	font-size: 64px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 162px;
    padding-top: 62px;
    position: relative;
}

.social-fanpage a {
	color:#847059;	
}

.texto-fanpage{
	position: absolute;
    margin-left: 14px;
    margin-top: 10%;
    font-size: 26px;	
}

.hr-sobre {
    width: 95%;
    position: relative;
    margin-top: 40px;
    border-top: 2px solid #A3A3A3;
}

.texto-sobre-pet {
	letter-spacing: 1px;
    word-spacing: 0cm;
    white-space: normal;
    vertical-align: 0cm;
    text-align: justify;
    line-height: 0.6cm;
    text-indent: 26px;
    font-size: 15px;
	border: 1px dotted #de0e0e;
	padding:4px;
}


.p-texte-missao {
	letter-spacing: 1px;
    word-spacing: 0cm;
    white-space: normal;
    vertical-align: 0cm;
    text-align: right;
    line-height: 0.6cm;
    text-indent: 26px;
    font-size: 15px;	
}

.p-texte-missao { 
	border:1px dotted #999999;
	padding:3px;
	margin-top: 20px;
}

.texto-esq-maps {
    background-color: #C0AA92;
    color: #FFF;
    height: 400px;
    padding-top: 14%;
	margin-right: -15px;
    margin-left: 7px;
}

.form-contato {
	max-width: 700px;
	margin-left:auto;
	margin-right:auto;	
}

.input-control input,
.input-control textarea {
	background-color: #eaeaea;
	border-radius:0px !important; 
}


.input-control button {
	background-color: #333333;
	border-radius:0px !important;
	color:#FFF; 
}


.foto {
    width: 450px;
    margin-left: 0%;
    border: 2px solid #Ffde59;
    border-radius: 16px;
    padding: 5px;
	background: white;
}

.face {
	float: right;
    position: relative;
    margin-top: -52px;
    margin-right: -49px;
}

.cor-paleta-select {
    display: block;
    padding: 10px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    float: left;
    margin-left: 5px;
}

/*.cor-paleta-select:active {
	cursor:pointer;
	border: 9px solid #FF0000;
}*/

label {
	display: block;
    margin: 0;
}

.controles-form {
	padding: 2px;
    height: 35px;
    text-align: center;
	border: 0;
}

#quantidade {
	width:70px;
}

#tamanho {
	width:100px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance:none;
	text-align:center;
	text-align-last: center; 
	background-color:transparent;

}

.add-carrinho {
	border: 0;
    padding: 9px;	
	background-color:#C0AA92;
	color:#fff;	

}

.informacao-passe-mouse {
	font-size: 13px;
    margin-left: 107px;	
}

.produto-mais {
    border: 4px solid #Ffde59;
    border-radius: 16px;
    padding: 30px;
    background: white;
}

.carrinho {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 80%;	
}

.titulo-carrinho {
	font-size:22px;
	margin-left:5%;
    margin-bottom: -12px;
}

.remover-item-carrinho {
	
	margin-top: -6px;
    position: absolute;
    margin-left: 9px;
		
}

.linha-produto-carrinho {
	height:50px;
	padding-top: 15px;
	margin-top: 8px;

}

.foto-item-carrinho {
	width: 50px;
    margin-top: -17px;
    margin-left: 4%;
}


/* ************************ Zoom **************************** */

		.zoom {
			display:inline-block;
			position: relative;
			/*margin-left:100px;*/
			cursor: crosshair;

		}
		
		.zoom:after {
			content:'';
			display:block; 
			width:30px; 
			height:30px; 
			position:absolute; 
			top:0;
			right:0;
			/*background:url(icon.png);	*/			
		}
		
		.zoom img {
			display: block;
		}

		.zoom img::selection { background-color: transparent; }

/* ************************ Fim **************************** */

.titulo-itens-carrinho {
	background-color: #E6E7E8;
    color: #333;
    margin-bottom: 10px;
    border: 1px solid #cccccc;
    padding-bottom: 6px;
    padding-top: 12px;
	
}


#qtde-produto-carrinho {
	padding: 7px;
    margin-top: -10px;
    text-align: center;
    width: 71px;	
}


.cep-carrinho {
	width:100px;	
}

.table-cep {
	border:1px solid #CCC;
}

.cep-campo {
	width:143px;
	padding:10px;	
	border:0px;
}

.calc-frete {
	padding: 0px 5px 0px 5px;
	width:120px;
	border:0;
	color:#fff;
	background-color:#4D4D4D;	
}

.hr-carrinho {
	border-top: 2px solid #A3A3A3;
    width: 300px;
    margin-right: 0;	
}

.finalizar {
	width: 315px;
    padding: 12px 8px 8px 7px;
    border: 0;
    background-color: #33CC33;
    color: #fff;
    margin-right: -15px;	
	margin-left: 9px;
}

.continuar {
	width: 216px;
    padding: 12px 8px 8px 7px;
    border: 0;
    background-color: #4D4D4D;
    color: #fff;	

}

.cep ul li {
    padding: 7px;
    background-color: #63625f;
    text-align: center;
    border-radius: 7px;
    color: white;
	margin-bottom: 11px;	
}

.cep ul li:hover {
    background-color: #49bb61;
	cursor:pointer;
}

.cep ul li h3 {
	padding:0;
	margin:0;	
}

.cep ul li:active {
	background-color: #3b884b !important;
}


.load {
    position: relative;
    margin-left: 80%;
}


.select-cep {
	background-color:#063 !important;

}

.total {
    font-size: 29px;	
}



.list-group-item {
    position: relative;
    display: block;
    padding: 3px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 0;
}

.foto-grupo {
    /* border: 4px solid #e500c4; */
    height: 257px;
    /* background-color: #e500c4; */
    border-radius: 10%;
}

.font-descricao {
    font-size: 14px;
    display: block;
    height: 27px;
    text-align: center;
    margin-top: 5px;
    color: #333;
}

de {
    font-size: 12px;
    position: absolute;
    margin-left: -20px;
}

.desconto {
    text-decoration: line-through;
    font-size: 16px !important;
    font-weight: 100;
    color: #c61010 !important;
    text-align: center;
    margin-bottom: 34px;
    background-color: #fffdfec2;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 6px;
    padding: 5px;
}

.desconto-h1 {
    font-weight: 200;
    font-size: 30px;
    color: #0C3;
    text-align: center;
    margin-bottom: 5px;
}

.font-h1 {
    font-weight: 100;
    font-size: 27px;
    color: #666;
    text-align: center;
    margin-bottom: 19px;
}

.descricao-prod {
    font-size: 20px !important;
    /* background-color: #ebc52a; */
    border-radius: 27px;
    color: #6c6c6a;
    padding: 6px;
    margin-top: -9px;
    margin-left: 5px;
    margin-right: 5px;
    /* padding-bottom: 12px; */
    display: contents;
}

.coluna-produto:hover {
    -webkit-box-shadow: 1px 1px 7px -1px #000000;
    box-shadow: 2px 2px 4px -1px #000000;
}

.list-group {
    padding-left: 0;
    height: auto;	
}

.foto-produro {
	margin-left: auto;
    margin-right: auto;
    display: block;
    width: 200px;
}

.qtde-carrinho {
	background-color: #C0AA92;
    padding: 10px;
    border-radius: 50%;
    width: 32px;
    height: 31px;
    display: none;
    color: #333333;
    font-size: 20px;
    line-height: 10px;
	text-align:center;
    position: absolute;
	margin-left: 6px;
    margin-top: 1px;
}


.hr-categoria {
	width: 95%;
    position: relative;
    margin-top: 4px;
    border-top: 2px solid #A3A3A3;	
}


.cor-select {
	border: 9px solid #1ccc3a;
}

.produto_lista {
    display: grid;
    float: left;
    width: 815px;
}
.passed {
	background-color: #46a755;
    padding: 6px;
    margin-top: 7px;
    display: block;
    border-radius: 6px;
    color: white;	
	width: fit-content;
}

.erro {
	background-color: #ce1212;
    padding: 6px;
    margin-top: 7px;
    display: block;
    border-radius: 6px;
    width: fit-content;
    color: white;
}

.btn.focus, .btn:focus, .btn:hover {
    color: #FFF !important;
    text-decoration: none;
}


.titulo_linha {
	display: inline-block;
    width: 100%;	
}
.foto-produro > img {
    width: 100%;
}

.coluna-produto {
    display: block;
    width: 252px;
    margin-left: 14px;
    float: left;
    height: 400px;
    border: 1px solid #0000004f;
    margin-bottom: 9px;
    border-radius: 3px;
    -webkit-transition: 0.2s ease-in;
    -moz-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    transition-property: all;
}