@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

h1,
h2,
h3,
h4,
h5,
h6,
.title {
 font-family: "Montserrat", sans-serif !important;
}

.menu_suspenso a {
 font-family: "Montserrat", sans-serif !important;
}




body,
button,
input,
textarea {
 font-family: Anaheim, sans-serif
}

input[type=text],
select,
textarea {
 padding: 10px 20px;
 border: 3px solid #333;
 background: #fff
}

input[type=submit],
textarea {
 background-color: transparent
}

body,
hr {
 width: 100%
}

.banner .box_titulo,
body {
 bottom: 0;
 position: absolute
}

.banner,
.banner span,
.banner ul li,
.box_banner,
.bt_menu,
.content_origem div,
.header_contato,
.logo,
.logo img {
 position: relative
}

.blocos button a,
a {
 text-decoration: none
}

.banner span,
.novidade_home .container {
 margin-top: 50px
}

.content_footer h4.facebook:before,
.content_footer h4.instagram:before {
 width: 80px;
 left: -100px;
 background-size: 100%;
 backgtround-repeat: no-repeat;
 content: ''
}

* {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0
}

.cinema_filmes li .filme_sinopse,
html {
 display: none
}

body {
 display: block;
 top: 0;
 font-size: 16px;
 color: #333
}

button,
input,
textarea {
 font-size: 14px
}

.header_contato,
h1,
h2,
h3 {
 font-family: Lora-BoldItalic
}

h1 {
 font-size: 90px
}

h2 {
 font-size: 38px;
 line-height: 45px
}

h3 {
 font-size: 26px;
 line-height: 32px
}

::placeholder {
 color: #000;
 opacity: 1
}

:-ms-input-placeholder {
 color: #000
}

::-ms-input-placeholder {
 color: #000
}

.cinema_filme,
ul {
 list-style: none
}

a {
 transition: .2s;
 color: #737373
}

.loja_info .right #sociais img:hover,
a:hover {
 opacity: .7
}

h5 {
 font-size: 22px;
 font-weight: 400
}

.header_contato button,
input[type=text],
select,
textarea {
 font-weight: 700;
 font-family: Anaheim, sans-serif;
 box-shadow: 2px 3px 1px 1px var(--amarelo-principal)
}

p {
 line-height: 24px
}

hr {
 height: 1px;
 background-color: #ddd
}

input[type=text] {
 font-size: 18px
}

select {
 cursor: pointer;
 font-size: 18px
}

input[type=file] {
 width: 98%;
 border: 1px solid #ddd;
 padding: 20px 1%
}

.blocos button,
.header_contato button,
input[type=submit] {
 padding: 5px 20px;
 cursor: pointer
}

input[type=submit] {
 border-radius: 2px;
 border: 1px solid #666;
 text-transform: none;
 letter-spacing: 0;
 color: #666;
 transition: .2s
}

.banner span,
.galeria_home span,
.header_contato,
.menu_suspenso ul li a {
 text-transform: uppercase
}

input[type=submit]:hover {
 background-color: #666;
 color: #fff
}

textarea {
 resize: none;
 border: 3px solid #333;
 padding: 25px 1.2%;
 width: 97.4%;
 height: 200px;
 font-family: Anaheim, sans-serif;
 font-size: 22px
}

@font-face {
 font-family: Lora-BoldItalic;
 src: url('../font/ttf/Lora-BoldItalic.ttf')
}

#shopping .box.box_left,
.clear {
 clear: both
}

.tac {
 text-align: center
}

.novidade_info .info *,
.tal {
 text-align: left
}

.novidade_home h3,
.tar {
 text-align: right
}

.taj {
 text-align: justify
}

.mt-15 {
 margin-top: 15px
}

.mb-15 {
 margin-bottom: 15px
}

.alfabeto li.active,
.c_blue,
.loja_info p span,
.loja_lista li.active,
.loja_lista li:hover,
.loja_quantidade span {
 color: var(--amarelo-principal)
}

#alimentacao .alfabeto li.active,
#alimentacao .alfabeto li:hover,
#alimentacao .loja_info p span,
#alimentacao .loja_lista li.active,
#alimentacao .loja_lista li:hover,
#alimentacao .loja_nome,
#alimentacao .loja_quantidade span,
.c_green {
 color: #262b9b
}

.c_green2 {
 color: #b1c800
}

.c_grey {
 color: #a2a2a2
}

.c_red {
 color: #b10045
}

:root {
 --amarelo-principal: #262b9b
}

.header {
 width: 92%;
 margin: 0 4%;
 padding: 15px 0
}

.header .hamburger-inner,
.header .hamburger-inner:after,
.header .hamburger-inner:before {
 width: 25px;
 height: 2px
}

.header .hamburger--elastic .hamburger-inner:before {
 top: 6px
}

.header .hamburger--elastic .hamburger-inner:after {
 top: 12px
}

