body {
	margin: 0 !important;
	font-family: 'Chewy', cursive !important;
}

p {
	font-family: sans-serif;
}
.navbar {
  background-color: #CA0014;
  /*background-color: #6E0007;*/
  /*background-color: #E4D761;*/
  /*background-image: url(../imgs/grade.jpg);
	background-position: top center;*/
}
@media (min-width: 768px) {
.padesq {
	margin-left: 15px;
	width: 90px;
}
.paddir {
	margin-right: 15px;
	width: 90px;
}
}

.bkg {
  background-attachment: fixed;
  background-size: cover;
  background-position: top center;
  height: 100vh;
}

.nav-item .nav-link {
  background-color: white;
  border-radius: 12px;
	color: #6E0007;
	font-size: 18px;
  transition: 0.5s;
}

.nav-item .nav-link:hover {
  background-color: #6E0007;
  color: white !important;
}

.nav-item .activ {
  background-color: #6E0007 !important;
  color: white !important;
}

.slider {
	width: 100%;
  padding-top: 11vh;
}
@media (min-width: 1024px) {
  .slider {
    height: 100vh;
  }
}
.navbar-brand .logotopo {
	height: 11vh;
}
.carrinhosec {
  background-color: #FFF99A;
}
@media (min-width: 1024px) {
  .carrinhosec {
    display: table;
    background-size: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    width: 100%;
    height: max-content;
    /*top: calc(-100vh / 7);*/
    top: -6vh;
    position: relative;
    z-index: 2;
  }
}
@media (min-width: 1024px) and (max-width: 1914px) {
	.carrinhosec {
		background-color: rgb(255,255,255,0);
    background-image: url(../imgs/contents/cont1.png);
	}
}
@media (min-width: 1915px) and (max-width: 2700px) {
  .carrinhosec {
    background-color: rgb(255,255,255,0);
    background-image: url(../imgs/contents/cont1-maior2.png);
  }
}
table, tr, td {
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
}
tr, td {
	padding: 10px;
}
@media (min-width: 1024px) {
  .espacinicont {
    padding-top: 22vh;
  }
  .titulo {
  font-size: 50px;
  }
  .espaccim {
  padding-top: 5vh;
  }
  .txtcar {
  padding-top: 5vh;
  }
  p {
  font-size: 20px;
  }
  .carrinho {
  padding-bottom: 22vh;
  }
}
@media (max-width: 1023px) {
.espacinicont {
	padding-top: 2vh;
}
.espaccim {
  padding-top: 1vh;
}
}

.carrinho {
	width: 100%; /* VERIFICAR ISSO */
}
@media (min-width: 1024px) {
.calltoaction {
	display: block; 
	width: 100%;
	/*top: calc(-100vh / 3);*/
	/*top: -32vh;*/
    position: relative;
    z-index: 3;
    background-color: rgb(255,255,255,0);
}
}
@media (min-width: 1024px) and (max-width: 1914px) {
  .calltoaction::before {
    content: " ";
    display: block;
    position: absolute;
    top: -23vh;
    z-index: 98;
    width: 100%;
    height: 23vh;
    background: url(../imgs/contents/cont2.png) no-repeat center top;
  }
}
@media (min-width: 1915px) and (max-width: 2700px) {
  .calltoaction::before {
    content: " ";
    display: block;
    position: absolute;
    top: -26vh;
    z-index: 98;
    width: 100%;
    height: 26vh;
    background: url(../imgs/contents/cont2-maior.png) no-repeat center top;
  }
}
.espactit {
	padding-top: 2vh;
}
.picole {
	width: 100%;
	padding-bottom: 3vh;
}
.map {
	width: 100%;
	display: block;
    position: relative;
    /*top: calc(-100vh / 3);*/
    /*top: -32vh;*/
	z-index: 5;
}
.botaomapa {
	background-color: #D70017;
	padding: .375rem .75rem;
	border-radius: 10px;
	color: white;
	font-family: 'Chewy', cursive !important;
	float: none !important;
}
.botaomapa:hover {
	color: white;
	text-decoration: none;
}
.navegation {
	padding-top: 2vh;
}
.navegacao {
	padding: 0px;

}
.fonte {
	font-family: 'Chewy', cursive !important;
	font-size: 22px;
}
.navegation div p {
	font-family: 'Chewy', cursive !important;
	margin-bottom: 0 !important;
	font-size: 1.6rem;
	color: white;
}
.navegacao li {

	list-style: none;
}
.navegacao li a {
	font-size: 1.3rem;
	color: white;
}
.navegacao li a:hover {
	color: black;
	text-decoration: none;
}
.footer {
	display: block;
	background-color: #D70017;
	position: relative;
	z-index: 6;
	/*top: calc(-100vh / 2.95);*/
}
.divisor {
	background-color: black;
	width: 1px;
	height: 100px;
}
.socialicon {
	color: white;
	font-size: 30px;
}
.socialicon:hover {
	color: black;
	text-decoration: none;
}
.copyr {
	font-family: 'Chewy', cursive !important;
  margin: 0;
}
.desenv {
	font-size: 15px;
	font-family: 'Chewy', cursive !important;
  margin: 0;
  line-height: 28px;
}
.desenv a {
	color: rgb(255,255,255, 0.5);
	transition: 0.5s;
}
.desenv a:hover {
	color: #FCC92A;
	text-decoration: none;
}
.bodsobre {
	background-color: #EDEBE2;
}
.sobre {
	padding-top: 17vh;
}
.pdbot {
	padding-bottom: 5vh;
}
.prodsec {
	padding-top: 15vh;
	background-color: #EBEBDF;
}
.bkgdcat {
	background-image: url(../imgs/produtos/categorias.png);
	background-size: 100%;
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
	transform: rotate(-5deg);
}

