input:focus,
select:focus,
textarea:focus{
    outline:none;
}

input::placeholder{
    color: #4a4a4a;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: -0.32px;
    line-height: 36px;
    text-align: left;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    cursor: pointer;
    color:black;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: -0.32px;
    line-height: 36px;
}

select{
    background: url('/userdata/public/assets/SVG/select.svg') #f4f4f4 88% 50% no-repeat;
    height: 54px;
    padding: 0 30px;
    border: none;
    border-radius: 40px;
}

textarea{
    border: none;
    border-radius: 20px;
    background-color: #f4f4f4;
    padding: 20px;
    box-sizing: border-box;
    width: 100%;
    color: #7b7b7b;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: -0.32px;
    text-align: left;
}
.radio-wrap,
.checkbox-wrap{
    -webkit-border-top-right-radius: 50%;
    -webkit-border-bottom-right-radius: 50%;
    -webkit-border-bottom-left-radius: 50%;
    -webkit-border-top-left-radius: 50%;
    -moz-border-radius-topright: 50%;
    -moz-border-radius-bottomright: 50%;
    -moz-border-radius-bottomleft: 50%;
    -moz-border-radius-topleft: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    border-top-left-radius: 50%;
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid #4c4c4c;
    background-color: #fff;
    position: relative;
    margin: 0 10px 0 0;
    top: 3.5px;
    cursor: pointer;
}

.radio-wrap input[type=radio],
.checkbox-wrap input[type=checkbox] {
    visibility: hidden;
    position: absolute;
}

.radio-wrap label, 
.checkbox-wrap label{
    display: inline;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.radio-wrap:hover label::after,
.checkbox-wrap:hover label::after{
    background-color: #4c4c4c;
}

.radio-wrap label::after,
.checkbox-wrap label::after{
    -webkit-border-top-right-radius: 50%;
    -webkit-border-bottom-right-radius: 50%;
    -webkit-border-bottom-left-radius: 50%;
    -webkit-border-top-left-radius: 50%;
    -moz-border-radius-topright: 50%;
    -moz-border-radius-bottomright: 50%;
    -moz-border-radius-bottomleft: 50%;
    -moz-border-radius-topleft: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    border-top-left-radius: 50%;
    content: "";
    display: block;
    height: 18px;
    left: -1px;
    position: absolute;
    top: -1px;
    width: 18px;
}

.radio-wrap input[type=radio]:checked+label::after,
.checkbox-wrap input[type=checkbox]:checked+label::after{
    background-color: #000;
    border:none;
}

.radio-wrap input[type=radio]:checked+label::before,
.checkbox-wrap input[type=checkbox]:checked+label::before{
    content:'';
    background:url('/userdata/public/assets/SVG/checkbox.svg') transparent no-repeat;
    position: absolute;
    width:9px;
    height:8px;
    z-index: 1;
    top: 4px;
    left: 3px;
}

button span{
    font-family: "Source Sans Pro",sans-serif;
}

/* koszyk */

#box_basketlist .innerbox,
#box_basketsummary .innerbox{
    max-width:1100px;
    margin:0 auto;
}

#box_basketlist .innerbox form table,
#box_basketsummary .innerbox table{
    border-collapse:collapse;
    width:100%;
}

#box_basketlist .innerbox form table tr td,
#box_basketsummary .innerbox table tr td{
    box-sizing: border-box;
    text-align: center;
}

#box_basketlist .innerbox form table tbody tr,
#box_basketsummary .innerbox table tbody tr{
    border-bottom: 1px solid #f4f4f4;
}

#box_basketlist .innerbox form table tbody tr:nth-last-child(1),
#box_basketlist .innerbox form table tbody tr:nth-last-child(2),
#box_basketsummary .innerbox table tbody tr:nth-last-child(1){
    border-bottom:0px;
}

#box_basketlist .innerbox form table thead tr td,
#box_basketsummary .innerbox table thead tr td{
    color: #4a4a4a;
    font-size: 13px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: -0.26px;
    line-height: 20px;
    padding-bottom:5px;
    text-align: center;
}

#box_basketlist .innerbox form table tbody td.img,
#box_basketsummary .innerbox table tbody td.img{
    width:85px;
}

#box_basketlist .innerbox form table tbody td.img img,
#box_basketsummary .innerbox table tbody td.img img{
    max-width:71px;
}

#box_basketlist .innerbox form table tbody a,
#box-basketlist .innerbox form table tbody input,
#box_basketlist .innerbox form table tbody em,
#box_basketsummary .innerbox table tbody a,
#box_basketsummary .innerbox table tbody input,
#box_basketsummary .innerbox table tbody em{
    color: #4a4a4a;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: -0.32px;
    line-height: 20px;
}

#box_basketlist .innerbox form table td.img
#box_basketsummary .innerbox table td.img{
    padding-left:0px;
    text-align: left;
}

#box_basketlist .innerbox form table tbody td.name,
#box_basketsummary .innerbox table tbody td.name{
    text-align: left;
}

#box_basketlist .innerbox form table tbody td.name > span,
#box_basketsummary .innerbox table tbody td.name > span{
    opacity: 0.7;
    color: #4a4a4a;
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: -0.26px;
    line-height: 20px;
    display: block;
}

#box_basketlist .innerbox form table tbody .shaded_inputwrap,
#box_basketsummary .innerbox table tbody .quantity_wrap{
    border-radius: 21px;
    background-color: #f4f4f4;
    height:42px;
    width:88px;
    display: block;
    margin:0 auto;
}


#box_basketlist .innerbox form table tbody .shaded_inputwrap input{
    width: 35px;
    font-size: 16px;
    color: #4a4a4a;
    height: 44px;
    box-sizing: border-box;
    margin: 0 5px;
    text-align: right;
    border: 0;
    background: transparent;
    position: relative;
    right: 10px;
}

#box_basketlist .innerbox form table tbody .shaded_inputwrap .unit,
#box_basketsummary .innerbox table tbody .quantity .unit{
    position: relative;
    right: 12px;
    top:0;
    color: #4a4a4a;
    font-size: 16px;
}

#box_basketlist .innerbox form table tbody td.actions a::before{
    content:'';
    background: url('/userdata/public/assets/SVG/graycross.svg') transparent no-repeat center;
    width:13px;
    height:13px;
    display:inline-block;
}


#box_basketlist .innerbox form table tr.buttonLast td{
    padding:0;
}

#box_basketlist .innerbox form table tr.buttonLast .quantity{
    display: block !important;
    width:auto !important;
    text-align: center;
}

#box_basketlist .innerbox form table tr.buttonLast .quantity #recalc{
    display:none;
}