.bt_menu {
 float: left;
 top: 8px
}

.logo {
 float: left;
 top: -7px
}

.logo img {
 width: 150px;
 top: 4px
}

.header_contato {
 float: right;
 font-size: 18px;
 color: #333;
 top: 8px;
 font-family: "Montserrat", sans-serif !important;
 font-weight: 600;
}

.header_contato button {
 transition: .2s;
 margin-left: 30px;
 border: 3px solid #333;
 background: #fff;
 font-size: 16px
}

.bloco1 .front,
.blocos button:hover,
.header_contato button:hover {
 background: var(--amarelo-principal)
}

.header_contato button:hover a {
 color: #fff !important
}

.box_banner {
 margin-bottom: 50px
}

.banner {
 width: calc(92% - 30px);
 margin: 0 4%;
 border: 15px solid #ededed
}

.banner a {
 color: #333
}

.banner a:hover {
 opacity: 1
}

.banner ul li img {
 width: 100%;
 display: block
}

.banner .box_titulo {
 width: 55%;
 height: 100%;
 background-image: url(https://upload.madnezz.com.br/c2cffcd76fd1c48a695b4b8dbf1de880);
 left: 0;
 z-index: 99;
 background-size: contain;
 background-position: left bottom;
 background-repeat: no-repeat
}

.banner .titulo {
 position: absolute;
 bottom: 30%;
 left: 6%;
 width: 60%
}

.banner .titulo h1 {
 line-height: 100px;
 margin-bottom: 40px
}

.banner p {
 line-height: 26px;
 font-size: 18px;
 font-weight: 600
}

.banner span {
 font-family: Anaheim, sans-serif;
 font-size: 18px;
 color: #333;
 display: block;
 font-weight: 700
}

.banner span:after {
 content: '';
 position: absolute;
 width: 25px;
 height: 1px;
 background: #333;
 bottom: -5px;
 left: 0
}

.box_banner .swiper-pagination {
 top: 50%;
 left: 2%
}

.box_banner .swiper-pagination-bullet {
 display: block;
 width: 15px;
 height: 1px;
 margin-bottom: 10px;
 border-radius: 0;
 opacity: 1
}

.box_banner .swiper-pagination-bullet-active {
 height: 3px;
 background: var(--amarelo-principal)
}

.blocos {
 background: #fff;
 display: flex;
 flex-wrap: wrap;
 width: 1400px;
 max-width: 100%;
 margin: 0 auto
}

.bloco1,
.bloco2,
.bloco3,
.bloco4,
.bloco5,
.bloco6 {
 width: 33.33%;
 height: 400px;
 position: relative;
 overflow: hidden
}

.bloco1 h2,
.bloco2 h2,
.bloco3 h2,
.bloco4 h2,
.bloco5 h2,
.bloco6 h2 {
 color: #fff;
 transition: .3s
}

.bloco1 .back,
.bloco2 .back,
.bloco3 .back,
.bloco4 .back,
.bloco5 .back,
.bloco6 .back {
 background-size: cover;
 top: 100%;
 transition: .4s;
 position: absolute;
 width: calc(100% - 50px);
 padding: 0 25px;
 height: 100%;
 left: 0;
 text-align: center;
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center;
 align-items: center;
 -webkit-justify-content: center;
 justify-content: center
}

.bloco1 .front,
.bloco2 .front,
.bloco3 .front,
.bloco4 .front,
.bloco5 .front,
.bloco6 .front {
 top: 0;
 transition: .4s;
 position: absolute;
 width: 100%;
 height: 100%;
 left: 0;
 text-align: center;
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center;
 align-items: center;
 -webkit-justify-content: center;
 justify-content: center
}

.bloco1:hover .back,
.bloco2:hover .back,
.bloco3:hover .back,
.bloco4:hover .back,
.bloco5:hover .back,
.bloco6:hover .back {
 top: 0
}

.bloco1:hover .front,
.bloco2:hover .front,
.bloco3:hover .front,
.bloco4:hover .front,
.bloco5:hover .front,
.bloco6:hover .front {
 top: -100%
}

.bloco1 .back {
 background-image: url(https://upload.madnezz.com.br/4f0b3fb3b3df6a84ae13ca724c3b5594)
}

.bloco2 .back {
 background-image: url(https://upload.madnezz.com.br/70e2c81a36a67520eb5f6dc6f76a17d7)
}

.bloco2 .front {
 background: #2a2eb1
}

.bloco3 .back {
 background-image: url(https://upload.madnezz.com.br/25732199558c4cb01439530b9945dcc0)
}

.bloco3 .front {
 background: #2e33c3
}

.bloco4 .back {
 background-image: url(https://upload.madnezz.com.br/0b488731142e14b36c3266c6f8511089)
}

.bloco4 .front {
 background: #353acf
}

.bloco5 .back {
 background-image: url(https://upload.madnezz.com.br/78f58b7084204ee7b12d6515dc5588e7)
}

.bloco5 .front,
.bloco6 .front {
 background: #4549d3
}

.bloco6 .back {
 background-image: url(https://upload.madnezz.com.br/39774692980861a8677a34f4e5573019)
}

.back>a,
.galeria_home ul li a {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%
}

.blocos button {
 font-family: Anaheim, sans-serif;
 color: #fff;
 transition: .2s;
 font-size: 16px;
 font-weight: 700;
 background: 0 0;
 border: 3px solid #fff;
 box-shadow: 2px 3px 1px 1px var(--amarelo-principal)
}

.blocos button a {
 color: #fff
}

.blocos p {
 margin: 20px 0;
 color: #fff;
 font-weight: 700
}

.blocos img {
 margin-bottom: 20px;
 width: 120px
}

.menu_suspenso {
 display: none;
 position: fixed;
 width: 100%;
 height: 100vh;
 background: rgba(255, 255, 255, .97);
 z-index: 999999
}

.banner_secundaria,
.novidade_info {
 background-size: cover
}

.menu_suspenso .container {
 width: 100%;
 height: 100%;
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center;
 align-items: center;
 -webkit-justify-content: center;
 justify-content: center
}

.menu_suspenso ul {
 text-align: center;
 display: none;
 float: right
}

.container_loja,
.galeria_home ul,
.novidade_home .container {
 display: flex;
 flex-wrap: wrap
}

.menu_suspenso ul li {
 margin: 0 0 20px;
 position: relative
}

.menu_suspenso ul li:before {
 content: '';
 position: absolute;
 background: var(--amarelo-principal);
 width: 0;
 bottom: 100%;
 margin-bottom: 5px;
 right: 20%;
 height: 2px
}

.menu_suspenso ul li:hover::before {
 animation: .3s forwards anima
}

.menu_suspenso ul li a {
 font-family: Lora-BoldItalic;
 font-weight: 600;
 font-size: 26px
}

.menu_suspenso ul li:hover a {
 color: #333;
 opacity: 1
}

@keyframes anima {
 100% {
  width: 60%
 }
}

.galeria_home {
 width: 1200px;
 max-width: 100%;
 margin: 120px auto 100px
}

.galeria_home .left {
 width: 30%;
 margin-right: 3%;
 float: left
}

.galeria_home .right {
 width: 67%;
 float: left
}

.galeria_home ul li {
 width: 45%;
 height: 180px;
 margin: 0 3% 30px 0;
 background: 0 0/cover #333;
 padding: 20px 0;
 border-radius: 20px 0 0;
 transition: .3s;
 cursor: pointer;
 position: relative
}

.galeria_home ul li:hover {
 filter: brightness(.7)
}

.galeria_home ul li:nth-child(2n) {
 margin-right: 0
}

.galeria_home p {
 font-weight: 100
}

.galeria_home span {
 font-weight: 600;
 float: right;
 margin-top: 30px
}

.header_sociais {
 position: absolute;
 right: 0;
 top: 0;
 width: 4%;
 text-align: center
}

.header_sociais a {
 display: block;
 margin-bottom: 20px;
 font-size: 26px;
 color: #333
}

.header_sociais i {
 border: 1px solid #fff;
 margin: 0 auto;
 width: 40px;
 height: 40px;
 transition: .2s;
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center;
 align-items: center;
 -webkit-justify-content: center;
 justify-content: center
}

.header_sociais i:hover {
 border: 1px solid #bbb
}

.loja_home {
 width: 800px;
 max-width: 100%;
 margin: 50px auto 100px;
 text-align: center
}

.loja_home p,
.novidade_home p {
 margin: 50px 0
}

.loja_home .novas_lojas img {
 max-width: 110px;
 max-height: 70px;
 margin: 0 20px
}

.loja_home .novas_lojas {
 width: 100%;
 text-align: center
}

.novidade_home {
 width: 1000px;
 max-width: 100%;
 margin: 100px auto;
 text-align: center
}

.novidade_home h2 {
 float: none;
 width: 210px;
 margin: 20px auto 0;
 display: block;
 text-align: center
}

.novidade_home span {
 display: block;
 text-align: right;
 color: #333;
 font-family: Lora-BoldItalic;
 margin: 10px 0 30px
}

.novidade_home .novidade_lista {
 padding-bottom: 100px
}

.novidade_home .left {
 background: #333;
 width: 40%;
 margin: 0 5% 37% 10%;
 position: relative
}

.novidade_home .right {
 width: 45%
}

.novidade_info {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 318px;
 box-shadow: inset 0 -120px 70px 0 rgba(255, 255, 255, .8)
}

.novidade_info .info {
 position: absolute;
 right: 50%;
 width: 100%;
 bottom: 0
}

.novidade_info .info .data {
 margin-bottom: 0
}

.novidade_info .info .destaque {
 text-transform: uppercase;
 margin-bottom: 5px;
 position: relative
}

.footer {
 width: 92%;
 margin: 0 auto;
 background-image: url(https://upload.madnezz.com.br/acac53eb653613b0313349dbc3a42dd3);
 padding: 80px 0
}

.footer * {
 font-size: 16px;
 color: #333;
 line-height: 34px
}

.footer p {
 font-weight: 100;
 line-height: 24px;
 margin-top: 20px;
 float: left
}

.footer a {
 transition: .3s;
 display: block
}

.footer .content {
 width: 1200px;
 max-width: 90%;
 margin: 0 auto
}

.footer_sociais {
    margin: 10px 0 30px;
    font-size: 24px;
    color: #454545;
    display: flex;
    justify-content: space-around;
}

.footer_sociais a {
 margin: 0 15px
}

.footer img.logo {
 width: 60%
}

.footer .col1 {
 width: 22%;
 margin-right: 6%;
 float: left
}

.footer .col2,
.footer .col3,
.footer .col4 {
 margin-right: 4%;
 float: left
}

.footer .col2 {
 width: 13%
}

.footer .col3 {
 width: 14%
}

.footer .col4 {
 width: 17%
}

.footer .col5 {
 width: 16%;
 margin-right: 0;
 float: left
}

.footer .madnezz {
 width: 100%;
 float: left;
 text-align: left;
 font-size: 14px
}

.footer .madnezz a {
 display: initial;
 font-size: 16px;
 font-weight: 700
}

.footer .title {
 font-size: 20px;
 font-weight: 700;
 font-family: Lora-BoldItalic
}

.footer .default {
 overflow: visible
}

.content_footer h4.instagram {
 font-size: 45px;
 line-height: 40px;
 height: 80px;
 position: relative;
 margin: 0 0 10px 100px;
 text-align: left
}

.content_footer h4.instagram span {
 text-transform: lowercase;
 font-family: 'Din Pro';
 font-weight: 700;
 font-size: 24px
}

.content_footer h4.instagram:before {
 position: absolute;
 height: 80px;
 top: 0;
 background-image: url(https://upload.madnezz.com.br/2e4c5bc200abb3f4704b17016ed51d9b)
}

.content_footer .esquerda p {
 text-align: left;
 color: #000;
 text-transform: none;
 font-style: italic;
 font-size: 20px;
 width: 95%
}

.content_footer h4.facebook {
 font-size: 45px;
 line-height: 80px;
 height: 80px;
 position: relative;
 margin: 0 0 10px 100px
}

.content_footer h4.facebook:before {
 position: absolute;
 height: 80px;
 top: 0;
 background-image: url(https://upload.madnezz.com.br/48c82173eacc1443587b8da21436a95b)
}

.insta_slide li::after {
 content: '';
 width: 100%;
 height: 100%;
 left: 0;
 top: -20%;
 position: absolute;
 border: 1px solid #032537;
 font-size: 30px;
 text-transform: uppercase;
 padding-top: 35%;
 color: #fff;
 font-family: din_black, sans-serif;
 text-align: center;
 pointer-events: none;
 transition: .3s;
 opacity: 0;
 z-index: 999
}

.insta_slide li:hover:after {
 width: 80%;
 height: 82%;
 left: 10%;
 top: -9%;
 transition: .3s;
 opacity: 1;
 position: absolute;
 pointer-events: none
}

.insta_slide li img:hover {
 transition: .3s;
 opacity: .4
}

.insta_slide h2 {
 font-size: 24px;
 text-align: center;
 color: #fff;
 line-height: 30px;
 margin-top: 80px;
 font-family: 'DIN LightAlternate'
}

.insta_slide {
 width: 100%;
 overflow: hidden;
 height: 0;
 padding-bottom: 27%;
 padding-top: 3%
}

.insta_slide li {
 transition: .3s;
 background-color: #032537;
 float: left;
 width: 24%;
 height: 0;
 padding-bottom: 24%;
 margin: 1px 1px 6%;
 position: relative
}

.bg_titulo:after,
.insta_slide a {
 position: absolute;
 left: 0;
 height: 100%;
 top: 0
}

.insta_slide a {
 width: 100%
}

#shopping .conteudo,
#shopping .default,
.bg_titulo,
.cinema_filmes li,
.cinema_filmes li *,
.loja_lista li,
.map {
 position: relative
}

#mapa,
.insta_slide img {
 width: 100%;
 height: 100%
}

.content_footer .esquerda {
 width: 65%;
 float: left;
 margin: 5% 5% 5% 0;
 overflow-x: hidden
}

.content_footer .direita {
 width: 30%;
 float: left;
 text-align: left;
 margin: 5% 0
}

.content {
 width: 92%;
 margin: 0 auto
}

.conteudo {
 margin: 70px 0
}

.banner_secundaria .titulo {
 padding: 11.5% 8%;
 max-width: 37%
}

.banner_secundaria .titulo span {
 color: #fff;
 font-size: 30px
}

.banner_secundaria .titulo h1 {
 font-size: 72px;
 color: #fff;
 line-height: 68px;
 font-weight: 700
}

.loading {
 width: 50px
}

.bg_titulo {
 color: #262b9b;
 display: inline-block;
 margin: 0 auto 30px;
 text-align: center;
 padding: 25px 30px;
 float: none;
 width: auto
}

/* .bg_titulo:after {
 content: '';
 width: 100%;
 background: #262b9b;
 z-index: -1;
 transform: rotateX(390deg) rotateY(-173deg)
} */

#shopping h1 {
 font-size: 60px
}

#shopping .default {
 margin: 0 auto;
 padding: 0;
 width: 1044px;
 overflow: hidden;
 z-index: 2
}

#shopping .default.content {
 padding: 50px 0
}

#shopping .container {
 position: relative;
 width: 100%;
 overflow: hidden
}

#shopping .box {
 width: 49.999%;
 float: left
}

#shopping .conteudo {
 overflow: initial;
 margin-top: 155px;
 background-color: #f4f4f4
}

#shopping .bg_cinza {
 background-color: #f4f4f4;
 padding: 50px 10%;
 font-size: 14px
}

#shopping .bg_branco {
 background-color: #fff;
 padding: 50px 10% 0;
 width: 80%;
 font-size: 14px
}

#shopping .direita {
 padding: 40px 15% 40px 7%;
 text-align: left
}

#shopping .direita i {
 margin-right: 10px
}

