@font-face {
    font-family: ALSRubl;
    src: url(/fonts/rouble.ttf); /* Путь к файлу со шрифтом */
}
html{
    height: 100%;
}
body{
    display: flex;
    flex-direction: column;
    height: 100%;
}
.wrapper{
    flex: 1 0 auto;
}
.page-footer{
    flex: 1 0 auto; 
    display: flex;
    align-items: flex-end;
}
.service__item{
    justify-content: space-around;
}
.page-main{
    margin-bottom: 30px;
    margin-top: 30px;
}
.hidden{
    display: none;
}
#cart{
    font-family: ALSRubl;
}
.cart__table{
    font-family: ALSRubl;
}
.service{
    /*width: 950px;*/
}
.center{
    text-align: center;
}
/*pagination*/
.pagination{
    list-style-type: none;
    display: flex;
    justify-content: center;
}
.nav-link{
    padding: 5px;
    border: #60452F solid 1px;
    border-radius: 3px;
    background-color: #CAAA8E;
    color: white;
    margin-left: 2px;
    margin-right: 2px;
}
.pagination-block{
    padding-top: 50px;
    width: 100%;
}
.pag-active{
    padding: 5px;
    border: #60452F solid 1px;
    border-radius: 3px;
    background-color: white;
    margin-left: 2px;
    margin-right: 2px;
}
/*end pagination*/
/*popupImg*/
.popupImgView{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    text-align: center;
    z-index: 36;
}
.popupImg{
    top: 0;
    right: 0;
    z-index: 3;
    position: fixed;
    background-color: rgba(255,255,255,0.7);
    box-shadow: none;
}
.popupImgView img{
    position: relative;
    max-height: 100%;
    max-width: 100%;
    margin: 0;
}
/*End popupImg*/
/*main servise begin*/
.servise-title{
    text-align: center;
    font-size: 30px;
}
.service__title{
    margin-bottom: 10px;
}
.logo-servise{
    width: 300px;
    height: 200px;
    /*    float: left;*/

}
.format-table{
    font-size: 24px;
    /* border: #000000 1px solid;*/
    border-collapse: collapse;
    font-family: ALSRubl;
    margin-left: 50px;
}
.format-table td{
    text-align: center;
    width: 200px;
    /*height: 40px;*/
    border-bottom: #60452F 1px solid;
    margin-left: 5px;

}
.cell-price{
    text-align: right;
    width: 20%;
}
.format-table p{
    font-style: oblique;
    margin: 0;
}

/*main servise end*/
/*message style*/
.message-container{
    padding-top: 20px;
    width: 100%;
    align-content: center;
}
.message{
    margin-left: auto;
    margin-right: auto;
    width: 400px;
    text-align: center;
    padding: 30px;
}
.errors{
    border: red solid 2px;
    background-color: #f5c6cb;
    color: red;
}
.success{
    border: green solid 2px;
    background-color: #b1dfbb;
    color: green;
}
/*end message style*/

/*cart*/
.cart__table input{
    width: 70px;
}
.stepper [spinner-button=up]{
    right: -17px;
}
.stepper [spinner-button=down]{
    left: 0px;
}
.stepper [spinner-button=down], .stepper [spinner-button=up]{
    width: 20px
}
.stepper__controls [spinner-button=down], .stepper__controls [spinner-button=up]{
    display:  block;
}
/*checkout*/

.radiopoint{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    /*font-family: ALSRubl;*/
    /*font-size: 24px;*/
}
.radiopoint label{
    display: flex;
    margin-bottom: 10px;
    /*border: #60452F solid 1px;*/
    width: 100%;
    height: 40px;
    cursor: pointer;
    /*align-content: center;*/
    /*text-align: center;*/
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
    border-radius: 10px;
    background-color: #a58970;
    border: 2px solid white;
    color: #ffffff
}
.radiopoint input{
    opacity: 0;
    position: absolute;
}

.radiopoint input:checked + .label {
    border: 2px solid #60452f;
    background-color: #caaa8e;
    color: #000000
}

/*checkout end*/
/*cart end*/

