@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Lora:wght@700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap");
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

nav,
main,
footer,
section,
menu,
figure {
  display: block;
}

input {
  outline: none;
}

.hidden {
  display: none;
}

a {
  text-decoration: none;
}

.price {
  white-space: nowrap;
}
.price:after {
  content: " ₽";
}

html {
  font-size: 15px;
  scroll-behavior: smooth;
  height: 100%;
  min-height: 100%;
}

body {
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  line-height: 1.33rem;
  color: #81867e;
  min-height: 100%;
  height: 100%;
}

.background-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: "Lora";
  font-weight: 700;
  margin-bottom: 10px;
  color: #4b4440;
}

h1,
.h1 {
  font-size: 36px;
  line-height: 46px;
}
@media screen and (max-width: 479px) {
  h1,
  .h1 {
    font-size: 30px;
    line-height: 38px;
  }
}

h2,
.h2 {
  font-size: 30px;
  margin-bottom: 30px;
  line-height: 38px;
  color: #392b28;
}
@media screen and (max-width: 479px) {
  h2,
  .h2 {
    font-size: 24px;
    line-height: 30px;
  }
}

h3,
.h3 {
  font-size: 24px;
  line-height: 30px;
}
@media screen and (max-width: 479px) {
  h3,
  .h3 {
    font-size: 18px;
    line-height: 23px;
  }
}

h4,
.h4 {
  font-size: 22px;
  line-height: 26px;
}
@media screen and (max-width: 479px) {
  h4,
  .h4 {
    font-size: 18px;
    line-height: 23px;
  }
}

h5,
.h5 {
  font-size: 18px;
  line-height: 23px;
}

h6,
.h6 {
  font-size: 16px;
  line-height: 20px;
}

ul {
  margin-left: 18px;
}

a {
  color: #D58A83;
}

p.gray {
  color: #81867e;
}

.gold {
  color: #9D2016;
}

.black {
  color: #392b28;
}

.error {
  color: #ff2f49;
}

p.brown,
h5.brown,
.h5.brown,
h4.brown,
.h4.brown {
  color: #9D2016;
}

div.wrapper {
  max-width: 1200px;
  padding: 0 20px;
  margin: 0 auto;
}
@media screen and (max-width: 479px) {
  div.wrapper {
    padding: 0 10px;
  }
}

.button,
button {
  font-family: "Open Sans";
  display: inline-block;
  padding: 15px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  outline: none;
  border: 0;
  white-space: nowrap;
  cursor: pointer;
  text-align: center;
}
.button.checked:before,
button.checked:before {
  content: "✓ ";
  color: green;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  font-size: 18px;
  line-height: 16px;
}
.button.blocked,
button.blocked {
  filter: grayscale(100%);
  opacity: 0.6;
}