#shopping .esquerda {
 padding: 40px 7% 40px 15%;
 text-align: right
}

#shopping.item1 {
 background-image: url(img/item1.png);
 background-position: 95%;
 background-repeat: no-repeat
}

#shopping .item2 {
 background-image: url(img/item2.png);
 background-position: 4%;
 background-repeat: no-repeat
}

#shopping .item3,
.item5 {
 background-position: 95%;
 background-repeat: no-repeat
}

#shopping .item3 {
 background-image: url(img/item3.png)
}

#shopping .item4 {
 background-image: url(img/item4.png);
 background-position: 4%;
 background-repeat: no-repeat
}

.item5 {
 background-image: url(img/item5.png)
}

.item6 {
 background-image: url(img/item6.png);
 background-position: 4%;
 background-repeat: no-repeat
}

.content_origem div button,
.img_fundo {
 background-repeat: no-repeat;
 background-position: center
}

.bg_yellow1 {
 background-color: var(--amarelo-principal)
}

.bg_yellow2 {
 background-color: #2a2eb1
}

.bg_yellow3 {
 background-color: #2e33c3
}

#shopping table {
 width: 100%;
 border: 0;
 font-size: 20px;
 font-family: din_black, sans-serif;
 color: #fff;
 text-transform: uppercase;
 border-spacing: 0
}