#box_basketlist .innerbox form table tr.buttonLast .quantity #recalc button span{
    background: black;
    color: white;
    padding: 10px 16px;
    margin-top:8px;
    border-radius: 35px;
    display: block;
    margin-bottom: 10px;
    text-transform: unset;
}

@media screen and (min-width:768px){

    #box_basketlist .boxhead h3{
        font-size: 36px;
        font-weight: 400;
        letter-spacing: -0.72px;
        line-height: 36px;
        text-align: left;
        margin-bottom:25px;
    }
    
    #box_basketlist .innerbox form table tr td.quantity
    #box_basketsummary .innerbox table tr td.quantity{
        padding: 10px;
    }
    
    #box_basketlist .innerbox form table thead tr,
    #box_basketsummary .innerbox table thead tr {
        border-bottom: 7px solid #f4f4f4;
    }
    
    #box_basketlist .innerbox form .table-wrap,
    #box_basketsummary .innerbox{
        border-radius: 50px;
        border: 7px solid #f4f4f4;
        padding: 30px 43px 0px 43px;
    }

    #box_basketlist .innerbox form table tbody td.quantity,
    #box_basketsummary .innerbox table tbody td.quantity{
        position: relative;
    }


    #box_basketlist .innerbox form table tbody td.name,
    #box_basketsummary .innerbox table tbody td.name{
        width:45%;
    }

    #box_basketlist .innerbox form table tbody td.time,
    #box_basketsummary .innerbox table tbody td.time{
        width:8%;
    }

    #box_basketlist .innerbox form table tbody td.price,
    #box_basketlist .innerbox form table tbody td.sum,
    #box_basketsummary .innerbox table tbody td.price,
    #box_basketsummary .innerbox table tbody td.sum{
        width:12%;
    }

    #box_basketlist .innerbox form table tbody td.quantity,
    #box_basketsummary .innerbox table tbody td.quantity{
        width:15%;
    }

    #box_basketlist .innerbox form table tbody td.actions{
        width:30px;
    }
    #box_basketlist .innerbox form table tr.buttonLast .quantity #recalc button span{
        margin-top: 0;
        display: block;
    }
}

@media screen and (max-width:767px){

    #box_basketlist .boxhead h3{
        font-size: 26px;
        letter-spacing: -0.32px;
        font-weight: 400;
        line-height: 24px;
        margin-top:15px;
        margin-bottom:25px;
    }
    
    #box_basketlist .innerbox form table tr td,
    #box_basketsummary .innerbox table tr td{
        padding: 10px 4px;
    }

    #box_basketlist .innerbox form table thead tr,
    #box_basketsummary .innerbox table thead tr{
        border-bottom: 4px solid #f4f4f4;
    }
    
    #box_basketlist .innerbox form .table-wrap,
    #box_basketsummary .innerbox{
        border-radius: 15px;
        border: 4px solid #f4f4f4;
        padding: 8px 10px;
    }

    #box_basketlist .innerbox form table td.time,
    #box_basketlist .innerbox form table td.price,
    #box_basketlist .innerbox form table td.sum,
    #box_basketlist .innerbox form table td.quantity,
    #box_basketsummary .innerbox table td.time,
    #box_basketsummary .innerbox table td.price,
    #box_basketsummary .innerbox table td.sum,
    #box_basketsummary .innerbox table td.quantity{
        display: none;
    }

    #box_basketlist .innerbox form table td.name .mobileContainer,
    #box_basketsummary .innerbox table td.name .mobileContainer{
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
    }

    #box_basketlist .innerbox form table td.name .mobileContainer .shaded_inputwrap{
        margin:7.5px 10px 7.5px 0;
    }
    #box_basketsummary  .innerbox table td.name .mobileContainer .quantity_wrap{
        background: none;
        height: 20px;
        margin: 3px 0 5px 0;
    }

    #box_basketlist .innerbox form table td.name .mobileContainer .quantity_wrap input{
        right:3px;
    }

    #box_basketlist .innerbox form table td.name .mobileContainer .quantity_wrap .unit{
        right:8px;
    }

    #box_basketlist .innerbox form table tbody td.actions{
        width:20px;
        position: relative;
    }

    #box_basketlist .innerbox form table tbody td.actions a{
        position: absolute;
        bottom:26px;
        right: 5px;
    }

    #box_basketlist .innerbox form table tr.buttonLast .name{
        display: none;
    }
    #box_basketlist .innerbox form table tr.buttonLast .quantity{
        text-align: left;
    }
    #box_basketlist .innerbox form table tr.buttonLast .quantity #recalc button span{
        margin-top: 10px;
    }
}

#box_basketlist #cart-options{
    display: flex;
    flex-wrap:wrap;
    margin: 28px 0;
}

@media screen and (min-width:1101px){
    #box_basketlist #cart-options{
        padding: 0 55px;
    }
}

@media screen and (max-width:1100px){
    #box_basketlist #cart-options{
        padding: 0 10px;
    }
}


#box_basketlist #cart-options > div h5{
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: -0.4px;
    line-height: 36px;
    text-align: left;
}

#box_basketlist #cart-options > div .delivery,
#box_basketlist #cart-options > div .payment{
    display: flex;
    justify-content: space-between;
    margin-bottom:5px;
}

#box_basketlist #cart-options > div .delivery.none,
#box_basketlist #cart-options > div .payment.none{
    display: none;
}
#box_basketlist #cart-options > div .delivery label,
#box_basketlist #cart-options > div .payment label{
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    text-align: left;
    color:#4a4a4a;
}

#box_basketlist #cart-options > div .delivery .description,
#box_basketlist #cart-options > div .payment .description{
    display:block;
    padding-left:32px;
    color: #4a4a4a;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: -0.26px;
    line-height: 20px;
    margin-top:-5px;
}

#box_basketlist #cart-options > div .delivery .value,
#box_basketlist #cart-options > div .payment .value{
    font-size: 16px;
    font-weight: 700;
    line-height: 28px;
    text-align: right;
    margin-left: 5px;
}

#box_basketlist #cart-options .summary-container .promo-container{
    margin-bottom:15px;
}
#box_basketlist #cart-options .summary-container .promo-container .promocode .checkbox-wrap,
#box_basketlist #cart-options .summary-container .promo-container .promocode .desc{
    display:none !important;
}

#box_basketlist #cart-options .summary-container .promo-container .promocode .input,
#box_basketlist #cart-options .summary-container .promo-container .promocode .action{
    display:block !important;
    position: relative;
}
#box_basketlist #cart-options .summary-container .promo-container .promocode{
    display: flex;
    max-width: 260px;
    margin: 0 0 0 auto;
}

#box_basketlist #cart-options .summary-container .promo-container .promocode .input{
    width:100%;
    position: relative;
}

