.stepping button {
    min-width: 220px;
}

.step-delivery,
.step-payment {
    margin-bottom: 30px;
}

.step-delivery h4,
.step-payment h4 {
    margin-bottom: 20px;
}

.step-delivery label .btn,
.step-payment label .btn {
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 16px;
    height: 80px;
}

.step-delivery label i,
.step-payment label i {
    font-size: 30px;
    margin-right: 20px;
    color: inherit;
}

.order-block input[readonly] {
    background-color: #fff;
    border: none;
    padding: 0;
}

#orderForm input[readonly] {
    background-color: #e4e4e4;
}

.step5.card {
    margin-bottom: 30px;
}


/*GLS*/

#psitems-canvas {
    overflow: auto;
    width: 30%;
    height: 100%;
    width: 100%;
}

#left-canvas {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    overflow: hidden;
    float: left;
    width: 30%;
    height: 100%;
}

#right-canvas {
    float: right;
    width: 70%;
    height: 100%;
}

#map-canvas {
    width: 100%;
    height: 100%;
}

#searchinput {
    background-color: whitesmoke;
    margin-left: 5px;
    width: 90%;
    border-left: 0;
    border-right: 0;
    z-index: 1;
    padding: 5px 5px 5px 5px;
}

#searchinput.default {
    color: grey;
    font-style: italic;
}

.psOver {
    background-color: infobackground;
}

.psSelected {
    font-weight: bold;
}

#gls-canvas {
    width: 100%;
    height: 500px;
}


/*GLS*/


/*POSTA*/

#postaPontApi-main {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    color: #8c8c8c;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 15px;
    /*	height: 400px;*/
    height: auto;
    min-height: 400px;
    width: 100%;
}