.catbtn {
	text-decoration: none;
	color: black;
	font-size: 22px;
}
.catbtn:hover {
	text-decoration: none;
	color: #D70017;
}
.espaccat {
	padding-top: 32%;
	padding-left: 15%;
}
.img-fluid {
	border-radius: 9px;
}
.contact {
	padding-top: 15vh;
}
.textocont {
	text-decoration: none;
	color: black;
}
.textocont:hover {
	color: #D70017;
	text-decoration: none;
}
.textocont p {
	margin-top: 3vh;
	font-family: 'Chewy', cursive !important;
	font-size: 23px;
}
.textocont i {
	font-size: 30px;
}
.pdtopcont {
	margin-top: 3vh;
}
.btnenvia {
	color: white;
	background-color: #D70017;
	border-color: #D70017;
	width: 100%;
}
.btnenvia:active {
	color: #D70017;
	background-color: white;
	border-color: white;
}
.form-group textarea {
	resize: none;
	height: 190px;
}
.lojas {
	margin-top: 2vh;
}
.bordinha {
	border: 0.1px solid black !important;
}
.bordinha p {
	line-height: 100%;
}
#cat4 {
	line-height: 1em;
}
.btncarrinho {
  background-color: #D70017;
  padding: .375rem .75rem;
  border-radius: 10px;
  color: white;
  font-family: 'Chewy', cursive !important;
  float: none !important;
}
.btncarrinho:hover {
  color: white;
  text-decoration: none;
}

.footcredit {
  height: max-content;
  background-color: #A60011;
  color: rgb(255,255,255, 0.5);
}

@media (max-width: 767px) {

  .disp {
    display: none;
  }
}
@media (max-width: 991px) {
  .sumapeq {
    display: none;
  }
}
                            
@media (max-width: 991px) {
  .nav-item {
    margin-bottom: 2px !important;
}
}

@media (min-width: 992px) and (max-width: 1199px) {
  .catbtn {
    font-size: 17px;
  }
}



@media (min-width: 1024px) {
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  opacity: 0;
  transition: 0.5s;
}
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftss {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  50% {
  	opacity: 0.5;
  	transform: rotate(20deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transform: rotate(0deg);
  }
}

@keyframes fadeInLeftss {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  50% {
  	opacity: 0.5;
  	transform: rotate(20deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transform: rotate(0deg);
  }
}

.fadeInLeftss {
  -webkit-animation-name: fadeInLeftss;
  animation-name: fadeInLeftss;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  opacity: 1;
}




.filter-button
{
    background-color: #E1001B;
    font-size: 18px;
    border-radius: 5px;
    text-align: center;
    color: white;
    margin-bottom: 30px;

}
.filter-button:hover
{
    font-size: 18px;
    border-radius: 5px;
    text-align: center;
    color: #E1001B;
    background-color: white;

}
.port-image
{
    width: 100%;
}
.gallery_product
{
    margin-bottom: 30px;
}

.textendereco {
  font-size: 0.9em;
}



/*
.calltoaction {
	
}
.calltoactiondivisor {
	background-image: url(../imgs/contents/cont2.png);
	background-size: cover;
	background-position: center;
	width: 100%;
	min-height: 219px;
	top: 160vh;
	position: absolute;
	z-index: 3;
}*/