/* Start:/local/templates/eshop_bootstrap_v4/css/template_styles.css?1778857924127532*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
picture,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  font-family: "Rubik", sans-serif;
  font-style: normal;
  font-weight: 400;
}
body {
  background: #341e55;
  color: #ffffff;
  font-family: "Rubik", sans-serif;
  font-style: normal;
  font-weight: 400;
  padding: 0;
  margin: 0;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

*,
a:focus {
  outline: none !important;
  text-decoration: none;
}

*,
::before,
::after {
  box-sizing: content-box;
  outline: none;
}

a {
  -webkit-transition: all 0.5s ease-out 0.1s;
  -moz-transition: all 0.5s ease-out 0.1s;
  -o-transition: all 0.5s ease-out 0.1s;
  transition: all 0.5s ease-out 0.1s;
  text-decoration: none;
  color: #fff300;
}

img {
  vertical-align: middle;
}

a:hover {
  color: #fff300 !important;
  opacity: 0.8;
}

ol,
ul {
  list-style: none;
  margin: 0;
}

.contener {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px 0 15px;
}

h1 {
  font-weight: 500;
  font-size: 48px;
  color: #fff300;
  padding: 68px 0 68px 0;
  margin: 0;
}

h2 {
  font-weight: 500;
  font-size: 48px;
  color: #fff300;
  padding: 68px 0 68px 0;
  margin: 0;
}

p {
  font-weight: 300;
  font-size: 20px;
  color: #ffffff;
  margin-bottom: 24px;
  line-height: 1.6;
}

input[type="text"],
input[type="password"],
textarea {
  width: 330px;
  height: 56px;
  border: 2px solid #8a5be1;
  font-weight: 300;
  font-size: 20px;
  text-align: center;
  color: #ffffff;
  margin: 0;
  max-width: 100%;
  margin-top: 18px;
  margin-bottom: 32px;
  background: transparent;
  font-family: "Rubik", sans-serif;
}

textarea {
  background: transparent;
  font-family: "Rubik", sans-serif;
}

input[type="text"]::placeholder {
  color: #473381;
}

input[type="text"]::-webkit-input-placeholder {
  color: #473381;
}

input[type="text"]::-moz-placeholder {
  color: #473381;
}

input[type="text"]:-moz-placeholder {
  color: #473381;
}

input[type="text"]:-ms-input-placeholder {
  color: #473381;
}

input[type="text"]:focus::-webkit-input-placeholder {
  color: transparent;
}

input[type="text"]:focus::-moz-placeholder {
  color: transparent;
}

input[type="text"]:focus:-moz-placeholder {
  color: transparent;
}

input[type="text"]:focus:-ms-input-placeholder {
  color: transparent;
}

input[type="password"]::placeholder {
  color: #473381;
}

input[type="password"]::-webkit-input-placeholder {
  color: #473381;
}

input[type="password"]::-moz-placeholder {
  color: #473381;
}

input[type="password"]:-moz-placeholder {
  color: #473381;
}

input[type="password"]:-ms-input-placeholder {
  color: #473381;
}

input[type="password"]:focus::-webkit-input-placeholder {
  color: transparent;
}

input[type="password"]:focus::-moz-placeholder {
  color: transparent;
}

input[type="password"]:focus:-moz-placeholder {
  color: transparent;
}

input[type="password"]:focus:-ms-input-placeholder {
  color: transparent;
}

input[type="submit"]:hover,
input[type="button"]:hover,
button:hover {
  color: #fff300;
  background: #8a5be1;
  border-color: #8a5be1;
}

input[type="submit"].main-profile-submit {
  margin-top: 30px;
}

input[type="submit"].main-profile-submit:hover {
  color: #fff300;
  background: #8a5be1;
  border-color: #8a5be1;
  opacity: 0.8;
}

header {
  min-height: 80px;
  background: #473381;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 300;
  opacity: 0.95;
}

header .profile-header {
  height: 40px;
  background: #8a5be1;
}

header .profile-header .profile-menu {
  display: grid;
  grid-template-rows: auto;
  grid-auto-flow: column;
  grid-template-columns: repeat(auto-fit, minmax(20px, max-content));
  grid-column-gap: 70px;
  justify-content: center;
  align-items: center;
  height: 40px;
}

header .profile-header .profile-menu li {
}

header .profile-header .profile-menu li a {
  font-weight: 300;
  font-size: 20px;
  color: #ffffff;
}

header .profile-header .profile-menu li a.active {
  color: #fff300;
}

main {
  padding-top: 80px;
  padding-bottom: 106px;
}

.header-grid {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 160px 1fr 86px max-content;
  grid-column-gap: 45px;
  align-items: center;
  height: 80px;
}

.logo-block {
  width: 160px;
  height: 46px;
}

.logo-block:hover {
  opacity: 1;
}

.logo-block img {
  width: 160px;
  height: 46px;
}

.menu {
  display: grid;
  grid-template-rows: auto;
  grid-auto-flow: column;
  justify-content: space-between;
  grid-template-columns: repeat(auto-fit, minmax(20px, max-content));
  grid-column-gap: 22px;
  margin: 0;
  padding: 0 18px 0 18px;
}

.menu li a {
  font-style: normal;
  font-weight: 400;
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #ffffff;
}

.header-soc {
  width: 66px;
  display: grid;
  grid-template-rows: auto;
  grid-auto-flow: column;
  /* grid-template-columns: 30px 30px;*/
  grid-column-gap: 10px;
  justify-content: space-around;
  border-left: 1px solid rgba(196, 196, 196, 0.5);
  border-right: 1px solid rgba(196, 196, 196, 0.5);
  height: 58px;
  padding-left: 10px;
  padding-right: 10px;
  align-items: center;
}

.header-soc a {
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
}

.header-soc .telegram {
  background-image: url("/local/templates/eshop_bootstrap_v4/css/protein/images/header-telegram.svg");
}

.header-soc .vk {
  background-image: url("/local/templates/eshop_bootstrap_v4/css/protein/images/header-vk.svg");
}

.header-soc .vk:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='29' height='30' viewBox='0 0 29 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.3207 0.839355C6.4613 0.839355 0.0899658 7.21069 0.0899658 15.0701C0.0899658 22.9296 6.4613 29.3009 14.3207 29.3009C22.1802 29.3009 28.5515 22.9296 28.5515 15.0701C28.5515 7.21069 22.1802 0.839355 14.3207 0.839355ZM15.4794 19.5619C15.3391 19.7098 15.0651 19.7397 15.0651 19.7397H14.1579C14.1579 19.7397 12.1563 19.8577 10.393 18.0562C8.47014 16.0907 6.7722 12.1911 6.7722 12.1911C6.7722 12.1911 6.6742 11.9353 6.78037 11.8122C6.8999 11.673 7.22582 11.6642 7.22582 11.6642L9.39446 11.6504C9.39446 11.6504 9.59863 11.6832 9.74489 11.7888C9.8659 11.8763 9.93347 12.0388 9.93347 12.0388C9.93347 12.0388 10.2839 12.909 10.7479 13.696C11.6544 15.233 12.0761 15.5689 12.3835 15.4042C12.8319 15.1645 12.6975 13.2318 12.6975 13.2318C12.6975 13.2318 12.7057 12.5307 12.4718 12.2181C12.2907 11.9761 11.9492 11.9054 11.7984 11.8858C11.6759 11.8697 11.8764 11.5913 12.1363 11.4667C12.5268 11.2794 13.2157 11.2685 14.0302 11.2765C14.665 11.2831 14.8476 11.3217 15.0956 11.3807C15.6711 11.5171 15.6531 11.9539 15.6143 12.8968C15.6027 13.1788 15.5893 13.506 15.5893 13.884C15.5893 13.969 15.5868 14.0595 15.5842 14.1527C15.5707 14.6357 15.5553 15.1889 15.8796 15.3948C16.0459 15.4997 16.452 15.4101 17.4684 13.7164C17.9502 12.9133 18.311 11.9696 18.311 11.9696C18.311 11.9696 18.3905 11.8012 18.513 11.7291C18.6385 11.6555 18.8077 11.6781 18.8077 11.6781L21.09 11.6642C21.09 11.6642 21.776 11.5833 21.8866 11.888C22.0031 12.2064 21.6304 12.9512 20.6979 14.1712C19.8134 15.3287 19.3829 15.7549 19.4225 16.1318C19.4513 16.4073 19.7311 16.6564 20.2681 17.1453C21.389 18.1668 21.6894 18.7043 21.7616 18.8334C21.7676 18.8441 21.772 18.852 21.7752 18.8571C22.2778 19.6755 21.2176 19.7397 21.2176 19.7397L19.1901 19.7674C19.1901 19.7674 18.755 19.8519 18.1819 19.4657C17.8816 19.2635 17.5882 18.9333 17.3088 18.6188C16.882 18.1386 16.4878 17.6949 16.1513 17.7997C15.5863 17.9761 15.6034 19.1705 15.6034 19.1705C15.6034 19.1705 15.6079 19.4263 15.4794 19.5619Z' fill='%23FFF300'/%3e%3c/svg%3e ");
}

.header-soc .instagram {
  background-image: url("/local/templates/eshop_bootstrap_v4/css/protein/images/header-instagram.svg");
}

.header-soc .instagram:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.7823 0.839355C6.92285 0.839355 0.551514 7.21069 0.551514 15.0701C0.551514 22.9296 6.92285 29.3009 14.7823 29.3009C22.6417 29.3009 29.0131 22.9296 29.0131 15.0701C29.0131 7.21069 22.6417 0.839355 14.7823 0.839355ZM11.6531 7.52547C12.4627 7.48862 12.7214 7.47961 14.7827 7.47961H14.7803C16.8422 7.47961 17.0999 7.48862 17.9095 7.52547C18.7175 7.56247 19.2694 7.69039 19.7532 7.87808C20.2529 8.07178 20.6751 8.3311 21.0972 8.75328C21.5194 9.17515 21.7787 9.5986 21.9732 10.0978C22.1598 10.5804 22.2879 11.1319 22.3258 11.9399C22.3622 12.7495 22.3717 13.0082 22.3717 15.0694C22.3717 17.1307 22.3622 17.3888 22.3258 18.1983C22.2879 19.006 22.1598 19.5577 21.9732 20.0405C21.7787 20.5395 21.5194 20.9629 21.0972 21.3848C20.6755 21.807 20.2527 22.0669 19.7537 22.2608C19.2708 22.4485 18.7186 22.5764 17.9106 22.6134C17.101 22.6502 16.8431 22.6593 14.7817 22.6593C12.7206 22.6593 12.4621 22.6502 11.6525 22.6134C10.8446 22.5764 10.293 22.4485 9.81006 22.2608C9.31119 22.0669 8.88774 21.807 8.46603 21.3848C8.044 20.9629 7.78468 20.5395 7.59067 20.0403C7.40314 19.5577 7.27522 19.0062 7.23806 18.1982C7.20137 17.3886 7.1922 17.1307 7.1922 15.0694C7.1922 13.0082 7.20169 12.7493 7.2379 11.9397C7.27427 11.1321 7.40235 10.5804 7.59051 10.0976C7.785 9.5986 8.04432 9.17515 8.4665 8.75328C8.88837 8.33125 9.31182 8.07193 9.81101 7.87808C10.2936 7.69039 10.8451 7.56247 11.6531 7.52547Z' fill='%23FFF300'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.1021 8.84711C14.2343 8.84691 14.3765 8.84697 14.53 8.84704L14.783 8.84711C16.8095 8.84711 17.0497 8.85439 17.8499 8.89075C18.5899 8.92459 18.9915 9.04824 19.2591 9.15213C19.6133 9.28969 19.8658 9.45414 20.1313 9.71978C20.3969 9.98543 20.5614 10.2384 20.6993 10.5926C20.8031 10.8598 20.927 11.2615 20.9606 12.0015C20.997 12.8016 21.0049 13.0419 21.0049 15.0674C21.0049 17.093 20.997 17.3333 20.9606 18.1334C20.9268 18.8734 20.8031 19.2751 20.6993 19.5423C20.5617 19.8965 20.3969 20.1487 20.1313 20.4142C19.8656 20.6798 19.6134 20.8443 19.2591 20.9818C18.9919 21.0862 18.5899 21.2095 17.8499 21.2434C17.0498 21.2797 16.8095 21.2876 14.783 21.2876C12.7563 21.2876 12.5162 21.2797 11.7161 21.2434C10.9761 21.2092 10.5744 21.0855 10.3067 20.9817C9.95254 20.8441 9.69954 20.6796 9.4339 20.414C9.16826 20.1484 9.00381 19.896 8.86593 19.5416C8.76204 19.2744 8.63823 18.8728 8.60455 18.1328C8.56819 17.3327 8.56091 17.0924 8.56091 15.0656C8.56091 13.0388 8.56819 12.7997 8.60455 11.9996C8.63839 11.2596 8.76204 10.8579 8.86593 10.5904C9.00349 10.2362 9.16826 9.98321 9.4339 9.71757C9.69954 9.45193 9.95254 9.28748 10.3067 9.1496C10.5743 9.04524 10.9761 8.9219 11.7161 8.88791C12.4162 8.85628 12.6876 8.8468 14.1021 8.84521V8.84711ZM18.8344 10.1081C18.3316 10.1081 17.9237 10.5156 17.9237 11.0185C17.9237 11.5214 18.3316 11.9293 18.8344 11.9293C19.3373 11.9293 19.7452 11.5214 19.7452 11.0185C19.7452 10.5157 19.3373 10.1078 18.8344 10.1078V10.1081ZM10.8851 15.0701C10.8851 12.9177 12.6302 11.1725 14.7827 11.1724C16.9352 11.1724 18.6799 12.9176 18.6799 15.0701C18.6799 17.2226 16.9353 18.967 14.7828 18.967C12.6303 18.967 10.8851 17.2226 10.8851 15.0701Z' fill='%23FFF300'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.7826 12.5405C16.1798 12.5405 17.3126 13.6732 17.3126 15.0705C17.3126 16.4676 16.1798 17.6004 14.7826 17.6004C13.3853 17.6004 12.2527 16.4676 12.2527 15.0705C12.2527 13.6732 13.3853 12.5405 14.7826 12.5405V12.5405Z' fill='%23FFF300'/%3e%3c/svg%3e ");
}

.header-user {
  width: 210px;
  display: grid;
  grid-template-rows: auto;
  grid-auto-flow: column;
  grid-template-columns: max-content max-content;
  grid-column-gap: 10px;
  justify-content: space-between;
}

.header-user a {
  height: 30px;
  background-repeat: no-repeat;
  background-position: left center;
  display: block;
  font-weight: 400;
  font-size: 16px;
  text-align: left;
  color: #ffffff;
  padding-left: 38px;
  line-height: 1.9;
}

.header-user .lk {
  background-image: url("/local/templates/eshop_bootstrap_v4/css/protein/images/lk.svg");
}

.header-user .lk:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='29' height='29' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0)'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.0129 14.0703C28.0129 21.8023 21.7449 28.0703 14.0129 28.0703C6.28095 28.0703 0.0129395 21.8023 0.0129395 14.0703C0.0129395 6.33833 6.28095 0.0703125 14.0129 0.0703125C21.7449 0.0703125 28.0129 6.33833 28.0129 14.0703ZM17.2528 9.13367C17.2528 10.9166 15.8075 12.3619 14.0246 12.3619C12.2417 12.3619 10.7963 10.9166 10.7963 9.13367C10.7963 7.35077 12.2417 5.90545 14.0246 5.90545C15.8075 5.90545 17.2528 7.35077 17.2528 9.13367ZM12.0151 13.2401C9.80595 13.2401 8.01509 15.0309 8.01509 17.2401V21.3H20.012V17.2401C20.012 15.0309 18.2212 13.2401 16.012 13.2401H12.0151Z' fill='%23FFF300'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0'%3e%3crect width='28' height='28' fill='white' transform='translate(0.0129395 0.0703125)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
}

.header-user .cart {
  background-image: url("/local/templates/eshop_bootstrap_v4/css/protein/images/cart.svg");
  position: relative;
}

.header-user .cart:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='29' height='29' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.0129 28.0703C21.7449 28.0703 28.0129 21.8023 28.0129 14.0703C28.0129 6.33833 21.7449 0.0703125 14.0129 0.0703125C6.28095 0.0703125 0.0129395 6.33833 0.0129395 14.0703C0.0129395 21.8023 6.28095 28.0703 14.0129 28.0703ZM21.0221 11.4839H23.0246C23.9029 11.4639 23.9029 12.7919 23.0246 12.7725H21.3177V18.3847C21.3177 20.0379 19.971 21.3894 18.3215 21.3894H9.70464C8.05513 21.3894 6.70845 20.0372 6.70845 18.3847V12.7725H5.00575C4.16497 12.7973 4.1003 11.5467 4.93926 11.4839H7.00946L9.95125 7.04607C10.0667 6.86716 10.2625 6.75594 10.4747 6.75171C11.0018 6.73539 11.3251 7.32412 11.0272 7.75931L8.5544 11.4839H19.4772L17.0044 7.75931C16.7125 7.33197 17.0201 6.75111 17.5382 6.75171C17.757 6.75171 17.9613 6.86112 18.0803 7.04607L21.0221 11.4839ZM10.8809 18.2626C11.2369 18.2626 11.5258 17.9749 11.5258 17.6177L11.5252 15.2543C11.5294 14.8989 11.2441 14.607 10.8887 14.6034C10.8843 14.6029 10.8798 14.6031 10.8755 14.6032C10.8734 14.6033 10.8714 14.6034 10.8694 14.6034C10.5152 14.6094 10.2329 14.9001 10.2365 15.2543V17.6177C10.2365 17.9737 10.5249 18.2626 10.8809 18.2626ZM14.6598 17.6219V17.6177V15.2549C14.6641 14.8995 14.3788 14.6076 14.0227 14.604C14.0183 14.6036 14.0142 14.6037 14.01 14.6038C14.0078 14.6039 14.0056 14.604 14.0034 14.604C13.6492 14.61 13.3669 14.9007 13.3712 15.2549V17.6183C13.37 17.9749 13.6583 18.2638 14.0137 18.2644C14.3697 18.265 14.6592 17.9779 14.6598 17.6219ZM17.7944 17.6225V17.6177V15.2549C17.7981 14.8995 17.5128 14.6076 17.1567 14.604C17.1528 14.6036 17.1488 14.6037 17.1446 14.6038C17.1425 14.6039 17.1403 14.604 17.138 14.604C16.7838 14.61 16.5015 14.9007 16.5052 15.2549V17.6183C16.5046 17.9749 16.7917 18.2644 17.1477 18.265C17.5037 18.2656 17.7932 17.9785 17.7944 17.6225Z' fill='%23FFF300'/%3e%3c/svg%3e ");
}

.header-user .cart b {
  width: 9px;
  height: 9px;
  background: #ff2f00;
  border-radius: 5px;
  display: block;
  position: absolute;
  top: 0;
  right: auto;
  left: 21px;
}

.main-top-slider {
  height: 100vh;
}

.main-top-slider-bg {
  height: 100vh;
  background-repeat: no-repeat;
  background-position: center center;
}

.main-top-slider-text {
  padding-top: 160px;
  width: 100%;
  max-width: 530px;
}

.main-top-slider h3 {
  font-weight: 700;
  font-size: 80px;
  text-transform: uppercase;
  color: #ffffff;
  line-height: 1;
  margin-bottom: 34px;
}

.main-top-slider h3 span {
  display: block;
  color: #fff300;
  font-weight: 700;
}

.main-top-slider p {
  font-weight: 400;
  font-size: 32px;
  line-height: 38px;
  color: #f2f2f2;
}

.main-top-slider-button {
  font-weight: 500;
  font-size: 26px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #ffffff;
  width: 214px;
  height: 64px;
  border: 2px solid #8a5be1;
  border-radius: 40px;
  justify-content: center;
  margin-top: 36px;
}

.main-top-slider-button:hover {
  color: #fff300 !important;
  background: #8a5be1;
  border-color: #8a5be1;
}

.main-top-slider .slick-prev,
.main-top-slider .slick-next {
  width: 48px;
  height: 48px;
  border: 2px solid #8a5be1;
  border-radius: 24px;
  z-index: 1;
  background: url("/local/templates/eshop_bootstrap_v4/css/protein/images/main-top-slider-arrow.svg") left 14px center no-repeat;
  -webkit-transition: all 0.5s ease-out 0.1s;
  -moz-transition: all 0.5s ease-out 0.1s;
  -o-transition: all 0.5s ease-out 0.1s;
  transition: all 0.5s ease-out 0.1s;
  bottom: 30px;
  top: auto;
}

.main-top-slider .slick-prev:before,
.main-top-slider .slick-next:before {
  content: "";
  display: none;
}

.main-top-slider .slick-prev:hover,
.main-top-slider .slick-next:hover {
  opacity: 0.8;
  background: #fff300 url("/local/templates/eshop_bootstrap_v4/css/protein/images/main-top-slider-arrow.svg") left 14px center no-repeat;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='15' height='27' viewBox='0 0 15 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.1943 25.9292L2.06845 13.8033L14.1943 1.67743' stroke='%238A5BE1' stroke-width='2'/%3e%3c/svg%3e ");
  border: 2px solid #fff300;
}