#box_basketlist #cart-options .summary-container .promo-container .promocode .input input{
    width:100%;
    height: 42px;
    border-radius: 21px;
    background-color: #f4f4f4;
    border:none;
    padding: 0 35px;
    box-sizing: border-box;
}

#box_basketlist #cart-options .summary-container .promo-container .promocode .action button{
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 10px;
}
#box_basketlist #cart-options .summary-container .promo-container .promocode .action button::after{
    content: '';
    background: url('/userdata/public/assets/SVG/back.svg') transparent no-repeat center;
    background-size: 18px;
    position: absolute;
    display: inline-block;
    width: 27px;
    height: 19px;
    transform: scale(-1,1) rotate(180deg);
}

#box_basketlist #cart-options .summary-container .promo-container .promo.code{
    color: #3e3e3e;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 19px;
    text-align: right;
}

#box_basketlist #cart-options .summary-container .promo-container .promo.code button{
    color:white;
    background:black;
    border-radius:35px;
    height:35px;
    line-height: 35px;
    padding: 0 25px;
    margin-bottom:8px;
}

#box_basketlist #cart-options .summary-container .promo-container .promo.level{
    color: #3e3e3e;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 19px;
    text-align: right;
    margin:18px 0 15px 0;
}

#box_basketlist #cart-options .summary-container .promo-container .promo.level span.color{
    color:white;
    background:#ff2c12;
    padding:1px 5px;
    font-weight: bold;
    margin-right: 5px;
}

#box_basketlist #cart-options .summary-container .promo-container .promo.level .value{
    font-weight: bold;
}

#box_basketlist #cart-options .summary-container .recount .desc em,
#box_basketlist #cart-options .summary-container .recount .sum em,
#box_basketlist #cart-options .summary-container .deliveryhead .cost em,
#box_basketlist #cart-options .summary-container .deliveryhead .value em{
    color: #3e3e3e;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 19px;
    text-align: right;
}

#box_basketlist #cart-options .summary-container > .sum .value{
    color: #000000;
    font-size: 32px;
    font-weight: 700;
    margin: 10px 0 15px 0;
    display: block;
}

#box_basketlist #cart-options .buttons{
    width: 100%;
    text-align: right;
}

#box_basketlist #cart-options .buttons button span{
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 40px;
    text-align: right;
    display: block;
}

#box_basketlist #cart-options .buttons .back{
    margin-right:20px;
}

#box_basketlist #cart-options .buttons .forward span{
    width: 259px;
    height: 64px;
    border-radius: 39px;
    background-color: #000000;
    color:white;
    line-height: 64px;
    text-align: center;
    transition: 250ms;
}

#box_basketlist #cart-options .buttons .forward span:hover{
    background-color: #313139;
}

@media screen and (min-width:768px){
    #box_basketlist #cart-options > div{
        width: calc(100% / 3);
    }
    #box_basketlist #cart-options .delivery-container div,
    #box_basketlist #cart-options .payment-container div{
        max-width: 300px;
        padding-right: 20px;
    }
    #box_basketlist #cart-options .summary-container{
        text-align: right;
        /* max-width: 260px; */
        margin: 0 0 0 auto;
    }
    
}

@media screen and (max-width:767px){
    #box_basketlist #cart-options > div{
        width: 100%;
    }
    #box_basketlist #cart-options .summary-container{
        margin: 10px 0;
        text-align: right;
    }
    #box_basketlist #cart-options .summary-container .promo-container .promocode .input input{
        max-width: 260px;
    }
    #box_basketlist #cart-options .buttons{
        display: flex;
        flex-direction: column-reverse;
    }
    #box_basketlist #cart-options .buttons button{
        width: 100%;
    }
    #box_basketlist #cart-options .buttons span{
        width:100% !important;
    }
    #box_basketlist #cart-options .buttons button.back span{
        text-align: center;
        margin: 5px 0;
    }
}

/* boxbestsellers koszyk */
#box_bestsellers{
    max-width:1100px;
    margin:40px auto 80px auto;
}

/* step 2 */

@media screen and (min-width:768px){
    header.checkout{
        height:100px
    }
    header.checkout .logo-bar{
        padding:20px 0;
    }
}

@media screen and (max-width:767px){
    header.checkout .logo-bar{
        padding: 30px 0;
        text-align: center;
    }
}
header.checkout .logo-bar .link-logo{
    width:150px;
}

@media screen and (min-width:1101px){
    header.checkout .logo-bar .basket-steps{
        margin-right:150px;
    }
    header.checkout .logo-bar .basket-steps ol{
        display: flex;
        justify-content: center;
    }
}

@media screen and (max-width:1100px) and (min-width:768px){
    header.checkout .logo-bar .basket-steps ol{
        display: flex;
        justify-content: flex-end;
    }
}