/*yandex money*/
.ym_form{
    display: flex;
    justify-content: center;
}
.ym_form form{
    justify-content: center;
    background-color: white;
    text-align: center;
    border: #60452F solid 1px;
    width: 400px;
    padding: 10px;
    /*height: 200px;*/
}
.ym_form input{
    text-align: center;
    width: 250px;
    /*border: none;*/
}
.ym_radio input {
    position: absolute;
    /*z-index: -1;*/
    opacity: 0;
    /*margin: 10px 0 0 7px;*/

}
.ym_radio__text {
    position: relative;
    /*padding: 0 0 0 35px;*/
    cursor: pointer;
    /*background-color: #f8ece3;*/
    width: 20px;
    top: -20px;
    left: 190px;
}
.ym_radio__text:before {
    content: '';
    border: 1px solid #CDD1DA;
    border-radius: 10%;
    /*position: absolute;*/
    text-align: left;
    z-index: 1;
    background-color: #f8ece3;
}
.ym_radio__text:after {
    content: '';
    border: 1px solid #CDD1DA;
    border-radius: 10%;
    /*position: absolute;*/
    z-index: 2;
    transition: .1s;
    background-color: white;
}
.ym_radio input:checked + .ym_radio__text:after {
    background-color: #f8ece3;
    opacity: 1;
}
.ym_radio input:checked + .ym_radio__text:before {
    background-color: white;
    opacity: 1;
}
.ym_radio input:focus + .ym_radio__text:before {
    /*box-shadow: 0 0 0 3px rgba(255,255,0,.7);*/
}
.noneborder{
    border: none;
}
#sumpayed{
    width: 130px;
    text-align: left;
}
/*yandex money end*/

/*adminka*/
.admin_menu{
    width: 100%;
    height: 50px;
    background-color: black;
    border-radius: 5px;
    padding-top: 1px;
    padding-bottom: 1px;
}
.admin_menu a{
    text-decoration: none;
    color: white;
    font-size: 24px;
}
.admin_menu ul{
    list-style: none;
}
.admin_menu li{
    display: inline;
    padding: 30px;
}
.admin_page-main{
    display: flex;
    justify-content: center;
}
.admin_page-main__contaiter{
    align-content: center;
}
.admin_panel{
    position: fixed;
    background-color: greenyellow;
    padding: 20px;
}
.admin_table{
    border: 1px solid black;
    border-collapse: collapse;
}
.admin_table th{
    border: 3px solid black;
    padding: 3px;
}
.admin_table td{
    border: 1px solid black;
    padding: 5px;
    text-align: center;
}
/*товары*/
.ad_prod_main-container{
    display: flex;
}
/*товары конец*/

/*adminka end*/
/* menu*/
.page-header__wrapper{
    z-index: 36;
}
/* menu end*/

/*Загрузка файлов*/
.download{
    height: auto;
    top: 20%;
    padding: 20px;
}
#download_progress{
}
/*Загрузка файлов конец*/

.cart__btn::after, .cart__btn::before {
    background: gray;
}
/* Альбом*/
.albumsumm{
    position: sticky;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 10;
}
.albumsumm div{
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    background-color: #caaa8e;
    margin: auto;
    border-radius: 20px;
    font-family: ALSRubl;
}
.albumsumm table{
    padding-top: 5px;
    table-layout: fixed;
    width: 100%;
}
.albumsumm table td{
    text-align: center;
}
.sorting__item{
    border: none;
    cursor: pointer;
}
.sorting__item:hover{
    border-bottom: 3px solid #60452f;
}
.active{
    border-bottom: 3px solid #60452f;
}
.items__inner td{
    padding : 5px;
}
.items__table {
    margin-top: 20px;
}
.items__wrapper-image{
    width: 58%;
}
.items__table select{
    width: 100%;
}
.items__wrapper{
    display: inherit;
}
@media (max-width: 768px){
    .items__wrapper-image {
        width: 100%;
    }
    .page-main__contaiter {
        width: 320px;
    }
    .items__inner td {
        padding: 9px;
    }
}
/* Альбом конец*/

