/* Code tidied up by ScrapBook */
@keyframes mySpin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@keyframes blink {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes blink {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes mySpin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@keyframes rightEnd {
0%, 100% { left: 0px; }
50% { left: -15px; }
}
@keyframes rightEnd {
0%, 100% { left: 0px; }
50% { left: -15px; }
}
@keyframes topEnd {
0%, 100% { top: 0px; }
50% { top: -15px; }
}
@keyframes topEnd {
0%, 100% { top: 0px; }
50% { top: -15px; }
}
@keyframes leftEnd {
0%, 100% { left: 0px; }
50% { left: 15px; }
}
@keyframes leftEnd {
0%, 100% { left: 0px; }
50% { left: 15px; }
}
@keyframes bottomEnd {
0%, 100% { bottom: 0px; }
50% { bottom: -15px; }
}
@keyframes bottomEnd {
0%, 100% { bottom: 0px; }
50% { bottom: -15px; }
}
* { outline: 0px none; }
body, div, form, h2, h4, input, li, p, ul { margin: 0px; padding: 0px; }
button::-moz-focus-inner { border: 0px none; }
img { max-width: 100%; height: auto; -moz-user-select: none; }
ul li { list-style: outside none none; }
h2, h4 { font-size: 100%; font-weight: 400; }
input, select {  }
article, footer, header, main, section { display: block; }
img, input, label, select { border: 0px none; vertical-align: middle; }
input, label, select { font-family: inherit; }
.header-v1 a, a { text-decoration: none; }
body, html { font: 14px system,-apple-system,BlinkMacSystemFont,"Segoe UI","Segoe WP",Roboto,Ubuntu,Oxygen,Cantarell,"Fira Sans","Helvetica Neue",Helvetica,"Lucida Grande","Droid Sans",Tahoma,"Microsoft Sans Serif",sans-serif; }
.trunkOld { margin: 0px auto; }
.trunkOld::after, .trunkOld::before { content: ""; display: table; }
.c-cross-14 { position: relative; display: inline-block; width: 14px; height: 14px; }
.c-cross-14::after, .c-cross-14::before { content: ""; position: absolute; display: block; transform: rotate(-45deg); }
.c-cross-14::before { transform: rotate(45deg); }
.c-cross-14::after, .c-cross-14::before { height: 18px; width: 2px; left: 6px; top: -2px; background: rgb(153, 153, 153) none repeat scroll 0% 0%; }
.c-text-md-v1 { font: 400 18px/24px system,-apple-system,BlinkMacSystemFont,"Segoe UI","Segoe WP",Roboto,Ubuntu,Oxygen,Cantarell,"Fira Sans","Helvetica Neue",Helvetica,"Lucida Grande","Droid Sans",Tahoma,"Microsoft Sans Serif",sans-serif; color: rgb(0, 0, 0); }
.c-text-md-v1::-moz-placeholder { color: rgb(201, 201, 201); }
.c-text-md-v1::placeholder { color: rgb(201, 201, 201); }
.c-loupe-18 { height: 18px; position: relative; width: 18px; }
.c-loupe-18::after, .c-loupe-18::before { content: ""; display: block; position: absolute; }
.c-loupe-18::before, .header-v1 .header-wrapper, .header-v1 .wildSrch .sq { box-sizing: border-box; }
.c-loupe-18::before { border: 2px solid rgb(0, 0, 0); border-radius: 50%; height: 14px; left: 0px; top: 0px; width: 14px; }
.c-loupe-18::after { background: rgb(0, 0, 0) none repeat scroll 0% 0%; bottom: -1px; height: 9px; transform: rotate(-45deg); right: 2px; width: 2px; }
.header-v1 .header-wrapper { min-width: 978px; max-width: 1500px; }
.header-v1 { position: relative; min-width: 100%; background: transparent linear-gradient(to right, rgb(203, 17, 171) 0px, rgb(72, 17, 115) 100%) no-repeat scroll 0% 0%; }
.header-v1 .header-bg { position: relative; top: 0px; min-width: 100%; }
.header-v1 .header-wrapper { margin: 0px auto; padding: 15px 30px 25px; }
.header-v1 .header-content { position: relative; margin: 15px 0px; font-size: 0px; }
.header-v1 .header-content::after { display: block; content: ""; clear: both; }
.header-v1 .c-photo-18-v1 { position: relative; top: 5px; right: 4px; background-position: center center; }
.header-v1 .wildSrch { position: relative; display: inline-block; vertical-align: middle; white-space: nowrap; margin-right: 14px; width: calc(100% - 300px - 300px - 54px); }
.header-v1 .wildSrch .sq { vertical-align: middle; cursor: pointer; width: 100%; padding: 16px 100px 16px 20px; margin: 0px; border: 0px none; border-radius: 27px; background: rgba(255, 255, 255, 0.2) none repeat scroll 0% 0%; transition: background 0.5s ease 0s; color: rgba(255, 255, 255, 0.5); }
.header-v1 .wildSrch .sq:hover ~ .icon-photo .inner-photo .c-photo-18-v1, .header-v1 .wildSrch .sq ~ .c-loupe-18 { opacity: 0.5; }
.header-v1 .wildSrch .sq ~ .c-loupe-18::before { border-color: rgb(255, 255, 255); }
.header-v1 .wildSrch .sq ~ .c-loupe-18::after { background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.header-v1 .wildSrch .sq ~ .c-cross-14::after, .header-v1 .wildSrch .sq ~ .c-cross-14::before { background: rgb(255, 255, 255) none repeat scroll 0% 0%; opacity: 0.5; }
.header-v1 .wildSrch .sq:focus { cursor: text; }
.header-v1 .wildSrch .sq:hover { transition: background 0.5s ease 0s; background: rgba(255, 255, 255, 0.5) none repeat scroll 0% 0%; }
.header-v1 .wildSrch .sq:focus, .header-v1 .wildSrch .sq:focus:hover { color: rgb(0, 0, 0); background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.header-v1 .wildSrch .sq:focus:hover ~ .c-loupe-18, .header-v1 .wildSrch .sq:focus ~ .c-loupe-18 { transition: opacity 0.5s ease 0s; opacity: 0.5; }
.header-v1 .wildSrch .sq:focus:hover ~ .c-loupe-18::before, .header-v1 .wildSrch .sq:focus ~ .c-loupe-18::before { border-color: rgb(0, 0, 0); }
.header-v1 .wildSrch .sq:focus:hover ~ .c-loupe-18::after, .header-v1 .wildSrch .sq:focus ~ .c-loupe-18::after { background: rgb(0, 0, 0) none repeat scroll 0% 0%; }
.header-v1 .wildSrch .sq:focus:hover ~ .c-loupe-18:hover, .header-v1 .wildSrch .sq:focus ~ .c-loupe-18:hover { transition: opacity 0.5s ease 0s; opacity: 1; }
.header-v1 .wildSrch .sq:focus:hover ~ .icon-photo .inner-photo .c-photo-18-v1, .header-v1 .wildSrch .sq:focus ~ .icon-photo .inner-photo .c-photo-18-v1 { transition: opacity 0.5s ease 0s; background: transparent url("data:image/svg+xml,%3Csvg%20width%3D%2217%22%20height%3D%2215%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M15.938%2015H1.062c-.281%200-.552-.113-.75-.314-.2-.2-.312-.473-.312-.757V3.214c0-.284.112-.556.311-.757.2-.201.47-.314.752-.314h2.656L5.844%200h5.312l2.125%202.143h2.656c.282%200%20.553.113.752.314.2.2.311.473.311.757V13.93c0%20.284-.112.556-.311.757-.2.201-.47.314-.752.314zm-.532-11.25h-2.785l-2.125-2.143H6.504L4.38%203.75H1.594v9.643h13.812V3.75zM8.5%204.286c.736%200%201.454.22%202.066.632a3.743%203.743%200%200%201%201.37%201.683%203.78%203.78%200%200%201-.806%204.086%203.69%203.69%200%200%201-4.053.813%203.726%203.726%200%200%201-1.669-1.38%203.772%203.772%200%200%201%20.462-4.736A3.703%203.703%200%200%201%208.5%204.286zm0%205.893c.42%200%20.831-.126%201.18-.362.35-.235.622-.57.783-.961a2.159%202.159%200%200%200-.46-2.336%202.109%202.109%200%200%200-2.316-.465c-.388.163-.72.438-.954.79a2.156%202.156%200%200%200%20.264%202.706c.399.402.94.628%201.503.628z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E") no-repeat scroll center center; opacity: 0.5; }
.header-v1 .wildSrch .sq:focus:hover ~ .c-cross-14::after, .header-v1 .wildSrch .sq:focus:hover ~ .c-cross-14::before, .header-v1 .wildSrch .sq:focus ~ .c-cross-14::after, .header-v1 .wildSrch .sq:focus ~ .c-cross-14::before { transition: opacity 0.5s ease 0s; background: rgb(0, 0, 0) none repeat scroll 0% 0%; opacity: 0.5; }
.header-v1 .wildSrch .sq:focus:hover ~ .c-cross-14:hover::after, .header-v1 .wildSrch .sq:focus:hover ~ .c-cross-14:hover::before, .header-v1 .wildSrch .sq:focus:hover ~ .icon-photo .inner-photo:hover .c-photo-18-v1, .header-v1 .wildSrch .sq:focus ~ .c-cross-14:hover::after, .header-v1 .wildSrch .sq:focus ~ .c-cross-14:hover::before, .header-v1 .wildSrch .sq:focus ~ .icon-photo .inner-photo:hover .c-photo-18-v1 { transition: opacity 0.5s ease 0s; opacity: 1; }
.header-v1 .wildSrch .find, .header-v1 .wildSrch .resSrch { position: absolute; top: 14px; right: 15px; cursor: pointer; }
.header-v1 .wildSrch .resSrch { display: none; top: 15px; right: 49px; }
.header-v1 .wildSrch.enable-img .c-loupe-18 { right: 53px; top: 19px; }
.header-v1 .wildSrch.enable-img .resSrch { top: 20px; right: 85px; }
.header-v1 .header-logo { display: inline-block; vertical-align: middle; width: 400px; height: 60px; margin-right: -100px; }
.header-v1 .header-logo img { max-width: 100%; height: auto; }
.header-v1 .header-user-menu { font-size: 0px; text-align: justify; line-height: 1; float: right; margin-top: 6px; width: 300px; }
.header-v1 .header-user-menu::after { content: ""; width: 100%; height: 0px; display: inline-block; }
.header-v1 .head-address, .header-v1 .header-user-menu { display: inline-block; vertical-align: middle; }
.header-v1 .head-address, .header-v1 .header-basket, .header-v1 .user-menu-item > a { font: 400 14px/20px system,-apple-system,BlinkMacSystemFont,"Segoe UI","Segoe WP",Roboto,Ubuntu,Oxygen,Cantarell,"Fira Sans","Helvetica Neue",Helvetica,"Lucida Grande","Droid Sans",Tahoma,"Microsoft Sans Serif",sans-serif; color: rgb(0, 0, 0); position: relative; }
.header-v1 .user-menu-icon, .header-v1 .user-menu-icon::before { position: absolute; background-repeat: no-repeat; }
.header-v1 .header-basket { width: 100%; display: inline-block; font-size: 0px; text-align: justify; vertical-align: middle; line-height: normal; }
.header-v1 .header-basket::after, .header-v1 .header-top-wrap::after { content: ""; width: 100%; height: 0px; display: inline-block; }
.header-v1 .user-menu-item { position: relative; display: inline-block; vertical-align: middle; }
.header-v1 .user-menu-item > a { display: block; padding-top: 30px; color: rgb(255, 255, 255); outline: 0px none; }
.header-v1 .user-menu-login { margin-bottom: -17px; padding-bottom: 17px; }
.header-v1 .cart-informer { min-width: 57px; text-align: center; position: absolute; right: 0px; }
.header-v1 .user-menu-login .user-menu-icon { background: transparent url("data:image/svg+xml,%3Csvg%20width%3D%2219%22%20height%3D%2220%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M14.02%204.789c0%202.77-2.084%204.918-4.514%204.918S4.991%207.559%204.991%204.812C4.98%202.101%207.088%200%209.506%200c2.418%200%204.515%202.054%204.515%204.789zM0%2018.498C0%2019.484.643%2020%202.442%2020h14.116C18.357%2020%2019%2019.484%2019%2018.498c0-2.864-3.657-6.808-9.494-6.808C3.657%2011.69%200%2015.634%200%2018.498z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E") repeat scroll 0% 0%; width: 19px; height: 20px; top: 3px; left: calc(50% - 9px); }
.header-v1 .head-address .user-menu-icon::before { background: transparent url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M16%208.11c0%203.602-5.174%2011.687-7.2%2014.715a.956.956%200%2001-1.6%200C5.174%2019.797%200%2011.712%200%208.11%200%203.63%203.582%200%208%200s8%203.63%208%208.11zm-4.267%200c0%202.09-1.671%203.785-3.733%203.785-2.062%200-3.733-1.695-3.733-3.785S5.938%204.325%208%204.325c2.062%200%203.733%201.695%203.733%203.785z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E") repeat scroll 0% 0%; position: absolute; content: ""; width: 16px; height: 24px; top: 2px; left: calc(50% - 8px); }
.header-v1 .my-basket .user-menu-icon { background: transparent url("data:image/svg+xml,%3Csvg%20width%3D%2227%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.721%2015.466a1%201%200%20001.1.653l12.766-2.036a1%201%200%2000.824-.792l1.354-6.792a1%201%200%2000-.964-1.196l-17.36-.28a1%201%200%2000-.958%201.335l3.238%209.109zM11.326%2023.36a2.326%202.326%200%20100-4.653%202.326%202.326%200%20000%204.652zM22.957%2023.36a2.326%202.326%200%20100-4.653%202.326%202.326%200%20000%204.652z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M4.5%202C6.433%202%208%201.776%208%201.5S6.433%201%204.5%201%201%201.224%201%201.5s1.567.5%203.5.5z%22%20fill%3D%22%23fff%22%20stroke%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E") repeat scroll 0% 0%; width: 27px; height: 24px; top: 2px; left: calc(50% - 16px); }
.header-v1 .header-top-wrap { font-size: 0px; text-align: justify; line-height: 1; }
.header-v1 .header-top { display: inline-block; vertical-align: middle; padding: 0px; margin: 0px; }
.header-v1 .header-top .item, .header-v1 .header-top .item a { font: 400 14px/20px system,-apple-system,BlinkMacSystemFont,"Segoe UI","Segoe WP",Roboto,Ubuntu,Oxygen,Cantarell,"Fira Sans","Helvetica Neue",Helvetica,"Lucida Grande","Droid Sans",Tahoma,"Microsoft Sans Serif",sans-serif; color: rgba(255, 255, 255, 0.6); }
.header-v1 .header-top .item { display: inline-block; vertical-align: middle; cursor: pointer; }
.header-v1 .header-top .item:hover, .header-v1 .header-top .item > a:hover { color: rgb(255, 255, 255); }
.header-v1 .header-top .item + .item { margin-left: 62px; position: relative; }
.header-v1 .header-top .geo { display: inline-block; color: rgb(255, 255, 255); opacity: 0.6; vertical-align: top; }
.header-v1 .header-top .geo:hover { opacity: 1; }
.header-v1 .header-top .item-delivery a { display: inline-block; padding: 4px 10px; margin-top: -2px; margin-bottom: -2px; border-radius: 24px; background: rgba(255, 255, 255, 0.2) none repeat scroll 0% 0%; }
.header-v1 .header-top .item-delivery a:hover { background: rgba(255, 255, 255, 0.3) none repeat scroll 0% 0%; }
.header-v1 .icon-photo { width: 49px; height: 100%; position: absolute; right: 0px; top: 0px; cursor: pointer; text-align: center; line-height: 44px; }
.header-v1 .icon-photo:hover .pseudo-tooltip { display: block; }
.header-v1 .icon-photo .pseudo-tooltip { font: 400 14px/20px system,-apple-system,BlinkMacSystemFont,"Segoe UI","Segoe WP",Roboto,Ubuntu,Oxygen,Cantarell,"Fira Sans","Helvetica Neue",Helvetica,"Lucida Grande","Droid Sans",Tahoma,"Microsoft Sans Serif",sans-serif; color: rgb(0, 0, 0); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-radius: 4px; display: none; left: -51px; text-align: center; padding: 12px 0px; position: absolute; top: 46px; width: 145px; z-index: 100; }
.header-v1 .icon-photo .pseudo-tooltip::after { border-left: 9px solid transparent ! important; border-right: 9px solid transparent ! important; border-bottom: 10px solid rgb(255, 255, 255); border-top-color: rgb(255, 255, 255); content: ""; display: block; left: 63px; position: absolute; top: -10px; }
.header-v1 .icon-photo + div { width: 100%; top: 98%; }
.main-content { background: rgb(255, 255, 255) none repeat scroll 0% 0%; position: relative; }
.footer::before, .main-content::before { background: rgb(255, 255, 255) none repeat scroll 0% 0%; content: ""; position: absolute; top: -23px; height: 24px; width: 100%; border-radius: 12px 12px 0px 0px; }
.header-with-burger ~ .main-content::before { border-radius: 24px 24px 0px 0px; }
.header-with-burger .header-content { padding-bottom: 22px; }
.header-with-burger .c-btn-burger { position: relative; display: inline-block; vertical-align: middle; width: 48px; height: 47px; background: transparent none repeat scroll 0px 0px; border: 1px solid rgba(255, 255, 255, 0.4); padding: 10px 9px; border-radius: 8px; }
.header-with-burger .c-btn-burger:hover { border: 1px solid rgb(255, 255, 255); cursor: pointer; }
.header-with-burger .c-btn-burger span { position: relative; display: block; width: 28px; height: 4px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-radius: 8px; }
.header-with-burger .c-btn-burger span::after, .header-with-burger .c-btn-burger span::before { background: rgb(255, 255, 255) none repeat scroll 0% 0%; position: absolute; left: 0px; content: ""; width: 28px; height: 4px; border-radius: 8px; }
.header-with-burger .c-btn-burger span::after { top: -10px; }
.header-with-burger .c-btn-burger span::before { bottom: -11px; }
.header-with-burger .header-btn-inner { margin-right: 20px; }
.header-with-burger .header-logo { width: 240px; height: 64px; margin-right: 20px; }
.footer { margin-top: 48px; background: rgb(72, 17, 115) none repeat scroll 0% 0%; position: relative; }
.footer::before { display: block; border-radius: 0px 0px 24px 24px; top: -1px; left: 0px; }
.footer .line { font-size: 0px; margin: 0px -12px 40px; }
@media screen and (min-width: 1280px) {
  .header-with-burger .wildSrch { width: calc(100% - 300px - 68px - 240px - 28px - 60px - 14px); }
}
@media screen and (max-width: 1920px) {
  .header-v1 .header-top .geo { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}
@media screen and (max-width: 1499px) {
  .header-v1 .header-top .geo { max-width: 200px; }
}
@media screen and (max-width: 1279px) {
  .header-v1 .wildSrch { width: 100%; margin: 7px 0px 0px; }
  .header-v1 .header-user-menu { position: absolute; top: 0px; right: 0px; }
  .header-v1 .icon-photo .pseudo-tooltip { left: -103px; }
  .header-v1 .icon-photo .pseudo-tooltip::after { left: 110px; }
}
@media screen and (max-width: 1250px) {
  .header-v1 .header-top .item + .item { margin-left: 20px; position: relative; }
}
@media screen and (max-width: 1245px) {
  .header-v1 .header-wrapper { padding: 15px 15px 5px; }
}
@media screen and (min-width: 1500px) and (max-width: 1920px) {
  .header-v1 .header-top .geo { max-width: 300px; }
}