.main-top-slider .slick-prev {
  left: calc(50% - 55px);
}

.main-top-slider .slick-next {
  right: calc(50% - 55px);
  transform: rotate(180deg);
}

.main-preim-block {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 26px;
  justify-content: space-between;
}

.main-preim-block h3 {
  font-weight: 500;
  font-size: 30px;
  color: #fff300;
  line-height: 1.1;
  margin-top: 70px;
  margin-bottom: 33px;
  display: block;
  max-width: 90%;
}

.main-preim-block p {
  font-weight: 300;
  font-size: 20px;
  color: #f2f2f2;
}

.main-preim-bg {
  background: url("/local/templates/eshop_bootstrap_v4/css/protein/images/preim-bg.jpg") center bottom no-repeat;
}

.main-sostav-block {
  border-top: 2px solid #8a5be1;
  padding-top: 68px;
  margin-top: 64px;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  justify-content: space-between;
  height: 611px;
}

.main-sostav-icon {
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 138px;
  font-weight: 500;
  font-size: 30px;
  color: #ffffff;
  display: grid;
  align-items: center;
  height: 112px;
  margin-bottom: 14px;
}

.main-sostav-icon:nth-child(1) {
  background-image: url("/local/templates/eshop_bootstrap_v4/css/protein/images/sostav-icon-1.svg");
}

.main-sostav-icon:nth-child(2) {
  background-image: url("/local/templates/eshop_bootstrap_v4/css/protein/images/sostav-icon-2.svg");
}

.main-sostav-icon:nth-child(3) {
  background-image: url("/local/templates/eshop_bootstrap_v4/css/protein/images/sostav-icon-3.svg");
}

.main-sostav-icon:nth-child(4) {
  background-image: url("/local/templates/eshop_bootstrap_v4/css/protein/images/sostav-icon-4.svg");
}

.main-sostav-procent-block {
  margin-top: -40px;
}

.main-sostav-procent-item {
  margin-bottom: 28px;
}

.main-sostav-procent-item .procent {
  font-weight: 500;
  font-size: 110px;
  color: #fff300;
  width: 280px;
  margin-left: auto;
}

.main-sostav-procent-item .name {
  font-weight: 300;
  font-size: 20px;
  color: #f2f2f2;
  width: 280px;
  margin-left: auto;
  line-height: 0.9;
  margin-bottom: 14px;
}

.main-sostav-procent-item .line-1 {
  width: 464px;
  border-top: 2px solid #8a5be1;
  margin-left: auto;
}

.main-sostav-procent-item .line-2 {
  width: 484px;
  border-top: 2px solid #8a5be1;
  margin-left: auto;
}

.main-sostav-procent-item .sostav {
  font-weight: 300;
  font-size: 14px;
  color: #ffffff;
  width: 280px;
  margin-left: auto;
  margin-top: 12px;
}

.main-prod-slider .slick-prev,
.main-prod-slider .slick-next {
  width: 64px;
  height: 65px;
  z-index: 1;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='64' height='65' viewBox='0 0 64 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M46.0251 34.3537L46.0251 30.8121L24.7752 30.8121L34.5147 21.0725L32.0002 18.5579L17.9752 32.5829L32.0001 46.6079L34.5147 44.0933L24.7752 34.3537L46.0251 34.3537Z' fill='%238A5BE1'/%3e%3c/svg%3e ");
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.5s ease-out 0.1s;
  -moz-transition: all 0.5s ease-out 0.1s;
  -o-transition: all 0.5s ease-out 0.1s;
  transition: all 0.5s ease-out 0.1s;
  bottom: auto;
  top: -112px;
}

.main-prod-slider .slick-prev:before,
.main-prod-slider .slick-next:before {
  content: "";
  display: none;
}

.main-prod-slider .slick-prev:hover,
.main-prod-slider .slick-next:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='64' height='65' viewBox='0 0 64 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M46.0251 34.3537L46.0251 30.8121L24.7752 30.8121L34.5147 21.0725L32.0002 18.5579L17.9752 32.5829L32.0001 46.6079L34.5147 44.0933L24.7752 34.3537L46.0251 34.3537Z' fill='%23FFF300'/%3e%3c/svg%3e ");
}

.main-prod-slider .slick-prev {
  right: 68px;
  left: auto;
}

.main-prod-slider .slick-next {
  right: 0;
  transform: rotate(180deg);
}

.main-sert-slider .slick-prev,
.main-sert-slider .slick-next {
  width: 48px;
  height: 48px;
  border: 2px solid #8a5be1;
  border-radius: 30px;
  z-index: 1;
  background: url("/local/templates/eshop_bootstrap_v4/css/protein/images/main-top-slider-arrow.svg") left 14px center no-repeat;
  -webkit-transition: all 0.5s ease-out 0.1s;
  -moz-transition: all 0.5s ease-out 0.1s;
  -o-transition: all 0.5s ease-out 0.1s;
  transition: all 0.5s ease-out 0.1s;
  bottom: auto;
  top: -112px;
}

.main-sert-slider .slick-prev:hover,
.main-sert-slider .slick-next:hover {
  opacity: 0.8;
  background: #fff300 url("/local/templates/eshop_bootstrap_v4/css/protein/images/main-top-slider-arrow.svg") left 14px center no-repeat;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='15' height='27' viewBox='0 0 15 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.1943 25.9292L2.06845 13.8033L14.1943 1.67743' stroke='%238A5BE1' stroke-width='2'/%3e%3c/svg%3e ");
  border: 2px solid #fff300;
}

.main-sert-slider .slick-prev:before,
.main-sert-slider .slick-next:before {
  content: "";
  display: none;
}

.main-sert-slider .slick-prev {
  right: 80px;
  left: auto;
}

.main-sert-slider .slick-next {
  right: 0;
  transform: rotate(180deg);
}

.main-sert-slider img {
  display: block;
  margin: 0 auto;
}

@media (max-width: 991px) {
  .main-sert-slider {
    margin-top: 60px;
  }

  .main-sert-slider .slick-prev,
  .main-sert-slider .slick-next {
    top: -60px;
  }

  .main-sert-slider .slick-prev {
    right: auto;
    left: calc(50% - 60px);
  }

  .main-sert-slider .slick-next {
    right: calc(50% - 60px);
    left: auto;
  }
}

.main-prod-slider {
}

.shop-item {
  position: relative;
  display: grid;
  grid-template-rows: 250px 72px 70px;
  grid-template-columns: 1fr;
  grid-gap: 20px;
  justify-content: space-between;
  width: 228px;
  height: 438px;
  border: 2px solid #8a5be1;
  padding: 48px 24px 10px 24px;
  align-items: center;
  margin: 0 auto;
  -webkit-transition: all 0.5s ease-out 0.1s;
  -moz-transition: all 0.5s ease-out 0.1s;
  -o-transition: all 0.5s ease-out 0.1s;
  transition: all 0.5s ease-out 0.1s;
}

.shop-item:hover {
  background: #8a5be1;
}

.shop-item .stiker {
  position: absolute;
  left: -2px;
  top: 15px;
  font-weight: 400;
  font-size: 22px;
  color: #ffffff;
  line-height: 1.7;
}

.shop-item .stiker * {
  margin-bottom: 5px;
}

.shop-item .stiker .sale {
  height: 38px;
  width: max-content;
  border-radius: 0px 19px 19px 0px;
  padding: 0 13px 0 8px;
  background: #ff2f00;
}

.shop-item .stiker .stock {
  height: 38px;
  width: max-content;
  border-radius: 0px 19px 19px 0px;
  padding: 0 13px 0 8px;
  background: #d7cd00;
}

.shop-item .stiker .new {
  height: 38px;
  width: max-content;
  border-radius: 0px 19px 19px 0px;
  padding: 0 13px 0 8px;
  background: #27ae60;
}

.shop-item img {
  margin: 0 auto 0 auto;
  -webkit-transition: all 0.5s ease-out 0.1s;
  -moz-transition: all 0.5s ease-out 0.1s;
  -o-transition: all 0.5s ease-out 0.1s;
  transition: all 0.5s ease-out 0.1s;
  display: block;
}

.shop-item:hover img {
  margin: -10px auto 0 auto;
}

.shop-item .item-name {
  font-weight: 500;
  font-size: 30px;
  color: #ffffff;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr max-content;
  grid-gap: 4px;
  justify-content: space-between;
  align-items: flex-start;
  height: 72px;
}

.main-prod-slider .shop-item {
  grid-template-rows: 250px 108px 70px;
  height: 470px;
}

.main-prod-slider .shop-item .item-name {
  height: 108px;
}

.shop-item .item-name:hover {
  color: #ffffff !important;
}

.shop-item .ves {
  font-weight: normal;
  font-size: 22px;
  text-align: right;
  color: #ffffff;
  display: block;
  padding-bottom: 3px;
}

.shop-item p {
  font-weight: 300;
  font-size: 20px;
  color: #ffffff;
  display: block;
  height: 82px;
  margin: 0;
}

.shop-item .price-block {
  border-top: 2px solid #8a5be1;
  font-weight: 500;
  font-size: 30px;
  color: #ffffff;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 38px 1fr;
  grid-gap: 4px;
  align-items: end;
  height: 68px;
}

.shop-item .stock_desc {
  position: absolute;
  right: 5px;
  bottom: 5px;
  font-size: 12px;
}

.shop-item .add-cart {
  background: url("/local/templates/eshop_bootstrap_v4/css/protein/images/item-cart.svg") center center no-repeat;
  width: 38px;
  height: 29px;
  margin-bottom: 12px;
  display: block;
  -webkit-transition: all 0.5s ease-out 0.1s;
  -moz-transition: all 0.5s ease-out 0.1s;
  -o-transition: all 0.5s ease-out 0.1s;
  transition: all 0.5s ease-out 0.1s;
}

.shop-item:hover .add-cart {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='38' height='29' viewBox='0 0 38 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M36.2235 9.75181H32.3777L26.728 1.14708C26.4993 0.788457 26.1069 0.576327 25.6867 0.576327C24.6919 0.575155 24.101 1.70143 24.6617 2.53003L29.4106 9.75181H8.43338L13.1823 2.53003C13.7546 1.6862 13.1336 0.544684 12.1213 0.576327C11.7139 0.584531 11.3378 0.800177 11.1161 1.14708L5.46632 9.75181C4.14646 9.75181 2.7999 9.75181 1.49049 9.75181C-0.12073 9.87369 0.00347832 12.2985 1.61819 12.2505H4.88823V23.1324C4.88823 26.3366 7.47454 28.9583 10.6424 28.9583H27.1911C30.359 28.9583 32.9454 26.3378 32.9454 23.1324V12.2505H36.2235C37.9102 12.288 37.9102 9.71313 36.2235 9.75181ZM14.14 21.6451C14.14 21.6463 14.14 21.6463 14.14 21.6451C14.14 22.3378 13.5851 22.8956 12.9014 22.8956C12.2177 22.8956 11.664 22.3354 11.664 21.6451V17.0627C11.657 16.3759 12.1991 15.8121 12.8793 15.8004C12.891 15.8004 12.9037 15.7993 12.9165 15.8004C13.5991 15.8075 14.147 16.3735 14.1388 17.0627L14.14 21.6451ZM20.1589 21.6451C20.1589 21.6486 20.1589 21.651 20.1589 21.6533C20.1577 22.3436 19.6017 22.9003 18.918 22.8991C18.2354 22.898 17.6817 22.3378 17.684 21.6463V17.0638C17.6759 16.377 18.218 15.8133 18.8982 15.8016C18.911 15.8016 18.9226 15.8004 18.9354 15.8016C19.6191 15.8086 20.167 16.3747 20.1589 17.0638V21.6451ZM26.1789 21.6451C26.1789 21.6486 26.1789 21.6522 26.1789 21.6545C26.1766 22.3448 25.6206 22.9015 24.9368 22.9003C24.2531 22.8991 23.7017 22.3378 23.7029 21.6463V17.0638C23.6959 16.377 24.238 15.8133 24.9183 15.8016C24.931 15.8016 24.9426 15.8004 24.9542 15.8016C25.638 15.8086 26.1859 16.3747 26.1789 17.0638V21.6451Z' fill='%23FFF300'/%3e%3c/svg%3e ");
}

.shop-item .old-price {
  font-weight: 400;
  font-size: 16px;
  text-align: right;
  color: #ffffff;
  text-decoration: line-through;
}

.shop-item .price {
  font-weight: 500;
  font-size: 40px;
  text-align: right;
  color: #ffffff;
  line-height: 0.9;
  padding-bottom: 8px;
}

.shop-item .price.active {
  color: #f9db43;
}

.main-vibor-block {
}

h2 {
}

.main-vibor-grid {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 30px;
  justify-content: space-between;
}

.main-vibor-item {
  display: grid;
  grid-template-rows: 132px 68px 262px 1fr;
  grid-template-columns: 1fr;
  grid-gap: 30px;
  justify-content: space-between;
}

.main-vibor-item .icon {
  width: 132px;
  height: 132px;
  border: 3px solid #8a5be1;
  border-radius: 66px;
  background-position: center center;
  background-repeat: no-repeat;
}

.main-vibor-item h3 {
  font-weight: 500;
  font-size: 30px;
  color: #ffffff;
  line-height: 1.1;
  display: block;
  width: 90%;
}

.main-vibor-item p {
  font-weight: 300;
  font-size: 20px;
  color: #ffffff;
}

.main-vibor-item a {
  font-weight: 300;
  font-size: 20px;
  color: #8a5be1;
}

.main-proizvodstvo-block {
  background: url("/local/templates/eshop_bootstrap_v4/css/protein/images/main-proizvodstvo-bg-2.jpg") center center no-repeat;
  height: 830px;
  margin-top: 68px;
}

.main-proizvodstvo-content {
  position: relative;
  height: 830px;
}

.main-proizvodstvo-content .snoska {
  position: absolute;
}

.main-proizvodstvo-content .snoska h3 {
  font-weight: 500;
  font-size: 30px;
  color: #ffffff;
  margin: 0;
  padding: 0;
}

.main-proizvodstvo-content .snoska h3 span {
  width: 38px;
  height: 38px;
  font-weight: 500;
  font-size: 30px;
  display: inline-block;
  text-align: center;
  color: #ffffff;
  border: 2px solid #fff300;
  border-radius: 21px;
  margin-right: 10px;
  line-height: 1.3;
}

.main-proizvodstvo-content .snoska p {
  font-weight: 300;
  font-size: 20px;
  color: #ffffff;
  display: block;
  padding-left: 0;
  margin-top: 30px;
}

.main-proizvodstvo-content .snoska.snoska-1 {
  top: 82px;
  left: -37px;
}

.main-proizvodstvo-content .snoska.snoska-2 {
  top: 678px;
  left: 262px;
}

.main-proizvodstvo-content .snoska.snoska-3 {
  top: 82px;
  left: 462px;
}

.main-proizvodstvo-content .snoska.snoska-4 {
  top: 742px;
  left: 762px;
}

footer {
  min-height: 580px;
  background: #473381;
}

.footer-top {
  display: grid;
  grid-template-rows: auto;
  grid-auto-flow: column;
  grid-template-columns: 1fr 382px;
  grid-column-gap: 30px;
  justify-content: space-between;
  border-bottom: 2px solid #8a5be1;
  padding: 66px 0 24px 0;
}

.footer-top h3 {
  font-weight: 500;
  font-size: 30px;
  color: #ffffff;
  margin: 0;
}

.footer-center {
  display: grid;
  grid-template-rows: auto;
  grid-auto-flow: column;
  grid-template-columns: 1fr 382px;
  grid-column-gap: 80px;
  justify-content: space-between;
  height: 375px;
  padding: 32px 0 0px;
}

.footer-left {
  display: grid;
  grid-template-rows: 1fr 98px;
  grid-auto-flow: column;
  grid-template-columns: 1fr;
  grid-row-gap: 10px;
  justify-content: space-between;
  height: 298px;
}

.footer-left p {
  font-weight: 300;
  font-size: 20px;
  color: #ffffff;
}

.footer-soc {
  display: grid;
  grid-template-rows: auto;
  grid-auto-flow: column;
  grid-template-columns: max-content 40px 35px 35px;
  grid-column-gap: 10px;
  justify-content: start;
  font-weight: 500;
  font-size: 30px;
  color: #ffffff;
  height: 98px;
}

.footer-soc a {
  width: 35px;
  height: 35px;
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  background-size: contain;
}

.footer-soc .telegram {
  background-image: url("/local/templates/eshop_bootstrap_v4/css/protein/images/footer-telegram.svg");
  margin-left: 5px;
}

.footer-soc .vk {
  background-image: url("/local/templates/eshop_bootstrap_v4/css/protein/images/header-vk.svg");
}

.footer-soc .instagram {
  background-image: url("/local/templates/eshop_bootstrap_v4/css/protein/images/header-instagram.svg");
}

.footer-soc .vk:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='29' height='30' viewBox='0 0 29 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.3207 0.839355C6.4613 0.839355 0.0899658 7.21069 0.0899658 15.0701C0.0899658 22.9296 6.4613 29.3009 14.3207 29.3009C22.1802 29.3009 28.5515 22.9296 28.5515 15.0701C28.5515 7.21069 22.1802 0.839355 14.3207 0.839355ZM15.4794 19.5619C15.3391 19.7098 15.0651 19.7397 15.0651 19.7397H14.1579C14.1579 19.7397 12.1563 19.8577 10.393 18.0562C8.47014 16.0907 6.7722 12.1911 6.7722 12.1911C6.7722 12.1911 6.6742 11.9353 6.78037 11.8122C6.8999 11.673 7.22582 11.6642 7.22582 11.6642L9.39446 11.6504C9.39446 11.6504 9.59863 11.6832 9.74489 11.7888C9.8659 11.8763 9.93347 12.0388 9.93347 12.0388C9.93347 12.0388 10.2839 12.909 10.7479 13.696C11.6544 15.233 12.0761 15.5689 12.3835 15.4042C12.8319 15.1645 12.6975 13.2318 12.6975 13.2318C12.6975 13.2318 12.7057 12.5307 12.4718 12.2181C12.2907 11.9761 11.9492 11.9054 11.7984 11.8858C11.6759 11.8697 11.8764 11.5913 12.1363 11.4667C12.5268 11.2794 13.2157 11.2685 14.0302 11.2765C14.665 11.2831 14.8476 11.3217 15.0956 11.3807C15.6711 11.5171 15.6531 11.9539 15.6143 12.8968C15.6027 13.1788 15.5893 13.506 15.5893 13.884C15.5893 13.969 15.5868 14.0595 15.5842 14.1527C15.5707 14.6357 15.5553 15.1889 15.8796 15.3948C16.0459 15.4997 16.452 15.4101 17.4684 13.7164C17.9502 12.9133 18.311 11.9696 18.311 11.9696C18.311 11.9696 18.3905 11.8012 18.513 11.7291C18.6385 11.6555 18.8077 11.6781 18.8077 11.6781L21.09 11.6642C21.09 11.6642 21.776 11.5833 21.8866 11.888C22.0031 12.2064 21.6304 12.9512 20.6979 14.1712C19.8134 15.3287 19.3829 15.7549 19.4225 16.1318C19.4513 16.4073 19.7311 16.6564 20.2681 17.1453C21.389 18.1668 21.6894 18.7043 21.7616 18.8334C21.7676 18.8441 21.772 18.852 21.7752 18.8571C22.2778 19.6755 21.2176 19.7397 21.2176 19.7397L19.1901 19.7674C19.1901 19.7674 18.755 19.8519 18.1819 19.4657C17.8816 19.2635 17.5882 18.9333 17.3088 18.6188C16.882 18.1386 16.4878 17.6949 16.1513 17.7997C15.5863 17.9761 15.6034 19.1705 15.6034 19.1705C15.6034 19.1705 15.6079 19.4263 15.4794 19.5619Z' fill='%23FFF300'/%3e%3c/svg%3e ");
}