#alimentacao table td select,
#contato form table td input[type=text],
#loja table td select,
#servico table td select,
#shopping tr {
 width: 100%
}

#shopping td {
 width: 48%
}

#alimentacao h2,
#loja h2,
#servico h2 {
 float: none;
 width: 320px;
 margin: 20px auto 40px;
 display: block;
 text-align: center
}

.busca_loja {
 width: 100%;
 float: left;
 padding: 50px 0 0
}

.img_fundo {
 width: 40%;
 float: left;
 background-image: url(https://upload.madnezz.com.br/0170bf2f42aa724c75cddc3109afd24b);
 background-size: 100%
}

#alimentacao table,
#loja table,
#servico table {
 width: 80%;
 margin: 0 auto;
 border-collapse: separate;
 border-spacing: 50px
}

#alimentacao table td,
#loja table td,
#servico table td {
 width: 50%
}

#alimentacao table td input,
#loja table td input,
#servico table td input,
.content_origem input[type=text] {
 width: 90%
}

.alfabeto {
 display: flex;
 margin: -30px 16% 0 14%;
 width: 81.5%
}

.alfabeto li {
 font-size: 30px;
 text-transform: uppercase;
 text-align: center;
 width: 3.4%;
 cursor: pointer;
 color: #000
}

.loja_info p,
.loja_lista li,
.loja_quantidade {
 font-size: 24px;
 color: #000;
 margin-top: 10px;
}

