*:focus {
    outline: none;
}

.panel-cart{
    width:100%;
    background: #f7f7f7;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 9999;
    padding: 12px 0;
    box-shadow: 0 3px 14px rgb(55 71 79 / 30%);
    display: flex;
}
.panel-cart > .block_1, .panel-cart > .block_2{
    padding: 0 10px;
}
.panel-cart > .block_1{
    flex:auto;
}
.panel-cart .block_1 > div:nth-of-type(1){
    color: #454545;
    font-size: 18px;
    margin:3px 0;
}
.panel-cart .block_1 > div:nth-of-type(2){
    color: #db0000;
    font-size: 17px;
}
.panel-cart .block_1:nth-of-type(1) .trigger{
    position:relative;
}
.panel-cart .block_1:nth-of-type(1)  .trigger:after {
    content: '';
    position: absolute;
    height: 12px;
    width: 12px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0;
    left: 8px;
    margin: auto;
    border-bottom: 2px solid;
    border-right: 2px solid;
    border-radius: 1px;
}
.panel-cart > .block_2 > .btn{
    background-color: #b7111b;
    text-align: center;
    color: rgb(255, 255, 255);
    transition-duration: 2s;
    border-radius: 5px;
    border:0;
    padding: 15px 20px;
    font-size: 18px;
}


.mobile-cart{
    display:none;
    width:100%;
    height:100%;
    background: #f7f7f7;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 99999;
}

.mobile-cart-show{
    display:block!important;
}

.mobile-cart .close-container{
    cursor: pointer;
}

.mobile-cart .block-total-amount{
    display: flex;
    border-bottom: 1px solid #b7111b;
}
.mobile-cart .block-total-amount > .amount{
    flex:auto;
    font-size: 20px;
}
.mobile-cart .block-total-amount > div{
    padding:10px 10px;
}

.mobile-cart .block-total-amount > .close-container{
    width:20px;
}

.mobile-cart .block-number-list > .number-order{
    display: flex;
    background-color: #fff;
    border-bottom: 1px solid #cddbe3;
}
.mobile-cart .block-number-list > .number-order > .number-block{
    flex:auto;
}
.mobile-cart .block-number-list > .number-order > .number-block > .number{
    font-size: 16px;
    font-weight: 700;
    color: #454545;
}
.mobile-cart .block-number-list > .number-order > .number-block > .tariff-btn > span{
    font-size: 14px;
    color: #b7111b;
}
.mobile-cart  .block-number-list .close-btn {
    top: 12px;
}
.mobile-cart .block-number-list > .number-order > .close-container{
    width:20px;
}
.mobile-cart .number-order > div{
    padding:10px 10px;
}
.mobile-cart .info{
    padding:10px 0;
}
.mobile-cart .info div{
    display: flex;
    color: #706d6d;
    font-size: 15px;
}
.mobile-cart .info div > div:nth-of-type(1){
    flex:auto;
}
.mobile-cart .info div > div{
    padding:5px 10px;
}
#container-panel .close-btn:before,
#container-panel .close-btn:after {
    content: "";
    position: absolute;
    top: 5px;
    width: 20px;
    height: 1px;
    background: #90a4ae;
}

#container-panel .close-btn:before {
    webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#container-panel .close-btn:after {
    webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#container-panel .close-btn{
    position:relative;
    top:6px;
}

.mobile-cart .cart-button{
    width:100%;
    background: #f7f7f7;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 20px 0;
    box-shadow: 0 3px 14px rgb(55 71 79 / 30%);
}



.mobile-cart .cart-button > .price{
    display: flex;
    padding: 0 10px;
    margin-bottom: 10px;
    font-size: 18px;
}
.mobile-cart .cart-button > .price div:nth-of-type(1){
    flex:auto;
}
.mobile-cart .cart-button > .btn{
    background-color: #b7111b;
    text-align: center;
    color: rgb(255, 255, 255);
    transition-duration: 2s;
    border-radius: 5px;
    border:0;
    width:95%;
    margin:0 auto;
    font-size: 18px;
    display:block;
    padding: 15px 0;
}
#container-all-numbers{
    overflow-y: auto;
    max-height: 100vh;
}
.block-number-list:last-child{
    padding-bottom: 280px;
}

/*order-form start*/
.order-form{
    display:none;
    width: 100%;
    height:auto;
    margin:0 auto;
    background: #f7f7f7;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 9999999;
    box-shadow: 0 3px 14px rgb(55 71 79 / 30%);
}
.order-form .order-form-position{
    width: 95%;
    margin:0 auto;
    padding: 20px 0px;
}
.order-form input[type="text"] {
    margin-top: 10px;
    display: block;
    width: 92%;
    border: 0;
    height: 50px;
    border-radius: 5px;
    text-indent: 20px;
    font-size: 17px;
    border: 1px solid #b6b9b6;
    color: #454545;
}
.order-form input[type="submit"] {
    margin-top: 10px;
    display: block;
    width: 100%;
    height: auto;
    background-color: #b7111b;
    text-align: center;
    color: rgb(255, 255, 255);
    transition-duration: 2s;
    border-radius: 5px;
    border: 0;
    font-size: 18px;
    padding: 15px 0;
}
.order-form .close-container{
    float: right;
    width: 35px;
    height:35px;
}
.order-form .close-btn {
    position: relative;
    top: 12px!important;
    right: -5px;
}
.order-form .message-error{
    color: #b7111b;
}


.order-form .error-style::-moz-placeholder {
    color: #b7111b;
}
.order-form .error-style::-webkit-input-placeholder { color: #b7111b; }
.order-form .error-style:-ms-input-placeholder { color: #b7111b; }
.order-form .error-style::-ms-input-placeholder { color: #b7111b; }
.order-form .error-style::placeholder { color: #b7111b; }

.order-form form {
    margin-block-end: 0em!important;
}
/*order-form end*/
/*.orientatio-window-cart-button{*/
/*    padding: 2px 0!important;*/
/*}*/
/*.orientatio-window-cart-price{*/
/*    margin-bottom: 2px!important;*/
/*}*/

/*@media only screen and (min-device-width: 481px) and (max-device-width: 900px){*/
/*    .mobile-cart .cart-button{*/

/*    }*/

/*    .mobile-cart .cart-button > .price{*/
/*        margin-bottom: 2px;*/
/*    }*/
/*}*/
@media (orientation:landscape) {
    .mobile-cart .cart-button{
        padding: 2px 0!important;
    }

    .mobile-cart .cart-button > .price{
        margin-bottom: 2px!important;
    }
    .order-form input[type="text"] {
        height: 40px;
    }
    .mobile-cart .cart-button > .btn {
        width:97%;
    }
}
@media (max-width: 355px) {
    .panel-cart > .block_2 > .btn {
        padding: 14px 14px;
        font-size: 15px;
    }
    .panel-cart .block_1 > div:nth-of-type(2) {
        font-size: 15px;
    }
}
#container-panel .btn{
    text-decoration: none;
}
.order-end-text{

}