.footer-soc .instagram:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.7823 0.839355C6.92285 0.839355 0.551514 7.21069 0.551514 15.0701C0.551514 22.9296 6.92285 29.3009 14.7823 29.3009C22.6417 29.3009 29.0131 22.9296 29.0131 15.0701C29.0131 7.21069 22.6417 0.839355 14.7823 0.839355ZM11.6531 7.52547C12.4627 7.48862 12.7214 7.47961 14.7827 7.47961H14.7803C16.8422 7.47961 17.0999 7.48862 17.9095 7.52547C18.7175 7.56247 19.2694 7.69039 19.7532 7.87808C20.2529 8.07178 20.6751 8.3311 21.0972 8.75328C21.5194 9.17515 21.7787 9.5986 21.9732 10.0978C22.1598 10.5804 22.2879 11.1319 22.3258 11.9399C22.3622 12.7495 22.3717 13.0082 22.3717 15.0694C22.3717 17.1307 22.3622 17.3888 22.3258 18.1983C22.2879 19.006 22.1598 19.5577 21.9732 20.0405C21.7787 20.5395 21.5194 20.9629 21.0972 21.3848C20.6755 21.807 20.2527 22.0669 19.7537 22.2608C19.2708 22.4485 18.7186 22.5764 17.9106 22.6134C17.101 22.6502 16.8431 22.6593 14.7817 22.6593C12.7206 22.6593 12.4621 22.6502 11.6525 22.6134C10.8446 22.5764 10.293 22.4485 9.81006 22.2608C9.31119 22.0669 8.88774 21.807 8.46603 21.3848C8.044 20.9629 7.78468 20.5395 7.59067 20.0403C7.40314 19.5577 7.27522 19.0062 7.23806 18.1982C7.20137 17.3886 7.1922 17.1307 7.1922 15.0694C7.1922 13.0082 7.20169 12.7493 7.2379 11.9397C7.27427 11.1321 7.40235 10.5804 7.59051 10.0976C7.785 9.5986 8.04432 9.17515 8.4665 8.75328C8.88837 8.33125 9.31182 8.07193 9.81101 7.87808C10.2936 7.69039 10.8451 7.56247 11.6531 7.52547Z' fill='%23FFF300'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.1021 8.84711C14.2343 8.84691 14.3765 8.84697 14.53 8.84704L14.783 8.84711C16.8095 8.84711 17.0497 8.85439 17.8499 8.89075C18.5899 8.92459 18.9915 9.04824 19.2591 9.15213C19.6133 9.28969 19.8658 9.45414 20.1313 9.71978C20.3969 9.98543 20.5614 10.2384 20.6993 10.5926C20.8031 10.8598 20.927 11.2615 20.9606 12.0015C20.997 12.8016 21.0049 13.0419 21.0049 15.0674C21.0049 17.093 20.997 17.3333 20.9606 18.1334C20.9268 18.8734 20.8031 19.2751 20.6993 19.5423C20.5617 19.8965 20.3969 20.1487 20.1313 20.4142C19.8656 20.6798 19.6134 20.8443 19.2591 20.9818C18.9919 21.0862 18.5899 21.2095 17.8499 21.2434C17.0498 21.2797 16.8095 21.2876 14.783 21.2876C12.7563 21.2876 12.5162 21.2797 11.7161 21.2434C10.9761 21.2092 10.5744 21.0855 10.3067 20.9817C9.95254 20.8441 9.69954 20.6796 9.4339 20.414C9.16826 20.1484 9.00381 19.896 8.86593 19.5416C8.76204 19.2744 8.63823 18.8728 8.60455 18.1328C8.56819 17.3327 8.56091 17.0924 8.56091 15.0656C8.56091 13.0388 8.56819 12.7997 8.60455 11.9996C8.63839 11.2596 8.76204 10.8579 8.86593 10.5904C9.00349 10.2362 9.16826 9.98321 9.4339 9.71757C9.69954 9.45193 9.95254 9.28748 10.3067 9.1496C10.5743 9.04524 10.9761 8.9219 11.7161 8.88791C12.4162 8.85628 12.6876 8.8468 14.1021 8.84521V8.84711ZM18.8344 10.1081C18.3316 10.1081 17.9237 10.5156 17.9237 11.0185C17.9237 11.5214 18.3316 11.9293 18.8344 11.9293C19.3373 11.9293 19.7452 11.5214 19.7452 11.0185C19.7452 10.5157 19.3373 10.1078 18.8344 10.1078V10.1081ZM10.8851 15.0701C10.8851 12.9177 12.6302 11.1725 14.7827 11.1724C16.9352 11.1724 18.6799 12.9176 18.6799 15.0701C18.6799 17.2226 16.9353 18.967 14.7828 18.967C12.6303 18.967 10.8851 17.2226 10.8851 15.0701Z' fill='%23FFF300'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.7826 12.5405C16.1798 12.5405 17.3126 13.6732 17.3126 15.0705C17.3126 16.4676 16.1798 17.6004 14.7826 17.6004C13.3853 17.6004 12.2527 16.4676 12.2527 15.0705C12.2527 13.6732 13.3853 12.5405 14.7826 12.5405V12.5405Z' fill='%23FFF300'/%3e%3c/svg%3e ");
}

.footer-right {
}

.footer-right ul {
  padding: 0;
}

.footer-right li {
}

.footer-right a {
  font-weight: 400;
  font-size: 32px;
  color: #ffffff;
  line-height: 1.5;
}

.footer-bottom {
  display: grid;
  grid-template-rows: auto;
  grid-auto-flow: column;
  grid-template-columns: 1fr max-content;
  grid-column-gap: 30px;
  justify-content: space-between;
  font-weight: 400;
  font-size: 16px;
  color: #ffffff;
  border-top: 2px solid #8a5be1;
  padding-top: 38px;
  min-height: 82px;
}

.oplata-block {
  border-bottom: 2px solid #8a5be1;
  padding-bottom: 68px;
}

.oplata-block h2 {
}

.oplata-grid {
  display: grid;
  grid-template-rows: auto;
  grid-auto-flow: column;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 130px;
  justify-content: space-between;
}

.oplata-grid .oplata-logo-block {
  display: grid;
  grid-template-rows: max-content max-content;
  grid-template-columns: max-content max-content;
  grid-gap: 30px;
  justify-content: start;
}

.oplata-grid .oplata-logo {
  width: 278px;
  height: 100px;
  border: 2px solid #8a5be1;
  background-position: center center;
  background-repeat: no-repeat;
}

.oplata-grid .oplata-logo.oplata-logo-1 {
  background-image: url("/local/templates/eshop_bootstrap_v4/css/protein/images/oplata-logo-1.png");
}

.oplata-grid .oplata-logo.oplata-logo-2 {
  background-image: url("/local/templates/eshop_bootstrap_v4/css/protein/images/oplata-logo-2.png");
}

.oplata-grid .oplata-logo.oplata-logo-3 {
  background-image: url("/local/templates/eshop_bootstrap_v4/css/protein/images/oplata-logo-3.png");
}

.oplata-grid .oplata-logo.oplata-logo-4 {
  background-image: url("/local/templates/eshop_bootstrap_v4/css/protein/images/oplata-logo-4.png");
}

.dostavka-block {
}

.oplata-grid .oplata-logo.dostavka-logo-1 {
  background-image: url("/local/templates/eshop_bootstrap_v4/css/protein/images/dostavka-logo-1.png");
}

.oplata-grid .oplata-logo.dostavka-logo-2 {
  background-image: url("/local/templates/eshop_bootstrap_v4/css/protein/images/dostavka-logo-2.png");
}

.oplata-grid .oplata-logo.dostavka-logo-3 {
  background-image: url("/local/templates/eshop_bootstrap_v4/css/protein/images/dostavka-logo-3.png");
}

.oplata-grid .oplata-logo.dostavka-logo-4 {
  background-image: url("/local/templates/eshop_bootstrap_v4/css/protein/images/dostavka-logo-4.png");
}

.proizvodstvo-banner {
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  width: 100%;
  max-height: auto;
  height: 100vh;
  position: relative;
  margin-top: 0;
}

.proizvodstvo-banner .block-video-cont {
  /*position: absolute;*/
  width: 100%;
  height: auto;
}

.proizvodstvo-banner .block-video-cont.horizontal video {
  /*position: absolute;*/
  width: 100%;
  height: auto;
  /*transform: translateY(-50%);*/
  top: 0;
  left: 0;
}

.proizvodstvo-banner img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.proizvodstvo-text-block {
  display: grid;
  grid-template-rows: auto;
  grid-auto-flow: column;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 130px;
  justify-content: space-between;
  margin-top: 136px;
  margin-bottom: 48px;
  margin-bottom: 48px;
  padding-bottom: 48px;
  border-bottom: 2px solid #8a5be1;
}

.proizvodstvo-text-block h1 {
  padding: 0;
}

.proizvodstvo-etap {
  display: grid;
  grid-template-rows: auto;
  grid-auto-flow: column;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 0;
  justify-content: space-between;
  margin-bottom: 32px;
  max-height: 400px;
  height: auto;
  background: #473381;
  align-items: center;
}

.proizvodstvo-etap img {
  width: 100%;
  height: auto;
  max-height: 400px;
}

.proizvodstvo-etap.proizvodstvo-etap-1 .proizvodstvo-etap-text-block {
  order: 1;
}

.proizvodstvo-etap.proizvodstvo-etap-1 .proizvodstvo-etap-image-block {
  order: 2;
}

.proizvodstvo-etap.proizvodstvo-etap-3 .proizvodstvo-etap-text-block {
  order: 1;
}

.proizvodstvo-etap.proizvodstvo-etap-3 .proizvodstvo-etap-image-block {
  order: 2;
}

.proizvodstvo-etap h3 {
  font-weight: 500;
  font-size: 30px;
  color: #f9db43;
  display: block;
  width: 100%;
  padding-bottom: 18px;
  border-bottom: 2px solid #8a5be1;
  max-width: 378px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 18px;
}

.proizvodstvo-etap p {
  max-width: 378px;
  width: 100%;
  display: block;
  margin: 0 auto;
}

.contacts-block {
  display: grid;
  grid-template-rows: auto;
  grid-auto-flow: column;
  grid-template-columns: max-content max-content max-content;
  grid-column-gap: 30px;
  justify-content: space-between;
}

.contacts-block h3 {
  font-weight: 500;
  font-size: 30px;
  color: #ffffff;
  line-height: 1.1;
  margin-bottom: 28px;
}

.contacts-block a {
  font-weight: 300;
  font-size: 20px;
  color: #ffffff;
  display: block;
}

.contacts-form-grid {
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 30px;
  justify-content: space-between;
  margin-bottom: 30px;
}

.contacts-form-grid input[type="text"] {
  font-weight: 400;
  font-size: 24px;
  color: #ffffff;
  border: 0;
  border-bottom: 2px solid #8a5be1;
  width: 100%;
  margin-bottom: 34px;
  background: transparent;
  height: 50px;
  text-align: left;
  font-family: "Rubik", sans-serif;
  margin-top: 0;
}

.contacts-form-grid input[type="text"]::placeholder {
  color: #473381;
  opacity: 1;
}

.contacts-form-grid input[type="text"]::-webkit-input-placeholder {
  color: #473381;
  opacity: 1;
}

.contacts-form-grid input[type="text"]::-moz-placeholder {
  color: #473381;
  opacity: 1;
}

.contacts-form-grid input[type="text"]:-moz-placeholder {
  color: #473381;
  opacity: 1;
}

.contacts-form-grid input[type="text"]:-ms-input-placeholder {
  color: #473381;
  opacity: 1;
}

.contacts-form-grid input[type="text"]:focus::-webkit-input-placeholder {
  color: transparent;
}

.contacts-form-grid input[type="text"]:focus::-moz-placeholder {
  color: transparent;
}

.contacts-form-grid input[type="text"]:focus:-moz-placeholder {
  color: transparent;
}

.contacts-form-grid input[type="text"]:focus:-ms-input-placeholder {
  color: transparent;
}

.contacts-form-grid textarea {
  font-weight: 400;
  font-size: 24px;
  color: #ffffff;
  border: 0;
  border-bottom: 2px solid #8a5be1;
  width: 100%;
  background: transparent;
  height: 213px;
  text-align: left;
  padding-top: 13px;
  font-family: "Rubik", sans-serif;
}

.contacts-form-grid textarea::placeholder {
  color: #473381;
  opacity: 1;
}

.contacts-form-grid textarea::-webkit-input-placeholder {
  color: #473381;
  opacity: 1;
}

.contacts-form-grid textarea::-moz-placeholder {
  color: #473381;
  opacity: 1;
}

.contacts-form-grid textarea:-moz-placeholder {
  color: #473381;
  opacity: 1;
}

.contacts-form-grid textarea:-ms-input-placeholder {
  color: #473381;
  opacity: 1;
}

.contacts-form-grid textarea:focus::-webkit-input-placeholder {
  color: transparent;
}

.contacts-form-grid textarea:focus::-moz-placeholder {
  color: transparent;
}

.contacts-form-grid textarea:focus:-moz-placeholder {
  color: transparent;
}

.contacts-form-grid textarea:focus:-ms-input-placeholder {
  color: transparent;
  .contacts-form-grid;
}

input[type="submit"],
input[type="button"] {
  width: 268px;
  height: 60px;
  background: #8a5be1;
  border-radius: 30px;
  cursor: pointer;
  font-weight: 500;
  font-size: 26px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #ffffff;
  border: 0;
  justify-content: center;
  padding: 0;
  -webkit-transition: all 0.5s ease-out 0.1s;
  -moz-transition: all 0.5s ease-out 0.1s;
  -o-transition: all 0.5s ease-out 0.1s;
  transition: all 0.5s ease-out 0.1s;
}

input[type="checkbox"] {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

input[type="checkbox"] + label {
  display: inline-flex;
  user-select: none;
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  color: #ffffff;
  max-width: 480px;
}

.contacts-form-grid input[type="checkbox"] + label {
  margin-top: 20px;
}

.contacts-form-grid input[type="submit"],
.contacts-form-grid input[type="button"] {
  margin-top: 20px;
}

input[type="checkbox"] + label::before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  flex-grow: 0;
  border: 2px solid #8a5be1;
  border-radius: 0.25em;
  margin-right: 18px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 70% 70%;
}

input[type="checkbox"]:checked + label::before {
  border-color: #8a5be1;
  background-color: #8a5be1;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

#comp_a5acdeca56cbee1e78faf56fdb6897ec,
#comp_8f9cb8d246e7c937a88d7f7ba13b3020 {
  margin-top: 80px;
  font-size: 36px;
}

.mobil-menu-button {
  display: none;
}

.header-soc h3 {
  display: none;
}

.main-mobil-banner {
  display: none;
}

.main-prod-grid {
  display: none;
}

.footer-left h3 {
  display: none;
}

.footer-right h3 {
  display: none;
}

.shop-element-grid {
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: 514px 1fr;
  grid-column-gap: 102px;
  justify-content: space-between;
  margin-bottom: 100px;
}

.shop-element-grid .image-block {
  position: relative;
  margin-top: 80px;
}

.shop-element-grid .stiker {
  position: absolute;
  left: 0;
  top: 15px;
  font-weight: 400;
  font-size: 22px;
  color: #ffffff;
  line-height: 1.7;
}

.shop-element-grid .stiker {
  position: absolute;
  left: 0;
  top: 30px;
  font-weight: 400;
  font-size: 32px;
  color: #ffffff;
  line-height: 1.7;
}

.shop-element-grid .stiker * {
  margin-bottom: 5px;
}

.shop-element-grid .stiker .sale {
  height: 56px;
  width: max-content;
  border-radius: 0px 28px 28px 0px;
  padding: 0 13px 0 8px;
  background: #ff2f00;
}

.shop-element-grid .stiker .stock {
  height: 56px;
  width: max-content;
  border-radius: 0px 28px 28px 0px;
  padding: 0 13px 0 8px;
  background: #d7cd00;
}

.shop-element-grid .stiker .new {
  height: 56px;
  width: max-content;
  border-radius: 0px 28px 28px 0px;
  padding: 0 13px 0 8px;
  background: #27ae60;
}

.shop-element-grid .add-cart {
  width: 214px;
  height: 60px;
  border: 2px solid #8a5be1;
  border-radius: 40px;
  font-weight: 500;
  font-size: 26px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #ffffff;
  justify-content: center;
}

.shop-element-grid .add-cart:hover {
  color: #fff300 !important;
  background: #8a5be1;
  border-color: #8a5be1;
}

.product-item-amount {
  width: 136px;
  height: 60px;
  border: 2px solid #8a5be1;
  display: grid;
  align-items: center;
  text-align: center;
  color: #ffffff;
  justify-content: center;
}

.product-item-amount-field {
  font-weight: 500;
  font-size: 26px;
  color: #ffffff;
  border-width: 0;
}

.product-item-amount-field-container {
  width: 86px;
  margin: 0 auto;
}

.product-item-amount-field-btn-plus,
.product-item-amount-field-btn-minus,
.product-item-amount-field-btn-plus:hover,
.product-item-amount-field-btn-minus:hover {
  border-width: 0;
  background: transparent !important;
  color: #fff;
  font-weight: 500;
  font-size: 26px;
  color: #ffffff;
  line-height: 0.8;
}

.product-item-amount-field-btn-plus:hover,
.product-item-amount-field-btn-minus:hover {
  color: #fff300;
}

.product-item-amount-field-btn-minus::after {
  display: none;
}

.product-item-amount-field-btn-plus::after {
  display: none;
}

.shop-element-grid .cart-grid {
  display: grid;
  grid-template-rows: max-content;
  grid-template-columns: max-content max-content;
  grid-column-gap: 45px;
  justify-content: start;
  margin-bottom: 40px;
}

.shop-element-grid .product-item-price {
}

.shop-element-grid .price {
  font-weight: 500;
  font-size: 40px;
  text-align: left;
  color: #ffffff;
  line-height: 0.9;
  margin-bottom: 38px;
}

.shop-element-grid .old-price {
  font-weight: 400;
  font-size: 20px;
  text-decoration: line-through;
}

.shop-element-grid .price.active {
  color: #f9db43;
}

.shop-element-grid.old-price {
  font-weight: 400;
  font-size: 16px;
  text-align: left;
  color: #ffffff;
  text-decoration: line-through;
}

.pichevaia-cennost {
  border-bottom: 1px solid #8a5be1;
}

.shop-element-grid h3 {
  font-weight: 500;
  font-size: 30px;
  color: #ffffff;
  padding: 68px 0 24px 0;
  margin: 0;
}

.shop-element-grid h1 {
  font-weight: 500;
  font-size: 48px;
  color: #fff300;
  padding: 52px 0 18px 0;
  line-height: 1.1;
}

.shop-element-grid .price-block {
  margin-top: 48px;
}

.shop-element-grid .stock_desc {
  margin-top: -30px;
  margin-bottom: 30px;
  font-size: 14px;
}

.pichevaia-cennost h3 {
  font-weight: 500;
  font-size: 30px;
  color: #ffffff;
  padding: 38px 0 30px 0;
  margin: 0;
}

.pichevaia-cennost-item {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content;
  grid-column-gap: 30px;
  justify-content: space-between;
  border-top: 1px solid #8a5be1;
}

.pichevaia-cennost-item > div {
  font-weight: 300;
  font-size: 20px;
  color: #ffffff;
  padding: 15px 0 15px 0;
}

.pichevaia-cennost-item-table {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 1fr 0.3fr 0.3fr 0.3fr;
  grid-column-gap: 30px;
  justify-content: space-between;
  border-top: 1px solid #8a5be1;
}

.pichevaia-cennost-item-table > div {
  font-weight: 300;
  font-size: 20px;
  color: #ffffff;
  padding: 15px 0 15px 0;
  text-align: center;
}

.pichevaia-cennost-item-table > div:nth-child(1) {
  text-align: left;
}

.shop-element-ves-grid {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: repeat(auto-fit, 136px);
  grid-gap: 30px;
  justify-content: start;
  margin-top: 74px;
}

.shop-element-ves {
  width: 132px;
  height: 56px;
  border: 2px solid #473381;
  font-weight: 400;
  font-size: 32px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  color: #8a5be1;
}

.shop-element-ves:hover {
  background: #8a5be1;
  border-color: #8a5be1;
  color: #fff300;
}

.amino-block {
  margin-bottom: 66px;
}

.amino-block h3 {
  font-weight: 500;
  font-size: 30px;
  color: #ffffff;
  padding: 38px 0 30px 0;
  margin: 0;
}

.amino-grid {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 32px;
  justify-content: space-between;
}

.amino-grid .pichevaia-cennost-item:nth-child(13),
.amino-grid .pichevaia-cennost-item:nth-child(14),
.amino-grid .pichevaia-cennost-item:nth-child(15),
.amino-grid .pichevaia-cennost-item:nth-child(16) {
  border-bottom: 1px solid #8a5be1;
}

.primenenie {
}

.primenenie h2 {
  padding: 98px 0 30px 0;
}

.primenenie .proizvodstvo-text-block {
  margin-top: 0;
  grid-template-columns: 590px 1fr;
  padding-bottom: 56px;
  margin-bottom: 66px;
}

.primenenie .proizvodstvo-text-block p {
  margin-top: 66px;
}

.primenenie .proizvodstvo-text-block img {
  max-width: 100%;
  width: 590px;
  height: auto;
}

.sostav-button {
  display: none;
}

.popup-window-with-titlebar .popup-window-content {
  padding: 20px;
  background: #473381;
}

.popup-window.popup-window-with-titlebar {
  padding: 14px 30px 26px 30px;
  background: #473381;
}

.btn-sm,
.btn-group-sm > .btn {
  padding: 0;

  min-width: 214px;
  width: 100%;
  height: 60px;
  border: 2px solid #8a5be1;
  border-radius: 40px;
  font-weight: 500;
  font-size: 26px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #ffffff;
  justify-content: center;
  background: transparent;
  -webkit-transition: all 0.5s ease-out 0.1s;
  -moz-transition: all 0.5s ease-out 0.1s;
  -o-transition: all 0.5s ease-out 0.1s;
  transition: all 0.5s ease-out 0.1s;
}

.btn-primary:hover {
  color: #fff300;
  background: #8a5be1;
  border-color: #8a5be1;
}