@media screen and (min-width:768px){
    header.checkout .logo-bar .basket-steps{
        flex-grow:1;
    }

    header.checkout .logo-bar .basket-steps ol li{
        list-style: none;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 130px;
        position: relative;
    }

    header.checkout .logo-bar .basket-steps ol li:nth-child(2)::after,
    header.checkout .logo-bar .basket-steps ol li:nth-child(3)::after,
    header.checkout .logo-bar .basket-steps ol li:nth-child(4)::after{
        content: '';
        position: absolute;
        top:20px;
        width:100%;
        height:1px;
        left:-50%;
        z-index: -1;
        background-image: linear-gradient(to right, #c9c9c9 60%, rgba(255,255,255,0) 0%);
        background-position: bottom;
        background-size: 7px 1px;
        background-repeat: repeat-x;
    }

    header.checkout .logo-bar .basket-steps ol li a,
    header.checkout .logo-bar .basket-steps ol li span{
        color:#c9c9c9;
        font-size: 13px;
        font-weight: 400;
        font-style: normal;
        letter-spacing: normal;
        line-height: normal;
        text-align: center;
    }
    header.checkout .logo-bar .basket-steps ol{
        counter-reset: item;
    }

    .basket-steps ol li::before{
        content: counter(item);
        counter-increment: item;
        display: inline-block;
        text-align: center;
        background-color: #707070;
        clear: both;
        font-size: 13px;
        font-weight: 700;
        color: #fff;
        border-radius:100%;
        width:30px;
        height:29px;
        max-width: 30px;
        max-height: 30px;
        padding: 0;
        line-height: 30px;
        border: 6px solid white;
    }

    .basket-steps ol li.active-step::before,
    .basket-steps ol li.mark-green::before{
        background:black;
    }
}

@media screen and (max-width:767px){
    .basket-steps{
        display: none;
    }
}
header.checkout .logo-bar .basket-steps ol li.active-step a,
header.checkout .logo-bar .basket-steps ol li.mark-green a,
header.checkout .logo-bar .basket-steps ol li.active-step span,
header.checkout .logo-bar .basket-steps ol li.mark-green span{
    color:#383838;
}

.basket-step-border{
    max-width:1100px;
    margin:0 auto;
}

@media screen and (min-width:1101px){
    .basket-step-border{
        border-radius: 50px;
        border: 7px solid #f4f4f4;
        padding: 40px 55px;
    }
}

@media screen and (max-width:1100px){
    .basket-step-border{
        border-radius: 15px;
        border: 4px solid #f4f4f4;
        padding: 22px 28px 40px 28px;
    }
}
.basket-step-border .social-login-buttons{
    display: flex;
    flex-wrap: wrap;
    border-bottom: 7px solid #f4f4f4;
    margin:10px 0 20px 0;
    padding-bottom: 30px;
}


.basket-step-border .social-login-buttons h3{
    color: #000000;
    font-size: 28px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: -0.4px;
    line-height: 36px;
    text-align: left;
    margin-right: 20px;
}

.basket-step-border .social-login-buttons a{
    font-size: 13px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 21px;
    text-align: left;
    height: 44px;
    border-radius: 100px;
    border: 1px solid #707070;
    background-color: #ffffff;
    line-height: 44px;
    margin-right: 10px;
    text-transform: uppercase;
    padding: 0 25px 0 48px;
    position: relative;
}

.basket-step-border .social-login-buttons a.btn-login-facebook::before{
    content:'';
    background: url('/userdata/public/assets/SVG/loginfb.svg') transparent no-repeat;
    width:10px;
    height:19px;
    position: absolute;
    left: 26px;
    top:50%;
    transform: translateY(-50%);
}

.basket-step-border .social-login-buttons a.btn-login-google::before{
    content:'';
    background: url('/userdata/public/assets/SVG/logingoogle.svg') transparent no-repeat;
    width:18px;
    height:18px;
    position: absolute;
    left: 20px;
    top:50%;
    transform: translateY(-50%);
}

.basket-step-border .innerbox{
    display:flex;
    flex-wrap:wrap;
}

.basket-step-border .innerbox > div{
    display:flex;
    flex-direction: column;
}

.basket-step-border .innerbox h3{
    font-size: 28px;
    font-weight: 700;
    line-height: 31px;
    text-align: left;
    margin: 15px 40px 20px 0;
}
.basket-step-border .innerbox p,
.basket-step-border .innerbox strong{
    color: #383838;
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    display: block;
    margin:15px 0;
}

.basket-step-border .innerbox ul{
    padding-left:20px;
}
.basket-step-border .innerbox ul li{
    /* list-style: none; */
    color: #383838;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    margin:15px 0;
}

.basket-step-border .innerbox ul li.loyalty-el{
    list-style: none;
    width: calc(100% + 20px);
    margin-left: -20px;
    border-radius: 20px;
    border: 5px solid #fae9d0;
    padding: 20px 50px 9px 60px;
    position: relative;
    margin: 22px 0 20px -20px;
}

.basket-step-border .innerbox ul li.loyalty-el p{
    color: #383838;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    margin-top:0;
    margin-bottom:8px;
}

.basket-step-border .innerbox ul li.loyalty-el strong{
    color: #383838;
    font-size: 16px;
    font-weight: 700;
    margin-bottom:1px;
    margin:0; 
}

.basket-step-border .innerbox ul li.loyalty-el::before{
    content:'';
    background: url('/userdata/public/assets/SVG/loyalty.svg') transparent no-repeat;
    width:24px;
    height:24px;
    position: absolute;
    top: 18px;
    left: 27px;
}

.basket-step-border .innerbox form{
    flex-grow:1;
}

.basket-step-border .innerbox form fieldset{
    height:100%;
    width:100%;
    display: flex;
    flex-direction: column;
}

.basket-step-border .innerbox > .register form,
.basket-step-border .innerbox > .basket-no-register form{
    display:flex;
    align-items: flex-end;
}

.basket-step-border .innerbox > .login fieldset button{
    flex-grow:1;
    display:flex;
    align-items: flex-end;
}

.basket-step-border .innerbox > div button{
    width:100%;
    margin:10px 0 0 0;
}

.basket-step-border .innerbox > div button span{
    height: 57px;
    border-radius: 100px;
    background-color: #000000;
    width: 100%;
    line-height: 57px;
    display:block;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    transition: 250ms;
}

.basket-step-border .innerbox > div button span:hover{
    background-color: #313139;
}

.basket-step-border .innerbox input{
    border:none;
    height: 57px;
    width:100%;
    border-radius: 40px;
    background-color: #f4f4f4;
    padding:0 30px;
    margin:2px 0;
    box-sizing: border-box;
}

.basket-step-border .innerbox .form-line.last .shaded_inputwrap{
    margin:8px 0;
    color: #383838;
    font-size:14px;
}
.basket-step-border .innerbox .form-line .shaded_inputwrap a{
    text-decoration: underline;
}

@media screen and (min-width: 768px){
    .basket-step-border .social-login-buttons{
        border-bottom: 7px solid #f4f4f4;
    }

    .basket-step-border .innerbox > div{
        width: calc(100% / 3);
        padding: 0 20px;
    }

    .basket-step-border .innerbox input{
        max-width:271px;
    }

    .basket-step-border .innerbox > div:nth-child(1),
    .basket-step-border .innerbox > div:nth-child(2){
        border-right: 1px solid #f3f3f3;
    }
}
@media screen and (max-width:767px){
    .basket-step-border .social-login-buttons{
        flex-direction: column;
        text-align: center;
        justify-content: center;
        align-items: center;
        margin-top:0;
        padding-bottom:25px;
        border-bottom: 4px solid #f4f4f4;
    }
    .basket-step-border .social-login-buttons h3{
        margin-bottom:10px;
        font-size:20px;
    }
    .basket-step-border .social-login-buttons a{
        margin-bottom:5px;
    }
    .basket-step-border .innerbox{
        flex-direction: column;
    }

    .basket-step-border .innerbox > div:nth-child(1),
    .basket-step-border .innerbox > div:nth-child(2){
        border-bottom: 1px solid #f3f3f3;
        padding-bottom: 40px;
        margin-bottom: 20px;
    }
    .basket-step-border .social-login-buttons a{
        font-size:11px;
    }
} 

/* address */

#box_basketaddress .basket-step-border > .f-row{
    display:flex;
    flex-wrap:wrap;
}


#box_basketaddress .basket-step-border > .f-row > div:nth-child(1) h4,
#box_basketaddress .basket-step-border > .f-row > div:nth-child(2) > div h4{
    margin-left:18px;
}

#box_basketaddress .basket-step-border > .f-row > div:nth-child(2) > h4{
    margin-left:8px;
}



