html,
 body {
     overflow-x: hidden;
     width: 100%;
     overflow-y: auto;
     min-width: 400px;
     font-family: 'Open Sans', sans-serif;
     font-size: 13px;
     line-height: 20px;
     font-weight: 600;
 }

 * {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     vertical-align: baseline;
 }

 th,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-weight: 100;
     text-transform: uppercase;
     color: inherit;
     font-family: 'din_black'
 }

 a {
     text-decoration: none;
     color: #555;
 }

 a:hover,
 input[type=submit]:hover,
 input[type=button]:hover,
 button:hover {
     opacity: .7;
     filter: alpha(opacity=70);
 }

 ul,
 ol {
     list-style: none;
 }

 h1 {
     font-size: 62px;
     line-height: 71px;
     letter-spacing: -2px
 }

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

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

 h4 {
     font-size: 18px;
     line-height: 22px
 }

 input[type=text],
 input[type=file],
 input[type=password],
 select {
     width: 100%;
     height: 44px;
     line-height: 44px;
     text-indent: 10px;
     border: 1px solid #d4d4d4;
     color: #333;
     font-size: 18px;
     background-color: transparent;
     margin-bottom: 10px;
     padding: 0;
     font-size: 12px;
     position: relative;
 }

 select option {
     background-color: #f0f0f0;
     padding-top: 10px;
     padding-bottom: 10px;
     font-family: 'Open Sans', sans-serif;
     font-size: 12px;
     color: #333
 }

 input[type=file] {
     padding-left: 0;
     text-indent: 4px;
     padding-top: 3px;
     height: 20px;
     line-height: 0
 }

 textarea {
     width: 100%;
     border: 1px solid #d4d4d4;
     height: 200px;
     resize: vertical;
     background-color: transparent;
     padding-top: 20px;
     font-family: 'Open Sans', sans-serif;
     font-size: 12px;
     padding-left: 2%
 }

 input[type=submit] {
     padding: 17px 20px;
     background-color: #e9e9e9;
     color: #777;
     cursor: pointer;
     font-family: 'din_black'
 }

 input,
 input[type=text],
 textarea,
 select,
 input[type=submit],
 .border_box {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box
 }

 .header {
     position: relative;
     position: absolute;
     z-index: 999;
     width: 100%;
     background-color: rgba(0, 0, 0, .7);
     font-family: 'news_g'
 }

 @media screen and (-ms-high-contrast:active),
 (-ms-high-contrast:none) {
     #shoppings .timeline tr:nth-child(odd) td:nth-child(3):after {
         margin-top: 27px;
     }

     #shoppings .timeline tr:nth-child(even) td:nth-child(1):after {
         margin-top: 27px;
     }
 }

 .logo {
     width: 330px;
     float: left;
     text-align: center;
     background-color: #fff
 }

 .logo img {
     display: block;
     margin: 0 auto;
     max-width: 100%
 }

 .menu {
     float: right;
     margin-right: 3%;
     margin-top: 10px
 }

 .menu>* {
     display: inline-block;
     vertical-align: middle
 }

 .menu>ul>li {
     text-transform: uppercase;
     position: relative;
     height: 80px;
     line-height: 80px;
     text-transform: uppercase;
     font-size: 17px;
     font-weight: bold;
     background-repeat: no-repeat;
     background-size: 4px;
     background-image: url(https://upload.madnezz.com.br/b44c0e3e4d55d9467f28ac64bfe9e179);
     background-position: center right;
     padding-right: 29px;
     padding-left: 22px;
     display: inline-block
 }

 .menu>ul>li a {
     display: block;
     color: #fff
 }

 .menu>ul>li:hover ul {
     display: block
 }

 .menu>ul {
     margin-right: 30px
 }

 .menu .first {
     margin-left: 0
 }

 .menu .last {
     background-image: none
 }

 .menu ul ul {
     position: absolute;
     display: none;
     background-repeat: no-repeat;
     padding-top: 20px;
     top: 87%;
     z-index: 999;
     padding: 20px;
     background: #88764e;
     color: #fff;
     margin: 0 auto;
     text-align: center;
     width: 160px;
     margin-left: -100px;
     left: 50%
 }

 .menu ul ul li {
     line-height: 21px;
     margin-bottom: 10px;
     padding-bottom: 10px;
     border-bottom: 1px solid #a0916f
 }

 .menu ul ul li:nth-last-child(1) {
     border-bottom: 0;
     margin-bottom: 0;
     padding-bottom: 0
 }

 .menu ul ul li a {
     color: #fff;
 }

 .menu_responsivo {
     display: none
 }

 #index i {
     color: #000;
     position: absolute;
     top: -35px;
     right: 1px;
     font-size: 35px;
     cursor: pointer;
 }

 #index .box-iframe i:hover {
     opacity: .7;
 }

 #index .box-iframe>div {
     position: relative;
 }

 #index iframe {
     width: 860px;
     max-width: 100%;
     height: 500px;
     max-height: 100vh;
 }

 #index .box-iframe {
     position: fixed;
     top: 0;
     left: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     z-index: 999;
     width: 100%;
     height: 100%;
 }

 .default {
     margin: 0 auto;
     padding: 0;
     width: 1220px;
     position: relative;
     overflow: hidden
 }

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

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

 .box.box_left {
     clear: both
 }

 .clear {
     display: block;
     clear: both
 }

 .tac {
     text-align: center
 }

 .tal {
     text-align: left
 }

 .taj {
     text-align: justify
 }

 .tar {
     text-align: right
 }

 .ttu {
     text-transform: uppercase
 }

 .mt100 {
     margin-top: 100px
 }

 .mt60 {
     margin-top: 60px
 }

 .mt50 {
     margin-top: 50px
 }

 .mb50 {
     margin-bottom: 50px
 }

 .cover {
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center
 }

 .claranja {
     color: #c79f50
 }

 .claranja2 {
     color: #867032
 }

 .cmarrom {
     color: #58431a
 }

 .cmarrom_claro {
     color: #9f7d3d
 }

 .banner_secundaria {
     width: 100%;
     padding-bottom: 26%;
     position: relative;
     background-color: #101010
 }

 .banner_secundaria>img {
     position: absolute;
     width: 100%;
     top: 0;
     left: 0;
     display: none
 }

 .letter-spacing-5 {
     letter-spacing: 5px
 }

 .home_lista {
     width: 100%;
     overflow: hidden;
 }

 .home_lista li {
     width: 50%;
     float: left;
     height: 0;
     padding-bottom: 16.5%;
     position: relative;
     color: #fff;
     background-position: center;
     background-size: cover
 }

 .home_lista li h2 {
     margin-top: 14%;
     letter-spacing: 5px
 }

 .home_ficha .home_ficha_img {
     color: #fff;
     padding: 50px 40px;
     background-size: cover;
 }

 .home_ficha table {
     width: 100%;
     border: 2px solid #b69145;
     border-spacing: 0
 }

 .home_ficha table td {
     vertical-align: middle
 }

 .home_ficha .home_ficha_num {
     text-align: center;
     width: 160px
 }

 .home_ficha .box {
     width: 49%
 }

 .home_ficha .box.box_left {
     margin-right: 2%
 }

 .home_ficha_img.tar {
     padding-left: 0;
 }

 .home_ficha_img.tal {
     padding-right: 0;
 }

 .home_comercial {
     min-height: 500px
 }

 .home_comercial_txt {
     width: 40%;
     padding: 4% 9%
 }

 .home_comercial_img {
     background-image: url(https://upload.madnezz.com.br/361e5f05ddde3bb3f6d45bd158fc9703);
     width: 59.5%;
     position: absolute;
     right: 0;
     top: 0;
     height: 100%;
     text-align: center
 }

 .home_comercial_img img {
     display: block;
     margin: 0 auto;
     height: auto;
     width: 66%
 }

 .home_comercial_img table {
     width: 100%;
     height: 100%
 }

 .home_comercial_img table td {
     vertical-align: middle;
     text-align: center;
     width: 50%
 }

 .home_comercial_img table td:nth-child(1) img {
     margin-left: 25%
 }

 .home_comercial_img table td:nth-child(2) img {
     margin-right: 25%
 }

 .footer {}

 .footer_left {
     float: left;
     width: 72%;
     background-color: #333;
     padding: 40px 0
 }

 .footer_divider {
     border-bottom: 1px solid #555555;
     width: 100%;
     display: block
 }

 .footer_left>div {
     padding: 30px 50px;
     padding-right: 60px;
     color: #fff
 }

 .footer_left h3 {
     margin-bottom: 10px;
     font-size: 23px;
     line-height: 27px
 }

 .footer_social {
     overflow: hidden;
     display: inline-block;
     width: 158px;
     margin-top: 11px;
     margin-bottom: 10px
 }

 .footer_social>* {
     float: left;
     margin-left: 5px;
 }

 .footer_right {
     width: 28%;
     float: right;
     text-align: center;
     padding-top: 140px
 }

 .footer_right .logo {
     width: 250px;
     float: none;
     text-align: center;
     background-color: #fff;
     margin: 0 auto
 }

 .pcs {
     margin: 0 10px
 }

 a.bymadnezz {
     color: #969696;
     text-decoration: underline;
 }

 #comercial form {
     max-width: 710px;
     padding: 0 15px;
     margin: 0 auto;
     margin-top: 50px
 }

 #comercial form label {
     display: block;
     margin-bottom: 10px
 }

 #comercial form input[type="submit"] {
     float: right;
     background-color: #58431a;
     color: #fff;
     text-transform: uppercase
 }

 #faq {}

 .slide_lista li {
     width: 100%;
     overflow: hidden;
     display: table;
     margin-bottom: 7px;
     border: 1px solid #ccb479;
     cursor: pointer
 }

 .slide_lista li>* {
     display: table-cell;
     vertical-align: top
 }

 .slide_lista li>h2 {
     width: 50px;
     padding: 30px
 }

 .slide_lista li>div {
     background-color: #957637;
     color: #fff;
     background-image: url(https://upload.madnezz.com.br/18363793fdc11a76b2b277ad5e3047d1);
     background-repeat: no-repeat;
     background-size: cover
 }

 .slide_lista li.active>div {
     background-image: none;
     background-color: #ccb479
 }

 .slide_lista li.active h3 {
     background-image: url(https://upload.madnezz.com.br/0bf9e739d3ef7a77cb0cd61e3112b9be);
     background-position: 97% 50%;
     background-repeat: no-repeat
 }

 .slide_lista li h3 {
     padding: 20px 50px;
     padding-right: 100px;
     background-image: url(https://upload.madnezz.com.br/a4d5bb594fc83057b21a0413e9f0fcd1);
     background-position: 97% 50%;
     background-repeat: no-repeat
 }

 .slide_lista li>div>div {
     display: none;
     padding: 10px 50px;
     padding-right: 100px;
     padding-bottom: 30px;
     color: #111
 }

 #contato_form {
     max-width: 710px;
     padding: 0 15px;
     margin: 0 auto;
     margin-top: 50px
 }

 #contato_form label {
     display: block;
     margin-bottom: 10px
 }

 #contato_form input[type="submit"] {
     float: right;
     background-color: #58431a;
     color: #fff;
     text-transform: uppercase
 }

 .back_map {
     width: 100%;
     padding-bottom: 28%;
     position: relative;
 }

 .back_map:after {
     content: ' ';
     position: absolute;
     z-index: 3;
     left: 0;
     top: 0;
     pointer-events: none;
     width: 100%;
     height: 100%;
     background-color: #886f00;
     opacity: .4
 }

 .back_map>div {
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     position: absolute;
     z-index: 2
 }

 #shoppings {}

 #shoppings .timeline {
     max-width: 90%;
     margin: 0 auto;
     margin-bottom: 100px;
 }

 #shoppings .timeline h2 {
     position: relative;
     background: -webkit-linear-gradient(#c79f50, #8f7944);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     letter-spacing: -3px
 }

 #shoppings .timeline tr {
     padding-bottom: 10px
 }

 #shoppings .timeline td {
     vertical-align: middle;
     position: relative
 }

 #shoppings .timeline td:nth-child(1) {
     text-align: right;
     padding-right: 35px
 }

 #shoppings .timeline td:nth-child(2) {
     padding: 30px 20px;
     border: 1px solid #a69655;
     display: block;
     margin-bottom: 7px;
 }

 #shoppings .timeline td:nth-child(3) {
     text-align: left;
     padding-left: 35px;
 }

 #shoppings .timeline tr:nth-child(even) td:nth-child(1):after {
     content: ' ';
     position: absolute;
     right: 10px;
     top: 50%;
     height: 10px;
     margin-top: -5px;
     width: 10px;
     background-color: #645c3a
 }

 #shoppings .timeline tr:nth-child(odd) td:nth-child(3):after {
     content: ' ';
     position: absolute;
     left: 10px;
     top: 50%;
     height: 10px;
     margin-top: -5px;
     width: 10px;
     background-color: #645c3a
 }

 #shopping_view {
     background-color: #000000;
     color: #fff;
     padding-bottom: 60px
 }

 #shopping_view .default {
     max-width: 901px;
     width: auto
 }

 #shopping_view span.ttu {
     font-size: 17px;
     line-height: 29px
 }

 .shopping_header {
     width: 100%;
     background-position: center;
     padding: 130px 0;
     max-width: 900px;
     background-repeat: no-repeat;
     text-align: center;
     color: #fff;
     margin: 0 auto;
     margin-bottom: 30px;
 }

 .shopping_galeria {
     width: auto;
     overflow: hidden;
     display: table;
     margin: 20px auto;
     margin-bottom: 40px
 }

 .shopping_galeria>div {
     width: 100%
 }

 .shopping_galeria li {
     width: 170px;
     border: 1px solid #634b1d;
     margin-right: 10px;
     float: left;
     height: 100px;
     position: relative;
 }

 .shopping_galeria li a {
     width: 100%;
     height: 100%;
     left: 0;
     top: 0
 }

 @media only screen and (max-width:1310px) {
     .menu>ul>li {
         padding-right: 16px;
         padding-left: 16px
     }

     .logo {
         width: 240px
     }
 }

 @media only screen and (max-width:1100px) {
     body {
         display: none;
     }
 }

 body.responsivo {
     display: block !important
 }

 body.responsivo #index iframe {
     width: 320px;
     max-width: 100%;
     height: 300px;
     max-height: 100vh;
 }

 body.responsivo .box {
     width: 100%;
     float: none;
 }

 body.responsivo .header {
     position: relative;
     background-color: #fff;
     font-family: 'news_g'
 }

 body.responsivo .header .menu>ul {
     display: block;
     margin-right: 0
 }

 body.responsivo .default {
     width: 90%;
     margin-left: 5%
 }

 body.responsivo .social {
     margin-top: 0;
     display: none;
 }

 body.responsivo .menu {
     opacity: .98;
     display: none;
     background-color: #3c3b3a;
     padding-bottom: 10px;
     text-align: center;
     position: absolute;
     top: 100%;
     width: 100%;
     margin-top: 0;
     left: 0;
 }

 body.responsivo .menu li {
     background-image: none;
     display: block;
     float: none;
     padding: 13px;
     width: auto;
     line-height: 20px;
     height: auto;
     background-color: #575451;
     font-size: 25px;
     line-height: 28px;
     margin: 0 auto;
     margin-bottom: 2px;
     text-align: center
 }

 body.responsivo .logo {
     width: 154px;
     margin-left: 10px
 }

 body.responsivo .menu_responsivo {
     display: block;
     position: absolute;
     right: 16px;
     top: 28px;
     width: 25px;
     opacity: .4
 }

 body.responsivo .social_mobile {
     display: block !important;
     position: absolute;
     top: 23px;
     right: 65px
 }

 body.responsivo .home_lista li {
     width: 100%;
     padding-bottom: 38%
 }

 body.responsivo .home_comercial_txt,
 body.responsivo .home_comercial_img {
     width: 100%;
     position: relative;
 }

 body.responsivo .home_comercial_img {
     padding: 40px 0
 }

 body.responsivo .footer_left {
     width: 100%
 }

 body.responsivo .footer_right {
     width: 100%;
     padding: 20px 0
 }

 body.responsivo #shopping_view .default {
     margin-left: 0;
     width: 95%;
     margin: 0 auto
 }

 body.responsivo .shopping_galeria {
     width: 100%;
     margin-right: -1.2%
 }

 body.responsivo .shopping_galeria li {
     width: 32.33%;
     margin-right: 0;
     overflow: hidden
 }

 body.responsivo .shopping_galeria img {
     width: 130%;
 }

 body.responsivo .back_map {
     padding-bottom: 85%
 }

 body.responsivo .slide_lista li>h2 {
     width: 34px;
     padding: 11px
 }

 body.responsivo .slide_lista li h3 {
     padding: 12px 18px;
     padding-right: 45px
 }

 body.responsivo .slide_lista li>div>div {
     display: none;
     padding: 10px 17px;
     padding-right: 15px
 }

 body.responsivo #shoppings .timeline td:nth-child(2) {
     padding: 29px 6px
 }

 body.responsivo h1 {
     font-size: 41px;
     line-height: 49px;
     letter-spacing: -2px
 }

 body.responsivo h2 {
     font-size: 25px;
     line-height: 30px;
     letter-spacing: 0
 }

 body.responsivo h3 {
     font-size: 18px;
     line-height: 24px
 }

 body.responsivo .menu ul ul {
     position: relative;
     width: 100%;
     display: block;
     margin: 10px auto;
     left: 0;
     width: auto;
     padding: 0;
     padding-bottom: 10px;
     background-color: #1d1000;
 }

 body.responsivo .menu ul ul li {
     background-color: transparent
 }

 .back_map2 {
     background-color: #886f00;
 }

 .back_map2 iframe {
     opacity: 0.5;
     transition: ease .5s all;
 }

 .back_map2:hover iframe {
     opacity: 1;
 }