.popup-window.popup-window-with-titlebar p {
  font-weight: 500;
  font-size: 30px;
  color: #ffffff;
  margin-bottom: 0;
  margin-top: 18px;
}

.popup-window-titlebar {
  height: auto;
}

.popup-window-titlebar-text,
.popup-window-titlebar-text-version {
  font-size: 28px;
  padding-top: 4px;
  font-weight: 500;
  color: #fff300;
  padding-right: 60px;
}

.popup-window-close-icon {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8.1853 8.59864L24.3434 24.7567M8.06251 24.583L24.2206 8.42495' stroke='white' stroke-width='2.33079'/%3e%3c/svg%3e");
  opacity: 1;
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  width: 20px;
  height: 21px;
  cursor: pointer;
  top: 34px;
  right: 30px;
}

.popup-window-close-icon::after {
  display: none;
}

.popup-window-close-icon::after {
  display: none;
}

.basket-items-list-container {
  background-color: transparent;
}

.basket-checkout-container {
  margin-bottom: 0;
  padding: 15px 0;
  border: 0;
  border-radius: 0;
  background-color: transparent;
}

.basket-item-amount-field-description {
  display: none;
}

.basket-item-price-title {
  display: none;
}

.basket-items-list {
  padding: 0;
}

.basket-items-list-wrapper,
.basket-items-list-wrapper-compact {
  border: 0;
}

.basket-item-block-amount {
  width: 114px;
  height: 58px;
  border: 2px solid #8a5be1;
  display: grid;
  align-items: center;
  text-align: center;
  color: #ffffff;
  justify-content: center;
  padding: 0;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 0 10px 0 10px;
}

.basket-item-block-amount .basket-item-amount-filed {
  font-weight: 500;
  font-size: 26px;
  color: #ffffff;
  border-width: 0;
  margin-bottom: 0;
  border: 0;
  text-align: center;
  font-family: "Rubik", sans-serif;
  margin: 0;
  width: 60px;
  height: auto;
}

.basket-item-amount-btn-plus,
.basket-item-amount-btn-minus {
  width: auto;
}

.basket-item-amount-btn-plus:hover,
.basket-item-amount-btn-minus:hover {
  background-color: transparent;
}

.basket-item-amount-btn-plus::before,
.basket-item-amount-btn-plus::after,
.basket-item-amount-btn-minus::after {
  background-color: #ffffff;
}

.basket-item-amount-btn-plus:hover::before,
.basket-item-amount-btn-plus:hover::after,
.basket-item-amount-btn-minus:hover::after {
  background-color: #fff300;
}

.product-item-amount-field-container {
  width: 86px;
  margin: 0 auto;
}

.product-item-amount-field-btn-plus,
.product-item-amount-field-btn-minus,
.product-item-amount-field-btn-plus:hover,
.product-item-amount-field-btn-minus:hover {
  border-width: 0;
  background: transparent !important;
  color: #fff;
  font-weight: 500;
  font-size: 26px;
  color: #ffffff;
  line-height: 0.8;
}

.product-item-amount-field-btn-plus:hover,
.product-item-amount-field-btn-minus:hover {
  color: #fff300;
}

.product-item-amount-field-btn-minus::after {
  display: none;
  margin-left: -7px;
  width: 14px;
  height: 3px;
}

.product-item-amount-field-btn-plus::after {
  display: none;
}

.basket-item-amount-btn-plus::before,
.basket-item-amount-btn-plus::after,
.basket-item-amount-btn-minus::after {
  margin-left: -7px;
  width: 15px;
  height: 3px;
}

.basket-item-amount-btn-plus::before {
  margin-top: -7px;
  margin-left: -1px;
  width: 3px;
  height: 15px;
}

.basket-item-block-image {
  width: 76px;
  text-align: center;
  display: grid;
  justify-content: center;
  align-items: center;
  max-width: 76px;
  margin-left: 0;
  padding-bottom: 0;
}

.basket-item-image {
  display: inline-block;
  max-width: 76px;
  max-height: 76px;
  width: 100%;
  height: auto;
  padding-bottom: 0;
}

.basket-item-info-name,
.basket-item-info-name-link {
  font-family: "Rubik", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 30px;
  color: #ffffff;
}

.basket-item-price-current-text {
  font-family: "Rubik", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 30px;
  color: #ffffff;
}

.basket-item-block-properties {
  display: none;
}

.basket-item-block-info {
  display: grid;
  align-items: center;
}

h2.basket-item-info-name {
  margin: 5px;
  padding: 0;
}

.basket-items-list-item-container > td {
  border-top: 0;
  vertical-align: middle;
}

.basket-item-block-price {
  padding-top: 0;
}

.basket-items-list-item-amount {
  padding: 0;
}

.basket-items-list-item-container > td {
  padding: 17px 0 17px 30px;
}

.basket-items-list-item-container > td.basket-items-list-item-descriptions {
  padding-left: 10px;
}

.basket-item-block-actions {
  opacity: 1;
  margin-top: 12px;
}

.basket-item-actions-remove::after,
.basket-item-actions-remove::before {
  width: 3px;
  height: 24px;
  background: #8a5be1;
  opacity: 1;
}

.basket-item-actions-remove:hover::after,
.basket-item-actions-remove:hover::before {
  background: #fff300;
}

.basket-items-list-item-remove {
  padding-top: 0 !important;
  vertical-align: middle !important;
  display: table-cell !important;
  padding-right: 20px;
}

.basket-items-list-item-remove {
  padding-right: 20px !important;
}

.basket-items-list-item-container {
  border-top: 2px solid #8a5be1;
}

.basket-items-list-table {
  border-bottom: 2px solid #8a5be1;
}

.basket-item-info-name:hover,
.basket-item-info-name-link:hover {
  text-decoration: none;
}

.basket-coupon-block-field-description {
  font-family: "Rubik", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 30px;
  color: #ffffff;
  margin: 26px 0 30px;
}

.basket-checkout-section-inner {
  display: block;
  text-align: right;
}

.basket-checkout-block-total {
  padding-top: 23px;
  padding-right: 10px;
  text-align: right;
  display: inline-block;
}

.basket-checkout-block-total-price {
  padding-left: 10px;
  text-align: right;
  display: inline-block;
}

.basket-checkout-block-total-title {
  font-family: "Rubik", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 30px;
  text-align: right;
  color: #ffffff;
}

.basket-coupon-block-total-price-current {
  font-family: "Rubik", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 30px;
  text-align: right;
  color: #ffffff;
}

.btn.btn-lg.btn-primary.basket-btn-checkout {
  width: 268px;
  height: 60px;
  background: #8a5be1;
  border-radius: 30px;
  font-family: "Rubik", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 26px;
  text-align: center;
  color: #ffffff;
  border: 0;
  padding: 0;
  margin-top: 2px;
}

input[type="text"].basket-coupon-input {
  width: 266px;
  height: 56px;
  border: 2px solid #8a5be1;
  font-weight: 300;
  font-size: 20px;
  text-align: center;
  color: #ffffff;
  margin: 0;
}

input[type="text"].basket-coupon-input::placeholder {
  color: #473381;
}

input[type="text"].basket-coupon-input::-webkit-input-placeholder {
  color: #473381;
}

input[type="text"].basket-coupon-input::-moz-placeholder {
  color: #473381;
}

input[type="text"].basket-coupon-input:-moz-placeholder {
  color: #473381;
}

input[type="text"].basket-coupon-input:-ms-input-placeholder {
  color: #473381;
}

input[type="text"].basket-coupon-input:focus::-webkit-input-placeholder {
  color: transparent;
}

input[type="text"].basket-coupon-input:focus::-moz-placeholder {
  color: transparent;
}

input[type="text"].basket-coupon-input:focus:-moz-placeholder {
  color: transparent;
}

input[type="text"].basket-coupon-input:focus:-ms-input-placeholder {
  color: transparent;
}

.basket-coupon-block-coupon-btn {
  font-family: "Rubik", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 26px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #ffffff;
  transform: none;
  border: 2px solid #8a5be1;
  border-radius: 30px;
  width: 214px;
  height: 58px;
  justify-content: center;
  position: static;
  -webkit-transition: all 0.5s ease-out 0.1s;
  -moz-transition: all 0.5s ease-out 0.1s;
  -o-transition: all 0.5s ease-out 0.1s;
  transition: all 0.5s ease-out 0.1s;
  cursor: pointer;
  margin: 0;
}

.basket-coupon-block-coupon-btn:hover {
  color: #fff300 !important;
  background: #8a5be1;
  border-color: #8a5be1;
}

.basket-coupon-block-coupon-form {
  display: grid;
  grid-template-rows: max-content;
  grid-template-columns: max-content max-content;
  grid-column-gap: 30px;
  justify-content: start;
}

button {
  cursor: pointer;
  outline: none !important;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}

button:focus,
button:active {
  outline: none !important;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}

.basket-checkout-block-total-description {
  display: none;
}

.btn.btn-default.button.robokasskassa_payment_button {
  margin-top: 50px;
}
.payment-link-personal-orders .robokasskassa_payment_button{
  margin-top: 0px !important;
  height: 20px !important;
  padding: 5px 20px !important;
}
.payment-link-personal-orders form > p {
  margin-bottom: 0px !important;
}
.mobile-payment-form{
  display: none;
}
@media (max-width: 770px) {
  .payment-link-personal-orders{
    display: none;
  }
  .mobile-payment-form{
    display: block;
  }
  .mobile-payment-form .robokasskassa_payment_button{
    padding: 10px 30px 30px 30px !important;
  }
}

.bx-sbb-empty-cart-text {
  color: #ffffff;
}

.bx-sbb-empty-cart-desc {
  color: #ffffff;
}

.basket-item-actions-remove.d-block.d-md-none {
  display: none;
}

.main-profile-submit {
  width: fit-content !important;
  height: 0 !important;
  font-size: 16px !important;
  padding: 28px 50px 28px 50px !important;
  margin-top: 30px !important;
}

button {
  -webkit-transition: all 0.5s ease-out 0.1s;
  -moz-transition: all 0.5s ease-out 0.1s;
  -o-transition: all 0.5s ease-out 0.1s;
  transition: all 0.5s ease-out 0.1s;
}

button:hover {
  color: #fff300 !important;
  background: #8a5be1;
  border-color: #8a5be1;
  opacity: 0.8;
}

.btn.btn-lg.btn-primary.basket-btn-checkout {
  -webkit-transition: all 0.5s ease-out 0.1s;
  -moz-transition: all 0.5s ease-out 0.1s;
  -o-transition: all 0.5s ease-out 0.1s;
  transition: all 0.5s ease-out 0.1s;
}

.btn.btn-lg.btn-primary.basket-btn-checkout:hover {
  color: #fff300 !important;
  background: #8a5be1;
  border-color: #8a5be1;
  opacity: 0.8;
}

span.bx-authform-starrequired {
  display: none;
}

.profile-menu h3 {
  display: none;
}

.main-profile-block-shown .main-profile-form-label {
  font-family: "Rubik", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 30px;
  color: #ffffff;
}

.order-item {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr max-content;
  grid-column-gap: 30px;
  justify-content: space-between;
  align-items: center;
  height: 110px;
  border-top: 2px solid #8a5be1;
}

.order-item span {
  font-weight: 500;
  font-size: 30px;
  color: #ffffff;
}

.order-item a {
  font-weight: 500;
  font-size: 30px;
  color: #ffffff;
}

.order-list {
  border-bottom: 2px solid #8a5be1;
}

.order-history-menu {
  margin-top: 50px;
}

.order-history-menu a {
  margin-right: 30px;
}

.sale-order-detail-payment-options-methods-container::before {
  display: none;
}

.sale-order-detail-section-title {
  background: transparent;
  font-family: "Rubik", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 30px;
  color: #ffffff;
  padding: 30px 0 28px 0;
  margin: 0;
}

.order-detail-buttons {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 30px;
  justify-content: start;
  margin-top: 50px;
  margin-bottom: 50px;
  max-width: 600px;
  width: 100%;
}

.order-detail-buttons .btn {
  max-width: 280px;
  display: grid;
  align-items: center;
  justify-content: center;
}

.order-detail-buttons .btn:hover {
  color: #fff300;
  background: #8a5be1;
  border-color: #8a5be1;
}
.sale-order-detail .btn.robokasskassa_payment_button {
  margin-bottom: 0;
}

.sale-order-detail .btn.robokasskassa_payment_button:hover {
  color: #fff300;
  background: #8a5be1;
  border-color: #8a5be1;
  opacity: 0.8;
}

