.tit-page {
    font-family: 'Magnolia sky', sans-serif;
    color: #3e7138;
    font-size: 42px;
    line-height: 48px;
    text-align: center;
}

.top-header {
    padding-top: 40px;
    padding-bottom: 40px;
}

.subtit-page {
    display: block;
    padding-top: 8px;
    font-family: Montserrat, sans-serif;
    color: #707070;
    font-size: 13px;
    font-weight: 300;
    text-align: center;
}

.sec-date {
    padding-top: 0px;
    padding-bottom: 10px;
}

.date {
    margin-top: 10px;
    margin-bottom: 0px;
    font-family: Montserrat, sans-serif;
    color: #666;
    font-size: 23px;
    line-height: 34px;
    font-weight: 400;
    text-align: center;
}

.sec-tabs {
    padding-top: 40px;
    padding-bottom: 40px;
    color: #575757;
}

.body {
    background-color: #e5e5e5;
    background-image: url('../images/pattern.png');
    background-position: 50% 130vh;
    background-size: 40%;
    background-repeat: repeat-x;
    font-family: Oswald, sans-serif;
}

.box-cat {
    padding: 20px 30px;
    border-bottom: 2px solid #f8f8f8;
    background-color: #f3f3f3;
}

.box-cat.w--current {
    border-bottom: 2px solid #6ba242;
    background-color: #fff;
}