#postaPontApi-content {
    height: auto;
    margin: 0px auto;
    /*		width: 678px;*/
    width: 100%;
    max-width: 678px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAEvCAMAAAC+O8OTAAAAilBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD4+PgAAAD///8AAAAAAAAAAAD6+vr////////6+vr////////+/v719fX////////b29v////////X19f9/f3a2trf39/p6enx8fHk5OT6+vr19fXc3Nzh4eHt7e3m5ub39/fu7u4lZxSAAAAAHnRSTlMAAgcECw4XERQhGx7ZKNMlLDLX76si3ZV+DOfkBwYm1lWKAAAHbUlEQVR42uzd23KiQBRA0XBHBFGTudVMaWzNJDHx/39vuAZSCHQepk53uVc/+b49TSnQdwCA/+nbw+8dIOL7j1/and4fD3tAxMt59edunlN4OO4BMZefzmymlXvmKQSptIhwvlPP2+0BOWrlFKYz9QouoUKSWnmeU5js1HVdQoUotXLrUkczrTr1fUKFiC5U1xtLte3U9/2AUCFJrfy21GudNuM0CCJChYgu1KLUevuf6jQmVEhS26BX6jDUqtMoikNChSS1jYpSm1DHOo3jMCFUSFLbeKTU4mM3T5MloUJGF2pTqlMYDtQgqDpdECokqTSMoyBoR+pwoDad5oQKSSpNwmbz/xxqN1DDsOg0I1RIUukyLEqtR+og1GagLhbZmlAhSaWLZqQ2oQ53/nKgEiqEdKEukzCKyr1/GGp7hZqtCRVSulDbvb+o81qo5UDdECokqTRfjIXa7vyECnFlqMv6InU81GxdhXpgsaSWSrPpUOtL1M1mdwDE1KEm4WiocReq+JeKdcOrCTUehuq5VahMVJjgtReq6xEqDKUf6gsgh1BhBUKFFZ60Q1WAnIlQPUKFMfqhep9CdQgV5mhDnf/B/xWQ80aosEEb6vx//U+AnGMdakSoMNp8qCGhQl4VaqgT6hsgZzbUmFAh71iHGmuEegTknPVCXRMqvoJQcZsug1D7d6X0Qz0DcrpQ63tSCBVGOumEmpehXgA5pzTXDPUEyNELNSNUfA2h4iY9a4f6DMghVFjhfT7UhFAhrgw10Qr1HZCjH+pfQBChwgqEChs8aof6CMgZC7U9vqcMdUmoEJfmyzJU//qpKH5AqDACocIKg1Abg1ABSYQKK9ShBoQKs/VCHZwuTagwRpp/vNGHUGEuQoUV6q2fUGG4iVC7904SKqRV5/VHhArDESqsQKiwwmyoMaHCAGWoMaHCdNOhts9LEyqkdKGGhArjaYa63gECNEJ1eqFmhApJXajutVBdQoUhNEJNCBXi0t5DqIQKYxEqrECosMJUqB6hwhRMVFiBiQorfITqESoMRqiwAqHiH3v3luMoDARQNJ0E8oDRSCyA/S9zOog000IB58tVyjlruLJ5uCAFoZKCUElhL9RGqEQwhdoIleB2Qj03F6ESQH+bhlCFSmwloXY3oVJZ3wmVBIRKCkIlhXWoM6ESya9QD0IlqIJQW6FSXd+1QiW+VajrWRShUl/f/UyiCJW4dkKdt/6/QqWWZevfWVGFSn2PFVWohCdUUhAqKQiVFIRKCkIlhcJQ/4zwBqHymdahPgmVQP4P9SBUoioJ9S5UauvvQiUBoZLCbqiNUAngEWqzEepZqEQwhXoWKsEVhdoJlfcIlc8kVFIQKimUhXoTKlWtQ11/KkWo1PcM9SRUIhMqKQiVFL5DvQiV8Pr7dS/Uq1CpbivUL6ESxU+oX0IlsJJQW6FSW98KlQS2Q13GUEeoZQn1KFRi2wn1LFRCmLd+oRJb0TXqXajUtGz9QiU2oZKCUElhO9STUIlhDvUkVEITKikIlRRWoa5OTguVAB6hPs9NC5WwhEoKQiWFslA7ofIWofKZ9kNthEp936E2O6FehEp1fXsRKvEJlRQKQ72NUEd5qNdWqFQ2CJUMhqtQSUCopLAT6nNoSqhUs4R6FCrBFYbajVDTOtTFHGojVKobrs0c6uFFqGehUt9OqCehEsIwH56aQn35DrUVKnUNq6dTq9/2TndTI9SyhHp8FepJqISwuaJOS6pQCWCYP5EmVEITKikIlRQKQp1KHfnHjh3bOBDDQBSVVmtcxsAFqP8yT7c4mJHJdTQU/F8NHxpCUHo+TkJFfVGojVBRxSvURqgojFCxhSzUQaio4Ap1JKGuUieglIe6SiVUqD1Xp4SK8pJQO6GiBLtC7YSK2tJQxxXqzwQ0PNQRh/pXKqFCy86DUFEfoWILHmr4P/WYgI6H2t6E2gkVFVyh9izUk1ChlYe6SiVUqNkRhdoIFTXY/4lKqCjNQ42P1AkomS9/cKQSKsTsGISK+ggVWyBUbOFOqKtUQoWWrU7jUDuhQs9DDbf/mICS+fIH20+o0MpDXQgVchYu/0KoqMD8QY22n1ChlYe6ECrUrN8KdUxAxUPNSiVUyHiojVBRHaFiCx5qWCqhQsu807DUCXyAUPGdrLccoeJDhIrvZO0OQoWYtVsIFVrW7pn4ZZeOiQAAYBgI+XddDR3/AhrgQVQ2iUqCqCSISoKoJIhKgqgkiEqCqCSISoKoJIhKgqgkiEqCqCSISoKoJIhKgqgkiEqCqCSISoKoJIhKgqgkiEqCqCSISoKoJIhKgqgkiEqCqCSISoKoJIhKgqgkiEqCqCSISoKoJIhKgqgkiErCtVPnJgzEAAAEVYBx4jt/YPVfphu4QJlYmKlhWaGSIFQShEqCUEkQKglCJUGoJAiVBKGSIFQShEqCUEkQKglCJUGoJAiVBKGSIFQShEqCUEkQKglCJUGoJAiVBKGSIFQShEqCUEkQKglCJWE11MeEjW5jzTFho/dYc1oqG91/Y9F5fCds8Xx9xoU/WSulTAI1CJUAAAAASUVORK5CYII=") no-repeat center 0px;
    overflow: hidden;
}

