@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap');

*{
    font-family: 'Ubuntu', 'sans-serif';
}

:root{
    /*tns-colors*/
    --color-tns-light-green: #72be78;
    --color-tns-green: #87b078;
    --color-tns-dark-green: #1b633c;
    --color-tns-grey: #b7c0b8;

    /*tns-gradient*/
    --gradient-tns: linear-gradient(to right, #87b078 0%, #72be78 20%, #1b633c 60%);
}

.gradient-tns{
    background-image: var(--gradient-tns);
}

.container{
    padding: 50px 10px;
}

/*MESSAGES*/
.message {
    color: #ffffff;
    font-size: var(--font-normal);
    font-weight: var(--weight-strong);
    text-align: center;

    display: block;
    width: 100%;
    padding: 10px;
    border: 2px solid #cccccc;

    -webkit-border-radius: var(--radius-normal);
    -moz-border-radius: var(--radius-normal);
    border-radius: var(--radius-normal);
}

.ajax_response {
    margin: 25px 0;
    z-index: 999;
}

.message.success {
    --color: var(--color-green);
    color: #333333;
    border-color: var(--color);
    background: var(--color);
}

.message.info {
    --color: var(--color-blue);
    color: #333333;
    border-color: var(--color);
    background: var(--color);
}

.message.warning {
    --color: var(--color-yellow);
    color: #333333;
    border-color: var(--color);
    background: var(--color);
}

.message.error {
    --color: var(--color-red);
    color: #333333;
    border-color: var(--color);
    background: var(--color);
}

/*HEADER*/
.main_header{
    background: var(--gradient-tns);
    color: var(--color-tns-grey);
}

.main_header .container{
    padding: 20px 0 0 0;
}

.main_header_nav{
    align-items: center;
    color: var(--color-tns-grey);
    padding: 0 10px;
}

/*logo*/
.main_header_nav_logo{
    flex-basis: 30%;
}

.main_header_nav_logo img{
    width: 200px;
    max-width: 100%;
}

/*search*/
.main_header_nav_search{
    flex-basis: 40%;
    text-align: center;
    padding: 0 20px;
}

.main_header_nav_search form{
    background: #fff;
    flex-wrap: nowrap !important;
    overflow: hidden;
}

.main_header_nav_search input{
    width: 100%;
    font-size: var(--font-small);
    padding: 10px;
    border: none;
    outline: none;
}

.main_header_nav_search form button{
    border: none;
    padding: 0 20px;
    font-size: var(--font-normal);
    color: #fff;
    background: var(--color-tns-light-green);
}

.main_header_nav_search button:hover{
    background: var(--color-tns-green)
}

/*menu*/
.main_header_nav_menu{
    flex-basis: 30%;
    text-align: right;
    justify-content: flex-end;
    align-items: center;
}

.main_header_nav_menu div{
    /*margin-right: 15px;*/
}

.main_header_nav_menu .basket{
    display: none;
    z-index: var(--index-menu);
    position: absolute;
    top: 105%;
    left: 0;
    width: 250px;
    background: #fff;
    justify-content: right !important;
    text-align: right;
    padding: 10px;
}

.main_header_nav_menu .basket p{
    width: 100%;
    text-align: center;
    cursor: pointer;
    margin: 10px 0;
    z-index: 99;
}

.main_header_nav_menu .basket p label{
    margin-left: 5px;
    cursor: pointer;
}

.item_basket .show_basket{
    flex-basis: 100%;
    padding: 10px;
}

.item_basket .show_basket:hover{
    background: #eee;
}

.item_basket .show_basket .thumb{
    flex-basis: calc(50% - 20px);
}

.item_basket .show_desc{
    flex-basis: calc(50% - 20px);
    font-size: var(--font-min);
    color: var(--color-tns-dark-green);
    margin-left: 15px;
}

.item_basket .show_desc article{
    margin: 5px 0;
}

.item_basket .rem{
    position: relative;
    right: 5px;
    flex-basis: 100%;
    width: 100%;
    justify-content: flex-end;
    text-align: right;
}

.item_basket .rem label{
    color: #888;
    font-size: var(--font-min);
}

.item_basket .rem label:hover{
    color: var(--color-red-lower);
    cursor: pointer;
}

.main_header_nav_menu_cart,
.main_header_nav_menu_cart:hover{
    color: var(--color-tns-grey);
    text-decoration: none;
}

.main_header_nav_menu_cart{
    position: relative;
}

.main_header_nav_menu_cart span{
    position: absolute;
    right: calc(100% + 5px);
    top: -5px;
    font-size: var(--font-min);
    color: var(--color-green-lower);
}

.main_header_nav_menu_user{
    position: relative;
    margin-right: 25px;
}

.main_header_nav_menu_user_a{
    font-size: var(--font-min);
    padding: 5px 10px;
    border: 1px solid var(--color-tns-grey);
    cursor: pointer;
    color: var(--color-tns-grey);
    text-decoration: none;

    -webkit-border-radius: var(--radius-normal);
    -moz-border-radius: var(--radius-normal);
    border-radius: var(--radius-normal);
}

.main_header_nav_menu_user_a span{
    margin-right: 5px;
}

.main_header_nav_menu_user_a span:hover,
.main_header_nav_menu_user:hover .main_header_nav_menu_user_a,
.main_header_nav_menu_user_a:hover{
    background: var(--color-tns-grey);
    text-decoration: none;
    color: var(--color-tns-dark-green);
}

.main_header_nav_menu_user_a .active{
    background: var(--color-tns-grey);
    color: var(--color-tns-dark-green);
}

.main_header_nav_menu_user nav{
    z-index: var(--index-menu);
    position: absolute;
    border: 1px solid var(--color-tns-grey);
    text-align: right;
    top: 105%;
    right: 0;
    padding: 20px;
    background: var(--color-tns-grey);
    width: 200px;
    display: none;
}

.main_header_nav_menu_user nav a{
    display: block;
    font-weight: var(--weight-normal);
    padding: 5px;
    color: var(--color-tns-dark-green);
    opacity: 0.7;
}

.main_header_nav_menu_user nav a:hover{
    /*text-decoration: underline;*/
    /*color: var(--color-green-lower);*/
    opacity: 1;
}

/*.main_header_nav_menu_user.activated:hover nav{
    display: block;
}*/

/*departments*/
.main_header_departments{
    width: 100%;
    margin-top: 25px;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.main_header_departments_li{
    position: relative;
    text-transform: uppercase;
    font-size: var(--font-small);
    font-weight: var(--weight-bold);
    padding: 10px 20px;
    cursor: pointer;
    color: #fff;

    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.main_header_departments_li:hover,
.main_header_departments_li:hover .link{
    background: var(--color-tns-grey);
    color: var(--color-tns-dark-green);
}

.main_header_departments_li .link{
    color: #fff;
}

.main_header_departments_li_ul{
    position: absolute;
    z-index: var(--index-menu);
    left: 0;
    top: 100%;
    padding: 0 20px 20px 20px;
    width: 100%;
    color: var(--color-tns-dark-green);
    background: var(--color-tns-grey);
    display: none;

    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.main_header_departments_li_ul_li,
.main_header_departments_li_ul_li a{
    text-transform: none;
    display: block;
    width: 100%;
    font-weight: var(--weight-normal);
    color: var(--color-tns-dark-green);
    margin-top: 15px;
    text-decoration: none;
    text-align: center;
}

.main_header_departments_li_ul_li a:hover{
    text-decoration: underline;
}

/**
* MAIN
 */
.main_content{
    width: 100%;
}

body, .main_content:after{
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: var(--index-back);
    background: url("../images/fundo.png");
    background-size: cover;
    background-attachment: fixed;
}

.main_content_header{
    text-align: center;
    margin-bottom: 20px;
}

.main_content_header_title{
    font-size: var(--font-max);
    font-weight: var(--weight-bold);
    color: var(--color-tns-dark-green);
    display: inline-block;
    margin: 20px auto;
    border-top: 10px solid var(--color-tns-dark-green);
    border-bottom: 10px solid var(--color-tns-dark-green);
}

/**
* FOOTER
 */
.main_footer{
    background: #fff;
}


.main_optin{
    width: 500px;
    max-width: 100%;
    margin: 30px auto;
    text-align: center;
}

.main_optin_header{
    color: var(--color-tns-dark-green);
    margin-bottom: 20px;
}

.main_optin_header h3{
    font-size: var(--font-max);
    margin-bottom: 20px;
}

.main_optin_form input{
    font-size: var(--font-normal);
    padding: 8px;
    border: 2px solid #ccc;
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

.main_optin_form .btn{
    background: var(--color-tns-green);
    font-weight: var(--weight-bold);
}

.main_optin_form .btn:hover{
    background: var(--color-tns-light-green);
}

.main_footer_nav{
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.main_footer_nav nav span{
    flex-wrap: wrap;
    flex-basis: 100%;
    color: #888;
}

.main_footer_nav h4{
    color: #888;
    font-size: 1em;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #ccc;
}

.main_footer_nav a{
    display: block;
    width: 100%;
    margin-top: 8px;
    color: #888;
    font-weight: var(--weight-normal);
    font-size: var(--font-small);
    text-decoration: none;
}

.main_footer_nav a:hover{
    text-decoration: underline;
}

.main_footer_nav_li li{
    margin-bottom: 10px;
    font-size: var(--font-small);
    color: #888;
}

.main_footer_bottom{
    background: var(--color-tns-grey);
}

.main_footer_bottom .container{
    align-items: center;
}

.main_footer_bottom_copy{
    flex-basis: 50%;
    font-size: var(--font-normal);
    color: var(--color-tns-dark-green);
}

.main_footer_bottom_copy img{
    width: 170px;
    max-width: 100%;
    margin-bottom: 10px;
}

.main_footer_bottom_copy p{
    font-size: 0.775em;
}

.main_footer_bottom_social{
    flex-basis: 50%;
    text-align: center;
    font-size: var(--font-large);
}

.main_footer_bottom_social a{
    display: inline-block;
    margin-left: 10px;
    color: #fff;
}

.main_footer_bottom_social a:hover{
    color: var(--color-tns-dark-green);
}

/**
* PDT_GALLERY
**/

.pdt_gallery img{
    width: 100%;
}

.pdt_gallery_list{
    flex-basis: 50%;
}

.pdt_gallery_featured{
    font-size: var(--font-max);
}

.pdt_gallery_item{
    position: relative;
}

.pdt_gallery_item_desc{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 20px;
}

.pdt_gallery_item_desc_title{
    display: inline;
    font-size: var(--font-normal);
    overflow: hidden;
}

.pdt_gallery_item_desc_title a{
    background: rgba(0,0,0,0.6);
    color: var(--color-green);
    padding: 3px;
    margin-bottom: 2px;
}

.pdt_gallery_item_desc_title a:hover{
    color: var(--color-green-hover);
}

.pdt_gallery_item_desc p{
    display: inline;
    background: rgba(255,255,255,0.5);
}

.pdt_gallery_item_desc_price{
    margin-top: 5px;
    display: block;
}

.pdt_gallery_item_desc_price p{
    color: #333;
    font-size: var(--font-normal);
}

.pdt_gallery_item_desc_price span{
    text-decoration: line-through;
    color: #666;
}

.pdt_gallery_nomalize .pdt_gallery_item{
    flex-basis: calc(25% - 40px);
    margin: 20px;
}

/**
* PDT_SEGMENT
**/
.pdt_select_header{
    text-align: center;
    margin-bottom: 20px;
}

.pdt_select_header h1{
    font-size: 1.2em;
    display: flex;
    justify-content: center;
}

.pdt_select_header span{
    display: inline-block;
    margin: 0 10px;
    padding: 4px 12px;
    background: #666;
    color: #fff;
    text-transform: uppercase;
    width: 200px;
    max-width: 40%;
}

/**
* MODAL
**/
.main_content_modal,
.main_content_modal_mail_order{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0,0,0,0.5);
    display: none;
    justify-content: center;
    align-items: center;
}

.main_content_modal_box{
    width: 400px;
    max-width: 96%;
    background: #fff;
    color: #888;
    padding: 20px;
}

.main_content_modal_box h1{
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    color: var(--color-tns-dark-green);
    font-size: var(--font-max);
    font-weight: var(--weight-bold);
    margin: 15px auto 10px auto;
}

.main_content_modal_box p{
    text-align: center;
    padding: 10px;
    font-size: var(--font-normal);
    line-height: 1.5;
}

.main_content_modal_box input{
    flex-basis: 100%;
    width: 100%;
    margin-top: 10px;
    font-size: var(--font-normal);
    border: 1px solid #bbb;
    padding: 6px 12px;
}

.main_content_modal_box label{
    flex-basis: 100%;
    width: 100%;
}

.main_content_modal_box input[type="number"]{
    flex-basis: 100%;
    width: 20% !important;
}

.main_content_modal_box button{
    width: 100%;
    margin-top: 15px;
    background: var(--color-tns-green);
    color: #fff;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
}

.main_content_modal_box button:hover{
    background: var(--color-tns-light-green);
}

.main_content_modal_box a{
    display: block;
    margin: 15px 0;
    font-size: var(--font-min);
    color: #888;
    text-align: end;
}

.main_content_modal_box a:last-of-type{
    text-align: center;
}

.main_content_modal_box a:hover{
    color: var(--color-tns-light-green);
}


#mercadopago-checkout{
    height: 100% !important;
}

/*Modal Order*/
.main_content_modal_order{
    /*position: fixed;*/
    /*top: 0;*/
    /*left: 0;*/
    /*bottom: 0;*/
    position: relative;
    width: 100%;
    background: rgba(0,0,0,0.5);
    display: none;
    justify-content: center;
    align-items: center;
}

.main_content_modal_order .main_content_modal_box{
    display: flex;
    flex-basis: 80% !important;
    flex-wrap: wrap !important;
    margin: 15px auto;
}

.main_content_modal_order .main_content_modal_box .order_title{
    flex-basis: 100%;
    margin: 5px 0;
    text-align: center;
}

.main_content_modal_order .main_content_modal_box .content_orders{
    display: flex;
    flex-basis: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 10px;
}

.main_content_modal_order .main_content_modal_box .content_orders div{
    flex-basis: 40%;
    width: 100%;
}

.main_content_modal_order .main_content_modal_box .content_orders div article{
    margin: 10px 0;
    font-size: 0.875em;
    color: #333333;
}

.main_content_modal_order .main_content_modal_box .content_orders div article span{
    color: var(--color-tns-dark-green);
}

.scroll_up{
    display: flex;
    flex-basis: 100%;
    justify-content: flex-end;
    text-align: end;
    max-width: 100%;
    margin-top: 30px;
}

.scroll_up span{
    padding: 8px;
}

.scroll_up span:hover{
    background: var(--color-tns-grey);
    color: var(--color-tns-dark-green);
}



/**
* DEPARTMENTS
**/
.main_content_departments{
    max-width: 100%;
    background: #fff;
    padding: 20px;
}

.main_content_departments_nav{
    flex-basis: 30%;
    flex-wrap: wrap;
}

.main_content_departments_nav_header{
    padding: 10px;
    color: #777;
    text-transform: uppercase;
    font-size: var(--font-min);
}

.main_content_departments_nav_items{
    margin-top: 30px;
}

.main_content_departments_nav_items article{
    display: block;
    width: 90%;
    background: #eee;
    padding: 8px;
    margin-top: 15px;
    color: #555;
}

.main_content_departments_nav_items article span,
.main_content_departments_nav_items article label{
    margin-left: 5px;
}

.main_content_departments_nav_items article span{
    font-size: var(--font-min);
    font-weight: var(--weight-bold);
    padding: 5px;
}

.main_content_departments_nav_items article label.active,
.main_content_departments_nav_items article span.active{
    color: var(--color-tns-light-green);
}

.main_content_departments_nav_items article p{
    display: none;
}

.main_content_departments_nav_items article p.active{
    display: block;
}

.main_content_departments_nav_items article p a{
    display: block;
    text-align: center;
    margin-top: 15px;
    color: var(--color-tns-dark-green);
}

.main_content_departments_nav_items article p a:hover{
    color: var(--color-tns-light-green);
    text-decoration: underline;
}

.main_content_departments_nav_items article p a:last-of-type{
    margin-bottom: 15px;
}

.main_content_departments_products{
    flex-basis: calc(70% - 20px);
    width: 100%;
    /*background: red;*/
}

.main_content_departments_products_title {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 20px;
    padding: 6px 10px;
    /*background: blue;*/
}

.main_content_departments_products_title h1{
    font-size: var(--font-medium);
}

.main_content_departments_products_list{
    flex-basis: 900%;
    margin-left: auto;
    margin-right: auto;
}

.main_content_departments_products_list .alert_depart{
    display: flex;
    flex-basis: 100%;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
}

.main_content_departments_products_list .alert_depart p{
    width: 100%;
    color: #666666;
}

.main_content_departments_products_list .alert_depart p span{
    font-size: 1.4em;
}

.main_content_departments_products_list .pdt_gallery_item{
    flex-basis: calc(30% - 30px);
    background: #eee;
    padding: 10px;
    opacity: 0.8;

    -webkit-border-radius: var(--radius-normal);
    -moz-border-radius: var(--radius-normal);
    border-radius: var(--radius-normal);
}

.main_content_departments_products_list .pdt_gallery_item:hover{
    background: var(--color-green-lower);
    opacity: 1;
}

.main_content_departments_products_list .pdt_gallery_item .galery_image{
    padding: 4px;
}

.main_content_departments_products_list .pdt_gallery_item .galery_image.active{
    background: var(--color-green-lower);
}

.main_content_departments_products_list .pdt_gallery_item .pdt_gallery_item_desc{
    position: relative;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 20px;
}

.main_content_departments_products_list .pdt_gallery_item .pdt_gallery_item_desc .pdt_gallery_item_desc_title a{
    padding: 5px;
    display: inline-block;
    background: rgba(0,0,0,0.4);
}

.main_content_departments_products_list .pdt_gallery_item .pdt_gallery_item_desc .pdt_gallery_item_desc_price{
    margin-top: 10px;
    line-height: 1.3;
}

.main_content_departments_products_list .pdt_gallery_item .pdt_gallery_item_desc .pdt_gallery_item_desc_price span{
    font-size: var(--font-min);
}

.main_content_departments_products_list .pdt_gallery_item .pdt_gallery_item_desc .pdt_gallery_item_desc_price b{
    color: var(--color-tns-dark-green);
}

/*PRODUCT*/
.main_product_content{
    /*flex-wrap: wrap;*/
    background: #fff;
    padding: 40px;
}

.main_product_content_container_thumb{
    flex-basis: 10%;
    padding: 5px;
}

.main_product_content_container_thumb_item{
    display: block;
    margin-bottom: 15px;
    overflow: hidden;
    cursor: pointer;
    padding: 2px;
}

.main_product_content_container_thumb_item.active,
.main_product_content_container_thumb_item:hover{
    background: var(--color-green-lower);
}

.main_product_content_container_thumb_item img{
    width: 100%;
}

.main_product_content_container{
    flex-basis: calc(90% - 40px);
    margin-left: 15px;
}

.main_product_content_container_target{
    flex-basis: 60%;
    overflow: hidden;
}

.main_product_content_container_target_desc{
    flex-basis: calc(40% - 20px);
    margin-left: 15px;
}

.main_product_content_container_target_desc_header{
    margin-bottom: 15px;
    line-height: 1.3;
}

.main_product_content_container_target_desc_avaluate article{
    font-size: var(--font-max);
    color: var(--color-yellow);
}

.main_product_content_container_target_desc_header_title{
    padding: 5px;
    font-size: var(--font-max);
    color: var(--color-green);
    font-weight: var(--weight-bold);
}

.main_product_content_container_target_desc_header_description{
    font-size: var(--font-min);
    line-height: 1.5;
    color: #666;
    text-align: justify;
}

.main_product_content_container_target_desc_user_avaluate{
    margin: 8px 0;
}

.main_product_content_container_target_desc_user_avaluate article{
    color: var(--color-yellow);
    cursor: pointer;
    font-size: var(--font-medium);
}

.main_product_content_container_target_desc_user_avaluate .disclaim{
    color: var(--color-green) !important;
    margin-left: 10px;
    font-size: var(--font-normal) !important;
    cursor: default !important;
}

.main_product_content_container_target_basket_price b{
    color: var(--color-tns-dark-green);
    font-size: var(--font-large);
    font-weight: var(--weight-bold);
}

.main_product_content_container_target_basket_price span{
    margin-left: 10px;
    font-size: var(--font-normal);
    color: #888;
    text-decoration: line-through;
}

.main_product_content_container_target_basket_price_economy{
    margin-top: 10px;
    font-size: var(--font-min);
    color: var(--color-green-hover);
}

.main_product_content_container_target_basket_controller{
    width: 100%;
    margin: 0 10px;
    font-size: var(--font-min);
}

.main_product_content_container_target_basket_control{
    background: #eee;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    flex-basis: 45%;
    margin-top: 15px;
    text-align: center;
    overflow: hidden;
    color: #555;
    display: flex;
}

.main_product_content_container_target_basket_control_select{
    flex-basis: 10%;
    cursor: pointer;
    padding: 10px 20px;
    color: var(--color-tns-light-green);
}

.main_product_content_container_target_basket_control_select:hover{
    background: var(--color-green-hover);
    color: #fff;
}

.main_product_content_container_target_basket_control_display{
    /*flex-basis: calc(20% - 40px);*/
    flex-basis: 10%;
    padding: 10px 20px;
}

.main_product_content_container_target_basket_controller_btn{
    flex-basis: calc(50% - 20px);
    background: var(--color-yellow);
    display: flex;
    align-items: center;
    margin-left: 15px;
    margin-top: 15px;
    text-align: center;
    justify-content: center;
    color: #fff;
}

.main_product_content_container_target_basket_controller_btn:hover{
    background: var(--color-yellow-hover);
}

.main_product_content_container_target_basket_controller_btn a{
    padding: 5px;
    color: #fff;
}

.main_product_content_container_target_basket_controller_btn label{
    margin-right: 10px;
}

.main_product_content_container_target_basket_shop{
    justify-content: flex-end;
    margin: 20px 15px;
}

.main_product_content_container_target_basket_shop span label{
    margin-right: 10px;
}

.main_product_content_container_target_basket_shop .target-warning{
    margin: 10px 0;
    padding: 3px;
    font-size: var(--font-min);
    color: var(--color-red);
    font-weight: var(--weight-bold);
    text-align: justify;
}

.main_product_content_container_about{
    margin: 15px 0;
    padding: 15px 30px;
    background: #fbfbfb;
    width: 100%;
}

.main_product_content_container_about_descript_item{
    padding: 20px;
    border-bottom: 1px dotted #ccc;
    align-items: center;
    color: #777;
    cursor: pointer;
}

.main_product_content_container_about_descript_item span{
    padding: 0 5px;
    text-align: center;
    /*cursor: pointer;*/
    font-size: var(--font-small);
}

.main_product_content_container_about_descript_item h1{
    margin-left: 10px;
    font-size: var(--font-medium);
}

.main_product_content_container_about_descript_item p{
    margin: 15px 0 0 30px;
    text-align: justify;
    line-height: 1.5;
    color: #888;
    display: none;
    font-size: var(--font-small);

}

.main_product_content_container_about_descript_item:last-of-type{
    margin-bottom: 15px;
}

/*CART*/
.main_content_cart{
    background: #fff;
    padding: 30px 60px;
}

.main_content_cart .main_content_cart_header{
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.main_content_cart_header_desc{
    color: #555;
}

.main_content_cart_header_desc .main_content_cart_header_desc_title{
    font-size: var(--font-large);
}

.message{
    background: var(--color-red-lower);
    color: #fff;
    padding: 8px;
    display: none;
}

.main_content_cart_header_desc .main_content_cart_header_desc_description{
    margin-top: 5px;
    font-size: var(--font-normal);
}

.main_content_cart_header_desc_description .qtd{
    margin-right: 5px;
    color: var(--color-green-hover);
}

.main_content_cart_header .btn{
    background: var(--color-tns-light-green);
    text-transform: uppercase;
    font-weight: var(--weight-strong);
}

.main_content_cart_header .btn:hover{
    background: var(--color-green-hover);
}

.main_content_cart_header .btn span{
    margin-right: 10px;
}

.main_content_cart_items{
    padding: 20px;
    margin: 20px 0;
    background: #eee;
}

.main_content_cart_items_item{
    display: block;
    flex-basis: 50%;

}

.main_content_cart_items_box{
    flex-basis: 100%;
    margin-bottom: 15px;
}

.main_content_cart_items_item_thumb{
    flex-basis: 30%;
    margin-right: 20px;
}

.main_content_cart_items_item_description_name{
    color: var(--color-tns-dark-green);
}

.main_content_cart_items_item_description_price{
    margin-top: 10px;
    color: #777;
    font-weight: var(--weight-strong);
}

.main_content_cart_items_item_description_qtd_content{
    align-items: center;
    margin-top: 5px;
    font-size: var(--font-small);
    color: #666;
}

.main_content_cart_items_item_description_qtd_content .mail_post{
    flex-basis: 100%;
    margin-top: 5px;
    color: var(--color-red);
    font-size: var(--font-small);
}

.main_content_cart_items_item_description_qtd_icon{
    background: #ccc;
    padding: 3px 6px;
    margin-left: 5px;
    color: #555;
}

.main_content_cart_items_item_description_qtd_icon:hover{
    background: var(--color-green-lower);
    color: #fff;
}

.back{
    width: 100%;
    text-align: end;
}

.main_content_cart_resume{
    flex-basis: 50%;
    align-items: center;
    width: 100%;
    text-align: right;
}

.main_content_cart_resume .alert{
    color: var(--color-red);
    font-size: 1em;
    margin: 15px 0 5px 0;
    text-align: justify;
    width: 100%;
    font-weight: bold;
}

.main_content_cart_resume_box{
    text-align: right;
    width: 100%;
}

.main_content_cart_resume_box form{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.form{
    display: block;
    /*flex-basis: 50%;*/
    justify-content: flex-end;
    margin-bottom: 20px;
    text-align: right !important;
}

.form h3{
    flex-basis: 100%;
    font-size: var(--font-small);
    color: #777;
    margin: 10px 0;
}

.portage_type{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: right;
    margin: 10px 0 0 0;
    padding: 10px;
    cursor: pointer;
    background: #ffffff;
    color: var(--color-tns-dark-green);
}

.portage_type span {
    display: flex;
    flex-basis: 100%;
}

.portage_type span img {
    width: 20%;
    margin-left: 10px;
    margin-top: 10px;
}

.portage_type article {
    display: flex;
    flex-basis: 100%;
    flex-wrap: wrap;
    margin: 20px auto 10px auto;
}

.portage_type article label {
    flex-basis: 100%;
    margin-top: 15px;
}

.radio{
    display: flex;
    align-items: center;
    background: none;
    text-align: center;
}

.portage_type:hover{
    border: 2px solid var(--color-green-lower);
}

.main_content_cart_resume_subtotal{
    margin-top: 10px;
}

.main_content_cart_resume_portage{
    font-size: var(--font-small);
    margin-bottom: 5px;
}

.main_content_cart_resume_portage,
.main_content_cart_resume_subtotal{
    color: #777;
    margin-bottom: 3px;
}

.main_content_cart_resume_total{
    margin: 10px 0 8px 0;
    font-size: var(--font-large);
    font-weight: var(--weight-strong);
    color: #555;
}

/*PAYMENT*/
.main_content_payment{
    justify-content: center;
    background: #fff;
    padding: 50px;
    align-items: center;
    text-align: center;
}

.main_content_payment form{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.main_content_payment form .main_content_form_header_title{
    flex-basis: 100%;
    justify-content: flex-start;
    text-align: left;
    color: var(--color-tns-dark-green);
    font-weight: var(--weight-strong);
    margin-top: 10px;
    margin-left: 10px;
    font-size: var(--font-large);
}

.main_content_payment form .main_content_form_header_subtitle{
    flex-basis: 100%;
    margin: 30px 0 10px 0;
    color: var(--color-tns-dark-green);
    font-size: var(--font-medium);
}

.main_content_payment form .label_g4,
.main_content_payment form .label_g2{
    flex-basis: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
}

.main_content_payment form .label_g2 label{
    flex-basis: calc(50% - 25px);
    margin-top: 20px;
    align-items: center;
}

.main_content_payment form .label_g4 input,
.main_content_payment form .label_g2 input{
    width: 100%;
    flex-basis: 100%;
    margin-top: 5px;
    padding: 8px;
    border: 0.5px solid #ccc;
    outline-color: var(--color-green);

    -webkit-border-radius: var(--radius-normal);
    -moz-border-radius: var(--radius-normal);
    border-radius: var(--radius-normal);
}

.main_content_payment form .label_g4 label{
    flex-basis: calc(25% - 25px);
    margin-top: 20px;
    align-items: center;
}

.main_content_payment form .label{
    flex-basis: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
}

.main_content_payment form .label label{
    flex-basis: 100%;
    margin-top: 20px;
    align-items: center;
}

.main_content_payment form .label input{
    width: 100%;
    flex-basis: 100%;
    margin-top: 5px;
    padding: 8px;
    border: 0.5px solid #ccc;
    outline-color: var(--color-green);

    -webkit-border-radius: var(--radius-normal);
    -moz-border-radius: var(--radius-normal);
    border-radius: var(--radius-normal);
}

.subscript_authorization{
    flex-basis: 100%;
    justify-content: flex-start;
    margin: 25px 0 15px 0;
}

.checktoggle{
    font-weight: var(--weight-normal);
}

.checktoggle:hover{
    cursor: pointer;
}

.subscript_authorization p{
    font-weight: var(--weight-normal) !important;
    font-size: var(--font-small);
}

.auth_pwd{
    /*display: none;*/
}

.form_send{
    flex-basis: 100%;
    justify-content: center;
    margin: 30px 0;
}

.logo_mp{
    width: 20%;
    margin-right: 15px;
}

.main_content_payment form span{
    margin-right: 10px;
}

.checked{
    font-size: var(--font-large);
    font-weight: var(--weight-normal) !important;
    color: var(--color-green-hover) !important;
    display: none;
    opacity: 0.6;
}

.erro{
    color: var(--color-red) !important;
}

.main_content_payment form span,
.main_content_payment form p{
    color: #666;
    font-weight: var(--weight-bold);
}

/*BASKET MODAL*/
.modal_basket{
    display: none;
    width: 200px;
    position: fixed;
    bottom: 5%;
    left: 2%;
    padding: 10px;
    background: rgba(0,0,0,0.4);
    opacity: 0.7;
    z-index: var(--index-modal);
}

.modal_basket.active{
    display: flex;
}

.modal_basket:hover{
    opacity: 1;
}

.close{
    position: relative;
    margin-bottom: 5px;
    display: flex;
    flex-basis: 100%;
    justify-content: flex-end;
    color: #555;
    font-size: var(--font-small);
}

.close:hover{
    color: var(--color-green-lower);
}

.modal_basket_content{
    padding: 10px;
    background: #fff;
    position: relative;
    width: 100%;
}

.modal_basket_content_header{
    width: 100%;
}

.modal_basket_content_header h2{
    color: #555;
    font-size: var(--font-medium);
    text-align: center;
}

.modal_basket_content .modal_basket_content_item,
.modal_basket_content .modal_basket_content_total{
    font-size: var(--font-small);
    color: #777;
    margin-bottom: 8px;
}

.modal_basket_buttons{
    flex-basis: 100%;
    justify-content: space-around;
}

.modal_basket_buttons span span{
    margin-right: 5px;
}

.modal_basket_buttons .button{
    color: #fff;
}

.modal_basket_buttons .btn-small{
    padding: 5px 10px;
    color: #fff;
}

.modal_basket_logo{
    width: 30px;
    position: relative;
    margin: 8px auto;
}

/*FINISH PGT*/
.main_content_pgt{
    padding: 30px;
    background: #fff;
}

.main_header_pgt{
    flex-basis: 100%;
    flex-wrap: wrap;
}

.main_header_pgt h1{
    color: var(--color-tns-dark-green);
    text-align: center;
    font-size: var(--font-max);
    margin-bottom: 15px;
}

.main_header_pgt p{
    text-align: center;
    padding: 10px;
    color: #777;
}

.main_content_buttom{
    flex-basis: 100%;
    text-align: center;
    margin-top: 30px;
}

.pgt{
    color: #fff;
}

/*RETURN MP*/
.main_content_return_mp{
    background: #fff;
    padding: 30px;
}

.main_content_container_return_mp{
    justify-content: center;
    text-align: center;
    width: 100%;
}

.main_content_return_mp_header{
    text-align: center;
}

.main_content_return_mp_header h1{
    margin: 15px 0 20px 0;
    font-size: 2.5em;
    color: var(--color-tns-dark-green);
    font-weight: var(--weight-strong);
}

.main_content_return_mp_header span{
    font-size: 5em;
}

.main_content_return_mp_header p{
    margin: 15px 0;
    color: #777;
}

.approved{
    color: var(--color-green-lower);
}

.pending{
    color: var(--color-yellow-hover);
}

.refused{
    color: var(--color-red-lower);
}

/*Search*/
.main_content_result_search{
    display: flex;
    flex-basis: 100%;
    flex-wrap: wrap;
    width: 90%;
    background: #ffffff;
    margin: 0 auto;
    padding: 20px;
}

.main_content_container_result_search{
    padding: 20px;
    flex-basis: 100%;
    justify-content: flex-start;
}

.main_content_container_result_search_header{
    padding: 10px;
    margin: 15px 0 30px 0;
    color: #555555;
}

.main_content_container_result_search_header span{
    color: var(--color-tns-dark-green);
}

.main_content_container_result_search_list{
    display: flex;
    flex-basis: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
}

.main_content_container_result_search_list_item{
    display: flex;
    flex-basis: 100%;
    justify-content: space-around;
    align-items: center;
    margin: 0px 15px;
    padding: 8px;
}

.main_content_container_result_search_list_item a{
    display: flex;
    flex-basis: 100%;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 8px;
    background: #fbfbfb;
    color: #777777;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.main_content_container_result_search_list_item a:hover{
    transition: 0.4s;
    background: var(--color-green);
    color: #ffffff;
}

.main_content_container_result_search_list_item a .result_cover{
    max-width: 12%;
    overflow: hidden;
    margin: 0 8px;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.main_content_container_result_search_list_item a .result_desc{
    display: flex;
    justify-content: center;
    align-items: center;
}

.main_content_container_result_search_list_item a .result_desc article{
    padding: 5px;
    margin-right: 5px;
    text-align: center;
}

.main_content_container_result_search_list_item a .result_desc .item_name{
    width: 20%;
}

.main_content_container_result_search_list_item a .result_desc .item_composition{
    width: 70%;
}

.main_content_container_result_search_list_item a .result_desc .item_composition p{
    text-align: justify !important;
}

.show_pager{
    margin: 15px auto;
}

/*Paginator*/
.paginator {
    list-style: none;
    padding: 0;
    margin-top: 30px;
}

.paginator_item {
    display: inline-block;
    margin: 0 10px;
    padding: 4px 12px;
    background: #cccccc;
    color: #333333;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.paginator_item:hover {
    background: var(--color-green);
    transition: 0.4s;
}

.paginator_active,
.paginator_active:hover {
    background: var(--color-green);
}

pre {
    margin-top: 30px;
    background: #EEEEEE;
    padding: 10px;
}

/*REQUESTS*/
.request{
    background: #fff;
    padding: 30px;
}

.requests_sidebar{
    flex-basis: 25%;
}

.content_requests{
    flex-basis: calc(75% - 30px);
    padding: 10px;
    margin-left: 20px;
}

.header_requests h1{
    color: var(--color-tns-dark-green);
    font-size: var(--font-max);
}

.requests_list{
    margin: 15px auto;
}

.requests_list_item{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    background: #fbfbfb;
    margin: 8px auto;
}

.requests_list_item p{
    width: 20%;
    color: #777777;
}

.requests_list_item article{
    width: 100%;
    text-align: center;
    color: #777777;
}

.requests_list_item:hover{
    background: #eee;
    transition: 0.4s;
}

.requests_list_item:hover p{
    color: #333333;
    transition: 0.4s;
}

/*ADDRESS*/
.address{
    background: #fff;
    padding: 30px;
}

.content_address{
    flex-basis: calc(75% - 30px);
    padding: 10px;
    margin-left: 20px;
    justify-content: flex-start;
    align-items: flex-start;
}

.address_list{
    margin: 15px auto;
    justify-content: flex-start;
    text-align: left;
}

.address_list_item{
    flex-basis: calc(50% - 20px);
    justify-content: space-between;
    align-items: flex-start;
    padding: 20px;
    background: #fbfbfb;
    margin: 10px auto;
}

.address_list_item:hover{
    background: #eee;
}

.address_list_item div article{
    margin: 5px;
    color: #888;
}

.address_list_item:hover.address_list_item div article{
    color: #333;
}

.address_list .update{
    width: 100%;
    text-align: end;
}

.address_list .update article{
    color: #ffffff !important;
    margin-left: 10px;
}

.address_list .update article span{
    padding: 0 10px;
    width: 20px;
}

.address_list .add_sendebox{
    margin: 15px 0;
}

.address_list_item .default{
    display: flex;
    width: 100%;
    justify-content: end;
}

.address_list_item .default .default_active{
    padding: 8px;
    background: var(--color-green);
    color: #ffffff;
    font-size: 0.675em;
}

.address_list_item .default .default_inactive{
    padding: 8px;
    background: #EEEEEE;
    font-size: 0.675em;
}

.address_list_item .default_inactive:hover{
    background: #cccccc;
    color: #ffffff;
    transition: 0.4s;
}


/*Sendbox Form*/
.sendbox{
    display: none;
    flex-basis: 100%;
    flex-wrap: wrap;
    margin: 20px auto;
    padding: 15px;
}

.sendbox form{
    display: flex;
    flex-basis: 100%;
    flex-wrap: wrap;
    background: #EEEEEE;
    padding: 20px;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.sendbox form .label_g2{
    display: flex;
    flex-basis: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
}

.sendbox form .label_g2 label{
    display: flex;
    flex-basis: 45%;
    flex-wrap: wrap;
}

.sendbox form .label_g2 label span{
    flex-basis: 100%;
    width: 100%;
    margin: 8px 0;
}

.sendbox form .label_g2 label input{
    width: 95%;
    padding: 8px;
    border: 1px solid #cccccc;
    outline: none;


    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.sendbox form .label_g2 label input[name='number']{
    width: 30% !important;
}

.sendbox form .label_g2 label .includ_btn{
    display: flex;
    flex-basis: 100%;
    justify-content: center;
    align-items: center;
    padding: 8px;
}

.sendbox form .label_g2 label .includ_btn button{
    border: none;
    box-shadow: 1px 2px 4px #cccccc;
}

/*USER DATA*/
.user_data{
    background: #fff;
    padding: 30px;
}

.content_user_data{
    flex-basis: calc(75% - 30px);
    padding: 10px;
    margin-left: 20px;
    justify-content: flex-start;
    align-items: flex-start;
}

.header_user_data h1{
    color: var(--color-tns-dark-green);
    font-size: var(--font-max);
}

.user_data_side_items{
    flex-basis: 100%;
    flex-wrap: wrap;
    justify-content: center;
    margin: 20px 0;
    border-bottom: 1px solid #eee;
    padding: 10px;
}

.user_data_side_item{
    flex-basis: calc(25% - 30px);
    justify-content: center;
    align-items: center;
    background: #fbfbfb;
    margin: 25px 10px;
    text-align: center;
    padding: 10px;
}

.user_data_side_item:hover{
    background: #eee;
}

.user_data_side_item article{
    margin: 8px 0;
    color: var(--color-tns-dark-green);
    font-size: var(--font-large);
}

.user_data_side_item div{
    text-align: left;
    margin-left: 10px;
    margin-top: 20px;
}

.user_data_side_item p{
    color: #777;
    font-size: var(--font-small);
    margin-top: 6px;
}

.user_data_side_item:hover.user_data_side_item p{
    color: var(--color-green)
}

.user_data_form{
    color: #777;
}

.user_data_form .label_g2{
    display: flex;
    flex-basis: calc(50% - 35px);
    justify-content: space-between;
}

.user_data_form label{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 10px;
}

.user_data_form label span{
    flex-basis: 100%;
}

.user_data_form label input{
    flex-basis: 100%;
    margin-top: 10px;
    padding: 6px;
    border: 1px solid #777;
    outline: none;

    -webkit-border-radius: var(--radius-normal);
    -moz-border-radius: var(--radius-normal);
    border-radius: var(--radius-normal);
}

.user_data_form .form_btn{
    text-align: center;
    margin-top: 30px;
}

    /*SIDEBAR USERAREA*/
.sidebar{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 10px;
}

.sidebar_item{
    flex-basis: 100%;
    text-align: left;
    font-size: var(--font-medium);
    margin: 5px 0;
    padding: 8px 16px;
    background: #eee;
    color: var(--color-tns-dark-green);
}

.sidebar_item:hover{
    background: var(--color-green);
    color: #fff;
}

.sidebar_active{
    background: var(--color-green);
    color: #fff;
}

/*About*/
.about_content{
    margin: 15px auto;
    display: flex;
    flex-basis: 80%;
    max-width: 80%;
    flex-wrap: wrap;
    background: #fff;
    padding: 30px;
    color: var(--color-tns-dark-green);
}

.about_content h2{
    margin: 20px 0;
}

.about_content p{
    margin: 8px 0;
    text-align: justify;
}

/*Forget*/
.auth {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.auth_content {
    display: flex;
    flex-basis: 40%;
    flex-wrap: wrap;
    background: #ffffff;
    margin: 5% auto;
    padding: 2%;
}

.auth_content .auth_header {
    flex-basis: 100%;
    justify-content: center;
    text-align: center;
    padding: 1%;
}

.auth_content .auth_header h1 {
    color: var(--color-tns-dark-green);
}

.auth_content .auth_header p {
    margin: 10px auto;
    color: var(--color-tns-grey);
}

.auth_content form {
    display: flex;
    flex-basis: 80%;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 2%;
    margin: 1% auto;
    color: #aaaaaa;
}

.auth_content form label {
    display: flex;
    flex-basis: 100%;
    flex-wrap: wrap;
}

.auth_content form label div {
    display: flex;
    flex-basis: 100%;
    justify-content: space-between;
    padding: 10px 0;
}

.auth_content form label div span a {
    color: var(--color-tns-green);
}

.auth_content form label div span a:hover {
    color: var(--color-tns-dark-green);
}

.auth_content form label input {
    flex-basis: 100%;
    margin: 2% auto;
    padding: 10px;
    border: 1px solid #bbbbbb;
    outline: none;
    font-size: var(--font-medium);

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.auth_content form button {
    margin: 3% auto;
    border: none;
}

/*@Media*/

@media (max-width: 76em) {
    .main_header_nav_logo img{
        width: 150px;
        margin-left: 20px;
    }

    .main_header_nav_menu {
        text-align: center;
        justify-content: center;
    }
}

@media (max-width: 52em) {
    .pdt_gallery_list {
        flex-basis: 100%;
    }
}

@media (max-width: 47em) {
    .main_header_nav_search{
        display: none;
    }

    .main_header_nav_logo{
        flex-basis: 50%;
        justify-content: center;
        align-items: center;
    }

    .main_header_nav_menu{
        flex-basis: 50%;
    }
}

@media (max-width: 32em) {
    .pdt_gallery_item{
        flex-basis: 100%;
    }

    .pdt_gallery_featured .pdt_gallery_item_desc{
        font-size: 0.575em;
    }

    .main_footer_nav {
        flex-wrap: wrap;
        width: 100%;
    }

    .main_footer_nav .flex-4{
        flex-basis: 100% !important;
        width: 100% !important;
    }

    .main_footer_nav {
        display: flex;
    }

    .main_footer_nav .flex-4{
        flex-basis: 100% !important;
    }

    .main_footer_nav_pays{
        display: block;
        position: relative;
        max-width: 100%;
    }

    .main_footer_nav_pays li{
        display: inline-block;
        max-width: 15%;
    }

    .main_footer_nav_pays li img{
        width: 100%;
    }    

    .main_footer_bottom{
        display: flex;
        flex-basis: 100%;
        justify-content: center;
        text-align: center;
    }

    .main_footer_bottom_copy{
        margin: 8px auto;
    }

    .main_footer_bottom_copy img{
        margin: 0 auto;
        width: 20%;
    }

    .main_footer_bottom_social{
        flex-basis: 100%;
        max-width: 100%;
        text-align: center;
        margin: 12px auto;
    }

    /*Product*/
    .main_product_content{
        padding: 20px;
    }

    .main_product_content_container{
        max-width: 100%;
        flex-basis: 100%;
    }

    .main_product_content_container_thumb{
        display: flex;
        flex-basis: 100%;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: center;
    }

    .main_product_content_container_thumb .main_product_content_container_thumb_item{
        display: flex;
        flex-basis: 20%;
        flex-wrap: nowrap;
        max-width: 20%;
        margin: 0 auto;
    }

    .main_product_content_container_thumb_item img{
        max-width: 100%;
    }

    .main_product_content_container_target{
        flex-basis: 100%;
        max-width: 100%;
        margin: 10px auto;
    }

    .main_product_content_container_target img{
        width: 100%;
    }

    .main_product_content_container_target_desc{
        flex-basis: 100%;
    }

    .main_product_content_container_target_desc_header{
        display: flex;
        flex-wrap: wrap;
        flex-basis: 100%;
        max-width: 100%;
    }

    .main_product_content_container_target_desc_avaluate{
        display: flex;
        flex-basis: 100%;
        max-width: 100%;
    }

    .main_product_content_container_target_desc_header_title{
        flex-basis: 100%;
        max-width: 100%;
    }

    .main_product_content_container_target_basket_controller{
        justify-content: center;
        flex-basis: 100%;
        margin: 10px auto;
    }

    .main_product_content_container_target_basket_control{
        display: flex;
        justify-content: space-between;
        flex-basis: 55%;
        width: 50%;
        margin: 20px auto;
    }

    .main_product_content_container_target_basket_control_select{
        text-align: center;
    }

    .main_product_content_container_target_basket_control_display{
        max-width: 30%;
    }

    .main_product_content_container_target_basket_controller_btn{
        flex-basis: 70%;
        margin: 10px auto;
        width: 80%;
        padding: 10px;
    }

    .main_product_content_container_target_basket_shop{
        flex-basis: 100%;
        margin: 15px auto;
        justify-content: center;
    }

    /*Departments*/
    .main_content_departments_nav{
        flex-basis: 100%;
    }

    .main_content_departments_nav_items article{
        margin: 5px auto;
    }

    .main_content_departments_products{
        flex-basis: 100%;
    }

    .main_content_departments_products_list{
        flex-basis: 100%;
        max-width: 100%;
        width: 100%;
    }

    .main_content_departments_products_list .pdt_gallery_item{
        flex-basis: 100%;
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    .main_content_departments_products_list .alert_depart{
        display: none;
    }

    /*Basket*/
    .main_content_cart_items_item{
        display: flex;
        flex-basis: 100%;
        text-align: center;
        margin: 10px auto;
    }

    .main_content_cart_items_box{
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
        background: #fbfbfb;

        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .main_content_cart_items_item_thumb{
        flex-basis: 100%;
        margin: 5px auto;
        padding: 5px;
    }

    .main_content_cart_items_item_description{
        flex-basis: 100%;
        flex-wrap: nowrap;
    }

    .main_content_cart_items_item_description_name,
    .main_content_cart_items_item_description_price{
        flex-basis: 20%;
    }

    .main_content_cart_items_item_description_qtd_content{
        display: flex;
        flex-basis: 100%;
        justify-content: space-around;
        margin: 8px auto;
        padding: 8px;
    }

    .main_content_cart_resume{
        flex-basis: 100%;
    }

    .main_content_cart_resume_box{
        text-align: center;
    }

    .main_content_cart_resume_box .form .portage_type{
        flex-basis: 60%;
        max-width: 80%;
        margin: 10px auto;
    }

    .main_header_nav_menu_cart .basket{
        position: absolute;
        top: 115%;
        right: 0;
        transform: translate(-90%);
        border: 1px solid #ccc;
    }    

    /*User Area*/
    .requests_sidebar{
        flex-basis: 100%;
    }

    .sidebar{
        display: flex;
        flex-basis: 100%;
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
    }

    .sidebar .sidebar_item{
        flex-basis: 100%;
        max-width: 100%;
    }

    .main_content_payment form .label_g4 label,
    .main_content_payment form .label_g2 label{
        flex-basis: 100%;
    }

    .content_user_data{
        flex-basis: 100%;
        max-width: 100%;
    }

    .content_user_data .user_data_side_items{
        flex-basis: 100%;
        flex-wrap: wrap;
    }

    .content_user_data .user_data_side_items .user_data_side_item{
        flex-basis: 100%;
    }

    .content_user_data .user_data_form{
        display: flex;
        flex-basis: 100%;
        max-width: 100%;
        flex-wrap: wrap;
        justify-content: center;
    }

    .content_user_data .user_data_form .label_g2{
        flex-wrap: wrap;
    }

    .content_user_data .user_data_form .label_g2 label{
        flex-basis: 100%;
        max-width: 100%;
    }

    .content_user_data .user_data_form .form_btn{
        margin: 0 auto;
    }

    /*Requests*/
    .content_requests{
        margin-left: 0;
        flex-basis: 100%;
        max-width: 100%;
    }

    .requests_list{
        font-size: var(--font-small);
        max-width: 100%;
    }

    .requests_list_item{
        flex-basis: 100%;
    }

    .requests_list_item p{
        flex-basis: 30%;
    }

    .requests_list_item #date{
        display: none;
    }

    /*Address*/
    .content_address{
        flex-basis: 100%;
    }

    .address_list{
        flex-basis: 100%;
    }

    /*Search*/
    .main_content_container_result_search_list{
        justify-content: center;
        margin: 0;
        flex-basis: 100%;
        max-width: 100%;
    }

    .main_content_container_result_search_list_item{
        max-width: 100%;
        flex-basis: 100%;
    }

    .main_content_container_result_search_list_item a{
        flex-wrap: wrap;
        justify-content: center;
        background: #eee;
    }

    .main_content_container_result_search_list_item a .result_cover{
        flex-basis: 100%;
        max-width: 100%;
    }

    .main_content_container_result_search_list_item a .result_cover img{
        max-width: 100%;
    }

    .main_content_container_result_search_list_item a .result_desc{
        flex-wrap: wrap;
        flex-basis: 100%;
        font-size: var(--font-small);
    }

    .result_desc .item_name{
        flex-basis: 100%;
        margin: 5px auto;
        color: var(--color-tns-dark-green);
    }

    .result_desc .item_line{
        color: #555;
    }

    .result_desc .item_composition{
        flex-basis: 100%;
    }

    .main_footer_bottom_copy{
        flex-basis: 100%;
    }
    
    /*About*/
    .about_content{
        max-width: 90%;
    }
    .about_content p{
        font-size: var(--font-small);
    }
}