#box_basketaddress .basket-step-border > .f-row h4{
    color: #383838;
    font-size: 28px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 31px;
    text-align: left;
    margin-bottom:15px;
}

#box_basketaddress table{
    width:100%;
}
#box_basketaddress input{
    height: 57px;
    border-radius: 40px;
    background-color: #f4f4f4;
    border:none;
    box-sizing: border-box;
    width: 100%;
    padding: 0 30px;
}

#box_basketaddress table tr.coname .label,
#box_basketaddress table tr.nip .label,
#box_basketaddress table tr.other_address .label,
#box_basketaddress table tr.zip .label,
#box_basketaddress table tr.city .label,
#box_basketaddress table tr.state .label,
#box_basketaddress table tr.state .label,
#box_basketaddress table tr.mail .label,
#box_basketaddress table tr.name .label,
#box_basketaddress table tr.phone .label,
#box_basketaddress table tr.pass1 .label,
#box_basketaddress table tr.pass2 .label,
#box_basketaddress table tr.surname .label,
#box_basketaddress table tr.address_type .label,
#box_basketaddress table tr.name2 .label,
#box_basketaddress table tr.surname2 .label,
#box_basketaddress table tr.phone2 .label,
#box_basketaddress table tr.other_address2 .label,
#box_basketaddress table tr.zip2 .label,
#box_basketaddress table tr.city2 .label,
#box_basketaddress table tr.state2 .label,
#box_basketaddress table tr.coname2 .label,
#box_basketaddress table tr.select_address .label{
    position: absolute;
    font-size: 0px;
    overflow: hidden;
}

#box_basketaddress table tr td .shaded_inputwrap{
    position: relative;
    background-color: #f4f4f4;
    border-radius: 40px;
}
.label-name{
    color:#707070;
    font-weight: 400;
    font-style: normal;
    letter-spacing: -0.22px;
    line-height: 36px;
    text-align: left;
    transition: all 0.3s ease; 
    position: absolute;
    left: 27px;
    top: 10px;
    z-index: 3;
}

#box_basketaddress table tr.select_address select{
    width: 100% !important;
}
#box_basketaddress table{
    border-spacing: 4px;
}
#box_basketaddress table tr td input{
    color:black;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: -0.32px;
    line-height: 36px;
    text-align: left;
    padding-top:12px;
    background:transparent;
    position: relative;
    z-index:4;
}
#box_basketaddress table tr.country .label,
#box_basketaddress table tr.country2 .label{
    position: absolute;
    transform: translateY(18px) translateX(10px);
}
#box_basketaddress table tr.country .input,
#box_basketaddress table tr.country2 .input{
    position: relative;
    left: 50px;
}

#box_basketaddress table tr.country select,
#box_basketaddress table tr.country2 select{
    width: calc(100% - 50px);
}

#box_basketaddress table tr input:focus + .label-name,
#box_basketaddress table tr input[custom_value]:not([custom_value=""]):not(.emptymask) + .label-name{
    transform: translateX(0px) translateY(-12px);
    font-size: 11px;
    height:25px;
    z-index: 5;
}

#box_basketaddress table tr input.emptymask[custom_value="__-___"]:not(:focus) + .label-name{
    transform: none;
    font-size: 16px;
}

#box_basketaddress table tr input.inputmask:not(:focus) + .label-name{
    transform: none;
    font-size: 16px;
}

#box_basketaddress table tr td .shaded_inputwrap.error{
    background-color: #fff1f1;
    border: 1px solid #ff0000;
}

#box_basketaddress table tr td .shaded_inputwrap.error input{
    color: #ff0000b5;
}

#box_basketaddress table tr td .shaded_inputwrap.error .label-name{
    color:#ff0000;
}

#box_basketaddress .basket-step-border > .f-row > div:nth-child(1) .input_error,
#box_basketaddress .basket-step-border > .f-row > div:nth-child(2) > div .input_error{
    position: absolute;
    font-size: 10px;
    z-index: 1;
    transform: translateY(-13px) translateX(15px);
    background: white;
    padding: 0 5px;
    border-radius: 8px;
    background-color: #ffffff;
    color: #ff0000;
    font-size: 11px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: -0.22px;
    text-align: left;
    list-style: none;
    z-index: 5;
}

#box_basketaddress .basket-step-border > .f-row > div:nth-child(2) > table .input_error{
    color: #ff0000;
    font-size:13px;
    list-style: none;
    padding: 2px 0 8px 54px;
}
#box_basketaddress table tr.address_type input,
#box_basketaddress table tr.different_address input{
    height:auto;
}

#box_basketaddress table tr.different_address .input{
    padding: 10px 0;
}

#box_basketaddress table tr.address_type .input{
    padding:10px;
}

#box_basketaddress table tr.address_type .input span,
#box_basketaddress table tr.address_type .input label,
#box_basketaddress table tr.different_address .input span,
#box_basketaddress table tr.different_address .input label{
        float: left;
}

#box_basketaddress table tr.address_type .input label,
#box_basketaddress table tr.different_address .input label{
    color: #383838;
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 17px;
    text-align: left;
    margin-top:4px;
    margin-right:10px;
}

@media screen and (max-width:920px){
    #box_basketaddress table tr.address_type .input label{
        width: calc(100% - 40px);
    }
}

#box_basketaddress table tr.different_address .checkbox-wrap{
    top:3px;
}

#box_basketaddress table tr td select{
    border-radius: 40px;
    background-color: #f4f4f4;
    border:none;
    padding: 0 30px;
    height: 57px;
}

.required-info{
    color: #383838;
    font-size: 10px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 17px;
    text-align: left;
    padding:0 40px;
}

#box_basketaddress .witherror_checkbox .checkbox-wrap,
#box_basketaddress .additional-fields .checkbox-wrap,
#box_basketaddress .newsletter .checkbox-wrap{
    vertical-align: top;
}

#box_basketaddress .additional-fields .input.input_checkbox,
#box_basketaddress .witherror_checkbox .input.input_checkbox{
    padding: 0 15px 0 30px;
}

#box_basketaddress .newsletter .input{
    border-radius: 20px;
    border: 5px solid #fae9d0;
    padding: 8px 5px 8px 19px;
    transform: translateY(10px);
}

#box_basketaddress .newsletter p,
#box_basketaddress .newsletter a{
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 17px;
    text-align: left;
    color: #383838;
    padding: 5px 10px 5px 0;
}

#box_basketaddress .newsletter a{
    text-decoration: underline;
    padding:0;
}
#box_basketaddress .witherror_checkbox label,
#box_basketaddress .additional-fields label,
#box_basketaddress .newsletter label{
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 17px;
    text-align: left;
    color: #383838;
}