#postaPontApi {
    /*			width:640px;*/
    width: 100%;
    max-width: 640px;
    margin: 0px auto;
    overflow: hidden;
}

#postaPontApi h2,
#postaPontApi select,
#postaPontApi button,
#postaPontApi input,
#postaPontApi img,
#postaPontApi p {
    border: 0;
    margin: 0;
    outline: inherit;
    padding: 0;
}

#postaPontApi h2 {
    display: block;
    height: 30px;
    line-height: 30px;
    padding-left: 15px;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    overflow: hidden;
    /* corners */
    -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
    /* text shadow */
    -moz-text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
    -webkit-text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
    /* linear bg */
    background: rgb(21, 134, 57);
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE1ODYzOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzE0NzYzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZjUzMjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
    background: -moz-linear-gradient( top, rgba(21, 134, 57, 1) 0%, rgba(20, 118, 51, 1) 51%, rgba(15, 83, 36, 1) 100%);
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0%, rgba(21, 134, 57, 1)), color-stop(51%, rgba(20, 118, 51, 1)), color-stop(100%, rgba(15, 83, 36, 1)));
    background: -webkit-linear-gradient( top, rgba(21, 134, 57, 1) 0%, rgba(20, 118, 51, 1) 51%, rgba(15, 83, 36, 1) 100%);
    background: -o-linear-gradient( top, rgba(21, 134, 57, 1) 0%, rgba(20, 118, 51, 1) 51%, rgba(15, 83, 36, 1) 100%);
    background: -ms-linear-gradient( top, rgba(21, 134, 57, 1) 0%, rgba(20, 118, 51, 1) 51%, rgba(15, 83, 36, 1) 100%);
    background: linear-gradient( to bottom, rgba(21, 134, 57, 1) 0%, rgba(20, 118, 51, 1) 51%, rgba(15, 83, 36, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#158639', endColorstr='#0f5324', GradientType=0);
}


/* mobile */

@media (max-width: 767px) {
    #postaPontApi h2 {
        font-size: 13px;
    }
}

#postaPontApi-inner {
    padding: 17px;
}

#postaPontApi-inner p {
    padding-bottom: 16px;
    border-bottom: 1px dotted #8c8c8c;
}

#postaPontApi-inner form {
    height: 70px;
    margin: 16px 0px;
}

#postaPontApi-inner form #pp-geoloc-button {
    margin-bottom: 10px;
    float: right !important;
}

#postaPontApi-inner form div#pp-select-container {
    clear: both;
    height: 23px;
    line-height: 23px;
    width: 462px;
    padding: 4px 5px 1px 7px;
    float: left;
    margin-right: 10px;
    border: 1px solid #dedede;
    /* corners */
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}


/* mobile horizontal */

@media (min-width: 480px) and (max-width: 767px) {
    #postaPontApi-inner form div#pp-select-container {
        margin-right: 0;
        width: 68%;
    }
}


/* mobile vertical */

@media (max-width: 479px) {
    #postaPontApi-inner form div#pp-select-container {
        margin-right: 0;
        width: 56%;
    }
}

#postaPontApi-inner form div#pp-select-container select {
    width: 100%;
}