div.payment-options-methods-row {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

div.sale-order-detail-payment-options-methods-template {
  position: static;
  opacity: 1;
}

.order-params {
  border-bottom: 1px solid #8a5be1;
  max-width: 600px;
}

.order-params-item {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content;
  grid-column-gap: 30px;
  justify-content: space-between;
  border-top: 1px solid #8a5be1;
}

.order-params-item > div {
  font-weight: 300;
  font-size: 20px;
  color: #ffffff;
  padding: 15px 0 15px 0;
}

.order-params-item > div a {
  font-weight: 300;
  font-size: 20px;
  color: #ffffff;
}

.order-payment-buttons {
  font-size: 0px;
}

.order-payment-buttons br {
  display: none;
}

.button-link {
  font-size: 20px;
  font-weight: 400;
}

.profile-grid {
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 50px;
  justify-content: space-between;
}

.profile-grid input {
  width: 100%;
}

.bx-authform-formgroup-container .btn.btn-primary {
  margin-top: 62px;
  margin-bottom: 50px;
}

.bx-authform-formgroup-container .btn.btn-primary:hover {
  opacity: 0.8;
}

.bx-authform-formgroup-container input[type="checkbox"] + label {
  line-height: 1.6;
}

.bx-authform-label-container {
  font-family: "Rubik", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 30px;
  color: #ffffff;
}

.bx-authform-link-container {
  margin-bottom: 20px;
}

.bx-captcha {
  margin-top: 10px;
}

@media (min-width: 1920px) {
  .main-top-slider-bg {
    background-size: 100%;
  }

  .main-preim-bg {
    background-size: 100%;
  }

  .main-proizvodstvo-block {
    background-size: 100%;
  }

  .proizvodstvo-banner {
    max-height: 100vh;
    height: 100vh;
  }
}

@media (max-width: 1230px) {
  .proizvodstvo-banner {
    max-height: 100vh;
    height: 100vh;
  }

  .shop-item {
    width: calc(100% - 52px - 20px);
    max-width: 300px;
    margin-right: 20px;
  }

  header {
    min-height: 60px;
  }

  main {
    padding-top: 60px;
  }

  header.active {
    height: 60px;
    background: #473381;
    opacity: 1;
  }

  .profile-header {
    display: none;
  }

  .logo-block {
    width: 114px;
    height: 32px;
  }

  .logo-block img {
    width: 114px;
    height: 32px;
  }

  .header-grid {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 1fr 74px 20px;
    grid-column-gap: 14px;
    align-items: center;
    height: 60px;
  }

  .header-user {
    width: 74px;
    grid-template-columns: 30px 30px;
    grid-column-gap: 14px;
  }

  .menu {
    position: fixed;
    display: none;
    -webkit-transition: all 0.5s ease-out 0.1s;
    -moz-transition: all 0.5s ease-out 0.1s;
    -o-transition: all 0.5s ease-out 0.1s;
    transition: all 0.5s ease-out 0.1s;
    z-index: 298px;
    background: #473381;
    opacity: 1;
    left: 0;
    top: 60px;
    width: 100%;
    height: calc(100% - 80px);
    padding: 0;
    padding-top: 20px;
  }

  .menu li {
    padding-left: 15px;
  }

  .menu li a {
    font-weight: 300;
    font-size: 24px;
    color: #ffffff;
    line-height: 1.9;
  }

  .header-soc {
    position: fixed;
    display: none;
    -webkit-transition: all 0.5s ease-out 0.1s;
    -moz-transition: all 0.5s ease-out 0.1s;
    -o-transition: all 0.5s ease-out 0.1s;
    transition: all 0.5s ease-out 0.1s;
    z-index: 299;
    left: 0;
    bottom: 60px;
    width: 125px;
    grid-template-columns: 35px 35px 35px;
    padding: 0 0 0 15px;
    border: 0;
  }

  .header-soc h3 {
    display: block;
    position: absolute;
    left: 15px;
    font-weight: 500;
    font-size: 28px;
    color: #ffffff;
    width: max-content;
    top: -64px;
  }

  .header-soc a {
    width: 35px;
    height: 35px;
    background-size: contain;
  }

  .header-soc .telegram {
    background-image: url("/local/templates/eshop_bootstrap_v4/css/protein/images/footer-telegram.svg");
  }

  .header-soc .vk {
    background-image: url("/local/templates/eshop_bootstrap_v4/css/protein/images/header-vk.svg");
  }

  .header-soc .instagram {
    background-image: url("/local/templates/eshop_bootstrap_v4/css/protein/images/header-instagram.svg");
  }

  .header-soc .vk:hover {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='29' height='30' viewBox='0 0 29 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.3207 0.839355C6.4613 0.839355 0.0899658 7.21069 0.0899658 15.0701C0.0899658 22.9296 6.4613 29.3009 14.3207 29.3009C22.1802 29.3009 28.5515 22.9296 28.5515 15.0701C28.5515 7.21069 22.1802 0.839355 14.3207 0.839355ZM15.4794 19.5619C15.3391 19.7098 15.0651 19.7397 15.0651 19.7397H14.1579C14.1579 19.7397 12.1563 19.8577 10.393 18.0562C8.47014 16.0907 6.7722 12.1911 6.7722 12.1911C6.7722 12.1911 6.6742 11.9353 6.78037 11.8122C6.8999 11.673 7.22582 11.6642 7.22582 11.6642L9.39446 11.6504C9.39446 11.6504 9.59863 11.6832 9.74489 11.7888C9.8659 11.8763 9.93347 12.0388 9.93347 12.0388C9.93347 12.0388 10.2839 12.909 10.7479 13.696C11.6544 15.233 12.0761 15.5689 12.3835 15.4042C12.8319 15.1645 12.6975 13.2318 12.6975 13.2318C12.6975 13.2318 12.7057 12.5307 12.4718 12.2181C12.2907 11.9761 11.9492 11.9054 11.7984 11.8858C11.6759 11.8697 11.8764 11.5913 12.1363 11.4667C12.5268 11.2794 13.2157 11.2685 14.0302 11.2765C14.665 11.2831 14.8476 11.3217 15.0956 11.3807C15.6711 11.5171 15.6531 11.9539 15.6143 12.8968C15.6027 13.1788 15.5893 13.506 15.5893 13.884C15.5893 13.969 15.5868 14.0595 15.5842 14.1527C15.5707 14.6357 15.5553 15.1889 15.8796 15.3948C16.0459 15.4997 16.452 15.4101 17.4684 13.7164C17.9502 12.9133 18.311 11.9696 18.311 11.9696C18.311 11.9696 18.3905 11.8012 18.513 11.7291C18.6385 11.6555 18.8077 11.6781 18.8077 11.6781L21.09 11.6642C21.09 11.6642 21.776 11.5833 21.8866 11.888C22.0031 12.2064 21.6304 12.9512 20.6979 14.1712C19.8134 15.3287 19.3829 15.7549 19.4225 16.1318C19.4513 16.4073 19.7311 16.6564 20.2681 17.1453C21.389 18.1668 21.6894 18.7043 21.7616 18.8334C21.7676 18.8441 21.772 18.852 21.7752 18.8571C22.2778 19.6755 21.2176 19.7397 21.2176 19.7397L19.1901 19.7674C19.1901 19.7674 18.755 19.8519 18.1819 19.4657C17.8816 19.2635 17.5882 18.9333 17.3088 18.6188C16.882 18.1386 16.4878 17.6949 16.1513 17.7997C15.5863 17.9761 15.6034 19.1705 15.6034 19.1705C15.6034 19.1705 15.6079 19.4263 15.4794 19.5619Z' fill='%23FFF300'/%3e%3c/svg%3e ");
  }

  .header-soc .instagram:hover {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.7823 0.839355C6.92285 0.839355 0.551514 7.21069 0.551514 15.0701C0.551514 22.9296 6.92285 29.3009 14.7823 29.3009C22.6417 29.3009 29.0131 22.9296 29.0131 15.0701C29.0131 7.21069 22.6417 0.839355 14.7823 0.839355ZM11.6531 7.52547C12.4627 7.48862 12.7214 7.47961 14.7827 7.47961H14.7803C16.8422 7.47961 17.0999 7.48862 17.9095 7.52547C18.7175 7.56247 19.2694 7.69039 19.7532 7.87808C20.2529 8.07178 20.6751 8.3311 21.0972 8.75328C21.5194 9.17515 21.7787 9.5986 21.9732 10.0978C22.1598 10.5804 22.2879 11.1319 22.3258 11.9399C22.3622 12.7495 22.3717 13.0082 22.3717 15.0694C22.3717 17.1307 22.3622 17.3888 22.3258 18.1983C22.2879 19.006 22.1598 19.5577 21.9732 20.0405C21.7787 20.5395 21.5194 20.9629 21.0972 21.3848C20.6755 21.807 20.2527 22.0669 19.7537 22.2608C19.2708 22.4485 18.7186 22.5764 17.9106 22.6134C17.101 22.6502 16.8431 22.6593 14.7817 22.6593C12.7206 22.6593 12.4621 22.6502 11.6525 22.6134C10.8446 22.5764 10.293 22.4485 9.81006 22.2608C9.31119 22.0669 8.88774 21.807 8.46603 21.3848C8.044 20.9629 7.78468 20.5395 7.59067 20.0403C7.40314 19.5577 7.27522 19.0062 7.23806 18.1982C7.20137 17.3886 7.1922 17.1307 7.1922 15.0694C7.1922 13.0082 7.20169 12.7493 7.2379 11.9397C7.27427 11.1321 7.40235 10.5804 7.59051 10.0976C7.785 9.5986 8.04432 9.17515 8.4665 8.75328C8.88837 8.33125 9.31182 8.07193 9.81101 7.87808C10.2936 7.69039 10.8451 7.56247 11.6531 7.52547Z' fill='%23FFF300'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.1021 8.84711C14.2343 8.84691 14.3765 8.84697 14.53 8.84704L14.783 8.84711C16.8095 8.84711 17.0497 8.85439 17.8499 8.89075C18.5899 8.92459 18.9915 9.04824 19.2591 9.15213C19.6133 9.28969 19.8658 9.45414 20.1313 9.71978C20.3969 9.98543 20.5614 10.2384 20.6993 10.5926C20.8031 10.8598 20.927 11.2615 20.9606 12.0015C20.997 12.8016 21.0049 13.0419 21.0049 15.0674C21.0049 17.093 20.997 17.3333 20.9606 18.1334C20.9268 18.8734 20.8031 19.2751 20.6993 19.5423C20.5617 19.8965 20.3969 20.1487 20.1313 20.4142C19.8656 20.6798 19.6134 20.8443 19.2591 20.9818C18.9919 21.0862 18.5899 21.2095 17.8499 21.2434C17.0498 21.2797 16.8095 21.2876 14.783 21.2876C12.7563 21.2876 12.5162 21.2797 11.7161 21.2434C10.9761 21.2092 10.5744 21.0855 10.3067 20.9817C9.95254 20.8441 9.69954 20.6796 9.4339 20.414C9.16826 20.1484 9.00381 19.896 8.86593 19.5416C8.76204 19.2744 8.63823 18.8728 8.60455 18.1328C8.56819 17.3327 8.56091 17.0924 8.56091 15.0656C8.56091 13.0388 8.56819 12.7997 8.60455 11.9996C8.63839 11.2596 8.76204 10.8579 8.86593 10.5904C9.00349 10.2362 9.16826 9.98321 9.4339 9.71757C9.69954 9.45193 9.95254 9.28748 10.3067 9.1496C10.5743 9.04524 10.9761 8.9219 11.7161 8.88791C12.4162 8.85628 12.6876 8.8468 14.1021 8.84521V8.84711ZM18.8344 10.1081C18.3316 10.1081 17.9237 10.5156 17.9237 11.0185C17.9237 11.5214 18.3316 11.9293 18.8344 11.9293C19.3373 11.9293 19.7452 11.5214 19.7452 11.0185C19.7452 10.5157 19.3373 10.1078 18.8344 10.1078V10.1081ZM10.8851 15.0701C10.8851 12.9177 12.6302 11.1725 14.7827 11.1724C16.9352 11.1724 18.6799 12.9176 18.6799 15.0701C18.6799 17.2226 16.9353 18.967 14.7828 18.967C12.6303 18.967 10.8851 17.2226 10.8851 15.0701Z' fill='%23FFF300'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.7826 12.5405C16.1798 12.5405 17.3126 13.6732 17.3126 15.0705C17.3126 16.4676 16.1798 17.6004 14.7826 17.6004C13.3853 17.6004 12.2527 16.4676 12.2527 15.0705C12.2527 13.6732 13.3853 12.5405 14.7826 12.5405V12.5405Z' fill='%23FFF300'/%3e%3c/svg%3e ");
  }

  header.active .menu {
    display: block;
  }

  header.active .header-soc {
    display: grid;
  }

  .profile-menu {
    position: fixed;
    display: none;
    -webkit-transition: all 0.5s ease-out 0.1s;
    -moz-transition: all 0.5s ease-out 0.1s;
    -o-transition: all 0.5s ease-out 0.1s;
    transition: all 0.5s ease-out 0.1s;
    z-index: 298px;
    background: #8a5be1;
    opacity: 1;
    left: 0;
    top: 60px;
    width: 100%;
    height: calc(100% - 80px) !important;
    padding-top: 20px;
  }

  .profile-menu h3 {
    display: block;
    font-weight: 500;
    font-size: 28px;
    color: #ffffff;
    border-bottom: 2px solid #f9db43;
    margin-left: 15px;
    margin-right: 15px;
    padding-bottom: 15px;
    margin-bottom: 9px;
  }

  .profile-menu li {
    padding-left: 15px;
  }

  .profile-menu li a {
    font-weight: 300 !important;
    font-size: 24px !important;
    color: #ffffff !important;
    line-height: 1.9 !important;
  }

  header.profile-active {
    height: 60px;
    background: #8a5be1;
    opacity: 1;
  }

  header.profile-active .profile-header {
    display: block;
  }

  header.profile-active .profile-menu {
    display: block;
  }

  header.profile-active .header-soc {
    display: grid !important;
  }

  .mobil-menu-button {
    display: block;
    background: url("/local/templates/eshop_bootstrap_v4/css/protein/images/mobil-menu.svg") center center no-repeat;
    width: 20px;
    height: 21px;
    cursor: pointer;
  }

  header.active .mobil-menu-button {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8.1853 8.59864L24.3434 24.7567M8.06251 24.583L24.2206 8.42495' stroke='white' stroke-width='2.33079'/%3e%3c/svg%3e");
  }

  header.profile-active .mobil-menu-button {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8.1853 8.59864L24.3434 24.7567M8.06251 24.583L24.2206 8.42495' stroke='white' stroke-width='2.33079'/%3e%3c/svg%3e");
  }

  .header-user a {
    width: 30px;
    height: 31px;
    padding: 0;
  }
  .header-user .lk {
    background-image: url("/local/templates/eshop_bootstrap_v4/css/protein/images/mobil-lk.svg");
  }

  .header-user .cart {
    background-image: url("/local/templates/eshop_bootstrap_v4/css/protein/images/mobil-cart.svg");
  }

  .header-user .cart b {
    right: 0;
  }

  .header-user a span {
    display: none;
  }

  .main-proizvodstvo-block {
    display: none;
  }

  .main-preim-block {
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 26px;
  }

  .main-vibor-grid {
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 48px;
    padding-bottom: 64px;
  }

  .main-vibor-item {
    grid-template-rows: 138px 40px 140px auto;
    grid-gap: 20px;
  }

  .main-vibor-item h3 {
    margin-top: 20px;
  }

  .oplata-grid {
    grid-template-rows: max-content max-content;
    grid-template-columns: 1fr;
    grid-row-gap: 48px;
  }

  .shop-element-grid {
    grid-column-gap: 30px;
  }

  .proizvodstvo-text-block {
    grid-column-gap: 30px;
  }

  .main-vibor-item h3 {
    width: 100%;
  }

  .main-preim-block h3 {
    max-width: 100%;
  }
}

@media (max-width: 992px) {
  .proizvodstvo-banner {
    max-height: 100vh;
    height: 100vh;
  }

  footer {
    height: auto;
    background: #473381;
  }

  .footer-top {
    display: none;
  }

  .footer-center {
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-column-gap: 30px;
    height: auto;
    padding: 32px 0 0px;
  }

  .footer-bottom {
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-row-gap: 16px;
    justify-content: space-between;
    font-weight: 500;
    font-size: 16px;
    color: #ffffff;
    border-top: 2px solid #8a5be1;
    padding-top: 16px;
    margin-top: 46px;
    padding-bottom: 60px;
  }

  .footer-left p {
    font-size: 16px;
  }

  .footer-about {
    order: 2;
  }

  .footer-soc {
    order: 1;
    display: grid;
    grid-template-rows: auto;
    grid-auto-flow: column;
    grid-template-columns: max-content 35px 35px 35px;
    grid-column-gap: 10px;
    justify-content: start;
    font-weight: 500;
    font-size: 30px;
    color: #ffffff;
    height: auto;
    font-size: 28px;
    margin-top: 68px;
    margin-bottom: 20px;
  }

  .footer-soc .telegram {
    margin-left: 0;
  }

  .footer-soc span {
    position: absolute;
    font-weight: 500;
    font-size: 30px;
    color: #ffffff;
    margin-top: -48px;
  }

  .footer-left {
    order: 2;

    display: grid;
    grid-template-rows: auto auto;
    grid-auto-flow: row;
    grid-template-columns: 1fr;
    grid-row-gap: 10px;
    justify-content: space-between;
    height: auto;
  }

  .footer-right {
    order: 1;
  }

  .footer-left h3 {
    display: block;
    font-weight: 500;
    font-size: 28px;
    line-height: 34px;
    color: #ffffff;
    display: block;
    border-bottom: 2px solid #8a5be1;
    padding-bottom: 14px;
    margin-bottom: 16px;
  }

  .footer-right h3 {
    display: block;
    font-weight: 500;
    font-size: 28px;
    color: #ffffff;
    display: block;
    border-bottom: 2px solid #8a5be1;
    padding-bottom: 14px;
    margin-bottom: 8px;
  }

  .footer-right a {
    font-weight: 400;
    font-size: 32px;
    color: #ffffff;
    line-height: 1.7;
    font-weight: 300;
    font-size: 24px;
  }

  .main-preim-bg {
    background: url("/local/templates/eshop_bootstrap_v4/css/protein/images/mobil-sostav.jpg") center bottom no-repeat;
  }

  .main-sostav-block {
    background: none;
    border-top: 0;
    padding-top: 0;
    margin-top: 38px;
    display: grid;
    grid-template-rows: max-content max-content;
    grid-template-columns: 1fr;
    grid-gap: 20px;
    justify-content: space-between;
    height: 720px;
    background-size: 59%;
  }

  .main-sostav-icon-block {
    display: grid;
    grid-template-rows: max-content max-content;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    justify-content: space-between;
    border-bottom: 1px solid #8a5be1;
    padding-bottom: 24px;
  }

  .main-sostav-icon {
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 100px;
    font-weight: 500;
    font-size: 16px;
    color: #ffffff;
    display: grid;
    align-items: center;
    height: 100px;
    margin-bottom: 2px;
    background-size: contain;
  }

  .main-sostav-procent-item .sostav {
    display: none;
  }

  .main-sostav-procent-item .procent {
    font-size: 52px;
    width: 50%;
    margin-left: auto;
  }

  .main-sostav-procent-item .name {
    font-size: 16px;
    width: 50%;
    margin-left: auto;
    margin-bottom: 4px;
    line-height: 1.2;
    padding-bottom: 10px;
  }

  .main-sostav-procent-item .name span {
    display: block;
    font-weight: 300;
  }

  .main-sostav-procent-block {
    margin-top: 60px;
  }

  .main-sostav-procent-item .line-1 {
    width: 68%;
    border-top: 1px solid #8a5be1;
  }

  .main-sostav-procent-item .line-2 {
    width: 68%;
    border-top: 1px solid #8a5be1;
  }

  .main-sostav-procent-item {
    margin-bottom: 20px;
  }

  .proizvodstvo-text-block {
    display: grid;
    grid-template-rows: max-content max-content;
    grid-template-columns: 1fr;
    grid-row-gap: 0;
    justify-content: space-between;
    margin-top: 0;
    margin-bottom: 50px;
    padding-bottom: 26px;
    border-bottom: 2px solid #8a5be1;
  }

  .proizvodstvo-text-block h1 {
    margin-top: 36px;
    margin-bottom: 14px;
  }

  .proizvodstvo-etap {
    display: grid;
    grid-template-rows: max-content max-content;
    grid-auto-flow: column;
    grid-template-columns: 1fr;
    grid-column-gap: 0;
    justify-content: space-between;
    margin-bottom: 0;
    max-height: max-content;
    max-height: max-content;
    background: #473381;
    align-items: center;
    margin-left: -15px;
    width: calc(100% + 30px);
  }

  .proizvodstvo-etap img {
    max-height: max-content;
  }

  .proizvodstvo-etap .proizvodstvo-etap-text-block {
    padding: 55px 0 48px 0;
  }

  .proizvodstvo-etap.proizvodstvo-etap-1 .proizvodstvo-etap-text-block {
    order: 2;
  }

  .proizvodstvo-etap.proizvodstvo-etap-1 .proizvodstvo-etap-image-block {
    order: 1;
  }

  .proizvodstvo-etap.proizvodstvo-etap-3 .proizvodstvo-etap-text-block {
    order: 2;
  }

  .proizvodstvo-etap.proizvodstvo-etap-3 .proizvodstvo-etap-image-block {
    order: 1;
  }

  .proizvodstvo-etap h3 {
    max-width: calc(100% - 45px);
    width: calc(100% - 45px);
    margin-left: 15px;
    padding-right: 15px;
    font-size: 24px;
    padding-bottom: 14px;
  }

  .proizvodstvo-etap p {
    font-size: 16px;
    margin-bottom: 18px;
    max-width: calc(100% - 45px);
    width: calc(100% - 45px);
    margin-left: 15px;
    padding-right: 15px;
  }

  .contacts-block {
    grid-template-rows: max-content max-content max-content;
    grid-template-columns: 1fr;
    grid-row-gap: 32px;
    margin-bottom: 82px;
  }

  .contacts-block h3 {
    font-size: 24px;
    margin-bottom: 18px;
  }

  .contacts-block a {
    font-size: 16px;
  }

  .shop-element-grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    margin-bottom: 0;
  }

  .shop-element-grid img {
    max-height: 400px;
    max-width: 100%;
    width: auto;
    height: auto;
    display: block;
    margin: 0 auto;
  }

  .shop-element-grid h1 {
    font-size: 24px;
    padding: 30px 0 36px 0;
  }

  .shop-element-ves-grid {
    grid-template-columns: repeat(auto-fit, 84px);
    grid-gap: 18px;
  }

  .shop-element-ves {
    width: 82px;
    height: 34px;
    border: 1px solid #473381;
    font-size: 18px;
  }

  .shop-element-grid .cart-grid {
    grid-column-gap: 22px;
  }

  .shop-element-grid .price-block {
    margin-top: 38px;
  }

  .shop-element-grid .price {
    font-weight: 500;
    font-size: 32px;
    margin-bottom: 30px;
  }

  .product-item-amount {
    width: 94px;
    height: 38px;
  }

  .product-item-amount-field {
    font-weight: 500;
    font-size: 18px;
    width: 40px;
  }

  .shop-element-grid .add-cart {
    width: 160px;
    height: 42px;
    border-radius: 30px;
    font-weight: 400;
    font-size: 22px;
  }

  .pichevaia-cennost h3 {
    font-size: 24px;
    padding: 20px 0 14px 0;
  }

  .pichevaia-cennost-item > div {
    font-size: 16px;
    padding: 11px 0 11px 0;
  }

  .pichevaia-cennost-item-table > div {
    font-size: 16px;
    padding: 11px 0 11px 0;
  }

  .amino-grid {
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
  }

  .shop-element-grid h3 {
    font-size: 24px;
    padding: 50px 0 14px 0;
  }

  .shop-element-grid h3 {
    font-size: 24px;
    padding: 50px 0 14px 0;
  }

  .primenenie .proizvodstvo-text-block {
    grid-template-columns: 1fr;
    border-bottom: 0;
    padding: 0;
    margin-bottom: 24px;
  }

  .amino-block h3 {
    font-size: 24px;
    padding: 20px 0 14px 0;
  }

  .primenenie h2 {
    padding: 54px 0 30px 0;
  }

  .primenenie .proizvodstvo-text-block p {
    margin-top: 30px;
  }

  .sostav-button {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 1fr max-content;
    grid-column-gap: 30px;
    justify-content: space-between;
    align-items: center;
    width: 320px;
    height: 57px;
    cursor: pointer;
    padding: 0 15px 0 15px;
    font-weight: 500;
    font-size: 28px;
    color: #f9db43;
    background: rgba(71, 51, 129, 0.5);
    margin-left: -15px;
    width: 100%;
    margin-top: 36px;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
  }

  .sostav-button .sostav-button-strelka {
    width: 25px;
    height: 25px;
    display: block;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M23.3774 12.1008L12.0637 23.4145L0.750025 12.1008' stroke='%23FFF300' stroke-width='2'/%3e%3c/svg%3e ");
  }

  .sostav-button.active .sostav-button-strelka {
    transform: rotate(180deg);
  }

  .pichevaia-cennost-block h3 {
    padding-top: 30px;
  }

  .sostav-list {
    background: rgba(71, 51, 129, 0.5);
    margin-left: -15px;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    display: none;
  }

  .sostav-list.active {
    display: block;
  }

  .amino-block {
    padding-top: 30px;
    padding-bottom: 106px;
    margin-bottom: 0;
  }

  .shop-element-grid .stiker {
    position: absolute;
    left: 0;
    top: 15px;
    font-weight: 400;
    font-size: 22px;
    color: #ffffff;
    line-height: 1.7;
  }

  .shop-element-grid .stiker .sale {
    height: 38px;
    width: max-content;
    border-radius: 0px 19px 19px 0px;
    padding: 0 13px 0 8px;
    background: #ff2f00;
  }

  .shop-element-grid .stiker .stock {
    height: 38px;
    width: max-content;
    border-radius: 0px 19px 19px 0px;
    padding: 0 13px 0 8px;
    background: #d7cd00;
  }

  .shop-element-grid .stiker .new {
    height: 38px;
    width: max-content;
    border-radius: 0px 19px 19px 0px;
    padding: 0 13px 0 8px;
    background: #27ae60;
  }

  .popup-window-with-titlebar .popup-window-content {
    padding: 20px;
    background: #473381;
  }

  .popup-window.popup-window-with-titlebar {
    padding: 14px 15px 26px 15px;
    background: #473381;
    width: 100%;
    left: 0 !important;
  }

  .btn-sm,
  .btn-group-sm > .btn {
    padding: 0;

    min-width: 160px;
    height: 42px;
    border-radius: 30px;
    font-weight: 400;
    font-size: 22px;
  }

  .popup-window.popup-window-with-titlebar p {
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 0;
    margin-top: 18px;
  }

  .popup-window-titlebar {
    height: auto;
  }

  .popup-window-titlebar-text,
  .popup-window-titlebar-text-version {
    font-size: 22px;
    padding-top: 4px;
    font-weight: 500;
    padding-right: 45px;
  }

  .popup-window-close-icon {
    top: 34px;
    right: 15px;
  }

  .order-params-item > div {
    font-size: 16px;
    padding: 11px 0 11px 0;
  }

  .sale-order-detail .btn {
    width: 100%;
    height: 42px;
    border-radius: 30px;
    font-weight: 400;
    font-size: 20px;
    margin-right: 0;
    max-width: 100%;
    display: grid;
  }

  .order-detail-buttons {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 1.3fr 1fr;
    grid-column-gap: 10px;
    justify-content: space-between;
  }

  .sale-order-detail-section-title {
    font-size: 24px;
  }

  .order-item span {
    font-size: 24px;
    text-align: right;
  }

  .order-item a {
    font-size: 24px;
  }
}
@media (max-width: 991px) {
  .basket-item-amount-btn-plus,
  .basket-item-amount-btn-minus {
    border: 0;
    background-color: transparent;
  }

  .basket-item-block-amount {
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .basket-items-list-item-price .basket-item-block-price .basket-item-price-title {
    display: none;
  }

  .basket-item-amount-btn-plus,
  .basket-item-amount-btn-minus {
    border: 0;
    background-color: transparent;
  }

  .basket-items-list-item-price.basket-items-list-item-price-for-one {
    display: none;
  }

  .basket-items-list-item-descriptions-inner {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 22px;
  }

  .basket-item-image {
    margin: 0 auto;
  }

  .basket-items-list-item-container > td.basket-items-list-item-descriptions {
    padding-left: 0;
  }

  .basket-item-image {
    max-width: 74px;
    max-height: 116px;
    padding-right: 12px;
  }

  .basket-item-actions-remove.d-block.d-md-none {
    display: block;
    top: 50%;
    margin-top: -10px;
  }

  .basket-items-list-item-remove.d-none.d-md-block {
    display: none !important;
    top: calc(50% - 10px);
  }

  .basket-items-list-item-price {
    margin-left: auto;
  }

  .basket-items-list-item-amount {
    padding: 0 !important;
  }

  .basket-items-list-item-price {
    position: absolute !important;
    right: 0 !important;
    bottom: 17px !important;
    padding: 0 !important;
  }

  .basket-item-block-amount {
    width: 68px;
    height: 38px;
    border: 1px solid #8a5be1;
    margin-bottom: 12px;
  }

  .basket-item-block-amount .basket-item-amount-filed {
    font-weight: 500;
    font-size: 18px;
    color: #ffffff;
    height: 34px;
  }

  .basket-item-amount-btn-plus::before,
  .basket-item-amount-btn-plus::after,
  .basket-item-amount-btn-minus::after {
    margin-left: -5px;
    width: 10px;
    height: 2px;
  }

  .basket-item-amount-btn-plus::before {
    margin-top: -5px;
    margin-left: -1px;
    width: 2px;
    height: 10px;
  }

  .basket-item-block-price {
    padding: 0;
  }

  .basket-item-price-current-text {
    font-weight: 500;
    font-size: 24px;
    color: #ffffff;
  }

  .basket-item-info-name,
  .basket-item-info-name-link {
    font-family: "Rubik", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    color: #ffffff;
  }

  .basket-items-list-item-container {
    border-top: 2px solid #8a5be1 !important;
  }

  .basket-item-block-image {
    margin: 2px 0 0px 0;
  }

  элемент {
  }
  .btn.btn-lg.btn-primary.basket-btn-checkout {
    -webkit-transition: all 0.5s ease-out 0.1s;
    -moz-transition: all 0.5s ease-out 0.1s;
    -o-transition: all 0.5s ease-out 0.1s;
    transition: all 0.5s ease-out 0.1s;
  }
  .btn.btn-lg.btn-primary.basket-btn-checkout {
    width: 100%;
    max-width: 560px;
  }

  .basket-checkout-block-total-price {
    width: max-content;
    min-width: max-content;
  }

  .basket-checkout-block-total {
    display: inline-block;
    width: max-content;
    min-width: max-content;
  }

  .basket-checkout-block-total-title {
    font-size: 24px;
  }

  .basket-coupon-block-total-price-current {
    font-size: 24px;
  }

  /*.
basket-coupon-block-field-description {
display: none;
}

.basket-coupon-section {
display: none;
} 
*/

  .basket-coupon-block-coupon-form {
    display: flex;
    flex-direction: column;
  }

  .basket-coupon-block-coupon-btn {
    width: 100%;
    max-width: 560px;
    margin-top: 40px;
  }

  .basket-checkout-section-inner {
    text-align: center;
  }

  input[type="text"].basket-coupon-input {
    width: 100%;
    max-width: 560px;
    padding: 0;
  }

  .basket-coupon-alert {
    margin-top: 20px;
  }

  .text-muted .basket-coupon-text::after {
    display: none;
  }

  .btn.btn-lg.btn-primary.basket-btn-checkout {
    margin-top: 10px;
  }
}

.block-video-cont.mobil {
  display: none;
}

.block-video-cont.pc {
  display: block;
}

@media (max-width: 560px) {
  .block-video-cont.mobil {
    display: block;
  }

  .block-video-cont.pc {
    display: none;
  }

  .main-profile-block-shown .main-profile-form-label {
    font-size: 24px;
  }

  input[type="text"],
  input[type="password"] {
    width: calc(100% - 4px);
    height: 46px;
    margin-top: 18px;
    margin-bottom: 18px;
  }

  h1 {
    font-weight: 500;
    font-size: 28px;
    padding-top: 28px;
    padding-bottom: 42px;
  }

  p {
    font-size: 16px;
    margin-bottom: 18px;
  }

  main {
    padding-top: 60px;
    padding-bottom: 80px;
  }

  h2 {
    font-size: 30px;
    padding: 36px 0 30px 0;
  }

  .main-top-slider {
    display: none;
  }

  .main-mobil-banner {
    display: block;
    background-image: url("/local/templates/eshop_bootstrap_v4/css/protein/images/mobil-header-top-3.jpg");
    /* background: url("/upload/iblock/ad2/visg6we2wocdgkm3ckkedzsj2yv9pktf.jpg") center center no-repeat; */
    background-position: 80% 107%;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 588px;
    height: auto;
    margin-bottom: 40px;
  }

  .main-mobil-banner h3 {
    font-weight: 700;
    font-size: 40px;
    line-height: 1;
    text-transform: uppercase;
    color: #ffffff;
    padding-top: 386px;
  }

  .main-mobil-banner h3 span {
    display: block;
    color: #fff300;
    font-weight: 700;
  }

  .main-mobil-banner p {
    font-weight: 300;
    font-size: 16px;
    color: #f2f2f2;
    margin-top: 12px;
  }

  .main-mobil-banner-button {
    font-weight: 400;
    font-size: 32px;
    color: #ffffff;
    text-align: center;
    color: #ffffff;
    height: 42px;
    width: 100%;
    max-width: 560px;
    border: 2px solid #8a5be1;
    border-radius: 24px;
    margin-top: 20px;
    display: block;
    padding-top: 2px;
  }

  .main-mobil-banner-button:hover {
    color: #fff300 !important;
    background: #8a5be1;
    border-color: #8a5be1;
  }

  .main-preim-block {
    grid-template-rows: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr;
    grid-gap: 26px;
  }

  .main-preim-block h3 {
    font-size: 24px;
    margin-top: 12px;
    margin-bottom: 14px;
  }

  .main-preim-block p {
    font-size: 16px;
  }

  .main-prod-slider {
    display: none;
  }

  .main-prod-slider {
    display: block;

    display: grid;
    grid-template-rows: max-content max-content;
    grid-template-columns: 1fr 1fr;
    grid-gap: 14px;
    justify-content: space-between;
  }

  .shop-item,
  .main-prod-slider .shop-item {
    position: relative;
    display: grid;
    grid-template-rows: 128px 34px 35px;
    grid-template-columns: 1fr;
    grid-gap: 14px;
    justify-content: space-between;
    width: calc(100% - 30px);
    height: 225px;
    border: 1px solid #8a5be1;
    padding: 22px 12px 5px 12px;
    align-items: center;
    margin: 0 auto;
  }

  .shop-item img {
    height: auto;
    width: auto;
    max-width: 78px;
    max-height: 120px;
    display: block;
  }

  .shop-item .stiker {
    position: absolute;
    left: 0;
    top: 7px;
    font-weight: 400;
    font-size: 11px;
    color: #ffffff;
    line-height: 1.8;
  }

  .shop-item .stiker .sale {
    height: 19px;
    width: max-content;
    border-radius: 0px 10px 10px 0px;
    padding: 0 8px 0 4px;
    background: #ff2f00;
  }

  .shop-item .stiker .stock {
    height: 19px;
    width: max-content;
    border-radius: 0px 10px 10px 0px;
    padding: 0 8px 0 4px;
    background: #d7cd00;
  }

  .shop-item .stiker .new {
    height: 19px;
    width: max-content;
    border-radius: 0px 10px 10px 0px;
    padding: 0 8px 0 4px;
    background: #27ae60;
  }

  .shop-item .item-name,
  .main-prod-slider .shop-item .item-name {
    font-weight: 500;
    font-size: 14px;
    color: #ffffff;
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr max-content;
    grid-gap: 4px;
    justify-content: space-between;
    align-items: end;
    height: 34px;
  }

  .shop-item .ves {
    font-weight: normal;
    font-size: 11px;
    text-align: right;
    color: #ffffff;
    display: block;
    padding-bottom: 1px;
  }

  .shop-item p {
    font-weight: 300;
    font-size: 10px;
    color: #ffffff;
    display: block;
    height: 38px;
  }

  .shop-item .price-block {
    position: relative;
    border-top: 1px solid #8a5be1;
    font-weight: 500;
    font-size: 30px;
    color: #ffffff;
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 19px 1fr;
    grid-gap: 4px;
    align-items: end;
    height: 34px;
  }

  .shop-item .stock_desc {
    display: none;
  }

  .shop-item .add-cart {
    background: url("/local/templates/eshop_bootstrap_v4/css/protein/images/item-cart.svg") center center no-repeat;
    width: 18px;
    height: 14px;
    margin-bottom: 9px;
    background-size: contain;
  }

  .shop-item .old-price {
    font-weight: 400;
    font-size: 8px;
    text-align: right;
    color: #ffffff;
    text-decoration: line-through;
  }

  .shop-item .price {
    font-weight: 500;
    font-size: 20px;
    text-align: right;
    color: #ffffff;
    line-height: 0.9;
    padding-bottom: 5px;
  }

  .main-vibor-grid {
    grid-template-rows: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr;
    grid-gap: 34px;
    padding-bottom: 20px;
  }

  .main-vibor-item {
    display: grid;
    grid-template-rows: 86px max-content 1fr;
    grid-template-columns: 1fr;
    grid-gap: 10px;
    justify-content: space-between;
  }

  .main-vibor-item h3 {
    font-size: 24px;
    padding-left: 96px;
    display: block;
    width: calc(100% - 96px);
    height: 78px;
    align-items: center;
    display: flex;
  }

  .main-vibor-item p {
    font-size: 16px;
  }

  .main-vibor-item .icon {
    width: 76px;
    height: 76px;
    border: 2px solid #8a5be1;
    position: absolute;
    background-size: 68px auto;
  }

  .oplata-block {
    border-bottom: 0;
    padding-bottom: 0;
  }

  .oplata-grid p {
    font-size: 16px;
    margin-bottom: 18px;
  }

  .oplata-grid .oplata-logo {
    width: 134px;
    height: 48px;
    border: 1px solid #8a5be1;
    background-size: 70%;
  }

  .oplata-grid .oplata-logo-block {
    grid-gap: 14px;
  }

  .oplata-grid {
    grid-row-gap: 18px;
  }

  .contacts-form-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-column-gap: 30px;
  }

  .contacts-form-grid input[type="text"] {
    font-weight: 300;
    font-size: 16px;
    height: 34px;
    margin-bottom: 22px;
  }

  .contacts-form-grid textarea {
    font-weight: 300;
    font-size: 16px;
    height: 34px;
    margin-bottom: 22px;
  }

  .contacts-form-grid input[type="checkbox"] + label {
    margin-top: 20px;
  }
  input[type="checkbox"] + label {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.2;
    color: #ffffff;
    max-width: 480px;
  }

  .contacts-form-grid input[type="submit"],
  .contacts-form-grid input[type="button"] {
    width: 100% !important;
    max-width: 560px !important;
    margin-top: 48px !important;
    margin-bottom: 30px !important;
  }

  .shop-element h2 {
    padding-bottom: 30px;
  }

  input[type="submit"].main-profile-submit {
    margin-top: 50px;
    width: 100%;
    height: 42px;
    border-radius: 30px;
    font-weight: 400;
    font-size: 20px;
    margin-right: 0;
    max-width: 100%;
    display: grid;
  }

  .profile-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .bx-authform-label-container {
    font-size: 24px;
  }

  .bx-authform-formgroup-container input[type="checkbox"] + label {
    line-height: 2.2;
  }

  .bx-authform-formgroup-container .btn.btn-primary {
    margin-top: 50px;
    width: 100%;
    height: 42px;
    border-radius: 30px;
    font-weight: 400;
    font-size: 20px;
    margin-right: 0;
    max-width: 100%;
    display: grid;
  }

  #comp_a5acdeca56cbee1e78faf56fdb6897ec,
  #comp_8f9cb8d246e7c937a88d7f7ba13b3020 {
    margin-top: 60px;
    font-size: 24px;
  }
}
.basket-total-block {
  margin-top: 25px;
}
.comment-text {
  color: #fff300;
  margin-top: 10px;
  line-height: 1.6;
}
.comment-text a {
  width: 160px;
  height: 30px;
  background: #8a5be1;
  border-radius: 30px;
  cursor: pointer;
  font-weight: 500;
  font-size: 16px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #ffffff;
  border: 0;
  justify-content: center;
  padding: 0;
  -webkit-transition: all 0.5s ease-out 0.1s;
  -moz-transition: all 0.5s ease-out 0.1s;
  -o-transition: all 0.5s ease-out 0.1s;
  transition: all 0.5s ease-out 0.1s;
  margin-top: 10px;
}