#box_basketaddress .additional-fields .fields-right,
#box_basketaddress .witherror_checkbox .fields-right,
#box_basketaddress .newsletter .fields-right{
    display: inline-block;
    width: calc(100% - 35px);
}


@media screen and (min-width:768px){
    #box_basketaddress .basket-step-border > .f-row > div:nth-child(1) > div{
        width:50%;
        padding-right: 15px;
        border-right: 1px solid #f3f3f3;
        margin-right: 15px;
    }
    #box_basketaddress .basket-step-border > .f-row > div:nth-child(1){
        width:calc(100% / 3 * 2);
        display:flex;
    }
    #box_basketaddress .basket-step-border > .f-row > div:nth-child(2){
        width: calc(100% / 3);
    }
}
@media screen and (max-width:767px){
    #box_basketaddress .basket-step-border > .f-row > div:nth-child(1){
        width:100%;
    }
    #box_basketaddress .basket-step-border{
        padding:5px 5px 35px 5px;
    }
    #box_basketaddress h4{
        margin-top:30px !important;
    }
    #box_basketaddress table tr.address_type .input{
        padding-top:0;
    }
}

#box_basketaddress .innerbox .bottombuttons{
    display: flex;
    justify-content: flex-end;
    margin:40px 15px 0 15px;
}

#box_basketaddress .innerbox .bottombuttons button{
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 23px;
    text-align: center;
}

@media screen and (min-width:768px){
    #box_basketaddress .innerbox .bottombuttons .back{
        margin-right: 40px;
    }
}

@media screen and (max-width:767px){
    #box_basketaddress .innerbox .bottombuttons{
        flex-direction: column-reverse;
    }
    #box_basketaddress .innerbox .bottombuttons .summary{
        margin-bottom:15px;
    }
}

#box_basketaddress .innerbox .bottombuttons .summary{
    color:white;
    height: 64px;
    border-radius: 39px;
    background-color: black;
    transition: 250ms;
}
#box_basketaddress .innerbox .bottombuttons .summary:hover{
    background-color: #313139; 
}

#box_basketsummary .innerbox > div.overflow{
    display: flex;
    border-top: 7px solid #f4f4f4;
    margin-top: 5px;
    padding-top: 35px;
    border-bottom: 1px solid #f4f4f4;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

#box_basketsummary .innerbox > div.overflow > div:nth-child(1),
#box_basketsummary .innerbox > div.overflow > div:nth-child(2){
    border-right: 1px solid #f4f4f4;
    margin-right:25px;
    padding-right:25px;
}

#box_basketsummary .innerbox > div.overflow > div h4{
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: -0.4px;
    line-height: 36px;
    text-align: left;
}

#box_basketsummary .innerbox > div.overflow > div p,
#box_basketsummary .innerbox > div.overflow > div li,
#box_basketsummary .innerbox > div.overflow > div a,
#box_basketsummary .innerbox > div.overflow > div span{
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 24px;
    text-align: left;
}
#box_basketsummary .innerbox > div.overflow > div li{
    list-style:none;
}


#box_basketsummary .innerbox > div.overflow > div p,
#box_basketsummary .innerbox > div.overflow > div span,
#box_basketsummary .innerbox > div.overflow > div strong{
    color:#737373;
}

#box_basketsummary .innerbox > div.overflow > div a{
    text-decoration: underline;
    color:black;
    font-size:13px;
}

#box_basketsummary .innerbox > div.overflow > div strong{
    font-weight: normal;
}

#box_basketsummary .innerbox > .taxes .label,
#box_basketsummary .innerbox > .taxes .cost{
    color: #3e3e3e;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 19px;
    text-align: right;
}

#box_basketsummary .innerbox > .sum .sum{
    margin:10px 0;
    display: block;
    color: black;
    font-size: 32px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 25px;
}

#box_basketsummary .innerbox .bottombuttons{
    text-align: right;
    margin:15px 0 25px 0;
}


#box_basketsummary .innerbox .bottombuttons .btn{
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 23px;
    text-align: right;
}

#box_basketsummary .innerbox .bottombuttons .btn.order{
    color:white;
    height: 64px;
    border-radius: 39px;
    background-color: #000000;
    padding:0 80px;
    transition:250ms;
}

#box_basketsummary .innerbox .bottombuttons .btn.order:hover{
    background-color: #313139;
}
@media screen and (min-width:768px){
    #box_basketsummary .innerbox > div.overflow > div{
        width: calc(100% / 3);
    }
    
    #box_basketsummary .innerbox > .taxes,
    #box_basketsummary .innerbox > .sum,
    #box_basketsummary .innerbox > .sum .sum{
        text-align: right;
    }
    #box_basketsummary .innerbox .bottombuttons .btn.undo{
        margin-right:35px;
    }
    #box_basketaddress .innerbox .bottombuttons .summary{
        padding: 0 100px;
    }
}

@media screen and (max-width:767px){
    #box_basketaddress .innerbox .bottombuttons .summary{
        padding: 0 10px;
    }
    #box_basketsummary .innerbox > div.overflow{
        flex-direction: column;
        padding-top:15px;
    }
    #box_basketsummary .innerbox > div.overflow > div{
        width: 100%;
    }

    #box_basketsummary .innerbox > div.overflow > div.invoice,
    #box_basketsummary .innerbox > div.overflow > div.information{
        margin-top:15px;
    }
    #box_basketsummary .innerbox .bottombuttons{
        display: flex;
        flex-direction: column-reverse;
    }
    #box_basketsummary .innerbox .bottombuttons button{
        width:100%;
    }
    #box_basketsummary .innerbox .bottombuttons button span{
        text-align: center;
        display: block;
    }
    #box_basketsummary .innerbox .bottombuttons .btn.order{
        margin-bottom:20px;
        padding: 0 5px;
    }
}


#box_basketfinal{
    max-width: 1100px;
    border-radius: 50px;
    border: 7px solid #f4f4f4;
    padding: 60px 20px 50px 20px;
    text-align: center;
    margin: 0 auto 60px auto;

}

#box_basketfinal button span{
    border-radius: 39px;
    background-color: #000000;
    height:64px;
    list-style: 64px;
    padding: 0 50px;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 23px;
    text-align: right;
}

/* register */

#box_login, #box_register{ 
    max-width:1100px;
    border-radius: 50px;
    border: 7px solid #f4f4f4;
    padding: 40px 55px;
    margin: 30px auto 40px auto;
}

#box_login .social-login-buttons,#box_register .social-login-buttons{
    display: flex;
    flex-wrap: wrap;
    border-bottom: 7px solid #f4f4f4;
    margin: 10px 0 20px 0;
    padding-bottom: 30px;
}