.button.yellow,
button.yellow {
  background: linear-gradient(180deg, #ffde8a 0%, #eec049 100%);
  position: relative;
  color: #6b4f04;
}
.button.yellow:after,
button.yellow:after {
  content: " ";
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  border: 1px solid #cc960b;
}

.button.pay,
button.pay {
  padding: 20px 30px;
}

.button.transparent,
button.transparent {
  border: 2px solid #ebd79b;
  color: #ebd79b;
  background-color: transparent;
  cursor: pointer;
}


.mobile .button.transparent,
.mobile button.transparent {
    border: 2px solid #FFFFFF;
    color: #FFFFFF;
}
.button.transparent.white,
button.transparent.white {
  border-color: #fff;
  color: #fff;
}

.button.transparent.brown,
button.transparent.brown {
  color: #9D2016;
  border-color: #9D2016;
}

.button.transparent.gold,
button.transparent.gold {
  color: #9D2016;
  border-color: #9D2016;
}

.button.transparent.gray,
button.transparent.gray {
  border-color: #d6d6d6;
  color: #d6d6d6;
}

.button.cart {
  line-height: 70px;
  height: 70px;
  padding: 0 28px;
}
.button.cart span {
  position: relative;
  padding-left: 24px;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2IDIuNVYxNi41SDJWMi41SDE2Wk0xNy4xIDAuNUgwLjlDMC40IDAuNSAwIDAuOSAwIDEuNFYxNy42QzAgMTggMC40IDE4LjUgMC45IDE4LjVIMTcuMUMxNy41IDE4LjUgMTggMTggMTggMTcuNlYxLjRDMTggMC45IDE3LjUgMC41IDE3LjEgMC41WiIgZmlsbD0iIzZCNEYwNCIvPgo8cmVjdCB4PSI4IiB5PSI1LjUiIHdpZHRoPSIyIiBoZWlnaHQ9IjgiIGZpbGw9IiM2QjRGMDQiLz4KPHJlY3QgeD0iMTIiIHk9IjcuNSIgd2lkdGg9IjIiIGhlaWdodD0iNiIgdHJhbnNmb3JtPSJyb3RhdGUoOTAgMTIgNy41KSIgZmlsbD0iIzZCNEYwNCIvPgo8L3N2Zz4K") left center no-repeat;
}
.button.cart sup {
  position: absolute;
  top: -10px;
  right: -10px;
  height: 14px;
  width: 14px;
  text-align: center;
  padding-top: 1px;
  line-height: normal;
  border-radius: 50%;
  background: #6b4f04;
  color: #ebd79b;
  font-size: 9px;
  overflow: hidden;
}

.button__wrapper {
  margin: 20px 0;
  padding: 20px;
  text-align: center;
}
.button__wrapper.white {
  background-color: #fff;
}

@media screen and (max-width: 870px) {
  .button.cart {
    height: auto;
    line-height: normal;
    background: none;
    border: 0;
    padding: 5px 0;
    font-size: 15px;
  }
  .button.cart:before {
    border: 0;
  }
  .button.cart sup {
    display: inline-block;
    position: static;
  }
}
.button.wid,
button.wide {
  text-align: center;
  display: block;
  width: 100%;
}

.button-link {
  text-transform: uppercase;
  color: #9D2016;
}

button.mobile-menu {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAzMiAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxyZWN0IHdpZHRoPSIzMiIgaGVpZ2h0PSIzIiBmaWxsPSIjNkI0RjA0Ii8+DQo8cmVjdCB5PSI5IiB3aWR0aD0iMzIiIGhlaWdodD0iMyIgZmlsbD0iIzZCNEYwNCIvPg0KPHJlY3QgeT0iMTgiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzIiBmaWxsPSIjNkI0RjA0Ii8+DQo8L3N2Zz4=") center center no-repeat, linear-gradient(180deg, #ffde8a 0%, #eec049 100%);
  height: 70px;
  width: 70px;
  position: absolute;
  right: 0;
  top: 0;
}

button.add span,
.button.add span {
  display: inline-block;
  padding-left: 19px;
  background: url("/img/add_circle_outline.svg") left center no-repeat;
}

button.add.profile {
  color: #c97154;
  background-color: #fff;
  padding: 0;
}
button.add.profile span {
  display: flex;
  align-items: center;
  background-size: 25px;
  min-height: 25px;
  padding-left: 30px;
}

.grid {
  display: grid;
}

.grid.categories {
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  gap: 30px;
}
@media screen and (max-width: 767px) {
  .grid.categories {
    gap: 15px;
  }
}
@media screen and (max-width: 600px) {
  .grid.categories {
    grid-template-columns: 1fr;
  }
}
.grid.categories > * {
  overflow: hidden;
  position: relative;
  min-height: 350px;
}
.grid.categories > *:hover .image {
  transform: scale(1.1);
}
.grid.categories > *:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background: linear-gradient(0deg, #9D2016 0%, rgba(234, 67, 53, 0) 97.7%);
}
@media screen and (max-width: 767px) {
  .grid.categories > * {
    min-height: 300px;
  }
}
.grid.categories .cell {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  z-index: 3;
}
.grid.categories .cell h4,
.grid.categories .cell .h4 {
  color: #fff;
  margin-bottom: 5px;
}
.grid.categories .cell p {
  color: #FFFFFF;
}
.grid.categories .cell button {
  margin-left: 10px;
}
@media screen and (max-width: 991px) {
  .grid.categories .cell {
    flex-direction: column;
    align-items: center;
  }
  .grid.categories .cell * {
    text-align: center;
  }
  .grid.categories .cell button {
    margin-left: 0;
    margin-top: 10px;
  }
}
.grid.categories .image {
  transition: 0.3s;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center center;
  z-index: 1;
}

.grid.faq {
  gap: 25px 60px;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
}
@media screen and (max-width: 767px) {
  .grid.faq {
    gap: 25px 40px;
  }
}
@media screen and (max-width: 650px) {
  .grid.faq {
    gap: 30px;
    grid-template-columns: 1fr;
  }
}

.grid.prayers {
  gap: 35px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: auto;
}
.grid.prayers > * {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 5px;
  background-color: #fff;
  padding-bottom: 20px;
}
.grid.prayers > *:hover .image {
  filter: grayscale(0%);
}
.grid.prayers > * > * {
  text-align: center;
}
.grid.prayers > * .image {
  filter: grayscale(50%);
  transition: 0.3s;
  flex: 185px 0 0;
  border-radius: 5px 5px 0 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
.grid.prayers > * button {
    border: 2px solid #9D2016;
    color: #000000;
    background-color: transparent;
    cursor: pointer;
    padding: 10px;
}
.grid.prayers h6,
.grid.prayers .h6 {
  flex: 50% 1 1;
  color: #9D2016;
  padding: 10px 10px 20px;
}
@media screen and (max-width: 991px) {
  .grid.prayers {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 25px;
  }
}
@media screen and (max-width: 767px) {
  .grid.prayers {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
}
@media screen and (max-width: 479px) {
  .grid.prayers {
    grid-template-columns: 1fr;
  }
}

.grid.reviews {
  gap: 40px 32px;
  grid-template-columns: 1fr 1fr 1fr;
}
.grid.reviews img {
  border-radius: 50%;
  float: left;
  width: 64px;
  height: 64px;
}
.grid.reviews .name {
  float: left;
  padding-left: 18px;
}
.grid.reviews b {
  display: block;
  margin-top: 8px;
  font: bold 18px "Lora";
  color: #392B28;
}
.grid.reviews span {
  color: #9D2016;
    font-weight: bold;
}
.grid.reviews p {
  display: block;
  clear: both;
  padding-top: 13px;
  color: #4B4440;
}
@media screen and (max-width: 991px) {
  .grid.reviews {
    gap: 60px;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 767px) {
  .grid.reviews {
    gap: 40px;
  }
}
@media screen and (max-width: 600px) {
  .grid.reviews {
    gap: 30px;
    grid-template-columns: 1fr;
  }
}

.grid.pluses {
  padding: 70px 0 70px 70px;
  gap: 40px 50px;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
}
.grid.pluses > * {
  display: flex;
  align-items: center;
}
.grid.pluses > * span {
  padding-left: 10px;
}
.grid.pluses .image {
  flex: 40px 0 0;
  text-align: center;
}
@media screen and (max-width: 991px) {
  .grid.pluses {
    padding: 60px 0;
  }
}
@media screen and (max-width: 479px) {
  .grid.pluses {
    gap: 30px;
    padding: 40px 0;
    align-items: stretch;
  }
  .grid.pluses > * {
    display: block;
  }
  .grid.pluses > * span {
    display: block;
    padding-left: 0;
  }
  .grid.pluses .image {
    display: block;
    text-align: left;
    margin-bottom: 10px;
  }
}

.grid.info {
  gap: 40px 90px;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
}
.grid.info > * {
  position: relative;
  padding-bottom: 70px;
}
.grid.info h5,
.grid.info .h5 {
  color: #9D2016;
}
.grid.info .button,
.grid.info button {
  position: absolute;
  left: 0;
  bottom: 0;
}
.grid.info p {
  color: #4B4440;
}
@media screen and (max-width: 991px) {
  .grid.info {
    gap: 40px;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 650px) {
  .grid.info {
    gap: 40px;
    grid-template-columns: 1fr;
    max-width: 480px;
  }
}

.grid.pray-types-vertical {
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  gap: 10px;
}
.grid.pray-types-vertical p {
  font-size: 14px;
  color: #392B28;
}
.grid.pray-types-vertical a > *:last-child {
  text-align: right;
  position: relative;
  min-width: 110px;
  min-height: 85px;
}
.grid.pray-types-vertical a {
  display: flex;
  position: relative;
  text-align: left;
  filter: grayscale(80%);
  opacity: 0.8;
  transition-property: opacity, filter;
  transition: 0.5s;
  z-index: 2;
  cursor: pointer;
  padding: 40px 40px 40px 80px;
  background-color: #fff;
  border: 7px solid transparent;
  justify-content: space-between;
}
.grid.pray-types-vertical a.selected {
  border: 7px solid #c49513;
  opacity: 1;
  filter: grayscale(0%);
}
.grid.pray-types-vertical a.selected:before {
  filter: grayscale(0%);
}
.grid.pray-types-vertical a:before {
  content: "";
  position: absolute;
  filter: grayscale(90%);
  top: 40px;
  left: 5px;
  width: 70px;
  height: 70px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  z-index: 0;
}
.grid.pray-types-vertical a.candle:before {
  background-image: url("/img/candle.png");
}
.grid.pray-types-vertical a.cross:before {
  background-image: url("/img/cross.png");
}
.grid.pray-types-vertical a.angel:before {
  background-image: url("/img/angel-with-wings.png");
}
.grid.pray-types-vertical a b {
  font: bold 22px "Lora";
  color: #392B28;
  white-space: nowrap;
}
.grid.pray-types-vertical a em {
  color: #CC960B;
  font-style: normal;
  font-size: 13px;
  display: block;
  line-height: 1.2em;
}
.grid.pray-types-vertical a em:first-of-type {
  margin-top: 10px;
}
.grid.pray-types-vertical a em:before {
  content: "✓ ";
  font-size: 10px;
}
.grid.pray-types-vertical button {
  position: absolute;
  left: auto;
  right: 0;
  bottom: 0;
  top: auto;
  transition-property: background-color, color;
  transition: 0.3s;
}
.grid.pray-types-vertical button:before {
  content: "Выбрать";
}
.grid.pray-types-vertical .selected button {
  background-color: #9D2016;
  color: #fff;
}
.grid.pray-types-vertical .selected button:before {
  content: "Выбрано";
}
@media screen and (max-width: 460px) {
  .grid.pray-types-vertical a {
    padding: 40px;
  }
  .grid.pray-types-vertical a:before {
    display: none;
  }
}
@media screen and (max-width: 390px) {
  .grid.pray-types-vertical a {
    padding: 20px;
  }
}

.grid.pray-types {
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  gap: 10px;
}
.grid.pray-types > * {
  border: 1px solid #EEC049;
  padding: 70px 20px 85px;
  position: relative;
}
.grid.pray-types > *.selected {
  border-color: #C97154;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 479px) {
  .grid.pray-types > * {
    padding-bottom: 120px;
  }
}
.grid.pray-types p {
  font-size: 14px;
  color: #392B28;
  margin-bottom: 10px;
}
.grid.pray-types a {
  z-index: 2;
  cursor: pointer;
}
.grid.pray-types a:before {
  content: "";
  position: absolute;
  top: -34px;
  left: 0;
  right: 0;
  height: 89px;
  background-repeat: no-repeat;
  background-position: top center;
  z-index: 0;
}
.grid.pray-types a.candle:before {
  background-image: url("/img/candle.png");
}
.grid.pray-types a.cross:before {
  background-image: url("/img/cross.png");
}
.grid.pray-types a.angel:before {
  background-image: url("/img/angel-with-wings.png");
}
.grid.pray-types a b {
  font: bold 22px "Lora";
  color: #392B28;
  white-space: nowrap;
}
.grid.pray-types a em {
  color: #CC960B;
  font-style: normal;
  font-size: 13px;
  display: block;
  line-height: 1.2em;
}
.grid.pray-types a em:before {
  content: "✓ ";
  font-size: 10px;
}
.grid.pray-types a > span {
  margin-bottom: 10px;
  display: block;
}
.grid.pray-types a > div {
  position: absolute;
  left: 20px;
  bottom: 20px;
  right: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.grid.pray-types button {
  transition-property: background-color, color;
  transition: 0.3s;
}
.grid.pray-types button:before {
  content: "Выбрать";
}
.grid.pray-types .selected button {
  background-color: #C97154;
  color: #fff;
}
.grid.pray-types .selected button:before {
  content: "Выбрано";
}
@media screen and (max-width: 991px) {
  .grid.pray-types {
    gap: 40px;
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 479px) {
  .grid.pray-types a > div {
    display: block;
  }
  .grid.pray-types a > div div:first-child {
    margin-bottom: 10px;
  }
}

.grid.names-form {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: auto;
  gap: 10px;
  padding: 20px;
  background-color: #F5F2E9;
  position: relative;
  z-index: 3;
}
.grid.names-form.single {
  background-color: transparent;
  grid-template-columns: 1fr;
  gap: 10px 0;
  padding: 20px 0;
  margin-bottom: 0px;
  margin-top: 0px;
}
.grid.names-form.single input {
  color: #4B4440;
  font-weight: 600;
}
.grid.names-form.single input::-moz-placeholder {
  color: #959187;
}
.grid.names-form.single input::placeholder {
  color: #959187;
}
.grid.names-form.single button {
  width: auto;
}
.grid.names-form input {
  width: 100%;
  border: 1px solid #D6D6D6;
  padding: 15px 20px;
  text-transform: uppercase;
  font-size: 14px;
}
@media screen and (max-width: 991px) {
  .grid.names-form {
    grid-template-columns: 1fr;
  }
}

.icon.facebook {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTYnIGhlaWdodD0nMTYnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNOSA1LjVWMy41QzkgMi45NDggOS40NDggMi41IDEwIDIuNUgxMVYwSDlDNy4zNDMgMCA2IDEuMzQzIDYgM1Y1LjVINFY4SDZWMTZIOVY4SDExTDEyIDUuNUg5WicgZmlsbD0nI0RBQUQzOScvPjwvc3ZnPg==");
}

.icon.vk {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTYnIGhlaWdodD0nMTYnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48ZyBjbGlwLXBhdGg9J3VybCgjY2xpcDApJz48cGF0aCBkPSdNMTMuMjc2NyA4LjY4NTAxQzEzLjAxOCA4LjM1ODM0IDEzLjA5MiA4LjIxMzAxIDEzLjI3NjcgNy45MjEwMUMxMy4yOCA3LjkxNzY4IDE1LjQxNTMgNC45NjcwMSAxNS42MzUzIDMuOTY2MzRMMTUuNjM2NyAzLjk2NTY3QzE1Ljc0NiAzLjYwMTAxIDE1LjYzNjcgMy4zMzMwMSAxNS4xMDggMy4zMzMwMUgxMy4zNTg3QzEyLjkxMzMgMy4zMzMwMSAxMi43MDggMy41NjMwMSAxMi41OTggMy44MjAzNEMxMi41OTggMy44MjAzNCAxMS43MDczIDUuOTUyMzQgMTAuNDQ3MyA3LjMzNDM0QzEwLjA0MDcgNy43MzM2OCA5Ljg1MjY3IDcuODYxNjggOS42MzA2NyA3Ljg2MTY4QzkuNTIxMzMgNy44NjE2OCA5LjM1MTMzIDcuNzMzNjggOS4zNTEzMyA3LjM2OTAxVjMuOTY1NjdDOS4zNTEzMyAzLjUyODM0IDkuMjI2NjcgMy4zMzMwMSA4Ljg1OCAzLjMzMzAxSDYuMTA3MzNDNS44MjggMy4zMzMwMSA1LjY2MiAzLjUzNzAxIDUuNjYyIDMuNzI3MDFDNS42NjIgNC4xNDE2NyA2LjI5MiA0LjIzNzAxIDYuMzU3MzMgNS40MDM2N1Y3LjkzNTAxQzYuMzU3MzMgOC40ODk2OCA2LjI1NjY3IDguNTkxNjggNi4wMzMzMyA4LjU5MTY4QzUuNDM4NjcgOC41OTE2OCAzLjk5NTMzIDYuNDUxMDEgMy4xNCA0LjAwMTAxQzIuOTY3MzMgMy41MjU2NyAyLjc5ODY3IDMuMzMzNjcgMi4zNSAzLjMzMzY3SDAuNkMwLjEwMDY2NyAzLjMzMzY3IDAgMy41NjM2NyAwIDMuODIxMDFDMCA0LjI3NTY3IDAuNTk0NjY2IDYuNTM2MzQgMi43NjUzMyA5LjUyMzAxQzQuMjEyIDExLjU2MTcgNi4yNDkzMyAxMi42NjYzIDguMTAyNjcgMTIuNjY2M0M5LjIxNjY3IDEyLjY2NjMgOS4zNTI2NyAxMi40MjEgOS4zNTI2NyAxMS45OTlDOS4zNTI2NyAxMC4wNTEgOS4yNTIgOS44NjcwMSA5LjgxIDkuODY3MDFDMTAuMDY4NyA5Ljg2NzAxIDEwLjUxNCA5Ljk5NTAxIDExLjU1NCAxMC45NzgzQzEyLjc0MjcgMTIuMTQ0MyAxMi45MzggMTIuNjY2MyAxMy42MDMzIDEyLjY2NjNIMTUuMzUyN0MxNS44NTEzIDEyLjY2NjMgMTYuMTA0IDEyLjQyMSAxNS45NTg3IDExLjkzN0MxNS42MjYgMTAuOTE5IDEzLjM3OCA4LjgyNTAxIDEzLjI3NjcgOC42ODUwMVonIGZpbGw9JyNEQUFEMzknLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSdjbGlwMCc+PHJlY3Qgd2lkdGg9JzE2JyBoZWlnaHQ9JzE2JyBmaWxsPSd3aGl0ZScvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==");
}

.icon.ok {
  background-image: url("data:image/svg+xml;base64,DQo8c3ZnIHdpZHRoPScxNicgaGVpZ2h0PScxNicgdmlld0JveD0nMCAwIDE2IDE2JyBmaWxsPSdub25lJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxnIGNsaXAtcGF0aD0ndXJsKCNjbGlwMCknPjxwYXRoIGQ9J00zLjE0NzMyIDguNTg3MDZDMi43Mzg2NSA5LjM5MDQgMy4yMDI2NSA5Ljc3NDQgNC4yNjEzMiAxMC40MzA0QzUuMTYxMzEgMTAuOTg2NCA2LjQwNDY1IDExLjE4OTcgNy4yMDMzMSAxMS4yNzExQzYuODc1OTggMTEuNTg1NyA4LjM3NTk4IDEwLjE0MzEgNC4wNTU5OCAxNC4yOTg0QzMuMTM5OTggMTUuMTc2NCA0LjYxNDY1IDE2LjU4NTEgNS41Mjk5OCAxNS43MjU3TDguMDA3OTggMTMuMzM1N0M4Ljk1NjY0IDE0LjI0ODQgOS44NjU5NyAxNS4xMjMxIDEwLjQ4NiAxNS43MjkxQzExLjQwMiAxNi41OTE3IDEyLjg3NiAxNS4xOTUxIDExLjk3IDE0LjMwMTdDMTEuOTAyIDE0LjIzNzEgOC42MTE5OCAxMS4wODExIDguODEyNjQgMTEuMjc0NEM5LjYyMTMxIDExLjE5MzEgMTAuODQ2IDEwLjk3NzcgMTEuNzM1MyAxMC40MzM3TDExLjczNDYgMTAuNDMzMUMxMi43OTMzIDkuNzczNzMgMTMuMjU3MyA5LjM5MDQgMTIuODU0NiA4LjU4NzA2QzEyLjYxMTMgOC4xMzEwNyAxMS45NTUzIDcuNzQ5NzMgMTEuMDgyIDguNDA5MDdDMTEuMDgyIDguNDA5MDcgOS45MDI2NCA5LjMxMjQgOC4wMDA2NCA5LjMxMjRDNi4wOTc5OCA5LjMxMjQgNC45MTkzMSA4LjQwOTA3IDQuOTE5MzEgOC40MDkwN0M0LjA0NjY1IDcuNzQ2NCAzLjM4Nzk4IDguMTMxMDcgMy4xNDczMiA4LjU4NzA2WicgZmlsbD0nI0RBQUQzOScvPjxwYXRoIGQ9J003Ljk5OTc4IDguMDk0NjdDMTAuMzE4NCA4LjA5NDY3IDEyLjIxMTggNi4yODI2NyAxMi4yMTE4IDQuMDUyQzEyLjIxMTggMS44MTIgMTAuMzE4NCAwIDcuOTk5NzggMEM1LjY4MDQ0IDAgMy43ODcxMSAxLjgxMiAzLjc4NzExIDQuMDUyQzMuNzg3MTEgNi4yODI2NyA1LjY4MDQ0IDguMDk0NjcgNy45OTk3OCA4LjA5NDY3Wk03Ljk5OTc4IDIuMDUyNjdDOS4xMzkxMSAyLjA1MjY3IDEwLjA2ODQgMi45NDY2NyAxMC4wNjg0IDQuMDUyQzEwLjA2ODQgNS4xNDggOS4xMzkxMSA2LjA0MiA3Ljk5OTc4IDYuMDQyQzYuODYwNDQgNi4wNDIgNS45MzExMSA1LjE0OCA1LjkzMTExIDQuMDUyQzUuOTMwNDQgMi45NDYgNi44NTk3OCAyLjA1MjY3IDcuOTk5NzggMi4wNTI2N1onIGZpbGw9JyNEQUFEMzknLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSdjbGlwMCc+PHJlY3Qgd2lkdGg9JzE2JyBoZWlnaHQ9JzE2JyBmaWxsPSd3aGl0ZScvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==");
}

.icon {
  display: inline-block;
  border: 2px solid #DAAD39;
  border-radius: 5px;
  width: 30px;
  height: 30px;
  background-position: center center;
  background-repeat: no-repeat;
}

section {
  position: relative;
  padding: 100px 0;
}
section.lightgray {
  background-color: #f4f3ef;
}
section.gray {
  background-color: #F4F3EF;
}

section.pink {
    background-color: #FFF4E5;
}
section.breadcumbs {
  padding: 40px 0;
  flex: 0;
}
@media screen and (max-width: 991px) {
  section {
    padding: 60px 0;
  }
  section.breadcumbs {
    padding: 40px 0;
  }
}
@media screen and (max-width: 479px) {
  section {
    padding: 40px 0;
  }
  section.breadcumbs {
    padding: 20px 0;
  }
}

section > .anchor {
  visibility: hidden;
  position: absolute;
  top: -70px;
}

section.empty {
  height: 70px;
  min-height: 70px;
  padding: 0;
}

section.breadcumbs .wrapper {
  width: 100%;
}

section.intro {
  color: #fff;
  background: url("/img/bg/top.jpg?3") left top no-repeat;
  background-size: cover;
  padding: 200px 0;
}
section.intro .h1,
section.intro h1 {
  color: #fff;
}
section.intro .top-block {
  max-width: 450px;
  color: #fff;
}
section.intro .top-block h2,
section.intro .top-block .h2,
section.intro .top-block h3,
section.intro .top-block .h3 {
  color: #fff;
}
section.intro p {
  margin-top: 15px;
}
@media screen and (max-width: 479px) {
  section.intro {
    background-position: -100px 100%;
    padding: 140px 0 70px;
  }
}
section.intro .buttons {
  margin-top: 30px;
}
section.intro .buttons a:first-child {
  margin-right: 10px;
}
@media screen and (max-width: 479px) {
  section.intro .buttons {
    display: flex;
    flex-direction: column;
    max-width: 220px;
  }
  section.intro .buttons a {
    display: block;
  }
  section.intro .buttons a:first-child {
    margin-right: 0px;
    margin-bottom: 20px;
  }
}

section.pray-intro {
  color: #fff;
  background: url("/img/bg/brown.jpg") left top no-repeat;
  background-size: cover;
  padding: 70px 0 40px;
  position: relative;
}
section.pray-intro:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 50%;
  bottom: 0;
  width: 50%;
  background: url("/img/bg/saint-pano.jpg") center center no-repeat;
  background-size: cover;
  z-index: 0;
}
section.pray-intro .wrapper {
  position: relative;
}
section.pray-intro .image {
  position: absolute;
  top: 20%;
  left: 41%;
  height: 60%;
  right: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
section.pray-intro .image img {
  display: none;
}
section.pray-intro .category-link {
  display: inline-block;
  color: #c97154;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.03em;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 17px;
}
section.pray-intro .h1,
section.pray-intro h1 {
  color: #fff;
}
section.pray-intro .top-block {
  padding: 160px 0 130px;
  padding-right: 80px;
  max-width: 41%;
}
section.pray-intro p {
  margin-top: 15px;
}
section.pray-intro .buttons {
  margin-top: 30px;
}
@media screen and (max-width: 991px) {
  section.pray-intro {
    padding: 0 0 20px;
  }
  section.pray-intro:before {
    background: none;
  }
  section.pray-intro .top-block {
    padding: 130px 0 60px;
    max-width: 480px;
    padding-right: 0;
  }
  section.pray-intro .image {
    position: static;
    background: none !important;
  }
  section.pray-intro .image img {
    width: 100%;
    display: block;
  }
}
@media screen and (max-width: 600px) {
  section.pray-intro {
    padding: 0;
    /*overflow: hidden;*/
  }
  section.pray-intro .image {
    margin: 0 -20px;
  }
}

section.pray-charge {
  padding-bottom: 0;
  position: relative;
}
section.pray-charge .wide .wrapper {
  padding-left: 400px;
}
section.pray-charge .wide {
  padding-bottom: 40px;
  color: #959187;
}
section.pray-charge .wide.brown {
  background-color: #9D2016;
  padding-top: 40px;
  padding-bottom: 100px;
  color: #fff;
}
section.pray-charge .wide.brown p,
section.pray-charge .wide.brown h2,
section.pray-charge .wide.brown .h2 {
  color: #fff;
}
section.pray-charge .image {
  border: 2px solid #ffde8a;
  padding: 3px 3px 0;
  display: inline-block;
}
section.pray-charge .for-image {
  position: absolute;
  left: 0;
  top: calc(50% - 175px);
  right: 0;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
@media screen and (max-width: 991px) {
  section.pray-charge .image {
    width: 40%;
  }
  section.pray-charge .image img {
    width: 100%;
  }
  section.pray-charge .wide .wrapper {
    padding-left: 50%;
  }
  section.pray-charge .wide.brown {
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 767px) {
  section.pray-charge .for-image {
    position: static;
    text-align: center;
  }
  section.pray-charge .image {
    width: auto;
  }
  section.pray-charge .wide .wrapper {
    padding-left: 20px;
  }
  section.pray-charge .wide.brown {
    padding-bottom: 40px;
    padding-top: 160px;
    margin-top: -120px;
  }
}

section.why .wrapper {
  display: flex;
  align-items: center;
}
section.why .wrapper > .image {
  flex: 40% 0 0;
  text-align: right;
}
section.why .wrapper > .image img {
  margin-right: 60px;
}
@media screen and (max-width: 991px) {
  section.why .wrapper > .image {
    flex: 10% 1 0;
    text-align: center;
    align-self: flex-start;
    padding: 0 30px 0 0;
  }
  section.why .wrapper > .image img {
    margin-right: 0;
  }
}
section.why p {
  margin-bottom: 20px;
}
section.why p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 650px) {
  section.why {
    padding: 40px 0;
  }
  section.why .wrapper > div.image {
    display: none;
  }
}

section.how .wrapper .how-work-list {
    display: flex;
}
section.how .wrapper .mobile {
    display: block;
    text-align: center;
    margin-top: 20px;
}
section.how .wrapper .how-work-list > div {
    margin-left: 60px;
}
section.how .wrapper .how-work-list > div:first-child {
    margin-left: 0;
}
@media screen and (max-width: 900px) {
    section.how .wrapper .how-work-list > div {
        margin-left: 30px;
    }
}
@media screen and (max-width: 600px) {
    section.how .wrapper .how-work-list{
        flex-direction: column;
    }
    section.how .wrapper .how-work-list > div {
        margin-left: 0px;
        margin-bottom: 20px;
        max-width: 400px;
    }
}

@media screen and (max-width: 479px) {
    section.how .mobile a {
        display: block;
    }
}
section.how > div.h4 {
    color: #4b4440;
}
section.how div.h5 {
    color: #9D2016;
}

section.action {
  background: url("/img/bg/action.jpg") center bottom no-repeat;
  background-size: cover;
  padding: 80px 0;
}
section.action .wrapper {
  text-align: center;
  max-width: 500px;
}
section.action .h2,
section.action h2 {
  margin-bottom: 20px;
  color: #fff;
}
@media screen and (max-width: 480px) {
  section.action {
    padding: 70px 0;
  }
}

section.situations header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}
section.situations header h2,
section.situations header .h2 {
  margin-bottom: 0;
  padding-right: 20px;
}
section.situations header a {
  text-align: right;
}
@media screen and (max-width: 650px) {
  section.situations header a {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  section.situations header {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 479px) {
  section.situations header {
    margin-bottom: 20px;
  }
}
section.situations .mobile {
  display: none;
  margin-top: 20px;
  text-align: center;
}
@media screen and (max-width: 650px) {
  section.situations .mobile {
    display: block;
  }
}
@media screen and (max-width: 479px) {
  section.situations .mobile a {
    display: block;
  }
}
@media screen and (max-width: 650px) {
  section.situations {
    padding: 40px 0;
  }
}

section.faq {
  padding: 100px 0 70px;
  color: #959187;
  background: url("/img/bg/faq-bird.png") 20px 20px no-repeat, url("/img/bg/faq-church.png") 98% 100% no-repeat;
}
section.faq h2,
section.faq .h2 {
  margin-bottom: 30px;
}
section.faq h5,
section.faq .h5 {
  color: #9D2016;
}
@media screen and (max-width: 1400px) {
  section.faq {
    background: none;
    position: relative;
  }
  section.faq:before {
    content: "";
    position: absolute;
    top: 5px;
    right: 20px;
    width: 92px;
    height: 118px;
    background: url("/img/bg/faq-bird.png") 0 0 no-repeat;
    transform: scaleX(-1);
  }
}
@media screen and (max-width: 991px) {
  section.faq {
    padding: 60px 0 40px;
  }
}
@media screen and (max-width: 767px) {
  section.faq {
    padding: 40px 0 30px;
  }
}

section.pray-for-family {
  background-color: #9D2016;
  background-size: cover;
}
section.pray-for-family h2,
section.pray-for-family .h2 {
  margin-bottom: 30px;
  color: #fff;
}
section.pray-for-family .mobile {
  margin-top: 20px;
  text-align: center;
}
@media screen and (max-width: 650px) {
  section.pray-for-family .mobile {
    display: block;
  }
}
@media screen and (max-width: 479px) {
  section.pray-for-family .mobile a {
    display: block;
  }
}

section.review {
  background: #fff url("/img/bg/review-angel.png") right top no-repeat;
}

section.about {
  padding: 0;
  position: relative;
  overflow: hidden;
}
section.about:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 50%;
  background: url("/img/bg/about-table.jpg") center center no-repeat;
  background-size: cover;
}
section.about .wrapper > div {
  width: 50%;
  margin-left: 50%;
}
section.about .company {
  padding: 70px;
  position: relative;
  z-index: 1;
}
section.about .company * {
  z-index: 1;
  position: relative;
  color: #fff;
}
section.about .company:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: -500px;
  background: url("/img/bg/about-church.jpg") left top no-repeat;
  background-size: cover;
  z-index: 0;
}
section.about .company .h4,
section.about .company h4 {
  margin-bottom: 20px;
}
@media screen and (max-width: 991px) {
  section.about:before {
    display: none;
  }
  section.about .wrapper > div {
    width: 100%;
    margin-left: 0;
  }
  section.about .company {
    padding: 60px 0;
  }
  section.about .company:before {
    left: -20px;
    right: -20px;
  }
}
@media screen and (max-width: 479px) {
  section.about {
    padding: 0px 0;
  }
}

section.action2 {
  background: url("/img/bg/action2.jpg") center center no-repeat;
  background-size: cover;
}
section.action2 h2,
section.action2 .h2 {
  color: white;
  max-width: 50%;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  section.action2 h2,
  section.action2 .h2 {
    max-width: 480px;
  }
}

section.text {
  color: #959187;
}

section.profile {
  flex: 1;
}
section.profile .h3 {
  margin-bottom: 30px;
}
section.profile input.show + .profile__field-eye {
  background: url("/img/icons/eye-closed.svg") center center no-repeat;
}
section.profile .profile__wrapper {
  display: flex;
  align-items: flex-start;
}
section.profile .profile__menu, section.profile .profile__content {
  background-color: #fff;
  padding: 35px 30px;
  border-radius: 5px;
}
section.profile .profile__menu-empty, section.profile .profile__content-empty {
  background-color: unset;
  padding: 0 !important;
}
section.profile .profile__menu {
  width: 260px;
  max-width: 260px;
  margin-right: 30px;
}
section.profile .profile__menu-item {
  white-space: nowrap;
  display: block;
  color: #392b28;
  font-weight: 600px;
  font-size: 14px;
  line-height: 100%;
  text-transform: uppercase;
}
section.profile .profile__menu-item.active {
  font-weight: 700;
  color: #9D2016;
}
section.profile .profile__menu-item:not(:first-child) {
  margin-top: 25px;
}
section.profile .profile__content {
  padding: 30px;
  flex: 1;
}
section.profile .profile__row {
  display: flex;
  justify-content: space-between;
}
section.profile .profile__row > * {
  width: calc(50% - 15px);
}
section.profile .profile__card-data {
  display: flex;
  gap: 10px;
}
section.profile .profile__card-data > * {
  flex: 1 1 33%;
}
section.profile .profile__card-month, section.profile .profile__card-year {
  width: 100%;
  line-height: 46px;
  border-radius: 3px;
}
section.profile .profile__card-cvc {
  padding-right: 15px !important;
}
section.profile .profile__card-add {
  margin-top: 15px;
}
section.profile .profile__card-add button {
  margin: 0;
}
section.profile .profile__field-single {
  max-width: 400px;
}
section.profile .profile__field-single:not(:first-child) {
  margin-top: 20px;
}
section.profile .profile__field-password {
  position: relative;
}
section.profile .profile__field-eye {
  cursor: pointer;
  position: absolute;
  right: 15px;
  top: calc(50% - 15px);
  width: 30px;
  height: 30px;
  background: url("/img/icons/eye.svg") center center no-repeat;
}
section.profile .profile__field-title {
  white-space: nowrap;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
  color: #81867e;
  margin-bottom: 7px;
}
section.profile .profile__field small {
  margin-top: 3px;
  font-style: normal;
  display: block;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
}
section.profile .profile__field input {
  background-color: #f2f2f2;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  margin-top: -1px;
  padding: 14px 35px 13px 15px;
  font-weight: 400;
  font-size: 16px;
  width: 100%;
  transition: 0.3s background-color, 0.3s border-color;
}
section.profile .profile__field input::-moz-placeholder {
  color: #81867e;
}
section.profile .profile__field input::placeholder {
  color: #81867e;
}
section.profile .profile__field input:focus {
  background-color: #fff;
  border-color: #555;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
section.profile .profile__field input.editable {
  background-image: url("/img/icons/ci_edit.svg");
  background-position: calc(100% - 10px) center;
  background-repeat: no-repeat;
}
section.profile button {
  margin: 30px 0;
}
section.profile .h3:not(:first-child) {
  margin-top: 50px;
}
@media screen and (max-width: 1050px) {
  section.profile .profile__menu {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  section.profile .profile__content {
    padding: 20px;
  }
  section.profile .profile__row {
    display: block;
  }
  section.profile .profile__row > * {
    width: 100%;
  }
  section.profile .profile__row > *:not(:first-child) {
    margin-top: 30px;
  }
}

section.search
{
    position: relative;
    padding: 0 0 30px 0;
}

section.search .search__field input
{
    background-color: #f2f2f2;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    margin-top: -1px;
    padding: 14px 35px 13px 15px;
    font-weight: 400;
    font-size: 16px;
    width: 100%;
    transition: 0.3s background-color, 0.3s border-color;
}

section.search button
{
    margin: 30px 0;
}

section.search .search_block {
    background-color: #fff;
    padding: 30px 30px 0 30px;
}

footer {
  border-top: 2px solid #f4f3ef;
  padding: 0 0 30px;
}
footer.gray {
  background-color: #f2f2f2;
}
footer .wrapper {
  padding-top: 25px;
  border-top: 1px solid #e0e0e0;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
footer .wrapper > * {
  padding-right: 80px;
}
footer .copyright {
  flex: 41% 0 1;
  padding-right: 0;
  color: #959187;
}
footer .copyright > p:last-child {
  margin-top: 12px;
}
footer a:hover {
  text-decoration: underline;
}
footer .icon {
  margin-right: 10px;
}
footer .icon:last-child {
  margin-right: 0;
}
footer .logo {
  padding-right: 110px;
}
footer .logo img {
  width: 165px;
}
footer .logo b {
  display: block;
  margin: 30px 0 8px;
}
footer menu a {
  color: #392b28;
  transition: 0.3s;
  transition-property: color;
}
footer menu a:hover {
  color: #000;
}
footer menu > div {
  margin-bottom: 13px;
}
@media screen and (max-width: 991px) {
  footer .wrapper {
    flex-wrap: wrap;
  }
  footer .wrapper > * {
    padding-right: 0;
  }
  footer .wrapper menu:first-of-type {
    padding-right: 20px;
  }
  footer .logo,
  footer .copyright {
    flex: 100% 0 0;
  }
  footer .logo {
    padding-bottom: 25px;
  }
  footer .copyright {
    padding-top: 25px;
  }
  footer menu {
    flex: 50% 1 1;
  }
}
@media screen and (max-width: 359px) {
  footer menu {
    flex: 100% 0 0;
  }
}

section.similar-problems h2,
section.similar-problems .h2 {
  margin-bottom: 40px;
}

section.info {
  background: url("/img/bg/info.svg") right center no-repeat;
}

section.order-form {
  background: url("/img/bg/order-form.jpg") center top no-repeat;
  background-size: cover;
  text-align: center;
  overflow: hidden;
}
section.order-form h2,
section.order-form .h2 {
  margin-bottom: 20px;
  color: #fff;
}
section.order-form .h5 {
  color: #9D2016;
}
section.order-form .names-form {
  margin: 20px 0 25px;
}
section.order-form .error.tariff {
  margin-top: 20px;
}
section.order-form .error.names {
  margin-top: -10px;
  margin-bottom: 25px;
}
section.order-form .single-form-price {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='1' viewBox='0 0 20 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='0.5' x2='20' y2='0.5' stroke='%23D6D6D6' stroke-dasharray='10 10'/%3E%3C/svg%3E");
  background-position: -5px 50%;
  background-repeat: repeat-x;
}
section.order-form .single-form-price > * {
  background-color: #fff;
}
section.order-form .single-form-price span {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  text-transform: uppercase;
  color: #4b4440;
  padding-right: 10px;
}
section.order-form .single-form-price b {
  font: bold 22px "Lora";
  color: #392b28;
  white-space: nowrap;
  line-height: 26px;
  padding-left: 10px;
}
section.order-form .plate {
  background-color: #fff;
  min-height: 300px;
  position: relative;
  padding: 60px 70px 40px;
}
section.order-form .plate.single {
  max-width: 430px;
  width: 100%;
  margin: 0 auto;
  padding: 30px 60px 60px;
}
section.order-form .plate.single button[type=submit] {
  width: 100%;
  padding: 20px 15px;
}
section.order-form .plate.single h5,
section.order-form .plate.single .h5 {
  margin-top: 10px;
}
@media screen and (max-width: 479px) {
  section.order-form .plate.single {
    padding: 30px 40px 60px;
  }
}
@media screen and (max-width: 991px) {
  section.order-form .plate {
    max-width: 480px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 479px) {
  section.order-form .plate {
    padding: 60px 40px 50px;
    margin: 0 -10px;
  }
}
@media screen and (max-width: 359px) {
  section.order-form .plate {
    padding: 60px 30px 50px;
  }
}
section.order-form .plate:before {
  content: "";
  position: absolute;
  top: -24px;
  left: -24px;
  width: 249px;
  height: 222px;
  background: url("/img/bg/form-corner.png") 0 0 no-repeat;
  z-index: 0;
}
section.order-form .plate:after {
  content: "";
  position: absolute;
  top: -24px;
  right: -24px;
  width: 249px;
  height: 222px;
  background: url("/img/bg/form-corner.png") 0 0 no-repeat;
  transform: scaleX(-1);
  z-index: 0;
}
section.order-form .plate .corners:before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: -24px;
  width: 249px;
  height: 222px;
  background: url("/img/bg/form-corner.png") 0 0 no-repeat;
  transform: scaleY(-1);
  z-index: 0;
}
section.order-form .plate .corners:after {
  content: "";
  position: absolute;
  bottom: -24px;
  right: -24px;
  width: 249px;
  height: 222px;
  background: url("/img/bg/form-corner.png") 0 0 no-repeat;
  transform: scale(-1, -1);
  z-index: 0;
}

section.categories {
  padding: 20px 0 100px;
  font-size: 14px;
  line-height: 1.2em;
}
section.categories .categories-list {
  margin-top: 30px;
}
section.categories .prayers {
  margin-top: 30px;
  margin-bottom: 40px;
}

section.document {
  padding: 20px 0 100px;
}
section.document main {
  padding: 70px;
  margin-top: 30px;
  background: #fff;
  color: #4B4440;
}
section.document main h3,
section.document main .h3 {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  section.document main {
    padding: 50px;
  }
}
@media screen and (max-width: 479px) {
  section.document main {
    padding: 20px;
  }
}

section.cart-list {
  padding: 30px 0 0;
}
section.cart-list > .wrapper {
  padding-right: 300px;
  padding-bottom: 100px;
  position: relative;
}
section.cart-list > .wrapper:before {
  content: "";
  position: absolute;
  bottom: 5px;
  right: 5px;
  width: 230px;
  top: 0;
  background: url("/img/bg/saint.png") center bottom no-repeat;
  background-size: contain;
}
@media screen and (max-width: 1050px) {
  section.cart-list > .wrapper {
    padding-right: 20px;
  }
  section.cart-list > .wrapper:before {
    display: none;
  }
}
@media screen and (max-width: 479px) {
  section.cart-list > .wrapper {
    padding-right: 16px;
  }
}
section.cart-list .donut {
  background: #fff url("/img/bg/donut-charge.png") 30px bottom no-repeat;
  display: flex;
  align-items: center;
  min-height: 160px;
  padding: 35px 30px;
  padding-left: 200px;
  margin-bottom: 10px;
}
section.cart-list .donut aside {
  text-align: right;
  padding-left: 30px;
}
@media screen and (max-width: 767px) {
  section.cart-list .donut {
    padding: 20px;
    min-height: auto;
    background: #fff;
  }
}
@media screen and (max-width: 550px) {
  section.cart-list .donut {
    display: block;
  }
  section.cart-list .donut aside {
    text-align: left;
    padding-left: 0;
    padding-top: 20px;
  }
}
section.cart-list .input {
  border: 1px solid #d6d6d6;
  padding-right: 12px;
  display: inline-block;
  text-align: right;
  margin-bottom: 10px;
}
section.cart-list .input input {
  border: 0;
  font-size: 14px;
  font-weight: bold;
  padding: 9px 0;
  text-align: right;
  color: #392b28;
}
section.cart-list .input:after {
  font-weight: bold;
  color: #392b28;
}
section.cart-list .total {
  background: #9D2016;
  padding: 14px 35px;
  margin-bottom: 60px;
  text-align: right;
  color: #fff;
  font-family: "Lora";
  font-size: 24px;
}
section.cart-list .total b {
  font-size: 30px;
}
@media screen and (max-width: 479px) {
  section.cart-list .total {
    padding: 14px 16px;
  }
}
section.cart-list .contact-data {
  padding: 30px;
  background-color: #fff;
  margin-top: 30px;
  display: flex;
  flex-wrap: nowrap;
}
section.cart-list .contact-data .error {
  font-size: 13px;
  font-weight: 400;
}
section.cart-list .contact-data > *:first-child {
  padding-right: 20px;
}
section.cart-list .contact-data aside {
  padding-left: 32px;
}
section.cart-list .contact-data input {
  min-width: 230px;
  width: 100%;
  border: 1px solid #d6d6d6;
  padding: 15px 20px;
  text-transform: uppercase;
  font-size: 14px;
}
@media screen and (max-width: 850px) {
  section.cart-list .contact-data {
    flex-wrap: wrap;
  }
  section.cart-list .contact-data input {
    min-width: auto;
  }
  section.cart-list .contact-data aside {
    padding-left: 0;
    padding-top: 20px;
    flex: 100% 0 0;
  }
  section.cart-list .contact-data > div {
    flex: 50% 0 0;
  }
  section.cart-list .contact-data > div:last-child {
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
  section.cart-list .contact-data {
    padding: 20px;
  }
}
@media screen and (max-width: 479px) {
  section.cart-list .contact-data {
    display: block;
  }
  section.cart-list .contact-data > *:first-child {
    padding-bottom: 20px;
    padding-right: 0px;
  }
}

section.card-pay {
  /*
    .renew-form {
      border: 1px solid #CC960B;
      padding: 40px 30px;
      margin-bottom: 18px;

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

      .renew-list {
        margin-top: 10px;

        &>* {
          margin-bottom: 10px;
        }
      }

      label {
        user-select: none;
        font-size: 13px;
        cursor: pointer;
      }

    }
  */
}
section.card-pay .repeat-time {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 20px 0 10px;
}
section.card-pay .repeat-time > * {
  padding-left: 5px;
}
section.card-pay .repeat-time > *:first-child {
  padding-right: 10px;
  padding-left: 0;
}
section.card-pay select {
  font-size: 12px;
  line-height: 16px;
}

section.pray-texts .pray-texts__item {
  background-color: #f4f3ef;
  padding: 20px;
}
section.pray-texts .pray-texts__item.opened .pray-texts__item-text {
  display: block;
}
section.pray-texts .pray-texts__item.opened .pray-texts__item-title:before {
  transform: scaleY(-1) rotateZ(135deg);
}
section.pray-texts .pray-texts__item:not(:first-child) {
  margin-top: 10px;
}
section.pray-texts .pray-texts__item-title {
  color: #9D2016;
  font-weight: 600;
  font-size: 18px;
  line-height: 23px;
  cursor: pointer;
  padding-right: 25px;
  position: relative;
}
section.pray-texts .pray-texts__item-title:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  top: calc(50% - 5px);
  right: 0px;
  transform: rotateZ(135deg);
  border-top: 2px solid #9D2016;
  border-right: 2px solid #9D2016;
}
section.pray-texts .pray-texts__item-text {
  display: none;
  padding-top: 10px;
}

section.pray-texts .wrapper .mobile {
    display: block;
    text-align: center;
    margin-top: 20px;
}

@media screen and (max-width: 600px) {
  section.pray-texts .pray-texts__item {
    padding: 10px;
  }
}

/* для элемента input c type="checkbox" */
.custom-checkbox {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

/* для элемента label, связанного с .custom-checkbox */
.custom-checkbox + label {
  display: inline-flex;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

/* создание в label псевдоэлемента before со следующими стилями */
.custom-checkbox + label::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #C97154;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
  transition: 0.3s;
}

/* стили при наведении курсора на checkbox */
.custom-checkbox:not(:disabled) + label:hover::before {
  border-color: #C97154;
  box-shadow: 0 0 0 0.2rem rgba(201, 113, 84, 0.25);
}

/* стили для активного чекбокса (при нажатии на него) */
.custom-checkbox:not(:disabled):active + label::before, .custom-checkbox.nice-select.open:not(:disabled) + label::before {
  background-color: #C97154;
  border-color: #C97154;
}

/* стили для чекбокса, находящегося в фокусе */
.custom-checkbox:focus + label::before {
  box-shadow: 0 0 0 0.2rem rgba(201, 113, 84, 0.1);
}

/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
/* стили для чекбокса, находящегося в состоянии checked */
.custom-checkbox:checked + label::before {
  border-color: #9D2016;
  background-color: #9D2016;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMSAzLjIyMjIyTDQuMDc2OTIgNkw5IDEiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPg0KPC9zdmc+");
}

/* стили для чекбокса, находящегося в состоянии disabled */
.custom-checkbox:disabled + label::before {
  background-color: #e9ecef;
}

.nice-select {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-color: #fff;
  border-radius: 0px;
  border: solid 1px #D6D6D6;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  width: auto;
}
.nice-select:hover {
  border-color: #c9c9c9;
}
.nice-select:active, .nice-select.open, .nice-select:focus {
  border-color: #D6D6D6;
}
.nice-select:after {
  border-bottom: 2px solid #C97154;
  border-right: 2px solid #C97154;
  content: "";
  display: block;
  height: 5px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 50%;
  transform-origin: 66% 66%;
  transform: rotate(45deg);
  transition: all 0.15s ease-in-out;
  width: 5px;
}
.nice-select.open:after {
  transform: rotate(-135deg);
}
.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1) translateY(0);
}
.nice-select.disabled {
  border-color: #dbdbdb;
  color: #D6D6D6;
  pointer-events: none;
}
.nice-select.disabled:after {
  border-color: #e1b1a2;
}
.nice-select.wide {
  width: 100%;
}
.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}
.nice-select.right {
  float: right;
}
.nice-select.right .list {
  left: auto;
  right: 0;
}
.nice-select.small {
  font-size: 12px;
  height: 30px;
  line-height: 28px;
}
.nice-select.small:after {
  height: 4px;
  width: 4px;
}
.nice-select.small .option {
  line-height: 28px;
  min-height: 28px;
}
.nice-select .list {
  background-color: #fff;
  border-radius: 0px;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  transform-origin: 50% 0;
  transform: scale(0.75) translateY(-21px);
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
}
.nice-select .list:hover .option:not(:hover) {
  background-color: transparent !important;
}
.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  transition: all 0.2s;
}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
  background-color: #f6f6f6;
}
.nice-select .option.selected {
  font-weight: bold;
}
.nice-select .option.disabled {
  background-color: transparent;
  color: #D6D6D6;
  cursor: default;
}

.no-csspointerevents .nice-select .list {
  display: none;
}
.no-csspointerevents .nice-select.open .list {
  display: block;
}

.card-form-wrapper {
  display: flex;
}

.card-front {
  position: absolute;
  top: 0;
  left: 0;
  width: 398px;
  height: 232px;
  z-index: 3;
  background: linear-gradient(180deg, #FFE298 0%, #F9D873 100%);
  box-shadow: 5px 5px 10px rgba(156, 123, 38, 0.4);
  border-radius: 10px;
}

.card-save {
  margin-top: 40px;
}

.card-wrapper {
  min-width: 518px;
  max-width: 518px;
  min-height: 272px;
  position: relative;
  z-index: 5;
}
.card-wrapper:before {
  content: "";
  top: 40px;
  left: 120px;
  position: absolute;
  background: #F7DF97;
  border-radius: 10px;
  width: 398px;
  height: 232px;
  z-index: 0;
}
.card-wrapper:after {
  content: "";
  position: absolute;
  top: 76px;
  left: 120px;
  right: 0;
  background: #B59952;
  height: 49px;
  z-index: 1;
}

.card-data-fields {
  margin-top: 14px;
  padding-right: 20px;
  display: flex;
}

.renew-form {
  border: 1px solid #9D2016;
  padding: 40px 30px;
  margin: 40px 0 18px 60px;
}
.renew-form p {
  margin-top: 20px;
}

.card-holder-field {
  display: none;
}

.card-expire-field {
  padding-left: 0px;
}

.card-expire-wrapper-select {
  display: flex;
}

.card-expire-month-field {
  width: 120px;
}

.card-expire-year-select {
  margin-left: 5px;
  width: 120px;
}

.card-cvc-field {
  padding-left: 162px;
}
.card-cvc-field input {
  max-width: 60px;
  text-align: center;
}

.nice-select {
  height: 48px;
  margin-top: -1px;
  float: left;
}
.nice-select .list {
  max-height: 200px;
  overflow-y: scroll;
}
.nice-select span.current {
  margin-top: 3px;
}

.card-fields {
  position: relative;
  z-index: 5;
  padding-top: 52px;
  padding-left: 20px;
}
.card-fields span {
  display: block;
  text-transform: uppercase;
  font-weight: 600;
  color: #6B4F04;
  margin-bottom: 5px;
}
.card-fields span.micro {
  margin-top: 3px;
  text-transform: none;
  font-size: 10px;
  line-height: 12px;
}
.card-fields input {
  padding: 14px 16px;
  text-transform: uppercase;
  font-size: 14px;
  border: 1px solid transparent;
}
.card-fields .card-number-field input {
  width: 272px;
}

.finish-pay {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.finish-pay h3,
.finish-pay div.h3 {
  padding-right: 30px;
  margin-bottom: 0;
  white-space: nowrap;
}

.nice-select {
  padding-left: 10px;
}
.nice-select .current {
  font-weight: 600;
  color: #000000;
}

.card-expire-month-field {
  min-width: 60px;
}

@media screen and (max-width: 991px) {
  .card-form-wrapper {
    display: block;
  }
  .renew-form {
    margin: 25px 0 0;
    max-width: 518px;
  }
  .card-save {
    margin-top: 20px;
  }
}
@media screen and (max-width: 600px) {
  .card-save {
    text-align: center;
  }
  .card-wrapper {
    max-width: auto;
    min-width: auto;
  }
  .card-wrapper:before, .card-wrapper:after {
    display: none;
  }
  .card-front {
    display: none;
  }
  .card-fields {
    background: linear-gradient(180deg, #FFE298 0%, #F9D873 100%);
    border-radius: 10px;
    padding: 52px 20px 20px;
  }
  .card-fields .card-number-field input {
    width: 100%;
  }
  .card-fields .card-holder-field input {
    width: 100%;
  }
  .card-fields .card-cvc-field {
    padding-left: 0;
    text-align: right;
    flex: 30% 1 1;
  }
  .card-data-fields {
    flex-wrap: wrap;
    padding-right: 0;
  }
  .card-holder-field {
    flex: 100% 0 0;
    padding-bottom: 20px;
  }
  .card-expire-field {
    padding-left: 0;
  }
}
@media screen and (max-width: 479px) {
  .card-expire-month-field {
    width: 60px;
  }
  .card-expire-year-select {
    width: 80px;
  }
  .finish-pay {
    display: block;
  }
  .finish-pay h3,
  .finish-pay div.h3 {
    padding-right: 0;
    padding-bottom: 20px;
  }
  .finish-pay > * {
    text-align: center;
  }
}
.card__field--error {
  border: 2px solid #ff2f49 !important;
}

div.popups {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden auto;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 30px 0;
}
div.popups .popup__buttons {
  display: flex;
  justify-content: space-around;
  gap: 20px;
  margin-top: 20px;
}
div.popups .popup__buttons button {
  flex: 1 1 auto;
}
div.popups main {
  position: relative;
  width: 600px;
  margin: 0 auto;
  background-color: #fff;
  border: 1px solid rgba(201, 113, 84, 0.8);
  padding: 30px 30px 30px 330px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.7);
  overflow: hidden;
  display: none;
}
div.popups main.popup1 p.error {
  display: none;
  font-size: 13px;
  line-height: 16px;
  padding: 3px 0 0 0;
}
div.popups main.popup1 input.input-error {
  border-color: red;
  border-width: 1px;
}
div.popups main.popup1 input.input-error + p.error {
  display: block;
}
div.popups main.popup2 {
  padding-top: 80px;
  padding-bottom: 80px;
}
div.popups main.popup2 .h3 {
  margin-bottom: 40px;
}
div.popups main.popup3 {
  margin-top: 30vh;
  width: 100%;
  max-width: 400px;
  padding: 30px;
}
div.popups main.popup3:before {
  display: none;
}
div.popups main.popup3:after {
  display: none;
}
div.popups main.show {
  display: block;
}
div.popups main .no-more-show {
  padding: 20px 0 0;
  text-align: center;
}
div.popups main .no-more-show a {
  color: #aaa;
  font-size: 13px;
}
div.popups main .policy-agree {
  margin-top: 10px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
div.popups main .policy-agree input {
  margin-right: 10px;
  margin-top: 8px;
  min-width: 20px;
  width: 20px;
  cursor: pointer;
}
div.popups main .policy-agree label {
  display: inline-block;
  cursor: pointer;
}
div.popups main a.close {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 20px;
  height: 20px;
  color: #9D2016;
  border: 1px solid #9D2016;
  border-radius: 50%;
  z-index: 1010;
  display: block;
  text-align: center;
  cursor: pointer;
  transition: 0.3s;
  transform: rotate(0deg);
}
div.popups main a.close:hover {
  transform: rotate(180deg);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
}
div.popups main a.close:before {
  content: "";
  position: absolute;
  left: calc(50% - 1px);
  width: 2px;
  top: 3px;
  bottom: 3px;
  background-color: #9D2016;
}
div.popups main a.close:after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  height: 2px;
  left: 3px;
  right: 3px;
  background-color: #9D2016;
}
div.popups main a.close:before, div.popups main a.close:after {
  transform: rotate(45deg);
  transform-origin: center center;
}
div.popups main form {
  margin-top: 15px;
}
div.popups main form button {
  width: 100%;
}
div.popups main form input {
  padding: 10px;
  font-size: 14px;
  width: 100%;
  border: 1px solid #9D2016;
}
div.popups main form input::-moz-placeholder {
  color: #ccc;
}
div.popups main form input::placeholder {
  color: #ccc;
}
div.popups main form > *:not(:last-child) {
  margin-bottom: 15px;
}
div.popups main:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  bottom: 0;
  z-index: 0;
  background: rgba(0, 0, 0, 0.3137254902) url("/img/popup-back.jpg") center no-repeat;
  background-size: cover;
  filter: blur(10px);
}
div.popups main:after {
  content: "";
  position: absolute;
  left: 20px;
  width: calc(50% - 40px);
  top: 0;
  bottom: 0;
  background: url("/img/popup-back.jpg") center center no-repeat;
  background-size: contain;
}
@media screen and (max-width: 650px) {
  div.popups main {
    max-width: 300px;
    padding: 30px 15px;
  }
  div.popups main:before, div.popups main:after {
    display: none;
  }
}

html.show-popup {
  overflow: hidden;
}
html.show-popup body {
  overflow: hidden;
}

.show-popup div.background-container {
  filter: blur(3px);
}
.show-popup div.popups {
  display: block;
}

.form__section {
  padding-top: 20px;
}
.form__content {
  padding-left: 40px;
}
.form__text {
  text-align: center;
  margin-top: 60px;
}
.form__text p {
  display: block;
  max-width: 750px;
  text-align: center;
  margin: 0 auto;
}
.form__wrapper {
  padding-top: 0;
  padding-bottom: 0;
}
.form__columns {
  display: flex;
  max-width: 800px;
  margin: 100px auto 0 auto;
}
.form__columns figure {
  width: 40%;
  background: url("/img/popup-back.jpg") center center no-repeat;
  background-size: contain;
}
.form__columns .policy-agree {
  margin-top: 10px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.form__columns .policy-agree input {
  margin-right: 10px;
  margin-top: 8px;
  min-width: 20px;
  width: 20px;
  cursor: pointer;
}
.form__columns .policy-agree label {
  display: inline-block;
  cursor: pointer;
}
.form__columns form {
  margin-top: 15px;
}
.form__columns form button {
  width: 100%;
}
.form__columns form input {
  padding: 10px;
  font-size: 14px;
  width: 100%;
  border: 1px solid #c97154;
}
.form__columns form input::-moz-placeholder {
  color: #ccc;
}
.form__columns form input::placeholder {
  color: #ccc;
}
.form__columns form > *:not(:last-child) {
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .form__columns figure {
    display: none;
  }
  .form__content {
    padding-left: 0;
  }
}

a.edit {
  background: url("/img/icons/ci_edit.svg") left center no-repeat;
  display: inline-block;
  min-height: 18px;
  color: #9D2016;
  padding-left: 26px;
  cursor: pointer;
}

a.remove {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMyAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMyAxMS43TDExLjcgMTNMNi41IDcuOEwxLjMgMTNMMCAxMS43TDUuMiA2LjVMMCAxLjNMMS4zIC05LjUzNjc0ZS0wN0w2LjUgNS4yTDExLjcgLTkuNTM2NzRlLTA3TDEzIDEuM0w3LjggNi41TDEzIDExLjdaIiBmaWxsPSIjOTU5MTg3Ii8+DQo8L3N2Zz4=") center center no-repeat;
  position: absolute;
  width: 13px;
  height: 13px;
  cursor: pointer;
  top: 8px;
  right: 8px;
}

.orders {
  border: 1px solid #e0e0e0;
  --color: #392b28;
  --col-number: 110px;
  --col-date: 75px;
  --col-name: 1fr;
  --col-status: 110px;
}

.order__head {
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  background-color: #f2f2f2;
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr) auto;
  grid-template-areas: "number date name status";
  gap: 0 40px;
  color: var(--color);
  padding: 15px 20px;
  align-items: start;
}
.order__order + .order__order {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px dashed #f2f2f2;
}
.order__button {
  margin-top: 10px;
}
.order__order {
  position: relative;
}
.order__order-button {
  margin: 0 !important;
}
.order__order-total {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid #f2f2f2;
  font-family: "Lora";
  text-align: right;
  font-size: 36px;
  padding-bottom: 18px;
}
.order__row {
  display: grid;
  font-weight: 400;
  font-size: 13px;
  line-height: 100%;
  color: var(--color);
  padding: 15px 20px;
  grid-template-columns: auto auto minmax(0, 1fr) auto;
  grid-template-rows: auto;
  grid-template-areas: "number date name status" "content content content content";
  gap: 0 40px;
}
.order__row:not(:last-child) {
  border-bottom: 1px solid #e0e0e0;
}
.order__row.opened .order__col-content {
  height: auto;
}
.order__row.opened .order__col-name-clicker:after {
  transform: scale(-1);
}
.order__col-number {
  grid-area: number;
  min-width: var(--col-number);
  max-width: var(--col-number);
  line-height: 16px;
}
.order__col-date {
  grid-area: date;
  min-width: var(--col-date);
  max-width: var(--col-date);
  line-height: 16px;
}
.order__col-name {
  grid-area: name;
  width: 100%;
  line-height: 16px;
}
.order__col-name-clicker {
  cursor: pointer;
  color: #9D2016;
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 17px;
  position: relative;
}
.order__col-name-clicker:after {
  content: "";
  position: absolute;
  top: calc(50% - 3px);
  right: 0;
  width: 10px;
  height: 6px;
  background: url("/img/icons/small-arrow.svg") center center no-repeat;
}
.order__col-status {
  grid-area: status;
  min-width: var(--col-status);
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: left center;
  line-height: 16px;
}
.order__col-status.complete {
  background-image: url("/img/icons/status-complete.svg");
  padding-left: 26px;
}
.order__col-status.processing {
  background-image: url("/img/icons/status-processing.svg");
  padding-left: 26px;
}
.order__col-status.pay {
  background-image: url("/img/icons/status-pay.svg");
  padding-left: 26px;
}
.order__col-content {
  grid-area: content;
  position: relative;
  overflow: hidden;
  height: 1px;
}
.order__col-content-wrapper {
  padding-top: 20px;
  padding-bottom: 0px;
}
.order__col-content p {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #81867e;
}
.order__col-content p.names {
  margin-top: 10px;
  color: #9D2016;
}
.order__weekly {
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
  color: #f0c658;
  margin-top: 12px;
  padding-left: 18px;
  background: url("/img/icons/order-check.svg") left center no-repeat;
}
.order__price {
  position: absolute;
  right: 0;
  bottom: 0px;
  font-weight: 700;
  font-size: 18px;
  line-height: 130%;
  font-family: Lora;
}
.order__price strong {
  font-weight: 700;
  font-size: 30px;
  line-height: 130%;
}
@media screen and (max-width: 767px) {
  .order__head {
    display: none;
  }
  .order__row {
    padding: 15px 10px;
    background-color: #f2f2f2;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-template-areas: "number date status" "name name name" "content content content";
    gap: 0 20px;
  }
  .order__col-name {
    padding-top: 20px;
  }
  .order__col-number {
    min-width: auto;
  }
  .order__col-date {
    min-width: auto;
  }
  .order__col-number, .order__col-date, .order__col-status {
    font-size: 12px;
  }
  .order__price {
    position: relative;
    margin-top: 15px;
  }
}

.note {
  position: relative;
  background-color: #fff;
  padding: 30px 30px 40px;
  display: grid;
  grid-template-columns: 1fr min-content;
  grid-template-areas: "title title" "text price" "names edit";
  gap: 20px;
}
.note {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid #f2f2f2;
}
.note__button {
  margin: 0 !important;
}
.note__title {
  font-family: Lora;
  grid-area: title;
  font-weight: 700;
  font-size: 18px;
  line-height: 130%;
  color: #9D2016;
  padding-right: 30px;
}
.note__text {
  grid-area: text;
  font-weight: 400;
  font-size: 15px;
  line-height: 150%;
  color: #81867e;
}
.note__price {
  grid-area: price;
  text-align: right;
  font-family: "Lora";
  font-weight: 700;
  font-size: 30px;
  line-height: 130%;
  color: #392b28;
}
.note__names {
  grid-area: names;
  font-weight: 400;
  font-size: 15px;
  line-height: 150%;
  color: #9D2016;
}
.note__edit {
  grid-area: edit;
  text-align: right;
}
.note a.remove {
  top: 20px;
  right: 20px;
}
@media screen and (max-width: 767px) {
  .note {
    grid-template-columns: 1fr;
    grid-template-areas: "title" "price" "text" "names" "edit";
    gap: 15px;
    padding: 20px;
  }
  .note__price {
    text-align: left;
  }
  .note__edit {
    text-align: left;
  }
  .note a.remove {
    top: 10px;
    right: 10px;
  }
}

.saved__card {
  border: 1px solid #e0e0e0;
  background: #f2f2f2;
  border-radius: 3px;
  transition: border-color 0.3s;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 15px 20px;
}
.saved__card + .saved__card {
  margin-top: 15px;
}
.saved__card.selected {
  border: 1px solid #30d35e;
  padding-right: 65px;
  background: #f2f2f2 url("/img/icons/bi_check.svg") calc(100% - 20px) center no-repeat;
}
.saved__card-list {
  margin: 20px 0 60px;
  max-width: 375px;
}
.saved__card-type {
  flex: 0 0 40px;
  min-width: 40px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.saved__card-type.master {
  background-image: url("/img/icons/mc.png");
}
.saved__card-type.visa {
  background-image: url("/img/icons/visa.png");
}
.saved__card-type.mir {
  background-image: url("/img/icons/mir.png");
}
.saved__card-number {
  flex: 1;
  white-space: nowrap;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  margin-left: 20px;
}
.saved__card-remove {
  flex: 0;
  white-space: nowrap;
  padding-left: 20px;
  text-align: right;
  font-weight: 400;
  font-size: 11px;
  line-height: 100%;
  color: #81867e;
  cursor: pointer;
}

.form__block {
  max-width: 400px;
  padding: 40px 50px;
  margin: 0 auto;
  background-color: #fff;
}
.form__block._600 {
  max-width: 600px;
}
.form__block .h2 {
  text-align: center;
}
.form__block button {
  display: block;
  width: 100%;
}
.form__block .profile__field + .profile__field {
  margin-top: 15px;
}
.form__block-300 {
  max-width: 300px;
  margin: 0 auto;
}
.form__block-forgot {
  text-align: center;
  display: block;
  color: #9D2016;
}
.form__block-register {
  display: block;
  width: 100%;
  margin-top: 20px;
}
.form__block-text {
  font-weight: 400;
  font-size: 15px;
  line-height: 150%;
  color: #81867e;
  margin-bottom: 40px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .form__block {
    padding: 30px;
  }
}
@media screen and (max-width: 479px) {
  .form__block {
    padding: 30px 20px;
  }
}

.form-wrapper {
  margin-top: 60px;
  display: flex;
  flex-direction: row;
}
.form-wrapper h4,
.form-wrapper .h4 {
  color: #fff;
  text-align: left;
}
.form-wrapper > * {
  flex: 1 1 50%;
}
.form-wrapper > *:first-child {
  margin-right: 40px;
}
@media screen and (max-width: 870px) {
  .form-wrapper {
    flex-direction: column;
    max-width: 430px;
    width: 100%;
    margin: 0 auto;
  }
  .form-wrapper > *:first-child {
    margin-right: 0;
    margin-bottom: 40px;
  }
}

nav {
  height: 70px;
  background: rgba(157, 32, 22, 1);
  font-weight: 600;
  text-transform: uppercase;
  position: fixed;
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
nav .cart-link {
  border-top: 1px solid #dbb65f;
  border-bottom: 1px solid #dbb65f;
  padding: 20px 0;
}
nav .cart-link span {
  position: relative;
}
nav .cart-link span sup {
  position: absolute;
  top: -10px;
  right: -10px;
  height: 14px;
  width: 14px;
  text-align: center;
  padding-top: 1px;
  line-height: normal;
  border-radius: 50%;
  background: #6b4f04;
  color: #ebd79b;
  font-size: 9px;
  overflow: hidden;
}
nav .icons {
  display: flex;
}
nav .icon {
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center center;
  border: 0;
  outline: none;
}
nav .icon.cart {
  background-image: url("/img/icons/cart.svg");
  margin-right: 20px;
  position: relative;
}
nav .icon.cart sup {
  position: absolute;
  top: -10px;
  right: -10px;
  height: 14px;
  width: 14px;
  text-align: center;
  padding-top: 1px;
  line-height: normal;
  border-radius: 50%;
  background: #6b4f04;
  color: #ebd79b;
  font-size: 9px;
  overflow: hidden;
}
nav .icon.user {
  background-image: url("/img/icons/user.png");
}
nav .logo {
  margin-top: 9px;
}
nav .logo img {
  width: 165px;
}
nav .wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
nav aside {
  display: flex;
  height: 70px;
  align-items: center;
}
nav aside a {
  color: #fff;
  margin-left: 16px;
  white-space: nowrap;
}
nav aside a:first-child {
  margin-left: 0;
}
nav aside a:last-child {
  margin-left: 41px;
}
nav .mobile {
  display: none;
}
@media screen and (max-width: 950px) {
  nav {
    /*
    .mobile:hover+aside,
    aside:hover {
      transform: translateX(0);
    }*/
  }
  nav .icons {
    display: none;
  }
  nav aside {
    position: absolute;
    top: 100%;
    right: 0;
    padding: 25px 18px 25px 40px;
    flex-direction: column;
    align-items: stretch;
    background: linear-gradient(180deg, #eec049 0%, #ffde8a 100%);
    height: auto;
    border-left: 1px solid rgba(201, 113, 84, 0.8);
    border-bottom: 1px solid rgba(201, 113, 84, 0.8);
    box-shadow: -5px 5px 15px rgba(201, 113, 84, 0.3);
    z-index: 9;
    transform: translateX(105%);
    transition: 0.3s transform;
  }
  nav aside a {
    display: block;
    color: #6b4f04;
    margin: 0 0 10px;
    text-align: right;
    padding: 5px 0;
  }
  nav .mobile.open + aside {
    transform: translateX(0);
  }
  nav .mobile {
    display: block;
  }
}

.page-cart nav aside {
  padding-right: 30px;
}

.breadcumbs {
  display: flex;
  color: #959187;
}
.breadcumbs a {
  color: #959187;
}
.breadcumbs span {
  display: inline-block;
}
.breadcumbs span:before {
  content: "";
  width: 6px;
  height: 8px;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nNycgaGVpZ2h0PScxNycgdmlld0JveD0nMCAwIDcgMTcnIGZpbGw9J25vbmUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTEgMTIuNTAxMkw0LjI0NDE3IDkuMjVMMSA1Ljk5ODc1TDEuOTk4NzUgNUw2LjI0ODc1IDkuMjVMMS45OTg3NSAxMy41TDEgMTIuNTAxMlonIGZpbGw9JyM5NTkxODcnLz48L3N2Zz4=") 11px 50% no-repeat;
  padding-left: 27px;
}
.breadcumbs span:first-child:before {
  background: none;
  padding-left: 0;
}

.categories-list main {
  display: flex;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #fff;
}
.categories-list main:first-child {
  margin-top: 0px;
}
.categories-list main > div {
  padding: 20px 40px;
}
.categories-list main > a,
.categories-list main figure {
  flex: 0 0 200px;
  background-position: center center;
  background-size: cover;
}
.categories-list main span {
  color: #9D2016;
}
.categories-list main h3,
.categories-list main .h3 {
  margin-top: 10px;
  margin-bottom: 5px;
}
.categories-list main p {
  margin-bottom: 20px;
  color: #959187;
  font-size: 15px;
}
.categories-list a.toggle-category {
  position: relative;
  padding-right: 35px;
  margin-right: 20px;
}
.categories-list a.toggle-category:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  right: 15px;
  top: 14px;
  border-bottom: 2px solid #9D2016;
  border-right: 2px solid #9D2016;
  transform: rotateZ(45deg);
}
.categories-list .opened a.toggle-category:after {
  transform: rotateZ(225deg);
  top: 21px;
}
.categories-list a.toggle-category:before {
  content: "Развернуть";
}
.categories-list .opened a.toggle-category:before {
  content: "Свернуть";
}
.categories-list main + .prayers {
  display: none;
  transition: 0.3s;
}
.categories-list main.opened + .prayers {
  display: grid;
}
.categories-list .button.mobile {
  color: #9D2016;
  border-color: #9D2016;
  box-shadow: 0 0 3px rgba(201, 113, 84, 0.5);
}
@media screen and (max-width: 767px) {
  .categories-list main > div {
    padding: 20px;
  }
}
@media screen and (max-width: 600px) {
  .categories-list main {
    display: block;
  }
  .categories-list main > a,
  .categories-list main figure {
    display: none;
  }
}
@media screen and (max-width: 479px) {
  .categories-list main {
    position: relative;
    min-height: 250px;
  }
  .categories-list main:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(0deg, #9D2016 0%, rgba(234, 67, 53, 0) 97.7%);
    z-index: 1;
  }
  .categories-list main > a,
  .categories-list main figure {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
  }
  .categories-list main > div {
    position: absolute;
    text-align: center;
    z-index: 2;
    left: 0;
    bottom: 0;
    right: 0;
  }
  .categories-list main h3,
  .categories-list main .h3 {
    color: #fff;
    margin-top: 0;
    margin-bottom: 10px;
  }
  .categories-list .button,
  .categories-list span,
  .categories-list p {
    display: none;
  }
  .categories-list .button.mobile {
    display: inline-block;
    color: #fff;
    border-color: #fff;
  }
}

.category-banner {
  display: flex;
  align-items: center;
  background: url("/img/bg/banner.jpg") center center no-repeat;
  background-size: cover;
  padding: 70px;
  margin-bottom: 20px;
}
.category-banner h2,
.category-banner .h2,
.category-banner p {
  color: #fff;
}
.category-banner h2,
.category-banner .h2 {
  margin-bottom: 10px;
}
.category-banner main {
  flex: 80% 1 1;
}
.category-banner aside {
  padding-left: 70px;
}
@media screen and (max-width: 991px) {
  .category-banner {
    padding: 40px;
  }
}
@media screen and (max-width: 767px) {
  .category-banner {
    display: block;
    padding: 30px;
  }
  .category-banner > * {
    text-align: center;
  }
  .category-banner aside {
    padding-top: 32px;
    padding-left: 0;
  }
}
@media screen and (max-width: 479px) {
  .category-banner {
    padding: 20px;
  }
}

.cart-list .breadcumbs {
  margin-bottom: 40px;
}

.goods main.weekly .only-weekly {
  display: block;
}
.goods main {
  margin-bottom: 20px;
  background-color: #fff;
  padding: 20px 30px;
  position: relative;
}
.goods main .only-weekly {
  display: none;
}
.goods main article {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.goods main .actions {
  display: flex;
  align-items: center;
  margin-top: 25px;
}
.goods main .actions span {
  font-size: 12px;
  color: #aaa;
  max-width: 300px;
  line-height: 13px;
}
.goods main .actions > *:first-child {
  margin-right: 30px;
}
.goods main .names {
  color: #9D2016;
  padding: 0 20px;
  flex: 30% 0 1;
}
.goods main em {
  color: #959187;
  font-style: normal;
  font-size: 13px;
  display: block;
  line-height: 1.2em;
  margin-top: 10px;
}
.goods main em:before {
  content: "✓ ";
  font-size: 10px;
}
.goods main a.remove {
  top: 8px;
  right: 8px;
}
.goods main .goods__price {
  text-align: right;
}
.main-prayer-tariff p {
    color: #000000;
}
.goods main .goods__price .only-weekly {
  font-size: 12px;
  color: #aaa;
}
@media screen and (max-width: 767px) {
  .goods main {
    padding: 20px 20px 25px;
    /*
    a.remove {
      background: transparent;
      top: auto;
      left: auto;
      right: 20px;
      bottom: 20px;
      width: auto;
      height: auto;
      border: 1px solid #d6d6d6;
      color: #d6d6d6;
      padding: 10px 15px;

      &:before {
        content: "Удалить";
      }
    } */
  }
  .goods main article {
    display: block;
  }
  .goods main .goods__price {
    text-align: left;
  }
  .goods main .actions {
    display: block;
  }
  .goods main .actions > *:first-child {
    margin-right: 0px;
    margin-bottom: 30px;
  }
  .goods main .actions a {
    display: block;
  }
  .goods main .names {
    padding: 10px 0 20px;
  }
}

div.popups main.popup3.popup_sbp_qr_code {
    margin-top: 20vh;
}
div.popups main.popup3.popup_sbp_link {
    margin-top: 10vh;
}

.btn-pay--sbp {
    margin: 0 2px;
    color: #4c3849;
    font: 400 13px/17px 'PT Sans',sans-serif;
    min-width: 140px;
    max-width: 250px;
    padding: 12px 20px 10px 20px;
    display: inline;
    align-items: center;
    justify-content: center;
    width: 100%;
    flex: 1 1 auto;
    background-color: #1d1346;
    border: 1px solid #eceaec;
    border-radius: 50px;
    height: 50px;
}

.btn-pay--sber {
    margin: 0 2px;
    color: #4c3849;
    font: 400 13px/17px 'PT Sans',sans-serif;
    min-width: 140px;
    max-width: 250px;
    padding: 12px 20px 10px 20px;
    display: inline;
    align-items: center;
    justify-content: center;
    width: 100%;
    flex: 1 1 auto;
    background-color: #21A038;
    border: 1px solid #eceaec;
    border-radius: 50px;
    height: 50px;
}

@media screen and (max-width: 600px) {
    .btn-pay-area {
        margin: 15px;
    }
    .btn-pay-area .btn-pay--sbp {
        max-width: inherit;
        min-width: inherit;
        flex: 1 1 auto;
    }
    .btn-pay-area .btn-pay--sber {
        max-width: inherit;
        min-width: inherit;
        flex: 1 1 auto;
        margin-top: 10px;
    }
}

.btn-pay-area {
    margin-top: 10px;
}

.btn-pay-area button:disabled{
    background-color: #DCDCDC;
}

.popup_sbp_qr_code .qr-code-image{
    text-align: center;
}
.popup_sbp_link a {
    height: 50px;
    background:#f4f2f4;
    border-radius: 8px;
    padding: 10px;
    margin: 10px;
    display: block;
    color: #000000;
}
.popup_sbp_link a img{
    height: 30px;
    display: block;
    margin-right: 10px;
    float: left;
}
.agree_cookie {
    transform: translateY(0);
    opacity: 1;
    visibility: hidden;
    z-index: 10001;
    bottom: 0;
    left: 0;
    position: fixed;
    width: 100%;
    border-top: 2px solid #9D2016;
    transition: transform .3s,opacity .3s;
    background-color: #F4F3EF;
}

.agree_cookie_text {
    display: inline-block;
    margin: 20px;
}

.agree_cookie_text a {
    color: #9D2016;
}

@media screen and (min-width: 1025px) {
    .agree_cookie_text {
        width: 750px;
    }
    .agree_cookie_button_block {
        display: inline-block;
        float: right;
        padding: 15px 30px 0 0;
    }
}

@media screen and (max-width: 1025px) {
    .agree_cookie_button_block {
        display: block;
        text-align: center;
    }
    .agree_cookie_button {
        margin: 15px auto 15px auto;
    }
}

.agree_cookie_button {
    padding: 0 15px;
    line-height: 50px;
    display: block;
    border: 0;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 6px;
    background-color: #6bb012;
    color: #fff;
}

.order-agree-mailing {
    padding: 15px 0 0 0;
}

.order-pay-agree {
    padding: 15px 0 0 0;
}
#order-pay-agree-error {
    font-size: 13px;
    font-weight: 400;
}

.error-small {
    font-size: 14px;
}
.btn-max {
    background: #60B6E0;
}

.btn-max_help {
    position: fixed !important;
    height: 58px;
    width: 280px;
    right: 26px;
    bottom: 50px !important;
    z-index: 10000;
}

.btn-max_help_text {
    background:linear-gradient(135deg, #00D4FF, #7B68EE, #8B00FF);
    border-radius: 8px;
    width: 205px;
    height: 40px;
    float: left;
    margin-top: 12px;
    justify-content: center;
    align-items: center;
    text-align: center;
    display: flex;
}

.btn-max_help_text a {
    color: #ffffff;
}

@media (max-width: 575px) {
    .btn-max_help_text {
        display: none;
    }

    .btn-max_help {
        width: 80px;
    }

}

.btn-max_help_icon {
    float: right;
    position: relative;
}

.btn-max_help_icon a {
    display: block;
}