.comment-text a:hover {
  color: #fff300;
  background: #8a5be1;
  border-color: #8a5be1;
}

.notetext,
.errortext {
  color: #fff300 !important;
  background: transparent;
  margin-top: 10px;
}

.item-oplata-logo-block {
  display: grid;
  grid-template-rows: max-content;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 30px;
  justify-content: start;
  width: 100%;
  height: 60px;
  margin-top: 40px;
}

.item-oplata-logo {
  width: 100%;
  height: 60px;
  border: 2px solid #8a5be1;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 80%;
}
@media (max-width: 560px) {
  .proizvodstvo-banner {
    max-height: 500px;
    height: max-content;
  }

  .item-oplata-logo-block {
    grid-gap: 14px;
  }

  .item-oplata-logo {
    width: 100%;
    height: 48px;
    border: 1px solid #8a5be1;
  }
}

@media (max-width: 400px) {
  .main-sostav-icon {
    padding-left: 80px;
    height: 80px;
  }
}

.item-oplata-logo.dostavka-logo-1 {
  background-image: url("/local/templates/eshop_bootstrap_v4/css/protein/images/dostavka-logo-1.png");
}

.item-oplata-logo.dostavka-logo-2 {
  background-image: url("/local/templates/eshop_bootstrap_v4/css/protein/images/dostavka-logo-2.png");
}

.item-oplata-logo.dostavka-logo-3 {
  background-image: url("/local/templates/eshop_bootstrap_v4/css/protein/images/dostavka-logo-3.png");
}

.item-oplata-logo.dostavka-logo-4 {
  background-image: url("/local/templates/eshop_bootstrap_v4/css/protein/images/dostavka-logo-4.png");
}

.contacts-form-block {
  padding-top: 68px;
}
.contacts-form-block h2 {
  padding-top: 0;
}
.contacts-form-block img {
  margin-top: 16px;
}

.bx-retina .product-item-amount-field {
  border-width: 0.5px;
  height: 40px;
}

.articles-sections {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 27px;
  flex-wrap: wrap;
  padding-left: 0 !important;
}

.articles-sections li {
  display: block;
  width: max-content;
  margin-right: 15px;
  margin-bottom: 15px;
}

.articles-sections li a {
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
  width: max-content;
  height: 32px;
  background: transparent;
  text-transform: uppercase;
  border: 2px solid #8a5be1;
  border-radius: 20px;
  display: flex;
  align-items: center;
  padding: 0 20px 0 20px;
  opacity: 1;
  -webkit-transition: all 0.5s ease-out 0.1s;
  -moz-transition: all 0.5s ease-out 0.1s;
  -o-transition: all 0.5s ease-out 0.1s;
  transition: all 0.5s ease-out 0.1s;
}

.articles-sections li a:hover {
  color: #fff300 !important;
  opacity: 1;
}

.article-list h1 {
  padding-bottom: 55px;
}

.articles-grid {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(20px, 580px));
  grid-gap: 40px;
  justify-content: start;
}

.articles-item {
  display: block;
  overflow: hidden;
  width: 580px;
  height: 360px;
  max-width: 100%;
  border-radius: 10px;
  box-sizing: border-box;
  box-shadow: -5px 5px 4px -4px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

.articles-item img {
  width: 100%;
  height: 360px;
  max-width: 100%;
  display: block;
  -webkit-transition: all 0.5s ease-out 0.1s;
  -moz-transition: all 0.5s ease-out 0.1s;
  -o-transition: all 0.5s ease-out 0.1s;
  transition: all 0.5s ease-out 0.1s;
}

.articles-item:hover img {
  transform: scale(1.1);
}

.articles-item .text {
  width: 582px;
  max-width: 100%;
  height: 360px;
  position: relative;
  margin-top: -360px;
  z-index: 1;
  padding: 40px 40px 24px 40px;
  box-sizing: border-box;
  display: grid;
  grid-template-rows: 1fr max-content;
  grid-template-columns: 1fr;
  grid-row-gap: 10px;
  align-items: end;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
}

.article-sections {
}

.article-sections span,
.article-sections a {
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  text-transform: lowercase;
}

.article-sections span,
.article-sections a:hover {
  color: #ffed00 !important;
}

.articles-item p.title,
.articles-item a.title {
  font-size: 20px;
  color: #ffffff;
  font-weight: 500;
  font-style: normal;
  text-align: left;
  text-transform: none;
  margin: 0;
  line-height: 1.2;
  display: block;
  height: max-content;
  -webkit-transition: all 0.5s ease-out 0.1s;
  -moz-transition: all 0.5s ease-out 0.1s;
  -o-transition: all 0.5s ease-out 0.1s;
  transition: all 0.5s ease-out 0.1s;
}

/*
.articles-item:hover p.title, .articles-item:hover a.title {
color: #FFED00;
}
*/

.articles-section-title {
  color: #ffffff;
  font-size: 30px;
  font-weight: 500;
  margin: 0 0 34px 0;
}

.articles-section-title.list {
  margin: 0 0 40px 0;
}

.load_more {
  width: 236px;
  margin: 0 auto;
  margin-top: 60px;
  height: 48px;
  background: #8a5be1;
  border-radius: 30px;
  cursor: pointer;
  font-weight: 500;
  font-size: 20px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #ffffff;
  border: 0;
  justify-content: center;
  padding: 0;
  -webkit-transition: all 0.5s ease-out 0.1s;
  -moz-transition: all 0.5s ease-out 0.1s;
  -o-transition: all 0.5s ease-out 0.1s;
  transition: all 0.5s ease-out 0.1s;
}

.load_more:hover {
  opacity: 0.8;
  color: #fff300;
}

.articles-section-title.autors {
  margin: 66px 0 55px 0;
}

.autors-block {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(20px, 348px));
  grid-column-gap: 76px;
  grid-row-gap: 40px;
  justify-content: space-between;
  padding-bottom: 120px;
}

.autor-item {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 170px 1fr;
  grid-column-gap: 40px;
  justify-content: start;
}

.autor-item img {
  width: 170px;
  height: 170px;
  border: 3px solid #8a5be1;
  border-radius: 85px;
}

.autor-item h3 {
  font-size: 24px;
  font-weight: 500;
  color: #ffffff;
  margin-top: 18px;
  margin-bottom: 10px;
  line-height: 1.3;
}

.autor-item p {
  font-size: 20px;
  font-weight: 400;
  color: #ffffff;
  line-height: 1.6;
  margin: 0;
}

.articles-content {
  max-width: 794px;
  margin: 0 auto;
  padding-top: 94px;

  font-size: 20px;
  font-weight: 400;
  margin-bottom: 100px;
  line-height: 1.6;
}

.articles-content h1 {
  font-weight: 500;
  font-size: 48px;
  color: #fff300;
  padding: 0 0 40px 0;
  line-height: 1.2;
}

.articles-content img {
  max-width: 100%;
  height: auto;
  margin-bottom: 0;
}

.articles-content h2 {
  font-size: 28px;
  margin-top: 16px;
  margin-bottom: 40px;
  text-transform: none;
  text-align: left;
  font-weight: 500;
  line-height: 1.2;
}

.articles-content h3 {
  font-size: 23px;
  margin-top: 50px;
  margin-bottom: 40px;
  color: #ffffff;
  font-style: normal;
  font-weight: 500;
  text-transform: none;
  text-align: left;
  line-height: 1.2;
}

.articles-content p {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 40px;
  line-height: 1.6;
  margin-top: 16px;
}

.articles-content table td,
table th {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 40px;
  line-height: 1.6;
}

.articles-content ul {
  margin-bottom: 40px;
  list-style: disc;
  margin-left: 0;
  padding-left: 18px;
}

.articles-content ul li {
  font-size: 20px;
  font-weight: 400;
  color: #ffffff;
  padding-left: 6px;
  line-height: 1.6;
}

.articles-params {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 50px 1fr max-content;
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  justify-content: space-between;
  padding-bottom: 48px;
  align-items: center;
  font-size: 16px;
  color: #ffffff;
  font-weight: 400;
}

.articles-params img {
  width: 50px;
  height: 50px;
  border: 1px solid #8a5be1;
  border-radius: 25px;
  margin: 0;
}

.articles-content ul.articles-sections {
  margin-bottom: 40px;
  list-style: none;
  margin-left: 0;
  margin-top: 50px;
  margin-bottom: 0;
}

.articles-content ul.articles-sections li {
  padding-left: 0;
}

.articles-soput {
  margin-bottom: 74px;
}

.articles-content h2 {
  color: #ffffff;
  font-size: 30px;
  font-weight: 500;
  margin: 10px 0 34px 0;
  padding: 0;
  margin-top: 16px;
}