#postaPontApi-inner form button {
    float: left;
    cursor: pointer;
    width: 120px;
    height: 30px;
    line-height: 30px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    /* corners */
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: rgb(230, 41, 37);
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2MjkyNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2MzMWYxYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMTE0MTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
    background: -moz-linear-gradient( top, rgba(230, 41, 37, 1) 0%, rgba(195, 31, 27, 1) 49%, rgba(161, 20, 17, 1) 100%);
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0%, rgba(230, 41, 37, 1)), color-stop(49%, rgba(195, 31, 27, 1)), color-stop(100%, rgba(161, 20, 17, 1)));
    background: -webkit-linear-gradient( top, rgba(230, 41, 37, 1) 0%, rgba(195, 31, 27, 1) 49%, rgba(161, 20, 17, 1) 100%);
    background: -o-linear-gradient( top, rgba(230, 41, 37, 1) 0%, rgba(195, 31, 27, 1) 49%, rgba(161, 20, 17, 1) 100%);
    background: -ms-linear-gradient( top, rgba(230, 41, 37, 1) 0%, rgba(195, 31, 27, 1) 49%, rgba(161, 20, 17, 1) 100%);
    background: linear-gradient( to bottom, rgba(230, 41, 37, 1) 0%, rgba(195, 31, 27, 1) 49%, rgba(161, 20, 17, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e62925', endColorstr='#a11411', GradientType=0);
}

#pp-geoloc-button {
    float: left !important;
}


/* mobile horizontal */

@media (min-width: 480px) and (max-width: 767px) {
    #postaPontApi-inner form button {
        float: right;
        width: 25%;
    }
}


/* mobile vertical */

@media (max-width: 479px) {
    #postaPontApi-inner form button {
        float: right;
        width: 35%;
    }
}

#postaPontApi-inner form button:hover {
    background: rgb(161, 20, 17);
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ExMTQxMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2MzMWYxYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNjI5MjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
    background: -moz-linear-gradient( top, rgba(161, 20, 17, 1) 0%, rgba(195, 31, 27, 1) 51%, rgba(230, 41, 37, 1) 100%);
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0%, rgba(161, 20, 17, 1)), color-stop(51%, rgba(195, 31, 27, 1)), color-stop(100%, rgba(230, 41, 37, 1)));
    background: -webkit-linear-gradient( top, rgba(161, 20, 17, 1) 0%, rgba(195, 31, 27, 1) 51%, rgba(230, 41, 37, 1) 100%);
    background: -o-linear-gradient( top, rgba(161, 20, 17, 1) 0%, rgba(195, 31, 27, 1) 51%, rgba(230, 41, 37, 1) 100%);
    background: -ms-linear-gradient( top, rgba(161, 20, 17, 1) 0%, rgba(195, 31, 27, 1) 51%, rgba(230, 41, 37, 1) 100%);
    background: linear-gradient( to bottom, rgba(161, 20, 17, 1) 0%, rgba(195, 31, 27, 1) 51%, rgba(230, 41, 37, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#a11411', endColorstr='#e62925', GradientType=0);
}

#postaPontApi-inner #pp-map-canvas {
    max-width: 606px;
    width: 100% !important;
}


/*POSTA*/

.step-delivery .stores {
    padding: 20px 0.45rem;
}

.order-plus-info .icontext {
    width: 100%;
}

@media (max-width: 767px) {
    #gls-canvas #left-canvas {
        width: 100%;
        height: 210px;
    }
    #gls-canvas #searchinput {
        width: 100%;
    }
    #psitems-canvas {
        overflow: auto;
        height: calc(100% - 32px);
        width: 100%;
    }
    #gls-canvas #right-canvas {
        width: 100%;
        height: calc(100% - 210px);
    }
}

@media (max-width: 576px) {
    .order-block .table.table-shopping-cart thead {
        display: none;
    }
    .order-block .table.table-shopping-cart tr td {
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
        border-right: 1px solid #343a40;
        border-left: 1px solid #343a40;
    }
    .order-block .table.table-shopping-cart tr td:first-of-type {
        border-top: 1px solid #343a40;
    }
    .order-block .table.table-shopping-cart tr td:last-of-type {
        border-bottom: 1px solid #343a40;
    }
    .order-block .table.table-shopping-cart .align-items-center,
    .order-block .table.table-shopping-cart .align-middle {
        justify-content: center;
        text-align: center;
        padding: 5px 15px;
    }
    .order-block .table.table-shopping-cart {
        border-collapse: separate;
        border-spacing: 10px 20px;
    }
    .order-block .stepping button {
        min-width: 120px;
    }
}


/*ONE_PAGE*/

.order-block.one-page .tracking-wrap {
    display: none;
}

.order-block.one-page .stepping button {
    visibility: hidden;
}


/*ONE_PAGE_END*/