:root{
    --color_p:#000;
    --color_button:#aa0f15;
    --color_button_b:#aa0f15;
    --color_button_h:#aa0f15;
}
body,html{
    overflow-X:hidden;
    scroll-behavior:smooth
}
body{
    font-size:16px;
    font-family:Poppins,sans-serif;
    font-weight:400;
    overflow:hidden;
    background:#f4f4f4
}
body,body label,body p,body span{
    font-size:14px
}
*,::active,::focus,::hover,::visited,:after,:before{
    outline:none!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    background-position:50%!important
}
.form-control, 
.form-control:focus, 
#contact-form input, 
#contact-form textarea, 
#contact-form select, 
form#formUpdate input, 
form#formUpdate textarea, 
form#formUpdate select, 
form#formUpdateContato input, 
form#formUpdateContato textarea, 
form#formUpdateContato select, 
form input, form textarea, 
form select, 
.header-search form input, 
.header-search form select, 
.header-search form select option, 
.listComments .listCommentsQuestion, 
textarea, 
input, 
select, 
select option, 
form [type="password" ] {
    background-color: #fff;
}
.img-wrap,figure{
    margin-bottom:0
}
.img-wrap{
    width:100%;
    overflow:hidden
}
.img-wrap img{
    width:100%;
    height:auto
}
a,a:active a:visited,a:focus,a:hover{
    color:var(--color_p);
    text-decoration:none;
    transition:.5s
}
p{
    margin-bottom:0
}
h1,h2,h3{
    font-weight:700;
    margin:0
}
h1{
    font-size:1.4em;
    color:#444;
    margin-bottom:22px
}
h2{
    font-size:2em
}
.btn{
    border-radius:5px;
    border:2px solid #dbdcdd;
    background:#fff;
    width:auto;
    box-shadow:0 2px 0 0 #d6d6d6;
    color:#000;
    height:45px;
    width:60px;
    text-align:center;
    outline:0;
    margin:0 5px;
    line-height:40px
}
.btn.btn-primary{
    width:100%;
    background-color:var(--color_button);
    box-shadow:0 4px 0 0 var(--color_s);
    border-color:var(--color_button_b);
    color:#fff;
    font-size:16px;
    padding:0 10px;
    margin:0;
    left: 0;
}
.btn.btn-primary:focus,.btn.btn-primary:hover{
    background-color:var(--color_button_h);
    border-color:var(--color_button_h);
    outline:0;
    color:#fff
}
.btn.btn-primary i{
    margin-right:50px;
    margin-bottom:0
}
.btn.btn-success{
    width:100%;
    color:#fff;
    background-color:#32d15a;
    border-color:#2cbb51;
    box-shadow:0 2px 0 0 #2cbb51;
    font-size:18px;
    padding:0 10px;
    margin:0
}
.btn.btn-success:focus,.btn.btn-primary:hover{
    background-color:#32d15a;
    border-color:#2cbb51;
    outline:0;
    color:#fff
}
.btn.btn-success i{
    margin-left:50px;
    margin-bottom:0
}
.table{
    width:100%!important;
    border-bottom:0!important;
    border-collapse:separate!important;
    border-spacing:0 15px!important
}
.table-striped tbody tr,.table-striped tbody tr:nth-of-type(odd){
    background:#fff;
    border-bottom:20px solid #f5f6f5
}
.table thead th{
    border:0!important;
    color:#bec1cc
}
.table thead td,.table thead th{
    padding-left:32px!important
}
.table td,.table th{
    border:0;
    vertical-align:middle
}
.table td.nowrap,.table th.nowrap{
    white-space:nowrap
}
.table td:before{
    background-color:var(--color_p)!important;
    top:calc(50% - 10px)!important;
    line-height:16px!important
}
.table td p{
    display:inline-block
}
.table td span{
    color:#727272;
    font-size:12px;
    display:block
}
.table td.flex{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center
}
.table td.flex div{
    -ms-flex-negative:0;
    flex-shrink:0
}
.table td.flex div img{
    margin-right:10px
}
.table td.flex div p,.table td.flex div span{
    white-space:pre-wrap
}
.table td .size{
    border-radius:5px;
    border:2px solid #dbdcdd;
    background:#fff;
    width:auto;
    box-shadow:0 2px 0 0 #d6d6d6;
    color:#000;
    height:45px;
    width:60px;
    text-align:center;
    font-size:16px;
    line-height:43px;
    padding:0;
    margin:0 5px;
    position:relative;
    display:inline-block
}
.table td .size:after{
    content:"\f058";
    font-family:Font Awesome\ 5 Free;
    color:var(--color_p);
    font-size:15px;
    position:absolute;
    font-weight:600;
    top:-20px;
    right:-5px
}
button,input,select{
    border-radius:5px;
    border:2px solid #dbdcdd;
    background:#fff;
    width:auto;
    box-shadow:0 2px 0 0 #d6d6d6;
    color:#000;
    height:45px;
    width:60px;
    outline:0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
    -webkit-appearance:none;
    -moz-appearance:textfield;
    margin:0
}
select{
    background:#fff url(../img/el_down.svg) right 12px center/auto no-repeat;
    padding:4px 44px 4px 10px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
select::-ms-expand{
    display:none
}
button{
    cursor:pointer;
    background:#e2e2e2;
    margin:0 5px;
    text-align:center
}
button:focus,button:hover{
    outline:0;
    background:#d6d6d6;
    border-color:#d6d6d6
}
input[type=radio]+label{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center
}
input[type=radio]+label:before{
    content:"";
    width:12px;
    height:12px;
    border-radius:50%;
    display:inline-block;
    background-color:#fff;
    margin-right:12px
}
input[type=radio]:checked+label:before{
    background-color:var(--color_p);
    border:2px solid #616161
}
.cart_header{
    background:var(--color_p);
    padding:20px 0
}
.cart_flex{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-align:center;
    align-items:center
}
.cart_header_logo img{
    height:50px
}
.cart_header_infos{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:end;
    align-items:flex-end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    -ms-flex-line-pack:end;
    align-content:flex-end
}
.cart_header_infos .item{
    display:-ms-flexbox;
    display:flex;
    margin-right:50px
}
.cart_header_infos .item:last-child{
    margin-right:0
}
.cart_header_infos .item .item_icon i{
    color:#fff;
    font-size:22px;
    margin-right:10px;
    margin-top:5px
}
.cart_header_infos .item .item_info a,.cart_header_infos .item .item_info p{
    color:#fff;
    text-transform:uppercase
}
.cart_header_infos .item .item_info a{
    font-size:22px
}
.cart_header_infos .item .item_info .email{
    text-transform: lowercase;
}
.cart_header_infos .item .item_info p{
    font-weight:100;
    font-size:14px;
    margin-bottom:0
}
.cart_header_infos .item .item_info span{
    font-size:22px;
    color:#fff
}
.cart_main{
    padding:60px 0
}
.cart_remove i{
    cursor:pointer;
    color:var(--color_p);
    font-size:20px
}
.cart_complement{
    background:#fff;
    width:100%;
    padding:20px
}
.sub_cart{
    color:#bec1cc;
    font-size:14px
}
.cart_complement_cupom{
    margin-right:20px
}
.cart_complement_cupom form{
    display:-ms-flexbox;
    display:flex;
    margin-top:10px
}
.cart_complement_cupom form input{
    width:60%;
    text-align:left;
    padding-left:20px
}
.cart_complement_cupom form button{
    width:200px
}
.cart_freight form{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:left;
    align-items:left;
    margin-top:10px
}
.cart_freight form input{
    width:60%;
    text-align:left;
    padding-left:20px
}
.cart_freight form button{
    color:var(--color_p);
    width: 100%;
    font-size:14px
}
.cart_shipment_result{
    border-top:1px solid #eaeaea;
    margin-top:20px;
}
.display-none{
    display: none;
}
form.choose_shipment {
    flex-wrap: wrap;
    flex-direction: column;
}
.cart_shipment_result form{
    margin-top:5px
}
.cart_shipment_result form input{
    width:100%;
    height:auto
}
.cart_shipment_result form label{
    color:#7c7f89;
    text-transform:uppercase;
    margin-right:20px;
    width: 100%;
}

.column-produto{
    white-space: nowrap;
}
.cart_totals{
    border-left:1px solid #eaeaea;
    margin-left:10px;
    padding:10px 30px
}
.cart_totals p{
    display:block;
    color:#7c7f89;
    margin-bottom:10px;
    white-space: nowrap;
}
.cart_totals h1{
    white-space: nowrap;
    font-size:17px;
    font-weight:500
}
.cart_totals h1 span{
    white-space: nowrap;
    font-size:18px;
    font-weight:500
}
.cart_totals .total_shipment{
    display:none
}
.cart_action{
    position:relative;
    margin-top:20px;
    float:right
}
.cart_action2{
    position:relative;
    margin-top:20px;
    float:left;
}
.cart_action2 a{
    color: #7c7f89;
}
.cart_complement .cart_flex .cart_options{
    display:-ms-flexbox;
    display:flex
}
@media screen and (max-width:1200px){
    .cart_complement .cart_flex{
        -ms-flex-flow:column nowrap;
        flex-flow:column nowrap;
        -ms-flex-align:start;
        align-items:flex-start
    }
    .cart_complement .cart_flex .cart_options{
        display:-ms-flexbox;
        display:flex;
        width:100%
    }
    .cart_complement .cart_flex .cart_totals{
        border-left:0;
        border-top:1px solid #616161;
        margin-top:22px;
        padding-left:0;
        margin-left:0;
        width:100%
    }
}
@media screen and (max-width:992px){
    .cart_complement .cart_flex .cart_options{
        -ms-flex-flow:column nowrap;
        flex-flow:column nowrap
    }
    .cart_complement .cart_flex .cart_options>*{
        margin-bottom:22px
    }
}
@media screen and (max-width:768px){
    .cart_header .cart_flex{
        -ms-flex-flow:column nowrap;
        flex-flow:column nowrap
    }
    .cart_header_logo{
        margin-bottom:22px
    }
    .cart_header_infos .item{
        margin-right:12px
    }
}
@media screen and (max-width:520px){
    .cart_header_infos{
        -ms-flex-flow:column nowrap;
        flex-flow:column nowrap;
        -ms-flex-align:center;
        align-items:center
    }
    .cart_header_infos .item{
        margin-bottom:12px;
        text-align:center;
        -ms-flex-align:center;
        align-items:center
    }
    .cart_header_infos .item .item_info a,.cart_header_infos .item .item_info span{
        font-size:18px
    }
    .cart_header_infos .item .item_info p{
        font-size:12px
    }
}
@media screen and (max-width:520px){
    .cart_complement .cart_flex .cart_options>*{
        -ms-flex-flow:column nowrap;
        flex-flow:column nowrap;
        margin-right:0
    }
    .cart_complement .cart_flex .cart_options>* form{
        display:-ms-flexbox;
        display:flex;
        -ms-flex-flow:column nowrap;
        flex-flow:column nowrap;
        -ms-flex-align:start;
        align-items:flex-start
    }
    .cart_complement .cart_flex .cart_options>* form>*{
        width:100%;
        margin:0 0 12px
    }
}
.buy-steps{
    background-color:#fff;
    box-shadow:0 4px 12px 2px rgba(0,0,0,.2);
    margin-bottom:42px
}
.buy-steps ul{
    padding:22px 0
}
.buy-steps ul,.buy-steps ul li{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center
}
.buy-steps ul li{
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-flow:column nowrap;
    flex-flow:column nowrap;
    width:220px
}
.buy-steps ul li i{
    border-radius:50%;
    border:1px solid var(--color_p);
    color:#fff;
    background-color:#fff;
    padding:6px;
    margin-bottom:12px;
    position:relative
}
.buy-steps ul li i:after{
    content:"";
    width:220px;
    height:1px;
    background:var(--color_p);
    display:block;
    position:absolute;
    top:50%;
    left:100%
}
.buy-steps ul li:last-child i:after{
    content:none
}
.buy-steps ul li.active i{
    background:var(--color_p)
}
.buy-steps ul li span{
    color:var(--color_p);
    font-size:12px
}
.buy-step{
    margin-bottom:32px
}
.buy-step .container{
    display:-ms-flexbox;
    display:flex
}
.buy-step .container,.buy-step .login-form{
    -ms-flex-pack:center;
    justify-content:center
}
.buy-step .login-form{
    display:none;
    opacity:0;
    width:100%;
    transition:opacity 2s ease
}
.buy-step .login-form.active{
    display:-ms-flexbox;
    display:flex;
    opacity:1;
    transition:opacity 2s ease
}
.buy-step .img-wrap{
    width:52px;
    margin-right:32px;
    -ms-flex-negative:0;
    flex-shrink:0
}
.buy-step .img-wrap img{
    border-radius:50%
}
.buy-step .content{
    max-width:380px;
    width:calc(100% - 52px);
    position:relative;
    margin-bottom:42px
}
.buy-step .content.large{
    max-width:520px
}
.buy-step .content h1{
    font-size:22px;
    margin-bottom:32px
}
.buy-step .content .options{
    display:-ms-flexbox;
    display:flex;
    margin-bottom:22px
}
.buy-step .content .options .option{
    width:190px;
    height:38px;
    cursor:pointer;
    line-height:38px;
    font-size:12px;
    text-align:left;
    padding:0 22px;
    text-transform:uppercase;
    background-color:#ddd;
    margin:0 12px 12px 0;
    box-shadow:0 2px 0 0 #ababab;
    border-radius:5px
}
.buy-step .content .options .option.active{
    background-color:#fff;
    border:0;
    box-shadow:0 2px 0 0 var(--color_p)
}
.buy-step .content button,.buy-step .content input,.buy-step .content label,.buy-step .content select{
    display:block;
    width:100%
}
.buy-step .content form input{
    margin-bottom:12px;
    text-align:left;
    font-size:12px;
    padding-left:15px
}
.buy-step .content form input.email-input,.buy-step .content form input.password-input{
    padding-left:42px
}
.buy-step .content form input.email-input{
    background:#fff url(../img/el_mail.svg) left 10px center/auto no-repeat
}
.buy-step .content form input.password-input{
    background:#fff url(../img/el_lock.svg) left 10px center/auto no-repeat
}
.buy-step .content form button{
    margin:0 0 32px
}
.buy-step .content form .form-group{
    margin-bottom:6px
}
.buy-step .content form .form-group input{
    height:42px
}
.buy-step .content form .send{
    padding-top:30px
}
.buy-step .content form .send .btn{
    height:38px;
    box-sizing:border-box;
    font-size:16px;
    line-height:34px
}
.buy-step .content .option-form{
    visibility:hidden;
    opacity:0;
    transition:opacity .5s ease;
    position:absolute;
    width:100%
}
.buy-step .content .option-form.active{
    visibility:visible;
    opacity:1;
    transition:opacity .5s ease
}
.buy-step .content .obs{
    border-top:1px solid #616161;
    color:#616161;
    padding:10px 0;
    text-align: center;
}

.buy-step .content .esqueci-login{
    float: right;
    text-align: right;
    text-decoration: underline;
    color: #666666;
}

.buy-step .content .esqueci-login:hover{
    text-decoration: underline;
    color: #999999;
}
@media screen and (max-width:992px){
    .buy-steps ul li{
        text-align:center
    }
    .buy-steps ul li,.buy-steps ul li i:after{
        width:128px
    }
}
@media screen and (max-width:570px){
    .buy-steps ul{
        -ms-flex-align:start;
        align-items:flex-start
    }
    .buy-steps ul li:not(.last) span{
        display:none
    }
    .buy-steps ul li,.buy-steps ul li i:after{
        width:90px
    }
}
@media screen and (max-width:420px){
    .buy-steps ul li,.buy-steps ul li i:after{
        width:70px
    }
    .client-login .container{
        -ms-flex-flow:column nowrap;
        flex-flow:column nowrap
    }
    .client-login .container .img-wrap{
        margin-bottom:22px
    }
    .client-login .container .content{
        width:100%
    }
    .client-login .container .content .options .option{
        padding:0 12px
    }
}
input[type=radio]{
    display:none!important
}
input[type=radio]+label{
    background-color:#ddd;
    padding:16px 12px;
    border:1px solid #d6d6d6;
    box-shadow:0 2px 0 0 #ababab;
    border-radius:5px
}
input[type=radio]:checked+label{
    background-color:#fff
}
.buy-step .content .new-address-link{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:22px
}
.buy-step .content .new-address-link:before{
    content:"";
    background:url(../img/el_plus.svg) 50%/100% auto no-repeat;
    width:16px;
    height:16px;
    margin-right:4px;
    display:inline-block
}
.address-form{
    max-height:0;
    overflow:hidden;
    transition:max-height .5s ease
}
.address-form.active{
    max-height:400px;
    transition:max-height .5s ease
}
.sidebar{
    margin-left:32px;
    width:100%;
    max-width:340px
}
.sidebar h1{
    font-size:22px;
    margin-bottom:32px
}
.sidebar .content{
    background-color:#fff;
    padding:22px 12px;
    border:1px solid #ddd;
    width:100%;
    margin-bottom:0
}
.sidebar .content .cart-list{
    border-bottom:1px solid #616161;
    padding-bottom:12px
}
.sidebar .content .cart-list li{
    display:-ms-flexbox;
    display:flex;
    margin-bottom:12px
}
.sidebar .content .cart-list li img{
    margin-right:12px;
    width: 40px;
}
.sidebar .content .cart-list li p{
    margin-bottom:0
}
.sidebar .content .cart-list li p small{
    color:#aaa;
    font-size:10px
}
.sidebar .content .price strong{
    font-size:20px
}

.sidebar .content .price strong span{
    font-size:24px
}
.sidebar .content .price small{
    color:#aaa
}
.sidebar .payments{
    background-color:#ebebeb;
    text-align:center;
    padding:12px;
    border:1px solid #ddd;
}
@media screen and (max-width:768px){
    .delivery .container{
        -ms-flex-flow:column nowrap;
        flex-flow:column nowrap
    }
    .delivery .container .content{
        width:100%
    }
    .address-form.active{
        max-height:750px
    }
    .sidebar{
        max-width:520px;
        margin-left:0
    }
    .sidebar .content{
        max-width:none
    }
}
.buy-step.payment .options .option{
    width:50%;
    margin-right:0;
    text-align:center;
    text-transform:none;
    height:50px;
    line-height:50px;
    margin-right: 10px;
}
.buy-step.payment .options .option:last-child{
    margin-right: 0;
}
.buy-step.payment .options .option.active{
    font-weight:700;
}
.buy-step.payment .content form .card-wrapper{
    transform:scale(.7)
}
.buy-step.payment .content form .send .btn{
    height:44px;
    line-height:28px
}
.buy-step.payment .content .option-form p{
    color:#a1a1a1;
    margin-bottom:18px
}
.buy-step.payment .content .option-form .option-footer{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-align:center;
    align-items:center;
    margin-top:52px
}
.buy-step.payment .content .option-form .option-footer .price p{
    color:#000
}
.buy-step.payment .content .option-form .option-footer .price p,.buy-step.payment .content .option-form .option-footer .price p span{
    font-size:16px
}
.buy-step.payment .content .option-form .option-footer .price p span{
    color:#32d15a
}
.buy-step.payment .content .option-form .option-footer .btn{
    line-height:32px;
    max-width:220px;
    margin:0
}
@media screen and (max-width:768px){
    .buy-step.payment .container{
        -ms-flex-flow:column nowrap;
        flex-flow:column nowrap
    }
    .buy-step.payment .content{
        width:100%
    }
    .buy-step.payment .content .options{
        -ms-flex-flow:column nowrap;
        flex-flow:column nowrap
    }
    .buy-step.payment .content .options .option{
        width:100%
    }
    .buy-step.payment .content form .card-wrapper{
        transform:scale(1)
    }
    .buy-step.payment .content .option-form .option-footer{
        -ms-flex-flow:column nowrap;
        flex-flow:column nowrap;
        -ms-flex-align:start;
        align-items:flex-start
    }
}
@media screen and (max-width:420px){
    .buy-step.payment .content .options{
        -ms-flex-flow:column nowrap;
        flex-flow:column nowrap
    }
    .buy-step.payment .content .options .option{
        width:100%
    }
    .buy-step.payment .content form .card-wrapper{
        transform:translateX(-16px)
    }
}
.buy-step.thank-you .content{
    text-align:center
}
.buy-step.thank-you .content .img-wrap{
    margin:0 auto 22px
}
.buy-step.thank-you .content p{
    color:#a1a1a1;
    margin-bottom:32px
}
.buy-step.thank-you .content p strong{
    color:#000
}
.buy-step.thank-you .content .items{
    padding-bottom:4px;
    border-bottom:1px solid #aaa;
    display:inline-block;
    cursor:pointer
}
.buy-step.thank-you .content .items:before{
    content:"";
    background:url(../img/el_down.svg) 50%/auto no-repeat;
    width:22px;
    height:12px;
    display:inline-block;
    margin-right:12px
}
.buy-step.thank-you h2{
    font-size:18px
}
.cart-table.first .row{
    background-color:transparent;
    color:#bbb;
    font-weight:700;
    margin-bottom:0
}
.cart-table .row{
    margin:0;
    -ms-flex-align:center;
    align-items:center;
    background-color:#fff;
    margin-bottom:22px;
    position:relative
}
.title_cart{
    margin-left: 15px;
}
.cart-table .row>*{
    padding:12px 15px
}
.cart-table .row .column-title{
    display:block;
    margin-bottom:12px;
    color:#bbb;
    font-weight:700;
    display:none
}
.cart-table .row .cart-remove{
    position:absolute;
    right:0;
    cursor:pointer;
    color:var(--color_p);
    font-size:20px
}
.cart-table .flex{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center
}
.cart-table .flex img{
    margin-right:8px
}
.cart-table .size{
    border-radius:5px;
    border:2px solid #dbdcdd;
    background:#fff;
    width:auto;
    box-shadow:0 2px 0 0 #d6d6d6;
    color:#000;
    height:45px;
    text-align:center;
    font-size:16px;
    line-height:43px;
    padding:0;
    margin:0 5px;
    position:relative;
    display:inline-block
}
.cart-table .size:after{
    content:"\f058";
    font-family:Font Awesome\ 5 Free;
    color:var(--color_p);
    font-size:15px;
    position:absolute;
    font-weight:600;
    top:-20px;
    right:-5px
}
@media screen and (max-width:1200px){
    .cart-table.first{
        display:none
    }
    .cart-table .row .column-title{
        display:block
    }
    .cart-table .row .cart-remove{
        top:0
    }
}

.form-email{
    font-size: 1.3em;
    text-align: center;
    color: var(--color_p);
    margin-bottom: 30px;
}

.form-voltar{
    font-size: 1.0em;
    color: #cccccc;
    text-align: left;
    float: left;
}

.desconto_pix {
    font-size: 10px !important;
}