.alfabeto li:hover {
 color: #827653
}

.loja_lista {
 width: 70%;
 margin: 80px auto;
 display: flex;
 flex-wrap: wrap;
 max-height: 400px;
 overflow: visible auto;
 padding: 0 0 0 2%
}

.loja_lista li {
 margin-bottom: 15px;
 float: left;
 width: 38%;
 margin-right: 10%;
 list-style-image: url(https://qa-uploads.madnezz.com.br/1c45c1166580e5cb10473c445de556ff);
 padding-left: 2%;
 transition: .2s;
 cursor: pointer
}

.loja_quantidade {
 margin: 50px 0;
 display: block;
 font-weight: 400
}

.loja_lista::-webkit-scrollbar {
 width: 5px
}

.loja_lista::-webkit-scrollbar-track {
 background: #f1f1f1
}

.loja_lista::-webkit-scrollbar-thumb {
 background: var(--amarelo-principal)
}

.loja_lista::-webkit-scrollbar-thumb:hover {
 background: #5b046a
}

.loja_info {
 width: 100%;
 background-color: #f7f7f7
}

.loja_info .left {
 width: 28%;
 float: left;
 padding: 70px 10px 70px;
 margin-left: 20%
}

.loja_info .right {
 width: 50%;
 float: left;
 padding: 100px 0
}

.loja_info .right #sociais img {
 width: 40px;
 transition: .1s;
 margin-top: 20px
}

