body > #wrapper {min-height: 0; padding: 0;}

#wrapper {padding: 0;}
#wrapper > .wrap {padding: 15vw 0 0; position: relative; z-index: 1;}

body > #wrapper.c_index.a_index {padding: 0; overflow: hidden; position: relative;}

#wrapper.c_index.a_index > .wrap {padding: 92px 0 0;}

.mobile {display: block;}
.desktop {display: none !important;}

header {position: fixed; z-index: 9999; overflow: visible;}
header .indent {margin: 0;}
header .header {height: 15vw; z-index: 2; justify-content: space-between;}
header .header .logo {height: 100%;}
header .header .logo figure {height: 100%; display: flex; align-items: center;}
header .header .logo img {max-height: 80%;}
header .header .click-menu {width: 7.83vw; position: relative; height: 5.33vw;}
header .header .click-menu span {display: block; width: 100%; height: 0.83vw; position: absolute; background: #6f6f6f; left: 0; transition: all .4s;}
header .header .click-menu span:before {content: ""; display: block; width: 100%; height: 100%; position: absolute; background: #6f6f6f;transition: all .4s;}
header .header .click-menu span:nth-child(1) {top: 0;}
header .header .click-menu span:nth-child(2) {top: 50%; transform: translateY(-50%)}
header .header .click-menu span:nth-child(3) {bottom: 0;}
header .header .click-menu.active span:nth-child(1) {top: -30%; opacity: 0;}
header .header .click-menu.active span:nth-child(2) {transform: rotate(45deg); border-radius: 50px;}
header .header .click-menu.active span:nth-child(2)::before {transform: rotate(-90deg);border-radius: 50px;}
header .header .click-menu.active span:nth-child(3) {bottom: -30%; opacity: 0;}
header .bg {position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, .6); opacity: 0; visibility: hidden; transition: .4s; z-index: 99; left: 0; top: 15vw;}
header .bg.active {opacity: 1; visibility: visible;}
header .header #menu {position: fixed; width: 100%; max-width: 78.83vw; height: calc(100% - 15vw); bottom: 0; right: -100%; background: #eee; transition: all .4s; z-index: 999; top: 15vw;}
header .header #menu.active {right: 0;}
header .header #menu ul {margin-top: 20.83vw; display: flex; flex-direction: column; overflow: hidden;}
header .header #menu ul li {margin-bottom: 6.67vw;}
header .header #menu ul li:last-child {margin-bottom: 0;}
header .header #menu ul li a {padding: 0 0 0 8.33vw; font-size: 5.5vw; line-height: 11.33vw; color: #bcbcbc; font-weight: bold;}
header .header #menu ul li a.border:before {width: 2.17vw; height: 100%; left: -2.17vw; transition: all .2s; bottom: 0;}
header .header #menu ul li a.border.selected:before, header .header #menu ul li a.border:hover:before {left: 0;}

@keyframes pass {
	0% {right: 58px;}
	25%, 100% {right: -20px;}
}

header {position: absolute; top: 0; left: 0; width: 100%;}
header.fixed {position: fixed; top: 0;}
header .header-home {display: flex; align-items: center; justify-content: space-between; height: 92px; padding: 0 6.3vw; box-shadow: 0 0 20px rgba(18, 16, 11, .2); background: #fff;}
header .header-home .logo{height: auto; width: auto; border: 0;}
header .header-home .logo img {height: 60px;}
header .header-home .logo .conf{display: none;}
header .header-home .click-menu {width: 50px; height: 30px; position: relative;}
header .header-home .click-menu:before {content: ""; display: block; height: 100%; width: 6px; background: rgba(255, 255, 255, .8); position: absolute; top: 0; animation: pass 5s ease infinite; z-index: 1; transform: skewX(-35deg); box-shadow: 0 0 5px rgba(255, 255, 255, 1);}
header .header-home .click-menu span {width: 100%; display: block; position: absolute; left: 0; border-radius: 50px; height: 4px; background: #b4b4b9; transition: transform .2s ease, top .2s ease .2s, bottom .2s ease .2s, opacity 0s .2s; }
header .header-home .click-menu span:nth-child(1) {top: 0;}
header .header-home .click-menu span:nth-child(2) {top: calc(50% - 2px);}
header .header-home .click-menu span:nth-child(3) {bottom: 0; left: auto; right: 0; width: calc(100% - 13px);}
header .header-home .click-menu.active span {transition: transform .2s ease .2s, top .2s ease, bottom .2s ease, opacity 0s .2s;}
header .header-home .click-menu.active span:nth-child(1) {transform: rotate(-45deg); top: calc(50% - 2px)}
header .header-home .click-menu.active span:nth-child(2) {transform: rotate(45deg); top: calc(50% - 2px);}
header .header-home .click-menu.active span:nth-child(3) {bottom: calc(50% - 2px); opacity: 0;}
header .header-home #menu{position: absolute; top: 100%; right: 0; transform: translateX(100%); transition: all .3s; width: 70.19vw; background: #eeeeee; height: 100vh;}
header .header-home #menu nav {flex-direction: column; justify-content: flex-start; padding: 8.8vw 0 0;}
header .header-home #menu nav > a {height: 11.2vw; justify-content: flex-start; padding: 0 0 0 6.94vw; color: #8f8f8f; font-weight: bold; font-size: 5.09vw; margin: 0 0 4.56vw;}
header .header-home #menu nav > a:before {height: 100%; width: 2.41vw; bottom: 0; transition: all .3s; transform: translateX(-100%);}
header .header-home #menu nav > a.selected:before { transform: none;}
header .header-home #menu nav > a.video {margin-top: 2.67vw;}
header .header-home #menu nav .social {display: flex; align-items: center; width: 100%; justify-content: center;}
header .header-home #menu nav .social a{margin: 0 1.5vw;}
header .header-home #menu nav .social a:before{display: none;}
header .header-home #menu.active{transform: translateX(0);}
header .header-home #menu .indent{padding: 5vw 0 0;}
header.scroll .header-home #menu {position: absolute; height: 100vh; box-shadow: none; background: #eeeeee; top: 100%;}

footer {margin: 0; float: left; height: auto;}
footer h2 {font-size: 4.33vw; padding: 0 6.33vw; line-height: 9vw; margin: 0 0 7.5vw; border-radius: 1.67vw;}
footer .footer {padding: 0 6.17vw; margin: 0;}
footer .footer .fit-indent {flex-direction: column; margin: 0 0 20px;}

footer .footer .box01 form#fContato {float: none; width: 100%; max-width: none;}
footer .footer .box01 form input, footer .footer .box01 form textarea {color: #928062; border-color: #928062; font-size: 3.5vw;}
footer .footer .box01 form input[type="button"] {float: none; margin: calc(5.5vw - 16px) auto 0; border-color: #928062; border-width: 1px; line-height: 7vw; max-width: 33.33vw; border-radius: 1.67vw; font-weight: normal;}
footer .footer .box01 .tendencias {width: 100%; max-width: none; margin-top: 11.67vw; text-align: center;}
footer .footer .box01 .tendencias h3 {font-size: 5.17vw; text-align: center;}
footer .footer .box01 .tendencias form {margin: 5vw 0;}
footer .footer .box01 .tendencias form div {padding: 0;}
footer .footer .box01 .tendencias > a {margin-bottom: 13.33vw;}
footer .footer .box01 .tendencias p {font-size: 14px; font-weight: 300;}
footer .footer .box01 .tendencias p strong {font-size: 3.67vw;}

footer .footer .box01 .tendencias .whatsapp {margin: 10px 0;}
footer .footer .box01 .tendencias .whatsapp a {justify-content: center;}

footer .footer .copyright {border: none;}
footer .footer .copyright .fit-indent {align-items: flex-end;}
footer .footer .copyright p {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%;}
footer .footer .copyright .fit-indent {display: flex; justify-content: center; align-items: center;}
footer .footer .copyright .fit-indent a {margin: 20px 0 0;}

footer.index_index {height: auto; margin: 0; padding: 5vw 0 0;}
footer .footer.home .indent {margin: 0;}
footer .footer.home .top .logo img {width: 51.76vw;}
footer .footer.home .top .logo > a {margin: 0 0 4.44vw;}
footer .footer.home .top .redhot img {width: 12.98vw;}
footer .footer.home .top .social a:first-child{margin: 0 9.44vw 0 0;}
footer .footer.home .bottom {margin: 5vw 0 0; flex-direction: column-reverse; text-align: center; padding: 5vw 0;}
footer .footer.home .bottom img {display: block; margin: 0 auto 5vw;}

.indent {margin: 0 0 50px;}

/* NOVA HOME */

#home.blur {filter: blur(4px);}
#home .indent h2{font-size: 32px;}
#home .indent p{font-size: 5vw; font-weight: normal;}
#home .indent p br{display: none;}
#home .indent a.btn{margin: 5vw 0 0; line-height: 10vw; font-size: 5vw;}

#home #diagramos {background: url(../images/banner-home-m.jpg) left -6vh center no-repeat; background-size: auto 100%; height: 80vh; padding: 0 34vw 0 6.11vw; min-height: 400px;}
#home #imprimimos {background: url(../images/banner-home-imprimimos-m.jpg) right center no-repeat; background-size: auto 100%; height: 61vh; padding: 6.94vw 6.11vw 0;}
#home #entregamos {background: url(../images/banner-home-entregamos-m.jpg) left -17vh center no-repeat; background-size: auto 100%; height: 80vh; padding: 6.94vw 6.11vw 0; align-items: flex-start; min-height: 490px;}

#home #conheca .indent{padding: 5vw 0 0;}
#home #conheca .indent:before {display: none;}
#home #conheca .indent .text {text-align: center;}
#home #conheca p{font-size: 15px; padding: 0 5vw; margin: 1.67px 0 6vw;}
#home #conheca p br{display: none;}
#home #conheca .wrap-albuns{margin: 5vw 0 0; padding: 0;}
#home #conheca .wrap-albuns .album {width: calc(100% - 35vw); height: 104.06vw; transform: translateX(50%) scale(.7);}
#home #conheca .wrap-albuns .album .wrap-album .texto p{font-size: 23px;}
#home #conheca .wrap-albuns .active .album {transform: translateX(0) scale(1);}
#home #conheca .wrap-albuns .active + .owl-item .album {transform: translateX(-50%) scale(.7);}
#home #conheca .wrap-albuns .owl-item {padding: 10vw 0 10vw;}
#home #conheca .wrap-albuns .owl-buttons > div {width: 5.56vw; height: 5.56vw;}
#home #conheca .wrap-albuns .owl-buttons .owl-prev{left: 10.46vw; border-color: #1b98d4;}
#home #conheca .wrap-albuns .owl-buttons .owl-next{right: 10.46vw;}
#home #contato {height: auto; padding: 8.8vw 6.48vw;}
#home #contato h2 {font-size: 32px;}
#home #contato .wrap-form{margin: 10vw 0 0; height: auto; flex-direction: column;}
#home #contato .wrap-form form{width: 100%; padding: 7.41vw;}
#home #contato .wrap-form form div:last-child{margin: 0;}
#home #contato .wrap-form form label{font-size: 17px;}
#home #contato .wrap-form form input[type=submit]{height: 10vw; font-size: 5vw; float: right;}
#home #contato .wrap-form .infos{width: 100%; padding: 7.41vw;}
#home #contato .wrap-form .infos h3{font-size: 25px; margin: 0 0 20px;}
#home #contato .wrap-form .infos h3:before{height: 4px; width: 70px;}
#home #contato .wrap-form .infos p{font-size: 17px; margin: 35px 0 5px;}
#home #contato .wrap-form .infos a{font-size: 16px;}

/* /NOVA HOME */

.bg-cliente {background-size: cover !important; height: 32vw;}

.line {font-size: 4.33vw;}
.line span {padding: 0 3.33vw;}
.line:before {width: calc(100% - 20px); left: 10px;}

.cliente .step .step-cadastro > div,
#alterarsenha > div {width: 100%; padding: 0;}
#alterarsenha {margin: 0 0 20px; overflow: hidden;}
.cliente .wrap-passos {display: none;}

.cliente .step .swrap > div {width: 100%; padding: 0; margin: 0 0 40px;}
.cliente .step .swrap > div.clear {margin: 0;}
.cliente .step .swrap .sl {padding: 0;}
.cliente .step .swrap .sr {padding: 0;}
.cliente .step a.forgot {display: block; width: 100%; text-align: center; float: left;    margin: 10px 0 0;}
.cliente .step input[type='submit'], .cliente .step .btn-proximo {display: block; margin: 0 auto; float: none;}
.cliente .step .esqueceu {margin: 20px 0 0;}
.cliente .step .step-cadastro .col-lg-1 {display: none;}
.cliente .step .step-cadastro .col-lg-5 {width: 50%;}
.cliente .step label {font-size: 13px;}
.cliente .step .pessoa + label {margin: 0;}

.cliente aside {width: calc(100% - 10vw); text-align: center; margin: 0 auto 10vw; padding: 0; float: none;}
.cliente aside ul li {padding: 0;}
.cliente aside ul li:last-child {padding: 0;}
.cliente aside ul li:first-child {padding: 0;}
.cliente aside ul li a {display: block; padding: 5vw 0;}

.cliente .area {width: 100%; padding: 0 0 30px;}
.cliente .buttons {width: 100%;}
.cliente .btn-new {width: 90%; margin: 0 auto; font-size: 16px;}

.cliente .om {width: 90%; margin: 0 auto 5vw; flex-direction: column;}
.cliente .om .del_montagem {display: block;}
.cliente .om .info {width: 100%;}
.cliente .om .info .itens {justify-content: space-between; flex-wrap: wrap;}
.cliente .om .info .itens .i {width: calc(50% - 2.5vw); margin: 0 0 5vw;}
.cliente .om .info .itens .i:last-child {margin: 0 0 5vw;}
.cliente .om .info .itens .i img {max-width: 100%;}
.cliente .om .actions {width: 100%;}

.cliente .om .row {flex-direction: column;}
.cliente .om .row .item,
.cliente .om .row .info,
.cliente .om .row .clientes,
.cliente .om .row .actions {width: 100%; margin: 20px 0 0; padding: 20px 0 0; border: 0; border-top: 1px #ccc solid;}
.cliente .om .row .item {margin: 0; padding: 0; border: 0;}

.cliente .manutencao .w_clientes .w_g_cliente {display: flex; flex-direction: column; justify-content: space-between; position: relative;}
.cliente .manutencao .w_clientes .w_g_cliente .col-lg-12 {width: calc(100% - 40px);}
.cliente .manutencao .w_clientes .w_g_cliente .col-last {width: 40px; margin: 0; position: absolute; right: 0; top: 20px;}
.cliente .manutencao .w_clientes .w_g_cliente .col-last label {display: none;}
.cliente .manutencao .w_endereco_entrega {display: flex; flex-direction:column; margin: 30px 0 0;}
.cliente .manutencao .w_endereco_entrega > div {width: 100%; padding: 0;}

.cliente .manutencao .list_produtos {overflow-x: auto; padding: 10px 5px; justify-content: space-between;}
.cliente .manutencao .list_produtos .item {width: calc(50% - 10px); flex-wrap: nowrap; margin: 0 0 20px;}
.cliente .manutencao .list_produtos .item:last-child {margin: 0 0 20px;}
.cliente .manutencao .list_produtos .item img {max-width: 100%;}

.cliente .step h1 {font-size: 14px;}
.cliente .btn-edit {width: 100%; padding: 15px 30px; font-size: 16px;}

.cliente .area .wrap_tabela_pedidos {width: 100%; overflow-x: auto; padding: 0 5vw;}
.cliente .area .wrap_tabela_pedidos table {width: 800px;}

.cliente .w_list_montagem h2 {padding: 0 20px;}
.cliente .w_list_montagem h2 .sair {width: 100%; padding: 15px 20px; text-align: center; color: #fff; background: #4489c1; border: 1px #4489c1 solid; margin: 0 0 20px;}
.cliente .w_list_montagem h2 .sair:hover {color: #4489c1; background: #fff;}

.cliente .w_list_montagem .w_group {justify-content: space-between; padding: 0 20px;}
.cliente .w_list_montagem .w_group .w_produto {width: calc(100% / 2 - 10px); margin: 0 0 20px;}





.bg.bg-categorias {background: url(../images/m-bg-categorias.jpg) center top no-repeat; background-size: cover; height: 39.43vw;}

.produtos .list > section {margin: 0 0 10vw; max-width: none; width: 90%;}
.produtos .list .details {padding: 5vw 2.5vw; box-shadow: 0 0 15px rgba(0, 0, 0, .2);}
.produtos .list .details img {margin-bottom: 0;}
.produtos .list .details h1 {height: auto; text-decoration: none;}

.produtos .content {padding: 40px 5vw 165px;}
.produtos .content .gallery {width: 100%; padding: 0;}
.produtos .content .gallery .item {width: calc(100% - 1px);}
.produtos .content .gallery figure img.max_h {height: auto; max-height: none; max-width: 100%;}
.produtos .content .gallery .wrap_carrousel_big {height: auto;}
.produtos .content .info {width: 100%; padding: 5vw 0 0;}
.produtos .content .info #calculo_frete #cep {width: calc(100% - 150px);}
.produtos .content .info .codigo {margin: 0 0 20px;}
.produtos .content .info h1 {margin: 0 0 1.5vw;}
.produtos .content .info h1:after {margin: 1.5vw 0 0;}
.produtos .content .info .price_box .buy_button .btn_comprar {font-size: 16px; height: 50px;}
.produtos .content .info #result {margin: 5vw 0 0; text-align: center;}
.produtos .content .info #result h4 {font-size: 16px;}
.produtos .content .descricao {width: 100%; display: block; margin: 5vw 0 0; font-size: 16px;}
.produtos .content .descricao p {margin: 5px 0 0; font-size: 14px;}

.carrinho .wrap_frete_total .total {width: 100%;}
.carrinho .botoes,
.carrinho .wrap_frete_total .botoes {width: 100%; display: flex; justify-content: space-around; flex-direction:column; align-items: center;}
.carrinho .botoes a,
.carrinho .wrap_frete_total .botoes a {height: 50px; width: 90%;}
.carrinho .botoes .bt_concluir,
.carrinho .wrap_frete_total .botoes .bt_concluir {width: 90%;}
.carrinho .botoes .bt_continuar,
.carrinho .wrap_frete_total .botoes .bt_continuar {width: 90%; margin: 5vw 0 0;}

.carrinho #formCarrinho {margin: 20px 0 0;}
.carrinho #formCarrinho table tbody tr {position: relative; display: block; overflow: hidden; padding: 15px 0;}
.carrinho #formCarrinho table.list .th {display: none;}
.carrinho #formCarrinho table.list td {width: 50%; display: block; float: right; text-align: center !important; border: 0; padding: 0;}
.carrinho #formCarrinho table.list td.img {float: left; padding: 5px 0 20px 40px;}
.carrinho #formCarrinho table.list .first figure {display: block; margin: 20px auto; float: none;}
.carrinho #formCarrinho table.list .first {padding: 0 10px;}
.carrinho #formCarrinho table.list .mid {margin: 10px 0; padding: 0 10px; float: right; width: 80%;}
.carrinho #formCarrinho table.list .mid .ref {margin: 10px 0;}
.carrinho #formCarrinho table.list .mid .separator {display: none;}
.carrinho #formCarrinho table.list .mid .nome {font-size: 14px;}
.carrinho #formCarrinho table.list td.remover {margin: 0; position: absolute; top: calc(50% - 15px); left: 5px; width: 30px; height: 30px;}
.carrinho #formCarrinho table tr:nth-last-child(2) td.remover {border: 0;}
.carrinho #formCarrinho table.list td.remover a {margin: 0;}
.carrinho #formCarrinho table.list .last {padding: 10px 10px 40px; border-top: 1px #ccc dotted; border-bottom: 1px #aaa solid; margin: 0 0 20px;}

.carrinho #formCarrinho table tr td .info {margin: 0; font-size: 12px; padding: 0 1vw;}
.carrinho #formCarrinho table tr td.img figure img {max-width: 100%;}
.carrinho #formCarrinho table tr:nth-last-child(2) td.img {border: 0;}
.carrinho #formCarrinho table tr th.al-left,
.carrinho #formCarrinho table tr td.al-left {text-align: center; margin: 0;}
.carrinho #formCarrinho table tr td .qtd {margin: 5px auto; width: 70%; height: 70px;}
.carrinho #formCarrinho table tr td .qtd .ui-spinner {display: block; height: 100% !important;}
.carrinho #formCarrinho table tr td .qtd .ui-spinner input {width: calc(100% - 38px); height: 100%; font-size: 30px;}
.carrinho #formCarrinho table tr td .qtd .ui-spinner a {width: 38px; height: 35px; border: 0; border-left: 1px #ccc solid;}
.carrinho #formCarrinho table tr td .qtd .ui-spinner a.ui-spinner-down {border-top: 1px #ccc solid;}
.carrinho #formCarrinho table tr td .qtd .ui-spinner .ui-icon {top: 8px; left: 11px; margin: 0;}
.carrinho #formCarrinho table tr td.uni {display: none;}

.carrinho #formCarrinho .boxTotal {width: 100%; padding: 0; margin: 20px auto; float: none; display: flex; justify-content: center; align-items: center;}
.carrinho #formCarrinho .boxTotal .lbl-total {margin: 0 20px 0 0;}

.carrinho .empty {padding: 0 5vw;}

.carrinho .cupom input[type='text'] {width: 100%; margin: 0 0 3vw;}

.checkout .content {width: 100%; padding: 0 10px; margin: 10px auto;}
.checkout .content.success {text-align: center;}

.checkout .frete {padding: 0 10px;}
.checkout .frete .opt {height: 50px; line-height: 30px;}
.checkout .frete .opt input {margin: 8px 5px;}
.checkout .frete .opt .icon {margin: 0 5px 0 0;}
.checkout .frete .opt .icon img {width: 30px;}

.checkout .header {text-align: center; margin: 5vw 0 0;}

.checkout .step label {font-size: 12px;}
.checkout .step .sl,
.checkout .step .sr {width: 100%; margin: 0 0 20px;}
.checkout .step .btn-padrao {width: auto; padding: 0 10px;}
.checkout .step a.forgot {float: left; clear: none;}
.checkout .step .btn-padrao.gray {font-size: 16px; margin: 10px 0 0;}
.checkout .step .t-holder {font-size: 14px; line-height: 30px; padding: 0 5px;}
.checkout .step .swrap .separator_prelogin {margin: 20px 0;}
.checkout .step .wrap_i {width: 100%;}
.checkout .step #cadastrar {width: auto; float: none; margin: 0 auto;}
.checkout .step .swIndent {width: 100%; clear: both;}
.checkout .step2 .dados input,
.checkout .step2 .endereco input,
.checkout .step2 .endereco select {width: 100% !important;}
.checkout .step2 .dados input[type="checkbox"],
.checkout .step2 .endereco input[type="checkbox"] {width: auto !important;}
.checkout #usesame label {width: calc(100% - 25px); margin: 0 0 0 10px; line-height: 40px; height: auto;}
.checkout .step2 .dados input,
.checkout .step2 .endereco input,
.checkout .step2 .endereco select {}
.checkout .step2 .dados .wrap_radio {margin: 0 0 20px;}
.checkout .step2 .dados .wrap_radio [for="chalterarsenha"] {line-height: normal; height: auto;}
.checkout .step2 .dados #sexo {width: 100%;}
.checkout .step2 .dados #sexo input {width: auto !important;}
.checkout .step2 .dados #sexo label.error {width: auto;}
.checkout .step3 label {margin: 10px 0 0;}
.checkout .step3 label br {display: none;}
.checkout .step3 .cart {width: 100%; position: static; height: auto !important; overflow: hidden; margin: 0 0 30px; padding: 0; border: 0;}
.checkout .step3 .cart br {display: none;}
.checkout .step3 .cart .resume {margin: 0; border: 1px #ccc solid; padding: 10px;}
.checkout .step3 .cart .resume .cartItens {border: 1px #ccc solid;}
.checkout .step3 .cart .blockaddress {padding: 0; background: none; border: 1px #ccc solid;}
.checkout .step3 .cart .blockaddress .sub-t-holder {padding: 0; line-height: 30px; background: #f6c314; color: #fff; font-size: 14px; margin: 0;}
.checkout .step3 .cart .address {display: block; border: 1px #ccc solid; padding: 10px; margin: 10px;}

.checkout .step3 .group {margin: 0 0 50px;}

.checkout .step3 #entrega {padding: 0;}

.checkout .step3 #pagamento {}
.checkout .step3 #pagamento .g_pagamento_option {padding: 0; margin: 0 0 10px;}
.checkout .step3 #pagamento .g_pagamento_option .sub-t-holder {background: #fff; padding: 10px; position: static; border: 0;}
.checkout .step3 #pagamento .g_pagamento_option .sub-t-holder .icon {}
.checkout .step3 #pagamento .g_pagamento_option .img_cartoes {}
.checkout .step3 #pagamento .g_pagamento_option .img_cartoes img {height: 15px; margin: 0 0 0 5px;}

.checkout .step3 #pagamento .opt {display: none; padding: 0 10px;}
.checkout .step3 #pagamento .opt span {width: 100%; padding: 0 10px; display: block; font-size: 14px; min-height: 0; margin: 0 0 20px;}
.checkout .step3 #pagamento .btn-padrao {font-size: 12px; float: none; margin: 0 auto;}
.checkout .step3 #pagamento .line {float: none; width: 100%; overflow: hidden;}
.checkout .step3 #pagamento .line.expiracao label,
.checkout .step3 #pagamento .line.right label {margin: 10px 0 0;}
.checkout .step3 #pagamento input[type="text"],
.checkout .step3 #pagamento select,
.checkout .step3 #pagamento #telefone_titular,
.checkout .step3 #pagamento #data_nascimento_titular,
.checkout .step3 #pagamento #cartao_numero,
.checkout .step3 #pagamento #cartao_cvv,
.checkout .step3 #pagamento #parcelas {margin: 0; width: 100%;}
.checkout .step3 #pagamento .tipo_cartao {margin: 0 10px; padding: 0 0 20px; position: relative;}
.checkout .step3 #pagamento .tipo_cartao .clear.mobile {display: block; margin: 19px 0 20px 15%; width: 25%;}
.checkout .step3 #pagamento .tipo_cartao input {width: 25%; margin: 19px 0 0 15%; opacity: 0; display: none;}
.checkout .step3 #pagamento .tipo_cartao a {margin: 10px calc(25% - 30px);}
.checkout .step3 #pagamento .tipo_cartao a.selectedCard {box-shadow: 0 0 5px rgba(0,0,0,0.5);}
.checkout .step3 #pagamento #cartao_validade_mes,
.checkout .step3 #pagamento #cartao_validade_ano {width: calc(50% - 5px); margin: 3px 0 0;}
.checkout .step3 #pagamento #cartao_validade_ano {margin: 3px 0 0 10px;}
.checkout .step3 #pagamento .btn-padrao {margin: 10px 0; width: 100%; white-space: normal; height: auto; line-height: normal; padding: 10px; clear: both;}
.checkout .step3 #cartao label[for="useCadastro"] {width: calc(100% - 35px);}
.checkout .step3 #cartao #useCadastro {margin: 17px 3% 0;}
.checkout .step3 #pagamento .cvv_info {display: none;}
.checkout .step3 #cartao label.error[for="cartao[tipo]"] {margin: 0; width: 100%; text-align: center; top: -3px; right: auto;}

.checkout .success .print_boleto {width: 100%;}

.checkout .success .print_pagamento,
.checkout .failure .print_pagamento,
.checkout .failure .tentar_novamente {width: 100%;}

.checkout .failure h2 {font-size: 14px;}

.checkout .success .print_boleto figure {margin: 0;}
.checkout .success .print_boleto span {line-height: normal; margin: 5px 0 0;}

.checkout label {font-weight: bold; color: #000;}
.checkout .line {margin: 0; color: #000;}

.w_list_montagem .w_tutorial {position: unset; width: 95%; margin: 55px auto 0;}
.w_list_montagem .w_group { width: 100%;}
.w_list_montagem .w_group_p {text-align: center; margin: 20px 0;}
.btn-download {float: right; margin-top: 20px; margin-left: 0; position: absolute; top: 0; right: 6%; margin-right: 0}
.w_list_montagem .w_tutorial iframe {width: 100%;}