#box_login .social-login-buttons h3,
#box_register .social-login-buttons h3{
    color: #000000;
    font-size: 28px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: -0.4px;
    line-height: 36px;
    text-align: left;
    margin-right: 20px;
}

#box_login .social-login-buttons a,
#box_register .social-login-buttons a{
    font-size: 13px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 21px;
    text-align: left;
    height: 44px;
    border-radius: 100px;
    border: 1px solid #707070;
    background-color: #ffffff;
    line-height: 44px;
    margin-right: 10px;
    text-transform: uppercase;
    padding: 0 25px 0 48px;
    position: relative;
}

#box_login .social-login-buttons a.btn-login-facebook::before,
#box_register .social-login-buttons a.btn-login-facebook::before{
    content: '';
    background: url('/userdata/public/assets/SVG/loginfb.svg') transparent no-repeat;
    width: 10px;
    height: 19px;
    position: absolute;
    left: 26px;
    top: 50%;
    transform: translateY(-50%);
}

#box_login .social-login-buttons a.btn-login-google::before,
#box_register .social-login-buttons a.btn-login-google::before{
    content: '';
    background: url(/userdata/public/assets/SVG/logingoogle.svg) transparent no-repeat;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
}
#box_login .innerbox > .f-row h3{
    font-size: 28px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 31px;
    text-align: left;
    margin:10px 0 25px 0;
}

#box_login .innerbox form input:focus + label,
#box_login .innerbox form input[custom_value]:not([custom_value=""]) + label{
    transform: translateX(0px) translateY(-12px);
    font-size: 11px;
    height: 25px;
    z-index: 5;
}

#box_login .innerbox form fieldset > span{
    position: relative;
}
#box_login .innerbox form input{
    height: 57px;
    border-radius: 40px;
    background-color: #f4f4f4;
    border:none;
    width: 100%;
    margin-bottom: 8px;
    padding: 10px 30px 0 28px;
    box-sizing: border-box;
}

#box_login .innerbox form label{
    position: absolute;
    left: 0;

    color: #707070;
    font-weight: 400;
    font-style: normal;
    letter-spacing: -0.22px;
    line-height: 36px;
    text-align: left;
    transition: all 0.3s ease;
    position: absolute;
    left: 27px;
    top: -13px;
    width:150px;
}

#box_login .innerbox form .login-remind{
    margin:5px 0 30px 0;
}
#box_login .innerbox form .login-remind,
#box_login .innerbox form .login-remind a{
    color: #717171;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 20px;
    text-align: left;
}

#box_login .innerbox form .login-remind a{
    text-decoration: underline;
}

#box_login .innerbox form button{
    height: 57px;
    border-radius: 100px;
    background-color: #000000;
    color:white;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 21px;
    text-align: center;
    display: block;
    width:100%;
    transition: 250ms;
}

#box_login .innerbox form button:hover{
    background-color: #313139;
}

#box_login .register-inner strong{
    margin-bottom:15px;
    display: block;
}
#box_login .register-inner li{
    margin-left:20px;
}
#box_login .register-inner li{
    color: #383838;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 20px;
    text-align: left;
    margin-bottom:15px;
}

#box_login .register-inner li.loyalty-el{
    list-style: none;
    width: 100%;
    border-radius: 20px;
    border: 5px solid #fae9d0;
    padding: 20px 50px 9px 60px;
    position: relative;
    margin: 22px 0 20px 0px;
}

#box_login .register-inner li.loyalty-el p{
    color: #383838;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    margin-top:0;
    margin-bottom:8px;
}

#box_login .register-inner li.loyalty-el strong{
    color: #383838;
    font-size: 16px;
    font-weight: 700;
    margin-bottom:1px;
    margin:0; 
}

#box_login .register-inner li.loyalty-el::before{
    content:'';
    background: url('/userdata/public/assets/SVG/loyalty.svg') transparent no-repeat;
    width:24px;
    height:24px;
    position: absolute;
    top: 18px;
    left: 27px;
}

@media screen and (max-width: 1100px){
    #box_login,#box_register{
        border-radius: 15px;
        border: 4px solid #f4f4f4;
        padding: 22px 28px 40px 28px;
    }
}
@media screen and (min-width:768px){
    #box_login .innerbox > .f-row > form,
    #box_login .innerbox > .f-row > .register-inner{
        width:50%;
    }
    #box_login .innerbox > .f-row > form{
        border-right: 1px solid #f4f4f4;
        padding-right: 25px;
        margin-right: 25px;
    }
    #box_login .innerbox > .f-row{
        display: flex;
        padding: 15px 30px 10px 30px;
    }
    #box_login .innerbox form button.login{
        margin-top:64px;
    }
}
@media screen and (max-width:767px){
    #box_login .social-login-buttons,
    #box_register .social-login-buttons{
        flex-direction: column;
        text-align: center;
        justify-content: center;
        align-items: center;
        margin-top: 0;
        padding-bottom: 25px;
        border-bottom: 4px solid #f4f4f4;
    }
    #box_login .social-login-buttons h3,
    #box_register .social-login-buttons h3{
        font-size:20px;
        margin-bottom:10px;
    }
    #box_login .social-login-buttons a,
    #box_register .social-login-buttons a{
        font-size:11px;    
        margin-bottom:5px;
    }
    #box_login .innerbox > .f-row{
        flex-direction: column;
    }
    #box_login .innerbox > .f-row > form{
        border-bottom: 1px solid #f4f4f4;
        margin-bottom: 30px;
        padding-bottom: 45px;
    }
    #box_login .innerbox > .f-row{
        display: flex;
        padding: 15px 0px 10px 0px;
    }   
}

#box_register > form > fieldset > div > div input{
    color: black;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: -0.32px;
    line-height: 36px;
    text-align: left;
    padding-top: 12px;
    background: transparent;
    position: relative;
    z-index: 4;
    border:none;
    width: 100%;
    max-width: 400px;
    padding: 5px 30px 0 30px;
    height: 54px;
    border-radius: 40px;
}

#box_register > form > fieldset > div > div .shaded_inputwrap{
    position: relative;
    background-color: #f4f4f4;
    border-radius: 40px;
    height: 54px;
    display: block;
    max-width: 400px;
    margin-bottom:8px;
}

#box_register form input:focus + label,
#box_register form input[custom_value]:not([custom_value=""]) + label{
    transform: translateX(0px) translateY(-12px);
    font-size: 11px;
    height: 25px;
    z-index: 5;
}

#box_register > form > fieldset > div > div .shaded_inputwrap > label{
    position: absolute;
    left: 0;
    color: #707070;
    font-weight: 400;
    font-style: normal;
    letter-spacing: -0.22px;
    line-height: 36px;
    text-align: left;
    transition: all 0.3s ease;
    position: absolute;
    left: 27px;
    top: 8px;
    width:150px;
}