.loja_info .right * {
 max-width: 80%
}

#loja .loja_info h2 {
 text-align: left;
 width: auto;
 margin: 0 auto;
 max-width: initial
}

.loja_nome {
 font-size: 48px;
 color: var(--amarelo-principal);
 margin-bottom: 10px
}

.loja_ramo {
 margin-top: 40px
}

.logo_loja {
 margin: 0 auto;
 display: block;
 width: 100%
}

#alimentacao .img_fundo {
 background-image: url(https://upload.madnezz.com.br/1df162aceac26b9cbae91081997400d7)
}

#alimentacao .loja_lista::-webkit-scrollbar {
 width: 5px
}

#alimentacao .loja_lista::-webkit-scrollbar-track {
 background: #f1f1f1
}

#alimentacao .loja_lista::-webkit-scrollbar-thumb {
 background: #262b9b
}

#shopping .box_line:after,
.box_line:after {
 content: '';
 position: absolute;
 height: 1px;
 background: #dedede;
 left: 0
}

#alimentacao .loja_lista::-webkit-scrollbar-thumb:hover {
 background: #4d9000
}

#lazer p {
 max-width: 650px;
 margin: 0 auto;
 font-size: 18px;
 line-height: 30px
}

.content_origem {
 width: 700px;
 padding: 60px 50px 80px;
 border-bottom: 1px solid #ddd;
 margin: 0 auto 60px
}

.content_origem div button {
 position: absolute;
 top: 0;
 right: 4%;
 width: 20px;
 height: 100%;
 background-image: url(https://upload.madnezz.com.br/8e43c110b7d1c62fb6a3da5adddb7073);
 background-color: transparent;
 cursor: pointer
}

.map {
 height: 700px
}

#rota {
 position: absolute;
 top: 0;
 left: 0;
 width: 30%;
 height: 70%;
 z-index: 99;
 background-color: #fbfbfb;
 overflow: auto;
 box-shadow: 10px 15px 30px 0 rgba(0, 0, 0, .1);
 padding: 1% 2%;
 display: none
}

#contato form {
 width: 900px;
 margin: 20px auto 100px;
 border-bottom: 1px solid #ddd;
 padding-bottom: 50px
}

#contato form table {
 width: 100%;
 border-collapse: separate;
 border-spacing: 40px
}

#contato form table td select {
 width: 102%
}

#contato textarea {
 width: 100%;
 padding: 20px 2.5%
}

#contato form input[type=submit] {
 border: none;
 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
 padding: 10px 30px;
 color: #262b9b;
 float: right;
 margin-right: 36px;
 margin-left: 70%;
 margin-top: 40px
}

#contato form input[type=submit]:hover {
 background-color: #262b9b;
 color: #fff
}

#contato .g-recaptcha {
 float: right;
 margin-right: 36px;
 display: block
}

#cinema .swiper-container {
 margin-top: 80px;
 min-height: 1000px
}

#cinema .swiper-button-next,
#cinema .swiper-button-prev {
 width: 70px;
 height: 65px;
 background-size: auto;
 background-position: center;
 background-color: #07b5ae;
 border-radius: 0;
 top: 42%;
 margin-top: -32.5px
}

#cinema .swiper-button-prev {
 left: 0
}

#cinema .swiper-button-next {
 right: 0
}

.cinema_filmes li {
 height: 0;
 transition: .5s
}

.cinema_filmes li * {
 z-index: 2
}

.cinema_filmes li img {
 width: 330px;
 padding-top: 100px
}

.cinema_filmes li.swiper-slide-next,
.cinema_filmes li.swiper-slide-prev {
 width: 16% !important;
 height: auto;
 background: 0 0 !important
}

.cinema_filmes li.swiper-slide-active {
 width: calc(65% - 62px) !important;
 border: 1px solid #dedede;
 margin: 0 1.5% 150px;
 padding: 70px 30px;
 height: auto;
 transition: .1s
}

