article, aside, details, figcaption, footer, header, hgroup, main, nav, section, summary { display:block; }
figure {
  display:block;
  margin:0;
}
audio, canvas, video {
  display:inline-block;
  vertical-align:middle;
}
audio:not([controls]) {
  display:none;
  height:0;
}
[hidden], template { display:none; }
html {
  font-family:sans-serif;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
  color:#222222;
  font-size:1em;
  line-height:1.4;
}
body { margin:0; }
a {
  background:transparent;
  outline:none !important;
}
a:link { text-decoration:none; }
a:visited { text-decoration:none; }
a:hover { text-decoration:none; }
a:focus { outline:thin dotted; }
a:active, a:hover { outline:0; }
h1 {
  font-size:2em;
  margin:0.67em 0;
}
abbr[title] { border-bottom:1px dotted; }
b, strong { font-weight:bold; }
dfn { font-style:italic; }
hr {
  -moz-box-sizing:content-box;
  box-sizing:content-box;
  height:0;
  height:1px;
  display:block;
  border:0;
  border-top:1px solid #cccccc;
  margin:1em 0;
  padding:0;
}
mark {
  background:#ffff00;
  color:#000000;
}
code, kbd, samp {
  font-family:monospace, serif;
  font-size:1em;
}
pre {
  font-family:monospace, serif;
  font-size:1em;
  white-space:pre-wrap;
}
q { quotes:"\201C" "\201D" "\2018" "\2019"; }
small { font-size:80%; }
sub {
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline;
  bottom:-0.25em;
}
sup {
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline;
  top:-0.5em;
}
img {
  border:0;
  border:none;
  vertical-align:middle;
}
svg:not(:root) { overflow:hidden; }
fieldset {
  border:1px solid #c0c0c0;
  border:none;
  border:0;
  margin:0 2px;
  margin:0;
  padding:0.35em 0.625em 0.75em;
  padding:0;
}
legend {
  border:0;
  padding:0;
}
button {
  font-family:inherit;
  font-size:100%;
  margin:0;
  line-height:normal;
  text-transform:none;
  -webkit-appearance:button;
  cursor:pointer;
  color:#222222;
}
input {
  font-family:inherit;
  font-size:100%;
  margin:0;
  line-height:normal;
  color:#222222;
}
select {
  font-family:inherit;
  font-size:100%;
  margin:0;
  text-transform:none;
  color:#222222;
}
textarea {
  font-family:inherit;
  font-size:100%;
  margin:0;
  overflow:auto;
  vertical-align:top;
  color:#222222;
  resize:vertical;
}
html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance:button;
  cursor:pointer;
}
button[disabled], html input[disabled] { cursor:default; }
input[type="checkbox"], input[type="radio"] {
  box-sizing:border-box;
  padding:0;
}
input[type="search"] {
  -webkit-appearance:textfield;
  -moz-box-sizing:content-box;
  -webkit-box-sizing:content-box;
  box-sizing:content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance:none; }