.radiogroup{
    display: flex;
    justify-content: space-around;
    font-family: ALSRubl;
    font-size: 24px;
}
.radiogroup label{
    display: flex;
    margin-bottom: 20px;
    /*border: #60452F solid 1px;*/
    width: 150px;
    height: 130px;
    cursor: pointer;
    /*align-content: center;*/
    /*text-align: center;*/
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
    border-radius: 10px;
    background-color: #a58970;
    border: 2px solid white;
    color: #ffffff
}
.radiogroup input{
    opacity: 0;
    position: absolute;
}

.radiogroup input:checked + .label {
    border: 2px solid #60452f;
    background-color: #caaa8e;
    color: #000000
}

/*page prouctview*/
.products-img{
    width: 300px;
}
.products{
    font-size: 24px;
    font-family: ALSRubl;
    margin-left: 50px;
    display: flex;
}

.products table{
    border-collapse: collapse;
}

.products td{
    border-bottom: 1px solid grey;
}

.service__wrapper{
    flex-wrap: wrap;
}
.service__link{
    display:  inline;
}
/*end page prouctview*/

/****/
.container{
    margin-top: 10px;
}
.page-header__wrapper-title{
    margin-top: 6px;
}
/****/

/***/
.fl_btn{
    background-color: #60452f;
    border: none;
    width: auto;
    margin: 0 auto;
    color: #fff;
    font-size: 20px;
    border-radius: 10px;
    border: 0;
    padding: 4px 8px 4px 8px;
    border-bottom: 3px solid #4c3726; 
    text-decoration: none;
}
.fl_btn:hover {
    transition: .4s;
    color: #000;
    text-decoration: none;
}
.fl_incenter{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
/***/
/*Фото в рамке*/
.photo-frame-container{
    display: flex;
}
.frame_filter form{
    margin-top: 20px;
    width: 200px;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    background-color: #caaa8e;
    border-radius: 5px;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 16px;
}
.frame_filter ul{
    list-style: none;
    padding-left: 10px;
}
.frame_filter li{
    padding-bottom: 10px;
}
.frame_filter input{
    display: none;
}
.frame_filter label{
    position: relative;
    padding: 0 0 0 35px;
    cursor: pointer;
}
.radio_frame_filter+label::before{
    content: '';
    position: absolute;
    top: -3px;
    left: 0;
    width: 22px;
    height: 22px;
    border: 1px solid #CDD1DA;
    border-radius: 50%;
    background: #f8ece3;
}
.radio_frame_filter+label::after{
    content: '';
    position: absolute;
    top: 1px;
    left: 4px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #60452f;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.5);
    opacity: 0;
    transition: .2s;
}
.radio_frame_filter:checked + label{
    font-weight: bold;
}
.radio_frame_filter:checked + label:after{
    opacity: 1;
}
/*Фото в рамке конец*/
/* О нас*/
.about{
    /*margin-left: 30px;*/
}
.about p{
    text-indent: 30px;
    text-align: justify;
}
footer .social{
    margin: 0 auto;
    width: 1050px;
    justify-content: center;
    /*padding-bottom: 10px;*/
}
.page-footer{
    flex-wrap: wrap;
    align-items: none;
}
.pay_system{
    margin: 0 auto;
    width: 1050px;
    justify-content: center;
    padding-bottom: 20px;
}
/* О нас конец*/

/*Мои заказы*/
.table_blur {
    background: #f8ece3;
    /*  border-collapse: collapse;
      text-align: left;*/
}
.table_blur th {
    border-top: 1px solid #60452f;	
    border-bottom: 1px solid #60452f; 
    /*box-shadow: inset 0 1px 0 #999999, inset 0 -1px 0 #999999;*/
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    background: linear-gradient(#60452f, #60452f);
    color: white;
    padding: 10px 15px;
    position: relative;
}
.table_blur th:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 25%;
    height: 25%;
    width: 100%;
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(255,255,255,.08));
}
.table_blur tr:nth-child(odd) {
    background: #caaa8e;
}
.table_blur th:first-child {
    border-left: 1px solid #60452f;	
    border-bottom:  1px solid #60452f;
    box-shadow: inset 1px 1px 0 #999999, inset 0 -1px 0 #999999;
}
.table_blur th:last-child {
    border-right: 1px solid #60452f;
    border-bottom:  1px solid #60452f;
    box-shadow: inset -1px 1px 0 #999999, inset 0 -1px 0 #999999;
}
.table_blur td {
    border: 1px solid #60452f;
    padding: 10px 15px;
    position: relative;
    transition: all 0.5s ease;
}
.table_blur tbody:hover td {
    color: transparent;
    text-shadow: 0 0 3px #a09f9d;
}
.table_blur tbody:hover tr:hover td {
    color: #444444;
    text-shadow: none;
}
/*Мои заказы конец*/
/**cart**/
.cart__table {
    width: 620px;
}
/*recaptha*/
.g-recaptcha{
    margin: 10px;
}
.privacy{
    font-size: 10pt;
}
.modal-login a aprivacy{
    font-size: 10pt;
}
.privacy input{
    width: 12px;
}
.sberpay{
    font-size: 10pt;
}
.disablemodal{
    background-color: gray;
}
.disablemodal:hover{
    fill: #fff;
    color: #fff;
}