@media (max-width: 560px) {
  .articles-content {
    padding-top: 40px;
  }

  .autor-item img {
    width: 100px;
    height: 100px;
  }

  .autor-item {
    grid-template-columns: 100px 1fr;
    grid-column-gap: 30px;
  }

  .autor-item h3 {
    font-size: 22px;
    margin-top: 0;
  }

  .articles-grid {
    justify-content: space-around;
  }

  .autors-block {
    padding-bottom: 0;
  }

  .autor-item p {
    font-size: 18px;
  }

  .articles-section-title {
    font-size: 24px;
  }

  .articles-item {
    width: 340px;
    height: 200px;
    max-width: 100%;
    margin: 0 auto;
  }

  .articles-item img {
    width: 340px;
    max-width: 100%;
    height: 200px;
  }

  .articles-item .text {
    width: 340px;
    height: 200px;
    max-width: 100%;
    margin-top: -200px;
    padding: 20px 20px 18px 20px;
  }

  .articles-item p {
    font-size: 14px;
  }

  .articles-item p.title {
    font-size: 16px;
  }

  .articles-item p.title,
  .articles-item q.title {
    font-size: 16px;
  }

  .article-sections span {
    font-size: 14px;
  }

  .article-sections a {
    font-size: 14px;
  }

  .articles-item .descr,
  .articles-item .descr p,
  .articles-item .descr ul li {
    font-size: 14px;
  }

  .articles-sections li {
    margin-right: 10px;
    margin-bottom: 20px;
  }

  .articles-sections li a {
    font-size: 14px;
    height: 30px;
    padding: 0 20px 0 20px;
  }

  .articles-content img {
    margin-bottom: 30px;
  }

  .articles-params img {
    margin: 0;
  }

  .articles-content h1 {
    font-size: 28px;
  }

  .articles-content h2 {
    font-size: 24px;
    margin-top: 42px;
    margin-bottom: 30px;
    text-transform: none;
  }

  .articles-content h3 {
    font-size: 22px;
    margin-top: 30px;
    margin-bottom: 30px;
    text-transform: none;
  }

  .articles-content p {
    font-size: 16px;
    margin-bottom: 22px;
  }

  .articles-content ul {
    margin-bottom: 22px;
    margin-left: 15px;
  }

  .articles-content ul li {
    font-size: 16px;
    padding-left: 6px;
    margin-bottom: 10px;
  }

  .articles-content table td,
  table th {
    font-size: 16px;
  }

  .all-articles-button {
    margin-top: 60px;
  }
}

a.main-vibor-item h3 {
  -webkit-transition: all 0.5s ease-out 0.1s;
  -moz-transition: all 0.5s ease-out 0.1s;
  -o-transition: all 0.5s ease-out 0.1s;
  transition: all 0.5s ease-out 0.1s;
}

a.main-vibor-item p {
  -webkit-transition: all 0.5s ease-out 0.1s;
  -moz-transition: all 0.5s ease-out 0.1s;
  -o-transition: all 0.5s ease-out 0.1s;
  transition: all 0.5s ease-out 0.1s;
}

a.main-vibor-item .icon {
  -webkit-transition: all 0.5s ease-out 0.1s;
  -moz-transition: all 0.5s ease-out 0.1s;
  -o-transition: all 0.5s ease-out 0.1s;
  transition: all 0.5s ease-out 0.1s;
}

a.main-vibor-item:hover h3 {
  color: #fff300;
}

a.main-vibor-item:hover p {
  color: #fff300;
}

a.main-vibor-item:hover .icon {
  border: 3px solid #fff300;
}

.popup-window-with-titlebar .popup-window-content {
  background: #473381 !important;
}

.catalog-prod-grid {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: repeat(auto-fit, 350px);
  grid-gap: 30px;
  justify-content: space-between;
}

@media (min-width: 561px) {
  .catalog-prod-grid .shop-item {
    width: calc(100% - 30px);
  }
}

@media (max-width: 776px) {
  .catalog-prod-grid {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 15px;
  }
  .catalog-prod-grid .shop-item {
    width: calc(100% - 60px);
  }
}

@media (max-width: 560px) {
  .catalog-prod-grid {
    grid-column-gap: 15px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }

  .catalog-prod-grid .shop-item {
    width: calc(100% - 30px);
  }
}

.cennost-block h3 {
  font-weight: 500;
  font-size: 30px;
  color: #ffffff;
  padding: 38px 0 30px 0;
  margin: 0;
}

@media (max-width: 992px) {
  .cennost-block h3 {
    font-size: 24px;
    padding: 20px 0 14px 0;
  }

  .cennost-block {
    display: none;
  }

  .cennost-block.active {
    display: block;
  }
}

.robokasskassa_payment_button {
  width: fit-content !important;
  height: 0 !important;
  font-size: 16px !important;
  padding: 20px 50px 35px 50px !important;
  margin-top: 30px !important;
}
.personal_container .basket-coupon-input::placeholder {
  color: #fff !important;
}
.accordion_order svg {
  transform: rotate(180deg) !important;
  transition: all 0.3s ease-in-out !important;
}
.active_order svg {
  transform: rotate(360deg) !important;
}
@media (max-width: 1440px) {
  .profile-menu {
    position: relative;
    display: flex;
    flex-direction: column;
    -webkit-transition: all 0.5s ease-out 0.1s;
    -moz-transition: all 0.5s ease-out 0.1s;
    -o-transition: all 0.5s ease-out 0.1s;
    transition: all 0.5s ease-out 0.1s;
    z-index: 2;
    top: 0;
    background: #8a5be1;
    opacity: 1;
    width: 210px !important;
    height: auto !important;
    padding-top: 0;
  }
  .profile-menu li .active {
    color: #fff300 !important;
  }
  .profile-menu li {
    display: flex !important;
    padding-left: 0 !important;
    margin-top: 0 !important;
  }
  .profile-menu li:not(:last-child) {
    margin-bottom: 15px !important;
    padding-bottom: 15px !important;
  }
  .profile-menu li a {
    color: #fff;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .personal_container .bx_profile input {
    font-size: 12px;
    padding: 15px 20px;
    margin-bottom: 20px;
  }
  .personal_container .contacts-form-container input,
  .contacts-form-captcha input {
    font-size: 12px;
    padding: 15px 20px;
    margin-bottom: 20px;
  }
  .personal_container .main-profile-form-label {
    font-size: 14px !important;
  }
  .personal_container .main-profile-block-shown .form-group:first-child div {
    font-size: 12px;
    padding: 15px 20px;
    margin-bottom: 20px;
  }
  .basket-item-image {
    height: 46px;
  }
  .personal_container .basket-items-list-item-container td {
    padding: 5px 10px !important;
  }
  h2.basket-item-info-name {
    margin: 0 !important;
  }
  .basket-item-info-name,
  .basket-item-info-name-link {
    display: flex;
  }
  .personal_container .basket-items-list-item-price span,
  .personal_container .basket-item-info-name-link span {
    font-size: 14px !important;
  }
  .personal_container .basket-coupon-input {
    min-width: auto !important;
  }
  .contacts-form-block img {
    margin-top: 40px !important;
  }
  .personal_container .contacts-form-container textarea {
    min-height: 200px;
  }
  .contacts-form-uslovia {
    font-size: 12px !important;
  }
  input[type="checkbox"] + label {
    max-width: 300px !important;
  }
}
@media (max-width: 1024px) {
  .personal_container {
    flex-direction: column !important;
  }
  .sidebar_menu {
    display: flex;
    flex-direction: row !important;
    align-items: center;
  }
  .profile-menu {
    flex-direction: row !important;
    width: fit-content !important;
    margin-bottom: 0 !important;
    padding: 15px 20px !important;
  }
  .profile-menu li:not(:last-child) {
    padding: 0 !important;
    margin: 0 !important;
    border-bottom: none !important;
    margin-right: 20px !important;
    padding-right: 20px !important;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
  }
  .profile-menu li {
    padding: 0 !important;
    margin: 0 !important;
  }
  .sidebar_menu .personal_link-exit {
    margin-left: 40px !important;
    font-size: 14px !important;
  }
}
@media (max-width: 768px) {
  tr.basket-items-list-item-container {
    justify-content: start !important;
  }
  .basket-items-list-item-amount {
    display: flex !important;
    justify-content: center !important;
    width: 20% !important;
    margin-bottom: 0 !important;
  }
  .basket-item-block-amount {
    margin-bottom: 0 !important;
  }
  .basket-items-list-item-price.basket-items-list-item-price-for-one {
    display: flex;
  }

  .basket-items-list-item-price {
    position: relative !important;
    width: 20% !important;
    top: 0 !important;
    height: 100% !important;
  }
  .basket-items-list-item-price-for-one {
    display: flex;
    align-items: center;
    height: 56px !important;
    padding-left: 20px !important;
    height: 56px !important;
  }
  .basket-items-list-item-price {
    display: flex !important;
    align-items: center !important;
    margin-left: 0 !important;
    height: 56px !important;
    padding-left: 20px !important;
  }
  .basket-items-list-item-price:last-child {
    display: flex !important;
    justify-content: end !important;
  }
  .basket-item-block-price {
    width: 100%;
    padding-left: 10px !important;
  }
  .basket-items-list-item-price-for-one .basket-item-price-current-text {
    display: flex;
    width: 100% !important;
    text-align: left !important;
  }
  .basket-items-list-item-amount {
    min-width: 20% !important;
  }
  .basket-items-list-item-amount {
    order: 4 !important;
  }
  .basket-items-list-item-remove.d-none.d-md-block {
    display: flex;
    order: 6 !important;
    height: 56px !important;
  }
  .basket-item-block-info .basket-item-actions-remove {
    display: none !important;
  }
  .basket-item-block-actions {
    margin-left: 0 !important;
  }
  .basket-items-list-item-descriptions {
    min-width: none !important;
  }
  .sidebar_menu {
    overflow: auto;
  }
  .personal_container .profile-menu li a {
    width: max-content;
  }
  .personal_order-table-header {
    display: none;
  }
  .personal_order-table tr {
    display: flex;
    flex-wrap: wrap;
  }
  .personal_order-table tr td {
    width: 24% !important;
    padding: 5px 15px;
    font-size: 14px;
  }
  .personal_order-table tr td:nth-child(5) {
    width: 50% !important;
  }
  .accordion_order {
    position: relative;
  }
  .accordion_order svg {
    position: absolute;
    bottom: 10px;
    right: 15px;
  }
  .order-item {
    padding: 0 !important;
  }
  .panel_order {
    padding: 0 10px;
  }
  .order-params div {
    font-size: 12px !important;
  }
  .personal_container {
    position: relative;
  }
  .sidebar_menu .personal_link-exit {
    position: absolute;
    top: -50px;
    right: 0;
  }
  .personal_link-exit {
    font-size: 12px !important;
  }
  .personal_title {
    font-size: 20px !important;
    padding-bottom: 30px !important;
  }
  .contacts-form-container,
  .contacts-form-item-footer,
  .contacts-form-captcha,
  .contacts-form-submit {
    display: flex;
    flex-direction: column;
  }
  .contacts-form-item {
    width: 100%;
  }
  .contacts-form-item-footer .contacts-form-item {
    width: 100%;
  }
  .contacts-form-block img {
    margin-top: 0 !important;
  }
  .contacts-form-captcha {
    gap: 10px;
  }
  .contacts-form-container {
    gap: 0px;
  }
  input[type="submit"].main-profile-submit {
    margin-top: 0 !important;
  }
  .personal_container .bx_profile input,
  .personal_container .main-profile-block-shown .form-group:first-child div {
    margin-bottom: 15px;
    margin-top: 10px;
  }
  .personal_container .main-profile-block-shown .form-group:first-child div {
    margin-bottom: 15px;
  }
  .main-profile-block-shown {
    margin-bottom: 20px;
  }
  .sale-order-detail-user .order-detail-item {
    flex-direction: column;
  }
  .sale-order-detail-user .order-detail-item div:first-child,
  .sale-order-detail-user .order-detail-item div:nth-child(2) {
    width: 100%;
  }
  .order-detail-item div:first-child {
    flex-wrap: wrap;
  }
  .order-history-title {
    max-width: 200px;
  }
  .order_main-content {
    flex-direction: column;
  }
  .order_main-item {
    width: 100% !important;
  }
  .soa-property-container {
    display: flex;
    width: 100%;
  }

  .form-group {
    display: flex;
    width: 100%;
    flex-direction: column;
  }

  .order_main-item-h2 {
    display: none !important;
  }
}

.basket-items-list-item-mobile {
  display: none;
}

@media (max-width: 768px) {
  .basket-items-list-item-descriptions-inner,
  .basket-items-list-item-price-for-one,
  .basket-items-list-item-amount,
  .basket-items-list-item-price,
  .basket-items-list-item-remove {
    display: none !important;
  }
  .basket-items-list-item-mobile,
  .basket-items-list-item-mobile .basket-items-list-item-descriptions-inner {
    display: flex !important;
  }
  .basket-items-list-item-mobile,
  .basket-items-list-item-descriptions-inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .basket-items-list-item-descriptions-inner {
    width: 100%;
  }
  .basket-items-list-item-mobile .basket-item-block-price {
    width: max-content !important;
  }
  .basket-item-price-current-text {
    font-size: 14px !important;
    text-align: center !important;
  }
  .basket-items-list-item-mobile {
    justify-content: space-between;
    align-items: center;
    padding-right: 20px;
  }
  .basket-item-block-price {
    margin-bottom: 0 !important;
  }
  .basket-item-block-price,
  .basket-item-price-current {
    text-align: center !important;
  }
  .d-sm-block .basket-item-price-current {
    text-align: left !important;
  }
  .bx-soa-cart-total-button-container {
    margin-bottom: 30px;
  }
  .basket-checkout-section-inner,
  .basket-coupon-block-coupon-form {
    display: flex;
    flex-direction: row;
    align-items: center;
  }

  .basket-checkout-block {
    width: auto !important;
    min-width: auto !important;
    padding-left: 0 !important;
  }
  .basket-coupon-block-total-price-current {
    margin-bottom: 0 !important;
  }
  input[type="text"].basket-coupon-input {
    max-width: 130px;
  }
  .basket-coupon-block-coupon-btn {
    margin-top: 0;
  }
}
.basket-items-list-item-mobile {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none;
}
.bx-order-cancel .form-group {
  display: flex;
  flex-direction: column;
}
.bx-order-cancel .form-control {
  height: 100%;
  padding: 20px;
  border-radius: 5px;
  border: 1px solid rgba(138, 91, 225, 0.5) !important;
  color: #fff;
  font-family: "Rubik", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
  text-align: left;
  max-width: 100%;
  margin-top: 15px;
  margin-bottom: 30px;
  background: transparent;
}
.bx-order-cancel .btn-danger {
  margin-bottom: 20px;
}
.title-order-desc {
  margin-bottom: 30px;
}
.title-order-desc,
.title-order-desc b {
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 160% */
}
.bx-ui-sls-container {
  overflow: visible !important;
}
.bx-ui-sls-container input:first-child {
  top: 35px;
}

.bx-sls {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bx-sls .form-control.dropdown-block,
.bx-slst .form-control.dropdown-block {
  height: 45px;
  border-radius: 5px;
  border: 1px solid rgba(138, 91, 225, 0.5);
  color: #fff;
  font-family: "Rubik", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
  text-align: left;
  background: transparent;
  width: 100%;
}
.bx-ui-sls-container {
  display: flex;
  width: 100%;
}
.bx-ui-sls-container .bx-ui-sls-fake {
  font-size: 14px !important;
  padding: 0 !important;
}
.dropdown-fade2white {
  background: none !important;
}

.bx-sls .dropdown-icon {
  background: url('data:image/svg+xml,<svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path d="M15.7955 15.8111L21 21M18 10.5C18 14.6421 14.6421 18 10.5 18C6.35786 18 3 14.6421 3 10.5C3 6.35786 6.35786 3 10.5 3C14.6421 3 18 6.35786 18 10.5Z" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></g></svg>') !important;
  height: 24px !important;
  width: 24px !important;
}
.bx-ui-sls-input-block {
  display: flex;
  align-items: center;
  justify-content: center;
}
.bx-sls .bx-ui-sls-clear {
  top: 6px;
}
.sdek-container {
  margin-bottom: 30px;
}
.sdek-container .btn-primary {
  width: fit-content !important;
  margin-top: 0 !important;
  margin-right: 0 !important;
  border-radius: 0 !important;
  padding: 5px 0 !important;
  background: inherit !important;
  border: none !important;
  color: #fff300 !important;
  height: auto !important;
  text-align: left !important;
  font-size: 16px !important;
  border-bottom: 1px solid #fff300 !important;
  justify-content: flex-start !important;
}
.SDEK_all-items p {
  color: #000 !important;
}
#SDEK_head {
  top: -7px !important;
}
.order_main-content {
  gap: 30px !important;
}
.bx-sls .bx-ui-sls-pane {
  top: 45px !important;
}
#SDEK_pvz {
  display: none;
}

/* End */


/* Start:/local/templates/eshop_bootstrap_v4/css/styles.css?17788571185346*/
.personal_title {
	color: #FFF300;
font-size: 40px;
font-style: normal;
font-weight: 500;
line-height: normal;
padding-bottom: 50px !important;
}
.bx-authform-label-container {
    color: rgba(255, 255, 255, 0.30) !important;
font-size: 16px !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: normal !important;
}
.bx-authform-input-container input {
    width: auto !important;
    height: auto !important;
	padding: 20px;
    border-radius: 5px;
	border: 1px solid rgba(138, 91, 225, 0.50) !important;
    color: #FFF ;
font-family: 'Rubik', sans-serif ;
font-size: 14px ;
font-style: normal ;
font-weight: 400 ;
line-height: normal ; 
    margin: 0 ;
	text-align: left ;
    max-width: 100% ;
    margin-top: 15px ;
    margin-bottom: 30px ;
    background: transparent ;
}
.user_remember {
    color: rgba(255, 255, 255, 0.30) !important;
font-size: 14px !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: normal !important; 
}
.bx-authform-formgroup-container .btn {
    width: max-content !important;
    border-radius: 30px !important;
    background: #8A5BE1 !important;
    padding: 18px 50px 17px 50px;
    color: #FFF !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    margin-top: 10px !important;
    height: auto !important;
    margin-bottom: 0 !important;
    margin-bottom: 30px !important;
}
.bx-authform-link-container  .button-link {
    color: #FFF300;
	font-size: 16px;
    border-bottom: 1px solid #FFF300;
}
.bx-authform-formgroup-container input[type='checkbox']:checked+label::before {
    border-color: #8A5BE1;
    background-color: #8A5BE1;
    background-image: url('data:image/svg+xml,<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 10.5L11.5 15L17 8" stroke="white" stroke-linecap="round"/></svg> ') !important;
}
.bx-authform-formgroup-container .checkbox {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 30px;
}
.bx-authform-formgroup-container .user_remember {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 30px;
}


/* ---- */

.personal_title {
	color: #FFF300;
font-size: 40px;
font-style: normal;
font-weight: 500;
line-height: normal;
padding-bottom: 50px !important;
}
.order-history-menu {
	margin-top: 25px !important;
}

.order-history-menu .button-link {
	color: #FFF300;
	font-size: 16px;
    border-bottom: 1px solid #FFF300;
}

.personal_container .contacts-form-grid {
	display: flex;
    width: 100%;
    flex-direction: column;
}
.personal_container .profile-grid {
	grid-column-gap: 30px;
}
.personal_container-content {
	width: 100%;
}
.order_main-item .soa-property-container input, .order_main-item .contacts-form-captcha input {

    height: auto !important;
	padding: 20px;
    border-radius: 5px;
	border: 1px solid rgba(138, 91, 225, 0.50) !important;
    color: #FFF ;
font-family: 'Rubik', sans-serif ;
font-size: 14px ;
font-style: normal ;
font-weight: 400 ;
line-height: normal ; 
    margin: 0 ;
	text-align: left ;
    max-width: 100% ;
    margin-top: 15px ;
    margin-bottom: 30px ;
    background: transparent ;
}
.soa-property-container textarea {

    height: 100%;
	padding: 20px;
    border-radius: 5px;
	border: 1px solid rgba(138, 91, 225, 0.50) !important;
    color: #FFF ;
font-family: 'Rubik', sans-serif ;
font-size: 14px ;
font-style: normal ;
font-weight: 400 ;
line-height: normal ; 
    margin: 0 ;
	text-align: left ;
    max-width: 100% ;
    margin-top: 15px ;
    margin-bottom: 30px ;
    background: transparent ;
}
.bx-soa-custom-label {
	color: rgba(255, 255, 255, 0.30) !important;
	font-size: 16px !important;
	font-style: normal !important;
	font-weight: 400 !important;
	line-height: normal !important;
}
.contacts-form-container {
	display: flex;
	width: 100%;
	gap: 30px;
}
.contacts-form-item {
	width: 50%;
}
.contacts-form-item .form-group {
	display: flex;
	flex-direction: column;
}
.form-group-textarea {
	height: 100%;
}
.contacts-form-captcha {
	display: flex;
	justify-content: space-between;
	width: 100%;
	gap: 30px;
}
.contacts-form-item-footer .form-group {
	display: flex;
	flex-direction: column;
}
.contacts-form-item-footer .contacts-form-item {
	width: 50%;
}

.contacts-form-block img {
    margin-top: 50px !important;
}
.contacts-form-submit {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 30px;
}
.contacts-form-submit .contacts-form-item {
	width: 50%;
}
.contacts-form-uslovia {
	color: rgba(255, 255, 255, 0.30) !important;
font-size: 14px !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: normal !important;
min-width: 80%;
}
.main-profile-submit {
	margin-top: 10px;
}
input[type='checkbox']+label::before {
	width: 23px !important;
    height: 23px !important;
}
input[type='checkbox']:checked+label::before {
    border-color: #8A5BE1;
    background-color: #8A5BE1;
    background-image: url('data:image/svg+xml,<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 10.5L11.5 15L17 8" stroke="white" stroke-linecap="round"/></svg> ') !important;
}
.bx-soa-sidebar {
    background: #473381 !important;
    padding: 20px;
    margin-bottom: 20px;
}