button::-moz-focus-inner, input::-moz-focus-inner {
  border:0;
  padding:0;
}
table {
  border-collapse:collapse;
  border-spacing:0;
  border:none;
}
* {
  margin:0;
  margin:0px;
  padding:0;
  padding:0px;
  list-style:none;
  outline:0;
  outline:none !important;
  font-family:'Lato', sans-serif;
}
input[placeholder], [placeholder], *[placeholder] { color:#ffffff; }
::-moz-selection {
  background:#b3d4fc;
  text-shadow:none;
}
::selection {
  background:#b3d4fc;
  text-shadow:none;
}
.ir {
  background-color:transparent;
  border:0;
  overflow:hidden;
  *text-indent:-9999px;
}
.ir:before {
  content:"";
  display:block;
  width:0;
  height:150%;
}
.hidden {
  display:none !important;
  visibility:hidden;
}
.visuallyhidden {
  border:0;
  clip:rect(0 0 0 0);
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip:auto;
  height:auto;
  margin:0;
  overflow:visible;
  position:static;
  width:auto;
}
.invisible { visibility:hidden; }
.clearfix:before {
  content:" ";
  display:table;
}
.clearfix:after {
  content:" ";
  display:table;
  clear:both;
}
.clearfix { *zoom:1; }
.clear {
  clear:both;
  display:block;
  overflow:hidden;
  visibility:hidden;
  width:0;
  height:0;
}
.center-block {
  margin-right:auto;
  margin-left:auto;
}
.border-radius {
  -webkit-border-radius:;
  -khtml-border-radius:;
  -moz-border-radius:;
  -ms-border-radius:;
  -o-border-radius:;
  border-radius:;
}
.border-top-radius {
  border-top-right-radius:;
  border-top-left-radius:;
}
.border-right-radius {
  border-bottom-right-radius:;
  border-top-right-radius:;
}
.border-bottom-radius {
  border-bottom-right-radius:;
  border-bottom-left-radius:;
}
.border-left-radius {
  border-bottom-left-radius:;
  border-top-left-radius:;
}
.box-sizing {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
}
.box-shadow {
  -webkit-box-shadow:;
  -moz-box-shadow:;
  box-shadow:;
}
.text-shadow {
  -webkit-text-shadow:;
  -moz-text-shadow:;
  text-shadow:;
}
.opacity {
  -webkit-opacity:;
  -moz-opacity:;
  opacity:;
  -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter:alpha(opacity=0);
}
.transition {
  -webkit-transition:;
  -moz-transition:;
  -ms-transition:;
  -o-transition:;
  transition:;
}
.transition-property {
  -webkit-transition-property:;
  transition-property:;
}
.transition-delay {
  -webkit-transition-delay:;
  transition-delay:;
}
.transition-duration {
  -webkit-transition-duration:;
  transition-duration:;
}
.transition-transform {
  -webkit-transition:-webkit-transform ;
  -moz-transition:-moz-transform ;
  -o-transition:-o-transform ;
  transition:transform ;
}
.scale {
  -webkit-transform:scale(0);
  -webkit-transform:scale(0,0);
  -ms-transform:scale(0);
  -ms-transform:scale(0,0);
  transform:scale(0);
  transform:scale(0,0);
}
.rotate {
  transform:rotate(0);
  -ms-transform:rotate(0);
  -webkit-transform:rotate(0);
}
@import url("https://fonts.googleapis.com/css?family=Lato:400,700,900");
.icon-acessiblidade {
  width:100px;
  position:absolute;
  z-index:999999999999999999999;
  top:0px;
  background:url(../images/acessibilidade.jpg) left center no-repeat;
  height:40px;
  padding-left:35px;
  color:#ec0002;
  display:block;
  font:700 15px/40px Arial, sans-serif;
  letter-spacing:0 !important;
  text-decoration:none;
}
.accessibility-top {
  position:fixed;
  top:-999px;
  left:0px;
  display:block;
  background:#fc3937;
  color:#ffffff;
  z-index:999999;
  padding:10px;
}
.accessibility-top:focus { top:0px; }
#master {
  width:100%;
  float:left;
  overflow:hidden;
}
.container {
  width:960px;
  margin:0 auto;
}
.ip-main #home {
  width:100%;
  float:left;
  margin-top:-100px;
  padding-top:100px;
}
.ip-main #header {
  height:85px;
  /*background:#ba231c;*/
  background:url('../images/header.jpg');
  width:100%;
  float:left;
}
.ip-main #menu {
  width:100%;
  background:#ffffff;
  float:left;
  height:50px;
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  -ms-transition:all .3s;
  -o-transition:all .3s;
  transition:all .3s;
}
.ip-main #menu .menu-mobile { display:none; }
.ip-main #menu ul {
  width:881px;
  float:left;
  margin-left:149.5px;
}
.ip-main #menu ul li {
  float:left;
  list-style:none;
}
.ip-main #menu ul li a {
  line-height:50px;
  font-size:14px;
  color:#b8120b;
  padding:0 25px;
  height:50px;
  float:left;
  font-weight:700;
  text-align:center;
  z-index:99;
  position:relative;
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  -ms-transition:all .3s;
  -o-transition:all .3s;
  transition:all .3s;
}
.ip-main #menu ul li a:hover {
  color:#fff;
  background:url('../images/header.jpg');
}
.ip-main #menu ul li a:hover:after {
  content: "";
  position: absolute;
  top: 50px; /* <-- change value to better position */
  left: 36%; /* centers the element's left edge */
  margin-left: -15px; /* <-- moves it back half it's own width */
  width: 0px; /* <-- don't need unit on 0 */
  height: 0px; /* <-- don't need unit on 0 */
  margin: 0px auto; /* <-- eliminate, use above margin */
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #a60c10; /* <-- change to bottom for up arrow */
}
.ip-main #menu ul li a.active {
  background:url(../images/active-menu.png) top -5px center;
  color:#ffffff;
  height:59px;
}
.ip-main #menu.fixed {
  position:fixed;
  top:0px;
  height:40px;
  z-index:9999;
  -webkit-box-shadow:0px 4px 26px -13px rgba(0,0,0,0.65);
  -moz-box-shadow:0px 4px 26px -13px rgba(0,0,0,0.65);
  box-shadow:0px 4px 26px -13px rgba(0,0,0,0.65);
}
.ip-main #menu.fixed ul li a {
  line-height:40px;
  padding:0 25px;
  height:40px;
}
.ip-main #menu.fixed ul li a.active {
  height:55px;
  background:url(../images/active-menu.png) top -15px center no-repeat;
}
.ip-main #banner-interna {
  width:100%;
  float:left;
  margin-top:-1px;
}
.ip-main #banner-interna img { width:100%; }
.ip-main #banner {
  /*background:#0000ff;*/
  width:100%;
  float:left;
  margin-top:-1px;
  opacity:0;
  max-height:771px;
}
.ip-main #banner .item {
  width:100%;
  float:left;
}
.ip-main #banner .item img {
  width:100%;
  max-width:100%;
}
.ip-main #banner .owl-controls {
  width:100%;
  text-align:center;
}
.ip-main #banner .owl-controls .owl-dots {
  bottom:10px;
  position:absolute;
  z-index:99999;
  width:100%;
  text-align:center;
}
.ip-main #banner .owl-controls .owl-dots .owl-dot { display:inline-block; }
.ip-main #banner .owl-controls .owl-dots .owl-dot span {
  backface-visibility:visible;
  display:block;
  font-style:italic;
  font-weight:bold;
  height:15px;
  margin:5px 7px;
  text-align:center;
  text-shadow:1px 1px #960000;
  transition:opacity 200ms ease 0s;
  width:15px;
  border:2px solid #ffffff;
}
.ip-main #banner .owl-controls .owl-dots .owl-dot.active span { background:#ffffff; }
.ip-main #receitas {
  width:100%;
  float:left;
  position:relative;
  padding:25px 0 0 0;
}
.ip-main #receitas #receitas_index {
  margin-top:30px;
  width:100%;
}
.ip-main #receitas .select-categoria {
  width:195px;
  background:#960000;
  float:left;
  z-index:48;
  position:relative;
  height:35px;
  margin:20px 0 50px 385px;
  text-transform:uppercase;
  font-weight:700;
}
.ip-main #receitas .select-categoria .click-categoria {
  line-height:50px;
  line-height:33px;
  color:#ffffff;
  padding:10px;
  font-size:18px;
  font-weight:700;
  font-weight:17px;
  width:100%;
  height:50px;
  float:left;
  background:#960000 url(../images/sprite-arrow.png) right -52px top 3px no-repeat;
}
.ip-main #receitas .select-categoria ol {
  padding-top:0px;
  padding-bottom:10px;
  width:100%;
  position:absolute;
  z-index:18;
  top:50px;
  display:none;
  background:#960000;
}
.ip-main #receitas .select-categoria ol li { padding:10px; }
.ip-main #receitas .select-categoria ol li a {
  color:#ffffff;
  width:100%;
  float:left;
  padding:10px 0;
}
.ip-main #receitas .select-categoria ol li a:hover { color:#ffde00; }
.ip-main #receitas h2 {
  text-align:center;
  color:#212121;
  font-size:37px;
  text-transform:uppercase;
}
.ip-main #receitas #preloader {
  width:960px;
  height:300px;
  position:absolute;
  top:250px;
  z-index:2;
  text-align:center;
  opacity:0;
  color:#960000;
  font-size:28px;
}
.ip-main #receitas ul {
  width:103%;
  float:left;
}
.ip-main #receitas ul li {
  opacity:0;
  width:30%;
  float:left;
  height:170px;
  margin-bottom:3%;
  background:#000000;
  background:#ffffff url(../images/loader-receitas.gif) center center no-repeat;
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  -ms-transition:all .3s;
  -o-transition:all .3s;
  transition:all .3s;
  margin-right:3%;
  position:relative;
}
.ip-main #receitas ul li img {
  width:100%;
  position:absolute;
  z-index:2;
}
.ip-main #receitas ul li h3 {
  z-index:11;
  width:90%;
  bottom:5%;
  color:#ffffff;
  left:5%;
  font-size:18px;
  font-weight:700;
  text-align:center;
  position:absolute;
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  -ms-transition:all .3s;
  -o-transition:all .3s;
  transition:all .3s;
  text-transform:uppercase;
}
.ip-main #receitas ul li .image {
  width:100%;
  height:170px;
  overflow:hidden;
  position:absolute;
}
.ip-main #receitas ul li .icon-receita {
  width:40px;
  height:40px;
  background:#960000;
  left:50%;
  z-index:12;
  margin-left:-17.5px;
  position:absolute;
  top:-17.5px;
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  -ms-transition:all .5s;
  -o-transition:all .5s;
  transition:all .5s;
}
.ip-main #receitas ul li .overlay {
  width:100%;
  height:170px;
  background:url(../images/overlay.png) bottom -50px center no-repeat;
  position:absolute;
  left:0;
  z-index:10;
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  -ms-transition:all .3s;
  -o-transition:all .3s;
  transition:all .3s;
}
.ip-main #receitas ul li:hover {
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  -ms-transition:all .3s;
  -o-transition:all .3s;
  transition:all .3s;
}
.ip-main #receitas ul li:hover .overlay {
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  -ms-transition:all .3s;
  -o-transition:all .3s;
  transition:all .3s;
  background:url(../images/overlay.png) bottom 0px center no-repeat;
}
.ip-main #receitas ul li:hover h3 { bottom:8%; }
.ip-main #receitas ul li:hover .icon-receita { top:10.5px; }
.ip-main #receitas .align-center {
  width:100%;
  float:left;
  text-align:center;
  margin:5px 0 25px 0;
}
.ip-main #receitas .align-center a {
  margin:0 10px;
  padding:10px 25px;
  background:#960000;
  color:#ffffff;
  text-transform:uppercase;
  font-size:13px;
  font-weight:900;
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  -ms-transition:all .3s;
  -o-transition:all .3s;
  transition:all .3s;
}
.ip-main #receitas .align-center a:hover { background:#ba231c; }
.ip-main #conheca {
  width:100%;
  float:left;
  /*padding:45px 0 25px 0;*/
  padding:25px 0 0 0;
  text-align:center;
}
.ip-main #conheca h2 {
  text-align:center;
  color:#212121;
  font-size:37px;
  margin:10px 0;
  text-transform:uppercase;
}
.ip-main #conheca h3 {
  text-align:center;
  color:#ba231c;
  margin:10px 0;
  font-size:26px;
  text-transform:uppercase;
}
.ip-main #conheca h4 {
  text-align:center;
  color:#636363;
  margin:0 0 12px 0;
  font-size:22px;
}
.ip-main #conheca a {
  padding:10px 15px;
  background:#ffde00;
  color:#960000;
  /*margin:15px 0;*/
  margin:15px 50px 15px 193px;
  display:inline-block;
  text-transform:uppercase;
  font-size:13px;
  font-weight:900;
}
.ip-main #conheca .selo {
  width:145px;
}
.ip-main #conheca .comouso {
  margin:-35px 0 10px 0;
}
.ip-main #conheca p {
  margin-bottom:15px;
  color:#636363;
  font-weight:100;
}
.ip-main #conheca ul {
  width:100%;
  float:left;
  margin:25px 0;
}
.ip-main #conheca ul li {
  float:left;
  width:25%;
  text-align:center;
}
.ip-main #conheca ul li p {
  color:#636363;
  /*font-size:14px;*/
  font-size:16px;
  /*margin-top:10px;*/
  margin:10px auto 0;
  font-weight:100;
}
.ip-main #conheca ul li:nth-child(4) p {
  width:50%;
}
.ip-main #conheca ul li img {
  /*width:80%;*/
  max-height:90px;
}
.ip-main #acessibilidade {
  width:100%;
  float:left;
  padding:45px 0 25px 0;
  text-align:center;
}
.ip-main #acessibilidade h2 {
  text-align:center;
  color:#212121;
  font-size:30px;
  margin:10px 0;
  text-transform:uppercase;
}
.ip-main #acessibilidade h3 {
  text-align:center;
  color:#ba231c;
  margin:10px 0;
  font-size:22px;
  text-transform:uppercase;
}
.ip-main #acessibilidade h4 {
  text-align:center;
  color:#636363;
  margin:0 0 12px 0;
  font-size:22px;
}
.ip-main #acessibilidade .btn {
  padding:10px 15px;
  background:#960000;
  color:#ffffff;
  margin:15px 0;
  display:inline-block;
}
.ip-main #acessibilidade p { margin-bottom:15px; }
.ip-main #game {
  width:100%;
  float:left;
  padding:45px 0 45px 0;
  text-align:center;
}
.ip-main #game .content-game {
  width:100%;
  padding:2%;
  float:left;
  /*background:url(../images/bg-game.jpg) bottom left;*/
  background:url(../images/bg-game.png) bottom left;
  background-size:100% 100%;
}
.ip-main #game .content-game .game {
  border:4px solid #ffffff;
  float:left;
  width:100%;
  padding:2% 2% 120px 2%;
  text-align:center;
  background:url(../images/panela.png) bottom -4px center no-repeat;
}
.ip-main #game .content-game .game h2 {
  font-size:26px;
  color:#ffffff;
  text-transform:uppercase;
}
.ip-main #game .content-game .game p {
  font-size:16px;
  color:#ffffff;
  text-transform:uppercase;
}
.ip-main #game .content-game .game ul.lista-momentos {
  float:left;
  width:98%;
  margin:25px 0 25px 1%;
}
.ip-main #game .content-game .game ul.lista-momentos li {
  display:inline-block;
  margin:0 25px;
}
.ip-main #game .content-game .game ul.lista-momentos li.ingredientes-li-frutos,
.ip-main #game .content-game .game ul.lista-momentos li.ingredientes-li-peixe,
.ip-main #game .content-game .game ul.lista-momentos li.ingredientes-li-massa {
  width:16%;
}
.ip-main #game .content-game .game ul.lista-momentos li.ingredientes-li-caldo {
  width:24%;
}
.ip-main #game .content-game .game ul.lista-momentos li a { display:block; }
.ip-main #game .content-game .game ul.lista-momentos li a.ingredientes-a {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ip-main #game .content-game .game ul.lista-momentos li a img {
  height:80px;
  margin-bottom:10px;
  -webkit-transition:all .1s;
  -moz-transition:all .1s;
  -ms-transition:all .1s;
  -o-transition:all .1s;
  transition:all .1s;
}
.ip-main #game .content-game .game ul.lista-momentos li a h4 {
  font-size:16px;
  color:#ffde00;
  text-transform:uppercase;
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  -ms-transition:all .3s;
  -o-transition:all .3s;
  transition:all .3s;
}
.ip-main #game .content-game .game ul.lista-momentos li .ingredientes-a h4 {
  width: 62%;
}
.ip-main #game .content-game .game ul.lista-momentos li a:hover opacity: 1!important
									img { opacity:1 !important; }