.n-cat {
    padding-top: 6px;
    font-family: Oswald, sans-serif;
    color: #707070;
    font-size: 16px;
    line-height: 23px;
    font-weight: 300;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.img-cat {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.img-cat.mtop {
    display: block;
    margin-top: 4px;
    margin-right: auto;
    margin-left: auto;
}

.img-cat.ptop {
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-top: 12px;
}

.body-tabs {
    background-color: #fff;
    font-family: Oswald, sans-serif;
    font-weight: 300;
}

.box-item {
    padding: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    background-color: #fff;
    color: #707070;
}

.cat {
    margin-top: 0px;
    margin-bottom: 2px;
    color: #6ba242;
    font-size: 14px;
    font-weight: 300;
}

.p-item {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 23px;
    line-height: 26px;
    font-weight: 200;
}

.unidade {
    line-height: 24px;
    font-weight: 300;
}

.bt-add {
    width: 30px;
    height: 29px;
    padding-top: 2px;
    float: left;
    background-color: rgba(0, 0, 0, 0.1);
    font-family: Montserrat, sans-serif;
    color: #707070;
    font-size: 36px;
    line-height: 22px;
    font-weight: 300;
    text-align: center;
    text-decoration: none;
}

.box-add {
    display: block;
    padding-top: 10px;
    padding-right: 6px;
    float: right;
}

.quant {
    padding-right: 10px;
    padding-left: 10px;
    float: left;
    font-size: 22px;
    line-height: 28px;
    font-weight: 300;
}

.top-tabs {
    display: block;
    padding: 10px 15px;
    float: none;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background-color: #6ba242;
}

.top-title {
    padding-left: 10px;
    float: left;
    font-family: Oswald, sans-serif;
    color: #fff;
    font-weight: 300;
}

.top-img {
    display: block;
    width: 18px;
    margin-right: auto;
    margin-left: auto;
    float: left;
}

.top-title-time {
    padding-right: 10px;
    float: right;
    font-family: Oswald, sans-serif;
    color: #fff;
    font-weight: 300;
}

.top-img-time {
    width: 18px;
    float: right;
}

.sec-adicionais {
    padding-top: 40px;
    padding-bottom: 40px;
}

.cat-add-img {
    width: 64px;
    height: 64px;
    padding-top: 17px;
    padding-bottom: 20px;
    float: left;
    border-radius: 100%;
    background-color: #fff;
    text-align: center;
}

.cat-add-img:hover {
    background-color: red;
}

.cat-add-title {
    display: inline-block;
    padding-top: 21px;
    padding-left: 18px;
    font-family: Oswald, sans-serif;
    color: #707070;
    font-size: 17px;
    line-height: 21px;
    font-weight: 300;
    text-align: center;
    text-decoration: none;
}

.cat-add-title:hover {
    color: red;
}

.title {
    margin-top: 0px;
    margin-bottom: 40px;
    font-family: Oswald, sans-serif;
    color: #707070;
    font-size: 20px;
    line-height: 25px;
    font-weight: 300;
    text-align: center;
}

.bt-pedido {
    display: block;
    width: 20%;
    margin-right: auto;
    margin-left: auto;
    border-radius: 6px;
    background-color: #6ba242;
    font-family: Oswald, sans-serif;
    font-size: 18px;
    line-height: 22px;
    font-weight: 300;
    text-align: center;
}

.tabs-menu {
    background-color: #f8f8f8;
}

.section {
    padding-top: 0px;
    padding-bottom: 60px;
}

.top-tabs-red {
    display: block;
    padding: 10px 15px;
    float: none;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background-color: #d81f26;
}

.box-cat-red {
    padding: 20px 30px;
    border-bottom: 2px solid #f8f8f8;
    background-color: #f3f3f3;
}

.box-cat-red.w--current {
    border-bottom: 2px solid #d81f26;
    background-color: #fff;
}

.box-cat-red.w--current:hover {
    border-bottom-color: #d81f26;
}

.cat-red {
    margin-top: 0px;
    margin-bottom: 2px;
    color: #d81f26;
    font-size: 14px;
    font-weight: 300;
}

.top-tabs-grey {
    display: block;
    padding: 10px 15px;
    float: none;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background-color: #707177;
}

.cont-resumo {
    background-color: #fff;
}

.bt-limpar {
    display: block;
    width: 27%;
    margin-right: auto;
    margin-left: auto;
    border-radius: 6px;
    background-color: #707177;
    font-family: Oswald, sans-serif;
    font-size: 18px;
    line-height: 22px;
    font-weight: 300;
    text-align: center;
}

.bt-revisar {
    display: block;
    width: 41%;
    margin-right: auto;
    margin-left: auto;
    border-radius: 6px;
    background-color: #6ba242;
    font-family: Oswald, sans-serif;
    font-size: 18px;
    line-height: 22px;
    font-weight: 300;
    text-align: center;
}

.box-cat-b {
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding: 20px 30px;
    border-bottom: 2px solid #f8f8f8;
    background-color: transparent;
}

.box-cat-b.w--current {
    border-bottom: 2px solid #6ba242;
    background-color: #fff;
}

.cat-2 {
    margin-top: 0px;
    margin-bottom: 2px;
    padding-top: 6px;
    color: #6ba242;
    font-size: 14px;
    font-weight: 300;
    text-align: center;
}

.box-cat-pedido {
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding: 5px 15px;
    text-align: center;
    text-decoration: none;
}

.p-item-pedido {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 10px;
    font-size: 23px;
    line-height: 18px;
    font-weight: 200;
}

.unidade-pedido {
    line-height: 29px;
    font-weight: 300;
    text-align: center;
}

.col-clean-pedido {
    padding-top: 10px;
    padding-bottom: 10px;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.box-item-pedido {
    padding: 0px 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    background-color: #fff;
    color: #707070;
}

.delete {
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-top: 30px;
    padding-right: 40px;
    padding-left: 40px;
}

.delete.mtop {
    display: block;
    margin-top: 4px;
    margin-right: auto;
    margin-left: auto;
}

.delete.ptop {
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-top: 12px;
}

.box-search {
    width: 80%;
    min-height: 33%;
    margin-bottom: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    float: left;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

.text-search {
    margin-top: 0px;
    margin-bottom: 0px;
    color: #bebebe;
    line-height: 24px;
    font-weight: 200;
}

.bt-search {
    width: 20%;
    float: left;
    background-color: #6ba242;
    font-size: 18px;
    line-height: 47px;
    font-weight: 300;
    text-align: center;
}

.subtotal-pedido {
    width: 100%;
    margin-top: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
    float: left;
    border-bottom: 1px solid rgba(112, 113, 119, 0.66);
    color: #575757;
    font-size: 20px;
    font-weight: 300;
    text-align: right;
}

@media (max-width: 991px) {
    .tit-page {
        text-align: center;
    }
    .subtit-page {
        text-align: center;
    }
    .date {
        text-align: center;
    }
    .sec-tabs {
        padding-right: 10px;
        padding-left: 10px;
    }
    .body {
        background-position: 50% 130vh;
        background-size: 49%;
        font-weight: 300;
    }
    .box-item {
        background-color: #fff;
    }
    .unidade {
        font-weight: 300;
    }
    .bt-add {
        font-weight: 300;
    }
    .bt-pedido {
        width: 23%;
    }
    .section {
        padding-right: 10px;
        padding-bottom: 60px;
        padding-left: 10px;
    }
    .bt-limpar {
        width: 40%;
        float: left;
    }
    .bt-revisar {
        width: 53%;
        float: right;
    }
    .box-cat-pedido {
        padding: 6px 5px;
    }
    .unidade-pedido {
        font-weight: 300;
        text-align: center;
    }
    .box-item-pedido {
        background-color: #fff;
    }
    .delete {
        padding-top: 30px;
        padding-right: 40px;
        padding-left: 40px;
    }
    .subtotal-pedido {
        border-bottom-color: rgba(112, 113, 119, 0.66);
    }
}

@media (max-width: 767px) {
    .sec-date {
        padding-bottom: 0px;
    }
    .date {
        margin-top: 10px;
    }
    .sec-tabs {
        padding-top: 30px;
        padding-right: 15px;
        padding-left: 15px;
    }
    .body {
        background-position: 50% 125vh;
        background-size: 46%;
    }
    .img-cat {
        display: block;
        max-width: 73%;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
    }
    .cat {
        font-size: 13px;
        line-height: 16px;
    }
    .p-item {
        font-size: 18px;
        line-height: 24px;
    }
    .unidade {
        font-size: 14px;
        line-height: 20px;
    }
    .bt-add {
        width: 24px;
        height: 24px;
        font-size: 23px;
        line-height: 18px;
    }
    .box-add {
        padding-top: 9px;
        padding-right: 0px;
    }
    .quant {
        font-size: 15px;
        line-height: 25px;
    }
    .sec-adicionais {
        padding-top: 10px;
    }
    .cat-add-img {
        display: block;
        margin-right: auto;
        margin-left: auto;
        float: none;
    }
    .cat-add-title {
        display: block;
        padding-top: 10px;
        padding-left: 0px;
        font-size: 15px;
        line-height: 15px;
    }
    .title {
        margin-top: 0px;
        margin-bottom: 30px;
        font-family: Oswald, sans-serif;
        color: #707070;
        font-size: 19px;
        line-height: 20px;
        font-weight: 300;
        text-align: center;
    }
    .bt-pedido {
        width: 33%;
    }
    .section {
        padding-right: 15px;
        padding-bottom: 60px;
        padding-left: 15px;
    }
    .cat-red {
        font-size: 13px;
        line-height: 16px;
    }
    .bt-limpar {
        width: 41%;
        float: left;
        font-size: 16px;
    }
    .bt-revisar {
        width: 59%;
        float: right;
        font-size: 16px;
    }
    .cat-2 {
        font-size: 12px;
        line-height: 12px;
    }
    .p-item-pedido {
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 0px;
        font-size: 18px;
        line-height: 37px;
        text-align: center;
    }
    .unidade-pedido {
        font-size: 13px;
        line-height: 23px;
    }
    .col-clean-pedido {
        padding-bottom: 10px;
        font-size: 14px;
    }
    .box-item-pedido {
        padding-right: 0px;
        padding-left: 0px;
    }
    .delete {
        max-width: 90%;
        padding-top: 22px;
        padding-right: 20px;
        padding-left: 20px;
    }
    .box-search {
        padding-top: 14px;
        padding-bottom: 14px;
        padding-left: 14px;
    }
    .text-search {
        font-size: 18px;
        line-height: 18px;
    }
    .bt-search {
        line-height: 30px;
    }
    .subtotal-pedido {
        border-bottom-color: rgba(112, 114, 119, 0.66);
        font-size: 16px;
        line-height: 16px;
    }
}

@media (max-width: 479px) {
    .tit-page {
        color: #3e7138;
        font-size: 24px;
        line-height: 24px;
        font-weight: 400;
        text-align: center;
    }
    .top-header {
        padding-top: 19px;
        padding-bottom: 20px;
    }
    .subtit-page {
        width: 194px;
        margin-right: auto;
        margin-left: auto;
        padding-top: 8px;
        font-family: Montserrat, sans-serif;
        color: #707070;
        font-size: 12px;
        line-height: 14px;
        font-weight: 300;
        text-align: center;
    }
    .sec-date {
        padding-top: 20px;
        padding-bottom: 10px;
    }
    .date {
        margin-top: 0px;
        margin-bottom: 0px;
        font-family: Montserrat, sans-serif;
        color: #666;
        font-size: 16px;
        line-height: 16px;
        font-weight: 500;
        text-align: center;
        text-transform: uppercase;
    }
    .sec-tabs {
        padding: 20px 15px;
    }
    .body {
        background-color: #e5e5e5;
        background-image: url('../images/pattern.png');
        background-position: 50% 136%;
        background-size: 106%;
        background-repeat: repeat-x;
        background-attachment: scroll;
        color: #707070;
    }
    .box-cat {
        display: inline-block;
        width: 25%;
        padding-right: 9px;
        padding-bottom: 8px;
        padding-left: 9px;
        border-bottom: 2px solid #f8f8f8;
        background-color: #f3f3f3;
        color: #707070;
    }
    .box-cat.w--current {
        display: inline-block;
        width: 25%;
        padding-bottom: 8px;
        grid-auto-columns: 1fr;
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        -ms-grid-rows: auto auto;
        grid-template-rows: auto auto;
        border-bottom: 2px solid #6ba242;
        background-color: #fff;
        color: #6ba242;
    }
    .n-cat {
        padding-top: 6px;
        font-family: Oswald, sans-serif;
        font-size: 65%;
        line-height: 18px;
        font-weight: 300;
        text-align: center;
        text-transform: uppercase;
    }
    .img-cat {
        display: block;
        max-width: 100%;
        margin-right: auto;
        margin-left: auto;
        line-height: 13px;
        text-align: center;
    }
    .img-cat.mtop {
        margin-top: 4px;
        padding-top: 0px;
    }
    .img-cat.mtop-copy {
        margin-top: 4px;
        padding-top: 0px;
    }
    .img-cat.ptop {
        padding-top: 12px;
    }
    .body-tabs {
        background-color: #fff;
    }
    .box-item {
        padding: 9px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
    .grid {
        -ms-grid-columns: 1fr 0.5fr 0.5fr;
        grid-template-columns: 1fr 0.5fr 0.5fr;
    }
    .grid-2 {
        -ms-grid-columns: 0.25fr 0.25fr 0.5fr;
        grid-template-columns: 0.25fr 0.25fr 0.5fr;
    }
    .heading {
        font-family: Oswald, sans-serif;
        font-weight: 300;
    }
    .cat {
        margin-top: 0px;
        margin-bottom: 2px;
        font-family: Oswald, sans-serif;
        color: #6ba242;
        font-size: 12px;
        line-height: 14px;
        font-weight: 300;
    }
    .p-item {
        margin-top: 0px;
        margin-bottom: 0px;
        font-family: Oswald, sans-serif;
        font-size: 14px;
        line-height: 18px;
        font-weight: 200;
    }
    .unidade {
        font-family: Oswald, sans-serif;
        font-size: 10px;
        line-height: 17px;
        font-weight: 300;
        text-align: left;
    }
    .bt-add {
        width: 18px;
        height: 20px;
        float: left;
        border-radius: 0px;
        background-color: rgba(0, 0, 0, 0.1);
        font-family: Montserrat, sans-serif;
        color: #707070;
        font-size: 16px;
        line-height: 16px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
    }
    .box-add {
        padding-top: 8px;
        padding-right: 0px;
        float: right;
        text-align: left;
    }
    .bt-mais {
        padding-right: 7px;
        padding-left: 7px;
        float: right;
        border-radius: 20px;
        background-color: #707070;
        font-family: Montserrat, sans-serif;
        color: #fff;
        font-size: 16px;
        line-height: 16px;
        text-decoration: none;
    }
    .quant {
        padding-right: 6px;
        padding-left: 6px;
        float: left;
        font-family: Oswald, sans-serif;
        font-size: 14px;
        line-height: 20px;
    }
    .column {
        padding-right: 0px;
        padding-left: 0px;
    }
    .col-clean {
        padding-right: 0px;
        padding-left: 0px;
    }
    .div-block {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        background-color: #6ba242;
    }
    .top-tabs {
        padding: 10px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        background-color: #6ba242;
    }
    .top-title {
        padding-left: 10px;
        float: left;
        font-family: Oswald, sans-serif;
        color: #fff;
        font-size: 12px;
        line-height: 13px;
        font-weight: 300;
    }
    .top-img {
        display: block;
        width: 12px;
        margin-right: auto;
        margin-left: auto;
        padding-right: 0px;
        float: left;
        text-align: left;
    }
    .top-title-time {
        padding-right: 10px;
        float: right;
        font-family: Oswald, sans-serif;
        color: #fff;
        font-size: 12px;
        line-height: 13px;
        font-weight: 300;
        text-align: right;
    }
    .top-img-time {
        display: block;
        width: 12px;
        margin-right: auto;
        margin-left: auto;
        float: right;
        text-align: right;
    }
    .sec-adicionais {
        padding: 0px 20px;
    }
    .cat-add {
        display: block;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
    }
    .cat-add:hover {
        border-style: none;
    }
    .cat-add.img {
        width: 61%;
        padding: 10px;
        border-radius: 100%;
        background-color: #f3f3f3;
    }
    .cat-add.img:hover {
        background-color: red;
        color: #fff;
    }
    .cat-add.h6 {
        font-family: Oswald, sans-serif;
        font-size: 12px;
        line-height: 16px;
        font-weight: 300;
        text-transform: uppercase;
    }
    .image {
        text-align: center;
    }
    .box-add-item {
        text-align: center;
    }
    .cat-add-img {
        display: block;
        width: 64px;
        height: 64px;
        margin-right: auto;
        margin-left: auto;
        padding-top: 20%;
        padding-bottom: 20%;
        border-radius: 100%;
        background-color: #f3f3f3;
        text-align: center;
    }
    .cat-add-img:hover {
        background-color: red;
    }
    .cat-add-title {
        display: block;
        padding-top: 4px;
        font-family: Oswald, sans-serif;
        color: #707070;
        font-size: 13px;
        font-weight: 300;
        text-align: center;
        text-decoration: none;
    }
    .cat-add-title:hover {
        color: red;
    }
    .title {
        font-family: Oswald, sans-serif;
        font-size: 14px;
        font-weight: 300;
        text-align: center;
    }
    .bt-pedido {
        display: block;
        width: 50%;
        margin: 40px auto 100px;
        border-radius: 6px;
        background-color: #6ba242;
        font-family: Oswald, sans-serif;
        font-size: 17px;
        font-weight: 300;
        text-align: center;
    }
    .section {
        padding-bottom: 20px;
    }
    .top-tabs-red {
        padding: 10px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }
    .box-cat-red {
        display: inline-block;
        width: 25%;
        padding-right: 9px;
        padding-bottom: 8px;
        padding-left: 9px;
        border-bottom: 2px solid #f8f8f8;
        background-color: #f3f3f3;
        color: #707070;
    }
    .box-cat-red.w--current {
        display: inline-block;
        width: 25%;
        padding-bottom: 8px;
        grid-auto-columns: 1fr;
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        -ms-grid-rows: auto auto;
        grid-template-rows: auto auto;
        border-bottom-style: solid;
        border-bottom-width: 2px;
        background-color: #fff;
    }
    .cat-red {
        margin-top: 0px;
        margin-bottom: 2px;
        font-family: Oswald, sans-serif;
        font-size: 12px;
        line-height: 14px;
        font-weight: 300;
    }
    .top-tabs-grey {
        padding: 10px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }
    .bt-limpar {
        display: block;
        width: 67%;
        margin: 20px auto;
        float: left;
        border-radius: 6px;
        background-color: #707177;
        font-family: Oswald, sans-serif;
        font-size: 15px;
        font-weight: 300;
        text-align: center;
    }
    .bt-revisar {
        display: block;
        width: 91%;
        margin: 20px auto;
        float: right;
        border-radius: 6px;
        background-color: #6ba242;
        font-family: Oswald, sans-serif;
        font-size: 15px;
        font-weight: 300;
        text-align: center;
    }
    .box-cat-b {
        display: inline-block;
        width: 25%;
        padding-right: 9px;
        padding-bottom: 8px;
        padding-left: 9px;
        border-bottom: 2px solid #f8f8f8;
        background-color: #f3f3f3;
        color: #707070;
    }
    .box-cat-b.w--current {
        display: inline-block;
        width: 25%;
        padding-bottom: 8px;
        grid-auto-columns: 1fr;
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        -ms-grid-rows: auto auto;
        grid-template-rows: auto auto;
        border-bottom: 2px solid #6ba242;
        background-color: #fff;
        color: #6ba242;
    }
    .cat-2 {
        margin-top: 0px;
        margin-bottom: 2px;
        font-family: Oswald, sans-serif;
        color: #6ba242;
        font-size: 12px;
        line-height: 12px;
        font-weight: 300;
    }
    .box-cat-pedido {
        padding: 6px 12px;
    }
    .p-item-pedido {
        margin-top: 0px;
        margin-bottom: 0px;
        padding-top: 3px;
        padding-left: 0px;
        font-family: Oswald, sans-serif;
        font-size: 14px;
        line-height: 37px;
        font-weight: 200;
        text-align: center;
    }
    .unidade-pedido {
        font-family: Oswald, sans-serif;
        font-size: 10px;
        line-height: 22px;
        font-weight: 300;
        text-align: center;
    }
    .col-clean-pedido {
        padding: 4px 0px;
    }
    .box-item-pedido {
        padding: 0px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
    .delete {
        display: block;
        max-width: 86%;
        margin-right: auto;
        margin-left: auto;
        padding-top: 20px;
        padding-right: 15px;
        padding-left: 15px;
        text-align: center;
    }
    .delete.mtop {
        margin-top: 4px;
        padding-top: 0px;
    }
    .delete.mtop-copy {
        margin-top: 4px;
        padding-top: 0px;
    }
    .delete.ptop {
        padding-top: 12px;
    }
    .box-search {
        width: 74%;
    }
    .bt-search {
        width: 26%;
        background-color: #707177;
        font-size: 16px;
    }
    .subtotal-pedido {
        display: block;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding-top: 20px;
        padding-bottom: 20px;
        float: left;
        border-bottom: 1px solid rgba(112, 113, 119, 0.66);
        color: #575757;
        font-size: 18px;
        font-weight: 300;
        text-align: right;
    }
}

@font-face {
    font-family: 'Magnolia sky';
    src: url('../fonts/magnolia_sky.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}