.cinema_filmes li .info {
 display: none;
 transition: .2s
}

.cinema_filme img,
.cinema_filmes li.swiper-slide-active img {
 width: 330px;
 float: left;
 padding-top: 0
}

.cinema_filme .info,
.cinema_filmes li.swiper-slide-active .info {
 width: calc(100% - 400px);
 display: block;
 float: left;
 padding-left: 60px
}

.cinema_filme .filme_sinopse,
.cinema_filmes li.swiper-slide-active .filme_sinopse {
 display: block
}

.cinema_filmes li.swiper-slide-next img,
.cinema_filmes li.swiper-slide-prev img {
 width: 100%;
 max-width: 320px;
 transition: none
}

.cinema_filmes li .info h2 {
 font-size: 54px;
 color: #003863
}

.filme_censura,
.filme_duracao,
.filme_genero {
 font-family: 'Futura Bd';
 font-size: 24px;
 color: #003863;
 text-transform: uppercase
}

.filme_duracao {
 margin: 0 60px
}

#cinema2 .filme_horarios>p {
 margin-bottom: 20px
}

.filme_horarios b {
 color: #014e8e;
 font-weight: 100;
 font-size: 36px
}

.fhorario_btn a {
 font-size: 16px;
 text-align: center;
 padding: 15px 30px;
 color: #000;
 display: inline-block;
 vertical-align: middle;
 height: 20px;
 overflow: hidden;
 margin: 7px 13px 30px 0;
 border: 1px solid #000
}

.filme_lang,
.filme_sinopse span {
 font-size: 24px;
 color: #07b5ae;
 font-family: 'Futura Bd';
 text-transform: uppercase
}

.fhorario_btn a span {
 padding: 0;
 display: block;
 -webkit-transition: .3s;
 -moz-transition: .3s;
 -o-transition: .3s;
 transition: .3s
}

.fhorario_btn a span:first-child {
 margin-top: -80px;
 margin-bottom: 55px;
 text-transform: uppercase
}

.fhorario_btn a:hover span:first-child {
 margin-top: 0
}

.fhorario_btn a:hover {
 background: #f1de0b;
 border: 1px solid #f1de0b;
 color: #000;
 opacity: 1
}

.filme_lang {
 margin: 12px 0
}

.filme_sinopse {
 width: 100%;
 position: absolute !important;
 top: 100%;
 left: 0;
 margin-top: 50px
}

.filme_qtd {
 background: #fff;
 z-index: 1;
 position: relative;
 padding: 0 40px
}

#shopping .box_line:after {
 top: calc(50% - .5px);
 width: 100%
}

.box_line:after {
 top: calc(75% - .5px);
 width: 100%
}

.busca_filme table {
 width: 600px;
 margin: 0 auto
}

.busca_filme table td {
 display: inline-block;
 width: 100%
}

.busca_filme {
 width: 90%;
 margin: 50px auto 30px;
 position: relative
}

.busca_filme label {
 font-family: 'Futura Bd';
 font-size: 20px;
 text-transform: uppercase;
 margin-right: 20px;
 color: #033a65
}

.busca_filme .box_submit {
 width: calc(100% - 150px);
 display: inline-flex
}

.busca_filme select {
 width: calc(100% - 160px)
}

.qtd_filmes {
 color: #939393;
 margin-bottom: 5px;
 display: inherit
}

.cinema_filme li {
 width: 100% !important;
 border: 1px solid #dedede;
 margin: 0 auto 350px;
 padding: 70px 30px;
 height: auto;
 transition: .1s
}

@media only screen and (max-width:1800px) {
 .header ul {
  font-size: 20px
 }

 .header ul li {
  margin-bottom: 3px
 }

 .novidade_info .box_info .txt p {
  max-height: 350px
 }
}

@media only screen and (max-width:1600px) {
 .header ul {
  font-size: 18px
 }

 .header ul li {
  margin-bottom: 3px
 }

 .header.active .header_sociais span {
  font-size: 15px;
  line-height: 30px
 }

 .novidade_info .box_info .txt p {
  max-height: 300px
 }

 #alimentacao table,
 #loja table {
  width: 100%
 }

 .loja_lista {
  width: 90%
 }
}

@media only screen and (max-width:1500px) {
 .header ul {
  font-size: 15px
 }

 .header ul li {
  margin-bottom: 4px
 }

 .header.active .header_sociais span {
  font-size: 12px;
  line-height: 28px
 }

 .novidade_info .box_info .txt p {
  max-height: 250px
 }
}