/* End */


/* Start:/local/templates/eshop_bootstrap_v4/js/slick/slick.css?17788571181767*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/* End */


/* Start:/local/templates/eshop_bootstrap_v4/js/slick/slick-theme.css?17788571183027*/
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('/local/templates/eshop_bootstrap_v4/js/slick/ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('/local/templates/eshop_bootstrap_v4/js/slick/fonts/slick.eot');
    src: url('/local/templates/eshop_bootstrap_v4/js/slick/fonts/slick-.eot#iefix') format('embedded-opentype'), url('/local/templates/eshop_bootstrap_v4/js/slick/fonts/slick.woff') format('woff'), url('/local/templates/eshop_bootstrap_v4/js/slick/fonts/slick.ttf') format('truetype'), url('/local/templates/eshop_bootstrap_v4/js/slick/fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -45px;

    display: block;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* Localized */
/* End */


/* Start:/local/templates/eshop_bootstrap_v4/js/photobox/photobox.css?177885711811289*/
/* Normilizes box-sizing  */
#pbOverlay *,
#pbOverlay *:before,
#pbOverlay *:after {
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}


#pbOverlay.show{ opacity:1; pointer-events:auto; }
#pbOverlay{
	opacity:0; overflow:hidden; width:100%; height:100%; position:fixed; z-index:9999; left:0; top:0; text-align:center; pointer-events:none;
	-moz-user-select:none;
	background:rgba(0,0,0,0.90);
	/* background:radial-gradient(rgba(0,0,0,.6) 0%, rgba(0,0,0,.9) 100%); */
	-webkit-transform:translate3d(0px, 0px, 0px);
	-ms-transition:opacity 300ms ease;
	transition:opacity 300ms ease;
}
#pbOverlay.msie{ background-color:rgba(0,0,0,.6); }
.msie.pbLoading .pbWrapper{ background:url('/local/templates/eshop_bootstrap_v4/js/photobox/../images/loading.gif') no-repeat center center; }

@keyframes pbLoaderFrames{ 50%{ height:5px; } }
@-webkit-keyframes pbLoaderFrames{ 50%{ height:5px; } }

.pbLoader{ display:none; width:100px; height:100px; position:absolute; z-index:999; top:0; left:0; right:0; bottom:0; margin:auto; text-align:center; border-radius:100%; box-shadow:15px 32px 60px -20px #FFF inset, 1px 1px 3px 1px #FFF inset, 0 0 20px; transition:0.3s; }
.thumbs .pbLoader{ -webkit-transform:translateY(-50px); transform:translateY(-50px); }
.pbLoading:not(.msie):not(.error) .pbLoader{ display:block; }
	.pbLoader b{ display:inline-block; vertical-align:middle; margin:0 2px; width:8px; height:60px; border-radius:5px; background:rgba(255,255,255,0.8); box-shadow:0 0 10px rgba(0,0,0,0.5); -webkit-animation:.9s pbLoaderFrames infinite linear; animation:.9s pbLoaderFrames infinite linear; }
	.pbLoader b:nth-child(2){ -webkit-animation-delay:.3s; animation-delay:.3s; }
	.pbLoader b:nth-child(3){ -webkit-animation-delay:.6s; animation-delay:.6s; }

.mobile.pbLoading .pbLoader{ transform:none; transition:0s; }

.pbWrapper:after,
#pbCaption .pbThumbs ul:after,
#pbOverlay .prevNext:after,
#pbOverlay .pbLoader:before{ content:""; display:inline-block; height:100%; margin-right:-0.25em; vertical-align:middle; }

/* Animation when image was not loaded */
@keyframes deadImage{ 50%{ text-shadow:0 0 25px rgba(255,255,255,.5); transform:scale(0.85); } }
@-webkit-keyframes deadImage{ 50%{ text-shadow:0 0 25px rgba(255,255,255,.5); -webkit-transform:scale(0.85); } }

.pbWrapper{ -moz-box-sizing:border-box; box-sizing:border-box; transform:rotate(0deg); vertical-align:middle; height:100%; perspective:1200px; -webkit-perspective:1200px; position:relative; transition:0.2s; }
.video > .pbWrapper{ z-index:11; display:inline-block; }
	/*#pbOverlay.error .pbWrapper{ display:inline-block; width:100%; }*/
	.pbLoading .pbWrapper{ display:inline-block\9; width:100%; } /* ie8+9 hack */
	.pbWrapper:before{ content:'\2716'; color:transparent; text-shadow:0 2px 35px rgba(255,255,255,0); font-size:0; vertical-align:middle; cursor:default; transition:text-shadow .7s ease-out; }
	.error .pbWrapper:before{ font-size:22em; text-shadow:0 0 0 #FFF; -webkit-animation:2s 1s deadImage infinite linear; animation:2s 1s deadImage infinite linear; }
	.thumbs .pbWrapper{ padding:0; margin:0; }
	.error .pbWrapperr img{ width:0; }

	.pbWrapper > div{ display:none; width:624px; height:351px; vertical-align:middle; border-radius:5px; background:rgba(0,0,0,0.5); }
	.video > .pbWrapper > div{ display:inline-block; }
	#pbOverlay iframe, #pbOverlay embed, #pbOverlay object{ display:block; width:100%; height:100%; opacity:1; transition:0.5s; }
	.pbWrapper .hide iframe{ opacity:0; }

	.pbWrapper > div,
	.pbWrapper > img{
		-ms-transition:.3s .5s ease-out;
		transition:.8s .5s cubic-bezier(0.1, 0.87, 0.48, 1);

		-webkit-transform:none;
		-ms-transform:none;
		transform:none;

		-webkit-backface-visibility:hidden;
		box-shadow:0 0 20px #000;
	}

	/* FOR MOBILE */
	.mobile.show .pbWrapper > div,
	.mobile.show .pbWrapper > img{
		transition:30ms;
	}


	.pbWrapper > *, .hide .pbWrapper > .prepare{ opacity:1; vertical-align:middle; transform:scale(0) rotateX(80deg); -webkit-transform:scale(0) rotateX(80deg); -ms-transform:scale(0) rotateX(80deg); border-radius:6px; border:none; max-height:95%; max-width:100%; }
	.on .pbWrapper > *{ transition-delay:0s; -ms-transition-delay:0s; }
	.pbWrapper .zoomable{ -ms-transition:0s; -webkit-transition:0s; transition:0s; position:relative; z-index:9; }
	.hide .pbWrapper > *{ -webkit-transform:scale(1.2); transform:scale(1.2); transform:none\9; opacity:0; -ms-transition:.4s ease-in; transition:.4s ease-in; }

/*-- close button --*/
#pbCloseBtn, #pbAutoplayBtn{ position:absolute; top:-50px; right:-50px; z-index:999; display:block; padding:0 0 20px 20px; text-align:center; cursor:pointer; color:#FFF; transition:.3s .3s ease-out; }
.hide #pbCloseBtn{ top:-50px; right:-50px; }
.on #pbCloseBtn{ top:-2px; right:-2px; }

#pbCloseBtn:before{ content:'\00D7'; font:bold 1em/1 arial; }
#pbCloseBtn:before, #pbAutoplayBtn:before{ display:inline-block; height:35px; width:35px; padding:8px 8px 12px 12px; font-size:2em; opacity:0.8; vertical-align:middle; background:rgba(255,255,255,0.2); border-radius:0 0 0 70px; transition:0.1s ease-out; }
#pbCloseBtn:hover:before{ padding:15px 10px 24px 24px; background:rgba(255,100,100,.4); }

/*-- autoplay controller --*/
#pbAutoplayBtn{ display:none; right:auto; left:-50px; padding:0; width:50px; height:50px; font-size:13px; }
.hasAutoplay #pbAutoplayBtn{ display:block; }
#pbAutoplayBtn:hover{ width:60px; height:60px; }
.on #pbAutoplayBtn{ top:0px; left:0px; transition:.1s ease-out; }
	#pbAutoplayBtn:before{ content:'\2016'; width:100%; height:100%; border-radius:0 0 70px 0; font-weight:bold; padding:0; text-indent:-6px; line-height:1.6; }
	#pbAutoplayBtn:active:before{ text-shadow:0 0 3px #FFF, 0 0 6px #FFF; }
	#pbAutoplayBtn.play:before{ content:'\25BA'; }

	#pbAutoplayBtn .pbProgress{ display:none\9; width:100%; height:100%; overflow:hidden; position:absolute; padding:6px; top:0; left:0; opacity:0.2; transform:rotateZ(0deg); -webkit-transform:rotateZ(0deg); -ms-transform:rotateZ(0deg); -webkit-transform-origin:0 0; -ms-transform-origin:0 0; transform-origin:0 0; -webkit-transition:0.3s; -ms-transition:0.3s; transition:0.3s; }
	.mobile #pbAutoplayBtn .pbProgress{ -webkit-transition:0s; -ms-transition:0s; transition:0s; }
	#pbAutoplayBtn.playing .pbProgress{ -webkit-transform:rotateZ(90deg); -ms-transform:rotateZ(90deg); transform:rotateZ(90deg); }
	#pbAutoplayBtn .pbProgress:before{ content:''; position:absolute; right:0; bottom:0; width:200%; height:200%; border-radius:50%; box-shadow:0 0 0 8px #FFF inset; }

#pbCaption, .hide #pbCaption{ position:absolute; z-index:999; margin-bottom:5px; bottom:-120px; width:100%; overflow:hidden; transition:.4s; }
.show.on #pbCaption{ bottom:0; transition-delay:.5s; }
	#pbOverlay.thumbs #pbCaption label{ display:block; }
	#pbCaption label{ display:none; position:relative; z-index:1; top:-5px; float:right; width:60px; margin-right:10px; color:#FFF; opacity:0.3; transition:0.2s; cursor:pointer; }
	#pbCaption label:after{ background:#FFF; box-shadow:12px 0 #FFF, -12px 0 #FFF; content:""; display:inline-block; height:0; padding:10px 5px; text-align:right; vertical-align:top; width:0; }
	#pbCaption label:hover{ opacity:1; }
	#pbCaption .title, #pbCaption .counter{ display:inline-block; color:#FFF; margin:0 6px; }
	#pbCaption .counter{ display:none; opacity:.55; }
	.hasCounter #pbCaption .counter{ display:inline-block; }
	.pbCaptionText{ transition:.3s; opacity:0.9; font-weight:bold; font-size:.9em; text-shadow:1px 1px 1px rgba(0,0,0,.5); padding-left:60px; } /* padding-left from <label> */
	.pbCaptionText.change{ -webkit-transform:translateY(25px); transform:translateY(25px); opacity:0; }

.mobile #pbCaption label{ display:none; z-index:-1; color:red; }
.mobile .pbCaptionText{ padding:0; }

/* hide thumbnails */
#pbThumbsToggler:checked ~ #pbCaption .pbThumbs{ margin:0; }
#pbThumbsToggler:checked ~ .pbWrapper{ margin-top:-50px; padding:50px 0; }

.pbThumbs{ display:none; transition:0.35s; -webkit-overflow-scrolling:touch; }
.thumbs .pbThumbs{ display:block; width:100%; padding:5px 0 2px; margin-bottom:-100px; overflow:hidden; }
.mobile .pbThumbs{ overflow:auto; }
.pbThumbs:hover{ clear:both; }
	.pbThumbs ul{ display:inline-block; position:relative; list-style:none; height:80px; padding:0 5px; margin:0; white-space:pre; transition:.2s; }
	.pbThumbs ul:after{ vertical-align:bottom; }
		.pbThumbs li{ display:inline-block; vertical-align:bottom; height:70%; opacity:.6; text-align:center; position:relative; transition:.15s; }
		.pbThumbs li.active{ height:100%; opacity:1; }
		.pbThumbs li:hover{ height:100%; opacity:1; }
		.pbThumbs li.video::before{ content:'\25BA'; color:#FFF; font-size:20px; height:20px; width:20px; line-height:0.9; position:absolute; bottom:4px; left:7px; background:rgba(0,0,0,0.4); box-shadow:0 0 0 3px rgba(0,0,0,0.4); border-radius:0 3px 0 0; pointer-events:none; }
			.pbThumbs a{ height:100%; padding:0 2px; display:block; -moz-user-select:none; }
			.pbThumbs li:hover a{  }
				.pbThumbs img{ height:96%; min-height:95.9%; border:2px solid #FFF; max-width:none; border-radius:0; transition:0.15s; }
				.pbThumbs li:hover img{ min-height:96%; } /* fix a bug in Chrome and Opera */
				.pbThumbs li.fast a img{ transition:none; }
				.pbThumbs li.active a img{ border-color:#D8FF16; min-height:96%; }

#pbOverlay .prevNext{ display:none; background:rgba(0,0,0,0); position:absolute; z-index:10; height:100%; width:35%; padding:80px 0; opacity:0; box-sizing:border-box; -moz-box-sizing:border-box; top:0; transition:.2s ease-out; text-shadow:0 0 12px #000, 0 0 10px #FFF; user-select:none; cursor:pointer; }
#pbOverlay.hasArrows .prevNext{ display:block; }
#pbOverlay .prevNext.hide{ display:none; }
#pbOverlay.on .prevNext:hover{ opacity:.5; }
#pbOverlay.on .prevNext:hover:active{ transition:80ms; opacity:1; text-shadow:0 0 16px #FFF, 0 0 10px #000; }
	.prevNext b{ display:inline-block; vertical-align:middle; transition:.2s ease-in; }
	.prevNext:hover b{ transition:.2s cubic-bezier(0.095, 0.870, 0.485, 0.985); }
	#pbPrevBtn b{ transform:scale(.4) translateX(350px); -webkit-transform:scale(.4) translateX(350px); }
	#pbNextBtn b{ transform:scale(.4) translateX(-350px); -webkit-transform:scale(.4) translateX(-350px); }
	/* */
	#pbPrevBtn b:before, #pbNextBtn b:after{ display:inline; line-height:.3; font-size:18em; font-weight:normal; color:#FFF; font-family:Arial; }

	#pbPrevBtn b:before{ content:'\2039'; }
	#pbNextBtn b:after{ content:'\203A'; }
	/* */
	.on #pbPrevBtn:hover b{ transform:scale(1) translateX(20px); -webkit-transform:scale(1) translateX(20px); }
	.on #pbNextBtn:hover b{ transform:scale(1) translateX(-20px); -webkit-transform:scale(1) translateX(-20px); }

.show #pbPrevBtn, #pbOverlay.show #pbNextBtn{  }
.show #pbPrevBtn{ left:0; text-align:left; }
.show #pbNextBtn{ right:0; text-align:right; }

/*------- media queries (for small screens) -----------*/
@media all and (max-width:700px){
	.pbWrapper img, .hide .pbWrapper img.prepare{ max-height:100%; }

	.thumbs .pbWrapper{ padding:0; margin:0; }
	.pbThumbs{ margin-bottom:-60px; }
	.pbThumbs.show{ margin:0; }

	.pbThumbs ul{ height:50px; }
		.pbThumbs li{ height:100%; opacity:1; }
		.pbThumbs li img{ min-height:96.5%; }
}
/* fix for Chrome */
@media all and (max-width:710px){
	.pbThumbs li.active a img{ min-height:96%; }
}


/* End */


/* Start:/local/templates/eshop_bootstrap_v4/components/bitrix/sale.basket.basket.line/basket-protein/style.css?17788571174720*/
.bx-basket { }

.basket-line-block {
	position: relative;
	padding-left: 25px;
	white-space: nowrap;
	font-size: 13px;
}

.basket-line-block-icon-cart,
.basket-line-block-icon-profile {
	position: relative;
	margin-right: 10px;
}

.basket-line-block-icon-cart:after,
.basket-line-block-icon-profile:after {
	position: absolute;
	top: -1px;
	left: -25px;
	display: block;
	width: 20px;
	height: 20px;
	content: '';
}

.basket-line-block-icon-profile:after { background: no-repeat center url(/local/templates/eshop_bootstrap_v4/components/bitrix/sale.basket.basket.line/basket-protein/images/profile.svg); }

.basket-line-block-icon-cart:after { background: no-repeat center url(/local/templates/eshop_bootstrap_v4/components/bitrix/sale.basket.basket.line/basket-protein/images/cart.svg); }

/*FIXED BASKET*/

@media (min-width: 768px) {
	.bx-basket-fixed {
		position: fixed;
		z-index: 998;
		overflow: hidden;
		padding-top: 10px;
		width: 200px;
		border: 1px solid #f0f0f0;
		border-radius: 1px;
		background: #fff;
		box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
	}

	.bx-basket-fixed.top { top: 10px }

	.bx-basket-fixed.right { right: 10px }

	.bx-basket-fixed.bottom { bottom: 10px }

	.bx-basket-fixed.left { left: 10px }

	.bx-basket-fixed.bx-max-height { top: 10px; bottom: 10px; }
}

@media (max-width: 767px) {
	.bx-basket-fixed {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 998;
		overflow: hidden;
		padding-top: 10px;
		border: 1px solid #f0f0f0;
		border-radius: 1px;
		background: #fff;
		box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
	}

	.bx-basket-item-list { display: none; }

	/*.bx-basket-fixed */
}

.bx-basket-fixed .basket-line-block { margin-left: 10px; }

.bx-basket-item-list {
	position: relative;
	overflow: hidden;
	padding-bottom: 20px;
	border-top: 1px solid #f7f7f7;
}

.bx-opener .bx-basket-item-list { padding-bottom: 75px; }

.bx-max-height .bx-basket-item-list {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
}

.bx-closed .bx-basket-item-list {
	overflow: hidden;
	height: 20px;
}

.bx-basket-item-list-action {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 120;
	padding: 3px 0;
	height: 20px;
	background: #f7f7f7;
	color: #4f4f4f;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	line-height: 14px;
	cursor: pointer;
}

.bx-basket-item-list-button-container {
	position: absolute;
	right: 0;
	bottom: 20px;
	left: 0;
	padding: 10px 0;
	border-top: 1px solid #f7f7f7;
	background: #fff;
	text-align: center;
}

.bx-basket-item-list-container {
	overflow-y: auto;
	max-height: 100%
}

.bx-basket-item-list-item {
	position: relative;
	margin-bottom: 15px;
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
	border-bottom: 1px solid #f7f7f7;
}

.bx-basket-item-list-container .bx-basket-item-list-item:last-child {
	margin-bottom: 0;
	border-bottom: none;
}

.bx-basket-item-list-item-status {
	margin: 0 10px 20px;
	padding: 3px;
	border-radius: 3px;
	background: #ebebeb;
	text-align: center;
	white-space: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
}

.bx-basket-item-list-item-img {
	position: relative;
	padding-bottom: 5px;
	text-align: center;
}

.bx-basket-item-list-item-img img {
	max-width: 90px;
	height: auto;
	border: 1px solid #e6e6e6;
}

.bx-basket-item-list-item-name { padding-bottom: 5px; }

.bx-basket-item-list-item-name a {
	font-size: 13px;
	line-height: 16px;
}

.bx-basket-item-list-item-remove {
	position: absolute;
	top: -7px;
	right: 10px;
	width: 20px;
	height: 20px;
	opacity: .5;
	cursor: pointer;
	transition: 250ms linear all;
}

.bx-basket-item-list-item-remove:after,
.bx-basket-item-list-item-remove:before {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 10px;
	height: 2px;
	border-radius: 1px;
	background-color: #333;
	content: '';
	transform: translate(-50%, -50%);
}

.bx-basket-item-list-item-remove:after {
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-moz-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	-o-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
}

.bx-basket-item-list-item-remove:before {
	-webkit-transform: translate(-50%, -50%) rotate(135deg);
	-moz-transform: translate(-50%, -50%) rotate(135deg);
	-ms-transform: translate(-50%, -50%) rotate(135deg);
	-o-transform: translate(-50%, -50%) rotate(135deg);
	transform: translate(-50%, -50%) rotate(135deg);
}

.bx-basket-item-list-item-remove:hover { opacity: .7; }

.bx-basket-item-list-item-price-block {
	padding-bottom: 5px;
	font-size: 12px;
}

.bx-basket-item-list-item-price {
	display: inline-block;
	margin-right: 5px;
}

.bx-basket-item-list-item-price-old {
	display: inline-block;
	margin-right: 5px;
	color: #b0b0b0;
	text-decoration: line-through
}

.bx_cart_login_top .basket-line { line-height: 1.44em; }


/* End */
/* /local/templates/eshop_bootstrap_v4/css/template_styles.css?1778857924127532 */
/* /local/templates/eshop_bootstrap_v4/css/styles.css?17788571185346 */
/* /local/templates/eshop_bootstrap_v4/js/slick/slick.css?17788571181767 */
/* /local/templates/eshop_bootstrap_v4/js/slick/slick-theme.css?17788571183027 */
/* /local/templates/eshop_bootstrap_v4/js/photobox/photobox.css?177885711811289 */
/* /local/templates/eshop_bootstrap_v4/components/bitrix/sale.basket.basket.line/basket-protein/style.css?17788571174720 */