@import url('https://fonts.googleapis.com/css?family=Anton|Raleway|Righteous|Roboto|Shadows+Into+Light&display=swap');

.stck {padding:5px;}
.stck img {min-width: 50px !important;}
.sc-video{width:100%!important;}

/* <= 576px */
.stck img.in-mobile {}
@media (max-width:575.98px) {img.in-mobile{min-width: 70%!important;width: 70%!important;}}
/* <= 576px */

.stckbanner img.descer {margin-bottom:0px;} /* veja 'edit-off.css' */
.stck img.arredondar {border-radius: 50%;box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.81);}
.stck img.animate__animated.animate__flash.efectloop {}
.stck img.animate__animated.animate__bounce.efectloop {}
.stck img.animate__animated.animate__shakeY.efectloop {}
.efectloop {animation-duration: 3.5s!important;animation-iteration-count: infinite!important;}

.stck p.tipo1,
.stck h1.tipo1,
.stck h2.tipo1,
.stck h3.tipo1,
.stck h4.tipo1,
.stck h5.tipo1,
.stck h6.tipo1 {font-family: 'Raleway', sans-serif;}

.stck p.tipo2,
.stck h1.tipo2,
.stck h2.tipo2,
.stck h3.tipo2,
.stck h4.tipo2,
.stck h5.tipo2,
.stck h6.tipo2 {font-family: 'Anton', sans-serif;}

.stck p.tipo3,
.stck h1.tipo3,
.stck h2.tipo3,
.stck h3.tipo3,
.stck h4.tipo3,
.stck h5.tipo3,
.stck h6.tipo3 {font-family: 'Shadows Into Light', cursive;}

.stck p.tipo4,
.stck h1.tipo4,
.stck h2.tipo4,
.stck h3.tipo4,
.stck h4.tipo4,
.stck h5.tipo4,
.stck h6.tipo4 {font-family: 'Righteous', cursive;}

.stck p.mini,
.stck h1.mini,
.stck h2.mini,
.stck h3.mini,
.stck h4.mini,
.stck h5.mini,
.stck h6.mini {font-size: 0.8rem!important;}

.stck p.lead,
.stck h1.lead,
.stck h2.lead,
.stck h3.lead,
.stck h4.lead,
.stck h5.lead,
.stck h6.lead {}

.stck p.risco,
.stck h1.risco,
.stck h2.risco,
.stck h3.risco,
.stck h4.risco,
.stck h5.risco,
.stck h6.risco {text-decoration: line-through;}