#box_register > form > fieldset > h3{
    color: #383838;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 31px;
    text-align: left;
    margin:20px 0 14px 0;
}

#box_register > form > fieldset .hint{
    font-size: 14px;
    color: gray;
    margin-bottom: 10px;
    display: block;
    margin-left: 30px;
}

#box_register > form > fieldset .innerbox .clear,
#box_register > form > fieldset .innerbox .witherror_checkbox{
    max-width: 400px;
}
#box_register > form > fieldset .innerbox .clear .input,
#box_register > form > fieldset .innerbox .witherror_checkbox .input{
    padding: 0 25px;
}
#box_register > form > fieldset .innerbox .clear input,
#box_register > form > fieldset .innerbox .witherror_checkbox input{
    height:auto;
}

#box_register > form > fieldset .innerbox > h4{
    color: #383838;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 31px;
    text-align: left;
    margin:20px 0 10px 0;
}
#box_register > form > fieldset .innerbox .required-info{
    padding-left: 10px;
}
#box_register > form > fieldset > .innerbox .clear .input label,
#box_register > form > fieldset .innerbox .witherror_checkbox .input label{
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 17px;
    text-align: left;
    color: #383838;
}

#box_register > form > fieldset .innerbox .clear .input.newsletter{
    border-radius: 20px;
    border: 5px solid #fae9d0;
    padding: 15px 20px;
    margin: 15px 0;
}
#box_register > form > fieldset .innerbox .clear .input.newsletter .checkbox-wrap{
    margin-right:5px;
}
#box_register > form > fieldset .innerbox .clear .input.newsletter p{
    color: #383838;
    font-size: 11px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 15px;
    text-align: left;
    margin: 5px 20px 5px 35px;
}
#box_register > form > fieldset .innerbox .clear .input.newsletter p a{
    color: #383838;
    text-decoration: underline;
}

#box_register > form > fieldset .innerbox button {
    width:100%;
    max-width: 400px;
}
#box_register > form > fieldset .innerbox button span{
    height: 64px;
    line-height: 64px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    border-radius: 39px;
    background-color: #313139;
    padding: 0 5px;
    margin: 20px 0 0 0;
    display: block;
}

#box_register form .input_error{
    position: absolute;
    transform: translateY(-19px) translateX(27px);
    background: white;
    padding: 0 5px;
    border-radius: 8px;
    background-color: #ffffff;
    color: #ff0000;
    font-size: 11px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: -0.22px;
    text-align: left;
    list-style: none;
    z-index: 5;
}

#box_register form .error .input_error{
    position: relative;
    background: transparent;
    font-size: 14px;
    transform: none;
    margin-left: 35px;
    margin: 5px 0 5px 20px;
}


#box_passchange .boxhead span{
    color: #383838;
    font-size: 28px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 31px;
    text-align: left;
    margin: 25px 0 15px 0;
    display: block;
}

#box_passchange .shaded_inputwrap{
    position:relative;
}
#box_passchange .shaded_inputwrap input:focus + label,
#box_passchange .shaded_inputwrap input[custom_value]:not([custom_value=""]) + label{
    transform: translateX(4px) translateY(-14px);
    font-size: 11px;
    height: 25px;
    z-index: 5;
}

#box_passchange .shaded_inputwrap label{
    position: absolute;
    left: 0;
    color: #707070;
    font-weight: 400;
    font-style: normal;
    letter-spacing: -0.22px;
    line-height: 36px;
    text-align: left;
    transition: all 0.3s ease;
    position: absolute;
    left: 27px;
    top: 13px;
    width:150px;
}

#box_passchange .shaded_inputwrap{
    position: relative;
    background-color: #f4f4f4;
    max-width: 335px;
    border-radius: 40px;
}

#box_passchange .shaded_inputwrap input{
    color: black;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: -0.32px;
    line-height: 54px;
    text-align: left;
    padding-top: 12px;
    background: transparent;
    position: relative;
    z-index: 4;
    border-radius: 40px;
    padding: 10px 31px 0 31px;
    border:none;
    height: 54px;
}

#box_passchange .innerbox button{
    color: white;
    height: 64px;
    border-radius: 39px;
    background-color: #313139;
    padding: 0 15px;
    width: 100%;
    max-width: 335px;
    margin: 8px 0;
}

/* panel */

#box_panel .boxhead,
#box_useredit .boxhead,
#box_addresses .boxhead,
#box_address .boxhead,
#box_order .boxhead{
    font-size: 28px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 31px;
    text-align: left;
    margin: 10px 0 25px 0;
}

#box_panel .innerbox h4,
#box_useredit .innerbox h4,
#box_addresses .innerbox h4,
#box_address .innerbox h4,
#box_order .innerbox h4{
    font-size: 22px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 31px;
    text-align: left;
    margin: 10px 0 5px 0;
}

#box_panel .innerbox a,
#box_addresses .innerbox a,
#box_address .innerbox a{
    height: 41px;
    border-radius: 100px;
    background-color: #000000;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 22px;
    text-align: left;
    display: inline-block;
    padding: 8px 20px;
    margin: 10px 0;
    transition: 250ms;
    text-decoration: none;
}
#box_panel .innerbox a:hover,
#box_addresses .innerbox a:hover,
#box_address .innerbox a:hover{
    background-color: #313139;
}

#box_useredit .innerbox input,
#box_address .innerbox input{
    height: 57px;
    border-radius: 40px;
    background-color: #f4f4f4;
    border:none;
    padding: 0 30px;
    margin-bottom:8px;
}
#box_panel .innerbox li,
#box_addresses .innerbox li,
#box_order .innerbox li{
        list-style: none;
}

#box_useredit .innerbox label,
#box_address .innerbox label,
#box_order .innerbox label{
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 17px;
    text-align: left;
    color: #383838;
}
#box_useredit .innerbox button,
#box_address .innerbox button,
#box_order .innerbox button{
    height: 64px;
    border-radius: 39px;
    background-color: #000000;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 23px;
    text-align: center;
    min-width: 250px;
    padding: 0 30px;
    margin: 15px 0;
}

#box_address .innerbox td.hint{
    display:none;
}

#box_address .innerbox td.input{
    width:80%;
}
#box_useredit .innerbox .required-info,
#box_address .innerbox .required-info{
    padding-left: 0;
}

@media screen and (max-width:768px){
    #box_address .innerbox label{
        width:85px;
    }
    #box_address .innerbox select,
    #box_address .innerbox input{
        width: calc(100% - 65px);
    }
}

#box_order .innerbox table{
    border-collapse: collapse;
    margin:10px 0;
}
#box_order .innerbox td{
    border:1px solid #e1e1e1;
    padding:3px;
}