.ip-main #game .content-game .game ul.lista-momentos li a:hover h4 { color:#ffde00; }
.ip-main #game .content-game .game ul.lista-momentos li a.active { opacity:1; }
.ip-main #game .content-game .game ul.lista-momentos li a.active img { opacity:1; }
.ip-main #game .content-game .game ul.lista-momentos li a.active h4 { color:#ffde00; }
.ip-main #game .content-game .game ul.lista-momentos li a.inactive { opacity:0.8; }
.ip-main #game .content-game .game ul.lista-momentos li a.inactive h4 {
  opacity:0.8;
  color:#ffffff;
}
.ip-main #game .content-game .game ul.lista-momentos li a.inactive:hover opacity: 1!important
										img { opacity:1 !important; }
.ip-main #game .content-game .game ul.lista-momentos li a.inactive:hover h4 {
  color:#ffde00;
  opacity:1;
}
.ip-main #game .content-game .game ul.lista-momentos li.title {
  width:100%;
  float:left;
  margin:0px;
  margin-bottom:15px;
  text-align:left;
}
.ip-main #game .content-game .game ul.lista-momentos li.title h4 {
  font-size:16px;
  color:#ffffff;
  text-transform:uppercase;
}
.ip-main #game .content-game .game ul.lista-momentos.receita li { margin:0 20px; }
.ip-main #game .content-game .game ul.lista-momentos.receita li img { height:80px; }
.ip-main #game .content-game .game ul.lista-momentos.receita li.title { margin-bottom:15px; }
.ip-main #game .content-game .btnExecuteMomento {
  margin-top:20px;
  padding:10px 25px;
  background:#ffffff;
  font-size:13px;
  font-weight:900;
  color:#ba231c;
  display:inline-block;
  text-align:center;
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  -ms-transition:all .3s;
  -o-transition:all .3s;
  transition:all .3s;
  text-transform:uppercase;
}
.ip-main #game .content-game .btnExecuteMomento:hover { background:#ffde00; }
.ip-main #footer {
  background:#24267a;
  width:100%;
  float:left;
  padding:25px 0;
  text-align:center;
}
.ip-main #footer p {
  color:#ffffff;
  font-size:13px;
  margin:15px;
}
.ip-main #footer p a {
  color:#ffffff;
  font-size:13px;
}
.ip-main #footer p a:hover { text-decoration:underline; }
.ip-main #game-momento {
  width:100%;
  float:left;
  padding:45px 0 45px 0;
  text-align:center;
  display:none;
  margin-bottom:35px;
}
.ip-main #game-momento .content-game {
  width:100%;
  padding:2%;
  float:left;
  background:url(../images/bg-game.jpg) bottom left;
  background-size:100% 100%;
}
.ip-main #game-momento .content-game .game {
  border:4px solid #ffffff;
  float:left;
  width:100%;
  padding:2% 2% 2% 2%;
  text-align:center;
  background:100% auto;
}
.ip-main #game-momento .content-game .game h2 {
  color:#ffffff;
  font-size:45px;
  text-transform:uppercase;
  text-align:center;
  width:100%;
  float:left;
  margin:25px 0;
}
.ip-main #game-momento .content-game .game h3 {
  color:#ffffff;
  font-size:19px;
  text-align:center;
  width:70%;
  float:left;
  margin:30px 0 0 15%;
}
.ip-main #game-momento .content-game .game ul { display:inline-block; }
.ip-main #game-momento .content-game .game ul li {
  float:left;
  font-weight:bold;
  font-size:23px;
  color:#ffffff;
}
.ip-main #game-momento .content-game .game ul li i {
  margin-top:30px;
  font-style:normal;
  line-height:72px;
}
.ip-main #game-momento .content-game .game ul li img { height:80px; }
.ip-main #game-momento .content-game .game ul li p {
  width:100%;
  float:left;
  color:#ffffff;
  font-weight:bold;
  font-size:18px;
  margin-top:10px;
}
.ip-main #game-momento .content-game .game ol {
  width:101%;
  float:left;
  margin-top:45px;
}
.ip-main #game-momento .content-game .game ol li {
  width:30%;
  float:left;
  height:190px;
  margin:1.5%;
  background:#000000;
  background:#ffffff url(../images/loader-receitas.gif) center center no-repeat;
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  -ms-transition:all .3s;
  -o-transition:all .3s;
  transition:all .3s;
  position:relative;
}
.ip-main #game-momento .content-game .game ol li img {
  width:100%;
  position:absolute;
  z-index:2;
  left:0px;
}
.ip-main #game-momento .content-game .game ol li h3 {
  z-index:11;
  width:90%;
  bottom:1%;
  color:#ffffff;
  left:5%;
  font-size:18px;
  font-weight:700;
  margin:10px 0 !important;
  text-align:center;
  position:absolute;
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  -ms-transition:all .3s;
  -o-transition:all .3s;
  transition:all .3s;
  text-transform:uppercase;
}
.ip-main #game-momento .content-game .game ol li .image {
  width:100%;
  height:190px;
  overflow:hidden;
  position:absolute;
}
.ip-main #game-momento .content-game .game ol li .icon-receita {
  width:40px;
  height:40px;
  background:#960000;
  left:50%;
  z-index:12;
  margin-left:-17.5px;
  position:absolute;
  top:-17.5px;
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  -ms-transition:all .5s;
  -o-transition:all .5s;
  transition:all .5s;
}
.ip-main #game-momento .content-game .game ol li .overlay {
  width:100%;
  height:190px;
  background:url(../images/overlay.png) bottom -50px center no-repeat;
  position:absolute;
  left:0;
  z-index:10;
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  -ms-transition:all .3s;
  -o-transition:all .3s;
  transition:all .3s;
}
.ip-main #game-momento .content-game .game ol li:hover {
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  -ms-transition:all .3s;
  -o-transition:all .3s;
  transition:all .3s;
}
.ip-main #game-momento .content-game .game ol li:hover .overlay {
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  -ms-transition:all .3s;
  -o-transition:all .3s;
  transition:all .3s;
  background:url(../images/overlay.png) bottom 0px center no-repeat;
}
.ip-main #game-momento .content-game .game ol li:hover h3 { bottom:8%; }
.ip-main #game-momento .content-game .game ol li:hover .icon-receita { top:10.5px; }
.ip-main #game-momento .gerarOutro {
  margin-top:20px;
  padding:10px 25px;
  background:#ba231c;
  font-size:16px;
  color:#ffffff;
  display:inline-block;
  text-align:center;
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  -ms-transition:all .3s;
  -o-transition:all .3s;
  transition:all .3s;
  text-transform:uppercase;
}
.ip-main #game-momento .gerarOutro:hover { background:#960000; }
@media screen and (min-width: 319px) and (max-width: 700px) {
  #master {
    width:100%;
    float:left;
    overflow:hidden;
  }
  .container {
    width:100%;
    margin:0 auto;
  }
  .ip-main #header {
    height:64px;
    background:url('../images/header.jpg');
    width:100%;
    float:left;
  }
  .ip-main #menu {
    width:100%;
    background:#ffffff;
    float:left;
    height:auto;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
    position:relative;
  }
  .ip-main #menu ul {
    width:100%;
    position:absolute;
    top:48px;
    margin-left:0;
    z-index:9999999;
    /*background:#ba231c;*/
    background:url('../images/header.jpg');
  }
  .ip-main #menu ul li {
    float:left;
    width:100%;
    text-align:center;
    list-style:none;
    padding:10px 0;
    border-bottom:1px solid #960000;
  }
  .ip-main #menu ul li a {
    line-height:30px;
    text-align:center;
    text-align:center;
    font-size:14px;
    color:#ffffff;
    padding:0;
    height:30px;
    width:100%;
    float:left;
    font-weight:700;
    z-index:99;
    position:relative;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
  }
  .ip-main #menu ul li a:hover {
    color:#fff;
    background:url('../images/header.jpg');
  }
  .ip-main #menu ul li a.active {
    background:none !important;
    color:#ffffff !important;
    height:30px !important;
  }
  .ip-main #menu.fixed {
    position:fixed;
    top:0px;
    height:40px;
    z-index:9999;
    -webkit-box-shadow:0px 4px 26px -13px rgba(0,0,0,0.65);
    -moz-box-shadow:0px 4px 26px -13px rgba(0,0,0,0.65);
    box-shadow:0px 4px 26px -13px rgba(0,0,0,0.65);
  }
  .ip-main #menu.fixed ul li a {
    line-height:40px;
    padding:0 25px;
    height:40px;
  }
  .ip-main #menu.fixed ul li a.active {
    height:55px;
    background:url(../images/active-menu.png) top -15px center no-repeat;
  }
}
@media screen and (min-width: 319px) and (max-width: 700px) {
  .icon-acessiblidade { display:none !important; }
  #master {
    width:100%;
    float:left;
    overflow:hidden;
  }
  .container {
    width:100%;
    margin:0 auto;
  }
  .ip-main #header {
    height:64px;
    background:url('../images/header.jpg');
    width:100%;
    float:left;
  }
  .ip-main #menu { background:#ffffff; }
  .ip-main #menu .menu-mobile {
    width:100%;
    height:48px;
    float:left;
    display:block;
    padding:20px 0;
    background:#ffffff;
    position:relative;
    -webkit-box-shadow:0px 4px 26px -13px rgba(0,0,0,0.95);
    -moz-box-shadow:0px 4px 26px -13px rgba(0,0,0,0.95);
    box-shadow:0px 4px 26px -13px rgba(0,0,0,0.95);
  }
  .ip-main #menu .menu-mobile a {
    text-indent:-999999px;
    display:inline-block;
    text-align:center;
    background:url(../images/icon-menu.png) left -2px top -8px;
    width:31px;
    height:26px;
    top:12px;
    left:50%;
    margin-left:-15.5px;
    position:absolute;
  }
  .ip-main #menu .menu-mobile a.close { background:url(../images/icon-menu.png) left -41px top -8px; }
  .ip-main #menu ul {
    width:100%;
    margin-left:0;
    display:none;
    background:#ba231c;
  }
  .ip-main #menu ul li {
    width:100%;
    padding:10px 0;
    border-bottom:1px solid #960000;
  }
  .ip-main #menu ul li a {
    line-height:30px;
    text-align:center;
    text-align:center;
    font-size:14px;
    color:#ffffff;
    padding:0;
    height:30px;
    width:100%;
    float:left;
    font-weight:700;
    z-index:99;
    position:relative;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
  }
  .ip-main #menu ul li a:hover {
    color:#fff;
    background:url('../images/header.jpg');
  }
  .ip-main #menu ul li a.active {
    background:none !important;
    color:#ffffff !important;
    height:30px !important;
  }
  .ip-main #banner {
    width:100%;
    float:left;
    margin-top:0px;
    opacity:0;
    max-height:771px;
  }
  .ip-main #banner .item {
    width:100%;
    float:left;
  }
  .ip-main #banner .item img {
    width:100%;
    max-width:100%;
  }
  .ip-main #banner .owl-controls {
    width:100%;
    text-align:center;
  }
  .ip-main #banner .owl-controls .owl-dots {
    bottom:10px;
    position:absolute;
    z-index:99999;
    width:100%;
    text-align:center;
  }
  .ip-main #banner .owl-controls .owl-dots .owl-dot { display:inline-block; }
  .ip-main #banner .owl-controls .owl-dots .owl-dot span {
    backface-visibility:visible;
    display:block;
    font-style:italic;
    font-weight:bold;
    height:15px;
    margin:5px 7px;
    text-align:center;
    text-shadow:1px 1px #960000;
    transition:opacity 200ms ease 0s;
    width:15px;
    border:2px solid #ffffff;
  }
  .ip-main #banner .owl-controls .owl-dots .owl-dot.active span { background:#ffffff; }
  .ip-main #receitas { padding:15px 0; }
  .ip-main #receitas #receitas_index {
    margin-top:20px;
    width:100%;
  }
  .ip-main #receitas .select-categoria {
    width:90%;
    margin:30px 0 50px 5%;
  }
  .ip-main #receitas .select-categoria .click-categoria {
    line-height:50px;
    line-height:33px;
    color:#ffffff;
    padding:10px;
    font-size:18px;
    font-weight:700;
    font-weight:17px;
    width:100%;
    height:50px;
    float:left;
    background:#960000 url(../images/sprite-arrow.png) right -52px top 3px no-repeat;
    text-align:center;
  }
  .ip-main #receitas .select-categoria ol li a {
    text-align:center;
  }
  .ip-main #receitas h2 {
    text-align:center;
    color:#212121;
    font-size:30px;
    text-transform:uppercase;
  }
  .ip-main #receitas #preloader {
    width:100%;
    height:300px;
    position:absolute;
    top:100px;
    top:150px;
    z-index:2;
    text-align:center;
    opacity:0;
    color:#960000;
    font-size:28px;
  }
  .ip-main #receitas ul {
    width:90%;
    margin-left:5%;
    float:left;
  }
  .ip-main #receitas ul li {
    opacity:0;
    width:100%;
    float:left;
    height:170px;
    margin-bottom:14%;
    background:#000000;
    background:#ffffff url(../images/loader-receitas.gif) center center no-repeat;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
    margin-right:3%;
    position:relative;
  }
  .ip-main #receitas .align-center {
    width:100%;
    float:left;
    text-align:center;
    margin:5px 0 25px 0;
  }
  .ip-main #receitas .align-center a {
    display:block;
    margin:5px 18px;
    padding:10px 15px;
    background:#960000;
    font-size:18px;
    color:#ffffff;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
  }
  .ip-main #receitas .align-center a:hover { background:#ba231c; }
  .ip-main #acessibilidade {
    width:90%;
    margin-left:5%;
    padding-top:5px;
    padding-bottom:5px;
  }
  .ip-main #conheca {
    width:90%;
    margin-left:5%;
    padding-top:5px;
    padding-bottom:5px;
  }
  .ip-main #conheca h2 {
    text-align:center;
    color:#212121;
    font-size:30px;
    margin:10px 0;
    text-transform:uppercase;
  }
  .ip-main #conheca h3 {
    text-align:center;
    color:#ba231c;
    margin:10px 0;
    font-size:22px;
    text-transform:uppercase;
  }
  .ip-main #conheca .comouso {
    margin: 10px 0;
  }
  .ip-main #conheca h4 {
    text-align:center;
    color:#636363;
    margin:0 0 12px 0;
    font-size:22px;
  }
  .ip-main #conheca a {
    margin:15px 0;
  }
  .ip-main #conheca .selo {
    display:block;
    margin:0 auto;
  }
  .ip-main #conheca ul { width:100%; }
  .ip-main #conheca ul li { width:50%; }
  /*.ip-main #conheca ul li img { width:90%; }*/
  .ip-main #game { padding:15px 0 45px 0; }
  .ip-main #game .content-game { padding-bottom:20px; }
  .ip-main #game .content-game .game {
    border:4px solid #ffffff;
    float:left;
    width:100%;
    padding:2% 2% 120px 2%;
    text-align:center;
    background:url(../images/panela.png) bottom -4px center no-repeat;
  }
  .ip-main #game .content-game .game h2 {
    font-size:26px;
    color:#ffffff;
    text-transform:uppercase;
  }
  .ip-main #game .content-game .game p {
    font-size:16px;
    color:#ffffff;
    text-transform:uppercase;
  }
  .ip-main #game .content-game .game ul.lista-momentos {
    float:left;
    width:100%;
    margin:0;
    margin-top:35px;
  }
  .ip-main #game .content-game .game ul.lista-momentos li {
    margin:0 !important;
    width:46%;
    display:inline-block;
    text-align:center;
    margin-bottom:25px !important;
  }
  .ip-main #game .content-game .game ul.lista-momentos li.ingredientes-li-frutos,
  .ip-main #game .content-game .game ul.lista-momentos li.ingredientes-li-peixe,
  .ip-main #game .content-game .game ul.lista-momentos li.ingredientes-li-massa,
  .ip-main #game .content-game .game ul.lista-momentos li.ingredientes-li-caldo {
    width:46%;
  }
  .ip-main #game .content-game .game ul.lista-momentos li a { display:block; }
  .ip-main #game .content-game .game ul.lista-momentos li a img {
    height:50px;
    margin-bottom:12px;
    -webkit-transition:all .1s;
    -moz-transition:all .1s;
    -ms-transition:all .1s;
    -o-transition:all .1s;
    transition:all .1s;
  }
  .ip-main #game .content-game .game ul.lista-momentos li a h4 {
    font-size:16px;
    color:#ffde00;
    text-transform:uppercase;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
  }
  .ip-main #game .content-game .game ul.lista-momentos li a:hover opacity: 1!important
										img { opacity:1 !important; }
  .ip-main #game .content-game .game ul.lista-momentos li a:hover h4 { color:#ffde00; }
  .ip-main #game .content-game .game ul.lista-momentos li a.active { opacity:1; }
  .ip-main #game .content-game .game ul.lista-momentos li a.active img { opacity:1; }
  .ip-main #game .content-game .game ul.lista-momentos li a.active h4 { color:#ffde00; }
  .ip-main #game .content-game .game ul.lista-momentos li a.inactive { opacity:0.8; }
  .ip-main #game .content-game .game ul.lista-momentos li a.inactive h4 {
    opacity:0.8;
    color:#ffffff;
  }
  .ip-main #game .content-game .game ul.lista-momentos li a.inactive:hover opacity: 1!important
											img { opacity:1 !important; }
  .ip-main #game .content-game .game ul.lista-momentos li a.inactive:hover h4 {
    color:#ffde00;
    opacity:1;
  }
  .ip-main #game .content-game .game ul.lista-momentos li.title {
    width:100%;
    float:left;
    margin:0px;
    margin-bottom:15px;
    text-align:center;
  }
  .ip-main #game .content-game .game ul.lista-momentos li.title h4 {
    font-size:18px;
    color:#ffffff;
    font-weight:bold;
    text-transform:uppercase;
  }
  .ip-main #game .content-game .game ul.lista-momentos.receita li { margin:0 20px; }
  .ip-main #game .content-game .game ul.lista-momentos.receita li img { height:80px; }
  .ip-main #game .content-game .game ul.lista-momentos.receita li.title { margin-bottom:15px; }
  .ip-main #game .content-game .btnExecuteMomento {
    margin-top:20px;
    padding:10px 25px;
    background:#ffffff;
    font-size:16px;
    color:#ba231c;
    display:inline-block;
    text-align:center;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
    text-transform:uppercase;
  }
  .ip-main #game .content-game .btnExecuteMomento:hover { background:#ffde00; }
  .ip-main #game-momento {
    width:100%;
    float:left;
    padding:5px 0 45px 0;
    text-align:center;
    display:none;
    margin-bottom:35px;
  }
  .ip-main #game-momento .content-game .game {
    border:4px solid #ffffff;
    float:left;
    width:100%;
    padding:2% 2% 2% 2%;
    text-align:center;
    background:100% auto;
  }
  .ip-main #game-momento .content-game .game h2 { font-size:35px; }
  .ip-main #game-momento .content-game .game h3 {
    color:#ffffff;
    font-size:19px;
    text-align:center;
    width:70%;
    float:left;
    margin:30px 0 0 15%;
  }
  .ip-main #game-momento .content-game .game ul { display:inline-block; }
  .ip-main #game-momento .content-game .game ul li {
    float:left;
    font-weight:bold;
    font-size:23px;
    color:#ffffff;
    width:100%;
  }
  .ip-main #game-momento .content-game .game ul li img { height:60px; }
  .ip-main #game-momento .content-game .game ol {
    width:101%;
    float:left;
    margin-top:45px;
  }
  .ip-main #game-momento .content-game .game ol li {
    width:96%;
    margin-top:50px;
  }
  .ip-main #game-momento .content-game .game ol li img {
    width:100%;
    position:absolute;
    z-index:2;
    left:0px;
  }
  .ip-main #game-momento .content-game .game ol li h3 {
    z-index:11;
    width:90%;
    bottom:1%;
    color:#ffffff;
    left:5%;
    font-size:18px;
    font-weight:700;
    margin:10px 0 !important;
    text-align:center;
    position:absolute;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
    text-transform:uppercase;
  }
  .ip-main #game-momento .content-game .game ol li .image {
    width:100%;
    height:190px;
    overflow:hidden;
    position:absolute;
  }
  .ip-main #game-momento .content-game .game ol li .icon-receita {
    width:40px;
    height:40px;
    background:#960000;
    left:50%;
    z-index:12;
    margin-left:-17.5px;
    position:absolute;
    top:-17.5px;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s;
    transition:all .5s;
  }
  .ip-main #game-momento .content-game .game ol li .overlay {
    width:100%;
    height:190px;
    background:url(../images/overlay.png) bottom -50px center no-repeat;
    position:absolute;
    left:0;
    z-index:10;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
  }
  .ip-main #game-momento .content-game .game ol li:hover {
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
  }
  .ip-main #game-momento .content-game .game ol li:hover .overlay {
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
    background:url(../images/overlay.png) bottom 0px center no-repeat;
  }
  .ip-main #game-momento .content-game .game ol li:hover h3 { bottom:8%; }
  .ip-main #game-momento .content-game .game ol li:hover .icon-receita { top:10.5px; }
}
@media screen and (min-width: 700px) and (max-width: 1000px) {
  .container {
    width:728px;
    margin:0 auto;
  }
  .ip-main #header { height:66px; }
  .ip-main #menu ul {
    width:728px;
    float:left;
    margin-left:36.5px;
  }
  .ip-main #receitas .select-categoria { margin-left:261px; }
  .ip-main #game { margin-top:5px; }
  .ip-main #game .content-game .game ul.lista-momentos.receita li { margin:15px 20px !important; }
  .ip-main #game .content-game .game ul.lista-momentos li { margin:15px 20px !important; }
}