.stck p.riscocolor,
.stck h1.riscocolor,
.stck h2.riscocolor,
.stck h3.riscocolor,
.stck h4.riscocolor,
.stck h5.riscocolor,
.stck h6.riscocolor {text-decoration: line-through;color:#f96262!important;}

/* BTN BOOTSTRAP*/
.stck h6.btn.btn-success.rounded-0.my-3{}
.stck h6.btn.btn-block.btn-success.rounded-0.my-3{margin: 0px!important;}

.stck h6.btn.btn-info.rounded-0.my-3{}
.stck h6.btn.btn-block.btn-info.rounded-0.my-3{margin: 0px!important;}

.stck h6.btn.btn-primary.rounded-0.my-3{}
.stck h6.btn.btn-block.btn-primary.rounded-0.my-3{margin: 0px!important;}

.stck h6.btn.btn-danger.rounded-0.my-3{}
.stck h6.btn.btn-block.btn-danger.rounded-0.my-3{margin: 0px!important;}

.stck h6.btn.btn-warning.rounded-0.my-3{}
.stck h6.btn.btn-block.btn-warning.rounded-0.my-3{margin: 0px!important;}

.stck h6.btn.btn-success.icon.whatsapp.rounded-0.my-3{}
.stck h6.btn.btn-block.btn-success.icon.whatsapp.rounded-0.my-3{margin: 0px!important;}

.stck h6.btn.btn-success.icon.carrinho.rounded-0.my-3{}
.stck h6.btn.btn-block.btn-success.icon.carrinho.rounded-0.my-3{margin: 0px!important;}

.stck h6.btn.btn-info.icon.download.rounded-0.my-3{}
.stck h6.btn.btn-block.btn-info.icon.download.rounded-0.my-3{margin: 0px!important;}

.stck h6.btn.btn-info.icon.contato.rounded-0.my-3{}
.stck h6.btn.btn-block.btn-info.icon.contato.rounded-0.my-3{margin: 0px!important;}

/**
 * Adiciona o atributo "position" com o valor "relative".
 * É utilizado para manter a tag "a" dentro do botão, que
 * utilizará o atributo "position" com o valor "absolute".
 */
.stck h6.btn {position: relative;}

/**
 * Expande a pseudo classe "after" do link para toda a extenção
 * horizontal e vertical do elemento pai (por isso o uso do valor
 * relative na tag superior), fazendo com que a tag "a" se torne
 * clicável em toda a extenção.
 */
.stck h6.btn > a::after {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
}
/* BTN BOOTSTRAP*/


ul.lista1,
ul.lista2,
ul.lista3,
ul.lista4,
ul.lista5 {
	list-style: none!important;
	-webkit-margin-before: 0.3em!important;
	-webkit-margin-after: 0.3em!important;
}

.lista1 li::before,
.lista2 li::before,
.lista3 li::before,
.lista4 li::before,
.lista5 li::before {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	margin-right: 0.5em;
}

.stck ul.lista1 {}
.lista1 li::before {
	font-family: "Font Awesome 5 Free";
	content: "\f00c";
	font-weight: 900;
}

.stck ul.lista2 {}
.lista2 li::before {
	font-family: "Font Awesome 5 Free";
	content: "\f14a";
	font-weight: 300;
}

.stck ul.lista3 {}
.lista3 li::before {
	font-family: "Font Awesome 5 Free";
	content: "\f105";
	font-weight: 900;
}

.stck ul.lista4 {}
.lista4 li::before {
	font-family: "Font Awesome 5 Free";
	content: "\f0da";
	font-weight: 900;
}

.stck ul.lista5 {}
.lista5 li::before {
	font-family: "Font Awesome 5 Free";
	content: "\f124";
	font-weight: 900;
}

/* https://fontawesome.com/how-to-use/on-the-web/advanced/css-pseudo-elements */
.icon::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.5em;
}

.stck p.icon.youtube {}
.youtube::before {font-family: "Font Awesome 5 Brands"; content: "\f167";}
.stck p.icon.facebook {}
.facebook::before {font-family: "Font Awesome 5 Brands"; content: "\f082";}
.stck p.icon.twitter {}
.twitter::before {font-family: "Font Awesome 5 Brands"; content: "\f099";}
.stck p.icon.instagram {}
.instagram::before {font-family: "Font Awesome 5 Brands"; content: "\f16d";}
.stck p.icon.whatsapp{}
.whatsapp::before {font-family: "Font Awesome 5 Brands"; content: "\f232";}
.stck p.icon.telegram {}
.telegram::before {font-family: "Font Awesome 5 Brands"; content: "\f3fe";}
.stck p.icon.mapa{}
.mapa::before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f5a0";}
.stck p.icon.like {}
.like::before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f164";}
.stck p.icon.telefone {}
.telefone::before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f095";}
.stck p.icon.celular {}
.celular::before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f3cd";}
.stck p.icon.email {}
.email::before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0e0";}
.stck p.icon.contato{}
.contato::before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f590";}
.stck p.icon.loja {}
.loja::before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f54e";}
.stck p.icon.desconto {}
.desconto::before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f295";}
.stck p.icon.dinheiro {}
.dinheiro::before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0d6";}
.stck p.icon.lista {}
.lista::before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f46d";}
.stck p.icon.tag {}
.tag::before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f02c";}
.stck p.icon.carrinho {}
.carrinho::before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f07a";}
.stck p.icon.credito {}
.credito::before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f09d";}
.stck p.icon.motoboy {}
.motoboy::before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f21c";}
.stck p.icon.estrelas {}
.estrelas::before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f005 \f005 \f005 \f005 \f005";}
.stck p.icon.certificado {}
.certificado::before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f559";}
.stck p.icon.cracha {}
.cracha::before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f47f";}
.stck p.icon.time {}
.time::before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f017";}
.stck p.icon.mei {}
.mei::before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f508";}
.stck p.icon.download {}
.download::before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f019";}