/*График работы*/
.weekend{
    color: red;
}
.timework10{
    padding-left: 10px;
}
.timework9{
    padding-left: 9px;
}

/*Печати и штампы*/
.stamps-table{
    font-size: 24px;
    /* border: #000000 1px solid; */
    border-collapse: collapse;
    font-family: ALSRubl;
    margin-left: 50px;
}
.stamps-table td {
    text-align: center;
    /*width: 200px;*/
    /* height: 40px; */
    border-bottom: #60452F 1px solid;
    margin-left: 5px;
}
.stamps-img {
    width: 100px;
    height: 100px; 
}
.stamps-img:hover {
    cursor: zoom-in; 
}
.stamps-img-prew {
    width: 300px;
    height: 300px; 
}
.stamps-wrapper{
    display: flex;
    justify-content: center;
}
#stampsorderform{
    justify-content: center;
    width: 1050px;
    display: flex;
    flex-direction: column;
}
.stamps-block{
    /*border-bottom: #60452F 2px solid;*/
}
.stamps-block-radio{
    min-height: 35px;
    display: flex;
    flex-wrap:wrap;
    align-items: center;
}
.stamps-radio{
    text-align: center;
    min-height: 35px;
    min-width: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: #60452F 2px solid;
    background-color: #caaa8e;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    padding: 0px 10px 0px 10px;
}
.stamps-radio-left{
    border-radius:  10px 0px 0px 10px;
    border-right: none;
}
.stamps-radio-midel{
    border-right: none;
}
.stamps-radio-rigth{
    border-radius:  0px 10px 10px 0px;
}
.stamps-block-radio input[type=radio] {
    display: none;
}
.stamps-block-radio input[type=radio]:checked + label {
    border: 2px solid #60452f;
    background-color: #60452F;
    color: window;
}
.stamps-block-radio input[type=radio]:hover{
    box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
    color: red;
}
.margin-top-50{
    margin-top: 50px;
}
.margin-top-30{
    margin-top: 30px;
}
.stamps-data{
    min-height: 35px;
    display: flex;
    flex-direction: column;
    margin: 30px 0 30px 0;
}
.stamps-data input{
    margin-bottom: 10px;
}
.stamps-ul{
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
.stamps-li{
    display: flex;
    align-items: center; 
    justify-content: center; 
    flex-direction: column; 
    flex-wrap: wrap;
    margin: 10px;
}
.closepopup{
    position: absolute;
    top: 10px;
    right: 10px;
    color: gray;
}
.closepopup:hover{
    color: #60452f;
    cursor: pointer;
}
.bgwhite{
    background-color: white;
}
#stampprice{
    font-family: ALSRubl;
}

@media (max-width: 768px){
    .stamps-radio-left{
        border-radius:  10px;
        border-right: 2px solid #60452f;
    }
    .stamps-radio-midel{
        border-radius:  10px;
        border-right: 2px solid #60452f;
    }
    .stamps-radio-rigth{
        border-radius:  10px;
    }
}