@media only screen and (max-width:1120px) {
 .busca_filme table {
  width: 90%
 }

 .cinema_filmes li img {
  width: 100px
 }

 .cinema_filme li {
  width: 70% !important
 }

 .cinema_filmes li.swiper-slide-active {
  padding: 0;
  border: none;
  width: 65% !important
 }

 .cinema_filmes li.swiper-slide-active img {
  width: 90%;
  float: none;
  display: block;
  margin: 0 auto
 }

 .cinema_filmes li.swiper-slide-active .info {
  width: 80%;
  margin: 0 auto;
  padding: 30px 0;
  float: none
 }

 .cinema_filmes li.swiper-slide-next img,
 .cinema_filmes li.swiper-slide-prev img {
  width: 160px
 }

 .cinema_filmes li.swiper-slide-next,
 .cinema_filmes li.swiper-slide-prev {
  overflow: hidden
 }

 #cinema .box_line:after,
 #cinema .swiper-button-next,
 #cinema .swiper-button-prev,
 .content_footer,
 .header_contato span,
 .header_sociais,
 .swiper-pagination {
  display: none
 }

 .cinema_filmes li .info h2 {
  font-size: 40px;
  text-align: center
 }

 #loja .loja_info h2,
 .fhorario_btn,
 .filme_lang,
 .footer *,
 .footer .madnezz,
 .galeria_home p,
 .galeria_home span,
 .loja_info .right,
 .novidade_info .info * {
  text-align: center
 }

 .fhorario_btn a {
  margin-right: 10px;
  padding: 15px 4px
 }

 .fhorario_btn a:last-child {
  margin-right: 0
 }

 .filme_censura,
 .filme_duracao,
 .filme_genero {
  width: 100%;
  display: block;
  padding: 0 0 15px;
  text-align: center
 }

 .filme_duracao {
  margin: 0
 }

 .cinema_filme .info {
  width: 51%
 }

 .cinema_filmes li.swiper-slide-active .filme_sinopse {
  position: relative !important;
  top: 0;
  text-align: justify;
  margin-top: 10px
 }

 #contato form table td input[type=text],
 .bloco1,
 .bloco2,
 .bloco3,
 .bloco4,
 .bloco5,
 .bloco6,
 .busca_filme select,
 .busca_loja,
 .loja_lista li {
  width: 100%
 }

 #contato form tr,
 .header_contato button {
  display: block
 }

 .galeria_home .left,
 .galeria_home .right,
 .novidade_home .right {
  width: 100%;
  margin-right: 0
 }

 .galeria_home ul li {
  width: 48%
 }

 .galeria_home .bg_titulo {
  float: none;
  width: 210px;
  margin: 20px auto 0;
  display: block;
  text-align: center
 }

 .galeria_home p {
  margin: 50px auto 20px
 }

 .galeria_home span {
  float: none;
  margin: 20px 0 30px;
  display: block
 }

 .novidade_home .left {
  width: 100%;
  margin: 0
 }

 .novidade_info {
  height: 200px
 }

 .novidade_info .info {
  position: relative;
  top: 100%;
  bottom: 0;
  width: 100%;
  right: 0
 }

 .footer {
  margin-top: 50px
 }

 .footer * {
  font-size: 20px
 }

 .footer img.logo {
  width: 50%;
  margin: 0 auto;
  float: none
 }

 .col1,
 .col2,
 .col3,
 .col4,
 .col5,
 .col6 {
  width: 100% !important;
  margin: 0 0 30px !important
 }

 .banner_secundaria .titulo {
  max-width: 100%
 }

 .banner_secundaria .titulo h1 {
  font-size: 30px;
  line-height: 62px
 }

 .loja_nome {
  font-size: 30px
 }

 .alfabeto {
  flex-wrap: wrap;
  margin-top: 15px
 }

 .alfabeto li {
  margin-right: 50px
 }

 .loja_info .left {
  width: 100%;
  padding: 50px 0;
  margin-left: 0
 }

 .loja_info .right {
  width: 100%;
  float: left;
  padding: 0 0 50px
 }

 .loja_info * {
  margin: 0 auto
 }

 #alimentacao table,
 #loja table {
  border-spacing: 20px;
  margin-top: 10px 0 20px
 }

 #alimentacao table td,
 #loja table td {
  width: 100%;
  display: block;
  margin: 0 0 20px
 }

 #alimentacao table td input,
 #loja table td input {
  width: calc(100% - 46px)
 }

 #contato form {
  width: 100%;
  margin: 40px auto 100px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 50px
 }

 #contato form tr td {
  width: 80%;
  display: block;
  margin-bottom: 35px
 }

 #contato form table {
  width: 100%;
  border-collapse: unset;
  border-spacing: unset
 }

 #contato form table td select {
  width: 113%
 }

 .box .input-captcha {
  margin-bottom: 35px
 }

 .box .box_contato {
  float: unset !important
 }

 #contato textarea {
  width: 108%;
  padding: 20px 2.5%
 }

 #contato form input[type=submit] {
  float: unset;
  margin-right: unset;
  margin-left: unset;
  margin-top: 70px
 }

 #contato .g-recaptcha {
  float: left;
  margin-right: 0;
  display: block
 }
}